/* ===== MAIN - VISUAL ===== */ .dl, .dl2{ display:flex;} .dl dt, .dl2 dt{flex-shrink: 0;} .dl dd, .dl2 dd{flex-grow: 1;} .hid {position: absolute;margin: -1px; padding: 0; width: 1px; height: 1px;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;} /* slick slide common */ .slick-slider {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-slide {display: none; height: 100%; min-height: 1px; vertical-align: middle;} .slick-list {overflow: hidden;} .slick-list.dragging {cursor: pointer;} .slick-initialized .slick-slide {display: inline-block;} .slick-arrow.slick-hidden {display: none;} .slick-current {opacity: 1; display: block;} .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} /* slick arrow show */ .arwShow .slick-arrow.slick-hidden { display: inline-block; } /* 메인비주얼 */ .MVisual { position: relative; width:100%; height:80vh; overflow:hidden; } .MVisual .slider {overflow: hidden; background: rgba(0, 0, 0, 0.5); isolation: isolate; } .MVisual .slider, .MVisual .slick-list, .MVisual .slick-track {height: 100%; } .MVisual .item { position: relative; background-size:cover; background-position:50% 50%; } .MVisual .item .inner{ height:100%;} .MVisual .area{ position:absolute; top:48%;transform: translateY(-50%);left:0; z-index:2; width:100%; color:#fff; } .MVisual .area h1{ font-size:65px; font-weight:400;} .MVisual .area h2{ font-size:90px;font-family: 'Paperlogy'; font-weight:800; margin-bottom: 25px; } .MVisual .area p{ position: absolute; right: 0; bottom: -130%; font-size:30px; text-align: right;} .MVisual .area p strong{ font-size:40px; text-align: right; display: block; margin-bottom: 11px;} .MVisual .type1 h2{} .MVisual .area p{} .MVisual .type2 p{ margin:20px 0 35px 0;} .MVisual .control { position: absolute; bottom:250px; left: 0; height: 2rem; display: flex; align-items: center;z-index: 2; } .MVisual .control .page { color: #fff; margin-right: 1rem; } .MVisual .control .page span { position: relative; display: inline-block; padding-left:85px; color: #ebebeb; } .MVisual .control .page span::before { position: absolute; top: 50%; left:20px; width:50px; height:1px; border-top:1px #fff solid; background: #fff; content: ""; } .MVisual .control a { color: #fff; padding: 0 0.1rem; } .MVisual .control a.play { display: none; } .MVisual .cs-call{ position: absolute; bottom: 0; left:0; display: flex; width:100%; align-items: center; z-index: 2; color:#fff; } .MVisual .cs-call:before, .MVisual .cs-call:after{ content:''; position:absolute; bottom:0;width:500px;height:100%;} .MVisual .cs-call:before{ left:-500px;background:#0072bc;} .MVisual .cs-call:after{ right:-500px;background:#092430;} .MVisual .cs-call .s01, .MVisual .cs-call .s02{ padding:35px 0; font-size:25px; height:30px;} .MVisual .cs-call .s01{ width:32%;background: linear-gradient(315deg, rgba(0, 88, 178, 1) 38%, rgba(0, 114, 188, 1) 100%); font-weight:600;} .MVisual .cs-call .s02{ background:#092430; width:calc(100% - 32%); display:flex;justify-content:flex-end; align-items: center;font-weight:300; } .MVisual .cs-call .s02 strong{ color:#60c0ff; font-weight:600; margin-right:30px; display:flex;align-items: center;} .MVisual .cs-call .s02 strong i{ font-size:30px; font-weight:normal; margin-right:10px;} .MVisual .cs-call .s02 p+p{ position:relative; margin-left:20px; padding-left:20px;} .MVisual .cs-call .s02 p+p:before{ content:''; position:absolute; top:50%; left:0; width:1px; height:15px; border-left:1px solid rgb(255,255,255,0.3);transform: translateY(-50%);} .MVisual .cs-call .s02 p span{font-weight:600; margin-left:10px; letter-spacing:0;} .quickmenu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding: 55px 0; border-bottom: 2px solid #131820;} .qm_body { display: flex; flex: 3; flex-wrap: wrap; gap: 20px; min-width: 300px;} .qm_btn { display: flex; flex: 1; gap: 10px; flex-wrap: wrap; justify-content: flex-end; align-items: center; min-width: 200px;} .consultation-item { display: flex; align-items: flex-start; gap: 24px; margin-right: 8%;} .icon { font-size: 24px; color: #007bff; flex-shrink: 0;} .content strong { display: block; font-size: 24px; margin-bottom:10px; font-family: 'Paperlogy'; font-weight: 600;color: #222;} .content p { font-size: 22px; color: #555; margin: 0;} .qm_btn a { padding: 40px; font-size: 20px; border-radius: 12px; cursor: pointer;font-weight: 500; font-family: 'Paperlogy'; white-space: nowrap;} .quickbtn1 {background-color: #111; color: #fff;} .quickbtn2 { background-color: #fff; color: #111; border: 1px solid #ccc;} #sec01 {background-image:url(../img/main/sec01_bg.png); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; position: relative;} #sec01 .inner { padding: 150px 0 100px 0;} #sec01 .inner .s01_1 {} #sec01 .inner .s01_1 h1{ font-size: 70px; font-weight: 700; margin-bottom: 55px; letter-spacing: -3px; text-align: center;} #sec01 .inner .s01_1 p{ font-size: 29px; margin-bottom: 22px; text-align: justify;letter-spacing: -2px; line-height: 55px; text-align: center;} #sec01 .inner .s01_1 p strong {font-size: 32px; font-weight: 700;} /*#sec01 .inner .s01_2 {flex-grow: 1; text-align: right; position: absolute; right: 0; bottom: 0;} #sec01 .inner .s01_2 img { width:87%;}*/ .main_btn{display: inline-block; background-color: #131820; color: #fff; padding:20px 47px; border-radius: 40px; font-size: 24px; font-weight: 500; text-decoration: none; transition: background-color 0.3s ease;} .main_btn:hover { background-color: #333;} .main_btn strong { font-weight: 600; margin-left: 8px;} #sec02 { margin-bottom: 190px;} #sec02 .inner {} #sec02 .inner h1 {text-align: center; font-size: 70px; font-weight: 700; margin: 200px 0 250px 0; line-height: 105px; } #sec02 .inner h1 strong { font-family: 'BookkMyungjo'; font-weight: 700; background-color: #131820; padding: 10px 15px; border-radius: 16px;} #sec02 .inner .s02_1 { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between;margin-bottom: 190px;} #sec02 .inner .s02_1 .s02_1_t, #sec02 .inner .s02_2 .s02_2_t, #sec02 .inner .s02_3 .s02_3_t{ flex: 1 1 55%;flex-basis: 40%; flex-shrink: 0;} #sec02 .inner .s02_1 .s02_1_t h2, #sec02 .inner .s02_2 .s02_2_t h2, #sec02 .inner .s02_3 .s02_3_t h2{ font-size: 54px; font-weight: 600; line-height: 1.35; margin-bottom: 100px; color: #111;position: relative; letter-spacing: -3px;font-family: 'Paperlogy';} #sec02 .inner .s02_1 .s02_1_t h2::before { content: "1"; position: absolute; top: -42%; left: -28%; font-size: 550px; font-weight: 800; color: #428fe3; opacity: 0.1; z-index: -1; pointer-events: none; line-height: 1; font-family: 'Pretendard';} #sec02 .inner .s02_2 .s02_2_t h2::before { content: "2"; position: absolute; top: -42%; left: -14%; font-size: 550px; font-weight: 800; color: #428fe3; opacity: 0.1; z-index: -1; pointer-events: none; line-height: 1; font-family: 'Pretendard';} #sec02 .inner .s02_3 .s02_3_t h2::before { content: "3"; position: absolute; top: -42%; left: -32%; font-size: 550px; font-weight: 800; color: #428fe3; opacity: 0.1; z-index: -1; pointer-events: none; line-height: 1; font-family: 'Pretendard';} #sec02 .inner .s02_1 .s02_1_t h2 strong, #sec02 .inner .s02_2 .s02_2_t h2 strong, #sec02 .inner .s02_3 .s02_3_t h2 strong {color: #428fe3; font-family: 'Paperlogy'; font-weight: 800;} #sec02 .inner .s02_1 .s02_1_b { flex: 1 1 40%;} #sec02 .inner .s02_1 .s02_1_b ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px;} #sec02 .inner .s02_1 .s02_1_b li { border-radius: 16px; padding: 40px 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 10px;} #sec02 .inner .s02_1 .s02_1_b li h5 { font-size: 24px; font-weight: 700; color: #183a6d; padding-left: 70px; position: relative;} #sec02 .inner .s02_1 .s02_1_b li h5::after { content: ""; position: absolute; left: 15px; top: 10%; width: 25px; height: 25px; background: url('../img/common/check.png') no-repeat center center; background-size: contain;} #sec02 .inner .s02_1 .s02_1_b li p {font-size: 20px; color: #333; line-height: 1.6; margin-left: 70px;} #sec02 .inner .s02_2{position: relative;margin-bottom: 190px;} #sec02 .inner .s02_2 .s02_2_t .prize{position: absolute; top: 0; right: 0;} #sec02 .inner .s02_2 .s02_2_b {} #sec02 .inner .s02_2 .s02_2_b ul{ display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;} #sec02 .inner .s02_2 .s02_2_b ul li{ flex: 1 1 calc(20% - 20px); border-radius: 16px; padding: 65px 50px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); box-sizing: border-box; text-align: center; transition: all 0.3s ease; position: relative;} #sec02 .inner .s02_2 .s02_2_b ul li:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1);} #sec02 .inner .s02_2 .s02_2_b ul li img { width: 50px; height: 50px;margin-bottom: 15px;} #sec02 .inner .s02_2 .s02_2_b ul li h5 { font-size: 24px; font-weight: 700; margin-bottom: 10px; color: #002868;} #sec02 .inner .s02_2 .s02_2_b ul li p { font-size: 22px; color: #333;line-height: 1.5;} #sec02 .inner .s02_2 .s02_2_b ul li:last-child { background: #131820; color: #fff; background-color: #131820; background-image: url('../img/main/sec02_5.png'); background-repeat: no-repeat; background-position: center; background-size: 80%; display: flex; align-items: center; justify-content: center; box-sizing: border-box;} #sec02 .inner .s02_2 .s02_2_b ul li:last-child h4 {font-size: 32px;font-weight: 400; font-family: 'Paperlogy';line-height: 1.2;} #sec02 .inner .s02_2 .s02_2_b ul li:last-child strong { color: #45D3E8; font-family: 'Paperlogy'; font-weight: 700;} #sec02 .inner .s02_3{display: flex; flex-wrap: wrap; gap: 40px;justify-content: space-between;} #sec02 .inner .s02_3 .s02_3_b{ flex-grow: 1; width: 40%;} #sec02 .inner .s02_3 .s02_3_b ul{display: flex; flex-direction: row; gap: 29px; flex-wrap: wrap;} #sec02 .inner .s02_3 .s02_3_b ul li{ border-radius: 16px; padding: 60px 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); width: calc(100% / 2 - 66px); position: relative;} #sec02 .inner .s02_3 .s02_3_b ul .gray {background-color: #eee;} #sec02 .inner .s02_3 .s02_3_b ul li h5 { font-size: 24px; font-weight: 700; color: #183a6d; padding: 42px 0 0 26px;} #sec02 .inner .s02_3 .s02_3_b ul li img {width: 6%; position: absolute; top: 50px; left: 50px;} #sec03{background-image:url(../img/main/sec03_bg.png); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; position: relative;padding: 120px 0;} #sec03 .inner {display: flex; align-items: center;} #sec03 .inner .s03_1 {flex-basis: 36%; flex-shrink: 0; position: relative;} #sec03 .inner .s03_1 a img{border-radius: 16px; width: 100%;} #sec03 .inner .s03_1 a h5{color: #fff; position: absolute;top: 44%; left: 28%; font-size: 24px; font-weight: 600; font-family: 'Paperlogy';} #sec03 .inner .s03_1 a h5 img {width: 16%; border-radius: 0px; margin-right: 12px;} #sec03 .inner .s03_2 {flex-grow: 1; margin-left: 4%;} #sec03 .inner .s03_2 h1{font-size: 70px; font-weight: 700; margin-bottom: 35px; letter-spacing: -8px;} #sec03 .inner .s03_2 h1 strong{ font-weight: 700;} #sec03 .inner .s03_2 p{font-size: 25px; letter-spacing: -2px; line-height: 36px;} #sec04{} #sec04 .inner{} #sec04 .inner .sec04bg{} #sec04 .inner .sec04bg img{width: 100%; border-radius: 16px;} #sec04 .inner .s04_t{position: absolute; top: 20%; left: 4%;} #sec04 .inner .s04_t span{font-size: 22px; font-weight: 600;} #sec04 .inner .s04_t h6{font-size: 37px; color: #fff; font-family: 'Paperlogy'; margin-top: 25px;} #sec04 .inner .s04_t h1{color: #fff; font-family: 'Paperlogy'; font-size: 55px; letter-spacing: -3px;margin: 5px 0 20px 0; font-weight: 500} #sec04 .inner .s04_t h1 strong{font-family: 'Paperlogy'; font-weight: 700;} #sec04 .inner .s04_t p{color: #f6f6f6;} #sec04 .inner a {background: #428fe3; color: #fff; font-family: 'Paperlogy'; font-size: 24px; padding: 20px 50px; border-radius: 40px; letter-spacing: 0px; position: absolute; bottom: 20%; right: 4%; } #ft_wr .inner{ padding-bottom:60px;} #ft_wr .s02{ padding:30px 0; margin:100px 0 30px 0; border-top:1px solid rgb(0,0,0,0.2); border-bottom:1px solid rgb(0,0,0,0.2); display:flex; align-items: center;justify-content: space-between;} #ft_wr .s02 h1{ font-weight:700;} #ft_wr .s02 a{ font-size:21px; font-weight:500;} #ft_wr .s02 a i{ margin-right:5px;} #ft_wr .s03{ line-height:35px; color:#555; display:flex;align-items: center;justify-content: space-between; letter-spacing:0;} #ft_wr .s03 span+span{ margin-left:20px;} #ft_wr .s03 b{ font-weight:600; margin-right:5px; color:#222;} #ft_wr .s03 img{ width:45px;} #ft_wr .s03 ul{gap:0 15px;} #ft_wr .copy{ text-align:center; background:#222; color: rgb(255,255,255,0.5); padding:25px 0; font-size:18px;letter-spacing:0;} #ft_wr .copy a{ color: rgb(255,255,255,0.5);} @media all and ( max-width: 1920px ){ .MVisual .cs-call .s01, .MVisual .cs-call .s02{ font-size:20px; height:20px; padding:30px 0;} .MVisual .area h1{ font-size:40px;} .MVisual .area h2{ font-size:70px;} .MVisual .area p{ font-size:23px;} .MVisual .control {bottom:200px;} .qm_body { flex: 3; gap: 0;} .qm_btn {gap: 5px;} #sec01 .inner .s01_1 h1, #sec02 .inner h1, #sec03 .inner .s03_2 h1 {font-size: 64px;} #sec02 .inner h1 {margin: 170px 0 200px 0;} #sec01 .inner .s01_1 p {font-size: 22px;} #sec01 .inner .s01_2 img { width: 75%;} #sec02 { margin-bottom: 150px;} #sec02 .inner .s02_1 .s02_1_t h2, #sec02 .inner .s02_2 .s02_2_t h2, #sec02 .inner .s02_3 .s02_3_t h2 {font-size: 48px;} #sec02 .inner .s02_2 .s02_2_t .prize {width: 49%;} #sec02 .inner .s02_2 .s02_2_b ul li {padding: 30px;} #sec02 .inner .s02_2 .s02_2_b ul li p {font-size: 20px; line-height: 1.2;} #sec02 .inner .s02_2 .s02_2_b ul li:last-child h4 {font-size: 25px;} #sec02 .inner .s02_3 .s02_3_b ul li h5 {padding: 27px 0 0 26px;} #sec03 {padding: 90px 0;} #sec04 .inner .s04_t h6 {margin-top: 15px;} #sec04 .inner .s04_t h1 {font-size: 50px;} #sec04 .inner a {font-size: 22px;} #ft_wr .s02{ padding:20px 0; margin:70px 0 20px 0;} #ft_wr .s02 h1{ font-size:25px;} #ft_wr .s02 a{ font-size:17px;} #ft_wr .s03{ line-height:25px;} #ft_wr .s03 img{ width:37px;} #ft_wr .s03 ul{gap:0 10px;} #ft_wr .copy{ font-size:15px;} } @media all and ( max-width: 1680px ){ #sec01 .inner .s01_1 h1, #sec02 .inner h1, #sec03 .inner .s03_2 h1 {font-size: 56px;} #sec02 .inner h1 { margin: 85px 0 120px 0; line-height: 92px; } #sec02 .inner .s02_1 .s02_1_t h2::before { top: -28%; left: -18%; font-size: 400px;} #sec02 .inner .s02_2 .s02_2_t h2::before {top: -28%; left: -9%;font-size: 400px;} #sec02 .inner .s02_3 .s02_3_t h2::before {top: -28%; left: -21%;font-size: 400px;} #sec02 .inner .s02_1 .s02_1_t h2, #sec02 .inner .s02_2 .s02_2_t h2, #sec02 .inner .s02_3 .s02_3_t h2 {font-size: 46px; margin-bottom: 36px;} } @media all and ( max-width: 1280px ){ .MVisual {height: 68vh;} .MVisual .area{} .MVisual .area h1{ font-size:30px;} .MVisual .area h2{ font-size:60px;} .MVisual .area p{ font-size:18px;} .MVisual .area p strong {font-size: 26px;} .MVisual .control {bottom:100px; left:20px;} .content strong { font-size: 20px;} .content p {font-size: 19px;} .consultation-item { margin-right: 34px; gap: 19px;} .consultation-item img{} .qm_btn a {padding: 30px;font-size: 17px;} #sec01 .inner {padding: 80px 0 20px 0;} #sec01 .inner .s01_1 {flex-basis: 70%;} #sec01 .inner .s01_1 p {font-size: 20px; margin-bottom: 17px;line-height: 32px;} #sec01 .inner .s01_2 img { width: 50%; } #sec01 .inner .s01_1 h1, #sec02 .inner h1, #sec03 .inner .s03_2 h1 { font-size: 50px; } .main_btn { font-size: 20px;} #sec02 { margin-bottom: 100px; } #sec02 .inner h1 {line-height: 80px;} #sec02 .inner .s02_1, #sec02 .inner .s02_2 { margin-bottom: 100px;} #sec02 .inner .s02_1 .s02_1_t h2, #sec02 .inner .s02_2 .s02_2_t h2, #sec02 .inner .s02_3 .s02_3_t h2 { font-size: 34px; letter-spacing: -2px;} #sec02 .inner .s02_1 .s02_1_b li h5, #sec02 .inner .s02_3 .s02_3_b ul li h5 { font-size: 20px;} #sec02 .inner .s02_2 .s02_2_b ul li h5, #sec02 .inner .s02_2 .s02_2_b ul li:last-child h4 { font-size: 20px;} #sec03 { padding: 55px 0; } #sec03 .inner .s03_1 a h5 { left: 22%;font-size: 20px;} #sec03 .inner .s03_2 p { font-size: 20px;line-height: 30px;} #sec04 .inner .s04_t {top: 16%;} #sec04 .inner .s04_t h6 {font-size: 26px;} #sec04 .inner .s04_t h1 {font-size: 35px; margin: 0px 0 10px 0;} #sec04 .inner a{bottom: 16%; font-size: 20px; padding: 17px 50px;} #ft_wr .s02{ margin:50px 20px 20px 20px;} #ft_wr .s03{ margin:0 20px;} } @media all and ( max-width: 1152px ){ } @media all and ( max-width: 1024px ){ .MVisual{ height:600px;} .MVisual .area h1{ font-size:25px;} .MVisual .area h2{ font-size:55px;} .MVisual .area p{ font-size:17px;} .main_btn { padding: 16px 47px;} #sec01 .inner .s01_1 p { font-size: 18px; margin-bottom: 14px; line-height: 28px;} #sec01 .inner .s01_2 img { width: 40%;} #sec02 .inner h1 { font-size: 36px; line-height: 1.4; margin: 80px 0; } #sec02 .inner .s02_1 .s02_1_t h2::before { top: -80%; left: -5%;} #sec02 .inner .s02_2 .s02_2_t h2::before {top: -48%;} #sec02 .inner .s02_3 .s02_3_t h2::before { top: -72%; left: -7%;} #sec02 .inner .s02_1, #sec02 .inner .s02_2 .s02_2_b ul, #sec02 .inner .s02_3 .s02_3_b ul { flex-direction: column; } #sec02 .inner .s02_1 .s02_2 li h5 { font-size: 15px;} #sec02 .inner .s02_1 .s02_2 li p { font-size: 13px;} #sec02 .inner h1 strong { padding: 5px 13px; border-radius: 12px;} #sec02 .inner .s02_3 { display: block;} #sec02 .inner .s02_3 .s02_3_b {width: 100%; margin-top: 40px;} #sec02 .inner .s02_3 .s02_3_b ul li { width: 100%; padding: 0;} #sec02 .inner .s02_3 .s02_3_b ul li img {width: 2.5%;top: 48px; left: 34px;} #sec02 .inner .s02_3 .s02_3_b ul li h5 {padding: 50px 50px 50px 70px;} } @media all and ( max-width: 800px ){ .MVisual{ height:500px;} .MVisual .area h1{ font-size:20px;} .MVisual .area h2{ font-size:35px;} .MVisual .area p{ font-size:17px;} .MVisual .control {bottom:50px;} .quickmenu { flex-direction: column; padding: 35px 0; } .qm_body { } .qm_btn { justify-content: center; } .qm_btn button { flex: 1 1 auto; } .consultation-item { margin-right: 12px; gap: 15px; } .consultation-item img {height: 35%; } #sec01 .inner {display: block; padding: 80px 0 170px 0;} #sec01 .inner .s01_1 h1, #sec02 .inner h1, #sec03 .inner .s03_2 h1 {font-size:36px; } #sec01 .inner .s01_2 img { width: 30%;} #sec02 { margin-bottom: 50px; } #sec02 .inner h1{letter-spacing: -5px;} #sec02 .inner .s02_2 .s02_2_t .prize { width: 46%; top: 13%;} #sec03 .inner { display: block;} #sec03 .inner .s03_2 {margin: 4%;} #sec04 .inner .sec04bg { width: 100%; height: 300px; border-radius: 16px; background-image:url(../img/main/sec04_bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; } #sec04 .inner .sec04bg img{ display: none;} #ft_wr .s02{ display:block;} #ft_wr .s02 a{ margin-top:15px; display:block;} } @media all and ( max-width: 640px ){ .MVisual{ height:400px;} .MVisual .area p{ display:none;} .MVisual .type2 h2 { margin-top:10px;} #sec01 .inner {padding: 60px 0;} #sec01 .inner .s01_2 img {display: none;} #sec02 .inner .s02_1 .s02_1_t h2::before { top: -42%; left: -7%; } #sec02 .inner .s02_2 .s02_2_t .prize {display: none;} #sec02 .inner .s02_3 .s02_3_b ul li img {width: 5%;} #sec04 .inner .s04_t h6 {font-size: 24px;} #sec04 .inner .s04_t h1 { font-size: 30px;} #sec04 .inner .sec04bg { height: 345px;} #sec04 .inner a { bottom: 10%; font-size: 18px; padding: 13px 43px;} } @media all and ( max-width: 480px ){ #sec01 .inner .s01_1 h1, #sec02 .inner h1, #sec03 .inner .s03_2 h1 { font-size: 28px;} #sec01 .inner .s01_1 p, #sec01 .inner .s01_1 p strong { font-size: 16px; line-height: 22px; } #sec01 .inner .s01_1 h1 {margin-bottom: 25px;} .main_btn {font-size: 18px;} #sec02 { margin-bottom: 0;} #sec02 .inner h1 {margin: 70px 0;} #sec02 .inner .s02_1 .s02_1_t h2::before { top: -28%;left: -18%; font-size: 325px;} #sec02 .inner .s02_1 .s02_1_b li h5 {padding-left: 40px;} #sec02 .inner .s02_1 .s02_1_b li h5::after {left: 0px;} #sec02 .inner .s02_1 .s02_1_b li p { font-size: 18px; margin-left: 20px;} #sec02 .inner .s02_2 .s02_2_b ul li { display: flex; text-align: left;} #sec02 .inner .s02_2 .s02_2_b ul li h5 {font-size: 18px; flex-basis: 28%; flex-shrink: 0; margin: 0 10px;} #sec02 .inner .s02_2 .s02_2_b ul li p {font-size: 16px;} #sec02 .inner .s02_1 .s02_1_t h2, #sec02 .inner .s02_2 .s02_2_t h2, #sec02 .inner .s02_3 .s02_3_t h2 {font-size: 28px;margin-bottom: 13px;} #sec02 .inner .s02_1 .s02_1_b li h5, #sec02 .inner .s02_3 .s02_3_b ul li h5 {font-size: 18px; } #sec02 .inner .s02_2 .s02_2_b ul li img { width: 30px; height: 30px;} #sec03 .inner .s03_2 h1 { letter-spacing: -3px;} #sec04 .inner .area h1{ font-size:35px;} #ft_wr .s03{ display:block;} #ft_wr .s03 b, #ft_wr .s03 p span{ display:block;} #ft_wr .s03 p br{ display:none;} #ft_wr .s03 p span:nth-child(1){ margin-bottom:7px} #ft_wr .s03 p span+span{ margin:7px 0 0 0;} #ft_wr .s03 ul{ margin-top:10px;} #ft_wr .s02 h1{ font-size:23px;} #ft_wr .s01 h2 span{ display:block;} #ft_wr .s01 h2 span + span{ margin:0;} }