/* ------------------------------------------------------- Common ------------------------------------------------------- */
/* Page Title */
.page-title {
    text-align: center;
    padding: 30px 0;
    font-family: 'Noto Sans KR', sans-serif;
}
.page-title .title {font-size: 2rem; fcolor: #333;}
.page-title .memo {font-size: 0.937rem; color: #777;}

.content-titleL1 {
    font-size: 1.5rem; color: #1c1818;
    font-weight: normal;
    border-bottom: 1px solid #dbdddb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.content-titleL1:not(:first-child),
.flex.title:not(:first-child) {margin-top: 50px;}

.content-titleL1.warning::before {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 32px; height: 32px;
	background: url("../../images/res/icon/warning2.png") no-repeat center;
	background-size: 32px;
	position: relative; top: -2px;
	margin-right: 10px;
}
.content-titleL1.not-line {border: none; padding-bottom: 0;}

.tit-unit {font-size: 0.937rem;}

.content-titleL2 {
    font-size: 17px; font-size: 1.062rem;
    margin: 50px 0 20px;
    position: relative; z-index: 3;
}
.content-titleL2.line {border-bottom: 1px solid #000000; margin-bottom: 0; padding-bottom: 10px;}
.content-titleL2.line2 {border-bottom: 1px solid #000000; margin-bottom: 0; padding-bottom: 20px;}
.content-titleL2.gray {font-weight: normal; color: #555;}
.content-titleL2.sm {font-size: 1rem; margin: 30px 0 10px;}

.content-titleL2-label {margin: 50px 0 20px;}
.content-titleL2-label .content-titleL2,
.content-titleL2-label .label-area {display: inline-block; vertical-align: middle;}
.content-titleL2-label .content-titleL2 {margin: 0 15px 0 0;}

.content-titleL3 {font-size: 1.062rem; color: #312d2d; margin: 35px 0 12px;}
.content-titleL4 {font-size: 1.375rem; color: #312d2d; margin: 3.75rem 0 12px;}

.content-tit1 {font-size: 1rem; color: #333; margin: 30px 0 10px;}
.content-tit2 {font-size: 0.937rem; color: #555; margin: 20px 0 6px;}

.center-tit1 {text-align: center; font-size: 1rem; color: #333; margin-bottom: 8px;}

.sm-tit {font-size: 14px; font-weight: bold; margin: 15px 0 5px;}



/* 본문 */
.lead-tit {
	font-size: 1rem; line-height: 1.5rem; color: #333;
	margin: 20px 0 10px;
	word-break: keep-all;
}
.lead-tit:first-child {margin-top: 0;}

.lead {font-size: 0.875rem; line-height: 1.375rem; color: #777;}
.lead.black {color: #282828;}

.sm-lead {font-size: 0.812rem;}



/* Text Box1 */
.text-box1 {
	background: #dff0d8;
	padding: 40px 15px;
	text-align: center;
}
.text-box1 p {font-size: 1.125rem; font-weight: bold; line-height: 1.625rem; color: #000; word-break: keep-all;}



/* Caption */
.i-caption {
    font-size: 14px; font-size: 0.875rem; line-height: 1.5rem; color: #4d4c4c;
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
    word-break: keep-all;
}
.i-caption::before {
    content: "";
    position: absolute; left: 0; top: 5px;
    width: 15px; height: 15px;
    background: url("../../images/res/icon/info2.png") no-repeat center;
    background-size: 15px;
}
.i-caption.sm {font-size: 0.812rem; line-height: 1.375rem; color: #777;}
.i-caption.sm::before {top: 4px;}
.i-caption.sm + .i-caption {margin-top: 3px;}
.i-caption.sm:last-child {margin-bottom: 10px;}

.i-caption.st2 {font-size: 0.937rem; color: #282828;}


.i-caption2 {
    font-size: 0.812rem; line-height: 1.375rem; color: #1c1a1a;
    word-break: keep-all;
    margin-bottom: 5px;
}
.i-caption2::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px; height: 15px;
    background-image: url("../../images/res/icon/i-caption2.png");
    background-size: 15px;
    margin-right: 5px;
    position: relative; top: -2px;
}

.sm-caption {font-size: 0.812rem; color: #888;}
.sm-caption.center {text-align: center;}



/* Btn Area */
.btn-areaC1 {text-align: center; margin-top: 50px;}
.btn-areaC1 .btn {font-size: 17px; line-height: 60px; min-width: 160px;}
.btn-areaC1 .text {font-size: 1.25rem; color: #1b1919; margin: 5rem 0 3.125rem; word-break: keep-all;}



/* Tool Tip */
.tooltip {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 1px 3px;
}
.tooltip:hover .text {visibility: visible;}

.tooltip .material-icons {
	font-size: 22px;
	color: #16a027;
	cursor: pointer;
}
.tooltip .text,
.tooltip .text ul.bullet li,
.tooltip .text ul.warning li {
	display: block;
	font-size: 12px;
	margin: 0;
}

.tooltip .text {
	visibility: hidden;
	position: absolute; right: -10px; z-index: 49;
	white-space: nowrap;
	text-align: left;
	background: #fff;
	border-radius: 0.5rem;
	box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
	padding: 1.125rem;
}
.tooltip .text p {margin-top: 10px;}
.tooltip .text p:first-child {margin-top: 0;}
.tooltip .text ul li {
    border: none;
}
.tooltip .text ul.bullet li {
    line-height: 20px;
	margin: 2px 0;
	padding: 0 0 0 8px;
}
.tooltip .text ul.bullet li::before {width: 2px; height: 2px;}





.tooltip-area {position: relative;}
.tooltip-btn {
	display: inline-block;
    vertical-align: middle;
    background: none;
    border: none;
    padding: 4px;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}
.tooltip-btn img,
.tooltip-btn strong {
	display: inline-block; vertical-align: middle;
}
table th .tooltip-btn img {position: relative; top: -4px;}

.tool-tip {
    display: none;
    position: absolute; top: 32px; right: -10px; z-index: 9;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e1e3e4;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #ccc;
    padding: 10px;
    font-size: 12px; line-height: 20px; color: #333;
    text-align: left;
    word-break: keep-all;
    box-sizing: border-box;
}
.tool-tip::before {
    content: "";
    position: absolute; top: -16px; right: 14px; z-index: 2;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}
.tool-tip.bottom {left: auto;}
.tool-tip.bottom::before {
    top: -16px; right: 14px; left: auto;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}
.tool-tip.active,
.tooltip-btn:hover .tool-tip {
    display: block;
}
.tool-tip.width200 {width: 200px;}
.tool-tip.width220 {width: 220px;}
.tool-tip.width230 {width: 230px;}
.tool-tip.url {width: 266px; top: 52px; right: 0;}
.tool-tip.url input {width: 178px; height: 40px; font-size: 13px; border-radius: 0;}
.tool-tip.url .btn {width: 60px; line-height: 38px; font-size: 13px;}

.tooltip-btn.driver .tool-tip {width: 300px;}
.tooltip-btn.point .tool-tip {width: 380px;}

.content-titleL2 .tooltip-btn {position: absolute; bottom: 5px; right: 0; z-index: 2;}



/* Background Area */
div[data-bg] {background: #fff;}

.top-bg[data-bg="white"] {background: #fff; padding-bottom: 20px;}
.top-bg.not-pd[data-bg="white"] {padding-bottom: 0;}



/* Full Cover Background */
.cover-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
}
.cover-bg .center-title {
	font-size: 3.125rem; color: #fff;
}



/* Image */
img.border {border: 1px solid #e0e1e0;}



/* 약관 */
.comm-rule .group:first-child .tit {margin-top: 0;}

.agree_info h5,
.comm-rule .group .tit {
	font-size: 1.125rem;
	margin: 30px 0 10px;
}
.agree_info h6,
.comm-rule .group .sub-tit {
	font-size: 0.937rem;
	margin: 20px 0 6px;
}
.agree_info ul li,
.comm-rule .group ul li {
	font-size: 0.875rem; line-height: 1.5rem;
}
.agree_info table,
.rule-scroll table {
	width: 100%;
	border-spacing: 0px; border-collapse: collapse;
	table-layout: fixed;
}
.agree_info table th,
.agree_info table td,
.rule-scroll table th,
.rule-scroll table td {
	border: 1px solid #e9e9e9;
	font-size: 12px;
	text-align: center;
}
.agree_info table th,
.rule-scroll table th {background-color: #f4f4f4;}
.agree_info .indent-group .tit {font-weight: bold; margin: 8px 0 2px;}

.rule-accordion .rule-body dl dd .agree_info h5 {font-size: 1rem; margin: 20px 0 8px;}

.rule-scroll.box {	
	overflow-y: auto; height: 300px;
	border: 1px solid #e1e3e4;
	margin-top: 1.25rem;
	padding: 1.25rem;
	font-size: 12px;
}

.caption-bottom {font-size: 0.812rem; line-height: 1.375rem; margin-top: 5px;}



/* Background Color */
.bg-white {background: #fff;}



/* Material Icons */
.material-icons {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.material-icons.help {font-size: 22px;}



/* Card */
.card {
	background: #f7f7f7;
    border: 1px solid #f0f1f2;
    border-radius: 10px;
    padding: 1.125rem;
    font-size: 0.937rem;
    line-height: 24px;
    word-break: keep-all;
}
/* ------------------------------------------------------- //Common ------------------------------------------------------- */



/* ------------------------------------------------------- 회원가입 ------------------------------------------------------- */
/* 가입선택 */
.list-sns-area,
.login-wrapper .form-wrapper {
    width: 100%; max-width:  430px;
    margin: 0 auto;
}
.list-sns-area {
    margin-bottom: 70px;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 5px 20px;
    box-sizing: border-box;
}
.list-sns-area:last-child {margin-bottom: 0; padding-bottom: 0; border: none;}
.list-sns-area ul li {
    background: #a3a3a3;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
}
.list-sns-area ul li:last-child {margin-bottom: 0;}
.list-sns-area ul li a {
    display: block;
    font-size: 17px; font-size: 1.062rem; color: #ffffff;
    line-height: 3.75rem;
}
.list-sns-area ul li.kakao {background: #fbe300;}
.list-sns-area ul li.naver {background: #1dc700;}
.list-sns-area ul li.kakao,
.list-sns-area ul li.naver {text-align: left;}
.list-sns-area ul li.kakao a,
.list-sns-area ul li.naver a {
    padding-left: 130px;
}
.list-sns-area ul li.kakao a {color: #32151f;}
.list-sns-area ul li.kakao a::before,
.list-sns-area ul li.naver a::before {
    content: ""; display: inline-block; vertical-align: middle;
    width: 45px; height: 45px;
    background: url("../../images/res/sign/kakao.png") no-repeat center;
    background-size: 45px;
    position: absolute; left: 50px; top: 8px;
}
.list-sns-area ul li.naver a::before {background-image: url("../../images/res/sign/naver.png");}
.list-sns-area ul + .i-caption {margin-top: 30px;}
.list-sns-area ul li.apple {background: #000;}
.list-sns-area ul li.apple img {max-height: 55px;}

.sign-title {font-size: 1rem; color: #575757; margin-bottom: 15px;}
.sign-title small {font-size: 1rem; font-weight: normal;}



/* Step */
.step-location {overflow: hidden; text-align: center; margin-bottom: 45px;}
.step-location div {
    display: inline-block; vertical-align: middle; text-align: left;
    background: url("../../images/res/sign/step1-off.png") no-repeat left center;
    background-size: 104px;
    height: 104px;
    padding-left: 125px;
    padding-top: 24px;
    box-sizing: border-box;
    margin-left: 70px;
    position: relative;
}
.step-location div:first-child {margin-left: 0;}
.step-location div:nth-child(2) {background-image: url("../../images/res/sign/step2-off.png");}
.step-location div:nth-child(3) {background-image: url("../../images/res/sign/step3-off.png");}
.step-location div:nth-child(4) {background-image: url("../../images/res/sign/step4-off.png");}
.step-location div.active {background-image: url("../../images/res/sign/step1-on.png");}
.step-location div.active strong,
.step-location div.active span {color: #16a027;}
.step-location div.active:nth-child(2) {background-image: url("../../images/res/sign/step2-on.png");}
.step-location div.active:nth-child(3) {background-image: url("../../images/res/sign/step3-on.png");}
.step-location div.active:nth-child(4) {background-image: url("../../images/res/sign/step4-on.png");}

.step-location div.call {background-image: url("../../images/res/sign/call-off.png") !important;}
.step-location div.call.active {background-image: url("../../images/res/sign/call-on.png") !important;}
.step-location div.end {background-image: url("../../images/res/sign/step4-off.png") !important;}
.step-location div.end.active {background-image: url("../../images/res/sign/step4-on.png") !important;}

.step-location div::after {
    content: ""; display: block;
    position: absolute; top: 50%; right: -50px;
    transform: translateY(-50%);
    width: 20px; height: 41px;
    background: url("../../images/res/sign/arrow.png") no-repeat center;
    background-size: 20px 41px;
}
.step-location div:last-child::after {display: none;}
.step-location strong {display: block; font-size: 1rem; font-weight: normal; color: #b0b3b1;}
.step-location span {font-size: 21px; font-size: 1.312rem; color: #1f211f;}

.step-location.rent div:nth-child(1) {background-image: url("../../images/res/rent/step1-off.png");}
.step-location.rent div:nth-child(2) {background-image: url("../../images/res/rent/step2-off.png");}
.step-location.rent div:nth-child(3) {background-image: url("../../images/res/rent/step3-off.png");}
.step-location.rent div:nth-child(4) {background-image: url("../../images/res/rent/step4-off.png");}
.step-location.rent div.active:nth-child(1) {background-image: url("../../images/res/rent/step1-on.png");}
.step-location.rent div.active:nth-child(2) {background-image: url("../../images/res/rent/step2-on.png");}
.step-location.rent div.active:nth-child(3) {background-image: url("../../images/res/rent/step3-on.png");}
.step-location.rent div.active:nth-child(4) {background-image: url("../../images/res/rent/step4-on.png");}

.content-box1 {
    max-width: 720px; margin: 0 auto;
    background: #fff;
    padding: 50px 30px;
}
.content-title1 {font-size: 30px; font-size: 1.875rem; color: #1f2022; margin-bottom: 12px;}
.content-memo1 {font-size: 15px; font-size: 0.937rem; color: #7a7d80; margin-bottom: 40px;}
.content-memo1.line {border-bottom: 1px solid #e7e8e9; padding-bottom: 30px;}



.rule-accordion {overflow: hidden;}
.rule-accordion .rule-head {border-bottom: 1px solid #e7e8e9; padding: 15px 10px;}
.rule-accordion .rule-body {border-bottom: 1px solid #e7e8e9; padding: 15px 0;}
.rule-accordion .rule-body dl {margin-top: 10px;}
.rule-accordion .rule-body dl:first-child {margin-top: 0;}
.rule-accordion .rule-body dl dt,
.rule-accordion .rule-body .pd-area {
	position: relative;
	padding: 0 10px;
}
.rule-accordion .rule-body dl dt .view-btn {
    position: absolute; top: 0; right: 10px; z-index: 2;
    font-size: 14px; line-height: 20px; color: #2d90ed;
    background: none;
    border: none;
    padding: 5px;
}
.rule-accordion .rule-body dl dt .view-btn::after {
    content: "";
    display: inline-block; vertical-align: middle;
    width: 5px; height: 3px;
    background: url("../../images/res/icon/drop-dw-blue.png") no-repeat center;
    background-size: 5px 3px;
    position: relative; top: -2px;
    margin-left: 4px;
}
.rule-accordion .rule-body dl dd {
    display: none;
    font-size: 14px; font-size: 0.875rem; line-height: 1.375rem;
    border: 1px solid #e7e8e9;
    border-width: 1px 0 1px 0;
    padding: 1.25rem 12px 1.25rem 46px;
    margin: 10px 0;
}
.rule-caption {margin-top: 20px; padding: 0 10px;}

.rule-accordion .rule-body dl:last-child dd {border-bottom: none;}
.rule-accordion .agree_info {max-height: 300px; overflow-y: auto;}
.pay-group .rule-accordion {border-top: 1px solid #000;}

.int-wrapper .lb-ch .text {font-size: 0.875rem;}



/* 가입완료 */
.end-text {text-align: center;}
.end-text p {font-size: 1rem; color: #3c3a3a;}
.end-text .big {font-size: 24px; font-size: 1.5rem; margin-bottom: 6px;}
.end-text .icon {margin-bottom: 30px;}



/* 본인인증 */
.apply-select {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
}
.apply-select .col {
    display: table-cell; vertical-align: top;
    border: 1px solid #ececec;
    border-width: 0 1px 0 0;
    padding: 10px 0;
    box-sizing: border-box;
}
.apply-select .col:last-child {border: none;}
.apply-select p {font-size: 18px; font-size: 1.125rem; color: #272323; margin: 20px 0 15px;}
.apply-select .btn {min-width: 145px; line-height: 48px;}



/* 정보입력 */
.int-group {display: table; width: 100%; table-layout: fixed; margin-bottom: 10px;}
.int-group.gender {margin-bottom: 15px;}
.int-group .title-area,
.int-group .int-area {display: table-cell; vertical-align: top;}

.int-group .title-area {font-size: 0.875rem; padding-left: 18px; padding-top: 14px;}
.int-group .title-area.required {
    background: url("../../images/res/icon/basic/caption-check.png") no-repeat left 18px;
    background-size: 12px;    
}

.int-group.middle .title-area,
.int-group.middle .int-area {vertical-align: middle;}
.int-group.middle .title-area {padding-top: 0;}
.int-group.middle .title-area.required {background-position: left center;}

.int-group .license-number input {width: 16%; min-width: 0;}
.int-group .license-number input.num6 {width: 26%; width: calc(32% - 14px);}
.int-group .license-number .btn {width: 105px;}
.int-group .side-btn input {width: 80%; width: calc(100% - 104px);}
.int-group .side-btn .btn {width: 95px; padding: 0; font-size: 0.937rem; background-color: #61605f; border-color: #61605f; color: #fff;}

.int-group input[type="text"],
.int-group input[type="password"],
.int-group input[type="tel"],
.int-group input[type="number"],
.int-group input[type="email"],
.int-group input[type="search"],
.int-group select {
    height: 45px;
}
.int-group .email-form input[type="text"] {width: calc(34% - 4px);}
.int-group .addr-form .num {width: 174px;}
.int-group .addr-form .btn {
    background-color: #61605f;
    border-color: #61605f;
    color: #fff;
    font-size: 15px; font-size: 0.937rem;
}
.int-group .tel-col3 input {width: calc(33% - 3px); min-width: 0;}
.int-group .tel-col3.sideBtn input {width: calc(33% - 35px);}
.int-group .tel-col3.sideBtn .btn {width: 90px;}
.int-group .date-wrap {width: 168px;}
.int-group .date-wrap .datepicker {height: 45px; border: 1px solid #ccc; border-radius: 5px;}
.int-group .gender-area {display: inline;}

.int-group.col2 .col {display: table-cell; vertical-align: middle;}
.int-group.col2 .col .cell {display: table; width: 100%; table-layout: fixed;}
.int-group.col2 .col:first-child .cell .int-area {padding-right: 50px;}



.int-wrapper[data-width="80"] .int-group .title-area {width: 80px;}
.int-wrapper[data-width="90"] .int-group .title-area {width: 90px;}
.int-wrapper[data-width="100"] .int-group .title-area {width: 100px;}
.int-wrapper[data-width="110"] .int-group .title-area {width: 110px;}
.int-wrapper[data-width="120"] .int-group .title-area {width: 120px;}
.int-wrapper[data-width="130"] .int-group .title-area {width: 130px;}
.int-wrapper[data-width="140"] .int-group .title-area {width: 140px;}
.int-wrapper[data-width="150"] .int-group .title-area {width: 150px;}
.int-wrapper[data-width="160"] .int-group .title-area {width: 160px;}
.int-wrapper[data-width="170"] .int-group .title-area {width: 170px;}
.int-wrapper[data-width="180"] .int-group .title-area {width: 180px;}
.int-wrapper[data-width="190"] .int-group .title-area {width: 190px;}
.int-wrapper[data-width="200"] .int-group .title-area {width: 200px;}

.num-apply .code {display: inline-block; width: calc(100% - 197px); position: relative;}
.num-apply .code input {width: 100%;}
.num-apply .code .time {position: absolute; top: 14px; right: 10px; font-style: normal;}
.num-apply .btn {width: 90px;}

.sign-caption {margin-top: 50px;}

#payRule {display: none;}



/* Login */
.form-login .inp-area {position: relative;}
.form-login .inp-area input {
    width: 100%; height: 3.75rem;
    border: 1px solid #ececec;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1000px white inset;
    padding: 0 50px;
}
.form-login .form-btn {margin-top: 15px;}
.form-login .form-btn .btn {
    width: 100%;
    font-size: 17px; font-size: 1.062rem; line-height: 3.75rem;
    font-weight: bold;
    background: #a3a3a3;
    border-color: #a3a3a3;
    border-radius: 5px;
    color: #fff;
}
.form-login .inp-area::before {
    content: "";
    position: absolute; top: 19px; left: 17px; z-index: 2;
    width: 24px; height: 24px;
    background: url("../../images/res/login/id.png") no-repeat center;
    background-size: 24px;
}
.form-login .inp-area.pw::before {background-image: url("../../images/res/login/pw.png");}

.form-foot {text-align: center; padding: 10px 0; margin-bottom: 15px;}
.form-foot a {
    display: inline-block;
    font-size: 15px; font-size: 0.937rem; color: #4a4948;
    padding: 15px 15px;
    position: relative;
}
.form-foot a::after {content: "|"; position: absolute; right: -2px; top: 17px; font-size: 11px;}
.form-foot a:last-child::after {display: none;}



/* 아이디/비번 찾기 */
.find-wrapper .int-group .title-area {padding-left: 0;}
.content-box1.tab {padding: 0 0 50px; border: 1px solid #ddd;}
.content-box1.tab .int-wrapper {padding: 0 50px;}
.tab-menu1 {
    display: table; width: 100%; table-layout: fixed;
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.tab-menu1 a {
    display: table-cell; vertical-align: middle;
    font-size: 1rem; line-height: 70px;
    color: #20241f;
    background: #fff;
    border: 1px solid #ddd;
    border-width: 0 0 0 1px;
}
.tab-menu1 a:first-child {border-left: none;}
.tab-menu1 a.active {
    background: #14a526;
    color: #fff;
    font-weight: bold;
}
.top-seleted {text-align: center; margin-bottom: 35px;}
.top-seleted .lb-ch {margin-right: 20px;}
/* ------------------------------------------------------- //회원가입 ------------------------------------------------------- */



/* ------------------------------------------------------- 렌터카예약 ------------------------------------------------------- */
/* Step1 */
.rent-search-wrapper {
    background: url("../../images/res/rent/title-bg1.jpg") no-repeat center top;
    background-size: 1920px 326px;
}
.bg-title1 {
    font-size: 30px; color: #ffffff; text-align: center;
    font-weight: normal;
    padding-top: 70px;
    margin-bottom: 30px;
}

.search-wrapper {
    background: #fff;
    min-height: 240px;
    padding: 60px 30px 30px;
    box-sizing: border-box;
    box-shadow: 0 5px 5px #e1e1e1;
}
.search-wrapper dl select,
.search-wrapper .date-wrap .datepicker {font-size: 0.937rem;}

.search-wrapper .area {margin-top: 20px;}
.search-wrapper .area:first-child {margin-top: 0;}
.search-wrapper .col2 dl {width: calc(50% - 4px);}
.search-wrapper dl,
.search-wrapper dl dt,
.search-wrapper dl dd {display: inline-block; vertical-align: middle;}
.search-wrapper dl dt {
	font-size: 1rem; font-weight: bold; color: #202120;
	margin-right: 10px;
	min-width: 50px;
}
.search-wrapper dl.type dt,
.search-wrapper dl.model dt {display: none;}
.search-wrapper dl.finish {margin-left: 20px;}
.search-wrapper dl select {width: 185px; min-width: 0; height: 50px; border: 1px solid #dadbdb; padding: 0 12px;}
.search-wrapper dl select.time {width: 65px;}
.search-wrapper dl select.type {width: 120px;}
.search-wrapper dl.price dd,
.search-wrapper dl.people dd {
	width: 80%; width: calc(100% - 130px);
}
.search-wrapper dd .time-text {font-size: 14px; color: #999;}
.search-wrapper .date-wrap {width: 140px;}
.search-wrapper .date-wrap .datepicker {border: 1px solid #dadbdb; padding-left: 12px;}
.search-wrapper .btn-area {
    position: absolute; top: 136px; right: 30px; z-index: 2;
}
.search-wrapper .btn-area .btn {width: 98px; min-width: 0; line-height: 48px; margin: 0;}

.search-wrapper .area .point {margin-left: 28px;}
.search-wrapper .area .point select {width: 243px;}

.slider-range .amount-text,
.slider-range .slider-range {display: inline-block; vertical-align: middle;}
.slider-range .slider-range {margin: 0 25px 0 5px; height: 5px; padding: 0;}
.slider-range .slider-range .ui-slider-handle {width: 26px; height: 26px; border: 1px solid #d6d6d6; border-radius: 100%; top: -12px;}
.slider-range .slider-range .ui-slider-range {background: #f68121;}
.slider-range .amount-text {
    width: 86px; margin: 0; padding: 0; border: none !important;
    font-size: 12px; line-height: 18px; color: #3d3d3d;
}


.result-wrapper {margin-top: 60px;}
.result-wrapper.not-padding {margin-top: 0;}
.result-title {position: relative;}
.result-title .title {font-size: 27px; font-size: 1.687rem; color: #0e100e;}
.result-title .align-option {position: absolute; bottom: 0; right: 0; z-index: 2;}
.result-title .align-option button {margin: 0;}
.result-title .align-option button:not(:last-child) {margin-right: 2px;}
.align-option button {
    font-size: 15px; font-size: 0.937rem; color: #0e100e;
    background: none;
    margin: 0 4px;
}
.align-option:not(.info) button {border: none;}
.align-option button.active {font-weight: bold; color: #16a027;}
.align-option button.active::before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 20px; height: 13px;
    background: url("../../images/res/icon/checked.png") no-repeat center;
    background-size: 20px 13px;
}

.rent-list .loading-icon {margin-top: 25px; padding: 184px 0;}
.rent-list ul li {
    display: table; width: 100%; table-layout: fixed;
    background: #fff; margin-top: 25px;
    box-sizing: border-box;
    padding: 45px 45px 25px;
}
.rent-list .img-area {width: 336px;}
.rent-list .img-area,
.rent-list .text-area {
    display: table-cell; vertical-align: top;
}
.rent-list .text-area {padding-left: 75px;}
.rent-list .img-area .photo {
    width: 336px; height: 252px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.rent-list .img-area .photo img {
	display: none; max-width: 100%; max-height: 100%;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
}
.rent-list .img-area .photo img:first-child {display: inline-block;}
.rent-list .img-area .btn-area {text-align: center; margin-top: 12px;}
.rent-list .img-area .btn-area button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0 4px;}
.rent-list .title {font-size: 24px; color: #0e100e; margin-bottom: 20px; padding-top: 10px;}
.rent-list .info-area {position: relative;}
.rent-list .info-area .people,
.rent-list .info-area .bag {
    display: inline-block; vertical-align: middle;
    font-size: 15px;
    margin-right: 10px;
}
.rent-list .info-area .people::before,
.rent-list .info-area .bag::before {
    content: "";
    display: inline-block; vertical-align: middle;
    width: 24px; height: 24px;
    background: url("../../images/res/rent/people.png") no-repeat center;
    background-size: 24px;
    position: relative; top: -1px;
    margin-right: 4px;
}
.rent-list .info-area .bag::before {background-image: url("../../images/res/rent/bag.png");}
.rent-list .info-area .option {
    position: absolute; right: 0; bottom: -12px; z-index: 2;
    line-height: 48px;
    width: 140px;
}
.rent-list .table-wrapper {margin-top: 12px;}
.rent-list .table-wrapper .table-col > tbody > tr:last-child > td,
#carBookmarkPopup .table-wrapper .table-col > tbody > tr:last-child > td {border: none;}
.rent-list .table-wrapper .mw-block .btn {width: 90px; min-width: 0; padding: 0; line-height: 45px; height: 45px;}
.hash {font-size: 15px; color: #16a027;}

.text-btn.option {
	font-size: 15px; color: #0e100e; padding: 0 6px 0 12px;
	
	border: 1px solid #16a027;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.text-btn.option::after {
    content: "";
    display: inline-block; vertical-align: middle;
    width: 15px; height: 15px;
    background: url("../../images/res/icon/btn/arrow-down.png") no-repeat center;
    background-size: 15px;
    position: relative; top: -2px;
    margin-left: 8px;
}
.text-btn.option.active {
    color: #16a027;
}
.text-btn.option.active::after {
    background-image: url("../../images/res/icon/btn/arrow-up-green.png");
}

.rent-list .option-detail {
    position: absolute; top: 36px; right: 0; z-index: 3;
    width: 100%;
}
.option-detail {
    display: none;
    background: #fff;
    border: 1px solid #16a027;
    padding: 45px 25px;
    box-sizing: border-box;
}
.option-detail dl {
    border-top:  1px solid #e5e5e5; margin-top: 10px; padding-top: 25px;
    display: table; width: 100%; table-layout: fixed;
}
.option-detail dl:first-child {border-top:  none; margin: 0; padding: 0;}
.option-detail dl dt,
.option-detail dl dd {display: table-cell; vertical-align: top; overflow: hidden;}
.option-detail dl dt {width: 95px; font-size: 1rem; font-weight: bold; padding-top: 3px;}
.option-detail dl dd span {
    float: left; width: 25%;
    display: inline-block; vertical-align: middle;
    font-size: 0.875rem; color: #312e2e;
    margin-bottom: 15px;
    position: relative;
    opacity: .3;
}
.option-detail dl dd span img {width: 30px; height: 30px; vertical-align: middle; position: relative; top: -1px;}
/*
.option-detail dl dd span::before {
    content: "";
    display: inline-block; vertical-align: middle;
    width: 30px; height: 30px;
    background: url("../../images/res/rent/option/no-smoking.png") no-repeat center;
    background-size: 30px;
    margin-right: 4px;
}
*/
.option-detail dl dd span::after {
	display: none;
	/*
    content: "";
    display: block;
    width: 15px; height: 15px;
    background: url("../../images/res/icon/option-checked.png") no-repeat;
    background-position: 0 0;
    background-size: 15px;
    position: absolute; right: 15px; top: 7px;
    */
}
.option-detail dl dd span[data-type="on"] {opacity: 1;}
.option-detail dl dd span[data-type="on"]::after {
    background-position: 0 -15px;
}
.option-detail dl dd span.airbagL::before {background-image: url("../../images/res/rent/option/airbagL.png");}
.option-detail dl dd span.airbagR::before {background-image: url("../../images/res/rent/option/airbagR.png");}
.option-detail dl dd span.back-camera::before {background-image: url("../../images/res/rent/option/back-camera.png");}
.option-detail dl dd span.back-sensor::before {background-image: url("../../images/res/rent/option/back-sensor.png");}
.option-detail dl dd span.black-box::before {background-image: url("../../images/res/rent/option/black-box.png");}
.option-detail dl dd span.four-drive::before {background-image: url("../../images/res/rent/option/four-drive.png");}
.option-detail dl dd span.navigation::before {background-image: url("../../images/res/rent/option/navigation.png");}
.option-detail dl dd span.remote-control::before {background-image: url("../../images/res/rent/option/remote-control.png");}
.option-detail dl dd span.smart-key::before {background-image: url("../../images/res/rent/option/smart-key.png");}
.option-detail dl dd span.hot-line::before {background-image: url("../../images/res/rent/option/hot-line.png");}
.option-detail dl dd span.leather::before {background-image: url("../../images/res/rent/option/leather.png");}
.option-detail dl dd span.handle::before {background-image: url("../../images/res/rent/option/handle.png");}
.option-detail dl dd span.ventilation::before {background-image: url("../../images/res/rent/option/ventilation.png");}
.option-detail dl dd span.sunroof::before {background-image: url("../../images/res/rent/option/sunroof.png");}
.option-detail dl dd span.bluetooth::before {background-image: url("../../images/res/rent/option/bluetooth.png");}
.option-detail dl dd span.aux::before {background-image: url("../../images/res/rent/option/aux2.png");}
.option-detail dl dd span.usb::before {background-image: url("../../images/res/rent/option/usb.png");}
.option-detail dl dd span.dmb::before {background-image: url("../../images/res/rent/option/dmb.png");}
.option-detail dl dd span.wifi::before {background-image: url("../../images/res/rent/option/wifi.png");}
.option-detail dl dd span.charger-rent::before {background-image: url("../../images/res/rent/option/charger-rent.png");}
.option-detail dl dd span.aux-rent::before {background-image: url("../../images/res/rent/option/aux-rent.png");}
.option-detail dl dd span.charging-free::before {background-image: url("../../images/res/rent/option/charging-free.png");}

.rent-list2 .option-detail {
	text-align: left;
	position: absolute;
	z-index: 10;
	top: 300px;
	left: 0;
	right: 0;
	padding: 10px;
}
.rent-list2 .option-detail dl dd span {width: 50%; font-size: 12px;}
.rent-list2 .option-detail dl dd span img {width: 20px; height: 20px;}

.rent-list2 .btn.option.active::after {transform: rotate(180deg);}



#galleryView .swiper-button-prev,
#galleryView .swiper-button-next {
	background: none;
	width: auto;
	height: auto;
	bottom: 10px;
    top: auto;
}
#galleryView .swiper-button-prev {left: 50px;}
#galleryView .swiper-button-next {right: 50px;}
.gallery-top .swiper-slide {text-align: center;}
.gallery-top .swiper-slide img {height: 450px;}
.gallery-thumbs {max-width: 620px; margin: 15px 118px 0; padding: 0; box-sizing: border-box;}
.gallery-thumbs .swiper-slide {width: 110px;}
.gallery-thumbs .swiper-slide img {width: 110px; height: 80px; border: 3px solid #fff; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active img {border-color: #16a027;}

.fixed-bookmark {
    position: fixed; right: -240px; top: 50%; z-index: 51;
    width: 240px;
    transform: translateY(-50%);
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #e0e0e0;
	transition: right .5s ease;
}
.fixed-bookmark.active {right: 0;}
.fixed-bookmark .side-btn {
	position: absolute;
	left: -81px;
	top: 20%;
	transform: translateY(-50%);
	background: none;
	border: none;
}
.fixed-bookmark .side-btn img {width: 80px; display: block;}
.fixed-bookmark .side-btn i {
	font-size: 14px; color: #fff;
	font-style: normal;
	position: absolute; left: calc(50% - 4px); bottom: 7px;
}
.fixed-bookmark .side-btn i::before,
.fixed-bookmark .side-btn i::after {
	content: "(";
	display: inline;
}
.fixed-bookmark .side-btn i::after {content: ")";}
.fixed-bookmark .pd-area {padding: 30px 20px;}
.fixed-bookmark .title {
    font-size: 18px; color: #fff; text-align: center;
    background: #16a027;
    padding: 25px 10px;
}
.fixed-bookmark .bookmark-list ul li {
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 20px 20px 0;
    position: relative;
}
.fixed-bookmark .bookmark-list ul li a {
    display: block;
    text-decoration: none;
}
.fixed-bookmark .bookmark-list p {font-size: 1rem; color: #716f6f;}
.fixed-bookmark .bookmark-list p.name {font-weight: bold; color: #322c2c;}
.fixed-bookmark .bookmark-list .del {
    position: absolute; right: 0; top: 17px;
    background: none;
    border: none;
    padding: 5px;
}
.fixed-bookmark .bookmark-list .del::before {
	content: "";
	display: block;
	width: 16px; height: 16px;
	background: url("../../images/res/icon/btn/remove2.png") no-repeat center;
	background-size: 16px;
}
.fixed-bookmark .bookmark-list .del span {display: none;}
.fixed-bookmark .bookmark-list .not-content {font-size: 13px; color: #999;}
.fixed-bookmark .caption-warning {margin-top: 20px;}
.fixed-bookmark .btn-area {text-align: center; margin-top: 15px;}

button.like {
	display: inline-block; vertical-align: middle;
	background: none; border: none;
}
button.like::after {
	content: "";
	display: inline-block;
	width: 26px; height: 26px;
	background: url("../../images/res/icon/btn/like-off.png") no-repeat center;
	background-size: 26px;
}
button.like.active::after {background-image: url("../../images/res/icon/btn/like-on.png")}



/* 관심차종 팝업 */
.car-bookmark-wrapper {display: flex;}
.car-bookmark-wrapper article {
	max-width: 385px;
	background: #fff;
	padding: 30px;
	margin-left: 20px;
}
.car-bookmark-wrapper article:first-child {margin-left: 0;}
.car-bookmark-wrapper .btn-area {margin-top: 30px;}
.car-bookmark-wrapper .btn-area .btn {
	width : 100%;
	font-size: 18px; line-height: 60px;
	border-radius: 10px;
}
.car-bookmark-wrapper .photo {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.car-bookmark-wrapper .photo::after {
	content: ""; display: block; padding-bottom: 70%;
}
.car-bookmark-wrapper .title-area {position: relative;}
.car-bookmark-wrapper .c-title {
	font-size: 1.125rem; line-height: 49px; color: #000;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	padding-right: 20px;
}
.car-bookmark-wrapper .del {
    position: absolute; right: 0; top: 7px;
    background: none;
    border: none;
    padding: 5px;
}
.car-bookmark-wrapper .del::before {
	content: "";
	display: block;
	width: 22px; height: 22px;
	background: url("../../images/res/icon/btn/remove2.png") no-repeat center;
	background-size: 22px;
}
.car-bookmark-wrapper .del span {display: none;}
.car-bookmark-wrapper .date {font-size: 1rem; text-align: center; margin: 15px 0;}



/* 로그인 팝업 */
.layer-popup#loginPopup .content {text-align: center;}
.layer-popup#loginPopup .content .btn {width: 100%; max-width: 300px; line-height: 3.125rem;}



/* step2~4 */
.reservation-contents {
    display: table; width: 100%; table-layout: fixed;
    margin-top: 35px;
}
.reservation-contents .select-services,
.reservation-contents .pay-completed {
    background: #fff;
    padding: 50px 40px;
    box-sizing: border-box;
}

.right-total-price {
	text-align: right;
	margin-top: 3.125rem;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #e9e9e9;
	padding: 15px 80px;
}
.right-total-price strong {font-weight: normal; margin-right: 10px;}
.right-total-price strong,
.right-total-price span {
    display: inline-block; vertical-align: middle;
}
.right-total-price span {font-weight: bold;}



/* step2~3 */
.reservation-contents .select-services {margin-right: 420px; min-height: 900px;}
.reservation-contents .fixed-pay-info {
    position: absolute; top: 0; right: 0; z-index: 9;
    width: 390px;
}
.reservation-contents .fixed-pay-info .side-scroll-fixed {
	width: 390px;
	padding: 80px 30px 30px;
	background: #fff;
	box-sizing: border-box;
}
.reservation-contents .fixed-pay-info .side-scroll-fixed.fixed {
	position: fixed; top: 0; bottom: 0;
	height: 100vh;
	overflow-y: auto;
}
.reservation-contents .fixed-pay-info .side-scroll-fixed.fixed.foot {
	top: auto; bottom: 409px;
}
.fixed-pay-info .fixed-title {
    position: absolute; top: 0; right: 0; left: 0; z-index: 2;
    font-size: 24px; font-size: 1.5rem;
    background: #3c4452; color: #fff;
    padding: 20px 30px;
}
.fixed-pay-info .fixed-title .date {display: block; font-size: 0.812rem; margin-top: 2px;}
.fixed-pay-info .selected-title {
    font-size: 17px; font-size: 1.062rem; color: #0e100e;
    border-bottom: 1px solid #eef2f5;
    padding-bottom: 15px;
    margin: 25px 0 10px;
}
.fixed-pay-info .selected-title:first-child {margin-top: 0;}
.fixed-pay-info .photo {text-align: center; position: relative; height: 200px;}
.fixed-pay-info .photo img {
	max-width: 90%; max-height: 100%;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
}
.fixed-pay-info .selected-title.event {color: #16a027; position: relative;}
.fixed-pay-info .selected-title.event::before {
	content: "Event";
	display: inline-block;
	position: absolute; top: -22px; left: 0;
	font-size: 11px; font-weight: bold; line-height: 18px;
	background: #16a027; color: #fff;
	border-radius: 3px;
	padding: 1px 5px;
}

.fixed-pay-info .btn-area {margin-top: 30px;}
.fixed-pay-info .btn-area .btn {width: 100%; font-size: 1.062rem; font-weight: bold; line-height: 3.75rem;}
.fixed-pay-info .btn-area.col2 .btn {width: 48%; width: calc(50% - 5px);}
.fixed-pay-info .btn.toggle {display: none;}

.fixed-pay-info dl {display: table; width: 100%; margin-top: 8px;}
.fixed-pay-info dl:first-child {margin-top: 0;}
.fixed-pay-info dl dt,
.fixed-pay-info dl dd {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem; color: #767c86;
}
.fixed-pay-info dl dd {width: 90px; text-align: right; white-space: nowrap;}
.fixed-pay-info dl dd .del {
    background: none;
    border: none;
    padding: 2px 4px;
    position: absolute; right: 6px; z-index: 2;
}
.fixed-pay-info dl dd .del img {position: relative; top: -2px;}
.fixed-pay-info dl.bold dt,
.fixed-pay-info dl.bold dd {font-weight: normal; color: #232222;}
.fixed-pay-info .sum-area,
.fixed-pay-info .sum-area dl.total {border-top: 1px solid #eef2f5; margin-top: 25px; padding-top: 25px;}
.fixed-pay-info .sum-area dl.total dt {font-size: 25px; font-size: 1.562rem; font-weight: bold; color: #0e100e;}
.fixed-pay-info .sum-area dl.total dd {font-size: 2.187rem; font-weight: bold; color: #373737;}
.fixed-pay-info .sum-area dl.total dd i {font-family: 'Lato', sans-serif;}
.fixed-pay-info .mw-foot-wrapper .total-area {display: none;}

.select-inline-bg {
    display: table; width: 100%; table-layout: fixed;
    background: #f9f9fa;
    border: 1px solid #f0f1f2;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px;
}
.select-inline-bg dl {
    display: table-cell; vertical-align: middle;
}
.select-inline-bg dl dt,
.select-inline-bg dl dd {
    display: inline-block;
}
.select-inline-bg dl dt {font-size: 1rem; color: #232222;}
.select-inline-bg dl dd {width: 65%; width: calc(100% - 115px);}
.select-inline-bg dl dd select {width: 100%;}
.select-inline-bg dl:last-child {text-align: right;}

.select-item-area {display: table; width: 100%; table-layout: fixed; margin-top: 50px;}
.select-item-area .photo,
.select-item-area .text {
    display: table-cell; vertical-align: middle;
}
.select-item-area .photo {width: 335px}
.select-item-area .photo img {width: 255px;}
.select-item-area .select-area select {width: 48%;}
.select-item-area .select-area select.name {width: 60%; width: calc(100% - 142px);}
.select-item-area .select-area select.num {width: 90px;}
.select-item-area .memo-area {margin: 20px 0; font-size: 0.937rem; line-height: 1.5rem; color: #454343;}
.select-item-area .price-area {margin-top: 20px; display: flex; justify-content: space-between; align-items: center; height: 50px;}
.select-item-area .price-area .price strong {font-size: 1.875rem; font-weight: normal; color: #232222;}
.select-item-area .price-area .price strong i {font-weight: bold;}
.select-item-area .price-area .price small {font-size: 1rem; color: #797777;}
.select-item-area .price-area .btn {font-size: 1rem; line-height: 3.125rem; width: 160px;}

.coupon-intArea {display: table; width: 100%;}
.coupon-intArea dl {display: table-cell; vertical-align: middle;}
.coupon-intArea dl dt,
.coupon-intArea dl dd {display: inline-block; vertical-align: middle;}
.coupon-intArea input {width: 80%; width: calc(100% - 100px);}
.coupon-intArea .btn {width: 90px; padding: 0 10px;}
.coupon-intArea .flex {display: flex; justify-content: space-between;}
.coupon-intArea .flex select {width: 50%; margin-right: 10px;}
.coupon-intArea .flex .btn {margin-left: 5px;}



/* Step3 */
.int-wrapper.lineT {border-top: 1px solid #000000;}
.int-wrapper.typeB  .int-group {border-bottom: 1px solid #e9e9e9; margin: 0; padding: 15px 20px;} 
.typeB .int-group .title-area {font-size: 1rem;}

.pay-group .int-wrapper.typeB .int-group:first-child {border-top: 1px solid #000;}

.top-memo-btn-area {
    position: relative;
    border-bottom: 1px solid #e9e9e9; padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    min-height: 60px;
}
.top-memo-btn-area .memo {font-size: 0.937rem; line-height: 1.5rem;}



/* 결제완료 */
.cell2-area {display: table; width: 100%; table-layout: fixed;}
.cell2-area .img-area,
.cell2-area .text-area {
    display: table-cell; vertical-align: middle;
}
.cell2-area .img-area {width: 336px;}
.cell2-area .img-area .photo {
    width: 336px; height: 252px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.cell2-area .text-area {padding-left: 75px;}
/* ------------------------------------------------------- //렌터카예약 ------------------------------------------------------- */



/* ------------------------------------------------------- 제주여행 ------------------------------------------------------- */
/* 상담 검색폼 */
.top-search-wrapper {
    height: 314px;
    background: url("../../images/res/banner/top/search/food.jpg") no-repeat center;
	display: flex;
	align-items: center;
	flex-flow: column;
	position: relative;
}
.top-search-wrapper[data-img-bg="tour"] {background-image: url("../../images/res/banner/top/search/tour.jpg");}
.top-search-wrapper[data-img-bg="sale"] {background-image: url("../../images/res/banner/top/search/sale.jpg");}
.top-search-wrapper .form-area {padding-top: 70px;}
.top-search-wrapper dl {margin-top: 15px;}
.top-search-wrapper dl dt,
.top-search-wrapper dl dd {
	display: inline-block; vertical-align: middle;
}
.top-search-wrapper dl dt {
	font-size: 1.062rem; color: #fff;
	text-align: right;
	min-width: 90px;
	padding-right: 20px;
    position: relative; top: -1px;
}
.top-search-wrapper .btn-area {text-align: center; margin-top: 30px;}
.top-search-wrapper .btn-area .btn {font-size: 1.062rem; line-height: 45px; min-width: 150px;}

.map-wrapper {background: #fff; padding: 70px 0;}
.map-wrapper .map-area {text-align: center;}
.map-wrapper .map-area #map {height: 450px;}



/* 맛집 리스트 */
.food-list ul {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.food-list ul li {
	width: calc(33% - 14px);
    background: #fff;
    margin: 0 26px 26px 0;
    position: relative;
}
.food-list ul li:nth-child(3n + 0) {margin-right: 0;}

.food-list.stay ul li {padding-bottom: 60px;}

.food-list .photo {position: relative; overflow: hidden;}
.food-list .photo .img-area {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-color: #ddd;
    transition: transform 1s ease;
}
.food-list .photo .img-area::after {content: ""; display: block; padding-bottom: 100%;}
.food-list .photo:hover .img-area {
    transform: scale(1.2);
}
.food-list .photo .top {
    position: absolute; left: 15px; top: 15px; z-index: 2;
    display: inline-block;
    font-size: 13px; color: #383737;
    line-height: 32px;
    background: #fff;
    border-radius: 20px;
    padding:  0 15px;
    box-sizing: border-box;
    max-width: calc(100% - 30px);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.food-list .photo .top .star img {height: 10px; position: relative; top: -2px;}
.food-list .photo .img-more-btn {
    position: absolute; bottom: 15px; right: 15px; z-index: 2;
    width: 55px; height: 55px;
    background: rgba(0,0,0,.6);
    border: none;
    border-radius: 50%;
    font-size: 22px; font-weight: bold; color: #ffffff;
}
.food-list .photo .img-more-btn::before {
    content: "+";
    display: inline-block;
}
.food-list .info {padding: 20px;}
.food-list .category {font-size: 0.875rem; color: #505050; padding: 0 10px;}
.food-list .title {
    font-size: 1.312rem; color: #000;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px 10px;
    margin-bottom: 10px;
}
.food-list .title strong,
.food-list .title span {
    display: inline-block; vertical-align: middle;
}
.food-list .title strong {
    font-weight: normal; max-width: calc(100% - 110px);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.food-list .title strong.block {max-width: 100%;}
.food-list .title .star2 img {height: 20px; position: relative; top: -3px;}

.food-list .title.line1 {padding: 0 10px 10px;}
.food-list .title.line1 strong {max-width: calc(100% - 65px);}

.food-list .memo {
    font-size: 0.875rem; color: #383737;
    padding: 0 10px;
}
.food-list .memo dl {
	display: flex; margin-top: 10px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.food-list .memo dl:first-child {margin-top: 0;}
.food-list .memo dl dt::after {content: ":"; display: inline-block; margin: 0 5px;}
.food-list .memo dl dd {
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
	font-size: 14px;
	line-height: 20px;
}
.food-list .memo dl dd.line2 {
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 40px;
}
.food-list .memo dl dd.line2.addr {height: auto; max-height: 40px;}

.food-list .btn-area {margin-top: 20px;}
.food-list .btn-area .btn {
    font-size: 0.875rem;
    line-height: 2.125rem;
    padding: 0 12px;
}
.food-list .btn-area .btn::before {
    content: "";
    display: inline-block; vertical-align: middle;
    width: 12px; height: 14px;
    background: url("../../images/res/icon/btn/call.png") no-repeat center;
    background-size: auto 14px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.food-list .btn-area {text-align: center;}
.food-list .btn-area.line1 {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.food-list .btn-area .btn.map::before {background-image: url("../../images/res/icon/btn/location.png");}
.food-list .btn-area .btn.home::before {background-image: url("../../images/res/icon/btn/homepage.png");}
.food-list .btn-area .btn.call {display: none;}



/* 여행책자 */
.tour-book-wrapper {
    height: 595px;
    background: url("../../images/res/banner/top/book/bg.jpg") no-repeat center;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.tour-book-wrapper p {font-size: 30px; font-size: 1.875rem; color: #fff; word-break: keep-all;}
.tour-book-wrapper p.big {font-size: 3.437rem; margin-bottom: 10px;}
.tour-book-wrapper .btn-area {margin-top: 40px;}
.tour-book-wrapper .btn-area .btn {
    font-size: 1.125rem; line-height: 3.125rem;
    min-width: 160px;
}
.tour-book-wrapper .e-down {margin-top: 2rem; color: #fff;}
.tour-book-wrapper .e-down a {margin-left: 10px;}



/* 관광지 할인쿠폰 */
section.tour-coupon iframe {width: 100%;}
.iframe-wrapper {padding: 50px 0;}



/* LPG 충전소 안내 */
.lpg-info .text {margin-top: 0.625rem; text-align: center;}
.lpg-info .txt {font-size: 0.875rem; line-height: 1.375rem; text-align: left;}
.lpg-info .btn {
	font-size: 0.812rem; color: #fff;
	line-height: 33px;
	background-color: #ffab26;
	border-color: #ffab26;
	padding: 0 10px;
	margin-top: 0.937rem;
}

.lpg-tb {margin-top: 25px; white-space: nowrap; overflow-x: auto;}
.lpg-tb table {margin-bottom: 15px; width: auto;}
.lpg-tb table th,
.lpg-tb table td {
	font-size: 0.75rem !important;
	padding: 8px 8px !important;
}



/* 전기차 충전안내 */
.ev-top {margin-bottom: 3.125rem; text-align: center;}
.ev-top .txt {font-size: 0.875rem; line-height: 1.375rem; text-align: left; margin-top: 0.625rem;}
.ev-top .btn {
	color: #fff;
	background-color: #f6a531;
	border-color: #f6a531;
	margin-top: 1.25rem;
}

.ev-manual {margin-bottom: 1.25rem;}
.ev-manual figure {margin-bottom: 20px; text-align: center; position: relative;}
.ev-manual figcaption {text-align: center; font-size: 0.875rem; margin: 8px 0;}
/* ------------------------------------------------------- //제주여행 ------------------------------------------------------- */



/* ------------------------------------------------------- 마이페이지 ------------------------------------------------------- */
/* common */
.my-menu nav {text-align: center;}
.my-menu nav a {
    display: inline-block; vertical-align: top; text-decoration: none;
    width: 100px; word-break: keep-all;
    margin-right: 15px;
}
.my-menu nav a:last-child {margin-right: 0;}
.my-menu nav a img {margin-bottom: 10px;}
.my-menu nav a p {font-size: 1rem; line-height: 1.25rem; color: #1d1a1a;}
.my-menu .toggle-btn {display: none;}

.my-contents,
.service-contents,
.board {
    background: #fff;
    padding: 60px 40px;
    margin-top: 35px;
    box-sizing: border-box;
}
.my-contents td .photo img {max-width: 100px;}
.my-contents td.mw-btn-area .btn {font-size: 1rem; height: 45px; line-height: 43px; min-width: 90px; padding: 0 10px;}

.form-top-option {text-align: center; margin: 30px 0 20px;}
.form-top-option .lb-ch3 input[type="radio"] + label,
.form-top-option .lb-ch3 input[type="checkbox"] + label {
    min-width: 85px; height: 50px; line-height: 48px;
    padding: 0 5px;
    font-size: 1rem;
    color: #474847;
}
.form-top-option .btn {min-width: 85px; line-height: 48px;}



/* 포인트 */
.point-typeA {
    margin: 40px 0 30px; overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.point-typeA dl {
    float: left; margin-left: 30px;
    width: 25%;
    border: 1px solid #dadada;
    padding: 20px;
    box-sizing: border-box;
}
.point-typeA dl:first-child {margin-left: 0;}
.point-typeA dl dt {display: block; font-size: 1rem; color: #9e9a9a; margin-bottom: 5px;}
.point-typeA dl dd {display: block; font-size: 2.25rem; font-weight: bold; color: #434141; text-align: right;}



/* 쿠폰 리스트 */
.option-select {text-align: right; margin-bottom: 15px;}
.coupon-wrapper .option-select {margin-bottom: 40px;}

.coupon-list .coupon {
    display: inline-block; vertical-align: top;
    width: 47%; width: calc(50% - 18px);
    margin: 0 30px 60px 0;
    border: 1px solid #dadada;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}
.coupon-list .coupon:nth-child(2n + 0) {margin-right: 0;}
.coupon-list .del {
    position: absolute; top: -30px; right: 2px; z-index: 2;
    background: none;
    border: none;
}
.coupon-list .foot-area {text-align: center; margin-top: 20px;}
.coupon-list .foot-area .btn {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.812rem;
    min-width: 120px;
}
.coupon-list .title {
    font-size: 2.25rem; font-weight: bold; color: #14a526; text-align: center;
    border-bottom: 1px solid #e3e2e2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.coupon-list .sub-title {font-size: 1rem; color: #9e9a9a; text-align: center; margin-bottom: 5px;}
.coupon-list dl {margin-top: 5px;}
.coupon-list dl dt,
.coupon-list dl dd {
    display: inline-block; vertical-align: top;
    font-size: 1rem; font-weight: bold; color: #434141;
    line-height: 1.375rem;
}
.coupon-list dl dt::after {
    content: ":";
    display: inline-block; vertical-align: top;
    margin: 0 0 0 4px;
    position: relative; top: -1px;
}
.coupon-list .list-hyphen {margin-top: 20px;}
.coupon-list .list-hyphen li {font-size: 0.937rem; color: #777777;}



/* 후원내역 */
.table-wrapper .right-total-price.top {padding: 0 0 10px 0; border: none;}



/* 회원탈퇴 */
.check-title {font-size: 1.437rem; color: #0e100e; margin: 50px 0 15px;}
.check-title.lineB {border-bottom: 1px solid #c7c6c6; padding-bottom: 15px; margin-bottom: 25px;}
.check-title::before {
    content: "";
    display: inline-block; vertical-align: middle;
    width: 26px; height: 23px;
    background: url("../../images/res/title/check.png") no-repeat center;
    background-size: 26px 23px;
    position: relative; top: -3px;
    margin-right: 10px;
}

.col2-label-area {overflow: hidden;}
.col2-label-area .lb-ch {
    float: left; width: 50%; margin: 0 0 10px 0;
}
.col2-label-area .other {height: 40px; width: 50%; width: calc(100% - 135px); margin-left: 10px;}

.out-info {margin-top: 40px;}
.out-info .icon {width: 130px;}
.out-info .bold {font-size: 1.125rem; color: #0e100e; margin-bottom: 10px;}
.out-info .memo {font-size: 1rem; line-height: 2.125rem;}

.my-contents .end-wrapper {margin-top: 50px;}



/* 예약취소 */
.int-group .bank-wrap .name {display: inline-block;}
.int-group .bank-wrap .name .tit::after {content: " :";}
/* ------------------------------------------------------- //마이페이지 ------------------------------------------------------- */



/* ------------------------------------------------------- 타보카 ------------------------------------------------------- */
/* 웰니스카 */
.full-cover {
	background: url("../../images/res/banner/top/tabocar/bg.jpg") no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 6.25rem 0;
}
.full-cover[data-img="pat"] {background-image: url("../../images/res/banner/top/tabocar/bg2.jpg");}
.full-cover[data-img="event"] {background-image: url("../../images/res/banner/top/event/top-bg.jpg"); height: 310px;}
.full-cover[data-img="long"] {background-image: url("../../images/res/banner/main/long.jpg"); min-height: 738px;}
.full-cover[data-img="tour"] {background-image: url("../../images/res/banner/main/tour.jpg"); min-height: 728px;}
.full-cover[data-img="center"] {background-image: url("../../images/res/banner/main/center.jpg"); min-height: 728px;}

.full-cover .s-title {font-size: 1.937rem; color: #fff;}
.full-cover .title {font-size: 3.437rem; color: #fff;}
.full-cover .memo {font-size: 1.312rem; line-height: 2.125rem; color: #fff; margin-top: 1.625rem;}
.full-cover .btn-area {margin-top: 2.125rem;}
.full-cover .btn-area .btn {font-size: 1.125rem; line-height: 3rem; min-width: 240px;}

.title-contentA {
	text-align: center;
	padding: 6.25rem 0 4.375rem;
}
.title-contentA .title {font-size: 2.875rem; color: #312d2d; margin-bottom: 2.5rem;}
.title-contentA .memo {font-size: 1.125rem; line-height: 2.125rem;}

.title-col3-item {padding: 4.375rem 0;}
.title-col3-item .title {width: 200px; font-size: 1.625rem;}
.title-col3-item .title span:last-child::after {
	content: ">";
	display: inline-block;
	margin-left: 10px;
}
.title-col3-item .title span {display: block;}
.title-col3-item .item dl {
	display: inline-block; vertical-align: top;
	width: calc(33% - 1px);
	padding-left: 120px;
	position: relative;
}
.title-col3-item .item dl dt {font-size: 1.625rem; margin-bottom: 0.625rem;}
.title-col3-item .item dl dt::before {
	content: "";
	position: absolute; top: 0; left: 0;
	width: 95px; height: 74px;
	background: url("../../images/res/icon/well/item-01.png") no-repeat center;
	background-size: 95px 74px;
}
.title-col3-item .item dl:nth-child(2) dt::before {background-image: url("../../images/res/icon/well/item-02.png");}
.title-col3-item .item dl:nth-child(3) dt::before {background-image: url("../../images/res/icon/well/item-03.png");}
.title-col3-item .item dl dd {font-size: 1rem; color: #5d5c5c;}
.title-col3-item .item dl dd span {display: block;}

.well-product {padding: 4.375rem 0;}
.well-product .title {font-size: 2.875rem; color: #312d2d; margin-bottom: 1.875rem;}
.well-product .memo {font-size: 1.125rem; color: #7e7a7a;}
.well-product a {
	display: inline-block;
	margin-top: 1.25rem;
	font-size: 1.75rem; color: #312d2d;
	position: relative;
	text-decoration: none;
}
.well-product a::after {
	content: "";
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 1px;
	background: #312d2d;
}
.well-product .car {
	position: absolute; bottom: -195px; right: 0; z-index: 2;
}

.well-option,
.pat-service {
	background: #2a2a4c;
	padding: 4.375rem 0;
	text-align: center;
}
.well-option .title,
.pat-service .title {
	font-size: 2.25rem; font-weight: normal; color: #fff;
	text-align: left;
	margin-bottom: 3.125rem;
}
.well-option .cell-row {
	display: flex;
	justify-content: space-between;
}
.well-option .cell-row > div {display: block;}
.well-option img {margin-bottom: 0.625rem;}
.well-option p {font-size: 1.25rem; color: #fff;}

.well-info-wrapper {padding: 4.375rem 0 6.25rem;}
.tab-title {font-size: 2.25rem; font-weight: normal; color: #312d2d; margin-bottom: 2.5rem;}



/* 팻 프랜들리카 */
.title-contentB .container {
	background: url("../../images/res/pat/bg.jpg") no-repeat right bottom;
	padding-top: 10.625rem;
	padding-bottom: 7.5rem;
}
.title-contentB .memo {font-size: 2.812rem; line-height: 4.5rem;}
.title-contentB .memo strong {font-size: 2.937rem;}

.pat-service .icon,
.pat-service .text {display: inline-block; vertical-align: top;}
.pat-service .icon {padding-right: 0.937rem;}
.pat-service .text {text-align: left; padding-top: 0.625rem;}
.pat-service .p-title {font-size: 1.25rem; color: #dadada;}
.pat-service .p-memo {font-size: 1.125rem; color: #dadada; line-height: 1.875rem; margin-top: 1.25rem;}

.container-cover {
	background: url("../../images/res/pat/bg2.jpg") no-repeat center;
	background-size: cover;
	height: 334px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-align: center;
	padding: 0 15px;
	box-sizing: border-box;
}
.container-cover.marginB {margin-bottom: 6.25rem;}
.container-cover .title,
.container-cover .memo {color: #fff;}
.container-cover .title {font-size: 1.625rem; font-weight: normal; margin-bottom: 1.5rem;}
.container-cover .memo {font-size: 1.125rem; line-height: 2rem;}

.pat-item {margin-bottom: 6.25rem;}
.pat-item .photo,
.pat-item .text {
	vertical-align: top;
}
.pat-item .photo {width: 652px;}
.pat-item .photo img {max-width: 100%;}
.pat-item .text {padding-top: 70px; padding-left: 1.875rem;}
/* ------------------------------------------------------- //타보카 ------------------------------------------------------- */



/* ------------------------------------------------------- 고객센터 ------------------------------------------------------- */
/* 지점안내 */
.full-cover2 {
	background: url("../../images/res/banner/top/service-bg.jpg") no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 4rem 0;
}
.full-cover2 .title {font-size: 1.75rem; color: #fff; margin-bottom: 1.875rem; padding: 0 15px; word-break: keep-all;}
.full-cover2[data-img="company"] {background-image: url("../../images/res/company/sub-top-bg.jpg");}
.full-cover2[data-img="company"] .title {font-weight: normal;}

.icon-menu a {
	display: inline-block; vertical-align: middle;
	font-size: 1.062rem; color: #fff;
	margin-right: 20px;
	text-decoration: none;
}
.icon-menu a:last-child {margin-right: 0;}
.icon-menu a::before {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 30px; height: 30px;
	background: url("../../images/res/icon/service/guide-01.png") no-repeat;
	background-position: 0 0;
	background-size: 30px;
	position: relative; top: -2px;
	margin-right: 5px;
}
.icon-menu a.active {color: #14a526; font-weight: bold;}
.icon-menu a.active::before {background-position: 0 -30px;}

.icon-menu .service2::before {background-image: url("../../images/res/icon/service/guide-02.png");}
.icon-menu .service3::before {background-image: url("../../images/res/icon/service/guide-03.png");}
.icon-menu .service4::before {background-image: url("../../images/res/icon/service/guide-04.png");}
.icon-menu .service5::before {background-image: url("../../images/res/icon/service/guide-05.png");}
.icon-menu .service6::before {background-image: url("../../images/res/icon/service/guide-06.png");}
.icon-menu .service7::before,
.icon-menu .service8::before {background-image: url("../../images/res/icon/service/guide-07.png");}
.icon-menu .service9::before {background-image: url("../../images/res/icon/service/guide-09.png");}

.icon-menu .company1::before {background-image: url("../../images/res/icon/service/company-01.png");}
.icon-menu .company2::before {background-image: url("../../images/res/icon/service/company-02.png");}
.icon-menu .company3::before {background-image: url("../../images/res/icon/service/company-03.png");}
.icon-menu .company4::before {background-image: url("../../images/res/icon/service/company-04.png");}
.icon-menu .company5::before {background-image: url("../../images/res/icon/service/company-05.png");}
.icon-menu .company6::before {background-image: url("../../images/res/icon/service/company-06.png");}



.action-row-group {margin-top: 40px;}
.action-row-group .cell-row > div {vertical-align: middle;}
.action-row-group .cell-row {margin-top: 3.125rem;}
.action-row-group .cell-row:first-child {margin-top: 0;}
.action-row-group .photo {width: 240px;}
.action-row-group .text dt {font-size: 1.062rem; font-weight: bold; color: #434543; margin-bottom: 1rem;}
.action-row-group .text dd {font-size: 1rem; line-height: 1.875rem; color: #434543;}

.offices-guide,
.history-wrapper,
.carList-wrapper {margin-top: 30px;}
.offices-guide .map-area {margin-top: 20px;}
.map-area .root_daum_roughmap {width: 100% !important;}


.side-line-btn {
	font-size: 0.875rem; color: #1f1f1f;
	border: 1px solid #1f1f1f;
	border-radius: 3px;
	padding: 6px 12px;
	margin-left: 10px;
}
.side-line-btn:hover {text-decoration: none;}
.side-line-btn.map::before,
.side-line-btn.tel::before {
	content: url("../../images/res/icon/btn/map.png");
	display: inline-block; vertical-align: middle;
	margin-right: 2px;
}
.side-line-btn.tel::before {content: url("../../images/res/icon/btn/tel.png");}
.side-line-btn.tel {display: none;}



/* 반납안내 */
.basic-btn-area {text-align: center; margin: 1.875rem 0 3.125rem;}
.basic-btn-area .btn {line-height: 3.125rem;}
.basic-btn-area .btn.video {min-width: 220px;}
.basic-btn-area.lineT {border-top: 1px solid #e0e1e1; padding-top: 1.5rem;}

.guide-step > div {position: relative;}
.guide-step > div::after {
	content: url("../../images/res/guides/arrow.png");
	position: absolute; top: 30%; right: 6px;
}
.guide-step > div:last-child::after,
.guide-step > div.last::after {display: none;}
.guide-step figure img {margin-bottom: 1.375rem;}
.guide-step .step {font-size: 0.937rem; font-weight: bold; color: #14a526; margin-bottom: 5px;}
.guide-step .memo {font-size: 1.062rem; line-height: 1.625rem;}



/* 예약취소 및 환불안내 */
.foot-type-body p {font-size: 1rem; line-height: 1.5rem; margin-top: 15px; position: relative;}
.foot-type-body p.warning {padding-left: 20px;}
.foot-type-body p.warning::before {
	content: "※";
	position: absolute;
	left: 0;
}

.foot-tel-info dl,
.foot-tel-info dt,
.foot-tel-info dd {display: inline;}
.foot-tel-info dt {font-weight: bold;}
.foot-tel-info dl dd::after {
	content: "/";
	display: inline;
	margin: 0 0 0 4px;
}
.foot-tel-info dl:last-child dd::after {display: none;}



/* 회원등급안내 */
.member-guides {
	background: url("../../images/res/guides/member/bg.jpg") no-repeat center;
	background-size: cover;
	padding: 3.75rem 0;
}
.member-guides .m-title,
.member-guides .m-memo {color: #fff; text-align: center;}
.member-guides .m-title .point,
.member-guides .m-memo .point {font-weight: normal; color: #15de2e;}
.member-guides .m-title {font-size: 1.375rem; font-weight: normal; margin-bottom: 10px;}
.member-guides .m-memo {font-size: 1rem;}

.flex-tableA {display: table; width: 100%; table-layout: fixed; margin: 1.875rem 0 10px;}
.flex-tableA .col {
	display: table-cell;
	border: 1px solid #454644;
	border-width: 0 0 0 1px;
}
.flex-tableA .col:last-child {border-width: 0 1px 0 1px;}
.flex-tableA .col > div {
	font-size: 0.937rem; text-align: center; color: #1b1a1a;
	background-color: rgba(255,255,255,.7);
	border-bottom: 1px solid #454644;
	display: flex;
	height: 100px;
	align-items: center;
	justify-content: center;
	padding: 10px 5px;
	word-break: keep-all; 
}
.flex-tableA .col > div:first-child {height: 80px;}
.flex-tableA .col > div:last-child {border-bottom: none;}
.flex-tableA .col > div.th {
	font-size: 1.062rem; font-weight: bold; color: #085011;
	background-color: rgba(227,252,225,.7);
}
.flex-tableA .col.left-th {width: 14%;}
.flex-tableA .col.left-th > div {
	font-size: 1.062rem; font-weight: bold; color: #fff;
	background-color: rgba(20,165,38,.3);
}
.flex-tableA .col .title {display: none;}

.cover-caption {font-size: 0.937rem; color: #cbc1bf; margin-top: 10px;}



/* 210624 회원등급안내 */
.service-card {
	background-color: #1f8cd1 !important;
	border-radius: 0.625rem;
	font-size: 0.937rem; color: #fff;
	line-height: 1.375rem;
	padding: 1.125rem;
	word-break: keep-all;
	margin-bottom: 1.25rem;
}

.member-card ul {display: flex; overflow-x: auto; white-space: nowrap;}
.member-card ul li {
	border: 1px solid #166832;
	border-radius: 0.625rem;
	padding: 0.937rem;
	text-align: center;
}
.member-card ul li:not(:last-child) {margin-right: 1.125rem;}
.member-card ul li img {height: 4.375rem; margin-bottom: 0.937rem;}
.member-card ul li h4 {font-size: 1rem; margin-bottom: 0.625rem;}
.member-card ul li p {font-size: 0.875rem; color: #777;}

.benefit dl {border-top: 1px solid #e2e2e2; padding-top: 16px;}
.benefit dl:not(:last-child) {margin-bottom: 20px;}
.benefit dt {font-size: 1.062rem; margin-bottom: 0.937rem;}
.benefit dd li {display: flex; align-items: center;}
.benefit dd li:not(:last-child) {margin-bottom: 15px;}
.benefit dd li img {height: 60px; margin-right: 0.937rem;}
.benefit dd li .text {word-break: keep-all;}
.benefit dd li h4 {font-size: 0.937rem; margin-bottom: 5px;}
.benefit dd li p {font-size: 0.812rem; color: #777;}



/* 부가서비스안내 */
.sup-service-area {
	margin-top: 3.125rem; padding: 0 20px; position: relative;
	background: url("../../images/res/service/sup/bg.jpg") no-repeat center top;
}
.sup-service-area .cell-row > div {vertical-align: top;}
.sup-service-area .photo {width: 500px;}
.sup-service-area .text {padding-top: 3.125rem; padding-left: 4.375rem;}
.sup-service-area .tit {font-size: 2.125rem; color: #312d2d; margin-bottom: 20px;}
.sup-service-area .des {font-size: 1rem; line-height: 1.75rem;}

.sup-service-area .swiper-button-next,
.sup-service-area .swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/res/swiper/next-white-circle2.png");
	right: -8px;
}
.sup-service-area .swiper-button-prev,
.sup-service-area .swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/res/swiper/prev-white-circle2.png");
	left: -8px;
}
.sup-service-area .swiper-button-prev,
.sup-service-area .swiper-button-next {
	width: 51px;
	height: 51px;
	background-size: 51px;
}

.service-items > div {margin-bottom: 50px;}
.service-items .img-center {text-align: center; margin-bottom: 15px;}
.service-items .img-center img {height: 230px;}
.service-items .txt {padding: 0 10px;}
.service-items .price {font-size: 1.125rem; margin-top: 10px; padding: 0 20px;}

.sup-service-card .items {display: flex; overflow-x: auto; white-space: nowrap;}
.sup-service-card .items > div {
	flex: 0 0 200px;
	border: 1px solid #166832;
	border-radius: 0.625rem;
	padding: 0.937rem;
}
.sup-service-card .items > div:not(:last-child) {margin-right: 15px;}
.sup-service-card .items .img {height: 6.875rem; margin-bottom: 0.937rem; position: relative;}
.sup-service-card .items .img img {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.sup-service-card .items .tit {font-size: 1rem; margin-bottom: 10px; text-align: center;}
.sup-service-card .items .txt {font-size: 0.875rem;}
.sup-service-card .items ul {margin-top: 5px; white-space: normal;}
.sup-service-card .items ul li {
	font-size: 13px;
	line-height: 20px;
	color: #777;
	padding-left: 9px;
	margin-top: 0;
}

.sup-service-card .items .swiper-slide {height: auto;}





/* 자차안내 */
.service-contents .popup-typography {
	font-size: 0.937rem; line-height: 1.5rem;
	max-height: none;
	overflow-y: visible;
}
.service-contents .popup-typography .tit {margin: 20px 0 5px;}



/* 예약안내 */
.reservation-guide {max-width: 1080px; margin: 1.875rem auto 0;}
.reservation-guide .item {
	display: flex;
	align-items: center;
	padding: 1.25rem 0;
}
.reservation-guide .item:first-child {padding-top: 0;}
.reservation-guide .item:last-child {padding-bottom: 0;}
.reservation-guide .item:not(:last-child) {border-bottom: 1px solid #e5e4e4;}
.reservation-guide .item .img {flex: 0 0 5rem; margin-right: 1.25rem;}
.reservation-guide .item .img img {width: 100%;}
.reservation-guide .item dt {font-size: 1rem; font-weight: bold; color: #4d4d4d; margin-bottom: 5px;}
.reservation-guide .item dd,
.reservation-guide .item ul.bullet li {
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #777;
	margin: 4px 0;
}
.reservation-guide .item ul.bullet li::before  {width: 3px; height: 3px; background: #777; top: 10px;}
/* ------------------------------------------------------- //고객센터 ------------------------------------------------------- */



/* ------------------------------------------------------- 회사소개 ------------------------------------------------------- */
/* 메인 */
.cover-bg[data-img="company"] {
	background-image: url("../../images/res/company/top-bg.jpg");
	padding: 18.75rem 0;
}
.cover-bg[data-img="vision"] {
	background-image: url("../../images/res/company/vision-bg.jpg");
	padding: 9.375rem 0;
}

.company-knowhow {padding: 3.125rem 0;}
.company-knowhow .cell-row > div {vertical-align: top;}
.company-knowhow .text {padding-right: 4.375rem;}
.company-knowhow .photo {width: 620px;}

.company-title {font-size: 3.125rem; margin-bottom: 0.937rem; padding-top: 1.25rem;}
.company-title2 {font-size: 2.25rem; margin-bottom: 3.125rem; text-align: center;}
.company-memo {font-size: 1rem; line-height: 1.875rem; margin-bottom: 0.937rem;}

.knowhow-quick {text-align: center; margin-top: 2.25rem;}
.knowhow-quick a {
	display: inline-block; vertical-align: middle;
	width: 148px; height: 148px;
	background: #e9ecf2;
	border-radius: 50%;
	font-size: 1rem; color: #363434;
	text-decoration: none;
	margin: 0 10px;
	box-sizing: border-box;
	padding-top: 30px;
}
/* .knowhow-quick a strong {text-decoration: underline;} */
.knowhow-quick strong {display: block; margin-top: 10px;}

.company-service {padding: 7.5rem 0 4.375rem;}
.company-service .cell-row {
	display: flex;
	justify-content: space-between;
}
.company-service .cell-row > div {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 366px;
	padding: 40px 20px;
	box-sizing: border-box;
	margin-right: 15px;
	width: 25%;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}
.company-service .service1 {background-image: url("../../images/res/company/service-01.jpg");}
.company-service .service2 {background-image: url("../../images/res/company/service-02.jpg");}
.company-service .service3 {background-image: url("../../images/res/company/service-03.jpg");}
.company-service .service4 {background-image: url("../../images/res/company/service-04.jpg");}
.company-service .title {font-size: 1.625rem; color: #fff; margin-bottom: 3.125rem;}
.company-service .memo {font-size: 1rem; line-height: 1.5rem; color: #fff; position: relative;}
.company-service .memo::before {
	content: "";
	display: block;
	position: absolute; left: 0; top: -10px;
	width: 20px; height: 3px;
	background: #fff;
}

.company-support {padding: 4.375rem;}
.company-support .cell-row > div {vertical-align: middle;}
.company-support .photo {width: 690px;}
.company-support .list {margin-top: 3.125rem;}
.company-support .list li {
	display: inline-block; vertical-align: middle;
	width: 260px;
	font-size: 1rem; line-height: 1.5rem;
	margin-bottom: 1.25rem;
}
.company-support .list li a {color: #333; text-decoration: none;}
/* .company-support .list li a strong {text-decoration: underline;} */
.company-support .list li img {margin-right: 10px;}
.company-support .list li img,
.company-support .list li strong {display: inline-block; vertical-align: middle;}
.company-support .list li strong {font-weight: normal;}

.visition-title {font-size: 2.5rem; color: #fff; margin-bottom: 2.5rem; position: relative; display: inline-block;}
.visition-title::before {
	content: "";
	display: block;
	width: 189px; height: 189px;
	background: url("../../images/res/company/vision-title-bg.png") no-repeat center;
	background-size: 189px;
	position: absolute;
	left: -58px; top: -65px;
}
.visition-memo {font-size: 1.125rem; line-height: 1.75rem; color: #fff;}



/* 인사말 */
.greeting {margin-top: 40px;}
.greeting .g-head {
	display: table; width: 100%; table-layout: fixed;
	margin-bottom: 1.25rem;
}
.greeting .g-head .text,
.greeting .g-head .photo {
	display: table-cell;
	vertical-align: top;
}
.greeting .g-head .text {padding-top: 4.375rem; padding-right: 60px;}
.greeting .g-head .photo {width: 400px;}
.greeting .g-head p {font-size: 1.25rem; line-height: 2.5rem; color: #444242;}
.greeting .g-head p.big {font-size: 2.25rem; line-height: 3.25rem; color: #1f1f1f; margin-bottom: 1.875rem;}
.greeting .g-body p {font-size: 1rem; line-height: 1.875rem; color: #444242; margin-top: 1.25rem; word-break: keep-all;}
.greeting .g-body p:first-child {margin-top: 0;}



/* 연혁 */
.history-wrapper .top-logo {text-align: center; position: relative; z-index: 2;}

.history {position: relative; text-align: center;}
.history::before {
	content: "";
	position: absolute; left: 50%; top: -5px; bottom: 0;
	width: 1px; height: 100%;
	background: #eaeceb;
}
.history dl {
	overflow: hidden;
	display: inline-block;
	padding-left: 494px;
	position: relative; z-index: 2;
}
.history dl dt,
.history dl dd {
	float: left;
}
.history dl dt {font-size: 1.5rem; font-weight: bold; color: #424442;}
.history dl dt::before,
.history dl dt::after {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 13px;
	height: 13px;
	background: #424442;
	border-radius: 50%;
	margin: 0 20px 0;
	position: relative; top: -1px;
}
.history dl dt::before {display: none;}
.history dl dd {
	width: 548px; text-align: left;
	font-size: 14px; line-height: 20px; padding-top: 5px;
}
.history ul li {
	font-size: 1rem; line-height: 1.625rem; color: #5f605f;
	position: relative;
	padding-left: 25px;
	margin-top: 1.25rem;
	word-break: keep-all;
}
.history ul li:first-child {margin-top: 0;}
.history ul li .date {position: absolute; left: 0;}

.history .area {padding-top: 4.375rem;}
.history .area.new dl dt {color: #14a526 !important;}
.history .area.new dl dt::before,
.history .area.new dl dt::after {background: #14a526 !important;}



/* 식수위생사업 */
.top-title1 {font-size: 1.625rem; font-weight: bold; line-height: 2.25rem; margin-bottom: 10px;}
.top-memo1 {font-size: 1.25rem; line-height: 2.25rem; margin-bottom: 1.625rem; word-break: keep-all;}

.type-body-area {margin-bottom: 3.75rem;}
.type-body-area p {font-size: 1rem; line-height: 1.875rem; margin-bottom: 10px;}
.type-body-area p.bold {font-size: 1.062rem;}
.photo-col3.water1 {margin-bottom: 3.125rem;}
.photo-col3.water1 img {margin-right: 40px; width: calc(33% - 25px);}
.photo-col3.water1 img:nth-child(3n + 0) {margin-right: 0;}
.photo-col2.water2 {margin-bottom: 3.125rem;}
.photo-col2.water2 img {margin-right: 20px; width: calc(50% - 10px);}
.photo-col2.water2 img:nth-child(2n + 0) {margin-right: 0;}

table .caption-title {margin-top: 0;}
.caption-title {
	font-size: 1.062rem; font-weight: bold; line-height: 1.5rem;
	width: auto; height: auto;
	text-indent: 0;
	text-align: left;
	margin-bottom: 0.75rem;
	margin-top: 3.125rem;
}
.table-wrapper.water1 .table-row > tbody > tr > th {width: 20%;}

.table-history dl {display: table; width: 100%;}
.table-history dl dt,
.table-history dl dd {display: table-cell; vertical-align: middle;}
.table-history dl dt {font-weight: bold; text-align: right; width: 115px; padding-right: 20px; box-sizing: border-box;}

.table-history.col2 {overflow: hidden;}
.table-history.col2 dl {float: left; width: 50%; margin-top: 10px;}

.table-history.col2 dl.col1 {width: 100%;}

.funding-status {
	border: 1px solid #4f4e4e;
	border-width: 1px 0 1px 0;
	margin: 2.5rem 0;
	padding: 2.5rem 0;
}
.funding-status .cell-row {margin-top: 1.875rem;}
.funding-status .title {
	width: 270px;
	font-size: 1.5rem; font-weight: bold; color: #14a526;
	text-align: center;
}
.funding-status .title .date {font-size: 1rem; color: #757575;}
/* .funding-status .title::after {content: ">"; margin-left: 10px;} */
.funding-status dl {
	width: 250px; text-align: right;
	display: inline-block; vertical-align: middle;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 3.125rem 1.25rem;
	padding-left: 0;
	margin-left: 10px;
}
.funding-status dl:first-child {margin-left: 0;}
.funding-status dl dt {font-size: 1rem; color: #757575;}
.funding-status dl dd {font-size: 1.625rem; font-weight: bold; color: #4d4b4b;}
.funding-status dl.total {background: #14a526;}
.funding-status dl.total dt,
.funding-status dl.total dd {color: #fff;}

.video-area {position: relative; width: 100%; padding-bottom: 56%; margin-bottom: 1.25rem;}
.video-area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* 후원사업 */
.support-item .img-area {position: relative; margin-bottom: 1.562rem;}
.support-item .img-area .title {
	position: absolute; left: 15px; right: 15px; bottom: 15px;
	font-size: 1.5rem; color: #fff;
}

ul.circle-list {margin-top: 1.875rem; overflow: hidden;}
ul.circle-list li {
	float: left; width: 46%;
	display: table; table-layout: fixed;
	margin-top: 1.25rem;
	margin-right: 50px;
}
ul.circle-list li:nth-child(1),
ul.circle-list li:nth-child(2) {margin-top: 0;}
ul.circle-list li:nth-child(2n + 0) {margin-right: 0;}
ul.circle-list li strong,
ul.circle-list li p {display: table-cell; vertical-align: middle;}
ul.circle-list li strong {
	text-align: center;
	width: 120px; height: 120px;
	background: #14a526; color: #fff;
	border-radius: 50%;
}
ul.circle-list li p {padding-left: 20px; font-size: 1rem; line-height: 1.625rem; word-break: keep-all;}



/* 직장인 나눔기부 */
.donation figcaption {font-size: 1rem; line-height: 1.5rem; padding: 10px; word-break: keep-all;}



/* 모금사업 */
.raise-list {margin: 2.5rem 0;}
.raise-list .cell-row {margin-top: 1.875rem;}
.raise-list .cell-row:first-child {margin-top: 0;}
.raise-list .cell-row > div {vertical-align: top;}
.raise-list .photo {width: 380px;}
.raise-list .text {padding-left: 2.5rem; padding-top: 10px;}
.raise-list .title {font-size: 1.062rem; color: #312d2d; margin-bottom: 10px;}
.raise-list p {font-size: 1rem; line-height: 1.625rem; color: #444242;}



/* 월드비전 */
.world-since {margin-top: 10px;}
.world-since .text {padding: 10px 0;}
.world-since .since-sm-tit {font-size: 0.875rem; font-weight: bold; color: #1f4fd1;}
.world-since .since-tit {font-size: 1.25rem; color: #333; text-decoration: underline; margin: 3px 0 15px;}
.world-since .memo {font-size: 0.875rem; line-height: 1.5rem; color: #333;}
.world-since .memo .tit {font-size: 1.125rem; margin-bottom: 10px;}
.world-since .memo .txt {color: #777;}
.world-since .memo .tit2 {font-size: 1rem; color: #333; margin: 10px 0 5px;}

.since-tb1 {margin: 30px 0;}

figure.tb-st1 {text-align: center; margin-bottom: 10px;}
figure.tb-st1 img {height: 90px;}
figure.tb-st1 figcaption {font-size: 12px; margin-top: 3px;}
figure.tb-st1 figcaption::before {content: "<";}
figure.tb-st1 figcaption::after {content: ">";}

figure.tb-st2 {text-align: center; margin-bottom: 10px;}
figure.tb-st2 img {height: 90px;}
figure.tb-st2 figcaption {font-size: 12px; margin-top: 3px;}
figure.tb-st2 figcaption::before {content: "<";}
figure.tb-st2 figcaption::after {content: ">";}

ul.bullet2 > li {font-size: 0.875rem; line-height: 1.375rem; color: #288f03; margin: 2px 0;}
ul.bullet2 > li::before {content: "·"; margin-right: 5px;}
ul.bullet2 > li:not(:last-child) {margin-bottom: 10px;}
ul.bullet2 > li > ul {padding-left: 10px; margin-top: 3px;}
ul.bullet2 > li > ul > li {color: #333; margin: 2px 0;}
ul.bullet2 > li > ul > li::before {content: "-"; margin-right: 5px;}
/* ------------------------------------------------------- //회사소개 ------------------------------------------------------- */



/* ------------------------------------------------------- 이벤트 ------------------------------------------------------- */
/* 목록 */
.event-list-wrapper,
.event-detail-wrapper {margin: 60px 0;}
.event-list li {
	display: inline-block; vertical-align: top;
	margin: 0 19px 45px 0;
	width: 100%;
	max-width: 410px;
}
.event-list li:nth-child(3n + 0) {margin-right: 0;}
.event-list li a {display: block; text-decoration: none;}
.event-list li.off {opacity: 0.4; filter: grayscale(95%);}

.event-list .photo {position: relative; overflow: hidden;}
.event-list .photo .img-area {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ddd;
}
.event-list .photo .img-area::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.event-list .photo .label-group {position: absolute; top: 0; left: 10px; z-index: 2;}
.event-list .info {
	background: #fff;
	padding: 1.875rem 1.25rem;
	position: relative;
}
.event-list .info .title {
	font-size: 1.125rem; line-height: 28px; color: #505050;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	padding-right: 85px;
	
	/*
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 30px;
    height: 60px;
    padding-right: 100px;
    word-break: keep-all;
    */
}
.event-list .info .slogan {
	height: 18px;
	font-size: 13px; line-height: 18px; color: #777;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	margin-top: 4px;
}
.event-list .info .date {
	border-top: 1px solid #e5e5e5;
	margin-top: 10px; padding-top: 10px;
	font-size: 0.875rem; color: #505050;
}
.event-list .info .mark {
	position: absolute; top: 2rem; right: 1.25rem;
	font-size: 1.062rem; line-height: 24px; color: #14a526;
}
.event-list .info .mark .off {color: #919392;}



/* Event Slider */
.event-slider {margin-top: 60px;}
.event-slider .event-list li {max-width: none; width: 320px;}
.event-slider .event-list li,
.event-slider .event-list li:nth-child(3n + 0) {margin: 0;}
.event-slider .event-list .info .title {padding-right: 80px;}

.event-slider .swiper-button-prev,
.event-slider .swiper-button-next {
	width: 51px;
	height: 51px;
	background-size: 51px;
}
.event-slider .swiper-button-prev,
.event-slider .swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/res/swiper/prev-white-circle2.png");
}
.event-slider .swiper-button-next,
.event-slider .swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/res/swiper/next-white-circle2.png");
}
.event-slider .swiper-button-prev,
.event-slider .swiper-container-rtl .swiper-button-next {left: -28px;}
.event-slider .swiper-button-next,
.event-slider .swiper-container-rtl .swiper-button-prev {right: -28px;}

.main-wrapper .event-slider {margin-top: 45px;}
.main-wrapper .event-slider .event-list .info {padding: 20px 25px;}
.main-wrapper .event-slider .event-list .info .title {padding-right: 0px; font-size: 1rem; font-weight: 600; line-height: 1.5rem;}
.main-wrapper .event-slider .event-list .info .slogan {display: none;}
.main-wrapper .event-slider .event-list .info .date {border: none; margin: 2px 0 0; padding: 0; font-size: 0.875rem; color: #b8b3b3;}
.main-wrapper .event-slider .event-list .info .mark {display: none;}

.main-wrapper .event-slider .event-list .photo .img-area::after {padding-bottom: 75%;}



/* 상세 */
.event-banner {position: relative;}
.event-banner .photo {position: relative;}
.event-banner .photo .visual {width: 100%;}
.event-banner .photo .label-group {position: absolute; top: 0; left: 15px; z-index: 3;}
.event-banner .info {
	/* position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; */
	background-color: rgba(0,0,0,.7);
	box-sizing: border-box;
	padding: 1.25rem;
}
.event-banner .info > div {display: inline-block; vertical-align: middle; color: #fff;}
.event-banner .info .block {display: block;}
.event-banner .info .block .date,
.event-banner .info .block .mark {display: inline-block; vertical-align: middle;}

.event-banner .info .title {font-size: 1.25rem; margin-bottom: 10px;}
.event-banner .info .slogan {
	display: block;
	font-size: 0.875rem; line-height: 1.375rem;
	margin-top: 5px;
}
.event-banner .info .mark span::before {content: "[";}
.event-banner .info .mark span::after {content: "]";}
.event-banner .info .mark span::before,
.event-banner .info .mark span::after {display: inline;}

.evnet-note {
	padding: 1.875rem 1.25rem;
	font-size: 1rem; line-height: 1.75rem;
}

.warning-note {padding: 2.5rem; margin-top: 3.125rem;}
.warning-note .content-titleL1 {margin-bottom: 1.875rem;}
.warning-note .textarea {font-size: 1rem; line-height: 1.75rem;}

.event-detail-wrapper .rent-list2-wrapper {margin-top: 4.375rem;}
.rent-list2 ul {
	display: flex;
	flex-wrap: wrap;
}
.rent-list2 ul li {
	width: 300px;
	margin: 0 26px 30px 0;
	background: #fff;
	border: 1px solid #fff;
	padding: 20px 20px 55px;
	box-sizing: border-box;
	position: relative;
	transition: all .5s ease;
}
.rent-list2 ul li:hover {border-color: #14a526;}
.rent-list2 ul li:nth-child(4n + 0) {margin-right: 0;}
.rent-list2 .photo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.rent-list2 .photo::after {
	content: "";
	display: block;
	padding-bottom: 75%;
}
.rent-list2 .title {font-size: 1rem; color: #0e100e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rent-list2 .price {font-size: 1rem; color: #262826; font-weight: bold; margin-top: 5px;}
.rent-list2 .btn-area {
	position: absolute; z-index: 2;
	bottom: -2px;
	left: 0;
	right: 0;
	text-align: right;
	padding-right: 8px;
}
.rent-list2 .btn {
	font-size: 14px; line-height: 35px;
	width: 98px;
	background: #949494; color: #fff;
	border: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
}
.rent-list2 .btn.green {background-color: #16a027; border-color: #16a027; color: #fff;}
.rent-list2 .btn::after {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 12px; height: 12px;
	background: url("../../images/res/icon/basic/white-arrow-bottom.png") no-repeat center;
	background-size: 12px;
	position: relative; top: -1px;
	margin-left: 4px;
}

.rent-list2 .top-btns {
	position: absolute; z-index: 9;
	top: 10px;
	right: 10px;
}
.rent-list2 .top-btns button {
	background: none;
	border: none;
	padding: 2px;
}
.rent-list2 .top-btns button img {
	height: 32px;
}


.list-top-info {
	display: flex;
	gap: 10px; 
	margin-bottom: 10px;
}



/* Calendar */
.include-calendar {
	max-width: 1280px;
	margin: 0 auto;
}
.calendar-wrapper {background: #fff; padding: 30px 20px;}
.calendar-control {
    max-width: 320px; margin: 0 auto; text-align: center;
    padding: 15px 18px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
}
.calendar-control .prev,
.calendar-control .next {
    position: absolute; top: 35%; top: calc(50% - 18px);
    background: none; border: none;
    padding: 5px 15px;
}
.calendar-control .prev {left: 0;}
.calendar-control .next {right: 0;}
.calendar-control .prev::after,
.calendar-control .next::after {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 40px; height: 14px;
	background: url("../../images/res/calendar/prev2-on.png") no-repeat center;
	background-size: 40px 14px;
}
.calendar-control .next::after {background-image: url("../../images/res/calendar/next2-on.png");}
.calendar-control .prev[data-type="off"]::after {background-image: url("../../images/res/calendar/prev2-off.png");}
.calendar-control .next[data-type="off"]::after {background-image: url("../../images/res/calendar/next2-off.png");}
.calendar-control .year,
.calendar-control .month,
.calendar-control .text,
.calendar-control .sign {
    font-size: 1.625rem; line-height: 24px; color: #2b2d28;
    font-family: "NanumSquare";
}
.calendar-control .year {font-weight: normal; color: #999;}
.calendar-control.typeA {
    max-width: 340px;
    background: #fff; border: 2px solid #ebeced;
    padding: 11px;
}
.calendar-control.typeA .prev,
.calendar-control.typeA .next {padding: 0; top: calc(50% - 20px);}
.calendar-control.typeA .prev {left: 8px;}
.calendar-control.typeA .next {right: 8px;}
.calendar-control.typeA .year,
.calendar-control.typeA .month,
.calendar-control.typeA .text,
.calendar-control.typeA .sign {font-size: 30px; line-height: 30px; color: #282828;}

.calendar .calendar_tb {width: 100%;}
.calendar .calendar_tb thead th {border: none; position: relative; padding-bottom: 20px;}
.calendar .calendar_tb thead th,
.calendar .calendar_tb tbody td {
	padding: 0 8px 10px;
}
.calendar .calendar_tb thead th span {
    display: block;
    text-align: left;
    background: #fff; color: #595b57;
    border-bottom: 2px solid #595b57;
    padding: 5px 15px 15px;
    box-sizing: border-box;
}
.calendar .calendar_tb thead th.sun span,
.calendar .calendar_tb td .text-red {color: #e40c0c !important;}
.calendar .calendar_tb thead th.sat span,
.calendar .calendar_tb td .text-blue {color: #0668e1 !important;}
.calendar .calendar_tb tbody tr:first-child td {border-top: none;}
.calendar .calendar_tb tbody td .day {font-size: 0.937rem; color: #b0b0b0; margin-bottom: 10px;}
.calendar .calendar_tb tbody td .day strong {display: inline-block; position: relative; padding: 0 2px;}
.calendar .calendar_tb tbody td .day strong::before {
	content: "";
	display: block;
	position: absolute; left: 0; bottom: -2px;
	width: 100%; height: 1px;
	background: #d0cfcf;
}
.calendar .calendar_tb .text-area {padding: 5px 0 10px;}
.calendar .calendar_tb .text-area .list-bullet li {margin-top: 8px; position: relative;}
.calendar .calendar_tb .text-area .list-bullet li a.active {color: #2375fe;}

.calendar .price-area p {
	font-size: 14px; line-height: 18px; color: #fff; text-align: center;
	background: #949494;
	border-radius: 15px;
	max-width: 110px;
	padding: 2px 0;
	margin: 7px auto 0;
	position: relative;
}
.calendar .price-area p button {
	font-size: 14px; line-height: 18px; color: #fff;
	display: block; width: 100%;
	text-align: center;
	background: none;
	border: none;
}
.calendar .price-area p:nth-child(1) {background: #fa918c; margin-top: 0;}
.calendar .price-area p:nth-child(2) {background: #2bb5ff;}
.calendar .price-area p i {font-style: normal;}
.calendar .price-area p i.lowest::before {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 28px; height: 28px;
	background: url("../../images/res/icon/label/lowest.png") no-repeat center;
	background-size: 28px;
	position: absolute; left: -5px; top: -4px; z-index: 2;
}

.calendar-wrapper {position: relative;}
.calendar-wrapper .mark-label {position: absolute; top: 44px; right: 30px; z-index: 2;}
.calendar-wrapper .mark-label span {font-size: 1rem; color: #949494; margin-left: 20px;}
.calendar-wrapper .mark-label span:first-child {margin-left: 0;}
.calendar-wrapper .mark-label span::before {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 15px; height: 15px;
	background: #949494;
	border-radius: 50%;
	position: relative; top: -1px;
	margin-right: 4px;
}
.calendar-wrapper .mark-label span:nth-child(1)::before {background: #fa918c;}
.calendar-wrapper .mark-label span:nth-child(2)::before {background: #2bb5ff;}
/* ------------------------------------------------------- //이벤트 ------------------------------------------------------- */



/* ------------------------------------------------------- 장기렌트 ------------------------------------------------------- */
/* 홈 */
.long-tit {font-size: 2.5rem; font-weight: normal; color: #fff; word-break: keep-all;}
.long-sub {font-size: 1.5rem; color: #fff; margin-top: 10px; word-break: keep-all;}

.txt-tel-number {text-align: center; font-size: 1.125rem;}
.txt-tel-number span:not(:last-child)::after {content: "|"; font-size: 12px; position: relative; top: -3px; margin: 0 4px 0 8px;}

.top-bg .txt-tel-number {position: relative; top: -15px;}
.full-cover .txt-tel-number {color: #fff; margin: 12px 0 0; opacity: 0.9;}

.long-item-area {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	white-space: nowrap;
	margin-top: 3.75rem;
}
.long-item-area > div {
	display: inline-block; vertical-align: top;
	background: #f4f4f4;
	border-radius: 0.625rem;
	width: 100%;
	max-width: 300px;
	margin-left: 1.562rem;
}
.long-item-area > div:first-child {margin-left: 0;}
.long-item-area .icon {margin-bottom: 1.562rem;}
.long-item-area .tit {font-size: 1.25rem; color: #333;}
.long-item-area .sub {font-size: 1rem; color: #777; margin-top: 10px;}
.long-item-area .btn {margin-top: 1.875rem; font-size: 1.125rem; line-height: 43px; width: 170px;}
.long-item-area .btn.arrow::after {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

.long-item-area a {display: block; padding: 40px 25px;}
.long-item-area a:hover {text-decoration: none;}
.long-item-area .more {margin-top: 15px;}

.long-item-area.col4 > div,
.long-item-area.col5 > div {max-width: 230px;}



/* 중고 Step1 */
.search-wrapper.long {padding: 60px 50px 30px;}
.search-wrapper.long .btn-area {top: 60px; right: 80px;}
.search-wrapper.long .btn-area .btn {width: 98px; line-height: 86px;}
.search-wrapper .long1 dl {width: 42%;}
.search-wrapper .long1 dl dd {width: 85%; width: calc(100% - 75px);}
.search-wrapper .long1 dl dd .date-wrap {width: 100%;}
.search-wrapper .ladio {width: 85%;}
.search-wrapper .ladio dd {width: 90%; width: calc(100% - 70px);}
.search-wrapper .between {display: flex; justify-content: space-between;}

.rent-list .info-area.right {text-align: right; min-height: 26px;}
.rent-list .info-area.right .option-detail {text-align: left;}
.rent-list .table-wrapper .table-col.line > tbody > tr:last-child > td {border-bottom: 1px solid #e9e9e9;}

.rent-list .text-area .btn-area {margin: 25px 0 40px; text-align: center;}



/* 중고 Step2 */
.cell2-area.bottom .img-area,
.cell2-area.bottom .text-area {
    vertical-align: bottom;
}



/* 중고 Step3 */
.result-textarea {
	padding: 20px 45px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 0.937rem; color: #777;
}
.foot-indent {padding: 0 10px;}



/* 신차 Step1 */
.search-wrapper.long2 {padding: 45px 40px 35px;}
.search-wrapper.long2 .area dl {margin-right: 25px;}
.search-wrapper.long2 .area dl:last-child {margin-left: 0;}
.search-wrapper.long2 .area dl:first-child dt {width: 170px; text-align: right; padding-right: 30px;}

.search-wrapper.long2 .area .lb-basic {min-width: 80px; position: relative; top: -1px; margin-right: 10px;}
.search-wrapper.long2 .area select.date {width: 125px;}
.search-wrapper.long2 .area select.model {width: 175px;}
.search-wrapper.long2 .area select.oil {width: 125px;}

.search-wrapper.long2 .btn-area {right: 40px; top: 45px;}
.search-wrapper.long2 .btn-area .btn {width: 98px; line-height: 86px;}

.result-wrapper .table-car-area {background: #fff; padding: 35px 25px; margin-top: 25px;}
.result-wrapper .table-car-area .table-wrapper {margin: 0;}

.option-text-result {display: flex; justify-content: space-between; margin-bottom: 15px;}
.option-text-result div {display: inline-block; vertical-align: middle;}
.option-text-result .option {font-size: 0.875rem;}
.option-text-result .option > div {margin-right: 15px;}
.option-text-result .option strong {color: #333;}
.option-text-result .option span {color: #888;}
.option-text-result .right {font-size: 0.875rem;}

.list-table.rent .btn.sm {
	font-size: 14px !important; line-height: 25px !important;
	padding: 0 6px;
	margin: 0 0 0 10px;
	min-width: 75px;
}
/* ------------------------------------------------------- //장기렌트 ------------------------------------------------------- */



/* ------------------------------------------------------- 차량안내 ------------------------------------------------------- */
.car-list li {
	display: inline-block; vertical-align: top;
	margin: 0 10px 14px 0;
	width: 24%;
	width: calc(25% - 15px);
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	overflow: hidden;
	box-sizing: border-box;
}
/* .car-list li:nth-child(4n + 0) {margin-right: 0;} */
.car-list .img {position: relative; height: 175px;}
.car-list .img img {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;
	max-width: 90%; max-height: 95%;
	margin: auto;
}
.car-list .txt {
	border-top: 1px solid #ebebeb;
	margin: 0 10px;
	padding: 20px 5px; 
}
.car-list .tit {
	font-size: 0.937rem; color: #363232;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.car-list .info {
	font-size: 12px; color: #363232;
	margin-top: 10px;
	letter-spacing: -1px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.car-list .info span {margin-right: 4px;}
.car-list .info span:last-child {margin-right: 0;}
.car-list .info span::before {
	content: "";
	display: inline-block; vertical-align: middle;
	width: 12px; height: 12px;
	background: url("../../images/res/icon/cars/type.png") no-repeat center;
	background-size: auto 12px;
	position: relative; top: -1px;
	margin-right: 2px;
}
.car-list .info span.brand::before {background-image: url("../../images/res/icon/cars/brand.png");}
.car-list .info span.gear::before {background-image: url("../../images/res/icon/cars/gear.png"); width: 14px;}
.car-list .info span.oil::before {background-image: url("../../images/res/icon/cars/oil.png");}

nav.type1 {margin-bottom: 30px;}
nav.type1 a {
	display: inline-block; vertical-align: middle;
	font-size: 15px; line-height: 38px; color: #363232;
	border: 1px solid #dadbdb;
	border-radius: 5px;
	padding: 0 5px;
	box-sizing: border-box;
	min-width: 58px;
	text-align: center;
}
nav.type1 a:hover {text-decoration: none;}
nav.type1 a.active {
	border-color: #16a027;
	color: #187805;
	font-weight: bold;
}
/* ------------------------------------------------------- //차량안내 ------------------------------------------------------- */