.inner {max-width: 1280px;margin: 0 auto;padding: 0 20px;} 
.share-wrap {color: #131618;-webkit-font-smoothing: antialiased;font-weight: 500;position: relative;word-break: keep-all;}
.share-wrap .share-header {border-bottom: 1px solid #e8e8e8;padding: 10px 0;position: fixed;width: 100%;background: #ffffff;z-index: 500;}
.share-wrap .share-header h1 {float: left;height: 42px;}
.share-wrap .share-header h1 a {display: flex;height: 100%;align-items: center;}
.share-wrap .share-header a.subbtn {float: right;font-size: 15px;background-color: #764ccb;color: #fff;line-height: 40px;border-radius: 5px;display: inline-block;padding: 0 16px;}
.share-wrap .pay-title {overflow: hidden;text-align: center;height: 980px;padding-top: 63px;position: relative;}
.share-wrap .pay-title .share_main{}
.share-wrap .pay-title .share_main .title{text-align: left; float: left;padding-top: 150px;}
.share-wrap .pay-title .share_main .title .top{font-size: 26px; line-height: 36px; font-weight: 500; color: #1429A0;margin-bottom: 20px;}
.share-wrap .pay-title .share_main .title .tit{font-size: 62px; line-height: 70px; font-weight: 700; color: #1e1e1e;margin-bottom: 40px;}
.share-wrap .pay-title .share_main .title .share_hashtag{margin-bottom: 40px;}
.share-wrap .pay-title .share_main .title .share_hashtag li{display: inline-block;background: #DEE3FF; color: #1429A0; line-height: 30px; border-radius: 6px;padding: 0 10px;}
.share-wrap .pay-title .share_main .title .sub{color: #868686; font-size: 24px; font-weight: 500; line-height: 36px;margin-bottom: 54px;}
.share-wrap .pay-title .share_main .title .share_servc_btn{color: #fff;background: #1e1e1e;border-radius: 100px;font-size: 20px;font-weight: 500;padding: 26px 50px;line-height: 80px;}
.share-wrap .pay-title .share_main .imgwrap{display: flex; float: right; width: 420px;position: relative;overflow: hidden;}
.share-wrap .pay-title .share_main .imgwrap img{width: 100%; padding-top: 36px;}
.share-wrap .pay-title .share_main .imgwrap img.chatting{position: absolute; top: 0; left: 0; width: 420px; z-index: 1;}

/* 泥댄겕�빐蹂댁꽭�슂 */
.share-wrap .sharepay-guide{background: #F9F9F9; text-align: center;padding: 160px 0; position: relative;}
.share-wrap .sharepay-guide::after{content: ""; display: inline-block; position: absolute; left: 50%; top: 255px; transform: translateX(-50%); background: url(../../images/sharePay/share_check_line.svg) no-repeat; width: 20px; height: 1718px;}
.share-wrap .share_check h2{color: #1e1e1e; font-size: 50px; font-weight: 700; line-height: 62px;}
.share-wrap .share_check ul{margin: 0 auto;display: flex;flex-direction: column;width: 100%;gap: 34px;padding: 71px 140px;}
.share-wrap .share_check ul li{display: flex;width: 100%; justify-content: space-between;font-size: 32px; line-height:45px; color: #1e1e1e;letter-spacing: -1px;}
.share-wrap .share_check ul li div{width: 50%;display: flex;flex-direction: column;align-items: flex-start;}
.share-wrap .share_check ul li img{margin-bottom: 25px;}
.share-wrap .share_check ul li span{color: #afafaf;}
.share-wrap .share_check ul li .check_rightside{padding-left: 35px;}

 /* �굹�닠�꽌 �븿猿� �븯�뒗 �듅蹂꾪븳 寃곗젣 �꽌鍮꾩뒪 = �굹�닎寃곗젣 */
.share-wrap .share_step, .share-wrap .share_discrip{background: #1e1e1e;text-align: center;padding: 160px 0;}
.share-wrap .share_step h2, .share-wrap .share_discrip h2{color: #fff; font-size: 50px; font-weight: 700; line-height: 62px;display: flex;align-items: center;justify-content: center;margin-bottom: 80px;}
.share-wrap .share_step{position: relative;}
.share-wrap .share_step::after{content: ""; display: inline-block; position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); background: url(../../images/sharePay/share_step_line.svg) no-repeat;width: 100%;height: 27px;background-position: center;}
.share-wrap .share_step h2 .txt_leftside{text-align: center;}
.share-wrap .share_step h2 .txt_leftside span{color: #999999;display: block;}
.share-wrap .share_step .txt_rightside{color: #fff; font-size: 50px; font-weight: 700; line-height: 62px;}
.share-wrap .share_step .txt_rightside strong{margin: 0 20px;}
.share-wrap .share_step ul{display: flex;flex-direction: row;justify-content: space-between; z-index: 1;position:relative;}
.share-wrap .share_step ul li{width: calc(25% - 10px); height: 573px; padding:25px 0; background: #fff; border-radius: 25px;background-size: cover; background-position:center 11px;background-size: cover;overflow: hidden; display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.share-wrap .share_step ul li span{color:#fff; font-size: 18px; font-weight: 500; line-height: 20px; padding: 10px 26px; background: #1429A0;margin-bottom: 23px; border-radius: 20px;}
.share-wrap .share_step ul li p{color: #1e1e1e; font-weight: 500; font-size: 28px; line-height: 40px;}
.share-wrap .share_step ul li:nth-child(1){background-image: url(../../images/sharePay/share_step_01.svg); }
.share-wrap .share_step ul li:nth-child(2){background-image: url(../../images/sharePay/share_step_02.svg); }
.share-wrap .share_step ul li:nth-child(3){background-image: url(../../images/sharePay/share_step_03.svg); }
.share-wrap .share_step ul li:nth-child(4){background-image: url(../../images/sharePay/share_step_04.svg); }

/* 紐⑤퉴�럹�씠 �굹�닎寃곗젣�뒗 �븘二� �듅蹂꾪빐�슂 */
.share-wrap .share_discrip{position: relative;}
.share-wrap .share_discrip::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 231px; background: url(../../images/sharePay/share_discrip_line.svg) no-repeat;background-position: center;}
.share-wrap .share_discrip .share_discrip_cont{display: flex;justify-content: space-between;}
.share-wrap .share_discrip .share_discrip_cont > div{width: calc(50% - 10px); background: #fff; border-radius: 25px; padding: 52px;z-index: 1;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_top{display: flex; border-bottom: 1px solid #AFAFAF;padding-bottom: 32px;justify-content: space-between;align-items: center;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_top img{width: 150px; height: 150px;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_top span{font-size: 30px; font-weight: 600; color: #1e1e1e; line-height: 42px;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom{padding-top: 32px; font-size: 24px; font-weight: 400; line-height: 36px;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom li{margin-bottom: 22px;position: relative; text-align: left;font-size: 20px;line-height: 32px;word-break: keep-all;padding-left: 15px;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom li::before{content: "";position: absolute;top: 15px;left: -6px;display: inline-block;width: 5px;height: 5px;background: #cccccc;border-radius: 50%;}
.share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom li:last-of-type{margin-bottom: 0;}

/* �꽌鍮꾩뒪 �떊泥��븯湲� */
.guide-sec{text-align: center;}
.guide-sec.submit{background: #1429A0; padding: 100px 0;}
.guide-sec.submit .subtit{font-size: 42px; color: #fff; line-height: 60px; font-weight: 700;margin-bottom: 25px;}
.guide-sec.submit .subtit-p{color: #EBEBEB; font-size: 28px; line-height: 36px;font-weight: 400;margin-bottom: 70px;}
.guide-sec.submit a.sharebigbtn{background: #fff; color: #1429A0; font-size: 24px; font-weight: 600; line-height: 40px;padding: 24px 55px; display: inline-block; border-radius: 50px; transition: .3s;}
.sharebigbtn:hover {transform: translateY(-10px);}
.guide-sec.csinfo{background: #454545;padding: 100px 0;}
.guide-sec.csinfo p{font-size: 32px; color: #fff; line-height: 60px; font-weight: 600;}

.sharepay-ft {background: #1e1e1e;}
.sharepay-ft .ft-wrap {display: flex;padding: 30px 0;justify-content: space-between;align-items: center;}
.sharepay-ft .ft-wrap h1 a {display: inline-block;background: url(../../images/sharePay/2026/logo_w.svg) no-repeat center;width: 130px;height: 30px;}
.sharepay-ft .ft-wrap p {color: #fff;font-size: 15px;line-height: 1.5;letter-spacing: .05rem;}

@media screen and (max-width: 1270px) {
    .share-wrap .share_check ul {padding: 100px 50px;}
    .share-wrap .share_check ul {gap: 20px;}
}

@media screen and (max-width: 1200px) {
    .inner { padding: 0 100px; } 
    .share-wrap .share_check ul {padding: 100px 0;}
    .share-wrap .pay-title .share_main .imgwrap img {width: 90%;}
    .share-wrap .pay-title .share_main .imgwrap img.chatting{width: 90%;}
    .share-wrap .share_check ul li .check_rightside {padding-left: 20px;}
}

@media screen and (max-width: 1080px) {
    .share-wrap .pay-title .share_main .title .top {font-size: 20px;line-height: 36px;margin-bottom: 20px;}
    .share-wrap .pay-title .share_main .title .tit {font-size: 48px;line-height: 60px;margin-bottom: 20px;}
    .share-wrap .pay-title .share_main .title .share_hashtag {margin-bottom: 20px;}
    .share-wrap .pay-title .share_main .title .sub {font-size: 20px;line-height: 28px;margin-bottom: 30px;}

    .share-wrap .share_check ul {padding: 100px 0;gap: 40px;padding: 95px 0;}
    .share-wrap .share_check ul li {font-size: 28px;line-height: 40px;    }

    .share-wrap .share_step h2, .share-wrap .share_discrip h2 {font-size: 40px; line-height: 52px;}
    .share-wrap .share_step::after{display: none;}
    .share-wrap .share_step .txt_rightside {font-size: 40px;}
    .share-wrap .share_check h2 {font-size: 40px;line-height: 52px;}
    .share-wrap .share_step ul {flex-wrap: wrap;row-gap: 20px;}
    .share-wrap .share_step ul li {width: 100%;height: 280px;padding: 25px 64px;background-position: right;background-size: contain;background-repeat: no-repeat;flex-direction: column;align-items: flex-start;justify-content: center;text-align: left;    }
    .share-wrap .share_step ul li:nth-child(1) {background-image: url(../../images/sharePay/share_step_01_tab.svg);}
    .share-wrap .share_step ul li:nth-child(2) {background-image: url(../../images/sharePay/share_step_02_tab.svg);}
    .share-wrap .share_step ul li:nth-child(3) {background-image: url(../../images/sharePay/share_step_03_tab.svg);}
    .share-wrap .share_step ul li:nth-child(4) {background-image: url(../../images/sharePay/share_step_04_tab.svg);}

    .share-wrap .share_discrip .share_discrip_cont > div .wrap_top img {width: 100px;height: 100px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_top span {font-size: 24px;}
    .share-wrap .share_discrip .share_discrip_cont > div {padding: 30px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_top {padding-bottom: 28px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom li {margin-bottom: 18px;}
    .guide-sec.submit .subtit {font-size: 28px;line-height: 42px;margin-bottom: 10px;}
    .guide-sec.submit .subtit-p {font-size: 20px;margin-bottom: 40px;}
    .guide-sec.submit a.sharebigbtn {font-size: 22px;padding: 20px 42px;}
    .guide-sec.csinfo p {font-size: 28px;line-height: 42px;}

    .guide-sec.submit {padding: 54px 0;}
    .guide-sec.csinfo {padding: 84px 0;}
}
@media screen and (max-width: 960px) {
    .inner {padding: 0 50px;}
    .share-wrap .pay-title {height: auto;}
    .share-wrap .pay-title .share_main .title {text-align: center;float: none;padding-top: 72px;}
    .share-wrap .pay-title .share_main .title .share_servc_btn{display: none;}
    .share-wrap .pay-title .share_main .imgwrap {float: none;margin: 0 auto;justify-content: center;}
    .share-wrap .pay-title .share_main .imgwrap img {padding-top: 12px;}
    .share-wrap .pay-title .share_main .imgwrap img.chatting {left: 50%;transform: translateX(-50%);}
    .share-wrap .share_check ul {gap: 50px;}
    .share-wrap .share_check ul li {font-size: 24px;line-height: 36px;}

    .share-wrap .share_discrip .share_discrip_cont {flex-direction: column;gap: 20px;}
    .share-wrap .share_discrip .share_discrip_cont > div {width:100%; padding: 25px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_top {padding-bottom: 20px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom {padding-top: 20px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_bottom li {margin-bottom: 12px;font-size: 18px;line-height: 24px;}
}

@media screen and (max-width: 720px) {
    .inner {padding: 0 20px;}
    
    .share-wrap .share_check ul li {flex-direction: column;flex-wrap: nowrap;align-items: center;}
    .share-wrap .share_check ul li:nth-child(1) .check_rightside, .share-wrap .share_check ul li:nth-child(3) .check_rightside{display: none;}
    .share-wrap .share_check ul li:nth-child(2) .check_leftside, .share-wrap .share_check ul li:nth-child(4) .check_leftside{display: none;}
    .share-wrap .share_check ul li {justify-content: center;flex-direction: column;align-items: center;background: linear-gradient(0deg, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 22%, rgba(249,249,249,1) 79%, rgba(249,249,249,0) 100%);}
    .share-wrap .share_check ul li div {width: 100%;align-items: center;}
    .share-wrap .share_check ul li .check_rightside {padding-left: 0;}
    .share-wrap .share_check ul {z-index: 1;position: relative;gap: 60px;padding: 96px 0;}
    .share-wrap .share_check ul li:first-child{padding-bottom: 27px;}


    .share-wrap .share_step, .share-wrap .share_discrip {padding: 100px 0;}
    .share-wrap .share_step h2 {flex-direction: column;}
    .share-wrap .share_step .txt_rightside strong {margin: 0 20px 0 0;}

    .guide-sec.submit {padding: 40px 0;}
    .guide-sec.submit .subtit {font-size: 24px;line-height: 36px;margin-bottom: 10px;}
    .guide-sec.submit .subtit-p {font-size: 18px;margin-bottom: 22px;}
    .guide-sec.submit a.sharebigbtn {font-size: 18px;padding: 13px 28px;}
    .guide-sec.csinfo p {font-size: 24px;line-height: 36px;}

    .sharepay-ft .ft-wrap p {font-size: 13px;}
    .share-wrap .share_step ul li {padding: 25px 40px; height: 220px;}
    .sharepay-ft .ft-wrap {flex-direction: column;}
    .sharepay-ft .ft-wrap p {font-size: 12px;padding: 6px 0 0 0;opacity: 0.5;text-align: center;font-weight: 500;}
    .guide-sec.csinfo p br {display: none;}
   }

   @media screen and (max-width: 450px) {
    .share-wrap .pay-title .share_main .imgwrap {justify-content: center;width: 100%;}
    .share-wrap .pay-title .share_main .title {padding-top: 40px;}
    .share-wrap .pay-title .share_main .title .top {font-size: 18px;line-height: 32px;margin-bottom: 10px;}
    .share-wrap .pay-title .share_main .title .sub {font-size: 18px;line-height: 24px;margin-bottom: 10px;}
    .share-wrap .pay-title .share_main .title .tit {font-size: 36px;line-height: 42px;margin-bottom: 18px;}
    .share-wrap .pay-title .share_main .title .share_hashtag {margin-bottom: 18px;}
    .share-wrap .pay-title .share_main .title .share_hashtag li {padding: 0 8px;font-size: 14px;}

    .share-wrap .pay-title .share_main .imgwrap img {width: 100%;}
    .share-wrap .pay-title .share_main .imgwrap img.chatting {width: 100%;}

    .share-wrap .sharepay-guide {height: auto; padding: 80px 0;}
    .share-wrap .sharepay-guide::after {top: 145px;width: 14px;height: 912px;background-size: 100%;background: url(../../images/sharePay/share_check_line_tab.svg) no-repeat;background-size: 100%;}

    .share-wrap .share_check ul {padding: 24px 0;gap: 86px;padding: 60px 0;}
    .share-wrap .share_check ul li {font-size: 20px;line-height: 30px;}
    .share-wrap .share_check ul li img {width: 38px;margin-bottom: 16px;}
    .share-wrap .share_check h2{font-size: 32px;}

.share-wrap .share_step h2{font-size: 20px;line-height: 36px;flex-direction: column;margin-bottom: 40px;}
    .share-wrap .share_step h2 .txt_leftside span{display: inline-block;}   
    .share-wrap .share_step h2 .txt_leftside {margin-bottom: 5px;}
    .share-wrap .share_step .txt_rightside {font-size: 32px;line-height: 40px;}
    .share-wrap .share_step ul li {height: 156px;padding: 25px;}
    .share-wrap .share_step ul li span {font-size: 14px;padding: 8px 14px;margin-bottom: 12px;border-radius: 20px;}
    .share-wrap .share_step ul li p {font-size: 20px;line-height: 30px;letter-spacing: -1px;}

    .share-wrap .share_discrip h2 {width: 80%;font-size: 32px;line-height: 40px; word-break: keep-all;margin: 0 auto 40px;}
    .share-wrap .share_step, .share-wrap .share_discrip {padding: 80px 0;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_top img {width: 80px;height: 80px;}
    .share-wrap .share_discrip .share_discrip_cont > div .wrap_top span {font-size: 20px;}

    .guide-sec.submit {padding: 30px 0;}
    .guide-sec.submit .subtit {font-size: 18px;line-height: 28px;margin-bottom: 4px;}
    .guide-sec.submit .subtit-p {font-size: 15px;margin-bottom: 18px;}
    .guide-sec.submit a.sharebigbtn {font-size: 16px;padding: 6px 24px;}
    .guide-sec.csinfo p {font-size: 20px;line-height: 32px;}
    .guide-sec.csinfo {padding: 36px 0;}

/*     .sharepay-ft .ft-wrap h1 a {width: 100px;} */

}
