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);} /* 템플릿1 */ .template_v1_content *{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.45px; font-weight: 300;} .template_v1_content .inner{max-width: 1146px; width: 100%; padding: 80px 0; margin: 0 auto; text-align: center;} .template_v1_content p, .template_v1_content span, .template_v1_content h3, .template_v1_content ul{text-align: left;} .template_v1_content .text{font-size: 18px; color: #222; line-height: 1.3;} .template_v1_content .gray_small_text{display: block; font-size: 16px; color: #5b5b5b; line-height: 1.3; margin: 6px 0 0 0;} .template_v1_content .gray_text{display: block; font-size: 18px; color: #5b5b5b; line-height: 1.3;} .template_v1_content .blue_text{display: block; font-size: 18px; color: #3c33ab; line-height: 1.3;} .template_v1_content .blue_text02{font-size: 18px; color: #296d94; line-height: 1.3;} .template_v1_content .medium{font-weight: 500;} .template_v1_content .bold{font-weight: bold;} .template_v1_content h3{position: relative; font-size: 30px; font-family: 'GmarketSansBold'; text-decoration: underline; padding: 0 0 0 65px; margin: 0 0 65px 0;} .template_v1_content h3::after{position: absolute; content: " "; width: 50px; height: 50px; background-color: #222; border-radius: 100%; color: #fff; font-size: 30px;font-family: 'GmarketSansBold'; left: 0; top: 50%; transform: translateY(-50%); text-align: center; line-height: 55px;} .template_v1_content .section01 h3::after{content: "1";} .template_v1_content .section02 h3::after{content: "2";} .template_v1_content .section03 h3::after{content: "3";} .template_v1_content .section04 h3::after{content: "4";} .template_v1_content .section05 h3::after{content: "5";} .template_v1_content section:nth-child(odd){background-color: #f2f2f4;} .template_v1_content img{margin: 53px 0 0 0; text-align: center;} .template_v1_content .top_btn{position: fixed; width: 71px; height: 71px; border-radius: 100%; background-color: #436dd9; color: #fff; font-family: 'GmarketSansBold'; border: 0; box-shadow: 0 0 8px rgba(0,0,0,0.5); right: 30px; bottom: 30px;} .template_v1_content .table_type01{font-size: 18px; border: 1px solid #848484; table-layout: fixed; width: 100%; color: #595959; margin: 0 0 6px 0;} .template_v1_content .table_type01 th{height: 40px; background-color: #f2f2f4; text-align: center; font-weight: 400; border-bottom: 1px solid #848484; border-right: 1px solid #848484;vertical-align: middle;} .template_v1_content .table_type01 tbody tr td{min-height: 40px;border-bottom: 1px solid #848484; border-right: 1px solid #848484; vertical-align: middle; background-color: #fff; text-align: left; padding: 8px 0 8px 10px; line-height: 1.4;} .template_v1_content .table_type01 tbody tr td:last-child{border-right: 0;} .template_v1_content header .inner{display: flex; max-width: 1306px; width: 100%; height: 90px; justify-content: flex-start; margin: 0 auto; align-items: center; padding: 0;} .template_v1_content header img{margin: 0;} .template_v1_content .visual{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/template_v1_main_bg.png) no-repeat; background-size: 100% auto; text-align: center; margin: -20px 0 0 0; align-items: center;} .template_v1_content .visual p{text-align: center;} .template_v1_content .visual .keyword{display: inline-block; background-color: #ffc10b; padding: 5px 20px; border-radius: 50px; color: #fff; margin: 27px 0 30px 0; font-size: 18px;} .template_v1_content .visual h2{font-size: 65px; color: #fff; font-family: 'GmarketSansBold'; margin: 0 0 30px 0;} .template_v1_content .visual .sub_text{font-size: 16px; color: #fff; line-height: 1.5; font-weight: 300;} .template_v1_content .index{text-align: center;} .template_v1_content .index p{position: relative; font-size: 30px; font-family: 'GmarketSansBold'; text-align: center;} .template_v1_content .index p::after{position: absolute; content: " "; width: 92px; height: 6px; background-color: #222; border-radius: 10px; left: 50%; bottom: -10px; transform: translateX(-50%);} .template_v1_content .index ul{text-align: left; list-style: auto; line-height: 2; width: 30%; margin: 70px auto 0 auto;} .template_v1_content .index ul a{font-family: 'GmarketSansMedium'; font-size: 20px;} .template_v1_content dt{margin: 0 0 8px 0;} .template_v1_content dd{margin: 0 0 36px 20px; line-height: 1.5;} .template_v1_content .section04 ul li,.template_v1_content .section05 ul li{margin: 0 0 5px 0;} .template_v1_content .border_box{border: 1px solid #848484; margin: 35px 0 0 0; padding: 35px;} .template_v1_content .btn_wrap{margin: 40px auto; padding: 40px 0 0 0;} .template_v1_content .btn_wrap .inner{max-width: 1306px; border-top: 1px solid #222;} .template_v1_content .btn_wrap a{display: inline-flex; width: 514px; height: 101px; background-color: #002c9a; border-radius: 10px; color: #fff; font-size: 25px; justify-content: center; align-items: center;} /* //템플릿1 */ /*템플릿1_6부고문자추가_공통_시작*/ .template_v1_content .visual .inner .obituary_te{font-size: 20px; padding: 0 20px;} .template_v1_content .obituary_inner .line{width: 100%;border-top:7px dotted #8f96aa; opacity: 50%; margin: -220px auto 30px auto;} .template_v1_content .obituary{display: flex; /*\justify-content: space-between;*/ flex-wrap: wrap; margin: 20px -20px 0 0;} .template_v1_content .obituary li{position: relative; width: calc(100%/3);} .template_v1_content .obituary .wrap{width: 80%;height: 210px;background-color: #fff;position: relative;border-radius: 20px;margin-left: 55px;box-shadow:0 0 9px rgba(0,0,0,0.1)} .template_v1_content .obituary .title{width: 100%; height: 60px; background-color: #1e4594; border-radius: 20px 20px 0 0;} .template_v1_content .obituary .title .text{font-family:'GmarketSansBold'; font-size: 22px; color: #fff; padding: 0 0 0 20px; line-height: 63px;} .template_v1_content .obituary .inner_text{border-radius: 0 0 11px 11px;width: calc(100% - 31px);height: calc(100% - 90px);line-height: 1.4;padding: 7px;background-color: #f0f2f6;position: relative;z-index: 20; font-size: 15px;color: #555;z-index: 1;margin: 7px auto 0 auto;} .template_v1_content .obituary .inner_text .date{font-size: 14px; color: #999; /* float: right;*/ /*margin: 14px 6px 0 0;*/ position: absolute; bottom: 7px; right: 11px; } /*프로필*/ .template_v1_content .obituary .people_01{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/people_01.png) no-repeat; text-align: center; margin: -1px 0 0 0; align-items: center;} .template_v1_content .obituary .people_02{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/people_02.png) no-repeat; text-align: center; margin: -1px 0 0 0; align-items: center;} .template_v1_content .obituary .people_03{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/people_03.png) no-repeat; text-align: center; margin: -1px 0 0 0; align-items: center;} .template_v1_content .obituary .speech_bubble{position: absolute; min-height: 313px;background: url(/publish/publish_adv/img/speech_bubble.png) no-repeat;text-align: center; bottom: 27px;width: 55px;left: 57px;} /*두번째 줄*/ .template_v1_content .obituary .second_line{margin: -225px 0 0 0;} /*.template_v1_content .obituary .second_line .speech_bubble{bottom: 252px;}*/ /*장문*/ .template_v1_content .long .obituary .wrap{width: 80%; height: 410px; background-color: #fff;position: relative;border-radius: 20px;margin-left: 55px;box-shadow:0 0 5px rgba(0,0,0,0.2)} /*그림*/ .template_v1_content .obituary_inner .drawing img{margin:0;} /*섹션02_타이틀_색상*/ .template_v1_content .section02 .obituary .title{background-color: #5d89fb;} /*섹션03_단문글씨*/ .template_v1_content .section03 .obituary_inner .short .sub_text{font-size: 18px; color: #555;} /*템플릿1_6부고문자추가_공통_끝*/ /*템플릿1_9웹문자 사이트*/ .send_limit_btn{margin: 10px 0 0 0;} .send_limit_btn a{margin: 0 0 0 11px; font-size: 18px; font-weight: 500; text-decoration: underline; color: #3c33ab;} /*템플릿1_11문자 사이트*/ .con_add .text{font-weight: 400; font-size: 20px;} .con_add .small_text{text-indent: -9px; margin: 6px 0 0 10px; font-size: 16px; line-height: 1.3; color: #5b5b5b;} .con_add .inner img{margin: 15px auto 60px auto; display: block;} /*템플릿1_연관 내용 추가*/ .template_v1_content .ass{background-color: #f2f2f4;} .template_v1_content .ass .inner{padding: 40px 0;} .template_v1_content .ass_con .title{font-size: 22px; font-weight: bold;} .template_v1_content .ass_con p{font-size: 18px; font-family: 'Noto Sans KR', sans-serif; line-height: 1.8;} .template_v1_content .ass_con p::after{width: 0;} .template_v1_content .ass_con p a{text-decoration: underline; font-weight: 500; color: #3c33ab;} /*미디어쿼리 시작*/ /*미디어쿼리_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%;} /* 템플릿1 */ .template_v1_content header .inner,.template_v1_content .inner{width: calc(100% - 80px); max-width: none;} .template_v1_content header .inner img{width: auto;} .template_v1_content .inner img{width: calc(100% - 80px);} /* //템플릿1 */ } /*미디어쿼리_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%;} /* 템플릿1 */ .template_v1_content .visual{ background-image: url(/publish/publish_adv/img/template_v1_main_bg_m1.png); background-size: cover; background-repeat: no-repeat; background-position: left 20px;} .template_v1_content .visual .inner{background-image: url(/publish/publish_adv/img/template_v1_main_bg_m2.png); width: 100%; background-repeat: no-repeat; background-position: calc(100% - 30px) 0;} /* //템플릿1 */ } /*미디어쿼리_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%;} } /*미디어쿼리_1050px*/ @media screen and (max-width:1050px){ /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 0.5%;} .multi-text-wrap #galaxy .con li{width: 28%} .multi-text-wrap #galaxy .con li:nth-child(4){width: 53%; margin-left: 50px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-left: 25px;} .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;} /*아이폰*/ .multi-text-wrap #iphone .con{padding: 0 0.5%;} .multi-text-wrap #iphone .con li{width: 28%} } /*미디어쿼리_1024px*/ @media screen and (max-width:1024px){ /*메인비주얼*/ .multi-text-wrap .banner-wrap a{width: calc(100% - 80px);} .multi-text-wrap .banner-wrap a img{margin: 25px 0 0 0;} /*목차*/ .multi-text-wrap .list p{font-size: 31px;} .multi-text-wrap .list ul{font-size: 20px; padding: 0px 36%; line-height: 2; } /*안내문*/ .multi-text-wrap .text p{font-size: 20px; line-height: 35px;} .multi-text-wrap .text p:nth-child(1){padding: 0 6%; margin-bottom: 30px;} .multi-text-wrap .text p:nth-child(2){padding: 0 10%;} /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 30%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 27%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 27%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 27%;} .multi-text-wrap #galaxy .title p:nth-child(1){font-size: 25px; padding-top: 24px; padding-left: 22px;} .multi-text-wrap #galaxy .title p:nth-child(2){font-size: 17px; margin-top: 10px; padding-bottom: 24px;padding-left: 54px;} .multi-text-wrap #galaxy .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #galaxy .con{padding: 0 0.5%;} .multi-text-wrap #galaxy .con li{width: 28%} .multi-text-wrap #galaxy .con .step-text p{padding: 34px 30px 30px 30px;} .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: 19px;} .multi-text-wrap #galaxy .con .text-04 p{width:490px; margin-left: -100px; padding: 28px 30px 31px 30px; } .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: -27px;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: -141px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 25px; padding-top: 24px; padding-left: 22px;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 17px; margin-top: 10px; padding-bottom: 24px;padding-left: 53px;} .multi-text-wrap #iphone .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #iphone .con li:nth-child(3){margin-top: 9.5%; margin-left: 50px;} .multi-text-wrap #iphone .con li:nth-child(4){margin-left: 15px;} .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: 34px 30px 30px 30px;} .multi-text-wrap #iphone .con .text-04 p{padding: 30px 18px 41px 18px;} /*한계*/ .multi-text-wrap #limit .title p{font-size: 25px; padding-left: 22px;} .multi-text-wrap #limit .con > img{width: 33px; height: 39px; margin-left: -25px; margin-top: 20px;} .multi-text-wrap #limit .con > p{font-size: 18px; line-height: 1.5; margin: 0 auto; margin: -40px 0 20px 10px;} .multi-text-wrap #limit .puls-ti p{font-size: 18px;} .multi-text-wrap #limit .puls-ti p span{font-size: 18px;} .multi-text-wrap #limit .puls-tx{font-size: 18px; } .multi-text-wrap #limit .puls{padding-left: 5%; padding-right: 5%;} /*발송*/ .multi-text-wrap #send .title p{font-size: 25px; padding-left: 22px;} .multi-text-wrap #send .con{padding: 0 30px;} .multi-text-wrap #send .con > img{width: 33px; height: 39px; margin-top: 20px; margin-left:80px;} .multi-text-wrap #send .con > p{font-size: 18px; line-height: 1.5; margin: -36px 55px 20px 93px;} .multi-text-wrap #send .step-tx{font-size: 18px;} .multi-text-wrap #send .send-step{padding: 0 5%;margin-bottom: 80px;} /*발송_05*/ .multi-text-wrap #send .send-tx-05{max-width: 600px; min-height: 144px; text-align: left; padding: 0px 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;} .template_v1_content .btn_wrap a{width: 100%; height: 70px;} } /*미디어쿼리_1000px*/ @media screen and (max-width:1000px){ /*목록*/ .multi-text-wrap #limit .con {padding: 0 10%;} .multi-text-wrap .list ul{padding: 0 16% 0 36%;} /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 0.5%;} .multi-text-wrap #galaxy .con li{width: 26%} .multi-text-wrap #galaxy .con li:nth-child(4){width: 49%; margin-left: 23px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-left: -14px;} .multi-text-wrap #galaxy .con .text-04 p{width:146%; margin: -15px 0 0 -66px; padding: 11% 5% 0 5%;} .multi-text-wrap #galaxy .con .text-04 p span{line-height: 1.3; margin-top: 2px;} .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: -98px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} /*발송*/ .multi-text-wrap #send .con > img{margin-left: 65px;} } /*미디어쿼리_920px @media screen and (max-width:920px){ .multi-text-wrap #galaxy .con{padding: 0 0.5%;} .multi-text-wrap #galaxy .con li{width: 26%} .multi-text-wrap #galaxy .con li:nth-child(4){width: 49%; margin-left: 25px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-left: 25px;} .multi-text-wrap #galaxy .con .text-04 p{width:100%; margin: -15px auto;} .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: -80px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .con .step-text::after{display: none;} .multi-text-wrap #iphone .con .step-text::after{display: none;} }*/ /*미디어쿼리_960px_원래 912px이였음*/ @media screen and (max-width:960px) { /*메인비주얼*/ .multi-text-wrap .banner .title{width: 62%; padding: 50px 10px;} .multi-text-wrap .banner img{height: 45vh;} /*안내문*/ .multi-text-wrap .text p:nth-child(1){padding: 0px 4%;} .multi-text-wrap .text p:nth-child(2){padding: 0px 5%;} /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 26%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-text p{padding: 15% 5% 12% 5%;} .multi-text-wrap #galaxy .con .text-04 p{padding: 9% 5% 0% 5%; width: 125%; margin-left: -14%; margin-top: -6%;} .multi-text-wrap #galaxy .con .text-04 p span{line-height: 1.3;} .multi-text-wrap #galaxy .con li:nth-child(4){margin-left: 5%;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-left: -1%;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 10%;}/*4번 박스 글 위에올리기*/ .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: -80px;top: 38%;transform: translateY(-50%); z-index: 100; border-radius: 20px;} .multi-text-wrap #galaxy .con .step-text::after{display: none;} /*아이폰*/ .multi-text-wrap #iphone .con .step-text p{padding: 15% 6% 12% 6%;} .multi-text-wrap #iphone .con .text-04 p{padding: 11% 7% 13% 7%;} .multi-text-wrap #iphone .con .step-text::after{display: none;} /*한계*/ .multi-text-wrap #limit .con > img{margin-left: -3px; width: 31px; height: 36px;} .multi-text-wrap #limit .con > p{margin: -34px -14px 20px 31px;} /*발송*/ .multi-text-wrap #send .con > img{width: 31px; height: 36px;margin-top: 20px;margin-left: 37px;} .multi-text-wrap #send .con > p{margin: -36px 0px 20px 40px;} } /*미디어쿼리_915_/*템플릿1_6부고문자추가*/ @media screen and (max-width:915px){ .template_v1_content .obituary li{width:calc(100%/2);} .template_v1_content .obituary .second_line{margin: 0;} .template_v1_content .obituary .move_line{margin: -230px 0 0 0;} .template_v1_content .obituary li:nth-child(2){margin: 0;} .template_v1_content .long .obituary .wrap{height: 370px;} } @media screen and (max-width:876px){ .template_v1_content .visual .inner{background-size: auto 151px;} } /*미디어쿼리_820px*/ @media screen and (max-width: 820px) { /*메인비주얼*/ .multi-text-wrap .banner-wrap a{width: calc(100% - 60px);} .multi-text-wrap .banner .title{width: 60%; padding: 50px 10px; margin: 20px 0 0 0;} .multi-text-wrap .banner img{height: 45vh;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 35px;} .multi-text-wrap .banner .title span{font-size: 20px;} /*목차*/ .multi-text-wrap #limit .con {padding: 0 5%;} .multi-text-wrap .list p{font-size: 30px;} .multi-text-wrap .list ul{font-size: 20px; padding: 0 10% 0 33%;} /*안내문*/ .multi-text-wrap .text p:nth-child(1){padding: 0 7%;} /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 24%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 21%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 21%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 21%;} .multi-text-wrap #galaxy .con .text-04 p{padding: 7% 8% 0% 8%;width: 112%;margin-left: -7%;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 7%;}/*4번 박스 글 위에올리기*/ /*발송*/ .multi-text-wrap #send .con > img{margin-left: -5px; width: 31px; height: 36px;} .multi-text-wrap #send .con > p{margin: -36px -12px 20px 32px;} .multi-text-wrap #send .send-tx-05{padding: 0px 18px 20px 18px;} .multi-text-wrap #send .send-tx-05 span{line-height: 1.5;} } /*미디어쿼리_770px_이거아니고 아래에 새로 맞춤*/ @media screen and (max-width: 770px){ /*메인비주얼*/ .multi-text-wrap .banner-wrap a img{max-width: 95px; width: 100%;} .multi-text-wrap .banner img{height: 45vh;} .multi-text-wrap .banner .title{width: 80%; padding: 50px 10px; margin: 30px 0 0 0;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 35px;} .multi-text-wrap .banner .title span{font-size: 20px;} /*목차*/ .multi-text-wrap #limit .con {padding: 0 5%;} .multi-text-wrap .list p{font-size: 30px;} .multi-text-wrap .list ul{font-size: 20px; padding: 0 10% 0 33%;} /*안내문*/ .multi-text-wrap .text p{font-size: 20px;} .multi-text-wrap .text p:nth-child(1){padding: 0 10%;} .multi-text-wrap .text p:nth-child(2){padding: 0 9%;} /*갤럭시*/ .multi-text-wrap #galaxy .con{padding: 0 2%;} .multi-text-wrap #galaxy .con ul li p{font-size: 15px;} .multi-text-wrap #galaxy .number{font-size: 15px;} .multi-text-wrap #galaxy .con li{width: 29%;} .multi-text-wrap #galaxy .con li .step-text p{padding: 28px 10px 25px 10px; line-height: 1.5; font-size: 16px; height: 120%;} .multi-text-wrap #galaxy .con li:nth-child(4){width: 53%; margin-top: 10%; margin-left: 4%;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-top: 9%; margin-left: -1.5%;} .multi-text-wrap #galaxy .con .step-text{height: 0;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 14%; }/*4번 박스 글 위에올리기*/ .multi-text-wrap #galaxy .con .text-04 p{width: 110%; margin-left: -6%; padding: 28px 10px 25px 10px;} .multi-text-wrap #galaxy .con .text-04 p span{line-height: 1.3; font-size: 15px; } .multi-text-wrap #galaxy .number{line-height: 2; padding: 30px 7% 40px 7%;} .multi-text-wrap #galaxy .number ul li:nth-child(5){font-size: 14px; margin: -6px 0 10px 14px;} /*아이폰*/ .multi-text-wrap #iphone .con li{position: relative;display: flex;flex-flow: column; margin: 0 30px 0 0;} .multi-text-wrap #iphone .con ul li p{font-size: 15px; } .multi-text-wrap #iphone .number{font-size: 15px;} .multi-text-wrap #iphone .con li .step-text p{padding: 0; padding: 28px 10px 25px 10px; line-height: 1.5; font-size: 16px;} .multi-text-wrap #iphone .con .text-04 p span{line-height: 1.3; font-size: 15px;} .multi-text-wrap #iphone .con li:nth-child(3){margin-top: 9%;} .multi-text-wrap #iphone .con li:nth-child(4){margin-top: 9%;} .multi-text-wrap #iphone .con{padding: 0 8%;} .multi-text-wrap #iphone .con ul{flex-wrap: wrap;} .multi-text-wrap #iphone .con li{width: 38%; margin: 0 40px 0 0;} .multi-text-wrap #iphone .con .step-text::after{display: none;} .multi-text-wrap #iphone .con li:nth-child(1){margin-left: 52px;} .multi-text-wrap #iphone .con li:nth-child(2){margin-left: 0;} .multi-text-wrap #iphone .con li:nth-child(3){margin-top: 9%; margin-left: 52px; } .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding-top: 15%;}/*이거 위에올리기*/ .multi-text-wrap #iphone .con li:nth-child(4){margin-top: 9.7%; margin-left: 0;} .multi-text-wrap #iphone .number{font-size: 15px; line-height: 2; padding: 30px 7% 40px 7%;} .multi-text-wrap #iphone .number ul li:nth-child(4){font-size: 14px; margin: -6px 0 10px 14px;} /*한계*/ .multi-text-wrap #limit .title p{font-size: 25px; padding-left: 22px;} .multi-text-wrap #limit .con > img{width: 35px; height: 41px; margin-left: 15px; margin-top: 20px;} .multi-text-wrap #limit .con > p{font-size: 17px; line-height: 1.5; margin: 0 auto; margin-top: -40px; margin-bottom: 20px; margin-right: 20px; margin-left: 50px;} .multi-text-wrap #limit .puls-ti p{font-size: 18px;} .multi-text-wrap #limit .puls-ti p span{font-size: 18px;} .multi-text-wrap #limit .puls-tx{font-size: 16px; padding: 15px 30px;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding-left: 20px;} .multi-text-wrap #limit .puls-tx p{font-size: 16px;} .multi-text-wrap #limit .puls{padding-left: 5%; padding-right: 5%;} /*발송*/ .multi-text-wrap #send .title p{font-size: 25px; padding-left: 22px;} .multi-text-wrap #send .con{padding: 0 30px;} .multi-text-wrap #send .con > img{width: 35px; height: 41px; margin-top: 20px; margin-left:68px;} .multi-text-wrap #send .con > p{font-size: 17px; line-height: 1.5; margin-top: -36px; margin-bottom: 20px; margin-left: 110px; margin-right: 80px;} .multi-text-wrap #send .step-tx{font-size: 16px;} .multi-text-wrap #send .step-tx p{font-size: 16px;} .multi-text-wrap #send .send-tx-01{padding: 19px 7px 11px 7px;} .multi-text-wrap #send .send-tx-01 p{line-height: 24px;} .multi-text-wrap #send .send-tx-01 p span{font-size: 15px;} .multi-text-wrap #send .send-tx-04{padding: 17px 7px 13px 7px;} .multi-text-wrap #send .send-tx-04 p{line-height: 24px;} .multi-text-wrap #send .send-tx-04 p span{font-size: 15px;} .multi-text-wrap #send .send-tx-05 {padding: 4px 27px 11px 27px} .multi-text-wrap #send .send-tx-05 p{padding-top: 5%;} .multi-text-wrap #send .send-tx-05 span {font-size: 15px;} .multi-text-wrap #send .number{font-size: 15px; margin-top: -64px; line-height: 2;} .multi-text-wrap #send .number ul li:nth-child(2){font-size: 14px; font-weight: 300; margin-left: 20px; margin-top: -10px;} .multi-text-wrap #send .number ul li:nth-child(2){margin: -6px 0 10px 14px;} .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: 14px; font-weight: 300; margin: -6px 0 10px 14px;} .multi-text-wrap #send .number ul li:nth-child(8){font-size: 14px; font-weight: 300; margin: -2px 0 10px 14px; line-height: 1.5;} .multi-text-wrap #send .send-step{padding: 0 5%; margin-bottom: 80px;} .template_v1_content .index ul{width: 50%;} } /*미디어쿼리_760px @media screen and (max-width:760px){ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 23px; padding-top: 22px; padding-left: 22px;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 16px; margin-top: 8px; padding-bottom: 22px;padding-left: 52px;} .multi-text-wrap #iphone .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #iphone .con{padding: 0 6%;} .multi-text-wrap #iphone .con ul{flex-wrap: wrap;} .multi-text-wrap #iphone .con li{width: 43%; margin: 0 12px 0 0;} .multi-text-wrap #iphone .con .step-text p{width: 100%; font-size: 14px; padding: 32px 5px;} .multi-text-wrap #iphone .con .step-text::after{display: none;} .multi-text-wrap #iphone .number{font-size: 14px;} .multi-text-wrap #iphone .con li:nth-child(1){margin-left: 0;} .multi-text-wrap #iphone .con li:nth-child(2){margin-left: 0;} .multi-text-wrap #iphone .con li:nth-child(3){margin-top: 20px; margin-left: 0; } .multi-text-wrap #iphone .con li:nth-child(4){margin-top: 20px; margin-left: 0;} .multi-text-wrap #iphone .number{font-size: 14px;} }*/ /*미디어쿼리_650px @media screen and (max-width:650px) { .multi-text-wrap #limit .con {padding: 0 5px;} }*/ /*미디어쿼리_770px_원래 640px이였음*/ @media screen and (max-width:770px){ /*메인비주얼*/ .multi-text-wrap .banner img{height: 40vh;} .multi-text-wrap .banner .title{width: 80%; padding: 40px 10px;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 30px;} .multi-text-wrap .banner .title span{font-size: 20px;} /*목차*/ .multi-text-wrap #limit .con {padding: 0 5%;} .multi-text-wrap .list p{font-size: 30px; margin: 1% 0 3% 0;} .multi-text-wrap .list ul{font-size: 20px; padding: 0 10% 0 32%; line-height: 2; margin-top: -10px;} /*안내문*/ .multi-text-wrap .text p{font-size: 18px; line-height: 31px;} .multi-text-wrap .text p:nth-child(1){padding: 0 9%; margin-bottom: 25px;} /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 26%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 25%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 25%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 25%;} .multi-text-wrap #galaxy .title p:nth-child(1){font-size: 23px; padding-top: 22px; padding-left: 22px;} .multi-text-wrap #galaxy .title p:nth-child(2){font-size: 16px; margin-top: 8px; padding-bottom: 22px;padding-left: 52px;} .multi-text-wrap #galaxy .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #galaxy .con ul{flex-wrap: wrap;} .multi-text-wrap #galaxy .con li{width: 31%; margin: 0 12px 0 0;} .multi-text-wrap #galaxy .con .step-text p{width: 100%; height: 120%; font-size: 15px; padding: 32px 5px; } .multi-text-wrap #iphone .con li .step-text p{padding: 0; padding: 28px 15px 25px 15px; line-height: 1.5; font-size: 16px;} .multi-text-wrap #galaxy .con .text-04 p{width: 100%; margin-left:0;} .multi-text-wrap #galaxy .con .text-04 p{width: 118%; margin-left:-18%;} .multi-text-wrap #galaxy .con .step-text::after{display: none;} .multi-text-wrap #galaxy .con ul li:nth-child(1){margin-left: -10px;} .multi-text-wrap #galaxy .con ul li:nth-child(3){margin-left: 0;} .multi-text-wrap #galaxy .con li:nth-child(4){width: 57%; margin-top: 9%; margin-left: 23px;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-top: 8%; margin-left: -15px;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 15%;}/*4번 박스 글 위에올리기*/ .multi-text-wrap #galaxy .con .text-01{margin-right: 0px;} .multi-text-wrap #galaxy .con .text-04{margin-right: 15px;} .multi-text-wrap #galaxy .number{font-size: 15px;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} .multi-text-wrap #galaxy .number li:nth-child(5){text-indent: 0; word-break: keep-all; margin: 0 } .multi-text-wrap #galaxy .number ul li:nth-child(5){text-indent: -6px; word-break: keep-all; margin: -6px 17px 8px 23px; line-height: 1.7;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 23px; padding-top: 22px; padding-left: 22px;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 16px; margin-top: 8px; padding-bottom: 22px;padding-left: 52px;} .multi-text-wrap #iphone .title p:nth-child(2) span{vertical-align: sub;} .multi-text-wrap #iphone .con{padding: 0 6%;} .multi-text-wrap #iphone .con ul{flex-wrap: wrap;} .multi-text-wrap #iphone .con li{width: 43%; margin: 0 12px 0 0;} .multi-text-wrap #iphone .con .step-text p{width: 100%; height: 120%; font-size: 15px; padding: 28px 15px 25px 15px;} .multi-text-wrap #iphone .con .step-text::after{display: none;} .multi-text-wrap #iphone .number{font-size: 14px;} .multi-text-wrap #iphone .con li:nth-child(1){margin-left: 3%;} .multi-text-wrap #iphone .con li:nth-child(2){margin-left: 0;} .multi-text-wrap #iphone .con li:nth-child(3){margin-top: 9%; margin-left: 3%; } .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding: 14% 20px 11px 15px;}/*이거 위에올리기*/ .multi-text-wrap #iphone .con li:nth-child(4){margin-top: 9.7%; margin-left: 0;} .multi-text-wrap #iphone .number{font-size: 15px;} .multi-text-wrap #iphone .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} .multi-text-wrap #iphone .number li:nth-child(4){text-indent: 0; word-break: keep-all; margin: 0;} .multi-text-wrap #iphone .number ul li:nth-child(4){text-indent: -6px; word-break: keep-all; margin: -6px 17px 8px 23px; line-height: 1.7;} /*한계*/ .multi-text-wrap #limit .title p{font-size: 25px; padding-left: 22px;} .multi-text-wrap #limit .con > img{width: 39px; height: 45px; margin-left: 0px; position: relative; top: -10px; left: 46%;} .multi-text-wrap #limit .con > p{font-size: 16px; line-height: 1.5; margin: 0 auto; margin-top: -5px; margin-bottom: 20px; } .multi-text-wrap #limit .con table thead th:first-child{padding: 0 10px; line-height: 1.4;} .multi-text-wrap #limit .con table tbody tr .tx{padding-left: 8px; padding-right: 8px;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding-left: 8px; padding-right: 8px;} .multi-text-wrap #limit .puls-ti p{font-size: 18px;} .multi-text-wrap #limit .puls-ti p span{font-size: 18px;} .multi-text-wrap #limit .puls-tx p{line-height: 1.5; padding-top: 17px;} /*발송*/ .multi-text-wrap #send .title p{font-size: 25px; padding-left: 22px;} .multi-text-wrap #send .con{padding: 0 30px;} .multi-text-wrap #send .con > img{width: 39px; height: 45px; margin-left: 0px; position: relative; top: -10px; left: 46%;} .multi-text-wrap #send .con > p{font-size: 16px; line-height: 1.5; margin: 0 auto; margin-top: -5px; margin-bottom: 20px;} .multi-text-wrap #send .step-ti p{margin-top: 16px;} .multi-text-wrap #send .send-step{margin-bottom: 40px;} .multi-text-wrap #send .send-tx-05{padding: 4px 27px 5px 49px;} .multi-text-wrap #send .send-tx-05 span{line-height: 1.5; text-indent: -25px; word-break: keep-all; margin: 0 0 0 -5px; } .multi-text-wrap #send .number{padding-right: 14px; margin-top: -26px;} .multi-text-wrap #send .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} .multi-text-wrap #send .number ul li:nth-child(2){margin-bottom: 7px; margin-left: 31px;} .multi-text-wrap #send .number ul li:nth-child(5){margin-bottom: 7px;} .multi-text-wrap #send .number ul li:nth-child(6){text-indent: -6px; word-break: keep-all; margin: -12px 17px 6px 23px;} .multi-text-wrap #send .number ul li:nth-child(7){margin-bottom: 7px;} .multi-text-wrap #send .number ul li:nth-child(8){font-size: 14px; line-height: 1.5; text-indent: 0; word-break: keep-all; margin: -11px 0 0 23px;} .multi-text-wrap #send .number .last-01{text-indent: 0px; word-break: keep-all; margin: -6px 17px 6px -6px;} .multi-text-wrap #send .number .last-02{text-indent: -6px; word-break: keep-all; margin: -6px 17px 6px -6px;} .multi-text-wrap #send .number .last-03{text-indent: -6px; word-break: keep-all; margin: -6px 17px 6px -6px;} } /*미디어쿼리_758px*/ @media screen and (max-width:758px){ /*빌송*/ .multi-text-wrap #send .send-tx-05{padding: 4px 27px 27px 49px;} } /*미디어쿼리_750px*/ @media screen and (max-width:750px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .text-04 p{width: 113%; margin-left: -14%;} .multi-text-wrap #galaxy .con li:nth-child(4){margin-left: 19px;} } /*미디어쿼리_730px*/ @media screen and (max-width:730px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 25%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 24%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 24%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 24%;} .multi-text-wrap #galaxy .con .text-04 p{width: 112%; margin-left: -12%;} /*템플릿1_10홍보문자추가*/ .content_ten .long .obituary .wrap{height: 415px;} } /*미디어쿼리_710px*/ @media screen and (max-width:710px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .text-04 p{width: 108%; margin-left: -8%;} /*템플릿1_6부고문자추가*/ .template_v1_content .long .obituary .wrap{height: 390px;} /*템플릿1_10홍보문자추가*/ .content_ten .long .obituary .wrap{height: 415px;} } /*미디어쿼리_690px*/ @media screen and (max-width:690px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 24%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 23%;} .multi-text-wrap #galaxy .con .text-04 p{width: 105%; margin-left: -5%;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 13%;} } /*미디어쿼리_670px*/ @media screen and (max-width:670px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 22%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 22%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 22%;} .multi-text-wrap #galaxy .con .text-04 p{width: 101%; margin-left: -1%;} /*템플릿1_11문자 사이트*/ .content_eleven .visual .inner h2{font-size: 40px;} .con_add .text{font-size: 18px;} } /*미디어쿼리_640px*/ @media screen and (max-width:640px){ /*목록*/ .multi-text-wrap .list ul{padding: 0 10% 0 28%;} /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 23%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 20%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 20%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 20%;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 12%;} /*발송*/ .multi-text-wrap #send .send-tx-05 p{padding-top: 6%;} .template_v1_content .visual .inner{background-size: auto 121px;} .template_v1_content .inner{padding: 60px 0;} .template_v1_content h3{margin: 0 0 30px 0;} .template_v1_content .table_type01{table-layout: auto;} /*템플릿1_6부고문자추가*/ .template_v1_content .visual .inner .obituary_te{font-size: 17px; line-height: 1.4;} .template_v1_content .long .obituary .wrap{height: 420px;} .template_v1_content .obituary{margin: 20px 0 0 0;} /*템플릿1_10홍보문자추가*/ .content_ten .long .obituary .wrap{height: 450px;} } /*미디어쿼리_600px*/ @media screen and (max-width:600px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 21%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 19%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 19%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 19%;} /*템플릿1_6부고문자추가*/ .template_v1_content .long .obituary .wrap{height: 350px;} .template_v1_content .obituary{margin: 20px -20px 0 0;} .template_v1_content .obituary li{width:calc(100%);} .template_v1_content .obituary .move_line02{margin: -230px 0 0 0;} .template_v1_content .obituary li:nth-child(2){margin: -230px 0 0 0;} } /*미디어쿼리_570px*/ @media screen and (max-width:570px){ /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: 20%;} .multi-text-wrap #galaxy .con .step-02{margin-left: 18%;} .multi-text-wrap #galaxy .con .step-03{margin-left: 18%;} .multi-text-wrap #galaxy .con .step-05{margin-left: 18%;} } /*미디어쿼리_540px*/ @media screen and (max-width:540px){ /*메인비주얼*/ .multi-text-wrap .banner-wrap a{width: calc(100% - 40px); margin: 0 auto;} .multi-text-wrap .banner-wrap a img{max-width: 85px; margin: 20px 0 0 0;} .multi-text-wrap .banner img{height: 37vh;} .multi-text-wrap .banner .title{width: 70%; margin: 20px 0 0 0;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 25px;} .multi-text-wrap .banner .title p span{font-size: 18px;} /*.template_v1_content .visual h2 {font-size:42px;} .template_v1_content .visual .sub_text {font-size:13px;}*/ /*목록*/ .multi-text-wrap .list p{font-size: 23px;} .multi-text-wrap .list ul{font-size: 18px; padding: 0 10% 0 28%; line-height: 2; margin-top: -10px;} /*안내문*/ .multi-text-wrap .text p{font-size: 16px; line-height: 28px;} .multi-text-wrap .text p:nth-child(1){padding: 0 6%; margin-bottom: 20px;} .multi-text-wrap .text p:nth-child(2){padding:0; width: calc(100% - 60px); margin: 0 auto; } /*갤럭시*/ .multi-text-wrap #galaxy .con .step-01{margin-left: auto;} .multi-text-wrap #galaxy .con .step-02{margin-left: auto;} .multi-text-wrap #galaxy .con .step-03{margin-left: auto;} .multi-text-wrap #galaxy .con .step-05{margin-left: auto;} .multi-text-wrap #galaxy .title p:nth-child(1){font-size: 20px; padding-top: 18px; padding-left: 22px;} .multi-text-wrap #galaxy .title p:nth-child(2){font-size: 16px; margin-top: 6px; padding-bottom: 18px;padding-left: 46px;} .multi-text-wrap #galaxy .con ul{flex-wrap: wrap;} .multi-text-wrap #galaxy .con li{width: 52%; margin: 0 0 0 0;} .multi-text-wrap #galaxy .con .text-04 p{width: 100%; margin-left:0;} .multi-text-wrap #galaxy .con .step-text::after{display: none;} .multi-text-wrap #galaxy .con ul li:nth-child(1){margin-left: 0; } .multi-text-wrap #galaxy .con ul li:nth-child(2){margin-top: 30px;} .multi-text-wrap #galaxy .con ul li:nth-child(3){margin: 30px 3px 0 0;} /*4번 글박스 맞추기*/ .multi-text-wrap #galaxy .con li:nth-child(4){width: 80%; margin: 30px 0 0 0;} .multi-text-wrap #galaxy .con li:nth-child(5){ margin-top: 30px; margin-left: 5%;} .multi-text-wrap #galaxy .con .text-01{margin-right: 0px;} .multi-text-wrap #galaxy .con .text-04{width: 65%; margin-left: 17%;} .multi-text-wrap #galaxy .con li .step-text p{width: 160%; height: 110px; padding: 33px 22px 30px 22px; margin-left: -29%; font-size: 16px;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 14%; margin-top: -8%;}/*4번 박스 글 위에올리기*/ .multi-text-wrap #galaxy .con li .text-05 p{width: 170%; margin-left: -35%; padding: 35px 3px 30px 3px; } .multi-text-wrap #galaxy .number{padding: 10px 7% 40px 7%;} .multi-text-wrap #galaxy .number ul li:nth-child(5){margin-left: 24px;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 20px; padding-top: 18px; padding-left: 22px;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 16px; margin-top: 6px; padding-bottom: 18px;padding-left: 46px;} .multi-text-wrap #iphone .title{padding: 0; font-size: 20px;} .multi-text-wrap #iphone .con{padding: 0;} .multi-text-wrap #iphone .con ul{/*flex-wrap: wrap;*/ display: block; margin-left: 25%} .multi-text-wrap #iphone .con li{width: 66%; margin: 0 0 0 0;} .multi-text-wrap #iphone .con li:nth-child(1){margin-left: 0;} .multi-text-wrap #iphone .con li:nth-child(2){margin-top: 30px;} .multi-text-wrap #iphone .con li:nth-child(3){margin-left: 0; margin-top: 30px;} .multi-text-wrap #iphone .con li:nth-child(4){margin-top: 30px;} .multi-text-wrap #iphone .con .step-text p{width: 161%; height: 110px; font-size: 16px; margin-left: -29%; padding: 27px 10px 25px 10px;} .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding-top: 11%;}/*이거 위에올리기*/ .multi-text-wrap #iphone .con li .step-text p{padding: 28px 22px 25px 22px;} .multi-text-wrap #iphone .con .text-04 p span{font-size: 15px;} .multi-text-wrap #iphone .con .step-text::after{display: none;} .multi-text-wrap #iphone .number{font-size: 15px; padding: 10px 7% 40px 7%;} .multi-text-wrap #iphone .number ul li:nth-child(4){margin-left: 24px;} /*한계*/ .multi-text-wrap #limit .title p{font-size: 20px; padding-left: 22px;} .multi-text-wrap #limit .con .table{padding: 0 1%;} .multi-text-wrap #limit .con > img{width: 33px; height: 38px; margin-left: 0px; position: relative; top: -10px; left: 46%;} .multi-text-wrap #limit .con > p{font-size: 16px; line-height: 1.5; margin: 0 auto; margin-top: -5px; margin-bottom: 20px; } .multi-text-wrap #limit .con table thead th{font-size: 17px;line-height: 1.3;} .multi-text-wrap #limit .con table tbody tr .dv{font-size: 17px;} .multi-text-wrap #limit .con table tbody tr .tx{padding-left: 12px; font-size: 15px;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding-left: 12px; font-size: 15px;} .multi-text-wrap #limit .puls-tx{padding: 13px 20px 22px 20px; line-height: 1.3; } .multi-text-wrap #limit .table span{text-indent: -25px; word-break: keep-all; margin: 0 0 0 -5px;} /*발송*/ .multi-text-wrap #send .title p{font-size: 20px; padding-left: 22px;} .multi-text-wrap #send .con > img{width: 33px; height: 38px; margin-left: 0px; position: relative; top: -10px; left: 46%;} .multi-text-wrap #send .con > p{font-size: 16px; line-height: 1.5; margin: 0 auto; margin-top: -5px; margin-bottom: 20px;} .multi-text-wrap #send .step-tx{padding: 25px 20px 18px 20px} .multi-text-wrap #send .send-tx-01{padding: 19px 20px 11px 20px;} .multi-text-wrap #send .send-tx-01 p span{font-size: 15px; margin-top: -1%;} /*.multi-text-wrap #send .send-tx-02{min-height: 47px;} .multi-text-wrap #send .send-tx-03{min-height: 47px;}*/ .multi-text-wrap #send .send-tx-04{padding: 20px 20px 10px 20px;} .multi-text-wrap #send .send-tx-04 p{padding-top: 3%;} .multi-text-wrap #send .send-tx-04 p span{font-size: 15px; line-height: 1.3;} .multi-text-wrap #send .send-tx-05{padding: 10px 20px 30px 37px;} .multi-text-wrap #send .send-tx-05 p{margin-bottom: -0.5%;} .multi-text-wrap #send .send-tx-05 span{font-size: 15px; line-height: 1.5;} .multi-text-wrap #send .number ul li:nth-child(2){margin-left: 35px;} .multi-text-wrap #send .number ul li:nth-child(5){margin-bottom: 10px;} .multi-text-wrap #send .number ul li:nth-child(6){line-height: 1.5;} .multi-text-wrap #send .number ul li:nth-child(7){margin-top: -2px;} .multi-text-wrap #send .number ul li:nth-child(8){line-height: 1.5; margin-left: 24px;} /*메인화면 이동 버튼*/ .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 18px; color: #fff; padding: 15px 80px;} } /*미디어쿼리_490px*/ @media screen and (max-width:490px) { .multi-text-wrap .banner img{height: 45vh;} .multi-text-wrap .banner .title{padding: 40px 30px; margin: 20px 0 0 0;} .multi-text-wrap .list ul{padding: 0 7% 0 23%;} } /*미디어쿼리_414px*/ @media screen and (max-width:414px){ /*메인비주얼*/ .multi-text-wrap .banner img{height: 36vh;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 25px; line-height: 36px;} .multi-text-wrap .banner .title p span{font-size: 18px;} /*목록*/ .multi-text-wrap .list{padding: 5% 0 5% 0;} .multi-text-wrap .list p{font-size: 22px; margin: 0% 0 8% 0;} .multi-text-wrap .list ul{font-size: 18px; padding: 0 4% 0 19%; line-height: 2; margin-top: -15px;} /*안내문*/ .multi-text-wrap .text p:nth-child(1){padding: 0 4%;} .multi-text-wrap .text p:nth-child(2){padding:0 4%;} /*갤럭시*/ .multi-text-wrap #galaxy .title p:nth-child(1){font-size: 20px; padding-top: 18px; padding-left: 22px;} .multi-text-wrap #galaxy .title p:nth-child(2){font-size: 16px; margin-top: 6px; padding-bottom: 18px;padding-left: 47px;} .multi-text-wrap #galaxy .con ul{flex-wrap: wrap;} .multi-text-wrap #galaxy .con li{width: 52%; margin: 0 0 0 0;} .multi-text-wrap #galaxy .con .step-text p{width: 100%; font-size: 15px; padding: 32px 5px;} .multi-text-wrap #galaxy .con .text-04 p{width: 100%; margin-left:0; padding-top: 14%;} .multi-text-wrap #galaxy .con .step-text::after{display: none;} .multi-text-wrap #galaxy .con ul li:nth-child(1){margin-left: 0;} .multi-text-wrap #galaxy .con ul li:nth-child(2){margin-left: 0; margin-top: 30px;} .multi-text-wrap #galaxy .con ul li:nth-child(3){margin-left: 0;margin-top: 30px;} /*4번 글박스 맞추기*/ .multi-text-wrap #galaxy .con li:nth-child(4){width: 80%; margin-top: 30px; margin-left: 0;} .multi-text-wrap #galaxy .con li:nth-child(5){margin-top: 30px; margin-left: 7%;} .multi-text-wrap #galaxy .con .text-01{margin-right: 0px;} .multi-text-wrap #galaxy .con .text-04{margin: 0 auto;} .multi-text-wrap #galaxy .con li .text-04 p{margin-top: -10%;} .multi-text-wrap #galaxy .con .text-04 p span{font-size: 15px;} .multi-text-wrap #galaxy .number{font-size: 15px; line-height: 30px; padding: 10px 6% 40px 6%;} .multi-text-wrap #galaxy .number ul li:nth-child(1){line-height: 25px; margin-bottom: 3px;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} .multi-text-wrap #galaxy .number ul li:nth-child(5){line-height: 20px; margin-top: -2px;} .multi-text-wrap #galaxy .number ul li:nth-child(6){margin-top: 5px;} /*글박스 맞추기*/ .multi-text-wrap #galaxy .con li .text-05 p{width: 160%; margin-left: -30%;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 20px; padding-top: 18px; padding-left: 22px;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 16px; margin-top: 6px; padding-bottom: 18px;padding-left: 47px;} .multi-text-wrap #iphone .title{padding: 0; font-size: 20px;} .multi-text-wrap #iphone .con{padding: 0;} .multi-text-wrap #iphone .con ul{/*flex-wrap: wrap;*/ display: block; margin-left: 26%;} .multi-text-wrap #iphone .con li{width: 67%; margin: 0 0 0 0;} .multi-text-wrap #iphone .con li:nth-child(2){margin-top: 30px;} .multi-text-wrap #iphone .con li:nth-child(3){margin-top: 30px;} .multi-text-wrap #iphone .con li:nth-child(4){margin-top: 30px;} .multi-text-wrap #iphone .con .step-text p{width: 120%; font-size: 16px; padding: 32px 5px; margin-left: -11%;} .multi-text-wrap #iphone .con .step-text::after{display: none;} .multi-text-wrap #iphone .con li .step-text p .multi-text-wrap #iphone .number{font-size: 15px; line-height: 30px; padding: 10px 6% 40px 6%;} .multi-text-wrap #iphone .number ul li:nth-child(1){line-height: 25px; margin-bottom: 3px;} .multi-text-wrap #iphone .number ul li:nth-child(4){line-height: 20px; margin-top: -2px;} .multi-text-wrap #iphone .number ul li:nth-child(5){line-height: 30px; margin-top: 5px;} /*글박스 맞추기*/ .multi-text-wrap #iphone .con .step-text p{width: 161%; font-size: 16px; padding: 32px 5px; margin-left: -31%;} .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding-top: 14%;}/*이거 위에올리기*/ /*한계*/ .multi-text-wrap #limit .title p{font-size: 20px; padding-left: 22px;} .multi-text-wrap #limit .con > img{width: 25px; height: 29px; margin-left: 0px; position: relative; top: -10px; left: 46%;} .multi-text-wrap #limit .con > p{font-size: 16px; line-height: 1.5; margin: 0 auto; margin-top: -5px; margin-bottom: 20px; } .multi-text-wrap #limit .con .table{padding: 0 1%;} .multi-text-wrap #limit .con table thead th{font-size: 16px; line-height: 1.3;} .multi-text-wrap #limit .con table tbody tr .dv{font-size: 16px;} .multi-text-wrap #limit .con table tbody tr .tx{padding: 0 10px 0 22px; font-size: 15px;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding: 0 10px 0 22px; font-size: 15px;} .multi-text-wrap #limit .puls-tx{padding: 14px 28px 25px 28px; line-height: 1.3; font-size: 15px; font-size: 16px;} /*발송*/ .multi-text-wrap #send .title p{font-size: 20px; padding-left: 22px;} .multi-text-wrap #send .con > img{width: 25px; height: 29px; margin-left: 0px; position: relative; top: -10px; left: 46%;} .multi-text-wrap #send .con > p{font-size: 16px; line-height: 1.5; margin: 0 auto; margin-top: -5px; margin-bottom: 20px;} .multi-text-wrap #send .step-tx p{font-size: 16px; padding-left: 5px; padding-right: 5px;} /*.multi-text-wrap #send .send-tx-01 p{margin-top: -2%;}*/ .multi-text-wrap #send .send-tx-01 p span{display: block;} .multi-text-wrap #send .send-tx-04{padding-left: 0; padding-right: 0;} .multi-text-wrap #send .send-tx-04 p{margin-top: -2%; padding: 5% 8% 5% 8%; line-height: 1.5; } .multi-text-wrap #send .send-tx-04 p span{display: block; line-height: 1.3; padding-top: 1%;} .multi-text-wrap #send .send-tx-05{padding: 0 10px 25px 20px; line-height: 1.3;} .multi-text-wrap #send .send-tx-05 p{padding-top: 11%;} .multi-text-wrap #send .send-tx-05 span{line-height: 1; } .multi-text-wrap #send .number ul li:nth-child(2){margin: -5px 0 9px 37px;} .multi-text-wrap #send .number ul li:nth-child(6){line-height: 1.5; margin: -11px 0 6px 25px;} .multi-text-wrap #send .number ul li:nth-child(8){margin: -9px 0 0 25px;} .template_v1_content .visual{background-position: left 50px; margin: -50px 0 0 0;} .template_v1_content .visual h2{font-size: 2.5rem;} /*경조사 타이틀이 길어서 3rem에서 2.5rem으로 수정*/ .template_v1_content .visual .inner{background-position: calc(100% - 10px) top;} .template_v1_content .visual .keyword{margin: 60px 0 30px 0;} .template_v1_content .index ul{width: 100%; margin: 50px auto 0 auto;} .template_v1_content h3{font-size: 1.8rem; padding: 0 0 0 55px;} /*경조사 타이틀 때문에 2rem에서 1.8rem으로 수정*/ .template_v1_content h3::after{width: 40px; height: 40px; font-size: 1.5rem; line-height: 46px; top: 42%;} .template_v1_content .inner img{width: 100%;} .template_v1_content header .inner, .template_v1_content .inner,.template_v1_content .index ul{width: calc(100% - 40px);} /*템플릿1_6부고문자추가*/ .template_v1_content .long .obituary .wrap{height: 450px;} /*경조사 중 결혼축문자가 길어서 400px에서 450px로 수정*/ .template_v1_content .obituary{margin: 20px 0 0 0;} } /*미디어쿼리_393px*/ @media screen and (max-width:393px) { /*메인비주얼*/ .multi-text-wrap .banner img{height: 46vh;} /*안내문*/ .multi-text-wrap .list ul{padding: 0 4% 0 18%;} /*갤럭시*/ .multi-text-wrap #galaxy .title p:nth-child(1){font-size: 18px; padding-left: 5%;} .multi-text-wrap #galaxy .title p:nth-child(2){font-size: 15px; padding-left: 39px;} .multi-text-wrap #galaxy .number{line-height: 1.7;} .multi-text-wrap #galaxy .number ul li:nth-child(5){margin-top: -1%; margin-bottom: 2%;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 18px; padding-left: 5%;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 15px; padding-left: 39px;} .multi-text-wrap #iphone .number{line-height: 1.7;} /*한계*/ .multi-text-wrap #limit .title p{font-size: 18px; padding:7% 0% 7% 5%;} .multi-text-wrap #limit .con table tbody tr .tx{padding: 0 10px 0 29px;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding: 0 10px 0 29px;} /*발송*/ .multi-text-wrap #send .title p{font-size: 18px; padding: 7% 0% 7% 5%;;} .multi-text-wrap #send .number{line-height: 1.7; padding-right: 20px;} .multi-text-wrap #send .number ul li:nth-child(2){margin-top: -1%; margin-bottom: 3%;} .multi-text-wrap #send .number ul li:nth-child(8){margin-top: -3%;} } /*미디어쿼리_375px*/ @media screen and (max-width:375px){ /*메인비주얼*/ .multi-text-wrap .banner .title p:nth-child(1){line-height: 33px;} /*목록*/ .multi-text-wrap .list ul{padding: 0px 4% 0 15%;} /*갤럭시*/ .multi-text-wrap #galaxy .number{padding: 10px 5% 40px 5%;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} /*아이폰*/ .multi-text-wrap #iphone .number{padding: 10px 5% 40px 5%;} /*한계*/ .multi-text-wrap #limit .con > p{padding: 0 5%;} .multi-text-wrap #limit .con table thead th{font-size: 15px;} .multi-text-wrap #limit .con table tbody tr .dv{font-size: 15px;} .multi-text-wrap #limit .con table tbody tr .tx{font-size: 14px;} .multi-text-wrap #limit .con table tbody tr .tx-long{font-size: 14px;} /*발송*/ .multi-text-wrap #send .number{padding: 18px 5% 40px 5%;} /*.multi-text-wrap #send .send-tx-04{padding-bottom: 2%;}*/ } /*미디어쿼리_360px*/ @media screen and (max-width:360px) { /*메인비주얼*/ .multi-text-wrap .banner img{height: 40vh;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 25px;} .multi-text-wrap .banner .title p span{font-size: 17px; line-height: 1.5;} /*목록*/ .multi-text-wrap .list ul{padding:0 2% 0 13%;} /*안내문*/ .multi-text-wrap .text p:nth-child(1){padding: 0 5%} .multi-text-wrap .text p:nth-child(2){width: calc(101% - 60px);} /*갤럭시*/ .multi-text-wrap #galaxy .number ul li:nth-child(5){line-height: 20px; margin-top: 0%;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} /*아이폰*/ .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding-top: 15%;} /*한계*/ .multi-text-wrap #limit .con table tbody tr .tx{padding: 0 10px 0 20px;;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding: 0 10px 0 20px;} /*발송*/ .multi-text-wrap #send .number ul li:nth-child(6){margin: -11px 17px 6px 25px;} .multi-text-wrap #send .send-tx-05{line-height: 1.3;} .multi-text-wrap #send .send-tx-04 p{padding-top: 6%;} .multi-text-wrap #send .send-tx-05 p{padding-top: 12%;} /*메인화면 이동 버튼*/ .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 18px; color: #fff; padding: 15px 50px;} /*템플릿1_9웹문자 사이트*/ .send_limit_btn a{margin: 0;} /*템플릿1_11문자 사이트*/ .content_eleven .visual .inner h2{font-size: 30px;} /*템블릿1_3 pc에서 대량 문자 보내기 방법*/ .content_three h3{font-size: 25px;} } /*미디워쿼리_320px*/ @media screen and (max-width:320px){ /*메인비주얼*/ .multi-text-wrap .banner img{height: 35vh;} .multi-text-wrap .banner .title{width: 65%; padding: 15px 35px;} .multi-text-wrap .banner .title p:nth-child(1){font-size: 25px; line-height: 30px;} .multi-text-wrap .banner .title span{font-size: 15px;} /*목차*/ .multi-text-wrap #limit .con {padding: 0 5%;} .multi-text-wrap .list{padding: 7% 2% 7% 2%;} .multi-text-wrap .list p{font-size: 25px; margin: 0 0 15% 0;} .multi-text-wrap .list ul{font-size: 17px; padding: 0 3% 0 10%; margin-top: -20px; line-height: 2.2;} /*안내문*/ .multi-text-wrap .text p:nth-child(1){padding: 0 5%;} /*갤럭시*/ .multi-text-wrap #galaxy .con li .step-text p{padding: 32px 10px 30px 10px;} .multi-text-wrap #galaxy .title p:nth-child(2){padding-left: 38px;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 19%; margin-top: -13%;} .multi-text-wrap #galaxy .number li{text-indent: -18px; word-break: keep-all; margin: 0 0 0 18px;} .multi-text-wrap #galaxy .number ul li:nth-child(5){margin-bottom: 3%;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(2){padding-left: 37px;} .multi-text-wrap #iphone .con li .step-text p{padding: 29px 10px 23px 10px;} .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding-top: 19%;} /*한계*/ .multi-text-wrap #limit .con{padding: 0 4%;} .multi-text-wrap #limit .puls-tx{padding: 11px 13px 28px 13px;} .multi-text-wrap #limit .con table thead th:first-child{font-size: 14px; padding: 0;} .multi-text-wrap #limit .con table thead th:last-child{font-size: 14px;} .multi-text-wrap #limit .con table tbody tr .dv{font-size: 14px;} /*발송*/ .multi-text-wrap #send .send-tx-04 p{line-height: 1.4; padding-top: 6%;} .multi-text-wrap #send .send-tx-05{padding: 0 16px 25px 16px;} .multi-text-wrap #send .send-tx-05 p{line-height: 1.4; padding-top: 15%;} /*.multi-text-wrap #send .step-tx p{line-height: 1.2;}*/ /*템플릿1_6부고문자추가*/ .template_v1_content .long .obituary .wrap{height: 430px;} /*템플릿1_10홍보문자추가*/ .content_ten .long .obituary .wrap{height: 500px;} .content_ten .obituary .title .text{font-size: 19px;} /*템플릿1_14추가*/ .con_four .obituary .title .text{font-size: 17px;} } /*미디어쿼리_280px*/ @media screen and (max-width:280px){ /*메인비주얼*/ .multi-text-wrap .banner .title{width: 65%; padding: 20px 35px;} /*목차*/ .multi-text-wrap .list p{font-size: 20px;} .multi-text-wrap .list ul{padding: 0 3% 0 9%; font-size: 16px;} /*안내문*/ .multi-text-wrap .text p:nth-child(2){width: calc(103% - 60px);} /*갤럭시*/ .multi-text-wrap #galaxy .title p:nth-child(1){font-size: 16px;} .multi-text-wrap #galaxy .title p:nth-child(2){font-size: 14px; padding-left: 32px;} .multi-text-wrap #galaxy .con li:nth-child(1) .step-text p{padding: 43px 10px 30px 10px;} .multi-text-wrap #galaxy .con li .text-04 p{padding-top: 22%; margin-top: -16%;} /*아이폰*/ .multi-text-wrap #iphone .title p:nth-child(1){font-size: 16px;} .multi-text-wrap #iphone .title p:nth-child(2){font-size: 14px; padding-left: 32px;} .multi-text-wrap #iphone .con li:nth-child(1) .step-text p{padding: 35px 10px 23px 10px;} .multi-text-wrap #iphone .con li:nth-child(3) .step-text p{padding: 26px 6px 23px 6px} /*한계*/ .multi-text-wrap #limit .title p{font-size: 16px;} .multi-text-wrap #limit .con .table{padding: 0;} .multi-text-wrap #limit .con table thead th{font-size: 14px;} .multi-text-wrap #limit .con table tbody tr .dv{font-size: 14px;} .multi-text-wrap #limit .con table tbody tr .tx{padding: 0 10px 0 11px;} .multi-text-wrap #limit .con table tbody tr .tx-long{padding: 0 10px 0 11px;} .multi-text-wrap #limit .puls-tx{padding: 8px 13px 20px 13px;} /*발송*/ .multi-text-wrap #send .title p{font-size: 16px;} .multi-text-wrap #send .con{padding: 0 10px;} .multi-text-wrap #send .step-tx{padding: 20px 10px 23px 10px;} .multi-text-wrap #send .step-tx p{line-height: 1.5; padding-top: 9%;} .multi-text-wrap #send .send-tx-01{padding: 11px 10px 9px 10px;} .multi-text-wrap #send .send-tx-01 p span{margin-top: 0;} .multi-text-wrap #send .send-tx-04 p{padding: 8% 6% 2% 6%; line-height: 1.3;} .multi-text-wrap #send .send-tx-04 p span{line-height: 1.5; padding-top: 1%;} .multi-text-wrap #send .send-tx-05{padding: 20px 10px 25px 20px;} .multi-text-wrap #send .send-tx-05 p{padding: 6% 7% 1% 6%; line-height: 1.3;} .multi-text-wrap #send .send-tx-05 span{line-height: 1;} .multi-text-wrap #send .number ul li:nth-child(2){margin-left: 35px;} .multi-text-wrap #send .number ul li:nth-child(6){margin-left: 24px;} .multi-text-wrap #send .number ul li:nth-child(8){margin-left: 25px;} .template_v1_content .visual .inner{background-size: 100px; background-position: calc(100% - 10px) 25px;} }