Code - chominsoo4245/mjon

@charset "utf-8"; html{scroll-behavior: smooth; min-width: 280px;} *{margin: 0; padding: 0; word-break: keep-all;} a{text-decoration: none;color: #222222;} /* 메인비주얼 */ .multi-text-wrap{width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; background-color: #fff;} .multi-text-wrap .banner-wrap a{display: block; width: calc(100% - 120px); margin: 0 auto;} .multi-text-wrap .banner-wrap a img{position: absolute; margin: 30px 0 0 0; z-index: 1;} .multi-text-wrap .banner{position: relative;} .multi-text-wrap .banner img{width: 100%; height: 60vh; object-fit: cover;} .multi-text-wrap .banner .title{display: inline-block; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; left: 50%; width: 55%; transform: translate(-50%,-50%); text-align: center; align-items: center; font-family: 'Noto Sans KR', sans-serif; padding: 80px 0;} .multi-text-wrap .banner .title p{font-size: 48px; font-weight: 700; color: #222; line-height: 1.5;} .multi-text-wrap .banner .title span{display: block; font-size: 30px; font-weight: 700; color: #002c9a;} /* 목차 */ .multi-text-wrap .list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;} .multi-text-wrap .list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;} .multi-text-wrap .list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;} /*안내문*/ .multi-text-wrap .text{max-width: 1320px; width: 98%; overflow: hidden; margin: 60px auto 60px auto;} .multi-text-wrap .text p{text-align: center; font-weight: 400; font-size: 25px; line-height: 43px; letter-spacing: -1.5px; padding: 0 5%;} .multi-text-wrap .text p:nth-child(2){padding: 0 13%; word-break: keep-all;} .multi-text-wrap .text p:nth-child(1){margin-bottom: 45px; word-break: keep-all;} /*컨텐츠 시작*/ .multi-text-wrap .multi-text-box{max-width: 1320px; width: 98%; overflow: hidden; margin: 0 auto; background-color: #e3e8f0; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 20px; margin-bottom: 6%;} .multi-text-wrap .multi-text-box .content{padding: 6% 6% 0 6%; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1.5px;} /*갤럭시 시작*/ .multi-text-wrap .multi-text-box .content #galaxy{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 10px;} /*갤럭시 타이틀*/ .multi-text-wrap #galaxy .title p:nth-child(1){font-weight: 700; font-size: 28px; letter-spacing: 0; padding: 28px 0 0 54px;} .multi-text-wrap #galaxy .title p:nth-child(2){font-weight: 700; font-size: 20px; color: #e52c18; margin-top: 13px; padding: 0 0 28px 90px; letter-spacing: 0;} .multi-text-wrap #galaxy .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #galaxy .line{width: 100%; height: 1px; background-color: #e5e8ed;} /*갤럭시-내용*/ .multi-text-wrap #galaxy .con{padding: 0 7%; margin-top: 30px;} .multi-text-wrap #galaxy .con ul{display: flex; flex-wrap: wrap; justify-content: center;} .multi-text-wrap #galaxy .con li{position: relative;display: flex;flex-flow: column; margin: 0 40px 0 0;} .multi-text-wrap #galaxy .con li:nth-child(3){margin: 0;} .multi-text-wrap #galaxy .con li:nth-child(4){margin-top: 10%; margin-left: 45px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-top: 10%; margin-left: -18px;} .multi-text-wrap #galaxy .con img{width: 100%;} .multi-text-wrap #galaxy .con .step{width: 100px; height: 33px; line-height: 33px; color: #fff; background-color: #002c9a; border-radius: 20px; text-align: center; position: relative; margin: 35px auto 0 auto; margin-top: 35px; z-index: 2;} .multi-text-wrap #galaxy .con .step p{font-weight: 300; font-size: 18px;} .multi-text-wrap #galaxy .con .step p span{font-weight: 700; font-size: 18px;} .multi-text-wrap #galaxy .con .step-text{position: relative; max-width: 290px; min-height: 110px; font-size: 18px; font-weight: 500; text-align: center; height: 100%; margin: 0 auto;} .multi-text-wrap #galaxy .con .text-02 p{width: 290px;} .multi-text-wrap #galaxy .con .step-c::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -40px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .con .step-cc::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -150px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .con .step-text p{padding: 32px 30px 32px 30px; background-color: #f3f6fb; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); line-height: 27px; margin-top: -18px; display: block; box-sizing: border-box; height: 100%; word-break: keep-all; display: flex; align-items: center; justify-content: center;} .multi-text-wrap #galaxy .con .text-04 p{width: 520px; margin-left: -120px; display: inline-block; padding-top: 9%;} .multi-text-wrap #galaxy .con .text-04 p span{display: block; color: #002c9a; font-weight: 300; font-size: 17px;} /*갤럭시 순서*/ .multi-text-wrap #galaxy .number{font-size: 18px; font-weight: 500; line-height: 35px; padding: 40px 7%;} .multi-text-wrap #galaxy .number ul li:nth-child(5){font-size: 16px; font-weight: 300; margin: -8px 0 7px 23px;} /*.multi-text-wrap #galaxy .number ul li:nth-child(5) span{vertical-align: sub;}*/ .multi-text-wrap #galaxy .number ul li:nth-child(6){margin-top: -8px;} /*갤럭시 끝*/ /*아이폰 시작*/ .multi-text-wrap .multi-text-box .content #iphone{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 10px;} /*아이폰 타이틀*/ .multi-text-wrap #iphone .title p:nth-child(1){font-weight: 700; font-size: 28px; padding-top: 28px; padding-left: 54px; letter-spacing: 0;} .multi-text-wrap #iphone .title p:nth-child(2){font-weight: 700; font-size: 20px; color: #e52c18; margin-top: 13px; padding-bottom: 28px; padding-left: 90px; letter-spacing: 0;} .multi-text-wrap #iphone .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #iphone .line{width: 100%; height: 1px; background-color: #e5e8ed;} /*아이폰-내용*/ .multi-text-wrap #iphone .con{padding: 0 9%; margin-top: 30px;} .multi-text-wrap #iphone .con ul{display: flex; flex-wrap: wrap; justify-content: center;} .multi-text-wrap #iphone .con li{position: relative;display: flex;flex-flow: column; margin: 0 30px 0 0;} .multi-text-wrap #iphone .con li:nth-child(1){margin-left: 60px;} .multi-text-wrap #iphone .con li:nth-child(2){margin-left: 15px;} .multi-text-wrap #iphone .con li:nth-child(3){margin-left: 50px; margin-top: 10%;} .multi-text-wrap #iphone .con li:nth-child(4){margin-left: 18px; margin-top: 10%;} .multi-text-wrap #iphone .con img{width: 100%;} .multi-text-wrap #iphone .con .step{width: 100px; height: 33px; line-height: 33px; color: #fff; background-color: #002c9a; border-radius: 20px; text-align: center; position: relative; margin: 35px auto 0 auto; margin-top: 35px; z-index: 2;} .multi-text-wrap #iphone .con .step p{font-weight: 300; font-size: 18px;} .multi-text-wrap #iphone .con .step p span{font-weight: 700;font-size: 18px;} .multi-text-wrap #iphone .con .step-text{position: relative; max-width: 290px; min-height: 110px; font-size: 18px; font-weight: 500; text-align: center; height: 100%;} .multi-text-wrap #iphone .con .step-c::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -42px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #iphone .con .step-text p{padding: 32px 30px 32px 30px; background-color: #f3f6fb; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); line-height: 27px; margin-top: -18px; display: block; box-sizing: border-box; height: 100%; word-break: keep-all; display: flex; align-items: center; justify-content: center;} .multi-text-wrap #iphone .con .text-04 p{display: inline-block; padding-top: 9%;} .multi-text-wrap #iphone .con .text-04 p span{display: block; color: #002c9a; font-weight: 300; font-size: 17px; line-height: 1.4; padding-bottom: 4%;} /*아이폰 순서*/ .multi-text-wrap #iphone .number{font-size: 18px; font-weight: 500; line-height: 35px; padding: 40px 7%;} .multi-text-wrap #iphone .number ul li:nth-child(4){font-size: 16px; font-weight: 300; margin: -8px 0 7px 23px;} /*.multi-text-wrap #iphone .number ul li:nth-child(4) span{vertical-align: sub;}*/ .multi-text-wrap #iphone .number ul li:nth-child(5){margin-top: -8px;} /*아이폰 끝*/ /*한계 시작*/ .multi-text-wrap .multi-text-box .content #limit{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 10px;} /*한계 타이틀*/ .multi-text-wrap #limit .title p{font-weight: 700; font-size: 28px; letter-spacing: 0; padding: 28px 54px 28px 54px; } .multi-text-wrap #limit .line{width: 100%; height: 1px; background-color: #e5e8ed;} /*한계-내용*/ .multi-text-wrap #limit .con{padding: 0 18%;} .multi-text-wrap #limit .con img{margin-top: 40px; width: 51px; height: 59px;} .multi-text-wrap #limit .con p{font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-top: -52px; margin-left: 55px; margin-bottom: 37px;} /*한계-테이블*/ .multi-text-wrap #limit .con .table{padding: 0 6%;} .multi-text-wrap #limit .con table{width: 100%; table-layout: fixed; border-collapse: collapse; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.2);} .multi-text-wrap #limit .con table colgroup col:nth-child(1){width: 35%;} .multi-text-wrap #limit .con table colgroup col:nth-child(2){width: 65%;} .multi-text-wrap #limit .con table thead th{position: relative; height: 60px; background-color: #002c9a; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.5; vertical-align: middle; word-break: keep-all;} .multi-text-wrap #limit .con table thead th:first-child{border-radius: 10px 0 0 0;} .multi-text-wrap #limit .con table thead th:last-child{border-radius: 0 10px 0 0;} .multi-text-wrap #limit .con table thead th::after{position: absolute; content: " "; width: 1px; height: 15px; background-color: #fff; top: 50%; right: 0; transform: translateY(-50%);} .multi-text-wrap #limit .con table thead th:last-child:after{display: none;} .multi-text-wrap #limit .con table .first{width: 105px; height: 55px; background-color: #002c9a; line-height: 55px; text-align: center; border-right: 1px solid #fff; border-top-left-radius: 10px; color: #fff; font-weight: 500; font-size: 18px;} .multi-text-wrap #limit .con table .first{height: 55px; background-color: #002c9a; line-height: 55px; text-align: center; border-right: 1px solid #fff; border-top-left-radius: 10px; color: #fff; font-weight: 500; font-size: 18px;} .multi-text-wrap #limit .con table .second{height: 55px; background-color: #002c9a; line-height: 55px; text-align: center; border-right: 1px solid #fff; border-top-right-radius: 10px; color: #fff; font-weight: 500; font-size: 18px;} .multi-text-wrap #limit .con table tbody tr{border-bottom: 1px solid #d5d5d5;} .multi-text-wrap #limit .con table tbody .last{border-bottom: none;} .multi-text-wrap #limit .con table tbody tr .dv{background-color: #f3f6fb; max-height: 68px; text-align: center; line-height: 68px; color: #444; font-weight: 400; font-size: 18px;} .multi-text-wrap #limit .con table tbody tr .dv-last{border-bottom-left-radius: 10px;} .multi-text-wrap #limit .con table tbody tr .tx{color: #666; font-weight: 300; font-size: 16px; padding-left: 25px;} .multi-text-wrap #limit .con table tbody tr .tx-long{color: #666; font-weight: 300; font-size: 16px; padding-left: 25px; line-height: 20px; vertical-align: middle;} /*한계-덧붙여서*/ .multi-text-wrap #limit .puls{padding: 0 20%; padding-bottom: 50px;} .multi-text-wrap #limit .puls-ti p{width: 110px; height: 36px; background-color: #002c9a; color: #fff; text-align: center; line-height: 36px; border-radius: 18px; margin: 0 auto; position: relative; margin-top: 34px; font-weight: 300; font-size: 18px;} .multi-text-wrap #limit .puls-ti p span{font-weight: 700; font-size: 18px;} .multi-text-wrap #limit .puls-tx{max-width: 655px; min-height: 57px; background-color: #f3f6fb; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-align: center; margin: 0 auto; margin-top: -20px; padding: 0 20px 20px 20px;} .multi-text-wrap #limit .puls-tx p{padding-top: 30px;} .multi-text-wrap #limit .puls-tx{max-width: 640px; min-height: 57px; background-color: #f3f6fb; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-align: center; margin: 0 auto; margin-top: -20px; padding: 15px 7px 15px 7px;} .multi-text-wrap #limit .puls-tx p{padding-top: 20px; font-size: 18px;} /*한계 끝*/ /*발송 시작*/ .multi-text-wrap .multi-text-box .content #send{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; margin-bottom: 6%;} /*발송 타이틀*/ .multi-text-wrap #send .title p{font-weight: 700; font-size: 28px; letter-spacing: 0; padding: 28px 54px 28px 54px;} .multi-text-wrap #send .line{width: 100%; height: 1px; background-color: #e5e8ed;} /*발송-내용*/ .multi-text-wrap #send .con{padding: 0 14%;} .multi-text-wrap #send .con > img{margin-top: 40px; width: 51px; height: 59px;} .multi-text-wrap #send .con p{font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin-top: -52px; margin-left: 55px; margin-bottom: 57px;} .multi-text-wrap #send .con .send{max-width: 640px; width: 100%; margin: 0 auto;} .multi-text-wrap #send .con .send img{width: 100%; margin: 0;} /*발송_스텝*/ .multi-text-wrap #send .send-step{padding: 0 20%; margin-bottom: 108px;} .multi-text-wrap #send .step-ti p{width: 110px; height: 36px; background-color: #002c9a; color: #fff; text-align: center; line-height: 36px; border-radius: 18px; margin: 0 auto; position: relative; margin-top: 34px; font-weight: 300; font-size: 18px;} .multi-text-wrap #send .step-ti p span{font-weight: 700;font-size: 18px;} .multi-text-wrap #send .step-tx{max-width: 640px; min-height: 57px; background-color: #f3f6fb; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-align: center; margin: 0 auto; margin-top: -20px; padding: 15px 7px 15px 7px;} .multi-text-wrap #send .step-tx p{padding-top: 20px; font-size: 18px;} /*발송_01*/ .multi-text-wrap #send .send-tx-01{min-height: 80px; padding: 15px 7px 15px 7px;} .multi-text-wrap #send .send-tx-01 p{padding-top: 13px; line-height: 27px; display: inline-block;} .multi-text-wrap #send .send-tx-01 p span{font-weight: 300; color: #002c9a; display: block; font-size: 17px;} /*발송_04*/ .multi-text-wrap #send .send-tx-04{min-height: 80px; padding: 15px 7px 15px 7px;} .multi-text-wrap #send .send-tx-04 p{padding-top: 13px; line-height: 27px; display: inline-block;} .multi-text-wrap #send .send-tx-04 p span{font-weight: 300; color: #002c9a; display: block; font-size: 17px;} /*발송_05*/ .multi-text-wrap #send .send-tx-05{max-width: 600px; min-height: 144px; text-align: left;padding: 0 27px 20px 27px;} .multi-text-wrap #send .send-tx-05 p{padding-top: 29px; line-height: 27px; text-align: center;} .multi-text-wrap #send .send-tx-05 span{font-weight: 300; color: #002c9a; font-size: 17px; line-height: 27px;} .multi-text-wrap #send .send-05{margin-bottom: 0;} /*발송 순서*/ .multi-text-wrap #send .number{font-size: 18px; font-weight: 500; line-height: 35px; padding: 40px 7%; margin-top: 20px;} .multi-text-wrap #send .number ul li:nth-child(2){font-size: 16px; font-weight: 300; margin: -8px 0 7px 23px;} .multi-text-wrap #send .number ul li:nth-child(3){margin-top: -8px;} /*.multi-text-wrap #send .number ul li:nth-child(2) span{vertical-align: sub;}*/ .multi-text-wrap #send .number ul li:nth-child(6){font-size: 16px; font-weight: 300; margin: -8px 0 7px 23px;} .multi-text-wrap #send .number ul li:nth-child(7){margin-top: -7px;} .multi-text-wrap #send .number ul li:nth-child(8){font-size: 16px; font-weight: 300; margin: -8px 0 0 23px;} /*메인화면 이동 버튼*/ .multi-text-wrap .bt-button{margin: 70px 0; text-align: center;} .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 24px; color: #fff; padding: 15px 100px;} .multi-text-wrap .bt-button a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.6);} /*미디어쿼리 시작*/ /*미디어쿼리_1340px*/ @media screen and (max-width:1340px) { /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 60px;} .multi-text-wrap #galaxy .con ul{display: flex; flex-wrap: wrap; justify-content: center;} .multi-text-wrap #galaxy .con li{position: relative;display: flex;flex-flow: column; margin: 0 40px 0 0;} .multi-text-wrap #galaxy .con li:nth-child(3){margin: 0;} .multi-text-wrap #galaxy .con li:nth-child(4){margin-top: 109px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-top: 109px; margin-left: -14px;} .multi-text-wrap #galaxy .con img{width: 100%;} } /*미디어쿼리_1280px*/ @media screen and (max-width:1280px){ /*메인비주얼*/ .multi-text-wrap .banner .title{width: 60%; padding: 80px 0px;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 40px;} /*목록*/ .multi-text-wrap .list p{font-size: 35px;} .multi-text-wrap .list ul{font-size: 24px; padding: 0 37%;} /*안내문*/ .multi-text-wrap .text p{font-size: 25px;} .multi-text-wrap .text p:nth-child(1){padding: 0 3%;} .multi-text-wrap .text p:nth-child(2){padding: 0 12%;} /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 3%;} .multi-text-wrap #galaxy .con .step-text p{width: 94%;} .multi-text-wrap #galaxy .con .step-c::after{right: -4.2%;} .multi-text-wrap #galaxy .con .step-c::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -28px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .con .step-cc::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -152px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .con .step-01{margin-left: 35%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 31%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 31%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 31%;} .multi-text-wrap #galaxy .con ul li:nth-child(1){margin-left: 5px;} .multi-text-wrap #galaxy .con ul li:nth-child(2){margin-left: 0px;} .multi-text-wrap #galaxy .con ul li:nth-child(3){margin-left: -8px;} .multi-text-wrap #galaxy .con .text-01{margin-right: -10px;} .multi-text-wrap #galaxy .con .text-01 p{padding-top: 13%;} .multi-text-wrap #galaxy .con .text-02{margin-right: -20px; width: 100%;} .multi-text-wrap #galaxy .con .text-02{margin-right: 0px; width: 100%;} .multi-text-wrap #galaxy .con .text-04 p{width:520px;} /*아이폰*/ .multi-text-wrap #iphone .con .step-c::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -45px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #iphone .con li{position: relative;display: flex;flex-flow: column; margin: 0 33px 0 0;} .multi-text-wrap #iphone .con li:nth-child(1){margin-left: 60px;} .multi-text-wrap #iphone .con li:nth-child(2){margin-left: 15px;} .multi-text-wrap #iphone .con li:nth-child(3){margin-left: 60px; margin-top: 10%;} .multi-text-wrap #iphone .con li:nth-child(4){margin-left: 20px; margin-top: 10%;} /*한계*/ .multi-text-wrap #limit .con img{margin-top: 40px; margin-left: -20px;} .multi-text-wrap #limit .con p{font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin: -52px -20px 37px 36px;} .multi-text-wrap #limit .send-step{padding: 0 5%;} /*발송*/ .multi-text-wrap #send .con img{margin-top: 40px; margin-left: -20px;} .multi-text-wrap #send .con p{font-weight: 500; font-size: 22px; line-height: 33px; text-align: center; margin: -52px -24px 37px 37px;} .multi-text-wrap #send .send-tx-05 {padding-left: 27px; padding-right: 27px;} .multi-text-wrap #send .send-step{padding: 0 5%;} } /*미디어쿼리_1230px*/ @media screen and (max-width:1230px){ /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 2%;} } /*미디어쿼리_1210px*/ @media screen and (max-width:1210px){ /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 1%;} } /*미디어쿼리_1180px*/ @media screen and (max-width:1180px){ /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 0.5%;} } /*미디어쿼리_1143px*/ @media screen and (max-width:1143px){ /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 1%;} .multi-text-wrap #galaxy .con li{width: 28%} .multi-text-wrap #galaxy .con li:nth-child(3){margin-right: -10px;} .multi-text-wrap #galaxy .con li:nth-child(4){width: 53%; margin-left: 55px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-left: 10px;} .multi-text-wrap #galaxy .con .text-04 p{width:490px; margin-left: -100px;} .multi-text-wrap #galaxy .con .step-cc::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -145px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} } /*미디어쿼리_1090px*/ @media screen and (max-width:1090px){ .multi-text-wrap .text{margin: 50px auto;} /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 1%;} .multi-text-wrap #galaxy .con li{width: 28%} .multi-text-wrap #galaxy .con li:nth-child(4){width: 53%; margin-left: 40px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-left: 20px; margin-right: 20px;} .multi-text-wrap #galaxy .con .text-04 p{width:490px; margin-left: -100px;} .multi-text-wrap #galaxy .con .step-cc::after{position: absolute;content: "";width: 35px;height: 35px;background-image: url(/publish/publish_adv/img/arrow.svg);right: -140px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .number,.multi-text-wrap #iphone .number,.multi-text-wrap #send .number{padding: 10px 7% 40px 7%;} }