/*-------------------------------------- 공통 --------------------------------------*/ @font-face { font-family: 'OTWelcomeRA'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2'); font-weight: normal; font-style: normal; } /*-------------------------------------- sec1 --------------------------------------*/ #sec1{width:100%; background:#22245e;} #sec1 .container{margin:0 auto; /*padding:60px 0 30px;*/} #sec1 .tit{} #sec1 .tit p{float:left; color:#fff; font-size:55px; line-height:65px; letter-spacing:-3px; padding-top:8px;} #sec1 .tit p span{position: relative;display:inline-block;font-size:40px;color:#fff;line-height:1.2;font-weight:600;top: 10px; letter-spacing:0px;} #sec1 .tit p img{display:inline-block;width: 80px; margin-right:10px;margin-bottom:5px;} #sec1 ul{width:70%; float:left;} #sec1 ul li{height:55px; clear:both;} #sec1 ul li:last-child{padding-top:15px;} #sec1 ul li span{float:left; display:block; width:85px; line-height:55px; color:#fff; font-size:20px;} #sec1 ul li input{float:left; display:block; background:#fff; border:0; height:55px; line-height:55px; font-size:20px; border-radius:10px;} #sec1 ul li input.name{width:500px; padding:0 20px;} #sec1 ul li input.phone{width:157px; height:55px; line-height:55px; margin-left:15px; text-align:center;} #sec1 ul li select{float:left; display:block; width:156px; height:55px; line-height:55px; border:0; padding-left:20px; font-size:20px; border-radius:10px;} #sec1 span.btn_estimate{display:block;width:30%;height: 70px;float:right;background-color:#fff955;border-radius:10px;} #sec1 span.btn_estimate a{display:block;/* height:98px; */font-size: 21px;color:#22245e;line-height: 1;text-decoration:none;padding: 18px 10px;text-align: center;font-weight:600;} #sec1 span.btn_estimate span{/* display:block; *//* height:98px; */font-size: 28px;color:#22245e;line-height:1.2;font-weight:600;padding-right: 3px;} #sec1 span.btn_estimate2{display:block;width:30%;height: 50px;float:right;background-color: #2776bb;border-radius:10px;margin-top: 5px;} #sec1 span.btn_estimate2 a{display:block;/* height:98px; *//* font-size: 18px; */color:#22245e;line-height:1.2;text-decoration:none;padding: 11px 10px;text-align: center;font-weight:600;} #sec1 span.btn_estimate2 span{display:block;/* height:98px; */font-size: 24px;color: #ffffff;line-height:1.2;font-weight:600;} #sec1 span.agree{clear:both; display:block; padding:15px 0 0 0; /*line-height:30px;*/} #sec1 span.agree label{color:#fff; font-size:15px; font-weight:300; margin:0;} #sec1 span.agree a{display:inline-block;/*background:#d6dbe1; width:75px; *//* height:30px; */line-height: 1.6;font-weight: 300;color: #fff;text-align:center; font-size: 14px;margin-left:10px;text-decoration:none;} @media(max-width:1150px) and (min-width:992px){ #sec1 ul{width:80%;} #sec1 span.btn_estimate{width:20%;} #sec1 span.btn_estimate a{display:block;font-size: 17px;line-height: 1;padding: 14px 10px;} #sec1 span.btn_estimate span{display:block;font-size: 22px;color:#22245e;line-height:1.2;padding-right: 3px;} #sec1 span.btn_estimate2{display:block;width: 20%;height: 39px;} #sec1 span.btn_estimate2 a{display:block;/* height:98px; *//* font-size: 18px; */color:#22245e;line-height:1.2;text-decoration:none;padding: 9px 10px;text-align: center;font-weight:600;} #sec1 span.btn_estimate2 span{display:block;/* height:98px; */font-size: 18px;color: #ffffff;line-height:1.2;font-weight:600;} #sec1 ul li input.name{width:420px;} #sec1 ul li input.phone{width:130px;} #sec1 ul li select{width:130px;} } @media(max-width:991px){ #sec1 .tit{padding-bottom:15px;} #sec1 .tit p{float:none; font-size:34px; line-height:1.6;padding-top:0;} #sec1 .tit p span{top:0;font-size:34px;line-height:1.6;} #sec1 .tit p img{width:45px;} #sec1 ul{width:100%;} #sec1 ul li{height:45px;} #sec1 ul li span{display:none;} #sec1 ul li input{height:45px; font-size:16px; line-height:45px;} #sec1 ul li input.name{width:100%;} #sec1 ul li select{width:33.333%; height:45px; font-size:16px; line-height:45px;} #sec1 ul li input.phone{width:32%;margin-left:5px; height:45px; font-size:16px; line-height:45px;} #sec1 ul li:last-child{padding-top:10px;} #sec1 span.btn_estimate{width:100%;height:auto; margin-top:10px;} #sec1 span.btn_estimate a{padding:15px 10px; font-size:20px;} #sec1 span.btn_estimate span{font-size:20px; display:inline-block; padding-right:5px;} #sec1 span.btn_estimate2{width:100%;height:auto; margin-top:9px;} #sec1 span.btn_estimate2 a{padding:15px 10px; font-size:20px;} #sec1 span.btn_estimate2 span{font-size:20px; display:inline-block; padding-right:5px;} } @media(max-width:430px){ #sec1 .tit{padding-bottom:10px;} #sec1 .tit p{float:none; font-size:26px; line-height:1.6;padding-top:0;} #sec1 .tit p span{top:0;font-size:26px;line-height:1.6;} #sec1 .tit p img{width:35px;} #sec1 ul li:last-child{padding-top:5px;} #sec1 ul li input{font-size:14px;height:40px;line-height:40px;} #sec1 ul li input.phone{font-size:14px;height:40px;line-height:40px; margin-left:4px;} #sec1 ul li select{font-size:14px;height:40px;line-height:40px;} #sec1 span.agree label{font-size:13px;} #sec1 span.agree label a{font-size:13px;} #sec1 span.btn_estimate a{padding:8px 10px; font-size:18px;} #sec1 span.btn_estimate2 a{padding:8px 10px; font-size:18px;} } /*-------------------------------------- sec2 --------------------------------------*/ #sec2{} #sec2 .title{margin-bottom:50px;} #sec2 .title h1{margin-bottom:22px; line-height:1.2;} #sec2 .title h1 span{display:inline-block; color:#239fff} #sec2 ul li{padding-bottom:20px;} #sec2 ul li h2{font-size:20px;letter-spacing:-1.2px;color: #048bf3;font-weight: 600;} #sec2 ul li p{font-size:16px; letter-spacing:-1.2px; color:#333;line-height:1.4; margin-top:7px; padding:0 20px 0;} @media(max-width:991px){ #sec2 ul li p{height:45px;} } @media(max-width:767px){ #sec2 ul li img{width:40%;} #sec2 ul li h2{font-size:18px;} #sec2 ul li p{font-size:14px;padding:0;} } @media(max-width:430px){ #sec2 ul li h2{font-size:15px;} #sec2 ul li p{font-size:13px; letter-spacing:-1.8px;} } /* 세로형 #sec2{} #sec2 .title{} #sec2 .title h1{margin-bottom:10px; line-height:1.2;} #sec2 ul{margin:0 auto; width:70%;padding-top:30px;} #sec2 ul:after{content:''; display:block;clear:both;} #sec2 ul li{padding-bottom:15px;} #sec2 ul li:last-child{padding-bottom:0px;} #sec2 ul li a{display:block; box-shadow:1px 1px 5px rgb(0 0 0 / 20%); border-radius:10px; padding:0px 30px;} #sec2 ul li a:after{content:''; display:block;clear:both;} #sec2 ul li a > figure{text-align:center;padding:15px;} #sec2 ul li a > figure img{width:120px;} #sec2 ul li a > div{padding:27px 15px;} #sec2 ul li a > div h2{font-size:24px; letter-spacing:-0.5px; color:#111;} #sec2 ul li a > div p{font-size:18px; letter-spacing:-0.2px; color:#333;line-height:1.4; margin-top:7px; } @media(max-width:991px){ #sec2 ul{margin:0 auto; width:100%;padding-top:30px;} #sec2 ul li a{ padding:0px 15px;} } @media(max-width:767px){ #sec2 ul li a > figure{padding:15px;} #sec2 ul li a > figure img{width:100px;} #sec2 ul li a > div{padding:20px 15px;} #sec2 ul li{padding-bottom:10px;} #sec2 ul li a > div h2{font-size:20px;} #sec2 ul li a > div p{font-size:16px; } } @media(max-width:600px){ #sec2 ul li a > div p br{display:none;} } @media(max-width:450px){ #sec2 ul li a > figure{padding:8px;} #sec2 ul li a > figure img{width:75px;} #sec2 ul li a > div{padding:10px 7px;} #sec2 ul li a > div h2{font-size:16px; line-height:1.3;margin-bottom:3px;} #sec2 ul li a > div p{font-size:14px;} } @media(max-width:380px){ #sec2 ul li a > figure{padding:20px 0;} #sec2 ul li a > figure img{width:60px;} #sec2 ul li a > div{padding:10px 0;} #sec2 ul li a > div h2{font-size:15px;} #sec2 ul li a > div p{font-size:12px;} } */ /*-------------------------------------- sec3 --------------------------------------*/ #sec3{padding:130px 0; background:url('/images/sec3_bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;} #sec3 .title h1{margin-bottom:30px; color:#fff;} #sec3 .title p{ margin-bottom:0; color:#fff; font-size:20px;} @media(max-width:991px){ #sec3{padding:60px 0;} #sec3 .title p br{display:none;} } @media(max-width:767px){ #sec3{padding:35px 0;} #sec3 .title h1{margin-bottom:15px;} #sec3 .title p{font-size:16px;} } @media(max-width:430px){ #sec3 .title p{font-size:14px;} } /*-------------------------------------- sec4 --------------------------------------*/ #sec4{background-color:#239fff; padding-bottom:0;} #sec4 .title{margin-bottom:30px} #sec4 .title h1{color:#fff; font-size:36px;} #sec4 .title h1 span{display:block;color:#fff955;font-weight:700;font-size:50px;} @media(max-width:991px){ #sec4 img{width:100%;margin:0 auto;} #sec4 .title h1{font-size:20px;} #sec4 .title h1 span{font-size:24px;} } /*-------------------------------------- sec5 --------------------------------------*/ /* 페이징 */ .PageNum { display: flex;text-align: center; align-items: center; gap: 10px; justify-content: center; clear: both;width: 100%;margin-top: 60px; text-align: center;} .PageNum span {display: inline-block; background: #fff;} .PageNum span a {width: 24px;height: 24px;display: block;text-align: center;color: #777;font-size: 15px;line-height: 27px; font-family: 'GmarketSans';font-weight:500; border-radius: 999px; } .PageNum span a img{ display: block; width: 100%;} .PageNum span a.on {color: #fff;background: #00d6c4;font-weight: 800;} .PageNum span a.arrow { font-size: 15px; line-height: 37px; margin-left: -1px !important;} @media(max-width:991px){ .PageNum {margin-top: 20px;} .PageNum span a.arrow {font-size: 12px; line-height:30px;} .PageNum span a {width: 28px;height: 28px;font-size: 12px;line-height: 30px;} } div.counsel_pop{ z-index: 150; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; padding: 40px 15px; background: rgba(0, 0, 0, 0.6); display: none;} div.counsel_pop .quick-popup{ overflow: hidden; max-width: 450px; border-radius: 10px;} div.counsel_pop .quick-popup .modal-wrap{ margin-top: 0;} div.counsel_pop form div.modal-cont div.agreeWarp div.greenCheck{ display: flex; justify-content: space-between; align-items: center;} div.counsel_pop form div.modal-cont div.agreeWarp label{ font-size: 14px;} div.counsel_pop .greenCheck{ display: flex; justify-content: space-between; align-items: center;} div.counsel_pop .greenCheck input {display: none; appearance: none;} div.counsel_pop .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;} div.counsel_pop .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%; background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;} div.counsel_pop .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 11px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;} div.counsel_pop .greenCheck a{ display: inline-block; padding: 3px 6px; border-radius: 5px; background: #494949; font-size: 11px; line-height: 14px; font-weight: 500; color: #fff;} div.counsel_pop .select_wrap{ display: flex; justify-content: space-between;} div.counsel_pop .select_wrap select{ padding: 10px 0 10px 10px; border: 1px solid #ccc; border-radius: 10px;} div.counsel_pop .select_wrap select:nth-child(1){ width: 30%;} div.counsel_pop .select_wrap select:nth-child(2){ width: calc(70% - 10px);} /* 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑*/ .col{ color: #18948f;} @media(max-width:991px){ .pc_ver{ display: none;} section.counsel{ padding: 40px 15px; background: #F3F5F7;} section.counsel form div.modal-cont div.agreeWarp div.greenCheck{ display: flex; justify-content: space-between; align-items: center;} section.counsel form div.modal-cont div.agreeWarp label{ font-size: 14px;} section.counsel .greenCheck input {display: none; appearance: none;} section.counsel .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;} section.counsel .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%; background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;} section.counsel .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 11px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;} section.counsel .greenCheck a{ display: inline-block; padding: 3px 6px; border-radius: 5px; background: #494949; font-size: 11px; line-height: 14px; font-weight: 500; color: #fff;} section.counsel .select_wrap{ display: flex; justify-content: space-between;} section.counsel .select_wrap select{ padding: 10px 0 10px 10px; border: 1px solid #ccc; border-radius: 10px;} section.counsel .select_wrap select:nth-child(1){ width: 30%;} section.counsel .select_wrap select:nth-child(2){ width: calc(70% - 10px);} section.popular{ overflow: visible; padding: 40px 15px;} section.popular h2{ margin-bottom: 25px; line-height: 1.2; font-size: 25px;} section.popular h2 img{ display: block; height: 34px; margin-bottom: 15px;} section.popular div.info_wrap{ } section.popular div.info_wrap > ul{} section.popular div.info_wrap > ul.ul_2{} section.popular div.info_wrap > ul > li{ overflow: hidden; width: 100%; margin-bottom: 20px; border-radius: 10px; box-shadow: 2px 2px 4px 3px #919191;} section.popular div.info_wrap > ul > li div.car_thum{ padding: 20px 25px; background: #f9f9f9;} section.popular div.info_wrap > ul > li div.car_thum img{ display: block; margin: 0 auto;} section.popular div.info_wrap > ul > li div.car_thum p{ font-size: 18px; color: #acacac; line-height: 1.2;} section.popular div.info_wrap > ul > li div.car_thum p.name{ color: #000; font-weight: 500;} section.popular div.info_wrap > ul > li div.car_thum p.desc{ margin-bottom: 20px;} section.popular div.info_wrap > ul > li div.car_thum div.img_wrap{ width: 286px; height: 143px; margin: 0 auto;} section.popular div.info_wrap > ul > li div.car_thum div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;} section.popular div.info_wrap > ul > li div.txt_wrap{ padding: 20px 15px;} section.popular div.info_wrap > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px dotted #000;} section.popular div.info_wrap > ul > li div.txt_wrap div.price p{ font-size: 18px; font-weight: 600;} section.popular div.info_wrap > ul > li div.txt_wrap div.con{ margin-bottom: 10px;} section.popular div.info_wrap > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;} section.popular div.info_wrap > ul > li div.txt_wrap div.con ul li{ font-size: 18px; font-weight: 600; letter-spacing: -1.1px;} section.popular div.info_wrap > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px;} section.popular .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;} section.popular .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 17px; height: 17px; border-radius: 100%; background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;} section.popular .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 11px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;} section.popular .greenCheck input {display: none; appearance: none;} section.popular .greenCheck a{ display: inline-block; padding: 3px 6px; border-radius: 5px; background: #494949; font-size: 11px; line-height: 14px; font-weight: 500; color: #fff;} section.popular .greenCheck{ display: flex; align-items: center; gap: 3px;} section.popular .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 95px; max-height: 50px; padding: 10px 0; background: #00D6C6; border-radius: 10px; font-size: 20px; letter-spacing: -0.5px; font-weight: 700; color: #fff;} section.popular .btn_wrap{ display: flex; justify-content: space-between;} section.popular .form_wrap{ display: flex; justify-content: space-between; align-items: center; gap: 10px;} #sec5{ padding: 10px 15px;} #sec5 h2{ font-size: 25px;} #sec5 h2 img{ display: block; height: 34px; margin-bottom: 15px;} #sec5 div.list_car2 > ul{} #sec5 div.list_car2 > ul > li{ overflow: hidden; margin-bottom: 20px; border-radius: 30px; box-shadow: 3px 3px 4px 3px #919191;} #sec5 div.list_car2 > ul > li div.car_thum{ position: relative; padding: 30px 25px; background: #f9f9f9;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul{ display: flex; float: right;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li{ position: relative; font-size: 14px;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li + li{ margin-left: 10px;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li::after{ content: ""; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); display: block; width: 2px; height: 14px; background :#727272;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li:last-child::after{ display: none;} #sec5 div.list_car2 > ul > li div.car_thum img{ display: block; max-width: 240px; margin: 0 auto 15px;} #sec5 div.list_car2 > ul > li div.car_thum p{ font-size: 18px; color: #acacac; line-height: 1.2;} #sec5 div.list_car2 > ul > li div.car_thum p.name{ color: #000; font-weight: 500;} #sec5 div.list_car2 > ul > li div.car_thum p.desc{ margin-bottom: 20px;} #sec5 div.list_car2 > ul > li div.txt_wrap{ padding: 30px 25px;} #sec5 div.list_car2 > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px dotted #000;} #sec5 div.list_car2 > ul > li div.txt_wrap div.price p{ font-size: 18px; font-weight: 600;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con{ margin-bottom: 10px;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con ul li{ font-size: 18px; font-weight: 600; letter-spacing: -1.1px;} #sec5 div.list_car2 > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px; font-size: 14px;} #sec5 .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;} #sec5 .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%; background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;} #sec5 .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 14px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;} #sec5 .greenCheck input {display: none; appearance: none;} #sec5 .greenCheck a{ display: inline-block; padding: 6px 9px; border-radius: 5px; background: #494949; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff;} #sec5 .greenCheck{ display: flex; align-items: center; gap: 13px; justify-content: space-between; margin-bottom: 5px;} #sec5 .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; background: #00D6C6; border-radius: 10px; font-size: 20px; letter-spacing: -0.5px; font-weight: 700; color: #fff;} #sec5 .flex_form{ display: flex; justify-content: space-between; flex-direction: column;} #sec5 .flex_form div.agreeWarp{ margin-bottom: 10px;} section.middle_ban{ overflow: visible; padding: 40px 15px 0;} section.middle_ban div.inner_wrap{ padding: 20px; background: linear-gradient(0.4turn, #11afa3, #13e5d5); border-radius: 20px;} section.middle_ban div.inner_wrap div.txt_wrap p{ margin-bottom: 20px; color: #fff; font-size: 28px; font-family: "OTWelcomeRA"; line-height: 1.3;} section.middle_ban div.inner_wrap div.txt_wrap a{ display: inline-block; padding: 5px 20px; font-size: 16px; font-weight: 600; background: #fff; border-radius: 10px;} section.middle_ban div.inner_wrap div.img_wrap{ position: absolute; right: 20px; bottom: 15px; max-width: 490px; width: 50%;} section.middle_ban div.inner_wrap div.img_wrap img{ display: block; width: 100%;} section.project{ padding: 40px 15px 0;} section.project h2{ margin-bottom: 25px;} section.project div.info_wrap{ margin-bottom: 30px;} section.project div.info_wrap ul > li{ overflow: hidden; position: relative; border-radius: 10px;} section.project div.info_wrap ul > li + li{ margin-top: 20px;} section.project div.info_wrap ul > li > div.txt_wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;} section.project div.info_wrap ul > li > div.txt_wrap > p{ color: #fff; text-align: center;} section.project div.info_wrap ul > li > div.txt_wrap > p.title{ margin-bottom: 15px; font-size: 40px; font-weight: bold;} section.project div.info_wrap ul > li > div.txt_wrap > p.desc{ font-size: 25px; line-height: 1.2;} section.project div.info_wrap ul > li > img{ display: block; width: 100%;} section.project div.cution{ padding: 20px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fafafa;} section.project div.cution h3{ margin-bottom: 18px; font-size: 21px; color: #313131; font-weight: 700; letter-spacing: -1px;} section.project div.cution ul > li{ position: relative; display: flex; align-items: baseline; gap: 10px; font-size: 14px; font-weight: 400; color: #494949; letter-spacing: -0.5px; line-height: 1.8;} .cution table { margin: 20px 0; text-align: center; width: 100%; max-width: 435px; background: #fff;} .cution table th, .cution table td { border: 1px solid #e0e0e0; padding: 7px 0; font-weight: 500; color: #494949; font-size: 13px; text-align: center;} section.contract{ padding: 40px 15px 0;} section.contract h2{ margin-bottom: 25px;} section.contract div.info_wrap{ margin-bottom: 30px;} section.contract div.info_wrap > ul{ display: flex; flex-wrap: wrap; justify-content: space-between; clear: none;} section.contract div.info_wrap > ul::before{ display: none;} section.contract div.info_wrap > ul::after{ display: none;} section.contract div.info_wrap > ul > li{ position: relative; width: calc((100% - 15px) / 2); min-height: 250px; padding: 15px; border-radius: 15px; border: 2px solid #00d6c4;} section.contract div.info_wrap > ul > li::after{ content: ""; position: absolute; left: 50%; top: 100px; transform: translateX(-50%); display: block; width: 99px; height: 87px;} section.contract div.info_wrap > ul > li:nth-child(1)::after{ background: url("/images/contract_ico1.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(2)::after{ background: url("/images/contract_ico2.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(3)::after{ background: url("/images/contract_ico3.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(4)::after{ background: url("/images/contract_ico4.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(1){ margin-bottom: 15px;} section.contract div.info_wrap > ul > li:nth-child(2){ margin-bottom: 15px;} section.contract div.info_wrap > ul > li > p.num{ margin-bottom: 5px; text-align: center;} section.contract div.info_wrap > ul > li > p.num > span{ z-index: 1; position: relative; display: inline-block; font-size: 32px; font-weight: bold; line-height: 1;} section.contract div.info_wrap > ul > li > p.num > span.circle::after{ z-index: -1; content: ""; position: absolute; left: 7px; top: 7px; display: block; width: 30px; height: 30px; border-radius: 999px; background: #00d6c4;} section.contract div.info_wrap > ul > li > div.txt_wrap > p.title{ margin-bottom: 120px; font-size: 18px; font-weight: bold; text-align: center;} section.contract div.info_wrap > ul > li > div.txt_wrap > p.desc{ font-size: 14px; font-weight: 500; color: #777; text-align: center;} section.contract div.point > h2{ margin-bottom: 0; color: #ee3333;} section.contract div.point > div.cution{ margin-top: 20px; padding: 20px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fafafa;} section.contract div.point > div.cution > h3{ margin-bottom: 18px; font-size: 18px; color: #313131; font-weight: 700; letter-spacing: -1px;} section.contract div.point > div.cution > ul > li{ position: relative; display: flex; align-items: baseline; gap: 10px; padding: 0 0 0 26px; font-size: 14px; font-weight: 400; color: #494949; letter-spacing: -0.5px; line-height: 1.8;} section.contract div.point > div.cution > ul > li::before{ content: ''; position: absolute; top: 12px; left: 8px; width: 4px; height: 4px; background: #494949; border-radius: 100%;} section.contract div.point > div.cution > p.fc-green{ margin-top: 12px; font-size: 16px; font-weight: 500; color: #00B2A5;} section.rent{ padding: 40px 15px 0;} section.rent h2{ margin-bottom: 25px; text-align: center;} section.rent h2 span{ z-index: 1; position: relative;} section.rent h2 span::after{ content: ""; z-index: -1; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: #00d6c4;} section.rent ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} section.rent ul li{ z-index: 1; overflow: hidden; position: relative; width: calc((100% - 10px) / 2); padding: 50px 20px 115px; margin-bottom: 20px; border-bottom-left-radius: 30px; border: 1px solid #ccc;} section.rent ul li::after{ content: ""; position: absolute; right: 0; bottom: 10px; transform: translateX(40%); display: block; width: 124px; height: 115px;} section.rent ul li::before{ content: ""; z-index: -1; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; background: linear-gradient(to left top, #18948f, #307fd0);} section.rent ul li:nth-child(1)::after{ background: url("/images/rent_ico1.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(2)::after{ background: url("/images/rent_ico2.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(3)::after{ background: url("/images/rent_ico3.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(4)::after{ background: url("/images/rent_ico4.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(5)::after{ background: url("/images/rent_ico5.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(6)::after{ background: url("/images/rent_ico6.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(7)::after{ background: url("/images/rent_ico7.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(8)::after{ background: url("/images/rent_ico8.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(1)::after{ background: url("/images/rent_ico1_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(2)::after{ background: url("/images/rent_ico2_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(3)::after{ background: url("/images/rent_ico3_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(4)::after{ background: url("/images/rent_ico4_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(5)::after{ background: url("/images/rent_ico5_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(6)::after{ background: url("/images/rent_ico6_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(7)::after{ background: url("/images/rent_ico7_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(8)::after{ background: url("/images/rent_ico8_w.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(5){ margin-bottom: 0;} section.rent ul li:nth-child(6){ margin-bottom: 0;} section.rent ul li:nth-child(7){ margin-bottom: 0;} section.rent ul li:nth-child(8){ margin-bottom: 0;} section.rent ul li.active::before{ opacity: 1; transition: all 0.6s;} section.rent ul li.active::after{ transform: translateX(10%); transition: all 0.2s;} section.rent ul li.active p{ color: #fff; transition: all 0.2s;} section.rent ul li p.title{ margin-bottom: 20px; font-size: 24px; font-weight: bold;} section.rent ul li p.desc{ line-height: 1.5;} section.special{ padding: 60px 15px;} section.special div.head_wrap{ display: flex; justify-content: space-between; margin-bottom: 25px;} section.special div.head_wrap div.btn_wrap button{ display: inline-block; width: 30px; height: 30px; border: none; background: transparent;} section.special div.head_wrap div.btn_wrap button.prev{ margin-right: 5px;} section.special div.head_wrap div.btn_wrap button img{ display: block; width: 100%;} section.special div.view_box{ overflow: hidden; max-height: 430px;} section.special div.view_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%;} section.special div.view_box ul li{ width: calc(100% / 5); height: 430px; padding: 30px 40px; background: #ededed; border-radius: 15px;} section.special div.view_box ul li p.title{ margin-bottom: 30px; font-size: 28px; font-weight: 600; text-align: center;} section.special div.view_box ul li div.img_wrap{ overflow: hidden; width: 190px; height: 190px; margin: 0 auto 30px;; border-radius: 99999px;} section.special div.view_box ul li div.img_wrap img{ display: block; width: 100%;} section.special div.view_box ul li p.desc{ font-size: 16px; text-align: center;} } @media(min-width:992px){ section.popular{ padding: 90px 0;} section.popular h2{ margin-bottom: 60px; line-height: 1.2;} section.popular h2 img{ display: block; max-width: 100%; margin-bottom: 15px;} section.popular div.info_wrap{ display: flex; justify-content: space-between;} section.popular div.info_wrap > ul{ width: calc((100% - 30px) / 2);} section.popular div.info_wrap > ul.ul_2{ margin-top: 90px;} section.popular div.info_wrap > ul > li{ overflow: hidden; width: 100%; border-radius: 30px; box-shadow: 3px 3px 4px 3px #919191;} section.popular div.info_wrap > ul > li:first-child{ margin-bottom: 30px;} section.popular div.info_wrap > ul > li div.car_thum{ padding: 40px 45px; background: #f9f9f9;} section.popular div.info_wrap > ul > li div.car_thum img{ display: block; margin: 0 auto;} section.popular div.info_wrap > ul > li div.car_thum p{ font-size: 28px; color: #acacac; line-height: 1.2;} section.popular div.info_wrap > ul > li div.car_thum p.name{ color: #000; font-weight: 500;} section.popular div.info_wrap > ul > li div.car_thum p.desc{ margin-bottom: 20px;} section.popular div.info_wrap > ul > li div.car_thum div.img_wrap{ width: 316px; height: 143px; margin: 0 auto;} section.popular div.info_wrap > ul > li div.car_thum div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;} section.popular div.info_wrap > ul > li div.txt_wrap{ padding: 35px 45px 45px;} section.popular div.info_wrap > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px dotted #000;} section.popular div.info_wrap > ul > li div.txt_wrap div.price p{ font-size: 28px; font-weight: 600;} section.popular div.info_wrap > ul > li div.txt_wrap div.con{ margin-bottom: 10px;} section.popular div.info_wrap > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;} section.popular div.info_wrap > ul > li div.txt_wrap div.con ul li{ font-size: 28px; font-weight: 600; letter-spacing: -1.1px;} section.popular div.info_wrap > ul > li div.txt_wrap div.con ul.font1_3 li{ font-size: 36px;} section.popular div.info_wrap > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px;} section.popular div.info_wrap > ul > li div.txt_wrap div.form_wrap{ display: flex; justify-content: space-between;} section.popular .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;} section.popular .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%; background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;} section.popular .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 14px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;} section.popular .greenCheck input {display: none; appearance: none;} section.popular .greenCheck a{ display: inline-block; padding: 6px 9px; border-radius: 5px; background: #494949; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff;} section.popular .greenCheck{ display: flex; align-items: center; gap: 13px;} section.popular .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 165px; padding: 10px 0; background: #00D6C6; border-radius: 10px; font-size: 20px; letter-spacing: -0.5px; font-weight: 700; color: #fff;} section.popular .flex_form{ display: flex; justify-content: space-between;} #sec5 h2{ display: flex; align-items: center; gap: 10px; padding-top: 10px;} #sec5 h2 img{ display: block; height: 58px; margin-bottom: 20px;} #sec5 div.list_car2 > ul{ display: flex; flex-wrap: wrap;} #sec5 div.list_car2 > ul > li{ overflow: hidden; width: calc((100% - 60px) / 3); margin-bottom: 20px; border-radius: 30px; box-shadow: 3px 3px 4px 3px #919191;} #sec5 div.list_car2 > ul > li + li{ margin-left: 30px;} #sec5 div.list_car2 > ul > li:nth-child(3n-2){ margin-left: 0;} #sec5 div.list_car2 > ul > li div.car_thum{ position: relative; padding: 30px 25px; background: #f9f9f9;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul{ display: flex; float: right;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li{ position: relative; font-size: 14px;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li + li{ margin-left: 10px;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li::after{ content: ""; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); display: block; width: 2px; height: 14px; background :#727272;} #sec5 div.list_car2 > ul > li div.car_thum div.info_wrap ul li:last-child::after{ display: none;} #sec5 div.list_car2 > ul > li div.car_thum img{ display: block; max-width: 240px; margin: 0 auto 15px;} #sec5 div.list_car2 > ul > li div.car_thum p{ font-size: 24px; color: #acacac; line-height: 1.2;} #sec5 div.list_car2 > ul > li div.car_thum p.name{ color: #000; font-weight: 500;} #sec5 div.list_car2 > ul > li div.car_thum p.desc{ margin-bottom: 20px;} #sec5 div.list_car2 > ul > li div.txt_wrap{ padding: 30px 25px;} #sec5 div.list_car2 > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px dotted #000;} #sec5 div.list_car2 > ul > li div.txt_wrap div.price p{ font-size: 18px; font-weight: 600;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con{ margin-bottom: 10px;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con ul.font1_3 li{ font-size: 20px;} #sec5 div.list_car2 > ul > li div.txt_wrap div.con ul li{ font-size: 18px; font-weight: 600; letter-spacing: -1.1px;} #sec5 div.list_car2 > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px;height: 50px;} #sec5 .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;} #sec5 .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%; background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;} #sec5 .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 14px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;} #sec5 .greenCheck input {display: none; appearance: none;} #sec5 .greenCheck a{ display: inline-block; padding: 6px 9px; border-radius: 5px; background: #494949; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff;} #sec5 .greenCheck{ display: flex; align-items: center; gap: 13px; justify-content: space-between; margin-bottom: 5px;} #sec5 .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; background: #00D6C6; border-radius: 10px; font-size: 20px; letter-spacing: -0.5px; font-weight: 700; color: #fff;} #sec5 .flex_form{ display: flex; justify-content: space-between; flex-direction: column;} #sec5 .flex_form div.agreeWarp{ margin-bottom: 10px;} section.middle_ban{ overflow: visible; padding-top: 90px;} section.middle_ban div.inner_wrap{ padding: 20px 60px; background: linear-gradient(0.4turn, #11afa3, #13e5d5); border-radius: 20px;} section.middle_ban div.inner_wrap div.txt_wrap p{ margin-bottom: 20px; color: #fff; font-size: 37px; font-family: "OTWelcomeRA";} section.middle_ban div.inner_wrap div.txt_wrap a{ display: inline-block; padding: 10px 30px; font-size: 20px; font-weight: 600; background: #fff; border-radius: 10px;} section.middle_ban div.inner_wrap div.img_wrap{ position: absolute; right: 50px; bottom: 40px; max-width: 490px;} section.middle_ban div.inner_wrap div.img_wrap img{ display: block; width: 100%;} section.project{ padding-top: 90px;} section.project h2{ margin-bottom: 60px;} section.project div.info_wrap{ margin-bottom: 60px;} section.project div.info_wrap ul > li{ overflow: hidden; position: relative; float: left; width: calc((100% - 60px) / 3); border-radius: 10px;} section.project div.info_wrap ul > li + li{ margin-left: 30px;} section.project div.info_wrap ul > li > div.txt_wrap{ position: absolute; left: 50%; top: 80%; transform: translateX(-50%); width: 100%;} section.project div.info_wrap ul > li > div.txt_wrap > p{ color: #fff; text-align: center;} section.project div.info_wrap ul > li > div.txt_wrap > p.title{ margin-bottom: 15px; font-size: 40px; font-weight: bold;} section.project div.info_wrap ul > li > div.txt_wrap > p.desc{ font-size: 25px; line-height: 1.2;} section.project div.info_wrap ul > li > img{ display: block; width: 100%;} section.project div.info_wrap ul > li:hover > div.txt_wrap{ top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;} section.project div.cution{ padding: 35px 40px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fafafa;} section.project div.cution h3{ margin-bottom: 18px; font-size: 21px; color: #313131; font-weight: 700; letter-spacing: -1px;} section.project div.cution ul > li{ position: relative; display: flex; align-items: baseline; gap: 10px; font-size: 16px; font-weight: 400; color: #494949; letter-spacing: -0.5px; line-height: 1.8;} .cution table { margin: 20px 0; text-align: center; width: 100%; max-width: 435px; background: #fff;} .cution table th, .cution table td { border: 1px solid #e0e0e0; padding: 7px 0; font-weight: 500; color: #494949; font-size: 13px; text-align: center;} section.contract{ padding-top: 90px;} section.contract h2{ margin-bottom: 60px;} section.contract div.info_wrap{ margin-bottom: 60px;} section.contract div.info_wrap > ul > li{ position: relative; float: left; display: flex; width: calc((100% - 35px) / 2); padding: 15px; border-radius: 15px; border: 2px solid #00d6c4;} section.contract div.info_wrap > ul > li:nth-child(even){ margin-top: 35px; margin-left: 35px;} section.contract div.info_wrap > ul > li::after{ content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: block; width: 99px; height: 87px;} section.contract div.info_wrap > ul > li:nth-child(1)::after{ background: url("/images/contract_ico1.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(2)::after{ background: url("/images/contract_ico2.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(3)::after{ background: url("/images/contract_ico3.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li:nth-child(4)::after{ background: url("/images/contract_ico4.png") no-repeat 50% 50%; background-size: cover;} section.contract div.info_wrap > ul > li > p.num{ margin-right: 40px;} section.contract div.info_wrap > ul > li > p.num > span{ z-index: 1; position: relative; display: inline-block; font-size: 32px; font-weight: bold; line-height: 1;} section.contract div.info_wrap > ul > li > p.num > span.circle::after{ z-index: -1; content: ""; position: absolute; left: 7px; top: 7px; display: block; width: 30px; height: 30px; border-radius: 999px; background: #00d6c4;} section.contract div.info_wrap > ul > li > div.txt_wrap > p.title{ font-size: 28px; font-weight: bold;} section.contract div.info_wrap > ul > li > div.txt_wrap > p.desc{ font-size: 20px; font-weight: 500; color: #777;} section.contract div.point > h2{ margin-bottom: 0; color: #ee3333;} section.contract div.point > div.cution{ margin-top: 20px; padding: 35px 40px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fafafa;} section.contract div.point > div.cution > h3{ margin-bottom: 18px; font-size: 21px; color: #313131; font-weight: 700; letter-spacing: -1px;} section.contract div.point > div.cution > ul > li{ position: relative; display: flex; align-items: baseline; gap: 10px; padding: 0 0 0 26px; font-size: 16px; font-weight: 400; color: #494949; letter-spacing: -0.5px; line-height: 1.8;} section.contract div.point > div.cution > ul > li::before{ content: ''; position: absolute; top: 12px; left: 8px; width: 4px; height: 4px; background: #494949; border-radius: 100%;} section.contract div.point > div.cution > p.fc-green{ margin-top: 12px; font-size: 16px; font-weight: 500; color: #00B2A5;} section.rent{ padding-top: 90px;} section.rent h2{ margin-bottom: 60px; text-align: center;} section.rent h2 span{ z-index: 1; position: relative;} section.rent h2 span::after{ content: ""; z-index: -1; position: absolute; left: 0; right: 0; bottom: 0; height: 13px; background: #00d6c4;} section.rent ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} section.rent ul li{ z-index: 1; overflow: hidden; position: relative; width: calc((100% - 60px) / 4); padding: 50px 20px 115px; margin-bottom: 20px; border-bottom-left-radius: 30px; border: 1px solid #ccc;} section.rent ul li::after{ content: ""; position: absolute; right: 0; bottom: 10px; transform: translateX(40%); display: block; width: 124px; height: 115px;} section.rent ul li::before{ content: ""; z-index: -1; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; background: linear-gradient(to left top, #18948f, #307fd0);} section.rent ul li:nth-child(1)::after{ background: url("/images/rent_ico1.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(2)::after{ background: url("/images/rent_ico2.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(3)::after{ background: url("/images/rent_ico3.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(4)::after{ background: url("/images/rent_ico4.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(5)::after{ background: url("/images/rent_ico5.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(6)::after{ background: url("/images/rent_ico6.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(7)::after{ background: url("/images/rent_ico7.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(8)::after{ background: url("/images/rent_ico8.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(1)::after{ background: url("/images/rent_ico1_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(2)::after{ background: url("/images/rent_ico2_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(3)::after{ background: url("/images/rent_ico3_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(4)::after{ background: url("/images/rent_ico4_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(5)::after{ background: url("/images/rent_ico5_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(6)::after{ background: url("/images/rent_ico6_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(7)::after{ background: url("/images/rent_ico7_w.png") no-repeat; background-size: cover;} section.rent ul li.active:nth-child(8)::after{ background: url("/images/rent_ico8_w.png") no-repeat; background-size: cover;} section.rent ul li:nth-child(5){ margin-bottom: 0;} section.rent ul li:nth-child(6){ margin-bottom: 0;} section.rent ul li:nth-child(7){ margin-bottom: 0;} section.rent ul li:nth-child(8){ margin-bottom: 0;} section.rent ul li.active::before{ opacity: 1; transition: all 0.6s;} section.rent ul li.active::after{ transform: translateX(10%); transition: all 0.2s;} section.rent ul li.active p{ color: #fff; transition: all 0.2s;} section.rent ul li p.title{ margin-bottom: 20px; font-size: 24px; font-weight: bold;} section.rent ul li p.desc{ line-height: 1.5;} section.special{ padding: 90px 0;} section.special div.head_wrap{ display: flex; justify-content: space-between; margin-bottom: 40px;} section.special div.head_wrap div.btn_wrap button{ border: none; background: transparent;} section.special div.head_wrap div.btn_wrap button.prev{ margin-right: 10px;} section.special div.view_box{ overflow: hidden;} section.special div.view_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;height:400px;} section.special div.view_box ul li{ width: calc((100% - 80px) / 5); padding: 10px; background: #ededed; border-radius: 15px;height:400px;} section.special div.view_box ul li + li{ margin-left: 20px;} section.special div.view_box ul li p.title{ margin-bottom: 30px; font-size: 28px; font-weight: 600; text-align: center;} section.special div.view_box ul li div.img_wrap{ overflow: hidden; width: 190px; height: 190px; margin: 0 auto 30px;; border-radius: 99999px;} section.special div.view_box ul li div.img_wrap img{ display: block; width: 100%;} section.special div.view_box ul li p.desc{ font-size: 16px; text-align: center;} } /* 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑*/ @media (max-width: 768px) { section#popular h2.logo_t_color1 { height: auto !important; line-height: normal !important; } section#popular h2.logo_t_color1 img { width: auto !important; height: 80px !important; /* ← 무조건 커지게 */ max-height: none !important; max-width: none !important; } }