@charset "euc-kr";
/*나눔스퀘어*/
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
/*이사만루 웹폰트 import*/
@font-face {
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GongGothicMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GongGothicBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
:root {
--main-color:#0d4796;
/* --sub-color:;
--font-basic-color:;
--font-point-color:; */
}
html { font-size: 62.5%; }
body { font-family:'NanumSquare', san-serif; font-size:17px;line-height:1.5; font-weight:400;}
/* 최상단 컨텐츠 */
header { background: #00e8ff; }
header .top_content { background:var(--main-color); }
header .top_content .left_box { color: #fff; text-align: right; letter-spacing: -1px; }
header .top_content .left_box .top_txt { font-size:2.1rem; font-weight: 300;}
header .top_content .left_box .btm_txt { font-size: 3.4rem; text-align:left; }
header .top_content .left_box .btm_txt b { font-weight: 800; }
header .top_content .center_box { width:17.1rem; height:12.1rem; margin: 0 2rem; }
header .top_content .right_box { display: flex; align-items: center; }
header .top_content .right_box .name_txt { width:17rem; height:6.6rem; line-height: 6.6rem; background: #fff03f; font-size: 2.4rem; font-weight: 500; text-align: center; font-weight: 800; letter-spacing: -1px; border-radius: 40px; display: flex; justify-content: center; }
header .top_content .right_box .name_txt img { width:4rem; margin-right: 0.5rem; }
header .top_content .right_box a { font-size: 4.0rem; color: #fff03f; font-weight: 800; letter-spacing: -0.3rem; margin-left: 2rem; }
header .top_content .wrap { width:1431px; height: 13.8rem; margin:0 auto; display: flex; justify-content: space-evenly; align-items: center; }
@media (max-width:1460px) {
header .top_content .wrap { width: 100%; }
}
@media (max-width:840px) {
header .top_content .left_box .top_txt { display: none; }
header .top_content .right_box { align-items: flex-start;flex-direction: column;margin-top: 4px; }
header .top_content .right_box .name_txt { width: 15rem; height: 4.6rem;line-height: 4.6rem; }
header .top_content .right_box a { font-size: 3.8rem; margin-left: unset; }
header .top_content .left_box .btm_txt { line-height: 4rem;text-align: left; }
}
@media (max-width:420px) {
header .top_content .right_box a {font-size: 3.5rem; }
}
/* .top_content { background: #cddc39; } */
.main_visual { height: 915px; background: #1a1a1a; }
.main_visual ul li { display: flex; justify-content: center; overflow: hidden; }
@media (max-width:980px) {
}
@media (max-width:840px) {
.main_visual {height: auto; }
.main_visual ul li img { width: 100%; }
}
/* 2. 타이틀 양옆 가로선 디자인 */
.benefits .guide-title {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px; /* 선과 글자 사이 간격 */
margin-bottom: 40px;
}
.benefits .guide-title::before,
.benefits .guide-title::after {
content: "";
display: block;
width: 70px; /* 가로선 길이 */
height: 2px;
background-color: #aad2ff;
}
/* 4. 아이콘 박스 (노란 포인트 포함) */
.benefits .icon-box {
width: 80px;
height: 80px;
margin: 0 auto 15px; border-radius: 24px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.benefits .icon-box .material-symbols-outlined {
font-size: 6rem;
font-weight: 400;
color: var(--main-color); /* 아이콘 색상 */
}
/* 5. 텍스트 세부 디자인 설정 */
.benefits .title_txt {
font-size: 2.7rem;
font-weight: 700;
color: var(--main-color);
font-family: 'GongGothicBold';
}
.benefits .con_box h3 {
font-size: 15px;
color: #444;
line-height: 1.4;
word-break: keep-all;
}
/*렌트카 리스트 시작*/
.car_content { height:auto; background: url(../images/main/bg_dot_4px_01.jpg)repeat;
font-family:'NanumSquare', san-serif; position: relative; background: linear-gradient( to bottom, #124791 0%, #3f74b6 35%, #84d9ff 70%, #84d9ff 100%); }
.car_content::before { content:" "; display: block; width: 100%; height:100%; background: url(../images/main/bg_dot_4px_01.jpg)repeat; }
.car_content .bg_pettern { background:url(../images/main/car_content_bg1.jpg)no-repeat bottom; background-size: contain; }
.car_content .benefits { padding-bottom: 3rem; position: relative; text-align: center;
/* background: rgb(151,81,255);
background: -moz-linear-gradient(-45deg, rgba(151,81,255,1) 0%, rgba(123,76,232) 15%, rgba(102,73,216) 35%, rgba(41,63,166) 65%, rgba(12,58,143,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(151,81,255,1) 0%, rgba(123,76,232) 15%, rgba(102,73,216) 35%, rgba(41,63,166) 65%, rgba(12,58,143,1) 100%);
background: linear-gradient(135deg, rgba(151,81,255,1) 0%, rgba(123,76,232) 15%, rgba(102,73,216) 35%, rgba(41,63,166) 65%, rgba(12,58,143,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9751ff', endColorstr='#0c3a8f',GradientType=1 ); */
background-color: #e5efff;
/* max-width: 1400px; 전체 너비 (필요에 따라 조절) */
width: 100%;
margin: 0 auto; /* 가운데 정렬 */
border-radius: 0;
padding: 80px 30px;
box-shadow: 0 10px 20px rgba(0,0,0,0.05); /* 부드러운 그림자 */
text-align: center;
}
{ font-family:'GongGothiclight'; font-size:4.5rem; line-height: 5.8rem; color: #fff; /* text-shadow: 0 0 10px rgba(0,0,0,0.5); */}
.car_content .benefits h2 b { font-size:4.2rem; font-family:'GongGothicbold'; color: var(--main-color); }
.car_content .benefits .benefit_content { display: flex; justify-content: center; }
.car_content .benefits .benefit_content ul { width:1200px; display: grid; grid-template-columns:repeat(4,1fr); padding: 0; margin: 0; list-style: none; gap: 20px; }
.car_content .benefits .benefit_content ul li { font-weight:700; border-radius: 2rem; background-color: #fff; padding: 3rem 1rem; font-size:2.3rem; color: #fffc00; } /*height:227px; */
.car_content .benefits .benefit_content ul li{
position: relative;
transition: transform .35s cubic-bezier(.22,1,.36,1),
box-shadow .35s ease;
transform: translateY(0);
box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
.car_content .benefits .benefit_content ul li:hover{
transform: translateY(-10px);
box-shadow: 0 20px 45px rgba(0,0,0,.15);
}
.car_content .benefits .benefit_content ul li .con_box {height: 22rem; display: flex; flex-direction: column; padding: 1.5rem; justify-content: flex-start; } /*height: 100%; */
.car_content .benefits .benefit_content ul li .con_box h3 {word-break: break-all; letter-spacing:-1px; font-size: 2.0rem; color:#555; font-family: 'GongGothicLight'; font-weight:500; }
.car_content .benefits .benefit_content ul li .con_box p {word-break: break-all; letter-spacing:-1px; /* font-family: 'GongGothicBold'; */ color: #d50049; font-size: 1.8rem; line-height: 1.5; margin:1.4rem 0 0 0; }
@media (max-width:1480px) {
.car_content .benefits .benefit_content ul { width: calc(100% - 8.5rem); flex-wrap: wrap; justify-content: center;}
.car_content .benefits .benefit_content ul li .con_box {justify-content: center; }
/*.car_content .benefits .benefit_content ul li:nth-child(3n) { margin-right:unset; }*/
.car_content .benefits .benefit_content ul li:nth-child(2n) { margin-right: unset; }
.car_content .benefits .benefit_content ul li:nth-child(3) { margin-left: unset; }
.car_content .benefits .benefit_content ul { width: calc(100% - 4rem); }
}
@media (max-width:1100px) {
}
@media (max-width:980px) {
.car_content .benefits .benefit_content ul { width: calc(100% - 6rem); }
}
@media (max-width:480px) {
/* .car_content .benefits { width: calc(100%); } */
.car_content .benefits .benefit_content ul li:nth-child(2n) { margin-right:unset; }
.car_content .benefits .benefit_content ul li:nth-child(3n) { margin-right:1rem; }
/* .car_content .top_box01 .sub_tit { width: 24rem; } */
/* .car_content .benefits h2 { font-size: 4rem; line-height: 5.2rem;} */
}
.car_content .top_box01 { text-align:center; color: #fff; margin-bottom: 0rem;} /*margin-bottom: 1.5rem;*/
.car_content .top_box01 .sub_tit { width:30rem; margin:0 auto; padding-top: 80px; }
.car_content .top_box01 h2 { font-family:'GongGothicBold'; font-size:8.0rem; color: #fff03f; margin-top: -1.2rem; } /*margin-top: 1.2rem;*/
.car_content .top_box01 p { display: flex; justify-content: center; align-items: center; font-size: 2.2rem; font-weight: 400; margin:0.4rem 0 2.5rem; } /*margin-top: -4px; margin-bottom: 25px; */
.car_content .top_box01 p img { width: 2.6rem; margin-right:0.5rem; }
.car_content .top_box01 .car_example { width:1431px; margin:0 auto; text-align:right; }
.car_content .top_box01 .car_example .example_color { margin-top: 3.8rem; margin-bottom: 1rem; display: flex; justify-content: flex-end; }
.car_content .top_box01 .car_example .example_color li { display: flex; align-items: center; margin-right:1rem; color: #b4d5ff; }
.car_content .top_box01 .car_example .example_color li:last-child { margin-right: unset; }
.car_content .top_box01 .car_example .example_color li span { display:inline-block; margin-right:2px; }
.car_content .top_box01 .car_example .example_color .color { width:14px; height: 14px; border-radius: 50%; }
.car_content .top_box01 .car_example .example_color .color.mini { background: #04711f; }
.car_content .top_box01 .car_example .example_color .color.medium { background: #263a9e; }
.car_content .top_box01 .car_example .example_color .color.large { background: #561b8c; }
.car_content .top_box01 .car_example .example_color .color.van { background: #8c221b; }
.car_content .car_list { width:1431px; margin:0 auto; } /*background: rgba(0,0,0,0.1);*/
.car_content .car_list ul { display:flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 565px; }
.car_content .car_list ul li {
/*width:467px; height:369px; margin-bottom: 15px; background: red;*/
width: calc(33.3333% - 10px);
/* height: 369px; */
margin-right: 15px;
margin-bottom: 15px;
background: rgba(255,255,255,0.3);
cursor:pointer;
}
.car_content .car_list ul li:nth-child(3n) { margin-right:0; }
.car_content .car_list .list_box .cell { background: rgba(0,0,0,0.2); height:369px; padding:10px; } /*margin-left:10px; margin-bottom:10px;*/
.car_content .car_list .list_box .con_wrap { background: red; width:100%; height: 100%;}
.car_content .car_list .tit_box { padding: 9px 20px; display: flex; justify-content: center; align-items: center; } /*padding:0 20px; height:67px; line-height: 67px; */
.car_content .car_list .tit_box.car_size_mini { background: #04711f; }
.car_content .car_list .tit_box.car_size_medium { background: #263a9e; }
.car_content .car_list .tit_box.car_size_large { background: #561b8c; }
.car_content .car_list .tit_box.car_size_van { background: #8c221b; }
.car_content .car_list .tit_box .car_name { font-family: 'NanumSquare'; font-size:2.8rem; font-weight: 800; color: #fffc00;} /*margin-left: 20px;*/
.car_content .car_list .tit_box .right_box { display: inline-block; height: 100%; font-family: 'NanumSquare'; font-weight: 600; display:none; } /*float: right; margin-right:20px; */
.car_content .car_list .tit_box .right_box .car_year { font-size:2.4rem; font-weight: 600; color: #fff;}
.car_content .car_list .tit_box .right_box .car_size { font-size: 2.4rem; font-weight: 500; color: #fff;}
.car_content .car_list .car_pose { background: #fff; height:234px; position: relative; }
.car_content .car_list .car_pose .car_img { display: inline-block; position: absolute; top:50%; left:50%; transform: translate(-50%, -35%); }
.car_content .car_list .car_pose .corp_logo { display: inline-block; position: absolute; right:20px; top:20px; }
.car_content .car_list .cost_info { padding:4px 20px; background: #f7f7f7; display: flex; justify-content: center; align-items: center;} /*height:68px;*/
.car_content .car_list .cost_info .name { display: inline-block; width:50px; height: 35px; line-height: 35px; background: #606060; color: #fff; text-align: center; border-radius: 20px; font-size: 17px; font-weight: 400; display:none; }
.car_content .car_list .cost_info .price { font-size: 4.0rem; font-weight:800; letter-spacing: -1.0px; }
.car_content .car_list .cost_info .weekday { display: flex; align-items: center; }
.car_content .car_list .cost_info .weekday .price.mini { color: #04711f; }
.car_content .car_list .cost_info .weekday .price.medium { color: #263a9e; }
.car_content .car_list .cost_info .weekday .price.large { color: #561b8c; }
.car_content .car_list .cost_info .weekday .price.van { color: #8c221b; }
.car_content .car_list .cost_info .weekend { display: flex; align-items: center; display:none; }
.car_content .car_list .cost_info .weekend .price {font-weight:400; color: #525252; }
@media (max-width:1480px) {
.car_content .top_box01 .car_example { width: calc(100% - 30px); }
}
@media (max-width:1450px) {
html { font-size:55%; }
.car_content .car_list { width:100%; }
.car_content .car_list ul { padding:0px 15px 50rem 15px; }
}
@media (max-width:1320px){
html { font-size:50%; }
.car_content .car_list ul li { width: calc(50% - 7.5px); margin-right: 15px; }
.car_content .car_list ul li:nth-child(2n) { margin-right:0; }
.car_content .car_list ul li:nth-child(3n) { margin-right:unset; }
.car_content .benefits .benefit_content ul {
grid-template-columns: repeat(2, 1fr);
}
.benefits .icon-box {
margin-bottom: 0;
}
}
@media (max-width:1280px) {
}
@media (max-width:980px) {
html { font-size:45%; }
.car_content .car_list .cost_info { flex-direction: column; align-items: flex-start; }
.car_content .car_list .cost_info .weekend .price {font-weight: 800; }
.car_content .car_list .cost_info div { height: 42px; width:100%; justify-content: center; }
.car_content .car_list .car_pose { height: 36.5vmin; }
.car_content .car_list .car_pose .car_img { width: 100%; }
.car_content .car_list .car_pose .car_img img { width: 100%; }
.car_content .car_list .cost_info .name { font-size: 15px; }
}
@media (max-width:768px) {
.car_content .car_list ul { padding: 0px 15px 30rem 15px; }
}
@media (max-width:760px) {
.car_content .car_list .tit_box {flex-direction: column !important;}
}
@media (max-width:680px) {
.car_content .top_box01 .car_example .example_color { justify-content: center; display:none; }
}
@media (max-width:640px) {
html { font-size:40%; }
.car_content .car_list ul { padding: 10px 10px 35rem 10px; }
.car_content .car_list ul li { width: calc(50% - 2.5px); margin-right:5px; margin-bottom:5px;} /*height: 60vmin;*/
.car_content .car_list .cost_info { padding: 5px 5px; }
.car_content .car_list .cost_info .name { width:unset; height: unset; padding: 0px 7px; line-height: 28px; font-size: 15px; border-radius: 15px }
.car_content .car_list .cost_info div { height: 38px; }
.car_content .car_list .tit_box { padding: 9px 10px;}
.car_content .car_list .car_pose .corp_logo { right: 10px; top: 10px; }
.car_content .car_list .tit_box .right_box .car_year {font-size:3.5rem;}
.car_content .car_list .tit_box .right_box .car_size {font-size:3.5rem;}
.car_content .car_list .tit_box .car_name {font-size:3.8rem; letter-spacing: -1.4px;}
}
@media (max-width:560px) {
html { font-size:35%; }
.car_content .car_list .car_pose .corp_logo { max-width:60px; }
.car_content .car_list .car_pose .corp_logo img { width:100%; }
.car_content .car_list .cost_info div { height: 30px; }
}
@media (max-width:480px) {
.car_content .benefits h2 b { font-size:6.6rem; }
.car_content .top_box01 .sub_tit { }
.car_content .top_box01 .car_example .example_color li { font-size: 15px; }
.car_content .benefits .benefit_content ul li .con_box {height:40rem;}
}
@media (max-width:420px) {
html { font-size:30%; }
.car_content .car_list .car_pose .corp_logo { max-width: 50px; }
.car_content .car_list .cost_info .price { font-size: 3.4rem; }
.car_content .car_list .cost_info div { height: 25px; }
.car_content .car_list .cost_info .name { font-size: 12px; line-height: 23px; }
.car_content .car_list .tit_box { padding: 5px 10px; }
.car_content .car_list .car_pose .car_img { transform: translate(-50%, -20%); }
}
/*렌트카 리스트 끝*/
/*영업안내 & 무료상담신청*/
.main_inquiry { background: #0C6837
url(../images/main/main_inquiry_pc_bg.jpg)no-repeat center; height:362px;
}
.main_inquiry .content_wrap { width:1431px; height:100%; margin:0 auto; display: flex; align-items: center; position: relative; color:#fff; }
.main_inquiry .content_wrap .business_info { position: absolute; left:8%; }
.main_inquiry .content_wrap .business_info .top_box { margin-bottom: 40px; }
.main_inquiry .content_wrap h3 { font-family:'GongGothicBold'; font-size:3.2rem; color:#fffc00; display: flex;}
.main_inquiry .content_wrap h3 img { width:42px; margin-right: 5px; margin-top: -4px; }
.main_inquiry .content_wrap .business_info .time_info { font-size:2.4rem; letter-spacing: -.5px;}
.main_inquiry .content_wrap .business_info .time_info b { font-weight: 700; margin-right: 3px; }
.main_inquiry .content_wrap .business_info .info_txt { font-size: 17px; font-weight: 300; }
.main_inquiry .content_wrap .business_info .phone_num { font-size:3.2rem; font-weight: 800;}
.main_inquiry .content_wrap .free_inquiry { width:337px; position: absolute; right:20%;} /*right:274px*/
.main_inquiry .content_wrap .free_inquiry .form-group { display: flex; align-items: center; }
.main_inquiry .content_wrap .free_inquiry .form-group a.terms { color: #fff; border-bottom:1px dotted #fff; margin-left: 25px; }
.main_inquiry .content_wrap .free_inquiry .form-group a.terms:hover { color:#d3ff00; }
.main_inquiry .content_wrap .free_inquiry .input_title label { font-size: 2.1rem; width: 170px; }
.main_inquiry .content_wrap .free_inquiry input { height: 39px; margin-top: -2px; } /*width: 220px; */
.main_inquiry .content_wrap .free_inquiry .form-control { font-size:17px; border-radius: 0; }
.main_inquiry .content_wrap .free_inquiry .form-check-label { margin-left: 10px; font-size: 17px; }
.main_inquiry .content_wrap .free_inquiry .form-check-input { width:18px; margin-right:5px; }
.main_inquiry .content_wrap .free_inquiry .submit_box { margin-top: 2.4rem; }
.main_inquiry .content_wrap .free_inquiry .submit_box button { width:142px; height: 42px; font-size: 17px; color: #d3ff00; background: #000; border:1px solid #000; border-radius: 30px;position: absolute; right: 0; bottom: 2px; }
.main_inquiry .content_wrap .free_inquiry .submit_box button:hover { background: #9751ff; border:1px solid #9751ff; }
.main_inquiry .content_wrap .free_inquiry form { margin-top: 12px; }
.main_inquiry .content_wrap .lovely_car { width:227px; height: 240px; position: absolute; right:-2.4rem; top:60px; }
.main_inquiry .content_wrap .lovely_car img { width:227px; opacity: 0.16; }
.main_inquiry .content_wrap .business_info .namecard_box { max-width:500px; }
.main_inquiry .content_wrap .business_info .namecard_box > img { display:block; width:100%; }
@media (max-width:1450px) {
.main_inquiry .content_wrap { width:100%; }
}
@media (max-width:1200px){
.main_inquiry .content_wrap .business_info { left:5%; }
.main_inquiry .content_wrap .free_inquiry { right:5%; }
.main_inquiry .content_wrap .lovely_car { left: 50%; transform: translateX(-50%); right:unset; }
.main_inquiry .content_wrap .lovely_car img { width: 24rem; }
}
@media (max-width:1000px){
.main_inquiry .content_wrap .free_inquiry { width: 320px; }
.main_inquiry .content_wrap .free_inquiry .form-group a.terms { font-size:15px; }
}
.on-990px { display:none; }
@media (max-width:990px){
.on-990px { display:block; }
.off-990px { display:none; }
.benefits .guide-title::before, .benefits .guide-title::after { width:30%; }
.main_inquiry { height: unset; padding: 40px;
background: rgb(12,58,143); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(12,58,143,1) 50%, rgba(148,81,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(12,58,143,1) 50%,rgba(148,81,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(12,58,143,1) 50%,rgba(148,81,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3a8f', endColorstr='#9451fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main_inquiry .content_wrap { flex-direction: column; align-items: flex-start; }
.main_inquiry .content_wrap .business_info { position: unset; width: 100%; border-bottom: 1px dashed rgba(255,255,255,0.5); padding-bottom: 3rem; }
.main_inquiry .content_wrap .free_inquiry { position: unset; margin-top: 30px; }
.main_inquiry .content_wrap .business_info .top_box { margin-bottom: 30px; }
.main_inquiry .content_wrap .free_inquiry .submit_box {position: relative;}
.main_inquiry .content_wrap .free_inquiry .submit_box button { bottom: -12px; }
.main_inquiry .content_wrap .free_inquiry .form-check-label { font-size: 15px; margin-left: 16px; }
.main_inquiry .content_wrap .free_inquiry input { height: 35px; }
.main_inquiry .content_wrap .lovely_car { right:5%; top:10%; left: unset; width: 22.7rem; }50px 20px
.main_inquiry .content_wrap .lovely_car img { width: 40rem; opacity: 0.1; }
.main_inquiry .content_wrap .free_inquiry .input_title label { width: 160px; }
.main_inquiry .content_wrap .business_info .namecard_box { margin:0 auto; }
.main_inquiry .content_wrap .free_inquiry { width:100%; }
.benefits .guide-title { margin-bottom:20px; gap:5px; }
.car_content .benefits h2 b { font-size: 6.6rem; }
.car_content .top_box01 .sub_tit { padding-top:50px; }
.car_content .top_box01 h2 { ; font-size: 6.6rem; }
}
@media (max-width:500px){
.main_inquiry { padding: 30px 15px; }
.main_inquiry .content_wrap .free_inquiry .input_title label { font-size: 15px; }
.main_inquiry .content_wrap h3 { font-size: 4.2rem; }
.main_inquiry .content_wrap .business_info .time_info { font-size: 3.4rem; }
.main_inquiry .content_wrap .business_info .phone_num { font-size: 4.5rem; }
.main_inquiry .content_wrap .lovely_car { right: 0%; }
.main_inquiry .content_wrap .lovely_car img { width: 30rem; }
}
/* 대여자격 (임시) */
.rental_qualification_ex { background: #92cddd url(../images/main/rental_qualification_bg.jpg)no-repeat center; height:1339px; display: flex; align-items: center; justify-content: center; }
@media (max-width:1197px){
.rental_qualification_ex .content_ex1 img { width: 100%; padding: 0 20px; }
.rental_qualification_ex { height: 100vmax; }
}
@media (max-width:768px){
.rental_qualification_ex { height: 100vmin; }
}
@media (max-width:640px){
.rental_qualification_ex .content_ex1 img { padding: 0 10px; }
}
/* ===== 대여자격 시작 ===== */
.rental_qualification { background: #92cddd url(../images/main/rental_qualification_bg.jpg)no-repeat center; background-size: cover; display: flex; flex-direction: column; align-items: center; padding: 13.9rem 0;}/*height:1339px; justify-content: center; */
.rental_qualification .top_box03 { background: #5f1f96; }
.rental_qualification .top_box03 h2 { color:#fffc00; }
.rental_qualification .bottom_box { width:1153px; background: rgba(255,255,255,0.9); padding:5.5rem; }
.rental_qualification .bottom_box .con_box { display: flex; margin-bottom: 5.5rem; }
.rental_qualification .bottom_box .con_box h3 { width:30rem; font-family:'GongGothicBold'; font-size:3.2rem; color:#5f1f96; font-weight:800; }
.rental_qualification .bottom_box .con_box .right_box { width:calc(100% - 30rem); font-size:2rem; }
.rental_qualification .bottom_box .con_box .right_box b { font-weight: 600; }
.rental_qualification .bottom_box .con_box .right_box table { width:100%; }
.rental_qualification .bottom_box .con_box .right_box table th { background: #e5d0fe; text-align: center; font-size:2rem; font-weight: 600; color: #5f1f96; text-align: center; font-weight: 800; border-bottom: 1px solid #e5d0fe; border-top: 0; }
.rental_qualification .bottom_box .con_box .right_box table td { font-size: 1.8rem; background: #f5f5f5; text-align: center; }
.rental_qualification .bottom_box .con_box .right_box ul {}
.rental_qualification .bottom_box .con_box .right_box ul li { font-size: 2rem; margin-bottom: 3rem; position: relative; padding-left:1.4rem; }
.rental_qualification .bottom_box .con_box .right_box ul li::before { content:''; display: block; width:.7rem; height: .7rem; background: rebeccapurple; position:absolute; top:1rem; left:0px; border-radius: 50%; }
/* .rental_qualification .bottom_box .con_box .right_box ul li:last-child { margin-bottom: 0; } */
.rental_qualification .bottom_box .con_box.third { margin-bottom:0; }
@media (max-width:1450px) {
.rental_qualification .bottom_box { width: calc(100% - 40px); }
}
@media (max-width:1200px) {
.rental_qualification .bottom_box .con_box .right_box { width: calc(100% - 30rem); font-size: 2.4rem; }
.rental_qualification .bottom_box .con_box .right_box ul li { font-size: 2.4rem; }
.rental_qualification .bottom_box .con_box .right_box table td { font-size: 2rem; }
}
@media (max-width:860px) {
.rental_qualification .bottom_box .con_box h3 { width: 22rem; }
.rental_qualification .bottom_box .con_box .right_box { width: calc(100% - 22rem); }
.rental_qualification .bottom_box { padding: 4rem; }
.rental_qualification .bottom_box .con_box { margin-bottom: 4rem; font-size: 2.4rem; }
.rental_qualification .bottom_box .con_box .right_box ul li { font-size: 2.4rem; }
.rental_qualification .bottom_box .con_box .right_box table th { font-size: 2.4rem; }
}
@media (max-width:768px) {
.rental_qualification .bottom_box .con_box { flex-direction: column; }
.rental_qualification .bottom_box .con_box h3 { width: 100%; }
.rental_qualification .bottom_box .con_box .right_box { width: 100%; margin-top: 1rem; }
}
@media (max-width:640px) {
.rental_qualification .bottom_box { width: calc(100% - 20px); }
}
@media (max-width:480px) {
.rental_qualification .bottom_box { padding: 3rem; }
.rental_qualification .bottom_box .con_box .right_box { font-size: 2.7rem; }
.rental_qualification .bottom_box .con_box .right_box ul li { font-size: 2.8rem; }
.right_box table th { font-size: 2.8rem; }
}
/* ===== 대여자격 종료 ===== */
/* ===== ★★★ 대여절차 시작 ★★★ ===== */
.rental_procedure { background: #f7b7a0 url(../images/main/rental_procedure_bg.jpg)no-repeat center; /*height:1276px;*/ background-size: cover; display: flex; flex-direction: column; align-items: center; padding: 13.9rem 0; }
/* .rental_procedure { background: #f7b7a0 url(../images/main/rental_procedure_bg.jpg)no-repeat center; height:1276px; display: flex; align-items: center; justify-content: center; } */
.rental_procedure .top_box03 { background: #2d5d98; }
.rental_procedure .top_box03 h2 { color:#fffc00; }
.rental_procedure .bottom_box { width:1153px; background: #fff; padding:5.5rem; }
.rental_procedure .bottom_box ul { display: flex ;}
.rental_procedure .bottom_box ul li { background: #f7f7f7; width:25%; margin-right:41px; position: relative; } /*min-height: 438px; */
.rental_procedure .bottom_box ul li::after { content:'\276F'; font-size:5rem; color:#6ba88e; display:block; position:absolute; right: -32px; top:50%; transform:translateY(-50%); } /*width: 21px; height:34px;
background:rgba(0,0,0,0.2) url('../images/main/arrow_right_light_green.svg'); */
.rental_procedure .bottom_box ul li:last-child::after { content:'';}
.rental_procedure .bottom_box ul li:nth-child(4) { margin-right:0; }
.rental_procedure .bottom_box ul li .tit_box { background: #127136; padding:1.7rem; display: flex; align-items: center; } /*height:85px; */
.rental_procedure .bottom_box ul li .tit_box .num { height:4.9rem; color: #8fe0bd; font-family:'GongGothicBold'; font-size: 5.8rem; display: flex; align-items: center; justify-content: center; border-right:2px solid rgba(255,255,255,0.5); padding-top: 0.5rem; padding-right: 10px; } /*background: rgba(0,0,0,0.2); width:5.5rem; */
.rental_procedure .bottom_box ul li .tit_box h3 { font-family:'GongGothicBold'; font-size: 2.4rem; color: #fff; line-height: 2.8rem; margin-left:1.5rem; }
.rental_procedure .bottom_box ul li .con_box { min-height: 36rem; background: #fff; border:3px solid #cde1d1; border-top:0; overflow: hidden; }
.rental_procedure .bottom_box ul li .img_box { width:17.5rem; height:17.5rem; background: #e5e5e5; border-radius: 50%; margin: 2.7rem auto; display: flex; justify-content: center; align-items: center; }
.rental_procedure .bottom_box ul li .img_box img { width:14rem; }
.rental_procedure .bottom_box ul li p { padding:0 2.7rem; }
@media (max-width:1450px) {
.rental_procedure .bottom_box { width: calc(100% - 40px); }
.rental_procedure .bottom_box ul li .con_box { min-height: 39rem; }
}
@media (max-width:1200px) {
.rental_procedure .bottom_box ul li .con_box { min-height: 42rem; }
}
@media (max-width:1145px) {
.rental_procedure .bottom_box { padding: 2.5rem; }
}
@media (max-width:1010px) {
.rental_procedure .bottom_box ul li .con_box { min-height: 45rem; }
}
@media (max-width:980px) {
.rental_procedure .bottom_box ul li .con_box { min-height: 47rem; }
.rental_procedure .bottom_box ul { flex-wrap: wrap; }
.rental_procedure .bottom_box ul li { width:calc(50% - 1.25rem); margin-right: 2.5rem; margin-bottom: 2.5rem; }
.rental_procedure .bottom_box ul li::after { display:none; }
.rental_procedure .bottom_box ul li:nth-child(2n) { margin-right:0; }
.rental_procedure .bottom_box ul li:nth-child(3), .rental_procedure .bottom_box ul li:nth-child(4) { margin-bottom:0; }
.rental_procedure .bottom_box ul li .con_box { min-height: 40rem; }
.rental_procedure .bottom_box ul li .tit_box h3 { font-size: 2.8rem; margin-left: 1rem; }
.rental_procedure .bottom_box ul li .tit_box .num { height: 3.4rem; font-size: 3.4rem; padding-right: 7px; padding-top: 0.4rem; }
}
@media (max-width:640px) {
.rental_procedure .bottom_box ul li .con_box { min-height: auto; padding-bottom: 6rem; }
.rental_procedure .bottom_box ul li { width: 100%; margin-right:0; }
.rental_procedure .bottom_box ul li .img_box { width: 15.5rem; height: 15.5rem; }
.rental_procedure .bottom_box ul li:nth-child(3) { margin-bottom: 2.5rem; }
.rental_procedure .bottom_box ul li:nth-child(4) { margin-bottom: unset; }
.rental_procedure .bottom_box ul li .tit_box h3 { font-size: 4.6rem; margin-left: 2rem; margin-top: 0.6rem; }
.rental_procedure .bottom_box ul li .tit_box .num { height: 6rem; font-size: 4.8rem; padding-right: 12px; padding-left: 4px; }
}
@media (max-width:860px) {
.rental_procedure .bottom_box .con_box h3 { width: 22rem; }
}
@media (max-width:640px) {
.rental_procedure .bottom_box { width: calc(100% - 20px); }
}
@media (max-width:480px) {
.rental_procedure .bottom_box { padding: 3rem; }
}
/* ===== ★★★ 대여절차 종료 ★★★ ===== */
/*주의사항*/
.caution { background: #5dd1ff url(../images/main/caution_bg.jpg)no-repeat center; height:2445px; display: flex; align-items: center; justify-content: center; }
@media (max-width:1197px){
.caution .content_ex1 img { width: 100%; padding: 0 20px; }
.caution { height: 200vmax; }
}
@media (max-width:768px){
.caution { height: 190vmin; background-size: cover; }
}
@media (max-width:640px){
.caution .content_ex1 img { padding: 0 10px; }
}
/* 환불규정 */
.refund_prescribe { background: #99acd5 url(../images/main/refund_prescribe_bg.jpg)no-repeat center; height:1462px; display: flex; align-items: center; justify-content: center; }
@media (max-width:1197px){
.refund_prescribe .content_ex1 img { width: 100%; padding: 0 20px; }
/* .refund_prescribe { height: 200vmax; } */
}
@media (max-width:768px){
.refund_prescribe { height: 130vmin; background-size: cover; }
}
@media (max-width:640px){
.refund_prescribe .content_ex1 img { padding: 0 10px; }
}
/*푸터영역*/
footer { background: url(../images/main/footer_bg.jpg)no-repeat center; background-size: cover; background-attachment: fixed; overflow: hidden; text-align:center; color: #fff; padding-bottom:8.3rem; }
/* footer .top_box02 h2.light_green { color: #d2ff00; } 타이틀 텍스트 컬러 */
footer .map_box { width:1431px; margin:3.8rem auto 0; }
footer .map_box .phone_num1 a { font-size: 4.6rem; color:#fffc00; font-weight: 800; display: flex; align-items: center; justify-content: center;}
footer .map_box .phone_num1 a i { margin-right:10px; background: #0375f2; color: #fff; display:inline-block; width: 45px; height:45px; font-size:30px; border-radius: 50%; line-height: 45px; }
footer .map_box .adress1 { font-family:'GongGothiclight'; font-size:2.2rem; }
footer .map_box .map { width:1153px; /*height:36rem;*/ background: rgba(0,0,0,0.2) url(../images/main/map_ex.jpg)no-repeat center; margin:4.7rem auto 0; }
footer .foot_corp_info { font-family:'GongGothiclight'; font-size:1.6rem; margin-top:8.5rem; }
footer .foot_corp_info > div {margin-bottom:2px; }
footer .copyright { font-family:'GongGothiclight'; font-size:1.6rem; margin-top:2.8rem; }
@media (max-width:1450px) {
footer .map_box { width:100%; }
footer .map_box .map { width: calc(100% - 220px); }
footer .foot_corp_info { font-size:1.6rem; }
/* footer .copyright { font-size: 1.7rem; } */
}
@media (max-width:768px) {
footer { background-attachment: unset; }
footer .map_box .map { width: calc(100% - 100px); }
footer .map_box .adress1 { font-size: 2.8rem; }
footer .map_box .phone_num1 a { font-size: 5.8rem; }
footer .foot_corp_info { font-size: 2.4rem; }
footer .copyright {font-size: 2rem; }
}
@media (max-width:480px) {
footer .map_box .map { width: calc(100% - 20px); }
}
/*=============================공통 범용 공용=============================*/
.important_txt1 { color: #b7ff4c; }
.off_480 { display: block; }
.on_768 { display: none; } /*768픽셀에서 켜기 (ex.
태그로 모바일에서 줄바꿈 시키기)*/
.off_768 { display: block; } /*768픽셀에서 끄기 (ex.
태그로 모바일에서 줄바꿈 없애기)*/
.on_980 { display: none; }
.off_980 { display: block; }
.on_1024 { display: none; }
.off_1024 { display: block; }
@media (max-width:1024px) {
.on_1024 { display: block; }
.off_1024 { display: none; }
}
@media (max-width:980px) {
.on_980 { display: block; }
.off_980 { display: none; }
}
@media (max-width:768px) {
.on_768 { display: block; }
.off_768 { display: none; }
}
@media (max-width:480px) {
.off_480 { display: none; }
}
.table-responsive {
display: table;
}
/*공통 메인 타이틀 영역 2 - 백그라운드 투명 타입 (라운드 텍스트 + 타이틀 텍스트)*/
.top_box02 { text-align:center; color: #fff; margin-bottom: 0rem;}
.top_box02 .sub_tit { width:30rem; margin:0 auto; padding-top: 8.2rem; }
.top_box02 h2 { font-family:'GongGothicBold'; font-size:8.0rem; color: #fff03f; margin-top: -1.2rem; }
@media (max-width:1480px) {
.top_box02 .sub_tit { padding-top: 10rem; }
}
@media (max-width:1450px) {
}
@media (max-width:1280px) {
}
@media (max-width:768px) {
.top_box02 .sub_tit { padding-top: 10rem; }
}
@media (max-width:480px) {
.top_box02 .sub_tit { width:24rem; padding-top: 10rem; }
.top_box02 h2 { font-size: 6.6rem; }
}
/*공통 메인 타이틀 영역 3 - 백그라운드 컬러 타입 (백그라운드 + 라운드 텍스트 + 타이틀 텍스트)*/
.top_box03 { width:1153px; padding: 10px 0; background: rgba(0,0,0,0.3); border-radius: 30px 30px 0 0; text-align:center; color: #fff; margin-bottom: 0rem; } /*height:200px;*/
.top_box03 .sub_tit { width:30rem; margin:0 auto; padding-top: 3.5rem }
.top_box03 h2 { font-family:'GongGothicBold'; font-size:8.6rem; color: #fff; margin-top: -1.2rem; }
@media (max-width:1480px) {
}
@media (max-width:1450px) {
.top_box03 { width: calc(100% - 40px); }
.top_box03 { height: unset; }
}
@media (max-width:1280px) {
}
@media (max-width:768px) {
}
@media (max-width:640px) {
.top_box03 { width: calc(100% - 20px); }
}
@media (max-width:480px) {
.top_box03 h2 { font-size: 6.6rem; }
}
/*메인비주얼 슬라이더 220803*/
/*MV Swiper slider Style start*/
.hero-slider { width: 100%; height: 700px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; }
@media (max-width: 991px){
.hero-slider { height: 600px; }
}
@media (max-width: 767px){
.hero-slider { height: 500px; }
}
.hero-slider .swiper-slide { overflow: hidden; color: #fff; }
.hero-slider .swiper-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.hero-slider .slide-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; /*z-index: 1; */
background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left; }
.slide-inner_custom { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next { background: transparent; width: 55px; height: 55px; line-height: 53px; margin-top: -30px; text-align: center; border: 2px solid #d4d3d3; border-radius: 55px; opacity:0; visibility:hidden; transition:all .3s ease; }
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next { transform:translateX(0); opacity:1; visibility:visible; }
@media (max-width: 767px){
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next { display: none; }
}
.hero-slider .swiper-button-prev { left: 25px; transform:translateX(50px); }
.hero-slider .swiper-button-prev:before { font-family: "Font Awesome 5 Free"; content: "\f060"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900; }
.hero-slider .swiper-button-next { right: 25px; transform:translateX(-50px); }
.hero-slider .swiper-button-next:before { font-family: "Font Awesome 5 Free"; content: "\f061"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900; }
.hero-slider .swiper-pagination-bullet { width: 12px; height: 12px; text-align: left; line-height: 12px; font-size: 12px; color: #000; opacity: 0.3; background:#fff; transition:all .2s ease; }
.hero-slider .swiper-pagination-bullet-active { opacity:1; }
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction { bottom: 30px; }
@media screen and (min-width: 992px){
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {/* display: none; */}
}
.swiper-pagination { text-align:left; }
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets { bottom:50px; max-width: 1200px; padding: 0 15px; margin: 0 auto; left: 50%; transform: translateX(-50%); }
@media (min-width: 767px){
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets { bottom:30px; }
}
/*--------------------------------------------------------------
#hero-style
--------------------------------------------------------------*/
.hero-style { height: 850px; transition:all .4s ease; }
@media (max-width: 991px){
.hero-style { height: 600px; }
}
@media (max-width: 767px){
.hero-style { height: 500px; }
}
@media screen and (min-width: 992px){
.hero-style .container { padding-top: 95px; }
}
.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns { max-width: 690px; }
.hero-style .slide-title h2 { font-size: 100px; font-weight: 600; line-height: 1; color: #ffffff; margin: 0 0 40px; text-transform: capitalize; transition:all .4s ease; }
@media (max-width: 1199px){
.hero-style .slide-title h2 { font-size: 75px; }
}
@media (max-width: 991px){
.hero-style .slide-title h2 { font-size: 50px; margin: 0 0 35px; }
}
@media (max-width: 767px){
.hero-style .slide-title h2 { font-size: 35px; margin: 0 0 30px; }
}
.hero-style .slide-text p { opacity: 0.8; font-family: Rajdhani; font-size: 32px; font-weight: 500; line-height: 1.25; letter-spacing: normal; color: #ffffff; margin: 0 0 40px; transition:all .4s ease; }
@media (max-width: 767px){
.hero-style .slide-text p { font-size: 16px; font-size: 1rem; font-weight: normal; margin: 0 0 30px; }
}
.hero-style .slide-btns > a:first-child { margin-right: 10px; }
/*추가 및 변경 220802*/
.mv-slide-title1 { margin-top:-200px; display: flex; justify-content: center; }
.mv-slide-text1 { text-align:center; margin-top:-100px; }
.mv-slide2-img1 { text-align:center; margin-top:-149px; } /*margin-top:5px*/
.mv-slide2-img2 { text-align:center; margin-top: -8px; }
.mv-pc_bg_1 { background:url('../images/main/mv_02_pc_bg.jpg')no-repeat; } /**/
.mv-mobile_bg_1 { background:url('../images/main/mv_02_m_bg.jpg')no-repeat; display:none !important; } /*display:block; */
/*MV 2번째 슬라이더 컨텐츠 이미지 pc/모바일 스위칭용*/
.mv2_m_img_01 { display:none; text-align:center; width:100%; }
.mv2_m_img_02 { display:none; }
.mv-slide2-img2 { margin-top: -145px; }
@media (max-width: 991px) {
.hero-style { height: 100vmin; } /*타블렛~모바일에서 높이값 비율을 맞춰주기 위해 추가함, 안하면 세로형으로 보임, 높이값 반영 후 내부 이미지들 비율도 재조정함. */
}
@media(max-width:990px) {
.mv-slide-title1 { width: 120%; margin-top: -150px; margin-left: -10%; }
.mv-slide-title1 img { width: 100%; }
.mv-slide-text1 { width:120%; margin-left:-10%; margin-top: -100px; }
.mv-slide-text1 img { width:70%; }
/*MV 2번째 슬라이더 컨텐츠 이미지 pc/모바일 스위칭용*/
.mv-mobile_bg_1 { display:block !important; }
.mv2_pc_img_01 { display:none; }
.mv2_m_img_01 { width:80%; margin: -100px auto 0; display: flex; justify-content: center; }
.mv2_m_img_01 img { width:100%; }
.mv2_pc_img_02 { display:none; }
.mv2_m_img_02 { display:block; width:80%; margin: 0 auto; display: flex; justify-content: center; }
.mv2_m_img_02 img { width:100%; }
.car_content .benefits {
padding: 50px 0;
}
.car_content .benefits .benefit_content ul {
grid-template-columns: repeat(1, 1fr);
}
benefits .title_txt {
font-size: 3.5rem;
}
.benefits .icon-box .material-symbols-outlined {
font-size:8rem;
}
.car_content .benefits .benefit_content ul li .title_txt {
font-size: 4rem;
}
.car_content .benefits .benefit_content ul li .con_box h3 {
font-size: 3rem;
}
.car_content .benefits .benefit_content ul li .con_box p {
font-size: 3rem;
margin-top:2rem;
}
.car_content .benefits .benefit_content ul li .con_box {
height:auto;
}
}
@media(max-width:768px) {
.mv-slide-title1 { width:130%; margin-left: -20%; margin-top: -80px; }
.mv-slide-text1 { margin-top:-50px }
.mv-slide-text1 img { width:70%; }
.mv2_m_img_01 { margin: -40px auto 0; }
}
@media(max-width:500px) {
.mv-slide-title1 { margin-top: -70px; }
.mv-slide-text1 { width:100%; margin-left:unset; margin-top:-20px; }
.mv-slide-text1 img { width:100%; }
}
/*--------------------------------------------------------------
#button-style (필요한 것만 사용)
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2 { background-color: #ffffff; font-size: 20px; font-weight: 500; line-height: 1.4; text-align: center; color:#2b3b95; padding: 9px 32px; border: 0; border-radius: 3px; text-transform: uppercase; display: inline-block; line-height: initial; transition:all .4s ease; }
/*a { text-decoration: none; transition: all 0.2s ease; } */
.theme-btn-s2 { background-color: rgba(255, 255, 255, 0.9); color: #131e4a; }
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active { background-color:#2b3b95; color: #fff; }
.theme-btn-s3 { font-size: 16px; font-weight: 500; line-height: 1.5; color: #ffffff; text-transform: uppercase; }
i.fa-chevron-circle-right { height:22px; width:22px; }
/*a:hover { text-decoration: none; } */
@media (max-width: 991px){
.theme-btn, .theme-btn-s2, .theme-btn-s3 { font-size: 13px; padding: 15px 25px; }
}
@media (max-width: 767px){
.theme-btn, .theme-btn-s2 { padding: 13px 20px; font-size: 13px; }
}
/* top버튼 영역 */
.top_btn {position:fixed; bottom:40px; right:15px; z-index:99; transition:all 0.4s;}
.top_btn ul li.goto_top_btn a {background: rgba(0,0,0,0.8);}
.top_btn ul li a { display: block; width: 60px; height: 60px; border-radius: 50%; background: rgba(61,158,16,0.85); text-align: center; line-height: 60px; font-size: 18px; font-weight: 400; color: #fff;}
.top_btn ul li.goto_top_btn a i { color: #fff; font-size: 24px; line-height: 55px;}
.top_btn ul li.goto_top_btn a:hover {background: #176f2f;}