@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');

@media screen and (max-width:1200px){
  body{overflow-x: hidden}
  .Invitation_content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .Invitation_top .container{
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .Invitation_top .container .ph_box{
    width: 60%;
    position: relative;
  }
  .Invitation_top .container .ph_box .main_phone{
    display: block;
    width: 100%;
    overflow: hidden;
  }

  @keyframes show {
    0%{opacity: 0; transform: translate(-44%, 55%); top: 0; right: 0;}
    100%{opacity: 1; transform: translate(0%, 14%); top: 0; right: 0;}
  }

  .Invitation_top .container .ph_box .feel_move{
    animation: show 3s forwards;
    transform: translate(0%, 14%);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 64%;
  }
  .Invitation_top .container .ph_box .feel_move img{
    display: block;
    width: 100%;
  }
  .wrap .content {
    overflow: hidden;
  }
  .wrap .content .Invitation_top {
    width: 100%;
    position: relative;
    background-image: url('https://feelmaker.co.kr/img/Invitation/invitation_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    overflow: hidden;
  }
  .wrap .content .Invitation_content {
    width: 100%;
    position: relative;
    margin-top: 80px;
  }

  .wrap .content .Invitation_content .Invitation_menu {
    list-style: none;
    width: 100%;
    height: 57px;
    margin: 0 auto;
  }

  .wrap .content .Invitation_content .Invitation_menu li {
    float: left;
    border-bottom: 0px solid #ccc;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 33.3%;
    font-size: 13px;
    cursor: pointer;
    color: #888888;
  }

  .wrap .content .Invitation_content .cate_line {
    border-top: 1px solid #ccc;
    position: absolute;
    top: 59px;
    width: 100%;
  }

  .wrap .content .skin_wrap {
    width: 95%;
    overflow-x: auto;
    margin: 30px auto;
    padding-bottom: 3%;
  }

  .wrap .content .skin_wrap .wedding_skin {
    width: 2470px;
  }

  .wrap .content .skin_wrap .baby_skin {
    width: 950px;
    display: none;
  }

  .wrap .content .skin_wrap .thanks_skin {
    width: 380px;
    display: none;
  }

  .wrap .content .skin_wrap .skin_over {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
  }

  .wrap .content .skin_wrap .skin_over>li {
    float: left;
    width: 200px;
    height: auto;
    margin-right: 35px;
    position: relative;
  }

  .wrap .content .skin_wrap .skin_over>li>div>img {
    width: 100%;
    border-radius: 10px;
  }

  .wrap .content .skin_wrap .skin_over>li>.hover_black {
    width: 200px;
    height: 100%;
    font-size: 20px;
    color: #fff;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    text-align: center;
    top: 0px;
    border-radius: 30px 30px 0 0;
  }

  .wrap .content .skin_wrap .skin_over>li>.hover_black .skin_name {
    margin-top: 95px;
    font-size: 20px;
    margin-bottom: 15px;
  }

  .wrap .content .skin_wrap .skin_over>li>.hover_black .skin_view {
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    width: 85px;
    margin: 2px auto;
    font-size: 13px;
    padding: 2px 0px;
    font-family: 'mon_m';
  }

  .wrap .content .skin_wrap .skin_over>li:hover>.hover_black {
    display: block;
  }

  .wrap .content .Invitation_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999999;
    display: none;
  }

  .wrap .content .Invitation_bg .skin_phone {
    position: absolute;
    width: 320px;
    height: 652px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  .wrap .content .Invitation_bg .skin_phone div {
    width: 280px;
    height: 502px;
    overflow: auto;
    margin: 70px auto 0;
  }

  .wrap .content .Invitation_bg .skin_phone i {
    color: #fff;
    position: absolute;
    top: 0px;
    right: -50px;
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
  }
  .top_title_{
    width: 100%;
    top: 30%;
  }
  .top_title_1 h2{
    font-family: 'noto_l';
    color: #506968;
    font-size: 20px;
  }
  .top_title_1 p{
    margin:17px 0 37px 0;
    line-height: 37px;
    font-size: 25px;
    font-family: 'noto_l';
  }

  .top_title_1{
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }
  .top_title_1 span{
    font-size: 16px;
    color: #555; font-family: 'Mon_M';
  }
  .top_title_1 .hash {margin:0 0 20px 0;}
  .top_title_1 .hash span{
    font-size: 14px;
    font-family: 'Noto_M';
    display: inline-block;
    background: #fff;
    color: #000;
    border-radius: 3px;
    margin-right: 10px;
    padding: 0 8px;
  }
  .top_title_1 .invi_btn {
    margin:15px 0 0 0;
    display: inline-block;
    width: 100%;
  }
  .top_title_1 .invi_btn > .txt{
    font-size: 12px;
    font-family: 'noto_m';
    color: #797979;
    line-height: 20px;
    margin: 25px 0 0 0;
  }

  .top_title_1 .invi_btn a {
    display: inline-block;
    padding: 8px 18px;
    background: #303030;
    color: #fff;
    border-radius: 20px;
    margin-right: 8px;
    font-size: 12px;
   }
  .top_title_1 button{
      border: 0;
      margin: 30px 0;
      width: 300px;
      background: #354f5c;
      color: #fff;
      padding: 15px;
      border-radius: 3px;
  }
  .top_title_1 button > a{
      color: #fff;
      font-size:16px;
  }

  .map02_bg {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: inline-block;
  }

  .map02 .pc {
    margin: 0 auto;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .map02 .pc > li {
    display: flex;
    justify-content: space-between;
    flex: 1 1 calc(50% - 20px);
    font-size: 14px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
  }

  .map02 .pc > li .box p {
    font-family: 'noto_b';
    text-align: left;
    font-size: 14px;
    color: #000000;
    display: block;
    margin-bottom: 10px;
    line-height: inherit;
  }
  .map02 .pc > li .box .txt{
    font-family: 'noto_r';
    color: #333333;
    text-align: left;
  }
  .map02 .pc > li .box i {
    padding: 10px;
    background-color: #fad1cf;
    border-radius: 50%;
    color: #fff;
    font-size: 1.6rem;
  }

  .map02_img{width:100%}
  #map02 img{width: 440px !important; margin:20px 0 0 0;}
  #map02{
      width: 100%;
      /* height: 100%; */
      background: #f9f4ee;
      display: inline-block;
      margin-top:0px;
  }
  .map02_title{
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .map02_title .pc {display: none;}
  .map02_title h2{
      font-size: 30px;
      color: #525252;
      font-family: 'noto_l';
  }
  .map02_title h1{
      font-size: 30px;
      color: #243b7d;
      font-family: 'noto_l';
  }
  .map02_title p{
      font-size: 24px;
      color: #000;
      margin-top: 20px;
  }
  .map02_title span {font-family: 'Mon_M'; font-size: 20px;}
  .map02_bg{
    width: 100%;
    margin: 0 auto;
    position: relative;/*height: 560px;*/
    display: inline-block;
    padding: 0 15px 55px 15px;

  }
  .map02 ul{
      width: 100%;
      margin: 0 auto;
      display: inline-block;
  }
  .map02 li{
      display: block; float: left;
      width: 25%;
      height: 180px;
      padding: 30px 30px;
      line-height: 20px;
      box-sizing: border-box;
  }
  .map02 ul >li >p{
      font-size: 18px;
      line-height: 30px;
      display: inline-block;
  }
  .map02 li > i{
      background: #fad1cf;
      border-radius: 2em;
      color: #fff; margin:0 auto 10px;
      font-size: 20px; width: 40px; height: 40px; line-height: 40px;
      display: block;
  }


  .kakao_pay{
    width: 100%;
    padding: 60px 0;
  }
  .kakao_pay .container{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }
  .kakao_pay .container .txt_list{
    margin: 0 0 40px 0;
  }
  .kakao_pay .container .txt_list .new{
    display: inline-block;
    background-color: #fee102;
    border-radius: 50px;
    margin: 0 0 13px 0;
    padding: 0 8px;
  }
  .kakao_pay .container .txt_list .new .txt{
    font-family: 'mon_l';
    font-size: 12px;
    line-height: 18px;
  }
  .kakao_pay .container .txt_list > .txt{
    font-size: 24px;
    font-family: 'Noto_R';
    line-height: 36px;
    margin: 0 0 10px 0;
  }
  .kakao_pay .container .txt_list .s_txt{
    font-size: 13px;
    line-height: 19px;
  }
  .kakao_pay .container .img_box{
    display: flex;
    gap: 20px;
  }
  .kakao_pay .container .img_box .item{
    flex: 1;
    border-radius: 10px;
    overflow: hidden;
  }
  .kakao_pay .container .img_box .item .box.rg{
    padding: 30px 20px;
    background-color: #3a2829;
  }
  .kakao_pay .container .img_box .item .box{
    text-align: left;
  }
  .kakao_pay .container .img_box .item .box img{
    display: block;
    width: 100%;
  }
  .kakao_pay .container .img_box .item .box .tit{
    font-size: 18px;
    margin-bottom: 13px;
    color: #fedd02;
  }
  .kakao_pay .container .img_box .item .box .txt{
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
  }


  .keyft_pay{
    position: relative;
    width: 100%;
    padding: 40px 0 0 0;
    background-color: #7fcdd3;
    margin: 0 0 100px 0;
  }
  .keyft_pay > .img_box{
    position: absolute;
    width: 40%;
    top: 0;
    right: 0;
  }
  .keyft_pay > .img_box2{
    position: absolute;
    width: 25%;
    bottom: 0;
    left: 0;
  }
  .keyft_pay > .img_box img,
  .keyft_pay > .img_box2 img{
    width: 100%;
    display: block;
  }
  .keyft_pay .container{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 50px;
  }
  .keyft_pay .container .txt_box{
    position: relative;
    z-index: 1;
    margin: 20px 0 0 0;
    text-align: left;
    width: 70%;
  }
  .keyft_pay .container .txt_box .new{
    font-family: 'mon_l';
    line-height: 18px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50px;
    margin: 0 0 15px 0;
    padding: 0 10px;
    font-size: 12px;
  }
  .keyft_pay .container .txt_box > .tit{
    margin: 0 0 15px 0;
    line-height: 36px;
    font-size: 24px;
    color: #ffffff;
  }
  .keyft_pay .container .txt_box > .s_txt{
    display: inline-block;
    background-color: #62c0c7;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    padding: 3px 13px 0 13px;
    margin: 0 0 30px 0;
  }
  .keyft_pay .container .txt_box .txt_list > ul > li{
    display: flex;
    align-items: center;
    margin: 0 0 5px 0;
  }
  .keyft_pay .container .txt_box .txt_list > ul > li .lf{
    margin: 0 8px 0 0;
  }
  .keyft_pay .container .txt_box .txt_list > ul > li .lf i{
    color: #ffffff;
    font-size: 14px;
  }
  .keyft_pay .container .txt_box .txt_list > ul > li .rg .txt{
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
  }
  .keyft_pay .container .ph_box{
    position: relative;
    z-index: 1;
    width: 30%;
  }
  .keyft_pay .container .ph_box .img_box {
    width: 100%;
  }
  .keyft_pay .container .ph_box .img_box img{
    display: block;
    width: 100%;
  }


  .info_conts{
    width: 100%;
  }
  .info_conts .container{
    width: 100%;
    margin: 0 auto;
  }
  .info_conts .container .conts{
    width: 100%;
    margin: 0 auto;
    padding: 0 80px;
  }
  .info_conts .container .conts > ul > li{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 100px 0;
  }
  .info_conts .container .conts > ul > li > .img_box{
    position: relative;
    margin: 0 50px 0 0;
  }
  .info_conts .container .conts > ul > li:nth-child(2n) > .img_box{
    margin: 0 0px 0 0;
  }
  .info_conts .container .conts > ul > li > .img_box .txt{
    position: absolute;
    font-family: 'Italianno', cursive !important;
    font-size: 40px;
    transform: rotate(-12deg);
    left: -58px;
    top: -18px;
  }
  .info_conts .container .conts > ul > li > .img_box .img{
    width: 100%;
  }
  .info_conts .container .conts > ul > li > .img_box .img img{
    display: block;
    width: 100%;
  }
  .info_conts .container .conts > ul > li .txt_box{
    text-align: left;
  }
  .info_conts .container .conts > ul > li:nth-child(2n) .txt_box{
    margin: 0 50px 0 0;
  }
  .info_conts .container .conts > ul > li .txt_box .tit{
    margin: 0 0 20px 0;
    line-height: 33px;
    font-size: 22px;
    color: #000;
  }
  .info_conts .container .conts > ul > li .txt_box .line{
    width: 33px;
    height: 1px;
    background-color: #000000;
    display: inline-block;
    margin: 0 0 20px 0;
  }
  .info_conts .container .conts > ul > li .txt_box .s_txt{
    font-size: 18px;
    line-height: 27px;
    margin: 0 0 10px 0;
    font-family: 'Noto_L';
  }
  .info_conts .container .conts > ul > li .txt_box .txt{
    font-family: 'Noto_T';
    font-size: 14px;
    line-height: 21px;
  }

  .gift_info{
    width: 100%;
    background-color: #f6f6f6;
  }
  .gift_info .container{
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 40px 0;
    justify-content: center;
    gap: 90px;
  }
  .gift_info .container > .lf .info_box > ul > li{
    margin: 0 0 10px 0
  }
  .gift_info .container > .lf .info_box > ul > li .box{
    border: 1px solid #d4bca7;
    padding: 8px 22px;
    border-radius: 5px;
    background-color: #fff;
  }
  .gift_info .container > .lf .info_box > ul > li .box .txt{
    font-family: 'noto_m';
    font-size: 16px;
    color: #333;
  }
  .gift_info .container > .lf .info_box > ul > li .box.stl{
    background-color: #d4bca7;
    box-shadow: 4px 4px 7px #c3c3c3;
    transform: translateX(20px);
  }
  .gift_info .container > .lf .info_box > ul > li .box.stl .txt{
    color: #fff;
  }
  .gift_info .container > .rg{}
  .gift_info .container > .rg .txt_box{
    text-align: left;
  }
  .gift_info .container > .rg .txt_box .tit{
    margin: 0 0 20px 0;
    line-height: 33px;
    font-size: 22px;
  }
  .gift_info .container > .rg .txt_box .line{
    width: 33px;
    height: 1px;
    background-color: #000000;
    display: inline-block;
    margin: 0 0 20px 0;
  }
  .gift_info .container > .rg .txt_box .s_txt{
    font-size: 16px;
    margin-bottom: 17px;
  }
  .gift_info .container > .rg .txt_box .txt{
    line-height: 21px;
    font-size: 14px;
    font-family: 'Noto_l';
    color: #555;
  }

  .end_invi{}
  .end_notice{
      width: 100%;
      margin: 0 auto;
      display: inline-block;
  }
  .end_notice p{
      text-align: center;
      font-size: 16px; line-height: 26px;
      color: #585858;
  }
  .end_notice h2{
      font-size: 20px;
      text-align: center;
      margin:10px 0;
  }
  .end_notice ul{
      display: inline-block;
      width: 100%;
      margin-top: 40px;
      padding: 50px 0 0 0;
  }
  .end_notice li{
      width: 100%;
      display: inline-block;
  }
  .end_notice i{
      font-size: 30px;
      color: #354f5c;
  }
  #map01 img{ display: none;  width: 100%;}

}




/* ==== 모바일(767) 항상적용 오버라이드 ==== */

  .wrap .content .Invitation_content {
    width: 100%;
    position: relative;
    margin-top: 80px;
  }

  .wrap .content .Invitation_content .Invitation_menu {
    list-style: none;
    width: 100%;
    height: 57px;
    margin: 0 auto;
  }

  .wrap .content .Invitation_content .Invitation_menu li {
    float: left;
    border-bottom: 0px solid #ccc;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 33.3%;
    font-size: 13px;
    cursor: pointer;
    color: #888888;
  }

  .wrap .content .Invitation_content .cate_line {
    border-top: 1px solid #ccc;
    position: absolute;
    top: 59px;
    width: 100%;
  }

  .wrap .content .skin_wrap {
    width: 95%;
    overflow-x: auto;
    margin: 30px auto;
    padding-bottom: 3%;
  }

  .wrap .content .skin_wrap .wedding_skin {
    width: 2470px;
  }

  .wrap .content .skin_wrap .baby_skin {
    width: 950px;
    display: none;
  }

  .wrap .content .skin_wrap .thanks_skin {
    width: 380px;
    display: none;
  }

  .wrap .content .skin_wrap .skin_over {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
  }

  .wrap .content .skin_wrap .skin_over>li {
    float: left;
    width: 200px;
    height: auto;
    margin-right: 35px;
    position: relative;
  }

  .wrap .content .skin_wrap .skin_over>li>div>img {
    width: 100%;
    border-radius: 10px;
  }

  .wrap .content .skin_wrap .skin_over>li>.hover_black {
    width: 200px;
    height: 100%;
    font-size: 20px;
    color: #fff;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    text-align: center;
    top: 0px;
    border-radius: 30px 30px 0 0;
  }

  .wrap .content .skin_wrap .skin_over>li>.hover_black .skin_name {
    margin-top: 95px;
    font-size: 20px;
    margin-bottom: 15px;
  }

  .wrap .content .skin_wrap .skin_over>li>.hover_black .skin_view {
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    width: 85px;
    margin: 2px auto;
    font-size: 12px;
    padding: 2px 0px;
    font-family: 'mon_m';
  }

  .wrap .content .skin_wrap .skin_over>li:hover>.hover_black {
    display: block;
  }

  .wrap .content .Invitation_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999999;
    display: none;
  }

  .wrap .content .Invitation_bg .skin_phone {
    position: absolute;
    width: 320px;
    height: 652px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  .wrap .content .Invitation_bg .skin_phone div {
    width: 305px;
    height: 502px;
    overflow: auto;
    margin: 70px auto 0;
  }
  .wrap .content .Invitation_bg .skin_phone div iframe {
    height: 100%;
  }

  .wrap .content .Invitation_bg .skin_phone i {
    color: #fff;
    position: absolute;
    top: 18px;
    right: 0px;
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
  }
  .wrap .content .Invitation_top{
    padding: 0 0 40px 0;
    background-image: url(https://feelmaker.co.kr/img/Invitation/Invitation_mo_0311.jpg);
  }
  .Invitation_top .container{
    flex-direction: column;
  }
  .Invitation_top .container .top_title{
    order: 1;
    margin: 15px 0 0 0;
  }
  .Invitation_top .container .ph_box{
    width: 90%;
  }
  .top_title_{
      width: 100%;
      top: 30%;
  }
  .top_title_1 h2{
      font-family: 'noto_l';
      color: #506968;
      font-size: 20px;
  }
  .top_title_1 p{
      font-size: 20px;
      line-height: 28px;
      margin: 15px 0 20px 0;
  }
  .top_title_1{
      width: 95%;
      margin: 0 auto;
      text-align: center;
  }
  .top_title_1 span{
      font-size: 12px;
  }
  .top_title_1 .hash {margin:0 0 20px 0;}
  .top_title_1 .hash span{
    font-size: 12px;
    margin-right: 5px;
  }
  .top_title_1 .hash span:last-child{
    margin-right: 0px;
  }
  .top_title_1 .invi_btn {
    margin:15px 0 0 0;
  }
  .top_title_1 button{
      border: 0;
      margin: 30px 0;
      width: 300px;
      background: #354f5c;
      color: #fff;
      padding: 15px;
      border-radius: 3px;
  }
  .top_title_1 button > a{
      color: #fff;
      font-size:16px;
  }
  .map02 .pc{
    gap: 0;
    flex-direction: column;
  }
  .map02 .pc > li{
    width: 100%;
    flex: 1;
    padding: 15px;
    align-items: center;
    gap:10px;
  }
  .map02_img{width:100%}
  #map02 img{width: 300px !important; margin:20px 0 0 0;}
  #map02{ padding:0 0 20px 0;
      width: 100%;
      background: #f9f4ee;
      display: inline-block;
      margin-top:0px;
  }
  .map02_title{
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .map02_title .pc {display: none;}
  .map02_title h2{
      font-size: 30px;
      color: #525252;
      font-family: 'noto_l';
  }
  .map02_title h1{
      font-size: 30px;
      color: #243b7d;
      font-family: 'noto_l';
  }
  .map02_title p{
      font-size: 18px;
      color: #000;
      margin-top: 15px;
  }
  .map02_title span {
    font-size: 14px;
  }
  .map02_bg{
    padding: 0;
  }
  .map02 ul{
    width: 100%;
    margin: 0 auto; padding: 0 10px;
    display: inline-block;
  }
  .map02 li{
    display: block; float: left;
    width: 50%; background: #fff; border: 10px solid #f9f4ee; border-radius: 10px;
    height: 140px;
    padding:14px 0;
    line-height: 20px;
    box-sizing: border-box;
  }
  .map02 ul >li >p{
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
  }
  .map02 li > i{
    background: #fad1cf;
    border-radius: 2em;
    color: #fff; margin:0 auto 10px;
    font-size: 20px; width: 30px; height: 30px; line-height: 30px;
    display: block;
  }
  .map02 .pc > li .box i{
    font-size: 1.1rem;
  }
  .keyft_pay{
    margin: 0 0 80px 0;
  }
  .keyft_pay > .img_box2{
    width: 90%;
  }
  .kakao_pay .container .txt_list > .txt{
    font-size: 18px;
    line-height: 26px;
  }
  .kakao_pay .container .img_box {
    gap: 15px;
    flex-direction: column;
  }
  .kakao_pay .container .img_box .item .box .tit{
    font-size: 16px;
    margin-bottom: 11px;
  }
  .keyft_pay .container .txt_box {
    margin: 10px 0 20px 0;
    width: 100%;
    text-align: center;
  }
  .keyft_pay .container .txt_box > .s_txt {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 20px 0;
  }
  .keyft_pay .container {
    padding: 0 15px;
    flex-direction: column;
  }
  .keyft_pay .container .txt_box > .tit {
    margin: 0 0 10px 0;
    line-height: 26px;
    font-size: 18px;
    color: #ffffff;
  }
  .keyft_pay .container .txt_box .txt_list > ul > li{
    align-items: flex-start;
  }
  .keyft_pay .container .txt_box .txt_list > ul > li .rg .txt{
    text-align: left;
  }
  .keyft_pay .container .ph_box {
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
  }

  .info_conts .container .conts {
    padding: 0 15px;
  }
  .info_conts .container .conts > ul > li {
    margin: 0 0 80px 0;
    flex-direction: column;
  }
  .info_conts .container .conts > ul > li:nth-child(2n) .txt_box {
    margin: 0 0 0 0;
    order: 2;
  }
  .info_conts .container .conts > ul > li:nth-child(2n) > .img_box{
    margin: 0 0 15px 0;
  }
  .info_conts .container .conts > ul > li > .img_box{
    margin: 0 0 15px 0;
    padding: 20px;
  }
  .info_conts .container .conts > ul > li .txt_box{
    text-align: center;
  }
  .info_conts .container .conts > ul > li > .img_box .txt {
    left: -1px;
    top: -8px;
  }
  .info_conts .container .conts > ul > li .txt_box .tit {
    margin: 0 0 17px 0;
    line-height: 26px;
    font-size: 18px;
  }
  .info_conts .container .conts > ul > li .txt_box .s_txt {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 8px 0;
  }
  .gift_info .container {
    padding: 50px 15px;
    gap: 0px;
    flex-direction: column;
  }
  .gift_info .container .lf{
    padding: 0 40px;
    margin: 0 0 30px 0;
  }
  .gift_info .container > .rg .txt_box{
    text-align: center;
  }
  .gift_info .container > .rg .txt_box .tit {
    margin: 0 0 15px 0;
    line-height: 26px;
    font-size: 18px;
  }
  .gift_info .container > .lf .info_box > ul > li .box .txt {
    font-size: 14px;
  }

  .end_invi{}
  .end_notice{
    padding: 0 16px;
      width: 100%;
      margin: 0 auto;
      display: inline-block;
  }
  .end_notice p{
      text-align: center;
      font-size: 14px; line-height: 24px;
      color: #585858;
  }
.end_notice p span {padding-left: 20px; position: relative; font-size: 14px;}
.end_notice p span::before {display: block; content: ''; width: 2px; height: 2px; background: #aaa; border-radius: 100%; position: absolute; top: 10px; left: 10px;}
  .end_notice h2{
      font-size: 16px;
      text-align: center;
      margin:10px 0;
  }
  .end_notice ul{
      padding: 0px 0 0 0;
  }
  .end_notice li{
      width: 100%;
      display: inline-block;
  }
  .end_notice i{
      font-size: 30px;
      color: #354f5c;
  }
  #map01 img{ display: none;  width: 100%;}