/* mobile  */
@media (max-width:1024px) {
  aside,
  .re_popup_wrap {
    display:none;
  }


/* 회원가입 인풋 스타일  시작*/
input[type="checkbox"] {
  display:none;
}

label {
  cursor: pointer;
font-size:calc(100vw * (14 / 428));
}

label em {
  display: inline-block;
  width:calc(100vw * (13 / 428));
  height:calc(100vw * (13 / 428));
  background:url("../img/icon/Icon_check.png") no-repeat;
  background-position:-999px;
  margin-right:calc(100vw * (5 / 428));
  vertical-align: unset;
  border:1px solid #dddddd;
}

input[type="checkbox"]:checked ~ label em {
  background-position: 0px;
  background-size: contain;
}

.need_check input[type="checkbox"]:checked ~ label em {
  background-position: 0px;
  background-size: contain;
}
/* 회원가입 인풋 스타일  끝*/

  
  /* input custom  끝*/
  
/*-------------------------------------------- 로그인 영역-----------------------------------------------------  */
/* Login 영역 - Heading  */
body {
  font-size: calc(100vw * (14 / 428));
}
.login {
  width: 100%;
  padding-bottom: calc(100vw * (100 / 428));
}

.login .section1 {
  width: 100%;
  height: 100%;
}

.login .section1 .container {
  width: 100%;
  height: 100%;
}

.login .section1 .container .heading {
  width: 100%;
  padding-top: calc(100vw * (20 / 428));
  padding-bottom: calc(100vw * (20 / 428));
  margin-top: calc(100vw * (50 / 428));
  border-bottom: 1px solid #dddddd;
}

.login .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  width: 100%;
  font-size: calc(100vw * (20 / 428));
  font-weight: bold;
  color: #203465;
}


/* Login 영역 - Input  */
.login .inp_wrap {
  width:100%;
  margin-top: calc(100vw * (50 / 428));
}

.login .inp_wrap .fieldset {
  border: none;
}

.login .inp_wrap .legend {
  display: none;
}

/* Input Common */
.login_box {
  width: 100%;
  margin-bottom:  calc(100vw * (20 / 428));
}

.login_box_label {
  display: inline-block;
  width:100%;
  color: #203465;
  line-height: 1.63;
  letter-spacing: -0.4px;
  font-size: calc(100vw * (16 / 428));
  margin-bottom:  calc(100vw * (10 / 428));
}

.login_box_inp {
  display: inline-block;
  width: 100%;
  padding:calc(100vw * (20 / 428));
  margin: 0;
  border: 1px solid #203465;
  font-size:calc(100vw * (18 / 428));
}

/* Find id and pw 영역 */
.find_id_pw {
  width: 100%;
  margin-bottom: calc(100vw * (20 / 428));
}

.find_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.find_wrap .list {
  margin-left:calc(100vw * (10 / 428));
}

.find_wrap .link {
  font-size:calc(100vw * (16 / 428));
  color: #203465;
  border-bottom: 1px solid #203465;
}

/* Button 영역 */
.login .btn_wrap {
  width: 100%;
  display: block;
}

.login .btn_wrap .button {
  width: 100%;
  margin-bottom: calc(100vw * (10 / 428));
  padding-top: calc(100vw * (20 / 428));
  padding-bottom: calc(100vw * (20 / 428));
  border: 1px solid #203465;

  font-size: calc(100vw * (16 / 428));
}

.login .btn_wrap .america_login {
  color: #ffffff;
  background-color: #203465;
}

.login .btn_wrap .join {
  color: #203465;
  background-color: #ffffff;
}

.login .btn_wrap .naver_login {
  color: #ffffff;
  background-color: #03cf5d;
}

.login .btn_wrap .kakao_login {
  color: #ffffff;
  background-color: #ffcd00;
}


/*-------------------------------------------- 회원가입 약관 영역-----------------------------------------------------  */
/* signup 영역  */
/* signup 영역 - Heading  */
.aside {
  display: none;
}
.signup {
  width: 100%;
  padding-bottom: calc(100vw * (100 / 428));
}

.signup input {
  width:calc(100vw * (14 / 428));
  height:calc(100vw * (14 / 428));
}

.signup .section1 {
  width: 100%;
  padding-top: calc(100vw * (70 / 428));
}

.signup .section1 .container {
  width: 100%;
  height: 100%;
}

.signup .section1 .container .heading {
  width: 100%;
  margin: 0 auto;
  padding-bottom:calc(100vw * (20 / 428));
  border-bottom: 1px solid #dddddd;
}

.signup .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  padding-bottom:calc(100vw * (20 / 428));
  font-size:calc(100vw * (20 / 428));
  font-weight: bold;
  color: #203465;
}

.signup .section1 .container .heading p span {
  font-size: calc(100vw * (16 / 428));
  line-height: 1.5;
}

/* signup 영역 - contents Heading 영역  */
.signup .section2 {
  width: 100%;
}

.signup .section2 .container {
  width: 100%;
  max-width: 1000px;
  margin-top: calc(100vw * (50 / 428));
}

/* signup 영역 - contents Textarea 영역  */
.signup .textarea_wrap {
  width: 100%;
  margin-top:calc(100vw * (20 / 428));
}

.signup .textarea {
  width: 100%;
}

.textarea {
  resize: none;
  border: 1px solid #dddddd;
}

.textarea_wrap .need_check {
  text-align: right;
}

.agree_check[type="checkbox"] {
  outline: none;
}

/* signup 영역 - 개인정보처리 방침 영역  */
.signup .Pri_Policy_wrap {
  width: 100%;
  margin-top:calc(100vw * (20 / 428));
}

.signup .policy {
  width: 100%;
  margin-top: 20px;
}

.signup .policy .policy_content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.signup .policy .policy_content .dl {
  display: inline-block;
  width:100%;
  margin-bottom: calc(100vw * (20 / 428));
}

.signup .policy .policy_content .dt {
  width: 100%;
  background-color: #203465;
  color: #ffffff;
  padding-top: calc(100vw * (10 / 428));
  padding-bottom: calc(100vw * (10 / 428));
}

.signup .policy .policy_content .dd {
  color: #333333;
  padding-top: calc(100vw * (10 / 428));
  padding-bottom: calc(100vw * (10 / 428));
}


.signup .policy .policy_content .dl:nth-child(1),
.signup .policy .policy_content .dl:nth-child(3) {
  background: #fafafa;
}


.signup .policy .policy_content .dl .dd:nth-child(2),
.signup .policy .policy_content .dl .dd:nth-child(3) {
  border-bottom: 1px solid #203465;
}

.signup .policy .policy_content .dl .dd:nth-child(2) {
  width: 100%;
}


.policy_chekbox_wrap {
  width: 100%;
  text-align: right;
}

.policy_chekbox_wrap .policy_chekbox {
  margin-top: calc(100vw * (10 / 428));
}

.policy_chekbox span {
  font-size: calc(100vw * (14 / 428));
}

/* signup 영역 - 개인정보처리 방침 -> 버튼 영역  */

.signup .button_wrap {
  width:100%;
  margin-top: calc(100vw * (50 / 428));
  display: flex;
  justify-content: space-between;
}

.signup .cancel_btn,
.signup .signup_btn {
  width: 48%;
  padding-top: calc(100vw * (10 / 428));
  padding-bottom: calc(100vw * (10 / 428));
  border: 1px solid #203465;
  font-size: calc(100vw * (14 / 428));
  display: flex;
  justify-content: center;
  align-items: center;
}

.signup .cancel_btn {
  color: #203465;
  background: none;
}


.signup .signup_btn {
  color: #ffffff;
  background: #203465;
}






/*-------------------------------------------- 회원가입 작성 영역-----------------------------------------------------  */
/* common */

.signup_form_title {
  display: inline-block;
  color: #203465;
  font-size:calc(100vw * (16 / 428));
  margin-top:calc(100vw * (20 / 428));
}


.adress_title {
  margin-bottom: calc(100vw * (10 / 428));
}

.default_text {
  font-size: calc(100vw * (13 / 428));
  color: #203465;
}

/* error 메시지  */
.error_text {
  font-size:calc(100vw * (13 / 428));
  color: #FF6F6F;
}


/* correct 메시지  */
.correct_text {
  font-size: calc(100vw * (13 / 428));
  color: #49C2AE;
}

/* signup_form 영역  */
/* signup_form 영역 - Heading  */
.signup_form {
  width: 100%;
  padding-top:calc(100vw * (70 / 428));
  padding-bottom:calc(100vw * (100 / 428));
}

.signup_form .section1 {
  width: 100%;
}

.signup_form .section1 .container {
  width: 100%;
  height: 100%;
}

.signup_form .section1 .container .heading {
  width: 100%;
  padding-bottom: calc(100vw * (20 / 428));
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.signup_form .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  font-size:calc(100vw * (20 / 428));
  font-weight: bold;
  color: #203465;
}

/* signup_form 영역 - contents Heading 영역  */
.signup_form .section2 {
  width: 100%;
}

.signup_form .section2 .container {
  width:100%;
  margin-top: calc(100vw * (50 / 428));
}

.signup_form_contents_wrap {
  margin-top: calc(100vw * (20 / 428));
}

.signup_user_info_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;

}

.signup_user_left_box {
  width:100%;
  padding-bottom: calc(100vw * (10 / 428));
}

.signup_user_left_box .span {}

.signup_user_right_box {
  width: 100%;
  border: 1px solid;
  padding: calc(100vw * (10 / 428));
  border: 1px solid #203465;
}



.signup_user_right_box .input {
  width: 100%;
  padding: calc(100vw * (10 / 428));
  margin-bottom: calc(100vw * (5 / 428));
  vertical-align: top;
  border: 1px solid #dddddd;
  font-size: calc(100vw * (15 / 428));
}

.signup_user_right_box .button {
  display: inline-block;
  width:calc(100vw * (130 / 428));
  padding:calc(100vw * (10 / 428));
  margin-bottom: calc(100vw * (5 / 428));
  font-size: calc(100vw * (14 / 428));
  background: #203465;
  color: #ffffff;
  border: none;
}


.adress_wrap {
}

.adress_wrap .max_input {
  width: 100%;
}

.num_input {
  width: calc(100vw * (100 / 428));
  margin-right:calc(100vw * (17 / 428));
  border: 1px solid #dddddd;
  padding: calc(100vw * (10 / 428));
  text-align: center;
}

.signup_user_info_wrap:nth-child(5) .signup_user_right_box .line_:last-child .num_input,
.signup_user_info_wrap:nth-child(6) .signup_user_right_box .line_:last-child .num_input {
  margin:inherit;
}

.num_input::-webkit-outer-spin-button,
.num_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.signup_user_info_wrap:nth-child(5) .signup_user_right_box {
display: flex;
justify-content: center;
align-items: center;
}


/* border 바텀  */
.border_b {
  border-bottom: 1px solid #203465;
}




/* signup_form 영역 -버튼 영역  */

.signup_form .button_wrap {
  width: 100%;
  padding-left:calc(100vw * (20 / 428));
  padding-right:calc(100vw * (20 / 428));
  margin-top: calc(100vw * (20 / 428));
  display: flex;
  justify-content: space-between;
}

.signup_form .cancel_btn,
.signup_form .signup_btn {
  width: 48%;
  padding:calc(100vw * (10 / 428));
  border: 1px solid #203465;
}

.signup_form .cancel_btn {
  color: #203465;
  background: none;
  font-size: calc(100vw * (14 / 428));
}


.signup_form .signup_btn {
  color: #ffffff;
  background: #203465;
  font-size: calc(100vw * (14 / 428));
}



/* number 기호  */
.line_ {
  display: inline-block;
  position: relative;
}



.line_::after {
  content: "";
  width: 10px;
  height: 1px;
  position: absolute;
  right: 8%;
  top: 49%;
  background: black;
}

.line_:nth-child(3)::after {
  width: 0;
}



/*-------------------------------------------- 회원가입 축하 영역-----------------------------------------------------  */

/* signup_complete 영역  */
/* signup_complete 영역 - Heading  */
.signup_complete {
  width: 100%;
  padding-top: calc(100vw * (80 / 428));
}

.signup_complete .section1 {
  width: 100%;
}

.signup_complete .section1 .container {
  width: 100%;
  height: 100%;
}

.signup_complete .section1 .container .heading {
  width: 100%;
  margin: 0 auto;
  padding-bottom: calc(100vw * (20 / 428));
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.signup_complete .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  font-size: calc(100vw * (50 / 428));
  font-weight: bold;
  color: #203465;
}

/* section 2  영역*/
.signup_complete .section2 {
  width: 100%;
  margin-top: calc(100vw * (100 / 428));
  text-align: center;
}

.coplete_message_wrap .coplete_message_text {
  font-size: calc(100vw * (20 / 428));
  color: #203465;
  font-weight: bold;
}

.coplete_message_wrap .coplete_message_text_info {
  font-size: calc(100vw * (18 / 428));
  color: #333333;
  margin-top: calc(100vw * (50 / 428));
  margin-bottom: calc(100vw * (50 / 428));
}

.signup_complete .section2 .button_wrap {
  width: 100%;
}

.signup_complete .section2 .button_wrap .goMain_btn {
  width: 100%;
  margin: 0 auto;
  padding-top: calc(100vw * (20 / 428));
  padding-bottom: calc(100vw * (20 / 428));
  background-color: #203465;
  color: #ffffff;
  border: none;
  font-size: calc(100vw * (16 / 428));
}

  
  /* user_accountInfo 영역  */
  /* user_accountInfo 영역 - Heading  */
  .user_accountInfo {
    width: 100%;
    padding-top: calc(100vw * (80/428));
}

.user_accountInfo .section1 {
    width: 100%;
}

.user_accountInfo .section1 .container {
    width: 100%;
    height: 100%;
}

.user_accountInfo .section1 .container .heading {
    width: 95%;
    max-width: calc(100vw * (428 /428));
    height: calc(100vw * (60/428));
    margin: 0 auto;
    padding-bottom: calc(100vw * (21/428));
    border-bottom: 1px solid #dddddd;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}


.user_accountInfo .section1 .container .heading>h2 {
    font-size: calc(100vw * (30/428));
    font-weight: bold;
    color: #203465;
}

/* section 2  영역*/
.user_accountInfo .section2 {
    width: calc(100vw * (398 /428));
    margin-top: calc(100vw * (40/428));
    margin-bottom: calc(100vw * (40/428));
    margin-left: auto;
    margin-right:auto;
    padding-top:0px;
}

/* section 2  Tab-menu영역*/
.user_accountInfo .section2 .tab_wrap {
    width: 100%;
    display: flex;
    justify-content:space-between;
    list-style: none;
    text-align: center;
}

.user_accountInfo .section2 .tab_wrap .list {
    display: inline-block;
    width: calc(100vw * (186/428));
    height: calc(100vw * (50 /428));
    background: #ffffff;
    color: #203465;
    padding-top: calc(100vw * (10/428));
    padding-bottom: calc(100vw * (10/428));
    padding-left: calc(100vw * (15/428));
    padding-right: calc(100vw * (15/428));
    cursor: pointer;
    border: 1px solid #203465;
}

.user_accountInfo .section2 .tab_wrap .list.current {
    background: #203465;
    color: #ffffff;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

/* section 2  Tab-menu - content 주문정보 영역*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ common */
/*Order list Title 영역 */
.user_accountInfo .section1 {
  padding-top:calc(100vw * (70 / 428));
}
.user_accountInfo .order_title,
.user_accountInfo .order_contents {
    width: 100%;
    max-width: calc(100vw * (428 /428));
}

.user_accountInfo .order_list_wrap {
display: flex;
justify-content: space-between;
}

.no_order_list_wrap .order_title {
display: none;
}

.order_list_title,
.order_list_contents  {
  width:50%;
}

.no_order_list_wrap .order_list_contents {
  width:100%;
  border-top:1px solid #203465;
  margin-top:calc(100vw * (10 / 428));
}

.user_accountInfo .order_list_title .ul .list,
.order_list_contents .ul .list {
    height:calc(100vw * (50 / 428));
    color: #203465; 
    display: flex;
    justify-content: center;
    align-items:center;           
    line-height: 1.5;
    border-bottom:1px solid #dddddd;
}

.user_accountInfo .list .order_list_contents .order_contents .list {
    background: red;
}

/* 번호 */
.user_accountInfo .order_list_title .ul .list_num,
.user_accountInfo .ul .list_num_content {
    display: none;
}

/* 구분 */
.user_accountInfo .order_list_title .ul .list_division,
.user_accountInfo .ul .list_division_content {
    display: none;
}


/* common end*/

              /*Order list Conternts 영역 */
              .user_accountInfo .order_contents .list {
                color: #203465;
                font-size:  calc(100vw * (  15 /  428));;
                text-align: center;
                line-height:1.5;
              }
              .user_accountInfo .order_contents .list .link {
                text-decoration: underline;
                color:#203465;
              }
              .user_accountInfo .order_contents .list span {
                display: inline-block;
              }

             /* 주문일시 */
            .user_accountInfo .list_order_day_content, 
            .user_accountInfo .list_order_num_content {
              padding-top: calc(100vw * ( 9  /  428)); 
              padding-right:0px;
              padding-bottom: calc(100vw * ( 8  /  428)); 
              padding-left:0px;
            }

            .user_accountInfo .list_detail_content .link {
              border-bottom: 1px solid #203465;
            }

    
      /* section 2  Tab-menu - content 내정보 영역*/

.user_accountInfo_myinfo_title {
  display: inline-block;
  color:#203465;
  font-size:  calc(100vw * ( 16  /  428));
  margin-top: calc(100vw * (  20 /  428));
}


.adress_title {
  margin-bottom:  calc(100vw * ( 10  /  428));
}

.default_text {
  font-size:  calc(100vw * ( 16  /  428));
  color:#203465;
}

  /* error 메시지  */
  .error_text {
      font-size:  calc(100vw * ( 14  /  428));
      color:#FF6F6F;
  }

  
  /* correct 메시지  */
  .correct_text {
      font-size:  calc(100vw * ( 14  /  428));
      color:#49C2AE;
  }
/* user_accountInfo_myinfo 영역  */
    /* user_accountInfo_myinfo 영역 - Heading  */
    .user_accountInfo_myinfo {
      width:100%;
      /* height:  calc(100vw * ( 1544  /  428));; */
    }
    
    .user_accountInfo_myinfo .section1 .container .heading>h2 {
      width: calc(100vw * ( 123  /  428));
      height:  calc(100vw * ( 53  /  428));
      font-size:  calc(100vw * (  30 /  428));
      font-weight: bold;
      color:#203465;
    } 

    /* user_accountInfo_myinfo 영역 - contents Heading 영역  */
    .user_accountInfo_myinfo .section2 {
        width:100%;
    }

    .user_accountInfo_myinfo .section2 .container {
        margin-top:calc(100vw * ( 32  /  428));
    }

    .user_accountInfo_myinfo_contents_wrap {
        margin-top:  calc(100vw * (  20 /  428));
    }


    .user_accountInfo_myinfo_left_box {
        width: calc(100vw * ( 130  /  428));
        margin-bottom:calc(100vw * (20 / 428)
        );
    }

    .user_accountInfo_myinfo_right_box {
      border:1px solid;
      padding-top: calc(100vw * ( 10  /  428)); 
      padding-right:calc(100vw * ( 20  /  428)); 
      padding-bottom: calc(100vw * (15 / 428));
      padding-left:calc(100vw * ( 20  /  428)); 
      border:1px solid #203465;
  }
  .user_accountInfo_myinfo_right_box .input,
   .num_input {
    width:84%;
      margin-bottom: calc(100vw * (  5  /  428));
      vertical-align: top;
      border:1px solid #dddddd;
      padding-top: calc(100vw * ( 10  /  428)); 
      padding-right:calc(100vw * ( 20  /  428)); 
      padding-bottom:  calc(100vw * ( 10  /  428)); 
      padding-left:calc(100vw * ( 20  /  428)); 
      font-size:  calc(100vw * ( 14  /  428));
  }

  .num_input {
    width:78%;
  }
  .nonebr br {
    display:none;
  }

  .callwrap {
    display: flex;
  }

  .user_accountInfo_myinfo_right_box .span {
    display: inline-block;
    padding-top: calc(100vw * ( 11  /  428)); 
    padding-right:0px;
    padding-bottom: calc(100vw * ( 11  /  428)); 
    padding-left: calc(100vw * ( 10  /  428));

  }


  
  .user_accountInfo_myinfo_right_box .span .img{
    width: calc(100vw * ( 18  /  428));
    height: calc(100vw * (  18 /  428));
  }

      .user_accountInfo_myinfo_right_box .button {
          display: inline-block;
          width: calc(100vw * ( 130  /  428));
          height:  calc(100vw * ( 40  /  428));
          background:#203465;
          color:#ffffff;
          border:none;
          padding:0px;
      }



  
  /* user_secession 영역  */
      /* common */
      .secession_contents_title h4 {
        font-size: calc(100vw * (16 / 428));
        color:#203465;
      }
      .secession_contents_desc p {
        font-size: calc(100vw * (14 / 428));
        line-height: 1.5;
      }
      .warning_text {
        color:#ff6f6f;
        font-weight: bold;
        font-size: calc(100vw * (14 / 428));
      }
  
      .checkbox_wrap {
        margin-top: 8px;
      }
      /* common END*/
        /* user_secession 영역 - Heading  */
        .user_secession {
          width:100%;
          background:#fbfbfe;
          margin-top: 1px;
        }
        
        .user_secession .section1{
          width:100%;
        }
        
        .user_secession .section1 .container {
          width:100%;
          height: 100%;
        }
        
        .user_secession .section1 .container .heading {
          width:100%;
          margin:0 auto;
          padding-top: calc(100vw * (70 / 428));
          padding-bottom: calc(100vw * (20 / 428));
          border-bottom: 1px solid #dddddd;
          display: flex;
      justify-content: space-between;
      align-items: baseline;
        }
  
        
        .user_secession .section1 .container .heading>h2 {
          font-size:  calc(100vw * (20 / 428));
          font-weight: bold;
          color:#203465;
        } 

        .move_secession_btn .blue_span_nobold {
          font-size:  calc(100vw * (14 / 428));
        }
  
        .user_secession .section2 .container .heading>h3 {
          width:100%;
          font-size:calc(100vw * (16 / 428));
          font-weight: bold;
          color:#203465;
          padding-top: calc(100vw * (30 / 428));
          padding-bottom: calc(100vw * (30 / 428));
          text-align: center;
        } 
  
  
         /* user_secession 영역 - secession_contents 영역 */
         .user_secession .section2 .form {
          width:100%;
          margin:0 auto;
        } 
  
        .secession_contents_wrap {
          margin-bottom: calc(100vw * (30 / 428));
        }
  
        .secession_contents_wrap .secession_contents_title {
          margin-bottom: calc(100vw * (20 / 428));
        }
  
        /* input size 변경  */
        .secession_contents_desc .input {
          width:100%;
          padding-top: calc(100vw * (10 / 428));
          padding-bottom: calc(100vw * (10 / 428));
          padding-left: calc(100vw * (10 / 428));
          border:1px solid #203465;
          font-size: calc(100vw * (16 / 428));
        }
  
        /*  checkbox_wrap 영역 */
        .checkbox_wrap .secession_contents_desc {
          margin-bottom: calc(100vw * (10 / 428));
        }


        .checkbox_wrap .secession_contents_desc .checkbox_label {
          font-size: calc(100vw * (14 / 428));
          vertical-align: text-top;
        }
  
         /*  textarea 영역 */
         .textarea_wrap {
           width:100%;
         }
        .textarea_wrap .textarea {
          width:100%;
          height: 100%;
          resize: none;
          border: 1px solid #203465;
          padding:calc(100vw * (10 / 428));
          font-size: calc(100vw * (14 / 428));
        }
  
        /*  button wrap 영역 */
        .secession_contents_wrap .button_wrap {
          width: 100%;
          margin-top: calc(100vw * (50 / 428));

          display: flex;
          justify-content: space-between;
        }
  
  
        .secession_contents_wrap .button_wrap .secession_btn,
        .secession_contents_wrap .button_wrap .cancel_btn {
          width: 490px;
      height: 100%;
      border: 1px solid #203465;
        }
  
        .secession_contents_wrap .button_wrap .cancel_btn {
          width: 48%;
      background: #203465;
      color:#ffffff;
      padding-top: calc(100vw * (10 / 428));
      padding-bottom: calc(100vw * (10 / 428));
      font-size: calc(100vw * (14 / 428));
        }
  
        .secession_contents_wrap .button_wrap .secession_btn {
          width: 48%;
          background:none;
          color: #203465;
          padding-top: calc(100vw * (10 / 428));
          padding-bottom: calc(100vw * (10 / 428));
          font-size: calc(100vw * (14 / 428));
            }



/* event 영역  */
      /* event 영역 - Heading  */
      .event {
        width:100%;
      }
      
      .event .section1{
        width:100%;
        padding-top: calc(100vw * (70 / 428));
        margin-bottom: calc(100vw * (60 / 428));
      }
      
      .event .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .event .section1 .container .heading {
        width:100%;
        margin:0 auto;
      }

      
      .event .section1 .container .heading>h2 {
        
        font-size:calc(100vw * (20 / 428));
        text-align: center;
        font-weight: bold;
        color:#203465;
        
      } 

     /* common end*/      

       /* event 영역 - Contents  */
       .event .section2 {
         width:100%;
         margin:0 auto;
       }
      .event_board_list_wrap .table {
        width:100%;
        border-collapse: collapse;
        border-spacing: 0px;
        margin-bottom: calc(100vw * (50 / 428))
      }


      .event_board_list_wrap .table .caption {
        display: none;
      }
      .event_board_list_wrap .thead {
        width:100%;
        background:#203465;
        
      }

      .event_board_list_wrap .thead .tr .th {
        color:#ffffff;
        font-size: calc(100vw * (16 / 428));
        font-weight: normal;
        padding-top: calc(100vw * (10 / 428));
        padding-bottom: calc(100vw * (10 / 428));
      }

      .event_board_list_wrap .tbody {
        text-align: center;
      }
      .event_board_list_wrap .tbody .tr {
        border-bottom:1px solid #bbbbbb;
      }
      .event_board_list_wrap .tbody .tr .td {
        padding-top: calc(100vw * (10 / 428));
        padding-bottom: calc(100vw * (10 / 428));
        font-size:calc(100vw * (12 / 428));
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        color: #333333;
      }

      .event_board_list_wrap .tbody .tr .title {
        text-align: center;
      }

      /* table common size  */
      .event_board_list_wrap .thead .num_ {
        width:calc(100vw * (50 / 428));
      }

      .event_board_list_wrap .thead .title {
        width:calc(100vw * (160 / 428));
      }

      .event_board_list_wrap .thead .writer {
        width:calc(100vw * (70 / 428));
      }

      .event_board_list_wrap .thead .date_ {
        width:calc(100vw * (70 / 428));
      }

      /* paging 영역  */
      .paging_wrap .ul {
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }


      .paging_wrap .img {
        width:calc(100vw * (14 / 428));
        height: calc(100vw * (14 / 428));
      }
      .paging_wrap .ul .list:first-child .img{
        transform: rotateZ(90deg);
        margin-right: calc(100vw * (20 / 428));
      }
      .paging_wrap .ul .list:last-child .img{
        transform: rotateZ(-90deg);
        margin-left: calc(100vw * (20 / 428));
      }

      .paging_wrap .ul .list .span {
        display: inline-block;
        width:calc(100vw * (30 / 428));
        font-family: 'Eina01', sans-serif;
        font-size: calc(100vw * (15 / 428));
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -0.36px;
        text-align: center;
        color: #bbbbbb;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .paging_wrap .ul .list .span.on {
        background:#f3f4f7;
        color:#203465;
        font-weight: bold;
        border-radius: 50%;
      }
    

/* event 영역 끝 */


  /* install_mattress 영역  */
      /* install_mattress 영역 - Heading  */
      .install_mattress {
        width:100%;
      }
      
      .install_mattress .section1{
        width:100%;
        padding-top:calc(100vw * (50 / 428));
        margin-bottom:calc(100vw * (50 / 428));
      }
      
      .install_mattress .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .install_mattress .section1 .container .heading {
        margin:0 auto;
        text-align: center;
      }

      
      .install_mattress .section1 .container .heading>h2 {
        font-size: calc(100vw * (18 / 428));
        font-weight:500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.6px;
        text-align: center;
        color: #203465;
        margin-bottom: calc(100vw * (30 / 428));
      } 

     /* common end*/      

       /* install_mattress 영역 - Contents  */
       .install_mattress .section2 {
         margin:0 auto;
        
       }

       .install_mattress .ins_desc_wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
       }

       .install_mattress .ins_desc_box {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-items: center;
         margin-bottom:calc(100vw * (80 / 428));
         text-align: center;
       }

       .left_desc,
       .right_desc {
        width: 100%;
       }


       .install_mattress .top_img {
        width: calc(100vw * (150 / 428));
        height: calc(100vw * (180 / 428));
        margin:0 auto;
       }

       .install_mattress .top_img img {
         width:100%;
         height: 100%;
       }

       .install_mattress .ins_contents {
         padding-top:calc(100vw * (10 / 428));
         padding-bottom:calc(100vw * (10 / 428));
       }

       .install_mattress .ins_contents .dt {
         padding-bottom:calc(100vw * (20 / 428));
         border-bottom:1px solid #bbbbbb;
         font-size: calc(100vw * (18 / 428));
         font-weight: bold;
         font-stretch: normal;
         font-style: normal;
         line-height: 1;
         letter-spacing: normal;
         color: #203465;
         margin-bottom: 10px;
       }

       .install_mattress .ins_contents .dd {
        padding-top:calc(100vw * (20 / 428));
        font-size: calc(100vw * (16 / 428));
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -0.36px;
        color: #333333;
       }

       /* 하단 특별한 기능 영역  */
       .ameri_video {
         order:-1;
       }
       .ameri_video_wrap {
         margin-bottom:calc(100vw * (100 / 428));
       }
       .ameri_video_desc {
         width:100%;
         height: calc(100vw * (260 / 428));
         background:black;
         margin:0 auto;
       }

       /* install_mattress 영역 끝 */

     /* customer_service 영역  */
/* customer_service 영역 - Heading  */
.customer_service {
  width: 100%;
  padding-top:calc(100vw * (50 / 428));
}

.customer_service .section1 {
  width: 100%;
}

.customer_service .section1 .container {
  width: 100%;
  height: 100%;
}

.customer_service .section1 .container .heading {
  width: 100%;
  margin-top:calc(100vw * (30 / 428));
  margin-bottom:calc(100vw * (30 / 428));
  text-align: center;
}


.customer_service .article .content_wrap {
  text-align: center;
  font-size: calc(100vw * (18 / 428));
  line-height:1.5;
  letter-spacing: -0.48px;
  color: #333333;
  margin-bottom: calc(100vw * (100 / 428));
}

.customer_service .article .content_wrap .sub_heading {
  margin-bottom:calc(100vw * (30 / 428));
}

.customer_service .article .content_wrap .sub_heading h3{
  font-size: calc(100vw * (16 / 428));
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 1.8px;
  text-align: center;
  color: #333333;
}

.customer_service .section1 .container .heading>h2 {
  
  font-size: calc(100vw * (22 / 428));
  font-weight: bold;
  color: #203465;
  margin: 0 auto;
}

/* section 2  영역*/
.customer_service .section2 {
  width: 100%;
  margin: 0 auto;
}

/* section 2  Tab-menu영역*/
.customer_service .section2 .tab_wrap,
.inner_tab_wrap .intab_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  text-align: center;
}

.customer_service .section2 .tab_wrap .list,
.inner_tab .list {
  display: inline-block;
  width: 100%;
  height:calc(100vw * (50 / 428));
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.44px;
  text-align: center;
  background: #ffffff;
  color: #bbbbbb;
  padding-top:calc(100vw * (30 / 428));
  padding-bottom:calc(100vw * (30 / 428));
  cursor: pointer;
  border-bottom: 4px solid #bbbbbb;
}

.showroom .section2 .tab_wrap,
.inner_tab_wrap .intab_wrap {
  display: flex;
  flex-wrap: wrap;
}

.showroom .section2 .tab_wrap .list,
.inner_tab .list {
  width:50%;
}

.customer_service .section2 .tab_wrap .list.current,
.inner_tab .list.current {
  border-bottom: 4px solid #203465;
  color: #203465;
}

.intab-content {
  width:100%;
}

/* 스와이퍼  */
.intab-content .swiper-container {
  width:100%;
  height: 100%;
}

.intab-content .swiper-container .swiper-slide {
  width:100%;
}

.intab-content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  display: none;
}

.intab-content .swiper-pagination {
  position: static;
}

.intab-content .swiper-pagination-bullet {
  display: none;
}

.intab-content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin:0px;
}




.intab-content,
.tab-content {
  display: none;
}

.intab-content.current,
.tab-content.current {
  display: inherit;
}

/* common_wrap 영역  */
.common_wrap,
.common_wrap {
  width: 100%;
  padding-top:calc(100vw * (30 / 428));
  padding-bottom:calc(100vw * (30 / 428));
  padding-left:calc(100vw * (10 / 428));
  padding-right:calc(100vw * (10 / 428));
  margin: 0 auto 100px;
  background: #fbfbfe;
}

.common_wrap .common_wrap_heading h4 {
  padding-top:calc(100vw * (30 / 428));
  padding-bottom:calc(100vw * (50 / 428));
}

.common_wrap .common_wrap_content {
  width: 100%;
}

.common_wrap .common_wrap_content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.common_wrap .sns_icon {
  text-align: center;
}

.snsbox {
  margin-bottom: calc(100vw * (50 / 428));
}

.common_wrap .sns_icon_b {
  width: calc(100vw * (70 / 428));
  height: calc(100vw * (70 / 428));
  border-radius: 50%;
  position: relative;
  margin:0 auto;
  margin-bottom: calc(100vw * (20 / 428));
}

.common_wrap .sns_icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sns_desc {
  display: flex;
  flex-direction: column;
}

.sns_desc strong {
  display: block;
  padding-bottom: calc(100vw * (10 / 428));
}

.sns_desc .span {
  display: block;
  margin-bottom: 1px;
  text-align: left;
}


.sns_desc .span {
  display: inline-block;
  font-size:calc(100vw * (16 / 428));
  font-weight: 400;
  line-height:1.4;
  letter-spacing: -0.36px;
  text-align: center;
  color: #333333;
}

/* simple_qna 영역  */
.simple_qna {
  width: 100%;
  background: #fafafa;
  margin: 0 auto;
  padding:calc(100vw * (10 / 428));
  text-align: left;
}

.simple_qna .dl {
  margin-bottom: 42px;
}

.simple_qna .dl:nth-child(7) {
  margin-bottom: 101px;
}

.simple_qna .dt {
  font-size: calc(100vw * (18 / 428));
  font-weight: bold;
  line-height:2;
  letter-spacing: -0.48px;
  text-align: left;
  color: #203465;
  margin-bottom: calc(100vw * (20 / 428));
}

.simple_qna .dd {
  font-size:calc(100vw * (14 / 428));
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: left;
  color: #333333;
}

/* 자주 묻는 질문 qna 영역  */

.customer_qna_desc .arcodian_qna {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.content_qustion {
  padding: calc(100vw * (20 / 428));
  padding-left: calc(100vw * (10 / 428));;
  font-size: calc(100vw * (16 / 428));
  border-top: 1px solid #bbbbbb;
  position: relative;
  cursor: pointer;
}

.map_toggle_menu {
  margin-top: calc(100vw * (50 / 428));
}

.arcodian_qna_wrap .ul,
.map_toggle_menu_wrap .ul {
  border-bottom:1px solid #bbbbbb;
}


.content_qustion_wrap {
  position: relative;

}

.content_qustion_wrap::after {
  content: "";
  width: calc(100vw * (14 / 428));
  height: calc(100vw * (14 / 428));
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotateZ(0deg);
  background: url("../img/right-arrow_24.png") no-repeat;
  background-size: contain;
}

.content_answer {
  cursor: pointer;
  display: none;
  margin-bottom: calc(100vw * (30 / 428));
  padding-top: calc(100vw * (20 / 428));
  padding-right: calc(100vw * (20 / 428));
  padding-left: calc(100vw * (10 / 428));
}

.content_answer_wrap {
  display: flex;
}
.space_bet {
  display: inherit;
}
.arcodian_qna_wrap .q_title {
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  color: #333333;
}

.arcodian_qna_wrap .a_desc {
  font-size:calc(100vw * (14 / 428));
  line-height: 1.5;
  text-align: left;
  color: #333333;
}

/* 워런티  */
/* warranty_s_desc 영역 */

/* 하단 헤딩  */
.warranty_s_desc .heading {
  font-size: calc(100vw * (18 / 428));
  font-weight: bold;
  line-height: 2;
  letter-spacing: -0.6px;
  text-align: center;
  color: #203465;
  margin-top: calc(100vw * (20 / 428));

}

.warranty_s_desc .simple_qna {
  width: 100%;
  background: #fafafa;
  margin: 0 auto;
  padding:calc(100vw * (10 / 428));
  text-align: left;
  margin-bottom:calc(100vw * (50 / 428));
}

.warranty_s_desc .simple_qna .dl {
  margin-bottom: 42px;
}

.warranty_s_desc .simple_qna .dl:nth-child(7) {
  margin-bottom: 0;
}

.simple_qna .dt {
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height: 2;
  letter-spacing: -0.48px;
  text-align: left;
  color: #203465;
  margin-bottom: calc(100vw * (20 / 428));
}

.warranty_s_desc .simple_qna .dd {
  font-weight: 400;
  font-size:calc(100vw * (14 / 428));
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: left;
  color: #333333;
  margin-bottom: calc(100vw * (30 / 428));
}

.warranty_s_desc .simple_qna .dd .span {
  display: inline-block;
  color: #203465;
  font-size: calc(100vw * (15 / 428));
  font-weight: bold;
  letter-spacing: -0.54px;
  line-height: 1.56;
  vertical-align: middle;
  margin-bottom: calc(100vw * (20 / 428));
}

/* 표  */
.warranty_s_desc .table_wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}


.warranty_s_desc .table_wrap .ul .list {
  width:100%;
  padding-top: calc(100vw * (10 / 428));
  padding-bottom:calc(100vw * (10 / 428));
  font-size:calc(100vw * (14 / 428));
  line-height: 1.2;
  letter-spacing: -0.32px;
  text-align: center;
  color: #333333;
  border-bottom: 1px solid #bbbbbb;
}

.warranty_s_desc .table_wrap .ul .table_title {
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #ffffff;
  padding-top: calc(100vw * (10 / 428));
  padding-bottom: calc(100vw * (10 / 428));
  background-color: #203465;
  border: none;
}

/* 배송 텍스트 아이콘 삽입  */
.warranty_s_desc .dl .box_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/icon/icon_box.png") no-repeat;
}

/* about_warranty 영역  */
.warranty_s_desc .about_warranty {}

.warranty_s_desc .about_warranty .heading {
  padding-bottom: 40px;
  text-align: left;
}

/* about_warranty_content 영역  */

.about_warranty_content {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.about_warranty_content_wrap {
  padding:calc(100vw * (10 / 428));
}

.about_warranty_content_wrap .top_content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about_warranty_content_wrap .dl {
  display: inline-block;
  font-size: calc(100vw * (16 / 428));;
}

.about_warranty_content_wrap .dd {
  font-weight: 400;
  font-size: calc(100vw * (14 / 428));
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: left;
  color: #333333;
  margin-bottom: calc(100vw * (20 / 428));
}

.about_warranty_content_wrap .dt {
  text-align: left;
}

.about_warranty_content_wrap .left_box .dt .span {
  display: inline-block;
  color: #203465;
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  letter-spacing: -0.54px;
  line-height: 1.56;
  vertical-align: middle;
  margin-top: calc(100vw * (30 / 428));
  margin-bottom: calc(100vw * (60 / 428));
  text-align: left;
}

.top_content_wrap .right_box .dt .span {
  display: inline-block;
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height:1.2;
  letter-spacing: -0.72px;
  text-align: left;
  color: #203465;
  margin-right: calc(100vw * (10 / 428));;
}



/* .inner_tab_wrap .intab_wrap 영역 */
.inner_tab_wrap .intab_wrap {
  margin-bottom: calc(100vw * (50 / 428));
}
.showroom .heading {
  padding-top: calc(100vw * (100 / 428));
  padding-bottom: calc(100vw * (30 / 428));
  text-align: center;
}
.showroom h2 {
  font-size:calc(100vw * (22 / 428));
  padding-bottom:calc(100vw * (10 / 428));
  color:#203465;
}

.showroom .heading span {
  font-family: 'Eina01',sans-serif;
  font-size:calc(100vw * (15 / 428));
  letter-spacing: 3px;
  line-height: 1.2;
}
.showroom_wrap {
  width:100%;
  margin:0 auto;
}

.showroom .content_qustion {
  text-align: center;
}
/* 슬라이드 영역  */


.swiper-slide .swiper-slide-visible .swiper-slide-active .swiper-slide-thumb-active img {
  width:100%;
}

/* 지도 탭 메뉴 영역 */
.space_bet {
  justify-content: space-between;
}
.m_title {
  display: flex;
  justify-content: space-between;
}
.map_title {
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  color: #203465;
}

.plus_icon {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.map_adress_wrap {
  text-align: left;
}

.map_adress_wrap .span {
  display: inline-block;
  font-size: calc(100vw * (16 / 428));
}

.map_aderss_title {
  padding-bottom: 32px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  color: #203465;
}

.map_adress_detail_wrap div span:nth-child(1) {
  font-weight: bold;
}

.map_adress_detail_wrap div span:nth-child(2) {
  margin-bottom: calc(100vw * (10 / 428));
}

.m_contact {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.map_btn_wrap {
  display: flex;
  margin-top: calc(100vw * (50 / 428));
  margin-bottom: calc(100vw * (50 / 428));
  justify-content: space-between;
}

.map_btn_wrap .button {
  border: 1px solid #203465;
  background: none;
}

.map_navi_wrap .button {
  display:flex;
  padding-top: calc(100vw * (13 / 428));
  padding-bottom: calc(100vw * (10 / 428));
  padding-left: calc(100vw * (5 / 428));
  padding-right: calc(100vw * (5 / 428));
  
}

.map_navi_wrap .button span {
  font-size: calc(100vw * (12 / 428));
}

.map_naver_wrap .button,
.map_kakao_wrap .button,
.map_tmap_wrap .button {
  width:calc(100vw * (50 / 428));
  padding:calc(100vw * (15 / 428));
  margin-left: calc(100vw * (10 / 428));
}


.map_btn_wrap .map_navi,
.map_btn_wrap .map_naver,
.map_btn_wrap .map_kakao,
.map_btn_wrap .map_tmap {
  width: calc(100vw * (20 / 428));
  height: calc(100vw * (20 / 428));
  vertical-align: bottom;
}

.map_btn_wrap .map_navi {
  margin-bottom: 5px;
}

.map_btn_wrap .sapn {
  color: red;
}

.map_navi .button {
  width: 210px;
  height: 60px;
  display: flex;
  align-items: center;
}

.map_btn_wrap .button img {
  width: 24px;
}

.map_navi .button span:nth-child(2) {
  font-size: 16px;
}

.map_navi {
  width: 100%;
  height: 100%;
  background: url("../img/icon/navi_icon.png") no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.map_naver {
  width: 100%;
  height: 100%;
  background: url("../img/icon/naver_icon.jpg") no-repeat;
  background-size: contain;
}

.map_kakao {
  width: 100%;
  height: 100%;
  background: url("../img/icon/kakao_icon.jpg") no-repeat;
  background-size: contain;
}

.map_tmap {
  width: 100%;
  height: 100%;
  background: url("../img/icon/tmap_icon.jpg") no-repeat;
  background-size: contain;
}

/* 지도  */
.i_locate {
  width: 662px;
  height: 400px;
  border: none;
}


/* usa, tech, review, history, eco, design, bio_pur, b2b 영역시작 */

    
section {
  margin:0 auto;
}

.span {
  display: block;
  line-height: 1.5;
  font-size: calc(100vw * (16 / 428));
}

.con_container {
  width:100%;
  margin:0 auto;
}

/* 공통 버튼  */
.common_button {
  width:calc(100vw * (160 / 428));
  height:calc(100vw * (50 / 428));
  padding-top: calc(100vw * (14 / 428));
  padding-bottom: calc(100vw * (14 / 428));
  text-align: center;
  border: solid 1px #203465;
  background-color: #ffffff;
  font-size:calc(100vw * (16 / 428));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #203465;
}



/* 무슨 말인지? 섹션
하단 공통 영역  */

.bottom-con_container {
}

.bottom-con_container .left_con,
.bottom-con_container .right_con{
  width:100%;
  margin-bottom:calc(100vw * (10 /428));;
}

.bottom-con_container .left_con {
  padding-top: calc(100vw * (40 /428));
  padding-bottom: calc(100vw * (40 /428));
  padding-right: calc(100vw * (30 /428));
  padding-left: calc(100vw * (30 /428));
  position: relative;
  border: solid 1px #dddddd;
}

.bottom-con_container .left_con .dark_span_nobold22 {
  text-align: left;   
  font-size: calc(100vw * (16 /428));
  margin-bottom:calc(100vw * (41 /428));
}


.bottom-con_container .left_con div {
  text-align: right;
}

.bottom-con_container .left_con .blue_span_bold30 {
  display: block;
  margin-bottom:calc(100vw * (12 /428));
}



.bottom-con_container .right_con {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bottom-con_container .right_con .con_box {
  padding-top:calc(100vw * (49 /428));
  padding-bottom:calc(100vw * (49 /428));
  padding-left:calc(100vw * (30 /428));
  border: solid 1px #dddddd;
  display: flex;
  align-items: center;
  margin-bottom:calc(100vw * (10 /428));
}


.bottom-con_container .right_con .con_box .span{
  display: block;
}

.bottom-con_container .right_con .con_box .icon_history {
  width:calc(100vw * (70 /428));
  height: calc(100vw * (70 /428));
  background:url('../img/his/his.png') no-repeat;
  border:1px solid #203465;
  background-position: center center;
  background-size: calc(100vw * (30 / 428));
  border-radius: 50%;
  position:relative;
}

.bottom-con_container .right_con .con_box .icon_tools {
  width:calc(100vw * (70 /428));
  height: calc(100vw * (70 /428));
  background:url('../img/his/m_tools.png') no-repeat;
  border:1px solid #203465;
  background-size: calc(100vw * (30 / 428));
  background-position: center center;
  border-radius: 50%;
  position:relative;
}

.bottom-con_container .right_con .con_box .blue_span_nobold22 {
  width:calc(100vw * (250 / 428));
  line-height: 1.5;
  font-size: calc(100vw * (18 /428));
  margin-left: calc(100vw * (20 / 428));
  word-break:keep-all;
}

/* history 영역 시작 */
/* section1_wrap 영역 */
.history .section2,
.history .section3,
.history .section4,
.history .section5 {
display: none;
}

.history img {
width:100%;
height: 100%;
}
.history .section1 {
  padding:inherit;
}

.history .section1_wrap {
width:100%;
height:calc(100vw * (300 / 428));
background:url("../img/his/fortress-night.png") no-repeat;
background-size:cover;
background-position: center center;
position: relative;
}

.history .section1_wrap .head_title {
position: absolute;
bottom:calc(100vw * (20 / 428));
left: calc(100vw * (20 / 428));
}

.history .section1_wrap .head_title .img {
width:calc(100vw * (282 / 428));
height: calc(100vw * (106 / 428));
}



.history .section1_wrap .head_title .span {
display: none;

}
/* 모바일 추가 컨텐츠 영역  */
.section_mobile {
padding-top: calc(100vw * (41 / 428));
padding-bottom: calc(100vw * (100 / 428));
padding-right: inherit;
padding-left: inherit;
}

.section_mobile .text_box {
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
}
.section_mobile .span {
font-size: calc(100vw * ( 18 / 428));
color:#203465;
line-height: 1.5;
font-weight: bold;
padding-bottom: calc(100vw * (22 / 428));
word-break: keep-all;
}

.section_mobile .p {
font-size: calc(100vw * ( 16 / 428));
line-height: 1.5;
padding-bottom: calc(100vw * (20 / 428));
word-break: keep-all;
}

.section_mobile .con_box_1 {
padding-bottom: calc(100vw * (96 / 428));
}

.section_mobile .con_box_1 .span {

font-size: calc(100vw * ( 22 / 428));
}

.section_mobile .con_box_1 .con_img  {
width:calc(100vw  * (428 / 428));
height: calc(100vw  * (390 / 428));
background:#fafafa;
padding-left: calc(100vw * (48 / 428));
padding-right: calc(100vw * (48 / 428));
padding-top: calc(100vw * (60 / 428));
text-align: center;
}

.section_mobile .con_box_1 .img_title {
font-size: calc(100vw * ( 18 / 428));
word-break:unset;
text-align: center;
}

.section_mobile .con_box_1 .img_price {
font-size: calc(100vw * ( 34 / 428));
text-align: center;
}

.section_mobile .con_box_1 .img  {
width:calc(100vw  * (308 / 428));
height: calc(100vw  * (175 / 428));
}



.section_mobile .con_box_2 .con_img  {
  width:calc(100vw  * (428 / 428));
  height: calc(100vw  * (300 / 428));
  }

  .section_mobile .con_box_2>div:nth-child(4) {
      padding-top: calc(100vw * (20 / 428));
  }
     

/* 모바일 추가 컨텐츠 영역  끝 */

/* history 영역 끝 */







/* usa 영역  */
.blue_span_bold_line30 {
font-size: calc(100vw * (22 / 428));
}
.ab_usa {
width:100%;
margin:0 auto;
}

/* section1_wrap 영역 */
.ab_usa .section1{
padding: inherit;
}
.ab_usa .section1_wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ab_usa .section1_wrap .right_img {
width:100%;
height: calc(100vw * (540 / 428));
}

.ab_usa .section1_wrap .top_title {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.ab_usa .section1_wrap .top_title .line_ {
display: none;
}

.ab_usa .section1_wrap .top_title div .span {
display: block;
}

.ab_usa .section1_wrap .top_title div .span:nth-child(2){
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
font-size: calc(100vw * (16 / 428));
}

.ab_usa .section1_wrap .top_title div .span:nth-child(3) br {
display: none;
}
.ab_usa .section1_wrap .top_title div .span:nth-child(3){
font-size: calc(100vw * (16 / 428));
}

.opaci_img {
width:calc(100vw * (160 / 428));
height:calc(100vw * (106 / 428));
}

.side_con {
order: 4;
}

.side_img {
width:100%;
height: calc(100vw * (100 / 428));
background:url("../img/about_ameri/m_smt-detail.png") no-repeat;
background-size: cover;
}

.side_img .img {
display: none;
}

.side_con_text {
order: 3;
text-align: center;
}

.side_con_text .span {
font-size: calc(100vw * (22 / 428));
padding-top: calc(100vw * (10 / 428));
padding-bottom: calc(100vw * (10 / 428));
}


/*section2 영역  */
.ab_usa .section2{
padding:inherit;
}
.ab_usa .section2 .banner {
width:100%;
height:calc(100vw * (240 / 428));
margin-bottom:calc(100vw * (41 / 428));
}


/*section3_wrap  */
.ab_usa .section3_wrap .line_{
display: none;
}
.ab_usa .section3_wrap .e_blue_span_bold70 {
font-size: calc(100vw * (34 / 428));
}


.ab_usa .section3_wrap .left_con {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.ab_usa .section3_wrap .left_con .blue_span_nobold30{
font-size: calc(100vw * (22 / 428));
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (10 / 428));
}
.ab_usa .section3_wrap .left_con .blue_span_nobold22{
font-size: calc(100vw * (18 / 428));
padding-bottom: calc(100vw * (20 / 428));
}
.ab_usa .section3_wrap .left_con .dark_span_nobold18{
font-size: calc(100vw * (16 / 428));
line-height: 1.6;
padding-bottom: calc(100vw * (55 / 428));
}

.ab_usa .section3_wrap .left_con .right_con .span br {
display: none;
}


.ab_usa .section3_wrap .text_wrap .e_blue_span_bold30 {
display: block;
font-size: calc(100vw * (18 / 428));
margin-bottom: calc(100vw * (20 / 428));
line-height: 1.5;
}


.ab_usa .section3_wrap .blue_span_nobold22 {
display: block;

}

.ab_usa .section3_wrap .text_wrap {
position:relative;
}

.ab_usa .section3_wrap .text_wrap .made_img {
display: none;
}

.white_span {
color:#ffffff;
}

/*section4_wrap 영역  */
.ab_usa .section4_wrap {
width:100%;
position: relative;
}


/* 스와이퍼  */
.ab_usa .section4_wrap {
margin-top: calc(100vw * (50 / 428));
margin-bottom: calc(100vw * (78 / 428));
}
.ab_usa .section4_wrap .swiper-container {
width:100%;
height: calc(100vw * (314 / 428));
}

.ab_usa .con_container {
width:100%;
margin:0 auto;
}

.ab_usa .section4_wrap .swiper-container {
margin-left: 0px;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}

.ab_usa .section4_wrap .swiper-container .swiper-slide {
width:100%;
height: calc(100vw * (249 / 428));
}

.ab_usa .section4_wrap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
width:100%;
height: 154px;
display: flex;
flex-direction: column;
}


.ab_usa .section4_wrap .swiper-pagination-bullet {
display: inline-block;
width: calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
border-radius: 0%;
background: #000;
margin-right: calc(100vw * (5 / 428));
}

.ab_usa .section4_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin:0px;
}

.ab_usa .section4_wrap .swiper-pagination {
width: 100%;
position: absolute;
text-align: center;
transition: .3s opacity;
z-index: 10;
bottom: 0%;
left: 50%;
transform:translate(-35%,0%);
display: flex;
}

.ab_usa .section4_wrap .swiper-button-next,
.ab_usa .section4_wrap .swiper-button-prev {
top:inherit;
}



.ab_usa .section4_wrap .swiper-button-next {
  position: absolute;
  right:0%;
  bottom:calc(100vw * (23 / 428));
  transform:rotateZ(-90deg);
  width: calc(100vw * (14 / 428));
  height: calc(100vw * (14 / 428));
  z-index: 50;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: red;
}


.ab_usa .section4_wrap .swiper-button-prev {
position: absolute;
right: auto;
left: 0%;
bottom:calc(100vw * (23 / 428));
width: calc(100vw * (14 / 428));
height: calc(100vw * (14 / 428));
transform: rotateZ(90deg);
z-index: 50;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: red;
}

.ab_usa .swiper-button-next:after, 
.ab_usa .swiper-button-prev:after {
content: "";
width:100%;
height: 100%;
background:url("../img/right-arrow_24.png") no-repeat;
background-size: contain;

}



/*section5_wrap 영역  */

.ab_usa .section5_wrap .con_container {
margin-bottom: calc(100vw * (80 / 428));
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.ab_usa .section5_wrap .con_container .con_box {
width:100%;
height: calc(100vw * (280 / 428));
margin-bottom: calc(100vw * (20 / 428));
}

.ab_usa .section5_wrap .con_container .text_box {
height: auto;
}

.ab_usa .section5_wrap .blue_span_nobold30 {
font-size:calc(100vw * (18 / 428));
}

.ab_usa .section5_wrap .dark_span_nobold18 {
font-size:calc(100vw * (16 / 428));
}

.ab_usa .section5_wrap .dark_span_nobold18 br {
display: none;
}


.ab_usa .section5_wrap .con_container .text_box .span{
display: block;
}

.ab_usa .section5_wrap .con_container .text_box .dark_span_nobold18 {
padding-top: calc(100vw * (32 / 428));
padding-bottom: calc(100vw * (60 / 428));
}



/*section6_wrap 영역  */
.ab_usa .section5_wrap .common_button {
margin-bottom: calc(100vw * (60 / 428));
}


/* usa 영역 끝 */

/* design 영역 시작 */

.design.design  section .con_container {
width:100%;
max-width: 1618px;
margin:inherit;
}

.design .blue_span_bold30 {
margin-bottom: 32px;
}


/*.design  section1_wrap 영역 */
.design .section1 {
padding: inherit;
}
.design .section1_wrap .con_box_wrap .con_box {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.design .section1_wrap .con_box_left {
order:2;
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.design .section1_wrap .con_box_left .con_box-text .blue_span_bold30 {
font-size: calc(100vw * (22 / 428));
}

.design .section1_wrap .con_box_left .con_box-text .dark_span_nobold18 {
font-size: calc(100vw * (16 / 428));
line-height: 1.5;
}

.design .section1_wrap .con_box_right{
order:1;
}


.design .section1_wrap .line_ {
display: none;
}

.design .section1_wrap .con_box-img {
width:100%;
height: calc(100vw * (300 / 428));
margin-bottom: calc(100vw * (42 / 428));
}

.design .section1_wrap .con_box-img img {
  object-fit: cover;
}

.design .text_img {
width:calc(100vw * (262 / 428));
height: calc(100vw * (106 / 428));
}

/*.design  section2_wrap */
.design .section2 {
padding:inherit;
}



.design .section2_wrap .con_box {
display: flex;
flex-direction: column;
}
.design .section2_wrap .con_box_left{
  order:2;
  padding-left: calc(100vw * (20 / 428));
  padding-right: calc(100vw * (20 / 428));
  }
.design .section2_wrap .con_box_right{
  order:1;
   }
.design .section2_wrap .con_box-img {
width:100%;
height: calc(100vw * (300 / 428));
margin-bottom: calc(100vw * (40 / 428));
}

.blue_span_bold30 {
font-size: calc(100vw * (18 / 428));
line-height: 1.5;
}

.dark_span_nobold18 {
font-size: calc(100vw * (16 / 428));
line-height: 1.5;
}

.design .section2_wrap .con_box_left .dark_span_nobold18 br {
display: none;
word-break: keep-all;
}


/*.design  section3_wrap */
.design .section3{
padding:inherit;
}

.design .section3_wrap {
display: flex;
justify-content: flex-end;
padding-top: calc(100vw * (80 / 428));
}


.design .section3_wrap .con_box {
display: flex;
flex-direction: column;
align-items: flex-end;
}

.design .section3_wrap .con_box_left{
  order:2;
  padding-left: calc(100vw * (20 / 428));
  padding-right: calc(100vw * (20 / 428));
  }
.design .section3_wrap .con_box_right {
  order:1;
   }
   .design .section3_wrap .con_box_left {
       padding-top: calc(100vw * (40 / 428));
   }
.design .section3_wrap .con_box-img {
width: calc(100vw * (300 / 428));
height: calc(100vw * (250 / 428));

}


/*.design  section4_wrap */
.design .section4 {
padding:inherit;
}

.design .section4_wrap .con_box {
display: flex;
flex-direction: column-reverse;
}

.design .section4_wrap .con_box_left {
  padding-left: calc(100vw * (20 / 428));
  padding-right: calc(100vw * (20 / 428));
  padding-top: calc(100vw * (40 / 428));
}
.design .section4_wrap .con_box_right {
margin-right: auto;
margin-top: calc(100vw * (40 / 428));
}

.design .section4_wrap .con_box-img {
width: calc(100vw * (345 / 428));
height: calc(100vw * (100 / 428));
margin-right: auto;
}



/*.design  section5_wrap */
.design .section5 .design .section5_wrap .con_container {
margin: 0 auto;
}
.design .section5_wrap {
width:100%;
padding-top: calc(100vw * (60 / 428));
}

.design .section5_wrap .con_box {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
align-items: flex-end;
}

.design .section5_wrap .con_box_left {
padding-top: calc(100vw * (40 / 428));
padding-bottom: calc(100vw * (100 / 428));
}

.design .section5_wrap .con_box-img {
width:100%;
height: calc(100vw * (300 / 428));
}


/* design 영역 끝 */



/* bio_pur .영역 시작 */
.bio_pur .section1 {
padding: inherit;
}

.bio_pur .section1_wrap {
background: linear-gradient(to bottom, #ffffff, #ffffff calc(100vw * (230 / 428)),#0d224c calc(100vw * (230 / 428)));
margin-bottom: 162px;
margin-top: 1px;
padding-bottom:calc(100vw * (50 / 428));
}

.bio_pur .section1_wrap .con_container {

}

.bio_pur .section1_wrap .con_container .con_box-text {
text-align: center;
background:#ffffff;
margin-bottom: calc(100vw * (20 / 428));
}
.bio_pur .section1_wrap .con_container .con_box-text .blue_span_nobold30 {
font-size: calc(100vw * (22 / 428));
padding-top: calc(100vw * (50 / 428));
}

.bio_pur .section1_wrap .con_container .con_box-text .dark_span_nobold22 {
margin-top: calc(100vw * (22 / 428));
line-height:1.8;
word-break: keep-all;
}


.bio_pur .section1_wrap .con_container .con_box_desc .con_box_desc-img {
width:calc(100vw * (388 /428));
height: calc(100vw * (260 /428));
margin:0 auto;
}


.bio_pur .section1_wrap .con_box_wrap .left_iframe {
width:calc(100vw * (388 /428));
height:calc(100vw * (200 / 428));
background:black;
margin:0 auto;
margin-top: calc(100vw * (30 / 428));
}

.bio_pur .section1_wrap .con_box_wrap .con_box_desc .con_box_desc-text {
}



.bio_pur .section1_wrap .con_box_wrap .right_text .white_span30px {
font-size: calc(100vw * (18 / 428));
padding-top: calc(100vw * (41 / 428));
padding-bottom: calc(100vw * (20 / 428));
line-height: 1.5;
}
.bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px {
margin-bottom: calc(100vw * (20 / 428));
font-size: calc(100vw * (16 / 428));
}

.bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px br {
display: none;
}

.bio_pur .section1_wrap .con_box_wrap .con_box_desc-text_right {
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px:nth-child(3) {
margin-bottom:calc(100vw * (40 / 428));
}

.bio_pur .section1_wrap .con_box_wrap .right_text .common_button {
background:none;
color:#ffffff;
border:1px solid #ffffff;
}


/*.bio_pur  section2_wrap 영역  */
.bio_pur .section2 {
padding:inherit;
}
.bio_pur .section2_wrap {
display: flex;
flex-direction: column-reverse;
}

.bio_pur .section2_wrap .con_box_left {
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.bio_pur .section2_wrap .con_box_left .blue_span_bold30 {
margin-top: calc(100vw * (30 / 428));
}

.bio_pur .section2>.blue_span_bold30 {
text-align: center;

}

.bio_pur .section2_wrap .con_container {
width:100%;
margin:inherit;
}



.bio_pur .section2_wrap .con_container .con_box {
display: flex;
flex-direction: column-reverse;
}

.bio_pur .section2_wrap .line_ {
display: none;
}

.bio_pur .section2_wrap .con_box-img {
width:calc(100vw * (400 / 428));
height:calc(100vw * (348 / 428));
}

.bio_pur .section2_wrap .dark_span_nobold18:nth-child(2n) {
margin-top: calc(100vw * (20 / 428));
margin-bottom: calc(100vw * (20 / 428));
}



/*.bio_pur  section3_wrap 영역  */



.bio_pur .section3_wrap {
justify-content: center;
background: linear-gradient(to right, #ffffff, #ffffff 1060px,#fafafa 1060px);
}

.bio_pur .section3>.blue_span_bold30 {
text-align: center;

}

.bio_pur .section3_wrap .con_container {
width: 100%;
height: 100%;
margin: inherit;
}
.bio_pur .section3_wrap .con_container .con_box_wrap {
width: 100%;
padding-top: calc(100vw * (50 / 428));
}

.bio_pur .section3_wrap .con_container .con_box_wrap .con_box {
width: 100%;
}



.bio_pur .section3_wrap .con_container .con_box {
align-items: center;
}

.bio_pur .section3_wrap .con_container .con_box .con_box_left {
height: 100%;
justify-content: center;
}

.bio_pur .section3_wrap .con_container .con_box .con_box_right {
height: 100%;
justify-content: space-between;
}

.bio_pur .section3_wrap .line_ {
display: none;
}

.bio_pur .section3_wrap .m_top_img,
.bio_pur .section3_wrap .m_bottom_img {
margin-bottom: calc(100vw * (30 / 428));
}

.bio_pur .section3_wrap .dark_span_nobold18 {
margin-top:calc(100vw * (20 / 428));
margin-bottom:calc(100vw * (20 / 428));
}

.bio_pur .section3_wrap .blue_bold18_ {
text-align: left;
}


/*.bio_pur  section4_wrap 영역  */
.bio_pur .section4_wrap {
margin-top:calc(100vw * (50 / 428));
}
.bio_pur .matt_table {
display: flex;
justify-content: center;
}

.bio_pur .matt_table .ul {
text-align: center;
border-right: 1px solid #dddddd;
}

.bio_pur .matt_table .ul:first-child .list .span {
font-size: calc(100vw * (18 / 428));
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #333333;
}

.bio_pur .matt_table .ul .list {
width:calc(100vw * (130 / 428));
height: calc(100vw * (40 / 428));
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: 1px solid #dddddd;
}

.bio_pur .matt_table .ul .list .blue_bold18_ {
font-weight: 300;
}

.bio_pur .matt_table .ul .matt_table_title {
background:#203465;
color:#ffffff;
}

.bio_pur .matt_table .ul .list .span .img {
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
}


/*.bio_pur  section5_wrap 영역  */
.bio_pur .section5_wrap {
margin-top:calc(100vw * (80 / 428));
}
.bio_pur .section5_wrap .top_cont .text_wrap {
padding:16px 0px;
}

.bio_pur .section5_wrap .top_cont .text_wrap .title_link {
display: flex;
justify-content: space-between;
padding:0px 0px 20px 20px;
border-bottom: 1px solid #dddddd;

}

.bio_pur .section5_wrap .top_cont .text_wrap .text_desc {
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
}

.bio_pur .section5_wrap .top_cont .title_ {
text-align: center;
margin-bottom: 60px;
}

.bio_pur .section5_wrap .top_cont .title_ .span{
display: block;
text-align: inherit;
}



.bio_pur .section5_wrap .img_con {
width:100%;
height: calc(100vw * (260 / 428));
}

.bio_pur .section5_wrap .title_link .span {
  display: inline-block;
  font-size: calc(100vw * (18 / 428));
  line-height: 1.5;
  color:#203465;
}

.bio_pur .section5_wrap .title_link .link {
display: inline-block;
width:calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
}



/*.bio_pur  section6_wrap 영역  */
.bio_pur .section6 {
width: 100%;
padding-top: calc(100vw * (70 / 428));
padding-bottom: calc(100vw * (50 / 428));
margin-bottom: calc(100vw * (100 / 428));
background:#fbfbfe;
}

.bio_pur .section6_wrap .bottom_cont {
width:100%;
}

.bio_pur .section6_wrap .bottom_cont_wrap {
width:100%;
margin:0 auto;
}

.bio_pur .section6_wrap .bottom_cont .left_img {
width:100%;
height:calc(100vw * (260 / 428));
margin-right: 80px;
}
.bio_pur .section6_wrap .bottom_cont .text_wrap {
display: flex;
flex-direction: column;
padding-top: calc(100vw * (40 / 428));
}

.bio_pur .section6_wrap .bottom_cont .text_wrap {
margin-bottom:calc(100vw * (40 / 428));
}

.bio_pur .section6_wrap .bottom_cont .map__btn .span {
display: inline;
}

.bio_pur .section6_wrap .bottom_cont .text_wrap .dark_span_bold18 {
margin-top: calc(100vw * (10 / 428));
}
.bio_pur .section6_wrap .bottom_cont .text_wrap .blue_span_bold30 {
margin-bottom: calc(100vw * (20 / 428));
}

.bio_pur .section6_wrap .bottom_cont .map__btn .button {
width: calc(100vw * (180 / 428));
height: calc(100vw * (50 / 428));
background:#fbfbfe;
border:1px solid #203465;
}

.bio_pur .section6_wrap .bottom_cont .map__btn .button .img {
width:calc(100vw * (18 / 428));
height: calc(100vw * (18 / 428));
}





/*.bio_pur  section7_wrap 영역  */
.bio_pur .content_qustion {
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
padding-left: calc(100vw * (10 / 428));
font-size: 1.2rem;
border-top: 1px solid #bbbbbb;
position: relative;
cursor: pointer;
}


.bio_pur .content_qustion_wrap {
position: relative;

}
.bio_pur .mini_qna {
border-bottom: 1px solid #dddddd;
}

.bio_pur .mini_qna .blue_span_bold30 {
margin-bottom:  calc(100vw * (20 / 428));
}

.bio_pur .content_qustion_wrap .q_title {
font-weight: bold;
}

.bio_pur .content_qustion_wrap::after {
content: "";
width:  calc(100vw * (14 / 428));
height:  calc(100vw * (14 / 428));
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%) rotateZ(0deg);
background: url("../img/right-arrow_24.png") no-repeat;
background-size: contain;
}

.bio_pur .content_answer {
cursor: pointer;
display: none;
margin-bottom:  calc(100vw * (20 / 428));
padding-left:  calc(100vw * (10 / 428));
}

.bio_pur .content_answer_wrap {
display: flex;
font-size: calc(100vw * (16 / 428));
}

.bio_pur .section7_wrap .q_title {
font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 28px;
text-align: left;
color: #333333;
}

.bio_pur .section7_wrap .a_desc {
font-size:  calc(100vw * (16 / 428));
line-height: 1.52;
text-align: left;
color: #333333;
}

.bio_pur .section7_wrap .con_container .link {
display: none;
}




/*.bio_pur  section8_wrap 영역  */

.bio_pur .section8 {
max-width: inherit;
background:#fafafa;
padding-bottom:  calc(100vw * (50 / 428));
}
.bio_pur .section8_wrap  {
width:100%;
}

.bio_pur .section8_wrap .top_ {
padding-top:calc(100vw * (50 / 428));
margin-top:calc(100vw * (100 / 428));
}

.bio_pur .section8_wrap .top_ .title {
text-align: center;
padding-bottom:calc(100vw * (20 / 428));
}

.bio_pur .section8_wrap .top_ .title .span {
font-size: calc(100vw * (18 / 428));
font-weight: bold;
line-height: 1.8;
letter-spacing: -0.6px;
text-align: center;
color: #203465;
word-break: keep-all;
}

.bio_pur .section8_wrap .top_ .icon_img {
width:80px;
height: 80px;
margin:0 auto;
}


.bio_pur .section8_wrap .top_ .contents .con_desc .dt .span {
font-family: 'Eina01', sans-serif;
font-size:  calc(100vw * (40 / 428));
font-weight: bold;
font-stretch: normal;
font-style: normal;
letter-spacing: 0.4px;
text-align: center;
color: #203465;
margin-top:  calc(100vw * (20 / 428));
margin-bottom:  calc(100vw * (22 / 428));
}

.bio_pur .section8_wrap .top_ .contents .con_desc .dd{
font-size:  calc(100vw * (18 / 428));
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #333333;
}

.bio_pur .section8_wrap .btn_wrap {
display: none;
}

.bio_pur .section8_wrap .btn_wrap .dark_span_bold18 {
margin-bottom: 20px;
}




/* .bio_pur .section9_wrap 영역  */
.bio_pur .section9_wrap .matt_table {
margin-top:calc(100vw * (80 / 428));
margin-bottom:calc(100vw * (40 / 428));
}
.bio_pur .section9_wrap .box_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.bio_pur .section9_wrap .matt_table .ul:first-child .list .span {
font-size:calc(100vw * (14 / 428)) ;
}

.bio_pur .section9_wrap .box_wrap .link {
display: inline-block;
width:calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
margin-top: calc(100vw * (100 / 428));
}

.bio_pur .section9_wrap .box_wrap .con_box:nth-child(1){
background:url("../img/bio/m_matt.png") no-repeat;
background-size: cover;
background-position:left center;
}

.bio_pur .section9_wrap .box_wrap .con_box:nth-child(2){
background:url("../img/bio/m_matt_2.png") no-repeat;
background-size: cover;
background-position:left center;
}

.bio_pur .section9_wrap .box_wrap .con_box {
width: calc(100vw * (180 / 428));
height: calc(100vw * (240 / 428));
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (30 / 428));
border: solid 1px #dddddd;
text-align: center;
}

.bio_pur .section9_wrap .box_wrap .con_box:last-child {
width: calc(100vw * (388 / 428)) ;
height: calc(100vw * (287 / 428)) ;
padding-left: calc(100vw * (100 / 428));
padding-right: calc(100vw * (100 / 428));
}

.bio_pur .section9_wrap .box_wrap .con_box-img{
width:calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
margin:0 auto;
margin-top: calc(100vw * (30 / 428));
}

.bio_pur .section9_wrap .box_wrap .con_box-desc {

}


.bio_pur .section9_wrap .box_wrap .con_box-text .blue_span_bold22 {
margin: 21px 0px;
}


/* bio_pur 영역 끝*/


/* .tech 영역 시작 */
/* .tech .section_wrap 영역 */
.tech .section1_wrap {
margin-top: calc(100vw * (71 / 428));
}

.tech .section1_wrap .con_img {
text-align: center;
}
.tech .section1_wrap .img {
width:calc(100vw * (308 / 428));
height: calc(100vw * (149 / 428));
object-fit: inherit;
}
/*.tech  section2_wrap_01 영역  */

.tech .section2_wrap {

margin:0 auto;
position: relative
}

.tech .section3>.blue_span_bold30 {
text-align: center;
}


.tech .section2_wrap .con_container .con_box_wrap_01 .con_box {

}

.tech .section2_wrap .con_container .con_box_wrap_02 {
margin-top: calc(100vw * (80 / 428));
margin-bottom: calc(100vw * (60 / 428));
}

.tech .section2_wrap .con_container .con_box_wrap_02 .con_box {

}



.tech .section2_wrap .con_container .con_box .con_box_right {

display: flex;
flex-direction: column;

}

.tech .section2_wrap .line_ {
display: none;
}


.tech .section2_wrap .con_box_wrap_01>.con_box-img {
width:calc(100vw * (248 / 428));
height:calc(100vw * (67 / 428));
margin-top: calc(100vw * (50 / 428));
margin-bottom: calc(100vw * (30 / 428));

}

.tech .section2_wrap .con_box_wrap_01>.con_box-img img {
object-fit: contain;
}

.tech .section2_wrap .con_box_wrap_02 .con_box-img {
display: inline-block;
width:100%;
height:calc(100vw * (300 / 428));
margin-top: calc(100vw * (40 / 428));
margin-bottom: calc(100vw * (20 / 428));
}

.tech .section2_wrap .con_box_wrap_03 .con_box-img {
width:100%;
height:calc(100vw * (260 / 428));
margin-top: calc(100vw * (40 / 428));
}

.tech .section2_wrap .con_box_wrap_04 .con_box-img_wrap {
display: flex;
flex-direction: column-reverse;
}


.tech .section2_wrap .con_box_wrap_04 .con_box-img {
width: calc(100vw * (408 / 428)); 
height: calc(100vw * (175 / 428)); 
}


.tech .section2_wrap .con_box_wrap_01 .con_box_right .con_box-img {  
width: calc(100vw * (200 / 428)); 
height: calc(100vw * (135 / 428)); 
margin:0 auto;
margin-top: calc(100vw * (61 / 428));
margin-bottom: calc(100vw * (41 / 428));
}


.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer {
display: flex;
justify-content: flex-end;
}
.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer div {
display: flex;
align-items: center;
}

.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer div:nth-child(2){
margin-left: 27px;
}

.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer .red {
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
border-radius: 50%;
background:#ff6f6f;
margin-right: 10px;
}

.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer .green {
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
border-radius: 50%;
background:#3ddda9;
margin-right: 10px;
}
.tech .section2_wrap .dark_span_nobold18{
margin-top:calc(100vw * (20 / 428))
}

.tech .section2_wrap .common_button {
width: calc(100vw * (200 / 428));
}


.tech .section2_wrap .up_down_margin {
margin-bottom: calc(100vw * (20 / 428));
}

.tech .section2_wrap .blue_bold18_ {
text-align: left;
}


.tech .section2_wrap .con_box_wrap_03 {
width:100%;
margin-bottom: calc(100vw * (60 / 428))
}

.tech .section2_wrap .con_box_wrap_04 {
width:100%;
}

.tech .section2_wrap .con_box_wrap_04 .con_box_right .dark_span_nobold18{
margin-top:calc(100vw * (20 / 428));
text-align: right;
}


/*.tech  section3 _wrap_01 */
.tech .section3 {
width:100%;
max-width: inherit;
margin:0 auto;
}
.tech .section3 {
padding: inherit;
}
.tech .section3_wrap .con_container {
width:100%;
max-width: inherit;
margin:0 auto;
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
padding-top: calc(100vw * (40 / 428));
padding-bottom: calc(100vw * (80 / 428));
margin-top: calc(100vw * (80 / 428));
background: #fafafa;
}

.tech .section3_wrap .con_container .con_box_wrap_01,
.tech .section3_wrap .con_container .con_box_wrap_02,
.tech .section3_wrap .con_container .con_box_wrap_03,
.tech .section3_wrap .con_container .con_box_wrap_04 {
width:100%;
margin:0 auto;
}

.tech .section3_wrap .con_container .con_box_wrap_03 {
margin:150px auto 140px auto;
}

.tech .section3_wrap .con_container .con_box_wrap_01 .con_box,
.tech .section3_wrap .con_container .con_box_wrap_03 .con_box {
width:100%;
}

.tech .section3_wrap .con_container .con_box_wrap_02 .con_box,
.tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
width:100%;
max-width: 1618px;
margin-top: 150px;
}

.tech .section3_wrap .con_container .con_box_wrap_02 .con_box {
margin-top:calc(100vw * (80 / 428));
}

.tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
margin-top: calc(100vw * (80 / 428));
}

.tech .section3_wrap .con_container .con_box_wrap_02 .con_box {

}

.tech .section3_wrap .con_container .con_box_wrap_03 .con_box {


}
.tech .section3_wrap .con_container .con_box_wrap_04 .con_box {


}

.tech .section3_wrap .con_box_wrap_01 .con_box-img_wrap {
padding-top: calc(100vw * (30 / 428));
}

.tech .section3_wrap .con_box_wrap_03 .con_box-text {
margin-top: calc(100vw * (80 / 428));
}

.tech .section3_wrap .con_box_wrap_01 .con_box-img {
width:calc(100vw * (388 / 428));
height: calc(100vw * (260 / 428));
}

.tech .section3_wrap .con_box_wrap_01 .con_box-img img {
width:100%;
height: 100%;
object-fit: contain;
}

.tech .section3_wrap .con_box_wrap_02 .con_box-img {
width:calc(100vw * (388 / 428));
height: calc(100vw * (260 / 428));
}

.tech .section3_wrap .con_box_wrap_02 .con_box-img .img {
width:calc(100vw * (428 / 428));
height: calc(100vw * (260 / 428));
margin-top:calc(100vw * (30 / 428));
margin-left:calc(-100vw * (20 / 428));
}

.tech .section3_wrap .con_box_wrap_03 .con_box-img {
width:calc(100vw * (428 / 428));
margin-left:calc(-100vw * (30 / 428));
}

.tech .section3_wrap .con_box_wrap_04 .con_box-img {
width:calc(100vw * (277 / 428));
height: calc(100vw * (120 / 428));
margin-left:calc(-100vw * (30 / 428));
margin-top:calc(100vw * (54 / 428));
}

.tech .section3_wrap .dark_span_nobold18{
margin:32px 0px 0px 0px;
}


/*.tech  section4_wrap 영역  */
.tech .section4 .section4_wrap .con_container {
width: 100%;
margin-top: calc(100vw *(70 / 428));
}


/* 애니메이션 시작  */
.tech .animate_wrap {
  width:100%;
  padding:200px 0px;
position:relative;
}
.tech .animate_wrap .sliceImg {
  position:absolute;
}
.slice_img_01 {
  width:100%;
  height:calc(100vw * (127/428));
  background:url("../img/animate/smt.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:0;
}
.slice_img_02 {
  width:100%;
  height:calc(100vw * (115/428));
  background:url("../img/animate/reticulated.png") no-repeat;
background-size:100%;
bottom:10%;
z-index:1;
}
.slice_img_03 {
  width:100%;
  height:calc(100vw * (149/428));
  background:url("../img/animate/floral-cover.png") no-repeat;
background-size:100%;
bottom:5%;
z-index:2;
}
.slice_img_04 {
  width:100%;
  height:calc(100vw * (31/428));
  background:url("../img/animate/mesh-cover.png") no-repeat;
background-size:100%;
bottom:15%;
z-index:3;
}


@keyframes frame-animation { 0% { background-position: 0px 0; } 100% { background-position-x: calc(-100vw * (1629 / 428)); } }


.animate_core_wrap{
  width: calc(100vw * (273/428));
  height: calc(100vw * (62/428));
  background:url('../img/animate/core_img.png')no-repeat;
  background-size:600%;
  animation: frame-animation 3s steps(6) infinite;    
}



/* 애니메이션 끝  */



/* .tech 영역 끝 */


/*.review_  영역  시작 */
.review_ .section1_wrap .text_box_wrap .blue_span_bold_line30 {
text-align: center;
margin-bottom:calc(100vw * (30 / 428));

}

.review_ .section1_wrap .text_box_wrap .text_box_title {
margin-top:calc(100vw * (50 / 428));
margin-bottom:calc(100vw * (50 / 428));
text-align: center;
}

.review_ .section1_wrap .text_box_wrap .text_box_desc {
text-align: left;
padding-left:calc(100vw * (10 / 428));
padding-right:calc(100vw * (10 / 428));
padding-top:calc(100vw * (40 / 428));
padding-bottom:calc(100vw * (40 / 428));
background:#fafafa;
word-break: keep-all;
}

.review_ .section1_wrap .text_box_wrap .text_box_desc .span {
margin-top:calc(100vw * (20 / 428));
}

.review_ .section1_wrap .text_box_wrap .text_box_desc .blue_bold18_ {
text-align: left;
}



/*.review_  section2_wrap 영역  */

.review_ .section2_wrap {
width:100%;
margin-top:calc(100vw * (80 / 428));
word-break: keep-all;
}

.review_ .section2_wrap .text_box_title {
text-align: center;
}

.review_ .section2_wrap .text_box_title .blue_span_bold_line30 {
text-align: center;
}
.review_ .section2_wrap .text_box_title .dark_span_nobold18 {
margin-top:calc(100vw * (30 / 428));
margin-bottom:calc(100vw * (20 / 428));
}

.review_ .section2_wrap .tab_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 100px;
}

.review_ .section2_wrap .tab_wrap .list {
width:calc(100vw * (120 / 428));
height: calc(100vw * (60 / 428));
font-size: 22px;
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
line-height: 1.5;
text-align: center;
color: #dddddd;
border-bottom: 4px solid #dddddd;
cursor: pointer;
}

.review_ .section2_wrap .tab_wrap .list.current {
color:#203465;
font-weight: bold;
border-bottom: 4px solid #203465;
}

.review_ .section2_wrap .tab-content {
display: none;
}


.review_ .section2_wrap .tab-content.current{
display: inherit;
}

.review_ .section2_wrap .con_container .con_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
}

.review_ .section2_wrap .con_container .con_box {
width:calc(100vw * (326 / 428));
height: calc(100vw * (326 / 428));
margin-bottom: 20px;
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
padding-left: calc(100vw * (30 / 428));
padding-right: calc(100vw * (30 / 428));
border:1px solid #bbbbbb;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.review_ .section2_wrap .con_container .con_box .con_box_desc .dark_span_nobold16:first-child {
margin-bottom: calc(100vw * (10 / 428));
}

.review_ .section2_wrap .con_container .con_box .con_box_stars,
.review_ .section2_wrap .con_container .con_box .con_box_stars .stars_wrap,
.review_ .section2_wrap .con_container .con_box .con_box_date,
.review_ .section2_wrap .con_container .con_box .con_box_date .con_box_date-icons {
display: flex;
justify-content: space-between;
align-items: center;
}

.review_ .section2_wrap .con_container .con_box .con_box_stars .stars_wrap .span {
margin-left: calc(100vw * (5 / 428));
}

.review_ .section2_wrap .con_container .con_box .con_box_date .con_box_date-icons .link {
margin-left: calc(100vw * (10 / 428));
}

.review_ .section2_wrap .con_container .con_box .img {
width:calc(100vw * (18 / 428));
height:calc(100vw * (18 / 428));
}



.review_ .section2_wrap .paging_wrap .ul{
border:none;
}

/*.review_  section3_wrap 영역 */
.review_ .section3_wrap .con_container {
word-break: keep-all;
margin-top: calc(100vw * (100 / 428));
}
.review_ .section3_wrap .text_box_title .blue_span_bold_line30,
.review_ .section3_wrap .text_box_title .dark_span_nobold18 {
text-align: center;
}


.review_ .section3_wrap .text_box_title .blue_span_bold_line30 {
margin-bottom: calc(100vw * (30 / 428));
}

.review_ .section3_wrap .con_top {
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (30 / 428));
background-color: #fbfbfe;
margin-top: 60px;
}

.review_ .section3_wrap .con_top .con_top_title {
margin-bottom: 60px;
}

.review_ .section3_wrap .con_top .con_top_title .blue_span_bold_line30 {
text-align: center;
}

.review_ .section3_wrap .con_top .con_top_desc {
display: flex;
flex-direction: column;
align-items: center;
}

.review_ .section3_wrap .con_top .con_top_desc div {
display: flex;
flex-direction: column;
text-align: center;
}
.review_ .section3_wrap .e_blue_span_bold80 {
font-size: calc(100vw * (50 / 428));
}

.review_ .section3_wrap .con_top .con_top_desc div:last-child {
border: none;
}

.review_ .section3_wrap .con_top .con_top_desc div .blue_span_bold22 {
margin-top: calc(100vw * (20 / 428));
margin-bottom: calc(100vw * (10 / 428));
}



/* 자주 묻는 질문 qna 영역  */
.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list {
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
border-bottom: 1px solid #bbbbbb;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .span {
margin-top: calc(100vw * (20 / 428));
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .blue_span_bold_line30 {
margin:inherit;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .blue_bold18_ {
text-align: left;
}



.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>.blue_span_bold_line30 {
padding-top: calc(100vw * (50 / 428));
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>div {
display: flex;
justify-content: space-between;

}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>div div {
width:calc(100vw * (98 / 428));
text-align: right;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(3) .blue_bold18_,
.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(4) .blue_bold18_ {
text-align: right;
}


/*.review_  영역 끝 */


/* eco영역 시작  */
.eco section .con_container {
width:100%;
margin:inherit;
}

.eco .blue_span_bold30 {
margin-bottom: calc(100vw * (20 / 428));
}


/*.eco  section1_wrap 영역 */
.eco .section1 {
padding:inherit;
}
.eco .section1_wrap .con_box{
display: flex;
flex-direction: column-reverse;
}

.eco .section1_wrap .line_ {
display: none;
}

.eco .section1_wrap .con_box_left {
padding-top:calc(100vw * (42 / 428));
padding-right:calc(100vw * (20 / 428));
padding-left:calc(100vw * (20 / 428));
}

.eco .section1_wrap .con_box-img {
width:calc(100vw * (428 / 428));
height: calc(100vw * (300 / 428));
}

.eco .section1_wrap .con_box-img img {
object-fit: cover;
}

.eco .section1_wrap .text_img {
width: calc(100vw * (193 / 428));
height: calc(100vw * (133 / 428));
}

/*.eco  section2_wrap */
.eco .section2 {
padding: inherit;
}
.eco section .section2_wrap .con_container {
width:100%;
margin:0 auto;
}
.eco .section2_wrap {
}



.eco .section2_wrap .con_box {
}

.eco .section2_wrap .con_box_left_img .con_box-img {
width:calc(100vw * (428 / 428));
height: calc(100vw * (300 / 428));
background:url("../img/eco/m_matt_plant.png")no-repeat;
background-size: contain;
}

.eco .section2_wrap .con_box_left_img .con_box-img img {
display: none;
}

.eco .section2_wrap .con_box_left {
padding-top:calc(100vw * (42 / 428));
padding-right:calc(100vw * (20 / 428));
padding-left:calc(100vw * (20 / 428));
}

.eco .section2_wrap .con_box_right_img .con_box-img {
display: none;
}

.eco .section1_wrap .con_box-text .blue_span_nobold30,
.eco .section2_wrap .con_box-text .blue_span_nobold30,
.eco .section3_wrap .con_box-text .blue_span_nobold30 {
margin-bottom: calc(100vw * (30 / 428));
}


/*.eco  section3_wrap */


.eco .section3 {
display: none;
}


/*.eco  section4_wrap 영역 */
.eco .section4 .eco .section4_wrap .con_container {
width:100%;
margin:0 auto;
}

.eco .section4_wrap .con_box {
display: flex;
flex-direction: column;
}



.eco .section4_wrap .con_box-img {
width:100%;
height: calc(100vw * (280 / 428));
}

.eco .section4_wrap .con_box_left .con_box-text {
padding-bottom:calc(100vw * (20 / 428));
}

.eco .section4_wrap .con_box_left .con_box_bottom_text {
padding-bottom:calc(100vw * (30 / 428));
}



/*.eco  section5_wrap 영역  */
.eco .section5_wrap .con_wrap {
display: none;
}

.eco .m_con_wrap .con_box {
height: calc(100vw * (500 / 428));
padding-top: calc(100vw * (60 / 428));
padding-bottom: calc(100vw * (60 / 428));
text-align: center;
border-bottom: 1px solid #203465;
border-top: 1px solid #203465;
}

.eco .m_con_wrap br {
display: none;
word-break: keep-all;
}
.eco .section5_wrap .con_img {
width:calc(100vw * (180 / 428));
height: calc(100vw * (180 / 428));
margin:0 auto;
}

.eco .m_con_wrap .con_box .blue_span_bold24 {
padding-top: calc(100vw * (22 / 428));
padding-bottom: calc(100vw * (22 / 428));
}

.eco .mSw .swiper-pagination {
bottom: calc(100vw * (30 / 428));
}


/*.eco  section6_wrap 영역  */
.eco .section6_wrap .pc_con_container{
display: none;
}

.eco .m_sec_09 .con_wrap .con_container {
padding-top: calc(100vw * (30 / 428));
margin:0 auto;
}
.eco .m_sec_09 .swiper-container-pointer-events {

padding-left: calc(100vw * (20 / 428));
}

.eco .m_sec_09 .con_wrap .top_cont .text_wrap {
padding:calc(100vw * (15 / 428))
}

.eco .m_sec_09 .con_wrap .top_cont .text_wrap .title_link {
display: flex;
justify-content: space-between;
padding-bottom:calc(100vw * (20 / 428));
border-bottom: 1px solid #dddddd;
}

.eco .m_sec_09 .con_wrap .top_cont .text_wrap .text_desc {
padding-top:calc(100vw * (20 / 428));
}

.eco .m_sec_09 .con_wrap .top_cont .text_wrap .text_desc .span br {
display: none;
word-break: keep-all;
}

.eco .m_sec_09 .con_wrap .top_cont .title_ {
text-align: center;
margin-bottom: calc(100vw * (30 / 428));
}

.eco .m_sec_09 .con_wrap .top_cont .title_ .span{
display: block;
text-align: inherit;
font-size: calc(100vw * (18 / 428));
}


.eco .m_sec_09 .img_con {
width:calc(100vw * (358 / 428))
}

.eco .m_sec_09 .title_link .span {
display: inline-block;
font-size:calc(100vw * (20 / 428));
line-height: 1.4;
color: #203465;
}

.eco .m_sec_09 .title_link .link {
display: inline-block;
width:calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
}

/* eco영역 끝  */


/*.b2b 영역 시작 */
.b2b .section1 {
width:100%;
padding:inherit;
}
.b2b .section1_wrap {
}

.b2b .section1_wrap .line_ {
display: none;
}

.b2b .section1_wrap .con_box-img {
width:100%;
height: calc(100vw * (260 / 428));
}

.b2b .section1_wrap .con_box-img img {
object-fit: cover;
}

.b2b .section1_wrap .text_img {
width:calc(100vw * (94 / 428));
height:calc(100vw * (67 / 428));
}

.b2b .section1_wrap .con_box .con_box_left {
padding-top: calc(100vw * (30 / 428));
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
}

.b2b .section1_wrap .blue_span_nobold30 {
margin-bottom: calc(100vw * (20 / 428));
}

.b2b .section1_wrap .con_sw {
padding-top: calc(100vw * (60 / 428));
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
margin-top: calc(100vw * (60 / 428));
background: linear-gradient(to bottom, #fafafa, #fafafa calc(100vw * (350 / 428)), #ffffff calc(100vw * (350 / 428)));
}

.b2b .section1_wrap .con_sw .con_title_wrap {
margin-bottom: calc(100vw * (40 / 428));
position: relative;
}
.b2b .section1_wrap .con_sw .brandSw .swiper-wrapper {
padding-bottom: calc(100vw * (20 / 428));
}

.b2b .section1_wrap .con_sw .brandSw .brand_img {
width:100%;
height: 100%;
margin-bottom: calc(100vw * (20 / 428));
}

.b2b .section1_wrap .con_sw .brandSw .blue_span_nobold20 {
width:100%;
text-align: center;
}


.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev {
left: inherit;
right: calc(100vw * (50 / 428));
}


.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-next:after, 
.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev:after {
content: "";
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
background:url("../img/right-arrow10.png") no-repeat;
background-size:100% 100%;
}

.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev:after{
transform: rotateZ(90deg);
}
.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-next:after{
transform: rotateZ(270deg);
}



/*.b2b  section2_wrap 영역  */
.b2b .section2_wrap {
margin-top: calc(100vw * (80 / 428));
}

.b2b .section2_wrap .blue_span_nobold30 br {
display: none;
}

.b2b .section2_wrap .blue_span_nobold30 {
text-align: center;
padding-bottom: calc(100vw * (30 / 428));
word-break: keep-all;
}

.b2b .section2_wrap .con_container .con_box_wrap {
display: none;
}

.b2b .section2_wrap .con_container .motionSw .con_box {
width:100%;
height: calc(100vw * (440 / 428));
position: relative;
}

.b2b .section2_wrap .con_container .motionSw .con_box .con_box-text {
position: absolute;
left: 0%;
bottom:0%;
transform:translate(40px,-40px);
}


.b2b .section2_wrap .con_container .motionSw .con_box .con_box-text .white_span24px {
margin-bottom: 22px;
}

.b2b .section2_wrap .con_container .motionSw .swiper-slide:nth-child(1) .con_box {
background:url("../img/b2b/laura.jpg") no-repeat;
background-size: 100% 100%;


}
.b2b .section2_wrap .con_container .motionSw .swiper-slide:nth-child(2) .con_box {
background:url("../img/b2b/hotel.jpg") no-repeat;
background-size: 100% 100%;


}
.b2b .section2_wrap .con_container .motionSw .swiper-slide:nth-child(3) .con_box {
background:url("../img/b2b/lucas-calloch.jpg") no-repeat;
background-size: 100% 100%;

}


.img_swiper .swiper-scrollbar {
width:100%;
height:calc(100vw * (6 / 428));
margin-top: calc(100vw * (40 / 428));
margin-right: auto;
margin-left: auto;
}

.img_swiper .swiper-scrollbar-drag {
background:#203465;
}



/*.b2b  section3_wrap 영역  */
.b2b .section3 {
width: 100%;
max-width: inherit;
margin-top: calc(100vw * (80 / 428));
background:#fbfbfe;
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
}
.b2b .section3_wrap .blue_span_bold30 {
text-align: center;
}

.b2b .section3_wrap .con_box_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: calc(100vw * (50 / 428));
}

.b2b .section3_wrap .con_box_wrap .con_box {
width:100%;
}

.b2b .section3_wrap .con_box_wrap .con_box .con_icons {
display: flex;
align-items: center;
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
}

.b2b .section3_wrap .con_box_wrap .con_box .con_icons .blue_span_bold24 {
text-align: left;
}

.b2b .section3_wrap .con_box_wrap .con_box .con_icons .icon_img_box {
width: calc(100vw * (70 / 428));
height: calc(100vw * (70 / 428));
margin-right: 30px;

}

.b2b .section3_wrap .con_box_wrap .con_box .con_box-text {
padding-top: calc(100vw * (20 / 428));
border-top: 1px solid #333333;
}



/*.b2b  section4_wrap 영역  */

.b2b .section4 {
width:100%;
margin-top: calc(100vw * (80 / 428));
margin-bottom: calc(100vw * (100 / 428));
padding-right: inherit;
}

.b2b .section4_wrap .con_container {
width:100%;
}

.b2b .section4_wrap .con_container .con_box_wrap {
display: flex;
}

.b2b .section4_wrap .con_container .con_box_wrap .ameriSw {
width:100%;
height: calc(100vw * (200 / 428));
}

.b2b .section4_wrap .con_container .con_box_wrap .ameriSw .swiper-slide {
width:100%;
height:calc(100vw * (200 / 428));
}

.b2b .section4_wrap .con_container .con_box_wrap .ameriSw .swiper-slide img {
object-fit: fill;
}

.b2b .section4_wrap .con_box-text {
text-align: center;
padding-bottom: calc(100vw * (40 / 428));
}


.b2b .section4_wrap .swiper-button-next {
display: none;
}

.b2b .section4_wrap .page_bum_wrap {
margin-right: calc(100vw * (10 / 428));
}

.b2b .section4_wrap .page_bum_wrap .rotate_img {
width:calc(100vw * (16 / 428));
height:calc(100vw * (90 / 428));
}


.b2b .section4_wrap .page_bum_wrap .swiper-button-next,
.b2b .section4_wrap .page_bum_wrap .swiper-button-prev,
.b2b .section4_wrap .pagenations_ {
display: none;
}

/*.b2b  section5_wrap 영역  */
.b2b .section5{
width:100%;
margin:0 auto;
background:#fbfbfe;
}

.b2b .section5_wrap {
width:100%;
margin:0 auto;
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
}

.b2b .section5_wrap .con_container { 
width:100%;

}

.b2b .section5_wrap .con_box-text {
border-bottom: 1px solid #dddddd;
text-align: center;
padding-bottom: 42px;
}

.b2b .section5_wrap .form {
width: 100%;
}

.b2b .section5_wrap .form fieldset {
width: calc(100vw * (388 / 428));
padding-top: calc(100vw * (60 / 428));
border:none;
}

.b2b .section5_wrap .form fieldset .blue_span_bold30 {
margin-top: calc(100vw * (30 / 428));
margin-bottom: calc(100vw * (40 / 428));
}

.m_move_span {
margin-top: calc(100vw * (30 / 428));
margin-bottom: calc(100vw * (30 / 428));
}

.b2b .section5_wrap .form legend {
display: none;
}

.b2b .section5_wrap .form .con_box_left {
width:100%;
}

.b2b .section5_wrap .form .con_box_left .span:last-child {
margin-top: calc(100vw * (60 / 428));
}

.b2b .section5_wrap .form .con_box_right {
width:100%;
}

.b2b .section5_wrap .link {
border-bottom: 1px solid #203465;
}

.b2b .section5_wrap a:link {
text-decoration: none;
color: #203465;
font-size: calc(100vw * (16 / 428));
line-height: 1.5;
}

.b2b .section5_wrap .form .input {
width:calc(100vw * (388 / 428));
height: calc(100vw * (60 / 428));
margin-top: calc(100vw * (10 / 428));
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
padding-left: calc(100vw * (10 / 428));
border: solid 1px #dddddd;
background-color: #ffffff;
font-size: calc(100vw * (16 / 428));
}

.b2b .section5_wrap .form .button {
width: 100%;
height: calc(100vw * (60 / 428));
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #dddddd;
background-color: #203465;
margin-top: calc(100vw * (20 / 428));
font-size: calc(100vw * (16 / 428));
color:#ffffff;
}






.b2b .section6_wrap {
padding-top: calc(100vw * (80 / 428));
text-align: center;
}

.b2b .section6_wrap .con_container {
width: 100%;
margin: 0 auto;
}

.b2b .section6_wrap .con_box_wrap {
padding-top: calc(100vw * (60 / 428));
}


.b2b .section6_wrap .blue_span_bold30 {
margin-bottom: calc(100vw * (22 / 428));
}

.b2b .section6_wrap .dl {
display:flex;
flex-wrap: wrap;
font-size: calc(100vw * (13 / 428));
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #203465;
}

.b2b .section6_wrap .dl .dt {
background:#fbfbfe;
}

.b2b .section6_wrap .dl .dt,
.b2b .section6_wrap .dl .dd {
width:calc(100vw * (185 / 428));
padding-top: calc(100vw * (15 / 428));
padding-bottom: calc(100vw * (15 / 428));
border-bottom: 1px solid #203465;
display: flex;
justify-content: center;
align-items: center;
}

.b2b .section6_wrap .white_span18px {
padding-top: calc(100vw * (15 / 428));
padding-bottom: calc(100vw * (15 / 428));
background:#203465;
text-align: center;
}


.b2b .section6_wrap .dark_span_nobold18 {
margin-top: 41px;
}



/*.b2b  section7_wrap 영역  */
.b2b .section7_wrap {
width:100%;
margin-top: calc(100vw * (100 / 428));
}
.content_qustion {
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
padding-left: calc(100vw * (10 / 428));
font-size: calc(100vw * (16 / 428));
border-top: 1px solid #bbbbbb;
position: relative;
cursor: pointer;
}


.b2b .content_qustion_wrap {
position: relative;

}
.b2b .mini_qna {
border-bottom: 1px solid #dddddd;
}

.b2b .mini_qna .blue_span_bold30 {
margin-bottom: 32px;
}

.b2b .content_qustion_wrap .q_title {
font-weight: bold;
}

.b2b .content_qustion_wrap::after {
content: "";
width: calc(100vw * (18 / 428));
height: calc(100vw * (18 / 428));
position: absolute;
top: 50%;
right: calc(-100vw * (18 / 428));
transform: translate(0, -50%) rotateZ(0deg);
background: url("../img/right-arrow_24.png") no-repeat;
background-size: contain;
}

.b2b .content_answer {
cursor: pointer;
display: none;
margin-bottom: calc(100vw * (30 / 428));
padding: 0 calc(100vw * (30 / 428));
}

.b2b .content_answer_wrap {
display: flex;
font-size: 1.2rem;
}

.b2b .section7_wrap .q_title {
width: calc(100vw * (335 / 428));
font-size:calc(100vw * (14 / 428));
font-weight: bold;
line-height: 1.5;
text-align: left;
color: #333333;
word-break: keep-all;
}

.b2b .section7_wrap .a_desc {
font-size:calc(100vw * (14 / 428));
line-height: 1.5;
text-align: left;
color: #333333;
}

.b2b .section7_wrap .con_container .link .blue_bold18_ {
margin-top: calc(100vw * (20 / 428));
text-align: right;
}



/*.b2b  section8_wrap 영역  */
.b2b .section8_wrap {
  display: none;
}

/*.b2b 영역 끝 */

/* usa, tech, review, history, eco, design, bio_pur, b2b 영역 끝 */


/* matt_guide, matt_guide_sleep_info, matt_guide_size, matt_guide_best 영역 시작   */

img {
  width:100%;
  height: 100%;
  object-fit: cover;
}
/* 컨테이너 섹션 너비값 공통  */
.matt span {
line-height: 1.5;
word-break: keep-all;
}
.mat_tab,
.more_link {
display: none;
}

.e_blue_span_bold_line80,
.e_blue_span_bold80 {
font-size: calc(100vw * (40 / 428));
}

.blue_span_nobold22 {
font-size: calc(100vw * (22 / 428));
}
.blue_span_bold30,
.blue_bold18_,
.blue_span_bold_line30,
.tab_link span,
.blue_span_bold24,
.e_blue_span_bold18 {
font-size: calc(100vw * (18 / 428));
}
.tab-link .span,
.dark_span_nobold16 {
font-size: calc(100vw * (16 / 428));
}
.e_blue_span_nobold20 {
font-size: calc(100vw * (14 / 428));
}


/* 컨테이너 섹션 너비값 공통 끝 */

/* -----------------------------------------------매트리스 구매가이드 페이지 시작-----------------------------------------------------  */
.matt .section1 {
padding:inherit;
}
.matt .section1_wrap .title_wrap {
text-align: center;
}


.matt .section1_wrap .title_wrap .span {
display: block;
font-size: calc(100vw * (16 / 428));
padding-bottom:calc(100vw * (41 / 428));
}

.matt .section1_wrap .title_wrap .blue_span_bold_line30 {
display: inline-block;
font-size: calc(100vw * (22 / 428));
padding-top:calc(100vw * (44 / 428));
padding-bottom:calc(100vw * (22 / 428));
}

.matt .section1_wrap .con_img {
width: 100%;
height:calc(100vw * (300 / 428));
}



/* 메모리 폼이 제공하는 것 영역 */
.matt .section2 {
padding-left: inherit;
/* margin-bottom: 170px; */
}

.matt .section2 .section2_wrap {
padding-top: calc(100vw * (54 / 428));
}

.matt .section2 .title_wrap {
margin-bottom: calc(100vw * (30 / 428));

}


.matt .section2 .title_wrap div:nth-child(1) {
width:calc(100vw * (380 / 428));
border-bottom: 1px solid #203465;
}

.matt .section2 .title_wrap div:nth-child(2) .span {
display: inline-block;
padding-top: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
font-size: calc(100vw * (14 / 428));
}

.matt .section2 .title_wrap div:nth-child(2) .span br {
display: none;
word-break: keep-all;
line-height: 1.7;
}

.matt .section2 .title_wrap .blue_span_bold_line30 {
display: inline-block;
padding-bottom:calc(100vw * (30 / 428));
font-size:calc(100vw * (16 / 428));
padding-left: calc(100vw * (20 / 428));
}



.matt .section2 .contents_box {
margin-bottom:calc(100vw * (50 / 428));
}


.matt .section2 .contents_box:nth-child(1) .bottom_img {
width: calc(100vw * (428 /428));
height:calc(100vw * (172 /428));
background: url("../img/mat_guide/as3-bed-iso@3x.png") no-repeat;
background-size: cover;
background-position-x: calc(-100vw * (130 /428));
margin-left: calc(-100vw * (100 / 428));
}

.matt .section2 .contents_box:nth-child(2) .bottom_img {
width: calc(100vw * (428 /428));
height:calc(100vw * (172 /428));
background: url("../img/mat_guide/mult.jpg") no-repeat;
background-size: cover;
background-position-x: calc(-100vw * (130 /428));
margin-left: calc(-100vw * (100 / 428));
}

.matt .section2 .contents_box:nth-child(3) .bottom_img {
display: none;
}

.matt .section2 .desc_warp {
padding-top:calc(100vw * (52 / 428));
}

.matt .section2 .desc_warp .con_box {
display: flex;
margin-bottom:calc(100vw * (32 / 428));
}

.matt .section2 .desc_warp .con_box .con_left_img {
width:calc(100vw * (70 / 428));
height:calc(100vw * (70 / 428));
margin-right: calc(100vw * (20 / 428));
}




.matt .desc_warp .dl {
width:calc(100vw * (300 / 428));
}

.matt .desc_warp .dl .dt {
margin-bottom:calc(100vw * (12 / 428));
font-size: calc(100vw * (16 / 428));
}

.matt .desc_warp .span br {
display: none;
}

.look_btn {
margin-top:calc(100vw * (40 / 428));
margin-left:calc(100vw * (20 / 428));
}

.look_btn .button {
width: calc(100vw * (160 / 428));
height:calc(100vw * (50 / 428));
font-size: calc(100vw * (16 / 428));
line-height: calc(100vw * (50 / 428));
text-align: center;
color: #203465;
border: solid 1px #203465;
background-color: #fbfbfe;

}


/* 탭 메뉴  */
.matt .m_mat_tab {
width:calc(100vw * (428 / 428));
margin:0 auto;
background-color: #fbfbfe;
padding-top: calc(100vw * (60 / 428));
padding-bottom: calc(100vw * (60 / 428));
}


.matt .m_mat_tab .title_wrap {
text-align: center;
margin: 0px;
}

.matt .m_mat_tab .title_wrap .span {
display: block;
}

.matt .m_mat_tab .title_wrap .e_blue_span_nobold20 {
  font-size: calc(100vw * (16 / 428));
}

.matt .m_mat_tab .title_wrap .blue_span_nobold30 {
  font-size: calc(100vw * (18 / 428));
margin-top:calc(100vw * (12 / 428));
margin-bottom:calc(100vw * (30 / 428));
}

.matt .m_mat_tab .mat_con_text_wrap .blue_bold18_ {
  display:block;
  text-align: left;
  font-size: calc(100vw * (18 / 428));
  line-height: 1.3;
  margin-top:calc(100vw * (42 / 428));
  margin-bottom:calc(100vw * (12 / 428));
}
.matt .m_mat_tab .mat_con_text_wrap .dark_span_15{
  font-size: calc(100vw * (12 / 428));
  line-height: 1.5;
}
.matt .m_mat_tab .mat_con_text_wrap .blue_span_16 {
  font-size: calc(100vw * (12 / 428));
  line-height: 1.8;
  margin-bottom: 0.521vw;
}
.matt .m_mat_tab .mat_con_text_wrap .e_blue_span_light_bold20 {
  font-size:calc(100vw * (18 / 428));
  line-height: 1.2;
}





/*메모리 폼이 제공하는의 하단 Tab-menu영역*/
.mat_tab {
display: none;
}
.matt .m_mat_con {
width: 100%;
list-style: none;
text-align: center;
}

.matt .m_mat_con .ul {
display: flex;
justify-content:center;
}

.matt .m_mat_con .list {
display: block;
width: calc(100vw * (84 / 428));
height:calc(100vw * (115 / 428));
border-radius: calc(100vw * (10 / 428));
margin-right: calc(100vw * (10 / 428));;
cursor: pointer;
}





.matt .m_mat_con .list:nth-child(1) {
background: url('../img/mat_guide/man1.png') no-repeat;
background-size: 102% 103%;
background-position: center;
}

.clone_el:first-child {
background: url('../img/mat_guide/man1.png') no-repeat;
width: calc(100vw * (149 / 428));
height:calc(100vw * (205 / 428));
background-size:contain;
border-radius: calc(100vw * (10 / 428));
box-shadow: inset -6px -5px 0.1px #203465;
}



.matt .m_mat_con .list:nth-child(2) {
background: url('../img/mat_guide/man2.png') no-repeat;
background-size: 102% 103%;
background-position: center;
}

.matt .m_mat_con .list:nth-child(3) {
background: url('../img/mat_guide/man3.png') no-repeat;
background-size: 102% 103%;
background-position: center;
}

.matt .m_mat_con .list:nth-child(4) {
background: url('../img/mat_guide/man4.png') no-repeat;
background-size: 102% 103%;
background-position: center;
}


.matt .m_mat_con .list .img {
display: block;
border-radius: calc(100vw * (10 / 428));
}

.matt .m_mat_con .list.current {
  
box-shadow: inset -0.3vw -0.3vw 0.1vw #203465;
}

.matt .m_mat_con .mat_con_text_wrap {
width: calc(100vw * (329 / 428));
margin-top:calc(100vw * (10 / 428));
margin-left: auto;
margin-right: calc(100vw * (40 / 428));
position: relative;
}

.matt .m_mat_con .mat_con_text_wrap .p {
margin-bottom:calc(100vw * (21 / 428));
}

.matt .m_mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
.matt .m_mat_con .mat_con_text_wrap .blue_span_16 {
display: block;
}

.m_mat_con .tab-content {
display: none;
}


.m_mat_con .tab-content.current {
display: inherit;
text-align: left;
padding-top: calc(100vw * (60 / 428));
}

/*메모리폼에 관한 우려영역  */
.matt .section3 {
padding-top: calc(100vw * (80 / 428));
padding-bottom: calc(100vw * (50 / 428));
padding-right: 0;
padding-left: 0;
}


.matt .section3_wrap .banner_top {
width:calc(100vw * (428 / 428));
height:calc(100vw * (300 / 428));
background: url("../img/mat_guide/cl_bg.png") no-repeat;
background-size: cover;
margin:0 auto;
}

.matt .section3_wrap .inner_text {
width:100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: calc(100vw * (20 / 428));
  padding-right: calc(100vw * (20 / 428));
}

.matt .section3_wrap .inner_text .span {
display: block;

}

.matt .section3_wrap .mini_qna {
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.matt .section3_wrap .inner_text .e_blue_span_nobold20 {
padding-top: calc(100vw * (13 / 428));
padding-bottom: calc(100vw * (21 / 428));
}

.matt .section3_wrap .inner_text .span:last-child {
font-size: calc(100vw * (14 / 428));
word-break: keep-all;
}

.matt .section3_wrap .inner_text .span:last-child br {
display: none;
}

.matt .section3_wrap .mini_qna .q_title {
font-weight: bold;
}

.matt .section3_wrap .mini_qna_head {
padding-top: calc(100vw * (50 / 428));
  padding-bottom: calc(100vw * (20 / 428));
}

.matt .section3_wrap .banner_bottom {
width: calc(100vw * (388 / 428));
height:calc(100vw * (300 / 428));
background: url("../img/mat_guide/baby.jpg") no-repeat;
background-size: cover;
margin: 0 auto;
}


.matt .section3_wrap .baby_inner_text {
width: calc(100vw * (388 / 428));
margin: 0 auto;
}

.matt .section3_wrap .baby_inner_text .span {
display: inline-block;
text-align: left;
}

.matt .section3_wrap .baby_inner_text .blue_span_nobold30 {
font-size:calc(100vw * (18 / 428));
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (20 / 428));
}

.matt .section3_wrap .baby_inner_text .span:last-child {
font-size:calc(100vw * (16 / 428));
line-height: 1.7;
}

.matt .section3_wrap .baby_inner_text .span:last-child br {
display: none;
}



.matt .section3_wrap .link_wrap {
padding-top: calc(100vw * (80 / 428));
padding-bottom: calc(100vw * (80 / 428));
margin: 0 auto;
}

.matt .section3_wrap .link_wrap>div {
width: calc(100vw * (388 / 428));
height:calc(100vw * (380 / 428));
border: 1px solid #bbbbbb;
padding-top: calc(100vw * (40 / 428));
padding-bottom: calc(100vw * (40 / 428));
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin:0 auto;

}

.matt .section3_wrap .link_wrap>div:first-child {
margin-bottom:calc(100vw * (20 / 428));
}

.matt .section3_wrap .link_wrap>div .span {
display: block;
font-size: calc(100vw * (16 / 428));
}

.matt .section3_wrap .link_wrap>div .text_top .blue_span_bold_line30 {
font-size: calc(100vw * (18 / 428));
padding-bottom:calc(100vw * (22 / 428));
text-align: center;
}

.matt .section3_wrap .link_wrap>div .text_top .st_span {
padding-top:calc(100vw * (23 / 428));
}

.matt .section3_wrap .link_wrap .link_bottom_ {
width: calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
text-align: center;
}




.matt .section3_wrap .mat_frame .mf_title {
padding-bottom: calc(100vw * (40 / 428));
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
}

.matt .section3_wrap .mat_frame .mf_title .span {
display: block;
text-align: center;
margin-bottom: calc(100vw * (41 / 428));
font-size:calc(100vw * (16 / 428));
word-break: keep-all;
line-height: 1.4;
}
.matt .section3_wrap .mat_frame .mf_title .span br {
display: none;
}

.matt .section3_wrap .mat_frame .mf_title .blue_span_bold30 {
margin-bottom: calc(100vw * (22 / 428));
font-size:calc(100vw * (18 / 428));
}




.matt .section3_wrap .mf_con_wrap {
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
}

.matt .section3_wrap .mf_con_wrap .top_img {
width:100%;
height:100%;
padding-bottom:calc(100vw * (20 / 428));
border-bottom: 1px solid #203465;
}

.matt .section3_wrap .mf_con_wrap .bottom_text {
display: flex;
padding-top:calc(100vw * (20 / 428));
padding-left:calc(100vw * (10 / 428));
}

.matt .section3_wrap .mf_con_wrap .bottom_text .le_img {
width: calc(100vw * (60 / 428));
height: calc(100vw * (70 / 428));
margin-right:  calc(100vw * (20 / 428));
}

.matt .section3_wrap .mf_con_wrap .bottom_text .dl {
width:calc(100vw * (250 / 428));
}

.matt .section3_wrap .mf_con_wrap .bottom_text .dt {
font-size: calc(100vw * (16 / 428));
margin-bottom: calc(100vw * (10 / 428));
}

.matt .section3_wrap .mf_con_wrap .bottom_text .dd {
font-size: calc(100vw * (14 / 428));
word-break: keep-all;
}

.matt .section3_wrap .mf_con_wrap .bottom_text .dd br {
display: none;;
}




/* 자주 묻는 질문 영역 */
.matt .section4_wrap .mini_qna_head {
padding-bottom: 41px;
}

.matt .section4_wrap .q_title {
font-weight: bold;
width:calc(100vw * (300 / 428));
word-break: keep-all;
}

.matt .section4_wrap .more_link {
text-align: right;
padding: 20px 40px 0px 0px;
}

/* 어사이드 메뉴 none  */
.aside {
display: none;
}

/* 공통영역  */
/* 자주 묻는 질문 qna 영역  */

.customer_qna_desc .arcodian_qna {
width: 100%;
text-align: left;
}

.content_qustion {
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (30 / 428));
padding-left: calc(100vw * (10 / 428));
font-size:calc(100vw * (14 / 428));
border-top: 1px solid #bbbbbb;
position: relative;
cursor: pointer;
}

.map_toggle_menu {
margin-top: 200px;
}

.arcodian_qna_wrap .ul,
.map_toggle_menu_wrap .ul{
  border-bottom: 1px solid #bbbbbb;
}

.m_mat_tab .arcodian_qna_wrap .ul {
border-bottom:none;
}


.content_qustion_wrap {
position: relative;

}

.content_qustion_wrap::after {
content: "";
width: calc(100vw * (14 / 428));
height: calc(100vw * (14 / 428));
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%) rotateZ(0deg);
background: url("../img/right-arrow_24.png") no-repeat;
background-size: contain;
}

.content_answer {
cursor: pointer;
display: none;
margin-bottom: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));;
padding-left: calc(100vw * (20 / 428));;
}

.content_answer_wrap {
display: flex;
}
.showroom .content_answer_wrap  {
  flex-direction: column;
}
.m_hambuger  .content_answer_wrap {
  flex-direction: column;
  }

.arcodian_qna_wrap .q_title {
font-size: calc(100vw * (17 / 428));
font-weight: bold;
line-height: 1.5;
text-align: left;

}

.arcodian_qna_wrap .a_desc {
font-size: calc(100vw * (16 / 428));
line-height: 1.7;
text-align: left;

}

.mini_qna .ul {
border-bottom: 1px solid #bbbbbb;
}

/* -----------------------------------------------수면 정보 페이지 시작-----------------------------------------------------  */
.sleep_info .section1 {
text-align: center;
padding-top:calc(100vw * (50 / 428));
padding-bottom:calc(100vw * (50 / 428));
}

.sleep_info .section2_wrap {
margin: 0 auto;
}

.sleep_info .tab_wrap {
display: flex;
justify-content: flex-start;
}

.sleep_info .tab_wrap .list {
width: 100%;
height:calc(100vw * (260 / 428));
font-size: 22px;
padding-top:calc(100vw * (20 / 428));
padding-bottom:calc(100vw * (20 / 428));
line-height: 1.5;
letter-spacing: -0.44px;
text-align: center;
color:#dddddd;
border-bottom: 4px solid #dddddd;
cursor: pointer;
}

.sleep_info .tab_wrap .list.current {
color: #203465;
font-weight: bold;
border-bottom: 4px solid #203465;
}

.sleep_info .tab-content {
display: none;
}


.sleep_info .tab-content.current {
display: inherit;
}

.sleep_info .con_container .con_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.sleep_info .con_container .title_wrap {
  
padding-top:calc(100vw * (50 / 428));
padding-bottom:calc(100vw * (50 / 428));
text-align: center;

}

.sleep_info .con_container .title_wrap span {
display: block;
}

.sleep_info .con_container .title_wrap .dark_span_nobold18 {
padding-top:calc(100vw * (15 / 428));
}

.sleep_info .con_container .con_box {
width: 100%;
margin-bottom: calc(100vw * (40 / 428));
}

.sleep_info .con_container .con_box .con_img,
.sleep_info .con_container .con_box .con_desc {
width: 100%;
}

.sleep_info .con_container .con_box .con_img {
width: 100%;
height: calc(100vw * (260 / 428));
border: 1px solid #dddddd;
}

.sleep_info .con_container .con_box .con_desc {
width: 100%;
height: calc(100vw * (260 / 428));
padding: calc(100vw * (30 / 428));
background-color: #fbfbfe;
}

.sleep_info .con_container .con_box .con_desc span {
display: block;
}

.sleep_info .con_container .con_box .con_desc .blue_bold18_ {
text-align: left;
}

.sleep_info .con_container .con_box .con_desc .dark_span_nobold16 {
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (70 / 428));
line-height: 1.4;
}


.sleep_info .paging_wrap .ul {
border: none;
}


/* -----------------------------------------------베스트 메트리스 페이지 시작-----------------------------------------------------  */

.best_matt .section1_wrap,
.best_matt .section2_wrap {
margin: 0 auto;
}


.best_matt .section1_wrap .link_wrap {
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (30 / 428));
border-bottom: 1px solid #dddddd;
}

.best_matt .section1_wrap .link_wrap .link {
display: inline-block;
padding-right: calc(100vw * (10 / 428));
margin-right: calc(100vw * (10 / 428));
position: relative;
}

.best_matt .section1_wrap .link_wrap .link:nth-child(1)::after,
.best_matt .section1_wrap .link_wrap .link:nth-child(2)::after {
content: "";
width: 1px;
height: calc(100vw * (10 / 428));
position: absolute;
right: 0%;
top: 10%;
background: #333333;
transform: translate(0, 50%);
}

.best_matt .section1_wrap .link_wrap .link .span {

text-align: left;
}

.best_matt .section1_wrap .link_wrap .span.current {
font-weight: bold;
color: #203465;
}


/* title   */
.best_matt .big_title {
padding-top: calc(100vw * (25 / 428));
padding-bottom: calc(100vw * (35 / 428));
border-bottom: 1px solid #dddddd;
}

.best_matt .big_title .span {
display: inline-block;
vertical-align: top;
}


.best_matt .big_title .e_blue_span_bold80 {
display: block;
height: 59px;
margin-bottom: calc(100vw * (20 / 428));
}

.best_matt .sub_title_wrap {
display: flex;
align-items: center;
padding-bottom: calc(100vw * (20 / 428));
}


.best_matt .sub_title_wrap .t_img {
display: block;
width: calc(100vw * (32 / 428));
height: calc(100vw * (32 / 428));
margin-right: calc(100vw * (20 / 428));
}

.best_matt .sub_title_wrap .span {
font-size: calc(100vw * (22 / 428));
line-height: 1.7;
letter-spacing: -0.75px;
text-align: left;
color: #203465;
}

.best_matt .section2_wrap {

display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.best_matt .section2_wrap .top_box {
width:calc(100vw * (388 / 428));
height: calc(100vw * (388 / 428));
background-color: #333333;
}

.best_matt .section2_wrap .con_text {
padding-top:calc(100vw * (30 / 428));
padding-bottom:calc(100vw * (50 / 428));
}



/* section3  */

.best_matt .section3_wrap {
margin: 0 auto;
}

.best_matt .section3_wrap .link_wrap {
padding-top: calc(100vw * (80 / 428));
}

.best_matt .section3_wrap .link_wrap>div {
width: calc(100vw * (388 / 428));
height: calc(100vw * (180 / 428));
border: 1px solid #bbbbbb;
padding-top: calc(100vw * (60 / 428));
padding-bottom: calc(100vw * (60 / 428));
padding-left: calc(100vw * (30 / 428));
padding-right: calc(100vw * (30 / 428));
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
}

.best_matt .section3_wrap .link_wrap>div .span {
display: block;
line-height:1.5;
}


.best_matt .section3_wrap .link_wrap .link_bottom_ {
width: calc(100vw * (60 / 428));
height: calc(100vw * (60 / 428));
text-align: center;
}

/* -----------------------------------------------매트리스 사이즈 페이지 시작-----------------------------------------------------  */

.matt_size .section1 {
text-align: center;
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
}

.matt_size .section1 .span {
font-size: calc(100vw * (22 / 428));
}

.matt_size .section2 {
width: 100%;
padding-top: calc(100vw * (51 / 428));
padding-bottom: calc(100vw * (51 / 428));
padding-top: calc(100vw * (70 / 428));
padding-bottom: calc(100vw * (70 / 428));
background: #fbfbfe;
}

.matt_size .section2_wrap .title_ {
text-align: center;
}

.matt_size .section2_wrap .blue_span_bold24 {
display: block;
font-size:calc(100vw * (18 / 428));
margin-bottom:calc(100vw * (22 / 428));
}

.matt_size .section2_wrap .dark_span_nobold18 {
font-size:calc(100vw * (16 / 428));
word-break: keep-all;
line-height: 1.6;
}

.matt_size .top_con .content_warp {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
margin-top:calc(100vw * (60 / 428));
padding-bottom:calc(100vw * (50 / 428));
}

.matt_size .content_warp .con_box {
text-align: center;
padding-bottom:calc(100vw * (50 / 428));
}

.matt_size .content_warp .con_box>.span {
display: inline-block;
padding-top:calc(100vw * (22 / 428));
font-size:calc(100vw * (18 / 428));
}

.matt_size .section2_wrap .title_ .blue_span_bold30 {
text-align: center;
font-size: calc(100vw * (18 / 428));
}

.matt_size .top_con .single_box {
width: 120.5px;
height: 220.5px;
background: none;
border-radius: 5px;
}

.matt_size .top_con .single_box,
.matt_size .top_con .queen_box,
.matt_size .top_con .king_box,
.matt_size .top_con .large_king_box {
height: 220.5px;
}

.matt_size .inner_box {
background: #ffffff;
position: relative;
border: 1px solid #dddddd;
border-radius: 5px;
}

.matt_size .single_box .inner_box {
width: 110px;
height: 203px;

}

.matt_size .queen_box .inner_box {
width: 153px;
height: 203px;

}

.matt_size .king_box .inner_box {
width: 163px;
height: 203px;

}

.matt_size .large_king_box .inner_box {
width: 183px;
height: 203px;

}


.matt_size .h_box,
.matt_size .w_box {
position: absolute;
}

.matt_size .w_box {
width: 100%;
height: 1px;
left: 0%;
bottom: -17px;
background: #bbbbbb;
}

.matt_size .h_box {
width: 1px;
height: 100%;
right: -10px;
top: 0%;
background: #bbbbbb;
}

.matt_size .h_box .span {
position: absolute;
top: 50%;
transform: translate(-5%, -50%);
display: inline-block;
height: 42px;
background: #fbfbfe;
padding: 10px 10px 10px 0px;
}

.matt_size .w_box .span {
position: absolute;
display: block;
width: 50px;
text-align: center;
left: 50%;
transform: translate(-50%, -50%);
background: #fbfbfe;
}


/* bottom 영역 */

.matt_size .m_bottom_con {
width:100%;
height: 100%;
padding-top: calc(100vw * (50 / 428));
}

.matt_size .m_bottom_con .mattSizeSw {
width:100%;
height: 100%;
padding-bottom: calc(100vw * (60 / 428));
}

.matt_size .m_bottom_con .inner_box {
background: #ffffff;
position: relative;
border: 1px solid #dddddd;
border-radius: 5px;
margin:0 auto;
}

.matt_size .m_bottom_con .single_box .inner_box {
width: calc(100vw * (60 / 428));
height: calc(100vw * (100 / 428));

}

.matt_size .m_bottom_con .queen_box .inner_box {
width: calc(100vw * (80 / 428));
height: calc(100vw * (110 / 428));

}

.matt_size .m_bottom_con .king_box .inner_box {
width: calc(100vw * (110 / 428));
height: calc(100vw * (120 / 428));

}

.matt_size .m_bottom_con .large_king_box .inner_box {
width: calc(100vw * (130 / 428));
height: calc(100vw * (140 / 428));

}

.matt_size .bottom_con .content_warp {
display: none;
}

.matt_size .m_bottom_con .con_box {
width: 100%;
height:100%;
display: flex;
flex-direction: row;
align-items: flex-end;
text-align: center;
justify-content: center;
}

.matt_size .m_bottom_con .con_box div:last-child {
display: flex;
flex-direction: column;
padding-left: calc(100vw * (10 / 428));
}

.matt_size .m_bottom_con .content_warp .span {
display: block;
padding-left: 20px;
}

.matt_size .m_bottom_con .blue_bold18_ {
text-align: left;
font-size: calc(100vw * (18 / 428));
padding-bottom: calc(100vw * (10 / 428));
}





.matt_size .pc_foo {
margin-top: 0px;
}

/* matt_guide, matt_guide_sleep_info, matt_guide_size, matt_guide_best 영역 끝  */


/* frame_entry, matt_entry, hybrid_entry pillow_entry  영역 시작  */
article {
  padding-left: inherit;
}

/* purchase_matt 영역  */
/* 좌측 링크 영역 */
#wrap_content .purchase_frame .span {
 display: block;
}


.purchase_frame_wrap .section1 .frame_img .img,
.link_text .link,
.pc_heading_text,
.con_star_wrap .icons,
.hover_box {
display: none;
}


.purchase_frame {
/* width:100%;
max-width: 1920px; */
margin:0 auto;
}

.purchase_frame_wrap {
width:100%;
max-width:calc(100vw * (428 / 428));
}

.purchase_frame_wrap .section1 {
width:calc(100vw * (428 / 428));
height:calc(100vw * (220 / 428));
position: relative;
}

.purchase_frame_wrap .section1 .frame_img {
width:100%;
height: 100%;
background:url("../img/purchase_frame/m_frame_main.jpg") no-repeat;
background-size: cover;
}

.purchase_frame_wrap .section1 .white_span14px {
font-size: calc(100vw * (14 / 428));
line-height: 1.7;
}

.purchase_frame_wrap .section1::after {
content: "";
width:100%;
height: 100%;
background:rgba(0, 0, 0, 0.4);
position: absolute;
top:0%;
left: 0%;
z-index: 0;
}



.purchase_frame_wrap .section2 {
padding-top: calc(100vw * (100 / 428));
padding-top: calc(100vw * (100 / 428));
}

.purchase_frame_wrap .link_text .sub_title {
 margin:0 auto;
}

.purchase_frame_wrap .link_text .link .span{
 text-align: center;
 margin:0 auto;
}

.purchase_frame_wrap .link_text .title_ {
display: inline-block;
font-family: 'Eina01', sans-serif;
font-size: calc(100vw * (40 / 428));
font-weight: bold;
text-align: center;
color: #ffffff;
padding-bottom: 20px;
}

.purchase_frame_wrap .link_text .white_span14px {
margin-bottom: calc(100vw * (30 / 428));;
font-weight: 400;
}


.purchase_frame .link_text {
width:calc(100vw * (400 / 428));;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
margin-bottom: calc(100vw * (10 / 428));;
}


.purchase_frame_wrap .sub_title {
display: inline-block;
font-family: Eina01;
font-size: calc(100vw * (20 / 428));;
line-height: calc(100vw * (20 / 428));;
text-align: center;
color: #ffffff;
}

.purchase_frame_wrap .line_ {
display: inline-block;
width:calc(100vw * (60 / 428));;
height: calc(100vw * (60 / 428));;
border-radius: 50%;
border:1px solid #ffffff;
position:relative;

}

.purchase_frame_wrap .line_ .img{
width:16px;
height: 16px;
position: absolute;
top:50%;
left: 55%;
transform:translate(-50%, -50%);
}

/* 우측 컨텐츠 영역 */
/* 헤딩 영역 */
.purchase_frame .section2 {
width:calc(100vw * (428 / 428));
padding-left:calc(100vw * (20 / 428)); 
padding-right:calc(100vw * (20 / 428)); 
}

.section_heading {
padding-bottom: calc(100vw * (50 / 428));
border-bottom: 1px solid #bbbbbb;
}

.section_heading_wrap .h_title {
margin-bottom: calc(100vw * (22 / 428));
}
.section_heading_wrap .h_title .span{
font-size: calc(100vw * (18 / 428));
line-height:1.5;
text-align: left;
color: #333333;
}

.section_heading_wrap .h_sub_title .span{
font-size: calc(100vw * (16 / 428));
line-height: calc(100vw * (26 / 428));
color: #333333;
}

.section_heading_wrap .h_sub_title .link:active {
color:#203465;

}

.section_heading_wrap .h_sub_title .link {
color:#203465;
font-weight: bold;
border-bottom: 1px solid #203465;
}

/* acordian_wrap 영역  */
.acordian_wrap {
 display: flex;
 flex:1 1 0;
 justify-content: space-between;
 padding:45px 0px;
}

.acordian_wrap .e_blue_span_bold22 {
 text-align: center;
}

.acordian_wrap>div {
 flex-basis: calc(100vw * (400 / 428));
 text-align: center;
}

.position_wrap .ul,
.hardness_wrap .ul {
display: none;
 position: relative;
}

.purchase_frame .content_qustion {
 cursor: pointer;
 display: flex;
 justify-content: center;
}

.purchase_frame .content_qustion .span{
 display: inline-block;
text-align: center;
}

.purchase_frame .content_qustion .span:nth-child(2){
 width: 16px;
 height: 16px;
 margin-left: 7px;
}



.purchase_frame .content_answer {
 padding:30px 76px;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 background:rgba(255, 255, 255, 0.95);
 position: absolute;
 left: 0px;
 top:30px;
 z-index: 10;
}

.purchase_frame .position_wrap .chec_box {
 width:120px;
 padding-bottom: 44px;
}

.purchase_frame .position_wrap .chec_box .blue_span_16 {
 text-align: center;
 padding-bottom: 11px;
}

.purchase_frame .position_wrap .chec_box .img {
 width:85px;
 height: 118px;
}
  

.purchase_frame .hardness_wrap .content_answer {
padding:0px 0px 0px 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background:rgba(255, 255, 255, 0.95);
position: absolute;
left: 0px;
top:30px;
z-index: 10;
}

.purchase_frame .hardness_wrap .chec_box {
 width:400px;
 height: 97.5px;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.purchase_frame .hardness_wrap .chec_box .img {
width:40px;
height: 28px;
margin:0px 20px 0px 30px;
}


/* 컨텐츠 영역  */
.purchase_frame .con_star_wrap,
.purchase_frame .star_left,
.purchase_frame .hash_tag {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.purchase_frame .hash_tag {
 justify-content: flex-start;
}

.purchase_frameㅍ .star_left{
 align-items: flex-end;
}


.purchase_frame .hash_tag .span {
   font-size: calc(100vw * (10 / 428));
   line-height: 2.2;
   text-align: right;
   color: #203465;
   margin-left: calc(100vw * (5 / 428));
}
.purchase_frame .hash_tag .span:first-child {
 margin-left: inherit;
}

/* .con_box {
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (100 / 428));
} */


.purchase_frame .content_con:nth-child(3n) {
   /* margin:0px 0px 80px 0px; */
}


.purchase_frame .con_wrap .con_desc {
 padding-top: calc(100vw * (30 / 428));
 padding-bottom: calc(100vw * (30 / 428));
}

.purchase_frame .con_title_wrap .con_title .span {
 font-size:calc(100vw * (18 / 428));
 font-weight: bold;
 line-height: 30px;
 text-align: left;
 color: #203465;
}

.purchase_frame .content_con .con_price {
 font-family: Eina01;
 font-size: calc(100vw * (16 / 428));
 font-weight: bold;
 line-height: 30px;
 color: #203465;
 display: flex;
 justify-content: space-between;
}
.purchase_frame .con .con_img {
 width:calc(100vw * (388 / 428));   
 position: relative;
}

.purchase_frame .con .con_img::after {
 content: "EVENT";
 width:calc(100vw * (100 / 428));
 height:calc(100vw * (40 / 428));
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-self: center;
 font-size:calc(100vw * (18 / 428));
 color:#ffffff;
 background:#ff6f6f;
 position:absolute;
 text-align: center;
 left:0%;
 top:0%;
}

.purchase_frame .con .con_img .img {
 height: 100%;
}



.purchase_frame .content_con .hover_box {
   width:calc(100vw * (189 / 428));
   height: calc(100vw * (220 / 428));
   position: absolute;
   left: 0px;
   top:0px;
   background:rgba(0, 0, 0, 0.5);
   display: none;
}

.purchase_frame .content_con .hover_box .button {
   width: calc(100vw * (89 / 428));
   height: 60px;
   margin-bottom: 10px;
   padding: 20px 130px 19px;
   border: solid 1px #203465;
   background-color: #ffffff;
}

.purchase_frame .content_con .hover_box .button:first-child {
   background:#203465;
   color:#ffffff;
}


.purchase_frame .con_star_wrap {
 margin-top:calc(100vw * (16 / 428));
 margin-bottom:calc(100vw * (16 / 428));
}

.purchase_frame .hash_tag .span {
 font-size: calc(100vw * (10 / 428));
}

.purchase_frame .center_line {
   padding-left: calc(100vw * (7 / 428));
   padding-bottom: calc(100vw * (5 / 428));
   font-family: 'Eina01',sans-serif;
   font-size: calc(100vw * (14 / 428));
   font-weight: 300;
   line-height: 1.5;
   color: #707070;
   text-decoration: line-through;
}
.purchase_frame .star_left .review_wrap {
 margin-left: calc(100vw * (7 / 428));
 height: 100%;
}

.purchase_frame .star_left .review_wrap .link {
 display: block;
 
 border-bottom: 1px solid #203465;
 font-size: calc(100vw * (10 / 428));
 line-height: 1;
 text-align: left;
 color: #203465;
}

.purchase_frame .star_right .basket_icon {
 margin-left: 15px;
}

.purchase_frame .con_desc .con_star .ul {
 display: flex;
}
.purchase_frame .con_desc .con_star .ul .list  {
 width:calc(100vw * (14 / 428));
 height: calc(100vw * (14 /428));
}

.purchase_frame .con_desc .star_right .icons .link {
 display: inline-block;
 width:18px;
 height: 18px;
} 

.purchase_frame .con_price .pink_span_bold30 {
 font-size: calc(100vw * (16 / 428));
}


/* 하단 더 알아보기 영역  */
.purchase_frame .more_info_wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: left;
}

.purchase_frame .info_01 {
padding-bottom: calc(100vw * (21 / 428));
border-bottom: 1px solid #203465;
}
.purchase_frame .info_02 {
padding-top: calc(100vw * (21 / 428));
}
.purchase_frame .more_ .title_ {
display: inline-block;
font-size: calc(100vw * (18 / 428));
font-weight: bold;
line-height: 1.7;
text-align: left;
color: #203465;
padding-bottom: calc(100vw * (12 / 428));
}
.purchase_frame .more_ .desc {
font-size: calc(100vw * (16 / 428));
line-height: 1.5;
text-align: left;
color: #333333;
}

.purchase_frame .more_ .link {
font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 1.5;
text-align: right;
color: #203465;
}


.purchase_frame .pc_span {
 display: none;
}


/* 메모리폼 시작 페이지 시작 */
article {
  padding-left: inherit;
}

/* purchase_matt 영역  */
/* 좌측 링크 영역 */
#wrap_content .purchase_matt .span {
 display: block;
}


.purchase_matt_wrap .section1 .frame_img .img,
.purchase_matt .link_text .link,
.purchase_matt .pc_heading_text,
.purchase_matt .hover_box {
display: none;
}


.purchase_matt {
/* width:100%;
max-width: 1920px; */
margin:0 auto;
}

.purchase_matt_wrap {
width:100%;
max-width:calc(100vw * (428 / 428));
}

.purchase_matt_wrap .section1 {
width:calc(100vw * (428 / 428));
height:calc(100vw * (220 / 428));
position: relative;
padding:inherit;
}

.purchase_matt_wrap .section1 .frame_img {
width:100%;
height: 100%;
background:url("../img/purchase_mattresses/left_bg_m.jpg") no-repeat;
background-size: cover;
}

.purchase_matt_wrap .section1 .white_span14px {
font-size: calc(100vw * (14 / 428));
line-height: 1.7;
}

.purchase_matt_wrap .section1::after {
content: "";
width:100%;
height: 100%;
background:rgba(0, 0, 0, 0.4);
position: absolute;
top:0%;
left: 0%;
z-index: 0;
}

.purchase_matt_wrap .section2 {
padding-top: calc(100vw * (100 / 428));
padding-top: calc(100vw * (100 / 428));
}

.purchase_matt_wrap .link_text .sub_title {
 margin:0 auto;
}

.purchase_matt_wrap .link_text .link .span{
 text-align: center;
 margin:0 auto;
}

.purchase_matt_wrap .link_text .title_ {
display: inline-block;
font-family: 'Eina01', sans-serif;
font-size: calc(100vw * (40 / 428));
font-weight: bold;
text-align: center;
color: #ffffff;
padding-bottom: 20px;
}

.purchase_matt_wrap .link_text .white_span14px {
margin-bottom: calc(100vw * (30 / 428));;
font-weight: 400;
}


.purchase_matt .link_text {
width:calc(100vw * (400 / 428));;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
margin-bottom: calc(100vw * (10 / 428));;
}
.purchase_matt_wrap .sub_title {
display: inline-block;
font-family: Eina01;
font-size: calc(100vw * (20 / 428));;
line-height: calc(100vw * (20 / 428));;
text-align: center;
color: #ffffff;
}

.purchase_matt_wrap .line_ {
display: inline-block;
width:calc(100vw * (60 / 428));;
height: calc(100vw * (60 / 428));;
border-radius: 50%;
border:1px solid #ffffff;
position:relative;

}

.purchase_matt_wrap .line_ .img{
width:16px;
height: 16px;
position: absolute;
top:50%;
left: 55%;
transform:translate(-50%, -50%);
}

/* 우측 컨텐츠 영역 */
/* 헤딩 영역 */
.purchase_matt .section2 {
width:calc(100vw * (428 / 428));
padding-left:calc(100vw * (20 / 428)); 
padding-right:calc(100vw * (20 / 428)); 
}

.purchase_matt .section_heading {
padding-bottom: calc(100vw * (50 / 428));
border-bottom: 1px solid #bbbbbb;
}

.purchase_matt .section_heading_wrap .h_title {
margin-bottom: calc(100vw * (22 / 428));
}
.purchase_matt .section_heading_wrap .h_title .span{
font-size: calc(100vw * (18 / 428));
line-height:1.5;
text-align: left;
color: #333333;
}

.purchase_matt .section_heading_wrap .h_sub_title .span{
font-size: calc(100vw * (16 / 428));
line-height: calc(100vw * (26 / 428));
color: #333333;
}

.purchase_matt .section_heading_wrap .h_sub_title .link:active {
color:#203465;

}

.purchase_matt .section_heading_wrap .h_sub_title .link {
color:#203465;
font-weight: bold;
border-bottom: 1px solid #203465;
}

/* acordian_wrap 영역  */
.purchase_matt .acordian_wrap {
 display: flex;
 flex:1 1 0;
 justify-content: space-between;
 padding:45px 0px;
}

.purchase_matt .acordian_wrap .e_blue_span_bold22 {
 text-align: center;
}

.purchase_matt .acordian_wrap>div {
 flex-basis: calc(100vw * (400 / 428));
 text-align: center;
}

.purchase_matt .position_wrap .ul,
.purchase_matt .hardness_wrap .ul {
display: none;
 position: relative;
}

.purchase_matt .content_qustion {
 cursor: pointer;
 display: flex;
 justify-content: center;
}

.purchase_matt .content_qustion .span{
 display: inline-block;
text-align: center;
}

.purchase_matt .content_qustion .span:nth-child(2){
 width: 16px;
 height: 16px;
 margin-left: 7px;
}



.purchase_matt .content_answer {
 padding:30px 76px;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 background:rgba(255, 255, 255, 0.95);
 position: absolute;
 left: 0px;
 top:30px;
 z-index: 10;
}

.purchase_matt .position_wrap .chec_box {
 width:120px;
 padding-bottom: 44px;
}

.purchase_matt .position_wrap .chec_box .blue_span_16 {
 text-align: center;
 padding-bottom: 11px;
}

.purchase_matt .position_wrap .chec_box .img {
 width:85px;
 height: 118px;
}
  

.purchase_matt .hardness_wrap .content_answer {
padding:0px 0px 0px 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background:rgba(255, 255, 255, 0.95);
position: absolute;
left: 0px;
top:30px;
z-index: 10;
}

.purchase_matt .hardness_wrap .chec_box {
 width:400px;
 height: 97.5px;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.purchase_matt .hardness_wrap .chec_box .img {
width:40px;
height: 28px;
margin:0px 20px 0px 30px;
}


/* 컨텐츠 영역  */
.purchase_matt .con_box,
.purchase_matt .con_star_wrap,
.purchase_matt .star_left,
.purchase_matt .star_right .icons,
.purchase_matt .hash_tag {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.purchase_matt .hash_tag {
 justify-content: flex-start;
}

.purchase_matt .star_left{
 align-items: flex-end;
}

.purchase_matt .con_box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}

.purchase_matt .hash_tag .span {
   font-size: calc(100vw * (10 / 428));
   line-height: 2.2;
   text-align: right;
   color: #203465;
   margin-left: calc(100vw * (5 / 428));
}
.purchase_matt .hash_tag .span:first-child {
 margin-left: inherit;
}

.purchase_matt .con_box {
 padding-bottom: 100px;
}

.purchase_matt .content_con {
   width:calc(100vw * (189 / 428));
   margin-left:calc(100vw * (5 / 428));
   margin-bottom: calc(100vw * (60 / 428));
}

.purchase_matt .content_con:nth-child(3n) {
   /* margin:0px 0px 80px 0px; */
}


.purchase_matt .con_wrap .con_desc {
 padding:40px 10px 0px 10px;
}

.purchase_matt .con_title_wrap .con_title .span {
 font-size:calc(100vw * (18 / 428));
 font-weight: bold;
 line-height: 30px;
 text-align: left;
 color: #203465;
}

.purchase_matt .content_con .con_price {
 font-family: Eina01;
 font-size: calc(100vw * (16 / 428));
 font-weight: bold;
 line-height: 30px;
 color: #203465;
 display: flex;
 justify-content: space-between;
}
.purchase_matt .con .con_img {
 width:calc(100vw * (189 / 428));
 height: calc(100vw * (220 / 428));
 position: relative;
}

.purchase_matt .con .con_img .img {
 height: 100%;
 object-fit: contain;
}



.purchase_matt .content_con .hover_box {
   width:calc(100vw * (189 / 428));
   height: calc(100vw * (220 / 428));
   position: absolute;
   left: 0px;
   top:0px;
   background:rgba(0, 0, 0, 0.5);
   display: none;
}

.purchase_matt .content_con .hover_box .button {
   width: calc(100vw * (89 / 428));
   height: 60px;
   margin-bottom: 10px;
   padding: 20px 130px 19px;
   border: solid 1px #203465;
   background-color: #ffffff;
}

.purchase_matt .content_con .hover_box .button:first-child {
   background:#203465;
   color:#ffffff;
}


.purchase_matt .con_star_wrap {
 margin-top:calc(100vw * (16 / 428));
 margin-bottom:calc(100vw * (16 / 428));
}

.purchase_matt .hash_tag .span {
 font-size: calc(100vw * (10 / 428));
}

.purchase_matt .center_line {
   padding-left: calc(100vw * (7 / 428));
   padding-bottom: calc(100vw * (5 / 428));
   font-family: 'Eina01',sans-serif;
   font-size: calc(100vw * (14 / 428));
   font-weight: 300;
   line-height: 1.5;
   color: #707070;
   text-decoration: line-through;
}
.purchase_matt .star_left .review_wrap {
 margin-left: calc(100vw * (7 / 428));
 height: 100%;
}

.purchase_matt .star_left .review_wrap .link {
 display: block;
 
 border-bottom: 1px solid #203465;
 font-size: calc(100vw * (10 / 428));
 line-height: 1;
 text-align: left;
 color: #203465;
}

.purchase_matt .star_right .basket_icon {
 margin-left: 15px;
}

.purchase_matt .con_desc .con_star .ul {
 display: flex;
}
.purchase_matt .con_desc .con_star .ul .list  {
 width:calc(100vw * (14 / 428));
 height: calc(100vw * (14 /428));
}

.purchase_matt .con_desc .con_star .ul .list img {
 vertical-align: text-top;
}

.purchase_matt .con_desc .star_right .icons .link {
 display: inline-block;
 width:18px;
 height: 18px;
} 

.purchase_matt .con_price .pink_span_bold30 {
 font-size: calc(100vw * (16 / 428));
}


/* 하단 더 알아보기 영역  */
.purchase_matt .more_info_wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: left;
}
.purchase_matt .more_info_wrap .more_img {
   width:calc(100vw * (388 / 428));
   height: calc(100vw * (240 / 428));
 }

.purchase_matt .more_info_wrap .more_text {
   width: calc(100vw * (388 / 428));
   padding-top: calc(100vw * (40 / 428));
   padding-bottom: calc(100vw * (40 / 428));
   padding-left: calc(100vw * (20 / 428));
   background-color: #fafafb;
}


.purchase_matt .pc_span {
 display: none;
}
.purchase_matt .more_info_wrap .more_text .blue_span_bold24 {
   text-align: left;
   margin-bottom: 20px;
   font-size: calc(100vw * (18 /428));
}

.purchase_matt .more_info_wrap .dark_span_nobold18 {
 font-size: calc(100vw * (16 /428));
 line-height:1.7;
}

.purchase_matt .more_info_wrap .more_text .link .span {
 font-size: calc(100vw * (16 /428));
   margin-top: calc(100vw * (22 /428));
   text-align: right;
}

/* 메모리폼 시작 페이지 끝 */

/* 배게 시작 페이지 시작  */

/* purchase_pillow 영역  */
  /* 좌측 링크 영역 */
  #wrap_content .purchase_pillow .span {
    display: block;
}

.purchase_pillow_wrap .section1 .frame_img .img,
.purchase_pillow .link_text .link,
.purchase_pillow .pc_heading_text,
.purchase_pillow .hover_box {
  display: none;
}

.purchase_pillow {
  /* width:100%;
  max-width: 1920px; */
  margin:0 auto;
}

.purchase_pillow_wrap {
  width:100%;
  max-width:calc(100vw * (428 / 428));
}

.purchase_pillow_wrap .section1 {
  width:calc(100vw * (428 / 428));
  height:calc(100vw * (220 / 428));
  position: relative;
}


.purchase_pillow_wrap .section1 .frame_img {
  width:100%;
  height: 100%;
  background:url("../img/purchase_pillow/m_entry_bg.png") no-repeat;
  background-size: cover;
}

.purchase_pillow_wrap .section1 .white_span14px {
  font-size: calc(100vw * (14 / 428));
  line-height: 1.7;
}

.purchase_pillow_wrap .section1::after {
  content: "";
  width:100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  top:0%;
  left: 0%;
  z-index: 0;
}

.purchase_pillow_wrap .section2 {
  padding-top: calc(100vw * (100 / 428));
  padding-top: calc(100vw * (100 / 428));
}

.purchase_pillow_wrap .link_text .sub_title {
    margin:0 auto;
}

.purchase_pillow_wrap .link_text .link .span{
    text-align: center;
    margin:0 auto;
}

.purchase_pillow_wrap .link_text .title_ {
  display: inline-block;
  font-family: 'Eina01', sans-serif;
  font-size: calc(100vw * (40 / 428));
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  padding-bottom: 20px;
}

.purchase_pillow_wrap .link_text .white_span14px {
  margin-bottom: calc(100vw * (30 / 428));;
  font-weight: 400;
}


.purchase_pillow .link_text {
  width:calc(100vw * (400 / 428));;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  margin-bottom: calc(100vw * (10 / 428));;
}
.purchase_pillow_wrap .sub_title {
  display: inline-block;
  font-family: Eina01;
  font-size: calc(100vw * (20 / 428));;
  line-height: calc(100vw * (20 / 428));;
  text-align: center;
  color: #ffffff;
}

.purchase_pillow_wrap .line_ {
  display: inline-block;
  width:calc(100vw * (60 / 428));;
  height: calc(100vw * (60 / 428));;
  border-radius: 50%;
  border:1px solid #ffffff;
  position:relative;
  
}

.purchase_pillow_wrap .line_ .img{
  width:16px;
  height: 16px;
  position: absolute;
  top:50%;
  left: 55%;
  transform:translate(-50%, -50%);
}

/* 우측 컨텐츠 영역 */
 /* 헤딩 영역 */
 .purchase_frame .section2 {
  width:calc(100vw * (428 / 428));
  padding-left:calc(100vw * (20 / 428)); 
  padding-right:calc(100vw * (20 / 428)); 
 }
 
.purchase_pillow  .section_heading {
  padding-bottom: calc(100vw * (50 / 428));
  border-bottom: 1px solid #bbbbbb;
 }
 
.purchase_pillow  .section_heading_wrap .h_title {
  margin-bottom: calc(100vw * (22 / 428));
 }
.purchase_pillow  .section_heading_wrap .h_title .span{
  font-size: calc(100vw * (18 / 428));
  line-height:1.5;
  text-align: left;
  color: #333333;
 }
 
.purchase_pillow  .section_heading_wrap .h_sub_title .span{
  font-size: calc(100vw * (16 / 428));
  line-height: calc(100vw * (26 / 428));
  color: #333333;
 }
 
.purchase_pillow  .section_heading_wrap .h_sub_title .link:active {
  color:#203465;
  
 }
 
.purchase_pillow  .section_heading_wrap .h_sub_title .link {
  color:#203465;
  font-weight: bold;
  border-bottom: 1px solid #203465;
 }
 
 
  /* 컨텐츠 영역  */
  .purchase_pillow .con_star_wrap,
  .purchase_pillow .star_left,
  .purchase_pillow .hash_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
 
  .purchase_pillow .hash_tag {
    justify-content: flex-start;
  }
 
  .purchase_pillow .star_left{
    align-items: flex-end;
  }
 
 
  .purchase_pillow .hash_tag .span {
      font-size: calc(100vw * (10 / 428));
      line-height: 2.2;
      text-align: right;
      color: #203465;
      margin-left: calc(100vw * (5 / 428));
  }
  .purchase_pillow .hash_tag .span:first-child {
    margin-left: inherit;
  }
 
  .purchase_pillow .con_box {
    padding-top: calc(100vw * (50 / 428));
  }
 
 
  .purchase_pillow .content_con:nth-child(3n) {
      /* margin:0px 0px 80px 0px; */
  }
 
 
  .purchase_pillow .con_wrap .con_desc {
    padding-top: calc(100vw * (30 / 428));
    padding-bottom: calc(100vw * (30 / 428));
  }
 
  .purchase_pillow .con_title_wrap .con_title .span {
    font-size:calc(100vw * (18 / 428));
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #203465;
  }
 
  .purchase_pillow .content_con .con_price {
    font-family: Eina01;
    font-size: calc(100vw * (16 / 428));
    font-weight: bold;
    line-height: 30px;
    color: #203465;
    display: flex;
    justify-content: space-between;
  }
  .purchase_pillow .con .con_img {
    width:calc(100vw * (388 / 428));   
  }

  .purchase_pillow .con .con_img .img {
    height: 100%;
  }
 
 
  
  .purchase_pillow .content_con .hover_box {
      width:calc(100vw * (189 / 428));
      height: calc(100vw * (220 / 428));
      position: absolute;
      left: 0px;
      top:0px;
      background:rgba(0, 0, 0, 0.5);
      display: none;
  }
 
  .purchase_pillow .content_con .hover_box .button {
      width: calc(100vw * (89 / 428));
      height: 60px;
      margin-bottom: 10px;
      padding: 20px 130px 19px;
      border: solid 1px #203465;
      background-color: #ffffff;
  }
 
  .purchase_pillow .content_con .hover_box .button:first-child {
      background:#203465;
      color:#ffffff;
  }
  
 
  .purchase_pillow .con_star_wrap {
    margin-top:calc(100vw * (16 / 428));
    margin-bottom:calc(100vw * (16 / 428));
  }
 
  .purchase_pillow .hash_tag .span {
    font-size: calc(100vw * (10 / 428));
  }
 
  .purchase_pillow .center_line {
      padding-left: calc(100vw * (7 / 428));
      padding-bottom: calc(100vw * (5 / 428));
      font-family: 'Eina01',sans-serif;
      font-size: calc(100vw * (14 / 428));
      font-weight: 300;
      line-height: 1.5;
      color: #707070;
      text-decoration: line-through;
  }
  .purchase_pillow .star_left .review_wrap {
    margin-left: calc(100vw * (7 / 428));
    height: 100%;
  }
 
  .purchase_pillow .star_left .review_wrap .link {
    display: block;
    
    border-bottom: 1px solid #203465;
    font-size: calc(100vw * (10 / 428));
    line-height: 1;
    text-align: left;
    color: #203465;
  }
 
  .purchase_pillow .star_right .basket_icon {
    margin-left: 15px;
  }
 
  .purchase_pillow .con_desc .con_star .ul {
    display: flex;
  }
  .purchase_pillow .con_desc .con_star .ul .list  {
    width:calc(100vw * (14 / 428));
    height: calc(100vw * (14 /428));
  }
 
  .purchase_pillow .con_desc .star_right .icons .link {
    display: inline-block;
    width:18px;
    height: 18px;
  } 
 
  .purchase_pillow .con_price .pink_span_bold30 {
    font-size: calc(100vw * (16 / 428));
  }
 
 
  /* 하단 더 알아보기 영역  */
  .purchase_pillow .more_info_wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: left;
  }
 
  .purchase_pillow .info_01 {
   padding-bottom: calc(100vw * (21 / 428));
   border-bottom: 1px solid #203465;
  }
  .purchase_pillow .info_02 {
   padding-top: calc(100vw * (21 / 428));
  }
  .purchase_pillow .more_ .title_ {
   display: inline-block;
   font-size: calc(100vw * (18 / 428));
   font-weight: bold;
   line-height: 1.7;
   text-align: left;
   color: #203465;
   padding-bottom: calc(100vw * (12 / 428));
 }
 .purchase_pillow .more_ .desc {
   font-size: calc(100vw * (16 / 428));
   line-height: 1.5;
   text-align: left;
   color: #333333;
 }
 
 .purchase_pillow .more_ .link {
   font-size: calc(100vw * (16 / 428));
   font-weight: bold;
   line-height: 1.5;
   text-align: right;
   color: #203465;
 }
 
 
  .purchase_pillow .pc_span {
    display: none;
}
/* 배게 시작 페이지 끝  */
/* frame_entry, matt_entry, hybrid_entry pillow_entry  영역 끝  */

/* 상세 페이지 공통 영역 시작*/

.link_wrap,
.img_wrap,
.sec_09,
.mini_qna,
.the_motion_ .section4_wrap,
.popup_wrap {
    display: none;
}

/* product_detail_common 영역  */
.buy_flow {
margin-bottom: 100px;
}
.buyflow_wrap {
/* height: 738px; */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}

.product_detail_common {
width: 100%;
margin: 100px auto 0 auto;
padding-top: calc(100vw * (10 / 428));
}

.w_1670 {
width:100%;
max-width: 1670px;
margin:0 auto;
}


.product_detail_common .m_link_wrap{
padding-top: calc(100vw * (41 / 428));
}
.product_detail_common .m_link_wrap .link {
display: inline-block;
padding-right: calc(100vw * (10 / 428));
margin-right: calc(100vw * (10 / 428));
position: relative;
}
.product_detail_common .m_link_wrap .link:nth-child(1)::after,
.product_detail_common .m_link_wrap .link:nth-child(2)::after {
content: "";
width:calc(100vw * (1 / 428));
height: calc(100vw * (10 / 428));
position: absolute;
right: 0%;
top:10%;
background:#333333;
transform: translate(0,50%);
}

.product_detail_common .m_link_wrap .link .span {
font-size: calc(100vw * (14 / 428));
color: #333333;
}
.product_detail_common .m_link_wrap .span.current {
font-weight: bold;
color:#203465;
}
.left_side {
width:100%;
}

.left_side .blue_span_14 {
font-size: calc(100vw * (14 / 428));
line-height: 1.2;
}

.icons_wrap {
display: flex;
justify-content: space-evenly;
}
.icons_wrap .span{
display: inline-block;
width:calc(100vw * (80 / 428));
height:calc(100vw * (80 / 428));
}

.top_wrap .title_ {
font-size:calc(100vw * (30 / 428));
font-weight: bold;
line-height: 1.1;
text-align: left;
color: #203465;
padding-top:calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (40 / 428));
border-bottom: 1px solid #eaeaea;
}

.product_desc {
padding-top:calc(100vw * (40 / 428));
padding-bottom: calc(100vw * (51 / 428));
}

.product_desc .span {
font-size:calc(100vw * (14 / 428));
line-height: 1.4;
}

.buyflow_wrap .right_side {
order:-1;
}

.buyflow_wrap .product_img {
order:-1;
width:calc(100vw * (388 / 428));
}



/* right side - Option 영역  */ㄴ

/* dicount 영역  */
.p_discount {
padding-bottom: 15px;
border-bottom: 1px solid #eaeaea;
}
.tab_contents_wrap {
display: flex;
justify-content: space-between;
padding-bottom: 16px;
}
.tab_title .ul {
display: flex;
justify-content: space-between;
}

.tab_title .line_ {
display: inline-block;
width:15px;
height: 1px;
background:#203465;
}

.tab_title .title_ {
font-size: 18px;
font-weight: bold;
line-height: 18px;
letter-spacing: -0.18px;
text-align: left;
color: #203465;
padding:10px 0px 30px 0px;
}


.tab_con {
display: inline-block;
width:205px;
height: 44px;
padding:10px 20px;
font-size: 14px;
border:1px solid #dddddd;
appearance:none;
background:url('../img/right-arrow10.png') no-repeat right 20px center;
background-size: 10px 10px;
}

/* p_discount_price_wrap 영역  */
.p_discount_price_wrap {
padding:20px 0px 20px 10px;
border-bottom: 1px solid #eaeaea;
}

.p_discount_price_wrap .span {
display: inline-block;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.14px;
text-align: right;
color: #333333;
}

.mattress_discount,
.frame_discount {
display: flex;
justify-content: space-between;
}


/* p_total_price_wrap 영역  */
.p_total_price_wrap {
padding-top: 20px;
}

.to_price_title .span {
display: inline-block;
}

._price {
text-decoration: line-through;
}

.to_price_title {
display: flex;
justify-content: space-between;
padding-bottom: 18px;
}

.p_total_price_wrap ._title {
font-size: 18px;
font-weight: bold;
line-height: 18px;
letter-spacing: -0.18px;
text-align: left;
color: #203465;
}


/* last_price 영역  */
.up_down_ipt .button {
display: inline-block;
width:20px;
height: 30px;
background:none;
border:none;
cursor: pointer;
font-size: 18px;
vertical-align: middle;
}

.up_down_ipt {
display: flex;
align-items: center;
}

.last_price {
display: flex;
justify-content: space-between;
}
.last_price .result_div {
width:30px;
text-align: center;
border:1px solid #dddddd;
}

.minus_span,
.plust_span {
display: inline-block;
width:10px;
height: 30px;
position: relative;
}
.result_span {
display: inline-block;
width:100%;
height: 30px;
}

.minus_span::after {
content: "";
width:10px;
height: 1px;
background:#000000;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}



.result_price .span {
font-family: Eina01;
font-size: 24px;
font-weight: bold;
line-height: 30px;
text-align: right;
color: #ff6f6f;
}


/* btn_wrap 영역  */
.btn_wrap {
display: flex;
justify-content: space-between;
}

.about_delivery {
padding: 64px 0 10px 0px;
text-align: right;
}

.about_delivery .link .span {
font-size: 12px;
line-height: 22px;
letter-spacing: -0.12px;
text-align: left;
color: #203465;
}

.btn_wrap .button {
width:205px;
height: 50px;
border:1px solid #203465;
font-size: 16px;
line-height: 24px;
text-align: center;
}

.btn_wrap .basket_btn {
background:none;
}

.btn_wrap .buy_btn {
background:#203465;
color:#ffffff;
}


/* seciotn2 영역  */

.product_detail_common .section2 {
background:#f3f4f7;
margin-top: calc(100vw * (60 / 428));
margin-bottom: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (30 / 428));
}



.product_detail_common .bottom_img>div{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}

.product_detail_common .section2 .bottom_img>div {
text-align: center;
margin-bottom: calc(100vw * (40 / 428));
}
.product_detail_common .section2 .m_img_wrap .img {
display: block;
width:calc(100vw * (75 / 428));
height: auto;
text-align: center;
object-fit: contain;
}




.product_detail_common .section2 .center_img .img {
width:calc(100vw * (388 / 428));
}

.section2 .desc_p {
margin-top: calc(100vw * (5 / 428));
margin-bottom: calc(100vw * (10 / 428));
font-size:calc(100vw * (14 / 428));
color:#203465;
font-weight: bold;
}
.product_detail_common .top_img_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}


/* seciotn3 영역  */

.product_detail_common .section3{
width:100%;
padding-top: calc(100vw * (60 / 428));
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (40 / 428));
}

.product_detail_common .section3 .section3_wrap .contetns {
display: none;
}

.m_contetns .con_img {
width:calc(100vw * (370 / 428));
height:calc(100vw * (320 / 428));
padding-top: calc(100vw * (40 / 428));

}

.m_contetns .con_img .img {
object-fit: cover;
height: 100%;
}

.side_img {
display: flex;
justify-content: space-between;
margin-top: calc(100vw * (20 / 428));
}

.m_contetns .side_img .img {
width:calc(100vw * (184 / 428));
height:calc(100vw * (184 / 428));
}


.m_contetns .title_ .span {
font-family: 'Eina01',sans-serif;
font-size: calc(100vw * (34 / 428));
font-weight: bold;
line-height: 2;
text-align: left;
color: #203465;
}

.m_contetns .sub_title_ .span {
display: block;
font-size: calc(100vw * (18 / 428));
color:#203465;
font-weight: bold;
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
word-break: keep-all;
}

.m_contetns .textbox .p {
font-size: calc(100vw * (16 / 428));
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (20 / 428));
}

.section4_wrap .textbox .dl .dt {
font-size: calc(100vw * (18 / 428));
font-weight: bold;
line-height: 1.5;
letter-spacing: -0.3px;
text-align: left;
color: #203465;
margin-bottom:calc(100vw * (20 / 428));
}



.section4_wrap .textbox .dl .dd {
font-size: calc(100vw * (16 / 428));
line-height: 1.5;
text-align: left;
color: #333333;
margin-bottom: calc(100vw * (20 / 428));
}


/* section4 영역 */
.product_detail_common .section4 {
padding:inherit;
}

.product_detail_common .section4_wrap {
padding:inherit;
margin-top:calc(100vw * (30 / 428)) ;
}

.product_detail_common .product_box_wrap {
display: flex;
flex-wrap: wrap;
}

.woody_ .product_box_wrap,
.a-pad_ .product_box_wrap {
border-top:1px solid #203465;
border-bottom:1px solid #203465;
margin-right: calc(100vw * (10 / 428));
margin-left: calc(100vw * (10 / 428));
}

.a-pad_ .product_box_wrap {
border:none;
margin-bottom: calc(100vw * (30 / 428));
}

.a-pad_ .section4_wrap .textbox {
padding-right: calc(100vw * (10 / 428));
padding-left: calc(100vw * (10 / 428));
}


.product_detail_common .product_box_wrap .product_box {
width:50%;
text-align: right;
margin-bottom: calc(100vw * (18 / 428));
}

.product_detail_common .product_box_wrap .product_box .img {
margin-bottom: calc(100vw * (5 / 428));
}

.product_detail_common .product_box_wrap .span {
display: inline-block;
width:calc(100vw * (16 / 428));
height: calc(100vw * (16 / 428));
border-radius: 50%;
}

.product_detail_common .product_box_wrap .gray_ {
background:#dddddd;
}


.product_detail_common .product_box_wrap .blue_ {
 background:#98a7ae;
}


.product_detail_common .product_box_wrap .green_ {
background:#aab7ad;
}


.product_detail_common .product_box_wrap .beige_ {
background:#cfc6bd;
}

.product_detail_common .product_box_wrap .p {
display: inline-block;
font-family: 'Eina01',sans-serif;
font-size: calc(100vw * (18 / 428));;
font-weight: bold;
text-align: right;
color: #eaeaea;
position: relative;
margin-left: calc(100vw * (16 / 428));
margin-right: calc(100vw * (21 / 428));
}

/* ******************************* 더 모션 section4 단독 영역 ******************************* */

/* section4 영역  */
.the_motion_ .m_section4_wrap {
  }
  
  .the_motion_ .m_section4_wrap .controll_wrap {
    width:calc(100vw * (428 / 428));
    height:calc(100vw * (240 / 428));
    background:url('../img/the_motion/controll_bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    margin-top: calc(100vw * (60 / 428));
  }
  .the_motion_ .m_section4_wrap .inner_con {
      padding-right: calc(100vw * (15 / 428));
      padding-left: calc(100vw * (15 / 428));
  }
  
  .the_motion_ .m_section4_wrap .inner_con .left_text .span {
      display: block;
    font-size: calc(100vw * (18 / 428));
    line-height: 1.5;
    margin-top:calc(100vw * (31 / 428));
    margin-bottom:calc(100vw * (20 / 428));

  }
  .the_motion_ .m_section4_wrap .right_img .img {
    width:100%;
    height:calc(100vw * (350 / 428));
  }

  .the_motion_ .m_section4_wrap .img_desc .span {
    display: block;
    font-size:calc(100vw * (16 / 428));
    margin-top:calc(100vw * (31 / 428));
    margin-bottom:calc(100vw * (60 / 428));
    line-height: 1.4;
  }

  

/* 스와이퍼 커스텀  */
.img_swiper{
    position: relative;
}
.motionSw {
    position: static;
}
.motionSw .swiper-slide {
    width:100%;
    max-width: 1000px;
    margin-right: 10px;
  }
  
  .the_motion_ .swiper-scrollbar {
    height: 6px;
    margin-top: 50px;
    background:rgba(0,0,0,.5);;
  }
  
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: absolute;
    background: red;
    border-radius: 10px;
    left: 0;
    top: 0;
    background:#203465;
  }
  
  
  /* section5 영역  */
  .the_motion_ .section5_wrap {
    margin-top: calc(100vw * (60 / 428));
    padding-right: calc(100vw * (15 / 428));
    padding-left: calc(100vw * (15 / 428));
  }
  .the_motion_ .section5_wrap .textbox {
    display: flex;
    flex-direction: column-reverse;
  }
  .the_motion_ .section5_wrap .textbox .dt {
      line-height:1.8;
      margin-bottom:calc(100vw * (22 / 428));
      font-size: calc(100vw * (18 / 428));
      color:#203465;
      font-weight: bold;
  }

  .the_motion_ .section5_wrap .textbox .dd {
    font-size: calc(100vw * (16 / 428));
    word-break: keep-all;
    line-height: 1.5;
    margin-bottom:  calc(100vw * (31 / 428));
}

  .the_motion_ .section5_wrap .top_con {

  }
  .the_motion_ .section5_wrap .right_wrap  {
    width:100%;
    height: calc(100vw * (240 / 428));
    margin-bottom: calc(100vw * (25 / 428));
  }
  
  .the_motion_ .the_motion_ .section3_wrap .left_con {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  
  .the_motion_ .bottom_con {
    width:100%;
  
  }

/* ******************************* 더 모션 section4 단독 영역  끝******************************* */
/* section5 영역  */
.product_detail_common .section5 {
padding:inherit;
}


.product_detail_common .section5_wrap .top_ {
padding:80px 0px 100px 0px;
background:#fafafa;
margin-top: calc(100vw * (50 / 428));
}

.product_detail_common .section5_wrap .top_ .title {
text-align: center;
padding-bottom: 61px;
}

.product_detail_common .section5_wrap .top_ .title .span {
font-size: calc(100vw * (18 / 428));
font-weight: bold;
line-height: 1.5;
letter-spacing: -0.3px;
text-align: center;
color: #203465;
}

.product_detail_common .section5_wrap .top_ .icon_img {
width:calc(100vw * (70 / 428));
height: calc(100vw * (70 / 428));
margin:0 auto;
}

.product_detail_common .section5_wrap .top_ .contents {
}

.product_detail_common .section5_wrap .top_ .contents .con_desc {
margin-bottom: calc(100vw * (40 / 428));
}


.product_detail_common .section5_wrap .top_ .contents .con_desc .dt{
font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 1.8;
text-align: center;
color: #203465;
padding-top:calc(100vw * (22 / 428));
padding-bottom:calc(100vw * (22 / 428));
}

.product_detail_common .section5_wrap .top_ .contents .con_desc .dd{
font-size: calc(100vw * (14 / 428));
line-height: 1.7;
text-align: center;
color: #333333;
}

.product_detail_common .section5_wrap .bottom_ {
background:url('../img/common/blue_bg.jpg') no-repeat;
background-size: cover;
position: relative;
color:#ffffff;
padding-top:calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
position: relative;
}

.product_detail_common .section5_wrap .bottom_::after {
content: "";
width:100%;
height: 100%;
position: absolute;
top:0%;
left:0%;
background:rgba(0, 0, 0, 0.2);
z-index: 0;
}

.product_detail_common .section5_wrap .desc_wrap {
width:100%;
height: 100%;
position:relative;
z-index:2;
padding-right: calc(100vw * (15 / 428));
padding-left: calc(100vw * (15 / 428));
}

.product_detail_common .section5_wrap .bottom_ .top_img {
margin:0 auto;
width:calc(100vw * (50 / 428));
height: calc(100vw * (50 / 428));

}


.product_detail_common .section5_wrap .bottom_ {
text-align: center;
}

.product_detail_common .section5_wrap .bottom_ .bottom_img {
width:165px;
height: 50px;
margin:0 auto;
}

.product_detail_common .section5_wrap .bottom_ .text_box .span {
display: block;
}

.product_detail_common .made_ {
font-family: 'Eina01', sans-serif;
font-size: calc(100vw * (18 / 428));
line-height: 36px;
margin-top: calc(100vw * (20 / 428));
margin-bottom: calc(100vw * (20 / 428));
}

.product_detail_common .strong_ {
font-size: calc(100vw * (18 / 428));
font-weight: bold;
line-height: 1.5;
letter-spacing: -0.3px;
text-align: center;
margin-bottom: calc(100vw * (20 / 428));
}

.product_detail_common .sub_st {
font-size: calc(100vw * (16 / 428));
line-height: 1.8;
text-align: center;
color: #ffffff;
margin-bottom: calc(100vw * (22 / 428));
}

.product_detail_common .bottom_ .desc_ {
font-size: calc(100vw * (14 / 428));
line-height: 2.2;
letter-spacing: -0.3px;
text-align: center;
margin-bottom: calc(100vw * (20 / 428));
}

.product_detail_common .last_text {
margin-bottom: calc(100vw * (30 / 428));
}

/* 맨하탄 영역  */

.manhatan_ .section5 .section5_wrap .bottom_,
.queens_ .section5 .section5_wrap .bottom_,
.arizona_ .section5 .section5_wrap .bottom_ {
background: url('../img/common/brown_bg.png') no-repeat;
background-size: cover;
position: relative;
color: #ffffff;
}
/* 
.manhatan_ .section2 .top_img_wrap .left_icon,
.manhatan_ .section2 .top_img_wrap .right_icon {
height: 420px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.manhatan_ .desc_p {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #203465;
}

.manhatan_ .section5 .section5_wrap .top_ .contents .con_desc {
width: 324px;
height: 300px;
border-right: 1px solid #dddddd;
}



.manhatan_ .section5 .section5_wrap .desc_wrap {
background: rgba(0, 0, 0, 0.3);
}

.manhatan_ .section5 .section5_wrap .text_box {
font-weight: 200;
} */

/* 맨하탄 영역 끝 */


/* section6 영역  */
.the_motion_ .section6 {
padding:inherit;
}
.product_detail_common .section6_wrap {
padding-top: calc(100vw * (80 / 428));
}


.the_motion_ .section6_wrap {
padding-bottom: calc(100vw * (130 / 428));
}
.product_detail_common .section6_wrap .con_text,
.product_detail_common .section6_wrap .left_con_bottom {
display: none;
}

.product_detail_common .section6_wrap .img {
 height: 100%;
 object-fit: cover;
}


.product_detail_common .section6_wrap .top_contents_wrap {
 
 position: relative;
}


.product_detail_common .section6_wrap .span {
 display: inline-block;
 font-size: calc(100vw * (16 / 428));
 line-height: 1.4;
}

.product_detail_common .section6_wrap .blue_span_nobold22 {
font-size: calc(100vw * (16 / 428));
}

.product_detail_common .section6_wrap .span.blue_span_bold30 {
 margin-bottom: 41px;
 font-size: calc(100vw * (18 / 428));
} 


.product_detail_common .section6_wrap .con_img {
 height:calc(100vw * (300 / 428));
}

.product_detail_common .section6_wrap .dark_span_nobold18 {
 display: inline-block;
padding-top: calc(100vw * (22 / 428));
padding-bottom: calc(100vw * (22 / 428));
}

.product_detail_common .section6_wrap .dark_span_nobold16 {
padding-bottom: calc(100vw * (22 / 428));
}



.product_detail_common .section6_wrap .right_con .img_box {
width:calc(100vw * (350 / 428));
 height:calc(100vw * (450 / 428));
 padding-top:calc(100vw * (20 / 428));
}

.product_detail_common .section6_wrap .rotate_text {
transform-origin: right;
position: absolute;
bottom: 50%;
right: 0.8%;
font-family: 'Eina01',sans-serif;
font-size: calc(100vw * (20 / 428));
font-weight: bold;
line-height: 46px;
letter-spacing: 2px;
text-align: left;
color: #edebe9;
transform: rotateZ(270deg) translate(-50%, 0%);
}

/* bottom_contents 영역  */
.product_detail_common .bottom_contents .m_con_head .blue_span_bold30 {
font-size: calc(100vw *(18 / 428));
line-height: 1.2;
margin-top:calc(100vw * (40 / 428));
margin-bottom: calc(100vw * (20 / 428));
}
.product_detail_common .bottom_contents .img_box {
width:100%;
height:calc(100vw * (220 / 428));
}

.product_detail_common .bottom_contents .con_desc_img {
width:calc(100vw * (200 / 428));
height:calc(100vw * (53 / 428));
}

.product_detail_common .bottom_contents .con_desc {
 padding-top:calc(100vw * (20 / 428));
 padding-bottom:calc(100vw * (80 / 428));
}


.product_detail_common .bottom_contents .con_desc_text {
font-size: calc(100vw * (16 / 428));
line-height: 1.8;
text-align: left;
color: #333333;
margin-top:calc(100vw * (22 / 428));
}


.product_detail_common .bottom_contents .cover_wrap,
.common_section_wrap .sec_06 .m_con_box_wrap .con_box {
 position: relative;
}
.product_detail_common .bottom_contents .cover_wrap .cover_left,
.common_section_wrap .sec_06 .m_con_box_wrap .con_box .con_desc
 {
position:absolute;
top:-40%;
left:0%;
z-index:2;
background:rgba(255, 255, 255, 0.95);
padding-left: calc(100vw * (10 / 428));
padding-right: calc(100vw * (10 / 428));
padding-top: calc(100vw * (40 / 428));
padding-bottom: calc(100vw * (40 / 428));
border:1px solid #dddddd;
display:none;
}
.hybrid_matt_as2 .sec_06 .m_con_box_wrap .con_box .con_desc,
.hybrid_matt_as3 .sec_06 .m_con_box_wrap .con_box .con_desc,
.hybrid_matt_as5 .sec_06 .m_con_box_wrap .con_box .con_desc
 {

position:absolute;
top:10%;
left:50%;
padding:inherit;
display:block;
background:inherit;
}


.product_detail_common .bottom_contents .cover_wrap .cover_desc {
 width: 100%;
 display: flex;
 align-items: center;
 padding-bottom: calc(100vw * (29 / 428));
}

.cover_openBtn,
.matt_cover_openBtn,
.hybrid_01pop_cover_openBtn,
.hybrid_02pop_cover_openBtn,
.hybrid_03pop_cover_openBtn,
.hybrid_04pop_cover_openBtn,
.hybrid_05pop_cover_openBtn,
.hybrid_06pop_cover_openBtn { 
  width:calc(100vw * (30 / 428));
  height:calc(100vw * (30 / 428));
  background:#203465;
  border-radius:50%;
  cursor:pointer;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-align: center;
  line-height:2.4;
}

.hybrid_01pop_cover_openBtn,
.hybrid_02pop_cover_openBtn,
.hybrid_03pop_cover_openBtn,
.hybrid_04pop_cover_openBtn,
.hybrid_05pop_cover_openBtn,
.hybrid_06pop_cover_openBtn{
  z-index:2;
}

.hybrid_01pop_cover_openBtn .img,
.hybrid_02pop_cover_openBtn .img,
.hybrid_03pop_cover_openBtn .img,
.hybrid_04pop_cover_openBtn .img,
.hybrid_05pop_cover_openBtn .img,
.hybrid_06pop_cover_openBtn .img,
.cover .cover_right .cover_openBtn .img,
.matt_cover_openBtn .img {
  width:calc(100vw * (15 / 428));
  height:calc(100vw * (15 / 428));
  filter: brightness(30.5);
  
}


.hybrid_01pop_cover_openBtn{
  top:6%;
}
.hybrid_02pop_cover_openBtn{
  top:39%;
}
.hybrid_03pop_cover_openBtn{
  top:48%;
}
.hybrid_04pop_cover_openBtn{
  top:58%;
}
.hybrid_05pop_cover_openBtn{
  top:68%;
}
.hybrid_06pop_cover_openBtn{
  top:79%;
}

.hybrid_cover_wrap {
  width:100%;
  height:100%;
  position:relative;
}

.hybrid_cover_wrap>.div{
display:none;
}
.hybrid_01pop{
  top:-9%;
}
.hybrid_02pop{
  top:27%;
}
.hybrid_03pop{
  top:37%;
}
.hybrid_04pop{
  top:51%;
}
.hybrid_05pop{
  top:62%;
}
.hybrid_06pop{
  top:76%;
}

.cover_cancleBtn,
.matt_cover_cancleBtn,
.hybrid_cover_01_cancleBtn, 
.hybrid_cover_02_cancleBtn,
.hybrid_cover_03_cancleBtn, 
.hybrid_cover_04_cancleBtn, 
.hybrid_cover_05_cancleBtn, 
.hybrid_cover_06_cancleBtn {
  width:calc(100vw * (20 / 428));
  height:calc(100vw * (20 / 428));
  background:url('../img/icon/cancel_icon.png') no-repeat;
  background-size:contain;
  cursor:pointer;
  position:absolute;
  right:2%;top:2%;
  /* margin-left:auto;
  margin-right:calc(100vw * (30 / 428)); */
}

.hybrid_cover_01_cancleBtn, 
.hybrid_cover_02_cancleBtn,
.hybrid_cover_03_cancleBtn, 
.hybrid_cover_04_cancleBtn, 
.hybrid_cover_05_cancleBtn, 
.hybrid_cover_06_cancleBtn{
  right:4%;top:5%;
}

.product_detail_common .bottom_contents .cover_wrap .cover_text {
 width:calc(100vw * (270 / 428));
}



.product_detail_common .bottom_contents .cover_wrap .cover_desc .cover_img {
 width:calc(100vw * (70 / 428));
 height: calc(100vw * (70 / 428));
 margin-right: calc(100vw * (20 / 428));
}


.product_detail_common .bottom_contents .cover_wrap .c_title {
 display: inline-block;
font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.18px;
text-align: left;
color: #203465;
margin-bottom: 14px;
}

.product_detail_common .bottom_contents .cover_wrap .c_desc {
 display: inline-block;
font-size: calc(100vw * (12 / 428));
line-height: 1.5;
letter-spacing: -0.14px;
text-align: left;
color: #333333;
}

.cover_right {
 width:calc(100vw * (428 / 428));
 height: calc(100vw * (332 / 428));
 background:url('../img/common/f_05.png') no-repeat;
 background-size: cover;
 margin-bottom: calc(100vw * (32 / 428));
}


/* ******************** 더모션 페이지 section6 영역 ******************** */

    /* hybrid sec09_wrap 영역  */
    .m_sec_09 .con_wrap .con_container {
        margin:0 auto;
    }
    .m_sec_09 .swiper-container-pointer-events {
        
        padding-left: calc(100vw * (20 / 428));
    }
    
      .m_sec_09 .con_wrap .top_cont .text_wrap {
        padding:calc(100vw * (15 / 428))
      }
      
      .m_sec_09 .con_wrap .top_cont .text_wrap .title_link {
        display: flex;
        justify-content: space-between;
        padding-bottom:calc(100vw * (20 / 428));
        border-bottom: 1px solid #dddddd;
      }
      
     .m_sec_09 .con_wrap .top_cont .text_wrap .text_desc {
        padding-top:calc(100vw * (20 / 428));
     }
      
     .m_sec_09 .con_wrap .top_cont .title_ {
        text-align: center;
        margin-bottom: calc(100vw * (30 / 428));
      }
      
     .m_sec_09 .con_wrap .top_cont .title_ .span{
        display: block;
        text-align: inherit;
        font-size: calc(100vw * (18 / 428));
      }
    
      .m_sec_09 .con_desc>div:nth-child(2) {
         
      }
      
      
      .m_sec_09 .img_con {
        width:calc(100vw * (358 / 428))
      }
      
      .m_sec_09 .title_link .span {
        display: inline-block;
        font-size:calc(100vw * (20 / 428));
        line-height: 1.4;
        color: #203465;
      }
      
      .m_sec_09 .title_link .link {
      display: inline-block;
      width:calc(100vw * (60 / 428));
      height: calc(100vw * (60 / 428));
      }

          
.the_motion_ .bottom_cont {
    padding-left: calc(100vw * (20 / 428));
    padding-right: calc(100vw * (20 / 428));
  }
  
  .the_motion_ .bottom_cont_wrap {
  }
  
  .the_motion_ .bottom_cont .left_img {
      width: 100%;
  }
  .the_motion_ .bottom_cont .text_wrap {
   display: flex;
   flex-direction: column;
   padding-top:calc(100vw * (41 / 428));
   padding-bottom:calc(100vw * (41 / 428));
  }

  
  .the_motion_ .bottom_cont .text_wrap .span {
    font-size:calc(100vw * (16 / 428));
    line-height: 1.5;     
}

  .the_motion_ .bottom_cont .text_wrap .blue_span_bold30 {
      display: block;
    font-size:calc(100vw * (18 / 428));
    padding-bottom:calc(100vw * (22 / 428));
  }

  
  
  .the_motion_ .bottom_cont .text_wrap .dark_span_bold18 {
   margin-top: 10px;
  }
  
  .the_motion_ .bottom_cont .map__btn .button {
    width: calc(100vw * (180 / 428));
    height: calc(100vw * (50 / 428));
    background:none;
    border:1px solid #203465;
    font-size:calc(100vw * (16 / 428));
  }
  
  .the_motion_ .bottom_cont .map__btn .button .img {
    width: calc(100vw * (18 / 428));
    height: calc(100vw * (18 / 428));
  }

  .the_motion_ .bottom_cont .map__btn .button span {
    display: inline-block;
  }
  
    
    
/* ******************** 더모션 페이지 section6 영역 끝 ******************** */


/* section7 영역  */
.product_detail_common .section7_wrap {
padding-top: calc(100vw * (113 / 428));
}

.product_detail_common .section7_wrap .head_wrap {
text-align: center;
padding-bottom: calc(100vw * (30 / 428));
border-bottom: 1px solid #203465;
}
.product_detail_common .section7_wrap .s7_head .span,
.product_detail_common .section8_wrap .s8_head .span,
.product_detail_common .section9_wrap .s9_head .span {  
display: inline-block;
padding-bottom: calc(100vw * (22 / 428));
font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 2;
letter-spacing: -0.3px;
text-align: center;
color: #203465;
}
.product_detail_common .section7_wrap .s7_sub .span {
font-size:calc(100vw * (14 / 428));
line-height: 2;
text-align: center;
color: #333333;
}


.product_detail_common .section7_wrap .color_picker {
padding-top: calc(100vw * (32 / 428));
padding-bottom: calc(100vw * (22 / 428));
}

.product_detail_common .section7_wrap .color_picker .title_ .span,
.product_detail_common .section7_wrap .size_table .title_ .span {
font-size:calc(100vw * (16 / 428));
}

.product_detail_common .section7_wrap .color_picker .m_color_con {
width:100%;
height: calc(100vw * (70 / 428));
margin-top: calc(100vw * (21 / 428));
background:#fafafa;
}


.product_detail_common .section7_wrap .color_con {
display: none;
}

.product_detail_common .section7_wrap .m_color_con .ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:100%;
background:#fafafa;
padding-top: calc(100vw * (20 / 428));
padding-left: calc(100vw * (10 / 428));
padding-right: calc(100vw * (10 / 428));

}


.product_detail_common .section7_wrap .m_color_con .ul .list {
flex-grow: 1;
display: flex;
align-items: center;

padding-bottom: calc(100vw * (10 / 428));

}


.product_detail_common .section7_wrap .m_color_con .ul .list .span{
font-size: 18px;

}
.product_detail_common .section7_wrap .m_color_con .ul .list .span:first-child {
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
border:1px solid;
margin-right: 10px;

}
.light_gray{
background:#DDDDDD;
}
.dark_gray{
background:#707070;
}
.light_beige{
background:#DDDDDD;
}
.dark_beige{
background:#D4C6B9;
}
.spring_green{
background:#B9D4C6;
}
.spring_blue{
background:#98A7AE;
}
.white{
background:#ffffff;
}
.product_detail_common .section7_wrap .color_picker .m_color_con .ul .list .dark_span_nobold16 {
font-size: calc(100vw * (14 / 428));
}



.product_detail_common .section7_wrap .s_img_wrap {
display: none;
}

.product_detail_common .section7_wrap .m_s_img_wrap {
padding-top:calc(100vw * (11 / 428));
padding-bottom:calc(100vw * (30 / 428));
}

.product_detail_common .section7_wrap .m_s_img {
width:100%;
height: calc(100vw * (240 / 428));

}

.product_detail_common .section7_wrap .size_table .s_table {
display: none;
}




.product_detail_common .section7_wrap .m_s_table {
width:100%;
display: flex;
padding-bottom: calc(100vw * (100 / 428));
}

.product_detail_common .section7_wrap .m_s_table>ul .list {
display: flex;
justify-content: center;
align-items: center;
font-size: calc(100vw * (14 / 428));
border-bottom: 1px solid #dddddd;
}



.product_detail_common .section7_wrap .m_s_table>ul .list:nth-child(2n+1),


.product_detail_common .section7_wrap .ul_title {
border-right: 1px solid #dddddd;
}
.product_detail_common .section7_wrap .ul_title .list {
width:calc(100vw * (144 / 428));
height:calc(100vw * (36 / 428));
}

.product_detail_common .section7_wrap .ul_desc .list {
width:calc(100vw * (230 / 428));
height:calc(100vw * (36 / 428));
}


.product_detail_common .section7_wrap .m_s_table .ul_desc .list:first-child{
display: inherit;
justify-content: inherit;
align-items: inherit;
width:100%;
background:#203465;
color:#ffffff;
position:relative;
}


.product_detail_common .section7_wrap .m_s_table .ul_desc .list:first-child::after {
content: "";
width:calc(100vw * (14 / 428));
height:calc(100vw * (14 / 428));
background:url('../img/link_arrow.png')no-repeat;
background-size: contain;
position:absolute;
right:5%;
top:40%;
transform:translate(-50%, -50%) rotateZ(-90deg);
}

#theme .select {
position: relative;
}

#theme .select .option-list {
position: absolute;
top: 100%;
left: 0;
width: 100%;
overflow: hidden;
max-height: 0;
z-index: 2;
background:#203465;
}

#theme .select .option-list li {
width:calc(100vw * (230 / 428));
height:calc(100vw * (36 / 428));
}

#theme .select.active .option-list {
max-height: none;
}


/* 테마 적용하기 */
#theme {}
#theme .select {
padding-top: calc(100vw * (7 / 428));
padding-left: calc(100vw * (20 / 428));
cursor: pointer;
}
#theme .select .text {}
#theme .select .option-list {
list-style: none;
padding: 0;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
#theme .select .option-list .option {
padding: 10px 15px;
}


.product_detail_common .section7_wrap .s_componant_wrap {
display: none;
}



/* 리뷰 영역  */
.product_detail_common .section8_wrap {
width:100%;
margin:0 auto;
position: relative;
}

.product_detail_common .section8_wrap .s8_head .span{  
display: inline;
padding-bottom: calc(100vw * (15 / 428));
font-size: calc(100vw * (18 / 428));
font-weight: bold;
line-height: 1.8;
letter-spacing: -0.3px;
text-align: center;
color: #203465;
}

.product_detail_common .section8_wrap .s8_head {
padding-bottom: calc(100vw * (20 / 428));
text-align: center;
font-size:calc(100vw * (18 / 428));
line-height: 1.2;
color:#203465;
font-weight: bold;
}

.product_detail_common .section8_wrap .review_con {
display: flex;
flex-direction: column-reverse;

}

.product_detail_common .section8_wrap .review_con .left_con {
width:100%;
padding-top: calc(100vw * (50 / 428));
}

.product_detail_common .section8_wrap .review_write {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
border-bottom:1px solid #bbbbbb;
}

.product_detail_common .section8_wrap .review_con_desc {
padding-top: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (30 / 428));
}

.product_detail_common .section8_wrap .review_title .title_img {
display: inline-block;
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
vertical-align: bottom;
}

.product_detail_common .section8_wrap .review_title .span {
display: inline-block;
margin-left: calc(100vw * (10 / 428));
font-size:calc(100vw * (16 / 428));
line-height: 1.2;
}

.product_detail_common .section8_wrap .review_link .span {
font-size:calc(100vw * (16 / 428));
line-height: 1.2;
}

.product_detail_common .section8_wrap .review_box {
display: none;
}

.product_detail_common .section8_wrap .review_box .ul .list {
width: 100%;
margin-top: 20px;
padding: 21px 40px 19px;
border-radius: 10px;
background-color: #fafafa;
}

.product_detail_common .section8_wrap .review_box_bottom {
position: relative;
}

.product_detail_common .section8_wrap .review_box_bottom .more_btn_wrap {
text-align: right;
}

.product_detail_common .section8_wrap .review_box_bottom .more_btn {
margin-top: calc(100vw * (12 / 428));
background:none;
font-size:calc(100vw * (16 / 428));
border:none;
}

.review_box_bottom_customer {
width:100%;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
max-height: 100px;
word-break: break-all;
cursor: pointer;
font-size: calc(100vw * (16 / 428));
}

.text_clicked {
display: block;
overflow: visible;
max-height: inherit;
}





.product_detail_common .section8_wrap .review_box_top .user_information {
margin-right: 23px;
}
.product_detail_common .section8_wrap .review_box_top .user_information .span {
font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 1.3;
text-align: left;
color: #333333;
display: inline;
}




.product_detail_common .section8_wrap .review_box_top .re_sns .link {
display: inline-block;
width:calc(100vw * (20 / 428));
height:calc(100vw * (20 / 428));
vertical-align:bottom;
margin-right: calc(100vw * (10 / 428));
}

.product_detail_common .section8_wrap .review_box_top .titme_ {
padding-top: calc(100vw * (10 / 428));
padding-bottom: calc(100vw * (23 / 428));
}

.product_detail_common .section8_wrap .review_box_top .titme_ .span {
font-size: calc(100vw * (16 / 428));
line-height: 1.2;
text-align: left;
color: #bbbbbb;
}

.product_detail_common .section8_wrap .m_review_box .list {
padding:calc(100vw * (20 / 428));
background:#fafafa;
border-radius: 15px;
margin-bottom: calc(100vw * (10 / 428));
}

.product_detail_common .section8_wrap .review_box_top .user_review_info {
display: flex;
align-items: center;
}

.product_detail_common .section8_wrap .em_star {
display: inline-block;
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
margin-right:calc(100vw * (5 / 428));
vertical-align: text-bottom;
}

.product_detail_common .section8_wrap .left_con .pagenation .ul {
display: flex;
justify-content: center;
}

.product_detail_common .section8_wrap .left_con .pagenation .ul .span {
display: inline-block;
margin:0px 5px;
font-size: calc(100vw * (18 / 428));
line-height: 1;
text-align: center;
color: #333333;

}

.product_detail_common .section8_wrap .left_con .pagenation .ul .span.on_ {
font-weight: bold;
color:#203465;
font-size: calc(100vw * (18 / 428));
}


.product_detail_common .section8_wrap .right_con .s8_head{  
text-align: left;
}

.product_detail_common .section8_wrap .right_con .progress {
border-radius: 10px; 
width:calc(100vw * (184 / 428));
height: 10px;
vertical-align: middle;
margin:0 19px;
}

.product_detail_common .section8_wrap .right_con .dark_span_nobold18 {
    font-size: calc(100vw * (18 / 428));
}

.product_detail_common .section8_wrap .right_con .progress::-webkit-progress-bar {
background-color: #eaeaea;
border-radius: 10px;
border:none;
}
.product_detail_common .section8_wrap .right_con .progress::-webkit-progress-value {
background-color: #7497e1;
border-radius: 10px;
}


.product_detail_common .section8_wrap .right_con .con_desc {
display: flex;
justify-content: space-between;
align-items: center;
}

.product_detail_common .section8_wrap .right_con {
width:100%;
}

.product_detail_common .section8_wrap .right_con_wrap .em_star {
display: inline-block;
width:calc(100vw * (16 / 428));
height: calc(100vw * (16 / 428));
margin-right:calc(100vw * (1 / 428));
vertical-align: text-bottom;
}

.product_detail_common .section8_wrap .right_con_wrap .em_star:last-child {
margin:0px;
}

.product_detail_common .section8_wrap .right_con_wrap .ul .list {
margin-bottom: 36px;
}



/* section9_wrap 영역 시작 */
.section9_wrap {
padding-top: 182px;
}
.s9_head {
text-align: center;
}

.section9 .section9_wrap .s9_head .span {
font-size: calc(100vw * (18 / 428));
}

.s9_sub {
text-align: center;
}

.s9_sub .span {
display: block;
text-align: center;
font-size: calc(100vw * (15 / 428));
line-height: 1.4;
}

.s9_sub .blue_span_nobold22 {
margin-top: calc(100vw * (23 / 428));
font-size: calc(100vw * (15 / 428));
}

.section9_wrap .icons_wrap {
width: 100%;
display: flex;
margin:0 auto;
padding-top: calc(100vw * (41 / 428));
}

.section9_wrap .icons_wrap .icon_box {
width:calc(100vw * (116 / 428));
height: calc(100vw * (116 / 428));
border-radius: 50%;
border:1px solid #dddddd;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.section9_wrap .icons_wrap .icon_img_box {
width:calc(100vw * (30 / 428));
height: calc(100vw * (30 / 428));
margin:0 auto;
}

.section9_wrap .icons_wrap .icon_text_box {
margin-top: calc(100vw * (11 / 428));
}
.section9_wrap .icons_wrap .icon_text_box .span {
width:inherit;
height: inherit;
}


/* 배게 영역 시작  */

/* 클래식 배게 시작 영역  */


.p_classic .section2 {
background:none;
margin-top: calc(100vw * (60 / 428));
padding:inherit;
}

.p_classic .section2 .con_text {
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.p_classic .section2 .con_text .e_blue_span_bold_line90 {
font-size: calc(100vw * (34 / 428));
line-height: 1.4;
}

.p_classic .section2 .con_text .blue_span_bold30 {
display: inline-block;
font-size: calc(100vw * (18 / 428));
line-height: 1.2;
margin-top:calc(100vw * (41 / 428));
margin-bottom:calc(100vw * (21 / 428));
}

.p_classic .section2 .con_text .dark_span_nobold18 {
font-size:calc(100vw * (16 / 428));
line-height: 1.5;
}



.p_classic .section3 .blue_span_bold30{
display: inline-block;
margin-top: calc(100vw * (20 / 428));
margin-bottom: calc(100vw * (20 / 428));
font-size:calc(100vw * (18 / 428));
color:#203465;
font-weight: bold;
line-height: 1.2;
}

.p_classic .section3 .dark_span_nobold18{
margin-bottom: calc(100vw * (50 / 428));
font-size:calc(100vw * (16 / 428));
line-height: 1.5;
}


.p_classic .section4 .con_text {
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.p_classic .section4 .blue_span_bold30{
display: inline-block;
margin-top: calc(100vw * (20 / 428));
margin-bottom: calc(100vw * (20 / 428));
font-size:calc(100vw * (18 / 428));
color:#203465;
font-weight: bold;
line-height: 1.2;
}

.p_classic .section4 .dark_span_nobold18{
margin-bottom: calc(100vw * (50 / 428));
font-size:calc(100vw * (16 / 428));
line-height: 1.5;
}

.p_classic .section4 .con_img {
width:calc(100vw * (428 / 428));
height:calc(100vw * (140 / 428));
margin-right:calc(-100vw * (200 / 428));
}
.p_classic .section4 .con_img img {
width:100%;
height: 100%;
object-fit: cover;
}



.p_classic .section5 .con_text {
width:calc(100vw * (388 / 428));
margin:0 auto;
background:#fafafa;
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (40 / 428));
padding-right: calc(100vw * (78 / 428));
padding-left: calc(100vw * (78 / 428));
text-emphasis: center;
}
.p_classic .section5 .con_text_bottom {
text-align: center;
}

.p_classic .section5 .con_img {
width:calc(100vw * (388 / 428));
height:calc(100vw * (240 / 428));
margin-right: calc(100vw * (15 / 428));
margin-left: calc(100vw * (15 / 428));
}
.p_classic .section5 .con_img img {
width:100%;
height: 100%;
object-fit: cover;
}

.p_classic .section5 .con_img_icon {
width:calc(100vw * (68 / 428));
height:calc(100vw * (50 / 428));

margin-left: auto;
margin-right: auto;
}

.p_classic .section5 .blue_span_bold30 {
font-size: calc(100vw * (14 / 428));
font-weight: bold;
line-height: 1.5;

}


.p_classic .section5 .con_text {
width:calc(100vw * (388 / 428));
margin:0 auto;
background:#fafafa;
padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (40 / 428));
padding-right: calc(100vw * (78 / 428));
padding-left: calc(100vw * (78 / 428));
text-emphasis: center;
}
.p_classic .section5 .con_text_bottom {
text-align: center;
}

.p_classic .section5 .con_img {
width:calc(100vw * (388 / 428));
height:calc(100vw * (240 / 428));
margin-right: calc(100vw * (15 / 428));
margin-left: calc(100vw * (15 / 428));
}
.p_classic .section5 .con_img img {
width:100%;
height: 100%;
object-fit: cover;
}

.p_classic .section5 .con_img_icon {
width:calc(100vw * (68 / 428));
height:calc(100vw * (50 / 428));

margin-left: auto;
margin-right: auto;
}

.p_classic .section5 .blue_span_bold30 {
font-size: calc(100vw * (14 / 428));
font-weight: bold;
line-height: 1.5;

}
.p_classic .section6_wrap {
padding-top: calc(100vw * (100 / 428));
}

.p_classic .section7_wrap .color_picker .m_color_con {
width:100%;
height: calc(100vw * (50 / 428));
background:#fafafa;
}

.p_classic .section7_wrap .m_color_con .ul .list {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;


}

.p_classic .section7_wrap .size_table .title_ {
margin-bottom: calc(100vw * (11 / 428));
}

.p_classic .section7_wrap .size_table .s_table {
display: flex;
text-align: center;
}

.p_classic .section7_wrap .s_table {
width:100%;
display: flex;
padding-bottom: calc(100vw * (22 / 428));
}


.p_classic .section7_wrap .s_table>ul .list {
display: flex;
justify-content: center;
align-items: center;
font-size: calc(100vw * (14 / 428));
border-bottom: 1px solid #dddddd;

}

.p_classic .section7_wrap .size_table .title_ {
margin-bottom: calc(100vw * (11 / 428));
}

.p_classic .section7_wrap .size_table .s_table {
display: flex;
text-align: center;
}

.p_classic .section7_wrap .s_table {
width:100%;
display: flex;
padding-bottom: calc(100vw * (22 / 428));
}


.p_classic .section7_wrap .s_table>ul .list {
display: flex;
justify-content: center;
align-items: center;
font-size: calc(100vw * (14 / 428));
border-bottom: 1px solid #dddddd;

}

.p_classic .section7_wrap .size_table .title_ {
margin-bottom: calc(100vw * (11 / 428));
}

.p_classic .section7_wrap .size_table .s_table {
display: flex;
text-align: center;
}

.p_classic .section7_wrap .s_table {
width:100%;
display: flex;
padding-bottom: calc(100vw * (22 / 428));
}


.p_classic .section7_wrap .s_table>ul .list {
display: flex;
justify-content: center;
align-items: center;
font-size: calc(100vw * (14 / 428));
border-bottom: 1px solid #dddddd;

}

.p_classic .section7_wrap .size_table .s_table .ul {
flex-grow: 1;
border-right: 1px solid #ffffff;
}


.p_classic .section7_wrap .size_table .s_table .ul .list {
border:none;
width:100%;
height: calc(100vw * (50 / 428));
}
.p_classic .section7_wrap .size_table .s_table .ul:nth-child(1) .list{
width:100%;
}

.p_classic .section7_wrap .s_table ul .list:nth-child(2n) {
background:#fbfbfe;
}
.p_classic .section7_wrap .s_table>ul .list {
font-size: calc(100vw * (14 / 428));
color: #333333;
font-weight: 300;
letter-spacing: -1.75px;
line-height: 1.56;
vertical-align: middle;

}

.p_classic .section7_wrap .s_table .ul .list:first-child {
width:100%;
background:#203465;
color:#ffffff;
position:relative;
}
.p_classic .section7_wrap .s_componant_wrap {
display: block;
}

.p_classic .section7_wrap .s_com_desc {
width:100%;
height: calc(100vw * (50 / 428));
background:#fafafa;
display: flex;
justify-content:center;
align-items: center;
}

.p_classic .section7_wrap .s_com_desc:nth-child(2) {
justify-content: space-around;
}

.p_classic .section7_wrap .s_com_desc:nth-child(2) .span {
display: block;
}

.p_classic .section8_wrap {
width:100%;
padding-top: calc(100vw * (100 / 428));
}
/* 클래식 배게 시작 영역  끝 */


/* 듀얼 배게 전체 영역 시작  */
.p_dual .section2 {
  padding:inherit;
  background:none;
}

.p_dual .section2 .con_img {
width:100%;
height: calc(100vw * (260 / 428));
margin-bottom:calc(100vw * (41 / 428));
}

.p_dual .section2 .con_text {
margin-left: calc(100vw * (20 / 428));
margin-right: calc(100vw * (20 / 428));
}
.p_dual .section2 .e_blue_span_bold_line90{
font-size: calc(100vw * (34 / 428));
line-height: 1.5;
}

.p_dual .section2 .blue_span_bold30 {
  display: inline-block;
  font-size: calc(100vw * (18 / 428));
  line-height: 1.2;
  margin-bottom:calc(100vw * (22 / 428));
  margin-top:calc(100vw * (31 / 428));
}

.p_dual .section2 .con_text_right .p {
font-size: calc(100vw * (16 / 428));
line-height: 1.5;
margin-bottom: calc(100vw * (50 / 428));
}

.p_dual .section2 .con_text_right .p br {
  display: none;
}
/* section3 상세페이지 이미지 영역  */
.p_dual .section3 {
  padding:inherit;
}
.p_dual .section3 .section3_wrap {
width: 100%;
height:calc(100vw * (1845 / 428));
background:url("../img/purchase_pillow/m_dual_detail.png") no-repeat;
background-size: contain;

}
.p_dual .section3 .section3_wrap .img {
    display: none;
}



/* section4 비디오 영역  */
.p_dual .section4_wrap {
background:#f3f4f7;
text-align: center;
padding-top: calc(100vw * (50 / 428));
padding-bottom: calc(100vw * (50 / 428));
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
}

.p_dual .section4_wrap .blue_span_bold30 {
    font-size: calc(100vw * (18 / 428));
    line-height: 1.4;
    margin-bottom:calc(100vw * (22 / 428));
}
.p_dual .section4_wrap .con_text .p {
    font-size: calc(100vw * (16 / 428));
    line-height: 1.4;
    word-break: keep-all;
    
}

.p_dual .section4_wrap .con_text .p br {
    display:none;
}

.con_video {
width:100%;
height: calc(100vw * (191 / 428));
margin-top: calc(100vw * (41 / 428));;
background:black;
}


/* section5 최상의 편안함을 경험해보세요 영역  */
.p_dual .section5_wrap .con_wrap_top {
    padding-top: calc(100vw * (50 / 428));
    padding-bottom: calc(100vw * (80 / 428));
text-align: center;
}

.p_dual .section5_wrap .con_text .spa{
    display: inline-block;
font-size: calc(100vw * (18 / 428));
line-height: 1.4;
margin-bottom:calc(100vw * (22 / 428));
}
.p_dual .section5_wrap .con_text .p{
font-size: calc(100vw * (16 / 428));
line-height: 1.4;
word-break: keep-all;
}

.p_dual .section5_wrap .con_wrap_top .con_img {
    width: calc(100vw * (388 / 428));
    height: calc(100vw * (113 / 428));
margin-top: calc(100vw * (21 / 428));
margin-bottom: calc(100vw * (40 / 428));
margin-right:auto;
margin-left:auto;
}

.p_dual .section5_wrap .con_wrap_top .button {
    width: calc(100vw * (160 / 428));
    height: calc(100vw * (50 / 428));
    font-size: calc(100vw * (16 / 428));
padding:0px;
text-align: center;
border: solid 1px #203465;
background-color: #fbfbfe;
}


.p_dual .section5_wrap {
text-align: center;
}
.p_dual .section5 .con_wrap_bottom {
background:#fafafa;
margin:0 auto;
}
.p_dual .section5 .con_wrap_bottom .con_img {
width:calc(100vw * (388 / 428));
height:calc(100vw * (240 / 428));
background:url("../img/purchase_pillow/m_sec5_bg.png") no-repeat;
background-size: contain;
margin:0 auto;
}

.p_dual .section5 .con_wrap_bottom .con_img .img {
    display: none;
}

.p_dual .section5 .con_wrap_bottom .con_img_icon {
    width:calc(100vw * (68 / 428));
    height:calc(100vw * (49 / 428));
    margin: 0 auto;
    margin-bottom:calc(100vw * (10 / 428));
}

.p_dual .section5 .con_wrap_bottom .con_text {
padding-top:calc(100vw * (30 / 428));
padding-bottom:calc(100vw * (40 / 428));
margin-right:calc(100vw * (20 / 428));
margin-left:calc(100vw * (20 / 428));
background:#fafafa;
}

.p_dual .section5 .con_text_bottom .blue_span_bold30 {
    display: inline-block;
    font-size: calc(100vw * (14 / 428));
    line-height: 1.2;
    margin-bottom:calc(100vw * (11 / 428));
}

.p_dual .section5 .con_text_bottom .p {
    padding-left: calc(100vw * (10 / 428));
    font-size: calc(100vw * (14 / 428));
    line-height: 1.2;
    margin-bottom:calc(100vw * (11 / 428));
}

.p_dual .section5 .con_text_bottom .p>span {
    font-size:calc(100vw * (14 / 428));
    font-weight: 300;
    border-bottom: 1px solid #203465;
}
/* section6_wrap 사이즈 영역  */
.p_dual .section6_wrap {
    padding-bottom: calc(100vw * (100 / 428));
}
.p_dual .section6 .head_wrap {
    text-align: center;
    border-bottom: 1px solid #203465;
    margin-bottom:calc(100vw * (42 / 428));
}
.p_dual .section6 .s7_head .span,
.p_dual .section6 .title_ {
    display: inline-block;
    font-size:calc(100vw * (16 / 428));
    font-weight:bold;
    color:#203465;
    line-height: 1.5;
}

.p_dual .section6 .s7_sub .span {
    display: inline-block;
    font-size:calc(100vw * (14 / 428));
    margin-top:calc(100vw * (22 / 428));
    margin-bottom:calc(100vw * (30 / 428));
    line-height: 1.5;
}

.p_dual .section6 .s_table {
    display:flex;
}

.p_dual .section6 .s_table .ul {
    flex-grow: 1;
}

.p_dual .section6 .s_table .list {
    width:calc(100vw * (130 / 428));
    height:calc(100vw * (50 / 428));
}

.p_dual .section6 .s_table .list:first-child {
    background:#203465;
}
 .p_dual .section6 .s_table .list:nth-child(2n) {
    background:#fafafa;
}

.p_dual .section6 .s_table .list {
    display: flex;
    justify-content:center;
    align-items: center;
}

.p_dual .section6 .s_table .list .span {
    font-size: calc(100vw * (14 / 428));
}

/* 프로텍터 영역 시작  */

.p_protector .section2 {
background:none;
}
.p_protector .section2 .line_ {
  display:none;
}
.p_protector .section2_wrap .e_blue_span_bold_line90 {
font-size: calc(100vw * (34 / 428));
font-weight: bold;
line-height: 1.5;
}

.p_protector .section2_wrap .dark_span_nobold22 {
display: inline-block;
font-size: calc(100vw * (16 / 428));
line-height: 1.2;
padding-top:calc(100vw * (32 / 428));
padding-bottom:calc(100vw * (42 / 428));
text-align: left;
}

.p_protector .section2_wrap .con_box_img {
margin-bottom: calc(100vw * (90 / 428));
}




/* section3_wrap 프로텍터로 매트리스의 장점  */
.p_protector .section3_wrap {
text-align: center;
background:#fafafa;
padding-bottom: calc(100vw * (50 / 428));
}

.p_protector .section3_wrap .con_title {
    padding-top:calc(100vw * (30 / 428));
margin-bottom:calc(100vw * (50 / 428));
}
.p_protector .section3_wrap .con_box_top {
width:100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom:1px solid #dddddd;
padding-bottom: calc(100vw * (60 / 428));
}

.p_protector .section3_wrap .con_box_top .con_box {
    text-align: center;
    }

.p_protector .section3_wrap .con_box_top .con_box .p{
    font-size: calc(100vw * (12 / 428));
   
}
.p_protector .section3_wrap .con_img_icon {
display: block;
width:calc(100vw * (70 / 428));
height:calc(100vw * (70 / 428));
margin-bottom:calc(100vw * (20 / 428));
margin-right:auto;
margin-left:auto;
}

.p_protector .section3_wrap .con_box_bottom>div {
    text-align: left;
}

.p_protector .section3_wrap .con_box_bottom .con_box {
width:100%;
padding-top:calc(100vw * (20 / 428));
padding-bottom:calc(100vw * (20 / 428));
padding-left:calc(100vw * (20 / 428));
border-bottom: 1px solid #dddddd;
}

.p_protector .section3_wrap .con_box_bottom .con_img_wrap {
display: flex;
flex-direction: column;
align-items: center;
margin-top:calc(100vw * (40 / 428));
}



/* section4_wrap 워런티 1년 영역  */
.p_protector .section4_wrap {
width:calc(100vw * (388 / 428));
height:calc(100vw * (240 / 428));
margin:0 auto;
background:url("../img/purchase_pillow/white_fabric_bg.jpg") no-repeat;
background-size: contain;
background-position: center center;
position: relative;
text-align: center;
}

.p_protector .section4_wrap .con_box_wrap {
position: absolute;
left: 50%;
top:50%;
transform:translate(-50%,-50%);
}

.p_protector .section4_wrap .con_img {
    width:calc(100vw * (68 / 428));
    height:calc(100vw * (49 / 428));
margin-bottom:calc(100vw * (10 / 428));
margin-right: auto;
margin-left: auto;
}

.p_protector .section4_wrap .con_box_wrap .blue_span_bold30 {
    font-size: calc(100vw * (14 / 428));
    line-height: 1.5;
}

.p_protector .section4_wrap .con_box_wrap .dark_span_nobold18 {
    font-size: calc(100vw * (12 / 428));
    line-height: 1.4;
}

/* section6_wrap 사이즈 영역  */
.p_protector .section6_wrap .head_wrap {
    border-bottom: 1px solid #203465;
}
.p_protector .section6_wrap .s7_head {
    text-align: center;
}
.p_protector .section6_wrap .s7_head .span {
    font-size: calc(100vw * (16 / 428));
    color:#203465;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: calc(100vw * (22 / 428));
}

.p_protector .section6_wrap .s7_sub .span {
    font-size: calc(100vw * (14 / 428));
    line-height: 1.5;
    text-align: center;
    padding-bottom: calc(100vw * (30 / 428));
}
.p_protector .section6_wrap .title_ {
padding-top:calc(100vw * (32 / 428));
padding-bottom:calc(100vw * (11 / 428));
}

.p_protector .section6_wrap .desc {
padding-top: calc(100vw * (20 / 428));
padding-left: calc(100vw * (5 / 428));
background-color: #fafafa;
line-height: 30px;
}
.p_protector .section6_wrap .desc .p {
margin:inherit;
font-size: calc(100vw * (14 / 428));
line-height: 1.5;
padding-bottom: calc(100vw * (30 / 428));
}

.p_protector .section6_wrap .size_table .s_table {
    display: flex;
}
.p_protector .section6_wrap .size_table .s_table .ul .list {
   width:calc(100vw * (194 / 428));
   height:calc(100vw * (50 / 428));
   display: flex;
   justify-content: center;
   align-items:center;
   
    }

    .p_protector .section6_wrap .size_table .s_table .ul .list .span {
        font-size: calc(100vw * (14 / 428));
    }
.p_protector .section6_wrap .size_table .s_table .ul .list:nth-child(2n+1) {
    background: #fafafa;
    }
.p_protector .section6_wrap .size_table .s_table .ul .list:first-child {
    background:#203465;
}

.p_protector .section6_wrap .con_desc {
    margin-bottom: calc(100vw * (101 / 428));
}

.p_protector .section6_wrap .con_desc .span {
    margin-top: calc(100vw * (22 / 428));
    margin-bottom: calc(100vw * (11 / 428));
}

.p_protector .section6_wrap .con_desc .p {
    font-size: calc(100vw * (14 / 428));
}



.p_protector .section6_wrap .size_table .s_table .list {
background:#fafafa;
}

.p_protector .section6_wrap .size_table .s_table .list .span:not(.white_span18px, .dark_span_nobold18) {
font-weight: bold;
}

.p_protector .section6_wrap .size_table .s_table .list .span.dark_span_nobold18 {
font-weight: 400;
}

.p_protector .section6_wrap .con_desc .p {
padding: 20px 0px;
background-color: #fafafa;
text-align: center;
}


/* 프로텍터 영역  끝 */

/* 플렉스 전체 영역 시작 */

/* section3  영역 */
.p_flex .section2 {
padding:inherit;
background:inherit;
}
.p_flex .section2 .con_img {
width:100%;
height: calc(100vw * (260 / 428));
}

.p_flex .section2 .con_text {
  margin-right: calc(100vw * (20 / 428));
  margin-left: calc(100vw * (20 / 428));
}

.p_flex .section2 .con_text .e_blue_span_bold_line90 {
font-size: calc(100vw * (34 / 428));
}

.p_flex .section2 .con_text .blue_span_bold30 {
  display: inline-block;
font-size: calc(100vw * (18 / 428));
margin-bottom: calc(100vw * (22 / 428));
}

.p_flex .section2 .con_text_right .p {
font-size: calc(100vw * (16 / 428));
word-break: keep-all;
}
.p_flex .section3 {
padding-left: calc(100vw * (20 / 428));
padding-right: calc(100vw * (20 / 428));
text-align: inherit;
}

.p_flex .section3 .blue_span_bold30 {
    display: inline-block;
    font-size: calc(100vw * (16 / 428));
    padding-top:calc(100vw * (22 / 428));
    padding-bottom:calc(100vw * (22 / 428));
}

.p_flex .section3 .p {
    font-size: calc(100vw * (16 / 428));
    line-height: 1.3;
}

.p_flex .section3 .line_ {
display: none;
}

.p_flex .section3 .con_img {
display: none;
}

.p_flex .section2_wrap .con_wrap .con_text_right {
width:100%;
max-width:658px;
}



/* section4  영역 */
.p_flex .section4_wrap {
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
}
.p_flex .section4_wrap .con_img {

}
.p_flex .section4_wrap .con_text {

padding-top: calc(100vw * (30 / 428));
padding-bottom: calc(100vw * (20 / 428));
}

.p_flex .section4 .blue_span_bold30 {
    font-size: calc(100vw * (18 / 428));
    line-height: 1.3;
}

.p_flex .section4_wrap .con_text .p {
    font-size: calc(100vw * (16 / 428));
    word-break: keep-all;
    line-height: 1.5;
    margin-top: calc(100vw * (20 / 428));
}



/* section5  영역 */
/* 스와이퍼 커스텀  */
.p_flex .section5_wrap {
    padding-top: calc(100vw * (41 / 428));
padding-bottom: calc(100vw * (20 / 428));
}
.motionSw .swiper-slide {
margin-right: 10px;
}

.swiper-scrollbar {
width:calc(100vw * (388 / 428));
height:calc(100vw * (6 / 428));
margin-top: calc(100vw * (40 / 428));
margin-right: auto;
margin-left: auto;
}

.the_motion_ .swiper-container-horizontal>.swiper-scrollbar {
    position: relative;
}

.swiper-scrollbar-drag {
background:#203465;
}


.p_flex .section6 {
    padding-left: 0;
    padding-right: 0;
}
/* 배게 영역 끝 */
/* 상세 페이지 공통 영역 끝 */


/* 매트리스 공통 영역 시작  */
#wrap_content article {
  margin:inherit;
}

.sec_01 .con_wrap,
.common_section_wrap .sec_08 .con_title .pc_span,
.con_box_wrap_02,
.sec_09,
.review_con_desc .review_box {
  display:none;
}

/* 매트리스 영역 공통 섹션 묶음 */
/* 해외 외신이 극찬 ~ 검증된 후기를 만나보세요 영역 */


/* 배송팝업  */
.popup_wrap {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 200vh;
  background: rgb(0, 0, 0, 0.4);
  display: none;
}

.popup_wrap .blue_span_bold16 {
  text-align: left;
}

.popup_wrap .e_blue_span_bold16 {
  text-align: center;
}
.delivery_info {

  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.12px;
  text-align: right;
  color: #203465;
}


.popup_contents {
  /* width:800px; */
  background: #ffffff;
  margin: 351px auto;
  padding: 52px 48px;
  text-align: center;
  position: relative;
}

.popup_contents div {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding:32px 0px;
  margin:20px 0px;
  text-align: left;
}


.popup_contents .pop_cancel_btn {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.popup_contents .span {
  display: block;
}
.popup_contents div .span {
  display: inline;
}




/* sec_01 영역  */
.mattCommon .common_section_wrap .sec_01 .m_con_wrap {
  text-align: center;
  padding-bottom: calc(100vw * (60 / 428));
}

.mattCommon .common_section_wrap .sec_01 .m_con_wrap .blue_span_bold_line30 {
  font-size:calc(100vw * (18 / 428));
  text-align: center;
}

.mattCommon .common_section_wrap .sec_01 .m_con_wrap .dark_span_nobold22 {
  font-size:calc(100vw * (16 / 428));
}

.mattCommon .common_section_wrap .sec_01 .m_con_wrap .blue_span_bold22 {
  font-size:calc(100vw * (16 / 428));
}

.mattCommon .common_section_wrap .sec_01 .m_con_wrap .con_box_img {
  width:calc(100vw * (249 / 428));
  margin:0 auto;
}

.mattCommon .common_section_wrap .sec_01 .m_con_wrap .con_desc .span {
  font-size:calc(100vw * (14 / 428));
}

.mattCommon .m_con_wrap .swiper-button-next,
.mattCommon .m_con_wrap .swiper-button-prev {
  color:black;
}

  
  /* sec_02 영역 */
  .common_section_wrap .sec_02,
  .common_section_wrap .sec_04 {
      width:100%;
      padding-left:calc(100vw * (30 / 428));
      padding-top: calc(100vw * (50 / 428));
      padding-bottom: calc(100vw * (50 / 428));
      background:#fafafa;
  }
  .common_section_wrap .sec_04{
    background:#f7f8fd;
  }
  .common_section_wrap .sec_02 {
    background:#f7f8fd;
  }
  
  
  .common_section_wrap .sec_02 .blue_span_bold_line30,
  .common_section_wrap .sec_04 .blue_span_bold_line30  {
      text-align: left;   
      font-size: calc(100vw * (18 / 428)); 
      display: block;
      margin-bottom:calc(100vw * (22 / 428)); 
  }
  
  .common_section_wrap .sec_02 .dark_span_nobold18,
  .common_section_wrap .sec_04 .dark_span_nobold18 {
      word-break: keep-all;
      font-size:calc(100vw * (16 / 428)); 
      line-height: 1.2;
  }
/*     
  .common_section_wrap .sec_02 .con_wrap,
  .common_section_wrap .sec_04 .con_wrap {
  }
  
  .common_section_wrap .sec_02 .con_wrap .con_box,
  .common_section_wrap .sec_04 .con_wrap .con_box {
      
  } */


  .common_section_wrap .sec_02 .con_wrap .con_left_iconbox div,
  .common_section_wrap .sec_04 .con_wrap .con_left_iconbox div {
      display: flex;
      align-items: center;
      margin-top:calc(100vw * (15 / 428)); 
  }
  
  
  .common_section_wrap .sec_02 .con_wrap .icon_img_box,
  .common_section_wrap .sec_04 .con_wrap .icon_img_box {
      width:22px;
      height: 22px;
      margin-right: 10px;
  }
  
  .common_section_wrap .sec_02 .con_wrap .icon_img_box .img {
      vertical-align: bottom;
  }
  
  
  .common_section_wrap .sec_02 .con_wrap .con_right{
      width:calc(100vw * (288 / 428)); 
      margin-left: auto;
      margin-top: calc(100vw * (50 / 428));
  }
  
  .common_section_wrap .sec_02 .con_wrap .con_right video {
    width:100%;
  }
  .common_section_wrap .sec_03 .con_box .con_bg video {
    width:100%;
  }
  .common_section_wrap .sec_04 .con_wrap .con_right video {
    width:100%;
  }
  
  /* sec_03 영역 */
  .common_section_wrap .sec_03 {
      padding-top:calc(100vw * (50 / 428));
      padding-bottom:calc(100vw * (50 / 428)); 
      padding-left:calc(100vw * (20 / 428));  
      padding-right:calc(100vw * (20 / 428)); 
  }
  .common_section_wrap .sec_03 .blue_span_bold_line30 {
      display: block;
      margin-bottom:calc(100vw * (22 / 428)); 
      font-size: calc(100vw * (18 / 428)); 
      text-align: center;
  }

  .common_section_wrap .sec_03 .dark_span_nobold16 {
      font-size: calc(100vw * (14 / 428));
  }

  .common_section_wrap .sec_03 .dark_span_nobold22 {
      display: inline-block;
      font-size: calc(100vw * (16 / 428));
      text-align: center;
      line-height: 1.5;
  }
  
  .common_section_wrap .sec_03 .con_iconbox {        
      margin-top: calc(100vw * (32 /428));
      margin-bottom: calc(100vw * (40 /428));
      text-align: center;
  }
  
  .common_section_wrap .sec_03 .con_iconbox div {
      display: flex;
      align-self: center;
      justify-content: center;
  }
  
  .common_section_wrap .sec_03 .con_iconbox .icon_img_box {
      width:calc(100vw * (18 /428));
      margin-right:calc(100vw * (10 /428));
  }
  
  .common_section_wrap .sec_03 .con_iconbox .icon_img_box .img {
      vertical-align: middle;
  }
  
  .common_section_wrap .sec_03 .con_box .con_bg {
      width:calc(100vw * (388 /428));
  }
  
  
  
  /* sec_04 영역 */

  .common_section_wrap .sec_04 .dark_span_nobold16 {
      font-size: calc(100vw * (14 / 428));
  }
  .common_section_wrap .sec_04 .con_wrap .icon_img_box .img {
      vertical-align: middle;
  }
  
  .common_section_wrap .sec_04 .con_wrap .con_right {
      width:calc(100vw * (320 / 428));
      margin-left: auto;
      margin-top:calc(100vw * (40 / 428));
          
  }
  
  
  /* sec_05 영역  */
      .common_section_wrap .sec_05 .blue_span_bold_line30 {
          display: block;
          font-size:calc(100vw * (18 / 428));
          text-align: center;
      }

      .common_section_wrap .sec_05 .dark_span_nobold22{
          display: inline-block;
          font-size:calc(100vw * (16 / 428));
          text-align: center;
          line-height: 1.4;
      }
      
      .common_section_wrap .sec_05{
          width:100%;
          padding-top:calc(100vw * (50 / 428));
          padding-bottom:calc(100vw * (50 / 428));
          padding-left:calc(100vw * (20 / 428));
          padding-right:calc(100vw * (20 / 428));
      }
      
      .common_section_wrap .sec_05 .con_box_wrap {
          width:100%;
          max-width: 1000px;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin: 0px auto 0px auto;  
          margin-top:calc(100vw * (50 / 428));
          text-align: center;
          border-bottom: 2px solid #dddddd;
          position: relative;
      }
  
      .common_section_wrap .sec_05 .con_box_wrap .con_box {
          padding-bottom: 60px;
      }
  
      .common_section_wrap .sec_05 .con_box_wrap .con_box::after {
          content: "";
          width:calc(100vw * (10 / 428));;
          height: calc(100vw * (10 / 428));;
          border-radius: 50%;
          background:#dddddd;
          position: absolute;
          bottom:0%;
          transform: translate(-50%, 60%);
      }
  
      .common_section_wrap .sec_05 .con_box_wrap .con_box:nth-child(1)::after{
          background:#203465;
      }
      
      .common_section_wrap .sec_05 .con_box_img {
      width:calc(100vw * (40 / 428));
      height:calc(100vw * (28 / 428));
      margin:0 auto;
      }
  
      .common_section_wrap .sec_05 .con_box_wrap .blue_span_bold16 {
          display: none;
      }

      .common_section_wrap .sec_05 .con_box_wrap .blue_nobold18 {
          font-size:calc(100vw * (12 / 428));
          line-height: 1.2;
      }
  
      .common_section_wrap .sec_05 .con_wrap .con_img_warp {
          margin:0px auto 0px auto;
          margin-top: calc(100vw * (27 / 428));
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          text-align: center;
      }

      .common_section_wrap .sec_05 .con_wrap .con_img_warp>div {
          display: flex;
          flex-direction: column;

      }
  
      .common_section_wrap .sec_05 .con_wrap .con_img_warp .img {
          margin-bottom: 20px;
      }
  
      .common_section_wrap .sec_05 .con_wrap .con_img_warp .con_img_left .img {
          width:calc(100vw * (60 / 428));
          height:calc(100vw * (39 / 428));
      }
  
      .common_section_wrap .sec_05 .con_wrap .con_img_warp .con_img_right .img {
          width:calc(100vw * (64 / 428));
          height:calc(100vw * (27 / 428));
      }

      .common_section_wrap .sec_05 .con_wrap .con_img_warp .dark_span_16px {
          display: inline-block;
          width: calc(100vw * (70 / 428));
          font-size:calc(100vw * (12 / 428));
          line-height: 1.2;
      }
  
  
  
  /* sec_06 영역  */
  .common_section_wrap .sec_06 {
      background:#d0d0d0;
      padding-top:calc(100vw * (50 / 428));
      padding-bottom:calc(100vw * (50 / 428));
  }

  .common_section_wrap .sec_06 .e_blue_span_bold30 {
          text-align: center;
          margin-bottom: 26px;
          font-size:calc(100vw * (18 / 428));
          line-height: 1.2;
          display: block;
      }
  
      .common_section_wrap .sec_06 .dark_span_nobold18 {
          display: block;
          font-size:calc(100vw * (16 / 428));
          line-height: 1.5;
          text-align: center;
          padding-right:calc(100vw * (10 / 428));
          padding-left:calc(100vw * (10 / 428));
          word-break: keep-all;
      }

      .common_section_wrap .sec_06 .con_box_wrap {
          display: none;
      }

      .common_section_wrap .sec_06 .con_img {
          width:calc(100vw * (403 / 428));
          height: inherit;
          position:relative;
      }

      .common_section_wrap .sec_06 .con_desc_img {
          max-width:calc(100vw * (80 / 428))
      }

      .common_section_wrap .sec_06 .con_desc .p {
          width:calc(100vw * (290 / 428));
          font-size:calc(100vw * (12 / 428));
          padding-left:calc(100vw * (40 / 428));
      }

      .common_section_wrap .sec_06 .con_desc>div {
          display: flex;
          justify-content: space-around;
          align-items: center;
          margin-bottom: calc(100vw * (40 / 428));
      }

      /* 하이브리드 구간 시작 */
      .hybrid_matt_as2 .sec_06 .con_desc .div,
      .hybrid_matt_as3 .sec_06 .con_desc .div,
      .hybrid_matt_as5 .sec_06 .con_desc .div {
          
          position:absolute;
          background:#ffffff;
          padding-top:calc(100vw * (30 / 428));
          padding-right:calc(100vw * (26 / 428));
          padding-bottom:calc(100vw * (30 / 428));
          padding-left:calc(100vw * (22 / 428));
          z-index:4;
      }

      .hybrid_matt_as2 .sec_06 .con_desc .p,
      .hybrid_matt_as3 .sec_06 .con_desc .p,
      .hybrid_matt_as5 .sec_06 .con_desc .p{
        padding-left: calc(100vw * (13 / 428));
      }

      .hybrid_matt_as2 .sec_06 .con_desc .div,
      .hybrid_matt_as3 .sec_06 .con_desc .div,
      .hybrid_matt_as5 .sec_06 .con_desc .div {
        display:none;
      }

      .hybrid_matt_as2 .sec_06 .con_desc .p {
          width:calc(100vw * (350 / 428));
          font-size:calc(100vw * (12 / 428));
      }

      /* 하이브리드 구간 끝 */

      .common_section_wrap .sec_06 .blue_span_bold22 {
          display: block;
          font-size: calc(100vw * (16 / 428));
          margin-bottom: calc(100vw * (10 / 428));
      }
  
  
      /* sec_07 영역  */
  .common_section_wrap .sec_07,
  .common_section_wrap .hybrid_sec_07 {
      background:#000000;
      padding-top: calc(100vw * (50 / 428));
      padding-bottom: calc(100vw * (50 / 428));
      padding-left: calc(100vw * (20 / 428));
      padding-right: calc(100vw * (20 / 428));
  }

  .common_section_wrap .sec_07 .skyblue_bold30px,
  .common_section_wrap .hybrid_sec_07 .skyblue_bold30px {
      display: block;
      font-size: calc(100vw * (18 / 428));
      margin-bottom: calc(100vw * (22 / 428));
      line-height: 1.5;
      text-align: center;

  }
  .common_section_wrap .sec_07 .con_wrap .con_title .white_span18px,
  .common_section_wrap .hybrid_sec_07 .con_wrap .con_title .white_span18px {
      display: block;
      font-size: calc(100vw * (16 / 428));
      line-height: 1.4;
      text-align: center;
      margin-bottom: calc(100vw * (22 / 428));
  }
  
  .common_section_wrap .sec_07 .con_wrap .con_img,
  .common_section_wrap .hybrid_sec_07 .con_wrap .con_img {
      width:calc(100vw * (388 / 428));
      height: calc(100vw * (129 / 428));
  }

  /* 매트리스 하이브리드 상세페이지 중 추가 컨텐츠 hybrid_add_sec_1 영역*/


  .hybrid_add_sec_1 .con_wrap {
      padding-top: calc(100vw * (50 / 428));
  }

  .hybrid_add_sec_1 .con_wrap .con_title {
      margin-top: calc(100vw * (40 / 428));
  }

  .hybrid_add_sec_1 .con_title .blue_span_bold_line30{
      display: block;
      font-size:calc(100vw * (18 / 428));
      line-height: 1.2;
      text-align: center;
      padding-bottom: calc(100vw * (20 / 428));
  }

  .hybrid_add_sec_1 .con_title .dark_span_nobold22{
      display: block;
      font-size:calc(100vw * (18 / 428));
      line-height: 1.2;
      text-align: center;
      margin-bottom: calc(100vw * (41 /428));
  }


  .hybrid_add_sec_1 .con_wrap .con_box_wrap  {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      margin-bottom: calc(100vw * (30 /428));
      padding-right:calc(100vw * (20 /428));
      padding-left:calc(100vw * (20 /428));
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box {
     width:calc(100vw * (184 / 428));
      text-align: center;
      margin-bottom: calc(100vw * (30 /428));
  }
  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .con_box_img {
      width:calc(100vw * (70 / 428));
      height: calc(100vw * (70 / 428));
      margin:0 auto;
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .blue_span_bold20 {
      display: block;
      text-align: center;
      font-size:calc(100vw * (14 / 428));
      padding-top:calc(100vw * (21 / 428));
      padding-bottom:calc(100vw * (11 / 428));
      line-height: 1.2;
      text-align: center;
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .dark_span_16px {
      display: block;
      text-align: center;
      font-size:calc(100vw * (12 / 428));
      line-height: 1.4;
      text-align: center;
  }

  .hybrid_matt_as2 .sec_07,
  .hybrid_matt_as2 .sec_08,
  .hybrid_matt_as3 .sec_07,
  .hybrid_matt_as3 .sec_08,
  .hybrid_matt_as5 .sec_07,
  .hybrid_matt_as5 .sec_08 {
      display: none;
  }

  .hybrid_matt_as2 .m_sec_09 {
      display: block;
  }


  
      /* hybrid sec09_wrap 영역  */
      .m_sec_09 .con_wrap .con_container {
          margin:0 auto;
      }
      .m_sec_09 .swiper-container-pointer-events {
          
          padding-left: calc(100vw * (20 / 428));
      }
      
        .m_sec_09 .con_wrap .top_cont .text_wrap {
          padding:calc(100vw * (15 / 428))
        }
        
        .m_sec_09 .con_wrap .top_cont .text_wrap .title_link {
          display: flex;
          justify-content: space-between;
          padding-bottom: 20px;
          border-bottom: 1px solid #dddddd;
          
        }
        
       .m_sec_09 .con_wrap .top_cont .text_wrap .text_desc {
          padding-top: 20px;
        }
        
       .m_sec_09 .con_wrap .top_cont .title_ {
          text-align: center;
          margin-bottom: 60px;
        }
        
       .m_sec_09 .con_wrap .top_cont .title_ .span{
          display: block;
          text-align: inherit;
          font-size: calc(100vw * (18 / 428));
        }
      
        .m_sec_09 .con_desc>div:nth-child(2) {
           
        }
        
        
        .m_sec_09 .img_con {
          width:calc(100vw * (358 / 428))
        }
        
        .m_sec_09 .title_link .span {
          display: inline-block;
          font-size:calc(100vw * (20 / 428));
          line-height: 1.4;
          color: #203465;
        }
        
        .m_sec_09 .title_link .link {
        display: inline-block;
        width:60px;
        height: 60px;
        }
      
      
  
  
      /* sec_08 영역  */
      .common_section_wrap .sec_08 {
          padding-top: calc(100vw * (50 / 428))
      }
      
  
      .common_section_wrap .sec_08 .con_title .blue_span_bold_line30 {
          display: block;
          font-size:calc(100vw * (16 / 428));
          margin-bottom: calc(100vw * (11 / 428));
          text-align: center;
          
      }
      .common_section_wrap .sec_08 .con_title .m_span {
          display: block;
          margin-bottom: 50px;
          font-size: calc(100vw * (14 / 428));
          line-height: 1.5;
      }
  
      .common_section_wrap .sec_08 .con_wrap {
          width:100%;
          max-width: 1200px;
          margin:0 auto;
      }
  
      .common_section_wrap .sec_08 .table_con_box {
          display: flex;
          justify-content: space-between;
          padding-bottom:calc(100vw * (61 / 428));
          padding-left:calc(100vw * (20 / 428));
          padding-right:calc(100vw * (20 / 428));
      }

      .common_section_wrap .sec_08 .table_con_box .ul {
          flex-grow: 1;
      }
  
      .common_section_wrap .sec_08 .table_con_box .ul .list {
          text-align: center;
          height: calc(100vw * (36 /428));
          padding-top:calc(100vw * (10 / 428));
          padding-bottom:calc(100vw * (10 / 428));
          background-color: #fafafa;
          font-size: calc(100vw * (12 / 428))
      }
  
      .common_section_wrap .sec_08 .table_con_box .ul .li_title_ {
          background:#203465;
          color:#ffffff;
          font-weight: 300;
      }

  
      .common_section_wrap .sec_08 .frame_con_box .con_title {
          padding-bottom: 85px;
          text-align: center;
      }
  
      .common_section_wrap .sec_08 .frame_con_box .button {
          width: calc(100vw * (180 / 428));
          height: calc(100vw * (50 / 428));
          padding-top: calc(100vw * (15 / 428));
          padding-bottom: calc(100vw * (15 / 428));
          background-color: #203465;
          color:#ffffff;
          border:none;
          font-size: calc(100vw * (16 / 428));
      }

      .common_section_wrap .sec_08 .frame_con_box .frameSw .swiper-slide {
          padding-right:calc(100vw * (20 / 428));
          padding-left:calc(100vw * (20 / 428));
      }
      .common_section_wrap .sec_08 .frame_con_box .con_box {
          margin:0 auto;
      }
      .common_section_wrap .sec_08 .frame_con_box .con_img {
          width:inherit;
          height: inherit;
          padding-bottom: calc(100vw * (45 / 428));
          text-align: center;
      }
  
      .common_section_wrap .sec_08 .frame_con_box .con_img .img {
          
      width:calc(100vw * (190 / 428));
      height: calc(100vw * (110 / 428));
      }
  
  
      .common_section_wrap .sec_08 .frame_con_box .con_box .con_desc {
          width:100%;
          border-top: 1px solid #bbbbbb;
      }
  
      .common_section_wrap .sec_08 .frame_con_box .con_box .con_desc .blue_span_bold20 {
          display: block;
          padding-top:calc(100vw * (20 / 428));
          padding-bottom:calc(100vw * (20 / 428));
          padding-left:calc(100vw * (5 / 428));
          text-align: left;
          font-size:calc(100vw * (20 / 428));
      }

      .common_section_wrap .frameSw .dark_span_nobold16 {
          display: block;
          font-size: calc(100vw * (16 / 428));
          text-align: left;
          line-height: 1.2;
      }


      .frameSw .swiper-button-next, .frameSw .swiper-button-prev {
          top:18%;
      }

      .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
          right: calc(100vw * (20 / 428));
          left: auto;
      }

      .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
          left: calc(100vw * (20 / 428));
          right: auto;
      }

      .swiper-button-next, .swiper-button-prev {
          width: calc(100vw * (20 / 428));
          height: calc(100vw * (20 / 428));
          color:black;
      }
      
  
      /* sec_10 영역  */
    .sec_10 .con_wrap {
        width:100%;
        max-width: 1200px;
        margin:0 auto;
        padding-top:calc(100vw * (102 / 428));
        padding-bottom:calc(100vw * (81 / 428));
        padding-left:calc(100vw * (20 / 428));
        padding-right:calc(100vw * (20 / 428));
    }

    .sec_10 .blue_span_bold30 {
        display: block;
        font-size: calc(100vw * (18 / 428));
        padding-bottom:calc(100vw * (20 / 428));
    }

    .sec_10 .con_wrap .mini_qna .link .span {
      width: 100%;
      display: block;
      text-align: right;
      font-size: calc(100vw * (16 / 428));
      line-height: 1.2;
    }

    .q_title {
        width:calc(100vw * (230 / 428));
        font-size:calc(100vw * (14 / 428));
        line-height: 1.5;
    }

    .a_desc {
        font-size:calc(100vw * (14 / 428));
        line-height: 1.2;
    }
  




    
/* 리뷰 영역  */
.product_detail_common .section11_wrap {
  width:100%;
  max-width: 1364px;
  margin:0 auto;
}

.product_detail_common .section11_wrap .s8_head .span{  
  display: inline;
  padding-bottom: calc(100vw * (15 / 428));
  font-size: calc(100vw * (18 / 428));
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: -0.3px;
  text-align: center;
  color: #203465;
}

.product_detail_common .section11_wrap .s8_head {
  padding-bottom: calc(100vw * (20 / 428));
  text-align: center;
  font-size:calc(100vw * (18 / 428));
  line-height: 1.2;
  color:#203465;
  font-weight: bold;
}

.product_detail_common .section11_wrap .review_con {
display: flex;
flex-direction: column-reverse;

}

.product_detail_common .section11_wrap .review_con .left_con {
width:100%;
padding-top: calc(100vw * (50 / 428));
}

.product_detail_common .section11_wrap .review_write {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom:1px solid #bbbbbb;
}

.product_detail_common .section11_wrap .review_con_desc {
  padding-top: calc(100vw * (20 / 428));
  padding-bottom: calc(100vw * (30 / 428));
}

.product_detail_common .section11_wrap .review_title .title_img {
display: inline-block;
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
vertical-align: bottom;
}

.product_detail_common .section11_wrap .review_title .span {
  display: inline-block;
  margin-left: calc(100vw * (10 / 428));
  font-size:calc(100vw * (16 / 428));
  line-height: 1.2;
}

.product_detail_common .section11_wrap .review_link .span {
  font-size:calc(100vw * (16 / 428));
  line-height: 1.2;
}



.product_detail_common .section11_wrap .review_box .ul .list {
width: 100%;
margin-top: 20px;
padding: 21px 40px 19px;
border-radius: 10px;
background-color: #fafafa;
}

.product_detail_common .section11_wrap .review_box_bottom {
position: relative;
}

.product_detail_common .section11_wrap .review_box_bottom .more_btn_wrap {
text-align: right;
}

.product_detail_common .section11_wrap .review_box_bottom .more_btn {
  margin-top: calc(100vw * (12 / 428));
  background:none;
  font-size:calc(100vw * (16 / 428));
  border:none;
}

.review_box_bottom_customer {
width:100%;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
max-height: 100px;
word-break: break-all;
cursor: pointer;
font-size: calc(100vw * (16 / 428));
}

.text_clicked {
display: block;
overflow: visible;
max-height: inherit;
}

.review_box .more_btn {
width: 63px;
height: 21px;
background:none;
border:none;
}



.product_detail_common .section11_wrap .review_box_top .user_information {
margin-right: 23px;
}
.product_detail_common .section11_wrap .review_box_top .user_information .span {
  font-size: calc(100vw * (16 / 428));
font-weight: bold;
line-height: 1.3;
text-align: left;
color: #333333;
display: inline;
}




.product_detail_common .section11_wrap .review_box_top .re_sns .link {
display: inline-block;
width:calc(100vw * (20 / 428));
height:calc(100vw * (20 / 428));
vertical-align:bottom;
margin-right: calc(100vw * (10 / 428));
}

.product_detail_common .section11_wrap .review_box_top .titme_ {
  padding-top: calc(100vw * (10 / 428));
  padding-bottom: calc(100vw * (23 / 428));
}

.product_detail_common .section11_wrap .review_box_top .titme_ .span {
  font-size: calc(100vw * (16 / 428));
line-height: 1.2;
text-align: left;
color: #bbbbbb;
}

.product_detail_common .section11_wrap .m_review_box .list {
  padding:calc(100vw * (20 / 428));
  background:#fafafa;
  border-radius: 15px;
  margin-bottom: calc(100vw * (10 / 428));
}

.product_detail_common .section11_wrap .review_box_top .user_review_info {
display: flex;
align-items: center;
}

.product_detail_common .section11_wrap .em_star {
display: inline-block;
width:calc(100vw * (20 / 428));
height: calc(100vw * (20 / 428));
margin-right:calc(100vw * (5 / 428));
vertical-align: text-bottom;
}

.product_detail_common .section11_wrap .left_con .pagenation .ul {
display: flex;
justify-content: center;
}

.product_detail_common .section11_wrap .left_con .pagenation .ul .span {
display: inline-block;
margin:0px 5px;
font-size: calc(100vw * (18 / 428));
line-height: 1;
text-align: center;
color: #333333;

}

.product_detail_common .section11_wrap .left_con .pagenation .ul .span.on_ {
font-weight: bold;
color:#203465;
font-size: calc(100vw * (18 / 428));
}


.product_detail_common .section11_wrap .right_con .s8_head{  
text-align: left;
}

.product_detail_common .section11_wrap .right_con .progress {
border-radius: 10px; 
width:calc(100vw * (184 / 428));
height: 10px;
vertical-align: middle;
margin:0 19px;
}

.product_detail_common .section11_wrap .right_con .dark_span_nobold18 {
      font-size: calc(100vw * (18 / 428));
}

.product_detail_common .section11_wrap .right_con .progress::-webkit-progress-bar {
background-color: #eaeaea;
border-radius: 10px;
border:none;
}
.product_detail_common .section11_wrap .right_con .progress::-webkit-progress-value {
background-color: #7497e1;
border-radius: 10px;
}


.product_detail_common .section11_wrap .right_con .con_desc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_detail_common .section11_wrap .right_con {
  width:100%;
}

.product_detail_common .section11_wrap .right_con_wrap .em_star {
display: inline-block;
width:calc(100vw * (16 / 428));
height: calc(100vw * (16 / 428));
margin-right:calc(100vw * (1 / 428));
vertical-align: text-bottom;
}

.product_detail_common .section11_wrap .right_con_wrap .em_star:last-child {
  margin:0px;
}

.product_detail_common .section11_wrap .right_con_wrap .ul .list {
margin-bottom: 36px;
}






    /* as1 페이지  */

.matt_as1 .section1 .title_span,
.matt_as2 .section1 .title_span,
.matt_as3 .section1 .title_span,
.matt_as4 .section1 .title_span,
.matt_as5 .section1 .title_span,
.hybrid_matt_as2 .section1 .title_span,
.hybrid_matt_as3 .section1 .title_span,
.hybrid_matt_as5 .section1 .title_span {
  display: block;
  margin-bottom:calc(100vw * (30 / 428));
}

.matt_as1 .simple_desc_img,
.matt_as2 .simple_desc_img,
.matt_as3 .simple_desc_img,
.matt_as4 .simple_desc_img,
.matt_as5 .simple_desc_img,
.hybrid_matt_as2 .simple_desc_img,
.hybrid_matt_as3 .simple_desc_img,
.hybrid_matt_as5 .simple_desc_img {
  width:calc(100vw * (60 / 428));
  height:calc(100vw * (46 / 428));
}

.matt_as1 .simple_desc_wrap,
.matt_as2 .simple_desc_wrap,
.matt_as3 .simple_desc_wrap,
.matt_as4 .simple_desc_wrap,
.matt_as5 .simple_desc_wrap,
.hybrid_matt_as2 .simple_desc_wrap,
.hybrid_matt_as3 .simple_desc_wrap,
.hybrid_matt_as5 .simple_desc_wrap{

  display: flex;
  align-items: center;
  margin-bottom: calc(100vw * (20 / 428));
}

.matt_as1 .simple_desc_wrap .dl div,
.matt_as2 .simple_desc_wrap .dl div,
.matt_as3 .simple_desc_wrap .dl div,
.matt_as4 .simple_desc_wrap .dl div,
.matt_as5 .simple_desc_wrap .dl div,
.hybrid_matt_as2 .simple_desc_wrap .dl div,
.hybrid_matt_as3 .simple_desc_wrap .dl div,
.hybrid_matt_as5 .simple_desc_wrap .dl div {
  display: flex;
}

.matt_as1 .title_ .white_span_12px,
.matt_as2 .title_ .white_span_12px,
.matt_as3 .title_ .white_span_12px,
.matt_as4 .title_ .white_span_12px,
.matt_as5 .title_ .white_span_12px,
.hybrid_matt_as2 .title_ .white_span_12px,
.hybrid_matt_as3 .title_ .white_span_12px,
.hybrid_matt_as5 .title_ .white_span_12px {
  font-size: calc(100vw * (12 / 428));
  line-height: 1.2;
  display: block
}

.matt_as1 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.matt_as2 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.matt_as3 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.matt_as4 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.matt_as5 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.hybrid_matt_as2 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.hybrid_matt_as3 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
.hybrid_matt_as5 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1) {
  margin-left: calc(100vw * (20 / 428));
}


.matt_as1 .section2_wrap .top_img_wrap,
.matt_as2 .section2_wrap .top_img_wrap,
.matt_as3 .section2_wrap .top_img_wrap,
.matt_as4 .section2_wrap .top_img_wrap,
.matt_as5 .section2_wrap .top_img_wrap,
.hybrid_matt_as2 .section2_wrap .top_img_wrap,
.hybrid_matt_as3 .section2_wrap .top_img_wrap,
.hybrid_matt_as5 .section2_wrap .top_img_wrap {
  height: 429px;
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  align-items: inherit;
}

.matt_as1 .section2_wrap .top_img_wrap .left_icon,
.matt_as1 .section2_wrap .top_img_wrap .right_icon,
.matt_as2 .section2_wrap .top_img_wrap .left_icon,
.matt_as2 .section2_wrap .top_img_wrap .right_icon, 
.matt_as3 .section2_wrap .top_img_wrap .left_icon,
.matt_as3 .section2_wrap .top_img_wrap .right_icon, 
.matt_as4 .section2_wrap .top_img_wrap .left_icon,
.matt_as4 .section2_wrap .top_img_wrap .right_icon, 
.matt_as5 .section2_wrap .top_img_wrap .left_icon,
.matt_as5 .section2_wrap .top_img_wrap .right_icon,
.hybrid_matt_as2 .section2_wrap .top_img_wrap .left_icon,
.hybrid_matt_as2 .section2_wrap .top_img_wrap .right_icon, 
.hybrid_matt_as3 .section2_wrap .top_img_wrap .left_icon,
.hybrid_matt_as3 .section2_wrap .top_img_wrap .right_icon, 
.hybrid_matt_as5 .section2_wrap .top_img_wrap .left_icon,
.hybrid_matt_as5 .section2_wrap .top_img_wrap .right_icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.matt_as1 .section2_wrap .img_wrap .desc_p,
.matt_as2 .section2_wrap .img_wrap .desc_p,
.matt_as3 .section2_wrap .img_wrap .desc_p,
.matt_as4 .section2_wrap .img_wrap .desc_p,
.matt_as5 .section2_wrap .img_wrap .desc_p,
.hybrid_matt_as2 .section2_wrap .img_wrap .desc_p,
.hybrid_matt_as3 .section2_wrap .img_wrap .desc_p,
.hybrid_matt_as5 .section2_wrap .img_wrap .desc_p {


  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #203465;
}

.matt_as .section2_wrap .top_img_wrap,
.matt_as2 .section2_wrap .top_img_wrap,
.matt_as3 .section2_wrap .top_img_wrap,
.matt_as4 .section2_wrap .top_img_wrap,
.matt_as5 .section2_wrap .top_img_wrap,
.hybrid_matt_as2 .section2_wrap .top_img_wrap,
.hybrid_matt_as3 .section2_wrap .top_img_wrap,
.hybrid_matt_as5 .section2_wrap .top_img_wrap {
  margin-bottom: calc(100vw * (80 / 428));
}



/* as5 페이지  */
.matt_as5 .common_section_wrap .sec_06 {
  padding:100px 0px 150px 0px;
}
  .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box {
      align-items: inherit;
  }
.matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
  height: inherit;
  padding:73px 0px 0px 30px;
}
.matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
  line-height: 26px;
  margin-bottom: 27px;
}

/* hybrid matt as2 영역  */
.hybrid_matt_as2 .common_section_wrap .sec_06,
.hybrid_matt_as3 .common_section_wrap .sec_06,
.hybrid_matt_as5 .common_section_wrap .sec_06 {
  background: #d0d0d0;
  padding: 100px 0px;
}

  
.hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box,
.hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box,
.hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box {
  width:100%;
  max-width: 1920px;
  margin:0 auto;
  display: flex;
  align-items: inherit;
}

.hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
.hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
.hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
  height: inherit;
  padding-left: 30px;
}

.hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
.hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
.hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
  height: inherit;
  padding: 68px 0px 0px 30px;

}
.hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px,
.hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px,
.hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
  line-height: 26px;
  margin-bottom: 30px;
}



/* 매트리스 공통 영역 끝  */

/* 매트리스 규격 페이지 시작 영역 싱글, 퀸, 킹, 라지킹   */

/* common 영역  */
body {
  font-size: calc(100 * (16 / 428));
  line-height: 1.5;
}
.blue_span_bold_line30 {
  font-size: calc(100vw * (17 / 428));
  line-height: 1.7;
}
.blue_span_bold30,
.blue_span_bold24,
.blue_bold18_,
.dark_span_nobold18 {
  font-size: calc(100vw * (16 / 428));
  line-height: 1.6;
}
.dark_span_nobold18,
.dark_span_nobold18,
.dark_span_Li_nobold18 {
  font-size: calc(100vw * (16 / 428));
  line-height: 1.5;
}


.matt_dimensions .sec_01 .con_wrap,
.matt_dimensions .bottom_text,
.matt_dimensions .section10_wrap .con_table,
.matt_dimensions .con_title {
  display: none;
}
.matt_dimensions .section5_wrap .con_title {
  display: block;
}
.matt_dimensions .container {
  display: flex;
  flex-direction: column;
}

.matt_dimensions .section1{order:0;}
.matt_dimensions #mattSizeCommonInner{order:1;}
.matt_dimensions .section4{order:2;
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
}
.matt_dimensions .section5{order:3;}
.matt_dimensions .section6{order:4;}
.matt_dimensions .section7{order:5;}
.matt_dimensions .section8{order:6;}
.matt_dimensions .section9{order:7;}
.matt_dimensions .section10{order:9;}
.matt_dimensions .section11{order:8;}
.matt_dimensions .section12{order:11;}
.matt_dimensions .section13{order:10;}

.matt_dimensions .section4_wrap {
  padding:inherit;
}
section {
  margin:0 auto;
  padding-right: calc(100vw * (20 / 428));
  padding-left: calc(100vw * (20 / 428));
}
.button {
  width: calc(100vw * (160 / 428));
  height: calc(100vw * (50 / 428));
  display: flex;
  justify-content: center;
  align-items: center;
  color:#203465;
  border: solid 1px #203465;
  background-color: #ffffff;
  font-size: calc(100vw * (14 / 428));
}

/* 리뷰 영역  */
.matt_dimensions .common_con_box-review {
  text-align: center;
}
  .matt_dimensions .common_con_box-review .blue_span_bold_line30 {
      text-align: center;
  }
  
  .matt_dimensions .common_con_box-review .sec_01{
      
      margin:0 auto;
  }
  
  .matt_dimensions .common_con_box-review .sec_01 .con_box_wrap {
   
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 60px;
  }
  
  .matt_dimensions .common_con_box-review .sec_01 .con_box_img {
  width:249px;
  height: 100px;
  }

  
/* sec_01 영역  */
.matt_dimensions .common_con_box-review .sec_01 .m_con_wrap {
  text-align: center;
  padding-bottom: calc(100vw * (60 / 428));
}

.matt_dimensions .common_con_box-review .sec_01 .m_con_wrap .blue_span_bold_line30 {
  font-size:calc(100vw * (18 / 428));
}

.matt_dimensions .common_con_box-review .sec_01 .m_con_wrap .dark_span_nobold22 {
  font-size:calc(100vw * (16 / 428));
}

.matt_dimensions .common_con_box-review .sec_01 .m_con_wrap .blue_span_bold22 {
  font-size:calc(100vw * (16 / 428));
}

.matt_dimensions .common_con_box-review .sec_01 .m_con_wrap .con_box_img {
  width:calc(100vw * (249 / 428));
  height: 100%;
  margin:0 auto;
}

.matt_dimensions .common_con_box-review .sec_01 .m_con_wrap .con_desc .span {
  font-size:calc(100vw * (14 / 428));
}

.matt_dimensions .m_con_wrap .swiper-button-next,
.matt_dimensions .m_con_wrap .swiper-button-prev {
  color:black;
}



/* 숙면을 이미지 영역 */
.matt_dimensions .common_con_box {
  width: 100%;
padding-top:calc(100vw * (51 / 428));
background:#ffffff;
}
.matt_dimensions .common_con_box .con_box_wrap {
margin:0 auto;
padding-right: calc(100vw * (20 / 428));
padding-left: calc(100vw * (20 / 428));
padding-bottom: calc(100vw * (80 / 428));
}

.matt_dimensions .common_con_box .con_box_left .blue_span_nobold30 {
  font-size: calc(100vw * (18 / 428));
  line-height: 1.5;
}
.matt_dimensions .common_con_box .con_box_left .p {
  font-size: calc(100vw * (16 / 428));
  line-height: 1.7;
}

.matt_dimensions .common_con_box .con_box_left .p br,
.matt_dimensions .common_con_box .line_ {
  display: none;
}

.matt_dimensions .common_con_box .con_box .con_box_left{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}

.matt_dimensions .common_con_box .con_box-text .dark_span_nobold18{
  display: inline-block;
  font-size: calc(100vw * (16 / 428));
  line-height: 1.7;
  margin-bottom:calc(100vw * (40 / 428));
}

.matt_dimensions .common_con_box .con_box-text .dark_span_nobold18 br {
  display: none;
}

.matt_dimensions .m_bottom_text {
  display: flex;
  flex-direction: column;
  margin-top:calc(100vw * (43 / 428));
}

.matt_dimensions .m_bottom_text span {
  display: inline-block;
  font-size: calc(100vw * (16 / 428));
  color:#203465;

  margin-bottom:calc(100vw * (21 / 428));
}

.matt_dimensions .common_con_box .con_box-img {
  width:100%;
  height: 100%;
}

.matt_dimensions .common_con_box .con_box .con_box_right .blue_span_nobold30 {
  font-size:calc(100vw * (18 / 428));
  margin-top:calc(100vw * (40 / 428));
  margin-bottom:calc(100vw * (20 / 428));
}

/* common 영역 끝 */


/*matt_dimensions section1_wrap 영역 시작  */
.matt_dimensions .section1 {
  padding:inherit;
}
.matt_dimensions .section1_wrap .con_box_wrap {
  padding-top: calc(100vw * (50 / 428));
}

.matt_dimensions .section1_wrap .con_box_left {
  display: none;
}

.matt_dimensions .section1_wrap .con_box_center {
  text-align: center;
}

.matt_dimensions .section1_wrap .con_box_center .blue_span_nobold30 {
  font-size: calc(100vw * (24 / 428));
}
.matt_dimensions .section1_wrap .con_box_center .dark_span_nobold22 {
  display: inline-block;
  font-size: calc(100vw * (18 / 428));
  margin-top: calc(100vw * (22 / 428));
  margin-bottom: calc(100vw * (30 / 428));
  line-height: 1.4;
}

.matt_dimensions .section1_wrap .con_box_center-img {
  display: block;
  width:100%;
  height:100%;
}

.matt_dimensions .section1_wrap .con_box_right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.matt_dimensions .section1_wrap .con_box_right .h1 {
  width: 100%;
  font-family: 'Eina01',sans-serif;
  font-size: calc(100vw * (34 / 428));
  font-weight: bold;
  line-height: 2;
  text-align: center;
  color: #203465;
  padding-top: calc(100vw * (41 /428));
  padding-bottom: calc(100vw * (32 /428));
} 

.matt_dimensions .section1_wrap .con_box_right .h1>br {
  display: none;
}

.matt_dimensions .section1_wrap .con_box_right .e_blue_span_bold30 {
  font-size: calc(100vw * (23 / 428));
  padding-top: calc(100vw * (12 / 428));
  padding-bottom: calc(100vw * (30 / 428));
}

.matt_dimensions .section1_wrap .con_box_right .e_blue_span_bold30 span {
  display: inline;
}


/* 아메리슬리 슈퍼싱글은 누구에게 맞을까요? section4_wrap 영역 시작  */
.matt_dimensions.section4 {
  width:100%;
  max-width: inherit;
  background:#fafafa;
  padding-top: calc(100vw * (50 / 428));
}

.matt_dimensions.section4 .section4_wrap .con_title {
  text-align: center;
  margin-bottom: calc(100vw * (45 / 428));
}
.matt_dimensions.section4 .section4_wrap .con_title .span {
  font-size: calc(100vw * (18 / 428));
}

.matt_dimensions.section4 .section4_wrap .con_box_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}

.matt_dimensions .section4_wrap .con_box {
display: flex;
align-items: center;
margin-bottom: 80px;
}

.matt_dimensions .section4_wrap .con_box .con_img {
  width:calc(100vw * (70 / 428));
  height:calc(100vw * (70 / 428));
}

.matt_dimensions .section4_wrap .con_box .con_img img {
  display: block;
  width:calc(100vw * (70 / 428));
  height:calc(100vw * (70 / 428));
}

.matt_dimensions .section4_wrap .con_box .line_ {
  width:calc(100vw * (278 / 428));
  height: 1px;
  border-top: 1px solid #bbbbbb;
  margin-top:calc(100vw * (10 / 428));
  margin-bottom:calc(100vw * (10 / 428));
}

.matt_dimensions .section4_wrap .con_box .line_::after {
  display: none;
}

.matt_dimensions .section4_wrap .con_box .con_text {
  margin-left:calc(100vw * (20 / 428));
}

.matt_dimensions .section4_wrap .con_box .con_text .blue_span_bold22 {
  font-size: calc(100vw * (16 / 428));
  line-height: 1.4;
}

.matt_dimensions .section4_wrap .con_box .con_text .dark_span_Li_16px {
  font-size: calc(100vw * (14 / 428));
  line-height: 1.4;
}

.matt_dimensions .section4_wrap .con_box .con_text .dark_span_Li_16px {
  text-align: left;
  word-break: keep-all;
}


/* 얼마를 소비해야 할까요 section5_wrap 섹션  */
/* single size section 영역  */

.matt_dimensions .section5{
  width:100%;
  max-width: inherit;
  padding-top: calc(100vw * (80 / 428));
  margin-bottom: calc(100vw * (60 / 428));
}

.queen_matt .section5 {
width:100%;
max-width: inherit;
padding:200px 0px 100px 0px;
margin-bottom: 180px;
}

.matt_dimensions .section5_wrap,
.queen_matt .section5_wrap {
  width: 100%;
  max-width: 1316px;
  margin:0 auto;
}

.matt_dimensions .section5_wrap .con_box_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.queen_matt .section5_wrap .con_box_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.matt_dimensions .section5_wrap .con_title {
  padding-bottom:calc(100vw * (30 / 428));
  text-align: center;
  word-break: keep-all;
}

.matt_dimensions .section5_wrap .con_title .span {
  text-align: center;
}

.queen_matt .section5_wrap .con_title {
  padding-top:calc(100vw * (20 / 428));
padding-bottom:calc(100vw * (40 / 428));
}
.matt_dimensions .section5_wrap .con_box_img_as3{
  margin-bottom:calc(100vw * (10 / 428));
}
.matt_dimensions .section5_wrap .con_box_img_as3,
.queen_matt .section5_wrap .con_box_img_as3 {
  width:100%;
  height: calc(100vw * (300 / 428));
}

.queen_matt .section5_wrap .con_box_img_as5 {
  height: calc(100vw * (240 / 428));
}
.queen_matt .section5_wrap .con_box_img_as5 .img,
.matt_dimensions .section5_wrap .con_box_img_as3 .img {
  height: 100%;
  object-fit: cover;
}




.matt_dimensions .section5_wrap .con_box_text {
  padding-top:calc(100vw * (30 / 428));
  padding-bottom:calc(100vw * (50 / 428));
  padding-right:calc(100vw * (10 / 428));
  padding-left:calc(100vw * (10 / 428));
  background:#fafafa;
}

.matt_dimensions .section5_wrap .con_box_text p,
.matt_dimensions .section5_wrap .con_box_text p .blue_bold18 {
  font-size: calc(100vw * (16 / 428));
  line-height: 1.5;
}
.matt_dimensions .section5_wrap .con_box_text p {
  margin-bottom:calc(100vw * (23 / 428));
  line-height: 1.82;
  word-break: keep-all;
}

.matt_dimensions .section5_wrap .con_box_text p br {
  display: none;
}

.king_matt .section5_wrap .con_box:last-child,
.large_matt .section5_wrap .con_box:last-child {
display: flex;
flex-direction: column;
justify-content: space-between;
}


/* 매트리스 가격을 높이는 일반적인 기술들 section6_wrap 섹션  */
.matt_dimensions .section6 {
  padding-bottom: calc(100vw * (59 / 428));
}
.matt_dimensions .section6_wrap {
  margin:0 auto;
}

.matt_dimensions .section6_wrap .con_box_wrap {

}


.matt_dimensions .section6_wrap .con_box_wrap .con_box_text .dark_span_nobold18 {
  line-height: 1.5;
  padding-top: calc(100vw * (20 / 428));
  padding-bottom: calc(100vw * (30 / 428));
  text-align: left;
  word-break: keep-all;
}

.matt_dimensions .section6_wrap .con_box_ul {
  display: flex;
  text-align: center;
  
}

.matt_dimensions .section6_wrap .con_box_ul .ul {
  flex-grow:1;
  border-right:1px solid #dddddd;
}


.matt_dimensions .section6_wrap .con_box_ul .ul:last-child {
  border:none;
}

.matt_dimensions .section6_wrap .con_box_ul .list {
  height:calc(100vw * (50 / 428)); 
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  font-size: calc(100vw * (15 / 428));
  line-height: 1.5;
}
.matt_dimensions .section6_wrap .sub_title {
  background:#fafafa;
}

.matt_dimensions .section6_wrap .con_box_ul .list_title {
  background:#203465;
  color:#ffffff;
}



/*--------매트리스 사이즈 영역 시작-----------------------  */

.matt_dimensions .section7 {
  width: 100%;
  padding-top: calc(100vw * (50 / 428));
  padding-bottom: calc(100vw * (50 / 428));
  padding-left: calc(100vw * (20 / 428));
  padding-right: calc(100vw * (20 / 428));
  background: #fbfbfe;
}

.matt_dimensions .section7 .section7_wrap {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}

.matt_dimensions .section7 .section7_wrap .title_ {
  text-align: center;
}

.matt_dimensions .section7 .section7_wrap .blue_span_bold24 {
  display: block;
  margin-bottom: 22px;
}

.matt_dimensions .section7 .top_con .content_warp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:calc(100vw * (50 / 428));
  padding-bottom:calc(100vw * (50 / 428));
  border-bottom: 1px solid #bbbbbb;
}

.matt_dimensions .section7 .content_warp .con_box {
  text-align: center;
}

.matt_dimensions .section7 .content_warp .con_box>.span {
  display: inline-block;
font-size:calc(100vw * (16 / 428));
  padding-top: calc(100vw * (30 / 428));
  padding-bottom: calc(100vw * (30 / 428));
}

.matt_dimensions .section7 .top_con .single_box {
  width: calc(100vw * (120.5 / 428));
  height:calc(100vw * (220.5 / 428));
  background: none;
  border-radius: 5px;
}

.matt_dimensions .section7 .top_con .single_box,
.matt_dimensions .section7 .top_con .queen_box,
.matt_dimensions .section7 .top_con .king_box,
.matt_dimensions .section7 .top_con .large_king_box {
  height: calc(100vw * (220.5 / 428));
}

.matt_dimensions .section7 .inner_box {
  background: #ffffff;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.matt_dimensions .section7 .single_box .inner_box {
  width: calc(100vw * (100 / 428));
  height: calc(100vw * (203 / 428));

}

.matt_dimensions .section7 .queen_box .inner_box {
  width: calc(100vw * (153 / 428));
  height: calc(100vw * (203 / 428));

}

.matt_dimensions .section7 .king_box .inner_box {
  width: calc(100vw * (163 / 428));
  height: calc(100vw * (203 / 428));

}

.matt_dimensions .section7 .large_king_box .inner_box {
  width: calc(100vw * (183 / 428));
  height: calc(100vw * (203 / 428));

}


.matt_dimensions .section7 .h_box,
.matt_dimensions .section7 .w_box {
  position: absolute;
}

.matt_dimensions .section7 .w_box {
  width: 100%;
  height: 1px;
  left: 0%;
  bottom: -17px;
  background: #bbbbbb;
}

.matt_dimensions .section7 .h_box {
  width: 1px;
  height: 100%;
  right: -10px;
  top: 0%;
  background: #bbbbbb;
}

.matt_dimensions .section7 .h_box .span {
  position: absolute;
  top: 50%;
  transform: translate(-70%, -50%);
  display: inline-block;
  height: 42px;
  background: #fbfbfe;
  padding-top: calc(100vw * (5 / 428));
  padding-top: calc(100vw * (5 / 428));
}

.matt_dimensions .section7 .w_box .span {
  position: absolute;
  display: block;
  width: 50px;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fbfbfe;
}


/* bottom 영역 */

.matt_dimensions .section7 .bottom_con {
  padding-top: calc(100vw * (41 / 428));
}

.matt_dimensions .section7 .bottom_con .inner_box {
  background: #ffffff;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.matt_dimensions .section7 .bottom_con .single_box .inner_box {
  width:  calc(100vw * (60 / 428));
  height:  calc(100vw * (100 / 428));

}

.matt_dimensions .section7 .bottom_con .queen_box .inner_box {
  width:  calc(100vw * (80 / 428));
  height:  calc(100vw * (110 / 428));

}

.matt_dimensions .section7 .bottom_con .king_box .inner_box {
  width:  calc(100vw * (110 / 428));
  height:  calc(100vw * (120 / 428));

}

.matt_dimensions .section7 .bottom_con .large_king_box .inner_box {
  width:  calc(100vw * (130 / 428));
  height:  calc(100vw * (140 / 428));

}

.matt_dimensions .section7 .bottom_con .content_warp {
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
}

.matt_dimensions .section7 .bottom_con .content_warp .con_box:nth-child(3),
.matt_dimensions .section7 .bottom_con .content_warp .con_box:nth-child(4)
 {
  display: none;
}



.matt_dimensions .section7 .bottom_con .con_box {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: left;
  margin-right: calc(100vw * (1 / 428));
}

.matt_dimensions .section7 .bottom_con .content_warp .span {
  display: block;
  line-height: inherit;
  padding-left: calc(100vw * (20 / 428))
}

.matt_dimensions .section7 .bottom_con .blue_bold18_ {
  text-align: left;
}
.matt_dimensions .section7 .inner_box.on_active,
.matt_dimensions .section7 .bottom_con .inner_box.on_active {
    border:3px solid #203465;
}

.matt_dimensions .section7 .inner_box.on_active,
.matt_dimensions .section7 .bottom_con .inner_box.on_active {
    border:3px solid #203465;
}


 /* 매트리스 박스포장 섹션  */
 .matt_dimensions .section8 {
  padding-top: calc(100vw * (61 / 428));
  padding-right: calc(100vw * (20 / 428));
  padding-left: calc(100vw * (20 / 428));
 }
 .matt_dimensions .section8_wrap {
  width:100%;
  max-width: 1618px;

 }

 .matt_dimensions .section8_wrap .con_box_wrap .con_box_text p{
  word-break: keep-all;
 }

 .matt_dimensions .section8_wrap .con_box_wrap .con_box_text p br {
  display: none;
  
}

 .matt_dimensions .section8_wrap .con_box_text .blue_span_bold30 {
     display: inline-block;
      padding-bottom: calc(100vw * (22 / 428));
 }

 .matt_dimensions .section8_wrap .con_box_text p {
     padding-bottom: calc(100vw * (20 / 428));
 }

 .matt_dimensions .section8_wrap .con_box_text .blue_bold18_ {
     line-height: 1.8;
     text-align: left;
 }

 .matt_dimensions .section8_wrap .con_box_img {
     width:100%;
     height: 100%;
 }

/* 배송 표 섹션 section9_wrap  */
.matt_dimensions .section9 {
  width:100%;
}
 .matt_dimensions .section9_wrap {
     margin:0 auto;
 }

 .matt_dimensions .section9_wrap .con_box_wrap {
     display: none;
 }

    /* 스와이퍼 커스텀  */
    .matt_dimensions .motionSw .swiper-slide {
  margin-right: 10px;
  }
  
  .matt_dimensions .swiper-scrollbar {
  width:100%;
  height:calc(100vw * (6 / 428));
  margin-top: calc(100vw * (40 / 428));
  margin-right: auto;
  margin-left: auto;
  }
  
  .matt_dimensions .swiper-scrollbar-drag {
  background:#203465;
  }
  
  .matt_dimensions .section9_wrap .img_swiper .motionSw {
    padding-top: calc(100vw * (40 / 428));
  }

  .matt_dimensions .section9_wrap .img_swiper .motionSw .list {
  width: 100%;
  height: calc(100vw * (60 / 428));
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fbfbfe;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  font-size: calc(100vw * (16 / 428));
 }

 .matt_dimensions .section9_wrap .img_swiper .motionSw .list:nth-child(2n) {
     background:#ffffff;
 }

 .matt_dimensions .section9_wrap .img_swiper .motionSw .list_title {
  border-bottom: 1px solid #707070;
  background:none;
}

.matt_dimensions .section9_wrap .img_swiper .motionSw .con_box:first-child .list_title:first-child {
  border-bottom: 1px solid #203465;
  color:#203465;
  font-weight: bold;
}




/* 10qjs -0sssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

/* 자주 묻는 질문 qna 영역  */

.matt_dimensions .section10_wrap {
  width:100%;
  margin:0 auto;
  padding-top: calc(100vw * (80 / 428));
  padding-bottom: calc(100vw * (52 / 428));
}


.matt_dimensions .section10_wrap .content_qustion,
.matt_dimensions .section13_wrap .content_qustion {
  padding-top: calc(100vw * (32 / 428));
  padding-bottom: calc(100vw * (25 / 428));
  border-top: 1px solid #bbbbbb;
  position: relative;
  cursor: pointer;
}

.matt_dimensions .section13_wrap .mini_qna_head {
  margin-bottom: calc(100vw * (30 / 428));
}

.matt_dimensions .section10_wrap .content_qustion_wrap,
.matt_dimensions .section13_wrap .content_qustion_wrap {
  position: relative;
  padding-left: calc(100vw * (70 / 428));
  padding-right: calc(100vw * (70 / 428));
}

.matt_dimensions .section10_wrap .content_qustion_wrap .q_title,
.matt_dimensions .section13_wrap .content_qustion_wrap .q_title {
  font-size: calc(100vw * (14 / 428));
    font-weight: bold;
    word-break: keep-all;
}

.matt_dimensions .section13_wrap .mini_qna .ul {
    border-bottom: 1px solid #dddddd;
}

.matt_dimensions .section10_wrap .content_qustion_wrap::after,
.matt_dimensions .section13_wrap .content_qustion_wrap::after {
  content: "";
  width: calc(100vw * (14 / 428));
  height: calc(100vw * (14 / 428));
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotateZ(0deg);
  background: url("../img/right-arrow_24.png") no-repeat;
  background-size: contain;
}

.matt_dimensions .m_s_table .content_answer {
  display: none;
  margin-bottom: calc(100vw * (30 / 428));
  border-bottom: 1px solid #bbbbbb;
}


.matt_dimensions .m_s_table>div{
  width:100%;
  display: flex;
  padding-bottom: calc(100vw * (40 / 428));
  border-bottom: 1px solid #bbbbbb;
}

.matt_dimensions .m_s_table>.span {
  display:block;
  padding-bottom: calc(100vw * (50 / 428));
  padding-top: calc(100vw * (50 / 428));
  text-align: center;
  
}

.matt_dimensions .m_s_table>div ul .list {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(100vw * (14 / 428));
  border-bottom: 1px solid #dddddd;
}



.matt_dimensions .m_s_table>div>ul:first-child{
  border-right: 1px solid #dddddd;
}
.matt_dimensions .m_s_table>div .ul_title .list {
  width:calc(100vw * (144 / 428));
  height:calc(100vw * (66 / 428));
}

.matt_dimensions .m_s_table .ul_desc .list {
  width:calc(100vw * (230 / 428));
  height:calc(100vw * (66 / 428));
}


.matt_dimensions .m_s_table>div .ul_desc .list:first-child{
  display: inherit;
  justify-content: inherit;
  align-items: inherit;
  width:100%;
  background:#203465;
  color:#ffffff;
  position:relative;
}


.matt_dimensions .m_s_table .ul_desc .list:first-child::after {
  content: "";
  width:calc(100vw * (14 / 428));
  height:calc(100vw * (14 / 428));
  background:url('../img/link_arrow.png')no-repeat;
  background-size: contain;
  position:absolute;
  right:5%;
  top:40%;
  transform:translate(-50%, -50%) rotateZ(-90deg);
}

.matt_dimensions #theme,
.matt_dimensions #themeSecond {
  width:calc(100vw * (230 / 428));
  height:calc(100vw * (66 / 428));
  display: flex;
  justify-content: center;
  align-items: center;
}

.matt_dimensions #theme .select
 {
  position: relative;
}

.matt_dimensions #theme .select .option-list,
.matt_dimensions #themeSecond .select .option-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  max-height: 0;
  z-index: 2;
  background:#203465;
}

.matt_dimensions #theme .select .option-list li,
.matt_dimensions #themeSecond .select .option-list li {
  width:calc(100vw * (230 / 428));
  height:calc(100vw * (60 / 428));
}

.matt_dimensions #theme .select.active .option-list,
.matt_dimensions #themeSecond .select.active .option-list {
  max-height: none;
}


/* 테마 적용하기 */

.matt_dimensions #theme .select,
.matt_dimensions #themeSecond .select {
  display: flex;
  align-items: center;
  width:calc(100vw * (230 / 428));
  height:calc(100vw * (66 / 428));
padding-left: calc(100vw * (20 / 428));
cursor: pointer;
}

.matt_dimensions #theme .select .option-list,
.matt_dimensions #themeSecond .select .option-list {
list-style: none;
padding: 0;
border-radius: 5px;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.matt_dimensions #theme .select .option-list .option,
.matt_dimensions #themeSecond .select .option-list .option {
  display: flex;
  align-items:center;
padding: 10px 15px;
}










.matt_dimensions .section13_wrap .content_answer {
  width: 100%;
  cursor: pointer;
  display: none;
  margin-bottom: 40px;
  border-bottom:none;
}

.queen_matt .section13_wrap .content_answer {
  cursor: pointer;
  display: none;
  margin-bottom: 40px;
  padding:20px 0px 40px 40px;
  border-bottom:none;
}

.matt_dimensions .section13_wrap .content_qustion_wrap {
  position: relative;
  padding-left: calc(100vw * (10 / 428));
  padding-right: calc(100vw * (20 / 428));
}

.matt_dimensions .section10_wrap .q_title {
  font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height:1.4;
  text-align: center;
  color: #203465;
}

.matt_dimensions .section10_wrap .a_desc{
  font-size: calc(100vw * (16 / 428));
  line-height: 1.8;
  text-align: center;
  color: #333333;
  word-break: keep-all;
}

.matt_dimensions .section10_wrap .blue_bold18_,
.matt_dimensions .section13_wrap .blue_bold18_ {
    display: inline-block;
    margin:32px 0px 82px 0px;
}
.matt_dimensions .section10_wrap .blue_bold18_ {
  font-size: calc(100vw * (14 / 428));
  margin-top: calc(100vw * (20 / 428));
  margin-bottom:inherit;
  word-break: keep-all;
}
.matt_dimensions .section10_wrap .blue_bold18_ br {
  display: none;
}

.matt_dimensions .section10_wrap .con_table{
    text-align: center;
}

.matt_dimensions .section10_wrap .con_table .span {
    display: inline-block;
    padding: 60px 0px;
}




.matt_dimensions .section10_wrap .con_box_ul {
  display: flex;
  text-align: center;
  
}

.matt_dimensions .section10_wrap .con_box_ul .ul {
  flex-grow:1;
  border-right:1px solid #dddddd;
}


.matt_dimensions .section10_wrap .con_box_ul .ul:last-child {
  border:none;
}

.matt_dimensions .section10_wrap .con_box_ul .list {
      height: 80px;
  padding: 18px 0px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.matt_dimensions .section10_wrap .sub_title {
  background:#fafafa;
}

.matt_dimensions .section10_wrap .con_box_ul .list_title {
  height: 60px;
  background:#203465;
  color:#ffffff;
}

/* 아메리슬립 내부구조는 어떤가요? 영역  */
.matt_dimensions .section11_wrap {
  padding-top: calc(100vw * (100 / 428));
  margin:0 auto;
}

.matt_dimensions .section11_wrap .con_title {
  text-align: center;
}

.matt_dimensions .section11_wrap .con_title p {
  margin-top: calc(100vw * (19 / 428));
  margin-bottom: calc(100vw * (40 / 428));
}


.matt_dimensions .section11_wrap .con_box {
  margin-bottom:calc(100vw * (20 / 428));
}

.matt_dimensions .section11_wrap .con_box>div {
  display: flex;
  align-items: center;
}

.matt_dimensions .section11_wrap .con_img {
  width:calc(100vw * (70 / 428));
  height:calc(100vw * (70 / 428));
  margin-right:calc(100vw * (20 / 428));
}

.matt_dimensions .section11_wrap .con_img_right {
  width:100%;
  height: calc(100vw * (300 / 428));
  background:url("../img/purchase_mattresses/m_matt_inside_bg.png");
  background-size: cover;
  background-position:center center;
}

.matt_dimensions .section11_wrap .con_img_right img {
  display: none;
}

.matt_dimensions .section11_wrap .con_box .con_text {
  width:calc(100vw * (280 / 428));
}
.matt_dimensions .section11_wrap .con_box .con_text p {
  word-break: keep-all;
}

.matt_dimensions .section11_wrap .con_box .con_text p br{
  display: none;
}



/* section12 영역  */
/* 리뷰 영역  */

.section12_wrap .s8_head .span{  
  display: inline;
  padding-bottom: 23px;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #203465;
}


  /* 리뷰 영역  */
  .matt_dimensions .section12_wrap {
    width:100%;
    padding-top: calc(100vw * (100 / 428));
    margin:0 auto;
}

.matt_dimensions .section12_wrap .s8_head .span{  
    display: inline;
    padding-bottom: calc(100vw * (15 / 428));
    font-size: calc(100vw * (18 / 428));
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: -0.3px;
    text-align: center;
    color: #203465;
}

.matt_dimensions .section12_wrap .s8_head {
    padding-bottom: calc(100vw * (20 / 428));
    text-align: center;
    font-size:calc(100vw * (18 / 428));
    line-height: 1.2;
    color:#203465;
    font-weight: bold;
}

.matt_dimensions .section12_wrap .review_con {
  display: flex;
  flex-direction: column-reverse;

}

.matt_dimensions .section12_wrap .review_con .left_con {
  width:100%;
  padding-top: calc(100vw * (50 / 428));
}

.matt_dimensions .section12_wrap .review_write {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom:1px solid #bbbbbb;
}

.matt_dimensions .section12_wrap .review_con_desc {
    padding-top: calc(100vw * (20 / 428));
    padding-bottom: calc(100vw * (30 / 428));
}

.matt_dimensions .section12_wrap .review_title .title_img {
  display: inline-block;
  width:calc(100vw * (20 / 428));
  height: calc(100vw * (20 / 428));
  vertical-align: bottom;
}

.matt_dimensions .section12_wrap .review_title .span {
    display: inline-block;
    margin-left: calc(100vw * (10 / 428));
    font-size:calc(100vw * (16 / 428));
    line-height: 1.2;
}

.matt_dimensions .section12_wrap .review_link .span {
    font-size:calc(100vw * (16 / 428));
    line-height: 1.2;
}

.matt_dimensions .section12_wrap .review_box {
    display: none;
}

.matt_dimensions .section12_wrap .review_box .ul .list {
  width: 100%;
  margin-top: 20px;
  padding: 21px 40px 19px;
  border-radius: 10px;
  background-color: #fafafa;
}

.matt_dimensions .section12_wrap .review_box_bottom {
  position: relative;
}

.matt_dimensions .section12_wrap .review_box_bottom .more_btn_wrap {
 text-align: right;
}

.matt_dimensions .section12_wrap .review_box_bottom .more_btn {
    margin-top: calc(100vw * (12 / 428));
    background:none;
    font-size:calc(100vw * (16 / 428));
    border:none;
}

.matt_dimensions .review_box_bottom_customer {
  width:100%;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-height: 100px;
  word-break: break-all;
  cursor: pointer;
  font-size: calc(100vw * (16 / 428));
}

.text_clicked {
  display: block;
  overflow: visible;
  max-height: inherit;
}





.matt_dimensions .section12_wrap .review_box_top .user_information {
  margin-right: 23px;
}
.matt_dimensions .section12_wrap .review_box_top .user_information .span {
    font-size: calc(100vw * (16 / 428));
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  color: #333333;
  display: inline;
}




.matt_dimensions .section12_wrap .review_box_top .re_sns .link {
  display: inline-block;
  width:calc(100vw * (20 / 428));
  height:calc(100vw * (20 / 428));
  vertical-align:bottom;
  margin-right: calc(100vw * (10 / 428));
}

.matt_dimensions .section12_wrap .review_box_top .titme_ {
    padding-top: calc(100vw * (10 / 428));
    padding-bottom: calc(100vw * (23 / 428));
}

.matt_dimensions .section12_wrap .review_box_top .titme_ .span {
    font-size: calc(100vw * (16 / 428));
  line-height: 1.2;
  text-align: left;
  color: #bbbbbb;
}

.matt_dimensions .section12_wrap .m_review_box .list {
    padding:calc(100vw * (20 / 428));
    background:#fafafa;
    border-radius: 15px;
    margin-bottom: calc(100vw * (10 / 428));
}

.matt_dimensions .section12_wrap .review_box_top .user_review_info {
  display: flex;
  align-items: center;
}

.matt_dimensions .section12_wrap .em_star {
  display: inline-block;
  width:calc(100vw * (20 / 428));
  height: calc(100vw * (20 / 428));
  margin-right:calc(100vw * (5 / 428));
  vertical-align: text-bottom;
}

.matt_dimensions .section12_wrap .left_con .pagenation .ul {
  display: flex;
  justify-content: center;
}

.matt_dimensions .section12_wrap .left_con .pagenation .ul .span {
  display: inline-block;
  margin:0px 5px;
  font-size: calc(100vw * (18 / 428));
  line-height: 1;
  text-align: center;
  color: #333333;

}

.matt_dimensions .section12_wrap .left_con .pagenation .ul .span.on_ {
  font-weight: bold;
  color:#203465;
  font-size: calc(100vw * (18 / 428));
}


.matt_dimensions .section12_wrap .right_con .s8_head{  
  text-align: left;
}

.matt_dimensions .section12_wrap .right_con .progress {
  border-radius: 10px; 
  width:calc(100vw * (184 / 428));
  height: 10px;
  vertical-align: middle;
  margin:0 19px;
}

.matt_dimensions .section12_wrap .right_con .dark_span_nobold18 {
        font-size: calc(100vw * (18 / 428));
}

.matt_dimensions .section12_wrap .right_con .progress::-webkit-progress-bar {
  background-color: #eaeaea;
  border-radius: 10px;
  border:none;
}
.matt_dimensions .section12_wrap .right_con .progress::-webkit-progress-value {
  background-color: #7497e1;
  border-radius: 10px;
}


.matt_dimensions .section12_wrap .right_con .con_desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.matt_dimensions .section12_wrap .right_con {
    width:100%;
}

.matt_dimensions .section12_wrap .right_con_wrap .em_star {
  display: inline-block;
  width:calc(100vw * (16 / 428));
  height: calc(100vw * (16 / 428));
  margin-right:calc(100vw * (1 / 428));
  vertical-align: text-bottom;
}

.matt_dimensions .section12_wrap .right_con_wrap .em_star:last-child {
    margin:0px;
}

.matt_dimensions .section12_wrap .right_con_wrap .ul .list {
  margin-bottom: 36px;
}


/* ---------------------------------------section 13 질문 영역 ------------------------ */


.matt_dimensions .section13_wrap .con_box_ul {
  display: none;
}

.matt_dimensions .section13_wrap .second_table {
  display: flex;
}

.matt_dimensions .section13_wrap .con_box_ul .ul {
border-right:1px solid #dddddd;
}


.matt_dimensions .section13_wrap .con_box_ul .ul:last-child {
border:none;
}

.matt_dimensions .section13_wrap .con_box_ul .list {
  width:calc(100vw * (184 / 428));
    height: calc(100vw * (60 / 428));
padding: 18px 0px;
border-bottom: 1px solid #dddddd;
display: flex;
justify-content: center;
align-items: center;
}

.king_matt .section13_wrap .con_box_ul .list {
width:calc(100vw * (190 / 428));
  height: calc(100vw * (60 / 428));
padding-top: calc(100vw * (18 / 428));
padding-bottom: calc(100vw * (18 / 428));
border-bottom: 1px solid #dddddd;
}
.matt_dimensions .section13_wrap .a_desc {
  padding-left: calc(100vw * (10 / 428));
  font-size: calc(100vw * (15 / 428));
  margin-bottom: calc(100vw * (20 / 428));
}

.matt_dimensions .section13_wrap .content_answer_wrap .blue_bold18_29li{
  font-size: calc(100vw * (16 / 428));
  line-height: 1.4;
}
.matt_dimensions .section13_wrap .content_answer_wrap .dark_span_Li_16px {
  font-size: calc(100vw * (14 / 428));
  line-height: 1.4;
}


.matt_dimensions .section13_wrap .sub_title {
background:#fafafa;
}

.king_matt .section13_wrap .con_box_ul .list_title {
height:calc(100vw * (60 / 428));
background:#203465;
color:#ffffff;
text-align: center;
font-size: calc(100vw * (16 / 428));
line-height: 1.4;
}

.king_matt .section13_wrap .con_box_ul .ul:first-child .list{
text-align: center;
display: flex;
align-content: center;
justify-content: center;
font-size: calc(100vw * (16 / 428));
line-height: 1.4;

}

.king_matt .section13_wrap .con_box_ul .ul:first-child .list:not(.list:nth-child(1)){
background:#fafafa;
color:#203465;
font-weight: bold;
font-size: calc(100vw * (15 / 428));
line-height: 1.4;
}

.king_matt .section13_wrap .con_box_ul .ul:not(.ul:first-child) .list:not(.list:nth-child(1)){
background:#ffffff;
text-align: left;
display: flex;
align-content: center;
justify-content: flex-start;
padding-left: 20px;
font-size: calc(100vw * (14 / 428));
line-height: 1.4;

}

.king_matt .section13_wrap .con_box_ul .ul:not(.ul:first-child) .list:not(.list:nth-child(1)) br {
  display: none;
}

.king_matt .section13_wrap .second_table .ul .list {
height:calc(100vw * (60 / 428));
text-align: center;

}

.king_matt .section13_wrap .second_table .ul:not(.ul:first-child) .list:not(.list:nth-child(1)){
text-align: center;
display: flex;
align-content: center;
justify-content: center;
}

.king_matt .section13_wrap .con_table {
margin-bottom: calc(100vw * (30 / 428));
}

.king_matt .section13_wrap .blue_bold18_29li {
display:block;
margin-bottom: 20px;
text-align: left;
}

.king_matt .section13_wrap .dark_span_Li_16px {
display: inline-block;
text-align: left;
margin-bottom:23px;
}
/* 매트리스 규격 페이지 시작 영역 싱글, 퀸, 킹, 라지킹 끝  */



/* right side - Option 영역  */
/* right_side_wrap 영역 */
.right_side {
  width:100%;
  max-width:  calc(100vw * (  420 / 428));
}
.right_side form fieldset {
border:none;
}
.right_side legend {
  display:none;
}
.right_side .top_title_review {
display: flex;
justify-content: space-between;
align-items: center;
}

.right_side .option_title {
  display: inline-block;
  padding-top: calc(100vw * ( 30  / 428));
  padding-bottom:  calc(100vw * (10   / 428));
}

.min_title {
  color:#203465;
  font-size: calc(100vw * (14   / 428));
  line-height: 1.2;
  font-weight: bold;
}

.right_side .top_title_review .link {
  color:#203465;
  font-weight: 300;
text-decoration: underline;
}

.right_side .select_container{
  width:100%;
}

.option_ul {
  width: 100%;
  max-width: calc(100vw * (  373 / 428));
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size:  calc(100vw * (  18 / 428));
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #ffffff;
  border-top: none;
  z-index:10
  
}

.basket_choise .option_ul{
  width:calc(100vw * (  308 / 428));
}
.option_ul li{
padding-top: calc(100vw * ( 10  / 428));
padding-right:0px;
padding-bottom: calc(100vw * ( 10  / 428));
padding-left:  calc(100vw * (20   / 428));
width: 100%;
  text-align: left;
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
  background:#ffffff;
}
.select_box .select_container::after {
  content: "";
  width:  calc(100vw * (  20 / 428));
  height:  calc(100vw * (  20 / 428));
  background: url('../img/right-arrow_24.png');
  background-size: contain;
  position: absolute;
  right: 3%;
  top:30%;
}



/* dicount 영역  */
.p_discount {
    padding-bottom:  calc(100vw * ( 15  / 428));
    border-bottom: 1px solid #eaeaea;
}
.p_discount .q_title {
color:#203465;
}

.p_discount .content_answer_wrap {
flex-wrap: wrap;
}
.p_discount .content_answer_wrap .con_box {
  margin-bottom: calc(100vw * (  16 / 428));
}

.p_discount .content_qustion {

  margin-top: calc(100vw * ( 20  / 428));
  padding-left:  calc(100vw * (  5 / 428));
  padding-top: calc(100vw * (  10 / 428));
  padding-bottom: calc(100vw * (  10 / 428));
}

.p_discount .content_answer {
  cursor: pointer;
  display: none;
  margin-bottom:  calc(100vw * ( 40  / 428));
  padding: 0px;
}
.p_discount .div_select {
  width: calc(100vw * (  372 / 428));
}

.p_discount .option_ul {
  width: 100%;
  max-width:  calc(100vw * ( 373  / 428));
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size:  calc(100vw * ( 18  / 428));
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #FFFFFF;
  border-top: none;
  
}



.con_box_title {
  display: inline-block;
  padding-left: calc(100vw * ( 10  / 428));
  padding-bottom: calc(100vw * ( 10  / 428));
  font-size:  calc(100vw * ( 14  / 428));
  font-weight: bold;
}

/* p_discount_price_wrap 영역  */
.p_discount_price_wrap {
  padding-top: calc(100vw * ( 20  / 428));
  padding-right:0px;
  padding-bottom: calc(100vw * ( 20  / 428));
  padding-left:  calc(100vw * (10   / 428));
    border-bottom: 1px solid #eaeaea;
}

.p_discount_price_wrap .span {
    display: inline-block;
    font-size:  calc(100vw * (  14 / 428));
    line-height: 1.5;
    text-align: right;
    color: #333333;
}

.mattress_discount,
.frame_discount {
    display: flex;
    justify-content: space-between;
}


/* p_total_price_wrap 영역  */
.p_total_price_wrap {
    padding-top:  calc(100vw * ( 20  / 428));
}

.to_price_title .span {
    display: inline-block;
}

._price {
    text-decoration: line-through;
}

.to_price_title {
    display: flex;
    justify-content: space-between;
    padding-bottom:  calc(100vw * ( 18  / 428));
}

.p_total_price_wrap ._title {
    font-size:  calc(100vw * (18   / 428));
    font-weight: bold;
    line-height:  calc(100vw * ( 18  / 428));
    text-align: left;
    color: #203465;
}


/* last_price 영역  */
.up_down_ipt .button {
    display: inline-block;
    width: calc(100vw * ( 20  / 428));
    height:  calc(100vw * (30   / 428));
    padding:inherit;
    background:none;
    border:none;
    cursor: pointer;
    font-size:  calc(100vw * ( 18  / 428));
    vertical-align: middle;
}

.up_down_ipt {
    display: flex;
    align-items: center;
}

.last_price {
    display: flex;
    justify-content: space-between;
}
.last_price .result_div {
    width: calc(100vw * (  30 / 428));
    text-align: center;
    border:1px solid #dddddd;
}

.minus_span,
.plust_span {
    display: inline-block;
    width: calc(100vw * (10   / 428));
    height:  calc(100vw * ( 30  / 428));
    position: relative;
}
.result_span {
    display: inline-block;
    width:100%;
    height:  calc(100vw * ( 30  / 428));
}

.minus_span::after {
    content: "";
    width: calc(100vw * ( 10  / 428));
    height: 1px;
    background:#000000;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.result_price {
  display: flex;
}
.result_price .span {
    font-family: 'Eina01',sans-serif;
    font-size:  calc(100vw * ( 24  / 428));
    font-weight: bold;
    line-height: 1.7;
    text-align: right;
    color: #ff6f6f;
}


/* btn_wrap 영역  */
.btn_wrap {
    display: flex;
    justify-content: space-between;
}

.about_delivery {
  padding-top: calc(100vw * ( 64  / 428));
  padding-right:0px;
  padding-bottom: calc(100vw * ( 10  / 428));
  padding-left:0px;
    text-align: right;
}

.about_delivery .link .span {
    font-size:  calc(100vw * ( 12  / 428));
    line-height:1.5;
    text-align: left;
    color: #203465;
}

.btn_wrap .button {
    width: calc(100vw * (   184/ 428));
    height:  calc(100vw * ( 50  / 428));
    padding:inherit;
    border:1px solid #203465;
    font-size:  calc(100vw * (  16 / 428));
  line-height:1.5;
  text-align: center;
}

.btn_wrap .basket_btn {
    background:none;
}

.btn_wrap .buy_btn {
    background:#203465;
    color:#ffffff;
}





.div_select {
  width:  calc(100vw * (175  /  428));
  background: #FFFFFF;
  border: 1px solid #b8b8b8;
  overflow: hidden;
  font-size:  calc(100vw * ( 18 /  428));
  color: #666666;
  padding-top: calc(100vw * ( 10  / 428));
  padding-right:0px;
  padding-bottom: calc(100vw * ( 10  / 428));
  padding-left:calc(100vw * ( 20  / 428));
  text-align: left;
  position: relative;
  cursor: pointer;
}

.basket_order .div_select {
width:100%;
margin-bottom:calc(100vw * (10 / 428));
}
.div_select::after {
  content: "";
  width: calc(100vw * ( 20 /  428));
  height:  calc(100vw * ( 20 /  428));
  background:url("../img/right-arrow_24.png");
  background-size: contain;
  position: absolute;
  right: 10%;
}
.select-ul {
  width:  calc(100vw * ( 282 /  428));
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size:  calc(100vw * (  18/  428));
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #FFFFFF;
  border-top: none;
  
}
.select-ul li{
  padding-top: calc(100vw * ( 10  / 428));
  padding-right:0px;
  padding-bottom: calc(100vw * ( 10  / 428));
  padding-left:calc(100vw * ( 20  / 428));
  width:  calc(100vw * ( 282 /  428));
  text-align: left;
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
}

.select-ul li .img,
.div_select .img {
  width:  calc(100vw * (  20/  428));
  height:  calc(100vw * (20  /  428));
}


/* 팝업 공통 */

.popup {
  width:100vw;
  height: 100vh;
  background:rgba(0, 0, 0, 0.5);
  position: absolute;
  top:0%;
  left:0%;
  z-index:999;
display: none;

}

.popup_conwrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup .popup_con {
  width:100%;
  height:  calc(100vw * ( 204 /  428));
  background:#ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 큰사이즈 팝업  */
.alert_resend_complete .popup_con,
.alert_resend_check .popup_con {
width: 100%;
height:  calc(100vw * ( 284 /  428));

}




.popup .login_fail {
  font-size:  calc(100vw * ( 16 /  428));
}

.popup .popcheck_btn,
.pop_cancle_btn {
  display: block;
  width: calc(100vw * (254  /  428));
  height:  calc(100vw * ( 50 /  428));
  background:#203465;
  color:#ffffff;
  border:none;
  margin-top:  calc(100vw * ( 40 /  428));
  font-size: calc(100vw * (16 / 428));
}



/* 팝업 공통 끝 */

/* 아이디 찾기 영역 시작 */

.message_wrap {
  padding-top:  calc(100vw * ( 62 /  428));
  text-align: center;
}

.realUserID {
  display: inline-block;
  padding-bottom:  calc(100vw * ( 43 /  428));
}

.realUserID strong {
  color:#203465;
} 
.correct_info .link {
  color:#203465;
  text-decoration: underline;
}

/* 회원 정보가 맞지 않을때 */
.notcorrect_info {
  color:#ff6f6f;
}
/* 아이디 찾기 영역 끝*/




/* 비밀번호찾기 영역 */
#findPw .link {
  color:#ffffff;
  }

.verify_con_wrap {
  width: 100%;
}
.verify_con_wrap .popup_con {
  width: 90%;
  height:  calc(100vw * ( 400 /  428));
  padding-left:calc(100vw * ( 5 /  428));
  padding-right:calc(100vw * ( 5 /  428));
}

.verify_con_wrap .span {
  color:#203465;
  font-weight: bold;
}

.verify_con_wrap .p {
  text-align: center;
  margin-top:  calc(100vw * ( 20 /  428));
  margin-bottom:  calc(100vw * ( 40 /  428));
}

.put_verify_con {
  width: 100%;
  height:  calc(100vw * (60  /  428));
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#fafafa;
  border:1px solid #dddddd;
  padding-top:  calc(100vw * ( 10 /  428));
  padding-bottom:  calc(100vw * ( 10 /  428));
  padding-left:  calc(100vw * ( 20 /  428));
  padding-right:  calc(100vw * ( 20 /  428));
}

.put_verify_con .input_verify {
  width: calc(100vw * ( 173 /  428));
  height: calc(100vw * ( 40 /  428));
  background:#ffffff;
  border:1px solid #dddddd;
}
.input_verify_ipt {
  width: 100%;
  height:100%;
  border:none;
  padding-left:  calc(100vw * ( 10 /  428));
}
.resubmit_btn {
  width: calc(100vw * ( 88 /  428));
  height: calc(100vw * (40  /  428));
background:#203465;
color:#ffff;
border:none;
font-size:calc(100vw * (16  /  428));
}

.verify_con_wrap .btn_wrap,
.newPw .btn_wrap {
display: flex;
justify-content: space-between;
}

.pop_cancle_btn {
  background:#ffffff;
  color:#203465;
  border:1px solid #203465;
  margin-right:  calc(100vw * (8 /  428));
}

/* 비밀번호찾기 영역 */



/* 비밀번호찾기 - 인증번호 받기 영역  */
.pw_verify {
  text-align: center;
  padding-top:  calc(100vw * ( 100 /  428));
}

.pw_verify .span {
  font-size:  calc(100vw * ( 22 /  428));
  line-height: 1.5;
}

.pw_verify .span strong {
  color:#203465;
}

.pw_verify_con {
  width: 100%;
  height:  calc(100vw * ( 250 /  428));
  border:1px solid #dddddd;
  margin:0 auto;
  margin-top:  calc(100vw * ( 40 /  428));
  padding-top:  calc(100vw * ( 40 /  428));
  padding-bottom:  calc(100vw * ( 40 /  428));
  text-align: center;

}
.pw_verify_con .p {
  padding-top:  calc(100vw * ( 23 /  428));
  padding-bottom:  calc(100vw * ( 33 /  428));
}
.pw_verify_con .link {
  color:#203465;
  font-weight: bold;
  text-decoration: underline;
}
/* 비밀번호찾기 - 인증번호 받기 영역 끝 */

/* 인증번호 재전송 영역  */
.alert_resend_check strong{
color:#203465;
}

.alert_resend_check .span:nth-child(2){
  display: inline-block;
  text-align: center;
  padding-top: calc(100vw * ( 23 /  428));
}

.alert_resend_check .btn_wrap {
  display: flex;
}


/* 인증번호 재전송 영역 끝 */



/* 비밀번호변경 flow 영역 */
.newPw .popup_con {
  width:100%;
  height:  calc(100vw * ( 701/  428));
  padding-right:  calc(100vw * ( 50 /  428));
  padding-left:  calc(100vw * (50 /  428));
}
.newPw .title_ {
  color:#203465;
  font-weight: bold;
}

.newPw p:nth-child(2) {
  padding-top: calc(100vw * ( 10 /  428));
  padding-bottom: calc(100vw * ( 20 /  428));
}

.newPw .input_verify {
  position:relative;
}

.newPw .safety {
  width: calc(100vw * ( 150 /  428));
  height:  calc(100vw * ( 30 /  428));
  position: absolute;
  background:#ffffff;
  border:1px solid #203465;
  z-index: 1;
  left: 10%;
  bottom:-50%;
  font-size:  calc(100vw * ( 12 /  428));
  display: flex;
  justify-content: center;
  align-items: center;
}


.low_ strong {
  color:#FF6F6F;

}


.middle_ strong {
  color:#7497E1;
}


.high_ strong {
  color:#49C2AE;
}
.newPw .low_,
.newPw .high_
{
  display: none;
}

.newPw .put_verify_con:nth-child(3){
border-bottom:none;
}

.newPw .put_verify_con:nth-child(4){
  border-top:none;
  }
  .newPw p:nth-child(5) {
      padding-top: calc(100vw * ( 53 /  428));
      padding-bottom: calc(100vw * ( 23 /  428));
      text-align: center;
      color:#203465;
  }    

.newPw p:nth-child(6) {
  text-align:center;
  line-height: 1.5;
}
.newPw .input_verify {

}

/* 새 비밀번호와 새 비밀번호가 일치 할때  팝업*/
.correct_newpw .popup_con,
.nocorrect_newpw .popup_con {
width: 100%;
height:  calc(100vw * ( 284 /  428));
}
/* 비밀번호변경 flow 영역 끝 */



/* 리뷰 팝업 */
.re_popup_wrap,
.option_popup_wrap {
    position: absolute;
    top:0%;
    left: 0%;
    width:100%;
    background:rgba(0, 0, 0, 0.2);
    z-index: 2;
    display: none;
    border:1px solid #203465;
  }

  .option_popup_wrap {
    width:80%;
    top:67%;left:10%;
  }
  
  .re_popup_wrap .re_popup_contents .blue_span_bold24 {
    display: block;
    text-align: center;
    margin-bottom:  calc(100vw * ( 30 /  428));
  }
  
  .re_popup_wrap .pop_desc {
    font-size:  calc(100vw * ( 16 /  428));
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    text-align: center;
    color: #333333;
    border:1px solid #203465;
  }
  
  .re_popup_contents{
    background:#ffffff;
    text-align: center;
    position: relative;
    padding:calc(100vw * (10 / 428));
  }

  .option_popup_contents {
    background:#ffffff;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-100%);
    padding:calc(100vw * (50 / 1315));
    border:1px solid black;
  }
  
  .re_popup_contents .blue_span_bold24,
  .option_popup_contents .blue_span_bold24 {
    padding-top:  calc(100vw * ( 30 /  428));
  }

  .basket_choise .option_popup_contents .blue_span_bold24 {
    display:block;
    text-align: left;
    padding-bottom:calc(100vw * (20 / 428));
    border-bottom:1px solid #dddddd;
  }

  .basket_choise .option_popup_contents .option_title{
    border:none;
  }
  
  .re_popup_contents .re_pop_cancel_btn,
  .option_popup_contents .re_pop_cancel_btn {
    width: calc(100vw * ( 24 /  428));
    height:  calc(100vw * ( 24 /  428));
    position: absolute;
    top: calc(100vw * ( 30 /  428));
    right:  calc(100vw * ( 30 /  428));
    cursor: pointer;
  }

 .re_popup_wrap .text_box {
      position:relative;
  }

  .re_btn_wrap {
      display: flex;
      justify-content: space-between;
  }

  #user_desc {
    width: 100%;
    height:  calc(100vw * ( 302 /  428));
    padding: 1%;
    border: 1px solid #c8c8c8;
    outline: none;
    resize: none; 
    margin-bottom:  calc(100vw * ( 20 /  428));
    font-size: calc(100vw * (16 / 428));
}
#user_desc::placeholder {
  font-size: calc(100vw * (13 / 428));
}
#text_num {
    position: absolute;
    top: 67%;
    left: 1%;
}
.file_upload label {
    display: block;
    cursor: pointer;
    width: calc(100vw * ( 48 /  428));
    height:  calc(100vw * ( 48 /  428));
    border:1px solid #203465;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .file_upload label .img {
     width: calc(100vw * (20  /  428));
     height:  calc(100vw * ( 20 /  428));
 }
 
 #upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
 }

 .div_select {
    background: #FFFFFF;
    border-top: 1px solid #203465;
    border-bottom: 1px solid #203465;
    overflow: hidden;
    font-size:  calc(100vw * ( 18 /  428));
    color: #666666;
    padding-top:calc(100vw * (  10 / 428));
    padding-right:0px;
    padding-bottom:calc(100vw * (  10 / 428));
    padding-left:calc(100vw * (  20 / 428));
    text-align: left;
    position: relative;
    cursor: pointer;
}



.basket_choise .div_select {
  width:calc(100vw * (308  /  428));
}
.div_select::after {
    content: "";
    width: calc(100vw * ( 20 /  428));
    height:  calc(100vw * ( 20 /  428));
    background:url("../img/right-arrow_24.png");
    background-size: contain;
    position: absolute;
    right: 10%;
    bottom:27%;
}
.basket_choise .option_popup_wrap .select-ul{
  width:calc(100vw * (308  /  428));
}
.select-ul {
    width:  calc(100vw * (175  /  428));
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-size:  calc(100vw * ( 18 /  428));
    color: #666666;
    border: 1px solid #b8b8b8;
    display: none;
    position: absolute;
    background: #FFFFFF;
    border-top: none;
    
}


.re_popup_wrap .re_popup_contents .em_star {
  display: inline-block;
  width: calc(100vw * (14 / 428));
  height: calc(100vw * (14 / 428));
  margin-right: calc(100vw * (2 / 428));
  vertical-align: initial;
}

.basket_choise .option_popup_wrap .select-ul li{
  width:100%;
}

.select-ul li{
    padding-top:calc(100vw * (  10 / 428));
    padding-right:0px;
    padding-bottom:calc(100vw * (  10 / 428));
    padding-left:calc(100vw * (  20 / 428));
    width:  calc(100vw * ( 282 /  428));
    text-align: left;
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
}

.select-ul li .img,
.div_select .img {
    width:  calc(100vw * (14  /  428));
    height:  calc(100vw * ( 14 /  428));
}

.re_btn_wrap .re_button {
    width: calc(100vw * ( 330 /  428));
    height:  calc(100vw * ( 48 /  428));
    background:#203465;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    border:none;
    font-size:calc(100vw * (16 / 428));
}


  .product_detail_common .section8_wrap .s8_head {
      padding-bottom:  calc(100vw * ( 39 /  428));
      text-align: center;
  }


.option_popup_btnWrap {
  width:100%;
  display:flex;
  justify-content: space-between;
  padding-top:calc(100vw * (250 / 428));
}
  
.reform_btn {
  background:#203465;
  color:#ffffff;
}
.option_popup_btnWrap .button {
width:48%;
}

/* basket_default 영역  */
    /* common */


    /* common END*/
      /* basket_default 영역 - Heading  */
      .basket_default {
        width:100%;
        height:  calc(100vw * ( 940 /  428));
        padding-top: calc(100vw * ( 100 /  428));
      }
      
      .basket_default .section1{
        width:100%;
      }
      
      .basket_default .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .basket_default .section1 .container .heading {
        height:  calc(100vw * ( 60 /  428));
        margin:0 auto;
        padding-bottom:  calc(100vw * ( 21 /  428));
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .basket_default .section1 .container .heading>h2 {
        width: calc(100vw * ( 123 /  428));
        font-size:  calc(100vw * ( 30 /  428));
        font-weight: bold;
        color:#203465;
      } 

      .basket_default .section2 {
        width:100%;
      }

      .basket_default .section2 .container {
        margin-top:calc(100vw * ( 62 /  428));
        margin-right:auto;
        margin-bottom:0px;
        margin-left:auto;

      }


      .basket_default .section2 .container .heading>h3 {
        font-size:  calc(100vw * ( 18 /  428));
        font-weight: bold;
        color: #203465;
        text-align: left;
        margin-bottom:  calc(100vw * ( 20 /  428));
      } 

       /* basket_default 영역 - Title  */
       .basket_default .basket_default_wrap {
        width:100%;
        display: flex;
       }

       .basket_default .basket_default_title {
        width:100%;
       }

       .basket_default .basket_default_title .ul {
         width:100%;
         height: 100%;
         background:#ffffff;
         padding-left: calc(100vw * (20 / 428));
       }

       .basket_default .basket_default_title .ul 
       .basket_default .basket_default_contents .ul {
         border-top:1px solid #203465;
       }

       .basket_default .basket_default_contents .ul{
         padding-right: calc(100vw * (20 / 428));
       }

       .basket_default .basket_default_title .ul .list,
       .basket_default .basket_default_contents .ul .list{
        padding-top:calc(100vw * (20 / 428));
        padding-bottom:calc(100vw * (20 / 428));
        border-bottom:1px solid #dddddd;
        color:#203465;
       }

      /* basket_default_contents */
      .basket_default_contents {
        width:100%;
        text-align: center;
        background:#ffffff;
        text-align: right;
      }

      .basket_default_contents .empty_massage {
        font-size:  calc(100vw * ( 18 /  428));
      }


      /* basket_default 영역  끝 */


      
/* basket_choise 영역  */
    /* common */
  



    /* common END*/
      /* basket_choise 영역 - Heading  */
      .basket_choise .span {
        display:inline;
      }
      .basket_choise .flow_arrow {
        display: inline-block;
        width:calc(100vw * (18 / 428));
        height: calc(100vw * (18 / 428));
        background:url("../img/right-arrow_24.png") no-repeat;
        background-size: contain;
        transform: rotate(-90deg);
      }
      .basket_choise {
        width:100%;
        padding-top: calc(100vw * ( 20 /  428));
        background:#fbfbfe;
      }
      
      .basket_choise .section1{
        width:100%;
        padding-top:  calc(100vw * ( 80 /  428));
      }
      
      .basket_choise .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .basket_choise .section1 .container .heading {
        margin:0 auto;
        padding-bottom:  calc(100vw * (21  /  428));
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .basket_choise .section1 .container .heading>h2 {
        width: calc(100vw * ( 123 /  428));
        height:  calc(100vw * ( 53 /  428));
        font-size:  calc(100vw * ( 30 /  428));
        font-weight: bold;
        color:#203465;
      } 

      /* buy_flow 영역 */
      .buy_flow {
        margin:0 auto;
        padding-top:calc(100vw * (  80 / 428));
        
        padding-bottom:calc(100vw * (  80 / 428));
        
        padding-right: calc(100vw * (20 / 428));
        padding-left: calc(100vw * (20 / 428));
      }


      .buy_flow .buy_flow_wrap div .span:nth-child(1){
          width:  calc(100vw * (121 /  428));
          font-size:  calc(100vw * (22  /  428));
          font-weight: bold;
          margin-right:  calc(100vw * ( 24 /  428));
          color:#bbbbbb;
      }

      .basket_choise .buy_flow .buy_flow_wrap .order_flow,
      .basket_choise .buy_flow .buy_flow_wrap .finish_flow{
        display:none;
      }





      .basket_choise .section2 {
        width:100%;
      }

      .basket_choise .section2 .container {
        margin:0 auto;
      }

       /* basket_choise 영역 - Title  */
       .basket_choise .basket_choise_wrap {
        width:100%;
       }

       .basket_choise .basket_choise_title .ul {
         display:none;
       }

       .m_checkBox{
         display:flex;
         justify-content: space-between;
         padding-bottom:calc(100vw * (21 / 428));
         padding-right:calc(100vw * (20 / 428));
         padding-left:calc(100vw * (19 / 428));
       }

       .m_checkBox .del_btn {
         font-size:calc(100vw * (16 / 428));
        background:none;
        border:none;
        color:#bbbbbb;
       }


      

      /* basket_choise_contents */
      .basket_choise_contents {
        width:100%;
        text-align: center;
        background:#ffffff;
        margin-bottom:  calc(100vw * (20  /  428));
      }

      .basket_choise_contents>.ul {
          width:100%;
      }

      
      .basket_choise_contents>.ul>.list{
        width:100%;
        padding-top:calc(100vw * (  30 / 428));
        padding-right:0px;
        padding-bottom:calc(100vw * (  30 / 428));
        padding-left:0px;
        border-bottom: 1px solid #203465;
    }

    .basket_choise_contents>.ul>.list>.ul {
      display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-right:calc(100vw * (20 / 428));
    padding-left:calc(100vw * (20 / 428));
    }



           /* Contents Li width   */
           .basket_choise_contents .conents_checkbox {
            width: 100%;
            border-right: 1px solid #ffffff;
            text-align:left;
          }

         /* 상품정보 상세  */
         .conents_product_info {
           width:50%;
            padding-top:0px;
            padding-bottom:0px;
            display:flex;
            flex-wrap:wrap;
         }

         .conents_amount {
           width:49%;
         }

         .conents_product_info .contents_img {
          width: calc(100vw * ( 80 /  428));
          height:  calc(100vw * ( 80 /  428));
         }
         .conents_product_info .contents_name {
          padding-top:calc(100vw * (  28 / 1315));
          padding-right:0px;
          padding-bottom:0px;
          padding-left:calc(100vw * (  20 / 1315));
         }

         .conents_product_info .contents_img .link {
           display: inline-block;
           width:100%;
           height: 100%;
         }


         .conents_product_info .contents_name .span {
          
         width:  calc(100vw * ( 57 /  428));
         height:  calc(100vw * ( 24 /  428));
         font-family: NotoSansKR;
         font-size:  calc(100vw * ( 18 /  428));
         font-weight: bold;
         line-height: 1.56;
         text-align: left;
         color: #203465;
         }



         .conents_product_info .contents_option_btn_wrap .button {
          width:  calc(100vw * ( 80 /  428));
          height:  calc(100vw * ( 30 /  428));
          border: solid 1px #203465;
          line-height: 1.75;
          letter-spacing: normal;
          text-align: center;
          color: #203465;
          background:none;
          padding:inherit;
          margin-top:calc(100vw * (20 /428 ));
         }


         /* 수량  */
         .conents_amount_wrap {
           display: flex;
           align-items: center;
         }
         .conents_amount_wrap .count_wrap{
          display:table;
        }
         .count_wrap .minus_btn,
         .count_wrap .plus_btn,
         .count_wrap .input {
          display: inline-block;
         }

         .count_wrap .minus_btn,
         .count_wrap .plus_btn{
           width: calc(100vw * ( 20 /  428));
           height:  calc(100vw * ( 20 /  428));
           font-size:  calc(100vw * ( 20 /  428));
           cursor: pointer;
                      display:table-cell;
         }

         .count_wrap .input {
           width: calc(100vw * ( 30 /  428));
           height:  calc(100vw * ( 20 /  428));
           margin-top:0px;
           margin-right:calc(100vw * (  10 / 428));
           margin-bottom:0px;
           margin-left:calc(100vw * (  10 / 428));
           text-align: center;
           outline:1px solid #dddddd;
           border:none;
                      display:table-cell;
                      vertical-align: bottom;

         }

         .count_btn .edit_btn {
          width:  calc(100vw * ( 50 /  428));
          height:  calc(100vw * ( 30 /  428));
          margin-left:calc(100vw * ( 18 /  428));
          padding:inherit;
          border: 1px solid #203465;
          background-color: #ffffff;

         }
         .conents_discount_money,
         .conents_delivery_cost,
         .conents_product_price {
           width:100%;
           display:flex;
           justify-content: space-between;
           padding-bottom:calc(100vw * (10 / 428));
           padding-top: calc(100vw * (10 / 428));
         }

         .conents_discount_money {
           padding-top:calc(100vw * (20 / 428));
           margin-top:calc(100vw * (20 / 428));
           border-top:1px solid #dddddd;
         }

         /* 결제 및 주문  */
            
         .basket_choise .section3 {
          width:100%;
        }
  
        .basket_choise .section3 .container {
          margin:0 auto;
        }
            
              /* payment_event_text 영역  */
              .basket_choise .payment_event_text {
                margin-bottom:  calc(100vw * ( 20 /  428));
              }

              /* payment_price 영역 */
              .payment_price {
              display:none;
              }

              .m_total_info .ul {
                background:#fafafa;
                padding-top:calc(100vw * (  10 / 1315));
                padding-right:calc(100vw * (  12 / 1315));
                padding-bottom:calc(100vw * (  10 / 1315));
                padding-left:calc(100vw * (  12 / 1315));
                border-top:1px solid #203465;
                border-bottom:1px solid #203465;
              }

              .m_total_info span {
                font-size:calc(100vw * (14 / 428));
              }

              .m_total_info .pink_span {
                font-weight:bold;
              }

              /* payment_button 영역 */
              .payment_button{
                padding-top:calc(100vw * (  40 / 428));
                padding-right:0px;
                padding-bottom:calc(100vw * (  50 / 428));
                padding-left:0px;
              }
              
              .payment_button,
              .payment_button .payment_button_wrap{
                width:100%;
                height:calc(100vw * ( 50 /  428));
              }

              .payment_button_wrap {
                display: flex;
                justify-content: flex-end;
              }

              .payment_button_wrap .payment_button_left {
                display:none;
              }

              .payment_button_wrap .payment_button_left .button{
                width: calc(100vw * ( 120 /  428));
                height:  calc(100vw * ( 50 /  428));
                font-size:  calc(100vw * ( 18 /  428));
                padding-top:calc(100vw * (  13 / 428));
                padding-right:calc(100vw * (  20 / 428));
                padding-bottom:calc(100vw * (  13 / 428));
                padding-left:calc(100vw * (  20 / 428));
                background:none;
                color:#203465;
                border:1px solid #203465;
              }

              .payment_button_wrap .payment_button_right .button{
                width:  calc(100vw * (180  /  428));
                height:  calc(100vw * ( 50 /  428));
                font-size:  calc(100vw * ( 18 /  428));
      padding-top:calc(100vw * (  13 / 428));
      padding-right:calc(100vw * (  52 / 428));
      padding-bottom:calc(100vw * (  13 / 428));
      padding-left:calc(100vw * (  52 / 428));
                border: 1px solid #203465;
                background-color: #203465;
                color:#ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
              }

              /* 하단 매트리스 구매하기 영역  */
              
.basket_choise .box_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}

.basket_choise .box_wrap .con_box {
  width:  calc(100vw * ( 425 /  428));
height:  calc(100vw * ( 460 /  428));
padding-top:calc(100vw * (  60 / 428));
padding-right:calc(100vw * (  109 / 428));
padding-bottom:calc(100vw * (  60 / 428));
padding-left:calc(100vw * (  109 / 428));
border: 1px solid #dddddd;
text-align: center;
}

.basket_choise .box_wrap .con_box:nth-child(1){
  background:url("../img/bio/m_matt.png") no-repeat;
  background-size: contain;
  background-position:left center;
}

.basket_choise .box_wrap .con_box:nth-child(2){
  background:url("../img/bio/m_matt_2.png") no-repeat;
  background-size: contain;
  background-position:left center;
}

.basket_choise .box_wrap .link {
  display: inline-block;
  width: calc(100vw * ( 60 /  428));
  height:  calc(100vw * ( 60 /  428));
  margin-top:  calc(100vw * (140  /  428));
  margin-right: auto;
  margin-left: auto;
}

.basket_choise .box_wrap .con_box-img {
  width: calc(100vw * ( 60 /  428));
  height:  calc(100vw * ( 60 /  428));
  margin:0 auto;
}

.basket_choise .box_wrap .con_box-desc {
  margin-top:  calc(100vw * ( 110 /  428));
}

.basket_choise .box_wrap .con_box-text .span {
  display: inline-block;
}

.basket_choise .box_wrap .con_box-text .blue_span_bold22 {
        margin-top:calc(100vw * (  21 / 428));
      margin-right:0px;
      margin-bottom:calc(100vw * (  21 / 428));
      margin-left:0px;
}

              /* 하단 매트리스 구매하기 영역 끝 */


        
/* 하단 완벽한 숙면을 위한 영역  pc 버전*/

        /* sec09_wrap 영역  */
        .basket_choise .sec_09 .con_wrap .con_container {
          width:100%;
          margin:0 auto;
      }
      
        .basket_choise .sec_09 .con_wrap .top_cont .text_wrap {
          padding: calc(100vw * ( 16 /  428));
        }
        
        .basket_choise .sec_09 .con_wrap .top_cont .text_wrap .title_link {
          display: flex;
          justify-content: space-between;
          padding-bottom:  calc(100vw * ( 20 /  428));
          border-bottom: 1px solid #dddddd;
          
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
          padding-top:  calc(100vw * ( 20 /  428));
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .title_ {
          text-align: center;
          margin-bottom:  calc(100vw * ( 60 /  428));
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .title_ .span{
          display: block;
          text-align: inherit;
        }
        
        
        .basket_choise .sec_09 .con_desc {
          display: flex;
          justify-content: space-between;
        }
      
        .basket_choise .sec_09 .con_desc>div:nth-child(2) {
            margin-top:0px;
            margin-right:calc(100vw * (  20 / 428));
            margin-bottom:0px;
            margin-left:calc(100vw * (  20 / 428));
        }
        
        
        .basket_choise .sec_09 .img_con {
          width: calc(100vw * ( 426 /  428));
          height:  calc(100vw * ( 500 /  428));
        }
        
        .basket_choise .sec_09 .title_link .span {
          display: inline-block;
          font-size:  calc(100vw * ( 22 /  428));
          line-height: 1.7;
          color: #203465;
        }
        
        .basket_choise .sec_09 .title_link .link {
        display: inline-block;
        width: calc(100vw * ( 60 /  428));
        height:  calc(100vw * ( 60 /  428));
        }
      
      



/* basket_order 영역  */
    /* common */


  
    .total_price .span:nth-child(2) {
      display: inline-block;
      margin-left:  calc(100vw * ( 18 /   428));
    }
  
  
      /* common END*/
        /* basket_order 영역 - Heading  */
        .basket_order {
          width:100%;
          background:#fbfbfe;
        }
        
        .basket_order .section1{
          width:100%;
        }
        
        .basket_order .section1 .container {
          width:100%;
          height: 100%;
        }
        
        .basket_order .section1 .container .heading {
          height:  calc(100vw * ( 60 /   428));
          margin:0 auto;
          padding-bottom:  calc(100vw * ( 21 /   428));
          border-bottom: 1px solid #dddddd;
          display: flex;
      justify-content: space-between;
      align-items: baseline;
        }
  
        
        .basket_order .section1 .container .heading>h2 {
          font-size:  calc(100vw * (30  /   428));
          font-weight: bold;
          color:#203465;
        } 
  
        /* buy_flow 영역 */
        .buy_flow {
          margin:0 auto;
          padding-top:calc(100vw * (  80 /  428));
          padding-right:0px;
          padding-bottom:calc(100vw * (  80 /  428));
          padding-left:0px;
        }
  
        .buy_flow .buy_flow_wrap {
          display: flex;
          justify-content: center;
          align-items: center;
          margin:0 auto;
        }


        .basket_choise .buy_flow .buy_flow_wrap,
        .basket_order .buy_flow .buy_flow_wrap {
          display:inherit;
          margin-left:calc(100vw * (50 / 428));
          color:#333333;
        }



        .buy_flow .buy_flow_wrap .span {
          display:inline;
        }
  
        .basket_order .buy_flow .buy_flow_wrap .basket_flow,
        .basket_order .buy_flow .buy_flow_wrap .finish_flow {
          display: none;
        }

        .basket_order .conents_amount, 
        .basket_order .conents_discount_money,
        .basket_order .conents_product_price,
        .basket_order .order_total_cost
        {
          display:none;
        }
        
        

        .buy_flow .buy_flow_wrap div .span:nth-child(1){
            width:  calc(100vw * ( 121 /   428));
            font-size:  calc(100vw * ( 22 /   428));
            font-weight: bold;
            margin-right:  calc(100vw * ( 24 /   428));
            color:#bbbbbb;
        }
        .basket_order .buy_flow .buy_flow_wrap div .span:nth-child(1){
          color:#203465;
        }

        .basket_order .section2 {
          width:100%;
        }
  
        .basket_order .section2 .container {
          margin:0 auto;
        }
        .basket_order_detail .section2  {
          margin-top: calc(100vw * ( 100 /   428));
        }

        .basket_order_detail .basket_order_title,
        .basket_order_detail .conents_amount,
        .basket_order_detail .conents_discount_money,
        .basket_order_detail .discount_money_wrap,
        .basket_order_detail .conents_product_price {
          display:none;
        }

        .basket_order_detail .section1 .container .heading {
          margin-top:calc(100vw * (100 / 428));
        }
        .basket_order_detail .order_total_cost .order_total_cost_wrap {
          padding-bottom: calc(100vw * ( 5 / 428));
        }

        .m_detail_text {
          padding-top:calc(100vw * (30 / 428));
          padding-bottom:calc(100vw * (30 / 428));
          border-bottom:1px solid #203465;
        }
        .m_detail_text>div {
          display:flex;
          justify-content:space-between;
          margin-bottom:calc(100vw * (10 / 428));
        }

        .m_detail_text>div .span {
color:#203465;
        }
  
         /* basket_order 영역 - Title  */
         .basket_order .basket_order_wrap {
          width:100%;
         }
  
         .basket_order .basket_order_title .ul{
          display:none;
         }
  
         .basket_order .basket_order_title .ul .list {
           font-weight: 300;
         }
  
         /* Title Li width   */
  
         .basket_order_title .ul .product_info {
          width: calc(100vw * (924  /   428));
        }
  
        .basket_order_title .ul .amount {
          width: calc(100vw * ( 120 /   428));
        }
  
        .basket_order_title .ul .discount_money {
          width: calc(100vw * ( 160 /   428));
        }
  
        .basket_order_title .ul .product_price {
          width: calc(100vw * (160  /   428));
        }
  
  
        
  
        /* basket_order_contents */
        .basket_order_contents {
          width:100%;
          text-align: center;
          background:#ffffff;
        }
  
        .basket_order_contents>.ul {
            width:100%;
        }
  
        
        .basket_order_contents>.ul>.list{
          width:100%;
          height:  calc(100vw * ( 140 /   428));
          padding-top:calc(100vw * (  30 /  428));
          padding-right:0px;
          padding-bottom:calc(100vw * (  30 /  428));
          padding-left:0px;
          border-bottom: 1px solid #203465;
      }
  
      .basket_order_contents .conents_box {
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
      }
  
             /* Contents Li width   */
             .basket_order_contents .conents_checkbox {
              width: calc(100vw * ( 100 /   428));
              height: 100%;
              padding-top:calc(100vw * (  33 /  428));
              padding-right:0px;
              padding-bottom:calc(100vw * (  33 /  428));
              padding-left:0px;
              border-right:1px solid #ffffff;
            }
     
     
            .basket_order_contents .conents_product_info {
             width: calc(100vw * ( 924 /   428));
           }

           .basket_order_detail .basket_order_contents .conents_product_info {
            width: calc(100vw * ( 756 /   428));
          }
     
           .basket_order_contents .conents_amount {
             width: calc(100vw * ( 120 /   428));
           }
     
           .basket_order_contents .conents_discount_money {
             width: calc(100vw * (160 /   428));
           }

           .basket_order_detail .conents_discount_money {
            width: calc(100vw * ( 139 /   428));
          }
     
           .basket_order_contents .conents_product_price {
             width: calc(100vw * (  160/   428));
           }
           .basket_order_detail .basket_order_contents .conents_product_price {
            width: calc(100vw * ( 138 /   428));
          }


          .m_order_info {
            padding-bottom:calc(100vw * (15 / 428));
            margin-bottom:calc(100vw * (15 / 428));
            border-bottom:1px solid #203465;
          }

          .m_order_info .info_box {
            display:flex;
            justify-content: space-between;
            padding-top: calc(100vw * (20 / 428));
          }

          .m_order_info .info_box .span {
            color:#203465;
          }
  
          .m_order_info .info_box:last-child .span:last-child{
            color:#FF6F6F;
            font-weight:bold;
          }
           /* 상품정보 상세  */
           .conents_product_info {
              padding-top:0px;
              padding-right:calc(100vw * (  20 /  428));
              padding-bottom:0px;
  
             display: flex;
             align-items: center;
           }
  
           .conents_product_info .contents_img {
            width: calc(100vw * ( 80 /   428));
            height:  calc(100vw * ( 80 /   428));
           }
  
           .conents_product_info .contents_img .link {
             display: inline-block;
             width:100%;
             height: 100%;
           }
  
           .conents_product_info .contents_name {
              margin-top:0px;
              margin-right:calc(100vw * (  20 /  428));
              margin-bottom:0px;
              margin-left:calc(100vw * (  20 /  428));
  
           }
  
           .conents_product_info .contents_name .span {
            
           width:  calc(100vw * ( 57 /   428));
           height:  calc(100vw * ( 24 /   428));
           font-family: NotoSansKR;
           font-size:  calc(100vw * ( 18 /   428));
           font-weight: bold;
           line-height: 1.56;
           text-align: left;
           color: #203465;
           }
  
  
  
           .conents_product_info .contents_option_btn_wrap .button {
            width:  calc(100vw * ( 100 /   428));
            height:  calc(100vw * ( 40 /   428));
            border: 1px solid #203465;
            line-height: 1.75;
            letter-spacing: normal;
            text-align: center;
            color: #203465;
            background:none;
           }
  
  
           /* 수량  */
           .conents_amount_wrap {
             display: flex;
             justify-content: center;
             align-items: center;
           }
  
           .conents_amount_wrap .span {
            display: inline-block;
            width:100%;
            text-align: center;
          }
  
           .count_wrap .minus_btn,
           .count_wrap .plus_btn,
           .count_wrap .input {
            display: inline-block;
           }
  
           .count_wrap .minus_btn,
           .count_wrap .plus_btn{
             width: calc(100vw * ( 20 /   428));
             height:  calc(100vw * ( 20 /   428));
             font-size:  calc(100vw * ( 20 /   428));
             cursor: pointer;
           }
  
           .count_wrap .input {
             width: calc(100vw * ( 20 /   428));
             height: calc(100vw * (20 /   428));
             margin-top:0px;
             margin-right:calc(100vw * (  10 /  428));
             margin-bottom:0px;
             margin-left:calc(100vw * (  10 /  428));

             text-align: center;
             outline:1px solid #dddddd;
             border:none;
           }
  
           .count_btn .edit_btn {
            width: calc(100vw * ( 60 /   428));
            height:  calc(100vw * ( 40 /   428));
            margin-left:  calc(100vw * ( 18 /   428));

            border:1px solid #203465;
            background-color: #ffffff;
           }
  
           /* 총 합계  */
           .order_total_cost {
            width:100%;
            margin:0 auto;
           }
            .order_total_cost .order_total_cost_wrap {
              width:100%;
              padding-top:calc(100vw * (  30 /  428));
              padding-right:calc(100vw * (  20 /  428));
              padding-bottom:calc(100vw * (  30 /  428));
              padding-left:calc(100vw * (  20 /  428));
              border-bottom:1px solid #203465;
              background:#fafafa;
              display: flex;
              justify-content: flex-end;
              margin-bottom:  calc(100vw * ( 84 /   428));
            }         

            .order_total_cost .order_total_cost_wrap .total_price {
              display:flex;
              align-items: baseline;
            }
  
           /* 결제 및 주문  */
              
           .basket_order .section4 {
            width:100%;
          }
    
          .basket_order .section4 .container,
          .form_wrap {
            margin:0 auto;
          }

          .basket_order_detail .heading{
            margin-top: calc(100vw * ( 100 /   428));
          }
              
                /* payment_event_text 영역  */
                .basket_order .payment_event_text {
                  margin-bottom:  calc(100vw * ( 20 /   428));
                }
  
                /* payment_price 영역 */
                .payment_price {
                  width:100%;
                  height:  calc(100vw * ( 104 /   428));
                  border-top:1px solid #203465;
                  border-bottom:1px solid #203465;
                  padding-top:calc(100vw * (  30 /  428));
                  padding-right:0px;
                  padding-bottom:calc(100vw * (  30 /  428));
                  padding-left:0px;
                }
  
                .payment_price,
                .payment_price .payment_price_wrap {
                  width:100%;
                  background: #fafafa;
                }
  
                .payment_price .payment_price_text_wrap {
                  display: flex;
                  justify-content: flex-end;
                  align-items: center;
                }

                .payment_price .payment_price_text_wrap .span {
                  display:inline;
                }
  
                .plus_sign,
                .equal_sign {
                  font-size:  calc(100vw * (29  /   428));
                  margin-top:0px;
                  margin-right:calc(100vw * (  24 /  428));
                  margin-bottom:0px;
                  margin-left:calc(100vw * (  24 /  428));
      
                  vertical-align: super;
                }
  
                /* payment_button 영역 */
                .payment_button{
                  padding-top:calc(100vw * (  40 /  428));
                  padding-right:0px;
                  padding-bottom:calc(100vw * (  200 /  428));
                  padding-left:0px;
                }
                .payment_button,
                .payment_button .payment_button_wrap{
                  width:100%;
                  height:  calc(100vw * ( 50 /   428));
                }
  
                .payment_button_wrap {
                  display: flex;
                  justify-content: space-between;
                } 
  
                .basket_choise .payment_button_wrap {
                  justify-content: flex-end;
                }
                .payment_button_wrap .payment_button_left {
                  width:100%;
                  height: 100%;
                }
  
                .payment_button_wrap .payment_button_left .button{
                  width: calc(100vw * (  120/   428));
                  height:  calc(100vw * ( 50 /   428));
                  font-size:  calc(100vw * ( 18 /   428));
                  padding-top:calc(100vw * (  13 /  428));
                  padding-right:calc(100vw * (  20 /  428));
                  padding-bottom:calc(100vw * (  13 /  428));
                  padding-left:calc(100vw * (  20 /  428));
                  background:none;
                  color:#203465;
                  border:1px solid #203465;
                }
  
                .payment_button_wrap .payment_button_right .button{
                  width:  calc(100vw * ( 180 /   428));
                  height:  calc(100vw * ( 50 /   428));
                  font-size:  calc(100vw * ( 18 /   428));
                  padding-top:calc(100vw * (  13 /  428));
                  padding-right:calc(100vw * (  52 /  428));
                  padding-bottom:calc(100vw * (  13 /  428));
                  padding-left:calc(100vw * (  52 /  428));
                  border: solid 1px #203465;
                  background-color: #203465;
                  color:#ffffff;
                }
  
  
          
    /* form */
    .basket_order .section3 .container {
      width:100%;
      margin:0 auto;
    }
  
    .basket_order .signup_user_info_wrap {
      width:100%;
      margin:0;
    }
  
    .basket_order .signup_user_left_box {
      width:100%;
      max-width:  calc(100vw * ( 130 /   428));
    }
  
    .basket_order .signup_user_right_box {
      width:100%;
    }
  
    .basket_order .num_input {
      width:  calc(100vw * (103  /   428));
      height:  calc(100vw * ( 40 /   428));
      margin-right:  calc(100vw * ( 17 /   428));
      border: 1px solid #dddddd;
    }
  
    .basket_order .line_::after {
        content: "";
        width:  calc(100vw * (10  /   428));
        height: 1px;
        position: absolute;
        right: 2%;
        top: 49%;
        background: black;
    }
  
    .basket_order .line_:nth-child(3)::after{
      width:0;
    }
  
    .form_wrap .section2 {
      margin-bottom:  calc(100vw * ( 84 /   428));
    }
  
  
        /* 배송지확인 */
        .basket_order .adress_form {
          padding: calc(100vw * ( 20 /   428));
        }
  
          .basket_order .adress_form .input,
          .basket_order .last_agree_check .input {
            width:  calc(100vw * ( 18 /   428));
            height:  calc(100vw * ( 18 /   428));
            border: 1px solid #dddddd;
            background-color: #ffffff;
          }
  
          .basket_order .adress_form .label,
          .basket_order .last_agree_check .label  {
            position: relative;
            bottom: calc(100vw * ( 4 /   428));
            left:  calc(100vw * ( 5 /   428));
          }
  
        /* 배송지 선택 */
        .basket_order .adress_choise_wrap,
        .basket_order .payment_method {
          display: flex;
          justify-content: flex-start;
        }

        .basket_order .payment_method_cash {
          flex-direction: column;
        }

        .basket_order .payment_method_cash>div {
          display:flex;
          padding-top:calc(100vw * (  10 /  428));
          padding-right:0px;
          padding-bottom:calc(100vw * (  10 /  428));
          padding-left:0px;
          border-bottom:1px solid #dddddd;
        }
        .basket_order .cash .signup_user_right_box{
          height:inherit;
          margin-bottom: calc(100vw * ( 30 /   428));
        }
        .basket_order .payment_method_cash>div .how_payment {
        margin-right: calc(100vw * ( 20 /   428));
        }

        .basket_order .cash .cash_receipt_wrap,
        .basket_order .cash .cash_phone_num {
          display:inherit;
        }

        .basket_order .cash .p {
          font-size: calc(100vw * ( 16 /   428));
          color:#203465;
          padding-bottom: calc(100vw * ( 10 /   428));
        }
        .warning_text_2 {
          color:#FF6F6F;
        }

        #card_pay:checked ~ .cash{
          display: none;
        }

        .cash_phone_num .input_phone {
          width:100%;
          height: calc(100vw * ( 40 /   428));
          border:1px solid #dddddd;
        }

        .basket_order .cash_receipt_wrap div {
          display:inline;
        }
  
        .basket_order .adress_choise_wrap .adress_choise,
        .basket_order .payment_method .how_payment {
          margin-right:  calc(100vw * (20  /   428));
        }
  
        /* 남기실 말씀 */
        .basket_order .textarea{
          width:100%;
          resize: none;
          border:1px solid #dddddd;
        }
  
  
        /* 결제방법  */
        .basket_order .payment_method {
          margin-right:0px;
          margin-bottom:calc(100vw * (  12 /  428));
          margin-left:0px;
        }
  
        /* 주문자 동의  */
        .last_agree_check {
          text-align: right;
          margin-top:  calc(100vw * ( 21 /   428));
        }
  
        /* 주문 버튼  */
    .basket_order .buy_button_wrap {
      height:  calc(100vw * (50  /   428));
      margin-top:calc(100vw * (  77 /  428));
      margin-right:auto;
      margin-bottom:calc(100vw * (  240 /  428));
      margin-left:auto;
      display: flex;
      justify-content: space-between;
  }
  
  .basket_order .cancel_btn,
  .basket_order .buy_btn {
      width: calc(100vw * ( 150 /   428));
      height: 100%;
      border:1px solid #203465;
  }
  
  .basket_order .cancel_btn {
      color:#203465;
      background:none;
  }
  
  
  .basket_order .buy_btn {
      color:#ffffff;
      background:#203465;
  }


  
  .basket_order .dropbtn_wrap .button {
    margin-top:calc(100vw * (10 / 428));
    font-size: calc(100vw * (13 / 428));
  }

  .check_div {
    text-align: right;
    margin-top:calc(100vw * (10 / 428));
  }

  .basket_complete .buy_flow .buy_flow_wrap .finish_flow {
    display:block;
    margin-right:auto;
    padding-left:calc(100vw * (20 / 428));
  }


  .basket_complete .select_container {
    position:relative;
    
  }

  .basket_complete .select_container .span {
    font-size:calc(100vw * (13 / 428));
  }

  .basket_complete .option_ul {
    max-width: calc(100vw * (328 / 428));
    left: 0%;
    top: 100%;
  }



    /* 결제결과 페이지 */
    #wrap_content {
    width:100%;
    height:100%;
    /* padding-top:100px; */
      position:relative;

    }
    #wrap_content .pay_result {
      width: 90%;
      padding-top:0px;
      margin:0 auto;
      margin-top:calc(100vw * (100 / 428));
    }
  
    .pay_result h1 {
      font-size: calc(100vw * ( 30 /  428));
      text-align: center;
      color:#203465;
    }
  
    .pay_result .section1 p {
      padding-top: calc(100vw * ( 33 /  428));
      padding-bottom: calc(100vw * ( 50 /  428));
      text-align: center;
      font-size: calc(100vw * ( 22 /  428));
      color:#203465;
    }
  
    .pay_result .section2 {
      width: 100%;
      border:1px solid #203465;
      padding-top:calc(100vw * (  40 / 428));
      padding-right:calc(100vw * (  20 / 428));
      padding-bottom:calc(100vw * (  40 / 428));
      padding-left:calc(100vw * (  20 / 428));
      margin-bottom: calc(100vw * ( 80 /  428));
    }
  
    .pay_result .section2 div {
      display:flex;
      padding-bottom: calc(100vw * (20  /  428));
      margin-bottom: calc(100vw * ( 20 /  428));
      border-bottom:1px solid #203465;
    }
  
    .pay_result .section2 div span:first-child{
      width: calc(100vw * ( 150 /  428));
       font-size: calc(100vw * ( 16 /  428));
       font-weight: bold;
       color:#203465;
    }
    .pay_result .section2 div span:last-child{
       font-size: calc(100vw * (14  /  428));
    }
  
    .pay_result .div {
      text-align: center;
    }
    .pay_result .confirm{
      width:  calc(100vw * ( 388 /  428));
      padding-top: calc(100vw * ( 15 /  428));
      padding-bottom: calc(100vw * ( 15 /  428));
      background:#203465;
      color:#ffffff;
      font-size: calc(100vw * ( 16 /  428));
  
    }

    .heading .link .span{
      color:#203465;
    }





    
  /* 1:1 문의 게시판 inquiry  */
  .inquiry,
  .inquiry .section1 {
    padding-top:initial;
  }

  
  .inquiry .section2 {
    max-width: calc(100vw*( 1364 /  428));
  }

  .inquiry .order_list_wrap {
    display:flex;
    flex-wrap:wrap;
    flex-direction: column;
      }

  .inquiry .order_contents .list {
color:#333333;
  }

  .inquiry .order_contents {
    overflow:hidden;
  }
  .inquiry .order_contents {
    display:flex;
    flex-wrap:wrap;
  }
  .inquiry .order_list_contents {
    width:100%;
    padding-top: calc(100vw*( 20 /  428));
    padding-bottom: calc(100vw*( 20 /  428));
    border-top:1px solid #203465;
  }

  .inquiry .order_list_title {
    display:none;
  }


  .inquiry_list_contents>.ul>.list {
    border:none;
  }

  .inquiry .order_list_title .ul .list,
  .inquiry .ul .list {
    height:initial;
    border:none;
  }
  .inquiry_list_title>.list:nth-child(1),
  .inquiry_list_contents>.ul>.list:nth-child(1){
    display:none;
  }

  .inquiry_list_title>.list:nth-child(2),
  .inquiry_list_contents>.ul>.list:nth-child(2){
    width: calc(100vw*( 106 /  428));
    order:0;
  }
  .inquiry_list_title>.list:nth-child(3),
  .inquiry_list_contents>.ul>.list:nth-child(3){
    order:1;
  }
  .inquiry_list_title>.list:nth-child(4),
  .inquiry_list_contents>.ul>.list:nth-child(4){
    width: calc(100vw*( 100 /  428));
    margin-left:calc(100vw*( 50 /  428));
  }
  .inquiry_list_title>.list:nth-child(5),
  .inquiry_list_contents>.ul>.list:nth-child(5){
    width: calc(100vw*( 100 /  428));
    position:relative;
  }

  .hidden_btn {
    width:calc(100vw*(79/428));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,380%);

  }

  .inquiry .content_qustion {
    padding-top: calc(100vw*( 20 /  428));
    padding-bottom: calc(100vw*( 20 /  428));
    padding-left: calc(100vw*( 10 /  428));
    border:none;
  }

  .inquiry .content_qustion .q_title,
  .inquiry .content_answer_wrap .a_desc{
    text-align:left;
  }

  .inquiry .content_qustion .q_title {
    font-weight: normal;
  }
  .inquiry .content_answer_wrap {
    display:flex;
    flex-direction: column;
  }
  .inquiry .content_answer_wrap .a_desc{
    font-size: calc(100vw*(16  /  428));
  }
  .inquiry .content_qustion_wrap::after {
    display: none;
  }

  .inquiry .content_answer {
    
    padding-left: calc(100vw*( 10 /  428));
  }

  .inquiry_btn_wrap {
    padding-top: calc(100vw*( 20 /  428));
    display:flex;
    justify-content: space-between;
    border-top:1px solid #203465;
  }
.others_btn_box {
  display:flex;
}
  .inquiry_btn_wrap .button {
    width: calc(100vw*(80  /  428));
    height: calc(100vw*( 30 /  428));
    display:flex;
    justify-content: center;
    align-items:center;
    padding:0px;
    margin-right: calc(100vw*( 10 /  428));
    font-size: calc(100vw*( 18 /  428));
  }

  .answer-arrow {
    color:#203465;
    font-weight:bold;
    padding-right: calc(100vw*( 10 /  428));
  }

  .answer-arrow .img {
    width:  calc(100vw*( 16 /  428));height: calc(100vw*(16  /  428));
  }

  .popup_contents div {
    border-top:none;
    border-bottom:none;
    padding:0px;
    margin:0px;
     text-align: left; 
  }
  .inquiry .popup_wrap {
    display:block;
    width:100%;
  }
  .inquiry .popup_wrap .popup_contents {
    width: 95%;
    height:initial;
  }
  .inquiry .popup_wrap .popup_contents .blue_span_bold24{
    text-align:left;
    border:none;
  }

  .inquiry .pop_box_wrap .con_box {
    border-bottom:1px solid #dddddd;
    padding-top: calc(100vw*(20  /  428));
    padding-bottom: calc(100vw*( 20 /  428));
  }

  .inquiry .pop_box_wrap .con_box .con_box_title{
    width: calc(100vw*( 100 /  428));
  }
  .inquiry .pop_box_wrap .con_box .con_box_title .span {
    font-size:calc(100vw*( 18 /  428));color:#203465;font-weight:bold;
  }

  .inquiry .select_container {
    width:  calc(100vw*( 350 /  428));
  }
  .inquiry .select_container .div_select {
    border:1px solid #dddddd;
    padding-top: calc(100vw*( 10 /  428));
    padding-bottom: calc(100vw*(10  /  428));
    padding-left: calc(100vw*(20  /  428));
  }
  .inquiry .eMail .input,
  .inquiry .order_inquiry .input {
    width: 100%;
    height: calc(100vw*(40  /  428));
    margin-right: calc(100vw*(  10/  428));
    border:1px solid #dddddd;
  }

  .inquiry .order_inquiry_btn {
    width: calc(100vw*( 100 /  428));
    height: calc(100vw*( 40 /  428));
    background:#203465;
    color:#ffffff;
    padding:0px;
    
  }

  .inquiry .eMail label em,
  .inquiry .Pmessage label em {
    vertical-align:middle;
  }

  .inquiry .Pmessage .input[type="text"]{
    width: calc(100vw*( 97 /  428));
    height: calc(100vw*( 40 /  428));
    border:1px solid #dddddd;
  }

  .inquiry .contens_title .input {
    width: 100%;
    height: calc(100vw*( 40 /  428));
    border:1px solid #dddddd;
  }

  .inquiry .user_desc .textarea {
    width: 100%;
    height: calc(100vw*( 150 /  428));
    padding: calc(100vw*(10  /  428));
    font-size: calc(100vw*( 16 /  428));
  }

  .inquiry .radiobox_wrap {
    width:100%;
    padding: calc(100vw*( 20 /  428));
    background:#dddddd;
    margin-bottom: calc(100vw*( 50 /  428));
  }

  .inquiry .radiobox_wrap .span {
    color:#203465;
    font-weight:bold;
  }
  .inquiry .line_::after {
    display:none;
  }

  .inquiry .radiobox_wrap .p {
    padding-top: calc(100vw*( 20 /  428));
    padding-bottom: calc(100vw*(  30/  428));

  }

  .inquiry .confirm_btn {
    background:#203465;
    color:#ffffff;
  }
.popup_wrap_con {
  width:  calc(100vw*( 415 /  428));
  height: calc(100vw*(200  /  428));
  text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  border:1px solid #dddddd;
  background:#ffffff;
}

.popup_wrap_cons .span {

}

.popup_wrap_con .button {
  background:#203465;
  color:#ffffff;
  margin-top: calc(100vw*( 30 /  428));
}
  /* 1:1 문의 게시판 inquiry  끝*/

}

/* tablet  */
@media (min-width: 1025px) and (max-width: 1315px) {
  .cover_openBtn,
  .m_detail_text,
  .m_order_info {
    display:none;
  }
#sec1To5 {
  padding-left:calc(100vw * (20 / 1315));
  padding-right:calc(100vw * (20 / 1315));
}

span {
  font-size:calc(100vw*(16/1315));
}

  
  /* 회원가입 인풋 스타일  시작*/
   input[type="checkbox"] {
    display:none;
  }
  
   label {
    cursor: pointer;
  
  }
  
   label em {
    display: inline-block;
    width:20px;
    height:20px;
    background:url("../img/icon/Icon_check.png") no-repeat;
    background-position:-999px;
    margin-right:10px;
    vertical-align: bottom;
    border:1px solid #dddddd;
  }
  
   input[type="checkbox"]:checked ~ label em {
    background-position: 0px;
    background-size: contain;
  }
  
    input[type="checkbox"]:checked ~ label em {
    background-position: 0px;
    background-size: contain;
  }
  /* 회원가입 인풋 스타일  끝*/
  
    
    /* input custom  끝*/
    /*-------------------------------------------- 로그인 영역-----------------------------------------------------  */
    /* Login 영역 - Heading  */
    /* .article {
      padding-top: calc(100vw * (130 /1315));
  } */

  .login {
      width: 100%;
      height: 100%;
      overflow-y:hidden;
      /* background:#fbfbfe; */
  }

  .login .section1 {
      width: 100%;
      height: 100%;
  }

  .login .section1 .container {
      width: 100%;
      height: 100%;
  }

  .login .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1920/1315));
      padding-top: calc(100vw * (37 /1315));
      padding-bottom: calc(100vw * (37/1315));
      margin: calc(100vw * (102/1315)) auto 0 auto;
      border-bottom: 1px solid #dddddd;
  }

  .login .section1 .container .heading>h2 {
      font-family: 'Eina01', sans-serif;
      width: 100%;
      max-width: calc(100vw * (123/1315));
      height: calc(100vw * (53/1315));
      font-size: calc(100vw * (40/1315));
      font-weight: bold;
      color: #203465;
  }


  /* Login 영역 - Input  */
  .inp_wrap {
      width: 100%;
      max-width: calc(100vw * (470 /1315));
      margin: calc(100vw * (100/1315)) auto 0 auto;
  }

  .inp_wrap .fieldset {
      border: none;
  }

  .inp_wrap .legend {
      display: none;
  }

  /* Input Common */
  .login_box {
      width: 100%;
      margin-bottom: calc(100vw * (10 /1315));
  }

  .login_box_label {
      display: inline-block;
      width: 100%;
      max-width: calc(100vw * (99 /1315));
      color: #203465;
      line-height: 1.63;
  }

  .login_box_inp {
      display: inline-block;
      width: 100%;
      max-width: calc(100vw * (367 /1315));

      padding: calc(100vw * (20 /1315));
      margin: 0;
      border: 1px solid #203465;
      font-size: calc(100vw * (18/1315));
  }

  /* Find id and pw 영역 */
  .find_id_pw {
      width: 100%;
      margin-bottom: calc(100vw * (20/1315));
  }

  .find_wrap {
      width: 100%;
      display: flex;
      justify-content: flex-end;
  }

  .find_wrap .list {
      margin-left: calc(100vw * (10/1315));
  }

  .find_wrap .link {
      font-size: calc(100vw * (14/1315));
      color: #203465;
      border-bottom: 1px solid #203465;
  }

  /* Button 영역 */
  .login .btn_wrap {
      width: 100%;
      max-width: calc(100vw * (470/1315));
      display:block;
  }

  .login .btn_wrap .button {
      width: 100%;
      height: calc(100vw * (50/1315));
      margin-bottom:  calc(100vw * (10/1315));
      border: 1px solid #203465;
  }

  .login .btn_wrap .america_login {
      color: #ffffff;
      background-color: #203465;
  }

  .login .btn_wrap .join {
      color: #203465;
      background-color: #ffffff;
  }

  .login .btn_wrap .naver_login {
      color: #ffffff;
      background-color: #03cf5d;
  }

  .login .btn_wrap .kakao_login {
      color: #ffffff;
      background-color: #ffcd00;
  }


  /*-------------------------------------------- 회원가입 약관 영역-----------------------------------------------------  */
  /* signup 영역  */
  /* signup 영역 - Heading  */
  .signup {
      width: 100%;
      padding-bottom: calc(100vw * (100/1315));
  }

  .signup .section1 {
      width: 100%;
      padding-top: calc(100vw * (80/1315));
  }

  .signup .section1 .container {
      width: 100%;
      height: 100%;
  }

  .signup .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1364/1315));
      margin: 0 auto;
      padding-bottom: calc(100vw * (21/1315));
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
  }

  .signup .section1 .container .heading>h2 {
      font-family: 'Eina01', sans-serif;
      padding-bottom: calc(100vw * (30 /1315));
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      color: #203465;
  }

  /* signup 영역 - contents Heading 영역  */
  .signup .section2 {
      width: 100%;
  }

  .signup .section2 .container {
      width: 100%;
      max-width: calc(100vw * (1000/1315));
      margin: calc(100vw * (62/1315)) auto 0 auto;
  }

  /* signup 영역 - contents Textarea 영역  */
  .signup .textarea_wrap {
      width: 100%;
      max-width: calc(100vw * (1000/1315));
      margin-top: calc(100vw * (20/1315));
  }

  .signup .textarea {
      width: 100%;
  }

  .textarea {
      resize: none;
      border: 1px solid #dddddd;
  }

  .textarea_wrap .need_check {
      text-align: right;
  }

  .agree_check[type="checkbox"] {
      outline: none;
  }

  /* signup 영역 - 개인정보처리 방침 영역  */
  .signup .Pri_Policy_wrap {
      width: 100%;
      margin-top: calc(100vw * (32/1315));
  }

  .signup .policy {
      width: 100%;
      margin-top: calc(100vw * (20/1315));
  }

  .signup .policy .policy_content {
      width: 100%;
      display: flex;
      text-align: center;

  }

  .signup .policy .policy_content .dl {
      display: inline-block;
      width: calc(100vw * (333/1315));
  }

  .signup .policy .policy_content .dt {
      width: 100%;
      background-color: #203465;
      color: #ffffff;
      padding: calc(100vw * (13 /1315)) 0;
  }

  .signup .policy .policy_content .dd {
      color: #333333;
      padding: calc(100vw * (19/1315)) 0;
  }

  .signup .policy .policy_content .dl:nth-child(1) .dd:nth-child(3) {
      padding: calc(100vw * (11/1315)) 0;
  }

  .signup .policy .policy_content .dl:nth-child(2) .dd:nth-child(3),
  .signup .policy .policy_content .dl:nth-child(3) .dd:nth-child(3) {
      padding: calc(100vw * (24/1315)) 0;
  }

  .signup .policy .policy_content .dl:nth-child(1),
  .signup .policy .policy_content .dl:nth-child(3) {
      background: #fafafa;
  }


  .signup .policy .policy_content .dl .dd:nth-child(2),
  .signup .policy .policy_content .dl .dd:nth-child(3) {
      border-bottom: 1px solid #203465;
  }

  .signup .policy .policy_content .dl .dd:nth-child(2) {
      width: 100%;
  }


  .signup .policy .policy_content .dl .dd:nth-child(3) {
      width: 100%;
      height: calc(100vw * (70/1315));
  }

  .policy_chekbox_wrap {
      width: calc(100vw * (1000/1315));
      height: calc(100vw * (90/1315));
      text-align: right;
  }

  .policy_chekbox_wrap .policy_chekbox {
      margin-top:  calc(100vw * (10/1315));
  }

  /* signup 영역 - 개인정보처리 방침 -> 버튼 영역  */

  .signup .button_wrap {
      width: calc(100vw * (1000/1315));
      height: calc(100vw * (60/1315));
      margin-top:  calc(100vw * (50/1315));
      display: flex;
      justify-content: space-between;
  }

  .signup .cancel_btn,
  .signup .signup_btn {
      width: 100%;
      max-width: calc(100vw * (490/1315));
      height: 100%;
      border: 1px solid #203465;
  }

  .signup .cancel_btn {
      color: #203465;
      background: none;
  }


  .signup .signup_btn {
      color: #ffffff;
      background: #203465;
  }




  /*-------------------------------------------- 회원가입 작성 영역-----------------------------------------------------  */
  /* common */

  .signup_form_title {
      display: inline-block;
      color: #203465;
      font-size: calc(100vw * (16/1315));
      margin-top: calc(100vw * (20/1315));
  }

  .signup_user_right_box .button {
      margin-left: calc(100vw * (10/1315));
  }

  .adress_title {
      margin-bottom: calc(100vw * (10/1315));
  }

  .default_text {
      font-size: calc(100vw * (14/1315));
      color: #203465;
  }

  /* error 메시지  */
  .error_text {
      font-size: calc(100vw * (14/1315));
      color: #FF6F6F;
  }


  /* correct 메시지  */
  .correct_text {
      font-size: calc(100vw * (14/1315));
      color: #49C2AE;
  }

  /* signup_form 영역  */
  /* signup_form 영역 - Heading  */
  .signup_form {
      width: 100%;
      height: calc(100vw * (1544/1315));
  }

  .signup_form .section1 {
      width: 100%;
      padding-top: calc(100vw * (80/1315));
  }

  .signup_form .section1 .container {
      width: 100%;
      height: 100%;
  }

  .signup_form .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1315/1315));
      height: calc(100vw * (60/1315));
      margin: 0 auto;
      padding-bottom: calc(100vw * (21/1315));
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
  }

  .signup_form .section1 .container .heading>h2 {
      font-family: 'Eina01', sans-serif;
      width: calc(100vw * (123/1315));
      height: calc(100vw * (53/1315));
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      color: #203465;
  }

  /* signup_form 영역 - contents Heading 영역  */
  .signup_form .section2 {
      width: 100%;
  }

  .signup_form .section2 .container {
      width: calc(100vw * (1000/1315));
      margin: calc(100vw * (82 /1315)) auto 0 auto;
  }

  .signup_form_contents_wrap {
      margin-top: calc(100vw * (20/1315));
  }

  .signup_user_info_wrap {
      width: calc(100vw * (1000/1315));
      display: flex;
      align-items: center;

  }

  .signup_user_left_box {
      width: calc(100vw * (130/1315));
      height: calc(100vw * (90/1315));
  }

  .signup_user_left_box .span {}

  .signup_user_right_box {
      width: calc(100vw * (870/1315));
      height: calc(100vw * (90/1315));
      border:1px solid;
      padding-top: calc(100vw * (10/1315));
      padding-left: calc(100vw * (20/1315));
      border: 1px solid #203465;
      border-bottom: none;
  }

  .signup_user_right_box .input {
      width: calc(100vw * (350 /1315));
      height: calc(100vw * (40/1315));
      margin-bottom: calc(100vw * (5 /1315));
      vertical-align: top;
      border: 1px solid #dddddd;
      padding: calc(100vw * (10/1315));
  }

  .signup_user_right_box .button {
      display: inline-block;
      width: calc(100vw * (130 /1315));
      height: calc(100vw * (40 /1315));
      background: #203465;
      color: #ffffff;
      border: none;
      padding:0px;
  }

  .signup_user_right_box .notice_text {
font-size:calc(100vw * (14 / 1315));
  }


  .adress_wrap {
      height: calc(100vw * (220/1315));
  }

  .adress_wrap .max_input {
      width: calc(100vw * (830/1315));
  }

  .basket_order .adress_wrap .max_input {
    width:inherit;
  }

  .num_input {
      width: calc(100vw * (103/1315));
      height: calc(100vw * (40/1315));
      margin-right: calc(100vw * (20 /1315));
      border: 1px solid #dddddd;
      padding-top: calc(100vw * (10/1315));
      padding-bottom: calc(100vw * (10/1315));
      padding-right: calc(100vw * (20/1315));
      padding-left: calc(100vw * (20/1315));
      text-align: center;
  }

  .num_input::-webkit-outer-spin-button,
  .num_input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }



  /* signup_form 영역 -버튼 영역  */

  .signup_form .button_wrap {
      width: calc(100vw * (1000/1315));
      height: calc(100vw * (50/1315));
      margin: calc(100vw * (50/1315)) auto 0 auto;
      display: flex;
      justify-content: space-between;
  }

  .signup_form .cancel_btn,
  .signup_form .signup_btn {
      width: calc(100vw * (490/1315));
      height: 100%;
      border: 1px solid #203465;
  }

  .signup_form .cancel_btn {
      color: #203465;
      background: none;
  }


  .signup_form .signup_btn {
      color: #ffffff;
      background: #203465;
  }



  /* number 기호  */
  .signup_user_right_box .line_ {
      display: inline-block;
      position: relative;
  }



  .signup_user_right_box .line_::after {
      content: "";
      width: calc(100vw * (10/1315));
      height: 1px;
      position: absolute;
      right: 3%;
      top: 49%;
      background: black;
  }

  .signup_user_right_box .line_:nth-child(3)::after {
      width: 0;
  }



  /*-------------------------------------------- 회원가입 축하 영역-----------------------------------------------------  */

  /* signup_complete 영역  */
  /* signup_complete 영역 - Heading  */
  .signup_complete {
      width: 100%;
      height: calc(100vw * (940 /1315));

  }

  .signup_complete .section1 {
      width: 100%;
      padding-top: calc(100vw * (80 /1315));
  }

  .signup_complete .section1 .container {
      width: 100%;
      height: 100%;
  }

  .signup_complete .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1315 /1315));
      height: calc(100vw * (60/1315));
      margin: 0 auto;
      padding-bottom: calc(100vw * (21 /1315));
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
  }

  .signup_complete .section1 .container .heading>h2 {
      font-family: 'Eina01', sans-serif;
      width: calc(100vw * (123/1315));
      height: calc(100vw * (53/1315));
      font-size: calc(100vw * (30 /1315));
      font-weight: bold;
      color: #203465;
  }

  /* section 2  영역*/
  .signup_complete .section2 {
      width: calc(100vw * (520/1315));
      margin: 0 auto;
      margin-top: calc(100vw * (275 /1315));
      text-align: center;
      padding:inherit;
  }

  .coplete_message_wrap .coplete_message_text {
      font-size: calc(100vw * (22 /1315));
      color: #203465;
      font-weight: bold;
  }

  .coplete_message_wrap .coplete_message_text_info {
      font-size: calc(100vw * (18 /1315));
      color: #333333;
      margin: 0 auto;
      margin-top: calc(100vw * (30/1315));
      margin-bottom: calc(100vw * (30/1315));
  }

  .signup_complete .section2 .button_wrap {
      width: 100%;
      height: calc(100vw * (50 /1315));
  }

  .signup_complete .section2 .button_wrap .goMain_btn {
      width: calc(100vw * (490/1315));
      height: 100%;
      margin: 0 auto;
      background-color: #203465;
      color: #ffffff;
      border: none;
  }

  /* user_accountInfo 영역  */
  /* user_accountInfo 영역 - Heading  */
  .user_accountInfo {
      width: 100%;
      padding-top: calc(100vw * (80/1315));
  }

  .user_accountInfo .section1 {
      width: 100%;
  }

  .user_accountInfo .section1 .container {
      width: 100%;
      height: 100%;
  }

  .user_accountInfo .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1315 /1315));
      height: calc(100vw * (60/1315));
      margin: 0 auto;
      padding-bottom: calc(100vw * (21/1315));
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
  }


  .user_accountInfo .section1 .container .heading>h2 {
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      color: #203465;
  }

  /* section 2  영역*/
  .user_accountInfo .section2 {
      width: calc(100vw * (1000 /1315));
      margin-top: calc(100vw * (40/1315));
      margin-bottom: calc(100vw * (40/1315));
      margin-left: auto;
      margin-right:auto;
      padding:inherit;
      padding-top:0px;
  }

  /* section 2  Tab-menu영역*/
  .user_accountInfo .section2 .tab_wrap {
      width: 100%;
      display: flex;
      justify-content: space-between;
      list-style: none;
      text-align: center;
  }

  .user_accountInfo .section2 .tab_wrap .list {
      display: inline-block;
      width: calc(100vw * (470/1315));
      height: calc(100vw * (50 /1315));
      background: #ffffff;
      color: #203465;
      padding-top: calc(100vw * (10/1315));
      padding-bottom: calc(100vw * (10/1315));
      padding-left: calc(100vw * (15/1315));
      padding-right: calc(100vw * (15/1315));
      cursor: pointer;
      border: 1px solid #203465;
  }

  .user_accountInfo .section2 .tab_wrap .list.current {
      background: #203465;
      color: #ffffff;
  }

  .tab-content {
      display: none;
  }

  .tab-content.current {
      display: inherit;
  }

  /* section 2  Tab-menu - content 주문정보 영역*/
  /*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ common */
  /*Order list Title 영역 */
  .user_accountInfo .section1 {
    padding-top:calc(100vw * (70 / 1315));
  }
  .user_accountInfo .order_contents .list .link {
    text-decoration: underline;
    color:#203465;
  }
  .user_accountInfo .order_title,
  .user_accountInfo .order_contents {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      display: flex;
      align-items: center;
      text-align: center;
  }
  .user_accountInfo .order_title {
    margin-top:calc(100vw * (20 / 1315));
  }
  .user_accountInfo .order_contents {
    border-bottom:1px solid #203465;
  }
  
  .no_order_list_wrap .order_list_contents .ul {
    border-bottom:1px solid #203465;
  }
  .no_order_list_wrap .order_list_contents .list{
    margin:0 auto;
    padding-top:calc(100vw * (30 / 1315));
    padding-bottom:calc(100vw * (30 / 1315));
    
  }

  .user_accountInfo .order_list_title .ul .list {
      background: #203465;
      color: #ffffff;
      font-size: calc(100vw * (15 /1315));
      padding-top:calc(100vw * (16/1315)); 
      padding-right:calc(100vw * (15/1315)); 
      padding-bottom: calc(100vw * (14/1315)); 
      padding-left: calc(100vw * (15/1315));         
      line-height: 1.5;
  }

  .user_accountInfo .list .order_list_contents .order_contents .list {
      background: red;
  }

  /* 번호 */
  .user_accountInfo .list_num,
  .user_accountInfo .list_num_content {
      width: calc(100vw * (60/1315));
  }

  /* 구분 */
  .user_accountInfo .list_division,
  .user_accountInfo .list_division_content {
      width: calc(100vw * (66/1315));
  }

  /* 주문일시 */
  .user_accountInfo .list_order_day,
  .user_accountInfo .list_order_day_content {
      width: calc(100vw * (134/1315));
  }

  /* 주문번호 */
  .user_accountInfo .list_order_num,
  .user_accountInfo .list_order_num_content {
      width: calc(100vw * (132/1315));
  }

  /* 결제방법 */
  .user_accountInfo .list_pay_method,
  .user_accountInfo .list_pay_method_content {
      width: calc(100vw * (100 /1315));
  }

  /* 주문금액 */
  .user_accountInfo .list_order_price,
  .user_accountInfo .list_order_price_content {
      width: calc(100vw * (155/1315));
  }

  /* 취소금액 */
  .user_accountInfo .list_cancel_price,
  .user_accountInfo .list_cancel_price_content {
      width: calc(100vw * (154/1315));
  }

  /* 주문상태 */
  .user_accountInfo .list_order_present,
  .user_accountInfo .list_order_present_content {
      width: calc(100vw * (100/1315));
  }

  /* 수량확인 */
  .user_accountInfo .list_amount,
  .user_accountInfo .list_amount_content {
      width: calc(100vw * (99/1315));
  }


  /* common end*/



  /*Order list Conternts 영역 */
  .user_accountInfo .order_contents .list {
      color: #ffffff;
      font-size: calc(100vw * (15/1315));
      text-align: center;
      line-height: calc(100vw * (28/1315))
  }

  .user_accountInfo .order_contents .list span {
    display: inline-block;
  }

  /* 주문일시 */
  .user_accountInfo .list_order_day_content,
  .user_accountInfo .list_order_num_content {
      padding-top: calc(100vw * (9/1315));
      padding-left: calc(100vw * (8/1315));
  }

  .user_accountInfo .list_detail_content .link {
      border-bottom: 1px solid #203465;
  }


  /* section 2  Tab-menu - content 내정보 영역*/

  .user_accountInfo_myinfo_title {
      display: inline-block;
      color: #203465;
      font-size: calc(100vw * (16/1315));
      margin-top: calc(100vw * (20/1315));
  }

  .user_accountInfo_myinfo_right_box .button {
      margin-left: calc(100vw * (10/1315));
  }

  .adress_title {
      margin-bottom: calc(100vw * (10/1315));
  }

  .default_text {
      font-size: calc(100vw * (14/1315));
      color: #203465;
  }

  /* error 메시지  */
  .error_text {
      font-size: calc(100vw * (14 /1315));
      color: #FF6F6F;
  }


  /* correct 메시지  */
  .correct_text {
      font-size: calc(100vw * (14/1315));
      color: #49C2AE;
  }

  /* user_accountInfo_myinfo 영역  */
  /* user_accountInfo_myinfo 영역 - Heading  */
  .user_accountInfo_myinfo {
      width: 100%;
      height: calc(100vw * (1544/1315));
  }

  .user_accountInfo_myinfo .section1 .container .heading>h2 {
      width: calc(100vw * (123/1315));
      height: calc(100vw * (53/1315));
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      color: #203465;
  }

  /* user_accountInfo_myinfo 영역 - contents Heading 영역  */
  .user_accountInfo_myinfo .section2 {
      width: 100%;
  }

  .user_accountInfo_myinfo .section2 .container {
      width: calc(100vw * (1000/1315));
      margin: calc(100vw * (62/1315)) auto 0 auto;
  }

  .user_accountInfo_myinfo_contents_wrap {
      margin-top: calc(100vw * (20/1315));
  }

  .user_accountInfo_myinfo_wrap {
      width: calc(100vw * (1000/1315));
      display: flex;
      align-items: center;

  }

  .user_accountInfo_myinfo_left_box {
      width: calc(100vw * (130/1315));
      height: calc(100vw * (90/1315));
  }

  .user_accountInfo_myinfo_right_box {
      width: calc(100vw * (870/1315));
      height: calc(100vw * (90/1315));
      border: 1px solid;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:0px; 
      padding-bottom: 0px;
      padding-left: calc(100vw * (20/1315));          
      border: 1px solid #203465;
      border-bottom: none;
  }

  .user_accountInfo_myinfo_right_box .input,
  .num_input {
      width: calc(100vw * (350/1315));
      height: calc(100vw * (40/1315));
      margin-bottom: calc(100vw * (5/1315));
      vertical-align: top;
      border: 1px solid #dddddd;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (20/1315)); 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: calc(100vw * (20/1315));         
      font-size: calc(100vw * (14/1315));
  }

  .user_accountInfo_myinfo_right_box .span {
      display: inline-block;
      padding-top: calc(100vw * (11/1315));
      padding-bottom: calc(100vw * (11/1315));
      padding-left: calc(100vw * (10 /1315));
  }



  .user_accountInfo_myinfo_right_box .span .img {
      width: calc(100vw * (18/1315));
      height: calc(100vw * (18/1315));
  }

  .user_accountInfo_myinfo_right_box .button {
      display: inline-block;
      width: calc(100vw * (130/1315));
      height: calc(100vw * (40/1315));
      background: #203465;
      color: #ffffff;
      border: none;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
  }


  .adress_wrap {
      height: calc(100vw * (220/1315));
  }

  .adress_wrap .max_input {
      width: calc(100vw * (830/1315));
  }

  .num_input {
      width: calc(100vw * (103/1315));
      height: calc(100vw * (40/1315));
      margin-right: calc(100vw * (20/1315));
      border: 1px solid #dddddd;
  }

  .num_input::-webkit-outer-spin-button,
  .num_input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }


  /* border 바텀  */
  .border_b {
      border-bottom: 1px solid #203465;
  }




  /* user_accountInfo_myinfo 영역 -버튼 영역  */

  .user_accountInfo_myinfo .button_wrap {
      width: calc(100vw * (1000/1315));
      height: calc(100vw * (50/1315));
      margin: calc(100vw * (50/1315)) auto 0 auto;
      display: flex;
      justify-content: space-between;
  }

  .user_accountInfo_myinfo .cancel_btn,
  .user_accountInfo_myinfo .signup_btn {
      width: calc(100vw * (490/1315));
      height: 100%;
      border: 1px solid #203465;
  }

  .user_accountInfo_myinfo .cancel_btn {
      color: #203465;
      background: none;
  }


  .user_accountInfo_myinfo .signup_btn {
      color: #ffffff;
      background: #203465;
  }



  /* number 기호  */
  .user_accountInfo_myinfo_right_box .line_ {
      display: inline-block;
      position: relative;
  }



  .user_accountInfo_myinfo_right_box .line_::after {
      content: "";
      width: calc(100vw * (10/1315));
      height: 1px;
      position: absolute;
      right: 3%;
      top: 49%;
      background: black;
  }

  .user_accountInfo_myinfo_right_box .line_:nth-child(3)::after {
      width: 0;
  }


  /* 팝업 */
  .popup_wrap {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 200vh;
      background: rgb(0, 0, 0, 0.4);
      display: none;
  }

  .popup_wrap .popup_contents .blue_span_bold24 {
      display: block;
      text-align: center;
  }

  .popup_wrap .pop_desc {
      font-size: calc(100vw * (16/1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.63;
      text-align: center;
      color: #333333;
  }

  .popup_contents {
      width: calc(100vw * (800/1315));
      background: #ffffff;
      margin-top:calc(100vw * (283/1315)); 
      margin-right:auto; 
      margin-bottom: calc(100vw * (351/1315)); 
      margin-left: auto;
      padding-top:calc(100vw * (105/1315)); 
      padding-right:calc(100vw * (48/1315));
      padding-bottom: calc(100vw * (105/1315)); 
      padding-left: calc(100vw * (48/1315));         
      text-align: center;
      position: relative;

  }

  .popup_contents .blue_span_bold24 {
      padding-bottom: calc(100vw * (30/1315));
  }

  .popup_contents .pop_cancel_btn {
      width: calc(100vw * (24/1315));
      height: calc(100vw * (24/1315));
      position: absolute;
      top: calc(100vw * (30/1315));
      right: calc(100vw * (30 /1315));
  }







  /* user_secession 영역  */
  /* common */
  .secession_contents_title h4 {
      font-size: calc(100vw * (18/1315));
      color: #203465;
  }

  .warning_text {
      color: #ff6f6f;
      font-weight: bold;
  }

  .checkbox_wrap {
      margin-top: calc(100vw * (8/1315));
  }

  /* common END*/
  /* user_secession 영역 - Heading  */
  .user_secession {
      width: 100%;
      padding-top: calc(100vw * (130 /1315));
      background: #fbfbfe;
  }

  .user_secession .section1 {
      width: 100%;
      padding-top: calc(100vw * (80/1315));
  }

  .user_secession .section1 .container {
      width: 100%;
      height: 100%;
  }

  .user_secession .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1315 /1315));
      height: calc(100vw * (60/1315));
      margin: 0 auto;
      padding-bottom: calc(100vw * (21 /1315));
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
  }


  .user_secession .section1 .container .heading>h2 {
      width: calc(100vw * (123/1315));
      height: calc(100vw * (53/1315));
      font-size: calc(100vw * (30 /1315));
      font-weight: bold;
      color: #203465;
  }

  .user_secession .section2 .container .heading>h3 {
      width: calc(100vw * (364/1315));
      height: calc(100vw * (30/1315));
      font-size: calc(100vw * (22/1315));
      font-weight: bold;
      color: #203465;
      margin: 0 auto;
      margin-top: calc(100vw * (40/1315));
      margin-bottom: calc(100vw * (60/1315));

  }


  /* user_secession 영역 - secession_contents 영역 */
  .user_secession .section2 .form {
      width: calc(100vw * (1000/1315));
      margin: 0 auto;
  }

  .secession_contents_wrap {
      margin-bottom: calc(100vw * (32/1315));
  }

  .secession_contents_wrap .secession_contents_title {
      margin-bottom: calc(100vw * (20/1315));
  }

  /* input size 변경  */
  .secession_contents_desc .input {
      width: calc(100vw * (350/1315));
      height: calc(100vw * (40/1315));
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (20/1315)); 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: calc(100vw * (20/1315));         
      border: 1px solid #203465;
  }

  /*  checkbox_wrap 영역 */
  .checkbox_wrap .secession_contents_desc {
      margin-bottom: calc(100vw * (13/1315));
  }

  /*  textarea 영역 */
  .textarea_wrap {
      width: calc(100vw * (1000/1315));
      height: calc(100vw * (200/1315));
  }

  .textarea_wrap .textarea {
      width: 100%;
      height: 100%;
      resize: none;
      border: 1px solid #203465;
      padding: calc(100vw * (10/1315));
  }

  /*  button wrap 영역 */
  .secession_contents_wrap .button_wrap {
      width: calc(100vw * (1000/1315));
      height: calc(100vw * (50/1315));
      margin-top: calc(100vw * (80/1315));
      display: flex;
      justify-content: space-between;
  }


  .secession_contents_wrap .button_wrap .secession_btn,
  .secession_contents_wrap .button_wrap .cancel_btn {
      width: calc(100vw * (490/1315));
      height: 100%;
      border: 1px solid #203465;
  }

  .secession_contents_wrap .button_wrap .cancel_btn {
      background: #203465;
      color: #ffffff;
  }

  .secession_contents_wrap .button_wrap .secession_btn {
      background: none;
      color: #203465;
  }




  /* event 영역  */
  /* event 영역 - Heading  */
  .event {
      width: 100%;
      padding-top: calc(100vw * (130/1315));
  }

  .event .section1 {
      width: 100%;
      padding-top: calc(100vw * (80/1315));
      margin-bottom: calc(100vw * (60/1315));
  }

  .event .section1 .container {
      width: 100%;
      height: 100%;
  }

  .event .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }


  .event .section1 .container .heading>h2 {
      width: calc(100vw * (123/1315));
      height: calc(100vw * (53 /1315));
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      color: #203465;
      margin: 0 auto;

  }

  /* common end*/

  /* event 영역 - Contents  */
  .event .section2 {
      width: 100%;
      max-width: calc(100vw * (1200/1315));
      margin: 0 auto;
  }

  .event_board_list_wrap .table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: calc(100vw * (0 /1315));
      margin-bottom: calc(100vw * (100/1315));
  }


  .event_board_list_wrap .table .caption {
      display: none;
  }

  .event_board_list_wrap .thead {
      width: 100%;
      background: #203465;

  }

  .event_board_list_wrap .thead .tr .th {
      color: #ffffff;
      font-size: calc(100vw * (18/1315));
      font-weight: normal;
      padding: calc(100vw * (18 /1315)) 0;
  }

  .event_board_list_wrap .tbody {
      text-align: center;
  }

  .event_board_list_wrap .tbody .tr {
      border-bottom: 1px solid #bbbbbb;
  }

  .event_board_list_wrap .tbody .tr .td {
      padding: calc(100vw * (18/1315)) 0;
      font-size: calc(100vw * (18/1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      letter-spacing: normal;
      color: #333333;
  }

  .event_board_list_wrap .tbody .tr .title {
      padding-left: calc(100vw * (30 /1315));
      text-align: left;
  }

  /* table common size  */
  .event_board_list_wrap .thead .num_ {
      width: calc(100vw * (120/1315));
  }

  .event_board_list_wrap .thead .title {
      width: calc(100vw * (800/1315));
  }

  .event_board_list_wrap .thead .writer {
      width: calc(100vw * (120/1315));
  }

  .event_board_list_wrap .thead .date_ {
      width: calc(100vw * (160/1315));
  }

  /* paging 영역  */
  .paging_wrap .ul {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }


  .paging_wrap .img {
      width: calc(100vw * (14/1315));
      height: calc(100vw * (14/1315));
  }

  .paging_wrap .ul .list:first-child .img {
      transform: rotateZ(90deg);
      margin-right: calc(100vw * (20/1315));
  }

  .paging_wrap .ul .list:last-child .img {
      transform: rotateZ(-90deg);
      margin-left: calc(100vw * (20/1315));
  }

  .paging_wrap .ul .list .span {
      display: inline-block;
      width: calc(100vw * (30/1315));
      height: calc(100vw * (30/1315));
      font-family: Eina01;
      font-size: calc(100vw * (18 /1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      text-align: center;
      color: #bbbbbb;
  }

  .paging_wrap .ul .list .span.on {
      background: #f3f4f7;
      color: #203465;
      font-weight: bold;
      border-radius: 50%;
  }


  /* event 영역 끝 */

  /* install_mattress 영역  */
  /* install_mattress 영역 - Heading  */
  .install_mattress {
      width: 100%;


  }

  .install_mattress .section1 {
      width: 100%;
      padding-top: calc(100vw * (100 /1315));
      margin-bottom: calc(100vw * (60/1315));
  }

  .install_mattress .section1 .container {
      width: 100%;
      height: 100%;
  }

  .install_mattress .section1 .container .heading {
      width: 71%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
      text-align: center;
  }


  .install_mattress .section1 .container .heading>h2 {
      font-size: calc(100vw * (30/1315));
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.53;
      text-align: center;
      color: #203465;
      margin-bottom: calc(100vw * (30 /1315));
  }

  /* common end*/

  /* install_mattress 영역 - Contents  */
  .install_mattress .section2 {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;

  }

  .install_mattress .ins_desc_wrap {
      display: flex;
      flex-direction: column;
  }

  .install_mattress .ins_desc_box {
      display: flex;
      justify-content: space-between;
      margin-bottom: calc(100vw * (90/1315));
  }

  .left_desc,
  .right_desc {
      width: calc(100vw * (602/1315));
  }


  .install_mattress .top_img {
      width: calc(100vw * (260/1315));
      height: calc(100vw * (230/1315));
  }

  .install_mattress .top_img img {
      width: 100%;
      height: 100%;
  }

  .install_mattress .ins_contents {
      padding-top: calc(100vw * (32/1315));
      padding-right: calc(100vw * (30 /1315));
      padding-bottom: calc(100vw * (50/1315));
      padding-left: calc(100vw * (30/1315));
  }

  .install_mattress .ins_contents .dt {
      padding-bottom: calc(100vw * (30/1315));
      border-bottom: 1px solid #bbbbbb;
      font-size: calc(100vw * (24 /1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #203465;
      margin-bottom: calc(100vw * (10 /1315));
  }

  .install_mattress .ins_contents .dd {
      padding-top: calc(100vw * (20 /1315));
      font-size: calc(100vw * (18 /1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      color: #333333;
  }

  /* 하단 특별한 기능 영역  */
  .ameri_video {
      order: -1;
  }

  .ameri_video_wrap {
      margin-bottom: calc(100vw * (200 /1315));
  }

  .ameri_video_desc {
      width: 100%;
      max-width: calc(100vw * (1000 /1315));
      height: calc(100vw * (540/1315));
      background: black;
      margin: 0 auto;
  }

  /* install_mattress 영역 끝 */
  /* customer_service 영역  */
  /* customer_service 영역 - Heading  */
  .customer_service {
      width: 100%;
      padding-top: calc(100vw * (80 /1315));
  }

  .customer_service .section1 {
      width: 100%;
  }

  .customer_service .section1 .container {
      width: 100%;
      height: 100%;
  }

  .customer_service .section1 .container .heading {
      width: 100%;
      height: calc(100vw * (60/1315));
      margin: 0 auto;
      margin-top: calc(100vw * (102/1315));
       margin-bottom:calc(100vw * (112/1315));
      text-align: center;
  }

  .customer_service .article .section1 .container .heading {
      width: 100%;
      height: calc(100vw * (60/1315));
      margin-top: calc(100vw * (34/1315));
      margin-bottom:calc(100vw * (34/1315));
      text-align: center;
  }

  .customer_service .article .content_wrap {
      text-align: center;
      font-size: calc(100vw * (24/1315));
      line-height: 1.5;
      color: #333333;
      margin-bottom: calc(100vw * (200/1315));
  }

  .customer_service .article .content_wrap .sub_heading {
      margin-bottom: calc(100vw * (61 /1315));
  }

  .customer_service .article .content_wrap .sub_heading h3 {
      font-size: calc(100vw * (18/1315));
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      letter-spacing: calc(100vw * (1.8 /1315));
      text-align: center;
      color: #333333;
  }

  .customer_service .section1 .container .heading>h2 {
      height: calc(100vw * (53 /1315));
      font-size: calc(100vw * (30 /1315));
      font-weight: bold;
      color: #203465;
      margin: 0 auto;
  }

  /* section 2  영역*/
  .customer_service .section2 {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;
  }

  /* section 2  Tab-menu영역*/
  .customer_service .section2 .tab_wrap,
  .inner_tab_wrap .intab_wrap {
      width: 100%;
      display: flex;
      justify-content: space-between;
      list-style: none;
      text-align: center;
  }

  .customer_service .section2 .tab_wrap .list,
  .inner_tab .list {
      display: inline-block;
      width: 100%;
      height: calc(100vw * (71/1315));
      font-size: calc(100vw * (22 /1315));
      font-weight: bold;
      line-height: calc(100vw * (22/1315));
      text-align: center;

      background: #ffffff;
      color: #bbbbbb;
      padding-top: calc(100vw * (10/1315));
      padding-bottom: calc(100vw * (10/1315));
      padding-right: calc(100vw * (15/1315));
      padding-left: calc(100vw * (15/1315));
      cursor: pointer;
      border-bottom: calc(100vw * (4 /1315)) solid #bbbbbb;
  }

  .customer_service .section2 .tab_wrap .list.current,
  .inner_tab .list.current {
      border-bottom: calc(100vw * (4 /1315)) solid #203465;
      color: #203465;
  }

  .customer_service .intab-content {
      width: 100%;
  }

  /* 스와이퍼  */
  .customer_service .intab-content .swiper-container {
      width: 100%;
      height: 100%;
  }

  .customer_service .intab-content .swiper-container .swiper-slide {
      width: 100%;
      height: calc(100vw * (700 /1315));
  }

  .customer_service .intab-content .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      width: 100%;
      height: calc(100vw * (220 /1315));
      margin-top: calc(100vw * (30 /1315));
      display: flex;
      justify-content: space-between;
  }

  .customer_service .intab-content .swiper-pagination {
      position: static;
  }

  .customer_service .intab-content .swiper-pagination-bullet {
      display: inline-block;
      width: calc(100vw * (210/1315));
      height: calc(100vw * (220 /1315));
      border-radius: 0%;
      background: #000;
  }

  .customer_service .intab-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0px;
  }




  .customer_service .intab-content,
  .customer_service .tab-content {
      display: none;
  }

  .customer_service .intab-content.current,
  .customer_service .tab-content.current {
      display: inherit;
  }

  /* common_wrap 영역  */
  .customer_service .common_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 / 1315));
      height: calc(100vw * (430 / 1315));
      padding-top: 0px;
      padding-right: calc(100vw * (230/1315));
      padding-left: calc(100vw * (219/1315));
      padding-top: 0px;
      padding-right: auto;
      padding-bottom: calc(100vw * (100 / 1315));
      padding-left: auto;
      background: #fbfbfe;
  }

  .customer_service .common_wrap .common_wrap_heading h4 {
      padding: calc(100vw * (60 /1315)) 0;
  }

  .customer_service .common_wrap .common_wrap_content {
      width: 100%;
      max-width: calc(100vw * (915 /1315));
      height: calc(100vw * (155 /1315));
  }

  .customer_service .common_wrap .common_wrap_content_wrap {
      display: flex;
      justify-content: space-between;
  }


  .customer_service .common_wrap .sns_icon {
      text-align: center;
  }

  .customer_service .common_wrap .sns_icon_b {
      width: calc(100vw * (80/1315));
      height: calc(100vw * (80/1315));
      border-radius: 50%;
      position: relative;
      margin: 0 auto;
      margin-bottom: calc(100vw * (20 /1315));
  }

  .customer_service .common_wrap .sns_icon {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .customer_service .sns_desc {
      display: flex;
      flex-direction: column;
  }

  .customer_service .sns_desc strong {
      display: block;
      padding-bottom: calc(100vw * (10/1315));
  }

  .customer_service .sns_desc .span {
      display: block;
      margin-bottom: 1px;
      text-align: left;
  }

  .customer_service .sns_desc .span {
      display: inline-block;
      font-size: calc(100vw * (18/1315));
      font-weight: 400;
      line-height: 1.5;
      text-align: center;
      color: #333333;
  }

  /* simple_qna 영역  */
  .customer_service .simple_qna {
      width: 100%;
      background: #fafafa;
      margin: 0 auto;
      padding-top: calc(100vw * (62 /1315));
      padding-right: calc(100vw * (132 /1315));
      padding-bottom: calc(100vw * (100/1315));
      padding-left: calc(100vw * (60/1315));
      text-align: left;
  }

  .customer_service .simple_qna .dl {
      margin-bottom: calc(100vw * (42 /1315));
  }

  .customer_service .simple_qna .dl:nth-child(7) {
      margin-bottom: calc(100vw * (101/1315));
  }

  .customer_service .simple_qna .dt {
      font-size: calc(100vw * (24/1315));
      font-weight: bold;
      line-height: 2;
      text-align: left;
      color: #203465;
      margin-bottom: calc(100vw * (22/1315));
  }

  .customer_service .simple_qna .dd {
      font-size: calc(100vw * (18 /1315));
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  /* 자주 묻는 질문 qna 영역  */

  .customer_service .customer_qna_desc .arcodian_qna {
      width: 100%;
      max-width: calc(100vw * (1200 /1315));
      margin: calc(100vw * (10/1315)) auto 0;
      text-align: left;
  }

  .customer_service .content_qustion {
      padding: calc(100vw * (40 /1315));
      font-size: calc(100vw * (16 /1315));
      border-top: 1px solid #bbbbbb;
      position: relative;
      cursor: pointer;
  }

  .customer_service .map_toggle_menu {
      margin-top: calc(100vw * (200 /1315));
  }

  .customer_service .arcodian_qna_wrap .ul,
  .customer_service .map_toggle_menu_wrap .ul {
      border-bottom: 1px solid #bbbbbb;
  }


  .customer_service .content_qustion_wrap {
      position: relative;

  }

  .customer_service .content_qustion_wrap::after {
      content: "";
      width: calc(100vw * (18 /1315));
      height: calc(100vw * (18/1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .customer_service .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom: calc(100vw * (40/1315));
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: calc(100vw * (40 / 428));
      padding-left: calc(100vw * (40 / 428));
  }

  .customer_service .content_answer_wrap {
      display: flex;
      font-size: calc(100vw * (16 / 428));
  }

  .customer_service .arcodian_qna_wrap .q_title {
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  .customer_service .arcodian_qna_wrap .a_desc {
      font-size: calc(100vw * (16 /1315));
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  /* 워런티  */
  /* warranty_s_desc 영역 */

  /* 하단 헤딩  */
  .warranty_s_desc .heading {
      font-size: calc(100vw * (30 /1315));
      font-weight: bold;
      line-height: 1.8;
      text-align: center;
      color: #203465;
      margin-top: calc(100vw * (90 /1315));

  }

  .warranty_s_desc .simple_qna {
      width: 100%;
      background: #fafafa;
      margin: 0 auto;
      padding-top: calc(100vw * (62 /1315));
      padding-right: calc(100vw * (132/1315));
      padding-bottom: calc(100vw * (100 /1315));
      padding-left: calc(100vw * (60 /1315));
      text-align: left;
  }

  .warranty_s_desc .simple_qna .dl {
      margin-bottom: calc(100vw * (42/1315));
  }

  .warranty_s_desc .simple_qna .dl:nth-child(7) {
      margin-bottom: 0;
  }

  .simple_qna .dt {
      font-size: calc(100vw * (24 /1315));
      font-weight: bold;
      line-height: 2;
      text-align: left;
      color: #203465;
      margin-bottom: calc(100vw * (22/1315));
  }

  .warranty_s_desc .simple_qna .dd {
      font-weight: 400;
      font-size: calc(100vw * (18/1315));
      line-height: calc(100vw * (28/1315));
      text-align: left;
      color: #333333;
      margin-bottom: calc(100vw * (40/1315));
  }

  .warranty_s_desc .simple_qna .dd .span {
      display: inline-block;
      color: #203465;
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      line-height: 1.56;
      vertical-align: middle;
      margin-bottom: calc(100vw * (20 /1315));
  }

  /* 표  */
  .warranty_s_desc .table_wrap {
      display: flex;
  }

  .warranty_s_desc .table_wrap .ul:not(.border_r) {
      border-right: 1px solid #bbbbbb;
  }

  .warranty_s_desc .table_wrap .ul .list {
      width: calc(100vw * (300/1315));
      height: calc(100vw * (60/1315));
      padding: calc(100vw * (18/1315));
      font-size: calc(100vw * (16/1315));
      line-height: 1.5;
      text-align: center;
      color: #333333;
      border-bottom: 1px solid #bbbbbb;
  }

  .warranty_s_desc .table_wrap .ul .table_title {
      font-size: calc(100vw * (18/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: center;
      color: #ffffff;
      padding: calc(100vw * (18 /1315)) 0;
      background-color: #203465;
      border: none;
  }

  /* 배송 텍스트 아이콘 삽입  */
  .warranty_s_desc .dl .box_icon {
      display: inline-block;
      width: calc(100vw * (30 /1315));
      height: calc(100vw * (30/1315));
      vertical-align: middle;
      margin-right: calc(100vw * (10/1315));
      background: url("../img/icon/icon_box.png") no-repeat;
  }

  /* about_warranty 영역  */
  .warranty_s_desc .about_warranty {}

  .warranty_s_desc .about_warranty .heading {
      padding-bottom: calc(100vw * (40/1315));
      text-align: left;
  }

  /* about_warranty_content 영역  */

  .about_warranty_content {
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
  }

  .about_warranty_content_wrap {
      padding-top: calc(100vw * (60 /1315));
      padding-right: 0px;
      padding-bottom: calc(100vw * (60 /1315));
      padding-left: calc(100vw * (60 /1315));
  }

  .about_warranty_content_wrap .top_content_wrap {
      display: flex;
      justify-content: space-between;
  }

  .about_warranty_content_wrap .dl {
      display: inline-block;
  }

  .about_warranty_content_wrap .dd {
      font-weight: 400;
      font-size: calc(100vw * (18/1315));
      line-height: 1.5;
      text-align: left;
      color: #333333;
      margin-bottom: calc(100vw * (20/1315));
  }

  .about_warranty_content_wrap .dt {
      text-align: left;
  }

  .about_warranty_content_wrap .left_box .dt .span {
      display: inline-block;
      color: #203465;
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      line-height: 1.56;
      vertical-align: middle;
      margin-top: calc(100vw * (60/1315));
      text-align: left;
  }

  .top_content_wrap .right_box .dt .span {
      display: inline-block;
      font-size: calc(100vw * (24/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #203465;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: calc(100vw * (22/1315));
      margin-left: calc(100vw * (22/1315));
  }



  /* .inner_tab_wrap .intab_wrap 영역 */
  .inner_tab_wrap .intab_wrap {
      margin-bottom: calc(100vw * (20/1315));
  }

  .showroom .heading {
      padding-top: calc(100vw * (100 /1315));
      padding-bottom: calc(100vw * (30 /1315));
      text-align: center;
  }

  .showroom h2 {
      font-size: calc(100vw * (30 /1315));
      padding-bottom: calc(100vw * (10 /1315));
      color: #203465;
  }

  .showroom .heading span {
      font-family: 'Eina01', sans-serif;
      font-size: calc(100vw * (18/1315));
      line-height: 1.2;
  }

  .showroom_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;
  }

  .showroom .content_qustion {
      text-align: center;
  }

  /* 슬라이드 영역  */
  .gallery-top {
      height: calc(100vw * (700 /1315));
      margin-bottom: calc(100vw * (30 /1315));
  }
  .showroom .intab-content  {
    display:none;
  }
  .intab-content.current {
    display: inherit;
  }

  .showroom .swiper-pagination {
    width:100%;
  position:inherit;
  margin-top:calc(100vw * (30 /1315));
  display: flex;
  justify-content: space-between;
  }


  .showroom .swiper-pagination img {
    display: block;
    object-fit: cover;
  }
  .showroom .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0px;
  }


  .swiper-pagination-bullet {
    width:calc(100vw * (210 /1315));
    height: calc(100vw * (220 /1315));
    display: inline-block;
    background: #000;
    border-radius: 0px;
    opacity: 1;
  }

  .showroom .m_title {
    display: flex;
    justify-content:space-between;
  }










  .swiper-slide .swiper-slide-visible .swiper-slide-active .swiper-slide-thumb-active {
      width: calc(100vw * (210/1315));
      height: calc(100vw * (220/1315));
      margin-right: calc(100vw * (20/1315));
  }

  .swiper-slide .swiper-slide-visible .swiper-slide-active .swiper-slide-thumb-active img {
      width: calc(100vw * (210/1315));
      height: calc(100vw * (220/1315));
  }

  /* 지도 탭 메뉴 영역 */
  .showroom .space_bet {
      justify-content: space-between;
  }

  .showroom .map_title {
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #203465;
  }

  .showroom .plus_icon {
      display: inline-block;
      width: calc(100vw * (26/1315));
      height: calc(100vw * (26/1315));
  }

  .showroom .map_adress_wrap {
      text-align: left;
  }

  .showroom .map_adress_wrap .span {
      display: inline-block;
      font-size: calc(100vw * (18 /1315));
  }

  .showroom .map_aderss_title {
      padding-bottom: calc(100vw * (32 /1315));
      font-size: calc(100vw * (24/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #203465;
  }

  .showroom .map_adress_detail_wrap div span:nth-child(1) {
      font-weight: bold;
  }

  .showroom .map_adress_detail_wrap div span:nth-child(2) {
      margin-bottom: calc(100vw * (11 /1315));
  }

  .showroom .m_contact {
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }

  .showroom .map_btn_wrap {
      display: flex;

      margin-top: calc(100vw * (117/1315));
  }

  .showroom .map_btn_wrap .button {
      border: 1px solid #203465;
      background: none;
  }

  .showroom .map_navi_wrap .button {
    width: max-content;
      padding-top: calc(100vw * (18/1315));
      padding-right: calc(100vw * (8/1315));
      padding-bottom: calc(100vw * (14 /1315));
      padding-left: calc(100vw * (20 /1315));

  }

  .showroom .map_naver_wrap .button,
  .showroom .map_kakao_wrap .button,
  .showroom .map_tmap_wrap .button {
    width: max-content;
      padding: calc(100vw * (12/1315));
      margin-left: calc(100vw * (20/1315));
  }


  .showroom .map_btn_wrap .map_navi,
  .showroom .map_btn_wrap .map_naver,
  .showroom .map_btn_wrap .map_kakao,
  .showroom .map_btn_wrap .map_tmap {
      width: calc(100vw * (24/1315));
      height: calc(100vw * (24 /1315));
      vertical-align: bottom;
  }

  .showroom .map_btn_wrap .map_navi {
      margin-bottom: calc(100vw * (5 /1315));
  }

  .showroom .map_btn_wrap .sapn {
      color: red;
  }

  .showroom .map_navi .button {
      width: calc(100vw * (210/1315));
      height: calc(100vw * (60/1315));
      display: flex;
      align-items: center;
  }

  .showroom .map_btn_wrap .button img {
      width: calc(100vw * (24/1315));
  }

  .showroom .map_navi .button span:nth-child(2) {
      font-size: calc(100vw * (16 /1315));
  }

  .showroom .map_navi {
      background: url("../img/icon/navi_icon.png") no-repeat;
      background-size: contain;
      margin-right: calc(100vw * (10/1315));
  }

  .showroom .map_naver {
      background: url("../img/icon/naver_icon.jpg") no-repeat;
      background-size: contain;
  }

  .showroom .map_kakao {
      background: url("../img/icon/kakao_icon.jpg") no-repeat;
      background-size: contain;
  }

  .showroom .map_tmap {
      background: url("../img/icon/tmap_icon.jpg") no-repeat;
      background-size: contain;
  }

  /* 지도  */
  .showroom .i_locate {
      width: calc(100vw * (662 /1315));
      height: calc(100vw * (400 /1315));
      border: none;
  }



  /* customer_service 영역  끝 */



  /* usa, tech, review, history, eco, design, bio_pur, b2b 영역 시작 */
  /* .article {
      padding-top: calc(100vw * (130/1315));
  } */



  section {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;
  }

  .span {
      display: block;
  }

  .con_container {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  /* 공통 버튼  */
  .common_button {
      width: calc(100vw * (260/1315));
      height: calc(100vw * (70/1315));
      padding: calc(100vw * (22/1315));
      text-align: center;
      border: 1px solid #203465;
      background-color: #ffffff;
      font-size: calc(100vw * (20 /1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: center;
      color: #203465;
  }



  /* 무슨 말인지? 섹션
하단 공통 영역  */

  .bottom-con_container {
      max-width: calc(100vw * (1315 /1315));
      height: calc(100vw * (380/1315));
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
  }

  .bottom-con_container .left_con,
  .bottom-con_container .right_con {
      width: calc(100vw * (647 /1315));
  }

  .bottom-con_container .left_con {
      padding-top:  calc(100vw * (72/1315));
      padding-right: 0px;
      padding-bottom: calc(100vw * (0 /1315));
      padding-left: calc(100vw * (60 / 1315));
      position: relative;
      border: 1px solid #dddddd;
  }

  .bottom-con_container .left_con .dark_span_nobold22 {
      text-align: left;
  }


  .bottom-con_container .left_con .common_button {
      position: absolute;
      right: calc(100vw * (60 /1315));
      bottom: calc(100vw * (60 /1315))
  }

  .bottom-con_container .left_con .blue_span_bold30 {
      display: block;
      margin-bottom: calc(100vw * (23 /1315));
  }

  .bottom-con_container .right_con {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .bottom-con_container .right_con .con_box {
      padding-top: calc(100vw * (40 /1315));
       padding-right: 0px;
      padding-bottom: calc(100vw * (40 /1315));
      padding-left: calc(100vw * (60 /1315));
      border: 1px solid #dddddd;
      display: flex;
      align-items: center;
  }


  .bottom-con_container .right_con .con_box .span {
      display: block;
      margin-left: calc(100vw * (40/1315));
  }

  .bottom-con_container .right_con .con_box .icon_history,
  .bottom-con_container .right_con .con_box .icon_tools {
      width: calc(100vw * (100 /1315));
      height: calc(100vw * (100 /1315));
      border: 1px solid #203465;
      border-radius: 50%;
      position: relative;
      background: #203465;
  }

  .bottom-con_container .right_con .con_box .span {
    font-size:calc(100vw*(20/1315));
  }

  .bottom-con_container .right_con .con_box .icon_history::after {
      content: "";
      width: calc(100vw * (40 /1315));
      height: calc(100vw * (40 /1315));
      background: url("../img/icon/history_.png");
      background-size: contain;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .bottom-con_container .right_con .con_box .icon_tools::after {
      content: "";
      width: calc(100vw * (40 /1315));
      height: calc(100vw * (40 /1315));
      background: url("../img/icon/tools.png");
      background-size: contain;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .bottom-con_container .right_con .con_box .blue_span_nobold22 {
      line-height: 1.7;
  }


  /* history 영역 시작  */

  .history .section_mobile {
      display: none;
  }

  /* section1_wrap 영역 */
  .history .section1_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      height: calc(100vw * (939/1315));
      background: url("../img/his/fortress-day_bg.jpg") no-repeat;
      background-size: 100% 70%;
      position: relative;
  }

  .history .section1_wrap .head_title {
      position: absolute;
      bottom: 20%;
      left: 20%;
      transform: translate(0%,-50%);
  }

  .history .section1_wrap .head_title .img {
      width: calc(100vw * (347/1315));
      height: calc(100vw * (133 /1315));
  }



  .history .section1_wrap .head_title .white_span30px {
      margin-top: calc(100vw * (14 /1315));
      margin-right: 0px;
      margin-bottom: calc(100vw * (22 /1315));
     margin-left:0px;
  }

  /*.history  section2_wrap 영역  */

  .history .section2_wrap .con_container {
      display: flex;
      justify-content: space-between;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: calc(100vw * (74 /1315));
      padding-left: calc(100vw * (74 /1315));
  }

  .history .section2_wrap .left_box .blue_span_bold_line30 {
      margin-bottom: calc(100vw * (30 /1315));
  }

  .history .section2_wrap .left_box .span:nth-child(3) {
      margin-top:  calc(100vw * (21/1315)); 
      margin-right:0px;
      margin-bottom: calc(100vw * (50 /1315));
      margin-left: 0px;
  }

  .history .section2_wrap .right_box {
      width: calc(100vw * (478/1315));
      height: calc(100vw * (532/1315));
  }


  /*.history  section3_wrap 영역  */
  .history .section3_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      height: calc(100vw * (1000/1315));
      background: url("../img/his/fortress-night_bg.jpg") no-repeat;
      background-size: 100%, 70%;
      position: relative;
      margin-top:  calc(100vw * (170/1315));
  }

  .history .section3_wrap .text_box {
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-100%);
      text-shadow: 1px 1px 1px black;
  }

  .history .section3_wrap .text_box .span {
      text-align: center;
  }

  .history .section3_wrap .text_box .white_span18px {
      margin-bottom: calc(100vw * (20/1315));
      font-size:calc(100vw * (16 /1315));
      font-weight: 300;
  }

  .history .section3_wrap .text_box .white_span30px {
      margin-bottom: calc(100vw * (20 /1315));
      font-size:calc(100vw * (30 /1315));
  }



  /*.history  section4_wrap 영역  */
  .history .section4_wrap {
      padding-top: calc(100vw * (100 /1315)); padding-right:0px;
      padding-bottom: calc(100vw * (127 /1315)); padding-left:0px;
      background: #fafafa;
  }

  .history .section4_wrap .head_title {
      text-align: center;
  }

  .history .section4_wrap .head_title .dark_span_nobold18 {
      margin-top: calc(100vw * (32 /1315)); margin-right: 0px;
      margin-bottom: calc(100vw * (60/1315)); margin-left:0px;
  }

  .history .section4_wrap .con_box_wrap {
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .history .section4_wrap .con_box-num {
      width: calc(100vw * (60/1315));
      height: calc(100vw * (60/1315));
      border-radius: 50%;
      background: #203465;
      margin: 0 auto;
      position: relative;
  }

  .history .section4_wrap .con_box-num .span {
      display: block;
      font-family: 'Eina01', sans-serif;
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      text-align: center;
      color: #ffffff;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-53%, -58%);
  }

  .history .section4_wrap .con_box-title {
      margin-top: calc(100vw * (31 /1315));
      margin-right: 0px;
      margin-bottom: calc(100vw * (22 /1315)); margin-left: 0px;
  }


  /*.history  section5_wrap 영역  */
  .history .section5 {
    padding:inherit;
  }
  .history .section5_wrap {
      margin-top: calc(100vw * (200/1315));
  }

  .history .section5_wrap .top_cont .text_wrap {
      padding: calc(100vw * (16 /1315));
  }

  .history .section5_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-bottom: calc(100vw * (20 /1315));
      border-bottom: 1px solid #dddddd;

  }

  .history .section5_wrap .top_cont .text_wrap .text_desc {
      padding-top: calc(100vw * (20 /1315));
      font-size: calc(100vw * (15 /1315));
  }

  .history .section5_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom: calc(100vw * (60 /1315));
  }

  .history .section5_wrap .top_cont .title_ .span {
      display: block;
      text-align: inherit;
  }


  .history .section5_wrap .con_desc {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .history .section5_wrap .con_desc>div:nth-child(2) {
      margin: 0 auto;
      margin-top: calc(100vw * (20/1315));
      margin-bottom: calc(100vw * (20/1315));
  }


  .history .section5_wrap .img_con {
      width: calc(100vw * (426 /1315));
      height: calc(100vw * (500 /1315));
  }

  .history .section5_wrap .title_link .span {
      display: inline-block;
      font-size: calc(100vw * (22 /1315));
      line-height: 1.6;
      color: #203465;
  }

  .history .section5_wrap .title_link .link {
      display: inline-block;
      width: calc(100vw * (60 /1315));
      height: calc(100vw * (60/1315));
  }

  /*.history  section6_wrap 영역  */
  .history .section6_wrap {
      margin-top: calc(100vw * (190/1315));
  }

  .bottom-con_container .right_con .con_box .icon_history::after {
      background: url("../img/icon/lamp.png");
      background-size: contain;
  }

  /* history 영역 끝 */






  /* usa 영역  */

  .ab_usa {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  /* section1_wrap 영역 */
  .ab_usa .section1_wrap {
      display: flex;
      justify-content: space-between;
      position: relative;
      align-items:center;
  }

  .ab_usa .section1_wrap .right_img {
      width: calc(100vw * (500/1315));
      height: calc(100vw * (939 /1315));
  }

  .ab_usa .section1_wrap .top_title {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-top: calc(100vw * (142 /1315));
      padding-right: calc(100vw * (0 /1315));
      padding-bottom: calc(100vw * (122 /1315));
      padding-top: 0px;
  }

  .ab_usa .section1_wrap .top_title .line_ {
      width: 1px;
      height: calc(100vw * (253 /1315));
      margin-top: calc(100vw * (30 /1315)); margin-right:0px;
      margin-bottom: calc(100vw * (3 /1315)); margin-left:0px;
      border-left: 1px solid #dddddd;
  }

  .ab_usa .section1_wrap .top_title div .span {
      display: block;
  }

  .ab_usa .section1_wrap .top_title div .span:nth-child(2) {
      margin-top: calc(100vw * (30 /1315)); margin-right:0px;
      margin-bottom: calc(100vw * (20 /1315));
      margin-left: 0px;
  }

  .opaci_img {
      width: calc(100vw * (201/1315));
      height: calc(100vw * (133/1315));
  }

  .side_con {
      position: absolute;
      top: 0%;
      right: calc(-100vw * (80 /1315));
      transform: translate(100%, 0px);
  }

  .side_img {
      width: calc(100vw * (197/1315));
      height: calc(100vw * (939/1315));
  }

  .side_con_text {

      position: absolute;
      top: 50%;
      right: 0px;
      transform: translate(63%, -100%) rotateZ(-90deg);
  }


  /*section2 영역  */
  .ab_usa .section2 {
    padding:inherit;
  }
  .ab_usa .section2 .banner {
      width: calc(100vw * (1315/1315));
      height: calc(100vw * (500 /1315));
      margin-top: calc(100vw * (150/1315));
      margin-right: 0px;
      margin-bottom: calc(100vw * (60 /1315));
      margin-left: 0px;
  }


  /*section3_wrap  */
  .ab_usa .section3_wrap {
      display: flex;
      justify-content: space-between;
  }

  .ab_usa .section3_wrap .e_blue_span_bold70 {    
      font-size: calc(100vw * (70 / 1315));
      line-height: 2;
  }
  .ab_usa .section3_wrap .dark_span_nobold18  {
    font-size: calc(100vw * (15 / 1315));
}
  .ab_usa .section3_wrap .made_img {
      width: calc(100vw * (300/1315));
      height: calc(100vw * (300/1315));
  }

  .ab_usa .section3_wrap .left_con {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }


  .ab_usa .section3_wrap .line_ {
      width: 1px;
      height: calc(100vw * (400/1315));
      border-left: 1px solid #203465;
      margin-top: calc(100vw * (30 /1315));
  }

  .ab_usa .section3_wrap .text_wrap .e_blue_span_bold30 {
      display: block;
      margin-top: calc(100vw * (30/1315));
  }


  .ab_usa .section3_wrap .blue_span_nobold22 {
      display: block;
      margin-top: calc(100vw * (13 /1315));
      margin-right: 0;
      margin-bottom: calc(100vw * (30 /1315));
      margin-left: 0;
  }

  .ab_usa .section3_wrap .text_wrap {
      position: relative;
  }

  .ab_usa .section3_wrap .text_wrap .made_img {
      position: absolute;
      right: 0%;
      top: 0%;
      transform: translate(66%, -33%);
      z-index: -1;
  }

  .white_span {
      color: #ffffff;
  }

  /*section4_wrap 영역  */
  .ab_usa .section4_wrap {
      width: 100%;
      position: relative;
  }


  /* 스와이퍼  */
  .ab_usa .section4_wrap {
      margin-top: calc(100vw * (140 /1315)); margin-right:0px;
      margin-bottom: calc(100vw * (200 /1315)); margin-left:0px;
  }

  .ab_usa .section4_wrap .swiper-container {
      width: calc(100vw * (1000 /1315));
      height: calc(100vw * (700 /1315));
  }

  .ab_usa .con_container {
      width: 100%;
      margin: 0 auto;
  }

  .ab_usa .section4_wrap .swiper-container {
      margin-left: 0px;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;
  }

  .ab_usa .section4_wrap .swiper-container .swiper-slide {
      width: calc(100vw * (1200 /1315));
      height: calc(100vw * (770 /1315));
  }

  .ab_usa .section4_wrap .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      width: 100%;
      height: calc(100vw * (154/1315));
      display: flex;
      flex-direction: column;
  }


  .ab_usa .section4_wrap .swiper-pagination-bullet {
      display: inline-block;
      width: calc(100vw * (154 /1315));
      height: calc(100vw * (154/1315));
      border-radius: 0%;
      background: #000;
  }

  .ab_usa .section4_wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin:0px;
  }

  .ab_usa .section4_wrap .swiper-pagination {
      position: absolute;
      text-align: center;
      transition: .3s opacity;
      transform: translate3d(0, 0, 0);
      z-index: 10;
      top: 0%;
      right: 0%;
      display: flex;
      flex-direction: column;
  }

  .ab_usa .section4_wrap .swiper-button-next,
  .ab_usa .section4_wrap .swiper-button-prev {
      top: inherit;
  }



  .ab_usa .section4_wrap .swiper-button-next {
      position: absolute;
      right: 0%;
      width: calc(100vw * (20/1315));
      height: calc(100vw * (20/1315));
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: red;
  }


  .ab_usa .section4_wrap .swiper-button-prev {
      position: absolute;
      right: 0%;
      left: inherit;
      bottom: calc(100vw * (40/1315));
      width: calc(100vw * (20/1315));
      height: calc(100vw * (20/1315));
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: red;
  }


  .ab_usa .section4_wrap .swiper-button-prev {
      transform: rotateZ(180deg);
  }


  .ab_usa .swiper-button-next:after,
  .ab_usa .swiper-button-prev:after {
      content: "";
      width: calc(100vw * (20/1315));
      height: calc(100vw * (20/1315));
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;

  }



  /*section5_wrap 영역  */

  .ab_usa .section5_wrap .con_container {
      margin-bottom: calc(100vw * (200 /1315));
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }


  .ab_usa .section5_wrap .con_container .con_box {
      width: calc(100vw * (580 /1315));
      height: calc(100vw * (374/1315));
      margin-top: calc(100vw * (20 /1315));
  }

  .ab_usa .section5_wrap .con_container .text_box .span {
      display: block;
  }

  .ab_usa .section5_wrap .con_container .text_box .dark_span_nobold18 {
      padding-top: calc(100vw * (32 /1315));
      padding-right: 0px;
      padding-bottom: calc(100vw * (60 /1315));
      padding-left: 0px;
  }



  /*section6_wrap 영역  */
  .ab_usa .section6_wrap .common_button {}


  /* usa 영역 끝 */

  /* design 영역 시작 */

  .design section .con_container {
      width: 100%;
      max-width: calc(100vw * (1618/1315));
      margin: inherit;
  }

  .design .blue_span_bold30 {
      margin-bottom: calc(100vw * (32/1315));
  }

  .design .con_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }


  /*.design  section1_wrap 영역 */
  .design .section1 {
    padding-top:calc(100vw * (100 / 1315));
  }
  .design .section1_wrap {
      display: flex;
      justify-content: flex-end;
  }

  .design .section1_wrap .line_ {
      width: 1px;
      height: calc(100vw * (200/1315));
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (30/1315));
  }

  .design .section1_wrap .con_box-img {
      width: calc(100vw * (600/1315));
      height: calc(100vw * (538 /1315));
  }

  .design .text_img {
      width: calc(100vw * (328/1315));
      height: calc(100vw * (133 /1315));
  }

  /*.design  section2_wrap */
  .design .section2_wrap {
      display: flex;
      justify-content: flex-start;
  }

  .design .section2_wrap .con_box {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-end;
  }

  .design .section2_wrap .con_box .con_box_left {
    padding-left:calc(100vw * (100 / 1315))
  }

  .design .section2_wrap .con_box-img {
      width: calc(100vw * (600/1315));
      height: calc(100vw * (500/1315));
  }


  /*.design  section3_wrap */
  .design .section3 {
    padding-right:inherit;
  }

  .design .section3_wrap {
      display: flex;
      justify-content: flex-end;
      padding-top: calc(100vw * (220/1315)); padding-right:0px;
      padding-bottom: calc(100vw * (362 /1315)); padding-left:0px;
  }

  .design .section3_wrap .con_box {
      display: flex;
      align-items: flex-end;
  }

  .design .section3_wrap .con_box-img {
      width: calc(100vw * (600/1315));
      height: calc(100vw * (538 /1315));
  }


  /*.design  section4_wrap */
  .design .section4_wrap {
      display: flex;
      justify-content: flex-start;
  }

  .design .section4_wrap .con_box {
      display: flex;
      flex-direction: row-reverse;
  }

  .design .section4_wrap .con_box-img {
      width: calc(100vw * (600 /1315));
      height: calc(100vw * (538 /1315));
  }

  .design .section4_wrap .con_box .con_box_left {
    padding-left:calc(100vw * (100 / 1315))
  }



  /*.design  section5_wrap */

  .design .section5 .section5_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;
  }

  .design .section5_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      padding-top: calc(100vw * (300/1315)); padding-right:0px;
      padding-bottom:  calc(100vw * (310/1315)); padding-left:0px;
  }

  .design .section5_wrap .con_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  }

  .design .section5_wrap .con_box-img {
      width: calc(100vw * (500/1315));
      height: calc(100vw * (448 /1315));
  }



  /*.design  section6_wrap 영역  */
  .design .section6 .section6_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;
  }


  .design .section6 .bottom-con_container .right_con .con_box {
      padding-top: calc(100vw * (40 /1315)); padding-right:0px;
      padding-bottom: calc(100vw * (40/1315)); padding-left: calc(100vw * (60 /1315));
      border: solid 1px #dddddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
      /* 애니메이션  */
  /* 슬라이드 진입시 */
  @keyframes design_moveUpBottom {
    0% {
       transform: translateY(0%);     
    }
    25% {
      transform: translateY(1%);     
   }
   50% {
    transform: translateY(2%);     
 }
 75% {
  transform: translateY(3%);     
}
85% {
  transform: translateY(4%);     
}
  
100% {
      transform: translateY(5%);     
    }
  }



    
  .move_upbottom {
    animation:design_moveUpBottom 1s infinite alternate;
  }
.design .section5_wrap .con_box-img {
  position:relative;
}

.design .section5_wrap .animate_box_01,
.design .section5_wrap .animate_box_02 {
  position:absolute;
}

.design .section5_wrap .animate_box_01{
  top:calc(100vw*(156/1315));
}
.design .section5_wrap .animate_box_02{
  bottom:calc(100vw*(145/1315));
}


/* 애니메이션  */
      /* design 영역 끝 */

  


  /* bio_pur .영역 시작 */

  .bio_pur .section1_wrap {
      width: 100%;
      background: linear-gradient(to bottom, #ffffff, #ffffff calc(100vw * (402/1315)), #0d224c calc(100vw * (402 /1315)));
      margin-bottom: calc(100vw * (162/1315));
      padding-bottom:calc(100vw * (100/1315))
  }

  .bio_pur .section1_wrap .con_container {
      height: calc(100vw * (1902/1315));
  }

  .bio_pur .section1_wrap .con_container .con_box-text {
      height: calc(100vw * (302/1315));
      padding-top: calc(100vw * (102/1315)); padding-right:0px;
      padding-bottom: calc(100vw * (30 /1315)); padding-left:0px;
      text-align: center;
      background: #ffffff;
  }

  .bio_pur .section1_wrap .con_container .con_box-text .dark_span_nobold22 {
      margin-top: calc(100vw * (23/1315));
      line-height: calc(100vw * (46/1315));
  }

  .bio_pur .section1_wrap .con_container .con_box_desc .con_box_desc-img {
      width: 100%;
      height: calc(100vw * (800 /1315));
      margin-bottom: calc(100vw * (120 /1315));
  }


  .bio_pur .section1_wrap .con_box_wrap .left_iframe {
      width: calc(100vw * (400 /1315));
      height: calc(100vw * (520/1315));
      margin-right:calc(100vw * (100/1315));
      background: black;
  }

  .bio_pur .section1_wrap .con_box_wrap .con_box_desc .con_box_desc-text {
      display: flex;
      justify-content: space-between;
      padding:0 20px;
  }




  .bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px {
      margin-bottom: calc(100vw * (20/1315));
  }

  .bio_pur .section1_wrap .con_box_wrap .right_text .bottom_text {
      width: 100%;
      padding-left: calc(100vw * (60 /1315));
      border-left: 1px solid #ffffff;
      margin-top: calc(100vw * (40/1315));
  }

  .bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px:nth-child(3) {
      margin-bottom: calc(100vw * (60/1315))
  }

  .bio_pur .section1_wrap .con_box_wrap .right_text .common_button {
      background: none;
      color: #ffffff;
      border: 1px solid #ffffff;
  }


  /*.bio_pur  section2_wrap 영역  */
  .bio_pur .section2_wrap {
      display: flex;
      justify-content: flex-start;
  }

  .bio_pur .section2>.blue_span_bold30 {
      text-align: center;

  }

  .bio_pur .section2_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1618 /1315));
      margin: inherit;
  }



  .bio_pur .section2_wrap .con_container .con_box {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      align-items: center;
  }

  .bio_pur .section2_wrap .line_ {
      width: 1px;
      height: calc(100vw * (200/1315));
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (30/1315)); margin-bottom:calc(100vw * (30 /1315));
      margin-left: calc(100vw * (0 /1315));
      margin-right: calc(100vw * (0 /1315));

  }

  .bio_pur .section2_wrap .con_box-img {
      width: calc(100vw * (860/1315));
      height: calc(100vw * (838 /1315));
  }

  .bio_pur .section2_wrap .dark_span_nobold18:nth-child(2n) {
      margin-top: calc(100vw * (20 /1315));
      margin-bottom: calc(100vw * (20 /1315));
  }


  /*.bio_pur  section3_wrap 영역  */



  .bio_pur .section3_wrap {
      height: calc(100vw * (1480 /1315));
      display: flex;
      justify-content: center;
      background: linear-gradient(to right, #ffffff, #ffffff calc(100vw * (1060/1315)), #fafafa calc(100vw * (1060/1315)));
  }

  .bio_pur .section3>.blue_span_bold30 {
      text-align: center;

  }

  .bio_pur .section3_wrap .con_container {
      width: 100%;
      height: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: inherit;
  }

  .bio_pur .section3_wrap .con_container .con_box_wrap {
      width: 100%;
      height: 100%;
      padding-top: calc(100vw * (100/1315));
      padding-bottom: calc(100vw * (100/1315));
      padding-left: 0px;
      padding-right: 0px;

  }

  .bio_pur .section3_wrap .con_container .con_box_wrap .con_box {
      width: 100%;
      height: 100%;
  }



  .bio_pur .section3_wrap .con_container .con_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .bio_pur .section3_wrap .con_container .con_box .con_box_left {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .bio_pur .section3_wrap .con_container .con_box .con_box_right {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .bio_pur .section3_wrap .line_ {
      width: 1px;
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (30 /1315));
      margin-bottom: calc(100vw * (30 /1315));
      margin-left: calc(100vw * (0 /1315));
      margin-right: calc(100vw * (0 /1315));
  }

  .bio_pur .section3_wrap .line_:nth-child(2) {
      height: calc(100vw * (142 /1315));
  }

  .bio_pur .section3_wrap .line_:nth-child(4) {
      height: calc(100vw * (235 /1315));
  }

  .bio_pur .section3_wrap .con_box-img {
      width: calc(100vw * (658/1315));
  }

  .bio_pur .section3_wrap .dark_span_nobold18:nth-child(2n) {
      margin-top: calc(100vw * (20 /1315));
      margin-bottom: calc(100vw * (20 /1315));
      margin-left: calc(100vw * (0 /1315));
      margin-right: calc(100vw * (0 /1315));
  }

  .bio_pur .section3_wrap .blue_bold18_ {
      text-align: left;
  }


  /*.bio_pur  section4_wrap 영역  */
  .bio_pur .section4_wrap {
      margin-top: calc(100vw * (180 /1315));
  }

  .bio_pur .matt_table {
      display: flex;
      justify-content: center;
  }

  .bio_pur .matt_table .ul {
      text-align: center;
      border-right: 1px solid #dddddd;
  }

  .bio_pur .matt_table .ul:first-child .list .span {
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      letter-spacing: normal;
      text-align: center;
      color: #333333;
  }

  .bio_pur .matt_table .ul .list {
      width: calc(100vw * (400/1315));
      height: calc(100vw * (60 /1315));
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #dddddd;
  }

  .bio_pur .matt_table .ul .list .blue_bold18_ {
      font-weight: 300;
  }

  .bio_pur .matt_table .ul .matt_table_title {
      background: #203465;
      color: #ffffff;
  }

  .bio_pur .matt_table .ul .list .span .img {
      width: calc(100vw * (28/1315));
      height: calc(100vw * (28 /1315));
  }


  /*.bio_pur  section5_wrap 영역  */
  .bio_pur .section5_wrap {
      margin-top: calc(100vw * (182 /1315));
  }

  .bio_pur .section5_wrap .top_cont .text_wrap {
      padding-top: calc(100vw * (16/1315));
      padding-bottom: calc(100vw * (16/1315));
      padding-left: calc(100vw * (0/1315));
      padding-right: calc(100vw * (0/1315));
  }

  .bio_pur .section5_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-top: calc(100vw * (0 /1315)); padding-right: calc(100vw * (0 /1315)); padding-bottom: calc(100vw * (20/1315)); padding-left: calc(100vw * (20 /1315));
      border-bottom: 1px solid #dddddd;

  }

  .bio_pur .section5_wrap .top_cont .text_wrap .text_desc {
      padding-top: calc(100vw * (20 /1315));
  }

  .bio_pur .section5_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom: calc(100vw * (60/1315));
  }

  .bio_pur .section5_wrap .top_cont .title_ .span {
      display: block;
      text-align: inherit;
  }


  .bio_pur .section5_wrap .con_desc {
      display: flex;
      justify-content: space-between;
  }



  .bio_pur .section5_wrap .img_con {
      width: calc(100vw * (538 /1315));
      height: calc(100vw * (350/1315));
  }

  .bio_pur .section5_wrap .title_link .span {
      display: inline-block;
      font-size: calc(100vw * (22/1315));
      line-height: 1.5;
      color: #203465;
  }

  .bio_pur .section5_wrap .title_link .link {
      display: inline-block;
      width: calc(100vw * (60 /1315));
      height: calc(100vw * (60 /1315));
  }



  /*.bio_pur  section6_wrap 영역  */
  .bio_pur .section6 {
      width: 100%;
      height: calc(100vw * (570/1315));
      max-width: inherit;
      margin-top: calc(100vw * (182 /1315)); margin-right:calc(100vw * (0/1315)); margin-bottom:calc(100vw * (330/1315)); margin-left: calc(100vw * (0 /1315));
      background: #fbfbfe;
  }

  .bio_pur .section6_wrap {}

  .bio_pur .section6_wrap .con_container .bottom_cont {
      position: relative;
  }

  .bio_pur .section6_wrap .con_container .bottom_cont .bottom_cont_wrap {
      position: absolute;
      top: calc(100vw * (60/1315));
      left: calc(100vw * (0/1315));
  }

  .bio_pur .section6_wrap .top_cont .text_wrap {
      padding-top: calc(100vw * (16 /1315)); padding-bottom: calc(100vw * (16 /1315)); padding-left:0px;
      padding-right: 0px;
  }

  .bio_pur .section6_wrap .bottom_cont {
      width: 100%;
      margin-top: calc(100vw * (180 /1315));
  }

  .bio_pur .section6_wrap .bottom_cont_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      display: flex;
      justify-content: flex-start;
      margin: 0 auto;
  }

  .bio_pur .section6_wrap .bottom_cont .left_img {
      width: calc(100vw * (638 /1315));
      height: calc(100vw * (500/1315));
      margin-right: calc(100vw * (80/1315));
  }

  .bio_pur .section6_wrap .bottom_cont .text_wrap {
      display: flex;
      flex-direction: column;
      padding-top: calc(100vw * (150/1315));
  }

  .bio_pur .section6_wrap .bottom_cont .text_wrap {
      margin-bottom: calc(100vw * (60 /1315));
  }

  .bio_pur .section6_wrap .bottom_cont .map__btn .span {
      display: inline;
  }

  .bio_pur .section6_wrap .bottom_cont .text_wrap .dark_span_bold18 {
      margin-top: calc(100vw * (10/1315));
  }

  .bio_pur .section6_wrap .bottom_cont .text_wrap .blue_span_bold30 {
      margin-bottom: calc(100vw * (30/1315));
  }

  .bio_pur .section6_wrap .bottom_cont .map__btn .button {
      width: calc(100vw * (260 /1315));
      height: calc(100vw * (70/1315));
      background: #fbfbfe;
      border: 1px solid #203465;
      padding-left: 0;
      padding-right: 0;
  }

  .bio_pur .section6_wrap .bottom_cont .map__btn .button .img {
      width: calc(100vw * (24/1315));
      height: calc(100vw * (24/1315));
  }





  /*.bio_pur  section7_wrap 영역  */
  .bio_pur .content_qustion {
      padding: calc(100vw * (40 /1315));
      font-size: calc(100vw * (16 /1315));
      border-top: 1px solid #bbbbbb;
      position: relative;
      cursor: pointer;
  }


  .bio_pur .content_qustion_wrap {
      position: relative;

  }

  .bio_pur .mini_qna {
      border-bottom: 1px solid #dddddd;
  }

  .bio_pur .mini_qna .blue_span_bold30 {
      margin-bottom: calc(100vw * (32 /1315));
  }

  .bio_pur .content_qustion_wrap .q_title {
      font-weight: bold;
  }

  .bio_pur .content_qustion_wrap::after {
      content: "";
      width: calc(100vw * (18/1315));
      height: calc(100vw * (18 /1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .bio_pur .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom: calc(100vw * (40 /1315));
      padding-left: calc(100vw * (40 /1315));
      padding-right: calc(100vw * (40 /1315));
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .bio_pur .content_answer_wrap {
      display: flex;
      font-size: calc(100vw * (16 /1315));
  }

  .bio_pur .section7_wrap .q_title {
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  .bio_pur .section7_wrap .a_desc {
      font-size: calc(100vw * (16 /1315));
      line-height: 1.6;
      text-align: left;
      color: #333333;
  }

  .bio_pur .section7_wrap .con_container .link .blue_bold18_ {
      margin-top: calc(100vw * (20/1315));
      text-align: right;
  }




  /*.bio_pur  section8_wrap 영역  */

  .bio_pur .section8 {
      width: 100%;
      max-width: inherit;
      background: #fafafa;
      padding-bottom: calc(100vw * (70 /1315));
  }

  .bio_pur .section8_wrap {
      width: 100%;
  }

  .bio_pur .section8_wrap .top_ {
      padding-top: calc(100vw * (80/1315));
      padding-bottom: calc(100vw * (80/1315));
      padding-left: 0px;
      padding-bottom: 0px;
      margin-top: calc(100vw * (150 /1315));
  }

  .bio_pur .section8_wrap .top_ .title {
      text-align: center;
      padding-bottom: calc(100vw * (61 /1315));
  }

  .bio_pur .section8_wrap .top_ .title .span {
      font-size: calc(100vw * (30/1315));
      font-weight: bold;
      line-height: 1.8;
      letter-spacing: calc(100vw * (-0.6 /1315));
      text-align: center;
      color: #203465;
  }

  .bio_pur .section8_wrap .top_ .icon_img {
      width: calc(100vw * (80 /1315));
      height: calc(100vw * (80 /1315));
      margin: 0 auto;
  }

  .bio_pur .section8_wrap .top_ .contents {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
  }

  .bio_pur .section8_wrap .top_ .contents .con_desc {

      border-right: 1px solid #203465;
  }

  .bio_pur .section8_wrap .top_ .contents .con_desc:nth-child(1) {
      padding-right: calc(100vw * (152 /1315));
  }

  .bio_pur .section8_wrap .top_ .contents .con_desc:nth-child(2) {
      flex-basis: calc(100vw * (454/1315));
  }

  .bio_pur .section8_wrap .top_ .contents .con_desc:nth-child(3) {
      padding-left: calc(100vw * (114 /1315));
  }

  .bio_pur .section8_wrap .top_ .contents .con_desc:last-child {
      border: none;

  }

  .bio_pur .section8_wrap .top_ .contents .con_desc .dt {
      font-family: 'Eina01', sans-serif;
      font-size: calc(100vw * (40/1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      text-align: center;
      color: #203465;
      margin-bottom: calc(100vw * (10/1315));
  }

  .bio_pur .section8_wrap .top_ .contents .con_desc .dd {
      font-size: calc(100vw * (18/1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      letter-spacing: normal;
      text-align: center;
      color: #333333;
  }

  .bio_pur .section8_wrap .btn_wrap {
      text-align: center;
      margin: 0 auto;
      display: inherit;
      margin-top:calc(100vw * (100 / 1315));
  }

  .bio_pur .section8_wrap .btn_wrap .dark_span_bold18 {
      margin-bottom: calc(100vw * (20 /1315));
  }




  /* .bio_pur .section9_wrap 영역  */
  .bio_pur .section9_wrap .matt_table {
      margin-top: calc(100vw * (180 /1315));
      margin-bottom: calc(100vw * (180 /1315));
      margin-left: calc(100vw * (0 /1315));
      margin-right: calc(100vw * (0 /1315));
  }

  .bio_pur .section9_wrap .box_wrap {
      display: flex;
      justify-content: space-between;
  }

  .bio_pur .section9_wrap .box_wrap .con_box {
      width: calc(100vw * (380/1315));
      height: calc(100vw * (440 /1315));
      padding-top: calc(100vw * (40 /1315)); padding-right:calc(100vw * (60 /1315));
      padding-bottom: calc(100vw * (109 /1315)); padding-left: calc(100vw * (60 /1315));
      border: 1px solid #dddddd;
      text-align: center;
  }

  .bio_pur .section9_wrap .box_wrap .con_box:nth-child(1) {
      background: url("../img/bio/m_matt.png") no-repeat;
      background-size: cover;
      background-position: left center;
  }

  .bio_pur .section9_wrap .box_wrap .con_box:nth-child(2) {
      background: url("../img/bio/m_matt_2.png") no-repeat;
      background-size: cover;
      background-position: left center;
  }

  .bio_pur .section9_wrap .box_wrap .link {
      display: inline-block;
      width: calc(100vw * (60 /1315));
      height: calc(100vw * (60 /1315));
      margin-top: calc(100vw * (140 /1315));
      margin-right: auto;
      margin-left: auto;
  }

  .bio_pur .section9_wrap .box_wrap .con_box-img {
      width: calc(100vw * (60/1315));
      height: calc(100vw * (60 /1315));
      margin: 0 auto;
  }

  .bio_pur .section9_wrap .box_wrap .con_box-desc {
      margin-top: calc(100vw * (110/1315));
  }

  .bio_pur .section9_wrap .box_wrap .con_box-text .blue_span_bold22 {
      margin-top: calc(100vw * (21/1315));
      margin-bottom: calc(100vw * (21 / 1315));
      margin-right: 0px;
      margin-left: 0px;
  }

  /* bio_pur .영역 시작 끝*/


  /* .tech 영역 시작 */
  /* .tech .section_wrap 영역 */
  .tech .section1_wrap {
      margin-top: calc(100vw * (180 /1315));
  }

  .tech .section1_wrap .con_img {
      text-align: center;
  }

  .tech .section1_wrap .img {
      width: calc(100vw * (900/1315));
      height: calc(100vw * (360/1315));
  }

  /*.tech  section2_wrap_01 영역  */
  .tech .section2 {
      background: linear-gradient(to bottom, #ffffff, #ffffff calc(100vw * (606/1315)), #fbfbfe calc(100vw * (606 /1315)), );

  }

  .tech .section2_wrap {

      margin: 0 auto;
      position: relative
  }

  .tech .section3>.blue_span_bold30 {
      text-align: center;

  }

  .tech .section2_wrap .con_container {
      width: 100%;
      height: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: inherit;
  }

  .tech .section2_wrap .con_container .con_box_wrap_01 {
      width: 100%;
      height: 100%;
      padding-top: calc(100vw * (80/1315));
  }

  .tech .section2_wrap .con_container .con_box_wrap_01 .con_box {
      width: 100%;
      height: calc(100vw * (832 /1315));
      border-left: 1px solid #bbbbbb;
  }



  .tech .section2_wrap .con_container .con_box_wrap_01 .con_box {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: flex-end;
  }

  .tech .section2_wrap .con_container .con_box_wrap_02 {
      margin-top: calc(100vw * (140/1315));
      margin-right: 0px;
      margin-bottom:  calc(100vw * (232/1315));
      margin-left: 0px;
  }

  .tech .section2_wrap .con_container .con_box_wrap_02 .con_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  }

  .tech .section2_wrap .con_container .con_box_wrap_03 .con_box {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: flex-end;
  }

  .tech .section2_wrap .con_box_wrap_04 {}


  .tech .section2_wrap .con_container .con_box .con_box_left {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .tech .section2_wrap .con_container .con_box .con_box_right {

      display: flex;
      flex-direction: column;

  }

  .tech .section2_wrap .line_ {
      width: 1px;
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (30 /1315));
      margin-bottom: calc(100vw * (30 /1315));
      margin-left: 0px;
      margin-right: 0px;
  }

  .tech .section2_wrap .line_:nth-child(2) {
      height: calc(100vw * (142 /1315));
  }

  .tech .section2_wrap .line_:nth-child(4) {
      height: calc(100vw * (235/1315));
  }

  .tech .section2_wrap .con_box_wrap_01>.con_box-img {
      width: calc(100vw * (350/1315));
      height: calc(100vw * (133/1315));
  }

  .tech .section2_wrap .con_box_wrap_02 .con_box-img {
      width: calc(100vw * (658/1315));
      height: calc(100vw * (600/1315));
  }

  .tech .section2_wrap .con_box_wrap_03 .con_box-img {
      width: calc(100vw * (600 /1315));
      height: calc(100vw * (550/1315));
  }

  .tech .section2_wrap .con_box_wrap_04 .con_box-img_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      position: relative;
  }

  .tech .section2_wrap .con_box_wrap_04 .con_box-img_wrap::after {
      content: "";
      width: 1px;
      height: calc(100vw * (335 /1315));
      position: absolute;
      left: calc(100vw * (0 /1315));
      top: calc(100vw * (40/1315));
      background: #bbbbbb;

  }

  .tech .section2_wrap .con_box_wrap_04 .con_box-img {
      width: calc(100vw * (660 /1315));
      height: calc(100vw * (437/1315));
  }


  .tech .section2_wrap .con_box_wrap_01 .con_box_right .con_box-img {
      width: calc(100vw * (220 /1315));
      height: calc(100vw * (216 /1315));
      margin-top: calc(100vw * (0/1315));
      margin-right: 0px;
      margin-bottom: calc(100vw * (70/1315));
      margin-left: calc(100vw * (125/1315));
  }


  .tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer {
      display: flex;
      justify-content: flex-end;
  }

  .tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer div {
      display: flex;
      align-items: center;
  }

  .tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer div:nth-child(2) {
      margin-left:  calc(100vw * (27/1315));
  }

  .tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer .red {
      width: calc(100vw * (20/1315));
      height: calc(100vw * (20 /1315));
      border-radius: 50%;
      background: #ff6f6f;
      margin-right: calc(100vw * (10 /1315));
  }

  .tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer .green {
      width: calc(100vw * (20/1315));
      height: calc(100vw * (20 /1315));
      border-radius: 50%;
      background: #3ddda9;
      margin-right: calc(100vw * (10/1315));
  }

  .tech .section2_wrap .dark_span_nobold18 {
      margin-top: calc(100vw * (32 /1315));

  }


  .tech .section2_wrap .up_down_margin {
      margin-top: calc(100vw * (32 /1315));
  }

  .tech .section2_wrap .con_box-text button {
padding:inherit;
margin-top:calc(100vw * (30 / 1315));
  }

  .tech .section2_wrap .blue_bold18_ {
      text-align: left;
  }


  .tech .section2_wrap .con_box_wrap_03 {
      width: 100%;
      max-width: calc(100vw * (1618/1315));
      margin-bottom: calc(100vw * (330 /1315));
  }

  .tech .section2_wrap .con_box_wrap_04 {
      width: 100%;
      max-width: calc(100vw * (1618 /1315));
      margin-left: calc(100vw * (50/1315));
  }

  .tech .section2_wrap .con_box_wrap_03 .con_box {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: flex-end;
  }

  .tech .section2_wrap .con_box_wrap_03 .con_box .con_box-text {
    padding-left:calc(100vw * (100 / 1315));
  }


  /*.tech  section3 _wrap_01 */
  .tech .section3 {
      width: 100%;
      max-width: inherit;
      margin: 0 auto;
  }

  .tech .section3_wrap .con_container {
      width: 100%;
      max-width: inherit;
      margin: 0 auto;
      padding-top: calc(100vw * (102 /1315));
      padding-bottom: calc(100vw * (102 /1315));
      margin-top:  calc(100vw * (150/1315));
      background: linear-gradient(to bottom, #fafafa, #fafafa calc(100vw * (1124/1315)), #ffffff calc(100vw * (1124/1315)));
  }

  .tech .section3_wrap .con_container .con_box_wrap_01,
  .tech .section3_wrap .con_container .con_box_wrap_02,
  .tech .section3_wrap .con_container .con_box_wrap_03,
  .tech .section3_wrap .con_container .con_box_wrap_04 {
      width: 100%;
      max-width: calc(100vw * (1025/1315));
      margin: 0 auto;
  }

  .tech .section3_wrap .con_container .con_box_wrap_03 {
      margin: calc(100vw * (150 /1315));
      margin-right: auto;
      margin-bottom: calc(100vw * (140 /1315));
      margin-right: auto;
  }

  .tech .section3_wrap .con_container .con_box_wrap_01 .con_box,
  .tech .section3_wrap .con_container .con_box_wrap_03 .con_box {
      width: 100%;
      max-width: calc(100vw * (1618 /1315));
  }

  .tech .section3_wrap .con_container .con_box_wrap_02 .con_box,
  .tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
      width: 100%;
      max-width: calc(100vw * (1618 /1315));
      margin-top: calc(100vw * (150 /1315));
  }

  .tech .section3_wrap .con_container .con_box_wrap_02 .con_box {
      margin-top: calc(100vw * (220 /1315));
  }

  .tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
      margin-top: calc(100vw * (300/1315));
  }

  .tech .section3_wrap .con_container .con_box_wrap_02 .con_box {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: flex-end;
  }

  .tech .section3_wrap .con_container .con_box_wrap_03 .con_box {
      display: flex;
      justify-content: space-between;

  }

  .tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: center;

  }

  .tech .section3_wrap .con_box_wrap_01 .con_box-img_wrap {
      padding-top: calc(100vw * (112 /1315));
      display: flex;
      justify-content: flex-end;
  }

  .tech .section3_wrap .con_box_wrap_03 .con_box-text {
      margin-top: calc(100vw * (270 /1315));
  }

  .tech .section3_wrap .con_box_wrap_01 .con_box-img {
      width: calc(100vw * (960 /1315));
      height: calc(100vw * (471 /1315));
  }

  .tech .section3_wrap .con_box_wrap_02 .con_box-img {
      width: calc(100vw * (600/1315));
      height: calc(100vw * (487/1315));
      margin-left:calc(-100vw * (130 / 1315));
  }


  .tech .section3_wrap .con_box_wrap_03 .con_box-img {
      width: calc(100vw * (600 /1315));
      height: calc(100vw * (500 /1315));
  }

  .tech .section3_wrap .con_box_wrap_04 .con_box-img {
      width: calc(100vw * (600/1315));
      margin-left:calc(-100vw * (130 / 1315));
      margin-right:calc(100vw * (100 / 1315));
  }

  .tech .section3_wrap .dark_span_nobold18 {
      margin-top: calc(100vw * (32/1315));
  }


  /*.tech  section4_wrap 영역  */
  .tech .section4 .section4_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin-top: calc(100vw * (200/1315));
      margin-right: auto;
      margin-bottom: calc(100vw * (200/1315));
      margin-left: auto;
  }


  .tech .section4 .bottom-con_container .right_con .con_box {
      padding-top: calc(100vw * (40/1315)); padding-right: calc(100vw * (0 /1315)); padding-bottom: calc(100vw * (40 /1315)); padding-left: calc(100vw * (60 /1315));
      border: 1px solid #dddddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }


/* 애니메이션 시작  */
.tech .animate_wrap {
  width:100%;
  padding:200px 0px;
position:relative;
}
.tech .animate_wrap .sliceImg {
  position:absolute;
}
.slice_img_01 {
  width:100%;
  height:234px;
  background:url("../img/animate/smt.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:0;
}
.slice_img_02 {
  width:100%;
  height:234px;
  background:url("../img/animate/reticulated.png") no-repeat;
background-size:100%;
bottom:10%;
z-index:1;
}
.slice_img_03 {
  width:100%;
  height:347px;
  background:url("../img/animate/floral-cover.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:2;
}
.slice_img_04 {
  width:100%;
  height:95px;
  background:url("../img/animate/mesh-cover.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:3;
}


.animate_pulse_wrap {
  position:relative;
}
@keyframes heat-skin {
  0%,
  100%,
  55%,
  90% {
  opacity: 1
  }
  65%,
  80% {
  opacity: 0
  }
  }
.animate_pulse_wrap:after {
  content: "";
  width: 93%;
  height: 90%;
  background: url('../img/animate/heat-1.png')no-repeat;
  background-size: contain;
  position: absolute;
  top: 9%;
  left: 21%;
  animation: heat-skin 4.5s ease-out infinite;
}

@keyframes infrared-skin {
  0%,
  100%,
  55%,
  85% {
  opacity: 0
  }
  70%,
  80% {
  opacity: 1
  }
  }
.animate_pulse_wrap:before {
  content: "";
  width: 93%;
  height: 90%;
  background: url('../img/animate/infrared-1.png')no-repeat;
  background-size: contain;
  position: absolute;
  top: 9%;
  left: 21%;
  animation: infrared-skin 4.5s ease-out infinite;
}

@keyframes heat-pulse {
  0% {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
  }
  15% {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0
  }
  100% {
  opacity: 0
  }
  }
.animate_heat-pulse {
  width: 100%;
  height: 100%;
  background:url('../img/animate/heat-2.png')no-repeat;
  background-size:cover;
  position:absolute;
  top:-20%;
  left:0%;
  animation:heat-pulse 4.5s ease-out infinite;
}



@keyframes frame-animation { 0% { background-position: 0px 0; } 100% { background-position-x: calc(-100vw * (3660 / 1315)); } }


.animate_core_wrap{
  width: calc(100vw * (600/1315));
  height: calc(100vw * (100/1315));
  background:url('../img/animate/core_img.png')no-repeat;
  background-size:608%;
  animation: frame-animation 3s steps(6) infinite;    
}




/* 애니메이션 끝  */


  /* .tech 영역 끝 */


  /*.review_  영역  시작 */
  .review_ .section1_wrap .text_box_wrap .blue_span_bold_line30 {
      text-align: center;
      margin-bottom: calc(100vw * (32/1315));
  }

  .review_ .section1_wrap .text_box_wrap .text_box_title {
      margin-top: calc(100vw * (100 /1315)); margin-right:0px;
      margin-bottom: calc(100vw * (60/1315)); margin-left:0px;
      text-align: center;
  }

  .review_ .section1_wrap .text_box_wrap .text_box_desc {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      text-align: left;
      padding-top: calc(100vw * (41/1315)); padding-right: calc(100vw * (40 /1315)); padding-bottom: calc(100vw * (60/1315)); padding-left: calc(100vw * (60/1315));
      background: #fafafa;
  }

  .review_ .section1_wrap .text_box_wrap .text_box_desc .span {
      margin-top: calc(100vw * (20/1315));
  }

  .review_ .section1_wrap .text_box_wrap .text_box_desc .blue_bold18_ {
      text-align: left;
  }



  /*.review_  section2_wrap 영역  */

  .review_ .section2_wrap {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin-top: calc(100vw * (150/1315)); margin-right:auto;
      margin-bottom: calc(100vw * (0 /1315)); margin-left:auto;
  }

  .review_ .section2_wrap .text_box_title {
      text-align: center;
  }

  .review_ .section2_wrap .text_box_title .blue_span_bold_line30 {
      text-align: center;
  }

  .review_ .section2_wrap .text_box_title .dark_span_nobold18 {
      margin-top: calc(100vw * (30/1315)); margin-right:0px;
      margin-bottom: calc(100vw * (20 /1315)); margin-left:0px;
  }

  .review_ .section2_wrap .tab_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: calc(100vw * (100/1315));
  }

  .review_ .section2_wrap .tab_wrap .list {
      width: calc(100vw * (217 /1315));
      height: calc(100vw * (80/1315));
      font-size: calc(100vw * (22 /1315));
      padding: calc(100vw * (26 /1315)) 0 0;
      line-height: 1.5;
      text-align: center;
      color: #dddddd;
      border-bottom: 4px solid #dddddd;
      cursor: pointer;
  }

  .review_ .section2_wrap .tab_wrap .list.current {
      color: #203465;
      font-weight: bold;
      border-bottom: 4px solid #203465;
  }

  .review_ .section2_wrap .tab-content {
      display: none;
  }


  .review_ .section2_wrap .tab-content.current {
      display: inherit;
  }

  .review_ .section2_wrap .con_container .con_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-top: calc(100vw * (80/1315)); padding-right:0px;
      padding-bottom: calc(100vw * (60/1315)); padding-left:0px;
  }

  .review_ .section2_wrap .con_container .con_box {
      width: calc(100vw * (314/1315));
      height: calc(100vw * (326/1315));
      margin-bottom: calc(100vw * (20/1315));

      padding-top: calc(100vw * (20/1315));
      padding-right: calc(100vw * (20/1315));
      padding-bottom: calc(100vw * (30/1315));
      padding-left: calc(100vw * (30/1315));

      border: 1px solid #bbbbbb;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .review_ .section2_wrap .con_container .con_box .con_box_desc .dark_span_nobold16:first-child {
      margin-bottom: calc(100vw * (10 /1315));
  }

  .review_ .section2_wrap .con_container .con_box .con_box_stars,
  .review_ .section2_wrap .con_container .con_box .con_box_stars .stars_wrap,
  .review_ .section2_wrap .con_container .con_box .con_box_date,
  .review_ .section2_wrap .con_container .con_box .con_box_date .con_box_date-icons {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .review_ .section2_wrap .con_container .con_box .con_box_stars .stars_wrap .span {
      margin-left: calc(100vw * (5/1315));
  }

  .review_ .section2_wrap .con_container .con_box .con_box_date .con_box_date-icons .link {
      margin-left: calc(100vw * (10 /1315));
  }

  .review_ .section2_wrap .con_container .con_box .img {
      width: calc(100vw * (18/1315));
      height: calc(100vw * (18 /1315));
  }



  .review_ .section2_wrap .paging_wrap .ul {
      border: none;
  }

  /*.review_  section3_wrap 영역 */
  .review_ .section3_wrap .con_container {
      margin-top: calc(100vw * (160 /1315));
  }

  .review_ .section3_wrap .text_box_title .blue_span_bold_line30,
  .review_ .section3_wrap .text_box_title .dark_span_nobold18 {
      text-align: center;
  }


  .review_ .section3_wrap .text_box_title .blue_span_bold_line30 {
      margin-bottom: calc(100vw * (30 /1315));
  }

  .review_ .section3_wrap .con_top {
      padding-top: calc(100vw * (52 /1315));
      padding-bottom: calc(100vw * (52 /1315));
      padding-right: 0px;
      padding-left: 0px;
      background-color: #fbfbfe;
      margin-top: calc(100vw * (60 /1315));
  }

  .review_ .section3_wrap .con_top .con_top_title {
      margin-bottom: calc(100vw * (60/1315));
  }

  .review_ .section3_wrap .con_top .con_top_title .blue_span_bold_line30 {
      text-align: center;
  }

  .review_ .section3_wrap .con_top .con_top_desc {
      display: flex;
      justify-content: space-between;
  }

  .review_ .section3_wrap .con_top .con_top_desc div {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding-top: 0px;
      padding-right: calc(100vw * (49 /1315));
      padding-bottom: 0px;
      padding-left: calc(100vw * (26 /1315));
      border-right: 1px solid #bbbbbb;
  }

  .review_ .section3_wrap .con_top .con_top_desc div:last-child {
      border: none;
  }

  .review_ .section3_wrap .con_top .con_top_desc div .blue_span_bold22 {
      margin-right: calc(100vw * (11 /1315));
  }



  /* 자주 묻는 질문 qna 영역  */
  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list {
      padding-top: calc(100vw * (50/1315));
      padding-bottom: calc(100vw * (50/1315));
      padding-right: 0px;
      padding-left: 0px;
      border-bottom: 1px solid #bbbbbb;
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .span {
      margin-top: calc(100vw * (20 /1315));
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .blue_span_bold_line30 {
      margin: inherit;
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .blue_bold18_ {
      text-align: left;
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2) {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>.blue_span_bold_line30 {
      height: calc(100vw * (124 /1315));
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>div {
      display: flex;
      justify-content: space-between;

  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>div>div {
      margin-left:  calc(100vw * (77/1315));
  }

  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(3) .blue_bold18_,
  .review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(4) .blue_bold18_ {
      text-align: right;
  }


  /*.review_  영역 끝 */

  /* eco영역 시작  */
  .eco section .con_container {
      width: 100%;
      max-width: calc(100vw * (1618/1315));
      margin: inherit;
  }

  .eco .blue_span_bold30 {
      margin-bottom: calc(100vw * (32/1315));
  }

  .eco .con_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }


  /*.eco  section1_wrap 영역 */
  .eco .section1_wrap {
      display: flex;
      justify-content: flex-end;
  }

  .eco .section1_wrap .line_ {
      width: 1px;
      height: calc(100vw * (200 /1315));
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (30/1315))
  }

  .eco .section1_wrap .con_box-img {
      width: calc(100vw * (600/1315));
      height: calc(100vw * (538 /1315));

  }

  .eco .section1_wrap .text_img {
      width: calc(100vw * (193/1315));
      height: calc(100vw * (133/1315));
  }

  /*.eco  section2_wrap */
  .eco .section2 {
    padding:inherit
  }
  .eco section .section2_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1920 /1315));
      margin: 0 auto;
  }

  .eco .section2_wrap {
      display: flex;
      justify-content: flex-start;
  }

  .eco .section2_wrap .con_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  }

  .eco .section2_wrap .con_box_left_img .con_box-img {
      width: calc(100vw * (500/1315));
      height: calc(100vw * (400 /1315));
  }

  .eco .section2_wrap .con_box-text {
    width:calc(100vw * (400 / 1315));
  }

  .eco .section2_wrap .con_box_right_img .con_box-img {
      width: calc(100vw * (302 /1315));
      height: calc(100vw * (570/1315));
  }

  .eco .section1_wrap .con_box-text .blue_span_nobold30,
  .eco .section2_wrap .con_box-text .blue_span_nobold30,
  .eco .section3_wrap .con_box-text .blue_span_nobold30 {
      margin-bottom: calc(100vw * (32 /1315));
  }


  /*.eco  section3_wrap */


  .eco .section3_wrap {
      display: flex;
      justify-content: flex-end;
      padding-top: calc(100vw * (220 /1315));
      padding-right: 0px;
      padding-bottom: calc(100vw * (200/1315));
      padding-left: 0px;
  }

  .eco .section3_wrap .con_box {
      display: flex;
      align-items: flex-end;
  }

  .eco .section3_wrap .con_box .con_box_left {
      margin-bottom: calc(100vw * (30 /1315));
  }


  .eco .section3_wrap .line_ {
      width: 1px;
      height: calc(100vw * (200 /1315));
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (30 /1315)); margin-right:0px;
      margin-bottom: calc(100vw * (30 /1315)); margin-left:0px;
  }


  .eco .section3_wrap .con_box-img {
    width: calc(100vw * (700/1315));
    height: calc(100vw * (600/1315));
  }


  /*.eco  section4_wrap 영역 */

  .eco .section4 .section4_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .eco .section4_wrap .con_box {
      display: flex;
      flex-direction: column;
  }



  .eco .section4_wrap .con_box-img {
      width: calc(100vw * (1315 /1315));
      height: calc(100vw * (700 /1315));
  }

  .eco .section4_wrap .con_box_left {
      width: 100%;
      padding-top: calc(100vw * (61 /1315)); padding-right:0px;
      padding-bottom: calc(100vw * (31 /1315)); padding-left:0px;
      display: flex;
      justify-content: space-between;
  }


  /*.eco  section5_wrap 영역  */
  .eco .section5 .m_con_wrap {
      display: none;
  }

  .eco .section5 .con_container {
      width: 100%;
      max-width: calc(100vw * (1316/1315));
      margin: 0 auto;
      border-top: 1px solid #203465;
      border-bottom: 1px solid #203465;
      padding-top: calc(100vw * (100/1315)); padding-right:0px;
      padding-bottom: calc(100vw * (20 /1315)); padding-left:0px;
  }


  .eco .section5_wrap .con_container .con_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .eco .section5_wrap .con_box {
      width: calc(100vw * (560 /1315));
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: calc(100vw * (80 /1315));
  }

  .eco .section5_wrap .con_box:nth-child(5) {
      justify-content: flex-start;
  }

  .eco .section5_wrap .con_box:nth-child(2n) {
      padding-left: calc(100vw * (58/1315));
  }

  .eco .section5_wrap .con_img {
      width: calc(100vw * (180/1315));
      height: calc(100vw * (180/1315));
  }

  .eco .section5_wrap .con_box .blue_span_bold24 {
      margin-top: calc(100vw * (24 /1315)); margin-right:0px;
      margin-bottom: calc(100vw * (22 /1315)); margin-left:0px;
  }


  /*.eco  section6_wrap 영역  */
  .m_sec_09 {
      display: none;
  }
  .eco .section6 {
    padding:inherit;
  }
  .eco .section6_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin: 0 auto;
  }

  .eco .section6_wrap {
      margin-top: calc(100vw * (160 /1315));
  }

  .eco .section6_wrap .top_cont .text_wrap {
      padding: calc(100vw * (16/1315));
  }

  .eco .section6_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-bottom: calc(100vw * (20 /1315));
      border-bottom: 1px solid #dddddd;

  }

  .eco .section6_wrap .top_cont .text_wrap .text_desc {
      padding-top: calc(100vw * (20 /1315));
  }

  .eco .section6_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom: calc(100vw * (60/1315));
  }

  .eco .section6_wrap .top_cont .title_ .span {
      display: block;
      text-align: inherit;
  }


  .eco .section6_wrap .con_desc {
      display: flex;
      justify-content: space-between;
  }

  .eco .section6_wrap .con_desc>div:nth-child(2) {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-right: calc(100vw * (20 / 428));
      margin-left: calc(100vw * (20 / 428));
  }


  .eco .section6_wrap .img_con {
      width: calc(100vw * (426/1315));
      height: calc(100vw * (500/1315));
  }

  .eco .section6_wrap .title_link .span {
      display: inline-block;
      font-size: calc(100vw * (22/1315));
      line-height: calc(100vw * (32 /1315));
      color: #203465;
  }

  .eco .section6_wrap .title_link .link {
      display: inline-block;
      width: calc(100vw * (60/1315));
      height: calc(100vw * (60 /1315));
  }


  /* eco영역 끝  */



  /*.b2b 영역 시작 */
  .b2b .section1 {
      width: 100%;
      max-width: inherit;
      margin: 0 auto;
      background: linear-gradient(to bottom, #ffffff, #ffffff calc(100vw * (1260 /1315)), #fafafa  calc(100vw * (1260/1315)));
  }

  .b2b .section1_wrap {
      padding-top: calc(100vw * (100 /1315));
      display: flex;
      justify-content: flex-end;
  }

  .b2b .section1_wrap .line_ {
      width: 1px;
      height: calc(100vw * (232 /1315));
      border-left: 1px solid #bbbbbb;
      margin-top: calc(100vw * (10 /1315));
  }

  .b2b .section1_wrap .con_box-img {
      width: calc(100vw * (1315/1315));
      height: calc(100vw * (740 /1315));
  }

  .b2b .section1_wrap .text_img {
      width: calc(100vw * (186/1315));
      height: calc(100vw * (133/1315));
      margin-top: calc(-100vw * (30 /1315));
  }

  .b2b .section1_wrap .con_box .con_box_left {
      padding-top: calc(100vw * (110/1315));
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
  }

  .b2b .section1_wrap .blue_span_nobold30 {
      margin-bottom: calc(100vw * (30/1315));
  }

  .b2b .section1_wrap .con_sw {
      margin-top: calc(100vw * (158 /1315));
  }

  .b2b .section1_wrap .con_sw .con_title_wrap {
      margin-bottom: calc(100vw * (80/1315));
      position: relative;
  }

  .b2b .section1_wrap .con_sw .brandSw .swiper-wrapper {
      padding-bottom: calc(100vw * (50 /1315));
  }

  .b2b .section1_wrap .con_sw .brandSw .brand_img {
      width: calc(100vw * (266/1315));
      height: calc(100vw * (100 /1315));
      margin-bottom: calc(100vw * (21 /1315));
  }

  .b2b .section1_wrap .con_sw .brandSw .blue_span_nobold20 {
      width: calc(100vw * (266/1315));
      text-align: center;
  }


  .b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev {
      left: inherit;
      right: calc(100vw * (50/1315));
  }


  .b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-next:after,
  .b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev:after {
      content: "";
      width: calc(100vw * (20 /1315));
      height: calc(100vw * (20 /1315));
      background: url("../img/right-arrow10.png") no-repeat;
      background-size: 100% 100%;
  }

  .b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev:after {
      transform: rotateZ(90deg);
  }

  .b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-next:after {
      transform: rotateZ(270deg);
  }



  /*.b2b  section2_wrap 영역  */
  .b2b .section2_wrap .motionSw {
      display: none;
  }

  .b2b .section2_wrap {
      margin-top: calc(100vw * (143 /1315));
  }

  .b2b .section2_wrap .blue_span_nobold30 {
      text-align: center;
      padding-bottom: calc(100vw * (60 /1315));
  }

  .b2b .section2_wrap .con_container .con_box_wrap {
      display: flex;
      justify-content: space-between;
  }

  .b2b .section2_wrap .con_container .con_box_wrap .con_box {
      width: calc(100vw * (425/1315));
      height: calc(100vw * (540/1315));
      position: relative;
  }

  .b2b .section2_wrap .con_container .con_box_wrap .con_box .con_box-text {
      position: absolute;
      left: 0%;
      bottom: 0%;
      transform: translate(calc(100vw * (40 /1315)), calc(-100vw * (40 /1315)));
  }


  .b2b .section2_wrap .con_container .con_box_wrap .con_box .con_box-text .white_span24px {
      margin-bottom: calc(100vw * (22 /1315));
  }

  .b2b .section2_wrap .con_container .con_box_wrap .con_box:nth-child(1) {
      background: url("../img/b2b/laura.jpg") no-repeat;
      background-size: 100% 100%;


  }

  .b2b .section2_wrap .con_container .con_box_wrap .con_box:nth-child(2) {
      background: url("../img/b2b/hotel.jpg") no-repeat;
      background-size: 100% 100%;


  }

  .b2b .section2_wrap .con_container .con_box_wrap .con_box:nth-child(3) {
      background: url("../img/b2b/lucas-calloch.jpg") no-repeat;
      background-size: 100% 100%;

  }



  /*.b2b  section3_wrap 영역  */
  .b2b .section3 {
      width: 100%;
      max-width: inherit;
      margin-top: calc(100vw * (160 /1315)); margin-right:auto;
      margin-bottom: 0px;
      margin-left: auto;
      background: #fbfbfe;
      padding-top: calc(100vw * (82/1315)); padding-right:0px;
      padding-bottom: calc(100vw * (100/1315)); padding-left:0px;
  }

  .b2b .section3_wrap .blue_span_bold30 {
      text-align: center;
  }

  .b2b .section3_wrap .con_box_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-top: calc(100vw * (80 /1315));
  }

  .b2b .section3_wrap .con_box_wrap .con_box {
      width: calc(100vw * (428 /1315));
  }

  .b2b .section3_wrap .con_box_wrap .con_box .con_icons {
      display: flex;
      align-items: center;
      padding-bottom: calc(100vw * (29 /1315));
  }

  .b2b .section3_wrap .con_box_wrap .con_box .con_icons .blue_span_bold24 {
      text-align: left;
  }

  .b2b .section3_wrap .con_box_wrap .con_box .con_icons .icon_img_box {
      width: calc(100vw * (100/1315));
      height: calc(100vw * (100 /1315));
      margin-right: calc(100vw * (30/1315));

  }

  .b2b .section3_wrap .con_box_wrap .con_box .con_box-text {
      padding-top: calc(100vw * (20 /1315));
      border-top: 1px solid #333333;
  }



  /*.b2b  section4_wrap 영역  */

  .b2b .section4 {
      width: 100%;
      max-width: calc(100vw * (1315 /1315));
      margin-top: calc(100vw * (152 /1315)); margin-right:auto;
      margin-bottom: calc(100vw * (240 /1315)); margin-left: auto;
  }

  .b2b .section4_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
  }

  .b2b .section4_wrap .con_container .con_box_wrap {
      display: flex;
  }

  .b2b .section4_wrap .con_container .con_box_wrap .ameriSw {
      width: calc(100vw * (1618/1315));
      height: calc(100vw * (700 /1315));
  }

  .b2b .section4_wrap .con_container .con_box_wrap .ameriSw .swiper-slide {
      width: calc(100vw * (1315 /1315));
      height: calc(100vw * (700/1315));
  }

  .b2b .section4_wrap .con_box-text {
      text-align: center;
      padding-bottom: calc(100vw * (60 /1315));
  }

  .b2b .section4_wrap .page_bum_wrap {
      width: calc(100vw * (302/1315));
      position: relative;
  }

  .b2b .section4_wrap .rotate_img {
      width: calc(100vw * (40 /1315));
      height: calc(100vw * (225 /1315));
      position: absolute;
      right: 0%;
      top: 0%;
      transform: translate(calc(-100vw * (40 /1315)), 0px);
  }


  .b2b .section4_wrap .page_bum_wrap .swiper-button-next,
  .b2b .section4_wrap .page_bum_wrap .swiper-button-prev {
      position: absolute;
      top: inherit;
      bottom: 0%;
      width: calc(100vw * (50/1315));
      height: calc(100vw * (40/1315));
      margin-top: 0px;
       z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .b2b .section4_wrap .page_bum_wrap .swiper-button-next {
      bottom: calc(100vw * (61 /1315));
      right: calc(100vw * (30 /1315));
  }

  .b2b .section4_wrap .page_bum_wrap .swiper-button-prev {
      bottom: calc(100vw * (61 /1315));
      right: calc(100vw * (100 /1315));
      left: inherit;
  }

  .b2b .section4_wrap .swiper-button-next:after,
  .b2b .section4_wrap .swiper-button-prev:after {
      content: "";
      width: calc(100vw * (50 /1315));
      height: calc(100vw * (40/1315));
      background: url("../img/icon/arrow_2.png") no-repeat;
      background-size: 100% 100%;
  }

  .b2b .section4_wrap .swiper-button-next:after {
      transform: rotateZ(180deg);
  }



  .b2b .section4_wrap .pagenations_ {
      display: flex;
      position: absolute;
      bottom: 0px;
      right: 0px;
      transform: translate(calc(-100vw * (44/1315)), calc(-100vw * (15 /1315)));
      font-family: 'Eina01', sans-serif;
      font-size: calc(100vw * (30 /1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: calc(100vw * (0.3 /1315));
      text-align: left;
      color: #203465;
  }


  .b2b .section4_wrap .pagenations_ .span {
      margin-left: calc(100vw * (5 / 1315));
  }


  .b2b .section4_wrap .pagenations_ .span:nth-child(3) {
      margin-left: calc(100vw * (10/1315));
  }


  /*.b2b  section5_wrap 영역  */
  .b2b .section5 {
      width: 100%;
      max-width: inherit;
      margin: 0 auto;
      background: #fbfbfe;
  }

  .b2b .section5_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top: calc(100vw * (60 /1315));
      padding-bottom: calc(100vw * (60 /1315));
      padding-left: 0px;
      padding-right: 0px;
  }

  .b2b .section5_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;

  }

  .b2b .section5_wrap .con_box-text {
      border-bottom: 1px solid #dddddd;
      text-align: center;
      padding-bottom: calc(100vw * (42 /1315));
  }

  .b2b .section5_wrap .form fieldset {
      padding-top: calc(100vw * (60 /1315));
      display: flex;
      justify-content: space-between;
      border: none;
  }



  .b2b .section5_wrap .form legend {
      display: none;
  }

  .b2b .section5_wrap .form .con_box_left {
      width: calc(100vw * (622/1315));
  }

  .b2b .section5_wrap .form .con_box_left .span:last-child {
      margin-top: calc(100vw * (71 /1315));
  }

  .b2b .section5_wrap .form .con_box_right {
      width: calc(100vw * (622/1315));
  }

  .b2b .section5_wrap .link {
      border-bottom: 1px solid #203465;
  }

  .b2b .section5_wrap a:link {
      text-decoration: none;
      color: #203465;

  }

  .b2b .section5_wrap .form .input {
      width: calc(100vw * (585 /1315));
      height: calc(100vw * (80 /1315));
      margin-top: calc(100vw * (31 /1315));
      padding-top: calc(100vw * (28 /1315)); padding-right:calc(100vw * (0/1315)); padding-bottom:calc(100vw * (28 /1315)); padding-left:calc(100vw * (20 /1315));
      border: 1px solid #dddddd;
      background-color: #ffffff;
      font-size:  calc(100vw * (18/1315));
  }

  .b2b .section5_wrap .form .button {
      width:  calc(100vw * (585/1315));
      height:  calc(100vw * (80/1315));
      margin-top: calc(100vw * (50/1315));
      padding-top: calc(100vw * (28 /1315));
      padding-bottom:calc(100vw * (27 /1315));
      border: 1px solid #dddddd;
      background-color: #203465;
  }






  .b2b .section6_wrap {
      padding-top: calc(100vw * (182/1315));
      text-align: center;
  }

  .b2b .section6_wrap .con_container {
      width: 100%;
      max-width: calc(100vw * (1200 /1315));
      margin: 0 auto;
  }

  .b2b .section6_wrap .con_box_wrap {
      padding-top: calc(100vw * (60/1315));
  }


  .b2b .section6_wrap .blue_span_bold30 {
      margin-bottom: calc(100vw * (32 /1315));
  }

  .b2b .section6_wrap .dl {
      display: flex;
      flex-wrap: wrap;
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.56;
      letter-spacing: normal;
      text-align: center;
      color: #203465;
  }

  .b2b .section6_wrap .dl .dt {
      background: #fbfbfe;
  }

  .b2b .section6_wrap .dl .dt,
  .b2b .section6_wrap .dl .dd {
      width: calc(100vw * (595 /1315));
      padding-top: calc(100vw * (18/1315));
      padding-bottom: calc(100vw * (18/1315));
      border-bottom: 1px solid #203465;
  }

  .b2b .section6_wrap .white_span18px {
      padding-top: calc(100vw * (18 /1315));
      padding-bottom: calc(100vw * (18 /1315));
      padding-left: calc(100vw * (0 /1315));
      padding-right: calc(100vw * (0 /1315));
      background: #203465;
      text-align: center;
  }


  .b2b .section6_wrap .dark_span_nobold18 {
      margin-top: calc(100vw * (41 /1315));
  }



  /*.b2b  section7_wrap 영역  */
  .b2b .section7_wrap {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
      margin-top: calc(100vw * (182/1315));
      margin-bottom: calc(100vw * (182/1315));
  }

  .b2b .content_qustion {
      padding: calc(100vw * (40 /1315));
      font-size: calc(100vw * (16 /1315));
      border-top: 1px solid #bbbbbb;
      position: relative;
      cursor: pointer;
  }


  .b2b .content_qustion_wrap {
      position: relative;

  }

  .b2b .mini_qna {
      border-bottom: 1px solid #dddddd;
  }

  .b2b .mini_qna .blue_span_bold30 {
      margin-bottom: calc(100vw * (32 /1315));
  }

  .b2b .content_qustion_wrap .q_title {
      font-weight: bold;
  }

  .b2b .content_qustion_wrap::after {
      content: "";
      width: calc(100vw * (18 /1315));
      height: calc(100vw * (18 /1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .b2b .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom: calc(100vw * (40 /1315));
      padding-right: calc(100vw * (40 /1315));
      padding-left: calc(100vw * (40 /1315));
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .b2b .content_answer_wrap {
      display: flex;
      font-size: calc(100vw * (16 /1315));
  }

  .b2b .section7_wrap .q_title {
      font-size: calc(100vw * (18 /1315));
      font-weight: bold;
      line-height: calc(100vw * (28/1315));
      text-align: left;
      color: #333333;
  }

  .b2b .section7_wrap .a_desc {
      font-size: calc(100vw * (16/1315));
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  .b2b .section7_wrap .con_container .link .blue_bold18_ {
      margin-top: calc(100vw * (20 /1315));
      text-align: right;
  }



  /*.b2b  section8_wrap 영역  */
  .b2b .section8_wrap {
      width: 100%;
      max-width: calc(100vw * (1200/1315));
      margin-top: calc(100vw * (182 /1315));
      margin-right: auto;
      margin-bottom: calc(100vw * (290/1315));
      margin-left: auto;
      text-align: center;
      padding-top: calc(100vw * (62/1315));
      padding-right: calc(100vw * (0/1315));
      padding-bottom: calc(100vw * (80/1315));
      padding-left:0px;
      border: 1px solid #dddddd;
      background-color: #ffffff;
  }

  .b2b .section8_wrap .blue_span_bold30 {
      margin-bottom:  calc(100vw * (41/1315));
  }

  .b2b .section8_wrap .ipt_box {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
  }

  .b2b .section8_wrap .ipt_box .input {
      width:  calc(100vw * (400/1315));
      height:  calc(100vw * (70/1315));
      padding-top:  calc(100vw * (23/1315));
      padding-right:0px;
      padding-bottom: calc(100vw * (22/1315)); 
      padding-left: calc(100vw * (30/1315));
      border: 1px solid #dddddd;
      background-color: #ffffff;
      font-size:  calc(100vw * (18/1315));
  }

  .b2b .section8_wrap .ipt_box .button {
      width:  calc(100vw * (200/1315));
      height:  calc(100vw * (70/1315));
      padding-top:calc(100vw * (22/1315)); 
      padding-right:0px;
      padding-bottom:calc(100vw * (22/1315)); 
      padding-left:0px;
      background-color: #203465;
      font-size:  calc(100vw * (20/1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      vertical-align: bottom;
      border: none;
  }

  /*.b2b 영역 끝 */

  /* usa, tech, review, history, eco, design, bio_pur, b2b 영역 끝 */

  /* matt_guide, matt_guide_sleep_info, matt_guide_size, matt_guide_best 영역 시작 */

  /* 컨테이너 섹션 너비값 공통  */
  .matt_guide {
      width: 100%;
      max-width: calc(100vw * (1920/1315));
      margin-top: 0px;
      margin-right:auto;
      margin-bottom:calc(100vw * (189/1315)); 
      margin-left:auto;
      padding-top: calc(100vw * (200/1315));
  }

  .matt .section1_wrap,
  .matt .section2_wrap,
  .matt .section3_wrap,
  .matt .section4_wrap,
  .matt .section5_wrap,
  .matt .section6_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .m_mat_tab,
  .m_bottom_con {
      display: none;
  }

  /* 컨테이너 섹션 너비값 공통 끝 */

  /* -----------------------------------------------매트리스 구매가이드 페이지 시작-----------------------------------------------------  */
  .matt .section1_wrap .title_wrap {
      display: flex;
      justify-content: space-between;
      margin-bottom:  calc(100vw * (50/1315));
  }

  .matt .section1_wrap .title_wrap .span {
      display: block;
      font-size:  calc(100vw * (18/1315));
  }

  .matt .section1_wrap .title_wrap .blue_span_bold_line30 {
      font-size:  calc(100vw * (30/1315));
  }

  .matt .section1_wrap .con_img {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (600/1315));
      margin: 0 auto;
  }



  /* 메모리 폼이 제공하는 것 영역 */
  .matt .section2 {
      margin-bottom:  calc(100vw * (170/1315));
  }

  .matt .section2 .section2_wrap {
      padding-top:  calc(100vw * (100/1315));
  }

  .matt .section2 .title_wrap {
      margin-bottom:  calc(100vw * (100/1315));
  }

  .matt .section2 .title_wrap div {
      width:  calc(100vw * (960/1315));
      margin-left: calc(-100vw * (278/1315));
      padding-left:  calc(100vw * (278/1315));
  }

  .matt .section2 .title_wrap div:nth-child(1) {
      border-bottom: 1px solid #203465;
  }

  .matt .section2 .title_wrap div:nth-child(2) .span {
      display: inline-block;
      padding-top:  calc(100vw * (40/1315));
  }

  .matt .section2 .title_wrap .blue_span_bold_line30 {
      display: inline-block;
      padding-bottom:  calc(100vw * (30/1315));
      font-size:calc(100vw * (30 / 1315));
  }



  .matt .section2 .contents_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:  calc(100vw * (200/1315));
  }

  .matt .section2 .contents_box:nth-child(2) {
      align-items: flex-end;
  }

  .matt .section2 .contents_box:nth-child(1) .bottom_img {
      width:  calc(100vw * (670/1315));
      height:  calc(100vw * (480/1315));
      background: url("../img/mat_guide/as3-bed-iso@3x.png") no-repeat;
      background-size: cover;
      background-position:  calc(-100vw * (900/1315));
      margin-left: calc(-100vw * (18/1315));
  }

  .matt .section2 .contents_box:nth-child(2) .bottom_img {
      width:  calc(100vw * (818 /1315));
      height:  calc(100vw * (480/1315));
      background: url("../img/mat_guide/mult.jpg") no-repeat;
      background-size: cover;
      background-position: calc(-100vw * (640/1315));
      margin-left: calc(-100vw * (278/1315));
  }

  .matt .section2 .contents_box:nth-child(3) .bottom_img {
      width:  calc(100vw * (640/1315));
      height:  calc(100vw * (598/1315));
      background: url("../img/mat_guide/bed-top.jpg") no-repeat;
      background-size: cover;
      margin-right: calc(100vw * (278/1315));
  }

  .matt .section2 .desc_warp .con_box {
      display: flex;
  }

  .matt .section2 .desc_warp .con_box .con_left_img {
      width:  calc(100vw * (100/1315));
      height:  calc(100vw * (100/1315));
  }




  .desc_warp .dl {
      margin-top:0px;
      margin-right:0px;
      margin-bottom: calc(100vw * (64/1315)); 
      margin-left: calc(100vw * (30/1315));
  }

  .desc_warp .dl .dt {
      margin-bottom:  calc(100vw * (19/1315));
      font-size: calc(100vw * (19 / 1315));
  }

  .look_btn {
      margin-top:  calc(100vw * (80/1315));
  }

  .look_btn .button {

      width:  calc(100vw * (270/1315));
      height:  calc(100vw * (70/1315));
      font-size:  calc(100vw * (20/1315));
      line-height: 1.5;
      text-align: center;
      color: #203465;
      border: 1px solid #203465;
      background-color: #fbfbfe;

  }


  .matt .section2 .mat_tab {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      height:  calc(100vw * (821/1315));
      margin-top:  calc(100vw * (179/1315));
      padding-top:  calc(100vw * (100/1315)); 
      padding-right: calc(100vw * (333/1315)); 
      padding-bottom: calc(100vw * (120/1315)); 
      padding-left: calc(100vw * (249/1315));
      background-color: #fbfbfe;
  }

  .matt .section2 .mat_tab .title_wrap {
      text-align: center;
      margin: 0px;
  }
  .matt .section2 .mat_tab .title_wrap .span {
      display: block;
  }

  .matt .section2 .mat_tab .title_wrap .blue_span_nobold30 {
      margin-top:  calc(100vw * (12/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (80/1315)); 
      margin-left:0px;;
  }




  /*메모리 폼이 제공하는의 하단 Tab-menu영역*/
  .matt .section2 .mat_con {
      width: 100%;
      list-style: none;
      text-align: center;
  }

  .matt .section2 .mat_con .ul {
      display: flex;
      justify-content: space-between;
  }

  .matt .section2 .mat_con .list {
      display: block;
      width:  calc(100vw * (143/1315));
      height:  calc(100vw * (199/1315));
      border-radius:  calc(100vw * (15/1315));
      cursor: pointer;
  }

  .matt .section2 .mat_con .list:nth-child(1) {
      background: url('../img/mat_guide/man1.png') no-repeat;
      background-size: 102% 103%;
      background-position: center;
  }

  .matt .section2 .mat_con .list:nth-child(2) {
      background: url('../img/mat_guide/man2.png') no-repeat;
      background-size: 102% 103%;
      background-position: center;
  }

  .matt .section2 .mat_con .list:nth-child(3) {
      background: url('../img/mat_guide/man3.png') no-repeat;
      background-size: 102% 103%;
      background-position: center;
  }

  .matt .section2 .mat_con .list:nth-child(4) {
      background: url('../img/mat_guide/man4.png') no-repeat;
      background-size: 102% 103%;
      background-position: center;
  }


  .matt .section2 .mat_con .list .img {
      display: block;
      border-radius:  calc(100vw * (10/1315));
  }

  .matt .section2 .mat_con .list.current {
      box-shadow: inset -6px -6px 1px #203465;
  }

  .matt .section2 .mat_con .mat_con_text_wrap {
      width: 100%;
      height:  calc(100vw * (235/1315));
      border-left: 1px solid #333333;
      margin-top:  calc(100vw * (25/1315)); 
      margin-right:0px; 
      margin-bottom:0px; 
      margin-left: calc(100vw * (20/1315));
      padding-top:  calc(100vw * (21/1315)); 
      padding-right:0px; 
      padding-bottom:0px; 
      padding-left: calc(100vw * (25/1315));
      position: relative;

  }

  .matt .section2 .mat_con .mat_con_text_wrap span {
      text-align: left;
  }

  .matt .section2 .mat_con .mat_con_text_wrap::after {
      content: "";
      width:  calc(100vw * (10/1315));
      height:  calc(100vw * (10/1315));
      background: #333333;
      border-radius: 50%;
      position: absolute;
      left: 0%;
      top:  calc(100vw * (32/1315));
      transform: translate(-50%, 0px);
  }

  .matt .section2 .mat_con .mat_con_text_wrap .p {
      margin-top:calc(100vw * (20/1315));
      margin-bottom:calc(100vw * (20/1315));
  }

  .matt .section2 .mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
  .matt .section2 .mat_con .mat_con_text_wrap .blue_span_16 {
      display: block;
  }

  .tab-content {
      display: none;
  }


  .tab-content.current {
      display: inherit;
      text-align: left;
  }

  .arcodian_qna_wrap .ul,
  .map_toggle_menu_wrap .ul {
      border: none;
  }



  /*메모리폼에 관한 우려영역  */
  .matt .section3 {
      margin-bottom:  calc(100vw * (180/1315));
  }


  .matt .section3_wrap .banner_top {
      width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (500/1315));
      background: url("../img/mat_guide/cl_bg.png") no-repeat;
      background-size: contain;
      padding-top:calc(100vw * (160/1315)); 
      padding-left: calc(100vw * (257/1315)); 
      padding-right: calc(100vw * (257/1315)); 
      padding-bottom:calc(100vw * (157/1315)); 

  }

  .matt .section3_wrap .inner_text {
      text-align: center;
  }

  .matt .section3_wrap .inner_text .span {
      display: block;

  }

  .matt .section3_wrap .inner_text .e_blue_span_nobold20 {
      padding-top: calc(100vw * (21/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (41/1315)); 
      padding-left:0px;
  }

  .matt .section3_wrap .mini_qna .q_title {
      font-weight: bold;
  }

  .matt .section3_wrap .mini_qna_head {
      padding-top: calc(100vw * (82/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (36/1315)); 
      padding-left:0px;
  }

  .matt .section3_wrap .banner_bottom {
      width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (840/1315));
      background: url("../img/mat_guide/baby.jpg") no-repeat;
      background-size: contain;
      padding-top:calc(100vw * (62/1315)); 
      padding-right: calc(100vw * (518/1315)); 
      padding-bottom: calc(100vw * (596/1315)); 
      padding-left: calc(100vw * (60/1315));

      margin-top:calc(100vw * (180/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (120/1315)); 
      margin-left:calc(-100vw * (60/1315)); 
  }

  .matt .section3_wrap .banner_bottom .baby_inner_text {
      text-align: left;
  }

  .matt .section3_wrap .banner_bottom .baby_inner_text .blue_span_nobold30 {
      display: block;
      padding-bottom:  calc(100vw * (32/1315));
  }



  .matt .section3_wrap .link_wrap {
      display: flex;
      justify-content: space-between;
      padding-bottom:  calc(100vw * (200/1315));
  }

  .matt .section3_wrap .link_wrap>div {
      width:  calc(100vw * (662/1315));
      height:  calc(100vw * (422/1315));
      border: 1px solid #bbbbbb;
      padding-top:calc(100vw * (62/1315)); 
      padding-right:calc(100vw * (30/1315));  
      padding-bottom: calc(100vw * (12/1315)); 
      padding-left:calc(100vw * (30/1315));
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;

  }

  .matt .section3_wrap .link_wrap>div .span {
      display: block;
  }

  .matt .section3_wrap .link_wrap>div .span br {
    display: none;
  }

  .matt .section3_wrap .link_wrap>div .text_top .blue_span_bold_line30 {
      padding-bottom:  calc(100vw * (32/1315));
      text-align: center;
      font-size:calc(100vw * (28 / 1315));
  }

  .matt .section3_wrap .link_wrap>div .text_top .st_span {
      padding-top:  calc(100vw * (21/1315));
  }

  .matt .section3_wrap .link_wrap .link_bottom_ {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
      text-align: center;
  }




  .matt .section3_wrap .mat_frame .mf_title {
      padding-bottom:  calc(100vw * (70/1315));
  }

  .matt .section3_wrap .mat_frame .mf_title .span {
      display: block;
      text-align: center;
  }

  .matt .section3_wrap .mat_frame .mf_title .blue_span_bold30 {
      margin-bottom:  calc(100vw * (32/1315));
  }




  .matt .section3_wrap .mf_con_wrap {
      display: flex;
      justify-content: space-between;
  }

  .matt .section3_wrap .mf_con_wrap .top_img {
      width:  calc(100vw * (662/1315));
      height:  calc(100vw * (407/1315));
      padding-bottom:  calc(100vw * (30/1315));
      border-bottom: 1px solid #203465;
  }

  .matt .section3_wrap .mf_con_wrap .bottom_text {
      display: flex;
        padding-top:calc(100vw * (30/1315)); 
        padding-right:0px; 
        padding-bottom: 0px; 
        padding-left: calc(100vw * (40/1315));
  }

  .matt .section3_wrap .mf_con_wrap .bottom_text {}

  .matt .section3_wrap .mf_con_wrap .le_img {
      width:  calc(100vw * (80/1315));
      height:  calc(100vw * (93/1315));
      margin-right:  calc(100vw * (50/1315));
  }




  /* 자주 묻는 질문 영역 */
  .matt .section4_wrap .mini_qna_head {
      padding-bottom:  calc(100vw * (41/1315));
  }

  .matt .section4_wrap .q_title {
      font-weight: bold;
  }

  .matt .section4_wrap .more_link {
      padding-top:calc(100vw * (20/1315)); 
      padding-right:calc(100vw * (40/1315)); 
      padding-bottom: 0px;
      padding-left: 0px;
  }

  .matt .section4_wrap .more_link span {
      text-align: right;
  }

  .matt_guide .mini_qna {
      border: none;
  }



  /* 공통영역  */
  /* 자주 묻는 질문 qna 영역  */

  .matt .customer_qna_desc .arcodian_qna {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin-top:calc(100vw * (10/1315)); 
      margin-right:auto; 
      margin-bottom: 0px;
      margin-left: auto;

      text-align: left;
  }

  .matt .content_qustion {
      padding:  calc(100vw * (40/1315));
      font-size: calc(100vw * (16/1315));
      border-top: 1px solid #bbbbbb;
      position: relative;
      cursor: pointer;
  }

  .matt .map_toggle_menu {
      margin-top:  calc(100vw * (200/1315));
  }

  .matt .arcodian_qna_wrap .ul,
  .matt .map_toggle_menu_wrap .ul {
      border-bottom: 1px solid #bbbbbb;
  }

  .matt .arcodian_qna_wrap .ul,
  .map_toggle_menu_wrap .ul {
      border: none;
  }

  .matt .content_qustion_wrap {
      position: relative;

  }

  .matt .content_qustion_wrap::after {
      content: "";
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .matt .content_answer {
      cursor: pointer;
      display: none;
      padding-bottom:  calc(100vw * (40/1315));
      margin-top:0px; 
      margin-right:calc(100vw * (40/1315)); 
      margin-bottom:0px;
      margin-left: calc(100vw * (40/1315));
  }

  .matt .content_answer_wrap {
      display: flex;
      font-size: calc(100vw * (16/1315));
  }

  .matt .arcodian_qna_wrap .q_title {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:  1.5;
      text-align: left;
      color: #333333;
  }

  .matt .arcodian_qna_wrap .a_desc {
      font-size:  calc(100vw * (16/1315));
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  .matt .mini_qna .ul {
      border-bottom: 1px solid #bbbbbb;
  }

  /* -----------------------------------------------수면 정보 페이지 시작-----------------------------------------------------  */
  .sleep_info .section1 {
      text-align: center;
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (80/1315)); 
      padding-left: 0px;
  }

  .sleep_info .section1 span {
      text-align: center;
  }

  .sleep_info .section2_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .sleep_info .tab_wrap {
      display: flex;
      justify-content: flex-start;
  }

  .sleep_info .tab_wrap .list {
      width:  calc(100vw * (227/1315));
      height:  calc(100vw * (80/1315));
      font-size:  calc(100vw * (22/1315));
      padding-top:calc(100vw * (26/1315));
      line-height: 1.5;
      text-align: center;
      color: #dddddd;
      border-bottom: 4px solid #dddddd;
      cursor: pointer;
  }

  .sleep_info .tab_wrap .list.current {
      color: #203465;
      font-weight: bold;
      border-bottom: 4px solid #203465;
  }

  .sleep_info .tab-content {
      display: none;
  }


  .sleep_info .tab-content.current {
      display: inherit;
  }

  .sleep_info .con_container .con_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
  }

  .sleep_info .con_container .title_wrap {
      padding-top:calc(100vw * (60/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: 0px; 
             text-align: center;
  }

  .sleep_info .con_container .title_wrap span {
      display: block;
  }

  .sleep_info .con_container .title_wrap .dark_span_nobold18 {
      padding-top:  calc(100vw * (22/1315));
  }

  .sleep_info .con_container .con_box {
      width:  calc(100vw * (420/1315));
      height:  calc(100vw * (600/1315));
      margin-bottom:  calc(100vw * (60/1315));
  }

  .sleep_info .con_container .con_box .con_img,
  .sleep_info .con_container .con_box .con_desc {
      width:  calc(100vw * (420/1315));
      height:  calc(100vw * (300/1315));
  }

  .sleep_info .con_container .con_box .con_img {
      border: 1px solid #dddddd;
  }

  .sleep_info .con_container .con_box .con_desc {
      padding:calc(100vw * (30/1315));
      background-color: #fbfbfe;
  }

  .sleep_info .con_container .con_box .con_desc span {
      display: block;
  }

  .sleep_info .con_container .con_box .con_desc .blue_bold18_ {
      text-align: left;
  }

  .sleep_info .con_container .con_box .con_desc .dark_span_nobold16 {
      padding-top:calc(100vw * (31/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (111/1315)); 
      padding-left: 0px;  
    }


  .sleep_info .paging_wrap .ul {
      border: none;
  }


  /* -----------------------------------------------베스트 메트리스 페이지 시작-----------------------------------------------------  */

  .best_matt .section1_wrap,
  .best_matt .section2_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }


  .best_matt .section1_wrap .link_wrap {
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (60/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #dddddd;
  }

  .best_matt .section1_wrap .link_wrap .link {
      display: inline-block;
      padding-right:  calc(100vw * (10/1315));
      margin-right:  calc(100vw * (10/1315));
      position: relative;
  }

  .best_matt .section1_wrap .link_wrap .link:nth-child(1)::after,
  .best_matt .section1_wrap .link_wrap .link:nth-child(2)::after {
      content: "";
      width: 1px;
      height:  calc(100vw * (10/1315));
      position: absolute;
      right: 0%;
      top: 10%;
      background: #333333;
      transform: translate(0, 50%);
  }

  .best_matt .section1_wrap .link_wrap .link .span {
      font-size:  calc(100vw * (14/1315));
      line-height:  calc(100vw * (14/1315));
      text-align: left;
  }

  .best_matt .section1_wrap .link_wrap .span.current {
      font-weight: bold;
      color: #203465;
  }


  /* title   */
  .best_matt .big_title {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding-top:calc(100vw * (53/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (82/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #dddddd;
  }

  .best_matt .big_title .span {
      display: inline-block;
      vertical-align: top;
  }

  .best_matt .big_title .e_blue_span_bold_line80:nth-child(1) {
      margin-right:  calc(100vw * (54/1315));

  }

  .best_matt .big_title .e_blue_span_bold80 {
      display: block;
      height:  calc(100vw * (59/1315));
      margin-top:  calc(100vw * (70/1315));
  }

  .best_matt .sub_title_wrap {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-bottom:  calc(100vw * (36/1315));
  }


  .best_matt .sub_title_wrap .t_img {
      display: block;
      width:  calc(100vw * (32/1315));
      height:  calc(100vw * (32/1315));
      margin-right:  calc(100vw * (25/1315));
  }

  .best_matt .sub_title_wrap .span {
      font-size:  calc(100vw * (30/1315));
      line-height:  calc(100vw * (28/1315));
      text-align: left;
      color: #203465;
  }

  .best_matt .section2_wrap {
      height:  calc(100vw * (1409/1315));
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .best_matt .section2_wrap .top_box {
      width:  calc(100vw * (570/1315));
      height:  calc(100vw * (540/1315));
      background-color: #333333;
  }

  .best_matt .section2_wrap .con_text {
      padding-top:calc(100vw * (31/1315)); 
      padding-right:0px; 
      padding-bottom: 0px;
      padding-left: calc(100vw * (10/1315)); 
      }



  /* section3  */

  .best_matt .section3_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .best_matt .section3_wrap .link_wrap {
      display: flex;
      justify-content: space-between;
      padding-top:  calc(100vw * (182/1315));
  }

  .best_matt .section3_wrap .link_wrap>div {
      width:  calc(100vw * (662/1315));
      height:  calc(100vw * (180/1315));
      border: 1px solid #bbbbbb;
      padding:calc(100vw * (60/1315)); 
       
      text-align: center;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .best_matt .section3_wrap .link_wrap>div .span {
      display: block;
      line-height: 1.5;
  }


  .best_matt .section3_wrap .link_wrap .link_bottom_ {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
      text-align: center;
  }

  /* -----------------------------------------------매트리스 사이즈 페이지 시작-----------------------------------------------------  */
  .matt_size {
      padding-top:  calc(100vw * (130/1315));
  }

  .matt_size .section1 {
      text-align: center;
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (60/1315)); 
      padding-left: 0px;     }

  .matt_size .section1 span {
      text-align: center;
  }

  .matt_size .section2 {
      width: 100%;
      padding-top:calc(100vw * (82/1315)); 
      padding-right:calc(100vw * (278/1315)); 
      padding-bottom: calc(100vw * (200/1315)); 
      padding-left: calc(100vw * (278/1315));         background: #fbfbfe;
  }

  .matt_size .section2_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_size .section2_wrap .title_ {
      text-align: center;
  }

  .matt_size .section2_wrap .blue_span_bold24 {
      display: block;
      margin-bottom:  calc(100vw * (22/1315));
  }

  .matt_size .top_con .content_warp {
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
      margin-top:  calc(100vw * (100/1315));
      padding-bottom:  calc(100vw * (100/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .matt_size .content_warp .con_box {
      text-align: center;
      width:  calc(100vw * (260/1315));
  }

  .matt_size .content_warp .con_box>.span {
      display: inline-block;
      padding-top:  calc(100vw * (32/1315));
  }

  .matt_size .top_con .single_box {
      width:  calc(100vw * (120/1315));
      height:  calc(100vw * (220/1315));
      background: none;
      border-radius:calc(100vw * (5/1315));
  }

  .matt_size .top_con .single_box,
  .matt_size .top_con .queen_box,
  .matt_size .top_con .king_box,
  .matt_size .top_con .large_king_box {
      height:  calc(100vw * (220/1315));
  }

  .matt_size .inner_box {
      background: #ffffff;
      position: relative;
      border: 1px solid #dddddd;
      border-radius:  calc(100vw * (5/1315));
  }

  .matt_size .single_box .inner_box {
      width:  calc(100vw * (110/1315));
      height:  calc(100vw * (203/1315));

  }

  .matt_size .queen_box .inner_box {
      width:  calc(100vw * (153/1315));
      height:  calc(100vw * (203/1315));

  }

  .matt_size .king_box .inner_box {
      width:  calc(100vw * (163/1315));
      height:  calc(100vw * (203/1315));

  }

  .matt_size .large_king_box .inner_box {
      width:  calc(100vw * (183/1315));
      height:  calc(100vw * (203/1315));

  }


  .matt_size .h_box,
  .matt_size .w_box {
      position: absolute;
  }

  .matt_size .w_box {
      width: 100%;
      height: 1px;
      left: 0%;
      bottom: calc(-100vw * (17/1315));
      background: #bbbbbb;
  }

  .matt_size .h_box {
      width: 1px;
      height: 100%;
      right:  calc(-100vw * (10/1315));
      top: 0%;
      background: #bbbbbb;
  }

  .matt_size .h_box .span {
      position: absolute;
      top: 50%;
      transform: translate(-5%, -50%);
      display: inline-block;
      height:  calc(100vw * (42/1315));
      background: #fbfbfe;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (10/1315)); 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: 0px;     }

  .matt_size .w_box .span {
      position: absolute;
      display: block;
      width:  calc(100vw * (50/1315));
      text-align: center;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fbfbfe;
  }


  /* bottom 영역 */

  .matt_size .bottom_con {
      padding-top:  calc(100vw * (82/1315));
  }

  .matt_size .bottom_con .inner_box {
      background: #ffffff;
      position: relative;
      border: 1px solid #dddddd;
      border-radius:  calc(100vw * (5/1315));
  }

  .matt_size .bottom_con .single_box .inner_box {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (100/1315));

  }

  .matt_size .bottom_con .queen_box .inner_box {
      width:  calc(100vw * (80/1315));
      height:  calc(100vw * (110/1315));

  }

  .matt_size .bottom_con .king_box .inner_box {
      width:  calc(100vw * (110/1315));
      height:  calc(100vw * (120/1315));

  }

  .matt_size .bottom_con .large_king_box .inner_box {
      width:  calc(100vw * (130/1315));
      height:  calc(100vw * (140/1315));

  }

  .matt_size .bottom_con .content_warp {
      display: flex;
      flex-wrap:wrap;
      justify-content: space-evenly;
      padding-top:  calc(100vw * (60/1315));
  }

  .matt_size .bottom_con .con_box {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      text-align: left;
      margin-bottom:  calc(100vw * (50/1315));
  }

  .matt_size .bottom_con .content_warp .span {
      display: block;
      padding-left:  calc(100vw * (20/1315));
  }

  .matt_size .bottom_con .blue_bold18_ {
      text-align: left;
  }





  .matt_size .pc_foo {
      margin-top: 0px;
  }

  /* matt_guide, matt_guide_sleep_info, matt_guide_size, matt_guide_best 영역 끝  */

  /* frame_entry, matt_entry, hybrid_entry pillow_entry  영역시작  */

  /* purchase_frame 영역  */
  /* 좌측 링크 영역 */
  .purchase_frame {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (130/1315));
  }

  .purchase_frame_wrap {
      width: 100%;
      max-width:  calc(100vw * (1740/1315));
      display: flex;
      justify-content: space-between;
  }

  .purchase_frame_wrap .section1 {
      width:  calc(100vw * (400/1315));
      height:  calc(100vw * (940/1315));
      position: relative;
      background:url("../img/purchase_frame/frame_02.jpg")no-repeat;
      background-size: cover;
  }

  .purchase_frame_wrap .section1 .frame_img {
    display: none;
  }

  .purchase_frame_wrap .section1::after {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0%;
      left: 0%;
      z-index: 0;
  }

  .purchase_frame_wrap .section2 {
      padding-top:calc(100vw * (100/1315)); 
      padding-right:calc(100vw * (16/1315)); 
      padding-bottom: 0px;
      padding-left:calc(100vw * (20/1315)); 
      }

  .purchase_frame_wrap .link_text .title_ {
      display: inline-block;
      font-family: Eina01;
      font-size:  calc(100vw * (40/1315));
      font-weight: bold;
      line-height:  calc(100vw * (40/1315));
      text-align: center;
      color: #ffffff;
      padding-bottom:  calc(100vw * (40/1315));
  }


  .purchase_frame .link_text {
      width:  calc(100vw * (116/1315));
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      text-align: center;
      margin-bottom:  calc(100vw * (10/1315));
  }

  .purchase_frame_wrap .sub_title {
      display: inline-block;
      width:  calc(100vw * (116/1315));
      height:  calc(100vw * (53/1315));
      font-family: 'Eina01',sans-serif;
      font-size:  calc(100vw * (20/1315));
      line-height:  calc(100vw * (20/1315));
      text-align: center;
      color: #ffffff;
  }

  .purchase_frame_wrap .line_ {
      display: inline-block;
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
      border-radius: 50%;
      border: 1px solid #ffffff;
      position: relative;

  }

  .purchase_frame_wrap .line_ .img {
      width:  calc(100vw * (16/1315));
      height:  calc(100vw * (16/1315));
      position: absolute;
      top: 50%;
      left: 55%;
      transform: translate(-50%, -50%);
  }

  /* 우측 컨텐츠 영역 */
  /* 헤딩 영역 */
  .purchase_frame .section2 {
      width:  calc(100vw * (1340/1315));
  }

  .purchase_frame .section_heading {
      padding-bottom:  calc(100vw * (50/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .purchase_frame .section_heading_wrap {
      display: flex;
      justify-content: space-between;
  }

  .purchase_frame .section_heading_wrap .h_title .span {
      font-size:  calc(100vw * (30/1315));
      line-height:  calc(100vw * (45/1315));
      text-align: left;
      color: #333333;
  }

  .purchase_frame .section_heading_wrap .h_sub_title .span {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (26/1315));
      text-align: right;
      color: #333333;
  }

  /* 컨텐츠 영역  */
  .purchase_frame .con {
      padding-top:  calc(100vw * (80/1315));
  }

  .purchase_frame .con_box,
  .purchase_frame .con_desc .con_title_wrap,
  .purchase_frame .con_star_wrap,
  .purchase_frame .star_left
 {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .purchase_frame .star_right .icons {
    display: none;
  }
  .purchase_frame .hash_tag {
      display: flex;
  }


  .purchase_frame .hash_tag span {
      margin-left:  calc(100vw * (10/1315));
      color: #203465;
  }

  .purchase_frame .con_box {
      padding-bottom:  calc(100vw * (100/1315));
  }

  .purchase_frame .con_wrap .con_desc {
      padding-top:calc(100vw * (40/1315)); 
      padding-right:calc(100vw * (10/1315)); 
      padding-bottom: 0px;
      padding-left: calc(100vw * (10/1315));
       }

  .purchase_frame .con_title_wrap .con_title .span {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:  calc(100vw * (30/1315));
      text-align: left;
      color: #203465;
  }

  .purchase_frame .content_con .con_price {
      font-family: Eina01;
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:  calc(100vw * (30/1315));
      color: #203465;
  }

  .purchase_frame .con .con_img {
      width:  calc(100vw * (450/1315));
      height: x calc(100vw * (366/1315));
      position: relative;
  }

  .purchase_frame .con .con_img::after {
      content: "EVENT";
      display: inline-block;
      width:  calc(100vw * (100/1315));
      height:  calc(100vw * (40/1315));
      background: #ff6f6f;
      position: absolute;
      left: 0%;
      top: 0%;
      padding-top:  calc(100vw * (7/1315));
      color: #ffffff;
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height: calc(100vw * (30/1315));
      text-align: center;
  }


  .purchase_frame .con_star_wrap {
      margin-top:calc(100vw * (30/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (30/1315)); 
      margin-left: 0px;

  }

  .purchase_frame .star_left .review_wrap {
      margin-left:  calc(100vw * (10/1315));

  }

  .purchase_frame .star_left .review_wrap .link {
      border-bottom: 1px solid #203465;
      font-size:  calc(100vw * (14/1315));
      line-height:  calc(100vw * (24/1315));
      text-align: left;
      color: #203465;
  }

  .purchase_frame .star_right .basket_icon {
      margin-left:  calc(100vw * (15/1315));
  }

  .purchase_frame .con_desc .con_star .ul {
      display: flex;
  }

  .purchase_frame .con_desc .con_star .ul .list {
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
  }

  .purchase_frame .con_desc .star_right .icons .link {
      display: inline-block;
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
  }


  /* 하단 더 알아보기 영역  */
  .purchase_frame .more_ {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding-top:calc(100vw * (30/1315)); 
      padding-right:calc(100vw * (30/1315)); 
      padding-bottom: calc(100vw * (30/1315)); 
      padding-left: calc(100vw * (40/1315)); 
              border-bottom: 1px solid #bbbbbb;
  }

  .purchase_frame .more_ .title_ {
      display: inline-block;
      font-size:  calc(100vw * (24/1315));
      font-weight: bold;
      line-height: 1.7;
      text-align: left;
      color: #203465;
      padding-bottom:  calc(100vw * (20/1315));
  }

  .purchase_frame .more_ .desc {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:  calc(100vw * (32/1315));
      text-align: left;
      color: #333333;
  }

  .purchase_frame .more_ .link {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:  calc(100vw * (32/1315));
      text-align: left;
      color: #203465;
  }




  /* 자주 묻는 질문 qna 영역  */

  .purchase_frame .mini_qna .ul {
      border-bottom: 1px solid #bbbbbb;
  }

  .purchase_frame .content_qustion {
      padding: calc(100vw * (10 / 428));
      position: relative;
      cursor: pointer;
      border-top: 1px solid #bbbbbb;
  }


  .purchase_frame .content_qustion_wrap {
      position: relative;

  }

  .purchase_frame .content_qustion_wrap .q_title {
      font-weight: bold;
  }

  .purchase_frame .content_qustion_wrap::after {
      content: "";
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .purchase_frame .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom: calc(100vw * (20 / 428));
      padding-left: calc(100vw * (10 / 428));
  }

  .purchase_frame .content_answer_wrap {
      display: flex;
      font-size: calc(100vw * (16 / 428));
  }

  .purchase_frame .arcodian_qna_wrap .q_title {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:  calc(100vw * (28/1315));
      text-align: left;
      color: #333333;
  }

  .purchase_frame .arcodian_qna_wrap .a_desc {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (30/1315));
      text-align: left;
      color: #333333;
  }

  .purchase_frame .purchase_frame .star_right {
      display: none;
  }


  /* 메모리폼 시작 페이지 시작  */
  /* purchase_matt 영역  */
  /* 좌측 링크 영역 */
  #wrap_content .purchase_matt .span {
      display: block;
  }

  .purchase_matt {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (130/1315));
  }

  .purchase_matt_wrap {
      width: 100%;
      max-width:  calc(100vw * (1740/1315));
      display: flex;
      justify-content: space-between;
  }


  .purchase_matt_wrap .section1 {
    width: calc(100vw * (400/1315));
    height: calc(100vw * (940/1315));
    position: relative;
    background: url("../img/purchase_mattresses/left_bg.jpg")no-repeat;
    background-size: cover;
  }

  .purchase_matt_wrap .section1 .frame_img {
    display:none;
  }
  .purchase_matt_wrap .section1::after {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0%;
      left: 0%;
      z-index: 0;
  }

  .purchase_matt_wrap .section2 {
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: calc(100vw * (20/1315));   }

  .purchase_matt_wrap .link_text .sub_title {
      margin: 0 auto;
  }

  .purchase_matt_wrap .link_text .link .span {
      text-align: center;
      margin: 0 auto;
  }

  .purchase_matt_wrap .link_text .title_ {
      display: inline-block;
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (40/1315));
      font-weight: bold;
      text-align: center;
      color: #ffffff;
      padding-bottom:  calc(100vw * (20/1315));
  }

  .purchase_matt_wrap .link_text .white_span14px {
    width: calc(100vw * (200/1315));
    margin-bottom: calc(100vw * (30/1315));
    font-weight: 400;
    word-break: keep-all;
    margin: 0 auto;
  }


  .purchase_matt .link_text {
      width:  calc(100vw * (400/1315));
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      text-align: center;
      margin-bottom:  calc(100vw * (10/1315));
  }

  .purchase_matt_wrap .sub_title {
      display: inline-block;
      font-family: 'Eina01',sans-serif;
      font-size:  calc(100vw * (20/1315));
      line-height:  calc(100vw * (20/1315));
      text-align: center;
      color: #ffffff;
  }

  .purchase_matt_wrap .line_ {
      display: inline-block;
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
      border-radius: 50%;
      border: 1px solid #ffffff;
      position: relative;

  }

  .purchase_matt_wrap .line_ .img {
      width:  calc(100vw * (16/1315));
      height:  calc(100vw * (16/1315));
      position: absolute;
      top: 50%;
      left: 55%;
      transform: translate(-50%, -50%);
  }

  /* 우측 컨텐츠 영역 */
  /* 헤딩 영역 */
  .purchase_matt .section2 {
      width:  calc(100vw * (1014/1315));
      padding-right: calc(100vw * (10 / 428));
  }

  .purchase_matt .section_heading {
      padding-bottom:  calc(100vw * (50/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .purchase_matt .section_heading_wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap:wrap;
  }


  .purchase_matt .section_heading_wrap .h_title .span {
      font-size:  calc(100vw * (30/1315));
      line-height:  calc(100vw * (45/1315));
      text-align: left;
      color: #333333;
  }

  .purchase_matt .section_heading_wrap .h_sub_title .span {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (26/1315));
      text-align: left;
      color: #333333;
      padding-top:calc(100vw*(20/1315));
  }

  .purchase_matt .section_heading_wrap .h_sub_title .link:active {
      color: #203465;

  }

  .purchase_matt .section_heading_wrap .h_sub_title .link {
      color: #203465;
      font-weight: bold;
      border-bottom: 1px solid #203465;
  }

  /* acordian_wrap 영역  */
  .purchase_matt .acordian_wrap {
      display: flex;
      flex: 1 1 0;
      justify-content: space-between;      
      padding-right:0px; 
      padding-left: 0px; 
      align-items: center;
  }

  .purchase_matt .acordian_wrap .e_blue_span_bold22 {
      text-align: center;
  }

  .purchase_matt .acordian_wrap>div {
      flex-basis:  calc(100vw * (400/1315));
      text-align: center;
  }

  .purchase_matt .position_wrap .ul,
  .purchase_matt .hardness_wrap .ul {
      position: relative;
  }

  .purchase_matt .content_qustion {
      cursor: pointer;
      display: flex;
      justify-content: center;
      border:none;
  }

  .purchase_matt .content_qustion .span {
      display: inline-block;
      text-align: center;
  }

  .purchase_matt .content_qustion .span:nth-child(2) {
      width:  calc(100vw * (16/1315));
      height:  calc(100vw * (16/1315));
      margin-left:  calc(100vw * (7/1315));
  }



  .purchase_matt .content_answer {
      padding-top:calc(100vw * (30/1315)); 
      padding-right:calc(100vw * (76/1315));  
      padding-bottom: calc(100vw * (30/1315)); 
      padding-left: calc(100vw * (76/1315));  

      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: rgba(255, 255, 255, 0.95);
      position: absolute;
      left: 0px;
      top:  calc(100vw * (71/1315));
      z-index: 10;
  }

  .purchase_matt .position_wrap .chec_box {
      width:  calc(100vw * (120/1315));
      padding-bottom:  calc(100vw * (44/1315));
  }

  .purchase_matt .position_wrap .chec_box .blue_span_16 {
      text-align: center;
      padding-bottom:  calc(100vw * (11/1315));
  }

  .purchase_matt .position_wrap .chec_box .img {
      width:  calc(100vw * (85/1315));
      height:  calc(100vw * (118/1315));
  }


  .purchase_matt .hardness_wrap .content_answer {
      padding-left:calc(100vw * (100/1315));
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: rgba(255, 255, 255, 0.95);
      position: absolute;
      left: 0px;
      top: calc(100vw * (71/1315));
      z-index: 10;
  }

  .purchase_matt .hardness_wrap .chec_box {
      width:  calc(100vw * (400/1315));
      height: calc(100vw * (97/1315));
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }

  .purchase_matt .hardness_wrap .chec_box .img {
    display:block;  
    width:  calc(100vw * (40/1315));
      height:  calc(100vw * (28/1315));

      margin-top:0px;
      margin-right:calc(100vw * (20/1315)); 
      margin-bottom: 0px;
      margin-left: calc(100vw * (30/1315)); 
  }


  /* 컨텐츠 영역  */
  .purchase_matt .con_box,
  .purchase_matt .con_desc .con_title_wrap,
  .purchase_matt .con_star_wrap,
  .purchase_matt .star_left,
  .purchase_matt .star_right .icons,
  .purchase_matt .hash_tag {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .purchase_matt .con_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
  }

  .purchase_matt .hash_tag .span {
      margin-left:  calc(100vw * (5/1315));
      font-size:  calc(100vw * (14/1315));
      line-height:1.5;
      text-align: right;
      color: #203465;
  }

  .purchase_matt .con_box {
      padding-bottom:  calc(100vw * (100/1315));
  }

  .purchase_matt .content_con {
      width:  calc(100vw * (460/1315));
      margin-top:0px;
      margin-right:calc(100vw * (20/1315));  
      margin-bottom: calc(100vw * (80/1315)); 
      margin-left: 0px;
  }

  .purchase_matt .content_con:nth-child(3n) {
      margin-bottom: calc(100vw * (80/1315)); 
  }


  .purchase_matt .con_wrap .con_desc {
      padding-top:calc(100vw * (40/1315)); 
      padding-right:calc(100vw * (10/1315)); 
      padding-bottom: 0px;
      padding-left: calc(100vw * (10/1315)); 
  }
  .purchase_matt .con_title_wrap .con_title .span {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:  calc(100vw * (30/1315));
      text-align: left;
      color: #203465;
  }

  .purchase_matt .content_con .con_price {
      font-family: 'Eina01',sans-serif;
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:  calc(100vw * (30/1315));
      color: #203465;
      display: flex;
      justify-content: space-between;
  }

  .purchase_matt .con .con_img {
      width:  calc(100vw * (403/1315));
      height:  calc(100vw * (340/1315));
      position: relative;
  }

  .purchase_matt .con .content_con:hover .con_img>.hover_box {
      display: block;
  }


  .purchase_matt .content_con .hover_box {
      width:  calc(100vw * (400/1315));
      height:  calc(100vw * (340/1315));
      padding-top:calc(100vw * (100/1315)); 
      padding-right:calc(100vw * (35/1315));  
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: calc(100vw * (35/1315));  
      position: absolute;
      left: 0px;
      top: 0px;
      background: rgba(0, 0, 0, 0.5);
      display: none;
  }

  .purchase_matt .content_con .hover_box .link {
      display: block;
      width:  calc(100vw * (324/1315));
      height:  calc(100vw * (60/1315));
      margin-bottom:  calc(100vw * (10/1315));
      padding-top:calc(100vw * (12/1315)); 
      
      padding-bottom: calc(100vw * (19/1315)); 
      text-align: center;
      border: 1px solid  #203465;
      background-color: #ffffff;
  }

  .purchase_matt .content_con .hover_box .link:first-child {
      background: #203465;
      color: #ffffff;
  }


  .purchase_matt .con_star_wrap {
      margin-top:calc(100vw * (30/1315));
      margin-bottom:calc(100vw * (30/1315));
  }

  .purchase_matt .center_line {
      padding-left:  calc(100vw * (7/1315));
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (18/1315));
      font-weight: 300;
      line-height:  calc(100vw * (28/1315));
      color: #707070;
      text-decoration: line-through;
  }

  .purchase_matt .star_left .review_wrap {
      margin-left:  calc(100vw * (10/1315));

  }

  .purchase_matt .star_left .review_wrap .link {
      border-bottom:1px solid #203465;
      font-size:  calc(100vw * (14/1315));
      line-height:  calc(100vw * (24/1315));
      text-align: left;
      color: #203465;
  }

  .purchase_matt .star_right .basket_icon {
      margin-left:  calc(100vw * (15/1315));
  }

  .purchase_matt .con_desc .con_star .ul {
      display: flex;
  }

  .purchase_matt .con_desc .con_star .ul .list {
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
  }

  .purchase_matt .con_desc .star_right .icons .link {
      display: inline-block;
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
  }


  /* 하단 더 알아보기 영역  */
  .purchase_matt .more_info_wrap {
      display: flex;
      align-items: center;
  }

  .purchase_matt .more_info_wrap .more_img {
      width:  calc(100vw * (400/1315));
      height:  calc(100vw * (320/1315));
  }

  .purchase_matt .more_info_wrap .more_img .img {
      height: 100%;
  }

  .purchase_matt .more_info_wrap .more_text {
      width:  calc(100vw * (870/1315));
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (93/1315));  
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: calc(100vw * (50/1315));   
      background-color: #fafafb;
  }

  .purchase_matt .more_info_wrap .more_text .blue_span_bold24 {
      text-align: left;
      margin-bottom:  calc(100vw * (20/1315));
      margin-top:  calc(100vw * (20/1315));
  }
  
  .purchase_matt .more_info_wrap .more_text .span  {
    font-size:calc(100vw * (14 / 1315));
  }
  .purchase_matt .more_info_wrap .more_text .link .span {
      margin-top:  calc(100vw * (42/1315));
      text-align: right;
      
  }

  .purchase_matt .m_span,
  .purchase_matt .m_heading_text {
      display: none;
  }

  /* 메모리폼 시작 페이지 끝  */

  /* 배게 시작 페이지 시작  */
  /* purchase_pillow 영역  */
  /* 좌측 링크 영역 */
  #wrap_content .purchase_pillow .span {
      display: block;
  }

  .purchase_pillow {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (130/1315));
  }

  .purchase_pillow_wrap {
      width: 100%;
      max-width:  calc(100vw * (1740/1315));
      display: flex;
      justify-content: space-between;
  }

  .purchase_pillow_wrap .section1 {
    width: calc(100vw * (400/1315));
    height: calc(100vw * (940/1315));
    position: relative;
    background: url("../img/purchase_pillow/left_bg.jpg")no-repeat;
    background-size: cover;
  }
  .purchase_pillow_wrap .section1 .frame_img {
    display: none;
  }
  .purchase_pillow_wrap .section1::after {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0%;
      left: 0%;
      z-index: 0;
  }

  .purchase_pillow_wrap .section2 {
      padding-top:calc(100vw * (100/1315)); 
      padding-right:calc(100vw * (12/1315)); 
      padding-left:calc(100vw * (25/1315)); 
      padding-bottom: 0px;    
  }

  .purchase_pillow_wrap .link_text .sub_title {
      margin: 0 auto;
  }

  .purchase_pillow_wrap .link_text .link .span {
      text-align: center;
      margin: 0 auto;
  }

  .purchase_pillow_wrap .link_text .title_ {
      display: inline-block;
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (40/1315));
      font-weight: bold;
      text-align: center;
      color: #ffffff;
      padding-bottom:  calc(100vw * (20/1315));
  }

  .purchase_pillow_wrap .link_text .white_span14px {
      margin-bottom:  calc(100vw * (30/1315));
      font-weight: 400;
  }


  .purchase_pillow .link_text {
      width:  calc(100vw * (400/1315));
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      text-align: center;
      margin-bottom:  calc(100vw * (10/1315));
  }

  .purchase_pillow_wrap .sub_title {
      display: inline-block;
      font-family: Eina01;
      font-size:  calc(100vw * (20/1315));
      line-height:  calc(100vw * (20/1315));
      text-align: center;
      color: #ffffff;
  }

  .purchase_pillow_wrap .line_ {
      display: inline-block;
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
      border-radius: 50%;
      border: 1px solid #ffffff;
      position: relative;

  }

  .purchase_pillow_wrap .line_ .img {
      width:  calc(100vw * (16/1315));
      height:  calc(100vw * (16/1315));
      position: absolute;
      top: 50%;
      left: 55%;
      transform: translate(-50%, -50%);
  }

  /* 우측 컨텐츠 영역 */
  /* 헤딩 영역 */
  .purchase_pillow .section2 {
      width:  calc(100vw * (1315/1315));
  }

  .purchase_pillow .section_heading {
      padding-bottom:  calc(100vw * (50/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .purchase_pillow .section_heading_wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap:wrap;
  }

  .purchase_pillow .section_heading_wrap .h_title .span {
      font-size:  calc(100vw * (30/1315));
      line-height:  calc(100vw * (45/1315));
      text-align: left;
      color: #333333;
  }

  .purchase_pillow .section_heading_wrap .h_sub_title .span {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (26/1315));
      text-align: left;
      color: #333333;
      padding-top:calc(100vw*(20/1315));
  }

  .purchase_pillow .section_heading_wrap .h_sub_title .link:active {
      color: #203465;

  }

  .purchase_pillow .section_heading_wrap .h_sub_title .link {
      color: #203465;
      font-weight: bold;
      border-bottom: 1px solid #203465;
  }


  /* 컨텐츠 영역  */
  .purchase_pillow .con_box,
  .purchase_pillow .con_desc .con_title_wrap,
  .purchase_pillow .con_star_wrap,
  .purchase_pillow .star_left,
  .purchase_pillow .star_right .icons,
  .purchase_pillow .hash_tag {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .purchase_pillow .con_box {
      display: flex;
      flex-wrap: wrap;
      justify-content:flex-start;
      align-items: center;
  }

  .purchase_pillow .hash_tag .span {
      margin-left:  calc(100vw * (5/1315));
      font-size:  calc(100vw * (14/1315));
      line-height:  calc(100vw * (24/1315));
      text-align: right;
      color: #203465;
  }

  .purchase_pillow .con_box {
      padding-top:calc(100vw * (80/1315)); 
      padding-right:0px; 
      padding-bottom: 0px; 
      padding-left: 0px;     }

  .purchase_pillow .content_con {
    width:calc(100vw * (450 / 1315));
      margin-top:0px;  
      margin-right:0px; 
      margin-bottom: calc(100vw * (80/1315)); 
      margin-left: 0px;
  }

  .purchase_pillow .content_con:nth-child(3n) {
      margin-top:0px;  
      margin-right:0px; 
      margin-bottom: calc(100vw * (80/1315)); 
      margin-left: 0px;    }


  .purchase_pillow .con_wrap .con_desc {
      padding-top:calc(100vw * (40/1315)); 
      padding-right:calc(100vw * (10/1315)); 
      padding-bottom: 0px; 
      padding-left: calc(100vw * (10/1315));    
   }

  .purchase_pillow .con_title_wrap .con_title .span {
      font-size:  calc(100vw * (20/1315));
      font-weight: bold;
      line-height:  1.5;
      text-align: left;
      color: #203465;
  }

  .purchase_pillow .content_con .con_price {
      font-family: 'Eina01',sans-serif;
      font-size:  calc(100vw * (20/1315));
      font-weight: bold;
      line-height: 1.5;
      color: #203465;
      display: flex;
      justify-content: space-between;
  }

  .purchase_pillow .con .con_img {
      width:  calc(100vw * (450/1315));
      height:  calc(100vw * (255/1315));
      position: relative;
  }

  .purchase_pillow .con .content_con:hover .con_img>.hover_box {
      display: block;
  }


  .purchase_pillow .content_con .hover_box {
      width: 100%;
      height: 100%;

      padding-top: calc(100vw * (65/1315));
      padding-right: calc(100vw * (35/1315));
      padding-bottom: calc(100vw * (65/1315));
      padding-left: calc(100vw * (65/1315));
      position: absolute;
      left: 0px;
      top: 0px;
      background: rgba(0, 0, 0, 0.5);
      display: none;
  }

  .purchase_pillow .content_con .hover_box .button {
      width:  calc(100vw * (324/1315));
      height:  calc(100vw * (60/1315));
      margin-bottom:  calc(100vw * (10/1315));
      padding-top:calc(100vw * (20/1315)); 
      padding-right:calc(100vw * (130/1315)); 
      padding-bottom: calc(100vw * (19/1315)); 
      padding-left: calc(100vw * (130/1315)); 
      border: 1px solid #203465;
      background-color: #ffffff;
  }

  .purchase_pillow .content_con .hover_box .link {
      display: block;
      width:  calc(100vw * (324/1315));
      height:  calc(100vw * (60/1315));
      margin-bottom:  calc(100vw * (10/1315));
      padding-top:calc(100vw * (20/1315)); 
      padding-right:calc(100vw * (130/1315)); 
      padding-bottom: calc(100vw * (19/1315)); 
      padding-left: calc(100vw * (130/1315));
      background-color: #ffffff;
  }

  .purchase_pillow .content_con .hover_box .link:first-child {
      background: #203465;
      color: #ffffff;
  }


  .purchase_pillow .con_star_wrap {
      margin:  calc(100vw * (30/1315)) 0;
  }

  .purchase_pillow .star_left .review_wrap {
      margin-left:  calc(100vw * (10/1315));

  }

  .purchase_pillow .star_left .review_wrap .link {
      border-bottom: 1px solid #203465;
      font-size:  calc(100vw * (14/1315));
      line-height:1.5;
      text-align: left;
      color: #203465;
  }

  .purchase_pillow .star_right .basket_icon {
      margin-left:  calc(100vw * (15/1315));
  }

  .purchase_pillow .con_desc .con_star .ul {
      display: flex;
  }

  .purchase_pillow .con_desc .con_star .ul .list {
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
  }

  .purchase_pillow .con_desc .star_right .icons .link {
      display: inline-block;
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
  }


  /* 배게 시작 페이지 끝  */
  /* frame_entry, matt_entry, hybrid_entry pillow_entry  영역 끝  */

  /* 상세 페이지 공통 영역 시작  */


  /* product_detail_common 영역  */
  .m_link_wrap,
  .m_img_wrap,
  .m_contetns,
  .m_s_table,
  .m_review_box,
  .m_con_head,
  .m_con_text,
  .the_motion_ .m_section4_wrap,
  .m_sec_09,
  .popup_wrap {
      display: none;
  }

  .buy_flow {
      margin-bottom:  calc(100vw * (100/1315));
  }

  .buyflow_wrap {
      height:  calc(100vw * (933/1315));
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .product_detail_common_wrap .section1 {
      margin-bottom:  calc(100vw * (100/1315));
  }

  .product_detail_common {
      width: 100%;
      padding-top:inherit;
  }

  .w_1670 {
      width: 100%;
      max-width:  calc(100vw * (1670/1315));
      margin: 0 auto;
  }


  .product_detail_common .link_wrap {}

  .product_detail_common .link_wrap .link {
      display: inline-block;
      padding-right:  calc(100vw * (10/1315));
      margin-right:  calc(100vw * (10/1315));
      position: relative;
  }

  .product_detail_common .link_wrap .link:nth-child(1)::after,
  .product_detail_common .link_wrap .link:nth-child(2)::after {
      content: "";
      width: 1px;
      height:  calc(100vw * (10/1315));
      position: absolute;
      right: 0%;
      top: 10%;
      background: #333333;
      transform: translate(0, 50%);
  }

  .product_detail_common .link_wrap .link .span {

      color: #333333;
  }

  .product_detail_common .link_wrap .span.current {
      font-weight: bold;
      color: #203465;
  }

  .left_side {
    width: 27%;
      height: 65%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .icons_wrap .span {
      display: inline-block;
      width:  calc(100vw * (75/1315));
      height:  calc(100vw * (75/1315));
  }

  .top_wrap .title_ {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #203465;
      padding-top:calc(100vw * (30/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #eaeaea;
  }

  .product_desc {
      padding-top:  calc(100vw * (40/1315));
  }

  .product_desc span {
      text-align: left;
  }


  .buyflow_wrap .product_img {
      display:none;
  }

  .pillow .buyflow_wrap .product_img {
    display:block;
  }

  /* right side - Option 영역  */

  /* dicount 영역  */
  .p_discount {
      padding-bottom:  calc(100vw * (15/1315));
      border-bottom: 1px solid #eaeaea;
  }

  .tab_contents_wrap {
      display: flex;
      justify-content: space-between;
      padding-bottom:  calc(100vw * (16/1315));
  }

  .tab_title .ul {
      display: flex;
      justify-content: space-between;
  }

  .tab_title .line_ {
      display: inline-block;
      width:  calc(100vw * (15/1315));
      height: 1px;
      background: #203465;
  }

  .tab_title .title_ {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:  1.4;
      letter-spacing:  calc(100vw * (-0.18/1315));
      text-align: left;
      color: #203465;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (30/1315)); 
      padding-left: 0px;     }


  .tab_con {
      display: inline-block;
      width:  calc(100vw * (205/1315));
      height:  calc(100vw * (44/1315));
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (20/1315)); 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: calc(100vw * (20/1315)); 
      font-size:  calc(100vw * (14/1315));
      border: 1px solid #dddddd;
      appearance: none;
      background: url('../img/right-arrow10.png') no-repeat right  calc(100vw * (20/1315)) center;
      background-size: 10px, 10px;
  }

  /* p_discount_price_wrap 영역  */
  .p_discount_price_wrap {
      padding-top:calc(100vw * (20/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (20/1315)); 
      padding-left: calc(100vw * (10/1315));
      border-bottom: 1px solid #eaeaea;
  }

  .p_discount_price_wrap .span {
      display: inline-block;
      font-size:  calc(100vw * (14/1315));
      line-height:  calc(100vw * (24/1315));
      letter-spacing:  calc(100vw * (-0.14/1315));
      text-align: right;
      color: #333333;
  }

  .mattress_discount,
  .frame_discount {
      display: flex;
      justify-content: space-between;
  }


  /* p_total_price_wrap 영역  */
  .p_total_price_wrap {
      padding-top:  calc(100vw * (20/1315));
  }

  .to_price_title .span {
      display: inline-block;
  }

  ._price {
      text-decoration: line-through;
  }

  .to_price_title {
      display: flex;
      justify-content: space-between;
      padding-bottom:  calc(100vw * (18/1315));
  }

  .p_total_price_wrap ._title {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:1.5;
      letter-spacing:  calc(100vw * (-0.18/1315));
      text-align: left;
      color: #203465;
  }


  /* last_price 영역  */
  .up_down_ipt .button {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (30/1315));
      background: none;
      border: none;
      cursor: pointer;
      font-size:  calc(100vw * (18/1315));
      vertical-align: middle;
  }

  .up_down_ipt {
      display: flex;
      align-items: center;
  }

  .last_price {
      display: flex;
      justify-content: space-between;
  }

  .last_price .result_div {
      width:  calc(100vw * (30/1315));
      text-align: center;
      border: 1px solid #dddddd;
  }

  .minus_span,
  .plust_span {
      display: inline-block;
      width:  calc(100vw * (10/1315));
      height:  calc(100vw * (30/1315));
      position: relative;
  }

  .result_span {
      display: inline-block;
      width: 100%;
      height:  calc(100vw * (30/1315));
  }

  .minus_span::after {
      content: "";
      width:  calc(100vw * (10/1315));
      height: 1px;
      background: #000000;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }



  .result_price .span {
      font-family: Eina01;
      font-size:  calc(100vw * (24/1315));
      font-weight: bold;
      line-height:1.5;
      text-align: right;
      color: #ff6f6f;
  }


  /* btn_wrap 영역  */
  .btn_wrap {
      display: flex;
      justify-content: space-between;
  }

  .about_delivery {
      padding-top:calc(100vw * (64/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: 0px; 
      text-align: right;
  }

  .about_delivery .link .span {
      font-size:  calc(100vw * (12/1315));
      line-height:  calc(100vw * (22/1315));
      letter-spacing:  calc(100vw * (-0.12/1315));
      text-align: left;
      color: #203465;
  }

  .btn_wrap .button {
      width:  calc(100vw * (205/1315));
      height:  calc(100vw * (50/1315));
      border: 1px solid #203465;
      font-size:  calc(100vw * (16/1315));
      line-height:1.5;
      text-align: center;
  }

  .btn_wrap .basket_btn {
      background: none;
  }

  .btn_wrap .buy_btn {
      background: #203465;
      color: #ffffff;
  }


  /* seciotn2 영역  */
  .product_detail_common .section2 {
      background: #f3f4f7;
      padding-top:calc(100vw * (150/1315)); 
      padding-bottom: calc(100vw * (150/1315)); 
      text-align: center;
  }

  .product_detail_common .section2_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .product_detail_common .section2 .img_wrap .img {
      width:  calc(100vw * (100/1315));
      height:  calc(100vw * (100/1315));
  }

  .desc_p {
      margin-top:  calc(100vw * (20/1315));
  }

  .product_detail_common .top_img_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }



  .product_detail_common .section2 .section2_wrap .img_wrap .center_img .img {
    width: calc(100vw * (487/1315));
    height: calc(100vw * (420/1315));
  }

  /* seciotn3 영역  */
  .product_detail_common .section3 {
      width: 100%;
      padding-top:calc(100vw * (150/1315)); 
      padding-bottom: calc(100vw * (184/1315)); 
  }

  .product_detail_common .section3 .section3_wrap {
      width: 100%;
      max-width:calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .product_detail_common .con_img {
      width:  calc(100vw * (589/1315));
      height:  calc(100vw * (600/1315));
  }

  .product_detail_common .contents_wrap {
      display: flex;
      justify-content: space-between;
      margin-top:  calc(100vw * (100/1315));
  }

  .product_detail_common .left_con,
  .product_detail_common .right_con {
      width: 50%;
  }

  .product_detail_common .left_con,
  .product_detail_common .right_con {
    width:47%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .product_detail_common .right_con {
      justify-content: flex-end;
  }

  .product_detail_common .section3_wrap .right_con {
      justify-content: space-between;
  }

  .product_detail_common .left_con .title_ .span {
      font-family: Eina01;
      font-size:  calc(100vw * (90/1315));
      font-weight: bold;
      line-height:  calc(100vw * (78/1315));
      text-align: left;
      color: #203465;
  }

  .product_detail_common .left_con .line_ {
      width: 1px;
      height:  calc(100vw * (404/1315));
      background: #bbbbbb;
      margin-top:calc(100vw * (31/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (31/1315)); 
      margin-left: 0px;

  }


  .left_con .dl .dt,
  .section4_wrap .textbox .dl .dt {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:  calc(100vw * (30/1315));
      letter-spacing:  calc(100vw * (-0.3/1315));
      text-align: left;
      color: #203465;
      margin-top:calc(100vw * (20/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (40/1315)); 
      margin-left: 0px;
  }

  .right_con .dl .dt {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height: 1.2;
      text-align: left;
      color: #203465;
  }


  .left_con .dl .dd,
  .right_con .dl .dd,
  .section4_wrap .textbox .dl .dd {
      font-size:  calc(100vw * (17/1315));
      line-height:1.7;
      text-align: left;
      color: #333333;
      margin-bottom:  calc(100vw * (30/1315));
  }


  /* section4 영역 */
  .product_detail_common .section4 {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .product_detail_common .product_box_wrap {
      display: flex;
  }

  .product_detail_common .product_box_wrap .product_box {
      text-align: right;
  }

  .product_detail_common .product_box_wrap .span {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      border-radius: 50%;
  }

  .product_detail_common .product_box_wrap .gray_ {
      background: #dddddd;
  }


  .product_detail_common .product_box_wrap .blue_ {
      background: #98a7ae;
  }


  .product_detail_common .product_box_wrap .green_ {
      background: #aab7ad;
  }


  .product_detail_common .product_box_wrap .beige_ {
      background: #cfc6bd;
  }

  .product_detail_common .product_box_wrap .p {
      display: inline-block;
      padding-top:calc(100vw * (15/1315)); 
      padding-bottom:0px;
      padding-left:calc(100vw * (20/1315));  
      font-family: 'Eina01',sans-serif;
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height: 1.7;
      letter-spacing: calc(100vw * ( 0.3/1315));
      text-align: right;
      color: #eaeaea;
      position: relative;
  }


  /* section5 영역  */
  .product_detail_common .section5_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .product_detail_common .section5_wrap .top_ {
      padding-top:calc(100vw * (80/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: 0px;  
         background: #fafafa;
      margin-top:  calc(100vw * (150/1315));
  }

  .product_detail_common .section5_wrap .top_ .title {
      text-align: center;
      padding-bottom:  calc(100vw * (61/1315));
  }

  .product_detail_common .section5_wrap .top_ .title .span {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height: 1.5;
      letter-spacing:  calc(100vw * (-0.3/1315));
      text-align: center;
      color: #203465;
  }

  .product_detail_common .section5_wrap .top_ .icon_img {
      width:  calc(100vw * (80/1315));
      height: calc(100vw * (80/1315));
      margin: 0 auto;
  }

  .product_detail_common .section5_wrap .top_ .contents {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
  }

  .product_detail_common .section5_wrap .top_ .contents .con_desc {
      width:  calc(100vw * (446/1315));
      height:  calc(100vw * (349/1315));
      border-right: 1px solid #dddddd;
  }

  .product_detail_common .section5_wrap .top_ .contents .con_desc:last-child {
      border: none;

  }

  .product_detail_common .section5_wrap .top_ .contents .con_desc .dt {
      font-size:  calc(100vw * (22/1315));
      font-weight: bold;
      line-height:1.6;
      text-align: center;
      color: #203465;
      padding-top:calc(100vw * (32/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (29/1315)); 
      padding-left: 0px;     }

  .product_detail_common .section5_wrap .top_ .contents .con_desc .dd {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (26/1315));
      letter-spacing:  calc(100vw * (-0.16/1315));
      text-align: center;
      color: #333333;
  }

  .product_detail_common .section5_wrap .bottom_ {
      height:  calc(100vw * (782/1315));
      background: url('../img/common/blue_bg.jpg') no-repeat;
      background-size: cover;
      position: relative;
      color: #ffffff;
  }

  .product_detail_common .section5_wrap .desc_wrap {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      padding-top:  calc(100vw * (100/1315));

  }

  .product_detail_common .section5_wrap .bottom_ .top_img {
      margin: 0 auto;
      width:  calc(100vw * (50/1315));
      height:  calc(100vw * (50/1315));
  }


  .product_detail_common .section5_wrap .bottom_ {
      text-align: center;
  }

  .product_detail_common .section5_wrap .bottom_ .bottom_img {
      width:  calc(100vw * (165/1315));
      height:  calc(100vw * (50/1315));
      margin: 0 auto;
  }

  .product_detail_common .section5_wrap .bottom_ .text_box .span {
      display: block;
  }

  .product_detail_common .made_ {
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (22/1315));
      line-height: 1.6;
      margin-top:calc(100vw * (20/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (32/1315)); 
      margin-left: 0px;
  }

  .product_detail_common .strong_ {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height: 1.5;
      letter-spacing:  calc(100vw * (-0.3/1315));
      text-align: center;
      margin-bottom: calc(100vw * ( 23/1315));
  }

  .product_detail_common .sub_st {
      font-size:  calc(100vw * (22/1315));
      line-height:1.5;
      text-align: center;
      color: #ffffff;
      margin-bottom:  calc(100vw * (32/1315));
  }

  .product_detail_common .last_text {
      margin-bottom:  calc(100vw * (60/1315));
  }

  /* 맨하탄 영역, 퀸,애리조나  */
  .manhatan_ .section5 .section5_wrap .bottom_,
  .queens_ .section5 .section5_wrap .bottom_,
  .arizona_ .section5 .section5_wrap .bottom_ {
      height:  calc(100vw * (661/1315));
      background: url('../img/common/brown_bg.png') no-repeat;
      background-size: cover;
      position: relative;
      color: #ffffff;
  }

  .woody_ .section2 .top_img_wrap .left_icon,
  .woody_ .section2 .top_img_wrap .right_icon, 
  .a-pad_ .section2 .top_img_wrap .left_icon,
  .a-pad_ .section2 .top_img_wrap .right_icon, 
  .frame_soho .section2 .top_img_wrap .left_icon,
  .frame_soho .section2 .top_img_wrap .right_icon, 
  .frame_brooklyn .section2 .top_img_wrap .left_icon,
  .frame_brooklyn .section2 .top_img_wrap .right_icon, 
  .manhatan_ .section2 .top_img_wrap .left_icon,
  .manhatan_ .section2 .top_img_wrap .right_icon,
  .queens_ .section2 .top_img_wrap .left_icon,
  .queens_ .section2 .top_img_wrap .right_icon,
  .arizona_ .section2 .top_img_wrap .left_icon,
  .arizona_ .section2 .top_img_wrap .right_icon {
      height:  calc(100vw * (420/1315));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .product_detail_common .section2_wrap .img_wrap .center_img {
    width: calc(100vw * (592/ 1315));
    min-width: calc(100vw*(401/1315));
    max-width: calc(100vw*(591/1315));
    height: calc(100vw*(405/1315));
    position: relative;
  }

  .product_detail_common .section2_wrap .img_wrap .center_img .fixed_container {
    position: fixed;
    top: 400px;
}
.product_detail_common .section2_wrap .img_wrap .center_img .fixed_container.on{
  position: absolute;
  top:0%;
}
  .manhatan_ .desc_p,
  .queens_ .desc_p,
  .arizona_ .desc_p {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #203465;
  }

  .manhatan_ .section5 .section5_wrap .top_ .contents .con_desc,
  .queens_ .section5 .section5_wrap .top_ .contents .con_desc,
  .arizona_ .section5 .section5_wrap .top_ .contents .con_desc {
      width:  calc(100vw * (324/1315));
      height:  calc(100vw * (300/1315));
      border-right: 1px solid #dddddd;
  }



  .manhatan_ .section5 .section5_wrap .desc_wrap,
  .queens_ .section5 .section5_wrap .desc_wrap,
  .arizona_ .section5 .section5_wrap .desc_wrap {
      background: rgba(0, 0, 0, 0.3);
  }

  .manhatan_ .section5 .section5_wrap .text_box,
  .queens_ .section5 .section5_wrap .text_box,
  .arizona_ .section5 .section5_wrap .text_box {
      font-weight: 200;
  }

  .queens_ .section3 .section3_wrap .con_img,
  .arizona_ .section3 .section3_wrap .con_img {
      position: relative;
      width:  calc(100vw * (432/1315));
      height:  calc(100vw * (400/1315));
  }

  .queens_ .section3 .section3_wrap .side_img,
  .arizona_ .section3 .section3_wrap .side_img {
      position: absolute;
      right: 0%;
      bottom: 0%;
      height: auto;
      transform: translate( calc(100vw * (210/1315)), 0%);
  }

  .queens_ .section3 .section3_wrap .side_img .img,
  .arizona_ .section3 .section3_wrap .side_img .img {
      display: block;
      width:  calc(100vw * (170/1315));
      height:  calc(100vw * (170/1315));
      margin-top:  calc(100vw * (10/1315));
  }

  /* 맨하탄,퀸,애리조나 영역 끝  */


  /* section6 영역  */
  .product_detail_common .section6 {
    padding:inherit;
  }
  .product_detail_common .section6_wrap {
      width: 100%;
      max-width:  calc(100vw * (1399/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (182/1315));
  }

  .product_detail_common .section6_wrap .top_contents_wrap {
      display: flex;
      position: relative;
  }

  .product_detail_common .section6_wrap .right_con {
      width: 50%;
      height:  calc(100vw * (1367/1315));
  }

  .product_detail_common .section6_wrap .span {
      display: inline-block;
      word-break: keep-all;
  }

  .product_detail_common .section6_wrap .span.blue_span_bold30 {
      margin-bottom:  calc(100vw * (41/1315));
  }


  .product_detail_common .section6_wrap .con_img {
      width:  calc(100vw * (529/1315));
      height:  calc(100vw * (700/1315));
  }

  .product_detail_common .section6_wrap .span.dark_span_nobold18 {
      padding-top:calc(100vw * (40/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (31/1315)); 
      padding-left: 0px;    }

  .product_detail_common .section6_wrap .left_con {
      height:  calc(100vw * (1367/1315));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .product_detail_common .section6_wrap .left_con_bottom {
      margin-bottom:  calc(100vw * (30/1315));
  }

  .product_detail_common .section6_wrap .left_con_bottom .span.blue_span_bold30 {
      margin: 0;
  }


  .product_detail_common .section6_wrap .right_con .img_box {
      width:  calc(100vw * (525/1315));
      height:  calc(100vw * (928/1315));
  }

  .product_detail_common .section6_wrap .rotate_text {
      transform-origin: right;
      transform: rotateZ(271deg);
      position: absolute;
      bottom:  calc(100vw * (602/1315));
      right: 0.8%;
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (20/1315));
      font-weight: bold;
      line-height: 1.8;
      letter-spacing:  calc(100vw * (2/1315));
      text-align: left;
      color: #edebe9;
  }

  /* bottom_contents 영역  */
  .product_detail_common .bottom_contents .img_box {
      width:  calc(100vw * (662/1315));
      height:  calc(100vw * (420/1315));
  }

  .product_detail_common .bottom_contents .con_desc {
      padding-top:calc(100vw * (40/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (175/1315)); 
      padding-left: 0px;     }

  .product_detail_common .bottom_contents .con_desc_img {
      width:  calc(100vw * (300/1315));
      height:  calc(100vw * (80/1315));
  }

  .product_detail_common .bottom_contents .con_desc_text {
      font-size:  calc(100vw * (22/1315));
      line-height: 1.5;
      text-align: left;
      color: #333333;
      margin-top:  calc(100vw * (32/1315));
  }

  .product_detail_common .bottom_contents .cover {
      width:  calc(100vw * (1642/1315));
  }

  .product_detail_common .bottom_contents .cover_wrap {
      display: flex;
      justify-content: space-between;
  }

  .product_detail_common .bottom_contents .cover_wrap .cover_desc {
      width:  calc(100vw * (577/1315));
      display: flex;
      align-items: center;
      padding-bottom:  calc(100vw * (60/1315));
  }

  .product_detail_common .bottom_contents .cover_wrap .cover_desc .cover_img {
      width:  calc(100vw * (130/1315));
      height:  calc(100vw * (130/1315));
      margin-right:  calc(100vw * (50/1315));
  }

  .product_detail_common .bottom_contents .cover_wrap .cover_desc .cover_text {
      width:  calc(100vw * (397/1315));
  }

  .product_detail_common .bottom_contents .cover_wrap .c_title {
      display: inline-block;
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height: 1.5;
      letter-spacing:  calc(100vw * (-0.18/1315));
      text-align: left;
      color: #203465;
      margin-bottom:  calc(100vw * (14/1315));
  }

  .product_detail_common .bottom_contents .cover_wrap .c_desc {
      display: inline-block;
      font-size:  calc(100vw * (14/1315));
      line-height: 1.5;
      letter-spacing:  calc(100vw * (-0.14/1315));
      text-align: left;
      color: #333333;
  }

  .cover_right {
      width:  calc(100vw * (942/1315));
      height:  calc(100vw * (764/1315));
      background: url('../img/common/f_05.png') no-repeat;
      background-size: cover;
  }


  /* section7 영역  */
  .product_detail_common .section7 {
padding:inherit;
  }
  .product_detail_common .section7_wrap {
      width: 100%;
      max-width:  calc(100vw * (1316/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (262/1315));
      
  }

  .product_detail_common .section7_wrap>div {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
  }

  .product_detail_common .section7_wrap .head_wrap {
      text-align: center;
      padding-bottom:  calc(100vw * (60/1315));
      border-bottom: 1px solid #203465;
  }

  .product_detail_common .section7_wrap .s7_head .span,
  .product_detail_common .section8_wrap .s8_head .span,
  .product_detail_common .section9_wrap .s9_head .span {
      display: inline-block;
      padding-bottom:  calc(100vw * (23/1315));
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:  calc(100vw * (30/1315));
      letter-spacing: calc(100vw * (-0.3 /1315));
      text-align: center;
      color: #203465;
  }

  .product_detail_common .section7_wrap .s7_sub .span {
      font-size:  calc(100vw * (22/1315));
      line-height: 1.5;
      text-align: center;
      color: #333333;
  }


  .product_detail_common .section7_wrap .color_picker {
      padding-top:calc(100vw * (80/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: 0px;     }

  .product_detail_common .section7_wrap .color_picker .m_color_con {
      display: none;
  }

  .product_detail_common .section7_wrap .color_con .ul {
      display: flex;
      justify-content: center;
      width: 100%;
      height:  calc(100vw * (60/1315));
      background: #fafafa;
  }

  .product_detail_common .section7_wrap .color_con .ul .list {
      display: flex;
      align-items: center;
      margin-top:0px; 
      margin-right:calc(100vw * (10/1315)); 
      margin-bottom: 0px;
      margin-left: calc(100vw * (10/1315));;


  }

  .product_detail_common .section7_wrap .color_con .ul .list .span {
      font-size:  calc(100vw * (18/1315));
  }

  .product_detail_common .section7_wrap .color_con .ul .list .span:first-child {
      display: block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      border-radius: 50%;
      border: 1px solid;
      margin-right:  calc(100vw * (10/1315));
  }

  .light_gray {
      background: #DDDDDD;
  }

  .dark_gray {
      background: #707070;
  }

  .light_beige {
      background: #DDDDDD;
  }

  .dark_beige {
      background: #D4C6B9;
  }

  .spring_green {
      background: #B9D4C6;
  }

  .spring_blue {
      background: #98A7AE;
  }

  .white {
      background: #ffffff;
  }

  .product_detail_common .section7_wrap .s_img_wrap {
      width:  calc(100vw * (1200/1315));
      height:  calc(100vw * (500/1315));
      margin-top:calc(100vw * (21/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (40/1315)); 
      margin-left: 0px;
  }

  .m_s_img_wrap {
      display: none;
  }

  .product_detail_common .section7_wrap .s_img {
      width: 100%;
      height: 100%;
  }

  .product_detail_common .section7_wrap .size_table .s_table {
      width:  calc(100vw * (1200/1315));
      padding-top:calc(100vw * (40/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: 0px; 
      display: flex;
  }

  .product_detail_common .section7_wrap .size_table .s_table .ul {}

  .p_classic .section7_wrap .size_table .s_table .ul {
      flex-grow: 1;
      border-right: 1px solid #ffffff;
  }



  .product_detail_common .section7_wrap .size_table .s_table .ul .list {
      width:  calc(100vw * (132/1315));
      height:  calc(100vw * (60/1315));
      text-align: center;
      padding-top:calc(100vw * (19/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (17/1315)); 
      padding-left: 0px;
       border-bottom: 1px solid #203465;
  }

  .product_detail_common .section7_wrap .size_table .s_table .ul .list:nth-child(2n) {
      background: #fbfbfe;
  }

  .product_detail_common .section7_wrap .size_table .s_table .ul:nth-child(1) .list {
      width:  calc(100vw * (144/1315));
  }



  .product_detail_common .section7_wrap .size_table .s_table .size_table_title {
      background: #203465;
      color: #ffffff;
      font-weight: bold;
  }

  .product_detail_common .section7_wrap .size_table .s_table .ul:nth-child(1) .list:not(.list:first-child) {
      font-weight: bold;
  }



  .product_detail_common .section7_wrap .s_componant_wrap {
      width:  calc(100vw * (1200/1315));
      display: flex;
      justify-content: space-between;
  }

  .product_detail_common .section7_wrap .s_componant .s_com_desc {
      width:  calc(100vw * (386/1315));
      height:  calc(100vw * (60/1315));
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top:  calc(100vw * (11/1315));
      background-color: #fafafa;
  }

  .p_classic .section7_wrap .size_table .s_table .ul .list {
      border: none;
      width: 100%;
  }

  .p_classic .section7_wrap .size_table .s_table .ul:nth-child(1) .list {
      width: 100%;
  }

  .p_classic .section7_wrap .size_table .s_table .ul:nth-child(1) .list:not(.list:first-child) {
      font-weight: inherit;
  }

  .p_classic .section7_wrap .s_componant .s_com_desc {
      width:  calc(100vw * (590/1315));
      height:  calc(100vw * (60/1315));
  }


  /* sec09_wrap 영역  */

  .product_detail_common .section7_wrap .sec_09 {
      width: 100%;
      max-width:calc(100vw * (1315/1315));
  }

  .sec_09 .con_wrap .con_container {
      padding-top:  calc(100vw * (150/1315));
      margin: 0 auto;
  }

  .the_motion_ .sec_09 .con_wrap .con_container {
      padding-top: inherit;
  }

  .sec_09 .con_wrap .top_cont .text_wrap {
      padding:  calc(100vw * (16/1315));
  }

  .sec_09 .con_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #dddddd;

  }

  .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
      padding-top:  calc(100vw * (20/1315));
  }

  .sec_09 .con_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom:  calc(100vw * (60/1315));
  }

  .sec_09 .con_wrap .top_cont .title_ .span {
      display: block;
      text-align: inherit;
  }


  .sec_09 .con_desc {
      display: flex;
      justify-content: space-between;
  }



  .sec_09 .img_con {
      /* width:  calc(100vw * (426/1315)); */
      /* height:  calc(100vw * (500/1315)); */
  }

  .sec_09 .title_link .span {
      display: inline-block;
      font-size:  calc(100vw * (22/1315));
      line-height: 1.5;
      color: #203465;
  }

  .sec_09 .title_link .link {
      display: inline-block;
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
  }




  /* mini_qna 영역 */
  .product_detail_common .section7_wrap .mini_qna_head {
      margin-bottom:  calc(100vw * (40/1315));
  }

  .product_detail_common .section7_wrap .mini_qna {
      padding-top:  calc(100vw * (182/1315));
      margin-bottom:  calc(100vw * (202/1315));
  }

  .product_detail_common .section7_wrap .mini_qna .ul {
      border-bottom: 1px solid #bbbbbb;
  }


  /* 자주 묻는 질문 qna 영역  */


  .content_qustion {
      padding:  calc(100vw * (40/1315));
      font-size: calc(100vw * (16/1315));
      border-top: 1px solid #bbbbbb;
      position: relative;
      cursor: pointer;
  }


  .content_qustion_wrap {
      position: relative;

  }

  .content_qustion_wrap .q_title {
      font-weight: bold;
  }

  .content_qustion_wrap::after {
      content: "";
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom:  calc(100vw * (40/1315));
      padding-top:0px; 
      padding-right:calc(100vw * (40/1315)); 
      padding-bottom: 0px;
      padding-left: calc(100vw * (40/1315)); 
  }

  .content_answer_wrap {
      display: flex;
      font-size: calc(100vw * (16/1315)); 
  }

  .arcodian_qna_wrap .q_title {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }

  .arcodian_qna_wrap .a_desc {
      font-size:  calc(100vw * (16/1315));
      line-height:1.5;
      text-align: left;
      color: #333333;
  }


  /* section8_wrap 영역  */
  .product_detail_common .section8_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
      position: relative;
  }


  /* 팝업 */
  .re_popup_wrap {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      z-index: 1;
      display: none;
  }

  .re_popup_wrap .re_popup_contents .blue_span_bold24 {
      display: block;
      text-align: center;
      border-bottom: 1px solid #bbbbbb;
      margin-bottom:  calc(100vw * (30/1315));
  }

  .re_popup_wrap .pop_desc {
      font-size:  calc(100vw * (16/1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.63;
      letter-spacing: calc(-100vw * (0.32 /1315));
      text-align: center;
      color: #333333;
  }

  .re_popup_contents {
      width:  calc(100vw * (800/1315));
      height:  calc(100vw * (567/1315));
      background: #ffffff;
      margin-top:calc(100vw * (50/1315)); 
      margin-right:auto;
      margin-bottom: calc(100vw * (50/1315)); 
      margin-left: auto;
      padding:  calc(100vw * (48/1315));
      text-align: center;
      position: relative;
    border:1px solid #203465;
  }

  .re_popup_contents .blue_span_bold24 {
      padding-bottom:  calc(100vw * (30/1315));
  }

  .re_popup_contents .re_pop_cancel_btn {
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      position: absolute;
      top:  calc(100vw * (30/1315));
      right:  calc(100vw * (30/1315));
      cursor: pointer;
  }



  .option_popup_contents {
    background:#ffffff;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:calc(100vw * (50 / 1315));
    border:1px solid black;
  }

  .option_popup_contents .span {
    font-size:calc(100vw * (16 / 1315));
  }
  
  .option_popup_contents .blue_span_bold24 {
    padding-top:  calc(100vw * ( 30 /  1315));
  }

  .basket_choise .option_popup_contents .blue_span_bold24 {
    display:block;
    text-align: left;
    padding-bottom:calc(100vw * (20 / 1315));
    border-bottom:1px solid #dddddd;
  }

  .basket_choise .option_popup_contents .option_title{
    border:none;
  }
  
  .option_popup_btnWrap {
    padding-top:calc(100vw * ( 50 /  1315));
    padding-bottom:calc(100vw * ( 50 /  1315));
  }

  .option_popup_contents .re_pop_cancel_btn {
    width: calc(100vw * ( 24 /  1315));
    height:  calc(100vw * ( 24 /  1315));
    position: absolute;
    top: calc(100vw * ( 30 /  1315));
    right:  calc(100vw * ( 30 /  1315));
    cursor: pointer;
    
  }

  .option_popup_btnWrap .reform_btn{
    background:#203465;
    color:#ffffff;
  }
  



  .re_popup_wrap .text_box {
      position: relative;
  }

  .re_btn_wrap {
      display: flex;
      justify-content: space-between;
  }

  #user_desc {
      width: 100%;
      height:  calc(100vw * (302/1315));
      padding: 1%;
      border: 1px solid #c8c8c8;
      outline: none;
      resize: none;
      margin-bottom:  calc(100vw * (20/1315));
  }

  #text_num {
      position: absolute;
      bottom: 25%;
      left: 1%;
  }

  .file_upload label {
      display: block;
      cursor: pointer;
      width:  calc(100vw * (48/1315));
      height:  calc(100vw * (48/1315));
      border: 1px solid #203465;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .file_upload label .img {
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
  }

  #upload-photo {
      opacity: 0;
      position: absolute;
      z-index: -1;
  }

  .div_select {
    display: flex;
      width:  calc(100vw * (282/1315));
      background: #FFFFFF;
      border: 1px solid #b8b8b8;
      overflow: hidden;
      font-size:  calc(100vw * (18/1315));
      color: #666666;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left:calc(100vw * (20/1315));
      text-align: left;
      position: relative;
      cursor: pointer;
  }


  .basket_complete .div_select{
    width:  calc(100vw * (400/1315));
  }

  .option_popup_contents .div_select{
    width:100%;
  }
  
  
  .option_popup_contents .option_ul {
    width: 100%;
    max-width:calc(100vw*(414/1315));
  }
  .div_select::after {
      content: "";
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      background: url("../img/right-arrow_24.png");
      background-size: contain;
      position: absolute;
      right: 10%;
  }

  .select-ul {
      width:  calc(100vw * (282/1315));
      list-style-type: none;
      overflow-x: hidden;
      overflow-y: auto;
      font-size:  calc(100vw * (18/1315));
      color: #666666;
      border: 1px solid #b8b8b8;
      display: none;
      position: absolute;
      background: #FFFFFF;
      border-top: none;

  }

  .select-ul li {
    display: flex;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (10/1315)); 
      padding-bottom:0px; 
      padding-left:calc(100vw * (20/1315));
      width:  calc(100vw * (282/1315));
      text-align: left;
      border-bottom: 1px solid #bbbbbb;
      cursor: pointer;
  }

  .select-ul li .img,
  .div_select .img {
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
  }

  .re_btn_wrap .re_button {
      width:  calc(100vw * (330/1315));
      height:  calc(100vw * (48/1315));
      background: #203465;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
  }


  .product_detail_common .section8_wrap .s8_head {
      padding-bottom:  calc(100vw * (39/1315));
      text-align: center;
  }

  .product_detail_common .section8_wrap .review_con {
      display: flex;
  }

  .product_detail_common .section8_wrap .review_con .left_con {
      width:  calc(100vw * (700/1315));
      margin-right:  calc(100vw * (40/1315));
  }

  .product_detail_common .section8_wrap .review_write {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .product_detail_common .section8_wrap .review_link {
      cursor: pointer;
  }

  .product_detail_common .section8_wrap .review_title .title_img {
      display: inline-block;
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      vertical-align: bottom;
  }

  .product_detail_common .section8_wrap .review_title .span {
      display: inline-block;
      margin-left:  calc(100vw * (10/1315));
  }


  .product_detail_common .section8_wrap .review_box {}

  .product_detail_common .section8_wrap .review_box .ul .list {
      width:  calc(100vw * (700/1315));
      margin-top:  calc(100vw * (20/1315));

      padding-top:calc(100vw * (21/1315)); 
      padding-right:calc(100vw * (40/1315));
      padding-bottom: calc(100vw * (19/1315)); 
      padding-left:calc(100vw * (40/1315));         
      border-radius:  calc(100vw * (10/1315));
      background-color: #fafafa;
  }

  .product_detail_common .section8_wrap .review_box_bottom {
      position: relative;
  }

  .product_detail_common .section8_wrap .review_box_bottom .more_btn {


      position: absolute;
      right: 0%;
      top: 0%;
      z-index: 0;
  }

  .review_box_bottom_customer {
      width: 100%;
      line-height:  calc(100vw * (24/1315));
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      max-height:  calc(100vw * (48/1315));
      word-break: break-all;
      cursor: pointer;
  }

  .text_clicked {
      display: block;
      overflow: visible;
      max-height: inherit;
  }

  .review_box .more_btn {
      width:  calc(100vw * (63/1315));
      height:  calc(100vw * (21/1315));
      background: none;
      border: none;
  }

  .product_detail_common .section8_wrap .review_box_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:  calc(100vw * (18/1315));
  }


  .product_detail_common .section8_wrap .review_box_top .user_information {
      margin-right:  calc(100vw * (23/1315));
  }

  .product_detail_common .section8_wrap .review_box_top .user_information .span {
      font-size:  calc(100vw * (16/1315));
      font-weight: bold;
      line-height:1.5;
      text-align: left;
      color: #333333;
  }




  .product_detail_common .section8_wrap .review_box_top .re_sns .link {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      vertical-align: bottom;
      margin-right:  calc(100vw * (10/1315));
  }

  .product_detail_common .section8_wrap .review_box_top .titme_ {
      margin-left:  calc(100vw * (20/1315));
  }

  .product_detail_common .section8_wrap .review_box_top .titme_ .span {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (26/1315));
      text-align: left;
      color: #bbbbbb;
  }

  .product_detail_common .section8_wrap .review_box_top .user_review_info {
      display: flex;
      align-items: center;
  }

  .product_detail_common .section8_wrap .review_box_top .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .product_detail_common .section8_wrap .left_con .pagenation .ul {
      display: flex;
      justify-content: center;
  }

  .product_detail_common .section8_wrap .left_con .pagenation .ul .span {
      display: inline-block;
      margin-top:calc(100vw * (0/1315)); 
      margin-right:calc(100vw * (5/1315));
      margin-bottom: calc(100vw * (0/1315)); 
      margin-left: calc(100vw * (5/1315));;

      font-size:  calc(100vw * (18/1315));
      line-height:1.5;
      text-align: center;
      color: #333333;
  }

  .product_detail_common .section8_wrap .left_con .pagenation .ul .span.on_ {
      font-weight: bold;
      color: #203465;
  }


  .product_detail_common .section8_wrap .right_con .s8_head {
      text-align: left;
  }

  .product_detail_common .section8_wrap .right_con .progress {
      border-radius:  calc(100vw * (10/1315));
      width:  calc(100vw * (346/1315));
      height:  calc(100vw * (10/1315));
      vertical-align: middle;
      margin-top:calc(100vw * (0/1315)); 
      margin-right:calc(100vw * (19/1315));  

  }

  .product_detail_common .section8_wrap .right_con .progress::-webkit-progress-bar {
      background-color: #eaeaea;
      border-radius:  calc(100vw * (10/1315));
      border: none;
  }

  .product_detail_common .section8_wrap .right_con .progress::-webkit-progress-value {
      background-color: #7497e1;
      border-radius:  calc(100vw * (10/1315));
  }



  .product_detail_common .section8_wrap .right_con {
      width:  calc(100vw * (664/1315));
      padding-left:  calc(100vw * (40/1315));
      border-left: 1px solid #bbbbbb;
      justify-content: flex-start;
  }

  .product_detail_common .section8_wrap .right_con_wrap .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .product_detail_common .section8_wrap .right_con_wrap .em_star:last-child {
      margin: 0px;
  }

  .product_detail_common .section8_wrap .right_con_wrap .ul .list {
      margin-bottom:  calc(100vw * (10/1315));
  }


  /* section9_wrap 영역 시작 */
  .section9_wrap {
      padding-top:  calc(100vw * (182/1315));
  }

  .s9_head {
      text-align: center;
  }

  .s9_sub {
      text-align: center;
  }

  .s9_sub .span {
      display: block;
      text-align: center;
      max-width:  calc(100vw * (1000/1315));
      margin: 0 auto;
      word-break: keep-all;
  }

  .s9_sub .blue_span_nobold22 {
      margin-top:  calc(100vw * (42/1315));
  }

  .section9_wrap .icons_wrap {
      width: 100%;
      max-width:  calc(100vw * (980/1315));
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      padding-top:  calc(100vw * (80/1315));
  }

  .section9_wrap .icons_wrap .icon_box {
      width:  calc(100vw * (260/1315));
      height:  calc(100vw * (260/1315));
      border-radius: 50%;
      border: 1px solid #dddddd;
      padding-top:calc(100vw * (72 / 1315));
      position: relative;
      text-align: center;
  }

  .section9_wrap .icons_wrap .icon_img_box {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
      margin: 0 auto;
  }

  .section9_wrap .icons_wrap .icon_text_box {
      margin-top:  calc(100vw * (31/1315));
  }

  .section9_wrap .icons_wrap .icon_text_box .span {
      width: inherit;
      height: inherit;
  }



  /* 더 모션 레이아웃 전용  */
  /* 공통된 부분에서 바뀐 부분 시작 */
  .the_motion_ .top_img_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .the_motion_ .left_con .line_ {
      height:  calc(100vw * (528/1315));
  }

  .the_motion_ .section2 .top_img_wrap .left_icon,
  .the_motion_ .section2 .top_img_wrap .right_icon {
      height:  calc(100vw * (420/1315));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .the_motion_ .section3_wrap .textbox .dl .dt {
      line-height: 1.8;
  }

  .the_motion_ .section3_wrap .right_con .dl .dt {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:1.5;
      text-align: left;
      color: #203465;
  }

  .the_motion_ .section3_wrap .right_con .dl .dd {
      font-size:  calc(100vw * (17/1315));
      line-height:1.5;
      text-align: left;
      color: #333333;
      margin-top:calc(100vw * (30/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (80/1315)); 
      margin-left: 0px;
      line-height:  calc(100vw * (30/1315));
  }

  .the_motion_ .con_img {
      width:  calc(100vw * (682/1315));
      height:  calc(100vw * (740/1315));
  }

  .the_motion_ .desc_p {
      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #203465;
  }

  .the_motion_ .the_motion_ .section5_wrap .top_ .contents .the_motion_ .con_desc {
      width:  calc(100vw * (324/1315));
      height:  calc(100vw * (300/1315));
      border-right: 1px solid #dddddd;
  }

  .the_motion_ .section3 {
      width: 100%;
      padding-top:calc(100vw * (150/1315)); 
      padding-right:calc(100vw * (20/1315)); 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: calc(100vw * (20/1315)); 
  }

  .the_motion_ .product_box_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (740/1315));
      margin: 0 auto;
  }

  .the_motion_ .section4_wrap .textbox {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (42/1315));
  }

  .the_motion_ .section4_wrap .textbox .dl .dt {
      margin-bottom:calc(100vw * (32/1315));
  }


  .the_motion_ .the_motion_ .section5_wrap .text_box {
      font-weight: 200;
  }

  .the_motion_ .the_motion_ .section5_wrap {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      padding-top:calc(100vw * (182/1315)); 
      padding-right:auto;
      padding-bottom:0px;
      padding-left: auto; 
  }

  /* 공통된 부분에서 바뀐 부분 끝*/


  /* section4 영역  */
  .the_motion_ .section4_wrap {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      margin: 0 auto;
  }

  .the_motion_ .section4_wrap .controll_wrap {
      width:  calc(100vw * (1200/1315));
      height:  calc(100vw * (700/1315));
      background: url('../img/the_motion/controll_bg.jpg') no-repeat;
      background-size: contain;
      position: relative;
      margin-top:  calc(100vw * (80/1315));
      margin-bottom:  calc(100vw * (450/1315));
  }

  .the_motion_ .section4_wrap .controll_wrap .inner_con {
    width: 100%;
    max-width: calc(100vw * (1261/1315));
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: calc(100vw * (38/1315));
    top: calc(100vw * (160/1315));
  }

  .the_motion_ .section4_wrap .controll_wrap .inner_con .left_text {
      display: flex;
      flex-direction: column-reverse;
      padding-bottom:  calc(100vw * (20/1315));
  }

  .the_motion_ .section4_wrap .controll_wrap .right_img .img {
    display: inline-block;
    width: calc(100vw * (582/1315));
    height: calc(100vw * (640/1315));
    margin-bottom: calc(100vw * (60/1315));
  }


  /* 스와이퍼 커스텀  */
  .motionSw .swiper-slide {
      width: 100%;
      max-width:  calc(100vw * (1000/1315));
      margin-right:  calc(100vw * (10/1315));
  }

  .the_motion_ .swiper-scrollbar {
      height:  calc(100vw * (6/1315));
      margin-top:  calc(100vw * (50/1315));
  }

  .the_motion_ .swiper-scrollbar-drag {
      background: #203465;
  }

  .the_motion_ .swiper-container-horizontal>.swiper-scrollbar {
      position: relative;
  }


  /* section5 영역  */
  .the_motion_ .section5_wrap {
      margin-top:  calc(100vw * (180/1315));
  }

  .the_motion_ .section5_wrap .textbox {
      display: flex;
      flex-direction: column-reverse;
  }

  .the_motion_ .section5_wrap .textbox .dt {
      line-height: 1.8;
      margin-bottom:  calc(100vw * (32/1315));
  }

  .the_motion_ .section5_wrap .textbox .dd {
      max-width:  calc(100vw * (500/1315));
      word-break: keep-all;
      line-height: 1.5;
      margin-bottom:  calc(100vw * (32/1315));
  }

  .the_motion_ .section5_wrap .top_con {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-bottom:  calc(100vw * (100/1315));
  }

  .the_motion_ .section5_wrap .right_wrap {
      width:  calc(100vw * (640/1315));
      height:  calc(100vw * (540/1315));
  }

  .the_motion_ .the_motion_ .section3_wrap .left_con {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
  }

  .the_motion_ .bottom_con {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      height:  calc(100vw * (900/1315));
      margin: 0 auto;
  }

  /* section6 영역  */


  .the_motion_ .section6_wrap .top_cont .text_wrap {
      padding:  calc(100vw * (20/1315));
  }

  .the_motion_ .section6_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #dddddd;

  }

  .the_motion_ .section6_wrap .top_cont .text_wrap .text_desc {
      padding-top:  calc(100vw * (20/1315));
  }

  .the_motion_ .section6_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom:  calc(100vw * (60/1315));
  }

  .the_motion_ .section6_wrap .top_cont .title_ .span {
      display: block;
      text-align: inherit;
  }

  .the_motion_ .img_con {
      width:  calc(100vw * (441/1315));
      height:  calc(100vw * (500/1315));
  }

  .the_motion_ .title_link .span {
      display: inline-block;
      font-size:  calc(100vw * (22/1315));
      line-height:1.5;
      color: #203465;
  }

  .the_motion_ .title_link .link {
      display: inline-block;
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
  }

  .the_motion_ .bottom_cont {
      width: 100%;

      margin-top:  calc(100vw * (180/1315));
      background: #fbfbfe;
  }

  .the_motion_ .bottom_cont_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin: 0 auto;
  }

  .the_motion_ .bottom_cont .left_img {
      width:  calc(100vw * (662/1315));
      height:  calc(100vw * (500/1315));
      margin-right:  calc(100vw * (80/1315));
  }

  .the_motion_ .bottom_cont .text_wrap {
      display: flex;
      flex-direction: column;
  }

  .the_motion_ .bottom_cont .text_wrap {
      margin-bottom:  calc(100vw * (60/1315));
  }

  .the_motion_ .bottom_cont .text_wrap .dark_span_bold18 {
      margin-top:  calc(100vw * (10/1315));
  }

  .the_motion_ .bottom_cont .map__btn .button {
      width:  calc(100vw * (260/1315));
      height:  calc(100vw * (70/1315));
      padding-top:calc(100vw * (10/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: 0px; 
      background: none;
      border: 1px solid #203465;
  }

  .the_motion_ .bottom_cont .map__btn .button .img {
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
  }

  .the_motion_ .bottom_cont .map__btn .button span {
      display: inline-block;
  }


  .the_motion_ .section7_wrap .mini_qna {
      padding-top: 0px;
  }

  .the_motion_ .the_motion_ .section5_wrap .left_con {
      width: inherit;
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-between;
      margin-right:  calc(100vw * (143/1315));
  }

  /* 더 모션 레이아웃 전용 끝 */

  /* 배게 영역  */

  /* common 영역  */

  section {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      margin: 0 auto;
  }

  /* .product_detail_common .con_img {
  width:inherit;
  height: inherit;
  } */
  .button {
      width:  calc(100vw * (205/1315));
      height:  calc(100vw * (50/1315));
      padding-top:calc(100vw * (15/1315)); 
      padding-right:calc(100vw * (70/1315)); 
      padding-bottom: calc(100vw * (15/1315)); 
      padding-left: calc(100vw * (70/1315)); 
      border: 1px solid #203465;
      background-color: #ffffff;
  }



  /* section2 FLEX PILLOW 영역 */
  .pillow .section2 {
      background: inherit;
      padding-top:calc(100vw * (250/1315));
      text-align: left;
  }

  .pillow .section2 .section2_wrap {
      max-width:  calc(100vw * (1315/1315));
  }

  .pillow .section2_wrap .con_img {
      width: 100%;
      height: inherit;
      max-width:  calc(100vw * (1315/1315));
  }

  .pillow .section2_wrap .con_wrap .con_text {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top:  calc(100vw * (93/1315));
  }

  .pillow .p {

      margin-top:  calc(100vw * (32/1315));
      word-break: keep-all;
  }



  /* section6 영역 사이즈 영역  */
  .pillow .section6_wrap {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (262/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (200/1315)); 
      padding-left: 0px;    
   }

  .pillow .section6_wrap .head_wrap {
      text-align: center;
      padding-bottom:  calc(100vw * (60/1315));
      border-bottom: 1px solid #203465;
  }

  .pillow .section6_wrap .s7_head .span,
  .pillow .section8_wrap .s8_head .span,
  .pillow .section9_wrap .s9_head .span {
      display: inline-block;
      padding-bottom:  calc(100vw * (23/1315));
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:1.5;
      letter-spacing:  calc(100vw * (-0.3/1315));
      text-align: center;
      color: #203465;
  }

  .pillow .section6_wrap .s7_sub .span {
      font-size:  calc(100vw * (22/1315));
      line-height:1.5;
      text-align: center;
      color: #333333;
  }


  .pillow .section6_wrap .color_picker {
      padding-top:calc(100vw * (81/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (41/1315)); 
      padding-left: 0px;   
    }

  .pillow .section6_wrap .color_picker .color_con {
      width: 100%;
      height:  calc(100vw * (60/1315));
      margin-top:  calc(100vw * (21/1315));
      background: #fafafa;
  }

  .pillow .section6_wrap .color_picker .color_con .ul {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .pillow .section6_wrap .color_picker .color_con .ul .list {
      margin-right:  calc(100vw * (32/1315));
  }

  .pillow .section6_wrap .color_picker .color_con .ul .list .input {
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      vertical-align: bottom;
      margin-top:0px;
      margin-right: calc(100vw * (10/1315));
      margin-bottom: calc(100vw * (2/1315)); 
      margin-left: 0px;
  }

  .pillow .section6_wrap .s_img_wrap {
      width:  calc(100vw * (1200/1315));
      height:  calc(100vw * (500/1315));
      padding-top:calc(100vw * (40/1315)); 
      padding-right:calc(100vw * (290/1315)); 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: calc(100vw * (290/1315));

      margin-top:calc(100vw * (21/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (40/1315)); 
      margin-left: 0px;

      border: 1px solid #dddddd;
  }

  .pillow .section6_wrap .s_img {
      width:  calc(100vw * (620/1315));
      height:  calc(100vw * (420/1315));
  }

  .pillow .section6_wrap .size_table .s_table {
      width:  calc(100vw * (1200/1315));
      padding-top:calc(100vw * (40/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: 0px;         
      display: flex;
  }

  .pillow .section6_wrap .size_table .s_table .ul {
      flex-grow: 1;
  }

  .pillow .section6_wrap .size_table .s_table .ul .list {
      height:  calc(100vw * (60/1315));
      text-align: center;
      padding-top:calc(100vw * (19/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (17/1315)); 
      padding-left: 0px;     }

  .pillow .section6_wrap .size_table .s_table .ul .list:nth-child(2n) {
      background: #fbfbfe;
  }

  .pillow .section6_wrap .size_table .s_table .ul .list:nth-child(1) {
      background: #203465;
      color: #ffffff;
  }

  .pillow .section6_wrap .size_table .s_table .size_table_title {
      background: #203465;
      color: #ffffff;
  }

  .pillow .section6_wrap .size_table .s_table .list .span {
      font-weight: 200;
  }

  .pillow .section6_wrap .s_componant_wrap {
      width:  calc(100vw * (1200/1315));
      display: flex;
      justify-content: space-between;

  }

  .pillow .section6_wrap .s_componant_wrap .s_componant {
      width: 100%;
      max-width:  calc(100vw * (590/1315));
  }

  .pillow .section6_wrap .s_componant .s_com_desc {
      width: 100%;
      max-width:  calc(100vw * (590/1315));
      height:  calc(100vw * (60/1315));
      margin-top:  calc(100vw * (11/1315));
      background-color: #fafafa;
  }

  .pillow .section6_wrap .s_componant .s_com_desc {
      display: flex;
      justify-content: center;
      align-self: center;
      align-items: center;
  }

  .pillow .section6_wrap .p_line {
      position: relative;
  }

  .pillow .section6_wrap .p_line::after {
      content: "|";
      width: 1px;
      height: 100%;
      position: absolute;
      right: -14%;
      bottom: 0%;
  }

  .pillow .section6_wrap .s_componant .s_com_desc:nth-child(2) div {

      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .pillow .section6_wrap .s_componant .s_com_desc .p {
      margin: inherit;
  }

  .pillow .section6_wrap .span.dark_span_nobold18 {
      padding: inherit;
      display: inline;
  }


  .mini_qna {
      padding-top:  calc(100vw * (162/1315));
  }

  .more_question {
      text-align: right;
  }



  /* 리뷰 영역  */
  .pillow .section7_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding: inherit;
  }

  .pillow .section7_wrap .s8_head .span {
      display: inline;
      padding-bottom:  calc(100vw * (23/1315));
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:1.5;
      letter-spacing:  calc(100vw * (-0.3/1315));
      text-align: center;
      color: #203465;
  }

  .pillow .section7_wrap .con_title {
      padding-bottom:  calc(100vw * (39/1315));
      text-align: center;
  }

  .pillow .section7_wrap .review_con {
      display: flex;
  }

  .pillow .section7_wrap .review_con .left_con {
      width:  calc(100vw * (700/1315));
      margin-right:  calc(100vw * (40/1315));
  }

  .pillow .section7_wrap .review_write {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .pillow .section7_wrap .review_title .title_img {
      display: inline-block;
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      vertical-align: bottom;
  }

  .pillow .section7_wrap .review_title .span {
      display: inline-block;
      margin-left:  calc(100vw * (10/1315));
  }



  .pillow .section7_wrap .review_box .ul .list {
      width:  calc(100vw * (700/1315));
      margin-top:  calc(100vw * (20/1315));
      padding-top:calc(100vw * (21/1315)); 
      padding-right:calc(100vw * (40/1315));  
      padding-bottom: calc(100vw * (19/1315)); 
      padding-left: calc(100vw * (40/1315));      
          border-radius: calc(100vw * (10 /1315));
      background-color: #fafafa;
  }

  .pillow .section7_wrap .review_box_bottom {
      position: relative;
  }

  .pillow .section7_wrap .review_box_bottom .more_btn {
      position: absolute;
      right: 0%;
      top: 0%;
      z-index: 0;
  }

  .pillow .section7_wrap .review_box_bottom_customer {
      width: 100%;
      line-height:  calc(100vw * (24/1315));
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      max-height:  calc(100vw * (48/1315));
      word-break: break-all;
      cursor: pointer;
  }

  .pillow .section7_wrap .text_clicked {
      display: block;
      overflow: visible;
      max-height: inherit;
  }

  .pillow .section7_wrap .review_box .more_btn {
      width:  calc(100vw * (63/1315));
      height:  calc(100vw * (21/1315));
      background: none;
      border: none;
  }

  .pillow .section7_wrap .review_box_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:  calc(100vw * (18/1315));
  }


  .pillow .section7_wrap .review_box_top .user_information {
      margin-right:  calc(100vw * (23/1315));
  }

  .pillow .section7_wrap .review_box_top .user_information .span {
      font-size:  calc(100vw * (16/1315));
      font-weight: bold;
      line-height:  calc(100vw * (26/1315));
      text-align: left;
      color: #333333;
      display: inline;
  }




  .pillow .section7_wrap .review_box_top .re_sns .link {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      vertical-align: bottom;
      margin-right:  calc(100vw * (10/1315));
  }

  .pillow .section7_wrap .review_box_top .titme_ {
      margin-left:  calc(100vw * (20/1315));
  }

  .pillow .section7_wrap .review_box_top .titme_ .span {
      font-size:  calc(100vw * (16/1315));
      line-height:  calc(100vw * (26/1315));
      text-align: left;
      color: #bbbbbb;
  }

  .pillow .section7_wrap .review_box_top .user_review_info {
      display: flex;
      align-items: center;
  }

  .pillow .section7_wrap .review_box_top .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .pillow .section7_wrap .left_con .pagenation .ul {
      display: flex;
      justify-content: center;
  }

  .pillow .section7_wrap .left_con .pagenation .ul .span {
      display: inline-block;
      margin-top:0px; 
      margin-right:calc(100vw * (5/1315)); 
      margin-bottom:0px; 
      margin-left: calc(100vw * (5/1315));
      font-size:  calc(100vw * (18/1315));
      line-height:1.5;
      text-align: center;
      color: #333333;
  }

  .pillow .section7_wrap .left_con .pagenation .ul .span.on_ {
      font-weight: bold;
      color: #203465;
  }


  .pillow .section7_wrap .right_con .s8_head {
      text-align: left;
      margin-bottom:  calc(100vw * (20/1315));
  }

  .pillow .section7_wrap .right_con .progress {
      border-radius:  calc(100vw * (10/1315));
      width:  calc(100vw * (346/1315));
      height:  calc(100vw * (10/1315));
      vertical-align: middle;
      margin-top:0px; 
      margin-right:calc(100vw * (19/1315)); 
      margin-bottom: 0px; 
      margin-left: calc(100vw * (19/1315));
  }

  .pillow .section7_wrap .right_con .progress::-webkit-progress-bar {
      background-color: #eaeaea;
      border-radius:  calc(100vw * (10/1315));
      border: none;
  }

  .pillow .section7_wrap .right_con .progress::-webkit-progress-value {
      background-color: #7497e1;
      border-radius:  calc(100vw * (10/1315));
  }


  .pillow .section7_wrap .right_con .con_desc {
      display: flex;
      align-items: center;
  }

  .pillow .section7_wrap .right_con .con_desc .review_star {
      display: flex;
      align-items: center;
  }

  .pillow .section7_wrap .right_con {
      width:  calc(100vw * (664/1315));
      padding-left:  calc(100vw * (40/1315));
      border-left: 1px solid #bbbbbb;
  }

  .pillow .section7_wrap .right_con_wrap .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .pillow .section7_wrap .right_con_wrap .em_star:last-child {
      margin: 0px;
  }

  .pillow .section7_wrap .right_con_wrap .ul .list {
      margin-bottom:  calc(100vw * (36/1315));
  }

  /* common 영역 끝 */


  /* 클래식 배게 전체영역 시작 */

  /* section3  영역 */
  .p_classic .section3 {
      padding: inherit;
      text-align: inherit;
  }

  .p_classic .section3 .section3_wrap {
      max-width:  calc(100vw * (1315/1315));
  }

  .p_classic .section3 .con_wrap {
      display: flex;
      justify-content: space-between;
  }

  .p_classic .section3 .line_ {
      width: 1px;
      height: 100%;
      max-height:  calc(100vw * (510/1315));
      border-left: 1px solid #bbbbbb;
      margin-top:calc(100vw * (32/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (32/1315)); 
      margin-left: 0px;
  }

  .p_classic .section3 .con_img {
      width: 100%;
      max-width:  calc(100vw * (658/1315));
  }

  /* section4  영역 */
  .p_classic .section4 {

      display: flex;
      flex-direction: column;
      align-items: flex-end;
      background: url("../img/purchase_pillow/sec4_left_bg.png") no-repeat;
      background-position: calc(-100vw * (100 /1315)) bottom;
      margin-top:  calc(100vw * (100/1315));
  }

  .p_classic .section4_wrap {
      width: 100%;
      max-width:  calc(100vw * (1618/1315));
  }

  .p_classic .section4_wrap .con_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  }

  .p_classic .section4 .line_ {
      width: 1px;
      height:  calc(100vw * (387/1315));
      border-left: 1px solid #bbbbbb;
      margin-top:calc(100vw * (32/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (32/1315)); 
      margin-left: 0px;
  }

  .p_classic .section4_wrap .con_img {
      width: 100%;
      max-width:  calc(100vw * (960/1315));
  }


  /* section5  영역 */
  .p_classic .section5_wrap {
      margin-top:  calc(100vw * (300/1315));
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      text-align: center;
      background: #fafafa;
      padding-bottom:  calc(100vw * (100/1315));
      margin-bottom:  calc(100vw * (100/1315));
  }

  .p_classic .section5 .con_img {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
  }

  .p_classic .section5 .con_img_icon {
      width: 100%;
      max-width:  calc(100vw * (240/1315));
      margin-top:calc(100vw * (100/1315)); 
      margin-right:auto; 
      margin-bottom:0px;
      margin-left: auto;
  }

  /* section6  영역 */

  /* 클래식 배게 전체영역 끝 */

  /* 듀얼 배게 전체 영역 시작  */

  /* section3 상세페이지 이미지 영역  */
  .p_dual .section3 .section3_wrap {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      margin: 0 auto;
  }

  .p_dual .section3 .section3_wrap .con_img {
      width: 100%;
      height: 100%;
  }



  /* section4 비디오 영역  */
  .p_dual .section4_wrap {
      padding-top:calc(100vw * (142/1315)); 
      padding-right: calc(100vw * (50/1315));  
      padding-bottom: calc(100vw * (140/1315)); 
      padding-left:  calc(100vw * (50/1315));
      background: #f3f4f7;
      text-align: center;
  }

  .con_video {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (500/1315));
      margin-top:  calc(100vw * (80/1315));
      background: black;
  }


  /* section5 최상의 편안함을 경험해보세요 영역  */
  .p_dual .section5_wrap .con_wrap_top {
      padding-top:calc(100vw * (182/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (170/1315)); 
      padding-left: 0px;         text-align: center;
  }

  .p_dual .section5_wrap .con_wrap_top .con_img {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .p_dual .section5_wrap .con_wrap_top .button {
      width:  calc(100vw * (260/1315));
      height:  calc(100vw * (70/1315));
      padding: 0px;
      text-align: center;
      border: solid 1px #203465;
      background-color: #fbfbfe;
  }


  .p_dual .section5_wrap {
      text-align: center;
  }

  .p_dual .section5 .con_wrap_bottom {
      max-width:  calc(100vw * (1315/1315));
      background: #fafafa;
      margin: 0 auto;
      padding-bottom:  calc(100vw * (100/1315));
  }

  .p_dual .section5 .con_wrap_bottom .con_img {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .p_dual .section5 .con_wrap_bottom .con_img_icon {
      width: 100%;
      max-width:  calc(100vw * (240/1315));
      margin-top:calc(100vw * (100/1315)); 
      margin-right:auto; 
      margin-bottom:0px;
      margin-left: auto;
  }


  /* section6_wrap 사이즈 영역  */

  .p_dual .section6_wrap .size_table .s_table {
      width:  calc(100vw * (1200/1315));
      padding: 0px;
      display: flex;
  }

  .p_dual .section6_wrap .size_table .blue_span_bold22 {
      margin-top:calc(100vw * (42/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (10/1315)); 
      margin-left: 0px;
  }

  .p_dual .section6_wrap {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (262/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (162/1315)); 
      padding-left: 0px;   
    }

  .p_dual .section9 {
      max-width:  calc(100vw * (1200/1315));
  }

  /* 듀얼 배게 전체 영역 끝 */


  /* 프로텍터 전체 영역 시작 */
  .p_protector span {
      text-align: left;
  }

  .p_protector .con_img {
      width: 100%;
      height: auto;
  }

  .p_protector .section2 {
      width: 100%;
      height:  calc(100vw * (2200/1315));
      max-width: inherit;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin: 0 auto;
      padding-top:calc(100vw * (250/1315));

  }

  .p_protector .section2 .section2_wrap {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      margin: inherit;
      position: relative;
      /* background:url("../img/purchase_pillow/protector_main_bg.jpg") no-repeat;
  background-size: 1600 calc(100vw * ( /1315 ));
  background-position: 100% 100%; */
      overflow: hidden;
  }

  .p_protector .section2_wrap .line_ {
      width: 1px;
      height:  calc(100vw * (180/1315));
      border-left: 1px solid #bbbbbb;
      margin-top:calc(100vw * (21/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (42/1315)); 
      margin-left: 0px;
  }

  .p_protector .section2_wrap .con_box_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .p_protector .section2_wrap .con_box_wrap>div {}

  .p_protector .con_box_rcenter {
      display: flex;
      justify-content: flex-end;
      margin-top:calc(-100vw * (150/1315)); 
      margin-right:0px; 
      margin-bottom: calc(-100vw * (150/1315)); 
      margin-left: 0px;
  }

  .p_protector .con_box_img {
      max-width:  calc(100vw * (1600/1315));
      position: absolute;
      bottom: 0%;
      right: 0%;
      transform: translate(35%, 0%);
  }





  /* section3_wrap 프로텍터로 매트리스의 장점  */
  .p_protector .section3_wrap {
      text-align: center;
      padding-top:calc(100vw * (84/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (98/1315)); 
      padding-left: 0px; 
              background: #fafafa;
  }

  .p_protector .section3_wrap .con_title {
      margin-bottom:  calc(100vw * (80/1315));
  }

  .p_protector .section3_wrap .con_box_top {
      max-width:  calc(100vw * (840/1315));
      padding-bottom:calc(100vw * (100/1315));
      margin-top:0px;
      margin-right:auto; 
      margin-bottom: calc(100vw * (100/1315)); 
      margin-left: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #dddddd;
  }

  .p_protector .section3_wrap .con_img_icon {
      width:  calc(100vw * (120/1315));
  }

  .p_protector .section3_wrap .con_box_bottom>div {
      max-width:  calc(100vw * (820/1315));
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: left;
  }

  .p_protector .section3_wrap .con_box_bottom .con_box {
      width:  calc(100vw * (380/1315));
      padding:  calc(100vw * (20/1315));
      border-bottom: 1px solid #dddddd;
  }

  .p_protector .section3_wrap .con_box_bottom .con_img_wrap {
      display: flex;
      margin-top:  calc(100vw * (80/1315));
  }

  .p_protector .section3_wrap .con_img_wrap .con_img {
      max-width:  calc(100vw * (406/1315));
  }


  /* section4_wrap 워런티 1년 영역  */
  .p_protector .section4_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (700/1315));
      margin: 0 auto;
      background: url("../img/purchase_pillow/white_fabric_bg.jpg") no-repeat;
      background-size: contain;
      background-position: center center;
      position: relative;
      text-align: center;
  }

  .p_protector .section4_wrap .con_box_wrap {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .p_protector .section4_wrap .con_img {
      max-width:  calc(100vw * (240/1315));
      margin-top:0px; 
      margin-right:auto; 
      margin-bottom: calc(100vw * (30/1315)); 
      margin-left: auto;

  }

  .p_protector .section4_wrap .con_text span {
      text-align: center;
  }

  /* section6_wrap 사이즈 영역  */
  .p_protector .section6_wrap .title_ {
      padding-top:  calc(100vw * (42/1315));
  }

  .p_protector .section6_wrap .desc {
      padding-top:calc(100vw * (32/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (31/1315)); 
      padding-left:calc(100vw * (40/1315));
                background-color: #fafafa;
      line-height:1.5;
  }

  .p_protector .section6_wrap .desc .p {
      margin: inherit
  }

  .p_protector .section6_wrap .size_table .s_table .ul .list:nth-child(2n) {
      background: #fafafa;
  }

  .p_protector .section6_wrap .size_table .s_table .list {
      background: #fafafa;
  }

  .p_protector .section6_wrap .size_table .s_table .list .span:not(.white_span18px, .dark_span_nobold18) {
      font-weight: bold;
  }

  .p_protector .section6_wrap .size_table .s_table .list .span.dark_span_nobold18 {
      font-weight: 400;
  }

  .p_protector .section6_wrap .con_desc .p {
      padding-top:calc(100vw * (20/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (20/1315)); 
      padding-left: 0px;         background-color: #fafafa;
      text-align: center;
  }


  /* 프로텍터 전체 영역 끝 */



  /* 플렉스 전체 영역 시작 */

  /* section3  영역 */
  .p_flex .section3 {
      padding: inherit;
      text-align: inherit;
  }

  .p_flex .section3 .section3_wrap {
      max-width:  calc(100vw * (1315/1315));
  }

  .p_flex .section3 .con_wrap {
      display: flex;
      justify-content: space-between;
  }

  .p_flex .section3 .line_ {
      width: 1px;
      height: 100%;
      max-height:  calc(100vw * (510/1315));
      border-left: 1px solid #bbbbbb;
      margin-top:calc(100vw * (32/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (32/1315)); 
      margin-left: 0px;
  }

  .p_flex .section3 .con_img {
      width: 100%;
      max-width:  calc(100vw * (658/1315));
  }

  .p_flex .section2_wrap .con_wrap .con_text_right {
      width: 100%;
      max-width:  calc(100vw * (658/1315));
  }



  /* section4  영역 */
  .p_flex .section4_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (100/1315));
  }

  .p_flex .section4_wrap .con_img {
      max-width:  calc(100vw * (1315/1315));
  }

  .p_flex .section4_wrap .con_text {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding-top:  calc(100vw * (60/1315));
  }

  .p_flex .section4_wrap .con_text .p {
      margin: inherit;
  }



  /* section5  영역 */
  /* 스와이퍼 커스텀  */
  .p_flex .section5_wrap {
      padding-top:calc(100vw * (150/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (200/1315)); 
      padding-left: 0px;     }

  .p_flex .section6 {
      display: none;
  }

  .motionSw .swiper-slide {
      width: 100%;
      max-width:  calc(100vw * (1270/1315));
      margin-right:  calc(100vw * (10/1315));
  }

  .p_flex .swiper-scrollbar {
      max-width:  calc(100vw * (1315/1315));
      height:  calc(100vw * (6/1315));
      margin-top:calc(100vw * (100/1315)); 
      margin-right:auto;
      margin-bottom:0px;
      margin-left: auto;
  }

  .p_flex .swiper-scrollbar-drag {
      background: #203465;
  }



  /* 배게 영역 끝  */

  /* 팝업 */
  .popup_wrap {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      background: rgba(0, 0, 0, 0.2);
      z-index: 1;
      display: none;
  }

  .popup_wrap .popup_contents .blue_span_bold24 {
      display: block;
      text-align: center;
      border-bottom: 1px solid #bbbbbb;
      margin-bottom:  calc(100vw * (30/1315));
  }

  .popup_wrap .pop_desc {
      font-size:  calc(100vw * (16/1315));
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.63;
      letter-spacing: calc(100vw * ( -0.32/1315));
      text-align: center;
      color: #333333;
  }


  .popup_contents .blue_span_bold24 {
      padding-bottom:  calc(100vw * (30/1315));
  }

  .popup_contents .pop_cancel_btn {
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      position: absolute;
      top:  calc(100vw * (30/1315));
      right:  calc(100vw * (30/1315));
      cursor: pointer;
  }

  .popup_wrap .text_box {
      position: relative;
  }

  .re_btn_wrap {
      display: flex;
      justify-content: space-between;
  }

  #user_desc {
      width: 100%;
      height:  calc(100vw * (302/1315));
      padding: 1%;
      border: 1px solid #c8c8c8;
      outline: none;
      resize: none;
      margin-bottom:  calc(100vw * (20/1315));
  }

  #text_num {
      position: absolute;
      bottom: 25%;
      left: 1%;
  }

  .file_upload label {
      display: block;
      cursor: pointer;
      width:  calc(100vw * (48/1315));
      height:  calc(100vw * (48/1315));
      border: 1px solid #203465;
      display: flex;
      justify-content: center;
      align-items: center;
  }


  /* 상세 페이지 공통 영역 끝 */


  /* 매트리스 공통영역 시작  */
  .sec_01 .m_con_wrap,
  .m_con_box_wrap,
  .common_section_wrap .sec_08 .con_title .m_span,
  .frameSw,
  .m_review_box,
  .m_sec_09 {
      display: none;
  }

  /* 매트리스 영역 공통 섹션 묶음 */
  /* 해외 외신이 극찬 ~ 검증된 후기를 만나보세요 영역 */


  /* 배송팝업  */
  .popup_wrap {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 200vh;
      background: rgb(0, 0, 0, 0.4);
      display: none;
  }

  .popup_wrap .blue_span_bold16 {
      text-align: left;
  }

  .popup_wrap .e_blue_span_bold16 {
      text-align: center;
  }

  .delivery_info {

      font-size:  calc(100vw * (12/1315));
      line-height:  calc(100vw * (22/1315));
      letter-spacing:  calc(100vw * (-0.12/1315));
      text-align: right;
      color: #203465;
  }

  .popup_contents div {
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;

      padding-top:calc(100vw * (32/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (32/1315)); 
      padding-left: 0px;         
      
      margin-top:calc(100vw * (20/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (20/1315)); 
      margin-left: 0px;

      text-align: left;
  }


  .popup_contents .pop_cancel_btn {
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      position: absolute;
      top:  calc(100vw * (30/1315));
      right:  calc(100vw * (30/1315));
  }

  .popup_contents .span {
      display: block;
  }

  .popup_contents div .span {
      display: inline;
  }




  /* sec_01 영역  */
  .common_section_wrap .span {
      display: block;
  }

  .common_section_wrap .blue_span_bold_line30 {
      text-align: center;
  }

  .common_section_wrap .sec_01 {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (120/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (150/1315)); 
      padding-left: 0px;     
  }

  .common_section_wrap .sec_01 .con_box_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top:  calc(100vw * (60/1315));
  }

  .common_section_wrap .sec_01 .con_box_img {
      width:  calc(100vw * (249/1315));
      height:  calc(100vw * (100/1315));
  }

  /* sec_02 영역 */
  .common_section_wrap .sec_02,
  .common_section_wrap .sec_04 {
      width: 100%;
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: 0px;         
      background: #fafafa;
      display: flex;
      justify-content: flex-end;
  }

  .common_section_wrap .sec_04{
    background:#f7f8fd;
  }
  .common_section_wrap .sec_02 {
    background:#f7f8fd;
  }
  

  .common_section_wrap .sec_02 .blue_span_bold_line30,
  .common_section_wrap .sec_04 .blue_span_bold_line30 {
      text-align: left;
  }

  .common_section_wrap .sec_02 .dark_span_nobold18,
  .common_section_wrap .sec_04 .dark_span_nobold18 {
      margin-top:calc(100vw * (22/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (82/1315)); 
      margin-left: 0px;
      word-break: keep-all;
      width:  calc(100vw * (500/1315));
  }

  .common_section_wrap .sec_02 .con_wrap,
  .common_section_wrap .sec_04 .con_wrap {
      width: 100%;
      max-width:  calc(100vw * (1920/1315));
      margin: 0 auto;
  }

  .common_section_wrap .sec_02 .con_wrap .con_box,
  .common_section_wrap .sec_04 .con_wrap .con_box {
      width: 100%;
      max-width:  calc(100vw * (1618/1315));
      display: flex;
      justify-content: space-between;
      margin-left: auto;
  }

  .common_section_wrap .sec_02 .con_wrap .con_left_iconbox div,
  .common_section_wrap .sec_04 .con_wrap .con_left_iconbox div {
      display: flex;
      align-self: center;
      margin-top:  calc(100vw * (20/1315));
  }


  .common_section_wrap .sec_02 .con_wrap .icon_img_box,
  .common_section_wrap .sec_04 .con_wrap .icon_img_box {
      width:  calc(100vw * (22/1315));
      height:  calc(100vw * (22/1315));
      margin-right:  calc(100vw * (10/1315));
  }

  .common_section_wrap .sec_02 .con_wrap .icon_img_box .img {
      vertical-align: bottom;
  }


  .common_section_wrap .sec_02 .con_wrap .con_right {
      width:  calc(100vw * (720/1315));
      height:  calc(100vw * (300/1315));
  }
  .common_section_wrap .sec_02 .con_wrap .con_right video {
    width:100%;
  }
  .common_section_wrap .sec_03 .con_box .con_bg video {
    width:100%;
  }
  .common_section_wrap .sec_04 .con_wrap .con_right video {
    width:100%;
  }


  /* sec_03 영역 */
  .common_section_wrap .sec_03 {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      padding-top:calc(100vw * (150/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (140/1315)); 
      padding-left: 0px;
      margin: 0 auto;
  }

  .common_section_wrap .sec_03 .con_iconbox {
      display: flex;
      justify-content: space-between;
      margin-top:calc(100vw * (102/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (60/1315)); 
      margin-left: 0px;
      padding-top:calc(100vw * (0/1315)); 
      padding-right:calc(100vw * (40/1315)); 
      padding-bottom: calc(100vw * (0/1315)); 
      padding-left: calc(100vw * (40/1315)); 
  }

  .common_section_wrap .sec_03 .con_iconbox div {
      display: flex;
      align-self: center;
  }

  .common_section_wrap .sec_03 .con_iconbox .icon_img_box {
      width:  calc(100vw * (22/1315));
      height:  calc(100vw * (22/1315));
      margin-right:  calc(100vw * (10/1315));
  }

  .common_section_wrap .sec_03 .con_iconbox .icon_img_box .img {
      vertical-align: middle;
  }

  .common_section_wrap .sec_03 .con_box .con_bg {
      width: calc(100vw * (1315/1315));
      height:  calc(100vw * (400/1315));
  }



  /* sec_04 영역 */
  .common_section_wrap .sec_04 .con_wrap .icon_img_box .img {
      vertical-align: middle;
  }

  .common_section_wrap .sec_04 .con_wrap .con_right {
      width:  calc(100vw * (800/1315));
      height:  calc(100vw * (300/1315));
  }


  /* sec_05 영역  */
  .common_section_wrap .blue_span_bold_line30 {
      margin-bottom:  calc(100vw * (22/1315));
      text-align: center;
  }

  .common_section_wrap .sec_05 {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (120/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (150/1315)); 
      padding-left: 0px;    
   }

  .common_section_wrap .sec_05 .con_box_wrap {
      width: 100%;
      max-width:  calc(100vw * (1000/1315));
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top:calc(100vw * (60/1315)); 
      margin-right:auto; 
      margin-bottom: 0px;
      margin-left: auto;
      padding-top:0px;
      padding-right:calc(100vw * (100/1315)); 
      padding-bottom: 0px; 
      padding-left: calc(100vw * (100/1315));
      text-align: center;
      border-bottom: 2px solid #dddddd;
      position: relative;
  }

  .common_section_wrap .sec_05 .con_box_wrap .con_box {
      padding-bottom:  calc(100vw * (60/1315));
  }

  .common_section_wrap .sec_05 .con_box_wrap .con_box::after {
      content: "";
      width:  calc(100vw * (10/1315));
      height:  calc(100vw * (10/1315));
      border-radius: 50%;
      background: #dddddd;
      position: absolute;
      bottom: 0%;
      transform: translate(-50%, 60%);
  }

  .common_section_wrap .sec_05 .con_box_wrap .con_box:nth-child(1)::after {
      background: #203465;
  }

  .common_section_wrap .sec_05 .con_box_img {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (46/1315));
      margin: 0 auto;
  }

  .common_section_wrap .sec_05 .con_box_wrap .blue_span_bold16 {
      text-align: center;
  }

  .common_section_wrap .sec_05 .con_wrap .con_img_warp {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin-top:calc(100vw * (27/1315)); 
      margin-right:auto; 
      margin-bottom:0px;
      margin-left: auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      text-align: center;
  }

  .common_section_wrap .sec_05 .con_wrap .con_img_warp .img {
      margin-bottom:  calc(100vw * (20/1315));
  }

  .common_section_wrap .sec_05 .con_wrap .con_img_warp .con_img_left .img {
      width:  calc(100vw * (85/1315));
      height:  calc(100vw * (56/1315));
  }

  .common_section_wrap .sec_05 .con_wrap .con_img_warp .con_img_right .img {
      width:  calc(100vw * (100/1315));
      height:  calc(100vw * (42/1315));
  }



  /* sec_06 영역  */
  .common_section_wrap .sec_06 {
      background: #d0d0d0;
      padding-top:  calc(100vw * (100/1315));
  }

  .common_section_wrap .sec_06 .e_blue_span_bold30 {
      text-align: center;
      margin-bottom:  calc(100vw * (26/1315));
  }

  .common_section_wrap .sec_06 .dark_span_nobold18 {
      text-align: center;
  }

  .common_section_wrap .sec_06 .con_box_wrap .con_box {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      display: flex;
      align-items: center;
  }


  .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {

      padding-left:  calc(100vw * (30/1315));
      /* padding-top:  calc(100vw * (156/1315)); */
  }


  .common_section_wrap .sec_06 .con_box_wrap .con_desc .blue_span_bold22 {
      margin-bottom:  calc(100vw * (12/1315));
  }


  .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
      line-height:  calc(100vw * (26/1315));
      margin-bottom:  calc(100vw * (47/1315));
  }


  .common_section_wrap .sec_06 .con_box_wrap .con_box .dark_span_16px {
      text-align: left;
  }

  .common_section_wrap .sec_06 .con_box_wrap .con_img {
      width: 100%;
      max-width:  calc(100vw * (1149/1315));
      height:  calc(100vw * (1000/1315));
  }

  .common_section_wrap .sec_06 .con_box_wrap .con_img .img {
    object-fit: cover;
  }

  /* sec_07 영역  */
  .common_section_wrap .sec_07,
  .common_section_wrap .hybrid_sec_07 {
      background: #000000;
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: 0px;    
   }

  .common_section_wrap .sec_07 .con_wrap,
  .common_section_wrap .hybrid_sec_07 .con_wrap {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
  }

  .common_section_wrap .sec_07 .con_wrap .con_title .white_span18px,
  .common_section_wrap .hybrid_sec_07 .con_wrap .con_title .white_span18px {
      text-align: center;
      margin-top:calc(100vw * (37/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (50/1315)); 
      margin-left: 0px;
  }

  .common_section_wrap .sec_07 .con_wrap .con_img,
  .common_section_wrap .hybrid_sec_07 .con_wrap .con_img {
      width:  calc(100vw * (1200/1315));
      height:  calc(100vw * (400/1315));
  }

  /* 매트리스 하이브리드 상세페이지 중 추가 컨텐츠 hybrid_add_sec_1 영역*/
  .hybrid_add_sec_1 {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .hybrid_add_sec_1 .con_wrap {
      width: 100%;
      max-width: calc(100vw * (1315/1315));
      padding-top:calc(100vw * (182/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (207/1315)); 
      padding-left: 0px;         
      margin: 0 auto;
  }

  .hybrid_add_sec_1 .con_wrap .con_title {
      margin-bottom:  calc(100vw * (81/1315));
  }


  .hybrid_add_sec_1 .con_wrap .con_box_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box {
      text-align: center;
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .con_box_img {
      width:  calc(100vw * (100/1315));
      height:  calc(100vw * (100/1315));
      margin: 0 auto;
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .blue_span_bold20 {
      padding-top:calc(100vw * (20/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (20/1315)); 
      padding-left: 0px;       
        text-align: center;
  }

  .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .dark_span_16px {
      line-height:  calc(100vw * (26/1315));
  }


  /* sec_08 영역  */
  .common_section_wrap .sec_08 {
      padding-top:  calc(100vw * (182/1315));
  }


  .common_section_wrap .sec_08 .con_title .blue_span_bold_line30 {
      margin-bottom:  calc(100vw * (20/1315));
  }

  .common_section_wrap .sec_08 .con_title .dark_span_nobold22 {
      margin-bottom:  calc(100vw * (50/1315));
  }

  .common_section_wrap .sec_08 .con_wrap {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
  }

  .common_section_wrap .sec_08 .table_con_box {
      display: flex;
      padding-bottom:  calc(100vw * (182/1315));
  }

  .common_section_wrap .sec_08 .table_con_box .ul .list {
      text-align: center;
      width:  calc(100vw * (400/1315));
      height:  calc(100vw * (60/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;        
       background-color: #fafafa;
      font-size:  calc(100vw * (18/1315));
  }

  .common_section_wrap .sec_08 .table_con_box .ul .li_title_ {
      background: #203465;
      color: #ffffff;
      font-weight: 300;
  }

  .con_box_wrap_02 {
      display: flex;
      justify-content: space-between;
  }

  .common_section_wrap .sec_08 .frame_con_box {
      padding-bottom:  calc(100vw * (183/1315));
      text-align: center;
  }

  .common_section_wrap .sec_08 .frame_con_box .con_title {
      padding-bottom:  calc(100vw * (85/1315));
  }

  .common_section_wrap .sec_08 .frame_con_box .button {
      width:  calc(100vw * (220/1315));
      height:  calc(100vw * (60/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;         
      background-color: #203465;
      color: #ffffff;
      border: none;
      font-size:  calc(100vw * (18/1315));
  }

  .common_section_wrap .sec_08 .frame_con_box .con_box {
      width:  calc(100vw * (360/1315));
  }

  .common_section_wrap .sec_08 .frame_con_box .con_img {
      width: inherit;
      height: inherit;
      padding-bottom:  calc(100vw * (45/1315));
      text-align: center;
  }

  .common_section_wrap .sec_08 .frame_con_box .con_img .img {

      width:  calc(100vw * (190/1315));
      height:  calc(100vw * (110/1315));
  }


  .common_section_wrap .sec_08 .frame_con_box .con_box .con_desc {
      border-top: 1px solid #bbbbbb;
      text-align: left;
  }

  .common_section_wrap .sec_08 .frame_con_box .con_box .con_desc .blue_span_bold20 {
      padding-top:calc(100vw * (21/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (23/1315)); 
      padding-left: 0px;     
  }



  /* sec09_wrap 영역  */
  .sec_09 .con_wrap .con_container {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .sec_09 .con_wrap .top_cont .text_wrap {
      padding:  calc(100vw * (16/1315));
  }

  .sec_09 .con_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #dddddd;

  }

  .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
      padding-top:  calc(100vw * (20/1315));
  }

  .sec_09 .con_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom:  calc(100vw * (60/1315));
  }

  .sec_09 .con_wrap .top_cont .title_ .span {
      display: block;
      text-align: inherit;
  }


  .sec_09 .con_desc {
      display: flex;
      justify-content: space-between;
  }

  .sec_09 .con_desc>div:nth-child(2) {
      margin-top:0px; 
      margin-right:calc(100vw * (20 / 1315)); 
      margin-bottom: 0px; 
      margin-left: calc(100vw * (20 / 1315));
  }


  .sec_09 .img_con {
      /* width:  calc(100vw * (400/1315)); */
      /* height:  calc(100vw * (500/1315)); */
  }

  .sec_09 .title_link .span {
      display: inline-block;
      font-size:  calc(100vw * (22/1315));
      line-height:1.5;
      color: #203465;
  }

  .sec_09 .title_link .link {
      display: inline-block;
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (60/1315));
  }


  .sec_10 .con_wrap {
      width: 100%;
      max-width:  calc(100vw * (1200/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (182/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (212/1315)); 
      padding-left: 0px;     
  }

  .sec_10 .con_wrap .mini_qna .link .span {
      text-align: right;
  }

  .sec_10 .con_wrap .blue_span_bold30 {
      margin-bottom:  calc(100vw * (30/1315));
  }






  /* 리뷰 영역  */
  .product_detail_common .section11_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .product_detail_common .section11_wrap .s8_head .span {
      display: inline;
      padding-bottom:  calc(100vw * (23/1315));
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:1.5;
      letter-spacing:  calc(100vw * (-0.3/1315));
      text-align: center;
      color: #203465;
  }

  .product_detail_common .section11_wrap .s8_head {
      padding-bottom:  calc(100vw * (39/1315));
      text-align: center;
  }

  .product_detail_common .section11_wrap .review_con {
      display: flex;
  }

  .product_detail_common .section11_wrap .review_con .left_con {
      width:  calc(100vw * (700/1315));
      margin-right:  calc(100vw * (40/1315));
  }

  .product_detail_common .section11_wrap .review_write {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .product_detail_common .section11_wrap .review_title .title_img {
      display: inline-block;
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      vertical-align: bottom;
  }

  .product_detail_common .section11_wrap .review_title .span {
      display: inline-block;
      margin-left:  calc(100vw * (10/1315));
  }



  .product_detail_common .section11_wrap .review_box .ul .list {
      width:  calc(100vw * (700/1315));
      margin-top:  calc(100vw * (20/1315));
      padding-top:calc(100vw * (21/1315)); 
      padding-right:calc(100vw * (40/1315)); 
      padding-bottom: calc(100vw * (19/1315)); 
      padding-left: calc(100vw * (40/1315));         
      border-radius:  calc(100vw * (10/1315));
      background-color: #fafafa;
  }

  .product_detail_common .section11_wrap .review_box_bottom {
      position: relative;
  }

  .product_detail_common .section11_wrap .review_box_bottom .more_btn {


      position: absolute;
      right: 0%;
      top: 0%;
      z-index: 0;
  }

  .review_box_bottom_customer {
      width: 100%;
      line-height:1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      max-height:  calc(100vw * (48/1315));
      word-break: break-all;
      cursor: pointer;
  }

  .text_clicked {
      display: block;
      overflow: visible;
      max-height: inherit;
  }

  .review_box .more_btn {
      width:  calc(100vw * (63/1315));
      height:  calc(100vw * (21/1315));
      background: none;
      border: none;
  }

  .product_detail_common .section11_wrap .review_box_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:  calc(100vw * (18/1315));
  }


  .product_detail_common .section11_wrap .review_box_top .user_information {
      margin-right:  calc(100vw * (23/1315));
  }

  .product_detail_common .section11_wrap .review_box_top .user_information .span {
      font-size:  calc(100vw * (16/1315));
      font-weight: bold;
      line-height:1.5;
      text-align: left;
      color: #333333;
      display: inline;
  }




  .product_detail_common .section11_wrap .review_box_top .re_sns .link {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      vertical-align: bottom;
      margin-right:  calc(100vw * (10/1315));
  }

  .product_detail_common .section11_wrap .review_box_top .titme_ {
      margin-left:  calc(100vw * (20/1315));
  }

  .product_detail_common .section11_wrap .review_box_top .titme_ .span {
      font-size:  calc(100vw * (16/1315));
      line-height: 1.5;
      text-align: left;
      color: #bbbbbb;
  }

  .product_detail_common .section11_wrap .review_box_top .user_review_info {
      display: flex;
      align-items: center;
  }

  .product_detail_common .section11_wrap .review_box_top .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .product_detail_common .section11_wrap .left_con .pagenation .ul {
      display: flex;
      justify-content: center;
  }

  .product_detail_common .section11_wrap .left_con .pagenation .ul .span {
      display: inline-block;
      margin-top:0px; 
      margin-right:calc(100vw * (5/1315)); 
      margin-bottom:0px; 
      margin-left: calc(100vw * (5/1315));
      font-size:  calc(100vw * (18/1315));
      line-height:1.5;
      text-align: center;
      color: #333333;
  }

  .product_detail_common .section11_wrap .left_con .pagenation .ul .span.on_ {
      font-weight: bold;
      color: #203465;
  }


  .product_detail_common .section11_wrap .right_con .s8_head {
      text-align: left;
  }

  .product_detail_common .section11_wrap .right_con .progress {
      border-radius:  calc(100vw * (10/1315));
      width:  calc(100vw * (346/1315));
      height:  calc(100vw * (10/1315));
      vertical-align: middle;
      margin-top:0px; 
      margin-right:calc(100vw * (19/1315)); 
      margin-bottom:0px; 
  }

  .product_detail_common .section11_wrap .right_con .progress::-webkit-progress-bar {
      background-color: #eaeaea;
      border-radius:  calc(100vw * (10/1315));
      border: none;
  }

  .product_detail_common .section11_wrap .right_con .progress::-webkit-progress-value {
      background-color: #7497e1;
      border-radius:  calc(100vw * (10/1315));
  }



  .product_detail_common .section11_wrap .right_con {
      width:  calc(100vw * (664/1315));
      padding-left:  calc(100vw * (40/1315));
      border-left: 1px solid #bbbbbb;
  }

  .product_detail_common .section11_wrap .right_con_wrap .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .product_detail_common .section11_wrap .right_con_wrap .em_star:last-child {
      margin:0px;
  }

  .product_detail_common .section11_wrap .right_con_wrap .ul .list {
      margin-bottom:  calc(100vw * (36/1315));
  }






  /* as1 페이지  */

  .matt_as1 .section1 .title_span,
  .matt_as2 .section1 .title_span,
  .matt_as3 .section1 .title_span,
  .matt_as4 .section1 .title_span,
  .matt_as5 .section1 .title_span,
  .hybrid_matt_as2 .section1 .title_span,
  .hybrid_matt_as3 .section1 .title_span,
  .hybrid_matt_as5 .section1 .title_span {
      display: block;
      margin-bottom:  calc(100vw * (30/1315));
  }

  .matt_as1 .simple_desc_img,
  .matt_as2 .simple_desc_img,
  .matt_as3 .simple_desc_img,
  .matt_as4 .simple_desc_img,
  .matt_as5 .simple_desc_img,
  .hybrid_matt_as2 .simple_desc_img,
  .hybrid_matt_as3 .simple_desc_img,
  .hybrid_matt_as5 .simple_desc_img {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (46/1315));
  }

  .matt_as1 .simple_desc_wrap,
  .matt_as2 .simple_desc_wrap,
  .matt_as3 .simple_desc_wrap,
  .matt_as4 .simple_desc_wrap,
  .matt_as5 .simple_desc_wrap,
  .hybrid_matt_as2 .simple_desc_wrap,
  .hybrid_matt_as3 .simple_desc_wrap,
  .hybrid_matt_as5 .simple_desc_wrap {

      display: flex;
      align-items: center;
      margin-bottom:  calc(100vw * (20/1315));
  }

  .matt_as1 .simple_desc_wrap .dl div,
  .matt_as2 .simple_desc_wrap .dl div,
  .matt_as3 .simple_desc_wrap .dl div,
  .matt_as4 .simple_desc_wrap .dl div,
  .matt_as5 .simple_desc_wrap .dl div,
  .hybrid_matt_as2 .simple_desc_wrap .dl div,
  .hybrid_matt_as3 .simple_desc_wrap .dl div,
  .hybrid_matt_as5 .simple_desc_wrap .dl div {
      display: flex;
  }

  .matt_as1 .title_ .white_span_12px,
  .matt_as2 .title_ .white_span_12px,
  .matt_as3 .title_ .white_span_12px,
  .matt_as4 .title_ .white_span_12px,
  .matt_as5 .title_ .white_span_12px,
  .hybrid_matt_as2 .title_ .white_span_12px,
  .hybrid_matt_as3 .title_ .white_span_12px,
  .hybrid_matt_as5 .title_ .white_span_12px {

      display: block
  }

  .matt_as1 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .matt_as2 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .matt_as3 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .matt_as4 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .matt_as5 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .hybrid_matt_as2 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .hybrid_matt_as3 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
  .hybrid_matt_as5 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1) {
      margin-left:  calc(100vw * (20/1315));
  }


  .matt_as1 .section2_wrap .top_img_wrap,
  .matt_as2 .section2_wrap .top_img_wrap,
  .matt_as3 .section2_wrap .top_img_wrap,
  .matt_as4 .section2_wrap .top_img_wrap,
  .matt_as5 .section2_wrap .top_img_wrap,
  .hybrid_matt_as2 .section2_wrap .top_img_wrap,
  .hybrid_matt_as3 .section2_wrap .top_img_wrap,
  .hybrid_matt_as5 .section2_wrap .top_img_wrap {
      height:  calc(100vw * (429/1315));
      display: flex;
      justify-content: space-between;
      align-content: flex-end;
      align-items: inherit;
  }

  .matt_as1 .section2_wrap .top_img_wrap .left_icon,
  .matt_as1 .section2_wrap .top_img_wrap .right_icon,
  .matt_as2 .section2_wrap .top_img_wrap .left_icon,
  .matt_as2 .section2_wrap .top_img_wrap .right_icon,
  .matt_as3 .section2_wrap .top_img_wrap .left_icon,
  .matt_as3 .section2_wrap .top_img_wrap .right_icon,
  .matt_as4 .section2_wrap .top_img_wrap .left_icon,
  .matt_as4 .section2_wrap .top_img_wrap .right_icon,
  .matt_as5 .section2_wrap .top_img_wrap .left_icon,
  .matt_as5 .section2_wrap .top_img_wrap .right_icon,
  .hybrid_matt_as2 .section2_wrap .top_img_wrap .left_icon,
  .hybrid_matt_as2 .section2_wrap .top_img_wrap .right_icon,
  .hybrid_matt_as3 .section2_wrap .top_img_wrap .left_icon,
  .hybrid_matt_as3 .section2_wrap .top_img_wrap .right_icon,
  .hybrid_matt_as5 .section2_wrap .top_img_wrap .left_icon,
  .hybrid_matt_as5 .section2_wrap .top_img_wrap .right_icon {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .matt_as1 .section2_wrap .img_wrap .desc_p,
  .matt_as2 .section2_wrap .img_wrap .desc_p,
  .matt_as3 .section2_wrap .img_wrap .desc_p,
  .matt_as4 .section2_wrap .img_wrap .desc_p,
  .matt_as5 .section2_wrap .img_wrap .desc_p,
  .hybrid_matt_as2 .section2_wrap .img_wrap .desc_p,
  .hybrid_matt_as3 .section2_wrap .img_wrap .desc_p,
  .hybrid_matt_as5 .section2_wrap .img_wrap .desc_p {


      font-size:  calc(100vw * (18/1315));
      font-weight: bold;
      line-height:1.2;
      text-align: center;
      color: #203465;
  }

  .matt_as .section2_wrap .top_img_wrap,
  .matt_as2 .section2_wrap .top_img_wrap,
  .matt_as3 .section2_wrap .top_img_wrap,
  .matt_as4 .section2_wrap .top_img_wrap,
  .matt_as5 .section2_wrap .top_img_wrap,
  .hybrid_matt_as2 .section2_wrap .top_img_wrap,
  .hybrid_matt_as3 .section2_wrap .top_img_wrap,
  .hybrid_matt_as5 .section2_wrap .top_img_wrap {
      margin-bottom:  calc(100vw * (80/1315));
  }



  /* as5 페이지  */
  .matt_as5 .common_section_wrap .sec_06 {
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (150/1315)); 
      padding-left: 0px;    
   }

  .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box {
      align-items: inherit;
  }

  .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
      height: inherit;
      padding-top:calc(100vw * (73/1315)); 
      padding-right:0px; 
      padding-bottom:0px;
      padding-left: calc(100vw * (30/1315)); 
  }

  .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
      line-height:1.4;
      margin-bottom:  calc(100vw * (27/1315));
  }

  /* hybrid matt as2 영역  */
  .hybrid_matt_as2 .common_section_wrap .sec_06,
  .hybrid_matt_as3 .common_section_wrap .sec_06,
  .hybrid_matt_as5 .common_section_wrap .sec_06 {
      background: #d0d0d0;
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: 0px;     }


  .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box,
  .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box,
  .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      display: flex;
      align-items: inherit;
  }

  .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
  .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
  .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
      height: inherit;
      padding-left:  calc(100vw * (30/1315));
  }

  .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
  .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
  .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
      height: inherit;
      padding-top:calc(100vw * (68/1315)); 
      padding-right:0px; 
      padding-bottom: 0px; 
      padding-left:calc(100vw * (30/1315)); 
  }

  .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px,
  .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px,
  .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
      line-height:1.4;
      margin-bottom:  calc(100vw * (30/1315));
  }

  /* 매트리스 공통 영역 끝  */

  /* 매트리스 규격 페이지 시작 영역 싱글, 퀸, 킹 , 라지킹  */

  /* common 영역  */
  .matt_dimensions .m_con_wrap,
  .matt_dimensions .m_bottom_text,
  .matt_dimensions .m_s_table,
  .matt_dimensions .m_review_box,
  .matt_dimensions .img_swiper {
      display: none;
  }

  section {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_dimensions .button {
      width:  calc(100vw * (205/1315));
      height:  calc(100vw * (50/1315));
      padding-top:calc(100vw * (15/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (15/1315)); 
      padding-left: 0px;         
      border: 1px solid #203465;
      background-color: #ffffff;
  }

  
/* right side - Option 영역  */
/* right_side_wrap 영역 */
.right_side {
  width:33%;
  max-width:  calc(100vw * (  420 / 1315));
}
.right_side form fieldset {
border:none;
}
.right_side legend {
  display:none;
}
.right_side .top_title_review {
display: flex;
justify-content: space-between;
align-items: center;
}

.right_side .option_title {
  display: inline-block;
  padding-top: calc(100vw * ( 30  / 1315));
  padding-bottom:  calc(100vw * (10   / 1315));
}

.min_title {
  color:#203465;
  font-size: calc(100vw * (14   / 1315));
  line-height: 1.2;
  font-weight: bold;
}

.right_side .top_title_review .link {
  color:#203465;
  font-weight: 300;
text-decoration: underline;
}

.right_side .select_container{
  width:100%;
}

.option_ul {
  width: 100%;
  max-width:  calc(100vw * (  411 / 1315));
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size:  calc(100vw * (  18 / 1315));
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #FFFFFF;
  border-top: none;
  z-index:10
  
}
.option_ul li{
padding-top: calc(100vw * ( 10  / 1315));
padding-right:0px;
padding-bottom: calc(100vw * ( 10  / 1315));
padding-left:  calc(100vw * (20   / 1315));
width: 100%;
  text-align: left;
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
  background:#ffffff;
}
.select_box .select_container::after {
  content: "";
  width:  calc(100vw * (  20 / 1315));
  height:  calc(100vw * (  20 / 1315));
  background: url('../img/right-arrow_24.png');
  background-size: contain;
  position: absolute;
  right: 3%;
  top:30%;
}



/* dicount 영역  */
.p_discount {
    padding-bottom:  calc(100vw * ( 15  / 1315));
    border-bottom: 1px solid #eaeaea;
}
.p_discount .q_title {
color:#203465;
}

.p_discount .content_answer_wrap {
flex-wrap: wrap;
}
.p_discount .content_answer_wrap .con_box {
  width:100%;
  margin-bottom: calc(100vw * (  16 / 1315));
}
.select_box {
  width:100%;
}
.p_discount .content_answer_wrap .con_box:nth-child(2n) {
margin-left:  calc(100vw * ( 10  / 1315));
}
.product_detail_common .p_discount .content_answer_wrap .con_box:nth-child(2n) {
  margin-left:0px;
  }
.p_discount .content_qustion {

  margin-top: calc(100vw * ( 20  / 1315));
  padding-left:  calc(100vw * (  5 / 1315));
  padding-top: calc(100vw * (  10 / 1315));
  padding-bottom: calc(100vw * (  10 / 1315));
}

.p_discount .content_answer {
  width:100%;
  cursor: pointer;
  display: none;
  margin-bottom:  calc(100vw * ( 40  / 1315));
  padding: 0px;
}
.p_discount .div_select {
  width:100%;
}

.p_discount .option_ul {
  width: 100%;
  max-width:  calc(100vw * ( 205  / 1315));
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size:  calc(100vw * ( 18  / 1315));
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #FFFFFF;
  border-top: none;
  
}

.product_detail_common .p_discount .option_ul{
  max-width:calc(100vw * ( 411  / 1315));
}

.con_box_title {
  display: inline-block;
  padding-left: calc(100vw * ( 10  / 1315));
  padding-bottom: calc(100vw * ( 10  / 1315));
  font-size:  calc(100vw * ( 14  / 1315));
  font-weight: bold;
}

/* p_discount_price_wrap 영역  */
.p_discount_price_wrap {
  padding-top: calc(100vw * ( 20  / 1315));
  padding-right:0px;
  padding-bottom: calc(100vw * ( 20  / 1315));
  padding-left:  calc(100vw * (10   / 1315));
    border-bottom: 1px solid #eaeaea;
}

.p_discount_price_wrap .span {
    display: inline-block;
    font-size:  calc(100vw * (  14 / 1315));
    line-height: 1.5;
    text-align: right;
    color: #333333;
}

.mattress_discount,
.frame_discount {
    display: flex;
    justify-content: space-between;
}


/* p_total_price_wrap 영역  */
.p_total_price_wrap {
    padding-top:  calc(100vw * ( 20  / 1315));
}

.to_price_title .span {
    display: inline-block;
}

._price {
    text-decoration: line-through;
}

.to_price_title {
    display: flex;
    justify-content: space-between;
    padding-bottom:  calc(100vw * ( 18  / 1315));
}

.p_total_price_wrap ._title {
    font-size:  calc(100vw * (18   / 1315));
    font-weight: bold;
    line-height:  calc(100vw * ( 18  / 1315));
    text-align: left;
    color: #203465;
}


/* last_price 영역  */
.up_down_ipt .button {
    display: inline-block;
    width: calc(100vw * ( 20  / 1315));
    height:  calc(100vw * (30   / 1315));
    padding:inherit;
    background:none;
    border:none;
    cursor: pointer;
    font-size:  calc(100vw * ( 18  / 1315));
    vertical-align: middle;
}

.up_down_ipt {
    display: flex;
    align-items: center;
}

.last_price {
    display: flex;
    justify-content: space-between;
}
.last_price .result_div {
    width: calc(100vw * (  30 / 1315));
    text-align: center;
    border:1px solid #dddddd;
}

.minus_span,
.plust_span {
    display: inline-block;
    width: calc(100vw * (10   / 1315));
    height:  calc(100vw * ( 30  / 1315));
    position: relative;
}
.result_span {
    display: inline-block;
    width:100%;
    height:  calc(100vw * ( 30  / 1315));
}

.minus_span::after {
    content: "";
    width: calc(100vw * ( 10  / 1315));
    height: 1px;
    background:#000000;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.result_price {
  display: flex;
}
.result_price .span {
    font-family: 'Eina01',sans-serif;
    font-size:  calc(100vw * ( 24  / 1315));
    font-weight: bold;
    line-height: 1.7;
    text-align: right;
    color: #ff6f6f;
}


/* btn_wrap 영역  */
.btn_wrap {
    display: flex;
    justify-content: space-between;
}

.about_delivery {
  padding-top: calc(100vw * ( 64  / 1315));
  padding-right:0px;
  padding-bottom: calc(100vw * ( 10  / 1315));
  padding-left:0px;
    text-align: right;
}

.about_delivery .link .span {
    font-size:  calc(100vw * ( 12  / 1315));
    line-height:1.5;
    text-align: left;
    color: #203465;
}

.btn_wrap .button {
    width: calc(100vw * (   205/ 1315));
    height:  calc(100vw * ( 50  / 1315));
    padding:inherit;
    border:1px solid #203465;
    font-size:  calc(100vw * (  16 / 1315));
  line-height:1.5;
  text-align: center;
}

.btn_wrap .basket_btn {
    background:none;
}

.btn_wrap .buy_btn {
    background:#203465;
    color:#ffffff;
}


  

  /* 리뷰 영역  */
  .common_con_box-review {
      text-align: center;
  }

  .common_con_box-review .blue_span_bold_line30 {
      text-align: center;
  }

  .common_con_box-review .sec_01 {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (120/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (150/1315)); 
      padding-left: 0px;    
   }

  .common_con_box-review .sec_01 .con_box_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top:  calc(100vw * (60/1315));
  }

  .common_con_box-review .sec_01 .con_box_img {
      width:  calc(100vw * (249/1315));
      height:  calc(100vw * (100/1315));
  }





  /* 숙면을 이미지 영역 */
  .common_con_box {
      width: 100%;
      background: linear-gradient(to bottom, #fafafa, #fafafa  calc(100vw * (600/1315)), #ffffff  calc(100vw * (600/1315)));
      padding-top:calc(100vw * (100/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: 0px;     }

  .common_con_box .con_box_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-left: calc(100vw * (20/1315)); 
      padding-right: calc(100vw * (20/1315)); 
  }

  .common_con_box .line_ {
      width: 1px;
      height: 100%;
      border-left: 1px solid #bbbbbb;
      padding-top:calc(100vw * (47/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (47/1315)); 
      padding-left: 0px;    
   }

  .common_con_box .con_box {
      display: flex;
      justify-content: space-between;
  }

  .common_con_box .con_box .con_box_left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .common_con_box .con_box-text .dark_span_nobold18 {
      margin-bottom:  calc(100vw * (47/1315));

  }

  .common_con_box .con_box-img {
      width:  calc(100vw * (658/1315));
  }

  .common_con_box .bottom_text {
      padding-top:  calc(100vw * (40/1315));
  }

  .common_con_box .bottom_text .button {
      display: block;
      width:  calc(100vw * (205/1315));
      height:  calc(100vw * (50/1315));
      padding-top:calc(100vw * (12/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (12/1315)); 
      padding-left: 0px;         border: 1px solid #203465;
      background-color: #fbfbfe;
      text-align: center;
      margin-top:  calc(100vw * (20/1315));
  }

  .common_con_box .con_box .con_box_left .blue_span_bold30 {
      display: inline-block;
      padding-top:calc(100vw * (32/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (32/1315)); 
      padding-left: 0px;     
  }

  .common_con_box .con_box .con_box_right .blue_span_nobold30 {
      margin-top:calc(100vw * (62/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (32/1315)); 
      margin-left: 0px;
  }

  /* common 영역 끝 */


  /* section1_wrap 영역 시작  */

  .matt_dimensions .section1_wrap .con_box_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  }

  .matt_dimensions .section1_wrap .con_box_left-img {
      width: 100%;
      max-width:  calc(100vw * (500/1315));
  }

  .matt_dimensions .section1_wrap .con_box_center {
      text-align: right;
      margin-right:calc(100vw * (40 / 1315));
      margin-left:calc(100vw * (40 / 1315));
  }

  .matt_dimensions .section1_wrap .con_box_center .blue_span_nobold30 {
    font-size:calc(100vw * (25 / 1315));
  }

  .matt_dimensions .section1_wrap .con_box_center .dark_span_nobold22 {
      display: inline-block;
      margin-top:calc(100vw * (22/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (60/1315)); 
      margin-left: 0px;
      text-align: right;
  }

  .matt_dimensions .section1_wrap .con_box_center-img {
      width: 100%;
      max-width:  calc(100vw * (500/1315));
  }

  .matt_dimensions .section1_wrap .con_box_right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding-top:calc(100vw * (20/1315)); 
      padding-bottom: calc(100vw * (100/1315)); 
      padding-left: 1px;         
      border-top: 1px solid #203465;
  }

  .matt_dimensions .section1_wrap .con_box_right .span {
    margin-left:calc(100vw * (10 / 1315));
  }

  .matt_dimensions .section1_wrap .con_box_right .h1 {
      font-family: 'Eina01', sans-serif;
      font-size:  calc(100vw * (100/1315));
      font-weight: bold;
      line-height:  calc(100vw * (140/1315));
      text-align: right;
      color: #203465;
      padding-bottom:  calc(100vw * (43/1315));
  }

  .matt_dimensions .section1_wrap .con_box_right .e_blue_span_bold30 {
      padding-top:calc(100vw * (20/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (30/1315)); 
      padding-left: 0px;         
      display: flex;
  }


  /* 아메리슬리 슈퍼싱글은 누구에게 맞을까요? section4_wrap 영역 시작  */
  .matt_dimensions .section4 {
      width: 100%;
      max-width: inherit;
      padding-top:calc(100vw * (95/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (68/1315)); 
      padding-left: 0px;         
      background: #fbfbfe;
  }

  .matt_dimensions .section4 .section4_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      padding-top:0px; 
      padding-right:calc(100vw * (65/1315)); 
      padding-bottom:0px; 
      padding-left: calc(100vw * (65/1315));
      margin: 0 auto;
  }

  .matt_dimensions .section4 .section4_wrap .con_title {
      text-align: center;
      margin-bottom:  calc(100vw * (80/1315));
  }

  .matt_dimensions .section4 .section4_wrap .con_title span {
      text-align: center;
  }

  .matt_dimensions .section4 .section4_wrap .con_box_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .matt_dimensions .section4_wrap .con_box {
    width:  calc(100vw * (500/1315));
      display: flex;
      align-items: center;
      margin-bottom:  calc(100vw * (80/1315));
  }


  .matt_dimensions .section4_wrap .con_box .con_img {
      width: 100%;
      max-width:  calc(100vw * (100/1315));
      height: auto;
  }

  .matt_dimensions .section4_wrap .con_box .line_ {
      width:  calc(100vw * (340/1315));

      height: 1px;
      border-top:1px solid #bbbbbb;
      margin-top:calc(100vw * (20/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (20/1315)); 
      margin-left: 0px;
  }

  .matt_dimensions .section4_wrap .con_box .con_text {
      margin-left:  calc(100vw * (30/1315));
  }

  .matt_dimensions .section4_wrap .con_box .con_text .dark_span_Li_16px {
      text-align: left;
  }


  /* 얼마를 소비해야 할까요 section5_wrap 섹션  */ 
  /* single size section 영역  */

  .matt_dimensions .section5 {
      width: 100%;
      max-width: inherit;
      padding-top:calc(100vw * (200/1315)); 
      padding-bottom: calc(100vw * (100/1315)); 
      background: linear-gradient(to bottom, #ffffff, #ffffff  calc(100vw * (541/1315)), #fafafa  calc(100vw * (541/1315)));
      margin-bottom:  calc(100vw * (180/1315));
  }

  .queen_matt .section5 {
      width: 100%;
      max-width: inherit;
      padding-top:calc(100vw * (200/1315)); 
      padding-bottom: calc(100vw * (100/1315)); 
      background: linear-gradient(to bottom, #ffffff, #ffffff  calc(100vw * (420/1315)), #fafafa  calc(100vw * (420/1315)));
      margin-bottom:  calc(100vw * (180/1315));
  }

  .matt_dimensions .section5_wrap,
  .queen_matt .section5_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_dimensions .section5_wrap .con_box_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .queen_matt .section5_wrap .con_box_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
  }

  .matt_dimensions .section5_wrap .con_title {
      padding-bottom:  calc(100vw * (61/1315));
      text-align: center;
  }

  .queen_matt .section5_wrap .con_title {
      padding-bottom:  calc(100vw * (81/1315));
  }

  .matt_dimensions .section5_wrap .con_box_img_as3,
  .queen_matt .section5_wrap .con_box_img_as3 {
      width: 100%;
      max-width:  calc(100vw * (460/1315))
  }


  .matt_dimensions .section5_wrap .con_box_img_as5,
  .queen_matt .section5_wrap .con_box_img_as5 {
      width: 100%;
      max-width:  calc(100vw * (460/1315))
  }

  .queen_matt .section5_wrap .con_box_img_as5 {
      margin-top:  calc(100vw * (40/1315));
  }

  .matt_dimensions .section5_wrap .con_box_text {
      padding-top:  calc(100vw * (60/1315));
  }

  .matt_dimensions .section5_wrap .con_box_text p {
      margin-bottom:  calc(100vw * (31/1315));
      line-height:1.7;
  }

  .queen_matt .section5_wrap .con_box_text p {
      font-size:  calc(100vw * (18/1315));
      line-height: 1.7;
      letter-spacing:  calc(100vw * (-0.36/1315));
      text-align: left;
      color: #333333;
      margin-top:  calc(100vw * (21/1315));
  }

  .king_matt .section5_wrap .con_box:last-child,
  .large_matt .section5_wrap .con_box:last-child {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }


  /* 매트리스 가격을 높이는 일반적인 기술들 section6_wrap 섹션  */
  .matt_dimensions .section6 {
      padding-bottom:  calc(100vw * (181/1315));
      padding-left: calc(100vw * (20 / 1315));
  }

  .matt_dimensions .section6_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_dimensions .section6_wrap .con_box_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }


  .matt_dimensions .section6_wrap .con_box_wrap .con_box_text .dark_span_nobold18 {
      padding-top:  calc(100vw * (42/1315));
      padding-bottom:  calc(100vw * (42/1315));
      text-align: left;
  }

  .matt_dimensions .section6_wrap .con_box_ul {
      display: flex;
      text-align: center;

  }

  .matt_dimensions .section6_wrap .con_box_ul .ul {
      flex-grow: 1;
      border-right: 1px solid #dddddd;
  }


  .matt_dimensions .section6_wrap .con_box_ul .ul:last-child {
      border: none;
  }

  .matt_dimensions .section6_wrap .con_box_ul .list {
      width:  calc(100vw * (405/1315));
      height:  calc(100vw * (60/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #dddddd;
  }

  .matt_dimensions .section6_wrap .sub_title {
      background: #fafafa;
  }

  .matt_dimensions .section6_wrap .con_box_ul .list_title {
      background: #203465;
      color: #ffffff;
  }



  /*--------매트리스 사이즈 영역 시작-----------------------  */

  .matt_dimensions .section7 {
      width: 100%;
      padding-top:calc(100vw * (82/1315));  
      padding-bottom: calc(100vw * (100/1315));        
      background: #fbfbfe;
  }

  .matt_dimensions .section7 .section7_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_dimensions .section7 .section7_wrap .title_ {
      text-align: center;
  }

  .matt_dimensions .section7 .section7_wrap .blue_span_bold24 {
      display: block;
      margin-bottom:  calc(100vw * (22/1315));
  }

  .matt_dimensions .section7 .top_con .content_warp {
      display: flex;
      justify-content: space-evenly;
      margin-top:  calc(100vw * (100/1315));
      padding-bottom:  calc(100vw * (100/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .matt_dimensions .section7 .content_warp .con_box {
      text-align: center;
  }

  .matt_dimensions .section7 .content_warp .con_box>.span {
      display: inline-block;
      padding-top:  calc(100vw * (32/1315));
  }

  .matt_dimensions .section7 .top_con .single_box {
      width: calc(100vw * ( 120/1315));
      height:  calc(100vw * (220/1315));
      background: none;
      border-radius: calc(100vw * ( 5/1315));
  }

  .matt_dimensions .section7 .top_con .single_box,
  .matt_dimensions .section7 .top_con .queen_box,
  .matt_dimensions .section7 .top_con .king_box,
  .matt_dimensions .section7 .top_con .large_king_box {
      height:  calc(100vw * (220/1315));
  }

  .matt_dimensions .section7 .inner_box {
      background: #ffffff;
      position: relative;
      border: 1px solid #dddddd;
      border-radius:  calc(100vw * (5/1315));
  }

  .matt_dimensions .section7 .single_box .inner_box {
      width: calc(100vw * (110 /1315));
      height: calc(100vw * ( 203/1315));

  }

  .matt_dimensions .section7 .queen_box .inner_box {
      width:  calc(100vw * (153/1315));
      height:  calc(100vw * (203/1315));

  }

  .matt_dimensions .section7 .king_box .inner_box {
      width:  calc(100vw * (163/1315));
      height:  calc(100vw * (203/1315));

  }

  .matt_dimensions .section7 .large_king_box .inner_box {
      width:  calc(100vw * (183/1315));
      height:  calc(100vw * (203/1315));

  }


  .matt_dimensions .section7 .h_box,
  .matt_dimensions .section7 .w_box {
      position: absolute;
  }

  .matt_dimensions .section7 .w_box {
      width: 100%;
      height: 1px;
      left: 0%;
      bottom:  calc(-100vw * (17/1315));
      background: #bbbbbb;
  }

  .matt_dimensions .section7 .h_box {
      width: 1px;
      height: 100%;
      right:  calc(-100vw * (10/1315));
      top: 0%;
      background: #bbbbbb;
  }

  .matt_dimensions .section7 .h_box .span {
      position: absolute;
      top: 50%;
      transform: translate(-5%, -50%);
      display: inline-block;
      height:  calc(100vw * (42/1315));
      background: #fbfbfe;
      padding-top:calc(100vw * (10/1315)); 
      padding-right:calc(100vw * (10/1315)); 
      padding-bottom: calc(100vw * (10/1315)); 
      padding-left: 0px;     }

  .matt_dimensions .section7 .w_box .span {
      position: absolute;
      display: block;
      width:  calc(100vw * (50/1315));
      text-align: center;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fbfbfe;
  }


  /* bottom 영역 */

  .matt_dimensions .section7 .bottom_con {
      padding-top:  calc(100vw * (82/1315));
  }

  .matt_dimensions .section7 .bottom_con .inner_box {
      background: #ffffff;
      position: relative;
      border: 1px solid #dddddd;
      border-radius:  calc(100vw * (5/1315));
  }

  .matt_dimensions .section7 .bottom_con .single_box .inner_box {
      width:  calc(100vw * (60/1315));
      height:  calc(100vw * (100/1315));

  }

  .matt_dimensions .section7 .bottom_con .queen_box .inner_box {
      width:  calc(100vw * (80/1315));
      height:  calc(100vw * (110/1315));

  }

  .matt_dimensions .section7 .bottom_con .king_box .inner_box {
      width:  calc(100vw * (110/1315));
      height:  calc(100vw * (120/1315));

  }

  .matt_dimensions .section7 .bottom_con .large_king_box .inner_box {
      width:  calc(100vw * (130/1315));
      height:  calc(100vw * (140/1315));

  }

  .matt_dimensions .section7 .bottom_con .content_warp {
      display: flex;
      justify-content: space-evenly;
      padding-top:  calc(100vw * (60/1315));
  }

  .matt_dimensions .section7 .bottom_con .con_box {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      text-align: left;
  }

  .matt_dimensions .section7 .bottom_con .content_warp .span {
      display: block;
      padding-left:  calc(100vw * (20/1315));
  }

  .matt_dimensions .section7 .bottom_con .blue_bold18_ {
      text-align: left;
  }

  .matt_dimensions .section7 .inner_box.on_active,
  .matt_dimensions .section7 .bottom_con .inner_box.on_active {
      border: 3px solid #203465;
  }

  .matt_dimensions .section7 .inner_box.on_active,
  .matt_dimensions .section7 .bottom_con .inner_box.on_active {
      border: 3px solid #203465;
  }


  /* 매트리스 박스포장 섹션  */
  .matt_dimensions .section8 {
      display: flex;
      justify-content: flex-end;
      padding-top:calc(100vw * (180/1315)); 
      padding-bottom: calc(100vw * (150/1315)); 
      }

  .matt_dimensions .section8_wrap {
      width: 100%;
      max-width:  calc(100vw * (1618/1315));

  }

  .matt_dimensions .section8_wrap .con_box_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  }

  .matt_dimensions .section8_wrap .con_box_text .blue_span_bold30 {
      display: inline-block;
      padding-bottom:  calc(100vw * (42/1315));
  }

  .matt_dimensions .section8_wrap .con_box_text p {
      padding-bottom:  calc(100vw * (20/1315));
  }

  .matt_dimensions .section8_wrap .con_box_text .blue_bold18_ {
      line-height:1.5;
      text-align: left;
  }

  .matt_dimensions .section8_wrap .con_box_img {
      width: 100%;
      max-width:  calc(100vw * (730/1315));
      padding-left:  calc(100vw * (20/1315));
      
     
  }

  /* 배송 표 섹션 section9_wrap  */
  .matt_dimensions .section9 {
    padding-left:0px;
    padding-right:0px;
  }
  .matt_dimensions .section9_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_dimensions .section9_wrap .con_box_wrap {
      display: flex;
      justify-content: space-between;
  }

  .matt_dimensions .section9_wrap .con_box_wrap .con_box {
      flex-grow: 1;
  }



  .matt_dimensions .section9_wrap .con_box_wrap .list {
      width:  calc(100vw * (638/1315));
      height:  calc(100vw * (60/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;         
      background-color: #fbfbfe;
      border-bottom: 1px solid #dddddd;
      text-align: center;
  }

  .matt_dimensions .section9_wrap .con_box_wrap .list:nth-child(2n) {
      background: #ffffff;
  }

  .matt_dimensions .section9_wrap .con_box_wrap .list_title {
      border-bottom: 1px solid #707070;
      background: none;
  }

  .matt_dimensions .section9_wrap .con_box_wrap .con_box:first-child .list_title:first-child {
      border-bottom: 1px solid #203465;
      color: #203465;
      font-weight: bold;
  }




  /* 10qjs -0sssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

  /* 자주 묻는 질문 qna 영역  */
  .matt_dimensions .section10_wrap,
  .matt_dimensions .section13_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:calc(100vw * (180/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (180/1315)); 
      padding-left: 0px;     }

  .matt_dimensions .section10_wrap .content_qustion,
  .matt_dimensions .section13_wrap .content_qustion {
      padding:  calc(100vw * (40/1315));
      font-size: calc(100vw * (16/1315));
      border-top: 1px solid #bbbbbb;

      position: relative;
      cursor: pointer;
  }


  .matt_dimensions .section10_wrap .content_qustion_wrap,
  .matt_dimensions .section13_wrap .content_qustion_wrap {
      position: relative;

  }

  .matt_dimensions .section10_wrap .content_qustion_wrap .q_title,
  .matt_dimensions .section13_wrap .content_qustion_wrap .q_title {
      font-weight: bold;
  }

  .matt_dimensions .section13_wrap .mini_qna .ul {
      border-bottom: 1px solid #dddddd;
  }

  .matt_dimensions .section10_wrap .content_qustion_wrap::after,
  .matt_dimensions .section13_wrap .content_qustion_wrap::after {
      content: "";
      width:  calc(100vw * (18/1315));
      height:  calc(100vw * (18/1315));
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotateZ(0deg);
      background: url("../img/right-arrow_24.png") no-repeat;
      background-size: contain;
  }

  .matt_dimensions .section10_wrap .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom:  calc(100vw * (40/1315));
      padding-top:calc(100vw * (40/1315)); 
      padding-right:0px; 
      padding-bottom:calc(100vw * (60/1315));
      padding-left:calc(100vw * (40/1315));         
      border-bottom: 1px solid #bbbbbb;
  }

  .matt_dimensions .section13_wrap .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom:  calc(100vw * (40/1315));
      padding-top:calc(100vw * (40/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: calc(100vw * (40/1315));         
      border-bottom: none;
  }

  .queen_matt .section13_wrap .content_answer {
      cursor: pointer;
      display: none;
      margin-bottom:  calc(100vw * (40/1315));
      padding-top:calc(100vw * (20/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (40/1315)); 
      padding-left: calc(100vw * (40/1315));         
      border-bottom: none;
  }

  .matt_dimensions .section10_wrap .content_answer_wrap,
  .matt_dimensions .section13_wrap .content_answer_wrap {
      font-size: calc(100vw * (16/1315));
  }

  .matt_dimensions .section10_wrap .content_answer_wrap {
      display: block;
  }

  .matt_dimensions .section10_wrap .q_title {
      font-size:  calc(100vw * (30/1315));
      font-weight: bold;
      line-height:1.6;
      text-align: center;
      color: #203465;
  }

  .matt_dimensions .section10_wrap .a_desc {
      font-size:  calc(100vw * (16/1315));
      line-height: 1.6;
      text-align: center;
      color: #333333;
  }

  .matt_dimensions .section10_wrap .blue_bold18_,
  .matt_dimensions .section13_wrap .blue_bold18_ {
      display: inline-block;
      margin-top:calc(100vw * (32/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (82/1315)); 
      margin-left: 0px;
  }


  .matt_dimensions .section10_wrap .con_table {
      text-align: center;
  }

  .matt_dimensions .section10_wrap .con_table .span {
      display: inline-block;
      padding-top:calc(100vw * (60/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (60/1315)); 
      padding-left: 0px;     }




  .matt_dimensions .section10_wrap .con_box_ul {
      display: flex;
      text-align: center;

  }

  .matt_dimensions .section10_wrap .con_box_ul .ul {
      flex-grow: 1;
      border-right: 1px solid #dddddd;
  }


  .matt_dimensions .section10_wrap .con_box_ul .ul:last-child {
      border: none;
  }

  .matt_dimensions .section10_wrap .con_box_ul .list {
      height:  calc(100vw * (80/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .matt_dimensions .section10_wrap .sub_title {
      background: #fafafa;
  }

  .matt_dimensions .section10_wrap .con_box_ul .list_title {
      height:  calc(100vw * (60/1315));
      background: #203465;
      color: #ffffff;
  }

  /* 아메리슬립 내부구조는 어떤가요? 영역  */
  .matt_dimensions .section11_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
  }

  .matt_dimensions .section11_wrap .con_title span {
      text-align: center;
  }

  .matt_dimensions .section11_wrap .con_title p {
      margin-top:calc(100vw * (22/1315)); 
      margin-right:0px; 
      margin-bottom: calc(100vw * (60/1315)); 
      margin-left: 0px;
      text-align: center;
  }

  .matt_dimensions .section11_wrap .con_box_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .matt_dimensions .section11_wrap .con_box {
      margin-bottom:  calc(100vw * (30/1315));
  }

  .matt_dimensions .section11_wrap .con_box>div {
      display: flex;
      align-items: center;
  }

  .matt_dimensions .section11_wrap .con_img {
      width: 100%;
      height: auto;
      max-width:  calc(100vw * (130/1315));
      margin-right:  calc(100vw * (30/1315));
  }

  .matt_dimensions .section11_wrap .con_img_right {
    width: 100%;
    margin-left: calc(100vw * (24 / 1315));
    max-width: calc(100vw * (587/1315));
  }




  /* section12 영역  */
  /* 리뷰 영역  */
  /* section8_wrap 영역  */
  .matt_dimensions .section12_wrap {
      width: 100%;
      max-width:  calc(100vw * (1315/1315));
      margin: 0 auto;
      padding-top:  calc(100vw * (188/1315));
  }

  .matt_dimensions .section12_wrap .s8_head {
      padding-bottom:  calc(100vw * (39/1315));
      text-align: center;
  }

  .matt_dimensions .section12_wrap .s8_head .span {
      font-size:  calc(100vw * (30/1315));
      color: #203465;
      font-weight: bold;
  }

  .matt_dimensions .section12_wrap .review_con {
      display: flex;
      align-items: flex-start;
  }

  .matt_dimensions .section12_wrap .review_con .left_con {
      width:  calc(100vw * (700/1315));
      margin-right:  calc(100vw * (40/1315));
  }

  .matt_dimensions .section12_wrap .review_write {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom:  calc(100vw * (20/1315));
      border-bottom: 1px solid #bbbbbb;
  }

  .matt_dimensions .section12_wrap .review_title .title_img {
      display: inline-block;
      width:  calc(100vw * (24/1315));
      height:  calc(100vw * (24/1315));
      vertical-align: bottom;
  }

  .matt_dimensions .section12_wrap .review_title .span {
      display: inline-block;
      margin-left:  calc(100vw * (10/1315));
  }


  .matt_dimensions .section12_wrap .review_box {}

  .matt_dimensions .section12_wrap .review_box .ul .list {
      width:  calc(100vw * (700/1315));
      margin-top:  calc(100vw * (20/1315));
      padding-top:calc(100vw * (21/1315)); 
      padding-right:calc(100vw * (40/1315)); 
      padding-bottom: calc(100vw * (19/1315)); 
      padding-left: calc(100vw * (40/1315));         
      border-radius:  calc(100vw * (10/1315));
      background-color: #fafafa;
  }

  .matt_dimensions .section12_wrap .review_box_bottom {
      position: relative;
  }

  .matt_dimensions .section12_wrap .review_box_bottom .more_btn {


      position: absolute;
      right: 0%;
      top: 0%;
      z-index: 0;
  }

  .review_box_bottom_customer {
      width: 100%;
      line-height: 1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      max-height:  calc(100vw * (48/1315));
      word-break: break-all;
      cursor: pointer;
  }

  .text_clicked {
      display: block;
      overflow: visible;
      max-height: inherit;
  }

  .review_box .more_btn {
      width:  calc(100vw * (63/1315));
      height:  calc(100vw * (21/1315));
      background: none;
      border: none;
  }

  .matt_dimensions .section12_wrap .review_box_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:  calc(100vw * (18/1315));
  }


  .matt_dimensions .section12_wrap .review_box_top .user_information {
      margin-right:  calc(100vw * (23/1315));
  }

  .matt_dimensions .section12_wrap .review_box_top .user_information .span {
      font-size:  calc(100vw * (16/1315));
      font-weight: bold;
      line-height: 1.5;
      text-align: left;
      color: #333333;
  }




  .matt_dimensions .section12_wrap .review_box_top .re_sns .link {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      vertical-align: bottom;
      margin-right:  calc(100vw * (10/1315));
  }

  .matt_dimensions .section12_wrap .review_box_top .titme_ {
      margin-left:  calc(100vw * (20/1315));
  }

  .matt_dimensions .section12_wrap .review_box_top .titme_ .span {
      font-size:  calc(100vw * (16/1315));
      line-height:1.5;
      text-align: left;
      color: #bbbbbb;
  }

  .matt_dimensions .section12_wrap .review_box_top .user_review_info {
      display: flex;
      align-items: center;
  }

  .matt_dimensions .section12_wrap .review_box_top .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .matt_dimensions .section12_wrap .left_con .pagenation .ul {
      display: flex;
      justify-content: center;
  }

  .matt_dimensions .section12_wrap .left_con .pagenation .ul .span {
      display: inline-block;
      margin-top:0px; 
      margin-right:calc(100vw * (5/1315)); 
      margin-bottom:0px; 
      margin-left: calc(100vw * (5/1315));
      font-size:  calc(100vw * (18/1315));
      line-height: 1.6;
      text-align: center;
      color: #333333;
  }

  .matt_dimensions .section12_wrap .left_con .pagenation .ul .span.on_ {
      font-weight: bold;
      color: #203465;
  }


  .matt_dimensions .section12_wrap .right_con .s8_head {
      text-align: left;
      font-size:  calc(100vw * (30/1315));
      color: #203465;
      font-weight: bold;
  }

  .matt_dimensions .section12_wrap .right_con .progress {
      border-radius:  calc(100vw * (10/1315));
      width:  calc(100vw * (346/1315));
      height:  calc(100vw * (10/1315));
      vertical-align: middle;
      margin-top:0px; 
      margin-right:calc(100vw * (19/1315)); 
      margin-bottom:0px; 
  }

  .matt_dimensions .section12_wrap .right_con .progress::-webkit-progress-bar {
      background-color: #eaeaea;
      border-radius:  calc(100vw * (10/1315));
      border: none;
  }

  .matt_dimensions .section12_wrap .right_con .progress::-webkit-progress-value {
      background-color: #7497e1;
      border-radius:  calc(100vw * (10/1315));
  }


  .matt_dimensions .section12_wrap .right_con {
      width:  calc(100vw * (664/1315));
      padding-left:  calc(100vw * (40/1315));
      border-left: 1px solid #bbbbbb;
  }

  .matt_dimensions .section12_wrap .right_con_wrap .em_star {
      display: inline-block;
      width:  calc(100vw * (20/1315));
      height:  calc(100vw * (20/1315));
      margin-right:  calc(100vw * (10/1315));
      vertical-align: text-bottom;
  }

  .matt_dimensions .section12_wrap .right_con_wrap .em_star:last-child {
      margin: 0px;
  }

  .matt_dimensions .section12_wrap .right_con_wrap .ul .list {
      margin-bottom:  calc(100vw * (36/1315));
  }




  /* ---------------------------------------section 13 질문 영역 ------------------------ */
  .matt_dimensions .section13_wrap .mini_qna .blue_span_bold30 {
      display: inline-block;
      margin-bottom:  calc(100vw * (20/1315));
  }


  .matt_dimensions .section13_wrap .con_table {
      text-align: center;
      margin-top:  calc(100vw * (30/1315));
  }

  .matt_dimensions .section13_wrap .con_table .span {
      display: inline-block;
      padding-bottom:  calc(100vw * (60/1315));
  }


  .matt_dimensions .section13_wrap .con_box_ul {
      display: flex;
      text-align: center;

  }

  .matt_dimensions .section13_wrap .con_box_ul .ul {
      border-right: 1px solid #dddddd;
  }


  .matt_dimensions .section13_wrap .con_box_ul .ul:last-child {
      border: none;
  }

  .matt_dimensions .section13_wrap .con_box_ul .list {
      width:  calc(100vw * (230/1315));
      height:  calc(100vw * (60/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #dddddd;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .king_matt .section13_wrap .con_box_ul .list {
      width:  calc(100vw * (226/1315));
      height:  calc(100vw * (206/1315));
      padding-top:calc(100vw * (18/1315)); 
      padding-right:0px; 
      padding-bottom: calc(100vw * (18/1315)); 
      padding-left: 0px;         
      border-bottom: 1px solid #dddddd;
  }



  .matt_dimensions .section13_wrap .sub_title {
      background: #fafafa;
  }

  .king_matt .section13_wrap .con_box_ul .list_title {
      height:  calc(100vw * (60/1315));
      background: #203465;
      color: #ffffff;
      text-align: center;
  }

  .king_matt .section13_wrap .con_box_ul .ul:first-child .list {
      text-align: center;
      display: flex;
      align-content: center;
      justify-content: center;

  }

  .king_matt .section13_wrap .con_box_ul .ul:first-child .list:not(.list:nth-child(1)) {
      background: #fafafa;
      color: #203465;
      font-weight: bold;
  }

  .king_matt .section13_wrap .con_box_ul .ul:not(.ul:first-child) .list:not(.list:nth-child(1)) {
      background: #ffffff;
      text-align: left;
      display: flex;
      align-content: center;
      justify-content: flex-start;
      padding-left:  calc(100vw * (20/1315));

  }

  .king_matt .section13_wrap .second_table .ul .list {
      height:  calc(100vw * (60/1315));
      text-align: center;

  }

  .king_matt .section13_wrap .second_table .ul:not(.ul:first-child) .list:not(.list:nth-child(1)) {

      text-align: center;
      display: flex;
      align-content: center;
      justify-content: center;
  }

  .king_matt .section13_wrap .con_table {
      margin-bottom:  calc(100vw * (60/1315));
  }

  .king_matt .section13_wrap .blue_bold18_29li {
      display: block;
      margin-bottom:  calc(100vw * (20/1315));
      text-align: left;
  }

  .king_matt .section13_wrap .dark_span_Li_16px {
      display: inline-block;
      text-align: left;
      margin-bottom:  calc(100vw * (23/1315));
  }


  /* 팝업 공통 */

.popup {
  width:100vw;
  height: 100vh;
  background:rgba(0, 0, 0, 0.5);
  position: absolute;
  top:0%;
  left:0%;
display: none;

}

.popup_conwrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup .popup_con {
  width: calc(100vw * ( 415 /  1315));
  height:  calc(100vw * ( 204 /  1315));
  background:#ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 큰사이즈 팝업  */
.alert_resend_complete .popup_con,
.alert_resend_check .popup_con {
width: calc(100vw * ( 616 /  1315));
height:  calc(100vw * ( 284 /  1315));

}




.popup .login_fail {
  font-size:  calc(100vw * ( 16 /  1315));
}

.popup .popcheck_btn,
.pop_cancle_btn {
  display: block;
  width: calc(100vw * (254  /  1315));
  height:  calc(100vw * ( 50 /  1315));
  background:#203465;
  color:#ffffff;
  border:none;
  margin-top:  calc(100vw * ( 40 /  1315));
}



/* 팝업 공통 끝 */

/* 아이디 찾기 영역 시작 */

.message_wrap {
  padding-top:  calc(100vw * ( 62 /  1315));
  text-align: center;
}

.realUserID {
  display: inline-block;
  padding-bottom:  calc(100vw * ( 43 /  1315));
}

.realUserID strong {
  color:#203465;
} 
.correct_info .link {
  color:#203465;
  text-decoration: underline;
}

/* 회원 정보가 맞지 않을때 */
.notcorrect_info {
  color:#ff6f6f;
  display: none;
}
/* 아이디 찾기 영역 끝*/




/* 비밀번호찾기 영역 */
#findPw .link {
  color:#ffffff;
  }

.verify_con_wrap {
  width: 100%;
}
.verify_con_wrap .popup_con {
width: calc(100vw * ( 616 /  1315));
height:  calc(100vw * ( 400 /  1315));
}

.verify_con_wrap .span {
  color:#203465;
  font-weight: bold;
}

.verify_con_wrap .p {
  text-align: center;
  margin-top:  calc(100vw * ( 20 /  1315));
  margin-bottom:  calc(100vw * ( 40 /  1315));
}

.put_verify_con {
  width:  calc(100vw * ( 516 /  1315));
  height:  calc(100vw * (60  /  1315));
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#fafafa;
  border:1px solid #dddddd;
  padding-top:  calc(100vw * ( 10 /  1315));
  padding-bottom:  calc(100vw * ( 10 /  1315));
  padding-left:  calc(100vw * ( 20 /  1315));
  padding-right:  calc(100vw * ( 20 /  1315));
}

.put_verify_con .input_verify {
  width: calc(100vw * ( 300 /  1315));
  height: calc(100vw * ( 40 /  1315));
  background:#ffffff;
  border:1px solid #dddddd;
}
.input_verify_ipt {
  width: 100%;
  height:100%;
  border:none;
  padding-left:  calc(100vw * ( 10 /  1315));
}
.resubmit_btn {
  width: calc(100vw * ( 88 /  1315));
  height: calc(100vw * (40  /  1315));
background:#203465;
color:#ffff;
border:none;
}

.verify_con_wrap .btn_wrap,
.newPw .btn_wrap {
display: flex;
justify-content: space-between;
}

.pop_cancle_btn {
  background:#ffffff;
  color:#203465;
  border:1px solid #203465;
  margin-right:  calc(100vw * (8 /  1315));
}

/* 비밀번호찾기 영역 */



/* 비밀번호찾기 - 인증번호 받기 영역  */
.pw_verify {
  text-align: center;
  padding-top:  calc(100vw * ( 100 /  1315));
}

.pw_verify .span {
  font-size:  calc(100vw * ( 22 /  1315));
  line-height: 1.5;
}

.pw_verify .span strong {
  color:#203465;
}

.pw_verify_con {
  width: calc(100vw * ( 470 /  1315));
  height:  calc(100vw * ( 250 /  1315));
  border:1px solid #dddddd;
  margin:0 auto;
  margin-top:  calc(100vw * ( 40 /  1315));
  padding-top:  calc(100vw * ( 40 /  1315));
  padding-bottom:  calc(100vw * ( 40 /  1315));
  text-align: center;

}
.pw_verify_con .p {
  padding-top:  calc(100vw * ( 23 /  1315));
  padding-bottom:  calc(100vw * ( 33 /  1315));
}
.pw_verify_con .link {
  color:#203465;
  font-weight: bold;
  text-decoration: underline;
}
/* 비밀번호찾기 - 인증번호 받기 영역 끝 */

/* 인증번호 재전송 영역  */
.alert_resend_check strong{
color:#203465;
}

.alert_resend_check .span:nth-child(2){
  display: inline-block;
  text-align: center;
  padding-top: calc(100vw * ( 23 /  1315));
}

.alert_resend_check .btn_wrap {
  display: flex;
}


/* 인증번호 재전송 영역 끝 */



/* 비밀번호변경 flow 영역 */
.newPw .popup_con {
  width: calc(100vw * ( 616 /  1315));
  height:  calc(100vw * ( 701/  1315));
  padding-right:  calc(100vw * ( 50 /  1315));
  padding-left:  calc(100vw * (50 /  1315));
}
.newPw .title_ {
  color:#203465;
  font-weight: bold;
}

.newPw p:nth-child(2) {
  padding-top: calc(100vw * ( 23 /  1315));
  padding-bottom: calc(100vw * ( 50 /  1315));
}

.newPw .input_verify {
  position:relative;
}

.newPw .safety {
  width: calc(100vw * ( 150 /  1315));
  height:  calc(100vw * ( 30 /  1315));
  position: absolute;
  background:#ffffff;
  border:1px solid #203465;
  z-index: 1;
  left: 10%;
  bottom:-50%;
  font-size:  calc(100vw * ( 12 /  1315));
  display: flex;
  justify-content: center;
  align-items: center;
}


.low_ strong {
  color:#FF6F6F;

}


.middle_ strong {
  color:#7497E1;
}


.high_ strong {
  color:#49C2AE;
}
.newPw .low_,
.newPw .high_
{
  display: none;
}

.newPw .put_verify_con:nth-child(3){
border-bottom:none;
}

.newPw .put_verify_con:nth-child(4){
  border-top:none;
  }
  .newPw p:nth-child(5) {
      padding-top: calc(100vw * ( 53 /  1315));
      padding-bottom: calc(100vw * ( 23 /  1315));
      text-align: center;
      color:#203465;
  }    

.newPw p:nth-child(6) {
  text-align:center;
  line-height: 1.5;
}
.newPw .input_verify {

}

/* 새 비밀번호와 새 비밀번호가 일치 할때  팝업*/
.correct_newpw .popup_con,
.nocorrect_newpw .popup_con {
width: calc(100vw * ( 616 /  1315));
height:  calc(100vw * ( 284 /  1315));
}
/* 비밀번호변경 flow 영역 끝 */



/* basket_default 영역  */
    /* common */


    /* common END*/
      /* basket_default 영역 - Heading  */
      .basket_default {
        width:100%;
        padding-top: calc(100vw * ( 200 /  1315));
      }
      
      .basket_default .section1{
        width:100%;
      }
      
      .basket_default .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .basket_default .section1 .container .heading {
        width:71%;
        max-width:  calc(100vw * ( 1315 /  1315));
        height:  calc(100vw * ( 60 /  1315));
        margin:0 auto;
        padding-bottom:  calc(100vw * ( 21 /  1315));
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .basket_default .section1 .container .heading>h2 {
        width: calc(100vw * ( 123 /  1315));
        font-size:  calc(100vw * ( 30 /  1315));
        font-weight: bold;
        color:#203465;
      } 

      .basket_default .section2 {
        width:100%;
      }

      .basket_default .section2 .container {
        width:71%;
        margin-top:calc(100vw * ( 62 /  1315));
        margin-right:auto;
        margin-bottom:0px;
        margin-left:auto;

      }


      .basket_default .section2 .container .heading>h3 {
        font-size:  calc(100vw * ( 18 /  1315));
        font-weight: bold;
        color: #203465;
        text-align: left;
        margin-bottom:  calc(100vw * ( 20 /  1315));
      } 

       /* basket_default 영역 - Title  */
       .basket_default .basket_default_wrap {
        width:100%;
       }

       .basket_default .basket_default_title {
        width:100%;
        height:  calc(100vw * ( 50 /  1315));
        background:#203465;
        color:#ffffff;
        font-size:  calc(100vw * ( 18 /  1315));
       }

       .basket_default .basket_default_title .ul {
         width:100%;
         height: 100%;
         display: flex;
         justify-content: space-around;
         align-items: center;
         text-align: center;
       }

             /* basket_default_contents */
      .basket_default_contents {
        width:100%;
        text-align: center;
        background:#ffffff;
        border-bottom: 1px solid #203465;
      }

      .basket_default_contents .ul {
        display:flex;
        justify-content: space-around;
      }

      .basket_default_contents .ul .list {
        padding-top:calc(100vw * ( 10 /  1315));
        padding-bottom:calc(100vw * ( 10 /  1315));
        font-size:  calc(100vw * ( 14 /  1315));
      }

      .basket_default_contents .empty_massage {
        font-size:  calc(100vw * ( 18 /  1315));
      }


      /* basket_default 영역  끝 */


      
/* basket_choise 영역  */
    /* common */
  



    /* common END*/
      /* basket_choise 영역 - Heading  */
      .basket_choise .span {
        display:inline;
      }
      .basket_choise .flow_arrow {
        display: inline-block;
        width:calc(100vw * (18 / 1315));
        height: calc(100vw * (18 / 1315));
        background:url("../img/right-arrow_24.png") no-repeat;
        background-size: contain;
        transform: rotate(-90deg);
      }
      .basket_choise {
        width:100%;
        padding-top: calc(100vw * ( 130 /  1315));
        background:#fbfbfe;
      }
      
      .basket_choise .section1{
        width:100%;
        padding-top:  calc(100vw * ( 80 /  1315));
      }
      
      .basket_choise .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .basket_choise .section1 .container .heading {
        width:71%;
        height:  calc(100vw * ( 60 /  1315));
        margin:0 auto;
        padding-bottom:  calc(100vw * (21  /  1315));
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .basket_choise .section1 .container .heading>h2 {
        width: calc(100vw * ( 123 /  1315));
        height:  calc(100vw * ( 53 /  1315));
        font-size:  calc(100vw * ( 30 /  1315));
        font-weight: bold;
        color:#203465;
      } 

      /* buy_flow 영역 */
      .buy_flow {
        width:71%;
        margin:0 auto;
        padding-top:calc(100vw * (  80 / 1315));
        padding-right:0px;
        padding-bottom:calc(100vw * (  80 / 1315));
        padding-left:0px;
      }

      .buy_flow .buy_flow_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        margin:0 auto;
      }


      .buy_flow .buy_flow_wrap div .span:nth-child(1){
          width:  calc(100vw * (121 /  1315));
          font-size:  calc(100vw * (22  /  1315));
          font-weight: bold;
          margin-right:  calc(100vw * ( 24 /  1315));
          color:#bbbbbb;
      }


      .buy_flow .buy_flow_wrap .order_flow {
        padding-top:0px;
        padding-right:calc(100vw * (  30 / 1315));
        padding-bottom:0px;
        padding-left:calc(100vw * (  30 / 1315));
      }

      .basket_choise .section2 {
        width:100%;
      }

      .basket_choise .section2 .container {
        margin:0 auto;
      }

       /* basket_choise 영역 - Title  */
       .basket_choise .basket_choise_wrap {
        width:100%;
       }

       .basket_choise .basket_choise_title {
        width:100%;
        height:  calc(100vw * ( 50 /  1315));
        background:#203465;
        color:#ffffff;
        font-size:  calc(100vw * ( 18 /  1315));
       }

       .basket_choise .basket_choise_title .ul {
         width:100%;
         height: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
         text-align: center;
       }

       .basket_choise .basket_choise_title .ul .list {
         font-weight: 300;
       }

       /* Title Li width   */
       .basket_choise_title .ul .choose {
         width: calc(100vw * ( 100 /  1315));
         height: 100%;
         border-right:1px solid #ffffff;
         padding-top:calc(100vw * (  12 / 1315));
         padding-right:0px;
         padding-bottom:calc(100vw * (  12 / 1315));
         padding-left:0px;
       }

       .basket_choise_title .ul .product_info {
        width: calc(100vw * ( 608 /  1315));
      }

      .basket_choise_title .ul .amount {
        width: calc(100vw * ( 207 /  1315));
      }

      .basket_choise_title .ul .discount_money {
        width: calc(100vw * ( 160 /  1315));
      }

      .basket_choise_title .ul .delivery_cost {
        width: calc(100vw * ( 130 /  1315));
      }

      .basket_choise_title .ul .product_price {
        width: calc(100vw * ( 160 /  1315));
      }


      

      /* basket_choise_contents */
      .basket_choise_contents {
        width:100%;
        text-align: center;
        background:#ffffff;
        margin-bottom:  calc(100vw * (60  /  1315));
      }

      .basket_choise_contents>.ul {
          width:100%;
      }

      
      .basket_choise_contents>.ul>.list{
        width:100%;
        height:  calc(100vw * ( 140 /  1315));
        padding-top:calc(100vw * (  30 / 1315));
        padding-right:0px;
        padding-bottom:calc(100vw * (  30 / 1315));
        padding-left:0px;
        border-bottom: 1px solid #203465;
    }

    .basket_choise_contents .conents_box {
      height: 100%;
      display: flex;
      align-items: center;
    }

           /* Contents Li width   */
           .basket_choise_contents .conents_checkbox {
            width: calc(100vw * ( 100 /  1315));
            height: 100%;
            padding-top:calc(100vw * (  30 / 1315));
            padding-right:0px;
            padding-bottom:calc(100vw * (  30 / 1315));
            padding-left:0px;
            border-right:1px solid #ffffff;
          }
   
   
          .basket_choise_contents .conents_product_info {
           width: calc(100vw * ( 608 /  1315));
         }
   
         .basket_choise_contents .conents_amount {
           width: calc(100vw * ( 207 /  1315));
         }
   
         .basket_choise_contents .conents_discount_money {
           width: calc(100vw * ( 160 /  1315));
         }
   
         .basket_choise_contents .conents_delivery_cost {
           width: calc(100vw * ( 130 /  1315));
         }
   
         .basket_choise_contents .conents_product_price {
           width: calc(100vw * ( 160 /  1315));
         }

         /* 상품정보 상세  */
         .conents_product_info {
            padding-top:0px;
            padding-right:calc(100vw * (  30 / 1315));
            padding-bottom:0px;
            padding-left:calc(100vw * (  30 / 1315));
           display: flex;
           align-items: center;
         }

         .conents_product_info .contents_img {
          width: calc(100vw * ( 80 /  1315));
          height:  calc(100vw * ( 80 /  1315));
         }

         .conents_product_info .contents_img .link {
           display: inline-block;
           width:100%;
           height: 100%;
         }

         .conents_product_info .contents_name {
            margin-top:0px;
            margin-right:calc(100vw * (  20 / 1315));
            margin-bottom:0px;
            margin-left:calc(100vw * (  20 / 1315));
         }

         .conents_product_info .contents_name .span {
          
         width:  calc(100vw * ( 57 /  1315));
         height:  calc(100vw * ( 24 /  1315));
         font-family: NotoSansKR;
         font-size:  calc(100vw * ( 18 /  1315));
         font-weight: bold;
         line-height: 1.56;
         text-align: left;
         color: #203465;
         }



         .conents_product_info .contents_option_btn_wrap .button {
          width:  calc(100vw * ( 100 /  1315));
          height:  calc(100vw * ( 40 /  1315));
          border: solid 1px #203465;
          line-height: 1.75;
          letter-spacing: normal;
          text-align: center;
          color: #203465;
          background:none;
          padding:inherit;
         }


         /* 수량  */
         .conents_amount_wrap {
           display: flex;
           align-items: center;
         }
         .conents_amount_wrap .count_wrap{
          display:table;
        }
         .count_wrap .minus_btn,
         .count_wrap .plus_btn,
         .count_wrap .input {
          display: inline-block;
         }

         .count_wrap .minus_btn,
         .count_wrap .plus_btn{
           width: calc(100vw * ( 20 /  1315));
           height:  calc(100vw * ( 20 /  1315));
           font-size:  calc(100vw * ( 20 /  1315));
           cursor: pointer;
                      display:table-cell;
         }

         .count_wrap .input {
           width: calc(100vw * ( 30 /  1315));
           height:  calc(100vw * ( 20 /  1315));
           margin-top:0px;
           margin-right:calc(100vw * (  10 / 1315));
           margin-bottom:0px;
           margin-left:calc(100vw * (  10 / 1315));
           text-align: center;
           outline:1px solid #dddddd;
           border:none;
                      display:table-cell;
                      vertical-align: bottom;

         }

         .count_btn .edit_btn {
          width:  calc(100vw * ( 80 /  1315));
          height:  calc(100vw * ( 40 /  1315));
          margin-left:calc(100vw * ( 18 /  1315));
          padding:inherit;
          border: 1px solid #203465;
          background-color: #ffffff;

         }

         /* 결제 및 주문  */
            
         .basket_choise .section3 {
          width:100%;
        }
  
        .basket_choise .section3 .container {
          margin:0 auto;
        }
            
              /* payment_event_text 영역  */
              .basket_choise .payment_event_text {
                margin-bottom:  calc(100vw * ( 20 /  1315));
              }

              /* payment_price 영역 */
              .payment_price {
                width:100%;
                border-top:1px solid #203465;
                border-bottom:1px solid #203465;
                padding-top:calc(100vw * (  30 / 1315));
                padding-right:0px;
                padding-bottom:calc(100vw * (  30 / 1315));
                padding-left:0px;
              }

              .payment_price,
              .payment_price .payment_price_wrap {
                width:100%;
              }

              .payment_price .payment_price_text_wrap {
                display: flex;
                justify-content: flex-end;
                align-items: center;
              }

              .plus_sign,
              .equal_sign {
                font-size:  calc(100vw * (29  /  1315));
                margin-top:0px;
                margin-right:calc(100vw * (  24 / 1315));
                margin-bottom:0px;
                margin-left:calc(100vw * (  24 / 1315));
                vertical-align: super;
              }

              /* payment_button 영역 */
              .payment_button{
                padding-top:calc(100vw * (  40 / 1315));
                padding-right:0px;
                padding-bottom:calc(100vw * (  50 / 1315));
                padding-left:0px;
              }
              .payment_button,
              .payment_button .payment_button_wrap{
                width:100%;
                height:  calc(100vw * ( 50 /  1315));
              }

              .payment_button_wrap {
                display: flex;
                justify-content: space-between;
              }

              .payment_button_wrap .payment_button_left {
                width:100%;
                height: 100%;
              }

              .payment_button_wrap .payment_button_left .button{
                width: calc(100vw * ( 120 /  1315));
                height:  calc(100vw * ( 50 /  1315));
                font-size:  calc(100vw * ( 18 /  1315));
                padding-top:calc(100vw * (  13 / 1315));
                padding-right:calc(100vw * (  20 / 1315));
                padding-bottom:calc(100vw * (  13 / 1315));
                padding-left:calc(100vw * (  20 / 1315));
                background:none;
                color:#203465;
                border:1px solid #203465;
              }

              .payment_button_wrap .payment_button_right .button{
                width:  calc(100vw * (180  /  1315));
                height:  calc(100vw * ( 50 /  1315));
                font-size:  calc(100vw * ( 18 /  1315));
      padding-top:calc(100vw * (  13 / 1315));
      padding-right:calc(100vw * (  52 / 1315));
      padding-bottom:calc(100vw * (  13 / 1315));
      padding-left:calc(100vw * (  52 / 1315));
                border: 1px solid #203465;
                background-color: #203465;
                color:#ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
              }

              /* 하단 매트리스 구매하기 영역  */
              
.basket_choise .box_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}

.basket_choise .box_wrap .con_box {
  width:  calc(100vw * ( 425 /  1315));
height:  calc(100vw * ( 460 /  1315));
padding-top:calc(100vw * (  60 / 1315));
padding-right:calc(100vw * (  109 / 1315));
padding-bottom:calc(100vw * (  60 / 1315));
padding-left:calc(100vw * (  109 / 1315));
border: 1px solid #dddddd;
text-align: center;
}

.basket_choise .box_wrap .con_box:nth-child(1){
  background:url("../img/bio/m_matt.png") no-repeat;
  background-size: contain;
  background-position:left center;
}

.basket_choise .box_wrap .con_box:nth-child(2){
  background:url("../img/bio/m_matt_2.png") no-repeat;
  background-size: contain;
  background-position:left center;
}

.basket_choise .box_wrap .link {
  display: inline-block;
  width: calc(100vw * ( 60 /  1315));
  height:  calc(100vw * ( 60 /  1315));
  margin-top:  calc(100vw * (140  /  1315));
  margin-right: auto;
  margin-left: auto;
}

.basket_choise .box_wrap .con_box-img {
  width: calc(100vw * ( 60 /  1315));
  height:  calc(100vw * ( 60 /  1315));
  margin:0 auto;
}

.basket_choise .box_wrap .con_box-desc {
  margin-top:  calc(100vw * ( 110 /  1315));
}

.basket_choise .box_wrap .con_box-text .span {
  display: inline-block;
}

.basket_choise .box_wrap .con_box-text .blue_span_bold22 {
        margin-top:calc(100vw * (  21 / 1315));
      margin-right:0px;
      margin-bottom:calc(100vw * (  21 / 1315));
      margin-left:0px;
}

              /* 하단 매트리스 구매하기 영역 끝 */


        
/* 하단 완벽한 숙면을 위한 영역  pc 버전*/
              .m_sec_09 {
                display: none;
              }
        /* sec09_wrap 영역  */
        .basket_choise .sec_09 .con_wrap .con_container {
          width:100%;
          margin:0 auto;
      }
      
        .basket_choise .sec_09 .con_wrap .top_cont .text_wrap {
          padding: calc(100vw * ( 16 /  1315));
        }
        
        .basket_choise .sec_09 .con_wrap .top_cont .text_wrap .title_link {
          display: flex;
          justify-content: space-between;
          padding-bottom:  calc(100vw * ( 20 /  1315));
          border-bottom: 1px solid #dddddd;
          
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
          padding-top:  calc(100vw * ( 20 /  1315));
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .title_ {
          text-align: center;
          margin-bottom:  calc(100vw * ( 60 /  1315));
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .title_ .span{
          display: block;
          text-align: inherit;
        }
        
        
        .basket_choise .sec_09 .con_desc {
          display: flex;
          justify-content: space-between;
        }
      
        .basket_choise .sec_09 .con_desc>div:nth-child(2) {
            margin-top:0px;
            margin-right:calc(100vw * (  20 / 1315));
            margin-bottom:0px;
            margin-left:calc(100vw * (  20 / 1315));
        }
        
        
        .basket_choise .sec_09 .img_con {
          width: calc(100vw * ( 426 /  1315));
          height:  calc(100vw * ( 500 /  1315));
        }
        
        .basket_choise .sec_09 .title_link .span {
          display: inline-block;
          font-size:  calc(100vw * ( 22 /  1315));
          line-height: 1.7;
          color: #203465;
        }
        
        .basket_choise .sec_09 .title_link .link {
        display: inline-block;
        width: calc(100vw * ( 60 /  1315));
        height:  calc(100vw * ( 60 /  1315));
        }
      
        .m_checkBox,
        .m_total_info,
        .m_contents_text {
          display:none;
        }



/* basket_order 영역  */
    /* common */


  
    .total_price .span:nth-child(2) {
      display: inline-block;
      margin-left:  calc(100vw * ( 18 /  1315));
    }
  
  
      /* common END*/
        /* basket_order 영역 - Heading  */
        .basket_order {
          width:100%;
          padding-top: calc(100vw * ( 102 /  1315));
          background:#fbfbfe;
        }
        
        .basket_order .section1{
          width:100%;
        }
        
        .basket_order .section1 .container {
          width:100%;
          height: 100%;
        }
        
        .basket_order .section1 .container .heading {
          width:71%;
          height:  calc(100vw * ( 60 /  1315));
          margin:0 auto;
          padding-bottom:  calc(100vw * ( 21 /  1315));
          border-bottom: 1px solid #dddddd;
          display: flex;
      justify-content: space-between;
      align-items: baseline;
        }
  
        
        .basket_order .section1 .container .heading>h2 {
          font-size:  calc(100vw * (30  /  1315));
          font-weight: bold;
          color:#203465;
        } 
  
        /* buy_flow 영역 */
        .buy_flow {
          width:71%;
          margin:0 auto;
          padding-top:calc(100vw * (  80 / 1315));
          padding-right:0px;
          padding-bottom:calc(100vw * (  80 / 1315));
          padding-left:0px;
        }
  
        .buy_flow .buy_flow_wrap {
          display: flex;
          justify-content: center;
          align-items: center;
          margin:0 auto;
        }

        .buy_flow .buy_flow_wrap .span {
          display:inline;
        }
  
  
        .buy_flow .buy_flow_wrap div .span:nth-child(1){
            width:  calc(100vw * ( 121 /  1315));
            font-size:  calc(100vw * ( 22 /  1315));
            font-weight: bold;
            margin-right:  calc(100vw * ( 24 /  1315));
            color:#bbbbbb;
        }

        .buy_flow .buy_flow_wrap .flow_arrow {
          display: inline-block;
          width: calc(100vw * ( 18 /  1315));
          height:  calc(100vw * ( 18 /  1315));
          background:url("../img/right-arrow_24.png") no-repeat;
          background-size: contain;
          transform: rotate(-90deg);
        }
  
  
        .buy_flow .buy_flow_wrap .order_flow {
          margin-top:0px;
          margin-right:calc(100vw * (  30 / 1315));
          margin-bottom:0px;
          margin-left:calc(100vw * (  30 / 1315));

        }
  
        .basket_order .section2 {
          width:100%;
        }
  
        .basket_order .section2 .container {
          width:71%;
          margin:0 auto;
        }
        .basket_order_detail .section2  {
          margin-top: calc(100vw * ( 100 /  1315));
        }
  
         /* basket_order 영역 - Title  */
         .basket_order .basket_order_wrap {
          width:100%;
         }
  
         .basket_order .basket_order_title {
          width:100%;
          height:  calc(100vw * ( 50 /  1315));
          background:#203465;
          color:#ffffff;
          font-size:  calc(100vw * ( 18 /  1315));
         }
  
         .basket_order .basket_order_title .ul {
           width:100%;
           height: 100%;
           display: flex;
           justify-content: space-between;
           align-items: center;
           text-align: center;
         }
  
         .basket_order .basket_order_title .ul .list {
           font-weight: 300;
         }
  
         /* Title Li width   */
  
         .basket_order_title .ul .product_info {
          width: calc(100vw * (924  /  1315));
        }
  
        .basket_order_title .ul .amount {
          width: calc(100vw * ( 120 /  1315));
        }
  
        .basket_order_title .ul .discount_money {
          width: calc(100vw * ( 160 /  1315));
        }
  
        .basket_order_title .ul .product_price {
          width: calc(100vw * (160  /  1315));
        }
  
  
        
  
        /* basket_order_contents */
        .basket_order_contents {
          width:100%;
          text-align: center;
          background:#ffffff;
        }
  
        .basket_order_contents>.ul {
            width:100%;
        }
  
        
        .basket_order_contents>.ul>.list{
          width:100%;
          height:  calc(100vw * ( 140 /  1315));
          padding-top:calc(100vw * (  30 / 1315));
          padding-right:0px;
          padding-bottom:calc(100vw * (  30 / 1315));
          padding-left:0px;
          border-bottom: 1px solid #203465;
      }
  
      .basket_order_contents .conents_box {
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
      }
  
             /* Contents Li width   */
             .basket_order_contents .conents_checkbox {
              width: calc(100vw * ( 100 /  1315));
              height: 100%;
              padding-top:calc(100vw * (  33 / 1315));
              padding-right:0px;
              padding-bottom:calc(100vw * (  33 / 1315));
              padding-left:0px;
              border-right:1px solid #ffffff;
            }
     
     
            .basket_order_contents .conents_product_info {
             width: calc(100vw * ( 924 /  1315));
           }

           .basket_order_detail .basket_order_contents .conents_product_info {
            width: calc(100vw * ( 756 /  1315));
          }
     
           .basket_order_contents .conents_amount {
             width: calc(100vw * ( 120 /  1315));
           }
     
           .basket_order_contents .conents_discount_money {
             width: calc(100vw * (160 /  1315));
           }

           .basket_order_detail .conents_discount_money {
            width: calc(100vw * ( 139 /  1315));
          }
     
           .basket_order_contents .conents_product_price {
             width: calc(100vw * (  160/  1315));
           }
           .basket_order_detail .basket_order_contents .conents_product_price {
            width: calc(100vw * ( 138 /  1315));
          }
  
           /* 상품정보 상세  */
           .conents_product_info {
              padding-top:0px;
              padding-right:calc(100vw * (  20 / 1315));
              padding-bottom:0px;
              padding-left:calc(100vw * (  20 / 1315));
  
             display: flex;
             align-items: center;
           }
  
           .conents_product_info .contents_img {
            width: calc(100vw * ( 80 /  1315));
            height:  calc(100vw * ( 80 /  1315));
           }
  
           .conents_product_info .contents_img .link {
             display: inline-block;
             width:100%;
             height: 100%;
           }
  
           .conents_product_info .contents_name {
              margin-top:0px;
              margin-right:calc(100vw * (  20 / 1315));
              margin-bottom:0px;
              margin-left:calc(100vw * (  20 / 1315));
  
           }
  
           .conents_product_info .contents_name .span {
            
           width:  calc(100vw * ( 57 /  1315));
           height:  calc(100vw * ( 24 /  1315));
           font-family: NotoSansKR;
           font-size:  calc(100vw * ( 18 /  1315));
           font-weight: bold;
           line-height: 1.56;
           text-align: left;
           color: #203465;
           }
  
  
  
           .conents_product_info .contents_option_btn_wrap .button {
            width:  calc(100vw * ( 100 /  1315));
            height:  calc(100vw * ( 40 /  1315));
            border: 1px solid #203465;
            line-height: 1.75;
            letter-spacing: normal;
            text-align: center;
            color: #203465;
            background:none;
           }
  
  
           /* 수량  */
           .conents_amount_wrap {
             display: flex;
             justify-content: center;
             align-items: center;
           }
  
           .conents_amount_wrap .span {
            display: inline-block;
            width:100%;
            text-align: center;
          }
  
           .count_wrap .minus_btn,
           .count_wrap .plus_btn,
           .count_wrap .input {
            display: inline-block;
           }
  
           .count_wrap .minus_btn,
           .count_wrap .plus_btn{
             width: calc(100vw * ( 20 /  1315));
             height:  calc(100vw * ( 20 /  1315));
             font-size:  calc(100vw * ( 20 /  1315));
             cursor: pointer;
           }
  
           .count_wrap .input {
             width: calc(100vw * ( 20 /  1315));
             height: calc(100vw * (20 /  1315));
             margin-top:0px;
             margin-right:calc(100vw * (  10 / 1315));
             margin-bottom:0px;
             margin-left:calc(100vw * (  10 / 1315));

             text-align: center;
             outline:1px solid #dddddd;
             border:none;
           }
  
           .count_btn .edit_btn {
            width: calc(100vw * ( 60 /  1315));
            height:  calc(100vw * ( 30 /  1315));
            margin-left:  calc(100vw * ( 18 /  1315));
            border:1px solid #203465;
            background-color: #ffffff;
            font-size:calc(100vw * (13 / 1315));
           }
  
           /* 총 합계  */
           .order_total_cost {
            width:100%;
            margin:0 auto;
           }
            .order_total_cost .order_total_cost_wrap {
              width:100%;
              padding-top:calc(100vw * (  30 / 1315));
              padding-right:calc(100vw * (  20 / 1315));
              padding-bottom:calc(100vw * (  30 / 1315));
              padding-left:calc(100vw * (  20 / 1315));
              border-bottom:1px solid #203465;
              background:#fafafa;
              display: flex;
              justify-content: flex-end;
              margin-bottom:  calc(100vw * ( 84 /  1315));
            }         

            .order_total_cost .order_total_cost_wrap .total_price {
              display:flex;
              align-items: baseline;
            }
  
           /* 결제 및 주문  */
              
           .basket_order .section4 {
            width:100%;
          }
    
          .basket_order .section4 .container,
          .form_wrap {
            width:71%;
            margin:0 auto;
          }

          .basket_order_detail .heading{
            margin-top: calc(100vw * ( 100 /  1315));
          }
              
                /* payment_event_text 영역  */
                .basket_order .payment_event_text {
                  margin-bottom:  calc(100vw * ( 20 /  1315));
                }
  
                /* payment_price 영역 */
                .payment_price {
                  width:100%;
                  height:  calc(100vw * ( 104 /  1315));
                  border-top:1px solid #203465;
                  border-bottom:1px solid #203465;
                  padding-top:calc(100vw * (  30 / 1315));
                  padding-right:0px;
                  padding-bottom:calc(100vw * (  30 / 1315));
                  padding-left:0px;
                }
  
                .payment_price,
                .payment_price .payment_price_wrap {
                  width:100%;
                  background: #fafafa;
                }
  
                .payment_price .payment_price_text_wrap {
                  display: flex;
                  justify-content: flex-end;
                  align-items: center;
                }

                .payment_price .payment_price_text_wrap .span {
                  display:inline;
                }
  
                .plus_sign,
                .equal_sign {
                  font-size:  calc(100vw * (29  /  1315));
                  margin-top:0px;
                  margin-right:calc(100vw * (  24 / 1315));
                  margin-bottom:0px;
                  margin-left:calc(100vw * (  24 / 1315));
      
                  vertical-align: super;
                }
  
                /* payment_button 영역 */
                .payment_button{
                  padding-top:calc(100vw * (  40 / 1315));
                  padding-right:0px;
                  padding-bottom:calc(100vw * (  200 / 1315));
                  padding-left:0px;
                }
                .payment_button,
                .payment_button .payment_button_wrap{
                  width:100%;
                  height:  calc(100vw * ( 50 /  1315));
                }
  
                .payment_button_wrap {
                  display: flex;
                  justify-content: space-between;
                }
  
                .payment_button_wrap .payment_button_left {
                  width:100%;
                  height: 100%;
                }
  
                .payment_button_wrap .payment_button_left .button{
                  width: calc(100vw * (  120/  1315));
                  height:  calc(100vw * ( 50 /  1315));
                  font-size:  calc(100vw * ( 18 /  1315));
                  padding-top:calc(100vw * (  13 / 1315));
                  padding-right:calc(100vw * (  20 / 1315));
                  padding-bottom:calc(100vw * (  13 / 1315));
                  padding-left:calc(100vw * (  20 / 1315));
                  background:none;
                  color:#203465;
                  border:1px solid #203465;
                }
  
                .payment_button_wrap .payment_button_right .button{
                  width:  calc(100vw * ( 180 /  1315));
                  height:  calc(100vw * ( 50 /  1315));
                  font-size:  calc(100vw * ( 18 /  1315));
                  padding-top:calc(100vw * (  13 / 1315));
                  padding-right:calc(100vw * (  52 / 1315));
                  padding-bottom:calc(100vw * (  13 / 1315));
                  padding-left:calc(100vw * (  52 / 1315));
                  border: solid 1px #203465;
                  background-color: #203465;
                  color:#ffffff;
                }
  
  
          
    /* form */
    .basket_order .section3 .container {
      width:100%;
      margin:0 auto;
    }
  
    .basket_order .signup_user_info_wrap {
      width:100%;
      margin:0;
    }
  
    .basket_order .signup_user_left_box {
      width:100%;
      max-width:  calc(100vw * ( 130 /  1315));
    }
  
    .basket_order .signup_user_right_box {
      width:100%;
      position:relative;
    }
  
    .basket_order .num_input {
      width:  calc(100vw * (103  /  1315));
      height:  calc(100vw * ( 40 /  1315));
      margin-right:  calc(100vw * ( 17 /  1315));
      border: 1px solid #dddddd;
    }
  
    .basket_order .line_::after {
        content: "";
        width:  calc(100vw * (10  /  1315));
        height: 1px;
        position: absolute;
        right: 2%;
        top: 49%;
        background: black;
    }
  
    .basket_order .line_:nth-child(3)::after{
      width:0;
    }
  
    .form_wrap .section2 {
      margin-bottom:  calc(100vw * ( 84 /  1315));
    }
  
  
        /* 배송지확인 */
        .basket_order .adress_form {
          padding: calc(100vw * ( 20 /  1315));
        }
  
          .basket_order .adress_form .input,
          .basket_order .last_agree_check .input {
            width:  calc(100vw * ( 18 /  1315));
            height:  calc(100vw * ( 18 /  1315));
            border: 1px solid #dddddd;
            background-color: #ffffff;
          }
  
          .basket_order .adress_form .label,
          .basket_order .last_agree_check .label  {
            position: relative;
            bottom: calc(100vw * ( 4 /  1315));
            left:  calc(100vw * ( 5 /  1315));
          }
  
        /* 배송지 선택 */
        .basket_order .adress_choise_wrap,
        .basket_order .payment_method {
          display: flex;
          justify-content: flex-start;
        }

        .basket_order .payment_method_cash {
          flex-direction: column;
        }

        .basket_order .payment_method_cash>div {
          display:flex;
          padding-top:calc(100vw * (  10 / 1315));
          padding-right:0px;
          padding-bottom:calc(100vw * (  10 / 1315));
          padding-left:0px;
          
        }
        .basket_order .cash .signup_user_right_box{
          height:inherit;
          margin-bottom: calc(100vw * ( 80 /  1315));
        }
        .basket_order .payment_method_cash>div .how_payment {
        margin-right: calc(100vw * ( 20 /  1315));
        }

        .basket_order .cash .cash_receipt_wrap,
        .basket_order .cash .cash_phone_num {
          display:inherit;
        }

        .basket_order .cash .p {
          font-size: calc(100vw * ( 16 /  1315));
          color:#203465;
          padding-bottom: calc(100vw * ( 10 /  1315));
        }
        .warning_text_2 {
          color:#FF6F6F;
          margin-left:  calc(100vw * ( 127 /  1315));
          margin-bottom: calc(100vw * ( 30 /  1315));
        }

        #card_pay:checked ~ .cash{
          display: none;
        }

        .cash_phone_num .input_phone {
          width: calc(100vw * ( 350 /  1315));
          height: calc(100vw * ( 40 /  1315));
          border:1px solid #dddddd;
        }

        .basket_order .cash_receipt_wrap div {
          display:inline;
        }
  
        .basket_order .adress_choise_wrap .adress_choise,
        .basket_order .payment_method .how_payment {
          margin-right:  calc(100vw * (20  /  1315));
        }
  
        /* 남기실 말씀 */
        .basket_order .textarea{
          width: calc(100vw * ( 600 /  1315));
          height:  calc(100vw * ( 69 /  1315));
          resize: none;
          border:1px solid #dddddd;
        }
  
  
        /* 결제방법  */
        .basket_order .payment_method {
          margin-top:calc(100vw * (  92 / 1315));
          margin-right:0px;
          margin-bottom:calc(100vw * (  12 / 1315));
          margin-left:0px;
        }
  
        /* 주문자 동의  */
        .last_agree_check {
          text-align: right;
          margin-top:  calc(100vw * ( 21 /  1315));
        }
  
        /* 주문 버튼  */
    .basket_order .buy_button_wrap {
      height:  calc(100vw * (50  /  1315));
      margin-top:calc(100vw * (  77 / 1315));
      margin-right:auto;
      margin-bottom:calc(100vw * (  240 / 1315));
      margin-left:auto;
      display: flex;
      justify-content: space-between;
  }

          .basket_order .dropbtn_wrap {
          display:flex;
        }
  
  .basket_order .cancel_btn,
  .basket_order .buy_btn {
      width: calc(100vw * ( 490 /  1315));
      height: 100%;
      border:1px solid #203465;
  }
  
  .basket_order .cancel_btn {
      color:#203465;
      background:none;
  }
  
  
  .basket_order .buy_btn {
      color:#ffffff;
      background:#203465;
  }

  .basket_order .signup_user_right_box .button {
    font-size:calc(100vw * (13 / 1315));
  }


  .check_div {
    text-align: right;
    margin-top:10px;
  }

  .basket_complete .select_container {
    position:relative;
  }

  .basket_complete .option_ul {
    max-width:calc(100vw * ( 400 / 1315));
  }

  /* 결제결과 페이지 */
  #wrap_content {
    height:100%;
    padding-top:calc(100vw * ( 100 / 1315));
  }
  .pay_result {
    width: calc(100vw * ( 800 / 1315));
    margin:0 auto;
    padding-top:calc(100vw * ( 100 / 1315));
    padding-bottom:calc(100vw * ( 100 / 1315));
  }

  .pay_result h1 {
    font-size: calc(100vw * ( 30 / 1315));
    text-align: center;
    color:#203465;
  }

  .pay_result .section1 p {
    padding-top: calc(100vw * ( 33 / 1315));
    padding-bottom: calc(100vw * ( 50 / 1315));
    text-align: center;
    font-size: calc(100vw * ( 22 / 1315));
    color:#203465;
  }

  .pay_result .section2 {
    width: 100%;
    border:1px solid #203465;
    padding: calc(100vw * (100  / 1315));
    margin-bottom: calc(100vw * ( 80 / 1315));
  }

  .pay_result .section2 div {
    display:flex;
    padding-bottom: calc(100vw * (20  / 1315));
    margin-bottom: calc(100vw * ( 20 / 1315));
    border-bottom:1px solid #203465;
  }

  .pay_result .section2 div span:first-child{
    width: calc(100vw * ( 150 / 1315));
     font-size: calc(100vw * ( 16 / 1315));
     font-weight: bold;
     color:#203465;
  }
  .pay_result .section2 div span:last-child{
     font-size: calc(100vw * (14  / 1315));
  }

  .pay_result .div {
    text-align: center;
  }

  .pay_result .confirm {
    width:  calc(100vw * ( 490 / 1315));
    padding-top: calc(100vw * ( 15 / 1315));
    padding-bottom: calc(100vw * ( 15 / 1315));
    background:#203465;
    color:#ffffff;
    font-size: calc(100vw * ( 16 / 1315));

  }




  /* 1:1 문의 게시판 inquiry  */
  .inquiry .section2 {
    max-width: calc(100vw*( 1364 /  1315));
  }
  .inquiry .order_contents .list {
color:#333333;
  }

  .inquiry .order_contents {
    overflow:hidden;
  }

  .inquiry_list_title>.list:nth-child(1),
  .inquiry_list_contents>.ul>.list:nth-child(1){
    width: calc(100vw*( 70 /  1315));
  }

  .inquiry_list_title>.list:nth-child(2),
  .inquiry_list_contents>.ul>.list:nth-child(2){
    width: calc(100vw*( 200 /  1315));
  }
  .inquiry_list_title>.list:nth-child(3),
  .inquiry_list_contents>.ul>.list:nth-child(3){
    width: calc(100vw*( 800 /  1315));
  }
  .inquiry_list_title>.list:nth-child(4),
  .inquiry_list_contents>.ul>.list:nth-child(4){
    width: calc(100vw*( 140 /  1315));
  }
  .inquiry_list_title>.list:nth-child(5),
  .inquiry_list_contents>.ul>.list:nth-child(5){
    width: calc(100vw*( 160 /  1315));
    position:relative;
  }

  .hidden_btn {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,150%);

  }

  .inquiry .content_qustion {
    padding-top: calc(100vw*( 20 /  1315));
    padding-bottom: calc(100vw*( 20 /  1315));
    padding-left: calc(100vw*( 10 /  1315));
    border:none;
  }

  .inquiry .content_qustion .q_title,
  .inquiry .content_answer_wrap .a_desc{
    text-align:left;
  }

  .inquiry .content_qustion .q_title {
    font-weight: normal;
  }
  .inquiry .content_answer_wrap {
    display:inherit;
  }
  .inquiry .content_answer_wrap .a_desc{
    font-size: calc(100vw*(16  /  1315));
  }
  .inquiry .content_qustion_wrap::after {
    display: none;
  }

  .inquiry .content_answer {
    
    padding-left: calc(100vw*( 10 /  1315));
  }

  .inquiry_btn_wrap {
    padding-top: calc(100vw*( 20 /  1315));
    display:flex;
    justify-content: space-between;
  }
.others_btn_box {
  display:flex;
}
  .inquiry_btn_wrap .button {
    width: calc(100vw*(120  /  1315));
    height: calc(100vw*( 50 /  1315));
    display:flex;
    justify-content: center;
    align-items:center;
    padding:0px;
    margin-right: calc(100vw*( 10 /  1315));
    font-size: calc(100vw*( 18 /  1315));
  }

  .answer-arrow {
    color:#203465;
    font-weight:bold;
    padding-right: calc(100vw*( 10 /  1315));
  }

  .answer-arrow .img {
    width:  calc(100vw*( 16 /  1315));height: calc(100vw*(16  /  1315));
  }

  .popup_contents div {
    border-top:none;
    border-bottom:none;
    padding:0px;
    margin:0px;
     text-align: left; 
  }
  .inquiry .popup_wrap {
    display:block;
    width:100%;
  }
  .inquiry .popup_wrap .popup_contents {
    width: calc(100vw*( 1000 /  1315));
    height:initial;
  }
  .inquiry .popup_wrap .popup_contents .blue_span_bold24{
    text-align:left;
    border:none;
  }

  .inquiry .pop_box_wrap .con_box {
    display:flex;
    border-bottom:1px solid #dddddd;
    padding-top: calc(100vw*(20  /  1315));
    padding-bottom: calc(100vw*( 20 /  1315));
  }

  .inquiry .pop_box_wrap .con_box .con_box_title{
    width: calc(100vw*( 100 /  1315));
  }
  .inquiry .pop_box_wrap .con_box .con_box_title .span {
    font-size:calc(100vw*( 18 /  1315));color:#203465;font-weight:bold;
  }

  .inquiry .select_container {
    width:  calc(100vw*( 350 /  1315));
  }
  .inquiry .select_container .div_select {
    width: calc(100vw*(  350/  1315));
    border:1px solid #dddddd;
    padding-top: calc(100vw*( 10 /  1315));
    padding-bottom: calc(100vw*(10  /  1315));
    padding-left: calc(100vw*(20  /  1315));
  }
  .inquiry .eMail .input,
  .inquiry .order_inquiry .input {
    width: calc(100vw*( 240 /  1315));
    height: calc(100vw*(40  /  1315));
    margin-right: calc(100vw*(  10/  1315));
    border:1px solid #dddddd;
  }

  .inquiry .order_inquiry_btn {
    width: calc(100vw*( 100 /  1315));
    height: calc(100vw*( 40 /  1315));
    background:#203465;
    color:#ffffff;
    padding:0px;
    
  }

  .inquiry .eMail label em,
  .inquiry .Pmessage label em {
    vertical-align:middle;
  }

  .inquiry .Pmessage .input[type="text"]{
    width: calc(100vw*( 100 /  1315));
    height: calc(100vw*( 40 /  1315));
    border:1px solid #dddddd;
  }

  .inquiry .contens_title .input {
    width: calc(100vw*(700  /  1315));
    height: calc(100vw*( 40 /  1315));
    border:1px solid #dddddd;
  }

  .inquiry .user_desc .textarea {
    width: calc(100vw*(700  /  1315));
    height: calc(100vw*( 300 /  1315));
    padding: calc(100vw*(10  /  1315));
    font-size: calc(100vw*( 16 /  1315));
  }

  .inquiry .radiobox_wrap {
    width:100%;
    padding: calc(100vw*( 20 /  1315));
    background:#dddddd;
    margin-bottom: calc(100vw*( 50 /  1315));
  }

  .inquiry .radiobox_wrap .span {
    color:#203465;
    font-weight:bold;
  }

  .inquiry .radiobox_wrap .p {
    padding-top: calc(100vw*( 20 /  1315));
    padding-bottom: calc(100vw*(  30/  1315));

  }

  .inquiry .confirm_btn {
    background:#203465;
    color:#ffffff;
  }
.popup_wrap_con {
  width:  calc(100vw*( 415 /  1315));
  height: calc(100vw*(200  /  1315));
  text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  border:1px solid #dddddd;
  background:#ffffff;
}

.popup_wrap_cons .span {

}

.popup_wrap_con .button {
  background:#203465;
  color:#ffffff;
  margin-top: calc(100vw*( 30 /  1315));
}
  /* 1:1 문의 게시판 inquiry  끝*/


        
  .popup_delivery {
    position:absolute;
    top:0%;
    z-index:2;
    display:none;
  }
  .popup_delivery .popup_contents {
    margin:0px;
    height:initial;
  }

  .popup_delivery .title_ {
    font-size:calc(100vw * (24 / 1315));
    font-weight:bold;
    padding-bottom:calc(100vw * (20 / 1315));
    color:#203465;
  }
  .popup_delivery .span {
    color:#203465;
  }
  .popup_delivery .warning_ {
    color:FF6F6F;
  }

  .popup_delivery .p {
    padding-bottom:calc(100vw * (20 / 1315));
    padding-top:calc(100vw * (20 / 1315));
  }

  .popup_delivery .p:nth-child(2){
    border-bottom: 1px solid #dddddd;
    margin-bottom:calc(100vw * (20 / 1315));
  }


}


/* pc 분기점  */
@media (min-width:1316px) {
  .cover_openBtn,
  .option_popup_wrap,
  .m_detail_text,
  .m_order_info {
    display:none;
  }


/* 회원가입 인풋 스타일  시작*/
input[type="checkbox"] {
  display:none;
}

label {
  cursor: pointer;

}

label em {
  display: inline-block;
  width:20px;
  height:20px;
  background:url("../img/icon/Icon_check.png") no-repeat;
  background-position:-999px;
  margin-right:10px;
  vertical-align: bottom;
  border:1px solid #dddddd;
}

input[type="checkbox"]:checked ~ label em {
  background-position: 0px;
  background-size: contain;
}

.need_check input[type="checkbox"]:checked ~ label em {
  background-position: 0px;
  background-size: contain;
}
/* 회원가입 인풋 스타일  끝*/

  
  /* input custom  끝*/
  /*-------------------------------------------- 로그인 영역-----------------------------------------------------  */
/* Login 영역 - Heading  */

.login {
  width: 100%;
  height: 100%;
  /* background:#fbfbfe; */
}

.login .section1 {
  width: 100%;
  height: 100%;
}

.login .section1 .container {
  width: 100%;
  height: 100%;
}

.login .section1 .container .heading {
  width: 100%;
  max-width: 1364px;
  padding-top: 102px;
  padding-bottom: 37px;
  margin: 0 auto;
  border-bottom: 1px solid #dddddd;
}

.login .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  width: 100%;
  height: 53px;
  font-size: 40px;
  font-weight: bold;
  color: #203465;
}


/* Login 영역 - Input  */
.inp_wrap {
  width:100%;
  max-width: 470px;
  margin: 100px auto 0 auto;
}

.inp_wrap .fieldset {
  border: none;
}

.inp_wrap .legend {
  display: none;
}

/* Input Common */
.login_box {
  width: 100%;
  margin-bottom: 10px;
}

.login_box_label {
  display: inline-block;
  width:100%;
  max-width: 99px;
  color: #203465;
  line-height: 1.63;
  letter-spacing: -0.4px;
}

.login_box_inp {
  display: inline-block;
  width: 100%;
  max-width: 367px;
  
  padding: 20px;
  margin: 0;
  border: 1px solid #203465;
  font-size:18px;
}

/* Find id and pw 영역 */
.find_id_pw {
  width: 100%;
  margin-bottom: 20px;
}

.find_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.find_wrap .list {
  margin-left: 10px;
}

.find_wrap .link {
  font-size: 14px;
  color: #203465;
  border-bottom: 1px solid #203465;
}

/* Button 영역 */
.login .btn_wrap {
  width: 100%;
  max-width: 470px;
  display:block;
}

.login .btn_wrap .button {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  border: 1px solid #203465;
}

.login .btn_wrap .america_login {
  color: #ffffff;
  background-color: #203465;
}

.login .btn_wrap .join {
  color: #203465;
  background-color: #ffffff;
}

.login .btn_wrap .naver_login {
  color: #ffffff;
  background-color: #03cf5d;
}

.login .btn_wrap .kakao_login {
  color: #ffffff;
  background-color: #ffcd00;
}


/*-------------------------------------------- 회원가입 약관 영역-----------------------------------------------------  */
/* signup 영역  */
/* signup 영역 - Heading  */
.signup {
  width: 100%;
  padding-bottom: 100px;
}

.signup .section1 {
  width: 100%;
  padding-top: 80px;
}

.signup .section1 .container {
  width: 100%;
  height: 100%;
}

.signup .section1 .container .heading {
  width: 71%;
  max-width: 1364px;
  margin: 0 auto;
  padding-bottom: 21px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.signup .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  padding-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #203465;
}

/* signup 영역 - contents Heading 영역  */
.signup .section2 {
  width: 100%;
}

.signup .section2 .container {
  width: 100%;
  max-width: 1000px;
  margin: 62px auto 0 auto;
}

/* signup 영역 - contents Textarea 영역  */
.signup .textarea_wrap {
  width: 100%;
  max-width: 1000px;
  margin-top: 20px;
}

.signup .textarea {
  width: 100%;
}

.textarea {
  resize: none;
  border: 1px solid #dddddd;
}

.textarea_wrap .need_check {
  text-align: right;
}

.agree_check[type="checkbox"] {
  outline: none;
}

/* signup 영역 - 개인정보처리 방침 영역  */
.signup .Pri_Policy_wrap {
  width: 100%;
  margin-top: 32px;
}

.signup .policy {
  width: 100%;
  margin-top: 20px;
}

.signup .policy .policy_content {
  width: 100%;
  display: flex;
  text-align: center;

}

.signup .policy .policy_content .dl {
  display: inline-block;
  width: 333px;
}

.signup .policy .policy_content .dt {
  width: 100%;
  background-color: #203465;
  color: #ffffff;
  padding: 13px 0;
}

.signup .policy .policy_content .dd {
  color: #333333;
  padding: 19px 0;
}

.signup .policy .policy_content .dl:nth-child(1) .dd:nth-child(3) {
  padding: 11px 0;
}

.signup .policy .policy_content .dl:nth-child(2) .dd:nth-child(3),
.signup .policy .policy_content .dl:nth-child(3) .dd:nth-child(3) {
  padding: 24px 0;
}

.signup .policy .policy_content .dl:nth-child(1),
.signup .policy .policy_content .dl:nth-child(3) {
  background: #fafafa;
}


.signup .policy .policy_content .dl .dd:nth-child(2),
.signup .policy .policy_content .dl .dd:nth-child(3) {
  border-bottom: 1px solid #203465;
}

.signup .policy .policy_content .dl .dd:nth-child(2) {
  width: 100%;
}


.signup .policy .policy_content .dl .dd:nth-child(3) {
  width: 100%;
  height: 70px;
}

.policy_chekbox_wrap {
  width: 1000px;
  height: 90px;
  text-align: right;
}

.policy_chekbox_wrap .policy_chekbox {
  margin-top: 10px;
}

/* signup 영역 - 개인정보처리 방침 -> 버튼 영역  */

.signup .button_wrap {
  width: 1000px;
  height: 60px;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.signup .cancel_btn,
.signup .signup_btn {
  width: 100%;
  max-width: 490px;
  height: 100%;
  border: 1px solid #203465;
}

.signup .cancel_btn {
  color: #203465;
  background: none;
}


.signup .signup_btn {
  color: #ffffff;
  background: #203465;
}




/*-------------------------------------------- 회원가입 작성 영역-----------------------------------------------------  */
/* common */

.signup_form_title {
  display: inline-block;
  color: #203465;
  font-size: 16px;
  margin-top: 20px;
}

.signup_user_right_box .button {
  margin-left: 10px;
}

.adress_title {
  margin-bottom: 10px;
}

.default_text {
  font-size: 14px;
  color: #203465;
}

/* error 메시지  */
.error_text {
  font-size: 14px;
  color: #FF6F6F;
}


/* correct 메시지  */
.correct_text {
  font-size: 14px;
  color: #49C2AE;
}

/* signup_form 영역  */
/* signup_form 영역 - Heading  */
.signup_form {
  width: 100%;
  height: 1544px;
}

.signup_form .section1 {
  width: 100%;
  padding-top: 80px;
}

.signup_form .section1 .container {
  width: 100%;
  height: 100%;
}

.signup_form .section1 .container .heading {
  width: 71%;
  max-width: 1364px;
  height: 60px;
  margin: 0 auto;
  padding-bottom: 21px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.signup_form .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  width: 123px;
  height: 53px;
  font-size: 30px;
  font-weight: bold;
  color: #203465;
}

/* signup_form 영역 - contents Heading 영역  */
.signup_form .section2 {
  width: 100%;
}

.signup_form .section2 .container {
  width: 1000px;
  margin: 82px auto 0 auto;
}

.signup_form_contents_wrap {
  margin-top: 20px;
}

.signup_user_info_wrap {
  width: 1000px;
  display: flex;
  align-items: center;
}

.signup_form_contents_wrap .guide_text {
  font-size: 14px;
  color:#203465;
  margin-left: 143px;
}

.signup_user_left_box {
  width: 130px;
  height: 90px;
}

.signup_user_left_box .span {}

.signup_user_right_box {
  width: 870px;
  height: 90px;
  border: 1px solid;
  padding: 10px 0 0 20px;
  border: 1px solid #203465;
  border-bottom: none;
}

.signup_user_right_box .input {
  width: 350px;
  height: 40px;
  margin-bottom: 5px;
  vertical-align: top;
  border: 1px solid #dddddd;
  padding: 10px;
}

.signup_user_right_box .button {
  display: inline-block;
  width: 130px;
  height: 40px;
  padding:0px;
  background: #203465;
  color: #ffffff;
  border: none;
}


.adress_wrap {
  height: 220px;
}

.adress_wrap .max_input {
  width: 830px;
}

.num_input {
  width: 103px;
  height: 40px;
  margin-right: 20px;
  border: 1px solid #dddddd;
  padding: 10px 20px;
  text-align: center;
}

.num_input::-webkit-outer-spin-button,
.num_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* 사이즈 조정  */
.resize_content {
  height: 60px;
}

/* border 바텀  */
.border_b {
  border-bottom: 1px solid #203465;
}




/* signup_form 영역 -버튼 영역  */

.signup_form .button_wrap {
  width: 1000px;
  height: 50px;
  margin: 50px auto 0 auto;
  display: flex;
  justify-content: space-between;
}

.signup_form .cancel_btn,
.signup_form .signup_btn {
  width: 490px;
  height: 100%;
  border: 1px solid #203465;
}

.signup_form .cancel_btn {
  color: #203465;
  background: none;
}


.signup_form .signup_btn {
  color: #ffffff;
  background: #203465;
}



/* number 기호  */
.signup_user_right_box  .line_ {
  display: inline-block;
  position: relative;
}



.signup_user_right_box  .line_::after {
  content: "";
  width: 10px;
  height: 1px;
  position: absolute;
  right: 3%;
  top: 49%;
  background: black;
}

.signup_user_right_box  .line_:nth-child(3)::after {
  width: 0;
}



/*-------------------------------------------- 회원가입 축하 영역-----------------------------------------------------  */

/* signup_complete 영역  */
/* signup_complete 영역 - Heading  */
.signup_complete {
  width: 100%;
  height: 940px;
  
}

.signup_complete .section1 {
  width: 100%;
  padding-top: 80px;
}

.signup_complete .section1 .container {
  width: 100%;
  height: 100%;
}

.signup_complete .section1 .container .heading {
  width: 71%;
  max-width: 1364px;
  height: 60px;
  margin: 0 auto;
  padding-bottom: 21px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.signup_complete .section1 .container .heading>h2 {
  font-family: 'Eina01', sans-serif;
  width: 123px;
  height: 53px;
  font-size: 30px;
  font-weight: bold;
  color: #203465;
}

/* section 2  영역*/
.signup_complete .section2 {
  width: 520px;
  margin: 275px auto 0 auto;
  text-align: center;
}

.coplete_message_wrap .coplete_message_text {
  font-size: 22px;
  color: #203465;
  font-weight: bold;
}

.coplete_message_wrap .coplete_message_text_info {
  font-size: 18px;
  color: #333333;
  margin: 30px 0;
}

.signup_complete .section2 .button_wrap {
  width: 100%;
  height: 50px;
}

.signup_complete .section2 .button_wrap .goMain_btn {
  width: 490px;
  height: 100%;
  margin: 0 auto;
  background-color: #203465;
  color: #ffffff;
  border: none;
}
/* user_accountInfo 영역  */
      /* user_accountInfo 영역 - Heading  */
      .user_accountInfo {
        width:100%;
        
      }
      
      .user_accountInfo .section1{
        width:100%;
        padding-top:70px;
      }
      
      .user_accountInfo .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .user_accountInfo .section1 .container .heading {
        width:71%;
        max-width: 1364px;
        height: 60px;
        margin:0 auto;
        padding-bottom: 21px;
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .user_accountInfo .section1 .container .heading>h2 {
        /* width:123px; */
        height: 53px;
        font-size: 30px;
        font-weight: bold;
        color:#203465;
      } 

       /* section 2  영역*/
       .user_accountInfo .section2 {
         width:100%;
        max-width:1000px;
        margin:40px auto;
    }

        /* section 2  Tab-menu영역*/
          .user_accountInfo .section2 .tab_wrap{
            width:100%;
            display: flex;
            justify-content: space-between;
            list-style: none;
            text-align: center;
      }

      .user_accountInfo .section2 .tab_wrap .list{
        display: inline-block;
        width:490px;
        height: 50px;
        background: #ffffff;
        color: #203465;
        padding: 10px 15px;
        cursor: pointer;
        border:1px solid #203465;
      }

      .user_accountInfo .section2 .tab_wrap .list.current{
        background: #203465;
        color: #ffffff;
      }

      .tab-content{
        display: none;
      }

      .tab-content.current{
        display: inherit;
      }
      /* section 2  Tab-menu - content 주문정보 영역*/
        /*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ common */
            /*Order list Title 영역 */
            .user_accountInfo .order_title,
            .user_accountInfo .order_contents {
              width:100%;
              max-width: 1364px;
              display: flex;
              align-items: center;
              text-align: center;
              
            }
            .user_accountInfo .order_title {
              margin-top:20px;
            }
            .user_accountInfo .order_contents {
              border-bottom:1px solid #203465;
            }
            .no_order_list_wrap .order_list_contents .ul {
              border-bottom:1px solid #203465;
            }
            .no_order_list_wrap .order_list_contents .list{
              margin:0 auto;
              padding-top:38px;
              padding-bottom:38px;
              
            }
            .user_accountInfo .order_list_title .ul .list {
              background:#203465;
              color:#ffffff;
              font-size: 15px;
              padding: 16px 15px 14px;
              line-height: 28px;
            }

            .user_accountInfo .list .order_list_contents .order_contents .list {
              background:red;
            }

            /* 번호 */
            .user_accountInfo .list_num,
            .user_accountInfo .list_num_content {
              width:60px;
            }

            /* 구분 */
            .user_accountInfo .list_division,
            .user_accountInfo .list_division_content {
              width:66px;
            }

            /* 주문일시 */
            .user_accountInfo .list_order_day,
            .user_accountInfo .list_order_day_content {
              width:134px;
            }

            /* 주문번호 */
            .user_accountInfo .list_order_num,
            .user_accountInfo .list_order_num_content {
              width:132px;
            }

            /* 결제방법 */
            .user_accountInfo .list_pay_method,
            .user_accountInfo .list_pay_method_content {
              width:100px;
            }

            /* 주문금액 */
            .user_accountInfo .list_order_price,
            .user_accountInfo .list_order_price_content {
              width:155px;
            }

            /* 취소금액 */
            .user_accountInfo .list_cancel_price,
            .user_accountInfo .list_cancel_price_content {
              width:154px;
            }

            /* 주문상태 */
            .user_accountInfo .list_order_present,
            .user_accountInfo .list_order_present_content {
              width:100px;
            }

            /* 수량확인 */
            .user_accountInfo .list_amount,
            .user_accountInfo .list_amount_content {
              width:99px;
            }


            /* common end*/      



              /*Order list Conternts 영역 */
              .user_accountInfo .order_contents .list {
                color: #ffffff;
                font-size: 15px;
                text-align: center;
                line-height: 28px
              }
              .user_accountInfo .order_contents .list .link {
                text-decoration: underline;
                color:#203465;
              }

              .user_accountInfo .order_contents .list span {
                display: inline-block;
              }

             /* 주문일시 */
            .user_accountInfo .list_order_day_content, 
            .user_accountInfo .list_order_num_content {
              padding:9px 0 8px 0;
            }

            .user_accountInfo .list_detail_content .link {
              border-bottom: 1px solid #203465;
            }

    
      /* section 2  Tab-menu - content 내정보 영역*/

.user_accountInfo_myinfo_title {
  display: inline-block;
  color:#203465;
  font-size: 16px;
  margin-top:20px;
}

.user_accountInfo_myinfo_right_box .button {
  margin-left: 10px;
}

.adress_title {
  margin-bottom: 10px;
}

.default_text {
  font-size: 14px;
  color:#203465;
}

  /* error 메시지  */
  .error_text {
      font-size: 14px;
      color:#FF6F6F;
  }

  
  /* correct 메시지  */
  .correct_text {
      font-size: 14px;
      color:#49C2AE;
  }
/* user_accountInfo_myinfo 영역  */
    /* user_accountInfo_myinfo 영역 - Heading  */
    .user_accountInfo_myinfo {
      width:100%;
      height: 1544px;
    }
    
    .user_accountInfo_myinfo .section1 .container .heading>h2 {
      width:123px;
      height: 53px;
      font-size: 30px;
      font-weight: bold;
      color:#203465;
    } 

    /* user_accountInfo_myinfo 영역 - contents Heading 영역  */
    .user_accountInfo_myinfo .section2 {
        width:100%;
    }

    .user_accountInfo_myinfo .section2 .container {
        width:1000px;
        margin: 62px auto 0 auto;
    }

    .user_accountInfo_myinfo_contents_wrap {
        margin-top: 20px;
    }

    .user_accountInfo_myinfo_wrap{
        width:1000px;
        display: flex;
        align-items: center;
        
    }

    .user_accountInfo_myinfo_left_box {
        width:130px;
        height: 90px;
    }

    .user_accountInfo_myinfo_right_box {
      width:870px;
      height: 90px;
      border:1px solid;
      padding:10px 0 0 20px;
      border:1px solid #203465;
      border-bottom: none;
  }
  .user_accountInfo_myinfo_right_box .input, .num_input {
      width:350px;
      height: 40px;
      margin-bottom: 5px;
      vertical-align: top;
      border:1px solid #dddddd;
      padding:10px 20px;
      font-size: 14px;
  }

  .user_accountInfo_myinfo_right_box .span {
    display: inline-block;
    padding:11px 0px 11px 10px;

  }


  
  .user_accountInfo_myinfo_right_box .span .img{
    width:18px;
    height:18px;
  }

      .user_accountInfo_myinfo_right_box .button {
          display: inline-block;
          width:130px;
          height: 40px;
          background:#203465;
          color:#ffffff;
          border:none;
          padding:0px;
      }


      .adress_wrap {
          height: 220px;
      }

      .adress_wrap .max_input {
          width:830px;
      }

      .num_input {
          width:103px;
          height: 40px;
          margin-right: 20px;
          border:1px solid #dddddd;
      }

      .num_input::-webkit-outer-spin-button,
      .num_input::-webkit-inner-spin-button {
          -webkit-appearance: none;
              margin: 0;
      }


      /* 사이즈 조정  */
      .resize_content {
          height: 60px;
      }

      /* border 바텀  */
      .border_b {
          border-bottom: 1px solid #203465;
      }

      
       

      /* user_accountInfo_myinfo 영역 -버튼 영역  */

  .user_accountInfo_myinfo .button_wrap {
      width:1000px;
      height: 50px;
      margin: 50px auto 0 auto;
      display: flex;
      justify-content: space-between;
  }

  .user_accountInfo_myinfo .cancel_btn,
  .user_accountInfo_myinfo .signup_btn {
      width:490px;
      height: 100%;
      border:1px solid #203465;
  }

  .user_accountInfo_myinfo .cancel_btn {
      color:#203465;
      background:none;
  }

  
  .user_accountInfo_myinfo .signup_btn {
      color:#ffffff;
      background:#203465;
  }



  /* number 기호  */
  .user_accountInfo_myinfo_right_box .line_ {
      display: inline-block;
      position: relative;
  }



  .user_accountInfo_myinfo_right_box .line_::after {
      content: "";
      width:10px;
      height: 1px;
      position: absolute;
      right:3%;
      top:49%;
      background:black;
  }

  .user_accountInfo_myinfo_right_box .line_:nth-child(3)::after{
      width:0;
  }


/* 팝업 */
.popup_wrap {
  position: absolute;
  top:0%;
  left: 0%;
  width:100%;
  height: 200vh;
  background:rgb(0, 0, 0, 0.4);
  display: none;
}

.popup_wrap .popup_contents .blue_span_bold24 {
  display: block;
  text-align: center;
}

.popup_wrap .pop_desc {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.32px;
  text-align: center;
  color: #333333;
}

.popup_contents {
  width:800px;
  height: 378px;
  background:#ffffff;
  margin:351px auto;
  padding:105px 48px;
  text-align: center;
  position: relative;
  
}

.popup_contents .blue_span_bold24 {
  padding-bottom: 30px;
}

.popup_contents .pop_cancel_btn {
  width:24px;
  height: 24px;
  position: absolute;
  top:30px;
  right: 30px;
}







/* user_secession 영역  */
    /* common */
    .secession_contents_title h4 {
      font-size: 18px;
      color:#203465;
    }
    .warning_text {
      color:#ff6f6f;
      font-weight: bold;
    }

    .checkbox_wrap {
      margin-top: 8px;
    }
    /* common END*/
      /* user_secession 영역 - Heading  */
      .user_secession {
        width:100%;
        padding-top:130px;
        background:#fbfbfe;
      }
      
      .user_secession .section1{
        width:100%;
        padding-top: 80px;
      }
      
      .user_secession .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .user_secession .section1 .container .heading {
        width:71%;
        max-width: 1364px;
        height: 60px;
        margin:0 auto;
        padding-bottom: 21px;
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .user_secession .section1 .container .heading>h2 {
        width:123px;
        height: 53px;
        font-size: 30px;
        font-weight: bold;
        color:#203465;
      } 

      .user_secession .section2 .container .heading>h3 {
        width:364px;
        height: 30px;
        font-size: 22px;
        font-weight: bold;
        color:#203465;
        margin: 40px auto 60px auto;
      } 


       /* user_secession 영역 - secession_contents 영역 */
       .user_secession .section2 .form {
        width:1000px;
        margin:0 auto;
      } 

      .secession_contents_wrap {
        margin-bottom: 32px;
      }

      .secession_contents_wrap .secession_contents_title {
        margin-bottom: 20px;
      }

      /* input size 변경  */
      .secession_contents_desc .input {
        width:350px;
        height: 40px;
        padding:10px 20px;
        border:1px solid #203465;
      }

      /*  checkbox_wrap 영역 */
      .checkbox_wrap .secession_contents_desc {
        margin-bottom: 13px;
      }

       /*  textarea 영역 */
       .textarea_wrap {
         width:1000px;
         height: 200px;
       }
      .textarea_wrap .textarea {
        width:100%;
        height: 100%;
        resize: none;
        border: 1px solid #203465;
        padding:10px;
      }

      /*  button wrap 영역 */
      .secession_contents_wrap .button_wrap {
        width: 1000px;
        height: 50px;
        margin-top: 80px;
        display: flex;
        justify-content: space-between;
      }


      .secession_contents_wrap .button_wrap .secession_btn,
      .secession_contents_wrap .button_wrap .cancel_btn {
        width: 490px;
    height: 100%;
    border: 1px solid #203465;
      }

      .secession_contents_wrap .button_wrap .cancel_btn {
    background: #203465;
    color:#ffffff;
      }

      .secession_contents_wrap .button_wrap .secession_btn {
        background:none;
        color: #203465;
          }



       
/* event 영역  */
      /* event 영역 - Heading  */
      .event {
        width:100%;
        padding-top:130px;
      }
      
      .event .section1{
        width:100%;
        padding-top: 80px;
        margin-bottom: 60px;
      }
      
      .event .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .event .section1 .container .heading {
        width:71%;
        max-width: 1364px;
        margin:0 auto;
      }

      
      .event .section1 .container .heading>h2 {
        width:123px;
        height: 53px;
        font-size: 30px;
        font-weight: bold;
        color:#203465;
        margin:0 auto;
        
      } 

     /* common end*/      

       /* event 영역 - Contents  */
       .event .section2 {
         width:100%;
         max-width: 1200px;
         margin:0 auto;
       }
      .event_board_list_wrap .table {
        width:100%;
        border-collapse: collapse;
        border-spacing: 0px;
        margin-bottom: 100px;
      }


      .event_board_list_wrap .table .caption {
        display: none;
      }
      .event_board_list_wrap .thead {
        width:100%;
        background:#203465;
        
      }

      .event_board_list_wrap .thead .tr .th {
        color:#ffffff;
        font-size: 18px;
        font-weight: normal;
        padding:18px 0;
      }

      .event_board_list_wrap .tbody {
        text-align: center;
      }
      .event_board_list_wrap .tbody .tr {
        border-bottom:1px solid #bbbbbb;
      }
      .event_board_list_wrap .tbody .tr .td {
        padding:18px 0;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        color: #333333;
      }

      .event_board_list_wrap .tbody .tr .title {
        padding-left: 30px;
        text-align: left;
      }

      /* table common size  */
      .event_board_list_wrap .thead .num_ {
        width:120px;
      }

      .event_board_list_wrap .thead .title {
        width:800px;
      }

      .event_board_list_wrap .thead .writer {
        width:120px;
      }

      .event_board_list_wrap .thead .date_ {
        width:160px;
      }

      /* paging 영역  */
      .paging_wrap .ul {
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }


      .paging_wrap .img {
        width:14px;
        height: 14px;
      }
      .paging_wrap .ul .list:first-child .img{
        transform: rotateZ(90deg);
        margin-right: 20px;
      }
      .paging_wrap .ul .list:last-child .img{
        transform: rotateZ(-90deg);
        margin-left: 20px;
      }

      .paging_wrap .ul .list .span {
        display: inline-block;
        width:30px;
        height: 30px;
        font-family: Eina01;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -0.36px;
        text-align: center;
        color: #bbbbbb;
      }

      .paging_wrap .ul .list .span.on {
        background:#f3f4f7;
        color:#203465;
        font-weight: bold;
        border-radius: 50%;
      }
    

/* event 영역 끝 */

/* install_mattress 영역  */
      /* install_mattress 영역 - Heading  */
      .install_mattress {
        width:100%;
        

      }
      
      .install_mattress .section1{
        width:100%;
        padding-top: 100px;
        margin-bottom: 60px;
      }
      
      .install_mattress .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .install_mattress .section1 .container .heading {
        width:71%;
        max-width: 1364px;
        margin:0 auto;
        text-align: center;
      }

      
      .install_mattress .section1 .container .heading>h2 {
        font-size: 30px;
        font-weight:500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: -0.6px;
        text-align: center;
        color: #203465;
        margin-bottom: 30px;
      } 

     /* common end*/      

       /* install_mattress 영역 - Contents  */
       .install_mattress .section2 {
         width:100%;
         max-width: 1316px;
         margin:0 auto;
        
       }

       .install_mattress .ins_desc_wrap {
        display: flex;
        flex-direction: column;
       }

       .install_mattress .ins_desc_box {
         display: flex;
         justify-content: space-between;
         margin-bottom: 90px;
       }

       .left_desc,
       .right_desc {
        width:602px;
       }


       .install_mattress .top_img {
        width: 260px;
        height: 230px;
       }

       .install_mattress .top_img img {
         width:100%;
         height: 100%;
       }

       .install_mattress .ins_contents {
         padding:32px 30px 50px 30px;
       }

       .install_mattress .ins_contents .dt {
         padding-bottom: 30px;
         border-bottom:1px solid #bbbbbb;
         font-size: 24px;
         font-weight: bold;
         font-stretch: normal;
         font-style: normal;
         line-height: 1;
         letter-spacing: normal;
         color: #203465;
         margin-bottom: 10px;
       }

       .install_mattress .ins_contents .dd {
        padding-top:20px;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: -0.36px;
        color: #333333;
       }

       /* 하단 특별한 기능 영역  */
       .ameri_video {
         order:-1;
       }
       .ameri_video_wrap {
         margin-bottom:200px;
       }
       .ameri_video_desc {
         width:100%;
         max-width: 1000px;
         height: 540px;
         background:black;
         margin:0 auto;
       }

       /* install_mattress 영역 끝 */
/* customer_service 영역  */
/* customer_service 영역 - Heading  */
.customer_service {
  width: 100%;
  padding-top: 80px;
}

.customer_service .section1 {
  width: 100%;
}

.customer_service .section1 .container {
  width: 100%;
  height: 100%;
}

.customer_service .section1 .container .heading {
  width: 100%;
  height: 60px;
  margin: 102px auto 112px;
  text-align: center;
}

.customer_service .article .section1 .container .heading {
  width: 100%;
  height: 60px;
  margin: 112px auto 34px;
  text-align: center;
}

.customer_service .article .content_wrap {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: #333333;
  margin-bottom: 200px;
}

.customer_service .article .content_wrap .sub_heading {
  margin-bottom: 61px;
}

.customer_service .article .content_wrap .sub_heading h3{
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 1.8px;
  text-align: center;
  color: #333333;
}

.customer_service .section1 .container .heading>h2 {
  height: 53px;
  font-size: 30px;
  font-weight: bold;
  color: #203465;
  margin: 0 auto;
}

/* section 2  영역*/
.customer_service .section2 {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}

/* section 2  Tab-menu영역*/
.customer_service .section2 .tab_wrap,
.inner_tab_wrap .intab_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  text-align: center;
}

.customer_service .section2 .tab_wrap .list,
.inner_tab .list {
  display: inline-block;
  width: 100%;
  height: 71px;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: -0.44px;
  text-align: center;

  background: #ffffff;
  color: #bbbbbb;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 4px solid #bbbbbb;
}

.customer_service .section2 .tab_wrap .list.current,
.inner_tab .list.current {
  border-bottom: 4px solid #203465;
  color: #203465;
}

.customer_service .intab-content {
  width:100%;
}

/* 스와이퍼  */
.customer_service .intab-content .swiper-container {
  width:100%;
  height: 100%;
}

.customer_service .intab-content .swiper-container .swiper-slide {
  width:100%;
  height: 700px;
}

.customer_service .intab-content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  width:100%;
  height: 220px;
  margin-top: 30px;
  display: flex;
    justify-content: space-between;
}

.customer_service .intab-content .swiper-pagination {
  position: static;
}

.customer_service .intab-content .swiper-pagination-bullet {
  display: inline-block;
  width: 210px;
  height: 220px;
  border-radius: 0%;
  background: #000;
}

.customer_service .intab-content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin:0px;
}




.customer_service .intab-content,
.customer_service .tab-content {
  display: none;
}

.customer_service .intab-content.current,
.customer_service .tab-content.current {
  display: inherit;
}

/* common_wrap 영역  */
.customer_service .common_wrap {
  width: 100%;
  max-width: 1364px;
  height: 430px;
  padding: 0 230px 0 219px;
  margin: 0 auto 100px;
  background: #fbfbfe;
}

.customer_service .common_wrap .common_wrap_heading h4 {
  padding: 60px 0;
}

.customer_service .common_wrap .common_wrap_content {
  width: 100%;
  max-width: 915px;
  height: 155px;
}

.customer_service .common_wrap .common_wrap_content_wrap {
  display: flex;
  justify-content: space-between;
}


.customer_service .common_wrap .sns_icon {
  text-align: center;
}

.customer_service .common_wrap .sns_icon_b {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
  margin:0 auto;
  margin-bottom: 20px;
}

.customer_service .common_wrap .sns_icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.customer_service .sns_desc {
  display: flex;
  flex-direction: column;
}

.customer_service .sns_desc strong {
  display: block;
  padding-bottom: 10px;
}

.customer_service .sns_desc .span {
  display: block;
  margin-bottom: 1px;
  text-align: left;
}

.customer_service .sns_desc .span {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.36px;
  text-align: center;
  color: #333333;
}

/* simple_qna 영역  */
.customer_service .simple_qna {
  width: 100%;
  background: #fafafa;
  margin: 0 auto;
  padding: 62px 132px 100px 60px;
  text-align: left;
}

.customer_service .simple_qna .dl {
  margin-bottom: 42px;
}

.customer_service .simple_qna .dl:nth-child(7) {
  margin-bottom: 101px;
}

.customer_service .simple_qna .dt {
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: -0.48px;
  text-align: left;
  color: #203465;
  margin-bottom: 22px;
}

.customer_service .simple_qna .dd {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.54px;
  text-align: left;
  color: #333333;
}

/* 자주 묻는 질문 qna 영역  */

.customer_service .customer_qna_desc .arcodian_qna {
  width: 100%;
  max-width: 1200px;
  margin: 10px auto 0;
  text-align: left;
}

.customer_service .content_qustion {
  padding: 40px;
  font-size: 1.2rem;
  border-top: 1px solid #bbbbbb;
  position: relative;
  cursor: pointer;
}

.customer_service .map_toggle_menu {
  margin-top: 200px;
}

.customer_service .arcodian_qna_wrap .ul,
.customer_service .map_toggle_menu_wrap .ul {
  border-bottom:1px solid #bbbbbb;
}


.customer_service .content_qustion_wrap {
  position: relative;

}

.customer_service .content_qustion_wrap::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotateZ(0deg);
  background: url("../img/right-arrow_24.png") no-repeat;
  background-size: contain;
}

.customer_service .content_answer {
  cursor: pointer;
  display: none;
  margin-bottom: 40px;
  padding: 0 40px;
}

.customer_service .content_answer_wrap {
  display: flex;
  font-size: 1.2rem;
}

.customer_service .arcodian_qna_wrap .q_title {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
  color: #333333;
}

.customer_service .arcodian_qna_wrap .a_desc {
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #333333;
}

/* 워런티  */
/* warranty_s_desc 영역 */

/* 하단 헤딩  */
.warranty_s_desc .heading {
  font-size: 30px;
  font-weight: bold;
  line-height: 46px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #203465;
  margin-top: 90px;

}

.warranty_s_desc .simple_qna {
  width: 100%;
  background: #fafafa;
  margin: 0 auto;
  padding: 62px 132px 100px 60px;
  text-align: left;
}

.warranty_s_desc .simple_qna .dl {
  margin-bottom: 42px;
}

.warranty_s_desc .simple_qna .dl:nth-child(7) {
  margin-bottom: 0;
}

.simple_qna .dt {
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: -0.48px;
  text-align: left;
  color: #203465;
  margin-bottom: 22px;
}

.warranty_s_desc .simple_qna .dd {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.54px;
  text-align: left;
  color: #333333;
  margin-bottom: 40px;
}

.warranty_s_desc .simple_qna .dd .span {
  display: inline-block;
  color: #203465;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.54px;
  line-height: 1.56;
  vertical-align: middle;
  margin-bottom: 20px;
}

/* 표  */
.warranty_s_desc .table_wrap {
  display: flex;
}

.warranty_s_desc .table_wrap .ul:not(.border_r) {
  border-right: 1px solid #bbbbbb;
}

.warranty_s_desc .table_wrap .ul .list {
  width: 300px;
  height: 60px;
  padding: 18px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.32px;
  text-align: center;
  color: #333333;
  border-bottom: 1px solid #bbbbbb;
}

.warranty_s_desc .table_wrap .ul .table_title {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  padding: 18px 0;
  background-color: #203465;
  border: none;
}

/* 배송 텍스트 아이콘 삽입  */
.warranty_s_desc .dl .box_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../img/icon/icon_box.png") no-repeat;
}

/* about_warranty 영역  */
.warranty_s_desc .about_warranty {}

.warranty_s_desc .about_warranty .heading {
  padding-bottom: 40px;
  text-align: left;
}

/* about_warranty_content 영역  */

.about_warranty_content {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.about_warranty_content_wrap {
  padding: 60px 0 60px 60px;
}

.about_warranty_content_wrap .top_content_wrap {
  display: flex;
  justify-content: space-between;
}

.about_warranty_content_wrap .dl {
  display: inline-block;
}

.about_warranty_content_wrap .dd {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.54px;
  text-align: left;
  color: #333333;
  margin-bottom: 20px;
}

.about_warranty_content_wrap .dt {
  text-align: left;
}

.about_warranty_content_wrap .left_box .dt .span {
  display: inline-block;
  color: #203465;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.54px;
  line-height: 1.56;
  vertical-align: middle;
  margin-top: 60px;
  text-align: left;
}

.top_content_wrap .right_box .dt .span {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: -0.72px;
  text-align: left;
  color: #203465;
  margin: 0 0 22px;
}



/* .inner_tab_wrap .intab_wrap 영역 */
.inner_tab_wrap .intab_wrap {
  margin-bottom: 20px;
}
.showroom .heading {
  padding-top: 100px;
  padding-bottom: 30px;
  text-align: center;
}
.showroom h2 {
  font-size: 30px;
  padding-bottom: 10px;
  color:#203465;
}

.showroom .heading span {
  font-family: 'Eina01',sans-serif;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1.2;
}
.showroom_wrap {
  width:100%;
  max-width: 1316px;
  margin:0 auto;
}

.showroom .content_qustion {
  text-align: center;
}
/* 슬라이드 영역  */
.gallery-top {
  height: 700px;
  margin-bottom: 30px;
}
.showroom .intab-content  {
  display:none;
}

.intab-content.current {
  display: inherit;
}

.showroom .swiper-slide {
  height:882px;
}
.showroom .swiper-pagination {
  width:100%;
position:inherit;
margin-top:30px;
display: flex;
justify-content: space-between;
}

.showroom .swiper-pagination img {
  display: block;
}
.showroom .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0px;
}
.showroom .swiper-pagination img {
  object-fit: cover;
}
.swiper-pagination-bullet {
  width:210px;
  height: 220px;
  display: inline-block;
  background: #000;
  border-radius: 0px;
  opacity: 1;
}

.showroom .m_title {
  display: flex;
  justify-content:space-between;
}

/* 지도 탭 메뉴 영역 */
.showroom .space_bet {
  justify-content: space-between;
}

.showroom .map_title {
  font-size: 30px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  color: #203465;
}

.showroom .plus_icon {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.showroom .map_adress_wrap {
  text-align: left;
}

.showroom .map_adress_wrap .span {
  display: inline-block;
  font-size: 18px;
}

.showroom .map_aderss_title {
  padding-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  color: #203465;
}

.showroom .map_adress_detail_wrap div span:nth-child(1) {
  font-weight: bold;
}

.showroom .map_adress_detail_wrap div span:nth-child(2) {
  margin-bottom: 11px;
}

.showroom .m_contact {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.map_btn_wrap {
  display: flex;

  margin-top: 117px;
}

.showroom .map_btn_wrap .button {
  border: 1px solid #203465;
  background: none;
}

.showroom .map_navi_wrap .button {
  width: inherit;
  height: inherit;
  padding: 18px 8px 14px 20px;

}

.showroom .map_naver_wrap .button,
.showroom .map_kakao_wrap .button,
.showroom .map_tmap_wrap .button {
  width: inherit;
  height: inherit;
  padding: 18px;
  margin-left: 20px;
}


.showroom .map_btn_wrap .map_navi,
.showroom .map_btn_wrap .map_naver,
.showroom .map_btn_wrap .map_kakao,
.showroom .map_btn_wrap .map_tmap {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

.showroom .map_btn_wrap .map_navi {
  margin-bottom: 5px;
}

.showroom .map_btn_wrap .sapn {
  color: red;
}

.showroom .map_navi .button {
  width: 210px;
  height: 60px;
  display: flex;
  align-items: center;
}

.showroom .map_btn_wrap .button img {
  width: 24px;
}

.map_navi .button span:nth-child(2) {
  font-size: 16px;
}

.showroom .map_navi {
  background: url("../img/icon/navi_icon.png") no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.showroom .map_naver {
  background: url("../img/icon/naver_icon.jpg") no-repeat;
  background-size: contain;
}

.showroom .map_kakao {
  background: url("../img/icon/kakao_icon.jpg") no-repeat;
  background-size: contain;
}

.showroom .map_tmap {
  background: url("../img/icon/tmap_icon.jpg") no-repeat;
  background-size: contain;
}

/* 지도  */
.showroom .i_locate {
  width: 662px;
  height: 400px;
  border: none;
}

/* customer_service 영역  끝 */
     


/* usa, tech, review, history, eco, design, bio_pur, b2b 영역 시작 */

.span {
  display: block;
}

.con_container {
  width:100%;
  max-width: 1316px;
  margin:0 auto;
}

/* 공통 버튼  */
.common_button {
  width: 260px;
  height: 70px;
  padding: 22px 0px;
  text-align: center;
  border: solid 1px #203465;
  background-color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #203465;
}



/* 무슨 말인지? 섹션
하단 공통 영역  */

.bottom-con_container {
  max-width: 1316px;
  height: 380px;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}

.bottom-con_container .left_con,
.bottom-con_container .right_con{
width:647px;
}

.bottom-con_container .left_con {
  padding: 72px 0px 0px 60px;
  position: relative;
  border: solid 1px #dddddd;
}

.bottom-con_container .left_con .dark_span_nobold22 {
  text-align: left;   
}


.bottom-con_container .left_con .common_button {
  position: absolute;
  right: 60px;
  bottom:60px
}

.bottom-con_container .left_con .blue_span_bold30 {
  display: block;
  margin-bottom:23px;
}

.bottom-con_container .right_con {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bottom-con_container .right_con .con_box {
  padding: 40px 0px 40px 60px;
  border: solid 1px #dddddd;
  display: flex;
  align-items: center;
}


.bottom-con_container .right_con .con_box .span{
  display: block;
  margin-left: 40px;
}

.bottom-con_container .right_con .con_box .icon_history,
.bottom-con_container .right_con .con_box .icon_tools {
  width:100px;
  height: 100px;
  border:1px solid #203465;
  border-radius: 50%;
  position:relative;
  background:#203465;
}

.bottom-con_container .right_con .con_box .icon_history::after {
  content: "";
  width:40px;
  height:40px;
  background:url("../img/icon/history_.png");
  background-size:contain;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}

.bottom-con_container .right_con .con_box .icon_tools::after {
  content: "";
  width:40px;
  height:40px;
  background:url("../img/icon/tools.png");
  background-size:contain;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}

.bottom-con_container .right_con .con_box .blue_span_nobold22 {
  line-height: 32px;
}


/* history 영역 시작  */

.history .section_mobile {
  display: none;
}

/* section1_wrap 영역 */
.history .section1_wrap {
width:100%;
max-width: 1920px;
height:939px;
background:url("../img/his/fortress-day_bg.jpg") no-repeat;
background-size:1920px 949px;
position: relative;
}

.history .section1_wrap .head_title {
position: absolute;
bottom:0px;
left: 0px;
transform: translate(278px,-170px);
}

.history .section1_wrap .head_title .img {
width:347px;
height: 133px;
}



.history .section1_wrap .head_title .white_span30px {
margin:14px 0px 22px 0px;
}

/*.history  section2_wrap 영역  */
.history .section2_wrap{
padding-top: 180px;
}

.history .section2_wrap .con_container {
display: flex;
justify-content: space-between;
padding:0px 74px;
}

.history .section2_wrap .left_box .blue_span_bold_line30 {
margin-bottom: 30px;
}

.history .section2_wrap .left_box .span:nth-child(3){
margin:21px 0px 50px 0px
}

.history .section2_wrap .right_box {
width:478px;
height: 532px;
}


/*.history  section3_wrap 영역  */
.history .section3_wrap {
width:100%;
max-width: 1920px;
height:1000px;
background:url("../img/his/fortress-night_bg.jpg") no-repeat;
background-size:1920px 1000px;
position: relative;
margin-top: 170px;
}

.history .section3_wrap .text_box {
text-align: center;
position: absolute;
top:0px;
left: 0px;
transform: translate(654px,102px);
}
.history .section3_wrap .text_box .span {
text-align: center;
}

.history .section3_wrap .text_box .white_span18px {
margin-bottom: 20px;
font-weight: 300;
}

.history .section3_wrap .text_box .white_span30px {
margin-bottom: 20px;
}



/*.history  section4_wrap 영역  */
.history .section4_wrap{
padding:100px 0px 127px 0px;
background:#fafafa;
}

.history .section4_wrap .head_title {
text-align: center;
}

.history .section4_wrap .head_title .dark_span_nobold18 {
margin:32px 0px 60px 0px;
}

.history .section4_wrap .con_box_wrap {
text-align: center;
display: flex;
justify-content: space-between;
}

.history .section4_wrap .con_box-num{
width:60px;
height: 60px;
border-radius: 50%;
background:#203465;
margin:0 auto;
position: relative;
}
.history .section4_wrap .con_box-num .span {
display: block;
font-family: 'Eina01', sans-serif;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 0.87;
letter-spacing: -0.6px;
text-align: center;
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-53%,-58%);
}

.history .section4_wrap .con_box-title {
margin:31px 0px 22px 0px;
}


/*.history  section5_wrap 영역  */

.history .section5_wrap {
margin-top: 200px;
}
.history .section5_wrap .top_cont .text_wrap {
padding:16px;
}

.history .section5_wrap .top_cont .text_wrap .title_link {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
border-bottom: 1px solid #dddddd;

}

.history .section5_wrap .top_cont .text_wrap .text_desc {
padding-top: 20px;
}

.history .section5_wrap .top_cont .title_ {
text-align: center;
margin-bottom: 60px;
}

.history .section5_wrap .top_cont .title_ .span{
display: block;
text-align: inherit;
}


.history .section5_wrap .con_desc {
display: flex;
justify-content: space-between;
}

.history .section5_wrap .con_desc>div:nth-child(2) {
margin:0px 20px;
}


.history .section5_wrap .img_con {
width:426px;
height: 500px;
}

.history .section5_wrap .title_link .span {
display: inline-block;
font-size: 22px;
line-height: 32px;
color: #203465;
}

.history .section5_wrap .title_link .link {
display: inline-block;
width:60px;
height: 60px;
}

/*.history  section6_wrap 영역  */
.history .section6_wrap {
margin-top: 190px;
}

.bottom-con_container .right_con .con_box .icon_history::after {
background:url("../img/icon/lamp.png");
background-size: contain;
}

/* history 영역 끝 */






/* usa 영역  */

.ab_usa {
width:100%;
max-width: 1364px;
margin:0 auto;
}

/* section1_wrap 영역 */
.ab_usa .section1_wrap {
display: flex;
justify-content: space-between;
position: relative;
}
.ab_usa .section1_wrap .right_img {
width:682px;
height: 939px;
}

.ab_usa .section1_wrap .top_title {
display: flex;
flex-direction: column;
justify-content: space-between;
padding:142px 0px 122px 0px;
}

.ab_usa .section1_wrap .top_title .line_ {
width:1px;
height: 253px;
margin:30px 0px 3px 0px;
border-left:1px solid #dddddd;
}

.ab_usa .section1_wrap .top_title div .span {
display: block;
}

.ab_usa .section1_wrap .top_title div .span:nth-child(2){
margin:30px 0px 20px 0px;
}

.opaci_img {
width:201px;
height: 133px;
}

.side_con {
position: absolute;
top: 0%;
right: -80px;
transform: translate(100%, 0px);
}

.side_img {
width:197px;
height: 939px;
}

.side_con_text {

position: absolute;
top: 50%;
right: 0px;
transform: translate(63%, -100%) rotateZ( 
-90deg
);
}


/*section2 영역  */
.ab_usa .section2 .banner {
width:1364px;
height: 500px;
margin:150px 0px 60px 0px;
}


/*section3_wrap  */
.ab_usa .section3_wrap {
display: flex;
justify-content: space-between;
}

.ab_usa .section3_wrap .made_img {
width:300px;
height: 300px;
}

.ab_usa .section3_wrap .left_con {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.ab_usa .section3_wrap .line_ {
width:1px;
height: 400px;
border-left: 1px solid #203465;
margin-top:30px;
}

.ab_usa .section3_wrap .text_wrap .e_blue_span_bold30 {
display: block;
margin-top: 30px;
}


.ab_usa .section3_wrap .blue_span_nobold22 {
display: block;
margin:13px 0px 30px 0px;
}

.ab_usa .section3_wrap .text_wrap {
position:relative;
}

.ab_usa .section3_wrap .text_wrap .made_img {
position: absolute;
right: 0%;
top:0%;
transform: translate(66%,-33%);
z-index: -1;
}

.white_span {
color:#ffffff;
}

/*section4_wrap 영역  */
.ab_usa .section4_wrap {
width:100%;
position: relative;
}


/* 스와이퍼  */
.ab_usa .section4_wrap {
margin:140px 0px 200px 0px;
}
.ab_usa .section4_wrap .swiper-container {
width:1200px;
height: 770px;
}

.ab_usa .con_container {
width:100%;
margin:0 auto;
}

.ab_usa .section4_wrap .swiper-container {
margin-left: 0px;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}

.ab_usa .section4_wrap .swiper-container .swiper-slide {
width:1200px;
height: 770px;
}

.ab_usa .section4_wrap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
width:100%;
height: 154px;
display: flex;
flex-direction: column;
}


.ab_usa .section4_wrap .swiper-pagination-bullet {
display: inline-block;
width: 154px;
height: 154px;
border-radius: 0%;
background: #000;
}

.ab_usa .section4_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin:0px;
}

.ab_usa .section4_wrap .swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10;
top: 0%;
right: 0%;
display: flex;
flex-direction: column;
}

.ab_usa .section4_wrap .swiper-button-next,
.ab_usa .section4_wrap .swiper-button-prev {
top:inherit;
}



.ab_usa .section4_wrap .swiper-button-next {
  position: absolute;
  right:0%;
  width: 20px;
  height: 20px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: red;
}


.ab_usa .section4_wrap .swiper-button-prev {
position: absolute;
right: 0%;
left: inherit;
bottom:40px;
width: 20px;
height: 20px;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: red;
}


.ab_usa .section4_wrap .swiper-button-prev {
transform: rotateZ(180deg);
}


.ab_usa .swiper-button-next:after, 
.ab_usa .swiper-button-prev:after {
content: "";
width:20px;
height: 20px;
background:url("../img/right-arrow_24.png") no-repeat;
background-size: contain;

}



/*section5_wrap 영역  */

.ab_usa .section5_wrap .con_container {
margin-bottom: 200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.ab_usa .section5_wrap .con_container .con_box {
width:643px;
height: 412px;
margin-top: 20px;
}

.ab_usa .section5_wrap .con_container .text_box .span{
display: block;
}

.ab_usa .section5_wrap .con_container .text_box .dark_span_nobold18 {
padding:32px 0px 60px 0px;
}



/*section6_wrap 영역  */
.ab_usa .section6_wrap .common_button {

}


/* usa 영역 끝 */

/* design 영역 시작 */

.design section .con_container {
width:100%;
max-width: 1618px;
margin:inherit;
}

.design .blue_span_bold30 {
margin-bottom: 32px;
}

.design .con_box {
display: flex;
justify-content: space-between;
align-items: center;
}


/*.design  section1_wrap 영역 */
.design .section1_wrap {
display: flex;
justify-content: flex-end;
}

.design .section1_wrap .line_ {
width:1px;
height: 200px;
border-left: 1px solid #bbbbbb;
margin:30px 0px 0px 0px;
}

.design .section1_wrap .con_box-img {
width:960px;
height: 938px;
}

.design .text_img {
width:328px;
height: 133px;
}

/*.design  section2_wrap */
.design .section2_wrap {
display: flex;
justify-content: flex-start;
}

.design .section2_wrap .con_box {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}

.design .section2_wrap .con_box-img {
width:960px;
height: 800px;
}


/*.design  section3_wrap */


.design .section3_wrap {
display: flex;
justify-content: flex-end;
padding:220px 0px 362px 0px;
}

.design .section3_wrap .con_box {
display: flex;
align-items: flex-end;
}

.design .section3_wrap .con_box-img {
width:960px;
height: 800px;
}


/*.design  section4_wrap */
.design .section4_wrap {
display: flex;
justify-content: flex-start;
}

.design .section4_wrap .con_box {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}

.design .section4_wrap .con_box-img {
width:870px;
height: 252px;
}



/*.design  section5_wrap */

.design .section5 .section5_wrap .con_container {
width: 100%;
max-width: 1316px;
margin: 0 auto;
}
.design .section5_wrap {
width:100%;
max-width: 1920px;
padding:300px 0px 310px 0px;
}

.design .section5_wrap .con_box {
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.design .section5_wrap .con_box-img {
width:658px;
height: 600px;
}



/*.design  section6_wrap 영역  */
.design .section6 .section6_wrap .con_container {
width: 100%;
max-width: 1316px;
margin: 0 auto;
}


.design .section6 .bottom-con_container .right_con .con_box {
padding: 40px 0px 40px 60px;
border: solid 1px #dddddd;
display: flex;
align-items: center;
justify-content: flex-start;

}

/* 애니메이션  */
  /* 슬라이드 진입시 */
  @keyframes design_moveUpBottom {
    0% {
       transform: translateY(0%);     
    }
    25% {
      transform: translateY(1%);     
   }
   50% {
    transform: translateY(2%);     
 }
 75% {
  transform: translateY(3%);     
}
85% {
  transform: translateY(4%);     
}
  
100% {
      transform: translateY(5%);     
    }
  }



    
  .move_upbottom {
    animation:design_moveUpBottom 1s infinite alternate;
  }
.design .section5_wrap .con_box-img {
  position:relative;
}

.design .section5_wrap .animate_box_01,
.design .section5_wrap .animate_box_02 {
  position:absolute;
}

.design .section5_wrap .animate_box_01{
  top:179px;
}
.design .section5_wrap .animate_box_02{
  bottom:220px;
}


/* 애니메이션  */
/* design 영역 끝 */




/* bio_pur .영역 시작 */

.bio_pur .section1_wrap {
width:100%;
height: 1902px;
background: linear-gradient(to bottom, #ffffff, #ffffff 402px,#0d224c 402px);
margin-bottom: 162px;
}

.bio_pur .section1_wrap .con_container {
height: 1902px;
}

.bio_pur .section1_wrap .con_container .con_box-text {
height: 302px;
padding:102px 0px 60px 0px;
text-align: center;
background:#ffffff;
}

.bio_pur .section1_wrap .con_container .con_box-text .dark_span_nobold22 {
margin-top: 23px;
line-height: 46px;
}

.bio_pur .section1_wrap .con_container .con_box_desc .con_box_desc-img {
width:100%;
height: 800px;
margin-bottom: 120px;
}


.bio_pur .section1_wrap .con_box_wrap .left_iframe {
width:400px;
height: 520px;
background:black;
}

.bio_pur .section1_wrap .con_box_wrap .con_box_desc .con_box_desc-text {
display: flex;
justify-content: space-between;
}




.bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px {
margin-bottom: 20px;
}

.bio_pur .section1_wrap .con_box_wrap .right_text .bottom_text {
width:100%;
padding:0px 0px 0px 185px;
border-left: 1px solid #ffffff;
margin-top: 40px;
}

.bio_pur .section1_wrap .con_box_wrap .right_text .white_span18px:nth-child(3) {
margin-bottom:60px
}

.bio_pur .section1_wrap .con_box_wrap .right_text .common_button {
background:none;
color:#ffffff;
border:1px solid #ffffff;
}


/*.bio_pur  section2_wrap 영역  */
.bio_pur .section2_wrap {
display: flex;
justify-content: flex-start;
}

.bio_pur .section2>.blue_span_bold30 {
text-align: center;

}

.bio_pur .section2_wrap .con_container {
width:100%;
max-width: 1618px;
margin:inherit;
}



.bio_pur .section2_wrap .con_container .con_box {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
}

.bio_pur .section2_wrap .line_ {
width:1px;
height: 200px;
border-left: 1px solid #bbbbbb;
margin:30px 0px;
}

.bio_pur .section2_wrap .con_box-img {
width:960px;
height: 938px;
}

.bio_pur .section2_wrap .dark_span_nobold18:nth-child(2n) {
margin:20px 0px;
}


/*.bio_pur  section3_wrap 영역  */



.bio_pur .section3_wrap {
height: 1480px;
display: flex;
justify-content: center;
background: linear-gradient(to right, #ffffff, #ffffff 1060px,#fafafa 1060px);
}

.bio_pur .section3>.blue_span_bold30 {
text-align: center;

}

.bio_pur .section3_wrap .con_container {
width: 100%;
height: 100%;
max-width: 1316px;
margin: inherit;
}
.bio_pur .section3_wrap .con_container .con_box_wrap {
width: 100%;
height: 100%;
padding:100px 0px;
}

.bio_pur .section3_wrap .con_container .con_box_wrap .con_box {
width: 100%;
height: 100%;
}



.bio_pur .section3_wrap .con_container .con_box {
display: flex;
justify-content: space-between;
align-items: center;
}

.bio_pur .section3_wrap .con_container .con_box .con_box_left {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.bio_pur .section3_wrap .con_container .con_box .con_box_right {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.bio_pur .section3_wrap .line_ {
width:1px;
border-left: 1px solid #bbbbbb;
margin:30px 0px;
}

.bio_pur .section3_wrap .line_:nth-child(2){
height: 142px;
}

.bio_pur .section3_wrap .line_:nth-child(4){
height: 235px;
}

.bio_pur .section3_wrap .con_box-img {
width:658px;
}

.bio_pur .section3_wrap .dark_span_nobold18:nth-child(2n) {
margin:20px 0px;
}

.bio_pur .section3_wrap .blue_bold18_ {
text-align: left;
}


/*.bio_pur  section4_wrap 영역  */
.bio_pur .section4_wrap {
margin-top: 180px;
}
.bio_pur .matt_table {
display: flex;
justify-content: center;
}

.bio_pur .matt_table .ul {
text-align: center;
border-right: 1px solid #dddddd;
}

.bio_pur .matt_table .ul:first-child .list .span {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #333333;
}

.bio_pur .matt_table .ul .list {
width:400px;
height: 60px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: 1px solid #dddddd;
}

.bio_pur .matt_table .ul .list .blue_bold18_ {
font-weight: 300;
}

.bio_pur .matt_table .ul .matt_table_title {
background:#203465;
color:#ffffff;
}

.bio_pur .matt_table .ul .list .span .img {
width:28px;
height: 28px;
}


/*.bio_pur  section5_wrap 영역  */
.bio_pur .section5_wrap {
margin-top: 182px;
}
.bio_pur .section5_wrap .top_cont .text_wrap {
padding:16px 0px;
}

.bio_pur .section5_wrap .top_cont .text_wrap .title_link {
display: flex;
justify-content: space-between;
padding:0px 0px 20px 20px;
border-bottom: 1px solid #dddddd;

}

.bio_pur .section5_wrap .top_cont .text_wrap .text_desc {
padding-top: 20px;
}

.bio_pur .section5_wrap .top_cont .title_ {
text-align: center;
margin-bottom: 60px;
}

.bio_pur .section5_wrap .top_cont .title_ .span{
display: block;
text-align: inherit;
}


.bio_pur .section5_wrap .con_desc {
display: flex;
justify-content: space-between;
}



.bio_pur .section5_wrap .img_con {
width:638px;
height: 400px;
}

.bio_pur .section5_wrap .title_link .span {
display: inline-block;
font-size: 22px;
line-height: 32px;
color: #203465;
}

.bio_pur .section5_wrap .title_link .link {
display: inline-block;
width:60px;
height: 60px;
}



/*.bio_pur  section6_wrap 영역  */
.bio_pur .section6 {
width: 100%;
height: 570px;
max-width: inherit;
margin: 182px 0px 330px 0px;
background:#fbfbfe;
}
.bio_pur .section6_wrap {

}

.bio_pur .section6_wrap .con_container .bottom_cont {
position: relative;
}

.bio_pur .section6_wrap .con_container .bottom_cont .bottom_cont_wrap {
position: absolute;
top:60px;
left: 0px;
}

.bio_pur .section6_wrap .top_cont .text_wrap {
padding:16px 0px;
}

.bio_pur .section6_wrap .bottom_cont {
width:100%;
margin-top: 180px;
}

.bio_pur .section6_wrap .bottom_cont_wrap {
width:100%;
max-width: 1364px;
display: flex;
justify-content: flex-start;
margin:0 auto;
}

.bio_pur .section6_wrap .bottom_cont .left_img {
width:638px;
height: 500px;
margin-right: 80px;
}
.bio_pur .section6_wrap .bottom_cont .text_wrap {
display: flex;
flex-direction: column;
padding:150px 0px 0px 0px;
}

.bio_pur .section6_wrap .bottom_cont .text_wrap {
margin-bottom:60px;
}

.bio_pur .section6_wrap .bottom_cont .map__btn .span {
display: inline;
}

.bio_pur .section6_wrap .bottom_cont .text_wrap .dark_span_bold18 {
margin-top: 10px;
}
.bio_pur .section6_wrap .bottom_cont .text_wrap .blue_span_bold30 {
margin-bottom: 30px;
}

.bio_pur .section6_wrap .bottom_cont .map__btn .button {
width: 260px;
height: 70px;
background:#fbfbfe;
border:1px solid #203465;
padding:inherit;
}

.bio_pur .section6_wrap .bottom_cont .map__btn .button .img {
width:24px;
height: 24px;
}





/*.bio_pur  section7_wrap 영역  */
.bio_pur .content_qustion {
padding: 40px;
font-size: 1.2rem;
border-top: 1px solid #bbbbbb;
position: relative;
cursor: pointer;
}


.bio_pur .content_qustion_wrap {
position: relative;

}
.bio_pur .mini_qna {
border-bottom: 1px solid #dddddd;
}

.bio_pur .mini_qna .blue_span_bold30 {
margin-bottom: 32px;
}

.bio_pur .content_qustion_wrap .q_title {
font-weight: bold;
}

.bio_pur .content_qustion_wrap::after {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%) rotateZ(0deg);
background: url("../img/right-arrow_24.png") no-repeat;
background-size: contain;
}

.bio_pur .content_answer {
cursor: pointer;
display: none;
margin-bottom: 40px;
padding: 0 40px;
}

.bio_pur .content_answer_wrap {
display: flex;
font-size: 1.2rem;
}

.bio_pur .section7_wrap .q_title {
font-size: 18px;
font-weight: bold;
line-height: 28px;
text-align: left;
color: #333333;
}

.bio_pur .section7_wrap .a_desc {
font-size: 16px;
line-height: 30px;
text-align: left;
color: #333333;
}

.bio_pur .section7_wrap .con_container .link .blue_bold18_ {
margin-top: 20px;
text-align: right;
}




/*.bio_pur  section8_wrap 영역  */

.bio_pur .section8 {
width:100%;
max-width: inherit;
background:#fafafa;
padding-bottom: 70px;
}
.bio_pur .section8_wrap  {
width:100%;
}

.bio_pur .section8_wrap .top_ {
padding:80px 0px;

margin-top: 150px;
}

.bio_pur .section8_wrap .top_ .title {
text-align: center;
padding-bottom: 61px;
}

.bio_pur .section8_wrap .top_ .title .span {
font-size: 30px;
font-weight: bold;
line-height: 50px;
letter-spacing: -0.6px;
text-align: center;
color: #203465;
}

.bio_pur .section8_wrap .top_ .icon_img {
width:80px;
height: 80px;
margin:0 auto;
}

.bio_pur .section8_wrap .top_ .contents {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.bio_pur .section8_wrap .top_ .contents .con_desc {

border-right: 1px solid #203465;
}
.bio_pur .section8_wrap .top_ .contents .con_desc:nth-child(1) {
padding-right: 152px;
}

.bio_pur .section8_wrap .top_ .contents .con_desc:nth-child(2) {
flex-basis: 454px;
}

.bio_pur .section8_wrap .top_ .contents .con_desc:nth-child(3) {
padding-left: 114px;
}

.bio_pur .section8_wrap .top_ .contents .con_desc:last-child {
border:none;

}

.bio_pur .section8_wrap .top_ .contents .con_desc .dt{
font-family: 'Eina01', sans-serif;
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
letter-spacing: 0.4px;
text-align: center;
color: #203465;
margin-bottom: 10px;
}

.bio_pur .section8_wrap .top_ .contents .con_desc .dd{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #333333;
}

.bio_pur .section8_wrap .btn_wrap {
text-align: center;
margin: 0 auto;
display: inherit;
}

.bio_pur .section8_wrap .btn_wrap .dark_span_bold18 {
margin-bottom: 20px;
}




/* .bio_pur .section9_wrap 영역  */
.bio_pur .section9_wrap .matt_table {
margin:180px 0px;
}
.bio_pur .section9_wrap .box_wrap {
display: flex;
justify-content: space-between;
}

.bio_pur .section9_wrap .box_wrap .con_box {
width: 425px;
height: 460px;
padding: 62px 109px 60px;
border: solid 1px #dddddd;
text-align: center;
}

.bio_pur .section9_wrap .box_wrap .con_box:nth-child(1){
background:url("../img/bio/m_matt.png") no-repeat;
background-size: contain;
background-position:left center;
}

.bio_pur .section9_wrap .box_wrap .con_box:nth-child(2){
background:url("../img/bio/m_matt_2.png") no-repeat;
background-size: contain;
background-position:left center;
}

.bio_pur .section9_wrap .box_wrap .link {
display: inline-block;
width:60px;
height: 60px;
margin-top: 140px;
margin-right: auto;
margin-left: auto;
}

.bio_pur .section9_wrap .box_wrap .con_box-img {
width:60px;
height: 60px;
margin:0 auto;
}

.bio_pur .section9_wrap .box_wrap .con_box-desc {
margin-top: 110px;
}

.bio_pur .section9_wrap .box_wrap .con_box-text .blue_span_bold22 {
margin: 21px 0px;
}

/* bio_pur .영역 시작 끝*/


/* .tech 영역 시작 */
/* .tech .section_wrap 영역 */
.tech .section1_wrap {
margin-top: 180px;
}

.tech .section1_wrap .con_img {
text-align: center;
}
.tech .section1_wrap .img {
width:900px;
height: 360px;
}

/*.tech  section2_wrap_01 영역  */
.tech .section2 {
background: linear-gradient(to bottom, #ffffff, #ffffff 606px,#fbfbfe 606px, #fbfbfe 3066px, #ffffff 3066px);

}
.tech .section2_wrap {

margin:0 auto;
position: relative
}

.tech .section3>.blue_span_bold30 {
text-align: center;

}

.tech .section2_wrap .con_container {
width: 100%;
height: 100%;
max-width: 1316px;
margin: inherit;
}
.tech .section2_wrap .con_container .con_box_wrap_01 {
width: 100%;
height: 100%;
padding-top:80px;
}

.tech .section2_wrap .con_container .con_box_wrap_01 .con_box {
width: 100%;
height: 832px;
border-left: 1px solid #bbbbbb;
}



.tech .section2_wrap .con_container .con_box_wrap_01 .con_box {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-end;
}

.tech .section2_wrap .con_container .con_box_wrap_02 {
margin:140px 0px 232px 0px;
}

.tech .section2_wrap .con_container .con_box_wrap_02 .con_box {
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.tech .section2_wrap .con_container .con_box_wrap_03 .con_box {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-end;
}

.tech .section2_wrap .con_box_wrap_04 {

}


.tech .section2_wrap .con_container .con_box .con_box_left {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.tech .section2_wrap .con_container .con_box .con_box_right {

display: flex;
flex-direction: column;

}

.tech .section2_wrap .line_ {
width:1px;
border-left: 1px solid #bbbbbb;
margin:30px 0px;
}

.tech .section2_wrap .line_:nth-child(2){
height: 142px;
}

.tech .section2_wrap .line_:nth-child(4){
height: 235px;
}

.tech .section2_wrap .con_box_wrap_01>.con_box-img {
width:539px;
height: 133px;
}

.tech .section2_wrap .con_box_wrap_02 .con_box-img {
width:658px;
height: 600px;
}

.tech .section2_wrap .con_box_wrap_03 .con_box-img {
width:961px;
height: 650px;
}

.tech .section2_wrap .con_box_wrap_04 .con_box-img_wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
}

.tech .section2_wrap .con_box_wrap_04 .con_box-img_wrap::after{
content: "";
width:1px;
height: 335px;
position: absolute;
left: 0px;
top:40px;
background:#bbbbbb;

}

.tech .section2_wrap .con_box_wrap_04 .con_box-img {
width:960px;
height: 437px;
}


.tech .section2_wrap .con_box_wrap_01 .con_box_right .con_box-img {   
width:320px;
height: 216px;
margin: 0px 0px 70px 125px;
}


.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer {
display: flex;
justify-content: flex-end;
}
.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer div {
display: flex;
align-items: center;
}

.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer div:nth-child(2){
margin-left: 27px;
}

.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer .red {
width:20px;
height: 20px;
border-radius: 50%;
background:#ff6f6f;
margin-right: 10px;
}

.tech .section2_wrap .con_box_wrap_02 .con_box_right .con_box-img .pointer .green {
width:20px;
height: 20px;
border-radius: 50%;
background:#3ddda9;
margin-right: 10px;
}
.tech .section2_wrap .dark_span_nobold18{
margin:32px 0px 0px 0px;
}


.tech .section2_wrap .up_down_margin {
margin:32px 0px 60px 0px
}

.tech .section2_wrap .blue_bold18_ {
text-align: left;
}


.tech .section2_wrap .con_box_wrap_03 {
width:100%;
max-width: 1618px;
margin-bottom: 330px;
}

.tech .section2_wrap .con_box_wrap_04 {
width:100%;
max-width: 1618px;
margin-left: 302px;
}

.tech .section2_wrap .con_box_wrap_03 .con_box {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-end;
}


/*.tech  section3 _wrap_01 */
.tech .section3 {
width:100%;
max-width: inherit;
margin:0 auto;
}

.tech .section3_wrap .con_container {
width:100%;
max-width: inherit;
margin:0 auto;
padding:102px 0px;
margin-top: 150px;
background:linear-gradient(to bottom, #fafafa, #fafafa 1124px,#ffffff 1124px, #ffffff 2695px, #fafafa 2695px);
}

.tech .section3_wrap .con_container .con_box_wrap_01,
.tech .section3_wrap .con_container .con_box_wrap_02,
.tech .section3_wrap .con_container .con_box_wrap_03,
.tech .section3_wrap .con_container .con_box_wrap_04 {
width:100%;
max-width: 1920px;
margin:0 auto;
}

.tech .section3_wrap .con_container .con_box_wrap_03 {
margin:150px auto 140px auto;
}

.tech .section3_wrap .con_container .con_box_wrap_01 .con_box,
.tech .section3_wrap .con_container .con_box_wrap_03 .con_box {
width:100%;
max-width: 1618px;
margin-left: 302px;
}

.tech .section3_wrap .con_container .con_box_wrap_02 .con_box,
.tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
width:100%;
max-width: 1618px;
margin-top: 150px;
}

.tech .section3_wrap .con_container .con_box_wrap_02 .con_box {
margin-top:220px;
}

.tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
margin-top: 410px;
}

.tech .section3_wrap .con_container .con_box_wrap_02 .con_box {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-end;
}

.tech .section3_wrap .con_container .con_box_wrap_03 .con_box {
display: flex;
justify-content: space-between;

}
.tech .section3_wrap .con_container .con_box_wrap_04 .con_box {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;

}

.tech .section3_wrap .con_box_wrap_01 .con_box-img_wrap {
padding-top: 112px;
display: flex;
justify-content: flex-end;
}

.tech .section3_wrap .con_box_wrap_03 .con_box-text {
margin-top: 270px;
}

.tech .section3_wrap .con_box_wrap_01 .con_box-img {
width:960px;
height: 471px;
}

.tech .section3_wrap .con_box_wrap_02 .con_box-img {
width:1091px;
height: 487px;
}

.tech .section3_wrap .con_box_wrap_02 .con_box-img .img {
width:1091px;
height: 487px;
}

.tech .section3_wrap .con_box_wrap_03 .con_box-img {
width:960px;
height: 591px;
}

.tech .section3_wrap .con_box_wrap_04 .con_box-img {
width:865px;
}

.tech .section3_wrap .dark_span_nobold18{
margin:32px 0px 0px 0px;
}


/*.tech  section4_wrap 영역  */
.tech .section4 .section4_wrap .con_container {
width: 100%;
max-width: 1316px;
margin: 200px auto 0px auto;
}


.tech .section4 .bottom-con_container .right_con .con_box {
padding: 40px 0px 40px 60px;
border: solid 1px #dddddd;
display: flex;
align-items: center;
justify-content: flex-start;
}

/* 애니메이션 시작  */
.tech .animate_wrap {
  width:100%;
  padding:200px 0px;
position:relative;
}
.tech .animate_wrap .sliceImg {
  position:absolute;
}
.slice_img_01 {
  width:100%;
  height:234px;
  background:url("../img/animate/smt.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:0;
}
.slice_img_02 {
  width:100%;
  height:234px;
  background:url("../img/animate/reticulated.png") no-repeat;
background-size:100%;
bottom:10%;
z-index:1;
}
.slice_img_03 {
  width:100%;
  height:347px;
  background:url("../img/animate/floral-cover.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:2;
}
.slice_img_04 {
  width:100%;
  height:95px;
  background:url("../img/animate/mesh-cover.png") no-repeat;
background-size:100%;
bottom:0%;
z-index:3;
}

.animate_pulse_wrap {
  position:relative;
}
@keyframes heat-skin {
  0%,
  100%,
  55%,
  90% {
  opacity: 1
  }
  65%,
  80% {
  opacity: 0
  }
  }
.animate_pulse_wrap:after {
  content: "";
  width: 93%;
  height: 90%;
  background: url('../img/animate/heat-1.png')no-repeat;
  background-size: contain;
  position: absolute;
  top: 9%;
  left: 21%;
  animation: heat-skin 4.5s ease-out infinite;
}

@keyframes infrared-skin {
  0%,
  100%,
  55%,
  85% {
  opacity: 0
  }
  70%,
  80% {
  opacity: 1
  }
  }
.animate_pulse_wrap:before {
  content: "";
  width: 93%;
  height: 90%;
  background: url('../img/animate/infrared-1.png')no-repeat;
  background-size: contain;
  position: absolute;
  top: 9%;
  left: 21%;
  animation: infrared-skin 4.5s ease-out infinite;
}

@keyframes heat-pulse {
  0% {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
  }
  15% {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0
  }
  100% {
  opacity: 0
  }
  }
.animate_heat-pulse {
  width: 100%;
  height: 100%;
  background:url('../img/animate/heat-2.png')no-repeat;
  background-size:cover;
  position:absolute;
  top:-20%;
  left:0%;
  animation:heat-pulse 4.5s ease-out infinite;
}


@keyframes frame-animation { 0% { background-position: 0px 0; } 100% { background-position: -5358px 0; } }


.animate_core_wrap{
  width: 800px;
  height: 200px;
  background:url('../img/animate/core_img.png')no-repeat;
  background-size:cover;
  animation: frame-animation 3s steps(6) infinite;    
}



/* 애니메이션 끝  */

/* .tech 영역 끝 */


/*.review_  영역  시작 */
.review_ .section1_wrap .text_box_wrap .blue_span_bold_line30 {
text-align: center;
margin-bottom: 32px;
}

.review_ .section1_wrap .text_box_wrap .text_box_title {
margin:100px 0px 60px 0px;
text-align: center;
}

.review_ .section1_wrap .text_box_wrap .text_box_desc {
display: flex;
justify-content: space-between;
align-items: flex-end;
text-align: left;
padding: 41px 40px 60px 60px;
background:#fafafa;
}

.review_ .section1_wrap .text_box_wrap .text_box_desc .span {
margin-top:20px; 
}

.review_ .section1_wrap .text_box_wrap .text_box_desc .blue_bold18_ {
text-align: left;
}



/*.review_  section2_wrap 영역  */

.review_ .section2_wrap {
width:100%;
max-width: 1316px;
margin:150px auto 0px auto;
}

.review_ .section2_wrap .text_box_title {
text-align: center;
}

.review_ .section2_wrap .text_box_title .blue_span_bold_line30 {
text-align: center;
}
.review_ .section2_wrap .text_box_title .dark_span_nobold18 {
margin:30px 0px 20px 0px;
}

.review_ .section2_wrap .tab_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 100px;
}

.review_ .section2_wrap .tab_wrap .list {
width:217px;
height: 80px;
font-size: 22px;
padding: 26px 0 0;
line-height: 22px;
letter-spacing: -0.44px;
text-align: center;
color: #dddddd;
border-bottom: 4px solid #dddddd;
cursor: pointer;
}

.review_ .section2_wrap .tab_wrap .list.current {
color:#203465;
font-weight: bold;
border-bottom: 4px solid #203465;
}

.review_ .section2_wrap .tab-content {
display: none;
}


.review_ .section2_wrap .tab-content.current{
display: inherit;
}

.review_ .section2_wrap .con_container .con_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:80px 0px 60px 0px;
}

.review_ .section2_wrap .con_container .con_box {
width:314px;
height: 326px;
margin-bottom: 20px;
padding: 21px 21px 31px 30px;
border:1px solid #bbbbbb;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.review_ .section2_wrap .con_container .con_box .con_box_desc .dark_span_nobold16:first-child {
margin-bottom: 10px;
}

.review_ .section2_wrap .con_container .con_box .con_box_stars,
.review_ .section2_wrap .con_container .con_box .con_box_stars .stars_wrap,
.review_ .section2_wrap .con_container .con_box .con_box_date,
.review_ .section2_wrap .con_container .con_box .con_box_date .con_box_date-icons {
display: flex;
justify-content: space-between;
align-items: center;
}

.review_ .section2_wrap .con_container .con_box .con_box_stars .stars_wrap .span {
margin-left: 5px;
}

.review_ .section2_wrap .con_container .con_box .con_box_date .con_box_date-icons .link {
margin-left: 10px;
}

.review_ .section2_wrap .con_container .con_box .img {
width:18px;
height:18px;
}



.review_ .section2_wrap .paging_wrap .ul{
border:none;
}

/*.review_  section3_wrap 영역 */
.review_ .section3_wrap .con_container {
margin-top: 160px;
}
.review_ .section3_wrap .text_box_title .blue_span_bold_line30,
.review_ .section3_wrap .text_box_title .dark_span_nobold18 {
text-align: center;
}


.review_ .section3_wrap .text_box_title .blue_span_bold_line30 {
margin-bottom: 30px;
}

.review_ .section3_wrap .con_top {
  padding: 52px 0px;
background-color: #fbfbfe;
margin-top: 60px;
}

.review_ .section3_wrap .con_top .con_top_title {
margin-bottom: 60px;
}

.review_ .section3_wrap .con_top .con_top_title .blue_span_bold_line30 {
text-align: center;
}

.review_ .section3_wrap .con_top .con_top_desc {
display: flex;
justify-content: space-between;
}

.review_ .section3_wrap .con_top .con_top_desc div {
display: flex;
justify-content: space-between;
align-items: baseline;
padding:0px 50px 0px 50px;
border-right:1px solid #bbbbbb;
}

.review_ .section3_wrap .con_top .con_top_desc div:last-child {
border: none;
}

.review_ .section3_wrap .con_top .con_top_desc div .blue_span_bold22 {
margin-right: 11px;
}



/* 자주 묻는 질문 qna 영역  */
.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list {
padding:50px 0px;
border-bottom: 1px solid #bbbbbb;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .span {
margin-top: 20px;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .blue_span_bold_line30 {
margin:inherit;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list .blue_bold18_ {
text-align: left;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2) {
display: flex;
justify-content: space-between;
align-items: center;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>.blue_span_bold_line30 {
height: 124px;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>div {
display: flex;
justify-content: space-between;

}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(2)>div>div {
margin-left: 77px;
}

.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(3) .blue_bold18_,
.review_ .section3_wrap .con_bottom .con_bottom_desc .ul .list:nth-child(4) .blue_bold18_ {
text-align: right;
}


/*.review_  영역 끝 */

/* eco영역 시작  */
.eco section .con_container {
width:100%;
max-width: 1618px;
margin:inherit;
}

.eco .blue_span_bold30 {
margin-bottom: 32px;
}

.eco .con_box {
display: flex;
justify-content: space-between;
align-items: center;
}


/*.eco  section1_wrap 영역 */
.eco .section1_wrap {
display: flex;
justify-content: flex-end;
}

.eco .section1_wrap .line_ {
width:1px;
height: 200px;
border-left: 1px solid #bbbbbb;
margin:30px 0px 0px 0px;
}

.eco .section1_wrap .con_box-img {
width:960px;
height: 938px;
}

.eco .section1_wrap .text_img {
width:193px;
height: 133px;
}

/*.eco  section2_wrap */
.eco.eco  section .section2_wrap .con_container {
width:100%;
max-width: 1920px;
margin:0 auto;
}
.eco .section2_wrap {
display: flex;
justify-content: flex-start;
}

.eco .section2_wrap .con_box {
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.eco .section2_wrap .con_box_left_img .con_box-img {
width:960px;
height: 570px;
}

.eco .section2_wrap .con_box_right_img .con_box-img {
width:302px;
height: 570px;
}

.eco .section1_wrap .con_box-text .blue_span_nobold30,
.eco .section2_wrap .con_box-text .blue_span_nobold30,
.eco .section3_wrap .con_box-text .blue_span_nobold30 {
margin-bottom: 32px;
}


/*.eco  section3_wrap */


.eco .section3_wrap {
display: flex;
justify-content: flex-end;
padding:220px 0px 200px 0px;
}

.eco .section3_wrap .con_box {
display: flex;
align-items: flex-end;
}

.eco .section3_wrap .con_box .con_box_left {
margin-bottom: 30px;
}


.eco .section3_wrap .line_ {
width:1px;
height: 200px;
border-left: 1px solid #bbbbbb;
margin:30px 0px 30px 0px;
}


.eco .section3_wrap .con_box-img {
width:960px;
height: 600px;
}


/*.eco  section4_wrap 영역 */

.eco .section4 .section4_wrap .con_container {
width:100%;
max-width: 1316px;
margin:0 auto;
}

.eco .section4_wrap .con_box {
display: flex;
flex-direction: column;
}



.eco .section4_wrap .con_box-img {
width:1316px;
height: 700px;
}

.eco .section4_wrap .con_box_left {
width: 100%;
padding:61px 0px 31px 0px;
display: flex;
justify-content: space-between;
}


/*.eco  section5_wrap 영역  */
.eco .section5 .m_con_wrap {
display: none;
}
.eco .section5 .con_container {
width:100%;
max-width: 1316px;
margin:0 auto;
border-top:1px solid #203465;
border-bottom:1px solid #203465;
padding:100px 0px 20px 0px;
}


.eco .section5_wrap .con_container .con_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.eco .section5_wrap .con_box {
width:658px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 80px;
}

.eco .section5_wrap .con_box:nth-child(5) {
justify-content: flex-start;
}

.eco .section5_wrap .con_box:nth-child(2n) {
padding-left: 58px;
}

.eco .section5_wrap .con_img {
width:180px;
height: 180px;
}

.eco .section5_wrap .con_box .blue_span_bold24 {
margin:24px 0px 22px 0px;
}


/*.eco  section6_wrap 영역  */
.m_sec_09 {
  display: none;
}
.eco .section6_wrap .con_container {
width:100%;
max-width: 1316px;
margin:0 auto;
}

.eco .section6_wrap {
margin-top: 160px;
}
.eco .section6_wrap .top_cont .text_wrap {
padding:16px;
}

.eco .section6_wrap .top_cont .text_wrap .title_link {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
border-bottom: 1px solid #dddddd;

}

.eco .section6_wrap .top_cont .text_wrap .text_desc {
padding-top: 20px;
}

.eco .section6_wrap .top_cont .title_ {
text-align: center;
margin-bottom: 60px;
}

.eco .section6_wrap .top_cont .title_ .span{
display: block;
text-align: inherit;
}


.eco .section6_wrap .con_desc {
display: flex;
justify-content: space-between;
}

.eco .section6_wrap .con_desc>div:nth-child(2) {
margin:0px 20px;
}


.eco .section6_wrap .img_con {
width:426px;
height: 500px;
}

.eco .section6_wrap .title_link .span {
display: inline-block;
font-size: 22px;
line-height: 32px;
color: #203465;
}

.eco .section6_wrap .title_link .link {
display: inline-block;
width:60px;
height: 60px;
}


/* eco영역 끝  */



/*.b2b 영역 시작 */
.b2b .section1 {
width:100%;
max-width: inherit;
margin:0 auto;
background: linear-gradient(to bottom, #ffffff, #ffffff 1260px,#fafafa 1260px, #fafafa 1680px,#ffffff 1680px);
}
.b2b .section1_wrap {
padding-top:100px;
display: flex;
justify-content: flex-end;
}

.b2b .section1_wrap .line_ {
width:1px;
height: 232px;
border-left: 1px solid #bbbbbb;
margin:10px 0px 0px 0px;
}

.b2b .section1_wrap .con_box-img {
width:1316px;
height: 740px;
}

.b2b .section1_wrap .text_img {
width:186px;
height: 133px;
margin-top: -30px;
}

.b2b .section1_wrap .con_box .con_box_left {
padding-top: 110px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.b2b .section1_wrap .blue_span_nobold30 {
margin-bottom: 30px;
}

.b2b .section1_wrap .con_sw {
margin-top: 158px;
}

.b2b .section1_wrap .con_sw .con_title_wrap {
margin-bottom: 80px;
position: relative;
}
.b2b .section1_wrap .con_sw .brandSw .swiper-wrapper {
padding-bottom: 50px;
}

.b2b .section1_wrap .con_sw .brandSw .brand_img {
width:266px;
height: 100px;
margin-bottom: 21px;
}

.b2b .section1_wrap .con_sw .brandSw .blue_span_nobold20 {
width:266px;
text-align: center;
}


.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev {
left: inherit;
right: 50px;
}


.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-next:after, 
.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev:after {
content: "";
width:20px;
height: 20px;
background:url("../img/right-arrow10.png") no-repeat;
background-size:100% 100%;
}

.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-prev:after{
transform: rotateZ(90deg);
}
.b2b .section1_wrap .con_sw .con_title_wrap .swiper-button-next:after{
transform: rotateZ(270deg);
}



/*.b2b  section2_wrap 영역  */
.b2b .section2_wrap .motionSw {
display: none;
}
.b2b .section2_wrap {
margin-top: 143px;
}
.b2b .section2_wrap .blue_span_nobold30 {
text-align: center;
padding-bottom: 60px;
}

.b2b .section2_wrap .con_container .con_box_wrap {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.b2b .section2_wrap .con_container .con_box_wrap .con_box {
width:425px;
height: 540px;
position: relative;
}

.b2b .section2_wrap .con_container .con_box_wrap .con_box .con_box-text {
position: absolute;
left: 0%;
bottom:0%;
transform:translate(40px,-40px);
}


.b2b .section2_wrap .con_container .con_box_wrap .con_box .con_box-text .white_span24px {
margin-bottom: 22px;
}

.b2b .section2_wrap .con_container .con_box_wrap .con_box:nth-child(1){
background:url("../img/b2b/laura.jpg") no-repeat;
background-size: 100% 100%;


}
.b2b .section2_wrap .con_container .con_box_wrap .con_box:nth-child(2){
background:url("../img/b2b/hotel.jpg") no-repeat;
background-size: 100% 100%;


}
.b2b .section2_wrap .con_container .con_box_wrap .con_box:nth-child(3){
background:url("../img/b2b/lucas-calloch.jpg") no-repeat;
background-size: 100% 100%;

}



/*.b2b  section3_wrap 영역  */
.b2b .section3 {
width: 100%;
max-width: inherit;
margin: 160px auto 0px auto;
background:#fbfbfe;
padding:82px 0px 100px 0px;
}
.b2b .section3_wrap .blue_span_bold30 {
text-align: center;
}

.b2b .section3_wrap .con_box_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 80px;
}

.b2b .section3_wrap .con_box_wrap .con_box {
width:428px;
}

.b2b .section3_wrap .con_box_wrap .con_box .con_icons {
display: flex;
align-items: center;
padding-bottom: 29px;
}

.b2b .section3_wrap .con_box_wrap .con_box .con_icons .blue_span_bold24 {
text-align: left;
}

.b2b .section3_wrap .con_box_wrap .con_box .con_icons .icon_img_box {
width: 100px;
height: 100px;
margin-right: 30px;

}

.b2b .section3_wrap .con_box_wrap .con_box .con_box-text {
padding-top: 20px;
border-top: 1px solid #333333;
}



/*.b2b  section4_wrap 영역  */

.b2b .section4 {
width:100%;
max-width: 1920px;
margin: 152px auto 240px auto;
}

.b2b .section4_wrap .con_container {
width:100%;
max-width: 1920px;
}

.b2b .section4_wrap .con_container .con_box_wrap {
display: flex;
}

.b2b .section4_wrap .con_container .con_box_wrap .ameriSw {
width:1618px;
height: 700px;
}

.b2b .section4_wrap .con_container .con_box_wrap .ameriSw .swiper-slide {
width:1316px;
height: 700px;
}

.b2b .section4_wrap .con_box-text {
text-align: center;
padding-bottom: 60px;
}

.b2b .section4_wrap .page_bum_wrap {
width: 302px;
position:relative;
}

.b2b .section4_wrap .rotate_img {
width:40px;
height: 225px;
position: absolute;
right:0%;
top:0%;
transform:translate(-40px, 0px);
}


.b2b .section4_wrap .page_bum_wrap .swiper-button-next,
.b2b .section4_wrap .page_bum_wrap .swiper-button-prev {
position: absolute;
top:inherit;
bottom: 0%;
width:50px;
height: 40px;
margin-top:0px;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

.b2b .section4_wrap .page_bum_wrap .swiper-button-next {
bottom:61px;
right:30px;
}

.b2b .section4_wrap .page_bum_wrap .swiper-button-prev {
bottom:61px;
right:100px;
left:inherit;
}

.b2b .section4_wrap .swiper-button-next:after, 
.b2b .section4_wrap .swiper-button-prev:after {
content: "";
width:50px;
height: 40px;
background:url("../img/icon/arrow_2.png") no-repeat;
background-size:100% 100%;
}

.b2b .section4_wrap .swiper-button-next:after {
transform:rotateZ(180deg);
}



.b2b .section4_wrap .pagenations_ {
display: flex;
position: absolute;
bottom:0px;
right:0px;
transform:translate(-44px,-15px);
font-family: 'Eina01', sans-serif;
font-size: 30px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: 0.3px;
text-align: left;
color: #203465;
}


.b2b .section4_wrap .pagenations_ .span {
margin:0 5px;
}


.b2b .section4_wrap .pagenations_ .span:nth-child(3){
margin-left: 10px;
}


/*.b2b  section5_wrap 영역  */
.b2b .section5{
width:100%;
max-width: inherit;
margin:0 auto;
background:#fbfbfe;
}

.b2b .section5_wrap {
width:100%;
max-width:1920px;
margin:0 auto;
padding:60px 0px
}

.b2b .section5_wrap .con_container { 
width:100%;
max-width: 1316px;
margin:0 auto;

}

.b2b .section5_wrap .con_box-text {
border-bottom: 1px solid #dddddd;
text-align: center;
padding-bottom: 42px;
}

.b2b .section5_wrap .form fieldset {
padding-top: 60px;
display: flex;
justify-content: space-between;
border:none;
}



.b2b .section5_wrap .form legend {
display: none;
}

.b2b .section5_wrap .form .con_box_left {
width:622px;
}

.b2b .section5_wrap .form .con_box_left .span:last-child {
margin-top: 71px;
}

.b2b .section5_wrap .form .con_box_right {
width:622px;
}

.b2b .section5_wrap .link {
border-bottom: 1px solid #203465;
}

.b2b .section5_wrap a:link {
text-decoration: none;
color: #203465;

}

.b2b .section5_wrap .form .input {
width: 622px;
height: 80px;
margin: 31px 0px 0px 0px;
padding: 28px 0px 28px 20px;
border: solid 1px #dddddd;
background-color: #ffffff;
font-size: 18px;
}

.b2b .section5_wrap .form .button {
width: 622px;
height: 80px;
margin: 50px 0px 0px 0px;
padding: 28px 270px 27px 277px;
border: solid 1px #dddddd;
background-color: #203465;
}






.b2b .section6_wrap {
padding-top: 182px;
text-align: center;
}

.b2b .section6_wrap .con_container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.b2b .section6_wrap .con_box_wrap {
padding-top: 60px;
}


.b2b .section6_wrap .blue_span_bold30 {
margin-bottom: 32px;
}

.b2b .section6_wrap .dl {
display:flex;
flex-wrap: wrap;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #203465;
}

.b2b .section6_wrap .dl .dt {
background:#fbfbfe;
}

.b2b .section6_wrap .dl .dt,
.b2b .section6_wrap .dl .dd {
width:600px;
padding: 18px 0px;
border-bottom: 1px solid #203465;
}

.b2b .section6_wrap .white_span18px {
padding: 18px 0px;
background:#203465;
text-align: center;
}


.b2b .section6_wrap .dark_span_nobold18 {
margin-top: 41px;
}



/*.b2b  section7_wrap 영역  */
.b2b .section7_wrap {
width:100%;
max-width: 1200px;
margin:182px auto 0px auto;
}
.b2b .content_qustion {
padding: 40px;
font-size: 1.2rem;
border-top: 1px solid #bbbbbb;
position: relative;
cursor: pointer;
}


.b2b .content_qustion_wrap {
position: relative;

}
.b2b .mini_qna {
border-bottom: 1px solid #dddddd;
}

.b2b .mini_qna .blue_span_bold30 {
margin-bottom: 32px;
}

.b2b .content_qustion_wrap .q_title {
font-weight: bold;
}

.b2b .content_qustion_wrap::after {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%) rotateZ(0deg);
background: url("../img/right-arrow_24.png") no-repeat;
background-size: contain;
}

.b2b .content_answer {
cursor: pointer;
display: none;
margin-bottom: 40px;
padding: 0 40px;
}

.b2b .content_answer_wrap {
display: flex;
font-size: 1.2rem;
}

.b2b .section7_wrap .q_title {
font-size: 18px;
font-weight: bold;
line-height: 28px;
text-align: left;
color: #333333;
}

.b2b .section7_wrap .a_desc {
font-size: 16px;
line-height: 30px;
text-align: left;
color: #333333;
}

.b2b .section7_wrap .con_container .link .blue_bold18_ {
margin-top: 20px;
text-align: right;
}



/*.b2b  section8_wrap 영역  */
.b2b .section8_wrap {
  width:100%;
  max-width: 1200px;
  margin:182px auto 290px auto;
  text-align: center;
  padding: 62px 0px 80px;
  border: solid 1px #dddddd;
  background-color: #ffffff;
}

.b2b .section8_wrap .blue_span_bold30 {
  margin-bottom: 41px;
}

.b2b .section8_wrap .ipt_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
}

.b2b .section8_wrap .ipt_box .input {
  width: 400px;
  height: 70px;
  padding: 23px 0px 22px 30px;
  border: solid 1px #dddddd;
  background-color: #ffffff;
  font-size: 18px;
}

.b2b .section8_wrap .ipt_box .button {
  width: 200px;
  height: 70px;
  padding: 22px 0px 21px;
  background-color: #203465;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  vertical-align: bottom;
  border:none;
}

/*.b2b 영역 끝 */

/* usa, tech, review, history, eco, design, bio_pur, b2b 영역 끝 */

/* matt_guide, matt_guide_sleep_info, matt_guide_size, matt_guide_best 영역 시작 */

/* 컨테이너 섹션 너비값 공통  */
.matt_guide {
  width: 100%;
  max-width: 1920px;
  margin: 0px auto 189px auto;
  padding-top: 200px;
}

.matt .section1_wrap,
.matt .section2_wrap,
.matt .section3_wrap,
.matt .section4_wrap,
.matt .section5_wrap,
.matt .section6_wrap {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}

.m_mat_tab,
.m_bottom_con {
  display: none;
}

/* 컨테이너 섹션 너비값 공통 끝 */

/* -----------------------------------------------매트리스 구매가이드 페이지 시작-----------------------------------------------------  */
.matt .section1_wrap .title_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.matt .section1_wrap .title_wrap .span {
  display: block;
  font-size: 18px;
}

.matt .section1_wrap .title_wrap .blue_span_bold_line30 {
  font-size: 30px;
}

.matt .section1_wrap .con_img {
  width: 100%;
  max-width: 1316px;
  height: 600px;
  margin: 0 auto;
}



/* 메모리 폼이 제공하는 것 영역 */
.matt .section2 {
  margin-bottom: 170px;
}

.matt .section2 .section2_wrap {
  padding-top: 100px;
}

.matt .section2 .title_wrap {
  margin-bottom: 100px;
}

.matt .section2 .title_wrap div {
  width: 960px;
  margin-left: -278px;
  padding-left: 278px;
}

.matt .section2 .title_wrap div:nth-child(1) {
  border-bottom: 1px solid #203465;
}

.matt .section2 .title_wrap div:nth-child(2) .span {
  display: inline-block;
  padding-top: 40px;
}

.matt .section2 .title_wrap .blue_span_bold_line30 {
  display: inline-block;
  padding-bottom: 30px;
}



.matt .section2 .contents_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 200px;
}

.matt .section2 .contents_box:nth-child(2) {
  align-items: flex-end;
}

.matt .section2 .contents_box:nth-child(1) .bottom_img {
  width: 960px;
  height: 480px;
  background: url("../img/mat_guide/as3-bed-iso@3x.png") no-repeat;
  background-size: cover;
  background-position: -640px;
  margin-left: -278px;
}

.matt .section2 .contents_box:nth-child(2) .bottom_img {
  width: 960px;
  height: 480px;
  background: url("../img/mat_guide/mult.jpg") no-repeat;
  background-size: cover;
  background-position: -640px;
  margin-left: -278px;
}

.matt .section2 .contents_box:nth-child(3) .bottom_img {
  width: 640px;
  height: 598px;
  background: url("../img/mat_guide/bed-top.jpg") no-repeat;
  background-size: cover;
  margin-right: -278px;
}

.matt .section2 .desc_warp .con_box {
  display: flex;
}

.matt .section2 .desc_warp .con_box .con_left_img {
  width: 100px;
  height: 100px;
}




.desc_warp .dl {
  margin: 0px 0px 64px 30px;
}

.desc_warp .dl .dt {
  margin-bottom: 19px;
}

.look_btn {
  margin-top: 80px;
}

.look_btn .button {
  width: 270px;
  height: 70px;

  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #203465;


  border: solid 1px #203465;
  background-color: #fbfbfe;

}


.matt .section2 .mat_tab {
  width: 100%;
  max-width: 1920px;
  height: 821px;
  margin-top: 179px;
  padding: 100px 585px 120px 583px;
  background-color: #fbfbfe;
}

.matt .section2 .mat_tab .title_wrap {
  text-align: center;
  margin: 0px;
}

.matt .section2 .mat_tab .title_wrap .span {
  display: block;
}

.matt .section2 .mat_tab .title_wrap .blue_span_nobold30 {
  margin: 12px 0px 80px 0px;
}




/*메모리 폼이 제공하는의 하단 Tab-menu영역*/
.matt .section2 .mat_con {
  width: 100%;
  list-style: none;
  text-align: center;
}

.matt .section2 .mat_con .ul {
  display: flex;
  justify-content: space-between;
}

.matt .section2 .mat_con .list {
  display: block;
  width: 143px;
  height: 199px;
  border-radius: 15px;
  cursor: pointer;
}

.matt .section2 .mat_con .list:nth-child(1) {
  background: url('../img/mat_guide/man1.png') no-repeat;
  background-size: 102% 103%;
  background-position: center;
}

.matt .section2 .mat_con .list:nth-child(2) {
  background: url('../img/mat_guide/man2.png') no-repeat;
  background-size: 102% 103%;
  background-position: center;
}

.matt .section2 .mat_con .list:nth-child(3) {
  background: url('../img/mat_guide/man3.png') no-repeat;
  background-size: 102% 103%;
  background-position: center;
}

.matt .section2 .mat_con .list:nth-child(4) {
  background: url('../img/mat_guide/man4.png') no-repeat;
  background-size: 102% 103%;
  background-position: center;
}


.matt .section2 .mat_con .list .img {
  display: block;
  border-radius: 10px;
}

.matt .section2 .mat_con .list.current {
  box-shadow: inset -6px -6px 1px #203465;
}

.matt .section2 .mat_con .mat_con_text_wrap {
  width: 100%;
  height: 235px;
  border-left: 1px solid #333333;
  margin: 25px 0px 0px 20px;
  padding: 21px 0px 0px 25px;
  position: relative;
  
}

.matt .section2 .mat_con .mat_con_text_wrap span {
  text-align: left;
}

.matt .section2 .mat_con .mat_con_text_wrap::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #333333;
  border-radius: 50%;
  position: absolute;
  left: 0%;
  top: 32px;
  transform: translate(-50%, 0px);
}

.matt .section2 .mat_con .mat_con_text_wrap .p {
  margin: 20px 0px;
}

.matt .section2 .mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
.matt .section2 .mat_con .mat_con_text_wrap .blue_span_16 {
  display: block;
}

.tab-content {
  display: none;
}


.tab-content.current {
  display: inherit;
  text-align: left;
}

.arcodian_qna_wrap .ul,
.map_toggle_menu_wrap .ul {
  border: none;
}



/*메모리폼에 관한 우려영역  */
.matt .section3 {
  margin-bottom: 180px;
}


.matt .section3_wrap .banner_top {
  width: 1316px;
  height: 500px;
  background: url("../img/mat_guide/cl_bg.png") no-repeat;
  background-size: contain;
  padding: 160px 257px 157px;
}

.matt .section3_wrap .inner_text {
  text-align: center;
}

.matt .section3_wrap .inner_text .span {
  display: block;

}

.matt .section3_wrap .inner_text .e_blue_span_nobold20 {
  padding: 21px 0px 41px 0px;
}

.matt .section3_wrap .mini_qna .q_title {
  font-weight: bold;
}

.matt .section3_wrap .mini_qna_head {
  padding: 82px 0px 36px 0px;
}

.matt .section3_wrap .banner_bottom {
  width: 1316px;
  height: 840px;
  background: url("../img/mat_guide/baby.jpg") no-repeat;
  background-size: contain;
  padding: 62px 518px 596px 60px;
  margin: 180px 0px 120px 0px;
}

.matt .section3_wrap .banner_bottom .baby_inner_text {
  text-align: left;
}

.matt .section3_wrap .banner_bottom .baby_inner_text .blue_span_nobold30 {
  display: block;
  padding-bottom: 32px;
}



.matt .section3_wrap .link_wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 200px;
}

.matt .section3_wrap .link_wrap>div {
  width: 662px;
  height: 422px;
  border: 1px solid #bbbbbb;
  padding: 62px 12px 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

}

.matt .section3_wrap .link_wrap>div .span {
  display: block;
}

.matt .section3_wrap .link_wrap>div .text_top .blue_span_bold_line30 {
  padding-bottom: 32px;
  text-align: center;
}

.matt .section3_wrap .link_wrap>div .text_top .st_span {
  padding-top: 21px;
}

.matt .section3_wrap .link_wrap .link_bottom_ {
  width: 60px;
  height: 60px;
  text-align: center;
}




.matt .section3_wrap .mat_frame .mf_title {
  padding-bottom: 70px;
}

.matt .section3_wrap .mat_frame .mf_title .span {
  display: block;
  text-align: center;
}

.matt .section3_wrap .mat_frame .mf_title .blue_span_bold30 {
  margin-bottom: 32px;
}




.matt .section3_wrap .mf_con_wrap {
  display: flex;
  justify-content: space-between;
}

.matt .section3_wrap .mf_con_wrap .top_img {
  width: 662px;
  height: 407px;
  padding-bottom: 30px;
  border-bottom: 1px solid #203465;
}

.matt .section3_wrap .mf_con_wrap .bottom_text {
  display: flex;
  padding: 30px 0px 0px 40px;
}

.matt .section3_wrap .mf_con_wrap .bottom_text {}

.matt .section3_wrap .mf_con_wrap .le_img {
  width: 80px;
  height: 93px;
  margin-right: 50px;
}




/* 자주 묻는 질문 영역 */
.matt .section4_wrap .mini_qna_head {
  padding-bottom: 41px;
}

.matt .section4_wrap .q_title {
  font-weight: bold;
}

.matt .section4_wrap .more_link {
  
  padding: 20px 40px 0px 0px;
}

.matt .section4_wrap .more_link span {
  text-align: right;
}

.matt_guide .mini_qna {
  border: none;
}



/* 공통영역  */
/* 자주 묻는 질문 qna 영역  */

.matt .customer_qna_desc .arcodian_qna {
  width: 100%;
  max-width: 1200px;
  margin: 10px auto 0;
  text-align: left;
}

.matt .content_qustion {
  padding: 40px;
  font-size: 1.2rem;
  border-top: 1px solid #bbbbbb;
  position: relative;
  cursor: pointer;
}

.matt .map_toggle_menu {
  margin-top: 200px;
}

.matt .arcodian_qna_wrap .ul,
.matt .map_toggle_menu_wrap .ul {
  border-bottom: 1px solid #bbbbbb;
}

.matt .arcodian_qna_wrap .ul, .map_toggle_menu_wrap .ul  {
  border:none;
}
.matt .content_qustion_wrap {
  position: relative;

}

.matt .content_qustion_wrap::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotateZ(0deg);
  background: url("../img/right-arrow_24.png") no-repeat;
  background-size: contain;
}

.matt .content_answer {
  cursor: pointer;
  display: none;
  margin-bottom: 40px;
  padding: 0 40px;
}

.matt .content_answer_wrap {
  display: flex;
  font-size: 1.2rem;
}

.matt .arcodian_qna_wrap .q_title {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
  color: #333333;
}

.matt .arcodian_qna_wrap .a_desc {
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #333333;
}

.matt .mini_qna .ul {
  border-bottom: 1px solid #bbbbbb;
}

/* -----------------------------------------------수면 정보 페이지 시작-----------------------------------------------------  */
.sleep_info .section1 {
  text-align: center;
  padding: 100px 0px 80px 0px;
}
.sleep_info .section1 span {
  text-align: center;
}

.sleep_info .section2_wrap {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}

.sleep_info .tab_wrap {
  display: flex;
  justify-content: flex-start;
}

.sleep_info .tab_wrap .list {
  width: 227px;
  height: 80px;
  font-size: 22px;
  padding: 26px 0 0;
  line-height: 22px;
  letter-spacing: -0.44px;
  text-align: center;
  color: #dddddd;
  border-bottom: 4px solid #dddddd;
  cursor: pointer;
}

.sleep_info .tab_wrap .list.current {
  color: #203465;
  font-weight: bold;
  border-bottom: 4px solid #203465;
}

.sleep_info .tab-content {
  display: none;
}


.sleep_info .tab-content.current {
  display: inherit;
}

.sleep_info .con_container .con_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sleep_info .con_container .title_wrap {
  padding: 62px 0px 40px 0px;
  text-align: center;
}

.sleep_info .con_container .title_wrap span {
  display: block;
}

.sleep_info .con_container .title_wrap .dark_span_nobold18 {
  padding-top: 22px;
}

.sleep_info .con_container .con_box {
  width: 420px;
  height: 600px;
  margin-bottom: 60px;
}

.sleep_info .con_container .con_box .con_img,
.sleep_info .con_container .con_box .con_desc {
  width: 420px;
  height: 300px;
}

.sleep_info .con_container .con_box .con_img {
  border: 1px solid #dddddd;
}

.sleep_info .con_container .con_box .con_desc {
  padding: 31px 30px 30px;
  background-color: #fbfbfe;
}

.sleep_info .con_container .con_box .con_desc span {
  display: block;
}

.sleep_info .con_container .con_box .con_desc .blue_bold18_ {
  text-align: left;
}

.sleep_info .con_container .con_box .con_desc .dark_span_nobold16 {
  padding: 31px 0px 111px 0px;
}


.sleep_info .paging_wrap .ul {
  border: none;
}


/* -----------------------------------------------베스트 메트리스 페이지 시작-----------------------------------------------------  */

.best_matt .section1_wrap,
.best_matt .section2_wrap {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}


.best_matt .section1_wrap .link_wrap {
  padding: 100px 0px 60px 0px;
  border-bottom: 1px solid #dddddd;
}

.best_matt .section1_wrap .link_wrap .link {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}

.best_matt .section1_wrap .link_wrap .link:nth-child(1)::after,
.best_matt .section1_wrap .link_wrap .link:nth-child(2)::after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  right: 0%;
  top: 10%;
  background: #333333;
  transform: translate(0, 50%);
}

.best_matt .section1_wrap .link_wrap .link .span {
  font-size: 14px;
  line-height: 14px;
  text-align: left;
}

.best_matt .section1_wrap .link_wrap .span.current {
  font-weight: bold;
  color: #203465;
}


/* title   */
.best_matt .big_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 53px 0px 82px 0px;
  border-bottom: 1px solid #dddddd;
}

.best_matt .big_title .span {
  display: inline-block;
  vertical-align: top;
}

.best_matt .big_title .e_blue_span_bold_line80:nth-child(1) {
  margin-right: 54px;

}

.best_matt .big_title .e_blue_span_bold80 {
  display: block;
  height: 59px;
  margin-top: 70px;
}

.best_matt .sub_title_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 36px;
}


.best_matt .sub_title_wrap .t_img {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 25px;
}

.best_matt .sub_title_wrap .span {
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -0.75px;
  text-align: left;
  color: #203465;
}

.best_matt .section2_wrap {
  height: 1409px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.best_matt .section2_wrap .top_box {
  width: 638px;
  height: 540px;
  background-color: #333333;
}

.best_matt .section2_wrap .con_text {
  padding: 32px 0px 0px 10px;
}



/* section3  */

.best_matt .section3_wrap {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}

.best_matt .section3_wrap .link_wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 182px;
}

.best_matt .section3_wrap .link_wrap>div {
  width: 662px;
  height: 180px;
  border: 1px solid #bbbbbb;
  padding: 60px 60px 58px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.best_matt .section3_wrap .link_wrap>div .span {
  display: block;
  line-height: 32px;
}


.best_matt .section3_wrap .link_wrap .link_bottom_ {
  width: 60px;
  height: 60px;
  text-align: center;
}

/* -----------------------------------------------매트리스 사이즈 페이지 시작-----------------------------------------------------  */
.matt_size {
  padding-top: 130px;
}
.matt_size .section1 {
  text-align: center;
  padding: 100px 0px 60px 0px;
}

.matt_size .section1 span {
  text-align: center;
}

.matt_size .section2 {
  width: 100%;
  padding: 82px 278px 200px;
  background: #fbfbfe;
}

.matt_size .section2_wrap {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
}

.matt_size .section2_wrap .title_ {
  text-align: center;
}

.matt_size .section2_wrap .blue_span_bold24 {
  display: block;
  margin-bottom: 22px;
}

.matt_size .top_con .content_warp {
  display: flex;
  justify-content: space-evenly;
  margin-top: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #bbbbbb;
}

.matt_size .content_warp .con_box {
  text-align: center;
}

.matt_size .content_warp .con_box>.span {
  display: inline-block;
  padding-top: 32px;
}

.matt_size .top_con .single_box {
  width: 120.5px;
  height: 220.5px;
  background: none;
  border-radius: 5px;
}

.matt_size .top_con .single_box,
.matt_size .top_con .queen_box,
.matt_size .top_con .king_box,
.matt_size .top_con .large_king_box {
  height: 220.5px;
}

.matt_size .inner_box {
  background: #ffffff;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.matt_size .single_box .inner_box {
  width: 110px;
  height: 203px;

}

.matt_size .queen_box .inner_box {
  width: 153px;
  height: 203px;

}

.matt_size .king_box .inner_box {
  width: 163px;
  height: 203px;

}

.matt_size .large_king_box .inner_box {
  width: 183px;
  height: 203px;

}


.matt_size .h_box,
.matt_size .w_box {
  position: absolute;
}

.matt_size .w_box {
  width: 100%;
  height: 1px;
  left: 0%;
  bottom: -17px;
  background: #bbbbbb;
}

.matt_size .h_box {
  width: 1px;
  height: 100%;
  right: -10px;
  top: 0%;
  background: #bbbbbb;
}

.matt_size .h_box .span {
  position: absolute;
  top: 50%;
  transform: translate(-5%, -50%);
  display: inline-block;
  height: 42px;
  background: #fbfbfe;
  padding: 10px 10px 10px 0px;
}

.matt_size .w_box .span {
  position: absolute;
  display: block;
  width: 50px;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fbfbfe;
}


/* bottom 영역 */

.matt_size .bottom_con {
  padding-top: 82px;
}

.matt_size .bottom_con .inner_box {
  background: #ffffff;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.matt_size .bottom_con .single_box .inner_box {
  width: 60px;
  height: 100px;

}

.matt_size .bottom_con .queen_box .inner_box {
  width: 80px;
  height: 110px;

}

.matt_size .bottom_con .king_box .inner_box {
  width: 110px;
  height: 120px;

}

.matt_size .bottom_con .large_king_box .inner_box {
  width: 130px;
  height: 140px;

}

.matt_size .bottom_con .content_warp {
  display: flex;
  justify-content: space-evenly;
  padding-top: 60px;
}

.matt_size .bottom_con .con_box {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: left;
}

.matt_size .bottom_con .content_warp .span {
  display: block;
  padding-left: 20px;
}

.matt_size .bottom_con .blue_bold18_ {
  text-align: left;
}





.matt_size .pc_foo {
  margin-top: 0px;
}
/* matt_guide, matt_guide_sleep_info, matt_guide_size, matt_guide_best 영역 끝  */

/* frame_entry, matt_entry, hybrid_entry pillow_entry  영역시작  */

/* purchase_frame 영역  */
  /* 좌측 링크 영역 */
  .purchase_frame {
    width:100%;
    max-width: 1920px;
    margin:0 auto;
    /* padding-top: 130px; */
  }

  .purchase_frame_wrap {
    width:100%;
    max-width: 1740px;
    display: flex;
    justify-content: space-between;
  }

  .purchase_frame_wrap .section1  {
    width:400px;
    height: 940px;
    position: relative;
  }
  .purchase_frame_wrap .section1 .frame_img,
  .purchase_matt_wrap  .section1 .frame_img {
    width:400px;
  }

  .purchase_frame_wrap .section1::after {
    content: "";
    width:100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.4);
    position: absolute;
    top:0%;
    left: 0%;
    z-index: 0;
  }

  .purchase_frame_wrap .section2 {
    padding: 100px 0px 0px 100px;
  }

  .purchase_frame_wrap .section2 .con_wrap .con_box {
    flex-wrap:wrap;
  }

  .purchase_frame_wrap .link_text .title_ {
    display: inline-block;
    font-family: Eina01;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    padding-bottom: 40px;
  }


  .purchase_frame .link_text {
    width:116px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    margin-bottom: 10px;
  }
  .purchase_frame_wrap .sub_title {
    display: inline-block;
    width: 116px;
    height: 53px;
    font-family: Eina01;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
  }

  .purchase_frame_wrap .line_ {
    display: inline-block;
    width:60px;
    height: 60px;
    border-radius: 50%;
    border:1px solid #ffffff;
    position:relative;
    
  }
  
  .purchase_frame_wrap .line_ .img{
    width:16px;
    height: 16px;
    position: absolute;
    top:50%;
    left: 55%;
    transform:translate(-50%, -50%);
  }

  /* 우측 컨텐츠 영역 */
    /* 헤딩 영역 */
  .purchase_frame .section2 {
    width:1340px;
  }

  .purchase_frame .section_heading {
    padding-bottom: 50px;
    border-bottom: 1px solid #bbbbbb;
  }
  .purchase_frame .section_heading_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
  }
  .purchase_frame .section_heading_wrap .h_title .span{
    font-size: 30px;
    line-height: 45px;
    text-align: left;
    color: #333333;
  }

  .purchase_frame .section_heading_wrap .h_sub_title .span{
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    padding-top:50px;
  }

    /* 컨텐츠 영역  */
    .purchase_frame .con {
      padding-top: 80px;
    }
    .purchase_frame .con_box,
    .purchase_frame .con_desc .con_title_wrap,
    .purchase_frame .con_star_wrap,
    .purchase_frame .star_left,
    .purchase_frame .star_right .icons {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .purchase_frame .hash_tag {
      display: flex;
    }

    .purchase_frame .hash_tag span {
      margin-left: 10px;
      color:#203465;
    }

    .purchase_frame .con_box {
      padding-bottom: 100px;
    }
    .purchase_frame .section2 .content_con {
      padding:20px 0px;
    }

    .purchase_frame .con_wrap .con_desc {
      padding:40px 10px 0px 10px;
    }

    .purchase_frame .con_title_wrap .con_title .span {
      font-size: 30px;
      font-weight: bold;
      line-height: 30px;
      text-align: left;
      color: #203465;
    }

    .purchase_frame .content_con .con_price {
      font-family: Eina01;
      font-size: 30px;
      font-weight: bold;
      line-height: 30px;
      color: #203465;
    }
    .purchase_frame .con .con_img {
      width:590px;
      height: 366px;
      position: relative;
    }

    .purchase_frame .con .con_img::after {
      content: "EVENT";
      display: inline-block;
      width:100px;
      height: 40px;
      background:#ff6f6f;
      position: absolute;
      left: 0%;
      top:0%;
      padding-top:7px;
      color:#ffffff;
      font-family:'Eina01',sans-serif;
      font-size: 18px;
      font-weight:bold;
      line-height: 30px;
      text-align: center;
    }
    

    .purchase_frame .con_star_wrap {
      margin:30px 0;
    }
    .purchase_frame .star_left .review_wrap {
      margin-left: 10px;

    }

    .purchase_frame .star_left .review_wrap .link {
      border-bottom: 1px solid #203465;
      font-size: 14px;
      line-height: 24px;
      text-align: left;
      color: #203465;
    }

    .purchase_frame .star_right .basket_icon {
      margin-left: 15px;
    }

    .purchase_frame .con_desc .con_star .ul {
      display: flex;
    }

    .purchase_frame .con_desc .con_star .ul .list  {
      width:18px;
      height: 18px;
    }

    .purchase_frame .con_desc .star_right .icons .link {
      display: inline-block;
      width:18px;
      height: 18px;
    }


    /* 하단 더 알아보기 영역  */
    .purchase_frame .more_ {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding:30px 30px 30px 40px;
      border-bottom: 1px solid #bbbbbb;
    }
    .purchase_frame .more_ .title_ {
      display: inline-block;
      font-size: 24px;
      font-weight: bold;
      line-height: 39px;
      text-align: left;
      color: #203465;
      padding-bottom: 20px;
    }
    .purchase_frame .more_ .desc {
      font-size: 18px;
      font-weight: bold;
      line-height: 32px;
      text-align: left;
      color: #333333;
    }

    .purchase_frame .more_ .link {
      font-size: 18px;
      font-weight: bold;
      line-height: 32px;
      text-align: left;
      color: #203465;
    }


    

/* 자주 묻는 질문 qna 영역  */

.purchase_frame .mini_qna .ul {
    border-bottom: 1px solid #bbbbbb;  
  }
  .purchase_frame .content_qustion {
    padding: calc(100vw * (10 / 428));
    position: relative;
    cursor: pointer;
    border-top: 1px solid #bbbbbb;
  }
  
  
  .purchase_frame .content_qustion_wrap {
    position: relative;
  
  }

  .purchase_frame .content_qustion_wrap .q_title {
      font-weight: bold;
  }
  
  .purchase_frame .content_qustion_wrap::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotateZ(0deg);
    background: url("../img/right-arrow_24.png") no-repeat;
    background-size: contain;
  }
  
  .purchase_frame .content_answer {
    cursor: pointer;
    display: none;
    margin-bottom: calc(100vw * (20 / 428));
    padding-left:calc(100vw * (10 / 428));
  }
  
  .purchase_frame .content_answer_wrap {
    display: flex;
    font-size: 1.2rem;
  }
  
  .purchase_frame .arcodian_qna_wrap .q_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    color: #333333;
  }
  
  .purchase_frame .arcodian_qna_wrap .a_desc {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #333333;
  }
  .purchase_frame .purchase_frame .star_right {
    display: none;
  }


  /* 메모리폼 시작 페이지 시작  */
  /* purchase_matt 영역  */
  /* 좌측 링크 영역 */
  #wrap_content .purchase_matt .span {
    display: block;
}
.purchase_matt {
  width:100%;
  max-width: 1920px;
  margin:0 auto;
  /* padding-top: 130px; */
}

.purchase_matt_wrap {
  width:100%;
  max-width: 1740px;
  display: flex;
  /* justify-content: space-between; */
}

.purchase_matt_wrap .section1 {
  width:400px;
  height: 948px;
  position: relative;
  margin:inherit;
}
.purchase_matt_wrap .section1::after {
  content: "";
  width:100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  top:0%;
  left: 0%;
  z-index: 0;
}

.purchase_matt_wrap .section2 {
  padding: 100px 0px 0px 100px;
}

.purchase_matt_wrap .link_text .sub_title {
    margin:0 auto;
}

.purchase_matt_wrap .link_text .link .span{
    text-align: center;
    margin:0 auto;
}

.purchase_matt_wrap .link_text .title_ {
  display: inline-block;
  font-family: 'Eina01', sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  padding-bottom: 20px;
}

.purchase_matt_wrap .link_text .white_span14px {
  margin-bottom: 30px;
  font-weight: 400;
}


.purchase_matt .link_text {
  width:400px;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  margin-bottom: 10px;
}
.purchase_matt_wrap .sub_title {
  display: inline-block;
  font-family: Eina01;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

.purchase_matt_wrap .line_ {
  display: inline-block;
  width:60px;
  height: 60px;
  border-radius: 50%;
  border:1px solid #ffffff;
  position:relative;
  
}

.purchase_matt_wrap .line_ .img{
  width:16px;
  height: 16px;
  position: absolute;
  top:50%;
  left: 55%;
  transform:translate(-50%, -50%);
}

/* 우측 컨텐츠 영역 */
  /* 헤딩 영역 */
.purchase_matt .section2 {
  width:77%;
  margin:inherit;
}

.purchase_matt .section_heading {
  padding-bottom: 50px;
  border-bottom: 1px solid #bbbbbb;
}
.purchase_matt .section_heading_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.purchase_matt .section_heading_wrap .h_title .span{
  font-size: 30px;
  line-height: 45px;
  text-align: left;
  color: #333333;
}

.purchase_matt .section_heading_wrap .h_sub_title .span{
  font-size: 16px;
  line-height: 26px;
  text-align: right;
  color: #333333;
}

.purchase_matt .section_heading_wrap .h_sub_title .link:active {
  color:#203465;
}
.purchase_matt .section_heading_wrap .h_sub_title .span{
  padding-top:20px;
  text-align:left;
}

.purchase_matt .section_heading_wrap .h_sub_title .link {
  color:#203465;
  font-weight: bold;
  border-bottom: 1px solid #203465;
}

/* acordian_wrap 영역  */
.purchase_matt .acordian_wrap {
    display: flex;
    flex:1 1 0;
    justify-content: space-between;
    align-items: center;
}

.purchase_matt .acordian_wrap .e_blue_span_bold22 {
    text-align: center;
}

.purchase_matt .acordian_wrap>div {
    flex-basis: 400px;
    text-align: center;
}

.purchase_matt .position_wrap .ul,
.purchase_matt .hardness_wrap .ul {
    position: relative;
}

.purchase_matt .content_qustion {
    cursor: pointer;
    display: flex;
    justify-content: center;
    border:none;
}

.purchase_matt .content_qustion .span{
    display: inline-block;
  text-align: center;
}

.purchase_matt .content_qustion .span:nth-child(2){
    width: 16px;
    height: 16px;
    margin-left: 7px;
}



.purchase_matt .content_answer {
    position: absolute;
    left: 0px;
    top:76px;
    z-index: 10;
    display: none;
    padding:inherit;
}

.content_answer_div{
  width:100%;
  padding:30px 76px;
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:rgba(255, 255, 255, 0.95);
}

.purchase_matt .position_wrap .chec_box {
    width:84px;
    padding-bottom: 44px;
}

.purchase_matt .position_wrap .chec_box .blue_span_16 {
    text-align: center;
    padding-bottom: 11px;
}

.purchase_matt .position_wrap .chec_box .img {
    width:85px;
    height: 118px;
}


.purchase_matt .hardness_wrap .content_answer {
  width:100%;
 padding:inherit;

  background:rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 0px;
  top:76px;
  z-index: 10;
  display:none;
}

.hardness_wrap .content_answer_div{
  width:100%;
  padding:0px 0px 0px 100px;
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:rgba(255, 255, 255, 0.95);
}

.purchase_matt .hardness_wrap .chec_box {
    width:400px;
    height: 97.5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.purchase_matt .hardness_wrap .chec_box .img {
  width:40px;
  height: 28px;
  margin-left:30px;
}


  /* 컨텐츠 영역  */
  .purchase_matt .con_box,
  .purchase_matt .con_desc .con_title_wrap,
  .purchase_matt .con_star_wrap,
  .purchase_matt .star_left,
  .purchase_matt .star_right .icons,
  .purchase_matt .hash_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .purchase_matt .con_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* align-items: center; */
  }

  .purchase_matt .hash_tag .span {
      margin-left: 5px;
      font-size: 14px;
      line-height: 24px;
      text-align: right;
      color: #203465;
  }

  .purchase_matt .con_box {
    padding-bottom: 100px;
  }

  .purchase_matt .content_con {
      width:377px;
      margin:0px 45px 80px 0px;
  }

  .purchase_matt .content_con:nth-child(3n) {
      margin:0px 0px 80px 0px;
  }


  .purchase_matt .con_wrap .con_desc {
    padding:40px 10px 0px 10px;
  }

  .purchase_matt .con_title_wrap .con_title .span {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #203465;
  }

  .purchase_matt .content_con .con_price {
    font-family: Eina01;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    color: #203465;
    display: flex;
    justify-content: space-between;
  }
  .purchase_matt .con .con_img {
    width:403px;
    height: 340px;
    position: relative;
  }

  .purchase_matt .con .content_con:hover .con_img>.hover_box{
      display: block;
  }

  
  .purchase_matt .content_con .hover_box {
      width:400px;
      height: 340px;
      padding: 100px 35px;
      position: absolute;
      left: 0px;
      top:0px;
      background:rgba(0, 0, 0, 0.5);
      display: none;
  }

  .purchase_matt .content_con .hover_box .link {
    display: block;
      width: 324px;
      height: 60px;
      margin-bottom: 10px;
      padding: 20px 130px 19px;
      border: solid 1px #203465;
      background-color: #ffffff;
      position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .purchase_matt .content_con .hover_box .link:first-child {
      background:#203465;
      color:#ffffff;
  }
  

  .purchase_matt .con_star_wrap {
    margin:30px 0;
  }

  .purchase_matt .center_line {
      padding-left: 7px;
      font-family: 'Eina01',sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 28px;
      color: #707070;
      text-decoration: line-through;
  }
  .purchase_matt .star_left .review_wrap {
    margin-left: 10px;

  }

  .purchase_matt .star_left .review_wrap .link {
    border-bottom: 1px solid #203465;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #203465;
  }

  .purchase_matt .star_right .basket_icon {
    margin-left: 15px;
  }

  .purchase_matt .con_desc .con_star .ul {
    display: flex;
  }

  .purchase_matt .con_desc .con_star .ul .list  {
    width:18px;
    height: 18px;
  }

  .purchase_matt .con_desc .star_right .icons .link {
    display: inline-block;
    width:18px;
    height: 18px;
  }


  /* 하단 더 알아보기 영역  */
  .purchase_matt .more_info_wrap {
      display: flex;
      align-items: center;
  }
  .purchase_matt .more_info_wrap .more_img {
      width:400px;
      height: 320px;
  }

  .purchase_matt .more_info_wrap .more_img .img {
      height: 100%;
  }

  .purchase_matt .more_info_wrap .more_text {
      width: 870px;
      padding: 45px 93px 45px 50px;
      background-color: #fafafb;
  }

  .purchase_matt .more_info_wrap .more_text .blue_span_bold24 {
      text-align: left;
      margin-bottom: 20px;
  }

  .purchase_matt .more_info_wrap .more_text .link .span {
      margin-top: 42px;
      text-align: right;
  }
  .purchase_matt .m_span,
  .purchase_matt .m_heading_text {
    display: none;
  }

  /* 메모리폼 시작 페이지 끝  */

  /* 배게 시작 페이지 시작  */
/* purchase_pillow 영역  */
  /* 좌측 링크 영역 */
  #wrap_content .purchase_pillow .span {
    display: block;
}
.purchase_pillow {
  width:100%;
  max-width: 1920px;
  margin:0 auto;
  /* padding-top: 130px; */
}

.purchase_pillow_wrap {
  width:100%;
  max-width: 1740px;
  display: flex;
  justify-content: space-between;
}

.purchase_pillow_wrap .section1 {
  width:400px;
  height: 948px;
  position: relative;
}
.purchase_pillow_wrap .section1::after {
  content: "";
  width:100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  top:0%;
  left: 0%;
  z-index: 0;
}

.purchase_pillow_wrap .section2 {
  padding: 100px 0px 0px 100px;
}

.purchase_pillow_wrap .link_text .sub_title {
    margin:0 auto;
}

.purchase_pillow_wrap .link_text .link .span{
    text-align: center;
    margin:0 auto;
}

.purchase_pillow_wrap .link_text .title_ {
  display: inline-block;
  font-family: 'Eina01', sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  padding-bottom: 20px;
}

.purchase_pillow_wrap .link_text .white_span14px {
  margin-bottom: 30px;
  font-weight: 400;
}


.purchase_pillow .link_text {
  width:400px;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  margin-bottom: 10px;
}
.purchase_pillow_wrap .sub_title {
  display: inline-block;
  font-family: Eina01;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

.purchase_pillow_wrap .line_ {
  display: inline-block;
  width:60px;
  height: 60px;
  border-radius: 50%;
  border:1px solid #ffffff;
  position:relative;
  
}

.purchase_pillow_wrap .line_ .img{
  width:16px;
  height: 16px;
  position: absolute;
  top:50%;
  left: 55%;
  transform:translate(-50%, -50%);
}

/* 우측 컨텐츠 영역 */
  /* 헤딩 영역 */
.purchase_pillow .section2 {
  width:1340px;
}

.purchase_pillow .section_heading {
  padding-bottom: 50px;
  border-bottom: 1px solid #bbbbbb;
}
.purchase_pillow .section_heading_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.purchase_pillow .section_heading_wrap .h_title .span{
  font-size: 30px;
  line-height: 45px;
  text-align: left;
  color: #333333;
}

.purchase_pillow .section_heading_wrap .h_sub_title .span{
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #333333;
  padding-top:20px;
}

.purchase_pillow .section_heading_wrap .h_sub_title .link:active {
  color:#203465;
  
}

.purchase_pillow .section_heading_wrap .h_sub_title .link {
  color:#203465;
  font-weight: bold;
  border-bottom: 1px solid #203465;
}


  /* 컨텐츠 영역  */
  .purchase_pillow .con_box,
  .purchase_pillow .con_desc .con_title_wrap,
  .purchase_pillow .con_star_wrap,
  .purchase_pillow .star_left,
  .purchase_pillow .star_right .icons,
  .purchase_pillow .hash_tag{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .purchase_pillow .con_box {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: center;
  }

  .purchase_pillow .hash_tag .span {
      margin-left: 5px;
      font-size: 14px;
      line-height: 24px;
      text-align: right;
      color: #203465;
  }

  .purchase_pillow .con_box {
    padding: 80px 0px 0px 0px;
  }

  .purchase_pillow .content_con {
      margin:0px 0px 80px 0px;
  }

  .purchase_pillow .content_con:nth-child(3n) {
      margin:0px 0px 80px 0px;
  }


  .purchase_pillow .con_wrap .con_desc {
    padding:40px 10px 0px 10px;
  }

  .purchase_pillow  .con_title_wrap .con_title .span {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #203465;
  }

  .purchase_pillow .content_con .con_price {
    font-family: 'Eina01',sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    color: #203465;
    display: flex;
    justify-content: space-between;
  }
  .purchase_pillow .con .con_img {
    width:600px;
    height: 366px;
    position: relative;
  }

  .purchase_pillow .con .content_con:hover .con_img>.hover_box{
      display: block;
  }

  
  .purchase_pillow .content_con .hover_box {
      width:100%;
      height: 100%;
      padding:120px 130px;
      position: absolute;
      left: 0px;
      top:0px;
      background:rgba(0, 0, 0, 0.5);
      display: none;
  }

  .purchase_pillow .content_con .hover_box .button {
      width: 324px;
      height: 60px;
      margin-bottom: 10px;
      padding: 20px 130px 19px;
      border: solid 1px #203465;
      background-color: #ffffff;
  }

  .purchase_pillow .content_con .hover_box .link {
    display: block;
      width: 324px;
      height: 60px;
      margin-bottom: 10px;
      padding: 20px 130px 19px;
      border: solid 1px #203465;
      background-color: #ffffff;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .purchase_pillow .content_con .hover_box .link:first-child {
      background:#203465;
      color:#ffffff;
  }
  

  .purchase_pillow .con_star_wrap {
    margin:30px 0;
  }

  .purchase_pillow .star_left .review_wrap {
    margin-left: 10px;

  }

  .purchase_pillow .star_left .review_wrap .link {
    border-bottom: 1px solid #203465;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #203465;
  }

  .purchase_pillow .star_right .basket_icon {
    margin-left: 15px;
  }

  .purchase_pillow .con_desc .con_star .ul {
    display: flex;
  }

  .purchase_pillow .con_desc .con_star .ul .list  {
    width:18px;
    height: 18px;
  }

  .purchase_pillow .con_desc .star_right .icons .link {
    display: inline-block;
    width:18px;
    height: 18px;
  }


  /* 배게 시작 페이지 끝  */
/* frame_entry, matt_entry, hybrid_entry pillow_entry  영역 끝  */

/* 상세 페이지 공통 영역 시작  */


/* product_detail_common 영역  */
.m_link_wrap,
.m_img_wrap,
.m_contetns,
.m_s_table,
.m_review_box,
.m_con_head,
.m_con_text,
.the_motion_ .m_section4_wrap,
.m_sec_09,
.popup_wrap {
    display: none;
}
.buy_flow {
    margin-bottom: 100px;
}
.buyflow_wrap {
  min-width:1316px;
    height: 738px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_detail_common_wrap .section1 {
    margin-bottom: 100px;
}

.product_detail_common {
    width: 100%;
    padding-top: 200px;
}

.w_1670 {
    width:100%;
    max-width: 1670px;
    margin:0 auto;
}


.product_detail_common .link_wrap{}
.product_detail_common .link_wrap .link {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}
.product_detail_common .link_wrap .link:nth-child(1)::after,
.product_detail_common .link_wrap .link:nth-child(2)::after {
    content: "";
    width:1px;
    height: 10px;
    position: absolute;
    right: 0%;
    top:10%;
    background:#333333;
    transform: translate(0,50%);
}

.product_detail_common .link_wrap .link .span {
    
    color: #333333;
}
.product_detail_common .link_wrap .span.current {
    font-weight: bold;
    color:#203465;
}
.left_side {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.icons_wrap .span{
    display: inline-block;
    width:80px;
    height: 80px;
}

.top_wrap .title_ {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #203465;
    padding:30px 0px 41px 0px;
    border-bottom: 1px solid #eaeaea;
}

.product_desc {
    padding-top:40px;
}

.product_desc span {
  text-align: left;
}


.buyflow_wrap .product_img {
    display:none;
}
.pillow .buyflow_wrap .product_img {
  display:block;
}



/* right side - Option 영역  */
/* right_side_wrap 영역 */
.right_side {
  width:100%;
  max-width: 420px;
}
.right_side form fieldset {
border:none;
}
.right_side legend {
  display:none;
}
.right_side .top_title_review {
display: flex;
justify-content: space-between;
align-items: center;
}

.right_side .option_title {
  display: inline-block;
  padding-top:30px;
  padding-bottom: 10px;
}

.min_title {
  color:#203465;
  font-size:14px;
  line-height: 1.2;
  font-weight: bold;
  font-family: 'Eina01', sans-serif;
}

.right_side .top_title_review .link {
  color:#203465;
  font-weight: 300;
text-decoration: underline;
}

.right_side .select_container{
  width:100%;
}

.option_ul {
  width: 100%;
  max-width: 420px;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 18px;
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #FFFFFF;
  border-top: none;
  z-index:10
  
}
.option_ul li{
padding: 10px 0px 10px 20px;
width: 100%;
  text-align: left;
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
  background:#ffffff;
  word-break:keep-all;
}
.select_box .select_container::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url('../img/right-arrow_24.png');
  background-size: contain;
  position: absolute;
  right: 3%;
  top:30%;
}



/* dicount 영역  */
.p_discount {
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.p_discount .q_title {
color:#203465;
}

.p_discount .content_answer_wrap {
flex-wrap: wrap;
}
.p_discount .content_answer_wrap .con_box {
  margin-bottom:16px;
}
.p_discount .content_answer_wrap .con_box:nth-child(2n) {
margin-left: 10px;
}
.p_discount .content_qustion {

  margin-top:20px;
  padding-left: 5px;
  padding-top:10px;
  padding-bottom:10px;
}

.p_discount .content_answer {
  cursor: pointer;
  display: none;
  margin-bottom: 40px;
  padding: 0px;
}
.p_discount .div_select {
  width:205px;
}

.p_discount .option_ul {
  width: 100%;
  max-width: 205px;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 18px;
  color: #666666;
  border: 1px solid #b8b8b8;
  display: none;
  position: absolute;
  background: #FFFFFF;
  border-top: none;
  
}

.con_box_title {
  display: inline-block;
  padding-left:10px;
  padding-bottom:10px;
  font-size: 14px;
  font-weight: bold;
}

/* p_discount_price_wrap 영역  */
.p_discount_price_wrap {
    padding:20px 0px 20px 10px;
    border-bottom: 1px solid #eaeaea;
}

.p_discount_price_wrap .span {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.14px;
    text-align: right;
    color: #333333;
}

.mattress_discount,
.frame_discount {
    display: flex;
    justify-content: space-between;
}


/* p_total_price_wrap 영역  */
.p_total_price_wrap {
    padding-top: 20px;
}

.to_price_title .span {
    display: inline-block;
}

._price {
    text-decoration: line-through;
}

.to_price_title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
}

.p_total_price_wrap ._title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: -0.18px;
    text-align: left;
    color: #203465;
}


/* last_price 영역  */
.up_down_ipt .button {
    display: inline-block;
    width:20px;
    height: 30px;
    padding:inherit;
    background:none;
    border:none;
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}

.up_down_ipt {
    display: flex;
    align-items: center;
}

.last_price {
    display: flex;
    justify-content: space-between;
}
.last_price .result_div {
    width:30px;
    text-align: center;
    border:1px solid #dddddd;
}

.minus_span,
.plust_span {
    display: inline-block;
    width:10px;
    height: 30px;
    position: relative;
}
.result_span {
    display: inline-block;
    width:100%;
    height: 30px;
}

.minus_span::after {
    content: "";
    width:10px;
    height: 1px;
    background:#000000;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.result_price {
  display: flex;
}
.result_price .span {
    font-family: 'Eina01',sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
    color: #ff6f6f;
}


/* btn_wrap 영역  */
.btn_wrap {
    display: flex;
    justify-content: space-between;
}

.about_delivery {
    padding: 64px 0 10px 0px;
    text-align: right;
}

.about_delivery .link .span {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.12px;
    text-align: left;
    color: #203465;
}

.btn_wrap .button {
    width:205px;
    height: 50px;
    padding:inherit;
    border:1px solid #203465;
    font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.btn_wrap .basket_btn {
    background:none;
}

.btn_wrap .buy_btn {
    background:#203465;
    color:#ffffff;
}


/* seciotn2 영역  */
.product_detail_common .section2 {
    background:#f3f4f7;
    padding:156px 0px;
    text-align: center;
}

.product_detail_common .section2_wrap {
    width:100%;
    max-width: 1364px;
    margin:0 auto;
}
.product_detail_common .section2 .img_wrap .img {
    width:100px;
    height: 100px;
}

.desc_p {
    margin-top: 20px;
    color:#203465;
    font-weight: bold;
}
.product_detail_common .top_img_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_detail_common .section2 .section2_wrap .img_wrap .center_img .img {
  width: calc(100vw * (620/ 1920));
  min-width: 540px;
  max-width: 620px;
  height: 420px;
}

/* seciotn3 영역  */
.product_detail_common .section3{
    width:100%;
    padding:150px 0 184px 0;
}
.product_detail_common .section3 .section3_wrap {
    width:100%;
    max-width: 1364px;
    margin:0 auto;
}

.product_detail_common .con_img {
    width:682px;
    height: 600px;
}

.product_detail_common .contents_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.product_detail_common .left_con,
.product_detail_common .right_con {
    width:50%;
}

.product_detail_common .left_con,
.product_detail_common .right_con {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_detail_common .right_con {
  justify-content: flex-end;
}

.product_detail_common .section3_wrap .right_con {
justify-content: space-between;
}

.product_detail_common .left_con .title_ .span {
    font-family: Eina01;
    font-size: 90px;
    font-weight: bold;
    line-height: 78px;
    text-align: left;
    color: #203465;
}

.product_detail_common .left_con .line_ {
    width:1px;
    height: 404px;
    background:#bbbbbb;
    margin: 31px 0px;
}


.left_con .dl .dt,
.section4_wrap .textbox .dl .dt {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.3px;
    text-align: left;
    color: #203465;
    margin:20px 0px 40px 0px;
}

.right_con .dl .dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    color: #203465;
}


.left_con .dl .dd,
.right_con .dl .dd,
.section4_wrap .textbox .dl .dd {
    font-size: 17px;
    line-height: 28px;
    text-align: left;
    color: #333333;
    margin-bottom: 30px;
}


/* section4 영역 */
.product_detail_common .section4 {
    width:100%;
    max-width: 1920px;
    margin:0 auto;
}

.product_detail_common .product_box_wrap {
    display: flex;
}

.product_detail_common .product_box_wrap .product_box {
    text-align: right;
}

.product_detail_common .product_box_wrap .span {
    display: inline-block;
    width:20px;
    height: 20px;
    border-radius: 50%;
}

.product_detail_common .product_box_wrap .gray_ {
   background:#dddddd;
}


.product_detail_common .product_box_wrap .blue_ {
     background:#98a7ae;
}


.product_detail_common .product_box_wrap .green_ {
    background:#aab7ad;
}


.product_detail_common .product_box_wrap .beige_ {
    background:#cfc6bd;
}

.product_detail_common .product_box_wrap .p {
    display: inline-block;
    padding:30px 50px 0px 20px;
    font-family: Eina01;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0.3px;
    text-align: right;
    color: #eaeaea;
    position: relative;
}


/* section5 영역  */
.product_detail_common .section5_wrap {
    width:100%;
    max-width: 1920px;
    margin:0 auto;
}

.product_detail_common .section5_wrap .top_ {
    padding:80px 0px 100px 0px;
    background:#fafafa;
    margin-top: 150px;
}

.product_detail_common .section5_wrap .top_ .title {
    text-align: center;
    padding-bottom: 61px;
}

.product_detail_common .section5_wrap .top_ .title .span {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #203465;
}

.product_detail_common .section5_wrap .top_ .icon_img {
    width:80px;
    height: 80px;
    margin:0 auto;
}

.product_detail_common .section5_wrap .top_ .contents {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product_detail_common .section5_wrap .top_ .contents .con_desc {
    width:446px;
    height: 349px;
    border-right: 1px solid #dddddd;
}

.product_detail_common .section5_wrap .top_ .contents .con_desc:last-child {
    border:none;

}

.product_detail_common .section5_wrap .top_ .contents .con_desc .dt{
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    color: #203465;
    padding:32px 0px 29px 0px;
  }

.product_detail_common .section5_wrap .top_ .contents .con_desc .dd{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
    text-align: center;
    color: #333333;
}

.product_detail_common .section5_wrap .bottom_ {
    height: 782px;
    background:url('../img/common/blue_bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    color:#ffffff;
}

.product_detail_common .section5_wrap .desc_wrap {
    width:100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.2);
    padding-top:100px ;
    
}

.product_detail_common .section5_wrap .bottom_ .top_img {
    margin:0 auto;
    width:50px;
    height: 50px;
}


.product_detail_common .section5_wrap .bottom_ {
    text-align: center;
}

.product_detail_common .section5_wrap .bottom_ .bottom_img {
    width:165px;
    height: 50px;
    margin:0 auto;
}

.product_detail_common .section5_wrap .bottom_ .text_box .span {
    display: block;
}

.product_detail_common .made_ {
    font-family: 'Eina01', sans-serif;
    font-size: 22px;
    line-height: 36px;
    margin:20px 0px 32px 0px;
}

.product_detail_common .strong_ {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.3px;
    text-align: center;
    margin-bottom: 23px;
}

.product_detail_common .sub_st {
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 32px;
}

.product_detail_common .last_text {
    margin-bottom: 60px;
}

/* 맨하탄 영역, 퀸,애리조나  */
.manhatan_ .section5 .section5_wrap .bottom_,
.queens_ .section5 .section5_wrap .bottom_,
.arizona_ .section5 .section5_wrap .bottom_ {
    height: 661px;
    background: url('../img/common/brown_bg.png') no-repeat;
    background-size: cover;
    position: relative;
    color: #ffffff;
  }

  .woody_ .section2 .top_img_wrap .left_icon,
  .woody_ .section2 .top_img_wrap .right_icon, 
  .a-pad_ .section2 .top_img_wrap .left_icon,
  .a-pad_ .section2 .top_img_wrap .right_icon, 
  .frame_soho .section2 .top_img_wrap .left_icon,
  .frame_soho .section2 .top_img_wrap .right_icon, 
  .frame_brooklyn .section2 .top_img_wrap .left_icon,
  .frame_brooklyn .section2 .top_img_wrap .right_icon, 
  .manhatan_ .section2 .top_img_wrap .left_icon,
  .manhatan_ .section2 .top_img_wrap .right_icon, 
  .queens_ .section2 .top_img_wrap .left_icon,
  .queens_ .section2 .top_img_wrap .right_icon, 
  .arizona_ .section2 .top_img_wrap .left_icon,
  .arizona_ .section2 .top_img_wrap .right_icon {
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /* 인터렉션 css  */
  .product_detail_common .section2_wrap .img_wrap .center_img {
    width: calc(100vw * (620/ 1920));
    min-width: 540px;
    max-width: 620px;
    height: 420px;
    position: relative;
  }
  .product_detail_common .section2_wrap .img_wrap .center_img .fixed_container {
    position: fixed;
    top: 400px;
  }

  .product_detail_common .section2_wrap .img_wrap .center_img .fixed_container.on{
    position: absolute;
    top:0%;
  }
/* 인터렉션 css  끝*/
  .manhatan_ .desc_p,
  .queens_ .desc_p,
  .arizona_ .desc_p {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #203465;
  }

  .manhatan_ .section5 .section5_wrap .top_ .contents .con_desc,
  .queens_ .section5 .section5_wrap .top_ .contents .con_desc,
  .arizona_ .section5 .section5_wrap .top_ .contents .con_desc {
    width: 324px;
    height: 300px;
    border-right: 1px solid #dddddd;
  }



  .manhatan_ .section5 .section5_wrap .desc_wrap,
  .queens_ .section5 .section5_wrap .desc_wrap,
  .arizona_ .section5 .section5_wrap .desc_wrap {
    background: rgba(0, 0, 0, 0.3);
  }

  .manhatan_ .section5 .section5_wrap .text_box,
  .queens_ .section5 .section5_wrap .text_box,
  .arizona_ .section5 .section5_wrap .text_box {
    font-weight: 200;
  }

  .queens_ .section3 .section3_wrap .con_img,
  .arizona_ .section3 .section3_wrap .con_img{
    position: relative;
    width: 682px;
    height: 600px;
  }

  .queens_ .section3 .section3_wrap .side_img,
  .arizona_ .section3 .section3_wrap .side_img{
    position: absolute;
    right: 0%;
    bottom: 0%;
    height: auto;
    transform: translate(210px, 0%);
  }

  .queens_ .section3 .section3_wrap .side_img .img,
  .arizona_ .section3 .section3_wrap .side_img .img {
    display: block;
    width: 200px;
    height: 200px;
    margin-top: 10px;
  }
  /* 맨하탄,퀸,애리조나 영역 끝  */


/* section6 영역  */
 .product_detail_common .section6_wrap {
     width:100%;
     max-width: 1399px;
     margin:0 auto;
     padding-top: 182px;
 }

 .product_detail_common .section6_wrap .top_contents_wrap {
     display: flex;
     position: relative;
 }

 .product_detail_common .section6_wrap .right_con {
     width:50%;
     height: 1367px;
 }

 .product_detail_common .section6_wrap .span {
     display: inline-block;
 }

 .product_detail_common .section6_wrap .span.blue_span_bold30 {
     margin-bottom: 41px;
 } 


 .product_detail_common .section6_wrap .con_img {
     width:662px;
     height: 700px;
 }

 .product_detail_common .section6_wrap .span.dark_span_nobold18 {
    padding:40px 0px 31px 0px;
 }

 .product_detail_common .section6_wrap .left_con {
     height: 1367px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .product_detail_common .section6_wrap .left_con_bottom {
     margin-bottom: 30px;
 }

 .product_detail_common .section6_wrap .left_con_bottom .span.blue_span_bold30 {
     margin:0;
 }


 .product_detail_common .section6_wrap .right_con .img_box {
     width:660px;
     height: 928px;
 }

 .product_detail_common .section6_wrap .rotate_text {
    transform-origin: right;
    transform: rotateZ(271deg);
    position: absolute;
    bottom: 602px;
    right: 0.8%;
    font-family: 'Eina01',sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    letter-spacing: 2px;
    text-align: left;
    color: #edebe9;
 }

 /* bottom_contents 영역  */
 .product_detail_common .bottom_contents .img_box{
    width:662px;
    height: 420px;
 }

 .product_detail_common .bottom_contents .con_desc {
     padding:40px 0px 175px 0px;
 }

 .product_detail_common .bottom_contents .con_desc_img {
     width:300px;
     height: 80px;
 }

 .product_detail_common .bottom_contents .con_desc_text {
    font-size: 22px;
    line-height: 32px;
    text-align: left;
    color: #333333;
    margin-top: 32px;
 }

 .product_detail_common .bottom_contents .cover {
    width:1642px;
 }

 .product_detail_common .bottom_contents .cover_wrap {
     display: flex;
     justify-content: space-between;
 }

 .product_detail_common .bottom_contents .cover_wrap .cover_desc {
     width: 577px;
     display: flex;
     align-items: center;
     padding-bottom: 60px;
 }

 .product_detail_common .bottom_contents .cover_wrap .cover_desc .cover_img {
     width:130px;
     height: 130px;
     margin-right: 50px;
 }

 .product_detail_common .bottom_contents .cover_wrap .cover_desc .cover_text {
     width:397px;
 }

 .product_detail_common .bottom_contents .cover_wrap .c_title {
     display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: -0.18px;
    text-align: left;
    color: #203465;
    margin-bottom: 14px;
 }

 .product_detail_common .bottom_contents .cover_wrap .c_desc {
     display: inline-block;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.14px;
    text-align: left;
    color: #333333;
 }

 .cover_right {
     width:942px;
     height: 764px;
     background:url('../img/common/f_05.png') no-repeat;
     background-size: cover;
 }


 /* section7 영역  */
.product_detail_common .section7_wrap {
    width:100%;
    max-width: 1316px;
    margin:0 auto;
    padding-top:262px;
}

.product_detail_common .section7_wrap>div{
    width:100%;
    max-width: 1200px;
    margin:0 auto;
}

.product_detail_common .section7_wrap .head_wrap {
    text-align: center;
    padding-bottom: 60px;
    border-bottom: 1px solid #203465;
}
.product_detail_common .section7_wrap .s7_head .span,
.product_detail_common .section8_wrap .s8_head .span,
.product_detail_common .section9_wrap .s9_head .span{  
    display: inline-block;
    padding-bottom: 23px;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #203465;
}
.product_detail_common .section7_wrap .s7_sub .span {
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: #333333;
}


.product_detail_common .section7_wrap .color_picker {
    padding:81px 0px 41px 0px;
}

.product_detail_common .section7_wrap .color_picker .m_color_con {
    display: none;
}

.product_detail_common .section7_wrap .color_con .ul {
    display: flex;
    justify-content: center;
    width:100%;
    height: 60px;
    background:#fafafa;
}

.product_detail_common .section7_wrap .color_con .ul .list {
    display: flex;
    align-items: center;
    margin:0 10px;
    
}
.product_detail_common .section7_wrap .color_con .ul .list .span{
    font-size: 18px;
}
.product_detail_common .section7_wrap .color_con .ul .list .span:first-child {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border:1px solid;
    margin-right: 10px;
}
.light_gray{
    background:#DDDDDD;
}
.dark_gray{
    background:#707070;
}
.light_beige{
    background:#DDDDDD;
}
.dark_beige{
    background:#D4C6B9;
}
.spring_green{
    background:#B9D4C6;
}
.spring_blue{
    background:#98A7AE;
}
.white{
    background:#ffffff;
}
.product_detail_common .section7_wrap .s_img_wrap {
    width:1200px;
    height: 500px;
    margin:21px 0px 40px 0px;
}
.m_s_img_wrap {
    display: none;
}

.product_detail_common .section7_wrap .s_img {
    width:100%;
    height: 100%;
}

.product_detail_common .section7_wrap .size_table .s_table {
    width:1200px;
    padding:40px 0px;
    display: flex;
}

.product_detail_common .section7_wrap .size_table .s_table .ul {
    
}

.p_classic .section7_wrap .size_table .s_table .ul {
    flex-grow: 1;
    border-right: 1px solid #ffffff;
}



.product_detail_common .section7_wrap .size_table .s_table .ul .list {
    width:132px;
    height: 60px;
    text-align: center;
    padding:19px 0px 17px 0px;
    border-bottom: 1px solid #203465;
}

.product_detail_common .section7_wrap .size_table .s_table .ul .list:nth-child(2n){
    background:#fbfbfe;
}

.product_detail_common .section7_wrap .size_table .s_table .ul:nth-child(1) .list{
    width:144px;
}



.product_detail_common .section7_wrap .size_table .s_table .size_table_title {
    background: #203465;
    color:#ffffff;
    font-weight: bold;
}

.product_detail_common .section7_wrap .size_table .s_table .ul:nth-child(1) .list:not(.list:first-child){
    font-weight: bold;
}



.product_detail_common .section7_wrap .s_componant_wrap {
    width:1200px;
    display: flex;
    justify-content: space-between;
}

.product_detail_common .section7_wrap .s_componant .s_com_desc {
    width: 386px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 11px;
    background-color: #fafafa;
}

.p_classic .section7_wrap .size_table .s_table .ul .list {
    border:none;
    width:100%;
}
.p_classic .section7_wrap .size_table .s_table .ul:nth-child(1) .list{
    width:100%;
}
.p_classic .section7_wrap .size_table .s_table .ul:nth-child(1) .list:not(.list:first-child){
    font-weight: inherit;
}

.p_classic .section7_wrap .s_componant .s_com_desc {
    width: 590px;
    height: 60px;
}

    
        /* sec09_wrap 영역  */

        .product_detail_common .section7_wrap .sec_09 {
            width:100%;
            max-width: 1316px;
        }
        .sec_09 .con_wrap .con_container {
            padding-top: 150px;
            margin:0 auto;
        }

        .the_motion_ .sec_09 .con_wrap .con_container {
            padding-top:inherit;
        }
        
          .sec_09 .con_wrap .top_cont .text_wrap {
            padding:16px;
          }
          
          .sec_09 .con_wrap .top_cont .text_wrap .title_link {
            display: flex;
            justify-content: space-between;
            padding-bottom: 20px;
            border-bottom: 1px solid #dddddd;
            
          }
          
         .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
            padding-top: 20px;
          }
          
         .sec_09 .con_wrap .top_cont .title_ {
            text-align: center;
            margin-bottom: 60px;
          }
          
         .sec_09 .con_wrap .top_cont .title_ .span{
            display: block;
            text-align: inherit;
          }
          
          
          .sec_09 .con_desc {
            display: flex;
            justify-content: space-between;
          }
        
          .sec_09 .con_desc>div:nth-child(2) {
              margin:0px 20px;
          }
          
          
          .sec_09 .img_con {
            width:426px;
            height: 500px;
          }
          
          .sec_09 .title_link .span {
            display: inline-block;
            font-size: 22px;
            line-height: 32px;
            color: #203465;
          }
          
          .sec_09 .title_link .link {
          display: inline-block;
          width:60px;
          height: 60px;
          }
        
        


/* mini_qna 영역 */
.product_detail_common .section7_wrap .mini_qna_head{
    margin-bottom: 40px;
}
.product_detail_common .section7_wrap .mini_qna {
    padding-top: 182px;
    margin-bottom: 202px;
}

.product_detail_common .section7_wrap .mini_qna .ul {
    border-bottom:1px solid #bbbbbb;
}


/* 자주 묻는 질문 qna 영역  */

  
  .content_qustion {
    padding: 40px;
    font-size: 1.2rem;
    border-top: 1px solid #bbbbbb;
    position: relative;
    cursor: pointer;
  }
  
  
  .content_qustion_wrap {
    position: relative;
  
  }

  .content_qustion_wrap .q_title {
      font-weight: bold;
  }
  
  .content_qustion_wrap::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotateZ(0deg);
    background: url("../img/right-arrow_24.png") no-repeat;
    background-size: contain;
  }
  
  .content_answer {
    cursor: pointer;
    display: none;
    margin-bottom: 40px;
    padding: 0 40px;
  }
  
  .content_answer_wrap {
    display: flex;
    font-size: 1.2rem;
  }
  
  .arcodian_qna_wrap .q_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    color: #333333;
  }
  
  .arcodian_qna_wrap .a_desc {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #333333;
  }


  /* section8_wrap 영역  */
  .product_detail_common .section8_wrap {
      width:100%;
      max-width: 1364px;
      margin:0 auto;
      position: relative;
  }

  
/* 리뷰 팝업 */
.re_popup_wrap {
    position: absolute;
    top:-50%;
    left: 0%;
    width:100%;
    /* background:rgba(0, 0, 0, 0.2); */
    z-index: 1;
    display: none;
  }
  
  .re_popup_wrap .re_popup_contents .blue_span_bold24 {
    display: block;
    text-align: center;
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 30px;
  }
  
  .re_popup_wrap .pop_desc {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: -0.32px;
    text-align: center;
    color: #333333;
  }
  
  .re_popup_contents {
    width:800px;
    height: 567px;
    background:#ffffff;
    margin:50px auto;
    padding:48px 48px;
    text-align: center;
    position: relative;
    border:1px solid #203465;
    
  }
  
  .re_popup_contents .blue_span_bold24 {
    padding-bottom: 30px;
  }
  
  .re_popup_contents .re_pop_cancel_btn {
    width:24px;
    height: 24px;
    position: absolute;
    top:30px;
    right: 30px;
    cursor: pointer;
  }

  .option_popup_contents {
    background:#ffffff;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:calc(100vw * (50 / 1315));
    border:1px solid black;
  }

  .option_popup_contents .span {
    font-size:16px;
  }
  
  .option_popup_contents .blue_span_bold24 {
    padding-top:30px;
  }

  .basket_choise .option_popup_contents .blue_span_bold24 {
    display:block;
    text-align: left;
    padding-bottom:20px;
    border-bottom:1px solid #dddddd;
  }

  .basket_choise .option_popup_contents .option_title{
    border:none;
  }
  
  .option_popup_btnWrap {
    padding:50px 0px;
  }

  .option_popup_contents .re_pop_cancel_btn {
    width: 24px;
    height:  24px;
    position: absolute;
    top: 30px;
    right:  30px;
    cursor: pointer;
    
  }

  .option_popup_btnWrap .reform_btn{
    background:#203465;
    color:#ffffff;
  }




 .re_popup_wrap .text_box {
      position:relative;
  }

  .re_btn_wrap {
      display: flex;
      justify-content: space-between;
  }

  #user_desc {
    width: 100%;
    height: 302px;
    padding: 1%;
    border: 1px solid #c8c8c8;
    outline: none;
    resize: none; 
    margin-bottom: 20px;
}
#text_num {
    position: absolute;
    bottom:25%;
    left: 1%;
}
.file_upload label {
    display: block;
    cursor: pointer;
    width:48px;
    height: 48px;
    border:1px solid #203465;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .file_upload label .img {
     width:20px;
     height: 20px;
 }
 
 #upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
 }

 .div_select {
    width: 282px;
    background: #FFFFFF;
    border: 1px solid #b8b8b8;
    overflow: hidden;
    font-size: 18px;
    color: #666666;
	padding: 10px 0px 10px 20px;
    text-align: left;
    position: relative;
    cursor: pointer;
    display:flex;
}

.option_popup_contents .div_select{
  width:100%;
}


.option_popup_contents .option_ul {
  width: 100%;
  max-width: 414px;
}


.basket_complete .div_select{
  width:440px;
}

.div_select::after {
    content: "";
    width:20px;
    height: 20px;
    background:url("../img/right-arrow_24.png");
    background-size: contain;
    position: absolute;
    right: 10%;
}

.select-ul {
    width: 282px;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 18px;
    color: #666666;
    border: 1px solid #b8b8b8;
    display: none;
    position: absolute;
    background: #FFFFFF;
    border-top: none;
    
}
.select-ul li{
	padding: 10px 0px 10px 20px;
  display:flex;
    width: 282px;
    text-align: left;
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
}

.select-ul li .img,
.div_select .img {
    width: 20px;
    height: 20px;
}

.re_btn_wrap .re_button {
    width:330px;
    height: 48px;
    background:#203465;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#ffffff;
}


  .product_detail_common .section8_wrap .s8_head {
      padding-bottom: 39px;
      text-align: center;
  }

  .product_detail_common .section8_wrap .review_con {
    display: flex;
  }

  .product_detail_common .section8_wrap .review_con .left_con {
    width:700px;
    margin-right: 40px;
  }

  .product_detail_common .section8_wrap .review_write {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 20px;
      border-bottom:1px solid #bbbbbb;
  }
  .product_detail_common .section8_wrap .review_link {
cursor: pointer;
  }

  .product_detail_common .section8_wrap .review_title .title_img {
    display: inline-block;
    width:24px;
    height: 24px;
    vertical-align: bottom;
  }

  .product_detail_common .section8_wrap .review_title .span {
      display: inline-block;
      margin-left: 10px;
  }


  .product_detail_common .section8_wrap .review_box{

}

.product_detail_common .section8_wrap .review_box .ul .list {
    width: 700px;
    margin-top: 20px;
    padding: 21px 40px 19px;
    border-radius: 10px;
    background-color: #fafafa;
}

.product_detail_common .section8_wrap .review_box_bottom {
    position: relative;
}

.product_detail_common .section8_wrap .review_box_bottom .more_btn {
    
    
    position: absolute;
    right:0%;
    top:0%;
    z-index:0;
}

.review_box_bottom_customer {
    width:100%;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-height: 48px;
    word-break: break-all;
    cursor: pointer;
}

.text_clicked {
    display: block;
    overflow: visible;
    max-height: inherit;
}

.review_box .more_btn {
    width: 63px;
    height: 21px;
    background:none;
    border:none;
}

.product_detail_common .section8_wrap .review_box_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}


.product_detail_common .section8_wrap .review_box_top .user_information {
    margin-right: 23px;
}
.product_detail_common .section8_wrap .review_box_top .user_information .span {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
    color: #333333;
}




.product_detail_common .section8_wrap .review_box_top .re_sns .link {
    display: inline-block;
    width:20px;
    height: 20px;
    vertical-align:bottom;
    margin-right: 10px;
}

.product_detail_common .section8_wrap .review_box_top .titme_ {
    margin-left: 20px;
}

.product_detail_common .section8_wrap .review_box_top .titme_ .span {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #bbbbbb;
}

.product_detail_common .section8_wrap .review_box_top .user_review_info {
    display: flex;
    align-items: center;
}

.product_detail_common .section8_wrap .review_box_top .em_star {
    display: inline-block;
    width:20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.product_detail_common .section8_wrap .left_con .pagenation .ul {
    display: flex;
    justify-content: center;
}

.product_detail_common .section8_wrap .left_con .pagenation .ul .span {
    display: inline-block;
    margin:0px 5px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #333333;
}

.product_detail_common .section8_wrap .left_con .pagenation .ul .span.on_ {
    font-weight: bold;
    color:#203465;
}


.product_detail_common .section8_wrap .right_con .s8_head{  
    text-align: left;
}

.product_detail_common .section8_wrap .right_con .progress {
    border-radius: 10px; 
    width:346px;
    height: 10px;
    vertical-align: middle;
    margin:0 19px;
  }
  .product_detail_common .section8_wrap .right_con .progress::-webkit-progress-bar {
    background-color: #eaeaea;
    border-radius: 10px;
    border:none;
  }
  .product_detail_common .section8_wrap .right_con .progress::-webkit-progress-value {
    background-color: #7497e1;
    border-radius: 10px;
  }


  .product_detail_common .section8_wrap .right_con .con_desc {
      display: flex;
      align-items: center;
  }

  .product_detail_common .section8_wrap .right_con {
      width:664px;
      padding-left: 40px;
    border-left: 1px solid #bbbbbb;
    justify-content: flex-start;
  }

  .product_detail_common .section8_wrap .right_con_wrap .em_star {
    display: inline-block;
    width:20px;
    height: 20px;
    margin-right:10px;
    vertical-align: text-bottom;
  }

  .product_detail_common .section8_wrap .right_con_wrap .em_star:last-child {
      margin:0px;
  }

  .product_detail_common .section8_wrap .right_con_wrap .ul .list {
    margin-bottom: 36px;
}


/* section9_wrap 영역 시작 */
.section9_wrap {
    padding-top: 182px;
}
.s9_head {
    text-align: center;
}

.s9_sub {
    text-align: center;
}

.s9_sub .span {
    display: block;
    text-align: center;
    max-width: 1000px;
    margin:0 auto;
    word-break: keep-all;
}

.s9_sub .blue_span_nobold22 {
    margin-top: 42px;
}

.section9_wrap .icons_wrap {
    width: 100%;
    max-width: 980px;
    display: flex;
    justify-content: space-between;
    margin:0 auto;
    padding-top: 80px;
}

.section9_wrap .icons_wrap .icon_box {
    width:260px;
    height: 260px;
    border-radius: 50%;
    border:1px solid #dddddd;
    padding: 72px 0px 0px 0px;
    position: relative;
    text-align: center;
}

.section9_wrap .icons_wrap .icon_img_box {
    width:60px;
    height: 60px;
    margin:0 auto;
}

.section9_wrap .icons_wrap .icon_text_box {
    margin-top: 31px;
}
.section9_wrap .icons_wrap .icon_text_box .span {
    width:inherit;
    height: inherit;
}



/* 더 모션 레이아웃 전용  */
/* 공통된 부분에서 바뀐 부분 시작 */
.the_motion_ .top_img_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    
    .the_motion_ .left_con .line_ {
      height: 528px;
    }
    
    .the_motion_ .section2 .top_img_wrap .left_icon,
    .the_motion_ .section2 .top_img_wrap .right_icon {
      height: 420px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    
    .the_motion_ .section3_wrap .textbox .dl .dt {
      line-height: 40px;
    }
    
    .the_motion_ .section3_wrap .right_con .dl .dt {
      font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #203465;
    }
    
    .the_motion_ .section3_wrap .right_con .dl .dd{
    font-size: 17px;
    line-height: 28px;
    text-align: left;
    color: #333333;
    margin: 30px 0px 80px 0px;
    line-height: 30px;
    }
    
    .the_motion_ .con_img {
    width: 682px;
    height: 740px;
    }
    .the_motion_ .desc_p {
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #203465;
    }
    
    .the_motion_ .the_motion_ .section5_wrap .top_ .contents .the_motion_ .con_desc {
      width: 324px;
      height: 300px;
      border-right: 1px solid #dddddd;
    }
    
    .the_motion_ .section3 {
    width: 100%;
    padding: 150px 0 100px 0;
    }
    
    .the_motion_ .product_box_wrap {
    width:100%;
    max-width: 1364px;
    height: 740px;
    margin:0 auto;
    }
    
    .the_motion_ .section4_wrap .textbox {
      width:100%;
      max-width: 1364px;
      margin:0 auto;
      padding-top: 42px;
    }
    
    .the_motion_ .section4_wrap .textbox .dl .dt {
    margin-bottom: 32px;
    }
    
    
    .the_motion_ .the_motion_ .section5_wrap .text_box {
    font-weight: 200;
    }
    
    .the_motion_ .the_motion_ .section5_wrap {
    width: 100%;
    max-width: 1920px;
    margin: 182px auto 0px auto;
    }
    /* 공통된 부분에서 바뀐 부분 끝*/
    
    
    /* section4 영역  */
    .the_motion_ .section4_wrap {
      width:100%;
      max-width: 1920px;
      margin:0 auto;
    }
    
    .the_motion_ .section4_wrap .controll_wrap {
      width:1920px;
      height: 900px;
      background:url('../img/the_motion/controll_bg.jpg') no-repeat;
      background-size: contain;
      position: relative;
      margin-top: 80px;
        margin-bottom: 450px;
    }
    .the_motion_ .section4_wrap .controll_wrap .inner_con {
      width:100%;
      max-width: 1364px;
      display: flex;
      justify-content: space-between;
      position: absolute;
      left: 278px;
      top: 260px;
    }
    
    .the_motion_ .section4_wrap .controll_wrap .inner_con .left_text{
      display: flex;
      flex-direction: column-reverse;
      padding-bottom: 20px;
    }
    .the_motion_ .section4_wrap .controll_wrap .right_img .img {
      display: inline-block;
      width:682px;
      height: 740px;
      margin-bottom: 60px;
    }
    
    
    /* 스와이퍼 커스텀  */
    .motionSw .swiper-slide {
      width:100%;
      max-width: 1000px;
      margin-right: 10px;
    }
    
    .the_motion_ .swiper-scrollbar {
      height: 6px;
      margin-top: 50px;
    }
    
    .the_motion_ .swiper-scrollbar-drag {
      background:#203465;
    }

    .the_motion_ .swiper-container-horizontal>.swiper-scrollbar {
        position: relative;
    }
    
    
    /* section5 영역  */
    .the_motion_ .section5_wrap {
      margin-top: 180px;
    }
    .the_motion_ .section5_wrap .textbox {
      display: flex;
      flex-direction: column-reverse;
    }

    .the_motion_ .section5_wrap .textbox .dt {
        line-height: 46px;
        margin-bottom: 32px;
    }

    .the_motion_ .section5_wrap .textbox .dd {
        max-width:500px;
        word-break: keep-all;
        line-height: 1.5;
        margin-bottom: 32px;
    }

    .the_motion_ .section5_wrap .top_con {
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      margin-bottom: 100px;
    }
    .the_motion_ .section5_wrap .right_wrap  {
      width:960px;
      height: 640px;
    }
    
    .the_motion_ .the_motion_ .section3_wrap .left_con {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
    }
    
    .the_motion_ .bottom_con {
      width:100%;
      max-width: 1920px;
      height: 900px;
      margin:0 auto;
    }
    
    /* section6 영역  */
    .the_motion_ .section6_wrap {
      margin-top: 200px;
    }
    .the_motion_ .section6_wrap .top_cont .text_wrap {
      padding:20px;
    }
    
    .the_motion_ .section6_wrap .top_cont .text_wrap .title_link {
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px;
      border-bottom: 1px solid #dddddd;
      
    }
    
    .the_motion_ .section6_wrap .top_cont .text_wrap .text_desc {
      padding-top: 20px;
    }
    
    .the_motion_ .section6_wrap .top_cont .title_ {
      text-align: center;
      margin-bottom: 60px;
    }
    
    .the_motion_ .section6_wrap .top_cont .title_ .span{
      display: block;
      text-align: inherit;
    }
    
    
    .the_motion_ .con_desc {
      display: flex;
      justify-content: space-between;
    }
    
    
    .the_motion_ .img_con {
      width:441px;
      height: 500px;
    }
    
    .the_motion_ .title_link .span {
      display: inline-block;
      font-size: 22px;
      line-height: 32px;
      color: #203465;
    }
    
    .the_motion_ .title_link .link {
    display: inline-block;
    width:60px;
    height: 60px;
    }
    
    .the_motion_ .bottom_cont {
      width:100%;
    
      margin-top: 180px;
      background:#fbfbfe;
    }
    
    .the_motion_ .bottom_cont_wrap {
      width:100%;
      max-width: 1364px;
      display: flex;
      justify-content: flex-start;
      margin:0 auto;
    }
    
    .the_motion_ .bottom_cont .left_img {
      width:662px;
      height: 500px;
      margin-right: 80px;
    }
    .the_motion_ .bottom_cont .text_wrap {
      display: flex;
      flex-direction: column;
      padding:150px 0px 0px 0px;
    }
    
    .the_motion_ .bottom_cont .text_wrap {
      margin-bottom:60px;
    }
    
    .the_motion_ .bottom_cont .text_wrap .dark_span_bold18 {
     margin-top: 10px;
    }
    
    .the_motion_ .bottom_cont .map__btn .button {
      width: 260px;
      height: 70px;
      padding:10px 0px;
      background:none;
      border:1px solid #203465;
    }
    
    .the_motion_ .bottom_cont .map__btn .button .img {
      width:24px;
      height: 24px;
    }

    .the_motion_ .bottom_cont .map__btn .button span {
      display: inline-block;
    }
    
    
    .the_motion_ .section7_wrap .mini_qna {
       padding-top: 0px; 
      }
    
      .the_motion_ .the_motion_ .section5_wrap .left_con  {
        width:inherit;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        margin-right: 143px;
      }
    
/* 더 모션 레이아웃 전용 끝 */
  
 /* 배게 영역  */
 
/* common 영역  */

  /* .product_detail_common .con_img {
  width:inherit;
  height: inherit;
  } */
  .button {
    width: 205px;
    height: 50px;
    padding: 15px 70px;
    border: solid 1px #203465;
    background-color: #ffffff;
  }
  
  
  
  /* section2 FLEX PILLOW 영역 */
  .pillow .section2 {
  background:inherit;
  padding:250px 0px 0px 0px;
  text-align: left;
  }
  .pillow .section2 .section2_wrap {
  max-width: 1316px;
  }
  .pillow .section2_wrap .con_img {
  width:100%;
  height: inherit;
  max-width: 1316px;
  }
  
  .pillow .section2_wrap .con_wrap .con_text {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  padding-top: 93px;
  }
  .pillow .p {

  margin-top: 32px;
  word-break: keep-all;
  }
  
  
  
  /* section6 영역 사이즈 영역  */
  .pillow .section6_wrap {
  width:100%;
  max-width: 1200px;
  margin:0 auto;
  padding:262px 0px 200px 0px;
  }
  
  .pillow .section6_wrap .head_wrap {
  text-align: center;
  padding-bottom: 60px;
  border-bottom: 1px solid #203465;
  }
  .pillow .section6_wrap .s7_head .span,
  .pillow .section8_wrap .s8_head .span,
  .pillow .section9_wrap .s9_head .span{  
  display: inline-block;
  padding-bottom: 23px;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #203465;
  }
  .pillow .section6_wrap .s7_sub .span {
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  color: #333333;
  }
  
  
  .pillow .section6_wrap .color_picker {
  padding:81px 0px 41px 0px;
  }
  
  .pillow .section6_wrap .color_picker .color_con {
  width:100%;
  height: 60px;
  margin-top: 21px;
  background:#fafafa;
  }
  
  .pillow .section6_wrap .color_picker .color_con .ul {
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  
  .pillow .section6_wrap .color_picker .color_con .ul .list {
  margin-right: 32px;
  }
  
  .pillow .section6_wrap .color_picker .color_con .ul .list .input {
  width:20px;
  height: 20px;
  vertical-align: bottom;
  margin: 0px 10px 2px 0px;
  }
  
  .pillow .section6_wrap .s_img_wrap {
  width:1200px;
  height: 500px;
  padding: 40px 290px;
  margin:21px 0px 40px 0px;
  border:1px solid #dddddd;
  }
  
  .pillow .section6_wrap .s_img {
  width:620px;
  height: 420px;
  }
  
  .pillow .section6_wrap .size_table .s_table {
  width:1200px;
  padding:40px 0px;
  display: flex;
  }
  
  .pillow .section6_wrap .size_table .s_table .ul {
  flex-grow:1;
  }
  
  .pillow .section6_wrap .size_table .s_table .ul .list {
  height: 60px;
  text-align: center;
  padding:19px 0px 17px 0px;
  }
  
  .pillow .section6_wrap .size_table .s_table .ul .list:nth-child(2n){
  background:#fbfbfe;
  }
  
  .pillow .section6_wrap .size_table .s_table .ul .list:nth-child(1){
  background:#203465;
  color:#ffffff;
  }
  
  .pillow .section6_wrap .size_table .s_table .size_table_title {
  background: #203465;
  color:#ffffff;
  }
  
  .pillow .section6_wrap .size_table .s_table .list .span {
  font-weight: 200;
  }
  
  .pillow .section6_wrap .s_componant_wrap {
  width:1200px;
  display: flex;
  justify-content: space-between;
  
  }
  .pillow .section6_wrap .s_componant_wrap .s_componant {
  width: 100%;
  max-width: 590px;
  }
  
  .pillow .section6_wrap .s_componant .s_com_desc {
  width: 100%;
  max-width: 590px;
  height: 60px;
  margin-top: 11px;
  background-color: #fafafa;
  }
  .pillow .section6_wrap .s_componant .s_com_desc {
  display: flex;
  justify-content:center;
  align-self: center;
  align-items:center ;
  }
  .pillow .section6_wrap .p_line {
  position: relative;
  }
  .pillow .section6_wrap .p_line::after {
  content: "|";
  width:1px;
  height: 100%;
  position:absolute;
  right:-14%;
  bottom:0%;
  }
  .pillow .section6_wrap .s_componant .s_com_desc:nth-child(2) div {
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
  .pillow .section6_wrap .s_componant .s_com_desc .p {
  margin:inherit;
  }
  
  .pillow .section6_wrap .span.dark_span_nobold18 {
  padding:inherit;
  display: inline;
  }
  
  
  .mini_qna {
  padding-top: 162px;
  }
  .more_question {
  text-align: right;
  }
  
  
  
  /* 리뷰 영역  */
  .pillow .section7_wrap {
    width:100%;
    max-width: 1316px;
    margin:0 auto;
    padding:inherit;
  }
  
  .pillow .section7_wrap .s8_head .span{  
    display: inline;
    padding-bottom: 23px;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #203465;
  }
  
  .pillow .section7_wrap .con_title {
    padding-bottom: 39px;
    text-align: center;
  }
  
  .pillow .section7_wrap .review_con {
  display: flex;
  }
  
  .pillow .section7_wrap .review_con .left_con {
  width:700px;
  margin-right: 40px;
  }
  
  .pillow .section7_wrap .review_write {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom:1px solid #bbbbbb;
  }
  
  .pillow .section7_wrap .review_title .title_img {
  display: inline-block;
  width:24px;
  height: 24px;
  vertical-align: bottom;
  }
  
  .pillow .section7_wrap .review_title .span {
    display: inline-block;
    margin-left: 10px;
  }
  
  
  
  .pillow .section7_wrap .review_box .ul .list {
  width: 700px;
  margin-top: 20px;
  padding: 21px 40px 19px;
  border-radius: 10px;
  background-color: #fafafa;
  }
  
  .pillow .section7_wrap .review_box_bottom {
  position: relative;
  }
  
  .pillow .section7_wrap .review_box_bottom .more_btn {
  position: absolute;
  right:0%;
  top:0%;
  z-index:0;
  }
  
  .pillow .section7_wrap .review_box_bottom_customer {
  width:100%;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-height: 48px;
  word-break: break-all;
  cursor: pointer;
  }
  
  .pillow .section7_wrap .text_clicked {
  display: block;
  overflow: visible;
  max-height: inherit;
  }
  
  .pillow .section7_wrap .review_box .more_btn {
  width: 63px;
  height: 21px;
  background:none;
  border:none;
  }
  
  .pillow .section7_wrap .review_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  }
  
  
  .pillow .section7_wrap .review_box_top .user_information {
  margin-right: 23px;
  }
  .pillow .section7_wrap .review_box_top .user_information .span {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
  color: #333333;
  display: inline;
  }
  
  
  
  
  .pillow .section7_wrap .review_box_top .re_sns .link {
  display: inline-block;
  width:20px;
  height: 20px;
  vertical-align:bottom;
  margin-right: 10px;
  }
  
  .pillow .section7_wrap .review_box_top .titme_ {
  margin-left: 20px;
  }
  
  .pillow .section7_wrap .review_box_top .titme_ .span {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #bbbbbb;
  }
  
  .pillow .section7_wrap .review_box_top .user_review_info {
  display: flex;
  align-items: center;
  }
  
  .pillow .section7_wrap .review_box_top .em_star {
  display: inline-block;
  width:20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: text-bottom;
  }
  
  .pillow .section7_wrap .left_con .pagenation .ul {
  display: flex;
  justify-content: center;
  }
  
  .pillow .section7_wrap .left_con .pagenation .ul .span {
  display: inline-block;
  margin:0px 5px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #333333;
  }
  
  .pillow .section7_wrap .left_con .pagenation .ul .span.on_ {
  font-weight: bold;
  color:#203465;
  }
  
  
  .pillow .section7_wrap .right_con .s8_head{  
  text-align: left;
  margin-bottom: 20px;
  }
  
  .pillow .section7_wrap .right_con .progress {
  border-radius: 10px; 
  width:346px;
  height: 10px;
  vertical-align: middle;
  margin:0 19px;
  }
  .pillow .section7_wrap .right_con .progress::-webkit-progress-bar {
  background-color: #eaeaea;
  border-radius: 10px;
  border:none;
  }
  .pillow .section7_wrap .right_con .progress::-webkit-progress-value {
  background-color: #7497e1;
  border-radius: 10px;
  }
  
  
  .pillow .section7_wrap .right_con .con_desc {
    display: flex;
    align-items: center;
  }
  .pillow .section7_wrap .right_con .con_desc .review_star {
  display: flex;
  align-items: center;
  }
  
  .pillow .section7_wrap .right_con {
    width:664px;
    padding-left: 40px;
  border-left: 1px solid #bbbbbb;
  }
  
  .pillow .section7_wrap .right_con_wrap .em_star {
  display: inline-block;
  width:20px;
  height: 20px;
  margin-right:10px;
  vertical-align: text-bottom;
  }
  
  .pillow .section7_wrap .right_con_wrap .em_star:last-child {
    margin:0px;
  }
  
  .pillow .section7_wrap .right_con_wrap .ul .list {
  margin-bottom: 36px;
  }
  
  /* common 영역 끝 */
  
  
  /* 클래식 배게 전체영역 시작 */
  
  /* section3  영역 */
  .p_classic .section3 {
  padding:inherit;
  text-align: inherit;
  }
  .p_classic .section3 .section3_wrap {
  max-width: 1316px;
  }
  
  .p_classic .section3 .con_wrap {
  display: flex;
  justify-content: space-between;
  }
  
  .p_classic .section3 .line_ {
  width:1px;
  height: 100%;
  max-height: 510px;
  border-left: 1px solid #bbbbbb;
  margin:32px 0px;
  }
  
  .p_classic .section3 .con_img {
  width:100%;
  max-width: 658px;
  }
  
  /* section4  영역 */
  .p_classic .section4 {
  
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background:url("../img/purchase_pillow/sec4_left_bg.png") no-repeat;
  background-position:-100px bottom;
  margin-top: 100px;
  }
  .p_classic .section4_wrap {
  width:100%;
  max-width: 1618px;
  }
  
  .p_classic .section4_wrap .con_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  }
  
  .p_classic .section4 .line_ {
  width:1px;
  height: 387px;
  border-left: 1px solid #bbbbbb;
  margin:32px 0px;
  }
  
  .p_classic .section4_wrap .con_img {
  width:100%;
  max-width: 960px;
  }
  
  
  /* section5  영역 */
  .p_classic .section5_wrap {
  margin-top: 300px;
  width:100%;
  max-width: 1316px;
  text-align: center;
  background:#fafafa;
  padding-bottom: 100px;
  margin-bottom: 100px;
  }
  .p_classic .section5 .con_img {
  width:100%;
  max-width: 1316px;
  }
  
  .p_classic .section5 .con_img_icon {
  width:100%;
  max-width: 240px;
  margin:100px auto 0px auto;
  }
  
  /* section6  영역 */
  
  /* 클래식 배게 전체영역 끝 */
  
  /* 듀얼 배게 전체 영역 시작  */
  
  /* section3 상세페이지 이미지 영역  */
  .p_dual .section3 .section3_wrap {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  }

  .p_dual .section3 .section3_wrap .con_img {
    width: 100%;
    height: 100%;
  }
  
  
  
  /* section4 비디오 영역  */
  .p_dual .section4_wrap {
  padding: 142px 302px 140px;
  background:#f3f4f7;
  text-align: center;
  }
  
  .con_video {
  width:100%;
  max-width: 1316px;
  height: 500px;
  margin-top: 80px;
  background:black;
  }
  
  
  /* section5 최상의 편안함을 경험해보세요 영역  */
  .p_dual .section5_wrap .con_wrap_top {
  padding: 182px 0px 170px 0px;
  text-align: center;
  }
  
  .p_dual .section5_wrap .con_wrap_top .con_img {
  width:100%;
  max-width: 1316px;
  margin:0 auto;
  }
  
  .p_dual .section5_wrap .con_wrap_top .button {
  width: 260px;
  height: 70px;
  padding:0px;
  text-align: center;
  border: solid 1px #203465;
  background-color: #fbfbfe;
  }
  
  
  .p_dual .section5_wrap {
  text-align: center;
  }
  .p_dual .section5 .con_wrap_bottom {
  max-width: 1316px;
  background:#fafafa;
  margin:0 auto;
  padding-bottom: 100px;
  }
  .p_dual .section5 .con_wrap_bottom .con_img {
  width:100%;
  max-width: 1316px;
  margin:0 auto;
  }
  
  .p_dual .section5 .con_wrap_bottom .con_img_icon {
  width:100%;
  max-width: 240px;
  margin:100px auto 0px auto;
  }
  
  
  /* section6_wrap 사이즈 영역  */
  
  .p_dual .section6_wrap .size_table .s_table {
  width:1200px;
  padding:0px;
  display: flex;
  }

  .p_dual .section6_wrap .size_table .blue_span_bold22 {
  margin:42px 0px 10px 0px;
  }
  
.p_dual .section6_wrap {
width:100%;
max-width: 1200px;
margin:0 auto;
 padding:262px 0px 162px 0px;
}

  .p_dual .section9 {
      max-width: 1200px;
  }
  
  /* 듀얼 배게 전체 영역 끝 */
  
  
  /* 프로텍터 전체 영역 시작 */
  .p_protector span {
    text-align: left;
  }
  .p_protector #result{
    text-align: center;
  }
  .p_protector .con_img {
    width: 100%;
    height: auto;
  }
  .p_protector .section2 {
  width:100%;
  height: 2200px;
  max-width: inherit;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin:0 auto;
  padding:250px 0px 0px 0px;
  
  }
  .p_protector .section2 .section2_wrap {
  width:100%;
  max-width: 1920px;
  margin:inherit;
  position: relative;
  /* background:url("../img/purchase_pillow/protector_main_bg.jpg") no-repeat;
  background-size: 1600px;
  background-position: 100% 100%; */
  overflow: hidden;
  }
  .p_protector .section2_wrap .line_ {
  width:1px;
  height: 180px;
  border-left: 1px solid #bbbbbb;
  margin:21px 0px 42px 0px;
  }
  
  .p_protector .section2_wrap .con_box_wrap {
  width:100%;
  max-width: 1316px;
  margin:0 auto;
  }
  
  .p_protector .section2_wrap .con_box_wrap>div {
  }
  
  .p_protector .con_box_rcenter {
  display: flex;
  justify-content: flex-end;
  margin:-150px 0px;
  }
  
  .p_protector .con_box_img {
  max-width:1600px;
  position:absolute;
  bottom:0%;
  right: 0%;
  transform:translate(35%,0%);
  }
  
  
  
  
  
  /* section3_wrap 프로텍터로 매트리스의 장점  */
  .p_protector .section3_wrap {
  text-align: center;
  padding:84px 0px 98px 0px;
  background:#fafafa;
  }
  
  .p_protector .section3_wrap .con_title {
  margin-bottom: 80px;
  }
  .p_protector .section3_wrap .con_box_top {
  max-width:840px;
  padding:0px 0px 100px 0px;
  margin:0px auto 100px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom:1px solid #dddddd;
  }
  .p_protector .section3_wrap .con_img_icon {
  width:120px;
  }
  
  .p_protector .section3_wrap .con_box_bottom>div {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
  }
  
  .p_protector .section3_wrap .con_box_bottom .con_box {
  width:380px;
  padding:20px;
  border-bottom: 1px solid #dddddd;
  }
  
  .p_protector .section3_wrap .con_box_bottom .con_img_wrap {
  display: flex;
  margin-top: 80px;
  }
  
  .p_protector .section3_wrap .con_img_wrap .con_img {
  max-width: 406px;
  }
  

  /* section4_wrap 워런티 1년 영역  */
  .p_protector .section4_wrap {
  width: 100%;
  max-width: 1316px;
  height: 700px;
  margin:0 auto;
  background:url("../img/purchase_pillow/white_fabric_bg.jpg") no-repeat;
  background-size: contain;
  background-position: center center;
  position: relative;
  text-align: center;
  }
  
  .p_protector .section4_wrap .con_box_wrap {
  position: absolute;
  left: 50%;
  top:50%;
  transform:translate(-50%,-50%);
  }
  
  .p_protector .section4_wrap .con_img {
  max-width: 240px;
  margin:0px auto 30px auto;
  }

  .p_protector .section4_wrap .con_text span {
    text-align: center;
  }
  
  /* section6_wrap 사이즈 영역  */
  .p_protector .section6_wrap .title_ {
  padding-top: 42px;
  }
  
  .p_protector .section6_wrap .desc {
  padding: 32px 0px 31px 40px;
  background-color: #fafafa;
  line-height: 30px;
  }
  .p_protector .section6_wrap .desc .p {
  margin:inherit
  }
  .p_protector .section6_wrap .size_table .s_table .ul .list:nth-child(2n) {
  background: #fafafa;
  }
  
  .p_protector .section6_wrap .size_table .s_table .list {
  background:#fafafa;
  }
  
  .p_protector .section6_wrap .size_table .s_table .list .span:not(.white_span18px, .dark_span_nobold18) {
  font-weight: bold;
  }
  
  .p_protector .section6_wrap .size_table .s_table .list .span.dark_span_nobold18 {
  font-weight: 400;
  }
  
  .p_protector .section6_wrap .con_desc .p {
  padding: 20px 0px;
  background-color: #fafafa;
  text-align: center;
  }
  
  
  /* 프로텍터 전체 영역 끝 */
  
  
  
  /* 플렉스 전체 영역 시작 */
  
  /* section3  영역 */
  .p_flex .section3 {
  padding:inherit;
  text-align: inherit;
  }
  .p_flex .section3 .section3_wrap {
  max-width: 1316px;
  }
  
  .p_flex .section3 .con_wrap {
  display: flex;
  justify-content: space-between;
  }
  
  .p_flex .section3 .line_ {
  width:1px;
  height: 100%;
  max-height: 510px;
  border-left: 1px solid #bbbbbb;
  margin:32px 0px;
  }
  
  .p_flex .section3 .con_img {
  width:100%;
  max-width: 658px;
  }
  
  .p_flex .section2_wrap .con_wrap .con_text_right {
  width:100%;
  max-width:658px;
  }
  
  
  
  /* section4  영역 */
  .p_flex .section4_wrap {
  width:100%;
  max-width: 1316px;
  margin:0 auto;
  padding-top: 100px;
  }
  .p_flex .section4_wrap .con_img {
  max-width: 1316px;
  }
  .p_flex .section4_wrap .con_text {
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  padding-top: 60px;
  }
  
  .p_flex .section4_wrap .con_text .p {
  margin:inherit;
  }
  
  
  
  /* section5  영역 */
  /* 스와이퍼 커스텀  */
  .p_flex .section5_wrap {
  padding:150px 0px 200px 0px;
  }

  .p_flex .section6{
    display: none;
  }

  .motionSw .swiper-slide {
  width:100%;
  max-width: 1270px;
  margin-right: 10px;
  }
  
  .p_flex .swiper-scrollbar {
    max-width: 1316px;
    height: 6px;
    margin:100px auto 0px auto;
    }
    
   .p_flex .swiper-scrollbar-drag {
    background:#203465;
    }


  
 /* 배게 영역 끝  */

/* 팝업 */
.popup_wrap {
    position: absolute;
    top:0%;
    left: 0%;
    width:100%;
    background:rgba(0, 0, 0, 0.2);
    z-index: 1;
    display: none;
  }
  
  .popup_wrap .popup_contents .blue_span_bold24 {
    display: block;
    text-align: center;
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 30px;
  }
  
  .popup_wrap .pop_desc {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: -0.32px;
    text-align: center;
    color: #333333;
  }
  
  .popup_contents {
    width:800px;
    height: 567px;
    background:#ffffff;
    margin:400px auto;
    padding:48px 48px;
    text-align: center;
    position: relative;
    
  }
  
  .popup_contents .blue_span_bold24 {
    padding-bottom: 30px;
  }
  
  .popup_contents .pop_cancel_btn {
    width:24px;
    height: 24px;
    position: absolute;
    top:30px;
    right: 30px;
    cursor: pointer;
  }

 .popup_wrap .text_box {
      position:relative;
  }

  .re_btn_wrap {
      display: flex;
      justify-content: space-between;
  }

  #user_desc {
    width: 100%;
    height: 302px;
    padding: 1%;
    border: 1px solid #c8c8c8;
    outline: none;
    resize: none; 
    margin-bottom: 20px;
}
#text_num {
    position: absolute;
    bottom:25%;
    left: 1%;
}
.file_upload label {
    display: block;
    cursor: pointer;
    width:48px;
    height: 48px;
    border:1px solid #203465;
    display: flex;
    justify-content: center;
    align-items: center;
 }


/* 상세 페이지 공통 영역 끝 */


/* 매트리스 공통영역 시작  */
.sec_01 .m_con_wrap,
    .m_con_box_wrap,
    .common_section_wrap .sec_08 .con_title .m_span,
    .frameSw,
    .m_review_box,
    .m_sec_09 {
        display: none;
    }

    /* 매트리스 영역 공통 섹션 묶음 */
    /* 해외 외신이 극찬 ~ 검증된 후기를 만나보세요 영역 */
    
    
    /* 배송팝업  */
    .popup_wrap {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 200vh;
        background: rgb(0, 0, 0, 0.4);
        display: none;
    }
    
    .popup_wrap .blue_span_bold16 {
        text-align: left;
    }
    
    .popup_wrap .e_blue_span_bold16 {
        text-align: center;
    }
    .delivery_info {
    
        font-size: 12px;
        line-height: 22px;
        letter-spacing: -0.12px;
        text-align: right;
        color: #203465;
    }
    
    
    .popup_contents {
        width:800px;
        background: #ffffff;
        margin: 351px auto;
        padding: 52px 48px;
        text-align: center;
        position: relative;
    }
    
    .popup_contents div {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        padding:32px 0px;
        margin:20px 0px;
        text-align: left;
    }
    
    
    .popup_contents .pop_cancel_btn {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 30px;
        right: 30px;
    }
    
    .popup_contents .span {
        display: block;
    }
    .popup_contents div .span {
        display: inline;
    }
    
    
    
    
    /* sec_01 영역  */
    .common_section_wrap .span {
        display: block;
        }
        .common_section_wrap .blue_span_bold_line30 {
            text-align: center;
        }
        
        .common_section_wrap .sec_01{
            width:100%;
            max-width: 1316px;
            margin:0 auto;
            padding:120px 0px 150px 0px;
        }
        
        .common_section_wrap .sec_01 .con_box_wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 60px;
        }
        
        .common_section_wrap .sec_01 .con_box_img {
        width:249px;
        height: 100px;
        }
        
        /* sec_02 영역 */
        .common_section_wrap .sec_02,
        .common_section_wrap .sec_04 {
            width:100%;
            padding:100px 0px;
            background:#f7f8fd;
            display: flex;
            justify-content: flex-end;
        }

        .common_section_wrap .sec_02 {
          background:#f7f8fd;
        }
        
        .common_section_wrap .sec_02 .blue_span_bold_line30,
        .common_section_wrap .sec_04 .blue_span_bold_line30  {
            text-align: left;    
        }
        
        .common_section_wrap .sec_02 .dark_span_nobold18,
        .common_section_wrap .sec_04 .dark_span_nobold18 {
            margin: 22px 0px 82px 0px;
    word-break: keep-all;
    width: 500px;
        }
        
        .common_section_wrap .sec_02 .con_wrap,
        .common_section_wrap .sec_04 .con_wrap {
            width:100%;
            max-width: 1920px;
            margin:0 auto;
        }
        
        .common_section_wrap .sec_02 .con_wrap .con_box,
        .common_section_wrap .sec_04 .con_wrap .con_box {
          width: 100%;
          max-width: 1618px;
            display: flex;
            justify-content: space-between;
            margin-left: auto;
        }
        .common_section_wrap .sec_02 .con_wrap .con_left_iconbox div,
        .common_section_wrap .sec_04 .con_wrap .con_left_iconbox div {
            display: flex;
            align-self: center;
            margin-top: 20px;
        }
        
        
        .common_section_wrap .sec_02 .con_wrap .icon_img_box,
        .common_section_wrap .sec_04 .con_wrap .icon_img_box {
            width:22px;
            height: 22px;
            margin-right: 10px;
        }
        
        .common_section_wrap .sec_02 .con_wrap .icon_img_box .img {
            vertical-align: bottom;
        }
        
        
        .common_section_wrap .sec_02 .con_wrap .con_right {
            width:860px;
        }

        .common_section_wrap .sec_02 .con_wrap .con_right video {
          width:100%;
        }
        .common_section_wrap .sec_03 .con_box .con_bg video {
          width:100%;
        }
        .common_section_wrap .sec_04 .con_wrap .con_right video {
          width:100%;
        }
        

        
        /* sec_03 영역 */
        .common_section_wrap .sec_03 {
            width:100%;
            max-width: 1316px;
            padding:150px 0px 140px 0px;
            margin:0 auto;
        }
        
        .common_section_wrap .sec_03 .con_iconbox {
            display: flex;
            justify-content: space-between;
            margin:102px 0px 60px 0px;
            padding: 0px 40px;
        }
        
        .common_section_wrap .sec_03 .con_iconbox div {
            display: flex;
            align-self: center;
        }
        
        .common_section_wrap .sec_03 .con_iconbox .icon_img_box {
            width: 22px;
            height: 22px;
            margin-right: 10px;
        }
        
        .common_section_wrap .sec_03 .con_iconbox .icon_img_box .img {
            vertical-align: middle;
        }
        
        .common_section_wrap .sec_03 .con_box .con_bg {
            width: 1316px;
            height: 400px;
        }

        
        
        /* sec_04 영역 */
        .common_section_wrap .sec_04 .con_wrap .icon_img_box .img {
            vertical-align: middle;
        }
        
        .common_section_wrap .sec_04 .con_wrap .con_right {
            width:800px;
            height: 300px;
        }


        
        
        /* sec_05 영역  */
            .common_section_wrap .blue_span_bold_line30 {
                margin-bottom: 22px;
                text-align: center;
            }
            
            .common_section_wrap .sec_05{
                width:100%;
                max-width: 1316px;
                margin:0 auto;
                padding:120px 0px 150px 0px;
            }
            
            .common_section_wrap .sec_05 .con_box_wrap {
                width:100%;
                max-width: 1000px;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 60px auto 0px auto;
                padding:0px 100px;
                text-align: center;
                border-bottom: 2px solid #dddddd;
                position: relative;
            }
        
            .common_section_wrap .sec_05 .con_box_wrap .con_box {
                padding-bottom: 60px;
            }
        
            .common_section_wrap .sec_05 .con_box_wrap .con_box::after {
                content: "";
                width:10px;
                height: 10px;
                border-radius: 50%;
                background:#dddddd;
                position: absolute;
                bottom:0%;
                transform: translate(-50%, 60%);
            }
        
            .common_section_wrap .sec_05 .con_box_wrap .con_box:nth-child(1)::after{
                background:#203465;
            }
            
            .common_section_wrap .sec_05 .con_box_img {
            width:60px;
            height: 46px;
            margin:0 auto;
            }
        
            .common_section_wrap .sec_05 .con_box_wrap .blue_span_bold16 {
                text-align: center;
            }
        
            .common_section_wrap .sec_05 .con_wrap .con_img_warp {
                width:100%;
                max-width: 1200px;
                margin:27px auto 0px auto;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                text-align: center;
            }
        
            .common_section_wrap .sec_05 .con_wrap .con_img_warp .img {
                margin-bottom: 20px;
            }
        
            .common_section_wrap .sec_05 .con_wrap .con_img_warp .con_img_left .img {
                width:85px;
                height: 56px;
            }
        
            .common_section_wrap .sec_05 .con_wrap .con_img_warp .con_img_right .img {
                width:100px;
                height: 42px;
            }
        
        
        
        /* sec_06 영역  */
        .common_section_wrap .sec_06 {
            background:#d0d0d0;
            padding-top:100px;
        }
    
        .common_section_wrap .sec_06 .e_blue_span_bold30 {
                text-align: center;
                margin-bottom: 26px;
            }
        
            .common_section_wrap .sec_06 .dark_span_nobold18 {
                text-align: center;
            }
        
            .common_section_wrap .sec_06 .con_box_wrap .con_box {
                width:100%;
                max-width: 1920px;
                margin:0 auto;
                display: flex;
                align-items: center;
            }
            
        
            .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
               
    padding-left: 30px;
    /* padding-top: 156px; */
            }
    
        
            .common_section_wrap .sec_06 .con_box_wrap .con_desc .blue_span_bold22 {
                margin-bottom: 12px;
            }
        
            
            .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
                line-height: 26px;
                margin-bottom: 47px;
            }
    
        
            .common_section_wrap .sec_06 .con_box_wrap .con_box .dark_span_16px {
                text-align: left;
            }
        
            .common_section_wrap .sec_06 .con_box_wrap .con_img{
                width:100%;
                max-width:1149px;
                height: 840px;
            }
        
        
            /* sec_07 영역  */
        .common_section_wrap .sec_07,
        .common_section_wrap .hybrid_sec_07 {
            background:#000000;
            padding:100px 0px;
        }
        
        .common_section_wrap .sec_07 .con_wrap,
        .common_section_wrap .hybrid_sec_07 .con_wrap {
            width: 100%;
            max-width: 1200px;
            margin:0 auto;
        }
        
        .common_section_wrap .sec_07 .con_wrap .con_title .white_span18px,
        .common_section_wrap .hybrid_sec_07 .con_wrap .con_title .white_span18px {
            text-align: center;
            margin: 37px 0px 50px 0px;
        }
        
        .common_section_wrap .sec_07 .con_wrap .con_img,
        .common_section_wrap .hybrid_sec_07 .con_wrap .con_img {
            width:1200px;
            height: 400px;
        }
    
        /* 매트리스 하이브리드 상세페이지 중 추가 컨텐츠 hybrid_add_sec_1 영역*/
        .hybrid_add_sec_1 {
            width:100%;
            max-width: 1920px;
            margin:0 auto;
        }
    
        .hybrid_add_sec_1 .con_wrap {
            width:100%;
            max-width: 1316px;
            padding:182px 0px 207px 0px;
            margin:0 auto;
        }
    
        .hybrid_add_sec_1 .con_wrap .con_title {
            margin-bottom:81px;
        }
    
    
        .hybrid_add_sec_1 .con_wrap .con_box_wrap  {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    
        .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box {
            text-align: center;
        }
        .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .con_box_img {
            width:100px;
            height: 100px;
            margin:0 auto;
        }
    
        .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .blue_span_bold20 {
            padding:20px 0px;
            text-align: center;
        }
    
        .hybrid_add_sec_1 .con_wrap .con_box_wrap .con_box .dark_span_16px {
            line-height: 26px;
        }
        
        
            /* sec_08 영역  */
            .common_section_wrap .sec_08 {
                padding-top: 182px;
            }
            
        
            .common_section_wrap .sec_08 .con_title .blue_span_bold_line30 {
                margin-bottom: 20px;
            }
            .common_section_wrap .sec_08 .con_title .dark_span_nobold22 {
                margin-bottom: 50px;
            }
        
            .common_section_wrap .sec_08 .con_wrap {
                width:100%;
                max-width: 1200px;
                margin:0 auto;
            }
        
            .common_section_wrap .sec_08 .table_con_box {
                display: flex;
                padding-bottom: 182px;
            }
        
            .common_section_wrap .sec_08 .table_con_box .ul .list {
                text-align: center;
                width: 400px;
                height: 60px;
                padding: 18px 0px;
                background-color: #fafafa;
                font-size: 18px;
            }
        
            .common_section_wrap .sec_08 .table_con_box .ul .li_title_ {
                background:#203465;
                color:#ffffff;
                font-weight: 300;
            }
        
            .con_box_wrap_02 {
                display: flex;
                justify-content: space-between;
            }
            .common_section_wrap .sec_08 .frame_con_box {
                padding-bottom: 183px;
                text-align: center;
            }
        
            .common_section_wrap .sec_08 .frame_con_box .con_title {
                padding-bottom: 85px;
            }
        
            .common_section_wrap .sec_08 .frame_con_box .button {
                width: 220px;
                height: 60px;
                padding: 18px 0px;
                background-color: #203465;
                color:#ffffff;
                border:none;
                font-size: 18px;
            }
            .common_section_wrap .sec_08 .frame_con_box .con_box {
                width:360px;
            }
            .common_section_wrap .sec_08 .frame_con_box .con_img {
                width:inherit;
                height: inherit;
                padding-bottom: 45px;
                text-align: center;
            }
        
            .common_section_wrap .sec_08 .frame_con_box .con_img .img {
                
            width:190px;
            height: 110px;
            }
        
        
            .common_section_wrap .sec_08 .frame_con_box .con_box .con_desc {
                border-top: 1px solid #bbbbbb;
                text-align: left;
            }
        
            .common_section_wrap .sec_08 .frame_con_box .con_box .con_desc .blue_span_bold20 {
                padding:21px 0px 23px 0px;
            }
        
        
            
        /* sec09_wrap 영역  */
        .sec_09 .con_wrap .con_container {
            width:100%;
            max-width: 1316px;
            margin:0 auto;
        }
        
          .sec_09 .con_wrap .top_cont .text_wrap {
            padding:16px;
          }
          
          .sec_09 .con_wrap .top_cont .text_wrap .title_link {
            display: flex;
            justify-content: space-between;
            padding-bottom: 20px;
            border-bottom: 1px solid #dddddd;
            
          }
          
         .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
            padding-top: 20px;
          }
          
         .sec_09 .con_wrap .top_cont .title_ {
            text-align: center;
            margin-bottom: 60px;
          }
          
         .sec_09 .con_wrap .top_cont .title_ .span{
            display: block;
            text-align: inherit;
          }
          
          
          .sec_09 .con_desc {
            display: flex;
            justify-content: space-between;
          }
        
          .sec_09 .con_desc>div:nth-child(2) {
              margin:0px 20px;
          }
          
          
          .sec_09 .img_con {
            width:426px;
            height: 500px;
          }
          
          .sec_09 .title_link .span {
            display: inline-block;
            font-size: 22px;
            line-height: 32px;
            color: #203465;
          }
          
          .sec_09 .title_link .link {
          display: inline-block;
          width:60px;
          height: 60px;
          }
        
        
          .sec_10 .con_wrap {
              width:100%;
              max-width: 1200px;
              margin:0 auto;
              padding:182px 0px 212px 0px;
          }
    
          .sec_10 .con_wrap .mini_qna .link .span {
              text-align: right;
          }
        
          .sec_10 .con_wrap .blue_span_bold30 {
              margin-bottom: 30px;
          }
    
    
    
    
    
          
      /* 리뷰 영역  */
      .product_detail_common .section11_wrap {
        width:100%;
        max-width: 1364px;
        margin:0 auto;
    }
    
    .product_detail_common .section11_wrap .s8_head .span{  
        display: inline;
        padding-bottom: 23px;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        letter-spacing: -0.3px;
        text-align: center;
        color: #203465;
    }
    
    .product_detail_common .section11_wrap .s8_head {
        padding-bottom: 39px;
        text-align: center;
    }
    
    .product_detail_common .section11_wrap .review_con {
      display: flex;
      align-items: flex-start;
    }
    
    .product_detail_common .section11_wrap .review_con .left_con {
      width:700px;
      margin-right: 40px;
    }
    
    .product_detail_common .section11_wrap .review_write {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        border-bottom:1px solid #bbbbbb;
    }
    
    .product_detail_common .section11_wrap .review_title .title_img {
      display: inline-block;
      width:24px;
      height: 24px;
      vertical-align: bottom;
    }
    
    .product_detail_common .section11_wrap .review_title .span {
        display: inline-block;
        margin-left: 10px;
    }
    
    
    
    .product_detail_common .section11_wrap .review_box .ul .list {
      width: 700px;
      margin-top: 20px;
      padding: 21px 40px 19px;
      border-radius: 10px;
      background-color: #fafafa;
    }
    
    .product_detail_common .section11_wrap .review_box_bottom {
      position: relative;
    }
    
    .product_detail_common .section11_wrap .review_box_bottom .more_btn {
      
      
      position: absolute;
      right:0%;
      top:0%;
      z-index:0;
    }
    
    .review_box_bottom_customer {
      width:100%;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      max-height: 48px;
      word-break: break-all;
      cursor: pointer;
    }
    
    .text_clicked {
      display: block;
      overflow: visible;
      max-height: inherit;
    }
    
    .review_box .more_btn {
      width: 63px;
      height: 21px;
      background:none;
      border:none;
    }
    
    .product_detail_common .section11_wrap .review_box_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 18px;
    }
    
    
    .product_detail_common .section11_wrap .review_box_top .user_information {
      margin-right: 23px;
    }
    .product_detail_common .section11_wrap .review_box_top .user_information .span {
      font-size: 16px;
      font-weight: bold;
      line-height: 26px;
      text-align: left;
      color: #333333;
      display: inline;
    }
    
    
    
    
    .product_detail_common .section11_wrap .review_box_top .re_sns .link {
      display: inline-block;
      width:20px;
      height: 20px;
      vertical-align:bottom;
      margin-right: 10px;
    }
    
    .product_detail_common .section11_wrap .review_box_top .titme_ {
      margin-left: 20px;
    }
    
    .product_detail_common .section11_wrap .review_box_top .titme_ .span {
      font-size: 16px;
      line-height: 26px;
      text-align: left;
      color: #bbbbbb;
    }
    
    .product_detail_common .section11_wrap .review_box_top .user_review_info {
      display: flex;
      align-items: center;
    }
    
    .product_detail_common .section11_wrap .review_box_top .em_star {
      display: inline-block;
      width:20px;
      height: 20px;
      margin-right: 10px;
      vertical-align: text-bottom;
    }
    
    .product_detail_common .section11_wrap .left_con .pagenation .ul {
      display: flex;
      justify-content: center;
    }
    
    .product_detail_common .section11_wrap .left_con .pagenation .ul .span {
      display: inline-block;
      margin:0px 5px;
      font-size: 18px;
      line-height: 28px;
      text-align: center;
      color: #333333;
    }
    
    .product_detail_common .section11_wrap .left_con .pagenation .ul .span.on_ {
      font-weight: bold;
      color:#203465;
    }
    
    
    .product_detail_common .section11_wrap .right_con .s8_head{  
      text-align: left;
    }
    
    .product_detail_common .section11_wrap .right_con .progress {
      border-radius: 10px; 
      width:346px;
      height: 10px;
      vertical-align: middle;
      margin:0 19px;
    }
    .product_detail_common .section11_wrap .right_con .progress::-webkit-progress-bar {
      background-color: #eaeaea;
      border-radius: 10px;
      border:none;
    }
    .product_detail_common .section11_wrap .right_con .progress::-webkit-progress-value {
      background-color: #7497e1;
      border-radius: 10px;
    }
    
    
    .product_detail_common .section11_wrap .right_con .con_desc {
        display: flex;
        align-items: center;
    }
    
    .product_detail_common .section11_wrap .right_con {
        width:664px;
        padding-left: 40px;
      border-left: 1px solid #bbbbbb;
    }
    
    .product_detail_common .section11_wrap .right_con_wrap .em_star {
      display: inline-block;
      width:20px;
      height: 20px;
      margin-right:10px;
      vertical-align: text-bottom;
    }
    
    .product_detail_common .section11_wrap .right_con_wrap .em_star:last-child {
        margin:0px;
    }
    
    .product_detail_common .section11_wrap .right_con_wrap .ul .list {
      margin-bottom: 36px;
    }
    
    
    
    
    
    
          /* as1 페이지  */
    
    .matt_as1 .section1 .title_span,
    .matt_as2 .section1 .title_span,
    .matt_as3 .section1 .title_span,
    .matt_as4 .section1 .title_span,
    .matt_as5 .section1 .title_span,
    .hybrid_matt_as2 .section1 .title_span,
    .hybrid_matt_as3 .section1 .title_span,
    .hybrid_matt_as5 .section1 .title_span {
        display: block;
        margin-bottom:30px;
    }
    
    .matt_as1 .simple_desc_img,
    .matt_as2 .simple_desc_img,
    .matt_as3 .simple_desc_img,
    .matt_as4 .simple_desc_img,
    .matt_as5 .simple_desc_img,
    .hybrid_matt_as2 .simple_desc_img,
    .hybrid_matt_as3 .simple_desc_img,
    .hybrid_matt_as5 .simple_desc_img {
        width:60px;
        height: 46px;
    }
    
    .matt_as1 .simple_desc_wrap,
    .matt_as2 .simple_desc_wrap,
    .matt_as3 .simple_desc_wrap,
    .matt_as4 .simple_desc_wrap,
    .matt_as5 .simple_desc_wrap,
    .hybrid_matt_as2 .simple_desc_wrap,
    .hybrid_matt_as3 .simple_desc_wrap,
    .hybrid_matt_as5 .simple_desc_wrap{
    
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .matt_as1 .simple_desc_wrap .dl div,
    .matt_as2 .simple_desc_wrap .dl div,
    .matt_as3 .simple_desc_wrap .dl div,
    .matt_as4 .simple_desc_wrap .dl div,
    .matt_as5 .simple_desc_wrap .dl div,
    .hybrid_matt_as2 .simple_desc_wrap .dl div,
    .hybrid_matt_as3 .simple_desc_wrap .dl div,
    .hybrid_matt_as5 .simple_desc_wrap .dl div {
        display: flex;
    }
    
    .matt_as1 .title_ .white_span_12px,
    .matt_as2 .title_ .white_span_12px,
    .matt_as3 .title_ .white_span_12px,
    .matt_as4 .title_ .white_span_12px,
    .matt_as5 .title_ .white_span_12px,
    .hybrid_matt_as2 .title_ .white_span_12px,
    .hybrid_matt_as3 .title_ .white_span_12px,
    .hybrid_matt_as5 .title_ .white_span_12px {
        
        display: block
    }
    
    .matt_as1 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .matt_as2 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .matt_as3 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .matt_as4 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .matt_as5 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .hybrid_matt_as2 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .hybrid_matt_as3 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1),
    .hybrid_matt_as5 .simple_desc_wrap .dl div .blue_span_14:nth-child(2n+1) {
        margin-left: 20px;
    }
    
    
    .matt_as1 .section2_wrap .top_img_wrap,
    .matt_as2 .section2_wrap .top_img_wrap,
    .matt_as3 .section2_wrap .top_img_wrap,
    .matt_as4 .section2_wrap .top_img_wrap,
    .matt_as5 .section2_wrap .top_img_wrap,
    .hybrid_matt_as2 .section2_wrap .top_img_wrap,
    .hybrid_matt_as3 .section2_wrap .top_img_wrap,
    .hybrid_matt_as5 .section2_wrap .top_img_wrap {
        height: 429px;
        display: flex;
        justify-content: space-between;
        align-content: flex-end;
        align-items: inherit;
    }
    
    .matt_as1 .section2_wrap .top_img_wrap .left_icon,
    .matt_as1 .section2_wrap .top_img_wrap .right_icon,
    .matt_as2 .section2_wrap .top_img_wrap .left_icon,
    .matt_as2 .section2_wrap .top_img_wrap .right_icon, 
    .matt_as3 .section2_wrap .top_img_wrap .left_icon,
    .matt_as3 .section2_wrap .top_img_wrap .right_icon, 
    .matt_as4 .section2_wrap .top_img_wrap .left_icon,
    .matt_as4 .section2_wrap .top_img_wrap .right_icon, 
    .matt_as5 .section2_wrap .top_img_wrap .left_icon,
    .matt_as5 .section2_wrap .top_img_wrap .right_icon,
    .hybrid_matt_as2 .section2_wrap .top_img_wrap .left_icon,
    .hybrid_matt_as2 .section2_wrap .top_img_wrap .right_icon, 
    .hybrid_matt_as3 .section2_wrap .top_img_wrap .left_icon,
    .hybrid_matt_as3 .section2_wrap .top_img_wrap .right_icon, 
    .hybrid_matt_as5 .section2_wrap .top_img_wrap .left_icon,
    .hybrid_matt_as5 .section2_wrap .top_img_wrap .right_icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .matt_as1 .section2_wrap .img_wrap .desc_p,
    .matt_as2 .section2_wrap .img_wrap .desc_p,
    .matt_as3 .section2_wrap .img_wrap .desc_p,
    .matt_as4 .section2_wrap .img_wrap .desc_p,
    .matt_as5 .section2_wrap .img_wrap .desc_p,
    .hybrid_matt_as2 .section2_wrap .img_wrap .desc_p,
    .hybrid_matt_as3 .section2_wrap .img_wrap .desc_p,
    .hybrid_matt_as5 .section2_wrap .img_wrap .desc_p {
    
    
        font-size: 18px;
        font-weight: bold;
        line-height: 18px;
        text-align: center;
        color: #203465;
    }
    
    .matt_as .section2_wrap .top_img_wrap,
    .matt_as2 .section2_wrap .top_img_wrap,
    .matt_as3 .section2_wrap .top_img_wrap,
    .matt_as4 .section2_wrap .top_img_wrap,
    .matt_as5 .section2_wrap .top_img_wrap,
    .hybrid_matt_as2 .section2_wrap .top_img_wrap,
    .hybrid_matt_as3 .section2_wrap .top_img_wrap,
    .hybrid_matt_as5 .section2_wrap .top_img_wrap {
        margin-bottom: 80px;
    }
    
    
    
    /* as5 페이지  */
    .matt_as5 .common_section_wrap .sec_06 {
        padding:100px 0px 150px 0px;
    }
        .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box {
            align-items: inherit;
        }
    .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
        height: inherit;
        padding:73px 0px 0px 30px;
    }
    .matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
        line-height: 26px;
        margin-bottom: 27px;
    }
    
    /* hybrid matt as2 영역  */
    .hybrid_matt_as2 .common_section_wrap .sec_06,
    .hybrid_matt_as3 .common_section_wrap .sec_06,
    .hybrid_matt_as5 .common_section_wrap .sec_06 {
        background: #d0d0d0;
        padding: 100px 0px;
    }
    
        
    .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box,
    .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box,
    .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box {
        width:100%;
        max-width: 1920px;
        margin:0 auto;
        display: flex;
        align-items: inherit;
    }
    
    .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
    .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
    .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
        height: inherit;
        padding-left: 30px;
    }
    
    .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
    .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc,
    .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_box .con_desc {
        height: inherit;
        padding: 68px 0px 0px 30px;
    
    }
    .hybrid_matt_as2 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px,
    .hybrid_matt_as3 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px,
    .hybrid_matt_as5 .common_section_wrap .sec_06 .con_box_wrap .con_desc .dark_span_16px {
        line-height: 26px;
        margin-bottom: 30px;
    }
    
/* 매트리스 공통 영역 끝  */

/* 매트리스 규격 페이지 시작 영역 싱글, 퀸, 킹 , 라지킹  */

/* common 영역  */
.matt_dimensions .m_con_wrap,
.matt_dimensions .m_bottom_text,
.matt_dimensions .m_s_table,
.matt_dimensions .m_review_box,
.matt_dimensions .img_swiper {
  display: none;
}
section {
    width:100%;
    max-width: 1920px;
    margin:0 auto;
}
.matt_dimensions .button {
    width: 205px;
    height: 50px;
    padding: 15px 70px;
    border: solid 1px #203465;
    background-color: #ffffff;
}

 /* 리뷰 영역  */
.common_con_box-review {
    text-align: center;
}
    .common_con_box-review .blue_span_bold_line30 {
        text-align: center;
    }
    
    .common_con_box-review .sec_01{
        width:100%;
        max-width: 1316px;
        margin:0 auto;
        padding:120px 0px 150px 0px;
    }
    
    .common_con_box-review .sec_01 .con_box_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 60px;
    }
    
    .common_con_box-review .sec_01 .con_box_img {
    width:249px;
    height: 100px;
    }


  


/* 숙면을 이미지 영역 */
.common_con_box {
    width:100%;
    background: linear-gradient(to bottom, #fafafa, #fafafa 600px,#ffffff 600px);
    padding:100px 0px;
}
.common_con_box .con_box_wrap {
width:100%;
max-width: 1316px;
margin:0 auto;

}

.common_con_box .line_ {
    width:1px;
    height: 100%;
    border-left: 1px solid #bbbbbb;
    padding:47px 0px;
}

.common_con_box .con_box {
    display: flex;
    justify-content: space-between;
}
.common_con_box .con_box .con_box_left{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}

.common_con_box .con_box-text .dark_span_nobold18{
    margin-bottom: 47px;

}

.common_con_box .con_box-img {
    width:658px;
}

.common_con_box .bottom_text {
    padding-top: 40px;
}

.common_con_box .bottom_text .button {
    display: block;
    width: 205px;
    height: 50px;
    padding: 12px 0px;
    border: solid 1px #203465;
    background-color: #fbfbfe;
    text-align: center;
    margin-top: 20px;
}
.common_con_box .con_box .con_box_left .blue_span_bold30{
    display: inline-block;
    padding:32px 0px;
}
.common_con_box .con_box .con_box_right .blue_span_nobold30 {
    margin:62px 0px 32px 0px;
}

/* common 영역 끝 */


/* section1_wrap 영역 시작  */

.matt_dimensions .section1_wrap .con_box_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.matt_dimensions .section1_wrap .con_box_left-img {
    width:100%;
    max-width: 500px;
}

.matt_dimensions .section1_wrap .con_box_center {
    text-align: right;
    margin-left: -45px;
}
.matt_dimensions .section1_wrap .con_box_center .dark_span_nobold22 {
    display: inline-block;
    margin: 22px 0px 60px 0px;
}

.matt_dimensions .section1_wrap .con_box_center-img {
    width:100%;
    max-width: 500px;
}

.matt_dimensions .section1_wrap .con_box_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding:20px 278px 100px 0px;
    border-top: 1px solid #203465;
}

.matt_dimensions .section1_wrap .con_box_right .h1 {
    font-family: 'Eina01',sans-serif;
    font-size: 100px;
    font-weight: bold;
    line-height: 140px;
    text-align: right;
    color: #203465;
    padding-bottom: 43px;
} 

.matt_dimensions .section1_wrap .con_box_right .e_blue_span_bold30 {
    padding:20px 0px 30px 0px;
    display: flex;
}


/* 아메리슬리 슈퍼싱글은 누구에게 맞을까요? section4_wrap 영역 시작  */
.matt_dimensions .section4 {
    width:100%;
    max-width: inherit;
    padding: 95px 0px 68px 0px;
    background:#fbfbfe;
}

.matt_dimensions .section4 .section4_wrap {
    width:100%;
    max-width: 1316px;
    padding:0px 81px;
    margin:0 auto;
}
.matt_dimensions .section4 .section4_wrap .con_title {
    text-align: center;
    margin-bottom: 80px;
}

.matt_dimensions .section4 .section4_wrap .con_title span {
  text-align: center;
}

.matt_dimensions .section4 .section4_wrap .con_box_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.matt_dimensions .section4_wrap .con_box {
display: flex;
align-items: center;
margin-bottom: 80px;
}

.matt_dimensions .section4_wrap .con_box:nth-child(2n) {
    padding-left: 200px;
}

.matt_dimensions .section4_wrap .con_box .con_img {
    width:100%;
    max-width: 100px;
    height: auto;
}

.matt_dimensions .section4_wrap .con_box .line_ {
    width:340px;
    
    height: 1px;
    border-top: 1px solid #bbbbbb;
    margin:20px 0px;
}

.matt_dimensions .section4_wrap .con_box .con_text {
    margin-left: 30px;
}

.matt_dimensions .section4_wrap .con_box .con_text .dark_span_Li_16px {
    text-align: left;
}


/* 얼마를 소비해야 할까요 section5_wrap 섹션  */
/* single size section 영역  */
 
.matt_dimensions .section5{
    width:100%;
    max-width: inherit;
    padding:200px 0px 100px 0px;
    background: linear-gradient(to bottom, #ffffff, #ffffff 541px,#fafafa 541px);
    margin-bottom: 180px;
}

.queen_matt .section5 {
  width:100%;
  max-width: inherit;
  padding:200px 0px 100px 0px;
  background: linear-gradient(to bottom, #ffffff, #ffffff 420px,#fafafa 420px);
  margin-bottom: 180px;
}

.matt_dimensions .section5_wrap,
.queen_matt .section5_wrap {
    width: 100%;
    max-width: 1316px;
    margin:0 auto;
}

.matt_dimensions .section5_wrap .con_box_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.queen_matt .section5_wrap .con_box_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.matt_dimensions .section5_wrap .con_title {
    padding-bottom:61px;
    text-align: center;
}

.queen_matt .section5_wrap .con_title {
  padding-bottom:81px;
}
.matt_dimensions .section5_wrap .con_box_img_as3,
.queen_matt .section5_wrap .con_box_img_as3 {
    width:100%;
    max-width:638px
}


.matt_dimensions .section5_wrap .con_box_img_as5,
.queen_matt .section5_wrap .con_box_img_as5 {
    width:100%;
    max-width:638px
}

.queen_matt .section5_wrap .con_box_img_as5 {
  margin-top: 40px;
}

.matt_dimensions .section5_wrap .con_box_text {
    padding-top: 60px;
}
.matt_dimensions .section5_wrap .con_box_text p {
    margin-bottom:31px;
    line-height: 32px;
}

.queen_matt .section5_wrap .con_box_text p {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.36px;
  text-align: left;
  color: #333333;
  margin-top:21px;
}

.king_matt .section5_wrap .con_box:last-child,
.large_matt .section5_wrap .con_box:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


/* 매트리스 가격을 높이는 일반적인 기술들 section6_wrap 섹션  */
.matt_dimensions .section6 {
    padding-bottom: 181px;
}
.matt_dimensions .section6_wrap {
    width:100%;
    max-width: 1316px;
    margin:0 auto;
}

.matt_dimensions .section6_wrap .con_box_wrap {
display: flex;
align-items: center;
justify-content: space-between;
}


.matt_dimensions .section6_wrap .con_box_wrap .con_box_text .dark_span_nobold18 {
    padding-top: 42px;
    text-align: left;
}

.matt_dimensions .section6_wrap .con_box_ul {
    display: flex;
    text-align: center;
    
}

.matt_dimensions .section6_wrap .con_box_ul .ul {
    flex-grow:1;
    border-right:1px solid #dddddd;
}


.matt_dimensions .section6_wrap .con_box_ul .ul:last-child {
    border:none;
}

.matt_dimensions .section6_wrap .con_box_ul .list {
    width:230px;
    height: 60px;
    padding: 18px 0px;
    border-bottom: 1px solid #dddddd;
}
.matt_dimensions .section6_wrap .sub_title {
    background:#fafafa;
}

.matt_dimensions .section6_wrap .con_box_ul .list_title {
    background:#203465;
    color:#ffffff;
}



/*--------매트리스 사이즈 영역 시작-----------------------  */

 .matt_dimensions .section7 {
    width: 100%;
    padding: 82px 302px 100px;
    background: #fbfbfe;
  }
  
 .matt_dimensions .section7 .section7_wrap {
    width: 100%;
    max-width: 1316px;
    margin: 0 auto;
  }
  
 .matt_dimensions .section7 .section7_wrap .title_ {
    text-align: center;
  }
  
 .matt_dimensions .section7 .section7_wrap .blue_span_bold24 {
    display: block;
    margin-bottom: 22px;
  }
  
 .matt_dimensions .section7 .top_con .content_warp {
    display: flex;
    justify-content: space-evenly;
    margin-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #bbbbbb;
  }
  
 .matt_dimensions .section7 .content_warp .con_box {
    text-align: center;
  }
  
 .matt_dimensions .section7 .content_warp .con_box>.span {
    display: inline-block;
    padding-top: 32px;
  }
  
 .matt_dimensions .section7 .top_con .single_box {
    width: 120.5px;
    height: 220.5px;
    background: none;
    border-radius: 5px;
  }
  
 .matt_dimensions .section7 .top_con .single_box,
 .matt_dimensions .section7 .top_con .queen_box,
 .matt_dimensions .section7 .top_con .king_box,
 .matt_dimensions .section7 .top_con .large_king_box {
    height: 220.5px;
  }
  
 .matt_dimensions .section7 .inner_box {
    background: #ffffff;
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 5px;
  }
  
 .matt_dimensions .section7 .single_box .inner_box {
    width: 110px;
    height: 203px;
  
  }
  
 .matt_dimensions .section7 .queen_box .inner_box {
    width: 153px;
    height: 203px;
  
  }
  
 .matt_dimensions .section7 .king_box .inner_box {
    width: 163px;
    height: 203px;
  
  }
  
 .matt_dimensions .section7 .large_king_box .inner_box {
    width: 183px;
    height: 203px;
  
  }
  
  
 .matt_dimensions .section7 .h_box,
 .matt_dimensions .section7 .w_box {
    position: absolute;
  }
  
 .matt_dimensions .section7 .w_box {
    width: 100%;
    height: 1px;
    left: 0%;
    bottom: -17px;
    background: #bbbbbb;
  }
  
 .matt_dimensions .section7 .h_box {
    width: 1px;
    height: 100%;
    right: -10px;
    top: 0%;
    background: #bbbbbb;
  }
  
 .matt_dimensions .section7 .h_box .span {
    position: absolute;
    top: 50%;
    transform: translate(-5%, -50%);
    display: inline-block;
    height: 42px;
    background: #fbfbfe;
    padding: 10px 10px 10px 0px;
  }
  
 .matt_dimensions .section7 .w_box .span {
    position: absolute;
    display: block;
    width: 50px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fbfbfe;
  }
  
  
  /* bottom 영역 */
  
 .matt_dimensions .section7 .bottom_con {
    padding-top: 82px;
  }
  
 .matt_dimensions .section7 .bottom_con .inner_box {
    background: #ffffff;
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 5px;
  }
  
 .matt_dimensions .section7 .bottom_con .single_box .inner_box {
    width: 60px;
    height: 100px;
  
  }
  
 .matt_dimensions .section7 .bottom_con .queen_box .inner_box {
    width: 80px;
    height: 110px;
  
  }
  
 .matt_dimensions .section7 .bottom_con .king_box .inner_box {
    width: 110px;
    height: 120px;
  
  }
  
 .matt_dimensions .section7 .bottom_con .large_king_box .inner_box {
    width: 130px;
    height: 140px;
  
  }
  
 .matt_dimensions .section7 .bottom_con .content_warp {
    display: flex;
    justify-content: space-evenly;
    padding-top: 60px;
  }
  
 .matt_dimensions .section7 .bottom_con .con_box {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    text-align: left;
  }
  
 .matt_dimensions .section7 .bottom_con .content_warp .span {
    display: block;
    padding-left: 20px;
  }
  
 .matt_dimensions .section7 .bottom_con .blue_bold18_ {
    text-align: left;
  }
 .matt_dimensions .section7 .inner_box.on_active,
 .matt_dimensions .section7 .bottom_con .inner_box.on_active {
      border:3px solid #203465;
  }

 .matt_dimensions .section7 .inner_box.on_active,
 .matt_dimensions .section7 .bottom_con .inner_box.on_active {
      border:3px solid #203465;
  }


   /* 매트리스 박스포장 섹션  */
   .matt_dimensions .section8 {
    display: flex;
    justify-content: flex-end;
    padding:180px 0px 150px 0px;
   }
   .matt_dimensions .section8_wrap {
    width:100%;
    max-width: 1618px;

   }

   .matt_dimensions .section8_wrap .con_box_wrap {
       display: flex;
       justify-content: space-between;
       align-items: flex-end;
   }

   .matt_dimensions .section8_wrap .con_box_text .blue_span_bold30 {
       display: inline-block;
        padding-bottom: 42px;   
   }

   .matt_dimensions .section8_wrap .con_box_text p {
       padding-bottom: 20px;
   }

   .matt_dimensions .section8_wrap .con_box_text .blue_bold18_ {
       line-height: 32px;
       text-align: left;
   }

   .matt_dimensions .section8_wrap .con_box_img {
       width:100%;
       max-width: 958px;
   }

/* 배송 표 섹션 section9_wrap  */
   .matt_dimensions .section9_wrap {
       width:100%;
       max-width: 1316px;
       margin:0 auto;
   }

   .matt_dimensions .section9_wrap .con_box_wrap {
       display: flex;
       justify-content: space-between;
   }

   .matt_dimensions .section9_wrap .con_box_wrap .con_box {
       flex-grow: 1;
   }



   .matt_dimensions .section9_wrap .con_box_wrap .list {
    width: 638px;
    height: 60px;
    padding: 18px 0px;
    background-color: #fbfbfe;
    border-bottom: 1px solid #dddddd;
    text-align: center;
   }

   .matt_dimensions .section9_wrap .con_box_wrap .list:nth-child(2n) {
       background:#ffffff;
   }

   .matt_dimensions .section9_wrap .con_box_wrap .list_title {
    border-bottom: 1px solid #707070;
    background:none;
}

  .matt_dimensions .section9_wrap .con_box_wrap .con_box:first-child .list_title:first-child {
    border-bottom: 1px solid #203465;
    color:#203465;
    font-weight: bold;
}




/* 10qjs -0sssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

/* 자주 묻는 질문 qna 영역  */
.matt_dimensions .section10_wrap,
.matt_dimensions .section13_wrap {
    width:100%;
    max-width: 1316px;
    margin:0 auto;
    padding:180px 0px;
}
  
.matt_dimensions .section10_wrap .content_qustion,
.matt_dimensions .section13_wrap .content_qustion {
    padding: 40px;
    font-size: 1.2rem;
    border-top: 1px solid #bbbbbb;
    
    position: relative;
    cursor: pointer;
  }
  
  
  .matt_dimensions .section10_wrap .content_qustion_wrap,
  .matt_dimensions .section13_wrap .content_qustion_wrap {
    position: relative;
  
  }

  .matt_dimensions .section10_wrap .content_qustion_wrap .q_title,
  .matt_dimensions .section13_wrap .content_qustion_wrap .q_title {
      font-weight: bold;
  }

  .matt_dimensions .section13_wrap .mini_qna .ul {
      border-bottom: 1px solid #dddddd;
  }
  
  .matt_dimensions .section10_wrap .content_qustion_wrap::after,
  .matt_dimensions .section13_wrap .content_qustion_wrap::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotateZ(0deg);
    background: url("../img/right-arrow_24.png") no-repeat;
    background-size: contain;
  }
  
  .matt_dimensions .section10_wrap .content_answer {
    cursor: pointer;
    display: none;
    margin-bottom: 40px;
    padding:40px 0px 60px 40px;
    border-bottom: 1px solid #bbbbbb;
  }

  .matt_dimensions .section13_wrap .content_answer {
    cursor: pointer;
    display: none;
    margin-bottom: 40px;
    padding:40px 0px 40px 40px;
    border-bottom:none;
  }

  .queen_matt .section13_wrap .content_answer {
    cursor: pointer;
    display: none;
    margin-bottom: 40px;
    padding:20px 0px 40px 40px;
    border-bottom:none;
  }
  
  .matt_dimensions .section10_wrap .content_answer_wrap,
  .matt_dimensions .section13_wrap .content_answer_wrap {
    font-size: 1.2rem;
  }

  .matt_dimensions .section10_wrap .content_answer_wrap {
    display:block;
  }
  
  .matt_dimensions .section10_wrap .q_title {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #203465;
  }
  
  .matt_dimensions .section10_wrap .a_desc{
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #333333;
  }

  .matt_dimensions .section10_wrap .blue_bold18_,
  .matt_dimensions .section13_wrap .blue_bold18_ {
      display: inline-block;
      margin:32px 0px 82px 0px;
  }


  .matt_dimensions .section10_wrap .con_table{
      text-align: center;
  }

  .matt_dimensions .section10_wrap .con_table .span {
      display: inline-block;
      padding: 60px 0px;
  }



  
.matt_dimensions .section10_wrap .con_box_ul {
    display: flex;
    text-align: center;
    
}

.matt_dimensions .section10_wrap .con_box_ul .ul {
    flex-grow:1;
    border-right:1px solid #dddddd;
}


.matt_dimensions .section10_wrap .con_box_ul .ul:last-child {
    border:none;
}

.matt_dimensions .section10_wrap .con_box_ul .list {
        height: 80px;
    padding: 18px 0px;
    border-bottom: 1px solid #dddddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.matt_dimensions .section10_wrap .sub_title {
    background:#fafafa;
}

.matt_dimensions .section10_wrap .con_box_ul .list_title {
    height: 60px;
    background:#203465;
    color:#ffffff;
}

/* 아메리슬립 내부구조는 어떤가요? 영역  */
.matt_dimensions .section11_wrap {
    width:100%;
    max-width: 1316px;
    margin:0 auto;
}

.matt_dimensions .section11_wrap .con_title span {
    text-align: center;
}

.matt_dimensions .section11_wrap .con_title p {
    margin:22px 0px 60px 0px;
    text-align: center;
}

.matt_dimensions .section11_wrap .con_box_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.matt_dimensions .section11_wrap .con_box {
    margin-bottom: 30px;
}

.matt_dimensions .section11_wrap .con_box>div {
    display: flex;
    align-items: center;
}

.matt_dimensions .section11_wrap .con_img {
    width:100%;
    height: auto;
    max-width: 130px;
    margin-right:30px;
}

.matt_dimensions .section11_wrap .con_img_right {
    width:100%;
    max-width: 658px;
}




/* section12 영역  */
  /* 리뷰 영역  */
  /* section8_wrap 영역  */
  .matt_dimensions .section12_wrap {
    width:100%;
    max-width: 1364px;
    margin:0 auto;
    padding-top: 188px;
}

.matt_dimensions .section12_wrap .s8_head {
    padding-bottom: 39px;
    text-align: center;
}

.matt_dimensions .section12_wrap .s8_head .span {
  font-size: 30px;
  color:#203465;
  font-weight: bold;
}

.matt_dimensions .section12_wrap .review_con {
  display: flex;
  align-items: flex-start;
}

.matt_dimensions .section12_wrap .review_con .left_con {
  width:700px;
  margin-right: 40px;
}

.matt_dimensions .section12_wrap .review_write {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom:1px solid #bbbbbb;
}

.matt_dimensions .section12_wrap .review_title .title_img {
  display: inline-block;
  width:24px;
  height: 24px;
  vertical-align: bottom;
}

.matt_dimensions .section12_wrap .review_title .span {
    display: inline-block;
    margin-left: 10px;
}


.matt_dimensions .section12_wrap .review_box{

}

.matt_dimensions .section12_wrap .review_box .ul .list {
  width: 700px;
  margin-top: 20px;
  padding: 21px 40px 19px;
  border-radius: 10px;
  background-color: #fafafa;
}

.matt_dimensions .section12_wrap .review_box_bottom {
  position: relative;
}

.matt_dimensions .section12_wrap .review_box_bottom .more_btn {
  
  
  position: absolute;
  right:0%;
  top:0%;
  z-index:0;
}

.review_box_bottom_customer {
  width:100%;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-height: 48px;
  word-break: break-all;
  cursor: pointer;
}

.text_clicked {
  display: block;
  overflow: visible;
  max-height: inherit;
}

.review_box .more_btn {
  width: 63px;
  height: 21px;
  background:none;
  border:none;
}

.matt_dimensions .section12_wrap .review_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}


.matt_dimensions .section12_wrap .review_box_top .user_information {
  margin-right: 23px;
}
.matt_dimensions .section12_wrap .review_box_top .user_information .span {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
  color: #333333;
}




.matt_dimensions .section12_wrap .review_box_top .re_sns .link {
  display: inline-block;
  width:20px;
  height: 20px;
  vertical-align:bottom;
  margin-right: 10px;
}

.matt_dimensions .section12_wrap .review_box_top .titme_ {
  margin-left: 20px;
}

.matt_dimensions .section12_wrap .review_box_top .titme_ .span {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #bbbbbb;
}

.matt_dimensions .section12_wrap .review_box_top .user_review_info {
  display: flex;
  align-items: center;
}

.matt_dimensions .section12_wrap .review_box_top .em_star {
  display: inline-block;
  width:20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: text-bottom;
}

.matt_dimensions .section12_wrap .left_con .pagenation .ul {
  display: flex;
  justify-content: center;
}

.matt_dimensions .section12_wrap .left_con .pagenation .ul .span {
  display: inline-block;
  margin:0px 5px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #333333;
}

.matt_dimensions .section12_wrap .left_con .pagenation .ul .span.on_ {
  font-weight: bold;
  color:#203465;
}


.matt_dimensions .section12_wrap .right_con .s8_head{  
  text-align: left;
  font-size: 30px;
  color:#203465;
  font-weight: bold;
}

.matt_dimensions .section12_wrap .right_con .progress {
  border-radius: 10px; 
  width:346px;
  height: 10px;
  vertical-align: middle;
  margin:0 19px;
}
.matt_dimensions .section12_wrap .right_con .progress::-webkit-progress-bar {
  background-color: #eaeaea;
  border-radius: 10px;
  border:none;
}
.matt_dimensions .section12_wrap .right_con .progress::-webkit-progress-value {
  background-color: #7497e1;
  border-radius: 10px;
}


.matt_dimensions .section12_wrap .right_con .con_desc {
    display: flex;
    align-items: center;
}

.matt_dimensions .section12_wrap .right_con {
    width:664px;
    padding-left: 40px;
  border-left: 1px solid #bbbbbb;
}

.matt_dimensions .section12_wrap .right_con_wrap .em_star {
  display: inline-block;
  width:20px;
  height: 20px;
  margin-right:10px;
  vertical-align: text-bottom;
}

.matt_dimensions .section12_wrap .right_con_wrap .em_star:last-child {
    margin:0px;
}

.matt_dimensions .section12_wrap .right_con_wrap .ul .list {
  margin-bottom: 36px;
}




/* ---------------------------------------section 13 질문 영역 ------------------------ */
.matt_dimensions .section13_wrap .mini_qna .blue_span_bold30 {
    display: inline-block;
    margin-bottom: 20px;
}


.matt_dimensions .section13_wrap .con_table{
    text-align: center;
    margin-top: 30px;
}

.matt_dimensions .section13_wrap .con_table .span {
    display: inline-block;
    padding-bottom: 60px;
}


.matt_dimensions .section13_wrap .con_box_ul {
  display: flex;
  text-align: center;
  
}

.matt_dimensions .section13_wrap .con_box_ul .ul {
  border-right:1px solid #dddddd;
}


.matt_dimensions .section13_wrap .con_box_ul .ul:last-child {
  border:none;
}

.matt_dimensions .section13_wrap .con_box_ul .list {
    width:230px;
      height: 60px;
  padding: 18px 0px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.king_matt .section13_wrap .con_box_ul .list {
  width:226px;
    height: 206px;
padding: 18px 0px;
border-bottom: 1px solid #dddddd;
}



.matt_dimensions .section13_wrap .sub_title {
  background:#fafafa;
}

.king_matt .section13_wrap .con_box_ul .list_title {
  height: 60px;
  background:#203465;
  color:#ffffff;
  text-align: center;
}

.king_matt .section13_wrap .con_box_ul .ul:first-child .list{
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  
}

.king_matt .section13_wrap .con_box_ul .ul:first-child .list:not(.list:nth-child(1)){
  background:#fafafa;
  color:#203465;
  font-weight: bold;
}

.king_matt .section13_wrap .con_box_ul .ul:not(.ul:first-child) .list:not(.list:nth-child(1)){
  background:#ffffff;
  text-align: left;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  padding-left: 20px;
  
}

.king_matt .section13_wrap .second_table .ul .list {
  height: 60px;
  text-align: center;
  
}

.king_matt .section13_wrap .second_table .ul:not(.ul:first-child) .list:not(.list:nth-child(1)){
  
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
}

.king_matt .section13_wrap .con_table {
  margin-bottom: 60px;
}

.king_matt .section13_wrap .blue_bold18_29li {
  display:block;
  margin-bottom: 20px;
  text-align: left;
}

.king_matt .section13_wrap .dark_span_Li_16px {
  display: inline-block;
  text-align: left;
  margin-bottom:23px;
}


/* 매트리스 규격 페이지 시작 영역 싱글, 퀸, 킹, 라지킹 끝  */


/* 7/23 추가 페이지  */
/* 팝업 공통 */

.popup {
  width:100vw;
  height: 100vh;
  background:rgba(0, 0, 0, 0.5);
  position: fixed;
  top:0%;
  left:0%;
display: none;

}

.popup_conwrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup .popup_con {
  width:415px;
  height: 204px;
  background:#ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 큰사이즈 팝업  */
.alert_resend_complete .popup_con,
.alert_resend_check .popup_con {
width:616px;
height: 284px;

}




.popup .login_fail {
  font-size: 16px;
}

.popup .popcheck_btn,
.pop_cancle_btn {
  display: block;
  width:254px;
  height: 50px;
  background:#203465;
  color:#ffffff;
  border:none;
  margin-top: 40px;
}



/* 팝업 공통 끝 */

/* 아이디 찾기 영역 시작 */

.message_wrap {
  padding-top: 62px;
  text-align: center;
}

.realUserID {
  display: inline-block;
  padding-bottom: 43px;
}

.realUserID strong {
  color:#203465;
} 
.correct_info .link {
  color:#203465;
  text-decoration: underline;
}

/* 회원 정보가 맞지 않을때 */
.notcorrect_info {
  color:#ff6f6f;
  display: none;
}
/* 아이디 찾기 영역 끝*/




/* 비밀번호찾기 영역 */
#findPw .link {
  color:#ffffff;
  }

.verify_con_wrap {
  width: 100%;
}
.verify_con_wrap .popup_con {
width:616px;
height: 400px;
}

.verify_con_wrap .span {
  color:#203465;
  font-weight: bold;
}

.verify_con_wrap .p {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.put_verify_con {
  width: 516px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#fafafa;
  border:1px solid #dddddd;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.put_verify_con .input_verify {
  width:300px;
  height:40px;
  background:#ffffff;
  border:1px solid #dddddd;
}
.input_verify_ipt {
  width: 100%;
  height:100%;
  border:none;
  padding-left: 10px;
}
.resubmit_btn {
  width:88px;
  height:40px;
background:#203465;
color:#ffff;
border:none;
}

.verify_con_wrap .btn_wrap,
.newPw .btn_wrap {
display: flex;
justify-content: space-between;
}

.pop_cancle_btn {
  background:#ffffff;
  color:#203465;
  border:1px solid #203465;
  margin-right: 8px;
}

/* 비밀번호찾기 영역 */



/* 비밀번호찾기 - 인증번호 받기 영역  */
.pw_verify {
  text-align: center;
  padding-top: 100px;
}

.pw_verify .span {
  font-size: 22px;
  line-height: 1.5;
}

.pw_verify .span strong {
  color:#203465;
}

.pw_verify_con {
  width:470px;
  height: 250px;
  border:1px solid #dddddd;
  margin:0 auto;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;

}
.pw_verify_con .p {
  padding-top: 23px;
  padding-bottom: 33px;
}
.pw_verify_con .link {
  color:#203465;
  font-weight: bold;
  text-decoration: underline;
}
/* 비밀번호찾기 - 인증번호 받기 영역 끝 */

/* 인증번호 재전송 영역  */
.alert_resend_check strong{
color:#203465;
}

.alert_resend_check .span:nth-child(2){
  display: inline-block;
  text-align: center;
  padding-top:23px;
}

.alert_resend_check .btn_wrap {
  display: flex;
}


/* 인증번호 재전송 영역 끝 */



/* 비밀번호변경 flow 영역 */
.newPw .popup_con {
  width:616px;
  height: 701px;
  padding-right: 50px;
  padding-left: 50px;
}
.newPw .title_ {
  color:#203465;
  font-weight: bold;
}

.newPw p:nth-child(2) {
  padding-top:23px;
  padding-bottom:50px;
}

.newPw .input_verify {
  position:relative;
}

.newPw .safety {
  width:150px;
  height: 30px;
  position: absolute;
  background:#ffffff;
  border:1px solid #203465;
  z-index: 1;
  left: 10%;
  bottom:-50%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.low_ strong {
  color:#FF6F6F;

}


.middle_ strong {
  color:#7497E1;
}


.high_ strong {
  color:#49C2AE;
}
.newPw .low_,
.newPw .high_
{
  display: none;
}

.newPw .put_verify_con:nth-child(3){
border-bottom:none;
}

.newPw .put_verify_con:nth-child(4){
  border-top:none;
  }
  .newPw p:nth-child(5) {
      padding-top:53px;
      padding-bottom:23px;
      text-align: center;
      color:#203465;
  }    

.newPw p:nth-child(6) {
  text-align:center;
  line-height: 1.5;
}
.newPw .input_verify {

}

/* 새 비밀번호와 새 비밀번호가 일치 할때  팝업*/
.correct_newpw .popup_con,
.nocorrect_newpw .popup_con {
width:616px;
height: 284px;
}
/* 비밀번호변경 flow 영역 끝 */





/* basket_default 영역  */
    /* common */


    /* common END*/
      /* basket_default 영역 - Heading  */
      .basket_default {
        width:100%;
        padding-top:102px;
      }
      
      .basket_default .section1{
        width:100%;
      }
      
      .basket_default .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .basket_default .section1 .container .heading {
        width:71%;
        max-width: 1364px;
        height: 60px;
        margin:0 auto;
        padding-bottom: 21px;
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .basket_default .section1 .container .heading>h2 {
        width:123px;
        height: 53px;
        font-size: 30px;
        font-weight: bold;
        color:#203465;
      } 

      .basket_default .section2 {
        width:100%;
      }

      .basket_default .section2 .container {
        width:71%;
        max-width: 1364px;
        margin: 62px auto 0 auto;
      }


      .basket_default .section2 .container .heading>h3 {
        height: 25px;
        font-size: 18px;
        font-weight: bold;
        color: #203465;
        text-align: left;
        margin-bottom: 20px;
      } 

       /* basket_default 영역 - Title  */
       .basket_default .basket_default_wrap {
        width:100%;
       }

       .basket_default .basket_default_title {
        width:100%;
        height: 50px;
        background:#203465;
        color:#ffffff;
        font-size: 18px;
       }

       .basket_default .basket_default_title .ul {
         width:100%;
         height: 100%;
         display: flex;
         justify-content: space-around;
         align-items: center;
         text-align: center;
       }


      /* basket_default_contents */
      .basket_default_contents {
        width:100%;
        text-align: center;
        
        background:#ffffff;
        border-bottom: 1px solid #203465;
      }

      .basket_default_contents .ul {
        display:flex;
        justify-content: space-around;
      }

      .basket_default_contents .ul .list {
        padding-top:10px;
        padding-bottom:10px;
      }

      .basket_default_contents .empty_massage {
        font-size: 18px;
      }


      /* basket_default 영역  끝 */


      
/* basket_choise 영역  */
    /* common */
  




    /* common END*/
      /* basket_choise 영역 - Heading  */
      .basket_choise .span {
        display:inline;
      }
      .basket_choise .flow_arrow {
        display: inline-block;
        width:18px;
        height: 18px;
        background:url("../img/right-arrow_24.png") no-repeat;
        background-size: contain;
        transform: rotate(-90deg);
      }
      .basket_choise {
        width:100%;
        padding-top:102px;
        background:#fbfbfe;
      }
      
      .basket_choise .section1{
        width:100%;
        /* padding-top: 80px; */
      }
      
      .basket_choise .section1 .container {
        width:100%;
        height: 100%;
      }
      
      .basket_choise .section1 .container .heading {
        width:71%;
        max-width: 1364px;
        height: 60px;
        margin:0 auto;
        padding-bottom: 21px;
        border-bottom: 1px solid #dddddd;
        display: flex;
    justify-content: space-between;
    align-items: baseline;
      }

      
      .basket_choise .section1 .container .heading>h2 {
        width:123px;
        height: 53px;
        font-size: 30px;
        font-weight: bold;
        color:#203465;
      } 

      /* buy_flow 영역 */
      .buy_flow {
        width:71%;
        max-width: 1364px;
        margin:0 auto;
        padding:80px 0px;
      }

      .buy_flow .buy_flow_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        margin:0 auto;
      }


      .buy_flow .buy_flow_wrap div .span:nth-child(1){
          width: 121px;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: -0.55px;
          margin-right: 24px;
          color:#bbbbbb;
      }


      .buy_flow .buy_flow_wrap .order_flow {
        margin:0 30px;
      }

      .basket_choise .section2 {
        width:100%;
      }

      .basket_choise .section2 .container {
        width:71%;
        max-width: 1364px;
        margin:0 auto;
      }

       /* basket_choise 영역 - Title  */
       .basket_choise .basket_choise_wrap {
        width:100%;
       }

       .basket_choise .basket_choise_title {
        width:100%;
        height: 50px;
        background:#203465;
        color:#ffffff;
        font-size: 18px;
       }

       .basket_choise .basket_choise_title .ul {
         width:100%;
         height: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
         text-align: center;
       }

       .basket_choise .basket_choise_title .ul .list {
         font-weight: 300;
       }

       /* Title Li width   */
       .basket_choise_title .ul .choose {
         width:100px;
         height: 100%;
         border-right:1px solid #ffffff;
         padding:12px 0;
       }

       .basket_choise_title .ul .product_info {
        width:608px;
      }

      .basket_choise_title .ul .amount {
        width:207px;
      }

      .basket_choise_title .ul .discount_money {
        width:160px;
      }

      .basket_choise_title .ul .delivery_cost {
        width:130px;
      }

      .basket_choise_title .ul .product_price {
        width:160px;
      }


      

      /* basket_choise_contents */
      .basket_choise_contents {
        width:100%;
        text-align: center;
        background:#ffffff;
        margin-bottom: 60px;
      }

      .basket_choise_contents>.ul {
          width:100%;
      }

      
      .basket_choise_contents>.ul>.list{
        width:100%;
        height: 140px;
        padding:30px 0;
        border-bottom: 1px solid #203465;
    }

    .basket_choise_contents .conents_box {
      height: 100%;
      display: flex;
      align-items: center;
    }

           /* Contents Li width   */
           .basket_choise_contents .conents_checkbox {
            width:100px;
            height: 100%;
            padding:33px 0;
            border-right:1px solid #ffffff;
          }
   
   
          .basket_choise_contents .conents_product_info {
           width:608px;
         }
   
         .basket_choise_contents .conents_amount {
           width:207px;
         }
   
         .basket_choise_contents .conents_discount_money {
           width:160px;
         }
   
         .basket_choise_contents .conents_delivery_cost {
           width:130px;
         }
   
         .basket_choise_contents .conents_product_price {
           width:160px;
         }

         /* 상품정보 상세  */
         .conents_product_info {
           padding:0px 20px;
           display: flex;
           align-items: center;
         }

         .conents_product_info .contents_img {
          width:80px;
          height: 80px;
         }

         .conents_product_info .contents_img .link {
           display: inline-block;
           width:100%;
           height: 100%;
         }

         .conents_product_info .contents_name {
           margin:0 20px;
         }

         .conents_product_info .contents_name .span {
          
         width: 57px;
         height: 24px;
         font-family: NotoSansKR;
         font-size: 18px;
         font-weight: bold;
         line-height: 1.56;
         letter-spacing: -0.45px;
         text-align: left;
         color: #203465;
         }



         .conents_product_info .contents_option_btn_wrap .button {
          width: 100px;
          height: 40px;
          border: solid 1px #203465;
          line-height: 1.75;
          letter-spacing: normal;
          text-align: center;
          color: #203465;
          background:none;
          padding:inherit;
         }


         /* 수량  */
         .conents_amount_wrap {
           display: flex;
           align-items: center;
         }
         .conents_amount_wrap .count_wrap{
           display:table;
         }

         .count_wrap .minus_btn,
         .count_wrap .plus_btn,
         .count_wrap .input {
          display: inline-block;
         }

         .count_wrap .minus_btn,
         .count_wrap .plus_btn{
           width:20px;
           height: 20px;
           font-size: 20px;
           cursor: pointer;
           padding-bottom:10px;
           display:table-cell;
         }

         .count_wrap .input {
           width:30px;
           height: 20px;
           margin:0 10px;
           text-align: center;
           outline:1px solid #dddddd;
           border:none;
           display:table-cell;
           vertical-align: bottom;
         }

         .count_btn .edit_btn {
          width: 80px;
          height: 40px;
          margin: 0 0 0 18px;
          padding: 10px 24px 9px;
          border: solid 1px #203465;
          background-color: #ffffff;
         }

         /* 결제 및 주문  */
            
         .basket_choise .section3 {
          width:100%;
        }
  
        .basket_choise .section3 .container {
          width:71%;
          max-width: 1364px;
          margin:0 auto;
        }
            
              /* payment_event_text 영역  */
              .basket_choise .payment_event_text {
                margin-bottom: 20px;
              }

              /* payment_price 영역 */
              .payment_price {
                width:100%;
                height: 104px;
                border-top:1px solid #203465;
                border-bottom:1px solid #203465;
                padding:30px 0 32px 0;
              }

              .payment_price,
              .payment_price .payment_price_wrap {
                width:100%;
              }

              .payment_price .payment_price_text_wrap {
                display: flex;
                justify-content: flex-end;
                align-items: center;
              }

              .plus_sign,
              .equal_sign {
                font-size: 29px;
                margin:0 24px;
                vertical-align: super;
              }

              /* payment_button 영역 */
              .payment_button{
                padding: 40px 0 50px 0;
              }
              .payment_button,
              .payment_button .payment_button_wrap{
                width:100%;
                height: 50px;
              }

              .payment_button_wrap {
                display: flex;
                justify-content: space-between;
              }

              .payment_button_wrap .payment_button_left {
                width:100%;
                height: 100%;
              }

              .payment_button_wrap .payment_button_left .button{
                width:120px;
                height: 50px;
                font-size: 18px;
                padding: 13px 20px;
                background:none;
                color:#203465;
                border:1px solid #203465;
              }

              .payment_button_wrap .payment_button_right .button{
                width: 180px;
                height: 50px;
                font-size: 18px;
                padding: 13px 52px;
                border: solid 1px #203465;
                background-color: #203465;
                color:#ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
              }

              /* 하단 매트리스 구매하기 영역  */
              
.basket_choise .box_wrap {
  width: 100%;
  max-width: 1316px;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}

.basket_choise .box_wrap .con_box {
  width: 425px;
height: 460px;
padding: 62px 109px 60px;
border: solid 1px #dddddd;
text-align: center;
}

.basket_choise .box_wrap .con_box:nth-child(1){
  background:url("../img/bio/m_matt.png") no-repeat;
  background-size: contain;
  background-position:left center;
}

.basket_choise .box_wrap .con_box:nth-child(2){
  background:url("../img/bio/m_matt_2.png") no-repeat;
  background-size: contain;
  background-position:left center;
}

.basket_choise .box_wrap .link {
  display: inline-block;
  width:60px;
  height: 60px;
  margin-top: 140px;
  margin-right: auto;
  margin-left: auto;
}

.basket_choise .box_wrap .con_box-img {
  width:60px;
  height: 60px;
  margin:0 auto;
}

.basket_choise .box_wrap .con_box-desc {
  margin-top: 110px;
}

.basket_choise .box_wrap .con_box-text .span {
  display: inline-block;
}

.basket_choise .box_wrap .con_box-text .blue_span_bold22 {
  margin: 21px 0px;
}

              /* 하단 매트리스 구매하기 영역 끝 */


        
/* 하단 완벽한 숙면을 위한 영역  pc 버전*/
              .m_sec_09 {
                display: none;
              }
        /* sec09_wrap 영역  */
        .basket_choise .sec_09 .con_wrap .con_container {
          width:100%;
          max-width: 1316px;
          margin:0 auto;
      }
      
        .basket_choise .sec_09 .con_wrap .top_cont .text_wrap {
          padding:16px;
        }
        
        .basket_choise .sec_09 .con_wrap .top_cont .text_wrap .title_link {
          display: flex;
          justify-content: space-between;
          padding-bottom: 20px;
          border-bottom: 1px solid #dddddd;
          
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .text_wrap .text_desc {
          padding-top: 20px;
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .title_ {
          text-align: center;
          margin-bottom: 60px;
        }
        
       .basket_choise .sec_09 .con_wrap .top_cont .title_ .span{
          display: block;
          text-align: inherit;
        }
        
        
        .basket_choise .sec_09 .con_desc {
          display: flex;
          justify-content: space-between;
        }
      
        .basket_choise .sec_09 .con_desc>div:nth-child(2) {
            margin:0px 20px;
        }
        
        
        .basket_choise .sec_09 .img_con {
          width:426px;
          height: 500px;
        }
        
        .basket_choise .sec_09 .title_link .span {
          display: inline-block;
          font-size: 22px;
          line-height: 32px;
          color: #203465;
        }
        
        .basket_choise .sec_09 .title_link .link {
        display: inline-block;
        width:60px;
        height: 60px;
        }
      
      .m_checkBox,
      .m_total_info,
      .m_contents_text {
        display:none;
      }


/* basket_order 영역  */
    /* common */


  
    .total_price .span:nth-child(2) {
      display: inline-block;
      margin-left: 18px;
    }
  
  
      /* common END*/
        /* basket_order 영역 - Heading  */
        .basket_order {
          width:100%;
          padding-top:102px;
          background:#fbfbfe;
        }
        
        .basket_order .section1{
          width:100%;
        }
        
        .basket_order .section1 .container {
          width:100%;
          height: 100%;
        }
        
        .basket_order .section1 .container .heading {
          width:71%;
          max-width: 1364px;
          height: 60px;
          margin:0 auto;
          padding-bottom: 21px;
          border-bottom: 1px solid #dddddd;
          display: flex;
      justify-content: space-between;
      align-items: baseline;
        }
  
        
        .basket_order .section1 .container .heading>h2 {
          font-size: 30px;
          font-weight: bold;
          color:#203465;
        } 
  
        /* buy_flow 영역 */
        .buy_flow {
          width:71%;
          max-width: 1364px;
          margin:0 auto;
          padding:80px 0px;
        }
  
        .buy_flow .buy_flow_wrap {
          display: flex;
          justify-content: center;
          align-items: center;
          margin:0 auto;
        }

        .buy_flow .buy_flow_wrap .span {
          display:inline;
        }
  
  
        .buy_flow .buy_flow_wrap div .span:nth-child(1){
            width: 121px;
            font-size: 22px;
            font-weight: bold;
            letter-spacing: -0.55px;
            margin-right: 24px;
            color:#bbbbbb;
        }

        .buy_flow .buy_flow_wrap .flow_arrow {
          display: inline-block;
          width:18px;
          height: 18px;
          background:url("../img/right-arrow_24.png") no-repeat;
          background-size: contain;
          transform: rotate(-90deg);
        }
  
  
        .buy_flow .buy_flow_wrap .order_flow {
          margin:0 30px;
        }
  
        .basket_order .section2 {
          width:100%;
        }
  
        .basket_order .section2 .container {
          width:71%;
          max-width: 1364px;
          margin:0 auto;
        }
        .basket_order_detail .section2  {
          margin-top:100px;
        }
        .basket_complete .section2 {
          margin-top:0px;
        }
  
         /* basket_order 영역 - Title  */
         .basket_order .basket_order_wrap {
          width:100%;
         }
  
         .basket_order .basket_order_title {
          width:100%;
          height: 50px;
          background:#203465;
          color:#ffffff;
          font-size: 18px;
         }
  
         .basket_order .basket_order_title .ul {
           width:100%;
           height: 100%;
           display: flex;
           justify-content: space-between;
           align-items: center;
           text-align: center;
         }
  
         .basket_order .basket_order_title .ul .list {
           font-weight: 300;
         }
  
         /* Title Li width   */
  
         .basket_order_title .ul .product_info {
          width:924px;
        }
  
        .basket_order_title .ul .amount {
          width:120px;
        }
  
        .basket_order_title .ul .discount_money {
          width:160px;
        }
  
        .basket_order_title .ul .product_price {
          width:160px;
        }
  
  
        
  
        /* basket_order_contents */
        .basket_order_contents {
          width:100%;
          text-align: center;
          background:#ffffff;
        }
  
        .basket_order_contents>.ul {
            width:100%;
        }
  
        
        .basket_order_contents>.ul>.list{
          width:100%;
          height: 140px;
          padding:30px 0;
          border-bottom: 1px solid #203465;
      }
  
      .basket_order_contents .conents_box {
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
      }
  
             /* Contents Li width   */
             .basket_order_contents .conents_checkbox {
              width:100px;
              height: 100%;
              padding:33px 0;
              border-right:1px solid #ffffff;
            }
     
     
            .basket_order_contents .conents_product_info {
             width:924px;
           }

           .basket_order_detail .basket_order_contents .conents_product_info {
            width:756px;
          }
     
           .basket_order_contents .conents_amount {
             width:120px;
           }
     
           .basket_order_contents .conents_discount_money {
             width:160px;
           }

           .basket_order_detail .conents_discount_money {
            width:139px;
          }
     
           .basket_order_contents .conents_product_price {
             width:160px;
           }
           .basket_order_detail .basket_order_contents .conents_product_price {
            width:138px;
          }
  
           /* 상품정보 상세  */
           .conents_product_info {
             padding:0px 20px;
             display: flex;
             align-items: center;
           }
  
           .conents_product_info .contents_img {
            width:80px;
            height: 80px;
           }
  
           .conents_product_info .contents_img .link {
             display: inline-block;
             width:100%;
             height: 100%;
           }
  
           .conents_product_info .contents_name {
             margin:0 20px;
           }
  
           .conents_product_info .contents_name .span {
            
           width: 57px;
           height: 24px;
           font-family: NotoSansKR;
           font-size: 18px;
           font-weight: bold;
           line-height: 1.56;
           letter-spacing: -0.45px;
           text-align: left;
           color: #203465;
           }
  
  
  
           .conents_product_info .contents_option_btn_wrap .button {
            width: 100px;
            height: 40px;
            border: solid 1px #203465;
            line-height: 1.75;
            letter-spacing: normal;
            text-align: center;
            color: #203465;
            background:none;
           }
  
  
           /* 수량  */
           .conents_amount_wrap {
             display: flex;
             justify-content: center;
             align-items: center;
           }
  
           .conents_amount_wrap .span {
            display: inline-block;
            width:100%;
            text-align: center;
          }
  
           .count_wrap .minus_btn,
           .count_wrap .plus_btn,
           .count_wrap .input {
            display: inline-block;
           }
  
           .count_wrap .minus_btn,
           .count_wrap .plus_btn{
             width:20px;
             height: 20px;
             font-size: 20px;
             cursor: pointer;
           }
  
           .count_wrap .input {
             width:30px;
             height: 20px;
             margin:0 10px;
             text-align: center;
             outline:1px solid #dddddd;
             border:none;
           }
  
           .count_btn .edit_btn {
            width: 80px;
            height: 40px;
            margin: 0 0 0 18px;
            padding: 10px 24px 9px;
            border: solid 1px #203465;
            background-color: #ffffff;
           }
  
           /* 총 합계  */
           .order_total_cost {
            width:100%;
            max-width: 1364px;
            margin:0 auto;
           }
            .order_total_cost .order_total_cost_wrap {
              width:100%;
              padding:30px 20px;
              border-bottom:1px solid #203465;
              background:#fafafa;
              display: flex;
              justify-content: flex-end;
              margin-bottom: 84px;
            }         

            .order_total_cost .order_total_cost_wrap .total_price {
              display:flex;
              align-items: baseline;
            }
  
           /* 결제 및 주문  */
              
           .basket_order .section4 {
            width:100%;
          }
    
          .basket_order .section4 .container,
          .form_wrap {
            width:71%;
            max-width: 1364px;
            margin:0 auto;
          }

          .basket_order_detail .heading{
            margin-top:100px;
          }
              
                /* payment_event_text 영역  */
                .basket_order .payment_event_text {
                  margin-bottom: 20px;
                }
  
                /* payment_price 영역 */
                .payment_price {
                  width:100%;
                  height: 104px;
                  border-top:1px solid #203465;
                  border-bottom:1px solid #203465;
                  padding:30px 0 32px 0;
                }
  
                .payment_price,
                .payment_price .payment_price_wrap {
                  width:100%;
                  background: #fafafa;
                }
  
                .payment_price .payment_price_text_wrap {
                  display: flex;
                  justify-content: flex-end;
                  align-items: center;
                }

                .payment_price .payment_price_text_wrap .span {
                  display:inline;
                }
  
                .plus_sign,
                .equal_sign {
                  font-size: 29px;
                  margin:0 24px;
                  vertical-align: super;
                }
  
                /* payment_button 영역 */
                .payment_button{
                  padding: 40px 0 200px 0;
                }
                .payment_button,
                .payment_button .payment_button_wrap{
                  width:100%;
                  height: 50px;
                }
  
                .payment_button_wrap {
                  display: flex;
                  justify-content: space-between;
                }
  
                .payment_button_wrap .payment_button_left {
                  width:100%;
                  height: 100%;
                }
  
                .payment_button_wrap .payment_button_left .button{
                  width:120px;
                  height: 50px;
                  font-size: 18px;
                  padding: 13px 20px;
                  background:none;
                  color:#203465;
                  border:1px solid #203465;
                }
  
                .payment_button_wrap .payment_button_right .button{
                  width: 180px;
                  height: 50px;
                  font-size: 18px;
                  padding: 13px 52px;
                  border: solid 1px #203465;
                  background-color: #203465;
                  color:#ffffff;
                }
  
  
          
    /* form */
    .basket_order .section3 .container {
      width:100%;
      max-width: 1364px;
      margin:0 auto;
    }
  
    .basket_order .signup_user_info_wrap {
      width:100%;
      max-width: 1364px;
      margin:0;
    }
  
    .basket_order .signup_user_left_box {
      width:100%;
      max-width: 130px;
    }
  
    .basket_order .signup_user_right_box {
      width:100%;
      max-width: 1234px;
    }
  
    .basket_order .num_input {
      width: 103px;
      height: 40px;
      margin-right: 17px;
      border: 1px solid #dddddd;
    }
  
    .basket_order .line_::after {
        content: "";
        width: 10px;
        height: 1px;
        position: absolute;
        right: 2%;
        top: 49%;
        background: black;
    }
  
    .basket_order .line_:nth-child(3)::after{
      width:0;
    }
  
    .form_wrap .section2 {
      margin-bottom: 84px;
    }
  
  
        /* 배송지확인 */
        .basket_order .adress_form {
          padding:20px;
        }

        .basket_complete .basket_complete_select {
          padding:inherit;
        }
  
          .basket_order .adress_form .input,
          .basket_order .last_agree_check .input {
            width: 18px;
            height: 18px;
            border: solid 1px #dddddd;
            background-color: #ffffff;
          }
  
          .basket_order .adress_form .label,
          .basket_order .last_agree_check .label  {
            position: relative;
            bottom:4px;
            left: 5px;
          }
  
        /* 배송지 선택 */
        .basket_order .adress_choise_wrap,
        .basket_order .payment_method {
          display: flex;
          justify-content: flex-start;
        }

        .basket_order .payment_method_cash {
          flex-direction: column;
        }

        .basket_order .payment_method_cash>div {
          display:flex;
          padding:10px 0px;
          
        }
        .basket_order .cash .signup_user_right_box{
          height:inherit;
          margin-bottom:80px;
        }

        .basket_order .dropbtn_wrap {
          display:flex;
          position:relative;
        }
        
        .basket_order .payment_method_cash>div .how_payment {
        margin-right:20px;
        }

        
        .popup_delivery {
          position:absolute;
          top:0%;
          z-index:2;
          display:none;
        }
        .popup_delivery .popup_contents {
          margin:0px;
          height:initial;
        }

        .popup_delivery .title_ {
          font-size:24px;
          font-weight:bold;
          padding-bottom:20px;
          color:#203465;
        }
        .popup_delivery .span {
          color:#203465;
        }
        .popup_delivery .warning_ {
          color:FF6F6F;
        }

        .popup_delivery .p {
          padding-bottom:20px;
          padding-top:20px;
        }

        .popup_delivery .p:nth-child(2){
          border-bottom: 1px solid #dddddd;
          margin-bottom:20px;
        }

        .basket_order .cash .cash_receipt_wrap,
        .basket_order .cash .cash_phone_num {
          display:inherit;
        }

        .basket_order .cash .p {
          font-size:16px;
          color:#203465;
          padding-bottom:10px;
        }
        .warning_text_2 {
          color:#FF6F6F;
          margin-left: 127px;
          margin-bottom:30px;
        }

        #card_pay:checked ~ .cash{
          display: none;
        }

        .cash_phone_num .input_phone {
          width:350px;
          height:40px;
          border:1px solid #dddddd;
        }

        .basket_order .cash_receipt_wrap div {
          display:inline;
        }
  
        .basket_order .adress_choise_wrap .adress_choise,
        .basket_order .payment_method .how_payment {
          margin-right: 20px;
        }
  
        /* 남기실 말씀 */
        .basket_order .textarea{
          width:830px;
          height: 69px;
          resize: none;
          border:1px solid #dddddd;
        }
  
  
        /* 결제방법  */
        .basket_order .payment_method {
          margin:92px 0 12px 0;
        }
  
        /* 주문자 동의  */
        .last_agree_check {
          text-align: right;
          margin-top: 21px;
        }
  
        /* 주문 버튼  */
    .basket_order .buy_button_wrap {
      width:1000px;
      height: 50px;
      margin: 77px auto 240px auto;
      display: flex;
      justify-content: space-between;
  }
  
  .basket_order .cancel_btn,
  .basket_order .buy_btn {
      width:490px;
      height: 100%;
      border:1px solid #203465;
  }
  
  .basket_order .cancel_btn {
      color:#203465;
      background:none;
  }
  
  
  .basket_order .buy_btn {
      color:#ffffff;
      background:#203465;
  }

  .basket_order .div_select {
    margin-top:10px;
  }

  .basket_complete .div_select {
    margin-top:5px;
    margin-left:20px;
  }
  .basket_order .div_select:after {
    right: 4%;
      top: 37%;

  }
  
  .basket_order .dropbtn_wrap .button {
    margin-top:11px;
  }

  .check_div {
    text-align: right;
    margin-top:10px;
  }

  .basket_complete .select_container {
    position:relative;
  }

  .basket_complete .option_ul {
    max-width:440px;
    left:1.7%;
  }


  /* 결제 페이지 */
  #wrap_content {
    width:100%;
    height:100%;
    padding-top:130px;

    }
  .pay_result {
    width:800px;
    margin:0 auto;
    padding-top:100px;
    padding-bottom:100px;
  }

  .pay_result h1 {
    font-size:30px;
    text-align: center;
    color:#203465;
  }

  .pay_result .section1 p {
    padding-top:33px;
    padding-bottom:50px;
    text-align: center;
    font-size:22px;
    color:#203465;
  }

  .pay_result .section2 {
    width: 100%;
    border:1px solid #203465;
    padding:100px;
    margin-bottom:80px;
  }

  .pay_result .section2 div {
    display:flex;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #203465;
  }

  .pay_result .section2 div span:first-child{
    width:150px;
     font-size:16px;
     font-weight: bold;
     color:#203465;
  }
  .pay_result .section2 div span:last-child{
     font-size:14px;
  }

  .pay_result .div {
    text-align: center;
  }
  .pay_result .confirm{
    width: 490px;
    padding-top:15px;
    padding-bottom:15px;
    background:#203465;
    color:#ffffff;
    font-size:16px;

  }


  /* 1:1 문의 게시판 inquiry  */
  .inquiry .section2 {
    max-width:1364px;
  }
  .inquiry .order_contents .list {
color:#333333;
  }

  .inquiry .order_contents {
    overflow:hidden;
  }

  .inquiry_list_title>.list:nth-child(1),
  .inquiry_list_contents>.ul>.list:nth-child(1){
    width:60px;
  }

  .inquiry_list_title>.list:nth-child(2),
  .inquiry_list_contents>.ul>.list:nth-child(2){
    width:200px;
  }
  .inquiry_list_title>.list:nth-child(3),
  .inquiry_list_contents>.ul>.list:nth-child(3){
    width:800px;
  }
  .inquiry_list_title>.list:nth-child(4),
  .inquiry_list_contents>.ul>.list:nth-child(4){
    width:140px;
  }
  .inquiry_list_title>.list:nth-child(5),
  .inquiry_list_contents>.ul>.list:nth-child(5){
    width:160px;
    position:relative;
  }

  .hidden_btn {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,150%);

  }

  .inquiry .content_qustion {
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    border:none;
  }

  .inquiry .content_qustion .q_title,
  .inquiry .content_answer_wrap .a_desc{
    text-align:left;
  }

  .inquiry .content_qustion .q_title {
    font-weight: normal;
  }
  .inquiry .content_answer_wrap {
    display:inherit;
  }
  .inquiry .content_answer_wrap .a_desc{
    font-size:16px;
  }
  .inquiry .content_qustion_wrap::after {
    display: none;
  }

  .inquiry .content_answer {
    
    padding-left:10px;
  }

  .inquiry_btn_wrap {
    padding-top:20px;
    display:flex;
    justify-content: space-between;
  }
.others_btn_box {
  display:flex;
}
  .inquiry_btn_wrap .button {
    width:120px;
    height:50px;
    display:flex;
    justify-content: center;
    align-items:center;
    padding:0px;
    margin-right:10px;
    font-size:18px;
  }

  .answer-arrow {
    color:#203465;
    font-weight:bold;
    padding-right:10px;
  }

  .answer-arrow .img {
    width: 16px;height:16px;
  }

  .popup_contents div {
    border-top:none;
    border-bottom:none;
    padding:0px;
    margin:0px;
     text-align: left; 
  }
  .inquiry .popup_wrap {
    display:block;
    width:100%;
  }
  .inquiry .popup_wrap .popup_contents {
    width:1000px;
    height:initial;
  }
  .inquiry .popup_wrap .popup_contents .blue_span_bold24{
    text-align:left;
    border:none;
  }

  .inquiry .pop_box_wrap .con_box {
    display:flex;
    border-bottom:1px solid #dddddd;
    padding-top:20px;
    padding-bottom:20px;
  }

  .inquiry .pop_box_wrap .con_box .con_box_title{
    width:100px;
  }
  .inquiry .pop_box_wrap .con_box .con_box_title .span {
    font: size 18px;color:#203465;font-weight:bold;
  }

  .inquiry .select_container {
    width: 350px;
  }
  .inquiry .select_container .div_select {
    width:350px;
    border:1px solid #dddddd;
    padding-top:10px;padding-bottom:10px;padding-left:20px;
  }
  .inquiry .eMail .input,
  .inquiry .order_inquiry .input {
    width:240px;
    height:40px;
    margin-right:10px;
    border:1px solid #dddddd;
  }

  .inquiry .order_inquiry_btn {
    width:100px;
    height:40px;
    background:#203465;
    color:#ffffff;
    padding:0px;
    
  }

  .inquiry .eMail label em,
  .inquiry .Pmessage label em {
    vertical-align:middle;
  }

  .inquiry .Pmessage .input[type="text"]{
    width:100px;
    height:40px;
    border:1px solid #dddddd;
  }

  .inquiry .contens_title .input {
    width:700px;
    height:40px;
    border:1px solid #dddddd;
  }

  .inquiry .user_desc .textarea {
    width:700px;
    height:300px;
    padding:10px;
    font-size:16px;
  }

  .inquiry .radiobox_wrap {
    width:100%;
    padding:20px;
    background:#dddddd;
    margin-bottom:50px;
  }

  .inquiry .radiobox_wrap .span {
    color:#203465;
    font-weight:bold;
  }

  .inquiry .radiobox_wrap .p {
    padding-top:20px;
    padding-bottom:30px;

  }

  .inquiry .confirm_btn {
    background:#203465;
    color:#ffffff;
  }
.popup_wrap_con {
  width: 415px;
  height:200px;
  text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  border:1px solid #dddddd;
  background:#ffffff;
}

.popup_wrap_cons .span {

}

.popup_wrap_con .button {
  background:#203465;
  color:#ffffff;
  margin-top:30px;
}
  /* 1:1 문의 게시판 inquiry  끝*/

  .rotate180{
    transform: rotateZ(180deg);
    transition:0.7s;
  }
  .select_box .rotate180d::after,
  .rotate180q::after {
    transform: rotateZ(180deg);
    transition:0.7s;
  }
  .select_box .rotate0d::after,
  .rotate0q::after {
    transform: rotateZ(0deg);
    transition:0.7s;
  }
  .rotate0{
    transform: rotateZ(0deg);
    transition:0.7s;
  }


 }