/* 공통 상단 이미지 및 타이틀 */
.bg_top{ height:400px; line-height:400px;max-width:1720px; width:100%;margin:50px auto 0; border-radius: 30px;position:relative;}
.bg_top h2{color:#fff;font-size:clamp(20px,2.48579vw,36px);font-weight:bold; text-align:center;}
.bg_top2{ margin-top: 198px;}
.bg_top2 h2{position: absolute;top:-20%;color: #333; left: 50%; transform: translate(-50%, -50%);}
.bg_domerook{background:url('../../content/images/top_visual_domerook.png') 0 0 no-repeat; background-size: cover;}
.bg_company{background:url('../../content/images/top_visual_compay.png') 0 0 no-repeat; background-size: cover;}
.bg_propose{background:url('../../content/images/top_visual_propose.png') 0 0 no-repeat; background-size: cover;}
.bg_payment{background:url('../../content/images/top_visual_payment.png') 0 0 no-repeat; background-size: cover;}
.bg_sspay{background:url('../../content/images/top_visual_sspay.png') 0 0 no-repeat; background-size: cover;}
.bg_srook{background:url('../../content/images/top_visual_srookpay.png') 0 0 no-repeat; background-size: cover;}
.bg_celeb{background:url('../../content/images/top_visua_celeb.png') 0 0 no-repeat; background-size: cover;}
.bg_linkon{background:url('../../content/images/top_visual_linkon.png') 0 0 no-repeat; background-size: cover;}
.bg_form{background:url('../../content/images/top_visual_srookform.png') 0 0 no-repeat; background-size: cover;}
.con_top .tit{font-size:clamp(20px,2.4566vw, 36px);font-weight:bold; margin:100px auto 82px; text-align:center;}
.con_top .tit.align_left{text-align:left;}
.con_top .tit span,.con_top .tit span em{font-size:clamp(24px,2.4566vw, 36px);font-weight:bold}
.con_top .tit br.mo_show {display:none;}

.sy_con_top {max-width:1720px; width:100%; margin:103px auto 92px; padding-left:95px;}
.sy_con_top .tit {font-size:clamp(20px, 5.3vw ,34px); font-weight:bold;}
.sy_con_top ul li {font-size:clamp(16px,4.2vw,30px);}

.sub_tit {margin-bottom:50px; text-align: center;}
.sub_tit h3 {font-size:clamp(20px, 5.3vw, 32px); margin-bottom:25px; font-weight: bold;}
.sub_tit p {font-size:clamp(14px, 3.7vw ,24px); color:#727272;}
.flex_sub_con {position:relative; padding:100px 0; overflow:hidden;}
.flex_sub_con .inn:after {content: ''; display: block; clear: both;}
.flex_sub_con .con {position:absolute; width:640px; right:50%; margin:100px -640px 0 0;}
.flex_sub_con .con h4 {font-size:clamp(18px,4.8vw,32px); margin-bottom:25px; white-space: nowrap;}
.flex_sub_con .con p {font-size:clamp(16px,4.2vw,24px); color:#727272; white-space: nowrap;}
.flex_sub_con img {filter:drop-shadow(-5px 19px 31px #EBEFF3); float:left; max-width:45%;}
.flex_sub_con.bg {background:#F8F8F8; padding:78px 0;}
.flex_sub_con.bg .con {right:auto; left:50%; margin:100px 0 0 -640px;}
.flex_sub_con.bg img {filter:drop-shadow(-5px 19px 31px rgba(40,40,40,0.1)); float:right;}
.sub_bnr {margin:0 auto 170px; width:1720px; position:relative;}
.sub_bnr .txt {position:absolute; left:100px; bottom:45px;}
.sub_bnr p {font-size:24px; font-weight:bold; color:#fff;}
.sub_bnr span {font-size:20px; color:#fff;}
.scrolling-image {width: 100%; height:200px; background-repeat: repeat-x;  animation: scroll 10s linear infinite; position:relative;z-index:0;}
.scrolling-image.srookform{top:0;background-image: url('../../content/images/bg_srookform2.svg');}
.scrolling-image.domerook{top:69px;background-image: url('../../content/images/bg_domerook.svg');}
.scrolling-image.linkon{top:-79px;background-image: url('../../content/images/bg_linkon.svg');width:120%}
.scrolling-image.srookpay{top:-79px;background-image: url('../../content/images/bg_srookpay.svg');}
.scrolling-image.celebtion{top:-79px;background-image: url('../../content/images/bg_celebtion.svg');}
  @keyframes scroll {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: -100% 0;
    }
  }



/* 404 */
.error_404 {margin:190px auto 450px; text-align: center; max-width:412px;}
.error_404 .img {margin-bottom:15px;}
.error_404 .txt {padding-bottom:20px; margin-bottom:15px; border-bottom: 1px solid #E8E8E8; font-size:24px; font-weight:500; color:#727272;}
.error_404 .txt span {display:block; font-size:18px; color:#B4B4B4; font-weight:400; margin-top:10px;}
.error_404 .er_fo {display: flex; justify-content: space-between; padding:0 24px;}
.error_404 .er_fo p {font-size:22px; color:#B4B4B4;}
.error_404 .er_fo p a {font-size:24px; font-weight:bold; color:#B4B4B4;}

/* 연혁 */
.cp_history {max-width:1500px; min-width:1280px; margin:0 auto 500px; display: flex; justify-content: space-between;}
.cp_history .since_yy {margin-top:100px; font-size:20px; font-weight:bold;}
.cp_history .since_yy p {font-size:50px; font-weight:bold; line-height:1;}
.cp_history .since_yy p em {font-size:50px; font-weight:bold; color:#005DAB; line-height:1;}
.cp_history .title .txt {margin-top:22px; font-size:32px; line-height:1.4;}
.cp_history .title .txt b {font-size:32px;}
.cp_history .history {position:relative;}
.cp_history .history:before {content:""; position:absolute; left:136px; top:0; width:1px; height:calc(100% - 100px); background:#DFDFDF;}
.cp_history .history dl {display:flex; gap:130px; padding-top:50px; position:relative;}
.cp_history .history dl:after {content:""; position:absolute; left:123px; top:55px; width:27px; height:27px; background:url(../images/i_history.svg)no-repeat 0 0;  transition: all .3s;}
.cp_history .history dt {position:relative; font-size:32px; color:#B4B4B4; font-weight:bold; line-height:1; transition: all .3s;}
.cp_history .history p {position:relative; padding-left:25px; font-size:28px; font-weight: 500; color:#B4B4B4; line-height:1; transition: all .3s;}
.cp_history .history p + p {margin-top:15px;}
.cp_history .history p::before {content:"·"; position:absolute; left:0; }
.cp_history .history dl.on:after {background-image: url(../images/i_history_on.svg);}
.cp_history .history dl.on dt {color:#005DAB;}
.cp_history .history dl.on p {color:#282828;}


/* 제휴 · 제안 */
.con_top.propose_top .tit{margin:100px 10px 35px}
.propose_form {border-top:4px #282828 solid ;padding:60px 0;}
.propose_form  ul li {display:flex;margin-bottom:45px;gap: 40px;}
.propose_form  ul li  div {width:50%;position:relative;}
.propose_form  ul li  div.full{width:100%;}
.propose_form  ul li  div .ip_tit{font-size:18px;color:#191919;display:block;margin-bottom:15px;font-weight:500;}
.propose_form  ul li  div input[type="text"]{ border:1px solid #C9C9C9; border-radius:4px;max-width:600px; height:55px;width:100%;font-size:16px; color:#191919;padding:15px;}
.propose_form .ip_ta{border:1px solid #C9C9C9; border-radius:4px;width:100%;height:330px;padding:20px;resize:none;max-width:1260px;font-size:16px;}
.propose_form  ul li .fc_red{background:#FF3D3D;border-radius:100%;width:5px;height:5px;display:inline-block;margin:0 7px 3px 0;}
.propose_form .mr5{margin-right:5px;}
.propose_form .ml5{margin-left:5px;}
.propose_form .mr24{margin-right:24px;}
.propose_form select{-webkit-appearance:none; -moz-appearance:none; appearance:none;font-size:16px; color:#191919; max-width:600px; height:55px;width:100%;padding:15px 30px 15px 15px; background:#fff url(../../content/images/i_selectbox.svg) 95% center no-repeat; border:1px solid #C9C9C9; border-radius:4px;}
.btn_submit{ display: block;width:334px;height:60px;padding: 0 17px ; line-height: 60px;  font-size:20px; font-weight:500; color:#fff;  border-radius: 7px;  background: #005DAB;margin:60px auto;}
.p_txt{color:#707070;font-size:16px;}
.insert {display:flex; align-items: center; }
.propose_form .rd_box input[type="radio"]{width:22px;height:22px;vertical-align: sub;}

.insert .file_list {display:flex;margin-left:15px;}
.insert .file_list .filebox{position:relative; width:auto;margin-right:32px;}
.insert .file_list .filebox p {font-size: 14px; display: inline-block;}
.insert .file_list .filebox .delete{ color: #ff5353;  margin-left: 5px; background:url(../../content/images/btn_delete.svg) 0 0 no-repeat;  display: inline-block; width: 15px;height: 15px; background-size: 15px;position:absolute;right: -22px;top: 14px;}
.file_attach{color:#191919;font-size:18px;font-weight:bold;margin-bottom:15px;display:block;}
.btn_upload{width:114px;  height: 44px;  background: #fff; padding:10px; border: 1px solid #C9C9C9;  border-radius: 10px;font-size:16px; font-weight: 500;  cursor: pointer;text-align:center; display:inline-block}
 #file{display:none;}
.agree_sub_txt{padding:23px 24px;border:1px solid #C9C9C9; border-radius:10px; max-width:1260px;margin-top:16px;margin-bottom:30px;}
.agree_sub_txt ol li{color:#707070;font-size:16px;margin-bottom:12px;}
.agree_sub_txt ol {margin-bottom:24px;}
.agree_sub_txt .end_txt{color:#253340;font-weight:500;font-size:16px;}
.agree_txt label{color:#191919;font-size:18px; font-weight:500;}
.agree_txt label em{color: #ff5353;  margin-left: 5px;}
.agree_txt label .ip_chk{width:24px;height:24px;vertical-align: sub;margin-right:7px;}
.customer_box{padding:23px 24px;border:1px solid #C9C9C9; border-radius:10px; max-width:1260px;background-color:#FBFBFB;}
.customer_box p{color:#707070;font-size:16px;margin-bottom:13px;}
.customer_box .red_txt{color:#FF3D3D;margin-bottom:18px;}
.txt_count{position: absolute;bottom: -22px;right: 25px; color: #D2D2D2;font-size: 16px;}
.txt_count span{color:#D2D2D2;font-size:16px;}


/* 온라인 결제 인증 */
.asc_con .tit {margin-bottom:50px; font-size:clamp(18px, 4.8vw, 30px); text-align:center; font-weight: 500;}
.asc_con01 {padding:80px 0; background:#F8F8F8; text-align: center;}
.asc_con01 img {max-width: 100%;}
.asc_con02 {margin:100px 0 50px; text-align: center;}
.asc_con03 {padding:0 20px; max-width:1590px; margin:0 auto 50px;}
.asc_con03 p {padding:62px 20px; border-radius:18px; background:#F8F8F8; width:100%; overflow-x:auto; text-align: center;}
.asc_con04 {padding:0 20px; margin-bottom:170px;}
.asc_con04 dl {max-width:1550px; height:154px; margin:35px auto; border:2px solid #17B8CE; border-radius:20px; display: flex; align-items: center;}
.asc_con04 dt {width:280px; font-size:24px; text-align: center; color:#17B8CE;}
.asc_con04 dt b {display:block; font-size:31px; color:#17B8CE; line-height: 1;}
.asc_con04 dd p {color:#17B8CE; font-weight:500;}
.asc_con04 dl:nth-child(2) {border-color:#5063CA;}
.asc_con04 dl:nth-child(2) dt, .asc_con04 dl:nth-child(2) dt b, .asc_con04 dl:nth-child(2) dd p {color:#5063CA;}


/* 결제창 호출 */
.sspay_con .tit {margin-bottom:50px; font-size:clamp(18px, 4.8vw, 30px); text-align:center; font-weight: 500;}
.sspay_con01 {padding:80px 20px; background:#F8F8F8; text-align: center;}
.sspay_con01 .pc_show {display:flex; flex-direction: column; gap:38px;}
.sspay_con02 {margin:100px auto 170px; max-width:1280px;}
.sspay_con02 .con {display:flex; justify-content: space-between;}
.sspay_con02 .con dt {margin-bottom:30px;}
.sspay_con02 .con dd {text-align: center; font-size:18px; color:#585858;}
.sspay_con02 .con dd b {display:block; margin-bottom:10px; font-size:24px; font-weight:bold;}

/* 3DS */
.secure01 {padding:80px 0; text-align:center; background:#F8F8F8;}
.secure02 img {height:460px;}
.secure03 img {height:510px;}
.dscu_con.scroll_x {margin:70px 0 100px; text-align: center;}
.dscu_con.scroll_x .img {overflow-x: auto; padding:0 20px;}
.dscu_con.scroll_x .txt {display:flex; max-width:1550px; margin:50px auto 0; padding:35px 0; border:2px solid #17B8CE; border-radius:20px;}
.dscu_con.scroll_x .txt dl {flex-shrink:0; width:50%; text-align: left; padding-left:128px;}
.dscu_con.scroll_x .txt dl:nth-child(2) {border-left:1px solid #17B8CE;}
.dscu_con.scroll_x .txt dt {font-size:clamp(17px,4.5vw,20px); font-weight:500;}
.dscu_con.scroll_x .txt dt:nth-of-type(2) {margin-top:30px;}
.dscu_con.scroll_x .txt dd {font-size:clamp(17px,4.5vw,20px); color:#727272;}


/* 스룩페이 */
.srkp_con_01 {margin-bottom:110px;}
.srkp_con_01 .flex_slide .con {display:flex; gap:55px; justify-content: center;}
.srkp_con_01 .flex_slide .con div {text-align: center; width:390px;}
.srkp_con_01 .flex_slide .con div > img {width:100%;}
.srkp_con_01 .flex_slide button {margin-top:30px;}
.srkp_con_02 img {margin-right:-64px}
.srkp_con_03 {margin:110px 0 170px;}
.srkp_con_03 .con {display:flex; max-width:1280px; margin:0 auto;}
.srkp_con_03 dl {width:285px; height:370px; border-radius:24px; background:#fff; box-shadow: 0 0 25px rgba(0,0,0,0.08); text-align: center;}
.srkp_con_03 dt {margin:50px 0;}
.srkp_con_03 dd p {font-size:clamp(18px, 4.8vw ,24px); font-weight:bold; margin-bottom:15px;}
.srkp_con_03 dd span {font-size:clamp(12px, 3.2vw ,20px); display: block;}


/* 셀럽션 */
.celeb_01 {margin-bottom:140px;}

/* 링크온 */
.lnko_01 {margin-top:-150px;}
.lnko_01 .info_txt {padding:0 80px;}

.inn_con{width: calc(50% - 90px);}
.in_con{ font-size:clamp(20px,2.4566vw,32px)}
.slide_bg {margin-bottom:105px;}
.slide_bg .slide {position:relative; width:1200px;}
.slide_bg .slick-arrow {font-size:0; position:absolute; top:50%; margin-top:-80px; width:46px; height:46px; z-index: 1;}
.slide_bg .slick-prev {background:url(../../content/images/slide_left.svg)no-repeat 0 0; left:70px;}
.slide_bg .slick-next {background:url(../../content/images/slide_right.svg)no-repeat 0 0; right:70px;}
.slide_bg .slick-next {background:url(../../content/images/slide_right.svg)no-repeat 0 0; right:70px;}

.con_box .logo{margin:min(8.5%,50px) 0 min(5%, 23px);}
.con_box .con_tit{margin-bottom:40px;}
.con_box .numbers{display:flex;margin-bottom:44px; gap:65px;}
.con_box .numbers dl dt,.con_box .numbers dl dd{font-size:20px;font-weight:500;}
.con_box .numbers dl em{font-size:clamp(20px,2.4566vw, 36px);font-weight:bold;}
.con_box.box_srook .numbers dl em{color:#F85756}
.con_box.box_linkon .numbers dl em{color:#A931EE}
.con_box.box_srookform .numbers dl em{color:#F13367}
.con_box.box_domerook .numbers dl em {color:#3DBFB2;}
.con_box.box_celebtion .numbers dl em {color:#3165EE;}
 
.con_tit{font-size:clamp(20px,2.4566vw, 28px);line-height:min(5vw,45px);font-weight:500;}
.btn_link{border:1px solid  #B4B4B4; width:auto; text-align:center;height:53px; border-radius:7px;padding:0 15px;font-size:clamp(14px, 3.73vw ,20px);font-weight:500; white-space: nowrap;}
.btn_link i{display:inline-block; line-height: 18px;}
.btn_link i{margin-right:10px;}
.btn_link i img,.btn_link i {width:18px;height:18px;}
.btn_link i.img21 img,.btn_link i.img21 {width:21px;height:21px;}
.btn_link i.img21{margin-left:10px;margin-right:0;}
.sub_con_tit{font-size:clamp(24px,3.54vw, 32px);text-align:center;margin:min(10vw,100px) 0 min(6vw,76px) }
.info_box{gap:20px;margin-bottom:110px;}
.info_box li{max-width:410px;}
.info_box li dl {text-align:center;padding:0 42px 76px;height:267px;border-radius:0 0 20px 20px;}
.info_box li dl dt{font-weight:bold;font-size:clamp(24px, 2.3566vw,28px);margin-bottom:22px;padding-top:41px}
.info_box li dl dd{font-size:18px;font-weight:500;color:#585858}
.info_box li dl.point1{background-color:#FFF9F9}
.info_box li dl.point2{background-color:#F2F9FF}
.info_box li dl.point3{background-color:#FEFAE8}

.bg_gray{padding:80px; background-color:#F6F7FA;width:100%;}
.info_txt dt{font-size:clamp(24px,3.54vw, 32px);font-weight:bold;}
.info_txt dd{font-size:clamp(20px,2.4566vw, 24px);color:#727272;margin-top:25px;}

/* 약관 */
.terms {width:1280px; margin:155px auto 355px; }
.terms .tit {margin-top:25px; font-size:20px; font-weight:500; color:#282828;}
.terms .tit:first-child {margin-top:0;}
.terms .desc {font-size:16px; color:#B4B4B4;}


/*너비 공통 여백 등등 */
.sub_con{max-width:1420px;margin:0 auto;position:relative;z-index:9;}
.sub_con2{max-width:1280px;margin:0 auto;}
.sub_con3{max-width:1260px;margin:0 auto;}

.flex_con,.flex_con2{display:flex}
.flex_vcenter{align-items: center;}
.flex_even{justify-content: space-evenly;}  /* even하게 고루 배치됨 ㅇㅅㅇ */
.flex_between{justify-content: space-between;}  

.mtb110{margin:110px auto;}
.mtb80{margin:80px auto;}
.ml70{margin-left:70px;}
.mr70{margin-right:70px;}
.ml7{margin-left:7px;}

@media screen and (max-width:1279px) {
    .bg_top h2{position: absolute; top: -15%;color: #333;left:50%; transform: translate(-50%, -50%);}
    .bg_gray{width:100%;padding:0;background:transparent}
    .con_top .tit {font-weight:normal;margin:min(10.12vw,27px) 20px min(12.12vw,37px);}
    .con_top .tit span{font-weight:bold;}
    .con_top .tit br.mo_show {display:block;}
    .sub_con2{max-width:none;}
    .con_top .tit{text-align:left;}
    .con_top .tit span{display:block;}
    .sy_con_top {margin:30px 0 50px; padding:0 20px;}
    .sy_con_top .tit {font-weight:500;}
    .scrolling-image{display:none;}
    .flex_con{flex-direction: column;}
    .flex_con.re_col{flex-direction:column-reverse}
    .flex_con img{width:100%;}
    .flex_con .con_box .logo {width:50%;max-width:183px;}
    .bg_top,.flex_con .con_box,.sub_con2{margin:0 20px;}
    .flex_vcenter {align-items: baseline;}
    img.w_full {width:calc(100% + 40px); transform:translateX(-20px);}
    .con_box .numbers {gap:33px;}
    .con_box .numbers dl {position:relative;}
    .con_box .numbers dl + dl::before {content:""; position:absolute; left:-16px; width:1px; height:100%; background:#E8E8E8;}

    .con_top.propose_top .tit{margin:30px 0 20px; }
    .propose_form ul li{display:block;margin-bottom:auto;}
    .propose_form ul li div{width:100%;}
    .propose_form ul li div .ip_tit{margin-top:22px;}
    .propose_form .ip_ta{max-width:none;}
    .propose_form .rd_box input[type="radio"]{width:18px;height:18px;vertical-align: sub;}
    .txt_count{right:0;}
    .btn_submit{width:90%}
    .propose_form ul li div input,.propose_form select,.propose_form ul li div input[type="text"]{max-width:none;}
    .insert .file_list,.insert {display:block;}
    .insert .file_list .filebox{display:flex;}
    .propose_form ul li div.full{width:100%;}
    .insert .file_list .filebox .delete{position:relative;display:inline-block;right:auto;top:0;}
    .file_attach{margin-top:40px}
    .sub_con_tit{text-align:left; }
    .info_box{display:block;margin:0 auto;width:100%}
    .info_box li {max-width:none; margin-bottom:clamp(28px, 5.6vw, 35px);}
    .info_box li:last-child {margin-bottom:0;}
    .info_box li img{width:100%;}
    .info_txt dt{margin:41px 0 20px}
    .info_txt dd{margin-top:0;margin-bottom:18px;letter-spacing: -0.08em;}
    .con_tit {font-weight:400; line-height:1.4;}
    .btn_link {padding:0 10px;}
    .btn_link i.img21 {margin-left:5px;}
    .btn_link i.img21 img, .btn_link i.img21 {width:15px; height:15px; vertical-align: baseline;}
    .sub_tit h3 {margin-bottom:15px;}
    .bg_top{height:34vw;line-height:34vw;max-width:none;width:calc(100% - 40px); margin-top:max(80px,12vw);border-radius:15px;}
    .mr70,.ml70{margin:0}
    .flex_sub_con {padding:50px 20px 70px;}
    .flex_sub_con.bg {padding:25px 20px 54px;}
    .flex_sub_con .con, .flex_sub_con.bg .con {position:initial; margin:0 0 25px 0;}
    .flex_sub_con .con h4 {margin-bottom:15px;}
    .flex_sub_con img, .flex_sub_con.bg img {float:none; max-width:100%;}
    .slide_con.sub_con2 {margin:50px 0 0 0;}
    .slide_bg .slide {width:120%; margin-left:-10%;}
    .slide_bg .slide img {width:100%;}
    .slide_bg .slick-arrow {width:30px; height:30px; background-size:cover; margin-top:-5%;}
    .slide_bg .slick-prev {left:10%;}
    .slide_bg .slick-next {right:10%;}
    .slide_bg.ovx_hide {overflow-x: hidden;}
    .sub_bnr {width:100%; padding:0 20px 82px; margin-bottom:0;}
    .sub_bnr img {width:100%; max-width:500px;}
    .sub_bnr .txt {bottom:auto; top:85px; left:52px;}


    /* 404 */
    .error_404 {margin:65px auto; max-width:310px;}
    .error_404 .img {margin-bottom:24px;}
    .error_404 .img img {width:96px;}
    .error_404 .txt {padding-bottom:40px; margin-bottom:20px; border-bottom:1px solid #E8E8E8; font-size:18px;}
    .error_404 .txt span {font-size:14px;}
    .error_404 .er_fo {padding:0;}
    .error_404 .er_fo p {font-size:16px;}
    .error_404 .er_fo p a {font-size:16px; font-weight:bold;}

    /* 연혁 */
    .cp_history {display: block; min-width:100%; padding:0 6.5%; margin-bottom:max(110px,29.3vw );}
    .cp_history .since_yy {margin-top:max(22px, 6.1vw); font-size:clamp(14px, 3.7vw, 20px);}
    .cp_history .since_yy p, .cp_history .since_yy p em {font-size:clamp(24px, 6.4vw, 50px);}
    .cp_history .title .txt, .cp_history .title .txt b {margin-top:max(15px, 4vw); font-size:clamp(24px, 6.4vw ,32px);}
    .cp_history .history {margin-top:max(43px, 8vw);}
    .cp_history .history:before {left: clamp(7px, 2.8vw, 13.5px);}
    .cp_history .history dl {display:block; padding:0 0 max(20px, 5.33vw) clamp(26px, 7vw, 40px);}
    .cp_history .history dl:after {left:0; top:0; width:clamp(14px, 5.6vw, 27px); height:clamp(14px, 5.6vw, 27px); background-size: cover;}
    .cp_history .history dl:last-child::before {content:''; position:absolute; left:0; top:0; width:13px; height:100%; background:#fff;}
    .cp_history .history dt {font-size:clamp(18px, 4.8vw, 32px);}
    .cp_history .history dd {margin-top:max(12px, 3.2vw);}
    .cp_history .history p {font-size:clamp(14px, 4vw ,28px); line-height:1.4; padding-left:clamp(10px, 4vw ,25px);}
    .cp_history .history p + p {margin-top:max(10px, 1.5vw);}

    /* 약관 */
    .terms {width:100%; margin-top:max(22px, 6.1vw); padding:0 6.5%;}
    .terms .desc {font-size:15px;}

    /* 온라인 결제 인증 */
    .asc_con .tit {font-weight:bold; margin-bottom:20px;}
    .asc_con01 {padding:23px 20px 28px;}
    .asc_con01 .mo_show img {max-width:500px; width:100%;}
    .asc_con02  {margin:45px 0 34px; overflow:hidden;}
    .asc_con02 .mo_show img {max-width:600px; width:112%; margin-left:-6%;}
    .asc_con03 {margin-bottom:40px;}
    .asc_con03 p {padding:30px 20px;}
    .asc_con03 img {height:380px;}
    .asc_con04 {margin-bottom:50px; padding:0 20px;}
    .asc_con04 dl {display:block; padding:30px 20px; height:auto; margin:40px 0;}
    .asc_con04 dt {margin-bottom:30px; font-size:20px; text-align: left;}
    .asc_con04 dd p {margin-bottom:15px; font-size:17px; font-weight: 500;}

    /* 결제창 호출 */
    .sspay_con .tit {font-weight:bold; margin-bottom:20px;}
    .sspay_con01 {padding:26px 20px 20px;}
    .sspay_con01 .mo_show {display:flex !important; gap:20px; flex-direction: column;}
    .sspay_con01 .mo_show img {max-width:100%;}
    .sspay_con02 {margin:25px 20px 100px;}
    .sspay_con02 .con {display:block;}
    .sspay_con02 .con dl {text-align: center; margin-bottom:50px;}
    .sspay_con02 .con dt {margin-bottom:20px;}
    .sspay_con02 .con dt img {max-width:100%;}
    .sspay_con02 .con dd {font-size:16px;}
    .sspay_con02 .con dd b {font-size:18px;}

    /* 3DS */
    .secure01 {padding:50px 20px;}
    .secure01 .mo_show img {max-width:100%;}
    .dscu_con.scroll_x {margin:20px 0 65px;}
    .dscu_con.scroll_x .txt {padding:25px 40px 50px; margin:20px 20px 0; display:block;}
    .dscu_con.scroll_x .txt dl {padding:0; width:100%;}
    .dscu_con.scroll_x .txt dl:nth-child(2) {border:0;}
    .dscu_con.scroll_x .txt dl dt {margin-top:25px;}

    /* 스룩페이 */
    .srkp_con_01 {margin:54px 0 83px;}
    .srkp_con_01 .flex_slide {-webkit-overflow-scrolling:touch; overflow-x:scroll; scrollbar-width:none; padding-left:20px;}
    .srkp_con_01 .flex_slide .con {width:fit-content; display:inline-flex; gap:38px;}
    .srkp_con_01 .flex_slide .con div {width:265px;}
    .srkp_con_01 .flex_slide .con div:last-child {margin-right:20px;}
    .srkp_con_01 .flex_slide button {margin-top:20px; height:44px;}
    .srkp_con_03 {padding:0 20px; margin:33px 0 58px;}
    .srkp_con_03 .sub_tit {margin-bottom: 25px;}
    .srkp_con_03 .con {flex-wrap: wrap;  gap:25px;}
    .srkp_con_03 dl {max-width:285px; width:calc((100% - 25px) / 2); flex:1 1 40%; height:auto; padding:26px 0;}
    .srkp_con_03 dt {margin:0 0 20px;}
    .srkp_con_03 dt img {width:57px;}
    .srkp_con_03 dd p {margin-bottom:5px;}

    /* 링크온 */
    .lnko_01 {margin:0 0 85px 0;}
    .lnko_01 img {margin-top:60px;}
    .lnko_01 .info_txt {padding:0;}
    .lnko_01 .info_txt dt {margin:10px 0 12px;}
    .lnko_01 .info_txt dd {margin-bottom:0;}

    /* 셀럽션 */
    .celeb_01 {margin-bottom:85px;}

}
@media screen and (max-width:520px) {
  .bg_top h2{top: -17.5%; width:100%;}
}