@charset "utf-8";
* {font-family: 'Pretendard';box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0;}

/* header */
.wrap {padding-top: 75px;overflow: hidden;}

section {}
article {max-width: 1320px;width: 100%;padding: 80px 20px;margin:0 auto;overflow: hidden;}
article.sm {max-width: 768px;width: 100%;}
.text-box .titss{font-size: 16px;font-weight: 400;color: var(--text-gray-800);line-height: 18px;}
.text-box .tits{font-size: 15px;/* color: var(--text-gray-600); */line-height: 21px;font-weight: 500;}
.text-box .titm{font-size: 1.8rem;line-height: 2.2rem;font-weight: 700;margin: 8px 0 15px 0;}
.text-box .titb {line-height: 2.9rem;word-break: keep-all;font-size: 2.5rem;font-weight: 600;margin-bottom: 5px;}
.navi {display: flex;align-items: center;font-size: 12px;}
.navi li {}
.navi li:after {content:'';background: url('/images/geniego_v3/arrow-right-gray.png');background-size: 100%;width: 16px;height: 16px;display: inline-block;vertical-align: middle;}
.navi li:last-child::after {display: none;}

.bg {background: var(--bg);}
.dinb {display: inline-block;}
.disb {display: block;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}

.column {flex-direction: column;}

