@charset 'utf-8';
/*효영*/
@font-face {
    font-family: 'Hyundai_B1012';
    src: url('Hyundai_B1012.ttf') format('truetype');
    font-size: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Hyundai_R1012';
    src: url('Hyundai_R1012.ttf') format('truetype');
    font-size: normal;
    font-weight: normal;
}

/* standard css start */
html {margin:0; padding:0; -webkit-font-smoothing: antialiased;}
body {font-size:12px; 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 {font-style:normal; display:none;}
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:sans-serif; /* 'Hyundai_R1012'; */
    -webkit-text-size-adjust:none;
    color:#323232;
}
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;
    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:#323232;}
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:'Hyundai_B1012';}

/* 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;}
.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%;}
.container {padding:25px 15px 25px 15px;}
.container.wide {padding:15px 0 0;}
.container.widewh {padding:0;}
.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:#929292; font-family:'Hyundai_B1012';}
#navi-scroll-slider li.current a {box-shadow:inset 0 -2px 0 #fff; 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:15px 15px;}
.widewh #i-slider-wrapper .i-slider .i-page.wide .tab-menu {margin-top:15px;}
.widewh #i-slider-wrapper .i-slider .i-page.margin-bottom {padding-bottom:50px;}

/* common */
.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 a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;}
.skip a:hover, .skip a:focus, .skip a:active {background:none repeat scroll 0 0 #3376AD; color:#FFFFFF; padding:20px 0; text-align:center; width:100%; z-index:100;}
.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;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.ma15{margin:15px !important;}

.desc{margin:15px 15px;}
.desc.nomagin{margin:15px 0 !important;}
.desc li{margin-bottom:5px; padding-left:15px;text-indent:-15px; line-height:15px; font-size:11px; color:#626262;}
.desc li .tel{color:#e71e10;text-decoration:underline;}

.i- {position:relative; padding:0 0 0 9px;}
.i-:before {position:absolute; content:''; top:7px; left:0; width:4px; height:4px; background-color:#333;}
.i- + .i- {margin-top:5px;}

.tab-menu {margin:0 0 10px; border:1px solid #cccccc; border-radius:3px; display:-webkit-flex; display:flex;}
.container.wide .tab-menu {margin:7px 13px 0;}
.tab-menu a {height:41px; line-height:41px; border-left:1px solid #cccccc; text-align:center; margin:auto; font-size:15px; font-family:'Hyundai_B1012';
    -webkit-flex:1; flex:1; -webkit-align-self: center; align-self: center;
}
.tab-menu a:first-child {border:0;}
.tab-menu a.current {background-color:#000000; color:#fff; border-top:1px solid #000000;}
.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;}

.tab-menu2 {margin:0 15px 10px; border:1px solid #cccccc; border-radius:3px; display:-webkit-flex; display:flex;}
.container.wide .tab-menu2 {margin:7px 13px 0;}
.tab-menu2 a {height:41px; line-height:41px; border-left:1px solid #cccccc; text-align:center; margin:auto; font-size:15px; font-family:'Hyundai_B1012';
    -webkit-flex:1; flex:1; -webkit-align-self: center; align-self: center;
}
.tab-menu2 a:first-child {border:0;}
.tab-menu2 a.current {background-color:#000000; color:#fff; border-top:1px solid #000000;}
.tab-menu2-wrap-init {display:table; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tab-menu2 a {display:table-cell;}
.cont-view {display: none;}
.cont-view-on {display: block;}

/* ipText */
.input-wrap {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cell {display:inline-block; height:35px;}
.cell em {display:block; width:100%; height:24px; color:#000; font-size:16px;}
.cell input {width:100%; height:36px; padding:8px 12px; color:#000; border:1px solid #cccccc; 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 #cccccc;}
.cell.dim input {color:#666;}

/* checkbox */
.check-item {line-height:13px; display:inline-block; text-indent:-21px; padding-left:21px;}
.check-item label {color:#333;}
.check-item + .check-item {margin-left:15px;}
.check-item.no-wrap {white-space:nowrap;}
.input-wrap {display:table;}
.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;}
.cell select {position:relative; width:100%; font-size:14px; min-width:80px; height:36px; min-height:36px; white-space:normal; padding:8px 20px 8px 5px; line-height:17px; border:1px solid #cccccc; -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;
}
input[type="checkbox"] {opacity:0; position:absolute; z-index:15; width:12px; height:12px; top:0; left:0;}
input[type="checkbox"] + label {position:relative; display:inline; padding-left:20px; vertical-align:middle; line-height:18px;}
input[type="checkbox"] + label:before {content:''; position:absolute; top:0; left:0; width:12px; height:12px; border:1px solid #cccccc; background:#dedede;}
input[type="checkbox"]:checked + label:before {background:url('../images/mobilehome/svg/svgIconCheck.png') no-repeat 1px 2px; background-size:11px 8px;}
.chk_message {margin:20px 0;}
.radio-item {line-height:13px; display:inline-block; margin-top:8px;}
.radio-item + .radio-item {margin-left:15px;}
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;}

/* btn */
.btn-tel {display:inline-block; font-size:0; color:rgba(0,0,0,0); overflow:hidden; width:26px; height:26px; background:#acacac url('../images/mobilehome/svg/svgIcon_tel.png') no-repeat 0 0; background-size:100%; vertical-align:middle;}

/* tbl_list */
/* 매장안내 상세 */
.tbl_style01 {border-top:1px solid #ccc;}
.tbl_style01 table {width:100%;}
.tbl_style01 table tr {border-bottom:1px solid #ccc;}
.tbl_style01 table th,
.tbl_style01 table td {padding:7px 15px; text-align:left; font-size:15px; vertical-align:middle; line-height:15px;}
.tbl_style01 table td.item {}
.tbl_style01 table td.item span{color:#626262;}
.tbl_style01 table td.tel {width:30px;}

/* header */
#header {width:100%;}
.header {width:100%; min-height:45px; position:relative; border-bottom:1px solid #abacac; background-color:#fff;}
.attach .header {border-bottom:0 none;}
.header .tit_h1 {font-family:'Hyundai_B1012'; text-align:center; min-height:46px; line-height:46px; font-size:19px; /*margin:0 18px 0 38px;*/ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#000;}
.header .tit_h1.logo {position:relative; width:56px; height:27px; top:10px; margin:0 auto; padding:0; font-size:0; color:rgba(255,255,255,0); background:url('../images/mobilehome/svg/introLogo.png') no-repeat 0 0; background-size:100%;}

/* 다국어 선택메뉴 */
/*
.header .btnLang {position:absolute; top:10px; right:15px; width:58px; height:25px; font-size:12px;border:none;color:#fff;line-height:25px;padding:0 10px;background:#000 url('../images/mobilehome/svg/btnLanguage.png') no-repeat 42px center; background-size:5px 3px;}
*/

/*
.header .btnLang {position:absolute; top:10px; right:15px; width:58px; height:25px; font-size:12px; border:1px solid #000; line-height:15px;padding:0 10px; }
*/

.header .btnLang {position:absolute; top:10px; right:15px; width:58px; height:25px; font-size:11px; border:1px solid #000; line-height:15px; padding:0 5px; background: url('../images/mobilehome/svg/svgIconSel.png') no-repeat right center; background-size: 19px 6px;}

/* 햄버거 메뉴 */
.header .btnMenu {position:absolute; top:15px; left:20px; text-indent:-999px; overflow:hidden; width:20px; height:15px; background:url('../images/mobilehome/svg/svgBtnMenu.png') no-repeat center; background-size:20px 15px;}

.header .btnBack {position:absolute; top:10px; left:8px; text-indent:-999px; overflow:hidden; width:30px; height:28px; background: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:#000000;}
.nav-2depth.false #navi-scroll-slider li {height:40px; line-height:40px; text-align:center; float:none; width:100%;}
.nav-2depth li {float:left;}
.nav-2depth a {color:#fff;}

/* 로그인 */
.nav-2depth h2{height:40px; line-height: 40px; text-align:center; width:100%; font-size:14px;}
.nav-2depth h2 span,    /* 20200727 */
.nav-2depth h2 a{padding:10px 5px 5px; color:#929292; font-family:'Hyundai_B1012';box-shadow: inset 0 -2px 0 #fff; color:#fff;}

/* side */
#side {position:fixed; top:0; left:-260px; width:260px; height:100%; overflow:auto; background-color:#1b1d21; z-index:10;}
html.ginger-bread #side {position:absolute;}
#side .search {position:relative; padding-left:16px; height:45px; background-color:#484848;}
#side .search input[type="search"] {position:absolute; top:11px; left:20px; height:25px; width:185px; font-size:11px; padding:0 0 0 24px; color:#333; border:0 none; background: #626262 url('../images/mobilehome/svg/iconSearch.png') no-repeat 7px 50%; background-size:10px;}
#side .search input::-webkit-input-placeholder {color:#fff;}
#side .search input::-webkit-search-cancel-button {-webkit-appearance:none;}
#side .search input:-moz-placeholder {color:#333;}
#side .search.search-ing input[type="search"] {background-image:none; padding:0 0 0 5px}
#side .search .to-home {width:25px; height:25px; position:absolute; top:11px; right:16px; font-size:0; color:rgba(0,0,0,0); background:url('../images/mobilehome/svg/btnHome.png') no-repeat center; background-size:25px 25px;}
#side .search .btn-1 {display:none; position:absolute; right:20px; top:13px; width:23px; height:23px; font-size:0; color:rgba(0,0,0,0); text-align:center; line-height:30px; color:#1b1d21; z-index:11; background:url('../images/mobilehome/svg/btnSearch.png') no-repeat center; background-size:23px 23px;}
#side .search .btn-1.show {display:block;}
#side .search .btn-1.show + * + .to-home {opacity:0;}
#side .search .del {display:none; position:absolute; top:14px; right:57px; font-size:0; color:rgba(0,0,0,0); overflow:hidden; width:20px; height:20px; background:url('http://m.ehyundai.com/images/mobilehome/svg/icon_search_del.png') no-repeat center; background-size:14px;}
#side .point{height:20px;text-align:center;padding:12px 0;color:#ccc;line-height:20px;font-size:15px;background-color:#303030;border-top:1px solid #4a4a4a;}
#side .point a{display:inline-block;line-height:20px;padding-left:30px;font-size:11px;color:#ccc;background:url('../images/mobilehome/svg/iconPoint.png') no-repeat left top; background-size:20px 20px;}

#side .fix-menu {position:relative;margin:15px 20px 0; text-align:center; border:1px solid #323232; border-top:none; background:#232323;}
#side .fix-menu:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#side .fix-menu:before {content:''; position:absolute; top:0; bottom:0; width:0; overflow:hidden; height:100%; left:50%; border-left:1px solid #323232;}
#side .fix-menu a {display:block; font-size:11px; padding:44px 0 0; height:11px; line-height:11px;}
#side .fix-menu > p {position:relative; width:50%; height:67px; float:left;border-top:1px solid #323232;}
#side .fix-menu > p:first-child {padding-top:0;}
#side .fix-menu > p:last-child {padding-bottom:0;}
#side .fix-menu.top {border-bottom:1px solid #383b43;}
#side .fix-menu.top a {color:#ccc;}
#side .fix-menu.top a:before {position:absolute; top:0; left:0; content:''; width:100%; height:21px; margin-top:13px;display:inline-block; vertical-align:top; background-position:center ; background-repeat:no-repeat; background-size:contain;}
#side .fix-menu.top .floor a:before {background-image:url('../images/mobilehome/svg/iconSlideFloor.png');}
#side .fix-menu.top .dining a:before {background-image:url('../images/mobilehome/svg/iconSlideDining.png');}
#side .fix-menu.top .shopping a:before {background-image:url('../images/mobilehome/svg/iconSlideShopping.png');}
#side .fix-menu.top .map a:before {background-image:url('../images/mobilehome/svg/iconSlideMap.png');}

#side .tree-menu {padding-top:5px;}
#side .tree-menu li.sub {height:40px; overflow:hidden; -moz-transition:height .5s; -webkit-transition:height .5s; transition:height .5s;border-bottom:1px solid #353535;}
#side .tree-menu li.sub.active {height:auto;}
#side .tree-menu a {display:block; padding:0 20px; font-family:'Hyundai_R1012';}
#side .tree-menu > ul > li > a {position:relative; height:40px; line-height:40px; color:#ccc; font-size:12px;}
#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:18px; 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 > ul {background-color:#484848;}
#side .tree-menu li li a {position:relative; height:42px; padding:0 25px; color:#d2d2d2; font-size:11px; line-height:42px; border-top:1px solid #353535;}
#side .tree-menu li li a:after {position:absolute; width:5px; height:8px; right:16px; top:50%; margin-top:-5px; background:url('../images/mobilehome/svg/iconLinkArr_sub.png') no-repeat center; background-size:100%;}
#side .working_time{position:relative; margin:20px 0 0 20px;padding:0 0 35px 56px;color:#d2d2d2;font-size:11px; line-height:24px;}
#side .working_time:after{content:''; position:absolute; width:38px; height:48px; top:0; left:0; background:url('../images/mobilehome/svg/iconTime.png') no-repeat center; background-size:100%;}

#side .working_time_en{position:relative; margin:20px 0 0 20px;padding:0 0 35px 56px;color:#d2d2d2;font-size:11px; line-height:24px;}
#side .working_time_en:after{content:''; position:absolute; width:38px; height:48px; top:0; left:0; background:url('../images/mobilehome/svg/iconTime_en.png') no-repeat center; background-size:100%;}

#side .working_time_cn{position:relative; margin:20px 0 0 20px;padding:0 0 35px 56px;color:#d2d2d2;font-size:11px; line-height:24px;}
#side .working_time_cn:after{content:''; position:absolute; width:38px; height:48px; top:0; left:0; background:url('../images/mobilehome/svg/iconTime_cn.png') no-repeat center; background-size:100%;}

/* footer */

#footer {margin-top:0; width:100%;}
.footer {position:relative; background:#e0e0e0;}
.footer:after {content:''; clear:both; display:block; height:0;}
.footer .sns {float:left;padding:11px 0 10px;}
.footer .sns ul{float:left;margin-left:16px;}
.footer .sns ul:after{content:''; clear:both; display:block; height:0;}
.footer .sns ul li {width:25px;float:left;padding:0 0 0 7px;}
.footer .sns ul li:first-child {padding:0;}

/*
.footer .foot_ul {float:right;text-align:center; margin:11px 15px 10px 0;border:1px solid #000;background:#f5f5f5;border-radius:3px;}
.footer .foot_ul li{width:62px;text-align:center;float:left;border-right:1px solid #000;}
*/

/*
.footer .foot_ul li:last-child{border:none; background:#000;}
.footer .foot_ul li a {width:60px;line-height:25px;}
*/

.footer .foot_ul {float:right; margin:11px 15px 10px 0; border:1px solid #000;background:#f5f5f5;}
.footer .foot_ul:after {content:''; clear:both; display:block; height:0;}
.footer .foot_ul li {width:62px;text-align:center;float:left; border-right:1px solid #000;}
.footer .foot_ul li:last-child{border:none;}
.footer .foot_ul li a {width:100%; font-size:11px; display:block; text-align:center; height:27px; line-height:27px;}
.footer .foot_ul li.menu1 {width:77px;}
.footer .foot_ul li.menu2 {width:70px;}

.footer .foot_ul li select{width:62px;height:27px;font-size:12px;border:none;color:#fff;line-height:25px;padding:0 10px;background:#000 url('../images/mobilehome/svg/btnLanguage.png') no-repeat 42px center; background-size:5px 3px;}
.footer .copyright {clear:both; padding:10px 0 14px; line-height:17px; text-align:center; color:#323232; font-size:11px; border-top:1px solid #cdcece;}

/*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('http://m.ehyundai.com/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('http://m.ehyundai.com/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;}

/* 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('http://m.ehyundai.com/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('http://m.ehyundai.com/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('http://m.ehyundai.com/images/mobilehome/svg/svgArrLeft.png');}
.swipe-btn .next {border-right:0; right:0; background-image:url('http://m.ehyundai.com/images/mobilehome/svg/svgArrRight.png');}
/* main */
.main-container {position:relative;}
.main-container + #footer {margin-top:0;}
#slider {position:relative; z-index:2; float:left; height:100%; font-size:26px; padding-top:25px;-webkit-transform:translate3d(0,0,0);}
.swipe-item {-webkit-box-sizing:border-box; position:relative; z-index:3;  display:block; float:left; width:100%; background:transparent; -webkit-transform:translate3d(0,0,0);}
.swipe-item .image {display:block;}
.main-container .bul-wrap {text-align:center; position:absolute; z-index:10; top:0; left:0; right:0; height:5px; padding:10px 0;background-color:#3d3d3d; line-height:1px;font-size:1px;}
.main-container .bul-wrap a {background:#646464; display:inline-block; width:5px; height:5px; border-radius:5px; margin:0 3px; vertical-align:middle;}
.main-container .bul-wrap a:last-child {margin-right:0;}
.main-container .bul-wrap a.active {background:#f12020;}

/* login */
.login_img{display:block;width:42px;height:52px; margin:26px auto 20px; background:url('../images/img_login.png') no-repeat 0 0; background-size:100%;}
.login_txt{margin:0 0 20px;text-align:center;font-family:'Hyundai_B1012'; font-size:15px;}
.wrap_member{position:relative; padding:22px 20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.wrap_member .cell{}
.wrap_member .cell label{width:57px; height:37px; line-height:37px;}
.wrap_member .cell input[type="text"], .wrap_member .cell input[type="password"]{padding-right:20px;}
.wrap_member .form-item {padding:7px 0;}
.wrap_member .form-item .cell{width:10%;}
.wrap_member .form-item .cell.txt-wrap{width:90%; padding-right:102px;}
.wrap_member .login_btn{position:absolute; top:29px; right:20px;}
.wrap_member .login_btn .btnText {display:inline-block; width:86px; height:86px; line-height:86px; font-family:'Hyundai_B1012'; font-size:14px; color:#fff; background-color:#222;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;border-radius: 2px;}
.wrap_member .login_info_save{padding-left:63px;}
.wrap_member .login_info_save label{color:#626262;}
.wrap_member .mem_btn .cell{width:50%;}
.wrap_member .mem_btn .cell:first-child{padding-right:5px;}
.wrap_member .mem_btn .cell:last-child{padding-left:5px;}
.wrap_member .mem_btn a{width:100%;text-align:center;display:inline-block;line-height:29px;border:1px solid #000;border-radius:3px;background:#f3f3f3;}
/* 아이디& 비밀번호 찾기 */
.find_txt{margin:20px 30px;font-family:'Hyundai_B1012'; font-size:15px;}
.wrap_find{position:relative; padding:13px 20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.wrap_find .cell{}
.wrap_find .cell label{width:57px; height:37px; line-height:37px;}
.wrap_find .cell input[type="text"], .wrap_find .cell input[type="password"]{padding-right:20px;}
.wrap_find .form-item {padding:7px 0;}
.wrap_find .form-item .cell{width:10%;}
.wrap_find .form-item .cell.txt-wrap{width:90%;}
.wrap_find .form-item .cell.txt-wrap2{width:45%;}
.wrap_find .form-item .cell.txt-wrap3{width:30%;}
.wrap_find .form-item .cell.txt-wrap_tel{width:28%;}
.wrap_find .form-item .cell.txt-wrap_bar{width:3%;color:#ccc;}
.wrap_find .login_btn{position:absolute; top:29px; right:20px;}
.wrap_find .login_btn .btnText {display:inline-block; width:86px; height:86px; line-height:86px; font-family:'Hyundai_B1012'; font-size:14px; color:#fff; background-color:#222;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;border-radius: 2px;}
.wrap_find .login_info_save{padding-left:63px;}
.wrap_find .login_info_save label{color:#626262;}
.wrap_find .mem_btn .cell{width:50%;}
.wrap_find .mem_btn .cell:first-child{padding-right:5px;}
.wrap_find .mem_btn .cell:last-child{padding-left:5px;}
.wrap_find .mem_btn a{width:100%;text-align:center;display:inline-block;line-height:29px;border:1px solid #000;border-radius:3px;background:#f3f3f3;}
.find_result_txt{text-align:center;padding:80px 0;border-bottom:1px solid #ccc;}
.find_result_txt strong{font-size:15px;font-weight:bold;}

/* 매장안내 > 층별안내 */
.store_info {border-top:1px solid #ccc;}
.store_info ul li {padding:0 15px 0 17px; line-height:44px; border-bottom:1px solid #ccc;}
.store_info ul li .storeTit{position:relative;}
.store_info ul li .storeTit img {width:55px; height:44px; margin-right:15px; border:1px solid #ccc;}

/*
.store_info ul li .storeTit .floor {width: 33px; display:inline-block; font-weight:bold; font-size:18px;color:#000;}
.store_info ul li .storeTit .cate {font-size:15px; color:#626262;}
*/

.store_info ul li .storeTit .floor {width: 33px; display:table-cell; font-weight:bold; font-size:18px;color:#000;}
.store_info ul li .storeTit .cate {display:table-cell; width:auto; height:23px; line-height:23px; padding:5px 17px 5px 5px; vertical-align:middle; font-size:15px; color:#626262; word-break:break-all;}

.store_info ul.bul li .storeTit .cate {padding-left:26px; background:url('../images/store/bul3dot.png') no-repeat left center; background-size:11px 3px;}
.store_info ul li .storeTit:after {content:''; position:absolute; top:50%; right:0; width:6px; height:10px; margin-top:-4px; background:url('../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 10px;}

/* 상단 스크롤 박스
.top_menu_box {position:relative; overflow:hidden; padding:15px 57px; border-top:1px solid #ccc;}
.top_menu_box li.on a span{color:#855b00; }
.top_menu_slide .prev a, .top_menu_slide .next a{height:41px; width:41px; position:absolute; top:15px; line-height:41px; border:1px solid #ccc; border-radius:3px; z-index:2}
.top_menu_slide .prev a{left:15px; background: url('../images/mobilehome/svg/btnPrev.png') no-repeat center center; background-size:7px 12px;}
.top_menu_slide .next a{right:15px; background: url('../images/mobilehome/svg/btnNext.png') no-repeat center center; background-size:7px 12px;}
.top_menu{overflow:hidden;}
.top_menu li{width:33.3%;height:43px;float:left;overflow:hidden; position:relative;background: url('../images/mobilehome/svg/bar_top_menu.png') no-repeat left center, url('../images/mobilehome/svg/bar_top_menu.png') no-repeat right center;}
.top_menu li:first-child{background: url('../images/mobilehome/svg/bar_top_menu.png') no-repeat right center;}
.top_menu li:last-child{background: url('../images/mobilehome/svg/bar_top_menu.png') no-repeat left center;}
.top_menu li a{overflow:hidden; display:block; text-align:center; white-space:nowrap;}
.top_menu li a span{position:relative; display:block;line-height:43px; font-size:15px;} */

/* 매장안내 > 층별안내 상세 */
.floorFx-body {position:absolute; top:121px; 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;}
.floorNum {position:fixed; top:121px; left:0; width:56px; bottom:0; overflow:auto; z-index:22; background-color:#fff;}
.floorNum li {display:block; width:56px; height:43px; line-height:43px; text-align:center; font-weight:bold; font-size:18px;color:#000; border-top:1px solid #cccccc; background-color:#fff; }
.floorNum li.selected {color:#fff; background-color:#000;}
.floorNum li:first-child.selected {border-top:1px solid #b2b2b2;}
.floorNum li:last-child {border-bottom:1px solid #cccccc;}
.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:21px 12px; 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:21px 12px; 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%; border-top:1px solid #ccc; background-color:#e8e8e8;}
.floor-search {height:30px; padding:7px 8px 20px 8px;}
.innerFr .floor-title {position:relative; margin:0 15px; font-size:17px;  font-family:'Hyundai_B1012'; color:#000;border-bottom:1px solid #797979; }
.innerFr .floor-title:after {content:''; display:block; clear:both; height:0;}
.innerFr .floor-title > p {padding:5px 32px 0 0; word-break:break-all;}
.innerFr .floor-title .currentNum {display:inline-block; font-size:30px; margin-right:16px; line-height:50px; 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:16px; 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_En {position:absolute; top:16px; right:0; width:26px; height:26px; display:inline-block; text-indent:-999px; overflow:hidden; background:#333 url('../images/mobilehome/svg/svgIcon_floor_En.png') no-repeat right center; background-size:26px 26px;}
.innerFr .floor-title .btnFloor_Cn {position:absolute; top:16px; right:0; width:26px; height:26px; display:inline-block; text-indent:-999px; overflow:hidden; background:#333 url('../images/mobilehome/svg/svgIcon_floor_Cn.png') no-repeat right center; background-size:26px 26px;}

.innerFr .floor_Iscroll {margin:0 14px;}
.innerFr .section {margin-top:5px;}
.innerFr .section + .section {margin-top:13px;}
.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;}
.hdStore .search-list table {width:100%;margin-bottom:50px;}
.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 .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 .item {/*color:#;*/}
.hdStore .search-list table .item span {color:#626262;}


/* search_box */
.search_box{padding:15px 15px;}
.search_box cell:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.sel_search{border-right:none !important;}
.btnSearch{width:36px;height:36px;display:inline-block; margin-left:-6px; background: url('../images/mobilehome/svg/btnSearch2.png') no-repeat 0 0; background-size:36px 36px;}

/* ECO전단
.eco_list {padding:0 15px;}
.eco_list ul li{position:relative; padding:15px 0; font-size:15px; border-bottom:1px solid #ccc;}
.eco_list ul li:after {content:''; position:absolute; top:50%; right:0; width:6px; height:10px; margin-top:-4px; background:url('../images/mobilehome/svg/svgArrRight.png') no-repeat right center; background-size:6px 10px;}
.eco_list ul li strong{display:block; font-weight:bold; padding-bottom:5px;}
.eco_list ul li a span {display:block; color:#626262;}
.img_area{padding:0 15px;} */

/* 쇼핑정보 */
.shopping_count {padding:17px 15px 7px; font-size:12px; line-height:21px;}
.shopping_count strong {color:#e71e10;}
.shopping_list{padding:0 8px;}
.shopping_list ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.shopping_list ul li {
    display: inline-block;
    width: 100%;
    margin-right: -4px;
    text-align: center;
    vertical-align: top;
}
.shopping_list ul li a {
    display: block;
    padding: 10px;
}
.shopping_list ul li .sh_mv {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    text-align: left;
}
.shopping_list ul li .sh_mv:after {
    content: '';
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.shopping_list ul li img {
    margin-bottom: 10px;
}
.shopping_list ul li strong {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.shopping_list ul li span {
    display: block;
    color: #898989;
    font-size: 15px !important;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -1px;
}
/* 식당가 안내 */
#Food_List.shopping_list ul li {
    width: 50%;
}
#Food_List.shopping_list ul li a {
    padding: 10px 7px;
}
.shopping_list ul li .sh_mv {
    text-align: center;
}
#Food_List.shopping_list ul li .sh_mv:after {
    border: 1px solid #ccc;
}
#Food_List.shopping_list ul li strong {
    font-size: 12px;
    line-height: inherit;
}
#Food_List.shopping_list ul li span {
    color: #626262;
    font-size: 10px !important;
    line-height: 18px;
    font-weight: normal;
}
/* 문화공연 */
.culture_detail {padding:22px 15px;}
.culture_detail .cnt{margin-bottom:22px; font-weight:bold; line-height:24px; font-size:15px;}
.culture_detail .cnt strong{font-weight:bold; color:#e71e10;}
.culture_detail .img{padding:0 2px 0 0;}
.culture_detail .img img{margin-bottom:22px;}
.culture_detail .culture_info h4{margin-bottom:10px; font-weight:bold; line-height:24px; font-size:15px;}
.culture_detail .culture_info table{width:100%;}
.culture_detail .culture_info table thead th{background:#f1f1f1;}
.culture_detail .culture_info table th{font-weight:bold;}
.culture_detail .culture_info table th, .culture_detail .culture_info table td{padding:0 5px;text-align:center;line-height:34px;border:1px solid #ccc;}
.culture_detail .desc{color:#626262;}
/* 행사안내 상세 타이틀 */
.event_header{position:relative; height:43px; padding:15px 55px; }
.event_header .prev, .event_header .next{height:41px; width:26px; position:absolute; top:15px; border:1px solid #ccc; border-radius:3px;}
.event_header .prev{left:15px; background: #fff url('../images/mobilehome/svg/btnPrev.png') no-repeat center center; background-size:7px 12px;}
.event_header .next{right:15px; background: #fff url('../images/mobilehome/svg/btnNext.png') no-repeat center center; background-size:7px 12px;}
.event_header .tit strong{display:block; margin-bottom:10px; font-weight:bold; font-size:15px;}
.event_header .tit ul:after {content:"";display:block; clear:both; height:0; visibility:hidden;}
.event_header .tit ul li {width:50%;float:left;}
.event_header .tit ul li span{display:block; padding:2px 0 0 6px;color:#626262; line-height:11px; border-left:3px solid #5f5f5f;}

/* 고객서비스 > 멤버십제도 */
.txt-area1{margin:20px 15px;}
.txt-area1 h3{font-size:15px;font-weight:bold;color:#000;}
.txt-area1 h4{margin-top:25px;padding-left:57px;line-height:40px;font-size:15px;font-weight:bold;color:#000;}
.txt-area1 h4.point{background:url('../images/service/iconPoint.png') no-repeat left center;background-size:45px 34px;}
.txt-area1 h4.point_validity{background:url('../images/service/iconPointValidity.png') no-repeat 2px center;background-size:43px 40px;}
.txt-area1 h4.point_exchange{background:url('../images/service/iconPointExchange.png') no-repeat left center;background-size:44px 33px;}
.txt-area1 h4.point_exchange_way{background:url('../images/service/iconPointExchangeWay.png') no-repeat left center;background-size:47px 41px;}
.txt-area1 p{margin-top:13px;color:#626262;}

.txt-area2{margin:20px 15px;}
.txt-area2.bg_vip{background:url('../images/service/bg_vip.png') no-repeat right 57px;background-size:82px 66px;}
.txt-area2.topLine{margin:0;padding:20px 15px;border-top:1px solid #ccc; margin-top:20px; padding-top:40px;}
.txt-area2 h3{font-size:15px;font-weight:bold;color:#000;}
.txt-area2 h3 strong{font-weight:bold;color:#e71e10;}
.txt-area2 h4{margin-top:25px;font-size:15px;font-weight:bold;color:#000;}
.txt-area2 h4 strong{font-weight:bold;color:#e71e10;}
.txt-area2 h5 {
    margin-top:25px;
    color: #626262;
}
.txt-area2 p{margin-top:13px;color:#626262;line-height:18px;}
.txt-area2 p strong {
    font-weight: bold;
}
.txt-area2 ul{margin-top:13px;color:#626262;}
.txt-area2 ul li{margin-bottom:5px;padding-left:12px;text-indent:-12px;line-height:18px;}
.txt-area2 ul li ul{padding-left:20px;}

/* 고객서비스 > 포인트조회 */
/*.bnsCard a:first-child span{display:none;}
.bnsCard a:first-child{background:url('../images/service/tab_card_off.png') no-repeat center center; background-size:36px 25px;}
.bnsCard a:first-child.current{background:#000 url('../images/service/tab_card_on.png') no-repeat center center; background-size:36px 25px;}
.bnsCard~.tab-cont{border-top:1px solid #ccc;}*/
.bonusCard{margin:20px 15px; background: url('../images/service/bg_card.png') no-repeat right top; background-size:50px 40px;}
.bonusCard h3{margin-bottom:15px; font-weight:bold; font-size:15px; line-height:23px; color:#000;}
.bonusCard h3 span{color:#e71e10;}
.bonusCard p{margin-bottom:15px; line-height:18px; color:#626262;}
.bonusCard p strong{font-weight:bold;color:#e71e10;}
.bonusCard .card{position:relative; background: url('../images/service/bg_bonusCard.png') no-repeat right top;background-size:100%;}
.bonusCard .card .txt_logout{width:100%;height:100%;text-align:center;position:absolute;top:0;left:0;background: url('../images/service/bg_bonusCard_blind.png') no-repeat left top;background-size:100%;}
.bonusCard .card .txt_logout span{width:100%;position:absolute;top:35%;left:0;color:#fff;font-size:18px;font-weight:bold;}
.bonusCard .card .card_number{position:absolute;top:40%;left:0;padding:0 5%;}
.bonusCard .card .card_number li{width:34%;float:left;padding:0 2.5%;}
.bonusCard .card .card_number li:first-child{width:17%;}
.bonusCard .card .card_number input{width:100%;height:35px;border:2px solid #929292;text-align:center;font-size:18px;}
.bonusCard .card .point{position:absolute;bottom:15px;right:15px;width:193px;height:43px;text-align:center;line-height:43px;color:#fff; background:#000; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.bonusCard .card .point span{font-size:15px;}
/* 고객서비스 > 포인트조회 > 사용내역 */
.point_tit{margin:20px 15px 10px; font-size:15px;font-weight:bold;color:#000;}
.point_detail{margin:10px 15px; padding:10px; border:1px solid #ccc;}
.point_detail li{line-height:19px;}
.point_detail li:before{content:''; display:inline-block; margin-right:5px; margin-bottom:3px; vertical-align:middle; width:8px; height:10px; background:url('../images/mobilehome/svg/bar_top_menu.png') no-repeat left center; background-size:3px 3px;}
.point_detail li span{color:#626262;}
.point_detail li span.red{color:#f12020;}
.tbl_style02 {margin:0 15px; }
.tbl_style02 table {width:100%;border-top:1px solid #d7d7d7;}
.tbl_style02 table tr {border-bottom:1px solid #d7d7d7;}
.tbl_style02 table th,
.tbl_style02 table td {padding:7px 0; text-align:left; font-size:12px; vertical-align:middle; line-height:15px;}
.tbl_style02 table td.center{text-align:center;}
.tbl_style02 table td strong{font-weight:bold;}
.tbl_style02 table td ul{margin-bottom:10px;}
.tbl_style02 table td ul li{color:#626262; line-height:18px;}
.tbl_style02 table td .point span{width:50%;float:left;line-height:17px;}
.tbl_style02 table td .point span.plus{color:#e71e10;}
.tbl_style02 table td .point span.minus{color:#000;}
.tbl_style02 table td .point span a{width:17px;height:17px;text-align:center;display:inline-block;color:#fff;}
.tbl_style02 table td .point span.plus a{background:#e71e10;}
.tbl_style02 table td .point span.minus a{background:#000;}

/* 고객서비스 > 편의시설 */
.tbl_style03 {padding:0 15px;}
.tbl_style03 table {width:100%;}
.tbl_style03 table tr {border-top:1px solid #dfdfdf;}
.tbl_style03 table tr:first-child{border:none;}
.tbl_style03 table th,
.tbl_style03 table td {padding:7px 0; text-align:left; font-size:12px; vertical-align:middle; line-height:26px;}
.tbl_style03 table th{font-weight:bold;color:#000;}
.tbl_style03 table td{text-align:right;color:#626262;}
.tbl_style03 table td.txt{text-align:left;}
.tbl_style03 table td.txt ul li{margin-bottom:5px;padding-left:12px;text-indent:-12px;line-height:18px;color:#626262;}

/* 고객서비스 > 상품권 */
.gift_certificates:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.gift_certificates .img{width:31%; float:left;padding-right:4%;}
.gift_certificates .txt{width:65%; float:left;font-size:15px; font-weight:bold; line-height:19px; color:#000;}
.gift_certificates .txt strong{font-weight:bold; color:red;}

/* 고객서비스 > 자주묻는질문 */
.faq_list{margin:0 15px; border-top:1px solid #ccc;}
.faq_list dt, .faq_list dd{padding:17px 0;line-height:18px;border-bottom:1px solid #ccc;}
.faq_list dt{position:relative;}
.faq_list dt a{color:#626262;}
.faq_list dt{background: url('../images/mobilehome/svg/iconFaqArr.png') no-repeat right center; background-size:45px 25px;}
.faq_list dt.hide{background: url('../images/mobilehome/svg/iconFaqArr_open.png') no-repeat right center; background-size:45px 25px;}
.faq_list dd{display:none;padding-left:25px;color:#e71e10;background: url('../images/mobilehome/svg/bulFaq.png') no-repeat 13px 22px; background-size:3px 5px;}

/* 마리오아울렛 소개 > 회사소개 */
.txt-area2 h4:after{content:"";display:block; clear:both; height:0; visibility:hidden;}
.txt-area2 h4 span{display:block;line-height:24px;}
.txt-area2 h4 span.right{float:right;padding-right:17px;}

/**/
.way-area{margin:20px 15px;}
.way-area h3{line-height:24px;font-weight:bold;color:#000;}
.way-area h3 strong{font-weight:bold;color:#e71e10;}
.way-area h4{height:28px;margin-top:20px;padding-left:38px;line-height:28px;font-size:14px;font-weight:bold;color:#000;}
.way-area h4.subway{background: url('../images/info/iconSubway.png') no-repeat left center; background-size:28px 28px;}
.way-area h4.bus{background: url('../images/info/iconBus.png') no-repeat left center; background-size:28px 28px;}
.way-area h4.airplane{background: url('../images/info/iconairplane.png') no-repeat left center; background-size:28px 28px;}
.way-area h4.location{background: url('../images/info/iconLocation.png') no-repeat left center; background-size:28px 28px;}
.way-area h4.car{background: url('../images/info/iconCar.png') no-repeat left center; background-size:28px 28px;}
.way-area h4.parking{background: url('../images/info/iconParking.png') no-repeat left center; background-size:28px 28px;}
.way-area p{margin-top:15px;line-height:18px;color:#626262;}
.way-area p strong{font-weight:bold;;color:#e71e10;}
.way-area ul{margin-top:15px;}
.way-area ul li{line-height:18px;margin-bottom:5px;color:#626262;}
.way-area ul.subway li .subway1{font-weight:bold;color:#365abc;}
.way-area ul.subway li .subway7{font-weight:bold;color:#889823;}
.way-area dl.bus{margin-top:15px;}
.way-area dl.bus dt{font-weight:bold;color:#e71e10;line-height:18px;}
.way-area dl.bus dd{margin-bottom:20px;}
.way-area dl.bus dd ul{padding-left:65px;margin-top:-18px;line-height:18px;}
.way-area dl.bus dd ul li{color:#626262;}
.way-area dl.bus dd ul li strong{margin-left:-12px;font-weight:bold;color:#323232;}
.way-area ul.location li{padding-left:37px;text-indent:-37px;}
.way-area ul.location li span{font-weight:bold;color:#e71e10;}

/* 통합검색 */
.total_search_list{}
.total_search_list dt{position:relative; padding:12px 15px;line-height:38px; font-size:15px; font-weight:bold; border-top:1px solid #ccc; }
.total_search_list dt.line2{line-height:16px;}
.total_search_list dt.line2 span{display:block;font-size:9px;letter-spacing:-1px;}
.total_search_list dt:after{content:""; position:absolute; top:10px; right:15px; width:40px; height:41px; border:1px solid #ccc; border-radius:3px; background: #fff url('../images/mobilehome/svg/icontoggleArr_open.png') no-repeat center center; background-size:10px 6px;}
.total_search_list dt.hide:after{content:""; position:absolute; top:10px; right:15px; width:40px; height:41px; border:1px solid #ccc; border-radius:3px; background: #fff url('../images/mobilehome/svg/icontoggleArr.png') no-repeat center center; background-size:10px 6px;}
.total_search_list dt a{display:block; padding-left:48px;}
.total_search_list dt.store a{background: url('../images/mobilehome/svg/iconSearchStore.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.dining a{background: url('../images/mobilehome/svg/iconSearchDining.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.shopping a{background: url('../images/mobilehome/svg/iconSearchShopping.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.baby a{background: url('../images/mobilehome/svg/iconSearchBaby.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.ev a{background: url('//cdn.mariooutlet.co.kr/images/common/ev_m.jpg') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.interpreting a{background: url('../images/mobilehome/svg/iconSearchInterpreting.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.rest a{background: url('../images/mobilehome/svg/iconSearchRest.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.tax a{background: url('../images/mobilehome/svg/iconSearchTax.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dt.dcc a{background: url('../images/mobilehome/svg/iconSearchDcc.png') no-repeat left center; background-size:38px 38px;}
.total_search_list dd{border-top:1px solid #ccc; }
.total_search_list dd p.no_info{text-align:center;padding:32px 0;}
.total_search_list dd p.no_info span{display:inline-block;padding-left:29px;line-height:22px;font-size:11px;background: url('../images/mobilehome/svg/iconSearchNo.png') no-repeat left center; background-size:22px 22px;}
.total_search_list dd .tbl_style01{border:none;}

/* paging */
.paging{position:relative;height:42px; padding:15px 0; text-align:center; line-height:42px; color:#626262; font-size:15px; letter-spacing:1px; border-bottom:1px solid #ccc;}
.paging strong{font-weight:bold; color:#855b00;}
.paging .first, .paging .prev, .paging .next, .paging .last{height:40px; width:40px; position:absolute; top:15px; border:1px solid #ccc;}
.paging .first{left:15px; border-radius:3px 0 0 3px; background: url('../images/mobilehome/svg/btnFirst.png') no-repeat center center; background-size:14px 12px;}
.paging .prev{left:56px; border-radius:0 3px 3px 0; background: url('../images/mobilehome/svg/btnPrev.png') no-repeat center center; background-size:7px 12px;}
.paging .next{right:56px; border-radius:3px 0 0 3px; background: url('../images/mobilehome/svg/btnNext.png') no-repeat center center; background-size:7px 12px;}
.paging .last{right:15px; border-radius:0 3px 3px 0; background: url('../images/mobilehome/svg/btnLast.png') no-repeat center center; background-size:14px 12px;}
/* prevNext */
.prevNext{margin:0 15px;}
.prevNext li{font-size:15px; line-height:50px; border-bottom:1px solid #ccc;}
/* btn */
/*.btn_area{margin:15px; text-align:right;}*/
.btn_area{margin: 15px; text-align: center; } 
.btnList {display: inline-block; height: 30px; padding: 0 68px;}
.btn_areaC{margin:15px; text-align:center;}
.btnList{display:inline-block; height:30px; padding:0 25px; color:#fff; line-height:30px; font-size:12px; background:#000; border-radius:3px;}
.btnStyle01{display:inline-block; height:30px; padding:0 25px; color:#fff; line-height:30px; font-size:12px; background:#000; border-radius:3px;}

/* btn-more */
.btn-more{text-align:center;}
.btn-more a{width:30%;display:inline-block; margin:15px 15px; padding:10px; line-height:14px; text-align:center; border:1px solid#ccc; background:#ececec;}
/*.btn-more a span{display:inline-block; padding-left:23px; font-size:15px; line-height:14px; background-image:url('../images/mobilehome/svg/bg_btnMore.png'); background-repeat:no-repeat; background-position:0 50%; background-size:14px 14px;}*/

/* media query */
@media(min-width:641px){
    .wrapper {padding-left:260px; margin:0; background-color:#1b1b1b;}
    #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 .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;}
}



/* 2015.02.27 add for floorMap  */

/* 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;}
.footer:after {content:''; clear:both; display:block; height:0;}
.footer .wrap_footer {float:left; border:1px solid #666; border-right:0;}
.footer .copyright {clear:both; padding-top:10px; font-size:11px; text-align:center; color:#000; opacity:0.6;}
.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 .box_lang {position:relative;}
.footer .box_lang .cell {height:27px;}
.footer .box_lang select {border:0 none; padding:5px 3px 5px 8px; min-height:0; line-height:17px; height:27px; font-size:11px; color:#333;}
.footer .btnTop {float:right; margin-right:12px; padding-left:8px; display:block; width:42px; height:29px; background:#000; color:#fff; line-height:24px; font-size:11px;}
.footer .btnTop .iconTop {display:block; padding-left:13px; line-height:29px;}
*/

.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:'Hyundai_B1012'; color:#fff;}
.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 {}