@charset "utf-8";
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/Roboto-Light.woff2') format('woff2'), url(fonts/Roboto-Light.woff) format('woff'), url(fonts/Roboto-Light.otf) format('opentype'); unicode-range: U+002C, U+0030-0039, U+002E-002E; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/Roboto-Regular.woff2) format('woff2'), url(fonts/Roboto-Regular.woff) format('woff'), url(fonts/Roboto-Regular.otf) format('opentype'); unicode-range: U+002C, U+0030-0039, U+002E-002E; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/Roboto-Medium.woff2) format('woff2'), url(fonts/Roboto-Medium.woff) format('woff'), url(fonts/Roboto-Medium.otf) format('opentype'); unicode-range: U+002C, U+0030-0039, U+002E-002E; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: bold;    /* 700 */ src: url(fonts/Roboto-Bold.woff2) format('woff2'), url(fonts/Roboto-Bold.woff) format('woff'), url(fonts/Roboto-Bold.otf) format('opentype'); unicode-range: U+002C, U+0030-0039, U+002E-002E; }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url('fonts/notokr-light.eot');    /* ie 9 호환성 보기 */ src: local('@'), url('fonts/notokr-light.eot?#iefix') format('embedded-opentype'),        /* ie 6~8 */
url('fonts/notokr-light.woff2') format('woff2'), url('fonts/notokr-light.woff') format('woff'), url('fonts/notokr-light.ttf') format('truetype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url('fonts/notokr-medium.eot');    /* ie 9 호환성 보기 */ src: local('@'), url('fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),        /* ie 6~8 */
url('fonts/notokr-medium.woff2') format('woff2'), url('fonts/notokr-medium.woff') format('woff'), url('fonts/notokr-medium.ttf') format('truetype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('fonts/notokr-regular.eot');    /* ie 9 호환성 보기 */ src: local('@'), url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),        /* ie 6~8 */
url('fonts/notokr-regular.woff2') format('woff2'), url('fonts/notokr-regular.woff') format('woff'), url('fonts/notokr-regular.ttf') format('truetype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: bold;    /* 700 */ src: url('fonts/notokr-bold.eot');    /* ie 9 호환성 보기 */ src: local('@'), url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),        /* ie 6~8 */
url('fonts/notokr-bold.woff2') format('woff2'), url('fonts/notokr-bold.woff') format('woff'), url('fonts/notokr-bold.ttf') format('truetype'); }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: none; }
body { color: #000; font-weight: 300; font-size: 16px; line-height: 1.4444444444; letter-spacing: -0.03em; word-wrap: break-word; overflow-wrap: break-word; font-family: 'Roboto', 'Noto Sans CJK KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; overflow-y: scroll; }
a, select, button, pre, input, textarea { font-family: inherit; }
textarea { overflow-y: auto; }
header, section, article, aside, footer, nav { display: block; }
h1, h2, h3, h4, h5 { font-weight: 500; line-height: 1.1; }
dt, th, strong, b { font-weight: 500; }
dt, th { color: #000; }
caption { height: 0; font-size: 0; line-height: 0; overflow: hidden; }
pre { white-space: pre-wrap; }
fieldset { border: 0; }
li { list-style: none; }
img { max-width: 100%; vertical-align: middle; border: 0; }
a { color: inherit; text-decoration: none; }
em{font-style:normal;}
/****************************
    UI 컴포넌트
****************************/
.tts { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; }
.code { border: 1px solid rgba(255, 0, 0, 0.2); padding: 2px 3px 1px; border-radius: 2px; color: #000; font-size: 14px; font-family: 'Courier New', 'Roboto', 'Noto Sans CJK KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; letter-spacing: -0.03em; vertical-align: middle; background-color: antiquewhite; }
textarea.code { padding: 10px 15px; }
.code strong { font-weight: bold; }
.code-block { display: block; padding: 10px 20px; border-color: #ddd; background-color: #f8f8f8; }
.clearfix { position: relative; }
.clearfix:after { display: block; clear: both; content: ''; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
.both { position: relative; display: table; width: 100%; }
.both:after { display: block; clear: both; content: ''; }
.both .left, .both .right { display: table-cell; vertical-align: middle; }
.both .left>*, .both .right>* { display: inline-block; vertical-align: middle; }
.both .left form { white-space: nowrap; }
.both .right { text-align: right; }
.both .title1, .both .title2 { margin: 0; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.vertical-top { vertical-align: top !important; }
.vertical-middle { vertical-align: middle !important; }
.vertical-bottom { vertical-align: bottom !important; }
.margin-center { margin: 0 auto !important; }
section { margin-bottom: 70px; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt120 { margin-top: 120px !important; }
.mt150 { margin-top: 150px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb150 { margin-bottom: 150px !important; }

/* 입력 요소 */
.input { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.input, input, textarea, select, label, button { display: inline-block; vertical-align: middle; font-weight: inherit; font-size: inherit; word-spacing: normal; letter-spacing: inherit; }
input, button, label, textarea, select { border-radius: 0; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type=text]:-ms-clear { display: none; }
input[type=text]::-ms-clear { display: none; }
input[type=checkbox], input[type=radio] { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; }
input[type=checkbox]+label, input[type=radio]+label { position: relative; min-width: 24px; min-height: 24px; text-indent: 34px; user-select: none; }
label+input[type=checkbox]+label, label+input[type=radio]+label { margin-left: 20px; }
input[type=checkbox]+label:before, input[type=radio]+label:before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 0; border-radius: 0; background: url(../images/rental/join/sp-bg-input.png) no-repeat; }
input[type=checkbox]+label .tts:first-child { margin-left: -10px; }
input[type=checkbox]+label:before { background-position: 0 0; }
input[type=checkbox]:checked+label:before { background-position: 0 -28px; }
input[type=checkbox].i-sm+label { text-indent: 37px; }
input[type=checkbox].i-sm+label:before { display: inline-block; width: 30px; height: 30px; margin-top: -14px; background: url('../images/rental/join/ico_check_sm.png') center center no-repeat; background-size: 100% 100%; }
input[type=checkbox].i-sm:checked+label:before { background-image: url('../images/rental/join/ico_check_sm_on.png'); }
input[type=checkbox].i-lg+label { text-indent: 41px; }
input[type=checkbox].i-lg+label:before { width: 34px; height: 34px; margin-top: -16px; background-position: -40px 0; }
input[type=checkbox].i-lg:checked+label:before { background-position: -40px -40px; }
input[type=radio].i-lg+label { text-indent: 41px; }
input[type=radio].i-lg+label:before { width: 34px; height: 34px; margin-top: -16px; background-position: -40px 0; }
input[type=radio].i-lg:checked+label:before { background-position: -40px -40px; }
.input, input[type=text], input[type=password], input[type=tel], input[type=number], textarea { padding: 11px 15px; line-height: 26px; background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.input, input[type=text], input[type=password], input[type=tel], input[type=number], select { height: 50px; }
.input, input[type=text], input[type=password], input[type=tel], input[type=number], textarea, select { border: 1px solid #d2d2d2; border-radius: 2px; font-size: inherit; box-shadow: none; }
.input, input[disabled], input[readonly] { color: #000; background: #f2f3f4; opacity: 1; }
input[type=checkbox][disabled]+label:before, input[type=radio][disabled]+label:before { opacity: 0.5; }
select { padding: 3px 35px 3px 15px; color: #000; background: #fff url('../images/common/ico-arr-select.png') no-repeat right center; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select::-ms-expand { display: none; }
.ie9 select { padding-right: 3px; background-image: none; }
select.full, textarea { width: 100%; }
button, input[type=submit] { border: 0; padding: 0; cursor: pointer; background: transparent; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input::-webkit-input-placeholder { color: #767676; }
input[type=radio]+label:before { width: 18px; height: 18px; top: 0; background: url('../images/rental/join/chk-box-sq.png') no-repeat; background-position: 0 0 }
input[type=radio]:checked+label:before { background-position: 0 -20px; }
.radio-box input[type=radio]+label { position: relative; min-width: 18px; min-height: 18px; text-indent: 25px; }
.radio-box input[type=radio]+label:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -8px; border: 0; border-radius: 0; background: url(../images/rental/join/sp-bg-input.png) no-repeat; }
.radio-box input[type=radio]+label:before { background-position: 0 0; }
.radio-box input[type=radio]:checked+label:before { background-position: 0 -20px; }
input[type=checkbox]+label { text-indent: 41px; line-height: 34px; }
input[type=checkbox]+label:before { width: 34px; height: 34px; background-position: -40px 0; }
input[type=checkbox]:checked+label:before { background-position: -40px -40px; }
.agree-wrap-list input[type=checkbox]+label:before { display: inline-block; width: 30px; height: 30px; background: url('../images/rental/join/ico_check_sm_pc.png') center center no-repeat; background-size: 100% 100%; }
.agree-wrap-list input[type=checkbox]:checked+label:before { background: url('../images/rental/join/ico_check_sm_on_pc.png') center center no-repeat; background-size: 100% 100%; }

/* Webkit */
input:-moz-placeholder { color: #767676; }

/* Firefox 4-18 */
input::-moz-placeholder { color: #767676; opacity: 1; }

/* Firefox 19+ */
input:-ms-input-placeholder { color: #767676; }
button:disabled { background: #ccc; border-color: #ccc; color: #fff; cursor: default; padding: 0 10px; }
button:disabled:hover { background: #ccc; border-color: #ccc; color: #fff; }

/* IE10+ */
.input-group { position: relative; display: table; width: 100%; border-collapse: separate; }
.input-group .input, .input-group input[type=text], .input-group input[type=password] { display: table-cell; width: 100%; }
.input-group .input-addon { display: table-cell; padding-left: 10px; width: 1%; vertical-align: middle; }
.table-form .input-group .input-addon { padding-left: 10px; }
input.i-file-name { background: #fff url(../images/common/ico-input-file.png) no-repeat right center; }
.i-email, input.i-email { padding-right: 40px; background: #fff url(../images/common/ico-input-email.png) no-repeat right center; }

/* 버튼 */
.btn-group { margin: 30px 0; text-align: center; }
.box .btn-group { margin-top: 35px; }
.btn { display: inline-block; text-align: center; vertical-align: middle; white-space: nowrap; word-spacing: normal; text-decoration: none !important; overflow: hidden; }
.btn { padding: 0 15px; border: 1px solid #d2d2d2; border-radius: 4px; color: #000; font-weight: normal; font-size: 16px; line-height: 48px; letter-spacing: inherit; background-color: #fff;    /* transition:.3s; */ }

/*.btn+.btn { margin-left: 6px; }*/
.table-form .btn+.btn { margin-left: 0; }
.btn button, .btn a { margin: 0 -15px; padding: 0 15px; font-size: inherit; line-height: inherit; vertical-align: top; }
.btn-xs { height: 30px; padding: 0 10px; font-weight: 500; font-size: 12px; line-height: 28px; }
.btn-sm { height: 36px; padding: 0 15px; font-weight: 500; font-size: 14px; line-height: 34px; }
.btn-md { height: 50px; padding: 0 15px; font-size: 16px; line-height: 48px; }
.btn-lg { height: 70px; padding: 0 40px; font-size: 20px; line-height: 68px; }
.btn-xg { width: 410px; height: 50px; line-height: 50px; border-radius: 60px; font-weight: 300; }
.btn-round { min-width: 130px; padding: 0 30px; border-radius: 25px; }
.btn-primary { border-color: transparent; color: #fff; background-color: #4a4c58; border: 1px solid #4a4c58; height: 50px; line-height: 50px; }
.btn-point { border-color: transparent; color: #fff; background-color: #ed174d; border: 1px solid #ed174d; height: 50px; line-height: 50px; }
.btn-black { color: #fff; border-color: transparent; background-color: #000; }
.btn:hover, .btn:focus { color: #ed174d; border: 1px solid #ed174d; }
.btn.btnNoLine:hover, .btn.btnNoLine:focus { color: #000; border: 0; font-weight: 500; }
.btn-black:hover, .btn-black:focus, .btn-primary:hover, .btn-point:hover, .btn-primary:focus, .btn-point:focus { color: #fff; background-color: #ed174d; }
.btn-event { text-indent: 0; user-select: none; }
.btn-group.btn-back-wrap { position: relative; }
.btn-back { left: 0; position: absolute;    /* background: url(../images/common/ico-paging-prev.png) no-repeat 15px 21px; */ }

/* 타이틀 */
.title1 { margin-bottom: 14px; font-weight: 500; font-size: 24px; position: relative; }
.title1.line { border-bottom: 1px solid #000; padding-bottom: 20px; }
.title1+p { font-size: 14px; font-weight: 300; color: #767676; }

/* 목록, 불릿 */
.bul-dot, .bul-star, .bul-hyphen, .bul-warning, .bul-dot>li, .bul-star>li, .bul-hyphen>li, .bul-warning>li { position: relative; line-height: 26px; }
.bul-dot:before, .bul-star:before, .bul-hyphen:before, .bul-warning:before, .bul-dot>li:before, .bul-star>li:before, .bul-hyphen>li:before, .bul-warning>li:before { display: block; content: ''; position: absolute; left: 0; }
.bul-dot, .bul-dot>li { position: relative; padding-left: 11px; }
.bul-dot:before, .bul-dot>li:before { top: 10px; width: 4px; height: 4px; background-color: #000; border-radius: 4px; }
.bul-star, .bul-star>li { position: relative; padding-left: 14px; }
.bul-dang, .bul-dang>li { position: relative; padding-left: 20px; }
.bul-dang>li { line-height: 1.461538461538462; }
.bul-dang:before, .bul-dang>li:before { font-size: 16px; display: block; content: '※'; position: absolute; left: 0; }
.bul-star:before, .bul-star>li:before { top: 10px; width: 7px; height: 7px; background-image: url(../images/common/ico-star.png); }
.bul-hyphen, .bul-hyphen>li { padding-left: 11px; }
.bul-hyphen:before, .bul-hyphen>li:before { top: 0; content: '- '; }
.bul-warning, .list.bul-warning>li { padding-left: 22px; }
.bul-warning:before, .bul-warning>li:before { top: 6px; width: 16px; height: 16px; background-image: url(../images/rental/join/ico-warning.png); }
.bul-check, .bul-check>li { position: relative; padding-left: 35px; }
.bul-check:before, .bul-check>li:before { position: absolute; left: 0; top: 7px; display: block; content: ''; width: 19px; height: 15px; background-image: url(../images/rental/join/ico-check.png); }
.list.bul-number>li { position: relative; line-height: 24px; padding-left: 31px; }
.list.bul-number>li+li { margin-top: 20px; }
.list.bul-number>li:before { display: inline-block; position: absolute; left: 0; top: 0; width: 24px; height: 24px; margin-right: 6px; border-radius: 50px; font-weight: 500; color: #fff; font-size: 14px; line-height: 22px; text-align: center; vertical-align: top; background: #000; }
.list.bul-number>li:nth-child(1):before { content: '1'; }
.list.bul-number>li:nth-child(2):before { content: '2'; }
.list.bul-number>li:nth-child(3):before { content: '3'; }
.list.bul-number>li:nth-child(4):before { content: '4'; }
.list.bul-number>li:nth-child(5):before { content: '5'; }
.list { padding: 0; color: #000; }
.list:before { display: none; }
.list>li+li { margin-top: 6px; }
.size-sm li { font-size: 14px; line-height: 22px; }
.size-sm.bul-warning:before, .size-sm.bul-warning>li:before { top: 4px; }
.size-sm.bul-star:before, .size-sm.bul-star>li:before { top: 8px; }
.size-sm.bul-dot:before, .size-sm.bul-dot>li:before { top: 10px; }
.color-gray.bul-dot:before, .color-gray .bul-dot:before, .color-gray.bul-dot>li:before { background-color: #767676; }
.color-gray.bul-star:before, .color-gray .bul-star:before, .color-gray.bul-star>li:before { background-image: url(../images/common/ico-star-gray.png); }
.color-gray.bul-hyphen:before, .color-gray .bul-hyphen:before, .color-gray.bul-hyphen>li:before { color: #767676; }
.color-gray.bul-warning:before, .color-gray .bul-warning:before, .color-gray.bul-warning>li:before { background-image: url(../images/rental/join/ico-warning-gray.png); }
.color-darkgray.bul-dot:before, .color-darkgray .bul-dot:before, .color-darkgray.bul-dot>li:before { background-color: #555; }
.color-darkgray.bul-star:before, .color-darkgray .bul-star:before, .color-darkgray.bul-star>li:before { background-image: url(../images/common/ico-star-gray.png); }
.color-darkgray.bul-hyphen:before, .color-darkgray .bul-hyphen:before, .color-darkgray.bul-hyphen>li:before { color: #555; }
.color-darkgray.bul-warning:before, .color-darkgray .bul-warning:before, .color-darkgray.bul-warning>li:before { background-image: url(../images/rental/join/ico-warning-gray.png); }
.list .btn-xs, .bul-dot .btn-xs, .bul-star .btn-xs, .bul-hyphen .btn-xs, .bul-warning .btn-xs { margin-top: -2px; }
.size-sm .btn-xs { margin-top: -4px; }
.bul-warning li { font-size: 14px; }

/* 박스 */
.box { border-top: 1px solid #000; margin: 20px 0; padding: 50px 40px; background-color: #fff; }
.box-gray { background-color: #f9fafc; }
.box-white { background-color: #fff; }
.box-icon { padding: 65px 30px; text-align: center; }
.box-icon .main-message { font-size: 26px; }
.box-icon .ico { margin-bottom: 20px; }
.box .inner-section, .help-cert-fail { margin-top: 60px; padding: 50px 0 0; border-top: 1px solid #e8e8e8; overflow: hidden; }
.box .inner-section, .box .help-cert-fail { text-align: left; }
.box .help-cert-fail { margin-bottom: -20px; }
.box-round { margin: 20px 0; padding: 21px 50px 22px; border-radius: 50px; background: #fff; }
.box-round.bg-primary { color: #fff; }
.box.border-bottom { border-top: 2px solid #000; border-bottom: 1px solid #dbdbdb; }

/* 구분선 */
.divider { display: inline-block; width: 1px; height: 12px; margin: -2px 10px 0; vertical-align: middle; background-color: #aaa; }
.divider-top { margin-top: 50px; padding-top: 40px; border-top: 1px solid #e8e8e8; }
.divider-bottom { margin-bottom: 40px; padding-bottom: 50px; border-bottom: 1px solid #e8e8e8; }

/* 글꼴, 색상 */
.color-primary { color: #ed174d; }
.color-default { color: #000; }
.color-gray { color: #767676; }
.color-red { color: #f60644; }
.color-white { color: #fff; }
.size-xs { font-size: 12px; line-height: 22px; }
.size-sm { font-size: 14px; line-height: 24px; }
.size-md { font-size: 16px; line-height: 16px; }
.size-lg { font-size: 24px; line-height: 34px; }
.size-xl { font-size: 32px; line-height: 42px; }
.size-smaller { font-size: 0.9375em; }
.size-larger, .size-larger h2, .size-larger h3 { font-size: 1.125em; }
.size-larger h2, .size-larger h3 { font-size: inherit; line-height: inherit; }
.link:focus, .link:hover { color: #ed174d !important; border-bottom: 1px solid #ed174d; }
.bg-gray { background-color: #f0f1f2; }
.bg-primary { background-color: #4a4c58; }
.bg-gradation { position: relative; max-height: 207px; color: #fff; background: url(../images/common/bg-wide-gradation.png) no-repeat center center; }

/****************************
    레이아웃
****************************/
body { position: relative; min-width: 1160px; overflow-x: auto; }
#container { width: 1160px; margin: auto; padding: 35px 0 80px; min-height: calc(100vh - 200px); }
#container:after { display: block; clear: both; content: ''; }
.content-inner { max-width: 1160px; }
#footer { position: relative; padding-bottom: 60px; background-color: #1d1f20; }
#btn-totop { display: none; position: fixed; left: 50%; margin-left: 600px; bottom: 110px; width: 50px; height: 50px; padding-top: 8px; color: #000; font-size: 11px; font-weight: bold; border: 1px solid rgb(229, 229, 229); border-radius: 25px; text-align: center; line-height: 40px; background: #fff url(../images/common/ico-arr-up2.png) no-repeat center 13px; box-shadow: 3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.04); z-index: 600; }

/* 모달 레이어 레이아웃 */
.popup .btn-group { margin-top: 40px; }
.popup-title { padding: 10px 0 20px; border-bottom: 2px solid #000; color: #000; font-size: 18px; vertical-align: middle; }
.popup-body h4, .popup-body h5 { margin-bottom: 5px; font-size: 15px; }
.popup-body article { margin-bottom: 25px; }
.popup-body p { margin-bottom: 10px; }
.btn-close-popup { position: absolute; right: 30px; top: 34px; width: 40px; height: 40px; text-indent: 100%; white-space: nowrap; background: url(../images/rental/join/ico-close.png) no-repeat center center; overflow: hidden; }
.overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2000; transform: translateZ(0); }
.modal-opened { overflow: hidden; }
.layer-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2050; overflow-y: auto; }
section.layer-popup { margin-bottom: 0; }
.layer-popup.layer-small .popup-inner { width: 420px; margin-left: -210px; height: 216px !important; margin-top: -108px; border-radius: 16px; padding: 50px 30px 30px 30px; }
.layer-popup.layer-small .popup-inner .popup-body { padding-top: 0 }
.layer-popup.layer-small .popup-inner .popup-body p { font-size: 18px; line-height: 24px; text-align: center; }
.layer-popup.layer-small .popup-inner .popup-body .btn-group { margin: 30px 0 0 0; }
.layer-popup.layer-small .popup-inner .btn-pink { background-color: #ec008c; color: #fff; width: 100%; max-width: 360px; border-color: #ec008c; }
.layer-popup.layer-small .popup-inner .btn-pink:hover, .layer-popup.layer-small .popup-inner .btn-pink:focus { color: #fff; border: 1px solid #ec008c; }
.layer-popup .table-form { margin-bottom: 0; padding: 15px; }
.layer-popup .table-form>tbody>tr:last-child>* { padding-bottom: 15px; }
.layer-popup .btn-group { margin-top: 25px; }
.layer-popup .popup-inner .popup-body, .layer-popup .popup-inner .popup-body p, .layer-popup .popup-inner .popup-body ul li { word-break: keep-all; }
.layer-popup .popup-inner .popup-body ul { }
.layer-popup .popup-inner .popup-body ul li { line-height: 1.4; }
.layer-popup .popup-inner .popup-body ul.num li { padding-left: 16px; text-indent: -16px; }
.layer-popup .popup-inner .popup-body ul.list li:not(:last-child) { margin-bottom: 10px; }
.layer-popup .popup-inner .popup-body ul.terms li:not(:last-child) { margin-bottom: 30px; }
.layer-popup .popup-inner .popup-body ul.terms li h5 { font-size: 18px; margin-bottom: 10px; }
.layer-popup .popup-inner .popup-body ul li strong { font-size: 16px; display: inline-block; color: #ed174d;}
.layer-popup .popup-inner .popup-body ul li .sub-list { margin: 5px 0; padding-left: 12px; }
.layer-popup .popup-inner .popup-body ul li .sub-list li { padding-left: 24px; text-indent: -24px; }
.layer-popup .popup-inner .popup-body ul.terms li .sub-list li { margin-bottom: 10px; }
.layer-popup .table-form select { display: block; float: left; margin-right: 15px; }
.layer-popup .table-form select.last { margin-right: 0; }
.layer-popup .event-banner a { display: block; width: 650px; height: 140px; margin: 0 auto 58px; background: url('../images/rental/join/event-banner-pc.jpg') no-repeat -18px 0; border: 1px solid #cac6ff; border-radius: 3px; text-indent: -9999px; }
.layer-popup .popup-inner .popup-body .terms-box { margin-top: 60px; }
.layer-popup .popup-inner .popup-body .terms-box h3 { font-size: 24px; margin-bottom: 20px; }
.layer-popup .popup-inner .popup-body .terms-box strong { margin-bottom: 10px; display: block; }
.layer-popup .popup-inner .popup-body .terms-box .brown { color: #ed7d31; }
.layer-popup .popup-inner .popup-body .terms-box .green { color: #00b050; }
.layer-popup .popup-inner .popup-body .terms-box .red { color: #c00000; }
.layer-popup .popup-inner .popup-body .terms-box .blue { color: #0070c0; }
.layer-popup .popup-inner .popup-body .area-search .title2 { font-weight: 500 }

.layer-popup { transform: translateZ(0); overflow-y: scroll; }
.layer-popup .popup-inner { position: fixed; width: 726px; height: 720px !important; left: 50%; top: 50%; margin-left: -363px; margin-top: -360px; padding: 38px 40px; box-shadow: 3px 5px 5px rgba(0, 0, 0, .3); background-color: #fff; }
.popup-body { position: relative; padding-top: 30px; max-height: 518px; overflow-y: auto; overflow-x: hidden; }
.input-box dl.flex { display: flex; align-items: center; }
.content-inner.event { max-width: 1160px; }

/* 주소검색 팝업 공통 */
.area-search { position: relative; }
.area-search .notice { font-weight: 500; font-size: 18px; }
.area-search .notice:before { display: inline-block; content: ''; width: 24px; height: 24px; margin: -4px 12px 0 0; vertical-align: middle; background-image: url(../images/rental/join/ico-notice-violet.png); }
.area-search .divider-top { }
.area-search .copy { font-weight: 500; font-size: 22px; }
.area-search .goods-list { margin-top: 18px; padding: 0 20px; }
.area-search .goods-list:after { display: block; clear: both; content: ''; }
.area-search .goods-list li { float: left; width: calc(50% - 16px); height: 178px; margin: 8px; border: 1px solid #e8e8e8; border-radius: 5px; text-align: center; }
.area-search .goods-list strong { display: block; margin-bottom: 5px; font-size: 20px; }
.area-search .goods-list label { height: 100%; padding: 25px 83px; text-indent: 0; }
.area-search .goods-list label:before { top: 130px; left: 50%; margin-left: -9px; }
.area-search .btn-toggle2 { height: 24px; }
.area-search .service-area { display: none; position: absolute; top: 199px; right: 0; width: 586px; height: 600px; padding: 32px; border: 1px solid #e8e8e8; box-shadow: 3px 10px 10px 5px rgba(0, 0, 0, 0.05); background: #fff; overflow-y: auto; z-index: 100; }
.area-search .service-area th, .area-search .service-area td { height: 50px; color: #000; font-size: 14px; }
.area-search .table-scroll { max-height: 292px; border-top: 1px solid #000; border-bottom: 1px solid #e0e0e0; overflow-y: auto; margin-right: 25px; }
.area-search .table-scroll .table { border: 0; margin-bottom: 0; }
.area-search .table-scroll th { border-bottom: 1px solid #e0e0e0; color: #000; }
.area-search .table-scroll td { height: auto; padding: 5px 20px 5px 30px; border-top: 0; color: #000; font-size: 16px; }
.area-search .table-scroll tbody tr:first-child td { padding-top: 22px; }
.area-search .table-scroll tbody tr:last-child td { padding-bottom: 27px; }
.area-search .info-area { margin: 0 0 20px 0; padding: 13px 0 24px; border-top: 1px solid #000; border-bottom: 1px solid #e8e8e8; font-size: 16px; }
.area-search .table+.bul-star { margin-top: -20px; }
.area-search .table-form .nodata { padding: 25px 10px 30px !important; color: #ed174d; font-weight: 500; font-size: 18px; text-align: center; }
.area-search .search_addr{width: 100%; background-image:url(../images/layout/ico-search-white.png); background-size:auto; background-position: 95% 60%; background-repeat:no-repeat; }

.area-search .kakao-btn{margin-bottom: 40px;}

/*  신규 UI  */
#header { position: relative; height: 89px; text-align: center; background-color: #fff; }
#header { height: 107px; display: flex; align-items: center; justify-content: center; }
#header.onlineForm span.logo { width: 140px; height: auto; display: inline-block; margin-right: 10px; }
#header.onlineForm span.logo img { width: auto; height: 28px; object-fit: contain; }
#header.onlineForm .logo-wrap+h1 { font-size: 24px; }
#header.event { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12) }
.content-section.full { max-width: 100%; }
.content-section.full .content-inner { padding: 60px 0; max-width: 1160px }
.content-inner>h2 { font-size: 34px; line-height: 46px; text-align: center; word-break: keep-all; letter-spacing: -1.5px; }
.gray-bg { background-color: #f8f8f8; }
.progress-wrap { max-width: 1160px; margin: 0 auto; background-color: #f2f2f2; }
.progress-wrap ul { max-width: 1160px; margin: 0 auto; padding: 46px 0; text-align: left; display: flex; align-items: center; justify-content: center; }
.progress-wrap ul li { display: inline-block; width: auto; margin: 10px 0; padding-right: 10px; position: relative; text-align: left; }
.progress-wrap ul li:first-child { width: 13%; }
.progress-wrap ul li:nth-child(2) { width: 16%; padding-left: 10px; }
.progress-wrap ul li:last-child { padding: 0 0 0 10px; }
.progress-wrap ul li:not(:last-child):after { position: absolute; top: 16px; right: 7px; display: inline-block; content: ""; width: 6px; height: 10px; vertical-align: middle; background: url(../images/rental/join/ico-arr-right.png) no-repeat; background-position: 0 -11px; background-size: 100%; }
.progress-wrap ul li.on:not(:last-child):after { background-position: 0 0; }
.progress-wrap ul li span { position: relative; display: inline-block; color: #a7abbb; }
.progress-wrap ul li span:before { content: ''; display: block; width: 42px; height: 42px; background-color: #a7abbb; border-radius: 40px; margin: 0 auto 10px; }
.progress-wrap ul li span:before { background-position: center; background-repeat: no-repeat; background-size: 20px; }
.progress-wrap ul li:first-child span:before { background-image: url(../images/rental/join/prograss-ico_01.png); }
.progress-wrap ul li:nth-child(2) span:before { background-image: url(../images/rental/join/prograss-ico_02.png); }
.progress-wrap ul li:last-child span:before { background-image: url(../images/rental/join/prograss-ico_03.png); }
.progress-wrap ul li.on span { color: #000; font-weight: 400; }
.progress-wrap ul li.on span:before { background-color: #ee1740; border-color: #ee1740; }
.content-inner { max-width: 1024px; width: 100%; }
#openRentalInfo { cursor: pointer; }
.agree-wrap-title { display: flex; justify-content: space-between; align-items: center; }
.agree-wrap-title input[type=checkbox]+label { font-size: 20px; font-weight: 500; text-indent: 48px }
.agree-wrap-list { margin-top: 40px; padding-left: 36px; }
.agree-wrap-list h5 { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
.agree-wrap-list ul { margin-bottom: 20px; }
.agree-wrap-list ul li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; word-break: keep-all; }
.agree-wrap-list ul.list li { margin-bottom: 0; }
.agree-wrap-list input[type=checkbox]+label { line-height: 30px; font-weight: 400; }
.agree-wrap-list ul li .label-box+button { border-bottom: 1px solid #000; line-height: 15px; font-weight: 400; }
.btn-all { position: relative; padding-right: 20px; flex-basis: 83%; height: 20px; }
.btn-all:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 18px; height: 10px; background: url(../images/rental/join/ico_arrow_bottom.png) 0 0 no-repeat; background-size: 100%; transform: rotate(180deg); }
.btn-all.on:after { transform: rotate(0); }
.btn-all.type2:after { transform: rotate(0); }
.btn-all.type2.on:after { transform: rotate(180deg); }
.input-area .item { margin-bottom: 10px; }
.input-area  input.full { width: 100%; }
.input-area.card { display: flex; align-items: center; justify-content: flex-start; }
.input-area.border input.card-num { width: 13.8%; }
.input-area input.card-num { width: 20%; text-align: center; }
.input-area input.card-num+span { margin: 0 10px; }
.input-area input.card-num+button { width: 134px; margin-left: 10px; }
.input-area input.card-num::-webkit-input-placeholder { color: #b8b8b8; text-align: center; }
.title-area { position: relative; display: flex; justify-content: space-between; align-items: center; }
.insInfoCheck { position: relative; }
.insInfoCheck.disabled:after { content: ''; display: block; position: absolute; top: 0; background-color: #4a4c58; opacity: 0.3; width: 100%; height: 100%; }
.insInfoCheck input[type=checkbox]+label { font-size: 20px; font-weight: 300; text-indent: 44px; }
.insInfoCheck+.input-box, .insInfoCheck+.input-box+.input-box { margin-top: 40px; }
.open-insInfoArea { width: 70%; height: 20px; margin-left: 10px; position: absolute; right: 0px; top: 6px; }
.open-insInfoArea::after { content: ""; display: block; position: absolute; top: 0px; right: 0px; width: 18px; height: 10px; background: url(../images/rental/join/ico_arrow_bottom.png) 0px 0px / 100% no-repeat; }
.open-insInfoArea.on::after { transform: rotate(180deg); }
#insInfoArea1 { display: none; }
#insInfoArea1.on { display: block; }
#insInfoArea2 { display: none; }
#insInfoArea2.on { display: block; }
br.mo { display: none; }
.input-box { }
.input-box dl:not(:last-child) { margin-bottom: 10px; }
.input-box dt { display: inline-block; width: 18%; font-weight: 500; vertical-align: middle; }
.input-box dt.addr { vertical-align: top; }
.input-box dd { display: inline-block; width: 81%; font-weight: 400; word-break: keep-all; }
.input-box dd span.no-data { color: #767676; }
.input-box input.full{width: 100%;}
.apply-info-wrap { padding: 40px; border-top: 1px solid #000; background-color: #f9fafb; display: flex; align-items: flex-start; }
.apply-info-wrap .img-box { width: 300px; margin-right: 40px; }
.apply-info-wrap .img-box img { width: auto; max-width: 300px; height: 262px; object-fit: contain; }
.apply-info-wrap .info-detail { width: 430px; }
.apply-info-wrap .info-detail h5 { font-size: 16px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.apply-info-wrap .info-detail ul:first-child { border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 20px; }
.apply-info-wrap .info-detail ul li { display: flex; justify-content: space-between; }
.apply-info-wrap .info-detail ul:nth-child(2) li:nth-child(2) { align-items: flex-end; }
.apply-info-wrap .info-detail ul li:not(:last-child) { margin-bottom: 16px; }
.apply-info-wrap .info-detail ul li .dec.price strong { font-size: 24px; line-height: 24px; }
.side-menu .side-menu-wrap .open-btn span { position: relative; }
#btn-cousl { display: flex; align-items: center; justify-content: center; position: absolute; border: 1px solid #ed174d; border-radius: 45px; white-space: nowrap; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); background: #fff; overflow: hidden; z-index: 600; color: #ed174d; }
#btn-cousl span { display: inline-block; }
.label-box.flex { display: flex; align-items: center; margin-bottom: 20px; padding: 14px }
.label-box.incSub { display: flex; align-items: center; margin-bottom: 20px; padding: 14px }
.sub-check-box { display: flex; }
.sub-check-box li { margin-right: 10px; }
.label-box .all-agree { margin-right: 16px; }
.label-box .bracket { font-size: 14px; }
.sub-check-box li input[type=checkbox]+label { font-size: 14px; line-height: 20px; padding: 0; text-indent: 24px; min-height: 20px }
.sub-check-box li input[type=checkbox]+label:before { width: 20px; height: 20px; background: url('../images/rental/join/ico_check_sm_mo.png') center center no-repeat; background-size: 100% 100%; }
.sub-check-box li input[type=checkbox]:checked+label:before { background: url('../images/rental/join/ico_check_sm_on_mo.png') center center no-repeat; background-size: 100% 100%; }
.apply-info-wrap .info-detail ul li .title, .apply-info-wrap .flex-box dt .title, .side-menu .side-menu-wrap .product-info .info-detail ul li .title, .side-menu .side-menu-wrap .giveaway-info .title, .apply-info-wrap .info-detail ul li .dec, .apply-info-wrap .flex-box dd .dec, .side-menu .side-menu-wrap .giveaway-info .dec, .side-menu .side-menu-wrap .product-info .info-detail ul li .dec { font-weight: 400; }
.side-menu .side-menu-wrap .product-info .info-detail ul li .title {letter-spacing: -1.4px;}
.side-menu .side-menu-wrap .product-info .info-detail ul li .dec {letter-spacing: -1.4px;}
.apply-info-wrap .info-detail ul li .title em { font-style: normal; display: block; line-height: 12px; }
.apply-info-wrap .info-detail ul li .dec { max-width: 50%; }
.apply-info-wrap .info-detail ul li .dec.m-price {text-align: right;}
.apply-info-wrap .info-detail ul li .dec.m-price em.total { display: block; font-style: normal; }
.side-menu-wrap .product-info .info-detail ul li .m-price { font-weight: 500 !important; font-size: 20px; }
.conts-info { text-align: center; letter-spacing: -1.5px; }
.conts-info .img-box { margin-bottom: 26px; }
.conts-info .img-box+h2 { font-size: 30px; line-height: 38px; margin-bottom: 16px; font-weight: 400; }
.conts-info .dec { font-size: 18px; color: #303030; font-weight: 300; }
.banner-list { text-align: center; margin: 80px 0 50px; }
.banner-list li { margin-bottom: 30px }
.banner-list li a{ display: inline-block; }
.blind { position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.info-layer { display: none; }
.agree-wrap-list.alone { margin: 0; padding: 20px 0; }
.agree-wrap-list.alone ul { margin-bottom: 0; }
.agree-wrap-list.no-padding-left { padding-left: 0; }
.agree-wrap-list.no-padding-left ul:not(:last-child) { margin-bottom: 50px }
.box.border-bottom .agree-wrap-title .label-box strong { font-size: 20px; }
.overflow-table { overflow-x: scroll; }
.overflow-table table { width: 1200px; }
.input-box input[name=Ins_phone] { width: 100%; }

.table thead tr.is-dark th { color: #000; background-color: #eee; font-weight: 400; }

/*   스티키 레이어   */
.content-section { max-width: 1160px; margin: 0 auto; }
.content-inner { max-width: 860px; width: 100%; padding: 66px 0 100px; }
.progress-wrap { text-align: center; max-width: 100%; }
.progress-wrap ul li span { display: inline-flex; align-items: center; }
.progress-wrap ul li span:before { margin: 0 10px 0 0; }
.input-area .item .zip-code, .input-area .withBtn { width: 504px; margin-right: 4px }
.input-area .item .zip-code+a, .input-area .withBtn +a { width: 120px; display: inline-block; font-weight: 300; }
.side-menu { position: absolute; top: 378px; left: calc(50% + 316px); margin: 0; width: 264px; height: auto; padding: 0; border: 2px solid #333; background-color:#fff; }
.side-menu.sticky { position: fixed; top: 10px; }
.side-menu .side-menu-wrap { width: 100%; height: auto; display: inline-block; }
.rqeust-info-wrap { display: block !important; }
.side-menu .side-menu-wrap .img-box { text-align: center; padding: 20px 0; }
.side-menu .side-menu-wrap .img-box img { width: auto; max-width: 260px; height: 170px; object-fit: contain; }
.side-menu .side-menu-wrap .side-top img { width: 17px; height: 22px; margin-bottom: 15px; object-fit: contain; }
.side-menu .side-menu-wrap .open-btn { display: none; }
.side-menu .side-menu-wrap .product-info .info-detail { font-size: 14px; padding: 20px; }
.side-menu .side-menu-wrap .product-info .info-detail h5 { font-size: 18px; line-height: 1.3; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.side-menu .side-menu-wrap .product-info .info-detail ul + ul { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d2d2d2; }
.side-menu .side-menu-wrap .product-info .info-detail ul li { display: flex; justify-content: space-between;}
.side-menu .side-menu-wrap .product-info .info-detail ul li.rental-price { text-align: right; align-items: flex-start; }
.side-menu .side-menu-wrap .product-info .info-detail ul li em.total { display: block; font-style: normal; }
.side-menu .side-menu-wrap .product-info .info-detail ul li:not(:last-child) { margin-bottom: 10px; }
.side-menu .side-menu-wrap .product-info .info-detail h5 + ul li:first-child .title{width: 28%;}
.side-menu .side-menu-wrap .product-info .info-detail h5 + ul li:first-child .dec{width: 72%; text-align: right;}
.side-menu .side-menu-wrap .giveaway-info { padding: 0 20px 20px 20px }
.side-menu .side-menu-wrap .giveaway-info .detail { display: flex; justify-content: space-between; font-size: 14px; padding-top: 20px; border-top: 1px solid #000; }
.side-menu .side-menu-wrap .giveaway-info .dec { max-width: 70%; }
.side-button { background-color: #f3f3f3; padding: 0 20px; }
.side-button ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; }
.side-button ul li {font-size: 16px; }
.side-button ul li:nth-child(2) strong {font-size: 28px; letter-spacing: -1.5px }
.side-button ul li p { letter-spacing: -1px; line-height: 14px; }
.side-menu .side-menu-wrap .price-detail { display: none; }
#btn-cousl { right: -90px; top: 0; width: 70px; height: 70px; font-size: 13px; font-weight: 500; }
#btn-cousl span { display: inline-block; }

/* 탭메뉴 */
.tab-list { margin-bottom: 30px; border-collapse: collapse; border-bottom: 1px solid #d2d2d2; font-size: 18px; line-height: 1.3; word-break: keep-all; overflow: hidden; }
.tab-list:after { display: block; clear: both; content: ''; }
.tab-list li { display: table-cell; float: none; margin: 0; border: 1px solid #d2d2d2; border-bottom-width: 0; vertical-align: middle; color: #767676; background-color: #fff; }
.tab-list li h2, .tab-list li h3 { font-weight: inherit; font-size: inherit; }
.tab-list li a { display: table; width: 100%; text-decoration: none; }
.tab-list li a span { display: table-cell; width: 1%; height: 68px; padding: 1px 30px 0; text-align: center; vertical-align: middle; }
.tab-list li.on { border-top-color: #000; border-bottom-color: transparent; color: #000; }
.tab-list li.on a span { padding-top: 0; border-top: 1px solid #000; font-weight: 500; }
.tab-list { width: 100%; min-width: 100%; border-bottom: 0; }
.tab-list li { display: table-cell; width: 1%; border-bottom-width: 1px; }
.tab-list-matrix { margin-bottom: 60px; border-top: 1px solid #d2d2d2; font-size: 18px; line-height: 1.3; word-break: keep-all; background: url(../images/common/bg-tab-matrix.png); }
.tab-list-matrix:after { display: block; clear: both; content: ''; }
.tab-list-matrix li { float: left; width: 232px; height: 69px; padding: 1px; color: #767676; }
.tab-list-matrix li:nth-child(5n+1) { border-left: 1px solid #d2d2d2; }
.tab-list-matrix li a { display: table; width: 100%; text-decoration: none; background-color: #fff; }
.tab-list-matrix li a span { display: table-cell; width: 1%; height: 67px; padding: 0 30px; text-align: center; vertical-align: middle; }
.tab-list-matrix li.on { font-weight: 500; color: #fff; background-color: #ed174d; }
.tab-list-matrix li.on a { background-color: transparent; }

.addrSearch-box { margin-bottom: 20px; padding: 20px 30px; background-color: #f9fafb; border-top: 1px solid #000 }
.addrSearch-box dl { display: flex; align-items: center; margin-bottom: 10px; }
.addrSearch-box dl dt { width: 15%; }
.addrSearch-box dl dd { width: 80%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.addrSearch-box dl dd select { width: 48%; }
.addrSearch-box dl dd .row { width: 100%; }

.addrSearch-box { margin-bottom: 10px; padding:20px 0; background-color: #fff; }
.addrSearch-box dl { display: flex; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.addrSearch-box dl dt { width: 100%; margin-bottom: 10px; }
.addrSearch-box dl dt label { font-size: 16px; font-weight: 500; }
.addrSearch-box dl dd { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.addrSearch-box dl dd select { width: 48%; }


/* 표 */
.table { width: 100%; margin-bottom: 20px; table-layout: fixed; border-spacing: 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; line-height: 1.3; background-color: #fff; }
.table th, .table td { height: 70px; padding: 10px 20px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; }
.table th:first-child, .table td:first-child { border-left: 0; }
.table th.border-left, .table td.border-left { border-left: 1px solid #e0e0e0; }
.table th { font-weight: 400; text-align: center; background-color: #eee; }
.table th { text-align: center; }
.table td { text-align: left; }
.table thead th { color: #555; background-color: #f9fafb; }
.table thead tr:first-child>* { border-top: 0; }
.table tr.tfoot>* { font-weight: 500; border-top: 1px solid #c2c2c2; background-color: #fefefe; }
.table thead~tbody td { text-align: center; }
.table colgroup+tbody>tr:first-child>* { border-top: 0; }
.table .full { padding: 0; }
.table .nodata { height: 140px; line-height: 26px; }
.table.table-h-nofixed th, .table.table-h-nofixed td { height: 0; }
.table-outline { border-top-width: 1px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 0; }
.table-outline thead th { text-align: center; background-color: #fff; }
.table-outline tr>*:last-child { border-right: 1px solid #e0e0e0; }
.table-outline th { color: #767676; }
.table-outline td { color: #000; }
.table-outline th, .table-outline td { padding-left: 30px; padding-right: 30px; }
.table-outline td.border-right-none { border-right: 0; }
.table-outline colgroup+tbody>tr>* { border-left: 0; }
.table-outline colgroup+tbody>tr>th { padding-left: 35px; text-align: left; }
.table-outline colgroup+tbody>tr>td { border-right: 1px solid #e0e0e0; }
.table-light { border-top-width: 1px; }
.table-thin { border-top: 1px solid #e0e0e0; }
.table-thin.table-form { border-top-width: 0; }
.table-light.table-form tbody+tbody>tr:first-child>*, .table-thin.table-form tbody+tbody>tr:first-child>* { border-top-color: #ddd; }
.table-list th, .table-list td { padding-left: 30px; padding-right: 30px; border-left: 0; border-right: 0; }
.table-list thead~tbody th, .table-list thead~tbody td { text-align: center; }
.table-list colgroup~tbody th, .table-list colgroup~tbody td { height: 80px; }
.table-list thead th { color: #000; font-weight: 500; }
.table-list tbody td { color: #767676; }
.table-list .link { color: #000; }
.table-list .notice a { font-weight: 500; }
.table-list .ico.ico-new { margin: -3px 0 0 8px; }
.table-list .label-category:after { display: inline-block; content: ''; width: 1px; height: 15px; margin: 0 10px; vertical-align: middle; background-color: #ed174d; }
.table-list .nodata, p.nodata { line-height: 145px; color: #000; font-weight: 500; font-size: 20px; text-align: center; }
.table-list .nodata:before, p.nodata:before { display: inline-block; content: ''; width: 24px; height: 24px; margin: -4px 8px 0 0; vertical-align: middle; background-image: url(../images/rental/join/ico-notice-violet.png); }
p.nodata { border-top: 2px solid #000; }
.table-view { border-right: 0; }
.table-view th, .table-view td { padding: 10px 30px; border-left: 0; border-right: 0; text-align: left; }
.table-view th { color: #555; background-color: #f9fafb; }
.table-view td { color: #000; }
.table-view tr:first-child>* { border-top: 0; }
.table-form { border-bottom: 0; margin-bottom: 35px; }
.table-form { padding: 40px 40px 30px; background-color: #f9fafb; }
.table-form>tbody>tr>th, .table-form>tbody>tr>td { border: 0; text-align: left; padding: 10px; line-height: 26px; }
.table-form>thead>tr>th, .table-form>tbody>tr>th { padding-top: 20px; padding-bottom: 20px; font-weight: 500; vertical-align: top; background-color: transparent; }
.table-form>tbody>tr>td { word-spacing: 6px; }
.table-form>tbody>tr:last-child>* { padding-bottom: 30px; }
.table-form>tbody+tbody>tr:first-child>* { border-top: 1px solid #d2d2d2; padding-top: 35px; }
.table-form>tbody>tr>th .req { margin-left: -11px; background-color: #f9fafb; }
.table-form>tbody>tr>th:before { display: inline-block; content: ''; width: 3px; height: 3px; margin: -2px 4px 0 -7px; vertical-align: middle;        /*background-color:#000;*/ }
.table-form>tbody>tr>th label { vertical-align: top; }
.table-form p, .table-form span, .table-form label, .table-form a, .table-form li, .table-form dl, .table { word-spacing: normal; }
.table-form.table-req>tbody>tr>th:before { display: none; }
.req { display: inline-block; width: 7px; height: 7px; margin-top: -2px; color: #f60644; text-indent: 100%; white-space: nowrap; vertical-align: middle; background: url(../images/rental/join/ico-star-red.png); overflow: hidden; }
.bul-warning+.file-list { margin-top: 14px; }
.file-list li { position: relative; padding: 8px 0 7px 30px; }
.file-list li:before { display: inline-block; content: ''; position: absolute; left: 1px; top: 12px; width: 19px; height: 20px; vertical-align: middle; background: url(../images/rental/join/ico-input-file.png) no-repeat left center; overflow: hidden; }
.file-list .btn-delete-file { margin-left: 18px; }
.table-top-none { border-top: 0; }
.table-bottom-none { border-bottom: 0; }
.table-form tr.hr-a th, .table-form tr.hr-a td { position: relative; padding: 15px 0 40px; height: auto; line-height: 0; vertical-align: middle; }
.table-form tr.hr-a th::before, .table-form tr.hr-a td::before { content: ''; display: block; position: absolute; top: 50%; width: auto; height: 1px; background-color: #ddd; overflow: hidden; left: 0; right: 0; margin: 0 10px; }
.table-pd th, .table-pd td { padding-left: 20px; padding-right: 20px; border-left: 0; border-right: 0; }
.input-box dd { font-weight: 300; }
.insInfoCheck+.input-box dl { margin-bottom: 30px; }

/* indicator */
.overlay1 { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2000; transform: translateZ(0); }
.md-indicator { position: fixed; top: 50%; right: 50%; width: 120px; height: 120px; margin-top: -70px; margin-right: -60px; text-align: center; visibility: visible; z-index: 9100; opacity: 1; transform: scale(1); transition: z-index 0s linear 0s, visibility 0s linear 0s, opacity .4s linear 0s, transform .4s ease-in-out 0s; }
.md-indicator::before { content: ''; display: inline-block; letter-spacing: 1; font-size: 12px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.md-indicator>span { position: relative; display: block; width: 120px; height: 120px; border-radius: 100%; border-top: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #fff; border-left: 7px solid rgba(255, 255, 255, .2); animation: load8 .6s infinite linear; transition: background-color .2s ease-in-out 0s; }
@keyframes load8 {
    0% { transform: rotate(0) }
    to { transform: rotate(360deg) }
}

/*  신규 가입 가능 여부 조회 */
.agree-all-box { display: flex; justify-content: space-between; align-items: center; }
.agree-all-box input[type=checkbox]+label { font-size: 20px; font-weight: 500; text-indent: 48px }
.agree-sub-list { margin-top: 40px; padding-left: 36px; }
.agree-sub-list h5 { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
.agree-sub-list ul { margin-bottom: 20px; }
.agree-sub-list ul li { margin-bottom: 20px; word-break: keep-all; }
.agree-sub-list ul li .title-box { display: flex; justify-content: space-between; align-items: center; }
.agree-sub-list ul li .detail-box { display: none; }
.agree-sub-list ul li .detail-box.on { display: block; border: 1px solid #d2d2d2; background-color: #fff; height: 196px; overflow-y: scroll; margin: 20px 0; padding: 12px 20px; }
.agree-sub-list ul li .detail-box p + table { margin-top: 20px; }
.agree-sub-list input[type=checkbox]+label { line-height: 30px; font-weight: 400; }
.agree-sub-list ul li .label-box+button { border-bottom: 1px solid #000; line-height: 15px; font-weight: 400; }

#layer-areasearch .popup-body{max-height: none;}

@media screen and (max-width:1159px) {
    .side-menu.sticky{left:896px;} 
}

.agree-wrap-title { align-items: start; }
.agree-wrap-title .btn-all.small:after { top: 11px; }
.agree-wrap-title .btn-all.small { flex-basis: 14%; height: 25px; }
.agree-wrap-title input[type=checkbox] + label { padding: 0 0 0 45px; text-indent: 0; word-break: keep-all; }
.agree-wrap-title .nowrap { white-space: nowrap; word-break: keep-all; }

.table-bottom-none tbody td strong, .privacy-bold tbody td strong {color: #ed174d;}