/**************************************
** header
***************************************/
header {background: #ffffffb0;/* background: rgb(0 0 0); */height: 75px;position: fixed;top: 0px;z-index:3;transition: top 0.15s ease-in-out;width: 100%;/* box-shadow: 1px 2px 10px 0 #e0d3d39e; */backdrop-filter: blur(0.2rem);border-bottom: 1px solid #E4ECF4;}
.nav-up {/* top: -75px; */}
header .container {position: relative;max-width: 1290px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 15px;margin: 0 auto;}
header .container .logo{display:inline-block;position: absolute;left: 15px;top: 50%;transform: translate(0, -50%);}
header .container .logo img{width: 120px;}
header .container .login-top {position: absolute;right: 15px;top: 50%;transform: translate(0, -50%);display: flex;align-items: center;gap: 4px;}
header .container .login-top > a {font-size: 14px;padding: 8px 16px;border-radius: 50px;font-weight: 600;box-shadow: 2px 4px 5px -1px #d3deea;}
header .container .login-top > a:nth-child(1) {background: var(--color-blue); color: #fff;}
header .container .login-top > a:nth-child(2) {border: 1px solid var(--color-blue);color: var(--text-gray-500);background: #fff;}
header .container .login-top > a img {width: 16px;vertical-align: text-top;margin-right: 3px;}


.dropdown.lang{position: relative;color: #fff;display: inline-block;margin-left: 16px;min-width: 50px;}
.dropdown_icon {display: flex;align-items: center;min-width: 54px;}
.dropdown_icon > img {width: 20px;}
.dropdown_button{padding: 4px 6px;border-radius: 4px;font-size: 15px;outline: 0;width: 100%;}
.dropdown_box{display: none;background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;position: absolute;top: 100%;margin-top: 4px;width: 100%;box-shadow: 2px 4px 5px -1px #c0c0c040;}
.dropdown_box ul {margin: 0;padding: 0;}
.dropdown_box ul li {display: block;}
.dropdown_box ul li > a {padding: 6px 4px;display: block;text-decoration: none;font-size: 15px;color: #000;text-align: center;}
.dropdown_box ul li a:hover {background-color: rgba(255,255,255,.5);color: #558;}
.dropdown.open .dropdown_box{display: block;}



/* 메뉴 리스트 아이콘 */
#menu .logo {display:none;}
#menu ul li {float: left;}
#menu ul li.on a {color: var(--color-blue);}
#menu ul li a{display: inline-block;color: #1e1e1e;padding: 10px 16px;font-weight: 500;font-size: 16px;font-weight: 700;}
#menu ul li.popup a{border-radius: 50px;background:#2b95f9;color:#fff;}

/* 햄버거 메뉴 아이콘 */
.mobile-menu-box {display: none;}
#menu_icon {width: 24px;height: 20px;position: absolute;top: 50%;transform: translate(0, -50%);right: 15px;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 9999;}
#menu_icon>span {display: block;position: absolute;height: 2px;width: 100%;background: #1e1e1e;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#menu_icon span:nth-child(1) {top: 3px;}
#menu_icon span:nth-child(2) {top: 10px;}
#menu_icon span:nth-child(3) {top: 17px;}
#menu_icon.open span:nth-child(1) {top: 10px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#menu_icon.open span:nth-child(2) {opacity: 0;left: 0;}
#menu_icon.open span:nth-child(3) {top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

/* 모바일 메뉴 아이콘 */
#moblie-menu {display: none;}
#moblie-menu.open {display: flex;flex-direction: column;position: absolute;z-index: 100;right: 0;top: 0;background: #F1F1F4;width: 300px;height: 100vh;}
#moblie-menu ul {padding: 50px 40px;}
#moblie-menu ul li {height: 50px;line-height: 40px;display: flex;align-items: center;/* justify-content: space-between; */}
#moblie-menu ul li a {font-weight: 600;color: var(--text-gray-600);font-size: 16px;width: 100%;}
#moblie-menu ul li .img {margin-left: auto;width: 24px;height: 24px;background: url("/images/geniego_v3/menu-arrow.png");background-size: 24px;}
#moblie-menu ul li:hover a {color: var(--text-black);font-weight: 800;}
#moblie-menu ul li:hover .img {background: url("/images/geniego_v3/menu-arrow-hover.png");background-size: 24px;}

#moblie-menu footer {padding: 0 20px 50px 20px;margin-top: auto;}
#moblie-menu footer p {display: flex;gap: 5px;}
#moblie-menu footer p > a:nth-child(1){background: var(--color-blue);}
#moblie-menu footer p > a:nth-child(2){border:1px solid var(--color-blue);color: var(--text-black);}
#moblie-menu footer p>a {display: inline-block;margin-top: 10px;width: 100px;text-align: center;border-radius: 30px;font-size: 13px;font-weight: 600;color: #fff;height: 32px;line-height: 32px;flex: 1;}
#moblie-menu footer div {font-size: 12px;margin-top: 30px;line-height: 20px;padding: 0 0 80px 0;}

.mask {display: none;}
.mask.open {display: block;width: 100%;height: 100vh;background: #0000009c;position: fixed;top: 0;left: 0;z-index: 99;overflow: hidden;transition: all 0.25s;}


/**************************************
** login
***************************************/
.login-wrap {height: 100%;}
.login-box {display: flex;height: 100vh;}
.login-box .img {flex: 1;background-color: var(--color-blue);padding: 30px;}
.login-box .img .text1 {margin: 20px 0 10px 0;font-size: 22px;line-height: 30px;font-weight: 700;color: #fff;}
.login-box .img .text2 {font-size: 14px;color: #fff;line-height: 20px;}
.login-box .img .login-img {min-width: 300px;width: 100%;max-width: 400px;margin-top: 30px;}

.login-box .input-box {flex: 3;padding: 50px 30px 30px 30px;}
.login-box .input-box .form-input-box {max-width: 450px;width: 100%;margin: 0 auto;}

.form .text-box {margin-bottom: 30px;}
.form .form-input {margin-bottom: 12px;}
.form .form-input label {margin-bottom: 5px;display: inline-block;font-size: 12px;font-weight: 600;}
.form .form-input label > span {color: var(--color-red);}
.form .form-input input {/* border-radius: 5px; */}

.form-input-box .flex-check {display: flex;align-items: center;justify-content: space-between;margin-top: 5px;}
.form-input-box .flex-check .chkBox.login > label {font-size: 13px;margin: 0;font-weight: 500;}
.form-input-box .flex-check span {font-size: 13px;font-weight: 500;color: var(--text-gray-800);}

.page-go {font-size: 12px;display: flex;align-items: center;justify-content: space-between;}
.page-go a.btn {background: #000 url('/images/geniego_v3/btn-arrow-w.png') no-repeat 94% center;background-size: 16px;color: #fff;padding: 8px 24px 8px 12px;border-radius: 5px;margin-left: 5px;}
.page-go a.main-go {background: #fff url('/images/geniego_v3/btn-arrow-d.png') no-repeat 94% center;color: var(--text-black);border: 1px solid #eaeaea;background-size: 16px;}


/**************************************
** 회원가입
***************************************/
.join-navi {font-size: 12px;color: var(--text-gray-800);display: flex;align-items: center;}
.join-navi li {}
.join-navi li.on {color: var(--color-blue);}
.join-navi li:after {content:'';display: inline-block;width: 21px;height: 10px;background-size: 18px;background-repeat: no-repeat;background-position: center;background-image: url("/images/geniego_v3/arrow-right-s-line.png");}
.join-navi li:last-child:after {display: none;}

.terms-title {background: var(--bg);padding: 10px;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;}
.terms-list {padding: 10px;}
.terms-list li {padding: 6px 0;}

.form-join-box {max-width: 650px;width: 100%;margin: 0 auto;}
.join-box {background-color: var(--bg);padding: 15px;border-radius: 10px;}


/**************************************
** 배송제휴문의
***************************************/
.top-price {    background: #223694;    text-align: center;    padding: 20px 10px;    color: #fff;    font-weight: 600;}
.price-box {/* background: var(--bg); *//* padding: 20px; */margin-bottom: 30px;}
.price-box li {display: flex;gap: 10px;}

.price-box li .price-input-box { width: 100%; margin-bottom: 10px;}
.price-box li .price-input-box label.error {display: none;}

.price-box li .price-input {display: flex;align-items: center;width: 100%;border: 1px solid #ddd;border-radius: 5px;padding: 6px 10px;background: #fff;}
.price-box li .price-input > label {flex: none;width: 80px;font-size: 13px;font-weight: 600;}
.price-box li .price-input label span {color: var(--color-red);}
.price-box li .price-input input {border: 0;height: 36px;border-radius: 0;font-size: 14px;font-weight: 500;color: var(--text-gray-600);}
.price-box li .price-input input:focus {border: solid 1px #2b95f9;}
/* .price-box li .price-input.textarea {align-items: baseline;}
.price-box li .price-input textarea {height: 350px;border:0;}
.price-box li .price-input textarea:focus {border: solid 1px #2b95f9;} */

.footer-btn {margin-top: 30px; display: flex;justify-content: end;}
.footer-btn a {width: 120px;}


/**************************************
** quick
***************************************/
.quick-btn {position: fixed;right: 10px;bottom: 20px;display: flex;flex-direction: column;font-size: 12px;z-index: 999;}
.quick-btn a {background-color: #0E0E0F;color: #fff;padding: 8px 20px 8px 40px;border-radius: 35px;}
.quick-btn .quick1 {background-image: url("/images/geniego_v3/quick-img1.png");background-size: 25px;background-repeat: no-repeat;background-position: 12px center;margin-bottom: 5px;}
.quick-btn .quick2 {background-image: url("/images/geniego_v3/quick-img2.png");background-size: 25px;background-repeat: no-repeat;background-position: 12px center;}


/**************************************
** main
***************************************/
.main {}
.main-img {height: 100%;}
.main-img-box {height: 800px;width: 100%;display: flex !important;align-items: center;justify-content: center;}
.main-img-box.img1 {background: url("/images/geniego_v3/main-img1.png") no-repeat;background-size: cover;}
.main-img-box.img2 {background: url("/images/geniego_v3/main-img2.png") no-repeat;background-size: cover;color: #223694;}
.main-img-box.img3 {background-color:#1F2327;color: #fff;}
.main-img-box.img3 .img3-box {display: flex;align-items: center;gap: 32px;}
.main-img-box.img3 .img3-box .img {max-width: 420px;}
.main-img-box.img3 .reser-btn {justify-content: flex-start;}
.main-img-box.img3 .reser-btn>a {background-color:#5D40F5;}


.main-img .text-box .tits {color: #fff;font-size: 13px;margin-top: 15px;}
.main-img .text-box .titb {color: #fff;font-size: 2.5rem;font-weight: 600;text-shadow: 2px 5px 13px #000000;}
.main-img-box.img2 .titb {text-shadow: 2px 5px 13px #13205c;}
.main-img-box.img2 .titb img {margin: 0 auto;width: 50px;}

.services-slider .slider-nav .slick-track {display: flex;flex-wrap: wrap;gap: 30px;}


.app-btn {display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 35px;}
.app-btn a {background: #0000007a;border-radius: 5px;border: 1px solid #0000003b;display: flex;align-items: center;justify-content: center;height: 46px;line-height: 46px;width: 160px;}
.app-btn a img {width: 100px;}
.reser-btn {display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 35px;}
.reser-btn a {height: 46px;width: 160px;line-height: 46px;font-size: 15px;font-weight: 600;color: #fff;display: flex;align-items: center;justify-content: center;background: #0000007a;border-radius: 5px;border: 1px solid #0000003b;}
.reser-btn a img {width: 20px;margin-left: 5px;}

.slick-dotted.slick-slider {margin: 0;}
.slick-dots {bottom: 25px;}
.slick-dots li {margin: 0 1px;}
.slick-dots li button:before {font-size: 12px;}
.slick-dots li button:before {color: #fff;opacity: .5;}


.step-box {display: flex;align-items: center;justify-content: space-around;}
.step-box .img {margin-bottom: 10px;}
.step-box .text-box {max-width: 380px;min-width: 330px;width: 100%;}
.bg .step-box .text-box{margin-right: 0;}
.step-box .img img {width: 390px;}

/* 주요고객사 */
.partners {padding: 42px 0 80px 0;}
.partners-box .step-box {display: block;}
.partner-slider {padding: 36px 32px;}
.partner-slider .slick-slide {padding: 0 20px;}
.partner-slider div img {width: 180px;background: #fff;border-radius: 50px;}


/* 메인 지니케어 배너 */
.genie-care {background: url("/images/geniego_v3/main-carebg.png") no-repeat;background-size: cover;background-position: center;}
.genie-care .btn-add {background-color: var(--color-care);}


/**************************************
** 화주 소개
***************************************/
.tit-img {width: 380px;margin-bottom: 30px;}

/* 화주 하단 */
.owner-bg {background: url("/images/geniego_v3/owner-bg.png") no-repeat;background-size: cover;background-position: right bottom;}
.owner-box .app-btn a {background: var(--color-blue);border: 1px solid #0183db;}
.owner-box .app-btn a.pc {background: #8F4CFF;border: 1px solid #8F4CFF;}
.owner-box .app-btn a.pc img {width: 24px;}
.owner-box .app-btn a .pc-btn {margin-left: 8px;line-height: normal;color: #fff;}
.owner-box .app-btn a .pc-btn span {font-size: 9px;display: inline-block;font-weight: 200;}
.owner-box .app-btn a .pc-btn p {line-height: 15px;text-align: left;margin-top: 1px;margin-bottom: 6px;font-weight: 600;}


/**************************************
** 차주 소개
***************************************/
.driver-box .app-btn a {background: var(--color-blue);border: 1px solid #0183db;}
.driver-bg {background: url("/images/geniego_v3/driver-bg.png") no-repeat;background-size: cover;background-position: left bottom;}
.user-service .text-box {margin-bottom: 30px;}
.user-step ul {display: flex;justify-content: space-around;}
.user-step ul li div {width: 180px;height: 180px;border-radius: 50%;text-align: center;margin: 0 auto 15px;}
.user-step .img-step1 {background: #fff url("/images/geniego_v3/user-step1.png") no-repeat;background-size: 72%;background-position: center center;}
.user-step .img-step2 {background: #fff url("/images/geniego_v3/user-step2.png") no-repeat;background-size: 72%;background-position: center center;}
.user-step .img-step3 {background: #fff url("/images/geniego_v3/user-step3.png") no-repeat;background-size: 72%;background-position: center center;}
.user-step .img-step4 {background: #fff url("/images/geniego_v3/user-step4.png") no-repeat;background-size: 72%;background-position: center center;}
.user-step .sub-tit {font-size: 14px;font-weight: 600;text-align: center;}


/**************************************
** 개인 소개
***************************************/
/* 개인 하단 */
.user-box .app-btn a {background: var(--color-blue);border: 1px solid #0183db;}
.user-bg {background: #040404 url(/images/geniego_v3/user-bg.png) no-repeat;background-size: contain;background-position: right bottom;}


/**************************************
** 보도자료
***************************************/
.report-news ul li {display: flex;gap: 15px;margin-bottom: 35px;}
.report-news ul li .news-box {background: #fff;padding: 25px;border-radius: 10px;display: flex;/* flex-direction: column; *//* box-shadow: 4px 6px 13px -1px #d0dae387; */border: 1px solid #1b84ff29;}
.report-news ul li > div {width: 33.333%;}
.report-news ul li .news-box .logo {/* text-align: right; *//* border-bottom: 1px solid #eaeaea; */display: none;}
.report-news ul li .news-box img {height: 23px;margin: 0;text-align: right;}
.report-news ul li .news-box .text {display: flex;flex-direction: column;/* height: calc(100% - 20px); */}
.report-news ul li .news-box .text a {font-size: 18px;font-weight: 700;padding: 10px 0 20px 0;display: block;/* line-height: 24px; *//* border-bottom: 1px solid var(--bg); *//* margin-bottom: 15px; */}
.report-news ul li .news-box .text .sub-tit {font-size: 14px;font-weight: 500;color: var(--text-gray-600);line-height: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.report-news ul li .news-box .text .date {font-size: 12px;color: var(--text-gray-800);text-align: right;margin-top: auto;padding-top: 10px;}



/**************************************
** 고객센터 /* 숨김처리
***************************************/
.tabs {}
.tab-menu {display: flex;gap: 10px;margin-bottom: 15px;}
.tab-menu li.ui-tabs-active a {background: var(--color-blue);color: #fff;}
.tab-menu li a {background: #fff;padding: 6px 20px;border-radius: 50px;font-weight: 600;font-size: 13px;display: inline-block;border: 1px solid #f2f4f8;}
.tab-view {background: #fff;border-radius: 10px;padding: 20px;}

/* faq */
details {border-radius: 10px;overflow: hidden;cursor: pointer;}
details .accordion {height: 45px;line-height: 45px;padding: 0px 20px;font-weight: 500;}
details .accordion span {color: var(--color-blue);font-weight: 600;margin-right: 2px;font-size: 18px;display: inline-block;line-height: 24px;text-align: center;border-radius: 50px;}
details .panel {margin: 0 20px 20px 20px;background: #f2f4f8;padding: 20px;min-height: 100px;display: flex;align-items: center;border-radius: 10px;font-weight: 600;}
details .panel span {background: var(--text-gray-500);color: #fff;font-weight: 600;margin-right: 6px;font-size: 12px;width: 20px;height: 20px;display: inline-block;line-height: 20px;text-align: center;border-radius: 50px;flex: none;}


/**************************************
** 공지사항 숨김처리
***************************************/
table {font-size: 14px;}
table tr {padding: 10px;}
table thead { border-radius: 20px;overflow: hidden;}
table tbody {}
table tbody th {color: var(--text-gray-500);background: #F9F9F9;border-right: 1px solid #F2f2f2;}
table tbody td { border-bottom: 1px solid #F2f2f2;    border-top: 1px solid #F2f2f2; vertical-align: middle;}
table thead th, table thead td {padding: 10px;border: 0;text-align: inherit;}
table tbody th, table tbody td {text-align: inherit;font-weight: 500;vertical-align: middle;}


.table {}
.table dl {font-size: 14px;font-weight: 600;padding: 12px 12px 12px 25px;display: flex;align-items: center;border-bottom: 1px solid var(--bg);color: var(--text-black);height: 45px;}
.table dl:last-child {border: 0;}
.table dl.title {border-radius: 5px;background: var(--bg);font-weight: 600;}
.table dl.title dt {font-weight: 500;}
.table dl.title dd {font-size: 14px;color: var(--text-black);font-weight: 600;}
.table dl dt {}
.table dl dd {text-align: center;font-size: 11px;font-weight: 400;color: var(--text-gray-900);}

.num-count {display: flex;align-items: center;justify-content: center;padding: 20px 0;}
.num-count > div {display: flex;align-items: center;justify-content: center;}
.num-count > div a {/* background: #F9F9F9; */display: inline-block;font-size: 13px;font-weight: 600;border-radius: 135px;padding: 4px 8px;color: var(--text-gray-900);}
.num-count > div a.active {background: #E9F3FF;color: #056EE9;}
.num-count > div a.arrow-l {background: url(/images/geniego_v3/arrow-left-s-line.png);width: 28px;height: 24px;}
.num-count > div a.arrow-r {background: url(/images/geniego_v3/arrow-right-s-line.png);display: inline-block;width: 28px;height: 24px;}


/**************************************
** footer
***************************************/
/* footer */
footer {border-top: 1px solid #eaeaea;}
footer >div {padding: 35px 20px;max-width: 1320px;width: 100%;margin: 0 auto;}

footer .logo {width: 120px;}
footer .logo img {}
footer .text {}
footer .text ul { margin-top: 8px;}
footer .text ul li {font-size: 14px;color: var(--text-gray-500);display: inline-block;position: relative;font-weight: 500;}
footer .text ul li:first-child::before {display: none;}
footer .text ul li::before {content:'';display: inline-block;background: #ddd;margin: 0 12px;border-right: 1px solid #ddd;height: 10px;}
footer .copy {margin-top: 15px;font-size: 14px;color: var(--text-gray-600);}

/* 버튼 */
.btn {background: transparent;border: 0;box-sizing: border-box;cursor: pointer;}
.btn-add {color: #fff !important;padding: 10px 36px 10px 20px;font-size: 15px;border-radius: 3px;margin-top: 35px;display: inline-block;background-color: var(--color-blue);background-image: url(/images/geniego_v3/arrow-right-white.png);background-repeat: no-repeat;background-size: 20px;background-position: 90% center;}
.btn.m {height: 50px;}



/**************************************
** slick
***************************************/
/* 화주 슬라이드 */
.slider-nav {margin-top: 50px;}
.slider-nav .text {text-align: center;cursor: pointer;flex: 1;}
.slider-nav .text.slick-current .num span {background: var(--color-blue);}
.slider-nav .text .num {display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 20px;}
.slider-nav .text .num span{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;background: var(--text-gray-500);border-radius: 50%;text-align: center;color: #fff;font-size: 14px;vertical-align: top;margin-right: 5px;}
.slider-nav .text .sub-tit {font-size: 13px;margin-top: 10px;line-height: 18px;color: var(--text-gray-800);}

.slick-prev, .slick-next {}
.slider-for {margin: 30px auto 0;min-width: 800px;max-width: 800px;}


/**************************************
** 모달팝업
***************************************/
/* 공통 */
.mpopBox.open {width: auto;display: block;margin: 15px;}
.b-modal {opacity: 0.5 !important;}
.mpopBox{overflow:hidden;background-color:#fff;width: 80%;display:none;box-shadow: 2px 3px 10px 0 #0000005e;}
.mpopBox .close {background: url("/images/icon-X.png") no-repeat center;position: absolute;right: 0;background-size: 18px;width: 30px;height: 30px;margin: 10px;text-indent: -9999px;}
.mpopBox .popHeader{height:50px;line-height:50px;font-size: 16px;font-weight: 600;color:#000;padding:0px 20px;box-sizing:border-box;border-bottom: 1px solid #eaeaea;}
.mpopBox .popHeader.flex {display: flex;align-items: center;justify-content: space-between;}
.mpopBox .popBody{overflow:hidden;padding:24px 24px 0 24px;border: 3px solid #fff;}
.mpopBox .popFooter{text-align: center;margin: 10px 0 20px 0;}
.mpopBox .popFooter button {height: 50px;line-height: 50px;text-align: center;width: 180px;font-size: 16px;font-weight: 600;border-top: 1px solid #eaeaea;background: var(--color-blue);color: #fff;border-radius: 58px;}


/* 개인정보처리방침 */
.mpopBox.privacy-pop  {width: 60%;}
.mpopBox.privacy-pop .btnBox {text-align: center;}
.mpopBox.privacy-pop .btnBox button {    background: var(--color-blue);    width: 150px;    color: #fff;    font-size: 15px;    height: 40px;    border-radius: 5px;    margin: 0 20px 20px 20px;}

.mpopBox .privacy {font-size: 14px;background: #fff;overflow-y: scroll !important;height: 670px;}
.mpopBox .privacy h3 {margin: 16px 0 10px 0;font-size: 15px;}
.mpopBox .privacy p {margin-bottom: 10px;}
.mpopBox .privacy ol li,
.mpopBox .privacy ul li {margin-bottom: 8px;line-height: 18px;}




/**************************************
** 공통
***************************************/
input { border-radius: 5px;}

/* radioBox / chkBox / btn */
.radioBox label{background: url('/images/geniego_v3/radio-blue.png') no-repeat 5px 3px;background-size: 18px;font-weight: 600;}
.radioBox input[type="radio"]:checked +  label{background:url('/images/geniego_v3/radio-blue-on.png') no-repeat 5px 3px;background-size: 18px;}
.radioBox.txt input[type="radio"] + label{border:1px solid #e1e1e1; background-color:#f7f7f7; padding:5px 15px; background-image:none; font-size:13px;}
.radioBox.txt input[type="radio"]:checked +  label{border:1px solid #e56960; background-color:#fff;}

.chkBox label{background: url('/images/geniego_v3/check-blue.png') no-repeat left center;background-size: 20px;color: var(--text-gray-800);font-weight: 500;}
.chkBox input[type="checkbox"]:checked +  label{background:url('/images/geniego_v3/check-blue-on.png') no-repeat left center;background-size: 20px;color: #000;}
.login-add {width: 100%;background: var(--color-blue);padding: 12px;border-radius: 5px;color: #fff !important;font-weight: 600;display: block;text-align: center;font-size: 14px;}
hr {margin: 30px 0;}


@media (max-width: 1279px) {
}

@media (max-width: 1079px) {
    article {padding:80px 20px;}
    .textBox .titb {font-size: 34px;line-height: 45px;}
    .text.big {font-size:40px;line-height: 48px;}

    .mobile-menu-box {display: block;}
    .login-top {right: 60px !important;}

    header .container {justify-content: flex-start;}
    header .container #menu {margin-left: 130px;}
    #menu ul li a {padding: 10px;}

    .main-img-box.img3 .img3-box {flex-direction: column;gap: 16px;}
    .main-img-box.img3 .img3-box .img { max-width: 170px;}
    .main-img-box.img3 .img3-box .text-box {text-align: center;}
    .main-img-box.img3 .reser-btn {justify-content: center;margin-top: 16px;}
}

@media (max-width: 767px) {
    html, body {font-size: 14px;}
    article {padding: 60px 20px;}
    #menu {display: none;}

    /* 메인 */
    .bg .step-box {flex-direction: column;}
    .step-box {flex-direction: column-reverse;}
    
    .bg .step-box .text-box,
    .step-box .text-box {margin: 0;max-width: fit-content;min-width: auto;}
    .step-box .img img {width: 400px;}

    .textBox {text-align: center;}
    .textBox .titb {font-size: 26px;line-height: 38px;}
    .textBox .tits {font-size:14px;}

    .login-wrap .login-box { flex-direction: column;}
    .login-wrap .login-box .img {flex: none;position: relative;}
    .login-wrap .login-box .img .login-img {position: absolute;right: 0;bottom: -30px;min-width: 120px;width: 270px;margin-top: 0;}

    .main-img-box {height: 500px;}

    .partner-slider div img {margin: 20px;}
    footer .text ul li {display: block;margin:0 0 2px 0;}
    footer .text ul li::before {border: 0;margin: 0;}

    .services-slider .slider-nav .slick-track {flex-direction: column;}
    .services-slider .slider-nav .slick-track .text {width: auto !important;}
    .services-slider .slider-nav .slick-track .text .num {justify-content:start;text-align: left;margin-bottom: 5px;}
    .services-slider .slider-nav .slick-track .text .sub-tit {margin-top: 0;text-align: left;}
    .services-slider .slider-for {min-width: 300px;max-width: 800px;}
    .services-slider .slider-nav .slick-track {gap: 15px;}
    .user-step ul {flex-wrap: wrap;}
    .user-step ul li {margin-bottom: 30px;}

    .report-news ul li {flex-direction: column;margin-bottom: 15px;}
    .report-news ul li > div {width: 100%;}

    .price-box li {flex-direction: column;margin-bottom: 10px;}
    .price-box li .price-input {margin-bottom: 0;}
    .footer-btn a {width: 100%;}

    .mpopBox.privacy-pop {width: 90%;}
    .mpopBox .privacy { height: 500px;}
}

@media (max-width: 500px) {
    html, body {font-size: 12px;min-width: 400px;}
    .step-box .img img {margin-bottom: 10px;width: 280px;}

    .login-wrap .login-box .img .login-img {display: none;}
    .login-wrap .login-box .img .text1 br {display: none;}

    .tit-img {width: 280px;margin-bottom: 10px;}

    .user-step ul {flex-wrap: wrap;flex-direction: column;}
    .user-service .text-box .tits br  {display: none;}    

    .services-slider .slider-nav {margin-top: 20px;}
    
}