@charset "utf-8";

@import url('cw.css');
@import url('font.css');/*20200603*/

html { -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }/* lst 2016-09-21*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font-style:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body{line-height:1;-webkit-text-size-adjust:none;font-family: 'Helvetica', Arial, Verdana, sans-serif;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
.scrollFixedCss{-webkit-transform:translateZ(0);transform:translateZ(0)}
body{font-size:13px;color:#666}
a{color:#333;text-decoration:none;outline:none}
area{outline:none}
img{max-width:100%}
.asterisk{margin:0 5px;color:#ec555e;}/*lst 20170913*/
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.ic_comm{display:inline-block;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.ic_bg_icon{display:inline-block;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_bg_icon.png);background-repeat:no-repeat;background-size:300px 300px}
#header .header-top .logo a,#header .header-top a.btn-ht-category,#header .header-top a.btn-ht-search,.utilbar li a:before{display:inline-block;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_main.png?v=20201112);background-repeat:no-repeat;background-size:300px 300px}
#bottomMessageBox{position:fixed;z-index:10000;left:20px;right:20px;bottom:60px;font-size:12px;color:#fff;line-height:1.4;padding:8px 10px;text-align:center;background-color:rgba(51,51,51,0.8)}/*lst 2017-02-15*/
.header-banner{padding:12px 16px;background-color:#45675b;text-align:center}
.header-banner span{display:block;font-size:13px;color:#fff;text-align:center;line-height:20px}
#wrap.header-hide #header{display:none}
#wrap.utilbar-hide #hdmUtilbar,.is-app #hdmUtilbar{display:none}
.utilbar-hide #footer,.is-app #footer{padding-bottom:1px}
.footer-hide #footer { display: none; }
#footer.is-app{padding-bottom:0}
#footer.is-app .foot-link-top {display:none;}/* lst 20190502 */
#footer.is-app + #hdmUtilbar{display:none}
#header{position:relative;background-color:#fff}
#header .header-top{height:50px;box-sizing:border-box;border-bottom:1px solid #c1c1c1;background-color:#fff;position:relative}
#header .header-top a.btn-ht-category,#header .header-top a.btn-ht-search{position:absolute;width:30px;height:30px;top:11px}
#header .header-top a.btn-ht-category{left:12px;background-position:-165px 0}
#header .header-top a.btn-ht-search{right:12px;background-position:-200px 0}
#header .header-top .logo a{position:absolute;left:50%;top:11px;width:155px;height:30px;margin-left:-80px;background-position:0 0}
#header .header-gnb{height:38px}
#header .header-gnb ul{height:inherit}
#header .header-gnb li{float:left;height:inherit}
#header .header-gnb li.m1{width:19%}
#header .header-gnb li.m2{width:18%}
#header .header-gnb li.m3{width:23%}
#header .header-gnb li.m4{width:17%}
#header .header-gnb li.m5{width:23%}
#header .header-gnb li a{display:block;height:inherit;padding-top:14px;font-size:13px;color:#444;font-weight:700;text-align:center;box-sizing:border-box;border-bottom:1px solid #333}
#header .header-gnb li a.on{color:#dd72bb;border-bottom:3px solid #dd72bb}
#header .header-gnb-sc{position:relative;width:100%;height:38px;overflow:hidden;background-color:#fff}
#header .header-gnb-sc .gnb-container{position:relative;height:37px;border-bottom:1px solid #fff}
#header .header-gnb-sc ul{position:relative;display:table}
#header .header-gnb-sc li{float:none;display:table-cell;width:200px;height:inherit;margin:0;white-space:nowrap;text-align:center}
#header .header-gnb-sc li a{display:inline-block;height:38px;padding:14px 5px 0;margin:0 9px;font-size:13px;color:#444;font-weight:700;text-align:center;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0)}
#header .header-gnb-sc li a.on{color:#dd72bb;border-bottom:3px solid #dd72bb}
#container{margin-bottom:100px}
.footer-hide #container{margin-bottom:50px}
.main-container{position:relative;z-index:20;overflow:hidden;margin-bottom:0!important}
.main-container .flick{overflow:hidden;visibility:hidden;position:relative}
.main-container .flick-wrap{overflow:hidden;position:relative}
.main-container .flick-panel{float:left;width:100%;position:relative;min-height:600px;overflow:hidden;background-color:#fff}
.main-container .flick.swiper-container {visibility:visible;}
.main-container .flick-wrap.swiper-wrapper {overflow:visible;position:static;height:auto;}
.main-container .flick-panel.swiper-slide{float:none;}
.main-container .flick-panel .loading-icon{margin:100px auto 0}
#footer{position:relative;padding-bottom:55px;border-top:1px solid #ccc;background-color:#eee4ee}/* lst 20190226 */
#footer .foot-wrap{position:relative;margin:0 15px 10px;font-size:11px;color:#767676;line-height:18px}
#footer .foot-wrap .mt5 {margin-top:5px;}
#footer .foot-link-wrap{display:table;width:100%}
#footer .foot-link{overflow:hidden;display:table-row;width:100%}
#footer .foot-link li{display:table-cell;border-bottom:1px solid #ccc4cc;text-align:center;white-space:nowrap;padding-bottom:1px;}/* lst 20190226 */
#footer .foot-link li a{display:block;color:#494949;line-height:40px}
#footer .foot-link-top {padding:20px 0 2px 0;}/* lst 20190226 */
#footer .foot-link-top:after {content:"";display:block;clear:both;}/*2017-02-24*/
#footer .foot-link-top div.l-box {float:left;}/* 20241217 */
#footer .foot-link-top div.r-box {float:right;}/* 20241217 */
#footer .foot-link-top div {box-sizing:border-box;width:50%;}/*2017-02-24*/
#footer .foot-link-top a {display:block;box-sizing:border-box;text-align:center;height:29px;line-height:29px;font-size:11px;color:#666;border:1px solid #666;}/*2017-02-24*/
#footer .foot-link-top div.l-box a {margin-right:5px;}/* lst 20190226 */
#footer .foot-link-top div.r-box a {margin-left:5px;}/* 20241217 */
#footer address{padding:15px 0 5px;font-style:normal}/* lst 20190226 */
#footer .copyright{font-weight:700}
#footer .go-top a{visibility:hidden;display:block;position:fixed;z-index:10000;bottom:65px;right:15px;width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_top_big.png) no-repeat;background-size:45px 45px;text-indent:-9999px;z-index:100}/* 20210907 */
.zoomin-go-top a{display:block;position:fixed;z-index:10000;bottom:15px;right:15px;width:36px;height:36px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_top.png) no-repeat;background-size:36px 36px;text-indent:-9999px;z-index:100}
.is-app #footer .go-top a{bottom:15px}
.is-app #footer .go-top a.prddetail-is-app {bottom:65px;}
.is-app #footer .foot-link-top {display:none;}/*lst 2017-03-15*/
#wrap.early-main #footer{padding-bottom:10px}
#footer .foot-familysite {padding:20px 0 20px 0;text-align:center;border-bottom:1px solid #34483b;}/*lst 20190226*/
#footer .foot-familysite p {font-weight:600;font-size:13px;color:#333;}/*lst 20190226*/
#footer .foot-familysite .site-icon {padding:15px 0 0 0;}/*lst 20190226*/
#footer .foot-familysite .site-icon a {display:inline-block;vertical-align:middle;margin:0 12px;width:38px;height:38px;font-size:0;line-height:0;text-indent:-9999px;background:url("https://image.thehyundai.com/hdsmart/images/co/sprite_footer_logo.png");background-size:224px auto;}/*lst 20190226*/
#footer .foot-familysite .site-icon a.icon-hmall {background-position:0 0;}/*lst 20190226*/
#footer .foot-familysite .site-icon a.icon-handsome {background-position:-62px 0;}/*lst 20190226*/
#footer .foot-familysite .site-icon a.icon-hfashionmall {background-position:-124px 0;}/*lst 20190226*/
#footer .foot-familysite .site-icon a.icon-hyundailivart {background-position:-186px 0;}/*lst 20190226*/
.utilbar{position:fixed;z-index:1000;left:0;right:0;bottom:0;height:50px;background-color:#fff;}
.utilbar ul{border-top:1px solid #6e6e6e;background-color:#fff}
.utilbar ul:after{content:'';clear:both;display:block}
.utilbar li{float:left}
.utilbar li.home{width:16%}
.utilbar li.category{width:17%}
.utilbar li.search{width:16%}
.utilbar li.cart{width:17%}
.utilbar li.delivery{width:17%}
.utilbar li.myhd{width:17%}
.utilbar li.history{width:17%}/*20201110*/
.utilbar li a{display:block;padding-top:5px;height:43px;font-size:10px;color:#444;font-weight:700;text-align:center}
.utilbar li a:before{content:'';display:block;width:27px;height:27px;margin:0 auto 1px}
.utilbar li.home a:before{background-position:0 -35px}
.utilbar li.category a:before{background-position:-30px -35px}
.utilbar li.search a:before{background-position:-60px -35px}
.utilbar li.cart a:before{background-position:-90px -35px}
.utilbar li.delivery a:before{background-position:-120px -35px}
.utilbar li.myhd a:before{background-position:-150px -35px}
.utilbar li.history a:before{background-position:-180px -35px}/*20201110*/
.utilbar .cart{position:relative}
.utilbar .cart .cnt{position:absolute;top:8px;left:50%;margin-left:3px;line-height:16px;background:#dd72bb;font-size:10px;font-weight:700;color:#fff;padding:0 4px;height:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;text-align:center}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {opacity: .35;filter: Alpha(Opacity=35);background-image: none;}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker{width:254px !important;padding:0 !important;margin-top:2px;font-size:13px;background:#fff;border:1px solid #ea8488 !important;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.ui-datepicker.ui-corner-all{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0 !important;background:transparent;border:0;margin-top:16px;color:#888}
.ui-datepicker .ui-datepicker-title{margin:0 0 10px !important;text-align:center}
.ui-datepicker .ui-datepicker-title select{margin:0 5px 0 10px !important;padding:2px 0 0 4px;height:22px;line-height:22px;font-size:13px !important;font-weight:400;color:#555;vertical-align:middle}
.ui-datepicker .ui-datepicker-title span{display:inline-block;margin-bottom:-2px;vertical-align:sub;color:#888;font-weight:400}
.ui-datepicker select.ui-datepicker-month-year{width:auto;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:auto !important;}
.ui-datepicker table{width:214px !important;font-size:inherit;border-collapse:collapse;margin:0 auto !important;}
.ui-datepicker th{padding:1px !important;text-align:center;font-weight:600;color:#666;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker table td .ui-state-default{display:block;padding:7px 0 4px;text-align:center;text-decoration:none;font-weight:400;color:#666;border:0;background:none}
.ui-datepicker table td .ui-state-default.ui-state-hover{color:#39594e;text-decoration:underline}
.ui-datepicker table td .ui-state-default.ui-state-active{color:#fff;background:#39594e}
.ui-datepicker table td .ui-state-default.ui-state-active:hover{text-decoration:none}
.ui-datepicker table td .ui-state-default.ui-state-highlight{color:#555;font-weight:700;background:#fbe6ef}
.ui-datepicker .ui-datepicker-buttonpane{/*height:33px;line-height:34px;*/margin:10px 0 0 !important;padding:8px 0 !important;text-align:center;background:#fff;border-top:1px solid #ccc}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:none !important;margin:0;padding:0;line-height:20px;color:#888;vertical-align:middle;border:0;opacity:1;filter:Alpha(Opacity=100);background:none}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{display:none}
.input-date-custom,.input-datepicker{width:100px}
.input-date-custom:focus,.input-datepicker:focus{padding:0 8px!important;border:1px solid #ea8488!important}
.ui-datepicker .ui-datepicker-prev{width:20px !important;height:20px !important;top:3px !important;left:15px !important;background:url(https://image.thehyundai.com/hdmall/images/co/ic_datepicker.png) no-repeat 0 0 !important;cursor:pointer !important;border:0 !important;}
.ui-datepicker .ui-datepicker-next{width:20px !important;height:20px !important;top:3px !important;right:15px !important;background:url(https://image.thehyundai.com/hdmall/images/co/ic_datepicker.png) no-repeat 0 -100px !important;cursor:pointer !important;border:0 !important;}
.ui-datepicker .ui-datepicker-prev:hover{top:2px;left:15px;border-color:#fff}
.ui-datepicker .ui-datepicker-next:hover{top:2px;right:15px;border-color:#fff}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:none !important;}
.ui-datepicker-trigger{margin-left:5px;width:30px;height:30px;font-size:0;background:#555 url(https://image.thehyundai.com/hdmall/images/co/ic_datepicker.png) no-repeat 0 -200px;border:none}
#heightCheckDIV{position:fixed;left:0;top:0;bottom:0}
.full-layer{position:fixed;z-index:1002;left:0;right:0;bottom:0;background-color:#fff;-webkit-transition:margin-bottom .3s;transition:margin-bottom .3s}
.full-layer.open{z-index:2002;margin-bottom:0!important}
.full-layer.opened{-webkit-transition:margin-bottom 0s;transition:margin-bottom 0s;}
.full-layer-header{position:absolute;z-index:2;height:39px;top:0;left:0;right:0;background-color:#333}
.full-layer-body{position:relative;height:100%;padding:39px 0 0;box-sizing:border-box}
.full-layer-body .full-scroll{position:relative;height:100%;overflow:hidden;touch-action:none;-ms-touch-action:none;}/*lst 20190219*/
.iScrollVerticalScrollbar.iScrollLoneScrollbar {width:4px !important;}/*lst 20190221*/
.cb-util-container{margin-bottom:0!important}
.cb-util-title .btn-prev,.category-sub-panel .prev:before,.cb-util-title .btn-change:before{background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.cb-util-title{position:sticky;top:0;z-index:999;height:39px;border-bottom:1px solid #e6e6e6;padding:0 90px;background:#fff;font-family:"Noto Sans Korean";}
.cb-util-title h2{font-size:16px;color:#323232;text-align:center;line-height:39px}
.cb-util-title .btn-prev{position:absolute;left:6px;top:6px;width:28px;height:28px;text-indent:-1000px;overflow:hidden;background-position:0 0;z-index:10}
.cb-util-title .btn-change{position:absolute;right:0;top:7px;height:33px;padding:0 10px 0 37px;font-size:13px;line-height:33px;color:#333;background-color:#eee;border-style:solid;border-color:#444;border-width:1px 0 1px 1px;border-top-left-radius:2em;border-bottom-left-radius:2em;z-index:10}
.cb-util-title .btn-change:before{content:'';position:absolute;left:10px;top:50%;width:16px;height:16px;margin-top:-8px;background-position:-170px -225px}
.category-util-wrap{position:relative;overflow:hidden;border-bottom:1px solid #e6e6e6}
.category-main-link{position:relative}
.category-main-link li{position:relative;border-bottom:1px solid #e6e6e6}
.category-main-link li:last-child{border-bottom:0}
.category-main-link li a{display:block;height:50px;box-sizing:border-box;background-color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.category-main-link li a:before{content:'';position:absolute;left:16px;top:13px;opacity:.7;display:inline-block;width:25px;height:25px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_cate_icon.png);background-repeat:no-repeat;background-size:350px 100px;overflow:hidden;-webkit-transition:top 0.3s,opacity .3s;transition:top 0.3s,opacity .3s}
.category-main-link li a:after{position:absolute;left:0;bottom:0;width:57px;text-align:center;font-size:10px;color:#333;opacity:0;-webkit-transition:opacity 0.3s,bottom .3s;transition:opacity 0.3s,bottom .3s}
.category-main-link li .cname{display:inline-block;padding-left:53px;opacity:1;font-size:14px;color:#333;line-height:50px;-webkit-transition:padding-left 0.3s,opacity .3s;transition:padding-left 0.3s,opacity .3s}
.category-main-link li.i_2000 a:before{background-position:0 -35px}
.category-main-link li.i_2001 a:before{background-position:-25px -35px}
.category-main-link li.i_2002 a:before{background-position:-50px -35px}
.category-main-link li.i_2003 a:before{background-position:-75px -35px}
.category-main-link li.i_2004 a:before{background-position:-125px -35px}
.category-main-link li.i_2005 a:before{background-position:-100px -35px}
.category-main-link li.i_2006 a:before{background-position:-150px -35px}
.category-main-link li.i_2007 a:before{background-position:-175px -35px}
.category-main-link li.i_2008 a:before{background-position:-200px -35px}
.category-main-link li.i_2009 a:before{background-position:-225px -35px}
.category-main-link li.i_2000.active a:before{background-position:0 -60px}
.category-main-link li.i_2001.active a:before{background-position:-25px -60px}
.category-main-link li.i_2002.active a:before{background-position:-50px -60px}
.category-main-link li.i_2003.active a:before{background-position:-75px -60px}
.category-main-link li.i_2004.active a:before{background-position:-125px -60px}
.category-main-link li.i_2005.active a:before{background-position:-100px -60px}
.category-main-link li.i_2006.active a:before{background-position:-150px -60px}
.category-main-link li.i_2007.active a:before{background-position:-175px -60px}
.category-main-link li.i_2008.active a:before{background-position:-200px -60px}
.category-main-link li.i_2009.active a:before{background-position:-225px -60px}
.category-main-link li.i_2000 a:after{content:'화장품'}
.category-main-link li.i_2001 a:after{content:'명품'}
.category-main-link li.i_2002 a:after{content:'여성'}
.category-main-link li.i_2003 a:after{content:'캐주얼'}
.category-main-link li.i_2004 a:after{content:'남성'}
.category-main-link li.i_2005 a:after{content:'진,이지'}
.category-main-link li.i_2006 a:after{content:'유아'}
.category-main-link li.i_2007 a:after{content:'스포츠'}
.category-main-link li.i_2008 a:after{content:'리빙'}
.category-main-link li.i_2009 a:after{content:'식품'}
.category-sub-panel{position:absolute;z-index:10;top:0;bottom:0;left:100%;right:-320px;padding:15px;background-color:#fff;-webkit-transition:left 0.3s,right .3s;transition:left 0.3s,right .3s}
.sub-active .category-main-link li a{background-color:#eee}
.sub-active .category-main-link li a:before{top:9px;opacity:.3}
.sub-active .category-main-link li a:after{bottom:4px;opacity:.3}
.sub-active .category-main-link li .cname{padding-left:63px;opacity:0}
.sub-active .category-sub-panel.active{left:57px;right:0;z-index:20}
.sub-active .category-sub-panel.remove{left:57px;right:0;z-index:15}
.sub-active .category-main-link li.active a{background-color:#edc5e0}
.sub-active .category-main-link li.active a:after{opacity:1;color:#fff}
.sub-active .category-main-link li.active a:before{opacity:1}
.category-sub-panel .prev{position:absolute;right:20px;top:20px;font-size:13px;color:#888}
.category-sub-panel .prev:before{content:'';display:inline-block;margin:0 3px 0 0;width:5px;height:8px;background-position:-250px -80px}
.category-sub-panel h3{height:36px;padding:3px 0 0 7px;font-size:16px;color:#333;font-weight:700;border-bottom:1px solid #333;box-sizing:border-box}
.category-sub-panel .sub-category-area{height:305px;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:0;border-bottom:1px solid #e6e6e6}
.category-sub-panel .sub-category-area ul{padding:10px 0}
.category-sub-panel .sub-category-area li a{display:block;padding:0 6px;font-size:14px;color:#666;line-height:37px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.category-sub-panel .recom-event strong.tit{display:block;padding:18px 6px 0;font-size:16px;color:#333;font-weight:700}
.category-sub-panel .recom-event ul{padding:10px 0}
.category-sub-panel .recom-event li a{display:block;padding:0 6px;font-size:14px;color:#666;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.category-util-bottom{margin-bottom:-30px}
.category-util-bottom ul{padding:5px 10px}
.category-util-bottom ul:after{content:'';clear:both;display:block}
.category-util-bottom li{float:left;width:25%;padding:5px 0}
.category-util-bottom li a{position:relative;display:block;width:60px;height:60px;margin:0 auto;padding-top:32px;border-radius:60px;text-align:center;background-color:#edc5e0;box-sizing:border-box}
.category-util-bottom li a .txt{font-size:11px;color:#fff;letter-spacing:-1px;}/*lst 2016-07-25*/
.category-util-bottom li a:before{content:'';position:absolute;left:50%;top:8px;margin-left:-11px;width:23px;height:23px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.category-util-bottom li.lk1 a:before{background-position:-190px -225px}
.category-util-bottom li.lk2 a:before{background-position:-215px -225px}
.category-util-bottom li.lk3 a:before{background-position:-240px -225px}
.category-util-bottom li.lk4 a:before{background-position:-265px -225px}
.category-util-bottom li.lk5 a:before{background-position:-56px -267px}
.category-util-bottom li.lk6 a:before{background-position:-130px -269px}
.category-util-bottom li.lk7 a:before{background-position:-203px -268px}
.category-util-bottom li.lk8 a:before{background-position:-276px -269px}
.category-util-bottom li.lk3 a:before{background:url(https://image.thehyundai.com/hdsmart/images/co/ico_category_util_bottom.png) no-repeat 0px 0px;background-size:100px 50px;}/*lst 2016-07-25*/
.category-util-bottom li.lk9 a:before{background:url(https://image.thehyundai.com/hdsmart/images/co/ico_category_util_bottom.png) no-repeat -23px 0px;background-size:100px 50px;}/*lst 2016-07-25*/
.category-util-bottom li.lk10 a:before{background:url(https://image.thehyundai.com/hdsmart/images/co/ico_category_util_bottom.png) no-repeat -46px 0px;background-size:100px 50px;}/*lst 2016-07-25*/
.category-util-bottom li.lk11 a:before{background:url(https://image.thehyundai.com/hdsmart/images/co/ico_category_util_bottom.png) no-repeat -69px 0px;background-size:100px 50px;}/*lst 2016-08-26*/

/* 20170316 카테고리 페이지 @start */
/* 서브패널 */
.category-util-wrap.type-new .category-main-link {border-bottom:1px solid #e6e6e6;}
.category-util-wrap.type-new .category-sub-panel .inner {overflow:auto;-webkit-overflow-scrolling:touch;}
.category-util-wrap.type-new .category-sub-panel .sub-category-area {height:auto;overflow:visible;}
.category-util-wrap.type-new .category-sub-panel .category-etc-wrap {border-top:1px solid #e6e6e6;}
.category-util-wrap.type-new .category-sub-panel .category-special-brand-bottom {padding:20px 5px 15px 5px;border-bottom:1px solid #e6e6e6;}
.category-util-wrap.type-new .category-sub-panel .category-special-brand-bottom .tit {padding-bottom:18px;font-size:14px;color:#333;font-weight:600;}
.category-util-wrap.type-new .category-sub-panel .category-brand-bottom {padding:20px 5px 15px 5px;border-bottom:1px solid #e6e6e6;}
.category-util-wrap.type-new .category-sub-panel .category-brand-bottom .tit {padding-bottom:18px;font-size:14px;color:#333;font-weight:600;}

/* 활성화 */
.category-util-wrap.type-new.sub-active {background-color:#eee;}
.category-util-wrap.type-new.sub-active .category-etc-wrap {left:57px;}
.category-util-wrap.type-new.sub-active .category-etc-wrap:after {display:block;}

/* 기본 */
.category-util-wrap.type-new .category-etc-wrap {position:relative;left:0;padding:0 15px;border-top:0;-webkit-transition:all 0.3s,right .3s;transition:all 0.3s,right .3s;}
.category-util-wrap.type-new .category-etc-wrap:after {position:absolute;left:0;top:0;content:"";display:none;width:100%;height:100%;background-color:#eee;}
.category-util-wrap.type-new .category-etc-wrap .item {padding:20px 5px 15px 5px;border-top:1px solid #e6e6e6;}
.category-util-wrap.type-new .category-etc-wrap .item:first-child {border-top:0;}
.category-util-wrap.type-new .category-etc-wrap .item .tit {padding-bottom:18px;font-size:14px;color:#333;font-weight:600;}
.category-util-wrap.type-new .category-special-brand-bottom ul {text-align:center;}
.category-util-wrap.type-new .category-special-brand-bottom ul:after {content:"";display:block;clear:both;}
.category-util-wrap.type-new .category-special-brand-bottom li {float:left;width:50%;}
.category-util-wrap.type-new .category-special-brand-bottom a {display:block;border:1px solid #f4f4f4;border-top:0;}
.category-util-wrap.type-new .category-special-brand-bottom li:nth-child(1) a , .category-util-wrap.type-new .category-special-brand-bottom li:nth-child(2) a {border-top:1px solid #f4f4f4;}
.category-util-wrap.type-new .category-special-brand-bottom li:nth-child(2n) a {border-left:0;}
.category-util-wrap.type-new .category-special-brand-bottom span {display:block;}
.category-util-wrap.type-new .category-special-brand-bottom span.img-logo {width:auto;max-width:140px;margin:0 auto;padding:18px 0px;}/*lst 20200519*/
.category-util-wrap.type-new .category-special-brand-bottom span.img-logo img {width:100%;height:auto;vertical-align:top;}
.category-util-wrap.type-new .category-special-brand-bottom span.txt-name {padding-bottom:8px;font-size:12px;color:#999;line-height:1.2;}
.category-util-wrap.type-new .category-util-bottom {margin-bottom:0;}
.category-util-wrap.type-new .category-util-bottom ul {padding:0;}
.category-util-wrap.type-new .category-brand-bottom ul {text-align:center;}
.category-util-wrap.type-new .category-brand-bottom ul:after {content:"";display:block;clear:both;}
.category-util-wrap.type-new .category-brand-bottom li {float:left;width:50%;}
.category-util-wrap.type-new .category-brand-bottom a {position:relative;display:block;height:45px;border:1px solid #f4f4f4;border-top:0;}
.category-util-wrap.type-new .category-brand-bottom li:nth-child(1) a , .category-util-wrap.type-new .category-brand-bottom li:nth-child(2) a {border-top:1px solid #f4f4f4;}
.category-util-wrap.type-new .category-brand-bottom li:nth-child(2n) a {border-left:0;}
.category-util-wrap.type-new .category-brand-bottom span.img-logo {position:absolute;left:50%;top:50%;display:block;width:84px;height:23px;padding:0 13px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.category-util-wrap.type-new .category-brand-bottom span.img-logo img {width:100%;height:auto;max-height:23px;vertical-align:top;}
.category-util-wrap.type-new .recom-event {padding-top:0;}
.category-util-wrap.type-new .recom-event strong.tit {padding:20px 6px 0;font-size:14px;font-weight:600;}
.category-util-wrap.type-new .recom-event ul {padding-top:15px;}
.category-util-wrap.type-new .recom-event ul:after {content:"";display:block;clear:both;}
.category-util-wrap.type-new .recom-event li {/* float:left;width:50%; 20170518 - 추천기획전 한줄 처리 - rlatkdals */}
.category-util-wrap.type-new .recom-event li a {padding:5px;line-height:1;}
.category-util-wrap.type-new .recom-event li img {width:100%;height:auto;vertical-align:top;}
/* 20170316 카테고리 페이지 @end */

.brand-util-wrap .brand-search{height:50px;padding-top:15px;border-bottom:1px solid #e6e6e6;display:none}
.brand-util-wrap .brand-search label{display:none}
.brand-util-wrap .brand-search .search-box{position:relative;height:33px;border:1px solid #444;margin:0 15px}
.brand-util-wrap .brand-search .search-box .keyword{width:100%;height:100%;padding-left:10px;padding-right:40px;border:0;box-sizing:border-box;font-size:12px;color:#333}
.brand-util-wrap .brand-search .search-box button{position:absolute;right:0;top:0;width:33px;height:33px;padding:0;text-align:center;background-color:transparent;border:0}
.brand-util-wrap .brand-search .search-box button .ic_comm{display:inline-block;width:18px;height:18px;background-position:-170px 0}
.brand-util-wrap .brand-list-container{position:absolute;left:0;right:0;top:51px;bottom:0}
.brand-util-wrap .brand-list{position:absolute;left:0;right:60px;top:0;bottom:0;padding:0 15px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;outline:0}
.brand-util-wrap .brand-list .list{margin-bottom:5px}
.brand-util-wrap .brand-list .list .tit{display:block;height:38px;padding-top:9px;padding-left:5px;border-bottom:1px solid #f2f2f2}
.brand-util-wrap .brand-list .list .tit span{display:block;width:30px;height:30px;border-radius:30px;line-height:30px;text-align:center;background-color:#f8f8f8;font-size:14px;color:#333}
.brand-util-wrap .brand-list .list ul{padding:5px 0}
.brand-util-wrap .brand-list .list ul:after{content:'';clear:both;display:block}
.brand-util-wrap .brand-list .list li{float:left;width:50%}
.brand-util-wrap .brand-list .list li a{display:block;padding:10px 5px;font-size:13px;color:#666;line-height:1.3}
.brand-util-wrap .brand-list .list li.search a{color:#333;background-color:#f7e7f2}
.brand-util-wrap .brand-list .list li:nth-child(2n+1){clear:both}
.brand-util-wrap .brand-nav{position:absolute;right:0;top:0;bottom:0;width:60px;border-left:1px solid #e6e6e6;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;outline:0}
.brand-util-wrap .brand-nav ul{padding:5px 0}
.brand-util-wrap .brand-nav ul li{padding:10px}
.brand-util-wrap .brand-nav ul li button{display:block;width:30px;height:30px;padding:0;margin:0 auto;border-radius:30px;line-height:30px;text-align:center;background-color:#f8f8f8;border:0;outline:none;font-size:14px;color:#333}
.brand-util-wrap .brand-nav ul li.active button{background-color:#edc5e0}
.page-title{position:relative;height:39px;background-color:#333;text-align:center;font-family:"Noto Sans Korean";}/* 20230412 */
.page-title h2{margin:0 70px;height:39px;line-height:39px;font-size:16px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.page-title.type-product{border-bottom:1px solid #ededed;background-color:#fff}
.page-title.type-product h2{margin:0 105px 0 40px;color:#333}
.page-title.type-white{border-bottom:1px solid #e6e6e6;background-color:#fff}
.page-title.type-white h2{color:#333}
.page-title.type-prev .btn-pt-prev,.page-title.type-close .btn-pt-close{top:6px}
.page-title .btn-pt-close,.page-title .btn-pt-prev{position:absolute;top:10px;width:28px;height:28px;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;z-index:10}
.page-title .btn-pt-close{right:12px;background-position:-30px -30px}
.page-title.type-prev .btn-pt-prev{left:6px;background-position:0 -30px}
.page-title.type-product .btn-pt-prev{left:6px;background-position:0 0}
.page-title.type-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.page-title.type-prev .btn-share{position:absolute;top:7px;right:7px;width:33px;height:23px;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/ev/ev_share.png);background-size:33px 23px}
.page-title.type-white.type-prev .btn-pt-prev {left:6px;background-position:0 0;}/*20200818*/
.page-title.type-scroll-fixed {position:sticky;top:0;z-index:5;}/* 20221020 */
.page-title.type-event{background-color:rgba(0,0,0,0.8)}
.page-title.type-event .zzim .ic_comm{/*position:absolute;right:15px;top:11px;*/width:20px;height:18px;background-position:-80px -35px}/* 20220407 */
.page-title.type-event .zzim.on .ic_comm{background-position:-105px -35px}
.page-title.type-event.type-prev .zzim {/*position:static;right:auto;top:auto;*/}/* 20220407 */
.page-title.type-prev .btn-share {top:10px;right:15px;background:0;width:auto;height:auto;text-indent:0;}/* 20220407 */
.page-title.type-prev .btn-share .ic_share {display:block;width:20px;height:18px;font-size:0;line-height:0;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_sns_share.png) no-repeat 0 0;background-size:20px 18px;}/* 20220407 */
.page-title.type-prev .zzim.with-share {right:45px;}/* 20220407 */
.page-title.type-prev .zzim {position:absolute;right:10px;top:11px;}
.page-title.type-prev .zzim .ic_comm {width:20px;height:18px;background-position:-80px -35px;}
.page-title .btn-pt-search,.page-title .btn-pt-cart,.page-title .btn-pt-my{position:absolute;top:10px}
.page-title .btn-pt-search span,.page-title .btn-pt-cart span,.page-title .btn-pt-my span{display:block;width:28px;height:28px;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.page-title .btn-pt-search{right:75px}
.page-title .btn-pt-search span{background-position:-30px 0}
.page-title .btn-pt-cart{right:44px}
.page-title .btn-pt-cart span{background-position:-60px 0}
.page-title .btn-pt-my{right:13px}
.page-title .btn-pt-my span{background-position:-90px 0}
.page-title .btn-pt-cart .count{position:absolute;right:-3px;top:4px;min-width:13px;height:13px;padding:2px 1px 0;font-size:10px;color:#fff;text-align:center;text-indent:0;line-height:1;background-color:#dd72bb;border-radius:7px;box-sizing:border-box}
.page-title .btn-vr-hmd {display:inline-block;position:absolute;right:6px;top:50%;margin-top:-18px;width:40px;height:36px;background:url(https://image.thehyundai.com/hdsmart/images/maz/ico_vr_hmd.png) no-repeat 3px 7px;background-size:35px 22px;font-size:0;line-height:0;text-indent:-9999px;} /*lst 2016-07-25*/
.page-title .btn-pt-home {display:inline-block;position:absolute;right:6px;top:50%;margin-top:-12px;width:25px;height:25px;background:url(https://image.thehyundai.com/hdsmart/images/dp/ic_top2.png) no-repeat -75px 0px;background-size:100px auto;font-size:0;line-height:0;text-indent:-9999px;}/*lst 2016-12-22*/
.page-title .setting-btns {position:absolute;right:10px;top:50%;transform:translateY(-50%);}/* 20230713 */
.page-title .setting-btns .btn {display:inline-block;padding:4px;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/mh/sprite_myhyundai_icon.png);background-size:100px auto;}/* 20230713 */
.page-title .setting-btns .btn.notice {position:relative;width:18px;height:20px;background-position:4px 4px;}/* 20230713 */
.page-title .setting-btns a small.count {position:absolute;top:0px;right:-2px;padding:1px 0 2px;min-width:13px;height:13px;text-indent:0;text-align:center;line-height:1;font-size:10px;color:#fff;background:#ec555e;border-radius:7px;box-sizing:border-box;}/* 20230713 */
.page-title .setting-btns .btn.setting {width:18px;height:20px;background-position:-46px 4px;}/* 20230713 */
.page-title .setting-btns a + a {margin-left:5px;}/* 20230713 */

.page-title[data-role="scrollFixed"] {position:sticky !important;top:0 !important;left:0 !important;right:0 !important;z-index:1000 !important;}
.page-title[data-role="scrollFixed"] + .scrollFixedEmpty {display:none;}
#product-detail-tab[data-role="scrollFixed"] {position:sticky !important;top:47px !important;left:0 !important;right:0 !important;z-index:100 !important;}
.exhibition-controller[data-role="scrollFixed"] {position:sticky !important;top:39px !important;left:0 !important;right:0 !important;z-index:100 !important;}

.grade-icon {width:60px;height:60px;font-size:0;line-height:0;text-indent:-9999px;background-image:url(https://image.thehyundai.com/hdsmart/images/ev/sprite_event_grade.png);background-repeat:no-repeat;background-size:150px auto;}/* 20230713 */
.grade-icon.grade-black {background-position:0 0;}/* 20230713 */
.grade-icon.grade-purple {background-position:0 -100px;}/* 20230713 */
.grade-icon.grade-green {background-position:0 -200px;}/* 20230713 */
.grade-icon.grade-family {background-position:0 -300px;}/* 20230713 */
.grade-icon.grade-none {background-position:0 -400px;}/* 20230713 */
.page-top-title {position:sticky;top:0;z-index:10;display:flex;align-items:center;height:50px;padding:0 5px;border-bottom:1px solid #ededed;background-color:#fff;}/* 20230626 */
.page-top-title .btn-prev {display:inline-block;padding:3px;font-size:0;line-height:0;}/* 20230626 */
.page-top-title .btn-prev:after {content:"";display:inline-block;margin-top:-1px;width:25px;height:25px;background:url(https://image.thehyundai.com/hdsmart/images/dp/ic_top2.png) no-repeat 0 -25px;background-size:100px 50px;}/* 20230626 */
.page-top-title .ic-home {display:inline-block;margin-left:5px;width:140px;height:42px;font-size:0;line-height:0;background:url(https://image.thehyundai.com/hdsmart/images/co/logo_on.png) no-repeat 0 0;background-size:140px;}/* 20230626 */
.btn-icon{position:relative;display:inline-block;padding:7px 7px 6px 20px;font-size:13px;color:#676767;border:1px solid #e0e0e0;line-height:1;background-color:#fff;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_button_icon.png);background-repeat:no-repeat;background-size:25px 300px}
.btn-icon.btn-all-check{background-position:0 -48px}
.btn-icon.btn-check-delete,.btn-icon.btn-all-delete{background-position:0 -23px}
.btn-icon.btn-coupon-download{padding-left:23px;color:#666;border-color:#666;background-position:0 2px}
.button-area{margin:0}
.button-area:after{content:'';display:block;clear:both}
.button-area .find-btn,.button-area button,.button-area a{display:block;line-height:1.6;text-align:center;text-decoration:none;box-sizing:border-box;cursor:pointer}
.button-area button {width:100%;}/*lst 20170523*/
.button-area .bullet{position:relative}
.button-area .bullet:after{content:'';display:block;position:absolute;right:0;top:0;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.button-area .btn-main{color:#fff;border:2px solid #666;background-color:#666}
.button-area .btn-sub,.button-area .btn-normal{color:#666;border:2px solid #ccc;background-color:#fff}
.button-area .btn-default{color:#fff;border:2px solid #055d43;background-color:#055d43} /*240116*/
.button-area .btn-light{color:#07926a;border:2px solid #07926a;background-color:#fff;} /* 20240221 color:#46675c;border:2px solid #749288; 에서 수정 */
.button-area .btn-important{color:#333;border:2px solid #edc5e0;background-color:#edc5e0}
.button-area .btn-kakaotalk {position:relative;z-index:20;padding:7px 7px !important;color:#3b1e1e;border:2px solid #fee100;background-color:#fee100;}/*20200717*/
.order-dimmed-box {position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.4;}
.type-fingerprint.button-area .btn-default {height:47px;padding-top:11px !important;padding-bottom:9px !important;box-sizing:border-box;font-size:14px !important;}/*lst 20170529*/
.button-area .btn-fingerprint{height:47px;padding-top:8px !important;padding-bottom:5px !important;box-sizing:border-box;font-size:14px !important;color:#fff;border:2px solid #46675c;background-color:#46675c}/*lst 20170529*/
.button-area .btn-fingerprint:before {content:"";display:inline-block;vertical-align:middle;width:30px;height:30px;margin-right:8px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat 0px -70px;background-size:200px 200px;}/*lst 20170529*/
.button-area .btn-reset {color:#666;border:2px solid #666;background-color:#fff}/* 20220323 */
.button-area .btn-reset:before {content:"";display:inline-block;vertical-align:middle;margin-top:-1px;margin-right:5px;width:13px;height:13px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-position:-180px -80px;background-size:300px 300px;}/* 20220323 */
.button-area.size-full{margin:0}
.button-area.size-full .button{width:100%}
.button-area.size-full .button button,.button-area.size-full .button a{margin-bottom:8px;padding:9px 10px;font-size:16px}
.button-area.size-full .bullet:after{right:10px;top:12px;width:9px;height:15px}
.button-area.size-full .btn-default.bullet:after{background-position:0 -60px}
.button-area.size-full .btn-light.bullet:after{background-position:-15px -60px}
.button-area.size-full .btn-important.bullet:after{background-position:-30px -60px;top:50%;margin-top:-7px}
.button-area.size-half{margin:0 -3px}
.button-area.size-half .button{float:left;display:inline-block;width:50%;padding:0 3px;box-sizing:border-box}
.button-area.size-half .button button,.button-area.size-half .button a{margin-bottom:8px;padding:7px 8px;font-size:14px;border-width:1px}
.button-area.size-half .bullet:after{right:7px;top:10px;width:8px;height:13px}
.button-area.size-half .btn-default.bullet:after{background-position:0 -80px}
.button-area.size-half .btn-light.bullet:after{background-position:-15px -80px}
.button-area.size-half .btn-important.bullet:after{background-position:-30px -80px}
.button-area.size-third{margin:0 -3px}
.button-area.size-third .button{float:left;display:inline-block;width:33.33%;padding:0 3px;box-sizing:border-box}
.button-area.size-third .button button,.button-area.size-third .button a{margin-bottom:8px;padding:6px 7px 7px;font-size:12px;border-width:1px}
.button-area.page-full{margin:0}
.button-area.page-full .button{display:block}
.button-area.page-full .button button,.button-area.page-full .button a{margin-bottom:8px;padding:9px 10px;font-size:16px;border-width:2px}
.button-area.page-half{margin:0 -3px}
.button-area.page-half .button{float:left;width:50%;padding:0 3px;box-sizing:border-box}
.button-area.page-half .button button,.button-area.page-half .button a{margin-bottom:8px;padding:9px 10px;font-size:16px;border-width:2px}
.button-area.page-half .bullet:after,.button-area.page-full .bullet:after{right:10px;top:12px;width:9px;height:15px}
.button-area.page-half .btn-default.bullet:after,.button-area.page-full .btn-default.bullet:after{background-position:0 -60px}
.button-area.page-half .btn-light.bullet:after,.button-area.page-full .btn-light.bullet:after{background-position:-15px -60px}
.button-area.page-half .btn-important.bullet:after,.button-area.page-full .btn-important.bullet:after{background-position:-30px -60px}
.button-area.page-half .btn-main.bullet:after,.button-area.page-full .btn-main.bullet:after{background-position:0 -60px}
.button-area.page-half .btn-sub.bullet:after,.button-area.page-full .btn-sub.bullet:after{background-position:-30px -60px}
.button-area.popup-full{margin:0}
.button-area.popup-full .button{display:block}
.button-area.popup-full .button button,.button-area.popup-full .button a{margin-bottom:8px;padding:7px;font-size:14px;border-width:1px}
.button-area.popup-half{margin:0 -3px}
.button-area.popup-half .button{float:left;width:50%;padding:0 3px;box-sizing:border-box}
.button-area.popup-half .button button,.button-area.popup-half .button a{margin-bottom:8px;padding:7px;font-size:14px;border-width:1px}
.button-area.popup-bottom .button{width:40%;margin:0 auto}
.button-area.popup-bottom .button button,.button-area.popup-bottom .button a{margin-bottom:8px;padding:7px;font-size:14px;border-width:1px}
.button-area.page-bottom .button{width:40%;margin:0 auto}
.button-area.page-bottom .button button,.button-area.page-bottom .button a{margin-bottom:8px;padding:9px 10px;font-size:16px;border-width:2px}
.button-area.center{text-align:center}
.button-area.center .button{display:inline-block;float:none}
.cert-wrap .msg-box {padding-top:5px;font-size:13px;color:#666;}/* 20250306 */
::-webkit-input-placeholder{color:#ccc}
:-moz-placeholder{color:#ccc;opacity:1}
::-moz-placeholder{color:#ccc;opacity:1}
:-ms-input-placeholder{color:#ccc}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],input[type='number']{-webkit-appearance:none;border-radius:0}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'],input[type='tel'],input[type='email']{-webkit-appearance:button;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type='text']:disabled{color:#333;background-color:#eee}
textarea{-webkit-appearance:none;border-radius:0}
.form-container{position:relative}
.form-group{position:relative;margin-bottom:8px}
.form-group input.text{display:block;width:100%;height:42px;padding:0 35px 0 8px;border:1px solid #ccc;box-sizing:border-box;font-size:12px;color:#333;-webkit-appearance:none;border-radius:0}
.form-group input.text:focus{position:relative;z-index:30;padding:0 35px 0 8px;border:1px solid #333!important;outline:none}
.form-group.validation:after{content:'';position:absolute;z-index:10;z-index:30;right:11px;top:50%;margin-top:-8px;width:16px;height:16px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;background-position:0 -100px}
.form-group.validation.checked:after{background-position:-20px -100px}
.form-group.validation.checked input.text{position:relative;z-index:20}
.form-group.validation.error:after{background-position:-40px -100px}
.form-group.validation.error input.text{position:relative;z-index:20}
.form-group + .error-message{width:auto;height:20px;margin:5px 0;color:#ec555d;font-size:11px}
.form-group textarea.textarea{display:block;width:100%;padding:8px;border:1px solid #ccc;box-sizing:border-box}
.form-group.file{padding-right:70px;position:relative}
.form-group.file input[type=file]{width:200%;height:200%;opacity:0;position:absolute;top:0;left:0;z-index:2}
.form-group.file span.filename{display:block;width:100%;height:42px;padding:0 35px 0 8px;border:1px solid #ccc;box-sizing:border-box;font-size:12px;color:#333}
p.error-message{width:auto;height:20px;margin:5px 0;color:#ec555d;font-size:11px}
.form-stick{margin-bottom:10px}
.form-stick .form-group{margin-bottom:-1px}
.form-stick .form-group input.text{border-color:#e6e6e6}
.form-stick .select-ui-wrap{background-color:#fff}
.form-stick .select-ui-wrap .textview{padding-top:14px;padding-bottom:14px}
.form-stick .form-group.right-button{padding-right:77px}
.form-stick .form-group.right-button .input-text-delete{right:87px}
.form-stick .form-group.right-button .button{position:absolute;z-index:2;right:0;top:0;display:block;width:77px;height:42px;border:1px solid #e6e6e6;border-left:0;background-color:#fff;font-size:12px;color:#666;text-align:center;line-height:42px;box-sizing:border-box}
.form-stick .form-group.emailset{padding-right:140px}
.form-stick .form-group.emailset .input-text-delete{right:147px}
.form-stick .form-group.emailset .select-ui-wrap{position:absolute;z-index:2;right:0;top:0;display:block;width:140px;height:42px;border:1px solid #e6e6e6;border-left:0;background-color:#fff;font-size:12px;color:#666;line-height:38px;box-sizing:border-box}
.form-stick .form-group.emailset .select-ui-wrap .textview{padding:0 25px 0 10px}
.form-group.form-international-phone {margin-bottom:0px !important;}/*lst 20180508*/
.form-group.form-international-phone:after{content:'';display:block;clear:both}
.form-group.form-international-phone .number:after{content:'';display:block;clear:both}
.form-group.form-international-phone .number{display:block;float:left;width:100%;margin-bottom:-1px;}/*lst 20180508*/
.form-group.form-international-phone .number span{display:inline-block;float:left}
.form-group.form-international-phone .number span.first{position:relative;width:19%}
.form-group.form-international-phone .number span.box{position:relative;width:24%}
.form-group.form-international-phone .number span.bar{width:3%;line-height:40px;text-align:center}
.form-group.form-international-phone .number input.text{padding:0 13px 0 8px}
.input-text-delete{position:absolute;display:none;z-index:50;right:10px;top:50%;margin-top:-9px;height:18px}
.input-text-delete .ic_comm{width:18px;height:18px;background-position:-60px -100px;display:block;font-size:0;line-height:0}
.focus.not-empty .input-text-delete{display:block}
.checkbox-ui{display:inline-block;width:24px;height:24px;border-left:1px solid #979ca1;border-top:1px solid #979ca1;border-right:1px solid #c4c8cb;border-bottom:1px solid #c4c8cb}
.checkbox-ui.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;background-position:-20px -120px}
.checkbox-ui input{width:100%;height:100%;margin:0;padding:0;opacity:0}
.checkbox-ui{display:inline-block;width:24px;height:24px;border-left:1px solid #979ca1;border-top:1px solid #979ca1;border-right:1px solid #c4c8cb;border-bottom:1px solid #c4c8cb}
.checkbox-ui.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;background-position:-20px -120px}
.checkbox-ui input{width:100%;height:100%;margin:0;padding:0;opacity:0}
.select-ui-wrap{position:relative;display:block;border:1px solid #e6e6e6;color:#666}
.select-ui-wrap.focus{border-color:#ccc}
.select-ui-wrap.disabled{color:#bbb;border:1px solid #eee;}
.select-ui-wrap .textview{position:relative;z-index:1;display:block;padding:8px 25px 8px 10px;font-size:12px}
.select-ui-wrap .ic_comm{position:absolute;z-index:2;right:9px;top:50%;margin-top:-3px;width:11px;height:6px;background-position:-50px -120px}
.select-ui-wrap select{position:absolute;z-index:3;left:0;right:0;top:0;bottom:0;width:100%;opacity:0}
input.radio-ui[type=radio],input.checkbox-ui[type=checkbox]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0}
label.type-checkbox{display:inline-block;height:22px;padding-left:27px;line-height:22px;background:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-unchecked.png) no-repeat 0 0;background-size:22px 22px}
label.type-checkbox.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-checked.png)}
label.type-checkbox.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-disabled.png)}
label.type-checkbox.checked.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-checked-disabled.png)}
label.type-checkbox2{display:inline-block;height:22px;padding-left:20px;line-height:22px;background:url(https://image.thehyundai.com/hdsmart/images/co/checkbox2-unchecked.png) no-repeat 5px center;background-size:8px 8px}
label.type-checkbox2.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox2-checked.png)}
label.type-checkbox2.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox2-disabled.png)}
label.type-checkbox3{text-align: center;height:22px;line-height:22px;}
label.type-checkbox3{background:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-unchecked.png) no-repeat 0 0;background-size:22px 22px}
label.type-checkbox3.checked{content:"";background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-checked.png)}
label.type-checkbox3.disabled{color:#959595;content:"";background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-checked-disabled.png)}
label.type-checkbox-box{display:block;padding:9px 0;border:1px solid #e6e6e6;color:#666;text-align:center}
label.type-checkbox-box.checked{border-color:#333;color:#333}
label.type-checkbox-box.disabled{background-color:#f5f5f5;color:#999}
label.type-checkbox-cr{display:inline-block;height:22px;padding-left:22px;line-height:22px;background:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-cr-unchecked.png) no-repeat 0 0;background-size:22px 22px}
label.type-checkbox-cr.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-cr-checked.png)}
label.type-checkbox-cr.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/checkbox-cr-disabled.png)}
label.type-radio{display:inline-block;height:16px;padding-left:21px;line-height:16px;background:url(https://image.thehyundai.com/hdsmart/images/co/radio-unchecked.png) no-repeat 0 0;background-size:16px 16px}
label.type-radio.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/radio-checked.png)}
label.type-radio.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/radio-disabled.png)}
label.type-radio.checked.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/radio-checked-disabled.png)}
label.type-radio2{display:inline-block;height:22px;padding-left:20px;line-height:22px;background:url(https://image.thehyundai.com/hdsmart/images/co/radio2-unchecked.png) no-repeat 5px center;background-size:8px 8px}
label.type-radio2.checked{background-image:url(https://image.thehyundai.com/hdsmart/images/co/radio2-checked.png)}
label.type-radio2.disabled{background-image:url(https://image.thehyundai.com/hdsmart/images/co/radio2-disabled.png)}
label.type-radio-box{display:block;padding:9px 0;border:1px solid #e6e6e6;font-size:12px;color:#666;text-align:center}
label.type-radio-box.checked{border-color:#333;color:#333}
label.type-radio-box.disabled{background-color:#f5f5f5;color:#999}
.textarea-count{position:relative;border:1px solid #e6e6e6}
.textarea-count.focus{border-color:#333}
.textarea-count .textarea{display:block;width:100%;height:65px;padding:10px;box-sizing:border-box;border:0;font-size:12px}
.textarea-count .textarea:focus{outline:none}
.textarea-count .count{position:absolute;right:1px;bottom:1px;padding:9px;text-align:right;font-size:10px;color:#999;background-color:rgba(255,255,255,0.9)}
.textarea-count + .error-message{height:20px;margin:5px 0;color:#ec555d;font-size:11px}
.input-count{position:relative;border:1px solid #e6e6e6}
.input-count.focus{border-color:#333}
.input-count input{display:block;width:100%;height:20px;padding:0 10px;box-sizing:border-box;border:0;font-size:12px;line-height:20px}
.input-count input:focus{outline:none}
.input-count .count{position:absolute;right:1px;bottom:1px;line-height:18px;text-align:right;font-size:10px;color:#999;background-color:rgba(255,255,255,0.9)}
.input-count + .error-message{height:20px;margin:5px 0;color:#ec555d;font-size:11px}
.nav-tabs{width:100%;margin-bottom:20px;overflow:hidden}
.nav-tabs ul{border-bottom:1px solid #34483b}
.nav-tabs ul:after{content:"";display:block;clear:both}
.nav-tabs li{float:left;width:50%}
.nav-tabs li a{display:block;text-align:center;height:41px;line-height:41px;font-size:13px;color:#666;border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6;background-color:#fff}
.nav-tabs li.active a{position:relative;margin-right:-1px;background-color:#055d43;color:#fff;border-color:#055d43}
.nav-tabs li:first-child a{border-left:0}
.nav-tabs li a span.check:after{content:'';position:relative;left:5px;top:3px;display:inline-block;width:14px;height:14px;background-position:-230px -65px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.nav-tabs.tab-3 li{width:33%}
.nav-tabs.tab-3 li:first-child{width:34%}
.nav-tabs.tab-4 li{width:25%}
.nav-tabs.tab-5 li{width:20%}
.nav-tabs li .num{color:#888;padding-left:3px}
.nav-tabs li.active .num{color:#edc5e0}
.nav-tabs.type-count .check:after {display:none;} /* 20220121 */
.table-wrap{clear:both;position:relative}
.table-wrap table{width:100%;text-align:center;border-collapse:collapse;line-height:1.3}
.table-wrap table caption{display:none}
.table-wrap thead th{padding:10px 0;font-size:12px;color:#333;border-bottom:0;font-weight:700}
.table-wrap tbody td{padding:10px 0;font-size:12px;color:#666}
.table-wrap.border-type th,.table-wrap.border-type td{border:1px solid #e6e6e6}
.table-wrap.border-type2 table {line-height:1.4;}/* 20220222 */
.table-wrap.border-type2 th {font-size:12px;color:#231f20;font-weight:700;border-top:1px solid #34483b;border-bottom:1px solid #34483b;border-left:1px solid #e6e6e6;}/* 20220222 */
.table-wrap.border-type2 td {font-size:12px;color:#666;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}/* 20220222 */
.table-wrap.border-type2 th:first-child, .table-wrap.border-type2 td:first-child {border-left:0;}/* 20220222 */
.table-wrap.border-type2 tr:last-child td {border-bottom:1px solid #34483b;}/* 20220222 */
.text-list-box {margin:15px;padding:15px;background:#f8f8f8;}
.text-list{clear:both;position:relative}
.text-list li{position:relative;padding-left:10px;margin-bottom:4px;font-size:12px;color:#666;line-height:1.6}
.text-list li:before{content:'';position:absolute;left:0;top:8px;display:inline-block;width:2px;height:2px;background-color:#666}/* 20220609 */
.text-list li:last-child{margin-bottom:0}
.text-list span{color:#333}
.text-list.guide{margin-top:10px;padding:0 10px}
.text-list .text-list2 {margin-top:5px;}/*lst 2017-01-19*/
.text-list2{clear:both;position:relative;}/*lst 2017-01-19*/
.text-list2 li{position:relative;padding-left:10px;margin-bottom:4px;font-size:12px;color:#666;line-height:1.6}/*lst 2017-01-19*/
.text-list2 li:before{content:'';position:absolute;left:0;top:9px;width:4px;height:1px;background-color:#666}/*lst 2017-01-19*/
.text-list2 li:last-child{margin-bottom:0}/*lst 2017-01-19*/
.text-list3 li{position:relative;padding-left:10px;margin-bottom:4px;font-size:12px;color:#666;line-height:1.6}/*20200714*/
.text-list3 li:before{content:'*';position:absolute;left:0;top:1px;}/*20200714*/
.text-list3 li:last-child{margin-bottom:0}/*20200714*/
.mb10 {margin-bottom:10px !important;}/*20200714*/
.mb15 {margin-bottom:15px !important;}/*20200714*/
.mb20 {margin-bottom:20px !important;}/*20200714*/
.text-link-arw{display:inline-block;margin:0;padding:0;font-size:12px;color:#666;line-height:1.3;background-color:transparent;border:0}
.text-link-arw:after{content:'';display:inline-block;width:5px;height:10px;margin:0 0 -2px 4px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;background-position:-155px -80px}
.ic_comm.help{width:13px;height:13px;background-position:-50px -130px;margin-bottom:-2px}
.ic_comm.help.type02 {width:15px; height:15px; background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_help.png); background-repeat:no-repeat; background-size:15px; background-position:0; margin-bottom:-3px;} /* 20220121 */
.ic_comm.question {width:13px;height:13px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common3.png) no-repeat -50px 0;background-size:300px auto;}/* 20240321 */
.ic_comm.question2 {width:13px;height:13px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common3.png) no-repeat -75px 0;background-size:300px auto;}/* 20240321 */
.tooltip-wrap{position:relative;display:inline-block}
.tooltip{display:inline-block;vertical-align:middle;margin:0 0 2px 5px}
.tooltip-cont.no-padding{padding:0}
.tooltip-cont{display:none;position:absolute;z-index:100;padding:10px;font-size:13px;line-height:1.425;font-weight:400;text-align:left;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);border:1px solid #333;background:#fff}
.tooltip-cont.clickable{padding-right:14px;padding-top:14px}
.tooltip-cont .tooltip-arrow{display:block;position:absolute;width:0;height:0;border-style:solid;z-index:101}
.tooltip-cont .tooltip-arrow:after{content:"";display:block;position:absolute;width:0;height:0;border-style:solid;z-index:102}
.tooltip-cont h4{font-weight:700;margin-bottom:5px}
.tooltip-cont h5{font-weight:700;font-size:13px;margin-bottom:10px}
.tooltip-cont > h5{text-align:center}
.tooltip-cont .btn-close{position:absolute;top:8px;right:8px;width:15px;height:15px;padding:0;text-indent:-9999px;border:none;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat -120px -100px;background-size:300px 300px}
.tooltip-cont .no-head{margin-top:-10px}
.tooltip-cont .body p{line-height:20px;color:#666}
.tooltip-cont p.description{margin:0}
.tooltip-cont p + p{margin-top:10px}
.tooltip-cont .instruction{margin-top:0;background:transparent;padding:0}
.tooltip-cont .table-wrap{margin-top:5px}
.tooltip-cont .table-wrap th,.tooltip-cont .table-wrap td{padding:5px 5px 3px!important}
.tooltip-cont .btn-wrap{margin-top:10px}
.tooltip-cont .tooltip-arrow{background:none}
.tooltip-cont.top .tooltip-arrow{bottom:-8px;left:50%;margin-left:-8px;border-width:8px 8px 0;border-color:#333 transparent transparent}
.tooltip-cont.bottom .tooltip-arrow{top:-8px;left:50%;margin-left:-8px;border-width:0 8px 8px;border-color:transparent transparent #333}
.tooltip-cont.right .tooltip-arrow{top:50%;margin-top:-8px;left:-8px;border-width:8px 8px 8px 0;border-color:transparent #333 transparent transparent}
.tooltip-cont.left .tooltip-arrow{top:50%;margin-top:-8px;right:-8px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #333}
.tooltip-cont.top .tooltip-arrow:after{top:-8px;left:-7px;border-width:7px 7px 0;border-color:#fff transparent transparent}
.tooltip-cont.bottom .tooltip-arrow:after{top:1px;left:-7px;border-width:0 7px 7px;border-color:transparent transparent #fff}
.tooltip-cont.right .tooltip-arrow:after{top:-7px;left:1px;border-width:7px 7px 7px 0;border-color:transparent #fff transparent transparent}
.tooltip-cont.left .tooltip-arrow:after{top:-7px;right:1px;border-width:7px 0 7px 7px;border-color:transparent transparent transparent #fff}
.tooltip-cont.left .tooltip-arrow.top,.tooltip-cont.right .tooltip-arrow.top{top:8px;bottom:auto;margin:0}
.tooltip-cont.left .tooltip-arrow.bottom,.tooltip-cont.right .tooltip-arrow.bottom{top:auto;bottom:8px;margin:0}
.tooltip-cont.top .tooltip-arrow.left,.tooltip-cont.bottom .tooltip-arrow.left{left:8px;right:auto;margin:0}
.tooltip-cont.top .tooltip-arrow.right,.tooltip-cont.bottom .tooltip-arrow.right{left:auto;right:8px;margin:0}
.tip-contents{display:none;position:absolute;z-index:100;margin-top:30px;width:210px;background-color:#fff;border:1px solid #333;box-shadow:0 5px 10px rgba(0,0,0,.3);box-sizing:border-box;padding:15px;font-size:11px;line-height:1.3}
.tip-contents .article .tooltip-tit{margin-bottom:10px;color:#333;font-size:12px;font-weight:700}
.tip-contents .article .describe{margin-bottom:5px;font-size:11px;color:#666}
.tip-contents .article span{display:block;margin-top:5px;color:#999}
.tip-contents .article .text-list li{font-size:11px}
.tip-contents a.close{position:absolute;right:10px;top:10px;width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -150px -100px no-repeat;background-size:300px 300px}
.tip-contents .ef{position:absolute;left:50%;top:-10px;width:18px;height:10px;margin-left:-9px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/bg_app_ins.png) 0 0 no-repeat;background-size:18px 10px}
.tip-black{display:none;position:fixed;z-index:90;left:0;top:0;right:0;height:2000px;background-color:rgba(0,0,0,.7)}
#safenumTip.tip-contents,#safenumTip2.tip-contents{width:260px;margin-left:-33px}
#interdeliTip.tip-contents{width:260px}
#authTip.tip-contents{width:auto;margin-left:-50px}
#passwordTip.tip-contents{width:250px;margin-left:-10px}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;z-index:-1}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:1051}
.modal-dialog{position:relative;width:auto;margin:25px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;height:3000px;z-index:1040;background-color:#333}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-iframe{width:100%;display:block;}/* 20200925 */
#myCertificationModal{/*position:absolute;transform:translateX(0) translateZ(0)*/}/* 20221101 */
#myCertificationModal .modal-dialog{-webkit-overflow-scrolling:touch;overflow:scroll}
#myCertificationModal .modal-iframe{background:#fff}
#coupon-download-list{position:absolute;transform:translateX(0) translateZ(0)}
#myCertificationModal .modal-dialog{background:#fff}
#coupon-download-list .coupon-download-list .coupon-list{-webkit-overflow-scrolling:touch;overflow:scroll;border:1px solid #eee}
#coupon-download-list .coupon-download-list .coupon-list ul{margin-top:20px}
.popover-wrap{position:relative}
.popover-wrap .pop-header{position:relative;height:auto;padding:5px 30px 0;border-bottom:1px solid #ededed}/* 20231121 */
.popover-wrap .pop-header h1,.popover-wrap .pop-header h2,.popover-wrap .pop-header h3,.popover-wrap .pop-header h4,.popover-wrap .pop-header h5,.popover-wrap .pop-header h6{font-size:16px;line-height:20px;color:#242424;text-align:center;font-weight:500;padding:10px 0 12px;}/* 20231121 */
.popover-wrap .pop-header:before{content:'';position:absolute;left:0;top:0;width:35%;height:5px;background-color:#45675b;z-index:2;display:none;}/* 20231121 */
.popover-wrap .pop-header:after{content:'';position:absolute;left:0;right:0;top:0;width:100%;height:5px;background-color:#edc5e1;z-index:1;display:none;}/* 20231121 */
.popover-wrap .pop-header.prodname{height:auto;padding:15px 20px}
.popover-wrap .pop-header.prodname h1,.popover-wrap .pop-header.prodname h2,.popover-wrap .pop-header.prodname h3,.popover-wrap .pop-header.prodname h4,.popover-wrap .pop-header.prodname h5,.popover-wrap .pop-header.prodname h6{font-size:14px;line-height:1.3;color:#242424;text-align:left;font-weight:700}
.popover-wrap .pop-header .btn-pop-close{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -120px -100px no-repeat;background-size:300px 300px}/* 20231121 */
.popover-wrap .pop-content{padding:15px;line-height:1.3;}/*lst 20170602*/
.popover-wrap .pop-content .img-box {text-align:center;}/*lst 2017-01-13*/
.popover-wrap .pop-content .img-box img {width:100%;height:auto;}/*lst 2017-01-13*/
.popover-wrap .pop-content.no-fancy{padding:30px}
.popover-wrap .pop-content .button-area{margin-top:20px}
.popover-wrap .pop-content .button-area a{margin-bottom:0}
.popover-wrap .pop-content .button-area.topline{margin:20px -15px 0;padding:15px 17px 0;border-top:1px solid #e6e6e6}
.popover-wrap .pop-content .msg-alert-box {padding:20px 0;font-size:14px;}/*lst 20200131*/
.popover-wrap .pop-content .msg-alert-box.tc {text-align:center;}/*lst 20191106*/
.popover-wrap .pop-content .msg-alert-box p {margin-top:10px;line-height:1.4;}/*lst 20191106*/
.popover-wrap .pop-content .msg-alert-box p:first-child {margin-top:0;}/*lst 20200131*/
.popover-wrap .pop-content .msg-alert-box .tb {font-weight:600;}/*lst 20200131*/
.popover-wrap .pop-content .text-info-type-a dt {font-size:14px;font-weight:700;margin-bottom:5px;}/* 20200902 */
.popover-wrap .pop-content .text-info-type-a dd {margin-bottom:15px;}/* 20200902 */
.popover-wrap .pop-content .text-info-type-a dd p {line-height:1.4;}/* 20200902 */
.popover-wrap .pop-content .text-info-type-a dd:last-child {margin-bottom:0;}/* 20200902 */
.popover-wrap .pop-footer{position:relative;padding:15px 20px;}/*240116*/
.popover-wrap .pop-footer .button-area a{margin-bottom:0}
.popover-wrap2 {position:relative;padding:40px 30px;}/* 20240321 */
.popover-wrap2 .btn-pop-close {position:absolute;right:15px;top:15px;width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -120px -100px no-repeat;background-size:300px 300px}/* 20240321 */
.popover-wrap2 .tit-box {font-size:13px;color:#055d43;font-weight:600;}/* 20240321 */
.popover-wrap2 .cont-box {margin-top:10px;}/* 20240321 */
.popover-wrap2 .cont-box .tit01 {padding-bottom:17px;font-size:16px;color:#101010;font-weight:600;}/* 20240321 */
.popover-wrap2 .cont-box .txt01 {font-size:13px;color:#101010;font-weight:300;line-height:1.5;}/* 20240321 */
.popover-wrap2 .cont-box .notice01 {margin-top:10px;padding-left:13px;text-indent:-13px;font-size:12px;color:#666;font-weight:300;line-height:1.5;}/* 20240321 */
.popover-wrap2 .cont-box .notice01:before {content:"※";margin-right:2px;}/* 20240321 */
.pop-message{margin-bottom:3px;text-align:center;font-size:12px;line-height:1.6;color:#666;letter-spacing:-.5px}
.pop-message strong{color:#333}
.product-list-wrap{padding:0}
.product-list-wrap:after{content:'';clear:both;display:block}
.product-list{border-top:1px solid #e6e6e6}
.product-list ul:after{content:'';clear:both;display:block}
.product-list .prd{/*border-bottom:1px solid #e6e6e6*/}/*20200603*/
.product-list .prod-unit{position:relative;padding:15px 10px}/*20200603*/
.product-list .prod-unit .prod-link{display:block;}
.product-list .prod-unit .img{position:relative;display:block;margin:0 auto;overflow:hidden;}/*20200710*/
.product-list .prod-unit .img > a {display:block;position:relative;}/*20200603*/
.product-list .prod-unit .img > a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.03);z-index:3;}/*20200603*/
.product-list .prod-unit .img img.thumb{display:block;width:100%;height:auto;-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03);}/*20200710*/
.product-list .prod-unit .img button.wish{position:absolute;z-index:10;background:none;border:0;margin:0}/*lst 20200514*/
.product-list .prod-unit .img button.wish .ic_comm{display:block}
.product-list .prod-unit .icon{display:block;height:16px;overflow:hidden}
.product-list .prod-unit .icon span{float:left;height:16px;padding:0 3px;line-height:16px;margin-right:2px;font-size:9px;border-style:solid;border-width:1px;background-color:#fff;white-space:nowrap;box-sizing:border-box}
.product-list .prod-unit .icon span.icon-store{border-color:#444;color:#444}
.product-list .prod-unit .icon span.icon-storepick{border-color:#ec555e;color:#ec555e}
.product-list .prod-unit .icon span.icon-delivery{border-color:#c4ad8f;color:#fff;background-color:#c4ad8f}
.product-list .prod-unit .icon span.icon-deal {border-color:#f00c3d;color:#f00c3d;}/*lst 20180208*/
.product-list .prod-unit .icon span.icon-overseas-delivery {border-color:#020202;color:#020202;}/*lst 20180604 루이자비아로마 해외직배송 */
.product-list .prod-unit .icon span.icon-card {border-color:#46675c;background-color:#46675c;color:#fff;}/*lst 20200427*/
.product-list .prod-unit .icon span.icon-premium-delivery {color:#fff;border-color:#000;background-color:#000;}/* 20221111 */
.product-list .prod-unit .name{display:block;color:#333}
.product-list .prod-unit .price-info{display:block}
.product-list .prod-unit .price-info .price{color:#333}
.product-list .prod-unit .price-info .price span{font-weight:700}
.product-list .prod-unit .price-info .price span.won{font-weight:400}
.product-list .prod-unit .price-info .cost{color:#666;}
.product-list .prod-unit .price-info .cost.line-through {text-decoration:line-through;}/*20201202*/
.product-list .prod-unit .price-info .agreement{color:#666}
.product-list .prod-unit .price-info .sale{display:none;color:#ec555e;}/*20200603*/
.product-list .prod-unit .price-info .sale span{font-weight:700}
.product-list .prod-unit .price-info .sale span.won{font-weight:400}
.product-list .prod-unit .price-info .price .text {font-size:15px !important;} /* 20221122 */
.product-list .prod-unit .count-info{display:block;font-size:12px;color:#666;border-top:0;}/*20200603*/
.product-list .prod-unit .count-info span{display:inline-block;height:12px;vertical-align:middle}
.product-list .prod-unit .count-info span:before{content:'';display:inline-block;width:13px;height:12px;margin:0 2px -2px 0;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px}
.product-list .prod-unit .count-info span.star{margin-right:0;}/*20200603*/
.product-list .prod-unit .count-info span.star:before{background-position:-120px -80px}
.product-list .prod-unit .count-info span.reply:before{content:"/";width:auto;height:auto;margin:1px 4px 0;background:none;}/*20200603*/
.product-list .prod-unit .hash-tag{overflow:hidden;line-height:1.5}
.product-list .prod-unit .hash-tag a{display:inline-block;white-space:nowrap;color:#666}
.product-list .prod-unit .no-hash-tag{overflow:hidden;line-height:1.5}
.product-list .prod-unit .gift{overflow:hidden;line-height:1.5}
.product-list .prod-unit .gift span{display:inline-block;padding-top:0px;width:100%;white-space:nowrap;color:#666;text-overflow:ellipsis;overflow:hidden}/*20200603*/

/* 20220809 */
.product-list .prod-unit .top-flag {display:block;margin-bottom:8px;margin-right:4px !important;height:16px;overflow:hidden;padding:0 !important;border:none !important;}
.product-list .prod-unit .top-flag span {float:left;display:flex;flex-wrap:wrap;align-content:center;align-items:center;height:16px;padding:0 8px 0 3px;line-height:16px;margin-right:4px;font-size:10px;border-style:solid;border-width:1px;background-color:#fff;white-space:nowrap;box-sizing:border-box;border-radius:8px;}
.product-list .prod-unit .top-flag span:last-child {margin-right:0;}
.product-list .prod-unit .top-flag span:before {content:"";display:inline-block;vertical-align:middle;margin-right:4px;background-repeat:no-repeat;background-image:url(https://image.thehyundai.com/hdsmart/images/co/icon_prd_flag_sprite.png);background-size:100px auto;}
.product-list .prod-unit .top-flag span.flag-regreen {color:#fff;border-color:#57987c;background-color:#57987c;}
.product-list .prod-unit .top-flag span.flag-regreen:before {width:12px;height:10px;background-position:0 0;}
.product-list .prod-unit .top-flag span.flag-nft {color:#fff;border-color:#666;background-color:#666;}
.product-list .prod-unit .top-flag span.flag-nft:before {width:8px;height:8px;background-position:-25px 0;}
.product-list .prod-unit .top-flag span.flag-holiday {padding-left:0;color:#fff;border-color:#231f20;background-color:#231f20;}
.product-list .prod-unit .top-flag span.flag-holiday:before {width:16px;height:16px;margin-left:-1px;background-position:-50px 0;}
.product-list .prod-unit .top-flag span.flag-showroom {padding-left:4px;color:#fff;border-color:#000;background-color:#000;}/* 20220927 */
.product-list .prod-unit .top-flag span.flag-showroom:before {width:8px;height:9px;background-position:-75px 0;}/* 20220927 */

/* rsvp 플래그 */
.wrap-flagarea {position: absolute;}
.product-list .prod-unit .top-flag span.flag-rsvp {display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 8px; box-sizing: border-box; text-align: center;}
.product-list .prod-unit .top-flag span.flag-rsvp:before {content: ''; display: block; width: 40px; height: 14px; background: url(https://image.thehyundai.com/hdsmart/images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat; text-indent: -9999px;}
.product-list .prod-unit .top-flag span.flag-rsvp {padding: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}
.product-list .prod-unit .top-flag span.flag-rsvp::before {display : block; margin: 0; background: url(https://image.thehyundai.com/hdsmart/images/vip/logo_rsvp.png) 50%/calc(115px / 4) 10px no-repeat;}
.product-list .prod-unit.prd-rsvp-only .top-flag .flag-rsvp {display: flex !important}
.product-list .prod-unit.zero-prd span.zero-info {font-size: 16px; font-weight: 700}
.product-list.type-grid-s .prod-unit.zero-prd span.zero-info {height: 45px; margin-bottom: 6px;}

.product-list.type-grid-s .prod-unit .top-flag + .rank {top:39px;}
.product-list.type-list .prod-unit .top-flag:empty {height:auto;margin-bottom:0;}
.product-list.type-grid-l .prod-unit, .product-list.type-grid-s .prod-unit {padding:39px 10px 15px 10px;}
.product-list.type-grid-l .top-flag, .product-list.type-grid-s .top-flag {position:absolute;top:15px;}

.product-list.type-grid-l .prod-unit .img{margin-bottom:20px}
.product-list.type-grid-l .prod-unit .img button.wish{right:0;bottom:0;padding:5px}
.product-list.type-grid-l .prod-unit .img button.wish .ic_comm{width:35px;height:35px;background-position:-265px -105px}
.product-list.type-grid-l .prod-unit .img button.wish.on .ic_comm{background-position:-265px -145px}
.product-list.type-grid-l .prod-unit .icon{margin-bottom:12px}
.product-list.type-grid-l .prod-unit .name{margin-bottom:10px;font-size:14px;line-height:1.4}
.product-list.type-grid-l .prod-unit .price-info{margin-bottom:5px;
    -webkit-display:flex;
    -webkit-align-items:baseline;
    -moz-display:flex;
    -moz-align-items:baseline;
    display:flex;
    align-items:baseline;
}/*20200603*/
.product-list.type-grid-l .prod-unit .price-info .price{margin-right:8px;
    -webkit-order:1;
    -moz-order:1;
    order:1;
}/*20200603*/
.product-list.type-grid-l .prod-unit .price-info .price span{font-size:21px;}/*20200603*/
.product-list.type-grid-l .prod-unit .price-info .price span.won{font-size:14px;font-weight:400;}/*lst 20200427*/
.product-list.type-grid-l .prod-unit .price-info .cost {
    -webkit-order:3;
    -moz-order:3;
    order:3;
}/*lst 20200427*/
.product-list.type-grid-l .prod-unit .price-info .cost span{font-size:14px;}
.product-list.type-grid-l .prod-unit .price-info .cost span.won{font-size:12px}/*lst 20200427*/
.product-list.type-grid-l .prod-unit .price-info .agreement {
    -webkit-order:3;
    -moz-order:3;
    order:3;
}/*lst 20200427*/
.product-list.type-grid-l .prod-unit .price-info .agreement span{font-size:14px}
.product-list.type-grid-l .prod-unit .price-info .sale{margin-right:6px;
    -webkit-order:2;
    -moz-order:2;
    order:2;
}/*20200603*/
.product-list.type-grid-l .prod-unit .price-info .sale span{font-size:18px;}/*20200603*/
.product-list.type-grid-l .prod-unit .price-info .sale span.per{font-size:16px;font-weight:400;}/*lst 20200427*/
.product-list.type-grid-l .prod-unit .count-info{padding:10px 0 5px;min-height:13px;}/*lst 20191112*/
.product-list.type-grid-l .prod-unit .rank{display:none}
.product-list.type-grid-l .prod-unit .hash-tag{position:absolute;left:115px;right:20px;bottom:19px;height:13px;text-align:right;line-height:14px}/*20200603*/
.product-list.type-grid-l .prod-unit .hash-tag a{font-size:12px}/*20200603*/
.product-list.type-grid-l .prod-unit .no-hash-tag{display:none}
.product-list.type-grid-l .prod-unit .gift{position:absolute;left:115px;right:20px;bottom:21px;height:13px;text-align:right;line-height:14px}/*20200603*/
.product-list.type-grid-l .prod-unit .gift span{font-size:12px}/*20200603*/
.product-list.type-grid-s ul {display:flex;flex-wrap:wrap;}/* 20240809 */
.product-list.type-grid-s .prd{box-sizing:border-box;padding-left:0;}/* 20240809 */
.product-list.type-grid-s .prod-unit{padding-left:10px;padding-right:10px}/*20200603*/
.product-list.type-grid-s .prod-unit .img{margin-bottom:12px;}
.product-list.type-grid-s .prod-unit .img button.wish{right:0;bottom:0;padding:5px}
.product-list.type-grid-s .prod-unit .img button.wish .ic_comm{width:29px;height:29px;background-position:-230px -105px}
.product-list.type-grid-s .prod-unit .img button.wish.on .ic_comm{background-position:-230px -145px}
.product-list.type-grid-s .prod-unit .icon{margin-bottom:7px}
.product-list.type-grid-s .prod-unit .name{min-height:2.8em;margin-bottom:12px;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}/*lst 20240930*/
.product-list.type-grid-s .prod-unit .price-info{height:45px;margin-bottom:6px;overflow:hidden;
    -webkit-display:flex;
    -webkit-flex-direction:row;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: start;
    -moz-display:flex;
    -moz-flex-direction:row;
    -moz-flex-wrap: wrap;
    -moz-align-content: start;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    align-content: start;
}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .price{
    -webkit-order:3;
    -webkit-flex:1 0 100%;
    -moz-order:3;
    -moze-flex:1 0 100%;
    order:3;
    flex:1 0 100%;
}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .price span{font-size:19px;}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .price span.won{font-size:12px;font-weight:400;}/*lst 20200427*/
.product-list.type-grid-s .prod-unit .price-info .cost{margin-bottom:7px;
    -webkit-order:2;
    -webkit-align-self:center;
    -moz-order:2;
    -moz-align-self:center;
    order:2;
    align-self:center;
}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .cost span{font-size:12px}/*lst 20200427*/
.product-list.type-grid-s .prod-unit .price-info .cost span.won{font-size:12px}/*lst 20200427*/
.product-list.type-grid-s .prod-unit .price-info .agreement{height:18px;
    -webkit-order:3;
    -moz-order:3;
    order:3;
}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .agreement span{font-size:12px}/*lst 20200427*/
.product-list.type-grid-s .prod-unit .price-info .sale {margin-bottom:5px;margin-right:5px;
    -webkit-order:1;
    -moz-order:1;
    order:1;
}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .sale span {font-size:16px;}/*20200603*/
.product-list.type-grid-s .prod-unit .price-info .sale span.per {font-size:14px;font-weight:400;}/*lst 20200427*/
.product-list.type-grid-s .prod-unit .count-info{padding:0;box-sizing:border-box;min-height:18px;}/*20200603*/
.product-list.type-grid-s .prod-unit .rank{position:absolute;z-index:5;left:0;top:39px;width:33px;height:33px;background-color:#333;overflow:hidden;text-align:center}/* 20220809 */
.product-list.type-grid-s .prod-unit .rank span{display:inline-block;padding-top:8px;padding-bottom:2px;font-size:14px;color:#fff;border-bottom:1px solid #fff}
.product-list.type-grid-s .prd:nth-child(1) .prod-unit .rank,.product-list.type-grid-s .prd:nth-child(2) .prod-unit .rank,.product-list.type-grid-s .prd:nth-child(3) .prod-unit .rank,.product-list.type-grid-s .prd:nth-child(4) .prod-unit .rank{width:36px;height:36px;background-color:#ec555e}
.product-list.type-grid-s .prd:nth-child(1) .prod-unit .rank span,.product-list.type-grid-s .prd:nth-child(2) .prod-unit .rank span,.product-list.type-grid-s .prd:nth-child(3) .prod-unit .rank span,.product-list.type-grid-s .prd:nth-child(4) .prod-unit .rank span{font-size:16px}
.product-list.type-grid-s .prd:nth-child(2n-1) .prod-unit .rank {left:10px;}/*20200610*/
.product-list.type-grid-s .prd:nth-child(2n) .prod-unit .rank {left:5px}/*20200610*/
.product-list.type-grid-s .prod-unit .hash-tag{height:18px;margin-bottom:3px}/*20200603*/
.product-list.type-grid-s .prod-unit .hash-tag a{font-size:12px}/*20200603*/
.product-list.type-grid-s .prod-unit .no-hash-tag{height:18px;margin-bottom:3px}/* 20220809 */
.product-list.type-grid-s .prod-unit .gift{height:18px;margin-bottom:3px}/*20200603*/
.product-list.type-grid-s .prod-unit .gift span{font-size:12px}/*20200603*/
.product-list.type-list .prd {margin-top:5px;}/*20200603*/
.product-list.type-list .prd:first-child {margin-top:0;}/*20200603*/
.product-list.type-list .prod-unit{position:relative;min-height:158px;padding-left:178px;padding-right:10px;}/*20200603*/
.product-list.type-list .prod-unit .img{position:absolute;left:10px;top:15px;width:158px;height:158px}/*20200603*/
.product-list.type-list .prod-unit .img button.wish{left:0;bottom:0;padding:5px}/*20200610*/
.product-list.type-list .prod-unit .img button.wish .ic_comm{width:24px;height:24px;background-position:-200px -105px}
.product-list.type-list .prod-unit .img button.wish.on .ic_comm{background-position:-200px -145px}
.product-list.type-list .prod-unit .icon{margin-bottom:7px;}/* lst 20191121*/
.product-list.type-list .prod-unit .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;margin-bottom:12px;font-size:14px;line-height:1.4;}/*20200603*/
.product-list.type-list .prod-unit .price-info{margin-bottom:12px;
    -webkit-display:flex;
    -webkit-flex-direction:row;
    -webkit-flex-wrap:wrap;
    -moz-display:flex;
    -moz-flex-direction:row;
    -moz-flex-wrap:wrap;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}/*20200603*/
.product-list.type-list .prod-unit .price-info .price{
    -webkit-order:3;
    -webkit-flex:1 0 100%;
    -moz-order:3;
    -moz-flex:1 0 100%;
    order:3;
    flex:1 0 100%;
}/*20200603*/
.product-list.type-list .prod-unit .price-info .price span{font-size:19px;}/*20200603*/
.product-list.type-list .prod-unit .price-info .price span.won{font-size:12px;font-weight:400;}/*lst 20191121*/
.product-list.type-list .prod-unit .price-info .cost {margin-bottom:7px;
    -webkit-order:2;
    -moz-order:2;
    order:2;
    -webkit-align-self:center;
    -moz-align-self:center;
    align-self:center;
}/*20200603*/
.product-list.type-list .prod-unit .price-info .cost span{font-size:12px;}/*lst 20191121*/
.product-list.type-list .prod-unit .price-info .cost span.won{font-size:12px;}/*lst 20191121*/
.product-list.type-list .prod-unit .price-info .agreement{margin-bottom:7px;
    -webkit-order:2;
    -moz-order:2;
    order:2;
    -webkit-align-self:center;
    -moz-align-self:center;
    align-self:center;
}/*20200603*/
.product-list.type-list .prod-unit .price-info .agreement span{font-size:12px}/*lst 20200427*/
.product-list.type-list .prod-unit .price-info .sale{margin-bottom:5px;margin-right:5px;
    -webkit-order:1;
    -moz-order:1;
    order:1;
}/*20200603*/
.product-list.type-list .prod-unit .price-info .sale span{font-size:16px;}/*20200603*/
.product-list.type-list .prod-unit .price-info .sale span.per{font-size:14px;font-weight:400;}/*lst 20200427*/
.product-list.type-list .prod-unit .count-info{padding:3px 0 0;}/*20200603*/
.product-list.type-list .prod-unit .prod-link + .count-info{margin-top:15px;}/*lst 20191121*/
.product-list.type-list .prod-unit .rank{display:none}
.product-list.type-list .prod-unit .hash-tag{max-height:1.2em;margin:0 0 2px;line-height:1.2;}/*20200603*/
.product-list.type-list .prod-unit .hash-tag a{font-size:12px}/*20200603*/
.product-list.type-list .prod-unit .no-hash-tag{display:none}
.product-list.type-list .prod-unit .gift{max-height:1.2em;margin:0 0 2px;line-height:1.2;}/*20200603*/
.product-list.type-list .prod-unit .gift span{font-size:12px;}/*20200603*/
.product-list.type-grid-l .prod-unit .price-info.type-rental .price .mprice-txt {display:inline-block;font-size:13px;font-weight:400;color:#999;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-l .prod-unit .price-info.type-rental .agreement {display:block;margin-top:4px;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-l .prod-unit .price-info.type-rental .agreement span{font-size:13px;line-height:1.4;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-l .prod-unit .price-info.type-rental .contract-txt {display:block;color:#333;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-l .prod-unit .price-info.type-rental .contract-txt .info-txt {color:#757575;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-s .prod-unit .price-info.type-rental .agreement {margin-top:2px;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-s .prod-unit .price-info.type-rental .price .mprice-txt {font-size:11px;font-weight:400;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-s .prod-unit .price-info.type-rental .price:before {content:"월";font-size:11px;}/* lst 렌탈상품 20170406*/
.product-list.type-grid-s .prod-unit .price-info.type-rental .mprice-txt {display:none;}/* lst 렌탈상품 20170406*/
.product-list.type-list .prod-unit .price-info.type-rental .price .mprice-txt {font-size:11px;font-weight:400;}/* lst 렌탈상품 20170406*/
.product-list.type-list .prod-unit .price-info.type-rental .agreement {display:block;margin-top:2px;}/* lst 렌탈상품 20170406*/
#cate-scroller .prod-unit{height:112px}
#cate-scroller .prod-unit .name{height:36px;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}
@media (max-width: 479px) {
    .product-list.type-grid-s .prd{width:50%}
    .product-list.type-grid-s .prd:nth-child(2n){padding-left:0;padding-right:0;}/*20200603*/
    .product-list.type-grid-s .prd:nth-child(2n-1) .prod-unit {padding-right:5px;}/*20200603*/
    .product-list.type-grid-s .prd:nth-child(2n) .prod-unit {padding-left:5px;}/*20200603*/
}
@media (min-width: 480px) and (max-width: 800px) {
    .product-list.type-grid-s .prd{width:33.33%}
    .product-list.type-grid-s .prd:nth-child(3n+1){padding-left:10px;padding-right:0}
    .product-list.type-grid-s .prd:nth-child(3n+2){padding-left:5px;padding-right:5px}
    .product-list.type-grid-s .prd:nth-child(3n){padding-left:0;padding-right:10px}
    .product-list.type-grid-s .prd:nth-child(3n+2) .prod-unit .rank {left:10px;}/*2020060310*/
}
@media (min-width: 801px) {
    .product-list.type-grid-s .prd{width:25%}
    .product-list.type-grid-s .prd:nth-child(4n+1){padding-left:10px;padding-right:0}
    .product-list.type-grid-s .prd:nth-child(4n+2),.product-list.type-grid-s .prd:nth-child(4n+3){padding-left:5px;padding-right:5px}
    .product-list.type-grid-s .prd:nth-child(4n){padding-left:0;padding-right:10px}
    .product-list.type-grid-l .prd{float:left;width:50%}
    .product-list.type-grid-l .prod-unit .name{min-height:2.8em;margin-bottom:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
    .product-list.type-list ul {display:flex;flex-wrap:wrap;}/* 20220809 */
    .product-list.type-list .prd{width:50%}/* 20220809 */
    .product-list.type-list .prod-unit .name{height:auto;overflow:hidden}
    .product-list.type-grid-s .prd:nth-child(4n+2) .prod-unit .rank {left:10px;}/*2020060310*/
    .product-list.type-grid-s .prd:nth-child(4n) .prod-unit .rank {left:10px;}/*2020060310*/
}
#loadingBar{position:fixed;z-index:10000;top:50%;left:50%;width:79px;height:79px;margin:-40px 0 0 -40px}
.loading-icon{position:relative;width:79px;height:79px}
.loading-icon .circle{position:absolute;z-index:2;left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;background:url(https://image.thehyundai.com/hdsmart/images/co/loading-circle.png) no-repeat 0 0;background-size:100% 100%}
.loading-icon .around{position:absolute;z-index:1;left:50%;top:50%;margin-left:-34px;margin-top:-34px;width:68px;height:68px;background:url(https://image.thehyundai.com/hdsmart/images/co/loading-around.png) no-repeat 0 0;background-size:100% 100%;-webkit-animation:loading 1s infinite;animation:loading 1s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes loading {
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@keyframes loading {
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
@keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@keyframes fadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
.fl-left{float:left}
.fl-right{float:right}
.txt-right{text-align:right!important}
.txt-center{text-align:center!important}
.content-wrap{padding:0 25px;margin-top:25px}
.text-point5,.text-point5 a{color:#ec555d!important}
.text-point8 {font-size:14px;text-decoration:underline;text-underline-position:under;} /* 20220610 */
.login-link a:before{background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat;background-size:300px 300px}
.login .login-link{margin:25px 0 22px;text-align:center}
.login .login-link a:before{content:'';display:inline-block;margin:0 8px 0 3px;width:1px;height:11px;background-position:-90px -60px;vertical-align:middle}
.login .login-link a:first-child:before{display:none}
.icon-sns {display:inline-block;vertical-align:middle;width:22px;height:20px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_sns.png);background-repeat:no-repeat;}/*lst 20190507*/
.icon-sns.kakao {background-position:0 0;background-size:150px auto;}/*lst 20190507*/
.icon-right-arrow {display:inline-block;vertical-align:middle;width:6px;height:9px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat -155px -70px;background-size:300px auto;}/*lst 20190507*/
.login-link-list {margin-top:25px;padding-bottom:22px;text-align:center;}/*lst 20190507*/
.login-link-list .link-item {display:inline-block;vertical-align:middle;padding:0 5px;}/*lst 20190507*/
.login-link-list .link-item a span {display:inline-block;vertical-align:middle;padding:0 5px;line-height:1.4;}/*lst 20190507*/
.login{font-size:12px}
.login p{line-height:1.6}
.login p.recover-btm-txt{font-size:10px}
.login .form-container{margin-top:20px}
.login .form-container:first-child{margin-top:0}
.login .form-container p.btn-top{margin-top:0;margin-bottom:4px}
.login .button-area{margin-top:10px;margin-bottom:25px}
.login .button-area.size-third{margin-top:0}
.login .checkbox-ui+span{padding-left:5px}
.login .lock p{margin-top:10px}
.login .lock p>strong{font-size:19px;color:#333;line-height:1.3}
.login .lock i.icon-lock{display:inline-block;width:51px;height:51px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_bg_icon.png) no-repeat;background-size:300px 300px;background-position:-70px 0;text-align:center}
.login .lock+div.button-area{margin:25px 0 15px}
.login .lock~div.alert{font-size:11px}
.login .alert strong{color:#333}
.login .id-find .button-area{margin-top:25px}
.login .id-find .form-container{margin-top:15px}
.join .input-msg,.login .input-msg{color:#ec555d;margin:10px 0}
.join .input-msg2,.login .input-msg2{color:#666}
.join .input-msg2,.login .input-msg2 strong{color:#333}
.login .form-container.input-type2 .form-group{margin-bottom:0;margin-top:-1px}
.login .id-check{display:inline-block;position:absolute;right:0;top:0;width:80px;height:40px;text-align:center;line-height:40px;border-left:1px solid #e6e6e6;color:#666}
.login .find-msg{margin:14px 0;padding:15px 5px;border:1px solid #e6e6e6;border-left:0;border-right:0;line-height:1.6}
.login .find-msg .id-info span{display:inline-block;width:60px}
.login .find-msg .id-info strong:before{content:'';display:inline-block;width:1px;height:15px;margin-right:12px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat;background-size:300px 300px;background-position:-90px -56px;vertical-align:top}
.login .find-msg .id-box{line-height:2.5;margin-top:15px}
.login .find-msg .id-box .nw{white-space:nowrap}
.login .find-msg .id-box label{display:block;margin-bottom:10px}
.login .find-msg .id-no{line-height:1.6;margin-top:15px;color:#333}
.login .find-msg strong{display:inline-block;color:#333}
.login .find-msg+.text-list{margin-bottom:20px}
.login .find-msg+.text-list li.has-button{position:relative;padding-right:100px}
.login .find-msg+.text-list li.has-button .inline-btn{position:absolute;right:0;top:50%;margin-top:-10px}
.login .inline-btn{display:inline-block;height:18px;padding:2px 10px;font-size:12px;color:#666;line-height:1.4;background-color:#fff;border:1px solid #ccc}
.login .inline-btn i{display:inline-block;width:5px;height:9px;margin-left:3px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat;background-size:300px 300px;background-position:-45px -80px}
.login .sns-login{text-align:center;}/*20200703*/
.login .sns-login:after{content:'';clear:both;display:block}
.login .sns-login strong{display:inline-block;width:97px;text-align:center;font-size:12px;color:#999;line-height:45px;vertical-align:middle}
.login .sns-login .link {display:block;vertical-align:middle}/*20200703*/
.login .sns-login .link li {display:inline-block;padding:0 3px;}/*20200703*/
.login .sns-login .link li a{display:block}
.login .sns-login .link li a .ic_comm.naver{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -135px -70px;background-size:200px 200px;}/*20200703*/
.login .sns-login .link li a .ic_comm.kakao{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat 0px -122.5px;background-size:200px 200px;}/*20200703*/
.login .sns-login .link li a .ic_comm.facebook{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -50px -122.5px;background-size:200px 200px;}/*20200703*/
.login .sns-login .link li a .ic_comm.google{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -100px -122.5px;background-size:200px 200px;}/*20200703*/
.login .sns-login .link li a .ic_comm.samsungpass{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -35px -70px;background-size:200px 200px;}/*20200703*/
.login .sns-login .link li a .ic_comm.apple{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -150px -122.5px;background-size:200px 200px;}/*20200703*/
.login .idpw-send{margin-bottom:20px}
.login .idpw-send i.ic_bg_icon{width:51px;height:51px;margin-bottom:10px;background-position:-125px 0}
.login .idpw-send p{margin-bottom:15px;letter-spacing:-1px;font-size:11px}
.login .idpw-send p strong{color:#333}
.login .idpw-send .send-title{font-size:19px;color:#333;line-height:1.3}
.login .button-area.btnbox-type1{margin-top:20px}
.login .text-list{margin-top:15px}
.login .auth-complete{margin-bottom:20px}
.login .auth-complete i.ic_bg_icon{width:40px;height:50px;margin-bottom:10px;background-position:-235px 0}
.login .auth-complete p{margin-bottom:15px;font-size:12px}
.login .auth-complete p strong{color:#333}
.login .auth-complete .send-title{font-size:19px;color:#333;line-height:1.3}
.login .time-over{margin-bottom:20px}
.login .time-over i.ic_bg_icon{width:50px;height:50px;margin-bottom:10px;background-position:-180px 0}
.login .time-over p{margin-bottom:15px;font-size:11px;letter-spacing:-1px}
.login .time-over p strong{color:#333}
.login .time-over .send-title{font-size:19px;color:#333;line-height:1.3}
.join{font-size:12px;line-height:1.4}
.join .sub-title h3{font-size:12px;color:#333}
.join .sub-title.fx h3{font-size:14px;color:#333}
.join .sub-title h3>strong{font-weight:700}
.join .sub-title h3.st{font-size:14px}
.join .sub-title h3.fl-left{color:#666}
.join .sub-title p{margin-top:5px}
.join .sub-title p span{color:#333}
.join p.top-text{line-height:1.5em;padding-bottom:5px;font-size:12px}
.join p.top-text span,.join p.btm-text span{color:#333}
.join p.top-text.nsl{margin-bottom:7px}
.join p.top-text.nsl strong{margin-right:5px;color:#333;font-weight:700}
.join p.top-text.gi{margin-bottom:10px}
.join p.btm-text{line-height:1.5em;padding-top:5px;font-size:12px}
.join p.btm-text2{line-height:1.5em;padding-top:5px;font-size:11px}
.join .form-container.input-type2 .form-group{margin-bottom:0;margin-top:-1px}
.join .form-container.input-type2 .form-group.double{width:75%}
.join .form-group.validation.error.double input.text{border-color:#ccc}
.join .id-check{display:inline-block;position:absolute;right:0;top:0;width:25%;height:40px;text-align:center;line-height:36px;border:1px solid #ccc;color:#666;border-left:0}
.join .id-check a{vertical-align:middle;line-height:16px;word-break:normal;display:inline-block}
.join p.id-double-error{color:#ec555d;padding:5px 0 15px}
.join .button-area.join-top-btn .btn-light{border-color:#e6e6e6;color:#666}
.join-step{margin-bottom:25px}
.join-step ol{width:100%;height:42px;display:table;border-right:1px solid #e6e6e6}
.join-step li{display:table-cell;vertical-align:middle;height:42px;box-sizing:border-box;border:1px solid #e6e6e6;border-right:0;background-color:#fff;color:#666;text-align:center;font-size:12px;line-height:1.3}
.join-step li.on{background-color:#666;border-color:#666;color:#fff}
.join .join-select{margin-top:10px;overflow:hidden;font-size:0}
.join .join-select .button{display:inline-block;width:50%;height:90px;position:relative;text-align:center;box-sizing:border-box;border:1px solid #e6e6e6;color:#999;background-color:#fff}
.join .join-select .button.btn1{border-right:0;border-bottom:0}
.join .join-select .button.btn2{border-bottom:0}
.join .join-select .button.btn3{border-right:0}
.join .join-select .button a{display:block;font-size:12px;margin:25px auto 10px;background-color:#fff}
.join .join-select .button a i{display:block;margin:3px auto}
.join .join-select .button.btn1 i{width:25px;height:25px;background-position:0 -110px}
.join .join-select .button.btn2 i{width:75px;height:25px;background-position:-30px -110px}
.join .join-select .button.btn3 i{width:61px;height:25px;background-position:-110px -110px}
.join .join-select .button.btn4 i{width:67px;height:25px;background-position:-175px -114px}
.join .join-select span.ic_comm{width:10px;height:20px;position:absolute;right:12px;top:35px;background-position:-65px -35px}
.join .language-box{width:100%;margin-top:20px;padding:15px 0;overflow:hidden;background-color:#f8f8f8}
.join .language-box .tit{float:left;margin-left:20px;line-height:34px;text-align:center}
.join .language{background-color:#fff;margin-right:20px;margin-left:93px}
.join .join-end p{font-size:16px;color:#333}
.join .join-end p strong{font-size:22px;color:#333}
.join .join-end.divide  { margin-top:30px }
.join .join-end .txt-box {padding:15px;text-align:left;}/*lst 20190218*/
.join .join-end .txt-box ul li {position:relative;padding-left:8px;margin:11px 0 0 3px;}/*lst 20190218*/
.join .join-end .txt-box ul li:before {content:"*";display:inline-block;position:absolute;left:0;top:2px;}/*lst 20190218*/
.join .bnr{margin-top:25px;padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;overflow:hidden;text-align:center}
.join .bnr li{display:inline-block;width:85px}
.join .bnr li span.bnr-text{display:block}
.join .bnr li .bnr-img1{width:41px;height:41px;background-position:0 -65px}
.join .bnr li .bnr-img2{width:41px;height:41px;background-position:-45px -65px}
.join .bnr li .bnr-img3{width:47px;height:41px;background-position:-95px -65px}
.join .email-input{margin-top:10px}
.join .email-input:after{content:'';clear:both;display:block}
.join .email-input.form-container .form-group{width:59%;float:left;margin-bottom:0}
.join .email-input.form-container .form-group .input-validation{top:8px}
.join .email-input .form-group input.text{width:100%;height:30px}
.join .email-input .email-list .select-ui-wrap .textview{padding:6px 25px 7px 10px}
.join .email-input .email-list{width:39%;height:30px;position:relative;float:right}
.join .email-input .email-list + p.error-message{clear:both;height:auto;padding-top:5px}
.join .email-input p{clear:both;height:40px}
.join .button-area{margin-top:25px}/*lst 20170529*/
.join .content-wrap .sns-form{margin-top:10px;margin-bottom:20px}
.join .content-wrap .sns-form .form-group+.chk-box{margin-top:10px}
.join .content-wrap .sns-form .chk-box{margin-top:5px}
.join .content-wrap .form-container{margin-bottom:20px}
.join .login-link a:before{background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat;background-size:300px 300px}
.join .login-link{margin:25px 0 22px;text-align:center}
.join .login-link a:before{content:'';display:inline-block;margin:0 8px 0 3px;width:1px;height:11px;background-position:-90px -60px;vertical-align:middle}
.join .login-link a:first-child:before{display:none}
.join .agreement-box{margin-bottom:15px}
.join .agreement-box .agreement{height:90px;margin-top:5px;padding:10px 14px;border:1px solid #e6e6e6;font-size:10px;line-height:1.4em;overflow-y:auto}
.join .sub-title:after{content:'';display:block;clear:both}
.join .sub-title .view-more{float:right;color:#666}
.join .sub-title .view-more>i{display:inline-block;width:9px;height:12px;margin-left:3px;background-position:-45px -80px;vertical-align:middle}
.join .sub-title + .agreement-box{margin-top:10px}
.join .button-area.join-top-btn{margin-bottom:25px}
.join .button-area.size-third.join-top-btn .button{padding:0}
.join .button-area.size-third.join-top-btn .button a{padding:13px 7px}
.join .button-area.size-third.join-top-btn .button.btn-side{width:30%}
.join .button-area.size-third.join-top-btn .button.btn-center{width:40%}
.join .button-area.join-top-btn .btn-default{background-color:#666}
.join .join-1{margin-top:15px}
.join .join-1+.button-area{margin-top:10px}
.join .gigaip{margin:15px -25px;padding:0 25px 10px;border-bottom:1px solid #e6e6e6}
.join .gigaip p{margin-bottom:12px;font-size:12px;color:#666;line-height:1.3}
.join .gigaip p strong{font-size:12px;color:#333;font-weight:700}
.agreement-contents .doc-area{position:relative;height:280px;overflow:hidden}
.btm-join-link{position:relative;padding:20px 110px 20px 20px;background-color:#f8f8f8;line-height:1.6;color:#666}
.btm-join-link .link{position:absolute;right:23px;top:50%;margin-top:-10px;display:inline-block;font-size:14px;color:#46675c;font-weight:700}
.btm-join-link .link .ic_comm{width:8px;height:12px;margin-left:4px;background-position:-55px -80px;vertical-align:middle}
.join-start{position:relative}
.join-start .language{position:absolute;right:0;top:0;margin:0;width:100px}
.join-start h3{padding:7px 0 20px;margin-bottom:25px;font-size:14px;color:#333;border-bottom:1px solid #e6e6e6}
.s-auth-select{margin-bottom:25px}
.s-auth-select h4{font-size:13px;color:#333;margin-bottom:5px;padding-left:6px;position:relative}
.s-auth-select h4:before{content:"";display:block;position:absolute;left:0;top:7px;width:2px;height:2px;background:#333;vertical-align:middle}/*20201013*/
.s-auth-select h4 sub{font-size:11px;color:#888}
.s-auth-select ul:after{content:'';clear:both;display:block}
.s-auth-select ul li{float:left;width:33.3%;height:80px;text-align:center;margin-top:-1px;border:1px solid #e6e6e6;margin-right:-1px;box-sizing:border-box;position:relative}/*20201013*/
.s-auth-select ul.type2 li{width:50%}
.s-auth-select ul li.active{border:1px solid #46675c;z-index:10}
.s-auth-select ul li a{display:block;height:100%;padding-top:17px;box-sizing:border-box}
.s-auth-select ul li a .ic_bg_icon{display:block;width:25px;height:25px;margin:0 auto}
.s-auth-select ul li.s-facebook a .ic_bg_icon{background-position:-55px -230px}
.s-auth-select ul li.s-google a .ic_bg_icon{background-position:-267px -230px}/*20201013*/
.s-auth-select ul li.s-naver a .ic_bg_icon{background-position:-115px -230px}
.s-auth-select ul li a span{display:block;font-size:10px;color:#333}
.s-auth-select ul li.s-samsungpass a .ic_bg_icon{width:38px;height:25px;background-position:-150px -229px}/*lst 20170529*/
.s-auth-select ul li.s-kakao a .ic_bg_icon{background-position:-200px -230px}/*lst 20170704*/
.s-auth-select ul li.s-phone a .ic_bg_icon{background-position:-234px -230px}/*20201013*/
.s-auth-select ul li a span{display:block;padding-top:5px;font-size:10px;color:#999}/*lst 20170529*/
.s-auth-select ul li.active a span {color:#333;}/*lst 20170529*/
.type-num4.s-auth-select ul li {width:50%;margin-top:-1px;}/*lst 20170529*/
.m-auth-select h4{position:relative;margin-bottom:15px;font-size:13px;color:#333;padding-left:6px;position:relative}
.m-auth-select h4:before{content:"";display:block;position:absolute;left:0;top:7px;width:2px;height:2px;background:#333;vertical-align:middle}/*20201013*/
.m-auth-select h4 a{display:block}
.m-auth-select h4 a .toggle{position:absolute;right:0;top:5px;width:15px;height:10px;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;background-position:-250px -60px}
.m-auth-select.open h4 a .toggle{background-position:-250px -45px}
.m-auth-select .mail-auth-box{display:none}
.m-auth-select.open .mail-auth-box{display:block}
.m-auth-select .mail-auth-box p.btm-text{height:auto;padding-top:15px;margin-bottom:15px}
.m-auth-select .button a{display:block;font-size:16px;line-height:42px;text-align:center;border-style:solid;border-width:1px}
.m-auth-select .button{clear:both}
.m-auth-select .button.auth a{border-color:#46675c;background-color:#46675c;color:#fff}
.m-auth-select .button.re a{border-color:#749288;background-color:#fff;color:#46675c}
.m-auth-select .no-mail-message{background-color:#f8f8f8}
.m-auth-select .no-mail-message a{display:block;padding:15px;color:#666;font-size:12px}
.m-auth-select .no-mail-message a em{color:#45675b;font-weight:600}
.m-auth-select .mail-auth-box .list-info {margin-top:20px;padding-left:6px;text-indent:-6px;}/* 20230530 */
.m-auth-select .mail-auth-box .list-info li {margin-top:7px;font-size:12px;line-height:1.4;}/* 20230530 */
.m-auth-select .mail-auth-box .list-info li:first-child {margin-top:0px;}/* 20230530 */
.m-auth-select .mail-auth-box .list-info li:before {content:"";display:inline-block;vertical-align:middle;margin:-3px 4px 0 0;width:2px;height:2px;background-color:#808080;}/* 20230530 */
#facebookModal p{text-align:center;line-height:1.5}
#facebookModal p span{display:block;text-align:left}
#facebookModal p span + span{margin-top:6px}
#facebookModal .button-area{margin-top:0}
.no-email-desc{line-height:1.5}
.no-email-desc p{margin-bottom:15px;text-align:center;font-size:13px;color:#333}
.no-email-desc ul{margin-bottom:15px}
.no-email-desc ul:after{content:'';clear:both;display:block}
.no-email-desc li{float:left;width:50%;margin-bottom:10px;box-sizing:border-box}
.no-email-desc li:nth-child(2n+1){padding-right:5px}
.no-email-desc li:nth-child(2n){padding-left:5px}
.no-email-desc li a{display:block;font-size:12px;color:#666;line-height:28px;text-align:center;border:1px solid #ccc}
.no-email-desc .mail-not-use{display:block;margin-bottom:10px;font-size:12px;text-align:center}
.no-email-desc .mail-not-use em{color:#45675b}
.phone-auth-form .section{position:relative;margin-bottom:20px}
.phone-auth-form h3{margin-bottom:10px;font-size:14px;color:#333}
.phone-auth-form .form-container{margin-bottom:15px!important}
.phone-auth-form .form-group input{height:32px}
.phone-auth-form .button-area{margin-top:15px!important}
.phone-auth-form .phone-set{position:relative;height:32px}
.phone-auth-form .phone-set .form-group{position:relative;float:left;width:33.3%;box-sizing:border-box;text-align:center}
.phone-auth-form .phone-set .form-group:nth-child(1){padding-right:10px}
.phone-auth-form .phone-set .form-group:nth-child(2){padding-left:5px;padding-right:5px}
.phone-auth-form .phone-set .form-group:nth-child(3){padding-left:10px}
.phone-auth-form .phone-set .form-group input{text-align:center;padding:0}
.phone-auth-form .phone-set .form-group:nth-child(2):before,.phone-auth-form .phone-set .form-group:nth-child(2):after{content:'';position:absolute;top:50%;width:5px;height:1px;background-color:#666}
.phone-auth-form .phone-set .form-group:nth-child(2):before{left:-5px}
.phone-auth-form .phone-set .form-group:nth-child(2):after{right:-5px}
.phone-auth-form .time-limit{position:absolute;right:0;top:3px}
.phone-auth-form .phone-static{font-size:20px;font-weight:700;color:#333;letter-spacing:2px}
.email-auth-form .email-set {display:flex;align-items:center;}
.email-auth-form .email-set .form-group {width:50%;}
.email-auth-form .email-set .scol {margin:0 5px;}
.join-coupon{padding:17px 0;margin-top:23px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.join-coupon img{display:block;width:130px;margin:0 auto}
.number-event   {padding:17px 0;margin-top:23px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; font-size:16px; text-align:center }
.number-event em    { font-weight:bold; color:#333; font-size:20px }
.number-event-desc  { margin-top:20px }
.number-event-desc li   { line-height:20px }
.focus-message{display:none;font-size:12px;margin:5px 0 10px}
.focus-message:before{content:'*';padding-right:3px}
.pop-content.addr,.pop-content.addr a{font-size:12px;color:#666;line-height:1.5}
.pop-content.addr .form-group{margin-bottom:0}
.pop-content.addr .form-group input.text{height:32px;border-color:#e6e6e6}
.pop-content.addr.topline{border-top:1px solid #e6e6e6}
.addr-wrap .addr-input-wrap{position:relative;margin-top:15px}
.addr-wrap .addr-input-wrap .form-group{margin-right:60px}
.addr-wrap .addr-input-wrap .btn-search{position:absolute;right:0;top:0;height:32px;margin:0;padding:0 14px;font-size:12px;color:#fff;border:1px solid #666;background-color:#666;line-height:32px}
.addr-wrap .title{font-size:14px;margin-bottom:4px;}/*20201224*/
.addr-wrap .tit-ex{font-size:12px;}/*20201224*/
.pop-content.addr .nodata p{padding:75px 0;text-align:center}
.pop-content.addr .nodata p strong{font-weight:700;color:#333}
.addr-content h3{font-size:14px;margin-bottom:7px;color:#333}
.addr-content .addr-top{margin:0 -3px;font-size:0}
.addr-content .addr-select{width:50%;padding:0 3px;display:inline-block;font-size:12px;box-sizing:border-box}
.select-ui-wrap .textview{padding:7px 25px 7px 10px}
.addr-list{max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:0;margin-top:10px;border:1px solid #e6e6e6;font-size:11px;line-height:1.7}
.addr-list a{display:block;font-size:11px!important}
.addr-list li{padding:7px 12px;border-top:1px solid #e6e6e6}
.addr-list li .addr-line{display:block;margin:3px 0}
.addr-list li:first-child{border-top:0}
.addr-list li .zipcode{display:block}
.addr-list li .addr-mark-name{display:inline-block;width:40px;padding:1px 0 0;margin-right:2px;border:1px solid #efb4bd;background-color:#efb4bd;color:#fff;vertical-align:middle;text-align:center}
.addr-list li .addr-mark-num{display:inline-block;width:40px;padding:1px 0 0;margin-right:2px;border:1px solid #b3b3b3;background-color:#b3b3b3;color:#f1f1f1;vertical-align:middle;text-align:center}
.addr-list li .addr-detail{margin-left:2px}
.addr-list.detail{margin:10px 0}
.addr-list.detail li{padding:10px}
.addr-list li label{vertical-align:middle;display:table-cell;line-height:1.8}
.addr-list label.type-radio{padding-left:24px;background-position:0 center}
.addr-list.norm li{padding:10px 12px}
.addr-list.norm li label{line-height:1.7}
.addr-list.norm li label strong{font-weight:700;color:#333}
.addr-list.norm li .zipcode{display:inline-block;margin-left:7px}
.addr-list.norm li label>span{display:block}
.addr-list.norm li .addr-detail{margin-left:0}
.popover-wrap .form-group.detail-input input.text{height:42px}
.option-change{position:relative;max-height:250px;overflow:hidden}
.option-change .option-count{position:relative}
.option-change .option-count dt{position:absolute;height:28px;line-height:28px;font-size:12px;color:#333}
.option-change .option-count dd{height:auto;padding-left:100px;margin-bottom:10px}/*20210128*/
.option-change .basic-set{position:relative;padding:15px 0;border-top:1px solid #f2f2f2}
.option-change .basic-set p.txt{display:block;height:23px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#666}
.option-change .basic-set p.txt strong{color:#333;margin-right:6px}
.option-change .addtion-set{position:relative;padding:15px 0;border-top:1px solid #f2f2f2}
.option-change .addtion-set p.txt{display:block;height:23px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#666}
.option-change .addtion-set p.txt strong{color:#333;margin-right:6px}
.option-change .addtion-set .select-ui-wrap{margin-right:87px}
.option-change .addtion-set .cnt-ctrl{position:absolute;right:0;top:42px}
.cnt-change{position:relative;line-height:1}
.cnt-change button.num{width:28px;height:26px;margin-right:2px;border:1px solid #b3b3b3;background-color:#fff;font-size:12px;color:#666;text-align:center;box-sizing:border-box;vertical-align:middle}
.cnt-change button.num.on{color:#333;border-color:#333}
.cnt-change .cnt-ctrl{vertical-align:middle;margin-left:5px}
.cnt-ctrl{display:inline-block;line-height:1;background-color:#fff}
.cnt-ctrl:after{display:block;clear:both;content:""}
.cnt-ctrl .cnt-up,.cnt-ctrl .cnt-down{float:left;width:20px;height:20px;border:1px solid #b3b3b3}
.cnt-ctrl .cnt-up .ic_comm{background-position:-85px -120px}
.cnt-ctrl .cnt-down .ic_comm{background-position:-110px -120px}
.cnt-ctrl .cnt-up{border-right:0;background-position:-13px center}
.cnt-ctrl .cnt-down{margin:0!important;border-left:0;background-position:-33px center}
.cnt-ctrl input{float:left;width:33px;height:20px;padding:0;line-height:20px;text-align:center;border:1px solid #b3b3b3;color:#666}
.cnt-ctrl span{float:left;width:19px;height:19px;text-indent:-9999px}
.order-delivery{position:relative;padding:15px}
.order-delivery .deli-tab{height:30px;margin-right:80px;margin-bottom:10px;background-color:#fff}
.order-delivery .deli-tab li{float:left;width:50%;height:100%;text-align:center}
.order-delivery .deli-tab li a{display:block;height:100%;margin-right:-1px;border:1px solid #dbdbdb;box-sizing:border-box;font-size:12px;color:#666;line-height:30px}
.order-delivery .deli-tab li a.on{position:relative;border-color:#767676;color:#333}
.order-delivery .lang-select{margin-bottom:10px;background-color:#fff}
.order-delivery .delivery-list{border-top:1px solid #e6e6e6}
.order-delivery .delivery-list > ul {max-height:310px;overflow-y:auto;-webkit-overflow-scrolling:touch;}/*lst 20170414*/
.order-delivery .delivery-list > ul.dstn-list {max-height:none;}/* 20210420 */
.order-delivery .delivery-list li{position:relative;padding:15px 10px 15px 6px;border-bottom:1px solid #e6e6e6}
.order-delivery .delivery-list label{height:auto;padding-left:30px;padding-right:45px;background-position:0 center;font-size:13px;color:#666}
.order-delivery .delivery-list div.info{height:auto;padding-left:10px;padding-right:45px;background-position:0 center;font-size:12px;color:#666;line-height:1.3}
.order-delivery .delivery-list .name{display:block;margin-bottom:5px;color:#333;font-weight:700}
.order-delivery .delivery-list .phone{display:block;margin-bottom:5px}
.order-delivery .delivery-list .address{display:block;word-break:break-word}
.order-delivery .delivery-list .btns{position:absolute;right:10px;top:50%;height:52px;margin-top:-33px;}/* 20210420 */
.order-delivery .delivery-list .btns a{display:block;width:46px;height:30px;padding:0 10px;margin-bottom:6px;border:1px solid #ccc;box-sizing:border-box;font-size:12px;color:#666;text-align:center;line-height:28px;margin-right:-10px;}/* lst 20190417 */
.order-delivery .delivery-list .default .btns{height:29px;margin-top:-15px}
.order-delivery .delivery-modify{display:none;margin-top:-1px}
.order-delivery .delivery-new .default-check,.order-delivery .delivery-modify .default-check{margin-bottom:15px;font-size:12px}
.order-delivery .send-message .select-ui-wrap{margin-top:10px;margin-bottom:5px;background-color:#fff}
.order-delivery .safe-number{margin-bottom:8px;font-size:10px;color:#888}
.order-delivery .safe-number .tooltip-cont strong{display:block;margin-bottom:10px;font-size:12px;color:#333;font-weight:700}
.order-delivery .safe-number .tooltip-cont p{margin-bottom:5px;font-size:11px;color:#666}
.order-delivery .safe-number .tooltip-cont .close{position:absolute;right:10px;top:10px;margin:0;padding:0;background-color:#fff;border:0}
.order-delivery .safe-number .tooltip-cont .close .ic_comm{width:15px;height:15px;background-position:-120px -100px}
.order-delivery .international-delivery-check{position:absolute;right:15px;top:19px;max-width:75px}
.order-delivery .international-delivery-check label{font-size:12px;color:#666;line-height:1.3;padding-top:4px}
.order-delivery .international-delivery-check label.l2{height:25px;padding-top:0;margin-top:-3px;background-position:0 3px}
.order-delivery .button-area.page-half{margin:15px -15px 0;padding:15px 12px;border-top:1px solid #e6e6e6}
.order-delivery .no-list-case{padding-top:40px}
.order-delivery .ems-info{width:100%;margin-top:10px;margin-bottom:10px;background-color:#fff;font-size:12px}
.order-delivery .ems-info th{padding:15px;border-style:solid;border-color:#e6e6e6;border-width:1px 0 1px 1px;color:#666;text-align:left;font-weight:400;}/*20200925*/
.order-delivery .ems-info td{padding:15px;border-style:solid;border-color:#e6e6e6;border-width:1px 1px 1px 0;color:#333;text-align:right}
.order-delivery .ems-check label{padding-right:0;/*padding-left:24px;*/background-size:18px 18px;line-height:18px}/*20200925*/
.order-delivery .delivery-list .nodata{padding:80px 0;text-align:center;font-size:12px}
.order-delivery .delivery-list .nodata p{text-align:center}
.order-delivery .delivery-list .nodata .ic_bg_icon{width:45px;height:50px;margin-bottom:8px;background-position:-155px -55px}
.order-delivery .delivery-list .nodata p strong{font-weight:700;color:#333}
.stock-notify-lp{position:relative}
.stock-notify-lp .prd-opt{margin:0 0 14px;font-size:13px;line-height:1.3;color:#333;font-weight:700;text-align:center}
.stock-notify-lp .how-receive{margin-bottom:18px}
.stock-notify-lp .how-receive .check-group{position:relative;padding-left:32px;margin-bottom:8px}
.stock-notify-lp .how-receive .check-group label{position:absolute;left:0;top:4px}
.stock-notify-lp .how-receive .check-group .form-group{margin-bottom:0}
.stock-notify-lp .how-receive .check-group .form-group input.text{height:32px}
.stock-notify-lp .how-receive .check-group .app-txt{font-size:13px;color:#666;line-height:1.2}
.stock-notify-lp .how-receive .check-group .app-txt span{display:inline-block;padding-top:0;font-size:10px;letter-spacing:-.5px}
.stock-notify-lp .stit{margin-bottom:8px;font-size:13px;color:#333}
.stock-notify-lp .square-radio{margin:0 -4px 20px}
.stock-notify-lp .square-radio:after{content:'';clear:both;display:block}
.stock-notify-lp .square-radio li{float:left;width:25%;padding:0 4px;box-sizing:border-box}
.stock-notify-lp .square-radio li label{padding:10px 0;font-size:11px;letter-spacing:-1px}
.stock-notify-lp .hope-time{font-size:0;margin-bottom:0}
.stock-notify-lp .hope-time .select-ui-wrap{width:46%;display:inline-block;font-size:12px;box-sizing:border-box}
.stock-notify-lp .hope-time span.hyphen{display:inline-block;width:8%;font-size:16px;text-align:center}
.stock-notify-lp .stock-guide{margin-top:10px;padding-left:10px;position:relative;font-size:11px;line-height:18px}
.stock-notify-lp .stock-guide span{position:absolute;top:0;left:0;display:inline-block;line-height:18px}
.payment-method{position:relative}
.payment-method ul{padding:10px 9px}
.payment-method ul:after{content:'';clear:both;display:block}
.payment-method li{float:left;width:33%;padding:5px 6px;box-sizing:border-box}
.payment-method li a{display:block;height:82px;padding-top:17px;color:#555;text-align:center;font-weight:700;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#fff;overflow:hidden}
.payment-method li a:before{content:'';display:block;width:35px;height:30px;margin:0 auto 6px;background-image:url(https://image.thehyundai.com/hdsmart/images/od/ic_order.png);background-repeat:no-repeat;background-size:230px 140px}
.payment-method li.credit a:before{background-position:0 0}
.payment-method li.dept a:before{background-position:-40px 0}
.payment-method li.bank a:before{background-position:-80px 0}
.payment-method li.mobile a:before{background-position:-120px 0}
.payment-method li.paynow a:before{background-position:-160px 0}
.payment-method li.themoney a:before{background-position:0 -70px}
.payment-method li.deposit a:before{background-position:-40px -70px}
.payment-method li.samsungpay a:before,
.payment-method li.sspay a:before {width:45px;background-position:-80px -70px} /*lst 2016-07-07*/
.payment-method li.payco a:before{width:50px;background-position:-130px -70px} /*lst 20170309 */
.payment-method li.credit a.on:before{background-position:0 -35px}
.payment-method li.dept a.on:before{background-position:-40px -35px}
.payment-method li.bank a.on:before{background-position:-80px -35px}
.payment-method li.mobile a.on:before{background-position:-120px -35px}
.payment-method li.paynow a.on:before{background-position:-160px -35px}
.payment-method li.themoney a.on:before{background-position:0 -105px}
.payment-method li.deposit a.on:before{background-position:-40px -105px}
.payment-method li.samsungpay a.on:before,
.payment-method li.sspay a.on:before {width:45px;background-position:-80px -105px} /*lst 2016-07-07*/
.payment-method li.payco a.on:before{width:50px;background-position:-130px -105px} /*lst 20170309 */
.payment-method li.naverpay a:before{background-image:url(https://image.thehyundai.com/hdsmart/images/od/ic_order2.png);width:53px;background-position:0px 0px} /*lst 20180131*/
.payment-method li.naverpay a.on:before{width:53px;background-position:0px -35px} /*lst 20180131*/
.payment-method li a .txt{display:block;padding-top:0}
.payment-method li a.on{color:#46675c;border-color:#46675c}
.payment-detail{display:none;padding:10px 0 15px;margin:0 15px;border-top:1px solid #e6e6e5}
.payment-detail .head{margin-bottom:10px}
.payment-detail .head .title{font-size:13px;color:#555;font-weight:700}
.payment-detail .head .check{display:inline-block}
.payment-detail .head .check label.type-checkbox{height:auto;line-height:18px;margin-left:3px;padding-left:23px;font-size:12px;color:#666;background-size:18px 18px}
.payment-detail .head.sub{padding-top:15px;margin-top:15px;border-top:1px solid #e6e6e5}
.payment-detail .payment-amount .box{padding:8px 0;margin-bottom:5px;font-size:12px;color:#666;text-align:center;background-color:#eee}
.payment-detail .payment-amount .box .number{margin-left:25px;color:#ec555e}
.payment-detail .bank-select{margin-bottom:5px}
.payment-detail .bank-select ul{margin:0 -3px}
.payment-detail .bank-select ul:after{content:'';clear:both;display:block}
.payment-detail .bank-select li{float:left;width:25%;padding:0 3px;margin-bottom:10px;box-sizing:border-box}
.payment-detail .bank-select label.type-bank{position:relative;display:block;height:35px;border:1px solid #ccc;font-size:12px;color:#666;text-align:center;line-height:35px;border-radius:3px;background-color:#fff;box-sizing:border-box;overflow:hidden}
.payment-detail .bank-select label.type-bank.checked{color:#46675c;border-color:#46675c}
.payment-detail .bank-select label.type-bank:before{content:'';position:absolute;left:-1px;top:-1px;width:25px;height:25px;background-image:url(https://image.thehyundai.com/hdsmart/images/od/ic_order.png);background-repeat:no-repeat;background-size:240px 140px;background-position:-210px 0}
.payment-detail .bank-select label.type-bank.checked:before{background-position:-210px -35px}
.payment-detail .bank-depositor{padding-top:0;margin-top:-5px}
.payment-detail .bank-depositor label{display:inline-block;width:62px;line-height:42px}
.payment-detail .bank-depositor .form-group{display:inline-block;width:185px}
.payment-detail .bank-depositor .form-group input{background-color:#fff}
.payment-detail .bank-depositor .bank-info{display:block;line-height:42px}
.payment-detail .bank-depositor .bank-info strong{display:inline-block;width:62px}
.payment-detail .bank-depositor .bank-info span{display:inline-block}
.payment-detail .bank-depositor .item-area {display:flex;align-items:center;padding:7px 0;}/* 20220524 */
.payment-detail .bank-depositor .item-area:last-child {padding-bottom:20px;}/* 20220524 */
.payment-detail .bank-depositor .item-area .title-box {width:75px;font-weight:700;}/* 20220524 */
.payment-detail .bank-depositor .item-area .text-box {flex:1;line-height:1.4;}/* 20220524 */
.payment-detail .bank-depositor .item-area .text-box span {display:inline-block;}/* 20220524 */
.payment-detail .bank-depositor .item-area label {display:inline-block;width:auto;line-height:inherit;}/* 20220524 */
.payment-detail .bank-depositor .item-area .form-group {margin-bottom:0;width:auto;}/* 20220524 */
.payment-detail .tlist{font-size:10px;color:#888;line-height:1.5}
.payment-detail .tlist li{position:relative;padding-left:10px;margin-bottom:4px}
.payment-detail .tlist li:before{content:'*';position:absolute;left:1px;top:0px}/* 20220524 */
.payment-detail .tlist li.not-deco {padding-left:0;} /* lst 20190830 */
.payment-detail .tlist li.not-deco:before {content:'*';display:none;} /* lst 20190830 */
.payment-detail .txt-btn{display:inline-block;padding:3px 7px 1px;font-size:11px;color:#666;border:1px solid #ccc}
.payment-detail .cash-receipts ul{margin:0 -5px 10px}
.payment-detail .cash-receipts ul:after{content:'';clear:both;display:block}
.payment-detail .cash-receipts li{float:left;width:33%;padding:0 5px;box-sizing:border-box}
.payment-detail .cash-receipts li:nth-child(2){width:34%}
.payment-detail .cash-receipts li label.type-cr{display:block;padding:7px 0;font-size:11px;color:#666;border:1px solid #dbdbdb;text-align:center}
.payment-detail .cash-receipts li label.type-cr.checked{color:#333;border-color:#767676}
.payment-detail .cash-receipts #cr-1{display:block}
.payment-detail .cash-receipts #cr-2{display:none}
.cash-receipts-wrap{display:block;padding:0 0 10px;margin:0 15px;border-top:1px solid #e6e6e5}
.cash-receipts-wrap .head{margin-bottom:10px}
.cash-receipts-wrap .head.sub{padding-top:15px}
.cash-receipts-wrap .head .title{font-size:13px;color:#555;font-weight:700}
.cash-receipts-wrap .cash-receipts ul{margin:0 -5px 10px}
.cash-receipts-wrap .cash-receipts ul:after{content:'';clear:both;display:block}
.cash-receipts-wrap .cash-receipts li{float:left;width:33%;padding:0 5px;box-sizing:border-box}
.cash-receipts-wrap .cash-receipts li:nth-child(2){width:34%}
.cash-receipts-wrap .cash-receipts li label.type-cr{display:block;padding:7px 0;font-size:12px;color:#666;border:1px solid #dbdbdb;text-align:center}
.cash-receipts-wrap .cash-receipts li label.type-cr.checked{color:#333;border-color:#767676}
.cash-receipts-wrap .cash-receipts #cr-1{display:block}
.cash-receipts-wrap .cash-receipts #cr-2{display:none}
.payment-detail .desc-content{margin-top:20px;color:#666;line-height:1.5}
.payment-detail .desc-content .tit{display:block;margin-bottom:10px;font-size:12px}
.payment-detail .desc-content .tit .txt-btn{margin-left:5px}
.payment-detail .desc-content p{font-size:11px}
.desc-content-wrap{display:block;padding:0 0 20px;margin:0 15px;border-top:1px solid #e6e6e5}
.desc-content-wrap .desc-content{margin-top:15px;color:#666;line-height:1.5}
.desc-content-wrap .desc-content .tit{display:block;margin-bottom:10px;font-size:13px}
.desc-content-wrap .desc-content .tit .txt-btn{margin-left:5px}
.desc-content-wrap .desc-content p{font-size:12px}
.desc-content-wrap .txt-btn{display:inline-block;padding:3px 7px 1px;font-size:12px;color:#666;border:1px solid #ccc}
.payment-detail .about-paynow{margin-top:15px;padding-top:15px;font-size:11px;color:#666;line-height:1.6;border-top:1px solid #e6e6e6}
.payment-detail .about-paynow p{margin-bottom:15px}
.payment-detail .about-paynow .item {margin-bottom:15px}/*lst 20170809*/
.payment-detail .about-paynow strong{margin-bottom:2px}
.payment-detail .about-paynow ol li{position:relative;margin-bottom:2px;padding-left:12px}
.payment-detail .about-paynow ol li:before{position:absolute;left:0;top:0}
.payment-detail .about-paynow ol li:nth-child(1):before{content:'1.'}
.payment-detail .about-paynow ol li:nth-child(2):before{content:'2.'}
.payment-detail .about-paynow ol li:nth-child(3):before{content:'3.'}
.payment-detail .about-paynow ol li:nth-child(4):before{content:'4.'}
.payment-detail .about-paynow ol li:nth-child(5):before{content:'5.'}
.payment-detail .about-paynow .txt-btn{margin:5px 0 0 12px}

/*lst 20170918*/
.payment-detail .about-pay {margin-top:15px;padding-top:15px;font-size:11px;color:#666;line-height:1.6;border-top:1px solid #e6e6e6}
.payment-detail .about-pay .item {margin-bottom:15px}
.item-promotionbox {margin-bottom:15px;line-height:1.6;}
.item-promotionbox .tit {margin-bottom:4px;font-size:12px;}
.item-promotionbox .txt {display:inline-block;margin-bottom:2px;font-size:12px;}
.item-promotionbox .txt.color01 {color:#46675c;}
.item-promotionbox .text-list li {display:block !important;margin-bottom:0px;}
.item-promotionbox .color01 li {color:#46675c;}
.item-promotionbox .txt-btn {display:inline-block;margin:5px 0 0 12px;padding:3px 7px 1px;font-size:12px;color:#666;border:1px solid #ccc}
.item-notebox {margin-bottom:15px;line-height:1.6;}
.item-notebox .txt {margin-bottom:2px;font-size:12px;}
.item-notebox ol li {display:block !important;position:relative;margin-bottom:2px;padding-left:12px}
.item-notebox ol li:before {position:absolute;left:0;top:0}
.item-notebox ol li:nth-child(1):before {content:'1.'}
.item-notebox ol li:nth-child(2):before {content:'2.'}
.item-notebox ol li:nth-child(3):before {content:'3.'}
.item-notebox ol li:nth-child(4):before {content:'4.'}
.item-notebox ol li:nth-child(5):before {content:'5.'}
.item-notebox ol li:nth-child(6):before {content:'6.'}
.item-notebox ol li:nth-child(7):before {content:'7.'}
.item-notebox ol li:nth-child(8):before {content:'8.'}
.item-notebox ol li:nth-child(9):before {content:'9.'}
.item-notebox ol li:nth-child(10):before {content:'10.'}
.item-notebox .txt-btn{display:inline-block;margin:5px 0 0 12px;padding:3px 7px 1px;font-size:12px;color:#666;border:1px solid #ccc}

.payment-detail .credit-select{position:relative}
.payment-detail .credit-radio ul{margin:0 -6px}
.payment-detail .credit-radio ul:after{content:'';clear:both;display:block}
.payment-detail .credit-radio li{float:left;display:table;width:33%;padding:0 6px;margin-bottom:10px;box-sizing:border-box}
.payment-detail .credit-radio li:nth-child(3n){width:34%}
.payment-detail .credit-radio li:nth-child(3n+1){clear:both}
.payment-detail .credit-radio label.type-credit{position:relative;display:table-cell;vertical-align:middle;height:60px;border:1px solid #ccc;font-size:12px;line-height:1.3;color:#666;text-align:center;border-radius:3px;background-color:#fff;box-sizing:border-box;overflow:hidden}
.payment-detail .credit-radio label.type-credit.checked{color:#46675c;border-color:#46675c}
.payment-detail .credit-radio label.type-credit:before{content:'';position:absolute;left:-1px;top:-1px;width:25px;height:25px;background-image:url(https://image.thehyundai.com/hdsmart/images/od/ic_order.png);background-repeat:no-repeat;background-size:230px 140px;background-position:-200px 0}
.payment-detail .credit-radio label.type-credit.checked:before{background-position:-200px -35px}
.payment-detail .credit-radio label.type-credit .name{display:block;font-size:12px;color:#666}
.payment-detail .credit-radio label.type-credit .desc{display:block;font-size:11px;color:#ec555d}/*lst 20171107*/
.payment-detail .credit-body{position:absolute;left:0;right:0}
.payment-detail .credit-body > ul > li{display:none;padding:10px 10px 2px;border:1px solid #46675c;border-radius:3px;background-color:#fff;box-sizing:border-box;overflow:hidden}/*lst 20170918*/
.payment-detail .credit-body label.type-checkbox{height:auto;line-height:18px;padding-left:23px;font-size:12px;color:#666;background-size:18px 18px}
.payment-detail .credit-body label.type-radio{height:auto;line-height:18px;padding-left:23px;font-size:12px;color:#666;background-size:18px 18px}
.payment-detail .credit-body .label-wrap{display:block;margin-bottom:8px}
.payment-detail .credit-body .label-wrap .subtxt{display:block;font-size:12px;padding-left:23px;padding-top:3px}
.payment-detail .credit-body .label-wrap + .radioset{overflow:hidden;padding-top:10px;border-top:1px solid #e6e6e6}
.payment-detail .credit-body .radioset + .button{margin-top:8px}
.payment-detail .credit-body .button{width:100%;height:35px;margin-bottom:8px;background-color:#46675c}
.payment-detail .credit-body .button a{display:block;font-size:14px;text-align:center;color:#fff;line-height:35px}
.payment-detail .select-ui-wrap{background-color:#fff}
.payment-detail > .payment-term-select{margin-bottom:0}
.payment-addinfo,.payment-term-select{position:relative;margin-bottom:10px}
.payment-addinfo > strong,.payment-term-select strong{position:absolute;left:0;top:3px;font-size:12px}
.payment-term-select .inner{padding-left:55px}
.payment-term-select .radio-set{margin-bottom:10px}
.payment-term-select label.type-radio{font-size:12px;letter-spacing:-1px;padding-left:20px!important;padding-right:3px}
.payment-term-select .select-ui-wrap{width:150px}
.payment-term-select .term{display:none}
.payment-addinfo + .payment-term-select,.payment-addinfo + .radioset,.radioset + .payment-term-select{border-top:1px solid #e6e6e6;padding-top:10px}
.payment-addinfo + .payment-term-select strong,.radioset + .payment-term-select strong{top:13px}
.payment-addinfo{padding-left:55px}
.payment-addinfo.simple{padding-left:0;line-height:1.2em;}/*lst 2016-07-07*/
.payment-addinfo.simple p {margin-top:5px;}/*lst 2016-12-05*/
.payment-addinfo.simple p:first-child {margin-top:0;}/*lst 2016-12-05*/
.payment-addinfo-msg {position:relative;margin-bottom:10px}/*lst 2016-12-08*/
.payment-addinfo-msg + .payment-term-select,.payment-addinfo-msg + .radioset,.radioset + .payment-term-select{border-top:1px solid #e6e6e6;padding-top:10px}/*lst 2016-12-08*/
.payment-addinfo-msg + .payment-term-select strong,.radioset + .payment-term-select strong{top:13px}/*lst 2016-12-08*/
.payment-addinfo-msg{padding-left:55px}/*lst 2016-12-08*/
.payment-addinfo-msg{padding-left:0;line-height:1.2em;}/*lst 2016-12-08*/
.payment-addinfo-msg p {margin-top:5px;}/*lst 2016-12-08*/
.payment-addinfo-msg p:first-child {margin-top:0;}/*lst 2016-12-08*/
#payment-dept .payment-term-select strong{top:2px}
.payment-detail .card-tip{width:230px;line-height:1.3}
.payment-detail .card-tip strong{display:block;padding-bottom:7px;margin-bottom:7px;font-size:12px;color:#333;border-bottom:1px solid #e6e6e6}
.payment-detail .card-tip p{font-size:11px;color:#666}
.payment-detail .money-form .text{margin-bottom:10px;font-size:14px;color:#555}
.payment-detail .money-form .text .money{color:#ec555e}
.payment-detail .money-form .form{position:relative;padding-right:88px}
.payment-detail .money-form .form .form-group input.text{height:32px;text-align:right;padding-right:10px;font-size:12px}
.payment-detail .money-form .form .form-group input.text:disabled{color:#b3b3b3}
.payment-detail .money-form .form .check{position:absolute;right:0;top:5px;width:78px}
.payment-detail .money-form .form .check label{font-size:12px;background-size:18px 18px;line-height:18px}
.payment-detail .in-box {overflow:hidden;padding:10px 10px 2px;border:1px solid #46675c;border-radius:3px;background-color:#fff;box-sizing:border-box;} /*lst 2016-06-27*/
.payment-detail .fridge-credit-box {margin-top:5px;} /* lst 2016-07-12 */
.payment-detail .fridge-credit-box .payment-term-select .inner {/*padding-left:0;*/} /* lst 2016-08-18 */
.payment-detail .fridge-credit-box .label-wrap {margin-bottom:8px;}/* lst 2016-08-18 */
.payment-detail .fridge-credit-box .info-small-txt {font-size:11px;color:#666;}/* lst 2016-08-18 */
.total-price-info{padding-top:15px;border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;background-color:#5d5d5d}
.total-price-info dl{font-size:16px;padding:0 15px}
.total-price-info dt{position:absolute;height:21px;line-height:21px}
.total-price-info dd{text-align:right;height:21px;line-height:21px}
.total-price-info dl.info-sum{color:#fff}
.total-price-info dl.info-sum dd{margin-bottom:15px}
.total-price-info dl.info-plusminus{color:#cdcdcd}
.total-price-info dl.info-plusminus dt{padding-left:30px}
.total-price-info dl.info-plusminus dt .ic_comm{position:absolute;left:0;top:0;width:21px;height:21px}
.total-price-info dl.info-plusminus dt.plus .ic_comm{background-position:-170px -55px}
.total-price-info dl.info-plusminus dt.minus .ic_comm{background-position:-195px -55px}
.total-price-info dl.info-plusminus dd{margin-bottom:15px}
.total-price-info dl.info-result{padding:18px 15px;color:#edc5e0;border-top:1px solid #707070}
.total-price-info dl.info-result dd .num{font-size:23px}
.total-price-info dl.info-result:first-child{padding-top:0;border-top:0}
.agree-button{padding:15px}
.agree-button .check{margin-bottom:20px;font-size:12px;line-height:1.3}
.agree-button .check + .check{margin-top:-10px}
.agree-button label{height:auto;min-height:18px;padding-top:1px;padding-left:25px;line-height:1.5;background-size:18px 18px}
.map-container{position:relative}
.map-container .page-title{position:fixed;z-index:30;left:0;right:0;top:0}
.map-container .map-api{position:fixed;z-index:10;left:0;right:0;top:39px;bottom:0;box-sizing:border-box}
.map-container .map-api .map-area{height:100%;overflow:hidden}
.map-container .map-api .map-area img.temp-map{width:100%}
.map-container .map-storeinfo{position:fixed;z-index:20;left:10px;right:10px;bottom:10px;padding:10px 15px 15px;line-height:1.3;border:1px solid #ccc;background-color:rgba(255,255,255,0.95)}
.map-container .map-storeinfo .name{display:block;margin-bottom:12px;font-size:14px;color:#333;font-weight:700}
.map-container .map-storeinfo address{display:block;margin-bottom:5px;font-size:11px;color:#666;font-style:normal}
.map-container .map-storeinfo .phone{display:block;font-size:11px}
.map-container .map-storeinfo .phone .label{display:inline-block;padding:2px 5px;margin-right:5px;color:#fff;background-color:#b3b3b3}
.map-container .map-storeinfo .phone a{color:#666}
.map-store-name{position:relative;left:-50%;padding:12px 20px;font-size:14px;color:#333;background-color:#fff;border:1px solid #333;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.map-store-name:after{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-7px;width:15px;height:8px;background:url(https://image.thehyundai.com/hdsmart/images/co/map-aw.png) no-repeat 0 0;background-size:100% 100%}
.agreement h4{font-size:11px;color:#333}
.agreement .agreement-list>li{margin-left:5px;padding-top:6px;line-height:1.2}
.agreement .agreement-list>li>ul>li{margin-left:5px;padding-top:3px}
.agreement .agreement-list>li>ul>li:before{content:'-';display:inline-block;padding-right:5px}
.agreement .agreement-list>li>ul>li>ol>li{margin-left:10px;padding:2px 0}
.agreement-contents .scroll{line-height:1.5}
.agreement-contents .scroll .tos-tit{line-height:2}
.agreement-contents .scroll .tos-box{margin-top:25px}
.agreement-contents .scroll .tos-box h2{margin-bottom:10px;font-size:14px;color:#333}
.agreement-contents .scroll .tos-box>span{display:block;position:relative;margin-top:5px;text-indent:10px}
.agreement-contents .scroll .tos-box>span:before{content:'';display:block;position:absolute;left:0;top:6px;margin-right:5px;width:4px;height:4px;background-color:#333;border:1px solid #333;box-sizing:border-box;border-radius:2px}
.agreement-contents .scroll .tos-box>ol>li{position:relative;margin-left:20px;padding-bottom:7px;text-indent:-15px}
.agreement-contents .scroll .tos-box>ol>li>ul{margin:5px 0 0 15px}
.agreement-contents .scroll .tos-box>ol>li>ul>li{padding-bottom:4px}
.agreement .agree-table{margin:5px 0;border-top:1px solid #767676}
.agreement .agree-table thead th{padding:5px;color:#333;background-color:#f6f6f6;border-top:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle}
.agreement .agree-table tbody th{padding:5px;color:#333;border-bottom:1px solid #ddd;vertical-align:middle}
.agreement .agree-table tbody td{padding:5px;border:1px solid #ddd;border-right:0;vertical-align:middle}
.agreement .agreement-guide{margin-top:10px}
.agreement .agreement-guide li{margin-top:4px;line-height:1.2}
.agreement .agreement-guide li:before{content:'*';display:inline-block;padding-right:3px}
.agreement-contents .scroll .doc-info{margin-bottom:10px}
.agreement-contents .scroll .doc-info span{display:block;padding-bottom:10px}
.agreement-contents .scroll .tos-box p{margin-bottom:10px;text-indent:0}
.agreement-contents .scroll .tos-box>ol>li>ul>li{text-indent:-14px}
.agreement-contents .scroll .tos-box>ol>li>ul>li>ul{margin:5px 0}
.agreement-contents .scroll .tos-box>ol>li>ul>li>ul>li{margin-left:8px;text-indent:-9px}
.agreement-contents .scroll .tos-box>ol>li>.tos-table{margin:5px 0 5px -13px;width:104%}
.agreement-contents .scroll .tos-box dl.center-info{margin-left:8px;text-indent:-9px}
.agreement-contents .scroll .tos-box dl.center-info>dt{margin-top:5px}
.agreement-contents .scroll .tos-box dl.cpo{margin-left:8px;text-indent:-9px}
.agreement-contents .scroll .tos-box dl.cpo>dt{margin-top:5px}
.agreement-contents .scroll .tos-box>.tos-table{margin:0}
.tos-table{width:100%;border-top:1px solid #767676;text-indent:0;font-size:11px;line-height:1.2}
.tos-table th{text-align:center;color:#333}
.tos-table th,.tos-table td{padding:2% 1.5%;border-bottom:1px solid #ddd;vertical-align:middle}
.tos-table td{border:1px solid #ddd;border-right:0;word-break:break-all;}/*lst 20170918*/
.tos-table thead th{background-color:#f6f6f6}
.tos-table.type2 td:first-child{border-left:0;border-right:1px solid #ddd;}
.tos-table-box {overflow-x:auto;margin:5px 0 5px;border-top:1px solid #767676;}
.tos-table-box .tos-table {min-width:650px;}
.tos-table-box .tos-table th {border:1px solid #ddd;}
.tos-table-box .tos-table td {border-right:1px solid #ddd;}
.agreement-con-box {}/*lst 2016-11-29*/
.agreement-con-box .chk-box {padding:3px 0 5px 0;}/*lst 2016-11-29*/
.agreement-con-box .chk-box > div:first-child {padding-bottom:5px;}
.agreement-con-box .chk-box label {margin-right:10px;}/*lst 2016-11-29*/
.agreement-con-box .chk-box .sub-box {display:inline-block;}/*lst 2016-11-29*/
.agreement-con-box .sub-title.sub {padding-top:10px;}/*lst 2016-11-29*/
.agreement-con-box .sub-title.sub.type-op {padding-top:20px;}/*lst 2016-11-29*/
.agreement-con-box .sub-title {padding-top:10px;}/*lst 2016-11-29*/
.agreement-con-box .sub-title.sub h3 {font-weight:600;}/*lst 2016-11-29*/
.agreement-con-box .sub-title.bottom {padding:30px 0 10px 0;}/*lst 2016-11-29*/
.agreement-con-box .sub-title.bottom h3 {font-size:14px;}/*lst 2016-11-29*/
.agreement-con-box p.top-text {font-size:11px;}/*lst 2016-11-29*/
.agreement-con-box p.top-text a {margin-left:5px;font-weight:600;}/*lst 2016-11-29*/
.agreement-con-box p.top-text a .ic_comm {display:inline-block;width:9px;height:12px;margin-left:3px;background-position:-45px -80px;vertical-align:middle}/*lst 2016-11-29*/
.agreement-con-box .msg-agree-error {color:#ec555d;padding:5px 0;}/*lst 2016-11-29*/
.agreement-con-box .tbl-scroll-wrap {overflow-y:auto;-webkit-overflow-scrolling:touch;}/*lst 2017-02-08*/
.agreement-con-box .tbl-type1 {width:100%;margin:5px 0;border-top:1px solid #767676}/*lst 2016-11-29*/
.agreement-con-box .tbl-type1 thead th{padding:5px;color:#333;background-color:#f6f6f6;border:1px solid #ddd;vertical-align:middle}/*lst 2016-11-29*/
.agreement-con-box .tbl-type1 tbody th{padding:5px;color:#333;border-bottom:1px solid #ddd;vertical-align:middle}/*lst 2016-11-29*/
.agreement-con-box .tbl-type1 tbody td{padding:5px;border:1px solid #ddd;vertical-align:middle;text-align:center;}/*lst 2016-11-29*/
.agreement-con-box .chk-box.type-sub.type-option {padding-bottom:0;}/*lst 2016-11-29*/
.agreement-con-box .chk-box.top-agree-all {font-weight:600;}/*lst 2016-11-29*/
.agreement-con-box .inner {padding-left:10px;}/*lst 2016-11-29*/
.agreement-con-box .type-emphasis {font-size:13px;font-weight:600;}/*lst 20180322*/
.ic_sns_icon{display:inline-block;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_sns_icon.png);background-repeat:no-repeat;background-size:300px 300px}
.popover-wrap.share .pop-header{height:0;padding-top:0;border-bottom:0;}/* 20231121 */
.popover-wrap.share .pop-header h1{height:0;overflow:hidden;padding:0}
.popover-wrap.share .pop-header .btn-pop-close {top:17px;transform:translateY(0);}
.popover-wrap.share .share-list{font-size:0}
.popover-wrap.share .share-list li{width:50%;display:inline-block;margin:7px 0;font-size:11px;line-height:35px}
.popover-wrap.share .share-list li a{display:block}
.popover-wrap.share .share-list i{display:inline-block;width:35px;height:35px;margin-right:8px;vertical-align:middle}
.popover-wrap.share .share-list i.kakaotalk{background-position:0 0}
.popover-wrap.share .share-list i.kakaostory{background-position:-35px 0}
.popover-wrap.share .share-list i.line{background-position:-70px 0}
.popover-wrap.share .share-list i.facebook{background-position:-105px 0}
.popover-wrap.share .share-list i.sms{background-position:-140px 0}
.popover-wrap.share .share-list i.twitter{background-position:-175px 0}
.popover-wrap.share .share-list i.urlcopy{background-position:-210px 0}
.popover-wrap.share .share-list i.instagram{background-position:-245px 0}
.popover-wrap.share .share-list i.band{background-position:-258px -42px}
.popover-wrap.share .share-list i.hpoint{background-position:-35px -35px}/*lst 2017-03-03 */
.popover-wrap.share .share-list i.qrcode{background-position:-70px -35px}/*lst 20190318 */
.popover-wrap.share .more{margin:7px 0;line-height:35px}
.popover-wrap.share .more i{width:35px;height:35px;background-position:0 -35px;margin-right:5px;vertical-align:middle}
.popover-wrap.share .more i+span{color:#45675b}
.popover-wrap.share .pop-msg{text-align:center;font-size:11px}
.popover-wrap.share .form-group{margin:10px 0 0}
.popover-wrap.share .form-group input.text{height:30px;color:#666}
div.error-message{width:270px;margin:0 auto;box-sizing:border-box}
div.error-message .ic_bg_icon{display:block;width:45px;height:45px;margin:0 auto 20px;background-position:0 -225px}
div.error-message p{margin-bottom:20px;font-size:11px;color:#666;line-height:1.5;text-align:center;letter-spacing:-1px}
div.error-message p strong{color:#333}
div.error-message p.big{font-size:19px;color:#333;font-weight:700}
div.error-message p.middle{font-size:14px;}/*lst 2016-10-13*/
.reject-reception-box .info-kr {margin-bottom:30px;}
.reject-reception-box .info-tit {margin-bottom:20px;text-align:center;font-size:19px;color:#333;font-weight:700;}
.reject-reception-box .info-txt {padding:20px;text-align:center;border:2px solid #f2f3f5;}
.reject-reception-box .info-txt a {color:#333;font-weight:600;}
.reject-reception-box .button-area {margin-bottom:10px;}
.custom-grade-benefits-wrap {}
.custom-grade-top{position:relative;padding:20px;background:#f6f6f6}
.custom-grade-top .grade{position:absolute;width:81px;height:81px;vertical-align:middle;background:url(https://image.thehyundai.com/hdsmart/images/ev/ev_rating_bg2.png);background-repeat:no-repeat;background-size:560px auto;}/* 20210324 */
.custom-grade-top.g_0001 .grade{background-position:-324px 0}/* 20210324 */
.custom-grade-top.g_1001 .grade{background-position:-243px 0}/* 20210324 */
.custom-grade-top.g_3001 .grade{background-position:-162px 0}/* 20210324 */
.custom-grade-top.g_5001 .grade{background-position:-81px 0}/* 20210324 */
.custom-grade-top.g_6001 .grade{background-position:0 0}
.custom-grade-top .grade-txt{position:relative;padding-left:93px}
.custom-grade-top .grade-box:after{content:'';display:block;margin:12px auto 15px}
.custom-grade-top .grade-txt p{padding:4px 0 10px;font-size:16px;color:#666}
.custom-grade-top .grade-txt p strong{color:#333;font-weight:600}
.custom-grade-top .grade-txt ul li{padding-bottom:5px;font-size:12px;color:#666}
.custom-grade-top .grade-txt ul li em{margin-left:3px;font-weight:600}
.custom-grade-top .grade-txt ul li.etc {margin-top:5px;} /* lst 2016-05-26 */
.custom-grade-top .grade-txt ul li.etc a.btn {display:block;width:145px;height:26px;font-size:12px;color:#666;background-color:#fff;line-height:26px;text-align:center;border:1px solid #ccc} /* lst 2016-05-26 */
.custom-grade-top .grade-txt ul li.etc a.btn i {display:inline-block;width:7px;height:11px;margin-left:4px;margin-top:6px;vertical-align:top;background:url(https://image.thehyundai.com/hdsmart/images/ev/ev_icon.png);background-repeat:no-repeat;background-size:150px 100px;background-position:0 -36px;} /* lst 2016-05-26 */
.custom-grade-top .next-grade{padding:17px 22px;background-color:#fff;border-radius:10px}
.custom-grade-top .next-grade p{font-size:14px;color:#333}/* 20210324 */
.custom-grade-top .next-grade p + ul {padding-top:9px;}/* 20210324 */
.custom-grade-top .next-grade p strong{font-weight:600}
.custom-grade-top .next-grade ul li{margin-bottom:5px;font-size:12px;color:#666}
.custom-grade-top .next-grade ul li em{margin-left:3px;font-weight:600}
.custom-grade-guide{margin-top:30px;padding:0 20px 20px}
.custom-grade-guide .title{margin-bottom:11px;font-size:14px;color:#333}
.custom-grade-guide .grade .title-box{overflow:hidden;height:42px;}/* 20210324 */
.custom-grade-guide .grade .title-box .tit{display:block;width:280px;height:42px;vertical-align:middle;margin:0 auto;background:url(https://image.thehyundai.com/hdsmart/images/ev/ev_rating_bg2.png);background-repeat:no-repeat;background-size:560px auto;}/* 20210324 */
.custom-grade-guide .grade.premium-gold .title-box{background-color:#dc8672}/* 20210324 */
.custom-grade-guide .grade.premium-gold .title-box .tit{background-position:0 -90px}/* 20210324 */
.custom-grade-guide .grade.gold .title-box{background-color:#c6a56f}/* 20210324 */
.custom-grade-guide .grade.gold .title-box .tit{background-position:0 -133px}/* 20210324 */
.custom-grade-guide .grade.silver .title-box{background-color:#bfbfbf}/* 20210324 */
.custom-grade-guide .grade.silver .title-box .tit{background-position:0 -175px}/* 20210324 */
.custom-grade-guide .grade.bronze .title-box{background-color:#be8b62}/* 20210324 */
.custom-grade-guide .grade.bronze .title-box .tit{background-position:0 -218px}/* 20210324 */
.custom-grade-guide .grade.family .title-box{background-color:#efb6dd}/* 20210324 */
.custom-grade-guide .grade.family .title-box .tit{background-position:0 -260px}/* 20210324 */
.custom-grade-guide .grade{margin-bottom:30px}
.custom-grade-guide .table-wrap.border-type tbody tr th{font-size:12px;color:#666;background-color:#f6f6f6;vertical-align:middle}
.custom-grade-guide .table-wrap.border-type tbody tr td{padding-left:13px;text-align:left}
.custom-grade-guide .table-wrap.border-type tbody tr td.discount-coupon{padding:20px 0 20px 13px}
.custom-grade-guide .table-wrap.border-type tbody tr td.special-benefits-coupon{padding:20px 0 20px 13px}
.table-wrap.border-type tbody tr td .discount-coupon-list li{margin-bottom:10px}
.table-wrap.border-type tbody tr td .discount-coupon-list li:last-child{margin-bottom:0}
.table-wrap.border-type tbody tr td .discount-coupon-list li:after{content:'';display:block;clear:both}
.table-wrap.border-type tbody tr td .discount-coupon-list li span{padding-left:12px;line-height:45px}
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon{position:relative;display:block;float:left;width:95px;height:46px;margin-right:10px;text-indent:-10000px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/ev/ev_coupon_size02_2.png) no-repeat;background-position:0 0;background-size:300px auto;}/* 20210324 */
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.plus{height:45px;background-position:0 -46px}
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.free-delivery{background-position:0 -91px}
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.won10000 {background-position:-192px 0;}/* 20210324 */
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.won5000 {background-position:-192px -46px;}/* 20210324 */
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.themoney-add {background-position:-192px -96px;}/* 20220324 */
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.discount15 {background-position:-192px -150px;}/* 20220324 */
.table-wrap.border-type tbody tr td .discount-coupon-list .coupon.won3000 {background-position:0px -200px;}/* 20220425 */
.table-wrap.border-type tbody tr td .special-benefits-coupon li{margin-bottom:10px}
.table-wrap.border-type tbody tr td .special-benefits-coupon li:after{content:'';display:block;clear:both}
.table-wrap.border-type tbody tr td .special-benefits-coupon li span{padding-left:12px;line-height:48px}
.table-wrap.border-type tbody tr td .special-benefits-coupon .coupon{position:relative;display:block;float:left;width:96px;height:48px;margin-right:10px;text-indent:-10000px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/ev/ev_coupon_size02.png) no-repeat;background-position:0 0;background-size:200px 200px}
.table-wrap.border-type tbody tr td .special-benefits-coupon .coupon.birthday{background-position:-96px 0}
.table-wrap.border-type tbody tr td .special-benefits-coupon .coupon.special-day{background-position:-96px -48px}
.table-wrap.border-type tbody tr td .special-benefits-coupon .coupon.themoney{background-position:-96px -97px}
.table-wrap.border-type tbody tr td .special-benefits-coupon .call-center-banner{position:relative;display:block;float:left;width:159px;height:44px;margin-top:10px;text-indent:-10000px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/ev/ev_coupon_size02.png) no-repeat;background-position:0 0;background-size:200px 200px;background-position:0 -154px}
.policy-wrap .agreement-contents .doc-area.type{position:relative;height:auto;overflow:visible}
.policy-wrap .agreement-contents .box{line-height:1.5}
.policy-wrap .agreement-contents .box .tos-tit{line-height:2}
.policy-wrap .agreement-contents .box .tos-box{margin-top:25px}
.policy-wrap .agreement-contents .box .tos-box h2{margin-bottom:10px;font-size:14px;color:#333}
.policy-wrap .agreement-contents .box .tos-box>span{display:block;position:relative;margin-top:5px;text-indent:10px}
.policy-wrap .agreement-contents .box .tos-box>span:before{content:'';display:block;position:absolute;left:0;top:6px;margin-right:5px;width:4px;height:4px;background-color:#333;border:1px solid #333;box-sizing:border-box;border-radius:2px}
.policy-wrap .agreement-contents .box .tos-box>ol>li{position:relative;margin-left:20px;padding-bottom:7px;text-indent:-15px}
.policy-wrap .agreement-contents .box .tos-box>ol>li>ul{margin:5px 0 0 15px}
.policy-wrap .agreement-contents .box .tos-box>ol>li>ul>li{padding-bottom:4px}
.policy-wrap .agreement-contents .box .doc-info{margin-bottom:10px}
.policy-wrap .agreement-contents .box .doc-info span{display:block;padding-bottom:10px}
.policy-wrap .agreement-contents .box .tos-box p{margin-bottom:10px;text-indent:0}
.policy-wrap .agreement-contents .box .tos-box>ol>li>ul>li{text-indent:-14px}
.policy-wrap .agreement-contents .box .tos-box>ol>li>ul>li>ul{margin:5px 0}
.policy-wrap .agreement-contents .box .tos-box>ol>li>ul>li>ul>li{margin-left:8px;text-indent:-9px}
.policy-wrap .agreement-contents .box .tos-box>ol>li>.tos-table{margin:5px 0 5px -13px;width:104%}
.policy-wrap .agreement-contents .box .tos-box dl.center-info{margin-left:8px;text-indent:-9px}
.policy-wrap .agreement-contents .box .tos-box dl.center-info>dt{margin-top:5px}
.policy-wrap .agreement-contents .box .tos-box dl.cpo{margin-left:8px;text-indent:-9px}
.policy-wrap .agreement-contents .box .tos-box dl.cpo>dt{margin-top:5px}
.policy-wrap .agreement-contents .box .tos-box>.tos-table{margin:0}
.policy-wrap .agreement-contents .list-type01 li {margin-top:10px;}
.policy-wrap .agreement-contents .list-type01 li:first-child {margin-top:10px;}
.policy-wrap .agreement-contents .list-type02 {margin:20px 0 20px;background:#f4f4f4;border:1px solid #e8e8e8;padding:10px 15px;}
.policy-wrap .agreement-contents .list-type02 .select-ui-wrap {background-color:#fff;}

/* 20220801 */
.policy-wrap .agreement-contents .policy-icon {display:inline-block !important;vertical-align:middle;width:20px;height:20px;font-size:0;line-height:0;background-image:url(https://image.thehyundai.com/hdsmart/images/co/icon_policy_sprite.png);background-repeat: no-repeat;background-size:300px auto;}
.policy-wrap .agreement-contents .policy-icon.n01 {background-position:0 0;}
.policy-wrap .agreement-contents .policy-icon.n02 {background-position:-25px 0;}
.policy-wrap .agreement-contents .policy-icon.n03 {background-position:-50px 0;}
.policy-wrap .agreement-contents .policy-icon.n04 {background-position:-75px 0;}
.policy-wrap .agreement-contents .policy-icon.n05 {background-position:-100px 0;}
.policy-wrap .agreement-contents .policy-icon.n06 {background-position:-125px 0;}
.policy-wrap .agreement-contents .policy-icon.n07 {background-position:-150px 0;}
.policy-wrap .agreement-contents .policy-icon.n08 {background-position:-175px 0;}
.policy-wrap .agreement-contents .policy-icon.n09 {background-position:-200px 0;}
.policy-wrap .agreement-contents .policy-icon.n10 {background-position:-225px 0;}
.policy-wrap .agreement-contents .policy-icon.n11 {background-position:-250px 0;}
.policy-wrap .agreement-contents .policy-icon.n12 {background-position:-275px 0;}
.policy-wrap .agreement-contents .policy-icon.n13 {background-position:0 -25px;}
.policy-wrap .agreement-contents .policy-icon.n14 {background-position:-25px -25px;}
.policy-wrap .agreement-contents .policy-icon.n15 {background-position:-50px -25px;}
.policy-wrap .agreement-contents .policy-icon.n16 {background-position:-75px -25px;}
.policy-wrap .agreement-contents .policy-icon.n17 {background-position:-100px -25px;}
.policy-wrap .agreement-contents .policy-icon.n18 {background-position:-125px -25px;}
.policy-wrap .agreement-contents .policy-icon.n19 {background-position:-150px -25px;}
.policy-wrap .agreement-contents .policy-icon.n20 {background-position:-175px -25px;}
.policy-wrap .agreement-contents .main-policy-wrap {padding-bottom:20px;}
.policy-wrap .agreement-contents .main-policy-wrap table td {padding-top:10px;padding-bottom:10px;text-align:center;}
.policy-wrap .agreement-contents .main-policy-wrap table td a {display:inline-block;color:#666;}
.policy-wrap .agreement-contents .main-policy-wrap table td a:hover {text-decoration:none;}
.policy-wrap .agreement-contents .main-policy-wrap table td span {display:block;margin-top:10px;}
.policy-wrap .agreement-contents .main-policy-wrap p {margin-top:15px;font-size:11px;color:#666;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon {width:40px;height:40px;margin:0;background-size:600px auto;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n01 {background-position:0 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n02 {background-position:-50px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n03 {background-position:-100px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n04 {background-position:-150px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n05 {background-position:-200px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n06 {background-position:-250px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n07 {background-position:-300px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n08 {background-position:-350px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n09 {background-position:-400px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n10 {background-position:-450px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n11 {background-position:-500px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n12 {background-position:-550px 0;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n13 {background-position:0px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n14 {background-position:-50px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n15 {background-position:-150px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n16 {background-position:-200px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n17 {background-position:-250px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n18 {background-position:-300px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n19 {background-position:-350px -50px;}
.policy-wrap .agreement-contents .main-policy-wrap .policy-icon.n20 {background-position:-400px -50px;}
.policy-wrap .agreement-contents .box .tos-box h2 {display:flex;align-items:center;padding-top:10px;}
.policy-wrap .agreement-contents .box .tos-box h2 .policy-icon-box {display:flex;align-items:center;margin-left:10px;margin-bottom:3px;}
.policy-wrap .agreement-contents .box .tos-box h2 .policy-icon-box .policy-icon {margin-left:5px;flex:1;}
.policy-wrap .agreement-contents .box .tos-box h2 .policy-icon-box .policy-icon:first-child {margin-left:0;}

div.app-install-link{position:fixed;left:50%;top:50%;width:270px;height:288px;margin:-144px 0 0 -135px;box-sizing:border-box}
div.app-install-link .inner{display:table-cell;width:270px;vertical-align:middle}
div.app-install-link .ic_app{display:block;width:114px;height:81px;margin:0 auto 20px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_app_logo.png);background-repeat:no-repeat;background-size:114px 81px}
div.app-install-link p{margin-bottom:13px;font-size:12px;color:#888;line-height:1.5;text-align:center;letter-spacing:-1px}
div.app-install-link p strong{color:#333}
div.app-install-link p.big{margin-bottom:60px;font-size:19px;color:#333;font-weight:700}
div.app-install-link .app-text + .button-area.popup-bottom .button{width:60%}
@media (max-height: 345px) {
    div.app-install-link{position:relative;left:auto;top:auto;margin:0 auto;padding-top:30px}
}
.policy-style{color:#666}
.policy-style h2{font-size:18px;color:#333;line-height:40px;color:#666;margin-bottom:15px;margin-top:30px;font-weight:700}
.policy-style h4{font-size:18px;color:#333;line-height:40px;color:#666;margin-bottom:15px}
.policy-style article{line-height:1.6}
.policy-style article .tos-tit li{margin-bottom:10px}
.policy-style article .tos-box ol{margin-left:20px}
.policy-style article .tos-box ol li{margin-bottom:10px;text-indent:-20px;padding-left:20px}
.policy-style article .tos-box ol ul{margin-top:10px}
.policy-style article .tos-box p{text-indent:0;padding:0}
.policy-style article table{margin:15px 0}
.policy-style article table th,.policy-style article table td{text-indent:0;padding:0;border-width:1px 0}
.policy-style{font-size:13px}
.policy-style h2{font-size:15px;line-height:30px;margin:5px 0}
.policy-style h4{font-size:14px;line-height:30px;margin:10px 0}
.policy-style table th,.policy-style table td{padding:10px!important;line-height:21px!important;border:1px solid #ddd!important}
.policy-style table th{text-align:center!important}
.policy-style table td{text-align:left!important}
.policy-style table thead th,.policy-style table thead td{background:#f6f6f6!important}
.policy-style table p{margin:0!important}
.policy-style table tbody th{background:none!important;text-align:center;font-weight:700}
.policy-style table tbody th + td{border-left:1px solid #ddd!important}
.policy-style p,.policy-style p.MsoNormal,.policy-style li.MsoNormal,.policy-style div.MsoNormal{line-height:160%;margin:0 0 10px}
.policy-style p.MsoHeader,.policy-style li.MsoHeader,.policy-style div.MsoHeader{line-height:160%;margin:0 0 10px}
.policy-style p.MsoFooter,.policy-style li.MsoFooter,.policy-style div.MsoFooter{line-height:160%;margin:0 0 10px}
.policy-style p.MsoListParagraph,.policy-style li.MsoListParagraph,.policy-style div.MsoListParagraph{line-height:160%;margin:0 0 10px 20px}
.policy-style p.15,.policy-style li.15,.policy-style div.15{margin:0;margin-bottom:.0001pt;line-height:150%;background:#fff;font-size:15px}
.policy-style .MsoPapDefault{margin-bottom:10px;line-height:160%}
.table-wrap.where-store{padding:20px}
.table-wrap.where-store table th{background:#f6f6f6;border-top:1px solid #b3b3b3;line-height:20px;padding:14px 0 14px 24px;text-align:left}
.table-wrap.where-store table td{padding:7px 0 7px 24px;text-align:left;border-bottom:1px solid #f0f0f0}
.table-wrap.where-store.type-layer {padding:0;margin:0 0 20px 0;}/*20200714*/
.table-wrap.where-store.type-layer table th {padding-left:14px;padding-right:14px;} /*lst 20200420*/
.table-wrap.where-store.type-layer table td {padding-left:14px;padding-right:14px;} /*lst 20200420*/
.table-wrap.where-store.type-layer .vertical-middle {vertical-align:middle;} /*lst 20200420*/
.table-wrap.where-store.type-layer.scroll-col {overflow-x:hidden;overflow-y:auto;max-height:235px;border-top:1px solid #eee;border-bottom:1px solid #eee;-webkit-overflow-scrolling:touch;}/*20200714*/
.table-wrap.where-store.type-layer.scroll-col::-webkit-scrollbar {-webkit-appearance:none;width:3px;}/*20200714*/
.table-wrap.where-store.type-layer.scroll-col::-webkit-scrollbar-thumb {background-color:#d4d4d4;}/*20200714*/

/* lst 20190305 제휴팝업 */
.modal.type-refer-popup .modal-dialog {margin:20px;max-width:474px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;}
.modal.type-refer-popup .popover-wrap .pop-content {padding-left:0;padding-right:0;}
.modal.type-refer-popup .img-popup {padding: 20px 35px;text-align:center;}
.modal.type-refer-popup .img-area {text-align:center;}
.modal.type-refer-popup .popover-wrap .pop-footer {padding:10px;}
.notsee-anymore { background: #f3f2f0; padding: 10px;}
#order-complete-layer .pop-content img {width:100% !important;height:auto !important;}
.modal.type-refer-popup .new-refer-popup-box .img-box img {vertical-align:top;width:100%;height:auto;}
.modal.type-refer-popup .new-refer-popup-box .new-refer-popup-bottom {display:flex;flex-wrap:wrap;align-items:center;background-color:#454545;}
.modal.type-refer-popup .new-refer-popup-box .new-refer-popup-bottom button {position:relative;width:50%;height:40px;font-size:12px;color:#aea7a2;padding:0;border:0;background:0;}
.modal.type-refer-popup .new-refer-popup-box .new-refer-popup-bottom button + button:before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:12px;background-color:#aea7a2;}

.delivery-frame-wrap {position: relative; width:100%; }
.delivery-frame-wrap iframe { width: 100% }
.delivery-process-wrap {padding:20px 15px;}/*lst 2016-11-22*/
.delivery-process-wrap ul:after{content:"";display:table;clear:both}/*lst 2016-11-22*/
.delivery-process-wrap ul li{position:relative;width:33%;float:left;text-align:center;}/*lst 2016-11-22*/
.delivery-process-wrap ul li:after{content:"";display:inline-block;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png);background-repeat:no-repeat;background-size:300px 300px;position:absolute;right:0;top:50%;margin-top:-7px;width:6px;height:10px;background-position:-210px -80px}
.delivery-process-wrap ul li span{display:block;line-height:34px;font-size:12px;color:#666}/*lst 2016-11-22*/
.delivery-process-wrap ul li:nth-child(4), .delivery-process-wrap ul li:nth-child(5), .delivery-process-wrap ul li:nth-child(6) {float:right;margin-top:30px;}/*lst 2016-11-22*/
.delivery-process-wrap ul li:nth-child(2), .delivery-process-wrap ul li:nth-child(5) {width:34%;}/*lst 2016-11-22*/
.delivery-process-wrap ul li:nth-child(3):after {bottom:0;left:50%;margin-top:45px;margin-left:-3px;transform:rotate(90deg);-webkit-transform:rotate(90deg);}/*lst 2016-11-22*/
.delivery-process-wrap ul li:nth-child(4):after {display:none;}/*lst 2016-11-22*/
.delivery-process-wrap ul li:nth-child(4):after, .delivery-process-wrap ul li:nth-child(5):after, .delivery-process-wrap ul li:nth-child(6):after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess{width:40px;height:40px;display:inline-block;*display:inline;*zoom:1;background:url(https://image.thehyundai.com/hdmall/images/co/ic_delivery_process.png) no-repeat 0 0;background-size:430px 80px;font-size:0;line-height:0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-01{background-position:0 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-02{background-position:-62px 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-03{background-position:-125px 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-04{background-position:-187px 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-05{background-position:-250px 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-06{background-position:-312px 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-07{background-position:-375px 0}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-01.current{background-position:0 -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-02.current{background-position:-62px -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-03.current{background-position:-125px -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-04.current{background-position:-187px -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-05.current{background-position:-250px -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-06.current{background-position:-312px -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess.dp-07.current{background-position:-375px -40px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-text{margin-top:20px}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-text p{padding:10px;margin:0 auto;font-size:13px;line-height:1.3em;color:#333;text-align:center;border:2px solid #eac6e0;}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-msgbox {margin-top:20px;padding:20px 15px;text-align:center;border:1px dashed #999;}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-msgbox p {margin-top:15px;font-size:13px;color:#333;line-height:1.3em;}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-msgbox p:first-child {margin-top:0;}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-msgbox p span {font-weight:600;}/*lst 2016-11-22*/
.delivery-process-wrap .dprocess-msgbox p a {font-weight:600;}/*lst 2016-11-22*/

.delivery-process-check-wrap .nav-tabs li a span.check:after {display:none;}/*lst 20180604*/
.delivery-process-check-wrap .msg-box {padding:0 15px 0 15px;font-size:11px;line-height:1.2;color:#888;}/*lst 20180604*/

.refer-modal-cont .img-area {text-align:center;}
.refer-modal-cont .img-area img {width:100%;max-width:474px;}
.refer-modal-cont .img-area.type-small {padding:10px;}
.refer-modal-cont .img-area.type-small img {max-width:350px;}
.refer-modal-cont .btn-area .btn-pop-close {position:absolute;right:15px;bottom:13px;width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -120px -100px no-repeat;background-size:300px 300px}
.refer-modal-cont .btn-area .btn-today-close {display:inline-block;font-size:11px;}

#main-notice-popup .pop-content {padding-top:0;padding-left:0;padding-right:0;} /* lst 2016-08-12 */
#main-notice-popup .btn-area {padding:0 15px;} /* lst 2016-08-12 */
.main-notice-cont .img-area {padding-bottom:10px;text-align:center;} /* lst 2016-07-19 */
.main-notice-cont .img-area img {width:100%;max-width:600px;} /* lst 2016-07-19 */
.main-notice-cont .btn-area .btn-today-close {display:inline-block;font-size:11px;} /* lst 2016-07-19 */
.main-notice-cont .btn-area .btn-pop-close {position:absolute;right:15px;bottom:13px;width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -120px -100px no-repeat;background-size:300px 300px} /* lst 2016-07-19 */

.main-dill-banner {border-top:1px solid #333;}
.main-dill-banner a {display:block;}
.main-dill-banner a img {width:100%;height:auto;vertical-align:top;}
.main-dill-info img {width:100%;}

.prod-status {position:absolute;top:50%;left:50%;margin:-46px 0 0 -46px;width:92px;height:92px;line-height:91px;font-size:25px;text-align:center;color:#ec555d;border:1px solid #e9728c;background:url(https://image.thehyundai.com/hdsmart/images/co/bg_prodstatus.png);z-index:19}
.prod-status i{display:inline-block;vertical-align:middle;line-height:30px;height:70px;padding:0 15px;font-style:normal}
.product-list.type-grid-s .prod-status {overflow:hidden;margin:-31px 0 0 -31px;width:62px;height:62px;line-height:61px;font-size:20px;}
.product-list.type-grid-s .prod-status i {float:left;margin-top:8px;line-height:26px;height:56px;padding:0 8px;}
.product-list.type-list .prod-status {margin:-22px 0 0 -22px;width:44px;height:44px;line-height:43px;font-size:15px;}
.product-list.type-list .prod-status i {line-height:17px;height:37px;padding:0 4px;}

.product-list .prod-unit .img .emblem-friday {position:absolute;z-index:15;right:5px;top:5px;display:block;width:40px;height:40px;background:url(https://image.thehyundai.com/hdmall/images/main/img_main_emblem_friday.png) no-repeat 0 0;background-size:100%;}/* 20230307 */
.product-list .prod-unit .img .flag-emblem {position:absolute;z-index:15;right:5px;top:5px;display:block;width:40px;height:40px;} /* 20230307 */
.product-list .prod-unit .img .flag-emblem img {width:100%;height:auto;vertical-align:top;} /* 20230307 */
.product-list .prod-unit .img .status-soldout {position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;color:#454545;font-size:14px;font-weight:500;font-family:"Noto Sans Korean";background:rgba(244,244,244,0.8);}/* 20230419 */
.product-list .prod-unit .img .status-soldout:after {content:"SOLD OUT";}/* 20230419 */
.product-list .prod-unit .img .status-adult {position:absolute;z-index:5;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.4;color:#454545;font-size:14px;font-weight:500;font-family:"Noto Sans Korean";background:rgba(244,244,244,0.8);}/* 20230727 */
.product-list .prod-unit .img .status-adult:after {content:"성인 인증이\A필요합니다.";white-space:pre;}/* 20230727 */

/* 기획전 이미지링크 2016-08-18 */
.btn-type-exhibition {display:block;position:absolute;text-indent:-99999px;background:url(https://image.thehyundai.com/hdmall/images/co/lift_btn_blank.png) repeat left top;}

/* 빌리프 팝업 */
.pop-header.type-belif h1 {letter-spacing:-1px;}
.popover-wrap .pop-content.type-belif {padding:0;}
.type-belif-info dt {padding:10px 20px;font-size:14px;color:#333333;line-height:1.2;letter-spacing:-1px;border-top:1px solid #ededed;}
.type-belif-info dd {padding:0 20px 10px 20px;font-size:12px;color:#666666;line-height:1.4;}
.type-belif-info .belif-txt-logo {overflow:hidden;width:100%;box-sizing:border-box;}
.type-belif-info .belif-txt-logo img {float:right;width:64px;height:auto;padding:5px 10px;}
.type-belif-info .belif-color {color:#ec555d;}
.type-belif-info .belif-imgbox {text-align:center;}
.type-belif-info .belif-imgbox img {width:250px;height:auto;}
.type-belif-info .belif-agree-txt01 {font-size:12px;color:#666;}
.type-belif-info .belif-agree-txt02 {padding-top:10px;font-size:14px;color:#333333;font-weight:700;}
.type-belif-info .belif-agree-txt03 {margin-top:10px;font-size:12px;color:#666666;}
.type-belif-info .belif-agree-box {margin-top:10px;padding:15px;border:1px solid #e6e6e6;}
.type-belif-info .belif-agree-box .belif-label-txt {font-size:12px;color:#333333;letter-spacing:-1px;}
.type-belif-info .belif-agree-box .type-radio {margin-right:15px;margin:3px 15px 3px 0;}
.type-belif-btn {padding:15px 20px !important;margin:0 !important;border-top:1px solid #ededed !important;}
.type-belif-btn a {font-size:14px !important;padding:4px 10px !important;}

/* 오에라 팝업 20210820 */
#modal-oera-info .pop-header,
#modal-oera-completion .pop-header {background-color:#f1f1f1;}
#modal-oera-info .pop-header h1 strong,
#modal-oera-completion .pop-header h1 strong {color:#49898e;}
#modal-oera-info .pop-content,
#modal-oera-completion .pop-content {padding:0;}
.oera-membership-area .top {padding:20px;text-align:center;}
.oera-membership-area .top .txt01 {}
.oera-membership-area .top .txt01:before {content:"";display:inline-block;vertical-align:middle;margin-right:4px;width:12px;height:12px;background:url(https://image.thehyundai.com/hdsmart/images/co/oera_membership_logo.png) no-repeat 0 0;background-size:12px auto;}
.oera-membership-area .top .txt01 span {display:inline-block;vertical-align:middle;font-size:13px;font-weight:700;color:#000;}
.oera-membership-area .top .txt02 {max-width:400px;margin:0 auto;padding-top:8px;line-height:1.5;font-size:13px;color:#000;}
.oera-membership-area .top .txt03 {padding-top:12px;font-size:11px;line-height:1.5;color:#7f7f7f;}
.oera-membership-area .top .txt04 {padding:5px 0;text-align:left;max-width:300px;margin:0 auto;}
.oera-membership-area .top .txt04 li {position:relative;padding-left:8px;margin-top:4px;font-size:11px;line-height:1.6;color:#545454;}
.oera-membership-area .top .txt04 li:nth-child(3) {color:#49898e;}
.oera-membership-area .top .txt04 li:before {content:"";display:block;width:2px;height:2px;position:absolute;left:0;top:5px;background-color:#545454;}
.oera-membership-area .middle {padding:20px 15px 15px;background:#f1f1f1 url(https://image.thehyundai.com/hdmall/images/co/oera_membership_bg.jpg) no-repeat center center;background-size:cover;}
.oera-membership-area .middle .chk-area {padding-left:5px;}
.oera-membership-area .middle .chk-area label {font-size:12px;color:#000;}
.oera-membership-area .middle .privacy-agree-area {margin:12px 0 20px;padding:15px;background-color:#e4e4e4;border:1px solid #b7b7b7;}
.oera-membership-area .middle .privacy-agree-area .txt01 {font-size:11px;color:#000;}
.oera-membership-area .middle .privacy-agree-area .txt02 {padding-top:15px;font-size:11px;line-height:1.5;color:#646363;}
.oera-membership-area .middle .privacy-agree-area .txt03 {padding-top:25px;font-size:11px;line-height:1.5;color:#646363;}
.oera-membership-area .middle .privacy-agree-area .txt03 li {position:relative;margin-top:3px;padding-left:51px;}
.oera-membership-area .middle .privacy-agree-area .txt03 li:first-child {margin-top:0;}
.oera-membership-area .middle .privacy-agree-area .txt03 li div:nth-child(1) {position:absolute;left:0;top:0;}
.oera-membership-area .middle .privacy-agree-area .txt03 li:nth-child(1) {padding-left:39px;}
.oera-membership-area .middle .btn-area {text-align:center;}
.oera-membership-area .middle .btn-area a {display:block;height:55px;line-height:55px;background-color:#2b5956;}
.oera-membership-area .middle .btn-area a span {font-size:12px;color:#fff;}
.oera-membership-area .middle .btn-area p {margin-top:15px;font-size:11px;color:#000;}

/* 더머니 사용안내 팝업 */
.pop-content.type-themoney {padding:25px;padding-left:23px;}
.pop-content.type-themoney .pop-content.type-themoney {padding-top:30px;padding-bottom:30px;}
.pop-content.type-themoney ol li {position:relative;overflow:hidden;width:100%;min-height:32px;margin-top:20px;font-size:12px;color:#333;}
.pop-content.type-themoney ol li:first-child {margin-top:0;}
.pop-content.type-themoney ol li p {margin-left:33px;line-height:1.3;}
.pop-content.type-themoney ol li .num {position:absolute;left:0;top:0;}
.pop-content.type-themoney ol li .line {text-decoration:underline;}
.pop-content.type-themoney .num {display:block;width:23px;height:32px;background-image:url(https://image.thehyundai.com/hdsmart/images/ev/tmr_popup_number_icon.png);background-repeat:no-repeat;background-size:92px auto;font-size:0;line-height:0;text-indent:-9999px;}
.pop-content.type-themoney .n1 .num {background-position:0 0;}
.pop-content.type-themoney .n2 .num {background-position:-23px 0;}
.pop-content.type-themoney .n3 .num {background-position:-46px 0;}
.pop-content.type-themoney .n4 .num {background-position:-69px 0;}

/* 적립금 리워드 팝업*/
.pop-header.type-moneyreward {position:relative;padding-left:10px;}
.pop-header.type-moneyreward h1 {font-size:23px;color:#000;line-height:1.2em;letter-spacing:-2px;}
.pop-header.type-moneyreward h1 span {color:#46675c;}
.pop-content.type-moneyreward dt {margin-top:20px;font-size:14px;color:#333;font-weight:600;}
.pop-content.type-moneyreward dt:first-child {margin-top:0;}
.pop-content.type-moneyreward dd {padding-top:10px;}
.pop-content.type-moneyreward .txt-box {font-size:12px;color:#666;line-height:1.4em;}
.pop-content.type-moneyreward .txt-box span {color:#ec555e;}
.pop-content.type-moneyreward .img-box {text-align:center;}
.pop-content.type-moneyreward .img-box img {width:100%;max-width:300px;}
.pop-content.type-moneyreward .button-area .button a {letter-spacing:-2px;}

/* btn action push */
@-webkit-keyframes btn-action-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes btn-action-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.btn-action-push {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.btn-action-push:focus, .btn-action-push:active {
    -webkit-animation-name: btn-action-push;
    animation-name: btn-action-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* @START lst 2017-02-10 더빠른배송 안내*/
#container.no-blank {margin-bottom:0;}
.fast-delivery-area img {vertical-align:top;}
.fast-delivery-area .top-box .img-box {text-align:center;background-color:#125f61;}
.fast-delivery-area .top-box .img-box img {max-width:320px;width:100%;height:auto;}
.fast-delivery-area .top-box .txt-box {padding:15px 15px;background-color:#deb2bd;}
.fast-delivery-area .top-box .txt-box .img01 {text-align:center;margin-bottom:10px;}
.fast-delivery-area .top-box .txt-box .img01 img {height:22px;width:auto;}
.fast-delivery-area .top-box .txt-box .txt01 {margin-bottom:4px;font-size:12px;color:#641d1d;line-height:1.2;font-weight:600;}
.fast-delivery-area .top-box .txt-box .txt02 {font-size:12px;color:#4e4e4e;line-height:1.4;}
.fast-delivery-area .top-box .txt-box .txt02 span {font-weight:600;}
.fast-delivery-area .middle-box {background-color:#f0e3ec;}
.fast-delivery-area .middle-box .store-location-box {padding:15px;background-color:#f3f3f3;}
.fast-delivery-area .middle-box .store-location-box .top-area {padding-bottom:10px;}
.fast-delivery-area .middle-box .store-location-box .top-area:after {content:"";display:block;clear:both;}
.fast-delivery-area .middle-box .store-location-box .txt-msg01 {float:left;padding-top:5px;font-size:14px;color:#0e5c5e;font-weight:600;}
.fast-delivery-area .middle-box .store-location-box .select-wrap {float:right;display:inline-block;width:100px;}
.fast-delivery-area .middle-box .store-location-box .select-wrap .select-ui-wrap {border:1px solid #888;background-color:#fff;}
.fast-delivery-area .middle-box .store-location-box .txt-msg02 {display:inline-block;font-size:12px;color:#4e4e4e;line-height:1.4;}
.fast-delivery-area .middle-box .store-location-box .info-box .item {display:none;}
.fast-delivery-area .middle-box .store-location-box .info-box .item:first-child {display:block;}
.fast-delivery-area .middle-box .store-location-box .item-tit {padding-top:17px;font-size:13px;color:#9f5f00;font-weight:600;}
.fast-delivery-area .middle-box .store-location-box .map-img {text-align:center;padding:20px 20px 0 20px;}
.fast-delivery-area .middle-box .store-location-box .map-img img {height:250px;width:auto;box-shadow:5px 5px 15px 0px #999;}
.fast-delivery-area .middle-box .store-location-box .map-tit {margin-top:18px;font-size:13px;color:#787878;font-weight:600;}
.fast-delivery-area .middle-box .store-location-box .tbl-del-type {width:100%;margin:6px 0 0 0;border-top:1px solid #000;background-color:#fff;}
.fast-delivery-area .middle-box .store-location-box .tbl-del-type caption {display:none;}
.fast-delivery-area .middle-box .store-location-box .tbl-del-type th {text-align:left;}
.fast-delivery-area .middle-box .store-location-box .tbl-del-type th,
.fast-delivery-area .middle-box .store-location-box .tbl-del-type td {padding:8px 7px 8px 7px;vertical-align:middle;font-size:12px;color:#4e4e4e;line-height:1.3;border-bottom:1px solid #cdcdcd;word-break:keep-all;white-space:normal;}
.fast-delivery-area .middle-box .store-location-box .tbl-del-type .f-brown {color:#825b0e;}
.fast-delivery-area .middle-box .text-list {padding:15px;}
.fast-delivery-area .middle-box .text-list li {line-height:1.4;color:#777;}
.fast-delivery-area .middle-box .text-list li:before {top:7px;}
/* @END lst 2017-02-10 더빠른배송 안내*/

/* @START 2017-02-15 알럿형태 모달팝업 */
.msgAlert-dimmed {position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#333;opacity:0.7;}
.msgAlert {position:fixed;z-index:10010;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;width:100%;}
.msgAlert .inner {margin:0 25px;background-color:#fff;}
.msgAlert .t-area {padding:20px;font-size:13px;color:#666;line-height:2;}
.msgAlert .b-area {overflow:hidden;width:100%;border-top:1px solid #e6e6e6;}
.msgAlert .b-area a {float:left;width:50%;height:36px;line-height:36px;font-size:12px;color:#666;font-weight:600;}
.msgAlert .b-area a.typeA {width:100%;}
/* @END 2017-02-15 알럿형태 모달팝업 */

/* 20170316 메인팝업 */
.mainPopup-dimmed {position:fixed;z-index:1040;top:0;left:0;width:100%;height:100%;background-color:#333;opacity:0.5;}
.mainPopup-wrap {position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;}
.mainPopup-wrap .inner {margin-left:15px;margin-right:15px;background-color:#fff;}
.mainPopup-wrap .h-area {position:relative;height:5px;}
.mainPopup-wrap .h-area h1 {line-height:0;font-size:0;text-indent:-9999px;}
.mainPopup-wrap .h-area:before {content:"";position:absolute;left:0;top:0;z-index:2;display:block;width:35%;height:5px;background-color:#45675b;}
.mainPopup-wrap .h-area:after {content:"";position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:5px;background-color:#edc5e1;}
.mainPopup-wrap .c-area img {vertical-align:top;width:100%;height:auto;}
.mainPopup-wrap .b-area {height:35px;line-height:35px;background-color:#fff;border-top:1px solid #ededed;}
.mainPopup-wrap .b-area:after {content:"";display:block;clear:both;}
.mainPopup-wrap .b-area .close-oneday-btn {float:left;margin-left:5px;padding:0 10px;height:35px;font-size:11px;color:#666;}
.mainPopup-wrap .b-area .close-btn {float:right;padding:10px;margin-right:5px;}
.mainPopup-wrap .b-area .close-btn span {display:block;width:15px;height:15px;font-size:0;line-height:0;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -120px -100px no-repeat;background-size:300px 300px;}

/* 20180330 메인팝업 디자인변경 */
.mainPopup-dimmed-v2 {position:fixed;z-index:1040;top:0;left:0;width:100%;height:100%;background-color:#222;opacity:0.7;}
.mainPopup-wrap-v2 {position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;}
.mainPopup-wrap-v2 .inner {margin-left:auto;margin-right:auto;width:250px;}
.mainPopup-wrap-v2 .c-area a {display:block;}
.mainPopup-wrap-v2 .c-area img {vertical-align:top;width:100%;height:auto;}
.mainPopup-wrap-v2 .b-area:after {content:"";display:block;clear:both;}
.mainPopup-wrap-v2 .b-area .close-oneday-btn {float:left;margin-top:9px;margin-left:-5px;padding:5px;font-size:13px;color:#fff;}/*lst 20190226*/
.mainPopup-wrap-v2 .b-area .close-btn {float:right;padding:10px;margin-right:-10px;}
.mainPopup-wrap-v2 .b-area .close-btn span {display:block;width:19px;height:19px;font-size:0;line-height:0;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -35px -35px no-repeat;background-size:300px 300px;}/*lst 20190226*/

/* 20230626 모바일팝업 배너 */
.mainPopup-wrap-v3 {display:flex;align-items:center;background: rgba(0,0,0,0.8);position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;font-family: 'Noto Sans Korean';transition:opacity 0.3s;}
.mainPopup-wrap-v3 .inner {margin-left:auto;margin-right:auto;width: 100%;max-width: 530px;padding: 0 30px;}
.mainPopup-wrap-v3 .b-area:after {content:"";display:block;clear:both;}
.mainPopup-wrap-v3 .b-area .close-oneday-btn {float:left;margin-left: -10px;padding: 10px;font-size:13px;color:#fff;font-weight: 200;}
.mainPopup-wrap-v3 .b-area .close-btn {float:right;padding: 10px;margin-right: -10px;}
.mainPopup-wrap-v3 .b-area .close-btn span{display: block;width: 17px;height: 17px;font-size: 0;line-height: 0;text-indent: -9999px;background: url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -33px -33px no-repeat;background-size: 280px 280px;}
.mainPopup-wrap-v3 .c-area a {display:block;position:relative;min-height:120px;}
.mainPopup-wrap-v3 .c-area img {vertical-align:top;width:100%;height:auto;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper{padding-bottom: 15px;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-pagination.swiper-pagination-bullets {bottom: 0;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-pagination-bullet {width:5px;height:5px;margin:0 2.5px;background-color:#fff;opacity:1;border-radius:6px;-webkit-transition:all 0.3s;transition:all 0.3s ;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-pagination-bullet-active {width:15px;background-color:#acacac;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide{position: relative;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide a:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(225,225,225,0.01);}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .flag{position: absolute;top: 15px;left: 15px;display: flex;flex-flow: nowrap row;container-type: inline-size;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .flag dd{color: #fff;padding: 4px 7px;white-space: nowrap;border-radius: 5px;margin-right: 5px;font-size: 12px;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .flag dd.flag-basic{background: #4f4f4f;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .flag dd.flag-live{background: #e20f46;padding: 4px 12px;position: relative;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .flag dd.flag-live:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 0;border: 10px solid transparent;border-top-color: #e20f46;border-bottom: 0;border-right: 0;margin-left: 10px;margin-bottom: -5px;transform: rotate(-20deg);}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .title{position: absolute;bottom: 30px;left: 15px;right: 15px;display: flex;flex-flow: wrap column;container-type: inline-size;color: #fff;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .title .main-tit{font-size: 17px;font-weight: bold;width: 100%;margin-bottom: 10px;line-height: 1.4;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .title .sub-tit{font-size: 12px;font-weight: 200;width: 100%;line-height: 1.2;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .title.dim{width: 100%;bottom: 0;left: 0;padding: 20px 15px;background: rgba(0,0,0,0.6);}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .title.dim .main-tit{margin-bottom: 0;line-height: 1.4;}
.mainPopup-wrap-v3 .c-area .main-popup-swiper .swiper-slide .title.dim .sub-tit {display:none;}

/* 20201130 딥링크 팝업 */
.deeplink-popup-dimmed {position:fixed;z-index:1060;top:0;left:0;width:100%;height:100%;background-color:#222;opacity:0.7;}
.deeplink-popup-wrap {position:fixed;z-index:1070;left:0;top:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.deeplink-popup-wrap .inner {position:absolute;left:50%;top:50%;text-align:center;margin-left:auto;margin-right:auto;width:275px;height:324px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.deeplink-popup-wrap .c-area img {vertical-align:top;width:100%;height:auto;}
.deeplink-popup-wrap .b-area span {display:inline-block;vertical-align:middle;}
.deeplink-popup-wrap .b-area .app-btn {display:block;margin-bottom:10px;padding:17px 0;font-size:20px;color:#fff;background-color:#dd72bb;}
.deeplink-popup-wrap .b-area .app-btn:after {content:"";display:inline-block;vertical-align:middle;margin-left:8px;width:10px;height:15px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat 0 -60px;background-size:300px auto;}
.deeplink-popup-wrap .b-area .web-btn {display:inline-block;padding:10px;font-size:15px;color:#fff;}
.deeplink-popup-wrap .b-area .web-btn span {border-bottom:1px solid #fff;}

/* @START 2017-03-03 통합멤버십 */
.join-tm-wrap .item-box {padding:35px 25px 35px;}
.join-tm-wrap .item-box h3 {margin-bottom:18px;font-size:14px;color:#46675c;font-weight:600;}
.join-tm-wrap .item-box .img {padding-bottom:12px;text-align:center;}
.join-tm-wrap .item-box .img img {width:93px;height:auto;}
.join-tm-wrap .item-box .info-box {padding:20px 5px;margin-bottom:25px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.join-tm-wrap .item-box .info-box li {margin-top:8px;position:relative;padding-left:10px;font-size:12px;color:#666;line-height:1.7;}
.join-tm-wrap .item-box .info-box li:before {content:"";display:inline-block;position:absolute;left:0;top:9px;width:2px;height:2px;background-color:#666;}
.join-tm-wrap .item-box .info-box li:first-child {margin-top:0;}
.join-tm-wrap .item-box .info-box p {position:relative;padding-left:6px;margin:11px 0 0 3px;font-size:10px;color:#888;}
.join-tm-wrap .item-box .info-box p:before {content:"*";display:inline-block;position:absolute;left:0;top:2px;}
.join-tm-wrap .item-box:first-child {padding-top:25px;border-bottom:15px solid #e5e5e5;}
.join-tm-wrap .item-box:first-child .btn-default {color:#fff;background-color:#00937e;border:2px solid #00937e;}
.join-tm-wrap .item-box:first-child h3 {color:#00937e;}
.join-tm-wrap .item-box:first-child .img img {width:107px;height:auto;}
.join-tm-wrap .item-box:first-child .img.type2 img {width:auto;height:48px;}/* 20220414 */

.tm-join-complete {margin-top:30px;padding:35px 15px 30px;text-align:center;border-top:1px solid #666;border-bottom:1px solid #666;background-color:#f8f8f8;}
.tm-join-complete .tit {padding-bottom:17px;font-size:14px;color:#00937e;font-weight:600;}
.tm-join-complete .img {padding-bottom:17px;}
.tm-join-complete .img img {width:107px;height:auto;}
.tm-join-complete .txt {font-size:11px;color:#666;line-height:1.4;}
.tm-join-complete .txt-box {margin-top:20px;padding:15px;text-align:left;background-color:#fff;}
.tm-join-complete .txt-box p {padding-bottom:10px;font-size:13px;color:#333;}
.tm-join-complete .txt-box ul {}
.tm-join-complete .txt-box li {position:relative;margin-top:4px;font-size:12px;color:#666;line-height:1.4;}
.tm-join-complete .txt-box li:first-child {margin-top:0;}
.tm-join-complete .txt-box .type-h {position:absolute;left:0;}
.tm-join-complete .txt-box .type-c {display:block;padding-left:34px;}
.tm-join-complete .button-area {padding:0 10px;}
.tm-join-complete .button-area .btn-default {background-color:#00937e;border-color:#00937e;}

.tm-benefit-info {padding:20px 25px 20px;margin-top:-1px;text-align:center;background-color:#fff;}/*lst 20180227*/
.tm-benefit-info .benefit-banner a {display:block;background-color:#00937e;}/*lst 20180227*/
.tm-benefit-info .benefit-banner a span {display:block;margin:0 auto;width:270px;height:42px;font-size:0;line-height:0;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/ev/img_join_benefit_btn.jpg) no-repeat 0 0;background-size:270px auto;}/*lst 20180227*/
.tm-benefit-info .benefit-banner a.active span {background-position:0 -42px;}/*lst 20180227*/
.tm-benefit-info .benefit-info {display:none;background-color:#00937e;}/*lst 20180227*/
.tm-benefit-info .benefit-info img {max-width:270px;}/*lst 20180227*/

.content-wrap.type-login-wrap {padding:0;margin:0;}
.content-wrap.type-login-wrap .nav-tabs {box-sizing:border-box;padding:25px 25px 0px 25px;}/*lst 20171013*/
.content-wrap.type-login-wrap .nav-tabs ul {border-bottom:0;}/*lst 20171013*/
.content-wrap.type-login-wrap .nav-tabs li a {border-right:1px solid #e6e6e6;border-bottom:1px solid #46675c;color:#666;background-color:#f6f6f6;}/*lst 20171013*/
.content-wrap.type-login-wrap .nav-tabs li:first-child a {border-left:1px solid #e6e6e6;border-bottom-color:#46675c;}/*lst 20171013*/
.content-wrap.type-login-wrap .nav-tabs li.active a {border-left-color:#46675c;border-right-color:#46675c;border-bottom-color:#fff;color:#46675c;background-color:#fff;font-weight:600;}/*lst 20171013*/
.content-wrap.type-login-wrap .nav-tabs li a span:after {display:none;}
.content-wrap.type-login-wrap .inner {padding:5px 25px 0px;}/*lst 20180222*/
.content-wrap.type-login-wrap .tab-cont {min-height:405px;}/*lst 20180222*/
.content-wrap.type-login-wrap .tab-cont.item02 {display:none;}
.content-wrap.type-login-wrap .login-box.type-otp {display:none;}
.content-wrap.type-login-wrap .login-box.type-otp .info-txt {padding-top:5px;font-size:12px;color:#666;line-height:1.5;}
.content-wrap.type-login-wrap .inner .form-container {margin-top:0;}/*lst 20170620*/
.content-wrap.type-login-wrap .msg-hpoint-notice a {color:#000;text-decoration:underline;}/*lst 20170807*/
/* @END 2017-03-03 통합멤버십 */

/* 20210302 SSO회원화를 위한 로그인 페이지 개편 */
.login-content-wrap {padding:30px 15px;font-family:"Noto Sans Korean";}
.login-content-wrap h3 {margin-bottom:20px;font-size:18px;font-weight:600;color:#101010;}
.login-content-wrap .login-hpoint-area {}
.login-content-wrap .login-thehyundai-area {display:none;}
.login-content-wrap .login-box {}
.login-content-wrap .form-container {margin-top:0 !important;}
.login-content-wrap .form-group input.text {padding-left:0;border:0 !important;border-bottom:1px solid #ddd !important;font-family:"Noto Sans Korean";}
.login-content-wrap .form-group input.text:focus {border:0;border-bottom:1px solid #333 !important;}
.login-content-wrap .form-group.validation:after {display:none;}
.login-content-wrap .input-msg {margin:10px 0;color:#ec555d;}
.login-content-wrap .button-area {margin-top:15px;margin-bottom:0;}
.login-content-wrap .button-area .btn-default {border:1px solid #035d43;background-color:#035d43;font-weight:300;}
.login-content-wrap .button-area .btn-light {border:1px solid #035d43;color:#035d43;font-weight:300;}
.login-content-wrap .button-area.size-full .button button,
.login-content-wrap .button-area.size-full .button a {display:flex;justify-content:center;align-items:center;padding:0;margin-bottom:10px;height:50px;font-size:14px;}
.login-content-wrap .login-link-wrap {margin:20px 0;text-align:center;}
.login-content-wrap .login-link-wrap li {display:inline-block;vertical-align:middle;}
.login-content-wrap .login-link-wrap li:before {content:"";display:inline-block;margin:0 10px;width:1px;height:11px;vertical-align:middle;background-color:#ccc;}
.login-content-wrap .login-link-wrap li:first-child:before {display:none;}
.login-content-wrap .login-link-wrap li a {font-size:13px;color:#666;font-weight:300;}
.login-content-wrap .login-link-wrap.type2 {margin-top:40px;}
.login-content-wrap .login-link-wrap.type2 li a {color:#101010;font-weight:500;}
.login-content-wrap .login-link-wrap.type2 li a:after {content:"";display:inline-block;vertical-align:middle;margin-left:4px;margin-top:-3px;width:5px;height:5px;border-right:1px solid #101010;border-top:1px solid #101010;transform:rotate(45deg);}
.login-content-wrap .btn-box {padding-top:30px;/*border-top:1px solid #ccc;*/}
.login-content-wrap .btn-box button {display:flex;justify-content:center;align-items:center;padding:0;margin-top:20px;width:100%;height:50px;font-size:14px;font-weight:300;color:#101010;border:1px solid #101010;background-color:#fff;font-family:"Noto Sans Korean";}
.login-content-wrap .login-sns-wrap {margin:40px 0 0;text-align:center;}
.login-content-wrap .login-sns-wrap li {display:inline-block;vertical-align:middle;margin-left:11px;}
.login-content-wrap .login-sns-wrap li:first-child {margin-left:0;}
.login-content-wrap .login-sns-wrap li a {display:block;}
.login-content-wrap .login-sns-wrap li a .ic_comm.naver{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -135px -70px;background-size:200px 200px;}/*20200703*/
.login-content-wrap .login-sns-wrap li a .ic_comm.kakao{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat 0px -122.5px;background-size:200px 200px;}/*20200703*/
.login-content-wrap .login-sns-wrap li a .ic_comm.facebook{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -50px -122.5px;background-size:200px 200px;}/*20200703*/
.login-content-wrap .login-sns-wrap li a .ic_comm.google{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -100px -122.5px;background-size:200px 200px;}/*20200703*/
.login-content-wrap .login-sns-wrap li a .ic_comm.samsungpass{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -35px -70px;background-size:200px 200px;}/*20200703*/
.login-content-wrap .login-sns-wrap li a .ic_comm.apple{width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common2.png) no-repeat -150px -122.5px;background-size:200px 200px;}/*20200703*/
.login-content-wrap .login-box.type-otp {display:none;}
.login-content-wrap .login-box.type-otp .info-txt {padding-top:5px;font-size:13px;color:#666;font-weight:300;line-height:1.5;}
.login-content-wrap .notice-box {margin-top:-5px;margin-bottom:20px;/*padding:15px;*/font-size:13px;color:#666;font-weight:300;line-height:1.5;/*background:#f8f8f8;*/}/* 20221020 */

/* 20250408 캡챠 영역 */
.login-content-wrap .captcha-wrap {display:flex;position:relative;margin:10px 0;}
.login-content-wrap .captcha-wrap .captcha {display:flex;width:100%;}
.login-content-wrap .captcha-wrap .captcha .captcha_child img {width:150px;height:45px;}
.login-content-wrap .captcha-wrap .captcha .captcha_child_two {display:flex;flex-direction:row-reverse;position:absolute;right:0;top:0;}
.login-content-wrap .captcha-wrap .captcha .captcha_child_two button {position:relative;display:inline-flex;align-items:center;justify-content:center;width:35px;height:45px;border:0;border-left:1px solid #c8c8c8;font-size:0;line-height:0;background:0;}
.login-content-wrap .captcha-wrap .captcha .captcha_child_two button:nth-child(1) i {display:inline-block;width:13px;height:15px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/icon_captcha.png);background-repeat:no-repeat;background-position:-50px 0;background-size:100px auto;}
.login-content-wrap .captcha-wrap .captcha .captcha_child_two button:nth-child(2) i {display:inline-block;width:18px;height:15px;background-image:url(https://image.thehyundai.com/hdsmart/images/co/icon_captcha.png);background-repeat:no-repeat;background-position:0 0;background-size:100px auto;}
.login-content-wrap .captcha-wrap .captcha-button {width:calc(100% - 150px);height:45px;box-sizing:border-box;border:1px solid #c8c8c8;}
.login-content-wrap .captcha-wrap .captcha-button input {padding-left:10px;width:calc(100% - 70px);height:43px;font-size:11px;color:#101010;border:0;box-sizing:border-box;}
.login-content-wrap .captcha-wrap .captcha-button input::placeholder {color:#c8c8c8;}

/* 20240311 본인확인 페이지 */
.confirm-wrap {padding:0px 15px;font-family:"Noto Sans Korean";}
.confirm-wrap .radio-box {display:inline-flex;align-items:center;line-height:1.2;}
.confirm-wrap .radio-box input[type="radio"] {display:none;}
.confirm-wrap .radio-box input[type="radio"] + label {display:inline-flex;align-items:center;word-break:break-all;}
.confirm-wrap .radio-box input[type="radio"] + label:before {content:"";display:inline-block;margin:1px 7px 0 0;background-image:url(https://image.thehyundai.com/hdsmart/images/co/sprite_search_icons.png);background-repeat:no-repeat;background-size:300px auto;}
.confirm-wrap .radio-box input[type="radio"] + label:before {width:16px;height:16px;background-position:-200px -50px;}
.confirm-wrap .radio-box input[type="radio"]:checked + label:before {background-position:-250px -50px;}
.confirm-wrap h3 {margin-top:30px;text-align:left;font-size:18px;color:#101010;font-weight:600;}
.confirm-wrap .top-txt-box {margin-top:20px;}
.confirm-wrap .top-txt-box p {font-size:13px;color:#101010;line-height:1.6;}
.confirm-wrap .top-txt-box p.txt01 {font-weight:600;}
.confirm-wrap .top-txt-box p.txt02 {margin-top:2px;font-weight:300;}
.confirm-wrap .form-box {margin-top:30px;}
.confirm-wrap .form-box > li {margin-top:25px;}
.confirm-wrap .form-box > li:first-child {margin-top:0;}
.confirm-wrap .form-box label {font-size:14px;color:#101010;font-weight:600;}
.confirm-wrap .form-box input[type="text"],
.confirm-wrap .form-box input[type="tel"] {padding:0 15px 0;width:100%;height:45px;line-height:45px;font-size:14px;color:#101010;font-weight:300;border:1px solid #ccc;font-family:"Noto Sans Korean";-webkit-appearance:none;box-sizing:border-box;outline:none;}
.confirm-wrap .form-box input:focus {border:1px solid #000;}
.confirm-wrap .form-box .input-name {padding-bottom:10px;}
.confirm-wrap .form-box .input-name .radio-box {margin-right:20px;}
.confirm-wrap .form-box input.type-error {border:1px solid #cf092e;}
.confirm-wrap .form-box .error-msg {width:100%;padding:10px 0 0;font-size:13px;color:#cf092e;font-weight:300;line-height:1.4;}
.confirm-wrap .btn-box {margin-top:30px;}
.confirm-wrap .btn-box .btn-confirm {display:flex;align-items:center;justify-content:center;padding:0;width:100%;height:50px;font-size:14px;color:#fff;font-weight:300;border:1px solid #035d43;background-color:#035d43;font-family:"Noto Sans Korean";}
.confirm-wrap .email-box {display:flex;flex-wrap:wrap;align-items:center;}
.confirm-wrap .email-box input[type="text"] {width:calc(100% - 140px);}
.confirm-wrap .email-box .select-ui-wrap {margin-left:5px;width:135px;height:45px;box-sizing:border-box;}
.confirm-wrap .email-box .select-ui-wrap .textview {display:flex;align-items:center;padding-top:0;padding-bottom:0;height:43px;box-sizing:border-box;font-size:14px;font-weight:300;color:#101010;}
.confirm-wrap .email-box .select-ui-wrap .ic_comm {right:10px;margin-top:-5px;border-bottom:1px solid #444;border-right:1px solid #444;width:6px;height:6px;transform:rotate(45deg);background:0;}
.confirm-wrap .email-box.type-error input[type="text"] {border:1px solid #cf092e;}
.confirm-wrap .email-box.type-error .select-ui-wrap {border:1px solid #cf092e;}
.confirm-wrap .phone-box {display:none;}
.confirm-wrap .phone-box.type-error input[type="text"],
.confirm-wrap .phone-box.type-error input[type="tel"] {border:1px solid #cf092e;}

/* 20170308 선물하기2차  */
.giftservice-info-wrap {text-align:center;}
.giftservice-info-wrap img {max-width:100%;}
.gift-btn-wrap {padding:25px;}
.gift-btn-wrap a {position:relative;display:block;text-align:center;height:42px;line-height:42px;font-size:16px;}
.gift-btn-wrap a:after {content:"";position:absolute;right:14px;top:50%;display:block;width:10px;height:15px;margin-top:-7px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat -30px -60px;background-size:300px 300px;}
.gift-btn-wrap .btn-kakao {color:#47292b;background-color:#ffe400;}
.gift-btn-wrap .btn-kakao:before {content:"";display:inline-block;vertical-align:middle;margin-right:7px;width:25px;height:23px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat -150px -120px;background-size:300px 300px;}
.gift-btn-wrap .btn-kakao:after {background-position:-30px -60px;}
.gift-btn-wrap .btn-default {color:#fff;background-color:#4c7366;}
.gift-btn-wrap .btn-default:after {background-position:0px -60px;}
.gift-btn-wrap .item {margin-top:25px;}
.gift-btn-wrap .item:first-child {margin-top:0;}
.gift-btn-wrap .item + .item {padding-top:25px;border-top:1px dashed #dadada;}

.login .login-gift-area {text-align:center;}
.login .login-gift-area .inner {padding-top:30px;border-top:1px solid #e6e6e6;}
.login .login-gift-area .btn-defualt {display:block;height:42px;line-height:42px;font-size:16px;color:#46675c;border:2px solid #749288;}
.login .login-gift-area .msg-box {margin-top:15px;font-size:10px;color:#666;}
.login .login-gift-area .msg-box2 {margin-top:10px;height:52px;line-height:52px;font-size:12px;color:#666;background-color:#f8f8f8;}

/* 20170316 탑배너 */
#mainTopBanner {position:relative;text-align:center;}
#mainTopBanner .bannerImg {display:block;}
#mainTopBanner .bannerImg img {display:block;height:55px;max-width:100%;margin:0 auto;}
#mainTopBanner .bannerBtnClose {position:absolute;z-index:5;top:50%;right:5px;display:inline-block;padding:10px;margin-top:-16px;color:#fff;font-size:12px;}

/* 20170405 샤넬 멤버쉽 가입안내*/
#modal-chanel-joininfo .popover-wrap .pop-header {position:relative;padding:5px 35px 0;}
#modal-chanel-joininfo .pop-content {padding:0;}
#modal-chanel-joininfo .info-box {padding:15px;border-bottom:1px solid #ededed;}
#modal-chanel-joininfo .info-box .info-txt {margin-bottom:13px;padding-bottom:13px;font-size:11px;color:#666;line-height:1.6;border-bottom:1px dashed #dadada;}
#modal-chanel-joininfo .info-box .agree-info p {padding-bottom:7px;font-size:12px;color:#000;font-weight:600;}
#modal-chanel-joininfo .info-box .agree-txt {overflow-y:auto;max-height:120px;padding:10px;border:1px solid #e6e6e6;-webkit-overflow-scrolling:touch;}
#modal-chanel-joininfo .info-box .agree-txt li {margin-top:2px;font-size:10px;color:#666;line-height:1.2;}
#modal-chanel-joininfo .info-box .agree-txt li:first-child {margin-top:0;}
#modal-chanel-joininfo .button-area {margin-left:13px;margin-right:13px;margin-bottom:0;padding-bottom:15px;}
#modal-chanel-joininfo .button-area .button:nth-child(1) {width:37%;}
#modal-chanel-joininfo .button-area .button:nth-child(2) {width:63%;}
#modal-chanel-joininfo .button-area .btn-light {font-size:11px;color:#666;letter-spacing:-2px;}
#modal-chanel-joininfo .button-area .btn-default {font-size:11px;letter-spacing:-2px;}
#modal-chanel-joininfo .pop-footer {padding:10px;background-color:#f3f2f0;}
#modal-chanel-joininfo .pop-footer label {font-size:10px;color:#666;}

/* 20181016 샤넬 멤버십 가입안내*/
#modal-chanel-joininfo2 .modal-dialog {max-width:640px;padding:0 20px;margin-left:auto;margin-right:auto;}
#modal-chanel-joininfo2 .top-area {position:relative;}
#modal-chanel-joininfo2 .top-area .img-banner img {width:100%;height:auto;}
#modal-chanel-joininfo2 .top-area .btn-close {position:absolute;right:0;top:0;display:block;padding:6px;}
#modal-chanel-joininfo2 .top-area .btn-close span {display:block;width:15px;height:15px;font-size:0;line-height:0;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/popup/popup_chanel_btn_close.png) no-repeat 0 0;background-size:15px 15px;}
#modal-chanel-joininfo2 .middle-area {padding:33px 20px 0px 20px;}
#modal-chanel-joininfo2 .middle-area p {text-align:center;line-height:1.4;}
#modal-chanel-joininfo2 .middle-area p.txt-type01 {padding-bottom:17px;font-size:13px;color:#000;}
#modal-chanel-joininfo2 .middle-area p.txt-type02 {font-size:11px;color:#7b7b7b;}
#modal-chanel-joininfo2 .middle-area p.txt-type02:before {content:"";display:inline-block;margin-right:5px;width:6px;height:6px;border:1px solid #000;}
#modal-chanel-joininfo2 .middle-area p.txt-type02 span {vertical-align:middle;}
#modal-chanel-joininfo2 .middle-area p.txt-type03 {font-size:11px;color:#7b7b7b;letter-spacing:-1px;}
#modal-chanel-joininfo2 .middle-area table {margin:17px 0;width:100%;border-bottom:1px solid #000;}
#modal-chanel-joininfo2 .middle-area table tbody th {padding:10px 8px;text-align:left;vertical-align:middle;font-size:10px;color:#fff;font-weight:400;line-height:1.4;background-color:#000;border-top:1px solid #fff;}
#modal-chanel-joininfo2 .middle-area table tbody td {padding:10px 10px;vertical-align:middle;font-size:10px;color:#000;line-height:1.4;border-top:1px solid #000;}
#modal-chanel-joininfo2 .middle-area .btn-box {padding:15px 0 30px 0;}
#modal-chanel-joininfo2 .middle-area .btn-box a {display:block;padding:13px 0;text-align:center;background-color:#000;}
#modal-chanel-joininfo2 .middle-area .btn-box a span {font-size:12px;color:#fff;}

/*lst 20170809 주문서 타입 new 표시*/
/*.create-order .od-section-header h3.alerttype-new:after {content:"N";position:absolute;width:8px;height:8px;right:-20px;top:10px;display:inline-block;padding:4px;font-size:10px;line-height:1;font-weight:400;color:#fff;background-color:#ec555d;-webkit-border-radius:50%;border-radius:50%;}*/
.payment-method li.alerttype-new a {position:relative;}
.payment-method li.alerttype-new a:after {content:"N";position:absolute;width:8px;height:8px;right:5px;top:5px;display:inline-block;padding:4px;font-size:10px;line-height:1;font-weight:400;color:#fff;background-color:#ec555d;-webkit-border-radius:50%;border-radius:50%;}
.credit-radio li .alerttype-new {position:relative;}/*lst 20171025*/
.credit-radio li .alerttype-new:after {content:"N";position:absolute;width:8px;height:8px;right:3px;top:3px;display:inline-block;padding:4px;font-size:10px;line-height:1;font-weight:400;color:#fff;background-color:#ec555d;-webkit-border-radius:50%;border-radius:50%;}/*lst 20171025*/
.bank-select li .alerttype-new {position:relative;}/*lst 20171201*/
.bank-select li .alerttype-new:after {content:"N";position:absolute;width:8px;height:8px;right:3px;top:3px;display:inline-block;padding:4px;font-size:10px;line-height:1;font-weight:400;color:#fff;background-color:#ec555d;-webkit-border-radius:50%;border-radius:50%;}/*lst 20171201*/

/*lst 20180212 스마일리 플로팅배너 */
#smiley-banner-wrap {display:none;position:fixed;z-index:1000;right:21px;bottom:175px;}
#smiley-banner-wrap.position-top {top:175px;bottom:auto;}
#smiley-banner-wrap a,
#smiley-banner-wrap span {display:block;font-size:0;line-height:0;text-indent:-9999px;}
#smiley-banner-wrap .smiley-banner-close-btn {position:absolute;z-index:5;right:3px;top:1px;}
#smiley-banner-wrap .smiley-banner-close-btn span {width:25px;height:25px;background:url(https://image.thehyundai.com/hdsmart/images/co/banner_smiley_event_close.png) no-repeat 0 0;background-size:25px 25px;}
#smiley-banner-wrap .smiley-banner {}
#smiley-banner-wrap .smiley-banner span {width:82px;height:82px;background:url(https://image.thehyundai.com/hdsmart/images/co/banner_smiley_event.png) no-repeat 0 0;background-size:82px 82px;}
#smiley-banner-wrap .smiley-banner.active {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation-name: smiley-banner-rotate;
    -moz-animation-name: smiley-banner-rotate;
    -o-animation-name: smiley-banner-rotate;
    animation-name: smiley-banner-rotate;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes smiley-banner-rotate {
    0%, 50%, 85%, 100% {
        -webkit-transform: rotateY( 0deg );
        -moz-transform: rotateY( 0deg );
        -o-transform: rotateY( 0deg );
        transform: rotateY( 0deg );
    }
    25%, 70%, 95% {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
    }
}
@-keyframes smiley-banner-rotate {
0%, 50%, 85%, 100% {
    -webkit-transform: rotateY( 0deg );
    -moz-transform: rotateY( 0deg );
    -o-transform: rotateY( 0deg );
    transform: rotateY( 0deg );
}
25%, 70%, 95% {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
}

/* 180917 - system-check popup - rlatkdals */
.pop-system-check-wrap table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;background:#fff}
.pop-system-check-wrap .table-wrap table tbody th{padding:18px 15px 16px;vertical-align:top;text-align:left;color:#444;font-weight:600;border-top:1px solid #eee;background:#f6f6f6}
.pop-system-check-wrap .table-wrap table tbody tr:first-child th, .pop-system-check-wrap .table-wrap table tbody tr:first-child td{border-top:none}
.pop-system-check-wrap .table-wrap table tbody td{padding:12px;vertical-align:middle;text-align:left;color:#666;border-top:1px solid #e0e0e0;}
.pop-system-check-wrap .table-wrap table tfoot tr th, .pop-system-check-wrap .table-wrap table tfoot tr td{padding:12px;vertical-align:middle;text-align:left;color:#666;border-top:1px solid #eee}
.pop-system-check-wrap .table-wrap.coltype table th{padding:12px 5px 10px;line-height:22px;color:#444;text-align:center;vertical-align:middle;}
.pop-system-check-wrap .table-wrap.coltype table tbody td{padding:16px 5px 14px;line-height:22px;color:#666;text-align:center;vertical-align:middle}
.pop-system-check-wrap .table-wrap.coltype table tbody tr:first-child th, .pop-system-check-wrap .table-wrap.coltype table tbody tr:first-child td{border-top:1px solid #eee}
.pop-system-check-wrap .table-wrap.coltype table tbody td.text-left    { text-align:left; }
.pop-system-check-wrap > p { font-size:13px; text-align:center; margin:5px 0 20px; }
.pop-system-check-wrap table ol { padding:0 0 0 18px; }
.pop-system-check-wrap table ol > li { list-style-type:decimal; }


/* ----------------------------------------- 상품상세 20181128 수정 ----------------------------------------- */
#container.content-wrap-default .popover-wrap.share .share-list{font-size:0; padding-top:10px;}
#container.content-wrap-default .popover-wrap.share .share-list li{width: 33%; display: inline-block; margin: 14px 0 0 0; font-size: 11px; line-height: 35px;}
#container.content-wrap-default .popover-wrap.share .share-list i{display: block; width: 35px; height: 35px; margin-right: 8px; vertical-align: middle; margin: 0 auto;}
#container.content-wrap-default .popover-wrap.share .share-list li span { text-align:center; display:block;}
#container.content-wrap-default .ic_sns_icon{display:block;text-indent:-9999px;overflow:hidden;background-image:url(https://image.thehyundai.com/hdsmart/images/co/ic_sns_icon.png);background-repeat:no-repeat;background-size:300px 300px}/* lst 20200326 */

.text-link-arw{display:inline-block;margin:0;padding:0;font-size:13px;color:#666;line-height:1.3;background-color:transparent;border:0} /* 20190115 추가 */

/* ----------------------------------------- 장바구니 20181219 추가 ----------------------------------------- */

/* 전체선택 */
.nav-tabs {width:100%; margin-bottom:15px; overflow:hidden;}
.btn-icon.no-icon {position:relative; display:inline-block; padding:5px 7px 5px 7px; font-size:12px; color:#676767; border:1px solid #cccccc; line-height:1; ackground-color:#fff; background-image:none; background-repeat:no-repeat; background-size:0;}


/* 체크박스 */
.cart-wrap .checkbox-ui {width:20px; height:20px; border:none; background-image:url(https://image.thehyundai.com/hdsmart/images/co/check_green.png); background-repeat:no-repeat; background-size:53.32px 20px; background-position:0px 0px; z-index:20;} /* 20190107 수정 */
.cart-wrap .checkbox-ui.checked {background-image:url(https://image.thehyundai.com/hdsmart/images/co/check_green.png); background-repeat:no-repeat; background-size:53.32px 20px; background-position:-26.66px 0px;} /* 20190107 수정 */

/* 팝업 */
.no-scroll .option-change{max-height:none; overflow:visible;} /* 20190107 수정 */
.cnt-change button.num {height:22px;} /* 20190107 추가 */
.option-change .cnt-change {padding-top:3px;} /* 20190107 추가 */
.popover-wrap .pop-content .button-area.topline{margin:0px -15px 0; padding:15px 17px 0; border-top:none;} /* 20190107 추가 */

/* ----------------------------------------- 푸터 공통 20190130 추가 ----------------------------------------- */
#footer {background:#fff;}
#footer .foot-link-top a {height:38px; line-height:36px; font-size:12px; color:#333;}
#footer .foot-link li a {font-size:12px; color:#333;}

/* ----------------------------------------- 하단 툴바 20190130 추가 ----------------------------------------- */
/*
.utilbar {height:41px;}
.utilbar ul {background:#eee;}
.utilbar ul li {width:25%!important;}
.utilbar ul li.category {display:none;}
.utilbar ul li.search {display:none;}
.utilbar ul li a {height:35px; font-size:0; }
.utilbar ul li.home a:before {background:url("https://image.thehyundai.com/hdsmart/images/co/icon_home.png") 0 0 no-repeat; background-size:27px;}
.utilbar ul li.cart a:before {background:url("https://image.thehyundai.com/hdsmart/images/co/icon_cart.png") 0 0 no-repeat; background-size:27px;}
.utilbar ul li.delivery a:before {width:34px; height:27px; background:url("https://image.thehyundai.com/hdsmart/images/co/icon_delivery.png") 0 0 no-repeat; background-size:34px;}
.utilbar ul li.myhd a:before {background:url("https://image.thehyundai.com/hdsmart/images/co/icon_myhd.png") 0 0 no-repeat; background-size:27px;}
*/

/* 20211108 전환가입 팝업 */
#conversion-signup-popup {position:fixed;z-index:20000;left:0;top:0;right:0;bottom:0;background-color:rgba(34, 34, 34, 0.7);}
#conversion-signup-popup .blind{position:absolute!important;left:-10000px!important;top:-10000px!important;width:0;height:0;font-size:0;display:block;visibility:hidden;}
#conversion-signup-popup .inner {position:absolute;left:50%;top:50%;padding:15px;max-width:355px;width:100%;transform:translate(-50%, -50%);box-sizing:border-box;}
#conversion-signup-popup .img-box {position:relative;}
#conversion-signup-popup .img-box #conversion-signup-btn {position:absolute;left:6%;top:84%;display:block;width:88%;height:12%;font-size:0;line-height:0;}
#conversion-signup-popup .img-box.type2 #conversion-signup-btn {top:85%;}/* 20220414 */
#conversion-signup-popup .bottom-box:after {content:"";display:block;clear:both;}
#conversion-signup-popup .bottom-box .close-today-btn {float:left;margin-top:9px;margin-left:-5px;padding:5px;font-size:13px;color:#fff;}
#conversion-signup-popup .bottom-box .close-btn {float:right;padding:10px;margin-right:-10px;}
#conversion-signup-popup .bottom-box .close-btn span {display:block;width:19px;height:19px;font-size:0;line-height:0;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -35px -35px no-repeat;background-size:300px 300px;}
#conversion-signup-popup .notice-box {background:#fff;padding:25px 20px 20px;text-align:center;line-height:1.3;}
#conversion-signup-popup .notice-box .tit-box {font-size:15px;color:#333;word-break:keep-all;}
#conversion-signup-popup .notice-box .tit-box em {color:#ec555e;}
#conversion-signup-popup .notice-box .txt-box {margin-top:20px;padding:15px;background:#f5f5f5;border-radius:20px;}
#conversion-signup-popup .notice-box .txt-box .img {height:55px;}
#conversion-signup-popup .notice-box .txt-box .img img {display:inline-block;max-height:55px;width:auto;}
#conversion-signup-popup .notice-box .txt-box .txt01 {margin-top:10px;font-size:14px;color:#333;font-weight:700;}
#conversion-signup-popup .notice-box .txt-box .txt02 {margin-top:7px;font-size:12px;color:#666;line-height:1.4;word-break:keep-all;}
#conversion-signup-popup .notice-box .list-box {text-align:left;padding:0 15px;margin-top:25px;}
#conversion-signup-popup .notice-box .list-box .list01 {padding:0 5px;}
#conversion-signup-popup .notice-box .list-box .list01 li {position:relative;margin-top:5px;padding-left:8px;font-size:11px;color:#666;line-height:1.4;word-break:keep-all;}
#conversion-signup-popup .notice-box .list-box .list01 li:before {content:"";position:absolute;left:0;top:5px;display:inline-block;width:4px;height:1px;background-color:#666;}
#conversion-signup-popup .notice-box .list-box .list01 li strong,
#conversion-signup-popup .notice-box .list-box .list01 li em {color:#222;}
#conversion-signup-popup .notice-box .list-box .list01 li:first-child {margin-top:0;}
#conversion-signup-popup .notice-box .list-box .list02 {padding:10px 5px;margin-top:10px; color:#666;border-top:1px solid #222;border-bottom:1px solid #222;}
#conversion-signup-popup .notice-box .list-box .list02 li {position:relative;padding-left:70px;font-size:11px;color:#666;line-height:1.4;word-break:keep-all;}
#conversion-signup-popup .notice-box .list-box .list02 li span {position:absolute;left:0;top:0;color:#222;}
#conversion-signup-popup .notice-box .btn-box {margin-top:20px;}
#conversion-signup-popup .notice-box .btn-box a {display:block;padding:10px 20px;font-size:16px;color:#fff;background-color:#333;text-decoration:none;}
#conversion-signup-popup .notice-box.type-split .txt-box {margin-top:10px;}
#conversion-signup-popup .notice-box.type-split .txt-box .img {height:40px;}
#conversion-signup-popup .notice-box.type-split .txt-box .img img {max-height:40px;}
#conversion-signup-popup .notice-box.type-split .txt-box .txt02 {margin-top:5px;}
#conversion-signup-popup .notice-box.type-split .list-box {padding:0;margin-top:15px;}
#conversion-signup-popup .notice-box.type-split .list-box p {margin-bottom:5px;font-size:11px;line-height:1.5;color:#333;}
#conversion-signup-popup .notice-box.type-split .list-box p em {color:#ec555e;}
#conversion-signup-popup .notice-box.type-split .list-box .list02 {border-bottom:0;}
#conversion-signup-popup .notice-box.type-split .btn-box {margin-top:15px;}

/* 20220119 픽스드 버튼 영역 */
.fixed-btn-talk-box {display:none;position:fixed;z-index:100;bottom:175px;right:15px;}
.fixed-btn-talk-box .in-layer {position:absolute;right:56px;top:50%;padding:14px 15px;width:160px;background-color:rgba(0,0,0,0.6);border-radius:7px;transform:translateY(-50%);}
.fixed-btn-talk-box .in-layer:before {position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:5px solid transparent;border-left:8px solid #000;border-bottom:5px solid transparent;transform:translateY(-50%);opacity:0.6;}
.fixed-btn-talk-box .in-layer .close {position:absolute;right:1px;top:1px;width:30px;height:30px;border:0;font-size:0;line-height:0;text-indent:-9999px;background:url(https://image.thehyundai.com/hdsmart/images/co/fixed_btn_talk_close_img.png) no-repeat center center;background-size:11px auto;}
.fixed-btn-talk-box .in-layer .txt {font-size:12px;color:#fff;line-height:1.5;}
.fixed-btn-tell {position:fixed;z-index:100;bottom:120px;right:15px;display:none;width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/fixed_btn_tell_img.png) no-repeat 0 0;background-size:45px auto;}
.fixed-btn-tell span {font-size:0;line-height:0;text-indent:-9999px;}
.fixed-btn-talk {display:block;width:45px;height:45px;background:url(https://image.thehyundai.com/hdsmart/images/co/fixed_btn_talk_img.png) no-repeat 0 0;background-size:45px auto;}
.fixed-btn-talk span {font-size:0;line-height:0;text-indent:-9999px;}
.is-app .fixed-btn-talk-box {bottom:125px;}
.is-app .fixed-btn-tell {bottom:70px;}

/* 20220314 클럽 가입 */
.join-club-wrap {margin-top:25px;font-family:"Noto Sans Korean";}
.join-club-wrap .jc-top-banner {padding:0 15px;}
.join-club-wrap .jc-top-banner img {vertical-align:top;width:100%;height:auto;}
.join-club-wrap .text-list3 {margin-top:25px;padding:0 15px;}
.join-club-wrap .text-list3 li {font-size:13px;color:#666;}
.join-club-wrap .jc-form-list {padding:0 15px;}
.join-club-wrap .jc-form-list dt {margin-top:25px;font-size:16px;color:#231f20;}
.join-club-wrap .jc-form-list dt.type-required:after {content:"*";display:inline-block;margin-left:4px;color:#ec555e;}/* 20230508 */
.join-club-wrap .jc-form-list dd {margin:15px 0 0 0;display:flex;flex-wrap:wrap;}
.join-club-wrap .jc-form-list dd .msg {margin-top:10px;color:#777;}
.join-club-wrap .jc-form-list .form-group {margin-bottom:0;width:100%;}
.join-club-wrap .jc-form-list input[type="text"] {border:1px solid #ccc;height:36px;width:100%;padding:0 12px;font-size:13px;box-sizing:border-box;}
.join-club-wrap .jc-form-list input[type="text"]:disabled {color:#000;background-color:#fafafa;}
.join-club-wrap .jc-form-list input[type="text"].type-error {border:1px solid #e35c61;}
.join-club-wrap .jc-form-list input[type="date"] {border:1px solid #ccc;height:36px;width:100%;padding:0 12px;font-size:13px;box-sizing:border-box;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"].type-error {border:1px solid #e35c61;}/* 20230508 */
.join-club-wrap .jc-form-control {width:25%;padding:2px;box-sizing:border-box;}
.join-club-wrap .jc-form-control input[type="checkbox"],
.join-club-wrap .jc-form-control input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.join-club-wrap .jc-form-control span {display:flex;justify-content:center;align-items:center;text-align:center;height:36px;font-size:12px;line-height:1.2;color:#231f20;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;}/* 20230508 */
.join-club-wrap .jc-form-control.type-error span {color:#231f20;border:1px solid #e35c61;}
.join-club-wrap .jc-form-control input[type="checkbox"]:checked + span,
.join-club-wrap .jc-form-control input[type="radio"]:checked + span {color:#fff;background-color:#231f20;border:1px solid #231f20;}
.join-club-wrap .jc-form-list dd.type-responsive .jc-form-control {flex:1;}
@media (max-width: 320px) {
    .join-club-wrap .jc-form-control {width:33.3%;}
}
.join-club-wrap .jc-agree-wrap {padding:20px 15px 0 15px;}
.join-club-wrap .jc-agree-wrap .agree-box {display:flex;margin-top:10px;}
.join-club-wrap .jc-agree-wrap .agree-box.sub {margin-top:5px;padding-left:30px;}
.join-club-wrap .jc-agree-wrap .agree-box .cr-checkbox {margin-right:10px !important;}
.join-club-wrap .jc-agree-wrap .agree-box label {margin-right:10px;width:calc(100% - 100px);height:auto;}
.join-club-wrap .jc-agree-wrap .agree-box label span {font-size:13px;color:#231f20;}
.join-club-wrap .jc-agree-wrap .agree-box label span em {color:#ec555e;}
.join-club-wrap .jc-agree-wrap .agree-box a {display:inline-block;margin-top:2px;width:60px;font-size:13px;color:#231f20;}
.join-club-wrap .jc-agree-wrap .agree-box a i {display:inline-block;width:9px;height:12px;margin-left:3px;background-position:-45px -80px;vertical-align:middle;}
.join-club-wrap .jc-agree-wrap .agree-box.sub label {margin-right:25px;width:auto;}
.join-club-wrap .jc-agree-wrap .agree-box.hide {display:none;}
.join-club-wrap .button-area {margin-top:35px;padding:0 15px;}
.join-club-wrap .modal-content .button-area {margin-top:0;}
.join-club-wrap .jc-form-list .file-box {display:flex;flex-wrap:wrap;width:100%;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box .file-input {overflow:hidden;text-align:left;display:block;box-sizing:border-box;padding:0 12px;width:calc(100% - 80px);height:36px;line-height:36px;font-size:13px;border:1px solid #ccc;box-shadow:none;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box .file-input.type-error {border:1px solid #e35c61;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box p {margin-top:10px;color:#777;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box .file-btn {overflow:hidden;position:relative;height:36px;margin-left:5px;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box .file-btn button {width:75px;height:36px;color:#fff;font-size:13px;background:#555;border:1px solid #555;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box .file-btn input[type="file"] {position:absolute;z-index:2;top:0;right:0;cursor:pointer;width:200%;height:200%;opacity:0;}/* 20230508 */
.join-club-wrap .jc-form-list .file-box .file-btn .find-btn {display:flex;justify-content:center;align-items:center;width:75px;height:40px;line-height:40px;color:#fff;font-size:13px;background:#555;border:1px solid #555;box-sizing:border-box;}/* 20230508 */
.join-club-wrap .jc-notice-box {margin:15px 15px 0;padding:15px;background-color:#fafafa;}/* 20230508 */
.join-club-wrap .jc-notice-box p {font-weight:600;color:#666;font-size:15px;}/* 20230508 */
.join-club-wrap .jc-notice-box ol {margin:5px 0 0 22px;}/* 20230508 */
.join-club-wrap .jc-notice-box ol li {list-style:decimal;margin-top:5px;color:#777;font-size:13px;line-height:1.4;}/* 20230508 */
.join-club-wrap .jc-notice-box ol li:first-child {margin-top:0;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"] {display:flex;align-items:center;flex-wrap:wrap;position:relative;-webkit-appearance:none;text-align:left;padding-left:40px;background:#fff;color:#000;border-radius:0;background:url(https://image.thehyundai.com/hdsmart/images/mh/icon_club_sprite.png) no-repeat -85px -42px;background-size:250px auto;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"]::-webkit-calendar-picker-indicator {position:absolute;left:0;right:0;top:0;bottom:0;height:auto;width:auto;cursor:pointer;background:transparent;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"]::-webkit-date-and-time-value {text-align:left;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"]:not(.has-value) {color:#fff;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"]:not(.has-value):before {content:attr(placeholder);display:inline-flex;align-items:center;width:100%;height:100%;color:#999;}/* 20230508 */
.join-club-wrap .jc-form-list input[type="date"]:not(.has-value)::-webkit-datetime-edit {display:none;}/* 20230508 */
.join-club-wrap .jc-form-list .datepicker-box-wrap {display:flex;align-items:center;}
.join-club-wrap .jc-form-list .datepicker-box {position:relative;padding:2px;width:75%;box-sizing:border-box;z-index:1;flex:1;}
.join-club-wrap .jc-form-list .datepicker-box:after {content:"";position:absolute;z-index:-1;left:4px;top:50%;transform:translateY(-50%);display:inline-block;width:22px;height:21px;background:url(https://image.thehyundai.com/hdsmart/images/mh/icon_club_sprite.png) no-repeat 0 -100px;background-size:250px auto;}
.join-club-wrap .jc-form-list .datepicker-box input[type="date"] {position:relative; padding-left:52px;background:0;border:0;}
.join-club-wrap .jc-form-list .datepicker-box input[type="date"]:after {content:"";position:absolute;z-index:-1;left:40px;top:0;width:calc(100% - 40px);height:100%;border:1px solid #ccc;box-sizing:border-box;}
.join-club-wrap .jc-form-list .datepicker-box input[type="date"].type-error:after {border:1px solid #e35c61;}
.join-club-wrap .jc-form-list .datepicker-box2 {position:relative;padding:2px;width:75%;box-sizing:border-box;z-index:1;display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;}
.join-club-wrap .jc-form-list .datepicker-box2 input[type="text"] {padding:0 12px !important;width:calc(100% - 40px);font-family:"Noto Sans Korean";}
.join-club-wrap .jc-form-list .datepicker-box2 input[type="text"]::placeholder {color:#999;}
.join-club-wrap .jc-form-list .datepicker-box2 .ui-datepicker-trigger {margin:0 16px 0 2px;padding:0;width:22px;height:21px;background:url(https://image.thehyundai.com/hdsmart/images/mh/icon_club_sprite.png) no-repeat 0 -100px;background-size:250px auto;}
.join-club-wrap .toggle-wrap {margin:30px 0 0;border-top:1px solid #cccccc;border-bottom:10px solid #e5e5e5;background-color:#e5e5e5;}
.join-club-wrap .toggle-wrap .toggle-btn {position:relative;display:flex;align-items:center;margin-top:10px;padding:0 35px 0 15px;width:100%;height:50px;border:0;background:#fafafa;font-family:"Noto Sans Korean";}
.join-club-wrap .toggle-wrap .toggle-btn p {display:flex;align-items:center;text-align:left;font-size:14px;font-weight:300;color:#333;}
.join-club-wrap .toggle-wrap .toggle-btn p span {min-width:fit-content;font-weight:600;margin-right:8px;}
.join-club-wrap .toggle-wrap .toggle-btn p span:after {content:"";display:inline-block;vertical-align:middle;margin:-2px 0 0 8px;width:1px;height:10px;background-color:#767572;}
.join-club-wrap .toggle-wrap .toggle-btn:after {content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);display:block;width:15px;height:9px;background:url(https://image.thehyundai.com/hdsmart/images/mh/icon_club_toggle.png) no-repeat 0 -9px;background-size:15px auto;}
.join-club-wrap .toggle-wrap .toggle-cont {overflow:hidden;max-height:0;background-color:#fff;border-bottom:1px solid #ccc;transition:max-height 0.3s;}
.join-club-wrap .toggle-wrap .toggle-cont .jc-form-list {padding-top:5px;padding-bottom:30px;}
.join-club-wrap .toggle-wrap.active .toggle-btn:after {background-position:0 0;}
.join-club-wrap .toggle-wrap.active .toggle-cont {max-height:none;}
.join-club-wrap .button-area .btn-default {padding:18px 10px 19px !important;font-size:14px !important;background-color:#035d43;border:0;}
.join-club-wrap .button-area .btn-light {padding:17px 10px 18px !important;font-size:14px !important;border:1px solid #035d43;color:#035d43;}
.join-club-wrap .jc-top-banner + .text-list3 {margin-top:25px;}
.join-club-wrap .jc-hey-banner-wrap {margin-top:30px;padding:0 15px;}
.join-club-wrap .jc-hey-banner-wrap img {vertical-align:top;width:100%;height:auto;}
.join-club-wrap .jc-hey-banner-wrap + .text-list3 {margin-top:15px;}
.join-club-wrap .jc-complete-wrap {display:flex;flex-wrap:wrap;flex-direction:column;min-height:calc(var(--vh, 1vh) * 100 - 25px);text-align:center;}
.join-club-wrap .jc-complete-wrap p.txt1:before {content:"";display:block;margin:0 auto 30px;background-image:url(https://image.thehyundai.com/hdsmart/images/mh/img_club_card_bg.png);background-repeat:no-repeat;background-size:200px auto;}
.join-club-wrap .jc-complete-wrap.type-beauty p.txt1:before {width:130px;height:112px;background-position:0 7px;}
.join-club-wrap .jc-complete-wrap.type-moms p.txt1:before {width:109px;height:112px;background-position:0 -200px;}
.join-club-wrap .jc-complete-wrap p.txt1 {padding:75px 15px 0 15px;font-size:15px;font-weight:600;color:#101010;}
.join-club-wrap .jc-complete-wrap p.txt2 {margin-top:10px;padding:0 15px;font-size:14px;font-weight:300;color:#454545;line-height:1.8;}
.join-club-wrap .jc-complete-wrap .button-area {margin:50px 0 45px;}
.join-club-wrap .jc-complete-wrap .button a {display:flex;justify-content:center;align-items:center;margin-bottom:10px;height:55px;}
.join-club-wrap .jc-complete-wrap .close-btn-box {margin:auto 0 60px;}
.join-club-wrap .jc-complete-wrap .close-btn-box a {display:inline-flex;align-items:center;font-size:13px;font-weight:300;color:#767572;}
.join-club-wrap .jc-complete-wrap .close-btn-box a .ico-close {position:relative;margin:1px 0 0 3px;padding:0;width:15px;height:15px;border:0;background:0;font-size:0;line-height:0;}
.join-club-wrap .jc-complete-wrap .close-btn-box a .ico-close:before,
.join-club-wrap .jc-complete-wrap .close-btn-box a .ico-close:after {content:"";position:absolute;left:50%;top:50%;display:inline-block;width:13px;height:1px;background-color:#767572;}
.join-club-wrap .jc-complete-wrap .close-btn-box a .ico-close:before {transform:translate(-50%,-50%) rotate(45deg);}
.join-club-wrap .jc-complete-wrap .close-btn-box a .ico-close:after {transform:translate(-50%,-50%) rotate(-45deg);}
.join-club-wrap .jc-form-list select {padding:0px 40px 0 12px;width:100%;height:36px;font-size:13px;color:#bbb;border:1px solid #ccc;outline:0;appearance:none;-webkit-appearance:none;font-family:"Noto Sans Korean";background:#fff url(https://image.thehyundai.com/hdsmart/images/mh/icon_clubjoin_select_arrow.png) no-repeat right 14px center;background-size:11px auto;}
.join-club-wrap .jc-form-list select.changed {color:#000;}
.join-club-wrap .jc-form-list select option {color:#000;}
.join-club-wrap .jc-form-list select option[value=""][disabled] {display:none;}
.join-club-wrap .multi-form-wrap {margin-top:30px;border-top:1px solid #ccc;}
.join-club-wrap .multi-form-wrap .mf-tit-box {display:flex;align-items:center;padding:0 15px;height:50px;border-top:10px solid #e5e5e5;border-bottom:1px solid #000;}
.join-club-wrap .multi-form-wrap .mf-tit-box p {font-size:16px;font-weight:600;color:#101010;}
.join-club-wrap .multi-form-wrap .mf-tit-box p em {margin-right:9px;color:#009d76;}
.join-club-wrap .multi-form-wrap .mf-tit-box button {margin:4px -10px 0 auto;padding:10px;font-size:14px;font-weight:300;color:#454545;border:0;background:0;}
.join-club-wrap .multi-form-wrap .jc-form-control {flex:1;}
.join-club-wrap .multi-form-wrap .toggle-wrap {border-top:1px solid #dcdcdc;border-bottom:0;background-color:#fff;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-btn {margin-top:0;height:45px;background-color:#fff;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont {background-color:#f4f4f4;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list {padding-top:25px;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list dt:nth-child(1) {margin-top:0;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .datepicker-box2 {width:100%;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .datepicker-box2 input {width:calc(100% - 40px);}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .input-type-add-box {display:none;margin-top:10px;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .input-etc-box {display:none;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .input-label-box {position:relative;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .input-label-box input {padding-right:40px;}
.join-club-wrap .multi-form-wrap .toggle-wrap .toggle-cont .jc-form-list .input-label-box span {position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:#101010;}
.join-club-wrap .multi-form-wrap .mf-add-btn-box {display:flex;align-items:center;justify-content:center;height:50px;border-top:10px solid #e5e5e5;border-bottom:10px solid #e5e5e5;}
.join-club-wrap .multi-form-wrap .mf-add-btn-box .mf-add-btn {width:100%;height:100%;padding:0;font-size:14px;font-weight:300;color:#454545;background:0;border:0;border-bottom:1px solid #ccc;font-family:"Noto Sans Korean";}
.join-club-wrap .multi-form-wrap .mf-add-btn-box .mf-add-btn:before {content:"+";display:inline-block;margin-right:4px;}
.join-club-wrap .multi-form-wrap .mf-add-btn-box.hide .mf-add-btn {display:none;height:auto;}
.join-club-wrap .multi-form-wrap .mf-add-btn-box.hide {border-bottom:0;height:25px;}
.join-club-wrap .multi-form-wrap .mf-list li:first-child .mf-tit-box .delete-btn {display:none;}
.pop-content.type-join-club p {padding:5px 0 15px;font-size:15px;color:#231f20;font-weight:700;}
.pop-content.type-join-club .notice-box {padding-top:0;font-size:13px;font-weight:400;line-height:1.4;}
.pop-content.type-join-club .table-wrap tbody th {vertical-align:middle;background:#f6f6f6;font-size:13px;line-height:1.4;}
.pop-content.type-join-club .table-wrap tbody td {text-align:left;padding-left:10px;padding-right:10px;font-size:13px;line-height:1.4;}
.pop-content.type-join-club .text-list {margin-top:10px;}
.pop-content.type-join-club .text-list li {font-size:13px;}
.pop-content.type-join-club .table-wrap tbody th {padding:10px;}/* 20230810 */
.pop-content.type-join-club .mt20 {margin-top:20px;}

    /* 20230530 회원가입 페이지 변경 */
.member-join-wrap {font-family:"Noto Sans Korean";}
.member-join-wrap .join-hpoint-area .top {display:flex;align-items:center;justify-content:center;padding:35px 0 0 15px;}
.member-join-wrap .join-hpoint-area .top .left {min-width:215px;}
.member-join-wrap .join-hpoint-area .top .left img {width:auto;height:19px;}
.member-join-wrap .join-hpoint-area .top .left p {margin-top:20px;font-size:14px;color:#454545;line-height:1.4;}
.member-join-wrap .join-hpoint-area .top .right img {width:100%;max-width:139px;vertical-align:middle;}
.member-join-wrap .join-hpoint-area .middle {margin-top:35px;padding:0 15px;}
.member-join-wrap .join-hpoint-area .middle .benefit-box {display:flex;flex-wrap:wrap;}
.member-join-wrap .join-hpoint-area .middle .benefit-box + .benefit-box {margin-top:30px;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > p {padding-top:12px;width:104px;font-size:15px;font-weight:600;color:#000;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > p:before {content:"";display:inline-block;margin-right:6px;vertical-align:middle;background-image:url(https://image.thehyundai.com/hdsmart/images/co/img_member_join_icon.png);background-repeat:no-repeat;background-size:150px auto;}
.member-join-wrap .join-hpoint-area .middle .benefit-box:nth-child(1) > p:before {margin-top:-2px;width:19px;height:13px;background-position:0 0;}
.member-join-wrap .join-hpoint-area .middle .benefit-box:nth-child(2) > p:before {margin-top:-4px;width:17px;height:17px;background-position:-50px 0;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list {width:calc(100% - 104px);}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list ul li {margin-top:6px;padding:12px 20px;font-size:14px;font-weight:500;color:#101010;line-height:1.2;background-color:#f7f7f7;border-radius:8px;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list ul li:first-child {margin-top:0;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list ul li span {font-size:12px;font-weight:300;color:#000;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list div {display:flex;margin-top:10px;line-height:1.4;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list div span {white-space:nowrap;font-size:12px;font-weight:500;color:#666;}
.member-join-wrap .join-hpoint-area .middle .benefit-box > .list div p {padding-left:8px;font-size:12px;font-weight:300;color:#666;}
.member-join-wrap .join-hpoint-area .bottom {text-align:center;margin-top:40px;padding:0 15px;}
.member-join-wrap .join-hpoint-area .bottom .join-btn {display:inline-flex;justify-content:center;align-items:center;width:100%;height:60px;font-size:14px;color:#fff;background-color:#035d43;}
.member-join-wrap .join-hpoint-area .bottom p {margin-top:15px;font-size:13px;font-weight:500;color:#000;}
.member-join-wrap .join-hpoint-area .bottom p a {margin-left:10px;color:#565656;}
.member-join-wrap .join-hpoint-area .bottom p a:after {content:"";display:inline-block;margin-left:6px;width:6px;height:9px;background:url(https://image.thehyundai.com/hdsmart/images/co/img_member_join_icon.png) no-repeat -100px 0;background-size:150px auto;}
.member-join-wrap .join-normal-area {margin-top:60px;padding:60px 15px;border-top:10px solid #e5e5e5;}
.member-join-wrap .join-normal-area .join-btn {display:inline-flex;justify-content:center;align-items:center;width:100%;height:60px;font-size:14px;font-weight:500;color:#035d43;border:2px solid #035d43;box-sizing:border-box;}
.member-join-wrap .join-normal-area ul {text-align:left;margin-top:25px;padding-left:6px;text-indent:-6px;}
.member-join-wrap .join-normal-area ul li {margin-top:10px;font-size:13px;color:#454545;line-height:1.4;}
.member-join-wrap .join-normal-area ul li:first-child {margin-top:0;}
.member-join-wrap .join-normal-area ul li:before {content:"";display:inline-block;vertical-align:middle;margin:-3px 4px 0 0;width:2px;height:2px;background-color:#808080;}
#modal-join-hpoint-information .btn-pop-close {position:absolute;right:15px;top:17px;width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -120px -100px no-repeat;background-size:300px 300px;}
#modal-join-hpoint-information .popover-wrap .pop-content {padding:40px 30px;}
#modal-join-hpoint-information .inner .tit {font-size:17px;font-weight:600;color:#101010;}
#modal-join-hpoint-information .inner .txt {margin-top:15px;font-size:14px;color:#101010;line-height:1.5;}
#modal-join-hpoint-information .inner .img-box {padding:30px 0;}
#modal-join-hpoint-information .inner .img-box img {width:271px;height:auto;vertical-align:top;}
#modal-join-hpoint-information .inner .list {text-align:left;padding:0 0px 0 6px;text-indent:-6px;}
#modal-join-hpoint-information .inner .list li {margin-top:15px;font-size:13px;color:#454545;line-height:1.4;}
#modal-join-hpoint-information .inner .list li:before {content:"";display:inline-block;vertical-align:middle;margin-right:4px;width:2px;height:2px;background-color:#808080;}
#modal-join-hpoint-information .inner .list li:first-child {margin-top:0;}
#modal-join-hpoint-information .inner .join-btn {display:inline-flex;justify-content:center;align-items:center;margin-top:30px;width:100%;height:60px;font-size:14px;color:#fff;background-color:#035d43;}

/* 20231005 RSVP 퍼스널바잉 */
#container.type-personalbuying {margin-bottom:0;}
.vip-personalbuying-wrap {padding-bottom:100px;min-height:100vh;font-family:"Noto Sans Korean";background-color:#f0f0f0;}
.vip-personalbuying-wrap .cb-util-title {background-color:#fff;}
.vip-personalbuying-wrap .top-banner-area img {width:100%;height:auto;}
.vip-personalbuying-wrap .about-area .box1 {text-align:center;background: rgb(199,183,162);background: linear-gradient(175deg, rgba(199,183,162,1) 0%, rgba(205,189,170,1) 100%);}
.vip-personalbuying-wrap .about-area .box2 {position:relative;background-color:#242424;}
.vip-personalbuying-wrap .about-area .box2 > .btn-tell {position:absolute;left:4%;bottom:7%;width:31%;height:4%;font-size:0;line-height:0;}
.vip-personalbuying-wrap .about-area img {width:100%;}
.vip-personalbuying-wrap .about-area .in-swiper {position:relative;}
.vip-personalbuying-wrap .about-area .in-swiper .swiper-container {position:absolute;left:0;top:22%;padding:0 6%;}
.vip-personalbuying-wrap .about-area .in-swiper .swiper-slide {width:77%;}
.vip-personalbuying-wrap .about-area .in-swiper .btn-tell {position:absolute;left:4%;bottom:11%;width:31%;height:7%;font-size:0;line-height:0;}
.vip-personalbuying-wrap .form-area {padding:0 15px;}
.vip-personalbuying-wrap .form-area button,
.vip-personalbuying-wrap .form-area textarea,
.vip-personalbuying-wrap .form-area input {font-family:"Noto Sans Korean";}
.vip-personalbuying-wrap .form-area .tit {padding:25px 0 10px;font-size:15px;font-weight:600;color:#101010;}
.vip-personalbuying-wrap .form-area .textarea-box {position:relative;}
.vip-personalbuying-wrap .form-area .textarea-box textarea {padding:20px 15px;width:100%;box-sizing:border-box;font-size:13px;color:#101010;border:1px solid transparent;border-radius:6px;resize:none;}
.vip-personalbuying-wrap .form-area .textarea-box textarea::placeholder {font-weight:300;color:#9b9e9c;}
.vip-personalbuying-wrap .form-area .textarea-box textarea.type-error {border:1px solid #333;}
.vip-personalbuying-wrap .form-area .textarea-box .txt-byte {position:absolute;bottom:20px;right:15px;font-weight:300;font-size:12px;color:#101010;}
.vip-personalbuying-wrap .form-area .textarea-box .txt-byte span {color:#9b9e9c;}
.vip-personalbuying-wrap .form-area .file-box {display:flex;flex-wrap:wrap;align-items:center;}
.vip-personalbuying-wrap .form-area .file-box .file-input {width:calc(100% - 105px);padding:0 15px;height:45px;box-sizing:border-box;font-size:13px;color:#101010;border:0;border-radius:6px;}
.vip-personalbuying-wrap .form-area .file-box .file-input::placeholder {font-weight:300;color:#9b9e9c;}
.vip-personalbuying-wrap .form-area .file-box .file-btn {overflow:hidden;position:relative;margin-left:5px;}
.vip-personalbuying-wrap .form-area .file-box .file-btn button {padding:0 15px;width:100px;height:45px;font-size:14px;color:#fff;border:0;background-color:#454545;border-radius:6px;box-sizing:border-box;}
.vip-personalbuying-wrap .form-area .file-box .file-btn input[type="file"] {position:absolute;z-index:2;top:0;right:0;cursor:pointer;width:200%;height:200%;opacity:0;}
.vip-personalbuying-wrap .form-area .file-box .notice-box {margin-top:10px;padding-left:12px;}
.vip-personalbuying-wrap .form-area .file-box .notice-box p {text-indent:-8px;width:100%;font-size:12px;font-weight:300;color:#767572;line-height:1.4;}
.vip-personalbuying-wrap .form-area .file-box .notice-box p:before {content:"";display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:6px;width:2px;height:2px;background-color:#767572;border-radius:50%;}
.vip-personalbuying-wrap .form-area .btns-box {display:flex;align-items:center;margin-top:50px;}
.vip-personalbuying-wrap .form-area .btns-box button {flex:1;padding:0;height:50px;font-size:14px;font-weight:600;border:0;border-radius:6px;}
.vip-personalbuying-wrap .form-area .btns-box .btn-cancel {margin-right:5px;color:#fff;background-color:#000;}
.vip-personalbuying-wrap .form-area .btns-box .btn-apply {margin-left:5px;color:#282828;background-color:#c0ae91;}

/* 20231013 RSVP 혜택소개 */
.vip-benefitAbout-wrap {position:relative; width:100%;margin:0 auto;text-align:center;}
.vip-benefitAbout-wrap a { position:absolute; display:block; z-index:10;text-indent:-9999px; overflow:hidden;}
.vip-benefitAbout-wrap .inner {position:relative;}
.vip-benefitAbout-wrap .inner img { display:block; width:100%;}
.vip-benefitAbout-wrap .in-swiper {position:absolute; top:0.00%; left:0.00%; width:100.00%; z-index:9}

/* 20220526 대량주문 접수 */
.bulkorder-reception-wrap .top-img-area img {width:100%;}
.bulkorder-reception-wrap .form-area {padding:0 15px;}
.bulkorder-reception-wrap .form-list input[type="text"] {border:1px solid #ccc;height:36px;width:100%;padding:0 12px;font-size:13px;box-sizing:border-box;}
.bulkorder-reception-wrap .form-list input[type="text"]:focus {outline:none;border:1px solid #333 !important;}
.bulkorder-reception-wrap .form-list textarea {padding:12px;width:100%;height:70px;resize:none;font-size:13px;border:1px solid #ccc;box-sizing:border-box;}
.bulkorder-reception-wrap .form-list .btn-add {position:relative;padding:0;width:36px;height:36px;border:1px solid #ccc;background:#fff;font-size:0;line-height:0;}
.bulkorder-reception-wrap .form-list .btn-add:before {content:"";position:absolute;left:50%;top:50%;display:inline-block;width:16px;height:2px;background:#231f20;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.bulkorder-reception-wrap .form-list .btn-add:after {content:"";position:absolute;left:50%;top:50%;display:inline-block;width:2px;height:16px;background:#231f20;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.bulkorder-reception-wrap .form-list .btn-delete {position:relative;padding:0;width:36px;height:36px;border:1px solid #ccc;background:#fff;font-size:0;line-height:0;}
.bulkorder-reception-wrap .form-list .btn-delete:before {content:"";position:absolute;left:50%;top:50%;display:inline-block;width:16px;height:2px;background:#231f20;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.bulkorder-reception-wrap .form-list .select-ui-wrap {border:1px solid #ccc;}
.bulkorder-reception-wrap .form-list .select-ui-wrap .textview {padding:12px 25px 12px 10px;}
.bulkorder-reception-wrap .form-list li {padding-top:25px;}
.bulkorder-reception-wrap .form-list li .txt {padding-bottom:15px;font-size:16px;color:#231f20;}
.bulkorder-reception-wrap .form-list li .item .in-box {display:flex;}
.bulkorder-reception-wrap .form-list li .item .in-box .prd-code-input {flex:1;}
.bulkorder-reception-wrap .form-list li .item .in-box .prd-count-input {width:84px;margin:0 3px;}
.bulkorder-reception-wrap .form-list li .item .in-box button {margin-left:auto;}
.bulkorder-reception-wrap .form-list input[type="text"].type-error,
.bulkorder-reception-wrap .form-list textarea.type-error,
.bulkorder-reception-wrap .form-list .select-ui-wrap.type-error {border:1px solid #e35c61;}
.bulkorder-reception-wrap .button-area {margin-top:35px;}

/* 20221215 로그인 공지사항 팝업 */
#loginNoticeModal p {font-size:14px;text-align: center;}
#loginNoticeModal h1 {font-size:20px;font-weight:bold;line-height:35px;}
#loginNoticeModal table {margin-top:20px;width:100%;border-top : 1px solid #767676;border-bottom : 1px solid #767676;}
#loginNoticeModal table th {vertical-align:middle;padding : 7px 0px 4px;width : 120px;font-size:14px;background-color:#f6f6f6;border-top:1px solid #cccccc;}
#loginNoticeModal table td {padding : 10px 15px;border-top:1px solid #cccccc;font-size:13px;color:#666666;line-height:1.6;}
#loginNoticeModal table td strong {color:#bf0b0b;}
#loginNoticeModal table tr:nth-child(1) th,
#loginNoticeModal table tr:nth-child(1) td {border-top:0;}

/* 20230623 디즈니 구독 팝업 / 20231124 수정 */
#modal-disney-joininfo .modal-dialog {max-width:720px;max-height:720px;padding:0 20px;margin-left:auto;margin-right:auto;}
#modal-disney-joininfo .modal-content{display: block;container-type: inline-size;background: url('https://image.thehyundai.com/hdsmart/images/popup/popup_disney_bg_03.png') top center;background-size: cover;}
#modal-disney-joininfo .top-area {position: relative;width: 100%;/*height: 10cqw;line-height: 10cqw;*/height: 45px;display: flex;align-items: center;justify-content: flex-end;container-type: inline-size;}
#modal-disney-joininfo .top-area .btn-text{color: #fff;font-size: 2.7cqw;position: relative;top: 0.4cqw;}
#modal-disney-joininfo .top-area .btn-close {width: 9.5%;height: 100%;font-size: 0;display: flex;justify-content: center;align-items: center;}
#modal-disney-joininfo .top-area .btn-close span{display: block;width: 15px;height: 15px;background: url('https://image.thehyundai.com/hdsmart/images/popup/popup_disney_btn_close.png') no-repeat 0 0/100%;font-size: 0;line-height: 0;text-indent: -9999px;}
#modal-disney-joininfo .middle-area {width: 100%;position: relative;container-type: inline-size;}
#modal-disney-joininfo .middle-area li{text-align: center;}
#modal-disney-joininfo .middle-area .main-logo{width: 28cqw;margin: 0 auto;}
#modal-disney-joininfo .middle-area .txt-type01{margin-top: 2.6%;font-size: 5vw;/*font-size: 23px;*/color: #fff;}
#modal-disney-joininfo .middle-area .txt-type02{/*font-size: 29.5px;*/font-size: 6.4vw;color: #fff;margin-top: 2%;}
#modal-disney-joininfo .middle-area .txt-type02 b{color: #00c8f5;}
#modal-disney-joininfo .middle-area .txt-type03{width: 95%;font-size: 2.8cqw;color: #fff;margin: 2% auto 0;letter-spacing: -0.03cqw;}
#modal-disney-joininfo .middle-area .txt-type04{width: 95%;margin: 0 auto;color: #b4b6c4;font-size: 11.5px;letter-spacing: -0.5px;line-height: 1.4;margin-top: 1.5%;}
#modal-disney-joininfo .middle-area .txt-type05{margin: 19px 0 21px;color: #686d8c;font-size: 10px;letter-spacing: -0.25px;}
#modal-disney-joininfo .middle-area .input-text{margin: 3.55% 0 0 -0.9%;container-type: inline-size;}
#modal-disney-joininfo .middle-area .input-text .input-code{width: 75.5%;height: 30px;font-size: 4vw;color: #000;border-radius: 30px;border: 0;text-align: center;background: #fff;}
#modal-disney-joininfo .middle-area .input-text .input-code::placeholder{color: #000;}
#modal-disney-joininfo .middle-area .btn-box {width: 53%;/*height: 11.2cqw;line-height: 11.2cqw;*/height: auto;line-height: 48px;margin: 4% auto 1.5%;}
#modal-disney-joininfo .middle-area .btn-box a {display:block;width: 100%;height: 100%;border-radius: 5px;text-align: center;background-color:#006ef5;}
#modal-disney-joininfo .middle-area .btn-box a span {font-size: 22px;color:#fff;}
/* 20231124 css 추가 */
#modal-disney-joininfo .modal-content img{width: 100%;object-fit: cover;}
#modal-disney-joininfo .modal-content .popover-img{position: relative;display: block;line-height: 0;}
#modal-disney-joininfo .modal-content .btn-close {display: block;position: absolute;top: 0;right: 0; width: 14cqw; height: 14cqw; font-size: 0;}
#modal-disney-joininfo .modal-content .popover-img .input-code{position: absolute;top: 68.9cqw;left: 50%;transform: translateX(-50%);width: 90cqw;height: 12.2cqw;max-width: 100%;font-size: 4.6cqw;color: #000;letter-spacing: -0.5px;border-radius: 3px;background: #fff;border: 0;-webkit-appearance: none;text-align: center;font-weight: bold;}
#modal-disney-joininfo .modal-content .popover-img .input-code::placeholder{color: #000;}
#modal-disney-joininfo .modal-content .btn-box{display: block;line-height: 0;}

/* 20230711 바텀시트 팝업 기본 레이아웃 */
.bottom-sheet-wrap-dimmed {position:fixed;z-index:1060;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s;}
.bottom-sheet-wrap-dimmed.show {opacity:1;visibility:visible;}
.bottom-sheet-wrap {position:fixed;z-index:1060;left:0;right:0;top:100%;height:100%;opacity:0;visibility:hidden;transition:all 0.3s;font-family:"Noto Sans Korean";}
.bottom-sheet-wrap.show {top:0;opacity:1;visibility:visible;}
.bottom-sheet-wrap .inner {transition:all 0.3s;}
.bottom-sheet-wrap.dragging .inner {transition:none;}
.bottom-sheet-wrap .inner {position:absolute;left:0;bottom:0;right:0;max-height:90vh;background-color:#fff;border-radius:8px 8px 0 0;}
.bottom-sheet-wrap .inner .top-area {display:flex;align-items:center;justify-content:space-between;padding:0 15px;height:50px;border-bottom:1px solid #d1d1cf;}
.bottom-sheet-wrap .inner .top-area p {font-size:17px;color:#000;}
.bottom-sheet-wrap .inner .top-area .btn-close {position:relative;padding:0;margin-right:-8px;width:30px;height:30px;border:0;background:0;}
.bottom-sheet-wrap .inner .top-area .btn-close:before,
.bottom-sheet-wrap .inner .top-area .btn-close:after {content:"";position:absolute;left:50%;top:50%;display:inline-block;width:18px;height:1px;background-color:#101010;}
.bottom-sheet-wrap .inner .top-area .btn-close:before {transform:translate(-50%,-50%) rotate(45deg);}
.bottom-sheet-wrap .inner .top-area .btn-close:after {transform:translate(-50%,-50%) rotate(-45deg);}
.bottom-sheet-wrap .inner .top-area .btn-close span {font-size:0;line-height:0;visibility:hidden;}
.bottom-sheet-wrap .inner .cont-area {padding:15px 15px 30px;}

/* RSVP - Start */
/** 마이페이지 **/
/* 라벨노출 */
.vip-lvchk {display: flex; align-items: center;}
.vip-lvchk .mem-data {width: calc(100% - 100px)}
.mh-main-top-area .main-visual .vip-lvchk .mem-data .name {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 0;}
/* .vip-lv {display: block; clip: rect(0, 112px, 20px, 0); max-width: 112px; height: 20px; overflow: hidden;}
.vip-lv::before {content: ''; display: block; width: 112px; height: 20px; background-size: 112px 20px; background-position: 0 0; background-repeat: no-repeat;}
.vip-jasminbk::before {background-size: 112px 20px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-jbk.png);}
.vip-jasminbl::before {background-size: 99px 20px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-jbl.png);}
.vip-jasmin::before {background-size: 63px 20px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-j.png);}
.vip-sage::before {background-size: 66px 20px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-sg.png);}
.vip-clubyp::before {background-size: 63px 20px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-yp.png);}
.vip-green::before {background-size: 58px 20px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-gr.png);}
.vip-jasminbl {width: 99px; clip: rect(0, 99px, 20px, 0);}
.vip-jasmin, .vip-clubyp {width: 63px; clip: rect(0, 63px, 20px, 0);}
.vip-sage {width: 66px; clip: rect(0, 66px, 20px, 0);}
.vip-green {width: 58px; clip: rect(0, 58px, 20px, 0);} */

.vip-lv {display: block; max-width: 116px; height: 22px; overflow: hidden;}
.vip-lv::before {content: ''; display: block; width: 116px; height: 22px; background-size: 116px 22px; background-position: 0 0; background-repeat: no-repeat;}
.vip-jasminbk::before {background-size: 116px 22px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-jbk.png);}
.vip-jasminbl::before {background-size: 97px 22px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-jbl.png);}
.vip-jasmin::before {background-size: 62px 22px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-j.png);}
.vip-sage::before {background-size: 61px 22px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-sg.png);}
.vip-clubyp::before {background-size: 53px 22px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-yp.png);}
.vip-green::before {background-size: 58px 22px; background-image: url(https://image.thehyundai.com/hdsmart/images/vip/viplabel-gr.png);}
.vip-jasminbl {width: 97px; clip: rect(0, 97px, 22px, 0);}
.vip-jasmin {width: 62px; clip: rect(0, 62px, 22px, 0);}
.vip-clubyp {width: 53px; clip: rect(0, 53px, 22px, 0);}
.vip-sage {width: 61px; clip: rect(0, 61px, 22px, 0);}
.vip-green {width: 58px; clip: rect(0, 58px, 22px, 0);}

/* 마이페이지 상단 개인정보영역 포인트,쿠폰 등 */
.mh-main-top-area .main-list-box.type-tm li:nth-child(5) {width: 100%; border-right: 0;}
.mh-main-top-area .main-list-box li .tit var {margin-right: 10px;}

/* 고객센터 */
/* .center-bottom .button-area.size-full .button a i.sc-rsvp-img.s-center {display: flex; width: 100%; padding: 0 0 7px; margin-top: 4px; align-items: center; justify-content: center;}
.center-bottom .button-area.size-full .button a i.sc-rsvp-img span {display: block; width: 125px; box-sizing: border-box;}
.center-bottom .button-area.size-full .button a i.sc-rsvp-img span:first-child {text-align: center; width: calc(247px - 125px); top: 50%; left: 0; margin-left: 0; margin-top: 2px;} */
.center-bottom .button-area.size-full .button a i {text-align: center;}
.center-bottom .button-area.size-full .button a i.s-center {display: flex; padding: 0; margin: 5px 0 5px 10px; align-items: center;}
.center-bottom .button-area.size-full .button a i.s-center span {display: block; width: 136px; box-sizing: border-box; margin-left: 0;}
.center-bottom .button-area.size-full .button a i.s-center span:first-child {text-align: center; top: 50%; left: unset;}
.center-bottom .button-area.size-full .button a i.s-center.sc_ic_img {background: unset;}
.center-bottom .button-area.size-full .button a i.s-center.sc_ic_img span:first-child {position: relative; padding-left: 29px;}
.center-bottom .button-area.size-full .button a i.s-center.sc_ic_img span:first-child::before {display: inline-block; margin-left: -38px; position: absolute; top: 50%; transform: translateY(-50%); width: 33px; height: 33px; content: ''; background: url(https://image.thehyundai.com/hdsmart/images/cc/ic_sc_img.png) 0 -88px/ 70px 213px no-repeat; }

.sc-rsvp-img img {vertical-align: middle;}

/****************************************** 2차 반영분 0 20231020 ******************************************/
/* h point 주문서 */
.od-hpointadd-wrap {overflow: hidden; font-family: 'Noto Sans Korean';}
.od-section-body .od-select-head {padding: 12px 0; margin: 0 15px; border-top: 0;}
.od-section-body .od-select-head + .newhpoint {padding-bottom: 20px; background: #f3f3f3;}
.newhpoint ul {padding: 22px 0;}

.sale-item.rsvp-saleitem dl > dt {position: absolute; top: -100vh; text-indent: -9999px;}
/* .sale-item.rsvp-saleitem dl > dd,
.sale-information .sale-item.rsvp-saleitem dd.type02 */
.sale-information .sale-item.rsvp-saleitem dd.type02 {height: auto; min-height: 30px; position: static; transform: unset; margin: 0 !important; padding: 0; display: flex; align-items: center;}
.sale-item.rsvp-saleitem dl > dd .form-stick {flex: 1 1 100%;}
.sale-item.rsvp-saleitem dl > dd .value {position: relative; padding: 0; display: block; width: auto; min-width: 102px; flex: 1 0  102px; line-height: 1; height: 30px;text-align: left;}
.sale-item.rsvp-saleitem dl > dd .value .od-price {margin-right: 2px; box-sizing: border-box; width: 80px; height: 30px; line-height: 30px;}
.sale-item.rsvp-saleitem dl > dd .value .won {line-height: 30px; height: 30px; vertical-align: middle;}

/* 고객센터 전화번호 영역 정렬 누락 추가 */
.center-bottom .button-area.size-full .button a i.s-center {justify-content: center}

/* 결제수단변경 */
.hpay-list.newhpoint {display: none;}
.hpay-list.newhpoint .newhpoint-payment-list {width: 100%; overflow: hidden;}
.hpay-list.newhpoint .newmy-hpoint-card li {width: 100%;}
.hpay-list.newhpoint .newmy-hpoint-card .newmy-label,
.hpay-list.newhpoint .newmy-hpoint-card .select-ui-wrap {width: 250px; margin: 0 auto;}
.hpay-list.newhpoint .newmy-hpoint-card .newmy-card-evt,
.hpay-list.newhpoint .newmy-hpoint-card .nopayment {display: none;}
.payment-change .newhpoint ul {padding-bottom: 10px;}
.payment-change .hpay-list.newhpoint .newhpoint-payment-list {padding-bottom: 22px;}

.payment-method .rsvp-hpay a::before {background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-hpay.png) 50%/28px 28px no-repeat; width: 28px; height: 30px;}
.hpay-list.newhpoint .newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-card-evt {display: none}
.hpay-list.newhpoint .newmy-hpoint-card .select-ui-wrap {width: 230px; margin-top: 10px}

.od-hpointadd-wrap .newmy-hpoint-card li {width: 250px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}

.newmy-hpoint-card input[type="radio"] {position: absolute; opacity: 0; outline: none;}
.payment-method .newmy-hpoint-card li .select-ui-wrap {margin-top: 15px}
.newhpoint-payment-list .nopayment button {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 160px; border-radius: 6px; border: 2px dashed #ddd; background: #fff}
.newhpoint-payment-list .nopayment button::before {display: block; content:''; color: #fff; width: 32px; height: 32px; line-height: 32px; border-radius: 16px; background: #959595 url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-plus.png) 50%/11px 11px no-repeat; margin-bottom: 10px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-label {display: block; margin-bottom: 25px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-label.type-checkbox3 {padding-left:28px;display:inline-block;margin:12px 0 3px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link {font-size: 12px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link .font-black {color: #000;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link .font-white {color: #fff;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link > span {position: relative; display: block; width: 100%; height: 160px; border-radius: 10px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link [class^='newmy-link-'] {position: absolute; left: 25px; line-height: 1;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link .newmy-link-logo {top: 25px; height: 18px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link .newmy-link-logo img {width: auto; height: 100%;}
.payment-change .newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-hpoint-link .newmy-link-name,
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link .newmy-link-name {bottom: 43px; font-weight: 600; font-size: 14px;}
.payment-change .newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-hpoint-link .newmy-link-num,
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-link .newmy-link-num {bottom: 25px;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-hpoint-btn {text-align: center; margin-top: 20px;}
.hpay-add-pop .newhpoint-payment-list .newmy-hpoint-card li.checked label>.newmy-hpoint-link>span::before,
.hpay-add-pop .newhpoint-payment-list .newmy-hpoint-card li input[type="checkbox"]:checked ~ label>.newmy-hpoint-link>span::before,
.newhpoint-payment-list .newmy-hpoint-card li input[type="radio"]:checked ~ label>.newmy-hpoint-link>span::before {display: block; content: ''; line-height: 25px; text-align: center; background: #333 url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-select.png) 50%/15px 11px no-repeat; width: 25px; height: 25px; color: #fff; border-radius: 15px; position: absolute; top: 13px; right: 13px;}
.hpay-add-pop .newhpoint-payment-list .newmy-hpoint-card li.checked label>.newmy-hpoint-link>span,
.newhpoint-payment-list .newmy-hpoint-card li input[type="radio"]:checked ~ label>.newmy-hpoint-link>span {box-shadow: 6px 8px 15px 1px rgba(0, 0, 0, 0.19);}
.newhpoint-payment-list .swiper-pagination-payment {text-align: center; position: static;}
.newhpoint-payment-list .swiper-pagination-payment .swiper-pagination-bullet {background: #777;}
.newhpoint-payment-list .swiper-pagination-payment .swiper-pagination-bullet-active {background: #b2b2b2;}
.newhpoint-payment-list .newmy-hpoint-card .newmy-card-evt {display: none; border-radius: 3px; justify-content: space-between; align-items: center; padding: 0 10px; height: 30px; border: 0; background: rgba(255,255,255,.4); color: #282828;}
.newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-card-evt {display: flex; position: absolute; top: 115px; left: 15px; width: 220px; box-sizing: border-box; font-size: 11px;}
.newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-card-evt .newmy-evt-info {font-weight: 700;}
.newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-hpoint-link .newmy-link-name {bottom: 74px;}
.newhpoint-payment-list .newmy-hpoint-card li.has-card-event .newmy-hpoint-link .newmy-link-num {bottom: 56px;}

.newhpoint-payment-list .select-ui-wrap {background: #Fff;}

.newhpoint-payment-list .paycheck {text-align:center;}

.od-section-body .newhpoint .newhpoint-guide-txt {color: #777; font-size: 12px; letter-spacing: -.02rem; background: #fff; padding: 0 0 15px 35px}
.od-section-body .od-select-head label.type-radio {color: #333}

.padding-none {padding-bottom: 0 !important;}

/* h point 마이페이지 */
/* .newhpay-wrap .page-title h2 {overflow: unset;} */
.newmy-hpoint-area {overflow: hidden;}
.newmy-hpoint-area .nav-tabs {margin: 0;}
.newmy-hpoint-area button {border: 0; padding: 0; background: none; margin: 0; font-size: 13px; color: #666}
.zprd-select-rsvopt button.btn.more, /* 0원상품 예약단계 버튼 추가 */
.newmy-hpoint-area button.btn.more {margin: 30px auto 0; background-color: rgba(255,255,255,0); border: 1px solid #e6e6e6; color: #333; height: 36px; width: 150px; border-radius: 18px;}
.newmy-hpoint-info {width: 100%; padding: 15px 20px; box-sizing: border-box; font-size: 13px; color: #777;}
.newmy-hpoint-info dt,
.newmy-hpoint-info dd {display: inline-block; font-size: 13px; font-weight: 400;}
.newmy-hpoint-info dd {color: #333}
.newmy-hpoint-info dd var {color: #777}
.newmy-hpoint-detail dt:nth-child(3)::before {content: '(';}
.newmy-hpoint-detail dd:not(:nth-child(2))::after {content: ','; color: #777}
.newmy-hpoint-detail dd:last-child::after {content: ')'; color: #777}
.newmy-hpoint-area .newhpoint-payment-list {background: #eee; padding: 30px 0;}
.newmy-hpoint-area .newmy-hpoint-card li {text-align: center; margin-bottom: 20px; width: 250px;}
.newmy-hpoint-area .newmy-btn-del {position: absolute; right: 15px; top: 15px; border: 0; padding: 0; width: 24px; height: 24px; border-radius: 12px; background: #333;}
.newmy-hpoint-area .newmy-btn-del::after {display: block; content:''; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-x.png) 50%/ 12px 11px no-repeat; width: 24px; height: 24px; /*transform: rotate(-45deg);*/ }
[class^='newmy-'] .blind {display: block; font-size: 0; width: 0; height: 0; visibility: hidden; position: absolute; top: -9999px; left: -9999px;}
.newmy-hpoint-area .newmy-button {margin:15px auto 0; background: #fff; border: 1px solid #ddd; border-radius: 30px; height: 30px; font-size: 12px; color: #666; padding: 0 15px;}
.newmy-hpoint-area li.hpay-default .newmy-button::before {display: inline-block; content:''; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-select-b.png) 50%/ 12px 9px no-repeat; width: 12px; height: 9px; margin-right: 5px;}
.newmy-hpoint-area .newhpoint-payment-list .newmy-hpoint-card li input[type="radio"]:checked ~ label>.newmy-hpoint-link>span::before {display: none;}
.newmy-hpoint-area .newhpoint-payment-list .newmy-hpoint-card .newmy-label,
.full-layer .newhpoint-payment-list .newmy-hpoint-card .newmy-label {margin-bottom: 0}

.zprd-select-rsvopt button.btn.more::after, /* 0원상품 예약단계 버튼 추가 */
.newmy-hpoint-area button.btn.more::after,
.newmy-btn-setting::after {display: inline-block; content: ''; margin-left: 5px; width: 11px; height: 10px; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-down.png) 50%/11px 6.5px no-repeat;}
.newmy-btn-setting::after {opacity: .5;}
.newmy-active .newmy-btn-setting::after {background-image: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-up.png);}

.newmy-setting-field {padding: 0 12px;}
.newmy-setting-field li {border-top: 1px solid #d6d6d6; padding: 15px 0; display: flex; align-items: center; justify-content: space-between;}
.newmy-setting-field li:first-child {border: 0;}
.newmy-setting-field li span {display: block}
.newmy-setting-field li button {display: block; width: 7px; height: 11px; overflow: hidden; margin-right: 5px;;}
.newmy-setting-field li button::before {display: block; content: ''; width: 7px; height: 11px; background: #fff url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-right-gray.png) 50%/6.5px 11px no-repeat;}


.newmy-popup {position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: 0; z-index: 100;}
.newmy-popup.bottom .inner {bottom: 0; left: 0; right: 0; background-color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; transition: all .5s ease-in-out; min-width: 100%; transform: none}

.pop-content .method-list {margin: 0 10px; padding: 0;}
.pop-content .method-list li {margin: 10px 0; text-align: center; float: none; width: 100%; padding: 0;}
.pop-content .newhpoint ul {padding: 0;}
.pop-content .method-list button {border: 1px solid #e6e6e6; background: #f6f6f6; font-size: 14px; height: 83px; padding: 0 20px; width: 100%;}
.pop-content .method-list .hCardReg button {border: 1px solid #45675b; background: #fff;}
.pop-content .method-list .hCardReg button span {display: block;}
.pop-content .method-list .hCardReg button span.tit {color: #45675b}
.pop-content .method-list .hCardReg button span.dic {font-size: 11px; color: #777; margin-top: 5px}

.newmy-out-btn {position: absolute; bottom: 0; left: 0; right: 0; height: auto; text-align: center;}
.newmy-out-btn a {display: block; line-height: 40px; padding: 0 10px; margin: 0; height: 40px; background: #282828; color: #fff}
.newmy-out-btn a.out,
.newmy-out-btn a.first {background: #edc5e0; color: #333; height: 51px; line-height: 51px; font-size: 16px;}
/* .newmy-out-btn .first,
.newmy-out-btn.hpoint-first .out {display: none;} */
.newmy-out-btn.hpoint-first .first,
.newmy-out-btn .out {display: block;}

#popMyHpPayTerms .newmy-out-btn.btns {display:flex;left:0;right:0;}
#popMyHpPayTerms .newmy-out-btn.btns a {border:1px solid #055d43;width:100%;height:55px;line-height: 55px;font-size:16px;font-weight:400;}
#popMyHpPayTerms .newmy-out-btn.btns a:nth-of-type(1) {color:#055d43;background:#fff;}
#popMyHpPayTerms .newmy-out-btn.btns a:nth-of-type(2) {color:#fff;background:#055d43;}

#popPayOutAlet_bd {z-index: 3000;}
#popPayOutAlet {z-index: 3001;}

.newmy-search-setting {position: relative; padding: 0 20px; border-bottom: 1px solid #ddd} 
.newmy-search-cont {display: none; padding: 20px 0 10px; margin-top: 1px; position: absolute; left: 0; right: 0; box-shadow: 0 5px 5px -5px #000; background: #fff; }
.newmy-inner {padding: 0 20px 10px;}
.newmy-inner .need {color: #ff2032; margin-left: 3px;}
.newmy-hpoint-area .newmy-inner .newmy-btns {display: flex; gap: 5px;}
.newmy-hpoint-area .newmy-inner .newmy-button {height: 48px; font-size: 15px; flex: 1; border: 0; border-radius: 0; background: #edc5e0;}
.newmy-hpoint-area .newmy-inner .newmy-button:first-child {background: #bbb; color: #fff;}
.newmy-hpoint-area .newmy-inner .newmy-button:first-child::before {display: inline-block; content: ''; width: 14px; height: 14px; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-refresh-2.png) 50%/14px 13.5px no-repeat; margin-right: 5px;}
.newmy-active .newmy-search-cont {display: block;}
.newmy-search-top {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 13px; color: #333;}
.newmy-search-top p,
.newmy-search-top button {line-height: 1.4; vertical-align: middle; color: #333; font-family: 'Noto Sans Korean';}
.newmy-search-top .select-ui-wrap {width: calc(50% - 5px)}

.newmy-btns {text-align: center;}

.newmy-pay-history {text-align: center; margin-top: 20px;}
.newmy-pay-history ul {padding: 0 20px;}
.newmy-pay-history li {width: 100%; padding: 15px 0; border-top: 0; border-bottom: 1px solid #ddd;}
.newmy-pay-history li:first-child {border-top: 0;}
.newmy-pay-history li .newmy-pay-detail {display: flex; justify-content: space-between;}
.newmy-pay-history .newmy-sales-detail {display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.newmy-pay-history .newmy-sales-detail .newmy-ordernum {color: #45675b; font-weight: 700;}
.newmy-pay-history .newmy-sales-detail a {display: block; border: 1px solid #ddd; padding: 5px;}
.newmy-pay-history .nodata {padding: 30px 0;}

.hpay-add-pop .full-layer-body .full-scroll {padding: 22px 19px 0; box-sizing: border-box;}
.hpay-add-pop .full-layer-body .newmy-out-btn {left: -19px; right: -19px;}
.hpay-add-pop .full-scroll iframe {width: calc(100vw - 40px);; height: calc(100vh - 82px);}

.hpay-add-pop .full-scroll > p {margin-bottom:20px;font-size:14px;color:#333;line-height:1.5;}
.hpay-add-pop .agree-list {padding: 0;}
.hpay-add-pop .agree-list li {min-height: 30px; line-height: 30px;}
.hpay-add-pop .agree-list li a {border-bottom: 1px solid #333; font-size: 14px;}

.hpay-add-pop .newmy-hpoint-info {padding: 0;}
.hpay-add-pop .nodata::before {display: block; content: ''; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-alert.png) 50%/45px 45px no-repeat; width: 45px; height: 45px; margin: 20px auto 20px;}
.hpay-add-pop .pop-content .nodata p {text-align: center; line-height: 1.6; padding: 0;}
.hpay-add-pop .nodata p + p {margin-top: 10px;}
.hpay-add-pop .pop-content a.btn.size3.full {display: block; margin: 30px auto -5px; border: 1px solid #46675c; height: 46px; line-height: 46px; width: 100%; text-align: center; font-size: 15px; color: #46675c; box-sizing: border-box;}
.hpay-add-pop .pop-content a.btn.size3.full i {display: inline-block; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-right_g.png) 50%/8px 13px no-repeat; width: 8px; height: 13px; margin-left: 10px;}
.hpay-add-pop .button-area.page-half {padding: 0 15px;}
.hpay-add-pop .button-area.page-half .button {width: 100%;}
.hpay-add-pop .button-area.page-half .button a {font-size: 15px; margin-bottom: 15px;}

/* 무이자 테이블 */
.pop-content .hpointpay-add table th {padding: 7px 0 !important; text-align: center !important; vertical-align: middle; letter-spacing: -0.01rem;}
.pop-content .hpointpay-add table td {border-right: 1px solid #eee; padding: 7px 0 !important; text-align: center !important; vertical-align: middle;}
.pop-content .hpointpay-add table td:last-child {border-right: 0;}

.payment-method .agree-list li {width: unset;}
.payment-method .agree-list li a {color: unset; font-weight: unset; height: unset; border: 0; text-align: left;}
[id^='popMyHpPay'] .button-area.popup-bottom .button,
#popFaceidAlert .button-area.popup-bottom .button,
#popPayOutAlet .button-area.popup-bottom .button {width: 100%; display: flex; gap: 5px; justify-content: center;}

.hpay-add-pop .pop-content p {font-size: 12px; padding: 10px 20px;}

.hpay-add-pop .pop-footer {margin-top: 30px;}
.hpay-add-pop .pop-footer .button-area.popup-bottom .button a:first-child {background: #999; border-color: #999}
.hpay-add-pop .pop-footer .button-area.popup-bottom .button a,
.hpay-add-pop .pop-footer .button-area.popup-bottom .button a.btn-green {flex: 1; background: #46675c; color: #fff;}


.hpay-add-pop .newhpoint-payment-list {max-height: 55vh; margin: -22px -19px 0; padding: 22px 19px; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; overflow-y: auto;}
.hpay-add-pop .newhpoint-payment-list label {background: none; padding: 0;}
.hpay-add-pop .paycheck.checked label {background-image: url(https://image.thehyundai.com/hdsmart/images/co/checkbox-checked.png);}
.hpay-add-pop .newmy-hpoint-card {display: flex; flex-direction: column; align-items: center; padding: 0;}
.hpay-add-pop .newmy-hpoint-card li {display: block; width: auto; height: auto; margin-bottom: 0;}
.hpay-add-pop .newmy-hpoint-card li + li {margin-top: 20px;}
.hpay-add-pop label.type-checkbox {display: block; height: unset !important; width: 250px}
.hpay-add-pop .newmy-hpoint-info {line-height: 1.4; width: auto;}
.hpay-add-pop .newmy-hpoint-info .paycheck {margin: 10px 0 15px}
.hpay-add-pop .newmy-hpoint-info strong {display: block; margin-bottom: 10px; font-size: 15px; font-weight: 400; color: #333;}
.hpay-add-pop .pop-content {line-height: 1.6;}


/* .pop-content  */
.hpoint-faceid-wrap {padding: 20px; position: relative; line-height: 1.6;}
.hpoint-faceid-wrap * {display: block; margin: 0;}
.hpoint-faceid-wrap h3 {font-size: 14px; padding-bottom: 20px; border-bottom: 1px solid #ddd; color: #333; font-weight: 400;;}
.hpoint-faceid-wrap .hpoint-tit-lv4 {font-size: 12px; margin: 20px 0 10px; font-weight: 400; color: #333;}
.hpoint-faceid-wrap p {font-size: 12px; line-height: 1.4;}
.hpoint-onoff-toggle {position:absolute; top: 20px; right: 32px; display:inline-flex; width:32px; height:18px;}
.hpoint-onoff-toggle input[type='checkbox'] { position: absolute; top: 0px; left: 0px; opacity: 0 !important; }
.hpoint-onoff-toggle label {position: relative; display: block; width:100%;}
.hpoint-onoff-toggle label::before,
.hpoint-onoff-toggle label::after {content:''; position: absolute; display: block; }
.hpoint-onoff-toggle label::before {width: 100%; height: 18px; background-color: #ddd; border-radius: 20px;}
.hpoint-onoff-toggle label::after {top: 1px; left: 1px; width: 16px; height: 16px; background-color: #fff;border-radius: 50%; transition: left 0.1s ease;}
.hpoint-onoff-toggle input.is-active ~ label:before {background-color: #000;}
.hpoint-onoff-toggle input.is-active ~ label:after {left:15px;}

#popFaceidAlert .hpoint-btn input { position: absolute; top: 0px; left: 0px; opacity: 0 !important; }
.hpoint-set-info {opacity: 0; transition: 1s; background: #000; color: #fff; font-size: 15px; padding: 20px; position: absolute; bottom: 50px; left: 0; right: 0; text-align: center;}


/* 문화비소득공제 */
/* 상품상세 */
.btn-independent-box {display: inline-block; border: 1px solid #ccc; border-radius: 3px; padding: 2px 10px 1px; color: #333 !important;}
.prd-buying-guide .stroepick-box .in-area .btn-independent-box {color: #333 !important;}
.stroepick-box .in-area p + .btn-independent-box {margin: 10px 0 25px;}
/* 장바구니 */
.culture-order-guide {letter-spacing: -.05rem;}
.culture-order-guide .pop-content {line-height: 1.6;}
.culture-order-guide .btn-independent-box {border: 0; border-radius: 0; padding: 0; font-weight: 700;}
.culture-order-guide .btn-independent-box::after {display: inline-block; content: ''; width: 8px; height: 13px; background: url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) -30px -80px/300px 300px no-repeat; vertical-align: middle; margin: 0 0 2px 5px;}
.culture-order-guide .button-area .btn-sub {color: #fff; background-color: #333; border-color: #333;}
.culture-order-guide .popover-wrap .pop-footer {padding: 15px;}
/* 주문하기 */
.new-culture-guide-wrap {margin: 0 15px; position: relative; border-top: 1px solid #e6e6e5;}
.new-culture-guide-wrap .new-culture-head {position: relative; background: #fff; height: 43px; line-height: 43px;; }
.new-culture-guide-wrap .new-culture-head::after {position: absolute; right: 2px; top: 50%; margin-top: -5px; display: block; content: ''; margin-left: 5px; width: 11px; height: 10px; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-down.png) 50%/11px 6.5px no-repeat;}
.new-culture-guide-wrap .new-culture-head.is-active::after {transform: rotateZ(-180deg);}
.new-culture-guide-wrap .new-culture-head .title {color: #555}
.new-culture-guide-wrap .new-culture-head.is-active + .new-culture-cont {display: block;}
.new-culture-guide-wrap .new-culture-cont {display: none; padding-bottom: 15px; box-sizing: border-box; }
.new-culture-guide-wrap .new-culture-cont ul {display: none; }
.new-culture-guide-wrap .new-culture-cont li {line-height: 1.6; font-size: 12px; position: relative; padding-left: 15px}
.new-culture-guide-wrap .new-culture-cont li + li {margin-top: 5px;}
.new-culture-guide-wrap .new-culture-cont li::before {display: block; content: '※'; position: absolute; left: 0}
/* 주문완료 */
.od-complete-wrap .od-complete-cid {display: block; font-size: 13px; margin-top: 5px;}
/* 주문조회 */
.mh-orderview .od-complete-cid {font-size: 12px; margin-top: 10px; color: #333;}
.mh-orderview .od-complete-cid em {display: block; font-size: 12px; margin-top: 5px; color: #ec555e}

/*** 0원상품 ***/
.vip-tabcont {padding: 0 15px}
/* 쿠폰 */
.vip-benefit-stl {display: flex; align-items: center; position: relative; background: #1c1c1c; border-radius: 5px; color: #fff; font-family: 'Noto Sans Korean'; font-size: 12px; min-width: 280px; padding: 5px;}
.vip-benefit-stl + .vip-benefit-stl {margin-top: 15px;}
.vip-benefit-stl .vip-image-box {position: relative; width: 110px; height: 110px; min-width: 110px; padding-bottom: 0; overflow: hidden; padding-bottom: 0 !important}
.vip-benefit-stl .vip-image-box .vip-image-inner {position: absolute; top: 0; left: 0; width:100%; height:100%;}
.vip-benefit-stl .vip-image-box img {width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
/* .vip-benefit-stl .vip-benefit-info { height: 100px; padding-left: 25px; margin: 5px 25px 5px 12px; border-left: 1px solid #333; display: flex; flex-direction: column; justify-content: center;} */
.vip-benefit-stl .vip-benefit-info { height: 100px; padding-left: 12px; margin: 5px 10px 5px 12px; border-left: 1px solid #333; display: flex; flex-direction: column; justify-content: center; letter-spacing: -.05em;}
.vip-benefit-stl .vip-benefit-info .vip-benefit-tit {display: -webkit-box; font-weight: 400; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-overflow: ellipsis; overflow: hidden; word-break: break -all;}
.vip-benefit-stl .vip-benefit-info .vip-dday-info {text-transform: uppercase; color: #c0ae91; font-weight: 700; line-height: 1.6;}
.vip-benefit-dday {padding-top: 8px}
.vip-benefit-dday dt {overflow: hidden; white-space: nowrap; text-indent: -9999px; position: absolute; top: -100px;}
.vip-benefit-dday dd {display: inline-block; padding-right: 3px; line-height: 1.6;}
.vip-benefit-dday dd:last-child {padding-right: 0;}
.vip-benefit-dday dd:nth-child(n+3)::before {content: ''; display: inline-block; width: 1px; height: 9px; background-color: #666; margin-right: 5px;}
/* .vip-benefit-stl .vip-benefit-info .vip-benefit-tit + .vip-benefit-dday,
.vip-benefit-stl .vip-benefit-info .vip-dday-info + .vip-benefit-tit {margin-top: 5px;} */
.vip-benefit-stl::before,
.vip-benefit-stl::after {display: block; content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; z-index: 5; left: 120px}
.vip-benefit-stl::before {top: -12px;}
.vip-benefit-stl::after {bottom: -12px;}
.vip-benefit-list.vip-gift var.vip-dday-info,
.vip-benefit-dday dd:last-child,
.vip-benefit-dday dd > var {display: none;}
.vip-benefit-list var.vip-dday-info {display: block}
/* .vip-benefit-list.vip-coupon dd:nth-child(2)::after {display: inline-block; content: '까지'} */
.vip-reservation .vip-benefit-dday dd > var,
.vip-reservation .vip-benefit-dday dd,
.vip-reservation .vip-benefit-dday dd:last-child,
/* .vip-gift .vip-benefit-dday dd, */
.zprd-option-layer .vip-benefit-dday dd,
.zprd-option-layer .vip-benefit-dday dd > var,
.zprd-option-layer .vip-benefit-dday dd:last-child {display: inline-block;}
/* .vip-benefit-list.vip-gift dd:nth-child(2)::after {display: inline-block; content: '신청'} */
.vip-coupon-over .vip-image-inner img,
.vip-coupon-used .vip-image-inner img {opacity: .3;}
.vip-benefit-stl .vip-image-inner span {z-index: 3; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.vip-benefit-stl .flag-rsvp  {display: block; width: 40px; height: 18px; overflow: hidden; padding: 0; position: absolute; top: 0; left: 0; border-radius: 5px; background: rgba(28,28,28,1); border: 0;}
.vip-benefit-stl .flag-rsvp::before {content: ''; display: block; width: 40px; height: 18px; background: url(https://image.thehyundai.com/hdsmart/images/vip/logo_rsvp_w.png) 50%/calc(115px / 4) 10px no-repeat;} 

.rsvp-coupon-list .vip-tabcont .vip-tabcont-layer {display: none;}
.rsvp-coupon-list .vip-tabcont .vip-tabcont-layer.vip-active {display: block;}
a.vip-link-go {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.blind {font-size: 0; line-height: 0;}

.rsvp-coupon-list .vipwrap-sortarea {display: flex; margin: 30px 0 15px; justify-content: space-between; font-size: 13px;}
.rsvp-coupon-list .vip-sort-area {display: flex; align-items: center; float: left; margin-left: 10px;}
/* .rsvp-coupon-list .vip-sort-area::after {clear: both; display: block; content: ''; width: 12px; height: 7px; margin-left: 5px; background: center/12px 7px url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arrow-d.png) no-repeat; } */

.vipwrap-sortarea {display: flex; margin: 40px 15px 0; justify-content: space-between; font-size: 13px; align-items: center; font-family: "Noto Sans Korean"; font-size: 13px;}
.vip-sort-area {display: flex;}
.vip-sort-area .select-ui-wrap {border: 0;}
.vipwrap-sortarea .select-ui-wrap .textview {font-family: "Noto Sans Korean"; font-size: 13px;}
.vipwrap-sortarea .select-ui-wrap select option {font-family: "Noto Sans Korean"; font-size: 13px;}

.vip-btn-area {margin: 48px 0 0;}
.vip-btn-area .vip-btn-full {display: block; width: 100%; padding: 17px 0 18px; border: 1px solid #fff; border-radius: 5px; text-align: center;}
.vip-btn-area .vip-btn {display: block; width: calc(50% - 5px); padding: 17px 0 18px; border: 1px solid #fff; border-radius: 5px; text-align: center;}
.vip-btn-area .vip-color-type {border-color: #c0ae91; background: #c0ae91; color: #282828; font-weight: 700;}
.vip-btn-area .vip-color-type2 {border-color: #282828; background: #282828; color: #fff; font-weight: 400;}
.vip-btn-set {display: flex; gap: 10px;}

/* 혜택보관함 */
.rsvp-coupon-list button {border: 0; padding: 0;}
.rsvp-coupon-list .page-title {background-color: #fff; position: fixed; top: 0; height: 39px; width: 100%; z-index: 30;}
.rsvp-coupon-list .page-title h2 {color: #282828; font-family: 'Noto Sans Korean';}
.rsvp-coupon-list .page-title.type-prev .btn-pt-prev {background-position: 0 0;}
.rsvp-coupon-list .nav-tabs ul {border: 0; background: #fff}
.rsvp-coupon-list .nav-tabs li {border-bottom: 1px solid #ccc;}
.rsvp-coupon-list .nav-tabs li a {border: 0; background: unset; box-sizing: border-box;}
.rsvp-coupon-list .nav-tabs li a span.check:after {display: none;}
.rsvp-coupon-list .nav-tabs li.active {border-color: #282828; font-weight: 700;}
.rsvp-coupon-list .nav-tabs li.active a {color: #282828; margin: 0; border-bottom: 1px solid #282828; background: none;}
.rsvp-coupon-list {background: #f0f0f0; margin-bottom: 0 !important; padding-bottom: 100px; font-family: 'Noto Sans Korean'; min-height: calc(100vh - 100px);}
.vipwrap-coupon-list .vip-benefit-stl::before,
.vipwrap-coupon-list .vip-benefit-stl::after,
.rsvp-coupon-list .vip-benefit-stl::before,
.rsvp-coupon-list .vip-benefit-stl::after {background: #f0f0f0;}
.vip-zprd-myzone {width: 100%; height: 268px; background: url(https://image.thehyundai.com/hdsmart/images/vip/bg_vouchertop.png) 50%/cover no-repeat; padding: 30px 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end;}
.vip-use-other .vip-zprd-myzone {background-image:url(https://image.thehyundai.com/hdsmart/images/vip/bg_brandtop.png);}
.vip-zprd-myzone .vip-zprd-tit-lv0 {display: block; font-size: 48px; color: #c0ae91; font-family: 'Editorial New'; font-weight: 400; line-height: 1;}
.vip-use-other .vip-zprd-myzone .vip-zprd-tit-lv0 {font-family:"Noto Sans Korean";color:#fff;font-size:28px;}
.vip-zprd-myzone .vip-zprd-stit {display: block; font-size: 14px; color: #fff; margin-top: 20px; line-height: 1.6;}
.vip-zprd-myzone .vip-zprd-stit em {color: #c0ae91;}

/* 바우처 상단 배너 삭제 할때 */
.rsvp-coupon-list .vip-zprd-myzone {display: none;}
.rsvp-coupon-list .nav-tabs {position: fixed; top: 39px; height: 42px; width: 100%; z-index: 30;}
.rsvp-coupon-list .vip-tabcont {padding-top: 81px;}

/* 바우처 상단 배너 존재 할때 */
/* .rsvp-coupon-list .nav-tabs {position: sticky;} */

/* @media all and (max-width:400px) {
    .rsvp-coupon-list .vip-reservation .vip-benefit-dday dd,
    .zprd-option-layer .vip-reservation .vip-benefit-dday dd {display: block; line-height: 1.4;}
    .rsvp-coupon-list .vip-reservation .vip-benefit-dday dd::before,
    .zprd-option-layer .vip-reservation .vip-benefit-dday dd::before {display: none;}
    .rsvp-coupon-list .vip-benefit-stl .vip-benefit-info {padding-left: 15px; padding-right: 10px; margin-right: 10px;}
} */

.vipwrap-coupon-list .cb-util-title {background: #fff; height: 39px; border: 0;} 
.vipwrap-coupon-list .cb-util-title h2 {line-height: 39px; font-weight: 400;} 
.vipwrap-coupon-list .cb-util-title .btn-prev {top: 6px; left: 6px; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; background-image: url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png); background-repeat: no-repeat; background-size: 300px 300px; background-position: 0 0;}

.vip-floating-btn {position: fixed; bottom: 60px; z-index: 10;  left: 50%; transform: translateX(-50%);}
.vip-go-list {min-width: 167px; box-sizing: border-box; display: block; margin: 0 auto; height: 40px; line-height: 40px; background: #fff; border-radius: 22px; color: #303030; font-size: 14px; padding: 0 49px 0 15px; position: relative; box-shadow: 0 0 .5rem rgba(0,0,0,.1)}
.vip-go-list::after {display: block; content: ''; width: 21px; height: 21px; background: #101010 url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-right_w2.png) 50%/5px 9px no-repeat; border-radius: 12px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);}
.is-app .vip-floating-btn {bottom: 10px;}

.zprd-option-layer {display: none; border-radius: 10px 10px 0 0; background: #fff; color: #282828; position: fixed; left: 0; right: 0; bottom: 0; padding: 30px 0 0; z-index: 1004; visibility: hidden;}
.zprd-option-layer .zprd-option-inner {max-height: 80vh; overflow-y: auto; padding: 0 15px;}
.zprd-option-layer .zprd-coupon {padding: 10px 0 30px;}
.zprd-option-layer .vip-benefit-stl::before,
.zprd-option-layer .vip-benefit-stl::after {background: #fff}
/* .zprd-option-layer .vip-benefit-stl .vip-benefit-info {padding-left: 15px; padding-right: 10px; margin-right: 25px;} */
.zprd-option-layer .vip-benefit-stl .vip-benefit-info {padding-left: 8px; padding-right: 0; margin-right: 23px;}
.zprd-option-layer .vip-benefit-stl .vip-benefit-info::after {display: block; content: ''; width: 25px; height: 120px; border-left: 1px solid #333; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-right_w2.png) 50%/5px 9px no-repeat; position: absolute; right: 0; top: 0;}
/* .zprd-option-layer .vip-benefit-stl .vip-benefit-info .vip-benefit-tit + .vip-benefit-dday,
.zprd-option-layer .vip-benefit-stl .vip-benefit-info .vip-dday-info + .vip-benefit-tit {margin-top: 3px;} */
.zprd-option-layer .vip-benefit-stl .vip-benefit-info .vip-benefit-tit {line-height: 1.6;}
.zprd-option-layer .zprd-opt-basic {border-top: 1px solid #eaeaea; padding: 15px 0 21px;}
.zprd-option-layer .zprd-opt-basic .vip-benefit-info {display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1.4;}
.zprd-option-layer .zprd-opt-basic .vip-benefit-info dt {display: block; flex: 1 30%; padding: 5px 0}
.zprd-option-layer .zprd-opt-basic .vip-benefit-info dd {display: block; flex: 1 70%; text-align: right; font-weight: 700; padding: 5px 0}

.zprd-option-layer .zprd-opt-button {border-top: 1px solid #eaeaea; text-align: right; padding: 15px 0 40px;}
.zprd-option-layer .zprd-opt-button button {background: unset; margin-left: 8px; color: #282828;}
.zprd-option-layer .zprd-opt-button button + button::before {content: '|'; color: #eaeaea; font-size: 11px; margin-right: 9px;}

.zprd-option-layer .zprd-opt-more {border-top: 1px solid #f0f0f0; margin: 0 -15px;}
.zprd-option-layer .zprd-opt-more.vipopt-caution, 
.zprd-option-layer .zprd-opt-more.vipopt-detail {border-width: 6px;}
.zprd-option-layer .zprd-opt-more .zprd-opt-tit {height: 45px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between}
.zprd-option-layer .zprd-opt-more .zprd-opt-tit strong {font-weight: 400;}
.zprd-option-layer .zprd-opt-more .zprd-opt-tit::after {display: block; content: ''; margin-left: 5px; width: 11px; height: 10px; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-down.png) 50%/11px 6.5px no-repeat;}
.zprd-option-layer .zprd-opt-more .zprd-opt-tit.zprd-opt-active::after {background-image: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-up.png);}
.zprd-option-layer .zprd-opt-more .zprd-opt-cont {padding: 15px; display: none;}
.zprd-option-layer .zprd-opt-more .zprd-opt-cont img {width: 100%;}
.zprd-option-layer .vipopt-caution .zprd-opt-cont {padding-left: 30px; background: #f0f0f0;}
.zprd-option-layer .vipopt-caution ul li {list-style-type: decimal; line-height: 1.4; padding: 5px 0; font-size: 12px;}

.zprd-option-layer .zprd-opt-bot {margin: 0 -15px 0}
.zprd-option-layer .zprd-opt-bot button {display: block; width: 100%; height: 52px; font-size: 14px; font-weight: 700; color: #fff; background: #282828;}
.zprd-option-layer .zprd-opt-bot button:disabled {opacity: .5;}

.zprd-option-layer .btn-close {position: absolute; background-color: #fff; width: 56px; height: 30px; top: 0; left: calc(50% - (56px / 2)); margin-left: 0; padding: 0;}
.zprd-option-layer .btn-close span {display: block; width: 56px; height: 30px; background: url(https://image.thehyundai.com/hdsmart/images/vip/btn-zprd-close.png) 50% 10px/30px 4px no-repeat; text-indent: -9999px; overflow: hidden;}

.vipwrap-brandlist .nodata,
.vip-tabcont .nodata {text-align: center; line-height: 1.4; border: 0; margin: 13vh 0; padding: 0;}
.vip-tabcont .nodata p {margin-top: 0 !important;}

/* sticky */
.v-sticky {position: sticky;}

/* 레이어팝업 */
.vip-talign-center {text-align: center;}
.vip-btn-area .vip-color-type {border-color: #c0ae91; background: #c0ae91; color: #282828; font-weight: 700;}
.vip-layer-popup {display: none; flex-direction: column; overflow: auto;}
.vip-layer-popup.vip-lpop-active {font-family:"noto sans korean";display: flex; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1006;}
.vip-lpop-face {background: #fff; border-radius: 5px; margin: auto 15px; padding: 20px; position: relative; color: #282828}
.vip-lpop-dimmed {background: rgba(0,0,0,.8)}
.vip-lpop-active + .vip-lpop-dimmed {position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 1005}

.vip-lpop-titarea {height: 76px; line-height: 76px; text-align: center; border-bottom: 1px solid #e4e4e4}
.vip-lpop-lv1 {font-size: 20px;}
.vip-lpop-lv2 {font-size: 16px;}
.vip-lpop-desc {font-size: 13px; line-height: 1.6;}
.vip-lpop-desc strong {margin-top:15px;display:inline-block;}
.vip-lpop-lv2 + .vip-lpop-desc {display:block;margin-top: 5px;}
.vip-lpop-contarea {margin: 26px 0 27px;}
.vip-select-list {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px;}
.vip-select-option label {display: block; position: relative; border: 1px solid #ccc; padding: 0 18px; height: 30px; line-height: 28px; border-radius: 15px; font-size: 12px; color: #666;}
.vip-select-option.vip-checked label {border: 1px solid #282828; color: #282828; font-weight: 700;}

.vip-lpop-close {position: absolute; top: 23px; right: 20px; display: inline-block; border: 0; padding: 0; width: 15px; height: 15px; background: #fff;}
.vip-lpop-close:before, .vip-lpop-close:after {position: absolute; left: 7px; content:' '; height: 15px; width: 1px; background-color: #282828;}
.vip-lpop-close:before {transform: rotate(45deg);}
.vip-lpop-close:after {transform: rotate(-45deg);}

.vip-input-pw {position: relative;}
.vip-input-pw input {border: 1px solid #ccc; width: 100%; height: 45px; line-height: 43px; text-align: center;}

/*250217 마이바우처 팝업 일반회원 디자인용*/
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-lpop-face {border-radius:0;}
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-lpop-titarea {height:50px;line-height: 50px;}
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-btn-area {margin:30px 0 0;}
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-btn-area .vip-btn {border-radius: 0;}
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-btn-area .vip-color-type {background-color: #035d43;color:#fff;border:1px solid #035d43;}
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-btn-area .vip-color-type2 {background-color:#fff;border:1px solid #035d43;color:#035d43;}
.vip-layer-popup.vip-lpop-active.normal.pick-up .vip-lpop-contarea {margin:25px 0;}

/*250217 vip 픽업완료 팝업*/
.vip-layer-popup.vip-lpop-active.pick-up .vip-lpop-titarea {height:55px;line-height:45px;}
.vip-layer-popup.vip-lpop-active.pick-up .vip-input-pw {margin-bottom:20px;}
.vip-layer-popup.vip-lpop-active.pick-up .vip-lpop-contarea {margin:26px 0 17px;}
.vip-layer-popup.vip-lpop-active.pick-up .select-ui-wrap {color:#999;width:294px;border:1px solid #ccc;}
.vip-layer-popup.vip-lpop-active.pick-up .select-ui-wrap .textview {padding-left:15px;height:33px;line-height:33px;}
.vip-layer-popup.vip-lpop-active.pick-up .select-ui-wrap .ic_comm {transform:rotate(90deg);width:10px;height:10px;background-position:-44px -80px;}
.vip-layer-popup.vip-lpop-active.pick-up .vip-btn-area {margin:30px 0 0;}
.vip-layer-popup.vip-lpop-active.pick-up .vip-btn-area .vip-color-type2 {color:#676767;background:#ccc;border-color:#ccc;}
.vip-layer-popup.vip-lpop-active.pick-up .vip-btn-area .vip-btn {padding:13px 0 13px;}

/* 툴팁 */
.btn-vip-tooltip::before {content: 'ⓘ'; display: inline-block; font-size: 16px; color: #666}
.vip-tooltip-wrap {display: none; position: absolute; z-index: 90; background-color: #fff; border: 1px solid #ccc; left: 0; max-width: calc(100% - 30px);}
.vip-tooltip-inner {position: relative; padding: 15px 30px 15px 15px; font-size: 12px; color: #282828; line-height: 1.4;}
.vip-tooltip-inner .vip-lpop-close {top: 5px; right: 5px;}
.vip-tooltip-inner .vip-lpop-close:before,
.vip-tooltip-inner .vip-lpop-close:after {top: 2px; left: 6px; height: 10px;}
.vip-tooltip-inner strong {display: block; margin-bottom: 3px;}
.vip-tooltip-active {display: block}

/*240116 간편결제 툴팁*/
.store-pick .hpoint-tooltip {text-align:center;line-height: 1.2;display:inline-block;width:225px;position:absolute;top:-12%;right:9%;padding:3px 9px 3px 9px;border:1px solid #0fb77e;border-radius:5px;background:#0fb77e;color:#fff;font-family: "noto sans korean";font-size:13px;}
.store-pick .hpoint-tooltip strong {font-weight:600;}
.store-pick .hpoint-tooltip strong span {color:#004b37;}
.store-pick .hpoint-tooltip::after{border-top: 7px solid #0fb77e; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 0px solid transparent; content: ""; position: absolute; bottom:-6px; right:14px;}
.product-button .btn-order .hpoint-tooltip {display:inline-block;text-align:center;line-height: 1.2;width:230px;position:absolute;top:-38%;right:15%;padding:4px 6px 4px 8px;border:1px solid #0fb77e;border-radius:5px;background:#0fb77e;color:#fff;font-family: "noto sans korean";font-size:13px;margin:0;}
.product-button .btn-order .hpoint-tooltip strong {font-weight:600;}
.product-button .btn-order .hpoint-tooltip strong span {display:inline;color:#004b37;}
.product-button .btn-order .hpoint-tooltip::after {border-top: 7px solid #0fb77e; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 0px solid transparent; content: ""; position: absolute; bottom:-6px; right:12px;}
/*.product-button a.btn-storepick + .btn-order .hpoint-tooltip {display:inline-block;}*/

/** 0원상품 상세 **/
#container.content-wrap-default.zprd-detail-wrap .product-detail-info {color: #282828; position: relative; padding: 0 15px 40px; margin-top: 40px; border-bottom: 6px solid #f0f0f0;}
.zprd-detail-wrap .product-detail-info {color: #282828; position: relative; padding: 0 15px 40px; margin-top: 48px;}
.zprd-detail-wrap .product-detail-info .prod-name {font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
.zprd-detail-wrap .product-detail-info .zero-prd-info ul li {display: flex; justify-content: space-between; font-size: 14px;}
.zprd-detail-wrap .product-detail-info .zero-prd-info ul li + li {margin-top: 12px;}
.zprd-detail-wrap .product-detail-info .zero-prd-info .zero-info-tit {font-weight: 400;}
.zprd-detail-wrap .product-detail-info .zero-prd-info .zero-info-cont {display: block; font-weight: 700;}
.zprd-detail-wrap .product-util-button {clear: unset; padding: 0; position: absolute; top: -33px; right: 15px;}
.zprd-detail-wrap .product-util-button div.putil-wrap {display: block; table-layout: unset;}
.zprd-detail-wrap .product-util-button div.putil-wrap .putil {display: flex; gap: 5px; flex-direction: row-reverse;}
#container.content-wrap-default.zprd-detail-wrap .product-util-button ul.putil li {display: block; padding: 0;}
.zprd-detail-wrap .product-util-button ul.putil li a {border: 0; font-size: 0; padding: 0; width: 30px; height: 30px; overflow: hidden;}
.zprd-detail-wrap .product-util-button ul.putil li a::before {display: block; margin: 0; width: 30px; height: 30px;}
.zprd-detail-wrap .product-util-button ul.putil li.zzim a:before {background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-zprd-zzim.png) 50% 50%/20px 19px no-repeat;}
.zprd-detail-wrap .product-util-button ul.putil li.share a:before {background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-zprd-share.png) 50% 50%/20px 15px no-repeat;}
.zprd-detail-wrap .product-util-button ul.putil li.zzim.on a:before {background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-zprd-zzim-on.png) 50% 50%/20px 19px no-repeat;}
.zprd-detail-wrap .product-util-button .putil-brand,
.zprd-detail-wrap .product-benefit-promotion {display: none;}
.zprd-detail-wrap .product-detail-info .flag-rsvp {position: absolute; top: -27px; display: block; width: 42px; height: 16px; overflow: hidden; padding: 0; background-color: #fff; border:1px solid #282828; border-radius: 5px; box-sizing: border-box;}
.zprd-detail-wrap .product-detail-info .flag-rsvp::before {content: ''; display: block; width: 40px; height: 14px; background: url(https://image.thehyundai.com/hdsmart/images/vip/logo_rsvp.png) 50% 2px/calc(115px / 4) 10px no-repeat;}
#container.content-wrap-default.zprd-detail-wrap .product-image-slider .point-wrap {bottom: 50px;}
#container.content-wrap-default.zprd-detail-wrap .product-image-slider .point-wrap > div.point-page {background: rgba(0, 0, 0, .5);}

.zprd-detail-wrap .popover-wrap .pop-header {padding: 0; border: 0;}
.zprd-detail-wrap .popover-wrap .pop-header::before,
.zprd-detail-wrap .popover-wrap .pop-header::after {display: none;}

#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .pop-content {text-align: left;}
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list li {margin-top: 14px; margin-bottom: 0; width: 50%; display: inline-block;}

#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list li span {font-size: 12px; display: inline;}

#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list li:nth-child(1), 
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list li:nth-child(2) {margin-top: 0;}

#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list i.kakaotalk, 
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list i.urlcopy, 
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list i.sms {background-image: url(https://image.thehyundai.com/hdsmart/images/ehd/ehd_ico_common.png); background-repeat: no-repeat; background-size: 375px auto; display: inline-block; margin-right: 8px; vertical-align: middle;}
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list i.kakaotalk {background-position: -300px -75px;}
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list i.urlcopy {background-position: -150px -150px;}
#container.content-wrap-default.zprd-detail-wrap .popover-wrap.share .share-list i.sms {background-position: -225px -150px;}

.zprd-detail-wrap .nav-tabs ul {border: 0;}
.zprd-detail-wrap #product-detail-tab .nav-tabs.tab-3 ul li {float: none; width: 100%;}
.zprd-detail-wrap #product-detail-tab .nav-tabs ul li {width: 100%; background: #fff;}
.zprd-detail-wrap .nav-tabs li.active a,
.zprd-detail-wrap #product-detail-tab .nav-tabs ul li a {background-color: #fff; border: 0; font-size: 14px; color: #282828; font-weight: 400; text-align: left; padding: 0 15px;}
#container.content-wrap-default.zprd-detail-wrap #product-detail-tab {margin: 27px 0 12px; position: sticky !important; top: 47px !important; left: 0 !important; right: 0 !important;  z-index: 1000 !important; background: #fff;}
/* #container.content-wrap-default.zprd-detail-wrap #product-detail-tab.scrollFixed {top: 47px !important;} */

.zprd-detail-wrap .prd-about.detail-box {margin-bottom: 10px;}
.zprd-detail-wrap .product-detail-content {margin-top: 0;}
.zprd-detail-wrap .product-detail-content .basic-info {background-color: unset; padding: 0 15px; margin: 0;}
.zprd-detail-wrap .product-detail-content .basic-info dl {display: none;}
.zprd-detail-wrap .product-detail-content .basic-info .btn-info-view {color: #333}

/* 상품상세 여백 */
.zprd-detail-wrap .prd-about .prd-detail-info > div {padding: 0 15px; width: 100%; box-sizing: border-box;}
/* .zprd-detail-wrap .prd-about .prd-detail-info #itemDetailView p {padding: 0 15px; width: 100%; box-sizing: border-box;} */
/* .zprd-detail-wrap .prd-about .prd-detail-info #itemDetailView p img {margin: 0 -15px;} */

/* 신청하기 레이어 */
.product-option-layer.zprd-detail-wrap {border-radius: 10px; color: #282828; display: none;}
.product-option-layer.zprd-detail-wrap.zprd-dtype {display: block;}
.product-option-layer.zprd-detail-wrap .option-wrap {border-top: 0; padding: 30px 15px 15px;}
#popupDateSelect a.zprd-rsv,
.zprd-detail-wrap a.zprd-rsv,
.zprd-detail-wrap a.zprd-order {display: block; position: absolute; width: 100%; height: 50px; background-color: #282828; color: #fff;}
.zprd-detail-wrap a.disabled,
#popupDateSelect a.disabled {background-color: #ccc;}
.zprd-detail-wrap.product-option-layer .btn-close {background-color: #fff; width: 56px; height: 30px; top: 0; left: calc(50% - (56px / 2)); margin-left: 0; padding: 0;}
.zprd-detail-wrap.product-option-layer .btn-close span {display: block; width: 56px; height: 30px; background: url(https://image.thehyundai.com/hdsmart/images/vip/btn-zprd-close.png) 50% 10px/30px 4px no-repeat;}

.zprd-detail-wrap .zprd-select-wrap + .zprd-select-wrap {margin-top: 12px;}

.zprd-select-wrap {border: 1px solid #e1e1e1;}
.zprd-select-wrap button[class^='zprd-select'],
.zprd-detail-wrap .zprd-selected-product .selected-add-write input[type=text] {display: block; text-align: left; border: 0; background: #fff; width: 100%; height: 38px; padding: 0 15px;}
.zprd-select-wrap .zprd-select-val {position: relative;}
.zprd-select-wrap .zprd-select-val::after {content: ''; position: absolute; right: 13px; top: 17px; width: 12px; height: 6px; display: block; background: url(https://image.thehyundai.com/hdsmart/images/co/ic_common.png) no-repeat -170px -110px; background-size: 300px 300px;}
.zprd-select-wrap .zprd-select-layer {display: none; }
/* .zprd-select-wrap.zprd-active  .zprd-select-layer {display: block; } */
.zprd-select-wrap.zprd-active .zprd-select-val {font-weight: 700;}
.zprd-select-wrap.zprd-active .zprd-select-val::after {background-position: -170px -100px;}
.zprd-detail-wrap .zprd-selected-product {display: none; position: relative; margin-top: 17px;}
.zprd-detail-wrap .zprd-selected-product .btn-delete {display: block; position: absolute; border: 0; top: 10px; right: 15px; width: 22px; height: 22px; overflow: hidden; background: unset;}
.zprd-detail-wrap .zprd-selected-product .btn-delete::before {display: block; content: ''; width: 22px; height: 22px; background: url(https://image.thehyundai.com/hdsmart/images/vip/btn-zprd-del.png) 50%/8px 8px no-repeat;}
.zprd-detail-wrap .zprd-selected-product .zprd-selected-opt {background-color: #f0f0f0; font-size: 12px; color: #282828; padding: 15px 30px 15px 15px; line-height: 1.4;}
.zprd-detail-wrap .zprd-selected-product .selected-add-write {padding: 20px 0 10px}
.zprd-detail-wrap .zprd-selected-product .selected-add-write input[type=text] {border: 1px solid #e1e1e1; margin-bottom: 10px; box-sizing: border-box;}
.zprd-detail-wrap .zprd-selected-product .selected-add-write label {display: block; font-size: 14px; margin: 15px 0 10px; padding-left: 5px;}
.zprd-detail-wrap .zprd-selected-product .selected-add-write .input-add-write {background-image: unset;}
.zprd-detail-wrap .product-button a:not(.zprd-order, .zprd-rsv) {display: none;}

.zprd-detail-wrap .popover-wrap .pop-content {text-align: center; padding: 25px 20px; line-height: 1.4;}

.zprd-detail-wrap.zprd-just-one .zprd-selected-product {display: block; margin: 0;}
.zprd-detail-wrap.zprd-just-one .zprd-selected-product .zprd-selected-opt,
.zprd-detail-wrap.zprd-just-one .zprd-selected-product .btn-delete {display: none;}
.zprd-detail-wrap.zprd-just-one .zprd-selected-product .selected-add-write {padding: 0;}

/* 에약하기팝업 */
#popupDateSelect .full-scroll {overflow-y: auto; touch-action: auto;}
.rsvp-rsvslt-wrap {padding: 0 15px 30px; box-sizing: border-box; font-family: 'Noto Sans Korean';}
.rsvp-coupon-list .full-layer .full-layer-body {margin: 0 0 50px; height: auto !important;}
.rsvp-coupon-list .full-layer .full-layer-footer {padding: 0; height: 50px; border: 0;}

/* 혜택보관함 > 예약변경 */
.full-layer-header .page-title {background-color: #333;}
.full-layer-header .page-title h2 {color: #fff;}
.zprd-notice {margin: 10px 0 30px; background-color: #f0f0f0; color: #333; font-size: 12px; padding: 10px 15px; line-height: 1.4;}

.rsvp-coupon-list .full-layer {height: auto !important; overflow-y: auto; transition: top 0s !important; margin: 0 !important; top: 100%;}
.rsvp-coupon-list .full-layer.open {top: 0 !important;  }
.rsvp-coupon-list .full-layer.open .full-layer-header,
.rsvp-coupon-list .full-layer.open .full-layer-footer {position: fixed;}
.rsvp-coupon-list .full-layer-footer {bottom: 0; left: 0; right: 0; font-size: 16px; text-align: center; line-height: 50px;}

/* 캘린더 */
.rsvp-rsvslt-wrap #datepicker {padding-bottom: 25px; border-bottom: 5px solid #f0f0f0; margin: 0 -15px;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar {width: 100% !important;margin:0 !important;}
.rsvp-rsvslt-wrap .ui-datepicker-header {position: relative; height: 80px; width: 100%; display: flex; align-items: center; justify-content: space-around;}
.rsvp-rsvslt-wrap .ui-datepicker-header a.ui-corner-all {display: block; width: 40px !important; height: 40px !important; overflow: hidden; position: absolute; top: 50% !important; left: 50% !important;}
/* .rsvp-rsvslt-wrap .ui-datepicker-header a.ui-corner-all::before {display: block; content: ''; width: 40px; height: 40px; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-left.png) 50%/8px 15px no-repeat;}
.rsvp-rsvslt-wrap .ui-datepicker-header a.ui-datepicker-next::before {background-image: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-right.png);} */
.rsvp-rsvslt-wrap .ui-datepicker-title {height: 80px; font-family: 'Noto Sans Korean'; font-size: 32px; font-weight: 700; color: #282828; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin: 0 20px;}
.rsvp-rsvslt-wrap .ui-datepicker-year::after {display: inline; content: '.';}
.rsvp-rsvslt-wrap .ui-datepicker-month {margin-left: -8px;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar th,
.rsvp-rsvslt-wrap .ui-datepicker-calendar td {text-align: center; padding: 3px 0;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar th:first-child,
.rsvp-rsvslt-wrap .ui-datepicker-calendar td:first-child {padding-left: 0;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar th:last-child,
.rsvp-rsvslt-wrap .ui-datepicker-calendar td:last-child {padding-left: 0;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar th span,
.rsvp-rsvslt-wrap .ui-datepicker-calendar td .ui-state-default {display: inline-block; width: 40px; height: 40px; line-height: 2.85; font-size: 14px; color: #282828; font-weight: 400;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar th span[title=Sunday] {color: #ed2510}
.rsvp-rsvslt-wrap .ui-datepicker-calendar td .ui-state-active {background-color: #c0ae91; color: #fff; border-radius: 50%; font-weight: 700;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar td.ui-datepicker-today {position: relative;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar td.ui-datepicker-today a::after,
.rsvp-rsvslt-wrap .ui-datepicker-calendar td.ui-datepicker-today span::after {display: block; content: 'TODAY'; color: #c0ae91; font-size: 10px; font-weight: 400; line-height: 1; position: absolute; bottom: 0; width: 40px;}
.rsvp-rsvslt-wrap .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active::after {display: none;}

/* 20240223 캘린더 수정 */
.rsvp-rsvslt-wrap .ui-datepicker-calendar thead th.ui-datepicker-week-end:first-child span {color:#ed2510;}
.rsvp-rsvslt-wrap .ui-datepicker table td .ui-state-default.ui-state-highlight {background:0;}
.rsvp-rsvslt-wrap .ui-datepicker table td .ui-state-default.ui-state-active {background-color: #c0ae91;color: #fff; border-radius: 50%; font-weight: 700;}
.rsvp-rsvslt-wrap .ui-datepicker-title {flex-direction:row;}
.rsvp-rsvslt-wrap .ui-datepicker-title:after {content:".";display:inline-block;order:2;}
.rsvp-rsvslt-wrap .ui-datepicker select.ui-datepicker-year {order:1;width:auto;height:auto;margin:0 !important;padding:0;line-height:1.2;font-size:30px !important;color:#282828;font-weight:600;-webkit-appearance:none;border:0;background:0;font-family:"Noto Sans Korean";}
.rsvp-rsvslt-wrap .ui-datepicker select.ui-datepicker-month {order:3;width:auto;height:auto;margin:0 0 0 8px !important;padding:0;line-height:1.2;font-size:30px !important;color:#282828;font-weight:600;-webkit-appearance:none;border:0;background:0;font-family:"Noto Sans Korean";}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:none;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-prev {background:0 !important;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-next {background:0 !important;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-buttonpane {display:none;}
.rsvp-rsvslt-wrap .ui-datepicker {box-shadow:none;}
.rsvp-rsvslt-wrap .ui-datepicker table td .ui-state-default.ui-state-hover {text-decoration:none;}

/* 캘린더 jquery ui css ctrl */
.rsvp-rsvslt-wrap .ui-widget {font-family: 'Noto Sans Korean';}
.rsvp-rsvslt-wrap .ui-datepicker {padding: 0}
.rsvp-rsvslt-wrap .ui-widget.ui-widget-content {width: 100% !important; border: 0 !important;}
.rsvp-rsvslt-wrap .ui-corner-all,
.rsvp-rsvslt-wrap .ui-corner-bottom, 
.rsvp-rsvslt-wrap .ui-corner-right, 
.rsvp-rsvslt-wrap .ui-corner-br {border-radius: 0;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-header {padding: 0}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-prev span, 
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-next span {display: block !important; width: 40px; height: 40px; background: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-left.png) 50%/8px 15px no-repeat; position: static; margin: 0;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-next span {background-image: url(https://image.thehyundai.com/hdsmart/images/vip/ico-vip-arr-right.png);}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-prev {transform: translate(-110px, -24px);}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-next {transform: translate(70px, -24px);}
.rsvp-rsvslt-wrap .ui-widget-header {border: 0; background: none; color: #282828; font-weight: unset}
.rsvp-rsvslt-wrap .ui-widget-header .ui-icon {background: none; text-indent: -99999px; overflow: hidden; vertical-align: middle;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-title {margin: 0; line-height: 2.5;}
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-prev-hover, 
.rsvp-rsvslt-wrap .ui-datepicker .ui-datepicker-next-hover,
.rsvp-rsvslt-wrap .ui-state-default, 
.rsvp-rsvslt-wrap .ui-widget-content .ui-state-default, 
.rsvp-rsvslt-wrap .ui-widget-header .ui-state-default, 
.rsvp-rsvslt-wrap .ui-button, 
html .rsvp-rsvslt-wrap .ui-button.ui-state-disabled:hover, 
html .rsvp-rsvslt-wrap .ui-button.ui-state-disabled:active {border: 0; background: none;}
.rsvp-rsvslt-wrap .ui-datepicker td span, 
.rsvp-rsvslt-wrap .ui-datepicker td a {padding: 0; text-align: center;}
.rsvp-rsvslt-wrap .ui-state-disabled {opacity: .35}

/* 시간선택 */
.zprd-select-rsvopt {padding-top: 30px; font-size: 14px; color: #282828;}
.zprd-select-rsvopt input[type=radio] {position: absolute; opacity: 0; outline: none;}
.zprd-select-rsvopt .zprd-slt-outbox {width: 100%; display: flex; align-items: center; justify-content: space-between; border: 1px solid #f0f0f0; border-radius: 6px;}
.zprd-select-rsvopt label.zprd-slt-outbox {width: 100%; height: 65px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #f0f0f0; border-radius: 6px; box-sizing: border-box; font-weight: 400;}
.zprd-select-rsvopt label.zprd-slt-outbox.zprd-alltime {justify-content: center;}
.zprd-select-rsvopt fieldset {margin-bottom: 30px; text-align: center; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5px 1fr 5px 1fr; grid-template-columns: repeat(3, 1fr); gap: 4px 5px; position: relative; padding: 29px 0 0;}
.zprd-select-rsvopt legend {text-align: left; margin-bottom: 15px; font-weight: 700; position: absolute; top: 0; left: 0;}
.zprd-select-rsvopt button.btn.more {width: auto; height: 32px; color: #1b1b1b; margin-top: 15px; padding-block: 0; padding: 0 15px; line-height: 32px; font-size: 14px; box-sizing: border-box;}
.zprd-select-rsvopt p.not-selected {padding: 50px 0; text-align: center; color: #999; font-size: 15px; width: 100%; height: 20px; line-height: 1.3;}
/* .zprd-select-rsvopt legend, */
.zprd-select-rsvopt button.btn.more,
.zprd-select-rsvopt p.not-selected {grid-column: 1 / span 3; -ms-grid-column-span: 3;}
.zprd-select-rsvopt .zprd-infotime {font-size: 15px; color: #101010;}
.zprd-select-rsvopt .zprd-infoseat {font-size: 13px; color: #767572; margin-top: 8px ;}
.zprd-select-rsvopt .zprd-slt-outbox.is-active,
.zprd-select-rsvopt input[type=radio]:checked + .zprd-slt-outbox {border-color: #c0ae91; background: #c0ae91;}
.zprd-select-rsvopt .zprd-slt-outbox.is-active .zprd-infotime,
.zprd-select-rsvopt input[type=radio]:checked + .zprd-slt-outbox .zprd-infotime {color: #fff; font-weight: 700;}
.zprd-select-rsvopt .zprd-slt-outbox.is-active .zprd-infoseat,
.zprd-select-rsvopt input[type=radio]:checked + .zprd-slt-outbox .zprd-infoseat {color: #fff;}
.zprd-select-rsvopt .zprd-slt-outbox.is-soldout,
.zprd-select-rsvopt input[type=radio]:disabled + .zprd-slt-outbox {border-color: #f0f0f0; background: #f0f0f0;}
.zprd-select-rsvopt .zprd-slt-outbox.is-soldout [class^=zprd-info],
.zprd-select-rsvopt input[type=radio]:disabled + .zprd-slt-outbox [class^=zprd-info] {color: #ccc;}

.zprd-slt-outbox .cnt-ctrl {display: flex; align-items: center; text-align: center; color: #282828; gap: 12px;}
.zprd-slt-outbox .cnt-ctrl .cnt-up,
.zprd-slt-outbox .cnt-ctrl .cnt-down {display: block; float: none; position: relative; text-indent: -9999px; border: 1px solid #f0f0f0; border-radius: 50%; background: #fff; font-size: 20px; width: 35px; height: 35px; line-height: 35px; padding: 0; margin: 0;}
.zprd-slt-outbox .cnt-ctrl input {display: block; float: none; font-size: 15px; line-height: 35px; height: 35px; border: 0; color: #282828; font-weight: 700;}
.zprd-slt-outbox .cnt-ctrl button:disabled {color: #ccc; background: #f0f0f0;}
.zprd-slt-outbox .cnt-ctrl button:disabled::after,
.zprd-slt-outbox .cnt-ctrl button:disabled::before {background-color: #ccc}
.zprd-slt-outbox .cnt-ctrl::after {display: none;}
.zprd-slt-outbox .cnt-ctrl .cnt-up::after,
.zprd-slt-outbox .cnt-ctrl .cnt-down::after,
.zprd-slt-outbox .cnt-ctrl .cnt-down::before {content: ''; display: block; width: 10px; height: 2px; background-color: #282828; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.zprd-slt-outbox .cnt-ctrl .cnt-down::before {width: 2px; height: 10px;}

.zprd-slt-outbox .zprd-cnt-title .zprd-cnt-time {margin-left: 9px; padding-left: 10px; position: relative;}
.zprd-slt-outbox .zprd-cnt-title .zprd-cnt-time::before {content: ''; display: block; width: 1px; height: 13px; background-color: #cdcdcd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.zprd-slt-outbox .zprd-cnt-title::before {content: '선택'; display: block; color: #767572}
.zprd-slt-outbox .zprd-cnt-title em,
.zprd-slt-outbox .zprd-cnt-title.zprd-slt-date::before {display: none;}
.zprd-slt-outbox .zprd-cnt-title.zprd-slt-date em {display: inline-block; height: 20px;}

/* 예약단계 주문자정보 */
.zprd-slt-outbox.rsvp-order-info {height: auto; display: block; line-height: 1.6; font-size: 13px; color: #282828; padding: 15px; box-sizing: border-box;}
.zprd-slt-outbox.rsvp-order-info dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.zprd-slt-outbox.rsvp-order-info dt,
.zprd-slt-outbox.rsvp-order-info dd {display: block; padding: 8px 0;}
.zprd-slt-outbox.rsvp-order-info dt {width: 25%;}
.zprd-slt-outbox.rsvp-order-info dd {width: 70%;}
.zprd-slt-outbox + .zprd-slt-title {margin-top: 30px;}
.rsvp-order-info .cart-prod-unit-top {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; min-height: 140px; position: relative;}
.rsvp-order-info .cart-prod-unit-top .thumbnail {display: block; position: absolute; right: 0; top: 0; width: 100px; height: 100px; }
.rsvp-order-info .cart-prod-unit-top .thumbnail span {display: block;}
.rsvp-order-info .cart-prod-unit-top .prodname {display: block; width: calc(100% - 120px); padding: 0;}
.rsvp-order-info .cart-prod-unit-top .option {width: 100%; border-top: 1px solid #f0f0f0; margin: 5px -15px 0; padding: 10px 15px 0; line-height: 1.6;}
.zprd-check {margin-top: 20px;}
.zprd-rsv-agree-desc {font-size: 12px; color: #767572; margin-top: 8px; line-height: 1.5; padding-left: 0;}

/* .zprd-select-rsvopt .zprd-slt-title:first-of-type {display: none;}  */
.zprd-select-rsvopt div.zprd-slt-outbox:not(.rsvp-order-info, label) {border: 0; height: auto; padding: 0;}
.zprd-select-rsvopt .zprd-slt-title {margin-bottom: 15px; font-weight: 700;}
.zprd-select-rsvopt .zprd-cnt-title {font-size: 14px; line-height: 1.4; color: #282828; font-weight: 500;}

/* 주문서 */
.order-about .rsvp-order-info .cart-prod-unit-top,
.cart-box .rsvp-order-info .cart-prod-unit-top {min-height: calc(100px + 30px)}
.order-about .rsvp-order-info .cart-prod-unit-top .thumbnail,
.cart-box .rsvp-order-info .cart-prod-unit-top .thumbnail {width: 80px; height: 80px;}
.order-about .rsvp-order-info .cart-prod-unit-top .prodname,
.cart-box .rsvp-order-info .cart-prod-unit-top .prodname {width: calc(100% - 100px);}
.order-about .rsvp-order-info .cart-prod-unit-top .option,
.cart-box .rsvp-order-info .cart-prod-unit-top .option {padding: 10px 0 0; margin: 10px 0 0;}
.cart-box .rsvp-order-info .cart-prod-unit-top .option-stamp {width: calc(100% - 100px); padding-top: 10px;}
.agree-button.rsvp-zpda-color .zprd-check {margin: -10px 0 20px;}
.agree-button.rsvp-zpda-color .zprd-check label {height: 22px;}

/* 주문서 예약하기 신청고객/신청정보 테이블 디자인 적용 */
.create-order .rsvp-zpda-color {color: #282828; margin-top: 30px}
.create-order .od-section.rsvp-zpda-color {color: #282828; margin-top: 0}
.create-order .rsvp-zpda-color .od-section-header {border: 0; background: none; height: auto;}
.create-order .rsvp-zpda-color .od-section-header h3 {font-size: 14px; color: #282828; font-weight: 700 ; position: static; line-height: 1.4; letter-spacing: 0;}
.create-order .rsvp-zpda-color .customer-od {margin: 15px;  border: 1px solid #f0f0f0; line-height: 1.6; padding: 10px 15px; border-radius: 6px; box-sizing: border-box }
.create-order .rsvp-zpda-color .customer-od dt,
.create-order .rsvp-zpda-color .customer-od dd {padding: 8px 0; margin: 0; }
.create-order .rsvp-zpda-color .order-product {padding-top: 15px}
.create-order .rsvp-zpda-color .order-product .cart-prod-unit {border: 1px solid #f0f0f0; padding: 15px; border-radius: 6px;}
.create-order .rsvp-zpda-color .button-area .btn-important,
.create-order .rsvp-zpda-color .button-area .btn-main {background: #282828; border-color: #282828; color: #fff}
.create-order .rsvp-zpda-color .button-area .disabled {opacity: .35;}

/* 신청 상세 조회 */
.rsvp-zpda-color .order-box .order-unit .info .count::before {display: none}

.zprd-detail-wrap textarea,
.zprd-detail-wrap select,
.zprd-detail-wrap input,
.zprd-detail-wrap button,
.zprd-detail-wrap a,
.zprd-detail-wrap,
.rsvp-zpda-color textarea,
.rsvp-zpda-color select,
.rsvp-zpda-color input,
.rsvp-zpda-color button,
.rsvp-zpda-color a,
.rsvp-zpda-color {font-family: 'Noto Sans Korean';}

/****************** H pay 플래그 ****************/
.product-list .prod-unit .icon span.flag-hpay {background-color: #46675c; color: #fff; padding: 0 5px 0; border: 0;}
.flag-hpay {background-color: #46675c; color: #fff; padding: 1px 5px 0;}
.flag-hpay::before {display:inline-block; content: ''; vertical-align: middle; width: 28px; height: 16px; background:url(https://image.thehyundai.com/hdsmart/images/hpay/flag-hpay.png) 0 50%/28px 12px no-repeat; margin-right: 3px;}

/* 마이페이지 개인정보영역 테이블 */
/* .mh-new-area .state-box li:last-child {border-width: 1px 0 0; border-style: solid; border-color: #efefef; width: 100%} */

/* 0원 상품 로딩 */
.rsvp-load-wrap {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1006; color: #fff; text-align: center; font-size: 13px; line-height: 1.6;}
.rsvp-load-wrap .rsvp-loader {display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.rsvp-load-wrap span.loader {display: block; margin: auto; width: 70px; height: 70px; border-radius: 50%; position: relative; box-sizing: border-box;}
.rsvp-load-wrap .loader::before {content: ""; position: absolute; box-sizing: border-box; inset: 0; border-radius: 50%; border: 6px solid rgba(255,255,255,1); animation: prixClipFix2 2s infinite linear; transform: rotate(-45deg);}

@keyframes prixClipFix2 {
    55%   {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    50%   {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    45%   {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  
    35%   {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    30%   {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    25%   {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
  
    88%   {clip-path: polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);}
    75%   {clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);}
    64%   {clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);}

    10%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    20%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    0%    {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    100%  {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
}

/*20240522 카드등록 팝업*/
#methodSelectPop .popover-wrap .pop-header {border-bottom:none;padding:35px 0 13px;}
#methodSelectPop .popover-wrap .pop-header h1 {line-height:15px;font-size:15px;}
#methodSelectPop .pop-header .btn-pop-close {top:30%;right:15px;background:url('https://image.thehyundai.com/hdsmart/images/co/ic_common.png') no-repeat -182px -122px / 360px 360px;}
#methodSelectPop .pop-content {padding:0 26px 35px;}
#methodSelectPop .pop-content .method-list {margin:0;}
#methodSelectPop .pop-content li {margin:0 0 15px;}
#methodSelectPop .pop-content li button {position:relative;color:#b3b3b3;background:#f4f4f4;border:1px solid #b3b3b3;border-radius: 3px;height:55px}
#methodSelectPop .pop-content li button .hpoint-tooltip {display: inline-block;text-align: center;line-height: 1.2;width: 75px;position: absolute;top: -13px;right: 9px;padding: 4px 6px 4px 6px;border: 1px solid #0fb77e;border-radius: 3px;background: #0fb77e;color: #fff;font-size: 12px;margin: 0;}
#methodSelectPop .pop-content li button .hpoint-tooltip:after {border-top: 7px solid #0fb77e;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 0 solid transparent;content: "";position: absolute;bottom: -6px;right: 12px;}
#methodSelectPop .pop-content li:nth-of-type(1) button {background:#fff;border:1px solid #007956;height:90px;}
#methodSelectPop .pop-content li:nth-of-type(1) .tit {color:#07956a}
#methodSelectPop .pop-content li:nth-of-type(1) .dic {line-height:1.5;color:#666;}