@charset 'utf-8'; @import url(global.css); /*효영*/ @font-face { font-family: 'Hyundai_B1012'; src: url('Hyundai_B1012.woff') format('woff'); font-size: normal; font-weight: normal; } @font-face { font-family: 'Hyundai_R1012'; src: url('Hyundai_R1012.woff') format('woff'); font-size: normal; font-weight: normal; } /* 2022-03-04 추가 : S */ @font-face { font-family: "Happiness-Sans"; font-weight: 400; src: local("Happiness-Sans-Regular"), local("Happiness-Sans-Regular"), url("../../font/Happiness-Sans-Regular.woff") format("woff2"), url("../../font/Happiness-Sans-Regular.woff") format("woff"), url("../../font/Happiness-Sans-Regular.otf") format("opentype"), url("../../font/Happiness-Sans-Regular.ttf") format("truetype"); } /* 2022-03-22 수정 [S] */ @font-face { font-family: "Happiness-Sans"; font-weight: 700; src: local("Happiness-Sans-Bold"), local("Happiness-Sans-Bold"), url("../../font/Happiness-Sans-Bold.woff") format("woff2"), url("../../font/Happiness-Sans-Bold.woff") format("woff"), url("../../font/Happiness-Sans-Bold.otf") format("opentype"), url("../../font/Happiness-Sans-Bold.ttf") format("truetype"); } /* 2022-03-22 수정 [E] */ @font-face { font-family: "Happiness-Sans-Title"; font-weight: 700; src: local("Happiness-Sans-Title"), local("Happiness-Sans-Title"), url("../../font/Happiness-Sans-Title.woff") format("woff2"), url("../../font/Happiness-Sans-Title.woff") format("woff"), url("../../font/Happiness-Sans-Title.otf") format("opentype"), url("../../font/Happiness-Sans-Title.ttf") format("truetype"); } /* 2022-03-04 추가 : E */ /* standard css start */ html {margin:0; padding:0;} body {font-size:13px; margin:0; padding:0;} ul, li, ol {list-style:none;} img, fieldset {border:none;} img, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, select, label, p, blockquote, table, th, td, button, abbr, acronym, applet, audio, big, canvas, cite, dfn, code, samp, kbd, var, datalist, details, keygen, small, source, strike, sub, sup, tt {margin:0; padding:0;} table {border-collapse:collapse;} address {font-style:normal; font-weight:normal;} caption {display: block; position: absolute; overflow: hidden; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);} /* 2019-웹접근성-008 변경 */ th {font-style:normal; font-weight:normal;} h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;} em {font-style:normal;} header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; padding:0; margin:0;} button {cursor:pointer; display:block; border:none; background:none; font-family:inherit; color:#333;} hr {display:none;} legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;} input, button, select, textarea {vertical-align:top;} label {vertical-align:top; cursor:pointer; display:inline-block;} img {width:100%; vertical-align:top;} p, a {word-break:keep-all;} /* font, line-height */ html, body, div, dl, form, ol, p, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, area, a, b, br, i, img, small, span, strong, sub, sup, legend, fieldset, input, textarea { } html, body { width:100%; min-height:100%; min-width:320px; line-height:normal; font-family:'Happiness-Sans','sans-serif'; /* 'Hyundai_R1012'; */ /* 2022-03-04 수정 */ -webkit-text-size-adjust:none; color:#333; } html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); } html.no-svg, .no-svg body {height:auto; min-height:100%;} html.height100, html.height100 body {height:100%;} input, textarea, select { /* outline:none; */ /* 2017-10-16 : 웹접근성( outline속성 주석처리 ) */ font-family:sans-serif; /* 'Hyundai_R1012'; */ -webkit-border-radius:0; border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-tap-highlight: transparent; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } input[type="text"][readonly], input[type="number"][readonly], input[type="tel"][readonly], input[type="search"][readonly] {background-color:#e5e5e5;} input[type="search"]::webkit-search-cancel-button {-webkit-appearance: none;} label {color:#555;} textarea {font-size:14px; padding:10px 12px; width:100%; border:1px solid #797979; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} textarea[readonly] {background-color:#e5e5e5;} /* link */ a {text-decoration:none; cursor:pointer; color:#333;} a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} a:hover {text-decoration:none;} a:focus {text-decoration:none;} *:focus {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} /* font */ strong {font-weight:normal;} .bl {font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ /* layout */ .wrapper {position:relative; max-width:640px; height:100%; margin:0 auto; overflow-x:hidden;} /* #content-body {position:relative; left:0; width:100%; min-height:100%; -moz-transition:left .5s; -webkit-transition:left .5s; transition:left .5s; z-index:20; background-color:#fff;} */ #content-body {position:relative; left:0; width:100%; min-height:100%; z-index:20; background-color:#fff;} .wrapper.on {background-color:#1b1d21;} .wrapper.on #content-body {left:260px;} .wrapper #content-body .content-overlay {content:''; position:absolute; top:0; left:0; right:0; height:0; overflow:hidden; z-index:120;} .wrapper.on #content-body .content-overlay {bottom:0; height:auto;} #content {width:100%; padding-bottom:50px;} .container {padding:20px 13px 0 13px;} .container.wide {padding:13px 0 0;} .container.widewh {padding:0;} .container.hdEvent.noPadding{padding:0px;} .container.hdCard.CARD-M0015_02.noPadding{padding:0px;} .navi-wrap {width:100%; overflow:hidden; position:relative; height:40px;} .navi-scroll {width:100%; overflow:hidden;position:absolute; top:0; left:0;} #navi-scroll-slider li {height:40px; line-height:40px; text-align:center; float:left; width:150px; font-size:14px;} #navi-scroll-slider li a {padding:10px 5px 5px; color:#898989; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ #navi-scroll-slider li.current a {box-shadow:inset 0 -2px 0 rgba(255,255,255,1); color:#fff;} #navi-scroll-slider li span {display:block; float:left; width:100%;} #i-slider-wrapper {overflow:hidden; width:100%;} #i-slider-wrapper .i-slider {width:100%; overflow: hidden; position: relative;} #i-slider-wrapper .i-slider .i-page {float:left; width:100%; position: relative; padding-left:13px; padding-right:13px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #i-slider-wrapper .i-slider .i-page.wide {padding:0;} #i-slider-wrapper .i-slider .i-page.wide .tab-menu {margin:7px 13px 0;} .widewh #i-slider-wrapper .i-slider .i-page.wide .tab-menu {margin-top:20px;} .widewh #i-slider-wrapper .i-slider .i-page.margin-bottom {padding-bottom:50px;} /* common */ /* 2016 WA품질인증 이후 */ .hidden {display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);} /* 2016 WA품질인증 이전 .hidden {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; color:rgba(0,0,0,0); line-height:0; overflow:hidden; text-indent:-9999px; visibility:hidden;} */ .fix:after {content:''; display:block; height:0; clear:both; visibility:hidden;} /* skip */ .skip {margin: 0;} .skip a {display: block; position: relative; margin-top: -32px; height: 32px; line-height: 32px; font-size: 16px; overflow: hidden; font-weight: bold; text-align: center; color: #ffffff; background-color: #3376AD;} .skip a:active, .skip a:focus {margin-top: 0;} .fl {float:left;} .fr {float:right;} .i- {position:relative; padding:0 0 0 9px; line-height:18px; word-break:keep-all;} .i-:before {position:absolute; content:''; top:7px; left:0; width:5px; height:2px; background-color:#858585;} .dot {position:relative; padding:0 0 0 9px; line-height:18px; font-size:13px; color:#333;} .dot:before {position:absolute; content:''; top:7px; left:0; width:3px; height:3px; background-color:#333;} .step-is {margin:0 0 8px;} .step-is:after {content:''; clear:both; height:0; display:block;} .step-is > span {float:left; width:6px; height:22px; line-height:22px; margin-right:1px; background-color:#b2b2b2; font-size:0; overflow:hidden;} .step-is > span.current {position:relative; padding:0 18px 0 8px; width:auto; font-size:14px; color:#fff; font-family:'Happiness-Sans'; background:#000}/* 2022-03-04 수정 */ .step-is > span.current:after {content:''; position:absolute; top:50%; margin-top:-5px; right:6px; width:5px; height:10px; background:url('../../images/mobilehome/svg/svgIconStep.png') no-repeat right center; background-size:5px 10px;} .step-is > span.current:last-child {padding-right:10px;} .step-is > span.current:last-child:after {background-image:none;} .step-finish {padding:0; text-align:center;} .step-finish .msg-finish {font-family:'Happiness-Sans'; font-size:22px;}/* 2022-03-04 수정 */ .step-finish .txt-sub {padding-top:20px; margin-top:20px; border-top:1px solid #dcdcdc; font-size:13px; line-height:19px; text-align:left;} .step-finish:before {content:''; display:block; width:100%; height:107px; background-repeat:no-repeat; background-position:50% 27px; background-size:60px 60px;} .step-finish.icon01:before {background-image:url('../../images/mobilehome/svg/icon_stepFinish01.png');} .step-finish.icon02:before {background-image:url('../../images/mobilehome/svg/icon_stepFinish02.png');} .step-finish.icon03:before {background-image:url('../../images/mobilehome/svg/icon_stepFinish03.png');} .step-finish.icon04:before {background-image:url('../../images/mobilehome/svg/icon_stepFinish04.png');} .step-finish.icon05:before {background-image:url('../../images/mobilehome/svg/icon_stepFinish05.png');} /* 2018-07-18 : S */ .step-is-type2 {position:relative;width:100%;margin:20px 0 18px;font-size:0;text-align:center} .step-is-type2:after {content:'';position:absolute;top:50%;left:0;z-index:-1;width:100%;height:1px;margin-top:-1px;background-color:#51a6b3} .step-is-type2 > span {display:inline-block;width:19px;height:19px;background-color:#fff;border:1px solid #51a6b3;border-radius:50%;font-size:13px;color:#51a6b3;line-height:19px;vertical-align:middle;} .step-is-type2 > span + span {margin-left:60px} .step-is-type2 > span.current {background-color:#51a6b3;color:#fff;} /* 2018-07-18 : E */ .table-layout {display:table; table-layout:fixed; width:100%; border-collapse:collapse;} .table-row {display:table-row;} .table-cell {display:table-cell;} .title-article {padding:10px 0 6px; font-family:'Happiness-Sans'; font-size:17px; color:#000; line-height:21px; border-bottom:2px solid #797979;}/* 2022-03-04 수정 */ .title-article.type2 {padding:13px 16px;margin-top:33px;border:1px solid #efefef;border-left:0;border-right:0;color:#333} /* 2018-07-18 */ .title-article.wide {margin-right:-13px;margin-left:-13px} /* 2018-07-18 */ .title-article.type2 label {color:#333} /* 2018-07-18 */ .title-article.tgg-title {position:relative} /* 2018-09-21 */ .title-article.tgg-title .ico_arrow{display:inline-block;width:11px;height:6px;margin-top:-3px;margin-left:6px;background:url('../../images/mobilehome/svg/svgArrTop3.png') 0 0 no-repeat;background-size:11px 6px;vertical-align:middle} /* 2018-09-21 */ .title-subject {font-family:'Happiness-Sans'; font-size:17px; color:#000; line-height:21px;} /* 2022-03-04 수정 */ .title-subject.b-line {position:relative; padding-bottom:5px; margin-top:27px; margin-bottom:0; border-bottom:1px solid #797979;} .title-campaign {width:207px; padding:25px 0 10px; margin:0 auto;} .title-subject-2 {background-color:#797979; color:#fff; font-size:15px; font-family:'Happiness-Sans'; padding:3px 13px; line-height:20px;}/* 2022-03-04 수정 */ .title-wrap {position:relative;} .title-wrap .title {position:relative; padding:0 0 2px; font-family:'Happiness-Sans'; margin-bottom:6px; border-bottom:2px solid #797979;}/* 2022-03-04 수정 */ .title-wrap .title:after {clear:both; display:block; height:0; content:'';} .title-wrap .title .attr {float:left; display:inline-block; padding-top:5px; vertical-align:baseline; font-size:16px; line-height:18px;} .title-wrap .title .value {float:right; display:inline-block; vertical-align:baseline; font-size:20px; line-height:24px;} .title-wrap .title .needinfo {float:right; display:inline-block; vertical-align:baseline; font-size:12px; color:#666; line-height:16px;} .title-wrap .title .needinfo:before {content:''; display:inline-block; width:9px; height:6px; background:url('../../images/mobilehome/svg/svgIconNeeded.png') no-repeat 0 0; background-size:6px 6px; vertical-align:middle;} .title-wrap .title .btn-phoneNumb {position:absolute; bottom:0; right:0; display:block; background:#666; font-size:12px; color:#fff; font-family:'Happiness-Sans'; padding:7px;}/* 2022-03-04 수정 */ .tab-menu {margin:0 0 10px; border:1px solid #5b5b5b; border-radius:4px; display:-webkit-flex; display:flex;} .container.wide .tab-menu {margin:7px 13px 0;} .tab-menu a {height:28px; line-height:28px; border-left:1px solid #5b5b5b; text-align:center; margin:auto; font-family:'Happiness-Sans'; -webkit-flex:1; flex:1; -webkit-align-self: center; align-self: center; }/* 2022-03-04 수정 */ .tab-menu a:first-child {border:0;} .tab-menu a.current {background-color:#5b5b5b; color:#fff; border-top:1px solid #5b5b5b;} .tab-menu-wrap-init {display:table; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .tab-menu a {display:table-cell;} .flex-wrap { height:100%; display:-webkit-flex; display:-moz-flex; display:flex; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-flex-wrap: wrap; } .flex-box {} .flex-1 {flex:1; -webkit-flex:1; -webkit-box-flex:1;} /* text */ .return-value {margin:13px 0 33px; font-size:13px; line-height:14px; font-family:'Happiness-Sans'; line-height:20px;}/* 2022-03-04 수정 */ .txt-general {margin:10px 0 7px; font-size:13px; color:#333; font-family:sans-serif; line-height:18px;} .txt-general.light {color:#666;} .txt-general + .form-item {margin-bottom:12px;} .txt_caution {margin-top:7px; font-size:13px; color:#666; font-family:sans-serif; line-height:17px;} .txt_caution.type-small {font-size:12px} /* 2020-07-28 추가 */ .txt_caution.type-indent {padding-left:10px;text-indent:-10px} /* 2020-07-28 추가 */ /* svg_btn */ .btnLang {text-indent:-999px; overflow:hidden; width:11px; height:6px; background:url('../../images/mobilehome/svg/svgBtnLang.png') no-repeat 0 0; background-size:100%;} .btnSel {text-indent:-999px; overflow:hidden; width:20px; height:11px; background:url('../../images/mobilehome/svg/svgBtnSel.png') no-repeat 0 0;} /* svg_icon */ .iconTop {background:url('../../images/mobilehome/svg/svgIconTop.png') no-repeat 0 9px; background-size:8px 10px;} .iconCheck {background:url('../../images/mobilehome/svg/svgIconCheck.png') no-repeat 4px 5px;} .iconLink {background:url('../../images/mobilehome/svg/svgIconLink.png') no-repeat 100% 38px;} .iconAuth {background:url('../../images/mobilehome/svg/svgIconAuth.png') no-repeat right 50%;} /* ico */ .ico_dash {display:inline-block; width:6px; height:3px; background:#858585;} /* ipText */ .input-wrap {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .cell {display:inline-block; width:100%; height:37px;} .small {height:27px;} .cell em {display:block; width:100%; height:24px; color:#000; font-size:16px;} .cell input {width:100%; height:37px; padding:8px 12px; color:#000; border:1px solid #797979; background:#fff; font-size:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .cell.on input {border:2px solid #000;} .cell.dim {background:#e5e5e5;} .cell.on.dim {padding:18px 20px 18px 20px; border:1px solid #797979;} .cell.dim input {color:#666;} /* form item + button */ .form-item + .form-item {margin-top:20px;} form + .form-item {margin-top:20px;} .form-item + .form-item.no-margin {margin-top:0;} .title-article + .form-item {margin-top:15px;} .label-title {font-family:'Happiness-Sans'; font-size:16px; margin-bottom:4px; color:#333;}/* 2022-03-04 수정 */ .form-item strong {line-height:22px;} .label-title.needed {padding-right:10px; background:url('../../images/mobilehome/svg/svgIconNeeded.png') no-repeat 100% 50%; background-size:6px 6px;} .label-title-sub {font-family:sans-serif; font-size:14px;} .input-wrap {display:table;} .input-wrap + .input-wrap {margin-top:6px;} .input-wrap .cell {display:table-cell; width:auto; padding:0 3px; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .input-wrap .cell:first-child {padding-left:0;} .input-wrap .cell.last, .input-wrap .cell:last-child {padding-right:0;} .input-wrap .cell.at {line-height:37px;} .input-wrap .cell.mid {font-size:14px; line-height:37px; padding:0 1px;} .input-wrap .cell.mid.dash:before {content:''; display:block; width:7px; height:2px; background:#4c4c4c;} .i- {position:relative; padding:0 0 0 9px; line-height:18px;} .i-:before {position:absolute; content:''; top:7px; left:0; width:5px; height:2px; background-color:#858585;} .i- + .i- {margin-top:5px;} .form-item .example-wrap {display:block;} .form-item .example-wrap:after {content:''; clear:both; display:block; height:0;} .form-item .example-wrap .example {display:inline-block; float:right; text-align:right; font-size:12px; line-height:25px;} .input-wrap.before-pw .cell {width:22%;} .input-wrap.before-pw .after-pw {padding-left:3px; color:#000; line-height:37px;} /* 2018-07-18 : S */ .input-wrap2 {display:flex;min-height:32px} .input-wrap2.vertical-center {align-items: center;justify-content: center; } .input-wrap2 .cell2 {overflow:hidden;flex:1;height:auto;padding:0} .input-wrap2 .cell2 + .cell2 {padding-left:13px} .input-wrap2 .label-cell, .input-wrap2 .label-cell-small, .input-wrap2 .cell-none, .input-wrap2 .btn-call {flex:none} .input-wrap2 .cell-none {width:auto} .input-wrap2 .cell-text {width:auto;padding:0 7px; color: #999;} /* 2022-05-13 수정 */ .input-wrap2 .btn-call {width:auto;padding-left:13px} .input-wrap2 .btn-call.pdNone {padding-left:0} .input-wrap2 .label-cell {width:auto;min-width:85px;box-sizing:border-box;} .input-wrap2 .label-cell-small {width:auto;min-width:0;box-sizing:border-box;} .input-wrap2 .label-cell-small .label-title {line-height:normal !important;} .input-wrap2 .cell2 .label-title {font-size:12px;color:#333;margin-bottom:0; font-weight: 700;}/* 2022-05-12 수정 */ .input-wrap2 .cell2 .label-title .highlite {color:#51a6b3} .input-wrap2 .cell2 input[type="text"], .input-wrap2 .cell2 input[type="password"], .input-wrap2 .cell2 input[type="number"] {height:32px;padding:0;border:0 none;font-size:13px;color:#333;line-height:30px} .input-wrap2 .cell2 input.line {padding:0 12px;border:1px solid #cfcfcf;} .input-wrap2 .cell2 input.brNone {border-right:0 none} .input-wrap2 .cell2 input::-ms-input-placeholder { color: #ccc; } .input-wrap2 .cell2 input::-webkit-input-placeholder { color: #ccc; } .input-wrap2 .cell2 input::-moz-placeholder { color: #ccc; } .input-wrap2 .cell2 > .btnText {display:inline-block;width:72px;height:32px;font-size:13.3333px;box-sizing:border-box;line-height:30px} .warning-border{border-color: #e32c2b!important;} @media screen and (max-width:359px) { .input-wrap2.response {flex-direction: column} .input-wrap2.response .cell2 + .cell2 {padding-left:0} .input-wrap2.response .cell2 + .cell2 {margin-top:10px} .input-wrap2 .label-cell.label-cell-auto {width:auto;min-width:0;box-sizing:border-box;} } /* 2018-07-18 : E */ /* 20160624 수정 김상유 */ .check-item {line-height:16px; display:inline-block; vertical-align: middle; padding-right: 8px;} .check-item:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .check-item+.check-item {/*margin-right:8px;*/ margin-left: 8px;} .check-item input[type="checkbox"] {float: left; opacity:0; position:relative; z-index:15; overflow: visible; margin-right:-16px; padding: 0; width:16px; height:16px; vertical-align:middle;} .check-item input[type="checkbox"]+label {float: left; position:relative; padding-left:20px; font-size:14px; line-height:16px;} .check-item input[type="checkbox"]+label:before {content:''; position:absolute; top:0; left:0; width:14px; height:14px; border:1px solid #797979;} .check-item input[type="checkbox"]:checked + label:before {background:url('../../images/mobilehome/svg/svgIconCheck.png') no-repeat 1px 3px; background-size:11px 8px;} .radio-item {line-height:16px; display:inline-block; vertical-align: middle;} .radio-item:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .radio-item+.radio-item {margin-left:8px;} .radio-item input[type="radio"] {float: left; opacity:0; position:relative; z-index:15; overflow: visible; margin-right:-16px; padding: 0; width:16px; height:16px; vertical-align:middle;} .radio-item input[type="radio"]+label {float: left; position:relative; padding-left:20px; font-size:14px; line-height:16px; white-space:nowrap;} .radio-item input[type="radio"]+label:before {content:''; position:absolute; top:0; left:0; width:14px; height:14px; border:1px solid #797979; border-radius:8px;} .radio-item input[type="radio"]:checked + label:before {background:url('../../images/mobilehome/svg/svgIconRadio.png') no-repeat 3px 3px; background-size:8px 8px;} .note {display:block; color:#888; font-size:12px; letter-spacing:-1px; margin:0 0 8px;} .chk_message {margin:20px 0;} .cell select {position:relative; width:100%; font-size:14px; min-width:80px; height:37px; min-height:37px; white-space:normal; padding:8px 25px 8px 8px; line-height:17px; border:1px solid #797979; -webkit-box-sizing:border-box; box-sizing:border-box; background:url('../../images/mobilehome/svg/svgIconSel.png') no-repeat right center; background-size:19px 6px; z-index:25; } /* 2018-07-18 : S */ .check-item-type2 {display:inline-block;position:relative} .check-item-type2 + .check-item-type2 {margin-left:19px;} .check-item-type2 input[type="checkbox"] {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;width:100%;height:100%;opacity:0;} .check-item-type2 input[type="checkbox"] + label {overflow:hidden;position:relative;min-height:22px;padding-left:31px;line-height:22px} /* 2018-08-01 */ .check-item-type2 input[type="checkbox"] + label:before {content:'';position:absolute;top:0;left:0;width:22px;height:22px;border:1px solid #d0d0d0;border-radius:50%;box-sizing:border-box;background:#fff url('../../images/mobilehome/svg/svgIconCheckOff.png') 50% 50% no-repeat;background-size:11px 8px} .check-item-type2 input[type="checkbox"] + label:after {content:'';position:absolute;top:0;left:100%;width:22px;height:22px;border:1px solid #51a6b3;border-radius:50%;box-sizing:border-box;background:#51a6b3 url('../../images/mobilehome/svg/svgIconCheckOn.png') 50% 50% no-repeat;background-size:11px 8px} .check-item-type2 input[type="checkbox"]:checked + label:before {left:100%} .check-item-type2 input[type="checkbox"]:checked + label:after {left:0} .check-item-type2 input[type="checkbox"] + label .title {display:block;color:#333;white-space:normal} /* 2018-08-13 */ .check-item-type2 input[type="checkbox"] + label .desc {margin-top:14px;color:#666;white-space:normal} /* 2018-08-13 */ .check-item-type3 {display:inline-block;position:relative} .check-item-type3 + .check-item-type3 {margin-left:19px;} .check-item-type3 input[type="checkbox"] {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;width:100%;height:100%;opacity:0;} .check-item-type3 input[type="checkbox"] + label {overflow:hidden;position:relative;padding-left:31px;line-height:22px} .check-item-type3 input[type="checkbox"] + label:before {content:'';position:absolute;top:0;left:0;width:22px;height:22px;box-sizing:border-box;background:url('../../images/mobilehome/svg/svgIconCheck2Off.png') 50% 50% no-repeat;background-size:11px 8px} .check-item-type3 input[type="checkbox"] + label:after {content:'';position:absolute;top:0;left:100%;width:22px;height:22px;box-sizing:border-box;background:url('../../images/mobilehome/svg/svgIconCheck2On.png') 50% 50% no-repeat;background-size:11px 8px} .check-item-type3 input[type="checkbox"]:checked + label:before {left:100%} .check-item-type3 input[type="checkbox"]:checked + label:after {left:0} .radio-item-type2 {display:inline-block;position:relative} .radio-item-type2 + .radio-item-type2 {margin-left:19px;} .radio-item-type2 input[type="radio"] {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;width:100%;height:100%;opacity:0;} .radio-item-type2 input[type="radio"] + label {overflow:hidden;min-height:22px;padding-left:31px;line-height:22px} /* 2018-08-01 */ .radio-item-type2 input[type="radio"] + label:before {content:'';position:absolute;top:0;left:0;width:22px;height:22px;border:1px solid #d0d0d0;border-radius:50%;box-sizing:border-box;background:#fff url('../../images/mobilehome/svg/svgIconRadioOff.png') 50% 50% no-repeat;background-size:11px 8px} .radio-item-type2 input[type="radio"] + label:after {content:'';position:absolute;top:0;left:100%;width:22px;height:22px;border:1px solid #51a6b3;border-radius:50%;box-sizing:border-box;background:#51a6b3 url('../../images/mobilehome/svg/svgIconRadioOn.png') 50% 50% no-repeat;background-size:11px 8px} .radio-item-type2 input[type="radio"] + label .title {display:block;color:#333;white-space:normal} /* 2018-08-13 */ .radio-item-type2 input[type="radio"] + label .desc {margin-top:14px;color:#666;white-space:normal} /* 2018-08-13 */ .radio-item-type2 input[type="radio"]:checked + label:before {left:100%} .radio-item-type2 input[type="radio"]:checked + label:after {left:0} /* 2018-07-18 : E */ /* 2020-02-28 추가 : S */ .check-item-type4-wrap {margin-top:15px;} .check-item-type4-wrap:after {content:'';display:block;clear:both} .check-item-type4-wrap .check-item-type4 {float:left;margin-left:20px;} .check-item-type4-wrap .check-item-type4:first-child {margin-left:0} .check-item-type4 {display:block;position:relative} .check-item-type4 input {position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;background-color:transparent;clip:rect(0, 0, 0, 0)} .check-item-type4 label, .check-item-type4 .label {display:inline-block;position:relative;padding-left:33px;font-size:16px;color:#666;line-height:1.375;vertical-align:top} .check-item-type4 label:before, .check-item-type4 .label:before {content:'';display:block;position:absolute;top:50%;left:0;width:23px;height:23px;background: url(https://www.ehyundai.com/images/mobilehome/checkbox_46x46_d6d6d6.png) 50% 50%/23px 23px no-repeat;transform:translateY(-50%)} .check-item-type4 label:after, .check-item-type4 .label:after {content:'';display:block;position:absolute;top:50%;left:0;width:23px;height:23px;background: url(../../images/mobilehome/checkbox_full_46x46_5d6c89.png) 50% 50%/23px 23px no-repeat;opacity:0;transform:translateY(-50%)} .check-item-type4 input:checked ~ label:before, .check-item-type4 input:checked ~ .label:before {opacity:0} .check-item-type4 input:checked ~ label:after, .check-item-type4 input:checked ~ .label:after {opacity:1} .check-item-type4.type2 label:before, .check-item-type4.type2 .label:before {background-image: url(../../images/mobilehome/checkbox_46x46_5d6c89.png)} .check-item-type4.type3 label, .check-item-type4.type3 .label {padding-left:30px;} .check-item-type4.type3 input:checked ~ label, .check-item-type4.type3 input:checked ~ .label {color:#d34040;text-decoration:underline} /* 2020-03-05 추가 */ .check-item-type4.type3 label:before, .check-item-type4.type3 .label:before {border:2px solid #fff;box-sizing:border-box;border-radius:50%} .check-item-type4.type3 label:after, .check-item-type4.type3 .label:after {border:2px solid #fff;box-sizing:border-box;border-radius:50%;background-image: url(https://www.ehyundai.com/images/mobilehome/checkbox_46x46_d34040.png)} /* 2020-03-05 변경 */ /* 2020-02-28 추가 : E */ .ios .cell select {padding-left:12px;} .cell select.auto {height:auto;} .cell.short select{min-width:60px;} .double-wrap {margin-top:7px;} .double-wrap:after {content:''; display:block; clear:both; height:0;} .double-wrap .form-item.double {width:50%; float:left; margin-top:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .double-wrap .form-item.double .cell select {width:100%;} .double-wrap .form-item.double:first-child {padding-right:3px;} .double-wrap .form-item.double:last-child {float:right; padding-left:4px;} .double-wrap + .form-item {margin-top:7px;} .wrt_textarea {width:100%; padding:10px 12px; color:#000; border:1px solid #797979; background:#fff; font-size:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .add-zip-list {width:100%; margin-top:7px; padding:2px 0 2px; color:#000; border:1px solid #797979; background:#fff; font-size:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:auto;} .add-zip-list li {position:relative; padding:9px 0 11px; font-size:13px; color:#666; border-top:1px solid #ddd;} .add-zip-list li:first-child {border-top:0 none;} .add-zip-list li a {display:block; color:#666;} .add-zip-list li .num {position:absolute; top:10px; left:8px; vertical-align:top;} .add-zip-list li .txt {display:inline-block; padding-left:75px; white-space:normal;} .btnText {display:inline-block; width:100%; height:48px; line-height:48px; font-family:'Happiness-Sans'; font-size:14px; color:#fff; background-color:#222; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;text-align:center} /* 2022-03-04 수정 */ .btnText.arr {position:relative; text-align:left; padding-left:13px;} .btnText.arr:after {content:''; position:absolute; top:50%; right:12px; margin-top:-5px; width:5px; height:10px; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:5px 10px;} .btnText.on {background-color:#000;} .btnText.disabled {background-color:#909090;} .btnText.cancel {background-color:#909090;} .btnText.darklight {background-color:#333} /* 2018-07-18 */ .btnText.light {background-color:#666;} .btnText.hippieBlue {background-color:#51a6b3} /* 2018-07-18 */ .btnText.hippieBlueLine {background-color:transparent;border:1px solid #51a6b3;color:#51a6b3} /* 2018-07-18 */ .btnText.grayLine {background-color:transparent;border:1px solid #cfcfcf;color:#333} /* 2018-07-18 */ .btnText.search {background-color:#383838;} .btnText.search:before {content:''; display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle; background:url('../../images/mobilehome/svg/icon_search_btn.png') no-repeat 0 0; background-size:100%;} .btnMagnifier {overflow:hidden;display:inline-block;width:23px;height:23px;background:url('../../images/mobilehome/svg/svgIconMagnifier.png') 50% 50% no-repeat;background-size:23px 23px;font-size:1px;text-indent:100%;white-space:nowrap} /* 2019-웹접근성-001 변경 */ .btn_mt20 {margin-top:10px;} .btn_mt30 {margin-top:20px;} .btn_mt40 {margin-top:27px;} .btn_mt50 {margin-top:33px;} /* 여기부터 2015-05-07*/ .btn-wrap-1, .btn-wrap-2, .btn-wrap-3, .btn-wrap-4 {display:-webkit-flex; display:-moz-flex; display:flex; -moz-flex-direction:row; -webkit-flex-direction:row; flex-direction:row;} .btn-wrap-1 .cell, .btn-wrap-2 .cell, .btn-wrap-3 .cell, .btn-wrap-4 .cell {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .btn-wrap-2.right, .btn-wrap-3.right, .btn-wrap-4.right {display:block; text-align:right;} .btn-wrap-1.center {display:block; text-align:center;} .btn-wrap-1 {display:inline-block; width:100%; height:48px; line-height:48px; font-family:'Happiness-Sans'; font-size:14px; color:#fff; background-color:#e5e5e5; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/* 2022-03-04 수정 */ .btn-wrap-2 {margin:0; text-align:center; font-size:0;} .btn-wrap-2:after {content:''; clear:both; display:block; height:0;} .btn-wrap-2 > .cell {width:50%; height:auto; padding:0 5px; margin:13px auto; text-align:center;} .btn-wrap-2 > .cell.noMargin {margin: 0 auto} /* 2018-07-18 */ .btn-wrap-2 > .cell:first-child {padding-left:0;} .btn-wrap-2 > .cell:last-child {padding-right:0;} .btn-wrap-2 > .cell:nth-child(2n) {float:right;} .btn-wrap-2 > .cell:nth-last-child(2) {float:left;} .btn-wrap-2 + .btn-wrap-2 {margin-top:7px;} .btn-wrap-2.bottom {margin-top:20px;} .btn-wrap-3 {margin:0; text-align:center; width:100%;} .btn-wrap-3:after {content:''; clear:both; display:block; height:0;} .btn-wrap-3 > .cell {width:33.3%; display:table; float:left; vertical-align:middle; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; table-layout:fixed;} .btn-wrap-3 > .cell:nth-child(1) {padding-left:0;} .btn-wrap-3 > .cell:nth-child(3) {padding-right:0;} .btn-wrap-3 > .cell a > span {white-space:nowrap;} .btn-wrap-4 {display:block; margin:10px 0; text-align:center; font-size:0;} .btn-wrap-4 > .cell {width:25%; display:inline-block; height:auto; padding:0 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .btn-wrap-4 > .cell:first-child {padding-left:0;} .btn-wrap-4 > .cell:last-child {padding-right:0;} .btn-wrap-2.card-info {margin:20px 13px 0; width:auto;} .btn-wrap-2.card-info .cell {display: inline-block;} .btn-wrap-2.card-info .cell a {display:block; color:#fff; background-color:#383838; text-align:center; font-size:14px; height:16px; padding:36px 0 10px; vertical-align:bottom; font-family:'Happiness-Sans'; background-repeat:no-repeat;}/* 2022-03-04 수정 */ .btn-wrap-2.card-info .cell .membership {background-image:url('../../images/mobilehome/svg/icon_card_info.png'); background-position:center 10px; background-size:20px;} .btn-wrap-2.card-info .cell .signup {background-image:url('../../images/mobilehome/svg/icon_card_signup.png'); background-position:center 10px; background-size:20px;} .btn-wrap-2.card-info .cell .point {background-image:url('../../images/mobilehome/svg/icon_card_point.png'); background-position:center 12px; background-size:24px 18px;} .btn-wrap-2.card-info .cell .consult {background-image:url('../../images/mobilehome/svg/btnIcon_consult.png'); background-position:center 12px; background-size:20px;} .btn-wrap-3.card-info {margin:20px 13px 0; width:auto;} .btn-wrap-3.card-info .cell a {display:table-cell; color:#fff; background-color:#383838; text-align:center; font-size:14px; height:52px; padding-bottom:10px; vertical-align:bottom; font-family:'Happiness-Sans'; background-repeat:no-repeat;}/* 2022-03-04 수정 */ .btn-wrap-3.card-info .cell .membership {background-image:url('../../images/mobilehome/svg/icon_card_info.png'); background-position:center 10px; background-size:20px;} .btn-wrap-3.card-info .cell .signup {background-image:url('../../images/mobilehome/svg/icon_card_signup.png'); background-position:center 10px; background-size:20px;} .btn-wrap-3.card-info .cell .request {background-image:url('../../images/mobilehome/svg/btnIcon_request2.png'); background-position:center 10px; background-size:20px;} .btn-wrap-3.card-info .cell .point {background-image:url('../../images/mobilehome/svg/icon_card_point.png'); background-position:center 12px; background-size:24px 18px;} .btn-wrap-3.card-info .cell .consult {background-image:url('../../images/mobilehome/svg/btnIcon_consult.png'); background-position:center 12px; background-size:20px;} /* 여기부터2015-04-29 */ /* 2018-01-08 U멤버십 수정 : S */ .btn-wrap-3.card-info .cell .endguide{background-image:url('../../images/mobilehome/svg/btnIcon_endguide.png'); background-position:center 12px; background-size:22px;} .btn-wrap-3.card-info .cell .pointguide {background-image:url('../../images/mobilehome/svg/btnIcon_pointguide.png'); background-position:center 12px; background-size:20px;} .btn-wrap-3.card-info .cell .menbercard {background-image:url('../../images/mobilehome/svg/btnIcon_menbercard.png'); background-position:center 14px; background-size:20px;} .btn-wrap-3.card-info .cell .myumember {background-image:url('https://www.ehyundai.com/images/mobilehome/svg/btnIcon_myumember.png'); background-position:center 14px; background-size:20px;} .btn-wrap-3.card-info .cell .yak {background-image:url('../../images/mobilehome/svg/btnIcon_yak.png'); background-position:center 12px; background-size:20px;} .btn-wrap-3.card-info .cell .out {background-image:url('../../images/mobilehome/svg/btnIcon_unsubscribe.png'); background-position:center 12px; background-size:14px;} .btn-wrap-3.card-info .cell .ebookmemb {background-image:url('../../images/mobilehome/svg/btnIcon_ebook.png'); background-position:center 10px; background-size:24px;} .wrap_umember_end{} .wrap_umember_end .txt_head{margin-top:25px;color:#000;font-size:17px;font-family:'Happiness-Sans';line-height:1.3em;}/* 2022-03-04 수정 */ .wrap_umember_end .txt_caution{font-size:12px;} .wrap_umember_end dl{padding:20px 0;overflow:hidden;color:#000;font-size:17px;font-family:'Happiness-Sans';line-height:1.3em;border-bottom:1px solid #b9b9b9;}/* 2022-03-04 수정 */ .wrap_umember_end dl dt{clear:both;float:left;width:45%;} .wrap_umember_end dl dd{float:left;} .wrap_umember_end .cBlack{color:#000;font-size:12px;} .wrap_umember_end .wrapBox{margin-top:25px;padding:10px 0;text-align:center;border:1px solid #b9b9b9;box-sizing:border-box;} .wrap_umember_end .wrapBox p{color:#000;} .wrap_umember_end .wrapBox .cell{width:65%;} /* 2018-01-08 U멤버십 수정 : E */ .shortCut-outline-light, /* 2020-07-28 추가 */ .shortCut-light, .shortCut-dark {position:relative; width:100%; text-align:left; font-family:'Happiness-Sans'; font-size:14px; -moz-box-sizing:border-box; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}/* 2022-03-04 수정 */ .shortCut-outline-light {color:#666;border:1px solid #666;line-height:1.4285 !important} /* 2020-07-28 추가 */ .shortCut-light {color:#000; background-color:#e5e5e5;} .shortCut-light.on {background-color:#b9b9b9; border-color:#b9b9b9;} .shortCut-dark {color:#fff; background-color:#222;} .shortCut-dark:after {position:absolute; content:''; top:50%; right:12px; width:6px; height:10px; margin-top:-5px; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 10px;} .shortCut-dark.on {background-color:#000; border-color:#000;} .btn-wrap-1 .shortCut-light, .btn-wrap-1 .shortCut-dark {display:inline-block; height:48px; line-height:48px; padding:0 30px 0 13px;} .btn-wrap-2 .shortCut-light, .btn-wrap-2 .shortCut-dark {display:block; height:48px; line-height:48px; padding:0 20px 0 13px;} .btn-wrap-3 .shortCut-outline-light, /* 2020-07-28 추가 */ .btn-wrap-3 .shortCut-light, .btn-wrap-3 .shortCut-dark {position:static; display:table-cell; padding:0 18px 0 13px; line-height:15px; height:60px; background-size:5px 10px;} .btn-wrap-3 .shortCut-outline-light {background: url('../../images/mobilehome/svg/btn_outline_light_arr.png') no-repeat right 12px center; background-size:6.5px 10.5px;} /* 2020-07-28 추가 */ .btn-wrap-3 .shortCut-light {border-right:12px solid #dfdfdf; background:#dfdfdf url('../../images/mobilehome/svg/btn_light_arr.png') no-repeat right center; background-size:5px 10px;} .btn-wrap-3 .shortCut-light:after {background:none;} .btn-wrap-3 .shortCut-light.on {background-color:#d9d9d9; border-color:#d9d9d9;} .btn-wrap-3 .shortCut-dark {border-right:12px solid #222; background:#222 url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 10px;} .btn-wrap-3 .shortCut-dark:after {background:none;} .btn-wrap-3 .shortCut-dark.on {background-color:#000; border-color:#000;} .btn-wrap-2 .shortCut-dark.noarr {padding:0 10px 0 13px; background-image:none;} .btn-wrap-2 .shortCut-dark.noarr:after {background:0 none;} .btn-wrap-2 .shortCut-dark.ac {text-align:center !important;} .btn-wrap-1 .shortCut-light.ac {text-align:center !important;} .btn-wrap-1 .shortCut-dark.ac {text-align:center !important;} .btn-wrap-2 .shortCut-dark.appstore {display:inline-block; position:relative; height:48px; line-height:48px; padding-left:33px;} .btn-wrap-2 .shortCut-dark.appstore .icon_andr {position:absolute; top:15px; left:15px; display:inline-block; width:13px; height:15px; margin-right:7px; background:url('../../images/mobilehome/iconAndroid.png') no-repeat 0 0; background-size:13px 15px; vertical-align:middle;} .btn-wrap-2 .shortCut-dark.appstore .icon_apple {position:absolute; top:15px; left:15px; display:inline-block; width:13px; height:15px; margin-right:7px; background:url('../../images/mobilehome/iconApple.png') no-repeat 0 0; background-size:12px 15px; vertical-align:middle;} .btn-wrap-3 .cell .shortCut-dark.noarr {padding:0 15px 0 13px; background-image:none;} /* app download - 2014-03-18 Added */ .btn-wrap-2.app-download {margin-top:33px;} @media (max-width:380px) { .btn-wrap-2.app-download > .cell a > span {display:block;} .btn-wrap-2.app-download .shortCut-light, .btn-wrap-2.app-download .shortCut-dark {height:60px; line-height:15px; padding-top:15px;} } .btn-wrap-3.idnum-search {margin:10px 0 27px 0; text-align:center;} .btn-wrap-3.idnum-search .cell {display:inline-block; float:none; margin:0 auto;} .btnText.prev {position:relative; padding-left:11px;} .btnText.prev:after {content:''; width:6px; height:12px; position:absolute; top:50%; margin-top:-6px; left:17px; background:url('../../images/mobilehome/svg/svgArrLeft.png') no-repeat left center; background-size:6px 12px;} .btnText.next {position:relative; padding-right:11px;} .btnText.next:after {content:''; width:6px; height:12px; position:absolute; top:50%; margin-top:-6px; right:17px; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 12px;} .cell.btn-call {height:37px;} .cell.btn-call .button {display:inline-block; width:100%; white-space:nowrap; height:100%; text-align:center; line-height:37px; background-color:#666; color:#fff; font-family:sans-serif;font-size:13px; padding-left:11px; padding-right:11px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .cell.btn-call .button.on {background-color:#000;} .cell.btn-call .button.darkLight {background-color:#333} /* 2018-07-18 */ .cell.btn-call .button.normal {font-family:sans-serif;} .input-wrap.write {padding:13px; text-align:right;} .input-wrap.write .cell.btn-call .button.btn-write {display:inline-block; width:auto; line-height:37px; padding:0 30px;} .btn-wrap-4.date {margin:0;} .btn-wrap-4.date > .cell {height:auto; padding-right:4px; padding-left:4px;} .btn-wrap-4.date > .cell:first-child {padding-left:0;} .btn-wrap-4.date > .cell:last-child {padding-right:0;} .btn-wrap-4.date .cell > button, .btn-wrap-4.date .cell > a {display:block; width:100%; color:#333; text-align:center; font-size:14px; font-family:'Happiness-Sans'; height:36px; background-color:#dfdfdf;}/* 2022-03-04 수정 */ .btn-wrap-4.date .cell > button.current, .btn-wrap-4.date .cell > a.current {border-color:#666; background-color:#666; color:#fff;} .btn-more {display:block; width:100%; margin-top:-1px; background:#dfdfdf; padding:8px 0; text-align:center; border-top:1px solid #bfbfbf; color:#222;} .btn-more a {display:block; width:100%; margin-top:-1px; background:#dfdfdf; padding:8px 0; text-align:center; border-top:1px solid #bfbfbf; color:#222;} .btn-more.on a {background:#b9b9b9; /*color:*/} .btn-more .numb-cont {display:inline-block; padding-left:20px; font-size:14px; line-height:18px; background-image:url('../../images/mobilehome/svg/bg_btnMore.png'); background-repeat:no-repeat; background-position:0 50%; background-size:14px 14px;} /* .btn-tel {display:inline-block; overflow: hidden; width: 26px; height: 26px; line-height: 26px; font-size: 12px; color: transparent; white-space: nowrap; vertical-align:middle; background:#acacac url('../../images/mobilehome/svg/svgIcon_tel.png') no-repeat 0 0; background-size:100%;} */ .btn-tel {display:inline-block;overflow:hidden;width:30px;height:30px;line-height:30px;font-size:12px;color:transparent;white-space:nowrap;vertical-align:middle;background:url('../../images/mobilehome/floor/info_icon_phone.png') no-repeat 50% 50%;background-size:auto 21px;} .btn-store {display:inline-block;overflow:hidden;width:30px;height:30px;line-height:30px;font-size:12px;color:transparent;white-space:nowrap;vertical-align:middle;background:url('../../images/mobilehome/floor/info_icon_home.png') no-repeat 50% 50%;background-size:auto 20px;} .btn-location {display:inline-block;overflow:hidden;width:30px;height:30px;line-height:30px;font-size:12px;color:transparent;white-space:nowrap;vertical-align:middle;background:url('../../images/mobilehome/floor/info_icon_map.png') no-repeat 50% 50%;background-size:auto 21px;} .btn-floor {display:inline-block; overflow: hidden; width: 26px; height: 26px; line-height: 26px; font-size: 12px; color: transparent; white-space: nowrap; vertical-align:middle; background:#333 url('../../images/mobilehome/svg/svgIcon_floor.png') no-repeat right center; background-size:100%;} .btnFloor {width:39px; height:39px; display:inline-block; text-indent:-999px; overflow:hidden; background:#333 url('../../images/mobilehome/svg/svgIcon_floor.png') no-repeat right center; background-size:39px 39px;} .btn-etc-wrap {text-align:right;} .btn-etc-wrap .btn-etc {display:inline-block; color:#fff; font-size:12px; font-family:'Happiness-Sans'; padding:12px 24px; background:#666;}/* 2022-03-04 수정 */ /* toggle */ .tgg-cont {margin-bottom:27px; padding-top:13px;} .tgg-cont.not-pad {padding-top:0;} .tgg-titType1 {padding:7px 0 5px; font-family:'Happiness-Sans'; font-size:17px; color:#000; line-height:21px; border-bottom:1px solid #797979; background-image:url('../../images/mobilehome/svg/svgArrTop.png'); background-repeat:no-repeat; background-position:right 15px; background-size:13px 7px;}/* 2022-03-04 수정 */ .tgg-titType1.tgg-title.hide {background-image:url('../../images/mobilehome/svg/svgArrBottom.png'); background-repeat:no-repeat; background-position:right 15px; background-size:13px 7px;} .tgg-cont + .tgg-titType1 {margin-top:20px;} .tgg-box {border:1px solid #bfbfbf;} .tgg-box + .tgg-box {margin-top:13px;} .tgg-box .tgg-title {padding:11px 33px 11px 19px; background:url('../../images/mobilehome/svg/svgArrTop.png') no-repeat right 12px center; background-size:13px 7px;} .tgg-box .tgg-title.not {background:none;} .tgg-box .tgg-title:after {content:''; clear:both; display:block; height:0;} .tgg-box .tgg-title.hide {background:url('../../images/mobilehome/svg/svgArrBottom.png') no-repeat right 12px center; background-size:13px 7px;} .tgg-box .tgg-title .heading {float:left; font-family:'Hyundai_R1012'; font-size:12px; color:#666;} .tgg-box .tgg-title .heading .branch {margin-top:2px; font-family:'Happiness-Sans'; font-size:15px; color:#333;}/* 2022-03-04 수정 */ .tgg-box .tgg-title .result {float:right; padding:10px 0;} .tgg-box .tgg-title .result span {display:inline-block; padding-right:7px;} .tgg-box .tgg-cont {margin:0; padding:10px 19px 12px; background-color:#f5f5f5; font-size:13px; color:#333; border-top:1px solid #bfbfbf;} /* list */ .list-result li {margin-top:3px; font-size:14px; color:#555; vertical-align:middle;} .list-result li:after {content:''; display:block; clear:both; height:0;} .list-result li:first-child {margin-top:0;} .list-result li .item {display:inline-block; float:left;} .list-result li .value {display:inline-block; float:right;} .list-winner {margin:10px 0 13px;} .list-winner:after {content:''; display:block; clear:both; height:0;} .list-winner li {float:left; width:50%; font-size:13px; line-height:1.7em;} .list-ars {margin:20px 0 33px;} .list-ars li p {width:100%; padding:14px 0; background:#ededed; text-align:center; font-family:'Happiness-Sans'; font-size:13px; color:#333;}/* 2022-03-04 수정 */ .list-ars li p.desc {padding-top:5px; padding-bottom:0; color:#333; font-family:sans-serif; background:none; font-size:13px; line-height:18px; text-align:left;} .list-ars li:after {content:''; display:block; width:100%; height:20px; background-image:url('../../images/mobilehome/svg/bgArr_b_Ars.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:17px 9px;} .list-ars li:last-child:after {display:none;} /* bbs */ .tab-menu + .list-bbs, .tab-cont .list-bbs {margin-top:20px;} .list-bbs {position:relative; border-bottom:1px solid #bfbfbf; font-size:0;} .list-bbs:before {content:''; position:absolute; top:0; bottom:0; width:0; overflow:hidden; height:100%; left:50%; border-left:1px solid #bfbfbf;} .list-bbs li {display:inline-block; vertical-align:top; width:50%; min-height:60px; font-size:13px; padding:13px 13px 9px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:1px solid #bfbfbf;} .list-bbs li:nth-child(1), .list-bbs li:nth-child(2) {border-top:0 none;} .tab-menu + .tab-cont .list-bbs {border-top:1px solid #bfbfbf;} .tab-menu + * + .tab-cont .list-bbs li {border-top:1px solid #bfbfbf;} .tab-menu + * + * + .tab-cont .list-bbs li {border-top:1px solid #bfbfbf;} .list-bbs li:last-child:nth-child(odd) {position:relative; } .list-bbs li:last-child:nth-child(odd):after {content:''; position:absolute; top:-1px; left:0; width:200%; border-top:1px solid #bfbfbf;} .list-bbs li a {display:block; width:100%;margin:0px 0px 1px;} .list-bbs li a .tit-bbs {display:block; margin:5px 0; font-size:15px; font-family:'Happiness-Sans'; line-height:20px; word-break:break-all;}/* 2022-03-04 수정 */ .list-bbs li a .date {display:block; font-size:12px; color:#666; vertical-align:bottom;position:relative; } .list-bbs li a .tag {display:inline-block; min-width:60px; height:22px; margin-top:5px; padding-left:3px; padding-right:3px; border:1px solid #b6b6b6; text-align:center; font-family:sans-serif; font-size:12px; color:#666; line-height:22px;} .list-bbs li .anplan {display:inline-block; margin-top:6px; color:#333; min-width:60px; padding-left:3px; padding-right:3px; height:20px; line-height:20px; text-align:center; border:1px solid #b6b6b6; font-size:13px;} .list-bbs li .anplan.type2 {position:absolute;top:-22px;left:0;min-width:auto;height:22px;line-height:22px;padding:0 4px;border:0;background-color:#d13535;color:#fff;margin-top:0} /* 2020-07-20 추가 */ .list-bbs li .text-box {position:relative;display:inline-block;width:100%} /* 2020-07-20 추가 */ .list-bbs.notice {border-top:1px solid #bfbfbf;} .list-bbs.notice li {position:relative; padding:10px 13px 13px;} .list-bbs.notice li a .tit-bbs {display:block; margin:5px 0; font-size:15px; font-family:'Happiness-Sans'; line-height:18px; min-height:54px;}/* 2022-03-04 수정 */ .list-bbs.notice li a .date {display:inline-block; margin-top:5px;} .no-result {padding:150px 0; text-align:center; font-family:'Happiness-Sans'; font-size:15px;}/* 2022-03-04 수정 */ .title-bbsView {padding-bottom:12px; border-bottom:1px solid #dcdcdc;} .title-bbsView.brdnone {border-bottom:0 none;} .title-bbsView .tit {font-family:'Happiness-Sans'; font-size:18px; line-height:22px;}/* 2022-03-04 수정 */ .title-bbsView .date {display:inline-block; margin-top:7px; color:#666;} .title-bbsView .cmttxt {display:inline-block; margin-top:7px; font-size:13px; color:#767676;} .title-bbsView .cmttxt .num {display:inline-block; margin-left:3px; color:#000;} .title-bbsView .stxt {display:inline-block; margin-top:7px; margin-left:8px; font-size:13px; color:#767676; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .title-bbsView .stxt .num {display:inline-block; margin-left:2px; color:#000;} .title-bbsView .branch {display:inline-block; margin-bottom:5px; color:#666;} .title-bbsView .tag {display:inline-block; float:right; width:68px; margin-top:3px; border:1px solid #b6b6b6; text-align:center; font-family:'Happiness-Sans'; font-size:12px; line-height:1.5em;}/* 2022-03-04 수정 */ .cont-bbsView {padding:13px 0; font-size:15px; line-height:1.3em;} .cont-bbsView.noPadding {padding:0px; font-size:15px; line-height:1.3em;} .cont-bbsView .infoBox {background:#f1f1f1; margin-bottom:18px; padding:13px; border:1px solid #d7d7d7; font-size:12px; font-family:'Happiness-Sans'; line-height:1.5em;}/* 2022-03-04 수정 */ .cont-bbsView .infoBox.ac {text-align:center;} .cont-bbsView .bbsTxt {margin-top:20px; font-size:15px; color:#333; line-height:1.5em;} .cont-bbsView img {margin:0px 0;} .cont-bbsView *:first-child {margin-top:0;} .cont-bbsView *:last-child {margin-bottom:0;} .cont-bbsView > table {width:100% !important;} .cont-bbsView > table table {max-width:100% !important;} .cont-bbsView > table td img {width:100% !important;} .cont-bbsView > table td embed {width:100% !important; height:auto !important;} /* comment-Write */ .comment-Write {margin:8px 0 20px;padding:20px 13px 0 13px;} .comment-Write .input-wrap .commentbox {width:78%;} .comment-Write .input-wrap .btnText {height:55px; background-color:#666;} /* 2022-05-10 수정 [S] */ .exhi_event .list-bbs li {border:none; margin-bottom: 20px;} .exhi_event .list-bbs li .anplan.type3 {position: absolute; height :22px; line-height : 22px; padding : 3px 20px; border : 0; background-color : #d13535; color : #fff; margin-top: 0; } /* 2022-05-10 수정 [E] */ /* 2023-02-22 추가 [S] */ .tmShopping .list-bbs li { border:none; margin: 25px 0; padding:0 25px} .tmShopping .list-bbs li .anplan.type3 { position: absolute; height :22px; line-height : 22px; padding : 3px 20px; border : 0; background-color : #d13535; color : #fff; margin-top: 0; } /* 2023-02-22 추가 [E] */ /* 2023-02-22 추가 [S] */ .edit_subtit{width: 100%; background-color: #000; padding : 10px; color: #fff; font-weight: 700; font-size: 18px;} .editList .list-bbs.list-eventInfo li { border:none; margin-top: 20px; margin-bottom: 0;} .editList .list-eventInfo .eventTitle{height: 87px; box-sizing: border-box; padding: 0;} .editList .list-eventInfo div.list-eventInfo-layer{max-height: 287px;} .editList .list-eventInfo div.list-eventInfo-layer img{height: 100%;} .editList .list-eventInfo li a .tit-bbs{font-size: 12px; line-height: 20px; color: #fff; margin: 13px 10px 10px;} .editList .list-eventInfo li a .tit{font-size: 19px; line-height: 20px; color: #fff; font-weight: 700; height: 20px; overflow: hidden; margin-left: 10px; margin-right: 10px;} /* 2023-02-22 추가 [E] */ /* comment */ .list-comment {position:relative;padding:20px 13px 0 13px;} .list-comment li {padding:13px 0 11px; border-bottom:1px solid #dcdcdc;} .list-comment li:nth-child(1) {border-top:1px solid #dcdcdc;} .list-comment li .top {line-height:1.6em; overflow:hidden;} .list-comment li .top .id {color:#666; font-size:12px; float:left;} .list-comment li .top .date {color:#767676; font-size:12px; float:right;} .list-comment li .txt {display:inline-block; width:100%; color:#333; font-family:sans-serif; font-size:13px; line-height:1.3em;} .list-comment .btnClose {display:inline-block; margin:2px 0 0 6px; width:12px; height:12px; text-indent:-999px; border:1px solid #000; background:url('../../images/mobilehome/svg/svgIconClose.png') no-repeat center center; background-size:7px 7px;} /* list-event */ .list-event {position:relative;} .list-event:before {content:''; position:absolute; top:0; bottom:0; right:50%; width:0; overflow:hidden; border-left:0px solid #bfbfbf;} .list-event .list-bbs {float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list-event:after {content:''; display:block; clear:both; height:0;} .list-event .list-bbs {border:0 none;} .list-event .list-bbs:before {bottom:none; border:0 none;} .list-event .list-bbs li {width:100%; padding:13px 13px 9px; margin-top:-1px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:1px solid #bfbfbf;} .list-event .list-bbs li a {display:block; width:100%; height:100%;} .list-event .list-bbs li:last-child:nth-child(2n+1):after {border:0 none;} /* cont-Qlist */ .cont-Qlist .question {display:block; padding:7px 0; border-bottom:1px solid #dddddd; font-size:13px; font-family:'Happiness-Sans'; line-height:1.2em; color:#333; margin-top:19px;}/* 2022-03-04 수정 */ .cont-Qlist .question:nth-child(1) {margin-top:0px;} .cont-Qlist .input-wrap {padding:13px 13px 15px;} .cont-Qlist .input-wrap .num {display:inline-block; width:2%;} .cont-Qlist .input-wrap .label-title {height:37px; line-height:37px;} .cont-Qlist .input-wrap .radio-item {padding-left:13px;} .cont-Qlist .input-wrap #wrt_answer {width:90%;} .cont-Qlist .input-wrap li {font-family:'Happiness-Sans'; font-size:13px; line-height:1.8em;}/* 2022-03-04 수정 */ .cont-Qlist .Qlist_end {margin-top:13px;} /* Write */ .Write .upload {margin-top:13px;} .Write .upload.plus {margin-top:20px;} .Write .upload .file {margin-bottom:6px; font-size:12px; font-family:'Happiness-Sans'; color:#666;}/* 2022-03-04 수정 */ .Write .upload .file .ico_photo {margin-right:4px;} .Write .upload .desc {margin-top:11px; font-size:12px; color:#333;} .Write .write_end {margin-top:20px;} .Write .ico_photo {display:inline-block; width:17px; height:13px; background:url('../../images/mobilehome/svg/svgIcon_photo.png') no-repeat 0 0; background-size:100%; vertical-align:middle;} .Write .ico_photo.gray {display:inline-block; width:17px; height:13px; background:url('../../images/mobilehome/svg/svgIcon_photo.png') no-repeat 0 0; background-size:100%; vertical-align:middle; opacity: 0.7;} .Write .btnFile {padding-left:21px; font-family:'Happiness-Sans'; font-size:12px; background:url('../../images/mobilehome/svg/svgIcon_photo.png') no-repeat 0 1px; background-size:17px 13px;}/* 2022-03-04 수정 */ .Write + .form-item {margin-top:20px;} /* table */ .info table {width:100%; border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9;} .info table th, .info table td {background:url('../../images/mobilehome/bg_line_tbInfo2.png') no-repeat 0 100%;} .info table th {padding:10px 0;font-size:14px; font-family:'Happiness-Sans'; vertical-align:top; color:#555; text-align:left; line-height:16px;} /* 2022-04-13 수정 */ .info table th.center {padding-left:6px;} .info table th:first-child {background-position:-13px 100%; border-bottom:1px solid #b9b9b9; background:none;} .info table td {padding:10px 0px 10px 15px; font-size:13px; font-family:'Happiness-Sans'; color:#666; line-height:17px; vertical-align:top} /* 2022-04-13 수정 */ .info table tr:last-child th, .info table tr:last-child td {background:none;} .info table td .txt_caution {font-size:12px; color:#666;} .info table .ac td {text-align:center;} .info table thead tr:first-child th {text-align:center; background:url('../../images/mobilehome/bg_line_tbInfo.png') no-repeat 0 100%;} .info table thead tr:first-child th:first-child {background-position:-13px 100%; background:none;} .info table tr.no-line td {background:none; padding:5px 10px 0 15px;} .info table tr.no-line:last-child td {padding-bottom:5px;} /* 2020-01-16 추가 : S */ .info.type2 table {border-spacing:0;border-top-color: #1d2088} .info.type2 table thead th {padding:5px 0;background-color:#f7f7f7 !important;font-weight:700} .info.type2 table th, .info.type2 table td {background-image:none;border-bottom:1px solid #c3c8d5;color:#333;text-align:center;vertical-align:middle} .info.type2 table th {font-weight:700} .info.type2 table td {border-left:1px solid #c3c8d5;} /* 2020-01-16 추가 : E */ /* swipe slider */ .swipe-hook {width:100%; overflow:hidden;} .swipe-item-wrap {position:relative; z-index:21;} .swipe-item-wrap:after {content:''; clear:both; display:block; height:0;} .swipe-item {width:100%; position:relative; float:left;} .swipe-control {display:block; text-align:center; font-size:0;} .swipe-control span {background:#000; display:inline-block; width:5px; height:5px; margin:0 4px; border-radius:5px; vertical-align:middle;} .swipe-control.white span {width:6px; height:6px; border-radius:0; background:transparent url('../../images/mobilehome/svg/swipe_bullet.png') no-repeat 0 0; background-size:100%;} .swipe-control .active {background:#fff; display:inline-block; width:7px; height:7px; border-radius:20px; border:1px solid #000;} .swipe-control.white .active {width:10px; height:10px; border:0; border-radius:0; background:transparent url('../../images/mobilehome/svg/swipe_bullet_active.png') no-repeat 0 0; background-size:100%;} .swipe-btn {position:absolute; left:0; right:0; z-index:22;} .swipe-btn a {position:absolute; top:0; width:28px; height:35px; font-size:0; color:rgba(0,0,0,0); overflow:hidden; background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-position:center; background-size:12px 22px; border:5px solid transparent; background-clip:padding-box; z-index:22; } .swipe-btn .prev {border-left:0; left:0; background-image:url('../../images/mobilehome/svg/svgArrLeft.png');} .swipe-btn .next {border-right:0; right:0; background-image:url('../../images/mobilehome/svg/svgArrRight.png');} /* header */ #header {width:100%;} .header {width:100%; min-height:43px; position:relative; border-bottom:1px solid #b2b2b2; background-color:#fff;} .attach .header {border-bottom:0 none;} .header .tit_h1 {font-family:'Happiness-Sans-Title'; text-align:center; min-height:23px; line-height:23px; font-size:19px; padding:10px 20px 0 0; margin:0 18px 0 38px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color:#fff;}/* 2022-03-04 수정 */ .header .tit_h1.logo {position:relative; width:73px; height:26px; line-height: 26px; top:9px; margin:0 auto; padding:0; font-size: 16px; color:rgba(255,255,255,0); background:url('../../images/mobilehome/svg/introLogo.png') no-repeat 0 0; background-size:100%;} .header .btnMenu {display: block; position:absolute; z-index: 10; top:4px; left:2px; overflow: hidden; width:39px; height:34px; line-height: 34px; white-space: nowrap;} .header .btnMenu:after {content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff url('../../images/mobilehome/svg/n_menu.png') no-repeat center; background-size:70%} .header .btnBack {display: block; position:absolute; z-index: 10; top:8px; left:8px; overflow: hidden; width:30px; height:28px; line-height: 28px; white-space: nowrap; background:url('../../images/mobilehome/svg/svgBtnBack.png') no-repeat center; background-size:18px 12px;} .header .btnBack:after {content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff url('../../images/mobilehome/svg/svgBtnBack.png') no-repeat center; background-size:18px 12px;} body.web-view .header .btnMenu {background:url('../../images/mobilehome/svg/svgBtnBack.png') no-repeat center; background-size:18px 12px;} .nav-2depth {height:40px; background-color:#000;} .nav-2depth li {float:left;} .nav-2depth a {color:#fff;} #header.dim, #footer.dim {position: relative!important;} #header.dim:after, #footer.dim:after {content:""; position: absolute; right:0; top:0; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 100;} .header .header_logo_area {position: relative; width:100%; height: 44px; padding-right:10px; margin:0 auto;} .header .header_logo_area .tit_h1 {width:85px; height: 100%; line-height:initial; top:0; background-position: center; background:url(../../images/mobilehome/svg/m_header_logo.png) no-repeat center; background-size: 100%;} .header .header_logo_area button {position: absolute; width:16px; height: 16px; margin-top:4px; top:50%; left:50%; transform: translate(-50%, -50%);margin-left:52px; background:url(../../images/mobilehome/svg/m_arrow_down.png) no-repeat; text-indent: -9999px; background-size: cover;} .header .m_main_gate {display: none; position: absolute; top:0; left:50%; transform: translateX(-50%); width:180px; background:#fff; border:1px solid #cacaca; border-top: 0; z-index: 1000;} .header .m_main_gate .logo {display: block; width:85px; height: 44px; margin-right:auto; margin-left:42.5px; background:url(../../images/mobilehome/svg/m_header_logo.png) no-repeat center; background-size: contain; text-indent: -9999px;} .header .m_main_gate .logo_area {position: relative;} .header .m_main_gate .logo_area button {background:url(../../images/mobilehome/svg/m_arrow_up.png) no-repeat center; background-size: cover;} .header .m_main_gate a {display: block; margin:0 auto;} .header .m_main_gate .ehyundai {width:92px;} .header .m_main_gate li {padding:12px 0;} .header .m_main_gate li:first-child {margin-top: 7px;border-bottom:1px solid #dadada} #content.dim {position: relative;} #content.dim::after {content: ""; position: absolute; top:0; right: 0; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 100;} /* #content {position: relative;} 2021-09-27 */ .floating_menu {position: absolute; bottom:40px; right:10px; z-index: 1000; opacity: 0.9; z-index: 1000;} .floating_menu button {display: block; width:50px; height: 50px; background:url(../../images/mobilehome/svg/btn_open.png) no-repeat; background-size: 100%; text-indent: -9999px;} .floating_menu button.off {background:url(../../images/mobilehome/svg/btn_close.png) no-repeat; background-size: 100%; text-indent: -9999px;} .floating_menu .menu_list {display: none; position: absolute; top:-185px; right:0; width:150px; padding: 0 17px 15px 17px; background:#fff; box-sizing: border-box;} .floating_menu .menu_list.on {display: block;} .floating_menu .menu_list a {display: block; margin-top:15px;} .floating_menu .menu_list a img {width:100%;} .floating_menu .menu_list a.home {max-width: 107px;} .floating_menu .menu_list a.new {max-width: 60px;} .floating_menu .menu_list a.collection {max-width: 60px;} .floating_menu .menu_list a.present {max-width: 75px;} .floating_menu .menu_list a.showroom {max-width: 100px;} /* 2014-09-16 메인 쇼핑안내 추가 */ .app-service-call {display: block; position: absolute; z-index: 10; top: 2px; right: 4px; overflow: hidden; width: 40px; height: 40px; line-height: 40px; white-space: nowrap;} .app-service-call:after {content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff url('../../images/mobilehome/svg/n_shopping_info.png') no-repeat center; background-size: 90%;} .no-svg .app-service-call {background-image:url('https://www.ehyundai.com/css/svg/n_shopping_info.png');} .cont-title .app-service-call.close {background-image:url('https://www.ehyundai.com/css/svg/svgBtnAppClose.svg');} .no-svg .cont-title .app-service-call.close {background-image:url('https://www.ehyundai.com/css/svg/svgBtnAppClose.png');} /* side */ #side {display: none;} .wrapper.on #side {display: block;} @media (min-width: 641px) { #side {display: block !important;} #side .to-home {right: 9px !important} /* 2019-웹접근성-008 추가 */ #side .to-menu {display: none !important} /* 2019-웹접근성-008 추가 */ } /*#side {position:fixed; top:0; left:-260px; width:260px; height:100%; overflow:auto; background-color:#1b1d21; z-index:10;}*/ #side {position:fixed; top:0; left:0; width:260px; height:100%; overflow:auto; background-color:#1b1d21; z-index:10;} html.ginger-bread #side {position:absolute;} /* 2019-10-01 삭제 : S (검색 솔루션 처리 후, 주석 처리할 것 703 ~ 713) */ #side .search {position:relative; padding-left:16px; height:44px; background-color:#d8d9d9;} #side .search input[type="search"] {position:absolute; top:8px; left:16px; height:30px; width:160px; font-family:'Happiness-Sans'; font-size:15px; padding:0 30px 0 20px; color:#333; border:0 none; background:transparent url('../../images/mobilehome/svg/iconSearch.png') no-repeat 0 50%; background-size:14px;} /* 2019-웹접근성-008 변경 */ /* 2022-03-04 수정 */ #side .search input::-webkit-input-placeholder {color:#767676;} /* 2022-09-30 웹 접근성 */ #side .search input::-webkit-search-cancel-button {-webkit-appearance:none;} #side .search input:-moz-placeholder {color:#767676;} /* 2022-09-30 웹 접근성 */ #side .search.search-ing input[type="search"] {background-image:none; left:0; width:180px;} /* 2019-웹접근성-008 변경 */ #side .search .to-home {width:32px; height:32px; line-height: 32px; text-align: center; position:absolute; top:7px; right:46px; font-size:12px; color:transparent; background:url('../../images/mobilehome/svg/btnHome.png') no-repeat center; background-size:30px 30px;} /*2019-웹접근성-002 변경*/ #side .search .btn-1 {display:none; position:absolute; right:46px; top:8px; width:30px; height:30px; line-height: 30px; text-align: center; font-size:12; color:transparent; text-align:center; line-height:30px; z-index:11; background:url('../../images/mobilehome/svg/btnSearch.png') no-repeat center; background-size:30px 30px;} /* 2019-웹접근성-004 변경 */ #side .search .btn-1.show {display:block;} #side .search .btn-1.show + * + .to-home {opacity:0;} #side .search .del {display:none; position:absolute; top:13px; right:89px; font-size:12px; color:transparent; overflow:hidden; width:20px; height:20px; text-align: center; line-height: 20px; background:url('../../images/mobilehome/svg/icon_search_del.png') no-repeat center; background-size:14px;} /* 2019-웹접근성-004 변경 */ #side .search-ing .to-home {display:none} /* 2019-웹접근성-004 변경, 위치 변경 */ /* 2019-10-01 삭제 : E (검색 솔루션 처리 후, 주석 처리할 것 703 ~ 713) */ /* 2019-10-01 추가 : S */ #side .util-menu {position:relative;padding-left:16px;height:44px;background-color:#d8d9d9;} #side .util-menu .to-search {overflow:hidden;position:absolute; top:8px; left:8px; height:30px; width:30px;background:transparent url('../../images/mobilehome/svg/iconSearch.png') no-repeat center; background-size:14px;font-size:1px;white-space:nowrap;text-indent:100%} #side .util-menu .to-home {width:32px; height:32px; line-height: 32px; text-align: center; position:absolute; top:7px; right:46px; font-size:12px; color:transparent; background:url('../../images/mobilehome/svg/btnHome.png') no-repeat center; background-size:30px 30px;} /* 2019-웹접근성-002 변경 */ /* 2019-10-01 추가 : E */ #side .fix-menu {padding:0 16px;} #side .fix-menu a {display:block; font-size:15px; padding:10px 0; height:22px; line-height:21px; font-family:'Happiness-Sans'; font-weight: 400;}/* 2022-03-04 수정 */ #side .fix-menu > p {position:relative; height:42px; padding:3px 0; width: 49.3%; display: inline-block;}/* 2022-04-26 수정 */ #side .fix-menu > p:first-child {padding-top:0;} #side .fix-menu > p:last-child {padding-bottom:0;} #side .fix-menu.top {padding-top:20px; padding-bottom:15px; border-bottom:1px solid #383b43;} #side .fix-menu.top a {color:#fff;} #side .fix-menu.top a:before {position:relative; content:''; width:18px; display:inline-block; vertical-align:top; margin-right:10px; background-position:center; background-repeat:no-repeat; background-size:contain;} #side .fix-menu.top .signin a:before {height:18px; background-image:url('../../images/mobilehome/svg/iconSlideLogin.png'); background-position:center;} #side .fix-menu.top .signin.out a:before {background-image:url('../../images/mobilehome/svg/iconSlideLogout.png');} #side .fix-menu.top .signup a:before {height:18px; background-image:url('../../images/mobilehome/svg/iconSide_signup.png'); background-position:center;} #side .fix-menu.top .store a:before {height:20px; background-image:url('../../images/mobilehome/svg/iconSlideStore.png');} #side .fix-menu.top .familyApp a:before {height:20px; background-image:url('../../images/mobilehome/svg/iconFamilyApp.png');}/* 2022-04-26 추가 */ #side .tree-menu {padding:14px 0 20px;} #side .tree-menu li.sub {height:50px; overflow:hidden; -moz-transition:height .5s; -webkit-transition:height .5s; transition:height .5s;} #side .tree-menu li.sub.active {height:auto;} #side .tree-menu a {display:block; padding:0 16px; font-family:'Hyundai_R1012';} #side .tree-menu > ul > li > a {position:relative; height:50px; line-height:50px; color:#fff; font-size:16px; font-family:'Happiness-Sans'; font-weight: 400;} /* 2022-03-04 수정 */ #side .tree-menu li > a:after {content:''; position:absolute; width:5px; height:10px; right:16px; top:50%; margin-top:-5px; background:url('../../images/mobilehome/svg/iconLinkArr.png') no-repeat center; background-size:100%;} #side .tree-menu li.sub > a:after {content:''; position:absolute; width:10px; height:5px; top:50%; margin-top:-3px; right:16px; background:url('../../images/mobilehome/svg/iconTreeArr.png') no-repeat center; background-size:100%;} #side .tree-menu li.sub.active > a:after {background-image:url('../../images/mobilehome/svg/iconTreeArr_open.png');} #side .tree-menu li.sub.active > ul {visibility:visible;transition:none} /* 2019-웹접근성-001 추가 */ #side .tree-menu li > ul {visibility:hidden;background-color:#e7e8e9;transition:visibility 0s .5s} /* 2019-웹접근성-001 변경 */ #side .tree-menu li li a {height:42px; color:#000; font-size:15px; line-height:42px; font-family:'Happiness-Sans'; font-weight: 400;}/* 2022-03-04 수정 */ #side .tree-menu li li a:after {background:none;} #side .to-menu {overflow:hidden;display:block;position:absolute;top:6px;right:9px;width:32px;height:32px;font-size:1px;text-indent:100%;white-space:nowrap;background:#d8d9d9 url(../../images/mobilehome/svg/iconClose.png) 50% 50% no-repeat;background-size:15px 15px;} /* 2019-웹접근성-004 변경 */ /* footer */ #content.no-footer + #footer {display:none;} #content.no-footer + * + #footer {display:none;} #content.under-footer {padding-bottom:0;} #content.under-footer + #footer {margin-top:0;} #content.under-footer + * + #footer {margin-top:0;} .main-container + #footer, .main-container + * + #footer {margin-top:0;} #footer {margin-top:0; width:100%;} .footer {padding:13px 0 0 14px; /*height:60px;*/ position:relative; border-top:1px solid #797979;} /* 2020-07-22 변경 */ .footer:after {content:''; clear:both; display:block; height:0;} .footer .wrap_footer {clear:both;float:left; border:1px solid #666; border-right:0;} /* 2020-07-22 변경 */ .footer .copyright {clear:both; padding-top:10px; font-size:11px; text-align:center; color:#000; opacity:0.6; text-align: left;} .footer .foot_ul {float:left;} .footer .foot_ul:after {content:''; clear:both; display:block; height:0;} .footer .foot_ul li {float:left; border-right:1px solid #666;} .footer .foot_ul li a {width:100%; font-size:11px; display:block; text-align:center; height:27px; line-height:27px;} .footer .foot_ul li a em {color:#000; opacity:0.7;} .footer .foot_ul li.menu1 {width:77px;} .footer .foot_ul li.menu2 {width:62px;} .footer .foot_ul li.menu3 {width: 66px;} /* 2020-07-22 변경 */ .footer .foot_ul li.menu4 {width: 110px;font-weight:700} /* 2020-07-22 추가 */ .footer .foot_ul li.menu4 strong {font-weight:bold} /* 2020-07-22 추가 */ .footer .box_lang {position:relative;} .footer .box_lang .cell {height:27px;} .footer .btnTop {position:absolute;top:13px;right:12px;padding-left:8px; display:block; width:42px; height:29px; background:#000; color:#fff; line-height:24px; font-size:11px;} /* 2020-07-22 변경 */ .footer .btnTop .iconTop {display:block; padding-left:13px; line-height:29px;} /* 2017-03-03 footer 추가 및 수정 */ .footer .footer_select_wrap {clear: both; padding: 10px 0;} .footer .footer_select_wrap:after {content: ''; display: block; clear: both;} .footer .footer_select_wrap .box_partners {float: left; width: 169px;} .footer .footer_select_wrap .box_partners .cell {height: 29px;} .footer .footer_select_wrap .box_partners .cell select {z-index: 19; height: 29px; min-height: 29px; padding: 5px 3px 5px 8px; font-size: 11px;} /* 2018-10-11 */ .footer .footer_select_wrap .box_lang {float: right; width: 79px; margin-right: 12px;} .footer .footer_select_wrap .box_lang .cell {height: 29px;} .footer .footer_select_wrap .box_lang .cell select {z-index: 19; border: 1px solid #797979; padding:5px 3px 5px 8px; min-height:0; line-height:17px; height:29px; font-size:11px; color:#333;} /* 2018-10-11 */ .footer .footer_info_text {padding-right: 12px;} .footer .footer_info_text .text {font-size: 11px;} .footer .footer_info_text .text span {display: inline-block; position: relative; padding-right: 5px;} .footer .footer_info_text .text span:before {content: ''; display: block; position: absolute; top: 4px; right: 0; width: 1px; height: 8px; background-color: #999999;} .footer .footer_info_text .text span:last-child:before {display: none;} .footer .footer_info_text .copyright {padding: 10px 0;} /* controller */ .controller-wrap {display:none; min-width:320px; width:100%; height:45px; z-index:50; background-color:#7d7d7d; -moz-transition:background-color .3s; -webkit-transition:background-color .3s; transition:background-color .3s;}/*position:fixed; left:0; bottom:0; 진저 버그*/ .controller-wrap:after {content:''; display:block; clear:both; height:0;} .controller-wrap.show {background-color:rgba(164,164,164,1);} .controller-wrap p {display:none;} .controller-wrap .left-area {position:relative; float:left; width:60%} .controller-wrap .left-area p {float:left; width:33.3%; text-align:center;} .controller-wrap .nav-area {float:right; width:40%;} .controller-wrap .nav-area p {position:relative; float:left; width:50%; height:49px; text-align:center;} .controller-wrap .left-area a, .controller-wrap .nav-area a {display:inline-block; vertical-align:top; text-align:center; width:40px; height:45px; font-size:0; color:rgba(0,0,0,0); background-repeat:no-repeat; background-position:center;} .controller-wrap a.active {opacity:1;} .controller-wrap .left-area p.btn-write, .controller-wrap .left-area p.btn-recom {float:right;} .controller-wrap .btn-share a {background-image:url('../../images/mobilehome/svg/bg_controller_share.png'); background-size:22px auto;} .controller-wrap.show .btn-share a {background-image:url('../../images/mobilehome/svg/bg_controller_share_show.png');} .controller-wrap .btn-list a {background-image:url('../../images/mobilehome/svg/bg_controller_list.png'); background-size:18px;} .controller-wrap .btn-view a {background-image:url('../../images/mobilehome/svg/bg_controller_view.png'); background-size:23px auto;} .controller-wrap .btn-reply a {background-image:url('../../images/mobilehome/svg/bg_controller_reply.png'); background-size:22px auto;} .controller-wrap .btn-write a {background-image:url('../../images/mobilehome/svg/bg_controller_write.png'); background-size:20px;} .controller-wrap .btn-recom a {background-image:url('../../images/mobilehome/svg/bg_controller_recom.png'); background-size:22px auto;} .controller-wrap .btn-prev a {background-image:url('../../images/mobilehome/svg/bg_controller_Left.png'); background-size:11px 20px;} .controller-wrap .btn-next a {background-image:url('../../images/mobilehome/svg/bg_controller_Right.png'); background-size:11px 20px;} .controller-wrap .share-modal {display:none; position:fixed; top:0; left:0; right:0; bottom:62px; background-color:rgba(40,40,40,.3);} .controller-wrap.show .share-modal {display:block;} .web-view .controller-wrap .top_btn {position:absolute; top:-65px; right:10px; width:40px; height:40px; font-size:0; color:rgba(0,0,0,0); background:url('../../images/mobilehome/controller_top.png') no-repeat 0 0; background-size:40px;} .web-view .controller-wrap .plus_btn {position:absolute; top:-105px; right:10px; width:40px; height:40px; font-size:0; color:rgba(0,0,0,0); background:url('../../m-sub/images/mobilehome/controller_expand.png') no-repeat 0 0; background-size:40px;} /* 2014-09-19 Added*/ .controller-wrap .shopping_left a {display:inline-block; vertical-align:top; text-align:center; width:80px; height:45px; font-size:0; color:rgba(0,0,0,0); background-repeat:no-repeat; background-position:center;} .controller-wrap .shopping_left p {float:left; width:50%; text-align:center;} .shopping_left .btn-share a {background-image:url('../../images/mobilehome/svg/n_bg_controller_share.png'); background-size:78px auto;} .controller-wrap.show .shopping_left .btn-share a {background-image:url('../../images/mobilehome/svg/n_btn_share_black_shopping.png');} .shopping_left .btn-list a {background-image:url('../../images/mobilehome/svg/n_bg_controller_list.png'); background-size:49px;} .shopping_left .btn-view a {background-image:url('https://www.ehyundai.com/images/mobilehome/svg/n_bg_controller_view.png'); background-size:23px auto;} .shopping_left .btn-reply a {background-image:url('https://www.ehyundai.com/images/mobilehome/svg/n_bg_controller_reply.png'); background-size:22px auto;} .shopping_left .btn-write a {background-image:url('https://www.ehyundai.com/images/mobilehome/svg/n_bg_controller_write.png'); background-size:20px;} .shopping_left .btn-recom a {background-image:url('https://www.ehyundai.com/images/mobilehome/svg/n_bg_controller_recom.png'); background-size:22px auto;} .shopping_left .btn-prev a {background-image:url('../../images/mobilehome/svg/n_bg_controller_Left.png'); background-size:41px 17px;} .shopping_left .btn-next a {background-image:url('../../images/mobilehome/svg/n_bg_controller_Right.png'); background-size:41px 17px;} .shopping_left .btn-prev a {background-image:url('../../images/mobilehome/svg/bg_controller_Left.png'); background-size:11px 20px;} .shopping_left .btn-next a {background-image:url('../../images/mobilehome/svg/bg_controller_Right.png'); background-size:11px 20px;} /* //2014-09-19 Added*/ .controller .controller-wrap, .controller.share .btn-share, .controller.list .btn-list, .controller.view .btn-view, .controller.reply .btn-reply, .controller.write .btn-write, .controller.recom .btn-recom, .controller.nav .nav-area p {display:block;} .controller .footer {padding-bottom:49px;} .controller .sns-area {position:absolute; height:0; left:0; bottom:45px; width:100%; opacity:0; background:#515151; transition:height .5s, opacity .5s; overflow:hidden; z-index:55;} .controller .controller-wrap.show .sns-area {height:230px; opacity:1;} .controller .controller-wrap.show .nav-area {opacity:0;} .controller .controller-wrap.show .left-area p:not(:first-child) {display:none;} .controller .controller-wrap.show .nav-area p {display:none;} .controller .sns-area ul {font-size:0; padding:25px 2% 4px; text-align:center;} /*2014-09-17 modify*/ .controller .sns-area ul li {float:left; width:25%; vertical-align:top; height:84px; } .controller .sns-area ul.iOS li {float:left; width:33%; vertical-align:top; height:84px; } /* //2014-09-17 modify*/ .controller .sns-area ul li a {position:relative; width:100%; height:15px; display:block; margin:0 auto; color:#fff; text-align:center; background-repeat:no-repeat; background-position:center top; background-size:51px; padding-top:59px;} .controller .sns-area ul li a.fb {background-image:url('../../images/mobilehome/svg/icon_fb.png');} .controller .sns-area ul li a.tw {background-image:url('../../images/mobilehome/svg/icon_tw.png');} .controller .sns-area ul li a.url {background-image:url('../../images/mobilehome/svg/icon_url.png');} .controller .sns-area ul li a.catalk {background-image:url('../../images/mobilehome/svg/icon_catalk.png');} .controller .sns-area ul li a.cas {background-image:url('../../images/mobilehome/svg/icon_cas.png');} .controller .sns-area ul li a.mail {background-image:url('../../images/mobilehome/svg/icon_mail.png');} /*2017-08-22 H.Point 공유 이미지 추가*/ .controller .sns-area ul li a.hpoint {background-image:url('../../images/mobilehome/svg/icon_hpoint.png');} /*2014-09-17 Added*/ .controller .sns-area ul li a.mesg {background-image:url('../../images/mobilehome/svg/icon_mesg.png');} .controller .sns-area ul li.cls_wrap a.cls_bt {background-image:url('../../images/mobilehome/svg/icon_b_close.png'); text-indent:-9999px;background-size:25px;} /*2014-09-19 Added*/ .controller .sns-area ul li.cls_wrap {position:absolute; top:10px; right:0px;} /*2014-09-19 Added*/ /* //2014-09-19 Added*/ /* contents */ .wrap-terms {font-family:'Happiness-Sans'; font-size:14px; color:#555; line-height:18px;} /* 2022-04-13 수정 */ .wrap-terms .tit-clause {margin:20px 0 7px; font-family:'Happiness-Sans'; font-size:16px; color:#333; line-height:20px;}/* 2022-03-04 수정 */ .wrap-terms .tit-sub {margin:7px 0 5px; font-family:sans-serif; font-size:14px; color:#555; line-height:18px; font-weight:bold;} .wrap-terms .tit-sub + p {margin-top:0;} .wrap-terms p {margin-top:7px;} .wrap-terms .list-clause li {margin-top:7px;} .wrap-terms ol>li, .wrap-terms ul>li {margin-top:5px;} .wrap-terms .tit-sub + ol>li>ol>li {padding-left:13px; font-weight:normal;} .wrap-terms p + ul>li {margin-top:0;} .wrap-terms ol>li>p {margin-top:0;} .wrap-terms ul>li>p, .wrap-terms ul>li>ul>li:first-child {margin-top:0px;} .wrap-terms .version {margin:13px 0;} .wrap-terms .enforcementdate {margin:20px 0;} .wrap-terms .enforcementdate > li {text-align:right;} .wrap-terms .enforcementdate > li strong {display:inline-block; width:50px;} .wrap-terms .enforcementdate > li .date {display:inline-block; width:112px; text-align:left; margin-left:3px;} .wrap-terms .sub-tit {margin-top:13px; font-family:'Happiness-Sans'; font-size:14px; color:#000;}/* 2022-03-04 수정 */ .wrap-terms .sub-tit + p {margin-top:3px;} .wrap-terms ol + ul {margin-top:20px;} /* hdStore */ .hdStore_top {text-align:center;} .hdStore_top .storeName {display:inline-block; height:41px; line-height:41px; text-align:right; padding-right:15px; font-family:'Happiness-Sans'; font-size:19px; background:url('../../images/mobilehome/svg/svgIconSel_dn.png') no-repeat 100% center; background-size:9px 6px;}/* 2022-03-04 수정 */ .hdStore_top .storeName.open {background:url('../../images/mobilehome/svg/svgIconSel_up.png') no-repeat 100% center; background-size:9px 6px;} .hdStore .wrap_store {display:none; padding:13px; position:relative; background-color:#fff; z-index:22;} .hdStore .wrap_store .title-subject {font-size:18px; text-align:center; line-height:1.4;} .hdStore .wrap_store .list-store {text-align:center; width:100%;} .hdStore .wrap_store .list-store :after {content:''; clear:both; display:block; height:0;} .hdStore .wrap_store .list-store li {float:left; width:33.3%; height:45px; vertical-align:middle; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top:7px;} .hdStore .wrap_store .list-store .storeText {display:inline-block; width:100%; height:45px; line-height:42px; padding:1px 0; border:1px solid #c8c8c8; font-family:'Happiness-Sans'; font-size:14px; color:#666; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/* 2022-03-04 수정 */ .hdStore .wrap_store .list-store .selected .storeText {display:block; width:100%; height:45px; border:2px solid #000;} .hdStore .wrap_store .list-store.uplex li {float:left; width:50%; height:45px; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top:7px;} /* 2022-01-12 수정 [S]*/ .hdStore .store_info {position:relative; background-size: cover; width: 100%; height: 100%; min-height: 570px; padding-top: 66px;} /* body.web-view .hdStore .store_info .store-img {margin-bottom:0;} */ /* .hdStore .store_info .store-img img {width:100%; vertical-align:top;} */ .hdStore .store_info .infotxt {width: 232px; min-height: 145px; margin:0 auto; padding:0 0 25px; border-bottom:1px solid #fff; text-align: center; color:#fff; background-color: rgba(17,17,17,0.6);} .hdStore .store_info .infotxt span {display:block;} .hdStore .store_info .infotxt .tit {font-size:37px; margin:0 0 16px; padding-top:25px; border-top:1px solid #fff; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ /* 2022-01-12 수정 [E]*/ /* 2022-07-27 수정 [S] */ .hdStore .store_info .infotxt .date {font-size:15px; line-height:1.4; margin-bottom: 5px;} .hdStore .store_info .infotxt .time {font-size:15px; line-height:1.4; margin-bottom:5px; width: 160px; padding: 7.5px 2.5px; margin: 10px auto 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .hdStore .store_info .infotxt span.time_title{display: inline-block;} .hdStore .store_info .infotxt span.time_detail{display: inline-block;} .hdStore .store_info .infotxt .reno {line-height:1.4; font-size: 14px;} .hdStore .store_info .infotxt .reno {display:table; margin:0 auto; width:auto; max-width:90%;} .hdStore .store_info .infotxt .reno .attr {display:table-cell; width:60px; vertical-align:top;} .hdStore .store_info .infotxt .reno .value {display:table-cell; vertical-align:top; text-align:left; line-height:16px;} .hdStore .store_info .infotxt .time .attr{display: block; margin: 0 auto;} /* 2022-07-27 수정 [E] */ /* 2022-01-12 수정 [S]*/ .hdStore .store_info .infotxt .shopping_btn {display: inline-block; margin-top:10px; padding:10px 25px; background: #fff;} .hdStore .store_info .infotxt .shopping_btn a {color: #111;} /* 2022-01-12 수정 [E]*/ .hdStore .store_info .ico_wrap#ico_wrap {margin-top:20px!important;} .hdStore .store_info .ico_wrap {position: static!important; width:232px!important; margin:15px auto!important;} .hdStore .store_info .ico_wrap:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .hdStore .store_info .ico_wrap .cell {float:left; width: auto; height: auto; width: 33.3%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdStore .store_info .ico_wrap .cell .ico {display:block; margin: 0 auto; width:46px; height:46px; line-height: 46px; overflow:hidden; border:1px solid #fff; color: transparent;} .hdStore .store_info .ico_wrap .ico.floor {background:url('../../images/mobilehome/svg/svgIcon_floor.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.map {background:url('../../images/mobilehome/svg/svgIcon_map.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.tel {background:url('../../images/mobilehome/svg/svgIcon_tel.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.fac {background:url('../../images/mobilehome/svg/svgIcon_facility.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.din {background:url('../../images/mobilehome/svg/svgIcon_dining.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.car {background:url('../../images/mobilehome/svg/icon_car.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.hmoka {background:url('../../images/mobilehome/svg/icon_hmoka.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.theforum {background:url('../../images/mobilehome/svg/icon_theforum.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} /* 2022-12-13 수정 */ /* 2021-04-30 수정 : E */ /* 21-01-21 추가 : S */ .hdStore .store_info .ico_wrap .ico.res {background: url(../../images/mobilehome/svg/btn_info_restaurant2.png) no-repeat left center; background-size: 100%; background-color: none;} .hdStore .store_info .ico_wrap .ico.sf {background: url(../../images/mobilehome/svg/btn_info_sound_forest.png) no-repeat left center; background-size: 100%; background-color: none;} .hdStore .store_info .ico_wrap .ico.alt {background: url(../../images/mobilehome/svg/btn_info_alt.png) no-repeat left center; background-size: 100%; background-color: none;} .hdStore .store_info .ico_wrap .ico.ch {background: url(../../images/mobilehome/svg/btn_info_ch1985.png) no-repeat left center; background-size: 100%; background-color: none;} /* 21-01-21 추가 : E */ /* 2021-03-23 추가 : S */ .hdStore .store_info .ico_wrap .ico.glass {background:url('../../images/mobilehome/svg/icon_haus.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} /* 2021-03-23 추가 : E */ /* 2022-07-01 추가 : S */ .hdStore .store_info .ico_wrap .ico.culpark {background:url('../../images/mobilehome/svg/icon_culpark.png') no-repeat left center; background-size:100%; } /* 2022-07-01 추가 : E */ /* 2016-04-06 : 아울렛 지점정보 아이콘 class 추가 및 정리 */ .hdStore .store_info .ico_wrap .ico.outlet {display:block; width:52px; height:73px; overflow:hidden; border:1px solid #fff; color: transparent;} .hdStore .store_info .ico_wrap .ico.floor.outlet {background:url('../../images/mobilehome/svg/svgIcon_floor_outlet.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.map.outlet {background:url('../../images/mobilehome/svg/svgIcon_map_outlet.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.tel.outlet {background:url('../../images/mobilehome/svg/svgIcon_tel_outlet.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.restaurant {background:url('../../images/mobilehome/svg/svgIcon_dining_outlet.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.facility {background:url('../../images/mobilehome/svg/svgIcon_facility_outlet.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.shopping {background:url('../../images/mobilehome/svg/svgIcon_shopping_outlet.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.hotplace {background:url('../../images/mobilehome/svg/hotplace.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.diningkitchen {background:url('../../images/mobilehome/svg/svgIcon_diningkitchen.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.cafeteria {background:url('../../images/mobilehome/svg/svgIcon_cafeteria.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.gardenterrace {background:url('../../images/mobilehome/svg/svgIcon_gardenterrace.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.market {background:url('../../images/mobilehome/svg/svgIcon_premiummarket.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .store_info .ico_wrap .ico.hotbrand {background:url('../../images/mobilehome/svg/svgIcon_hotbrand.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .hdStore .mapArea.line {border-bottom:1px solid #d7d7d7;} .hdStore .mapArea .map {/*height:202px;*/} .hdStore .mapArea .map_pop {height:100%;} .hdStore .map_btn {margin-top:7px;} .hdStore .btnText2 {display:inline-block; width:100%; height:36px; line-height:36px; font-family:'Happiness-Sans'; font-size:14px; color:#fff; background-color:#666; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/* 2022-03-04 수정 */ .hdStore .btnText2.on {background-color:#000;} .hdStore .wrap_map {padding:13px;} /* 2022-08-03 수정 [S] */ .way_tab_btnWrap{ line-height: normal; box-sizing: border-box; width: 320px; margin: 25px auto 30px auto; text-align: center;} .way_tab_btnWrap .way_tab_btn{ background: #eee; padding: 8px 10px; border: 1px solid #ececec; width: 150px; box-sizing: border-box; text-align: center; display: inline-block;} .way_tab_btnWrap .way_tab_btn.active{background-color: #fff;} .way_tab{display: none;} .way_tab.active_tab{display: block;} .way_tab02 *{color: #333; font-size: 13px;} .way_tab02 .tab_title{font-family: 'Happiness-Sans-Title'; font-size: 15px; margin-bottom: 22px;} .way_tab02 .animal-info dt{font-family: 'Happiness-Sans-Title'; display: inline-block; margin-right: 10px;} .way_tab02 .animal-info dd{ font-size: 13px; display: inline-block;} .way_tab02 .animal-info+.animal-info{margin-top: 2px;} .way_tab02 .animal-article{padding-top: 25px; border-top: 1px solid #e1e1e1; margin-top: 15px; } .way_tab02 .animal-article .animal-subtit{margin-top: 40px; font-family: 'Happiness-Sans-Title';} .way_tab02 .animal-article .animal-subtit:first-child{margin-top: 0;} .way_tab02 .animal-article p{margin-top: 10px;} .way_tab02 .animal-article button{width: 105px; text-align: center; font-weight: 700; background-color: #ececec; padding: 6px 0; margin-top: 10px;} .way_tab02 .animal-article em{color: #959595;} .way_tab02 .animal-article .animal-list{width: 100%; background-color: #f6f6f6; padding: 11px 15px; box-sizing: border-box; margin-top: 5px;} .way_tab02 .animal-article .animal-list li{position: relative; padding-left: 10px;} .way_tab02 .animal-article .animal-list li::before{content: '\00B7'; position: absolute; top: 0; left: 0;} .animal-popup-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none; z-index: 1000;} .animal-popup-wrap *{color: #333;} .animal-popup-wrap.popup-active{display: block;} .animal-popup-wrap .animal-popup{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; overflow: auto; width: 95%; height: 80vh;} .animal-popup-wrap .animal-popup .popup-box{padding: 25px 16px;} .animal-popup-wrap .animal-popup .popup-img{width: calc(100% - 5px); margin: 0 auto;} .animal-popup-wrap .popup-closed{position: absolute; top: 4px; right: 4px; width: 25px; height: 25px;} .animal-popup-wrap .animal-popup .popup-box .popup-tit{font-family: 'Happiness-Sans-Title'; margin-bottom: 15px;} .animal-popup-wrap .animal-popup .popup-table{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: none; border-right: none; padding: 25px 0; display: block; margin: 10px 0;} .animal-popup-wrap .animal-popup .popup-table th{vertical-align: top; padding: 0 5px;} .animal-popup-wrap .animal-popup .popup-table th,.animal-popup-wrap .animal-popup .popup-table td{padding-top: 7px; padding-bottom: 7px;} .animal-popup-wrap .animal-popup .popup-table em{font-size: 11px; color: #898989;} .animal-popup-wrap .animal-popup .popup-ref{color: #898989; position: relative; padding-left: 10px; display: inline-block;} .animal-popup-wrap .animal-popup .popup-ref::before{content: '\203B'; position: absolute; top: 0; left: 0;} /* 2022-08-03 수정 [E] */ .hdStore .wrap_map .maptit {font-family:'Happiness-Sans'; font-size:17px; color:#000; padding:7px 0 6px 0px; border-bottom:1px solid #797979; background:url('../../images/mobilehome/svg/svgArrTop.png') no-repeat 100% center; background-size:13px 8px;}/* 2022-03-04 수정 */ .hdStore .wrap_map .maptit.hide {background:url('../../images/mobilehome/svg/svgArrBottom.png') no-repeat 100% center; background-size:13px 8px;} .hdStore .wrap_map .maptit:nth-child(1) {background:none; padding-top:0;} .hdStore .wrap_map .anybox {padding:12px 0; margin-bottom:0; font-size:13px; color:#000;} .hdStore .wrap_map .title-subject {font-family:'Happiness-Sans'; font-size:16px; color:#333; line-height:18px; text-align:left; margin:10px 0 6px;}/* 2022-03-04 수정 */ .hdStore .wrap_map .title-subject:nth-child(1) {margin-top:0px;} .hdStore .wrap_map .stit {color:#555; font-size:14px; margin:10px 0 6px;line-height:18px; font-weight:bold;} .hdStore .wrap_map .stit:nth-child(1) {margin-top:0px;} .hdStore .wrap_map .stit2 {color:#555; font-size:14px; margin:0px 0 6px;line-height:18px;} .hdStore .wrap_map .stit.type-bullet-square {position:relative;padding-left:10px} /* 2020-12-16 추가 */ .hdStore .wrap_map .stit.type-bullet-square:before {content: ''; display: block; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background-color: #555} /* 2020-12-16 추가 */ .hdStore .wrap_map .route_num {padding:0 0 10px; border-bottom:1px solid #d7d7d7;} .hdStore .wrap_map .route_num:last-child {border-bottom:0px;} .hdStore .wrap_map .route_num li {margin-top:6px; overflow:hidden;} .hdStore .wrap_map .route_num > li:nth-child(1) {margin-top:0px;} /* 2020-11-03 수정 : S */ .hdStore .wrap_map .route_num .route {float:left; width:30px; display:block; padding:4px 6px; text-align:center; font-size:13px; color:#666; border:1px solid #e5e5e5; margin-right:13px;} .hdStore .wrap_map .route_num .routetxt {float:left; width:80%; display:block; padding: 4px 0px; font-size:13px; color:#666; line-height:19px; word-break:keep-all;} /* 2020-11-03 수정 : E */ .hdStore .wrap_map .transfer {width:100%;} .hdStore .wrap_map .transfer li {font-size:14px; line-height:18px; color:#555;} .hdStore .wrap_map .transfer li .use_time { font-size:13px; color:#666; line-height:18px;} .hdStore .wrap_map .parking table {width:100%;} .hdStore .wrap_map .parking table th {width:25%; text-align:left; vertical-align:top;} .hdStore .wrap_map .parking table th, .hdStore .wrap_map .parking table td {line-height:15px; padding:2px 0; color:#666; font-family:'Happiness-Sans'; word-break:keep-all;}/* 2022-03-04 수정 */ .hdStore .searchForm {position:relative;} .hdStore .searchForm .srch_input {position:relative; overflow: hidden; display: block; margin: 0; height:33px; border:3px solid #555; background-color:#fff;} .hdStore .searchForm .srch_input input {display: block; width:85%; height:34px; padding:5px 0 5px 12px; color:#000; border: 0 none; font-size:16px; font-family:'Happiness-Sans'; z-index:21; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/* 2022-03-04 수정 */ .hdStore .searchForm .srch_input .btnSch {position:absolute; top:50%; right:3px; margin-top:-17px; width:33px; height:33px; display:inline-block; text-indent:-999px; overflow:hidden; background:url('../../images/mobilehome/svg/svgBtnSearch.png') no-repeat center center; background-size:14px 14px;} .hdStore .searchForm .btnFloor {position:absolute; top:0; right:0px;} .hdStore .searchForm.icoFloor {position:relative; margin:13px; } .hdStore .searchForm.icoFloor .srch_input {position:relative; overflow: hidden; display:block; margin: 0 46px 0 0; height:33px; border:3px solid #555; background-color:#fff;} .hdStore .return-value.result {margin:19px 0 19px; font-size:16px; color:#666;} .hdStore .return-value.result .keyword {color:#000;} .hdStore .search-list table {width:100%;} .hdStore .search-list table th, .hdStore .search-list table td {/*padding:13px 0 12px; */ padding:9px 0; text-align:left; font-size:13px; vertical-align:middle;line-height:15px;} .hdStore .search-list table tr {border-bottom:1px solid #d7d7d7;} .hdStore .search-list table tr:nth-child(1) {border-top:1px solid #797979;} .hdStore .search-list table .ho {text-align:left; padding:0 20px 0 0; color:#666;} .hdStore .search-list table .sname {text-align:left; color:#666; padding:0 10px 0 0px; width:96px;} .hdStore .search-list table .bname {text-align:left; padding-right:24px; color:#000; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .search-list table .floor {text-align:right;padding-right:24px;text-align:center; color:#666;} .hdStore .search-list table .tel {width:26px; text-align:right;} .hdStore .search-list table .psname {float:left; width:20%;text-align:left; color:#666; padding:15px 0 0 0px; color:#666;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .search-list table .pbname {float:left; width:30%;text-align:left; color:#666; padding:15px 0 0 0px; color:#000;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .search-list table .pnum {float:left; width:25%;text-align:left; color:#666; padding:15px 0 0 0px;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .search-list table .ptel {float: right; width:8%;text-align:right;} .hdStore .search-list table .pfloorImg {float:right; width:8%;text-align:right;} .hdStore .search-list table .pfloor {float:right; width:8%;text-align:left; color:#666; padding:15px 0 0 0px; color:#666;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .search-list table .icon {width: 33px;} .hdStore .category {width:100%;} .hdStore .category .cateTit {display:block; background-color:#5d5d5d; font-family:'Happiness-Sans'; font-size:16px; color:#fff; position:relative; width:100%; height:43px; line-height:43px; text-align:left; border-top:1px solid #6e6e6e; vertical-align:middle;}/* 2022-03-04 수정 */ .hdStore .category .cateTit:after {content:''; position:absolute; top:22px; right:20px; width:17px; height:9px; margin-top:-5px; background:url('../../images/mobilehome/svg/bgArr_t_Ars.png') no-repeat 100% center; background-size:17px 9px;} .hdStore .category .cateTit.hide {display:block; background-color:#5d5d5d; font-family:'Happiness-Sans'; font-size:16px; color:#fff; position:relative; width:100%; height:43px; line-height:43px; text-align:left; border-top:1px solid #6e6e6e; vertical-align:middle;}/* 2022-03-04 수정 */ .hdStore .category .cateTit.hide:after {content:''; position:absolute; top:22px; right:20px; width:17px; height:9px; margin-top:-5px; background:url('../../images/mobilehome/svg/bgArr_b_Ars.png') no-repeat 100% center; background-size:17px 9px;} .hdStore .category .tgg-cont {margin-bottom:0;} .hdStore .category .cate {display:inline-block; padding-left:21px; font-family:'Happiness-Sans'; font-size:16px; color:#fff;}/* 2022-03-04 수정 */ .hdStore .category.floor .cateTit:after {content:''; position:absolute; top:50%; right:13px; width:8px; height:15px; margin-top:-7px; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:8px 15px; opacity:0.5;} .hdStore .category.floor a {display:block;} /* .hdStore .category.floor .floor {display:inline-block; width:56px; text-align:center; font-family:'Hyundai_B1012'; font-size:16px; color:#bbb;} .hdStore .category.floor .cate {display:inline-block; padding-left:5px; font-family:'Hyundai_B1012'; font-size:16px;}*/ .hdStore .category.floor .cateTit {display:table; width:100%; height:43px; line-height:23px;} .hdStore .category.floor .floor {display:table-cell; width:56px; height:23px; text-align:center; font-family:'Happiness-Sans'; font-size:16px; color:#d1d1d1; vertical-align:middle;}/* 2022-03-04 수정 */ .hdStore .category.floor .cate {display:table-cell; width:auto; height:23px; line-height:23px; border-right:15px solid #5d5d5d; padding:10px 10px 10px 5px; vertical-align:middle; font-family:'Happiness-Sans'; font-size:16px; word-break:break-all;}/* 2022-03-04 수정 */ .hdStore .category .search-list {padding:0 13px; background-color:#fff; position:relative;} .hdStore .category .search-list table {width:100%;} .hdStore .category .search-list table th, .hdStore .category .search-list table td {padding:9px 0; text-align:left; font-size:13px; vertical-align:middle; line-height:15px;} .hdStore .category .search-list table tr {border-top:1px solid #d7d7d7;} .hdStore .category .search-list table tr:nth-child(1) {border-top:0 none;} .hdStore .category .search-list table tr:last-child {border-bottom:0 none;} .hdStore .category .search-list table .ho {text-align:left; padding:0 20px 0 7px; color:#666; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .category .search-list table .item {text-align:left; padding:0 20px 0 7px; color:#666; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .category .search-list table .bname {text-align:left; color:#666; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .hdStore .category .search-list table .bname span {display:block;} .hdStore .category .search-list table .tel {width:26px; text-align:right; padding:0;} .hdStore .category .search-list table .tel a {padding:0;} .floorFx-head {z-index:21;} .floorFx-body {position:absolute; top:44px; bottom:0; left:0; right:0;} #content.floorFx-body {padding-bottom:0;} .floorFx-body #header {position:absolute; top:0; left:0; right:0; height:44px;} .floorFx-body > article {position:relative; height:100%; padding:0; margin-left:56px; box-shadow:-5px 2px 5px rgba(0,0,0,.2); z-index:22; overflow:hidden;} .swipeFloor_wrap {position:relative; overflow:hidden;} .floorNum {position:fixed; top:44px; left:0; width:56px; bottom:0; overflow:auto; z-index:22; background-color:#5d5d5d;} .floorNum li {display:block; width:100%; height:43px; line-height:43px; text-align:center; font-size:16px; border-top:1px solid #6e6e6e; color:#bbb; background-color:#5d5d5d; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .floorNum li.selected {color:#000; background-color:#fff;} .floorNum li:first-child {border-color:transparent;} .floorNum li:first-child.selected {border-top:1px solid #b2b2b2;} .floorNum li:last-child {border-bottom:1px solid #6e6e6e;} .floorNum button.hide {display:none;} .floorNum .btnUp {position:absolute; top:0px; left:0px; display:block; width:56px; height:43px; background:url('../../images/mobilehome/svg/svgArrUp.png') no-repeat center center; background-size:12px 8px; text-indent:-999px; background-color:#313131;} .floorNum .btnDown {position:absolute; bottom:0px; left:0px; display:block; width:56px; height:43px; background: url('../../images/mobilehome/svg/svgArrDown.png') no-repeat center center; background-size:12px 8px; text-indent:-999px; background-color:#313131;} .wrap_floor_con {position:relative; z-index:21;} .wrap_floor_con .innerFr {position:absolute; top:0; left:0; width:100%; background-color:#fff;} .floor-search {height:30px; padding:7px 8px 20px 8px;} .innerFr .floor-title {position:relative; margin:0 14px; font-size:17px; font-family:'Happiness-Sans'; color:#000;}/* 2022-03-04 수정 */ .innerFr .floor-title:after {content:''; display:block; clear:both; height:0;} .innerFr .floor-title > p {padding-right:32px; word-break:break-all;} .innerFr .floor-title .currentNum {display:inline-block; font-size:36px; margin-right:5px; line-height:42px; vertical-align:middle;} .innerFr .floor-title .tit {display:inline-block; width:68%; overflow:hidden; vertical-align:middle; line-height:17px;} /* .innerFr .floor-title .btnFloor {position:absolute; top:9px; right:0; width:26px; height:26px; display:inline-block; text-indent:-999px; overflow:hidden; background:#333 url('../../images/mobilehome/svg/svgIcon_floor.png') no-repeat right center; background-size:26px 26px;} */ .innerFr .floor-title .btnFloor {position:absolute;top:9px;right:0;width:30px;height:30px;display:inline-block;text-indent:-999px;overflow:hidden;background:url('../../images/mobilehome/floor/btn_view_floor.png') no-repeat 50% 50%;background-size:20px auto;} .innerFr .floor_Iscroll {margin:0 14px;} .innerFr .section {margin-top:5px;} .innerFr .section + .section {margin-top:13px;} .innerFr .section .cate {display:block; position: relative; padding:8px 0 6px; border-bottom:1px solid #797979; font-size:16px; font-family:'Happiness-Sans'; color:#000; background:url('../../images/mobilehome/svg/svgArrTop2.png') no-repeat 100% center; background-size:9px 5px;}/* 2022-03-04 수정 */ .innerFr .section .cate.hide {background:url('../../images/mobilehome/svg/svgArrBottom2.png') no-repeat 100% center; background-size:9px 5px;} .innerFr .section .cate:after {content: ' 닫기'; display: block; position: absolute; top: 0; right: 0; height: 32px; line-height: 32px; font-size: 12px; color: transparent;} .innerFr .section .cate.hide:after {content: ' 열기';} .innerFr .section .tgg-cont {margin:0; padding:0; color:#666;} .innerFr .section .search-list tr:nth-child(1) {border-top:0 none;} .innerFr .section .search-list table th, .innerFr .section .search-list table td {padding:5px 0; text-align:left; font-size:13px; vertical-align:middle; line-height:15px;} .innerFr .section .search-list table td.item {padding-right:5px;} /* 21-01-21 추가 : S */ .innerFr .floor-title .tit {line-height: normal;} .innerFr .floor-title > p.bdm:after {content: ""; position: absolute; bottom:-4px; right:0; width:90%; height:2px; background: #000;} /* 21-01-21 추가 : E */ .header.floor {width:100%; height:43px; position:relative; border:none;} .header.floor .tit_h1 {width:100%; height:43px; padding-left:20px; font-family:'Happiness-Sans'; text-align:left; line-height:43px; font-size:19px;}/* 2022-03-04 수정 */ .floor-condition {position:fixed; width:100%; height:43px; left:0; bottom:0; z-index:21;} .floor-condition .btn_move {position:absolute; top:0; left:0; width:100%; height:43px;} .floor-condition .btn_move > a {display:block; width:43px; height:43px; background-color:red;} .floor-condition .btn_move > a.prev {position:absolute; left:0; top:0; background:url('../../images/mobilehome/svg/svgArrLeft.png') no-repeat 50% 50%; background-size:10px 20px;} .floor-condition .btn_move > a.next {position:absolute; right:0; top:0; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat 50% 50%; background-size:10px 20px;} .floor-condition .floorNumNav {width:100%; height:43px; text-align:center; color:#aaa; font-size:16px; line-height:43px; background-color:rgba(0,0,0,.7);} .floor-condition .floorNumNav .current {font-family:'Happiness-Sans'; color:#fff;}/* 2022-03-04 수정 */ .floor-img {width:100%; height:100%; overflow:hidden;} .floor-img .list-floorImg {height:100%;} .floor-img .list-floorImg:after {content:''; display:block; clear:both; height:0;} .floor-img .list-floorImg > li {float:left; width:100%; height:100%; position:relative;} .floor-img .list-floorImg > li > span {display:block; width:auto;} /* .floor-img .list-floorImg > li img {width:auto;} */ .floor-img .list-floorImg > li img + div, .floor-img .list-floorImg > li img + div + div {visibility:hidden;} .foot.floor {position:fixed; top:0; right:0; z-index:12;} .foot.floor .btnClose {display:block; width:43px; height:43px; background:url('../../images/mobilehome/svg/svgbtnClose.png') no-repeat 50% 50%; background-size:12px 12px; text-indent:-99999px;} .floor_map_zoom {padding:43px 0 43px;} .floor_map_zoom #header {position:fixed; top:0; left:0; z-index:11;} .floor_map_zoom .header.floor .tit_h1 {margin:0; padding-top:0;} .floor_map_zoom #header {} .hdStore.container.facility {padding-top:0;} .hdStore.container.facility .wrap_store {padding:13px 0;} .hdStore .cont_facility {width:100%; padding-bottom:16px; border-bottom:1px solid #d7d7d7;} .hdStore .cont_facility:last-child {border-bottom:none;} .hdStore .cont_facility.restaurant {padding-bottom:0; border-bottom:none;} /*.hdStore .cont_facility.restaurant + .cont_facility.restaurant .title {padding-top:0;}*/ .hdStore .cont_facility.restaurant .title .right_area {float:right; /*width:45%;*/ height:26px; line-height:26px; text-align:right; margin-top:0;} .hdStore .cont_facility .title {padding:16px 0 5px;} .hdStore .cont_facility .title:after {content:''; display:block; clear:both; height:0;} .hdStore .cont_facility .title .left_area {float:left; /*width:50%;*/} .hdStore .cont_facility .title .left_area .category {line-height:15px; font-family:'Happiness-Sans'; color:#666;padding-bottom:3px;} /* 2022-04-12 수정 */ .hdStore .cont_facility .title .left_area .name_facility {font-family:'Happiness-Sans'; font-size:17px;}/* 2022-03-04 수정 */ .hdStore .cont_facility .title .right_area {float:right; /*width:45%;*/ height:26px; line-height:26px; text-align:right; margin-top:-3px;} .hdStore .cont_facility .title .right_area .location {display:inline-block; font-family:'Happiness-Sans'; font-size:13px; color:#666; vertical-align:middle;}/* 2022-03-04 수정 */ .hdStore .cont_facility .title .right_area .location.type02{line-height:15px; margin-top:-5px} .hdStore .cont_facility .title .right_area .btn-tel {vertical-align:middle; margin-left:5px;} .hdStore .cont_facility .detail {font-size:14px; line-height:18px; color:#555;} .hdStore .cont_facility .detail img {width:100%; margin-bottom:8px;} .hdStore .cont_facility .detail .txt {margin-top:7px; font-size:14px; line-height:18px; word-break:keep-all; color:#555;} .hdStore .cont_facility .detail .hour {margin-top:5px; font-size:13px; color:#666;} /*.hdStore .cont_facility .menu-tgg {position:relative; top:-15px;}*/ .hdStore .cont_facility .menu-tgg .tgg-title {padding-bottom:15px; border-bottom:1px solid #d7d7d7; text-align:right;} .hdStore .cont_facility .menu-tgg .tgg-title .tit {padding-right:10px; font-family:'Happiness-Sans'; font-size:14px; color:#333; background:url('../../images/mobilehome/svg/svgIconSel_up.png') no-repeat 100% 50%; background-size:6px 4px;}/* 2022-03-04 수정 */ .hdStore .cont_facility .menu-tgg .tgg-title.hide .tit {padding-right:10px; font-family:'Happiness-Sans'; font-size:14px; color:#333; background:url('../../images/mobilehome/svg/svgIconSel_dn.png') no-repeat 100% 50%; background-size:6px 4px;}/* 2022-03-04 수정 */ .hdStore .cont_facility .menu-tgg .tgg-title .icon_menu {display:inline-block; width:12px; height:14px; margin-right:5px; background:url('../../images/mobilehome/svg/icon_menu.png') no-repeat 0 0; background-size:100%; vertical-align:middle;} .hdStore .cont_facility .menu-tgg .tgg-cont {margin-bottom:0; padding:7px 0; border-bottom:1px solid #d7d7d7;} .hdStore .cont_facility .menu-tgg .tgg-cont .list-menu {font-size:13px; color:#666; line-height:20px;} .hdStore .cont_facility .menu-tgg .tgg-cont .list-menu li.hot:after {content:'인기'; display:inline-block; background:#000; color:#fff; font-family:'Happiness-Sans'; font-size:10px; line-height:10px; vertical-align:middle; padding:2px 5px; margin:0 0 2px 5px;}/* 2022-03-04 수정 */ .hdStore .cont_facility .info-subtitle {margin-top:13px; font-family:'Happiness-Sans'; font-size:15px; color:#666;}/* 2022-03-04 수정 */ .hdStore .cont_facility .info-sub, .hdStore .cont_facility .wayinfo {margin-top:3px;} .hdStore .cont_facility .info-sub, .hdStore .cont_facility .wayinfo > li {font-size:13px; color:#666; margin-top:3px;} .hdStore .cont_facility.only_photo {padding-bottom:0; border-bottom:none;} .hdStore .wrap_brochure {position:relative; width:100%; margin-top:27px; padding:0 21px; font-size:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdStore .wrap_brochure:before {content:''; display:block; width:100%; height:12px; position:absolute; left:0; bottom:28px; background:url('../../images/mobilehome/bg_line_brochure.png') repeat-x 0 0; background-size:1px 12px;} .hdStore .wrap_brochure .brochure {display:inline-block; vertical-align:bottom; width:50%; text-align:center; padding:0 12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdStore .wrap_brochure .brochure img {display:inline-block; border:1px solid #c1c1c1;} .hdStore .wrap_brochure .brochure .tit {margin-top:24px; font-family:'Happiness-Sans'; font-size:15px;}/* 2022-03-04 수정 */ .hdStore .wrap_brochure_bspace {margin-bottom:30px;} /* 2014-03-18 Added */ .container .wrap_brochure.event_coupon {margin-top:37px;} /* 2018-03-26 쇼핑뉴스(예시) 추가 : S */ .container .wrap_shopping_news{padding:20px;text-align:center;} /* 2018-03-26 쇼핑뉴스(예시) 추가 : E */ /* Story */ .Story .list-bbs.Vod .thumb {display:block; position:relative; text-align:center;} .Story .list-bbs.Vod .thumb .icoPlay {position:absolute; top:50%; left:50%; margin: -12px 0 0 -12px; z-index:21; display:block; width:28px; height:28px; background:url('../../images/mobilehome/svg/svgIconPlay.png') no-repeat 0 0 rgba(0, 0, 0, 0); background-size:100%;} .Story .title-bbsView.Vod {padding:0 13px 12px; border-bottom:0 none;} .wrap_Vod {text-align:center;} .Story .caption-tgg {padding:0 13px;} .Story .caption-tgg .tgg-title {margin:13px 0 9px; text-align:right;} .Story .caption-tgg .tgg-title .tit {padding-right:12px; font-family:'Happiness-Sans'; font-size:15px; color:#333; text-align:right; background:url('../../images/mobilehome/svg/svgIconSel_up.png') no-repeat 100% 50%; background-size:6px 4px;}/* 2022-03-04 수정 */ .Story .caption-tgg .tgg-title.hide .tit {padding-right:12px; font-family:'Happiness-Sans'; font-size:15px; color:#333; text-align:right; background:url('../../images/mobilehome/svg/svgIconSel_dn.png') no-repeat 100% 50%; background-size:6px 4px;}/* 2022-03-04 수정 */ .Story .caption-tgg .ico_caption {display:inline-block; width:13px; height:11px; margin-right:5px; background:url('../../images/mobilehome/svg/svgIconCaption.png') no-repeat 0 0; background-size:100%; vertical-align:middle;} .Story .caption-tgg .captionbox {padding:14px 5px 14px; font-size:15px; line-height:1.6; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .Story .caption-tgg .tgg-cont {margin-bottom:10px;} .Story .caption-tgg .caption_desc {padding:0 5px; font-size:15px; line-height:1.6;} .Story .list-bbs.webToon li {padding:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:1px solid #bfbfbf;} .Story .list-bbs.webToon li img {width:100%;} .Story .list-bbs.webToon li .date {font-size:13px;} .Story .list-bbs.webToon a .wtnum {display:block; margin-top:5px; font-size:12px; color:#666;} .Story .webToon_view {padding:20px 13px 26px; overflow:hidden;} .Story .webToon_view .thumb {float:left; width:33%;} .Story .webToon_view .thumb img {border:1px solid #c3c3c3;} .Story .webToon_view .thumb .ho {display:block; width:70%; height:29px; line-height:29px; text-align:center; background-color:#666; font-family:'Happiness-Sans'; font-size:12px; margin-top:13px; color:#fff;}/* 2022-03-04 수정 */ .Story .webToon_view .thumb .ho a {color:#fff;} .Story .webToon_view .wrap_txt {float:left; width:60%; margin-left:15px; line-height:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .Story .webToon_view .wrap_txt .tit {display:block; margin-bottom:14px; font-family:'Happiness-Sans'; font-size:18px; color:#000;}/* 2022-03-04 수정 */ .Story .webToon_view .wrap_txt .tcon {display:block; margin-bottom:13px; font-size:15px; color:#333;} .Story .webToon_view .wrap_txt .stxt {display:block; font-size:13px; color:#666;} .Story .webToon_view_detail {padding:20px 24px 0;} .Story .webToon_view_detail p img {width:100% !important; height:auto !important;} .Story .wrap_webtoon .title-article {border-bottom:0 none; padding:10px 0 10px 13px; font-family:'Happiness-Sans'; font-size:18px; color:#000; line-height:18px;}/* 2022-03-04 수정 */ .Story .wrap_webtoon .title-article:nth-child(1) {margin-top:7px;} .Story .wrap_webtoon .list-webtoon {position:relative; width:100%; padding:0 27px; font-size:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .Story .wrap_webtoon .list-webtoon + .list-webtoon {margin-top:10px;} .Story .wrap_webtoon .list-webtoon .webtoon {display:inline-block; width:49%; font-size:13px; text-align:center; padding:0 16px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:15px;} .Story .wrap_webtoon .list-webtoon:before {content:''; display:block; width:100%; height:12px; position:absolute; left:0; bottom:49px; background:url('../../images/mobilehome/bg_line_brochure.png') repeat-x 0 0; background-size:1px 12px;} .Story .wrap_webtoon .list-webtoon .webtoon img {display:inline-block; border:1px solid #c1c1c1; height:auto;} .Story .wrap_webtoon .list-webtoon .webtoon .txtbox {display:block; height:30px; margin:14px -10px 0;} .Story .wrap_webtoon .list-webtoon .webtoon .tit {display:block; font-family:'Happiness-Sans'; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/* 2022-03-04 수정 */ .Story .wrap_webtoon .list-webtoon .webtoon .wtnum {display:block; margin-top:7px; font-size:12px; color:#666;} .Story .wrap_ebook .title-article {margin:0 13px 18px; padding:10px 0 5px; color:#000; font-family:'Happiness-Sans'; font-size:18px; line-height:18px;}/* 2022-03-04 수정 */ .Story .wrap_ebook .title-article:nth-child(1) {margin-top:7px;} .Story .wrap_ebook .list-ebook {position:relative; width:100%; /*padding:0 27px;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /*.Story .wrap_ebook .list-ebook.swipe-hook:after {content:''; display:block; height:0; clear:both; visibility:hidden;} */ .Story .wrap_ebook .list-ebook + .title-article {margin-top:10px;} .Story .wrap_ebook .list-ebook.swipe-hook:before {content:''; display:block; height:12px; position:absolute; left:13px; right:13px; bottom:34px; background:url('../../images/mobilehome/bg_line_brochure.png') repeat-x 0 0; background-size:1px 12px; z-index:21;} .Story .wrap_ebook .list-ebook .swipe-item {position:relative; display:table; border-collapse:collapse; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .Story .wrap_ebook .list-ebook.not-swipe .swipe-item {margin:0 0 10px; width:100%;} .Story .wrap_ebook .list-ebook.not-swipe .swipe-item:before {content:''; display:block; height:12px; position:absolute; left:13px; right:13px; bottom:34px; background:url('../../images/mobilehome/bg_line_brochure.png') repeat-x 0 0; background-size:1px 12px; z-index:21;} .Story .wrap_ebook .list-ebook .swipe-item .table-row {display:table-row;} .Story .wrap_ebook .list-ebook .swipe-item a, .Story .wrap_ebook .list-ebook .swipe-item .dumy {position:relative; height:100%; padding:0 0; width:50%; display:table-cell; text-align:center; vertical-align:bottom; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .Story .wrap_ebook .list-ebook .swipe-item a:first-child {border-left:44px solid transparent; border-right:33px solid transparent;} .Story .wrap_ebook .list-ebook .swipe-item a:nth-child(2), .Story .wrap_ebook .list-ebook .swipe-item .dumy {border-left:33px solid transparent; border-right:44px solid transparent;} .Story .wrap_ebook .list-ebook.not-swipe .swipe-item a:first-child {border-left:65px solid transparent; border-right:33px solid transparent;} .Story .wrap_ebook .list-ebook.not-swipe .swipe-item a:nth-child(2), .Story .wrap_ebook .list-ebook.not-swipe .swipe-item .dumy {border-left:33px solid transparent; border-right:65px solid transparent;} .Story .wrap_ebook .list-ebook .swipe-item a img {display:inline-block; border:1px solid #c1c1c1; max-height:200px;} .Story .wrap_ebook .list-ebook .swipe-item a .tit {display:block; height:30px; margin-top:16px; font-family:'Happiness-Sans'; font-size:13px; line-height:15px; overflow:hidden;}/* 2022-03-04 수정 */ .Story .wrap_ebook .swipe-control {position:absolute; z-index:21; bottom:140px; margin-top:-15px; left:0; right:0;} /*.Story .wrap_ebook .bx-prev {display:block; width:30px; height:30px; background:url('../../images/mobilehome/svg/btnPrev.png') no-repeat center; background-size:11px 22px; text-indent:-999px; overflow:hidden; position:absolute; left:12px;} .Story .wrap_ebook .bx-next {display:block; width:30px; height:30px; background:url('../../images/mobilehome/svg/btnNext.png') no-repeat center; background-size:11px 22px; text-indent:-999px; overflow:hidden; position:absolute; right:12px;} */ .Story .wrap_ebook .bx-prev, .Story .wrap_ebook .bx-next {position:absolute; top:0; border:7px solid transparent; background-clip:padding-box; display:block; width:35px; height:45px; font-size:0; color:rgba(0,0,0,0); background-color:rgba(0,0,0,.3); background-size:12px 22px; z-index:22;} .Story .wrap_ebook .bx-prev {border-left:0; left:0; background-image:url('../../images/mobilehome/svg/svgArrLeft.png'); background-repeat:no-repeat; background-position:45% 50%;} .Story .wrap_ebook .bx-next {border-right:0; right:0; background-image:url('../../images/mobilehome/svg/svgArrRight.png'); background-repeat:no-repeat; background-position:55% 50%;} .Story .wrap_ebook .guide {position:absolute; right:13px; bottom:7px; display:inline-block; font-family:'Happiness-Sans'; font-size:13px; color:#333;}/* 2022-03-04 수정 */ .Story .wrap_ebook .guide:before {content:''; display:inline-block; width:14px; height:15px; margin:0 3px 1px; background:url('../../images/mobilehome/svg/icon_info.png') no-repeat 0 50%; background-size:14px 14px; vertical-align:middle;} /* pgMember */ .member-note {margin-top:23px;} .member-note + .member-note {margin-top:10px;} .member-note + .btn-wrap-2 {margin-top:24px;} .pgMember .title-subject {font-family:'Happiness-Sans'; font-size:18px; color:#000; line-height:18px; margin:7px 0;}/* 2022-03-04 수정 */ .pgMember .login_btn {margin-bottom:26px;} .pgMember .login_option {margin:8px 0 33px;} .pgMember .login_option span, .pgMember .login_option label {white-space:nowrap;} .title-article + .wrap_member {margin:15px 0 0;} .pgMember .member_note_1 {margin-top:27px;} .pgMember .member_note_2 {margin-top:11px;} .pgMember .member-txt {display:table; width:100%; text-align:center; margin-bottom:10px;} .pgMember .member-txt .txt {display:table-cell;height:130px; vertical-align:middle; font-family:'Happiness-Sans';color:#000;line-height:18px;font-size:15px;}/* 2022-03-04 수정 */ .pgMember .member-txt .txt span {white-space:nowrap;} .pgMember .return-value {margin:7px 0 21px; font-size:14px; line-height:16px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .pgMember .return-value.step {margin:13px 0 27px; font-size:15px; line-height:20px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .pgMember .find_end {margin-bottom:27px;} .pgMember .find_end_2 {margin-top:33px;} .pgMember .find_idsch {margin-top:33px;} .pgMember .list-chk {margin-top:-20px; margin-bottom:0;} .pgMember .find_next {margin-top:33px;} .pgMember .join_step_btn {margin-top:30px;} .pgMember .arg_next {margin-top:33px;} .pgMember .add_end {margin-top:27px;} .pgMember .agree_sms .label-title {margin-bottom:3px;} /* 20160624 삭제 김상유 */ /* .pgMember .agree_sms .input-wrap{text-indent:-5px;} */ /* .pgMember .agree_sms .input-wrap .check-item {text-indent:-17px; padding-left:26px;} */ .pgMember .agree_end {margin-top:25px;} .pgMember .store_end {margin-top:38px;} .pgMember .joinok {font-size:15px; margin:16px 0 30px;} .pgMember .joinok .name {display:block;} .pgMember .joinok .use_pc {display:block; margin-top:7px; color:#666; font-size:14px;} .pgMember .joinok_end {margin-top:22px;} .end_of_quest .contraturation {padding:26px 0 16px; text-align:center; border-bottom:1px solid #dcdcdc;} .end_of_quest .contraturation > p {line-height:30px; font-size:22px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .end_of_quest .contraturation:before {content:''; display:inline-block; width:60px; height:60px; margin-bottom:14px; background:url('../../images/mobilehome/svg/icon_end_sign_up.png') no-repeat 0 0; background-size:100%;} .end_of_quest .title-subject {font-size:16px; margin-bottom:13px;} .end_of_quest .restart_of_hd {position:relative; background-color:#efefef; padding-bottom:36px;} .end_of_quest .restart_of_hd + .restart_of_hd {margin-top:13px;} .end_of_quest .restart_of_hd h4 {background-color:#797979; line-height:24px; font-size:15px; color:#fff; font-family:'Happiness-Sans'; padding:0 0 0 13px;}/* 2022-03-04 수정 */ .end_of_quest .restart_of_hd .card_image {padding:24px 0 13px; width:50%; margin:0 auto;} .end_of_quest .restart_of_hd ul {padding:0 16px;} .end_of_quest .restart_of_hd .i- {font-size:13px; line-height:16px;} .end_of_quest .restart_of_hd .wanted {position:absolute; right:0; bottom:0; color:#fff; font-size:12px; background-color:#666; display:inline-block; line-height:30px; padding:0 13px;} .lstadd_end {margin-top:13px;} .address_type {margin-bottom:10px;} .addresult {margin-top:12px;} .addresult .add_post {width:25%;} .addresult .housenum {width:50%;} .btn_add {text-align:right; margin-top:7px;} .btn_add .cell.btn-call {width:30%;} .btn_add2 {text-align:right; margin-top:7px;margin-bottom:3px;} .btn_add2 .cell.btn-call {width:25%;} .postwrap:after {clear:both; display:block; height:0; content:'';} .postwrap.grid-50 .left {width:48%; float:left; padding:7px 7px 0 0;} .postwrap.grid-50 .right {width:48%; float:right;} .postwrap .form-item + .form-item {margin-top:7px;} .poee_mtop {margin-bottom:13px;} .agree_sms {margin-top:22px;} .agrstwrap.grid-50 .right {width:48%; float:right;} /* my store */ .my-spot {position:absolute; top:0; left:0; right:0; bottom:0; height:100%; background-color:#1b1d21; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:21;} .my-spot h1 {padding:12px 0 0; line-height:24px; color:#fff; font-size:19px; text-align:center; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .my-spot .area {position:relative; margin:0 22px; overflow:auto;} .my-spot .mask_top {content:''; display:block; position:absolute; top:36px; left:0; right:0; height:40px; background:url('../../images/mobilehome/mask_top.png') repeat-x 0; background-size:auto 100%; z-index:22;} .my-spot .mask_bottom {content:''; display:block; position:absolute; left:0; right:0; bottom:99px; height:40px; background:url('../../images/mobilehome/mask_bottom.png') repeat-x 0; background-size:auto 100%; z-index:22;} .my-spot .area .in_box {padding-top:16px;height:100%;} .my-spot .area .in_box:after {content:''; clear:both; display:block; height:0;} .my-spot .area .in_box li {float:left; width:30%; height:17%; text-align:center; margin-left:5%; margin-bottom:13px;} .my-spot .area .in_box li:nth-child(3n+1) {margin-left:0;} .my-spot .area .in_box li a {overflow:hidden;display:block; position:relative; width:100%; vertical-align:middle; border:1px solid #999; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* 2019-웹접근성-001 변경 */ .my-spot .area .in_box li a {display:block; width:100%; height:100%;} .my-spot .area .in_box li a .store {position:absolute; top:50%; left:8px; right:8px; color:#fff; font-size:15px; font-family:'Happiness-Sans'; -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%);}/* 2022-03-04 수정 */ .my-spot .area .in_box .selected a {border-color:#876f4a; background-color:#876f4a; color:#1b1d21;} .my-spot .spot-detect {margin:0 22px 0;} .my-spot .spot-detect .select {display:block; height:44px; line-height:44px; color:#000; font-size:17px; background-color:#fff;} .my-spot .spot-detect .select a {display:block; text-align:center;} .my-spot .spot-detect .near {text-align:center; padding:6px 0;} .my-spot .spot-detect .near a {color:#fff; font-size:17px; line-height:19px; vertical-align:middle; display:inline-block;} .my-spot .spot-detect .near a:before {content:''; width:13px; height:18px; background:url('../../images/mobilehome/svg/iconStoreSpot.png') no-repeat 0 0; background-size:100%; display:inline-block; vertical-align:middle; margin-right:6px;} .my-spot .spot-detect .close {text-align:center; } .my-spot .spot-detect .close a {display:inline-block; width:31px; height:31px;} /* hdCard */ .hdCard .list-note {margin-top:10px;} .hdCard .list-note li {font-size:13px; color:#666; line-height:17px;} .hdCard .list-note.light li {color:#666;} .hdCard .wrap-define {margin-top:7px;} .hdCard .wrap-define .define {font-size:14px; font-family:sans-serif; color:#555; line-height:18px;} .hdCard .wrap-define .define + .define {margin-top:5px;} .hdCard .hdCard-wrap {padding:0 13px;} .card_infos {margin:20px 0;} .card_infos:after {content:''; clear:both; display:block; height:0;} .card_infos .item {float:left; height:85px; width:50%; margin:0 0 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .card_infos .item:nth-child(n) {padding-left:0; padding-right:5px;} .card_infos .item:nth-child(2n) {padding-left:5px; padding-right:0;} .card_infos .item a, .card_infos .item > span {position:relative; display:block; width:100%; height:100%; padding:12px 0 0 10px; border:1px solid #d7d7d7; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .card_infos .item.redeem > span {background-color:#886f4a; border:0 none;} .card_infos .item .attr {display:block; font-size:14px; line-height:18px; margin-bottom:3px; color:#444;} .card_infos .item .desc {font-size:11px; color:#767676;} .card_infos .item .value {position:absolute; bottom:10px; right:7px; font-size:17px; font-family:'Happiness-Sans'; color:#3c3c3c; padding-right:15px; background-image:url('../../images/mobilehome/svg/svgIconLink2.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:8px 12px;}/* 2022-03-04 수정 */ /* 2022-08-01 수정 [S] */ .card_infos .item .value2 {position:absolute; bottom:10px; left:10px; width: calc(100% - 32px); font-size:12px; font-family:'Happiness-Sans'; color:#3c3c3c; padding-right:15px; background-image:url('../../images/mobilehome/svg/svgIconLink2.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:8px 12px;} .card_infos .item .value2 .mile_value{min-width: 90px; width: 60%; display: inline-block; clear: both;} .card_infos .item .value2 .mile_score{float: right;} .card_infos .item .value2::after{content: ''; display: block; clear: both;} /* 2022-08-01 수정 [E] */ /* 2022-09-29 추가 [S] */ .card_infos .item .value3 .mile_score{color:#3c3c3c; font-size:11px; font-family:'Happiness-Sans'; margin-right: 22px;} .card_infos .item .value3 .attr{ font-size: 11px; line-height: 20px;margin-bottom: 0;} .card_infos .item .value3{display: flex; line-height: 20px; flex-direction: row; justify-content: space-between;} .card_infos .item .value3:last-of-type{background-repeat: no-repeat; background-position: calc(100% - 7px) 50%; background-size: 8px 12px; background-image: url('../../images/mobilehome/svg/svgIconLink2.png');} /* 2022-09-29 추가 [E] */ .card_infos .item.redeem .attr, .card_infos .item.redeem .value {color:#fff;} .card_infos .item.redeem .value {background:none; right:0;} .card_recomm_ex {text-align:center; background-color:#cbc19c;} .card_recomm_ex .visual {width:250px; margin:0 auto;} .card_recomm_sns {padding:0 13px 40px; text-align:center; background:#b6a97e url('../../images/mobilehome/bg_card_recomm.gif') repeat-x left top; background-size:auto 34px;} .card_recomm_sns .cell {height:auto; width:30%; padding:60px 0 10px;} .card_recomm_sns .cell {background-position:center top; background-repeat:no-repeat; background-size:55px auto;} .card_recomm_sns .cell a {color:#fff; font-size:11px; line-height:12px} .card_recomm_sns .kakao {background-image:url('../../images/mobilehome/card_rc_kakao.png');} .card_recomm_sns .facebook {background-image:url('../../images/mobilehome/card_rc_facebook.png');} .card_recomm_sns .twitter {background-image:url('../../images/mobilehome/card_rc_twitter.png');} .tab-menu + .bill-summary {margin-top:15px;} .bill-summary {margin:0 0 7px;} .bill-summary .title {padding:0 0 4px; font-family:'Happiness-Sans'; margin-bottom:12px; border-bottom:2px solid #797979;}/* 2022-03-04 수정 */ .bill-summary .title:after {clear:both; display:block; height:0; content:'';} .bill-summary .title .attr {float:left; display:inline-block; vertical-align:baseline; font-size:17px; line-height:21px; color:#000;} .bill-summary .title .value {float:right; display:inline-block; vertical-align:baseline; font-size:17px; line-height:21px; color:#000;} .bill-summary .summary {padding:10px 13px; background-color:#f1f1f1; border:1px solid #d7d7d7;} .bill-summary .summary th, .bill-summary .summary td {padding:0 0 3px; text-align:left; font-size:13px; line-height:17px; font-family:sans-serif; vertical-align:top;} .bill-summary .summary tr:last-child th, .bill-summary .summary tr:last-child td {padding-bottom:0;} .bill-summary .summary th {min-width:55px; padding-right:5px; color:#666;} .bill-summary .summary td {color:#333;} .bill-summary .summary td .element {display:inline-block; white-space:nowrap;} .bill-summary .summary td .element + .element {margin-left:3px; white-space:nowrap;} .bill-summary .summary td .element + .element:before {content:'|'; color:#999; margin-right:6px; font-size:9px; padding-bottom:3px; vertical-align:auto; white-space:nowrap;} .bill-summary .summary td .element.bank {display:block; margin-left:0;} .bill-summary .summary td .element.bank:before {content:'' !important; margin-right:0 !important;} .bill-summary .summary strong {float:left; /*min-width:*/} .bill-summary .grid-50 {padding-bottom:12px; border-bottom:1px solid #d7d7d7;} .bill-summary .grid-50:after {clear:both; display:block; height:0; content:'';} .bill-summary .grid-50 .label-title {width:50%; float:left; padding-top:12px; padding-bottom:4px;} .bill-summary .grid-50 .input-wrap {width:50%; float:right;} .bill-summary .grid-50.only_text {height:24px;} .bill-summary .grid-50.only_text .label-title {width:50%; float:left; padding-top:7px;} .bill-summary .grid-50.only_text .value {width:50%; float:right; padding-top:3px; font-family: 'Happiness-Sans'; font-size: 17px; line-height: 24px; text-align:right;}/* 2022-03-04 수정 */ .bill-detail .title-subject, .point_able .title-subject {position:relative; padding-bottom:5px; margin-top:27px; margin-bottom:0; border-bottom:1px solid #797979;} .bill-detail table {width:100%;} .bill-detail th {text-align:left;} .bill-detail td {line-height:20px; padding:2px 0; font-family:sans-serif; text-align:right;} .bill-detail.multi-group tbody th {text-align:left; color:#555; font-size:14px; line-height:18px; font-weight:bold;} .bill-detail.multi-group tbody td {text-align:right; color:#555; font-family:sans-serif; font-size:14px; line-height:18px; font-weight:bold;} .bill-detail.multi-group tbody.sub th {text-align:left; color:#555; font-size:14px; line-height:24px;font-weight: normal; } .bill-detail.multi-group tbody.sub td {text-align:right; color:#555; font-family:sans-serif; font-size:14px; line-height:18px;font-weight: normal; } .bill-detail tbody.sub th, .bill-detail tbody.sub td {padding:1px 0; font-size:13px; line-height:18px;} .bill-detail tbody.sub tr:first-child th, .bill-detail tbody.sub tr:first-child td {padding-top:5px; background:url('../../images/mobilehome/bg_dotline_1x4_c2c2c2.png') repeat-x 100% 0;} .bill-detail tbody.sub tr:last-child th, .bill-detail tbody.sub tr:last-child td {padding-bottom:5px; border-bottom:1px solid #d7d7d7;} .bill-detail tbody.sub th {font-family:sans-serif; color:#666; line-height:22px;} .bill-detail tbody.sub td {color:#767676;font-size:13px; line-height:17px;} .bill-detail tbody.sub + tbody tr:first-child th, .bill-detail tbody.sub + tbody tr:first-child td {padding-top:8px;} .bill-detail tbody:last-child th, .bill-detail tbody:last-child td {padding-bottom:4px;} .bill-detail tfoot th, .bill-detail tfoot td {padding-top:5px; color:#333; font-family:sans-serif; border-top:1px solid #b6b6b6; font-size:14px; line-height:18px; font-weight:bold;} .bill-detail tfoot td {border-top:1px solid #b6b6b6;} .bill-detail.multi-group .title-subject {margin-bottom:13px;} .bill-detail.multi-group tbody.sub + tbody tr:first-child th, .bill-detail.multi-group tbody.sub + tbody tr:first-child td {padding-top:17px;} .bill-detail-2 {margin-top:10px;} .bill-summary + .bill-detail-2 {margin-top:25px;} .bill-detail + .bill-detail-2 {margin-top:25px;} .bill-detail-2 .title-subject {position:relative; padding-bottom:5px; margin-bottom:0; border-bottom:1px solid #797979;} .bill-detail-2 .title-subject .call-date {position:absolute; right:0; top:0; color:#767676; font-size:12px; font-family:sans-serif;} .bill-detail-2 table {width:100%;} .bill-detail-2 thead {display:none;} .bill-detail-2 tbody tr:first-child td{padding:10px 0; line-height:15px; font-size:13px; color:#666; font-family:sans-serif; background:none;} .bill-detail-2 tbody td {vertical-align:top; padding:10px 0; line-height:15px; font-size:13px; color:#666; font-family:sans-serif; background:url('../../images/mobilehome/bg_dotline_1x4_c2c2c2.png') repeat-x 100% 0;} .bill-detail-2 tbody tr:last-child td {border-bottom:1px solid #b6b6b6;} .bill-detail-2 td.date {width:65px; text-align:left; font-size:12px;} .bill-detail-2 td.cont {text-align:left;} .bill-detail-2 td.cont strong {display:block; font-family:'Happiness-Sans'; font-size:15px; line-height:20px; color:#333;}/* 2022-03-04 수정 */ .bill-detail-2 td.cont span.cont_value{display:block; font-family:'Happiness-Sans'; font-size:14px; color:#333;} /* 2022-08-01 수정 */ .bill-detail-2 td.cont .element {display:inline-block; white-space:nowrap;} .bill-detail-2 td.cont .element + .element {margin-left:3px;} .bill-detail-2 td.cont .element + .element:before {content:'|'; color:#999; margin-right:6px; font-size:10px; vertical-align:middle;} .bill-detail-2 td.sum {width:100px; text-align:right; font-family:sans-serif;vertical-align:bottom;} .bill-detail-2 tfoot th, .bill-detail-2 tfoot td {padding:13px 0 14px 0; font-size:14px; color:#333; border-bottom:1px solid #b6b6b6; font-weight:bold;} .bill-detail-2 tfoot th {text-align:left;} .bill-detail-2 tfoot td {text-align:right;} /* 2022-08-01 수정 [S] */ .bill-detail-2 tfoot td .tfoot_value{min-width: 20%; max-width: calc(100% - 90px); display: inline-block;} .bill-detail-2 tfoot th.vertop{vertical-align: top;} .mile_tab_btnWrap{ line-height: normal; box-sizing: border-box; width: 320px; margin: 0 auto 30px auto; text-align: center;} .mile_tab_btnWrap .mile_tab_btn{ background: #eee; padding: 8px 10px; border: 1px solid #ececec; width: 150px; box-sizing: border-box; text-align: center; display: inline-block;} .mile_tab_btnWrap .mile_tab_btn.active{background-color: #fff;} .mile_tab{display: none;} .mile_tab.active_tab{display: block;} .mile_tab .mile_header{font-size: 19px; font-weight: 700; margin-bottom: 20px;} /* 2022-08-01 수정 [E] */ .iclub_card_list {margin-bottom:-5px; padding:11px 0; border-bottom:1px solid #d7d7d7;} .iclub_card_list:after {content:''; clear:both; display:block; height:0;} .iclub_card_list h3 {float:left;} .iclub_card_list ul {float:right; color:#666;} .iclub_card_list li {line-height:22px;} .iclub_point_what {margin:15px 0 0;} .iclub_point_what h3 {margin:5px 0;} .iclub_point_what p, li {font-size:13px; line-height:17px; color:#666;} .iclub_point_what p + h3 {margin-top:15px;} .bill-note {margin:20px 0 0;} .request_used .btn-wrap-4.date + .input-wrap {margin-top:13px;} .request_used .btn-wrap-2 {margin-top:33px;} .request_used + .bill-detail-2 {margin-top:30px;} .request_used .i- {margin-top:13px;} .info_select_card {margin:13px 0; padding:13px; border:1px solid #797979; font-size:14px; font-family:'Happiness-Sans'; color:#666; line-height:19px;}/* 2022-03-04 수정 */ .point_able .total_point {padding:5px 0; border-bottom:1px solid #d7d7d7; font-size:20px;font-family:'Happiness-Sans'; text-align:right;}/* 2022-03-04 수정 */ .point_able.b_line {border-bottom:1px solid #d7d7d7;} .point_able .info-detail {width:100%; margin:5px 0;} .point_able .info-detail th, .point_able .info-detail td {padding:5px 0; color:#555; font-size:14px; font-family:sans-serif;} .point_able .info-detail .date {width:135px;} .point_able .info-detail .value {width:80px;} .point_able .info-detail th {text-align:left; max-width:50%;} .point_able .info-detail td {font-family:sans-serif; min-width:50%; white-space:nowrap;} .point_able .info-detail .ar td, .point_able .info-detail td.ar {text-align:right;} .point_able .info-detail.e-coupon th, .point_able .info-detail.e-coupon td {width:50%; color:#444; font-size:14px;} .point_able .info-detail.check_limit th, .point_able .info-detail.check_limit td {width:50%; font-family:'Happiness-Sans'; color:#333;}/* 2022-03-04 수정 */ /* 2022-08-01 수정 [S] */ .point_able .info-detail th.mile_value{font-weight: 700;} .point_able .info-detail th.mile_detail{padding-left: 30px;} .bill-detail.multi-group .title-subject2{ margin: 15px 0; font-weight: 700;font-size: 16px; color: #008000;}/* 2022-09-29 수정 */ .bill-detail table.mile-detail-table{margin-left: 15px; width: calc(100% - 30px);} .point_able .title-subject2{ margin: 15px 0; font-weight: 700;font-size: 16px; color: #008000;} /* 2022-09-29 수정 */ .point_able .info-detail.mile-detail-table{margin-left: 15px; width: calc(100% - 30px);} /* 2022-08-01 수정 [E] */ .area_cardimg .card_ref_box {float:left; position:relative;} .area_cardimg.slider_wrap {position:relative; overflow:hidden;} .area_cardimg.slider_wrap:after {content:''; clear:both; display:block; height:0;} .area_cardimg {text-align:center; position:relative; top:0; left:0;background-color:#efefef; padding:20px 0 0;} .area_cardimg .swipe-control {display:block; width:100%; padding:10px 0; background-color:#9c9c9c;} .area_cardimg .swipe-control span {background-color:#fff;} .area_cardimg .swipe-control .active {background-color:#9c9c9c; border:1px solid #fff;} .area_cardimg .img_card_home {position:relative; display:inline-block;width:240px; height:104px; margin:7px 0 16px;}/*2018-05-11*/ .area_cardimg .img_card {position:relative; display:inline-block;width:162px; height:101px; margin:7px 0 16px;} .area_cardimg .tit {font-size:20px; margin-bottom:10px; font-family:'Happiness-Sans'; line-height:26px;}/* 2022-03-04 수정 */ .area_cardimg .tit_sub {font-size:17px; font-family:'Happiness-Sans'; line-height:22px;}/* 2022-03-04 수정 */ .area_cardimg .desc {padding:0 15px 20px; font-size:14px; line-height:20px; font-weight:bold;}/*2018-05-11*/ .area_cardimg .desc.Umemb {font-size:13px; font-family:'Happiness-Sans'; color:#767676;}/* 2022-03-04 수정 */ .area_cardimg .desc .thin {font-size:14px; font-weight:normal; color:#333;} .area_cardimg .desc + .desc {margin-top:10px;} /*2018-05-11 add*/ .area_cardimg .desc_notice{background:#fff; line-height:1.6; padding:20px 0; text-align:center;margin:0 15px 25px 15px;} .area_cardimg .desc_notice strong{display:block; font-weight:700; margin-bottom:5px;} .hdCard-wrap .desc_notice{background:#efefef; line-height:1.6; padding:20px 0; text-align:center;margin:15px 0;} .hdCard-wrap .desc_notice strong{display:block; font-weight:700; margin-bottom:5px;} .title_table{color:#000; font-size:13px; font-weight:700;} .table_outlet{border:1px solid #999; margin-top:10px;} .table_outlet table{ width:100%; table-layout:fixed;border-collapse:collapse; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .table_outlet tbody th{background:#efefef; color:#4c4c4c; text-align:left; padding:5px 10px 5px 20px; vertical-align:middle; font-size:12px; border-top:1px solid #ccc; line-height:1.5;} .table_outlet tbody td{background:#fff; color:#4c4c4c;text-align:left; padding:5px 10px 5px 20px; vertical-align:middle; font-size:12px; border-top:1px solid #ccc; line-height:1.5;} .table_outlet tbody tr:first-child th, .table_outlet tbody tr:first-child td{border-top:none;} /*2018-05-11 add*/ .area_cardimg .u_mem_text1 {padding:12px 0; margin-top:-10px; background-color:#656565; color:#fff; font-family:sans-serif; font-size:12px; line-height:16px;} .area_cardimg .u_mem_text1 strong {font-weight:bold; font-size:12px;} .area_cardimg .u_mem_text1 .age {font-size:11px;} .area_cardimg .list_detail {margin-top:7px;} .area_cardimg .list_detail li {font-family:sans-serif; font-size:14px; line-height:18px; color:#767676;} .area_cardimg .btn_move {position:absolute; top:85px; left:0; width:100%; height:45px; z-index:22} .area_cardimg .btn_move a span {border:7px solid transparent; background-clip:padding-box; font-size:0; overflow:hidden; color:rgba(0,0,0,0);} .area_cardimg .btn_move .prev {position:absolute; top:0; left:0; display:block; width:35px; height:45px; background-color:#9c9c9c; text-indent:-99999px; background-image:url('../../images/mobilehome/svg/svgArrLeft.png'); background-repeat:no-repeat; background-position:40% 50%; background-size:11px 21px; z-index:22; border-left:0;} .area_cardimg .btn_move .next {position:absolute; top:0; right:0px; display:block; width:35px; height:45px; background-color:#9c9c9c; text-indent:-99999px; background-image:url('../../images/mobilehome/svg/svgArrRight.png'); background-repeat:no-repeat; background-position:60% 50%; background-size:11px 21px; z-index:22; border-right:0;} .hdCard .btn-wrap-icon {padding:13px 13px 0;} .hdCard .btn-wrap-icon:after {content:''; display:block; clear:both; height:0;} .hdCard .btn-wrap-icon li {width:33.3%; float:left; padding-right:6px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdCard .btn-wrap-icon li:last-child {padding-right:0;} .hdCard .btn-wrap-icon li a {display:block; padding: 38px 0 10px; text-align:center; background-color:#383838; color:#fff; font-family:'Happiness-Sans'; font-size:14px;}/* 2022-03-04 수정 */ .hdCard .btn-wrap-icon a {background-color:#383838;} .hdCard .btn-wrap-icon a.detail {background-image:url('../../images/mobilehome/svg/btnIcon_detail.png'); background-repeat:no-repeat; background-position:center 10px; background-size:25px 25px;} .hdCard .btn-wrap-icon a.consult {background-image:url('../../images/mobilehome/svg/btnIcon_consult.png'); background-repeat:no-repeat; background-position:center 10px; background-size:20px;} .hdCard .btn-wrap-icon a.request {background-image:url('../../images/mobilehome/svg/btnIcon_request.png'); background-repeat:no-repeat; background-position:center 10px; background-size:20px;} .hdCard .btn-wrap-icon a.request.type2 {background-image:none;} .hdCard .btn-wrap-icon a.consult.type2 {background-image:none;} .hdCard .btn-wrap-icon a.request.type2:before, .hdCard .btn-wrap-icon a.consult.type2:before {content:''; display:inline-block; vertical-align:middle; margin-right:10px; width:23px; height:22px; background-repeat:no-repeat; background-position:center; background-size:100%;} .hdCard .btn-wrap-icon a.request.type2:before {background-image:url('../../images/mobilehome/svg/btnIcon_request2.png');} .hdCard .btn-wrap-icon a.consult.type2:before {background-image:url('../../images/mobilehome/svg/btnIcon_consult2.png');} .box-summary {position:relative; width:100%; height:140px; border:1px solid #bfbfbf; margin-top:10px; padding:13px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* 2017-11-29 현대오일뱅크카드 수정 : S */ .box-summary.oilbank {height:210px;} .box-summary.oilbank .tit{margin-top:10px} .box-summary .bg_Tmoney {position:absolute; display:block; width:60px; height:57px; bottom:13px; right:13px; background-image:url('../../images/mobilehome/svg/bg_Tmoney.png'); background-repeat:no-repeat; background-position:0 0; background-size:60px 57px;} .box-summary .bg_Oilbank {position:absolute; display:block; width:100px; height:50px; bottom:13px; right:13px; background-image:url('../../images/mobilehome/svg/bg_Oilbank.png'); background-repeat:no-repeat; background-position:0 0; background-size:100px 50px;} .box-summary .bg_Happypoint {position:absolute; display:block; width:44px; height:75px; bottom:13px; right:13px; background-image:url('../../images/mobilehome/svg/bg_Happypoint.png'); background-repeat:no-repeat; background-position:0 0; background-size:44px 75px;} /* 2017-11-29 현대오일뱅크카드 수정 : S */ /* 2016-01-27 추가 */ .box-summary .bg_syrup {position:absolute; display:block; width:49px; height:48px; bottom:19px; right:19px; background-image:url('../../images/mobilehome/svg/bg_syrup.png'); background-repeat:no-repeat; background-position:0 0;background-size:48px 48px;} .box-summary .tit-summary {font-size:13px;} .box-summary .tit-summary .tit {font-size:15px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .box-summary .desc {margin:3px 0 7px; font-size:12px; color:#666;} .wrap_boxlist {padding-top:10px;} .wrap_boxlist:after {content:''; clear:both; display:block; height:0;} .wrap_boxlist .boxwrap {float:left; width:50%; padding:0 4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:7px;} .wrap_boxlist .boxwrap:nth-child(odd) {padding-left:0;} .wrap_boxlist .boxwrap:nth-child(even) {padding-right:0;} .wrap_boxlist .boxwrap .box {position:relative; height:121px; border:1px solid #e9e9e9; padding:10px;} .wrap_boxlist.vip_box .boxwrap .box {border:0 none;} .wrap_boxlist .boxwrap .box.white {position:relative; height:135px; background-color:#fff; padding:10px; border:1px solid #bfbfbf;} .wrap_boxlist .boxwrap .box > p {margin-bottom:3px; font-size:13px; line-height:1.3em;} .wrap_boxlist .boxwrap .box > p > strong {font-size:13px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .wrap_boxlist .boxwrap .box .details {font-size:12px; color:#666; line-height:15px;} .wrap_boxlist .boxwrap .box .icon01, .wrap_boxlist .boxwrap .box .icon02, .wrap_boxlist .boxwrap .box .icon03, .wrap_boxlist .boxwrap .box .icon04, .wrap_boxlist .boxwrap .box .icon05, .wrap_boxlist .boxwrap .box .icon06, .wrap_boxlist .boxwrap .box .icon07, .wrap_boxlist .boxwrap .box .icon08, .wrap_boxlist .boxwrap .box .icon09, .wrap_boxlist .boxwrap .box .icon10, .wrap_boxlist .boxwrap .box .icon11, .wrap_boxlist .boxwrap .box .icon12, .wrap_boxlist .boxwrap .box .icon13, .wrap_boxlist .boxwrap .box .icon14, .wrap_boxlist .boxwrap .box .icon15, .wrap_boxlist .boxwrap .box .icon16, .wrap_boxlist .boxwrap .box .icon17, /* 여기부터 2015-06-05 U멤버십혜택 아이콘 추가 */ .wrap_boxlist .boxwrap .box .icon18, .wrap_boxlist .boxwrap .box .icon19, .wrap_boxlist .boxwrap .box .icon20, .wrap_boxlist .boxwrap .box .icon21, .wrap_boxlist .boxwrap .box .icon22, /* 여기까지 2015-06-05 U멤버십혜택 아이콘 추가 */ /* 2017-05-30 현대카드 > 메인(GATE) 추가 : S*/ .wrap_boxlist .boxwrap .box .icon31, .wrap_boxlist .boxwrap .box .icon32, .wrap_boxlist .boxwrap .box .icon33, .wrap_boxlist .boxwrap .box .icon34, .wrap_boxlist .boxwrap .box .icon35, .wrap_boxlist .boxwrap .box .icon36, .wrap_boxlist .boxwrap .box .icon37, /* 2017-05-30 현대카드 > 메인(GATE) 추가 : E */ .wrap_boxlist .boxwrap .box.white .icon01, .wrap_boxlist .boxwrap .box.white .icon02, .wrap_boxlist .boxwrap .box.white .icon03, .wrap_boxlist .boxwrap .box.white .icon04, .wrap_boxlist .boxwrap .box.white .icon05, .wrap_boxlist .boxwrap .box.white .icon06 {position:absolute; bottom:0; right:0; width:50px; height:50px; background-repeat:no-repeat; background-position:0 0; background-size:100%;} .wrap_boxlist .boxwrap .box .icon01 {background-image:url('../../images/mobilehome/svg/card_icon01.png');} .wrap_boxlist .boxwrap .box .icon02 {background-image:url('../../images/mobilehome/svg/card_icon02.png');} .wrap_boxlist .boxwrap .box .icon03 {background-image:url('../../images/mobilehome/svg/card_icon03.png');} .wrap_boxlist .boxwrap .box .icon04 {background-image:url('../../images/mobilehome/svg/card_icon04.png');} .wrap_boxlist .boxwrap .box .icon05 {background-image:url('../../images/mobilehome/svg/card_icon05.png');} .wrap_boxlist .boxwrap .box .icon06 {background-image:url('../../images/mobilehome/svg/card_icon06.png');} .wrap_boxlist .boxwrap .box .icon07 {background-image:url('../../images/mobilehome/svg/card_icon07.png');} .wrap_boxlist .boxwrap .box .icon08 {background-image:url('../../images/mobilehome/svg/card_icon08.png');} .wrap_boxlist .boxwrap .box .icon09 {background-image:url('../../images/mobilehome/svg/card_icon15.png');} .wrap_boxlist .boxwrap .box .icon10 {background-image:url('../../images/mobilehome/svg/card_icon16.png');} .wrap_boxlist .boxwrap .box .icon11 {background-image:url('../../images/mobilehome/svg/card_icon16.png');} .wrap_boxlist .boxwrap .box .icon12 {background-image:url('../../images/mobilehome/svg/card_icon10.png');} .wrap_boxlist .boxwrap .box .icon13 {background-image:url('../../images/mobilehome/svg/card_icon17.png');} .wrap_boxlist .boxwrap .box .icon14 {background-image:url('../../images/mobilehome/svg/card_icon18.png');} .wrap_boxlist .boxwrap .box .icon15 {background-image:url('../../images/mobilehome/svg/card_icon19.png');} .wrap_boxlist .boxwrap .box .icon16 {background-image:url('../../images/mobilehome/svg/card_icon20.png');} .wrap_boxlist .boxwrap .box .icon17 {background-image:url('../../images/mobilehome/svg/card_icon21.png');} /* 여기부터 2015-06-05 U멤버십혜택 아이콘 추가 */ .wrap_boxlist .boxwrap .box .icon18 {background-image:url('../../images/mobilehome/svg/card_icon18.png');} .wrap_boxlist .boxwrap .box .icon19 {background-image:url('../../images/mobilehome/svg/card_icon22.png');} .wrap_boxlist .boxwrap .box .icon20 {background-image:url('../../images/mobilehome/svg/card_icon23.png');} .wrap_boxlist .boxwrap .box .icon21 {background-image:url('../../images/mobilehome/svg/card_icon24.png');} .wrap_boxlist .boxwrap .box .icon22 {background-image:url('../../images/mobilehome/svg/card_icon25.png');} /* 여기까지 2015-06-05 U멤버십혜택 아이콘 추가 */ /* 2017-05-30 현대카드 > 메인(GATE) 추가 : S*/ .wrap_boxlist .boxwrap .box .icon31 {background-image:url('../../images/mobilehome/svg/card_icon31.png');} .wrap_boxlist .boxwrap .box .icon32 {background-image:url('../../images/mobilehome/svg/card_icon32.png');} .wrap_boxlist .boxwrap .box .icon33 {background-image:url('../../images/mobilehome/svg/card_icon33.png');} .wrap_boxlist .boxwrap .box .icon34 {background-image:url('../../images/mobilehome/svg/card_icon34.png');} .wrap_boxlist .boxwrap .box .icon35 {background-image:url('../../images/mobilehome/svg/card_icon35.png');} .wrap_boxlist .boxwrap .box .icon36 {background-image:url('../../images/mobilehome/svg/card_icon36.png');} .wrap_boxlist .boxwrap .box .icon37 {background-image:url('../../images/mobilehome/svg/card_icon37.png');} /* 2017-05-30 현대카드 > 메인(GATE) 추가 : E */ .wrap_boxlist .boxwrap .box.white .icon01 {background-image:url('../../images/mobilehome/svg/card_icon09.png');} .wrap_boxlist .boxwrap .box.white .icon02 {background-image:url('../../images/mobilehome/svg/card_icon10.png');} .wrap_boxlist .boxwrap .box.white .icon03 {background-image:url('../../images/mobilehome/svg/card_icon11.png');} .wrap_boxlist .boxwrap .box.white .icon04 {background-image:url('../../images/mobilehome/svg/card_icon12.png');} .wrap_boxlist .boxwrap .box.white .icon05 {background-image:url('../../images/mobilehome/svg/card_icon13.png');} .wrap_boxlist .boxwrap .box.white .icon06 {background-image:url('../../images/mobilehome/svg/card_icon14.png');} .wrap_boxlist .boxwrap {position:relative;} .wrap_boxlist .boxwrap .boxLabel {display:block; padding:26px; border:1px solid #d7d7d7; text-align:center;} .wrap_boxlist .boxwrap .boxLabel img {width:89px; height:57px;} .wrap_boxlist .boxwrap .boxLabel .cardname {display:block; margin-top:10px; font-family:'Happiness-Sans'; font-size:12px; color:#666;}/* 2022-03-04 수정 */ .wrap_boxlist .boxwrap input[type="radio"] {position:absolute; top:0; left:0;} .wrap_boxlist .boxwrap input[type="radio"] + label:before {content: ""; border:none; border-radius:0; width: 0; height: 0; position: absolute; left: 0; top: 0;} .wrap_boxlist .boxwrap input[type="radio"]:checked + label:before {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; width:100%; height:auto; background-image:url('../../images/mobilehome/svg/iconBoxcheck.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:25px 25px; background-color:rgba(0, 0, 0, .4); border-radius:0; border:1px solid #5d5d5d;} .CARD-M0023 .hdCard-wrap {margin-top:20px;} .appcard-wrap + .txt_caution {margin-top:0;} .box-content {margin-top:20px; padding:13px; border:1px solid #b9b9b9; } .box-content .card_subtit:first-child {margin-top:0;} .box-content .list-ars {margin:5px 0;} .box-content .list-ars > li > p {font-size:13px; color:#333;} .box-content .list-ars + .card_subtit {margin-top:20px;} .card_type_check {margin-top:10px;} .card_type_check:after {content:''; clear:both; display:block; height:0;} .card_type_check .boxwrap {float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:8px;} .card_type_check .boxwrap:nth-child(even) {float:right; padding-left:4px;} .card_type_check .boxwrap:nth-child(odd) {clear:both; padding-right:4px;} .card_type_check .boxwrap a {display:block; position:relative; padding:26px 26px 0; height:95px; text-align:center;} .card_type_check .boxwrap a img {width:89px; height:57px;} .card_type_check .boxwrap a:before {content:''; border:none; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #d7d7d7;} .card_type_check .boxwrap a.active:before {background:rgba(0, 0, 0, .4) url('../../images/mobilehome/svg/iconBoxcheck.png') no-repeat center; background-size:25px 25px; border:1px solid #5d5d5d;} .card_type_check .boxwrap .cardname {display:block; margin-top:10px; font-family:'Happiness-Sans'; font-size:12px; color:#666;}/* 2022-03-04 수정 */ .box-title {margin:23px 0 10px; padding:7px; font-family:'Happiness-Sans'; font-size:14px; color:#fff; background-color:#797979; line-height:17px;}/* 2022-03-04 수정 */ .box-title:first-child {margin-top:0;} .wrap_cardTypeCont .icon-summary {margin-bottom:7px; padding:10px 0; font-size:15px; color:#333; font-family:'Happiness-Sans'; text-align:center; background:url('../../images/mobilehome/bg_icon-summary.png') repeat 0 0; background-size:auto 24px; line-height:20px;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .card_subtit {margin:3px 0; font-size:13px; font-family:'Happiness-Sans'; color:#666; line-height:20px; vertical-align:middle;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .txt_top {margin-top:3px; font-size:15px; font-family:'Happiness-Sans'; line-height:1.5em;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .cardType {position:relative; margin:20px 0; border:1px solid #b9b9b9; padding:0 0 20px 0;} .wrap_cardTypeCont .cardType .tit_card {display:block; padding:5px 13px; background-color:#797979; color:#fff; font-family:'Happiness-Sans'; font-size:14px; text-align:left;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .cardType.no_line {padding:5px 0 0; border:none;} .wrap_cardTypeCont .cardType .wrap_cardimg {text-align:center;} .wrap_cardTypeCont .cardType .wrap_cardimg .tit_card {font-size:17px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .wrap_cardTypeCont .cardType .wrap_cardimg .cate {display:block; text-align:center; font-size:17px;} .wrap_cardTypeCont .cardType .wrap_cardimg .img_card {display:inline-block; /*width:60%;*/margin:20px 0;} .wrap_cardTypeCont .cardType .card_benefit {margin:0 0 0 10px;} .wrap_cardTypeCont .cardType .card_benefit strong {font-weight:bold;} .wrap_cardTypeCont .cardType > .btn-wrap-1 {margin:26px 0 33px;} .wrap_cardTypeCont .cardType .details {margin:0 20px 20px;} .wrap_cardTypeCont .cardType .details.withBtn {margin-bottom:50px;} .wrap_cardTypeCont .cardType .details li + li {margin-top:10px;} .wrap_cardTypeCont .cardType .details li .th {display:inline-block; width:20%; font-family:'Happiness-Sans'; color:#333; vertical-align:middle;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .cardType .details li .indent50 {padding-left:54px;} .wrap_cardTypeCont .cardType .btn-request {position:absolute; bottom:0; right:0;display:inline-block; padding:10px 13px; background-color:#666; color:#fff; font-family:'Happiness-Sans'; font-size:12px; text-align:center;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .appcard-wrap {display:table; width:100%; margin-bottom:12px;} .wrap_cardTypeCont .appcard-wrap .img_AppCard {display:table-cell; width:143px; height:89px;} .wrap_cardTypeCont .appcard-wrap .tit_sub {display:table-cell; width:auto; padding-left:14px; vertical-align:middle; font-size:13px; font-family:'Happiness-Sans'; color:#333; text-align:left; line-height:20px;}/* 2022-03-04 수정 */ .wrap_cardTypeCont .appcard-wrap .tit_sub span {display:block;} .wrap_cardTypeCont .cardType .issue_way {padding-left:10px; margin-bottom:20px;} .wrap_cardTypeCont .cardType ol {margin-top:3px;} .wrap_cardTypeCont .cardType ol li {line-height:18px;} .wrap_cardTypeCont .cardType .btn-wrap-1.with_btnmobile {margin-bottom:10px;} .wrap_cardTypeCont .txt_head {font-size:17px; font-family:'Happiness-Sans'; line-height:1.3em;} .wrap_cardTypeCont .info {margin-top:13px;} .wrap_cardTypeCont .info.reward {margin-top:30px;} .wrap_cardTypeCont .info table th {width:25%; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .wrap_cardTypeCont .info .tit_caption {margin-bottom:3px; font-size:15px; color:#333;} .wrap_cardTypeCont .info .tit_caption strong {font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .wrap_cardTypeCont .info.point_reward tabel th {width:50%;} .wrap_cardTypeCont .info.point_reward table td {width:50%; color:#666;} .wrap_cardTypeCont .info.saving_point p {line-height:1.33m;} .wrap_cardTypeCont .info.saving_point .card_subtit {margin-top:13px; color:#333;} .wrap_cardTypeCont .info.saving_point .caution {font-size:12px; line-height:16px; margin-top:8px;} .infodesk li {font-size:13px; color:#666; margin-bottom:5px;} .infodesk li .branch {display:inline-block; width:91px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ /* 2017-07-18 : 추가 S */ .infodesk.type01 li{overflow:hidden;} .infodesk.type01 li .branch {display:block;float:left; width:40%; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .infodesk.type01 li .desc{display:block;float:left;width:60%;} /* 2017-07-18 : 추가 E */ .container.hdCard.i-club {padding-top:13px;} .container.hdStore:after {content:''; display:block; position:absolute; top:84px; left:0; right:0; height:0; bottom:inherit; z-index:1; background-color:rgba(0,0,0,.5);} .container.hdStore.disable-3depth:after {bottom:0; height:auto;} .i-club .tit_sub {font-size:16px; font-family:'Happiness-Sans'; margin-bottom:5px;}/* 2022-03-04 수정 */ .i-club .sub_txt {font-size:14px; color:#555; font-family:sans-serif; line-height:18px;} .i-club * + .tit_sub {margin-top:15px;} .i-club .list_benefit li {height:82px; padding:7px 0; border-top:1px solid #d7d7d7; } .i-club .list_benefit li:first-child {padding-top:0; border-top:none;} .i-club .list_benefit li:after {content:''; display:block; clear:both; height:0;} .i-club .list_benefit li .left {float:left; width:64%;} .i-club .list_benefit li .left .category {margin:14px 0 3px; font-size:14px; font-family:'Happiness-Sans'; color:#000;}/* 2022-03-04 수정 */ .i-club .list_benefit li .left .desc {color:#666;} .i-club .list_benefit li .right {float:right; width:103px;} .i-club .info table {table-layout:fixed;} .i-club .info table th, .i-club .info table td {font-size:13px; color:#666; font-family:sans-serif; vertical-align:middle;} .i-club .info table th {font-weight:bold;} .i-club .info table td {padding-left:15px; width:100px;} .i-club .present_pic {margin:8px 0 14px;} .i-club .present_pic p {position:relative; border:1px solid #e4e4e4;} .i-club .present_pic p + p {margin-top:6px;} .i-club .present_pic img, .i-club .present_pic span {display:block;} .i-club .present_pic p .name {position:absolute; width:100%; left:0; bottom:0; text-indent:43px; line-height:38px; color:#fff; font-size:14px; background-color:rgba(0,0,0,.5); height:38px;} .i-club .present_pic p .rank {position:absolute; left:0; bottom:0; width:38px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:14px; background-color:#292929; z-index:15;} .i-club .present_pic + .btn-wrap-4 {text-align:right;} .i-club .present_pic + .btn-wrap-4 a {line-height:36px; font-size:12px;} .i-club .btn-wrap-4.date + ul {margin-top:20px;} .info.saving_point2 table {border-top:none;} .info.saving_point2 td {font-size:12px;} .info.saving_point2 tr th:first-child {width:20%; font-family:'Happiness-Sans'; font-size:13px;}/* 2022-03-04 수정 */ .info.saving_point2 tr:first-child th:nth-child(2), .info.saving_point2 tr:first-child th:nth-child(3) {width:40%;padding-left:7px; font-family:'Happiness-Sans'; font-size:13px; color:#000;}/* 2022-03-04 수정 */ .certify .btn-call {width:25%;} .wrap_chkTit {position:relative;} .wrap_chkTit > .check-item {position:absolute; bottom:7px; right:0;} .wrap_chkTit > .check-item.mt0 {top:0;} /* 2014-03-18 Added */ .list-chk {margin-bottom:13px;} .list-chk:after {content:''; clear:both; display:block; height:0;} .list-chk li {position:relative; padding-top:15px; font-family:'Happiness-Sans'; line-height:14px;}/* 2022-03-04 수정 */ .terms-group .list-chk.no-link li .check-item {padding-left:26px; padding-right:0; } .list-chk thin .check-item li {font-size:12px; } .list-chk.thin li {position:relative; padding-top:5px; font-size:13px; line-height:14px; font-family:sans-serif; color:#666;} .list-chk.with_cardNum {margin-bottom:7px;} .list-chk.with_cardNum li {padding-top:0;} .list-chk.with_cardNum li:first-child {padding-top:0;} .hdCard .txt_caution + .form-item {margin-top:20px;} .list-chk li > .check-item {padding-right:50px;} .list-chk li > .link_view {display:inline-block; color:#666; font-family:sans-serif; position:absolute; top:50%; right:0; padding-right:13px; background-image:url('../../images/mobilehome/svg/svgIconLink.png'); background-repeat:no-repeat; background-position:100% 45%; background-size:5px 10px; font-size:13px;} .iclub_children .sub_t {display:block; color:#666; font-size:14px; font-family:'Happiness-Sans'; line-height:18px; margin-bottom:2px;}/* 2022-03-04 수정 */ .iclub_children .child_regist {margin-bottom:7px; position:relative; padding-bottom:35px;} .iclub_children + .iclub_children {border-top:1px solid #d7d7d7; padding-top:15px; margin-top:0;} .iclub_children .input-wrap + .sub_t {margin-top:12px;} .iclub_children .input-wrap .cell:first-child {width:33%;} .iclub_card {position:relative;} .input-wrap.cardNum {margin-left:-3px; margin-right:-3px; margin-bottom:6px; width:auto;} .input-wrap.cardNum .cell.dash {width:7px;} .input-wrap.cardNum .cell:first-child {padding-left:3px;} .input-wrap.cardNum .cell:last-child {padding-right:3px;} .iclub_card .input-wrap .btn-call {width:auto;} .iclub_card .card_regist {margin-top:15px; margin-bottom:15px;} .iclub_card .card_regist .cell input {padding:10px 8px;} .iclub_card .card_regist + .card_regist {border-top:1px solid #d7d7d7; padding-top:14px;} .iclub_card .card_regist:after {content:''; clear:both; display:block; height:0;} .iclub_card .boolean_card {float:right; width:auto;} .iclub_card .boolean_card .button {padding-left:15px; padding-right:15px;} .iclub_field_add {position:relative; width:100%; left:-13px; margin-bottom:15px;} .iclub_field_add.btn-more a {border-top:0 none; padding:8px 13px;} .iclub_children .del_child, .iclub_card .del_card {position:absolute; bottom:5px; right:0; top:1px; font-size:15px; font-family:'Happiness-Sans'; border:4px solid transparent; height:16px; line-height:16px; padding-left:20px; background:url('../../images/mobilehome/svg/bg_btnLess.png') no-repeat 0 -1px; background-size:contain;}/* 2022-03-04 수정 */ .add_btn_child {display:inline-block; width:auto;} .add_btn_child .cell .button {background-color:#dfdfdf; color:#333; font-size:13px; padding:0 10px;} .add_btn_child .cell .button:before {display:inline-block; position:relative; top:-2px; margin-right:5px; content:''; width:14px; height:14px; vertical-align:middle; background:url('../../images/mobilehome/svg/icon_add_plus.png') no-repeat 0 0; background-size:14px;} .terms-group {position:relative;} .terms-group:after {content:''; clear:both; display:block; height:0;} .terms-group .title-subject {position:relative; margin-top:8px;} .terms-group .title-subject label {font-size:15px;} .terms-group + .terms-group .title-subject {margin-top:27px;} .terms-group .title-subject > .no-chk-tit {display:inline-block; padding-right:50px; color:#333;} .terms-group .title-subject > .check-item {padding-right:50px;} .terms-group .summary-box {margin-top:7px; padding:10px; font-size:12px; background-color:#f1f1f1; line-height:1.5em;} .terms-group > .list-chk {margin-top:10px; padding:0 5px;} .terms-group .link_view {position:absolute; right:0; top:0; font-family:sans-serif; color:#666; display:inline-block; padding-right:13px; background-image:url('../../images/mobilehome/svg/svgIconLink.png'); background-repeat:no-repeat; background-position:100% 40%; background-size:5px 10px; font-size:13px;} .terms-group .chk_agree {margin:10px 0 7px; padding-left:10px;} .cardNum_infowrap {color:#333;} .cardNum_infowrap .cardNum_info {font-family:'Happiness-Sans'; color:#666;}/* 2022-03-04 수정 */ .CARD-M0012_03 .address_type {margin:13px 0 10px} .CARD-M0012_06 .txt_caution, .CARD-M0013_04 .txt_caution {margin:0 0 7px;} .CARD-M0013_04 .title-article.needed {margin-top:20px;} .hdCard .address_type {margin-bottom:10px} .radio-item.cardtype {display:inline-block; text-align:left;} .radio-item.cardtype img {display:block; width:110px; text-align:center;} .radio-item.cardtype .labelwrap {display:inline-block; margin-top:5px;} .hdCard .title-article + .txt_caution + .form-item {margin-top:20px;} .hdCard .btn-wrap-2 + .txt-general {margin-top:20px;} .tab-cont .cardNum {margin-top:7px;} .cardNum .cell input {padding:10px 6px;} .cont-campaign {text-align:center; padding:0 0 25px;} .cont-campaign img {width:100%; margin:3px 0;} .cont-campaign .msg-campaign {color:#353534; font-size:13px; margin-bottom:20px;} .cont-campaign .txt_campaign {margin-top:7px; font-size:13px; line-height:1.5em;} .cont-campaign .txt_campaign strong {background-color:#8f7b3e; color:#fff; padding:0 3px; display:inline-block; vertical-align:middle;} .cont-campaign .txt_campaign span {display:block; color:#674c00; margin-top:10px;} .card-caution {margin-top:7px;} .card-caution .i- {font-size:13px;} .area_vipclubimg {position:relative; margin:0;} .area_vipclubimg .vipclub_desc {padding:10px 13px; line-height:22px; height:22px; overflow:hidden; font-family:'Happiness-Sans'; font-size:12px; color:#fff;} .area_vipclubimg.jasmine_black .vipclub_desc {background-color:#000;} .area_vipclubimg.jasmine_blue .vipclub_desc {background-color:#2b3061;} .area_vipclubimg.jasmine .vipclub_desc {background-color:#53193b;} .area_vipclubimg.platinum .vipclub_desc {background-color:#727271;} .area_vipclubimg.gold .vipclub_desc {background-color:#9b7a45;} .area_vipclubimg .vipclub_desc strong {font-size:16px;} .area_vipclubimg .img_vipclub {display:block;} .area_vipclubimg .swipe-control {position:absolute; height:26px; bottom:42px; left:0; right:0; line-height:26px; background-color:rgba(0,0,0,.6); z-index:21;} .area_vipclubimg .swipe-btn {top:50%; margin-top:-30px;} /* 2020-02-03 변경 : S */ .wrap_vipclubTypeCont {padding:13px 13px 0;} .wrap_vipclubTypeCont .tgg-title {padding-top:0;padding-bottom:10px;color:#333;background-position:right 0 bottom 10px !important;line-height:1} .wrap_vipclubTypeCont .tgg-cont {padding-top:0px;margin-bottom:0} .wrap_vipclubTypeCont .tit_sub {font-size:15px; font-weight:700;font-family:'Noto Sans KR', sans-serif; line-height:22px; color:#333; margin-top:13px;} .wrap_vipclubTypeCont .tit_sub:first-child {margin-top:9px} .wrap_vipclubTypeCont > .tit_sub:nth-child(1) {margin-top:0px;} /* 2021-11-08 추가 : S */ .wrap_vipclubTypeCont .tit_sub .btn_type2 {position:relative; top:-2px; background-color:#f15a22; display:inline-block; margin-left:10px; border:1px solid #f15a22; padding:3px 10px 2px 10px; color:#fff; font-size:12px; line-height:15px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer; } .wrap_vipclubTypeCont .tit_sub .btn_type2:hover, .wrap_vipclubTypeCont .tit_sub .btn_type2:focus {text-decoration:none;} /* 2021-11-08 추가 : E */ .wrap_vipclubTypeCont .sub_txt {font-size:13px; line-height:1.5555; color:#333; margin-top:3px;} .wrap_vipclubTypeCont .sub_txt strong {font-weight:bold;} .wrap_vipclubTypeCont .desc {padding:13px; margin:15px 0 -15px; background:#ededed; border:1px solid #d7d7d7; font-size:12px; line-height:16px; color:#333;} .wrap_vipclubTypeCont + .vipclub_end {padding:10px 13px 0;font-size:13px; line-height:16px; color:#333;} /* 2020-02-03 변경 : E */ .wrap_vipclubMain .box_black {width:100%; height:150px; background-color:#222; margin-bottom:1px;} .wrap_vipclubMain .box_black a {position:relative; display:block; width:100%; height:150px; padding-top:24px; color:#fff; text-align:center; font-size:14px;} .wrap_vipclubMain .box_black a .tit {display:inline-block; font-family:'Happiness-Sans'; font-size:18px; margin-top:5px; padding-right:10px; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 12px;}/* 2022-03-04 수정 */ .wrap_vipclubMain .box_black a:before {content:''; display:inline-block; width:40px; height:40px; margin-bottom:13px; border-radius:20px; background:#4e4e4e url('../../images/mobilehome/svg/icon_jasmin.png') no-repeat center; background-size:22px 18px;} .wrap_vipclubMain .wrap_boxlist {padding-top:0;} .wrap_vipclubMain .wrap_boxlist:after {content:''; clear:both; display:block; height:0;} .wrap_vipclubMain .wrap_boxlist .boxwrap {float:left; width:50%; padding:0; border-top:1px solid #fff; border-right:1px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:0; color:#fff; } .wrap_vipclubMain .wrap_boxlist .boxwrap:first-child, .wrap_vipclubMain .wrap_boxlist .boxwrap:nth-child(2) {border-top:0 none;} .wrap_vipclubMain .wrap_boxlist .boxwrap:nth-child(even) {border-right:0 none;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box {display:block; width:100%; height:150px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box:after {content:''; position:absolute; top:0; left:0px; width:100%; height:100%;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box.jasmineBlue {background:#2b3061;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box.jasmine {background:#53193b;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box.platinum {background:#727271;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box.gold {background:#94784b;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box > p {margin-top:45px; color:#fff; font-size:13px; line-height:1.3em;} .wrap_vipclubMain .wrap_boxlist .boxwrap .box > p > .tit {display:inline-block; font-family:'Happiness-Sans'; font-size:18px; margin-top:5px; padding-right:10px; background:url('../../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 12px;}/* 2022-03-04 수정 */ .clubWed .txt-general {font-family:sans-serif;color:#333; font-size:14px; line-height:20px;} .clubWed .txt_bottom {margin-top:10px; font-family:sans-serif; color:#666; font-size:13px; line-height:18px; font-weight:bold;} .clubWed .btn-wrap-3 + .btn-wrap-3 {margin-top:7px;} .clubWed .title-subject {margin-top:13px;font-family:'Happiness-Sans'; color:#333; font-size:16px; line-height:20px;}/* 2022-03-04 수정 */ .clubWed .title-subject.light {color:#666; font-size:14px; font-family:sans-serif; line-height:18px; font-weight:bold;} .clubWed .title-subject.b-line, .clubWed .tgg-titType1, .clubWed .txt-general + .btn-wrap-3, .clubWed .benefit + .benefit {margin-top:27px;} .clubWed .title-subject.b-line.first, .clubWed .title-subject.first, .clubWed .tgg-titType1.first, .clubWed .tgg-cont .txt-general {margin-top:0;} .clubWed .title-subject.b-line.first {margin-top:7px;font-family:'Happiness-Sans'; color:#000; font-size:17px; line-height:20px;}/* 2022-03-04 수정 */ .clubWed .title-subject + img {margin:5px 0;} .clubWed .title-subject.b-line + img {margin:13px 0 3px;} .clubWed .title-subject + .txt-general, .clubWed .title-subject + .i- {margin-top:5px;} .clubWed .title-special {margin:13px 0 5px; font-size:13px; color:#666;} .clubWed .i- {font-size:13px; color:#666;} .clubWed .img-gift {position:relative; margin-top:13px;} .clubWed .img-gift + ul {margin-top:13px;} .clubWed .img-gift .title {position:absolute; left:0; bottom:0; background:rgba(0,0,0,.7); text-align:center; width:144px; height:55px;color:#fff; font-family:'Happiness-Sans'; line-height:17px;}/* 2022-03-04 수정 */ .clubWed .img-gift .title .name {display:inline-block; height:34px; padding:10px 0;} .clubWed .img-gift .title .name .desc {display:block; text-align:left; font-size:12px;} .clubWed .img-gift .title .name.no-desc {line-height:34px;} .clubWed .btn-phoneWrap:after {content:''; display:block; clear:both; height:0;} .clubWed .btn-phoneWrap .btnPhone {display:inline-block; float:right; margin-top:13px; padding:10px; background:#666; color:#fff; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .clubWed del {position:relative; display:inline-block; padding:0 10px; text-decoration:none; z-index:21;} .clubWed del:after {content:''; position:absolute; display:block; top:4px; left:9px; width:100%; height:7px; background:url('https://www.ehyundai.com/images/mobilehome/svg/bg_arr_del.png') no-repeat 100% center; background-size:cover; z-index:21;} .clubWed .connect_tel .list-phoneNum {margin-bottom:30px; padding-top:0;} .clubWed .connect_tel .list-phoneNum li {position:relative; padding:6px 37px 6px 0; border-bottom:1px solid #d7d7d7;} .clubWed .connect_tel .list-phoneNum .btn-tel {position:absolute; top:13px; right:0;} .clubWed .connect_tel .list-phoneNum .name {display:block; margin-right:10px; font-size:13px; line-height:21px;} .clubWed .connect_tel .list-phoneNum .tel {position:absolute; top:19px; right:35px; display:block; color:#666; font-size:13px; line-height:16px;} .clubWed .connect_tel .list-phoneNum .floor {font-size:12px;} .clubWed .prom_goods {margin-top:10px;} .clubWed .prom_goods + .prom_goods {width:75%; margin:0 auto;} .clubWed .prom_goods .table-cell {text-align:center; font-size:12px; color:#333;} .clubWed .prom_goods .item_1 {width:33%;} .clubWed .prom_goods .img {display:block;} .clubWed .prom_goods .text {display:block; min-height:40px; letter-spacing:-1px;} /* culture */ .culture .btn-more a {border:none;} .culture .btn-more + .culture-wrap {margin-top:20px;} .culture .culture-wrap {padding:0 13px;} #i-slider-wrapper .i-slider .i-page.wide .culture-wrap .tab-menu {margin:13px 0 0;} .culture .double-wrap + .btn-wrap-2, .culture .form-item + .btn-wrap-2 {margin-top:33px;} .culture .title-wrap .title {margin-bottom:0;} .culture .title-wrap .title .attr {margin-right:70px;} .culture .title-wrap .sub_txt {font-size:13px;} .culture .title-wrap .title .condition.able {position:absolute; min-width:40px; right:0; bottom:3px; display:inline-block; padding:1px 3px; border:1px solid #b6b6b6; font-size:13px; color:#333; vertical-align:baseline; text-align:center; font-family:sans-serif;} .culture .title-wrap .title .btn-search {position:absolute; right:0; bottom:3px; display:inline-block; padding:8px 16px; background-color:#666; font-family:'Happiness-Sans'; font-size:12px; color:#fff; vertical-align:baseline;}/* 2022-03-04 수정 */ .culture .title-wrap .guide {position:absolute; right:0; bottom:7px; display:inline-block; font-family:'Happiness-Sans'; font-size:13px; color:#333;}/* 2022-03-04 수정 */ .culture .title-wrap .guide:before {content:''; display:inline-block; width:14px; height:15px; margin:0 3px 1px; background:url('../../images/mobilehome/svg/icon_info.png') no-repeat 0 50%; background-size:14px 14px; vertical-align:middle;} .culture .culture-wrap .tab-menu + .title-wrap {margin-top:20px;} .culture .caution {margin-top:10px;} .culture .txt_top {font-size:14px; color:#333; line-height:20px;} .culture .wrap_hallGuide {padding-bottom:13px; border-bottom:1px solid #d7d7d7;} .culture .inquiry {margin-top:7px; font-size:14px; color:#555; line-height:26px;} .culture .inquiry .btn-tel {margin-left:7px;} .culture .info.phoneNumb table {border-top:none;} .culture .info.phoneNumb table th {width:48%; font-family:'Happiness-Sans'; font-size:13px; color:#666; text-align:left; vertical-align:middle;} .culture .info.phoneNumb table td {width:52%; padding:10px 0 10px 15px; font-size:13px; color:#000; text-align:left; line-height:26px;} .culture .info.phoneNumb table td .btn-tel {display:inline-block; float:right; vertical-align:middle;} .culture .show_review {margin-top:13px;} .culture .cont-subtit {font-family:'Happiness-Sans'; font-size:13px; color:#333; margin:13px 0 7px;}/* 2022-03-04 수정 */ .culture .desc_show {margin-top:7px; font-size:13px; color:#333; line-height:18px;} .culture .desc_show + .title-article {margin-top:17px;} .culture .show_image_1, .culture .show_image_2, .culture .show_image_3, .culture .show_image_4 {margin:8px 0 18px;} .culture .show_image_2 img {width:49%;} .culture .show_image_2:after, .culture .show_image_3:after, .culture .show_image_4:after {content:''; clear:both; display:block; height:0;} .culture .show_image_2 img:first-child {float:left;} .culture .show_image_2 img:last-child {float:right;} .culture .show_image_3 img:first-child {margin-bottom:7px;} .culture .show_image_3 img:nth-child(2) {width:49%; float:left;} .culture .show_image_3 img:last-child {width:49%; float:right;} .culture .show_image_4 {position:relative;} .culture .show_image_4 img {width:49%;} .culture .show_image_4 img:nth-child(2) {float:right;} .culture .show_image_4 img:nth-child(3) {position:absolute; bottom:0; right:0;} .culture .btn-wrap-2 + .btn-wrap-1 {margin-top:27px;} .culture .list-result li {margin-top:5px;} .culture .list-result li:first-child {margin-top:0;} .culture .CULTURE-M0002 .culture-wrap, .culture .CULTURE-M0019 .culture-wrap {margin-top:27px;} .culture .CULTURE-M0005 .culture-wrap {margin-top:13px;} .culture .CULTURE-M0005 .tab-cont .culture-wrap {margin-top:20px;} .culture .CULTURE-M0008 .form-item {margin:13px 0;} .culture .CULTURE-M0008 .title-article {margin-top:7px;} .culture .CULTURE-M0008 .thumb_brochure {padding-top:15px; text-align:center; width:100%; background:url('../../images/mobilehome/bg_line_brochure.png') repeat-x 0 100%; background-size:auto 12px;} .culture .CULTURE-M0008 .thumb_brochure a {width:135px; margin:0 auto;} .culture .CULTURE-M0008 .thumb_brochure a.view-zoom:after {right:0; bottom:12px;} .culture .CULTURE-M0008 .thumb_brochure img {width:100%; margin-bottom:12px;} .culture .CULTURE-M0009 .title-View {position:relative; margin-top:15px; text-align:center;} .culture .CULTURE-M0009 .title-View .tit {font-family:'Happiness-Sans'; font-size:19px;}/* 2022-03-04 수정 */ .culture .CULTURE-M0009 .title-View .sub {display:inline-block; margin-bottom:3px; font-size:16px; color:#767676;} .culture .CULTURE-M0009 .cont-View {font-family:sans-serif; font-size:14px; color:#666; line-height:20px;} .culture .CULTURE-M0009 .cont-View .v_image {position:relative; margin:28px -13px 25px; text-align:center;} .culture .CULTURE-M0009 .cont-View .v_image:after {content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:50px; opacity:.1; background:url('../../images/mobilehome/mobileRegiCard_bg.png') repeat-x 0 100%; background-size:auto 50px;} .culture .CULTURE-M0009 .cont-View .v_image img {width:296px;} .culture .CULTURE-M0009 .cont-View ul li {font-family:sans-serif;} .culture .CULTURE-M0009 .btn-wrap-1 {margin-top:18px;} .culture .CULTURE-M0011 .txt-caution {font-family:'Happiness-Sans'; font-size:13px; color:#666;}/* 2022-03-04 수정 */ .culture .CULTURE-M0011 .form-item {margin-top:7px;} .culture .CULTURE-M0011 .title-article {margin-top:13px;} .culture .CULTURE-M0011 .list-lecture {border-bottom:1px solid #dcdcdc} .culture.CULTURE-M0015 .title-article, .culture.CULTURE-M0016 .title-article, .culture.CULTURE-M0017 .title-article {margin-bottom:10px;} .culture.CULTURE-M0019_02 .title-wrap .title {border:none;} .culture.CULTURE-M0019_02 .thumb_show {margin-top:2px;} .culture.CULTURE-M0019_02 .show_cont_text {font-size:14px; margin:0 0; padding:10px 0; border-bottom:1px solid #d7d7d7;} .culture.CULTURE-M0019_02 .show_cont_text p {font-size:14px;} .culture.CULTURE-M0019_02 .lecture-detail table td {text-align:left;} .culture .CULTURE-M0011 .txt-caution, .culture .CULTURE-M0010 .txt_top, .culture .CULTURE-M0020 .txt_top, .culture .CULTURE-M0023 .txt_top {margin-top:13px;} .culture .CULTURE-M0020 .title-article {margin-top:20px;} .culture.CULTURE-M0021 .title-subject {margin-bottom:10px;} .culture.CULTURE-M0021 .tit_sub {margin-bottom:6px; font-family:'Happiness-Sans'; font-size:14px; color:#666;}/* 2022-03-04 수정 */ .culture.CULTURE-M0021 .tit_sub .thin {font-family:sans-serif; color:#333;} .culture.CULTURE-M0021 .txt_etc {font-size:13px; line-height:17px;} .culture.CULTURE-M0021 .list-ars {margin-top:0;} .culture.CULTURE-M0021 .box {padding:13px; background:#ededed; border:1px solid #d7d7d7; margin-bottom:10px;} .culture.CULTURE-M0021 .rentalfee {font-size:13px; color:#666;} .culture.CULTURE-M0021 .rentalfee .small {font-size:12px;} .culture .list-result .item {width:27%;} .culture .list-result .value {float:left; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .culture .list-result .value strong {color:#000;} .culture .txt_btm {margin:10px 0; font-size:13px; color:#666;} .culture .CULTURE-M0022 .culture-wrap {margin-top:13px;} .culture .CULTURE-M0023 .tit_sub {margin:10px 0 5px; font-family:'Happiness-Sans'; font-size:15px; color:#666;}/* 2022-03-04 수정 */ .culture .CULTURE-M0023 .desc {margin-top:3px; font-size:14px; line-height:18px;} .culture .CULTURE-M0023 .title-article + .desc {margin-top:10px;} .culture .CULTURE-M0023 .title-article {margin-top:10px;} .culture.CULTURE-M0025 .list-bbs {border-top:rgba(255, 255, 255, 0);} .culture.CULTURE-M0026 .title-article + .thumb_show {margin-top:13px;} .culture.CULTURE-M0026 .thumb_show + .thumb_show {margin-top:7px;} .culture.CULTURE-M0027 .list-vod + .title-article {margin-top:17px;} .culture .CULTURE-M0028 .culture-wrap {margin-top:13px;} .culture.CULTURE-M0025_02 .list-bbs, .culture .CULTURE-M0029 .list-bbs {border-top:rgba(255, 255, 255, 0);} .culture .culture-wrap + .culture-wrap {margin-top:23px;} .culture .list-lecture > li {position:relative; padding:10px 0; border-top:1px solid #dcdcdc;} .culture .list-lecture > li:first-child {border-top:none;} .culture .list-lecture > li > a {display:block;} .culture .list-lecture > li .lecture-name {font-family:'Happiness-Sans'; font-size:15px; color:#333; line-height:18px; padding:2px 0 4px;}/* 2022-03-04 수정 */ .culture .list-lecture > li .lecture-info {padding-right:60px; margin-top:2px;} .culture .list-lecture > li .lecture-info:after {content:''; display:block; clear:both; height:0;} .culture .list-lecture > li .lecture-info > li {float:left; position:relative; padding-right:12px; margin-top:3px; font-size:13px;} .culture .list-lecture > li .lecture-info > li:first-child:after {content:''; position:absolute; top:2px; right:6px;display:inline-block; width:1px; height:10px; background-color:#aaa;} .culture .list-lecture > li .lecture-info > li:last-child {clear:both; padding-right:0;} .culture .list-lecture > li .condition {position:absolute; display:block; min-width:30px; height:17px; bottom:15px; right:0; text-align:center;} .culture .list-lecture > li .condition span {padding:0 5px;} .culture .list-lecture > li .condition .close {display:block; font-size:13px; color:#999; line-height:17px; border:1px solid#b6b6b6;} .culture .list-lecture > li .condition .deadline, .culture .list-lecture > li .condition .register, .culture .list-lecture > li .condition .cancel, .culture .list-lecture.show > li .condition .showtype {display:block; font-size:13px; color:#666; line-height:17px; border:1px solid#b6b6b6;} .culture .list-lecture > li .condition .apply {display:block; font-size:13px; color:#333; line-height:17px; border:1px solid#b6b6b6; background-color:#f4f4f4;} .culture .list-lecture > li .condition .visit {display:block; font-size:13 px; color:#666; line-height:17px; border:1px solid#b6b6b6; background-color:#f4f4f4;} .culture .list-lecture.mine > li .branch {display:inline-block; margin-top:3px; font-size:13px; line-height:15px;} .culture .list-lecture.mine > li .lecture-info {position:absolute; bottom:10px; right:0; font-size:0; text-align:right;} .culture .list-lecture.mine > li .lecture-info li {display:inline-block; float:none;} .culture .lecture-info-2 {line-height:15px;} .culture .lecture-info-2 span {display:inline-block; font-size:12px; color:#666; vertical-align:middle; position:relative;} .culture .lecture-info-2 span + span:before {margin-left:2px; content:''; display:inline-block; vertical-align:middle; width:8px; margin-top:-2px; height:10px; border-left:1px solid #aaa;} .culture .lecture-info-2 {} .culture .list-lecture.check {width:100%; margin-bottom:27px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} .culture .list-lecture.check input[type="checkbox"] {visibility:hidden; position:relative; z-index:21; width:13px; height:13px; vertical-align:middle; margin-right:-13px;} .culture .list-lecture.check input[type="checkbox"] + label {position:relative; width:90%; display:inline-block; padding-left:23px; vertical-align:middle; line-height:15px;} .culture .list-lecture.check input[type="checkbox"] + label:before {content:''; position:absolute; top:10px; left:-3px; width:13px; height:13px; border:1px solid #797979;} .culture .list-lecture.check input[type="checkbox"]:checked + .label:before {background:url('../../images/mobilehome/svg/svgIconCheck.png') no-repeat 1px 2px; background-size:11px 8px;} .culture .list-lecture.check .lecture-info {display:block; font-size:0;} .culture .list-lecture.check .lecture-info>.item {position:relative; display:inline-block; padding-right:12px; margin-top:3px; font-size:13px; line-height:15px; vertical-align:bottom;} .culture .list-lecture.check .lecture-info>.item:after {content:''; position:absolute; top:2px; right:6px;display:inline-block; width:1px; height:10px; background-color:#aaa;} .culture .list-lecture.check .lecture-info>.item:last-child:after {background:none;} .culture .list-lecture.saved > li .info {display:block; margin-top:2px; font-size:12px; color:#666;} .culture .list-lecture.saved > li .detail {display:block; position:absolute; top:10px; right:0; font-size:13px; color:#767676;} .culture .list-lecture.saved > li .value {display:block; position:absolute; bottom:10px; right:0; font-family:'Happiness-Sans'; font-size:16px; color:#333;}/* 2022-03-04 수정 */ .culture .list-lecture.show {margin-top:13px; border-top:1px solid #dcdcdc;} .culture .lecture-detail table {width:100%; margin-bottom:27px;} .culture .lecture-detail table th, .culture .lecture-detail table td {padding:10px 0; border-bottom:1px solid #dcdcdc;} .culture .lecture-detail table th {width:20%; padding-right:18px; font-size:14px; color:#555; line-height:17px; text-align:left; white-space:nowrap; vertical-align:top;} .culture .lecture-detail table td {width:80%; font-size:14px; color:#555; line-height:17px;} .culture .lecture-detail table td.desc {text-align:left; color:#666;} .culture .lecture-detail table td.desc pre {white-space:pre-wrap;} .culture .lecture-detail table td.desc .caution {margin-top:2px; font-family:'Hyundai_R1012';} .faq-wrap {padding:20px 0 0;} .faq-item {border:1px solid #bfbfbf;} .faq-item + .faq-item {margin-top:14px;} .faq-item .q, .faq-item .a {position:relative; display:block;} .faq-item .q:before, .faq-item .a:before {position:absolute; left:11px; font-family:'Happiness-Sans'; font-size:15px;}/* 2022-03-04 수정 */ .faq-item .q {padding:16px 35px 16px 15px; line-height:20px; font-family:'Happiness-Sans'; font-size:15px; word-break:break-all;}/* 2022-03-04 수정 */ .faq-item .q:after {content:'답변닫기'; position:absolute; top: 0; right: 0; width: 48px; height: 52px; line-height: 52px; color: transparent; white-space: nowrap; background:url('../../images/mobilehome/svg/svgArrTop.png') no-repeat 50% 50%; background-size: 13px 7px;} .faq-item.hide .q:after {content:'답변보기'; background-image:url('../../images/mobilehome/svg/svgArrBottom.png');} .faq-item.hide .a {display:none;} .faq-item .a {padding:16px; color:#555; background-color:#f5f5f5; border-top:1px solid #bfbfbf; font-size:14px; line-height:18px;} .faq-item .q:before {top:15px;} .faq-item .a:before {top:18px;} #content-body.roll-book #header {position:fixed; width:auto; left:0; top:0; right:0; z-index:22; background-color:#fff;} #content-body.roll-book #header .roll-date-area {position:relative; height:42px; background-color:#e8e8e8; text-align:center; border-bottom:1px solid #797979;} #content-body.roll-book #header .roll-date-area .roll-date {font-family:'Happiness-Sans'; font-size:16px; color:#333; line-height:42px;}/* 2022-03-04 수정 */ #content-body.roll-book #header .roll-date-area .btn_move a {top:10px; width:12px; height:24px; font-size:0; color:rgba(0,0,0,0); position:absolute;} #content-body.roll-book #header .roll-date-area .btn_move a.prev {right:24px; background:url('../../images/mobilehome/svg/btnNext.png') no-repeat center; background-size:100%;} #content-body.roll-book #header .roll-date-area .btn_move a.next {left:24px; background:url('../../images/mobilehome/svg/btnPrev.png') no-repeat center; background-size:100%;} #content-body.roll-book #header .roll-date-area .btn_move a.prev.disabled, #content-body.roll-book #header .roll-date-area .btn_move a.next.disabled {opacity:0.1;} #content-body.roll-book #content {padding-top:86px; overflow:hidden;} .list-roll {min-width:320px; position:relative; margin-bottom:20px; border-bottom:1px solid #797979;} .list-roll table {width:100%; overflow:hidden; margin-left:0; -moz-transition:margin 1s; -webkit-transition:margin .6s; transition:margin .6s;} .list-roll table th, .list-roll table td {width:50%; padding:7px 24px 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .list-roll table.wide th, .list-roll table.wide td {width:50%; padding:13px 24px; white-space:nowrap;} .list-roll table th {background-color:#8d8d8d; border-top:1px solid #777; text-align:left; position:absolute; left:0; height:45px; z-index:21;} .list-roll table tr.family th {height:55px;} .list-roll table tr.family td {height:55px;} .list-roll table th a {position:relative; text-align:left; display:-webkit-flex; display:flex; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; justify-content: center;} .list-roll table th a p {vertical-align:middle; position:relative; font-family:'Happiness-Sans'; font-size:14px; color:#fff;}/* 2022-03-04 수정 */ .list-roll table th a {height:100%; width:100%;} .list-roll table th .family {font-size:13px; color:#e8e8e8; margin-top:2px;} .list-roll table th a.icon-memo {background:url('../../images/mobilehome/svg/icon_rollMemo.png') no-repeat right center; background-size:13px 10px;} .list-roll table td {text-align:center; border-top:1px solid #d7d7d7; height:44px;} .list-roll table td .attendance {display:inline-block; width:14px; height:14px; background:url('../../images/mobilehome/svg/icon_attendance.png') no-repeat 0 0; background-size:14px 14px; vertical-align:middle;} .list-roll table td .absence {display:inline-block; width:14px; height:14px; background:url('../../images/mobilehome/svg/icon_absence.png') no-repeat 0 0; background-size:14px 14px; vertical-align:middle;} .switch-toggle {position:relative; display:inline-block; width:53px; height:30px;} .switch-toggle input {position:absolute; top:0; left:0; z-index:21; width:53px; height:30px; margin:0;} .switch-toggle input + label {position:relative; padding:0; display:inline-block; width:100%; height:100%; border:2px solid #cfcfcf; background:#cfcfcf; border-radius:23px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .switch-toggle input:checked + label {border-color:#545353; background-color:#545353;} .switch-toggle input + label:before {content:''; border:0 none; background-color:#fff; position:absolute; top:0; left:0; height:26px; width:26px; border-radius:13px;} .switch-toggle input:checked + label:before {left:inherit; right:0; background:none; background-color:#fff;} .estimate {margin:20px 0 27px; padding:32px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:center;} .estimate > a {display:inline-block; width:37px; min-height:10px; margin:0 5px; padding-top:40px; background:url('../../images/mobilehome/svg/bg_star.png') no-repeat 0 0; background-size:37px 36px; font-family:'Happiness-Sans'; font-size:13px; color:#666; line-height:13px;}/* 2022-03-04 수정 */ .estimate > a.fill {background:url('../../images/mobilehome/svg/bg_star_fill.png') no-repeat 0 0; background-size:37px 36px;} .area_showimg .show_ref_box {float:left; position:relative;} .area_showimg .show_ref_box > a {display:block;} .area_showimg.slider_wrap {position:relative; overflow:hidden;} .area_showimg.slider_wrap:after {content:''; clear:both; display:block; height:0;} .area_showimg {text-align:left; position:relative;} .area_showimg .wrap_desc {position:relative; top:0; left:0; z-index:21; overflow:hidden;} .area_showimg .img_show {position:relative; display:inline-block;width:100%;} .area_showimg .img_show a {display:block;} .area_showimg .tit a {display:block; height:60px; padding:13px; font-size:17px; color:#fff; font-family:'Happiness-Sans'; line-height:20px; background-color:#4c4c4c;}/* 2022-03-04 수정 */ .area_showimg .tit.lecture a {font-size:16px;} .area_showimg .tit a .sub-tit {font-family:sans-serif; font-size:14px;} .area_showimg .tit a .main-tit {display:block; height:40px; overflow:hidden;} .area_showimg .tit a .main-tit span {display:table-cell; height:40px; vertical-align:middle;} .area_showimg .tit.lecture a .sub-tit {font-size:13px;} .area_showimg .txt-box {position:absolute; top:13px; left:13px; padding:3px 5px; border:1px solid#fff; background-color:#88642f; color:#fff; font-size:14px; z-index:25;} .area_showimg .swipe-control {position:absolute; bottom:86px; left:0; width:100%; text-align:center; background-color:rgba(0,0,0,.7); padding:10px 0; z-index:25; } .area_showimg .tit .store, .area_showimg .tit .date {display:inline-block; font-size:11px; line-height:16px; margin-right:5px;} .area_showimg .btn_move {position:absolute; top:25%; left:0; width:100%; height:0; z-index:22;} .area_showimg .btn_move a span {border:7px solid transparent; background-clip:padding-box;} .area_showimg .btn_move .prev {border-left:0; position:absolute; top:0; left:0; display:block; width:35px; height:45px; background-color:rgba(0,0,0,.5); text-indent:-99999px; background-image:url('../../images/mobilehome/svg/svgArrLeft.png'); background-repeat:no-repeat; background-position:45% 50%; background-size:12px 22px; z-index:22;} .area_showimg .btn_move .next {border-right:0; position:absolute; top:0; right:0; display:block; width:35px; height:45px; background-color:rgba(0,0,0,.5); text-indent:-99999px; background-image:url('../../images/mobilehome/svg/svgArrRight.png'); background-repeat:no-repeat; background-position:55% 50%; background-size:12px 22px; z-index:22;} .culture-wrap .search_exhibition {margin:20px 0 34px;} .list-hall > li {position:relative; padding:10px 0; border-bottom:1px solid #d7d7d7;} .list-hall > li .branch {font-size:15px; font-family:'Happiness-Sans'; color:#333;}/* 2022-03-04 수정 */ .list-hall > li .info-hall {margin-top:3px;} .list-hall > li .info-hall:after {content:''; display:block; clear:both; height:0;} .list-hall > li .info-hall li {font-size:13px; line-height:17px;} .list-hall > li .btn-tel {position:absolute; top:32px; right:0;} .img_showDetail {position:relative; width:100%; margin-bottom:7px;} .img_showDetail .title {position:absolute; bottom:0; left:0; width:100%; padding:10px 13px; font-size:16px; font-family:'Happiness-Sans'; color:#fff; background-color:rgba(0,0,0,.7); line-height:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}/* 2022-03-04 수정 */ .img_showDetail:after {content:''; display:block; width:100%; height:2px; background:#797979; position:absolute; bottom:-7px; left:0;} .infoList-superstage:first-child {margin-top:13px; border-top:2px solid #797979;} .infoList-superstage + .title-article {margin-top:17px;} .infoList-superstage li {width:100%; padding:10px 0; border-bottom:1px solid #d7d7d7;} .infoList-superstage li .th {display:inline-block; width:25%; font-size:15px; font-family:'Happiness-Sans'; color:#333; vertical-align:middle;}/* 2022-03-04 수정 */ .infoList-superstage li .td {display:inline-block; width:75%; font-size:14px; color:#666; vertical-align:middle; line-height:17px;} .infoList-superstage li.price {padding-bottom:0;} .infoList-superstage li.price .th {padding-bottom:10px;} .infoList-superstage li.price .tb_price {width:100%; border-top:1px solid #d7d7d7;} .infoList-superstage li.price .tb_price thead th {padding:10px 0; font-size:13px; color:#666; text-align:center; border-bottom:1px solid #d7d7d7;} .infoList-superstage li.price .tb_price tbody td {width:33%; font-size:13px; color:#666; text-align:center; line-height:24px; vertical-align:middle; background:url('../../images/mobilehome/bg_dotline_1x4_c2c2c2.png') repeat-x 100% 0;} .infoList-superstage li.price .tb_price tbody tr:first-child td {background:none;} .list-vod {margin-top:13px;} .list-vod:after {content:''; display:block; clear:both; height:0;} .list-vod li {position:relative; width:48%; margin-top:6px;} .list-vod li:nth-child(odd) {float:left;} .list-vod li:nth-child(even) {float:right;} .list-vod li:nth-child(1), .list-vod li:nth-child(2) {margin-top:0;} .list-vod li .icoPlay {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('../../images/mobilehome/svg/svgIconPlay.png') no-repeat 50% 50%; background-size:37px 37px;} .area_concertimg {margin-top:13px;} .area_concertimg .swipe-control {margin-top:13px;} .brand_store {margin:12px 0 0; font-size:0;} .brand_store:after {content:''; clear:both; display:block; height:0; overflow:hidden;} .brand_store li {position:relative; display:inline-block; vertical-align:top; width:49%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .brand_store li > a {position:relative; top:0; left:0; display:block; text-align:center; border:2px solid transparent;} .brand_store li .call {display:none; opacity:0; border-bottom:1px solid #6c6c6c;} .brand_store li.selected a {border-color:#876F4A;} .brand_store li.selected .call {font-size:13px; opacity:1;} .brand_store .call {margin:2px 0; width:200%; font-size:0; color:rgba(0,0,0,0); padding:14px 0;} .brand_store .call p {color:#666;} .brand_store .call p + p {margin-top:8px;} .brand_store .call p strong {display:inline-block; vertical-align:middle; width:40%; font-size:14px; font-family:sans-serif; color:#666; } .brand_store .call p span {display:inline-block; vertical-align:middle; width:60%; text-align:right; font-size:14px;} .brand_store .call p a {display:inline-block; vertical-align:middle; margin-left:5px; font-size:0; color:rgba(0,0,0,0); width:26px; height:26px; background:url('../../images/mobilehome/svg/svgIcon_tel.png') no-repeat left center; background-size:100%; background-color:rgba(0,0,0,0.3);} .brand_store li:nth-child(even).selected .call {margin-left:-100%;} /* service */ .service .service-wrap {padding:13px 13px 0 13px;} .service .service-wrap.side {padding:0 13px;} .service .txt_top {padding-bottom:13px; border-bottom:1px solid #797979; font-family:'Happiness-Sans'; color:#666; font-size:13px;}/* 2022-03-04 수정 */ .service .txt_top2 {color:#555; font-size:14px; line-height:18px;} .service .txt_top3 {margin:20px 0 7px; color:#555; font-size:14px; line-height:16px;} .service .txt_desc {margin-top:10px; color:#333; font-size:14px; line-height:18px;} .service .txt_desc strong {color:#666;} .service .txt_desc:first-child {margin-top:0;} .service .small {font-size:13px;} .service .title-article + .txt_desc {margin-top:10px;} .service .txt_bottom {margin-top:20px; font-family:'Happiness-Sans'; color:#666; font-size:12px; line-height:16px;}/* 2022-03-04 수정 */ .service .title-article, .service .title-wrap {margin-top:13px;} .service .title-article:first-child {margin-top:0; padding-top:0;} .service .list-common {margin-top:7px;} .service .list-common li {color:#333;} .service .txt_desc.light {color:#666;} .service .service-each {} .service .service-each strong {font-weight:bold;} .service .service-each + .service-each {margin-top:23px;} .service .service-each .txt_bottom {font-size:13px; margin-top:10px;} .service .btn-more a {border:none;} .service .connect_tel {padding-top:18px;} .service .connect_tel .tgg-wrap {margin-bottom:10px;} .service .connect_tel .tgg-title {font-family:'Happiness-Sans'; font-size:16px; line-height:26px; border-bottom:1px solid #797979; background-image:url('../../images/mobilehome/svg/svgArrTop.png'); background-repeat:no-repeat; background-position:right center; background-size:13px 7px;}/* 2022-03-04 수정 */ .service .connect_tel .tgg-cont {margin-bottom:30px; padding-top:0;} .service .connect_tel .tgg-cont li {position:relative; padding:6px 37px 6px 0; border-bottom:1px solid #d7d7d7;} .service .connect_tel .tgg-cont li > .btn-tel {position:absolute; top:11px; right:0;} .service .connect_tel .tgg-cont .name {display:block; font-size:13px; line-height:16px; margin-bottom:2px;} .service .connect_tel .tgg-cont .tel {color:#666; font-size:13px; line-height:16px;} .service .alert_save {margin-top:20px; padding:10px 0 7px; border-top:1px solid #d0d0d0; font-size:12px; color:#666; line-height:17px; word-break:break-all;} .service .alert_save strong {color:#333;} .service .txt_caution.line {padding-bottom:20px; margin-bottom:13px; border-bottom:1px solid #d0d0d0;} .service .title-wrap .delete {position:absolute; right:0; display:inline-block; padding-right:15px; font-family:'Hyundai_R1012'; color:#666; vertical-align:middle;} .service .title-wrap .delete:after {content:''; position:absolute; top:0; right:0; display:block; width:12px; height:12px; border:1px solid #000; background:url('../../images/mobilehome/svg/svgIconClose.png') no-repeat center; background-size:8px 8px;} .view-zoom {position:relative; display:block;} .view-zoom:after {content:''; position:absolute; width:35px; height:35px; bottom:40px; right:-2px; background:rgba(0,0,0,.6) url('../../images/mobilehome/svg/icon_zoom_view.png') no-repeat center; background-size:14px;} .hd_service_apps ul {text-align: center;} .hd_service_apps ul li {display: inline-block;} .hd_service_apps ul li a {display: block; position: relative; width: 64px;} .hd_service_apps ul li .text {display:block; line-height: 28px; font-size: 14px; color:#666;} .hd_service_apps ul li.facebook a:before {content: ''; display: block; margin-bottom: 4px; width: 64px; height: 64px; background-image: url(../../images/mobilehome/join_facebook.png); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: cover; background-size: cover;} .hd_service_apps ul li.kakao a:before {content: ''; display: block; margin-bottom: 4px; width: 64px; height: 64px; background-image: url(https://www.ehyundai.com/images/mobilehome/join_kakao.png); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: cover; background-size: cover;} /* 2016 WA품질인증 이전 .hd_service_apps .title-subject.b-line:first-child {margin-top:0;} .hd_service_apps ul {margin-top:18px;} .hd_service_apps ul + .title-article {margin-top:13px;} .hd_service_apps ul:after {content:''; clear:both; display:block; height:0;} .hd_service_apps li {width:33.3%; float:left; text-align:center;} .hd_service_apps li:nth-child(4), .hd_service_apps li:nth-child(5), .hd_service_apps li:nth-child(6) {margin-top:14px;} .hd_service_apps li img {width:64px; margin-bottom:6px;} .hd_service_apps li span {display:block; font-size:14px; color:#666;} */ .login-need {padding:20px 0 0; text-align:center;} .login-need i {display:block; margin:0 auto 22px; width:140px; height:140px; background:url('../../images/mobilehome/svg/bg_login_need.png') no-repeat 0 0; background-size:100%;} .login-need i.card {background-image:url('../../images/mobilehome/bg_auth_card.png');} .login-need i.member {background-image:url('../../images/mobilehome/bg_auth_member.png');} .login-need p {margin-bottom:20px; font-size:16px; color:#3c3c3c; font-family:'Happiness-Sans'; line-height:24px;}/* 2022-03-04 수정 */ .login-need .btn-wrap-2 {border-top:1px solid #d7d7d7; padding:40px 0 20px;} .SERVICE-0002 .list-bbs {border-top:none;} .SERVICE-0002 .btn-wrap-2 {margin:27px 0;} .SERVICE-0002 .input-wrap .cell:first-child {width:45%;} .SERVICE-0002 .input-wrap .cell.sch_date input {width:44%; vertical-align:middle;} .SERVICE-0002 .input-wrap .cell.sch_date .since {display:inline-block; padding-left:5px; } .SERVICE-0002 .txt-general {margin:10px 13px 20px;} .SERVICE-0014 .wrt_textarea {height:211px;} .SERVICE-0014 .Write .desc {color:#666;} .SERVICE-0014 .btn-wrap-3, .SERVICE-0002 .box-service {margin-top:20px;} .SERVICE-0020 .i- {margin-top:7px; font-size:13px; color:#666;} .SERVICE-0020 .btn-wrap-3 {text-align:center;} .SERVICE-0020_01 .txt_top {color:#333; font-size:14px;} .SERVICE-0020_01 .list-common {margin-top:13px;} .SERVICE-0020_01 .list-common li {color:#666;} .SERVICE-0020_01 .list-common li .dark {color:#333;} .SERVICE-0020_01 .list-common li .mailto {color:#333; text-decoration:underline;} .SERVICE-0022 .wrap-terms .tit-clause:first-child {margin-top:0;} .SERVICE-0022 .info.terms td {vertical-align:middle;} .SERVICE-0014 .input-wrap .cell.grid-35 {width:35%;} .SERVICE-0014 .input-wrap .cell.grid-22 {width:22%;} .SERVICE-0014 .input-wrap .cell.grid-43 {width:43%; padding-left:20px;} .box-service {} .box-service:after {content:''; display:block; clear:both; height:0;} .box-service > li {position:relative; width:50%; float:left; margin-top:6px; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .box-service > li:nth-child(odd) {padding-left:0;} .box-service > li:nth-child(even) {padding-right:0;} .box-service > li:nth-child(1), .box-service > li:nth-child(2) {margin-top:0;} .box-service > li > a {display:block; height:77px; border:1px solid #d7d7d7; padding:13px; font-family:'Happiness-Sans'; font-size:16px; color:#444;}/* 2022-03-04 수정 */ .box-service > li > a .thin {font-size:11px; font-family:'Hyundai_R1012'; color:#444;} .box-service > li > a .icon {display:block; width:35px; height:35px; position:absolute; right:14px; bottom:13px; background-repeat:no-repeat; background-position:center; background-size:100%;} .box-service > li > a .icon.service01 {background-image:url('../../images/mobilehome/icon-service01.png');} .box-service > li > a .icon.service02 {background-image:url('../../images/mobilehome/icon-service02.png');} .box-service > li > a .icon.service03 {background-image:url('../../images/mobilehome/icon-service03.png');} .box-service > li > a .icon.service04 {background-image:url('../../images/mobilehome/icon-service04.png');} .box-service > li > a .icon.service05 {background-image:url('../../images/mobilehome/icon-service05.png'); bottom:11px;} .box-service > li > a .icon.service06 {background-image:url('../../images/mobilehome/icon-service06.png');} .box-service > li > a .icon.service07 {background-image:url('../../images/mobilehome/icon-service07.png');} .box-service > li > a .icon.service08 {background-image:url('../../images/mobilehome/icon-service08.png');} .box-service > li > a .icon.service09 {background-image:url('../../images/mobilehome/icon-service09.png');} .list-customerCenter > li {position:relative; padding:10px 0; border-bottom:1px solid #d7d7d7;} .list-customerCenter > li .branch {display:inline-block; width:85px; font-size:15px; color:#333;} .list-customerCenter > li .floor {display:inline-block; color:#666; font-size:12px;} .list-customerCenter > li .phone_numb {margin-top:5px;} .list-customerCenter > li .phone_numb:after {content:''; display:block; clear:both; height:0;} .list-customerCenter > li .phone_numb li {font-size:12px; color:#666; line-height:17px;} .list-customerCenter > li .phone_numb li:first-child {width:120px;} .list-customerCenter > li .btn-tel {position:absolute; bottom:13px; right:33px;} .list-customerCenter > li .btn-080 {display:inline-block; position:absolute; bottom:13px; right:0; width:26px; height:26px; background-color:#acacac; text-align:center; line-height:26px; font-size:14px; font-family:'Happiness-Sans'; color:#fff; letter-spacing:-1px;}/* 2022-03-04 수정 */ .info.service table {width:100%; border-top:none;} .info.service table th {width:22%; color:#666; font-size:13px; text-align:left;} .info.service table td {width:78%; padding:5px 5px 5px 13px; color:#666; font-size:13px; line-height:16px;} .info.service table td .light {display:inline-block; margin-top:3px; color:#666;} .info.service table .no-line, .info.service table tr:last-child td {background:none;} .info.service.type2 table {margin-top:5px;} .info.service.type2 table th {width:75%; text-align:left;} .info.service.type2 table td {width:25%; text-align:right;} .list-serviceQnA li {position:relative; padding:13px 0; border-top:1px solid #dcdcdc; color:#666; font-size:13px;} .list-serviceQnA li a {display:block; width:100%;} .list-serviceQnA li a .title {font-size:14px; overflow:hidden;} .list-serviceQnA li a .title.lock:before {content:''; display:inline-block; margin-right:5px; margin-bottom:3px; vertical-align:middle; width:8px; height:10px; background:url('../../images/mobilehome/svg/icon_lock.png') no-repeat 0 0; background-size:9px 11px;} .list-serviceQnA li a .info_etc span {position:relative; display:inline-block; margin-top:3px; padding-right:6px; color:#333; font-size:12px; font-family:sans-serif;} .list-serviceQnA li a .info_etc span + span:before {background-color:#aaa; content:''; display:inline-block; width:1px; height:10px; vertical-align:middle; margin-right:6px;} .list-serviceQnA li a .cond_tag {position:absolute; width:50px; bottom:13px; right:0; padding:3px; font-size:12px; text-align:center; vertical-align:middle; border:1px solid #b6b6b6; font-family:sans-serif;} .list-serviceQnA li a .cond_tag.finish {color:#999;} .list-serviceQnA li a .cond_tag.ready {background:#fff; color:#333;} .list-serviceQnA li a .cond_tag.readyAns {background:#f4f4f4} .detail-view {} .detail-view li {font-size:13px; line-height:33px; border-bottom:1px solid #D7D7D7;} .detail-view li .th {display:inline-block; width:30%; color:#666; vertical-align:top;} .detail-view li .td {display:inline-block; width:70%; color:#333; text-align:right;} .detail-view li .detail-view-cont {line-height:17px; margin-bottom:10px; color:#333;} .detail-view li .answer_who {margin:25px 0 10px;} .detail-view li .answer_who span {display:block; color:#333; line-height:22px;} .detail-view li .input-wrap {line-height:29px;} .detail-view li .radio-item {margin-top:0; margin-right:15px; white-space:nowrap;} .detail-view li .radio-item + .radio-item {margin-left:0;} .detail-view + .btn-wrap-2, .add_question .btn-wrap-2 {margin-top:13px;} .detail-view li .td.date {color:#666;} .add_question .form-item {margin-top:5px;} .list-promise > li {position:relative; padding:10px 0; border-bottom:1px solid #dcdcdc;} .list-promise > li:first-child {border-top:none;} .list-promise > li > a {display:block;} .list-promise > li .branch {font-size:13px; color:#666;} .list-promise > li .team-info {margin-top:3px; font-family:'Happiness-Sans'; font-size:13px; color:#666;}/* 2022-03-04 수정 */ .list-promise > li .team-info span {display:inline-block; margin-right:7px;} .list-promise > li .team-info strong {color:#000;} .list-promise > li .date-info {margin-top:3px; font-size:13px; color:#333;} .list-promise > li .date-info:after {content:''; display:block; clear:both; height:0;} .list-promise > li .date-info > li {float:left; position:relative; padding-left:12px; margin:0;} .list-promise > li .date-info > li:before {content:''; position:absolute; top:2px; left:6px;display:inline-block; width:1px; height:10px; background-color:#aaa;} .list-promise > li .date-info > li:first-child {padding-left:0;} .list-promise > li .date-info > li:first-child:before {background:none;} .list-promise > li .condition {position:absolute; display:block; width:50px; height:17px; bottom:13px; right:2px; text-align:center;} .list-promise > li .condition .ing {display:block; width:100%; font-family:'Happiness-Sans'; font-size:12px; color:#000; line-height:17px; border:1px solid#b6b6b6; background-color:#d1d1d1;}/* 2022-03-04 수정 */ .list-promise > li .condition .ready {display:block; width:100%; font-family:'Happiness-Sans'; font-size:12px; color:#000; line-height:17px; border:1px solid#b6b6b6; background-color:#f4f4f4;}/* 2022-03-04 수정 */ .list-promise > li .condition .delay {display:block; width:100%; font-family:'Happiness-Sans'; font-size:12px; color:#333; line-height:17px; border:1px solid#b6b6b6;}/* 2022-03-04 수정 */ .search_promise .input-wrap {padding:20px 0;} .search_promise .input-wrap label {font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .info.terms table {width:100%; border-top:none;} .info.terms th {width:40%;} .info.terms td {width:60%; font-size:13px; color:#666; background-position:-7px 100%;} .info.terms.type2, .info.terms.type2.t-line {border-top:2px solid #797979;} .title-article + .info.terms.type2 {border-top:0;} .info.terms.type2 + .info.terms.type2, p + .info.terms.type2 {margin-top:10px;} .info.terms.type2 + .tit-sub {margin-top:13px;} .info.terms.type2 table, .info.terms.type3 table, .info.terms.type4 table {width:100%;} .info.terms.type2 th {width:20%; border:none; background: url('../../images/mobilehome/bg_line_tbInfo.png') no-repeat -13px 100%;} .info.terms.type2 table tr:last-child th {background:none;} .info.terms.type2 td {width:80%; background-position:-7px 100%;} .info.terms.type3 table thead th, .info.terms.type3.iclub table thead th {background:none; border-bottom:1px solid #B9B9B9;} .info.terms.type3 tr th:nth-child(1), .info.terms.type3 tr td:nth-child(1) {width:38%;} .info.terms.type3 tr th:nth-child(2), .info.terms.type3 tr td:nth-child(2) {width:25%;} .info.terms.type3 tr th:nth-child(3), .info.terms.type3 tr td:nth-child(3) {width:37%;} .info.terms.type3 tbody tr:first-child td {background:none;} .info.terms.type3 tbody tr td:first-child {background-position:-13px 0; text-align:left; padding-left:0;} .info.terms.type3 tr td:nth-child(2) {text-align:center; padding-left:5px;} .info.terms.type3 tbody tr td {background: url('../../images/mobilehome/bg_line_tbInfo.png') no-repeat -7px 0;} .info.terms.type3 tbody tr:last-child td:first-child {background-position:-13px 0;} .info.terms.type3 tbody td {background-position:0 0;} .info.terms.type3.iclub tr th:nth-child(1), .info.terms.type3.iclub tr td:nth-child(1) {width:35%;} .info.terms.type3.iclub tr th:nth-child(2), .info.terms.type3.iclub tr td:nth-child(2) {width:40%;} .info.terms.type3.iclub tr th:nth-child(3), .info.terms.type3.iclub tr td:nth-child(3) {width:25%;} .info.terms.type3.iclub tr td:nth-child(2) {text-align:left;} .info.terms.type3.iclub tr td:nth-child(2), .info.terms.type3.iclub tr td:nth-child(3) {padding-left:7px; padding-right:0;} .layer-in .head .lay_h1.iclub {margin-bottom:0;} /* hdEvent */ .title-bbsView.contest {padding:0 13px 12px; border-bottom:0 none;} .title-bbsView.event {padding-bottom:0; border-bottom:0 none;} .hdEvent .wrap_brochure {position:relative; width:100%; font-size:0; margin-top:37px; padding:0 21px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdEvent .wrap_brochure:before {content:''; display:block; width:100%; height:12px; position:absolute; left:0; bottom:28px; background:url('../../images/mobilehome/bg_line_brochure.png') repeat-x 0 0; background-size:1px 12px;} .hdEvent .wrap_brochure .brochure {display:inline-block; width:50%; vertical-align:bottom; text-align:center; padding:0 12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdEvent .wrap_brochure .brochure img {display:inline-block; border:1px solid #c1c1c1;} .hdEvent .wrap_brochure .brochure .tit {margin:24px -5px 0; font-family:'Happiness-Sans'; font-size:15px; line-height:17px; height:17px;}/* 2022-03-04 수정 */ .giftCard {padding:17px 13px; margin:20px 0; border:1px solid #dadada; text-align:center;} .giftCard .title-article {color:#000; font-family:'Happiness-Sans'; font-size:18px; line-height:18px; padding:0 0 13px; border-bottom: 2px solid #797979; margin-bottom:27px;}/* 2022-03-04 수정 */ .giftCard .list-giftCard {text-align:center; margin:0 auto;} .giftCard .list-giftCard .icon {display:block; margin:0 auto; width:108px; height:108px;} .giftCard .list-giftCard .icon.hotel {background:url('../../images/mobilehome/svg/icon_giftCard01.png') no-repeat 0 50%; background-size:108px 108px;} .giftCard .list-giftCard .icon.perform {background:url('../../images/mobilehome/svg/icon_giftCard02.png') no-repeat 0 50%; background-size:108px 108px;} .giftCard .list-giftCard .icon.health {background:url('../../images/mobilehome/svg/icon_giftCard03.png') no-repeat 0 50%; background-size:108px 108px;} .giftCard .list-giftCard .icon.food {background:url('../../images/mobilehome/svg/icon_giftCard04.png') no-repeat 0 50%; background-size:108px 108px;} .giftCard .list-giftCard .icon.shop {background:url('../../images/mobilehome/svg/icon_giftCard05.png') no-repeat 0 50%; background-size:108px 108px;} .giftCard .list-giftCard .icon.golf {background:url('../../images/mobilehome/svg/icon_giftCard06.png') no-repeat 0 50%; background-size:108px 108px;} .giftCard .list-giftCard .tit {margin:15px 0 8px; font-size:20px; font-family:'Happiness-Sans'; color:#000; line-height:24px;}/* 2022-03-04 수정 */ .giftCard .list-giftCard .giftTxt {font-size:15px; line-height:1.4; color:#333; text-align:left; padding:0 5px;} .giftCard .list-giftCard .btnView {display:block; height:36px; line-height:36px; background-color:#666; font-family:'Happiness-Sans';font-size:12px; color:#fff; margin-top:27px;}/* 2022-03-04 수정 */ .giftCard .list-giftCard .btnView.on {background-color:#b9b9b9;} .hdEvent .btn-wrap-2.btn_giftCard {margin-top:13px;} .hdEvent .btn-wrap-2.btn_giftCard .btnText {background-color:#000;} .wrap_giftCard .bx-wrapper {position:relative;} .wrap_giftCard .bx-prev {display:block; width:35px; height:35px; background:url('../../images/mobilehome/svg/btnPrev2.png') no-repeat center center; background-size:12px 23px; background-color:#b2b2b2; text-indent:-999px; overflow:hidden; position:absolute; left:-13px; top:35px;} .wrap_giftCard .bx-next {display:block; width:35px; height:35px; background:url('../../images/mobilehome/svg/btnNext2.png') no-repeat center center; background-size:12px 23px; background-color:#b2b2b2; text-indent:-999px; overflow:hidden; position:absolute; right:-13px; top:35px;} .mobilegiftCard .title-article {font-family:'Happiness-Sans'; font-size:18px; color:#000; padding:7px 0 6px; border-bottom:0 none; margin-top:0 !important;}/* 2022-03-04 수정 */ .mobilegiftCard .sub_txt {font-size:13px; color:#000; line-height:18px;} .mobilegiftCard .btn-wrap-2 .cell {margin-left:50%;} .mobilegiftCard .btnDetail {display:block; height:29px; line-height:29px; font-family:'Happiness-Sans'; font-size:12px; color:#fff; background-color:#666; margin-top:2px;}/* 2022-03-04 수정 */ .mobilegiftCard .tgg-title {font-family:'Happiness-Sans'; font-size:15px; color:#333;}/* 2022-03-04 수정 */ .mobilegiftCard .tgg-cont {margin-bottom:10px;} .mobilegiftCard .list-ars {margin:7px 0 20px} .mobilegiftCard .list-ars li:after {content:''; display:block; width:100%; height:20px; background-image:url('../../images/mobilehome/svg/bgArr_b_Ars.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:19px 10px;} .mobilegiftCard .list-ars li:last-child:after {display:none;} .mobilegiftCard .list-ars li p {font-family: 'Happiness-Sans'; font-size:13px; color:#333;}/* 2022-03-04 수정 */ .mobilegiftCard .list-ars2 {margin:0px 0 0px;} .mobilegiftCard .list-ars2 li:after {content:''; display:block; width:100%; height:20px; background-image:url('../../images/mobilehome/svg/bgArr_b_Ars.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:19px 10px;} .mobilegiftCard .list-ars2 li:last-child:after {display:none;} .mobilegiftCard .list-ars2 li p {width:100%; padding:6px 0; text-align:center;} .mobilegiftCard .list-ars2 li .desc {padding-bottom:0; font-family:'Happiness-Sans'; font-size:13px; color:#666;line-height:18px;}/* 2022-03-04 수정 */ .mobilegiftCard .list-ars2 .icon {display:block; margin:0 auto 5px;} .mobilegiftCard .list-ars2 .icon.desk {width:59px; height:35px; background:url('../../images/mobilehome/svg/icon_desk.png') no-repeat 0 50%; background-size:59px 35px; opacity:0.7;} .mobilegiftCard .list-ars2 .icon.hp {width:30px; height:53px; background:url('../../images/mobilehome/svg/icon_hp.png') no-repeat 0 50%; background-size:30px 53px; opacity:0.7;} .mobilegiftCard .list-ars2 .icon.pcard {width:61px; height:31px; background:url('../../images/mobilehome/svg/icon_pcard.png') no-repeat 0 50%; background-size:61px 31px; opacity:0.7;} .mobilegiftCard .logo {display:block;} .mobilegiftCard .logo.sk {width:76px; height:30px; text-indent:-999px; overflow:hidden; background:url('../../images/mobilehome/svg/logo_SKtelecom.png') no-repeat 0 50%; background-size:76px 30px;} .mobilegiftCard .logo.olleh {width:51px; height:19px; text-indent:-999px; overflow:hidden; background:url('../../images/mobilehome/svg/logo_olleh.png') no-repeat 0 50%; background-size:51px 19px;} .mobilegiftCard .logo.galaxia {width:91px; height:30px; text-indent:-999px; overflow:hidden; background:url('../../images/mobilehome/svg/logo_galaxia.png') no-repeat 0 50%; background-size:91px 30px;}/*2018-10-17 추가*/ .mobilegiftCard .counsel {overflow:hidden;} .mobilegiftCard .counsel .sk {text-indent:-57px; margin-left:57px; margin-bottom:5px;} .mobilegiftCard .counsel .galaxia {margin-bottom:5px;}/*2018-10-17 추가*/ .mobilegiftCard .counsel .galaxia .logotxt{display:block;}/*2018-10-17 추가*/ .mobilegiftCard .counsel .kt {text-indent:-50px; margin-left:50px; margin-bottom:5px;} .mobilegiftCard .counsel .logotxt {font-family:'Happiness-Sans'; font-size:13px; color:#000;}/* 2022-03-04 수정 */ .mobilegiftCard .counsel .sub_txt {font-size:13px; color:#000; line-height:18px;} /* 2022-08-25 추가 [S] */ .mobilegiftCard .mobilegiftCard_list li{text-align: center;} .mobilegiftCard .mobilegiftCard_list li + li{margin-top: 15px;} .mobilegiftCard .mobilegiftCard_list li a{display: block; width: 120px; margin: 0 auto;} /* 2022-08-25 추가 [E] */ .papergiftCard .title-article {padding:10px 0 6px; font-family:'Happiness-Sans'; font-size:18px; color:#000; line-height:18px; border-bottom:0 none; margin-top:0 !important;}/* 2022-03-04 수정 */ .papergiftCard .sub_txt {font-size:15px; color:#333; line-height:18px; margin-bottom:10px;} .papergiftCard .title-subject {font-family: 'Happiness-Sans'; font-size: 15px; color:#333; line-height: 18px; padding: 10px 0 6px; border-bottom: 1px solid #797979;}/* 2022-03-04 수정 */ .papergiftCard .giftCard_kind {margin-bottom:33px; overflow:hidden;} .papergiftCard .giftCard_kind li {float:left; width:50%; margin-top:17px; padding:0 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .papergiftCard .giftCard_kind li:nth-child(1), .papergiftCard .giftCard_kind li:nth-child(2) {margin-top:13px;} .papergiftCard .giftCard_kind li img {border:1px solid #cfcfcf;} .papergiftCard .giftCard_kind .stxt {display:block; text-align:center; font-family:'Happiness-Sans'; font-size:13px; color:#333; margin-top:5px;}/* 2022-03-04 수정 */ .giftCardBuy {margin-top:13px;} .giftCardBuy .tgg-title {font-family:'Happiness-Sans'; font-size:17px; color:#000; line-height:21px;}/* 2022-03-04 수정 */ .giftCardBuy .tgg-title:first-child {} .giftCardBuy .tgg-cont {line-height:18px; margin-bottom:10px;} .giftCardBuy .sub_txt {font-size:14px; color:#555; line-height:18px;} .giftCardBuy .tit {font-family:'Happiness-Sans'; font-size:16px; color:#876f4a; padding:14px 0 4px;line-height:20px;}/* 2022-03-04 수정 */ .giftCardBuy .txt_caution {font-size:13px; color:#666;} .giftCardBuy .info.sellDesk table {width:100%; margin-top:-13px; border-top:0 none; border-bottom:0 none;} .giftCardBuy .info.sellDesk table tr:last-child th, .giftCardBuy .info.sellDesk table tr:last-child td {background:url('../../images/mobilehome/bg_line_tbInfo.png') no-repeat 0 100%;} .giftCardBuy .info.sellDesk table tr:last-child th {background:none;} .giftCardBuy .info.sellDesk table th {padding:10px 0; vertical-align:middle; font-family:sans-serif; font-size:13px; color:#666;} .giftCardBuy .info.sellDesk table th:first-child {background-position:-13px 100%;} .giftCardBuy .info.sellDesk table thead tr:first-child th {text-align:center; background:url('../../images/mobilehome/bg_line_tbInfo.png') no-repeat 0 100%; font-weight:bold;} .giftCardBuy .info.sellDesk table thead tr:first-child th:first-child {background:none;} .giftCardBuy .info.sellDesk table td {padding:10px 0px 10px 15px; font-family:sans-serif; font-size:13px; color:#333; line-height:18px; vertical-align:middle;} .giftCardBuy .info.sellDesk thead .store {width:30%;} .giftCardBuy .info.sellDesk thead .floor {width:20%; padding-left:15px;} .giftCardBuy .info.sellDesk thead .tel {width:50%;} .giftCardBuy .info.sellDesk thead .sell {width:50%; } .giftCardBuy .info.sellDesk tbody .tit {font-family:sans-serif; font-size:13px; color:#333;} .giftCardBuy .info.sellDesk tbody .floor {text-align:center; padding-right:0;} .giftCardBuy .info.sellDesk tbody .tel {overflow:hidden; line-height:26px;} .giftCardBuy .info.sellDesk tbody .tel .btn-tel {float:right;} .giftCardCont {margin-top:13px;} .giftCardCont .notetxt {width:100%; text-align:right;} .giftCardCont .notetxt .noti {display:inline-block; height:13px; line-height:13px; padding:0 0 0 15px; font-family:'Happiness-Sans'; font-size:13px;color:#666; background:url('../../images/mobilehome/svg/icon_info3.png') no-repeat 0 50%; background-size:12px 12px;}/* 2022-03-04 수정 */ .giftCardCont .tgg-title {font-family: 'Happiness-Sans'; font-size: 16px; color:#333; }/* 2022-03-04 수정 */ .giftCardCont .tgg-cont {padding-top:0;} .storeTel table {width:100%; border-top:0;} .storeTel thead th {padding:11px 0 9px; font-size:13px; color:#666; font-weight:bold;} .storeTel tbody th, .storeTel tbody td {padding:7px 0 6px; line-height:28px; vertical-align:middle;} .storeTel .tit {min-width:80px; text-align:left; font-size:13px; color:#666;} .storeTel .tel {padding-left:15px;} .service .connect_tel .storeTel .tel {width:50%; padding:6px 0 6px 15px; font-size:13px; color:#333; text-align:left; overflow:hidden; line-height:28px;} .storeTel .tel a.btn-tel {float:right;} /* 2022-08-25 수정 [S] */ .giftCardCont .giftCardTitle{font-family: 'Happiness-Sans-Title'; font-size: 19px; color: #000; margin-bottom: 15px;} .giftCardCont .giftCardTitle.first{margin: 23.5px 0 19.5px;} .giftCardCont .giftCardEmph{color: #5d6c89; margin-bottom: 15px; font-size: 17px;} .giftCardCont .giftCardSubtit{margin-bottom: 10px; font-size: 16px; font-weight: 700;} .giftCardCont .giftCardTxt{margin-bottom: 30px;} /* 2022-08-25 수정 [E] */ .giftCardCont .list-brand {border-bottom:1px solid #bfbfbf;} .giftCardCont .list-brand:after {content:''; display:block; clear:both; height:0;} .giftCardCont .list-brand li {float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #bfbfbf; border-right:1px solid #bfbfbf;} .giftCardCont .list-brand li:nth-child(1), .giftCardCont .list-brand li:nth-child(2) {border-top:0 none;} .giftCardCont .list-brand li:nth-child(even) {border-right:1px solid rgba(255, 255, 255, 0);} .giftCardCont .list-brand li:last-child {border-bottom:0 none;} .giftCardCont .list-brand li:nth-child(odd):nth-last-child(2) {border-bottom:0 none;} .giftCardCont .list-brand .logo {display: flex; flex-direction: column; align-items: center; width:146px; height:100px; margin:0 auto; overflow:hidden; background-size:146px 86px;} /* 2022-09-07 수정 */ .giftCardCont .list-brand .logo .addTxt{font-size:10px;} /* 2022-09-07 추가 */ .hdEvent .eventTerms {margin-top:13px;} .hdEvent .eventTerms .title-article {font-family:'Happiness-Sans'; font-size:18px; color:#000; border-bottom:0 none; padding:7px 0 7px; margin-top:-2px; margin-bottom:2px;}/* 2022-03-04 수정 */ .hdEvent .eventTerms .sub_txt {font-family:'Hyundai_R012'; font-size:13px; color:#333; margin-bottom:14px;} .hdEvent .eventTerms li {font-family:'Hyundai_R012'; font-size:13px; color:#333; margin-bottom:13px;line-height:16px;} .SPP_EV_M0028.hdEvent .title-article:first-child {margin-top:0; padding-top:0;} /* The H */ .hdEvent .hdEvent-wrap {padding:0 13px;} .hdEvent .hdEvent-wrap.title-wrap {margin-top:20px;} .hdEvent .title-article {margin-top:13px;} .hdEvent .title-article:first-child {margin-top:10px;} .hdEvent .title-wrap {margin-top:33px;} .hdEvent .title-article.no-line {border:none;} .hdEvent .info-btn {width:100%; height:30px; background:#232323; text-align:center;} .hdEvent .info-btn a {display:block;} .hdEvent .info-btn a span {display:inline-block; padding-left:15px; background:url('../../images/mobilehome/svg/icon_info2.png') no-repeat 0 50%; background-size:12px 12px; font-family:'Happiness-Sans';font-size:13px; color:#fff; line-height:30px;}/* 2022-03-04 수정 */ .hdEvent .img-main {width:100%;} .hdEvent .area_byNew .list-byNew li {float:left; width:50%; margin-bottom:6px; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdEvent .area_byNew .list-byNew li:nth-child(odd) {padding-left:0;} .hdEvent .area_byNew .list-byNew li:nth-child(even) {padding-right:0;} .hdEvent .area_byNew .list-byNew li:nth-child(3), .hdEvent .area_byNew .list-byNew li:nth-child(4) {margin-bottom:0;} .hdEvent .area_byNew .list-byNew li a {display:block; padding:10px 6px 6px; border:1px solid #9b9b9b;} .hdEvent .area_byNew .list-byNew li a .thumb {width:83px; height:83px; margin:0 auto;} .hdEvent .area_byNew .list-byNew li a .thumb img {height:auto; max-height:100%;} .hdEvent .area_byNew .list-byNew li a .name-item {margin:3px 0; font-family:'Happiness-Sans';font-size:12px; color:#666;}/* 2022-03-04 수정 */ .hdEvent .area_byNew .list-byNew li a .detail-item {display:block; height:30px; line-height:15px; font-size:12px; color:#333; overflow:hidden;} .hdEvent .area_byNew .swipe-control {margin-top:13px;} .hdEvent .list-byItem {padding:22px 13px 0; background:#535456; font-size:0;} .hdEvent .list-byItem:after {content:''; display:block; clear:both; height:0;} .hdEvent .list-byItem li {display:inline-block; vertical-align:top; width:25%; padding:0 3px 18px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdEvent .list-byItem li:nth-child(1), .hdEvent .list-byItem li:nth-child(5) {padding-left:0;} .hdEvent .list-byItem li:nth-child(4), .hdEvent .list-byItem li:nth-child(8) {padding-right:0;} .hdEvent .list-byItem li a {position:relative; display:block; text-align:center; } .hdEvent .list-byItem li a span {display:inline-block; max-height:30px; margin-top:5px; font-family:'Happiness-Sans'; font-size:13px; color:#DBDBDB; line-height:15px; overflow:hidden; word-break:break-all;}/* 2022-03-04 수정 */ .hdEvent .list-byItem li a img {display:block; margin:0 auto; width:60px; height:60px; border-radius:30px;} .hdEvent .list-byBrand {font-size:0;} .hdEvent .list-byBrand li {width:50%; display:inline-block; margin:3px 0;} .hdEvent .tit-detailPage {font-family:'Happiness-Sans';font-size:16px; color:#333;}/* 2022-03-04 수정 */ .hdEvent .tit-detailPage .category {display:block; font-family:'Hyundai_R1012';font-size:13px;} .hdEvent .area_productImg {width:250px; margin:10px auto 10px;} .hdEvent .area_productImg .swipe-control {margin-top:13px;} .hdEvent .brandLogo {text-align:center;} .hdEvent .brandLogo img {width:118px; height:40px;} .hdEvent .txt-summary {padding:7px 13px; font-size:12px; color:#333;} .list-TheH-item {border-top:1px solid #bfbfbf;} .list-TheH-item:after {content:''; display:block; clear:both; height:0;} .list-TheH-item li {float:left; width:50%; padding:13px 13px 9px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #bfbfbf; border-right:1px solid #bfbfbf;} .list-TheH-item li:nth-child(even) {border-right:1px solid rgba(255, 255, 255, 0);} .list-TheH-item li a {display:block; width:100%; height:100%;} .list-TheH-item li a .tit-area {height:52px; position:relative;} .list-TheH-item li a .tit-area .tit {display:block; position:absolute; left:0; bottom:0;} .list-TheH-item li a .tit-area .tit .sub-tit {display:block; width:100%; max-height:14px; overflow:hidden; margin-bottom:2px; font-size:12px; font-family:'Happiness-Sans'; color:#666;}/* 2022-03-04 수정 */ .list-TheH-item li a .tit-area .tit .tit-item {display:block; width:100%; max-height:30px; font-size:12px; font-family:sans-serif; line-height:15px; overflow:hidden;} .list-TheH-item li a .thumb {height:93px; width:100%; display:block; text-align:center;} .list-TheH-item li a .thumb img {display:inline-block; width:93px; height:93px;} .list-TheH-store li:after {content:''; display:block; clear:both; height:0;} .list-TheH-store li {margin-top:7px; font-family:sans-serif; font-size:13px; color:#666; line-height:26px;} .list-TheH-store li .phone {float:right;} .list-TheH-store li .phone .btn-tel {margin-left:7px;} .hdEvent .desc, .hdEvent ol.desc li {margin-top:7px; font-size:14px; color:#666; line-height:18px;} .hdEvent .list-TheH-store + .title-subject {margin-top:13px;} .change_other_card {position:absolute; top:25px; right:5px; display:inline-block; padding:4px 10px; background-color:#4d4d4d; color:#fff; font-size:13px;} /* error */ .txt-alert {padding:79px 0 13px; font-family:'Happiness-Sans';font-size:14px; line-height:18px; text-align:center; background:url('../../images/mobilehome/svg/bg_error.png') no-repeat 50% 28px; background-size:44px 35px;}/* 2022-03-04 수정 */ .txt-box {text-align:center; padding:13px 0; background:#ededed; border:1px solid #d7d7d7; color:#666; line-height:20px;} /* layer */ .layer-wrap {left:13px; right:13px; z-index:120;} .modalOverlay {position:absolute; top:0; left:0; right:0; width:100%; background-color:#000; opacity:.5; z-index:110;} .layer-in {position:relative; overflow:hidden; background:#fff; padding:0 13px 33px; z-index:121;} .layer-in .head {padding:13px 0 0 0;width:100%;} .layer-in .head .lay_h1 {width:100%; padding:7px 0 6px; border-bottom:2px solid #797979; font-family:'Happiness-Sans';font-size:16px; color:#000; line-height:18px; margin-bottom:13px;}/* 2022-03-04 수정 */ .layer-in .conent {color:#666;} .layer-in .conent .lay_h2 {font-family:'Happiness-Sans';font-size:13px; color:#000;margin-bottom:7px;}/* 2022-03-04 수정 */ .layer-in .foot .btnClose {position:absolute; top:23px; right:13px; text-indent:-999px; overflow:hidden; width:11px; height:11px; background:url('../../images/mobilehome/svg/svgbtnClose.png') no-repeat 0 0; background-size:100%;} .layer-in .lay_agree p {line-height:1.5;} .layer-in .lay_agree .txt_caution {margin-top:26px;} .layer-in .lay_roll .wrt_textarea {min-height:220px; border-color:#d7d7d7; color:#666;} .layer-in .lay_roll .form-item {margin-bottom:20px;} .layer-in .lay_addchk .addtxt {font-family:'Happiness-Sans';font-size:13px; margin-bottom:7px;}/* 2022-03-04 수정 */ .layer-in .lay_addchk .brdbox {padding:12px 19px 13px; margin-bottom:11px; border:1px solid #a5a5a5;} .layer-in .lay_addchk .brdbox b {font-weight:normal;} .layer-in .lay_addchk .radio-item {font-family: 'Happiness-Sans'; font-size: 15px; line-height:24px; margin-top:0;}/* 2022-03-04 수정 */ .layer-in .lay_addchk .addchk_end {margin-top:20px;} .layer-in .lay_saved .btn-wrap-2 .btnText {margin-top:20px;} .layer-in .title-article + .infodesk {margin-top:13px;} /* 2018-07-18 : S */ .layer-in.type2 {padding:33px 26px;background-color:#fafafa} .layer-in.type2 .head {padding:0} .layer-in.type2 .head .lay_h1 {padding:0;border:0;font-size:17px;color:#333} .layer-in.type2 .content .paragraph {font-size:12px;color:#999} .layer-in.type2 .content .paragraph + .paragraph {margin-top:10px;} /* 2022-02-17 수정 [S]*/ .layer-in.type2 .content .paragraph ul li{color: #999; font-size: 12px;} .layer-in.type2 .content .paragraph b{color: #333; font-size: 13px; font-weight: 500;} .layer-in.type2 .content h2{color: #333; font-size: 13px; font-weight: 500;} /* 2022-02-17 수정 [E]*/ .layer-in.type2 .btn-wrap-2 {margin-bottom:-33px} .layer-in.type2 .wide {margin-right:-26px;margin-left:-26px} .layer-in.type2 .foot .btnClose {top:13px;right:13px;width:18px;height:18px;background:url('../../images/mobilehome/svg/svgIconClose2.png') 50% 50% no-repeat} /* 2018-07-18 : E */ /* 2018-08-13 : S */ .layer-in.type2 .content .paragraph + .form-item {margin-top:20px} .layer-in.type2 .content .form-item.bdBottom {padding-bottom:14px;border-bottom:1px solid #e4e4e4} .layer-in.type2 .content .form-item.bdBottom + .form-item {margin-top:14px;} /* 2018-08-13 : E */ /* 2020-01-16 추가 : S */ .layer-in.type3 {border:1px solid #bdbdbd;padding:33px 26px;background-color:#fff} .layer-in.type3 .head {padding:0} .layer-in.type3 .head .lay_h1 {padding:0;border:0;margin-bottom:25px;font-size:19px;color:#657492;text-align:center} .layer-in.type3 .foot .btnClose {top:13px;right:13px;width:12px;height:12px;background:url('../../images/mobilehome/icon_times_23x23_bdbdbd.png') 50% 50% no-repeat} /* 2020-01-16 추가 : E */ /* 2020-02-28 추가 : S */ .layer-in.type4 {padding:40px 35px} .layer-in.type4 .head {padding:0} .layer-in.type4 .head .lay_h1 {padding:0;border:0;font-size:18px;color:#333;margin-bottom:15px} .layer-in.type4 .conent {max-height:330px;overflow-y:auto} .layer-in.type4 .foot {margin:40px -35px -40px;} .layer-in.type4 .foot .btnClose {position:static;border-top:1px solid #e6e6e6;width:100%;height:52px;background:none;font-size:17px;text-indent:0;text-align:center} /* 2020-02-28 추가 : E */ /* 2020-08-20 추가 : S */ .layer-in.type6 {font-family:'Hyundai_R1012', sans-serif;padding:40px 45px} .layer-in.type6 .head {padding-top:0;} .layer-in.type6 .head .lay_h1 {position:relative;padding:0 0 25px;border:0;margin-bottom:40px;font-size:22px;color:#222;text-align:center} .layer-in.type6 .head .lay_h1:after {content:'';position:absolute;bottom:0;right:-45px;left:0;height:1px;background-color:#e6e6e6} .layer-in.type6 .head .lay_h1 img {display:block;margin:0 auto 32px} .layer-in.type6 .content {text-align:center} .layer-in.type6 .content strong {font-family:'Happiness-Sans', sans-serif;}/* 2022-03-04 수정 */ .layer-in.type6 .content .paragraph {font-size:17px;color:#222;line-height:1.4} .layer-in.type6 .content .paragraph + .paragraph {margin-top:30px} .layer-in.type6 .content .notice {margin-top:30px;font-size:17px;color:#666;line-height:1.4} .layer-in.type6 .content .btn {display:inline-block;min-width:288px;height:52px;box-sizing:border-box;padding:0 25px;margin-top:40px;background-color:#333;font-size:17px;color:#fff;line-height:52px;vertical-align:top;} .layer-in.type6 .foot .btnClose {top:0;right:0;width:30.5px;height:30.5px;background:#333 url('../../images/mobilehome/ico_close_35x35_fff.png') 50%/17.5px no-repeat} /* 2020-08-20 추가 : E */ /* 2022-06-17 추가 [S] */ .borderg{border: 1px solid #ddd;} .wideline{margin-left: -16px; margin-right: -16px;} .authentication .phone-wrap .selectbox .state .current{padding-left: 13px; line-height: 36px;} .authentication .selectbox .state button{right: 16px;} .notice-box.fsize14{font-size: 14px;} .authentication .certification-wrap{width: calc(100% - 100px); height: auto; box-sizing: border-box; line-height: 32px; position: relative;} .authentication .certification-wrap input[type="text"]{border: none; height: auto; line-height: 36px; padding:0 0 0 13px;} .authentication .certification-wrap input[type="text"]::placeholder{color: #767676; font-size: 14px; line-height: 1.1; letter-spacing: -0.12em;}/* 2022-09-30 웹 접근성 */ .authentication .phone-wrap{justify-content: space-between; margin-top: 22px;} .hdCard2 .container.card-step1 {margin:0 25px} .hdCard2 .form-item.pad30{padding: 25px 0;} .c666{color: #666;} /* 2022-09-30 웹 접근성 */ .card-information-header{color: #51a6b3; line-height: 1.5; font-size: 14px;letter-spacing: -0.09em;} .authentication{padding-top: 25px; border-top: 1px solid #dddddd;padding-left: 26px; padding-right: 26px; margin-right: -26px; margin-left: -26px;} .authentication .phone-wrap .number-wrap{padding-left: 0; position: relative; line-height: 34px;} .authentication .phone-wrap .cell2.number-wrap{width: auto; margin-left: 2px; margin-right: 2px;} .authentication .phone-wrap .cell2.number-wrap.number-first{margin-left: 5px;} .authentication .phone-wrap .cell2.number-wrap:last-child{margin-right: 0;} .authentication .certification-box{position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .authentication .certification-wrap .authentication_timer{font-size: 16px; color: #51a6b3; position: absolute; top: 50%; right: 13px; transform: translateY(-50%);} .authentication .certification-box .certi-btn2{width: 95px; height: 36px; font-size: 15px; display: block; color: #fff; text-align: center; background-color: #51a6b3; line-height: 1.5; font-weight: 700;} .authentication .certification-box .certi-btn2.complete{background-color: #999; font-weight: 500;} .authentication .phone-wrap .number-wrap input[type="text"]{height: auto; vertical-align: middle;} .authentication .phone-wrap .number-wrap input[type="text"].input-type2{font-size: 14px; height: 100%; line-height: normal; vertical-align: baseline;} .authentication .phone-wrap .number-wrap input[type="text"]::placeholder{font-size: 14px; line-height: 1.1; color: #767676;} /* 2022-09-30 웹 접근성 */ .authentication_tabWrap{display: flex; flex-direction: row; justify-content: center; } .authentication_tabWrap div{display: inline-block; font-size: 15px; color: #333333; line-height: 36px; width: 50%; text-align: center; height: 36px; box-sizing: border-box; } .authentication_tabWrap div.authentication_tab01{border: 1px solid #51a6b3; border-right:none;} .authentication_tabWrap div.authentication_tab02{border: 1px solid #51a6b3; border-left:none;} .authentication_tabWrap div.tabOn{background-color: #51a6b3; font-weight: 700; color: #fff;} .authentication .authentication_contents{display: none; font-size: 14px; color: #333; margin-bottom: 25px;} .authentication .authentication_contents.tabOn{display: block;} .authentication .authentication_contents .authentication_title{margin-top: 24px; margin-bottom: 15px; color: #333; font-size: 15px; font-weight: 700;} .authentication .authentication_contents .jcerti_btn{width: 100%; text-align: center; color: #51a6b3; font-size: 19px; font-weight: 700; border: 1px solid #51a6b3; line-height: 50px; box-sizing: border-box; height: 50px;} .mbvAgree-wrap{border-right: none; border-left: none; display: none; padding-top: 25px;} .mbvAgree-wrap.tabOn{display: block;}/* 2022-05-17 수정 */ .mbvAgree-wrap .mbv-body{background-color: #f4f7f8; padding:10px 0px 15px; display: none; margin-top: 10px;} .mbvAgree-wrap .mbvAgree-head{font-size: 15px;}/* 2022-05-12 수정 */ .mbvAgree-wrap .mbvAgree-head .check-item-type2{display: flex; align-items:center; flex-direction: row;} .mbvAgree-wrap .mbvAgree-head .check-item-type2 input[type="checkbox"]{width: 0; display: inline-block;} .mbvAgree-wrap .terms-item{font-size: 14px; color: #333;letter-spacing: -0.4px;padding: 10px 15px;margin: 0;margin: 0;} .mbvAgree-wrap .terms-item.terms-cheap{display: none;} .mbvAgree-wrap .Mbv-detail{position:absolute; right: 15px; font-size:15px; color: #51a6b3; display: inline-block; top: 50%; transform: translateY(-50%);} .mbvAgree-wrap .Mbv-toggle{ width: auto; flex: 1; height: 8px; overflow:hidden;display:inline-block; font-size:0px;text-indent:100%;white-space:nowrap; image-rendering: -webkit-optimize-contrast; background:url('../../images/mobilehome/svg/toggle_down.png') 100% 50% no-repeat;background-size:14px 8px;} .mbvAgree-wrap .Mbv-toggle.toggleUp{background:url('../../images/mobilehome/svg/toggle_up.png') 100% 50% no-repeat;background-size:14px 8px;} .agree-wrap{ border: 1px solid #ececec; border-right: none; border-left: none; padding: 25px 0;} .agree-wrap .agree-head{padding-left: 16px; font-size: 15px;} .agree-wrap .terms-item{font-size: 15px; color: #333;letter-spacing: -0.4px; padding-left: 16px; margin: 15px 0;} .agree-wrap .terms-item:last-child{margin-bottom: 0;} .agree-wrap .terms-item .exclamation-mark{overflow:hidden;display:inline-block;width:23px;height:23px;background:url('https://www.ehyundai.com/images/mobilehome/svg/exclamation_mark.png') 50% 50% no-repeat;background-size:23px 23px;font-size:1px;text-indent:100%;white-space:nowrap; position: relative; top: 6px; left: 1px; image-rendering: -webkit-optimize-contrast;} .agree-wrap .check-item-type2{display: flex; align-items:center; flex-direction: row;} .agree-wrap .check-item-type2 input[type="checkbox"]{width: 0; display: inline-block;} .agree-wrap .agree-toggle{ width: auto; flex: 1; height: 8px; overflow:hidden;display:inline-block; font-size:0px;text-indent:100%;white-space:nowrap; image-rendering: -webkit-optimize-contrast; background:url('../../images/mobilehome/svg/toggle_down.png') 100% 50% no-repeat;background-size:14px 8px;} .agree-wrap .agree-toggle.toggleUp{background:url('../../images/mobilehome/svg/toggle_up.png') 100% 50% no-repeat;background-size:14px 8px;} .agree-wrap .agree-more{display: none; background-color: #f4f7f8; font-size: 14px; color: #666; padding: 25px 19px; margin-top: 5px;} .agree-wrap .agree-more ul li{font-size: 14px; color: #333; position: relative; letter-spacing: -0.09em;} .agree-wrap .agree-more ul li .agree-more-d2{color: #51a6b3; position:absolute; right: 0px; font-size:14px; display: inline-block;}/* 2022-05-12 수정 */ .recommend-wrap .margint5{margin-top: 5px;} .recommend-wrap .recommend-select{width: 100%;} .recommend-wrap .input-wrap2{align-items: center;} .hdCard2 .checkbox-panel.recommend-wrap .input-num{flex: 1;} .confirmDoc-layer{display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0;z-index: 200; box-sizing: border-box;} .confirmDoc-layer.layerOpen{display: block; } .confirmDoc-layerWrap{width: 80%; transform: translate(-50%,-50%); position: relative; top: 50%; left: 50%; height: 80vh; } .confirmDoc-layer .policy-swiper{ margin: 0 auto;background-color: #fff; padding-bottom: 60px;} .confirmDoc-layer .policy-swiper .swiper-slide{height: calc(80vh - 60px); } .confirmDoc-layer .policy-swiper .swiper-slide .slide-contents{padding: 10px 0 30px;height: calc(80vh - 105px); overflow: auto; box-sizing: border-box;} .confirmDoc-layer .policy-swiper .swiper-slide h5{font-family: 'Happiness-Sans-Title'; text-align: center; font-size: 19px; line-height: 44px; height: 44px;background-color: #fff;border-bottom: 1px solid #b2b2b2;} .confirmDoc-layer-button{position: absolute;bottom: 0;left: 0; background: #51a6b3; width: 100%; height: 60px; line-height: 60px; z-index: 201;} .confirmDoc-layer-button button{display: block; width: 100%; height: 100%; font-size: 16px; background: #51a6b3; text-align: center; color: #fff;} .layer-wrap2 .layer-in.type2{padding: 33px 26px 0; overflow: auto; max-height: calc(100vh - 150px);} .layer-wrap2 .layer-in.type3{padding: 33px 36px 0;} .layer-wrap2 .layer_h1{font-size: 15px; color: #51a6b3; padding-bottom: 15px; line-height: 21px; border-bottom: 1px solid #e6e6e6;} .layer-wrap2 .layer-in.type2 .content .layer_h2{ padding-top: 20px; font-size: 15px; font-weight: 700; color: #222; margin-bottom: 15px;} .layer-wrap2 .layer-in.type3 .content .layer_h2{font-size: 15px; font-weight: 700; color: #222; margin-bottom: 15px;} .layer-wrap2 .layer-in.type2 .content .paragraph3,.layer-wrap2 .layer-in.type3 .content .paragraph3{font-size: 15px; color: #666; line-height: 21px; margin-bottom: 23px; word-break: keep-all; word-wrap: break-word;} .layer-wrap2 {left: 16px; right: 16px;} .layer-wrap2 .layer-foot{background-color: #fff; border-top: 1px solid #e6e6e6; display: block; width: 100%; position: relative; z-index: 121;} .layer-wrap2 .layer-in.type3 .layer-foot{border-top: 1px solid #e6e6e6; display: block; width: 100%; margin-top: 40px; padding-left: 36px; padding-right: 36px; margin-right: -36px; margin-left: -36px;}/* 2022-05-12 수정 */ .layer-wrap2 .layer-foot .btnClose,.layer-wrap2 .layer-in.type3 .layer-foot .btnClose{ height: 50px; line-height: 50px; text-align: center; color: #222; font-size: 16px; display: block; width: 100%;} /* 2022-07-11 추가 [S] */ .layer-wrap3 .layer_h1{font-size: 15px; color: #51a6b3; padding-bottom: 15px; line-height: 21px; border-bottom: 1px solid #e6e6e6;} .layer-wrap3 .layer-in.type2 .content .paragraph{padding-top: 20px; font-size: 15px; color: #666; line-height: 21px; margin-bottom: 23px; word-break: keep-all; word-wrap: break-word;} .layer-wrap3 {left: 16px; right: 16px;} /* 2022-07-11 추가 [E] */ .btn-wrap-1.heightA{height: auto; background-color: transparent;} .carrier-btnWrap{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .carrier-btnWrap .carrier-btn{width: calc((100% - 20px) / 3); display: block; border: 2px solid #dddddd; box-sizing: border-box; height: 35px; color: #888888; font-size: 14px; text-align: center;} .carrier-btnWrap .carrier-btn.carrier-btn-active{color: #51a6b3; font-weight: 700; border: 2.5px solid #51a6b3;} .carrier-btnWrap .carrier-btn:nth-child(-n+3){margin-bottom: 10px;} .carrier-btnWrap .carrier-btn::before{content: ''; display: inline-block; height: calc(100% + 4px); vertical-align: middle; } .mbvAgree-wrap .check-item-type2 input[type="checkbox"] + label,.agree-wrap .check-item-type2 input[type="checkbox"] + label{line-height: 25px; min-height: 25px; padding-left: 35px; color: #333; letter-spacing: -0.06em;} .mbvAgree-wrap .check-item-type2 input[type="checkbox"] + label:before,.agree-wrap .check-item-type2 input[type="checkbox"] + label:before, .mbvAgree-wrap .check-item-type2 input[type="checkbox"] + label:after,.agree-wrap .check-item-type2 input[type="checkbox"] + label:after{width: 25px; height: 25px;} .input-wrap2 .cell2 .label-title.label-type2{font-size: 15px;} .input-wrap2 .cell2 input[type="text"].input-type2, .input-wrap2 .cell2 input[type="password"].input-type2, .input-wrap2 .cell2 input[type="number"].input-type2{font-size: 14px; height: 36px; line-height: 36px; text-align: center;} .input-wrap2 .cell2 input[type="text"].input-type2::placeholder, .input-wrap2 .cell2 input[type="password"].input-type2::placeholder, .input-wrap2 .cell2 input[type="number"].input-type2::placeholder{color: #767676;} /* 2022-09-30 웹 접근성 */ .selectbox .state.input-type2{font-size: 13px; height: 36px; line-height: 36px; box-sizing: border-box;} .number-wrap.input-type2,.number-wrap .input-type2{font-size: 14px; height: 36px; line-height: 36px;} .hdCard2 .checkbox-panel .input-num .text.input-type2{font-size: 16px; height: 36px; line-height: 36px;} .input-wrap2 .cell2 > .btnText.input-type3{font-size: 14px; height: 36px; line-height: 36px;} .input-wrap2 .selectbox.line.input-type3{font-size: 14px; height: 36px; line-height: 36px;} .warning-font{color: #e32c2b!important;} .warning-font input{color: #e32c2b!important;} .warning-border{border-color: #e32c2b!important;} .warning-border2{border:2px solid #e32c2b!important; padding-top: 10px!important; padding-bottom: 10px!important; box-sizing: border-box;} .input-wrap2 .label-cell.carrier-choice{width: 112px;} .fsize13{font-size: 13px;} .color9{color: #999;} .card-nextBtn{display: none;} .card-nextBtn .btnText{font-size: 15px; font-weight: 700;} .btn-wrap-2 + .btn-wrap-2.card-nextBtn{margin-top: 0;} .card-nextBtn.tabOn{display: block;} .hdCard2 .form-item.privacy-wrap{padding: 25px 0 35px;} .hdCard2 .txt_caution.cHippieBlue.mgt35{margin-top: 35px;} .hdCard2 .form-item.padt16{padding-top: 16px;} .btn_next{margin-top: 35px;height: 50px;} .layer-wrap2 .layer-in.type2 .content .paragraph3 table td, .layer-wrap2 .layer-in.type2 .content .paragraph3 table th{border: 1px solid #333; text-align: center;} /* 2022-06-17 추가 [E] */ .wait-loading-now {position:fixed; left:0; right:0; top:0; bottom:inherit; min-height:0; height:0; z-index:-1; overflow:hidden;} .wait-loading-now .i {width:60px; height:60px; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; background:url('../../images/mobilehome/loading_now.png') no-repeat 0 0; background-size:cover;} body.loading-now .wait-loading-now {bottom:0; min-height:100%; z-index:99;} /* 2021-02-17 추가 : S */ .loading-new {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;} .loading-new .img {position:absolute;left:50%;top:50%;width:50px;height:50px;background:url('../../images/mobilehome/loading2.gif') no-repeat 0 0;background-size:contain;margin:-25px 0 0 -25px;} /* 2021-02-17 추가 : E */ /* specail adjust */ .font-sans-serif {font-family:sans-serif !important;} .nmap_overlay_pane img[src$= "uplex_icon.png"] {width:46px !important; height:28px !important; margin-left:-23px !important;} .nmap_overlay_pane img[src$= "department_icon.png"] {width:79px !important; height:36px !important; margin-left:-40px !important;} .nmap_overlay_pane img[src$= "culturepark_icon.png"] {width:77px !important; height:28px !important; margin-left:-34px !important;} /*auto select*/ .design-title{position:relative; width:100%; font-size:14px; min-width:80px; height:37px; min-height:37px; white-space:normal; padding:10px 25px 10px 8px; line-height:17px; border:1px solid #797979; -webkit-box-sizing:border-box; box-sizing:border-box; background:url('../../images/mobilehome/svg/svgIconSel.png') no-repeat right center; background-size:18px 6px; z-index:1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .design-select-wrap {position:absolute; top:0; left:0; z-index:100; width:100%; background:#fff; height:100%; box-shadow:0 50px 0 0 rgba(0,0,0,.5)} .design-select-wrap .title-section {height:42px; width:100%; font-size:17px; position:relative; padding-top:30px; text-indent:32px;} .design-select-wrap .title-section .close {display:inline-block; width:30px; height:30px; position:absolute; top:25px; right:30px; background:url('../../images/mobilehome/svg/icon_option_close.png') no-repeat center center; background-size:12px 12px;} .design-select-wrap ul {position:absolute; top:72px; left:0; width:100%;} .design-select-wrap ul li {height:43px; background:#fff; border-bottom:1px solid #bcbcbc; text-indent:32px; line-height:43px;} .design-select-wrap ul li a {width:100%; height:42px; display:block;} /* media query */ @media(min-width:641px){ .wrapper {padding-left:260px; margin:0; background-color:#1B1D21;} #content-body.roll-book #header {left:260px;} #side {display:block; position:absolute; top:0; left:0; width:260px; visibility:visible;} .wrapper.on #content-body {left:0;} .controller-wrap {left:260px; right:0; width:auto; max-width:640px;} .floorNum {left:260px;} .header .btnMenu {display:none;} .web-view .wrapper {padding-left:0; margin:0 auto; background-color:none; max-width:none;} .web-view #content-body.roll-book #header {left:260px;} /*.web-view #side {position:fixed; left:-260px; visibility:visible;}*/ .web-view #side {position:fixed; left:0; visibility:visible;} .web-view .wrapper.on #content-body {left:260px;} .web-view .controller-wrap {left:0; right:0; width:auto; max-width:none;} .web-view .floorNum {left:0;} .web-view .header .btnMenu {display:block;} } @media (min-width:901px) { #content-body.roll-book #header {right:inherit; width:640px;} .controller-wrap .share-modal {width:900px;} } @media (min-width:320px) {.wrap_Vod iframe {width:288px; height:162px;}} @media (min-width:360px) {.wrap_Vod iframe {width:328px; height:185px;}} @media (min-width:400px) {.wrap_Vod iframe {width:368px; height:207px;}} .txt_email {background:#dcdcdc; padding:16px 0 16px 0; text-align:center; line-height:20px; color:#333;} .txt_email .qq {font-size:15px; font-weight:bold;} .txt_email .aa {font-size:13px; margin-top:4px;} .big_tit {font-size:22px; line-height:26px; font-weight:bold; text-align:center; padding:40px 0 40px 0;} .big_titB {font-size:22px; line-height:26px; font-weight:bold; text-align:center; border-bottom:1px solid #dcdcdc; padding:25px 0 25px 0;} .mailTxt {padding:20px 12px 8px 12px; text-align:center;} .wrap_mail {width:60px; margin:0 auto; padding-top:33px;} .ico_mail {display:block; width:60px; height:60px; background:url("../../images/mobilehome/svg/ico_mail.png") no-repeat 0 0; background-size:60px 60px;} .reco_result {width:100%; padding:5px 0 5px 0; border-bottom:1px solid #dcdcdc;} .reco_result label {float:left; padding-top:10px; font-weight:bold; font-size:15px; color:#333; margin-right:20px;} .reco_result code {float:left; padding-top:11px; font-size:14px; color:#333;} .reco_result span {float:right;} .reco_result .btn-call {height:37px; width:72px;} .reco_result .btn-call .button {display:inline-block; width:100%; white-space:nowrap; height:100%; text-align:center; line-height:37px; background-color:#666; color:#fff; font-family:sans-serif;font-size:13px; padding-left:11px; padding-right:11px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .reco_result .btn-call .button.on {background-color:#000;} .reco_result .btn-call .button.normal {font-family:sans-serif;} /* mypage */ .mypage_container {position:relative; z-index:99;} .mypage_container #slider1 {position:relative; z-index:2; float:left; height:100%; -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);} .mypage_container #bul-wrap1 {display:none;} .mypage_container .my-swipe-item {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:3; display:block; float:left; width:100%; background:transparent; -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);} .mypage_container .my_nav {position:absolute; z-index:100; top:178px; width:28px; height:62px; background-repeat:0 0; background-size:100% 100%;} .mypage_container .btn_my_left {left:0; background-image:url(../../images/mobilehome/btn_my_left.png);} .mypage_container .btn_my_right {right:0; background-image:url(../../images/mobilehome/btn_my_right.png);} .mypage_container .cont_comm_mid {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:6px;} .mypage_container .cont_comm_mid .area_left {float:left; width:65%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:6px;} .mypage_container .cont_comm_mid .area_left code {text-align:right; margin-top:8px;} .mypage_container .cont_comm_mid .area_box {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; margin-bottom:6px;} .mypage_container .cont_comm_mid .my_box_wrap {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; width:50%;} .mypage_container .cont_comm_mid .my_box_wrap.pad {padding-right:6px;} .mypage_container .cont_comm_mid .area_box .my_box {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; border:1px solid #dedede; height:93px;} .mypage_container .cont_comm_mid .area_box .my_box a {width:100%; height:100%; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;} .mypage_container .cont_comm_mid .area_box .my_box_in {position:absolute; bottom:15px; left:0px; width:100%;} .mypage_container .cont_comm_mid .my_box span {display:block; background-repeat:0 0; background-size:100% 100%;} .mypage_container .cont_comm_mid .my_box span.txt {margin-top:6px;} .mypage_container .cont_comm_mid .my_box.cardEvent span.txt {margin-top:10px;} .mypage_container .cont_comm_mid .my_box .ico_phRes {width:32px; height:34px; margin:0 auto; background-image:url(../../images/mobilehome/ico_phRes.png);} .mypage_container .cont_comm_mid .my_box .ico_cardEvent {width:39px; height:25px; margin:0 auto; background-image:url(../../images/mobilehome/ico_cardEvent.png);} .mypage_container .cont_comm_mid .my_box p {font-size:12px; color:#666; font-weight:bold; text-align:center;} .mypage_container .cont_comm_mid .my_umem a, .mypage_container .cont_comm_mid .my_iclub a {display:block;} .mypage_container .cont_comm_mid .my_umem strong, .mypage_container .cont_comm_mid .my_umem span, .mypage_container .cont_comm_mid .my_iclub strong, .mypage_container .cont_comm_mid .my_iclub span {display:block;} .mypage_container .cont_comm_mid .my_umem span {font-size:12px; color:#666; line-height:17px; margin-top:4px;} .mypage_container .cont_comm_mid .my_umem strong {font-size:16px; color:#333; font-weight:bold;} .mypage_container .cont_comm_mid .my_umem {padding:0 15px 0 15px; display:table; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f5f5f5; width:100%; border:1px solid #dedede; height:93px;} .mypage_container .cont_comm_mid .my_umem a {display:table-cell; vertical-align:middle;} /*2014-06-05 modify*/ .mypage_container .cont_comm_mid .my_iclub {margin-bottom:6px;float:left; width:35%; padding:22px 5px 0 5px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f5f5f5; border:1px solid #dedede; height:192px;} /* //2014-06-05 modify*/ .mypage_container .cont_comm_mid .my_iclub .icon_gom {width:46px; height:28px; margin:0 auto; background:url(../../images/mobilehome/icon_gom.png) no-repeat 0 0; background-size:100% 100%;} .mypage_container .cont_comm_mid .my_iclub span {font-size:12px; color:#666; line-height:17px; margin-top:6px;} .mypage_container .cont_comm_mid .my_iclub strong {font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;} .mypage_container .cont_comm_mid .my_iclub em {font-weight:bold; font-size:12px; letter-spacing:-1px; color:#333;} /*2014-06-05 modify*/ .mypage_container .cont_comm_mid .my_pay {margin-bottom:6px;padding:14px 10px 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f5f5f5; width:100%; border:1px solid #dedede; height:93px;} /* //2014-06-05 modify*/ .mypage_container .cont_comm_mid .my_pay.pad {margin-bottom:6px; background:#fff;} .mypage_container .cont_comm_mid .my_pay strong, .mypage_container .cont_comm_mid .my_pay span {display:block;} .mypage_container .cont_comm_mid .my_pay span {font-size:12px; color:#666; line-height:17px; margin-top:4px;} .mypage_container .cont_comm_mid .my_pay strong {font-size:16px; color:#333; font-weight:bold;} .mypage_container .cont_comm_mid .my_iclub_point {float:left; width:35%; padding:52px 5px 0 5px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f5f5f5; border:1px solid #dedede; height:192px;} .mypage_container .cont_comm_mid .my_iclub_point .icon_gom2 {display:block; width:46px; height:39px; margin:0 auto 6px auto; background:url(../../images/mobilehome/icon_gom2.png) no-repeat 0 0; background-size:100% 100%;} .mypage_container .cont_comm_mid .my_iclub_point span {font-size:12px; color:#666; line-height:17px; margin-top:12px;} .mypage_container .cont_comm_mid .my_iclub_point code {margin-top:2px;} .mypage_container .cont_comm_mid .my_vip {padding:0 15px 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:-moz-box; -moz-box-align:center; display:-webkit-box; -webkit-box-align:center; background:#f5f5f5; width:100%; border:1px solid #dedede; height:93px;} .mypage_container .cont_comm_mid .my_vip a {display:block;} .mypage_container .cont_comm_mid .my_vip strong, .mypage_container .cont_comm_mid .my_vip span {display:block;} .mypage_container .cont_comm_mid .my_vip span {font-size:12px; color:#666; line-height:17px; margin-top:4px;} .mypage_container .cont_comm_mid .my_vip strong {font-size:16px; color:#333; font-weight:bold;} .mypage_container .cont1_top {width:100%;} .mypage_container .cont1_top .my_branch {position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; width:65%; overflow:hidden; background:#555; padding:3px; margin-bottom:6px;} .mypage_container .cont1_top .my_branch .pic_branch img {width:100%;} /* 2014-09-17 Added */ .mypage_container .cont1_top .my_branch .tit {float:left; top:5px; left:5px; font-size:13px; height:21px; line-height:21px; padding:0 4px 0 4px; color:#fff; background:#88642f; border:1px solid #fff;} .mypage_container .cont1_top .my_branch .modify {float:left; top:5px; margin-left:5px; font-size:13px; height:19px; line-height:21px; color:#fff; background:#ff7200; border:2px solid #fff;} .mypage_container .cont1_top .my_branch .modify a{padding:0 4px 0 4px; color:#fff; } .mypage_container .cont1_top .my_branch .tit_modify {position:absolute; top:5px; left:5px; height:21px; width:100%;} /* 2014-09-17 Added */ .mypage_container .cont1_top .my_branch .time {font-size:11px; line-height:18px; color:#fff; padding:12px 12px 9px 12px;} .mypage_container .cont1_top .my_branch .time p {width:100%;} .mypage_container .cont1_top .my_branch .time strong {float:left; width:55px;} .mypage_container .cont1_top .my_branch .time span {float:left; width:65.5%; word-break:break-all;} .mypage_container .cont1_top .area_box {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; width:35%; padding-left:6px;} .mypage_container .cont1_top .my_box {border:1px solid #dedede;} .mypage_container .cont1_top .my_box.iosHacks {margin-top:6px;} .mypage_container .cont1_top .my_box a {width:100%; height:100%; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;} .mypage_container .cont1_top .my_box span {display:block; background-repeat:0 0; background-size:100% 100%;} .mypage_container .cont1_top .my_box span.txt {margin-top:6px;} .mypage_container .cont1_top .my_box .ico_book {width:36px; height:29px; background-image:url(../../images/mobilehome/ico_book.png);} .mypage_container .cont1_top .my_box .ico_coBook {width:38px; height:22px; background-image:url(../../images/mobilehome/ico_coBook.png);} .mypage_container .cont1_top .my_box p {font-size:12px; color:#666; font-weight:bold; text-align:center;} .mypage_container .cont1_mid strong, .mypage_container .cont1_mid span {display:block;} .mypage_container .cont1_mid span {font-size:12px; color:#666; line-height:17px; margin-top:4px;} .mypage_container .cont1_mid strong {font-size:16px; color:#333; font-weight:bold;} .mypage_container .cont1_mid .my_addr {padding:0 15px 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:-moz-box; -moz-box-align:center; display:-webkit-box; -webkit-box-align:center; background:#f5f5f5; width:100%; border:1px solid #dedede; height:93px; margin-bottom:6px;} .mypage_container .cont1_mid .area_info {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:6px;} .mypage_container .cont1_mid .my_phone {padding-left:15px; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:table; vertical-align:middle; background:#f5f5f5; width:65%; border:1px solid #dedede; height:93px;} .mypage_container .cont1_mid .my_phone .my_box_in {display:table-cell; vertical-align:middle;} .mypage_container .cont1_mid .my_mail_wrap {float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:6px; width:35%;} .mypage_container .cont1_mid .my_mail {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; text-align:center; background:#f5f5f5; width:100%; border:1px solid #dedede; height:93px;} .mypage_container .cont1_mid .my_mail_expire {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; text-align:center; background:#d1d1d1; width:100%; border:1px solid #7f7f7f; height:73px;} .mypage_container .cont1_mid .my_mail strong {font-size:14px; margin-top:4px;} .mypage_container .cont1_mid .my_mail span {margin-top:0;} .mypage_container .cont2_top {width:100%; padding:11px 0 12px 0; border:3px solid #555; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:6px; letter-spacing:-1px;} .mypage_container .cont2_top .title {font-size:17px; padding-left:12px; color:#333; font-weight:bold; margin-bottom:10px;} .mypage_container .cont2_top .ico_cards {margin:0 auto; width:257px; height:69px; background:url(../../images/mobilehome/ico_cards.png) no-repeat 0 0; background-size:100% 100%;} .mypage_container .cont2_top .txt {font-size:12px; color:#666; text-align:center; line-height:17px; margin-bottom:9px;} .mypage_container .cont2_top .btn_cardRes {width:128px; margin:0 auto; text-align:center;} .mypage_container .cont2_top .btn_cardRes a {width:100%; height:33px; line-height:33px; font-size:13px; display:block; color:#fff; background:#333;} .mypage_container .cont3_top {width:100%; margin-bottom:4px;} .mypage_container .cont3_top .my_point_wrap {float:left; width:65%; height:193px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:6px;} .mypage_container .cont3_top .my_point {width:100%; padding:11px 12px 12px 12px; height:193px; border:3px solid #555; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; letter-spacing:-1px;} .mypage_container .cont3_top .label.pad {margin-top:12px;} .mypage_container .cont3_top .title {font-size:17px; color:#333; font-weight:bold; margin-bottom:40px;} .mypage_container .cont3_top .label label {display:block; font-size:12px; color:#666;} .mypage_container .cont3_top .label span {display:block; padding:4px 6px 0 0; text-align:right; height:22px; background:#e9e9e9; margin-top:5px;} .mypage_container .cont3_top .my_grade {float:left; width:35%; height:193px; color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:table; text-align:center;} .mypage_container .cont3_top .my_grade .my_grade_in {background:#666; display:table-cell; vertical-align:middle;} .mypage_container .cont3_top .my_grade span {display:block; font-size:12px; line-height:17px;} /* 2021-08-18 추가 */ .mypage_container .cont3_top .my_grade img {width: auto; margin-top: 10px;} .mypage_container .cont3_top .my_grade strong {display:block; margin-top:8px; font-weight:bold; font-size:40px; font-family:"Times New Roman" !important;} .mypage_container .cont3_top .my_grade .my_grade_in.gold {background:#8e713d !important;} .mypage_container .cont3_top .my_grade .my_grade_in.platinum {background:#333 !important;} .mypage_container .cont3_top .my_grade .my_grade_in.jasmin {background:#6d254a !important;} .mypage_container .cont3_top code, .mypage_container .cont_comm_mid code {font-size:17px; display:block; color:#333; font-weight:bold; letter-spacing:-1px;} .mypage_container .cont3_top code em, .mypage_container .cont_comm_mid code em {display:inline-block; background:url(../../images/mobilehome/icon_code.png) no-repeat right 3px; background-size:8px 13px; padding-right:12px;} .my-banner {position:relative;} .my-banner #slider2 {position:relative; z-index:2; float:left; height:100%; -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);} .my-banner .my-bul-wrap {position:absolute; z-index:10; top:7px; right:6px;} .my-banner .my-bul-wrap a {background:#000; display:inline-block; width:6px; height:6px; border-radius:3px; margin:0 3px; vertical-align:middle;} .my-banner .my-bul-wrap a:last-child {margin-right:0;} .my-banner .my-bul-wrap a.active {width:8px; height:8px; border: 1px solid #000; border-radius:5px; background:none;} .my-banner .my-banCont {padding:10px 6px 10px 6px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} .my-banner .my-banCont .pic_my img {width:72px; height:54px;} .my-banner .my-banCont .pic_my {float:left; width:72px; margin-right:13px;} .my-banner .my-banCont .pic_txt {float:left; width:69%; font-size:12px; color:#666;} .my-banner .my-banCont .pic_txt strong {display:block; font-weight:bold; width:100%; height:54px; display:-moz-box; -moz-box-align:center; display:-webkit-box; -webkit-box-align:center;} .my-banner .my-banCont .pic_txt span {display:block; margin-top:4px;} .my-banner .my-default {width:100%; height:76px; background:url(../../images/mobilehome/mypage_roll_0.png) no-repeat 0 0; background-size:100% 100%;} .my-banner .my-default_in {width:240px; margin:0 auto;} .my-banner .my-default .ico_ph {float:left; width:30px; height:55px; margin-top:11px; margin-right:22px; background:url(../../images/mobilehome/ico_ph.png); background-size:100% 100%;} .my-banner .my-default strong {float:left; font-weight:bold; margin-top:29px; font-size:16px; color:#222;} /* shopping - 2014-03-18 Added */ .area_shopping_info {display:block; position:relative; width:100%;} .area_shopping_info .shopping_info .thumb {float:left; width:100%;} .area_shopping_info .shopping_info .thumb img {width:100%;} .area_shopping_info .swipe-item-wrap {z-index:11;} .area_shopping_info .swipe-control {padding:7px 0; background:#ccc;} .area_shopping_info .swipe-control a {background:#fff; display:inline-block; width:5px; height:5px; margin:0 4px; border-radius:5px; vertical-align:middle;} .area_shopping_info .swipe-control .active {background:#ccc; display:inline-block; width:7px; height:7px; border-radius:20px; border:1px solid #fff;} .area_shopping_info .btn_move {position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;} .area_shopping_info .btn_move .prev {position:absolute; top:42%; left:0; display:block; width:35px; height:35px; background-color:rgba(0,0,0,.3); background-image:url('../../images/mobilehome/svg/svgArrLeft.png'); background-repeat:no-repeat; background-position:40% 50%; background-size:11px 21px; z-index:20;} .area_shopping_info .btn_move .next {position:absolute; top:42%; right:0; display:block; width:35px; height:35px; background-color:rgba(0,0,0,.3); background-image:url('../../images/mobilehome/svg/svgArrRight.png'); background-repeat:no-repeat; background-position:60% 50%; background-size:11px 21px; z-index:20;} .area_shopping_info .shop_prev {position:absolute; top:42%; left:0; display:block; width:35px; height:35px; background-color:rgba(0,0,0,.3); background-image:url('../../images/mobilehome/svg/svgArrLeft.png'); background-repeat:no-repeat; background-position:40% 50%; background-size:11px 21px; z-index:20;} .area_shopping_info .shop_next {position:absolute; top:42%; right:0; display:block; width:35px; height:35px; background-color:rgba(0,0,0,.3); background-image:url('../../images/mobilehome/svg/svgArrRight.png'); background-repeat:no-repeat; background-position:60% 50%; background-size:11px 21px; z-index:20;} .__se_tbl {border-collapse:separate;} .__se_tbl table {border-collapse:separate;} /* worldcup event add */ .WorldCheckbox {width:100% !important; margin:0 auto !important;} .group8 dl {border:1px solid #eaeaea; } .group8 dt {padding:10px 0; text-align:center; font-size:18px !important; font-weight:bold; color:#fff; background:#3c3c3c;} .group8 label {/*float:left;*/ width:90%; font-size:14px !important; font-weight:normal; color:#7e7e7e; letter-spacing:-1.1px; vertical-align:middle !important;} .group8 label img, .team8 input { vertical-align:middle !important;} .group8 dl {position:relative !important; margin:3% 0px 3% 3% !important; clear:both; width:97%; overflow:hidden; padding:5px 0;text-indent:0px !important; } .group8 dl img {width:100%!important; height:auto; vertical-align:middle !important;} .group8 dl .fll {display:inline-block; width:18%!important; vertical-align:middle !important; } .group8 dl .flr {position:absolute; left:85%; top:5px; width:20px; height:20px; margin:0; opacity:0;} .group8 .na_name {margin:0 1%;padding-left:2%;vertical-align:middle !important;} .WorldCheckbox input[type="checkbox"]:checked + label:before {background: url('../../images/mobilehome/svg/svgIconCheck.png') no-repeat scroll 1px 2px / 80% 80% transparent !important;} .WorldCheckbox input[type="checkbox"] + label { display: inline-block; line-height: 18px; width:100% !important; padding-left:0 !important; position: relative; vertical-align: middle;} .WorldCheckbox input[type="checkbox"] + label:before {margin-top:0%; border: 1px solid #797979; content: ""; width: 18px !important; height: 18px !important; position: absolute; top: 2px !important; left: 83% !important; } .WorldCheckbox input[type="radio"]:checked + label:before { vertical-align:middle;background: url("../../images/mobilehome/svg/svgIconRadio.png") no-repeat scroll center center / 70% 70% rgba(0, 0, 0, 0) !important;} .WorldCheckbox input[type="radio"] + label { font-size: 14px; line-height: 18px; padding-left: 0px !important; position: relative !important; vertical-align: middle; white-space: nowrap; } .WorldCheckbox input[type="radio"] + label:before {margin-top:0%; border: 1px solid #797979; content: ""; width: 18px !important; height: 18px; position: absolute; top: 2px !important; left: 83% !important;} /*2014-05-19 questions 설문조사 추가 CSS*/ .mbox_quest {border:1px solid #ccc; white-space:normal !important; margin:3px 0;} .mbox_quest .txt {padding:2%;} .mbox_answer input label {white-space:normal !important;} .mbox_answer {border: 1px solid #ccc;padding: 3% !important; overflow: hidden; white-space:normal !important;} .mbox_answer ul {width:98%; margin:3% !important;} .mbox_answer ul li {line-height:24px; margin-right:2% !important;} .mbox_answer input[type="radio"] + label , .mbox_answer input[type="check"] + label{white-space:normal !important;} .mbutton02_ac {width:100%; margin:20px 0;} .msubmit {width:100%; text-align:center; } .mbutton02_ac span.msubmit {color:#fff;text-align:center;} .mbutton02_ac button {font-size:16px; margin:20px auto; width:50%;padding: 10px 0%;font-weight:bold; text-align:center;background: #666;} .mbutton02_ac textarea {border: 1px solid #797979;box-sizing: border-box;font-size: 14px; padding: 10px 12px; width: 100%;} /* 2014-06-05 차량번호 등록 추가 css*/ .mypage_container .cont_comm_mid .my_car {clear:both !important; margin-top:6px; padding:14px 10px 14px 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f5f5f5; width:100%; border:1px solid #dedede; } .mypage_container .cont_comm_mid .my_car.pad {background:#fff;} .mypage_container .cont_comm_mid .my_car span,.mypage_container .cont_comm_mid .my_car strong {display:block;} .mypage_container .cont_comm_mid .my_car strong {font-size:16px; color:#333; font-weight:bold;} .mypage_container .cont_comm_mid .my_car span {font-size:12px; color:#666; line-height:17px; margin-top:4px;} .mypage_container .cont_comm_mid .my_car em {display:block; font-weight: bold;font-size: 12px;letter-spacing: -1px;color: #333;} .mypage_container .cont_comm_mid .my_car .car_num {margin:10px 0;} .mypage_container .cont_comm_mid .my_car .car_num .car_num_list {padding:15px; background:#f5f5f5;} .mypage_container .cont_comm_mid .my_car .car_num span {display:inline-block; padding-right:10px;} .mypage_container .cont_comm_mid .my_car .btnText {background:#333;} .p_font13 {font-size: 13px;color: #666;} .p_tbspace7 {padding:7px 0;} .p_bspace7 {padding-bottom:7px;} .p_tspace7 {padding-top:7px;} .cell2 {display:inline-block; width:100%; height:37px;} .cell2 em {display:block; width:100%; height:24px; color:#000; font-size:16px;} .cell2 input {width:100%; height:37px; padding:8px 12px; color:#000; border:1px solid #797979; background:#fff; font-size:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .cell2.on input {border:2px solid #000;} .cell2.dim {background:#e5e5e5;} .cell2.on.dim {padding:18px 20px 18px 20px; border:1px solid #797979;} .cell2.dim input {color:#666;} .cell2 select {position:relative; width:100%; font-size:14px; min-width:100px; height:37px; min-height:37px; white-space:normal; padding:8px 25px 8px 8px; line-height:17px; border:1px solid #797979; -webkit-box-sizing:border-box; box-sizing:border-box; background:url('../../images/mobilehome/svg/svgIconSel.png') no-repeat right center; background-size:19px 6px; z-index:25;} .ios .cell2 select {padding-left:12px;} .cell2 select.auto {height:auto;} .cell2.short select{min-width:60px;} .mypage .carWrap {margin:10px 0; border-top:1px solid #e9e9e9;} .mypage .carWrap li {padding:10px 0 15px; border-bottom:1px solid #e9e9e9;} /* //2014-06-05 차량번호 등록 추가 css*/ /*shopping_info 추가 2014-07-18*/ .shoppingInfo {margin-top:13px;} .list-shoppingInfo:before {content:''; position:absolute; top:0; bottom:0; width:0; overflow:hidden; height:100%; left:0%; } .list-shoppingInfo li {position:relative; display:inline-block; vertical-align:top; width:100%; min-height:60px; font-size:13px; padding:0px 0px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:none;} .list-shoppingInfo div.list-shoppingInfo-layer{max-height:230px;overflow:hidden;} .list-shoppingInfo .shoppingTitle {position:absolute; bottom:0; left:0; width:100%; padding:5px 0px; background:rgba(0,0,0,0.5); color:#fff;} .list-shoppingInfo .shoppingLiner {position:absolute; bottom:0; left:0; width:100%; height:1px;background:#666; color:#fff;} .list-shoppingInfo li a .tit-bbs {display:block; margin:5px 10px; font-size:19px; font-family:'Happiness-Sans'; color:#fff; line-height:20px; word-break:break-all;}/* 2022-03-04 수정 */ .list-shoppingInfo li a .date {display:block; margin:1px 10px 0px 10px; font-size:12px; color:#fff; vertical-align:bottom;position:relative; } .list-shoppingInfo li:last-child:nth-child(odd):after {content:''; position:absolute; top:-1px; left:0; width:200%; border-top:none;} /*shopping_info 추가 2014-07-18 */ /*shopping_info 추가 2014-07-18*/ .shoppingInfo {margin-top:13px;} .list-eventInfo:before {content:''; position:absolute; top:0; bottom:0; width:0; overflow:hidden; height:100%; left:0%; } /* 2022-01-12 수정 [S]*/ .list-eventInfo li {position:relative; display:inline-block; vertical-align:top; width:100%; min-height:60px; font-size:13px; padding:0px 0px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:none;margin-bottom: 30px;} /* 2022-01-12 수정 [E]*/ .list-eventInfo div.list-eventInfo-layer{max-height:230px;overflow:hidden;} .list-eventInfo .eventTitle {position:absolute; bottom:0; left:0; width:100%; padding:5px 0px; background:rgba(0,0,0,0.5); color:#fff;} .list-eventInfo .eventTitle .anplan {display: inline-block;margin-top: 0px;margin-left: 10px;margin-right:10px;color: #333;min-width: 60px;padding-left: 3px;padding-right: 3px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #b6b6b6;font-size: 13px;float:left;background-color:#fff;} .list-eventInfo .eventLiner {position:absolute; bottom:0; left:0; width:100%; height:1px;background:#666; color:#fff;} .list-eventInfo li a .tit-bbs {display:block; margin:5px 10px; font-size:19px; font-family:'Happiness-Sans'; color:#fff; line-height:20px; word-break:break-all;}/* 2022-03-04 수정 */ .list-eventInfo li a .date {display:block; margin:1px 10px 0px 10px; font-size:12px; color:#fff; vertical-align:bottom;position:relative; } .list-eventInfo li a .plandate {display:block; margin:8px 10px 0px 10px; font-size:12px; color:#fff; vertical-align:bottom;position:relative; } .list-eventInfo li:last-child:nth-child(odd):after {content:''; position:absolute; top:-1px; left:0; width:200%; border-top:none;} /*shopping_info 추가 2014-07-18 */ /* 2020-03-24 02 추가 : S */ .list-eventInfo-type2 {border-top: 1px solid #e0e0e0} .list-eventInfo-type2 .list-eventInfo-wrap {} .list-eventInfo-type2 .eventTitle {padding:14px 25px 13px;background-color:#e0e0e0} .list-eventInfo-type2 .eventTitle .tit-bbs {overflow:hidden;font-family: 'Happiness-Sans', sans-serif;font-size:17px;white-space:nowrap;text-overflow:ellipsis}/* 2022-03-04 수정 */ .list-eventInfo-type2 .eventTitle .date {margin-top:4px;font-size:13px;font-weight:500;color:#666;} /* 2020-03-24 02 추가 : E */ /*shopping_info 추가 2014-07-18*/ .shoppingInfo {margin-top:13px;} .list-cardEventInfo:before {content:''; position:absolute; top:0; bottom:0; width:0; overflow:hidden; height:100%; left:0%; } .list-cardEventInfo li {position:relative; display:inline-block; vertical-align:top; width:100%; min-height:60px; font-size:13px; padding:0px 0px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:none;} .list-cardEventInfo div.list-eventInfo-layer{max-height:230px;overflow:hidden;} .list-cardEventInfo .eventTitle {position:absolute; bottom:0; left:0; width:100%; padding:5px 0px; background:rgba(0,0,0,0.5); color:#fff;} .list-cardEventInfo .eventTitle .anplan {display: inline-block;margin-top: 0px;margin-left: 10px;margin-right:10px;color: #333;min-width: 60px;padding-left: 3px;padding-right: 3px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #b6b6b6;font-size: 13px;float:left;background-color:#fff;} .list-cardEventInfo .eventLiner {position:absolute; bottom:0; left:0; width:100%; height:1px;background:#666; color:#fff;} .list-cardEventInfo li a .tit-bbs {display:block; margin:5px 10px; font-size:19px; font-family:'Happiness-Sans'; color:#fff; line-height:20px; word-break:break-all;}/* 2022-03-04 수정 */ .list-cardEventInfo li a .date {display:block; margin:1px 10px 0px 10px; font-size:12px; color:#fff; vertical-align:bottom;position:relative; } .list-cardEventInfo li a .plandate {display:block; margin:8px 10px 0px 10px; font-size:12px; color:#fff; vertical-align:bottom;position:relative; } .list-cardEventInfo li:last-child:nth-child(odd):after {content:''; position:absolute; top:-1px; left:0; width:200%; border-top:none;} /*shopping_info 추가 2014-07-18 */ /* 쟈스민 한가위 css 추가 2014-08-18*/ .txt_c {text-align:center; margin-bottom:30px;} .i- {position: relative;padding: 0 0 0 9px;line-height: 18px;} .i-:before {position: absolute;content: '';top: 7px;left: 0;width: 5px;height: 2px;background-color: #858585;} .dmCont-img {width:100%;} .dmCont-text {font-size:14px; line-height:18px; color:#333; font-family:sans-serif;} .dmCont-expired {border:2px solid #ccc; background-color:#f1f1f1; padding:18px 30px; color:#333; font-size:15px; line-height:18px; text-align:center; color:#333;} .dm-expand2 {overflow:hidden; width:100%; background-size:cover;} .dm-expand2 .form-item {display:table; width:100%; /*height:64px;*/ overflow:hidden; border-collapse:collapse; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .dm-expand2 .btn_apply {vertical-align:middle; color:#fff; font-size:18px; text-align:center; font-family:'Happiness-Sans'; background-color:#646464;}/* 2022-03-04 수정 */ .dm-expand2 .btn_apply:before {content:''; display:inline-block; vertical-align:middle; margin-right:5px; width:19px; height:16px; background:url('https://www.ehyundai.com/css/svg/iconDMbarcode.svg') no-repeat 0 0; background-size:100%;} .dm-expand2 .btn_apply:before {content:''; display:inline-block; vertical-align:middle; margin-right:5px; width:17px; height:13px; background:url('https://www.ehyundai.com/css/svg/iconDMuse.svg') no-repeat 0 0; background-size:100%;} .dm-expand2 .input-wrap {font-family: 'Happiness-Sans'; border: 10px solid #333; width:100%; }/* 2022-03-04 수정 */ .dm-expand2 .sel_zone {width:100%; height:54px; font-size:18px;} .dm-expand2 .btn-wrap {font-family: 'Happiness-Sans'; border: 15px solid #333; border-top:none; text-align:center;background-color:#646464; padding:18px 0;}/* 2022-03-04 수정 */ .dmCont-notice {border:1px solid #ccc; padding:16px 5px; color:#777777;} .dmProduct {color:#c9262d;} .dmJCont-notice a {color:#777777; line-height: 17px;} .dmJCont-text{font-size:14px; line-height:18px; color:#414141; font-family:sans-serif;} .dmJCont-text dl {clear:both;margin:0 auto; padding:5px 0px 20px;} .dmJCont-text dl dt, .dmJCont-text dl dd {float:left; letter-spacing:-0.8px;} .dmJCont-text dl dt {color:#777; width:125px;} .dmJCont-text dl dd {color:#414141;} .dmJCont-notice {color:#777;font-size:14px; line-height:18px; letter-spacing:-0.8px; margin-top:20px;} .dmJCont-notice ol {margin-left:15px; font-size:12px; } .ml18 {margin-left:15px;} .form-item + .form-item {margin-top: 20px;} .input-wrap.cardNum {margin-left: -3px;margin-right: -3px;margin-bottom: 6px;width: auto;} .list-note {padding:10px; border:1px solid #797979; margin-top:20px;} .list-note li { font-size: 13px;color: #666;line-height: 17px;} .giftProductName {padding:10px;} /* 2014-09-18 Added */ .check-item1 {line-height:13px; display:inline-block; text-indent:-21px; padding-left:21px;} .check-item1 label {color:#333;} .check-item1 + .check-item1 {margin-left:15px;} .check-item1.no-wrap {white-space:nowrap;} .terms-group .link_view2 {font-family:sans-serif; color:#666; text-align:right; padding-right:13px; background-image:url('../../images/mobilehome/svg/svgIconLink.png'); background-repeat:no-repeat; background-position:100% 40%; background-size:5px 10px; font-size:13px;} /* kakaotalk emoticon added */ .kakaotalk {margin:0; padding:0;width:100%; overflow:hidden; } .kakaotalk img {width: 100%!important; height: auto !important;} .kakaotalk-item img {width:100%} .kakaotalk .kakaotalk_tel {position:absolute; bottom:25%; left:50%; margin-left:-75px;text-align:center !important;} .kakaotalk .kakaotalk_tel span{font-size:1.4em; color:#000; font-weight:bold; } .kakaotalk .kakaotalk_btn-wrap{position:absolute; top:50%; left:00%; width:80%; margin:0 10%;} .kakaotalk .kakaotalk-item {position:relative;width:100%; padding:0 0 0px; } .kakaotalk .kakaotalk_btn-wrap img {padding:0;} .kakaotalk .btnText {display: inline-block; width: 100%; height:auto; background:none;} .kakaotalk .btnText img {width:95% !important; } .kakaotalk .kakaotalk_btn-wrap span {width:50%;} .kakaotalk .kakaotalk-telNum {margin:0 10% 15px;} .kakaotalk .kakaotalk-telNum .kaka_btn_change {width:100% !important; } .kakaotalk .emoti_btn-wrap { width:100%; text-align:center;} .kakaotalk .emoti_btn-wrap span {width:100%; text-align:center;} /* //kakaotalk emoticon added */ /* christmas bakery added */ .christmas {margin:0; padding:0;width:100%; padding-bottom:20px; overflow:hidden;background:#414141;} .christmas img {width: 100%!important; height: auto !important;} .christmas-item img {width:100%} .christmas .kakaotalk_tel {position:absolute; bottom:25%; left:50%; margin-left:-75px;text-align:center !important;} .christmas .kakaotalk_tel span{font-size:1.4em; color:#000; font-weight:bold; } .christmas .christmas-item {position:relative;width:100%; padding:0 0 0px; background:#414141;} .christmas .btnText {display: inline-block; width: 100%; height:auto; background:none;} .christmas .btnText img {width:100% !important; } .christmas .christ_btn-wrap { width:100%; text-align:center;background:#414141; } .christmas .christ_btn-wrap span {margin:20px auto; width:90%; padding:0px; border:1px solid #fff;text-align:center;} .christmas .christ_btn-wrap span.btn_coupon {margin:10px auto; width:90%; padding:0px; border:1px solid #fff;text-align:center;} .christmas .christmas-item .form-item { margin: 15px auto 0; text-align:center; } /* //christmas bakery added */ /* 20150130 위치 수정 */ .hdStore .store_info .ico_wrap {position:absolute; top:252px; left:50%; margin-left:-116px; width:232px; z-index:21;} /* //20150130 위치 수정 */ /* 20150302 화면깨짐 수정 */ .wrap_giftCard .bx-wrapper .bx-viewport {overflow:hidden !important;} .hdEvent .btn-wrap-2.btn_giftCard {overflow:hidden;} /* //20150302 화면깨짐 수정 */ /* 20150310 오디오북 추가 */ .audiobook .title-article {padding:20px 0 6px; font-family:'Happiness-Sans'; font-size:18px; color:#000; line-height:18px; border-bottom:2px solid #767676; margin-top:0 !important;}/* 2022-03-04 수정 */ .audiobook .sub_txt {font-size:15px; color:#555; line-height:18px; margin-bottom:10px; margin-top:13px;} .audiobook dl.audiobook_info {margin-top:13px;font-size:15px; color:#555; line-height:18px; } .audiobook dl.audiobook_info dt {margin-bottom:5px;font-size:15px; color:#333; line-height:18px; font-weight:bold;} .audiobook dl.audiobook_info dd {margin-bottom:13px;font-size:15px; color:#555; line-height:18px;} .audiobook dl.audiobook_info dd > p {font-size:13px; color:#666; line-height:18px;} .audiobook ul {margin-bottom:13px;font-size:15px; color:#555; line-height:18px; } .audiobook .btn-wrap-1 {margin-top:10px;} /* //20150310 오디오북 추가 */ /* 20150320 차량번호 등록관리 added */ .carlicence .vehicleWrap {position:relative;color:#333;font-size:12px;line-height:17px;} .icobtn_del {width:13px; height:13px; overflow:hidden; background:url(../../images/webhome/btn_delete.png) no-repeat 0 0; text-indent:0; line-height:500px;} .icobtn_del02 {width:19px; height:19px; overflow:hidden; background:url(../../images/webhome/btn_delete02.png) no-repeat 0 0; text-indent:0; line-height:500px;} .btnDelete {text-indent:-10000px;margin-left:20px;margin-top:5px;line-height:27px;min-width:28px;height:27px;min-height:27px;padding:1;background:url('../../images/mobilehome/btn_close_carnum.jpg') no-repeat center center; background-size:28px 27px;} .btn-wrap-2 .shortCut-gray {display:block;height:35px;line-height:35px;padding:0 20px 0 13px;} .shortCut-gray {color:#fff;background-color:#666666;} .shortCut-gray {position:relative;width:100%;text-align:center;font-family:'Happiness-Sans';font-size:14px;-moz-box-sizing:border-box;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;}/* 2022-03-04 수정 */ .no_line {border:0 !important;} .tspace03 {margin-top:15px !important;} /* form - input & label input.radio {width:14px; height:14px; margin:0 2px 2px 1px;} input.checkbox {width:14px; height:14px; margin:0 2px 2px 1px;} .input_checkwrap.error {padding-bottom:3px; border-bottom:2px solid #de4c4d; color:#dd4b4b; font-weight:bold;} *+ html .input_checkwrap.error {display:inline-block; padding:2px 0 0 0; vertical-align:middle;} input.text {min-height:18px; padding:4px 5px; border:1px solid #ccc; line-height:18px;} input.text.error {border:2px solid #de4c4d;} textarea.textarea {border:1px solid #ccc; resize:none; padding:4px 5px;} label.labeltype_pw {padding:5px 6px; color:#ccc;} */ input.text {min-height:18px; padding:4px 5px; border:1px solid #ccc; line-height:18px;} /* form - func_option */ .func_option {position:relative; display:inline-block; vertical-align:middle; background:#fff; border:1px solid #ccc; text-align:left;} *+ html .func_option {display:inline; zoom:1; margin-right:3px !important;} .func_option .selected {cursor:pointer; display:block; min-height:18px; padding:4px 25px 4px 10px; white-space:nowrap; overflow:hidden; text-overflow:crop;} .func_option .selected img {vertical-align:top; margin:2px 0;} .func_option button {position:absolute; right:0; top:0; width:25px; height:100%; background:#fff url(../../images/webhome/bul_btn_dropdown.png) no-repeat 50% 50%; font-size:0; line-height:0; text-indent:5000px;} .func_option .options {position:absolute; left:0; min-width:100%; padding:2px 0 4px 0; background:#fff; border:1px solid #ccc; margin-left:-1px;} .func_option .options.long {height:159px; overflow:auto; overflow-x:hidden;} .func_option .options li {position:relative; cursor:pointer; line-height:16px;} .func_option .options li input {visibility:hidden; position:absolute; left:-500px;} .func_option .options li label {padding:2px 10px; white-space:nowrap;} *+ html .func_option .options li label {white-space:normal; } .func_option .options li label img {vertical-align:middle; margin:1px 0;} .func_option.error {border:2px solid #de4c4d;} .func_option .options li input[type="radio"] {opacity:0; position:relative; z-index:15; width:14px; height:14px; vertical-align:left; margin-right:-15px;} .func_option .options li input[type="radio"] + label {position:relative; vertical-align:left; font-size:12px; line-height:10px; white-space:nowrap;} .func_option .options li input[type="radio"] + label:before {border-radius:8px; top:0; left:0; width:14px; height:10px; border:0;} .func_option .options li input[type="radio"]:checked + label:before {background: no-repeat 0px 0px; background-size:0px 0px;} .no_Lline button {cursor:pointer; display:inline-block; border:none; font-family:inherit; color:#333;} /* tb_board */ .tb_type1 {border-bottom:1px solid #c2c7d5;} .tb_type1 table {width:100%; border-top:2px solid #c2c7d5; border-bottom:1px solid #c2c7d5;} .tb_type1 table th, .tb_type1 table td {border-top:1px solid #c2c7d5;} .tb_type1 table tr:first-child th, .tb_type1 table tr:first-child td {border-top:0;} .tb_type1 table th.fir, .tb_type1 table td.fir {border-left:0;} .tb_type1 table th {padding:12px 0 11px 20px; background:#eaedf3; color:#5d6c89; text-align:left; letter-spacing:-1px;} .tb_type1 table th .required {position:absolute; margin:4px 0 5px -7px;} .tb_type1 table thead th {padding-left:0; border-bottom:1px solid #c2c7d5; border-left:0; text-align:center;} .tb_type1 table thead th.sect {padding:8px 0 7px 0; background:#f3f4f7;} .tb_type1 table td {padding:8px 0 7px 20px; background:#fff; color:#666;} .tb_type1 table td.noresult {padding-left:0 !important; padding-right:0 !important;} .tb_type1 table .tbody th, .tb_type1 table .tbody td {border-left:0;} .tb_type1 table .tfoot tr th, .tb_type1 table .tfoot tr td {border-left:0; border-bottom:0; border-top:1px solid #c2c7d5;} .tb_type1 table .tfoot tr th {color:#333;} .tb_type1 table .tfoot02 tr th, .tb_type1 table .tfoot02 tr td {border-left:0; border-bottom:2px solid #c3c8d5; border-top:2px solid #c3c8d5; padding:12px 0; font-weight:bold; color:#333333;} .tb_type1 table .tfoot02 tr td.font_normal {font-weight:normal;} .tb_type1 table .tfoot02 tr td.b_line {border-bottom:1px solid #c3c8d5;} .tb_type1 table .tfoot02 .left_pad {padding-left:20px;} .tb_type1 table .tfoot02 .right_pad {padding-right:20px;} .tb_type1 table .tfoot02 tr td.no_bline {border-bottom:0;} .tb_type1 table .tbody th {padding:8px 0 7px 20px; background:none; color:#666; font-weight:normal;} .tb_type1 table .al {padding-left:20px !important; text-align:left !important;} .tb_type1 table .al_type2 {padding-left:5px !important; text-align:left !important;} .tb_type1 table .ar th, .tb_type1 table .ar td {padding-right:20px; text-align:right;} .tb_type1 table .ar {padding-right:20px !important; text-align:right !important;} .tb_type1 table .ar02 {padding-right:30px !important; text-align:right !important;} .tb_type1 table .ar03 {padding:11px 0 10px 0 !important; text-align:right !important;} .tb_type1 table .ar04 {padding-right:10px !important; padding-left:10px !important; text-align:right !important;} .tb_type1 table .ac th, .tb_type1 table .ac td {padding-left:0; padding-right:0; text-align:center;} .tb_type1 table .ac {padding-left:0 !important; padding-right:0 !important; text-align:center !important;} .tb_type1 table .emcell {background:#eaedf3 !important; color:#5d6c89 !important;} *+ html .tb_type1 table td .func_option {margin-right:3px !important;} .tb_type1 table th.line, .tb_type1 table td.line {border-left:1px solid #c2c7d5;} .tb_type1 table th.line_type2, .tb_type1 table td.line_type2 {border-right:1px solid #c2c7d5;} .tb_type1 table.form td, .tb_type1 table td.celltype_input {padding:3px 0 3px 20px;} .tb_type1 table.form td .text, .tb_type1 table.form td .func_option, .tb_type1 table td.celltype_input .text, .tb_type1 table td.celltype_input .func_option {margin:4px 0;} .tb_type1 table.form td.celltype_output {padding-top:8px; padding-bottom:7px;} .tb_type1 table.form td .note {margin-bottom:5px;} .tb_type1 table.form td .note_upper {margin-top:5px;} .tb_type1 table td .note, .tb_type1 table td.celltype_output .note {margin:5px 0 0 0;} .tb_type1 table td .note_upper, .tb_type1 table td.celltype_output .note_upper {margin:0 0 5px 0;} .tb_type1 table td .btn_group {margin:5px 0;} .tb_type1 table td .chkarea_upper {margin-top:5px;} .tb_type1 table td .icon_lock {background:url(../../images/webhome/icon_lock.png) no-repeat 0 0; width:10px; height:12px; display:inline-block; margin-right:5px; font-size:0; line-height:0; text-indent:0; vertical-align:middle;} .tb_type1 table td .icon_unlock {background:url(../../images/webhome/icon_unlock.png) no-repeat 0 0; width:10px; height:13px; display:inline-block; margin-right:5px; font-size:0; line-height:0; text-indent:0; vertical-align:middle;} .tb_type1 table td .txtinput_group {margin:5px 0;} .tb_type1 .tb_innrcont {padding:12px 20px 11px 20px; background:#fff; border-bottom:1px solid #c2c7d5;} .tb_type1 .tb_innrcont.tline {border-top:1px solid #c2c7d5;} .tb_type1 table td.celltype_divcell {padding:0;} .tb_type1 table td.celltype_divcell .divcell {padding:8px 0 7px 20px; border-top:1px solid #c2c7d5;} .tb_type1 table td.celltype_clear {padding:0 !important; border:0 !important;} .tb_type1 table td .subject_iconpreset {display:block; position:relative; padding-left:20px; margin-left:-15px;} .tb_type1 table td .subject_iconpreset .icobtn_del {position:absolute; left:0; margin:2px 0;} .tb_type1 table td .subject_iconpreset .icon_lock, .tb_type1 table td .subject_iconpreset .icon_unlock {position:absolute; left:5px; margin:2px 0;} .tb_type1 table td .details {background:#f6f6f6; padding:15px 20px 15px 70px; border-top:1px solid #c2c7d5;} .tb_type1 table .trtype_double th {border-top:2px solid #c2c7d5; border-bottom:2px solid #c2c7d5; background:none; color:#333;} .tb_type1 table .trtype_double td {border-top:2px solid #c2c7d5; border-bottom:2px solid #c2c7d5; border-left:0;} .tb_type1 table td .btn_lpad {margin-left:20px;} .tb_type1 table td .selgroup_lpad {padding-left:30px;} .tb_type1 table td .input_between_pad {margin-left:20px !important;} .tb_type1 table td .input_label .labeltype_pw {margin:4px 0; padding-left:0; padding-right:0; width:100%; text-align:center;} .tb_type1 table td.title {padding:13px 0 13px 20px; font-size:14px; color:#333;} /* 20150320 차량번호 등록관리 added */ /* 21-01-27 추가 : S */ .coursesEntry.info table td.bdm {border-bottom :1px solid #d7d7d7!important;} .charing_btn {display: inline-block; height: 37px; line-height: 35px; margin-left:2%; padding:0 24px 0 14px; border:1px solid #666; background:url(../../images/mobilehome/charing_arrow.png) no-repeat 85% center; font-size:12px!important; text-indent: 0;} .flex {display: flex; justify-content: space-between; align-items: center;} .flex .input-wrap {width:65%;} .flex .charing_btn {width:30%;} /* 21-01-27 추가 : E */ /* 20150408 설문조사 추가 */ #survey {height:100%;} #survey h1 {height:118px;background:#5c88c5 url(https://www.ehyundai.com/css/images/bg_tit.gif) no-repeat right 0;background-size:111px 118px;text-align:center;line-height:118px;} #survey h1 img {width:189px;/*padding:45px 0 0 20px;*/vertical-align:middle;} #survey .content {padding:27px 10px 17px;} #survey .stit {display:block;margin:14px 0 4px 0;color:#000;font-size:14px;} #survey em.branch {color:#3373ca;font-weight:bold;} #survey p.info {color:#3373ca;font-weight:bold;} #survey .content label {margin:0 0px 0 0;} #survey .content .radio {margin:0 1px 0 0;width:1px;} #survey .content .textarea {width:100%;height:50px;margin:6px 0 0 0;border:1px solid #c5c5c5;} #survey .servey_list > li {margin:17px 0 17px 0;} #survey .servey_list > li > ul > li p {padding:13px 0 0 3px;} #survey .select_box_type01 {border:1px solid #c5c5c5;margin:6px 0 0 0;padding:7px 10px;} #survey .select_box_type01 ul {overflow:hidden;} #survey .select_box_type01 li {float:left;margin:2px 0;width:33%;} /* 2015-04-10 */ #survey .select_box_type02 {border:1px solid #c5c5c5;margin:6px 0 0 0;padding:7px 10px;} #survey .select_box_type02 li {margin:13px 0 0 0;} #survey .select_box_type02 li:first-child {margin:0 0 0 0;} #survey .an_que p {margin:0 0 20px 0;color:#010101;font-weight:bold;} #survey a.btn {display:block;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;background:#000;text-decoration:none;} #survey .an_que_finish {text-align:center;padding:170px 0;background:url(https://www.ehyundai.com/css/images/bg_finish.gif) no-repeat 50% 13%;background-size:88px 98px;} #survey .an_que_finish p {margin:0 0 16px 0;font-size:14px;line-height:20px;color:#fff;} #survey .an_que_finish a.btn {width:150px;margin:0 auto;} /* //20150408 설문조사 추가 */ /* 2015-04-09 추가*/ .main_banner {margin:10px 13px 0;border:1px solid #dedede;} /* //2015-04-09 추가*/ .app_down_use { padding:15px 10px; background:#f5f5f5 url('../../images/mobilehome/img_hynapp.png') no-repeat 96% 15px; background-size:37px 37px; } .app_down_use strong {font-size:15px;color:#333;} .app_down_use p {margin-top:15px;} .app_down_use ul {margin-top:6px;} .wrap_boxlist .boxwrap .box_type2 {height:150px;} .notice_indent {margin:7px 0 0 0;text-indent:-14px;padding-left:14px;} .list_tit li {overflow:hidden;} .list_tit li em {margin:0 10px 0 0;font-weight:bold;display:block;float:left;} .list_tit li p {float:left;} .vip_benefit { padding:15px 10px; background:url('../../images/mobilehome/img_vipbene.png') no-repeat 96% 90%; background-size:37px 27px; border:1px solid #e9e9e9; } .vip_benefit strong {font-size:15px;color:#333;} .vip_benefit ul {margin-top:6px;} .hyndaiapp {background:url('../../images/mobilehome/img_hyndaiapp.png') no-repeat 50% 10px;background-size:50px 50px;} .umpluskakao {background:url('../../images/mobilehome/img_umpluskakao.png') no-repeat 50% 10px;background-size:50px 50px;} .hyndaiapp, .umpluskakao {padding:69px 0 0 0;} .hyndaiapp strong, .umpluskakao strong {font-size:15px;} .gift_img {margin:10px 0;} .issue_mobile {padding:12px 10px;border:1px solid #b9b9b9;} .issue_mobile strong {display:block;margin:0 0 5px 0;font-size:15px;font-weight:bold;} .issue_mobile em {display:block;margin:10px 0 0 0;font-size:15px;font-weight:bold;} .usepoint {padding:10px 0;margin:0 0 10px 0;border-bottom:1px solid #d7d7d7;} .usepoint table {width:100%;} .usepoint table th {padding:4px 0;text-align:left;} .usepoint table td {padding:4px 0;} .point_detail {width:100%;} .point_detail td {padding:7px 0;border-bottom:1px solid #d7d7d7;} .point_detail td em {display:block;font-weight:bold;} .point_detail td.point {text-align:right;font-weight:bold;} /* 여기까지2015-05-07*/ /* 여기부터 2015-05-22 */ .area_cardimg_umember .area_cardimg { text-align:left; position:relative; top:0; left:0; background-color:#fff; padding:0 20px 0 0; } /* 여기까지 2015-05-22*/ /* 2015-06-29 */ .list-chk-wrap {position:relative;} .list-chk-wrap .link_view2 {position:absolute;top:5px;right:10px;} /* 2015-08-03 */ .audiobook_list_cel {padding:20px 60px 30px;} .audiobook_list_cel li:first-child {margin:0 0 60px 0;} .audiobook_list:after {content:''; display:block; clear:both; height:0;} .audiobook_list li { min-height:350px; width:50%; float:left; padding-bottom:15px; text-align:center; border-bottom:1px solid #bfbfbf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .audiobook_list li:nth-child(even) {border-left:1px solid #bfbfbf;} .audiobook_list li .tit_audiobook {font-family:'Happiness-Sans';font-size:15px;}/* 2022-03-04 수정 */ .audiobook_list li .writer {display:block;margin:13px 0;font-family:'Happiness-Sans';font-size:12px;}/* 2022-03-04 수정 */ .audiobook_list li p {padding:13px 13px 10px;} .audiobook_list li img.btn_l {width:30px;height:21px;} .tit_audiobook {padding:10px 0 6px; font-family:'Happiness-Sans'; font-size:22px; color:#000; line-height:21px;}/* 2022-03-04 수정 */ /* 2015-08-12 onepass related */ .dormant_user .user_state {padding:26px 0 16px; text-align:center; border-bottom:1px solid #dcdcdc;} .dormant_user .user_state > p {line-height:30px; font-size:22px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .dormant_user .user_state:before {content:''; display:inline-block; width:60px; height:60px; margin-bottom:14px; background:url('../../images/mobilehome/svg/icon_dormant_user.png') no-repeat 0 0; background-size:100%;} /* 2015-08-24 */ .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt30 {margin-top:30px !important;} .mt50 {margin-top:50px !important;} .pkagree {position:absolute;top:10px;right:10px;} .poplink_view { font-family:sans-serif; color:#666; text-align:right; padding-right:13px; background-image:url('../../images/mobilehome/svg/svgIconLink.png'); background-repeat:no-repeat; background-position:100% 40%; background-size:5px 10px; font-size:13px; } .chk_popview {overflow:hidden;padding-top:20px;} .chk_popview .check-item {float:left;} .chk_popview .poplink_view {float:right;} .btnprevpages { position:absolute; top:23px; right:13px; text-indent:-999px; overflow:hidden; width:13px; height:9px; background:url('https://www.ehyundai.com/images/webhome/btn_prevpage.png') no-repeat 0 0; background-size:100%; } .tab_branch { margin-top:10px; margin-bottom:10px; width:88%; margin-left:6%; overflow:hidden; height:29px; border:1px solid #5b5b5b; border-radius:5px; z-index:9999; } .tab_branch li { float:left; width:49.5%; height:29px; border-left:1px solid #5b5b5b; text-align:center; } .tab_branch li:first-child {border-left:none;} .tab_branch li a { display:block; width:100%; height:29px; line-height:29px; color:#5b5b5b; font-size:14px; font-family:'Happiness-Sans';/* 2022-03-04 수정 */ } .tab_branch li.current a {background:#5b5b5b;color:#fff;} /* popUp */ #mask {position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none;} .window {position:absolute; left:-5000px; top:0; display:none;/*visibility:hidden;*/ z-index:10000;} .poplayer {background:#bbb;} .poplayer .wrap_poplayer {position:relative; padding:30px 20px; border:1px solid #c2c7d5; background:#fff; text-align:left;} *+ html .poplayer .wrap_poplayer {zoom:1;} .poplayer .wrap_poplayer02 {position:relative; border:1px solid #c2c7d5; background:#fff; text-align:left;} *+ html .poplayer .wrap_poplayer02 {zoom:1;} .poplayer .wrap_poplayer03 {position:relative; top:0; left:0; padding:30px 20px; border:1px solid #6d6d6d; background:#fff; text-align:left;} .poplayer .wrap_poplayer03 .layer_arr {position:absolute; top:29px; left:-14px; width:14px; height:21px; overflow:hidden; background:url(https://www.ehyundai.com/css/mobilehome/images/webhome/bg_layer_arr_14x21.png) no-repeat 0 0;} .poplayer .wrap_poplayer03 .layer_arr_r {position:absolute; top:29px; right:-14px; width:14px; height:21px; overflow:hidden; background:url(https://www.ehyundai.com/css/mobilehome/images/webhome/bg_layer_arr_r_14x21.png) no-repeat 0 0;} .poplayer > div > .closed {position:absolute; top:0; right:0; width:33px; height:30px; overflow:hidden; text-indent:-5000px; background:url(https://www.ehyundai.com/css/mobilehome/images/webhome/btn_popclose.png) no-repeat 0 0;} .poplayer.wmaxpop {width:764px;} .poplayer.wmaxpop .scroll {width:724px;} .poplayer.wmaxpop_wide {width:984px;} body.popup .poplayer {margin:0;} body.popup .poplayer .wrap_poplayer {top:0; left:0;} /* form - func_option */ .func_option {position:relative; display:inline-block; vertical-align:middle; background:#fff; border:1px solid #ccc; text-align:left;} *+ html .func_option {display:inline; zoom:1; margin-right:3px !important;} .func_option .selected {cursor:pointer; display:block; min-height:18px; padding:4px 25px 4px 10px; white-space:nowrap; overflow:hidden; text-overflow:crop;} .func_option .selected img {vertical-align:top; margin:2px 0;} .func_option button {position:absolute; right:0; top:0; width:25px; height:100%; background:#fff url(https://www.ehyundai.com/css/mobilehome/images/mobilehome/svg/bul_btn_dropdown.png) no-repeat 50% 50%; font-size:0; line-height:0; text-indent:5000px;} .func_option .options {position:absolute; left:0; min-width:100%; padding:2px 0 4px 0; background:#fff; border:1px solid #ccc; margin-left:-1px;} .func_option .options.long {height:159px; overflow:auto; overflow-x:hidden;} .func_option .options li {position:relative; cursor:pointer; line-height:16px;} .func_option .options li input {visibility:hidden; position:absolute; left:-500px;} .func_option .options li label {display:block; padding:2px 10px; white-space:nowrap;} *+ html .func_option .options li label {white-space:normal; } .func_option .options li label img {vertical-align:middle; margin:1px 0;} .func_option.error {border:2px solid #de4c4d;} /* form - input & label 0917 */ input.radio {width:14px; height:14px; margin:0 2px 2px 1px;} input.checkbox {width:14px; height:14px; margin:0 2px 2px 1px;} .input_checkwrap.error {padding-bottom:3px; border-bottom:2px solid #de4c4d; color:#dd4b4b; font-weight:bold;} *+ html .input_checkwrap.error {display:inline-block; padding:2px 0 0 0; vertical-align:middle;} input.text {min-height:18px; padding:4px 5px; border:1px solid #ccc; line-height:18px;} input.text.error {border:2px solid #de4c4d;} textarea.textarea {border:1px solid #ccc; resize:none; padding:4px 5px;} label.labeltype_pw {padding:5px 6px; color:#ccc;} input[type="radio"] {opacity:0; position:relative; z-index:15; width:14px; height:14px; vertical-align:middle; margin-right:-15px;} input[type="radio"] + label {position:relative; padding-left:21px; vertical-align:middle; font-size:14px; line-height:18px; white-space:nowrap;} input[type="radio"] + label:before {content:''; position:absolute; border-radius:8px; top:0; left:0; width:14px; height:14px; border:1px solid #797979;} input[type="radio"]:checked + label:before {background:url('../../images/mobilehome/svg/svgIconRadio.png') no-repeat 3px 3px; background-size:8px 8px;} /* popUp 0917 */ #mask {position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none;} .window {position:absolute; left:-5000px; top:0; display:none;/*visibility:hidden;*/ z-index:10000;} .poplayer {background:#bbb;} .poplayer .wrap_poplayer {position:relative; padding:30px 20px; border:1px solid #c2c7d5; background:#fff; text-align:left; } .header_mask {display:none; position:fixed; left:0; top:0; z-index:49; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);} .btn_type13 {display:inline-block; vertical-align:middle; float: right;} .btn_type13 button, .btn_type13 input {height:28px; text-indent:0; font-size:12px; line-height:17px; overflow:visible;} .btn_type13 button span, .btn_type13 input, .btn_type13 a {display:block; background:#fff url(../../images/webhome/bul_btn_arrow_01.png) no-repeat right 50%; padding:5px 32px 4px 15px; color:#666; font-size:12px; line-height:17px; font-weight:bold; letter-spacing:-1px; white-space:nowrap; cursor:pointer;} .btn_type13 button:hover span, .btn_type13 button:focus span, .btn_type13 input:hover, .btn_type13 input:focus, .btn_type13 a:hover, .btn_type13 a:focus {background-image:url(../../images/webhome/bul_btn_arrow_02.png); text-decoration:none;} /*.btn_type13 a:hover, .btn_type13 a:focus {background-color:#000 !important; background-image:url(../../images/webhome/bul_btn_arrow_02.png); border-color:#000; color:#fff; text-decoration:none;}*/ .tit_section01 {font-size:16px; color:#333; margin:50px 0 13px 0; letter-spacing:-1px;} .bltxt_type1 {padding-left:12px; background:url(../../images/webhome/bul_square_3x3_666666.png) no-repeat 0 7px; line-height:18px;} .block01{margin-bottom:10px; margin-top: 10px;} .culture{overflow:hidden;} .culture .box_search{ float:left;} /* 2015-11-05 회원탈퇴 */ .withdrawal_login { padding:0 0 23px; color:#333; font-size:13px; font-family:'Happiness-Sans'; line-height:1.7;}/* 2022-03-04 수정 */ .member_note_1 span { color:#dd4c4c;} .withdrawal_etc { overflow:hidden; width:100%; padding:4px 0 0 0;} .withdrawal_etc li{width:100%;} .withdrawal_etc li:first-child { float:left; padding:0 12px 0 0; vertical-align:middle; line-height:37px;} .withdrawal_etc li:nth-child(2) { float:left; width:82%;} .withdrawal_etc li .withdrawal_input {width:70%; height: 37px; padding: 8px 12px; color: #000; border: 1px solid #797979; background: #fff; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin-left:10px;} .withdrawal_end { height:205px; margin:0 13px 19px; text-align:center; border-bottom:1px solid #dcdcdc; background:url(../../images/webhome/img_withdrawal_end.png) no-repeat 50% 27px;} .withdrawal_end h2 { padding:103px 0 0 0; font-size:21px; line-height:1.3; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .withdrawal_end p { padding:11px 0 0 0; color:#333; font-size:14px; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .wrap_boxlist .boxwrap .box.white .money01 {background-image: url('../../images/mobilehome/svg/money_icon01.png');}.wrap_boxlist .boxwrap .box.white .money02 {background-image: url('../../images/mobilehome/svg/money_icon02.png');}.wrap_boxlist .boxwrap .box.white .money03 {background-image: url('../../images/mobilehome/svg/money_icon03.png');}.wrap_boxlist .boxwrap .box.white .money04 {background-image: url('../../images/mobilehome/svg/money_icon04.png');}.wrap_boxlist .boxwrap .box.white .money05 {background-image: url('../../images/mobilehome/svg/money_icon05.png');}.wrap_boxlist .boxwrap .box.white .money06 {background-image: url('../../images/mobilehome/svg/money_icon06.png');}.wrap_boxlist .boxwrap .box.white .money01,.wrap_boxlist .boxwrap .box.white .money02,.wrap_boxlist .boxwrap .box.white .money03,.wrap_boxlist .boxwrap .box.white .money04,.wrap_boxlist .boxwrap .box.white .money05,.wrap_boxlist .boxwrap .box.white .money06 {position: absolute; bottom: 0;right: 0;width: 54px; height: 55px;background-repeat: no-repeat;background-position: 0 0;background-size: 100%;} /* 2022-07-28 추가 [S] */ .withdrawal_form{background-color: #f6f6f6; padding: 22px 12px; border: 0.5px solid #e5e5e5;} .withdrawal_form .txt_heading{font-size: 17px; font-family: "Happiness-Sans-Title"; color: #666; line-height: normal; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;} .withdrawal_form .txt_desc{color: #666; font-size: 12px; margin-bottom: 50px; line-height: 1.5;} .withdrawal_form .txt_subtit{font-size: 13.5px; font-family: "Happiness-Sans-Title"; color: #666; margin-bottom: 10px;} .withdrawal_form .list_inputgroup li{position: relative; padding-left: 10px; font-size: 12px; line-height: 1.5; margin-bottom: 0;} .withdrawal_form .list_inputgroup li::before{content: '\00B7'; position: absolute; top: 0; left: 0;} .withdrawal_form .list_inputgroup li .colorR{color: #b80404;} .withdrawal_form .list_inputgroup.mgb50{margin-bottom: 50px;} /* 2022-07-28 추가 [E] */ /* 여기부터 0922 the빠른발급서비스 추가*/ .sub_txt2 {font-size: 13px; color: #555; line-height: 18px; margin-bottom: 10px; margin-top: 13px;font-weight: bold; padding-left: 15px;} .img_card2 {position:relative; display:inline-block;width:162px; height:101px; margin:7px 0 16px; float: right;} .title-article2 {padding:10px 0 6px; font-family:'Happiness-Sans'; font-size:17px; color:#000; line-height:21px; }/* 2022-03-04 수정 */ .area_cardimg .desc2 {padding:20px 15px; font-size:14px; line-height:20px; font-weight:bold;} .btn-wrap-5 {margin:0; text-align:center; width:100%;} .btn-wrap-5:after {content:''; clear:both; display:block; height:0;} .btn-wrap-5 > .cell {width:50%; display:table; float:left; vertical-align:middle; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; table-layout:fixed;} .btn-wrap-5 > .cell:nth-child(1) {padding-left:0;} .btn-wrap-5 > .cell:nth-child(3) {padding-right:0;} .btn-wrap-5 > .cell a > span {white-space:nowrap;} .btn-wrap-5.card-info {margin:20px 13px 0; width:auto;} .btn-wrap-5.card-info .cell a {display:table-cell; color:#fff; background-color:#383838; text-align:center; font-size:16px; height:62px; vertical-align:middle; font-family:'Happiness-Sans'; background-repeat:no-repeat;}/* 2022-03-04 수정 */ .btn-wrap-6 {margin:0; text-align:center; width:100%;} .btn-wrap-6:after {content:''; clear:both; display:block; height:0;} .btn-wrap-6 > .cell {width:50%; display:table; float:left; vertical-align:middle; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; table-layout:fixed;} .btn-wrap-6 > .cell:nth-child(1) {padding-left:0;} .btn-wrap-6 > .cell:nth-child(3) {padding-right:0;} .btn-wrap-6 > .cell a > span {white-space:nowrap;} .btn-wrap-6.card-info {margin:8px 10px 20px 12px; width:auto;} .btn-wrap-6.card-info .cell a {display:table-cell; color:#fff; background-color:#383838; text-align:center; font-size:16px; height:90px; vertical-align:middle; font-family:'Happiness-Sans'; background-repeat:no-repeat;}/* 2022-03-04 수정 */ .btn-wrap-7 {margin:0; text-align:center; width:100%;} .btn-wrap-7:after {content:''; clear:both; display:block; height:0;} .btn-wrap-7 > .cell {width:50%; display:table; float:left; vertical-align:middle; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; table-layout:fixed;} .btn-wrap-7 > .cell:nth-child(1) {padding-left:0;} .btn-wrap-7 > .cell:nth-child(3) {padding-right:0;} .btn-wrap-7 > .cell a > span {white-space:nowrap;} .btn-wrap-7.card-info {margin:20px 13px 0; width:auto;} .btn-wrap-7.card-info .cell a {display: table-cell; color: #fff; background-color: #383838; text-align: center; font-size: 16px; height: 90px; padding-bottom: 10px; vertical-align: middle; font-family: 'Happiness-Sans'; background-repeat: no-repeat;}/* 2022-03-04 수정 */ .btn-wrap-8 {margin:20px 13px 0; text-align:center; width:100%;} .btn-wrap-8:after {content:''; clear:both; display:block; height:0;} .btn-wrap-8 > .cell {width:50%; display:table; float:right; vertical-align:middle; padding:0 3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; table-layout:fixed;} .btn-wrap-8 > .cell:nth-child(1) {padding-left:0;} .btn-wrap-8 > .cell:nth-child(3) {padding-right:0;} .btn-wrap-8 > .cell a > span {white-space:nowrap;} .btn-wrap-8.ars {margin:20px 13px; width:auto;} .btn-wrap-8.ars .cell a {display:block; width:auto; color:#fff; text-align:center; font-size:14px; font-family:'Happiness-Sans'; padding:13px 15px; background-color:#666; }/* 2022-03-04 수정 */ /* the빠른발급서비스 아이콘 추가 */ .wrap_boxlist .boxwrap .box.white .icon11 {background-image:url('../../images/mobilehome/svg/0918_11_01.png');} .wrap_boxlist .boxwrap .box.white .icon12 {background-image:url('../../images/mobilehome/svg/0918_11_02.png');} .wrap_boxlist .boxwrap .box.white .icon13 {background-image:url('../../images/mobilehome/svg/0918_11_03.png');} .wrap_boxlist .boxwrap .box.white .icon14 {background-image:url('../../images/mobilehome/svg/0918_11_04.png');} .wrap_boxlist .boxwrap .box.white .icon15 {background-image:url('../../images/mobilehome/svg/0918_11_05.png');} /* 여기까지 0922 the빠른발급서비스 추가*/ /* 2016-02-05 현대시티아울렛 동대문점 카페테리아 */ .i-page.type2 { padding-left:0 !important; padding-right:0 !important;} .cafe_list { margin:0 13px 30px 13px; padding:0 0 30px 0; border-bottom:1px solid #e1e1e1;} .cafe_list.first { padding:40px 0 30px 0; border-top:2px solid #999;} .cafe_list.last { border:0;} .cafe_list .name_cafe { margin:30px 0 15px 0; color:#222; font-family: 'Happiness-Sans'; font-size: 17px;}/* 2022-03-04 수정 */ .cafe_list .detail { font-size:14px; line-height:18px; color: #555;} .cafe_list .place { padding:15px 0 0 0;} .cafe_list .place strong { font-weight:bold;} /* 위더스 - 점 선택 개선 css */ .branch_select .tab_branch li { float:left; width:33.1%; height:29px; border-left:1px solid #5b5b5b; text-align:center; } .branch_select .tab_branch li:first-child {border-left:none;} .branch_select .tab_branch li a { display:block; width:100%; height:29px; line-height:29px; color:#5b5b5b; font-size:14px; font-family:'Happiness-Sans';/* 2022-03-04 수정 */ } .branch_select .tab_branch li.current a {background:#5b5b5b;color:#fff;} .branch_select .branch { overflow:hidden; width:100%; margin:10px 0 0 0; padding-bottom:10px; -webkit-box-sizing:border-box; } .branch_select .branch li{ float: left; width: 33.3%; height:41px; padding:0 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top:7px; text-align:center; } .branch_select .branch li.long{ float: left; width: 99.9%; height:41px; padding:0 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top:7px; text-align:center; } .branch_select .branch li a, .branch_select .branch li.long a{ display:block; height:41px; line-height:41px; border:1px solid #c8c8c8; font-family:'Happiness-Sans';/* 2022-03-04 수정 */ } .branch_select .branch li.current a, .branch_select .branch li.long.current a{border:1px solid #000;} .branch_select .btn_center { left:0; bottom:50px; width:100%; height:35px; text-align:center; background-color:rgba(0,0,0,.2); -webkit-box-sizing:border-box; padding-top:10px; } .branch_select .btn_center button { width:17px; height:17px; margin:0 auto; background:url('https://www.ehyundai.com/images/mobilehome/btn_xclose.png') no-repeat 50% 0; background-size:100%; } /* 2016-03-14 added */ .clubWed .btn-wrap-3 .cell {width:50%;} .clubWed .btn-wrap-3 + .btn-wrap-3 .cell {width:50%;} .clubWed .title-subject.fir {margin-top:0px;} /* 2017-01-24 */ .culture .list-lecture > li .condition .apply.bt-lt{display:inline-block;} .culture .list-lecture > li.my-lt-list{padding:10px 0 35px} .culture .list-lecture.mine > li.my-lt-list .lecture-info{padding-right:0;bottom:30px;} .culture .list-lecture.mine > li.my-lt-list .condition .cancel, .culture .list-lecture.mine > li.my-lt-list .condition .register{display:inline-block;} #popupSelectStudent2.window{position:fixed ;left:0 !important;top:0 !important;right:0;bottom:0;z-index:1000;overflow-y:auto;} .use_tel input[type="text"]{border: 1px solid #797979;width:100%;height: 37px;min-height: 37px;} .use_tel .hipen{height:37px;line-height:37px;} .use_tel .cell{width:33.33%;} .slt_mb_type01{ position: relative; width: 33%; font-size: 14px; min-width: 80px; height: 37px; min-height: 37px; white-space: normal; padding: 8px 25px 8px 8px; line-height: 17px; border: 1px solid #797979; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../../images/mobilehome/svg/svgIconSel.png) no-repeat right center; background-size: 19px 6px; z-index: 25; } .courses .text-terms, .courses .title-item, .courses .list-terms li{font-family:sans-serif} /* 2016-04-06 : 송도점 지점추가 */ /* 2016-04-19 : 수정 */ .market_list { margin:0 13px;} .market_list.last { border:0;} .market_list .cate { margin:30px 0 15px 0; color:#222; font-family: 'Happiness-Sans'; font-size: 22px; text-align:center;}/* 2022-03-04 수정 */ .market_list .name { margin:15px 0 5px 0; color:#222; font-family: 'Happiness-Sans'; font-size: 17px;}/* 2022-03-04 수정 */ .market_list .detail { margin-top:10px; font-size:14px; line-height:18px; color: #555;} .market_list .brands { padding:15px 0 0 0;} .market_list .btline { padding-bottom:13px; margin-bottom:13px; border-bottom:1px solid #e1e1e1;} /* 2016-06-08 스마트 쿠폰북 추가 */ .smartcoupon .info-board.theme-a {padding: 20px 0 0 0;} .smartcoupon .info-board.theme-a .wbr {display: block; line-height: inherit;} .smartcoupon .info-board.theme-a:before {content: ''; display: block; width: 75px; height: 75px; margin: 0 auto; background-image: url(../../images/mobilehome/bg_infoboard_a.png); background-repeat: no-repeat; -webkit-background-size: 75px auto; background-size: 75px auto;} .smartcoupon .info-board.theme-a .subject {padding: 20px 0; font-size: 21px; line-height: 24px; font-family: 'Happiness-Sans'; text-align: center;}/* 2022-03-04 수정 */ .smartcoupon .info-board.theme-a .summary {padding: 20px 0 0 0; text-align: center; border-top: 1px solid #dcdcdc;} .smartcoupon .info-board.theme-a.complete-register:before {background-position: 0 0;} .smartcoupon .info-board.theme-a.complete-modify:before {background-position: 0 -75px;} .smartcoupon .info-board.theme-a.complete-withdrawal:before {background-position: 0 -150px;} .smartcoupon .btn-wrap-2 {margin-top: 20px;} /* 2016-06-13 빠른 재발급 신청 */ .card-reissuance .container {padding-top: 0;} .card-reissuance .container .title-2 {margin: 0; padding: 0 0 6px 0; font-family: 'Happiness-Sans'; font-size: 17px; color: #000; line-height: 21px; border-bottom: 2px solid #797979;}/* 2022-03-04 수정 */ .card-reissuance .container .title-3 {margin: 0; font-family: 'Happiness-Sans'; font-size: 17px; color: #000; line-height: 21px;}/* 2022-03-04 수정 */ .card-reissuance .container .param {line-height: 20px;} .card-reissuance .container *+.param {margin-top: 8px;} .card-reissuance .container .param.intro {margin: 20px 0;} .card-reissuance .container .section {margin-top: 20px;} .card-reissuance .container .section param {margin-top: 8px;} .card-reissuance .container .section .button-panel {margin-top: 24px;} .card-reissuance .container .section+.button-panel {margin-top: 40px;} .card-reissuance .container .info-board.theme-a.complete-reissuance:before {background-position: 0 -225px;} /* 2016-06-13 빠른 재발급 신청 카드선택 */ .card-reissuance .container .card-select:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .card-reissuance .container .card-select .item {float: left; margin-top: 16px; width: 50%; text-align: center; background-size: 100% auto; box-sizing: border-box;} .card-reissuance .container .card-select .item:nth-child(odd) {padding-right: 10px;} .card-reissuance .container .card-select .item:nth-child(even) {padding-left: 10px;} .card-reissuance .container .card-select .item .form {display: inline-block; margin-top: 8px; vertical-align: top;} /* 2016-09-12 마이페이지 등급 수정 */ .mypage_container .cont3_top .my_grade .my_grade_into {display: table-cell; vertical-align: middle;} .mypage_container .cont3_top .my_grade .my_grade_into.general {background: #48665a !important;} .mypage_container .cont3_top .my_grade .my_grade_into.gold {background: #89b288 !important;} .mypage_container .cont3_top .my_grade .my_grade_into.platinum {background: #75777a !important;} .mypage_container .cont3_top .my_grade .my_grade_into.jasminblue {background: #1f3788 !important;} .mypage_container .cont3_top .my_grade .my_grade_into.jasminblack {background: #000000 !important;} .mypage_container .cont3_top .my_grade .my_grade_into.jasmin {background: #60003d !important;} /* 2016-11-15 스마트 쿠폰북 추가 */ .smartcoupon .button-area.smartcoupon-info {display: block; margin: 18px 0 0 0; padding: 0 4%;} .smartcoupon .button-area.smartcoupon-info:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .smartcoupon .button-area.smartcoupon-info .cell {float: left; display: block; width: 48.9%; height: auto; margin-left: 6px;} .smartcoupon .button-area.smartcoupon-info .cell:nth-child(odd) {margin: 0 0 6px 0;} .smartcoupon .button-area.smartcoupon-info .cell:nth-child(even) {margin: 0 0 6px 6px;} .smartcoupon .button-area.smartcoupon-info .cell a {display: block; color: #ffffff; background-color: #383838; text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family: 'Happiness-Sans';}/* 2022-03-04 수정 */ /* 2016-11-21 고객서비스 (메인) */ /* 2018-01-10 서비스 VOC 수정 : S */ .customer .customer-gate {padding: 30px 13px 0 13px;} .customer .customer-gate .customer-list {margin-left: -5px;} .customer .customer-gate .customer-list:after {content: ''; display: block; clear: both;} .customer .customer-gate .customer-list li {float: left; position: relative; width: 50%; padding-left: 5px; margin-bottom: 5px; box-sizing: border-box;} .customer .customer-gate .customer-list li .wrap {overflow: hidden; display: block; padding: 12px 0 0 12px; border: 1px solid #bfbfbf;} .customer .customer-gate .customer-list li .wrap:after {content: ''; display: block; float: right; width: 72px; height: 72px; background: url('../../images/mobilehome/customer_gate_icon.png') no-repeat 0 0; background-size: 100% auto;} /* 2022-07-08 수정 [S] */ .customer .customer-gate .customer-list li:nth-child(1) .wrap:after {background-position: 0 -72px;} .customer .customer-gate .customer-list li:nth-child(2) .wrap:after {background-position: 0 -429px;} .customer .customer-gate .customer-list li:nth-child(3) .wrap:after {background-position: 0 -144px;} .customer .customer-gate .customer-list li:nth-child(4) .wrap:after {background-position: 0 -216px;} .customer .customer-gate .customer-list li:nth-child(5) .wrap:after {background-position: 0 -290px;} .customer .customer-gate .customer-list li:nth-child(6) .wrap:after {background-position: 0 -360px;} .customer .customer-gate .customer-list li:nth-child(7) .wrap:after {background-position: 0 -432px;} /* 2022-07-08 수정 [E] */ .customer .customer-gate .customer-list li .wrap .text {display: block; margin-bottom: 17px; font-family: 'Happiness-Sans'; font-size: 16px; color: #444444;}/* 2022-03-04 수정 */ /* 2018-01-10 서비스 VOC 수정 : E */ /* 2016-11-21 고객서비스 (서비스제도) */ .service .hdService-wrap {padding: 13px 13px 0 13px;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .title-article {padding: 9px 0 8px 12px; background-color: #797979; line-height: 14px; font-family: "Happiness-Sans"; font-size: 17px; color: #ffffff;}/* 2022-03-04 수정 */ .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .para_con {padding: 14px 0 20px;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .para_con.data-list li {position: relative; padding-left: 10px;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .para_con.data-list li:after {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 2px; background: #797979} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .para_con .setvice_para {line-height: 18px; font-size: 14px; color: #666666;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .para_con .setvice_para strong {line-height: 18px; font-weight: bold;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .para_con .setvice_para+.setvice_para {margin-top: 8px;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .refund-term {width: 100%; border-bottom: 1px solid #b9b9b9;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .refund-term th, .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .refund-term td {line-height: 18px; font-size: 14px; color: #666666;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .refund-term th {border-bottom: 1px solid #b9b9b9;} .service .hdService-wrap .tgg-cont .wrap_serviceTypeCont .service-each .refund-term td {padding: 10px 0 10px 10px; background: url('../../images/mobilehome/bg_line_tbInfo2.png') no-repeat 0 100%} /* 2016-11-21 약관 및 기타 방침 안내 */ .policy .policy-list .list-item {} .policy .policy-list .list-item:nth-child(odd) {background-color: #efefef} .policy .policy-list .list-item .wrap {display: block; padding: 19px 0 19px 10.4687%;} .policy .policy-list .list-item .wrap:after {content: ''; display: block; clear: both;} .policy .policy-list .list-item .wrap .icon {float: left; display: block; width: 27.9232%;} .policy .policy-list .list-item .wrap .text {float: right; display: block; width: 61.431%; font-family: 'Happiness-Sans';}/* 2022-03-04 수정 */ .policy .policy-list .list-item .wrap .text .policy-list-title {display: block; margin: 19px 0 9px; font-size: 17px; color: #000000;} .policy .policy-list .list-item .wrap .text .more-view {position: relative; display: block; font-size: 13px; color: #666666;} .policy .policy-list .list-item .wrap .text .more-view .more-arrow {display: inline-block; width: 5px; margin-left: 15px;} .policy .policy-list .list-item .wrap .text .more-view .more-arrow img {vertical-align: middle;} /* 2016-12-07 서비스제도 게이트 페이지 */ .service-gate .item-wrap .item-list {position: relative; padding: 19px 0 19px 34px;} .service-gate .item-wrap .item-list:nth-child(odd) {background-color: #efefef;} .service-gate .item-wrap .item-list:before {content: ''; display: block; float: left; width: 80px; height: 80px; background-image: url(../../images/mobilehome/img_service_list.png); background-size: 100% auto;} .service-gate .item-wrap .item-list:after {content: ''; display: block; clear: both;} .service-gate .item-wrap .item-list:nth-child(1):before {background-position: 0 0;} .service-gate .item-wrap .item-list:nth-child(2):before {background-position: 0 -80px;} .service-gate .item-wrap .item-list:nth-child(3):before {background-position: 0 -160px;} .service-gate .item-wrap .item-list:nth-child(4):before {background-position: 0 -240px;} .service-gate .item-wrap .item-list:nth-child(5):before {background-position: 0 -320px;} .service-gate .item-wrap .item-list .item-info {float: right; width: 54.6875%;} .service-gate .item-wrap .item-list .item-info .wrap {display: block; margin-top: 21px;} .service-gate .item-wrap .item-list .item-info .wrap span {display: block; font-family: 'Happiness-Sans';}/* 2022-03-04 수정 */ .service-gate .item-wrap .item-list .item-info .wrap .list-title {margin-bottom: 12px; font-size: 17px;} .service-gate .item-wrap .item-list .item-info .wrap .list-more {position: relative;font-size: 13px; color: #666666;} .service-gate .item-wrap .item-list .item-info .wrap .list-more:after {content: ''; display: block; position: absolute; top: 4px; left: 65px; width: 6px; height: 6px; border: 1px solid #666666; border-bottom: 0; border-left: 0; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } /* 2016-12-08 서비스제도 */ .service-content .service-wrap {padding: 23px 13px;} .service-content .service-item+.service-item {margin-top: 40px;} .service-content .service-item .title {} .service-content .service-item .title span {display: block; padding: 7px 0; background-color: #797979; font-family: 'Happiness-Sans'; font-size: 17px; color: #fff; text-align: center;}/* 2022-03-04 수정 */ .service-content .service-item .title:after {content: ''; display: block; width: 160px; height: 96px; margin: 0 auto; background-image: url(../../images/mobilehome/img_service_type.png); background-repeat: no-repeat; background-size: 100% auto;} .service-content .service-item .para {margin-top: 10px; font-size: 14px; line-height: 18px; color: #666;} .service-content .service-item .para:first-child {margin-top: 0;} .service-content .service-item .para.indent {padding-left:16px;text-indent:-16px;} /* 2020-09-11 추가 */ .service-content .service-item .para-ps {margin-top: 10px; line-height: 16px; font-family: 'Happiness-Sans'; font-size: 13px; color: #666;}/* 2022-03-04 수정 */ .service-content .service-item .para strong {font-weight: bold;} .service-content .service-item .exchange-number {padding-left: 15px; margin-top: 10px;} .service-content .service-item .exchange-number li {list-style-type: decimal; margin-top: 8px;} .service-content .service-item .refund-term {width: 100%; border-bottom: 1px solid #b9b9b9;} .service-content .service-item .refund-term th, .service-content .service-item .refund-term td {line-height: 18px; font-size: 14px; color: #666666;} .service-content .service-item .refund-term th {padding-top: 10px; border-bottom: 1px solid #b9b9b9; text-align: left; vertical-align: top;} .service-content .service-item .refund-term td {padding: 10px 0 10px 10px; background: url('../../images/mobilehome/bg_line_tbInfo2.png') no-repeat 0 100%;} /* 2019-08-13 변경 : S */ .service-content .service-wrap.service-exchange .service-item:nth-child(1) .title:after {background-position: 0 -96px;} .service-content .service-wrap.service-exchange .service-item:nth-child(2) .title:after {background-position: 0 -192px;} .service-content .service-wrap.service-exchange .service-item:nth-child(3) .title:after {background-position: 0 0;} /* 2019-08-13 변경 : E */ .service-content .service-wrap.service-kids .service-item:nth-child(1) .title:after {background-position: 0 -288px;} .service-content .service-wrap.service-kids .service-item:nth-child(2) .title:after {background-position: 0 -384px;} .service-content .service-wrap.service-kids .service-item:nth-child(3) .title:after {background-position: 0 -480px;} .service-content .service-wrap.service-foods .service-item:nth-child(1) .title:after {background-position: 0 -576px;} .service-content .service-wrap.service-foods .service-item:nth-child(2) .title:after {background-position: 0 -672px;} .service-content .service-wrap.service-foods .service-item:nth-child(3) .title:after {background-position: 0 -768px;} .service-content .service-wrap.service-foods .service-item:nth-child(4) .title:after {background-position: 0 -864px;} .service-content .service-wrap.service-shopping .service-item:nth-child(1) .title:after {background-position: 0 -960px;} .service-content .service-wrap.service-shopping .service-item:nth-child(2) .title:after {background-position: 0 -1056px;} /* 2019-08-13 변경 : S */ .service-content .service-wrap.service-etc .service-item:nth-child(1) .title:after {background-position: 0 -1819px;} .service-content .service-wrap.service-etc .service-item:nth-child(2) .title:after {background-position: 0 -1930px;} /* 2020-09-11 변경 */ .service-content .service-wrap.service-etc .service-item:nth-child(3) .title:after {background-position: 0 -1628px;} /* 2019-08-13 변경 : E */ .service-content .service-wrap.service-etc .service-item:nth-child(4) .title:after {background-position: 0 -1440px;} .service-content .service-wrap.service-etc .service-item:nth-child(5) .title:after {background-position: 0 -1536px;} /* 2016-12-09 해피포인트 카드신청 팝업 수정 */ .happypoint-policy .tgg-titType1 {padding: 18px 0 7px;} .happypoint-policy .tgg-cont {padding-top: 0;} .happypoint-policy .tgg-cont + .tgg-titType1 {margin-top: 0;} .wrap-terms.happy-policy-list .tit-sub {margin: 15px 0 6px;} .wrap-terms.happy-policy-list p + ul>li {margin-top: 5px;} .wrap-terms .happy-policy-term {width: 100%; margin-top: 10px; border-top: 2px solid #7b7b7b; border-bottom: 1px solid #b9b9b9;} .wrap-terms .happy-policy-term th, .wrap-terms .happy-policy-term td {line-height: 18px; font-size: 14px; color: #666666; text-align: left; vertical-align: middle;} .wrap-terms .happy-policy-term th {padding: 10px 0; border-bottom: 1px solid #b9b9b9;} .wrap-terms .happy-policy-term td {padding: 10px 0 10px 10px; background: url('../../images/mobilehome/bg_line_tbInfo2.png') no-repeat 0 100%; font-weight: normal;} .wrap-terms .happy-policy-term td p {margin-top: 0;} /* 2017-01-13 수강신청 */ .courses .list-terms li {position:relative;margin-top:5px;} .courses .agree-cont {margin-top:12px;padding:0 0 6px;border-top:1px solid #d7d7d7;} .courses .agree-cont .label-title {margin-top:16px;} .courses .wrap-terms + .wrap_entry {padding-top:10px;} .courses .list-notice {padding:5px 0 12px;} .courses .wrap_entry .cell.chk-wrap {height:auto;} .courses .wrap_entry .cell.chk-wrap input {padding:0;} .courses .join_step_btn {margin-top:30px;} .courses .info table th, .courses .info table td {line-height:1.5;word-break:break-all;} .courses .info table td {padding: 10px 0px 10px 12px;} .courses .info table .courses_name {font-size:13px;font-weight:bold;} .courses .info table .courses_detail {background:none;border-bottom:1px solid #797979;font-size:13px;} .courses .info table .courses_st1 {text-align:left;font-size:13px;} .courses .info table .courses_st2 {text-align:right;padding-right:10px;} .courses .coursesDetail table {border-bottom:1px solid #797979;} .courses .coursesDetail table tr:last-child td {background:#f7f7f7;} .courses .coursesInfo table {border-top:0 none;} .courses .coursesInfo .text {overflow:hidden;font-size:13px;color:#333;text-align:left;} .courses .coursesInfo .text2 {overflow:hidden;padding-left:0;font-size:13px;color:#333;text-align:center;} .courses .coursesInfo .name {overflow:hidden;font-size:13px;color:#333;text-align:center;} .courses .coursesInfo .child {overflow:hidden;font-size:13px;color:#333;text-align:center;} .courses .title-wrap .title {padding:10px 0 6px;margin-bottom:0;} .courses .bt-gray, .tab-cont .bt-gray {display:inline-block;min-width:40px;padding:0 6px;border:1px solid#b6b6b6;background-color:#f4f4f4;font-size:13px;font-family:sans-serif;color:#333;vertical-align:baseline;text-align:center;line-height:18px;} .courses .title-wrap .title .bt-gray {position:absolute;top:12px;right:0;} .courses .title-item {display:block;padding:16px 0 2px;font-weight:bold;font-size:14px;} .courses .text-terms {padding:15px 0 0;} .courses .payment_block {padding:15px 0 20px;} .courses .payment_block .cell.chk-wrap {height:auto;} .courses .payment_block .cell.chk-wrap input {padding:0;} .courses .payment_block .info-title {margin-bottom:4px;font-size:16px;font-family:'Happiness-Sans';color:#333;}/* 2022-03-04 수정 */ .courses .payment_block .txt-wrap {font-size:14px;height:auto;} .courses .payment_block .pay_type1, .courses .payment_block .pay_type2 {padding-top:20px;} .courses .payment_block .price_total {font-weight:bold;font-size:16px;} .courses .payment_block .pay_notice .list-terms {padding-bottom:8px;} .courses .payment_block .pay_card .input-wrap {padding-bottom:6px;} .courses .coursesList table {border-top:0 none;} .coursesList .courses_info1, .coursesList .courses_info2 {border-bottom:1px solid #999;background:none;} .coursesList .courses_info1 {position:relative;} .coursesList .courses_info1 .check-item {position:absolute;top:50%;transform:translateY(-50%);} .coursesList .courses_info1 .check-item label > span {display:none;} .check_courses .courses_info1 dl {padding-left:28px;} .courses .coursesList table td.courses_info1 {padding:8px 0px;} .courses .coursesList table td.courses_info2 {padding:8px 0px;vertical-align:middle;text-align:center;} .courses .coursesList table td.courses_info3 {padding:8px 10px 8px 0;background:#f7f7f7;vertical-align:middle;text-align:right;} .courses .coursesList table td.courses_info3 strong {font-weight:bold;} .courses .wrap_message {text-align:center;padding:18px 0 0;} .courses .wrap_message .text_ment {padding-bottom:6px;font-size:18px;} .courses .wrap_message .text_ment:before {display:block;width:30px;height:30px;margin:0 auto 10px;background: url(../../images/mobilehome/i_check.png) no-repeat 0 0;-webkit-background-size:30px 26px;-moz-background-size:30px 26px;background-size:30px 26px;content:"";} .courses .wrap_message .text_ment strong {font-weight:bold;} .container.courses .list-lecture > li .lecture-info {padding-right:145px;} .coursesList .courses_info1 dl dt {padding:0 0 4px;border-bottom:1px solid #dcdcdc;font-size:13px;color:#333;} .coursesList .courses_info1 dl dd {padding:4px 0 0;font-size:12px;color:#666;line-height:1.4;} .coursesList .courses_info1 dl dd span {display:inline-block;} .courses .title-select .title {padding-top:24px;} .bottom_btn_block {width:50%;height:auto;margin:0 auto;text-align:center;} .lay_courses .st_info_list {margin-top:12px;border-top:2px solid #797979;} .lay_courses .st_info_list li {position:relative;border-bottom:1px solid #b9b9b9;} .lay_courses .st_info_list .info_cont {width:100%;padding-right:65px;padding-bottom:10px;-webkit-box-sizing: border-box;box-sizing: border-box;} .lay_courses .st_info_list dt {width:125px;padding-top:5px;float:left;padding-left:10px;text-align:left;font-size:13px;font-weight:bold;} .lay_courses .st_info_list dd {overflow:hidden;font-size:13px;padding-top:5px;} .lay_courses .st_info_list .txt_red {color:red;} .lay_courses .st_info_list .txt_gray {color:#666;} .lay_courses .st_info_list .check-item {position:absolute;top:50%;right:0;transform:translateY(-50%)} .tab-cont.culture {padding:20px 13px 0;} .tab-cont.culture .list-lecture {margin-bottom:20px;border-bottom:1px solid #dcdcdc;} .tab-cont.culture .btn-wrap-2 {margin-bottom:20px;} .tab-cont.culture .list-lecture > li:first-child {border-top:1px solid #dcdcdc;} .tab-cont.culture .list-lecture > li .lecture-info {padding-right:145px;} .tab-cont.culture .list-lecture > li > div {position:relative;padding-left:28px;} .tab-cont.culture .list-lecture > li .check-item {position:absolute;top:50%;left:0;transform:translateY(-50%);} .tab-cont.culture .list-lecture > li .check-item label > span {display:none;} .coursesEntry.info table th {vertical-align:middle;} .coursesEntry.info table th, .coursesEntry.info table td {border-bottom:1px solid #d7d7d7;background:none;} .coursesEntry.info table td {padding: 10px 0px 10px 10px;font-size:14px;} .coursesEntry.info_tableTop table {border-top:0 none;} .coursesEntry.info_tableTop table, .coursesEntry.info_tableTop table th, .coursesEntry.info_tableTop table td {border-bottom:0 none;} .coursesEntry.info_tableTop table th {color:#4e4e4e;} .coursesEntry.info .price_total {font-weight:bold;font-size:16px;} .coursesEntry.info table .pay_notice th {vertical-align:top;} .coursesEntry.info table .pay_notice .check-item {margin-top:16px;} .coursesEntry.info table .chkCell .check-item {margin-top:10px;} .coursesEntry.info table .chkCell .cell input {padding:8px 6px;} .info_table1.info table {border-top:0 none;} .title-article.title-top01 {padding-top:22px;} /* 17-03-08 추가 */ .my-banner .my-info {width:100%; height:76px; background:#fff;border: 1px solid #dedede;} .my-banner .my-info_in {width:250px; margin:0 auto;} .my-banner .my-info1_in {width:210px; margin:0 auto;} .my-banner .my-info2_in {width:140px; margin:0 auto;} .my-banner .my-info3_in {width:180px; margin:0 auto;} .my-banner .my-info .ico_ph {float:left; width:30px; height:55px; margin-top:11px; margin-right:22px; background:url(../../images/mobilehome/ico_ph.png); background-size:100% 100%;} .my-banner .my-info strong {float:left; font-weight:bold; margin-top:29px; font-size:16px; color:#222;} /* 2017-01-20 클럽웨딩 카테고리 개편 김신혜 */ /* 클럽웨딩 메인 */ .clubwedding-info-main .clubwedding-list-container {padding: 17px 12px 0 10px;} .clubwedding-info-main .clubwedding-list-container .clubwedding-list {margin: -5px 5px 0 -7px;} /* 2019-12-06 변경 */ .clubwedding-info-main .clubwedding-list-container .clubwedding-list:after {content: ''; display: block; clear: both;} .clubwedding-info-main .clubwedding-list-container .clubwedding-list li {float: left; margin-top: 5px; padding-left: 12px; width: 33.333%; box-sizing: border-box;} /* 2019-12-06 변경 */ /* 2019-11-22 삭제 : S */ /* .clubwedding-info-main .clubwedding-list-container .clubwedding-list li a {height: 53px; font-size: 12px; line-height: 14px; color: #fff; text-align: center; background-color: #383838; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } */ /* 2019-11-22 삭제 : E */ /* 클럽웨딩 안내 */ .clubwedding-info-intro .wrap-terms .tit-clause:first-child {margin-top: 0;} .clubwedding-info-intro .sub_txt {font-size: 13px; line-height: 18px; color: #333; margin-top: 5px;} .clubwedding-info-intro .list-clubweddingCenter > li p span {display: block; font-size: 13px;} .clubwedding-info-intro .list-clubweddingCenter > li .btn-tel {position: absolute; right: 0; bottom: 13px;} /* 2018-01-05 수정 : S */ /* 웨딩 마일리지 */ .clubwedding-info-mileage .wrap-terms{padding:0 0 20px;border-top:1px solid #a9a9a9;} .clubwedding-info-mileage .wrap-terms:first-child{border-top:none;} .clubwedding-info-mileage .list-type-info{} .clubwedding-info-mileage .list-type-info li{position: relative; line-height: 18px; padding-left: 9px;} .clubwedding-info-mileage .list-type-info li:before{content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background-color: #666666;} .clubwedding-info-mileage .list-type-num{} .clubwedding-info-mileage .list-type-num li{padding-left:9px;text-indent:-9px;color:#333;} .clubwedding-info-mileage .cBlack{color:#333;} /* 특별한 혜택 */ .clubwedding-info-benefit{} .clubwedding-info-benefit .wrap-terms{padding:0 0 20px;border-top:1px solid #a9a9a9;} .clubwedding-info-benefit .wrap-terms:first-child{border-top:none;} .clubwedding-info-benefit .wrap-terms.bdNone{border:none;} .clubwedding-info-benefit .ac{text-align:center;} .clubwedding-info-benefit .list-type-info{} .clubwedding-info-benefit .list-type-info li{position:relative;padding-left:9px;line-height:15px;} .clubwedding-info-benefit .list-type-info li:before{content: '';display: block;position:absolute;top:10px;left:0;width:4px;height:1px;background-color:#666666;} .clubwedding-info-benefit .list-type-dot{} .clubwedding-info-benefit .list-type-dot li{position:relative;padding-left:9px;color:#333;line-height:15px;} .clubwedding-info-benefit .list-type-dot li:before{content:'';display:block;position:absolute;top:50%;left:0;margin-top:-1px;width:3px;height:3px;background-color:#333;border-radius:3px;} .clubwedding-info-benefit .tgg-titType1{font-size:16px;line-height:20px;} /* 2018-01-05 수정 : E */ /* 2017-09-14 수정 : S */ /* 제휴서비스 */ .clubwedding-info-service .wrap-terms .tit-clause:first-child{margin-top: 0;} .clubwedding-info-service .sub_txt{font-size: 13px; line-height: 18px; color: #333; margin-top: 5px;} .clubwedding-info-service .sub_txt_detail{font-size: 14px; line-height: 21px; font-family:'Happiness-Sans'; color: #333; margin-top: 5px;}/* 2022-03-04 수정 */ .clubwedding-info-service .sub_txt.em{position: relative; padding-left: 8px;white-space:normal;} .clubwedding-info-service .sub_txt.em:before{content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background-color: #333;} .clubwedding-info-service .sub_txt span, .clubwedding-info-service .sub_txt.em span{color: #666666;} .clubwedding-info-service .info table{margin: 10px 0;} .clubwedding-info-service .info table tr th{color: #000;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .clubwedding-info-service .info table tr td{background:none;} .clubwedding-info-service .info table td p:first-child{margin-top: 0;} .clubwedding-info-service .info table th, .clubwedding-info-service .info table td{font-size: 14px; text-align: center;} .clubwedding-info-service .info table tr th:first-child{border-bottom:none;background:url('../../images/mobilehome/bg_line_tbInfo.png') no-repeat -13px 100% !important;} .clubwedding-info-service .info table strong{color:#000;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .clubwedding-info-service .join-type{margin: 7px 0;} .clubwedding-info-service .join-type li{font-size: 14px; line-height: 23px;font-family:'Happiness-Sans';color: #333; margin-top: 0;}/* 2022-03-04 수정 */ .clubwedding-info-service .gray-box{margin-top:20px;padding:25px 20px;background-color:#f7f7f7;text-align:center;} .clubwedding-info-service .gray-box p{text-align:left;} .clubwedding-info-service h3.type01{margin-top:25px;color:#000;} .clubwedding-info-service h3.type01 em{display:inline-block;margin-right:10px;color:#5d1b9c;text-decoration:underline;} .clubwedding-info-service .info-dl{} .clubwedding-info-service .info-dl dt{margin-top:20px;font-family:'Happiness-Sans';color:#000;}/* 2022-03-04 수정 */ .clubwedding-info-service .info-dl dd{margin-top:5px;} .clubwedding-info-service .btn-wrap{text-align:center;margin-top:40px;} .clubwedding-info-service .btn-wrap a{display:block;margin-bottom:5px;} .clubwedding-info-service .btn-wrap a img{width:70%;} /* 2017-09-14 수정 : E */ /* 나의 클럽웨딩 */ .clubwedding-mywedding .info table {border-top: 1px solid #797979;} .clubwedding-mywedding .info table tr:first-child th, .clubwedding-mywedding .info table tr:first-child td {padding-top: 10px;} .clubwedding-mywedding .info table tr:last-child th, .clubwedding-mywedding .info table tr:last-child td {padding-bottom: 10px;} .clubwedding-mywedding .info table th {} .clubwedding-mywedding .info table td {text-align: right;} .clubwedding-mywedding .info table th, .clubwedding-mywedding .info table td {line-height: 18px; font-size: 13px; font-weight: bold; color: #333; padding: 2px 0; background: none; border-bottom: 0;} .clubwedding-mywedding .list-type-info li {position: relative; line-height: 18px; padding-left: 9px;} .clubwedding-mywedding .list-type-info li:before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background-color: #666666;} .clubwedding-mywedding .wrap-terms .tit-clause:first-child {margin-top: 0;} /* 2017.01.25 프리미엄 아울렛 송도점 페이지 추가 */ .eventinfo-list .event-list li {padding: 20px 0; border-bottom: 1px solid #dadada;} .eventinfo-list .event-list li:first-child {padding-top: 0;} .eventinfo-list .event-list li .tit {margin-bottom: 8px; font-family:'Happiness-Sans'; font-size: 16px; line-height: 24px; color: #333333;}/* 2022-03-04 수정 */ .eventinfo-list .event-list li p {margin-top: 3px; font-size: 13px; line-height: 10px; color: #666666;} .eventinfo-list .event-list li p em {display: block; margin-top: 6px; font-weight: bold; color: #333;} /* 2017-02-08 점별 오시는길 內 주차장 이용안내 추가 */ .hdStore .wrap_map .anybox .stit .price-term {font-weight: normal; color: #666;} .hdStore .wrap_map .anybox .info-numbering {position: relative; padding-left: 18px;} .hdStore .wrap_map .anybox .info-numbering:before {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; background-color: #777; border-radius: 16px;} .hdStore .wrap_map .anybox .info-numbering span {position: absolute; left: 0; width: 16px; font-size: 11px; color: #fff; text-align: center;} .hdStore .wrap_map .list-type-info li {position: relative; line-height: 18px; padding-left: 9px; margin: 1px 0;} .hdStore .wrap_map .list-type-info li:before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background-color: #666666;} .hdStore .wrap_map .list-type-info.type-square li:before {content: ''; display: block; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background-color: #666} .hdStore .wrap_map .parking-notice li {line-height: 20px;} .hdStore .wrap_map .parking-notice li strong {font-weight: bold; color: #424242;} .hdStore .wrap_map .parking-price-notice {margin-bottom: 6px;} .hdStore .wrap_map .parking-price-notice:after {content: ''; display: block; clear: both;} .hdStore .wrap_map .parking-price-notice li {float: left; width: 50%; line-height: 20px;} .hdStore .wrap_map .parking-price-notice li strong {font-weight: bold; color: #424242;} .hdStore .wrap_map .parking-price-notice.type2 li {float: none; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex;} .hdStore .wrap_map .parking-price-notice.type2 li strong {width: 36px;} .hdStore .wrap_map .parking-price-notice.type2 li span {padding-left: 4px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;} /* 2022-07-15 추가 [S] */ .hdStore .wrap_map .store_parking-title {font-size: 15px; font-weight: 700; color: #333; margin-bottom: 10px;} .hdStore .wrap_map .store_parking-title.mt10 {margin-top: 10px;} /* 2022-07-15 추가 [E] */ /* 2017-02-22 마이페이지 쟈스민 룩북 버튼 추가 및 수정 */ .mypage_container .cont1_mid .my_addr {float: left; width: 65%;} .mypage_container .cont1_mid .area_info .my_box {float: right; width: 35%; padding-left: 6px; box-sizing: border-box;} .mypage_container .cont1_mid .area_info .my_box a {height: 91px; border: 1px solid #dedede; display: -moz-box; -moz-box-pack: center; -moz-box-align: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .mypage_container .cont1_mid .area_info .my_box p {font-size: 12px; color: #666; font-weight: bold; text-align: center;} .mypage_container .cont1_mid .area_info .my_box .ico_loBook {display: block; width: 26px; height: 35px; margin: 0 auto; background-image: url(../../images/mobilehome/ico_loBook.png); background-size: 100% 100%;} /* 2017-03-16 내가 만드는 서비스 페이지 추가 */ .container.service.customer-offer-list .service-offer-img {margin: 20px 0 30px;} /* 2017-04-11 현대백화점 회원정보 변경 */ #content .container.edit-myinfo .txt_article_desc {padding: 5px 0;} #content .container.edit-myinfo .txt_red {color:#ff0000;} #content .container.edit-myinfo .form-item.marketing-agree .item_select {display: inline-block; margin-top: 12px;} #content .container.edit-myinfo .form-item.marketing-agree .item_select .check-item input[type="checkbox"]+label {line-height: 20px;} #content .container.edit-myinfo .form-item.marketing-agree .item_select .check-item input[type="checkbox"]+label:before {top: 4px;} #content .container.edit-myinfo .form-item.marketing-agree .check-item input[type="checkbox"]:disabled +label:before {background: #e5e5e5;} /* 2022-12-12 수정 */ #content .container.edit-myinfo .form-item.marketing-agree input[type="radio"]:disabled + label:before{background: #e5e5e5;} /* 2022-12-06 추가 */ #content .container.edit-myinfo .btn-wrap-2.edit-ok > .cell {margin: 40px auto 13px;} /* 2017-04-12 아울렛 가든파이브점 글로벌 라이프스타일 추가 */ .outlets-globallifestyle .video-area {padding: 0 5% !important; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; -webkit-background-size: 100% 100%;} .outlets-globallifestyle .video-area.pottery-barn {background-image: url(../../images/mobilehome/store/Garden5_Outlet/img_globallifestyle02.png);} .outlets-globallifestyle .video-area.pottery-barnkids {background-image: url(../../images/mobilehome/store/Garden5_Outlet/img_globallifestyle04.png);} .outlets-globallifestyle .video-area.west-elm {background-image: url(../../images/mobilehome/store/Garden5_Outlet/img_globallifestyle06.png);} .outlets-globallifestyle .video-area .embed-container {position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; max-width: 100%;} .outlets-globallifestyle .video-area .embed-container+.embed-container {margin-top: 2em !important;} .outlets-globallifestyle .video-area .embed-container iframe, .outlets-globallifestyle .video-area .embed-container object, .outlets-globallifestyle .video-area .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* 2017-06-22 수정 : S */ .content.card-terms-step6 .wrap_chkTit .title-article:after {content: ''; display: block; clear: both;} .content.card-terms-step6 .wrap_chkTit .title-article span {vertical-align: middle;} .content.card-terms-step6 .wrap_chkTit .terms-group .all-agree {margin:12px 0 5px 0;padding:0 0 12px 0;border-bottom:1px solid #b3b3b3;} .content.card-terms-step6 .wrap_chkTit .terms-group .all-agree label {font-weight: bold;} .content.card-terms-step6 .wrap_chkTit .terms-group > .list-chk {margin-top: 0; padding: 0 0 0 0;} .content.card-terms-step6 .wrap_chkTit .terms-group .list-chk.thin li, .content.card-terms-step6 .wrap_chkTit .title-article {display: table; table-layout: fixed; width: 100%;} .content.card-terms-step6 .wrap_chkTit .terms-group .list-chk.thin li+li {padding-top: 8px;} .content.card-terms-step6 .wrap_chkTit .terms-group .list-chk li > .check-item, .content.card-terms-step6 .wrap_chkTit .title-article .title_text {display: table-cell; width: 100%; padding-right: 0;} .content.card-terms-step6 .wrap_chkTit .terms-group .agreement-subtitle {font-weight: bold; font-size :14px; line-height: 1.5em;} .content.card-terms-step6 .wrap_chkTit .terms-group.h-point .agreement-subtitle {margin: 15px 0 2px 0;} .content.card-terms-step6 .wrap_chkTit .terms-group.h-point .agreement-subtitle .btn_detail {float: right; width: 24px; height: 24px;} .content.card-terms-step6 .wrap_chkTit .terms-group .list-chk .btn_detail, .content.card-terms-step6 .wrap_chkTit .title-article .btn_detail {display: table-cell; width: 24px; height: 24px;} .content.card-terms-step6 .wrap_chkTit .title-article .btn_detail .icon_view, .content.card-terms-step6 .wrap_chkTit .terms-group.h-point .agreement-subtitle .btn_detail .icon_view, .content.card-terms-step6 .wrap_chkTit .terms-group .list-chk .btn_detail .icon_view {display: block; width: 24px; height: 24px; background: url(../../images/mobilehome/img_detail_icon.png) no-repeat 0 0; background-size: 100%;} /* 2017-09-06 추가 : S */ .content.card-terms-step6 .wrap_chkTit .bold{font-weight:bold;} .content.card-terms-step6 .wrap_chkTit .ref{font-size: 14px;line-height: 1.3;text-indent: -12px;padding-left: 12px;} /* 2017-09-06 추가 : E */ /* 회원가입 2017-04-20 추가 */ .joinBtn {position:relative; width:100%; overflow:hidden; margin-top:10px;}/* 2022-03-02 수정 */ .joinBtn a {display:block; padding:15px; background:#383838; margin-top:10px; overflow:hidden} .joinBtn a:first-child {margin-top:0} .joinBtn a .logo {width:20%; margin-right:5%; float:left;} .joinBtn a .txtArea {display:block; width:75%; float:left;} .joinBtn a .txtArea .tit {display:block; font-family:'Happiness-Sans'; font-size:16px; color:#fff; line-height:19px; margin-top:3px}/* 2022-03-04 수정 */ .joinBtn a .txtArea .txt {display:block; font-family:'Hyundai_R1012'; font-size:12px; color:#fff; line-height:18px; opacity:0.7; margin-top:5px} /* 이용약관 추가 2017-04-24 */ .title-article .check-item {position:absolute; top:22px; right:0; line-height:16px; display:inline-block; vertical-align: middle; padding-right: 8px;} .title-article .check-item:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .title-article .check-item+.check-item {margin-right:8px;} .title-article .check-item input[type="checkbox"] {float: left; opacity:0; position:relative; z-index:15; overflow: visible; margin-right:-16px; padding: 0; width:16px; height:16px; vertical-align:middle;} .title-article .check-item input[type="checkbox"]+label {float: left; position:relative; padding-left:20px; font-size:14px; line-height:16px;} .title-article .check-item input[type="checkbox"]+label:before {content:''; position:absolute; top:0; left:0; width:14px; height:14px; border:1px solid #797979;} .title-article .check-item input[type="checkbox"]:checked + label:before {background:url('../../images/mobilehome/svg/svgIconCheck.png') no-repeat 1px 3px; background-size:11px 8px;} .list-chk-wrap.type2 {padding:9px; border:1px solid #797979; margin-top:8px} .list-chk-wrap.type2 p {font-family:'Happiness-Sans'; font-size:14px; margin-bottom:5px}/* 2022-03-04 수정 */ .list-chk-wrap.type2 .check-item {padding:0; margin-right:5px} /* H.Point 멤버십소개 추가 2017-04-28 */ .hpoint_membership {padding:45px 10px; color:#fff; text-align:center; background:url("../../images/mobilehome/hpoint_membership_img.jpg") no-repeat 0 0; background-size:cover} .hpoint_membership .txt1 {font-family:'Happiness-Sans'; font-size:24px}/* 2022-03-04 수정 */ .hpoint_membership .txt2 {font-size:14px; line-height:22px} .hpoint_membership .txt2 span {display:inline-block} .hpoint_membership .bar {margin:10px 0 5px;} .hpoint_membership .bar span{display:inline-block; width:1px; height:18px; background:#fff} .hpoint_membership_txt {border:1px solid #a5a5a5; border-top:0; font-family:'Happiness-Sans'; font-size:16px; color:#000; line-height:35px; text-align:center}/* 2022-03-04 수정 */ .hpoint_membership_list {display:table; margin:30px 0} .hpoint_membership_list .tr {display:table-row} .hpoint_membership_list .td {display:table-cell; width:46%; padding:4% 2%; font-size:12px; text-align:center; vertical-align:top} .hpoint_membership_list .td .img {margin-bottom:7px} .hpoint_membership_list .td .img img {width:50%} .btn-wrap-3.hpoint-info .cell a {display:table-cell; color:#fff; background-color:#383838; text-align:center; font-size:14px; height:52px; padding-bottom:10px; vertical-align:bottom; font-family:'Happiness-Sans'; background-repeat:no-repeat;}/* 2022-03-04 수정 */ .btn-wrap-3.hpoint-info .cell .notice {background-image:url('../../images/mobilehome/svg/hpoin_noice_icon.png'); background-position:center 10px;} .btn-wrap-3.hpoint-info .cell .join {background-image:url('../../images/mobilehome/svg/hpoint_join_icon.png'); background-position:center 10px; } .btn-wrap-3.hpoint-info .cell .myMembership {background-image:url('../../images/mobilehome/svg/myMembership_icon.png'); background-position:center 10px;} .wrapMyPoint {padding-top:40px; color:#333} .wrapMyPoint .tit {font-size:15px; margin-bottom:10px} /* 2017-04-20 지점정보 아이콘 수정 */ .hdStore .store_info .ico_wrap {position:absolute; top:252px; left:50%; margin-left:-128px; width:257px; z-index:21;} .hdStore .store_info .ico_wrap:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .hdStore .store_info .ico_wrap .cell {float:left; width: auto; height: auto; width: 33.3%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hdStore .store_info .ico_wrap .cell .ico {display:block; margin: 0 auto; width:61px; height:61px; line-height: 61px; overflow:hidden; border:none; color: transparent;} .hdStore .store_info .ico_wrap .ico.floor {background:url('../../images/mobilehome/svg/btn_info_floor.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.map {background:url('../../images/mobilehome/svg/btn_info_direction.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.tel {background:url('../../images/mobilehome/svg/btn_info_phone.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.fac {background:url('../../images/mobilehome/svg/btn_info_service.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.din {background:url('../../images/mobilehome/svg/btn_info_restaurant.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.car {background:url('../../images/mobilehome/svg/btn_info_vallet.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.hmoka {background:url('../../images/mobilehome/svg/btn_info_hmoka.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.uplex {background:url('../../images/mobilehome/svg/btn_info_uplex.png') no-repeat left center; background-size:100%; background-color:none;} .hdStore .store_info .ico_wrap .ico.uplex2 {background:url('../../images/mobilehome/svg/btn_info_uplex2.png') no-repeat left center; background-size:100%; background-color:none;} /* .hdStore .category {margin-top: 20px;} */ /* 스마트 쿠폰북 추가 2017-05-31 */ .smartcoupon .inner{position:relative} .smartcoupon .button-area .button-01{display:block;text-indent:-999em;height:3.1%;position:absolute;top:15.9%;left:14.4%;right:14.2%;} .smartcoupon .button-area .button-02{display:block;text-indent:-999em;height:3.1%;position:absolute;top:93.2%;left:14.4%;right:14.4%;} /* 2017-06-23 수정 : S */ .list-bbs2{border-top:1px solid #bfbfbf;} .list-bbs2 li{position:relative;overflow:hidden;border-bottom:1px solid #bfbfbf;} .list-bbs2 li img{float:left;width:34%;} .list-bbs2 li .cont{position:absolute;right:0;top:50%;width:66%;margin-top:-45px;padding-left:8%;text-align:left;box-sizing:border-box;} .list-bbs2 li .cont .discount{font-family:'Happiness-Sans';font-size:15px;}/* 2022-03-04 수정 */ .list-bbs2 li .cont .discount .percent{color:#d10946; font-size:15px;} .list-bbs2 li .cont .discount .price{font-size:32px;} .list-bbs2 li .cont .list-price{margin-top:6px;font-size:14px;color:#666;} .list-bbs2 li .cont .list-price em{font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ /* 2017-06-23 수정 : E */ /* 2017-05-30 현대카드 > 메인(GATE) : S*/ .hd-card-main{} .hd-card-main .wrap_boxlist{padding:15px 13px 0;} .hd-card-main .wrap_boxlist .box{display:block;padding:12px;} .hd-card-main .wrap_boxlist .box p strong{font-size:17px;} .hd-card-main .wrap_boxlist .box .detail{font-size:15px;} /* 2017-05-30 현대카드 > 메인(GATE) : E*/ /* 2017-05-30 현대카드 > HAPPY VOUCHER : S*/ .card-voucher strong{font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .card-voucher p{} .card-voucher .tbType01{margin-top:20px;} .card-voucher .btn-more a{border-top:none;} /* (팝업)서브메인 배너 */ .card-voucher .sub-main-banner{display:block;margin-top:30px;} /* (팝업)결제하기 */ .card-voucher .pop_payment{} .card-voucher .pop_payment .top-area{text-align:center;font-size:14px;color:#666;} .card-voucher .pop_payment .top-area img{display:block;margin:0 auto 5px;width:120px;} .card-voucher .pop_payment .notice-box{margin-top:20px;padding:20px;} .card-voucher .pop_payment .notice-box h3{font-size:20px;} .card-voucher .pop_payment .notice-box h3 strong{font-size:24px;} .card-voucher .pop_payment .notice-box p{margin-top:10px;color:#666;} .card-voucher .pop_payment .notice-box .btn-wrap-2{margin-top:20px;} .card-voucher .pop_payment .btn-bar-wrap{margin-top:20px;} .card-voucher .pop_payment .btn-bar-wrap a{padding:20px;} /* 2017-05-30 현대카드 > 메인(GATE) 추가 : S*/ .wrap_boxlist .boxwrap .box .icon31 {background-image:url('../../images/mobilehome/svg/card_icon31.png');} .wrap_boxlist .boxwrap .box .icon32 {background-image:url('../../images/mobilehome/svg/card_icon32.png');} .wrap_boxlist .boxwrap .box .icon33 {background-image:url('../../images/mobilehome/svg/card_icon33.png');} .wrap_boxlist .boxwrap .box .icon34 {background-image:url('../../images/mobilehome/svg/card_icon34.png');} .wrap_boxlist .boxwrap .box .icon35 {background-image:url('../../images/mobilehome/svg/card_icon35.png');} .wrap_boxlist .boxwrap .box .icon36 {background-image:url('../../images/mobilehome/svg/card_icon36.png');} .wrap_boxlist .boxwrap .box .icon37 {background-image:url('../../images/mobilehome/svg/card_icon37.png');} /* 2017-05-30 현대카드 > 메인(GATE) 추가 : E */ /* 2018-05-08 CULTURE BENEFIT icon37 추가 */ /* 2017-05-30 (공통) : S */ .ovh{overflow:hidden;} .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;} .mb0{margin-bottom:0px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} /* 2018-07-18 */ .mr13{margin-right:13px !important;} /* 2020-10-08 추가 */ .mr20{margin-right:20px;} .ml13{margin-left:13px !important;} /* 2020-10-08 추가 */ .pt5{padding-top:5px !important;} .w25{width:25% !important;} .w30{width:30% !important;} .w35{width:35% !important;} .w40{width:40% !important;} .w50{width:50% !important;} .w70{width:70% !important;} .w75{width:75% !important;} .w80{width:80% !important;} .w100{width:100% !important;} /* 2018-07-18 */ .btnText.inline{width:auto;padding:0 23px;} /* 2018-07-18 */ .btnText.small{height:30px;font-size:13px;line-height:30px;} /* 2018-07-18 */ .btnText.medium{height:37px;line-height:37px;} .btnText.mediumLarge{height:40px;line-height:40px;} /* 2018-07-18 */ .btnText.green{background-color:#315149;} .cGray{color:#666;} .cGrayLite{color:#999;} /* 2018-07-18 */ .cHippieBlue{color:#51a6b3} /* 2018-07-18 */ .cGreen{color:#315149;} .header .btnClose {display: block; position:absolute; z-index: 10; top:8px; right:8px; overflow: hidden; width:30px; height:28px; line-height: 28px; white-space: nowrap; background:url('../../images/mobilehome/svg/svgbtnClose.png') no-repeat center; background-size:15px 15px;} .header .btnClose:after {content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff url('../../images/mobilehome/svg/svgbtnClose.png') no-repeat center; background-size:15px 15px;} .notice-box{padding:13px;background-color:#efefef;} .notice-box h3{font-size:14px;} .info-box{border-bottom:1px solid #bfbfbf;} .info-box .img-txt{padding:10px 0;text-align:center;} .info-box .img-txt img{display:block;margin:10px auto;width:64px;} .info-box .img-txt strong{font-size:22px;} .btn-bar-wrap{width:100%;border:1px solid #efefef;border-bottom:none;} .btn-bar-wrap a{position:relative;display:block;padding:20px 13px;border-bottom:1px solid #efefef;} .btn-bar-wrap a:after{content: '';display: block;position: absolute;top:50%;right:5%;width:7px;height:7px;margin-top:-3px;border: 1px solid #333;border-bottom: 0;border-left: 0;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} .btn-bar-wrap.type01 a{background-color:#efefef;} .btn-bar-wrap.type02 a{color:#666;} .btn-bar-wrap.type02 .tit{display:block;color:#333;font-size:18px;line-height:1.4em;} /* List */ .list-dl{margin:15px 0;} .list-dl.type01{color:#666;} .list-dl.type01 li{margin-top:5px;overflow:hidden;letter-spacing:-1px;} .list-dl.type01 .dt{float:left;margin-right:5%;width:30%;position:relative;padding-left:5px;box-sizing:border-box;} .list-dl.type01 .dt:after{content:'';display:block;position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#c9c9c9;} .list-dl.type01 .dd{float:left;width:65%;} .list-dl.type02{color:#666;} .list-dl.type02 li{margin-top:5px;overflow:hidden;} .list-dl.type02 .dt{float:left;margin-right:5%;width:30%;position:relative;color:#333;font-size:14px;box-sizing:border-box;} .list-dl.type02 .dd{float:left;width:65%;} /* 2017-06-02 추가 : S */ .list-bbs2{border-top:1px solid #bfbfbf;} .list-bbs2 li{position:relative;overflow:hidden;border-bottom:1px solid #bfbfbf;} .list-bbs2 li img{float:left;width:50%;} .list-bbs2 li .cont{position:absolute;right:0;top:50%;width:50%;margin-top:-55px;text-align:center;} .list-bbs2 li .cont .percent{color:#d10946;font-size:43px;line-height:45px;} .list-bbs2 li .cont dl{margin:15px auto 0;width:80%;max-width:150px;text-align:left;color:#666;line-height:1.5em;} .list-bbs2 li .cont dl dt{clear:both;float:left;width:40%;margin-right:3%;font-family:'Happiness-Sans';font-size:14px;color:#333;}/* 2022-03-04 수정 */ .list-bbs2 li .cont dl dd{float:left;width:55%;text-align:right;} /* 2017-06-02 추가 : E */ /* Table List */ .tbType01 {width:100%; border-top:1px solid #bfbfbf;} .tbType01.t-line{border-top:2px solid #797979;} .tbType01 table {width:100%;} .tbType01 table tbody tr th{text-align:left;font-family:'Happiness-Sans';font-size:14px;border-bottom:1px solid #bfbfbf;}/* 2022-03-04 수정 */ .tbType01 table tbody tr td {text-align:left;padding:8px 0;border-bottom:1px solid #bfbfbf;} .tbType01 table tbody tr .tit{font-family:'Happiness-Sans';font-size:14px;line-height:1.3em;}/* 2022-03-04 수정 */ .tbType01 table tbody tr .detail{margin-top:0;} .tbType01 table tbody tr .detail span{position:relative;display:inline-block;padding:0 5px;} .tbType01 table tbody tr .detail span:after{content:'';display:block;position:absolute;left:0;top:20%;width:1px;height:60%;border-left:1px solid #c9c9c9;} .tbType01 table tbody tr .detail span:first-child{padding-left:0;} .tbType01 table tbody tr .detail span:first-child:after{display:none;} .tbType01 table tbody tr.bd-none th, .tbType01 table tbody tr.bd-none td{border:none;} .tbType01 table tbody tr .ref01{padding-top:0;font-size:12px;} /* 2017-05-30 (공통) : E */ /* 2017-05-30 현대카드 > HAPPY VOUCHER : E*/ /* 2017-09-04 추가 : S */ .card-voucher{} .card-voucher .certify-login-box{margin-top:15px;} .card-voucher .certify-login-box li{padding:20px 30px;background-color:#f6f6f6;border-width:0px 1px 1px 1px;border-style:solid;border-color:#e4e4e4;} .card-voucher .certify-login-box li:first-child{border-top:1px solid #e4e4e4;} .card-voucher .certify-login-box li dl{overflow:hidden;margin-bottom:5px;} .card-voucher .certify-login-box li dl dt{float:left;color:#000;font-size:22px;line-height:36px;} .card-voucher .certify-login-box li dl dt label{color:#000;} .card-voucher .certify-login-box li dl dd{float:right;max-width: 65%;} .card-voucher .certify-login-box li dl dd .btnText{height:40px;line-height:40px;padding: 0 20px;background-color:#457468;} .card-voucher .certify-login-box li dl dd input{padding:8px;font-size:16px;text-align:center;} /* 2017-09-04 추가 : E */ /* 2017-08-28 추가 : S */ .list-dl.type02.wL20{} .list-dl.type02.wL20 li{} .list-dl.type02.wL20 .dt{width:20%;} .list-dl.type02.wL20 .dd{width:75%;} /* 2017-08-28 추가 : E */ /* 2017-11-10 브랜드 검색 추가 : S */ .rec_prdt{position:relative;margin:30px 0 -50px;padding:15px 7%;font-family:"굴림", Gulim, Dotum, Helvetica, Arial, Sans-serif;font-size:12px;background-color:#fff;border-top:1px solid #ccc;box-sizing:border-box;z-index:100;} .rec_prdt strong{font-family:"맑은 고딕";font-weight:bold;} .rec_prdt .rec_prdt_box{overflow:hidden;} .rec_prdt .rec_prdt_box .prdt_img{float:right;width:80px;} .rec_prdt .rec_prdt_box dl{float:left;width:65%;} .rec_prdt .rec_prdt_box dl dt{height:36px;color:#757575;font-size:12px;line-height:1.5em;} .rec_prdt .rec_prdt_box dl dd{} .rec_prdt .rec_prdt_box dl dd.discout{margin-top:8px;color:#333;font-size:15px;} .rec_prdt .rec_prdt_box dl dd.price{margin-top:5px;color:#999;font-size:11px;} .rec_prdt .more_btn{margin-top:5px;text-align:right;color:#999;} .rec_prdt .more_btn a{font-size:15px;} .rec_prdt .more_btn a strong{display:inline-block;margin-right:5px;padding-right:13px;font-size:11px;background:url('../../images/mobilehome/rec_prdt_arr_more.png') no-repeat right center; background-size:8px 14px;} .rec_prdt .btnToggle{position:absolute;display:block;width:61px;height:15px;top:-15px;left:50%;margin-left:-30px;text-indent:-9999px;background:url('../../images/mobilehome/rec_prdt_arr_close.png') no-repeat center;background-size:61px 15px;} .rec_prdt .txt_close{text-align:center;font-size:12px;line-height:12px;height:0;opacity:0;transition:0.3s all ease;} .rec_prdt .txt_close.off{visibility:hidden;} .rec_prdt.close{} .rec_prdt.close .txt_close{opacity:1;height:12px;} .rec_prdt.close .btnToggle{background-image:url('../../images/mobilehome/rec_prdt_arr_open.png');} .rec_prdt.fixed{position:fixed;margin:0;bottom:0;} .rec_prdt.hidden{display:none;} /* 2017-11-10 브랜드 검색 추가 : E */ /* 2017-11-22 문화센터 개인정보수집이용동의 추가 : S */ .agree-sub-title01{overflow:hidden;} .agree-sub-title01 .label-title{font-size:15px;} .agree-sub-title01 .btn_type13 a {display:block; padding:0px 0px 4px 15px; background:none;} /* 2017-11-22 문화센터 개인정보수집이용동의 추가 : S */ /* 2023-03-09 수정 [S] */ .voc-service { } .voc-service .voc-intro { position:relative; margin-top:20px; padding: 0 10px;} .voc-service .voc-intro a {display: block; width: 100%; margin-top: 25px;} .voc-service .btn-wrap-3.right { } .voc-service .btn-wrap-3.right .cell { display:inline-block; float:none; text-align:center; } .voc-service .btn-wrap-3.right .cell a { height:33px; line-height:33px; } .voc-service .voc-write { } .voc-service .voc-write input { color:#555; font-size:13px; } .voc-service .voc-write input:disabled { color:#000; background-color:#e5e5e5; } .voc-service .voc-write textarea { color:#555; font-size:13px; height:90px; resize:none; } .voc-service .voc-write textarea::placeholder { color:#999; } .voc-service .voc-write textarea:focus::placeholder { color:#fff; } .voc-service .voc-write .text-count { clear:both; font-size:11px; float:right; margin-top:0; white-space:nowrap; } .voc-service .voc-write .text-count strong { font-weight:bold; font-size:12px; color:#555; } .voc-service .voc-write .tit-clause { color:#000; padding-left:15px; text-indent:-15px; } .voc-service .voc-write .rsch-box { } .voc-service .voc-write .rsch-box .cell input[type='radio'] { position:absolute; } .voc-service .voc-write .rsch-box .cell input[type='radio'] + label { margin-right:1px; padding-left:18px; font-size:11px; box-sizing:border-box; } .voc-service .voc-write .rsch-box ul .label-title { padding-left:13px; background:url('../../images/mobilehome/icon_check_v.png') no-repeat left center; background-size:9px 7px; } .voc-service .voc-write .rsch-box ul li { margin-top:0; padding:13px 0; border-bottom:1px solid #c7c7c7; } .voc-service .voc-write .rsch-box .form-item + .form-item { margin-top:12px; } .voc-service .voc-write .rsch-box .result { margin-top:10px; } .voc-service .voc-write .charger-comment { border:1px solid #797979; margin-top:25px; } .voc-service .voc-write .charger-comment p { margin:0; padding:7px 11px; color:#000; font-family:'Happiness-Sans'; font-size:14px; background:#e5e5e5; word-wrap:break-word; } /* 2022-03-04 수정 */ .voc-service .voc-write .charger-comment textarea { border:none; } .voc-service .flex-box {display: flex; flex-direction: row; align-items: center; justify-content: space-around; flex-wrap: wrap; row-gap: 15px; max-width: 80%; margin: 10px auto 0;} .voc-service .flex-box.type02 {max-width: 70%; margin: 10px auto 0;} .voc-service .flex-box.type02 .radio_wrap {margin-right: 7px; margin-left: 7px;} .voc-service .flex-box.flex-start {justify-content: center;} .voc-service .flex-box.flex-start .radio_wrap {margin-right: 7px;} .voc-service .notice {width: 180px;} .voc-service .btn_save {width: 80px; height: 40px; color: #fff; font-weight: 700; background-color: #417b9c; display: flex; flex-direction: row; align-items: center; justify-content: center;} .voc-service p { position:relative; margin:40px 0 15px; color:#333; font-weight:bold; font-size:14px; line-height:20px; } .voc-service .tb_type1 table + table{ margin-top: 10px;} .voc-service .tb_type1 table th{padding:15px 6px 15px 6px; text-align: center;} .voc-service .tb_type1 table td{padding:15px 20px;} .voc-service .tb_type1 table {border: none; border-collapse: collapse;} .voc-service .tb_type1 table th, .voc-service .tb_type1 table td{border:1px solid #c2c7d5!important; word-break: keep-all;} .voc-service .tb_type1 {border: none;} .voc-service .tb_type1 table tr td.bgf5 {background-color: #f5f5f5; text-align: center; color: #5d6c89;} .voc-service .tb_type1 table tr td textarea {margin-top: 15px;} .voc-service .tb_type1 table thead th {border-bottom: none!important;} .voc-service .form {display: table;} .voc-service textarea { width:100%; height:100px; padding:15px; border:1px solid #c2c7d5; color:#666; font-size:12px; line-height:18px; margin-top:0; resize:none; box-sizing:border-box; } .voc-service .satis_input_brand {height:30px; padding:0px; margin-top: 0px !important;} .voc-service .voc-write textarea::placeholder { color:#999; } .voc-service .voc-write textarea:focus::placeholder { color:#fff; } .voc-servicee .voc-write .tb_type1 { border-bottom:none; } .voc-service .func_file .btn_file input[type="file"] {cursor:pointer; width:60px; height:30x; border:0; background:none; overflow:hidden; opacity:0;} .voc-service .func_file {display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 10px;} .voc-service .func_file .fileName {height: 30px; width: calc(100% - 60px); box-sizing: border-box; background-color: #fff; display: inline-block; padding: 4px 5px; border: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; line-height: 18px; white-space: nowrap; vertical-align: middle; } .voc-service .func_file .btn_file {background: #c2c7d5 url(https://www.ehyundai.com/images/mobilehome/txt_file2.png) no-repeat 50% 50%; height: 30px; width: 60px; box-sizing: border-box;} .voc-service .file_desc {display: block; font-size: 14px; margin-top: 20px;} .voc-service .btn_add {display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; background-color: #417b9c; width: 100%; height: 50px; font-size: 17px; line-height: 1; text-indent: 0; font-weight: 700;margin: 14px auto 0;} .voc-service .btn_submit {display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; background-color: #001a4d; width: 100%; height: 50px; font-size: 17px; line-height: 1; text-indent: 0; font-weight: 700;margin: 50px auto 0;} .voc-service .btn_delete {color: #fff; background-color: #001a4d; height: 30px; width : 90px; font-size: 12px; font-weight: 700;} /* 2023-03-09 수정 [E] */ /* 2018-01-22 고객서비스_배송조회 추가 : S */ .srch-delivery{} .srch-delivery .title-subject em{color:#f00;} .srch-delivery .srch-result{margin-top:10px;} .srch-delivery .srch-result li{margin-top:3px;} .srch-delivery .srch-result li .num{display:inline-block;width:33%;} .srch-delivery .srch-result li .complete{color:#1d806e;} .srch-delivery .chk-radio-box{margin-top:10px;} .srch-delivery .chk-radio-box span:first-child{margin-right:10px;} .srch-delivery .cell.w30{width:30%;} .srch-delivery .btnText{height:37px;line-height:37px;} .srch-delivery .list-type-dot{margin-top:15px;} .srch-delivery .list-type-dot li{position:relative;padding-left:9px;color:#555;line-height:20px;} .srch-delivery .list-type-dot li:before{content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;background-color:#333;border-radius:3px;} /* 2018-01-22 고객서비스_배송조회 추가 : E */ /* 2018-07-18 셀렉트박스 : S */ .selectbox {display:inline-block;width:100%;box-sizing:border-box;vertical-align:middle} .selectbox .state {position:relative;padding-right:12px;} .selectbox .state .current {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;} .selectbox .state button {overflow:hidden;position:absolute;top:50%;right:0;width:11px;height:9px;margin-top:-6px;background:url('../../images/mobilehome/svg/svgIconSelectbox.png') 50% 50% no-repeat;background-size:11px 6px;font-size:0;white-space:nowrap;text-indent:100%} .selectbox .optionbox{display:none;position:fixed;right:0;bottom:0;left:0;z-index:120;background-color:#fff} .selectbox .optionbox:after {content:'';position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#000;opacity:.5} .selectbox .optionbox .options {overflow-y:scroll;height:225px;text-align:center;background-color:#fff} .selectbox .optionbox .options li {box-sizing:border-box;} /* 2018-08-01 */ .selectbox .optionbox .options li + li {border-top:1px solid #efefef} .selectbox .optionbox .options .btnOption {display:block;width:100%;line-height:43px;text-align:center} /* 2018-08-01 : S */ .selectbox .optionbox .options.type-board {font-size:0;margin-left:-1px;text-align:left} .selectbox .optionbox .options.type-board li {display:inline-block;height:44px;border-width:0 0 1px 1px;border-style:solid;border-color:#efefef;vertical-align:top} .selectbox .optionbox .options.type-board li.col-4 {width:25%} .selectbox .optionbox .options.type-board .btnOption {display:table-cell;height:100%;line-height:1.5} /* 2018-08-01 : E */ .selectbox.line {padding:0 12px;border:1px solid #cfcfcf;line-height:32px} /* 2018-07-18 셀렉트박스 : E */ /* 2018-07-18 : S */ .recommendation-list {margin-top:12px;} .recommendation-list .total {font-size:12px;color:#51a6b3;margin-bottom:17px} .recommendation-list li {margin-top:7px;line-height:27px} .recommendation-list .btnText{width:67px;height:27px;line-height:27px} /* 2018-08-07 : S */ .box-article {border:1px solid #efefef} .box-article + .box-article {margin-top:13px} .box-article .head {padding:0 16px} .box-article .head .tgg-title {position:relative;padding:0 16px} /* 2019-웹접근성-008 변경 */ .box-article .head .title-article.type2.wide {border:0;margin:-1px -16px 0} .box-article .head .txt_caution {margin:-4px 0 13px} .box-article .head label {font-size:17px !important;color:#333 !important} .box-article .head .box-article-button {overflow:hidden;position:absolute;top:0;right:16px;bottom:0;width:11px;font-size:1px;white-space:nowrap;text-indent:100%} /* 2019-웹접근성-008 추가 */ .box-article .body {padding:0 16px;border-top:1px solid #efefef} .box-article .body .sub-title-aritcle {margin-top:26px;font-family:'Happiness-Sans';font-size:17px;color:#333}/* 2022-03-04 수정 */ .box-article .tgg-title {position:relative;padding-right:11px;margin:13px 0;background:url('../../images/mobilehome/svg/svgArrTop3.png') 100% 8px no-repeat;background-size:11px 6px} /* 2019-웹접근성-008 변경 */ /* 2022-07-11 수정 */ .box-article .tgg-title.hide {background-image:url('../../images/mobilehome/svg/svgArrBottom3.png')} .box-article .tgg-title .check-item-type2 label {font-size:13px;color:#666} .box-article .tgg-title .terms-item-button {overflow:hidden;position:absolute;top:0;right:0;bottom:0;width:11px;font-size:1px;white-space:nowrap;text-indent:100%} /* 2019-웹접근성-008 추가 */ .box-article .tgg-cont {padding:0;margin:0} .box-article .head.tgg-title {padding-right:16px;margin:0;background-position: right 16px top 21px} .box-article .body.tgg-cont {padding:0 16px;background-color:#f8f8f8} /* 2022-05-18 수정 [S] */ .card-step3 .box-article .body.tgg-cont{padding: 0;} .card-step3 .box-article .body.tgg-cont>div,.card-step3 .box-article .body.tgg-cont>h3{padding-left: 16px; padding-right: 16px;} .card-step3 .tgg-cont .terms-item .btnMagnifier{right:16px;} /* 2022-07-11 수정 [S] */ .box-article .tgg-title2 {position:relative;padding-right:11px;background:url('../../images/mobilehome/svg/svgArrTop3.png') calc(100% - 16px) 50% no-repeat;background-size:11px 6px} /* 2019-웹접근성-008 변경 */ .box-article .tgg-title2.hide {background-image:url('../../images/mobilehome/svg/svgArrBottom3.png')} .box-article .head.tgg-title2 {position:relative;padding:0 16px} /* 2019-웹접근성-008 변경 */ .box-article #terms03_content .tgg-title{background-position: calc(100% - 16px) 8px;} #terms03_content .terms-item:last-of-type{margin-bottom: 0; padding-bottom: 13px;} /* 2022-07-11 수정 [E] */ /* 2022-05-18 수정 [E] */ .terms-item {position:relative;padding-right:23px;margin:13px 0} .terms-item .title{display:block;color:#999;margin-top:-3px;margin-left:31px} .terms-item .grid {display:table;margin-left:31px;margin-bottom:13px} .terms-item .grid .title {} .terms-item .grid .row {display:table-row} .terms-item .grid .col {display:table-cell;padding-top:9px} .terms-item .grid .col:first-child {width:80px} .terms-item .grid + .btnMagnifier {top:25px;margin-top:0} .terms-item .btnMagnifier {position:absolute;top:50%;right:0;margin-top:-13px;} .terms-item.type2 {padding:13px 16px;margin:0 -16px;background-color:#f8f8f8} .terms-item.type2 .btnMagnifier {right:16px} /* 2018-08-07 : E */ /* 2018-07-18 : E */ /* 2018-07-18 현대카드 신청 : S */ .hdCard2 {} .hdCard2 .container {padding:0;margin:0 16px} .hdCard2 .title-article + .form-item {margin-top:0} .hdCard2 .txt_caution {position:relative} .hdCard2 .txt_caution.type-vertical-align span {vertical-align:middle} /* 2018-08-01 */ .hdCard2 .txt_caution.type-vertical-align .check-item-type2 {margin-top:-1px;margin-left:3px;} /* 2018-08-01 */ .hdCard2 .txt_caution.pdRight {padding-right:25px} .hdCard2 .txt_caution.cHippieBlue {margin-top:13px;font-size:12px} .hdCard2 .txt_caution .btnMagnifier{position:absolute;top:50%;right:0;margin-top:-13px;} .hdCard2 .form-item {min-height:32px;padding:10px 0;border-bottom:1px solid #efefef;} .hdCard2 .form-item.bg-color {background-color:#f8f8f8} .hdCard2 .form-item + .form-item {margin-top:0} .hdCard2 .form-item.bdNone {min-height:0;border: 0 none} .hdCard2 .form-item.bdNone .input-wrap2 {min-height:0} .hdCard2 .form-item.pdNone {padding:0} .hdCard2 .form-item-email {display:none;background-color:#fff;margin-top:-12px !important;} .hdCard2 .checkbox-panel {display:none} /* 2018-08-01 */ .hdCard2 .radio-panel {display:none;margin-top:3px} /* 2018-08-01 */ .hdCard2 .radio-panel.type2 {margin-right:-16px;margin-left:-16px;padding:0 16px;background-color:#f8f8f8} .hdCard2 .radio-panel.type2 input[type="text"] {background-color:transparent} /* 2018-09-19 : S */ .hdCard2 .checkbox-panel .btnSearch {width:60px;} .hdCard2 .checkbox-panel .input-num {flex: none; width: 60px;} .hdCard2 .checkbox-panel .input-num .text {color: #51a6b3; display: block;} .hdCard2 .box-resident-registration-number, .hdCard2 .box-drivers-licence {position:relative;height:194px;padding-top:15px;border:1px solid #efefef;box-sizing:border-box;text-align:center} .hdCard2 .box-resident-registration-number input, .hdCard2 .box-drivers-licence input {position:absolute;left:50%;border:2px solid #51a6b3;height:24px;line-height:24px;color:#333;text-align:center} .hdCard2 .box-resident-registration-number .date{top:119px;width:120px;margin-left:-59px} .hdCard2 .box-resident-registration-number .place-of-issue{top:152px;width:186px;margin-left:-93px} .hdCard2 .box-drivers-licence .location{top:0;width:60px;} .hdCard2 .box-drivers-licence .number{top:0;text-align:left;text-indent: 8px} .hdCard2 .box-drivers-licence .location-number { position:absolute; top:34px; left:50%; margin-left:-82px;} .hdCard2 .box-drivers-licence .location-number .location, .hdCard2 .box-drivers-licence .location-number .number { position: static; display: inline-block} .hdCard2 .box-drivers-licence .serial-number{top:128px;width:55px;margin-left:91px} .hdCard2 .box-resident-registration-number input::-ms-input-placeholder { font-size:13px } .hdCard2 .box-resident-registration-number input::-webkit-input-placeholder { font-size:13px } .hdCard2 .box-resident-registration-number input::-moz-placeholder { font-size:13px } .hdCard2 .box-drivers-licence input::-ms-input-placeholder { font-size:13px } .hdCard2 .box-drivers-licence input::-webkit-input-placeholder { font-size:13px } .hdCard2 .box-drivers-licence input::-moz-placeholder { font-size:13px } .form-item-add .input-wrap2 input[type="text"][readonly], .form-item-add .input-wrap2 input[type="number"][readonly], .form-item-add .input-wrap2 input[type="tel"][readonly], .form-item-add .input-wrap2 input[type="search"][readonly], .form-item-add .input-wrap2 input[type="text"]:disabled, .form-item-add .input-wrap2 input[type="number"]:disabled { background: #fff; } .hdCard2 .txt_caution.cHippieRed {color: #b35151;margin-top: 13px;font-size: 12px;} /* 2018-09-19 : E */ /* 2018-09-19 : 카드신청하기 : S */ .title-article.type2.bdNone { border-bottom: 0; } .form-item.phone-agree {border: 1px solid #cfcfcf;} .form-item.phone-agree .selectbox .current { text-indent: 8px; } /* 2018-09-19 : 카드신청하기 : E */ /* 2018-08-13 : S */ .hdCard2.verticalFull{display:flex;flex-direction:column;height:100vh;padding:44px 0 50px;margin:-44px 0 -50px;box-sizing:border-box;} /* 2018-09-10 */ .hdCard2.verticalFull .container.full{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1} /* 2018-08-13 : E */ /* 2018-07-18 현대카드 신청 : E */ /* 2018-08-13 : S */ .message {text-align:center;} .message .icon-completion {display:block;width:78px;height:78px;border-radius:50%;border:1px solid #ebebeb;margin:0 auto 16px;background:url('../../images/mobilehome/svg/svgIconCheck2.png') 50% 50% no-repeat;background-size:36px 25px} .message .title {display:block;font-size:24px;font-family:'Happiness-Sans';color:#333;line-height:1.3}/* 2022-03-04 수정 */ .message .title em {color:#51a6b3} .message .desc {margin-top:15px;font-size:14px;color:#999} /* 2018-08-13 : E */ /* 2018-08-13 : S */ .description-list {display:block;font-size:14px;color:#666} .description-list .division {display:table-row} .description-list .division .title {display:table-cell;padding:2px 0} .description-list .division .title:after {content:':';margin:0 4px;} .description-list .division .desc {display:table-cell;padding:2px 0} .description-list .division .desc .tel {color:#51a6b3;text-decoration:underline} /* 2018-08-13 : E */ /* 2018-07-18 카드 비밀번호 : S */ .card-password {} .card-password .division {padding:40px 0;text-align: center;} .card-password .division + .division {border-top:1px solid #efefef} .card-password .division .title {font-size:17px;font-family: 'Happiness-Sans'}/* 2022-03-04 수정 */ .card-password .division .password {position:relative;font-size:0;margin-top:6px;} .card-password .division .password .password-character-input {} .card-password .division .password .password-character {display:inline-block;width:29px;height:38px;margin:0 5px;border-bottom:1px solid #cfcfcf;font-size:26px;color:#cfcfcf;line-height:38px;vertical-align:top} .card-password .division .password .password-character.on:before {content:'*'} /* 2018-07-18 카드 비밀번호 : E */ /* 2018-07-18 숫자 키패드 : S */ .keyboard-number {position:fixed;right:0;bottom:0;left:0;z-index:20} .keyboard-number table {width:100%} .keyboard-number table td {border:1px solid #efefef;background-color:#f8f8f8} .keyboard-number table td .btn-keyboard {width:100%;height:54px;line-height:54px;font-size:20px;font-family:'Happiness-Sans';color:#666}/* 2022-03-04 수정 */ .keyboard-number table td .btn-keyboard-cancel {background:url('../../images/mobilehome/svg/svgArrLeft2.png') 50% 50% no-repeat;background-size:22px 16px} /* 2018-07-18 숫자 키패드 : E */ /* 2018-12-27 : 문화센터 카탈로그 S */ .down-wrap{position:relative;overflow:hidden;} .down-link{font-size:14px; color:#666; font-weight:bold; margin-top:13px;padding:2px 0; width:50%;display:block; float:left;} .btn-down{display:inline-block; font-size:13px;color:#666; border:1px solid #ccc;background:#fff; padding:6px 8px 10px 19px; box-shadow:0 1px 0 #e5e5e5; margin-left:7px; vertical-align:middle;position:relative; font-weight:400;} .btn-down:after{content:"〉";position:absolute; left:9px; top:5px;} .btn-down:hover{color:#fff; background:#000; box-shadow:none;} /* 2018-12-27 : 문화센터 카탈로그 E */ /* 2019-10-01 추가 : S */ .wrapper.on .layer-page {position:absolute} .layer-page {overflow-y:auto;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#fff;font-family:'Noto Sans KR', 'Malun Gothic', sans-serif;} .layer-page-header {position:relative;height:43px;border-bottom:1px solid #b2b2b2;padding-right:68px;padding-left:68px;} /* 2020-07-23 변경 */ .layer-page-heading {font-family: 'Happiness-Sans';font-size:19px;color:#333;padding-top:10px;line-height:23px;text-align:center} /* 2022-03-04 수정 */ .layer-page-header [class$='-btn'] {overflow:hidden;position:absolute;background-position:50% 50%;background-repeat:no-repeat;font-size:1px;white-space:nowrap;text-indent:100%} .layer-page-history-btn {top:8px;left:8px;width:30px;height:28px;background-image:url(../../images/mobilehome/svg/svgBtnBack.png);background-size:18px 12px;} /* 2020-07-23 변경 */ .layer-page-menu-btn {top:1px;right:8px;width:50px;height:50px;background-image:url(../../images/mobilehome/icon-menu-50x36-222.png);background-size:25px 18px;} .layer-page-close-btn {top:8px;left:8px;width:30px;height:28px;background-image:url(https://www.ehyundai.com/images/mobilehome/icon-close-38x38-222.png);background-size:16px 16px;} /* 2020-07-23 변경 */ .layer-page-content {padding-right:32px;padding-left:32px;background-color:#fff} .layer-page-content-full {padding-right:0;padding-left:0} .search-form {position:relative;margin-top:25px} .search-form-title {display:inline-block;margin-bottom:20px;font-weight:700;font-size:17px;color:#222} .search-form-store-btn {position:absolute;top:0;right:0;padding-right:23px;background:url(../../images/mobilehome/icon-arrow-bottom-22x14-376155.png) right 3px top 50% no-repeat;background-size:11px 7px;font-weight:700;font-size:15px;color:#376155} .search-form-input {position:relative;}/* 2022-08-26 수정 */ .search-form-keyword {width:100%;height:62px;box-sizing:border-box;padding-right:82px;padding-left:13px;border:2px solid #e6e6e6;font-size:17px;color:#222;line-height:58px;outline:none} .search-form-keyword:focus {border-color:#376155} .search-form-keyword:focus ~ .search-form-cancel-btn {display:block} .search-form-input [class$='-btn'] {overflow:hidden;position:absolute;top:50%;background-position:50% 50%;background-repeat:no-repeat;font-size:1px;white-space:nowrap;text-indent:100%} .search-form-cancel-btn {display:none;right:43px;width:31px;height:31px;margin-top:-15px;background-image:url(../../images/mobilehome/icon-circle-close-42x42-376155.png);background-size:21px 21px} .search-form-btn {right:8px;width:31px;height:31px;margin-top:-15px;background-image:url(../../images/mobilehome/icon-search-42x42-666.png);background-size:21px 21px} .search-form-options {display:none} .search-form-options-item {margin-top:30px} .search-form-options-btn {font-weight:300;font-size:17px;color:#222} .search-form-options-btn .highlighting {color:#376155} .search-form-result {padding-bottom:40px;border-bottom:1px solid #e6e6e6;margin-bottom:40px;text-align:center;} .search-form-result-paragraph {font-weight:700;font-size:19px;color:#222} .search-form-result-paragraph-advice {margin-top:10px;font-size:15px;color:#376155;} /* 2022-08-26 추가 [S] */ .search-form .store-form-msg{padding-top: 42.5px; padding-bottom: 42.5px; font-size: 15px; color: #222; border-bottom: 1px solid #e6e6e6; text-align: center; margin-bottom: 10px;} .search-form .store-form-msg .store-form-msg-value{color: #d13535;} /* 2022-08-26 추가 [E] */ .search-form.is-active {} .search-form.is-active .search-form-keyword {border-color:#376155} .search-form.is-active .search-form-cancel-btn {display:block} .search-form.is-active .search-form-options {display:block} .search-form.is-active ~ .popular-searches {display:none} .popular-searches {margin-bottom:44px} .popular-searches-title {display:inline-block;margin-bottom:20px;font-weight:700;font-size:14px;color:#666} .popular-searches-list {} .popular-searches-item {display:inline-block;margin-top:10px;margin-right:10px;vertical-align:top} .popular-searches-anchor {display:block;height:36px;box-sizing:border-box;padding-right:15px;padding-left:15px;border:1px solid #ddd;border-radius:36px;font-size:14px;color:#666;line-height:34px;} .store-choice {} .store-choice-title {display:block;height:100px;padding-right:32px;padding-left:32px;margin-right:-32px;margin-left:-32px;background-color:#f5f5f5;font-weight:700;font-size:17px;color:#222;line-height:100px;} .store-choice-section {padding-top:40px;padding-bottom:40px;} .store-choice-section + .store-choice-section {border-top:1px solid #e6e6e6;} .store-choice-section-title {display:inline-block;margin-bottom:15px;font-weight:300;font-size:19px;color:#666} .store-choice-section-title + .store-choice-section-subtitle {margin-top:0} .store-choice-section-subtitle {display:block;margin-top:30px;margin-bottom:10px;font-size:15px;color:#222} .store-choice-list {margin-top:5px;font-size:0} .store-choice-item {display:inline-block;width:calc(50% - 2px);margin-top:4px;vertical-align:top} .store-choice-item:nth-child(2n) {margin-left:4px} .store-choice-label {position:relative;width:100%} .store-choice-label-input {position:absolute;top:0;right:0;bottom:0;left:0;opacity:0} .store-choice-label-text {display:block;height:52px;box-sizing:border-box;border:1px solid #e6e6e6;background-color:#f5f5f5;font-weight:300;font-size:16px;color:#222;line-height:50px;text-align:center; overflow:hidden;} .store-choice-label-input:checked ~ .store-choice-label-text {border-color:#376155;background-color:#376155;font-weight:400;color:#fff} .store-choice-btn-area {height:73px;line-height:71px;} .store-choice-btn {position:fixed;right:0;bottom:0;left:0;height:inherit;background-color:#474747;font-size:21px;color:#fff;line-height:inherit;text-align:center} .search-result {position:relative;padding:44px 0px;} .search-result + .search-result {padding-top:56px} .search-result + .search-result:before {content:'';position:absolute;top:0;right:-32px;left:-32px;height:10px;border:solid #e6e6e6;border-width:1px 0 1px 0;background-color:#f5f5f5} .search-result-title {font-weight:700;font-size:17px;color:#222} .search-result-detail-btn {position:absolute;top:0;right:0;font-size:14px;color:#666;text-decoration:underline !important;} .search-result-more-btn {display:block;height:50px;border:1px solid #e6e6e6;font-weight:300;font-size:17px;color:#666;line-height:50px;text-align:center} .search-result-more-icon {display:inline-block;width:13px;height:7px;margin-left:10px;background:url(../../images/mobilehome/icon-arrow-bottom-26x14-898989.png) 50% 50% no-repeat;background-size:13px 7px;vertical-align:2px} .search-result-branch {} .search-result-branch-item {position:relative;padding-left:11px;margin-top:20px;font-weight:300;font-size:17px;color:#222} .search-result-branch-item:before {content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background-color:#666} .search-result-branch-detail {margin-top:18px;font-size:15px;line-height:1.4} .search-result-branch-detail em {display:block;margin-top:18px;margin-bottom:10px;font-weight:400} .search-result-branch-detail p {padding-left:10px;color:#666} .search-result-branch-detail p:before {content:'-';display:inline-block;width:10px;margin-left:-10px} .search-result-branch-detail-show {} .search-result-branch-detail-show p:last-of-type {display:inline} .search-result-branch-detail-hide {display:none} .search-result-branch-detail-more {display:inline-block;} .search-result-branch-detail-more-text {font-size:15px;color:#666} .search-result-branch-detail-more-btn {font-size:14px;color:#376155} .search-result-branch-detail.is-expanded .search-result-branch-detail-more {display:none} .search-result-branch-detail.is-expanded .search-result-branch-detail-hide {display:block} .search-result-store {margin-right:-32px} .search-result-store-tabs {margin-top:20px;margin-bottom:20px;font-size:0} .search-result-store-tab {display:inline-block;font-weight:300;font-size:15px;color:#666;vertical-align:middle} .search-result-store-tab + .search-result-store-tab:before {content:'';display:inline-block;width:1px;height:13px;margin-right:10px;margin-left:10px;background-color:#e6e6e6;vertical-align:-1px} .search-result-store-tab.is-active {font-weight:400;color:#222} .search-result-store-item {position:relative;padding-top:30px;padding-bottom:30px} .search-result-store-item + .search-result-store-item {border-top:1px solid #e6e6e6} .search-result-store-floor {display:inline-block;width:25px; background-color:#222222; font-size: 11px;color: #fff; height: 25px; line-height: 25px; text-align: center;}/* 2022-08-26 수정 */ .search-result-store-title {display:inline-block;font-weight:300;font-size:17px;color:#222;vertical-align:middle; margin-top: 12.5px;}/* 2022-08-26 수정 */ .search-result-store-cell-phone-btn {overflow:hidden;position:absolute;top:50%;right:65px;width:28px;height:31px;margin-top:-15px;background:url('../../images/mobilehome/icon-cell-phone-36x42-222.png') 50% 50% no-repeat;background-size:18px 21px;font-size:1px;white-space:nowrap;text-indent:100%} .search-result-store-map-btn {overflow:hidden;position:absolute;top:50%;right:31px;width:26px;height:31px;background:url('../../images/mobilehome/icon-map-31x42-333.png') 50% 50% no-repeat;background-size:auto 21px;margin-top:-15px;font-size:1px;white-space:nowrap;text-indent:100%} .search-result-store-shop-btn{overflow:hidden;position:absolute;top:50%;right:101px;width:26px;height:31px;background:url('../../images/mobilehome/icon-store-40x40.png') 50% 50% no-repeat;background-size:20px 20px;margin-top:-15px;font-size:1px;white-space:nowrap;text-indent:100%;} /* 2022-04-25 추가 : S */ .search-result-store-item .info_text .cetegory_text {font-size:11px} .search-result-store-item .info_text .selectshop_text {font-size: 11px; color: #9e8866;} /* 2022-04-25 추가 : E */ /* 2022-08-26 추가 [S] */ .search-result-store-branchNm{display: inline-block; background-color:#376155; font-size: 11px; padding: 0 5.5px;color: #fff; height: 25px; line-height: 25px; margin-right: 2px;} .search-result-culture-storeNm{display: inline-block; background-color:#376155; font-size: 11px; padding: 0 5.5px;color: #fff; height: 25px; line-height: 25px; margin-bottom: 5px;} .store-result-msg{padding-top: 30px; font-size: 15px; color: #222222;} .store-result-msg .store-result-msg-value{color: #d13535;} .search-result-store .search-result-store-list .category_text{font-size: 11px; margin-top: 15px;} /* 2022-08-26 추가 [E] */ .search-result-event {margin-right:-32px} .search-result-event-item {} .search-result-event-item + .search-result-event-item {border-top:1px solid #e6e6e6} .search-result-event-anchor {display:flex;padding-top:30px;padding-bottom:30px} /* 2020-07-16 변경 */ .search-result-event-image {flex:none;width:86px;height:86px;} /* 2020-07-16 추가 */ .search-result-event-detail {flex:none;margin-left:18px} /* 2020-07-16 추가 */ /* 2022-10-07 수정 [S] */ .search-result-event-type {display:inline-block;color:#376155;font-size:14px;margin-bottom:6px} .search-result-event-branchNm{display: inline-block; height: 25px; padding: 0 5.5px;color: #fff; font-size: 11px; line-height: 25px; background-color:#376155; margin-right: 2px; margin-bottom: 6px;} /* 2022-10-07 수정 [E] */ .search-result-event-title {display:block;font-weight:300;font-size:17px;color:#222} .search-result-event-title2 {overflow: hidden; display: -webkit-box; margin-bottom: 2px;font-size: 14px;color: #222;line-height: 1.4285; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search-result-event-date {display:block;margin-top:11px;font-size:15px;color:#898989} .search-result-culture {margin-right:-32px} .search-result-culture-item {} .search-result-culture-item + .search-result-culture-item {border-top:1px solid #e6e6e6} .search-result-culture-anchor {display:block;padding-top:30px;padding-bottom:30px} .search-result-culture-title {display:block;font-weight:300;font-size:17px;color:#222} .search-result-culture-date {display:block;margin-top:11px;font-size:15px;color:#898989} .search-advice {position:relative;padding:43px 32px 55px;border-top:1px solid #e6e6e6;margin-right:-32px;margin-left:-32px;background-color:#f5f5f5} .search-advice-title {font-weight:700;font-size:15px;color:#222} .search-advice-product {display:flex;align-items:center;padding:10px 8px;margin-top:20px;background-color:#fff} .search-advice-product-image {flex:none;width:86px} .search-advice-product-detail {flex:1;margin-left:18px;} .search-advice-product-title {overflow:hidden;display:-webkit-box;margin-bottom:2px;font-size:14px;color:#222;line-height:1.4285;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .search-advice-product-price-delete {display:block;margin-top:1px;font-weight:300;font-size:14px;color:#898989} .search-advice-product-price {display:block;margin-top:1px;font-weight:700;font-size:15px;color:#d13535} .search-advice-detail-btn {position:absolute;top:43px;right:32px;font-size:14px;color:#666;text-decoration:underline !important;} /* 2022-07-12 추가 [S] */ .search-result-branch-detail-etc{width: 100%; box-sizing: border-box; background-color: #f7f7f7; font-size: 15px; color: #222; padding: 23px 20px; margin-top: 20px;} .search-result-branch-detail-etc-btn{display: block; margin-top: 18px; width: 100%; background-color: #787878; color: #fff; font-size: 15px; padding: 15px 0; text-align: center;} /* 2022-07-12 추가 [E] */ @media (min-width: 641px) { .layer-page {position:absolute !important;} .store-choice-btn {display:block;position:static !important;margin-right:-32px;margin-left:-32px} } /* 2019-10-01 추가 : E */ /* 21-01-29 변경 : S */ .type_premium_green .head .lay_h1 {color:#426c69 !important} .type_premium_green .info.type2 table {border-top-color:#426c69 !important} /* 21-01-29 변경 : E */ /* 2020-02-28 추가 : S */ .policy-agree-wrap {padding-right:15px;padding-left:15px;margin-top:30px;} .policy-agree-head {margin-bottom:10px;} .policy-agree-head .check-item-type4 .label, .policy-agree-head .check-item-type4 label {font-size:17px;font-weight:700;color:#222} .policy-agree-body {padding-top:7px;border-top:2px solid #5d6c89;margin-top:10px;margin-bottom:15px} .policy-agree-item {padding-top:11px;padding-right:55px;padding-bottom:11px;border-bottom:1px solid #e6e6e6} .policy-agree-item:after {content:'';display:block;clear:both} .policy-agree-item .link_view {position:absolute;top:50%;right:-40px;width:23px;height:23px;background:url(../../images/mobilehome/ico-arrow-right-18x28-898989.png) 50% 50%/9px 14px no-repeat;transform:translateY(-50%)} .policy-agree-wrap > p {padding-left:16px;text-indent:-16px;font-size:15px;color:#666;line-height:1.4} /* 2020-02-28 추가 : E */ /* 2020-03-03 모바일 팝업 공지용 css 추가 */ /* 2021-03-19 주석 처리 : S */ /* #popupEventMain {right:20px !important; left:20px !important;} .popup-event {display: none;position: absolute;right:43px;left:43px;z-index: 35;top: 120px;} .popup-event:after {content:'';position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .65)} .popup-event.active {display: block;} .popup-event h2 {display: block; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0;} .popup-event .popup-display {position:relative;z-index:10} .popup-event .popup-display .popup-item {} .popup-event .popup-display .popup-item .wrap {display: block;} .popup-event .popup-display .popup-item .wrap img {vertical-align: top; max-width: 100%;} .popup-event .popup-control {} .popup-event .popup-control .btn {position:absolute;z-index:30} .popup-event .popup-control .close-today {left:50%;padding:6px 13px;background-color:#000;color:#fff;white-space:nowrap;text-align:center;transform:translateX(-50%)} */ /* 2020-03-06 변경 */ /* .popup-event .popup-control .close {} #popupEventMain .close-today {bottom:25px !important;} .volunteer_sharing_brokerage_center{position:relative;margin-top:20px;} .volunteer_sharing_brokerage_center .link {position: absolute; bottom: 40px; left: 0; width: 100%; } */ /* 2021-03-19 주석 처리 : E */ .volunteer_sharing_brokerage_center .link img { width: 50%; display: block; margin: 0 auto; } /* 2020-03-12 추가 : S */ .green-friends-introduction {font-family: 'Happiness-Sans', sans-serif;letter-spacing:-.025em;line-height:1.3846} .green-friends-introduction .btn-more a {border-top:0} .green-friends-heading {position:relative;padding:66px 25px 40px;background:#edfada url(../../images/mobilehome/bg_green_friends_top.png) 50% 235px/contain no-repeat;text-align:center} /* 2020-06-08 변경 */ .green-friends-heading:before {content:'';position:absolute;right:0;bottom:0;left:0;padding-top:55%;background-color:#d2e6b5} /* 2020-06-08 추가 */ .green-friends-heading h2 {font-size:19px;font-weight:700;color:#349443} .green-friends-heading img {margin-top:13px;} .green-friends-heading p {margin-top:23px;font-size:15px;color:#000} .green-friends-youtube {position:relative;width:100%;padding-bottom:56.25%;margin-top:90%} /* 2020-06-08 추가 */ .green-friends-youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%} /* 2020-06-08 추가 */ .green-friends-section {} .green-friends-section h3 {font-family: 'Happiness-Sans', sans-serif;font-size:25px;font-weight:400;line-height:1.2}/* 2022-03-04 수정 */ .green-friends-slide-section {position:relative;padding-top:50px} /* 2020-03-24 02 추가 */ .green-friends-slide-section h3 {margin-left:25px;margin-right:25px} /* 2020-03-24 02 추가 */ .green-friends-slide {position:relative;margin-top:24px} /* 2020-03-24 02 변경 */ .green-friends-slide .bx-prev {overflow:hidden;position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-49px;background:url(../../images/mobilehome/btn_green_friends_slide_prev.png) 50%/40px no-repeat;text-indent:100%;white-space:nowrap} .green-friends-slide .bx-next {overflow:hidden;position:absolute;top:50%;right:0;width:40px;height:40px;margin-top:-49px;background:url(../../images/mobilehome/btn_green_friends_slide_next.png) 50%/40px no-repeat;text-indent:100%;white-space:nowrap} /* 2020-03-24 02 추가 : S */ .green-friends-slide-section > a {position:absolute;top:63px;right:25px;font-size:12px;font-weight:700;color:#333} .green-friends-slide-section > a:after {content:'';display:inline-block;width:3px;height:6px;margin-top:-1px;margin-left:6px;background:url(../../images/mobilehome/ico_arrow_right_7x12_333.png) 50%/100% no-repeat;vertical-align:middle} /* 2020-03-24 02 추가 : E */ .green-friends-list-section {padding:50px 0} .green-friends-list-section h3 {margin-left:25px;margin-right:25px} .green-friends-list {margin-top:25px} .green-friends-list li + li {margin-top:50px} .green-friends-list img {display: block;} .green-friends-list strong {display: block;margin:22px 25px 0;font-family: 'Happiness-Sans', sans-serif;font-size:20px;font-weight:400;line-height:1.2;color:#222}/* 2022-03-04 수정 */ .green-friends-list p {margin:11px 25px 0;font-size:14px;color:#555;line-height:1.4285} .green-friends-division-bottom {padding:60px 25px 40px;background: #f8eedd url(../../images/mobilehome/bg_green_friends_story0.png) 50% 0/cover no-repeat } .green-friends-story {} .green-friends-story-text {box-sizing:border-box;padding:25px 20px 90px;margin-top:11px;background:#fff url(../../images/mobilehome/bg_green_friends_story1.png) 100% 100%/116px 79px no-repeat} .green-friends-story-text p {margin-top:20px;font-size:14px;color:#333;line-height:1.4285} .green-friends-story-text p:first-child {margin-top:0} .green-friends-story-text strong {color:#3aae2a;font-weight:700} .green-friends-story-list {} .green-friends-story-list-item {display:flex;align-items: center;position:relative;height:92px;padding:0 25px;margin-top:10px;margin-right:-25px;margin-left:-25px;} /* 2020-08-13 변경 */ .green-friends-story-list-item:first-child {margin-top:0} .green-friends-story-list-item1 {background-color:#d6e9c2} .green-friends-story-list-item2 {background-color:#eaf8b3} .green-friends-story-list-item3 {background-color:#d7ef98} .green-friends-story-list-item4 {background-color:#bce294} /* 2020-08-13 추가 */ .green-friends-story-list-item .link {display:flex;align-items: center;width:100%;height:100%;padding-right:70px;padding-left:25px;margin-right:-25px;margin-left:-25px} /* 2020-08-13 추가 */ .green-friends-story-list-item .number {margin-top:-5px;margin-right:20px;font-size:35px;color:#333} /* 2020-08-13 변경 */ .green-friends-story-list-item .description {font-size:14px;color:#333} /* 2020-08-13 변경 */ .green-friends-story-list-item .description strong {font-weight:700} /* 2020-08-13 변경 */ .green-friends-story-list-item .link-text {display:block;position:absolute;top:50%;right:25px;padding-right:10px;font-size:12px;font-weight:700;transform:translateY(-50%)} /* 2020-08-13 추가 */ .green-friends-story-list-item .link-text:after {content:'';position:absolute;top:2px;right:0;width:5.5px;height:13.5px;background:url(../../images/mobilehome/ico_arrow_right_11x17_333.png) 0/100% no-repeat} /* 2020-08-13 추가 */ .green-friends-message {margin-top:35px;text-align:center} .green-friends-message strong {display:block;font-size:14px;font-weight:700;color:#333;line-height:1.6071} .green-friends-message img {margin-top:17px} /* 2020-03-12 추가 : E */ /* 2020-05-11 : S */ .self-certification-type {*zoom:1;border:1px solid #ebebeb;margin:25px 34px;text-align:center} .self-certification-type:after {content:'';display:block;clear:both} .self-certification-type .item {display:table;float:left;width:50%;height:111px} .self-certification-type .item + .item{border-left:1px solid #ebebeb;margin-right:-1px} .self-certification-type .item a {display:table-cell;height:100%;vertical-align:middle} .self-certification-type .item a:hover, .self-certification-type .item a:active, .self-certification-type .item a:focus {background-color:#f4f4f4} .self-certification-type .item i {display:block;height:50px;margin:0 auto;background-repeat:no-repeat} .self-certification-type .item .phone {width:32.5px;background-image:url(https://www.ehyundai.com/images/mobilehome/ico-phone-65x100.png);background-size:32.5px 50px} .self-certification-type .item .monitor {width:62px;background-image:url(https://www.ehyundai.com/images/mobilehome/ico-monitor-114x100.png);background-size:62px 50px} .self-certification-type .item strong {display:inline-block;margin-top:15px;font-size:15px} /* 2020-05-11 : E */ /* 2020-06-18 추가 : S */ /* subpage - select_shop - global */ .select_shop * { font-family:'Happiness-Sans', 'Noto Sans KR', 'Malgun Gothic', Dotum, Helvetica, Arial, sans-serif; /* 2022-04-13 추가 */ line-height: 1.4; letter-spacing: -0.5px; } .select_shop .container { position: relative; z-index: 10; padding:0; } .select_shop .slider:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .select_shop .slider_box { font-size: 0; } .select_shop .slider_item { float: left; display: inline-block; } .select_shop_section { position: relative; } .select_shop_section .header { text-align: center; background: transparent; border-bottom:none; } /* 2020-웹접근성-1차-001 : [S] */ /* subpage - select_shop - main */ .select_shop_keyvisual .container { width: 100%; } .select_shop_keyvisual .header { padding: 0 0 35px 0; text-align: center; border-bottom:none; } .select_shop_keyvisual .subtitle { font-size: 14px; color: #333; line-height:20px; } .select_shop_keyvisual .swiper-container { position: relative; width: 100%; overflow: hidden; } .select_shop_keyvisual .swiper-slide .slider_image{ transform:scaleY(.85) !important; box-shadow: 0 10px 17px rgba(0,0,0,.3); } .select_shop_keyvisual .swiper-slide.swiper-slide-active .slider_image{ transform:scaleY(1) !important; box-shadow:none; } .select_shop_keyvisual .slider_item { position: relative; } .select_shop_keyvisual .list_logo { text-align:center; line-height: 25px; } /* 21-01-21 추가 : S */ .select_shop_keyvisual .list_logo.mb5 { margin-bottom: 5px; } .select_shop_keyvisual .list_logo.mb12 { margin-bottom: 12.5px; } /* 21-01-21 추가 : E */ .select_shop_keyvisual .slider_logo img{ display:inline-block; } .select_shop_keyvisual .slider_image { position:relative; } .select_shop_keyvisual .swiper-slide .slider_text { position:relative; padding:20px 50px; } .select_shop_keyvisual .swiper-slide.swiper-slide-active .slider_text{ position:relative; padding:20px 20px; } .select_shop_keyvisual .slider_title { margin-top: 8px; font-size: 22px; /*2020-07-21*/ color: #333; font-weight: 800; } .select_shop_keyvisual .slider_subtitle { margin-top: 8px; line-height: 1.5; font-size: 14px; /*2020-07-21*/ color: #333; height: 60px; } .select_shop_keyvisual .slider_anchor { font-size: 12px; color: #333; border-bottom: 1px solid #333; text-decoration: none; margin-top:20px; display:inline-block; } .select_shop_keyvisual .swiper-pagination { position:relative; margin:10px 0 !important; } .select_shop_keyvisual .swiper-pagination .swiper-pagination-bullet{ margin:2px 4px !important; width:6px; height:6px; background:#999; text-indent: 1000%; overflow: hidden; opacity:1 !important; } .select_shop_keyvisual .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; border:1px solid #999; margin:0 4px !important; width:8px !important; height:8px !important; } /* subpage - select_shop - sub */ .select_shop_overview .background { position: relative; } /* 2022-05-27 수정 : S */ .select_shop_overview .header { padding: 30px 0 0 0; text-align: center; border-bottom:none; } /* 2022-05-27 수정 : E */ .select_shop_overview .title { margin-bottom: 16px; font-size: 20px; font-weight: 700; color: #333; } .select_shop_overview .subtitle { font-size: 13px; color: #333; } /* 2022-05-27 수정 : S */ .select_shop_overview .location { margin-top: 40px; text-align: center; } /* 2022-05-27 수정 : E */ .select_shop_overview .location_anchor { position: relative; display: inline-block; } .select_shop_overview .location_anchor:before { content: ""; position: absolute; left: 50%; top: 0; width: 30px; height: 30px; margin-left: -15px; background: #757575 url(https://www.ehyundai.com/images/mobilehome/selectshop/ico-pin.png) no-repeat 50% 50%; border-radius: 50%; background-size: 30px 30px; overflow: hidden; } /* 2022-05-27 수정 : S */ .select_shop_overview .location_text { display: inline-block; margin-top: 40px; font-size: 15px; font-weight: 700; color: #333; border-bottom: 1px solid #333; } .select_shop_news { padding: 40px 0 60px; } /* 2022-05-27 수정 : E */ .select_shop_news .header { margin-bottom: 20px; border-bottom:none; } /* 2022-05-27 수정 : S */ .select_shop_news .title { font-size: 24px; color: #222; font-weight:700; } /* 2022-05-27 수정 : E */ .select_shop_news .news { position: relative; } .select_shop_news .list { font-size: 0; } .select_shop_news .list_box{ width:100%; overflow:hidden; } .select_shop_news .list_item { display: inline-block; width: calc(100vw / 3); height: calc(100vw / 3); /*max-width:200px; max-height:200px;*/ /*2020-07-21*/ overflow: hidden; } .select_shop_news .list_item img { width: 100%; height:100%; object-fit: cover; } /* 2020-웹접근성-1차-001-02 : [S] */ .select_shop_news .list_item video, .select_shop_news .list_item .list_video { width: 100%; } /* 2020-웹접근성-1차-001-02 : [E] */ .select_shop_news .more{ text-align:center; margin:20px 0; } .select_shop_news button{ font-size:16px; font-weight:700; margin: 0 auto; border-bottom: 1px solid #333; } .select_shop_banner { width: 100%; height: 160px; position:relative; display:block; } .select_shop_banner.banner-bg1{ background:url('../../images/mobilehome/selectshop/img-overview-footer-peer.jpg') no-repeat 50% 50%;/* 2022-06-08 수정 */ background-size:cover; } .select_shop_banner.banner-bg2{ background:url('../../images/mobilehome/selectshop/img-banner-keyvisual2.jpg') no-repeat 50% 50%; background-size:cover; } .select_shop_banner.banner-bg3{ background:url('https://www.ehyundai.com/images/mobilehome/selectshop/img-banner-keyvisual3.jpg') no-repeat 50% 50%; background-size:cover; } .select_shop_banner .tb-cell{ width:100%; height:160px; display:table; position:relative; } .select_shop_banner .header { display:table-cell; width:100%; height:160px; vertical-align:middle; text-align: center; border-bottom:none; background: none; } .select_shop_banner .subtitle { font-size: 12px; color: #fff; } .select_shop_banner .title { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #fff; } .select_shop_banner .button.button-ghost { display: inline-block; height: 30px; padding: 5px 15px; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 30px; box-sizing: border-box; text-decoration: none; } /* 21-01-21 수정 */ .select_shop_banner.banner-bg2 { background: url('../../images/mobilehome/selectshop/img-banner-keyvisual2_sub.jpg') no-repeat 50% 50%; background-size: cover; } .select_shop_banner.banner-bg3 { background: url('../../images/mobilehome/selectshop/img-banner-keyvisual3_sub.jpg') no-repeat 50% 50%; background-size: cover; } .select_shop_banner.banner-bg4 { background: url('https://www.ehyundai.com/images/mobilehome/selectshop/img-banner-keyvisual4_sub.jpg') no-repeat 50% 50%; background-size: cover; } .product_list { position: relative; } .product_list .pro_list { margin-top: 50px; } .product_list .pro_list:first-child { margin-top: 0; } .product_list .pro_list .txt_list { margin-top: 25px; padding: 0 31px; } .product_list .pro_list .txt_list .tit { color: #999; } .product_list .pro_list .txt_list dl dt { margin: 10px 0 15px 0; color: #000; font-weight: bold; } .product_list .pro_list .txt_list dl dd { color: #666; } /* 21-01-21 수정 */ /* 2020-웹접근성-1차-001-02 : [S] */ /* SNS 커스텀 */ /*리스트*/ .select_shop_section img { cursor: pointer; } /*팝업*/ .shop_news_popup { position: fixed; height: 20%; width: 100%; top: 10%; z-index: 32; } .shop_news_popup_close { position: fixed; top: 10%; margin-top: -30px; right: auto; left: 660px; z-index: 100; width: 30px; height: 30px; } .shop_news_popup_close button { display: block; text-indent: 1000%; overflow: hidden; white-space: nowrap; width: 30px; height: 30px; } .shop_news_popup_close button:before, .shop_news_popup_close button:after { content:""; position:absolute; width:18px; height:1px; left: 50%; top: 50%; display: block; background:#fff; margin: -1px 0 0 -9px; } .shop_news_popup_close button:after{ transform:rotate(45deg); } .shop_news_popup_close button:before{ transform:rotate(-45deg); } @media(max-width: 640px){ .shop_news_popup_close button { right: 25px; left: auto; } } .shop_news_popup.dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0,.7); z-index: 31; } .shop_news_popup .innerItem { /*height: 750px;*/ background-color: #FFF; margin-left: 25px; margin-right: 25px; } .shop_news_popup { height: 100%; } .shop_news_popup > .innerItem > .top { width: 100%; height: 50%; } .shop_news_popup > .innerItem > .top { height: 50%; } .shop_news_popup > .innerItem > .top > .innerSwiper { height: 100%; } .shop_news_popup > .innerItem > .top > .swiper-container .swiper-pagination { top: auto; } .shop_news_popup img { max-height: 100%; display: table; margin-top: auto; margin-bottom: auto; } .shop_news_popup .swiper-slide video, .shop_news_popup .swiper-slide .list_video { width: 100%; } .shop_news_popup > .innerItem > .bottom { width: 100%; max-height: 190px; overflow: scroll; padding: 20px; box-sizing: border-box; } .shop_news_popup > .innerItem > .bottom .caption { white-space: pre-wrap; } .shop_news_popup .swiper-button-next{ position:absolute; z-index:11; right:10px; top:50%; width:25px; height:25px; border-radius:25px; } .shop_news_popup .swiper-button-prev{ position:absolute; z-index:11; left:10px; top:50%; width:25px; height:25px; border-radius:25px; } .shop_news_popup .swiper-button-next:after{ content:""; position:absolute; right:0; width:25px; height:25px; background:url('../../images/mobilehome/selectshop/ico-inner-next.png') no-repeat 0 0; background-size:25px 25px; } .shop_news_popup .swiper-button-prev:after{ content:""; position:absolute; left:0; width:25px; height:25px; background:url('../../images/mobilehome/selectshop/ico-inner-prev.png') no-repeat 0 0; background-size:25px 25px; } .shop_news_popup .swiper-pagination .swiper-pagination{ top:auto; bottom:10px; } .shop_news_popup .swiper-pagination .swiper-pagination-bullet{ text-indent: 1000%; overflow: hidden; background: rgba(102,102,102,.4); opacity:1; } .shop_news_popup .swiper-pagination .swiper-pagination-bullet-active{ background:#48665a; } /*스크롤방지*/ body.noScroll { overflow: hidden; } /* 2020-06-18 추가 : E */ /* 2020-웹접근성-1차-001 : [E] */ /* 2020-07-21 추가 : S */ @media(min-width: 1025px){ .select_shop_news .list_item { max-width:213px; max-height:213px; width: calc((100vw - 260px) / 3); height: calc((100vw - 260px) / 3); } .shop_news_popup .innerItem{ width:400px; } } /*ipad - landscape*/ @media(max-width: 1024px){ .select_shop_news .list { width:640px; } .select_shop_news .list_item { max-width:213px; max-height:213px; width: calc((100vw - 260px) / 3); height: calc((100vw - 260px) / 3); } .shop_news_popup .innerItem{ width:400px; } .shop_news_popup.dim{ left:260px; width: 1024px; } } /*ipad - portrait*/ @media(max-width: 768px){ .select_shop_news .list { width:508px; } .select_shop_news .list_item { width: calc((100vw - 260px) / 3); height: calc((100vw - 260px) / 3); } } /*mobile*/ @media(max-width: 640px){ .select_shop_news .list { width:100%; } .select_shop_news .list_item { width: calc(100vw / 3); height: calc(100vw / 3); } .shop_news_popup .innerItem{ width:auto; } .shop_news_popup_close { right:20px; left:auto; } .shop_news_popup.dim{ left:0; } } /* 2020-07-21 추가 : E */ /* 2020-웹접근성-1차-001-02 : [E] */ /* 2020-10-07 추가 : S */ /* 아트워크 내 링크 버튼 */ .btn-area.artwalk { position: relative; } .btn-area.artwalk a { position: absolute; display: block; top: 92.901878%; right: 0; width: 44.84375%; } .btn-area.artwalk a > img { width: 100%; } /* 2020-10-07 추가 : S */ .regEssential {color:red;} .anybox .normal {font-weight: normal;}/* 21-01-21 추가 : S */ /* 21-01-21 추가 : S */ .hdStore .store_info .ico_wrap .ico.res {background: url(../../images/mobilehome/svg/btn_info_restaurant2.png) no-repeat left center; background-size: 100%; background-color: none;} .hdStore .store_info .ico_wrap .ico.sf {background: url(../../images/mobilehome/svg/btn_info_sound_forest.png) no-repeat left center; background-size: 100%; background-color: none;} .hdStore .store_info .ico_wrap .ico.alt {background: url(../../images/mobilehome/svg/btn_info_alt.png) no-repeat left center; background-size: 100%; background-color: none;} .hdStore .store_info .ico_wrap .ico.ch {background: url(../../images/mobilehome/svg/btn_info_ch1985.png) no-repeat left center; background-size: 100%; background-color: none;} .innerFr .floor-title .tit {line-height: normal;} .innerFr .floor-title > p.bdm:after {content: ""; position: absolute; bottom:-4px; right:0; width:90%; height:2px; background: #000;} .anybox .normal {font-weight: normal;} .select_shop_keyvisual .list_logo.mb5 {margin-bottom: 5px;} .select_shop_banner.banner-bg2 {background: url('../../images/mobilehome/selectshop/img-banner-keyvisual2_sub.jpg') no-repeat 50% 50%;background-size: cover;} .select_shop_banner.banner-bg3 {background: url('../../images/mobilehome/selectshop/img-banner-keyvisual3_sub.jpg') no-repeat 50% 50%; background-size: cover;} .select_shop_banner.banner-bg4 { background: url('https://www.ehyundai.com/images/mobilehome/selectshop/img-banner-keyvisual4_sub.jpg') no-repeat 50% 50%; background-size: cover;} .product_list {position: relative;} .product_list .pro_list {margin-top: 50px;} .product_list .pro_list:first-child {margin-top: 0;} .product_list .pro_list .txt_list {margin-top: 25px;padding: 0 31px;} .product_list .pro_list .txt_list .tit {color: #999;} /* 2022-05-27 수정 : S */ .product_list .pro_list .txt_list dl {margin-bottom:20px; } .product_list .pro_list .txt_list dl dt {margin: 5px 0 0px 0;color: #000;font-weight: bold;} .product_list .pro_list .txt_list dl dd {margin-top:5px; color: #666;} .product_list .pro_list .txt_list dl dd.dd_text {margin-top:10px; } /* 2022-05-27 수정 : E */ /* 21-01-21 수정 */ /* 21-01-21 추가 : E */ /* 2021-02-17 추가 : S */ .layer-in.type3.type_premium_club .head .lay_h1 {color:#f15a22;} .layer-in.type3.type_premium_club .right_txt {display:block; text-align: right; margin-bottom:10px;} .layer-in.type3 .info.type2 table {border-top:1px solid #f15a22;} .layer-in.type3 .info.type2 table td {text-align: left; padding-left:15px;} /* 2021-02-17 추가 : E */ /* 2021-03-02 추가 : S */ .wrap_vipclubTypeCont .boxspacing {font-size:11px; padding:9px 0 9px 10px; background:#f7f7f7; text-indent: -8px;} /* 2021-03-02 추가 : E */ /* 로그인 리뉴얼 페이지 */ .newlogin_area .title { display: block; width:100%; font-size:16px; font-weight: 550; color:#222; } .newlogin_area .input_area { padding: 15px 0; border-bottom:1px solid #e6e6e6; } .newlogin_area .input_area .input + .input { margin-top:25px; } .newlogin_area .input_area .input span { display: block; width:100%; color:#000; } .newlogin_area .input_area .etc { display: block; margin-top:13px; color:#ff003a; } .newlogin_area .input_area input { width:100%; height: 50px; margin-top:13px; padding-left:15px; border:1px solid #eee; box-sizing: border-box; } .newlogin_area .input_area .check { margin-top:25px; } .newlogin_area .input_area .check input[type="checkbox"] { opacity: 0; } .newlogin_area .input_area .check input[type="checkbox"] + label { position: relative; } .newlogin_area .input_area .check input[type="checkbox"] + label:before { content: ""; position: absolute; top:50%; left: 0; width:20px; height: 20px; background:url("https://dev.ehyundai.com:18011/images/webhome/chk_off.png") no-repeat left center; background-size: cover; transform: translateY(-50%); } .newlogin_area .input_area .check input[type="checkbox"]:checked + label:before { background:url("https://dev.ehyundai.com:18011/images/mobilehome/chk_on.png") no-repeat left center; background-size: cover; } .newlogin_area .input_area .check input[type="checkbox"] + label{ padding-left:25px; font-size:15px; color:#222; } .newlogin_area .input_area .button_area { margin-top:20px; } .newlogin_area .input_area .button_area button { display: block; width:100%; height: 50px; line-height: 48px; margin-top:10px; font-size:17px; font-weight: 550; text-align: center; background:#34483b; color:#fff; } .newlogin_area .input_area .button_area .kakao { background:#fee600; color:#000; background-size: 24px; } .newlogin_area .input_area .button_area img { width: auto; margin-top:15px; margin-right: 1%; } .newlogin_area .input_area .button_area .facebook { background:#4266b1; color:#fff; } .newlogin_area .input_area .button_area .google { background:#fff; border:1px solid #222; color:#222; } .newlogin_area .input_area .link_list { display: flex; align-items: center; justify-content: center; margin-top:35px; } .newlogin_area .input_area .link_list a { padding:0 15px; font-size: 15px; } .newlogin_area .input_area .link_list a:after{ content: ""; position: absolute; top:50%; left:0; width:1px; height:17px; background:#e6e6e6; transform: translateY(-50%); } .newlogin_area .input_area .link_list a:first-child:after{ display: none; } .newlogin_area .com_area { padding :35px 0; } .newlogin_area .com_area a { display: block; height:50px; line-height: 48px; margin-top:17px; background:#222; color:#fff; font-size:17px; font-weight: 550; text-align: center; } /* 2022-03-02 추가 [S] */ .newlogin_area .id_save img{width: 18px; vertical-align: middle; margin-right: 7px;} .hpoint_guide_area{text-align: center; font-size: 17px; line-height: 23px; color: #222; margin: 25px 0 45px;} .hpoint_guide_area span{color: #545cc3; font-size: 15px;} .popup_hpoint.popup_open{display: block;} .popup_hpoint{width: 100vw; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0%; left: 0; z-index: 1002; color: #222; display: none;} .popup_hpoint .popup_hpoint_wrap{max-width: 335px; width: 90%; background-color: #fff; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%);} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents{padding:40px 18px;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents h2{padding-bottom: 35px; border-bottom: 1px solid #e6e6e6; font-family:'Noto Sans KR'; font-size: 19px; line-height: 1; text-align: center; font-weight: 700;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .contents_bold{margin-top: 30px; font-size: 15px; line-height: 21px;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .contents_normal{margin-top: 15px; font-size: 15px; line-height: 21px;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .contents_em{margin-top: 15px; font-size: 15px; color: #666666; line-height: 21px;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_contents .change{margin-top: 50px; display: block; width: 100%; height: 50px; line-height: 50px; text-indent: 0; font-size: 17px; font-weight: bold; color: #fff; background-color: #376155; text-align: center;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap{border-top: 1px solid #e6e6e6; font-family:'Noto Sans KR'; font-size: 17px; color: #222;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap::after{content: ""; display: block; clear: both;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .button_line{background-color: #e6e6e6; width: 1px; height: 16px; clear: both; margin-top: 25px; padding-top: 0; border: none; display: inline-block;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap div{width: 100%; line-height: 65px; height: 65px; cursor: pointer;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .wd50{width: calc(50% - 0.5px);} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .close_7days{float: left; text-align: center;} .popup_hpoint .popup_hpoint_wrap .popup_hpoint_button_wrap .close_btn{float: right; text-align: center;} .pgMember .member_desc{margin:35px 0 75px; text-align: center; font-size: 15px; line-height: 18px; color: #666;} /* 2022-03-02 추가 [E] */ .wrapLoginNew {font-family: 'Happiness-Sans';}/* 2022-03-04 수정 */ .wrapLoginNew .hide{display:none;} /* 2021-03-19 수정 : S */ .popup-event {position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index: 1001;} .renewal_popup {position: absolute; top:50%; width:100%; padding:0 43px; transform: translateY(-50%); box-sizing: border-box; max-width: 480px;} .renewal_popup .popup-control-main .popup-control {display: flex; align-items: center; justify-content: space-between; } .renewal_popup .popup-control-main .popup-control a {width:50%; text-align: center; height: 37px; margin-right:1px; line-height: 35px; background: #fff; border:0; font-size: 12px; font-weight: bold; color:#0f4a39;} .renewal_popup .popup-control-main .popup-control a:last-child {margin-right:0;} /* 2021-03-19 수정 : E */ /* 2021-03-26 스페이스원 추가 : S */ .btn-area.artwalk.v2 > a{left:15px; right:auto;} /* 2021-03-26 스페이스원 추가 : E */ /* 2021-04-06 변경 : S */ .call-out {display:table;width:100%;margin-top:15px;margin-bottom:15px;padding:15px;box-sizing:border-box;background:#f7f7f7;font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .call-out:first-child {margin-top:10px} .call-out__item {padding-top:10px} .call-out__headline {display:table-row} .call-out__headline-text {line-height:20px;display:table-cell;color:#666;font-size:15px;font-weight:700;vertical-align:top} .call-out__ico {display:table-cell;padding-right:10px;vertical-align:top} .call-out__ico::before {display:block;background: no-repeat 50% 50%/cover;content:''} .call-out__ico--home::before {width:19.5px;height:19.5px;background-image: url(https://www.ehyundai.com/images/mobilehome/ico-home-39x39-222.png)} .call-out__item:first-child {padding-top:0} .call-out__copy {margin-top: 10px;color:#666;font-size:15px;line-height:1.4666;} .call-out__copy img{width:auto;} /* 2021-04-06 변경 : E */ /* 2021-04-09 김포점 로고 수정 */ /* 2021-04-09 김포점 로고 수정 */ .gimpo_logo_area {position: relative;} .gimpo_logo_area:after {content: ""; display: block; clear: both;} .gimpo_logo_area .logo_box {float: left; width: calc(100% / 3); max-height: 116px;} .gimpo_logo_area .logo_box img {width: 100%;} /* 2021-04-12 브랜드 샵 추가 */ .brandshop.sub_title {margin-top:45px; text-align: center;} .brandshop.sub_title span {display:block; font-weight: 700; font-size:22px; color:#222;} .brandshop.sub_title p {margin-top:20px; text-align: center; font-size:14px; color:#222;} #searchListTbody label {margin-top:-60px;} /* 2021-04-22 step 부분 추가 */ .title-article.type2.btNone {border-top:0;} .title-article.reset {margin:0; padding:0;} .income-check h2 {margin-top:30px!important;} .income-check h2.mtnone {margin-top:0!important;} .income-check .blue-txt {display: block; margin-top:15px; color:#51a6b3; font-weight: 550;} .income-check .check-list {position: relative; margin-top:15px;} .income-check .check-list::after {display: block; content: ""; clear: both;} .income-check .check-list button {float: left; width:50%; height: 50px; border:1px solid #ccc; outline: none;} .income-check .check-list button:nth-child(2n-1) {border-right:0;} .income-check .check-list button:nth-child(3), .income-check .check-list button:nth-child(4) {border-top:0;} .income-check .check-list button.on {border:2px solid #51a6b3; color:#51a6b3; font-weight: 600;} .income-check .notice-txt {position: relative; padding:15px 16px; margin-top:40px; background: #f4f7f8; color:#333; font-weight: bold;} .income-check .notice-txt button {position: absolute; right:16px; top:50%; transform: translateY(-50%); color:#51a6b3; font-weight: 550;} .income-check .notice-txt.off > * {color:#999; font-weight: normal;} .income-check .form-item {margin-top:43px; padding-top:43px; border-top:1px solid #ccc; border-bottom:0;} .income-check .radio-item-type2 input[type="radio"] + label {white-space: normal;} .income-check .btn-wrap-1 {margin-top:40px;} .fixed-btn {position: fixed; bottom:0; width:100%; height:59px; line-height: 59px; z-index: 100;} .fixed-btn button {display: block; width:100%; height: 100%; font-size:16px; background:#51a6b3; color:#fff; text-align: center;} .fixed-btn-result {position: relative; bottom:0; width:100%; height:59px; line-height: 59px; z-index: 100;} .fixed-btn-result button {display: block; width:100%; height: 100%; font-size:16px; background:#51a6b3; color:#fff; text-align: center;} .policy-swiper {overflow: hidden; margin :0 30px; box-sizing: border-box;} .policy-swiper img {width:100%;} .policy-swiper .swiper-button-next, .policy-swiper .swiper-button-prev {position: fixed;} .policy-swiper .swiper-button-next:after, .policy-swiper .swiper-button-prev:after {display: none;} /* 2022-04-29 수정 [S] */ .policy-swiper .swiper-button-next {width:13px; height:25px; background: url('../../images/mobilehome/card/right_arrow.png') no-repeat; background-size: cover;} .policy-swiper .swiper-button-prev {width:13px; height:25px; background: url('../../images/mobilehome/card/left_arrow.png') no-repeat; background-size: cover;} /* 2022-04-29 수정 [E] */ .policy-swiper .swiper-button-next.swiper-button-disabled, .policy-swiper .swiper-button-prev.swiper-button-disabled {opacity: 0; transition: 0.5s;} /* 2021-07-09 수정 : S */ .result-area {position: relative; min-height: 365px;} .result-area .result-txt {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; text-align: center;} .result-area .result-txt .topimg {display: block; width:60px; height: 60px; margin:0 auto 20px; background: url(../../images/mobilehome/card/icon-no.png) no-repeat center; background-size: cover;} .result-area .result-txt.good .topimg {display: block; width:60px; height: 60px; margin:0 auto 20px; background: url(../../images/mobilehome/card/icon-good.png) no-repeat center; background-size: cover;} .result-area .result-txt span {display: block; font-size: 22px; font-weight: 550; line-height: 34px;} .result-area .result-txt .check-title {color:#b35151;} .result-area .result-txt.good .check-title {color:#51a6b3;} .result-area .counting-area {position: relative; margin-top:15px; padding:5px 10px; background:#f8f8f8;} .result-area .counting-area:after {display: block; clear: both; content: "";} .result-area .counting-area span {display: block; float: left; width:50%; font-size: 15px; font-weight: normal; text-align: left; color:#333;} .result-area .counting-area span.right {text-align: right; font-weight: 550;} .result-area .result-txt span.blue-txt {display: block; margin-top:10px; font-size:13px; line-height: normal;color:#b35151; } .result-area .result-txt.good span.blue-txt {display: block; margin-top:10px; font-size:13px; line-height: normal;color:#51a6b3; } /* 2021-07-09 수정 : E */ /* 2021-04-26 추가 */ .layer-btn {margin:20px 0;} .layer-btn button {border:1px solid #333; color:#333; background: #fff; padding:5px 10px; box-sizing: border-box;} .layer-frame {display: none; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background: rgba(0, 0, 0, .5); z-index: 1000;} .layer-frame .layer {overflow: hidden; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:95%; height: 95%; padding:15px; background: #fff; box-sizing: border-box;} .layer-frame .layer .closed {position: absolute; top:15px; right:15px; background: url(../../images/webhome/icon_times_23x23_bdbdbd.png) no-repeat 0 0; width: 15px; height: 15px; text-indent: -9999px; background-size: cover;} .layer-frame .layer .img-frame {overflow: auto; height: 95%; margin-top:30px;} .layer-frame .layer .relative-area {position: relative;} .layer-frame .layer .relative-area img {width: 100%;} .layer-frame .layer .relative-area a {position: absolute; left:30%; right:30%; bottom:2%;} div.event-hidden { display: block !important; position: absolute !important; overflow: hidden !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; border: 0 !important; clip: rect(0 0 0 0) !important; clip: rect(0, 0, 0, 0) !important; } /* 2021-05-28 추가 */ .giftCardCont .list-brand.mt8 img {margin-top:8px;} /* 2021-06-21 캠페인 영역 추가 */ .campaign .title_area .title {position: relative; display: block; margin:23.5px 0 19.5px; font-family: 'Happiness-Sans'; font-size:19px; color:#000;}/* 2022-03-04 수정 */ .campaign .normal_wrap {padding:0 13px;} .campaign .top_txt {margin-top:15px;} .campaign .btm_txt {margin-top:15px; color:#888;} .campaign .table {width:100%; margin-top:30px; border-bottom:1px solid #d8d8d8;} .campaign .table table {width:100%;} .campaign .table th {border-top:1px solid #797979; border-bottom:1px solid #d8d8d8; color:#888; font-weight: 700;} .campaign .table th, .campaign .table td {position: relative; padding:12px 0;} .campaign .table td {border-right:1px solid #d8d8d8;} .campaign .table td:last-child {border-right: 0;} .campaign .table td:last-child .button_link {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:65%;} .campaign .table ul > li {margin-top:25px; line-height: normal;} .campaign .table ul > li:first-child {margin-top:0;} .campaign .table ul > li > ul > li {margin-top:0; padding-left:9px;} .campaign .table td:last-child .button_link a {display: block; margin-top:10px; padding:5px 0 5px 25px; border:1px solid #ccc; background: url('../../images/mobilehome/campaign/ico_pdf.png') no-repeat 5px center; font-size : 11px;} /* 22-04-28 수정 */ .campaign .table.v2 {border-top:1px solid #888;} .campaign .table.v2 td:first-child {padding:20px;} .campaign .sellDesk {margin-top:30px;} .campaign .sellDesk table {text-align: center;} .button-area { position: relative; margin-top: 20px;} .button-area .button_box {position: relative; width: 100%; height: 70px; background: #fafafa; line-height: 70px; margin-bottom: 10px; padding-left: 15px; box-sizing: border-box;} .button-area .button_box a { position: absolute; top: 50%; border:1px solid #d8d8d8; line-height: 25px; transform: translateY(-50%); right: 20px; background: #fff; margin: 0;} .btn_down .pdf {padding: 0 10px 0 25px; display: inline-block; vertical-align: middle; cursor: pointer; background: url('../../images/mobilehome/campaign/ico_pdf.png') no-repeat 5px center;} .button-area .button_box:nth-child(8) {line-height: normal; padding:20px 0 20px 15px ;} /* 2021-06-29 모바일 전용 개인정보처리방침 신규 페이지 CSS */ .personal_setting .title {display: block; font-size: 16px; color:#333; font-weight: 700;} .personal_setting .info + .info {margin-top:30px;} .personal_setting .table_overflow {overflow: auto;} .personal_setting .info table {margin-top:15px; width:500px; font-size: 13px;} .personal_setting .info table td, .personal_setting .info table th {padding:6px 0; vertical-align: middle; text-align: center; font-size:12px;} .personal_setting .info table a {color:#333; text-decoration: underline;} .personal_setting .info table td.left {padding-left:15px; text-align: left; } .personal_setting .info table th.left {padding-left:0; text-align: left;} .personal_setting .info table button {margin: 0 auto;} .personal_setting .info table tr:last-child th, .personal_setting .info table tr:last-child td {vertical-align: middle; font-size: 12px;} .personal_setting .info table td.none {background: none;} .personal_setting .btn_area {margin-top:25px;} .personal_setting .btn_area .top_btn {display: flex; justify-content: space-between;} .personal_setting .btn_area a {display: block; width:49%; height: 30px; border:1px solid #b9b9b9; text-align: center; line-height: 28px; box-sizing: border-box;} .personal_setting .btn_area a.w100 {margin-top:10px;} .personal_setting .btnView {display: block; height: 50px; line-height:48px; background-color: #666; font-family: 'Happiness-Sans'; font-size: 14px; color: #fff; margin-top: 35px;}/* 2022-03-04 수정 */ .personal_setting input[type="radio"] + label {font-size:12px;} .personal_setting button {font-size:12px;} .personal_setting .mark {width:15px; margin-top:1px;} .personal_setting .layer_frame {display: none; position: fixed; top:0; left:0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;} .personal_setting .layer_frame .layer_area {position: absolute; top:50%; left:50%; padding:15px 17px; width:95%; border:4px solid #a7c4cf; transform: translate(-50%, -50%); background: #fff; box-sizing: border-box;} .personal_setting .layer_frame .layer_area .title {display: block; padding-bottom: 10px; font-size:14px; color:#3c567d; border-bottom:1px solid #c3cdd2;} .personal_setting .layer_frame .layer_area .close {position: absolute; right:15px;} .personal_setting .layer_frame .layer_area dl {margin-top:15px;} .personal_setting .layer_frame .layer_area dl dt {color:#3c567d; font-weight: bold;} .personal_setting .layer_frame .layer_area dl img {width:4px; margin-top:7px;} /* 판교점 지도 주차 */ .location_area .title {display: block; font-size:16px; color:#555;} .location_area + .location_area {margin-top:20px;} .location_area .map_area {margin-top:10px;} /* 모바일 영상정보 수정 */ .SERVICE-0022 .btn_detail {padding:3px 10px; border:1px solid #ccc; margin-top:5px; display: inline-block;} .SERVICE-0022 .layer_frame {display: none; position: fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index: 1000;} .SERVICE-0022 .layer_frame .layer_area {position: absolute; top:50%; left:50%; width:95%; padding:50px 15px 20px; background: #fff; transform: translate(-50%,-50%); box-sizing: border-box;} .SERVICE-0022 .layer_frame .layer_area button {position: absolute; top:15px; right:20px; width:20px; height: 20px; background:url(../../images/webhome/layer_close.jpg) no-repeat 0 0; text-indent: -9999px; background-size: cover;} .SERVICE-0022 .layer_frame .layer_area .info {overflow: auto; height: 300px; width:100%;} .SERVICE-0022 .layer_frame .layer_area .info table {width:100%;} .SERVICE-0022 .layer_frame .info {border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .SERVICE-0022 .layer_frame .info table td {padding:5px; text-align: center;} /* 2021-07-15 추가 */ .safearea strong {display: block; margin-bottom:5px; font-size:17px; color:#333; font-weight: 700; font-family: 'Happiness-Sans', sans-serif;}/* 2022-03-04 수정 */ .safearea .list_area {margin-top:10px;} .safearea .list_area li {padding-left:8px; text-indent: -8px; color:#333; line-height: 1.5;} /* 2021-12-23 수정 [S] */ .safearea .img_area {margin-top:20px;} /* 2021-12-23 수정 [E] */ .safearea .img_area .img {margin-top: 15px;} .safearea .img_area .img img {margin-top:5px;} .safearea .normal_area {margin-top:20px;} .safearea .normal_area .sub_list li {margin-top:15px;} .safearea .normal_area .sub_list li strong {font-size: 13px;} .safearea .normal_area .info table td ,.safearea .normal_area .info table th {padding:5px; vertical-align: middle; background-size: 90%; background-position: center bottom; text-align: center;} .safearea .safety_button .txt_box {margin-top:15px; padding:0 0 15px; border:0; border-bottom:1px solid #d8d8d8;} .safearea .safety_button .txt_box:first-child {margin-top:0;} .safearea .safety_button .txt_box:last-child {border-bottom: 0;} .safearea .safety_button .title {display: block; font-family: 'Happiness-Sans', sans-serif; margin-bottom: 5px; color:#333; font-size:17px; font-weight: 700;}/* 2022-03-04 수정 */ .safearea .safety_button .title .btn_down {float: right; margin:0; width:auto; padding:0; border:1px solid #d8d8d8; font-size:11px;} .safearea .safety_button .title .btn_down .pdf {padding:0px 10px 0px 22px; font-family: 'Happniness-Sans'; background: url('../../images/mobilehome/finance/ico_pdf.png') no-repeat 0 2px; } /* 2022-04-28 수정 */ .safearea .safety_button p {margin-top:15px; text-align: left;} /* 2022-08-23 수정 */ .safearea .normal_area table {margin-top:10px;} .safearea .normal_area .btm_txt {display: block; font-size:12px; margin-top:7px; letter-spacing: -0.05em;} .safearea .normal_area + .normal_area {margin-top:30px;} .safearea .normal_area .right {display: block; text-align: right; font-size:12px;} /* 2021-07-21 카드쪽 금소법 */ .none_outline{outline: 0 !important;} /* 2021-10-20 개인정보호호 */ .policy-personalinfo li {font-size:12px;} .policy-personalinfo .policy_tab {margin-top:20px;} .policy-personalinfo .layer-btn {margin:0 0 10px 0;} .policy-personalinfo p {font-size:12px;} .policy-personalinfo button {text-indent: 0; margin-top:0; font-size:12px;} .policy-personalinfo span {display: inline-block;} .policy-personalinfo .tspace01 {margin:5px 0!important;} .policy-personalinfo .policy_tab_button {position: relative; font-family:'Happiness-Sans';}/* 2022-03-04 수정 */ .policy-personalinfo .policy_tab_button::before {content: ""; position: absolute; bottom:0; left:0; z-index: 0; width:100%; height:1px; background: #333; z-index: -1;} .policy-personalinfo .policy_tab_button:after {content: ""; display: block; clear: both;} .policy-personalinfo .policy_tab_button .btn {float: left; width:50%; padding:0; height: 35px; background: #ececec; border-left:1px solid #fff; border-right: 1px solid #fff; border-bottom:1px solid #333; font-size: initial; text-indent: 0; font-size: 14px;} .policy-personalinfo .policy_tab_button .btn.on {background: #fff; border:1px solid #333; border-bottom:0;} .policy-personalinfo .policy_content_view .view {display: none; margin-top:20px;} .policy-personalinfo .policy_content_view .view.on {display: block;} .policy-personalinfo .policy_content_view .paragraph {margin-top:15px;} /* 2022-08-02 수정 [S] */ .policy-personalinfo .policy_content_view .paragraph strong {color:#666; vertical-align: middle;} .policy-personalinfo .policy_content_view .paragraph strong img{width: auto; height: 18px;} /* 2022-08-02 수정 [E] */ .policy-personalinfo .policy_content_view .paragraph p {margin-top:10px; font-size:12px;} .policy-personalinfo .policy_content_view .paragraph p.m0 {margin-top:0;} .policy-personalinfo .list_text {margin:20px 0; padding:5px 10px; border-top:1px solid #333; border-bottom:1px solid #333; box-sizing: border-box;} .policy-personalinfo .list_text ul {position: relative;} .policy-personalinfo .list_text ul::after {display: block; content: ""; clear: both;} .policy-personalinfo .btn_type16 a {padding:3px 10px; background: #fff; border: 1px solid #333; color: #333; font-size:12px; } .policy-personalinfo .toggle_frame {margin-top:10px;} .policy-personalinfo .toggle_frame .title {height: 30px; line-height: 32px; padding:0 15px; border-top:1px solid #333; color:#333; font-size:16px; cursor: pointer; background: url("../../images/webhome/arrow_btn_down.png") no-repeat 98% center; font-size: 12px;} .policy-personalinfo .toggle_frame .title.active {background: url("../../images/webhome/arrow_btn_up.png") no-repeat 98% center;} .policy-personalinfo .toggle_frame .toggle {display: none; padding:10px; height: 0; box-sizing: border-box; background: #f8f8f8; } .policy-personalinfo .toggle_frame .title.active + .toggle {display: block; height: 100%;} .policy-personalinfo .toggle_frame .toggle_area {margin-bottom:5px; border-bottom:1px solid #333;} .policy-personalinfo .toggle_frame table td {border-bottom :1px solid #c2c7d5;} .policy-personalinfo table {border:1px solid #c2c7d5; font-size:14px;} .policy-personalinfo table th {font-size:14px; height:40px; border-bottom:1px solid #c2c7d5; border-right:1px solid #c2c7d5; background:#eaedf3;} .policy-personalinfo table td {padding:5px; border-right:1px solid #c2c7d5; box-sizing: border-box;} .policy-personalinfo .text_frame {border-top:1px solid #333; margin-top:20px;} .policy-personalinfo .text_frame .text_box {height: 40px; line-height: 40px; padding:0 10px; border-left: 1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; box-sizing: border-box;} .policy-personalinfo .table_frame + .table_frame {margin-top:20px;} .policy-personalinfo .table_frame strong {display: block; margin-bottom:10px;} .policy-personalinfo .table_frame td {padding-left:10px; border-bottom: 1px solid #c2c7d5; text-align: left; font-size:12px;} .policy-personalinfo .table_frame ul {text-align: left;} .policy-personalinfo .table_frame table {margin-bottom:10px;} .policy-personalinfo .text_box ul{margin-top:20px;} .policy-personalinfo .box_toggle {border:1px solid #333; border-bottom:0;} .policy-personalinfo .layer-btn {margin:0; } #infoPolicy {margin:0;} #infoPolicy button {padding:0; border:0;} .policy-personalinfo .boldtext {font-weight: bold; color:#333;} /* 2022-11-24 수정 [S] */ .policy-personalinfo .box_toggle .box { padding:0 25px 0 10px; line-height: 30px; border-bottom : 1px solid #333; font-size: 11px; letter-spacing: -0.05em; } .policy-personalinfo .box_toggle .box.title { cursor: pointer; font-size: 12px; line-height: 2;} /* 2022-11-24 수정 [E] */ .policy-personalinfo .box_toggle > .box {background: url("../../images/webhome/arrow_btn_down.png") no-repeat 98% center;} .policy-personalinfo .box_toggle > .box.active {background: url("../../images/webhome/arrow_btn_up.png") no-repeat 98% center;} .policy-personalinfo .box_toggle .show {display: none; height: 0;} .policy-personalinfo .box_toggle > .box.active + .show {display: block; height: 100%;} .policy-personalinfo .box_toggle .show .box {background: #f9f9f9;} /* 2022-08-02 추가 [S] */ .policy-personalinfo table.label_table{margin-top: 20px; width: 100%;} .policy-personalinfo table.label_table td{border-bottom:1px solid #c2c7d5; text-align: center; font-size: 11px;} .policy-personalinfo table.label_table td img{width: 70px;} /* 2022-08-02 추가 [E] */ .poplayer.type3.policy_area .table_area {width:798px; overflow: auto; height: 750px; margin: 35px auto 0;} .poplayer.type3.policy_area .table_area table{text-align: center;} .poplayer.type3.policy_area .table_area td {border-bottom: 1px solid #c2c7d5;} .poplayer.type3.policy_area .title {display: block; font-size:20px; color:#333; font-weight: bold;} .policyarea table { border-bottom: 1px solid #c2c7d5; border-right: 1px solid #c2c7d5; } .policyarea table th { padding:5px 0; border-top:1px solid #c2c7d5; border-bottom: 1px solid #c2c7d5; border-left:1px solid #c2c7d5; background: #eaedf3; } .policyarea table td { padding-left: 10px; border-right: 1px solid #c2c7d5; border-bottom: 1px solid #c2c7d5; text-align: left; padding: 5px; box-sizing: border-box; } .policyarea table td:first-child { border-left:1px solid #c2c7d5; } .policyarea .img-frame .title {display: block; font-size:16px; color:#333; font-weight: bold; margin-bottom:10px;} .policyarea .img-frame .table_area .table_frame strong {display: block; margin-bottom: 10px;} .policyarea .img-frame .table_area .table_frame + .table_frame {margin-top:20px;} /* 2022-11-24 추가 [S] */ .layerPolicyOld .wrap_policy h4 { margin: 25px 0 7px 0 !important; } .layerPolicyOld .wrap_policy h5 { margin: 10px 0 !important; } .layerPolicyOld .wrap_policy .policymenu { padding: 15px 0 15px 20px; margin: 30px 0; border-top: 2px solid #acacac; border-bottom: 2px solid #acacac; } .layerPolicyOld .wrap_policy .policymenu ul li { float: left; width: 50%; margin-bottom: 10px; } .layerPolicyOld .wrap_policy .policymenu ul li.bottom, .wrap_poplayer .wrap_policy .policymenu ul li.bottom { margin-bottom: 0; } .layerPolicyOld .wrap_policy .policymenu ul li a:hover { font-weight: bold; letter-spacing: -1px; } .layerPolicyOld .wrap_policy .policymenu ul li a { letter-spacing: -1px; } .layerPolicyOld .wrap_policy .tb_type2 table td { letter-spacing: -1px; } .layerPolicyOld .wrap_policy .policymenu ul li { float: left; width: 33%; margin-bottom: 10px; } .layerPolicyOld .wrap_policy .policymenu ul li.double { height: 36px; } .layerPolicyOld .wrap_policy .policymenu ul.old li { float: left; width: 49%; margin-bottom: 10px; } .layerPolicyOld .wrap_policy .tb_type2 table td { padding-right: 20px; } .layerPolicyOld .wrap_policy strong{font-weight: 700;} .layerPolicyOld .wrap_policy .paragraph { margin-top:15px; } .layerPolicyOld .wrap_policy .paragraph strong { color:#666; vertical-align: middle; } .layerPolicyOld .wrap_policy .paragraph strong img { width: auto; height: 18px; } /* 2022-11-24 추가 [E] */ /* 2021-11-19 오프웍스추가 : S */ .offworks { text-align: center; padding-bottom: 50px; } .offworks .img_area img { width:auto; max-width:100%; } .offworks .select_shop_overview .location_anchor:before { width:30px; height:30px; margin-left:-15px; background-size:30px 30px; } .offworks .select_shop_overview .location_text { margin-top:35px; font-size:14px; } .offworks .select_shop_overview h3 { font-size:24px; color:#222; font-weight: 500; } .offworks .img_area { margin-top:50px; } .offworks .brandshop .brand_box { margin-top:20px; } .offworks .brandshop .brand_box strong { font-size:13px; color:#333; font-weight:600; } .offworks .brandshop .brand_box p { margin-top:0; color:#333; letter-spacing: -0.025em; } .offworks .brandshop .brand_box p.subdesc { display:inline-block; padding:5px 25px; font-size:12px; color:#111; background-color:#f6f6f6; } /* 2022-04-12 추가 */ .offworks .brand_news { position: relative; margin-top:50px; padding:0 30px; box-sizing:border-box; } .offworks .brand_news:after { display: block; clear:both; content:""; } .offworks .brand_news .title { display:block; width:100%; font-size:24px; margin-bottom: 20px; } .offworks .brand_news a { display:block; width:49%; margin-bottom: 20px; } .offworks .brand_news a:nth-child(2n-1) { float:right; } .offworks .brand_news a:nth-child(2n){ float:left; } /* 2022-05-19 추가 [S] */ .wineworks { text-align: center; } .wineworks .select_shop_overview .header .title{ width: 208px; margin: 0 auto; } .wineworks .select_shop_overview .subtitle { margin-top:21px; } .wineworks .tab-wrap{ margin:50px 15px 0 15px; display: flex; flex-direction: row; justify-content: space-around; } .wineworks .tab-wrap li{ min-width: auto; font-size: 12px;/* 2023-01-03 수정 */ padding-bottom: 17px; color: #333; cursor: pointer; } .wineworks .select_shop_overview .location{ padding-top: 50px; margin-top: 0; } .wineworks .tab-wrap li.tabOn{ border-bottom: 2px solid #000; font-weight: 700; } .wineworks .tab_contents_wrap{ position: relative; margin: 0 15px; } .wineworks .tab_contents_wrap::before{ content: ""; position: absolute; height: calc(100% + 50px); width: calc(100% + 30px); top: 0; left: -15px; background-color: #f8f8f8; } .wineworks .tab_contents_wrap .tab_contents{ display: none; } .wineworks .tab_contents_wrap .tab_contents.tabOn{ display: block; } .wineworks .tab_contents_wrap .tab_contents p{ position: relative; padding: 60px 0 30px; font-size: 13px; } .wineworks .select_shop_overview .location_text{margin-top: 40px; padding-bottom: 1px; border-bottom: 1px solid #333;} .wineworks .tab_contents_wrap .swiper { width: 100%; margin-left: auto; margin-right: auto; overflow: hidden;} .wineworks .tab_contents_wrap .swiper-slide {background-size: cover; background-position: center; } .wineworks .tab_contents_wrap .swiper-main{ width: 100%; position: relative; padding-bottom: 5px; height: 220px;} .wineworks .tab_contents_wrap .swiper-thumb{ height: 102px; padding: 0px 0 22px; position: relative;} .wineworks .tab_contents_wrap .swiper-thumb .swiper-slide {width: 20%; height: 100%; background-color: #000;} .wineworks .tab_contents_wrap .swiper-thumb .swiper-slide img{opacity: 0.4;} .wineworks .tab_contents_wrap .swiper-main .swiper-slide-thumb-active img,.wineworks .tab_contents_wrap .swiper-thumb .swiper-slide-thumb-active img{opacity: 1; } .wineworks .tab_contents_wrap .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} .wineworks .tab_contents_wrap .swiper-button-next:after,.wineworks .tab_contents_wrap .swiper-button-prev:after{content: '';} .wineworks .tab_contents_wrap .swiper-button-next,.wineworks .tab_contents_wrap .swiper-button-prev{background-color: rgba(0,0,0,0.6); width: 25px; height: 25px; background-repeat: no-repeat; background-size: 7px 12px; transform: translateY(-50%);} .wineworks .tab_contents_wrap .swiper-button-next{background-image: url(../../images/mobilehome/selectshop/slider_right_btn.png); background-position: 57% 50%;} .wineworks .tab_contents_wrap .swiper-button-prev{background-image: url(../../images/mobilehome/selectshop/slider_left_btn.png); background-position: 47% 50%;} .wineworks .tab_contents_wrap .swiper-container-horizontal>.swiper-statusBar{width: calc(100% - 50px); left: 0; height: 4px; bottom: 0; border-radius: 0;position: absolute; z-index: 50; background: rgba(0,0,0,.1);} .wineworks .tab_contents_wrap .swiper-container-horizontal>.swiper-statusBar .swiper-statusBar-status{background: #4a675c;height: 100%; width: calc(100% / 9); position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0; transition: 0.3s;} .wineworks .tab_contents_wrap .swiper-pagination{width: auto; display: inline-block; left: auto; bottom: 0; right: 0; font-weight: 500; font-size: 12px; color: #333; line-height: 1; transform: translateY(25%);} .wineworks .tab_contents_wrap .swiper-pagination span{line-height: 1;} .wineworks .tab_contents_wrap .swiper-pagination .swiper-pagination-current{font-weight: 700;} /* 2022-05-19 추가 [E] */ /* 2022-06-09 추가 [S] */ .onetable { text-align: center; } .onetable *{ line-height: 1.15; letter-spacing: 0; } .onetable .select_shop_overview .header{ padding-top: 70px; } .onetable .select_shop_overview .header .title{ width: 160px; margin: 0 auto; } .onetable .select_shop_overview .subtitle { margin: 28px 15px 0 15px; } .onetable .select_shop_overview .subtitle.bold{ font-weight: 700; margin-top: 19px; } .onetable .main_menu { margin-top: 80px; } .onetable .select_shop_overview .main_menu_title{ font-size: 24px; margin-bottom: 25px; } .onetable .menu_wrap{ margin: 0 15px; } .onetable .menu_wrap .menu_item{ display: flex; flex-direction: row; flex-wrap: wrap; position: relative; padding: 30px 0; } .onetable .menu_wrap .menu_item:nth-child(1){ padding: 0 0 30px; } .onetable .menu_wrap .menu_item::after{ content: ''; position: absolute; top: 0; left: 0%; width: 100%; height: 1px; background-color: #e9e9e9; } .onetable .menu_wrap .menu_item:nth-child(1):after{ content: none; } .onetable .menu_wrap .menu_item .menu_img_wrap{ width: 145px; height: 145px; } .onetable .menu_wrap .menu_item .menu_txt_wrap{ padding-left: 15px; text-align: left; letter-spacing: -0.04em; padding-top: 15px; } .onetable .menu_wrap .menu_item .menu_txt_wrap h4{ font-size: 16px; font-weight: 700; color: #333; } .onetable .menu_wrap .menu_item .menu_txt_wrap p{ font-size: 13px; color: #333; margin-top: 10px; } .onetable .menu_wrap .menu_item .menu_txt_wrap .menu_more{ margin-top: 12px; font-size: 11.8px; color: #fff; display: inline-block; text-align: center; width: 80px; height: 25px; line-height: 25px; box-sizing: border-box; padding-right: 12px; background: url(../../images/mobilehome/selectshop/menu_more_arrow.png) no-repeat calc(50% + 25px) 50%; background-color: #4a675c; background-size: 7px 9px; } .mimc { text-align: center; } .mimc *{ line-height: 1.45; letter-spacing: 0; } .mimc .select_shop_overview .header{ padding-top: 70px; } .mimc .select_shop_overview .header .title{ width: 115px; margin: 0 auto; } .mimc .select_shop_overview .subtitle { margin: 28px 15px 0 15px; } .mimc .select_shop_overview .subtitle.bold{ font-weight: 700; margin-top: 19px; } .mimc .select_shop_banner.banner-bg1{ background: url('../../images/mobilehome/selectshop/img-overview-footer-mimc.jpg') no-repeat 50% 50%; } /* 2022-06-09 추가 [E] */ /* 2022-04-12 추가 */ /* 2021-11-19 오픈웍스추가 : E */ /* 2022-01-27 추가 [S]*/ .culture_layer_area_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.57); z-index: 9999; display: none;} /* layer_popup */ .culture_layer_area {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 19; width: 73%; max-width: 468px;} .culture_layer_area .culture_layer_img img {width: 100%;} .culture_layer_area .btn_area {position: relative;} .culture_layer_area .btn_area:after { content: ""; display: block; clear: both; } .culture_layer_area .btn_area button { width: 50%; float: left; height: 35px; border: 1px solid #ccc; text-indent: 0; font-size: 10px; line-height: 35px; background: #fff; color: #000; font-family: 'Noto Sans KR';} .culture_layer_area .btn_area button:last-child {border-left: 0;} /* 2022-01-27 추가 [E]*/ /* 2022-02-24 추가 [S] */ .area_article.sub03_03_04 .bbs_view .cnt{padding-bottom:12px; border-bottom:1px solid #dcdcdc;} .area_article.sub03_03_04 .bbs_view .writing{margin-top: 20px;} .area_article.sub03_03_04 .bbs_view .writing .tit{display: inline-block;} .area_article.sub03_03_04 .btn_ar01{margin-top: 20px;} .area_article.sub03_03_04 .btn_ar01 img{width: auto;} /* 2022-02-24 추가 [E] */ /* 2022-03-22 추가 [S] */ .article_project100 img{image-rendering: -webkit-optimize-contrast;} .article_project100 .project100_head .project100_head_text{margin: 30px auto; font-size: 16px; text-align: left; color: #111; line-height: 1.5;} .article_project100 .project100_head .project100_head_text .fw700{font-weight: 700;} .article_project100 .project100_title_num{width: 33px; height: 37px; margin: 0 auto;} .article_project100 .project100_contents{padding-top: 33px; border-top: 2px solid #09d474; text-align: center; color: #111; line-height: 1; margin-bottom: 33px;} .article_project100 .project100_contents_title{font-family: 'Happiness-Sans-Title'; font-size: 21px; color: #09d474; line-height: 1; margin: 10px auto 26px;} .article_project100 .project100_contents1_dl{margin-bottom: 37px;} .article_project100 .project100_contents1_dl dt{font-size: 16px; font-weight: 700; } .article_project100 .project100_contents1_dl dd{font-size: 16px; margin: 20px auto 33px; line-height: 1.5;} .article_project100 .project100_youtube_wrap{position: relative;} .article_project100 .youtube-area {width:100%!important;/* height:25.45%!important; */ position: relative; left: 50%; transform: translateX(-50%);} .article_project100 .youtube-area::before{content: ''; display: block; padding-top: 56.25% !important;} .article_project100 .youtube-area iframe {position: absolute; top: 0; left: 0; width:100%!important; height:100%!important;} .article_project100 .project100_youtube_title{font-family: 'Happiness-Sans-Title'; margin-bottom: 17px; font-size: 16px;} .article_project100 .project100_youtube_title.mt-50{margin-top: 50px;} .article_project100 .project100_contents .project100_subtit{margin-bottom: 50px; font-size: 16px; font-weight: 700;} .article_gallery .gallery_head .gallery_head_text{margin: 30px auto; font-size: 16px; text-align: left; color: #111; line-height: 1.5; letter-spacing: -0.13px;} .article_gallery .gallery_head .gallery_head_text .fw700{font-weight: 700;} .article_gallery .gallery_contents{padding-top: 33px; text-align: center; color: #111; line-height: 1; margin-bottom: 33px;} .article_gallery .gallery_contents.bdtop{border-top: 2px solid #09d474;} .article_gallery .gallery_contents_title{font-family: 'Happiness-Sans-Title'; font-size: 21px; color: #09d474; line-height: 1; margin: 10px auto 26px;} .article_gallery .gallery_title_num{width: 33px; height: 37px; margin: 0 auto;} .article_gallery .gallery_img_title{font-weight: 700; font-size: 16px; margin-bottom: 30px ;} .article_gallery .gallery_img_wrap.mt-10{margin-top: 10px;} .article_gallery .gallery_contents .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; overflow: hidden;} .article_gallery .gallery_contents .swiper-slide {background-size: cover; background-position: center; } .article_gallery .gallery_contents .mySwiper2,.article_gallery .gallery_contents .mySwiper4 { height: 80%; width: 100%; position: relative;} .article_gallery .gallery_contents .mySwiper,.article_gallery .gallery_contents .mySwiper3 { height: 20%; box-sizing: border-box; padding: 10px 0 13px; position: relative;} .article_gallery .gallery_contents .mySwiper .swiper-slide,.article_gallery .gallery_contents .mySwiper3 .swiper-slide {width: 25%; height: 100%; background-color: #000;} .article_gallery .gallery_contents .mySwiper .swiper-slide img,.article_gallery .gallery_contents .mySwiper3 .swiper-slide img{opacity: 0.4;} .article_gallery .gallery_contents .mySwiper .swiper-slide-thumb-active img,.article_gallery .gallery_contents .mySwiper3 .swiper-slide-thumb-active img{opacity: 1; } .article_gallery .gallery_contents .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} .article_gallery .gallery_contents .swiper-button-next:after,.article_gallery .gallery_contents .swiper-button-prev:after{content: '';} .article_gallery .gallery_contents .swiper-button-next,.gallery_contents .swiper-button-prev{background-color: #09d474; width: 40px; height: 40px; border-radius: 50%; background-repeat: no-repeat;} .article_gallery .gallery_contents .swiper-button-next{background-image: url(../../images/webhome/finance/slider_right_btn.png); background-position: 57% 50%;} .article_gallery .gallery_contents .swiper-button-prev{background-image: url(../../images/webhome/finance/slider_left_btn.png); background-position: 47% 50%;} .article_gallery .gallery_contents .swiper-container-horizontal>.swiper-statusBar{width: 100%; left: 0; height: 3px; bottom: 0;} .article_gallery .gallery_contents .swiper-container-horizontal>.swiper-statusBar .swiper-statusBar-drag{background: #09d474;} /* 2022-03-22 추가 [E] */ /* 2022-07-25 추가 [S] */ .tab-layout .tab-page{display: block; padding-left: 13px;padding-right: 13px;} .tab-layout.hide{display:none;} .tab-menu02{margin: 7px 13px 10px; border-radius: 4px;display: -webkit-flex;display: flex; flex-wrap: wrap; box-sizing: border-box;} .tab-menu02 .tab02-item{flex-basis:25%; } .tab-menu02 .tab02-item{ display: block; text-align: center; border: 1px solid #5b5b5b; box-sizing: border-box; font-size: 13px; font-weight: 700; padding: 9px 0; color: #333333;} .tab-menu02 .tab02-item.current{background-color: #5b5b5b; color: #fff;} /* 2022-10-04 추가 [S] */ .tab-menu03{display: flex; font-size: 15px; flex-direction: row; justify-content: space-around; background-color: #000;} .tab-menu03 .tab03-item{padding: 13.5px 0 6px; color: #898989; margin-bottom: 7.5px;} .tab-menu03 .tab03-item.current{color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,1);} .tab-menu-exhibition{display: flex; width:100%; padding: 10px 15px; flex-direction: row; justify-content: space-around; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-align-self: center; align-self: center; flex-wrap: wrap;} .tab-menu-exhibition>a{ width: 50%; padding: 7px 0; margin:auto; border:1px solid #5b5b5b; font-weight: 700; font-family:'Happiness-Sans'; text-align:center; -webkit-align-self: center; align-self: center; box-sizing: border-box;} .tab-menu-exhibition>a.current { color:#fff;background-color:#5b5b5b; border-top:1px solid #5b5b5b;} .tab-menu-exhibition.type02>a:nth-child(1){border-top-left-radius: 2px; border-bottom-left-radius: 2px;} .tab-menu-exhibition.type02>a:nth-child(2){border-top-right-radius: 2px; border-bottom-right-radius: 2px;} .tab-menu-exhibition>a:nth-child(2n+3) {border-top:0;} .tab-menu-exhibition>a:nth-child(2n+4) {border-top:0;} .tab-menu-exhibition>a:nth-child(2n+1) {border-right:0;} .data_storeinfo02 { position: relative;padding: 20px 15px; color: #333333; font-size: 15px; line-height: 1.3; letter-spacing: -0.02em;} .space_introduce .tab_contgroup.hide {display:none;} /* 2022-10-28 수정 */ .space_introduce .tab_type2{margin-bottom: 30px;} .space_introduce .rental_btn{ display:block; width: calc(100% - 72px); margin: 25px 36px 0; color: #fff; font-size: 15px; line-height: 36px; font-family: "Happiness-Sans-Title"; text-align: center;background-color: #222222; box-sizing: border-box;} .space_introduce .location { text-align: center; margin-top: 20px; } .space_introduce .location .location_anchor {display: inline-block; position: relative; } .space_introduce .location .location_anchor:before { position: absolute; top: 0; left: 50%; width: 30px; height: 30px; background: #757575 url(https://www.ehyundai.com/images/mobilehome/selectshop/ico-pin.png) no-repeat 50% 50%; content: ""; margin-left: -15px; border-radius: 50%; background-size: 30px 30px; overflow: hidden; } .space_introduce .location .location_text {display: inline-block; color: #333; font-weight: 700; font-size: 15px; margin-top: 40px; border-bottom: 1px solid #333; } .space_introduce .space_slider{ position: relative;width: 100%; overflow: hidden;} .space_introduce .space_slider .swiper-button-next:after, .swiper-button-prev:after{color: #fff;} .space_introduce .space_text_wrap{padding:0px 15px; word-break: keep-all;} .space_introduce .space_text_wrap h4{ color: #222222;font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 700;} .space_introduce .space_text_wrap p{ color: #666666;font-size: 15px; line-height: 1.5; margin-top: 10px;} .space_introduce .space_text_wrap ul{margin-top: 10px;} .space_introduce .space_text_wrap li{ color: #666666;font-size: 15px; line-height: 1.5;} .space_introduce .space_text_wrap .dot_list>li{ position: relative;padding-left: 10px;} .space_introduce .space_text_wrap .dot_list>li .dot_list_2depth li{ color: #666;line-height: 1.8;} .space_introduce .space_text_wrap .dot_list>li::before{ position: absolute; top: 6.5px; left: 0; width: 3px; height: 3px;content: ''; background-color: #666;} .space_introduce .space_text_wrap .ref{color:#888888;} .space_introduce .procedure_wrap{display: flex; flex-direction: row; justify-content: flex-start; margin-top: 10px;} .space_introduce .procedure_wrap .procedure_summary{display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-right: 20px;} .space_introduce .procedure_wrap .procedure_summary div{ position: relative;width: 68px; height: 27px; border: 1px solid #417b9c; color: #417b9c; font-size: 12px; line-height: 27px;text-align: center;} .space_introduce .procedure_wrap .procedure_summary div+div{margin-top: 24px;} .space_introduce .procedure_wrap .procedure_detail{display: flex; line-height: 27px; flex-direction: column; justify-content: space-between; align-self: normal;} .space_introduce .procedure_wrap .procedure_summary div:not(:last-child)::after{ position: absolute; bottom: -1px; left: 50%; width: 7px; height: 4px;content: url(../../images/mobilehome/ic_bottom_arrow.png); transform: translateX(-50%);} /* 2022-10-04 추가 [E] */ /* 2022-07-27 수정 [S] */ .datalist_type2 > li .thumb03 .pic{position: relative; width: 100%; height : 240px; } .datalist_type2 > li .thumb03 .pic .pic_gallery div.screen li{width: calc(100vw - 26px); height : 240px; } .datalist_type2 > li .thumb03 .pic .pic_gallery div.screen{overflow: hidden;} .datalist_type2 > li .thumb03 .pic .pic_gallery div.screen img{width:100%; height:240px;} .datalist_type2 > li .thumb03.category_thumb .pic .pic_gallery div.screen{width: calc(100vw - 26px); height : 240px;} .datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn{position: absolute; bottom: 0; left: 50%; z-index: 1; margin-left: -90px; width: 180px; padding: 7px; text-align: center;} .datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn button{ display: inline-block; background: url(../../images/mobilehome/btn_rollpaging.png) no-repeat 50% 0; width: 19px; height: 16px; text-indent: 0; vertical-align: top; font-size: 0;} .datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn button.on{background-position: 50% -16px;} .datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn button.pause{background: url(../../images/mobilehome/btn_rolling04_pause.png) no-repeat 50% 50%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn button.play{background: url(../../images/mobilehome/btn_rolling04_play.png) no-repeat 50% 50%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .rollingbtn button {width:19px; height:16px; text-indent:0; line-height:500px; vertical-align:top;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn{position: absolute; bottom: 7px; left: 50%; z-index: 1; transform: translateX(-50%); padding-right: 22px;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn button{width:16px; height:16px; text-indent:0; line-height:500px; vertical-align:top; position: absolute; right: 0; bottom: 2px; margin: 0 3px;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn .btn_pause.on {background:url(../../images/mobilehome/btn_rolling04_play.png) no-repeat 50% 50%; background-size: 100% 100%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-btn .btn_pause {background:url(../../images/mobilehome/btn_rolling04_pause.png) no-repeat 50% 50%; background-size: 100% 100%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-pagination{bottom: 0px; left: 50%; transform: translateX(-50%); position: relative;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 3px; background-color: #fff; opacity: 1;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #5d6c89;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-next, .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-prev{background-color: rgba(0,0,0,0.6); width: 20px; height: 20px; background-repeat: no-repeat; transform: translateY(60%); background-size: 50% 70%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-next{ background-image: url(../../images/mobilehome/slider_right_btn.png); background-position: 57% 50%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-prev{ background-image: url(../../images/mobilehome/slider_left_btn.png); background-position: 47% 50%;} .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-next:after, .datalist_type2 > li .thumb03 .pic .pic_gallery .swiper-button-prev:after{content: '';} /* 2022-07-27 수정 [E] */ .restaurant_category{position: relative; margin-top: 22px;} .restaurant_category .category_title{padding-top: 30px;} .restaurant_category .category_item_wrap{border-bottom: 1px solid #d7d7d7;} .restaurant_category .category_item_wrap .category_txt .category_info{position: relative;} .restaurant_category .category_title h4{font-weight: 700; font-size: 15px; color: #333; position: absolute; top: 0; left: 0;} .restaurant_category .category_item_wrap{ padding-bottom: 20px;} .restaurant_category .category_item_wrap .category_txt .category_tit{font-size: 13px; font-weight: 700; color: #333;} .restaurant_category .category_item_wrap .category_txt .category_tit dt{display: inline-block; margin-top: 10px;} .restaurant_category .category_item_wrap .category_txt .category_tit dd{display: inline-block;} .restaurant_category .category_item_wrap .category_txt .category_tit dd.category_floor{margin-right:5px;} .restaurant_category .category_item_wrap .category_txt .category_tit dd.category_tel .btn-tel{width: 20px; height: 17px; background-size:12px; vertical-align: middle;} .restaurant_category .category_item_wrap .category_txt .category_time{margin-top: 20px; font-size: 11px;} .restaurant_category .category_item_wrap .category_txt .category_time dt{display: inline-block; font-weight: 700;} .restaurant_category .category_item_wrap .category_txt .category_time dd{display: inline-block;} .restaurant_category .category_item_wrap .category_txt .menu-toggle .toggle-title.hide .tit{padding-right: 10px; font-family: 'Happiness-Sans'; font-size: 14px; color: #333; background: url(../../images/mobilehome/svg/svgIconSel_dn.png) no-repeat 100% 50%; background-size: 6px 4px;} .restaurant_category .category_item_wrap .category_txt .menu-toggle .toggle-title .tit{position: absolute; bottom: 0; right: 0; padding-right: 10px; font-family: 'Happiness-Sans'; font-size: 14px; color: #333; background: url(../../images/mobilehome/svg/svgIconSel_up.png) no-repeat 100% 50%; background-size: 6px 4px; font-weight: 700;} .toggle-cont .popup_scroll_wrap{ background-color: #f9f8f8; padding: 25px 15px; word-break: keep-all; margin-top: 15px;} .toggle-cont .popup_scroll_wrap .menu_type1{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px;} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_img_wrap{width: 85px; height: 85px; position: relative;} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_img_wrap::after{content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; background: url(../../images/mobilehome/plus_icon.png) no-repeat 50% 50% ; background-size: 50% 50%; background-color: rgba(0,0,0,0.6);} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_img_wrap img{width: 100%; height: 100%; } .toggle-cont .popup_scroll_wrap .menu_type1 .menu_txt_wrap{width: calc(100% - 100px);} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_name{ font-size: 11px; color: #000; margin-top: 10px; line-height: 11px;} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_desc{font-size: 10px; margin-top: 5px; }/* 2022-07-27 추가 */ .toggle-cont .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_price_wrap{font-size: 11px; color: #000; position: relative; text-align: right; margin-top: 4px;} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_price{padding-left: 10px; position: relative; z-index:2; display: inline-block; background-color: #f9f8f8;} .toggle-cont .popup_scroll_wrap .menu_type1 .menu_txt_wrap .menu_price_wrap::after{z-index: 1; content: ''; width: 100%; height: 1px; background: url(../../images/webhome/background_dotted.png); border-top: none; border-left: none; border-right: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} .toggle-cont .popup_scroll_wrap .menu_type2{margin-bottom: 15px; } .toggle-cont .popup_scroll_wrap .menu_type2 .menu_txt_wrap{display: flex; flex-direction: row; justify-content: space-between; width: 100%; position: relative; align-items: center;} .toggle-cont .popup_scroll_wrap .menu_type2 .menu_txt_wrap::after{z-index: 1; content: ''; width: 100%; height: 1px; background: url(../../images/webhome/background_dotted.png); border-top: none; border-left: none; border-right: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} .toggle-cont .popup_scroll_wrap .menu_type2 .menu_txt_wrap .menu_name{font-size: 11px; color: #000; background-color: #f9f8f8; padding-right: 10px; z-index: 2; letter-spacing: -0.6px; line-height: 11px; max-width: 70%;} .toggle-cont .popup_scroll_wrap .menu_type2 .menu_txt_wrap .menu_price_wrap{font-size: 11px; color: #000;text-align: right; background-color: #f9f8f8; z-index: 2; } .toggle-cont .popup_scroll_wrap .menu_type2 .menu_txt_wrap .menu_price{padding-left: 10px; display: inline-block; background-color: #f9f8f8; min-width: 54px;} .toggle-cont .popup_scroll_wrap .menu_type2 .menu_desc{font-size: 10px; margin: 5px 0 0 15px;}/* 2022-07-27 추가 */ .restaurant_category .category_item_wrap .category_txt .desc{margin-top: 20px; font-size: 11px;} .popupMenu{display: none; width: 100%; height: 100vh; position:fixed; top: 0; left: 0; background-color: #fff; z-index: 999; overflow-y: auto; } .popupMenu .popupMenu__close{width: 13px; height: 13px; background: url(../../images/mobilehome/btn_popup_close.png) no-repeat 50% 50%; background-size: 13px 13px; position: absolute; top: 18px; left: 18px;} .popupMenu__image{width: 100%; height: auto; border-top: 1px solid #333; margin-top: 50px;} .popupMenu__text{padding: 10px 15px;} .popupMenu__text .popupMenu__text--menu dt{font-size: 13px; font-weight: 700; margin-bottom: 10px;} .popupMenu__text .popupMenu__text--menu dd{font-size: 11px; font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #d7d7d7;} .popupMenu__text .popupMenu__text--desc{margin-top: 20px; font-size: 11px;} .popupMenu::-webkit-scrollbar{width: 2px;} .popupMenu::-webkit-scrollbar-thumb{background-color: #5d6c89;} .popupMenu::-webkit-scrollbar-track{background-color: #dfdfdf;} /* 2022-07-25 추가 [E] */ /* 2022-06-30 추가 [S] */ .beclean .product_list{font-size: 15px;} .beclean .select_shop_banner.banner-bg1{background: url('../../images/mobilehome/selectshop/img-overview-footer-beclean.jpg') no-repeat 50% 50%;} .beclean .product_list .pro_list .txt_list .tit{margin-bottom: 23px; display: block; font-family: "Happiness-Sans-Title"; font-size: 18px; color: #000;} .beclean .product_list .pro_list .txt_list dl{margin-bottom: 30px;} .beclean .product_list .pro_list{margin-top: 75px;} /* 2022-06-30 추가 [E] */ /* 2022-07-01 추가 [S] */ .cpark{word-break: keep-all; padding: 0px 13px 0px 13px;} /* 2022-08-25 cpark 수정 */ .cpark .cpark--title{font-weight: 700; font-size: 20px; color: #657492; letter-spacing: -0.015em; margin-bottom: 20px;} .cpark .cpark--title ~ p{letter-spacing: -0.025em;} .cpark .cpark--itemWrap{margin-top: 40px;} .cpark .cpark--itemWrap .cpark--item__slideBtn{font-weight: 700; font-size: 18px; color: #000; padding-bottom: 15px; border-bottom: 1px solid #797979; margin-bottom: 15px; } .cpark .cpark--itemWrap .cpark--item.slideOn .cpark--item__slideBtn{} .cpark .cpark--itemWrap .cpark--item .cpark--item__slide{display: none;} /* .cpark .cpark--itemWrap .cpark--item.slideOn .cpark--item__slide{visibility: visible;} */ .cpark .cpark--itemWrap .cpark--item{margin-bottom: 40px;} .cpark--item .cpark--item__slide h6{font-size: 15px; font-weight: 700; color: #333333; margin-bottom: 15px;} .cpark--item .cpark--item__slide p{color: #666; font-size: 15px; margin-bottom: 20px;} .cpark--item .cpark--item__slide dl:last-of-type{margin-bottom: 15px;} .cpark--item .cpark--item__slide dl dt{color: #333333; font-size: 15px; font-weight: 700; display: inline-block; vertical-align: top;} .cpark--item .cpark--item__slide dl dd{color: #666; font-size: 15px; display: inline-block; text-indent: -9px; margin-left: 9px;} .cpark--item .cpark--item__slide .cpark--item__slide__img{margin-bottom: 15px;} /* 2022-07-01 추가 [E] */ /* 2022-07-06 추가 [S] */ .handsome .pro_list{margin-top: 60px; text-align: center;} .handsome .pro_img{margin-bottom: 50px;} .handsome .txt_list .itemTitle{margin-bottom: 20px;} .handsome .txt_list p{margin-bottom: 45px; font-size: 13px; color: #333;} .handsome .txt_list .location{margin-bottom: 35px; margin-top: 0;} .handsome .pro_btn{display: inline-block; width: 150px; height: 27px; line-height: 27px; text-align: center; color: #fff; font-size: 13px; font-weight: 700; background-color: #212121; border-radius: 25px; } /* 2022-07-06 추가 [E] */ /* 2022-07-07 추가 [S] */ .lesplat .product_list{font-size: 15px;} .lesplat .product_list .pro_list .txt_list .tit{margin-bottom: 12px; display: block; font-family: "Happiness-Sans-Title"; font-size: 18px; color: #000;} .lesplat .lesplat_title{font-size: 24px; color: #222222; font-weight: 700; margin-top: 50px; text-align: center;} .lesplat .lesplat_desc{margin-top: 21px; font-size: 13px; color: #333; text-align: center;} .lesplat .product_list .pro_list{margin-top: 75px;} /* 2022-07-07 추가 [E] */ /* 2022-07-08 추가 [S] */ .faqPage .faqPage-wrap{padding: 30px 15px;} .faqPage .faq-title{font-size: 15px; color: #333333; margin-bottom: 40px;} .faq-btnWrap{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px;} .faq-btnWrap .faq-btn{width: calc((100% - 10px) / 3); display: block; box-sizing: border-box; height: 35px; color: #666666; font-size: 14px; text-align: center; background-color: #ececec;} .faq-btnWrap .faq-btn.faq-btn-active{color: #51a6b3; font-weight: 700; border: 2px solid #000000; color: #000; background-color: #fff;} .faq-btnWrap .faq-btn:nth-child(n+4){margin-top: 5px;} .faq-btnWrap .faq-btn::before{content: ''; display: inline-block; height: calc(100% + 4px); vertical-align: middle; } .faqPage .input-wrap {position: relative;} .faqPage .cell input{border: 1px solid #cccccc; padding-right: 40px;} .faqPage .cell select{border: 1px solid #cccccc;} .faqPage .input-wrap .input[type="text"]{} .faqPage .search-submit{position: absolute; top: 0px; right: 3px; width: 37px; height: 37px; background: transparent url('../../images/mobilehome/svg/iconSearch.png') no-repeat center; background-size: 50% 50%;} .faqPage .faq-form-search{margin-bottom: 20px;} .faqPage .faq-list{margin-bottom: 40px;} .faqPage .faq-list-item{ border-bottom: 1px solid #c6cbd8; } .faqPage .faq-list-item:first-of-type{border-top: 1px solid #c6cbd8;} .faqPage .faq-list-item .faq-list-item-q{padding: 15px; background: url(../../images/mobilehome/svg/arrow-down.png) no-repeat; background-position: 100% 50%; background-size: 15px 8px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;} .faqPage .faq-list-item .faq-list-item-q.active{background: url(../../images/mobilehome/svg/arrow-up.png) no-repeat; background-position: 100% 50%; background-size: 15px 8px;} .faqPage .faq-list-item .faq-list-item-q .faq-list-item-q-title{font-size: 15px; color: #5d6c89; margin-right: 15px;} .faqPage .faq-list-item .faq-list-item-q .faq-list-item-q-desc { padding-right: 20px; } .faqPage .faq-list-item .faq-list-item-q .faq-list-item-q-desc-category{padding-bottom: 6px; font-size: 15px; color: #767676;} .faqPage .faq-list-item .faq-list-item-q .faq-list-item-q-desc-question{font-size: 15px; color: #000000;} .faqPage .faq-list-item .faq-list-item-a-wrap{display: none;} .faqPage .faq-list-item .faq-list-item-a{padding: 15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #f6f6f6;} .faqPage .faq-list-item .faq-list-item-a .faq-list-item-a-title{font-size: 15px; color: #5d6c89; margin-right: 15px;} .faqPage .faq-list-item .faq-list-item-a .faq-list-item-a-answer{color: #666666; font-size: 15px;} .faqPage .faqPage-wrap .paging{display: flex; align-items: center; justify-content: center; padding: 0px 30px 0px 30px;} .faqPage .faqPage-wrap .paging a{margin : 0px 5px 0px 5px;} .faqPage .faqPage-wrap .paging img{height:16px; width: 16px;} .faqPage .faqPage-wrap .paging .on{ background-color: #000; color: #ffffff; border: 3px solid #000; border-radius: 3px; font-weight: bold;} /* 2022-07-08 추가 [E] */ /* 2022-08-29 추가 [S] */ .CULTURE-M0011 .ch1985_visual{padding: 50px 40px; background-color: #a5c3eb; font-size: 15px; color: #222222; line-height: 1.5;} .CULTURE-M0011 .ch1985_item_wrap{padding-top: 75px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_logo{width: 178.5px; margin: 0 auto;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item{margin-top: 75px; text-align: left;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item{text-align: left;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item .ch1985_item_txt{padding-left: 40px; padding-right: 40px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item .ch1985_item_subtit{color: #222; font-size: 12px; font-weight: 700; display: inline-block; margin-bottom: 16px; line-height: normal; margin-bottom: 16px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item h4{font-size: 30px; font-weight: 500; color: #222; line-height: 1.1; margin-bottom: 30px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item h4 strong{font-weight: 700;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item p{font-size: 15px; font-weight: 500; color: #999; line-height: 1.5;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item p .empha{font-weight: 700; color: #333333;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item .ch1985_item_img{margin-bottom: 40px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type1 .ch1985_item_img{width: calc(100% - 120px); margin-left:auto; margin-right: auto;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type2 .ch1985_item_img{margin-left: 20px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type3 .ch1985_item_img{position: relative; right: 50px; overflow: hidden; z-index: 1; margin-bottom: 0;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type3 .ch1985_item_txt{background-color: #e9f1fc; position: relative; top: -95px; width: calc(100% - 20px);padding: 133px 60px 50px; margin-left: 20px; z-index: 0; box-sizing: border-box;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type3 .ch1985_item_txt .ch1985_item_subtit{} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type4{padding-left: 60px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type4 .ch1985_item_txt{padding: 0 43.5px 40px 0;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type4 .ch1985_item_img{margin-bottom: 0;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type5 .ch1985_item_img{margin-right: 20px;} .CULTURE-M0011 .ch1985_item_wrap .ch1985_item.ch1985_item_type4 +.ch1985_item{margin-top: 35px;} /* 2022-08-29 추가 [E] */ /* 2022-09-28 추가 [S] */ .popup-branch{position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index: 1000;} .popup-branch.active{display:block;} .popup-branch-wrap{position: fixed; z-index: 9; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 480px; padding: 0 43px; box-sizing: border-box;} .popup-branch-wrap .event-hidden{display: block !important; position: absolute !important; overflow: hidden !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; border: 0 !important; clip: rect(0 0 0 0) !important; clip: rect(0, 0, 0, 0) !important;} .popup-branch-wrap .popup-button-event{position: absolute; bottom: calc(13000% / 574); left: calc(12000% / 468); right: calc(12000% / 468); width: auto!important;} .popup-branch-wrap .popup-branch_img{width: 100%;} .popup-branch-wrap .btn_area{display: flex; align-items: center; justify-content: space-between;} .popup-branch-wrap .btn_area button{width:50%; text-align: center; height: 37px; margin-right:1px; line-height: 35px; background: #fff; border:0; font-size: 12px; font-weight: bold; color:#0f4a39;} .popup-branch-wrap .btn_area button:last-child{margin-right:0;} /* 2022-09-28 추가 [E] */ /* 2022-10-07 추가 [S] */ .labels .select_shop_overview .header{ padding-top: 80px; } .labels .product_list .pro_list .txt_list dl dt{ color: #333; font-weight: 700; font-size: 15px; } .labels .product_list .pro_list .txt_list dl dd{ font-size: 15px; margin-top: 15px; } .labels .select_shop_news .news em{ display: block; margin-bottom: 100px; font-weight: 700; font-size: 15px; color: #333; text-align: center; padding-top: 30px; } /* 2022-10-07 추가 [E] */ /* 2022-11-01 추가 [S] */ .sustain_main .sustain_main_img{width: 100%;} .sustain_main .sustain_main_img img{width: 100%;} .sustain_main .sustain_btn_wrap{ display: flex; margin-top: 10px; flex-direction: row; justify-content: space-between;} .sustain_main .sustain_btn_wrap>a{ display: block; width: calc(50% - 5px); height: 38px; color: #fff; font-size: 11px; line-height: 38px; font-family: 'Happiness-Sans-Title'; text-align: center;background-color: #005843; box-shadow: 1.554px 1.259px 8px 0px rgba(0, 0, 0, 0.63);} .sustain_main .sustain_btn_wrap>a:hover{text-decoration: none;} /* 2022-11-01 추가 [E] */ /* 2022-11-15 추가 [S] */ #content.member_hpoint{padding-bottom: 0;} .member_hpoint .h_color { color: #4e2bf4!important; font-weight: 700; } .member_hpoint .member_link { color: #999; font-size: 12px; text-decoration: underline; text-underline-position: under; } .member_hpoint .member_section { padding: 50px 35px; } .member_hpoint .section_brand { text-align: center; padding: 50px 21px;} .member_hpoint .section_brand h4 { color: #111111; font-weight: 400; font-size: 25px; line-height: 33px; margin-bottom: 30px; } .member_hpoint .section_brand .member_brand_list { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 335px; width: 100%; margin: 0 auto;} .member_hpoint .section_brand .member_brand_list li { width: calc((100% - 63px) / 4); height: auto; margin-top: 58px; } .member_hpoint .section_app_down { position: relative; text-align: center; background-color: #e8eaff; padding-bottom: 110px; } .member_hpoint .section_app_down h4 { color: #111111; font-weight: 400; font-size: 25px; line-height: 33px; letter-spacing: -0.025em;} .member_hpoint .app_down_btn { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); } .member_hpoint .swiper_section { position: relative; background-color: #f9f9f9; } .member_hpoint .swiper_section .img_box { position: relative; width: 100%; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; opacity: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); } .member_hpoint .swiper_section .img_box img { width: 100%; } .member_hpoint .swiper_section .img_box .change_img { position: absolute; top: 5px; left: 25.4%; width: 48.6%; height: 516px; max-width: 244px; border-radius: 7%; overflow: hidden; z-index: 1; } .member_hpoint .swiper_section .img_box .fix_img { position: relative; z-index: 2; pointer-events: none; } .member_hpoint .txt_box {border: none; position: relative; padding-top: 55px; margin-top: 35px;} .member_hpoint .swiper_section .txt_box .swiper-slide > * { opacity: 0; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; } .member_hpoint .swiper_section .txt_box .swiper-slide .desc2 { margin-top: 20px; } .member_hpoint .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > * { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .member_hpoint .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(1) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .member_hpoint .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(2) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .member_hpoint .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(3) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .member_hpoint .swiper_section .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(4) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .member_hpoint .swiper_section .txt_box .tit2 { color: #111; font-size: 25px; line-height: 33px; text-align: center;} .member_hpoint .swiper_section .txt_box .tit2 em { font-weight: 700; } .member_hpoint .swiper_section .txt_box .desc2 { color: #333; font-size: 12px; line-height: 20px; text-align: center;} .member_hpoint .swiper_section .txt_box .desc2.bold { font-weight: 700; } .member_hpoint .swiper_section .swiper-tools { margin: 0; position: absolute; top: 0; left: 0; width: 100%; } .member_hpoint .swiper_section .swiper-tools .swiper-pagination { display: inline-block; position: static; max-width: 166px; height: 1px; width: 50%; height: 1px; background-color: #ccc; vertical-align: middle; } .member_hpoint .swiper_section .swiper-tools .swiper-pagination .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; background-color: #111; } .member_hpoint .swiper_section.on .img_box { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .member_hpoint .swiper_section .swiper-button-prev.type3, .swiper-button-next.type3 { display: inline-block; position: static; width: 10px; height: 14px; opacity: 1; margin-top: 0; vertical-align: middle; } .member_hpoint .swiper_section .swiper-button-prev.type3 { background-image: url("../../images/mobilehome/card/ic_arrow9.png"); background-repeat: no-repeat; background-size: contain; background-position: center center; margin-left: 25px; } .member_hpoint .swiper_section .swiper-button-next.type3 { background-image: url("../../images/mobilehome/card/ic_arrow9.png"); background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .member_hpoint .swiper_section .swiper-button-next:after,.member_hpoint .swiper_section .swiper-button-prev:after { content: none; } .member_hpoint .swiper_section .swiper-tools {text-align: center;} .member_hpoint .swiper_section .swiper-tools .swiper-count { display: inline-block; margin: 0 5px; color: #ccc; font-weight: 700; font-size: 11px; vertical-align: middle; } .member_hpoint .swiper_section .swiper-tools .swiper-count span { display: inline-block; font-weight: inherit; font-size: inherit; line-height: inherit; font-family: inherit; letter-spacing: inherit; text-align: center; opacity: .5; } .member_hpoint .swiper_section .swiper-tools .swiper-count span.active_num { width: 30px; color: #111; opacity: 1; } .member_hpoint .swiper_section .swiper-tools .swiper-count span.all_num { width: 30px; } .member_hpoint .swiper_section .swiper-tools .btn-swiper-play { display: inline-block; width: 8px; vertical-align: middle; -webkit-transition: .3s; transition: .3s; } .member_hpoint .swiper_section .swiper-tools .btn-swiper-play span { display: block; text-indent: -99999px; overflow: hidden; opacity: .5; } .member_hpoint .swiper_section .swiper-tools .btn-swiper-play.paused span { width: 4.5px; height: 9px; border-left: 3px solid #ccc; border-right: 3px solid #ccc; } .member_hpoint .swiper_section .swiper-tools .btn-swiper-play.play span { width: 0px; height: 0px; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ccc; } .member_hpoint .swiper_section .btn_blue1 { display: block; display: inline-block; color: #603de3; font-size: 18px; margin-top: 50px; padding-right: 18px; background-image: url("../../images/mobilehome/card/ic_arrow8.png"); background-repeat: no-repeat; background-size: auto; background-position: right 50%; text-indent: 0; } .member_hpoint .receipt_section { position: relative; background-color: #fff; } .member_hpoint .receipt_section .inner { position: relative; min-height: 368px; } .member_hpoint .receipt_section .txt_box { padding-top: 0px; margin-top: 0;} .member_hpoint .receipt_section .img_box { position: relative; top: 120px; left: 0%; width: 85%; max-width: 433px; opacity: 0; z-index: 2; -webkit-transition: opacity .5s ease-in-out, top .5s ease-in-out; transition: opacity .5s ease-in-out, top .5s ease-in-out; margin: 30px auto 40px;} .member_hpoint .receipt_section .img_box .img_mockup { position: relative; width: 100%; max-width: 433px; z-index: 1; } .member_hpoint .receipt_section .img_box .img_mockup > img { width: 100%; } .member_hpoint .receipt_section .img_box .img_mockup .part_inner1 { position: absolute; top: 63.5%; left: 0; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: opacity .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s; transition: opacity .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s; transition: opacity .4s ease-in-out .6s, transform .4s ease-in-out .6s; transition: opacity .4s ease-in-out .6s, transform .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s; } .member_hpoint .receipt_section .img_box .img_obj { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: -webkit-transform .6s ease-in-out .3s; transition: -webkit-transform .6s ease-in-out .3s; transition: transform .6s ease-in-out .3s; transition: transform .6s ease-in-out .3s, -webkit-transform .6s ease-in-out .3s; } .member_hpoint .receipt_section .img_box .img_obj.z_down { position: absolute; top: 0; left: 0; z-index: 0; } .member_hpoint .receipt_section .img_box .img_obj.z_down .obj3 { width: 35%; max-width: 148px; } .member_hpoint .receipt_section .img_box .img_obj > img { position: absolute; opacity: 0; -webkit-transition: opacity .6s ease-in-out .3s; transition: opacity .6s ease-in-out .3s; } .member_hpoint .receipt_section .img_box .img_obj .obj1 { top: -7%; right: -3%; width: 32%; -webkit-transition-delay: .3s; transition-delay: .3s; max-width: 135px; } .member_hpoint .receipt_section .img_box .img_obj .obj2 { right: -13%; bottom: 0; width: 23%; -webkit-transition-delay: .54s; transition-delay: .54s; max-width: 95px; } .member_hpoint .receipt_section .img_box .img_obj .obj3 { bottom: 12px; left: -23%; width: 36.5%; -webkit-transition-delay: .42s; transition-delay: .42s; max-width: 154px; } .member_hpoint .receipt_section .img_box.on { top: 23px; opacity: 1; } .member_hpoint .receipt_section .img_box.on .img_mockup .part_inner1 { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .member_hpoint .receipt_section .img_box.on .img_obj { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .member_hpoint .receipt_section .img_box.on .img_obj > img { opacity: 1; } .member_hpoint .receipt_section .txt_box .tit1 { color: #111; font-weight: 700; font-size: 25px; line-height: 33px; margin-bottom: 30px; } .member_hpoint .receipt_section .txt_box .desc1 { color: #333; font-size: 12px; line-height: 20px; margin-bottom: 40px; } .member_hpoint .receipt_section .btn_gray1 { color: #999; font-size: 20px; text-decoration: underline; text-underline-position: under; } .member_hpoint .coupon_section { text-align: center; background-color: #e8eaff; } .member_hpoint .coupon_section h4 { color: #111111; font-weight: 400; font-size: 25px; line-height: 33px; } .member_hpoint .coupon_section .coupon_list {margin-top: 30px; text-align: left;} .member_hpoint .coupon_section .coupon_list li { width: 100%; padding: 20px 26px; background-color: #fff; box-shadow: 0px 7px 7px rgba(0,0,0,0.07); border-radius: 15px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;} .member_hpoint .coupon_section .coupon_list li ~ li{margin-top: 20px;} .member_hpoint .coupon_section .coupon_list li img { width:30px; height: auto;} .member_hpoint .coupon_section .coupon_list li dl{margin-left: 30px;} .member_hpoint .coupon_section .coupon_list li dl dt { color: #333; font-weight: 700; font-size: 12px;} .member_hpoint .coupon_section .coupon_list li dl dd { color: #666; font-size: 12px; line-height: 17px; letter-spacing: -0.055em; margin-top: 5px; } .member_hpoint .club_section { text-align: center; } .member_hpoint .club_section h4 { color: #111111; font-weight: 400; font-size: 25px; line-height: 33px; } .member_hpoint .club_section .club_btn { display: inline-block; padding: 12px 20px; color: #fff; font-size: 14px; border-radius: 35px; background-color: #4e2bf4; margin-top: 30px; margin-bottom: 50px;} .member_hpoint .club_txt { width: 288px; text-align: center;} .member_hpoint .club_txt { margin: 30px auto 0 auto; } .member_hpoint .club_txt h5 { color: #333333; font-weight: 700; font-size: 20px; } .member_hpoint .club_txt p { font-size: 12px; line-height: 17px; margin-top: 15px; } .member_hpoint .club_txt dl dt { color: #4e2bf4; font-weight: 700; font-size: 12px; margin-top: 25px; } .member_hpoint .club_txt dl dd { color: #666; font-size: 12px; line-height: 17px; margin-top: 3px; } .member_hpoint .club_txt dl dd.desc { font-size: 11px; line-height: 17px; text-indent: -12px; padding-left: 12px; } .member_hpoint .club_section2{background-color: #f7f7f7;} .member_hpoint .club_section4{background-color: #f7f7f7;} .memberPop { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display: none; z-index: 9999; } .memberPop .container { position:absolute; top:50%; left:50%; width:300px; padding:40px 18px 25px; transform: translate(-50%, -50%); background:#fff; display: none; box-sizing: border-box; border-radius: 15px;} .memberPop .container.active { display: block; } .memberPop .container .close { display:block; position:absolute; top:15px; right:15px; width: 15px; height: 15px; } .memberPop .container h5 { font-weight: 700; font-size: 20px; line-height: 30px; color: #111111; margin-bottom: 15px; } .memberPop .container p { font-size: 14px; color: #808080; line-height: 20px; margin-bottom: 35px; } .memberPop .container h6{font-size: 11px; font-weight: 700; line-height: 13px;} .memberPop .container .popup_btn{width: 100%; margin-top: 5px; display: block;} .memberPop .container .popup_btn ~h6{margin-top: 20px;} /* 2022-11-15 추가 [E] */ /* 2023-02-20 추가 [S] */ div.event-container.holiday-event.holiday22 { position: relative; } div.event-container.holiday-event.holiday22 div { width: auto !important; } div.event-container.holiday-event.holiday22 img { width: 100%; vertical-align: top; border: 0 none; } div.event-container.holiday-event.holiday22 .event-hidden { display: block !important; position: absolute !important; overflow: hidden !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; border: 0 !important; clip: rect(0 0 0 0) !important; clip: rect(0, 0, 0, 0) !important; } div.event-container.holiday-event.holiday22 .relative-box { position: relative; font-size: 16px; } div.event-container.holiday-event.holiday22 .button-area a { display: block; } div.event-container.holiday-event.holiday22 .button-area.button-event01 { position: absolute; bottom: calc(69900% / 1524); left: calc(20400% / 750); right: calc(6600% / 750); } div.event-container.holiday-event.holiday22 .button-area.button-event02 { position: absolute; bottom: 0%; left: calc(20400% / 750); right: calc(6600% / 750); } div.event-container.holiday-event.holiday22 .rolling-txt{ position: absolute; height: calc(5000% / 1535)!important; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; overflow: hidden; white-space: nowrap; transition: 0.3s; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt01 { width: auto!important; top: calc(7500% / 1535); left: calc(7500% / 750); right: calc(7600% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt02 { width: auto!important; top: calc(12500% / 1535); left: calc(00% / 750); right: calc(22600% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt03 { width: auto!important; top: calc(17500% / 1535); left: calc(13300% / 750); right: calc(00% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt04 { width: auto!important; top: calc(22500% / 1535); left: calc(7500% / 750); right: calc(15100% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt05 { width: auto!important; top: calc(27500% / 1535); left: calc(30000% / 750); right: calc(00% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt06 { width: auto!important; top: calc(32500% / 1535); left: calc(00% / 750); right: calc(15000% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt07 { width: auto!important; top: calc(37500% / 1535); left: calc(15000% / 750); right: calc(7600% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt08 { width: auto!important; top: calc(42500% / 1535); left: calc(7500% / 750); right: calc(00% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt09 { width: auto!important; top: calc(47500% / 1535); left: calc(00% / 750); right: calc(22600% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt10 { width: auto!important; top: calc(52500% / 1535); left: calc(7500% / 750); right: calc(5800% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt11 { width: auto!important; top: calc(57500% / 1535); left: calc(22500% / 750); right: calc(00% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt12 { width: auto!important; top: calc(62500% / 1535); left: calc(00% / 750); right: calc(13300% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt13 { width: auto!important; top: calc(67500% / 1535); left: calc(00% / 750); right: calc(22600% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt14 { width: auto!important; top: calc(72500% / 1535); left: calc(30000% / 750); right: calc(00% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt15 { width: auto!important; top: calc(77500% / 1535); left: calc(7500% / 750); right: calc(7600% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt16 { width: auto!important; top: calc(82500% / 1535); left: calc(22500% / 750); right: calc(00% / 750); font-weight: 700; } div.event-container.holiday-event.holiday22 .rolling-txt.rolling-txt17 { width: auto!important; background-color: transparent!important; top: calc(87500% / 1535); left: calc(00% / 750); right: calc(22570% / 750); font-weight: 700; z-index: 2; } div.event-container.holiday-event.holiday22 .rolling-img01 { width: auto!important; position: absolute; top: calc(87500% / 1535); left: calc(00% / 750); right: calc(21000% / 750); font-weight: 700; z-index: 1; } div.event-container.holiday-event.holiday22 .rolling-img02 { width: auto!important; position: absolute; top: calc(4700% / 1535); left: calc(4748% / 750); right: calc(64880% / 750); font-weight: 700; z-index: 1; } div.event-container.holiday-event.holiday22 .rolling-img03 { width: auto!important; position: absolute; top: calc(71400% / 1535); left: calc(28160% / 750); right: calc(43321% / 750); font-weight: 700; z-index: 1; } div.event-container.holiday-event.holiday22 .rolling-txt:nth-child(3n){ background-color: #D8CFFF; } div.event-container.holiday-event.holiday22 .rolling-txt:nth-child(3n-2){ background-color: #F8E6B8; } div.event-container.holiday-event.holiday22 .rolling-txt:nth-child(3n-1){ background-color: #C9F5E6; } div.event-container.holiday-event.holiday22 .rolling-txt span{ display: block; font-size: 1em; line-height: calc(2500% / 1535)!important; } div.event-container.holiday-event.holiday22 .rolling-txt:nth-child(2n) span{ animation: textLoop 25s linear infinite; } div.event-container.holiday-event.holiday22 .rolling-txt:nth-child(2n-1) span{ animation: textLoopRight 25s linear infinite; } div.event-container.holiday-event.holiday22 .ani-line { position: absolute; width: calc(600% / 750) !important; left: calc(20400% / 750); right: calc(54100% / 750); } div.event-container.holiday-event.holiday22 .ani-line.active{ animation: aniLine 9s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards !important; } div.event-container.holiday-event.holiday22 .ani-line.ani-line01 { background-color: #FDD7CD; top: calc(43900% / 1524); } div.event-container.holiday-event.holiday22 .ani-line.ani-line02 { background-color: #4E2BF4; top: calc(114600% / 1524); } div.event-container.holiday-event.holiday22 .text-area.text-event01{ opacity: 0; position: absolute; width: auto!important; top: calc(48200% / 1524); left: calc(22720% / 750); right: calc(5409% / 750); font-size: 1.33em; line-height: 1.25; letter-spacing: -0.03em; } div.event-container.holiday-event.holiday22 .text-area.text-event01.active{ opacity: 1; transition: 0.4s; } div.event-container.holiday-event.holiday22 .text-area.text-event02.active{ opacity: 1; transition: 0.4s; } div.event-container.holiday-event.holiday22 .text-area.text-event02{ opacity: 0; position: absolute; width: auto!important; top: calc(119000% / 1524); left: calc(23620% / 750); right: calc(5409% / 750); font-size: 1.33em; line-height: 1.25; letter-spacing: -0.03em; } div.event-container.holiday-event.holiday22 .text-area .bold{ font-weight: 700; } div.event-container.holiday-event.holiday22 .text-area.text-event01 .emphas{ font-weight: 700; color: #E94BA4; } div.event-container.holiday-event.holiday22 .text-area.text-event02 .emphas{ font-weight: 700; color: #4E2BF4; } @keyframes aniLine { 0% { height: 0; } 100% { height: calc(35800% / 1524); } } @keyframes textLoop { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes textLoopRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(0%, 0, 0); } } @media screen and (max-width: 750px) { div.event-container.holiday-event.holiday22 .relative-box { font-size: calc(16vw / 5); } } /* 2023-02-20 추가 [E] */