@charset "utf-8";

/* 한글 HyundaiSansHead */
@font-face {
    font-family: "HeadBold";
    src: url("../font/HyundaiSansHeadKRBold.eot");
    src: url("../font/HyundaiSansHeadKRBold.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansHeadKRBold.woff2") format("woff2"),
    url("../font/HyundaiSansHeadKRBold.woff") format("woff"),
    url("../font/HyundaiSansHeadKRBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HeadLight";
    src: url("../font/HyundaiSansHeadKRLight.eot");
    src: url("../font/HyundaiSansHeadKRLight.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansHeadKRLight.woff2") format("woff2"),
    url("../font/HyundaiSansHeadKRLight.woff") format("woff"),
    url("../font/HyundaiSansHeadKRLight.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HeadRegular";
    src: url("../font/HyundaiSansHeadKRRegular.eot");
    src: url("../font/HyundaiSansHeadKRRegular.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansHeadKRRegular.woff2") format("woff2"),
    url("../font/HyundaiSansHeadKRRegular.woff") format("woff"),
    url("../font/HyundaiSansHeadKRRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HeadMedium";
    src: url("../font/HyundaiSansHeadKRMedium.eot");
    src: url("../font/HyundaiSansHeadKRMedium.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansHeadKRMedium.woff2") format("woff2"),
    url("../font/HyundaiSansHeadKRMedium.woff") format("woff"),
    url("../font/HyundaiSansHeadKRMedium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


/* 한글 HyundaiSansText */
@font-face {
    font-family: "TextBold";
    src: url("../font/HyundaiSansTextKRBold.eot");
    src: url("../font/HyundaiSansTextKRBold.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansTextKRBold.woff2") format("woff2"),
    url("../font/HyundaiSansTextKRBold.woff") format("woff"),
    url("../font/HyundaiSansTextKRBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TextMedium";
    src: url("../font/HyundaiSansTextKRMedium.eot");
    src: url("../font/HyundaiSansTextKRMedium.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansTextKRMedium.woff2") format("woff2"),
    url("../font/HyundaiSansTextKRMedium.woff") format("woff"),
    url("../font/HyundaiSansTextKRMedium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TextRegular";
    src: url("../font/HyundaiSansTextKRRegular.eot");
    src: url("../font/HyundaiSansTextKRRegular.eot?#iefix") format("embedded-opentype"),
    url("../font/HyundaiSansTextKRRegular.woff2") format("woff2"),
    url("../font/HyundaiSansTextKRRegular.woff") format("woff"),
    url("../font/HyundaiSansTextKRRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* chatbot */
.wc-chatview-panel, .menuInner, .popupArea{
    font-family: "TextRegular", sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}
.wc-card p {
    line-height: 1.6;
}
/* ============================ [ common.css ] ============================ */
/* WA 테스트 * /
*:focus {outline: 3px solid #00ffff}
/**/

/* reset */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body,div,span,iframe,object,embed,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,a,abbr,address,b,bdo,blockquote,cite,code,del,dfn,p,pre,em,i,ins,kbd,q,s,samp,strong,sub,sup,u,var,img,map,area,form,fieldset,legend,input,textarea,select,button,label,keygen,table,caption,thead,tbody,tfoot,tr,th,td,article,aside,audio,bdi,canvas,datalist,details,dialog,figcaption,figure,footer,header,main,mark,menu,menuitem,meter,nav,output,progress,section,rp,rt,ruby,summary,time,video,wbr{margin:0;padding:0;}
html, body{width:100%; height:100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color:#fff}
body{font:16px/1 'TextRegular'; color: #626262;}
h1,h2,h3,h4,h5,pre,input,button,select,textarea{font:inherit;}
input,button,select,textarea{color:inherit; vertical-align: middle;}
a{color:inherit; text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
input, select, label, img, button{vertical-align:middle;}
table{font-size:14px; line-height:24px; border-collapse:collapse; border-spacing:0; word-break: keep-all;}
img, fieldset{border:0; max-width:100%;}
ul{list-style:none;}
ol{margin-left:30px;}
a,button,label{cursor:pointer;}
button{background:transparent; border:0;}
@media print {
        body {-webkit-print-color-adjust: exact;}
    }

/* common */
pre, .pre{white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;}
/* blind */
.sr_only{position:absolute; overflow:hidden; display:inline-block; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
.mo_tel.mobile_only{display: inline-block;}/*201223 add*/
.hidden_tab{display: block;}
@media screen and (min-width: 768px){
    .sr_only_pc{position:absolute; overflow:hidden; display:inline-block; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
    .mo_tel{pointer-events: none;    line-height: 2;    display: block;}/*210312 장미 modify*/
}
caption.sr_only{display:inline;}
.blind{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0}
/* float, clear */
.clear{clear:both;}
.clear:after{content:''; display: block; clear:both;}
.clear>*{float:right;}
.clear>*:first-child{float:left;}
.clear_no, .clear_no:after{clear: none !important;}/*200429 추가*/
/* disabled */
*:disabled,[class*="disabled"]{cursor: not-allowed;}
.vertical_top{vertical-align: top !important;}
.vertical_middle{vertical-align: middle !important;}
.vertical_bottom{vertical-align: bottom !important;}
.hide {display: none !important;}
.nonvisible {visibility: hidden;}

/* 제목 & text 스타일 */
[class$="_title"]{font-family:'HeadMedium'; color:#000; font-weight:normal; letter-spacing: -1px; word-break: keep-all;}
.kv_title{font-size:56px; padding-bottom:18px; font-family:'HeadMedium';} /* 190626 수정 */
.kv_title + p[class^="text"] > b {font-family:'HeadRegular';} /* 190626 추가 */
.kv_title small, .main_title small{font-size:16px; line-height:28px; font-family:'TextMedium';}
.main_title{font-size:44px; text-align:center;}
.sub_title{font-size:30px; padding-bottom:10px;}
.row_title{font-size:20px;}
.regular_title { font-family: 'TextMedium'; font-size: 16px; color: #000; line-height: 1.5;}
.regular_title.bullet_dot::before { top: 8px !important; }
[class$="_title"].regular{font-family:'HeadRegular';}
[class$="_title"].bold{font-family:'HeadBold';}
/* text color line-height */
strong, b{color:#000; font-family:'TextMedium'; font-weight:normal;}
em{font-style:normal; color:#006992;}
.color_type {color:#88553c !important;}
p[class^="text"], pre[class^="text"]{line-height:28px; word-break: keep-all;}
p[class^="text"] small{font-size:14px; line-height:24px;}
p[class^="text"] + p[class^="text"]{margin-top:0.5em}
p[class^="text"].regular{font-family:'TextRegular';}
p[class^="text"].medium{font-family:'TextMedium';}
p[class^="text"].bold{font-family:'TextBold';}
.text_primary{color:#006992 !important;}
.text_emphasis{color:#002c5f !important;}
.text_strong{color:#000 !important;}
.text_white{color:#fff !important;}
.text_warning{color:#bf1d00 !important;}
.text_skyblue{color:#007fa8}
.text_gray{color:#666666;}
.mark_red{color:#e63312;}
/* text align */
.text_left, .align_left{text-align:left !important;}
.text_center, .align_center{text-align:center !important;}
.text_right, .align_right{text-align:right !important;}
/* font-size */
.font_sm{font-size:0.9em;}
.font_lg{font-size:1.2em;}
/* text etc */
[class*="ellipsis"]{overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.text_notice{position:relative; padding-left:1.3em; font-size:0.9em; color: #88553c; }
.text_notice [class^="ico_"]{position:absolute; top:6px; left:0;}
.text_notice.color_type {color:#88553c;}
.text_indent { padding-left: 20px; text-align: left; }
/* .text-em{text-decoration: underline; font-size: .95rem;} 230525 add */
span.text_indent { display: inline-block; }
.text_indent .mom { position: absolute; margin-left: -20px; }
.text_indent.font_sm { padding-left: 15px; }
.text_indent.font_sm .mom { margin-left: -15px; }
@media screen and (max-width: 767px){
    .text_indent { padding-left: 15px; }
    .text_indent .mom { margin-left: -15px; }
}
a[class*="link"],
button[class*="link"]{display:inline-block; font-family:'TextMedium'; color:#000; white-space: nowrap;}
a[class*="link"]>*,
button[class*="link"]>*{display:inline-block; }
a[class*="link"]>* + *,
button[class*="link"]>* + *{margin-left:10px;}
.link_line{text-decoration: underline;}
.text-em{font-size: 15px; color: #006992;}
a[class*="link"].inline > .inline { display: inline; }


/* 숫자, 영문 */
.num, .eng{font-family:'HeadRegular';}

/* width(%) */
.w05p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}

/* buttons */
[class^="btn_"]:not(div){display:inline-block; padding:0 1em; text-align: center; font-family:'TextMedium'; white-space: nowrap; background:transparent; border:1px solid transparent; vertical-align: middle; color:#000;}
[class^="btn_"]:not(button):before{content:''; display:inline-block; width:0; height:100%; margin-top:1px; vertical-align: middle;}
/* button style */
[class^="btn_"][class*="_bdr"]{border-color:#000;}
[class^="btn_"][class*="_bdr_w"]{border-color:#fff; color:#fff}
/* button color */
[class^="btn_"][class*="_primary"],
[class^="btn_"][class*="_toggle"]{background:#002c5f; border-color:#002c5f; color:#fff;}
[class^="btn_"][class*="_square"]{width: 40px; height: 40px; padding: 0; background:#002c5f; border-color:#002c5f; color:#fff;}
[class^="btn_"][class*="_secondary"],
[class^="btn_"][class*="_toggle"].on{background:#767676; border-color:#767676; color:#fff;}
[class^="btn_"][class*="_secondary2"]{background:#f6f3f2; border-color:#f6f3f2; color: #000}
[class^="btn_"][class*="_white"]{background:#fff; border-color:#fff; color:#767676;}
[class^="btn_"][class*="_black"]{background:#000; border-color:#000; color:#fff;}
[class^="btn_"][class*="_emp"]{background:#006992; border-color:#006992; color:#fff;}
[class^="btn_"][class*="_activeblue"]{background:#007fa8; border-color:#007fa8; color:#fff;}
/* button text */
[class^="btn_"][class*="_bold"]{font-family: 'HyundaiSansHeadKR';}
/* button shape */
[class^="btn_"][class*="_cir"]{padding:0; text-align:center; border-radius: 50%;}
[class^="btn_"][class*="_md"][class*="_cir"]{min-width:40px; width:40px;}
[class^="btn_"][class*="_lg"][class*="_cir"]{min-width:50px; width:50px;}
[class^="btn_"][class*="_sm"][class*="_cir"]{min-width:36px; width:36px;}
[class^="btn_"][class*="_xs"][class*="_cir"]{min-width:2em; width:2em;}
/* button disabled */
[class^="btn_"].disabled,
[class^="btn_"]:disabled{background:#cecdca; border-color:#cecdca; color:#555 !important;}
/* button etc */
[class^="btn_"][class*="_more"]{position:relative; width:40px; height:40px; background:#006992;}
[class^="btn_"][class*="_more"]:before,
[class^="btn_"][class*="_more"]:after{content:''; position:absolute; top:50%; left:50%; margin:-1px 0 0 -8px; width:16px; height:2px; background:#fff; transition:.3s}
/* 20180202 함은주 ADM TEST */
[class^="btn_"][class*="_more"]:after{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
[class^="btn_"][class*="_more"].on{background-color:#000; }
[class^="btn_"][class*="_more"].on:before{transform: rotate(135deg);}
[class^="btn_"][class*="_more"].on:after{transform: rotate(225deg);}

/* icon */
[class^="ico_"]{display:inline-block; background-repeat: no-repeat; vertical-align: middle; font-style: normal;}
[class^="ico_"][class*="_cir"]{border-radius: 50%;}
/* icon default */
[class^="ico_"]{width:16px; height:16px; background-image:url(../images/common/ico_pc_20.png); background-repeat:no-repeat;}
 span + [class^="ico_"], [class^="ico_"] + span{display:inline-block; margin-left:10px; vertical-align: middle;}
[class^="ico_"][class*="_log"]{width:17px; height:17px; background-position:0 0;}
[class^="ico_"][class*="_menu"]{width:15px; height:15px; background-position:0 -20px;}
[class^="ico_"][class*="_search"]{background-position:0 -40px;}
[class^="ico_"][class*="_search_w"]{background-position:-20px -40px;}
[class^="ico_"][class*="_search_nv"]{background-position:-40px -40px;}/* navy color */
[class^="ico_"][class*="_loc"]{background-position:0 -60px;}
[class^="ico_"][class*="_loc_nv"]{background-position:-20px -60px;}
[class^="ico_"][class*="_date"]{width:18px; height:20px; background-position:0 -80px;}
[class^="ico_"][class*="_down"]{width:14px; background-position:0 -100px;}
[class^="ico_"][class*="_down_w"]{width:14px; background-position:-20px -100px;}
[class^="ico_"][class*="_down_nv"]{width:14px; background-position:-40px -100px;} /* navy color */ /* 200403 추가 */
[class^="ico_"][class*="_arr"]{width:7px; background-position:0 -160px;}
[class^="ico_"][class*="_arr_nv"]{width:7px; background-position:-20px -160px;}/* navy color */
[class^="ico_"][class*="_arr_w"]{width:7px; background-position:-60px -160px;}/* navy color */
[class^="ico_"][class*="_book"]{height:17px; background-position:0 -180px;}
[class^="ico_"][class*="_book_w"]{height:17px; background-position:-20px -180px;}
[class^="ico_"][class*="_share"]{height:18px; background-position:0 -200px;}
[class^="ico_"][class*="_close"]{background-position:0 -220px;}
[class^="ico_"][class*="_close_w"]{background-position:-20px -220px;}
[class^="ico_"][class*="_plus"]{background-position:0 -240px;}
[class^="ico_"][class*="_minus"]{position: relative; background: none;}
[class^="ico_"][class*="_minus"]:before {position: absolute; top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; background: #fff; content: '';}
[class^="ico_"][class*="_link"]{width:13px; height:13px; background-position:0 -260px;}
[class^="ico_"][class*="_link_thin"]{width:13px; height:13px; background-position:-60px -260px;}
[class^="ico_"][class*="_link_w"]{width:13px; height:13px; background-position:-20px -260px;}
[class^="ico_"][class*="_link_nv"]{width:13px; height:13px; background-position:-40px -260px;}
[class^="ico_"][class*="_link_sky"]{width:13px; height:13px; background-position:-80px -260px;}
[class^="ico_"][class*="_link_gy"]{width:13px; height:13px; background-position:-100px -260px;} /* 190530 추가 */
[class^="ico_"][class*="_exclam"]{background-position:0 -320px; border-radius: 0 !important; }
[class^="ico_"][class*="_refresh"]{background-position:0 -340px;}
/* icon tel */
[class*="_bullet"]>li.wrap_ico_tel {padding-left: 0;}
[class*="_bullet"]>li.wrap_ico_tel::before  {display:none;}
@media print, screen and (min-width: 768px){
    [class^="ico_"][class*="_tel"],
    .wrap_ico_tel {display:none;}
}
/* ico etc */
.ico_lg_notice{width:60px; height:60px; background:url(../images/common/ico_notice_large.png) no-repeat !important; background-size:100% !important;}
.ico_rss {background:url('../images/common/btn_rss.png') no-repeat 0 0;}
.ico_point {background:url('../images/common/ico_point.png') no-repeat 0 0 !important; background-size:contain !important;}
.ico_mall {background:url('../images/common/ico_mall.png') no-repeat 0 0 !important; background-size:contain !important;}
/* ico css */
/*      common */
[class^="ico-css"] { position: relative;}
[class^="ico-css"]:before,
[class^="ico-css"]:after {position: absolute; top: 50%; display: block; content: '';}
@media print, screen and (max-width: 767px){
    [class^="ico-css"][class*="_arrow"]:before,
    [class^="ico-css"][class*="_arrow"]:after {width: 11px; height: 1px; background-color: #000;}
    [class^="ico-css"][class*="_arrow"]:before {margin-left: -1.5px;}
    [class^="ico-css"][class*="_arrow"]:after {margin-right: -2px;}
}
/*      arrow */
[class^="ico-css"][class*="_arrow"] { width: 30px; height: 30px;}
[class^="ico-css"][class*="_arrow"]:before,
[class^="ico-css"][class*="_arrow"]:after {width: 15px; height: 1px; background-color: #000;}
[class^="ico-css"][class*="_arrow"]:before {left: 50%; margin-left: -2px;}
[class^="ico-css"][class*="_arrow"]:after {right: 50%; margin-right: -2px;}
/*      arrow -- down */
[class^="ico-css"][class*="_arrow"].down:before {transform: rotate(-45deg);}
[class^="ico-css"][class*="_arrow"].down:after {transform: rotate(45deg);}
/*      arrow -- up */
[class^="ico-css"][class*="_arrow"].up:before {transform: rotate(45deg);}
[class^="ico-css"][class*="_arrow"].up:after {transform: rotate(-45deg);}
@media print, screen and (min-width: 768px){
/*      arrow -- bold */
    [class^="ico-css"][class*="_arrow"].bold:before,
    [class^="ico-css"][class*="_arrow"].bold:after {height: 2px;}
    [class^="ico-css"][class*="_arrow"].bold:after {margin-right: -3px;}
}

/* table */
.data_table{width:calc(100% - 2px); } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table .thead_th,
.data_table .tbody_th,
.data_table th,
.data_table td{height:50px; padding:10px 1em; background:#fff; border-bottom:1px solid #e4dcd3; word-break: break-word; background:#fff;}
.data_table .thead_th,
.data_table .tbody_th,
.data_table th{font-family:'TextMedium'; font-weight:normal; border: 1px solid #fff; border-bottom: none; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table td{ border: 1px solid #e4dcd3; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table td + td{border-left:1px solid #e4dcd3;}
.data_table th + th{border-left:1px solid #fff;}
.data_table .thead_th:first-child,
.data_table thead th:first-child { border-left-color: #002c5f; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table .thead_th:last-child,
.data_table thead th:last-child { border-right-color: #002c5f; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table thead tr:first-child th,
.data_table thead + tbody tr:first-child td { border-top: none; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table .thead_th,
.data_table thead th{background:#002c5f; color:#fff; border-color:#fff;}
.data_table .tbody_th,
.data_table tbody th{background:#e4dcd3; color:#000; border-bottom-color:#fff; -ms-word-break: break-all;}
.data_table colgroup + tbody tr:first-child td{border-top:1px solid #e4dcd3;}
.data_table tbody tr:last-child td{border-bottom:1px solid #e4dcd3}
/*.data_table tbody tr:first-child th{border-top-color:#e4dcd3;}*/
.data_table tbody tr:last-child th{border-bottom:1px solid #e4dcd3;}
/*.data_table thead + tbody tr:first-child th{border-top-color:#fff;}*/
.data_table td.line{border-left:1px solid #e4dcd3;}
.data_table .th.line,
.data_table th.line{border-left:1px solid #fff;}
.data_table .th.last,
.data_table th.last{border-bottom-color:#e4dcd3;}
.data_table .th.text-center,
.data_table th.text-center,
.data_table td.text-center { text-align: center; }
.data_table th.break_all,
.data_table td.break_all {word-break:break-all;}
.data_table .borderL_none {border-left:0 none;}
.data_table .borderR_none {border-right:0 none;}
.data_table .borderB_none {border-bottom:0 none !important;}
.data_table .borderT_gray {border-top:1px solid #e4dcd3;}
/* &html 20180120 정윤진, 테이블 안에 테이블일 경우 스타일 추가 */
.data_table tbody .data_table thead tr th:first-child { border-left-color: #fff; }
.data_table tbody .data_table thead tr th:last-child  { border-right-color: #e4dcd3; }
.data_table.tr_pointer tbody tr {cursor: pointer;} /* 20180122 김기용, 클릭 가능한 tr 표시 */
.data_table[span-row] {visibility: hidden;} /* 20180329 김기용: 동일정보 행 자동 병합 plug-in 사용, 병합중 깜박임 방지를 위해, 병합 후 보이게함 */
.data_table.lucky_pass tbody th + td {color: #626262 !important;}
.data_table.lucky_pass tbody th + td + td, 
.data_table.lucky_pass tbody td:nth-child(2) {font-size: 14px; color:#959595;}
.data_table.lucky_pass tbody td:first-child
.data_table.lucky_pass tbody td:last-child {font-size: 14px; color: #626262;}


/* 20180201 함은주, 테이블 라인 수정 */
.data_table.ui_accordion_table .opened + tr td {border-right-color:#f6f3f2;}
@media screen and (max-width: 767px){
    .data_table.freecode_table tbody td {padding:10px 4px;text-align:center;}
}

/* table scroll */
.table_scrollable,
.table_scroll {position:relative; overflow-x:auto; width:100%;} /* 20180127 정윤진, table_scroll 클래스 속성 추가 */
.table_scrollable .data_table,
.table_scroll .data_table {table-layout: fixed;}
.table_scrollable .data_table table,
.table_scroll .data_table table {width: 100%;}
@media screen and (max-width: 767px){
    .table_scrollable .data_table.wide {width:200%;}
}
@media screen and (min-width: 426px) and (max-width: 767px){
    .table_scrollable .data_table,
    .table_scroll .data_table {width:150%;}
}
@media screen and (max-width: 425px){
    .table_scrollable .data_table,
    .table_scroll .data_table{width:200%;}
}

/* ol grid + col_02 table */
ol.grid.col_02{margin-left:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap: 0 10px;}
ol.grid.col_02:before{content:none;display:none;}
ol.grid.col_02 li{width:calc(50% - 5px);}
ol.grid.col_02 li picture img{width:100%;height:100%;object-fit:cover;}
@media screen and (max-width: 767px){
    ol.grid.col_02{gap:20px 0;}
    ol.grid.col_02 li{width:100%}
}

/* form */
.hmc_form{}
/* form : select */
[class^="select_wrap"]{position:relative; font-size:14px; color:#767676; background:#f6f3f2;}
[class^="select_wrap"][class*="_white"]{background:#fff; color:#000;}
span[class^="select_wrap"]{display:inline-block; vertical-align: middle;}
/* [class^="select_wrap"] select{position:absolute; z-index:-1;overflow: hidden;width: 100% !important;max-width: 100%;height: 40px;padding: 0 0 0 17px;background: transparent;border: 1px solid transparent;color: #000;vertical-align: middle; visibility: hidden; }*/ /* 200511 edit */
[class^="select_wrap"] select:focus {z-index: 0;}
[class^="select_wrap"] select:focus + .selectBox-dropdown, [class^="select_wrap"] select:focus + .selectBox-dropdown:before {opacity: 0;}
[class^="select_wrap"] select.error + .selectBox-dropdown {color: #f00;border-color: #f00;} /* 20180307 김기용: select validate error 표시 */
    .selectBox-dropdown{overflow:hidden; width:100% !important; max-width:100%; height:40px; padding:0 40px 0 20px; background:transparent; border:1px solid transparent; text-align: left; color:#000; vertical-align: middle;} /* 200512 edit */
    .selectBox-dropdown:before{content:''; position:absolute; top:50%; right:20px; width:0; height:0; margin-top:-2.5px; border:5px solid transparent; border-top-color:#767676;}
    .selectBox-dropdown:after{content:''; display: block; clear: both;}
    .selectBox-disabled{background:#cecdca; border-color:#cecdca;color:#fff}
    .selectBox-label{overflow:hidden; display:inline-block; width:100% !important; max-width:100%; height:40px; white-space: normal; text-overflow:ellipsis; vertical-align: middle;}/* 200507 장미 수정 */
    .selectBox-label:before{content: ''; display: inline-block; width:0; height:100%; vertical-align: middle;}
[class^="select_wrap"][class*="_white"] .selectBox-dropdown:after{border-top-color:#000;}
.selectBox-menuShowing:after{margin-top:-7.5px;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
[class^="select_wrap"].is-full { width: 100%; } /* 20180120 박순길, fullsize 추가 */

/* 200513 add */
/* 1:1문의 select */
[class^="select_ntype"]{overflow:hidden; position:relative; font-size:14px; color:#767676; background:#f6f3f2;}
[class^="select_ntype"][class*="_white"]{background:#fff; color:#000;}
[class^="select_ntype"] select,
[class^="select_wrap"] select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/common/btn-is-login-open.png) no-repeat; background-position-x:calc(100% - 10px); background-position-y:center; background-size:10px;}
[class^="select_ntype"] .selectBox-dropdown {padding:0 20px;}
select::-ms-expand {display: none;}
.eco_friendly_car .input_email_group>*:not(.space):first-child{width:calc(33.2% - 15px) !important;}
/* //200513 add */

/* select : Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 400px;
    min-height: 40px;
    border:1px solid #eee;
    border-top:0;
    background: #FFF;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing:border-box;
}
/* select : Options */
.selectBox-options li a{display:block; height:40px; padding:0 20px; font-size:0.9em; cursor:pointer; white-space:nowrap;}
.selectBox-options li a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.selectBox-options li a:hover,
.selectBox-options li.selectBox-selected a{background-color: #C8DEF4; color:#000;}
.selectBox-options li.selectBox-disabled a:hover,
.selectBox-options li.selectBox-disabled{background:#cecdca; border-color:#cecdca; color:#fff;}
.selectBox-options li.selectBox-disabled a{cursor: not-allowed;}
.selectBox.selectBox-hide {display: none !important;}
/* 200512 add */
.selectBox-options li button{display:block; width:100%; height:40px; padding:0 20px; font-size:0.9em; text-align:left; cursor:pointer; white-space:nowrap;}
.selectBox-options li button:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.selectBox-options li button:hover,
.selectBox-options li.selectBox-selected button{background-color: #C8DEF4; color:#000;}
.selectBox-options li.selectBox-disabled button:hover,
.selectBox-options li.selectBox-disabled{background:#cecdca; border-color:#cecdca; color:#fff;}
/* //200512 add */
/* form input */
.input_wrap{position:relative; background:#fff; font-size:14px;}
span.input_wrap{display:inline-block; vertical-align: middle;}
.input_wrap>input{position:relative; z-index:1; width:100%; height:40px; padding:0 1em; background:transparent; border:1px solid #e4dcd3; color:#000; -webkit-appearance:none; -webkit-border-radius:0;}
.input_wrap>input:disabled{background:#cecdca; border-color:#cecdca; color:#333;} /* 190516 수정 */
.input_wrap>input.input_disabled {border:1px solid #999;background:#999;color:#fff;}
.input_wrap>input::-webkit-input-placeholder,
.input_wrap>input.input_disabled::-webkit-input-placeholder  { /* WebKit browsers */ color:#626262;}
.input_wrap>input:-moz-placeholder,
.input_wrap>input.input_disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#626262;}
.input_wrap>input::-moz-placeholder,
.input_wrap>input.input_disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#626262;}
.input_wrap>input:-ms-input-placeholder,
.input_wrap>input.input_disabled:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#626262;}

.input_wrap>input:disabled::-webkit-input-placeholder,
.input_wrap>input.input_disabled::-webkit-input-placeholder  { /* WebKit browsers */ color:#555;}
.input_wrap>input:disabled:-moz-placeholder,
.input_wrap>input.input_disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#555;}
.input_wrap>input:disabled::-moz-placeholder,
.input_wrap>input.input_disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#555;}
.input_wrap>input:disabled:-ms-input-placeholder,
.input_wrap>input.input_disabled:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#555;}
.placeholder{position:absolute; top:0; left:0; width:100%; height:100%; padding:0 1em; color: #626262; white-space: nowrap; }
.placeholder:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.input_wrap .input_del{display:none; position:absolute; top:50%; right:20px; z-index: 1; margin-top:-9px; padding:0; border:0; width:18px; height:18px; background:#c9c9c9; border-radius: 50%;}
.input_wrap .input_del [class^="ico_"]{position:absolute; top:1px; left:1px;}
.input_del .ico_close_w{background-position:-40px -220px;}

.ui_select_link.align_right {display: flex; justify-content: flex-end; align-items: center;}
.ui_select_link.align_right .select_tit {margin: 0 6px 0 0;color: #000; font-family: 'TextMedium';}

/* validate */
.input_wrap[class*="_success"]:before,
.input_wrap[class*="_error"]:before{content:''; position:absolute; top:50%; right:20px; width:18px; height:18px; margin-top:-9px;}
.input_wrap[class*="success"]:before{background-image:url(../images/common/bg_input_valid.png);}
.input_wrap[class*="error"]:before{background-image:url(../images/common/bg_input_error.png);}
.input_wrap[class*="_success"] input{padding-right:50px;}
.input_wrap[class*="_error"] input{padding-right:50px; color:#f00; border-color:#f00;}
.input_wrap.validate_ignore:before{display:none;}
.validate_error textarea{border-color:#f00}
span.error{display:none !important;}
.input_wrap.js-text.validate_error:before,
.input_wrap.js-text.validate_success:before {margin-top:0; top:12px;}/* 2019-01-14 이지혜 : 문자 수(count-maxlength) 노출시 밸리데이션 아이콘 위치 조절 */
/* form checkbox, radio */
.check_wrap{position:relative;}
span.check_wrap{display:inline-block;}
.check_wrap>input{position:absolute; z-index: -1; width:13px; height:13px; padding:0;left: -9999em}
.check_wrap>input + label{display:inline-block; padding:0 5px 0 28px; line-height:20px; font-family:'TextMedium'; font-size:14px; color:#000; border:2px solid transparent; letter-spacing:-1px;}  /* 20180119 서수연, 디자인 요청으로 인한 폰트 사이즈 변경 */
.check_wrap>input + label:before{content:''; position:absolute; top:2px; left:2px;width:20px; height:20px; border:2px solid #767676;}
.check_wrap>input:checked + label:before{border-color:#006992;}
.check_wrap>input:disabled + label:before,
.check_wrap>input:disabled:checked + label:before{border-color:#cecdca;}
.check_wrap>input:disabled + label{color:#999; cursor:not-allowed;}
.check_wrap>input:focus + label{border-color:#7fcee1;}
.check_wrap>input[type="radio"] + label:before{border-radius: 50%;}
.check_wrap>input[type="radio"]:checked + label:after{content:''; position:absolute; top:8px; left:8px; width:8px; height:8px; background:#006992; border-radius: 50%;}
.check_wrap>input[type="radio"]:checked:disabled + label:after{background:#cecdca;}
.check_wrap>input[type="checkbox"]:checked + label:after{content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -140px;}
.check_wrap>input[type="checkbox"]:checked:disabled + label:after{background-position:-20px -140px;}
.check_wrap.hide_label>label{padding:0 0 0 20px; height:22px;}
.check_wrap.validate_error>input + label{color: #f00;}
.check_wrap.validate_error>input + label:before{border-color: #f00;}
/* form checkbox, radio 세로타입 */
.check_wrap_v {position:relative;}
span.check_wrap_v {display:inline-block;}
.check_wrap_v label {line-height:20px; font-family:'TextMedium'; color:#000;}
.check_wrap_v label:after {display:block; content:''; position:absolute; top:20px; left:50%; width:20px; height:30px; margin-left:-10px; z-index:1; /*background:rgba(0,0,0,.5);*/}
.check_wrap_v input + .input-icon {position:relative; display:block; width:20px; height:20px; margin:5px auto 0;}
.check_wrap_v input {position:absolute; top:0; left:50%; z-index:-1; width:20px; height:20px; margin-left:-10px; padding:0; } /* 190619 수정 */
.check_wrap_v input + .input-icon:before {content:''; position:absolute; top:0; left:50%; width:20px; height:20px; margin-left:-10px; border:2px solid #767676;}
.check_wrap_v input:checked + .input-icon:before {border-color:#006992;}
.check_wrap_v input:disabled + .input-icon:before {border-color:#cecdca;}
.check_wrap_v input[type="checkbox"]:checked + .input-icon:after {content:''; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px; background:url('../images/common/ico_pc_20.png') no-repeat 0 -140px; }
.check_wrap_v input[type="checkbox"]:disabled + .input-icon:after {background-position:-20px -140px;}
.check_wrap_v input[type="radio"] + .input-icon:before {border-radius:50%;}
.check_wrap_v input[type="radio"]:checked + .input-icon:after {content:''; position:absolute; top:50%; left:50%; width:8px; height:8px; margin:-4px 0 0 -4px; background:#006992; border-radius:50%;}
.check_wrap_v input[type="radio"]:disabled + .input-icon:after {background:#cecdca;}
/* button style input */
.input_button_wrap{position:relative; display:inline-block;}
.input_button_wrap>input{position:absolute; z-index: -1;}
.input_button_wrap>label{display:inline-block; min-width: 120px; height: 40px; font-size: 14px; text-align:center; background:#fff; color:#767676; white-space: nowrap; border:1px solid #fff;}
.input_button_wrap>input:checked + label{background:#002c5f; color:#fff; border-color:#002c5f; font-family: 'TextMedium';}
.input_button_wrap>input:focus + label{border-color:#002c5f;}
.input_button_wrap>input:checked:focus + label{border-color:#fff;}
.input_button_wrap>input:disabled + label{background:#eaeaea; border-color:#eaeaea; color:#999; cursor:not-allowed;}
.input_button_wrap>label:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.input_button_wrap + .input_button_wrap{margin-left:6px;}
.textarea{width:100%; border:1px solid #e4dcd3; padding:1em; -webkit-appearance:none; -webkit-border-radius:0;}
.count-maxlength { margin-top: 10px; text-align: right; font-size: 14px; float: right !important;} /*20180404 김기용: 우측 정렬 고정*/
.count-maxlength i { font-style: normal; }
.count-maxlength .max-count { color: #006992; }
@media screen and (max-width: 767px){
    .count-maxlength { font-size: 12px; }
}
/* toggle type checkbox */
.on_off_toggle{}

/* panel */
[class^="panel"]{padding:80px 30px;}
[class^="panel"][class*="_mo"]{padding:30px 0;}
[class^="panel"][class*="_white"]{background:#fff;}
[class^="panel"][class*="_gray"]{background:#f6f3f2;}
[class^="panel"][class*="_white"] + [class^="panel"][class*="_white"]{border-top:1px solid #e5e5e5;}
[class^="panel"][class*="_bordered"]{border:1px solid #ece6e0;}
[class^="panel"][class*="pd_sm"]{padding:30px;}
[class^="panel"][class*="pd_md"]{padding:60px 30px;}
[class^="panel"][class*="pd_lg"]{padding:80px 30px;}
.panel_notice{text-align: center;}
.panel_notice [class^="ico_"]{margin-bottom:20px;}
.panel_notice .notice_title{font-size:1.9em; line-height: 1.2;}
[class*="pd_"]>.panel_notice:first-child{padding-top:0;}

/* ul, bullet style */
[class^="list"]{}
[class^="list"]:after{content:''; display: block; clear: both;}
[class^="list"]>li{margin-top:5px; line-height:1.75;}
[class^="list"]>li:first-child{margin-top:0;}
[class^="list"] [class^="list"]{margin:5px 0 10px; font-size:0.9em;}
[class^="list"][class*="col_"]>li{float:left;}
[class^="list"].col_02>li{width:50%;}
[class^="list"].col_03>li{width:33.3%}
[class^="list"].col_04>li{width:25%;}
[class^="list"].col_05>li{width:20%;}
/* bullet, list bullet */
[class^="bullet_"],[class^="bullet_"],
[class*="_bullet"]>li{position:relative; padding-left:10px; text-align: left; }
[class^="bullet_"][class*="_dash"]:before,
[class*="_bullet"][class*="_dash"]>li:before{content:'- '; position:absolute; top:0; left:0;}
[class^="bullet_"][class*="_dot"]:before,
[class*="_bullet"][class*="_dot"]>li:before{content:'· '; position:absolute; top:0; left:0;}
[class^="bullet_"][class*="_1em"],
[class*="_bullet"][class*="_1em"]>li{padding-left:1.2em;}
[class^="bullet_"][class*="_1em"]:before,
[class*="_bullet"][class*="_1em"]>li:before{content:'※'; position:absolute; top:0; left:0;}
[class^="bullet_"][class*="_1emtext"],
[class*="_bullet"][class*="_1emtext"]>li{padding-left:0; margin-left:1em; text-indent:-1em;}
[class^="bullet_"][class*="_1emtext"]:before,
[class*="_bullet"][class*="_1emtext"]>li:before{display:none;}
[class^="bullet_"][class*="_1emtext"] *:not(i),
[class*="_bullet"][class*="_1emtext"]>li *:not(i) {margin-left:0; text-indent:0;}
[class*="_bullet"][class*="_1emtext"]>li .bullet_1emtext,
[class*="_bullet"][class*="_1emtext"]>li .list_bullet_1emtext > li {margin-left:1em; text-indent:-1em;}
[class^="bullet_"][class*="_star"]:before,
[class*="_bullet"][class*="_star"]>li:before{content:'*'; position:absolute; top:0; left:0;}
p[class^="bullet_"]{/*line-height:22px;*/ line-height:1.6em;}

/* bullet 마크 리스트 css 추가 */
.warning_mark li [class*="bullet_"]{ font-size: 14px; line-height: 1.8;}

/* 카카오톡 채널 추가 & 리스트 영역 반 */
.half-list {display:flex;}
.half-list-item{width:50%;}
.half-list-item-ul li {position:relative; margin-top:8px; padding-left: 10px;color:#000;}
.half-list-item-ul li:first-child {margin-top:0;}
.half-list-item-ul li p { line-height: 1.6em;}
.half-list-item-ul li::before { position:absolute;top:9px; left:0; width:4px; height:4px; border-radius:2px; background:#000; content:"";}
.half-list-item .channel-btn {display:block; position:relative; width:100%; padding:34px 100px 34px 120px; background:#f6f3f2;}
.half-list-item .channel-btn::before{position:absolute; top:50%; left:40px; width:50px; height:50px; background:url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/reservation/ulsan-customer-support-kakao-icon.png') no-repeat 0 0; background-size:cover; content:''; transform: translateY(-50%);}
.half-list-item .channel-btn::after{position:absolute; top:50%; right:40px; width:30px; height:30px; background:url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/reservation/ulsan-customer-support-kakao-button.png') no-repeat 0 0; background-size:cover; content:''; transform: translateY(-50%);}
.half-list-item .channel-btn .tit {display:block; font-size:20px; font-family: 'HeadMedium'; color:#000; letter-spacing: -1px;}
.half-list-item .channel-btn .txt {display:block; margin-top:10px; font-size:14px; color:#666;}
@media screen and (max-width: 767px){
  .half-list {display:block;}
  .half-list-item{width:100%; margin-top:40px;}
  .half-list-item .channel-btn { padding:27px 55px 27px 70px; background:#f6f3f2;}
  .half-list-item .channel-btn::before{  left:15px; width:40px; height:40px; }
  .half-list-item .channel-btn::after{ right:15px; width:25px; height:25px; }
  .half-list-item .channel-btn .tit {font-size:16px;}
}

/* margin */
.mt_0 {margin-top:0 !important;}

/* media query */
@media screen and (min-width: 1120px){
    /* 1024 이상 desktop  */
}
@media print, screen and (min-width: 768px){
    /* 768 이상 tablet & descktop  */
    .pc_br{display:block;}
    .mobile_only{display:none !important;}

    /* buttons  size */
    [class^="btn_"][class*="_md"]{min-width:120px; height:40px; font-size:14px;}
    [class^="btn_"][class*="_mdlg"]{min-width:140px;}
    [class^="btn_"][class*="_mdbig"]{min-width:255px;} /* 221028 add */
    [class^="btn_"][class*="_lg"]{min-width:180px; height:50px;}
    [class^="btn_"][class*="_sm"]{min-width:110px; height:36px; font-size:12px;}
    [class^="btn_"][class*="_xs"]{min-width:5.8em; height:2em; font-size:0.75em;}
    /* button etc */
    [class^="btn_"] + [class^="btn_"],
    [class^="btn_"] + .mobile_btn_set,
    .mobile_btn_set + .mobile_btn_set,
    .mobile_btn_set + [class^="btn_"]{margin-left:6px;}
    .mobile_btn_set .space{display:inline-block; width:3px;}

}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* tablet only */
    .tablet_br{display:block;}
    .pc_br{display:inline;}
    .hidden_tab{display: none;}
}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    body{font-size:14px;}
    table{font-size:12px; line-height:20px;}
    .mo_br{display:block;}
    .pc_br { display: none; } /* 20180105 정윤진, 모바일일 때 br 삭제 */

    /* 제목 & text 스타일 */
    .kv_title{padding-bottom:0; font-size:22px; line-height:30px;} /* 190626 수정 */
    .kv_title + p[class^="text"] > b {font-size:13px; line-height:19px;} /* 190626 추가 */
    .main_title{font-size:25px; line-height:35px;}
    .main_title + .regular_title {margin-top: 12px;}
    .kv_title small, .kv_title + .exp,
    .main_title small, .main_title + .exp{font-size:14px; line-height:22px;}
    .kv_title + p,  .main_title + p{padding-top:0.5em;}
    .sub_title{font-size:21px; line-height:29px;}
    .row_title{font-size:16px; line-height:24px;}
    p[class^="text"],
    pre[class^="text"]{line-height:22px;}
    p[class^="text"] small,
    pre[class^="text"] small{font-size:13px; line-height:21px;}
    .text_notice{padding-left:1.5em;}
    .text_notice [class^="ico_"]{top:2px;}
    .link span + [class^="ico_"],
    .link [class^="ico_"] + span{margin-left:5px;}
    .mo_tel {text-decoration:underline;color:#006992;} /* 200214 add */
    /* .text-em{text-decoration: underline; font-size: .85rem;} 230525 add */

    /* button size */
    [class^="btn_"][class*="_md"]{width:100%; height:40px;}
    [class^="btn_"][class*="_lg"]{width:100%; height:50px; font-size:15px;}
    [class^="btn_"][class*="_sm"]{min-width:100px; height:36px; font-size:13px;}
    [class^="btn_"][class*="_xs"]{min-width:55px; height:22px; font-size:11px; color:#000;}
    [class^="btn_"] + [class^="btn_"],
    [class^="btn_"] + .mobile_btn_set,
    .mobile_btn_set + .mobile_btn_set,
    .mobile_btn_set + [class^="btn_"]{margin-top:10px;}
    [class^="btn_"][class*="_sm"] + [class^="btn_"]{margin-top:0; margin-left:10px;}
    [class^="btn_"][class*="_xs"] + [class^="btn_"],
    [class^="btn_"][class*="_cir"] + [class^="btn_"]{margin-top:0;}
    /* mobile button set */
    .mobile_btn_set{display:table; width:100%;}
    .mobile_btn_set>*{display:table-cell !important;}
    .mobile_btn_set .input_button_wrap>label{min-width:auto; width:100%; border-color:#e4dcd3; border-left-color:#fff;}
    .mobile_btn_set>*:first-child .input_button_wrap>label{border-left-color:#fff;}
    .mobile_btn_set .space{width:10px;}
    .mobile_btn_set.ea_02>*:not(.space){width:49%;}
    .mobile_btn_set.ea_03>*:not(.space){width:32%;}
    .mobile_btn_set.ea_04>*:not(.space){width:25%;}

    /* btn set */
    [class$="_btns"]:after{content:''; display: block; clear: both;}
    [class$="_btns"] [class^="btn_"]{float:left; width:calc(50% - 5px); margin-top:0; padding:0;}
    [class$="_btns"] [class^="btn_"]:last-child{float:right;}
    [class$="_btns"] [class^="btn_"]:only-child{width:100%; margin-top:0;}

    /* mobile icon 32 */
    span + [class^="ico_"], [class^="ico_"] + span{margin-left:5px;}
    [class^="ico_"]{width:16px; height:16px; background-image:url(../images/common/ico_mobile_32.png); background-size:100%;}
    [class^="ico_"][class*="_w"]{background-image:url(../images/common/ico_mobile_32_w.png);}
    [class^="ico_"][class*="_nv"]{background-image:url(../images/common/ico_mobile_32_nv.png);}
    [class^="ico_"][class*="_sky"]{background-image:url(../images/common/ico_mobile_32_sky.png);}
    [class^="ico_"][class*="_log"]{background-position:0 0;}
    [class^="ico_"][class*="_set"]{background-position:0 -16px;}
    [class^="ico_"][class*="_lang"]{background-position:0 -32px;}
    [class^="ico_"][class*="_search"]{background-position:0 -48px;}
    [class^="ico_"][class*="_loc"]{background-position:0 -64px;}
    [class^="ico_"][class*="_close"]{background-position:0 -112px;}
    [class^="ico_"][class*="_down"]{width:16px; background-position:0 -192px;}
    [class^="ico_"][class*="_arr"]{width:16px; background-position:0 -160px;}
    [class^="ico_"][class*="_arr_up"]{width:16px; background-position:0 -128px;}
    [class^="ico_"][class$="arr_down"]{width:16px; background-position:0 -144px;}
    [class^="ico_"][class*="_next"]{background-position:0 -160px;}
    [class^="ico_"][class*="_prev"]{background-position:0 -176px;}
    [class^="ico_"][class*="_book"]{height:16px; background-position:0 -208px;}
    [class^="ico_"][class*="_share"]{background-position:0 -224px;}
    [class^="ico_"][class*="_link"]{width:16px; height:16px; background-position:0 -240px;}
    [class^="ico_"][class*="_refresh"]{background-position:0 -257px;}
    [class^="ico_"][class*="_tel"]{display:inline-block;background-position:0 -288px;} /* 200214 add */
    /* mobile icon 50 */
    [class^="ico_"][class*="_date"]{width:25px; height:25px; background-image:url(../images/common/ico_mobile_50.png); background-position:0 -165px;}
    /* etc icon */
    [class^="ico_"][class*="_exclam_cir"],
    [class^="ico_"][class*="_question_cir"]{background-image:url(../images/common/ico_mobile_32_w.png);  background-color:#767676;}
    [class^="ico_"][class*="_exclam_cir"]{background-position:0 -80px; border-radius: 100% !important;} /* 20180205 정윤진, !마크 라운드 처리 */
    [class^="ico_"][class*="_question_cir"]{background-position:0 -96px;}
    [class^="ico_"][class$="close_cir"]{border:1px solid #000; box-sizing:content-box;}
    [class^="ico_"][class*="_close_w_cir"]{background-color:#aaa7a3;}
    [class^="ico_"][class*="_menu"]{position:relative; width:16px; height:2px; margin-top:-2px; background:#000;}
    [class^="ico_"][class*="_menu"]:before,
    [class^="ico_"][class*="_menu"]:after{content:''; position:absolute; left:0; width:100%; height:2px; background:#000;
        -o-transition:.3s;
        -ms-transition:.3s;
        -moz-transition:.3s;
        -webkit-transition:.3s;
        transition:.3s;
    }
    [class^="ico_"][class*="_menu"]:before{top:-6px;}
    [class^="ico_"][class*="_menu"]:after{bottom:-6px;}
    .ico_opt{position:relative; width:3px; height:3px; margin-top:-2px; background:#000;}
    .ico_opt:before,
    .ico_opt:after{content:''; position:absolute; left:0; width:3px; height:3px; background:#000;}
    .ico_opt:before{top:-7px;}
    .ico_opt:after{top:7px;}
    .ico_lg_notice{width:40px; height:40px;}
    .ico_rss {background:url('../images/common/btn_rss.png') no-repeat 0 0;}
    /* panel */
    [class^="panel"],
    [class^="panel"][class*="pd_sm"],
    [class^="panel"][class*="pd_md"]{padding:30px 15px;}
    [class^="panel"][class*="pd_lg"]{padding:40px 15px;}
    [class^="panel"][class*="_mo"]{padding:30px 0;}
    [class^="panel"][class*="_mo"] + [class^="panel"][class*="_mo"]{border-top:1px solid #e5e5e5;}

    /* form element */
    .selectBox-dropdown{padding-left:10px;}
    .input_wrap .input_del{right:10px;}
    .input_wrap[class*="validate_"]:before{right:10px}
    .input_wrap[class*="validate_"] input{padding:0 30px 0 10px;}
    input.validate_success,
    input.validate_error{padding-right:30px; background-position:110% 50%;}
    .check_wrap>input + label{padding-left:25px; word-break: keep-all;}

    .panel_notice .notice_title{line-height: 1.3;}

    .ui_select_link.align_right {display: block;}
    .ui_select_link.align_right .select_tit {text-align: left !important; margin:0 0 10px 0;color: #000; font-family: 'TextMedium';}
    
}
@media screen and (max-width: 320px){
    /* 320 이하 mobile  */

    .selectBox-dropdown{padding-right:30px;}
    .selectBox-dropdown:after{right:15px;}

    input.validate_success,
    input.validate_error{background-position:130% 50%;}

}

.icon.support { display: inline-block; width: 11px; height: 10px; background:url('../images/common/ico_pc_20.png') no-repeat -3px -144px; }

/* 전체보기 버튼 */
@media (min-width: 768px) {
    .btn_md_toggle { min-width: 120px; }
}

/* Error */
.error_wrap {position:relative;height:630px;padding-top:90px;text-align:center;word-break:keep-all;}
.error_wrap .error_cont {position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.error_wrap h1 {font-size:58px;font-family:'HeadMedium';color:#000;}
.error_wrap .text {margin-top:20px;font-size:20px;font-family:'HeadRegular';color:#000;}
.error_wrap .button_wrap {margin-top:50px;padding:0;}

@media screen and (max-width: 767px) {
    .error_wrap {min-height:100%;padding:0;}
    .error_wrap .error_cont {padding:0 15px;}
    .error_wrap h1 {font-size:30px;line-height:35px;}
    .error_wrap .text {font-size:14px;line-height:19px;}
    .error_wrap .button_wrap {margin-top:30px;}
}
/* tablet & pc용 버튼정렬 */
@media (min-width: 768px) {
    .only_pc_right:after {clear:both; display:block; content:'';}
    .only_pc_right .pc_right {float:right;}
}

a:focus-visible,
button:focus-visible {
    /* overflow: hidden 속성이 있는 버튼의 경우 outline 보이지 않아 border 지정 */
    border: 1px solid #007fa8 !important;
    /* activeblue 컬러의 버튼인 경우 border 보이지 않아 outline 지정 */
    outline: 2px solid #000 !important;
}

    /* 220530 뱃지 아이콘 NEW 추가 */
    .badge-rect { position:absolute;top:10px;left:10px;z-index:2;display:inline-block;padding:2px 6px;font-size:12px;font-style:normal;} /*220608 edit*/
    .badge-rect.new {position: absolute; left: 10px; top: 10px;display: inline-block; margin:0 8px 0 0; padding: 4px 5px 2px; font-size: 11px; font-weight: 400; font-style: normal; letter-spacing: .02em; line-height: 1; border: 1px solid #007fa8; background-color: #fff; font-family: "HyundaiSansHeadKR"; color: #007fa8; z-index: 2;}
    .badge-rect.nline {position: static; display: flex; align-content: center; align-items: center; justify-content: center; z-index: 10; line-height: 18px; letter-spacing: -0.4px; padding: 0; font-family: "HyundaiSansTextKRR"; font-size: 15px; letter-spacing: -0.4px; color: #666666;}
    .badge-rect.nline i {width: 70px; height: 15px; background: url(https://stgwww.hyundai.com/static/images/model/common/btn_pip_n_line_logo.png) no-repeat; background-size: 100%; margin: 0 4px 0 0; }
    @media screen and (max-width: 767px) {
    .badge-rect { top:10px;left:10px;}
    .badge-rect.new {height: 16px; font-family: "HyundaiSansHeadKR"; font-weight: 400; font-size: 10px; line-height: 1; margin: 0 5px 0 0; display: inline-block; font-weight: 400; font-style: normal; padding: 2px 6px; letter-spacing: .02em; line-height: 1;}
    .badge-rect.nline i{width: 58px; height: 12px;}
    }
.flex-box {display:flex; justify-content: space-between;}
@media screen and (max-width: 767px){
	.flex-box {display:block;}
}

/* ============================ [ helper.css ] ============================ */
/* reset */
.reset { margin: 0; padding: 0; list-style: none; }
.reset li { margin: 0; padding: 0; }

/* sr */
.sr-only { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; text-indent: -9999px; z-index: -1; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; border: 0; color: transparent; font: 0/0 a; *height: 0; }

/* ir */
.ir { position: relative; display: inline-block; overflow: hidden; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0!important; word-break: keep-all; background-repeat: no-repeat; background-position: center center; }
.ir .em, .ir em { position: absolute; z-index: -1; visibility: hidden; text-indent: -1000px; }

/* icon */
.icon { position: relative; display: inline-block; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.icon em { position: absolute; z-index: -1; visibility: hidden; text-indent: -1000px; }

/* text */
.nowrap { white-space: nowrap; }
.text-overflow,
.ellipsis { display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* display */
.inline { display: inline; }
.inline-block { display: inline-block; }
.block { display: block; }
.none { display: none; }
.toggle { display: none; } /* toggle */
.toggle.active, .toggle.in { display: block; }
.toggle.in.policy_wrap2 {padding-top:60px;}

/* 약관 폰트 및 간격 기준 가이드 적용 */
.toggle.in.policy_wrap2 p {font-size: 14px; line-height: 20px; padding: 1px 0 10px;}
.toggle.in.policy_wrap2 p strong {line-height: 40px;}
/* .toggle.in.policy_wrap2 p strong {font-size: 15px;} */
.toggle.in.policy_wrap2 ol {font-size: 13px; line-height: 20px; padding: 1px 0 7px 14px; margin-left: 0;}
.toggle.in.policy_wrap2 ol li {padding: 0 0 10px 0;}
.toggle.in.policy_wrap2 ul {font-size: 13px; line-height: 20px; padding: 1px 0 7px 14px; margin-left: 0;}
.toggle.in.policy_wrap2 ul li {padding: 0 0 10px 0;}
.toggle.in.policy_wrap2 .num {padding: 1px 0 7px 0; font-size:14px;}
.toggle.in.policy_wrap2 .num_sub {margin-top:-16px; padding-left:30px;}

.toggle.in.policy_wrap2 table {border: 1px solid #e4dcd3;}
.toggle.in.policy_wrap2 table thead th {background: #002c5f; color: #fff; font-size:13px; font-weight: normal; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.toggle.in.policy_wrap2 table thead td {background: #002c5f; color: #fff; font-size:13px; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.toggle.in.policy_wrap2 table tbody th {background: #e4dcd3; color: #000; font-size:13px; font-weight: normal; border-bottom-color: #fff; border-left:1px solid #fff; border-right:1px solid #fff; padding:8px 15px;}
.toggle.in.policy_wrap2 table tbody td {background: #fff; color: #000; font-size:13px; border-bottom-color: #e4dcd3; padding:8px 15px; color: #626262; word-break: keep-all;}
.toggle.in.policy_wrap2 table tbody td a {color: #006992;}
/* 약관 폰트 및 간격 기준 가이드 적용 */

/* 간편 가입 회원 가입 약관 팝업 */
.layer_popup .policy_wrap p {font-size: 14px; line-height: 20px; padding: 1px 0 10px;}
.layer_popup .policy_wrap ol {font-size: 13px; line-height: 20px; padding: 1px 0 7px 14px; margin-left: 0;}
.layer_popup .policy_wrap ol li {padding: 0 0 10px 0;}
.layer_popup .policy_wrap ul {font-size: 13px; line-height: 20px; padding: 1px 0 7px 0; margin-left: 0;}
.layer_popup .policy_wrap ul li { margin-top: 10px; }
.layer_popup .policy_wrap ul li:first-child { margin-top: 0; }
.layer_popup .policy_wrap table {border: 1px solid #e4dcd3;}
.layer_popup .policy_wrap table thead th {background: #002c5f; color: #fff; font-size:13px; font-weight: normal; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.layer_popup .policy_wrap table thead td {background: #002c5f; color: #fff; font-size:13px; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.layer_popup .policy_wrap table tbody th {background: #e4dcd3; color: #000; font-size:13px; font-weight: normal; border-bottom-color: #fff; border-left:1px solid #fff; border-right:1px solid #fff; padding:8px 15px;}
.layer_popup .policy_wrap table tbody td {background: #fff; color: #000; font-size:13px; border-bottom-color: #e4dcd3; padding:8px 15px; color: #626262; word-break: keep-all;}
.layer_popup .policy_wrap table tbody td a {color: #006992;}

/* dynamic el */
.toggle-validate { display: none; color: #bf1d00 !important; font-size: 14px !important; } /* validate element */
.toggle-validate.active { display: block; clear: both; padding-top: 5px; }
.toggle-validate.active::before { content: ''; display: table; overflow: hidden; }
.toggle-validate.active-inline { display: inline-block; }

.pos-relative { position: relative; }
.pos-absolute { position: absolute; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* margin top */
.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-75 { margin-top: 75px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-85 { margin-top: 85px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-95 { margin-top: 95px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-120 { margin-top: 120px !important; }

@media (max-width: 767px) {
    .text-center-sm { text-align: center !important; }
    .text-left-sm { text-align: left !important; }
    .text-right-sm { text-align: right !important; }

    .mt-0-sm { margin-top: 0px !important; }
    .mt-5-sm { margin-top: 5px !important; }
    .mt-10-sm { margin-top: 10px !important; }
    .mt-15-sm { margin-top: 15px !important; }
    .mt-20-sm { margin-top: 20px !important; }
    .mt-25-sm { margin-top: 25px !important; }
    .mt-30-sm { margin-top: 30px !important; }
    .mt-35-sm { margin-top: 35px !important; }
    .mt-40-sm { margin-top: 40px !important; }
    .mt-45-sm { margin-top: 45px !important; }
    .mt-50-sm { margin-top: 50px !important; }
    .mt-55-sm { margin-top: 55px !important; }
    .mt-60-sm { margin-top: 60px !important; }
    .mt-65-sm { margin-top: 65px !important; }
    .mt-70-sm { margin-top: 70px !important; }
    .mt-75-sm { margin-top: 75px !important; }
    .mt-80-sm { margin-top: 80px !important; }
    .mt-85-sm { margin-top: 85px !important; }
    .mt-90-sm { margin-top: 90px !important; }
    .mt-95-sm { margin-top: 95px !important; }
    .mt-100-sm { margin-top: 100px !important; }
}
@media (min-width: 768px) {

    .text-center-md { text-align: center !important; }
    .text-left-md { text-align: left !important; }
    .text-right-md { text-align: right !important; }

    .mt-0-md { margin-top: 0px !important; }
    .mt-5-md { margin-top: 5px !important; }
    .mt-10-md { margin-top: 10px !important; }
    .mt-15-md { margin-top: 15px !important; }
    .mt-20-md { margin-top: 20px !important; }
    .mt-25-md { margin-top: 25px !important; }
    .mt-30-md { margin-top: 30px !important; }
    .mt-35-md { margin-top: 35px !important; }
    .mt-40-md { margin-top: 40px !important; }
    .mt-45-md { margin-top: 45px !important; }
    .mt-50-md { margin-top: 50px !important; }
    .mt-55-md { margin-top: 55px !important; }
    .mt-60-md { margin-top: 60px !important; }
    .mt-65-md { margin-top: 65px !important; }
    .mt-70-md { margin-top: 70px !important; }
    .mt-75-md { margin-top: 75px !important; }
    .mt-80-md { margin-top: 80px !important; }
    .mt-85-md { margin-top: 85px !important; }
    .mt-90-md { margin-top: 90px !important; }
    .mt-95-md { margin-top: 95px !important; }
    .mt-100-md { margin-top: 100px !important; }
}
@media (min-width: 1024px) {

    .text-center-lg { text-align: center !important; }
    .text-left-lg { text-align: left !important; }
    .text-right-lg { text-align: right !important; }

    .mt-0-lg { margin-top: 0px !important; }
    .mt-5-lg { margin-top: 5px !important; }
    .mt-10-lg { margin-top: 10px !important; }
    .mt-15-lg { margin-top: 15px !important; }
    .mt-20-lg { margin-top: 20px !important; }
    .mt-25-lg { margin-top: 25px !important; }
    .mt-30-lg { margin-top: 30px !important; }
    .mt-35-lg { margin-top: 35px !important; }
    .mt-40-lg { margin-top: 40px !important; }
    .mt-45-lg { margin-top: 45px !important; }
    .mt-50-lg { margin-top: 50px !important; }
    .mt-55-lg { margin-top: 55px !important; }
    .mt-60-lg { margin-top: 60px !important; }
    .mt-65-lg { margin-top: 65px !important; }
    .mt-70-lg { margin-top: 70px !important; }
    .mt-75-lg { margin-top: 75px !important; }
    .mt-80-lg { margin-top: 80px !important; }
    .mt-85-lg { margin-top: 85px !important; }
    .mt-90-lg { margin-top: 90px !important; }
    .mt-95-lg { margin-top: 95px !important; }
    .mt-100-lg { margin-top: 100px !important; }
    .mt-120-lg { margin-top: 120px !important; }
}
@media (max-width: 767px) {
    .mb-0-sm { margin-bottom: 0px !important; }
    .mb-5-sm { margin-bottom: 5px !important; }
    .mb-10-sm { margin-bottom: 10px !important; }
    .mb-15-sm { margin-bottom: 15px !important; }
    .mb-20-sm { margin-bottom: 20px !important; }
    .mb-25-sm { margin-bottom: 25px !important; }
    .mb-30-sm { margin-bottom: 30px !important; }
    .mb-35-sm { margin-bottom: 35px !important; }
    .mb-40-sm { margin-bottom: 40px !important; }
    .mb-45-sm { margin-bottom: 45px !important; }
    .mb-50-sm { margin-bottom: 50px !important; }
    .mb-55-sm { margin-bottom: 55px !important; }
    .mb-60-sm { margin-bottom: 60px !important; }
    .mb-65-sm { margin-bottom: 65px !important; }
    .mb-70-sm { margin-bottom: 70px !important; }
    .mb-75-sm { margin-bottom: 75px !important; }
    .mb-80-sm { margin-bottom: 80px !important; }
    .mb-85-sm { margin-bottom: 85px !important; }
    .mb-90-sm { margin-bottom: 90px !important; }
    .mb-95-sm { margin-bottom: 95px !important; }
    .mb-100-sm { margin-bottom: 100px !important; }
}
@media (min-width: 768px) {
    .mb-0-md { margin-bottom: 0px !important; }
    .mb-5-md { margin-bottom: 5px !important; }
    .mb-10-md { margin-bottom: 10px !important; }
    .mb-15-md { margin-bottom: 15px !important; }
    .mb-20-md { margin-bottom: 20px !important; }
    .mb-25-md { margin-bottom: 25px !important; }
    .mb-30-md { margin-bottom: 30px !important; }
    .mb-35-md { margin-bottom: 35px !important; }
    .mb-40-md { margin-bottom: 40px !important; }
    .mb-45-md { margin-bottom: 45px !important; }
    .mb-50-md { margin-bottom: 50px !important; }
    .mb-55-md { margin-bottom: 55px !important; }
    .mb-60-md { margin-bottom: 60px !important; }
    .mb-65-md { margin-bottom: 65px !important; }
    .mb-70-md { margin-bottom: 70px !important; }
    .mb-75-md { margin-bottom: 75px !important; }
    .mb-80-md { margin-bottom: 80px !important; }
    .mb-85-md { margin-bottom: 85px !important; }
    .mb-90-md { margin-bottom: 90px !important; }
    .mb-95-md { margin-bottom: 95px !important; }
    .mb-100-md { margin-bottom: 100px !important; }
}
@media (min-width: 1024px) {
    .mb-0-lg { margin-bottom: 0px !important; }
    .mb-5-lg { margin-bottom: 5px !important; }
    .mb-10-lg { margin-bottom: 10px !important; }
    .mb-15-lg { margin-bottom: 15px !important; }
    .mb-20-lg { margin-bottom: 20px !important; }
    .mb-25-lg { margin-bottom: 25px !important; }
    .mb-30-lg { margin-bottom: 30px !important; }
    .mb-35-lg { margin-bottom: 35px !important; }
    .mb-40-lg { margin-bottom: 40px !important; }
    .mb-45-lg { margin-bottom: 45px !important; }
    .mb-50-lg { margin-bottom: 50px !important; }
    .mb-55-lg { margin-bottom: 55px !important; }
    .mb-60-lg { margin-bottom: 60px !important; }
    .mb-65-lg { margin-bottom: 65px !important; }
    .mb-70-lg { margin-bottom: 70px !important; }
    .mb-75-lg { margin-bottom: 75px !important; }
    .mb-80-lg { margin-bottom: 80px !important; }
    .mb-85-lg { margin-bottom: 85px !important; }
    .mb-90-lg { margin-bottom: 90px !important; }
    .mb-95-lg { margin-bottom: 95px !important; }
    .mb-100-lg { margin-bottom: 100px !important; }
}

/* padding top */
.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-55 { padding-top: 55px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-65 { padding-top: 65px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-75 { padding-top: 75px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-85 { padding-top: 85px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-95 { padding-top: 95px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-120 { padding-top: 120px !important; }

@media (max-width: 767px) {
    .pt-0-sm { padding-top: 0px !important; }
    .pt-5-sm { padding-top: 5px !important; }
    .pt-10-sm { padding-top: 10px !important; }
    .pt-15-sm { padding-top: 15px !important; }
    .pt-20-sm { padding-top: 20px !important; }
    .pt-25-sm { padding-top: 25px !important; }
    .pt-30-sm { padding-top: 30px !important; }
    .pt-35-sm { padding-top: 35px !important; }
    .pt-40-sm { padding-top: 40px !important; }
    .pt-45-sm { padding-top: 45px !important; }
    .pt-50-sm { padding-top: 50px !important; }
    .pt-55-sm { padding-top: 55px !important; }
    .pt-60-sm { padding-top: 60px !important; }
    .pt-65-sm { padding-top: 65px !important; }
    .pt-70-sm { padding-top: 70px !important; }
    .pt-75-sm { padding-top: 75px !important; }
    .pt-80-sm { padding-top: 80px !important; }
    .pt-85-sm { padding-top: 85px !important; }
    .pt-90-sm { padding-top: 90px !important; }
    .pt-95-sm { padding-top: 95px !important; }
    .pt-100-sm { padding-top: 100px !important; }
}
@media (min-width: 768px) {
    .pt-0-md { padding-top: 0px !important; }
    .pt-5-md { padding-top: 5px !important; }
    .pt-10-md { padding-top: 10px !important; }
    .pt-15-md { padding-top: 15px !important; }
    .pt-20-md { padding-top: 20px !important; }
    .pt-25-md { padding-top: 25px !important; }
    .pt-30-md { padding-top: 30px !important; }
    .pt-35-md { padding-top: 35px !important; }
    .pt-40-md { padding-top: 40px !important; }
    .pt-45-md { padding-top: 45px !important; }
    .pt-50-md { padding-top: 50px !important; }
    .pt-55-md { padding-top: 55px !important; }
    .pt-60-md { padding-top: 60px !important; }
    .pt-65-md { padding-top: 65px !important; }
    .pt-70-md { padding-top: 70px !important; }
    .pt-75-md { padding-top: 75px !important; }
    .pt-80-md { padding-top: 80px !important; }
    .pt-85-md { padding-top: 85px !important; }
    .pt-90-md { padding-top: 90px !important; }
    .pt-95-md { padding-top: 95px !important; }
    .pt-100-md { padding-top: 100px !important; }
}
@media (min-width: 1024px) {
    .pt-0-lg { padding-top: 0px !important; }
    .pt-5-lg { padding-top: 5px !important; }
    .pt-10-lg { padding-top: 10px !important; }
    .pt-15-lg { padding-top: 15px !important; }
    .pt-20-lg { padding-top: 20px !important; }
    .pt-25-lg { padding-top: 25px !important; }
    .pt-30-lg { padding-top: 30px !important; }
    .pt-35-lg { padding-top: 35px !important; }
    .pt-40-lg { padding-top: 40px !important; }
    .pt-45-lg { padding-top: 45px !important; }
    .pt-50-lg { padding-top: 50px !important; }
    .pt-55-lg { padding-top: 55px !important; }
    .pt-60-lg { padding-top: 60px !important; }
    .pt-65-lg { padding-top: 65px !important; }
    .pt-70-lg { padding-top: 70px !important; }
    .pt-75-lg { padding-top: 75px !important; }
    .pt-80-lg { padding-top: 80px !important; }
    .pt-85-lg { padding-top: 85px !important; }
    .pt-90-lg { padding-top: 90px !important; }
    .pt-95-lg { padding-top: 95px !important; }
    .pt-100-lg { padding-top: 100px !important; }
    .pt-120-lg { padding-top: 120px !important; }
}
@media (max-width: 767px) {
    .pb-0-sm { padding-bottom: 0px !important; }
    .pb-5-sm { padding-bottom: 5px !important; }
    .pb-10-sm { padding-bottom: 10px !important; }
    .pb-15-sm { padding-bottom: 15px !important; }
    .pb-20-sm { padding-bottom: 20px !important; }
    .pb-25-sm { padding-bottom: 25px !important; }
    .pb-30-sm { padding-bottom: 30px !important; }
    .pb-35-sm { padding-bottom: 35px !important; }
    .pb-40-sm { padding-bottom: 40px !important; }
    .pb-45-sm { padding-bottom: 45px !important; }
    .pb-50-sm { padding-bottom: 50px !important; }
    .pb-55-sm { padding-bottom: 55px !important; }
    .pb-60-sm { padding-bottom: 60px !important; }
    .pb-65-sm { padding-bottom: 65px !important; }
    .pb-70-sm { padding-bottom: 70px !important; }
    .pb-75-sm { padding-bottom: 75px !important; }
    .pb-80-sm { padding-bottom: 80px !important; }
    .pb-85-sm { padding-bottom: 85px !important; }
    .pb-90-sm { padding-bottom: 90px !important; }
    .pb-95-sm { padding-bottom: 95px !important; }
    .pb-100-sm { padding-bottom: 100px !important; }
}
@media (min-width: 768px) {
    .pb-0-md { padding-bottom: 0px !important; }
    .pb-5-md { padding-bottom: 5px !important; }
    .pb-10-md { padding-bottom: 10px !important; }
    .pb-15-md { padding-bottom: 15px !important; }
    .pb-20-md { padding-bottom: 20px !important; }
    .pb-25-md { padding-bottom: 25px !important; }
    .pb-30-md { padding-bottom: 30px !important; }
    .pb-35-md { padding-bottom: 35px !important; }
    .pb-40-md { padding-bottom: 40px !important; }
    .pb-45-md { padding-bottom: 45px !important; }
    .pb-50-md { padding-bottom: 50px !important; }
    .pb-55-md { padding-bottom: 55px !important; }
    .pb-60-md { padding-bottom: 60px !important; }
    .pb-65-md { padding-bottom: 65px !important; }
    .pb-70-md { padding-bottom: 70px !important; }
    .pb-75-md { padding-bottom: 75px !important; }
    .pb-80-md { padding-bottom: 80px !important; }
    .pb-85-md { padding-bottom: 85px !important; }
    .pb-90-md { padding-bottom: 90px !important; }
    .pb-95-md { padding-bottom: 95px !important; }
    .pb-100-md { padding-bottom: 100px !important; }
}
@media (min-width: 1024px) {
    .pb-0-lg { padding-bottom: 0px !important; }
    .pb-5-lg { padding-bottom: 5px !important; }
    .pb-10-lg { padding-bottom: 10px !important; }
    .pb-15-lg { padding-bottom: 15px !important; }
    .pb-20-lg { padding-bottom: 20px !important; }
    .pb-25-lg { padding-bottom: 25px !important; }
    .pb-30-lg { padding-bottom: 30px !important; }
    .pb-35-lg { padding-bottom: 35px !important; }
    .pb-40-lg { padding-bottom: 40px !important; }
    .pb-45-lg { padding-bottom: 45px !important; }
    .pb-50-lg { padding-bottom: 50px !important; }
    .pb-55-lg { padding-bottom: 55px !important; }
    .pb-60-lg { padding-bottom: 60px !important; }
    .pb-65-lg { padding-bottom: 65px !important; }
    .pb-70-lg { padding-bottom: 70px !important; }
    .pb-75-lg { padding-bottom: 75px !important; }
    .pb-80-lg { padding-bottom: 80px !important; }
    .pb-85-lg { padding-bottom: 85px !important; }
    .pb-90-lg { padding-bottom: 90px !important; }
    .pb-95-lg { padding-bottom: 95px !important; }
    .pb-100-lg { padding-bottom: 100px !important; }
    .pb-120-lg { padding-bottom: 100px !important; }
}

/* grid system */

.container, .clearfix, .clear, .grid {
    clear: both;
    *zoom: 1;
}

.container::before, .clearfix::before, .clear::before, .grid::before, .container::after, .clearfix::after, .clear::after, .grid::after {
    content: " ";
    display: table;
}

.container::after, .clearfix::after, .clear::after, .grid::after {
    clear: both;
}

.container.is-bg-gray { background-color: #f6f3f2; }

.clear-both {
    clear: both;
    *zoom: 1;
}

.clear-after {
    *zoom: 1;
}

.clear-after::after {
    content: "";
    display: table;
    clear: both;
}

.grid-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.grid-flex [class*='col-'] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid .col, .grid [class*='col-'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.grid [class*='is-col-'] {
    float: none !important;
}

.grid .col-1-2 {
    width: 50%;
}

.grid .col-1-3 {
    width: 33.33333333%;
}

.grid .col-2-3 {
    width: 66.66666667%;
}

.grid .col-1-4 {
    width: 25%;
}

.grid .col-3-4 {
    width: 75%;
}

.grid .col-1-5 {
    width: 20%;
}

.grid .col-1-8 {
    width: 12.5%;
}

.grid .col-2-5 {
    width: 40%;
}

.grid .col-3-5 {
    width: 60%;
}

.grid .col-4-5 {
    width: 80%;
}

.grid .col-1-6 {
    width: 16.66666667%;
}

.grid .col-4-6 {
    width: 66.66666667%;
}

.grid .col-1-10 {
    width: 10%;
}

.grid .col-1-12 {
    width: 8.33333333%;
}

.grid .col-2-12 {
    width: 16.66666667%;
}

.grid .col-3-12 {
    width: 25%;
}

.grid .col-4-12 {
    width: 33.33333333%;
}

.grid .col-5-12 {
    width: 41.66666667%;
}

.grid .col-6-12 {
    width: 50%;
}

.grid .col-7-12 {
    width: 58.33333333%;
}

.grid .col-8-12 {
    width: 66.66666667%;
}

.grid .col-9-12 {
    width: 75%;
}

.grid .col-10-12 {
    width: 83.33333333%;
}

.grid .col-11-12 {
    width: 91.66666667%;
}

.grid .col-1-1, .grid .col-12-12 {
    width: 100%;
    float: none;
}

.pull-right {
    float: right !important;
}

@media (max-width: 767px) {
    .clear-sm, .grid-sm {
        clear: both;
        *zoom: 1;
    }
    .clear-sm::before, .grid-sm::before, .clear-sm::after, .grid-sm::after {
        content: " ";
        display: table;
    }
    .clear-sm::after, .grid-sm::after {
        clear: both;
    }
    .clear-both-sm {
        clear: both;
        *zoom: 1;
    }
    .clear-after-sm {
        *zoom: 1;
    }
    .clear-after-sm::after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-sm [class*='col-'] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col, .grid [class*='col-'] {
        float: left;
    }
    .grid .col-1-2-sm {
        width: 50%;
    }
    .grid .col-1-3-sm {
        width: 33.33333333%;
    }
    .grid .col-2-3-sm {
        width: 66.66666667%;
    }
    .grid .col-1-5-sm {
        width: 20%;
    }
    .grid .col-2-5-sm {
        width: 40%;
    }
    .grid .col-3-5-sm {
        width: 60%;
    }
    .grid .col-4-5-sm {
        width: 80%;
    }
    .grid .col-1-6-sm {
        width: 16.66666667%;
    }
    .grid .col-1-10-sm {
        width: 10%;
    }
    .grid .col-1-12-sm {
        width: 8.33333333%;
    }
    .grid .col-2-12-sm {
        width: 16.66666667%;
    }
    .grid .col-3-12-sm {
        width: 25%;
    }
    .grid .col-4-12-sm {
        width: 33.33333333%;
    }
    .grid .col-5-12-sm {
        width: 41.66666667%;
    }
    .grid .col-6-12-sm {
        width: 50%;
    }
    .grid .col-7-12-sm {
        width: 58.33333333%;
    }
    .grid .col-8-12-sm {
        width: 66.66666667%;
    }
    .grid .col-9-12-sm {
        width: 75%;
    }
    .grid .col-10-12-sm {
        width: 83.33333333%;
    }
    .grid .col-11-12-sm {
        width: 91.66666667%;
    }
    .grid .col-1-1-sm, .grid .col-12-12-sm {
        width: 100%;
        float: none;
    }
    .table-sm {
        display: table;
    }
    .table-sm .col {
        display: table-cell;
        float: none;
    }
}

@media (min-width: 768px) {
    .clear-md, .grid-md {
        clear: both;
        *zoom: 1;
    }
    .clear-md::before, .grid-md::before, .clear-md::after, .grid-md::after {
        content: " ";
        display: table;
    }
    .clear-md::after, .grid-md::after {
        clear: both;
    }
    .clear-both-md {
        clear: both;
        *zoom: 1;
    }
    .clear-after-md {
        *zoom: 1;
    }
    .clear-after-md::after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-md [class*='col-'] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col, .grid [class*='col-'] {
        float: left;
    }
    .grid .col-1-2-md {
        width: 50%;
    }
    .grid .col-1-2-md:nth-child(2n+1) {
        clear: left;
    }
    .grid .col-1-3-md {
        width: 33.33333333%;
    }
    .grid .col-1-3-md:nth-child(3n+1) {
        clear: left;
    }
    .grid .col-2-3-md {
        width: 66.66666667%;
    }
    .grid .col-1-4-md {
        width: 25%;
    }
    .grid .col-1-5-md {
        width: 20%;
    }
    .grid .col-2-5-md {
        width: 40%;
    }
    .grid .col-3-5-md {
        width: 60%;
    }
    .grid .col-4-5-md {
        width: 80%;
    }
    .grid .col-1-6-md {
        width: 16.66666667%;
    }
    .grid .col-1-10-md {
        width: 10%;
    }
    .grid .col-1-12-md {
        width: 8.33333333%;
    }
    .grid .col-2-12-md {
        width: 16.66666667%;
    }
    .grid .col-3-12-md {
        width: 25%;
    }
    .grid .col-4-12-md {
        width: 33.33333333%;
    }
    .grid .col-5-12-md {
        width: 41.66666667%;
    }
    .grid .col-6-12-md {
        width: 50%;
    }
    .grid .col-7-12-md {
        width: 58.33333333%;
    }
    .grid .col-8-12-md {
        width: 66.66666667%;
    }
    .grid .col-9-12-md {
        width: 75%;
    }
    .grid .col-10-12-md {
        width: 83.33333333%;
    }
    .grid .col-11-12-md {
        width: 91.66666667%;
    }
    .grid .col-1-1-md, .grid .col-12-12-md {
        width: 100%;
        float: none;
    }
    .table-md {
        display: table;
        width: 100%;
    }
    .table-md > .col,
    .table-md > div > .col {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
    }
}

@media (min-width: 1024px) {
    .clear-lg, .grid-lg {
        clear: both;
        *zoom: 1;
    }
    .clear-lg::before, .grid-lg::before, .clear-lg::after, .grid-lg::after {
        content: " ";
        display: table;
    }
    .clear-lg::after, .grid-lg::after {
        clear: both;
    }
    .clear-both-lg {
        clear: both;
        *zoom: 1;
    }
    .clear-after-lg {
        *zoom: 1;
    }
    .clear-after-lg::after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-lg [class*='col-'] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col, .grid [class*='col-'] {
        float: left;
    }
    .grid .col-1-2-lg {
        width: 50%;
    }
    .grid .col-1-3-lg {
        width: 33.33333333%;
    }
    .grid .col-1-3-lg:nth-child(3n+1) {
        clear: left;
    }
    .grid .col-1-4-lg {
        width: 25%;
    }
    .grid .col-2-4-lg {
        width: 50%;
    }
    .grid .col-3-4-lg {
        width: 75%;
    }
    .grid .col-2-3-lg {
        width: 66.66666667%;
    }
    .grid .col-1-5-lg {
        width: 20%;
    }
    .grid .col-2-5-lg {
        width: 40%;
    }
    .grid .col-3-5-lg {
        width: 60%;
    }
    .grid .col-4-5-lg {
        width: 80%;
    }
    .grid .col-1-6-lg {
        width: 16.66666667%;
    }
    .grid .col-2-6-lg {
        width: 33.33333333%;
    }
    .grid .col-3-6-lg {
        width: 50%;
    }
    .grid .col-4-6-lg {
        width: 66.66666667%;
    }
    .grid .col-1-7-lg {
        width: 14.28571429%;
    }
    .grid .col-2-7-lg {
        width: 28.57142857%;
    }
    .grid .col-4-7-lg {
        width: 57.14285714%;
    }
    .grid .col-5-7-lg {
        width: 71.42857143%;
    }
    .grid .col-1-8-lg {
        width: 12.5%;
    }
    .grid .col-2-8-lg {
        width: 25%;
    }
    .grid .col-1-10-lg {
        width: 10%;
    }
    .grid .col-1-12-lg {
        width: 8.33333333%;
    }
    .grid .col-2-12-lg {
        width: 16.66666667%;
    }
    .grid .col-3-12-lg {
        width: 25%;
    }
    .grid .col-4-12-lg {
        width: 33.33333333%;
    }
    .grid .col-5-12-lg {
        width: 41.66666667%;
    }
    .grid .col-6-12-lg {
        width: 50%;
    }
    .grid .col-7-12-lg {
        width: 58.33333333%;
    }
    .grid .col-8-12-lg {
        width: 66.66666667%;
    }
    .grid .col-9-12-lg {
        width: 75%;
    }
    .grid .col-10-12-lg {
        width: 83.33333333%;
    }
    .grid .col-11-12-lg {
        width: 91.66666667%;
    }
    .grid .col-1-1-lg, .grid .col-12-12-lg {
        width: 100%;
        float: none;
    }
    .table-lg {
        display: table;
        width: 100%;
    }
    .table-lg > .col,
    .table-lg > div > .col {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
    }
}

@media (min-width: 1024px) {
    .clear-xl, .grid-xl {
        clear: both;
        *zoom: 1;
    }
    .clear-xl::before, .grid-xl::before, .clear-xl::after, .grid-xl::after {
        content: " ";
        display: table;
    }
    .clear-xl::after, .grid-xl::after {
        clear: both;
    }
    .clear-both-xl {
        clear: both;
        *zoom: 1;
    }
    .clear-after-xl {
        *zoom: 1;
    }
    .clear-after-xl::after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-xl [class*='col-'] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col, .grid [class*='col-'] {
        float: left;
    }
    .grid .col-1-2-xl {
        width: 50%;
    }
    .grid .col-1-3-xl {
        width: 33.33333333%;
    }
    .grid .col-2-3-xl {
        width: 66.66666667%;
    }
    .grid .col-1-5-xl {
        width: 20%;
    }
    .grid .col-2-5-xl {
        width: 40%;
    }
    .grid .col-3-5-xl {
        width: 60%;
    }
    .grid .col-4-5-xl {
        width: 80%;
    }
    .grid .col-1-6-xl {
        width: 16.66666667%;
    }
    .grid .col-1-10-xl {
        width: 10%;
    }
    .grid .col-1-12-xl {
        width: 8.33333333%;
    }
    .grid .col-2-12-xl {
        width: 16.66666667%;
    }
    .grid .col-3-12-xl {
        width: 25%;
    }
    .grid .col-4-12-xl {
        width: 33.33333333%;
    }
    .grid .col-5-12-xl {
        width: 41.66666667%;
    }
    .grid .col-6-12-xl {
        width: 50%;
    }
    .grid .col-7-12-xl {
        width: 58.33333333%;
    }
    .grid .col-8-12-xl {
        width: 66.66666667%;
    }
    .grid .col-9-12-xl {
        width: 75%;
    }
    .grid .col-10-12-xl {
        width: 83.33333333%;
    }
    .grid .col-11-12-xl {
        width: 91.66666667%;
    }
    .grid .col-1-1-xl, .grid .col-12-12-xl {
        width: 100%;
        float: none;
    }
    .table-xl {
        display: table;
    }
    .table-xl .col {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

/* input */
@media (min-width: 768px) {
    .input_wrap > input.large {
        max-width: 70%;
    }
}

/* 2단 레이아웃 정렬수정 200805 장미 add*/
@media (max-width: 767px) {
    .grid .col-1-2:nth-child(2n+1){
        display:block;
        clear:both; 
        content:''
    }
}
 
/* 임시 slider 추후 수정 */
.csm-slider { position: relative; overflow: hidden; }
.csm-slider .nav { position: absolute; top: 50%; display: inline-block; margin-top: -22px; }
.csm-slider .nav .icon { display: inline-block; width: 44px; height: 44px; }
.csm-slider .nav.prev { left: 0; }
.csm-slider .nav.next { right: 0; }
.csm-slider .nav.prev .icon { background-image: url('../images/common/icon_slider_prev.png'); }
.csm-slider .nav.next .icon { background-image: url('../images/common/icon_slider_next.png'); }
.csm-slider .pager { margin-top: 25px; text-align: center; }
.csm-slider .pager a { display: inline-block; }
.csm-slider .pager span { display: inline-block; margin: 4px; width: 12px; height: 12px; box-sizing: border-box; background-color: #fff; border: 1px rgba(0, 0, 0, .5) solid; border-radius: 50%; }
.csm-slider .pager a.active span { background-color: #006992; border-color: #006992; }

/* ============================ [ layout.css ] ============================ */

/* skip navigation */
#accessbility{position:absolute;top:-10em;left:0;width:100%;z-index:100000}
#accessbility a{display:block;position:absolute;top:0;left:0;background:#1c1b1b;width:100%;padding:1em 0;color:#fff;text-align:center;z-index:100000}
#accessbility a:focus{top:10em; color:#fff !important;text-decoration:none}
/* 공통 wrapper */
.hmc_wrapper{}
/* 공통 header */
.hmc_header{}
.hmc_header>.inner_wrap{width:100%; background:#fff;}
/* 공통 container 높이값은 임시 */
.hmc_container{position: relative; width:100%; background:#f6f3f2;}/*200504 edit*/

/* 마이 페이지 영역은 구조 달라 영역 포지션 다르게 적용*/
#myConsult {position: relative;}
#myConsult .hmc_container {position: static;}

/* 20180202 함은주, GNB열렸을때 스크롤현상 방어 */
.hmc_container.slide_open {position:fixed;}

/* spa, templet base 용 section*/
.hmc_container [class^="section"]{width:100%;}
    [class^="section"][class*="_div"]{border-top:1px solid #e5e5e5;}
    [class^="section"].pd_sm{padding:40px 0;}
    [class^="section"].pd_md{padding:60px 0;}
    [class^="section"].pd_lg{padding:80px 0;}
    [class^="section"].pd_xl{padding:120px 0;}

/* 공통 loading */
.loading{text-align:center;}
.loading_dimmed{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index: 200; background-color: rgba(0, 0, 0, 0.6);}
.loading_dimmed .icon{position:absolute; top:50%; left:0; width:100%; margin-top:-68px; text-align:center; color:#fff; text-align:center;}
.loading_dimmed .icon img{-webkit-animation:rotate 1s linear infinite; animation:rotate 1s linear infinite;}
@keyframes rotate{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
.loading_dimmed .icon span{display:block; padding-top:40px;}
:root .loading_dimmed .icon img{display:none \0/IE9;}

/* 공통 footer */
.hmc_footer{width:100%; background:#1c1b1b; font-size:13px; color:#999;}
    .footer_logo{width:58px; height:31px; background:url(../images/common/img_logo_w.png) no-repeat;}
    .footer_menu a strong {color:#fff;}
.hmc_footer .sns_link{width:100%; margin-bottom:12px;}
    .link_group .sns_link:after{content:''; display: block; clear:both;}
    .link_group .sns_link li{float:left; margin-left:10px;}
    .link_group .sns_link li:first-child{margin-left:0;}
    .link_group .sns_link [class^="ico_"]{width:30px; height:32px; background-image:url('../images/common/ico_sns_60_opacity.png?ver=20180322') !important; background-size:100%;}/* 2018-03-22 이지혜 : 이미지 캐시삭제 */

    .link_group .sns_link [class^="ico_"][class*="_twitter"]{background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_social.png") !important; background-size:100%; background-position:0 -120px;}
    .link_group .sns_link [class^="ico_"][class*="_instagram"]{background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_social.png") !important; background-size:100%; background-position:0 -150px;}
    .link_group .sns_link [class^="ico_"][class*="_google"]{background-position:0 -64px;}
    .link_group .sns_link [class^="ico_"][class*="_naverpost"]{background-position:0 -94px;}/* 2018-03-22 이지혜 : 네이버포스트 추가 */
.hmc_footer .family_site{position:relative;}
.hmc_footer .family_site button{position:relative; width:100%; height:30px; padding:0 1em; border:1px solid #676767; text-align:left;}
.hmc_footer .family_site button:after{content:''; position:absolute; top:50%; right:1em; width:0; height:0; margin-top:-2px; border:4px solid transparent; border-top-color:#676767;}
.hmc_footer .family_site button.on:after{margin-top:-6px; border-top-color:transparent; border-bottom-color:#676767;}
.hmc_footer .family_site ul{display:none; position:absolute; bottom:100%; left:0; right:0; z-index: 1; padding:10px 0; background:#1c1b1b; border:1px solid #676767; border-bottom:0;}
.hmc_footer .family_site ul li a{display:block; height:30px; padding:0 1em;}
.hmc_footer .family_site ul li a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.hmc_footer .family_site button.on + ul{display:block;}
/*.hmc_footer .mark_list>li{position:relative; padding-left:50px; font-size:12px; line-height:18px;}
    .mark_list>li:before{content:''; position:absolute; left:0; width:35px; height:30px; background:url(../images/common/img_pc_mark.png) no-repeat;}
    .mark_list .m1:before{width:34px; background-position:5px 0}
    .mark_list .m2:before{width:36px; background-position:-34px 0;}
    .mark_list .m3:before{background-position:-70px 0;}
    .mark_list .m4:before{background-position:-105px 0;}
    .mark_list .m5:before{background-position:-140px 0;}
    .mark_list .m6:before{background-position:0 -30px;}
    .mark_list .m7:before{background-position:-35px -30px;}
    .mark_list .m8:before{background-position:-70px -30px;}
    .mark_list .m9:before{width:40px; background-position:-105px -30px;}
    .mark_list + .mark_list{margin-top:10px;}*/

.hmc_footer .mark_list {}
.hmc_footer .mark_list:after {display:block;clear:both;content:'';}
.hmc_footer .mark_list li {position:relative;float:left;width:20%;min-height:51px;margin-top:18px;padding:0 10px 0 48px;font-size:12px;line-height:18px;word-break:keep-all;}
.hmc_footer .mark_list li .img_wrap {position:absolute;top:0;left:0;}
.hmc_footer .mark_list li:first-child,
.hmc_footer .mark_list li:nth-child(2),
.hmc_footer .mark_list li:nth-child(3),
.hmc_footer .mark_list li:nth-child(4),
.hmc_footer .mark_list li:nth-child(5) {margin-top:0;}
.hmc_footer .mark_list li:nth-child(6) {margin-top:18px;}

/*
.gnb ul.d4 {display:none;}
.gnb ul.d4 li ~ li {margin-top:9px;}
.gnb ul.d4 li.selected a,
.gnb ul.d4 li a:hover {color:#006992;}
.gnb ul.d4 li a {position:relative;color:#7d7d7d;}
*/
.gnb a.d3.external,
.gnb a.d4.external {padding-right:22px;}
.gnb a.d3.external:after,
.gnb a.d4.external:after {display:inline-block;width:9px;height:9px;margin-left:13px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/ico_external_link.png') no-repeat left top;vertical-align:-1px;content:'';}

/* media query */
@media print, screen and (min-width: 1024px){
    /* desktop  */
    .mobile_tablet_only {display:none;}
    .hmc_header .aside>li{margin-left:20px !important;}

    .footer_menu .tablet_br + a{position:relative; display:block; padding-left:25px;}
    .footer_menu .tablet_br + a:before{content:''; position:absolute; top:2px; left:12px; width:1px; height:10px; background:#444;}
}

@media (max-width: 767px) {
    /*.gnb li.d3 a.external::after {
        content: ''; display: inline-block; margin-left: 5px; width: 18px; height: 18px; background: url('../images/common/external_link.gif') right center no-repeat; background-size: 18px 18px; vertical-align: middle;
    }*/ /* 외부링크 */
}

@media print, screen and (min-width: 768px){
    /* 768 tablet 이상 desktop  */

    /*  header */
    .hmc_header>.inner_wrap{position:relative; z-index:100; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
    .hmc_header .header_wrap{width:100%; max-width:1120px; margin:0 auto;}
    .hmc_header .header_top_menu{width:100%; font-size:12px; border-bottom:1px solid #efefef;}
    .hmc_header .header_top_menu>div{width:100%; max-width:1120px; height:39px; margin:0 auto;}
    .hmc_header .header_top_menu>div>ul{float:right; padding:14px 0;}
    .hmc_header .header_top_menu>div>ul>li{position:relative; float:left;}
    .hmc_header .header_top_menu>div>ul>li + li{border-left:1px solid #e5e5e5;}
    .hmc_header .header_top_menu>div>ul>li>button,
    .hmc_header .header_top_menu>div>ul>li>a{display:block; padding:0 14px; font-size:12px; color:#767676; font-family:'HeadRegular'} /* 190530 수정 : 폰트변경 */
        .header_top_menu .select_lang{position:relative; border:0; margin-right:14px;}
        .header_top_menu .select_lang:after{content: ''; position:absolute; top:50%; right:0; width: 0; height: 0; margin-top: -3px;  border: 3px solid transparent; border-top-color: #000;}
        .header_top_menu .lang_wrap{display:none; position:absolute; top:25px; left:0; z-index: 1; width:100%; min-height: 1em; background:#fff; border:1px solid #eee; border-top:0;}
        .header_top_menu .lang_wrap>ul{padding:5px 0;}
        .header_top_menu .lang_wrap a{display:block; height:30px; text-align:center;}
        .header_top_menu .lang_wrap a:before{content:''; display:inline-block; width:0; height:100%; vertical-align: middle;}
        .header_top_menu .btn_search{padding-right:18px !important;}
        .header_top_menu .btn_search [class^="ico"]{position:absolute; top:-1px; right:0; width:14px; height:14px; opacity:.5;}
    .hmc_header .wrap{width:100%; height:70px; max-width:1120px; margin:0 auto;}
    .hmc_header h1,
    .hmc_header .logo {float:left;}
    .hmc_header h1 a,
    .hmc_header .logo a{overflow:hidden; display:block; width:149px; height:0; padding-top:70px; background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo.png') no-repeat; line-height:70px;}

    .hmc_header .logo.pyeongchang {width:124px;height:65px;margin-bottom:5px;padding-top:5px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo-text.png') no-repeat center bottom;}
    .hmc_header .logo.pyeongchang:after {display:block;clear:both;content:'';}
    .hmc_header .logo.pyeongchang a {float:left;width:66px;height:46px;padding-top:0;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo-pyeongchang01.png') no-repeat left 7px;line-height:inherit;}
    .hmc_header .logo.pyeongchang a + a {width:57px;border-left:1px solid #d0d0d0;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo-pyeongchang02.png') no-repeat 9px top;}
    /* gnb */
    .hmc_header nav{padding:0 0 0 170px;}
    .hmc_header nav .bar{
        position:absolute; bottom:0; left:20%; width:100px; height:4px; background:#006992; opacity:0;
        -webkit-transition: left 400ms ease, width 400ms ease, opacity 400ms ease;
        -moz-transition: left 400ms ease, width 400ms ease, opacity 400ms ease;
        -o-transition: left 400ms ease, width 400ms ease, opacity 400ms ease;
        transition: left 400ms ease, width 400ms ease, opacity 400ms ease;
    }
    .hmc_header .gnb{display:table; width:100%; max-width:700px; margin:0 auto; font-size:14px;}
    .hmc_header .gnb>li{display:table-cell;padding:0 20px;}
    .hmc_header .gnb>li>button,
    .hmc_header .gnb>li>.button {width:100%; height:70px; text-align: center; font-family:'HeadRegular'; border:0; vertical-align: middle; } /* 190530 수정 : 폰트변경 */
    .hmc_header .gnb>li>a{font-family:'HeadRegular';} /* 190530 수정 : 폰트변경 */
    .hmc_header .gnb>li.selected>button,
    .hmc_header .gnb>li.selected>.button {color:#000;}
    .hmc_header .gnb>li.selected>button:after{width:100%;}
        .gnb>li>div{display:none; background-color: #fff;}


    /* layout gnb 관련 원본, 추후 주석처리 구간 */
    /* .gnb .selected .sub_menu{display:block; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
    .gnb .sub_menu{position:absolute; top:110px; left:0; width:100%; background-color:#fff; border-top:1px solid #efefef; overflow:hidden;}
    .gnb .sub_menu>div{position:relative; width:100%; max-width:1120px; margin:0 auto;}
    .gnb .sub_menu .ui_close{position:absolute; top:28px; right:0; width:24px; height:24px;}
    .gnb .sub_menu ul{width:25%; padding:25px 0;}
    .gnb .sub_menu ul ul{display:none; position:absolute; top:0; left:25%;}
    .gnb .sub_menu ul ul ul{display:none; left:100%; width:100%;}
    .gnb .sub_menu li a{position:relative; display:block; padding:12px 0;}
    .gnb .sub_menu .sub>a:after,
    .gnb .sub_menu .selected>a:after{content:'\203A'; position:absolute; top:50%; right:15%; margin-top:-7px; font-size:16px;}
    .gnb .sub_menu .selected>a{color:#006992; font-weight:bold;}
    .gnb .sub_menu .selected>a + ul{display:block;} */
    /* - layout gnb 관련 원본, 추후 주석처리 구간 */

    /* 240222 다국어 catalog  */
    .global-catalog .hmc_header .inner_wrap .header_top_menu {display:flex; justify-content:flex-end; position:absolute; top:50%; left:50%; width:100%; max-width:1120px; height:auto; border-bottom:none; transform:translate(-50%, -50%); pointer-events:none;}
    .global-catalog .hmc_header .inner_wrap .header_top_menu > div {display:inline-block; width:auto; margin:0; pointer-events:initial;}
    .global-catalog .hmc_header .inner_wrap .header_wrap .logo {float:none;}
    .global-catalog .breadcrumb {display:none;}
    .world-wide {width:100%; }
    .world-wide a{display:block; width:100%; height:40px; padding:0 1em; background:#002c5f; font-family: 'TextMedium'; color:#fff; line-height:40px; text-align:center;}

    /* 신규작업 */
    .gnb .selected .sub_menu{display:block; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
    .gnb .sub_menu {position:absolute; top:112px; left:0; width:100%; background-color:#fff; border-top:1px solid #efefef; overflow:hidden;}
    .gnb .sub_menu>div{position:relative; width:100%; max-width:1120px; margin:0 auto;}
    .sub_menu .ui_close{position:absolute; top:28px; right:0; width:24px; height:24px;}

    .gnb .container { text-align: center; }
    .gnb .wrapper { margin: 0 auto; max-width: 1120px; text-align: left; }
    .gnb li a.letterS {letter-spacing:-0.05em;}
    .gnb li.d1 > button,
    .gnb li.d1 > .button { font-size: 16px; }

    .gnb ul.d2 { clear: both; overflow: hidden; padding-top: 12px; padding-bottom: 40px; line-height: 1.4; }
    .gnb ul.d2::before,
    .gnb ul.d2::after { content: ''; display: table; overflow: hidden; }
    .gnb li.d2 { float: left; width: 20%; }
    .gnb ul.d2 li {}

    .gnb li.d2:nth-child(5n+1) { clear: left; }

    .gnb li.d2.ntn-child-6,
    .gnb li.d2.ntn-child-11 { clear: left; }

    .gnb a.d2 { display: block; padding: 17px 0 17px; font-size: 16px; color: #000; font-family: 'HeadMedium'; font-weight: normal; line-height: 1.2; } /* 190530 수정 : 폰트변경 */
    .gnb a.d3 { position:relative;display: inline-block; padding: 7.5px 0 7px; font-size: 14px; color:  #626262; font-family:'HeadRegular'; font-weight: normal; line-height: 1.2; } /* 190530 수정 : 폰트변경 */
    /*.gnb a.d3.depth4:after {display:inline-block;width:11px;height:11px;margin-left:10px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/icon_depth.png') no-repeat left -11px;vertical-align:-1px;content:'';}
    .gnb a.d3.depth4.on:after {background-position:left top;}
    .gnb a.d3.depth4.on + ul.d4 {display:block;}*/

    .gnb a.d4 { display: inline-block; padding:0; font-size: 14px; color: #7d7d7d; }
    .gnb a.d5 { display: block; padding: 4px 0 4px; font-size: 13px; color:  #626262; font-family:'HeadRegular'; } /* 190530 수정 : 폰트변경 */

    .gnb a.d2:hover,
    .gnb a.d3:hover,
    .gnb a.d4:hover,
    .gnb a.d5:hover { color: #006992; }

    .gnb a.d3.selected,
    .gnb a.d4.selected,
    .gnb a.d5.selected { color: #006992; }

    .gnb ul.d3 { margin-top: -3px; padding-bottom: 12px; }
    .gnb ul.d4 { display:none; margin: 8px 0 14px; }
    .gnb ul.d4 li ~ li {margin-top:9px;}
    .gnb ul.d5 { display: none; padding: 0 0 10px; }
    .gnb ul.d5.in { display: block; }
    .gnb li.d5 {
        padding-left: 30px;
        background-image: url('../images/common/ding-gnb-d5.gif');
        background-position: 6px center;
        background-repeat: no-repeat;
    }

    .gnb ul.d3 > .sub > a.more:after {display:inline-block;width:11px;height:11px;margin-left:10px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/icon_depth.png') no-repeat left -11px;vertical-align:-1px;content:'';}
    .gnb ul.d3 > .sub > a.more .sr_only.close {display: none;}
    .gnb ul.d3 > .sub.selected > a.more .sr_only.open {display: none;}
    .gnb ul.d3 > .sub.selected > a.more .sr_only.close {display: block;}
    .gnb ul.d3 > .sub.selected > a.d3 {color:#006992;}
    .gnb ul.d3 > .sub.selected > a:after {background-position:left top;}
    .gnb ul.d3 > .sub.selected ul.d4 {display:block;}

    .gnb li.d4 a.more .icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-image: url('../images/common/ding-gnb-d5-more-off.gif'); }
    /*.gnb li.d3 a.external::after { content: ''; display: inline-block; margin-left: 5px; width: 18px; height: 18px; background: url('../images/common/external_link.gif') right center no-repeat; background-size: 18px 18px; vertical-align: middle; }*/ /* 외부링크 */

    /*
    .gnb li.d1.nth-child-3 li.d2.nth-child-1 { width: 100%; }
    .gnb li.d1.nth-child-3 li.d2.nth-child-1 li.d3 { float: left; width: 25%; }

    .gnb li.d1.nth-child-3 li.d2.nth-child-1 li.d3:nth-child(4n+1) { clear: left; }
    .gnb li.d1.nth-child-3 li.d2.nth-child-1 li.d3.nth-child-5 { clear: left; }
    .gnb li.d1.nth-child-3 li.d2.nth-child-1 li.d3.nth-child-9 { clear: left; }
    .gnb li.d1.nth-child-3 li.d2:nth-child(4n+1) { clear: none; float: left; } */
    /* 신규 작업 끝 */

    .gnb .find_car{position:relative; width:100%; margin-top:20px; padding-top:40px;}
    .gnb .find_car dt{position:absolute; top:0; width:135px;}
    .gnb .find_car dt:first-child{left:0;}
    .gnb .find_car dt:nth-of-type(2){left:135px;}
    .gnb .find_car dt:nth-of-type(3){left:270px;}
    .gnb .find_car dt:nth-of-type(4){left:405px;}
    .gnb .find_car dt:nth-of-type(5){left:540px;}
    .gnb .find_car dt:nth-of-type(6){left:675px; border-left:1px solid #fff;}
    .gnb .find_car dt:nth-of-type(7){left:810px; border-left:1px solid #fff;}
    .gnb .find_car dt:nth-of-type(7) .btn_link {background:#fff; color:#626262;} /* 190530 수정 */
    .gnb .find_car dt:nth-of-type(8){left:945px; border-left:1px solid #fff;}
    .gnb .find_car dt>*{display:block; width:100%; height:40px; color:#fff; font-family:'HeadRegular'; font-size:16px; text-align:center; padding:0;} /* 190530 수정 : 폰트변경 */ /* font-size: 16px;*/
    .gnb .find_car dt>a:after{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
    .gnb .find_car dt>button{background:#444;}
    .gnb .find_car dt.on button{background:#fff; color:#000; transition:.5s;}
    .gnb .find_car .btn_view_all{padding:0; background:#002c5f;}
    .gnb .find_car .btn_link{background:#fff; color:#626262;}  /* 190530 수정 */
    .gnb .find_car dd{display:none;}
    .gnb .find_car dt.on + dd{display:block;}
    .gnb .find_car ul{width:100%;}
    .gnb .find_car ul:after{content:''; display: block; clear: both;}
    .gnb .find_car li{float:left; width:20%; text-align:center;}
    .gnb .find_car li a{display:block; padding:0 15px; font-family:'HeadMedium'; font-size:16px;} /* 190530 수정 : 폰트변경 */
    .gnb .find_car li a:hover:after{display:none;}
    .gnb .find_car li a img{width:160px;}
    .gnb .find_car li span{display:block; height:3em; padding-top:1em; font-size:14px;}
    .gnb .find_car dl + p{position:relative; border-top:1px solid #e4dcd3; padding:28.5px 50px; font-size:16px; font-family:'HeadRegular';} /* 190530 수정 : 폰트변경 */
    .gnb .find_car + .ui_close{top:8px;}


    /* 20171231 박순길, find a car 보강 */
    .gnb .find_car ul { padding-top: 50px; padding-bottom: 26px; }
    .gnb .find_car li { padding-bottom: 24px; }
    .gnb .find_car li a img { width: 160px; height: 86px; }

    /* search form */
    .hmc_header .search_form{display:none; position:absolute; z-index:101; width:100%; height:90px; background:#f2f2f2; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); transition:.3s;}
    .hmc_header .search_form>div{position:relative; width:100%; max-width:1120px; margin:0 auto;}
    .hmc_header .search_form [class^="ui_search_01"]{max-width:570px; margin:20px auto;}
    .hmc_header .search_form input[type="text"]{color:#000; font-size:20px;}
    .hmc_header .search_form .placeholder{font-size:20px;}
    .hmc_header .search_form .datalist>li:first-child{border-top:1px solid #063162;}
    .hmc_header .search_form .ico_search{background-position:-40px -40px;}
    .hmc_header .search_form .ui_close{position:absolute; top:0; right:0; transition:.3s;}
    .hmc_header .search_form.on{display:block;}

    .breadcrumb{position:absolute; top:0; left:0; right:0; z-index: 1;}
    .breadcrumb>div{position: relative; overflow:hidden; width:100%; height:90px; max-width:1120px; margin:0 auto; font-size:13px; color:#000;}
    .breadcrumb>div:before{content:''; display: inline-block; width:0; height:100%; margin-top:2px; vertical-align: middle;}
    .breadcrumb .current{font-family:'HeadMedium';}
    .breadcrumb>div>*{display:inline-block;}
    .breadcrumb>div>* + *{position:relative; padding-left:27px;}
    .breadcrumb>div>* + *:before{content:''; position:absolute; /* top:0; 20180205 정윤진, 블릿 위치 변경 */ top: 1px; left:12px; width:6px; height:12px; background:url(../images/common/ico_pc_20.png) no-repeat -40px -160px;}
    .breadcrumb .utill { position: absolute; top: 50%; right: 0; margin-top: -9px; }
    .breadcrumb .utill::before { display: none; }
    .breadcrumb .sns_share {position:absolute;top:50%;right:0;padding-left:0;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
    .breadcrumb .sns_share:before {display:none;}
    @media screen and (max-width: 1023px){
        .breadcrumb .utill { display: none; }
    }

    /* footer */
    .hmc_footer .mark_wrap {margin-top:40px;padding:41px 0 40px;border-top:1px solid rgba(142,141,141,0.1)}

    .hmc_footer .wrap{width:100%; max-width:1120px; margin:0 auto; padding-top:58px;}
    .hmc_footer .wrap>div{position:relative; width:100%;}
    .hmc_footer .wrap>div:after{content:''; display: block; clear:both;}
    .hmc_footer .wrap>div:first-child>*{float:left;}
        .footer_menu_wrap{width:calc((100% - 60px) - 4%); margin-left:4%; padding-right:200px;}
        .footer_menu{width:100%;}
        .footer_menu:after{content:''; display: block; clear:both;}
        .footer_menu a{float:left; padding-bottom:12px;}
        .footer_menu a + a{position:relative; padding-left:25px;}
        .footer_menu a + a:before{content:''; position:absolute; top:2px; left:12px; width:1px; height:10px; background:#444;}
    .hmc_footer .service_center { margin-bottom:10px; font-size:12px; clear:left;}
    .hmc_footer .cscenter dt, .hmc_footer .cscenter dd {display: inline;}
    .hmc_footer .copyright{font-size:12px;}
    .hmc_footer .link_group{position:absolute; top:-7px; right:0; float:right;}

    /*.hmc_footer .mark_wrap{display:table; width:100%; table-layout:fixed; margin-top:40px; padding:30px 0 40px; border-top:1px solid #282727;}
    .hmc_footer .mark_list{float:none !important; display:table-row;}
    .hmc_footer .mark_list>li{display:table-cell; padding-top:10px;}
        .mark_list>li:before{top:10px;}*/

    .floating_menu{display:none;}
    .hmc_footer.main_footer {padding-left:100px;}
}
@media screen and (max-width: 1200px){
    .hmc_footer.main_footer {padding-left:0;}
}
@media screen and (max-width: 1024px){
    .gnb ul.d3 > .sub > a:after {margin-left:2px;}
}
@media screen and (min-width: 915px){
    .footer_menu a:nth-child(9){clear:both; padding-left:0;}
    .footer_menu a:nth-child(9):before{display:none;}
}
@media screen and (min-width: 840px) and (max-width: 914px){
    .footer_menu a:nth-child(8){clear:both; padding-left:0;}
    .footer_menu a:nth-child(8):before{display:none;}
}
@media screen and (min-width: 768px) and (max-width: 839px){
    .footer_menu a:nth-child(7),
    .footer_menu a:nth-child(11){clear:both; padding-left:0;}
    .footer_menu a:nth-child(7):before,
    .footer_menu a:nth-child(11):before{display:none;}
}
@media screen and (min-width: 768px) and (max-width: 1120px){
    /* header*/
    .header_top_menu,
    .hmc_header .header_wrap,
    .hmc_footer .wrap>div{padding-left:10px !important; padding-right:10px !important;}
    .search_form .ui_close,
    .hmc_footer .link_group,
    .sub_menu .ui_close{right:10px !important;}

    .sub_menu>div,
    .breadcrumb{padding:0 15px;}
}
@media screen and (min-width: 768px) and (max-width: 1119px){
    /* 1120 미만 desktop & 태블릿   */

     /* gnb */
    .gnb .find_car dt{width:11.5%;}
    .gnb .find_car dt:nth-of-type(2){left:11.5%;}
    .gnb .find_car dt:nth-of-type(3){left:23%;}
    .gnb .find_car dt:nth-of-type(4){left:34.5%;}
    .gnb .find_car dt:nth-of-type(5){left:46%;}
    .gnb .find_car dt:nth-of-type(6){left:57.5%; width:12.5%;}
    .gnb .find_car dt:nth-of-type(7){left:70%; width:12.5%;}
    .gnb .find_car dt:nth-of-type(8){left:82.5%; width:12.5%;}
    .gnb .find_car + .ui_close{right:8px;}
    .sub_menu>div>ul{margin-left:15px;}

    [class^="section"].pd_sm{padding:40px 15px;}
    [class^="section"].pd_lg{padding:80px 15px;}
    [class^="section"].pd_md{padding:60px 15px;}
    [class^="section"].pd_xl{padding:120px 15px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* 768 ~ 1023 미만 tablet_only   */
    .tablet_only{display:block;}
    .pc_only2{display:none !important;}

    .hmc_footer .mark_list>li{font-size:11px;}
    .hmc_footer .mark_list li:nth-child(6) {margin-top:0;}
}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    .mobile_only{display:block;}
    .tablet_only{display:none !important;}
    .pc_only{display:none !important;}
    .pc_only2{display:none !important;}

    /* header */
    .hmc_header{}
    .hmc_header>.inner_wrap{position:relative; z-index:100; width:100%;}
    .hmc_header .header_wrap{width:100%; height:55px;}
    .hmc_header .logo a{position:absolute; top:0; left:0; z-index:101; overflow:hidden; display:block; width:65px; height:0; padding-top:55px; background:url(../images/common/h1_logo_m.png) 0 50%; background-size:100%; line-height:55px;}
    .hmc_header .logo:before{content:''; position:absolute; top:0; left:0; right:0; z-index:1; height:55px; background:#fff;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);}
    .hmc_header .logo a + a {}
    .hmc_header .logo.pyeongchang {position:relative;height:55px;}
    .hmc_header .logo.pyeongchang:after {position:absolute;bottom:10px;left:40px;display:block;width:22px;height:3px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo-text-m.png') no-repeat left top;background-size:100%;z-index:1;content:'';}
    .hmc_header .logo.pyeongchang a {position:relative;float:left;width:53px;height:55px;padding-left:15px;background:none;}
    .hmc_header .logo.pyeongchang a:before {position:absolute;top:15px;left:15px;display:block;width:33px;height:18px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo-pyeongchang01-m.png') no-repeat left top;background-size:100%;content:'';}
    .hmc_header .logo.pyeongchang a + a {width:49px;}
    .hmc_header .logo.pyeongchang a + a:before {position:absolute;top:13px;left:5px;display:block;width:28px;height:24px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/h1-logo-pyeongchang02-m.png') no-repeat left top;background-size:100%;content:'';}
    .hmc_header .logo.pyeongchang a + a:after {position:absolute;top:10px;left:0;bottom:18px;width:1px;background:#dcdcdc;content:'';}

    /* s: 240222 다국어 catalog  */
    .global-catalog .hmc_header .inner_wrap .header_top_menu {display:flex; align-items: center; position:absolute; right:10px; z-index:10; height:100%;}
    .global-catalog .hmc_header .inner_wrap .header_top_menu>div>ul>li {display:none; position:relative;}
    .global-catalog .hmc_header .inner_wrap .header_top_menu>div>ul>li.lang_menu {display:block;}
    .global-catalog .hmc_header .inner_wrap .header_top_menu .select_lang {position:relative; padding:3px 14px; border:none; font-size:12px; font-family:'HeadRegular'; color:#767676;}
    .global-catalog .hmc_header .inner_wrap .header_top_menu .select_lang:after{content: ''; position:absolute; top:50%; right:0; width: 0; height: 0; margin-top: -3px;  border: 3px solid transparent; border-top-color: #000;}
    .global-catalog .inner_wrap .header_top_menu .lang_wrap {display:none; position:absolute; width: 100%;min-height: 1em;background: #fff;border: 1px solid #eee;border-top: 0;}
    .global-catalog .inner_wrap .header_top_menu .lang_wrap > ul {padding:8px 0;}
    .global-catalog .inner_wrap .header_top_menu .lang_wrap > ul a {display:block; padding:8px 0; font-size:12px; font-family:'HeadRegular'; text-align:center;}
    
    /* mobile gnb */
    .hmc_header .gnb_wrap{display:none; position:fixed; top:55px; left:0; right:0; bottom:0; z-index:1;}
    /* 20180202 함은주, ios 스크롤링터치 추가 */
    .hmc_header nav{overflow-x:auto; float:right; width:90%; height:100%; background:#f6f3f2; -webkit-overflow-scrolling: touch;}
    .hmc_header nav .bar{display:none;}
    .hmc_header nav>ul{width:100%;}
        .site_menu{display:table; background:#002c5f;}
        .site_menu>li{position:relative; display:table-cell; }
        .site_menu>li>*{position:relative; display:block; width:100%; padding:15px 5px; font-family:'HeadRegular'; font-size:12px; color:#fff; text-align:center;} /* 190530 수정 : 폰트변경 */
        .site_menu>li>a:before{content:''; display:inline-block; width:0; height:100%; vertical-align: middle;}
        .site_menu>li>a:after{content:''; position:absolute; top:50%; right:0; width:1px; height:1em; margin-top:-0.5em; background:#fff; opacity:.5;}
        .site_menu .select_lang{padding-right:15px;}
        .site_menu .select_lang:after{content: ''; position:absolute; top:50%; right:10px; width: 0; height: 0; margin-top: -3px;  border: 4px solid transparent; border-top-color: #fff;}
        .site_menu .lang_wrap{display:none; position:absolute; top:100%; z-index: 1; width:100%; padding:10px 0; background:#002c5f; color:#000; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);}
    .site_menu .lang_wrap a{display:block; height:30px; text-align:center; color:#fff;}
    .site_menu .lang_wrap a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
    .hmc_header .gnb{background:#fff; border-top:1px solid #cfcfcf;}
    .hmc_header .gnb li>div{display:none;}
    .hmc_header .gnb li.selected>div{display:block; background:#f5f5f5;}
    .hmc_header .gnb a,
        .gnb button,
    .hmc_header .aside li>*{position:relative; display:block; width:100%; padding:20px 15px; border-bottom:1px solid #e8e8e8; text-align:left; font-family:'HeadMedium'; font-size:15px;} /* 190530 수정 : 폰트변경 */
    .hmc_header .gnb>li>button,
    .hmc_header .gnb>li>a{font-family:'HeadRegular'; color:#000;} /* 190530 수정 : 폰트변경 */
    .hmc_header .gnb>li>button:after{content:'\002B'; position:absolute; top:50%; right:15px; display:inline-block; width:23px; height:23px; margin-top:-11.5px; font-size:1.7em; border:1px solid #000; border-radius:50%; text-align:center; line-height:0.9em;}
    .hmc_header .gnb .selected>a,
    .hmc_header .gnb .selected>button,
        .gnb .find_car dt.on *{color:#006992;}
    .hmc_header .gnb>li.selected>button:after{content:'\2212'; border-color:#006992;}
    .hmc_header .sub_menu>div{padding:0;}
        .gnb .find_car dt>*{color: #626262; font-family:'HeadMedium'} /* 190530 수정 */
        .gnb .find_car .btn_view_all{background:#002c5f; color:#fff;}
        .gnb .find_car .btn_link{position:relative; background:#fff; font-family:'HeadRegular'; color:#000;} /* 190530 수정 */
        .gnb .find_car .btn_link .ico_link_gy{position:absolute; top:50%; right:16px; margin-top:-8px;} /* 190530 수정 : 클래스명 수정 ico_link_w */
        .gnb .find_car dt:nth-of-type(7) .btn_link {background:#fff;} /* 190530 수정 */
        .gnb .find_car dd{display:none;}
        .gnb .find_car dt.on + dd{display:block; border-bottom:1px solid #e8e8e8;}
        .gnb .find_car ul{width:100%; padding:1em 0;}
        .gnb .find_car ul:after{content:''; display: block; clear: both;}
        .gnb .find_car li{float:left; width:50%; padding:0 1em;}
        .gnb .find_car li>a{padding:0; border-bottom:0; text-align: center;}
        .gnb .find_car span{display:block; height:4em; padding-top:1em; font-family:'HeadMedium'; color:#000;} /* 210910 edit */ /* 190530 수정 : 폰트변경 */
        .gnb .find_car p{display:none;}
        .gnb .find_car dt,
    .hmc_header .sub_menu li.sub { position: relative; }
        .gnb .find_car dt .more ,
    .hmc_header .sub_menu li.sub .more { position:absolute; top: 0; right: 0; width: 54px; height:56px; }
        .gnb .find_car dt .more .icon ,
    .hmc_header .sub_menu li.sub .more .icon { position:absolute; top:50%; left: 50%; width:0; height:0; margin: -3px 0 0 -3px; border-top:6px solid #000; border-left:5px solid transparent; border-right:5px solid transparent;}
        .gnb .find_car dt.on .more .icon,
    .hmc_header .sub_menu li.sub.selected> .more .icon{ transform: rotate(180deg); border-top-color: #006992; }
        .gnb .sub_menu ul ul{display:none; margin:0 15px;}
        .gnb .sub_menu .selected>a + ul{display:block;}
        .gnb .sub_menu ul ul ul{margin:0; padding:10px 20px; border-bottom:1px solid #e8e8e8;}
        .gnb .sub_menu ul ul ul a{padding:15px; border-bottom:0; color: #626262;}
        .sub_menu .ui_close{display:none;}

        .gnb a.d3 { position:relative;display: inline-block; padding: 7.5px 0 7px; font-size: 14px; color:  #626262; font-family:'HeadRegular'; font-weight: normal; line-height: 1.2; } /* 190530 수정 : 폰트변경 */
        .gnb ul.d3 > .sub > a:after {display:none;}
        .gnb .sub_menu li.d3.selected >a + ul {display:none;}

    /* mobile gnb slide animation */
    .hmc_header.open{padding-top:55px;}
    .hmc_header.open>.inner_wrap{position:fixed; top:0; left:0; z-index:100; background:#fff;}
    .hmc_header.open .page_title,
    .hmc_header.open .btn_quick_menu{position:fixed;}
    .hmc_header .gnb_wrap{
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: background-color 400ms ease;
        -moz-transition: background-color 400ms ease;
        -o-transition: background-color 400ms ease;
        transition: background-color 400ms ease;
    }
    .hmc_header.slide_open .gnb_wrap{
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-transition: background-color 400ms ease;
        -moz-transition: background-color 400ms ease;
        -o-transition: background-color 400ms ease;
        transition: background-color 400ms ease;
    }
    .hmc_header .gnb_wrap nav{
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 400ms ease;
        -moz-transition: -moz-transform 400ms ease;
        -o-transition: -o-transform 400ms ease;
        transition: transform 400ms ease;
    }
    .hmc_header.slide_open .gnb_wrap nav {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform 400ms ease;
        -moz-transition: -moz-transform 400ms ease;
        -o-transition: -o-transform 400ms ease;
        transition: transform 400ms ease;
    }
    .hmc_header .header_wrap>[class^="btn_"]{position:absolute; top:14px; z-index: 100; width:27px; height:27px; padding:0; border:0; text-align: center;}
    .hmc_header .btn_mobile_menu{right:10px;}
    .hmc_header .btn_search{position:absolute; top:14px; right:41px; z-index:101; width:27px; height:27px; padding:0; border:0;}
    .hmc_header.open .btn_mobile_menu .ico_menu{width:20px; height:20px; margin-top:0; background:transparent;}
    .hmc_header.open .btn_mobile_menu .ico_menu:before{top:45%;
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .hmc_header.open .btn_mobile_menu .ico_menu:after{bottom:45%;
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }

    /* search form */
    .search_form{position:absolute; top:55px; left:0; right:0; bottom:0; z-index: 101; display:none; background:rgba(0, 0, 0, 0.6);}
    .search_form.on{display:block;}
    .search_form [class^="ui_search"]>div{padding:10px !important; background:#006992; color:#fff;}
    .search_form [class^="ui_search"] input[type="text"]{width:calc(100% - 30px); padding:0 4px; color:#fff; border-bottom:1px solid #fff; -webkit-appearance: none;-webkit-border-radius: 0;}
    .search_form [class^="ui_search"] .placeholder{color:#fff;}
    .search_form [class^="ui_search"] .btn_search{right:3px;}
    .search_form [class^="ui_search"] .ico_search{margin-top:-4px; background-image:url(../images/common/ico_mobile_32_w.png);}
    .search_form [class^="ui_search"] .input_del{right:46px; width:16px; height:16px; background:#66cce4;}
    .search_form .ui_close{position:absolute; top:-48px; right:3px; z-index:2; width:40px; height:40px; background:#fff;}
    .search_form .datalist{padding-bottom:0 !important;}
    .search_form .datalist li{border-top:1px solid #ebebeb;}
    .search_form .datalist li:first-child{border:0; padding-top:0 !important;}
    .search_form .header_search input[type="text"] {padding-right:30px;}
    .search_form .header_search input[type="text"]::-webkit-input-placeholder { color: #fff; }
    .search_form .header_search input[type="text"]::-moz-placeholder { color: #fff; }
    .search_form .header_search input[type="text"]::-ms-input-placeholder { color: #fff; }
    .search_form .header_search input[type="text"]:-moz-placeholder { color: #fff; }
    .search_form .header_search input[type="text"]:placeholder { color: #fff; }

    /* quick menu */
    .btn_quick_menu{position:absolute; top:14px; right:66px;z-index: 100; width:27px; height:27px; padding:0; border:0; text-align: center;}
    .quick_menu{display:none; position:absolute; top:75px; right:15px; z-index:100; padding:5px 0; width:190px; background:#fff; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);}
    .quick_menu:before{content:''; position:absolute; top:-15px; left:59%; width:25px; height:15px; background:url(../images/common/ico_mobile_50.png) no-repeat 0 -210px; background-size:100%;}
    .quick_menu li a{position:relative; display:block; height:45px; padding:0 15px; font-family:'HeadRegular'; font-size:16px; color:#000;} /* 190530 수정 : 폰트변경 */
    .quick_menu li a:before{content:''; display:inline-block; width:0; height:100%; vertical-align: middle;}
    .quick_menu li a:after{content:''; position:absolute; top:50%; right:6px; width:25px; height:20px; margin-top:-10px; background:url(../images/common/ico_mobile_50.png) no-repeat 0 -190px; background-size:100%;}
    #quick_menu.on{display:block;}

    /* menu layer */
    .page_title{position:absolute; top:0; z-index:100; overflow:hidden; width:calc(100% - 203px); margin:0 100px 0 103px;}
    .page_title button,
    .page_title .button {position:relative; overflow:hidden; display:block; max-width:100%; height:55px; padding-right:20px; margin:0 auto; text-align:center; font-size:16px; text-overflow: ellipsis; white-space: nowrap; font-family:'HeadMedium'; color:#000; vertical-align: middle; }
    .page_title button:after {content:''; position:absolute; top:50%; right:0; width:0; height:0; margin-top:-2px; vertical-align: middle; border:5px solid transparent; border-top-color:#000;}
    .page_title.on button:after{margin-top:-7px; border-top-color:transparent; border-bottom-color:#000;}
    .page_title .button { line-height: 55px; }
    .page_title .button,
    .page_title.is-no-sub button { padding-right: 0; } /* 서브 없는 경우 */
    .page_title .button::after,
    .page_title.is-no-sub button::after { display: none; }

    .menu_layer{display:none; position:absolute; top:55px; left:0; right:0; bottom:0; z-index:100; background:rgba(0, 0, 0, 0.6);}
    .menu_layer.on{display:block;}
    .menu_layer ul{width:100%; padding:0 15px; background:#fff; border-top:1px solid #e8e8e8;}
    .menu_layer li{border-top:1px solid #e8e8e8;}
    .menu_layer li:first-child{border:0;}
    .menu_layer li>*:not(ul){display:block; width:100%; padding:20px 15px; font-size:15px; text-align:left;}
    .menu_layer li>*:not(ul).selected{color:#006992; font-family:'TextMedium'}
    .menu_layer li>button{position:relative; padding-right:20px;}
    .menu_layer li>button:after{content:''; position:absolute; top:50%; right:15px; width:0; height:0; margin-top:-2px; vertical-align: middle; border:5px solid transparent; border-top-color:#000;}
    .menu_layer li>button.selected:after{margin-top:-7.5px; border-top-color:transparent; border-bottom-color:#006992;}
    .menu_layer li ul{display:none;}
    .menu_layer .selected + ul{display:block;}

    [class^="section"].pd_sm{padding:30px 15px;}
    [class^="section"].pd_md{padding:40px 15px;}
    [class^="section"].pd_lg{padding:50px 15px;}
    [class^="section"].pd_xl{padding:60px 15px;}
    [class^="section"][class*="_mo"]+[class^="section"][class*="_mo"]{border-top:1px solid #e5e5e5;}

    /* mobile floating menu */
    .floating_menu{
        display:block; position:fixed; left:0; right:0; bottom:-55px; z-index: 200;
        -webkit-transition: bottom 400ms ease;
        -moz-transition: bottom 400ms ease;
        -o-transition: bottom 400ms ease;
        transition: bottom 400ms ease;
    }
    .floating_menu.on{
        bottom:0;
        -webkit-transition: bottom 400ms ease;
        -moz-transition: bottom 400ms ease;
        -o-transition: bottom 400ms ease;
        transition: bottom 400ms ease;
    }
    .floating_menu ul {display:table; width:100%; padding:0 15px; background:#002c5f;}
    .floating_menu ul.sns_link { background: transparent; }
    .floating_menu li {display:table-cell;}
    .floating_menu button{width:100%; height:55px; border:0;}
    .floating_menu button:disabled{opacity:0.2; background-color:transparent;}
    .floating_menu [class^="ico_"]{width:25px; height:25px; background:url(../images/common/ico_mobile_50.png) no-repeat; background-size:100%;}
    .floating_menu [class^="ico_"][class*="_prev"]{background-position:0 -40px;}
    .floating_menu [class^="ico_"][class*="_next"]{background-position:0 -65px;}
    .floating_menu [class^="ico_"][class*="_refresh"]{background-position:0 -90px;}
    .floating_menu [class^="ico_"][class*="_share"]{background-position:0 -115px;}
    .floating_menu [class^="ico_"][class*="_top"]{background-position:0 -140px;}
    .floating_menu .share_sns{display:none; position:fixed; top:0; bottom:55px; left:0; right:0; background:rgba(0, 0, 0, 0.6);}
        .share_sns dl{position:absolute; bottom:0; left:0; right:0; padding-top:40px; background:#fff; text-align:center;}
        .share_sns dt{height:45px; font-weight:bold; font-size:17px; color:#000;}
        .share_sns dd{padding-bottom:45px;}
        .share_sns .sns_link{margin-bottom:0;}
        .share_sns.on{display:block;}

    /* 메인 플로팅 메뉴, 20171228 박순길 */
    .floating_menu.toggle { display: block; }
    .floating_menu.is-main { bottom: -111px; }
    .floating_menu.is-main.on { bottom: 0; }
    .floating_menu.is-main .upper { display: none; border-bottom: solid 1px #000; }
    .floating_menu.is-main.in .upper { display: block; }
    .floating_menu.is-main ul { padding: 0; table-layout: fixed; }
    .floating_menu.is-main li { width: 25%; box-sizing: border-box; border-left: solid 1px #000; }
    .floating_menu.is-main li:first-child { border-left: 0; }
    .floating_menu.is-main button { background-color: #002c5f; color: #fff; }
    .floating_menu.is-main [class^="ico_"] { background-position: center center; background-repeat: no-repeat; background-size: 40px 30px; }
    .floating_menu.is-main .btn_ride [class^="ico_"] { background-image: url('../images/common/quick-d-m.png'); }
    .floating_menu.is-main .btn_display [class^="ico_"] { background-image: url('../images/common/quick-c-m.png'); }
    .floating_menu.is-main .btn_download [class^="ico_"] { background-image: url('../images/common/quick-e-m.png'); }
    .floating_menu.is-main .btn_consult [class^="ico_"] { background-image: url('../images/common/quick-f-m.png'); }
    .floating_menu.is-main .btn_promotion [class^="ico_"] { background-image: url('../images/common/quick-a-m.png'); }
    .floating_menu.is-main .btn_estimate [class^="ico_"] { background-image: url('../images/common/quick-b-m.png'); }
    .floating_menu.is-main .btn_floatmore [class^="ico_"] { background-image: url('../images/common/quick-a-m.png'); }
    .floating_menu.is-main .btn_top [class^="ico_"] { background-size: 20px 22px; background-image: url('../images/common/quick-top-m.png'); }

    /* footer */
    .hmc_footer{}
        .footer_menu_wrap{width:auto; margin:0;}
        .footer_menu{width:100%; padding:23px 15px 0;}
        .footer_menu:after{content:''; display: block; clear: both;}
        .footer_menu a{float:left; width:50%; display:block; padding:9px 15px; line-height:20px; word-break: keep-all; font-family:'TextMedium'; font-size:14px; color:#999}
        .hmc_footer .service_center {margin:9px 0 23px 30px;font-family:'TextMedium';font-size:14px;color:#999;line-height:20px;clear:left;}
        .copyright{position:relative; padding:26px 0 26px 25%; border-top:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; line-height: 1.3em;}
        .cscenter {padding:0 30px;}
        .cscenter dt, .cscenter dd {display: block;}
        .cscenter dt {float: left;}
        .cscenter dd {margin-left: 70px;}
        .copyright span, .cscenter span{display:block;}
        .copyright .footer_logo{position:absolute; top:50%; left:7%; margin-top:-12px; width:45px; height:24px; background-size:100%;}
        .btn_footer_more{width:100%; height:50px;}
        .btn_footer_more:before{content:''; display:inline-block; width:25px; height:20px; background:url('../images/common/ico_mobile_50_footer_arrow.png') no-repeat; background-size:100%;}
        .btn_footer_more.on:before{background-position:0 -20px;}
        .mobile_footer_more{display:none;}
        .mobile_footer_more.on{display:block;}
    .hmc_footer .link_group{padding:0 30px;}
        .link_group .sns_link{margin-bottom:10px;}
        .link_group .sns_link li{width:20%; margin:0; text-align:center;}
        .link_group .sns_link li [class^="ico_"]{margin-right:0 !important;}
    .hmc_footer .family_site button{height:40px;}
    .hmc_footer .family_site ul{z-index:1; bottom:auto; top:100%; border-top:0; border-bottom:1px solid #676767;}
    /*.hmc_footer .mark_list{padding:0 30px; color:#999}
    .hmc_footer .mark_list>li{height:auto; margin-top:25px; line-height:13px; font-size:11px;}
    .hmc_footer .mark_list + .mark_list{padding-bottom:30px;}
        .mark_list>li:before{top:50%; margin-top:-15px;}
        .mark_list:first-child>li:nth-child(1):after,
        .mark_list:first-child>li:nth-child(2):after,
        .mark_list:first-child>li:nth-child(3):after{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}*/

        .loading_dimmed .icon img{width:40px; height:40px;}
    .hmc_footer .mark_wrap {padding:30px;}
    .hmc_footer .mark_list {}
    .hmc_footer .mark_list:after {display:block;clear:both;content:'';}
    .hmc_footer .mark_list li {width:100%;min-height:100%;margin-top:0;}
    .hmc_footer .mark_list li ~ li {margin-top:25px;}
    .hmc_footer .mark_list li .img_wrap {}
    .hmc_footer .mark_list li:first-child,
    .hmc_footer .mark_list li:nth-child(2) {margin-top:0;}
    .hmc_footer .mark_list li:nth-child(3),
    .hmc_footer .mark_list li:nth-child(4),
    .hmc_footer .mark_list li:nth-child(5) {margin-top:25px;}
}

/* gnb 임시 */
@media screen and (max-width: 767px){
    .js-toggle-d5 { display: none !important; }
    .gnb .sub_menu ul ul a { padding: 12px 15px; font-family:'HeadRegular';} /* 190530 수정 : 폰트변경 */
    /*
    .gnb .sub_menu ul ul a::after{content:''; position:absolute; top:50%; right: 5px; width:0; height:0; margin-top:-3px; border-top:6px solid #000; border-left:5px solid transparent; border-right:5px solid transparent;}
    */

    .gnb .sub_menu ul ul li.sub > a::after{content:''; position:absolute; top:50%; right: 5px; width:0; height:0; margin-top:-3px; border-top:6px solid #000; border-left:5px solid transparent; border-right:5px solid transparent;}

    .gnb .sub_menu ul ul > .selected > a { /*color:  #626262;*/ }
    .gnb .sub_menu ul ul > .selected > a::after {margin-top:-6px; border-top-color:transparent; border-bottom:6px solid #000; border-top: 0 !important;}
    .gnb .sub_menu ul.d3 li.d3 .more {width:50px;height:40px;margin-left: -1px;border-bottom:none;z-index:1;}
    /*.gnb .sub_menu ul.d3 li.d3 .more .icon {margin-left:5px;}*/
    .gnb .sub_menu ul.d3 li.d3.selected .d4 {display:block;}
    .gnb .sub_menu ul.d4 { padding: 18px 0px; }
    .gnb .sub_menu ul.d4 a { padding: 5px 40px; font-size:13px; }
    .gnb .sub_menu ul.d4 li ~ li {margin-top:17px;}
    .gnb .sub_menu ul.d4 li.sub > a::after{content:''; position:absolute; top:50%; right: 5px; width:0; height:0; margin-top:-3px; border-top:6px solid  #626262; border-left:5px solid transparent; border-right:5px solid transparent;}
    .gnb .sub_menu ul.d4 a.d4 + .more {display:none;}
    .gnb .sub_menu ul.d4 .d4.mobile_only:after {display:none}
    .gnb .sub_menu ul.d5 { padding: 0; border: 0; }
    .gnb .sub_menu ul.d5 a { padding: 12px 15px 12px 50px; }
    .gnb .sub_menu ul.d5 li.sub > a::before,
    .gnb .sub_menu ul.d5 li.sub > a::after { content: ''; position: absolute; top: 50%; left: 35px; right: auto; margin: -1px 0 0 !important; width: 6px; height: 1px; background-color:  #626262; border: 0 !important; }
    .gnb .sub_menu ul.d5 a::before { transform: rotate(45deg) translate3d(0, -3px, 0); }
    .gnb .sub_menu ul.d5 a::after { transform: rotate(-45deg) translate3d(0, 3px, 0); }
    .gnb .sub_menu ul.d5 > .selected a { color: #006992; }
    .gnb .sub_menu ul.d5 > .selected a::before,
    .gnb .sub_menu ul.d5 > .selected a::after { background-color: #006992; }
}

@media screen and (min-width: 767px) and (max-width: 800px){
    .gnb a.d3 { letter-spacing: -1px; }
    .sub_menu>div>ul{margin-left: 5px;}
}

/* gnb 2댑스메뉴 col개수에 따른 정렬 */
@media screen and (min-width: 768px){
    .gnb ul.d2.col_01,
    .gnb ul.d2.col_02 {margin-left:25%;}
    .gnb ul.d2.col_01>li {width:100%;}
    .gnb ul.d2.col_02>li,
    .gnb ul.d2.col_03>li {width:33.3%;}
    .gnb ul.d2.col_04>li {width:25%;}
    .gnb ul.d2.col_05>li {width:20%;}
}
@media screen and (min-width: 1024px) and (max-width: 1119px){
    .gnb ul.d2.col_01,
    .gnb ul.d2.col_02,
    .gnb ul.d2.col_03 {margin-left:26%;}
}
@media screen and (min-width: 1120px){
    .gnb ul.d2.col_01,
    .gnb ul.d2.col_02,
    .gnb ul.d2.col_03 {margin-left:29%;}
}

/* 프린트용(항상 마지막에 위치할 것) */
@media only print {
    .hmc_header .gnb>li {padding:0 0.5rem;}
}
/* ============================ [ grid.css ] ============================ */

/* grid */
[class^="grid_"]{width:100%;}
[class^="grid_"]:after{content:''; display: block; clear: both;}
[class^="grid_"]>*{float:left;}
[class^="grid_"] + [class^="grid_"]{margin-top:20px;}
/* 가로 간격 */
[class^="grid_"].gap_sm>* + *{margin-left:10px;}
[class^="grid_"].gap_md>* + *{margin-left:20px;}
[class^="grid_"].gap_lg>* + *{margin-left:30px;}
/* columns 간격 없음 */
[class^="grid_"][class*="_01"]>*{width:100%;}
[class^="grid_"][class*="_02"]>*{width:50%;}
[class^="grid_"][class*="_03"]>*{width:33.3%;}
[class^="grid_"][class*="_04"]>*{width:25%;}
[class^="grid_"][class*="_05"]>*{width:20%;}
[class^="grid_"][class*="_06"]>*{width:16.66%;}
[class^="grid_"][class*="_08"]>*{width:12.5%;}
[class^="grid_"][class*="_16"]>*{width:6.25%}
/* 가로 간격 small */
[class*="_02"].gap_sm>*{width:calc((100% - 10px) / 2);}
[class*="_03"].gap_sm>*{width:calc((100% - 20px) / 3);}
[class*="_04"].gap_sm>*{width:calc((100% - 30px) / 4);}
[class*="_05"].gap_sm>*{width:calc((100% - 40px) / 5);}
[class*="_06"].gap_sm>*{width:calc((100% - 50px) / 6);}
[class*="_08"].gap_sm>*{width:calc((100% - 70px) / 8);}
[class*="_16"].gap_sm>*{width:calc((100% - 150px) / 16);}
/* 가로 간격 medium */
[class*="_02"].gap_md>*{width:calc((100% - 20px) / 2);}
[class*="_03"].gap_md>*{width:calc((100% - 40px) / 3);}
[class*="_04"].gap_md>*{width:calc((100% - 60px) / 4);}
[class*="_05"].gap_md>*{width:calc((100% - 80px) / 5);}
[class*="_06"].gap_md>*{width:calc((100% - 100px) / 6);}
[class*="_08"].gap_md>*{width:calc((100% - 140px) / 8);}
[class*="_16"].gap_md>*{width:calc((100% - 300px) / 16);}
/* 가로 간격 large */
[class*="_02"].gap_lg>*{width:calc((100% - 30px) / 2);}
[class*="_03"].gap_lg>*{width:calc((100% - 60px) / 3);}
[class*="_04"].gap_lg>*{width:calc((100% - 90px) / 4);}
[class*="_05"].gap_lg>*{width:calc((100% - 120px) / 5);}
[class*="_06"].gap_lg>*{width:calc((100% - 150px) / 6);}
[class*="_08"].gap_lg>*{width:calc((100% - 210px) / 8);}
[class*="_16"].gap_lg>*{width:calc((100% - 450px) / 16);}

/* media query */
@media screen and (min-width: 1024px){
    /* 1024 이상 PC */

    [class^="grid_"][class*="_02"]>*:nth-child(odd),
    [class^="grid_"][class*="_03"]>*:nth-child(3n+1),
    [class^="grid_"][class*="_04"]>*:nth-child(4n+1),
    [class^="grid_"][class*="_05"]>*:nth-child(5n+1){margin-left:0;}
    /* 세로 간격 small */
    [class*="_02"].gap_sm>* + * + *,
    [class*="_03"].gap_sm>* + * + * + *,
    [class*="_04"].gap_sm>* + * + * + * + *,
    [class*="_05"].gap_sm>* + * + * + * + *+ *{margin-top:10px;}
    /* 세로 간격 medium */
    [class*="_02"].gap_md>* + * + *,
    [class*="_03"].gap_md>* + * + * + *,
    [class*="_04"].gap_md>* + * + * + * + *,
    [class*="_05"].gap_md>* + * + * + * + *+ *{margin-top:20px;}
    /* 세로 간격 small */
    [class*="_02"].gap_lg>* + * + *,
    [class*="_03"].gap_lg>* + * + * + *,
    [class*="_04"].gap_lg>* + * + * + * + *,
    [class*="_05"].gap_lg>* + * + * + * + *+ *{margin-top:30px;}

    /* ie용 */
    .msie [class*="_03"].gap_sm>*{width:calc((100% - 21px) / 3);}
    .msie [class*="_06"].gap_sm>*{width:calc((100% - 51px) / 6);}
    .msie [class*="_08"].gap_sm>*{width:calc((100% - 71px) / 8);}
    .msie [class*="_16"].gap_sm>*{width:calc((100% - 151px) / 16);}

    .msie [class*="_03"].gap_md>*{width:calc((100% - 41px) / 3);}
    .msie [class*="_06"].gap_md>*{width:calc((100% - 101px) / 6);}
    .msie [class*="_08"].gap_md>*{width:calc((100% - 141px) / 8);}
    .msie [class*="_16"].gap_md>*{width:calc((100% - 301px) / 16);}

    .msie [class*="_03"].gap_lg>*{width:calc((100% - 61px) / 3);}
    .msie [class*="_06"].gap_lg>*{width:calc((100% - 151px) / 6);}
    .msie [class*="_08"].gap_lg>*{width:calc((100% - 211px) / 8);}
    .msie [class*="_16"].gap_lg>*{width:calc((100% - 451px) / 16);}
}
@media screen and (max-width: 1023px){
	/* 768 tablet(포함) 이하 */
   
    /* grid */
    [class^="grid_"][class*="_04"]>*{width:50%;}
    [class^="grid_"][class*="_05"]>*,
    [class^="grid_"][class*="_06"]>*{width:33.3%;}
    [class^="grid_"][class*="_08"]>*,
    [class^="grid_"][class*="_16"]>*{width:25%;}
    [class^="grid_"][class*="_04"]>*:nth-child(2n+1),
    [class^="grid_"][class*="_08"]>*:nth-child(4n+1),
    [class^="grid_"][class*="_16"]>*:nth-child(4n+1){margin-left:0;}
    /* 가로 간격 small */
    [class*="_04"].gap_sm>*{width:calc((100% - 10px) / 2);}
    [class*="_05"].gap_sm>*,
    [class*="_06"].gap_sm>*{width:calc((100% - 20px) / 3);}
    [class*="_08"].gap_sm>*,
    [class*="_16"].gap_sm>*{width:calc((100% - 30px) / 4);}
    /* 세로 간격 small */
    [class*="_04"].gap_sm>* + * + *,
    [class*="_05"].gap_sm>* + * + * + *,
    [class*="_06"].gap_sm>* + * + * + *,
    [class*="_08"].gap_sm>* + * + * + * + *,
    [class*="_16"].gap_sm>* + * + * + * + *{margin-top:10px;}
    /* 가로 간격 medium */
    [class*="_04"].gap_md>*{width:calc((100% - 20px) / 2);}
    [class*="_05"].gap_md>*,
    [class*="_06"].gap_md>*{width:calc((100% - 40px) / 3);}
    [class*="_08"].gap_md>*,
    [class*="_16"].gap_md>*{width:calc((100% - 60px) / 4);}
    /* 세로 간격 medium */
    [class*="_04"].gap_md>* + * + *,
    [class*="_05"].gap_md>* + * + * + *,
    [class*="_06"].gap_md>* + * + * + *,
    [class*="_08"].gap_md>* + * + * + * + *,
    [class*="_16"].gap_md>* + * + * + * + *{margin-top:20px;}
    /* 가로 간격 large */
    [class*="_04"].gap_lg>*{width:calc((100% - 30px) / 2);}
    [class*="_05"].gap_lg>*,
    [class*="_06"].gap_lg>*{width:calc((100% - 60px) / 3);}
    [class*="_08"].gap_lg>*,
    [class*="_16"].gap_lg>*{width:calc((100% - 90px) / 4);}
    /* 세로 간격 large */
    [class*="_04"].gap_lg>* + * + *,
    [class*="_05"].gap_lg>* + * + * + *,
    [class*="_06"].gap_lg>* + * + * + *,
    [class*="_08"].gap_lg>* + * + * + * + *,
    [class*="_16"].gap_lg>* + * + * + * + *{margin-top:30px;}
}
@media screen and (min-width:768px) and (max-width:1023px){
    [class^="grid_"][class*="_05"]>*:nth-child(3n+1),
    [class^="grid_"][class*="_06"]>*:nth-child(3n+1){margin-left:0;}

    /* ie용 */
    .msie [class*="_03"].gap_sm>*,
    .msie [class*="_05"].gap_sm>*,
    .msie [class*="_06"].gap_sm>*{width:calc((100% - 21px) / 3);}
    .msie [class*="_03"].gap_md>*,
    .msie [class*="_05"].gap_md>*,
    .msie [class*="_06"].gap_md>*{width:calc((100% - 41px) / 3);}
    .msie [class*="_03"].gap_lg>*,
    .msie [class*="_05"].gap_lg>*,
    .msie [class*="_06"].gap_lg>*{width:calc((100% - 61px) / 3);}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    /* 가로간격 동일 */
    [class^="grid_"][class*="gap_"]>* + *{margin-left:10px;}

	/* grid */
    [class^="grid_"][class*="_03"]>*{width:100%; margin-left:0;}
    [class^="grid_"][class*="_05"]>*,
    [class^="grid_"][class*="_06"]>*,
    [class^="grid_"][class*="_08"]>*,
    [class^="grid_"][class*="_16"]>*{width:50%;}
    [class^="grid_"][class*="_05"]>*:nth-child(odd),
    [class^="grid_"][class*="_06"]>*:nth-child(odd),
    [class^="grid_"][class*="_08"]>*:nth-child(odd),
    [class^="grid_"][class*="_16"]>*:nth-child(odd){margin-left:0;}
    /* 모바일 간격 small medium large 동일 */
    [class*="_02"][class*="gap_"]>*,
    [class*="_04"][class*="gap_"]>*,
    [class*="_05"][class*="gap_"]>*,
    [class*="_06"][class*="gap_"]>*,
    [class*="_08"][class*="gap_"]>*,
    [class*="_16"][class*="gap_"]>*{width:calc((100% - 10px) / 2);}
    [class*="_03"][class*="gap_"]>* + *,
    [class*="_04"][class*="gap_"]>* + * + *,
    [class*="_05"][class*="gap_"]>* + * + *,
    [class*="_06"][class*="gap_"]>* + * + *,
    [class*="_08"][class*="gap_"]>* + * + *,
    [class*="_16"][class*="gap_"]>* + * + *{margin-top:10px;}
    [class^="grid_"].grid_only_pc>*{width: 100%;}
}

/*------------ new ver - 2022 ---------*/
/* 카라이프 서비스 작업하면서 신규 추가 */

/* columns layout common */
.columns { display: grid; grid-template-columns: repeat(1, 1fr); justify-content: center; gap: 20px;}
.columns.cols-2 {grid-template-columns: repeat(2, 1fr); }
.columns .col {display: flex;}
.columns .col.bg-gary {padding: 25px 110px; background-color: #f6f3f2;}
.columns .icon {grid-row: 1 / span 4;}
.columns .wrap-text {position:relative; flex: 1; display: flex; flex-direction: column; justify-content: center;}
.columns .wrap-text .title {word-break: keep-all; color:#151515}
.columns .wrap-text .desc {word-break: keep-all; color:#333;}
.columns .wrap-text .area-btn {position:absolute; right: 0; width: 136px; height: 40px; line-height: 40px; background: #002c5f; font-size:14px; color:#fff; text-align:center;}
/* columns text common */
.columns {color: #000; line-height: 1.5;}
.columns .wrap-text .title {font-family: 'HeadMedium';}


.mobility-life-1 .columns { margin: 60px 0 100px;}
.mobility-life-1 .columns .icon {width: 120px;}
.mobility-life-2 .columns {display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1120px; gap: 0; padding: 50px 60px; border: 1px solid #e4dcd3; }
.mobility-life-2 .columns .col {display:block; text-align:center;}

@media screen and (min-width: 768px) {
  /* columns layout pc */
  .columns{margin: 0 auto;}
  .columns .col {gap: 0 50px;}
  .columns .wrap-text {gap: 8px;}
  /* columns text pc */
  .columns .wrap-text .title {font-size: 20px;}
  .columns .wrap-text .desc {font-size: 14px;}
}
@media screen and (max-width: 767px) {
  /* columns layout mo */  
  .columns.cols-mob-1 {grid-template-columns: repeat(1, 1fr); }
  .columns .col {gap: 0 20px;}
  .columns .col.bg-gary {padding: 19px 15px; background-color: #f7f3f2;}
  .columns .wrap-text {gap: 5px;}
  .columns .wrap-text .area-btn {position: static; width: 100%;}
  
  /* columns text mo */
  .columns .wrap-text .title {font-size: 15px;}
  .columns .wrap-text .desc {font-size: 12px;}

  .mobility-life-1 .columns  {margin:30px 15px 40px; gap: 9px;}
  .mobility-life-1 .columns .icon {width: 75px;}
  .mobility-life-2 .columns {grid-template-columns: repeat(2, 1fr); gap: 50px 0; margin: 0 15px; padding: 30px 15px; }
}
/* ============================ [ layer.css - 레이어팝업 ] ============================ */

/* layer popup layout */
.layer_popup{display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; } /* 200313 edit */
.layer_popup>[class^="layer_"]{position:absolute; top:50%; left:50%; background:#fff; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3);box-shadow: 0 0 6px rgba(0, 0, 0, .3);}
.layer_popup .layer_dimmed{top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.6);}
.layer_popup .layer_dimmed.fixed {position:fixed;}
.layer_popup .layer_dimmed.dimmed_transparent{opacity:0;}
/*.layer_popup>[class*="_full"]{top:15px; left:15px; right:15px; height:calc(100% - 15px);}*/
    .layer_title{line-height:1.2em;}
    .layer_title, .layer_btns{text-align:center;}
    [class^="img_wrap"] img{max-width:100%;}
    [class^="img_wrap"][class*="_center"]{text-align:center;}
.layer_popup > .layer_window{
    /*-webkit-transition: top 300ms ease;*/
    /*-moz-transition: top 300ms ease;*/
    /*-o-transition: top 300ms ease;*/
    /*transition: top 300ms ease;*/
}
/* 210126 장미 */
.layer_popup .sub_title {padding:0 !important; text-align: center;}
.layer_btns [class^="btn_"].w100p + [class^="btn_"]{margin-left:0; margin-top:10px;}
.layer_cont .loading{position:absolute; top:0; left:0; right:0; bottom:0; z-index: 1;}
.layer_cont .loading img{position:absolute; top:50%; left:50%; margin-left:-26px;}
.layer_cont .con_box{padding:30px 0; display: block; width: 100%}
.layer_cont .con_box.sand{background: #f6f3f2}
.layer_cont .con_box .ui_search_01 .label{font-size: 16px; color:#000; padding-right: 20px}

@media screen and (max-width: 767px){
    .layer_cont .con_box.sand .label{display: block;padding-left: 20px    }
    .layer_cont .con_box.sand .input_wrap.w50{margin-top:15px; margin:15px 20px 0; display: block;}
}


/* tooltip */
.btn_tooltip{width:18px; height:18px; padding:0 !important; border:0 !important; border-radius: 50%; background:#aaa url(../images/common/ico_pc_20.png) no-repeat -20px -320px !important;}
.btn_tooltip.on{background-color:#006992;}
.ui_tooltip{position:relative;}
span.ui_tooltip{display:inline-block;}
.ui_tooltip>.arr{position:absolute; width:21px; height:12px; margin-left:-2px;}
.ui_tooltip>.arr.up{display:none; background:url(../images/common/bg_layer_tooltip_up.png) no-repeat;}
.ui_tooltip>.arr.down{display:none; background:url(../images/common/bg_layer_tooltip.png) no-repeat;}
.ui_tooltip>.arr + .layer_tooltip{margin-top:12px;margin-left:-10px;}
.ui_tooltip>.arr + .layer_tooltip:after{display:none;}
.layer_tooltip{display:none; position:absolute; z-index: 1; width:300px; padding:30px; background:#fff; font-size:12px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
.layer_tooltip:after{content:''; position:absolute; bottom:-12px; left:15px; width:21px; height:12px; background:url(../images/common/bg_layer_tooltip.png) no-repeat;}
.layer_tooltip .text{line-height:1.5;}
.layer_tooltip .close{position:absolute; top:10px; right:10px; width:19px; height:19px; background:url(../images/common/ico_pc_20.png) no-repeat -20px 0;}

.layer_popup>[class^="layer_"] .modal_inner_scroll {overflow-y:auto;word-wrap: break-word;}

.layer_popup>[class^="layer_"] .wa_link_append {width:0; height:0; position:absolute; z-index: -1;} /* WA 웹접근성: 모달팝업 탭 포커스 가두기용 */

@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .layer_popup{}
    .layer_popup>[class^="layer_"]{padding:90px 60px 100px;}
    .layer_popup>[class^="layer_"] .modal_inner_scroll {margin-right: -60px;padding-right: 55px;}
    .layer_popup>[class^="layer_"] .layer_window {outline: none;}
    .layer_popup>[class*="_full"]{left: 50%; width:1200px; height: auto; margin-left: -600px}
    .layer_popup>[class*="_xl"]{width:900px; margin-left:-450px;}
    .layer_popup>[class*="_lg"]{width:700px; margin-left:-350px;}
    .layer_popup>[class*="_md"]{width:600px; margin-left:-300px;}
    .layer_popup>[class*="_sm"]{padding:80px 40px; width:400px; margin-left:-200px;}
    .layer_popup>[class*="_sm"] .modal_inner_scroll {margin-right: -40px;padding-right: 37px;}
    .layer_popup .text,
    .layer_popup [class^="text_"] {line-height:30px;}
    .layer_popup .text .accent {display: block; margin-bottom:15px; font-size: 30px; color:#007fa8;}
    .layer_popup>.layer_dimmed{padding:0;}
        .layer_title{padding-bottom:0.7em; font-size:40px;}
        .layer_title.sugg_title{font-size:30px;line-height:44px;}
        .layer_btns{padding-top:50px;}
        .layer_title + .layer_btns{padding-top:20px}
    .layer_popup .ui_close{top:30px; right:30px;}

    .layer_cont .date_search_form .input_date_group{width:100% !important; margin-right:0; margin-bottom:10px;}
    .layer_cont .date_search_form > div{display: flex; flex-wrap: wrap; justify-content: center;}
}
@media screen and (min-width: 768px) and (max-width: 930px){
    .layer_popup>[class*="_xl"]{left:15px !important; right:15px; width:auto; margin-left:0;}
}
@media screen and (max-width:767px){
    /* 768미만 mobile */
    .layer_popup{}
    .layer_popup>[class^="layer_"]{left:0; width:92%; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); margin:0 15px; padding:45px 15px 50px;}
    .layer_popup>[class^="layer_"] .modal_inner_scroll {margin-right: -20px;padding-right: 17px;}
    .layer_popup>[class*="_full"]{left:15px !important; right:15px; width:auto; height:calc(100% - 30px); margin: 0; overflow-y: scroll;}
    .layer_popup>[class*="_sm"] .modal_inner_scroll {margin-right: -15px;padding-right: 13px;}
    .layer_popup>.layer_dimmed{width:auto; margin:0; padding:0;}
        .layer_title{padding-bottom:0.7em; font-size:24px;}
        .layer_btns{padding-top:30px;}
    .layer_popup .ui_close{top:0; right:0;}

    .ui_tooltip{position:static;}
    .ui_tooltip>span.arr_up{top:auto;}
    .layer_tooltip{left:15px; right:15px; width:auto; margin-left:0 !important;}
}

/* 우편번호 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.zip_code .ui_search_02{margin-bottom:2em;}
.zip_code .result {position:relative;}
.zip_code .result td{height:auto; padding:1em;text-align:center;}
.zip_code .result td button{width:100%; text-align: left;}
.zip_code tr>*:first-child{width:470px;}
.zip_code .table_scroll_wrap{position:relative; width:100%;}
.zip_code .table_scroll_wrap .scroll_area{overflow:hidden; overflow-y:auto; width:100%; height:360px; border-bottom:1px solid #e4dcd3;}
.zip_code .scroll_area table{margin-top:-52px;}
.zip_code dl + .result{margin-top:2em;}

/* 약관보기 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.layer_popup .policy_wrap{overflow-y:auto; width:100%; height:350px; margin-top:3em; padding:1em; border:1px solid #e6ded6;}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    /* 약관보기 */
    .layer_popup .policy_wrap{height:200px; margin-top:2em;}

    /* 우편번호검색 */
    .zip_code .table_scroll_wrap .fixed_header{display:none;}
    .zip_code .table_scroll_wrap .scroll_area{overflow:visible; height:auto; border-bottom:0;}
    .zip_code .table_scroll_wrap .scroll_area .data_table{margin-top:0;}
    .zip_code .more{margin-top:30px;}
}

/* 보유차량 확인 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.my_car_list{margin-top:5px; border-top:1px solid #e4dcd3;}
.my_car_list li{position:relative; border:1px solid #e4dcd3; border-top:0;}
.my_car_list li:before{content:''; position:absolute; top:0; left:0; width:60px; height:100%; background:#e4dcd3;}
.my_car_list .check_wrap>input + label{display:block; padding-left:60px; z-index: 1;}
.my_car_list .check_wrap>input + label:before{top:50%; left:20px; margin-top:-10px;}
.my_car_list .check_wrap>input[type="radio"]:checked + label:after{top:50%; left:26px; margin-top:-4px;}
.my_car_list label>*{display:block; width:100%; padding:7px 0 7px 20px;}/*201005 장미 수정*/
.my_car_list label>*:after{content:''; display: block; clear: both;}
.my_car_list label>*>*{float:left; height:32px; line-height: 32px;}
.my_car_list label>*>b{width:18%;}
.my_car_list label>*>span{width:32%; font-family:'TextRegular'}
.my_car_list.scroll_wrap{overflow-y:auto; max-height:416px;}/* 2018-08-23이지혜 : max-height:256px;에서 수정 */
.my_car_checkArea {margin:40px 0; text-align:center;}
.my_car_checkArea .check_wrap {min-width:10px !important;}
.my_car_checkArea .check_wrap label {text-align:left;}
.my_car_checkArea .check_wrap + .check_wrap {margin-left:2em;}
@media screen and (max-width: 767px){
    .my_car_list.scroll_wrap{max-height:576px;}/* 2018-08-23이지혜 추가 */
    .my_car_list .check_wrap>input + label{padding-left:40px;}
    .my_car_list li:before{width:40px;}
    .my_car_list label>*{padding-left:10px;}
    .my_car_list label>*>*{overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
    .my_car_list label>*>b{width:35%;}
    .my_car_list label>*>span{width:65%;}
    .my_car_list label>*>span + b{clear:both;}
    .my_car_list .check_wrap>input + label:before{left:10px;}
    .my_car_list .check_wrap>input[type="radio"]:checked + label:after{left:16px;}
}
@media (min-width: 768px) {
    .my_car_list label>*>b.model { width: 15%; }
    .my_car_list label>*>span.model { width: 85%; }
    .my_car_list label>*>b.number { width: 15%; }
    .my_car_list label>*>span.number { width: 35%; }
    .my_car_list label>*>b.idnumber { width: 15%; }
    .my_car_list label>*>span.idnumber { width: 35%; }
}
.customer_center_info{position:relative; margin-top:30px; padding:40px 0 40px 210px; background:#f6f3f2;}
.customer_center_info [class^="ico"]{position:absolute; top:40px; left:50px; width:120px; height:120px; background:url(../images/common/ico_customer_center.png) no-repeat; background-size:100%;}
.customer_center_info dl{min-height:120px; letter-spacing:-1px;}
.customer_center_info dt{padding-bottom:1em; font-family:'HeadMedium'; font-size:1.25em; color:#000;}
@media screen and (max-width: 767px){
    .customer_center_info{padding:30px 15px; text-align:center;}
    .customer_center_info [class^="ico"]{position:static;}
    .customer_center_info dl{min-height:inherit; margin-top:30px;}
}

/* [법인 마이페이지] 선택 차량 담당자 리스트 (2018-03-16 이지혜) */
.pop_myCar_choice {margin-top:30px;}
.pop_myCar_choice .row_title {margin-bottom:10px;}
.pop_myCar_choice .data_table td {word-break:break-word;}

@media screen and (min-width: 768px){
    /* 768 이상 tablet & descktop  */
.pop_myCar_choice .data_table td [class^="btn_"][class*="_sm"] {min-width:80px;}
}

/* [법인 마이페이지] 법인 계정 등록 동의 (2018-03-19 이지혜) */
.pop_corporation_table {margin:20px 0 0;}
.pop_corporation_agreement .policy_area {margin-top:30px;}
.pop_corporation_agreement .policy_wrap {height:100px; margin-top:10px;}

/* 블루멤버스 포인트 > 포인트 적립/사용 > 보험 레이어 */
.popup-insurance .layer_cont .img_wrap {position:relative;}
.popup-insurance .layer_cont .img_wrap img {width:100%;}
.popup-insurance .layer_cont .img_wrap a {position:absolute; display:block;}
.popup-insurance.pop-anycarDirect .layer_cont .img_wrap .mobile_only {left:10.8%; top:39.7%; width:78.5%; height:3.2%;}/*삼성화재 다이렉트 자동차보험 - 수정 */
.popup-insurance.pop-anycarDirect .layer_cont .img_wrap .pc_only {left:138px; top:595px;  width:306px; height:60px;}
.popup-insurance.pop-samsungfireDirect .layer_cont .img_wrap .mobile_only {left:7.6%; top:21%; width:84.8%; height:2.6%;}/*삼성화재 다이렉트 운전자보험*/
.popup-insurance.pop-samsungfireDirect .layer_cont .img_wrap .pc_only {left:136px; top:498px; width:308px; height:66px;}
.popup-insurance.pop-directdongbuDriver .layer_cont .img_wrap .mobile_only {left:8.3%; top:39.6%; width:83.4%; height:3.6%;}/*DB손해보험 다이렉트 운전자보험*/
.popup-insurance.pop-directdongbuDriver .layer_cont .img_wrap .pc_only {left:88px; top:568px; width:404px; height:56px; border-radius:28px;}
.popup-insurance.pop-directdongbu .layer_cont .img_wrap .mobile_only {left:10%; top:43.5%; width:80%; height:2.7%;}/*DB손해보험 다이렉트 자동차보험*/
.popup-insurance.pop-directdongbu .layer_cont .img_wrap .pc_only {left:173px; top:563px; width:229px; height:39px;}
.popup-insurance.pop-kbmagiccardirect .layer_cont .img_wrap .mobile_only {left:42.5%; top:21.8%; width:53.3%; height:3.8%;}/*KB손해보험 다이렉트*/
.popup-insurance.pop-kbmagiccardirect .layer_cont .img_wrap .pc_only {left:278px; top:395px; width:280px; height:58px; border-radius:29px;}
.popup-insurance.pop-hicardirect .layer_cont .img_wrap .mobile_only {left:8.8%; top:26.8%; width:82.6%; height:9.7%;}/*현대해상 하이카다이렉트*/
.popup-insurance.pop-hicardirect .layer_cont .img_wrap .pc_only {left:101px; top:272px; width:380px; height:86px;}
.popup-insurance.pop-lottehowmuch .layer_cont .img_wrap .mobile_only {left:11.9%; top:20.1%; width:76.2%; height:3.9%;}/*롯데하우머치 다이렉트*/
.popup-insurance.pop-lottehowmuch .layer_cont .img_wrap .pc_only {left:29px; top:395px; width:245px; height:66px;}
.popup-insurance.pop-hanwhaDirect .layer_cont .img_wrap .mobile_only {left:8.8%; top:13.7%; width:82.3%; height:2.6%;}/*한화다이렉트 자동차보험*/
.popup-insurance.pop-hanwhaDirect .layer_cont .img_wrap .pc_only {left:33px; top:223px; width:259px; height:57px;}


/* 팝업 : o2o 스타일 적용 : 21.07 */
.layer_container .layer_title {margin-bottom: 46px; padding-bottom: 0; font-size: 23px; line-height: 1.5;}
.layer_container .layer_contents p {font-size: 16px; line-height: 32px; letter-spacing: -.4px; color: #000;}
.layer_container .layer_contents p a {color: #0000ee;}
.layer_container .layer_contents .answer-list {margin: 20px 0 0;}
.layer_container .layer_contents .answer-list > li {font-size: 16px; line-height: 32px; letter-spacing: -.4px; color: #000;}
.layer_container .layer_contents .answer-list > li .error {display:inline-block !important; color:#f00}
.layer_container .check_wrap {margin-top: 60px;}
.layer_container .check_wrap > input + label {font-size: 16px;}
.layer_container .ui_close {top: 12px; right: 12px;}
@media screen and (max-width: 767px) {
    .layer_container .layer_title {margin-bottom: 34px; font-size: 23px; text-align: center;}
    .layer_container .layer_contents p {font-size: 14px; line-height: 22px;}
    .layer_container .check_wrap {margin-top: 30px;}
    .layer_container .check_wrap > input + label {font-size: 14px;}
    .layer_container .ui_close {top: 0; right: 0; width: 40px; height:40px; }
    .layer_container .ui_close:before,
    .layer_container .ui_close:after { width: 14px; height: 2px; margin-left: -7px;}
}
/* //o2o 스타일 적용 : 21.07 */


/* 팝업 : o2o 스타일 적용 : 22.03 */
/* 통합 로그인 팝업 */
.layer_popup.popup_policy_Integration .layer_window { margin-top: 7.5vh;}
@media screen and (min-width: 768px) {
    .layer_popup.popup_policy_Integration .layer_window { padding-left: 100px; padding-right: 100px;}
}
@media screen and (max-width: 769px) {
    .layer_popup.popup_policy_Integration .layer_window { padding-top: 50px; }
}
/* policy contents  */
.layer_container .layer_contents { margin-top: 50px; }
.layer_container .policy_wrap { width: 100%; height: 166px; padding: 12px 18px; border: 1px solid #e6ded6; overflow-y: scroll; letter-spacing: -0.4px }
.layer_container .policy_wrap p { font-family: "HyundaiSansTextKRR"; font-size: 14px; line-height: 1.5; color: #666; }
.layer_container .check_wrap { margin-top: 0; }
.layer_container .check_wrap input + label {font-size: 14px;}
.layer_container .check_wrap + .policy_wrap { margin-top: 20px; }
.layer_container .policy_wrap + .check_wrap { margin-top: 45px; }
@media screen and (max-width: 767px) {
    .layer_container .policy_wrap { height: 150px; }
    .layer_container .layer_contents { margin-top: 30px; }
    .layer_container .check_wrap + .policy_wrap { margin-top: 15px; }
    .layer_container .policy_wrap + .check_wrap { margin-top: 30px; }
}

/* sub title */
.layer_container .layer_title_sub { font-size: 16px; color: #000; line-height: 1.6; text-align: center;}
.layer_container .layer_title_sub + .layer_title_sub { margin-top: 10px; }
@media screen and (max-width: 767px) {
    .layer_container .layer_title_sub { font-family: "HyundaiSansTextKRR"; font-size: 14px; word-break: keep-all;}
}

/* notice guide */
.layer_container .noty_guide { margin-top: 40px; padding-top: 30px; border-top: 1px solid #ededed; font-family: "HyundaiSansTextKRR";}
.layer_container .noty_guide .list_bullet_dot li { font-size: 14px; line-height: 1.8; color: #666; }
.layer_container .noty_guide .list_bullet_dot li + li { margin-top: 14px;}
@media screen and (max-width: 767px) {
    .layer_container .noty_guide {margin-top: 30px; padding-top: 20px;}
    .layer_container .noty_guide .list_bullet_dot li {font-size: 12px;}
    .layer_container .noty_guide .list_bullet_dot li + li { margin-top: 5px;}
}

/* button area  */
.layer_container .layer_btns button { min-width: 120px; height: 40px; font-family: "HyundaiSansTextKRR"; font-size: 15px; font-weight: 500;}

/* 약관 내용 */
.layer_container .policy_wrap .policy_title {margin-bottom: 20px; font-family: "HyundaiSansTextKR"; text-align: center;}
.layer_popup .layer_container .policy_wrap table tbody td {word-break: break-all;}
/* // 팝업 : o2o 스타일 적용 : 22.03 */
/* ============================ [ ui.css ] ============================ */
[class^="ui_"]{}
/* ui tabs */
[class^="ui_tab_"]{} .tab_cont + .tab_cont{display:none;}
[class*="tab_menu"]{width:100%;}
[class*="tab_menu"]>li{text-align: center; }
[class*="tab_menu"]>li>*{display:block; height:100%; letter-spacing:-1px;}
[class*="tab_menu"]>li>*:focus {outline:none; border:1px dotted #000} /* 220519 add */
[class*="tab_menu"]>li.on>*{transition:.3s;}
[class*="tab_menu"] button:disabled,
[class*="tab_menu"] .disabled{color:#fff; background:#cecdca;}
[class*="tab_menu"]>li>a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
[class*="tab_menu"]>li>a>span{display:inline-block; vertical-align: middle;}
/* type01 */
[class*="tab_menu"][class*="_01"]{overflow:hidden; width:100%; max-width:1120px; margin:0 auto; background:#444;}
[class*="tab_menu"][class*="_01"]:after{content:''; display: block; clear:both;}
[class*="tab_menu"][class*="_01"]>li{position:relative; z-index:1; float:left; height:60px; background:#444;}
[class*="tab_menu"][class*="_01"]>li>*{display:block; width:100%; height:100%; padding:0 1em; font-family:'TextMedium'; font-size:15px; line-height:22px; color:#fff;}
[class*="tab_menu"][class*="_01"]>li.on:not(.link-external){background:#fff;}
[class*="tab_menu"][class*="_01"]>li.on:not(.link-external)>*{color:#000;}
[class*="tab_menu"][class*="_01"]>li>* small{padding-left:5px; opacity:.7;}
/* type02 */
[class*="tab_menu"][class*="_02"]{position:relative; overflow:hidden; overflow-x:auto; max-width:1120px; height:80px; margin:0 auto; text-align:center; white-space: nowrap;}
[class*="tab_menu"][class*="_02"]:after{content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#e5e5e5;}
[class*="tab_menu"][class*="_02"] { font-size: 0; }
[class*="tab_menu"][class*="_02"]>li{display:inline-block; padding: 0 13px; height:100%;}
[class*="tab_menu"][class*="_02"]>li>*{display:inline-block; height:100%; padding:0 10px; font-size:16px;}
[class*="tab_menu"][class*="_02"]>li>*:after{content:''; position:absolute; bottom:0; left:0; width:0; background:#000; transition:.3s;}
[class*="tab_menu"][class*="_02"]>li.on>*{position:relative; color:#000; font-family:'TextMedium';}
[class*="tab_menu"][class*="_02"]>li.on>*:after{left:0; z-index: 1; width:100%; right:0; height:4px; transition:.3s;}
[class*="tab_menu"][class*="_02"] button:disabled,
[class*="tab_menu"][class*="_02"] .disabled{background:transparent; color:#cecdca;}
[class*="tab_menu"][class*="_02"].menu_4 > * {width:calc( ( 100% - 12px ) / 4 );}
[class*="tab_menu"][class*="_02"].menu_5 > * {width:calc( ( 100% - 16px ) / 5 );}
/* type03 */
[class*="tab_menu"][class*="_03"]{overflow:hidden; overflow-x:auto; white-space: nowrap;}
[class*="tab_menu"][class*="_03"]>li{display:inline-block; min-width:140px; height:35px; background:#f6f3f2;}
[class*="tab_menu"][class*="_03"]>li + li{margin-left:3px;}
[class*="tab_menu"][class*="_03"]>li.on{background:#006992;}
[class*="tab_menu"][class*="_03"]>li>*{overflow:hidden; display:block; width:100%; padding:0 15px; height:100%; font-size:14px;}
[class*="tab_menu"][class*="_03"]>li>*:before{margin-top:3px;}
[class*="tab_menu"][class*="_03"]>li.on>*{color:#fff;}
/* type04 */
[class*="tab_menu"][class*="_04"]{overflow:hidden; overflow-x:auto; white-space: nowrap;}
[class*="tab_menu"][class*="_04"]>li{position:relative; display:inline-block;}
[class*="tab_menu"][class*="_04"]>li + li{padding-left:31px;}
[class*="tab_menu"][class*="_04"]>li + li:before{content:''; position:absolute; top:50%; left:15px; width:1px; height:14px; margin-top:-7px; background:#e5e5e5;}
[class*="tab_menu"][class*="_04"]>li>*{display:inline-block;}
[class*="tab_menu"][class*="_04"]>li.on>*{color:#002c5f; font-family:'TextMedium';}
[class*="tab_menu"][class*="_04"] button:disabled,
[class*="tab_menu"][class*="_04"] .disabled{background:transparent; color:#cecdca;}

/* ui search */
[class*="ui_search"]{position:relative; width:100%;}
[class*="ui_search"]:after{content:''; display: block; clear: both;}
[class*="ui_search"]>div{position:relative; width:100%;}
[class*="ui_search"] [class^="select_"]{width:200px;}
[class*="ui_search"]:not(.box-flex) [class^="select_"]{float:left;}
[class*="ui_search"]:not(.box-flex) [class^="select_"] + .wrap{float:right; width:calc(100% - 210px);}
[class*="ui_search"] input[type="text"]{background:transparent; color:#000;}
[class*="ui_search"] .placeholder{color:#767676;}
[class*="ui_search"] .input_wrap[class*="validate_"]:before{display:none;}
[class*="ui_search"] .input_del,
[class*="ui_search"] .btn_loc{position:absolute; top:50%; right:55px; z-index: 1; margin-top:-9px; padding:0; border:0; width:18px; height:18px;}
[class*="ui_search"] .input_del{background:#c9c9c9; border-radius: 50%;}
[class*="ui_search"] .input_del [class^="ico_"]{position:absolute; top:1px; left:1px;}
/* ui search - flex box version */
[class*="ui_search"].box-flex {display: flex; gap: 10px; justify-content: center;}
[class*="ui_search"].box-flex.al-right {justify-content: flex-end;}
[class*="ui_search"].box-flex:after {display: none;}
@media screen and (min-width: 768px) {
    [class*="ui_search"].al-right{margin-right: 0 !important;}
    /* ui search - flex box version */
    [class*="ui_search"].box-flex [class^="select_"] + .wrap{flex: 1; max-width: 400px}
}
/* type 01 */
[class*="search_01"]{max-width:460px; margin:0 auto; font-size:14px; font-family:'HeadRegular';}
[class*="search_01"]>div{padding:2px 0; background:#fff;}
[class*="search_01"] .selectBox-dropdown{height:44px;}
[class*="search_01"] input[type="text"]{position:relative; z-index:1; width:calc(100% - 44px); height:40px; padding:0 40px 0 20px; background:transparent; border:0;}
[class*="search_01"] .btn_search{position:absolute; top:50%; right:6px; width:44px; height:44px; margin-top:-22px; border:0;}
[class*="search_01"] .btn_category { position:absolute; right:0; height:44px;} /* 190710 추가 */
[class*="search_01"][class*="_larger"]{font-size:16px;}
[class*="search_01"][class*="_larger"]>div{padding:5px 0;}
[class*="search_01"][class*="_larger"] input{width:calc(100% - 50px); }
[class*="search_01"] .is-find-ex-vehicle:after {clear:both; display:block; content:'';}/* 영업망/전시차 조회 - 전시차량 조회시 노출 */
[class*="search_01"] .is-find-ex-vehicle {float:right; width:calc(100% - 140px) !important; padding:0; background:transparent;}
[class*="search_01"] .is-find-ex-vehicle [class*="select_wrap"]{width:115px !important; margin-left:10px;}
[class*="search_01"] .is-find-ex-vehicle [class*="btn_md"] {float:left; min-width:75px; margin:2px 0 2px 10px;}
/* type 01 - flex box version */
[class*="search_01"].box-flex{max-width: none;}
/* type 02 */
[class*="search_02"]{font-size:14px;}
[class*="search_02"] .input_wrap{width:calc(100% - 132px); background:#f6f3f2; border:0;}
[class*="search_02"] input[type="text"]{position:relative; width:100%; height:40px; padding:0 20px; border:0; color:#000;}
[class*="search_02"] .placeholder{width:100%;}
[class*="search_02"] [class^="btn_"]{position:absolute; top:0; right:0;}
[class*="search_02"] .btn_loc{position:absolute!important; top:50%; right:20px; z-index:2; width:16px; height:16px; margin-top:-8px!important; padding:0; border:0;}
[class*="search_02"] .input_del{right:20px;}


[class*="search_01"] .is-find-locate { padding-top: 0; padding-bottom: 0; }
[class*="search_01"] .is-find-locate .input_wrap { padding-top: 2px; padding-bottom: 2px; }
.is-find-locate .btn_search{right:40px; z-index: 2; } /* 20180120 박순길, 검색, 내 위치 찾기 버튼 위치 수정 #36884 */
.is-find-locate .btn_loc{right:0px; width: 44px; height: 44px; margin-top: -22px; }
.is-find-locate .is-full select { position: absolute; top: -100px; left: -100px; overflow: hidden; width: 0; height: 0; margin-left: -1px; margin-top: -1px; }
/* 20180130 정윤진, 시승센터 검색영역 수정 */
.is-find-locate .toggle.is-test-center,
.is-find-locate .toggle.is-car { background-color: #f6f3f2; }
.is-find-locate .toggle p.message { clear: both; margin: 0; padding: 10px 0 0 20px; }
.is-find-locate .toggle.is-test-center { overflow: hidden; }
.is-find-locate .toggle.is-test-center .select_wrap_white.is-area { margin-right: 10px; }
.is-find-locate .toggle.is-test-center .select_wrap_white.is-test { width: calc(100% - 280px); } /* 190710 수정 */

/* datalist */
.datalist{position:absolute; top:100%; left:0; z-index: 2; width:100%; /*padding:0 20px 15px;*/ padding:0 0 15px; background: #fff;}
.datalist li a{display:block; height:50px; padding:0 20px; }
.datalist>li>a{color:#767676;}
.datalist li.auto_on { background-color: #fff !important; } /* 20180102 정윤진, 통합검색 레이어(디자인 전 임의로 작업요청) */
.datalist li.auto_on a,
.datalist li a:hover,
.datalist li a:active { background-color: #ece6e0; }
.datalist li a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.datalist li:first-child{padding-top:15px;}
.datalist em{font-family:'TextMedium'}
.input_wrap .datalist{border:1px solid #e4dcd3; border-top:0;}

/* ui close */
.ui_close{position:absolute; width:50px; height:50px; border:0; background:transparent;}
.ui_close:before {content:''; position:absolute; top:50%; left:50%; width:24px; height:24px; margin-top:-12px; margin-left:-12px; background:#000; background:url(../images/common/ico_pc_20.png) -59px -219px no-repeat;} /* 220609 add */
/*.ui_close:before,
.ui_close:after{content:''; position:absolute; top:50%; left:50%; width:24px; height:1px; margin-left:-12px; background:#000; }
.ui_close:before{
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.ui_close:after{
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
 .ui_close:hover{
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
} 220609 del: 웹접근성 포커스 오류로 주석 처리 */

/* ui accordion */
.ui_accordion>dl>dt{position:relative;}
.ui_accordion>dl>dt .title{overflow:hidden; display:block; width:100%; height:100%; padding:0 30px; white-space: nowrap; text-overflow: ellipsis; line-height:1.5em;}
.ui_accordion>dl>dt.on .title{overflow:visible; height:auto; white-space: inherit; text-overflow: inherit;}
.ui_accordion>dl>dt button{position:absolute; top:0; right:0; z-index:1; border:0; }
.ui_accordion>dl>dt button:after{content:''; position:absolute; top:50%; right:30px; width:20px; height:20px; margin-top:-10px; background:url(../images/common/ico_pc_20.png) no-repeat;}
.ui_accordion>dl>dt.on + dd{display:block;}
.ui_accordion>dl>dd{display:none;}
/* accordion type01 */
.acc_01{}
.acc_01>dl>dt{padding-right:80px; margin-top:2px; background:#002c5f; font-size:20px;}
.acc_01>dl:first-child>dt{margin-top:0;}
.acc_01>dl>dt.on{background:#f6f3f2; color:#fff;}
.acc_01>dl>dt .title{height:80px; padding:25px 0 25px 30px; color:#fff;}
.acc_01>dl>dt.on b,
.acc_01>dl>dt.on .title{color:#000;}
.acc_01>dl>dt button{width:100%; height:80px;} /*20182012 김기용 width:80px -> 100% 로 변경*/
.acc_01>dl>dt button:after{background-position:-20px -280px;}
.acc_01>dl>dt.on button:after{background-position:0 -280px}
.acc_01>dl>dd{padding:30px; background:#f6f3f2;line-height:25px;}
.acc_01 .title_bar{position:relative; display:block; padding-left:8%; padding-right:35%; margin-left:30px; font-size:16px;}
.acc_01 .title_bar>*{height:80px; white-space:nowrap; color:#fff;}
.acc_01 .title_bar>*:before{content:''; display:inline-block; width:0; height:100%; vertical-align: middle;}
.acc_01 .title_bar .num{position:absolute; top:0; left:0;}
.acc_01 .title_bar .title{overflow:hidden; padding-left:0; font-size:1.25em; text-overflow: ellipsis; white-space:nowrap;}
.acc_01 .title_bar .date_wrap{position:absolute; top:0; right:0;}
.acc_01 .title_bar .date{display:inline-block; padding-right:20%; }
.acc_01 .title_bar .down{display:inline-block; font-size:0.9em;}
.acc_01 .on .title_bar>*{color:#000;}
.acc_01 .ico_down{background-position:-20px -100px;}
.acc_01 .on .ico_down{background-position:0 -100px;}
.acc_01 dd .ico_down{background-position:0 -100px;}
.acc_01 dd .img_wrap + div, .acc_01 dd .img_wrap + p,
.acc_01 dd div + .img_wrap, .acc_01 dd p + .img_wrap {margin-top:10px;}
/* accordion type02 */
.acc_02{border:1px solid #e4dcd3; border-top:0; background:#fff; }
.acc_02>dl>dt{font-size:14px; color: #000; border-top:1px solid #e4dcd3;}
.acc_02>dl:first-child>dt{margin-top:0;}
.acc_02>dl>dt button{/*width:58px;*/width:100%; height:58px;}
.acc_02>dl>dt button:after{right:25px; background-position:0 -300px;}
.acc_02>dl>dt.on button:after{background-position:-20px -300px}
.acc_02>dl>dt .title{height:58px; padding:19px 30px;}
.acc_02>dl>dd{padding:30px 60px; font-size:14px; border-top:1px solid #e4dcd3;}

/* table layout */
.ui_table{}
.ui_table>dl{display:table; width:100%; table-layout: fixed;}
.ui_table>dl>*{display:table-cell; vertical-align: middle;}
.ui_table>dl>dt{width:20%; color:#000; font-family: 'TextMedium';}
.ui_table.type_01{border-bottom:1px solid #e4dcd3; font-size:14px; line-height: 24px;}
.ui_table.type_01>dl>dt{padding:10px 1em; background:#e4dcd3; border-top:1px solid #fff; text-align:center;}
.ui_table.type_01>dl:first-child>dt{border-top-color:#e4dcd3;}
.ui_table.type_01>dl>dd{padding:1em; background:#fff; border-top:1px solid #e4dcd3;}
.ui_table.type_01 dd + dd{border-left:1px solid #e4dcd3;}
.table{display:table; width:100%;}
.table>*{display:table-cell; vertical-align: middle;}
/* form layout */
.hmc_form{position:relative;}
.hmc_form .ui_table label {color: #000;font-family: 'TextMedium';}
.hmc_form .ui_table label.btn_md_primary {color:#fff;}
.hmc_form .form_title{padding-bottom:30px; font-size:30px;}
.hmc_form .ui_table>dl>*{vertical-align: top;}
/* 20180207 함은주, safari 정렬 */
.hmc_form .ui_table>dl>dt{position:relative; padding-top:12px;}
.safari .hmc_form .ui_table>dl>dt .text_warning {vertical-align: top;}

.hmc_form .ui_table>dl>dt.no-before:before { margin-right: -4px; } /* 가상객체제거 */
.hmc_form .ui_table>dl>dt.is-sr-only span { visibility: hidden; }

.hmc_form .ui_table .email_input {display:table;width:calc( 100% - 130px );width:-webkit-calc( 100% - 130px );width:-moz-calc( 100% - 130px );}
.hmc_form .ui_table .email_input span {display:table-cell;padding:0 4px;vertical-align:middle;}
.hmc_form .ui_table .email_input .input_wrap, .hmc_form .ui_table .email_input .select_wrap {width:-webkit-calc( (100% - 34px) /3 );width:-moz-calc( (100% - 34px) /3 );/*min-width:auto;*/padding:0;vertical-align:middle;}

/* 190409 추가 :  url 복사 기능 추가*/
.url_copy_wrap {position:relative; width:100%;}
.url_copy_wrap .input_wrap{width:calc(100% - 120px); background:#f6f3f2; border:0;}
.url_copy_wrap input[type="text"]{position:relative; width:100%; height:40px; padding:0 20px; border:0; color:#000;}
.url_copy_wrap [class^="btn_"]{position:absolute; top:0; right:0;}
/* //190409 추가 :  url 복사 기능 추가*/

.hmc_form .ui_table>dl>dd>p[class^="text"]{}
.hmc_form .ui_table>dl>dd>p[class^="text"]:before{content:''; display: inline-block;width:0; height:40px; vertical-align: middle;}
.hmc_form .ui_table>dl + dl,
.hmc_form .ui_table>dl>dd>div + div,
.hmc_form .ui_table + .ui_table{margin-top:20px;}
.hmc_form .ui_table>dl>dd>div:after{content:''; display: block; clear: both;}
.hmc_form .ui_table>dl>dd>div>*{float:left;}
.hmc_form .input_group{}
.hmc_form .input_group:after{content:''; display: block; clear: both;}
.hmc_form .input_group>*{float:left; min-width:inherit !important;}
.hmc_form .input_group>*>*{width:100%;}
.hmc_form .input_group .space{width:10px; height:40px;}
.hmc_form .input_group.ea_02>*:not(.space){width:calc(50% - 5px);}
.hmc_form .input_group.ea_03>*:not(.space){width:calc((100% - 20px) / 3 );}
.msie .hmc_form .input_group.ea_03>*:not(.space){width:calc((100% - 21px) / 3 );}
/* flex box */
.hmc_form .ui_table .box-flex {display: flex; gap: 10px;}
.hmc_form .ui_table .box-flex:after {display: none;}
.hmc_form .ui_table>dl>dd>.box-flex>*{float:none;}

@media (min-width: 768px) { /* 광고성 정보 수신동의 제목 여백 */
    .hmc_form .ui_table>dl>dt.no-before {
        box-sizing: border-box;
        padding-right: 20px;
    }
}
@media (max-width: 767px) { /* 모바일에서 hidden */
    .hmc_form .ui_table>dl>dt.is-sr-only {
        display: none;
    }
    .hmc_form .ui_table .email_input {display:table;width:100%;table-layout:fixed;}
    .hmc_form .ui_table .email_input span {display:table-cell;width:20px;padding:0 4px;vertical-align:middle;text-align:center;}
    /*.hmc_form .ui_table .email_input span.input_wrap, .hmc_form .ui_table .email_input span.select_wrap {width:33%;}*/
    .hmc_form .ui_table .email_input .space {width:8px;}
    /* 2018-03-20 이지혜 : 아이폰 width calc가 적용이 안돼서 인풋이 깨지는 현상 수정 */
    .hmc_form .ui_table .email_input .input_wrap {width:28%;}
    .hmc_form .ui_table .email_input .select_wrap {width:34%;}
    /*  */
    .hmc_form .ui_table .box-flex.select_set > * {flex: 1;}
}

/* input + button set */
.input_btn_wrap{position:relative;}
.input_btn_wrap>*:first-child{width:calc(100% - 130px);}
/* 191108 추가 */
.input_btn_wrap>.input_group.registration:first-child{width:calc(100% - 146px);}
.input_btn_wrap.registration .select_wrap,
.input_btn_wrap.registration>.input_wrap span.input_wrap {width:256px !important;}
.input_btn_wrap.registration .select_wrap + span {font-size:14px;}
/* //191108 추가 */
.input_btn_wrap input[type="file"]{position:absolute; z-index: -1; top:0; right:0; width:120px;}
.input_btn_wrap [class^="btn_"]{position:absolute; top:0; right:0;}
.input_btn_wrap input[type="file"]:focus + label{outline: 1px dotted #000}
.input_btn_wrap.validate_error .input_wrap input{border-color:#f00;}
.input_btn_wrap .input_wrap .input_file_name{background:#fff; color:#000;}
/* 날짜입력폼 */
.input_date_group{display:table; width:100%; font-size:14px; table-layout: fixed}
.input_date_group>*{display:table-cell;}
.input_date_group>span{text-align:center; width:20px;}
.input_date_group .input_wrap[class*="validate_"] input{padding-right:70px;}
.input_date_group .input_wrap[class*="validate_"]:before{right:40px;}
.input_date_group .btn_cal{position:absolute; top:0; right:0; z-index: 1; width:40px; height:100%; padding:0; border:0;}
.input_date_group>.input_wrap:only-child{width:100%;}
/* datepicker layer */
.date_picker_layer{z-index:3;}
.layer_popup .date_picker_layer .layer_dimmed{background:transparent;}
.date_picker_layer .layer_wrap{background:#fff; -webkit-box-shadow:none; box-shadow: none;}
.calendar_wrap{position:relative;}
.date_picker_layer .date{height:35px; border:1px solid #e4dcd3; border-bottom:0; text-align: center;}
.date_picker_layer .date>.date_select{position:relative; margin:0 30px; padding:0 1em; height:100%; font-size:20px; font-family:'TextMedium'; color:#000;}
.date_picker_layer .date>.date_select:after{content:''; position:absolute; top:50%; right:0; width:0; height:0; margin-top:-2px; border:4px solid transparent; border-top-color:#000;}
.date_picker_layer .date button:disabled{opacity: .3;}
.date_picker_layer table{width:100%;  font-size:14px;}
.date_picker_layer th{background:#002c5f; color:#fff; height:24px; font-family:'TextMedium'; font-weight:normal;}
.date_picker_layer td{border-right:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3;}
.date_picker_layer td:first-child{border-left:1px solid #e4dcd3;}
.date_picker_layer td button{position:relative; width:100%; height:34px;}
.date_picker_layer td button span{display:inline-block; width:50%; height:17px; margin:0 50% 17px 0; line-height:17px; vertical-align: top;}
.date_picker_layer td button:disabled{color:#ccc;}
.date_picker_layer td.selected{background:#006992; color:#fff;}
.date_picker_layer td.other{background:#f6f3f2;}
.date_picker_layer td.other.selected{background:#006992; color: #626262;}
.date_picker_layer td.today .txt{position:absolute; bottom:0; left:0; width:100%; height:1.5em; margin:0; color:#000; font-size:12px;}
.date_picker_layer td.today.selected .txt{color:#fff;}
.date_picker_layer [class^="ico_"]{width:16px; height:16px; background:url(../images/common/ico_pc_20.png) no-repeat;}
.date_picker_layer [class^="ico_"][class*="prev"]{background-position:-80px -160px;}
.date_picker_layer [class^="ico_"][class*="next"]{background-position:0 -158px;}
.date_list_layer{display:none; position:absolute; top:35px ; z-index: 1; background:#fff; border:1px solid #000;}
.date_list_layer:after{content:''; display: block; clear: both;}
.date_list_layer>dl{float:left; width:50%; text-align: left;}
.date_list_layer>dl + dl{border-left:1px solid #e4dcd3;}
.date_list_layer dt{padding:1em; color:#000; font-family:'TextMedium'; font-size:15px;}
.date_list_layer dd{overflow:hidden; overflow-y:auto;height:300px;}
.date_list_layer li{width:100%; height:25px;}
.date_list_layer li button{width:100%; height:100%; padding-left:1em; text-align: left; font-family:'HeadMedium'; color:#000;}
.date_list_layer button:disabled{color:#ccc;}
.date_list_layer .selected{text-decoration: underline; color:#006992;}
.date_list_layer .ui_close{top:-5px; right:-5px;}

/* calendar */
.ui_calendar ~ .date_picker_layer {margin: 0;width: 100%;position: relative;z-index: 1;padding: 0;}
.ui_calendar ~ .date_picker_layer .layer_dimmed {display: none;}
.ui_calendar ~ .date_picker_layer .layer_wrap {padding:0;margin:0;transform: none;width: 100%;position: relative;}
.ui_calendar ~ .date_picker_layer .layer_wrap .ui_close {display: none;}

.form_btns{text-align:center;}
/* dl text contents pc : 2 col -> mobile 1 col */
.dl_text_cont + .dl_text_cont,
.dl_text_cont>dl + dl{margin-top:15px;}
.dl_text_cont>dl{width:100%;}
.dl_text_cont>dl>dt{font-family:'TextMedium'; margin-bottom:0.5em; color:#000;}
.dl_text_cont>dl>dt:before{content:''; display:inline-block; width:2px; height:2px; background:#000; margin-right:5px; vertical-align: middle;}
.dl_text_cont>dl>dd{line-height:22px;}
.dl_text_cont.table>dl,
.dl_text_cont.responsive>dl{display:table; width:100%;}
.dl_text_cont.table>dl>*,
.dl_text_cont.responsive>dl>*{display:table-cell; word-break: keep-all;}
.dl_text_cont.table>dl>dt,
.dl_text_cont.responsive>dl>dt{width:40%;}
.dl_text_cont [class^="list_"]{margin:5px 0;}
.dl_text_cont [class^="list_"]>li{margin:0;}

/* pagination */
.pagination{margin-top:35px; text-align:center;}
.pagination>*{display:inline-block; height:21px; padding:0 5px; font-family:'HeadMedium'; color:#000; line-height:21px; border:0; vertical-align: top;}
.pagination .navi{width:13px; background:url(../images/common/bg_btn_board_navi.png) no-repeat;}
.pagination .first{margin-right:10px; background-position:0 0;}
.pagination .first:disabled{background-position:-15px 0;}
.pagination .prev{background-position:0 -21px; margin-right:30px;}
.pagination .prev:disabled{background-position:-15px -21px;}
.pagination .next{background-position:0 -42px; margin-left:30px;}
.pagination .next:disabled{background-position:-15px -42px;}
.pagination .end{margin-left:10px; background-position:0 -63px;}
.pagination .end:disabled{background-position:-15px -63px;}
.pagination .current{color:#006992; text-decoration: underline;}

/* slide */
.slide {position:relative; width:100%;}
/* viewport */
.slide .ix-list-viewport {overflow:hidden;}
/* 슬라이드 영역, Safari9, Samsung Browser ~4 버전에서 position을 넣지 않으면 randering bug가 발생할 수 있다. */
.slide .ix-list-items {position:relative; left:0; top:0; width:100%; height:100%;}
.slide .ix-list-items:after{content:''; display: block; clear:both;}
.slide .ix-list-item{float:left; width:100%; text-align:center;}
.slide .ix-list-item>*:not(picture){display:block; width:100%; height:100%;}
.slide .ix-list-item .table-lg {display:table;width:100%;table-layout:fixed;}
/* 슬라이드 인디케이터, 방향 버튼 그룹 */
.slide .ix-controller {width:100%; overflow:hidden; padding:1.8em 0; text-align:center;}
.slide .ix-controller.disabled{visibility:hidden;}
/* 슬라이드 인디케이터 */
.slide .ix-thumbs {display:inline-block;}
.slide .ix-thumb {display:inline-block; margin:0 5px;}
.slide .ix-btn{display:inline-block; width:12px; height:12px; border:1px solid #726e69; text-indent:-9999px; border-radius:100%;}
.slide .ix-btn.pause,
.slide .ix-btn.play{background:transparent url(../images/common/ico_pc_20.png) no-repeat; border-radius: 0; border:0;}
.slide .ix-btn.pause{background-position:0 -120px;}
.slide .ix-btn.play{display:none; background-position:-20px -120px;}
/* 230113*/
.slide .active .ix-btn, 
.slide .ix-thumb.active .ix-btn {background:#006992; border:0;}
/* //230113*/
.slide  a .title{overflow:hidden; display:block; padding-top:1em; font-family:'TextMedium'; color:#000; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
/* 슬라이드 방향 버튼 */
.slide [class*='_direction'] [class^="ix-btn"]{position:absolute; top:50%; width:44px; height:44px; margin-top:-22px; background:rgba(0, 0, 0, 0.6);}
.slide [class*='_direction'] .ix-btn-prev {left:0;}
.slide [class*='_direction'] .ix-btn-next {right:0;}
.slide [class^="ix-btn"] [class^="ico_"]{width:25px; height:25px; background:url(../images/common/ico_mobile_50.png) no-repeat; background-size:100%;}
.slide [class^="ix-btn"] [class^="ico_"][class*="_prev"]{background-position:0 -40px;}
.slide [class^="ix-btn"] [class^="ico_"][class*="_next"]{background-position:0 -65px;}
/* 버튼 비활성화 */
.slide [class*='direction'] [class*="ix-btn"].disabled {cursor:default; background:rgba(0, 0, 0, 0.3);}
.slide [class*='direction'] [class*="ix-btn"].disabled [class^="ico_"] {opacity:.2;}
/* 슬라이드 pager */
/*.slide .paging{position:absolute; z-index: 1; bottom:30px; right:30px; color:#fff;}*/
.slide .paging{position:absolute; z-index: 1; bottom:30px; right:30px; color:#fff; background:rgba(0,0,0,0.6); padding:17px 0; width:50px; border-radius:50%; text-align:center;}

/* 섬네일 슬라이드 */
.thumbnail_slide .ix-controller{padding:0;}
.thumbnail_slide.desc .thumb_desc {padding: 10px 0;} /* 사진설명 있는 경우 */
.thumbnail_slide.desc .thumb_desc .desc {display: none;text-align: center;}
.thumbnail_slide.desc .thumb_desc .desc.active {display: block;}

.thumbnail_slide.desc .thumb_desc.is-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 15px;
    line-height: 1.4;
    font-size: 16px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: left;
    font-weight: normal;
    color: #fff;
}
.thumbnail_slide.desc .thumb_desc.is-bottom .desc { text-align: left; }
.thumbnail_slide.desc .thumb_desc.is-bottom strong { font-weight: normal; color: #fff; }
.thumbnail_slide.desc .thumb_desc.is-bottom strong + span::before { content: ': '; }
.thumbnail_slide .overlay.visual + .slide.thumbnail {background:transparent;}
@media (min-width: 768px) {
    .thumbnail_slide.desc .thumb_desc.is-bottom {
        padding: 30px;
        font-size: 20px;
    }
    .thumbnail_slide.desc .thumb_desc.is-bottom strong { display: block; }
    .thumbnail_slide.desc .thumb_desc.is-bottom strong + span::before { display: none; }
}
.slide.thumbnail{width:100%;background:#000;}
.slide.thumbnail:after{content:''; display: block; clear: both;}
.slide.thumbnail .ix-list-item{float:left; margin:0; width:25%; background:#000;}
.slide.thumbnail .ix-list-item>button{border:0;}
.slide.thumbnail .ix-list-item img{opacity:0.3;}
.slide.thumbnail .active img{opacity:1;}
.slide.thumbnail .ix-btn-prev,
.slide.thumbnail .ix-btn-next{margin-top:-1.25em;}
/* responsive slide */
.responsive_slide{overflow:hidden; width:100%;}
.responsive_slide .ix-list-viewport{width:calc(100% + 32px); margin-left:-16px;}
.responsive_slide .ix-list-item{padding:0 16px;}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .responsive_slide .ix-list-viewport{width:calc(100% + 16px); margin-left:-8px;}
    .responsive_slide .ix-list-item{padding:0 8px;}
}
@media screen and (max-width: 767px){
    .responsive_slide .ix-list-viewport{width:calc(100% + 10px); margin-left:-5px;}
    .responsive_slide .ix-list-item{padding:0 5px;}
    /* o2o style 적용 */
    .slide .ix-controller {padding: 12px 0;}
    
    /* 
      230112 : css selector 추가
      as-is: .slide .ix-btn
      to-be: .slide .ix-thumb .ix-btn
    */
    .slide .ix-thumb .ix-btn {width: 8px; height: 8px; border: none;background-color: rgba(0, 0, 0, 0.1);}
}

/* slider / range slider */
[class*="_slider"]{}
/* Input */
[class*="_slider"] .ix-inputs{width:100%; margin-top:20px;}
[class*="_slider"] .ix-inputs:after{content:''; display: block; clear: both;}
[class*="_slider"] .ix-inputs>[class*="input"]{float:right; height:40px; padding: 0 1em; background:#fff;  border: 1px solid #e4dcd3; font-size:14px; color: #000;}
[class*="_slider"] .ix-inputs>[class*="input"]:first-child{float:left;}
/* Progress Bar (TouchEvent Area) */
[class*="_slider"] .ix-slider-bar{position:relative; height:20px; margin:0 10px;}
[class*="_slider"] .ix-slider-bar:before{content:''; position:absolute; top:50%; left:0; width:100%; height:4px; margin:-2px 0 0 -10px; padding-right:20px; background:#999; border-radius:4px; box-sizing:content-box;}
[class*="_slider"] .ix-progress{position:absolute; z-index:1; top:50%; left:0; width:100%; height:4px; margin:-2px 0 0 -10px; border-radius:4px; background:#006992;}
/* Icon */
[class*="_slider"] [class*="icon"]{position:absolute; top:50%; z-index: 2; margin:-10px 0 0 -10px; width:20px; height:20px; cursor:pointer; border:#006992 solid 6px; border-radius:50%; background:#fff;}

/* sns */
.sns_link{display:table; width:100%; text-align:center;}
.sns_link>li{display:table-cell;}

/* 이미지 섬네일 */
.img_align_text:after{content:''; display: block; clear: both;}
.img_align_text>.img{float:left; margin-right:5%;}

/* 버튼 정렬 */
.page_btns{text-align:center;}

/* media query */
@media screen and (min-width: 1024px){
    /* 1024 이상 desktop  */

    /* ui_tab */
    [class*="tab_menu"].menu_5>*{width:20%;}
    [class*="tab_menu"].menu_6>*{width:16.66%;}
    [class*="tab_menu"].menu_7>*{width:14.2%;}
    [class*="tab_menu"].menu_8>*{width:12.5%;}
    [class*="tab_menu"].menu_9>*{width:11.111111%;}
    [class*="tab_menu"].menu_6>*:nth-child(6n),
    [class*="tab_menu"].menu_7>*:nth-child(7n),
    [class*="tab_menu"].menu_8>*:nth-child(8n),
    [class*="tab_menu"].menu_9>*:nth-child(9n){float:right;}

    /* responsive slide */
    .responsive_slide .ix-list-item {width:25%;}

}
@media screen and (min-width: 768px){
    /* 768 이상 tablet & descktop  */

    /* ui_tab */
    [class^="ui_tab_"] .mobile_only{display:block; overflow:hidden; width:1px; height:1px; position:absolute; z-index: -1;}
    [class*="tab_menu"].menu_2>*{width:50%;}
    [class*="tab_menu"].menu_3>*{width:33.33%;}
    [class*="tab_menu"].menu_3>*:nth-child(3n){float:right;}
    [class*="tab_menu"].menu_4>*{width:25%}

    /* ui search */
    [class*="search_01"] .input_del .ico_close_w{background-position:-40px -220px;}

    /* ui step */
    [class^="ui_step"]{overflow:hidden; width:100%; max-width:1120px; margin:0 auto;}
    [class^="ui_step"] ul{display: table; width:100%; border-bottom:1px solid #e5e5e5; table-layout: fixed;}
    [class^="ui_step"] ul>li{position:relative; display:table-cell; height:75px; padding-left:20px; vertical-align: middle; text-align:center; color:#767676;}
    [class^="ui_step"] ul>li:after{content:''; display:block; position:absolute; top:30px; right:-20px; width:16px; height:16px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -160px; opacity:.3;}
    [class^="ui_step"] ul>li.current{opacity:1; font-family:'TextMedium'; color:#006992;}
    [class^="ui_step"] ul>li.current:after{opacity:1;}
    [class^="ui_step"] ul>li.current:before{content:''; display:inline-block; width:18px; height:18px; margin-right:5px; vertical-align:middle; background:url(../images/common/ico_pc_20.png) no-repeat 0 -140px;}
    [class^="ui_step"] ul>li:first-child{padding-left:0;}

    /* form */
    .hmc_form span.select_wrap,
    .hmc_form span.input_wrap{min-width:190px;}
    .hmc_form .check_wrap{min-width:200px;}
    .hmc_form .check_set>*,
    .hmc_form .radio_set>*{margin-left:0 !important;}
    .hmc_form [class*="_set"].ea_02>*{width:50%; max-width:200px;}
    .hmc_form [class*="_set"].ea_03>*{width:33.3%; max-width:200px;}
    .hmc_form [class*="_set"].ea_04>*{width:25%; min-width:inherit !important;}
    .hmc_form [class*="_set"].ea_05>*{width:20%; min-width:inherit !important;}
    .hmc_form .mxw{max-width:590px;}
    .hmc_form .input_zip{width:320px;}
    .hmc_form .input_zip .input_wrap{min-width:inherit !important;}

    /* datepicker layer */
    .date_picker_layer{top:100%; bottom:auto; right:auto; width:280px; margin-top:-1px;}
    .date_picker_layer .layer_wrap{position:static !important; padding:0 !important;}
    .date_list_layer{left:50%; width:100%; max-width:220px; margin-left:-110px;}

    /* sns share */
    .sns_link [class^="ico_"]{width:60px; height:64px; background:url(../images/common/ico_sns_60.png) no-repeat;}
    .sns_link a:hover [class^="ico_"]{background-image:url(../images/common/ico_sns_60.png);}
    .sns_link a.kakaotalk{display:none;}    /* 190409 추가 :  url 복사 기능 추가*/
    [class^="ico_"][class*="_facebook"]{background-position:0 0;}
    [class^="ico_"][class*="_twitter"]{background-position:0 -64px;}
    [class^="ico_"][class*="_google"]{background-position:0 -128px;}
    [class^="ico_"][class*="_pinterest"]{background-position:0 -192px;}
    [class^="ico_"][class*="_kakaotalk"]{background-position:0 -256px;}
    [class^="ico_"][class*="_youtube"]{background-position:0 -160px;}
    [class^="ico_"][class*="_instagram"]{background-position:0 -192px;}
    [class^="ico_"][class*="_band"]{background-position:0 -320px;}
    [class^="ico_"][class*="_naver"]{background-position:0 -384px;}
    [class^="ico_"][class*="_kakaostory"]{background-position:0 -448px;}

}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* tablet only */

    /* tab menu */
    [class*="tab_menu"].menu_5>*,
    [class*="tab_menu"].menu_6>*,
    [class*="tab_menu"].menu_7>*,
    [class*="tab_menu"].menu_8>*,
    [class*="tab_menu"].menu_9>*{width:25%;}


    /* accordion */
    .acc_01 .title_bar{padding-left:10%; padding-right:40%;}
    .acc_01 .title_bar .date{padding-right:10%;}

    /* responsive slide */
    .responsive_slide .ix-list-item {width:33.3%;}

    /* input validate */
    .input_date_group input.validate_error,
    .input_date_group input.validate_success{padding-right:22%; background-position:92% 50%;}
}
@media screen and (max-width: 767px){
    /* 768 tablet(포함) 이하 */

}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    /* ui tab */
    /* tab01 */
    .ui_tab_01>button{position:relative; width:100%; height:50px; padding:0 15px; text-align: left; background:#444; color:#fff;}
    .ui_tab_01>button:after{content:''; position:absolute; top:50%; right:20px; width:0;  height:0; margin-top:-2.5px; border:5px solid transparent; border-top-color:#fff;}
    .ui_tab_01>button.on:after{margin-top:-10px; border-top-color:transparent; border-bottom-color:#fff;}
    .ui_tab_01>[class*="tab_menu"]{display:none;}
    .ui_tab_01 .on + [class*="tab_menu"]{display:block;}
    .ui_tab_01>[class*="tab_menu"]>li{display:block; width:100%; height:50px;}
    .ui_tab_01>[class*="tab_menu"]>li>*{padding:0 15px; text-align:left;}
    .ui_tab_01>[class*="tab_menu"]>li.on {background:#222;}
    .ui_tab_01>[class*="tab_menu"]>li.on>* {color:#fff;}

    /* tab02 */
    [class*="tab_menu"][class*="_02"]{height:50px; border-bottom:1px solid #e4dcd3;}
    [class*="tab_menu"][class*="_02"]:after{display:none;}
    /* tab03 */
    [class*="tab_menu"][class*="_03"]>li{min-width:100px;}
    /* responsive tab */
    [class^="ui_tab_"].responsive>button{position:relative; width:100%; height:40px; padding:0 15px; text-align: left; background:#f6f3f2;}
    [class^="ui_tab_"].responsive>button:after{content:''; position:absolute; top:50%; right:15px; width:0;  height:0; margin-top:-2.5px; border:5px solid transparent; border-top-color:#000;}
    [class^="ui_tab_"].responsive>button.on:after{margin-top:-10px; border-top-color:transparent; border-bottom-color:#000;}
    [class^="ui_tab_"].responsive>[class*="tab_menu"]{display:none;}
    [class^="ui_tab_"].responsive>button.on + [class*="tab_menu"]{display:block;}
    [class^="ui_tab_"].responsive>[class*="tab_menu"]>li{display:block; width:100%; height:40px; margin:0; padding:0;}
    [class^="ui_tab_"].responsive>[class*="tab_menu"]>li>*{display:block; width:100%; padding:0 15px; text-align:left;}
    /* tab04 */
    .ui_tab_04.responsive [class*="tab_menu"][class*="_04"]>li + li:before{display:none;}
    .ui_tab_04.responsive [class*="tab_menu"]>li>*{background:#f6f3f2; color: #626262;}
    .ui_tab_04.responsive [class*="tab_menu"]>li.on>*{background:#006992; color:#fff;}

    /* ui search */
    [class*="ui_search"] [class^="select_"],
    [class*="ui_search"] [class^="select_"] + .wrap{width:100%;}
    [class*="ui_search"]:not(.box-flex) [class^="select_"]{float:none; width:100%;}
    [class*="ui_search"]:not(.box-flex) [class^="select_"] + .wrap{float:none; width:100%; margin-top:10px;}
    [class*="ui_search"] .input_del,
    [class*="ui_search"] .btn_loc{right:45px;}
    [class*="search_01"] .btn_search{right:1px;}
    [class*="search_01"] .is-find-ex-vehicle {float:none; width:100% !important; margin:0 !important;}
    [class*="search_01"] .is-find-ex-vehicle [class*="select_wrap"] {float:none; width:100% !important; margin:10px 0 0 0;}
    [class*="search_01"] .is-find-ex-vehicle [class*="btn_md"] {float:none; width:100%; margin:10px 0 0 0;}
    [class*="search_02"] .input_wrap{width:100%;}
    [class*="search_02"] [class^="btn_"]{position:static; margin-top:10px;}

    .is-find-locate .btn_search{right:31px;} /* 20180120 박순길, 검색, 내 위치 찾기 버튼 위치 수정 #36884 */
    .is-find-locate .btn_loc{right: 0; }

    .is-find-locate .toggle p.message { padding-left: 10px; } /* 20180130 정윤진, 시승센터 검색영역 수정 */
    .is-test-center .select_wrap_white { margin-bottom: 10px; }

    .is-find-locate .toggle.is-test-center .select_wrap_white.is-test { width: 100%; }  /*190710 추가*/
    [class*="search_01"] .btn_category { position:relative; width:100%; height:44px; }  /*190710 추가*/

    /* ui accodion */
    .ui_accordion>dl>dt .title{padding-left:15px;}
    .ui_accordion>dl>dt button{padding:0 15px;}
    .ui_accordion>dl>dt:after{right:15px;}
    .ui_accordion>dl>dd{padding:15px;}

    /* type01 */
    .acc_01>dl>dt{padding-right:50px; font-size:16px;}
    .acc_01>dl>dt button{width:100%; height:50px;} /*20182012 김기용 width:50px -> 100% 로 변경*/
    .acc_01>dl>dt button:after{right:15px; width:16px; height:16px; margin-top:-8px; background:url(../images/common/ico_mobile_32_w.png) no-repeat 0-144px; background-size:100%;}
    .acc_01>dl>dt.on button:after{background-image:url(../images/common/ico_mobile_32.png); background-position:0 -128px;}
    .acc_01>dl>dt .title{height:50px; padding:13px 0 13px 15px;}
    .acc_01 .title_bar{margin-left:15px; padding-left:0; font-size:14px;}
    .acc_01 .title_bar>*{height:50px;}
    .acc_01 .title_bar .title{padding-left:0;}
    .acc_01 .title_bar .num, .acc_01 .title_bar .date{display:none;}
    .acc_01 .ico_down{background-image:url(../images/common/ico_mobile_32_w.png); background-position:0 -192px !important;}
    .acc_01 .on .ico_down{background-image:url(../images/common/ico_mobile_32.png);}
    .acc_01 dd .ico_down {background-image:url(../images/common/ico_mobile_32.png); background-position:0 -192px !important;}
    .acc_01 dd .img_wrap img {width:100%;}
    /* type02 */
    .acc_02>dl>dt{padding-right:45px;}
    .acc_02>dl>dt button:after{right:10px;}
    .acc_02>dl>dt button{width:100%; height:100%;}
    .acc_02>dl>dt .title{height:45px; padding:12px 15px;}

    /* table layout */
    .ui_table.type_01{font-size:12px; line-height: 20px;}
    .ui_table.type_01>dl>dt,
    .ui_table.type_01>dl>dd{padding:1em 0.5em;}
    .ui_table.responsive,
    .ui_table.responsive>*,
    .ui_table.responsive>*>*{display:block;}
    .ui_table.responsive>dl>dt{width:100%; padding-bottom:10px; color:#000; text-align:left;}
    .ui_table.responsive>dl>dt:before{height:0;}


    /* form table layout */
    .hmc_form{overflow:hidden; min-width: 100%;}
    .hmc_form .form_title{font-size:21px;}
    .hmc_form .ui_table>dl + dl{margin-top:0;}
    .hmc_form .ui_table.responsive>dl{margin-top:20px;}
    /*.hmc_form .ui_table.responsive>dl + dl{margin-top:20px;}*/
    .hmc_form .ui_table + .ui_table{margin-top:10px;}
    .hmc_form .ui_table>dl>dd>div + div,
    .hmc_form [class^="btn_"]{margin-top:10px; margin-left:0;}
    .input_group{float:none; width:100%;}
    .input_group [class^="btn_"]{margin-top:0;}
    .input_btn_wrap>*:first-child{width:calc(100% - 100px) !important;}
    /* 191108 추가 */
    .input_btn_wrap.registration>.input_wrap,
    .input_btn_wrap.registration>.select_input_set{width:calc(100% - 40px) !important;}
    .input_btn_wrap>.input_group.registration:first-child{width:100% !important;}
    .input_btn_wrap.registration .select_wrap,
    .input_btn_wrap.registration>.input_wrap span.input_wrap {display:inline-block; width:220px !important;}
    /* //191108 추가 */
    .input_btn_wrap input[type="file"],
    .input_btn_wrap [class^="btn_"]{width:90px; padding:0; margin-top:0;}
    .input_btn_wrap .input_group{width:100%;}
    .input_btn_wrap.responsive>*{width:100% !important;}
    .input_btn_wrap .input_group + [class^="btn_"],
    .input_btn_wrap.responsive input[type="file"],
    .input_btn_wrap.responsive [class^="btn_"]{position:static; width:100%; margin-top:10px;}
    .hmc_form [class*="_set"].ea_02>*,
    .hmc_form [class*="_set"].ea_04>*,
    .hmc_form [class*="_set"].ea_05>*{width:50%; max-width:inherit !important; min-width:inherit !important;}
    .hmc_form [class*="_set"].ea_03>*{width:33.3%;}

    /* slide */
    .slide [class*='_direction'] [class^="ix-btn"]{width:35px; height:35px; margin-top:-17.5px;}
    .slide .paging{display:none;}
    .responsive_slide .ix-list-item{width:50%;}

    /* ui step */
    [class^="ui_step"]{position:relative; width:100%; background:#006992;}
    [class^="ui_step"] li{display:none;}
    [class^="ui_step"] li.current{display:block; height:50px; padding:0 1em; color:#fff; font-family:'TextMedium'; font-size:16px;}
    [class^="ui_step"] li.current:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
    /* type 01 */
    [class^="ui_step"][class*="_01"]{text-align:center;}
    [class^="ui_step"][class*="_01"] .navi button{position:absolute; top:0; width:50px; height:50px;}
    [class^="ui_step"][class*="_01"] .navi button:disabled{opacity:.3;}
    [class^="ui_step"][class*="_01"] .navi .prev{left:0;}
    [class^="ui_step"][class*="_01"] .navi .next{right:0;}
    [class^="ui_step"] [class^="ico_"]{width:25px; height:25px; background:url(../images/common/ico_mobile_50.png) no-repeat; background-size:100%;}
    [class^="ui_step"] [class^="ico_"][class*="_prev"]{background-position:0 -40px;}
    [class^="ui_step"] [class^="ico_"][class*="_next"]{background-position:0 -65px;}
    /* type 02 */
    [class^="ui_step"][class*="_02"]{text-align:left;}
    [class^="ui_step"][class*="_02"] .pager{position:absolute; top:0; right:0; display:block; width:50px; height:50px; text-align: center; color:#fff;}
    [class^="ui_step"][class*="_02"] .pager:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
    [class^="ui_step"][class*="_02"] .pager span{opacity:0.5;}

    /* dl text contents */
    .dl_text_cont{padding-left:5px;}
    .dl_text_cont.responsive>dl{display:block;}
    .dl_text_cont.responsive>dl>*{display:block; width:auto !important;}
    .dl_text_cont>dl>dt{font-size:15px;}
    .dl_text_cont.responsive>dl>dd{padding-left:0.7em;}
    .dl_text_cont + .dl_text_cont,
    .dl_text_cont>dl + dl{margin-top:10px;}

    /* input validate */
    .input_date_group .input_wrap[class*="validate_"] input{padding-right:50px;}
    .input_date_group .input_wrap[class*="validate_"]:before{right:35px;}

    /* datepicker layer */
    .date_picker_layer{position:fixed; bottom:0;}
    .date_picker_layer [class^="navi_"]{position:absolute; top:0; width:35px; height:35px; background:none;}
    .date_picker_layer [class^="navi_"][class*="_prev"]{left:0;}
    .date_picker_layer [class^="navi_"][class*="_next"]{right:0;}
    .date_picker_layer .layer_wrap {transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
    .date_list_layer{left:-1px; right:-1px; bottom:0;}
    .date_list_layer dl{height:100%;}
    .date_list_layer dd{height:calc(100% - 45px);}
    .date_list_layer li{height:30px;}

    /* pagination */
    .pagination>*{padding:0 4px;}
    .pagination .prev{margin-right:10px;}
    .pagination .next{margin-left:10px;}

    /* sns */
    /* 190409 수정 */
    .sns_link [class^="ico_"]{width:45px; height:48px; background-image:url(../images/common/ico_sns_90.png); background-size:100%;}
    [class^="ico_"][class*="_facebook"]{background-position:0 0;}
    [class^="ico_"][class*="_twitter"]{background-position:0 -48px;}
    [class^="ico_"][class*="_google"]{background-position:0 -96px;}
    [class^="ico_"][class*="_pinterest"]{background-position:0 -144px;}
    [class^="ico_"][class*="_kakaotalk"]{background-position:0 -192px;}
    [class^="ico_"][class*="_youtube"]{background-position:0 -240px;}
    [class^="ico_"][class*="_instagram"]{background-position:0 -288px;}
    [class^="ico_"][class*="_band"]{background-position:0 -240px;}
    [class^="ico_"][class*="_naver"]{background-position:0 -288px;}
    [class^="ico_"][class*="_kakaostory"]{background-position:0 -336px;}
    /* //190409 수정 */

    /* 190409 추가 :  url 복사 기능 추가*/
    .url_copy_wrap .input_wrap{width:calc(100% - 80px); background:#f6f3f2; border:0;}
    .url_copy_wrap input[type="text"]{position:relative; width:100%; height:40px; padding:0 20px; border:0; color:#000;}
    .url_copy_wrap [class^="btn_"]{position:absolute; top:0; right:0;width:80px;}
    /* //190409 추가 :  url 복사 기능 추가*/
}
@media screen and (max-width: 320px){
    /* 320 이하 mobile  */

}

/* 날짜로 검색 */
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .date_search_form:after{content:''; display: block; clear: both;}
    .date_search_form>div{float:right;}
    .date_search_form>div + div{margin-top:10px;}
    .date_search_form>div>*{float:left;}
    .date_search_form .input_date_group{width:356px; margin-right:10px;}
    .date_search_form .input_date_group ~ .mobile_btn_set.mt-20-md {clear: both;}/*201007 장미 IE 레이아웃 틀어짐 수정*/
    .date_search_form .input_button_wrap>label{width:100px; min-width: inherit; border-color:#e4dcd3}
    .date_search_form .input_button_wrap>input:checked:focus + label{border-color:#000}
    .date_search_form .input_button_wrap>label,
    .date_search_form [class^="btn_"]{width:99px; min-width: inherit;} /*201020 최수정 ie 레이아웃 틀어짐 수정*/
    .date_search_form [class^="btn_"]{margin-left:10px;}
    .date_search_form [class^="select_wrap"]{width:154px; min-width:inherit;}
    .date_search_form .select_group [class^="select_wrap"]{margin-right:10px !important;}
    .date_search_form>div + div .select_wrap{width:250px;}

}
@media screen and (min-width: 768px) and (max-width: 1109px){
    /* 768이상 1110 미만 tablet & pc */

    .date_search_form.tablet_row>div{float:none;width:688px;margin:0 auto;}
    .date_search_form.tablet_row .input_date_group{margin-right:0; margin-bottom:10px;}
    .date_search_form.tablet_row .mobile_btn_set{margin-left:133px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* 768이상 1023 미만 tablet */

    .date_search_form:not(.tablet_row) .input_date_group{width:300px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .date_search_form .mobile_btn_set{margin-top:10px;}
    .date_search_form .input_button_wrap:first-child>label{border-left-color:#e4dcd3}
    .date_search_form>div + div{margin-top:20px;}
    .date_search_form .select_group{margin-bottom:10px;}
    .date_search_form .select_group:after{content:''; display: block; clear: both;}
    .date_search_form .select_group>*{float:left; width:calc(50% - 5px);}
    .date_search_form .select_group>*:first-child{margin-right:10px;}
    .date_search_form .select_wrap{width:100%;}
}

.text_button_bar{position:relative; min-height:40px; padding-right: 130px;}
.text_button_bar>[class*="btn"]{position:absolute; top:50%; right:0; margin-top:-20px}

@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    .text_button_bar{padding-right:0;}
    .text_button_bar>[class*="btn"]{position:static; display:block; width:100% !important; margin-top:20px;} /* 211109 edit */
    .ui_table .text_button_bar>[class*="btn"]{margin-top:0;}
}

/*ui_vr*/
.ui_vr{position:relative;max-width:1154px;width:100%;margin:0 auto;z-index:79;}
.ui_vr .vr_image_area.move_cursor {cursor:move;}
.ui_vr .vr_prev_btn{position:absolute;left:0;top:calc( 50% - 19px);width:21px;height:38px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/ico_3d_arrow.png') no-repeat 0 0;}
.ui_vr .vr_next_btn{position:absolute;right:0;top:calc( 50% - 19px);width:21px;height:38px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/ico_3d_arrow.png') no-repeat right 0;}
/*.ui_vr .vr_prev_btn{position:absolute;left:0;top:calc( 50% - 22px);width:44px;height:44px;background:url('../images/common/btn_vr_left.png') no-repeat 0 0;}
.ui_vr .vr_next_btn{position:absolute;right:0;top:calc( 50% - 22px);width:44px;height:44px;background:url('../images/common/btn_vr_right.png') no-repeat 0 0;}*/
.ui_vr .vr_image_area{position:relative;overflow:hidden;width:100%;padding-bottom:55%;margin:0 auto;}
.ui_vr .vr_image_area .sequence{position:absolute;left:0;top:0;width:100%;height:100%;visibility: hidden;}
.ui_vr .vr_image_area .sequence.on {visibility: visible;}
/* 360VR ie에서 깜박임 해결을 위해 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE 10+ */
    .ui_vr .vr_image_area .sequence.ready{
        visibility: visible !important;
        -ms-transform: scale(0.0001, 0.0001); /* IE 9 */
        -webkit-transform: scale(0.0001, 0.0001); /* Safari */
        transform: scale(0.0001, 0.0001);
    }
    .ui_vr .vr_image_area .sequence.on {
        -ms-transform: scale(1, 1); /* IE 9 */
        -webkit-transform: scale(1, 1); /* Safari */
        transform: scale(1, 1);
    }
}
@media screen\0 { /* IE 8,9,10 */
    .ui_vr .vr_image_area .sequence.ready{
        visibility: visible !important;
        -ms-transform: scale(0.0001, 0.0001); /* IE 9 */
        -webkit-transform: scale(0.0001, 0.0001); /* Safari */
        transform: scale(0.0001, 0.0001);
    }
    .ui_vr .vr_image_area .sequence.on {
        -ms-transform: scale(1, 1); /* IE 9 */
        -webkit-transform: scale(1, 1); /* Safari */
        transform: scale(1, 1);
    }
}
.ui_vr .vr_image_area .sequence img{position:absolute;left:0;top:0;height:auto;width:100%;}
.ui_vr .vr_car_rotate {position:relative;overflow:hidden;width:100%;padding-bottom:55%;margin:0 auto;} /* 2019-03-13 : 360VR 케이스 추가 */
.ui_vr .vr_car_place {position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;}/* 2019-03-13 : 360VR 케이스 추가 */
.ui_vr .vr_car_preload {position:absolute;bottom:-9999px}/* 2019-03-13 : 360VR 케이스 추가 */
.ui_vr .loading{position:absolute;left:0;right:0;bottom:-30px;text-align:center;}
.ui_vr .vr_area_wrap {position:relative;max-width:980px;margin:0 auto;}
.ui_vr .vr_area_wrap:before {position:absolute;top:0;left:0;bottom:15px;right:0;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/bg_360vr.png') no-repeat center bottom;background-size:100%;content:'';}
.ui_vr .vr_car {position:relative;max-width:940px;margin:0 auto;}
.ui_vr .vr_text {position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:28px;font-family:'TextMedium';color:#020202;opacity:0.8;}
.ui_vr .vr_text span {position:relative;display:inline-block;}
.ui_vr .vr_text span:before {position:absolute;top:1px;right:-7px;display:block;width:7px;height:7px;border:1px solid #333;border-radius:100%;content:'';}
.ui_vr .vr_info {position:absolute;top:50%;left:50%;overflow:hidden;display:block;margin:-50px 0 0 -50px;} /* 2019-03-13 : 360VR 케이스 추가 */
.ui_vr .vr_info button {display:block;width:100px;height:0;padding-top:100px;background:url('../images/common/pip_360vr_w.png') no-repeat left top;} /* 2019-03-13 : 360VR 케이스 추가 */
.ui_vr .comment, .estimate_view_area .comment {margin:20px 0 0; line-height:1.3em; text-align:center;}

@media screen and (max-width: 1120px) {
    /* 2019-03-18
    .ui_vr .vr_prev_btn,
    .ui_vr .vr_next_btn {display:none;}
    */
}
@media screen and (max-width: 767px) {
    .ui_vr {padding:0;}
    .ui_vr .vr_info {margin:-30px 0 0 -30px;} /* 2019-03-13 : 360VR 케이스 추가 */
    .ui_vr .vr_info button {width:60px;padding-top:60px;background:url('../images/common/pip_360vr_m.png') no-repeat left top;background-size:100%;} /* 2019-03-13 : 360VR 케이스 추가 */
    .ui_vr .comment, .estimate_view_area .comment{margin:10px 0;}
}

/*ui_panorama*/
.ui_panorama{position:relative;max-width:980px;;margin:0 auto;}
.ui_panorama.fixed:after {position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:0;content:'';}
.ui_panorama .panorama_image_wrap{position:relative;overflow:hidden;width:100%;height:515px;}
.ui_panorama .panorama_image_wrap.move_cursor {cursor:move;}
.ui_panorama .panorama_image_area{position:absolute;white-space:nowrap;}
.ui_panorama img{max-width:none;width:100%;}
.panorama_image_area {position: relative;}
.panorama_image_area img{max-width:none;width:100%;position: absolute;height:auto;}

/* ============================ [ board.css ] ============================ */
/* board : info area */
[class^="board_"]{}
[class^="board_"] .info{margin-top:1em; font-size:14px;}
[class^="board_"] .info>*{display:inline-block; vertical-align: top;}
[class^="board_"] .info>* + *{position:relative; padding-left:19px;}
[class^="board_"] .info>* + *:before{content:''; position:absolute; top:50%; left:8px; width:1px; height:10px; margin-top:-5px; background:#e5e5e5;}


.ui_paging + .paging_loading{margin-top:30px;}

/* board : list */
.board_list{overflow:hidden; width:100%;}
    /* board : image board */
    .image_board{width:100%;}
    .image_board:after{content:''; display: block; clear: both;}
    .image_board>li{position:relative; float:left; margin-top:20px; padding-bottom:5%;}
    .image_board>li>a{display:block;}
    .image_board>li>a .img_wrap {position: relative;padding-top: 65.9758%;overflow: hidden;}
    .image_board>li>a .img_wrap picture, .image_board>li>a .img_wrap>img {position: absolute; top:0;width:100%;}
    .image_board>li>a .img_wrap picture img {width:100%;}
    .image_board>li div{padding-top:1em;}
    .image_board .title{height:3.2em; font-size:20px; line-height:1.5em; letter-spacing: -1px; word-break: keep-all;overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 타이틀 말줄임 추가 20180214 */
    .image_board .badge{position:absolute; top:0; left:0; padding:0.7em 1em; background:#002c5f; color:#fff; font-size:14px;}
    .image_board .info {line-height:1.3em;}
    .image_board .info span:first-child {position:relative; padding-right:19px;}
    .image_board .info span:first-child:after {content:''; position:absolute; top:50%; right:8px; width:1px; height:10px; margin-top:-5px; background:#e5e5e5;}
    .image_board .info span.num {padding-left:0;}
    .image_board .info span.num:before {display:none;}
    /* board : thumbnail board */
    .thumbnail_board>li{border-bottom:1px solid #ededed;}
    .thumbnail_board>li a,
    .thumbnail_board>li .img{display:block; position:relative;}
    .thumbnail_board .badge{display:inline-block; width:100px; height:30px; border:1px solid #002c5f; font-family:'TextMedium'; font-size:0.9em; color:#002c5f; text-align:center; vertical-align: top; line-height:30px;}
    .thumbnail_board .url{overflow:hidden; display:inline-block; width:100%; padding-top:0.6em; font-size:0.9em; white-space:no-wrap; text-overflow: ellipsis; vertical-align: top;}
    .thumbnail_board .row_title{padding:1em 0 0.5em;}
    .thumbnail_board .date{line-height:28px;margin-top:0.6em;font-size:0.9em;}
    /*
    .thumbnail_board>li .img.video:before{overflow:hidden;position:absolute; top:calc( 50% - 30px);left:calc( 50% - 20px);width:60px;height:60px;background:url(../images/common/img_video_play.png) no-repeat 0 0;content:'';}
    */

/* board : view */
.board_view{position:relative; width:100%;}
    .board_view_info{background:#f6f3f2;}
    .board_view_info .wrap{display:table; width:100%; height:100px; max-width:1120px; margin:0 auto;}
    .board_view_info .wrap>*{display:table-cell; vertical-align: middle;}
        .board_view .title{font-size:20px; line-height:1.2; font-family:'TextMedium'; color:#000; letter-spacing:-1px; padding-right: 50px; word-break: keep-all;}
        .board_view .info{text-align: right; white-space: nowrap;}
        .board_view .info button{overflow:visible;}
        .board_view .info [class^="ico_"]{margin-top:-4px; background:url(../images/common/ico_pc_20.png) no-repeat -20px -200px}
    .board_view_cont,
    .board_btns{max-width:1120px; margin:0 auto;}
    .board_view_cont{margin-top:80px;}
    .board_view_cont .cont {margin-top:18px; margin-bottom: 0px;}
    .board_view_cont .cont.descDetail {line-height:1.75em; word-break:keep-all;}/* 회사소개 > 뉴스,공지사항 상세 */
    .board_view_cont .descDetail p {line-height:1.75em; word-break:keep-all;}
    .board_view_cont .descDetail p span {line-height:1.5em;}

.board_view .board_btns{padding:80px 0;}

/* board : button area */
.board_btns{padding-bottom:50px; text-align:center;}

/* board : 첨부파일*/
.board_attach_file{display:table;width:100%;padding:30px;background-color:#f6f3f2;table-layout:fixed;}
.board_attach_file strong{display:table-cell; width:140px; vertical-align:top; }
.board_attach_file span.file_wrap{display:table-cell; vertical-align:top; }
.board_attach_file span.file_name{overflow: hidden;display:block;width:100%;text-overflow: ellipsis;white-space: nowrap;}
.board_attach_file span.file_name ~ .file_name{margin-top:10px;}
.board_attach_file .attach_btn{display:table-cell;width:180px;text-align:right;}

/* borad :  이전글 다음글*/

.board_list_box{margin-top:20px;padding:30px;border: 1px solid #e4dcd3;}
.board_list_box li{position:relative;overflow:hidden;line-height:20px;}
.board_list_box li+li{margin-top:25px;}
.board_list_box li strong{float:left;width:140px;}
.board_list_box li .text{position:relative;overflow: hidden;float:left;padding-right:60px;width:calc( 100% - 140px );text-overflow: ellipsis;white-space: nowrap;color:#000;}
.board_list_box li .text:after{position:absolute;right:2px;top:2px;width:16px;height:16px;background:url(../images/common/ico_pc_20.png) -22px -302px;; content:'';}
.board_list_box li+li .text:after{background-position:-2px -302px;}
.board_list_box li span.text{color: #626262;}

/* media query */
@media screen and (min-width: 1024px){
    /* 1024 이상 desktop  */

    /* board : image board */
    .image_board>li{width:calc((100% - 60px) / 3); min-height: 394px; margin-left:30px;} /* 20180112 정윤진, min-height 추가 레이아웃 깨짐 해결 */
    .msie .image_board>li{width:calc((100% - 61px) / 3);}
    .image_board>li:nth-child(3n+1){margin-left:0;}
}
@media screen and (min-width: 768px){
    /* 768 이상 tablet & descktop  */

    /* board : image board */
    .image_board>li img { width: 100%; } /* 20180112 정윤진, 작은 사이즈 이미지일 경우 이미지 높이값을 맞추려고 width 속성 추가 */
    .image_board .info {height:36px;}

    /* board : thumbnail board */
    .thumbnail_board{padding-bottom:60px;}
    .thumbnail_board>li{padding-bottom:60px;}
    .thumbnail_board>li + li{padding-top:60px;}
    .thumbnail_board>li .img{position:absolute; top:50%; right:0; width:256px; margin-top:-69px; text-align: center; }
    .thumbnail_board>li .img img { margin: 0 auto; }
    /*
    .thumbnail_board>li div{max-width:784px;}
    */
    .thumbnail_board>li .img + div{max-width:inherit; min-height:138px; padding-right:276px;}
    .thumbnail_board .url_bar{position:relative; width:100%; padding-left:110px;}
    .thumbnail_board .badge{position:absolute; top:0; left:0; }
}
@media screen and (min-width: 768px) and (max-width: 1120px){
    /* 768 이상 1120 이하 tablet & descktop */

    /* board : view */
    .board_view_info,
    .board_view_cont{padding-left:15px; padding-right:15px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* tablet only */

    /* board : image board */
    .image_board>li{width:calc((100% - 30px) / 2);  margin-left:30px;}
    .image_board>li:nth-child(2n+1){margin-left:0;}

}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    /* board : image board */
    .image_board>li{float:none; width:100%;}
    .image_board picture {display:block; text-align:center;}
    .image_board picture img {width:100%;}
    .image_board>li .text_wrap { padding-left: 15px; padding-right: 15px;}
    .image_board .title{font-size:16px;} /* 뉴스 타이틀 영역 수정 */
    .image_board .info {font-size:13px;}
    .image_board  + .pagination{margin-top:1em;}

    /* board : thumbnail board */
    .thumbnail_board>li{padding-bottom:30px;}
    .thumbnail_board>li + li{padding-top:30px;}
    .thumbnail_board>li .img + div{margin-top:30px;}
    .thumbnail_board>li .img img{width:100%;}
    .thumbnail_board.notice>li .img.video{position:relative;}
    .thumbnail_board.notice>li .img.video:before{left:calc( 50% - 30px);}

    /* board : view */
    .board_view{position:relative; padding-top:80px; background:#fff;}
    .board_view .sns_share{display:block; height:20px; line-height:20px; position:absolute; top:50px; right:15px; color:#002c5f;} /* 190624 수정 */
    .board_view .sns_share:before{display:none;}
    .board_view .sns_share [class^="ico_"]{width:16px; height:20px; margin-top:0; background:url(../images/common/ico_share.png) no-repeat 0 -20px; background-size:100%;} /* 190624 수정 */
    .board_view_info{padding-bottom:20px; background:#fff;}
    .board_view_info .wrap{display:block; padding:20px 15px 0; height:auto; border-top:1px solid #e5e5e5;}
    .board_view_info .wrap>*{display:block; width:100% !important; text-align: left !important;}
    .board_view_info .title{line-height:1.3em;}
    .board_view_cont{padding-top:0; margin-top:0; margin-bottom: 40px; }
    .board_view_cont.mb_none{margin-bottom:0 !important;} /*200604 jm add*/
    .board_view_cont .cont>*{padding-left:15px; padding-right:15px;}
    .board_view_cont .cont.descDetail {padding-left:15px; padding-right:15px;}
    .board_view_cont .cont.descDetail>* {padding: 0;}
    .board_btns{padding:40px 0 50px !important; margin:0 15px;}
    .padder-sm .board_btns{ margin: 0;}
    [class*="pd_"] .board_btns{margin:0;}

    .notice_view_cont{padding:0 15px;margin-top:0; }
    .board_attach_file{overflow:hidden; display:block; padding:15px;}
    .board_attach_file strong{float:left; display:block; width:70px;}
    .board_attach_file span.file_wrap{display:block; margin-left:70px;}
    .board_attach_file span.attach_btn{display: block;clear:both; width:auto; padding:10px 70px 0; text-align:left;}

    .board_list_box{padding:15px;margin-top:10px;}
    .board_list_box li+li{margin-top:15px;}
    .board_list_box li strong{width:50px;}
    .board_list_box li .text{width:calc( 100% - 50px );}

    .board_attach_file,
    .board_list_box{margin-left:15px; margin-right:15px; width:calc(100% - 30px);}
}
@media screen and (max-width: 320px){
    /* 320 이하 mobile  */

}

/* 자료실 & 공지사항 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.data_list .list_sort{margin-bottom:20px;text-align:right;}
.data_list .list_sort .select_wrap{text-align:left;width:245px;}
.data_list .no_result{height:10em;}
@media screen and (min-width: 768px){
    /* 768 이상 tablet & pc */

    /* 공지사항 */
    .notice_list .ui_search_01{max-width:670px; margin:0 auto;}
    .notice_view .board_view_info .info{width:190px;}
}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    /* 자료실 */
    .data_list .list_sort{margin-bottom:30px;}
    .data_list .list_sort .select_wrap{width:100%;margin-bottom:10px;}
}

/* 공지사항 > 2018년 현대자동차 국내 프로모션(행사) 부문 협력업체 모집 */
.list_recruit {margin-top:20px; line-height:1.3em;}
.list_recruit:first-child {margin-top:0px;}
.list_recruit .row_title {margin-bottom:10px; line-height:1.3em;}
.list_recruit .next_line {position:relative; padding:10px 0; margin-top:10px; border-top:1px dashed #999;}
.list_recruit .next_line span {position:absolute; top:-10px; left:50%; width:80px; margin:0 0 0 -40px; letter-spacing:0.5em; text-align:center; color:#000; background:#fff;}
.list_recruit .btnWarp .btn_sm_primary{display:block; margin-bottom:10px;}
.recruit_form {margin-top:30px; padding-top:30px; border-top:1px dashed #999;}
.recruit_form label {display:block;}
@media screen and (min-width: 768px){
    .list_recruit {margin-top:40px;}
    .list_recruit:first-child {margin-top:0px;}
    .list_recruit .btnWarp .btn_sm_primary {display:inline-block; position:relative; top:-5px; vertical-align:top; margin:0 0 0 10px;}
    .list_recruit .text_evidence {margin-top:5px;}
    .recruit_form {margin-top:60px; padding-top:60px;}
}

/* description : 승상용통합 공지사항 css */
/* s:notice table */
.notice_tbl table {width:100%; max-width: 1120px; min-width:800px; border:1px solid #e7e7e7; font-size: 14px; line-height: 24px; border-collapse: collapse; border-spacing: 0; word-break:break-all;-ms-word-break:break-all;}
.notice_tbl table th {height:34px;border-right:1px solid #e7e7e7;background:#f3f3f3;color:#626262;text-align:center; font-weight:normal}
.notice_tbl table td {padding:10px; border:1px solid #e7e7e7;color:#626262;text-align:left;}
.notice_tbl table td.td_col {background:#f3f3f3;color:#626262;text-align:center}
.notice_tbl table td.type_center {text-align:center;}
.notice_tbl table td.txt_break {word-break:keep-all;-ms-word-break:keep-all;}
.fc_blue {color: #000;}
/* e:notice table */

@media only screen and (min-width:768px) and (max-width: 1279px) {
.__se_tbl {display:block;overflow:scroll;}
}

@media only screen and (max-width: 767px) {
 .__se_tbl {display:block;overflow:scroll;}
}
/* ============================ [ components.css ] ============================ */

/* component 공통 _ width, bg-color, */
.hmc_component.centered{max-width:1120px; margin:0 auto;}
.hmc_component.bg_gray{background-color:#f6f3f2;}
.hmc_component.bg_white{background-color:#fff;}
/* component 공통 _padding, margin, */
.hmc_component.pdt_00{padding-top:0px;}
.hmc_component.pdt_01{padding-top:10px;}
.hmc_component.pdt_02{padding-top:20px;}
.hmc_component.pdt_03{padding-top:30px;}
.hmc_component.pdt_04{padding-top:40px;}
.hmc_component.pdt_05{padding-top:50px;}
.hmc_component.pdt_06{padding-top:60px;}
.hmc_component.pdt_07{padding-top:70px;}
.hmc_component.pdt_08{padding-top:80px;}
.hmc_component.pdt_09{padding-top:90px;}
.hmc_component.pdt_10{padding-top:100px;}
.hmc_component.pdt_11{padding-top:110px;}
.hmc_component.pdt_12{padding-top:120px;}
.hmc_component.pdb_01{padding-bottom:0px;}
.hmc_component.pdb_01{padding-bottom:10px;}
.hmc_component.pdb_02{padding-bottom:20px;}
.hmc_component.pdb_03{padding-bottom:30px;}
.hmc_component.pdb_04{padding-bottom:40px;}
.hmc_component.pdb_05{padding-bottom:50px;}
.hmc_component.pdb_06{padding-bottom:60px;}
.hmc_component.pdb_07{padding-bottom:70px;}
.hmc_component.pdb_08{padding-bottom:80px;}
.hmc_component.pdb_09{padding-bottom:90px;}
.hmc_component.pdb_10{padding-bottom:100px;}
.hmc_component.pdb_11{padding-bottom:110px;}
.hmc_component.pdb_12{padding-bottom:120px;}
.hmc_component.mgb_01{margin-bottom:10px;}
.hmc_component.mgb_02{margin-bottom:20px;}
.hmc_component.mgb_03{margin-bottom:30px;}
.hmc_component.mgb_04{margin-bottom:40px;}
.hmc_component.mgb_05{margin-bottom:50px;}
.hmc_component.mgb_06{margin-bottom:60px;}
.hmc_component.mgb_07{margin-bottom:70px;}
.hmc_component.mgb_08{margin-bottom:80px;}
@media screen and (max-width:1120px){
    /* 768 이상 1120 이하 tablet & pc */
    .hmc_component[class*="pdt_"],
    .hmc_component[class*="pdb_"]{padding-left:15px; padding-right:15px;}
}
@media screen and (max-width:767px){
    /* 768 미만 mobile */
    .hmc_component.pdt_01{padding-top:5px;}
    .hmc_component.pdt_02{padding-top:10px;}
    .hmc_component.pdt_03{padding-top:15px;}
    .hmc_component.pdt_04{padding-top:20px;}
    .hmc_component.pdt_05{padding-top:25px;}
    .hmc_component.pdt_06{padding-top:30px;}
    .hmc_component.pdt_07{padding-top:35px;}
    .hmc_component.pdt_08{padding-top:40px;}
    .hmc_component.pdt_09{padding-top:45px;}
    .hmc_component.pdt_10{padding-top:50px;}
    .hmc_component.pdt_11{padding-top:55px;}
    .hmc_component.pdt_12{padding-top:60px;}
    .hmc_component.pdb_01{padding-bottom:5px;}
    .hmc_component.pdb_02{padding-bottom:10px;}
    .hmc_component.pdb_03{padding-bottom:15px;}
    .hmc_component.pdb_04{padding-bottom:20px;}
    .hmc_component.pdb_05{padding-bottom:25px;}
    .hmc_component.pdb_06{padding-bottom:30px;}
    .hmc_component.pdb_07{padding-bottom:35px;}
    .hmc_component.pdb_08{padding-bottom:40px;}
    .hmc_component.pdb_09{padding-bottom:45px;}
    .hmc_component.pdb_10{padding-bottom:50px;}
    .hmc_component.pdb_11{padding-bottom:55px;}
    .hmc_component.pdb_12{padding-bottom:60px;}
    .hmc_component.mgb_01{margin-bottom:5px;}
    .hmc_component.mgb_02{margin-bottom:10px;}
    .hmc_component.mgb_03{margin-bottom:15px;}
    .hmc_component.mgb_04{margin-bottom:20px;}
    .hmc_component.mgb_05{margin-bottom:25px;}
    .hmc_component.mgb_06{margin-bottom:30px;}
    .hmc_component.mgb_07{margin-bottom:35px;}
    .hmc_component.mgb_08{margin-bottom:40px;}
}

/* layout component BG01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    [class^="section"][class*="_white"]{background:#fff; overflow: hidden; }
    [class^="section"][class*="_gray"]{background:#f6f3f2;}
    [class^="section"].centered{width:100%; max-width:1120px; margin:0 auto;}
    [class^="section"].pdt_01{padding-top:10px;}
    [class^="section"].pdt_02{padding-top:20px;}
    [class^="section"].pdt_03{padding-top:30px;}
    [class^="section"].pdt_04{padding-top:40px;}
    [class^="section"].pdt_05{padding-top:50px;}
    [class^="section"].pdt_06{padding-top:60px;}
    [class^="section"].pdt_07{padding-top:70px;}
    [class^="section"].pdt_08{padding-top:80px;}
    [class^="section"].pdt_09{padding-top:90px;}
    [class^="section"].pdt_10{padding-top:100px;}
    [class^="section"].pdt_11{padding-top:110px;}
    [class^="section"].pdt_12{padding-top:120px;}
    [class^="section"].pdb_01{padding-bottom:10px;}
    [class^="section"].pdb_02{padding-bottom:20px;}
    [class^="section"].pdb_03{padding-bottom:30px;}
    [class^="section"].pdb_04{padding-bottom:40px;}
    [class^="section"].pdb_05{padding-bottom:50px;}
    [class^="section"].pdb_06{padding-bottom:60px;}
    [class^="section"].pdb_07{padding-bottom:70px;}
    [class^="section"].pdb_08{padding-bottom:80px;}
    [class^="section"].pdb_09{padding-bottom:90px;}
    [class^="section"].pdb_10{padding-bottom:100px;}
    [class^="section"].pdb_11{padding-bottom:110px;}
    [class^="section"].pdb_12{padding-bottom:120px;}
    [class^="section"].mgb_01{margin-bottom:10px;}
    [class^="section"].mgb_02{margin-bottom:20px;}
    [class^="section"].mgb_03{margin-bottom:30px;}
    [class^="section"].mgb_04{margin-bottom:40px;}
    [class^="section"].mgb_05{margin-bottom:50px;}
    [class^="section"].mgb_06{margin-bottom:60px;}
    [class^="section"].mgb_07{margin-bottom:70px;}
    [class^="section"].mgb_08{margin-bottom:80px;}
@media screen and (max-width:1120px){
    /* 768 이상 1120 이하 tablet & pc */
    [class^="section"][class*="pdt_"],
    [class^="section"][class*="pdb_"]{padding-left:15px; padding-right:15px;}
    [class^="section2"][class*="pdt_"],
    [class^="section2"][class*="pdb_"]{padding-left:0; padding-right:0;}
    [class^="section"] [class^="section"][class*="pdt_"],
    [class^="section"] [class^="section"][class*="pdb_"] {padding-left:0; padding-right:0;}
    /* 컴포넌트 section 좌우 여백 */
    .thum1columntext .section_white, .thum1columntext .section_gray,
    .thum4column .section_white, .thum4column .section_gray {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width:767px){
    /* 768 미만 mobile */
    [class^="section"].pdt_01{padding-top:5px;}
    [class^="section"].pdt_02{padding-top:10px;}
    [class^="section"].pdt_03{padding-top:15px;}
    [class^="section"].pdt_04{padding-top:20px;}
    [class^="section"].pdt_05{padding-top:25px;}
    [class^="section"].pdt_06{padding-top:30px;}
    [class^="section"].pdt_07{padding-top:35px;}
    [class^="section"].pdt_08{padding-top:40px;}
    [class^="section"].pdt_09{padding-top:45px;}
    [class^="section"].pdt_10{padding-top:50px;}
    [class^="section"].pdt_11{padding-top:55px;}
    [class^="section"].pdt_12{padding-top:60px;}
    [class^="section"].pdb_01{padding-bottom:5px;}
    [class^="section"].pdb_02{padding-bottom:10px;}
    [class^="section"].pdb_03{padding-bottom:15px;}
    [class^="section"].pdb_04{padding-bottom:20px;}
    [class^="section"].pdb_05{padding-bottom:25px;}
    [class^="section"].pdb_06{padding-bottom:30px;}
    [class^="section"].pdb_07{padding-bottom:35px;}
    [class^="section"].pdb_08{padding-bottom:40px;}
    [class^="section"].pdb_09{padding-bottom:45px;}
    [class^="section"].pdb_10{padding-bottom:50px;}
    [class^="section"].pdb_11{padding-bottom:55px;}
    [class^="section"].pdb_12{padding-bottom:60px;}
    [class^="section"].mgb_01{margin-bottom:5px;}
    [class^="section"].mgb_02{margin-bottom:10px;}
    [class^="section"].mgb_03{margin-bottom:15px;}
    [class^="section"].mgb_04{margin-bottom:20px;}
    [class^="section"].mgb_05{margin-bottom:25px;}
    [class^="section"].mgb_06{margin-bottom:30px;}
    [class^="section"].mgb_07{margin-bottom:35px;}
    [class^="section"].mgb_08{margin-bottom:40px;}
}

/* main key visual * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.key_visual{overflow:hidden; position:relative; padding:0 15px;}
.key_visual .ix-list-item{overflow:hidden; position:relative;}
.key_visual .ix-list-item>div{position:relative; z-index: 1; width:100%; max-width:1120px; margin:0 auto;}
.key_visual .ix-list-item img{position:absolute; top:0; left:50%; max-width:inherit; height:100%;}
.key_visual .ix-controller:after{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.key_visual .ix-btn{background:#fff;}
.key_visual [class^="btn_"]{position:absolute; bottom:30px; left:0; width:auto;}
@media screen and (min-width:1200px){
	/* 1180 이상 desktop  */

    .key_visual{padding:0 30px;}
    .key_visual .ix-list-item{height:720px;}
    .key_visual .ix-list-item img{margin-left:-900px;}
    .key_visual .ix-controller{height:110px;}
}
@media screen and (min-width:1120px) and (max-width:1199px){
	/* 1180 이상 desktop  */

    .key_visual .ix-list-item{height:695px;}
    .key_visual .ix-list-item img{margin-left:-869px;}
    .key_visual .ix-controller{height:100px;}
}
@media screen and (min-width:1024px) and (max-width:1119px){
	/* 1024 이상 1120 미만 desktop  */

    .key_visual .ix-list-item{height:635px;}
    .key_visual .ix-list-item img{margin-left:-794px;}
    .key_visual .ix-controller{height:90px;}
}
@media screen and (min-width:768px){
	/* 768 이상 tablet & descktop  */

    .key_visual .bg{position:absolute; top:0; left:50%; max-width:inherit; margin-left:-1000px;}
    .key_visual [class^="btn_"]{left:5px;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
	/* 768 ~ 1023 tablet only */

    .key_visual .ix-list-item{height:471px;}
    .key_visual .ix-list-item img{margin-left:-589px;}
    .key_visual .ix-controller{height:80px;}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .key_visual{padding:0;}
    .key_visual .slide{position:absolute; top:0; left:15px; bottom:0; width:calc(100% - 30px);}
    .key_visual .ix-list-item>div{max-width:580px; margin:0 auto;}
    .key_visual .ix-list-item img{position:static; max-width:100%; height:auto;}
    .key_visual .ix-controller{position:absolute; bottom:0; left:0; right:0;}
    .key_visual [class^="btn_"]{left:15px;}
}

/* HT01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.ht01{position:relative; width:100%; text-align:center;}
.ht01 .section{position:absolute; top:90px; bottom:0; right:15px; left:15px; width:auto; background:rgba(246, 243, 242, 0.7);}
.ht01 .section .title_wrap{display:table; width:100%; height:100%;}
.ht01 .section .title_wrap>div{display:table-cell; padding:2% 5%; vertical-align: middle;}
.ht01 .exp{padding:1em 15px 0;}
@media screen and (min-width:1200px){
	/* 1180 이상 desktop  */

    .ht01 .section{right:60px !important; left:60px !important;}
}
@media screen and (min-width:768px){
	/* 768 이상 tablet & descktop  */

    .ht01{position:relative; width:100%; overflow:hidden; height:360px;}
    .ht01 .bg{position:absolute; top:0; left:50%; max-width:inherit; margin-left:-960px;}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */
    .ht01 {position:relative;}
    .ht01 .section{top:30px; bottom:0; left:15px; right:15px;}

    .ht01 picture .bg { min-height: 52.7vw; } /* 190628 수정 */ /* 20180102 모바일 대응 이미지 최소 높이 확보 */
    .ht01.no-img { padding-top: 52.7vw; } /* 190628 수정 */
}




/* fu01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.fu01 .data_table .closed + tr{display:none;}
.fu01 .data_table .opened td{font-family:'TextMedium'; color:#000; background:#f6f3f2; border-color:#f6f3f2;}
.fu01 .data_table .opened + tr td{padding:0; background:#f6f3f2; border-left-color:#f6f3f2;}
.fu01 .table_more{padding:0;}
.fu01 .table_more .btn{position:relative; width:100%; height:100%; padding-right:50px; text-align:center;}
.fu01 .table_more .btn .ico{position:absolute; top:0; right:0; bottom:0; width:50px; border-left:1px solid #e4dcd3;}
.fu01 .table_more .btn .ico:after{content:''; position:absolute; width:20px; height:20px; top:50%; left:50%; margin:-8px 0 0 -8px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -300px;}
.fu01 .opened .table_more .btn{border-left-color:#f6f3f2;}
.fu01 .opened .table_more .btn .ico{border-left:0;}
.fu01 .opened .table_more .btn .ico:after{background-position:-20px -300px;}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .fu01 .table_more .btn{padding-right:30px;}
    .fu01 .table_more .btn .ico{width:30px;}
}
@media screen and (max-width: 320px){
	/* 320 이하 mobile  */

    .fu01 .table_more .btn{padding-right:25px;}
    .fu01 .table_more .btn .ico{width:25px;}
}

/* ib01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.ib01 .benefit_list{margin-top:30px; text-align:center;}
@media screen and (min-width:1024px){
    /* 1024 이상 desktop  */

    .ib01 .ix-controller{display:none;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
	/* 768 ~ 1023 tablet only */

    .ib01 .responsive_slide .ix-list-item{width:50%;}
}
@media screen and (max-width: 767px){
	/* 768 tablet(포함) 이하 */

    .ib01 .ix-controller{display:block;}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .ib01 .responsive_slide .ix-list-item{width:100%;}
}

/* IB02 */
.ib02 .col{text-align: center;}
@media screen and (min-width:768px) and (max-width: 1023px){
	/* 768 ~ 1023 tablet only */

    .ib02 .col + .col + .col + .col{margin-top:30px;}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .ib02 .col + .col + .col{margin-top:20px;}
}

/* CG01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cg01 .section{padding:20px 5% 40px;}
.cg01 .img_info_wrap{display:table; width:100%;}
.cg01 .img_info_wrap>*{display:table-cell; width:50%; vertical-align: middle; text-align:center;}
.cg01 .info{padding-left:20px; text-align: left; }
.cg01 .sub_title{position:relative; padding-bottom:20px;}
.cg01 .btns{padding-top:50px;}
.cg01 .sns_share{position:absolute; top:0; right:0; overflow:inherit; font-size:16px; font-family:'TextMedium';}
.cg01 .sns_share>*{display:inline-block; vertical-align: middle;}
.cg01 .sns_share [class^="ico_"]{width:21px; height:26px; margin-top:-6px; background:url(../images/common/ico_share.png) no-repeat;}
@media screen and (min-width:1024px) and (max-width:1119px){
	/* 1024 이상 1120 미만 desktop  */

    .cg01 .img_info_wrap{padding:0 45px;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
	/* 768 ~ 1023 tablet only */

    .cg01 .section{padding:20px 15px 40px;}
    .cg01 .btns{padding-top:30px;}
    /* 20180212 함은주, 태블릿테스트 수정 */
    .cg01 .img_info_wrap .img { width: 35%; }
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .cg01 .section{padding:35px 0;}
    .cg01 .img_info_wrap{display:block; padding:0;}
    .cg01 .img_info_wrap>*{display:block; width:100%;}
    .cg01 .img_info_wrap .img { text-align: center;  }
    .cg01 .img_info_wrap .img img { margin: 0 auto; }
    .cg01 .info{padding:0 15px; margin-top:30px;}
    .cg01 .btns{padding-top:40px;}
    .cg01 .sns_share{color:#002c5f;}
    .cg01 .sns_share [class^="ico_"]{width:16px; height:20px; background-position:0 -20px; background-size:100%;}
    .windows_phone .cg01 img{width:100%;}
}

@media (min-width: 768px) and (max-width: 1023px){ /* 이달의 구매혜택 버튼 크기 조정 */
    .cg01 .btns [class^="btn_"][class*="_md"] {
        min-width: auto;
    }
}


/* CG02 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.app_download{display:table; width:100%; padding:0 50px; table-layout:fixed;}
.app_download + .app_download{margin-top:20px;}
.app_download > div{display:table-cell;vertical-align:middle;}
.app_download > div.app_icon{width:150px;}
.app_download > div.app_text {padding-right:20%;}
.app_download > div.app_text p{margin-top:20px;font-size:14px;color:#333;letter-spacing:-1px;}
.app_download > div.app_btn{width:200px;}
.app_download > div.app_btn > [class^="btn_"]{width:100%;font-size:14px;margin-left:0;}
.app_download > div.app_btn > [class^="btn_"]+[class^="btn_"]{margin-top:10px;}
.cg02 .layer_popup .input_group{margin:15px 0;}
@media screen and (min-width:768px) and (max-width: 1023px){
	/* 768 ~ 1023 tablet only */

	.app_download > div.app_text {padding-right:20px;}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .cg02:last-child .pd_sm{padding-bottom:20px;}
    .cg02:last-child .pd_md{padding-bottom:30px;}
    .cg02:last-child .pd_lg{padding-bottom:40px;}
	.app_download{display:block; padding:0;}
	.app_download > div{display:block;}
	.app_download > div.app_icon,
	.app_download > div.app_btn{width:auto;}
	.app_download > div.app_icon img{width:60px;}
	.app_download > div.app_text{margin:20px 0;padding:0;}
	.app_download > div.app_text .text{margin-top:10px;}
	.app_download .layer_popup .selectBox-dropdown { padding:0 25px 0 20px; }
}

/* WSS01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.relative_menu .slide [class*='_direction'] [class^="ix-btn"]{top:30%}
.relative_menu .sub_title{text-align:center;}
.relative_menu .slide  a .title{max-width:256px; margin:0 auto;}

/* sgi01 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.sgi01 .img_wrap{text-align:center;}
.sgi01 * + .img_wrap,
.sgi01 .img_wrap + *{margin-top:20px;}

/* Tuix : tutint * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tutint {}
.tutint .tutint_area .ui_tab_02 {}
.tutint .tutint_area .ui_tab_02 li ~ li {margin-left:30px;}
.tutint .tutint_area .tutint_show {display:none;}
.tutint .tutint_area .tutint_show .select_wrap {display:none;}

@media screen and (max-width: 767px) {
	.tutint .tutint_area .tutint_show .ui_tab_02 {display:none;}
	.tutint .tutint_area .tutint_show .select_wrap {display:block;margin:40px 15px 0;}
}

/* Tuix : tu1ct * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tu1ct .tu1ct_area {width:100%;max-width:1120px;margin:0 auto;}
.tu1ct .tu1ct_area .text_wrap {margin-top:29px;color:#000;}
.tu1ct .tu1ct_area .text_wrap dt {font-family:'HeadMedium';font-size:20px;}
.tu1ct .tu1ct_area .text_wrap dd {margin-top:11px;font-family:'TextRegular';line-height:30px;}

@media screen and (max-width: 767px){
	.tu1ct .tu1ct_area .text_wrap {margin-top:10px;}
	.tu1ct .tu1ct_area .text_wrap dt {font-size:16px;line-height:24px;}
	.tu1ct .tu1ct_area .text_wrap dd {margin-top:7px;line-height:22px;}
}

/* Tuix : tu2ct * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tu2ct .tu2ct_area {}
.tu2ct .tu2ct_area ul {}
.tu2ct .tu2ct_area ul:after {display:block;clear:both;content:'';}
.tu2ct .tu2ct_area ul li {float:left;width:calc((100% - 32px) / 2);}
.tu2ct .tu2ct_area ul li ~ li {margin-left:32px;}
.tu2ct .tu2ct_area ul li .text_wrap {margin-top:29px;color:#000;}
.tu2ct .tu2ct_area ul li .text_wrap dt {font-family:'HeadMedium';font-size:20px;}
.tu2ct .tu2ct_area ul li .text_wrap dd {margin-top:11px;font-family:'TextRegular';line-height:30px;}

@media screen and (max-width: 767px){
	.tu2ct .tu2ct_area ul li {width:calc((100% - 10px) / 2);}
	.tu2ct .tu2ct_area ul li ~ li {margin-left:10px;}
	.tu2ct .tu2ct_area ul li .text_wrap {margin-top:10px;}
	.tu2ct .tu2ct_area ul li .text_wrap dt {font-size:16px;line-height:24px;}
	.tu2ct .tu2ct_area ul li .text_wrap dd {margin-top:7px;line-height:22px;}
}

/* Tuix : tu3ct * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tu3ct .tu3ct_area {}
.tu3ct .tu3ct_area ul {}
.tu3ct .tu3ct_area ul:after {display:block;clear:both;content:'';}
.tu3ct .tu3ct_area ul li {float:left;width:calc((100% - 64px) / 3);margin-top:52px;}
.tu3ct .tu3ct_area ul li ~ li {margin-left:32px;}
.tu3ct .tu3ct_area ul li:nth-child(3n+1) {margin-left:0;}
.tu3ct .tu3ct_area ul li:first-child,
.tu3ct .tu3ct_area ul li:nth-child(2),
.tu3ct .tu3ct_area ul li:nth-child(3) {margin-top:0;}
.tu3ct .tu3ct_area .text_wrap {margin-top:29px;color:#000;}
.tu3ct .tu3ct_area .text_wrap dt {font-family:'HeadMedium';font-size:20px;}
.tu3ct .tu3ct_area .text_wrap dd {margin-top:11px;font-family:'TextRegular';line-height:30px;}

@media screen and (max-width: 767px){
	.tu3ct .tu3ct_area ul li {width:calc((100% - 10px) / 2);margin-top:22px;}
	.tu3ct .tu3ct_area ul li ~ li {margin-left:10px;}
	.tu3ct .tu3ct_area ul li:nth-child(2n+1) {margin-left:0;}
	.tu3ct .tu3ct_area ul li:nth-child(3n+1) {margin-left:10px;}
	.tu3ct .tu3ct_area ul li:nth-child(3) {margin-top:22px;}
	.tu3ct .tu3ct_area ul li:first-child {margin-left:0;}
	.tu3ct .tu3ct_area ul li .text_wrap {margin-top:10px;}
	.tu3ct .tu3ct_area ul li .text_wrap dt {font-size:16px;line-height:24px;}
	.tu3ct .tu3ct_area ul li .text_wrap dd {margin-top:7px;line-height:22px;}
}

/* Tuix : tu4ct * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tu4ct .tu4ct_area {}
.tu4ct .tu4ct_area ul {}
.tu4ct .tu4ct_area ul:after {display:block;clear:both;content:'';}
.tu4ct .tu4ct_area ul li {float:left;width:calc((100% - 96px) / 4);}
.tu4ct .tu4ct_area ul li ~ li {margin-left:32px;}
.tu4ct .tu4ct_area .text_wrap {margin-top:29px;color:#000;}
.tu4ct .tu4ct_area .text_wrap dt {font-family:'HeadMedium';font-size:20px;}
.tu4ct .tu4ct_area .text_wrap dd {margin-top:11px;font-family:'TextRegular';line-height:30px;}

@media screen and (max-width: 767px){
	.tu4ct .tu4ct_area ul li {width:calc((100% - 10px) / 2);margin-top:22px;}
	.tu4ct .tu4ct_area ul li ~ li {margin-left:10px;}
	.tu4ct .tu4ct_area ul li:nth-child(2n+1) {margin-left:0;}
	.tu4ct .tu4ct_area ul li:first-child,
	.tu4ct .tu4ct_area ul li:nth-child(2) {margin-top:0;}
	.tu4ct .tu4ct_area ul li .text_wrap {margin-top:10px;}
	.tu4ct .tu4ct_area ul li .text_wrap dt {font-size:16px;line-height:24px;}
	.tu4ct .tu4ct_area ul li .text_wrap dd {margin-top:7px;line-height:22px;}
}

/* Tuix : tutind * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tutind {padding:67px 15px 63px;background-color:#e4dcd3;}
.tutind .tutind_area {}
.tutind .tutind_area:after {display:block;clear:both;content:'';}
.tutind .tutind_area a {position:relative;font-family:'HeadMedium';font-size:30px;color:#000;}
.tutind .tutind_area a.prev:before,
.tutind .tutind_area a.next:before {position:absolute;top:4px;}
.tutind .tutind_area a.prev {float:left;padding-left:34px;}
.tutind .tutind_area a.prev:before {left:0;display:block;width:13px;height:21px;background:url('../images/common/prevnext_arrow.png') no-repeat left top;content:'';}
.tutind .tutind_area a.next {float:right;padding-right:34px;}
.tutind .tutind_area a.next:before {right:0;display:block;width:13px;height:21px;background:url('../images/common/prevnext_arrow.png') no-repeat 100% 0;content:'';}

@media screen and (max-width: 767px){
	.tutind {padding:27px 15px;}
	.tutind .tutind_area a {font-size:21px;}
    .tutind .tutind_area a.prev:before,
    .tutind .tutind_area a.next:before {width:5px;height:9px;background-size:auto 9px;}
    .tutind .tutind_area a.prev {padding-left:19px;}
    .tutind .tutind_area a.next {padding-right:19px;}
}

/* Tuix : tucoti * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tucoti {}
.tucoti .tucoti_area {text-align:center;}
.tucoti .tucoti_area dl dt,
.tucoti .tucoti_area .sub_title {font-size:44px;font-family:'HeadMedium';color:#000;}
.tucoti .tucoti_area .sub_title.title_type {font-size:26px;}
.tucoti .tucoti_area .sub_title.title_type02 {font-size:30px;}
.tucoti .tucoti_area dl dd,
.tucoti .tucoti_area .str_txt {display:block;font-size:30px;font-family:'HeadMedium';color:#000;line-height:40px;}
.tucoti .tucoti_area .str_txt.small_title {font-size:20px;line-height:1;}
.tucoti .tucoti_area .sub_title + .str_txt {margin-top:35px;}
.tucoti .tucoti_area .str_txt + .text {margin-top:32px;}
.tucoti .tucoti_area .text {font-family:'TextRegular';font-size:16px;color:#000;line-height:30px;}
.tucoti .tucoti_area .sub_title + .text {margin-top:11px;}
.tucoti .tucoti_area .text a {color:#006992;}

.tucoti .tucoti_area.img_type {position:relative;text-align:center;}
.tucoti .tucoti_area.img_type dl {position:absolute;top:20px;left:80px;text-align:left;}
.tucoti .tucoti_area.img_type dl dd {margin-top:20px;font-size:16px;}

@media screen and (max-width: 767px){
	.tucoti .tucoti_area {}
	.tucoti .tucoti_area dl dt,
	.tucoti .tucoti_area .sub_title {font-size:27px;}
	.tucoti .tucoti_area .sub_title.title_type {font-size:21px;}
	.tucoti .tucoti_area .sub_title.title_type02 {font-size:21px;}
	.tucoti .tucoti_area dl dd,
	.tucoti .tucoti_area .str_txt {font-size:21px;line-height:29px;}
	.tucoti .tucoti_area .str_txt.small_title {font-size:16px;}
	.tucoti .tucoti_area .sub_title + .str_txt {margin-top:13px;}
	.tucoti .tucoti_area .str_txt + .text {margin-top:11px;}
	.tucoti .tucoti_area .text {font-size:14px;line-height:22px;}
	.tucoti .tucoti_area .sub_title + .text {margin-top:5px;}

	.tucoti .tucoti_area.img_type {margin:0 -15px;padding-top:10px;}
	.tucoti .tucoti_area.img_type dl {position:static;margin:0 15px;}
	.tucoti .tucoti_area.img_type dl dt {}
	.tucoti .tucoti_area.img_type dl dd {margin-top:10px;font-family:'TextRegular';font-size:14px;line-height:22px;}
	.tucoti .tucoti_area.img_type .img_area {margin-top:13px;}
}

/* Tuix : tukv * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tukv_area {position:relative;text-align:center;}
.tukv_area dl {position:absolute;top:0;left:80px;text-align:left;color:#000;}
.tukv_area dl dt {font-size:44px;font-family:'HeadMedium';}
.tukv_area dl dd {margin-top:13px;font-size:16px;line-height:30px;}

@media screen and (max-width: 767px){
	.tukv_area dl {left:0;}
	.tukv_area dl dt {font-size:27px;line-height:35px;}
	.tukv_area dl dd {margin-top:0;font-size:14px;line-height:22px;}
}

/* Tuix : tubgt * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tubgt {}
.tubgt .tubgt_area {width:100%;max-width:1120px;margin:0 auto;padding-bottom:132px;}
.tubgt .tubgt_area .text_wrap {margin-top:115px;font-family:'HeadMedium';text-align:center;}
.tubgt .tubgt_area .text_wrap dt {font-size:44px;color:#000;}
.tubgt .tubgt_area .text_wrap dd {margin-top:30px;font-size:30px;color:#000;line-height:30px;}
.tubgt .tubgt_area .text_wrap dd ul {margin-top:33px;font-family:'TextRegular';font-size:16px;line-height:30px;}

@media screen and (max-width: 767px){
	.tubgt .tubgt_area {padding-bottom:65px;}
	.tubgt .tubgt_area .text_wrap {margin-top:68px;padding:0 15px;}
	.tubgt .tubgt_area .text_wrap dt {font-size:27px;}
	.tubgt .tubgt_area .text_wrap dd {margin-top:6px;font-size:16px;}
	.tubgt .tubgt_area .text_wrap dd ul {margin-top:9px;font-size:14px;line-height:22px;}
}

/* Tuix : tulrt * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tulrt {}
.tulrt .tulrt_area {text-align:center;}
.tulrt .tulrt_area .img_wrap {}
.tulrt .tulrt_area .text_wrap {margin-top:77px;}
.tulrt .tulrt_area .text_wrap dt {font-family:'HeadMedium';font-size:30px;color:#000;line-height:34px;}
.tulrt .tulrt_area .text_wrap dd {margin-top:30px;font-family:'TextRegular';color:#000;line-height:30px;}

.tulrt .tulrt_area.left_align {display:table;width:100%;}
.tulrt .tulrt_area.left_align:after {display:block;clear:both;content:'';}
.tulrt .tulrt_area.left_align .img_wrap {display:table-cell;width:53%;}
.tulrt .tulrt_area.left_align .img_wrap + .text_wrap {padding-left:50px;}
.tulrt .tulrt_area.left_align .text_wrap {display:table-cell;margin:0;text-align:left;vertical-align:middle;}
.tulrt .tulrt_area.left_align .text_wrap dt {font-size:20px;}
.tulrt .tulrt_area.left_align .text_wrap dd {margin:0;font-size:16px;}

.tulrt .tulrt_area.right_align {position:relative;min-height:64px;}
.tulrt .tulrt_area.right_align:after {display:block;clear:both;content:'';}
.tulrt .tulrt_area.right_align .img_wrap {width:53%;float:right;}
.tulrt .tulrt_area.right_align .text_box {position:absolute;top:0;bottom:0;width:47%;}
.tulrt .tulrt_area.right_align .inbox {display:table;width:100%;height:100%;}
.tulrt .tulrt_area.right_align .text_wrap {display:table-cell;padding:0 34px;text-align:left;vertical-align:middle;}
.tulrt .tulrt_area.right_align .text_wrap dt {font-size:20px;}
.tulrt .tulrt_area.right_align .text_wrap dd {margin:0;font-size:16px;}

@media screen and (max-width: 767px){
	.tulrt .tulrt_area.left_align {}
	.tulrt .tulrt_area.left_align .img_wrap {display:block;width:100%;}
	.tulrt .tulrt_area.left_align .img_wrap + .text_wrap {margin-top:11px;padding-left:0;}
	.tulrt .tulrt_area.left_align .text_wrap {display:block;width:100%;padding-left:0;}
	.tulrt .tulrt_area.left_align .text_wrap dt {font-size:16px;line-height:22px;}
	.tulrt .tulrt_area.left_align .text_wrap dd {margin-top:11px;font-size:14px;line-height:22px;}

	.tulrt .tulrt_area.right_align {}
	.tulrt .tulrt_area.right_align .img_wrap {float:none;width:100%;}
	.tulrt .tulrt_area.right_align .img_wrap + .text_box {margin-top:11px;}
	.tulrt .tulrt_area.right_align .text_box {position:static;width:100%;}
	.tulrt .tulrt_area.right_align .text_wrap {display:block;width:100%;margin:0;padding:0;}
	.tulrt .tulrt_area.right_align .text_wrap dt {font-size:16px;line-height:22px;}
	.tulrt .tulrt_area.right_align .text_wrap dd {margin-top:11px;font-size:14px;line-height:22px;}
}

/* Tuix : tu_tabtest * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tu_tabtest {}
.tu_tabtest .ui_tab_02 {width:100%;max-width:1120px;margin:0 auto;}

/* Tuix : tu_tabtest * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tuslide .tuslide_area {}
.tuslide .tuslide_area .text_wrap {padding:37px 0 34px;background:#002c5f;color:#fff;text-align:center;}
.tuslide .tuslide_area .text_wrap dt {font-family:'HeadMedium';font-size:30px;}
.tuslide .tuslide_area .text_wrap dd {margin-top:11px;font-family:'HeadMedium';font-size:20px;}
.tuslide .tuslide_area .text_wrap dd p {margin-top:14px;font-family:'TextRegular';font-size:16px;line-height:30px;}
.tuslide .tuslide_area .slide {}
.tuslide .tuslide_area .slide .ix-thumbs {position:absolute;left:0;right:0;bottom:29px;}
.tuslide .tuslide_area .slide .ix-btn {background-color:#fff;vertical-align:middle;}
.tuslide .tuslide_area .slide .active .ix-btn {background-color:#006992;}
.tuslide .tuslide_area .slide img {width:100%;}

@media screen and (max-width: 767px){
	.tuslide .tuslide_area .text_wrap {padding:29px 30px 25px;}
	.tuslide .tuslide_area .text_wrap dt {font-size:21px;}
	.tuslide .tuslide_area .text_wrap dd {margin-top:14px;font-size:16px;}
	.tuslide .tuslide_area .text_wrap dd p {margin-top:10px;font-size:14px;line-height:22px;}
	.tuslide .tuslide_area .slide .ix-thumbs {bottom:8px;}
	.tuslide .tuslide_area .slide .ix-thumb {margin:0 3px;}
	.tuslide .tuslide_area .slide .ix-btn {width:9px;height:9px;}
}

/* Tuix : tuchip * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tuchip .tuchip_area {}
.tuchip .tuchip_area ul {text-align:center;}
.tuchip .tuchip_area ul li {display:inline-block;margin:0 18px;}
.tuchip .tuchip_area ul li .text_wrap {margin-top:20px;font-size:14px;color:#000;}

@media screen and (max-width: 767px){
	.tuchip .tuchip_area ul {display:table;width:100%;padding:0 5px;font-size:0;}
	.tuchip .tuchip_area ul li {display:table-cell;margin:0;width:25%;vertical-align:top;}
	.tuchip .tuchip_area ul li .img_wrap {padding:0 14px;height:30px;}
	.tuchip .tuchip_area ul li .img_wrap img {height:100%;}
	.tuchip .tuchip_area ul li .text_wrap {margin-top:11px;font-size:13px;line-height:21px;}
}

/* Tuix : tuorder * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tuorder .tuorder_area {}
.tuorder .tuorder_area .step {}
.tuorder .tuorder_area .step:after {display:block;clear:both;content:'';}
.tuorder .tuorder_area .step > li {float:left;width:calc((100% - 120px) / 5);}
.tuorder .tuorder_area .step > li ~ li {margin-left:30px;}
.tuorder .tuorder_area .step > li .box {position:relative;display:table;width:100%;padding:25px 0;background:#e4dcd3;text-align:center;}
.tuorder .tuorder_area .step > li .box span {display:table-cell;height:48px;color:#000;line-height:24px;vertical-align:middle;}
.tuorder .tuorder_area .step > li ~ li .box:before {position:absolute;top:50%;left:-19px;display:block;width:8px;height:13px;margin-top:-6px;background:url(../images/common/ico_pc_20.png) no-repeat left -160px;content:'';}
.tuorder .tuorder_area .step > li:nth-child(even) .box {background:#f6f3f2;}
.tuorder .tuorder_area .step > li .list_bullet_dot {margin-top:15px;font-size:14px;text-align:left;}
.tuorder .tuorder_area .step > li .list_bullet_dot li ~ li {margin-top:2px;}
.tuorder .tuorder_area > .list_bullet_dot {margin-top:48px;font-size:14px;}
.tuorder .tuorder_area > .list_bullet_dot li ~ li {margin-top:4px;}
.tuorder .tuorder_area > .list_bullet_dot li:before {color:#000;}
.tuorder .tuorder_area .list_bullet_dot li:before {}

@media screen and (max-width: 767px){
	.tuorder .tuorder_area .step > li {float:none;width:100%;}
	.tuorder .tuorder_area .step > li ~ li {margin:28px 0 0;}
	.tuorder .tuorder_area .step > li .box {padding:16px 0;}
	.tuorder .tuorder_area .step > li .box span {line-height:22px;}
	.tuorder .tuorder_area .step > li ~ li .box:before {top:-18px;left:50%;width:16px;height:16px;margin-left:-8px;background:url(../images/common/ico_mobile_32.png) no-repeat left -144px;background-size:100%;}
	.tuorder .tuorder_area .step > li .list_bullet_dot {margin-top:10px;color:#000;font-size:12px;}
	.tuorder .tuorder_area .step > li .list_bullet_dot li ~ li {margin-top:0;}
	.tuorder .tuorder_area .step > li .list_bullet_dot li:before {color:#000;}
	.tuorder .tuorder_area > .list_bullet_dot {margin-top:20px;font-size:13px;}
	.tuorder .tuorder_area > .list_bullet_dot li ~ li {margin-top:5px;}
}

/* Tuix : tuacc * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tuacc .tuacc_area {}
.tuacc .tuacc_area .acc_01 > dl > dd {padding-left:60px;}

@media screen and (max-width: 767px){
	.tuacc .tuacc_area .acc_01 > dl > dd {padding-left:15px;}
}

/* Tuix : tucct * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tucct .tucct_area {}
/* .tucct .tucct_area .data_table {border-collapse:inherit;} 20180127 정윤진, 테이블 디자인 변경으로 collapse 필요. */
.tucct .tucct_area .data_table td {text-align:center;color:#000;}
.tucct .tucct_area .data_table td:first-child {border-left:1px solid #e4dcd3;}
.tucct .tucct_area .data_table td:last-child {border-right:1px solid #e4dcd3;}
.tucct .tucct_area .m_view {display:none;}

@media screen and (max-width: 767px){
	.tucct .tucct_area .data_table {display:none;}
	.tucct .tucct_area .m_view {display:block;}
	.tucct .tucct_area .m_view .table_area {margin-top:10px;}
	.tucct .tucct_area .m_view .data_table {display:table;width:100%;}
	.tucct .tucct_area .m_view .data_table td {text-align:left;}
	.tucct .tucct_area .m_view .table_area ~ .table_area {display:none;}
}

/* Tuix : tuptable * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tuptable {}
.tuptable .tuptable_area {}
.tuptable .tuptable_area .link_box {margin-bottom:9px;text-align:right;}
.tuptable .tuptable_area .data_table {}
.tuptable .tuptable_area .data_table td {color:#000;line-height:22px;text-align:center;}
.tuptable .tuptable_area .data_table .last_border {border-right:1px solid #e4dcd3;}

@media screen and (max-width: 767px){
	.tuptable .tuptable_area .link {top:-34px;}
	.table_scrollable .data_table.w_type {width:300%;}
}

/* Tuix : tydc * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tudc {}
.tudc .tudc_area .list_bullet_dot {font-size:14px;}
.tudc .tudc_area .list_bullet_dot li ~ li {margin-top:4px;}
.tudc .tudc_area .list_bullet_dot li:before {color:#000;}

@media screen and (max-width: 767px){
	.tudc .tudc_area .list_bullet_dot {font-size:13px;}
	.tudc .tudc_area .list_bullet_dot li {line-height:21px;}
}

/* Brand : C1CTC */
.c1ctc_wrap  {position:relative; padding:31px 170px 31px 49px; background:#f7f3f2; border:1px solid #ece6e0;}
.c1ctc_wrap.bg_white {background:#fff;}
.c1ctc_wrap.align_right,
.c1ctc_wrap.align_center {padding-right:219px;}
.c1ctc_wrap .text {font-size:20px; font-family:'TextMedium'; color:#000; line-height:30px;}
.c1ctc_wrap .text.text_normal {font-family:'TextRegular';}
.c1ctc_wrap > [class^="btn_"], .c1ctc_wrap [class^="b_area"] {position:absolute;top:50%;right:49px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}/*200605 장미 edit*/

@media screen and (max-width: 767px) {
	.c1ctc_wrap,
	.c1ctc_wrap.align_right,
	.c1ctc_wrap.align_center {padding:15px 40px;}
    .c1ctc_wrap { text-align: center; } /* 20180226 정윤진, 모바일 정렬 수정 */
	.c1ctc_wrap .text {font-size:16px;line-height:24px;}
	.c1ctc_wrap > [class^="btn_"], .c1ctc_wrap [class^="b_area"] {position:static;width:auto;margin-top:15px;transform:translate(0,0);-webkit-transform:translate(0,0);}/*200605 장미 edit*/

}

/* Brand : C1CA01 */
.c1ca01_wrap { background-color: #ece6e0; }
.c1ca01_wrap .acc_01 dt .grid { padding: 25px 0; height: 80px; line-height: 1.5em; color:#fff; }
.c1ca01_wrap .acc_01 dt .col.course,
.c1ca01_wrap .acc_01 dt .col.km,
.c1ca01_wrap .acc_01 dt .col.time { font-family: 'TextMedium'; font-size: 20px; }
.c1ca01_wrap .acc_01 dt .col.course { padding-left: 40px; width: 16%; }
.c1ca01_wrap .acc_01 dt .col.km,
.c1ca01_wrap .acc_01 dt .col.time { width: 12%; }
.c1ca01_wrap .acc_01 dt .col.way { width: 60%; font-size: 16px; }
.c1ca01_wrap .acc_01 .icon { margin-right: 10px; width: 26px; height: 26px; vertical-align: middle; background-size: 100%; }
.c1ca01_wrap .acc_01 .icon.km { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-drive-course-km.png'); }
.c1ca01_wrap .acc_01 .icon.time { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-drive-course-time.png'); }
.c1ca01_wrap .acc_01>dl>dt.on { background-color: #002c5f; }
.c1ca01_wrap .acc_01>dl>dt button {width:100%;height:100%;}
.c1ca01_wrap .acc_01>dl>dt.on button:after { background-position: -20px -280px; transform: rotate(180deg); }
.c1ca01_wrap .acc_01>dl>dd { padding: 0; }
.c1ca01_wrap .acc_01>dl>dd img {width:100%;}
@media screen and (max-width: 1023px) {
    .c1ca01_wrap .acc_01 dt .grid { padding: 13px 0; height: auto; }
    .c1ca01_wrap .acc_01 dt .col.course,
    .c1ca01_wrap .acc_01 dt .col.km,
    .c1ca01_wrap .acc_01 dt .col.time { font-size: 16px; }
    .c1ca01_wrap .acc_01 dt .col.course { padding-left: 15px; width: auto; }
    .c1ca01_wrap .acc_01 dt .col.km,
    .c1ca01_wrap .acc_01 dt .col.time { padding-left: 10px; width: auto; }
    .c1ca01_wrap .acc_01 dt .col.way { clear: both; width: 100%; font-size: 14px; padding: 0 15px; }
    .c1ca01_wrap .acc_01 .icon { margin-right: 0; width: 13px; height: 13px; }
}
@media screen and (max-width: 767px) {
	.c1ca01_wrap .acc_01>dl>dt.on button:after { background: url(../images/common/ico_mobile_32_w.png) no-repeat 0 -144px; background-size: 100%; }
}

/* Brand : CNTMC */
.cntmc_wrap {}
.cntmc_wrap [class^="ui_tab_"] + .sketch_nav {margin-top:30px;}
.cntmc_wrap .sketch_nav { text-align:right;}
.cntmc_wrap .sketch_nav .select_wrap { min-width: 210px; text-align: left; } /* 20180122 함은주, 디자인 반영 */
.cntmc_wrap .sketch_nav .select_wrap {}

@media screen and (max-width: 767px) {
	.cntmc_wrap .sketch_nav {margin-top:15px;}
	.cntmc_wrap .sketch_nav .select_wrap {width:100%;}
	/*.cntmc_wrap .ui_tab_01>[class*="tab_menu"] {display:block;background:transparent;}
	.cntmc_wrap .ui_tab_01>[class*="tab_menu"]>li {float:left;width:calc( 100% / 3 );}
	.cntmc_wrap .ui_tab_01>[class*="tab_menu"]>li>*{text-align:center;} /*20180412 김기용: 탭 열거형 컴포넌트라서 text 중앙 정렬 -> 2018-05-28 이지혜 : 모바일에서 셀렉트로 변경*/
}

/* Brand : CNC1C */
.cnc1c_wrap {}/**/
.cnc1c_wrap .sketch_nav {text-align:right;}

@media screen and (max-width: 767px) {
	.cnc1c_wrap .sketch_nav .select_wrap {width:100%;}
}

/* Brand : CNPCN */
.cnpcn_wrap {}
.cnpcn_wrap {}

/* Brand : E1CIT01 */
.e1cit01_wrap {}
.e1cit01_wrap .sub_title {padding:0;font-family:'HeadMedium';color:#000;line-height:44px;}
.e1cit01_wrap .sub_title.text_normal {font-family:'HeadRegular';}
.e1cit01_wrap .sub_title + .text {margin-top:12px;} 
.e1cit01_wrap .text {font-size:16px;color:#000;line-height:34px;}
.e1cit01_wrap .text.text_bold {font-family:'TextMedium';}
.e1cit01_wrap .video_wrap {margin-top:30px;}
.e1cit01_wrap .sns_links { margin-top: 37px; text-align: center; }
.e1cit01_wrap .sns_links a { display: inline-block; margin: 0 8px; }
.e1cit01_wrap .sns_links .icon { width: 42px; height: 42px; }
.e1cit01_wrap .sns_links .facebook .icon { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-facebook.png'); }
.e1cit01_wrap .sns_links .twitter .icon { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-twitter.png'); }
.e1cit01_wrap .sns_links .google .icon { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-google.png'); }
.e1cit01_wrap .sns_links .pinterest .icon { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-pinterest.png'); }
@media screen and (max-width: 1023px) {
	.e1cit01_wrap .sub_title {font-size:21px;line-height:29px;}
	.e1cit01_wrap .sub_title + .text {margin-top:16px;}
	.e1cit01_wrap .text {font-size:14px;line-height:17px;}
	.e1cit01_wrap .video_wrap {margin-top:18px;}
    .e1cit01_wrap .sns_links { margin-top: 25px; }
    .e1cit01_wrap .sns_links a { display: inline-block; margin: 0 4px; }
    .e1cit01_wrap .sns_links icon {width:26px;height:26px;}
    .e1cit01_wrap .sns_links .facebook .icon {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-facebook-m.png');background-size:100%;}
    .e1cit01_wrap .sns_links .twitter .icon {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-twitter-m.png');background-size:100%;}
    .e1cit01_wrap .sns_links .google .icon {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-google-m.png');background-size:100%;}
    .e1cit01_wrap .sns_links .pinterest .icon {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-pinterest-m.png');background-size:100%;}
}

/* Brand : E1CIT02 */
.e1cit02_wrap {}
.e1cit02_wrap .sub_title {padding:0;font-family:'HeadMedium';color:#000;line-height:44px;}
.e1cit02_wrap .sub_title.text_normal {font-family:'HeadRegular';}
.e1cit02_wrap .sub_title + .floor_nav {margin-top:22px;}
.e1cit02_wrap .floor_nav {padding:0;}
.e1cit02_wrap .floor_nav a {display:inline-block;width:55px;border:1px solid #e0e0e0;border-radius:100%;line-height:53px;text-align:center;}
.e1cit02_wrap .floor_nav a ~ a {margin-left:6px;}
.e1cit02_wrap .floor_nav .on {border:1px solid #002c5f;background:#002c5f;color:#fff;}
.e1cit02_wrap .video_wrap {margin-top:60px;}
.e1cit02_wrap .text {margin-top:9px;line-height:30px;text-align:left;}
.e1cit02_wrap .text.text_bold {font-family:'TextMedium';}

@media screen and (max-width: 767px) {
	.e1cit02_wrap .sub_title + .floor_nav {margin-top:11px;}
	.e1cit02_wrap .floor_nav {padding:0;}
	.e1cit02_wrap .floor_nav a {width:35px;line-height:33px;}
	.e1cit02_wrap .video_wrap {margin-top:50px;}
	.e1cit02_wrap .text {margin-top:13px;line-height:22px;}
}

/* Brand : E1CIT03 */
.e1cit03_wrap {}
.e1cit03_wrap .sub_title {padding:0;font-family:'HeadMedium';color:#000;}
.e1cit03_wrap .sub_title.text_normal {font-family:'HeadRegular';}
.e1cit03_wrap [class^="tab_menu_"] {margin-top:28px;text-align:center;}
.e1cit03_wrap [class^="tab_menu_"] li {vertical-align:top;}
.e1cit03_wrap .car_rotator_items {margin-top:30px;}
.e1cit03_wrap .car_rotator_items .grid { margin-top: 20px; margin: -16px; }
.e1cit03_wrap .car_rotator_items .module { margin: 16px; }
.e1cit03_wrap .car_rotator_items .module img {width:100%;}
.e1cit03_wrap .car_rotator_items .col-1-3 .module {margin-bottom:0;}
@media screen and (max-width: 767px) {
	.e1cit03_wrap [class^="tab_menu_"] {margin-top:34px;}
	.e1cit03_wrap .car_rotator_items {margin-top:40px;}
    .e1cit03_wrap .car_rotator_items .grid { margin: -5px; }
    .e1cit03_wrap .car_rotator_items .module { margin: 5px; }
}

/* Brand : E2CHT */
.e2cht_wrap {display:table;width:100%;}
.e2cht_wrap:after {display:block;clear:both;content:'';}
.e2cht_wrap .text_area {display:table-cell;width:67%;padding-right:40px;border-right:1px solid #e4dbd2;vertical-align:middle;}
.e2cht_wrap .text_area .text {color:#000;line-height:30px;}
.e2cht_wrap .summary_area {position:relative;width:100%;padding:46px 40px;font-family:'TextMedium';text-align:center;vertical-align:middle;}
.e2cht_wrap .summary_area.vertical_top {vertical-align:top;}
.e2cht_wrap .summary_area.vertical_bottom {vertical-align:bottom;}
.e2cht_wrap .summary_area:before,
.e2cht_wrap .summary_area:after {position:absolute;left:50%;display:block;width:30px;height:28px;margin-left:-15px;}
.e2cht_wrap .summary_area:before {top:0;background:url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorshow/icon_quotation.png') no-repeat left top;content:'';}
.e2cht_wrap .summary_area:after {bottom:0;background:url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorshow/icon_quotation.png') no-repeat left top;transform:rotate(180deg);-webkit-transform:rotate(180deg);content:'';}
.e2cht_wrap .summary_area .text {font-size:20px;color:#000;line-height:40px;}
.e2cht_wrap .summary_area span {display:block;margin-top:16px;}
.e2cht_wrap .text_area + .summary_area {display:table-cell;width:33%;padding:40px;}
.e2cht_wrap .text_area + .summary_area .text {font-size:16px;line-height:30px;}
.e2cht_wrap .text_area + .summary_area span {margin-top:6px;}
.e2cht_wrap.cont_right .text_area {width:67%;padding:0 0 0 40px;border-left:1px solid #e4dbd2;border-right:none;}
.e2cht_wrap.cont_right .summary_area {display:table-cell;width:auto;}
.e2cht_wrap.cont_right .summary_area .text {font-size:16px;line-height:30px;}

@media screen and (max-width: 767px) {
	.e2cht_wrap .text_area {display:block;width:100%;padding:0 0 30px 0;border-bottom:1px solid #e4dbd2;border-right:none;}
	.e2cht_wrap .text_area .text {line-height:22px;}
	.e2cht_wrap .text_area + .summary_area {display:block;width:100%;margin-top:40px;padding:46px 0;}
	.e2cht_wrap .text_area + .summary_area .text {font-size:14px;line-height:22px;}
	.e2cht_wrap .text_area + .summary_area span {margin-top:0;}
	.e2cht_wrap .summary_area .text {font-size:21px;line-height:29px;}
	.e2cht_wrap .summary_area span {margin-top:14px;line-height:22px;}
	.e2cht_wrap.cont_right .text_area {display:block;width:100%;margin-top:40px;padding:30px 0 0;border-top:1px solid #e4dbd2;border-left:none;border-bottom:none;}
	.e2cht_wrap.cont_right .summary_area {display:block;}
}

/* Brand : E3CIT */
.e3cit_wrap {display:table;width:100%;}
.e3cit_wrap .text_wrap {display:table-cell;width:33.3333%;vertical-align:top;}
.e3cit_wrap .text_wrap .row_title {color:#000;}
.e3cit_wrap .text_wrap .row_title.text_normal {font-family:'HeadRegular';}
.e3cit_wrap .text_wrap.vertical_middle {vertical-align:middle;}
.e3cit_wrap .text_wrap.vertical_bottom {vertical-align:bottom;}
.e3cit_wrap .cont_wrap {display:table-cell;padding-left:32px;}
.e3cit_wrap .cont_wrap .area {float:left;width:50%;padding-right:29px;}
.e3cit_wrap .cont_wrap .area .in {float:left;width:120px;}
.e3cit_wrap .cont_wrap .area .in + .in {float:right;}
.e3cit_wrap .cont_wrap .area + .area {padding:0 0 0 29px;}
.e3cit_wrap .cont_wrap .area .text {display:table;width:100%;margin-top:19px;color:#000;}
.e3cit_wrap .cont_wrap .area .text.text_bold {font-family:'TextMedium';}
.e3cit_wrap .cont_wrap .area .text span {}

@media screen and (max-width: 767px) {
	.e3cit_wrap .text_wrap {display:block;width:100%;}
	.e3cit_wrap .cont_wrap {display:block;margin-top:20px;padding:0;}
	.e3cit_wrap .cont_wrap .area {display:table;float:none;width:100%;padding:0;}
	.e3cit_wrap .cont_wrap .area .in {display:table-cell;width:50%;padding:0 20px;}
	.e3cit_wrap .cont_wrap .area .img_wrap img {width:100%;}
	.e3cit_wrap .cont_wrap .area + .area {margin-top:39px;padding:0;}
	.e3cit_wrap .cont_wrap .area .text {margin-top:15px;}
}

/* 공장투어 */
.tour_ht {}
.tour_ht .sub_title {padding:0;line-height:34px;}
.tour_ht .main_title + .text {margin-top:30px;}
.tour_ht .text {color:#000;line-height:30px;}
.tour_ht.border_type {padding-top:80px;border-top:1px solid #e6e6e6;}

@media screen and (max-width: 767px) {
	.tour_ht .sub_title {line-height:20px;}
	.tour_ht .main_title + .text {margin-top:13px;}
	.tour_ht .text {line-height:22px;}
}

.tour_3column {}
.tour_3column:after {display:block;clear:both;content:'';}
.tour_3column .column {position:relative;float:left;width:calc( (100% - 68px) / 3 );}
.tour_3column .column a {display:block;}
.tour_3column .column .img_wrap {position:relative;padding-top:66.38%;}
.tour_3column .column .img_wrap img {position:absolute;top:0;left:0;width:100%;}
.tour_3column .column + .column {margin-left:34px;}
.tour_3column .text_wrap {position:absolute;bottom:0;left:0;right:0;height:78px;padding:19px 50px 0 20px;background:rgba(0,0,0,0.7);}
.tour_3column .text_wrap .desc_eng {overflow:hidden;display:block;font-size:20px;font-family:'HeadRegular';color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.tour_3column .text_wrap .desc_kor {overflow:hidden;display:block;margin-top:5px;color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.tour_3column .text_wrap .flag {position:absolute;top:20px;right:20px;}

@media screen and (max-width: 767px) {
	.tour_3column .column {float:none;width:100%;}
	.tour_3column .column + .column {margin:40px 0 0;}
	.tour_3column .text_wrap {height:64px;padding:13px 0 0 15px;}
	.tour_3column .text_wrap .desc_eng {font-size:16px;}
	.tour_3column .text_wrap .desc_kor {margin-top:8px;font-size:13px;}
	.tour_3column .text_wrap .flag {top:15px;right:15px;}
	.tour_3column .text_wrap .flag img {height:16px;}
}

.tour_concept {position:relative;}
.tour_concept .img_wrap {position:relative;padding-top:53.57%;}
.tour_concept .img_wrap img {position:absolute;top:0;left:0;width:100%;}
.tour_concept .text_wrap {position:absolute;top:85px;left:0;right:0;text-align:center;}
.tour_concept .text_wrap .sub_title {padding:0;}
.tour_concept .text_wrap .text {margin-top:11px;color:#000;line-height:30px;}

@media screen and (max-width: 767px) {
	.tour_concept .text_wrap {top:14px;}
	.tour_concept .text_wrap .sub_title {line-height:23px;}
	.tour_concept .text_wrap .text {margin-top:7px;line-height:22px;}
}

.tour_map {display:table;width:100%;}
.tour_map .map_wrap {display:table-cell;width:69%;padding-left:60px;}
.tour_map .info_wrap {display:table-cell;width:31%;padding-left:63px;vertical-align:middle;text-align:left;}
.tour_map .info_wrap li {color:#000;line-height:30px;}

@media screen and (max-width: 767px) {
	.tour_map .map_wrap {display:block;width:100%;padding-left:0;}
	.tour_map .info_wrap {display:block;width:100%;padding:0;}
	.tour_map .info_wrap:after {display:block;clear:both;content:'';}
	.tour_map .info_wrap li {float:left;width:50%;line-height:22px;}
}

.tour_mapview {}
.tour_mapview .column {float:left;width:calc( (100% - 64px ) / 3);}
.tour_mapview .column + .column {margin-left:32px;}
.tour_mapview .column .img_wrap {position:relative;padding-top:53.40%;}
.tour_mapview .column .img_wrap img {position:absolute;top:0;left:0;width:100%;}
.tour_mapview .column .text_wrap {margin-top:28px;}
.tour_mapview .column .text_wrap .row_title {position:relative;padding-left:24px;}
.tour_mapview .column .text_wrap .row_title + .text {margin-top:17px;}
.tour_mapview .column .text_wrap .num {position:absolute;top:1px;left:0;width:18px;height:18px;border-radius:100%;background:#002c5f;font-size:12px;color:#fff;line-height:18px;vertical-align:middle;text-align:center;}
.tour_mapview .column .text_wrap .title {display:block;margin-top:21px;font-size:16px;font-family:'TextMedium';color:#000;}
.tour_mapview .column .text_wrap .title + .text {margin-top:7px;}
.tour_mapview .column .text_wrap .text {display:block;line-height:30px;}
.tour_mapview .column {}

@media screen and (max-width: 767px) {
    .tour_mapview .column {float:none;width:100%;}
	.tour_mapview .column + .column {margin:35px 0 0;}
	.tour_mapview .column .text_wrap {margin-top:17px;}
	.tour_mapview .column .text_wrap .row_title + .text {margin-top:9px;}
	.tour_mapview .column .text_wrap .num {top:3px;}
	.tour_mapview .column .text_wrap .title {margin-top:24px;}
	.tour_mapview .column .text_wrap .title + .text {margin-top:14px;}
	.tour_mapview .column .text_wrap .text {line-height:22px;}
}

.tour_text_button {position:relative;padding:47px 307px 45px 47px;border:1px solid #ece6e0;}
.tour_text_button .row_title {display:block;line-height:30px;}
.tour_text_button .button_group {position:absolute;top:50%;right:47px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}

@media screen and (max-width: 767px) {
    .tour_text_button {padding:15px 14px 20px;text-align:center;}
    .tour_text_button .row_title {line-height:24px;}
    .tour_text_button .row_title + .button_group {margin-top:16px;}
	.tour_text_button .button_group {position:static;transform:translate(0,0);-webkit-transform:translate(0,0);}
	.tour_text_button .button_group:after {display:block;clear:both;content:'';}
	.tour_text_button .button_group [class*="btn_"] {float:left;width:calc( (100% - 10px) / 2 );}
	.tour_text_button .button_group [class*="btn_"] + [class*="btn_"] {margin:0 0 0 10px;}
}

/* common_tab */
.common_tab .tab_menu_03 {margin-bottom:-6px;white-space:normal;}
.common_tab .tab_menu_03 li {margin:0 2px 6px 0;}
.common_tab .tab_menu_03 li + li {margin-left:0;}
.common_tab .tab_contents {margin-top:40px;}
.common_tab .video_set {margin:0;}
.common_tab .video_wrap iframe {width:100%;height:100%;}
@media screen and (max-width: 767px){
    .common_tab .tab_menu_03 {margin-bottom:0;white-space:nowrap;}
    .common_tab .tab_menu_03 li {margin:0;}
    .common_tab .tab_contents {margin-top:30px;}
}
/* ============================ [ freecode-components.css ] ============================ */

/* Depth1 구매가이드 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.fc_pg_tab .dl_text_cont dl+dl{margin-top:30px;}
.fc_pg_tab .dl_text_cont dt{line-height:1.75;}
.fc_pg_tab .tab_cont{padding-bottom:80px;}
.fc_pg_tab .title_area{text-align:center;}
.fc_pg_tab .title_area .main_title{}
.fc_pg_tab .title_area .main_title + [class^="text"] {margin-top:24px;}
.fc_pg_tab .title_area .btn_lg_primary{margin-top: 54px;}
.fc_pg_tab .pdt0{padding-top:0 !important;}
.fc_pg_tab .pdb0{padding-bottom:0 !important;}

.fc_pg_tab .acc_01{margin-top:20px;}
.fc_pg_tab .acc_01 > dl > dt .title i{position: relative;vertical-align: middle;margin-right: 10px;filter: alpha(opacity=70);opacity: 0.7;font-style: normal;}
.fc_pg_tab .acc_01 > dl > dt .title .brief{font-family: 'TextRegular';}
.fc_pg_tab .acc_01 > dl > dt .title .brief:before{content: '|';margin: 0 5px;}
.fc_pg_tab br + .panel_white{padding-left: 0;}

/*구매가이드_리스*/
.fc_pg_tab .product_dec{padding: 34px 0 14px;}
.fc_pg_tab .product_dec_left,
.fc_pg_tab .product_dec_right,
.fc_pg_tab .product_dec_vs{float: left;}
.fc_pg_tab .product_dec_vs{margin: 0 15px;line-height: 210px;}

.fc_pg_tab .exp{line-height: 1.8;}
.fc_pg_tab .lh1_8{line-height: 1.8;}
.fc_pg_tab .list_bullet_num{}
.fc_pg_tab .list_bullet_num > li{position: relative;padding-left: 17px;margin-top: 5px;font-family: 'TextMedium';color: #000;}
.fc_pg_tab .list_bullet_num > li:before{position: absolute;left: 0;top: 0;}
.fc_pg_tab .list_bullet_num > li:nth-child(1):before{content: '1.';}
.fc_pg_tab .list_bullet_num > li:nth-child(2):before{content: '2.';}
.fc_pg_tab .list_bullet_num > li:nth-child(3):before{content: '3.';}
.fc_pg_tab .list_bullet_num > li:nth-child(4):before{content: '4.';}
.fc_pg_tab .list_bullet_num > li:nth-child(5):before{content: '5.';}
.fc_pg_tab .list_bullet_num > li:nth-child(6):before{content: '6.';}

/* 구매정책안내 - 차량등록 20180102 정윤진 */
.regist_process {  }
.regist_process .grid { padding: 10px 10% 0; }
.regist_process .module { text-align: center; }
.regist_process .view { position: relative; }
/* 20180203 함은주 화살표 수정 */
.regist_process .col +.col .view:after {content:'';display:block;position:absolute;top: 53px;left: -8px;width:16px;height:16px;background:url(../images/common/ico_pc_20.png) no-repeat 0 -160px;} /* 20180118 함은주, 디자인 수정 마크업 변경 #36877 */
.regist_process .desc { text-align: center; }
.regist_process .desc span { display: block; margin: 15px 0; color: #000; font-size: 14px; }

/* 미디어쿼리 */
@media screen and (min-width: 768px){
    /* 768 이상 tablet & desktop */

    .fc_pg_tab .acc_01>dl>dd{padding:10px 60px 30px 60px;}
    .fc_pg_tab .dl_text_cont.responsive>dl>dt{width:10%;}
    .fc_pg_tab .dl_text_cont .row_title{padding-top:30px; padding-bottom:10px;}
}
@media screen and (max-width: 767px){
    .fc_pg_tab .title_area .main_title{}
    .fc_pg_tab .title_area .main_title + [class^="text"] {margin-top:12px;}
    .fc_pg_tab .title_area .btn_lg_primary{margin-top: 30px;}
    .fc_pg_tab .tab_cont{padding-bottom:0;}
    .fc_pg_tab .tab_cont>*:last-child{padding-bottom:50px !important;}
    /*구매가이드_할부*/
    .fc_pg_tab .acc_01 > dl > dt .title .brief{display: none;}
    .fc_pg_tab .acc_01 > dl > dt.on .title .brief{display: block;margin-right: -50px;padding-top: 32px;text-align: center;font-family: 'TextMedium';color: #006992;}
    .fc_pg_tab .acc_01 > dl > dt .title .brief:before{display: none;}

    /*구매가이드_리스*/
    .fc_pg_tab .product_dec{padding:24px 0 30px;margin-bottom: 30px;border-bottom: 1px solid #fff;}
    .fc_pg_tab .product_dec_left, .fc_pg_tab .product_dec_right, .fc_pg_tab .product_dec_vs{float: none;}
    .fc_pg_tab .product_dec_vs{position: relative;margin:30px 0;text-align: center;line-height: 0;}
    .fc_pg_tab .product_dec_vs img{position: relative;z-index: 2;}
    .fc_pg_tab .product_dec_vs:before{content: '';display: block;height: 1px;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -1px;background-color: #e5e5e5;z-index: 1;}
    .fc_pg_tab .text_primary{font-size:15px; font-family:'TextMedium';}

    /*구매가이드_할부*/
    .fc_pg_tab .acc_01 > dl > dt em{display: none;}
    .fc_pg_tab .acc_01 > dl > dt.on em{display: inline-block;padding: 39px 0 0 0;}
    .fc_pg_tab .acc_01 > dl > dt.on em::before{display: none;}

    .regist_process {  }
    .regist_process .grid { padding: 0; }
    .regist_process .col { position: relative; zoom: 1;}
    .regist_process .col:last-of-type .view:after { display: none; }
    .regist_process .col:last-of-type .desc { padding-bottom: 0; }
    .regist_process .module { display: table; width: 100%; table-layout: fixed; }
    .regist_process .view,
    .regist_process .desc { display: table-cell; width: 50%; padding: 0; vertical-align: middle; }
    .regist_process .view picture { display: inline-block; width: 95px; }
    .regist_process .view { position: relative; zoom: 1; }
    .regist_process .view:after { position: static; content: " "; display: block; width: 10px; height: 10px; margin: 15px auto; border-left: 2px solid #eae5e1; border-bottom: 2px solid #eae5e1;
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); background-image:none; } /* 20180118 함은주, 디자인 수정 마크업 변경 #36877 */
    .regist_process .desc { padding-bottom: 40px; text-align: left; }
    .regist_process .desc span { display: block; margin: 10px 0; font-size: 16px; }
    .regist_process .desc span .text_primary {font-size: 16px; } /* 20180118 함은주, 디자인 수정 마크업 변경 #36877 */
}

@media screen and (max-width: 425px){
    .fc_pg_tab .table_scrollable .data_table {width: 350%;}
}

/* TUIX * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*TUIX 알아보기*/
.mc_bc_tu_in .tab_cont{margin-top:100px;}
.mc_bc_tu_in .main_title{margin-bottom:40px;}
.mc_bc_tu_in .circle_cont{width:680px; margin:90px auto 100px; font-family:'HeadMedium'; text-align:center; overflow:hidden;}
.mc_bc_tu_in .circle_cont .circle{display:block; float:left; width:300px; height:300px; padding-top:90px; font-size:16px; color:#000; line-height:30px; border-radius:50%; background:#ece6e0;}
.mc_bc_tu_in .circle_cont .circle strong{display:block; margin-bottom:30px; font-family:'HeadMedium'; font-size:30px;}
.mc_bc_tu_in .circle_cont .and{display:block; float:left; width:80px; font-size:40px; font-family:'TextRegular'; color:#444; text-align:center; line-height:300px;}

.mc_bc_tu_in .tuix_er_box{position:relative; overflow:hidden;}
.mc_bc_tu_in .tuix_er_box [class^="section"].centered{max-width:1600px;}
.mc_bc_tu_in .tuix_er_box img.bg{position:absolute; left:50%; top:0; max-width:inherit; margin-left:-960px;}
.mc_bc_tu_in .tuix_er_box img.img{width:100%;}
.mc_bc_tu_in .tuix_er_box .section{position:relative;}
.mc_bc_tu_in .tuix_er_txt{width:475px; margin:100px auto;}
.mc_bc_tu_in .tuix_er_txt ul{margin-top:30px; color:#000; line-height:30px;}

.prevnext_bar{padding:64px 0; font-family:'HeadMedium'; font-size:30px; color:#000; background:#e4dcd3; overflow:hidden;}
.prevnext_bar .prev{float:left; padding-right: 5px; /* 20180227 정윤진, 이안나차장님 요청 텍스트가 꽉찰 때 한줄같아 보이지 않게 padding-right 간격 수정 */}
.prevnext_bar .next{float:right; text-align: right;}
.prevnext_bar .centered a span{display:inline-block; vertical-align:middle;}
.prevnext_bar .prev:before , .prevnext_bar .next:after{content:''; display:inline-block; width:13px; height:21px; background:url('../images/common/prevnext_arrow.png') no-repeat 0 0; vertical-align:middle;}
.prevnext_bar .prev:before{margin-right:30px; background-position:0 0;}
.prevnext_bar .next:after{margin-left:30px; background-position:100% 0;}

/*TUIX 살펴보기*/
.tuix_check .pc_only_block{display:block;}
.tuix_check .nowrap{display:inline; white-space:nowrap;}

.tuix_check .ui_tab_02 .tab_menu_02{max-width:1120px; margin:0 auto; text-align:left;}
.tuix_check .ui_tab_02 .tab_menu_02 li{margin-left:30px;}
.tuix_check .ui_tab_02 .tab_menu_02 li:first-child{margin-left:0;}
.tuix_check .ui_tab_02 .tab_menu_02 li:last-child{margin-left:34px;}

.tuix_check .ui_tab_02 .tab_cont{margin-top:80px;}
.tuix_check .tab_cont .text{color:#000;}
.tuix_check .tuix_check_tit_wrap .centered{position:relative;}
.tuix_check_tit_wrap .tit_wrap{position:absolute; left:80px; top:15px;}
.tuix_check_tit_wrap .main_title{text-align:left;}
.tuix_check_tit_wrap .text{padding-top:15px;}
.tuix_check_tit_wrap img.car{width:100%;}

.tuix_check_cont.bg01{background:#f6f3f2;}
.tuix_check_cont.bg02{background:#e4dcd3;}
.tuix_check_cont .centered{padding:100px 0;}
.tuix_check_cont .tit_wrap{margin-bottom:55px; text-align:center;}
.tuix_check_cont .tit_wrap.mt_top{margin-top:100px;}
.tuix_check_cont .tit_wrap .main_title{margin-top:-4px; padding-bottom:4px;}
.tuix_check_cont .tit_wrap .sub_title{padding-bottom:3px;}
.tuix_check_cont .tit_wrap .main_title + .sub_title{padding-top:55px;}
.tuix_check_cont .tit_wrap .text{padding-top:27px;}
.tuix_check_cont .tit_wrap .main_title + .text{padding-top:22px;}
.tuix_check_cont .tit_wrap .text + .sub_title{padding-top:52px;}

.tuix_color_list{display:table; margin:0 auto; padding:35px 0 5px; font-size:14px; text-align:left;}
.tuix_color_list li{display:table-cell; width:148px; padding-left:1px;}
.tuix_color_list li:before{content:''; display:block; clear:both; width:100%; height:30px; margin-bottom:20px;}
.tuix_color_list li.color01:before{background:#e7e7e7;}
.tuix_color_list li.color02:before{background:#8d1618;}
.tuix_color_list li.color03:before{background:#00406f;}
.tuix_color_list li.color04:before{background:#111111;}

.tuix_check_cont .img{width:100%;}

.tuix_style_list{margin-top:-30px; overflow:hidden;}
.tuix_style_list li{float:left; width:49%; margin-top:30px;}
.tuix_style_list li:nth-child(2n){float:right;}
.tuix_style_list li .txt_box{height:183px; padding:40px 30px 60px; background:#fff;}
.tuix_style_list li .txt_box .text{margin-top:15px; line-height:24px;}

.tuix_list{margin-top:-60px; overflow:hidden;} /* w 2 - m2 */
.tuix_list li{float:left; width:49%; margin:60px 2% 0 0;}
.tuix_list li:nth-child(2n){margin-right:0;}
.tuix_list .text{margin:15px 0 -5px;}
.tuix_list.case li{width:32%;} /* w 3 - m2 */
.tuix_list.case li:nth-child(2n){margin-right:2%;}
.tuix_list.case li:nth-child(3n){margin-right:0;}
.tuix_list.case02 li{width:23.5%;} /* w 4 - m2 */
.tuix_list.case02 li:nth-child(2n){margin-right:2%;}
.tuix_list.case02 li:nth-child(4n){margin-right:0;}

.tuix_float_cont{display:table; width:100%; table-layout:fixed;}
.tuix_float_cont > div{display:table-cell; width:50%; vertical-align:middle;}
.tuix_float_cont .tit_wrap{padding:0 50px; text-align:left;}
.tuix_float_cont .tit_wrap .text .block_txt{display:block; margin-top:35px;}

.tulx_table{margin-top:60px;}
.tulx_table td{color:#000; text-align:center;}
.tulx_table .table_btm_text{margin-top:20px; color:#000; overflow:hidden;}
.tulx_table .table_btm_text .left{float:left;}
.tulx_table .table_btm_text .right{float:right; font-size:14px;}

.tuix_slide .ix-list-item p{padding-top:20px; color:#000; text-align:left;}
.tuix_slide .ix-thumbs{width:100%; position:absolute; left:0; bottom:65px;}
.tuix_slide .ix-controller{padding:0;}
.tuix_slide .ix-btn{background:#fff; border:none;}
.tuix_slide [class*='_direction'] [class^="ix-btn"]{margin-top:-40px;}

.tuix_only_img .text{margin:15px 0 -5px;}



/* 미디어쿼리 */
@media screen and (max-width:1150px){
    /*TUIX 살펴보기*/
    .tuix_check .ui_tab_02 .tab_menu_02{padding:0 15px; text-align:center;}
    .tuix_check .ui_tab_02 .tab_menu_02 li{margin-left:0;}
    .tuix_check .ui_tab_02 .tab_menu_02 li:last-child{margin-left:0;}
}

@media screen and (max-width:1120px){
    .prevnext_bar{padding:64px 15px;}
    /*TUIX 살펴보기*/
    .tuix_check .pc_only_block{display:inline;}
    .tuix_check_cont .centered{padding:100px 15px;}
    .tuix_float_cont .tit_wrap .text .block_txt{margin-top:0;}
}

@media screen and (max-width: 767px){
    /*TUIX 알아보기*/
    .mc_bc_tu_in .tab_cont{margin-top:50px;}
    .mc_bc_tu_in .main_title{margin-bottom:20px;}
    .mc_bc_tu_in .align_center{margin:0 15px;}
    .mc_bc_tu_in .circle_cont{width:170px; margin:30px auto 50px;}
    .mc_bc_tu_in .circle_cont .circle{float:none; width:170px; height:170px; padding-top:40px; font-size:13px; line-height:21px;}
    .mc_bc_tu_in .circle_cont .circle strong{margin-bottom:13px; font-size:16px;}
    .mc_bc_tu_in .circle_cont .and{float:none; width:100%; height:45px; font-size:20px; line-height:45px;}

    .mc_bc_tu_in .tuix_er_box img.bg{left:0; margin-left:0; width:100%; height:100%;}
    .mc_bc_tu_in .tuix_er_txt{width:auto; margin:30px 15px 50px;}
    .mc_bc_tu_in .tuix_er_txt ul{margin-top:20px; line-height:20px;}

    .prevnext_bar{padding:24px 15px; font-size:21px;}
    .prevnext_bar .prev:before , .prevnext_bar .next:after{width:5px; height:9px; background-size:auto 9px;}
    .prevnext_bar .prev:before{margin-right:15px;}
    .prevnext_bar .next:after{margin-left:15px;}

    /*TUIX 살펴보기*/
    .tuix_check .ui_tab_02 .tab_cont{margin-top:50px;}
    .tuix_check_tit_wrap .tit_wrap{position:static; padding:0 15px;}
    .tuix_check_tit_wrap .main_title{margin-top:-5px;}
    .tuix_check_tit_wrap .text{padding-top:5px;}

    .tuix_check .tuix_check_cont .centered{padding:50px 15px;}
    .tuix_check_cont .tit_wrap{margin-bottom:25px; text-align:left;}
    .tuix_check_cont .tit_wrap.mt_top{margin-top:45px;}
    .tuix_check_cont .tit_wrap .main_title{margin-top:-7px; padding-bottom:0;}
    .tuix_check_cont .tit_wrap .text{padding-top:10px;}
    .tuix_check_cont .tit_wrap .text .m_padding{display:block; padding-top:20px;}
    .tuix_check_cont .tit_wrap .sub_title{margin-top:-4px; padding-bottom:0;}
    .tuix_check_cont .tit_wrap .main_title + .sub_title{padding-top:20px;}

    .tuix_color_list{display:table; width:100%; margin:0; padding:25px 0; font-size:13px; text-align:center;}
    .tuix_color_list.size02{width:50%;}
    .tuix_color_list li{width:25%; padding-left:1px;}
    .tuix_color_list li:before{height:25px; margin-bottom:15px;}

    .tuix_style_list{margin-top:-20px; overflow:hidden;}
    .tuix_style_list li{float:none; width:100%; margin-top:20px;}
    .tuix_style_list li:nth-child(2n){float:none;}
    .tuix_style_list li .txt_box{height:auto; padding:25px 25px 45px;}
    .tuix_style_list li .txt_box .text{margin-top:10px; font-size:13px;}
    .tuix_check_cont .tit_wrap .main_title + .text{padding-top:12px;}
    .tuix_check_cont .tit_wrap .text + .sub_title{padding-top:25px;}

    .tuix_list{margin-top:-30px;}
    .tuix_list li{float:left; width:49%; margin-top:30px;}
    .tuix_list .text{margin-top:10px;}
    .tuix_list.case li{width:49%;}
    .tuix_list.case li:nth-child(3n){margin-right:2%;}
    .tuix_list.case li:nth-child(2n){margin-right:0;}
    .tuix_list.case02 li{width:49%;}
    .tuix_list.case02 li:nth-child(2n){margin-right:0;}

    .tuix_float_cont > div{display:block; width:100%;}
    .tuix_float_cont .tit_wrap{padding:0;}

    .tulx_table{margin-top:35px;}
    .tulx_table .table_btm_text{width:150%; margin-top:15px;}
    .tulx_table .table_btm_text .left{font-size:14px;}
    .tulx_table .table_btm_text .right{font-size:12px;}

    .tuix_slide .ix-list-item img{width:100%;}
    .tuix_slide .ix-list-item p{padding-top:15px; font-size:13px;}
    .tuix_slide .ix-thumbs{bottom:43px;}
    .tuix_slide .ix-btn{background:#cdc6bd;}
    .tuix_slide [class*='_direction'] [class^="ix-btn"]{margin-top:-32px;}

    .tuix_only_img .text{margin-top:10px;}

}

@media screen and (max-width: 425px){
    .tulx_table .table_btm_text{width:200%;}
}
/* 모터스튜디오 서울 Overview (2018-05-02 이지혜) */
.motorstudio-s .grid_col_03 .col {margin-top:30px;}
.motorstudio-s .grid_col_03 .col:first-child {margin-top:0;}
.motorstudio-s .grid_col_03 dl:after {clear:both; display:block; content:'';}
.motorstudio-s .grid_col_03 dt {float:left; width:80px; margin-right:10px;}
.motorstudio-s .grid_col_03 dd {float:left; width:calc(100% - 90px); line-height:1.8em;}
.motorstudio-s .grid_col_05 {margin-top:30px;}
.motorstudio-s .grid_col_05 .col .modul {padding:10px; border:1px solid #e6e6e6;}
.motorstudio-s .grid_col_05 .col .modul a {display:block; width:60px; margin:0 auto; text-align:center;}
.motorstudio-s .grid_col_05 .col .modul b {display:block; margin:15px 0 0 0; text-align:center;}
.motorstudio-s-infoWrap .img_wrap {text-align:center;}
.motorstudio-s-infoWrap .info_wrap {margin-top:10px; line-height:1.8em;}
@media screen and (min-width: 768px){
    .motorstudio-s .grid_col_03 .col {position:relative; margin-top:0px;}
    .motorstudio-s .grid_col_03 .col:after {position:absolute; top:0; left:0; display:block; content:''; width:1px; height:70px; background:#e4dcd3;}
    .motorstudio-s .grid_col_03 .col:first-child:after {background:0 none;}
    .motorstudio-s .grid_col_03 dl {padding:0 5px;}
    .motorstudio-s .grid_col_03 dt {padding-top:6px; margin:0;}
    .motorstudio-s-infoWrap {display:table; margin-top:20px;}
    .motorstudio-s-infoWrap .img_wrap {display:table-cell; width:256px;}
    .motorstudio-s-infoWrap .info_wrap {display:table-cell; width:calc(100% - 256px); vertical-align:middle; margin:0; padding-left:20px;}
}
@media screen and (min-width: 1024px){
    .motorstudio-s .grid_col_03 dl {padding:0 10px;}
    .motorstudio-s .grid_col_05 {margin-top:40px;}
    .motorstudio-s .grid_col_05 .col .modul {padding:50px 0;}
    .motorstudio-s-infoWrap {margin-top:30px;}
    .motorstudio-s-infoWrap .img_wrap {width:50%;}
    .motorstudio-s-infoWrap .info_wrap {width:50%; padding:0 50px 0 0;}
}
@media screen and (min-width: 1220px){
    .motorstudio-s .grid_col_03 dl {padding:0 30px;}
    .motorstudio-s .grid_col_03 dt {width:32%;}
    .motorstudio-s .grid_col_03 dd {width:68%;}
}

/* FREE-CODE contents_component */
/* 유튜브 비율 맞추기 */
.contents_component .video_container{position:relative;height:0;padding-bottom:56.25%;}
.contents_component .video_container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 이미지 슬라이드 - pc 2개에서 mo 1개로 */
.contents_component .slide .ix-list-items .ix-list-item {float:left; margin-right: 20px; width:49.333%; }
.contents_component .slide .ix-controller{padding: 0;}
@media screen and (max-width: 767px) {
    .contents_component .slide .ix-list-items .ix-list-item {margin-right: 0; margin-bottom: 10px; width:100%;}
}

.contents_component .chapter_head .chapter{margin: 60px auto 0; display: flex; justify-content: center;align-items: center;width: 41px;height: 41px; color: #fff; border-radius: 50%; background: #003469; }
.contents_component .chapter_head .title{position: relative; margin-top: 20px; display: inline-block; font-size: 48px; font-family: 'HeadMedium'; color: #000;}
.contents_component .chapter_head.jeju .title:before, .contents_component .chapter_head.jeju .title:after {content: '';position: absolute;right: 160px;top: 7px;height: 32px;width: 4px;background-color: #222;}
.contents_component .chapter_head.jeju .title:before {transform: rotate(45deg);}
.contents_component .chapter_head.jeju .title:after {transform: rotate(-45deg);}
.contents_component .chapter_head.jeju .title picture {margin-left: 60px;}
.contents_component .chapter_head .desc{margin-top: 15px;color: #000; font-size: 22px; font-family: 'TextRegular';}

/*230828 edit*/
.contents_component .info_data{margin-top: 55px; display: flex;gap: 0 5%;}
.contents_component .info_data picture img{width: 100%; height: 100%; object-fit: cover;}
.contents_component .info_data ul.info_list{padding: 30px 0; display: flex;flex-wrap: wrap;align-items: center;width: 50%; }
.contents_component .info_data ul.info_list > li{display: flex; width: 100%; text-align: left; padding-bottom: 17px; line-height: 1.5;}
.contents_component .info_data ul.info_list .title{width: 24%; min-width: 110px; display: flex; align-self: flex-start; font-family: "TextMedium"; font-size: 20px; }
.contents_component .info_data ul.info_list .text{width: 72%; font-family: "TextRegular";color: #000; font-size: 20px; word-break: keep-all;} /* 230829_v2 edit*/
.contents_component .info_data ol.num_list{margin-left: 20px; display: flex; flex-direction: column; list-style-type:decimal; }
.contents_component .info_data ol.num_list li{line-height: 1.5;}

.contents_component .info_data picture{width: clamp(300px, 50%, 591px);}
.contents_component .info_data.navy picture{width: clamp(300px, 50%, 537px);}
.contents_component .info_data.mint ul.info_list{ border-top: 2px solid #00AAD2; border-bottom: 2px solid #00AAD2;}
.contents_component .info_data.mint ul.info_list .title{color: #00AAD2;}
.contents_component .info_data.yellogreen ul.info_list{ border-top: 2px solid #98C714; border-bottom: 2px solid #98C714;}
.contents_component .info_data.yellogreen ul.info_list .title{color: #98C714;}
.contents_component .info_data.navy ul.info_list{ border-top: 2px solid #002C5F; border-bottom: 2px solid #002C5F;}
.contents_component .info_data.navy ul.info_list .title{color: #002C5F;}
/*//230828 edit*/

/* 리스트 컨텐츠 */
.contents_component .section_white .info_content .title{padding-top: 110px;}
.contents_component .section_gray .info_content .title{padding-top: 50px;}
.contents_component .info_content .title{font-size: 34px; color: #000;font-family: 'HeadMedium';}
.contents_component .info_content .map_guide{margin-top: 60px;}
.contents_component .info_content .map_guide .path_route{margin-top: 30px; font-size: 20px; font-family: "TextMedium"; text-align: left; line-height: 40px;color: #000;}
.contents_component .info_content .map_guide .path_route em{ color: #002C5F;}
.contents_component .info_content ul.info_list{margin-top: 40px; display: table; table-layout: fixed;}
.contents_component .info_content ul.info_list li{display:table-cell; padding-right: 20px;}
.contents_component .info_content ul.info_list li:last-child{padding-right: 0;}
.contents_component .info_content ul.info_list li .text_box{margin-top: 30px;}
.contents_component .info_content ul.info_list li .text_box .cont_title{font-size: 22px; text-align: left;}
.contents_component .info_content ul.info_list.mint li .text_box .cont_title{color: #00AAD2;}
.contents_component .info_content ul.info_list.yellogreen li .text_box .cont_title{color: #98C714;}
.contents_component .info_content ul.info_list.navy li .text_box .cont_title{color: #002C5F;}
.contents_component .info_content ul.info_list li .text_box .cont_desc{margin-top: 10px; display: block; font-size: 18px; font-family: "TextRegular"; color: #000;line-height: 28px; letter-spacing: .2px; text-align: left;}


@media screen and (max-width: 767px) {
    .contents_component .chapter_head .chapter{margin: 53px auto 0; font-size: 14px;}
    .contents_component .chapter_head .title{margin-top: 17px; font-size: 29px;}
    .contents_component .chapter_head .desc{margin-top: 20px; font-size: 16px; line-height: 1.4;}
    .contents_component .chapter_head.jeju .title:before, .contents_component .chapter_head.jeju .title:after {left: 50%;top: 46px;height: 28px;}
    .contents_component .chapter_head.jeju .title picture {display: block; margin-left: 0; margin-top: 40px;}
    .contents_component .chapter_head.jeju .title img{ width: 97px; }
        /*240425 edit*/
    .contents_component .info_data{margin-top: 25px; display: flex;gap: 20px; flex-direction: column;}
    .contents_component .info_data picture{width: 100%;}
    .contents_component .info_data.navy picture{width: 100%;}

    .contents_component .info_data ul.info_list{margin-top: 5px; padding: 22px 0 2px; width: 100%;}
    .contents_component .info_data ul.info_list > li{padding-bottom: 12px; line-height: unset;}
    .contents_component .info_data ul.info_list .title{width: 16%; min-width: 80px; font-size: 14px; line-height: 1.6;}
    .contents_component .info_data ul.info_list .text{font-size: 14px; line-height: 1.6;}
        .contents_component .info_data ol.num_list{margin-left: 15px;}
    .contents_component .info_data ol.num_list li{padding-bottom: 7px;line-height: 1.7;}
    .contents_component .info_data ol.num_list li:last-child{ padding-bottom:0;}

    /* 리스트 컨텐츠 */
    .contents_component .info_content .map_guide{margin-top: 15px;}
        /*//240425 edit*/
    .contents_component .info_content .map_guide .path_route{font-size: 16px; line-height: 1.5;}
    .contents_component .info_content ul.info_list{margin-top: 25px;display: flex; flex-direction: column;table-layout: unset;}
    .contents_component .info_content ul.info_list li{margin-top: 25px; padding-right: 0;}
    .contents_component .info_content ul.info_list li:first-child{margin-top: 0;}
    .contents_component .info_content ul.info_list li .text_box .cont_title{font-size: 16px;}
    .contents_component .info_content ul.info_list li .text_box .cont_desc{font-size: 16px;line-height: 1.4;}
}
/* s: 240423 */
/* 230823 참여형 아코디언 및 팝업창 ADD */
.contents_component { background-color: #fff;}
.contents_component .main_text {margin: 65px 0 0 0; font-size: 30px; font-family: "HeadRegular"; color: #000;line-height: 1.4;}
.contents_component .main_text em{position: relative; display: inline-block; color: #002C5F; line-height: 1.3;}
.contents_component .main_text em:after{ content: ''; margin-top: -7px; width: 100%; height: 1px; background-color: #002C5F; display: block;}

.contents_component .certification{margin-top: 60px; padding: 65px 0; position: relative; font-family: "TextRegular";}
.contents_component .certification.state{padding: 0;}
.contents_component .certification .text{font-size: 20px; color: #000; text-align: center; }
.contents_component .certification .my_certi{display: flex; justify-content: space-between; align-items: center;}
.contents_component .certification .my_certi .certi_id{font-size: 16px; font-family: "TextRegular"; color: #666;}
.contents_component .certification .my_certi .certi_id em{margin-bottom: 12px; display: block; font-size: 18px; font-family: "TextMedium"; color: #002C5F;}
.contents_component .certification .form_wrap{margin-top: 20px; display: flex; justify-content: center; gap: 0 10px;}

button[class^="btn_"][class*="_emp"] {background-color: #002C5F; border-color:#002C5F;}
.contents_component .certification .my_state{position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 30px; min-height: 550px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.contents_component .certification .my_state .content{padding: 75px 0;}
.contents_component .certification .my_state .content > .title{font-size: 48px; color: #fff; font-family: "HeadMedium"; text-align: center;color: #000;}
.contents_component .certification .my_state .content > .desc{margin: 20px auto 0; width: 100%; font-size: 18px; font-family: "HeadMedium"; text-align: center; color: #000;}
.contents_component .certification .my_state .badge_list{margin: 35px auto 0; display: flex; justify-content: center;gap: 0 10px;}
.contents_component .certification .my_state .badge_list li{display: flex;justify-content: center; align-items: center; flex-shrink: 0; width: 145px; height: 145px; border-radius: 10px; background-color: #ffffffb3; background-repeat: no-repeat; background-size: contain; transition: all .3s ease-in-out;}
/*240426 edit*/
.contents_component .certification .my_state .badge_list li.badge_01{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-01-off-pc.png);}
.contents_component .certification .my_state .badge_list li.badge_02{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-02-off-pc.png);}
/* .contents_component .certification .my_state .badge_list li:nth-child(3){background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2023-longestrun-event-mypage-mission-icon-03-off.png);}
.contents_component .certification .my_state .badge_list li:nth-child(4){background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2023-longestrun-event-mypage-mission-icon-04-off.png);}
.contents_component .certification .my_state .badge_list li:nth-child(5){background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2023-longestrun-event-mypage-mission-icon-05-off.png);} */
.contents_component .certification .my_state .badge_list li.badge_01:hover,
.contents_component .certification .my_state .badge_list li.badge_01.on{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-01-on-pc.png);}
.contents_component .certification .my_state .badge_list li.badge_02:hover,
.contents_component .certification .my_state .badge_list li.badge_02.on{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-02-on-pc.png);}
/*//240426 edit*/
/* .contents_component .certification .my_state .badge_list li:hover:nth-child(3),
.contents_component .certification .my_state .badge_list li.on:nth-child(3){background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-03-on.png);}
.contents_component .certification .my_state .badge_list li:hover:nth-child(4),
.contents_component .certification .my_state .badge_list li.on:nth-child(4){background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-04-on.png);}
.contents_component .certification .my_state .badge_list li:hover:nth-child(5),
.contents_component .certification .my_state .badge_list li.on:nth-child(5){background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/brand/longestrun/2024/join-2024-longestrun-event-mypage-mission-icon-05-on.png);} */
.contents_component .certification .my_state .badge_list li.mo_only{display: none;}
.contents_component .certification .my_state .content .state_btn_wrap{display: flex; justify-content: center;}
.contents_component .certification .my_state .content .state_btn_wrap button, .contents_component .certification .my_state .state_btn_wrap a{ margin-top: 40px; letter-spacing: .6px;}
.contents_component .certification .my_state .content .badge_text{text-shadow: 2px 1px 6px black;}
.contents_component .certification .my_state a,
.contents_component .certification .my_state button{border-radius: 50px; border-color: transparent;}
.my_state .btn_wrap{width: fit-content;}
.my_state .btn_run01{border-radius: 50px; background-color: #54b148; }
.my_state .btn_run02{background-color: #358033;}
.my_state .btn-success{background: #000;}

.contents_component .certification .form_wrap .input_wrap{width: 30%;}
.contents_component .certification .btn_wrap{margin-top: 35px; display: flex; justify-content: center;gap: 0 40px;}
.contents_component .certification .btn_wrap a {position: relative;}
.contents_component .certification .btn_wrap a:after {content:''; position: absolute; top: 50%; right: -17%; width: 1px; height: 100%; transform: translateY(-50%); background-color: #9E9E9E;}
.contents_component .certification .my_state .btn_wrap a:after{display: none;} /*240424 add*/
.contents_component .certification .btn_wrap a:last-child:after {display: none;}
.contents_component .certification .link_text{ display: block; font-size: 16px; color: #666; font-family: "TextRegular"; text-align: center; }

.contents_component .list_bullet_dot{padding-left: 8px; margin-top: 50px;}
.contents_component .list_bullet_dot li{line-height: 1.2; color: #9D9D9D; font-family: "TextRegular";}
.contents_component .btn_wrap{margin-top: 50px;}
.contents_component .btn_wrap .btn_full_primary{width: 100%; padding: 20px 0; font-size: 14px;}

/* Layer Popup */
.scroll_popup{ max-height: 600px; overflow-y: scroll;}
/*240423_v2 - app 팝업 추가*/
.scroll_popup .layer_title .sub_text{font-size: 16px;font-family: "TextRegular";line-height: 1.8;}
.scroll_popup .app_method .subject{ text-align: center; font-family: "TextMedium"; color: #000;}
.scroll_popup .app_method .infographic{margin-top: 15px; display: flex; gap: 0 30px;}
.scroll_popup .app_method .infographic picture{width: 50%;}
/*//240423_v2 - app 팝업 추가*/
.layer_title{font-size: 36px;letter-spacing: .1px;}
.layer_join .paging{margin-top: 45px; font-size: 16px; color: #9E9E9E;font-family: "TextRegular"; text-align: right;}
.layer_join .form_box{margin: 16px auto 0; padding: 50px 15px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.layer_join .form_title{ font-size: 24px; font-family: 'HeadMedium'; text-align: center;}
.layer_join .form_box dl{margin-top: 35px; display: flex;flex-wrap: wrap; align-items: baseline; gap: 20px 0;}
.layer_join .form_box dl dt{width: 20%; min-width: 53px;font-size: 20px;font-family: 'HeadMedium';color: #000;}
.layer_join .form_box dl dd{width: 80%;}
.layer_join .form_box dl dd:nth-of-type(2n){margin-right: 0;}
/*240429 edit*/
.layer_join .form_box dl dd .input_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}
.layer_join .form_box dl dd.tel .input_wrap > input{width: calc(100% - 190px);}
.layer_join .form_box dl dd.tel .input_wrap .btn_edit{height: auto;}
.layer_join .form_box dl dd .input_wrap:before{display: none;}
.layer_join .form_box dl dd .input_wrap .address1{width: calc(100% - 130px);}
.layer_join .form_box dl dd .input_wrap button{width: 20%;}
/*//240429 edit*/
.layer_join .form_box dl dd .input_wrap .address2{width: 100%;}
.layer_join .form_box dl dd .input_wrap>input:disabled{background-color: #F6F6F6;}

.layer_join .form_desc{margin-top: 40px; font-family: "TextRegular"; font-size: 20px; text-align: center; color: #000;}
.layer_join .form_btns{margin-top: 40px;}
/* 240425_v2 */
.layer_join.insurance .text{line-height: 1.8; color: #626262;}
.layer_join.insurance .text + .text{margin-top: 10px}
.layer_join.insurance .btn_insurance{ margin-top: 30px;}
.layer_join.insurance .notice{margin-top: 25px;display: block; text-align: center; font-size: 14px;font-family: "TextRegular"; color: #9D9D9D;}
/* //240425_v2 */
.layer_window dl.re_certi .layer_join .form_desc{margin-top: 0; font-size: 16px; line-height: 1.4;}
.layer_window dl.re_certi .layer_join .form_box{padding: 0 15px; border: 0;}
.layer_window dl.re_certi .layer_join .form_btns{margin-top: 30px;}

/* accordion */
.layer_join .ui_accordion {margin-top:20px; border-top:1px solid #000; border-bottom:1px solid #000;}
.layer_join .ui_accordion .accor_list > li{position: relative;border-bottom:1px solid #000;}
.layer_join .ui_accordion .accor_list > li:last-child{ border-bottom: none; }
.layer_join .ui_accordion .accor_list > li.wide .wide_content {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.layer_join .ui_accordion .accor_list > li.wide .wide_content > .title {padding: 30px 0; flex-shrink: 0; font-size: 20px; font-family: 'HeadMedium'; color: #000;}
.layer_join .ui_accordion .accor_list > li.wide .wide_content .acc_control{position: relative;transform: unset;bottom: unset;right: unset;flex-shrink: 1;word-break: keep-all;}
.layer_join .ui_accordion .accor_list > li.wide .notice{margin-bottom: 30px;}
.layer_join .ui_accordion .accor_list > li.wide .notice > .notice_title { display: block; font-size: 16px;font-family: "HeadRegular"; color: #666;}
.layer_join .ui_accordion .accor_list > li.wide .notice ul{ margin-top: 7px;}
.layer_join .ui_accordion .accor_list > li.wide .notice ul li{line-height: 1.4; font-size: 16px;font-family: "HeadRegular"; color: #666;}
.layer_join .ui_accordion .accor_list > li.accor .accor_content{padding-bottom: 80px;}
.layer_join .ui_accordion .accor_list > li.accor.is-active .accor_content{display: block !important;}
.layer_join .ui_accordion .accor_list > li.accor .accor_content .scroll{max-height: 300px; overflow-y: scroll;}
.layer_join .ui_accordion .accor_list > li > .title {position: relative; padding: 30px 0; font-size: 20px; font-family: 'HeadMedium'; color: #000;}
.layer_join .ui_accordion .accor_list > li > .title .warning {position: absolute; top: 55px; font-size: 16px; color: #666;font-family: "HeadRegular";}
.layer_join .ui_accordion .accor_list > li .acc_control{position: absolute; top:  15px; bottom: auto; right: 0; display: flex;flex-shrink: 0; transform: translateY(50%);}
.layer_join .ui_accordion .accor_list > li .acc_control .radio_set{display: flex;gap: 0 5px;}
.layer_join .ui_accordion .accor_list > li .acc_control .radio_set label{font-size: 18px; font-family:'HeadMedium';letter-spacing: .1px;}
.layer_join .ui_accordion .accor_list > li .acc_control button{position: relative;display: block; margin: 0 10px 0 20px; width: 20px;height: 20px;}
.layer_join .ui_accordion .accor_list > li .acc_control button:after {content: '';position: absolute;top: 50%;right: 0;width: 20px;height: 20px;margin-top: -10px;background: url(../images/common/ico_pc_20.png) no-repeat;background-position: 0 -300px;}
.layer_join .ui_accordion .accor_list > li .acc_control.ck_wrap {position: static;transform: none; padding:0 0 30px;}
.layer_join .ui_accordion .accor_list > li .acc_control.ck_wrap .radio_set {flex-direction: row; flex-wrap: wrap; gap:20px 0;}
.layer_join .ui_accordion .accor_list > li .acc_control.ck_wrap .radio_set span.check_wrap {width:20%;}
.layer_join .ui_accordion .accor_list > li.accor.is-active .acc_control button:after{background-position: -20px -300px;}
.layer_join .ui_accordion .accor_list > li .list{padding-bottom: 60px;}
.layer_join .ui_accordion .accor_list > li .list > li{margin-top: 30px; font-size: 20px;font-family: "TextRegular"; color: #000; }
.layer_join .ui_accordion .accor_list > li .list.num_list > li{margin-top: 0; }
.layer_join .ui_accordion .accor_list > li .list > li:first-child{margin-top:0; }
.layer_join .ui_accordion .accor_list > li .list > li .sm_title{ font-weight: normal;font-family: "TextRegular";}
.layer_join .ui_accordion .accor_list > li .num_list{list-style: decimal;font-family: "TextRegular";}

.layer_join .table_wrap{padding: 0 5px;}
.layer_join .table_wrap .text{ font-size: 20px; color: #000; font-family: "TextRegular"; line-height: 1.6;}
.layer_join .table_wrap .text:first-child{padding: 0 0 30px;}
.layer_join .table_wrap .text:last-child{padding: 30px 0 80px;}
.layer_join .table_wrap .simple_table{margin-bottom: 30px;width: 100%;border-bottom: 1px solid #F6F6F6;}
.layer_join .table_wrap .simple_table thead tr th{ padding: 15px 27px; font-size: 20px; text-align: center; color: #000; font-family: "TextMedium";  background-color: #F6F6F6;}
.layer_join .table_wrap .simple_table tbody tr{vertical-align: top; border-bottom: 1px solid #F6F6F6;}
.layer_join .table_wrap .simple_table tbody tr th{padding: 20px 27px;  font-family: "TextMedium"; font-size: 20px; color: #000;}
.layer_join .table_wrap .simple_table tbody tr td{ padding: 20px 27px; font-size: 20px; color: #000; text-align: center; font-family: "TextRegular"; line-height: 1.6;}
.layer_join .table_wrap .simple_table.no_border tbody tr{border: 0; vertical-align:middle; }
.layer_join .table_wrap .simple_table.no_border tbody tr td{padding: 10px 27px;}

.layer_join .table_wrap .list_bullet_dot{margin-top: 25px;}
.layer_join .table_wrap .list_bullet_dot li{font-size: 20px;font-family: "TextRegular"; line-height: 1.3; color: #000;}

.layer_popup .agree_form .agree_title{margin-top: 50px;font-size: 20px;font-family: "HeadMedium";}
.layer_popup .agree_form .policy_wrap{margin-top: 15px;}
.layer_popup .agree_form .policy_wrap .list_tit, .layer_popup .agree_form .policy_wrap .desc{margin-top: 30px; padding-bottom: 0; font-size: 20px; font-family: "TextRegular"; color: #000; line-height: 1.5; letter-spacing: -.1px;}
.layer_popup .agree_form .policy_wrap .list_tit:first-child{margin-top:0;}
.layer_popup .agree_form .policy_wrap ol{list-style-type: decimal;}
.layer_popup .agree_form .policy_wrap ol > li {margin-left: 15px; padding-bottom: 0; font-size: 20px; font-family: "TextRegular";  color: #000;line-height: 1.5; letter-spacing: -.1px;}
.layer_popup .agree_form .policy_wrap ol > li ul.list > li{margin: 0; padding: 0; font-family: "TextRegular"; color: 000;line-height: 1.5; letter-spacing: -.1px;}
.layer_popup .agree_form .policy_area .check_set{ display: flex; justify-content: flex-end; margin-top: 20px;}
.layer_popup .agree_form .policy_area .check_set .check_wrap{min-width: auto;}
.layer_popup .agree_form .policy_area .check_set label{font-size: 18px;}
.layer_popup .agree_form .form_btns{margin-top: 60px;}

.layer_notice .apply dt{margin-top: 55px; font-size: 20px; font-family: 'HeadMedium';color: #000;}
.layer_notice .apply dt:first-child{margin-top: 25px;}
.layer_notice .apply dd {padding: 0 10px; margin-top: 12px;color: #000;} /*230829_v2 edit*/
.layer_notice .apply dd ul[class^="list_"] > li{padding-left: 20px; line-height: 1.45;font-size: 20px;font-family: "TextRegular";}
.layer_notice .apply dd span[class^="bullet_"]{display: block;}
.layer_notice .apply dd .list_lower{margin: 5px 0 10px 20px; list-style: lower-alpha;}
.layer_notice .apply dd .list_lower li{word-break: break-word;font-size: 20px;}

.layer_notice .table_wrap{padding: 0 5px;}
.layer_notice .table_wrap .text{ font-size: 20px; color: #000; font-family: "TextRegular"; line-height: 1.6;}
.layer_notice .table_wrap .text:first-child{padding: 0 0 30px;}
.layer_notice .table_wrap .text:last-child{padding: 30px 0 80px;}
.layer_notice .table_wrap .simple_table{width: 100%;border-bottom: 1px solid #F6F6F6;}
.layer_notice .table_wrap .simple_table thead tr th{ padding: 15px 27px; font-size: 20px; text-align: center; color: #000; font-family: "TextMedium";  background-color: #F6F6F6;}
.layer_notice .table_wrap .simple_table tbody tr{vertical-align: top; border-bottom: 1px solid #F6F6F6;}
.layer_notice .table_wrap .simple_table tbody tr th{padding: 20px 27px;  font-family: "TextMedium"; font-size: 20px; color: #000;}
.layer_notice .table_wrap .simple_table tbody tr td{ padding: 10px; font-size: 20px; color: #000; text-align: center; vertical-align: middle; font-family: "TextRegular"; line-height: 1.6;}
.layer_notice .table_wrap .simple_table.no_border tbody tr{border: 0; vertical-align:middle; }
.layer_notice .table_wrap .simple_table.no_border tbody tr td{padding: 10px 27px;}
.layer_notice .table_wrap .list_bullet_dot{margin-top: 20px;}
.layer_notice .table_wrap .list_bullet_dot li{font-size: 20px;font-family: "TextRegular"; line-height: 1.3; color: #000;}

@media screen and (max-width: 767px) {
    .contents_component .main_text {margin: 35px 0 0 0; font-size: 21px;}
    .contents_component .certification{margin-top: 25px; padding: 45px 0; }
    .contents_component .certification .text{font-size: 14px;}
    .contents_component .certification .form_wrap{margin-top: 25px; padding: 0 15px;}
    .contents_component .certification .btn_wrap{gap: 0 25px; flex-wrap: wrap;}
    .contents_component .certification .btn_wrap a:after{height: 45%;}
    .contents_component .certification .btn_wrap a:nth-child(2):after{display: none;}
    .contents_component .certification .link_text{padding: 8px 0; font-size: 14px;}
    .contents_component .certification .link_text .ico_exclam{background:url(../images/common/ico_pc_20.png) no-repeat 0 -320px;}
    .contents_component .certification .form_wrap .input_wrap{width: 80%;}
    .contents_component .certification .form_wrap button[class^="btn_"][class*="_md"]{max-width: 100px;}

    .contents_component .certification .my_certi{position: relative; flex-wrap: wrap;}
    .contents_component .certification .my_certi .certi_id{ width: 100%; font-size: 14px; line-height: 1.4;}
    .contents_component .certification .my_certi .certi_id em{margin-bottom: 55px;font-size: 15px;}
    .contents_component .certification.state .my_certi button.btn_sm_emp{position: absolute;top: 34px;width: 100%;}

    .contents_component .certification .my_state{margin-top: 55px; min-height: 100%;}
    .contents_component .certification .my_state .content{ padding: 44px 15px 236px;}
    .contents_component .certification .my_state .content > .title{font-size: 29px;}
    .contents_component .certification .my_state .badge_list{margin: 25px auto 0; display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;width: 100%;}
    .contents_component .certification .my_state .badge_list li{width: 90px;height: 90px;}
    .contents_component .certification .my_state .badge_list li.mo_only{display: flex; justify-content: center; align-items: center; font-size: 32px; letter-spacing: -.4px; font-family: "HeadMedium"; color: #000;}
    .contents_component .certification .my_state .badge_list li.mo_only span .count{ color: #000;}
    .contents_component .certification .my_state .state_btn_wrap{margin-top: 25px; flex-wrap: wrap; width: 100%;}
    .contents_component .certification .my_state .state_btn_wrap button{margin-top: 10px;}
    .contents_component .certification .my_state .state_btn_wrap button:first-child{margin-top: 0;}
    .contents_component .list_bullet_dot{margin-top: 25px;}
    .contents_component .list_bullet_dot li{font-size: 13px;}
    .contents_component .btn_wrap{margin-top: 40px;}
    .contents_component .btn_wrap .btn_full_primary{padding: 10px 0;}
        /* Layer Popup */
        .scroll_popup{ max-height: 450px; overflow-y: scroll;}
        /*240423_v2 - app 팝업 추가*/
        .scroll_popup .layer_title .sub_text{margin-top: 4px; font-size: 15px;line-height: 1.6;}
        .scroll_popup .app_method .subject{ font-size: 15px;}
        .scroll_popup .app_method .infographic{margin-top: 20px; flex-direction: column; gap:25px 0;}
        .scroll_popup .app_method .infographic picture{width: 100%;}
        /*//240423_v2 - app 팝업 추가*/
        .layer_title{font-size: 21px;}
        .layer_join .paging{margin-top: -7px; font-size: 14px; color: #9E9E9E;font-family: "TextRegular"; text-align: right;}
        .layer_join .form_box{margin: 6px auto 0; padding: 35px 0; }
        .layer_join .form_title{ font-size: 21px;}
        .layer_join .form_box dl{margin-top: 25px; gap: 10px 0;}
        .layer_join .form_box dl dt{width: 60px;font-size: 16px;}
        .layer_join .form_box dl dd{width: calc(100% - 60px); margin-right: 0;}
        /* 240429 edit */
        .layer_join .form_box dl dd .input_wrap{gap: 10px 0}
        .layer_join .form_box dl dd.tel .input_wrap > input{width: 100%;}
        .layer_join .form_box dl dd.tel .input_wrap .btn_edit{width: 100%; height: 40px;}
        /* //240429 edit */
        .layer_join .form_box dl dd .input_wrap .address1{width: calc(100% - 110px);}
        .layer_join .form_box dl dd .input_wrap button.btn_md_emp{width: 100px;}
        .layer_join .form_desc{margin-top: 40px; font-size: 14px;}
        .layer_join .form_btns{margin-top: 35px;}
        .layer_join .check_wrap>input + label{padding-left: 22px; line-height: 0;}
        .layer_join .check_wrap>input + label:before{top: 0; transform: scale(.7);}
        .layer_join .check_wrap>input[type="radio"]:checked + label:after{top: 6px;}
        .layer_join .ui_accordion .accor_list > li{display: flex; flex-direction: column; flex-wrap: wrap;width: 100%;}
        .layer_join .ui_accordion .accor_list > li > .title{padding: 15px 0 50px; width: 100%; font-size: 15px;}
        .layer_join .ui_accordion .accor_list > li > .title .warning{top: 30px; font-size: 13px;} /*230830 edit*/
        .layer_join .ui_accordion .accor_list > li.wide .wide_content {display: flex; flex-direction: column; flex-wrap: wrap;width: 100%;}
        .layer_join .ui_accordion .accor_list > li.wide .wide_content > .title {padding: 15px 0 15px; line-height: 1.4; width: 100%; font-size: 15px; text-align: left;}
        .layer_join .ui_accordion .accor_list > li.wide .wide_content .acc_control{position: unset;}
        .layer_join .ui_accordion .accor_list > li.wide .wide_content .acc_control .radio_set .check_wrap{line-height: 1.2;}
        .layer_join .ui_accordion .accor_list > li.wide .notice{margin-bottom: 60px;}
        .layer_join .ui_accordion .accor_list > li.wide .notice .notice_title{ font-size: 13px;}
        .layer_join .ui_accordion .accor_list > li.wide .notice ul {margin-top: 5px;}
        .layer_join .ui_accordion .accor_list > li.wide .notice ul li{ margin-top: 3px; font-size: 13px; line-height: 1.3;}
        .layer_join .ui_accordion .accor_list > li.is-active > .title{padding: 15px 0 15px;}
        .layer_join .ui_accordion .accor_list > li .acc_control{position: unset; bottom: auto; width: 100%; transform: unset;}
        .layer_join .ui_accordion .accor_list > li .acc_control .radio_set{position: absolute; top: 18px; flex-wrap: wrap; }
        .layer_join .ui_accordion .accor_list > li.accor .accor_content{padding-bottom: 45px;}
        .layer_join .ui_accordion .accor_list > li.is-active.up_control .acc_control .radio_set{top: 45px; bottom: auto;}
        .layer_join .ui_accordion .accor_list > li.is-active.up_control .accor_content{padding: 30px 0;}
        .layer_join .ui_accordion .accor_list > li .acc_control .radio_set label{font-size: 14px; letter-spacing: -.2px;}
        .layer_join .ui_accordion .accor_list > li .acc_control button{position: absolute; top: 13px;right: 0; z-index: 1;}
        .layer_join .ui_accordion .accor_list > li .list{padding-bottom: 0;}
        .layer_join .ui_accordion .accor_list > li .list > li{margin-top: 30px; font-size: 14px;}
        .layer_join .ui_accordion .accor_list > li .num_list{padding-left: 0;}
        .layer_join .ui_accordion .accor_list > li .acc_control.ck_wrap {padding:0 0 15px;}
        .layer_join .ui_accordion .accor_list > li .acc_control.ck_wrap .radio_set {position: static; gap: 12px 0;}
        .layer_join .ui_accordion .accor_list > li .acc_control.ck_wrap .radio_set span.check_wrap {width:33%;}
        .layer_join .table_wrap .text{ font-size: 14px;}
        .layer_join .table_wrap .text:first-child{padding: 0 0 15px;}
        .layer_join .table_wrap .text:last-child{padding: 12px 0 0;}
        .layer_join .table_wrap .simple_table thead tr th{ padding: 15px 10px; display:table-cell; font-size: 12px; text-align: center !important;}
        .layer_join .table_wrap .simple_table tbody tr th,
        .layer_join .table_wrap .simple_table tbody tr td {padding: 7px 10px; display:table-cell; font-size: 12px;}
        .layer_join .table_wrap .simple_table.no_border tbody tr:first-child{margin-top: 5px;}
        .layer_join .table_wrap .simple_table.no_border tbody tr td{padding: unset;}
        .layer_join .table_wrap .mo_simple_table{padding: 15px 0; border-top: none;border-bottom: 1px solid #E2E0DF;}
        .layer_join .table_wrap .mo_simple_table li{margin-top: 15px;}
        .layer_join .table_wrap .mo_simple_table li:first-child{ margin-top:0;}
        .layer_join .table_wrap .mo_simple_table .title{padding: 10px; font-size: 14px;font-family: "TextMedium"; color: #000; letter-spacing: -.1px; text-align: center; background-color: #F6F6F6;}
        .layer_join .table_wrap .mo_simple_table .desc{margin-top: 10px; font-size: 14px;line-height: 1.5;font-family: "TextRegular"; color: #000;}

        .layer_join .table_wrap .list_bullet_dot{margin-top: 20px;}
        .layer_join .table_wrap .list_bullet_dot li{font-size: 12px;}

        dl.re_certi .layer_title{font-size: 26px;}
        dl.re_certi .layer_join .form_desc{margin-top:0; font-size: 16px; line-height: 1.4;}
        dl.re_certi .layer_join .form_box{margin-top: 16px; padding: 0 15px; border: 0;}
        dl.re_certi .layer_join .form_btns{margin-top: 25px;}

        .layer_popup .agree_form .agree_title{margin-top: 7px;font-size: 15px;}
        .layer_popup .agree_form .policy_wrap{margin-top: 10px;}
        .layer_popup .agree_form .policy_wrap .list_tit, .layer_popup .agree_form .policy_wrap .desc{font-size: 13px;}
        .layer_popup .agree_form .policy_wrap .list_tit{margin-top: 20px;}
        .layer_popup .agree_form .policy_wrap .desc{margin-top: 0;}
        .layer_popup .agree_form .policy_wrap ol > li {margin-left: 5px; font-size: 13px;}
        .layer_popup .agree_form .policy_area .check_set{margin-top: 5px;}
        .layer_popup .agree_form .policy_area .check_set label{font-size: 14px;}
        .layer_popup .agree_form .form_btns{margin-top: 15px;}
        .layer_notice .apply dt:first-child{margin-top: 17px;}
        .layer_notice .apply dt{margin-top: 30px; font-size: 14px;}
        .layer_notice .apply dd {padding-left: 10px; font-size: 14px;}
        .layer_notice .apply dd ul[class^="list_"] > li{padding-left: 10px; line-height: 1.3;font-size: 14px;}
        .layer_notice .apply dd .list_lower li{line-height: 1.5;font-size: 14px;}
        .layer_notice .table_wrap .text{ font-size: 14px;}
        .layer_notice .table_wrap .text:first-child{padding: 0 0 15px;}
        .layer_notice .table_wrap .text:last-child{padding: 12px 0 0;}
        .layer_notice .table_wrap .simple_table thead tr th{ padding: 15px 10px; display:table-cell; font-size: 12px; text-align: center !important;}
        .layer_notice .table_wrap .simple_table tbody tr th,
        .layer_notice .table_wrap .simple_table tbody tr td {padding: 7px 10px; display:table-cell; font-size: 12px;}
        .layer_notice .table_wrap .simple_table.no_border tbody tr:first-child{margin-top: 5px;}
        .layer_notice .table_wrap .simple_table.no_border tbody tr td{padding: unset;}
        .layer_notice .table_wrap .mo_simple_table{padding: 15px 0; border-top: none;border-bottom: 1px solid #E2E0DF;}
        .layer_notice .table_wrap .mo_simple_table li{margin-top: 15px;}
        .layer_notice .table_wrap .mo_simple_table li:first-child{ margin-top:0;}
        .layer_notice .table_wrap .mo_simple_table .title{padding: 10px; font-size: 14px;font-family: "TextMedium"; color: #000; letter-spacing: -.1px; text-align: center; background-color: #F6F6F6;}
        .layer_notice .table_wrap .mo_simple_table .desc{margin-top: 10px; font-size: 14px;line-height: 1.5;font-family: "TextRegular"; color: #000;}
        .layer_notice .table_wrap .list_bullet_dot{margin-top: 5px;}
        .layer_notice .table_wrap .list_bullet_dot li{font-size: 12px;}
}
/* //e: 240423 */

/* 250117 탄소배출권 신규 css add */
    .carbon-emissions .subject_title{display: inline-block; font-size: 30px; font-family: "TextMedium"; letter-spacing: -1.2px;}
    .carbon-emissions .cont-top{margin-top: 30px; display: flex; justify-content: space-between; align-items: stretch;}
    .carbon-emissions .info-text {line-height: 1.9;color: #666;font-size: 16px;font-family: 'TextRegular'; letter-spacing: -.2px;}
    .carbon-emissions .info-text span {display: block;}
    .carbon-emissions .info-text span + span{ margin-top: 30px;}

    .carbon-emissions .program .subject_title + div{margin-top: 40px; padding: 60px 80px;}

    .carbon-emissions .program .info-list{margin-top: 30px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; gap: 40px 0;}
    .carbon-emissions .program .info-list li{width: 100%; display: flex; flex-direction: column; gap: 0 48px; color: #000;font-family: "TextRegular"; }
    .carbon-emissions .program .info-list li .type{width: 112px; font-size: 20px; text-align: left; line-height: 1.6; font-family: "TextMedium";}
    .carbon-emissions .program .info-list li .detail{position: relative; margin-top: 5px; width: calc(100% - 112px); color: #666; font-size: 16px; text-align: left; line-height: 1.6; letter-spacing:0;}
    .carbon-emissions .program .info-list li .detail .order-list{margin-top: 3px; margin-left: 0; display: flex; flex-direction: column; gap: 10px 0;}
    .carbon-emissions .program .info-list li .detail .order-list li{ color: #666; line-height: 1.2; letter-spacing: -.6px; }
    .carbon-emissions .program .info-list li .detail .ect{margin-top: 25px;}
    .carbon-emissions .program .info-list li .detail .ect > li{display: block;font-size: 16px; line-height: 1.4; text-align: left;color: #666; letter-spacing: -.4px;}
    .carbon-emissions .program .info-list li .detail .ect > li strong{display: block; margin-top:8px; line-height: 1.4;}

    .carbon-emissions .program ul.diagram_horizon {position: relative; display: flex; justify-content: space-between; }
    .carbon-emissions .program ul.diagram_horizon li{position: relative; display: flex; flex-direction: column; align-items: center; width: 33%;}
    .carbon-emissions .program ul.diagram_horizon li .icon{display: flex; align-items: center;justify-content: center; width: 120px; height: 120px; border-radius: 50%;background-color: #ece6e0;}
    .carbon-emissions .program ul.diagram_horizon li .icon img{width: 70%; object-fit: contain;}
    .carbon-emissions .program ul.diagram_horizon li:after{content: ''; position: absolute;left: calc(100% - 10px); top: 50px; content: '';width: 20px; height: 20px; border-bottom: none; border-left: none; border-top: 4px solid #a36b50; border-right: 4px solid #a36b50; transform: rotate(45deg); }
    .carbon-emissions .program ul.diagram_horizon li:last-child:after{ display: none; }
    .carbon-emissions .program ul.diagram_horizon li .text{margin-top: 15px; text-align: center; font-size: 14px; font-family: "TextRegular"; color: #666; word-break: keep-all; line-height: 2; letter-spacing: -.6px;}
    .carbon-emissions .program ul.diagram_horizon.v1{margin-top: 20px; gap: 0 55px;}
    .carbon-emissions .program ul.diagram_horizon.v1 li{padding: 25px 20px 35px; background-color: #f6f3f2;}
    .carbon-emissions .program ul.diagram_horizon.v1 li .icon{display: flex; align-items: center;justify-content: center; width: 110px; height: 110px; border-radius: 0%; background-color: transparent;}
    .carbon-emissions .program ul.diagram_horizon.v1 li .icon img{width: 100%;}
    .carbon-emissions .program ul.diagram_horizon.v1 li:after{left: calc(100% + 6px); top: 50%; width: 20px; height: 20px;border-top: 4px solid #cdcdcd; border-right: 4px solid #cdcdcd; transform: rotate(45deg) translateY(-50%);}
    .carbon-emissions .program ul.diagram_horizon.v1 li .step{margin-top: 16px; padding: 5px 8px; font-family: "TextRegular"; font-size: 16px; color: #fff; letter-spacing: -.4px; border-radius: 20px; background-color: #012c5f;}

    .carbon-emissions .btn_wrap{display: flex; justify-content: center; margin-top: 60px;}
    .carbon-emissions .btn_wrap button{height: 50px; font-size: 16vpx; color: #fff;background-color: #012c5f;}
    @media screen and (max-width: 767px) { 
    .carbon-emissions .subject_title{font-size: 20px;letter-spacing: -.2px;}
    .carbon-emissions .cont-top{margin-top:25px;flex-direction: column;align-items: flex-end;}
    .carbon-emissions .info-text {margin: 0; line-height: 1.5;font-size: 16px; }
    .carbon-emissions .info-text span {display: block;}
    .carbon-emissions .info-text span + span{ margin-top: 25px;}

    .carbon-emissions .program{padding: 0 0;}
    .carbon-emissions .program .subject_title + div{margin-top: 28px; padding: 40px 15px;}
    .carbon-emissions .program .info-list{margin-top: 25px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; gap: 25px 0;}
    .carbon-emissions .program .info-list li{width: 100%; display: flex; gap: 0 10px;}
    .carbon-emissions .program .info-list li .type{width: 65px; font-size: 18px; flex-shrink: 0;}
    .carbon-emissions .program .info-list li .detail{margin-top: 0;width: 100%; font-size: 16px;}
    .carbon-emissions .program .info-list li .detail .order-list{ margin-left: 0; display: flex; flex-direction: column; gap: 0;}
    .carbon-emissions .program .info-list li .detail .order-list li{line-height: 1.6; letter-spacing: -.2px;}
    .carbon-emissions .program .info-list li .detail .ect{margin-top: 10px;}
    .carbon-emissions .program .info-list li .detail .ect > li{margin-top: 0;}
    .carbon-emissions .program .info-list li .detail .ect > li strong{margin-top: 0;}

    .carbon-emissions .program ul.diagram_horizon {flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px 0; }
    .carbon-emissions .program ul.diagram_horizon:before {display: none;}
    .carbon-emissions .program ul.diagram_horizon li{width: 100%;}
    .carbon-emissions .program ul.diagram_horizon li .icon{ width: 80px; height: 80px;}
    .carbon-emissions .program ul.diagram_horizon li:after{top: auto; left: 50%; bottom: -20px; width: 10px; height: 10px;border-top: 2px solid #a36b50;border-right: 2px solid #a36b50; transform: translateX(-50%) rotate(135deg);}
    .carbon-emissions .program ul.diagram_horizon li .step{margin-top: 15px; font-size: 20px;}
    .carbon-emissions .program ul.diagram_horizon li .text{margin-top: 10px; font-size: 14px; line-height: 1.6;}
    .carbon-emissions .program ul.diagram_horizon.v1{padding: 0; margin-top: 10px; gap: 55px 0;}
    .carbon-emissions .program ul.diagram_horizon.v1 li{padding: 17px 20px;}
    .carbon-emissions .program ul.diagram_horizon.v1 li:after{top: calc(100% + 20px); left: 50%;width: 10px;height: 10px;transform-origin: 0; border-top: 2px solid #cdcdcd;border-right: 2px solid #cdcdcd;transform: rotate(135deg) translateX(-50%);}
    .carbon-emissions .program ul.diagram_horizon.v1 li .icon{ width: 90px; height: 90px;}
    .carbon-emissions .program ul.diagram_horizon.v1 li .step{margin-top: 0;}
    .carbon-emissions .btn_wrap{margin-top: 45px;}
    }

    /* 250304 마이현대 소개페이지 리뉴얼 add */
    .my-hyundai h2.my_title{font-size: 44px; text-align: center;color: #000; font-family: "HeadBold";}
    .my-hyundai .my_subtext{margin-top: 38px; font-size: 30px; text-align: center;color: #333; font-family: "HeadMedium"; line-height: 1.8;letter-spacing: -1px;}
    .my-hyundai .steps{background-repeat: no-repeat; background-size: 100%;}
    .my-hyundai .steps.location-search{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/myhyundai/introduction_03_bluemembers_bg.jpg);}
    .my-hyundai .steps.custom-feed{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/myhyundai/introduction_07_feed_pc_bg.jpg);}
    .my-hyundai .steps dl{ display: flex; align-items: center; color: #000;}
    .my-hyundai .steps dl dt{padding-left: 9%; padding-right: 15px; width: 50%;}
    .my-hyundai .steps dl dt .step-title span{display: block; font-size: 20px;font-family: "HeadMedium";letter-spacing: -.2px;}
    .my-hyundai .steps dl dt .step-title h3{display: block; margin-top: 18px; font-size: 30px;font-family: "HeadMedium";}
    .my-hyundai .steps dl dt .step-text{display: block; margin-top: 38px;  font-size: 16px;font-family: "HeadRegular"; line-height: 1.8; letter-spacing: -.3px;}
    .my-hyundai .steps dl dd.img_box{width: 50%; max-width: 560px;}

    .my-hyundai .steps.section_gray dl dt{order: 2;}
    .my-hyundai .steps.section_gray dl dd{order: 1;}
    .my-hyundai .warning{padding: 25px 0; font-size: 17px; color:#666; text-align: center; font-family: "HeadRegular"; background-color: #E4DCD3; letter-spacing: -1px;}
    .my-hyundai .qr-content{padding: 120px 15px; display: flex;background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/myhyundai/qr_bg.jpg); background-repeat: no-repeat;}
    .my-hyundai .qr-content > div[class^="section"]{display: flex; justify-content: space-between;}
    .my-hyundai .qr-content .qr-txtbox .qr-title{ font-size: 30px;font-family: "HeadMedium"; color: #fff; letter-spacing: -.4px;}
    .my-hyundai .qr-content .qr-txtbox .qr-text{margin-top: 15px; font-size: 20px;font-family: "HeadRegular"; color: #fff;letter-spacing: -.4px;}
    .my-hyundai .qr-content .qr-txtbox .qr-warn{display: block; margin-top: 33px; font-size: 16px;font-family: "HeadRegular";color: #999; letter-spacing: -.4px;}
    .my-hyundai .qr-content .qr-txtbox .qr-warn > a{display: inline-block;}
    .my-hyundai .qr-content .qr-txtbox .qr-warn:active,
    .my-hyundai .qr-content .qr-txtbox .qr-warn:focus{color: #999;}
    .my-hyundai .qr-content .qr-imgs{display: flex; gap: 0 30px;}
    .my-hyundai .qr-content .qr-imgs li{display: flex; flex-direction: column; gap: 10px 0;}
    @media screen and (max-width: 767px){
        .my-hyundai[class^="section"][class*="pdt_"], .my-hyundai[class^="section"][class*="pdb_"]{padding-left: 0; padding-right: 0;}
        .my-hyundai h2.my_title{font-size: 27px;}
        .my-hyundai .my_subtext{font-size: 21px;line-height: 1.4}
        .my-hyundai .steps{padding: 65px 0 50px 0;}
        .my-hyundai .steps.section_gray{padding: 30px 0 50px 0;}
        .my-hyundai .steps.section_gray dl dt{margin-top: 50px;}
        .my-hyundai .steps.section_gray dl dd.img_box{margin-top: 0;}
        .my-hyundai .steps.location-search{background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/myhyundai/introduction_03_bluemembers_bg_m.png);background-position: bottom;}
        .my-hyundai .steps.custom-feed{background-image: unset;}
        .my-hyundai .steps dl{flex-direction: column;}
        .my-hyundai .steps dl dt{padding: 0 20px; width:100%;}
        .my-hyundai .steps dl dt .step-title span{font-size: 16px;}
        .my-hyundai .steps dl dt .step-title h3{margin-top: 15px; font-size:21px;letter-spacing: -.5px;}
        .my-hyundai .steps dl dt .step-text{margin-top:28px; width: 100%;line-height: 1.4;font-size: 16px; letter-spacing: 0;}
        .my-hyundai .steps dl dd.img_box{margin-top: 50px; padding: 0 15px;width: 100%;}
        .my-hyundai .warning{font-size: 16px;}
        .my-hyundai .qr-content{padding: 60px 15px; flex-direction: column; background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/myhyundai/qr_bg_m.jpg);}
        .my-hyundai .qr-content > div[class^="section"]{flex-direction: column;}
        .my-hyundai .qr-content .qr-txtbox .qr-title{ font-size:21px; line-height: 1.6;letter-spacing: 0;}
        .my-hyundai .qr-content .qr-txtbox .qr-text{margin-top: 20px; font-size:16px; letter-spacing: .4px;}
        .my-hyundai .qr-content .qr-txtbox .qr-warn{margin-top: 40px; font-size: 16px; letter-spacing: -1px;}
        .my-hyundai .qr-content .qr-txtbox .qr-warn > a{letter-spacing: -.8px;}
        .my-hyundai .qr-content .qr-imgs{margin-top: 50px;padding: 0 20px; gap: 0 25px;}
        .my-hyundai .qr-content .qr-imgs li{flex-direction: column;}
    }

    .signup-bluelink .steps .title-wrap h2.title{font-size: 30px;font-family: "HeadMedium";letter-spacing: -.6px; text-align: left; color: #000;}
    .signup-bluelink .steps .title-wrap .text{margin-top: 15px; font-size: 16px;font-family: "HeadMedium"; letter-spacing: -.3px; text-align: left;color: #000;}
    .signup-bluelink .steps .title-wrap [class*="_1em"].warning li{display: block; margin-top: 5px; font-size: 14px;font-family: "HeadRegular"; letter-spacing: -.3px; color: #666;}
    .signup-bluelink .steps .cate-title{margin-top: 88px; padding: 25px; font-family: "HeadMedium"; text-align: left; font-size: 20px;letter-spacing: -.3px; color: #000; background-color: #F6F3F2;}
    .signup-bluelink .steps .step-group ul{margin-top: 30px;display: flex; flex-wrap: wrap; gap: 40px 0;}
    .signup-bluelink .steps .step-group ul.per4{gap: 40px 4%;}
    .signup-bluelink .steps .step-group ul.per4 li{width: 22%;}
    .signup-bluelink .steps .step-group ul.per5 {gap:40px 35px;}
    .signup-bluelink .steps .step-group ul.per5 li{max-width: 196px;}
    .signup-bluelink .steps .step-group ul li{position: relative; display: flex; flex-direction: column;}
    .signup-bluelink .steps .step-group ul li:after{content:'';position:absolute;top:50%;left:calc(100% + 6px);width:25px;height:25px;transform: translateY(calc(-50% - 40px));background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/myhyundai/chevron_24.png);}
  .signup-bluelink .steps .step-group ul li:last-child:after{display:none;}
    .signup-bluelink .steps .step-group ul li .text{position: relative; margin-top: 20px; padding-left: 34px; font-size: 16px; font-family: "HeadRegular"; letter-spacing: -.2px;line-height: 1.4; text-align: left; color: #000 ;}
    .signup-bluelink .steps .step-group ul li .text span.num{position: absolute; left: 7px;font-family: "HeadRegular"; font-size: 16px; }
    .signup-bluelink .steps .step-group ul li .text em{font-family: "HeadMedium"; color: #007FA8;}
    .signup-bluelink .steps .step-group ul li span.ect{display: block; margin-top: 3px; padding-left: 34px; font-size: 14px; color: #666;font-family: "HeadRegular"; letter-spacing: -.3px;}
    .signup-bluelink .steps .step-group .arrow-down{padding-top: 30px; display: flex; justify-content: center;}
    .signup-bluelink .steps .step-group .list-type{margin-top: 60px; font-size: 20px;font-family: "HeadMedium"; color: #000; letter-spacing: -.6px;}
    .signup-bluelink .steps.section_gray .img-thumb{margin-top: 30px;}
    @media screen and (max-width: 767px){
        .signup-bluelink .steps .title-wrap h2.title{font-size: 21px;}
        .signup-bluelink .steps .title-wrap .text{margin-top: 20px; font-size: 16px; line-height: 1.8;}
        .signup-bluelink .steps .title-wrap [class*="_1em"].warning li{font-size: 13px; line-height: 1.6;}
        .signup-bluelink .steps .cate-title{margin: 25px -20px 0 -20px; padding: 17px; font-size: 16px;}
        .signup-bluelink .steps .step-group ul{margin-top: 20px; gap: 40px 0; justify-content: space-between;}
        .signup-bluelink .steps .step-group ul.per4{gap: 38px 0;}
        .signup-bluelink .steps .step-group ul.per4 li{width: 46%;}
        .signup-bluelink .steps .step-group ul.per5 {gap:38px 0;}
        .signup-bluelink .steps .step-group ul.per5 li{max-width: unset; width: 46%;}
        .signup-bluelink .steps .step-group ul li{position: relative; display: flex; flex-direction: column;}
        .signup-bluelink .steps .step-group ul li:after{left:calc(100% + 3px);width: 15px;height: 15px;background-size: 20px;background-position: center;transform: translateY(calc(-50% - 30px));}
        .signup-bluelink .steps .step-group ul li .text{margin-top: 14px; padding-left: 25px; font-size: 14px;line-height: 1.5;}
        .signup-bluelink .steps .step-group ul li .text span.num{left: 0; font-size: 14px; }
        .signup-bluelink .steps .step-group ul li span.ect{margin-top: 3px; padding-left: 0; font-size: 14px;}
        .signup-bluelink .steps .step-group .arrow-down{padding-top: 34px;}
        .signup-bluelink .steps .step-group .arrow-down img{width: 15px;}
        .signup-bluelink .steps .step-group .list-type{margin-top: 40px; font-size: 16px;}
        .signup-bluelink .steps.section_gray .img-thumb{margin-top: 30px;}
    }

/* remote care */
.remote-care .row_title {margin:73px 0 15px; line-height: 34px;}
.remote-care .sub_title {margin:92px 0 37px; padding:0; line-height: 34px;}
.remote-care .text {margin:40px 0 0; line-height: 30px; color: #000;}
.remote-care .text.regular {font-family: 'TextRegular';}
.remote-care [class^="list"] {margin:15px 0 0;}
.remote-care [class^="list"]>li {line-height: 30px; color:#000; font-family: 'TextRegular';}
.remote-care [class^="list"]>li .text_emphasis {font-family: 'HeadMedium';}
[class^="list"][class*="_num"] {counter-reset: item;}
[class^="list"][class*="_num"] > li {counter-increment: item; display: flex; align-items: flex-start;}
[class^="list"][class*="_num"] > li::before {content: counter(item) "."; margin-right: 3px; flex-shrink: 0;}
.remote-care .info_txt {margin:15px 0 0; font-family: 'TextRegular'; line-height:30px;}
.remote-care .info_txt + .info_txt {margin:0;}
.remote-care .info_txt span {position: relative; display: inline-block; padding-left: 15px; font-size: 14px; line-height: 28px; color:#666;}
.remote-care .info_txt span::before {position: absolute; left:0; top:0;  display:block; content:'※';}
.remote-care .icon_wrap { padding:60px 0 0; background: #f6f3f2;}
.remote-care .icon_wrap .list { display: flex; justify-content: center; margin:0; padding:0 0 54px; text-align:center;}
.remote-care .icon_wrap .list > li {position: relative; flex: 1 1 0%; max-width: 360px; margin:0;}
.remote-care .icon_wrap .list > li .text {margin:5px 0 0; line-height: 24px;}
.remote-care .icon_wrap .list > li .text span {display: block;}
.remote-care .icon_wrap .list > li .text .tail {display: block; margin:6px 0 0; line-height: 24px; color:#666; letter-spacing: -0.25px;}
.remote-care .icon_wrap.arrow .list > li:before {position: absolute; right:-8px; top:48px; display:block; content:''; width:16px; height:25px; background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/car-management-service/remote-care/arrow.png) no-repeat;}
.remote-care .icon_wrap.arrow .list > li:last-child:before {display: none;}
.remote-care .icon_wrap .info_txt {margin:0 30px 0; padding-bottom:22px; text-align:right; }
.remote-care .image_wrap {margin: 30px 0;}
.remote-care .image_wrap .tail {margin:23px 0 0; text-align:center; line-height: 30px; color:#000; font-family: 'TextRegular';}
.remote-care .text_emphasis .ico_arr_nv {margin:0 10px;}



@media screen and (max-width: 767px) {
    .remote-care .row_title {margin:36px 0 7px; line-height: 24px;}  
    .remote-care [class^="list"] {margin:7px 0 0; }
    .remote-care [class^="list"]>li {font-size:14px; line-height: 22px; color:#666;}
    .remote-care .sub_title {margin:41px 0 19px; line-height: 29px;}
    .remote-care .text {margin:21px 0 0; font-size:14px; line-height: 22px;}
    .remote-care .info_txt {margin:11px 0 0; font-size:12px; line-height: 20px;}
    .remote-care .info_txt span {font-size:12px; line-height: 20px;}
    .remote-care .icon_wrap {margin:20px 0; padding:30px 25px 0;}
    .remote-care .icon_wrap .list {gap:30px 0; flex-direction: column; padding:0;}
    .remote-care .icon_wrap .list > li {display: flex; gap:0 25px; max-width: none; padding:30px 0 0; border-top:1px solid #e4dcd3;}
    .remote-care .icon_wrap .list > li:first-child {padding:0; border:none;}
    .remote-care .icon_wrap .list > li .icon {width:80px; height: auto;}
    .remote-care .icon_wrap .list > li .text {display: flex; flex-direction: column; justify-content: center; margin: 0; text-align: left;  line-height: 20px;}
    .remote-care .icon_wrap .list > li .text span {position: relative; padding-left: 8px;}
    .remote-care .icon_wrap .list > li .text span:before {position: absolute; left:0; top:11px; display:block; content:''; width:2px; height:2px; background: #000;}
    .remote-care .icon_wrap .list > li .text .tail {padding:0; font-size:13px; line-height: 19px;}
    .remote-care .icon_wrap .list > li .text .tail:before {display: none;}
    .remote-care .icon_wrap .info_txt {margin:0; padding:0; text-align: left;}
    .remote-care  .icon_wrap.arrow {padding-right:35px; padding-bottom:10px;}
    .remote-care  .icon_wrap.arrow .list {display: grid; grid-template-columns: 1fr 1fr; column-gap: 13px; row-gap: 16px; padding: 0;}
    .remote-care  .icon_wrap.arrow .list > li {flex-direction: column; align-items: center; gap: 12px 0; max-width: 100%;  padding: 0; border-top:none;}
    .remote-care  .icon_wrap.arrow .list > li:before {top: 38px; right: 0; width: 8px; height: 12px;  background-size: 100%;}
    .remote-care  .icon_wrap.arrow .list > li .text {text-align: center;}

    .remote-care .image_wrap {margin:20px 0;}
    .remote-care .image_wrap .tail {margin:16px 0 0; font-size:14px; line-height: 22px;}
    .remote-care .text_emphasis .ico_arr_nv {margin:0 5px;}
}


/* ============================ [ spa-components.css - 이벤트 ] ============================ */

/* event : slide */
.mv_ev_le_dev .slide .ix-list-items{background:#f6f3f2;}
.mv_ev_le_dev .slide .wrap{display:table; width:100%;}
.mv_ev_le_dev .slide .wrap>*{display:table-cell; vertical-align: middle;}
.mv_ev_le_dev .slide .wrap>*:first-child{width:66%;}
.mv_ev_le_dev .slide .info{position:relative; width:34%; padding:0 4%; text-align: left;}
.mv_ev_le_dev .slide .info b{color: #626262}
.mv_ev_le_dev .slide .sub_title{margin-bottom:30%; line-height:1.5em;}
.mv_ev_le_dev .slide [class^="ix-btn"]{top:calc((100% - 74px) / 2);}
 .mv_ev_le_dev .summary .module { margin: 0 50px; text-align: left; }
.mv_ev_le_dev .summary span { display: block; font-family:'TextMedium'; }
.mv_ev_le_dev .summary .core { margin-top: 15px; font-size: 30px; color: #000; line-height: 1.4; font-family:'HeadMedium'; word-break:keep-all; }
.mv_ev_le_dev .summary .core { word-break: keep-all; } /* 20180118 박순길, 단어묶음 */
@media screen and (min-width:1024px){
    .mv_ev_le_dev .pic { width: 56%; }
    .mv_ev_le_dev .summary { width: 34%; }
    .mv_ev_le_dev .slide [class^="btn_"]{margin-top: 100px }
}
@media screen and (max-width: 1023px){
    .mv_ev_le_dev .summary .module { margin: 20px; }
    .mv_ev_le_dev .summary .core { font-size: 20px; }
    .mv_ev_le_dev .slide [class^="btn_"] { margin-top: 20px; }
}

/* event : list */
.mv_ev_le_dev .tab_cont{padding:40px 0;}
.mv_ev_le_dev .event_copy{color:#000;}
.mv_ev_le_dev .my_event{margin-bottom:1em; text-align:right;}
/* event : view */
.event_detail_all_dev .btns .btn_event_go,
.event_detail_all_dev .btns button {width:100%; height:100px; color:#fff; font-family:'HeadMedium'; font-size:1.8em;}
.event_detail_all_dev .btn_event_go{background:#002c5f; }
.event_detail_all_dev .btn_event_go:after{content:''; display:inline-block; width:25px; height:25px; margin-top:-4px; vertical-align: middle; background:url(../images/common/ico_pc_25.png) no-repeat 0 -25px;}
.event_detail_all_dev .btn_event_end {width:100%; height:100px; color:#fff; font-family:'HeadMedium'; font-size:1.8em; background:#767676;} /* 190417 eidt */
/* 이벤트 버튼 */
.event_btns .grid {margin:-3px;}
.event_btns .grid .col {padding:3px;}
.event_btns .grid .col .btn_event { display: block; position: relative; height: 100px; padding: 0; color: #fff; font-family: 'HeadMedium'; font-size: 24px; background: #002c5f;}
.event_btns .grid .col .btn_event:after{content:''; display:inline-block; width:25px; height:25px; margin-top:-4px; vertical-align: middle; background:url(../images/common/ico_pc_25.png) no-repeat 0 -25px;}
/* 220117 add */
.event_btns .grid .col .btn_event.mo_only {display:none;}
.event_btns .grid .col .btn_event.pc_only {display:block;}

@media screen and (max-width: 767px){
    .event_btns .grid .col .btn_event.mo_only {display:block;}
    .event_btns .grid .col .btn_event.pc_only {display:none;}
        
}
/* //220117 add */

/* event : form */
.event_detail_all_dev .hmc_form{max-width:1120px; margin:0 auto; padding:80px 0 80px;}
.event_detail_all_dev .hmc_form + .container-hr .hr { margin-top: 0; margin-bottom: 0; } /* 20180204 정윤진, 이안나 차장님 요청으로 간격 조정 */
.event_detail_all_dev .hmc_form dt{padding-bottom:10px; line-height:1.3em;}
.event_detail_all_dev .hmc_form dd {margin-bottom: 30px;}
.event_detail_all_dev .hmc_form dd>div + div{margin-top:10px;}
.event_detail_all_dev .hmc_form .ui_table>dl>dt{padding-bottom:0;}
.event_detail_all_dev .policy_area{position:relative; padding-top:50px;}
.event_detail_all_dev .policy_area p + p{margin-top:8px;}
.event_detail_all_dev .policy_area .link{font-size:15px; color:#000; text-decoration: underline;}
.event_detail_all_dev .hmc_form .input_set .check_wrap{width:14%; min-width:inherit;}
.event_detail_all_dev .hmc_form .input_row .check_wrap{width:100%; min-width:inherit;} /* 191115 추가 */
.event_detail_all_dev .hmc_form .textarea{height:150px;}
.event_detail_all_dev form + .board_btns,
.event_detail_all_dev .hmc_form + .board_btns{border-top:1px solid #e5e5e5}
.event_info_form span.select_wrap:only-child{width:30%; max-width:400px;}
.event_detail_all_dev .hmc_form .board_btns {padding-bottom: 0;}

.event_detail_all_dev .hmc_form.roulette-wrap {border-top: 1px #e6e6e6 solid;}
.event_detail_all_dev .hmc_form.roulette-wrap {text-align:left;}
.event_detail_all_dev .hmc_form.roulette-wrap .form_title {}
.event_detail_all_dev .hmc_form.roulette-wrap .form_sub_txt {margin-bottom: 50px; }
.event_detail_all_dev .hmc_form.roulette-wrap .hmc_form.event_customer_form {margin:0 0 90px; padding-top:0; border-bottom:1px #e6e6e6 solid;}
.event_detail_all_dev #roulette-area {}
.event_detail_all_dev #roulette-area .rouletter {position: relative; width: 860px; height: 860px; margin: 0 auto;}
.event_detail_all_dev #roulette-area .rouletter-bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 860px; height: 860px; border-radius: 860px; overflow: hidden; }
.event_detail_all_dev .rouletter-wacu {width: 100%; height: 100%; background: url("../../../../../../content/dam/hyundai/kr/ko/images/event/event-roulette.png") no-repeat; background-size: 100%; transform-origin: center; transition-timing-function: ease-in-out; transition: 2s; }
.event_detail_all_dev .rouletter-arrow {position: absolute; top: 0; left: 50%; width: 90px; height: 121px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/event/niddle.png") no-repeat; background-size: 100%; transform: translate(-40%, -40%); }
.event_detail_all_dev .rouletter-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 150px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/event/btn-roulette.png") no-repeat; background-size: 100%; text-indent: -9999em;}

.event_detail_all_dev #roulette-area .rouletter.trendy-2025 .rouletter-wacu{background: url("../../../../../../content/dam/hyundai/kr/ko/images/event/2025-trendy-hyundai-roulette.png") no-repeat; background-size: 100%;}
.event_detail_all_dev #roulette-area .rouletter.trendy-2025 .rouletter-arrow {height: 126px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/event/2025-trendy-hyundai-niddle.png") no-repeat; background-size: 100%;}
.event_detail_all_dev #roulette-area .rouletter.trendy-2025 .rouletter-btn {background: url("../../../../../../content/dam/hyundai/kr/ko/images/event/2025-trendy-hyundai-btn-roulette.png") no-repeat; background-size: 100%;}

/* 이벤트 상세 이미지 중앙정렬 */
.event_detail_all_dev .board_view_cont .img { text-align: center; }
.event_detail_all_dev .btns {text-align:center;}
.event_detail_all_dev .btns + .btns {margin-top:40px;}
.event_detail_all_dev .btns .btn_inquiry {width:auto; background:#002c5f; font-size:1.3em; line-height:1.8;text-align:center;}
.event_detail_all_dev .btns .btn_inquiry:after {content:''; display:inline-block; width:25px; height:25px; margin-top:-4px; vertical-align: middle; background:url(publish/images/common/ico_pc_25.png) no-repeat 0 -25px;}
.event_detail_all_dev .swiper-horizontal>.swiper-pagination-bullets, .event_detail_all_dev .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:80px;}

.event-swiper {background: #f7f3f2;}
.event-swiper .form_title {padding:100px 0 80px; font-size:30px; line-height:36px; color:#062c5b; text-align:center;}
.event-swiper .swiper {width: 100%; padding-bottom: 130px; margin-bottom:0px;}
.event-swiper .swiper-slide { background-position: center; background-size: cover;}
.event-swiper .swiper-slide img { display: block; width: 100%;}
.event-swiper .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; background: #a0a2a1;}
.event-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #002761;}
.event-swiper .swiper-button-next, 
.event-swiper .swiper-button-prev {width: 44px;height: 44px; border-radius: 0; font-size: 18px; line-height: 1.8; background-color: rgba(31, 45, 61, .4); }
.event-swiper .swiper-button-next:after, 
.event-swiper .swiper-button-prev:after {font-size: 20px; color:#fff;}
.event-swiper .swiper-3d .swiper-slide-shadow-left {display: none;}
.event-swiper .swiper-3d .swiper-slide-shadow-right {display: none;}

.event_detail_all_dev .video-container{ position: relative;aspect-ratio: 16/9;}
.event_detail_all_dev .video-wrap #youtube-video { width: 100%;height: 100%;}
.event_detail_all_dev .img-link-wrap {position:relative;}
.event_detail_all_dev .img-link-wrap .hiev-link {position:absolute; top:0; left:0; width:50%; height:100%;}
.event_detail_all_dev .img-link-wrap .consult-link {position:absolute; top:0; right:0; width:50%; height:100%;}
.event_detail_all_dev #rouletteNote {text-align:left;}
.event_detail_all_dev .hmc_form.event_customer_form.roulette-wrap .form_title {font-size:25px;}
.event_detail_all_dev .event_info_form-title {padding-bottom:30px;}
.event_detail_all_dev .event_info_form-title .form_title {padding-bottom:20px;}
@media screen and (min-width:768px) and (max-width: 1120px){
    /* 768 이상 1120이하 tablet & desktop */
    .event_detail_all_dev .hmc_form{padding-left:15px; padding-right:15px;}
}

@media screen and (min-width: 768px){
    /* 768 tablet(포함) 이상 desktop */
    .event_detail_all_dev .board_view_info .info{width:340px;}
    .event_detail_all_dev .event_info_form dl + dl{margin-top:60px;}
    .event_customer_form dl:nth-child(1)>dd>div{width:60%;}
    .event_customer_form dl:nth-child(2)>dd>div,
    .event_customer_form dl:nth-child(3)>dd>div:first-child{width:calc(60% + 130px)}
    .event_detail_all_dev .container-hr { text-align: center; }
    .event_detail_all_dev .container-hr .hr { margin-left: auto; margin-right: auto; max-width: 1120px; }
}
@media screen and (max-width: 767px){
    /* 768 tablet(포함) 이하 */

    /* event : list */
    .mv_ev_le_dev .slide .wrap,
    .mv_ev_le_dev .slide .wrap>*{display:block; width:100% !important;}
    .mv_ev_le_dev .slide .info{padding:20px 15px;}
    .mv_ev_le_dev .slide .sub_title{margin-bottom:0.5em;}
    .mv_ev_le_dev .event_copy{font-family:'HeadMedium'; font-size:21px; line-height:1.3em;}
    /* .mv_ev_le_dev .slide [class^="ix-btn"]{top:35%;} */
    .mv_ev_le_dev .slide [class^="btn_"]{position:static;}

    .event-swiper .form_title {padding:40px 0 20px; font-size: 21px;}
    .event-swiper .btn_event_go {font-size: 1.5em !important; line-height:1.2em;}

    .event-swiper .swiper {margin-bottom: 40px;}
}

@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    /* event : list */
    .mv_ev_le_dev .section{position:relative; padding:60px 0 30px 0}
    .mv_ev_le_dev .my_event{position:absolute; top:30px; right:10px;}
    .mv_ev_le_dev .my_event [class^="ico_"]{margin-left:0;}
    .mv_ev_le_dev .tab_cont{padding:30px 15px;}
    /* event : view */
    .event_detail_all_dev .cont .btns{padding:0;}
    .event_detail_all_dev .btns button{height:60px; font-size:1.6em;}
    /* event : form */
    .event_detail_all_dev .hmc_form{min-width:inherit; padding:20px 0; margin:0 15px; background:#fff;}
    .event_detail_all_dev .hmc_form .form_title{padding-bottom:20px;}
    .event_detail_all_dev .hmc_form dt{width:100% !important; padding-left:1em; padding-bottom:10px !important; text-indent:-1em;}
    .event_detail_all_dev .hmc_form [class^="btn_"]{margin-left:0;}
    .event_detail_all_dev .input_group{width:100%;}
    .event_detail_all_dev .policy_area{padding:25px 0 0; font-size:13px;}
    .event_detail_all_dev .policy_area label,
    .event_detail_all_dev .policy_area a{font-size:13px !important;}
    .event_detail_all_dev .hmc_form .input_set{margin-top:-10px;}
    .event_detail_all_dev .hmc_form .input_set .check_wrap{width:48%; margin-top:10px;}
    .event_info_form .select_wrap:only-child{width:100% !important; max-width:inherit;}
    .event_detail_all_dev .event_info_form + .event_customer_form{padding-top:40px; border-top:1px solid #e5e5e5;}
    .event_detail_all_dev .event_info_form dl + dl{margin-top:30px;}
    .event_detail_all_dev #roulette-area .rouletter {width: calc(100vw - 30px); height: calc(100vw - 30px); margin:20px auto;}
    .event_detail_all_dev #roulette-area .rouletter-bg {width: calc(100vw - 30px); height: calc(100vw - 30px);}
    .event_detail_all_dev .rouletter-arrow  {width:45px; height: 62px; transform: translate(-50%, -50%);}
    .event_detail_all_dev #roulette-area .rouletter.trendy-2025 .rouletter-arrow { height: 62px;}
    .event_detail_all_dev .rouletter-btn {width: 75px; height:75px;}
}

/* 구매후기 이벤트 */ 
.review-star {display:flex; gap:10px;}
.review-star [class*="star-"] {display:block; width:20px; height:20px; background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/event/promo/star_rate_off.png'); background-size:cover;}
.review-star .star-on { background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/event/promo/star_rate_on.png');}
.review-star .star-half { position:relative; background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/event/promo/star_rate_off.png');}
.review-star .star-half::after { position:absolute; top:0; left:0; width:50%; height:100%; background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/event/promo/star_rate_on.png'); background-size:cover; content:'';}
.review [class^="section"][class*="_white"] .auto_mw_md {}
.review .mo_only {display: none !important;}
.review .ck-my-review {display: flex; justify-content: flex-end; align-items: center;}
.review .ck-my-review .check_wrap {position: absolute; left: 0; top: 20px;}
.review .ck-my-review .btn_md_primary {min-width: 170px;}
.review .option-selection-wrap {position: relative;}
.review .option-selection-inner {display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0; padding: 20px 30px;  background-color: #f6f3f2; border-top:2px solid #7f7f7f; }
.review .option-selection-inner .option-selection {font-size: 0;}
.review .option-selection-inner .option-selection .select_wrap {background: #fff; border: 1px solid #e4dcd3;}
.review .option-selection-inner .option-selection [class^="btn_"]:not(div) {min-width: 75px; height:40px; font-size: 14px;}
.review .option-selection-inner .option-selection > * {margin-left:10px;}
.review .option-selection-inner .option-selection > *:first-child {margin: 0;}
.review .option-selection-inner .option-selection .btn-group {display:inline-block;}
.review .option-selection-inner .option-selection [class^="btn_"]:not(div).btn_reset {min-width:112px; background: #fff; border: 1px solid #002c5f; color: #002c5f;}
.review .option-selection-inner .option-selection [class^="btn_"]:not(div).btn_reset [class^="ico_"] {margin-left:10px; background-position: -40px -340px;}
.review .option-selection-inner .ui_tab_03 .tab_menus {display: flex;}
.review .option-selection-inner .ui_tab_03 .tab_menus > li {position: relative; margin:0 0 0 15px; padding:0 0 0 16px;}

.review .option-selection-inner .ui_tab_03 .tab_menus > li:before {position: absolute; left: 0; top:0 ; display:block; content:""; width:1px; height:13px; background:#666;}
.review .option-selection-inner .ui_tab_03 .tab_menus > li:first-child::before {display: none;}
.review .option-selection-inner .ui_tab_03 .tab_menus > li button {color:#000;}
.review .option-selection-inner .ui_tab_03 .tab_menus > li.on button {color: #007fa8;}
.review .option-selection-inner .ui_tab_03 [class*="tab_menu"]>li>*:focus {border: none;}
.review .no-data {height:94px; line-height:94px; border-bottom: 1px solid #e5e5e5; text-align:center; color: #000;}
.review .btn_view_all {position: relative; padding: 10px 23px 0 10px; color: #002c5f;}
.review .btn_view_all:after {position: absolute; right:0; top: 12px; display: block; width: 8px; height: 8px; border: 1px solid #002c5f; border-top: none; border-left: none; transform: rotate(45deg); content: "";}
.review .btn_view_all.on:after {top: 16px; transform: rotate(-135deg);}
.review .review-list-wrap .review-list > .list {border-bottom: 1px solid #e5e5e5;}
.review .review-list-wrap .review-list > .list > li {display: flex; flex-direction: column; margin:0; padding: 40px 0 50px; border-top: 1px solid #e5e5e5;}
.review .review-list-wrap .review-list > .list > li:first-child {border-top: none;}
.review .title-wrap {display: flex; justify-content: space-between; align-items: center;}
.review .title-wrap .title {display: flex; justify-content: space-between; align-items: center; gap:0 16px; font-family: 'HeadMedium'; font-size:26px; color:#012d5e;}
.review .title-wrap .title .best{display:flex; align-items: center; justify-content: center; width: 63px; height:65px; background:url(../../../../../../content/dam/hyundai/kr/ko/images/event/promo/bg_best.png) no-repeat; font-size:16px; color: #fff;}
.review .title-wrap .info {display: flex; gap: 0 20px;}

.review .review-list-wrap .review-list > .list > li .summary-wrap {display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin:10px 0 0;}
.review .review-list-wrap .review-list > .list > li .summary-wrap .star {}
.review .category-list > .list {display: flex; margin:0; }
.review .category-list > .list > li {display:flex; gap: 0 10px; margin:0; padding:5px 20px 3px 20px; background: #f5f5f5; border-radius: 30px; font-size: 14px; line-height: 30px;}
.review .category-list > .list > li {margin-left:20px;}
.review .category-list > .list > li:first-child {margin-left:0px;}
.review .category-list > .list > li .flag {position: relative; padding:0 0 0 40px; color: #000;}
.review .category-list > .list > li .flag:before {position: absolute; left: 0; top: 0; display:block; content:""; width:28px; height:28px;}
.review .category-list > .list > li .ico-01:before {background:url(../../../../../../content/dam/hyundai/kr/ko/images/event/promo/icon_01.png) no-repeat;}
.review .category-list > .list > li .ico-02:before {background:url(../../../../../../content/dam/hyundai/kr/ko/images/event/promo/icon_02.png) no-repeat;}
.review .category-list > .list > li .ico-03:before {background:url(../../../../../../content/dam/hyundai/kr/ko/images/event/promo/icon_03.png) no-repeat;}
.review .category-list > .list > li .ico-04:before {background:url(../../../../../../content/dam/hyundai/kr/ko/images/event/promo/icon_04.png) no-repeat;}

.review .category-list > .list > li .txt {color: #666;}
.review .review-list-wrap .review-list > .list > li .desc {display: flex; justify-content: space-between; margin: 50px 0 0;}
.review .review-list-wrap .review-list > .list > li .desc .review-text {width: 800px;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .text + .toggle-btn {display: none;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .text.show-more {overflow: hidden; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .text.show-more + .toggle-btn {position: relative; display: block; padding:0 22px 0 0; font-size: 14px; line-height: 28px; color: #002c5f; }
.review .review-list-wrap .review-list > .list > li .desc .review-text .text.show-more + .toggle-btn::after {position: absolute;right: 0; top: 8px; display: block; width: 7px; height: 7px; border: 1px solid #002c5f; border-top: none; border-left: none; transform: rotate(45deg); content: "";}
.review .review-list-wrap .review-list > .list > li .desc .review-text .text.show-more.open {-webkit-line-clamp: inherit;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .text.show-more.open + .toggle-btn::after {top:12px; transform: rotate(-135deg);}
.review .review-list-wrap .review-list > .list > li .desc .review-text .review-img {display:flex; gap: 0 20px; margin-top: 50px;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .review-img > li {width: 20%; height: 100px;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .review-img > li button {width: 100%; height: 100%; overflow: hidden; margin: 0 auto; display: flex; justify-content: center;align-items: center; padding: 0; background: #333;}
.review .review-list-wrap .review-list > .list > li .desc .review-text .review-img > li button img {width: 100%; height: auto;}
.review .review-list-wrap .review-list > .list > li .desc .car-kind {width: 240px; min-width: 240px;}
.review .review-list-wrap .review-list > .list > li .desc .nickname {position: relative; text-align:center;}
.review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip {position: static;}
.review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip>.arr.up {left: 50%; top: 40px; margin-left: -10px; z-index:100;}
.review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .btn_tooltip {position: relative; width:auto; height: auto; background: none !important; font-size:20px;}
.review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .btn_tooltip::before {position: absolute; bottom:4px; display:block; content: ''; width:100%; height:1px; background: #000;}
.review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .btn_tooltip.on::before {display: none;}
.review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .layer_tooltip {left: 15px; width:234px; margin-top: 17px; text-align:left; font-size: 14px; line-height: 20px; color:#000; box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, .1);}
.review .pagination {margin:80px 0}

.review .layer_contents {position:relative; }
.review .layer_contents .title-wrap {display: flex; flex-direction: column; align-items: flex-start;}
.review .layer_contents .title-wrap .title {color:#000; font-size: 20px;}
.review .layer_contents .title-wrap .title-bottom {width: 100%; display: flex; justify-content: space-between; margin: 13px 0 0;}
.review .layer_contents .title-wrap .title-bottom .info {gap: 0 10px;}
.review .layer_contents .category-list {margin: 15px 0 0;}
.review .layer_contents .category-list .list {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.review .layer_contents .category-list .list > li {width: 100%; margin: 0;}
.review .layer_contents .desc {margin: 15px 0 0; padding: 10px 20px 20px; border: 1px solid #e4dcd3;}
.review .layer_contents .desc .review-text {overflow-y: scroll; height: 135px;  padding-right: 20px;}
.review .layer_contents .detail-info {padding: 0 0 0 540px;}
.review .layer_contents {display: flex;}
.review .layer_contents .swiper-wrap {position:absolute; left:0; top:0; width: 500px;}
.review .layer_contents .swiper-wrap .reviewImg {}
.review .layer_contents .swiper-wrap .reviewImg .swiper-slide {position: relative; display: flex; align-items: center; justify-content: center; background: #333;}
.review .layer_contents .swiper-wrap .reviewImg .swiper-slide img {width: 100%;}


.review .layer_contents .swiper-wrap .reviewThumb {margin-top: 25px;}
.review .layer_contents .swiper-wrap .reviewThumb .swiper-wrapper {height: 55px;}
.review .layer_contents .swiper-wrap .reviewThumb .swiper-slide {cursor: pointer; opacity: .6; position: relative; display: flex; align-items: center; justify-content: center; background: #333;}
.review .swiper-wrapper {height: 345px;}
.review .layer_contents .swiper-wrap .reviewThumb .swiper-wrapper .swiper-slide-thumb-active  {opacity: 1;}

.review .layer_contents .swiper-wrap .swiper-button-next, .review .layer_contents .swiper-wrap .swiper-button-prev {display:block; } 
.review .layer_contents .swiper-wrap [class*="swiper-button"] {display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 0; font-size: 18px; line-height: 1.8; background-color: rgba(31, 45, 61, .4);}
.review .layer_contents .swiper-wrap [class*="swiper-button"][class*="-next"] {right: 0;}

.review .layer_contents .swiper-wrap [class*="swiper-button"][class*="-prev"] {left: 0;}
.review .layer_contents .swiper-wrap [class*="swiper-button"]:after {display:none;}
.review .layer_contents .swiper-wrap [class*="swiper-button"] span {display: block; width: 25px; height: 25px; background:url(../images/common/ico_mobile_50.png) no-repeat; background-size: 100%;}
.review .layer_contents .swiper-wrap .swiper-button-next span {background-position: 0 -65px;}
.review .layer_contents .swiper-wrap .swiper-button-prev span {background-position: 0 -40px;}

.review .layer_contents .detail-btn-group {margin: 15px 0 0;}
.review .layer_contents .detail-btn-group ul {display: flex; gap: 0 30px;}
.review .layer_contents .detail-btn-group ul > li {}
.review .layer_contents .detail-btn-group ul > li .popup-link {position: relative; padding:0 20px 0 0; font-size: 14px; color:#002c5f; }
.review .layer_contents .detail-btn-group ul > li .popup-link:after {position: absolute; top: 0px; right: 0; width: 8px; height: 16px; background: url(../images/common/ico_pc_20.png) no-repeat -20px -160px; content: '';}


@media screen and (max-width: 767px) {
    .review-star {gap: 0 8px;}
    .review .mo_only {display: block !important;}
    .review .ck-my-review .check_wrap {position: relative; left: auto; top: auto;}
    .review .option-selection-inner .option-selection [class^="btn_"]:not(div).btn_reset [class^="ico_"] {background-position: 0 -257px;}
    .review .option-selection-inner {flex-direction: column; margin:50px 0 0; padding: 20px 15px; border-width: 1px;}
    .review .option-selection-inner .option-selection {width: 100%;}
    .review .option-selection-inner .option-selection > * {margin: 10px 0 0;}
    .review .option-selection-inner .option-selection .select_wrap {width: 100%;}
    .review .option-selection-inner .option-selection .btn-group {display:flex; gap: 0 10px; }
    .review .option-selection-inner .option-selection [class^="btn_"]:not(div) {width: 50%; margin:0;}
    .review .option-selection-inner .ck-my-review {width: 100%; margin:28px 0 0; justify-content: space-between;}
    .review .pagination {margin: 40px 0;}
    .review .no-data {height: 73px; font-size: 14px; line-height: 73px;}

    .review .title-wrap {position: relative; width: 55%;}
    .review .title-wrap .title {gap: 15px; font-size: 16px; line-height: 27px;}
    .review .title-wrap .title .best {width: 48px; min-width: 48px; height: 50px; background-size: 100%; font-size: 12px;}
    .review .review-list-wrap .review-list > .list > li {position: relative; padding: 25px 0 40px;}
    .review .review-list-wrap .review-list > .list > li .summary-wrap {display: block; margin: 15px 0 0;}
    .review .review-list-wrap .review-list > .list > li .summary-wrap .info {display:flex !important; gap: 10px; margin:17px 0 25px; font-size:13px; line-height:21px; color:#666;}
    .review .review-star [class*="star-"] {width: 14px; height: 14px;}
    .review .review-list-wrap .review-list > .list > li .desc .car-kind {position: absolute; right:0; top:25px; width: 130px; min-width: 130px;}
    .review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .btn_tooltip {font-size: 14px; line-height:22px;}
    .review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .layer_tooltip {width:195px; left: auto; right:0; margin: 8px 0 0; padding:25px 15px; font-size: 12px;}
    .review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip>.arr.up {top: 24px;}
    .review .category-list > .list {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
    .review .category-list > .list > li {margin: 0; gap : 0 5px; padding: 5px 11px 3px 12px; font-size: 12px; line-height: 34px;}
    .review .category-list > .list > li .flag {padding: 0;} 
    .review .category-list > .list > li .flag:before {display: none;}
    .review .review-list-wrap .review-list > .list > li .desc {margin: 20px 0 0;}
    .review .review-list-wrap .review-list > .list > li .desc .review-text {width:auto; font-size: 14px; line-height: 22px;}
    .review .review-list-wrap .review-list > .list > li .desc .review-text .text.show-more + .toggle-btn {margin: 8px 0 0;}
    .review .review-list-wrap .review-list > .list > li .desc .review-text .review-img {display: flex; flex-wrap: nowrap; justify-content: normal; overflow-x: scroll; margin: 32px 0 0; gap: 0 10px;}
    .review .review-list-wrap .review-list > .list > li .desc .review-text .review-img  > li {width: 40%; height: 25vw; position: relative; flex: none;  }
    .review .review-list-wrap .review-list > .list > li .desc .nickname .ui_tooltip .btn_tooltip::before {bottom: -2px;}
    .review .layer_contents {display: flex; flex-direction: column;}
    .review .layer_contents .swiper-wrap {position: static; width:100%;}
    .review .layer_contents .title-wrap .title {font-size: 16px;}
    .review .layer_contents .detail-info {padding:0;}
    .review .layer_contents .title-wrap {width: 100%;}
    .review .layer_contents .title-wrap .title-bottom .info {font-size: 12px; line-height:20px;}

    .review .layer_contents .swiper-wrap .swiper-button-next, .review .layer_contents .swiper-wrap .swiper-button-prev {display:block; } 
    .review .layer_contents .swiper-wrap [class*="swiper-button"] {display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 0; font-size: 18px; line-height: 1.8; background-color: rgba(31, 45, 61, .4);}
    .review .layer_contents .swiper-wrap [class*="swiper-button"][class*="-next"] {right: 0;}
    
    .review .layer_contents .swiper-wrap [class*="swiper-button"][class*="-prev"] {left: 0;}
    .review .layer_contents .swiper-wrap [class*="swiper-button"]:after {display:none;}
    .review .layer_contents .swiper-wrap [class*="swiper-button"] span {display: block; width: 25px; height: 25px; background:url(../images/common/ico_mobile_50.png) no-repeat; background-size: 100%;}
    .review .layer_contents .swiper-wrap .reviewThumb .swiper-wrapper {height: 25vw;}
    .review .layer_contents .swiper-wrap .swiper-button-next span {background-position: 0 -65px;}
    .review .layer_contents .swiper-wrap .swiper-button-prev span {background-position: 0 -40px;}
    .review .layer_contents .desc {padding: 11px 15px 7px;}
    .review .layer_contents .desc .review-text {font-size: 14px; line-height: 22px;}
}


/* 구매후기 작성 */ 
.review-form .review-form-wrap {width: 100%; max-width:1120px; margin:0 auto;}
.review-form .sub_title{ padding-bottom:0; text-align:center;}
.review-form .review-form-inner {margin-top:50px; border-top:2px solid #7f7f7f;}
.review-form .review-cont {border-top:1px solid #e5e5e5}
.review-form .review-cont:first-child { border-top:none;}
.review-form .review-cont.multiple {display:flex;}
.review-form .review-cont.multiple .review-item { width: 50%;}
.review-form .review-item {display:flex; align-items:center;}
.review-form .review-item.align-top {align-items:flex-start}
.review-form .review-item.align-top .item-tit {line-height:1;}
.review-form .review-item .item-tit { flex-shrink: 0; flex-basis:160px; padding:30px 20px 30px 30px; font-family: 'HyundaiSansTextKR'; font-weight:550; line-height:40px; color:#000;}
.review-form .review-item .item-box{flex-grow:1; padding:30px 30px 30px 0px;}
.review-form .select_wrap {width:100%; max-width:204px;}
.review-form .input-wrap.full input{width:100%;}
.review-form .input-wrap input[type="text"] {padding:12px 20px; border:1px solid #e4dcd3; font-size:14px; font-family: 'HeadRegular'; color:#000;}
.review-form .input-wrap input[type="text"]::placeholder {color:#666;}
.review-form .textarea-wrap {display:block;}
.review-form .textarea-wrap textarea {height:150px; padding:30px; background:#f6f3f2; font-family: 'HyundaiSansTextKRR'; color:#000;}
.review-form .textarea-wrap textarea::placeholder {color:#999;}
.review-form .img-upload {display:flex; gap:20px;}
.review-form .img-upload .img-box, .review-form .img-upload .img-add {overflow:hidden; position:relative; width:calc((100% - 80px)/5); height:104px;} 
.review-form .img-upload .img-box {background:#dbdbdb;}
.review-form .img-upload .img-box .img img {width:100%;}
.review-form .img-upload .img-box .btn_del {display:block; position:absolute; top:0; right:0; width:32px; height:32px; background:rgba(0,0,0,.5);}
.review-form .img-upload .img-box .btn_del::before{position:absolute; top:50%; left:50%; width:16px; height:2px; background:#fff; transform: translate(-50%, -50%) rotate(45deg); content:'';}
.review-form .img-upload .img-box .btn_del::after{position:absolute; top:50%; left:50%; width:16px; height:2px; background:#fff; transform: translate(-50%, -50%) rotate(-45deg); content:'';}
.review-form .img-upload .img-add {display:flex; justify-content:center; align-items:center;}
.review-form .img-upload .img-add .input-upload {position:absolute; width:100%; opacity:0;}
.review-form .img-upload .img-add .btn-upload {display:block; width:100%; height:100%; background:#002c5f; color:#fff;}
.review-form .dot_list {margin-top:20px;}
.review-form .dot_list li {margin-top:3px; color:#666;}
.review-form .radio_set .check_wrap {width: calc(33% - 46px); margin-right:46px;}
.review-form .radio_set .check_wrap:last-child {margin-left:0;}
.review-form .radio_set [type="radio"] + label {margin:0; font-size:16px;}
.review-form .panel_gray {margin-top:60px; padding:60px;}
.review-form .panel_gray .title {font-size:20px; font-family:'HeadMedium'; color:#000;}
.review-form .list_bullet_dot {margin-top:20px;}
.review-form .list_bullet_dot li {margin-top:0; color:#666;}
.review-form .agree-wrap {margin-top:60px; padding-top:50px; border-top:2px solid #ccc; }
.review-form .agree-item {margin-top:16px;}
.review-form .agree-item:first-child {margin-top:0px;}
.review-form .agree-item label {font-size:16px;}
.review-form .agree-item .check_wrap>input:checked + label { font-weight:600;}
.review-form .popup-link {position:relative; padding-right:20px; color:#012c5f;}
.review-form .popup-link span {font-family:'HeadMedium'; color:#012c5f;}
.review-form .popup-link::after {position:absolute; top:1px; right:0; width:8px; height:16px; background: url('../images/common/ico_pc_20.png') no-repeat -20px -160px; content:'';}
.review-form .form_btns {margin-top:80px;}
.review-form .review-star-wrap {position:relative; width:140px; height:20px;}
.review-form .review-star-wrap .input-rating {position:absolute; top:50%; left:0; width:100%; height:20px; transform:translateY(-50%); cursor:pointer; opacity:0;}
.review-form .review-star-wrap .review-star [class*="star-"] {width:20px;}

/* layer */
.review-popup .number-lists {margin:0;}
.review-popup .number-lists li {margin-top:14px; padding-left:20px; color:#000; line-height:30px; font-family:'HeadRegular';}
.review-popup .number-lists li:first-child { margin-top:0;}
.review-popup .number-lists li .num {display:inline-block; text-indent:-20px;}
.review-popup .number-lists li .sub-bar{display:block; padding-left:10px; color:#666; }
.review-popup .number-lists li .sub-bar::before {display:inline-block; text-indent:-10px; content:'-'}
.review-popup .number-lists + .text {margin-top:14px;}
.review-popup .text {font-family:'HeadRegular'; color:#000;}

@media screen and (max-width: 767px) { 
    .review-form .section_white {padding-left:0; padding-right:0;}
    .review-form .review-form-inner {margin-top:30px;}
    .review-form .review-cont {padding:0 15px;}
    .review-form .review-cont {border-top:none;}
    .review-form .review-cont.multiple {display:block;}
    .review-form .review-cont.multiple .review-item {display:block; width:100%;}
    .review-form .review-cont.multiple .review-item.mo-multiple {display:flex;}
    .review-form .review-item.mo-multiple .item-tit {padding:30px 15px;}
    .review-form .review-item.mo-multiple .item-box {margin:0; padding:30px 15px;}
    .review-form .review-item {display:block; border-bottom:1px solid #e5e5e5;}
    .review-form .review-item .item-tit{flex-basis:120px; padding:30px 15px 0 15px; font-size:15px; line-height:20px;}
    .review-form .review-item .item-box{margin-top:15px; padding:0 15px 30px;}
    .review-form .select_wrap {max-width:unset;}
    .review-form .input-wrap input[type="text"] { width:100%;}
    .review-form .textarea-wrap textarea {padding:15px; font-size:12px;}
    .review-form .img-upload {flex-wrap:wrap; gap:10px;}
    .review-form .img-upload .img-box, .review-form .img-upload .img-add {width:113px; height:70px;}
    .review-form .img-upload .img-add .btn-upload { font-size:14px;}
    .review-form .list_bullet_dot li {margin-top:6px; font-size:13px; line-height:20px;}
    .review-form .list_bullet_dot {margin-top:12px;}
    .review-form .list_bullet_dot li:first-child{ margin-top:0;}
    .review-form .radio_set {padding-top:5px;}
    .review-form .radio_set .check_wrap {width:calc(50% - 10px); margin-right:0;}
    .review-form .radio_set [type="radio"] + label {font-size:14px;}
    .review-form .radio_set .check_wrap:nth-child(2) ~  .check_wrap {margin-top:18px;}
    .review-form .panel_gray {margin-top:40px; padding:30px 15px;}
    .review-form .panel_gray .title {font-size:14px;}
    .review-form .panel_gray .list_bullet_dot {margin-top:15px;}
    .review-form .panel_gray .list_bullet_dot li {margin-top:8px; font-size:14px; line-height:22px;}
    .review-form .agree-wrap {margin-top:40px; padding:0 15px; border-top:none;}
    .review-form .agree-item label {font-size:13px;}
    .review-form .popup-link {padding-right:10px;}
    .review-form .popup-link span {font-size:13px;}
    .review-form .popup-link::after {top:5px; width:6px; height:6px; border-right:1px solid #002c5e; border-bottom:1px solid #002c5e; background:none; transform:rotate(-45deg);}
    .review-form .form_btns {margin-top:40px; padding:0 15px;}
    .review-form .form_btns [class^="btn_"][class*="_lg"] { height:40px;}
    .review-popup .number-lists li {margin-top:10px; padding-left:15px; font-size:14px; line-height:22px;}
    .review-popup .number-lists li .num {text-indent:-15px;}
    .review-popup .text {font-size:14px;}
}


/* 통합 검색 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.search_result{}
.search_result .ui_search_01_larger{max-width:572px; margin:0 auto; }
.search_result .key_word{max-width:572px; margin:20px auto 0;}
.search_result .key_word>*{display:inline-block;}
.search_result .key_word>dt{padding-right:10px;}
.search_result .key_word .link {margin-right:10px; text-decoration:underline; font-size:0.9em;} /* 버튼에서 링크로 수정 */
.car_info_list .car_title{padding-bottom:20px; font-size:1.2em;}
.car_info_list dd + dd{padding-top:1em;}
.car_info_list .link{margin-right:1em; text-decoration:underline; color:#002c5f; line-height:1.5;}
.car_info_list .link:last-child{margin-right:0;}
.car_info_list + .board_list{border-top:1px solid  #626262;}
.search_result .board_list .link{font-size:0.9em; margin-top:5px;}

@media screen and (min-width: 768px){
    /* 768이상 tablet & desktop  */

    .car_info_list li{display:table; width:100%; letter-spacing: -1px; margin-bottom:60px;}
    .car_info_list li>*{display:table-cell; vertical-align: middle;}
    .car_info_list li>*:first-child{width:30%; padding-right:20px;}
    .car_info_list li img{width:256px; height:138px;}
    .car_info_list li .text{overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-box-orient: vertical; max-height:56px; -webkit-line-clamp: 2;}
    .car_info_list + .board_list{padding-top:60px;}
}
@media screen and (min-width: 768px) and (max-width: 955px){
    /* 768이상 955 이하 tablet  */

    .car_info_list .car_title{padding-bottom:5px;}
    .car_info_list dd + dd{padding-top:10px;}
    .car_info_list img{width:100%; height:auto;}
}
@media screen and (max-width: 767px){
    /* 767이하 mobile  */

    .search_result [class*="search_01"] .input_del{right:40px;}
    .search_result [class*="search_01"] .btn_search{right:0; width:40px; padding:0;}
    .search_result .key_word>*{display:block;}
    .search_result .key_word dt{padding-bottom:0.5em;}
    .car_info_list li{margin-bottom:30px;}
    .car_info_list dl{padding-top:2em;}
    .car_info_list + .board_list{padding-top:30px;}
    .search_result .img img{width:100%;}
}

/* 20171226 박순길, 이벤트 참여정보 수정 */
.hmc_form .is-telephone-cert p.count::before { content: ''; display: table; overflow: hidden; }
.hmc_form .is-telephone-cert p.count { clear: both; float: none; padding-top: 10px; text-align: right; color: #000; font-size: 14px; width: 100% !important; }
@media (max-width: 785px) {
    .hmc_form .is-telephone-cert .pull-right { width: 100% !important; }
}

/* 이벤트 참여 고객정보입력 - 시간연장하기 버튼 추가 2018-06-21 이지혜 */
.hmc_form .phone_authentication .input_wrap {width:100% !important;}
.hmc_form .phone_authentication.input_btn_wrap [class^="btn_"] {position:relative; top:initial; right:initial;}
.hmc_form .phone_authentication .btnWrap {width:calc(50% - 5px); margin:10px 5px 0 0;}
.hmc_form .phone_authentication .btnWrap + .btnWrap {margin:10px 0 0 5px;}
.hmc_form .phone_authentication .btnWrap [class^="btn_"] {width:100%;}
@media (min-width: 768px) {
    .hmc_form .phone_authentication {width:calc(60% + 260px) !important;}
    .hmc_form .phone_authentication .input_wrap {width:calc(100% - 260px) !important; margin-right:10px;}
    .hmc_form .phone_authentication .btnWrap {width:120px; margin-top:0;}
    .hmc_form .phone_authentication .btnWrap + .btnWrap {margin-top:0;}
    .hmc_form .phone_authentication .btnWrap [class^="btn_"] {width:100%;}
}

/* 이벤트 컨텐츠 하단 배너 리스트 2018-03-27 이지혜 */
.event-banner-list a {display:block;}
.event-banner-list img {width:100%; height:auto;}

/* 이벤트 컨텐츠 하단 배너 리스트(배너여백있을때) 2018-03-27 이지혜 */
.event-banner-list .evbanner-padding {padding:7px 15px; background:#eaeaea;}
.event-banner-list:first-child .evbanner-padding {padding-top:15px; margin-top:18px;}
.event-banner-list:last-child .evbanner-padding {padding-bottom:15px;}

@media screen and (min-width:768px) {
    /* 768 이상 tablet & desktop */
    .event-banner-list .evbanner-padding {padding:30px 60px;}
    .event-banner-list:first-child .evbanner-padding {padding-top:60px;}
    .event-banner-list:last-child .evbanner-padding {padding-bottom:60px;}
}

/* 이벤트-블루멤버스 해시태그 : 2018-04-02 이지혜 */
.ev-hashtag {padding:20px 0;}
.ev-hashtag button img,
.ev-hashtag a img {height:100%;}
.ev-hashtag .sub_title {color:#333;}
.ev-hashtag .section_gray {text-align:center; padding:12px; line-height:1.4em;}
.ev-hashtag .section_gray p {color:#002c5f;}
.ev-hashtag .section_gray .row_title {color:#002c5f; margin-bottom:7px;}
.ev-hashtag .section_gray .row_title span {margin:0 5px;}
.ev-hashtag .section_gray button {margin-top:10px; height:38px;}
.ev-hashtag .btn-area {text-align:center; margin-top:20px;}
.ev-hashtag .btn-area button,
.ev-hashtag .btn-area a {display:inline-block; height:40px;}
@media screen and (min-width:768px) {
    /* 768 이상 tablet & desktop */
    .ev-hashtag {padding:40px 0;}
    .ev-hashtag .sub_title {padding-bottom:20px;}
    .ev-hashtag .section_gray {padding:30px;}
    .ev-hashtag .section_gray button {margin-top:20px; height:50px;}
    .ev-hashtag .btn-area {text-align:center; margin-top:40px;}
    .ev-hashtag .btn-area button,
    .ev-hashtag .btn-area a {height:68px;}
}

/***** [spa-components.2.css]  choi wonhyuk (2018-05-25 합침) ******/

.car_estimate .catalogue_info .btns>span{vertical-align:top;}
.car_estimate .catalogue_info .btns .text{display:block;margin-top:10px;font-size:0.9em;}
.car_estimate .catalogue_info .btns [class^="btn_"] [class^="ico_"]{background:url(../images/common/ico_pc_20.png) no-repeat -60px -160px;}

.estimate_wrapper .data_table tbody tr th.th_bg01,
.configurator .layer_cont .data_table tbody tr th.th_bg01{background-color:#fff;text-align:left;border-color:#e4dcd3;border-right:1px solid #e4dcd3}
.estimate_wrapper .data_table tbody tr th.th_bg01{border-left: 1px solid #fff;}


.estimate_wrapper > div{background-color:#fff;}
.estimate_wrapper .ui_close{position:fixed;right:10px;top:10px;z-index:101; }
.estimate_header {position:fixed; top:0; left:0; z-index:100; width:100%; height:70px; padding:0 30px; border-bottom:1px solid #e4e4e4; background:#fff;}
.estimate_header:after {content:''; display:block; clear:both;}
.estimate_header h1{overflow:hidden; display:inline-block; width:149px; height:70px; background:url('../images/common/h1_logo.png') no-repeat 0 0;vertical-align:middle;}
.estimate_header .car_sort {position:relative;display:inline-block; margin:1px 0 0 21px;padding:0 40px 0 20px;color:#000;vertical-align:middle;}
.estimate_header .car_sort:before {position:absolute;top:0;left:0;display:block;width:1px;height:15px;background: #626262;content:'';}
.estimate_header .car_sort:after {position:absolute;top:4px;right:10px;width:0;height:0;border-top:6px solid #000; border-right:5px solid transparent; border-left:5px solid transparent;content:'';}
.estimate_header .car_sort.on:after {border-top:0;border-bottom:6px solid #000;}
.estimate_header .car_sort.on + .menu {display:block;}
.estimate_header .menu {position:absolute;top:70px;left:0;display:none;right:440px;padding:20px 0 39px 40px;border-bottom:1px solid #f6f3f2;background:#fff;}
.estimate_header .menu .layer_close {position:absolute;top:32px;right:40px;display:block;width:17px;height:17px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/layer_close.png') no-repeat left top;transition:.3s;}
.estimate_header .menu .layer_close:hover {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.estimate_header .menu [class*="tab_menu"][class*="_01"] {max-width:100%;}
.estimate_header .menu [class*="tab_menu"] {background:none;}
.estimate_header .menu [class*="tab_menu"] li {width:150px;height:40px;}
.estimate_header .menu .tab_contents .tab_cont {padding-top:50px;}
.estimate_header .menu_slide {position:relative;padding:0 76px 0 44px;}
.estimate_header .menu_slide .ix-list-viewport {overflow:hidden;}
.estimate_header .menu_slide .ix-list-viewport li {float:left;width:calc( 100% / 6 );padding-right:20px;text-align:center;}
.estimate_header .menu_slide .ix-list-viewport li a {display:block;}
.estimate_header .menu_slide .ix-list-viewport li:first-child {}
.estimate_header .menu_slide .ix-list-viewport li .img_wrap {max-width:160px;}
.estimate_header .menu_slide .ix-list-viewport li .name {max-width:160px;display:block;margin-top:15px;font-family:'TextBold';font-size:14px;color:#555;}
.estimate_header .menu_slide .ix-btn-prev,
.estimate_header .menu_slide .ix-btn-next {position:absolute;top:50%;display:block;width:15px;height:20px;margin-top:-10px;}
.estimate_header .menu_slide .ix-btn-prev {left:0;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/slide_arrow.png') no-repeat left 0;}
.estimate_header .menu_slide .ix-btn-next {right:42px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/slide_arrow.png') no-repeat right 0;}

@media screen and (min-width: 1024px){
    .estimate_header .menu [class*="tab_menu"].menu_6>*:nth-child(6n),
    .estimate_header .menu [class*="tab_menu"].menu_7>*:nth-child(7n),
    .estimate_header .menu [class*="tab_menu"].menu_8>*:nth-child(8n),
    .estimate_header .menu [class*="tab_menu"].menu_9>*:nth-child(9n) {float:left;}
}

@media screen and (max-width: 1119px){
    .estimate_header .menu {right:0;}
}

@media screen and (max-width: 767px){
    .estimate_header .car_sort {padding-top:1px;}
    .estimate_header .menu {padding:0 0 25px;}
    .estimate_header .menu [class*="tab_menu"].menu_4 li {width:100%}
    .estimate_header .menu [class*="tab_menu"].menu_5 li {width:20%;}
    .estimate_header .menu [class*="tab_menu"] li > * {text-align:center;}
    .estimate_header .menu .tab_contents .tab_cont {padding:25px 10px 0;}
    .estimate_header .menu .layer_close {display:none;}
    .estimate_header .menu_slide {padding:0;}
    .estimate_header .menu_slide .ix-list-viewport li {width:25%;padding:0 10px;}
    .estimate_header .menu_slide .ix-controller {display:none;}
}
@media screen and (max-width: 445px){
    .estimate_header {display:table;}
    .estimate_header>a:first-child{display:table-cell;width: 30%;}
    .estimate_header .car_sort {display:table-cell;margin:initial;padding-left: 27px;padding-top: 2px;}
    .estimate_header .car_sort:before {top:28px;left: 14px;}
    .estimate_header .car_sort:after {top: 32px;right:30px;}
}
@media screen and (max-width: 375px){
    .estimate_header {padding-left: 20px;}
    .estimate_header .car_sort:after {right:25px;}
    .estimate_wrapper .ui_close {right:5px;}
}


.estimate_footer{margin-top:38px;}
.estimate_footer .text{position:relative;padding-left:19px;font-size:14px;line-height:18px;}
.estimate_footer .text:before {position:absolute;top:1px;left:0;display:block;width:16px;height:16px;background:url('../images/common/ico_pc_20.png') no-repeat 0 -320px;content:'';}
.estimate_footer .text ~ .text {margin-top:3px;}
.estimate_footer_inner {overflow:hidden;margin-top:20px;padding:10px 0;border-top:1px solid #e4e4e4;font-size:0.8em;}

.estimate_wrapper .help_icon{display:inline-block;width:18px;height:18px;background:url('../images/common/ico_help.png') no-repeat 0 0;vertical-align:middle;}

.estimate_contents{padding:70px 0 0;background-color:#fff;}

.estimate_view_wrap{position:relative;display:table;width:100%;margin-top:48px;background-color: #fff;}
.estimate_view_area {display:table-cell;vertical-align:middle;}
.estimate_view_area .ui_panorama .panorama_image_wrap{height:auto;padding-bottom:55%;}
.estimate_view_wrap .estimate_detail_view > p{color:#000;font-weight:bold;}
.estimate_view_wrap .estimate_detail_view > p span{font-size:30px;letter-spacing:-1px;margin-left: 15px; /* 20180119 정윤진, 디자인 반영에 따른 마크업 수정 margin-left 추가 */}
.estimate_view_wrap .detail_car_wrap{clear:both;position:relative;top:-20px;padding-top:30px;}
.estimate_view_wrap .detail_car_image{position:relative;overflow:hidden;max-width:544px;height:298px;margin:0 auto;}
.estimate_view_wrap .detail_car_image img{position:absolute;left:0;top:0;height:auto;width:100%;}
.estimate_view_wrap .detail_car_image img:first-child{/* position:static; */} /* 첫번째 이미지가 등록되지 않을 경우 */
.estimate_view_area .panorama_wrap {display:none;max-width:940px;margin:0 auto;}

.estimate_input_wrap {overflow:hidden;margin-top:45px;}
.estimate_input_wrap> div{background-color:#f6f3f2;}
.estimate_input_wrap> div+div{margin-top:20px;}
.estimate_input_wrap> span{display:block;height:20px;}
.estimate_input_wrap> div h3{height:50px;color:#fff;padding:15px 20px 0;background-color:#444;;font-size:20px;font-family:'TextMedium';}
.estimate_input_wrap> div > div{padding: 10px 20px 20px;/* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 padding:10px 20px; */}
.estimate_input_wrap> div > div h4{padding:10px 0 15px;border-bottom:1px solid #ccc;color:#000;font-family:'TextMedium';}
.estimate_input_wrap> div > div h4 ~ h4{margin-top:20px;}
.estimate_input_wrap> div > div h4 + .check_wrap{overflow:hidden; margin-top: 15px; /* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 margin-top:18px; */padding-right:75px;}
.estimate_input_wrap> div > div h4 + .check_wrap .price{position:absolute;right:0;top:2px;bottom:0;line-height:20px;font-size:0.9em;}
.estimate_input_wrap .select_wrapper{overflow:hidden;padding-top:10px;}
.estimate_input_wrap .select_wrapper [class^="select_wrap"]{float:left;width:48%;}
.estimate_input_wrap .select_wrapper [class^="select_wrap"]+[class^="select_wrap"]{margin-left:4%;}
.estimate_input_wrap> div > div > [class*="bullet_"]{margin-top:30px; font-size: 12px; /* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 font-size:0.9em; */}
.estimate_input_wrap> div > div > p[class*="bullet_"] {line-height:1.75;}
.estimate_input_wrap> div.enrollment > div dl { margin-bottom: 15px; } /* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 간격 수정 */
.estimate_input_wrap> div > div dl{display:table;width:100%;min-height:30px;margin-top:10px;table-layout:fixed;}
.estimate_input_wrap> div > div dl > *{display:table-cell;vertical-align:top;}
.estimate_input_wrap> div > div dl dt{padding-top: 10px;width:85px;color:#000;font-family:'TextMedium';line-height:20px; font-size: 14px;} /* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 font-size 추가 */
.estimate_input_wrap> div > div dl.point dt{padding-top:0;}
.estimate_input_wrap> div > div dl dd .input_btn_wrap .input_wrap{width:calc( 100% - 150px)!important;}
.estimate_input_wrap> div > div dl dd .input_btn_wrap [class^="btn_"]{top:2px;}
.estimate_input_wrap> div > div dl dd .input_wrap input{border:0; padding:0 10px;}
.estimate_input_wrap> div > div dl dd+dd{width:110px;}
.estimate_input_wrap> div > div dl.dl_text > *{padding-top:0;line-height:24px;}
.estimate_input_wrap> div > div dl.dl_text > dd{ font-family: "TextMedium"; font-size: 16px; /*font-size:0.9em;*/}
.estimate_input_wrap> div > div dl.dl_text > dd.small { font-size: 12px; }
.estimate_input_wrap> div > div dl.dl_text.is_loan {margin-top: 25px;}
.estimate_input_wrap> div > div dl dd [class*="bullet_"]{margin-top:10px; margin-bottom: 5px;letter-spacing:-1px; font-size: 12px; /* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 font-size:0.9em; */}
.estimate_input_wrap> div > div dl dd [class*="is_large"]{font-size: 14px;}
.estimate_input_wrap> div > div dl dd >.check_wrap{margin:8px 0;}
.estimate_input_wrap> div > div dl dd >.check_tax{position:relative; overflow:hidden;margin-top:8px;padding-right:0;}
.estimate_input_wrap> div > div dl dd >.check_tax .check_wrap{float:left;width:50%;}
.estimate_input_wrap> div > div dl dd >.check_tax .option_help{position:absolute;right:0;top:2px;}
.estimate_input_wrap> div > div dl dd >.input_tax {position:relative;}
.estimate_input_wrap> div > div dl dd >.input_tax .input_wrap ~ .input_wrap{width:50px!important;;margin-left:15px;}
.estimate_input_wrap> div > div dl dd >.input_tax .option_help{position:absolute;right:0;top:8px;}
.estimate_input_wrap> div ul.select_list{margin-top:10px;}
.estimate_input_wrap> div ul.select_list li+li{margin-top:20px;}
.estimate_input_wrap .option_help{margin-left:10px;}
.estimate_input_wrap .input_btn_wrap [class^="btn_"] {border-color:#006992;background:#006992;}

.view_select_util:after {display:block;clear:both;content:'';}
.view_select_util .inner_view_btn{display:inline-block;width:70px;height:70px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/btn_inner_view.png') no-repeat 0 100%;background-size:100% auto;}
.view_select_util .outer_view_btn{display:inline-block;width:70px;height:70px;margin-bottom:10px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/btn_outer_view.png') no-repeat 0 100%;background-size:100% auto;}
.view_select_util .inner_view_btn.current,
.view_select_util .outer_view_btn.current{background-position:0 0;}
.view_select_util .outer_view_btn.current + .btn_front_back {display:block;}
.view_select_util .vr_view_btn{display:inline-block;width:70px;height:70px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/btn_vr_view.png') no-repeat 0 100%;background-size:100% auto;}
.view_select_util .light_btn {position:absolute;left:80px;top:30px;width:100px;line-height:18px;}
.view_select_util .light_btn .icon_light{display:inline-block;width: 27px;height: 17px;margin-right:5px;background:url('../images/common/btn_light_toggle.png') no-repeat 0 0;background-size:100% auto;vertical-align:middle;color:#999;}
.view_select_util .light_btn.current .icon_light{background-position:0 100%;}
.view_select_util .btn_front_back {position:relative;display:none;height:110px;margin:0 0 20px 10px;}
.view_select_util .btn_front_back:before {display:none;}
.view_select_util .btn_front_back button {position:absolute;top:0;display:block;min-width:85px;height:50px;padding-left:60px;font-size:14px;color:#999;}
.view_select_util .btn_front_back button.current {background-position:0 0;color:#006992;}
.view_select_util .btn_front_back .front {background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/btn_light_front.png') no-repeat 0 100%;}
.view_select_util .btn_front_back .back_side {top:60px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/btn_light_back.png') no-repeat 0 100%;}
.car_info_btn{position:absolute;right:0px;top:0;overflow:inherit;font-family:'TextMedium';color:#000;z-index:80;}
.car_info_btn .ico_share{vertical-align: text-bottom;}
.car_info_btnWrap {position:absolute;right:0px;top:0;overflow:inherit;font-family:'TextMedium';color:#000;z-index:80;}
.car_info_btnWrap a+a {margin-left:20px;}

.estimate_view{position:relative;margin:0 70px;padding-right:30px;text-align:center;}
.estimate_view .ix-controller{position: relative;padding:15px 0;z-index: 50;}
.estimate_view .info_inner{position: absolute;left: 20px;bottom: 20px;color: #fff;font-size: 0.8em;text-align:left;}
.estimate_view .slide .ix-list-item .panorama_title{width:100%;height:auto;padding-top:15px;font-size:0.9em;letter-spacing: -0.5px;text-align:left;color:#000;}
.estimate_view .light_mode{padding:30px 0 10px;text-align:center;}
.estimate_view .light_mode .light_mode_btn{position:relative;font-size:14px;color:#999;border:1px solid #ccc;padding:5px 25px;;background-color:#fff;border-radius:15px;z-index:5;}
.estimate_view .light_mode .light_mode_btn+.light_mode_btn{margin-left:-25px;}
.estimate_view .light_mode .light_mode_btn.current{color:#fff;background-color:#006992;border-color:#006992;z-index:6;}
.estimate_view .bullet_dot{display:inline-block;margin-top:15px;font-size:0.85em;}
.estimate_view.vr_area {}
.estimate_view.panorama_area {margin:0 90px;}
.estimate_view.panorama_area .vr_button {position:absolute;top:50%;left:50%;display:block;width:100px;height:100px;margin:-50px 0 0 -50px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/estimate/3d-configurator/360vr_view.png') no-repeat left top;background-size:100%;z-index:1;}
.estimate_view.panorama_area .slide .ix-list-viewport{overflow:visible;height:auto;padding-bottom:55%;}
.estimate_view.headlight_area {margin:0 90px}

.estimate_view_option{}
.estimate_view_option .option_list{position:relative;}
.estimate_view_option .option_list:after {display:block;clear:both;content:'';}
.estimate_view_option .option_list.hidden{display:none;}
.estimate_view_option .option_list .option_tit{display:block;color:#fff;/*float:left;*/background-color:#002c5f;font-weight:normal;line-height:30px;}
.estimate_view_option .option_list .option_text {display:block;overflow:hidden;width:100%;margin-top:3px;color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.estimate_view_option .option_list .option_text:empty {margin-top: 0;}
.estimate_view_option .option_list .text_wrap {/* float:left; */width:100px;height:100%;padding:7px 15px 40px;background:#002c5f;}
.estimate_view_option .option_list .list_wrap{display:none;}
.estimate_view_option .option_list.selected .text_wrap {position:absolute;float:left;background:#006992;}
.estimate_view_option .option_list.selected .list_wrap{display:block;background:#f5f5f5;}
.estimate_view_option .option_list.selected .list_wrap .ix-controller{height:auto;margin:0;padding:0;}
.estimate_view_option .option_list.selected .list_wrap > div .ix-controller{display:none;}
.estimate_view_option .option_list.selected .list_wrap .ix-btn-prev{position:absolute;left:0;top:0;width:30px;height:100%;margin:0;background-color:transparent;}
.estimate_view_option .option_list.selected .list_wrap .ix-btn-next{position:absolute;right:0;top:0;width:30px;height:100%;margin:0;background-color:transparent;}

.estimate_view_option .space{display:none;width:6px;}
.estimate_view_option .reselect_btn{position:absolute;}
.estimate_view_option .icon_reselect{display:inline-block;width:14px;height:14px;background:url('../images/common/btn_reselect.png') no-repeat 0 0;vertical-align:middle;}
.estimate_view_option .option_list.selected .option_tit{background-color:#006992;}
.estimate_view_option .option_list.selected .list_wrap ul{display:table;height:100%;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap{width:100%;height:100%;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap input{left:2px;top:2px;opacity: 0;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap label{position:relative;display:block;height:100%;background-color:#fff;padding:8px 35px;border:1px solid #999;font-family:'TextRegular';z-index:5;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap label:before{left:9px;top:9px;width:18px;height:18px;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap>input:focus+label,
.estimate_view_option .option_list.selected .list_wrap li .check_wrap>input:checked+label,
.estimate_view_option .option_list.selected .list_wrap li .check_wrap>input + label:hover{border-color:#006992;}
/* .estimate_view_option .option_list.selected .list_wrap li .check_wrap>input:focus+label {outline: 3px solid #00ffff;} 180622 김기용: 웹접근성 개선작업, 탭포커스*/
.estimate_view_option .option_list.selected .list_wrap li .check_wrap>input[type="checkbox"]:checked + label:after{left:10px;top:10px;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap>input[type="radio"]:checked + label:after{left:14px;top:14px;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap .ex_txt{display:block;text-indent:-5px;padding-left:15px;}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap .ex_txt:before {display:inline-block;width:5px;content:'-';}
.estimate_view_option .option_list.selected .list_wrap li .check_wrap .price{display:block; margin-top:5px;font-size:0.9em;color: #626262;}

.estimate_view_option .option_list.selected .list_wrap li.color_img{display:table-cell;float:none;width:107px;height:100%;padding:0 5px;vertical-align:top;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label{width:100px; height:110px;padding:10px 0;background-color:transparent;border:none;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label span.txt{display:inline-block;padding:1px 0 0 21px;font-size:13px;line-height:1.25em;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label span.c_label{display:block;margin-top:5px;height:50px;position:absolute;bottom:10px;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label span.c_label em {display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid #999;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label span.c_label img {width:100%; height:100%;}


.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label:before{left:0;top:12px;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap>input[type="radio"]:checked + label:after{left:5px;top:17px;}
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap>input:focus+label span.c_label em,
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap>input:checked+label span.c_label em,
.estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap>input + label:hover span.c_label em {border-color:#006992;}
.estimate_view_option .option_list.selected .list_wrap .option_help {position:absolute;right:6px;top:6px;width:25px;height:25px;text-align:center;z-index:6;}
.estimate_view_option .option_list.selected .list_wrap .loading{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;margin:0;z-index:11;}
.estimate_view_option .option_list.selected .list_wrap .loading img{position:absolute; top:50%; left:50%; margin-left:-26px;}
.estimate_view_option .option_list.selected .reselect_btn{display:none;}
/*.estimate_view_option.completed:after{display:table-cell;width:auto;content:'';} */
.estimate_view_option.completed .option_list .text_wrap {width:100%;}
.estimate_view_option.completed .option_list {padding:0;}
.estimate_view_option.completed .option_list ~ .option_list {padding-left:6px;}


.estimate_contents .estimate_detail_wrap{position:relative;padding:0 40px;background-color:#f5f5f5;}
.estimate_contents .estimate_detail_wrap h4.detail_title{padding:30px 0 15px;font-size:30px;text-align:center;}
.estimate_contents .estimate_detail_wrap .detail_total{padding:40px 0 20px;border-bottom:1px solid #000;}
.estimate_contents .estimate_detail_wrap .detail_total.info_item > *{vertical-align:bottom;}
.estimate_contents .estimate_detail_wrap .detail_total strong{width:100px;}
.estimate_contents .estimate_detail_wrap .detail_total .num{font-size:30px;font-weight:bold;font-family:'HeadMedium';}
.estimate_contents .estimate_detail_wrap .detail_btn{overflow:hidden;margin-top:50px;}
.estimate_contents .estimate_detail_wrap .detail_btn button{float:left;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li{overflow:hidden;border-bottom:1px solid #ccc;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > div{padding:24px 0;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > div + *{border-top:1px solid #ccc;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > ul > li{min-height:54px;border-bottom:1px solid #e4e4e4;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > ul > li:last-child{border-bottom:0;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > ul > li > div{padding:7px 10px;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > ul > li div *{color: #626262;}
.estimate_contents .estimate_detail_wrap .detail_info_list > li > ul > li li div{padding:0 10px 5px 10px;}
.estimate_contents .estimate_detail_wrap .detail_info_list li > p {padding:15px 10px;line-height:30px;}
.estimate_contents .estimate_detail_wrap div.info_item.is_sales *,
.estimate_contents .estimate_detail_wrap div.info_item.is_tax * { color: #006992; }
.estimate_contents .estimate_detail_wrap div.info_item{display:table;width:100%;height:54px;}
.estimate_contents .estimate_detail_wrap div.info_item em span{display: inline-block;/*width: calc(100% - 120px);*/vertical-align: middle;}
.estimate_contents .estimate_detail_wrap div.info_item > *{display:table-cell;font-size:16px;;font-family:'TextMedium';vertical-align:middle;color:#000;}
.estimate_contents .estimate_detail_wrap div.info_item > *:only-child{width:100%;height:40px;}
.estimate_contents .estimate_detail_wrap div.info_item img {width:75px;height:40px;}
.estimate_contents .estimate_detail_wrap div.info_item > span:last-child{text-align:right;letter-spacing:-1px;white-space:nowrap;}
.estimate_contents .estimate_detail_wrap div.info_item > em img{margin-right:10px;}
.estimate_contents .estimate_detail_wrap div.info_item .c_label{position:relative;overflow:hidden;display:inline-block;margin-right:10px;width:70px;height:40px;vertical-align:middle;}
/* .estimate_contents .estimate_detail_wrap div.info_item .c_label img{max-width:none;position:absolute;left:50%;top:50%;margin-left:-74px;margin-top:-25px;} */

.estimate_contents .estimate_detail_wrap div.info_item .num{margin-right:5px;font-family:'HeadMedium';}
.estimate_contents .estimate_detail_wrap .detail_info_list div.current  *{color:#006992;}

.estimate_contents .estimate_detail_wrap .detail_info_list .info_list{display:none;}
.estimate_contents .estimate_detail_wrap .detail_info_list div.info_item.expand .expander{width:20px; height:20px; margin-left:10px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -300px;}
.estimate_contents .estimate_detail_wrap .detail_info_list div.info_item.expand{padding:17px 10px;}
.estimate_contents .estimate_detail_wrap .detail_info_list div.info_item.expand.active .expander{background-position: -20px -300px;}
.estimate_contents .estimate_detail_wrap .detail_info_list div.info_item.expand.active + .info_list{display:block;}

.estimate_contents .estimate_detail_wrap .service_link{overflow:hidden;position:absolute;bottom:40px;left:0;right:0;padding:15px 20px ;border-top:1px solid #000;background-color:#f5f5f5;}
.estimate_contents .estimate_detail_wrap .service_link .ico_arr{position: absolute;right: 20px;top: calc(50% - 8px);}

.estimate_result {padding-top:80px;}
.estimate_result_info{overflow:hidden;margin:50px 0 75px;}
.estimate_result_info .result_img_wrap .result_img{position:relative;padding-bottom:54%;}
.estimate_result_info .result_img_wrap .result_img img{position:absolute;left:0;top:0;width:100%;}
.estimate_result_info .result_img_wrap .bullet_dot{font-size:0.9em;margin-top:28px;}
.estimate_result_info .result_info_wrap .info_wrap_title{position:relative;margin-bottom:10px;}
.estimate_result_info .result_info_wrap .info_wrap_title .date{position:absolute;right:3px;bottom:10px;color: #626262;}
.estimate_result_info .result_info_wrap dl{display:table;width:100%;table-layout:fixed;height:65px;border-bottom:1px solid #ccc;}
.estimate_result_info .result_info_wrap dt{display:table-cell;width:100px;color:#000;vertical-align:middle;font-family:'TextMedium';color:#000;}
.estimate_result_info .result_info_wrap dd{display:table-cell;vertical-align:middle;}
.estimate_result_info .result_info_wrap dl.point dt{width:auto;}
.estimate_result_info .result_info_wrap dd+dd,
.estimate_result_info .result_info_wrap dl.point dd{width:100px;text-align:right;font-family:'TextMedium';color:#000;}
.estimate_result_info .result_info_wrap .result_total{border-color:#000;}
.estimate_result_info .result_info_wrap .result_total dt{width:110px;}
.estimate_result_info .result_info_wrap .result_total dd{text-align:right;font-family:'TextMedium';color:#000}
.estimate_result_info .result_info_wrap .result_total dd span{margin-right:5px;font-size:30px;font-weight:bold;}
.estimate_result_info .result_info_wrap .result_total_text{padding:20px 10px;border-bottom:1px solid #ccc;}
.estimate_result_info .result_info_wrap .result_total_text p+ul{margin-top:15px;font-size:0.9em;}
.estimate_result_info .result_info_wrap .result_info dd img{margin-right:5px;}
.estimate_result_info .result_info_wrap .result_info .c_label{position:relative;overflow:hidden;display:inline-block;margin-right:10px;width:70px;height:40px;vertical-align:middle;}
.estimate_result_info .result_info_wrap .result_info .c_label img{max-width:none;position:absolute;left:50%;top:50%;margin-left:-74px;margin-top:-25px;}
.estimate_result_info .result_info_wrap .result_info_text {margin-top:20px;}
.estimate_result .result_info_btn{margin-top:20px;}
.estimate_result .result_info_btn.text_center{margin:0 0 40px 0;}
.estimate_result .result_info_btn button{font-family:'TextMedium';}
.estimate_result .result_info_btn button .ico_arr {margin-left:7px;background:url('../images/common/ico_pc_20.png') no-repeat -60px -159px;}
.estimate_result .result_info_btn [class^="btn_"] em {color:#fff;text-decoration:underline;}
.estimate_result .result_btn{margin-bottom:80px;text-align:center;}
.estimate_result .result_info_box{overflow:hidden;margin-bottom:40px;}
.estimate_result .result_info_box li{color:#000;font-weight:bold;font-size:20px;text-align:center;border:1px solid #e6e6e6;font-family:'TextMedium';}
.estimate_result .result_info_box li:first-child{margin-left:0}
.estimate_result .result_info_box li em{display:block;margin-bottom:25px;font-weight:normal;font-size:0.8em;color:#000;}
/* 2018-11-20 이지혜 : 색상변경 운영 반영후 삭제 예정*/
    .estimate_result .result_btn_area{overflow:hidden;display:table;width:100%;height:90px;table-layout:fixed;border:1px solid #e2e2e2;}
    .estimate_result .result_btn_area a{display:table-cell;width:33.3%;vertical-align:middle;text-align:center;}
    .estimate_result .result_btn_area a i{display:inline-block;width:42px;vertical-align:middle;margin-right:8px;}
    .estimate_result .result_btn_area a.catalouge i{height:42px;background:url(../images/common/icon_catalouge.png) no-repeat center center;}
    .estimate_result .result_btn_area a.purchase i{height:37px;background:url(../images/common/icon_purchase.png) no-repeat center center;}
    .estimate_result .result_btn_area a.drive i{height:30px;background:url(../images/common/icon_drive.png) no-repeat center center;}
    /* 20180222 함은주, 시승신청 개인화 색상 추가 */
    .estimate_result .result_btn_area_personal a.drive i{background-image:url(../images/common/icon_drive_personal.png);}
    .estimate_result .result_btn_area_personal a.drive span{color:#006992;}
    .estimate_result .result_btn_area a span{display:inline-block;vertical-align:middle;color:#fff;} /* 191008 modify : color add */
/* //2018-11-20 이지혜 : 색상변경 운영 반영후 삭제 예정*/

/* 2018-11-20  이지혜 : 색상변경 */
.estimate_result .result_icon_btns {margin-bottom:80px;}
.estimate_result .result_icon_btns .result_btn_area{overflow:hidden;display:table;width:100%;table-layout:fixed;padding:24px 0;background:#002c5f;border:0 none;}
/* 190917 modify : a -> button */
.estimate_result .result_icon_btns .result_btn_area button{display:table-cell;width:33.3%;vertical-align:middle;text-align:center;}
.estimate_result .result_icon_btns .result_btn_area button i{display:inline-block;width:42px;vertical-align:middle;margin-right:8px;}
.estimate_result .result_icon_btns .result_btn_area button span {display:inline-block;vertical-align:middle; color:#fff;}
.estimate_result .result_icon_btns .result_btn_area button.catalouge i{height:42px;background:url(../images/common/icon_catalouge_w.png) no-repeat center center;}
.estimate_result .result_icon_btns .result_btn_area button.purchase i{height:37px;background:url(../images/common/icon_purchase_w.png) no-repeat center center;}
.estimate_result .result_icon_btns .result_btn_area button.drive i{height:30px;background:url(../images/common/icon_drive_w.png) no-repeat center center;}
/* //190917 modify : a -> button */
/* 20180222 함은주, 시승신청 개인화 색상 추가 */
.estimate_result .result_icon_btns .result_btn_area_personal a.drive i{background-image:url(../images/common/icon_drive_personal.png);}
.estimate_result .result_icon_btns .result_btn_area_personal a.drive span{color:#fff;}
.estimate_result .banner_wrap {margin-top:40px;}

.estimate_result .data_table tfoot tr th{ background: #e4dcd3;color: #000;border-bottom-color: #fff;}
.estimate_result .data_table tfoot tr th ~ td{border-left:0;}

.configurator .layer_cont .price_table .data_table tbody td {color:#000;vertical-align:top;}
.configurator .layer_cont .price_table .data_table tbody td:last-child {border-right:1px solid #e4dcd3;}
.configurator .layer_cont .price_table .data_table tbody th .price {display:block;font-family:'HeadMedium';color:#002c5f;}
.configurator .layer_cont .basic_item li ~ li {margin-top:20px;}
.configurator .layer_cont .basic_item .str {position:relative;padding-left:8px;font-family:'TextMedium';color:#000;}
.configurator .layer_cont .basic_item .str:before {position:absolute;top:6px;left:0;display:block;width:3px;height:3px;background:#000;content:'';}
.configurator .layer_cont .basic_item .option {display:block;padding-left:8px;}
.configurator .layer_cont .selected_item li ~ li {margin-top:20px;}
.configurator .layer_cont .selected_item .option {position:relative;display:block;padding-left:8px;}
.configurator .layer_cont .selected_item .option:before {position:absolute;top:9px;left:0;display:block;width:3px;height:3px;background: #626262;content:'';}
.configurator .layer_cont .selected_item .price {display:block;padding-left:8px;}
.configurator .layer_cont .common_item {position:relative;padding-left:8px;font-family:'TextMedium';color:#a36b4f;}
.configurator .layer_cont .common_item:before {position:absolute;top:10px;left:0;display:block;width:3px;height:3px;background:#a36b4f;content:'';}
.configurator .layer_cont .common_item dd .price {display:block;}
.configurator .layer_cont .common_item + .selected_item {margin-top:20px;}

.configurator .layer_cont .opt_text{margin:50px 0 10px;}
.configurator .layer_cont .opt_text+.opt_text{margin-top:0;}
.configurator .layer_cont .opt_text b{font-size:2em;letter-spacing:-1px;}
.configurator .layer_cont .option_image {margin-top:20px;text-align:center;}
.configurator .layer_cont .thumbnail_slide{margin-top:20px;}
.configurator .layer_cont .thumbnail_slide .thumbnail{margin-top:30px;}
.configurator .layer_cont .thumbnail_slide .ix-list-item{position:relative!important;;text-align:center;background-color:transparent;}
.configurator .layer_cont .thumbnail_slide .ix-list-item button{background-color:#000;}
.configurator .layer_cont .thumbnail_slide .visual .ix-list-item img{margin:10px 0;}
.configurator .layer_cont .thumbnail_slide img{width:100%;}
.configurator .layer_cont .slide.thumbnail{}
.configurator .layer_cont .thumbnail_slide span{display:block;padding:10px 5px 10px;font-size:0.8em;background-color:#fff;}
.modal_loading {padding:90px 0 100px;text-align:center;}

@media screen and (min-width:1120px) and (max-width:1720px){
    .estimate_view_area .panorama_wrap {padding:0 100px 0 30px;}
}
@media screen and (min-width: 1120px){
    .estimate_contents [class^="ui_step"]{max-width:none;margin: 0 440px 0 0 ;width:auto;}
    .estimate_contents [class^="ui_step"] ul{padding:0 68px;}
    .estimate_contents [class^="ui_step"] ul li > span{display:none;}
    .estimate_contents [class^="ui_step"] ul li.current > span{display:block;}
    .estimate_contents [class^="ui_step"] ul li:last-child:after{display:none;}
    .estimate_contents .estimate_step_wrap{padding-right:480px!important;;}
    .estimate_contents .estimate_detail_wrap{position: fixed;right: 0;top: 70px;bottom: 0;width:440px;padding:0 40px;vertical-align:middle;z-index:100;}
    .estimate_contents .estimate_detail_wrap .detail_info_list{position:absolute;top:166px;bottom:85px;padding-bottom:10px;left:40px;right:40px;overflow-y:auto;}
    .estimate_contents .estimate_detail_wrap .detail_btn{overflow:hidden;position:absolute;left:0;right:0;bottom:0;margin:0;}
    .estimate_contents +.estimate_footer{margin-left:40px;margin-right:480px;}

    .estimate_input_wrap{display:table;width:100%;table-layout:fixed;}
    .estimate_input_wrap> div{display:table-cell;width:33%;background-color:#f6f3f2;}
    .estimate_input_wrap> span{display:table-cell;width:0.5%;height:auto;}
}
@media screen and (min-width:1120px) and (max-width:1620px){/*max-width:1560px*/
    .estimate_input_wrap .select_wrapper [class^="select_wrap"]{float:none;width:100%;margin:10px 0!important;}
    .estimate_input_wrap> div > div dl dt {width:65px;}
    .estimate_input_wrap> div > div dl dd .input_btn_wrap .input_wrap{width:calc( 100% - 45px)!important;}
    .estimate_input_wrap> div > div dl dd .input_btn_wrap [class^="btn_"]{position:static;display: block;min-width: auto;width: 100%;margin-top: 10px;}

    .estimate_input_wrap> div > div dl dd >.check_tax{overflow:visible;}
    .estimate_input_wrap> div > div dl dd >.check_tax .check_wrap{float:none;width:100%;}
    .estimate_input_wrap> div > div dl dd >.check_tax .check_wrap+.check_wrap{margin-top:10px;}
    .estimate_input_wrap> div > div dl dd >.input_tax .input_wrap ~ .input_wrap{margin-left:0;margin-top:10px;}
    .estimate_input_wrap> div > div dl dd >.check_tax .option_help,
    .estimate_input_wrap> div > div dl dd >.input_tax .option_help{right:-10px;}
    .estimate_input_wrap> div > div dl dd .option_help {margin:0;}
}
@media screen and (min-width:1120px) and (max-width:1250px){
    .estimate_header .menu {right:370px;}
    .estimate_contents [class^="ui_step"]{margin-right:370px;}
    .estimate_contents .estimate_step_wrap{padding:0 390px 10px 20px !important;;}
    .estimate_contents .estimate_detail_wrap{width:370px;padding:0 20px;}
    .estimate_view_option .option_list{width:102px!important;;}
    .estimate_contents +.estimate_footer{margin:0 390px 0 20px!important;;}
    .estimate_contents .estimate_detail_wrap .detail_info_list{left:20px;right:20px;}
    
}
@media screen and (min-width: 768px){
    .estimate_wrapper .main_title{font-size:30px; /* 20180119 정윤진, MCBcDsEs.9_상세견적_폰트수정 처리 font-size: 32px; */}
    .estimate_contents +.estimate_footer{margin-left:40px;}
    .estimate_footer p.tel{float:left;}
    .estimate_footer p.copy{float:right;}

    .estimate_view_wrap .estimate_detail_view > strong{float:left;text-align:left;}
    .estimate_view_wrap .estimate_detail_view > strong span ~ span {margin-left:10px;}
    .estimate_view_wrap .estimate_detail_view > p{float:right;}

    .estimate_view_select{display:table-cell;width:70px;vertical-align:top;}
    .estimate_view_select button{margin-bottom:10px;}
    .estimate_view_option{display:table;width:100%;margin-top:47px;height: 120px;table-layout:fixed;}
    .estimate_view_option .option_list{position:relative;display:table-cell;width:106px;padding-right:6px;vertical-align:top;height: 100%;}
    .estimate_view_option .option_list .option_tit{/*float:left; padding:7px 15px 35px 15px;width:100px;height:100%;*/}
    .estimate_view_option .option_list.selected{width:auto!important;padding-right:0;}
    .estimate_view_option .option_list.selected .list_wrap{position:relative;overflow:hidden;margin-left:100px;padding:10px 0;width:calc( 100% - 100px );height:100%;}
    .estimate_view_option .option_list.selected .list_wrap > div{position:relative;overflow:hidden;;height:100%;padding: 0 10px;}
    .estimate_view_option .option_list.selected .list_wrap > div.view_control{padding: 0 30px;}
    .estimate_view_option .option_list.selected .list_wrap > div.view_control .ix-controller{display:block;}
    .estimate_view_option .option_list.selected .list_wrap .ix-list-viewport{width:100%;height:100%;margin:0;}
    .estimate_view_option .option_list.selected .list_wrap .ix-btn-prev [class^="ico_"][class*="prev"]{background-image:url(../images/common/ico_pc_20.png);background-repeat:no-repeat;    background-size: auto;width:8px;height:16px;background-position:-80px -160px;}
    .estimate_view_option .option_list.selected .list_wrap .ix-btn-next [class^="ico_"][class*="next"]{background-image:url(../images/common/ico_pc_20.png);background-repeat:no-repeat;    background-size: auto;width:8px;height:16px;background-position:0 -160px;}
    .estimate_view_option .option_list.selected .list_wrap li{position:relative;float:left;width:220px;height:100px;padding:0;margin:0 2.5px;text-align:left;}
    .estimate_view_option .reselect_btn{left:21px;bottom:15px;}

    .estimate_contents .estimate_step_wrap{padding:0 40px 10px;}
    .estimate_view_btns{position:relative; margin-top:20px; text-align:right;}
    .estimate_view_btns button:first-child{position:absolute;left:0;top:0;}
    .estimate_contents .estimate_detail_wrap .detail_btn button{width:33%;margin-left:0.5%}
    .estimate_contents .estimate_detail_wrap .detail_btn button:first-child{margin-left:0;}
    .estimate_result_info .result_img_wrap {float:left;width:50%;}
    .estimate_result_info .result_info_wrap{float:right;width:50%;padding-left:15px;}
    .estimate_result .result_info_btn button+button{margin-left:6px;}
    .estimate_result .result_info_btn+.result_btn{margin-top:50px;}
    .estimate_result .result_info_box li{float:left;padding:45px 0;width:30%;margin-left:5%;}

    .configurator .ui_search_02 [class^="select_wrap"]{width:calc(100% - 132px)}
}
@media screen and (min-width:768px) and (max-width:1120px){
    .estimate_view {padding:0;}
    .estimate_view .info_inner {left:100px;}
    .estimate_view_option .option_list{width:98px;}
    .estimate_view_option .option_list .text_wrap {width:95px;}
    .estimate_view_option .option_list .option_tit{}
    .estimate_view_option .option_list.selected .list_wrap{margin-left: 95px;width:calc( 100% - 95px );}
    .estimate_view_area .panorama_wrap {padding:0 100px 0 20px;}
    .estimate_result .result_btn button {min-width:175px;}
}
@media screen and (max-width: 767px){
    .estimate_footer{margin-top:30px;padding:0 15px;}
    .estimate_footer_inner{font-size:0.9em;}
    .estimate_footer_inner p.copy{margin-top:10px;}
    .estimate_view_wrap {padding-right:0;padding-bottom: 15px;}
    .estimate_view_wrap.fixed {position:fixed;top:33px;left:0;right:0;padding:48px 15px 10px;margin-top:0;background:#fff;z-index:12;}
    .estimate_view_area{position:relative;display:block;width:100%;padding-bottom:15px;}
    .ui_vr .vr_text {font-size:20px;}
    .estimate_view_area .car_info_btn{top:auto;bottom:0;color:#020202;opacity:0.8;overflow:inherit;}
    .estimate_view_area .car_info_btnWrap {position:relative; top:initial; right:initial; color:#020202; opacity:0.8; overflow:inherit; margin-top:15px; text-align:right;}
    .estimate_view_area .ui_vr .loading {bottom:-50px;}
    .estimate_view_select{position:relative;text-align:center;height:50px;margin-bottom:15px;}
    .estimate_view_select .outer_view_btn{float:left;width:50px;height:50px;}
    .estimate_view_select .inner_view_btn{float:left;width:50px;height:50px;margin-left:15px;}
    .estimate_view_select .vr_view_btn{float:left;width:50px;height:50px;margin-left:15px;}
    .view_select_util .light_btn .icon_light{width:20px;height:13px;}
    .estimate_view{padding:0;}
    .estimate_view_select .view_select_util .light_btn{left: 55px;top: 8px;width: 45px;}
    .estimate_view_select .view_select_util .light_btn i{display:block;margin:0 auto 5px;}
    .estimate_view .info_inner {left:10px;bottom:6px;line-height:20px;font-size:0.9em;}
    .estimate_step_wrap{padding:0 15px;}
    .estimate_view_btns{position:relative; margin-top:20px;padding: 50px 0 40px; text-align:center;}
    .estimate_view_btns button:first-child{position:absolute;left:0;top:0;width:100%;}
    .estimate_view_btns button:first-child+button[class^="btn_"]{margin-left:0;}
    .estimate_view_btns button.full{margin:0!important;width:100%!important;}
    .estimate_view.vr_area {margin:0;}
    .estimate_view.headlight_area {margin:0;}
    .estimate_view.panorama_area {margin:0;}
    .estimate_view.panorama_area .vr_button {width:50px;height:50px;margin:-25px 0 0 -25px;}
    .view_select_util .btn_front_back {float:left;height:auto;margin:0;}
    .view_select_util .btn_front_back button {position:static;float:left;width:40px;min-width:40px;height:40px;margin-top:5px;padding:0;}
    .view_select_util .btn_front_back button span {position:absolute;overflow:hidden;clip:rect(0,0,0,0);}
    .view_select_util .btn_front_back .front,
    .view_select_util .btn_front_back .back_side {margin-left:15px;background-size:40px;}

    .estimate_view_option{margin-top:0;}
    .estimate_view_option .option_list ~ .option_list{margin-top:10px;padding-left:0;}
    .estimate_view_option .reselect_btn {top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
    .estimate_view_option .option_list .option_tit{display:block;/*padding:15px 40px 15px 15px;height:50px;*/line-height:1.5em;}
    .estimate_view_option .option_list.selected .list_wrap {position:relative;min-height:100px;padding:0 15px 10px;}
    .estimate_view_option .option_list.selected .list_wrap li{position:relative;margin-top:10px;float:none;width:auto;text-align:left;}
    .estimate_view_option .option_list.selected .list_wrap li.color_img{width:auto;margin-top:10px;}
    .estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label {height:100px; overflow:hidden;padding:0;padding: 5px 0;/* line-height:32px; */}
    .estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label span.c_label{float:none;width:100px;/*margin:0;margin-top: -5px;*/}
    .estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label:before{left:0;top:8px;}
    .estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap>input[type="radio"]:checked + label:after{left:5px;top:13px;}
    .estimate_view_option .option_list.selected .list_wrap li.color_img .check_wrap label span.c_label em {/* position:static; */}
    .estimate_view_option .option_list.selected .list_wrap .option_help {top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
    .estimate_view_option .option_list.selected .text_wrap {position:static;float:none;}
    .estimate_view_option .option_list .text_wrap {float:none;width:100%;height:auto;padding:8px 40px 8px 15px;}
    .estimate_view_option .reselect_btn{right:20px;top:16px;}
    .estimate_view_option .option_list .responsive_slide .ix-list-viewport {overflow:auto;}

    .estimate_input_wrap{margin:0 -15px;}
    .estimate_input_wrap> div{float:none;width:auto;height:auto;}
    .estimate_input_wrap> div+div{margin-left:0;margin-top:20px;}
    .estimate_input_wrap> div ul.select_list{margin:10px 0;}
    .estimate_input_wrap> div > div{padding:10px 20px;}
    .estimate_input_wrap> div > div dl dt{width:70px;}
    .estimate_input_wrap> div > div dl dd .input_btn_wrap .input_wrap{width:calc( 100% - 140px)!important;}
    .estimate_input_wrap> div > div dl dd .input_btn_wrap .input_wrap input{padding:0 0.5em;}
    .estimate_input_wrap> div > div dl dd >.input_tax .input_wrap:first-child{width:35%}

    .estimate_detail_view {position:relative;padding-bottom:20px;}
    .estimate_detail_view p.price{position:absolute;left:0;bottom:10px;}
    .estimate_detail_view p.price span{display:block;margin-top:10px;font-size:20px;}
    .estimate_detail_view .detail_car_wrap .car_info_btn{bottom:-28px;right:0;top:auto;}
    .estimate_contents .estimate_detail_wrap {padding:0 15px;}
    .estimate_contents .estimate_detail_wrap .detail_btn button{width:49%;}
    .estimate_contents .estimate_detail_wrap .detail_btn button:last-child{float:right;}
    .estimate_contents .estimate_detail_wrap .detail_btn button:first-child{display:none;}
    .estimate_view_wrap .detail_car_image {height:auto;padding-bottom:47%;}

    .estimate_result_info{margin-bottom:20px;}
    .estimate_result .result_info_box{margin-bottom:20px;}
    .estimate_result .result_info_box li{padding:15px 0;margin-bottom:10px;}
    .estimate_result .result_img_wrap{margin-bottom:20px;}
    .estimate_result .result_info_btn.text_center {margin-bottom:20px;}
    .estimate_result .result_info_btn button{position:relative;display:block;width:100%;height:50px;text-align:left;}
    .estimate_result .result_info_btn button+button{}
    .estimate_result .result_info_btn button i{position:absolute;right:0;top:calc( 50% - 8px);}
    .estimate_result .result_btn{overflow:hidden;margin-bottom:20px;}
    .estimate_result .result_btn button{float:left;width:49%;margin:0;}
    /* .estimate_result .result_btn button:nth-child(2){display:none;} 2018-08-08 이지혜 : 임시 노출로 삭제 
    .estimate_result .result_btn button~button{float:right;}*/
    .estimate_result .result_btn button:nth-child(2n){float:right;}
    .estimate_result .result_btn button:nth-child(3),
    .estimate_result .result_btn button:nth-child(4){margin-top:10px;}
    .estimate_result .result_info_btn +.result_btn{margin-top:20px;}
    /* 2018-11-20 이지혜 : 색상변경 운영 반영후 삭제 예정*/
    .estimate_result .result_btn_area a.catalouge i{background:url(../images/common/icon_catalouge_mo.png) no-repeat center center;}
    .estimate_result .result_btn_area a.purchase i{background:url(../images/common/icon_purchase_mo.png) no-repeat center center;}
    .estimate_result .result_btn_area a.drive i{background:url(../images/common/icon_drive_mo.png) no-repeat center center;}
    .estimate_result .result_btn_area_personal a.drive i{background-image:url(../images/common/icon_drive_personal_mo.png);}/* 20180222 함은주, 시승신청 개인화 색상 추가 */
    .estimate_result .result_btn_area a i{width:40px;height:40px!important;;margin-right:0!important;background-size:100% auto!important;}
    .estimate_result .result_btn_area a > i{}
    .estimate_result .result_btn_area a > span{display:block;margin-top:10px;}
    /* //2018-11-20 이지혜 : 색상변경 운영 반영후 삭제 예정*/
    /* 2018-11-20  이지혜 : 색상변경 */
    .estimate_result .result_icon_btns {width:auto; margin:0 -15px 40px;}
    .estimate_result .result_icon_btns .result_btn_area {padding:20px 0;}
    .estimate_result .result_icon_btns .result_btn_area a.catalouge i{background:url(../images/common/icon_catalouge_w_mo.png) no-repeat center center;}
    .estimate_result .result_icon_btns .result_btn_area a.purchase i{background:url(../images/common/icon_purchase_w_mo.png) no-repeat center center;}
    .estimate_result .result_icon_btns .result_btn_area a.drive i{background:url(../images/common/icon_drive_w_mo.png) no-repeat center center;}
    .estimate_result .result_icon_btns .result_btn_area_personal a.drive i{background-image:url(../images/common/icon_drive_personal_mo.png);}/* 20180222 함은주, 시승신청 개인화 색상 추가 */
    .estimate_result .result_icon_btns .result_btn_area a i{width:40px;height:40px!important;;margin-right:0!important;background-size:100% auto!important;}
    .estimate_result .result_icon_btns .result_btn_area a > i{}
    .estimate_result .result_icon_btns .result_btn_area a > span{display:block;margin-top:10px;}
    .estimate_result .result_icon_btns .result_btn_area a > span.only_mobile_br {margin-top:5px;}
    .estimate_result .banner_wrap {margin-top:0;}
    
    .configurator .layer_cont .price{margin:30px 0 10px;}
    .configurator .layer_cont .thumbnail_slide span{font-size:0.9em;}
    .configurator .layer_cont .slide.thumbnail .ix-list-item{width:33.33%;}
}

.configurator .layer_cont .slide.thumbnail .ix-btn-prev,
.configurator .layer_cont .slide.thumbnail .ix-btn-next { top: 0; /* margin-top: 17.5px; */ }


/* 블루링크 앱 사용 안내 : 2018-12-21 이지혜 */
.capture_img_list {padding:50px 15px 0;}
.capture_img_list .grid {margin: 20px -10px; padding: 0; list-style: none; }
.capture_img_list .col {float:none; display:inline-block; width:50%; margin:0 -5px 0 0; padding:0 10px 30px; vertical-align: top; line-height:1.4; font-size: 14px;}
.capture_img_list .col picture {display:block;}
.capture_img_list .col img {width:100%;}
.capture_img_list .col .text {margin-top:15px; line-height:1.4;}
.capture_img_list .col .info-text {position:relative; margin-top:15px; padding-left:30px; color:#000;}
.capture_img_list .col .info-text .num {position:absolute; left:0; top:0; width:18px; height:18px; line-height:18px; text-align:center; font-family:'HeadMedium'; font-size:12px; color:#fff; background-color:#002c5f; border-radius:100%;}
.capture_img_list .col .img-wrap {position:relative; text-align:center;}
.capture_img_list .col .img-wrap img {width:auto;}
.capture_img_list .col .img-wrap:after {content:''; display:block; position:absolute; top:50%; right:-12px; width:8px; height:16px; margin-top:-8px; background:url('../images/common/ico_pc_20.png') no-repeat 0 -160px; opacity:.3;}
.capture_img_list .col:last-child .img-wrap:after {display:none;}


@media screen and (min-width: 768px) {
    .capture_img_list .col {font-size:16px;}
    .capture_img_list .col {padding:0 10px 60px;}
    .capture_img_list .col .img-wrap {position:relative;}
}
@media screen and (min-width: 1024px) {
    .capture_img_list {padding:80px 0 0;}
    .capture_img_list .grid {margin:30px -16px 10px;}
    .capture_img_list .col {width:33.3%; padding:0 16px 60px;}
    .capture_img_list .grid.col_05 .col {width:20%;}
    .capture_img_list .grid.col_04 .col {width:25%;} /*200715 장미 add*/
    .capture_img_list .grid.col_03_center {width:66%; margin:30px auto 10px;}
    .capture_img_list .col .info-text .num {font-size:20px; line-height:1.2em; background:0 none; width:auto; height:auto; color:#000;}
    .capture_img_list .col .img-wrap:after {right:-20px;}
    .capture_img_list .grid.col_04.pd_txt .text {padding: 0 12px} /* 200722 장미 이미지 width값이 216px 인 경우 텍스트 정렬 추가*/
}

/* 원앱 */
[class*="tab_menu"][class*="_05"]  {display:flex; flex-wrap: wrap;  gap:12px 6px; margin:60px 80px;} 
[class*="tab_menu"][class*="_05"] > li > a {display:inline-block; height:30px; line-height: 30px; padding:0 17px; background: #F6F3F2; color:#666; border-radius: 30px;}
[class*="tab_menu"][class*="_05"] > li.on > a {background:#007FA8; color:#fff;}
.hmc_component.one-app {background-color: #fff;}
.hmc_component.one-app .row_title {line-height: 34px; font-family:'HeadMedium';}
.hmc_component.one-app .data_table {margin-top: 30px;}
.hmc_component.one-app .ui_tooltip {display: inline-block; color:#666; margin:0 0 0 10px;}
.hmc_component.one-app .ui_tooltip>.arr.up {bottom: -12px;}
.hmc_component.one-app .ui_tooltip .btn_tooltip.on + .arr, .hmc_component.one-app .ui_tooltip .btn_tooltip.on + .arr + .layer_tooltip {display:block !important;}
.hmc_component.one-app .ui_tooltip .btn_tooltip + .arr, .hmc_component.one-app .ui_tooltip .btn_tooltip + .arr + .layer_tooltip {display:none !important;}
.hmc_component.one-app .ui_tooltip>.arr.up {bottom:-13px; z-index:10;}
.hmc_component.one-app .ui_tooltip .btn_tooltip {width:17px; height:17px; border-radius: 100%; background: none !important; background-color: #a1a1a1 !important; font-family: 'HeadMedium'; line-height: 18px; }
.hmc_component.one-app .ui_tooltip .btn_tooltip:after {display:block; content:"i"; color:#fff;}
.hmc_component.one-app .ui_tooltip .layer_tooltip {transform: translateX(-50%); margin-left: 10px; border:1px solid #E4DCD0; box-sizing: content-box;}
.hmc_component.one-app .ui_tooltip.w1 .layer_tooltip {width: 200px;}
.hmc_component.one-app .ui_tooltip.w2 .layer_tooltip {width: 162px;}
.hmc_component.one-app .ui_tooltip.w3 .layer_tooltip {width: 115px;}
.hmc_component.one-app .ui_tooltip.w4 .layer_tooltip {width: 336px; transform: none; right:-60px;}
.hmc_component.one-app .acc_01>dl>dt.on {background: #002c5f; color:#fff;}
.hmc_component.one-app .acc_01>dl>dt.on b, .hmc_component.one-app .acc_01>dl>dt.on .title {background: #002c5f; color:#fff;}
.hmc_component.one-app .acc_01>dl>dt.on button:after {background-position: -20px -280px; transform: rotate(180deg);}
.hmc_component.one-app .acc_01>dl>dd {overflow:hidden;padding:30px 0;background: #fff; }
.hmc_component.one-app .acc_01>dl>dd .sub_title {display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin:0 -30px; padding:0 30px 30px; border-bottom:1px solid #ccc;}
.hmc_component.one-app .acc_01>dl>dd .sub_title .title {font-size: 20px; line-height: 34px;}
.hmc_component.one-app .acc_01>dl>dd .sub_title .category-list .list {display: flex; gap:10px; flex-wrap: wrap;}
.hmc_component.one-app .acc_01>dl>dd .sub_title .category-list .list > li {display: inline-block; height: 26px; margin: 0; padding: 0 10px; font-family: 'HyundaiSansTextKR'; font-size: 14px; line-height: 26px; background: #007FA8; color: #fff;}
.hmc_component.one-app .acc_01>dl>dd .sub_title .tail{flex-basis: 100%; font-family: 'TextRegular'; font-size: 14px; line-height: 28px; color: #888; margin-top: 10px;}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].steps {padding:60px 0; border-top:1px solid #ccc;}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].steps:first-child {padding-top: 30px; border-top:none;}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].line {gap: 40px 0; display: flex; flex-direction: column; margin:0; padding:0;}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].line:first-child {border:none}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].line.border-none {border:none;}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].line [class^="section"].line {padding:40px 0 0;}
.hmc_component.one-app .acc_01>dl>dd [class^="section"].line [class^="section"].line:first-child {padding-top:10px;}
.hmc_component.one-app .section.centered + .signup-bluelink .steps .step-group:first-of-type ul {margin-top:30px;}
.hmc_component.one-app .acc_01>dl>dd .step-group:first-of-type ul {margin:0;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul.per1 {gap: 10px 0;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul.per1.next {gap: 64px 0;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul.per1.next > li::after{display: block; content: ''; top: auto; left: 50%; right: 0; background-size: 100%; border-top: 1px solid #999; border-left: 1px solid #999; width: 16px; height: 16px; transform: rotate(-135deg); bottom: -33px; margin-left: -8px; background: none;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul.per1.next > li:last-child:after {display: none;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li .text .tail {display:block; font-family:'TextRegular'; font-size: 14px; line-height: 20px; color: #666;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li .text .tail:before {display:inline-block; content:"※";}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li .list-dot {display: block; margin: 4px 0 0 34px !important;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li .list-dot > li {display: block; width:100%; margin: 0; font-size: 14px; line-height: 20px; }
.hmc_component.one-app .signup-bluelink .steps .step-group ul li .list-dot > li:before {top:8px;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li .list-dot > li:after {display: none;}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li > .tail {font-size:14px; line-height:20px;}
.hmc_component.one-app .signup-bluelink .steps .step-group .tail-list {display:block; font-size:14px; line-height: 28px; color:#666;}
.hmc_component.one-app .signup-bluelink .steps .step-group .tail-list > li {display:block;}
.hmc_component.one-app .signup-bluelink .steps .step-group .tail-list > li::before {display: inline-block; content:'*'; margin:0 5px 0 0;}
.hmc_component.one-app .step_wrap {margin:60px 0 0;}
.hmc_component.one-app .step_wrap .title {font-family:'HeadMedium'; font-size:20px; line-height:34px; color:#000;}
.hmc_component.one-app .step_wrap.large .title {font-family:'HeadMedium'; font-size:30px; line-height:44px; color:#000;}
.hmc_component.one-app .title-wrap.step_wrap .text {font-family: 'TextMedium';}
.hmc_component.one-app .step_wrap .text {margin:10px 0 0; font-size:16px; line-height:28px; color:#000;}
.hmc_component.one-app .step_wrap .text .tail {display:block; margin:3px 0 0; font-family: 'TextRegular'; font-size:14px; line-height: 30px; color:#666;}
.hmc_component.one-app .list-dot > li {position: relative; margin:0 0 0 12px; padding:0 0 0 12px; font-size:16px; line-height: 30px; font-family: 'TextRegular';}
.hmc_component.one-app .list-dot > li:before {position:absolute; left:0; top:10px; content:''; display:block; width:4px; height:4px; background:#000; border-radius: 100%;}
.hmc_component.one-app .list-dash > li {position: relative; padding:0 0 0 10px; color:#666;}
.hmc_component.one-app .list-dash > li:before {position: absolute; left:0; top:10px; content:''; width:3px; height:1px; display:block; margin:0 5px 0 0; background: #666;}
.hmc_component.one-app .step_wrap .text .tail::before {display:inline-block; content:'※';}
.hmc_component.one-app .step_wrap .text ul.tail::before {display: none;}
.hmc_component.one-app .step_wrap .text ul.tail > li::before {display:inline-block; content:'※';}
.hmc_component.one-app .signup-bluelink .steps .step-group ul li:after {top: 232px;}
.hmc_component.one-app.cmcit01 .core+.desc .row_title {font-size:30px; line-height: 44px;}
.hmc_component.one-app.cmcit01 .core+.desc .message {margin-top:10px;}
.hmc_component.one-app .grid.grid_1 {margin:60px 0 0;}
.hmc_component.one-app .grid.grid_1:first-child {margin:0;}
.hmc_component.one-app .grid.grid_1 .col.core .sub_title {margin:0;}
.hmc_component.one-app .grid.grid_1 .col.desc {margin-top:16px;}
.hmc_component.one-app .grid.grid_1 .col.desc .list_bullet_dot {margin:4px 0 0; color:#000;}
.hmc_component.one-app .grid.grid_1 .col.desc .list_bullet_dot > li .underline {position: relative; display: inline-block;}
.hmc_component.one-app .grid.grid_1 .col.desc .list_bullet_dot > li .underline::before {content: ""; display: block;width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: 4px;}
.hmc_component.one-app .grid.grid_1 .col.desc .tail {margin:0; font-size:14px; line-height: 28px;}
.hmc_component.one-app .grid.grid_1 .col.desc .tail::before {display:inline-block; content:'※'}
.hmc_component.one-app .info-list > li {font-size:14px; line-height: 28px;}
.hmc_component.one-app .info-list > li .underline {position: relative; display: inline-block; color:#666;}
.hmc_component.one-app .info-list > li .underline::before {content: ""; display: block;width: 100%; height: 1px; background: #666; position: absolute; left: 0; bottom: 4px;}
.hmc_component.one-app [class^="section"].steps .step_wrap {margin:0;}
.hmc_component.one-app [class^="section"].steps .step_wrap + .step_wrap {margin:40px 0 0;}
.hmc_component.one-app [class^="section"].steps .step_wrap.large + .step_wrap {margin:60px 0 0;}
.hmc_component.one-app [class^="section"].steps .step_wrap + .signup-bluelink {margin-top:34px;}
.hmc_component.one-app [class^="section"][class*="_gray"].steps .step_wrap {margin:0; padding:0;}
.hmc_component.one-app [class^="section"][class*="_gray"].steps {margin:80px 0 0; padding:80px 0;}
.hmc_component.one-app [class^="section"][class*="_white"].steps {margin-top:80px;}
.hmc_component.one-app [class^="section"].steps:last-child {margin-bottom: 0;}
.hmc_component.one-app [class^="section"].line {padding:60px 0 0; margin:60px 0 0; border-top: 1px solid #ccc;}
.hmc_component.one-app [class^="section"].line.line-none {padding:0; margin:80px 0 0; border: none;}
.hmc_component.one-app [class^="section"].line > .section {overflow: hidden; gap: 40px; display: flex; flex-direction: column;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap {display: flex; flex-direction: column; gap: 40px 0;}
.hmc_component.one-app [class^="section"].line .title {color:#000; font-size: 30px; line-height: 44px;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .text {color:#000; font-family:'HeadMedium'; font-size:20px; line-height: 34px;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .text .sub_tail {display: block; margin:10px 0 0; font-family: 'TextMedium'; font-size:16px; line-height: 30px;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .text .sub_tail .list-dot {margin:4px 0 0;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .text .sub_tail .list-dot > li {margin:5px 0 0;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .btn_warp {margin: 20px 0 0; font-size:0;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .step_wrap {margin:0;}
.hmc_component.one-app [class^="section"].line .line_inner_wrap .step_wrap .text {margin:0;}
.my-hyundai {}
.my-hyundai .video-wrap {}
.my-hyundai .video-wrap .video video {display: block; width: 100%; height: 100%; object-fit: cover;}
.hmc_component.one-app .signup-bluelink .steps .step-group .list-type {margin-bottom:30px;}
.hmc_component.one-app .m-br {display: none;}
@media screen and (max-width: 767px) {
    .hmc_component.one-app .step_wrap.large .title {font-size:22px; line-height: 30px;}
    [class*="tab_menu"][class*="_05"] {gap:10px; margin: 50px 0; padding: 0 15px;}
    [class*="tab_menu"][class*="_05"] > li {}
    [class*="tab_menu"][class*="_05"] > li a {height: 20px; line-height: 20px; padding: 0 10px; font-size: 12px;}
    .hmc_component.one-app .step_wrap .title {font-size: 18px; line-height:26px;}
    .hmc_component.one-app .table_scrollable .data_table {width:350%;}
    .hmc_component.one-app .acc_01>dl>dd .sub_title .category-list .list > li {height:18px; line-height: 18px; font-size:12px;}
    .c1ct .desc .module .row_title {margin:0; line-height: 24px;}
    .hmc_component.one-app .grid.grid_1 .col.desc {margin:8px 0 0;}
    .hmc_component.one-app .c1ct .desc .module > :first-child {margin-top:5px; font-size:12px; line-height: 20px;}
    .hmc_component.one-app .acc_01>dl>dt.on b, .acc_01>dl>dt.on .title {padding:13px 0 13px 15px;}
    .hmc_component.one-app .acc_01>dl>dt.on button:after {background: url(../images/common/ico_mobile_32_w.png) no-repeat 0 -128px; background-size: 100%; transform: none;}
    .hmc_component.one-app .acc_01>dl>dd .sub_title .title {font-size:18px; line-height: 26px;}
    .hmc_component.one-app .acc_01>dl>dd .sub_title .tail {font-size:12px; line-height:20px;}
    .hmc_component.one-app .acc_01>dl>dd .sub_title {padding-bottom:20px;}
    .hmc_component.one-app .step_wrap {margin:30px 0 0;}
    .hmc_component.one-app .step_wrap .text {font-size:14px; line-height: 22px;}
    .hmc_component.one-app [class^="section"].steps {padding-left:15px; padding-right:15px;}
    .ui_tooltip { position: relative; }
    .hmc_component.one-app [class^="section"][class*="_gray"].steps {margin: 40px 0 0; padding: 40px 15px 40px;}
    .hmc_component.one-app [class^="section"][class*="_white"].steps {margin-top:40px;}
    .hmc_component.one-app [class^="section"].steps .step_wrap + .signup-bluelink {margin-top:23px;}
    .hmc_component.one-app .signup-bluelink .steps .step-group ul.per1.next  {gap: 30px 0;}
    .hmc_component.one-app .signup-bluelink .steps .step-group ul.per1.next > li::after {width:8px; height: 8px; bottom: -16px; margin-left: -4px;}
    .hmc_component.one-app .signup-bluelink .steps .step-group .list-type {margin-bottom:20px;}
    .hmc_component.one-app .m-br {display: block;}
}
/* spa components2 css  choi wonhyuk*/


/* 한지아 */

/* ============================ [ member.css - 회원가입,회원 전환 ] ============================ */

/* 회원가입 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.member_join{}
.member_join .agree_all{margin-top:20px;}
.member_join .row_title_wrap .row_title {padding-top: 0;}
.member_join .row_title_wrap [class^="bullet_"] {font-size: 14px;}

@media screen and (min-width:768px){
    .member_join .row_title,
    .member_join .row_title_wrap {padding-top:30px;}
    .member_join .row_title_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
    .member_join .row_title_wrap .row_title {margin-right: 10px;}
}
@media screen and (max-width:767px){
    .member_join .row_title,
    .member_join .row_title_wrap {padding-top:10px;}
    .member_join .row_title_wrap [class^="bullet_"] {margin-top: 5px; font-size: 13px;}
}
/* 회원가입 유형 선택 */
.member_type{color:#000;}
.member_type .col{background:#f6f3f2;}
.member_type a{display:block; padding:3em 0; text-align:center;}
.member_type [class^="ico_"]{width:52px; height:54px; margin-bottom:2em; background:url(../images/common/ico_member.png) no-repeat; background-size:100%;}
.member_type .ico_member01{}
.member_type .ico_member02{background-position:0 -54px;}
.member_type .ico_member03{background-position:0 -108px;}
.member_type .ico_member04{background-position:0 -162px;}
.member_type dt{padding-bottom:0.5em; font-family:'HeadMedium'; font-size:1.25em;}
.email_join{position:relative; padding:40px;}
dl.email_join{padding-right:300px;}
.email_join>*{display:inline-block; vertical-align: middle;}
.email_join>*:first-child{padding-right:7%;}
.sns_join{border-top:1px solid #e4dcd3;}
.sns_join [class^="panel_"]{margin-top:20px; padding:25px 35px;}
.sns_join [class^="ico_"]{width:42px; height:42px; margin-right:1em; background:url(../images/common/ico_sns_join.png) no-repeat; background-size:100%;}
.sns_join .ico_naver{}
.sns_join .ico_facebook{background-position:0 -42px;}
.sns_join .ico_kakao{background-position:0 -84px;}
.sns_join .ico_google{background-position:0 -126px;}
.sns_type button{width:100%; color:#333; text-align: left;}
.sns_type a{display:block; color:#333; text-align: left;}
.member_join .link{display:inline; font-family:'TextRegular';}
.member_join .link em{display:inline; text-decoration:underline; vertical-align: top;}
@media screen and (min-width:961px){
    /* 961 이상 tablet & pc */

    .email_join .sub_title{padding-bottom:0;}
}
@media screen and (min-width:768px){
    /* 768 이상 tablet & pc */

    .email_join [class^="btn_"]{position:absolute; top:50%; right:40px; display:block; margin-top:-20px;}
    .member_type + .email_join,
    .email_join + .sns_join{margin-top:80px;}
    .sns_join{padding-top:80px;}
}
@media screen and (min-width:768px) and (max-width:960px){
    /* 768 이상 960이하 tablet */

    .email_join .sub_title{display:block;}
}
@media screen and (max-width:767px){
    .member_type [class^="ico_"]{width:31px; height:32px;}
    .member_type .ico_member02{background-position:0 -32px;}
    .member_type .ico_member03{background-position:0 -64px;}
    .member_type .ico_member04{background-position:0 -96px;}
    .email_join{padding:30px;}
    .email_join>*{display:block; width:100% !important;}
    .email_join [class^="btn_"]{margin-top:20px;}
    .sns_join [class^="panel_"]{padding:30px 25px !important;}
    .sns_type .col{width:100% !important;}
    .sns_type .col + .col{margin-top:1em;}
    .member_type + .email_join,
    .email_join + .sns_join{margin-top:40px;}
    .sns_join{padding-top:40px;}
}
/* 약관동의 */
.member_join .policy_area{position: relative;}
.member_join .policy_area + .policy_area{margin-top:40px;}
.member_join .policy_area>.row_title{padding-bottom:1em;}
.member_join .policy_wrap{overflow-y:auto; height:362px; margin-top:1em; padding:1em; border:1px solid #e4dcd3; line-height: 1.4;} /* html 20180102 정윤진, 이용약관 내용 간격 조정 */

/* 약관 폰트 및 간격 기준 가이드 적용 */
.member_join .policy_wrap p{line-height: 20px; font-size: 14px; padding: 1px 0 10px;}
.member_join .policy_wrap p strong {font-size: 15px;}
.member_join .policy_wrap ol{font-size: 13px; line-height: 20px; padding: 1px 0 7px 14px; margin-left: 0;}
.member_join .policy_wrap ol li{padding: 0 0 10px 0;}
.member_join .policy_wrap ul{font-size: 13px; line-height: 20px; padding: 1px 0 7px 14px; margin-left: 0;}
.member_join .policy_wrap ul li{padding: 0 0 10px 0;}
.member_join .policy_wrap .num {padding: 1px 0 7px 0; font-size:14px;}
.member_join .policy_wrap .num_sub {margin-top:-16px; padding-left:30px;}

.member_join .policy_wrap table {border: 1px solid #e4dcd3;}
.member_join .policy_wrap table thead th {background: #002c5f; color: #fff; font-size:13px; font-weight: normal; border-bottom-color: #fff; padding: 8px 0;}
.member_join .policy_wrap table thead td {background: #002c5f; color: #fff; font-size:13px; border-bottom-color: #fff; padding: 8px 0;}
.member_join .policy_wrap table tbody th {background: #e4dcd3; color: #000;  font-size:13px; font-weight: normal; border-bottom-color: #fff; padding:8px 15px;}
.member_join .policy_wrap table tbody td {background: #fff; color: #000; font-size:13px; border-bottom-color: #e4dcd3; padding: 8px 15px; color: #626262; /* word-break: keep-all; */ word-break: break-all; } /* 20180127 정윤진, 약관 스크롤 해결 word-break */
.member_join .policy_wrap table tbody td a {color: #006992;}
/* //약관 폰트 및 간격 기준 가이드 적용 */

.member_join .policy_area.v2 .radio-con-wrap{position: relative;}
.member_join .policy_area.v2 .radio-con-wrap .radio_set{position: absolute;top: -65px; right: 0px;}
.member_join .policy_area.v2 .radio-con-wrap .info-txt{line-height: 1.75;}

@media screen and (max-width: 1023px){
    .member_join .policy_area.v2 .radio-con-wrap{margin-top: 0;}
    .member_join .policy_area.v2 .radio-con-wrap .radio_set{position: relative; top: 0;}
    .member_join .policy_area.v2 .radio-con-wrap .check_wrap{margin-top: 0; margin-bottom: 10px;}
}

@media screen and (max-width:767px){
    .member_join .policy_area + .policy_area{margin-top:20px;}
    .member_join .policy_wrap{height:175px;}
}
/* 약관동의 */
.certification_area {overflow:hidden;margin:30px 0 20px;}
.certification_area .certification_box{position:relative;float:left;width:calc( 50% - 16px);background:#f6f3f2;}
.certification_area .certification_box + .certification_box{float:right;}
.certification_area .certification_box strong{font-size:20px;letter-spacing:-1px;white-space: nowrap;}
.certification_area .certification_box p{margin:15px 0 30px;letter-spacing:-1px;}
.certification_info_box{margin-top:20px;padding:0 1.3em;font-size:0.9em;}
.certification_info_box dt button{text-decoration:underline;color:#000;}
.certification_info_box dt:after{display:inline-block; margin-left:3px; width:9px; height:9px; background:url(../images/common/icon_plus.png) no-repeat center center; content:''}
.certification_info_box dd{display:none;margin-top:20px;}
.certification_info_box dt.on:after{background:url(../images/common/icon_minus.png) no-repeat center center;}
.certification_info_box dt.on + dd{display:block;}

.member_join .certification_area .certification_box{padding:50px 50px 50px 220px;}
.member_join .certification_area .certification_box.ipin {background:url(../images/common/img_cerfi_ipin.png) no-repeat 50px center #f6f3f2;}
.member_join .certification_area .certification_box.phone {background:url(../images/common/img_cerfi_phone.png) no-repeat 50px center #f6f3f2;}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .member_join .certification_area .certification_box{padding:30px 30px 30px 165px;background-position:20px center!important;}
}
@media screen and (max-width: 767px){
    .certification_area {margin:15px 0 10px;}
    .certification_area .certification_box{float:none;width:auto;}
    .certification_area .certification_box + .certification_box{float:none;width:auto;margin-top:20px;}
    .certification_area .certification_box{position:static;display:block;}
    .certification_info_box{padding:0 1.5em;}
    .certification_box{padding:150px 15px 25px 15px!important;;background-position:center 30px!important;background-size:90px 90px!important; text-align:center;}
}
/* 회원정보 입력 */
.member_join .join_info_form,
.member_join .additional_info_form,
.member_join .car_info_form,
.member_join .bluelink_form{border-top:1px solid #e4dcd3;}
.member_join .hmc_form .mgb10{margin-bottom:10px;}
.member_join .hmc_form div + .bullet_dot{margin-top:10px;}
.member_join .email_id .input_wrap [class^="text"]{overflow: hidden; display:block; width:100%; height:40px; line-height: 40px;  white-space: nowrap; text-overflow: ellipsis;}
.member_join .hmc_form .radio_set .check_wrap{margin:0;}
.member_join .hmc_form .policy_agree{padding-top:80px; font-size:0.9em;}
.member_join .hmc_form .policy_agree p + p{margin-top:8px;}
.member_join .hmc_form .policy_agree .link{font-size:15px; color:#000; text-decoration: underline;}
.member_join .car_info_form{border-bottom:1px solid #e4dcd3;}
/* 블루링크 서비스 개통정보입력 */
    .input_password_wrap>input{width:40px; height:40px; border:1px dashed #767676; text-align:center;}
    .input_password_wrap>input + input{margin-left:10px;}
/* 차량정보 */
.member_join .mycar_info{width:100%; margin-top:10px;}
.member_join .mycar_info:after{content:''; display: block; clear: both;}
.member_join .mycar_info>*{float:left; line-height:30px; white-space: nowrap;}
.member_join .mycar_info dt{font-family:'TextMedium'; color:#000;}

@media screen and (min-width:768px){
    .member_join .join_info_form,
    .member_join .additional_info_form,
    .member_join .car_info_form,
    .member_join .bluelink_form{margin-top:20px; padding-top:40px;}
    .member_join .email_id .input_btn_wrap{width:100%; max-width:720px;}
    .member_join .hmc_form .ui_table>dl>dd>div>span + span{margin-left:10px;}
    .member_join .hmc_form + .row_title{margin-top:80px; padding-top:0;}

    .member_join .hmc_form .check_set,
    .member_join .hmc_form .radio_set{padding-top:8px; max-width:600px;}
    .member_join .form_btns{padding-top:80px;}
    /* select + input */
    .member_join .select_input_set{}
    .member_join .select_input_set .select_wrap{width:190px;}
    .member_join .select_input_set .input_wrap{width:calc(100% - 200px); min-width:inherit;}
    /* 부가정보 */
    .additional_info_form .input_set .input_wrap{width:190px; min-width:inherit !important;}
    .additional_info_form .input_set>*:first-child{width:calc(100% - 200px)}
    /* 차량정보 */
    .member_join .car_info_form{padding-bottom:40px;}
    .member_join .car_info_form .select_wrap,
    .member_join .car_info_form [class^="btn_"]{min-width:140px !important;}
    .member_join .car_info_form .select_input_set .select_wrap{width:140px;}
    .member_join .car_info_form .select_input_set .input_wrap{width:calc(100% - 150px); min-width:inherit;}
    .member_join .car_info_form .input_wrap{width:calc(100% - 450px); min-width:inherit !important;}
    .member_join .mycar_info>dt{position:relative; padding:0 3% 0 5%;}
    .member_join .mycar_info>dt:first-child{padding-left:0;}
    .member_join .mycar_info>dd + dt:before{content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#e4dcd3;}
    .member_join .mycar_info>dd{width:10%;}
}
@media screen and (min-width:768px) and (max-width:1023px){
    .member_join .hmc_form .ui_table>dl>dt.row2{line-height:1.2;}
    .member_join .hmc_form .ui_table>dl>dt.row2:before{display:none;}
}
@media screen and (max-width:767px){
    .member_join .join_info_form,
    .member_join .additional_info_form,
    .member_join .car_info_form,
    .member_join .bluelink_form{margin-top:10px; padding-top:30px;}
    .member_join .hmc_form + .row_title{margin-top:20px;}
    .member_join .hmc_form .select_wrap,
    .member_join .hmc_form .input_wrap{width:100%; margin-left:0;}
    .member_join .email_id .input_wrap [class^="text"]{max-width:300px;}
    .member_join .hmc_form .ui_table:not(.responsive)>dl>dt{width:30%;}
    /* .member_join .hmc_form .ui_table>dl>dd>div>span + span{margin-top:10px;} */
    .member_join .hmc_form .check_set.ea_05>*:first-child{width:100%;}
    .member_join .car_info_form{padding-bottom:30px;}
    .member_join .mycar_info{padding:20px; border:1px solid #e4dcd3;}
    .member_join .mycar_info dt{width:30%}
    .member_join .mycar_info dd{width:70%}
    .member_join .hmc_form .policy_agree{padding-top:40px;}
    .member_join .hmc_form .policy_agree p{padding-left:30px;}
    .member_join .hmc_form .policy_agree .check_wrap{margin-left:-30px;}
    .member_join .form_btns{padding-top:40px;}
}
/* 이메일 아이디 인증, 변경 */
.email_comfirm{border:1px solid #ece6e0;}
.email_comfirm dd>p:not(.bullet_dot){width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
@media screen and (min-width:768px){
    .email_comfirm{position:relative; padding:40px;}
    .email_comfirm>dl{table-layout:fixed;}
    .hmc_form .email_comfirm{padding-right:40px;}
    .hmc_form .email_comfirm .input_btn_wrap.responsive{width:100%; max-width:inherit;}
    .email_comfirm dt{padding:0;}
    .email_comfirm dt, .email_join dd{line-height:30px; white-space: nowrap;}
    .email_comfirm .ellipsis{padding-right:10px;}
    .email_comfirm .btns{width:250px;}
    .email_comfirm + .form_btns{padding-top:80px;}
}
@media screen and (min-width:768px) and (max-width:1120px){
    .email_comfirm{margin:0 15px;}
    [class*="pd_"] .email_comfirm{margin:0;}
}
@media screen and (max-width:767px){
    .email_comfirm{margin:0 15px; padding:30px 15px;}
    [class*="pd_"] .email_comfirm{margin:10px 0 0 0;}
    .email_comfirm>dl>dt{text-align: center !important;}
    .email_comfirm dd>p:not(.bullet_dot){text-align:center;}
    .email_comfirm .btns{display:block; margin-top:10px;}
    .email_comfirm .btns:after{content:''; display: block; clear: both;}
    .email_comfirm .btns>*{float:right; width:calc(50% - 5px); margin:0;}
    .email_comfirm .btns>*:first-child{float:left;}
    .email_comfirm + .form_btns{padding-top:40px;}
    .email_comfirm .ui-email .email_id .input_wrap{ width: calc( 50% - 12px) }/*210205 add*/
    .email_comfirm .ui-email .email_id .select_wrap {width: 100%; margin-top: 10px}
    .email_comfirm dl dt.text-left{text-align: left !important}

}
/* 법인회원 */
.member_join:not(.member_info) .text_button_bar,
.member_join .ui_table + .panel_gray{margin-top:80px;}
.member_join .text_button_bar .row_title{padding-top:10px;}

.corporation_notice{margin-top:40px; padding-top:30px; border-top:1px solid #e4dcd3}
.corporation_notice .row_title{margin-top:60px;}

/* 210927 add */
/*법인계정등록*/
.recommend_carmaster_wrap .row_title {padding-bottom: 0 !important;}
.recommend_carmaster_wrap .ui_table>dl>dt {vertical-align: top;}
.recommend_carmaster_wrap span.select_wrap, 
.hmc_form .recommend_carmaster span.select_wrap {min-width: 160px;}
.recommend_carmaster_wrap span.select_wrap + span.select_wrap {margin-left: 10px;}

@media screen and (min-width:768px) and (max-width: 1100px){    
    .hmc_form .recommend_carmaster span.select_wrap:not(:last-child),
    .recommend_carmaster_wrap span.select_wrap:not(:last-child) {margin-bottom: 10px;}
}
/* //210927 add */

@media screen and (max-width:767px){

    .member_join:not(.member_info) .text_button_bar,
    .member_join .ui_table + .panel_gray{margin-top:40px;}
    .corporation_notice,
    .corporation_notice .row_title{margin-top:30px;}

    /* 210927 add */
    .recommend_carmaster_wrap .ui_table>dl>dt {padding-top: 0;}  
    .recommend_carmaster_wrap span.select_wrap + span.select_wrap {margin: 10px 0 0;}
    /* //210927 add */     
}

/* 회원정보 광고성 정보 수신동의 */
.agrees-marketing .agrees p { margin-bottom: 10px; }
.agrees-marketing .agrees p.nth-child-2 { margin-top: 10px; }
.agrees-marketing .agrees .radio_set { margin-top: 10px; }

@media (min-width: 768px) {
    .agrees-marketing .agrees p.nth-child-2 { margin-top: 20px; }
    .agrees-marketing .agrees .radio_set { margin-top: 10px; }
}

/* 20180312 이지혜 : 법인회원 가입유형 추가(계정연결,신규가입) */
.certification_area .certification_box.link p,
.certification_area .certification_box.join p {margin:0; line-height:1.2em;}
.certification_area .certification_box.link strong,
.certification_area .certification_box.join strong {display:block; margin:15px 0;}
.certification_area .certification_box.link {background:url(../images/common/img_cerfi_link.png) no-repeat 50px center #f6f3f2;}
.certification_area .certification_box.join {background:url(../images/common/img_cerfi_join.png) no-repeat 50px center #f6f3f2;}
.certification_area .certification_box.join.corporate {background:url(../images/common/img_cerfi_join_corporate.png) no-repeat 50px center #f6f3f2;}

/* 법인 계정 등록 > 가입유형 확인 - 가입 프로세스 */
.corporation_join_step .col {position:relative; text-align:center; padding-bottom:30px; margin-bottom:30px;}
.corporation_join_step .col img {width:100px; height:100px;}
.corporation_join_step .col p {margin-top:15px; font-family:'TextMedium'; color:#000;}
.corporation_join_step .col .ico_arr {position:absolute; left:50%; bottom:0; margin:0 0 -8px -8px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
@media (min-width: 768px) {
    .corporation_join_step {margin-bottom:40px;}
    .corporation_join_step .col {padding:0 10px; margin:0;}
    .corporation_join_step .col .ico_arr {left:auto; bottom:auto; right:-3px; top:42px; margin:0; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@media (min-width: 1024px) {
    .corporation_join_step {margin-bottom:80px;}
    .corporation_join_step .col {padding:0 10px; margin:0;}
    .corporation_join_step .col img {width:200px; height:200px;}
    .corporation_join_step .col p {margin-top:30px;}
    .corporation_join_step .col .ico_arr {top:92px;}
}



/*라디오 버튼, 체크박스 스타일 추가 210126 장미*/
.member_join .radio-con-wrap{ margin-top: 20px }
.member_join .radio-con-wrap .info-txt{ font-size: 16px; color: #000; margin-bottom:8px;font-family: 'TextMedium'; }
.member_join .radio-con-wrap .check_wrap{min-width: 150px}
.member_join .radio-con-wrap .check_wrap label, .check-con-wrap .check_wrap label {font-size: 16px}
.member_join .check-con-wrap .check_wrap{min-width: 150px;display: inline-block;   }

/*약관 내용 스타일 추가*/
.member_join .term_list{}
.member_join .term_list li{margin-bottom: 25px;font-family: "HyundaiSansTextKRR"; line-height:24px;}
.member_join .term_list li:last-child{margin-bottom: 0}
.member_join .term_list li dt{color:#000; margin-bottom:5px;font-family:'TextMedium';}
.member_join .term_list li dd .point{ color: #0083ac}
.member_join .term_list li dd b{color: #666 !important}

@media screen and (max-width: 767px){
.member_join .radio-con-wrap .info-txt{ font-size: 14px;}
.member_join .radio-con-wrap .check_wrap label, .check-con-wrap .check_wrap label {font-size: 14px}
.check-con-wrap .check_wrap{  margin-bottom: 5px; }
.member_join .term_list li {font-size:14px; line-height:20px}
}

/*바로가기 링크 */
a.point_link{ display: inline-block; color: #0083ac; }
a.point_link::after{    content:''; width:8px;height:8px; display:inline-block;    border-right:2px solid #0083ac; border-top:2px solid #0083ac; 
    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); margin-left:5px}


/*법인 회원가입 form*/
.member_join .corporation_mem_form{ margin-top: 30px;padding:30px 0; border-top:  1px solid #e4dcd3; }
.member_join .corporation_mem_form .col-2-type {padding-right: 30px}
.member_join .corporation_mem_form .list_bullet_1em{ font-size: 14px; margin-top: 10px}
.member_join .corporation_mem_form .regular_title {margin-top: 10px; padding-bottom: 20px}

@media screen and (max-width: 767px){
    .member_join .corporation_mem_form{ font-size: 14px; padding: 5px 0; margin-top: 15px }
    .member_join .corporation_mem_form .ui_table.responsive>dl {    margin-top: 20px;}
    .member_join .corporation_mem_form .ui_table.responsive>dl:first-child{margin-top: 5px}
    .member_join .corporation_mem_form .list_bullet_1em {margin-top: 15px}
    .member_join .corporation_mem_form .col-2-type {padding-right: 0; margin-bottom: 20px}
    .member_join .corporation_mem_form .check_set { margin-top: 10px; display: block;}
    .member_join .corporation_mem_form .check_set .check_wrap:first-child{ margin-left: 0 !important; }
    .member_join .corporation_mem_form .ui_table>dl + dl {margin-top: 15px}
    .member_join .corporation_mem_form .regular_title {margin-top: 20px; padding-bottom: 5px}
    .member_join .corporation_mem_form span.post-wrap {    display: flex;}
    .member_join .corporation_mem_form span.post-wrap button{ margin-top: 0;margin-left: 10px; flex-basis: 200px }
    .member_join .corporation_mem_form .post-area.type2 {position: relative;}
    .member_join .corporation_mem_form .post-area.type2 span.check_set {    position: absolute;    top: 0;}
    .member_join .corporation_mem_form .post-area.type2 span.post-wrap {    padding-top: 40px;}
}
/* ============================ [ mypage.css - 마이페이지 ] ============================ */

/* overview * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.mypage_overview .section.centered,
.mypage_overview .section .wrap{position:relative;}
.mypage_overview .sub_title{padding-bottom:0;}
.mypage_overview .sub_title + * ,
.mypage_overview .sub_title + button + * {margin-top:40px;}
.mypage_overview .row_title + *,
.mypage_overview .row_title + button + *  {margin-top:30px;}
.mypage_overview .btn_fold{position:absolute; top:-5px; right:0; width:100%; height:40px; margin-top:0 !important; padding:0; border:0; background:transparent;}
.mypage_overview .btn_fold:after{content:''; position:absolute; top:50%; right:10px; display:inline-block; width:20px; height:20px; margin-top:-10px; background:url(../images/common/ico_pc_20.png) no-repeat -40px -280px;}
.mypage_overview .btn_fold.on:after{background-position:0 -280px;}
.mypage_overview .fold_area{display:none;}
.mypage_overview .btn_fold.on + .fold_area{display:block;}
.mypage_overview .section_btns{margin-top:40px; text-align:center;}
.mypage_overview dt{padding-bottom:15px; font-family:'TextMedium'; color:#000; }





/* 오늘의 알림 */
.mypage_overview .today_notice{border-bottom:1px solid #e6e6e6;}
.mypage_overview .today_notice .row_title{height:60px; padding-bottom:0;}
.mypage_overview .today_notice .row_title:before{content:''; display: inline-block; width:0; height: 100%; vertical-align: middle;}
.mypage_overview .today_notice_list{max-width:800px; margin:0 auto; color:#000;}
.mypage_overview .today_notice_list>li{position:relative; width:100%; padding:8px 15px; line-height:1.3;}
.mypage_overview .today_notice_list>li:after{content:''; display: block; clear: both;}
.mypage_overview .today_notice_list>li>*{float:left;}
.mypage_overview .today_notice_list .num{width:30px;}
.mypage_overview .today_notice_list .date{float:right;}
.mypage_overview .today_notice_list a{ width:calc(100% - 115px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* welcome message */
.mypage_overview .welcome{text-align:center;}
.mypage_overview .welcome .sub_title{line-height: 1.3;}
/* 등록차량 정보 */
.mypage_overview .registered_car{}
    .registered_car .hmc_form{margin:40px 0;}
    .registered_car .loading{margin-top:-40px; height:40px; padding-top:12px;}
    /* 등록차량 정보_차량진단결과 */
    .registered_car .registered_car_info{background:#002c5f; color:#fff;}
    .registered_car .registered_car_info dt{color:#fff;}
    .registered_car .registered_car_info dl{position:relative; display:block; padding:13% 0; font-family:'TextMedium'; color:#fff;}
    .registered_car .registered_car_info a {cursor: text;}
    .registered_car .registered_car_info a.lnk {cursor: pointer;}
    .registered_car .registered_car_info a.lnk dl:after{content:''; position:absolute; top:50%; right:0; width:7px; height:14px; margin-top:-7px; background:url(../images/common/ico_pc_20.png) no-repeat -60px -160px;}
    .registered_car .registered_car_info dl + dl{border-top:1px solid #000;}
    .registered_car .registered_car_info .thumb { text-align: center; background-color: #e4dcd3; }
    .registered_car .recall_info{padding:60px 30px; background:#f6f3f2;}
    /* 등록차량 정보_주행정보 */
    .registered_car .driving_info,
    .registered_car .driving_info dt{color:#fff;}
    .registered_car .driving_info>*{text-align:center;}
    .registered_car .driving_info b{font-size:2em; color:#fff;}
    .registered_car .driving_info p{margin-top:10px;}
    /* 등록차량 정보_소모품현황 */
    .registered_car .consumables_status{position:relative; margin-top:60px;}
    .registered_car .consumables_status dt{color:#000;}
    .registered_car .consumables_status dt>*{vertical-align: middle; margin-left:5px;}
    .registered_car .consumables_status dt [class^="ico_"]{margin-top:2px;}
    .registered_car .consumables_status .col{font-family:'TextMedium'; text-align:center; color:#000;}
    .registered_car .consumables_status .color_chip .col{padding:40px 0; border:1px solid #e6e6e6;}
        .color_chip span:before{content:''; display:inline-block; width:1em; height:1em; margin-right:3px; border-radius: 1em; vertical-align: middle;}
        .color_chip .normal:before{background:#002c5f;}
        .color_chip .repair:before{background:#006992;}
        .color_chip .warning:before{background:#bf1d00;}
    .registered_car .consumables_status p.color_chip span{display:inline-block;}
    .registered_car .consumables_status .col span{display:block;}
    .registered_car .consumables_status .col span:before{width:3em; margin:15px 0;}
    .registered_car .consumables_status .col span b{display:block; font-size:1.8em; font-family:'HeadMedium';}
    /* 등록차량 정보_기타 정보 */
    .mypage_overview .service_info{width:100%; margin-top:60px; color:#000;}
    .mypage_overview .service_info:after{content:''; display: block; clear: both;}
    .mypage_overview .service_info>*{float:right; width:calc(50% - 16px); border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
    .mypage_overview .service_info>*:first-child{float:left;}
    .mypage_overview .service_info .col>*:not(:only-child){float:left; width:calc( (100% - 20px) / 2 );margin-left:20px;}
    .mypage_overview .service_info .col>*:not(:only-child):first-child {margin-left:0;}
    .mypage_overview .service_info>*>*{padding:20px 0;}
    .mypage_overview .service_info .link_group{display:table; width:100%;}
    .mypage_overview .service_info .link_group>*{display:table-cell;}
    .mypage_overview .service_info .link_group.col_2>*{width:50%;}/* 2018-03-16 이지혜 : link_group 여러개일 경우 정렬맞춤 */
    .mypage_overview .service_info [class^="panel"]{height:260px; padding:40px; border:0;}
    .mypage_overview .service_info [class^="panel"]:first-child>*{padding:0;}
    .mypage_overview .service_info [class^="panel"]:not(.bluelink)>*{position:relative; display:block; padding:25px; border:1px solid #e6e6e6; background:#fff;}
    .mypage_overview .service_info [class^="panel"]:not(.bluelink)>a:after{content:''; position:absolute; top:50%; right:25px; width:7px; height:14px; margin-top:-7px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -160px;}
    .mypage_overview .service_info [class^="panel"]:not(.bluelink)>* + *{margin-top:10px; font-size:1.2em; font-family:'HeadMedium'}
    .mypage_overview .service_info [class^="panel"]:first-child>*{min-height:180px;}

    .mypage_overview .service_info.is-empty .panel_gray.cell-a { display: none; } /* 등록 차량 없을 경우 */
    .mypage_overview .service_info.is-empty .panel_gray.cell-b { float: none; clear: both; width: 100%; }

    .mypage_overview .service_info .bluelink a {cursor: text;} /*20180213 김기용 추가*/
    .mypage_overview .service_info .bluelink a.lnk {cursor: pointer;}

/* 맴버십/포인트 */
.mypage_overview .membership_point {}
    .membership_point .point_info{ background:#e4dbd2; color:#000; text-align: center; }
    .membership_point .point_info dl{position:relative;padding: 20px 0;}
    .membership_point .point_info dt{color:#000;}
    .membership_point .point_info dt small{ display: block; margin-top: 5px; font-family:'TextRegular'; }
    .membership_point .point_info dd {font-size:20px; color:#002c5f; font-family:'HeadMedium'; }
    .membership_point .point_info b { color:#002c5f; font-family:'HeadMedium'; }
    .membership_point .point_info dl:first-child dd,
    .membership_point .point_info dl:first-child b { color:#006992; }
    .membership_point .point_info dl:first-child { position: relative; }
    .membership_point .point_info dl:first-child:before {display:none;}
    .membership_point .point_info dl:before { content: ''; position: absolute; top: 0; left: 30px; right: 30px; height: 1px; background-color: #9f9285; }
    .membership_point .point_list{margin-top:60px;}
    .membership_point .point_linkText {margin-top:15px;}
    .membership_point .point_linkText li {line-height:1.3em; margin-top:10px;}
    .membership_point .point_linkText li:first-child {margin-top:0;}
    .membership_point .point_linkText li .link {margin-left:10px;}
    
    @media screen and (min-width: 768px){
        /* 20180201 함은주, ie버그 수정 */
        .membership_point .point_info{position:relative; display:table; width:100%; height: 120px; table-layout: fixed;}
        .membership_point .point_info>*{display:table-cell; vertical-align: middle; }
        .membership_point .point_info dl{padding: 0;}
        /* .membership_point .point_info dl:first-child {position:static !important;} */
        .membership_point .point_info dt small{ margin-top: 8px; font-size: 14px; }
        .membership_point .point_info dd {font-size:30px; }
        .membership_point .point_info dl:before { top: 27px; left: 0; right: auto; width: 1px; height: 66px; margin-top: 0; }
        .membership_point .point_linkText {margin-top:20px;}
        .membership_point .point_linkText .bullet_dot {display:inline-block; margin-right:20px;}
        .membership_point .point_linkText li .link {display:inline-block;}
    }
/* 나의 활동 내역 */
 .mypage_overview .my_activities{}
    /* 나의 활동 내역_관심차량/견적내역 */
    .my_activities .activity_details{width:100%;}
    .my_activities .slide .ix-list-item>a{height:auto;}
    .my_activities .slide .title{height:auto; padding-bottom:1em; font-size:1.8em; font-family:'HeadMedium';}
    .my_activities .slide .other{height:6em; text-align:left;}
    .my_activities .slide .other p { margin-bottom: 10px; }
    .my_activities .slide p + .link{margin-top:30px;}
    .my_activities .slide .ix-controller{padding:0;}
    .my_activities .slide .ix-thumb:not(.active) .ix-btn{border-color:#fff;}
    .my_activities .slide [class*='_direction'] [class^="ix-btn"]{top:150px;}
    /* 나의 활동 내역_문의/예약 */
    .my_activities .my_reservation{display:table; width:100%; height:150px; margin-bottom:20px; background:url('../../../../../../content/dam/hyundai/kr/ko/images/mypage/my-reservation-bg-pc.jpg') no-repeat 50% 0; color:#fff; table-layout: fixed;}
    .my_activities .my_reservation>*{display:table-cell; vertical-align: middle; text-align: center; font-family:'HeadMedium'; font-size: 20px;}
    .my_activities .my_reservation dt{color:#fff; }
    .my_activities .my_reservation em{display:inline-block; line-height: 50px; border-bottom:1px solid #fff; font-size:58px; color: #fff; }
    .my_activities .my_reservation + [class^="grid_"]>*{padding:40px 0; color:#000; text-align: center; border: 1px #e4dcd3 solid; }
    /* 20180201 함은주, ie버그 수정 */
    .my_activities .my_reservation { position: relative; }
    .my_activities .my_reservation dl:first-child::before { position: absolute; content: ''; top: 30px; bottom: 30px; left: 50%; width: 1px; background: rgba(255, 255, 255, .2); }
/* 마이페이지 맵 */
    .mypage_map{margin-top:40px; line-height:28px; letter-spacing: -1px;}
    .mypage_map:after{content:''; display: block; clear: both;}
    .mypage_map>li{float:left; width:20%;}
    .mypage_map ul{padding-bottom:15px; font-size:14px; color:#000;} /*margin-top:10px;*/
    .mypage_map a{text-decoration: underline;}
    .mypage_map .on{color:#006992;}
    .mypage_map .list_bullet_dash{color:#626262;}

/* 블루링크 응급구호정보 */
.mycar_detail_info{margin-bottom:10px; font-size:14px;}
.mycar_detail_info>dl{/*padding-bottom:40px;*/} /*20180213 김기용 삭제*/
.mycar_detail_info>dl>dt{position:relative; padding:16px 50px 16px 20px; background:#ece6e0; font-family:'TextMedium'; color:#000; line-height:1.3;}
.mycar_detail_info>dl>dt span:not(.select_wrap){position:absolute; top: 50%; right:20px; margin-top: -9px; }
.mycar_detail_info>dl>dt span.selectBox-label { position: static; margin-top: 0; }
.mycar_detail_info>dl>dt span.selectBox-arrow { right: auto; }
.mycar_detail_info>dl>dd{padding-top:20px;}
.mycar_detail_info>dl>dd:after{content:''; display: block; clear: both;}
.mycar_detail_info .ui_table>dl>dt{width:35%; padding-left:10px;}
.mycar_detail_info .ui_table>dl>dt:after{content:'· '; position:absolute; top:50%; left:0; margin-top:-7px;}
.mycar_detail_info>dl + div{padding-top:20px; border-top:1px solid #ece6e0;}
.mycar_detail_info>dl + .ui_paging {border-top: none;}/*201013 장미 add*/
.mycar_detail_info [class$="_btns"]{clear:both; padding:40px 0 0;}
.layer_cont .mycar_detail_info{overflow:hidden; overflow-y:auto; max-height:420px;}

@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */

    /* 오늘의 알림 */
    .mypage_overview .today_notice .btn_fold{width:100%; height:60px; top:0;}
    .mypage_overview .today_notice .fold_area{padding-bottom:40px;}
    /* 등록차량 정보 */
    .registered_car .registered_car_info{display:table; width:100%; table-layout: fixed;}
    .registered_car .registered_car_info>*{display: table-cell; width:50%; vertical-align: middle;}
    .registered_car .registered_car_info>div{padding:0 5%;}
    .registered_car .registered_car_info .img_wrap {max-width:399px;margin:0 auto;}
    .registered_car .registered_car_info .img_wrap img {width:100%;}
    .registered_car_info + .driving_info{margin-top:60px;}
    .registered_car .consumables_status .layer_tooltip{bottom:106%; left:78px;}
    .registered_car .consumables_status p.color_chip{position:absolute; top:0; right:0;}
    .registered_car .consumables_status p.color_chip span + span{margin-left:20px;}
    /* 20180201 함은주, 마이페이지 TEST */
    .registered_car .driving_info{display:table; width:100%; height:180px; background:url(../images/common/bg_driving_info_pc.jpg) no-repeat 50% 50%; color:#fff; table-layout: fixed;}
    .registered_car .driving_info>*{display:table-cell; vertical-align: middle;}
    /* 나의 활동 내역 */
    .my_activities .activity_details:after{content:''; display: block; clear: both;}
    .my_activities .activity_details>*{float:right; width:calc(50% - 16px);}
    .my_activities .activity_details>*:first-child{float:left;}
    .my_activities .slide .pic { height: 300px; line-height: 300px; background-color: #f6f3f2; }
    .my_activities .slide .pic img { max-width: 300px; }
    /* 응급구호정보 */
    .mycar_detail_info .ui_table{float:right; width:calc(50% - 5px); margin-top:0 !important;}
    .mycar_detail_info .ui_table:nth-of-type(odd){float:left;}
    .mycar_detail_info .ui_table:only-child{width:100%;}
    /* 리콜서비스 */
    .registered_car .recall_info dd {display: inline-block;/* width: 49.5%; */} /* 200213 edit */
    .registered_car .recall_info dd + dd {margin-top:10px; padding-top:10px; width:100%; border-top:1px solid #ccc; } /* 200218 add */

}
.my_activities .slide .ix-thumbs{position:absolute; top: 41%; left:0; right:0; z-index: 1;}
@media screen and (min-width: 350px){
    .my_activities .slide .ix-thumbs{top: 44%;}
}
@media screen and (min-width: 390px){
    .my_activities .slide .ix-thumbs{top: 47%;}
}
@media screen and (min-width: 450px){
    .my_activities .slide .ix-thumbs{top: 50%;}
}
@media screen and (min-width: 500px){
    .my_activities .slide .ix-thumbs{top: 53%;}
}
@media screen and (min-width: 768px) and (max-width: 1119px){
    /* 768이상 1120미만 tablet & pc */
    .mypage_overview .today_notice .row_title{padding-left:15px;}
}
@media screen and (min-width: 768px) and (max-width: 940px){
    /* 768이상 940미만 tablet */

    .mypage_overview .service_info{font-size:0.9em;}
    .my_activities .slide [class*='_direction'] [class^="ix-btn"]{top:30%;}
}

@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .mypage_overview .section_white{padding-left:0; padding-right:0;}
    .mypage_overview .sub_title + * ,
    .mypage_overview .sub_title + button + * {margin-top:30px;}
    .mypage_overview .row_title + *,
    .mypage_overview .row_title + button + *  {margin-top:20px;}
    .mypage_overview .section_btns{margin-top:30px;}
    /* 오늘의 알림 */
    .mypage_overview .today_notice .row_title{height:50px; padding-left:15px;}
    .mypage_overview .today_notice .btn_fold{top:0; width:100%; height:50px;}
    .mypage_overview .today_notice .fold_area{margin-top:10px !important; padding-bottom:30px;}
    .mypage_overview .today_notice .section_btns{padding:0 15px;}
    /* 등록차량정보 */
    .registered_car .registered_car_info>div{padding:0 15px;}
    .registered_car .registered_car_info dl{padding:10% 0;} /*20180213 김기용 수정*/
    .registered_car .registered_car_info a{padding:10% 0;}
    .registered_car .registered_car_info .thumb { display: block; }
    .registered_car_info + .driving_info{margin-top:30px;}
    .registered_car .recall_info{padding:30px 15px;}
    .registered_car .consumables_status{margin-top:30px;}
    .registered_car .consumables_status .layer_tooltip{top:30px; left:0; right:0;}
    .registered_car .consumables_status p.color_chip{margin-top:10px; margin-bottom:20px; font-size:13px; letter-spacing:-0.5px;}
    .registered_car .consumables_status p.color_chip span + span{margin-left:5px;}
    .registered_car .driving_info{padding:0 15px; background:url(../images/common/bg_driving_info_mo.jpg) no-repeat 50% 50%; color:#fff; background-size:100%;}
    .registered_car .driving_info>*{padding:30px 0;}
    .registered_car .driving_info>* + *{border-top:1px solid #535356;}
    .registered_car .hmc_form{margin:20px 0 30px;}
    .registered_car .loading{height:30px; padding-top:7px; margin-top:-30px;}
    .registered_car .registered_car_info .img_wrap {max-width:399px;margin:0 auto;}
    .registered_car .registered_car_info .img_wrap img {width:100%;}
    .mypage_overview .service_info{margin-top:30px;}
    .mypage_overview .service_info>*{width:100%;}
    .mypage_overview .service_info>.col + .col{border-top:0;}
    .mypage_overview .service_info>[class^="panel_"] + [class^="panel_"]{/*margin-top:20px;*/} /*20180213 김기용: 주석처리*/
    .mypage_overview .service_info [class^="panel"]{padding:20px; height:auto;}
    .mypage_overview .service_info [class^="panel"]:first-child>* {min-height: auto;padding-bottom: 20px;} /*180213 김기용: 추가*/
    /* 맴버십/포인트 */
    .membership_point .point_list{margin-top:30px;}
    /* 나의 활동 내역 */
    .my_activities .activity_details{margin-bottom:30px;}
    .my_activities .slide .other{height:auto;}
    .my_activities .slide p + .link{margin-top:1em;}
    .my_activities .slide [class*='_direction'] [class^="ix-btn"]{top:35%;}
    .my_activities .my_reservation{height:auto; padding:40px 0; background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/mypage/my-reservation-bg-m.jpg'); background-size:100%;}
    /* 마이페이지 맵 */
    .mypage_map>li{width:50%; padding-bottom:20px;}
    /* 응급구호 정보 */
    .mycar_detail_info .ui_table>dl + dl{margin-top:10px;}
    .mycar_detail_info [class$="_btns"]{padding:20px 0 30px;}
    .mycar_detail_info .ui_table.responsive>dl>dt{width:100%;}
    .mycar_detail_info .ui_table.responsive>dl>dt:after{top:0; margin-top:0;}
    /* 리콜서비스 */
    .registered_car .recall_info dd + dd {margin-top: 15px;border-top: 1px solid #e6e6e6;padding-top: 15px;}
}
@media screen and (max-width: 320px){
    /* 320 이하 mobile */

    .registered_car .consumables_status p.color_chip{font-size:12px;}
    .registered_car .driving_info>*{padding:20px 0;}
    .mypage_overview .service_info .col>*:not(:only-child){width:60%;}
    .mypage_overview .service_info .col>*:first-child:not(:only-child){width:40%;}
    .mypage_overview .service_info .link_group{font-size:0.9em;}
    .mypage_overview .service_info [class^="panel"]:not(.bluelink)>*{padding:20px;}
    .mypage_overview .service_info [class^="panel"]:not(.bluelink)>*:after{right:15px;}
    .my_activities .slide [class*='_direction'] [class^="ix-btn"]{top:32%;}
    .my_activities .my_reservation{padding:20px 0;}
    .my_activities .my_reservation dl:first-child::before { top: 10px; bottom: 10px; }
    .my_activities .my_reservation>* { font-size: 14px; }
    .my_activities .my_reservation em{font-size:3em; line-height: 40px;}
}

/* @design 20180126 서수연 디자인요청에 의한 마이페이지 index css 수정 */
.mypage_overview .registered_car{ background: #f6f3f2; }
.mypage_overview .registered_car .sub_title { padding: 25px 0 25px 30px; }
.mypage_overview .registered_car .fold_area { margin-top: 0; padding: 0 30px 10px 30px; }
.mypage_overview .registered_car .select_wrap { background-color: #fff; }
.mypage_overview .registered_car .hmc_form { margin: 20px 0; }
.mypage_overview .registered_car .btn_fold { top: 0px; width: 80px; height: 80px; }
.mypage_overview .registered_car .btn_fold::after { right: 50%; margin-right: -10px; }
.mypage_overview .section_div { margin-top: 2px; background-color: #f6f3f2; border: 0; }
/*.mypage_overview .section_div ~ .section_div{ margin-top: 2px; }*/
.mypage_overview .section_div .sub_title { margin: -15px 0; padding-left: 30px; }
.mypage_overview .section_div .btn_fold { top: -25px; width: 80px; height: 80px; }
.mypage_overview .section_div .btn_fold::after { right: 50%; margin-right: -10px; }
.mypage_overview .section_div .fold_area { padding: 0 30px; }
.mypage_overview .service_info [class^="panel"] { padding: 20px 0; }
.mypage_overview .my_activities .slide .pic { background-color: #fff;}
.mypage_overview .my_activities .slide .ix-thumb:not(.active) .ix-btn { border-color: #726e69; }
.mypage_overview ul.grid_col_04 {  } /*margin-left: 30px; margin-right: 30px; width: calc(100% - 60px) */
@media screen and (max-width: 767px){
    .mypage_overview .registered_car .sub_title { padding: 16px 15px 15px 15px; }
    .mypage_overview .registered_car .fold_area { padding: 0 15px 30px 15px; }
    .mypage_overview .registered_car .hmc_form { margin: 20px 0; }
    .mypage_overview .registered_car .btn_fold {width:60px;height:60px;}
    .mypage_overview .section_div { margin-top: 2px; }
    .mypage_overview .section_div .sub_title { margin: -15px 0; padding-left: 0; }
    .mypage_overview .section_div .fold_area { padding: 0; }
    .mypage_overview .section_div .btn_fold {width: 60px;height: 60px;top: -15px;right:-15px;}
    .mypage_overview .service_info [class^="panel"] { padding: 20px 0; }
    .mypage_overview ul.grid_col_04 { margin-left: 0; margin-right: 0; width: 100%; }
    .mypage_overview .registered_car .selectBox-options li a {padding:0 10px;letter-spacing:-0.5px;}
    .mypage_overview .my_activities .slide .pic { padding: 40px 20px; }
}
@media screen and (max-width: 1119px) and (min-width: 768px){
    .mypage_overview .registered_car .sub_title {padding-left: 45px;}
    .mypage_overview .registered_car .btn_fold {right:14px;}
}

/* 개인정보 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* 나의 활동 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*  나의 견적 내역 */
.mypage .mypage_car_list > li+li{margin-top:20px;}
.mypage .mypage_car_info .img_info_wrap{display:table; width:100%;padding:60px 40px;background:#f6f3f2;}
.mypage .mypage_car_info .img_info_wrap>*{display:table-cell;}
.mypage .mypage_car_info .img_info_wrap .img{position:relative;width:440px; vertical-align: bottom;}
.mypage .mypage_car_info .img_info_wrap .img [class^="ui_tab_"]{position:relative;padding-bottom:60px;}
.mypage .mypage_car_info .img_info_wrap .img [class*="tab_menu"]{position:absolute;left:0;right:0;bottom:0; overflow:hidden; width:100%;}
.mypage .mypage_car_info .img_info_wrap .img [class*="tab_menu"]:after{content:''; display: block; clear: both;}
.mypage .mypage_car_info .img_info_wrap .img [class*="tab_menu"][class*="_03"]>li{float:left; width:50%; min-width:inherit; margin:0;}
.mypage .mypage_car_info .img_info_wrap .img [class*="tab_menu"][class*="_03"]>li:not(.on){background:#e4dcd3;}
.mypage .mypage_car_info .img_info_wrap .info{padding-left:40px;vertical-align:bottom;}
.mypage .mypage_car_info .img_info_wrap .info .dl_text_cont{margin-top:30px;}
.mypage .mypage_car_info .img_info_wrap .sub_title{position:relative;}
.mypage .mypage_car_info .img_info_wrap .btns{padding-top:80px;}
/*카탈로그 신청내역*/
.mypage .mypage_catalogue_list{position:relative; width:100%; padding-top:20px; padding-bottom:80px;}
.mypage .mypage_catalogue_list:after{content:''; display: block; clear: both;}
.mypage .mypage_catalogue_list>li{margin-top:40px; float:left; margin-left:30px;}
.mypage .mypage_catalogue_list>li .name{display:block; padding-top:10px; font-size:20px;font-family:'HeadMedium'; }
.mypage .mypage_catalogue_list .mypage_catalogue_info dl{overflow:hidden;margin-top:10px;color:#000;}
.mypage .mypage_catalogue_list .mypage_catalogue_info dt{float:left;width:50%;margin-top:10px;font-weight:bold;}
.mypage .mypage_catalogue_list .mypage_catalogue_info dd{float:right;width:50%;margin-top:10px;text-align:right;}
.mypage .mypage_catalogue_list .mypage_catalogue_info dd .action{display:inline-block;vertical-align:middle;}
.mypage .mypage_catalogue_list .mypage_catalogue_info dd .action+.action{margin-left:10px;}
.mypage .mypage_catalogue_list .mypage_catalogue_info dd button.action{color:#006992;text-decoration:underline;}
.mypage .mypage_catalogue_list>li .btns{margin-top:20px;}
.mypage .mypage_catalogue_list>li .btns [class^="btn_"]{position:relative;display:block; width:100%; margin:5px 0 0 0;text-align:left;}
.mypage .mypage_catalogue_list>li .btns [class^="btn_"] [class^="ico_"] {position: absolute;top: 50%;right: 20px;margin-top: -8px;}
/* 예약내역 테이블*/
.mypage .data_table .closed + tr{display:none;}
.mypage .data_table .opened td{font-family:'TextMedium'; color:#000; background:#f6f3f2; border-color:#f6f3f2;}
.mypage .data_table .opened td{font-family:'TextMedium'; color:#000; background:#f6f3f2; border-color:#f6f3f2;}
.mypage .data_table .opened + tr td{padding:0; background:#f6f3f2; border-left-color:#f6f3f2;}
.mypage .table_more{padding:0;}
.mypage .table_more .btn{position:relative; width:100%; height:100%; padding-right:50px; text-align:center;}
.mypage .table_more .btn .ico{position:absolute; top:0; right:0; bottom:0; width:50px; border-left:1px solid #e4dcd3;}
.mypage .table_more .btn .ico:after{content:''; position:absolute; width:20px; height:20px; top:50%; left:50%; margin:-8px 0 0 -8px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -300px;}
.mypage .opened .table_more .btn{border-left-color:#f6f3f2;}
.mypage .opened .table_more .btn .ico{border-left:0;}
.mypage .opened .table_more .btn .ico:after{background-position:-20px -300px;}
.mypage .data_table .section{padding:20px 5% 40px;}
.mypage .data_table .img_info_wrap{display:table; width:100%;table-layout:fixed;}
.mypage .data_table .img_info_wrap>*{display:table-cell; width:50%; vertical-align: middle;}
.mypage .data_table .img_info_wrap .link.text_warning{text-decoration:underline;}
.mypage .data_table .info{padding-left:20px;}
.mypage .data_table .sub_title{position:relative; padding-bottom:20px;}
.mypage .data_table .btns{padding-top:50px;}
.mypage .data_table .person_info_wrap{border-top:1px solid #e4dcd3;}
.layer_ci_title{margin:10px 0 20px;padding-bottom:20px;border-bottom:1px solid #000;}
.layer_ci_title strong{font-weight:bold;color:#000;font-size:1.2em;margin-left:10px;}
.layer_minimap {margin-top:30px;}
.layer_minimap + .dl_text_cont{padding:30px 0 ;margin-top:30px;border-top:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;}
.program_car{position: relative;height: 150px;margin-bottom:20px;padding: 15px 15px 15px 250px;background: #f6f3f2;}
.program_car .thumb{position:absolute; top:0; left:0;}
.email_form {padding:20px 0 30px;}
.email_form em{margin-right:10px;color:#000;font-size:1em;font-weight:bold;}
.email_form span.text{display:inline-block;margin:5px 0;}
.email_form > div{margin-top:10px;}
@media screen and (min-width:1024px) and (max-width:1119px){
    .mypage .data_table .img_info_wrap{padding:0 45px;}
}
@media screen and (min-width: 1024px){
    /*카탈로그 신청내역*/
    .mypage .mypage_catalogue_list>li{width:calc((100% - 90px) / 4);}
    .mypage .mypage_catalogue_list>li:nth-child(4n+1){clear:both; margin-left:0;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
    /* 나의 견적 내역 */
    .mypage .mypage_car_info .img_info_wrap{padding:30px 20px;;}
    .mypage .mypage_car_info .img_info_wrap .img{width:40%;}
    .mypage .mypage_car_info .img_info_wrap .info{padding-left:20px;}
    .mypage .mypage_car_info .img_info_wrap .btns{padding-top:40px;}

    /*카탈로그 신청내역*/
    .mypage .mypage_catalogue_list>li{width:calc((100% - 60px) / 3);}
    .mypage .mypage_catalogue_list>li:nth-child(3n+1){clear:both; margin-left:0;}

    /* 예약내역 테이블*/
    .mypage .data_table .section{padding:20px 15px 40px;}
    .mypage .data_table .btns{padding-top:30px;}
}
@media screen and (min-width:768px){

    .mypage .mypage_car_info .ui_tab_01 .tab_cont{padding-top:40px;}
    .mypage .data_table .person_info_wrap{padding-top:30px;margin-top:20px;border-top:1px solid #e4dcd3;}
    .mypage .data_table .person_info_wrap .dl_text_cont {overflow:hidden;}
    .mypage .data_table .person_info_wrap .dl_text_cont dl{float:left;width:50%;margin-top:10px;}
    .mypage .data_table .person_info_wrap .dl_text_cont dl.last{width:100%;}
    .mypage .data_table .person_info_wrap .dl_text_cont dl.last dt{width:15%;}
}
@media screen and (max-width: 767px){
    /* 나의 견적 내역  */
    .mypage .mypage_car_info .img_info_wrap{display:block; padding:0 0 30px;}
    .mypage .mypage_car_info .img_info_wrap>*{display:block; }
    .mypage .mypage_car_info .img_info_wrap .img{width:auto;}
    .mypage .mypage_car_info .img_info_wrap .info .dl_text_cont{width:100%;}
    .mypage .mypage_car_info .img_info_wrap .info{padding:0 15px; margin-top:30px;}
    .mypage .mypage_car_info .img_info_wrap .btns{padding-top:40px;}
    .mypage .mypage_car_info .ui_tab_01 .tab_cont{padding-top:30px;}

    /*카탈로그 신청내역*/
    .mypage .mypage_catalogue_list{padding:20px 15px 40px;}
    .mypage .mypage_catalogue_list>li{width:auto;margin-top:20px;}
    .mypage .mypage_catalogue_list>li:nth-child(2n+1){clear:both; margin-left:0;}

    /* 예약내역 테이블*/
    .mypage .table_more .btn{padding-right:30px;}
    .mypage .table_more .btn .ico{width:30px;}
    .mypage .data_table .section{padding:35px 0;}
    .mypage .data_table .img_info_wrap{display:block; padding:0;}
    .mypage .data_table .img_info_wrap>*{display:block; width:100%;}
    .mypage .data_table .info{padding:0 15px; margin-top:30px;}
    .mypage .data_table .btns{padding-top:40px;}
    .windows_phone .mypage .data_table  img{width:100%;}
    .mypage .data_table .person_info_wrap{padding:15px 0 0;margin:15px 15px 0;border-top:1px solid #e4dcd3;}
    .mypage .data_table .person_info_wrap .dl_text_cont {margin-top:20px;}

    .program_car{height:auto;padding:0;}
    .program_car .thumb{position:static;}
    .program_car .thumb img{width:100%;}
    .program_car  > div{padding:20px 15px;}
}
@media screen and (max-width: 600px){
    /*카탈로그 신청내역*/
    .mypage .mypage_catalogue_list{padding:20px 15px 40px;}
    .mypage .mypage_catalogue_list>li{float:none;width:100%;margin-top:20px;margin-left:0;}
    .mypage .mypage_catalogue_list .mypage_catalogue_info dt{clear:both;float:left;width:100px;}
    .mypage .mypage_catalogue_list .mypage_catalogue_info dd{float:left;text-align:left;}
}
@media screen and (max-width: 320px){
    /* 320 이하 mobile  */

    .mypage .table_more .btn{padding-right:25px;}
    .mypage .table_more .btn .ico{width:25px;}
}
/* 나의견적내역 */
.mypage .my_fav{}
.mypage .my_fav .notice, .mypage .event .notice{color: #000;}
.mypage .event .notice ~ .notice{ margin-top: 15px }/* 210203 장미 add */
.mypage .my_fav .notice::before, .mypage .event .notice::before{content: '';display: inline-block;width: 2px;height: 2px;background: #000;margin-right: 5px;vertical-align: middle;}
.mypage .my_fav .image_board > li{position: relative; }
.mypage .my_fav .image_board .info, .mypage .event .image_board .info{padding-top: 0;}
.mypage .my_fav .image_board .link_list{margin-top: -20px;padding-top: 0;}
.mypage .my_fav .image_board a.link{width: 49%;padding-left: 0;margin-top: 20px;}
.mypage .my_fav .image_board a.link::before{display: none;}
.mypage .my_fav .image_board a.link span:after{display:none;}
.mypage .my_fav .image_board a.link span:first-child {padding-right:10px;}
.mypage .my_fav .image_board .btn_del_cir{position: absolute;top: 10px;right: 10px;}
.mypage .my_fav .image_board .title{height: auto;max-height: 3em;}
.mypage .my_fav .image_board picture { display: block; height: 230px; line-height: 230px; overflow: hidden; text-align: center; }
.mypage .my_fav .image_board picture img { width: auto; }
/* 시승 신청내역 */
.mypage .my_test_drive .drive_list_btn{padding: 30px 0 29px;border-bottom: 1px solid #e4dcd3;text-align: right;}
.drive_list_btn .link{margin-left: 50px;}
.mypage .my_test_drive [class^="ico_drive_"]{background-image:url(../images/common/sp_mypage_drive.png); background-repeat:no-repeat;}
.mypage .my_test_drive [class^="ico_drive_"][class*="_car"]{width:22px; height:19px; background-position:0 -39px;}
.mypage .my_test_drive [class^="ico_drive_"][class*="_reg"]{width:18px; height:21px; background-position:0 -109px;}
.mypage .my_test_drive [class^="ico_drive_"][class*="_guide"]{width:24px; height:20px; background-position:0 -176px;}
.pop_test_drive{}
.pop_test_drive .align_center{color: #000;line-height: 1.8;}
.pop_test_drive .data_table{margin-top: 60px;}
/* 이벤트신청내역 */
.mypage .event .image_board .info{margin-top: 0; height:auto !important;}
.mypage .event .image_board > li{height: 467px;}
.mypage .event .image_board .btn_event_cancel {position:absolute; left:0; top:0;}
@media screen and (min-width:900px) and (max-width:1023px){
    .mypage .event .image_board > li{height: 558px;}
}
/* qna */
.mypage .enquiry{}
/* 20180126 함은주, 답변영역 첨부파일 추가 */
.mypage .enquiry .question .img, .mypage .enquiry .answer .img {padding:40px 0;}
.mypage .enquiry .question .dl_text_cont.responsive>dl>dt:before, .mypage .enquiry .answer .dl_text_cont>dl>dt:before{display: none;}
.mypage .enquiry .question .dl_text_cont.responsive>dl>dt{width: 10%;}
.mypage .enquiry .question .dl_text_cont.responsive>dl>dd a.link{text-decoration: underline;}
.mypage .enquiry .question .area_btn{padding-top:10px;}
.mypage .enquiry .question .dl_text_cont + .area_btn{padding-top:50px;}
.mypage .enquiry .enquiry_mo_title{display: none;}
.mypage .enquiry .answer{background-color: #e4dcd3;padding:  40px 5%;}
.mypage .enquiry .question .dl_text_cont.responsive>dl>dd, .mypage .enquiry .answer .dl_text_cont>dl>dd{color: #000;}
@media screen and (max-width:767px){
    /* 나의견적내역 */
    .mypage .my_fav{}
    .mypage .my_fav .image_board > li{}

    /* 이벤트신청내역 */
    /* dl text contents */
    .mypage .event .image_board > li{height: auto;}
    .mypage .event .dl_text_cont.responsive>dl, .mypage .enquiry .dl_text_cont.responsive>dl{display:table;}
    .mypage .event .dl_text_cont.responsive>dl>*, .mypage .enquiry .dl_text_cont.responsive>dl>*{display:table-cell;}
    .mypage .event .dl_text_cont.responsive>dl>dt{width: 30% !important;}
    /* 시승 신청내역 */
    .mypage .my_test_drive .drive_list_btn{padding: 0;border-bottom: none;text-align: left;}
    .mypage .my_test_drive .drive_list_btn .section{}
    .drive_list_btn .link{display: block;padding: 15px 0 15px 28px;margin-left: 0;border-bottom: 1px solid #e4dcd3;}
    .mypage .my_test_drive [class^="ico_drive_"]{-webkit-background-size: 18px 98px;background-size: 18px 98px;}
    .mypage .my_test_drive [class^="ico_drive_"][class*="_car"]{width:17px; height:15px; background-position:0 0;}
    .mypage .my_test_drive [class^="ico_drive_"][class*="_reg"]{width:14px; height:16px; background-position:0 -34px;}
    .mypage .my_test_drive [class^="ico_drive_"][class*="_guide"]{width:18px; height:15px; background-position:0 -68px;}
    .mypage .my_test_drive .ui_accordion_table .multiline, .mypage .enquiry .ui_accordion_table .multiline { height: 40px;overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; text-overflow:ellipsis; }
    .pop_test_drive .data_table{margin-top: 20px;}
    /* qna */
    .mypage .enquiry .question .dl_text_cont.responsive{padding: 30px 15px 0;}
    .mypage .enquiry .ui_accordion_table .content{padding:0 15px ;}
    .mypage .enquiry .question .dl_text_cont.responsive + .area_btn{padding-top:30px;}
    .mypage .enquiry .enquiry_mo_title{display: block;padding: 0 15px 15px;font-size: 14px;}
    .mypage .enquiry .answer{background-color: #e4dcd3;padding:  30px 15px;}
    .mypage .enquiry .answer .dl_text_cont>dl>dd{color: #000;}

    .mypage .my_fav .image_board picture { height: auto; line-height: 1.2; }
}

/* qna 게시판 목록 말줄임 설정 */
.mypage .enquiry .ui_accordion_table .ellipsis { display: block; height: auto; width: 99%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; -webkit-line-clamp:1;}
@media screen and (max-width: 767px) {
    .mypage .enquiry .ui_accordion_table .ellipsis { display: block; height: auto; width: 99%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; -webkit-line-clamp:1;}
}



/* 내차정보 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.layer_cont .certification_area .certification_box{float:none;width:auto;margin-top:10px;padding:50px 50px 50px 220px;}
.layer_cont .certification_area .certification_box.ipin {background:url(../images/common/img_cerfi_ipin.png) no-repeat 50px center #f6f3f2;}
.layer_cont .certification_area .certification_box.phone {background:url(../images/common/img_cerfi_phone.png) no-repeat 50px center #f6f3f2;}
.hmc_form .row_title{padding:0 0 10px 0;}

.mycar_detail_info.car_info_wrap>dl>dt{padding-right:110px;}
.mycar_detail_info.car_info_wrap>dl + dl {margin-top:40px;}
.mycar_detail_info.car_info_wrap .dl_text_cont>dl{overflow:hidden;}
.mycar_detail_info.car_info_wrap .dl_text_cont>dl>dt{float:left;width:20%; padding-left:10px;line-height:40px;}
.mycar_detail_info.car_info_wrap .dl_text_cont>dl>dd:not(.btns){float:left; width:80%;}
.mycar_detail_info.car_info_wrap .dl_text_cont>dl>dt:after{display:none;}
.mycar_detail_info.car_info_wrap .dl_text_cont>dl>dd .text{margin:6px 0;}
.mycar_detail_info.car_info_wrap .icon_car{display:inline-block;margin-right:10px; width:24px;height:17px;background:url(../images/common/icon_car01.png) no-repeat center center;vertical-align:middle;}
.user_add_result{margin-top:40px;padding-top:40px;text-align:center;border-top:1px solid #e4dcd3;}
.my_car_list .check_wrap>input[type="checkbox"]:checked + label:after{left:22px;top:50%; margin-top:-9px;}

@media screen and (min-width: 1080px){
    .mycar_detail_info>dl>dd>.dl_text_cont{float:right; width:calc(50% - 5px); margin-top:0 !important;}
    .mycar_detail_info .dl_text_cont:first-child{float:left;}
}
@media screen and (min-width: 768px){
    .member_info .ui_table .text_button_bar{padding-right:260px;}
    .member_info .ui_table .text_button_bar>[class*="btn"]{float:none; width:250px;}
    .member_info .email_area .text_button_bar p{line-height:40px;}
    .member_info .email_area .text_button_bar .bullet_dot:before{top:20px}

    .mycar_detail_info.car_info_wrap .btns button{min-width:85px;}
    .mycar_detail_info.car_info_wrap .dl_text_cont+.dl_text_cont dl{position:relative;}
    .mycar_detail_info.car_info_wrap .dl_text_cont+.dl_text_cont dd:not(.btns){padding-right:190px;}
    .mycar_detail_info.car_info_wrap .dl_text_cont+.dl_text_cont dd.btns{position:absolute;right:0;top:0;}
}
@media screen and (max-width: 767px){

    .member_info .text_button_bar .input_wrap{margin-bottom:10px;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl{position:relative;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl>dt{width:35%;}
    .mycar_detail_info>dl>dt span{right:15px;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl>dd:not(.btns){width:65%;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl dd.btns{position:static;width:100%;float:left;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl dd.btns :only-child {width:100%;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl>dd .text{margin:9px 0;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl dd.btns button{float: left;width: calc(50% - 5px);margin-top: 0;padding: 0;}
    .mycar_detail_info.car_info_wrap .dl_text_cont>dl dd.btns button:last-child{float:right;}
    .my_car_list .check_wrap>input[type="checkbox"]:checked + label:after{left:11px;}
}
@media screen and (max-width: 320px){
    .mycar_detail_info>dl>dt{padding-left:10px;}
    .mycar_detail_info>dl>dt span{right:10px;}
}

/* 20180104 박순길, 버튼 추가  */
.mycar_detail_info.car_info_wrap dt .holder { display: inline; }
.mycar_detail_info.car_info_wrap em { color: #000; font-weight: normal; white-space: nowrap; font-weight: normal; }
.mycar_detail_info.car_info_wrap dt .btn_sm_primary { margin-left: 10px; }
@media (max-width: 767px) {
    .mycar_detail_info.car_info_wrap dt .holder { display: block; }
    .mycar_detail_info.car_info_wrap dt .btn_sm_primary { margin-top: 10px; margin-left: 0; }
}

/* 내차정보 수정 : 2018-08-22 이지혜 */
.mycar_detail_info.car_info_wrap.ui_accordion {border:0 none; margin:0;}
.mycar_detail_info.car_info_wrap.ui_accordion>dl + dl {margin-top:0;}
.mycar_detail_info.car_info_wrap.ui_accordion>dl>dt {position:relative; padding:16px 220px 16px 20px; border-top:2px solid #fff;}
.mycar_detail_info.car_info_wrap.ui_accordion>dl>dt button:not(.link) {width:79px; height:100%;}
.mycar_detail_info.car_info_wrap.ui_accordion>dl>dt button:not(.link):after {top:50%; right:50%; margin:-10px -10px 0 0;}
.mycar_detail_info.car_info_wrap.ui_accordion>dl>dt button:not(.link):before {position:absolute; left:0; top:0; display:block; content:''; width:1px; height:100%; background:#fff;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder {display: inline-block; width:245px; margin-right:10px; vertical-align:middle;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder span {position:relative; top:auto; right:auto; margin:0;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder em {color: #000; font-weight: normal; white-space:normal;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap {display:inline-block;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap [class^="btn_sm_"]:first-child {margin-left:0;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap .btn_sm_secondary {min-width:0; width:70px;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set {position:absolute; top:50%; right:116px; margin:-9px 0 0; }
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set .link {width:auto; height:auto; padding:0;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set .link:after {display:none;}
.mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set .link .ico_arr {margin-left:5px;}
.mycar_detail_info.car_info_wrap.ui_accordion>dl>dd {padding:20px 0 40px; border:0 none;}
.mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl{overflow:hidden;}
.mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dt{float:left;width:20%; padding-left:10px;line-height:40px;}
.mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dd:not(.btns){float:left; width:80%;}
.mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dt:after{display:none;}
.mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dd .text{margin:6px 0;}
.mycar_detail_info.car_info_wrap.ui_accordion .icon_car{display:inline-block;margin-right:10px; width:24px;height:17px;background:url(../images/common/icon_car01.png) no-repeat center center;vertical-align:middle;}
.data_table .myCar_TdBtns .btnWrap {display:inline-block; width:80%; margin-left:1em; text-align:center;}
.data_table .myCar_TdBtns .btnWrap [class^="btn_sm_"] {min-width:46%;}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .mycar_detail_info.car_info_wrap.ui_accordion>dl>dt {padding-right:190px;}
    .mycar_detail_info.car_info_wrap.ui_accordion>dl>dt button:not(.link) {width:59px;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set {right:80px;}
    .mycar_detail_info.car_info_wrap.ui_accordion .btns button{min-width:85px;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont+.dl_text_cont dl{position:relative;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont+.dl_text_cont dd:not(.btns){padding-right:190px;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont+.dl_text_cont dd.btns{position:absolute;right:0;top:0;} 
}
@media screen and (max-width: 767px){
    .mycar_detail_info.car_info_wrap.ui_accordion>dl>dt {padding:15px;}
    .mycar_detail_info.car_info_wrap.ui_accordion>dl>dt button:not(.link) {width:34px; height:50px; padding:0;}
    .mycar_detail_info.car_info_wrap.ui_accordion>dl>dt button:not(.link):before {top:12px; height:26px;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder { display: block; width:auto; padding-right:140px; margin:0;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder em {display:block;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap {display:block; margin:10px 0 0 0;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap:after {clear:both; display:block; content:'';}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap .btn_sm_primary {width:100%; margin:0;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap .btn_sm_secondary { margin:5px 0 0; float:left; width:49%;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_btnWrap .btn_sm_secondary:nth-child(3) { float:right;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set {top:16px; right:47px; margin:0;}
    .mycar_detail_info.car_info_wrap.ui_accordion dt .holder_set .link .ico_arr {margin:0;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl{position:relative;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dt{width:35%;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dd:not(.btns){width:65%;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl dd.btns{clear:both; position:static;width:100%;padding:0 10px;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl dd.btns :only-child {width:100%;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl>dd .text{margin:9px 0;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl dd.btns button{float: left;width: 49%;margin-top: 0;padding: 0;}
    .mycar_detail_info.car_info_wrap.ui_accordion .dl_text_cont>dl dd.btns button:last-child{float:right;}
    .data_table .myCar_TdBtns .btnWrap {display:block; width:100%; margin:0;}
    .data_table .myCar_TdBtns .btnWrap [class^="btn_sm_"] {min-width:100px; margin:5px 0 0;}
}


/* 멤버십/포인트 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 카드관리 */
.mycard .section_wide_bdb{padding: 30px 0 29px;border-bottom: 1px solid #e4dcd3;}
.mycard .section_wide_bdb .section.centered{text-align: right;}
.mycard .section_wide_bdb button + button{margin-left: 30px;}
.mycard [class^="ico_"]{
    margin-right: 11px;
    background-image: url(../images/common/sp_card.png);
}
.mycard [class^="ico_"][class*="password"]{
    width: 16px;
    height: 22px;
    background-position: 0 -103px;
}

.mycard [class^="ico_"][class*="reissue"]{
    width: 22px;
    height: 15px;
    background-position: 0 -135px;
}
.mycard .guide_app{padding-top: 10px;color: #000;}
.mycard .guide_app .link{margin-left: 10px;}
.mycard .guide_app .link em{text-decoration: underline;}
.mycard .guide_app + h3{margin-top: 70px;}
.mycard .select_card{margin: -41px 0 20px;text-align: right;}
.mycard .select_card .select_wrap{min-width:250px;text-align: left;}
.layer_popup .section_gray.mycard{margin-top: 30px;padding: 30px;}
@media screen and (max-width:767px){

    /* 카드관리 */
    .mycard .section_wide_bdb{padding: 20px 0 19px;}
    .mycard .section_wide_bdb .section.centered{text-align: center;}
    .mycard .section_wide_bdb button + button{margin-left: 45px;}
    .mycard [class^="ico_"]{
        -webkit-background-size: 26px 75px;
        background-size:  26px 75px;

    }
    .mycard [class^="ico_"][class*="password"]{
        width: 18px;height: 24px;
        background-position: 0 0;
    }
    .mycard [class^="ico_"][class*="reissue"]{
        width: 26px;height: 19px;
        background-position: 0 -28px;
    }
    .mycard .guide_app{padding-top: 0;color: #000;}
    .mycard .guide_app .link{margin:15px 0 0 0;display: block;}
    .mycard .guide_app + h3{margin-top: 60px;}
    .mycard .select_card{margin-top: 0;text-align: left;}
    .mycard .select_card .select_wrap{margin-bottom: 10px;min-width: 100%;text-align: left;}
}
/* 포인트 관리 */
.point_summary .section{padding:40px 0; background:#002c5f; color:#fff;}
.point_summary .section:after{content:''; display: block; clear: both;}
.point_summary dl{float:left; width:20%; min-height:75px;}
.point_summary dt{min-height:45px; font-family: 'TextMedium';}
.point_summary dt small{display: block;}
.point_summary_cont {padding:10px; margin-top:10px !important;}
.point_summary_cont + .point_summary_cont {margin-top: 0 !important;}
.point_summary_cont .page_btns {margin-top:10px;}
.point_summary_cont .page_btns .ico_mall {margin:-4px 0 0 0;}
.point_summary_cont .page_btns .ico_point {margin:-1px 0 0 0;}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .point_summary .section{padding:0 25px;}
    .point_summary dl{display:table; width:100%;}
    .point_summary dl>*{display:table-cell; vertical-align: middle; line-height:1.3}
    .point_summary dd{font-size:1.15em; text-align:right;}
    .point_summary dl:first-child dd{font-size:1.5em;}
    .point_summary dl + dl{border-top:1px solid #000;}
    .point_records .date_search_form{margin-bottom:30px;}
    .point_summary_cont .page_btns .ico_mall,
    .point_summary_cont .page_btns .ico_point {display:none;} /* 200217 add */
    .point_summary_cont .page_btns a {width:100%;} /* 211015 add */ 
    .point_summary_cont .page_btns a + a {margin-top: 10px;} /* 211015 add */    
}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .point_summary .section{max-height: 155px;} /* 200312 add */
    .point_summary dl{text-align:center;}
    .point_summary dl + dl{border-left:1px solid #000;}
    .point_summary dt small{padding-top:5px;}
    .point_summary_cont {padding:20px 30px; margin-top:20px !important; display:table;}
    .point_summary_cont .textWrap {display:table-cell; vertical-align:middle; width:calc(100% - 560px); padding-right:20px;} /* 211015 edit */ /* 200217 edit */
    .point_summary_cont .page_btns {display:table-cell; vertical-align:middle; width:560px; margin:0; text-align:right;} /* 211015 edit */ /* 200217 edit */
}
@media screen and (min-width: 1024px){
    /* 1024이상 pc */
    .point_summary .section{padding:40px 10px;}
    .point_summary dd{font-size:1.5em;}
    .point_summary_cont .page_btns .ico_mall {width:24px; height:24px; margin:-4px 2px 0 0;}
    .point_summary_cont .page_btns .ico_point {width:24px; height:24px; margin:-1px 2px 0 0;}
}

/* 포인트 내역 */
@media screen and (min-width: 962px){
    .point_records .hmc_form.date_search_form>div + div{margin-top:auto;} /* 20180128 김기용, 구분 select 우측 버튼 삭제로 인해 위치 다시잡음*/
}
@media screen and (min-width: 772px){
    .point_records .hmc_form.date_search_form .ui_multiple_datepicker {margin-left: 10px;} /* 20180128 김기용, 구분 select 우측 버튼 삭제로 인해 위치 다시잡음*/
}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .point_records{padding-bottom:40px;}
    .point_records .hmc_form{margin-top:-20px; padding-bottom:40px;}
    .point_records .hmc_form.date_search_form>div + div .select_wrap{width:auto;} /* 20180128 김기용, 구분 select 우측 버튼 삭제로 인해 위치 다시잡음*/
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .point_records{padding-bottom:10px;}
}

/* 차량점검 및 서비스 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 현대차 보증서비스 이용 내역 */

.mypage .ui_search_02{max-width:660px; width: 500px;margin:0 auto;}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .mypage .ui_search_02 [class^="select_wrap"]{width:calc(100% - 132px);}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .mypage .ui_search_02 {width: 100%;}/*장미 201013*/
}
/* 정비예약현황 */
    .schedule_list .wrap{position:relative; padding:30px 40px; background:#f6f3f2;}
    .schedule_list .wrap:after{content:''; display: block; clear: both;}
    .schedule_list .layer_tooltip{right:-18px; margin-top:12px;}
    .maintenance_schedule .page_btns{margin-top:30px;}/* 2018-10-24 이지혜 : 한상민과장님 요청으로 간격조절 */
    .maintenance_schedule .recall_info .dl_text_cont>dl{table-layout:fixed;}/* 2018-04-17 이지혜 : fixed추가 */
    .maintenance_schedule .recall_info .dl_text_cont>dl>dt{width:100px; text-indent:-7px; padding-left:7px;}/* 2018-04-17 이지혜 : width:85px;에서 수정 및 들여쓰기 스타일 추가 */
    .recall_info .clear:after{content:''; display: block; clear: both;}

@media screen and (min-width: 768px) and (max-width: 1023px){
    /* 768이상 1023이하 tablet & pc */
    .schedule_list .wrap{padding:30px 15px;}
}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    /*.maintenance_schedule .page_btns{margin-top:60px;}*/
    .schedule_list>li:not(:first-child){margin-top:40px;}
    .schedule_list .wrap>div{float:left; width:45%; margin-top:0 !important;}
    .schedule_list .wrap>div + div{width:55%;}
    .schedule_list .wrap + *{margin-top:40px;}
    .maintenance_schedule .recall_info .dl_text_cont.col4>dl{table-layout: fixed;}
    .maintenance_schedule .recall_info .dl_text_cont.col4>dl>dd{width:calc((100% - 200px) /2)}
    .maintenance_schedule .recall_info .dl_text_cont>dl>dt{width:120px;}/* 2018-04-17 이지혜 : width:120px추가 */
        .recall_info .clear>*{float:left; width:45%; margin-top:15px;}
        .recall_info .clear{margin-bottom:15px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    /*.maintenance_schedule .page_btns{margin-top:40px;}*/
    .schedule_list>li:not(:first-child){margin-top:20px;}
    .schedule_list .wrap + *{margin-top:20px;}
    .schedule_list .wrap{padding:30px 15px;}
    .schedule_list .wrap>div{float:none; width:100%;}
    .schedule_list .layer_tooltip{top:auto; left:15px; right:15px; white-space: nowrap;}
    .recall_info .clear>*{margin-top:10px;}
    .recall_info .clear{margin-bottom:10px;}
}

/* 정기점검이력 */
.inspection_summary{padding-top: 30px; background-color: #fff;}
.inspection_summary section {display:flex; flex-direction: column;}
.inspection_summary .mycar_care{position: relative;}
.inspection_summary .mycar_care dl dd.inner-warning{position: absolute; top:50%; right: 4%; font-size: .9rem; font-family: 'TextRegular'; transform: translateY(-50%);}
.inspection_summary .mycar_care + .mycar_care{margin-top: 20px;}
.inspection_summary .mycar_care > dl { display: flex; padding:25px 4%; font-size: 16px; color: #000; background-color: #ece6e0;} 
.inspection_summary .mycar_care > dl dt {position: relative; flex-shrink: 0; padding-left: 10px; margin-right: 12px; line-height: 1.4;font-family: 'TextMedium';} 
.inspection_summary .mycar_care > dl dt:before { content: '·'; position: absolute; top: 0;left: 0; } 
.inspection_summary .mycar_care > dl dt:after { content: ':'; position: absolute; top: 0;right: -8px; } 
.inspection_summary .mycar_care > dl dd {word-break: keep-all; line-height: 1.4;font-family: 'TextRegular';}
.inspection_summary .dl_text_cont{ position: relative; position:relative; display: flex; flex-wrap: wrap;  width:100%; padding:37px 4% 37px;background:#f6f3f2;}
.inspection_summary .dl_text_cont > dl {display: flex; flex-wrap: wrap; align-items: center; width: 50%; line-height: 1.4;}
.inspection_summary .dl_text_cont > dl dt{min-width:30%; margin-bottom: 0; flex-shrink: 0;font-family: 'TextMedium';}
.inspection_summary .dl_text_cont > dl dd{font-family: 'TextRegular';font-size: 15px;}
.inspection_summary .dl_text_cont .link_line { position: absolute;right: 4%;bottom: 40px;}

.inspection_summary .warning{ margin-top: 15px; font-size: .9rem; font-family: 'TextRegular';}
.inspection_summary .btn_wrap{ padding: 60px 0; display: flex; justify-content: center;}

.inspection_history .text_button_bar + .inspection_status{margin-top:20px;}
.inspection_history .inspection_status dt{padding-bottom:0.5em; font-size:1.25em; font-family: 'HeadMedium'; color:#000;}
.data_table .color_chip span:before{margin-top:-3px; margin-right:10px;}
.inspection_history .consumables_status .col{text-align:center;}
.inspection_history .consumables_status .text{height:4em;}

.layer_cont .select_wrap .div{display:inline-block; width:1px; height:1em; margin:0 1em; background:#ccc; vertical-align: middle;}
.layer_cont .select_wrap>.selectBox-label{padding-left:1.5em;}
.layer_cont .inspection_summary .section>.dl_text_cont{padding:37px 4%;}
.layer_cont .inspection_summary,
.layer_cont .inspection_history{font-size:0.9em;}
.layer_cont .inspection_history [class^="grid_"][class*="_06"]>*{width:25%;}
.layer_cont .inspection_history .consumables_status * + * + * + * + *{padding-top:40px;}
.layer_cont .inspection_history{padding-top:40px;}
.layer_cont .inspection_history * + .sub_title{margin-top:40px;}
.layer_cont .inspection_history .inspection_status>*:not(.space){width:calc(50% - 7px); }
.layer_cont .inspection_history .inspection_status .space{width:14px;}
.layer_cont .inspection_history .inspection_status>*:nth-child(3) li{width:100%;}

@media screen and (min-width: 1024px){
    /* 1024이상 pc */
    .inspection_history .inspection_status>*:nth-child(3) li{float:left; width:50%;}
    .inspection_history .consumables_status * + * + * + * + * + * + *{padding-top:80px;}
}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .inspection_history{padding-top:80px;}
    .inspection_history * + .sub_title{margin-top:80px; margin-bottom:10px;}
    .inspection_history .text_button_bar p{padding-top:8px;}
    .inspection_history .text_button_bar p>*{display:inline-block; margin-left:20px; vertical-align: middle;}
    .inspection_history .text_button_bar button{margin-left:30px;}
    .inspection_history .text_button_bar button b{display:inline-block; vertical-align: middle;}
    .inspection_history .inspection_status{display:table; width:100%; table-layout: fixed;}
    .inspection_history .inspection_status>*{display:table-cell;}
    .inspection_history .inspection_status>*:not(.space){width:calc(50% - 16px); vertical-align: top;}
    .inspection_history .inspection_status .space{width:32px;}
    .inspection_history .data_table td{padding-left:30px;}

}
@media screen and (max-width: 1023px){
    /* 768이상 1023px 미만 */
    .inspection_summary .mycar_care dl{flex-wrap: wrap;}
    .inspection_summary .mycar_care dl dd.inner-warning{width: 100%; position: relative; top:unset; right: unset; transform: unset;}
    .inspection_summary .dl_text_cont{ flex-direction: column; padding: 30px 6% 30px;}
    .inspection_summary .dl_text_cont dl{width: 100%;}
    .inspection_summary .dl_text_cont dl dd{padding-left: 6px;}
    .inspection_history .consumables_status * + * + * + *{padding-top:40px;}
    .inspection_summary .dl_text_cont .link_line { margin-top: 15px; position: unset;right: unset;bottom: unset; text-align: right;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .inspection_summary .link_line{float:none;}
    .inspection_summary .btn_wrap{padding: 40px 0;}
    .inspection_history{padding-top:40px;}
    .inspection_history * + .sub_title{margin-top:40px;}
    .inspection_history .text_button_bar p{padding-top:0; margin-top:0;}
    .inspection_history .text_button_bar p>*:first-child{margin-right:10px;}
    .inspection_history .color_chip span{white-space: nowrap;}
    .inspection_history .color_chip span:before{margin-right:5px;}
    .inspection_history .consumables_status * + * + *{padding-top:40px;}
}
/* 인쇄 팝업 */
@media print{
    .layer_cont .inspection_summary .section{display:table; width:100%;}
    .layer_cont .inspection_summary .section>*{display:table-cell; vertical-align: middle}
    .layer_cont .inspection_summary .section>dl{width:25%}
    .layer_cont .inspection_history .inspection_status{display:table; width:100%; table-layout: fixed;}
    .layer_cont .inspection_history .inspection_status>*{display:table-cell;}
    .layer_cont .inspection_history .inspection_status>*:not(.space){width:calc(50% - 16px); vertical-align: top;}
    .layer_cont .inspection_history .inspection_status .space{width:32px;}
    .layer_btns{display:none !important;}
    .ui_close{display:none !important;}
}
/* 오토케어 사용 동의/철회 */
.autocare_policy { position: relative; }
.autocare_policy + .autocare_policy{margin-top:40px;}
.autocare_policy>.row_title{padding-bottom:1em;}
.autocare_policy .policy_wrap{overflow-y:auto; height:160px; margin-top:1em; margin-bottom: 10px; padding:2em; border:1px solid #e4dcd3; line-height:22px;}
.autocare_policy .policy_wrap.auto{height:auto;}
.autocare_policy_wrap .form_btns { margin: 80px 0 40px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .autocare_policy + .autocare_policy{margin-top:20px;}
    .autocare_policy + .form_btns { margin: 20px 0 0; }
}

/* 블루링크 서비스 */
.blue_link * + .sub_title{margin-top:80px;}
/* 블루링크 단말기 */
.blue_link .mycar_detail_info{margin-top:30px;}
.blue_link .mycar_detail_info>dl>dd:nth-of-type(1){background:#f6f3f2; border-top:1px solid #fff;}
    .mycar_detail_info .div{display:inline-block; width:1px; height:1em; margin:0 20px; background:#bfac99; vertical-align: middle;}
.blue_link .mycar_detail_info>dl{padding-bottom:0;}
.blue_link .mycar_detail_info>dl + dl{margin-top:40px;}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */

    .blue_link .mycar_detail_info>dl>dd:nth-of-type(1){padding:30px;}
    .blue_link .mycar_detail_info>dl>dd + dd{padding-top:40px;}
    .blue_link .mycar_detail_info>dl>dd>.dl_text_cont{float:left; width:50%;}
    .blue_link .mycar_detail_info .dl_text_cont + .dl_text_cont{margin-top:0;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .blue_link * + .sub_title{margin-top:40px;}
    .blue_link .mycar_detail_info>dl>dd:nth-of-type(1){padding:30px 15px;}
}
/* 블루링크 계약 정보 */
.contract_info .email_comfirm>dl{max-width:670px; margin:0 auto;}
.contract_info .row_title,
.contract_info .form_btns{padding-top:80px;}
.contract_info .row_title small{margin-left:20px;font-size:14px; font-family:'TextRegular'}
.contract_info .contract_form{margin-top:40px; padding-top:20px; border-top:1px solid #e4dcd3;}
.contract_info .mycar_detail_info{margin:80px 0 0 0;}
.contract_info .mycar_detail_info .ui_table>dl>dt{width:185px;}

.blue_link .center_info{margin-top:10px; text-align:center;}
.blue_link .center_info dt{padding-bottom:1em; font-size:1.25em;}
.blue_link .center_info em{margin-left:20px; font-size:1.5em;}
@media screen and (min-width: 768px){
    /* 768미만 mobile */

    .device_select .select_wrap{width:40%; margin-right:7px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .device_select .select_wrap{width:100%;}
    .contract_info .row_title,
    .contract_info .form_btns{padding-top:40px;}
    .contract_info .contract_form{margin-top:20px;}
    .contract_form .ui_table>dl>dt{width:30%;}
    .contract_info .input_wrap,
    .contract_info .select_wrap{width:100%;}
    .contract_info .mycar_detail_info{margin-top:40px;}

    .blue_link .center_info>*{width:100%;}
    .blue_link .center_info>* + *{margin:10px 0 0 0;}
}
.group_management .check_wrap{min-width:inherit;}
.group_management .check_wrap>input + label{height:22px; padding:0 0 0 20px;}
/* 블루링크 전화번호부 */
.manage_phonebook .ui_search_02{margin:0;}
.manage_phonebook .sort{width:100%; padding:30px; margin:20px 0; background:#f6f3f2;}
.manage_phonebook .sort dt{font-family:'TextMedium'; color:#000;}
.manage_phonebook .sort button{padding:0 5px;}
.manage_phonebook .div{display:inline-block; width:1px; height:1em; margin:0 20px; background:#bfac99; vertical-align: middle;}
.manage_phonebook td .check_wrap label{height:20px; padding:0 0 0 20px;}
.manage_phonebook .btns{text-align:right; margin-top:80px;}
.quick_add{max-width:700px;}
.quick_add .select_wrap{min-width:inherit !important; width:calc((100% - 20px) /3);}
.quick_add .select_wrap + *{margin-left:6px;}
.phone_book .row_title{padding-top:30px; margin-bottom:30px;}
.phone_book .hmc_form + .row_title{padding-top:60px; margin-top:60px; border-top:1px solid #e4dcd3;}
.select_date .select_wrap{min-width: inherit !important;}
.phone_book .check_wrap{width:28%; min-width:inherit;}
.phone_book .link{margin-right:20px;}
.select_date>span:not(.select_wrap){height:40px; line-height:40px; padding-left:15px;}
.select_date>span:not(.select_wrap) + .select_wrap{margin-left:20px;}
@media screen and (min-width: 768px) and (max-width: 930px){
    .manage_phonebook .div{margin:0 8px;}
    .manage_phonebook .sort button{padding:0 3px;}
}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */

    .phonebook_wrap {margin-top:80px;}
    .phonebook_wrap .note_wrap {margin-top:80px;}
    .phonebook_wrap.none_cont {text-align:center;}
    .phonebook_wrap.none_cont .sub_title {margin-top:20px;font-size:30px;line-height:1.8;}
    .phonebook_wrap.none_cont .text {color:#000;}

    .manage_phonebook .ui_search_02 .select_wrap{width:200px;}
    .manage_phonebook .sort{display:table; width:100%;}
    .manage_phonebook .sort>*{display:table-cell; vertical-align: middle;}
    .manage_phonebook .sort dt{width:100px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .phonebook_wrap {margin-top:40px;}
    .phonebook_wrap .note_wrap {margin-top:50px;}
    .phonebook_wrap.none_cont {text-align:center;}
    .phonebook_wrap.none_cont .sub_title {margin-top:20px;}
    .phonebook_wrap.none_cont .text {color:#000;}

    .manage_phonebook .sort{padding:30px 15px;}
    .manage_phonebook .sort dt{padding-bottom:0.5em;}
    .manage_phonebook .sort dd:after{content:''; display: block; clear: both;}
    .manage_phonebook .sort .div{display:none;}
    .manage_phonebook .sort button{float:left; width:calc((100% - 15px) / 4); padding:10px 0;  margin:2.5px 5px 2.5px 0; border:1px solid #e4dcd3; background:#fff;}
    .manage_phonebook .sort button:nth-of-type(5),
    .manage_phonebook .sort button:nth-of-type(9),
    .manage_phonebook .sort button:nth-of-type(13),
    .manage_phonebook .sort button:nth-of-type(16),
    .manage_phonebook .sort button:nth-of-type(18){margin-right:0;}
    .manage_phonebook .sort button:first-child{width:100%; margin:2.5px 0;}
    .manage_phonebook .sort button:nth-of-type(16),
    .manage_phonebook .sort button:nth-of-type(17),
    .manage_phonebook .sort button:nth-of-type(18){width:calc((100% - 5px) / 2);}
    .manage_phonebook .btns{margin-top:40px; text-align: center;}
    .manage_phonebook .btns [class^="btn_"][class*="_sm"]{min-width: inherit; width:100%; padding:0;}
    .manage_phonebook .data_table{width:250%; table-layout:inherit;}
    .phone_book span.input_wrap,
    .phone_book span.select_wrap{width:100%;}
    .phone_book .select_date .select_wrap{width:auto;}

    .select_date>span:not(.select_wrap){padding-left:10px;}
    .select_date>span:not(.select_wrap) + .select_wrap{margin-left:10px;}
}
@media screen and (max-width: 320px){
    /* 320이하 mobile */
    .select_date>span:not(.select_wrap){padding-left:5px;}
    .select_date>span:not(.select_wrap) + .select_wrap{margin-left:5px;}
    .phone_book .link{margin-right:20px;}
}
/* 블루링크 요금제 */
.payment_system .sub_title{position:relative;}
.payment_system .ars{position:absolute; top:7px; right:0; font-size:16px;}
.payment_system .ars b+ b{margin-left:20px;}
.payment_system .ars .ico{display:inline-block; width:16px; height:16px; margin-right:10px; background:url(../images/common/ico_phone.png) no-repeat; vertical-align: middle;}
.payment_system .hmc_form{margin-bottom:40px;}
.payment_system .mycar_detail_info{margin-top:20px;}
.payment_system .mycar_detail_info>dl>dd{padding:30px; background:#f6f3f2;}
.payment_system .mycar_detail_info>dl>dd:after{content:''; display: block; clear: both;}
.payment_system .mycar_detail_info>dl>dd+dd{position:relative;}
.payment_system .mycar_detail_info>dl>dd+dd:before{content:''; position:absolute; top:0; left:30px; right:30px; height:1px; background:#e4dcd3;}
.payment_system .mycar_detail_info .pay{margin-left:20px;}
.bluelink_notice{text-align:center;}
.bluelink_notice button{margin-top:60px;}
.bluelink_payment{}
.bluelink_payment .row_title{padding-top:40px; margin-bottom:30px;}
.bluelink_payment .row_title + .hmc_form{padding-top:40px; border-top:1px solid #e4dcd3}
.bluelink_payment .row_title + .policy_wrap{margin-top:0; height:190px;}
.bluelink_payment .policy_wrap { line-height: 1.6; }
.bluelink_payment .policy_wrap ol { list-style-type: decimal; margin-left: 15px; }
.bluelink_payment .hmc_form + *{margin-top:40px;}
.bluelink_payment .panel_gray>div>*:not(.check_wrap){margin-left:28px;}
.bluelink_payment hr{height:1px; border:0; margin:20px 0 !important; background:#e4dcd3;}
.bluelink_payment ._title{padding-top:40px;}
.bluelink_payment .ui_table>dl>dt{width:30%;}

@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .payment_system .ars{position:static; display:block; font-size:14px;}
    .payment_system .ars .ico{width:14px; height:14px; background-size:100%;}
    .payment_system .mycar_detail_info .dl_text_cont>dl>dt{width:40%;}
    .payment_system .mycar_detail_info>dl>dd+dd:before{left:15px; right:15px;}
    .payment_system .mycar_detail_info dd b{display:block;}
    .payment_system span.select_wrap{width:100%;}

    .bluelink_notice button{margin-top:30px;}
    .bluelink_notice>*{width:100% !important; margin-left:0 !important;}
    .bluelink_notice>* + *{margin-top:20px;}

    .bluelink_payment .row_title{padding-top:20px; margin-bottom:20px;}
    .bluelink_payment .row_title + .hmc_form{padding-top:20px;}
    .bluelink_payment .hmc_form + *{margin-top:20px;}
    .bluelink_payment span.input_wrap,
    .bluelink_payment .ui_table div:not(.select_date) .select_wrap{width:100%;}
}
@media screen and (max-width: 320px){
    /* 320이하 mobile */

    .payment_system .mycar_detail_info>dl>dd{padding:20px 10px !important;}
}
/* 블루링크 사용량, 청구요금 조회*/
.blue_link>.section.centered:first-child{position:relative;}
.blue_link .btn_reset{position:absolute; top:50%; right:0; padding:0; margin-top:-9px;}
.blue_link .data_status b:first-child{display:inline-block; width:274px;}
.blue_link .data_status .data{display:inline-block; min-width:150px; padding-left:20px; text-align:right; font-size:1.5em; font-family:'HeadMedium'}
.billing_inquiry{width:100%;}
.billing_inquiry:after{content:''; display: block; clear: both;}
.billing_inquiry .hmc_form{float:left; width:50%;}
.billing_inquiry .text{float:left; width:50%; padding-left:30px; line-height:40px;}
.billing_inquiry b em{font-size:1.5em;}

@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .blue_link .btn_reset{position:static; margin-top:10px;}
    .blue_link .data_status{text-align:center;}
    .blue_link .data_status .data{min-width:inherit; padding-left:0;}

    .billing_inquiry .hmc_form,
    .billing_inquiry .text{width:100%; margin-bottom:0; padding-left:0;}
    .billing_inquiry .text{text-align:center;}

}
/* 블루링크 소모품 */
.consumables_exchange .unit{line-height:40px; padding-left:10px;}
.consumables_exchange .input_date_group{width:190px;}

@media screen and (min-width: 768px){
    .consumables_exchange .check_set .check_wrap{min-width:inherit; padding-right:30px;}
    .consumables_exchange .select_set .select_wrap{min-width:inherit; width:40%;}
    .consumables_exchange .select_set .select_wrap:nth-child(1),
    .consumables_exchange .select_set .select_wrap:nth-child(3){width:calc(30% - 10px);}
    .consumables_exchange .select_set .space{width:10px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .consumables_exchange span.input_wrap,
    .consumables_exchange span.select_wrap,
    .consumables_exchange .input_date_group{width:100%;}
    .input_unit .input_wrap{width:calc(100% - 35px) !important;}
    .consumables_exchange .check_set .check_wrap{width:50%;}
    .consumables_exchange .check_set .check_wrap:nth-child(3),
    .consumables_exchange .check_set .check_wrap:nth-child(4){margin-top:10px;}
}

.confirmation_letter .row_title{margin-bottom:20px;}
.confirmation_letter .panel_bordered + * {margin-top:20px;}
.confirmation_letter .check_wrap label{width:100%; padding:0 !important;}
.confirmation_letter .check_wrap>input + label:before{left:auto; right:0;}
.confirmation_letter .check_wrap>input[type="checkbox"]:checked + label:after{left:auto; right:1px;}
.confirmation_letter label>*{float:left; width:70%; font-size:0.9em;}
.confirmation_letter label>* + * + *{margin-top:5px;}
.confirmation_letter label>b{width:30%;}
.confirmation_letter label>span{font-family:'TextRegular'; color: #626262;}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .confirmation_letter label>*{width:55%;}
    .confirmation_letter label>b{width:45%;}
}
/* 월간 리포트 */
.monthly_report{}
.monthly_report .report{padding-top:40px;}
.monthly_report .summary{margin-bottom:30px;}
    .blue_link .inspection_date .input_wrap{width:350px; }/*장미 201013*/
    .inspection_info .dl_text_cont>dl>dt{width:90px;}

    .consumable_info .slide{background:#f6f3f2;}
    .consumable_info .slide .ix-list-item{position:relative; padding:30px;}
    .consumable_info .slide .title{text-align:left; line-height:1.3em; margin-top:1em;}
    .consumable_info .slide .title b{display:block; margin-bottom:0.5em; text-align:center;}
    .consumable_info .slide .ix-controller{padding:0;}
    .consumable_info .complete .ix-list-item:before{content:''; position:absolute; top:30px; left:50%; z-index: 1; width:96px; height:96px; margin-left:-48px; background:url(../images/common/ico_consumables_done.png) no-repeat;}
    .consumable_info .slide + *{margin-top:30px;}

    .mycar_drive_info{}
    .mycar_drive_info>dl{margin-top:30px; border:1px solid #e4dcd3;}
    .mycar_drive_info>dl>dt{float:left; padding:0.75em 1.5em; background:#e4dcd3; font-family:'HeadMedium'; color:#000; font-size:1.25em;}
    .mycar_drive_info>dl>dd{clear:both; padding:30px;}
     /* 가로 그래프 */
      /*201106 장미 수정*/
    .mycar_drive_info .graph_area.horizontal{margin-top:30px;}
    .mycar_drive_info .graph_area.horizontal .graph_content{border: 1px solid #e4dcd3;position: relative;}
    .mycar_drive_info .graph_area.horizontal .graph_content + .graph_content{ margin-top: 30px }
    .mycar_drive_info .graph_area.horizontal dl{background:url('../../../../../../content/dam/hyundai/kr/ko/images/mypage/test/bg_bluelink_dot.png') top right 18.6% no-repeat; background-repeat: repeat-y; }
    .mycar_drive_info .graph_area.horizontal dl:after{content:''; display: block; clear: both;}
    .mycar_drive_info .graph_area.horizontal dt{font-family:'TextMedium'; color:#000; background: #f6f3f2; width: 140px; text-align: center; line-height:38px}
    .mycar_drive_info .graph_area.horizontal dd .graph_wrap {/* margin-top: 10px; *//* margin-bottom: 10px; */padding: 10px 0;}
    .mycar_drive_info .graph_area.horizontal .graph_figure{position:absolute;width:auto;right: 18.6%;font-size:13px;bottom:-17px;padding: 0;color: #626262; margin-right: -17px}
    .mycar_drive_info .horizontal .graph{
    display:block;
    width:100%;
    height:1em;
    float: left;
    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(30,88,154,0) 1%, rgba(1,170,210,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(30,88,154,0) 1%,rgba(1,170,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(30,88,154,0) 1%,rgba(1,170,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#01aad2',GradientType=1 ); /* IE6-9 */
    }
    /* 세로 그래프 */
    .mycar_drive_info .graph_area:after{content:''; display: block; clear: both;}
    .mycar_drive_info .graph_area.vertical{margin-top:50px;}
    .mycar_drive_info .graph_area.vertical>dl{float:left; position:relative; width:50%; padding-bottom:30px;}
    .mycar_drive_info .graph_area.vertical dt{position:absolute; bottom:0; left:0; right:0; width:100%; height:30px; padding-top:10px; border-top:2px solid #a6a6a6; text-align: center;}
    .mycar_drive_info .graph_area.vertical dd{position:relative; width:100%; height:180px;}
    .mycar_drive_info .graph_area.vertical .graph_wrap{position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px;}
    .mycar_drive_info .graph_area.vertical .graph{position:relative; display:block; width:100%; height:100%; background:#b0b0b0;}
    .mycar_drive_info .graph_area.vertical .graph + span{ display: inline-block; position:absolute; bottom:100%; left:50%; text-align:center; padding-bottom:0.5em; color:#006992; white-space: nowrap; transform: translate(-50%, 0); }
    .mycar_drive_info .graph_area.vertical dl:nth-child(2) .graph{background:#006992;}
    .mycar_drive_info dl.col{border:1px solid #002c5f;}
    .mycar_drive_info dl.col>dt{float:left; padding:0.75em 1.5em; margin:-24px 0 0 9px; background:#002c5f; font-family:'HeadMedium'; color:#fff; font-size:1.25em;}
    .mycar_drive_info dl.col>dd{clear:both; padding:20px 30px;}

@media screen and (min-width: 768px){

    .monthly_report .sub_title{margin-bottom:30px;}
    .monthly_report .hmc_form .input_btn_wrap{max-width:400px;}
    .monthly_report .panel_gray .dl_text_cont>dl>dt{width:220px;}
    .monthly_report .summary:after{content:''; display: block; clear: both;}
    .monthly_report .summary>*{float:left; width:50%; margin-top:0;}
    .inspection_date [class^="btn_"]{right:30px;}
    .inspection_result .list:after{content:''; display: block; clear: both;}
    .inspection_result .list>li{float:left; width:33.3%;}
    /*201106 장미 수정*/
    .mycar_drive_info .graph_area dl>*{float:left; width:calc(100% - 140px);}
    .mycar_drive_info .graph_area dt{width:140px;}
    .mycar_drive_info .graph_area.horizontal dd { padding-left: 30px }
    .mycar_drive_info .graph_wrap{position:relative; max-width:calc(100% - 80px)}
    .mycar_drive_info .graph + span{left:100%;}
    .mycar_drive_info .horizontal .graph + span{position:absolute;  width:110px; padding:0 10px;}
    .mycar_drive_info [class^="grid_"]{margin-top:80px;}

}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .monthly_report .panel_gray .dl_text_cont>dl>dt{width:110px;}
    .consumable_info .slide .ix-list-item{padding:15px;}
    .consumable_info .complete .ix-list-item:before{top:10px;}
    .blue_link .inspection_date .input_wrap{ width:auto; }/*장미 201013*/
    /*201106 장미 수정*/
    .mycar_drive_info>dl{margin-top:15px;}
    .mycar_drive_info>dl>dd{padding:30px 15px;}
    .mycar_drive_info .graph_area.vertical .graph_wrap{max-width: calc( 100% - 10px)}
    .mycar_drive_info .graph_area{margin-top:15px;}
    .mycar_drive_info .graph_area.horizontal dt{margin-bottom:0.5em;width: 100%;}
    .mycar_drive_info .graph + span{left:0; bottom:0; top:auto; width:100%;}
    .mycar_drive_info [class^="grid_"]{margin-top:40px;}
    .mycar_drive_info .horizontal .graph + span{position: static;display:block;padding: 10px 10px 10px 5px;/* right: 0; */width: 110px;/* top: 50px; *//* padding: 0 20px; *//* display: block; */float: left;}
    .mycar_drive_info dl.col{margin-top:30px;}
}

/* 소모품 관리 */
.consumable_management{padding-top: 30px;}
.consumable_management .btns{margin-top:40px;}
.consumable_management .acc_01 + .btns{text-align:center;}
.consumable_management .btns + .acc_01 {margin-top:80px;}
.consumable_management .acc_01>dl>dt.on + dd + dd{border-top:1px solid #fff;}
.consumable_management .mycar_detail_info dt [class^="select_"]{background:#fff;}
.consumable_management .mycar_detail_info dt b{display:inline-block;}
.consumable_management .dl_text_cont dt{white-space: nowrap;}
@media screen and (min-width: 768px){

    .consumable_management [class^="grid_"] .dl_text_cont{margin-top:0;}
    .consumable_management .btns{position:relative;}
    .consumable_management .btns .link{position:absolute; top:50%; right:0; margin-top:-8px;}
    .exchange_cycle{text-align:right;}
    .exchange_cycle dl>*{display:inline-block;}
    .exchange_cycle dl>dt{padding-right:30px;}
    .exchange_cycle .check_wrap{min-width: inherit;}
    .consumable_management .mycar_detail_info{margin-top:40px;}
    .consumable_management .mycar_detail_info + .form_btns{margin-top:80px;}
    .consumable_management .dl_text_cont dt{line-height:40px;}
    .consumable_management .mycar_detail_info dt [class^="select_"]{margin:-11px 0 -11px 20px;}
    .consumable_management .mycar_detail_info dt [class^="select_"],
    .consumable_management .mycar_detail_info dt b{width:200px;}
    .consumable_management .mycar_detail_info .ui_table>dl>dt{width:15%;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .consumable_management .acc_01 + .btns{margin-top:20px;}
    .consumable_management .btns + .acc_01 {margin-top:40px;}
    .consumable_management .btns .link{margin-bottom:10px}
    .consumable_management .data_table{width:300%; table-layout:inherit;}
    .exchange_cycle dl>dt{padding-bottom:0.5em;}
    .exchange_cycle .check_wrap + *{margin-left:10px;}
    .consumable_management .mycar_detail_info{margin-top:20px;}
    .consumable_management .mycar_detail_info + .form_btns{margin-top:40px;}
    .consumable_management .mycar_detail_info>dl>dt{padding:16px 48% 16px 20px;}
    .consumable_management .mycar_detail_info dt [class^="select_"]{position:absolute; top:5px; right:20px; width:48%;}
    .consumable_management .mycar_detail_info .ui_table>dl>dt{padding-bottom:1em;}
    .consumable_management .mycar_detail_info .ui_table>dl + dl{margin-top:2em;}
}
@media screen and (max-width: 320px){
    /* 768미만 mobile */
    .exchange_cycle .check_wrap + *{margin-left:-4px; letter-spacing: -1px;}
}

/* 블루링크 운행정보 */
/* 20180203 함은주 여백추가 */
.bluelink_drive_info {padding-bottom: 120px;}
.bluelink_drive_info .graph_area{margin-bottom:20px;border:1px solid #e4dcd3;}


/* 서비스 가입 */
/*201015 장미 블루링크 발급 대상 차량 조회 레이아웃 수정*/
.bluelink_join * + .row_title{margin-top:80px;}
.bluelink_join .my_car_list{margin-top:20px; border:0;}
.bluelink_join .my_car_list>li{width: 100%;background:#ebe6e0;border:0;border: 1px solid #eae6e3;}
.bluelink_join .my_car_list li:not(:first-child){margin-top:20px;}
.bluelink_join .my_car_list li:before{display:none;}
.bluelink_join .my_car_list li .check_wrap{overflow:hidden}
.bluelink_join .my_car_list label{ background: #ebe6e0; flex: none; width: 70px; }
.bluelink_join .my_car_list label>* {background: transparent;} /*200928*/
.bluelink_join .my_car_list .content_area{width: calc(100% - 70px); float:right;padding:30px 25px; overflow: hidden; background: #fff; flex: none}
.bluelink_join .my_car_list .content_area strong{ display: block;  font-size: 16px;  color: #000; line-height: 1.5;}
.bluelink_join .my_car_list .content_area ul {margin-top: 15px}
.bluelink_join .my_car_list .content_area li { display: inline-block;  width: 270px; border: none; font-size: 14px; margin-top:0  }
.bluelink_join .my_car_list .content_area li>span{ color: #666; margin-left: 25px }
.bluelink_join .my_car_list .check_wrap>input:focus + label{border-color:transparent;}
.bluelink_join .my_car_list .check_wrap>input + label:before {left: 25px}
.bluelink_join .my_car_list .check_wrap>input[type="radio"]:checked + label:after{left: 27px}
.bluelink_join .my_car_list label{padding:20px 0; width:40px; float:left}
.bluelink_join .my_car_list label>*{padding-top:0; padding-bottom:0; background:transparent;}
.bluelink_join .my_car_list label{ background: #ebe6e0; flex: none; width: 70px; }
.bluelink_join .my_car_list .content_area{width: calc(100% - 70px); float:right;padding:30px 25px; overflow: hidden; background: #fff;}
.bluelink_join .my_car_list .content_area strong{ display: block;  font-size: 16px;  color: #000; line-height: 1.5;}
.bluelink_join .my_car_list .content_area ul {margin-top: 15px}
.bluelink_join .my_car_list .content_area li { display: inline-block;  width: 270px; border: none; font-size: 14px; margin-top:0  }
.bluelink_join .my_car_list .content_area li>span{ color: #666; margin-left: 25px }
.bluelink_join .my_car_list .check_wrap>input:focus + label{border-color:transparent;}
.bluelink_join .my_car_list .check_wrap>input + label:before {left: 25px; top:50%;}
.bluelink_join .my_car_list .check_wrap>input[type="radio"]:checked + label:after{left: 31px}
.bluelink_join .ui_paging{margin-bottom:40px;}
.bluelink_join .page_btns{margin-top:80px;}

@media screen and (max-width: 767px){
    /* 768미만 mobile */
    /* 20180203 함은주 여백추가 */
    .bluelink_drive_info {padding-bottom: 60px;}
    .bluelink_join * + .row_title{margin-top:40px;}
    .bluelink_join .ui_paging{margin-bottom:20px;}
    .bluelink_join .page_btns{margin-top:40px;}

    /*201015 장미 블루링크 가입 차량 조회 레이아웃 수정*/
    .bluelink_join .my_car_list li {overflow:hidden}
    .bluelink_join .my_car_list label{ width: 50px; float:left ; height:100%}
    .bluelink_join .my_car_list .check_wrap{height:100%; overflow:hidden}
    .bluelink_join .my_car_list .check_wrap>input + label:before {left: 15px;top:50%;}
    .bluelink_join .my_car_list .check_wrap>input[type="radio"]:checked + label:after{left: 21px}
    .bluelink_join .my_car_list li:first-child .content_area{width: calc(100% - 50px); padding: 30px 15px}
    .bluelink_join .my_car_list .content_area{width: calc(100% - 50px); padding: 30px 15px; float:right}
    .bluelink_join .my_car_list .content_area li ~ li { margin-top: 15px }
}

/* 법인 */
.corporation_mypage{}
.corporation_mypage .registered_car{margin:2em 0;}
.corporation_mypage .registered_car .col{position:relative; text-align:center;}
.corporation_mypage .registered_car .col dl{position:absolute; top:50%; left:0; right:0; margin-top:-30px; text-align: center;}
.corporation_mypage .registered_car dt{font-size: 1.25em; color:#fff;}
.corporation_mypage .registered_car b{font-size:1.8em; color:#fff; font-family:'HeadMedium'}
.corporation_mypage .service_info .recall>*{padding:0 !important; border:0 !important; background:transparent !important;}
.corporation_mypage .service_info .recall>*:after{display:none;}
/* 등록차량 관리 */
.corporation_mypage .car_management{text-align:center;}
.corporation_mypage .car_management th, .car_management td{padding:10px; word-break:break-all;}/* 2018-03-19 이지혜 : word-break:break-all추가. 텍스트 줄바뀜 안돼서 깨지는 현상 수정 */
.corporation_mypage .car_management th{word-break:break-word;}/* 2018-03-19 이지혜 : th에 break-word추가. 텍스트 줄바뀜 안돼서 깨지는 현상 수정 */
.corporation_mypage .car_management .check_wrap label{height:22px; padding:0 0 0 20px;}
.corporation_mypage .car_management .check_wrap.type2 label{padding:0 0 0 25px; color: #626262; font-family:'TextRegular';}
.corporation_mypage .management_btns{margin:30px 0; text-align:right;}
.corporation_mypage .management_btns + *{padding-bottom:0 !important;}
    .car_manager .result{padding-top:40px;}
    .result_text_btn_wrap{position:relative; padding:14px 120px 5px 0;}/* 2018-03-19 이지혜 : 텍스트와 버튼 한줄에 나란하게 수정 */
    .result_text_btn_wrap .btns{position:absolute; bottom:5px; right:0;}
    .car_manager .data_table .check_wrap label{height:22px; padding:0 0 0 20px;}
    .car_manager .hmc_form{margin-top:60px;}
    .car_manager .hmc_form div + p{margin-top:10px;}
    .car_manager .panel_mo{padding-bottom:0;}

@media screen and (min-width: 768px){
    /* 768이상 pc */

    .management_form .input_group [class^="select_"]{width:125px;}
    .management_form .input_group .input_wrap{width:calc(100% - 135px);}
    .management_form{max-width:840px; margin:0 auto;}
    .management_form>.ui_table>*:not(:only-child){float:left; width:48%; margin-top:0 !important;}
    .management_form>.ui_table>*:nth-child(even){margin-left:4%}
    .management_form>.ui_table:after{content:''; display: block; clear: both;}
    .hmc_form.management_form .ui_table>dl>dt{width:85px;}
    .management_form>.ui_table + p{float:left; width:100%; margin-top:20px;}
    .car_manager .division>*{width:40%;}
    .car_manager .division>*:first-child{width:calc(60% - 10px);}
    .car_manager .form_btns{margin-top:40px;}
    /* 200312 add */
    #myConsult .bluelink_drive_info .date_search_form .input_button_wrap>label,
    #myConsult .bluelink_drive_info .date_search_form [class^="btn_"]{width:94px; min-width: inherit;}
    /* //200312 add */
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .corporation_mypage .management_form .input_group [class^="select_"]{float:none;}
    .corporation_mypage .management_form .input_group .input_wrap{float:none; margin-top:10px;}
    .corporation_mypage .management_form .input_group .space{display:none;}
    .table_scrollable .car_management{width:350% !important; table-layout: inherit;}
    .car_manager .division>*{width:100%;}
    .car_manager .division>.space{display:none;}
    .car_manager .division>*:first-child{margin-bottom:10px;}
    .car_manager .form_btns{margin-top:20px;}
    .corporation_mypage .management_btns [class^="btn_"] {float:right; width:calc(50% - 10px); margin:10px 5px 0 0;}/* 2018-03-19 이지혜 모바일 3개 이상일때 정렬 수정 */
}

@media screen and (max-width: 767px){
    .selectVehicle-selectBox-dropdown-menu li a {padding:0 6px;letter-spacing:-1px;}
}

.mypage .print_layer [class*="tab_menu"][class*="_03"] li {min-width:calc( (100% - 49px) / 8 );}
.addCarForm .hmc_form .ui_table>dl>* {vertical-align:bottom;}

/* 2018-03-15 이지혜 : 마이페이지 법인 수정 */
.corporation_mypage .registered_car_wrap {margin-top:2em;}
.corporation_mypage .registered_car_wrap .row_title {margin:0;}
.corporation_mypage .registered_car_wrap .registered_car {margin:1em 0 2em;}

.mypage_overview .dl_btn_wrap {position:relative;}
.mypage_overview .dl_btn_wrap .btn_go {position:absolute; top:0; right:0; display:table-cell; width:50px; height:100%;}

@media screen and (min-width: 1024px){
    /* PC에서 멤버쉽/포인트 2단 정렬 */
    .membership_point .point_wrap:after {clear:both; display:block; content:'';}
    .membership_point .point_wrap .point_info {float:left; width:calc(50% - 10px); height:201px;}
    .membership_point .point_wrap .point_list {float:right; width:calc(50% - 10px); margin:-32px 0 0 0;}
    .membership_point .point_wrap .point_info dl:before {height:150px;}
}

/***** [ 마이페이지 한지아 css ] (mypage.2.css 2018-05-25 합침) *****/
.member_leave .panel_gray{padding: 30px;}
.member_leave .panel_gray dl{}
.member_leave .panel_gray dl > dd{padding-top: 20px;}
.member_leave .panel_gray dl > dd .notice{line-height: 1.8;color: #333;}
.member_leave .panel_gray dl > dd > ul{padding-top: 30px;}
.member_leave .border_line + div{border-bottom: 1px solid #e4dcd3;border-top: 1px solid #e4dcd3;margin-top: 40px;}
/* .member_leave .pd_lg, .member_leave .pd_md, .member_leave .pd_sm{padding-left: 0;padding-right: 0;} 191125 삭제*/
.member_leave .panel_gray .btns .btn_md_primary {min-width:200px;} /* 191129 추가 */
.member_leave .select_wrap + textarea{margin-top: 20px;}
.member_leave [class^="list"] [class^="list"]{font-size: 1em;}
.member_leave .page_btns{padding-top: 50px;}

.sns_login .sns_login dt{padding-bottom:0.5em; font-family:'TextMedium'; color:#000;}
.sns_login .sns_login li{position:relative;display: inline-block; width:100%; height:90px; margin-top:20px;  border:1px solid #e4dcd3; text-align: left;padding: 36px 0 36px 85px;}
.sns_login .sns_login .naver{color:#227b05;}
.sns_login .sns_login .facebook{color:#3a5899;}
.sns_login .sns_login .kakaotalk{color:#533b22;}
.sns_login .sns_login .google{color:#d2412f;}
.sns_login .sns_login li span{display: inline-block; line-height:18px; padding-left:1em; border-left:1px solid #e4dcd3;}
.sns_login .sns_login li small{color:  #626262;margin-left: 20px;}
.sns_login .sns_login li i{position:absolute; top:50%; left:40px; width:27px; height:27px; margin-top:-13.5px; background:url(../images/common/log_sns_pc.png) no-repeat;}
.sns_login .sns_login li button{position: absolute;top: 26px;right: 30px;}
.sns_login .sns_login .facebook i{background-position: 0 -27px;}
.sns_login .sns_login .naver i{background-position:0 0;}
.sns_login .sns_login .kakaotalk i{background-position: 0 -54px;}
.sns_login .sns_login .google i{background-position: 0 -81px;}

.change_info_pop .ui_table>dl>dt{width: 25%;}

@media screen and (max-width: 767px){
    .member_leave .border_line + div{margin-top: 30px;}
    .member_leave .pd_lg {padding-top:10px;} /* 191125 추가 */
    .member_leave .panel_gray{padding:25px 15px;margin:0 -15px;}
    .member_leave .panel_gray dl > dd > ul{padding-top: 20px;}
    .member_leave .select_wrap{width: 100%;}
    .member_leave .select_wrap + textarea{margin-top: 10px;}
    .member_leave .page_btns{padding-top: 20px;}

    .sns_login .sns_login li{height: auto;text-align: left;padding: 30px 14px;}
    .sns_login .sns_login li i{display: inline-block;position: relative;left: auto;top: auto;margin-top: 0;vertical-align: middle;}
    .sns_login .sns_login li span{vertical-align: middle;margin-left: 20px;}
    .sns_login .sns_login li small{color:  #626262;margin-left: 0;display: block;padding: 15px 0;}
    .sns_login .sns_login li button{position: relative;top: auto;right: auto;display: block;}
    .change_info_pop{}
    .change_info_pop .input_btn_wrap{width: 100%;}
    .change_info_pop .hmc_form .ui_table>dl>dd>div> span{float: none;width: 100% !important;display: block;}
    .change_info_pop .input_btn_wrap [class^="btn_"]{position: static;width: 100%;margin-top: 10px;}
    .change_info_pop .ui_table.responsive>dl>dt{width: 100% !important;}
}

/*마이페이지 이벤트 당첨확인 장미 */
.myp_event_chkbox{border: 1px solid #e4dcd3; margin-top: 20px; padding: 40px}
.myp_event_chkbox .check_wrap{display: block; }
.myp_event_chkbox .check_wrap >input + label{font-size: 16px}
.myp_event_chkbox .check_wrap ~ .check_wrap {margin-top: 20px}
.bg_sandgray{background:#f7f3f2 }
@media screen and (max-width:768px){
    .myp_event_chk .mt-80{margin-top: 40px !important;}
    .myp_event_chk .sub_title:first-child em{display: block;}
    .myp_event_chkbox{padding: 40px 20px;}
}

#myConsult .hmc_container {min-height: auto} /*200504 추가*/

/*200507 Grid 장미 수정*/
.point_history .section_white {overflow: visible;} /* 201104 add */
@media screen and (min-width: 1024px){
.my-estimate-list fieldset, .my-inquiry-list fieldset { margin: 0 30px;}
}
.point_history .showPointList {margin-top: 15px}
@media screen and (max-width: 767px){
   .my-estimate-list fieldset, .my-inquiry-list fieldset{margin:0;}
    #myConsult .mypage-lnb .lnb-list .active ol {margin-left: 0}
    #myConsult .mypage-lnb .lnb-list ol > li button {line-height:initial}
}
@media screen and (max-width: 425px){
    .mypoint .point_summary_cont .page_btns [class^="btn_"]{float:none; width:100%; margin-top:10px; padding:0;}
}

/* 230607 add */
/* mypage maintenanceHistory toggle Table*/
.maintenanceHistory .search_form > div{display: flex;justify-content: end;}
.maintenanceHistory [class^="select_wrap"] select{background: none;}
.maintenanceHistory .select_arrow{position: absolute;top :16px;right: 15px;width :0;height :0;pointer-events: none;border-style :solid;border-width: 8px 5px 0 5px;border-color: #000 transparent transparent transparent;}
.maintenanceHistory .btn-wrap{display: flex;justify-content: end;}
.maintenanceHistory .pagination{ margin: 45px 0;}

.toggle-table {position:relative;margin:2rem 0;width:100%;height:100%;}
.toggle-table ul.toggle-list:last-child {border:none;}
.toggle-table ul.toggle-list {padding:1.5rem;display:flex;text-align:center;}
.toggle-table ul.toggle-list li{width:15%;}
.toggle-table ul.toggle-list li:first-child{width:34%;}
.toggle-table ul.toggle-list li {font-size: 1rem;}
.toggle-table .toggle-header {border-top:2px solid #ccc;background:#f6f3f2;}
.toggle-table .toggle-header ul.toggle-list li {color:#666666;font-size:1rem;font-family:"TextMedium";}
.toggle-table .toggle-body {border-bottom:1px solid #ccc;}
.toggle-table .toggle-body ul.toggle-list li{ font-family: "TextRegular";  color: #666666;}
.toggle-table .toggle-body ul.toggle-list li.sort,
.toggle-table .toggle-body ul.toggle-list li.detail{ font-family: "TextMedium"; color: #000;}
.toggle-table .toggle-body ul.toggle-list li.detail{cursor: pointer;}

.toggle-table .expandable {transform-origin: top;padding: 0 1.5rem;max-height: 0;overflow: hidden;opacity: 0; will-change:max-height,padding,opacity,background; transition: opacity .5s ease, background .5s ease }
.toggle-table .toggle-body.actived .expandable{opacity: 1; padding: 38px 55px 0; max-height: 999px; background: #f6f3f2;}
.toggle-table .expandable .title{margin-bottom: 40px; font-size: 1.5rem; font-family: "HeadMedium";color: #000;}
.toggle-table .table-box{display: flex;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.toggle-table .table-box:last-child{margin-bottom:0; border-bottom:none;}
.toggle-table .table-box .left{width: 30%; min-width: 170px;}
.toggle-table .table-box .left .subject{padding-top: 5px; font-size: 1.2rem; font-family: "TextMedium"; color: #000;}
.toggle-table .table-box .right{ width: 70%; }
.toggle-table .table-box .right .inform li{display: flex; align-items: center; align-items: flex-start; flex: 1;}
.toggle-table .table-box .right .inform li .text-title,
.toggle-table .table-box .right .inform li .text-desc{margin-bottom: 15px;max-width: 370px;line-height: 1.7;font-size: 1rem;}
.toggle-table .table-box .right .inform li .text-title{ position: relative; padding-left: 8px; min-width: 110px; font-family: "TextMedium"; color: #000; }
.toggle-table .table-box .right .inform li .text-title:before{content: ''; position: absolute;top: 50%;left: 0; width: 2px;height: 2px;border-radius: 50%;background-color: #333;transform: translateY(-50%);}
.toggle-table .table-box .right .inform li .text-desc{color: #666; font-weight: normal;  font-family: "TextRegular"; }

.toggle-table .toggle-expand {padding: 1.5rem;float:left;width: 100%; will-change:max-height,padding,opacity,background;transition: all .5s ease;}
.toggle-table .toggle-expand li{position: relative;}
.toggle-table .toggle-expand li .mo-text{display: none;}
.toggle-table .toggle-expand li button{position:absolute; top:-3px; right:0; z-index:1; border:0;}
.toggle-table .toggle-expand li button:after{content: '';display: block;width:20px; height:20px;background-position: 0 -300px;background-image: url('https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_pc_20.png');background-repeat: no-repeat;}
.toggle-table .toggle-body.actived .toggle-expand  li button:after{background-position: -20px -300px;}

.table-wrap.fixed {width: 1120px;}
.table-wrap.fluid {width: 100%;}
.table-wrap .table>* {display: table-header-group;}
.table-wrap .table {width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;}
.table-wrap .table caption {width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.table-wrap .table > thead tr th {height: 50px; padding: 10px 0; border-right: 1px solid #fff; color: #ffffff; font-weight: 500; text-align: center;}
.table-wrap .table > thead tr th:first-child {border-left: 0;}
.table-wrap .table.align-left > tbody > tr td {padding: 16px 20px; text-align: left;}
.table-wrap .table > tbody > tr > th {padding: 16px 30px; font-weight: 500;}
.table-wrap .table > tbody > tr > td {height: 50px !important; text-align: center; line-height: 24px;}
.table-wrap .table > tbody > tr > td > span.multirow {display: inline-block; padding: 18px 30px;}
.table-wrap .table > tbody > tr > td > span.multirow.wide {padding-left: 20px; padding-right: 20px;}
.table-wrap .table > tbody > tr > td.txn_arrow {position: relative;}
.table-wrap .table > tbody > tr > td.txn_arrow > span {display: inline-block;width: 60%;}
.table-wrap .table > tbody > tr > td.txn_arrow .btn-arrow {position: relative; width: 12px; height: 12px; margin: 0 30px;}
.table-wrap .table > tbody > tr > td.txn_arrow .btn-arrow:before {position: absolute; content: ''; top: -3px; right: 0; display: block; width: 12px; height: 12px; border: 0; border-right: 2px solid #002c5f; border-bottom: 2px solid #002c5f; transform: rotate(45deg);}
.table-wrap .table > tbody > tr > td > b {font-weight: 500;}
.table-wrap .table.inner-table {width: auto; margin-top: 18px;}
.table-wrap .table.inner-table tr th {text-align: center; color: #000;}
.table-wrap .table.accordion tbody tr.show > td {font-weight: 500;}
.table-wrap .table.accordion tbody tr.show > td .btn-arrow:before {position: absolute; content: ''; top: 3px; right: 0; display: block; width: 12px; height: 12px; border: 0; border-top: 2px solid #002c5f; border-left: 2px solid #002c5f; transform: rotate(45deg);}
.table-wrap .table.accordion tbody > tr.expand {display: none;}
.table-wrap .table.accordion tbody > tr.expand.active {display: table-row;}
.table-wrap .table.accordion tbody > tr.expand.active > td > .tr-detail {display: block; width: 100%;}
.table-wrap .table .align-left {text-align: left !important;}
.table-wrap .table .align-center {text-align: center !important;}
.table-wrap .table .align-right { text-align: right !important;}
.table-wrap + [class*="list-"] {margin-top: 20px;}
.table-wrap .table.type02 {margin: 40px 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.table-wrap .table.type02 > thead tr th {height: 60px; background-color: #f6f3f2; color: #666; font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -.4px; line-height: 1; border: none;}
.table-wrap .table.type02 > thead tr th:last-child {border-right: none;}
.table-wrap .table.type02 > tbody tr th {height: 50px; border-bottom: 1px solid #cccccc;}
.table-wrap .table.type02 > tbody tr td {color: #666;font-family: "HyundaiSansHeadKRR"; font-size: 16px; line-height: 30px; letter-spacing: -.4px; line-height: 1; border: none; border-bottom: 1px solid #ccc;}
.table-wrap .table.type02 tbody tr td .no-list {padding: 80px 0;}


@media screen and (min-width: 768px) and (max-width: 1024px){
    .toggle-table .toggle-body ul.toggle-list li.detail{text-indent: -10px;}
    .toggle-table .toggle-expand li button{right: -10px;}
}

@media screen and (max-width: 767px){
    .toggle-table ul.toggle-list {padding: 15px 20px; display: flex; text-align: left;}
    .toggle-table ul.toggle-list:last-child {border:none;}
    .toggle-table ul.toggle-list li{position: relative; width: auto; font-size: 0.9rem; line-height: 2.4;}
    .toggle-table ul.toggle-list li:first-child{width: auto;}
    /* .toggle-table .table-box:last-child{margin-bottom:0; border-bottom: none;} */
    .toggle-table ul.toggle-list.toggle-expand{flex-direction: column;}

    .toggle-table .toggle-header ul.toggle-list li{color: #000;font-size: .8rem;}
    .toggle-table .toggle-header ul.toggle-list li:before{content: '/'; }
    .toggle-table .toggle-header ul.toggle-list li:first-child:before{display: none;}
    .toggle-table .toggle-header ul.toggle-list li{line-height: normal;}
     .toggle-table .toggle-body ul.toggle-list li.sort{font-weight: normal; color: #666; font-family: "TextRegular";}
    .toggle-table .toggle-body ul.toggle-list li.detail{margin-top: 15px; padding-left: 8px; width: 12%;min-width: 78px; font-size: .85rem; font-weight: normal; font-family:"HeadMedium"; line-height: 1.8;}
    .toggle-table .toggle-body ul.toggle-list li.detail:before{display: none;}

    .toggle-table .toggle-expand li button{top: 0;}
    .toggle-table .toggle-expand li .mo-text{display: inline-flex; padding-left: 8px; margin-right: 30px;min-width: 60px;font-size: 0.8rem; font-family: "TextMedium"; color: #000;}
    .toggle-table ul.toggle-list.toggle-expand li:last-child{display: block;}
    .toggle-table ul.toggle-list.toggle-expand{flex-direction: column;}
    .toggle-table ul.toggle-list.toggle-expand li:before{content: ''; position: absolute;top: 50%;left: 0; width: 2px;height: 2px;border-radius: 50%;background-color: #333;transform: translateY(-50%) }
    .toggle-table .toggle-body.actived .expandable{padding: 35px 15px 0}
    .toggle-table .expandable .title{font-size: 1rem; margin-bottom: 20px;}
    .toggle-table .table-box .left .subject{font-size: .9rem; font-family: "HeadMedium";}
    
    .toggle-table .table-box{flex-direction: column;}
    .toggle-table .table-box .left, .toggle-table .table-box .right{width: 100%;}
    .toggle-table .table-box .right .inform{ margin-top: 18px; }
    .toggle-table .table-box .right .inform li .text-desc,
    .toggle-table .table-box .right .inform li .text-title{margin-bottom: 10px;font-size: .8rem; line-height: 2;}
    .toggle-table .table-box .right .inform li .text-title{color: #000; min-width: 95px;}

    .table-wrap .table.type02 {display:block; border-bottom:none;}
    .table-wrap .table.type02 tbody, .table-wrap .table.type02 thead, .table-wrap .table.type02 tr {display: block; width: 100%;}
    .table-wrap .table.type02 thead tr {display:block; width: 100%; padding: 9px 15px; background: #f6f3f2;}
    .table-wrap .table.type02 thead>tr th {position: relative;display: inline-block; height: auto; padding: 0 5px 0 0; font-family: "HyundaiSansTextKR"; font-size: 12px; line-height: 20px; letter-spacing: -.4px; color: #000;}
    .table-wrap .table.type02 thead>tr th:after {position: absolute;top: 4px; right: 1px; width: 1px; height: 10px; -webkit-transform: rotate(23deg); transform: rotate(23deg); background: #000; content: "";}
    .table-wrap .table.type02 thead>tr th:last-child:after {display:none;}
    .table-wrap .table.type02 tbody>tr td {position: relative; display: block; height: auto!important; text-align: left; border-bottom: 0; font-family: "HyundaiSansTextKRR"; font-size: 12px; line-height: 20px; letter-spacing: -.4px; border-bottom: 1px solid #ccc;}
    .table-wrap .table.type02 tbody tr td .no-list {padding:22px 0 30px;}
}
/* 마이페이지 최원혁 css */

/* 마이페이지 한지아 css */

/* ============================ [ login.css - 로그인 ] ============================ */

/* 개인, 블루멤버스 로그인 css */
.hmc_login .email_comfirm{background:#f6f3f2; border-color:#f6f3f2;}
.hmc_login .centered{background:#fff; border:1px solid #e4dcd3;}
.hmc_login .section + .section{margin-top:30px;}
.hmc_login [class^="panel"] + [class^="panel"]{margin-top:20px;}
.hmc_login .panel_notice{padding:0;}

.hmc_login .hmc_form>*:not(legend) + *:not([class$="_btns"]){margin-top:20px;}

/* 로그인 */
.hmc_login .login .form_btns{margin-top:20px;}
.hmc_login .login .form_btns + .form_btns {margin-top:10px;}
.hmc_login .login .form_btns + .form_btns [class^="btn_"]{border-color:#006992;background:#006992;}
/* 210427 add */
.hmc_login .login h3.regular_title {margin-top:20px;font-size:16px;color:#000;line-height:34px;border-bottom:1px solid #ccc;}
.hmc_login .login h3.regular_title + .form_btns {margin-top:10px;}
.hmc_login .login h3.regular_title + .form_btns [class^="btn_"] {border-color:#006992;background:#006992;}
.hmc_login .login .form_btns + .form_btns [class^="btn_"][class*="gray"] {border-color:#444;background:#444;color:#fff;}
.hmc_login .login .form_btns + .form_btns [class^="btn_"][class*="gray"] i {display: inline-block;margin-left: 10px;} 
/* //210427 add */
.hmc_login .login .action-find {margin-top:29px; text-align: center;}
.hmc_login .login .action-find a{padding:0 15px;}
.hmc_login .login .action-find a + a{border-left:1px solid #f6f3f2;}
.hmc_login .login .save_find {display:table;width:100%;margin-top:20px;}
.hmc_login .login .save_find > span {display:table-cell;}
.hmc_login .login .save_find .action-find {text-align:right;}
.hmc_login .login .save_find .action-find a {padding-left:0;}
.hmc_login .login .save_find .action-find a + a {padding:0 0 0 10px;}
.hmc_login .login .id_password_info {font-size: 13px; padding-top: 7px; line-height: 18px;}
@media screen and (max-width: 340px){
	/* 2018-03-20 이지혜 : 모바일320에서 깨짐 수정 */
	.hmc_login .login .save_find .action-find a {padding:0; letter-spacing:-0.05em;}
	.hmc_login .login .save_find .action-find a + a {padding:0 0 0 10px;}
}

/* sns 로그인 */
.hmc_login .sns_login dt{padding-bottom:0.5em; font-family:'TextMedium'; color:#000;}
.hmc_login .sns_login button{position:relative; width:100%; height:50px; margin-top:20px; padding-left:85px; border:1px solid #e4dcd3; text-align: left;}
.hmc_login .sns_login .naver{color:#227b05;}
.hmc_login .sns_login .facebook{color:#3a5899;}
.hmc_login .sns_login .kakaotalk{color:#533b22;}
.hmc_login .sns_login .google{color:#d2412f;}
.hmc_login .sns_login button span{display: inline-block; width:100%; line-height:18px; padding-left:1em; border-left:1px solid #e4dcd3;}
.hmc_login .sns_login button i{position:absolute; top:50%; left:40px; width:27px; height:27px; margin-top:-13.5px; background:url(../images/common/log_sns_pc.png) no-repeat;}
.hmc_login .sns_login .facebook i{background-position: 0 -27px;}
.hmc_login .sns_login .naver i{background-position:0 0;}
.hmc_login .sns_login .kakaotalk i{background-position: 0 -54px;}
.hmc_login .sns_login .google i{background-position: 0 -81px;}
/* 본인인증 */
.hmc_login .certification_area .certification_box{padding:50px 20px 50px 210px;}
.hmc_login .certification_area .certification_box.ipin {background:url(../images/common/img_cerfi_ipin.png) no-repeat 40px center #f6f3f2;}
.hmc_login .certification_area .certification_box.phone {background:url(../images/common/img_cerfi_phone.png) no-repeat 40px center #f6f3f2;}
/* 아이디 찾기 결과 */
.hmc_login .id_result_list > li{margin:20px 0;}
.hmc_login .id_result_list > li .id_info{position:relative;padding:30px;background-color:#f6f3f2;}
.hmc_login .id_result_list > li .dl_text_cont{overflow:hidden; font-size:0.9em;}
.hmc_login .id_result_list > li + li{margin-top:20px; }
.hmc_login .id_result_list > li dl dd{word-break:break-all;}
.hmc_login .action{margin-left:10px;color:#006992;text-decoration:underline;}
.hmc_login .id_result_list .id_check_wrap{position:relative;overflow:hidden;z-index:1;}
.hmc_login .id_result_list .id_info strong{display:block;margin-bottom:20px;}
.hmc_login .id_result_list .id_info > b:before {content:''; display:inline-block; width:2px; height:2px; background:#000; margin-right:5px; vertical-align: middle;}
.hmc_login .id_result_list .id_check_wrap input{position:absolute;top:-100px;left:-100px; width:13px; height:13px; padding:0;}
.hmc_login .id_result_list .id_check_wrap input + label:before{content:''; position:absolute; top:47px; left:25px;width:20px; height:20px; border:2px solid #767676;}
.hmc_login .id_result_list .id_check_wrap input:checked + label:before{border-color:#006992;}
.hmc_login .id_result_list .id_check_wrap input[type="radio"] + label:before{border-radius: 50%;}
.hmc_login .id_result_list .id_check_wrap input[type="radio"]:checked + label:after{content:''; position:absolute; top:53px; left:31px; width:8px; height:8px; background:#006992; border-radius: 50%;}
.hmc_login .id_result_list .id_check_wrap input[type="radio"]:checked:disabled + label:after{background:#cecdca;}
.hmc_login .id_result_list > li label.id_info{display:block;overflow:hidden;}
/* 휴면 계정 */
.account_info .mt60{margin-top: 60px;}
.account_info .birth > div, .account_info .number_mobile > div{margin-top: 20px;}
.account_info .panel_notice + form{margin-top: 80px;}

/*법인 로그인*/
.m-br {display: none;}
.corporation_login {padding: 73px 0 0; background: #fff;}
.corporation_login .m-br {}
.corporation_login [class^="section"].centered{padding:50px 0 150px;}
.corporation_login .text_strong {font-size:20px; line-height: 34px; font-family: 'HeadMedium';}
.corporation_login .login {display: flex; gap:0 20px; margin:0 70px;}
.corporation_login .login [class^="login-area-type"] {width:100%; padding:42px 34px 41px; border:1px solid #e4dcd3;}
.corporation_login .login [class^="login-area-type"] .title {font-size:20px; line-height: 36px; font-family: 'HeadMedium'; color:#000; text-align:center;}
.corporation_login .login [class^="login-area-type"] .title:after {display: block; content:''; width:120px; height:120px; margin:10px auto 0 auto; background: url(../../../../../../content/dam/hyundai/kr/ko/images/common/ico-dorp-login-01-pc.png) no-repeat; border-radius: 100%;}
.corporation_login .login [class^="login-area-type"] .btn-area {display: flex;}
.corporation_login .login [class^="login-area-type"] .btn-area > a {flex: 1;}
.corporation_login .login [class^="login-area-type"] .tail {position: relative; margin:7px 0 0; padding:0 0 0 15px; font-size:14px; line-height: 30px; color:#666; font-family: 'TextRegular';}
.corporation_login .login [class^="login-area-type"] .tail strong {font-family: 'HyundaiSansTextKR'; color:#000;}
.corporation_login .login [class^="login-area-type"] .tail:before {position: absolute; left:0; top:0; display:block; content:'※'}
.corporation_login .login [class^="login-area-type"] .btn-area {gap: 0 10px; margin:40px 0 0; }
.corporation_login .login [class^="login-area-type"] .btn-area [class^="btn_"] + [class^="btn_"] {margin:0;}
.corporation_login .login [class^="login-area-type2"] .title:after {display: block; content:''; width:120px; height:120px; margin:10px auto 0 auto; background: url(../../../../../../content/dam/hyundai/kr/ko/images/common/ico-dorp-login-02-pc.png) no-repeat; border-radius: 100%;}
.corporation_login .login [class^="login-area-type"] .btn-area [class^="btn_"][class*="_white"] {color:#002c5f; border:1px solid #002c5f;}
.corporation_login .login [class^="login-area-type2"] .btn-area [class^="btn_"][class*="_white"] {color:#007fa8; border:1px solid #007fa8;}

.corporation_login .login [class^="login-area-type2"] .btn-area [class^="btn_"][class*="_white"]:after {display:inline-block; content:''; width:14px; height:16px; width:16px;height:16px; margin:0 0 0 10px; background:url(../images/common/ico_pc_20.png) no-repeat -40px -100px; vertical-align: middle;}

@media screen and (max-width: 767px){
    .m-br {display: block;}
    .corporation_login {padding: 46px 0 0;}
    .corporation_login .text_strong {font-size:16px; line-height: 24px;}
    .corporation_login [class^="section"].centered {padding: 34px 0 60px;}
    .corporation_login .login {flex-direction: column; gap: 20px 0; margin: 0 15px;}
    .corporation_login .login [class^="login-area-type"] {padding: 36px 14px ;}
    .corporation_login .login [class^="login-area-type"] .title {font-size:16px; line-height: 24px;}
    .corporation_login .login [class^="login-area-type"] .title:after {width:90px; height: 90px; margin:14px auto 0 auto; background: url(../../../../../../content/dam/hyundai/kr/ko/images/common/ico-dorp-login-01-mo.png) no-repeat; background-size: 100%;}
    .corporation_login .login [class^="login-area-type"] .btn-area {flex-direction: column; margin: 30px 0 0; gap: 10px 0;}
    .corporation_login .login [class^="login-area-type"] .btn-area > a {flex: none; height: 40px; font-size: 14px;}
    .corporation_login .login [class^="login-area-type"] .tail {margin:11px 0 0; font-size:12px; line-height: 20px;}
    .corporation_login .login [class^="login-area-type2"] .title:after {width:90px; height: 90px; margin:14px auto 0 auto; background: url(../../../../../../content/dam/hyundai/kr/ko/images/common/ico-dorp-login-02-mo.png) no-repeat; background-size: 100%;}
}
@media screen and (min-width: 768px){
	/* 768 이상 tablet & descktop  */

    .hmc_login{padding:150px 0; background:url(../images/common/bg_login_pc.jpg) no-repeat 50% 0;}
    .hmc_login>[class^="text"]{width:100%; max-width:940px; height:75px; margin:-75px auto 0;}
    .hmc_login .section{position:relative; padding-left:60px; padding-right:60px;}
    .hmc_login .section:after{content:''; display: block; clear: both;}
    .hmc_login .centered{max-width:940px;}
    .hmc_login .text_button_bar{min-height:50px; margin:-15px 0;}
    .hmc_login .text_button_bar .text{padding-top:10px; margin-right:60px;}
    .hmc_login .text_button_bar>[class*="btn"]{margin-top:-25px;}
    .hmc_login .text_button_bar .bullet_dot{max-width:400px; margin-right:260px;}
    .hmc_login .page_btns,
    .hmc_login .form_btns{margin-top:60px;}
    .hmc_login .login_form{min-width:inherit; max-width:450px; margin:0 auto;}
    .hmc_login .check_wrap{min-width:150px; text-align:left;}
    .hmc_login .radio_set.align_center{padding-bottom:30px;}
    .hmc_login .radio_set.align_center .check_wrap{min-width:inherit;}
    .hmc_login .radio_set.align_center .check_wrap:first-child{margin-right:50px;}
    .hmc_login .email_comfirm>dl>dt{width:120px;}
    .hmc_login .email_comfirm>dl>dd:first-child{width:calc(100% - 120px);}
    .hmc_login .email_comfirm.done{padding-right:40px}
    .hmc_login .email_comfirm.done>dl{display:block; text-align: center;}
    .hmc_login .email_comfirm.done>dl>*{display:inline-block; width:auto; max-width:calc(100% - 120px); padding:0 2%;}
    .hmc_login .login{float:left; width:460px; min-height:303px; padding-right:60px; border-right:1px solid #f6f3f2;}
    .hmc_login .login + *{position:absolute; top:0; right:0; width:420px; height:100%; overflow: hidden; background-position: center top; }

    .hmc_login .sns_login{position:static; float:right; width:300px;}
    .hmc_login .sns_login button{padding-left:85px;}
    .hmc_login .sns_login button i{left:40px; width:27px; height:27px; margin-top:-13.5px; background:url(../images/common/log_sns_pc.png) no-repeat;}
    .hmc_login .sns_login .facebook i{background-position: 0 -27px;}
    .hmc_login .sns_login .naver i{background-position:0 0;}
    .hmc_login .sns_login .kakaotalk i{background-position: 0 -54px;}
    .hmc_login .sns_login .google i{background-position: 0 -81px;}

    .hmc_login .id_result_list > li dl{overflow:hidden;float:left;width:50%;margin:0;}
	.hmc_login .id_result_list > li dl dt{float:left;width:20%;margin:0;line-height:22px;}
	.hmc_login .id_result_list > li dl dd{float:left;width:80%;}
	.hmc_login .id_result_list > li label.id_info{display:block;overflow:hidden;padding-left: 80px;}
	.hmc_login .id_result_list > li label.id_info > b{float:left;width:10%;margin:0;line-height:22px;}
	.hmc_login .id_result_list > li label.id_info > span{float:left;width:40%;line-height:22px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* 768 이상 1024미만 tablet  */

	.hmc_login .certification_area .certification_box{padding:30px 30px 30px 150px;background-position:20px center!important;background-size:100px auto!important;;}
}
@media screen and (min-width: 768px) and (max-width: 970px){
    /* 768 이상 970미만 tablet  */

    .hmc_login{padding:80px 15px;}
    .hmc_login>[class^="text"]{margin-top:0;}
    .hmc_login .section{padding-left:15px; padding-right:15px;}
    .hmc_login [class^="section"].pd_md{padding:30px 15px;}
    /* 201801030 정윤진, 태블릿일 경우 가로너비 변경
    .hmc_login .login{width:380px; padding-right:30px;}
    .hmc_login .login + *{width:360px;}
    .hmc_login .sns_login{width:300px;} */
    .hmc_login .login {width: 50%; padding-right: 15px;}
    .hmc_login .login + *{width:50%;}
    .hmc_login .sns_login{padding-left: 15px;}
    .hmc_login .text_button_bar .text{padding-left:10px; text-indent:-10px;}
    .hmc_login .section:last-child .text_button_bar .text{padding-top:0;}
}
@media screen and (max-width: 767px){
    /* 768 이하 tablet & mobile  */

    .hmc_login .id_result_list .id_check_wrap input + label:before { top: 25px; } /* 20180130 정윤진, label 위치 수정 /group1/pw-find02.jsp */
    .hmc_login .id_result_list > li label.id_info{padding-left: 60px;}
    .hmc_login .id_result_list .id_info > * {display:block;}
    .hmc_login .id_result_list .id_info > b {margin:20px 0 10px;}
}
@media screen and (max-width: 767px){
	/* 768 미만 mobile  */

    .hmc_login>[class^="text"]{padding-bottom:2em;}
    .hmc_login{padding:50px 15px; background:url(../images/common/bg_login_mo.jpg) no-repeat 50% 0; background-size:100%}
    .hmc_login .form_btns,
    .hmc_login .page_btns{margin-top:30px;}
    .hmc_login .login_form .check_wrap{min-width:100px; text-align: left;}
    .hmc_login .sns_login {padding-top:40px; margin-top:40px; border-top:1px solid #e4dcd3;}
    .hmc_login .sns_login button{padding-left:65px;}
    .hmc_login .sns_login button i{left:20px; width:30px; height:30px; margin-top:-15px; background:url(../images/common/log_sns_mo.png) no-repeat; background-size:100%;}
    .hmc_login .sns_login .facebook i{background-position: 0 -30px;}
    .hmc_login .sns_login .naver i{background-position:0 0;}
    .hmc_login .sns_login .kakaotalk i{background-position: 0 -60px;}
    .hmc_login .sns_login .google i{background-position: 0 -90px;}
    .hmc_login .text_button_bar .text{padding-left:8px; text-indent:-8px;}
    .hmc_login .radio_set.align_center{padding-bottom:20px;}
    .hmc_login .id_result_list > li .id_info{padding:30px 15px;}
    .hmc_login .id_result_list .id_check_wrap input + label:before{top:25px; left:25px;}
    .hmc_login .id_result_list .id_check_wrap input[type="radio"]:checked + label:after{top:31px; left:31px;}
    .account_info .mt60{margin-top: 30px;}
	.account_info .birth > div, .account_info .number_mobile > div{margin-top: 10px;}
	.account_info .radio_set .check_wrap {margin-right: 0;}
	.account_info .align_center.notice{line-height: 1.8;}
	.account_info .panel_notice + form{margin-top: 30px;}
}
@media screen and (max-width:320px){
	/* 320 이하 mobile */
	.account_info .align_center.radio_set{margin:0 0 30px -15px ;}
}

/* 20171214 로그인 수정 */
.hmc_login .login_form .input_wrap { margin-bottom: 5px; }
@media screen and (min-width: 768px) {
  .hmc_login [class^="section"].pd_md {
    padding-top: 53px;
    padding-bottom: 51px;
  }
}

/* 20171226 로그인 안내메시지 추가 */
.hmc_login .messages { padding-top: 20px; color: #d2412f; line-height: 1.4; font-size: 13px; }
.hmc_login .messages p { margin: 0; padding: 0; line-height: 1.4; }
.hmc_login .messages p.bullet_dot { padding-left: 10px; line-height: 1.4; }
.hmc_login .messages p.bullet_dot:before { background-color: #d2412f; }

/* 2018-03-29 이지혜 : 이메일 아이디 인증 - 이메일 입력란 분리 */
.hmc_login .email_comfirm.type2 > dl {margin-top:0;}
.hmc_form .email_comfirm.type2 .email_input .select_wrap {background:#fff;}
.hmc_form .email_comfirm.type2 .email_input .select_wrap .selectBox-dropdown {padding:0; border:1px solid #e4dcd3;}
.hmc_form .email_comfirm.type2 .email_input .select_wrap .selectBox-dropdown:before {right:10px;}
.hmc_form .email_comfirm.type2 .email_input .select_wrap .selectBox-label {letter-spacing:-0.05em;}
@media screen and (min-width: 768px){
    .hmc_login .email_comfirm.type2 > dl > dt {width:120px; padding:0; vertical-align:middle;}
    .hmc_form .email_comfirm.type2 dd.email_id {width:calc(100% - 120px);}
    .hmc_form .email_comfirm.type2 dd.email_id .btn_md_primary {float:none;}
    .hmc_form .email_comfirm.type2 .email_id .input_btn_wrap.responsive {width:auto; padding-right:130px;}
    .hmc_form .email_comfirm.type2 .input_btn_wrap.responsive .email_input {width:auto; float:none;}
    .hmc_form .email_comfirm.type2 .input_btn_wrap.responsive .email_input span {text-align:center;}
    .hmc_form .email_comfirm.type2 .input_btn_wrap.responsive .email_input .input_wrap {width:30%; min-width:inherit;}
    .hmc_form .email_comfirm.type2 .input_btn_wrap.responsive .email_input .select_wrap {width:30%; min-width:inherit;}
    .hmc_form .email_comfirm.type2 .input_btn_wrap.responsive .email_input .select_wrap .selectBox-label {letter-spacing:0; padding:0 10px; text-align:left;}
}

/* 2018-04-03 : 이지혜 : 인풋1+버튼2 타입 추가 */
.btns2.input_btn_wrap.responsive [class^="btn_"]:not(button):before {display:none;}
.btns2.input_btn_wrap.responsive .btn_wrap {margin:0 -1%; width:102% !important;}
.btns2.input_btn_wrap.responsive .btn_wrap [class^="btn_"] {display:block; float:left; width:48%; margin:10px 1% 0;}
@media screen and (min-width: 768px){
    .btns2.input_btn_wrap.responsive .input_wrap {width:calc(100% - 262px);}
    .btns2.input_btn_wrap.responsive .btn_wrap {position:static; margin:0; width:262px !important; padding:0;}
    .btns2.input_btn_wrap.responsive .btn_wrap [class^="btn_"] {position:static; width:120px; margin:0 0 0 10px;}
}
/* ============================ [ purchase-guide.css - 구매가이드 메뉴 ] ============================ */

/* 01 차량디자인 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* 02 경쟁차 비교 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 차량 선택 */
[class*="car_compare"] .title_area{text-align: center;}
[class*="car_compare"] .title_area .main_title{margin-bottom:24px;}
    .compare_list{overflow:hidden; overflow-x:auto; width:100%;}
    .compare_list>ul{position:relative;}
    .compare_list>ul:after{content:''; display: block; clear: both;}
    .compare_list>ul>li{float:left; width:calc((100% - 96px) /4);}
    .compare_list>ul>li:first-child{position:relative; margin-right:96px;}
    .compare_list>ul>li:first-child:after{content:''; width:96px; height:100%; position:absolute; top:0; right:-96px; background:#002c5f url(../images/common/img_versus_w.png) no-repeat 50% 50%;}
    .compare_list>ul>li>div{position:relative; width:100%; height:360px; padding-top:60px; margin:0 auto; border:1px solid #e4dcd3; text-align:center;}
    .compare_list>ul>li>div dl{opacity:.8;}
    .compare_list>ul>li>div:hover dl{opacity:1;}
    .compare_list>ul>li:first-child>div{float:left;}
    .compare_list>ul>li:last-child>div{float:right;}
    .compare_list .btn_md.disabled {color:#fff !important;}
    .compare_list .img{position:relative;display:block; width:100%; height:114px;}
    .compare_list .img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
    .compare_list>ul>li>div [class^="btn"]{width:120px !important; margin-top:30px; background: #626262; color:#fff !important;}
    .compare_list>ul>li>div:hover [class^="btn"],
    .compare_list .hyundai_car [class^="btn"]{background:#002c5f;}
    .compare_list .hyundai_car{background:#fff; border-color:#fff;}
    .compare_list .hyundai_car dl{opacity:1;}
    .compare_list .ico{display:inline-block; width:100px; height:114px; margin-bottom:25px; background:url(../images/common/ico_car_compare_02.png) no-repeat 50% 50%; background-size:100%;}
    .compare_list .hyundai_car .ico{background-image:url(../images/common/ico_car_compare_01.png);}
    .compare_list dt{padding-bottom:15px; font-family:'HeadMedium'; color:#000; font-size:1.25em;}
    /* 20180205 함은주 구분선 추가 */
    .compare_list .added{opacity:1; background:#fff; border-color:#fff; border-right-color: #e4dcd3;}
    .compare_list li:last-child .added {border-right-color: #fff;}
    .compare_list .added .ico{overflow:hidden; position:absolute; top:0; left:25px; width:50px; height:0; padding-top:66px; margin-bottom:0;}
    .compare_list .added dl{padding:0 10px 0 30px; text-align:left; }
    .compare_list .added .text{height:6em;}
    .compare_list .price{font-family:'HeadMedium'; color:#000;}
    .compare_list .price b{font-size:20px;}
    .compare_list .func{position:absolute; top:20px; right:20px;}
    .compare_list .func button{position:relative; width:28px; height:28px; margin-left:3px; background:url(../images/common/btn_car_compare.png) no-repeat;}
    .compare_list .func .estimate{}
    .compare_list .func .edit{background-position:0 -28px;}
    .compare_list .func .delete{background-position:0 -56px;}
    .compare_list .func .layer_tooltip{overflow:hidden; display:block; top:-120%; left:-12px; z-index:1;  width:0; height:0; padding:0; white-space: nowrap;}
    .compare_list .func .layer_tooltip:after{left:30%;}
    .compare_list .func button:hover .layer_tooltip{overflow:visible; display:block; width:auto; height:auto; padding:5px 5px; text-align:center;}
[class*="compare_choice"] .compare_list{max-width:1120px; margin:0 auto;}
[class*="compare_choice"] .compare_list>ul{padding:60px 0;}
@media screen and (max-width: 767px){
    /* 767 이하 모바일 */
    .compare_list>ul>li>div{opacity:1;}
    .compare_list>ul>li>div [class^="btn"]{background:#002c5f;}
    [class*="compare_choice"] .compare_list>ul{padding:30px 0;}
}
@media screen and (max-width: 320px){
    /* 320 이하 모바일 */
    [class*="compare_choice"] .compare_list>ul{width:980px;}
        .compare_list>ul>li>div{height:350px;}
}
/* 비교상세 */
/* 고정 타이틀 영역 */
.scroll_fixed_area:not(.fixed) .section_white {} /* margin-top:40px; */

[class*="compare_detail"] .detail_title_bar{position:relative; font-family:'TextRegular';}
    .detail_title_bar ._title{position:absolute; top:50%; left:0; margin-top:-8px;  font-family:'HeadMedium'}
    .detail_title_bar .btn_reset{position:absolute; top:50%; right:0; margin-top:-10px; padding:0;}
[class*="compare_detail"] [class*="tab_menu"][class*="_02"]>li{margin:0 10px;}
[class*="compare_detail"] .fixed{position:fixed; top:0; left:0; z-index: 2; width:100%; background:#f6f3f2;}
/* html 20180104 정윤진, 경쟁차 비교 차량선택 fixed일때 수정
[class*="compare_detail"] .fixed [class*="pd_"]{padding-bottom:0;}*/

/* 비교차량 영역 */
[class*="compare_detail"] .compare_list_wrap{position:relative;}
[class*="compare_detail"] .compare_title{position:absolute; top:0; left:0; z-index: 1; width:96px; height:100%; background:#002c5f; color:#fff; font-size:20px; text-align: center;}
[class*="compare_detail"] .compare_title:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
[class*="compare_detail"] .compare_list{overflow:hidden; overflow-x:auto; width:100%;}
[class*="compare_detail"] .compare_list ul{width:1120px; padding-left:96px;}
[class*="compare_detail"] .compare_list>ul>li{width:25%; margin-right:0;}
[class*="compare_detail"] .compare_list>ul>li:first-child:after{width:1px; right:0; background-image: none;}
[class*="compare_detail"] .page_btns{padding:60px 0 20px;}
[class*="compare_detail"] .fixed .detail_title_bar,
[class*="compare_detail"] .fixed .compare_list_wrap{margin-bottom:0;}
[class*="compare_detail"] .fixed .compare_list .added{border-bottom-color:#e4dcd3;}
[class*="compare_detail"] .fixed .compare_list .img,
[class*="compare_detail"] .fixed .compare_list div .ico{display:none;}
/* html 20180104 정윤진, 경쟁차 비교 차량선택 fixed일때 수정
[class*="compare_detail"] .fixed .compare_list div:not(.hyundai_car) .ico{display:none;}
[class*="compare_detail"] .fixed .page_btns{display:none;}
*/
[class*="compare_detail"] .fixed + div, [class*="compare_detail"] .fixed + div + div {margin-top:440px;}
/* 비교차량 정보 영역 */
.compare_car .sub_title {padding-top: 60px;}
.compare_car [class^="section"].pd_lg{padding-top:0;}
.compare_info thead th{height:20px; padding:0; background:none;}
.compare_info thead th:first-child {border-left:none;}
.compare_info thead th:last-child {border-right:none;}
.compare_info tbody th{width:96px; padding:0; border-right: 0;} /* 20180126 정윤진, 아이폰x 테스트 결과 수정사항 처리 #29 */
.compare_info tbody tr:first-child>th{border-top-color:#e4dcd3;}
.compare_info td{width:256px; padding-left:30px;border-top:1px solid #e4dcd3;}
.compare_info tbody tr:last-child>*{border-bottom:1px solid #e4dcd3;}
.compare_info th + td{font-weight: bold; color:#000;}
.compare_info .data_table tbody tr:first-child td {border-top:1px solid #e4dcd3;}
.title_btn_bar{position:relative;}
.title_btn_bar [class^="btn_"]{position:absolute; top:0; right:0;}
.compare_info .table_scroll_wrap{position:relative; width:100%;}
.compare_info .fixed_header{position:absolute; top:0; left:0; z-index: 1; width:96px;}
.compare_info .scroll_area table{table-layout:auto; width:1120px;}
.compare_info .btn_tooltip{margin:-2px 0 0 3px;}

@media screen and (min-width: 768px){
    /* 768 이상 tablet & pc */

    [class*="compare_detail"] .fixed .compare_list>ul>li>div{height:240px; padding-top:70px;}
    .detail_title_bar [class*="tab_menu"][class*="_02"]:after{display:none;}
    .compare_info .scroll_area,
    .mc_bc_ac_rs_4_html{padding-bottom: 0px;}
    .mc_bc_ac_rs_4_html .newcar_safety {position:relative;margin-top:10px;padding-right:385px;}
    .mc_bc_ac_rs_4_html .newcar_safety .img_wrap {position:absolute;top:7px;right:0;border:1px solid #e4dcd3;}
    .mc_bc_ac_rs_4_html .newcar_safety .text,
    .mc_bc_ac_rs_4_html .newcar_safety a {font-size:16px;color:#000;line-height:30px;}
    .mc_bc_ac_rs_4_html .newcar_safety .link {margin-top:10px;}
    .mc_bc_ac_rs_4_html .newcar_safety .link a {position:relative;padding-right:17px;}
    .mc_bc_ac_rs_4_html .newcar_safety .link a:before {position:absolute;top:5px;right:0;display:block;width:11px;height:11px;background:url('../images/common/ico_pc_20.png') no-repeat -60px -260px;content:'';}
}
@media screen and (max-width: 1120px){
    /* 768 이상 1120 이하 tablet & pc */

    .detail_title_bar ._title{left:15px;}
    .detail_title_bar .btn_reset{right:15px;}
}
@media screen and (max-width: 767px){
    /* 767 이하 모바일 */
    .scroll_fixed_area:not(.fixed) .section_white { } /* margin-top:20px; */
    [class*="compare_detail"] [class*="tab_menu"][class*="_02"]>li{margin:0 5px 0 0;}
    [class*="compare_choice"] .compare_list>ul,
    [class*="compare_choice"] .compare_list>ul>li{width:100%;}
    [class*="compare_choice"] .compare_list>ul>li:first-child{margin:0 0 60px 0;}
    [class*="compare_choice"] .compare_list>ul>li:first-child:after{top:100%; left:0; width:100%; height:60px;}
    [class*="compare_choice"] .compare_list>ul>li>div{height:auto; padding:30px 0;}
    [class*="compare_choice"] .compare_list .ico{margin:0;}
    [class*="compare_choice"] .compare_list .img{margin-top:30px;}
    [class*="compare_choice"] .compare_list .added .text{height:auto; padding-bottom:1em;}

    [class*="compare_detail"] .fixed .compare_list>ul>li>div{height:230px;}
    .detail_title_bar ._title{position:static; margin-top:0; height:50px; padding:0 15px; border-bottom:1px solid #e5e5e5;}
    .detail_title_bar ._title:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
    .detail_title_bar .btn_reset{top:17px; margin-top:0;}
    .title_btn_bar [class^="btn_"]{width:130px !important; padding:0;}
    [class*="compare_detail"] .compare_title{width:60px;}
    [class*="compare_detail"] .compare_list ul{width:1084px; padding-left:60px;}
    .compare_list .added .ico{left:20px;}
    .compare_list .added dl{padding-left:20px;}
    .compare_info .scroll_area,
    .mc_bc_ac_rs_4_html{padding-bottom: 50px;}
    .compare_info .fixed_header{width:60px;}
    .compare_info .table_scrollable table{width:1084px;}
    .compare_info tbody th{width:60px; letter-spacing:-1px;}
    .compare_info tbody th,
    .compare_info td{height:70px;}

    [class*="compare_detail"] .fixed + div{margin-top:390px;}

    .mc_bc_ac_rs_4_html .newcar_safety {margin-top:14px;}
    .mc_bc_ac_rs_4_html .newcar_safety .img_wrap {border:1px solid #e4dcd3;}
    .mc_bc_ac_rs_4_html .newcar_safety .text,
    .mc_bc_ac_rs_4_html .newcar_safety a {font-size:14px;color:#000;line-height:22px;}
    .mc_bc_ac_rs_4_html .newcar_safety .text {margin-top:21px;}
    .mc_bc_ac_rs_4_html .newcar_safety .link {margin-top:10px;}
    .mc_bc_ac_rs_4_html .newcar_safety .link a {position:relative;padding-right:21px;}
    .mc_bc_ac_rs_4_html .newcar_safety .link a:before {position:absolute;top:4px;right:0;display:block;width:16px;height:16px;background:url('../images/common/ico_mobile_32.png') no-repeat left -242px;background-size:100%;content:'';}
}
@media screen and (min-width: 321px) and (max-width: 767px){
    /* 767 이하 320 초과 모바일 */

    [class*="compare_detail"] .compare_list>ul>li>div{height:340px;}
}
@media screen and (max-width: 320px){
    /* 320 이하 모바일 */
    [class*="compare_detail"] .compare_list ul{width:920px;}
    [class*="compare_detail"] .compare_list li{width:215px;}
    .compare_info .scroll_area table{width:920px;}
    .compare_info .scroll_area td{width:215px;}
}

/* 경쟁차 비교 layer */
.compare .layer_section{padding-top: 20px;}
.compare .layer_section .layer_section_inner{position: relative;}
.compare .layer_section + h3.row_title, .compare form + h3.row_title{padding-top: 40px;}
.compare .layer_section .select_wrap{width: 226px;}
.compare .layer_section.radio{padding-top: 0;}
.compare .layer_section .check_wrap{width: 32.9%; min-width:inherit; margin-top: 20px;}
.compare .layer_section .ui_accordion .check_wrap{width: 100%;margin-top: 0;}
.compare .layer_section .ui_accordion .check_wrap > input + label {display:block;}
.compare .layer_section .ui_accordion .price{width: 50%;margin-top: 0;float: right;text-align: right;font-size: 15px;}
.compare .acc_02 > dl > dd{padding: 30px;}
.compare .acc_02 > dl > dd.scroll{height: 190px;overflow-y: auto;}
.compare .ui_accordion .list_radio > li{padding-top: 20px;position: relative;display: inline-block;width: 100%;clear: both;}
.compare .ui_accordion .list_radio > li:first-child{padding-top: 0;}
.compare .compare_notice{padding: 50px;background-color: #f6f3f2;color:  #626262;line-height: 1.8;font-size: 14px;text-align: center;}
.compare .layer_cont > .align_center{line-height: 1.8;padding-bottom: 30px;}
.compare .layer_section .select_wrap {width:calc( ( 100% - 128px ) / 2 );}


@media screen and (max-width:767px){
    /* 경쟁차비교 layer */
    .compare .layer_section .select_wrap{width: 100%;}
    .compare .layer_section .select_wrap + .select_wrap{margin-top: 10px;}
    .compare .layer_section.radio{padding-top: 4px;}
    .compare .layer_section .check_wrap{margin-top: 16px;width: 100%;}
    .compare .acc_02 > dl > dd{padding: 15px;}
    .compare .layer_section .ui_accordion .check_wrap, .compare .layer_section .ui_accordion .price{width: auto;float: none;}
    .compare .layer_section .ui_accordion .price{display: block;margin-top:5px;text-align: left;}
    .compare .compare_notice{padding: 35px;font-size: 13px;}
}

/* 03 카탈로그 다운로드  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.mc_bc_cd{}
.catalogue_list{position:relative; width:100%; padding-top:20px; padding-bottom:80px;}
.catalogue_list:after{content:''; display: block; clear: both;}
.catalogue_list>li{margin-top:40px; float:left; margin-left:30px; text-align:center;}
.catalogue_list>li>* b{display:block; height:68px; padding-top:20px; font-family:'TextMedium'}
.catalogue_list>li>button{display:block; width:100%;}
.catalogue_list>li.on{padding-bottom:138px;}
.catalogue_list>li.on>button{position:relative;}
.catalogue_list>li.on>button:after{content:''; position:absolute; top:100%; left:50%; z-index:1; width:30px; height:16px; margin:-16px 0 0 -15px; background:url(../images/common/bg_catalog_layer_top.png) no-repeat;}
.catalogue_list>li.on>button b {color:#006992;text-decoration:underline;}
.catalogue_list>li.on .catalogue_info{display:block;}
.catalogue_info{position:absolute; left:0; display:none; width:100%; padding:30px 50px; margin-top:-1px; background:#f6f3f2; border:1px solid #e4dcd3; text-align:left;}
.catalogue_info dl{width:100%;}
.catalogue_info dl>*{float:left; color:#000;}
.catalogue_info dt{position:relative; padding:0 20px 20px 0; margin-right:20px; font-family:'TextMedium'; color:#000;}
.catalogue_info dt:after{content:''; position:absolute; top:1px; right:0; width:1px; height:14px; background:#e4dcd3;}
.catalogue_info .btns{width:100%; display:table; table-layout: fixed;}
.catalogue_info .btns>*{display:table-cell; vertical-align: middle;}
.catalogue_info .btns .space{width:10px;}
.catalogue_info .btns [class^="btn_"]{position:relative; width:100%; max-width:inherit; text-align:left;}
.catalogue_info .btns [class^="btn_"] [class^="ico_"]{position:absolute; top:50%; right:20px; margin-top:-8px;}
.catalogue_info .close_btn {position:absolute;top:0;right:0;display:block;width:40px;height:40px;}
.catalogue_info .close_btn:before {position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';}
.catalogue_info .close_btn:after {position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';}
.catalogue_signup .policy_wrap{margin-top:20px; height:150px;}
.catalogue_signup .policy_area{padding:30px 0 40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5; letter-spacing:-1px; font-size:15px;}
.catalogue_signup .policy_area p + p{margin-top:10px;}
.catalogue_signup .ui_table{margin-top:20px;}
.catalogue_signup .radio_set .check_wrap{width:25%; min-width:inherit;}
.catalogue_signup .list_bullet_dot .noupdate_info{}

@media screen and (max-width: 1120px){
    /* 1024 이상 desktop */

    .catalogue_list{padding:0 15px;}
}

@media screen and (min-width: 1024px){
    /* 1024 이상 desktop */

    .catalogue_list>li{width:calc((100% - 120px) / 5);}
    .catalogue_list>li:nth-child(5n+1){clear:both; margin-left:0;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
    /* 768 tablet 이상 1024 미만 */

   .catalogue_list>li{width:calc((100% - 60px) / 3);}
   .catalogue_list>li:nth-child(3n+1){clear:both; margin-left:0;}
}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    .catalogue_list{padding:20px 15px 40px;}
    .catalogue_list>li{width:calc((100% - 15px) / 2); margin-top:20px; margin-left:15px;}
    .catalogue_list>li.on{height:auto; padding-bottom:236px;}
    .catalogue_list>li:nth-child(2n+1){clear:both; margin-left:0;}
    .catalogue_list>li>button{padding:0;}
    .catalogue_info{padding:30px 15px;}
    .catalogue_info dt:after{height:12px;}
    .catalogue_info .btns{display:block; margin-top:-10px;}
    .catalogue_info .btns>*{display:block;}
    .catalogue_info .btns .space{display:none;}
    .catalogue_info .btns [class^="btn_"]{margin-top:10px;}
    .catalogue_signup .policy_wrap{margin-top:10px;}
    .catalogue_signup .policy_area{padding:20px 0 30px; margin-bottom:30px;}
    .catalogue_signup .policy_area p{padding-left:30px;}
    .catalogue_signup .policy_area .check_wrap{margin-left:-30px;}
    .catalogue_signup .radio_set .check_wrap{width:33.3%;}
    .catalogue_signup .hmc_form .input_group {float:none;width:100% !important;}
    .catalogue_signup .hmc_form .w20p {width:auto !important;}
}

/* 04 영업점/전시차 찾기  맵 영역 공통 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 맵 아이콘 */
.map_area .icon_flag{position:relative;width:24px;height:32px;background: url(../images/common/icon_flag.png) no-repeat 0 0;text-align:center;color:#fff;font-weight:bold;z-index:1;}
.map_area .icon_flag span{position:absolute;left:0;top:5px;right:0;}
.map_area .selected .icon_flag{background: url(../images/common/icon_flag_active.png) no-repeat 0 0;}
.map_area .selected .address_select b{color:#002c5f; font-weight:bold;}
.map_area .icon_flag.hyundai{background: url(../images/common/icon_flag_hyundai.png) no-repeat 0 0;}
.map_result{padding:10px 15px; border-top:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3;}
.map_result .current_loc .ico{display:inline-block; width:20px; height:20px; margin-right:5px; background:url(../images/common/ico_pc_20.png) no-repeat 100% -20px; vertical-align: middle;}
.map_result .current_loc span{display:inline-block; line-height:20px; vertical-align: middle;}
/* 검색 폼 */
.map_search input[type=text]::-ms-clear { display:none; } /* html 20180103 정윤진 x버튼 삭제 */
.map_search .placeholder {padding:0 20px;}
.map_search input[type="text"] {padding:0 72px 0 20px;}
.map_search .input_wrap.map {float:left;height:44px;margin-left:10px;} /* 191022 추가 */
/* 검색 결과 목록 */
.map_area{position:relative;}
.map_area div {white-space:normal !important;} /* 191126 add */
.map_area .map_list{border-bottom:1px solid #ededed;border-right:1px solid #ededed;}
.map_area .address_result{position:relative;padding:19px 30px 18px;color:#000;font-size:16px;border-bottom:1px solid #ededed;border-left:0;}
.map_area .address_result b{color:#002c5f;}
.map_area .address_result .sch_addr{width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.map_area .address_list>li{border-top:1px solid #ededed;}
.map_area .address_list>li:first-child{border-top:0;}
.map_area .address_list>li.selected{background:#f6f3f2;}
.map_area .address_select{position:relative;width:100%; margin:-5px 0 0 -30px; padding:5px 0 10px 35px; text-align:left;}
.map_area .address_select b{line-height:1.3;}
.map_area .address_select small{margin-left:5px;font-size:12px;}
.map_area .address_select .icon_flag{position:absolute;left:0px;top:0px;}
.map_area .address_list ul{font-size:14px;}
.map_area .address_list ul b{display:inline-block; width:50px;}
.map_area .address_list .view{padding-left:0.8em; padding-bottom:3px; margin-top:5px; font-size:14px;}
.map_area .address_list .view span{text-decoration:underline;}
.map_area .address_list .view .ico{display:inline-block; width:7px; height:12px; margin-left:5px; background:url(../images/common/ico_pc_20.png) no-repeat -40px -160px; vertical-align: middle;}
.map_area .display_car_list{display:none; background:#f5f5f5;}
.map_area .selected .display_car_list{display:block;}
.map_area .display_car_list ul>li + li{border-top:1px solid #ededed;}
.map_area .display_car_list [class^="btn_"]{margin-top:1em;}
.map_area .display_car_list .info_img {max-width:70%;}
.map_area .display_car_list .text.font_sm.car_date {line-height:20px;}
.map_area .map_list .pagination{padding-bottom:50px;}
/* 검색 결과 없을 경우 */
.map_area .panel_notice{padding:10% 2%;}
/* 맵 뷰 */
.map_area .map_view{overflow:auto;position:relative;z-index:0;vertical-align: top;}
    .map_layer{position:relative; padding:50px 30px; width:420px; min-height:240px; background:#fff;}
    .map_layer:after{position:absolute;width:100%;height:52px;left:0;bottom:-52px;background: url(../images/common/bg_map_layer.png) no-repeat 0 0;content:'';background-size:100% auto;}
    /* 210315 수정 : 팝업 수정 */    
    .map_layer dt{padding-bottom: 15px;text-align: center;}
    .map_layer dd{line-height: 1.5;} 
    .map_layer dd ul li a.mo_tel{display: none;}
    .map_layer ul{letter-spacing:-1px;margin-bottom: 30px;}
    /* //210315 수정 : 팝업 수정 */
    .map_layer [class*="_bullet"][class*="_dot"]>li:before{/*top:0.8em;*/} /* 2018-12-07 김기용 : 주석처리함 */
    .map_layer .branch_sum{margin:15px 0;padding:10px 0;background-color:#f6f3f2;text-align:center;font-size:0.9em;;line-height:22px;}
    .map_layer .branch_sum > span{position:relative;display:inline-block;padding-left:0.8em;margin:0 15px;color:#000;}
    .map_layer .branch_sum > span b {color: #626262;}
    .map_layer .branch_sum > span:before{content:''; position:absolute; top:0.7em; left:0; width:2px; height:2px; margin-top:-1px; background: #626262;}
    .map_layer .map_btns{margin-top:10px; text-align:center;}
    .map_layer .ui_close{right:0;top:0;}

    /* S: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
    [class*="-service-network"] .map_layer dt{text-align: left;}
    [class*="-service-network"] .map_layer dd{margin-top: 16px;} 
    /* E: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
/* 이미지 교체 */
.map_layer::before { display: block; content: ''; position:absolute;left: 0; right: 0; height: 30px; bottom:-30px;background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/common/bg_map_layer_02.png'); background-size: 100% 30px; background-position: center center; }
.map_layer::after { display: block; content: ''; position:absolute; width: 30px; height:30px;left: 50%; margin-left: -15px; bottom:-30px;background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/common/bg_map_layer_01.png'); background-size: 30px 30px; background-position: center center; }

/* routo map > map-layer */
.routo-infowindow.overlay_container::before { display: block; content: ''; position:absolute; left: 0; right: 0; height: 30px; bottom:-30px;background-image: url('../../../../content/dam/hyundai/kr/ko/images/common/bg_map_layer_02.png'); background-size: 100% 30px; background-position: center center;}
.routo-infowindow.overlay_container {padding:0;}
.routo-infowindow.overlay_container::before{display:none; }
.routo-infowindow.overlay_container .map_layer::before {pointer-events: none;}
.routo-infowindow.overlay_container .map_layer::after {left:50px; pointer-events: none;}
@media screen and (max-width: 767px){
    .routo-infowindow.overlay_container {min-width:auto; border-radius:0;}
    .routo-infowindow.overlay_container .map_layer::after {bottom:-29px; width:30px; height:30px;}
}


.ico_gps{width:24px; height:24px; background:url(../images/common/ico_pc_25.png) no-repeat 0 -50px;}

@media screen and (min-width: 1024px){
    /* 1024 이상 pc */

    .map_area .map_list{width:400px;}
    .map_list .view_more{left:400px;}
    .map_list .view_more.open{left:680px;}
    .map_area .address_list>li{padding:30px 30px 30px 74px;}
    .map_area .display_car_list{left:400px; width:280px;}
    .map_area .display_car_list ul>li{padding:30px;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
    /* 768이상 1024 미만 tablet */

    .map_area .map_list{width:30%;}
    .map_list .view_more{left:30%;}
    .map_list .view_more.open{left:55%;}
    .map_area .address_list>li{padding: 30px 15px 30px 15%;}
    .map_area .address_select .icon_flag{left:8px;}
    .map_area .pagination .navi{margin:0;}
    .map_area .display_car_list{left:30%; width:25%;}
    .map_area .display_car_list ul>li{padding:30px 15px;}
}
@media screen and (min-width:768px){
    /* 768이상 tablet & pc */

    /* 검색 폼 */
    .map_search {position:relative;}
    .map_search [class^="ui_search"]{max-width:600px; margin:0 auto;} /* 191022 수정 */
    .map_search [class^="ui_search"] [class^="select_"]{width:140px;}
    .map_search [class^="ui_search"] [class^="select_"].is-full { width: 100%; } /* fullsize */
    .map_search [class*="ui_search"] [class^="select_"] + .wrap{width:calc(100% - 150px);}
    .map_search .input_del{right:92px;}
    /* 검색결과 요약 */
    .map_result{position:relative; height:44px; padding:0 30px; border-top:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3; font-size:14px;}
    .map_result .text{height:100%;}
    .map_result .text:before{content:''; display: inline-block; width:0; height:100%; vertical-align:middle;}
    .map_result button{position:absolute; top:50%; right:30px; margin-top:-10px;}
    /* 맵영역 */
    .map_area{display:table; width:100%; height:800px; table-layout:fixed;}
    .map_area>*{display:table-cell; vertical-align: middle; height:100%;}
    .map_area .map_list .scroll_wrap{overflow:auto; height:800px;}
    .msie .map_area .map_list .scroll_wrap{height:800px;}
        .map_list .view_more{display:none; position:absolute; top:50%; z-index: 3; width:18px; height:80px; margin-top:-40px; background:url(../images/common/btn_map_list_view.png) no-repeat;}
        .map_list .view_more .ico{display:inline-block; width:7px; height:12px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -160px;}
        .map_list .view_more.open .ico{background-position:-80px -160px;}
        .map_list .selected .view_more{display:block;}
    .map_area .display_car_list{position:absolute; top:0; z-index: 3; overflow-y:auto; height:100%; border-right:1px solid #ededed;}
    .layer_popup .map_area{height:300px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .map_area {position:relative;}
    .map_search .input_wrap{font-size:13px;}
    .map_search .input_del{right:77px;}
    .map_search .input_wrap.map {float:none;height:44px;width:100%;margin:10px 0 0 0;} /* 191022 추가 */
    /* 검색결과 요약 */
    .map_result {padding-right:35px;}
    .map_result .current_loc{width:100%; text-align:left;}
    .map_result .current_loc span{overflow:hidden; display:inline-block; width:calc(100% - 25px);  white-space:nowrap; text-overflow:ellipsis; }
    .map_result .text + *{display:block; margin-top:15px;}
    .map_result .ui_find_addresses + p.text { margin-top: 15px; } /* 20180126 정윤진, 수정사항 처리 */
    /* 맵영역 */
    .map_area .map_list{border:0;}
    .map_area .address_button{overflow:hidden;position:absolute; top:-75px ;right:5px;width:30px;height:30px;background:url(../images/common/btn_maplist_show.png) no-repeat center center;background-size:15px auto;}
    .map_area .address_button.on{background:url(../images/common/btn_maplist_hide.png) no-repeat center center;background-size:12px auto;}
    .map_area .map_list .scroll_wrap{display:none;overflow:auto;position:absolute;left:0;right:0;top:0;height:100%; z-index:1; background-color:#fff;border-bottom:1px solid #ededed;}
    .map_area .address_button.on + *{display:block;}
    .map_area .address_list>li{padding:20px 15px 20px 65px;background:#fff;}
    .map_area .address_list li .icon_flag{top:20px; left:30px;}
    .map_area .address_list .view_more{position:absolute; top:10px; right:5px; width:30px; height:30px;}
    .map_area .address_list .view_more .ico{display:inline-block; width:16px; height:16px; background:url(../images/common/ico_mobile_32.png) no-repeat 0 -144px; background-size:100%;}
    .map_area .address_list .view_more.open .ico{background-position: 0 -128px;}
    .map_area .address_list .view_more + .display_car_list {display:none;}
    .map_area .address_list .view_more.open + .display_car_list {display:block;}
    .map_area .display_car_list{display:none; margin:1em -15px -20px -65px; padding-top:10px; background:#fff; border-top:1px solid #ededed;}/* 2018-03-29 이지혜 : margin-bottom -20px로 수정(기존0), border-top추가 */
    .map_area .display_car_list ul>li{padding:15px;}
    .map_area .display_car_list .info_img {max-width:50%; margin:0 auto;}
    .map_area .map_view{height:410px;}
    .map_layer{padding:40px 15px 30px;width:250px;}
    .map_layer:after{position:absolute;width:252px;height:30px;left:-3px;bottom:-30px;}
    .map_layer dd ul li a.mo_tel{display: inline-block;} /* 210315 add */
    .map_layer .branch_sum{margin:10px 0 15px;}
    .map_layer .branch_sum > span{margin:0 10px;}
    .map_area .map_list .pagination {margin-top:0;}
    .map_area .map_list .scroll_wrap .ui_paging {padding-top:35px;background:#fff;}
    .map_area .map_list .scroll_wrap .ui_paging:after {display:block;clear:both;content:'';}
    .layer_popup .map_view{height:300px;}
    /* S: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
    [class*="-service-network"] .map_layer{padding:22px 14px;width:290px;min-height: 175px;}
    [class*="-service-network"] .map_layer dd{font-size: 13px;}
    [class*="-service-network"] .map_layer dd ul li {margin-top: 0;}
    [class*="-service-network"] .map_layer .ui_close{right:16px;top:22px;width: 12px; height: 12px;}
     /* E: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
}
/* 영업점 안내 layer */
.branch_info{}
.branch_info>[class^="panel"]{position:relative;}
.branch_info [class^="panel"] [class^="btn_"]{position:absolute; bottom:20px; right:30px;}
.branch_info .dl_text_cont.responsive>dl>dt{width:70px;}
.branch_info .ui_tab_01{margin-top:30px;}
.branch_info .tab_cont{margin-top:30px;}
.branch_info .panel_mo:last-child{padding-bottom:0;}
.branch_info .panel_mo + .panel_mo{border-top:1px solid #e4dcd3;}
.branch_info .slide .ix-controller{padding-bottom:0;}
.branch_info .tab_contents .panel_mo { line-height: 28px; }
.branch_info .tab_contents .panel_mo.traffic_info { line-height: 16px; }
.branch_info .slide .ix-list-item {text-align:center;position: relative;}/* 2018-05-29 이지혜 : 이미지 중앙정렬 */
/* 2018-10-16 이지혜 : 익스에서 이미지가 왜곡되어 수정
.branch_info .slide .ix-list-item > a, .branch_info .slide .ix-list-item > span {padding-top: 56%;}
.branch_info .slide .ix-list-item > a > picture, .branch_info .slide .ix-list-item > span > picture {display: flex;width: 100%;height: 100%;position: absolute;top: 0;}
.branch_info .slide .ix-list-item > a > picture img, .branch_info .slide .ix-list-item > span > picture img {object-fit: cover;}
*/
.branch_info .slide .ix-list-item > a, .branch_info .slide .ix-list-item > span {padding-top:55%;}
.branch_info .slide .ix-list-item > a > picture, .branch_info .slide .ix-list-item > span > picture {display:block; width:100%; height:100%; position:absolute; top:0;}
.branch_info .slide .ix-list-item > a > picture img, .branch_info .slide .ix-list-item > span > picture img {width:100%; height:100%; object-fit:cover;}

/* 카마스터 전시차량 목록 */
.branch_info_list>li{position:relative;}
.branch_info_list>li:after{content:''; display: block; clear: both;}
.branch_info_list>li + li{padding-top:30px; margin-top:30px;}
.branch_info_list>li+li{border-top:1px solid #e4dcd3;}
.branch_info_list .info_img{float:left; width:110px; margin-right:40px;}
.branch_info_list .info_img [class^="btn_"]{margin-top:10px;}
.branch_info_list .info_img + .dl_text_cont{float:left; width:calc(100% - 150px);}
.branch_info_list .dl_text_cont{font-size:0.9em;}
.branch_info_list.car .info_img p{padding-top:20px; white-space: normal; font-size: 13px;text-align: left;line-height: 1.5em;}
.branch_info_list.car [class^="btn_"]{margin-top:10px;}
.branch_info_list.car .displayCar_color {display:inline-block; width:30px; vertical-align:middle; margin-left:10px;}
.branch_info_list.car .displayCar_color img {border: 1px solid #777;}
/* 출고센터 안내 */
.car_acceptance{padding:30px 0; text-align:center;}
.car_acceptance .col{position:relative; height:170px;padding:10px 0;}
.car_acceptance .num { display: none; }
/* 20180118 서수연, 디자인 강조부분 변경 #36815     */
.car_acceptance p b {display:inline-block; width:55px; height:55px; line-height: 55px;  margin-bottom:10px; background:#002c5f; border-radius: 50%; color:#fff;}
.car_acceptance p b:before{content:''; display:inline-block; width:0; height:100%; vertical-align: middle;}
.car_acceptance p b:after{content:''; position: absolute; top:calc(55px / 2); right:0;  width:7px; height:12px; margin-top:-6px; background:url(../images/common/ico_pc_20.png;) no-repeat -40px -160px;}
.car_acceptance li:last-child p b:after { display: none; }
.car_acceptance p small { display: block; }
.car_acceptance .col:last-child .num:after{display:none;}
.car_acceptance b{display:block; width:100%;}
.branch_info .traffic_info{margin-top:30px; border-top:1px solid #e4dcd3;}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .branch_info .tab_cont,
    .branch_info .scroll_wrap{overflow-y:auto; height:460px;}
    .branch_info .dl_text_cont>dl>dt{width:70px;}
    .branch_info_list>li:after{content:''; display: block; clear: both;}
    .branch_info_list.car>li{min-height:170px; padding-right:256px;}
    .branch_info_list.car .info_img{float:none; position:absolute; top:32px; right:0; width:256px; margin:0; text-align:center;}
    .branch_info_list.car .info_img + .dl_text_cont{width:100%; min-height: 170px;} /* html 20180103 정윤진, 구매상담신청 영업점안내 전시차량(탭) 아이템 간격 수정 */
    .branch_info_list.car>li:first-child .info_img{top:0;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .branch_info .dl_text_cont{padding:0;}
    .branch_info .dl_text_cont.table dt{width:25%; min-width:65px;}
    .branch_info .dl_text_cont.table dd{word-break:break-all;}
    .branch_info_list.car .dl_text_cont{width:100% !important; margin-top:20px;}

    .branch_info_list>li + li{padding-top:20px; margin-top:20px;}
    .branch_info_list>li .info_img{text-align:center; margin-right:10px;}
    .branch_info_list>li [class^="btn_"]{width:100%;}
    .branch_info_list>li .info_img + .dl_text_cont{float:left; width:calc(100% - 120px);}
    .branch_info_list.car .info_img{float:none; width:100%;}

    .car_acceptance .num:after{display:none;}
}

/* 05 시승신청 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 시승신청 안내 */
.test_drive .guide{overflow:hidden; padding:60px 0 50px;}
.test_drive ol.guide { margin-left: 0; }
.test_drive .guide li{position:relative;float:left;width:25%;text-align:center;list-style:none;}
.test_drive .guide li .step_img{padding:0 3%;}
.test_drive .guide li .step_img{position:relative;display:block;}
.test_drive .guide li:last-child .step_img:after{display:none;}
.test_drive .guide li p{padding-top:30px; font-family:'HeadRegular'; color:#000; line-height:1.5;}
.test_drive [class*="tab_menu"][class*="_02"]>li{padding:0 10px;}
/* 20180212 함은주, 태블릿테스트 수정 */
.test_drive .ui_tab_02>.tab_contents{padding-top:30px;}/* &design 20180120 이안나 간격수정 */
.test_drive .select_form{padding-bottom:30px;}
.test_drive .center_info>dl>*{line-height:1.5; vertical-align: top;}
.test_drive .center_info>dl + dl{margin-top:30px;}
    .center_info .traffic_info{margin-top:30px;}
    .center_info .traffic_info>dl>dt{width:70px;}
    .test_car_list:after{content:''; display: block; clear: both;}
    .test_car_list>li{float:left; margin-left:30px; text-align:center;}
    .test_car_list>li b{overflow:hidden; display:block;padding-top:10px; margin-bottom:5px;}
.test_drive .ui_tab_02{position:relative;}
.test_drive .ui_tab_02 .loading{position:absolute; top:0; right:0; left:0; bottom:0; z-index: 1;}
.test_drive .ui_tab_02 .loading img{position:absolute; top:14%; left:50%; margin-left:-26px;}
.test_drive .policy_agree { margin: 40px 0 !important; }
.test_drive .policy_agree .row_title { padding-top: 0; }
.test_drive .policy_agree .policy_wrap { margin: 20px 0; border: 1px solid #e4dcd3; padding: 30px 20px; height: 200px; font-size: 14px; overflow: hidden; overflow-y: auto; box-sizing: border-box; }

@media screen and (min-width: 1024px){
    /* 1024 이상 desktop */

    .test_car_list>li{width:calc((100% - 90px) / 4);}
    .test_car_list>li:nth-child(4n+1){margin-left:0;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .test_car_list>li{width:calc((100% - 60px) / 3);}
    .test_car_list>li:nth-child(3n+1){margin-left:0;}
}
@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .test_drive .guide li .step_img:after{position:absolute;right:-4px;top:50%;width: 7px;height: 16px;background: url(../images/common/ico_pc_20.png)no-repeat 0 -160px;content:'';;}
    .test_drive .select_form{ padding: 30px 0; text-align: right;}
    .test_drive .select_form [class^="select_"]{min-width:200px; text-align: left;}
    .test_drive .select_form>*{margin-left:6px;}
    .test_drive .select_form [class^="btn_"]{width:100px;}
    .test_drive .center_info>dl>dt{width:20%}
    .test_drive .center_info .map_area{height:360px;}
    .test_car_list>li{height:260px; margin-top:40px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */

    .test_drive .guide{padding:30px 0;}
    .test_drive .guide li{width:50%;margin-top:20px;}
    .test_drive .guide li .step_img{padding:0 10%;}
    .test_drive .guide li p{padding-top:20px;}

    .test_drive .hmc_form [class^="select_"]{width:100%;}
    .test_drive .hmc_form [class^="select_"] + [class^="select_"]{margin-top:10px;}
    /* 201801127 정윤진, 시승신청 수정사항 처리
    .test_drive .ui_tab_01>button,
    .test_drive .tab_menu_01,
    .test_drive .tab_menu_02{width:calc(100% + 30px); margin-left:-15px;} */
    /* 20180127 정윤진, 간격 추가 */
    .test_drive .ui_tab_02 .tab_contents { padding-left: 15px; padding-right: 15px; }
    .test_drive .ui_tab_02 .tab_menu_03 { margin-left: 15px; margin-right: 15px; }
    .test_drive .ui_tab_01 .section.pt-55 .list_bullet_dot,
    .test_drive .ui_tab_01 .section.test_drive_caution .list_bullet_dot { margin-left: 15px; margin-right: 15px; }
    /* 20180127 정윤진, 간격 추가 */

    .test_drive .center_info .map_view{height:360px;}
    .test_drive .ui_multiple_selectbox {min-width:inherit;margin:30px 15px 0;}

    .test_car_list>li{width:calc((100% - 15px) / 2); height:200px; margin-top:20px; margin-left:15px;}
    .test_car_list>li:nth-child(2n+1){margin-left:0;}
}
/* 시승신청 step */
.test_drive .ui_step_02 ul{border-bottom:0;}
.test_drive .ui_step_02 + .section{border-top:1px solid #e5e5e5}
.test_drive .sub_title{position:relative; padding-bottom:20px;}
.test_drive .row_title{padding-top:30px;}
.test_drive .drive_info_wrap{background:#f6f3f2}
.test_drive .signup_form{border-top:1px solid #e4dcd3}
.test_drive div + p{margin-top:5px; word-break: keep-all;}
.test_drive .signup_form .policy_agree .link{font-family:'TextRegular'; text-decoration: underline;}
.test_drive .form_btns + *{margin-top:30px;}

@media screen and (max-width: 1119px){
    /* 20180212 함은주, 태블릿 수정 */
    .test_driver_caution {padding:0 15px;}
}

@media screen and (min-width:1024px){
    /* 1024 이상 1120 미만 desktop  */
    .test_drive .drive_info_wrap{padding:60px 40px;}
    .test_drive .drive_info{padding:0 10px;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
    /* 768 ~ 1023 tablet only */

    .test_drive .drive_info_wrap{padding:30px 15px;}
    .test_drive .btns{padding-top:30px;}

}
@media screen and (min-width: 768px){
    /* 768 이상 tablet & pc */

    .test_drive .drive_info_wrap + *{margin-top:50px; }
    .test_drive .drive_info{display:table; width:100%;}
    .test_drive .drive_info>*{display:table-cell; width:45%; vertical-align: top;}
    .test_drive .drive_info .info{width:55%; padding-top:10px; padding-left:20px; letter-spacing:-1px;}
    .test_drive .drive_info .info dt{width:90px;}
    .test_drive .drive_info .info dd{font-size:0.9em;}
    .test_drive .drive_info .btns{padding-top:50px;}
    .test_drive .signup_form{margin-top:20px; padding-top:40px;}
    .test_drive .signup_form + *{margin-top:80px;}
    .test_drive .signup_form .input_date_group,
    .test_drive .signup_form .select_wrap{width:200px;}
    .test_drive .signup_form .policy_agree{padding-top:80px; font-size:0.9em;}

}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */

    .test_drive .panel_notice + .drive_info_wrap{margin:0 15px;}
    .test_drive .drive_info_wrap{padding:0 0 30px;}
    .test_drive .info{padding:0 15px; margin-top:30px;}
    .test_drive .drive_info .img { text-align: center; padding-top: 20px; } /* 20180127 정윤진, 모바일일 경우 이미지 정렬 변경 */
    .test_drive .drive_info .btns{margin-top:30px;}
    .test_drive .signup_form + *{margin-top:40px;}
    .test_drive .signup_form{margin-top:20px;padding-top:30px;}
    .test_drive .signup_form dd+dd{margin-top:10px;}
    .test_drive .signup_form .check_wrap + p{margin-left:30px;}
    .test_drive .signup_form .policy_agree{padding-top:40px;}
        .signup_form .policy_agree p{padding-left:30px;}
        .signup_form .policy_agree .check_wrap{margin-left:-30px;}
    .windows_phone .test_drive img{width:100%;}
}
/* 시승신청 레이어 _비회원 신청 */
.test_car_signup{}
.test_car_signup .policy_wrap{margin-top:20px; height:150px; line-height: 1.4;} /* html 20180103 정윤진, 시승신청 약관 줄간격 수정 요청 */
.test_car_signup .policy_area{padding:30px 0 40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5; letter-spacing:-1px; font-size:15px;}
.test_car_signup .policy_area p + p{margin-top:10px;}
.test_car_signup .ui_table{margin-top:20px;}
.test_car_signup .div{padding-top:30px; margin-top:40px; border-top:1px solid #e5e5e5;}
/* 시승센터 안내 */
.branch_info .test_car_list>li{width:calc((100% - 15px) / 2); height:300px; margin-top:20px; margin-left:15px;}
.branch_info .test_car_list>li:nth-child(2n+1){margin-left:0;}
.branch_info .test_car_list [class^="btn_"]{margin-top:10px;}
.test_drive_center{position:relative; margin:30px 0;}
/* 인쇄 */
.test_drive_print{}
.test_drive_print .test_car{position:relative; height:150px; padding:30px 15px 30px 250px; background:#f6f3f2;}
.test_drive_print .test_car dt{padding-bottom:1em;font-family: 'HeadMedium'; font-size: 20px; color:#000;}
.test_drive_print .test_car .thumb{position:absolute; /* top:0; left:0; */ top: 50%; left: 20px; margin-top: -50px; } /* 20180204 정윤진, 인쇄팝업내 이미지 위치 변경 */
.test_drive_print .test_car + *{margin-top:40px;}
.test_drive_print .ui_table{font-size:14px; line-height:22px;}
@media screen and (min-width: 768px){
    /* 768 미만 mobile  */
    .branch_info .panel_notice{padding:160px 0;}
}
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    .test_drive_print .test_car { height: auto; padding-left: 15px; } /* 20180204 정윤진, 인쇄팝업내 이미지 위치 변경 */
    .test_drive_print .test_car .thumb { position: static; margin: 0; }
    .test_car_signup .policy_area p{padding-left:30px;}
    .test_car_signup .policy_area .check_wrap{margin-left:-30px;}
}

@media (min-width: 768px) and (max-width: 1150px) {
    .test_drive .tab_cont > [class^="section"].centered {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* 구매상담 신청 */
.counseling {}
.counseling [class^="ui_step"] ul{border-bottom:0;}
.counseling .panel_gray{margin-top:80px;padding:40px 50px;}
.counseling ol{overflow:hidden;margin: 0; padding: 20px 0 60px;}
.counseling ol li{position:relative;float:left;width:25%;text-align:center;list-style:none;}
.counseling ol li .step_img{padding:0 3%;}
.counseling ol li .step_img{position:relative;display:block;}
.counseling ol li .step_img:after{position:absolute;right:-4px;top:50%;width: 7px;height: 16px;background: url(../images/common/ico_pc_20.png)no-repeat 0 -160px;content:'';;}
.counseling ol li:last-child .step_img:after{display:none;}
.counseling ol li p{padding-top:30px;}
/* 차량선택 목록 */
.counseling_list{position:relative; padding:20px 0 80px; width:100%;}
.counseling_list:after{content:''; display: block; clear: both;}
.counseling_list>li{margin-top:40px; float:left;  margin-left:30px; text-align:center;}
.counseling_list>li>* b{display:block; height:68px; padding-top:20px; font-family:'HeadMedium';}
.counseling_list>li>button{display:block; width:100%;}
.counseling_list>li.on{padding-bottom:435px;}
.counseling_list>li.on b{color:#006992;text-decoration:underline;}
.counseling_list>li.on>button{position:relative;}
.counseling_list>li.on>button:after{content:''; position:absolute; top:100%; left:50%; z-index:1; width:30px; height:16px; margin:-15px 0 0 -15px; background:url(../images/common/bg_catalog_layer_top.png) no-repeat;}
.counseling_list>li.on .counseling_info{display:block;}
.counseling_info{position:absolute; left:0; display:none; width:100%; padding:80px 50px; margin-top:-1px; background:#f6f3f2; border:1px solid #e4dcd3; text-align:left;}
.counseling_info .counseling_info_wrap{display:table;width:100%;table-layout:fixed;}
.counseling_info .counseling_info_wrap .counseling_car_img {display:table-cell;padding-right:30px;vertical-align:middle;}
.counseling_info .counseling_info_wrap > div {display:table-cell;width:50%;vertical-align:middle}
.counseling_info .counseling_info_wrap > div strong{display:block;margin-bottom:30px;font-size:30px;font-weight:bold;}
.counseling_info .counseling_info_wrap > div [class^="select_wrap"]{margin:15px 0;}
.counseling_info .counseling_info_wrap > div .row_title {margin-bottom:0.6em;}
.counseling_info .counseling_info_wrap > div ul {margin-bottom:30px;}
.counseling_info .counseling_info_wrap > div ul li {font-size:1em; line-height:1.3em; color:#000;}
.counseling_info .close_btn {position:absolute;top:0;right:0;display:block;width:40px;height:40px;}
.counseling_info .close_btn:before {position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';}
.counseling_info .close_btn:after {position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';}
/* 구매상담신청 차량 정보 */
.counseling .img_info_wrap{background:#f6f3f2}
.counseling .img_info_wrap .img{width:440px;}
.counseling .img_info_wrap .info{padding-left:40px;vertical-align:bottom;}
.counseling .img_info_wrap .info .dl_text_cont{margin-top:30px;}
.counseling .img_info_wrap .sub_title{position:relative;}
.counseling .img_info_wrap .btns{padding-top:80px;}
/* 신청서 작성 */
.counseling_signup{margin-top:30px;}
.counseling_signup .policy_wrap{overflow-y:auto; width:100%; height:350px; margin-top:2em; padding:1em; border:1px solid #e6ded6;}
.layer_popup .counseling_signup .policy_wrap{margin-top:20px; height:150px; }
.counseling_signup .policy_area{padding:30px 0 40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5; letter-spacing:-1px; font-size:15px;}
.counseling_signup .policy_area p + p{margin-top:10px;}
.counseling_signup .ui_table{padding-top:40px; border-top:1px solid #e5e5e5;}
.counseling_signup .row_title + .ui_table{border:0; margin-top:20px; padding:0;}
.counseling_signup .list_bullet_dot{margin-top:40px; padding-top:30px; border-top:1px solid #e5e5e5}

@media screen and (min-width: 1024px){
    /* 1024 이상 pc */
    .counseling .img_info_wrap{padding:60px 40px}
    .counseling_list>li{width:calc((100% - 120px) / 5);}
    .counseling_list>li:nth-child(5n+1){clear:both; margin-left:0;}
}
@media screen and (min-width:768px) and (max-width: 1023px){
    /* 768이상  1024 미만 tablet */

    .counseling_info{padding:50px 30px;}
    .counseling_list>li.on {padding-bottom:365px;}
    .counseling_list>li{width:calc((100% - 60px) / 3);}
    .counseling_list>li:nth-child(3n+1){clear:both; margin-left:0;}
    /* 구매상담신청 차량 정보 */
    .counseling .img_info_wrap{padding:30px 15px;}
    .counseling .img_info_wrap .img{width:40%;}
    .counseling .img_info_wrap .info{padding-left:20px;}
    .counseling .img_info_wrap .btns{padding-top:40px;}
}
@media screen and (min-width:768px){
    /* 768이상  tablet & pc */
    .counseling .ui_tab_01{margin-top:80px;}
    .counseling_signup .ui_table>dl>dt{width:20%;}
    .counseling_signup .form_btns{margin-top:40px; padding-top:40px; border-top:1px solid #e5e5e5}

    .counseling .img_info_wrap{display:table; width:100%;}
    .counseling .img_info_wrap>*{display:table-cell; vertical-align: top;}
    .counseling .img_info_wrap .dl_text_cont.responsive>dl>dt{width:120px;}
}
@media screen and (max-width: 767px){
    /* 768미만  mobile */

    .counseling ol{padding: 10px 0 50px 0;}
    .counseling ol li{width:50%;margin-top:20px;}
    .counseling ol li:nth-child(2) span::after { display: none; }
    .counseling ol li .step_img{padding:0 10%;}
    .counseling ol li p{padding-top:20px;}
    .counseling .panel_gray{margin-top:20px;padding:20px 25px;}

    .counseling .ui_tab_01{margin-top:20px;}
    .counseling_list{padding:20px 15px 40px}
    .counseling_list>li{width:calc((100% - 15px) / 2); margin-top:20px; margin-left:15px;}
    .counseling_list>li.on{height:auto; padding-bottom:456px;}
    .counseling_list>li:nth-child(2n+1){clear:both; margin-left:0;}
    .counseling_list>li>button{padding:0;}
    .counseling_info{padding:30px 15px;}
    .counseling_info .counseling_info_wrap{display:block;}
    .counseling_info .counseling_info_wrap .counseling_car_img {display:block;padding-right:0;padding-bottom:30px;text-align:center;}
    .counseling_info .counseling_info_wrap .counseling_car_img img{height:78px;}
    .counseling_info .counseling_info_wrap > div {display:block;width:auto;}
    .counseling_info .counseling_info_wrap > div strong {margin-bottom:20px;}

    /* 구매상담신청 차량 정보  */
    .counseling .img_info_wrap{padding-bottom:30px;}
    .counseling .img_info_wrap .img{width:auto;}
    .counseling .img_info_wrap .info .dl_text_cont{width:100%;}
    .counseling .img_info_wrap .info{padding:0 15px; margin-top:30px;}
    .counseling .img_info_wrap .btns{padding-top:40px;}

    .counseling_signup .policy_wrap{margin-top:10px;}
    .counseling_signup .policy_area{padding:20px 0 30px; margin-bottom:30px;}
    .counseling_signup .policy_area p{padding-left:30px;}
    .counseling_signup .policy_area .check_wrap{margin-left:-30px;}
    .counseling_signup .ui_table{padding-top:20px;}
    .counseling_signup .list_bullet_dot{margin-top:30px; padding-top:20px;}
}
/* 20180205 함은주 해상도 변경 */
@media screen and (max-width: 359px){
    .counseling_list>li{width:100%;margin-left:0;}
}

/* 20171226 박순길, 카탈로그 상세 레이어 */
.section-catalogue { clear: both; }
.section-catalogue::after { content: ''; display: table; overflow: hidden; }
.section-catalogue .item { margin-top: 10px; }
.section-catalogue .item:first-child { margin-top: 0; }
.section-catalogue .picture .module { position: relative; text-align: center; }
.section-catalogue .action p { margin: 10px 0 0; font-size: 14px; line-height: 1.3; }
.section-catalogue .action p.name { font-size: 18px; font-family: 'HeadMedium'; margin: 0 0 20px; padding: 0; text-align: left; color: #000; }
.section-catalogue .action p.desc { margin-bottom: 10px; }
.section-catalogue .action a.btn_md_primary { position: relative; display: block; width: 100%; max-width: inherit; text-align: left; }
.section-catalogue .action a.btn_md_primary [class^="ico_"] {
    position: absolute; top: 50%; right: 20px; margin-top: -8px;
}
.section-catalogue .action a.btn_md_primary .ico_arr {
    background: url('../images/common/ico_pc_20.png') no-repeat -60px -160px;
}

/* 20171226 박순길, 카탈로그 상세 레이어 속성 수정 (overwrite), js 보강 필요 */
.catalogue_list>li img {}
.catalogue_list > li.on { padding-bottom: 478px; }

.car_estimate .section-catalogue .item.nth-child-2 a.btn_md_primary { background-color: #006992; border-color: #006992; } /* 색상강조 */

@media (min-width: 768px) {
    .section-catalogue { margin: 35px 0; }
    .section-catalogue .picture img { width: 352px; height: 190px; }
    .section-catalogue .picture .module { margin-right: 40px; }
    .section-catalogue .action p.name { font-size: 30px; }
    .catalogue_list > li.on { padding-bottom: 520px; }
}
@media (min-width: 1024px) {
    .section-catalogue { margin: 35px 0; }
    .section-catalogue .picture .module { margin-right: 40px; }
    .section-catalogue .action p.name { font-size: 30px; }
    .catalogue_list > li.on { padding-bottom: 333px; }
}

/* 결과없음 */
.none_result {padding:80px 0;text-align:center;}
.none_result .text {margin-top:20px;}

@media screen and (max-width: 767px) {
    .none_result {padding:40px 0;}
}

/****************************************************************** [2018-04-26 시승신청 추가 : 윤정민 start]*******************************************************************/
.branch_info .dl_text_cont.table.type01 dt {width:35%; min-width:95px;}
[class^="panel"][class*="pd_sm"].drive {margin:20px 0 0 0; padding:10px 30px;}
.map_drive_info > ul:first-child {border-top:0;}
.map_drive_info .list_bullet_dot.drive01 {font-size:13px; padding:10px 0 0 0;}
.map_drive_info .list_bullet_dot.drive02 {font-size:13px; padding:10px 0 0 0; border-top:0 solid #ededed;}

.is-find-locate .toggle.is-car .select_wrap_white.is-select01 { width:220px; margin-right:10px; }
.is-find-locate .toggle.is-car .select_wrap_white.is-select02 { width:220px; }
@media screen and (max-width: 767px){
    .is-find-locate .toggle.is-car .select_wrap_white.is-select01 {width:100%; margin-right:10px;}
    .is-find-locate .toggle.is-car .select_wrap_white.is-select02 {width:100%; margin-top:10px;}
}

/* datepicker layer */
.layer_cont.test_drive .date_picker_layer{position:relative; bottom:0;top:0px; bottom:auto; right:auto; width:100%; margin-top:-1px;display: block;}
.layer_cont.test_drive .date_picker_layer .layer_wrap{position:static !important; padding:0 !important;}
.layer_cont.test_drive .date_list_layer{left:50%; width:100%; max-width:220px; margin-left:-110px;}

/* datepicker layer */
.layer_popup.test_drive.show {display: block;}
.layer_cont.test_drive .layer_cont.test_drive .date_picker_layer{z-index:3;}
.layer_popup .date_picker_layer .layer_dimmed{background:transparent;}
.layer_cont.test_drive .date_picker_layer .layer_wrap{background:#fff; -webkit-box-shadow:none; box-shadow: none;}
.layer_cont.test_drive .calendar_wrap{position:relative;}
.layer_cont.test_drive .date_picker_layer .date{height:35px; border:0px solid #e4dcd3; margin-bottom:20px; border-bottom:0; text-align: center;}
.layer_cont.test_drive .date_picker_layer .date>.date_select{position:relative; margin:0 30px; padding:0 1em; padding-left: 0.5em; height:100%; font-size:20px; font-family:'TextMedium'; color:#000;}
.layer_cont.test_drive .date_picker_layer .date>.date_select:after{content:''; position:absolute; top:50%; right:0; width:0; height:0; margin-top:-2px; border:4px solid transparent; border-top-color:#000;}
.layer_cont.test_drive .date_picker_layer .date button:disabled{opacity: .3;}
.layer_cont.test_drive .date_picker_layer table{width:100%; table-layout:fixed; font-size:14px;}
.layer_cont.test_drive .date_picker_layer th{background:#002c5f; color:#fff; height:34px; border-left:1px solid #fff; font-family:'TextMedium'; font-weight:normal;}
.layer_cont.test_drive .date_picker_layer td{word-break:break-word; border-right:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3;}
.layer_cont.test_drive .date_picker_layer td:first-child{border-left:1px solid #e4dcd3;}
.layer_cont.test_drive .date_picker_layer td > span {display:inline-block; width:100%; height:17px; margin:8px 0 0px 0; padding-left:10px; line-height:inherit; vertical-align: top; text-align:left;}
.layer_cont.test_drive .date_picker_layer td.selected{background:#006992; color:#fff;}
.layer_cont.test_drive .date_picker_layer td.other{background:#f6f3f2;}
.layer_cont.test_drive .date_picker_layer td.other.selected{background:#006992; color: #626262;}
.layer_cont.test_drive .date_picker_layer td.today .txt{position:absolute; bottom:0; left:0; width:100%; height:1.5em; margin:0; color:#000; font-size:12px;}
.layer_cont.test_drive .date_picker_layer [class^="ico_"]{width:16px; height:16px; background:url(../images/common/ico_pc_20.png) no-repeat;}
.layer_cont.test_drive .date_picker_layer [class^="ico_"][class*="prev"]{background-position:-72px -160px;}
.layer_cont.test_drive .date_picker_layer [class^="ico_"][class*="next"]{background-position:0 -161px;}
.layer_cont.test_drive .date_picker_layer td .cont {height:125px; line-height:18px; padding:10px 5px 0px 5px; margin-top:5px; font-family:'TextMedium'; text-align:left;}
.layer_cont.test_drive .date_picker_layer td .cont .branch {display:block; width:100%; height:40px;}
.layer_cont.test_drive .date_picker_layer td .cont .car_date {display:block; width:auto; height:auto; font-size:12px; text-indent:-29px; margin:0px 0 0 30px;border:0; text-align:left;}
.layer_cont.test_drive .date_picker_layer td .cont.bg01 {background:#f2f9f7; color:#306e59;}
.layer_cont.test_drive .date_picker_layer td .cont.bg02 {background:#fdf0f0; color:#833938;}
.layer_cont.test_drive .date_picker_layer td .cont.bg03 {background:#f1f3fd; color:#3b4791;}
.layer_cont.test_drive .date_picker_layer td .cont.bg04 {background:#f2f7e7; color:#577434;}
.layer_cont.test_drive .date_picker_layer td .cont.bg05 {background:#f8eff9; color:#77447d;}
.layer_cont.test_drive .date_picker_layer td .cont.bg06 {background:#fcf2e0; color:#704d17;}
.layer_cont.test_drive .date_picker_layer td .cont.bg07 {background:#f2f8fd; color:#3d688b;}
.layer_cont.test_drive .date_picker_layer td .cont.bg08 {background:#fdfbe4; color:#635f1b;}

@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    /*.layer_cont.test_drive .table_scrollable, .table_scroll {width:600px;}*/
    .layer_cont.test_drive .table_scrollable, .table_scroll {overflow:hidden; position:relative; overflow-x:auto; overflow-y:auto; width:100%; height:400px;}
}
@media screen and (max-width: 767px){
    /* 768미만 mobile */
    .layer_cont.test_drive .table_scrollable, .table_scroll {overflow:hidden; position:relative; overflow-x:auto; overflow-y:auto; width:100%; height:400px;}
    .layer_cont.test_drive .date_picker_layer table{width:580px;}
}

.calendar_box.test_drive {width:100%;}
.calendar_box.test_drive .date_picker_layer {width:100%;}
.calendar_box.test_drive .table_scrollable, .calendar_box.test_drive .table_scroll {overflow:hidden; position:relative;}
/* datepicker layer */
.calendar_box.test_drive .calendar_box.test_drive .date_picker_layer{z-index:3;}
.layer_popup .date_picker_layer .layer_dimmed{background:transparent;}
.calendar_box.test_drive .calendar_wrap{position:relative;}
.test_drive.calendar_box .date_list_layer, .test_drive.calendar_wrap .date_list_layer {display: inherit;}
.test_drive .date_list_layer dd {height:auto;padding-bottom: 0.5em;}
.test_drive .date_list_layer dd li {display: flex; display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.test_drive .date_list_layer dd li > span {width: 100%;padding-left: 1em;text-align: left;font-family: 'HeadMedium';color: #000;}
/*.calendar_box.test_drive .date_list_layer dd li {display: table;} ie9 필요시 활성화(세로 중앙정렬)
.calendar_box.test_drive .date_list_layer dd li > span {display: table-cell;vertical-align: middle;}
.calendar_box.test_drive .date_list_layer dd li > button {display: table-cell;}*/
/*.calendar_box.test_drive .date_picker_layer .layer_wrap{background:#fff; -webkit-box-shadow:none; box-shadow: none;}*/
.calendar_box.test_drive .date_picker_layer .date{height:35px; border:0px solid #e4dcd3; margin-bottom:20px; border-bottom:0; text-align: center;}
.calendar_box.test_drive .date_picker_layer .date>.date_select{position:relative; margin:0 30px; padding-left:0.5em; height:100%; font-size:24px; font-family:'TextMedium'; color:#000;}
.calendar_box.test_drive .date_picker_layer .date>.date_select:after{content:''; position:absolute; top:50%; right:0; width:0; height:0; margin-top:-2px; border:4px solid transparent; border-top-color:#000;}
.test_drive .date_picker_layer .date button:disabled{opacity: .3;}
.test_drive .date_picker_layer .date button.navi {display: inline-block;width: 30px;height: 30px;}
.test_drive .date_picker_layer .date button.navi.prev {padding-right: 10px;}
.test_drive .date_picker_layer .date button.navi.next {padding-left: 10px;}
.calendar_box.test_drive .date_picker_layer table{width:1100px;  font-size:14px;}
.calendar_box.test_drive .date_picker_layer th{background:#002c5f; color:#fff; height:34px; border-left:1px solid #fff; font-family:'TextMedium'; font-weight:normal;}
.calendar_box.test_drive .date_picker_layer td{font-size:16px; padding:10px 10px 10px 20px; border-right:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3;vertical-align: top;}
.calendar_box.test_drive .date_picker_layer td:first-child{border-left:1px solid #e4dcd3;}
.calendar_box.test_drive .date_picker_layer td button{position:relative; width:100%; height:24px;}
.calendar_box.test_drive .date_picker_layer td button span{display:inline-block; width:50%; height:17px; margin:8px 50% 17px 0; line-height:17px; vertical-align: top;}
.calendar_box.test_drive .date_picker_layer td button:disabled{color:#ccc;}
.calendar_box.test_drive .date_picker_layer td.selected{background:#006992; color:#fff;}
.calendar_box.test_drive .date_picker_layer td.other{background:#f6f3f2;}
.calendar_box.test_drive .date_picker_layer td.other.selected{background:#006992; color: #626262;}
.calendar_box.test_drive .date_picker_layer td.today .txt{position:absolute; bottom:0; left:0; width:100%; height:1.5em; margin:0; color:#000; font-size:12px;}
.calendar_box.test_drive .date_picker_layer [class^="ico_"]{width:16px; height:14px; background:url(../images/common/ico_pc_20.png) no-repeat;}
.calendar_box.test_drive .date_picker_layer [class^="ico_"][class*="prev"]{background-position:-72px -160px;}
.calendar_box.test_drive .date_picker_layer [class^="ico_"][class*="next"]{background-position:0 -161px;}
.calendar_box.test_drive .date_picker_layer td.disabled {background:#f6f3f2;}
.calendar_box.test_drive .date_picker_layer td.disabled .cont .form_list li .check_wrap>input + label {opacity: .3;}
.calendar_box.test_drive .date_picker_layer .cont {min-height:100px;}
.calendar_box.test_drive .date_picker_layer .cont .form_list {margin:10px 0 0 0;}
.calendar_box.test_drive .date_picker_layer .cont .form_list li {padding:0 0 7px 0;}
.calendar_box.test_drive .date_picker_layer .cont .form_list li .check_wrap>input + label {font-size:16px;}

@media screen and (min-width: 768px){
    .calendar_box.test_drive .date_picker_layer {position:relative;}
    .calendar_box.test_drive .date_picker_layer {top:100%; bottom:auto; right:auto; width:99% !important; margin-top:-1px;}
}
@media screen and (max-width: 767px){
    .calendar_box.test_drive .date_picker_layer {position:relative;}
    .calendar_box.test_drive .date_picker_layer{top:100%; bottom:auto; right:auto; width:99% !important; margin-top:-1px;}
    .calendar_box.test_drive .table_scrollable, .table_scroll { position:relative; overflow-x:auto; overflow-y:auto; width:100%;}
}
/****************************************************************** [2018-04-26 시승신청 추가 : 윤정민 end]*******************************************************************/
/* 190329 추가 : 보증 연장 상품 보유 내역*/
.warranty_summary .ui_accordion.acc_04 .txt {padding-left:30px;height:40px;line-height:40px;background:#f6f3f2;}
.warranty_summary .ui_accordion.acc_04 dt button:after {right:20px;background-position: 0 -300px;}
.warranty_summary .ui_accordion.acc_04 dt.on button:after {background-position: -20px -300px;}
.warranty_summary .ui_accordion.acc_04 > dl > dt button {width:60px;height: 40px;}
.warranty_summary .ui_accordion.acc_04 > dl > dd {padding-top:10px;}
/* //190329 추가 */
/* ============================ [ service.css - 고객서비스 메뉴 ] ============================ */

/* 고객서비스 */
.service_reservation {}
.service_reservation .hmc_form {margin-top:20px;padding-top:40px;border-top:1px solid #e4dcd3;}
.service_reservation .hmc_form .mgb10 {margin-bottom:10px;}
.service_reservation .hmc_form .input_group > span:not(.space) {width:calc((100% - 20px) / 3);margin-left:10px;}
.service_reservation .hmc_form .input_group > span:not(.space):first-child {margin-left:0px;}
.service_reservation .hmc_form .radio_set {margin-top:8px;}
.service_reservation .hmc_form .number_vehicle {}
.service_reservation .hmc_form .number_vehicle input {padding:0 32px 0 1em;text-align:right;}
.service_reservation .hmc_form .number_vehicle .txt {position:absolute;top:50%;right:20px;display:inline-block;margin-top:-7px;width:auto;color:#000;}
.service_reservation .hmc_form .number_vehicle.validate_error .txt,
.service_reservation .hmc_form .number_vehicle.validate_success .txt {right:42px;}
.service_reservation .hmc_form .number_vehicle.validate_error input,
.service_reservation .hmc_form .number_vehicle.validate_success input {padding-right:54px;}
.service_reservation .hmc_form .maintenance_input .input_group > span:not(.space) {width:190px;}
.service_reservation .hmc_form .maintenance_input .search_group {width:calc((100% - 400px));margin-left:10px;}
.service_reservation .hmc_form .maintenance_input .search_group .input_wrap {width:calc((100% - 130px));}
.service_reservation .hmc_form .maintenance_input .search_group button {margin-left:6px;}
.service_reservation .hmc_form .ui_table>dl>dd>div>b{line-height:40px; padding-right:20px;}
.service_reservation .page_btns {margin-top:40px;padding-top:60px;border-top:1px solid #e4dcd3;}
.service_reservation .list_bullet_dot a {border-bottom:1px solid #000;font-size:14px;color:#000;}
.service_reservation .list_bullet_dot a span {}
.service_reservation .list_bullet_dot a .ico {display:inline-block;width:6px;height:10px;background-image:url(../images/common/ico_pc_20.png);background-position:-41px -160px;}
.service_reservation .list_bullet_dot.service {color:#000;}
.service_reservation .list_bullet_dot.service li {margin:0;line-height:30px;}
.service_reservation .list_bullet_dot.service li:before {top:0.9em;}
.service_reservation .address_search {margin:60px 0 50px;font-family:'TextMedium';font-size:14px;text-align:center;}
.service_reservation .address_search span {color:#bf1d00;}
.service_reservation .search_view {margin-top:60px;}
.service_reservation .data_table {}
.service_reservation .data_table tr td {color:#000;text-align:center;}
.service_reservation .data_table tr td:first-child {text-align:left;border-left:1px solid #e4dcd3;}
.service_reservation .data_table tr td:last-child {border-right:1px solid #e4dcd3;}
.service_reservation .data_table tr td .company_name {font-family:'TextMedium';color:#000;}
.service_reservation .data_table tr td .address {display:block;}
.service_reservation .data_table tr td .detail {margin-left:17px;border-bottom:1px solid #3f3f3f;font-family:'TextMedium';}
.service_reservation .data_table tr td .detail .ico {display:inline-block;width:6px;height:10px;margin:1px 0 0 3px;background-image:url(../images/common/ico_pc_20.png);background-position:-41px -160px;vertical-align:-1px;}
.service_reservation .data_table tr td.no_result {height:10em;text-align:center;}
.service_reservation .data_table tr .m_view {display:none;}
.service_reservation .pagination {margin-top:75px;}

.service_reservation .layer_popup .sub_title {display:block;padding:0;font-family:'TextRegular';font-size:16px;color:#000;text-align:center;}
.service_reservation .layer_popup .hmc_form {margin:0;padding:0;border-top:none;}
.service_reservation .layer_popup .car_maintenance {margin-top:38px;}
.service_reservation .layer_popup .car_maintenance > dt {font-family:'HeadMedium';font-size:20px;color:#000;}
.service_reservation .layer_popup .car_maintenance > dt ~ dt {margin-top:30px;padding-top:39px;border-top:1px solid #e5e5e5;}
.service_reservation .layer_popup .car_maintenance > dd {margin-top:20px;}
.service_reservation .layer_popup .car_maintenance .select_set {width:180px;}
.service_reservation .layer_popup .car_maintenance .select_set .select_wrap {width:100%;}
.service_reservation .layer_popup .car_maintenance .service {margin-top:30px;}
@media screen and (min-width:768px) and (max-width:1023px){
    .service_reservation .hmc_form .input_group.ea_02 > span:not(.space) {width:calc((100% - 10px) / 2);}
    .service_reservation .hmc_form .input_group.ea_03 > span:not(.space) {width:calc((100% - 20px) / 3);}
    .service_reservation .hmc_form .maintenance_input .search_group {width:100%;margin:10px 0 0;}
    .service_reservation .hmc_form b + .mxw{max-width:548px;}
}
@media screen and (min-width:768px) {
    .service_reservation .input_date_group{width:170px;}
}
@media screen and (max-width:767px){
    .service_reservation .hmc_form {margin-top:15px;padding-top:20px;}
    .service_reservation .hmc_form .input_group > span:not(.space) {width:100%;}
    .service_reservation .hmc_form .input_group.ea_02 > span:not(.space) {width:calc((100% - 10px) / 2);}
    .service_reservation .hmc_form .input_group.ea_03 > span:not(.space) {width:calc((100% - 20px) / 3);}
    .service_reservation .hmc_form .postcode {width:100%;}
    .service_reservation .hmc_form .postcode .input_wrap {width:calc((100% - 130px));}
    .service_reservation .hmc_form .number_vehicle.validate_error .txt,
    .service_reservation .hmc_form .number_vehicle.validate_success .txt {right:32px;}
    .service_reservation .hmc_form .number_vehicle.validate_error input,
    .service_reservation .hmc_form .number_vehicle.validate_success input {padding-right:44px;}
    .service_reservation .hmc_form .address_input > span {width:100%;margin-top:10px;}
    .service_reservation .hmc_form .address_input > span + span {margin-left:0;}
    .service_reservation .hmc_form .address_input > span:last-child {width:100%;margin:0;}
    .service_reservation .hmc_form .address_input > .input_wrap {width:100%;}
    .service_reservation .hmc_form .address_input > .input_wrap .placeholder {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .service_reservation .hmc_form .maintenance_input .input_group > span:not(.space) {width:100%;margin-top:10px;}
    .service_reservation .hmc_form .maintenance_input .input_group > span + span {margin-left:0;}
    .service_reservation .hmc_form .maintenance_input .search_group {width:100%;margin:10px 0 0;}
    .service_reservation .hmc_form .maintenance_input .search_group .input_wrap {width:100%;}
    .service_reservation .hmc_form .maintenance_input .search_group .input_wrap .placeholder {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .service_reservation .hmc_form .maintenance_input .search_group button {margin-left:0;}
    .service_reservation .page_btns {margin-top:20px;padding-top:40px;}
    .service_reservation .list_bullet_dot.service li {line-height:21px;}
    .service_reservation .list_bullet_dot.service li ~ li {margin-top:5px;}
    .service_reservation .list_bullet_dot.service li:before {top:0.7em;}
    .service_reservation .address_search {margin:40px 0;}
    .service_reservation .search_view {margin-top:40px;}
    .service_reservation .data_table {}
    .service_reservation .data_table tr .m_hide {display:none;}
    .service_reservation .data_table tr td .m_view {display:block;}
    .service_reservation .data_table tr td .m_view img {width:12px;height:10px;}
    .service_reservation .data_table tr td.m_view {display:table-cell;}
    .service_reservation .data_table tr td .company_name {display:block;}
    .service_reservation .data_table tr td .detail {margin:0;}
    .service_reservation .data_table tr td [class^="btn_"][class*="_sm"] {min-width:75px;height:30px;}
    .service_reservation .pagination {margin-top:35px;}

    .service_reservation .layer_popup .car_maintenance {margin-top:31px;}
    .service_reservation .layer_popup .car_maintenance > dt {font-size:16px;}
    .service_reservation .layer_popup .car_maintenance > dt ~ dt {margin-top:26px;padding-top:29px;}
    .service_reservation .layer_popup .car_maintenance .select_set {width:100%;}
    .service_reservation .layer_popup .car_maintenance .service {margin-top:26px;}
}

/* 사양조회 */
.specification_check{}
.specification_check .hmc_form{margin-top:40px;}
.specification_check .result{margin-top:80px;}
.specification_check .result .ui_table{margin-top:20px; }
.specification_check .result .sub_title + p{padding-top:60px;}
.specification_check .result .sub_title + *:not(.ui_table){margin-top:20px; border-top:1px solid #e4dcd3;}
@media screen and (max-width:767px){
    .specification_check .hmc_form{margin-top:20px;}
    .specification_check .result{margin-top:40px;}
    .specification_check .result .sub_title + p{padding-top:30px;}
    .specification_check .result .sub_title + *{margin-top:10px;}
}

/* 친환경 폐차 */
.eco_friendly_car .policy_area{position: relative;}
.eco_friendly_car .policy_area + .policy_area{margin-top:40px;}
.eco_friendly_car .policy_area>.row_title{padding-bottom:1em;}
.eco_friendly_car .policy_wrap{overflow-y:auto; height:350px; margin-top:1em; padding:2em; border:1px solid #e4dcd3; line-height:22px;}
.eco_friendly_car .policy_wrap.auto{height:auto;}
.eco_friendly_car .policy_area + p{margin-top:30px;}
.eco_friendly_car .policy_area + p + p{margin-top:30px; padding-top:1em; border-top:1px solid #e4dcd3}
.eco_friendly_car .policy_agree { padding: 20px 0; }
.eco_friendly_car .policy_agree .desc { float: left; }
.eco_friendly_car .policy_agree .forms { float: right; }
.eco_friendly_car .form_btns{margin-top: 80px;}
.eco_friendly_car .hmc_form{margin-top:20px; padding-top:40px; border-top:1px solid #e4dcd3;}
.eco_friendly_car #vehicleInputForm { border-top: 0; padding-top: 0; }
.eco_friendly_car .hmc_form + .row_title{margin-top:80px; padding-top:0;}
.eco_friendly_car [class*="bullet_dot"] + [class*="bullet_dot"]{position:relative; margin-top:80px;}
.eco_friendly_car [class*="bullet_dot"] + [class*="bullet_dot"]:after{content:''; position:absolute; top:-40px; left:0; right:0; height:1px; background:#e4dcd3;}

@media screen and (min-width:768px){
    .eco_friendly_car .hmc_form .panel_gray:after{content:''; display: block; clear: both;}
    .eco_friendly_car .hmc_form .panel_gray>*{float:right; width:48%;}
    .eco_friendly_car .hmc_form .panel_gray>*:first-child{float:left;}
    .eco_friendly_car .hmc_form .panel_gray>* + *{margin-top:0;}
    .eco_friendly_car .hmc_form .panel_gray .ui_table>dl>dt{width:30%; }
    .eco_friendly_car .hmc_form .panel_gray>p{width:100%; margin-top:40px;}
    .eco_friendly_car .hmc_form + .list_bullet_dot{margin-top:40px;}
    .input_email_group>*:not(.space):first-child{width:calc(33.3% - 15px)}
    .input_email_group>*:not(.space){width:calc((66.7% - 15px) /2)}
    .input_email_group .space{width:10px;}
    .input_email_group .space.atmark{width:20px; text-align: center; font-size: 0.9em; line-height: 40px;}
    .eco_friendly_car .hmc_form .input_email_group .select_wrap {width:calc((66.3% - 15px) /2)}
}
@media screen and (max-width:767px){
    .eco_friendly_car .policy_agree { margin: 10px 0 0; }
    .eco_friendly_car .policy_agree .desc,
    .eco_friendly_car .policy_agree .forms { float: none; }
    .eco_friendly_car .policy_agree .forms { margin: 10px 0; text-align: left; }
    .eco_friendly_car .policy_area + .policy_area{margin-top:20px;}
    .eco_friendly_car .policy_wrap{height:175px;}
    .eco_friendly_car .hmc_form{padding-top:10px;}
    .eco_friendly_car .hmc_form + .row_title,
    .eco_friendly_car .form_btns{margin-top:40px;}
    .eco_friendly_car .hmc_form .panel_gray>p,
    .eco_friendly_car .hmc_form + .list_bullet_dot{margin-top:20px;}
    .eco_friendly_car [class*="bullet_dot"] + [class*="bullet_dot"]{position:relative; margin-top:40px;}
    .eco_friendly_car [class*="bullet_dot"] + [class*="bullet_dot"]:after{top:-20px;}
    .input_email_group .space{display:none;}
    .input_email_group>*:not(.space){width:100%; margin-top:10px;}
    .input_email_group>*:not(.space):first-child{margin-top:0;}
}

/* 사양 조회하기 */
.vehicles-spec .spec-cont {margin-top:20px;}
.vehicles-spec .spec-cont .result_default,
.vehicles-spec .spec-cont .result_none {padding:25px 0; border-top:1px #e4dcd3 solid; text-align:center;}
.vehicles-spec .spec-cont .result_none .ico_lg_notice {margin-bottom:20px;}
.vehicles-spec .spec-cont .sub_title {margin-top:0;}
@media screen and (min-width:768px){
    .vehicles-spec .spec-cont .result_default,
    .vehicles-spec .spec-cont .result_none {padding:55px 0;}
    .vehicles-spec .spec-cont .sub_title {font-size:30px;}
}
/* 블루링크 서비스 공통 */
/* 20180202 함은주 */
.user_service.bluelink_service .top_message .head_copy {font-size: 16px; font-family: 'TextMedium'; color: #000; text-align: center;}
@media screen and (min-width:768px){
    .user_service.bluelink_service .top_message .head_copy {padding: 20px; font-size: 22px;}
}
/* 블루멤버스 혜택 */
.user_service .section_white,
.user_service .centered { overflow: hidden; }
.user_service .sub_title { margin-top: 80px; }
.user_service .sub_title.first-child { margin-top: 0; }
.user_service .row_title { margin: 20px 0 15px 0; }
.user_service .row_title ~ .row_title { margin-top: 40px; }
.user_service .hr { margin: 80px 0; border-top: 1px #e6e6e6 solid; }
.user_service .section_title { border-bottom: 1px #e5e5e5 solid; }
.user_service .section_title.border-none { border-bottom: 0; }
.user_service li { border-bottom: 0; }
.user_service p { line-height: 1.4; }
.user_service p small { font-size: 13px; }
.user_service .tab_menu_01 { word-break: keep-all; }
.user_service .data_table [class^="btn_sm"] { min-width: 100px; }
.user_service .point-txt {color: #006992;}
.user_service .text_notice.color_type a {margin-left:10px;font-family:'HeadMedium';color:#000;}

@media screen and (max-width: 767px) {
    /* 20180110 정윤진, 모바일 간격
    .user_service h2 { margin: 50px 0 30px 0; }*/
    .user_service .main_title { margin: 50px 0 30px; }
    .user_service .sub_title { margin-top: 50px; }
    .user_service .data_table [class^="btn_sm"],
    .user_service .list_bullet_dot [class^="btn_sm"] { display: block; margin: 5px 0 0; }
    /* 20180110 정윤진, 모바일 간격 조정 */
    .user_service .sub_title + .row_title { margin-top: 0; }
    /* 20180115 정윤진, 모바일 간격 조정 */
    .user_service .section_title .main_title { margin: 0 0 15px; }
}
@media screen and (min-width: 768px) {
    .user_service p { font-size: 16px; line-height: 1.8; }
    .user_service p.desc { margin-top: 8px; }
    .user_service p small { font-size: 14px; }
    .user_service p.row_title {font-size:20px;}
    .user_service .font_sm { font-size: 14px; }
}

.emergency_process { margin-top: 20px; padding: 60px 0; text-align: center; background-color: #f6f3f2; }
.emergency_process .loop-b { margin: 0 auto; max-width: 850px; }
.emergency_process .module { position: relative; padding: 0 60px; }
.emergency_process .module::before { content: ''; position: absolute; top: 50px; /*left: -68px;*/ right: 10px; width: 16px; height: 26px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/car-management/icon-emergency-process.png'); }
.emergency_process .loop-b .col:last-child .module::before { display: none; }
.emergency_process span { display: block; font-size: 16px; line-height: 1.6; word-break: keep-all; }
.emergency_process .core { margin-top: 15px; font-family: 'TextMedium'; color: #000; }
.emergency_process .desc { margin: 5px 0 0; }
.emergency_process_explain { margin-top: 30px; }
.emergency_process_explain h4 { margin: 30px 0 15px 0; font-size: 16px; color: #000; font-family:'TextMedium'; }
.emergency_process_explain ul,
.emergency_process_explain p { margin: 0; font-size: 14px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /* 20180112 정윤진, 모바일 간격 추가 */
    .emergency_process { margin-top: 10px; }
    .emergency_process .grid { padding: 0 10px 0 20px; text-align: left; }
    .emergency_process .grid .col { float: none; display: inline-block; margin: 0 -5px; padding: 0 5px; vertical-align: top; text-align: center; }
    .emergency_process .module { padding: 0 20px 0 5px; }
    .emergency_process .module::before { top: 45px; right: 0; width: 8px; height: 13px; background-size: 100% auto; }
    .emergency_process .module .pic { display: inline-block; width: 89px; }
    .emergency_process .desc { margin-bottom: 15px; }
    .emergency_process_explain h4 { margin-top: 40px; }
}
@media screen and (min-width: 768px) {
    /* 20180205 정윤진, 다이어그램 수정요청 처리 */
    .emergency_process .loop-a .module { padding-bottom: 35px; }
    .emergency_process .loop-a .col:last-child .module::before { display: none; }
}

/* 190430 추가 */
.service_join_process { margin: 25px 0; padding: 50px 0; text-align: center; background-color: #f6f3f2; }
.service_join_process .module { position: relative; padding: 0 30px; }
.service_join_process .module::before { content: ''; position: absolute; top: 50px; right: 10px; width: 12px; height: 20px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/car-management-service/warranty-period/icon-service-join-process.png'); }
.service_join_process span { display: block; font-size: 16px; line-height: 1.6; word-break: keep-all; }
.service_join_process .core { margin-top: 15px; font-size: 20px; font-family: 'TextMedium'; color: #000; letter-spacing: -1px;}
.service_join_process .desc { margin: 5px 0 0; color: #000;}
.service_join_process .loop-a:last-child .col:last-child .module::before { display: none; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .service_join_process { margin-top: 10px; }
    .service_join_process .grid { padding: 0 10px 0 20px; text-align: left; }
    .service_join_process .grid .col { float: none; display: inline-block; margin: 0 -5px; padding: 0 5px; vertical-align: top; text-align: center; }
    .service_join_process .module { padding: 0 20px 0 5px; }
    .service_join_process .module::before { top: 45px; right: 0; width: 8px; height: 13px; background-size: 100% auto; }
    .service_join_process .module .pic { display: inline-block; width: 89px; }
    .service_join_process .core { font-size: 16px;}
    .service_join_process .desc { margin-bottom: 15px; }
}
@media screen and (min-width: 768px) {
    .service_join_process .loop-a .module { padding-bottom: 35px; }
}

/*블루멤버스 포인트 200519*/
.bluemem_benefit02_02 .auto_mw_md {padding: 80px 0; }
.bluemem_benefit02_02 .table_bg_nv {background-color:#002C5F;border-left:1px solid #fff;color:#fff}
.bluemem_benefit02_02 .bottom_bgbox {padding:80px 0;}
.bluemem_benefit02_02 .bottom_bgbox .img_wrap {margin-bottom:60px}
.bluemem_benefit02_02 .bottom_btnbox {padding-top: 40px;}
.bluemem_benefit02_02 .link_box {margin-top:60px; padding:30px 50px; border:1px solid #ece6e0;}
.bluemem_benefit02_02 .link_box .text_button_bar {min-height:0; padding-right:190px;}
.bluemem_benefit02_02 .acc_guide {margin-top: 60px; }
.bluemem_benefit02_02 .acc_guide:after {display:block; content:""; clear:both}
.bluemem_benefit02_02 .acc_guide ul {display:inline-block; float:left; margin-top:20px; font-family:'TextMedium'}
.bluemem_benefit02_02 .acc_guide ul:after {display:block; clear:both; content:"";}
.bluemem_benefit02_02 .acc_guide li {float:left;}
.bluemem_benefit02_02 .acc_guide li+li {margin-left:20px;}
.bluemem_benefit02_02 .acc_guide li .select_wrap {width:140px; margin-left:16px;}
.bluemem_benefit02_02 .acc_guide li .select_wrap .selectBox-label {color:#727272;}
.bluemem_benefit02_02 .acc_guide .srch_area {float:right; width:520px; margin-top:20px;}

/* //190430 추가 */

/* 블루멤버스 포인트몰 */
.blue-pointmall-intro .main_title {margin-top:40px; margin-bottom:15px;}
.blue-pointmall-list {padding:20px; background:#f8f5f4;}
.blue-pointmall-list:after {clear:both; display:block; content:'';}
.blue-pointmall-list .col {float:left; width:calc((100% - 15px) / 2); margin-left:15px;}
.blue-pointmall-list .col:nth-child(2n+1) {margin-left:0;}
.blue-pointmall-list .col .imgBox {text-align:center;}
.blue-pointmall-list .col .subject {margin-top:10px; color:#000; min-height:80px; text-align:center; line-height:1.3em;}
@media screen and (min-width: 768px) {
    .blue-pointmall-intro .main_title {margin-top:80px; margin-bottom:30px;}
    .blue-pointmall-intro .list_bullet_dot {margin-left:25%;}
    .blue-pointmall-list {padding:30px;}
    .blue-pointmall-list .col {width:calc((100% - 90px) / 4); margin-left:30px;}
    .blue-pointmall-list .col:nth-child(2n+1) {margin-left:30px;}
    .blue-pointmall-list .col:first-child {margin-left:0px;}
    .blue-pointmall-list .col .subject {margin-top:25px; min-height:30px; line-height:1.75em;}
}
@media screen and (min-width: 1024px) {
    .blue-pointmall-intro .list_bullet_dot {margin-left:32%;}
    .blue-pointmall-list {padding:60px 70px;}
    .blue-pointmall-list .col {width:calc((100% - 180px) / 4); margin-left:60px;}
    .blue-pointmall-list .col:nth-child(2n+1) {margin-left:60px;}
    .blue-pointmall-list .col:first-child {margin-left:0px;}
}

/* 블루멤버스 포인트 안내 */
.blue_point_guide .grid  { margin: -15px; }
.blue_point_guide .module { position: relative; overflow: hidden; margin: 15px; padding: 20px 34% 0 20px; height: 285px; color: #000; background-color: #f6f3f2; background-repeat: no-repeat; background-position: right center; }
.blue_point_guide .row_title { line-height: 1.6; }
.blue_point_guide .row_title,
.blue_point_guide .row_title { position: relative; z-index: 1; }
.blue_point_guide .pic { position: absolute; z-index: 0; top: 0; right: 0; }

@media screen and (max-width: 767px) {
    /* 20180112 정윤진, 모바일 간격 수정
    .blue_point_guide .module { height: 290px; padding: 30px 20px; } */
    .blue_point_guide .grid { margin-top: 0; margin-bottom: -10px; }
    .blue_point_guide .module { height: 290px; margin: 5px 15px; padding: 30px 15px; }
    .blue_point_guide .row_title { margin-top: 0; }
    .blue_point_guide .pic { display: block; bottom: 0; top: auto; width: 200px; }
    .blue_point_guide p { position: relative; z-index: 1; }
}

.my_blue_point { margin-top: 80px; font-size: 24px; text-align: center; color: #fff; }
.my_blue_point .grid {width:100%;}
.my_blue_point .module { /*height: 105px; line-height: 105px;*/ } /* 20180117 함은주, #36754: 버튼 영역 수정 */
.my_blue_point .subject { /*height:105px; 2018-10-15 이지혜 */ font-family:'HeadMedium'; vertical-align:middle !important; } /* 20180117 함은주, #36754: 버튼 영역 수정 */
.my_blue_point .subject .icon { display:inline-block; width: 40px; height: 40px; vertical-align: middle; background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/bluemembers-point/icon-my-point.png'); }
.my_blue_point .value { /*height:105px; 2018-10-15 이지혜 */ font-family: "HeadRegular"; vertical-align:middle !important; } /* 20180117 함은주, #36754: 버튼 영역 수정 */
.my_blue_point .value strong {  font-family:'HeadMedium'; color: #fff; }
.my_blue_point .col:first-child .module { border-right: 1px #000 solid; }
.blue_point_go_btns .col a {margin-top:10px; padding:17px 10px; background:#002c5f; text-align:center; font-family:'TextMedium'; color:#fff;} /* 211015 edit */

@media screen and (max-width: 767px) {
    .my_blue_point { margin-top: 50px; font-size: 16px; }
    /* 20180112 정윤진, 모바일 간격 수정, 추가
    .my_blue_point .module { margin: 5px 0; height: 40px; line-height: 40px; background-color: #002c5f; } */
    .my_blue_point .grid { background-color: #002c5f; }
    .my_blue_point .module { /*height: 70px;*/ line-height: initial; margin: 25px 0; /*padding-top: 20px;*/ font-size: 14px; word-break:keep-all; } /* 20180117 함은주, #36754: 버튼 영역 수정 */
    .my_blue_point .subject { height:70px; text-align: left; font-family: 'TextMedium'; text-align:center; } /* 20180117 함은주, #36754: 버튼 영역 수정 */
    .my_blue_point .subject .module {position: relative; zoom: 1; }
    .my_blue_point .subject .icon { width: 30px; height: 30px; -webkit-background-size: 100% auto; background-size: 100% auto; } /* 20180117 함은주, #36754: 버튼 영역 수정 */
    .my_blue_point .value { height:70px; text-align: center; } /* 20180117 함은주, #36754: 버튼 영역 수정 */
    .my_blue_point .value strong { display: block; margin: 0 auto; }
    .blue_point_go_btns .col a {display:block; width:100% } /* 211015 add */
}
@media screen and (min-width: 768px) {
    .my_blue_point { padding: 40px 0; background-color: #002c5f; }
    .blue_point_go_btns:after {clear:both; display:block; content:'';}
    .blue_point_go_btns .col a {float:left; width:calc((100% - 10px) / 2); margin-left:10px;} /* 211015 edit */
    .blue_point_go_btns .col a:nth-child(2n+1) {margin-left:0;} /* 211015 edit */

}
@media screen and (min-width: 1024px)
{
    /* 211015 edit */
    .blue_point_go_btns .col a {padding:30px 20px; font-size:24px;}
    .blue_point_go_btns .col a .ico_arr_w {display:inline-block; width:25px; height:25px; vertical-align:middle; content:''; background:url(../images/common/ico_pc_25.png) no-repeat 0 -25px;}
    /* //211015 edit */
}


/* 현대shop 혜택 안내 */ /* 20220222 추가*/
.digitalkey_service .contact_digitalKey_info {position:relative;padding:60px 0 60px 245px;margin:0;}
.digitalkey_service .contact_digitalKey_info:first-child {padding-bottom:60px;}
.digitalkey_service .contact_digitalKey_info .module {border:none;}
.digitalkey_service .contact_digitalKey_info .view {width:145px;position:absolute;top:50%;left:50px;margin-top:-66px;}
.digitalkey_service .contact_digitalKey_info .view .icon {display:inline-block;width:145px;margin:0;}
.digitalkey_service .contact_digitalKey_info .desc {letter-spacing:-1px;}
.bd_box {border-top:1px solid #e4dcd3;margin:0 70px;}
.bd_box .grid_col_04 {display:flex;flex-wrap:wrap;align-items:flex-end;float:none;padding:60px 0;}
.bd_box .grid_col_04 .col {width:25%;text-align:left;}
.bd_box .grid_col_04 .col:nth-child(n+5) {margin-top:40px;}
.bd_box .grid_col_04 .col .title a {padding-top:50px;color:#002c5f;font-size:20px;font-family:'HeadMedium';}
.bd_box .grid_col_04 .col .title:before {content: '';display: block;clear: both;position:absolute;width:40px;height:40px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/hyundaishop/hyundaishop-category-icon-pc.png');background-size:100%;}
.bd_box .grid_col_04 .col:nth-child(1) .title:before {background-position: 0 0;}
.bd_box .grid_col_04 .col:nth-child(2) .title:before {background-position: 0 -90px;}
.bd_box .grid_col_04 .col:nth-child(3) .title:before {background-position: 0 -180px;}
.bd_box .grid_col_04 .col:nth-child(4) .title:before {background-position: 0 -270px;}
.bd_box .grid_col_04 .col:nth-child(5) .title:before {background-position: 0 -360px;}
.bd_box .grid_col_04 .col:nth-child(6) .title:before {background-position: 0 -450px;}
.bd_box .grid_col_04 .col:nth-child(7) .title:before {background-position: 0 -540px;}
.bd_box .grid_col_04 .col:nth-child(8) .title:before {background-position: 0 -630px;}
.bd_box .grid_col_04 .col .text {margin-top:15px;font-size:16px;font-family:'TextMedium';}
@media screen and (max-width:767px){
    .digitalkey_service .contact_digitalKey_info {padding:40px 0}
    .digitalkey_service .contact_digitalKey_info .view {position:relative;top:0;left:50%;margin-top:0;margin-left:-72px;padding:0;}
    .digitalkey_service .contact_digitalKey_info .desc {padding-top:25px;}
    .bd_box {padding:0;margin:0 10px 15px;}
    .bd_box .grid_col_04 {flex-direction:row;padding: 0;}
    .bd_box .grid_col_04 .col {width:100%;position: relative;padding:25px 0;border-bottom: 1px solid #e4dcd3;}
    .bd_box .grid_col_04 .col:nth-child(8) {border: none;}
    .bd_box .grid_col_04 .col .title a {padding: 0;}
    .bd_box .grid_col_04 .col .title:before {top:30px;right: 5px;}
    .bd_box .grid_col_04 .col:nth-child(n+5) {margin-top:0;}
}

/* 특별제휴혜택 */
.alliance_list { margin-top: 80px; overflow: hidden; }
.alliance_list .grid { margin: -30px -16px; }
/* 20180112 정윤진, 모바일 디자인 그리드 수정 */
.alliance_list .col { float: none; display: inline-block; vertical-align: top; margin: 0 -5px 0 0; }
.alliance_list .module { margin: 30px 16px; }
.alliance_list .core { margin-top: 15px; font-size: 20px; line-height:26px; min-height:55px; font-family: 'TextMedium'; color: #000; }
.alliance_list .desc { padding: 0 0 10px 0; font-size: 14px; overflow: hidden;}
/* .alliance_list .link { margin-top: 30px; } */
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .alliance_list { margin-top: 40px; }
    /* .alliance_list .grid { margin: 0 10px; }
    .alliance_list .module { margin: 15px 5px; } */
    .alliance_list .grid { margin: -15px 10px -25px; }
    .alliance_list .module { margin: 25px 5px; }
    /* .alliance_list .link { margin-top: 15px; } */
    .alliance_list .core { margin-top: 20px; }
    .alliance_list .desc { min-height: 30px; margin-bottom: 10px; }
}

/* 20180112 정윤진, 모바일 간격 수정
.alliance_preview { margin-top: 20px; } */
.alliance_preview { margin-top: 30px; }
.alliance_preview .list .grid { margin: -5px; }
.alliance_preview .list .grid a { display: block; margin: 5px; }
/* 20180112 정윤진, 모바일 간격 추가 */
.alliance_preview_info { margin-top: 40px; }
.alliance_preview_info td { word-break: break-all; }
.alliance_preview_info table { table-layout: fixed; }
@media screen and (max-width: 767px) {
    .alliance_preview .list { margin-top: 10px; }
    .alliance_preview .list .grid { margin: -5px; }
    .alliance_preview .list .grid a { margin: 5px; }
    /* 20180112 정윤진, 모바일 간격 추가 */
    .alliance_preview_info { margin-top: 20px; }
}
@media screen and (min-width: 768px) {
    .alliance_preview .pic { float: left; width: 65%; }
    .alliance_preview .pic .module { margin-right: 10px; }
    .alliance_preview .list { float: left; width: 35%; }
    .alliance_preview .list .module { margin-left: 10px; }
    .alliance_preview .list img { height: 92px; }
}

/* 바디케어 서비스 */
.benefit_bodycare .row_title { margin-top: 80px; margin-bottom: 25px; }
.bodycare_info { display: table; padding: 20px 0; border-top: 1px solid #e4dcd3; }
.bodycare_info .subject,
.bodycare_info .desc { display: table-cell; vertical-align: middle; }
.bodycare_info .subject { width: 120px; text-align: center; font-family: "TextMedium"; }
.bodycare_info .subject strong { color: #006992; } /* 20180124 정윤진, #36909 */
.bodycare_info .desc { padding-left: 30px; color:  #626262; }
.babycare_info_downer { margin-top: 40px; }
.reward_process {  }
.reward_process ol { margin: 0; padding: 0; list-style: none; }
.reward_process li { position: relative; zoom: 1; margin: 0; padding-left: 15px; color: #000; }
.reward_process li .number { position: absolute; left: 0; top: 0; }
.reward_process li li { padding-left: 0; color:  #626262; }
.reward_process ol ol { margin: 0 0 20px; }

@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .benefit_bodycare .row_title { margin-top: 50px; margin-bottom: 15px; }
    .bodycare_info { padding: 15px 0; font-size: 12px; }
    .bodycare_info .subject { width: 75px; }
    .bodycare_info .desc { padding-left: 0; }
    .babycare_info_downer { margin-top: 20px; }
    .reward_process li { padding-left: 0; }
    .reward_process li .number { position: static; }
}


/* 포인트 양도 절차 */
.point_transfer_step { text-align: center; }
.point_transfer_step .grid { position: relative; margin: 0 -110px; }
/*20180129 함은주, 모바일TEST*/
.point_transfer_step .grid::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -17px; width: 33px; height: 60px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/bluemembers-point/icon-bluemembers-point-step.png'); }
/*20180112 정윤진, 모바일 간격 수정*/
/*.point_transfer_step .grid::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -17px; width: 33px; height: 60px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/bluemembers-point/icon-bluemembers-point-step.png'); }*/
.point_transfer_step .module { overflow: hidden; margin: 0 110px; height: 215px; background-color: #ece6e0; font-family:'HeadMedium'; }
.point_transfer_step .core { margin-top: 70px; font-size: 20px; color: #000; }
.point_transfer_step .tip { margin: 40px 0 50px 0; font-family: 'TextMedium'; }

@media screen and (max-width: 1023px) {
    .point_transfer_step .grid { margin: -30px 0; }
    /* 20180112 정윤진, 모바일 디자인 수정
    .point_transfer_step .module { margin: 30px 0; padding: 30px 15px; height: auto; }
    .point_transfer_step .tip { margin: 30px 0; } */
    .point_transfer_step .module { margin: 30px 0; padding: 30px 15px; height: auto; border: 1px solid #e4dcd3; }
    .point_transfer_step .grid::before { transform: rotate(90deg) translate3d(0, 0, 0); }
    .point_transfer_step .core { margin-top: 0; font-size: 16px; letter-spacing: -1px; }
    .point_transfer_step .tip { margin: 20px 0 10px; }
}
@media screen and (max-width: 335px) {
    .point_transfer_step .grid::before { transform: rotate(90deg) translate3d(-10px, 0, 0); }
}

/* 포인트 양도 안내 */
.bluemembers_benefit .point_transfer_cont {line-height:1.6;}
.bluemembers_benefit .point_transfer_cont [class^="bullet"],
.bluemembers_benefit .point_transfer_cont [class^="list_bullet"] li {font-size:14px;}
.bluemembers_benefit .point_transfer_cont .step {margin-bottom:10px;padding:60px 4.5% 40px; border:1px solid #e4dcd3;}
.bluemembers_benefit .point_transfer_cont .grid_col_02.step {padding:60px 22% 40px;}
.bluemembers_benefit .point_transfer_cont .step li {position:relative;}
.bluemembers_benefit .point_transfer_cont .step li:last-child:after {background:none;}
.bluemembers_benefit .point_transfer_cont .step li:after {content:''; display:block; position:absolute; top:70px; right:-10px; width:16px; height:16px; background: url(../images/common/ico_pc_20.png) no-repeat 0 -160px;}
.bluemembers_benefit .point_transfer_cont .step li span {display:block; position:absolute; top:0; left:50%; width:56px; height:56px; margin-left:-28px; background:#002c5f; border-radius: 50%; font-family:'HeadRegular'; color:#fff; line-height:56px; text-align:center;}
.bluemembers_benefit .point_transfer_cont .step li .info-text {padding-top:66px; font-family:'TextMedium'; line-height:1.5; text-align:center; color:#000;}
@media screen and (max-width: 767px){
    .bluemembers_benefit .point_transfer_cont .step {padding:30px 4.5% 20px;}
    .bluemembers_benefit .point_transfer_cont .grid_col_02.step {padding:20px 12% 10px;}
    .bluemembers_benefit .point_transfer_cont .step li:after {content:''; display:block; position:absolute; top:20px; right:-10px; width:16px; height:16px;}
}
/* 포인트 양도 신청 */
.bluemembers_pointpass .table_result_list{overflow: hidden;}
.bluemembers_pointpass .table_result_list > li{margin:20px 0;}
.bluemembers_pointpass .table_result_list > li .id_info{position:relative;padding:30px;background-color:#f6f3f2;}
.bluemembers_pointpass .table_result_list > li .dl_text_cont{overflow:hidden; font-size:0.9em;}
.bluemembers_pointpass .table_result_list > li + li{margin-top:20px; }
.bluemembers_pointpass .table_result_list > li .id_info { position: relative; padding: 30px;  background-color: #f6f3f2;}
.bluemembers_pointpass .table_result_list .title_area{background: #ece6e0; font-size: 16px; color: #333; padding: 20px 30px}
@media screen and (min-width: 768px){
    .bluemembers_pointpass .table_result_list > li .dl_text_cont dl{overflow:hidden;float:left;width:50%;margin:0;}
    .bluemembers_pointpass .table_result_list > li .dl_text_cont dl dt{float:left;width:20%;margin:0;line-height:22px;}
    .bluemembers_pointpass .table_result_list > li .dl_text_cont dl dd{float:left;width:80%;}
}

.bluemembers_pointpass .point-transfer-agree .agree-subject{ display: flex; }
.bluemembers_pointpass .point-transfer-agree .agree-subject .subject{line-height: 1.6;font-family: 'TextMedium';font-size: 16px;color: #000;}
.bluemembers_pointpass .point-transfer-agree .agree-subject .link-detail{margin-left: 20px;text-decoration: underline;font-family: 'TextRegular';}

.bluemembers_pointpass .point-transfer-agree ul li{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bluemembers_pointpass .point-transfer-agree ul .agree-text{width: 70%;}
.bluemembers_pointpass .point-transfer-agree ul .agree-text, .bluemembers_pointpass .point-transfer-agree ul .radio-wrap{margin-top: 10px;}
.bluemembers_pointpass .point-transfer-agree ul .agree-text p, .bluemembers_pointpass .point-transfer-agree ul .agree-text span { line-height: 1.8;font-family: 'TextMedium';}
.bluemembers_pointpass .point-transfer-agree ul .agree-text p{font-size: 16px;}
.bluemembers_pointpass .point-transfer-agree ul .agree-text span{display: block; font-size: 14px;}
.bluemembers_pointpass .point-transfer-agree ul .radio-wrap{display: flex; justify-content: space-between; width: 25%;}
.bluemembers_pointpass .point-transfer-agree ul .radio-wrap .check_wrap{min-width: 80px;}

.bluemembers_pointpass_popup .policy_wrap table td{line-height: 1.6;}
.bluemembers_pointpass_popup .policy_wrap table td .bold-em{font-size: 14px;}
.bluemembers_pointpass_popup .policy_wrap table td .bold{ font-weight: bold;line-height: 1.6;display: block; color: #000;}
.bluemembers_pointpass_popup .policy_wrap table td .small{ margin-top: 15px; display: block; font-size: 12px; line-height: 1.6;}
.bluemembers_pointpass_popup .policy_wrap table td .text-em{ text-decoration: underline; font-weight: bold; font-size: 14px; word-break: break-word; color: #000;}
.bluemembers_pointpass_popup .warning{ margin-top: 10px;}
.bluemembers_pointpass_popup .warning span{ display: block; line-height: 1.6;font-size: 14px;font-family: 'TextMedium';}
@media screen and (max-width: 767px){
    .bluemembers_pointpass .point-transfer-agree .agree-subject{flex-direction: column; }
    .bluemembers_pointpass .point-transfer-agree .agree-subject .subject{ font-size: 14px; }
    .bluemembers_pointpass .point-transfer-agree .agree-subject .link-detail{margin-top: 5px; margin-left: 0; text-align: left; font-size: 14px; }
    .bluemembers_pointpass .point-transfer-agree ul{display: flex; flex-direction: column;}
    .bluemembers_pointpass .point-transfer-agree ul .agree-text{width: 100%; order: 2;}
    .bluemembers_pointpass .point-transfer-agree ul .agree-text p{font-size: 14px; line-height: 1.4;}
    .bluemembers_pointpass .point-transfer-agree ul .radio-wrap{ width: 100%;}
    .bluemembers_pointpass .point-transfer-agree ul .radio-wrap .check_wrap{ width: 50%;}
    .bluemembers_pointpass .point-transfer-agree ul .agree-text span{line-height: 1.4; font-size: 13px;}

    .bluemembers_pointpass_popup .warning span{ line-height: 1.4;font-size: 13px;}
}

/* 포인트 쇼핑몰 */
.point_shopping_list { margin-top: 80px; margin-bottom: 60px; }
.point_shopping_list .grid { margin: -50px -16px 0 -16px; }
.point_shopping_list .module { margin: 50px 16px 0 16px; }
.point_shopping_list .subject { display: block; margin-top: 15px; font-family: 'TextMedium'; color: #000; }
.point_shopping_list img { width: 100%; }
.point_shopping_list .board_btns { margin-top: 60px; }
@media screen and (max-width: 767px) {
    .point_shopping_list { margin-top: 40px; margin-bottom: 30px; }
    /* 20180112 정윤진, 모바일 간격 수정, 추가
    .point_shopping_list .grid { margin: -20px -5px 0 -5px; }
    .point_shopping_list .module { margin: 20px 5px 0 5px; } */
    .point_shopping_list { margin-bottom: 50px; }
    .point_shopping_list .grid { margin: -40px -5px 0 -5px; }
    .point_shopping_list .module { margin: 50px 5px 0 5px; }
    .point_shopping_list .grid .col:nth-child(2n+1) { clear: both; }
    .point_shopping_list .pic { display: block; margin-bottom: 20px; }
    .point_shopping_list .subject { margin-top: 10px; }
    .point_shopping_list .board_btns { margin: 0; padding-bottom: 0 !important; }
}
@media screen and (min-width: 768px) {
    .point_shopping_list .grid .col:nth-child(4n+1) { clear: both; }
}

/* 20180115 정윤진, 모바일 간격 수정 , 추가
.h_premium_program .module { margin: 15px 0 0; } */
.h_premium_program .module { margin: 0; }
.h_premium_program .col { margin-top: 0; }
.h_premium_program .col:first-child { margin-top: 0; }
.h_premium_program .row_title {margin-top: 20px;}
.h_premium_program img { width: 100%; }
.h_premium_program li b { display: block; }
@media screen and (min-width: 768px) {
    .h_premium_program .grid { margin: 0 -15px; }
    .h_premium_program .module { margin: 0 15px; }
    .h_premium_program li { position: relative; }
    .h_premium_program .link { position: absolute; top: 0; right: 0; }
}

@media screen and (max-width: 767px) {
    .h_premium_program .col + .col { margin-top: 40px; }
}

/* 차량관리서비스 */
.vehicles_list .grid { margin: 0 -16px; }
.vehicles_list .module { margin: 60px 16px 0 16px; }
.vehicles_list .upper { border: 1px #e4dcd3 solid; text-align: center;}
.vehicles_list .downer { margin-top: 20px; position: relative; color: #000; }
.vehicles_list .core { font-size: 20px; font-family:'HeadMedium'; }
@media screen and (max-width: 1023px) {
    .vehicles_list { margin: 0 15px; }
    .vehicles_list .grid { margin: 25px 0 0; }
    .vehicles_list .module { margin: 25px 0; }
    .vehicles_list .downer { margin: 20px 0; }
    .vehicles_list .core { font-size: 18px; }
    .vehicles_list .desc { margin: 10px 0 30px 0; }
}
@media screen and (max-width: 1150px) {
    .vehicles_list { margin: 0 15px; }
}
@media screen and (min-width: 768px) {
    .vehicles_list { margin-top: 20px; }
    .vehicles_list .downer a { position: absolute; top: 0; right: 0; }
}

/* 내비게이션 업데이트 */
.navi_update { margin-top: 80px; word-break: keep-all; }
.navi_update .grid { margin: -16px; } /* 20180112 함은주, 모바일 간격 수정 */
.navi_update .module { margin: 10px 16px; padding: 60px 20px; text-align: center; color: #000; background-color: #f6f3f2; } /* 20180112 함은주, 모바일 간격 수정 */
.navi_update .core { margin-top: 30px;  font-size: 20px; font-family:'HeadMedium'; }
.navi_update .action { margin-top: 40px; }
@media screen and (max-width: 767px) {
    .navi_update { margin-top: 50px; }
    .navi_update .grid { margin: 0; }
    .navi_update .module { margin: 10px 0; padding: 20px; line-height: 1.4; }
    .navi_update .pic {width:62px; margin:0 auto;}
    .navi_update .icon { width: 60px; height: 60px; }
    .navi_update .core { margin: 10px 0 5px 0;  font-size: 16px; }
    .navi_update .action { margin-top: 10px; }
}

.section_summary { padding: 40px 25px; overflow: hidden; background-color: #f6f3f2; }
.section_summary .module { margin: 0 15px; }
.section_summary .core { text-align: center; }
.section_summary .desc { color: #000; line-height: 1.9; }
.section_summary .icon { display: inline-block; width: 216px; height: 90px; }
@media screen and (max-width: 767px) {
    .section_summary { padding: 10px 0; }
    .section_summary .module { margin: 10px 15px; }
    .section_summary .module picture { display: block; width: 108px; }
}
@media screen and (min-width: 768px) {
    .section_summary .holder { display: table; width: 100%; }
    .section_summary .holder .cell { display: table-cell; vertical-align: middle; }
    .section_summary .holder .cell.core { width: 25%; }
    .section_summary .holder .cell.desc { width: 75%; }
}

/* MirrorLink */
.mirrorlink_setup .grid { margin: -60px -16px 0 -16px; }
.mirrorlink_setup .module { margin: 60px 16px 0 16px; }
.mirrorlink_setup .core { text-align: center; }
.mirrorlink_setup .desc { position: relative; margin-top: 25px; padding-left: 30px; color: #000; line-height: 1.6; }
.mirrorlink_setup .desc .step { position: absolute; top: -5px; left: 0; font-size: 20px; font-family:'HeadMedium';  }
@media screen and (max-width: 767px) {
    .mirrorlink_setup .grid { margin: -15px -5px; }
    .mirrorlink_setup .module { margin: 20px 5px; }
    .mirrorlink_setup .core { text-align: left; }
    .mirrorlink_setup .desc { position: relative; margin-top: 10px; padding-left: 30px; color: #000; line-height: 1.6; }
    .mirrorlink_setup .desc .step { position: absolute; /* top: -5px; */ top: 0; left: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 12px; font-family:'HeadMedium'; background-color: #002c5f; -webkit-border-radius: 100%; border-radius: 100%; }
}
@media screen and (min-width: 768px) {
    .mirrorlink_setup .col:nth-child(3n+1) { clear: both; }
    .mirrorlink_setup.is-col-4 .col:nth-child(3n+1) { clear: none; }
    .mirrorlink_setup .align_center_lg { padding-left: 0; text-align: center; }
}

.mirrorlink_application .grid { margin: 0 -16px; }
.mirrorlink_application .module { margin: 0 16px; border: 1px #ece6e0 solid; }
.mirrorlink_application a { position: relative; display: block; padding-left: 95px; height: 88px; line-height: 88px; color: #333; }
.mirrorlink_application .app { position: absolute; top: 50%; left: 35px; margin-top: -21px; width: 42px; line-height: 1; }
@media screen and (max-width: 767px) {
    .mirrorlink_application .grid { margin: -5px 0; }
    .mirrorlink_application .module { margin: 5px 0; }
    .mirrorlink_application a { height: 45px; line-height: 45px; padding-left: 50px; }
    .mirrorlink_application .app { left: 15px; width: 21px; height: 21px; margin-top: -10px; }
}

/* 블루투스 호환 */
.bluetooth_compatibility h3.title { margin: 30px 0 15px 0; font-size: 16px; font-family: 'TextMedium'; color: #000; }
.compatibility_search { border: 1px #e4dcd3 solid; }
.compatibility_search .module { margin: 30px 40px; }
.compatibility_search .downer { border-top: 1px #e4dcd3 solid; }
.compatibility_search .downer .module { margin-top: 40px; margin-bottom: 40px; }
.compatibility_search .upper .subject { display: inline-block; margin-right: 40px; height: 40px; line-height: 40px; font-family: 'TextMedium'; color: #000; }
.compatibility_search .upper .select_wrap { width: 220px; }
.compatibility_search .result_none p { margin-top: 30px; font-size: 20px; font-family:'HeadMedium'; color: #000; }
.compatibility_cartype .sub_title { margin-left: 15px; font-size: 16px; }
/* 사용설명서 다운로드(자료실) */ 
.download_user_guide.compatibility_search .module {margin: 0; padding:45px 70px 43px; border-top:1px solid #e4dcd3;}
.download_user_guide.compatibility_search .item:first-child .module {border:none;}
[data-component-id="file-search-download"].data_list .search_area {display: flex; justify-content: space-between; align-items: center; margin:0 0 30px;}
[data-component-id="file-search-download"].data_list [class*="ui_search"] .wrap {display: flex; justify-content: space-between;width: 295px; height:35px; line-height: 35px; padding:0 0 0 20px; border-bottom:1px solid #e5e5e5;}
[data-component-id="file-search-download"].data_list [class*="ui_search"] input[type="text"] {width:100%; background: none; border: none; font-size: 14px;}
[data-component-id="file-search-download"].data_list .list_sort {margin-bottom:0;}
[data-component-id="file-search-download"].data_list .list_sort .select_wrap {width: 180px;}
[data-component-id="file-search-download"].data_list .data_table {width: 100%;}
@media screen and (max-width: 1024px) {
    [data-component-id="file-search-download"].data_list .search_area {flex-direction: column;}
    [data-component-id="file-search-download"].data_list .search_area {width: 100%;}
    [data-component-id="file-search-download"].data_list .search_area .file_search_form {width: 100%;}
    [data-component-id="file-search-download"].data_list [class*="ui_search"] .wrap {width:100%;}
    [data-component-id="file-search-download"].data_list .list_sort  {width:100%; padding:0 0 15px; font-size:13px;}
    [data-component-id="file-search-download"].data_list .list_sort .select_wrap:first-child {margin:30px 0 0;}
    [data-component-id="file-search-download"].data_list .list_sort .select_wrap {width: 100%; margin: 10px 0 0;}
    [data-component-id="file-search-download"].data_list .list_sort [class^="btn_"][class*="_md"]{width: 100%; margin: 10px 0 0;}
}
@media screen and (max-width: 767px) {
    .bluetooth_compatibility h3.title { margin: 15px 0 5px 0; font-size: 14px; }
    .compatibility_search .module { margin: 10px; }
    .compatibility_search .downer .module { margin-top: 20px; margin-bottom: 20px; }
    .compatibility_search .upper .select_wrap { margin-bottom: 10px; width: 100%; }
    .compatibility_search .upper .select_wrap { margin-bottom: 10px; width: 100%; }
    .compatibility_cartype .sub_title { margin-bottom: 0; }
    .download_user_guide.compatibility_search .module {padding: 32px 20px 35px;}
    .download_user_guide.compatibility_search .module .section.pdt_02 {font-size:14px;}
}
@media screen and (min-width: 1024px){
    /* desktop  */
    .compatibility_cartype .sub_title { margin-left: 0; font-size: 30px; }
}

/* 홈투홈 서비스 신청 */
.service_receipt .grid { margin: 0 -16px; }
.service_receipt .module { position: relative; margin: 0 16px; padding: 0 0 0 220px;  overflow: hidden; background-color: #f6f3f2; } /* 190614 수정 */
.service_receipt .col.internet .module { padding-left: 220px; } /* 190614 수정 */
.service_receipt .col.before { text-align: center; background-color: #f6f3f2; }
.service_receipt .col.before .module { padding-left: 220px; } /* 190614 수정 */
.service_receipt .col.before .btn_md_primary { font-size: 14px; }
.service_receipt .tip { margin: 0 0 20px 0; text-align: right; /*font-family:'HeadMedium';*/ }
.service_receipt .icon { position: absolute; top: 50%; left: 50px; margin-top: -60px; width: 120px; }
.service_receipt .core { font-family:'HeadMedium'; color: #000; }
.service_receipt .tel { font-size: 30px; color: #006992; line-height: 1.3; }
.service_receipt + .bottom_spacer,
.service_receipt + p + .bottom_spacer  { padding: 0; } /* 20180129 정윤진, 간격 수정 */
@media screen and (max-width: 767px) {
    .service_receipt .grid { margin: 0; }
    .service_receipt .module { margin: 10px 0; padding: 15px 15px 15px 105px !important; text-align:center; }
    .service_receipt .tip { font-size: 12px; margin-top: -30px; }
    .service_receipt .icon { left: 15px; margin-top: -33px; width: 75px; height: 75px; background-size: 75px 75px; }
    .service_receipt .core { margin-bottom: 0; font-size: 18px; }
    .service_receipt .core .subject { display: block; /*margin-bottom: 10px;*/ }
    .service_receipt .core .btn_md_primary {margin:8px 0 12px; font-size:12px; } /* 190614 수정 */
    .service_receipt .col.before .btn_md_primary { font-size: 12px; } /* 190614 추가 */
    .service_receipt .desc { /*margin-top: 10px;*/ }
    .service_receipt .tel { font-size: 24px; }
    .service_receipt .col.before {width:100%;} /* 190614 수정 */
}
@media screen and (min-width: 768px) {
    .service_receipt .module { height: 220px; }
    .service_receipt .core { margin-top: 55px; height: 80px; font-size: 20px; } /* 190614 수정 */
    .service_receipt .col.before .module { display:inline-block } /* 190614 추가 */
    .service_receipt .desc {margin-top:12px;} /* 190614 추가 */
    .service_receipt .tel { display:inline-block; margin-top:40px;} /* 190614 추가 */
    .service_receipt .core .subject { position: absolute; top: 55px; left: 220px; } /* 190617 수정 */
    .service_receipt .core .btn_md_primary { margin-top:40px; }  /* 190614 수정 */
}

/* 20180105 박순길, 전화번호 간격 조정 */
@media screen and (max-width: 1139px) {
    .service_receipt .grid .col.customer { clear: both; float: none; width: 100%; }
    .service_receipt .grid .col.internet { clear: both; float: none; width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
    .service_receipt .grid .col.internet .module { margin-top: 10px; }
}
@media screen and (min-width: 1140px) {
    .service_receipt .grid .col.customer { width: 50%; }
    .service_receipt .grid .col.internet { width: 50%; }
    .service_receipt .grid .col.internet .module { margin-top: 0; }
}

/* 오토케어 */
.autocare_service { margin-top: 40px; letter-spacing: -.025em; }
.autocare_service .upper { font-size: 18px; }
.autocare_service .upper .subject { font-family: 'TextMedium'; color: #006992; }
.autocare_service .downer { margin-top: 40px; padding: 20px 0; text-align: right; border-top: 1px #e4dcd3 solid; font-size: 14px; color: #88553c; }
@media screen and (max-width: 767px) {
    .autocare_service { margin-top: 20px; }
    .autocare_service .upper { padding: 0; font-size: 16px; }
    .autocare_service .upper .subject { display: block; }
    .autocare_service .downer { margin-top: 20px; padding: 15px 0; }
}


/* 플러스 오토케어 */
.plus_autocare_summary { margin-top: 30px; color: #000; }
.plus_autocare_summary .grid { margin: 0 -16px; }
/* 20180212 함은주, 태블릿테스트 수정 */
.plus_autocare_summary .col.core {max-width:35%;}
.plus_autocare_summary .col.desc {max-width:65%;}
.plus_autocare_summary .module { margin: 0 16px; text-align: left; }
.plus_autocare_summary .row_title { margin-top: 70px; }
.plus_autocare_summary .row_title:first-child { margin-top: 0; }
.plus_autocare_summary .tip { margin-top: 50px; color: #002c5f; font-family:'HeadMedium'; }

@media screen and (max-width: 767px) {
    .plus_autocare_summary { margin-top: 0; }
    .plus_autocare_summary .grid { margin: -10px 0; }
    /* 20180212 함은주, 태블릿테스트 수정 */
    .plus_autocare_summary .col.core,
    .plus_autocare_summary .col.desc {max-width:inherit;}
    .plus_autocare_summary .module { margin: 10px 0; }
    .plus_autocare_summary .row_title,
    .plus_autocare_summary .row_title:first-child { margin-top: 20px; }
    .plus_autocare_summary .tip { margin-top: 20px; }
}

.section_summary.plus_autocare { margin-top: 80px; }
.section_summary.plus_autocare .dl_text_cont.responsive > dl { margin: 0; width: auto; }
.section_summary.plus_autocare .dl_text_cont.responsive > dl > dt { padding-right: 5px; width: auto; }
.section_summary .icon.autohands { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/car-management/icon-autohands-logo.png'); }
.section_summary .core a { width: 216px; }
.section_summary .tip { margin-top: 40px; }
@media screen and (max-width: 767px) {
    .section_summary .tip { margin-top: 20px; }
    .section_summary.plus_autocare { margin-top: 50px; }
    .section_summary.plus_autocare .btn_md_primary { width: 100%; margin: 10px 0; }
}

.plus_autocare_action { margin-top: 60px; }
.plus_autocare_action .grid { margin: 0 -16px; }
.plus_autocare_action .module { margin: 0 16px; }
.plus_autocare_action a { display: block; }
@media screen and (max-width: 767px) {
    .plus_autocare_action { margin-top: 20px; }
    .plus_autocare_action .grid { margin: -5px 0; }
    .plus_autocare_action .module { margin: 5px 0; }
}

.plus_autocare_step { margin-top: 20px; padding: 60px 15px; text-align: center; border: 1px solid #ece6e0; }
.plus_autocare_step .grid { margin: -33px auto; max-width: 800px; }
.plus_autocare_step .col { position: relative; }
.plus_autocare_step .module { margin: 33px 0; height: 100px; line-height: 100px; background-color: #f6f3f2; color: #000; font-family:'HeadMedium'; }
.plus_autocare_step .col::before { position: absolute; content: ''; top: 0; left: 50%; margin: -5px 0 0 -10px; width: 19px; height: 11px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/car-management/icon-plus-autocare-step.png'); }
.plus_autocare_step .col:first-child::before { display: none; }
.plus_autocare_step p { display: inline-block; font-size: 22px; vertical-align: middle; line-height: 1.4; }
@media screen and (max-width: 767px) {
    .plus_autocare_step { margin-top: 10px; padding: 28px 15px; }
    .plus_autocare_step .grid { margin: -15px auto; }
    .plus_autocare_step .module { margin: 15px 0; height: 70px; line-height: 70px;   }
    .plus_autocare_step p { font-size: 16px; }
}

.section_bbs_title { margin: 80px 0 30px 0; }
.section_bbs_title .sub_title { margin: 0; }
.section_bbs_title .utill { float: right; text-align: right; }
.section_bbs_title .utill .select_wrap { min-width: 200px; text-align: left; }
@media screen and (max-width: 767px) {
    .section_bbs_title { margin-top: 50px; margin-bottom: 20px; }
}

/* 중고차 */
.vehicles_used_benefit { color: #000;  text-align: center; background-color: #f8f5f4; overflow: hidden; word-break: keep-all; }
.vehicles_used_benefit .module { margin: 60px 40px; }
.vehicles_used_benefit .core { margin-top: 20px; font-family:'HeadMedium'; font-size: 20px; }
.vehicles_used_benefit .tip { font-size: 14px; color:  #626262; }
@media screen and (max-width: 767px) {
    .vehicles_used_benefit {margin-top:10px; padding:15px 0;}
    .vehicles_used_benefit .module { margin: 15px; }
    .vehicles_used_benefit .module .icon {width:120px;}
    .vehicles_used_benefit .core { margin: 7px 0; font-size: 18px; }
    .vehicles_used_benefit .tip {margin-top:10px; font-size:12px;}
}

.vehicles_used_benefit_b { margin-top: 80px; border-top: 1px #e4dcd3 solid; color: #000; }
.vehicles_used_benefit_b .item { border-bottom: 1px #e4dcd3 solid; }
.vehicles_used_benefit_b .module { position: relative; padding: 40px 0 40px 200px; }
.vehicles_used_benefit_b .core { margin: 0; font-family:'HeadMedium'; font-size: 20px; }
.vehicles_used_benefit_b .desc { font-size: 14px; }
.vehicles_used_benefit_b .action { margin-top: 30px; }
@media screen and (max-width: 767px) {
    .vehicles_used_benefit_b { margin-top: 30px; }
    .vehicles_used_benefit_b .module { padding: 20px 0 20px 110px; }
    .vehicles_used_benefit_b .icon { position: absolute; top: 0; left: 0; width: 100px; height: 70px; background-size: 100%; }
    .vehicles_used_benefit_b .core { margin: 0; font-family:'HeadMedium'; font-size: 16px; }
    .vehicles_used_benefit_b .desc { margin-top: 7px; font-size: 12px; line-height: 1.5; }
    .vehicles_used_benefit_b .action { margin-top: 12px; }
}
@media screen and (min-width: 768px) {
    .vehicles_used_benefit_b .icon { position: absolute; top: 0; left: 0; width: 200px; height: 140px; }
}

.entry_qualification { margin-top: 50px; }
@media screen and (max-width: 767px) {
    .entry_qualification { margin-top: 0; }
    .entry_qualification .pic { display: none; }
    .entry_qualification .text_strong {margin-bottom:15px;}
}

.entry_step { margin-top: 20px; padding: 60px 0; text-align: center; border: 1px #e4dbd2 solid; }
.entry_step .step { display: inline-block; width: 55px; height: 55px; line-height: 55px; color: #fff; font-family:'HeadMedium'; font-size: 14px; background-color: #002c5f; border-radius: 100%; }
.entry_step .subject { display: block; position: relative; margin-top: 15px; font-family: 'TextMedium'; color: #000; }
.entry_step .subject::before { content: ''; position: absolute; left: 0; margin-left: -3px; width: 7px; height: 12px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/car-management-service/usedcar/icon-entry-step.png'); }
.entry_step .desc {margin-top:12px; padding:0 5px; font-size:14px; color:#000; word-break:keep-all;}
.entry_step .col:first-child .subject::before { display: none; }
.entry_step.no_border {border:0 none;}
@media screen and (max-width: 1023px) {
    .entry_step { margin-top: 0; padding: 10px 0; }
    .entry_step .module { margin: 10px 0; }
    .entry_step .subject::before { margin-top:-49px; }
    .entry_step .desc {font-size:12px;}
    .entry_step .col:nth-child(4) .subject::before { display: none; }
}
/* 차량평가표 팝업 */
/*.vehicle_evaluation .layer_window { width: 900px; margin-left: -450px; }*/
.tbl-vehicle_evaluation .tbl-title {height:50px; background: #002c5f; color: #fff; border-color: #fff; font-size:12px; line-height:50px; font-family:'TextMedium'; text-align:center;}
.tbl-vehicle_evaluation dl {font-size:12px; text-align:center;}
.tbl-vehicle_evaluation dt {height:49px; line-height:49px; font-family:'TextMedium'; background:#e4dcd3; color:#000; border-bottom:1px solid #fff;}
.tbl-vehicle_evaluation dd {height:49px; line-height:49px; border-bottom:1px solid #e4dcd3;}
.tbl-vehicle_evaluation * +dd { border-left:1px solid #e4dcd3;}
.tbl-vehicle_evaluation .content dt {clear:both; width:80px;}
.tbl-vehicle_evaluation .content dd {overflow:hidden; float:none; }
.tbl-vehicle_evaluation .advice,
.tbl-vehicle_evaluation .preview {border-bottom:1px solid #e4dcd3;}
.tbl-vehicle_evaluation .advice {vertical-align:top;}
.tbl-vehicle_evaluation .advice p {padding:10px 1em; font-size:12px;}
.tbl-vehicle_evaluation .preview .img_box {padding:10px 1em;}
.tbl-vehicle_evaluation .preview .contxt {padding:10px;}
.tbl-vehicle_evaluation .preview .contxt p {font-size:12px;}
@media screen and (min-width: 1024px) {
    .tbl-vehicle_evaluation .preview {display: inline-block;width:75%;}
    .tbl-vehicle_evaluation .advice {display: inline-block;width:25%;float:left !important;}
}
@media screen and (max-width: 767px) {
    .tbl-vehicle_evaluation dd { padding:0 10px;}
    .tbl-vehicle_evaluation .content,
    .tbl-vehicle_evaluation .advice {margin-bottom:20px;}
    .tbl-vehicle_evaluation .content dd {text-align:left;}
    .tbl-vehicle_evaluation .content dl:last-child dt:last-of-type {border-bottom-color:#e4dcd3;}
    .tbl-vehicle_evaluation .score dd {font-size:18px; font-family:'TextMedium';}
}
@media screen and (min-width: 768px) {
    .tbl-vehicle_evaluation .table-lg::before,
    .tbl-vehicle_evaluation .table-lg::after {display:none;}
    .tbl-vehicle_evaluation dl:last-child dt {border-bottom-color:#e4dcd3;}
    .tbl-vehicle_evaluation .score dl,
    .tbl-vehicle_evaluation .preview .contxt {border-left:1px solid #e4dcd3;}
    .tbl-vehicle_evaluation .score .tbl-title,
    .tbl-vehicle_evaluation .preview .tbl-title {border-left:1px solid #fff;}
    .tbl-vehicle_evaluation .score dl {height:100px;}

    .tbl-vehicle_evaluation .tbl-title,
    .tbl-vehicle_evaluation dt,
    .tbl-vehicle_evaluation dd,
    .tbl-vehicle_evaluation .advice p,
    .tbl-vehicle_evaluation .preview .contxt p {font-size:14px;}
}

.tbl-vehicle_evaluation .table-lg p { line-height: 1.4; }
@media (min-width: 768px) {
    .tbl-vehicle_evaluation .table-lg p { line-height: 1.8; }
}


/* 중고차 가격보장 프로그램 */
.car_target_list_wrap .car_list .grid { margin: 0 -40px; }
.car_target_list_wrap .car_list .grid .module { margin: 20px 40px; text-align: center; }
.car_target_list_wrap .car_list .name { display: block; margin-top: 15px; font-family: 'TextBold';  font-size: 14px; }
@media screen and (max-width: 767px) {
    .car_target_list_wrap .car_list .grid { margin:10px -5px 0; }
    .car_target_list_wrap .car_list .grid .module { margin: 15px 5px;  }
    .car_target_list_wrap .car_list .grid .module img {max-width:100%; width:140px; height:75px;}
}
@media screen and (min-width: 768px) {
    .car_target_list_wrap { margin-top: 30px; }
    .car_target_list_wrap .tab_menu_03 { margin: 0 -3px; }
    .car_target_list_wrap .tab_menu_03 li { margin: 0 !important; float: left; padding: 0 3px; display: block; width: 25%; background-color: transparent; box-sizing: border-box; } /* 210423 modify */
    .car_target_list_wrap .tab_menu_03 li a,
    .car_target_list_wrap .tab_menu_03 li button { background-color: #f6f3f2; }
    .car_target_list_wrap .tab_menu_03 li.on a,
    .car_target_list_wrap .tab_menu_03 li.on button { background-color: #006992; }
}

/* 내차팔기 */
.my_car_sell_step {overflow:hidden; margin-top: 20px; padding: 30px 0; text-align: center; color: #000; background-color: #f8f5f4; }
.my_car_sell_step .grid { margin: 0 10px; }
.my_car_sell_step .col { position: relative; word-break: keep-all; }
.my_car_sell_step .module { margin: 20px; }
.my_car_sell_step .col::before { content: ''; position: absolute; top: 70px; right: 0; width: 12px; height: 20px; margin-left: -6px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/car-management-service/bluetooth/icon-my-car-step.png'); }
.my_car_sell_step .col:last-child::before { display: none; }
.my_car_sell_step .core { margin-top: 25px; font-size: 20px; font-family: 'TextMedium'; }
.used_car_point p.text_primary strong { color: #006992; }
.my_car_sell_action { margin: 20px auto 0 auto; max-width: 767px; text-align: center; }
.my_car_sell_action .grid { margin: 0 -16px; }
.my_car_sell_action .module { margin: 0 16px; border: 1px #ece6e0 solid; }
.my_car_sell_action a { display: block; padding-bottom: 25px; color: #000; font-family:'TextMedium'; height: 115px; box-sizing: border-box; }
.my_car_sell_action a span { display: block; }
@media screen and (max-width: 767px) {
    .my_car_sell_step { padding-bottom: 0; text-align: left; }
    .my_car_sell_step .module { margin: 0; padding-right: 40px; }
    .my_car_sell_step .module .icon { width: 89px; }
    .my_car_sell_step .col { /*float: none; display: inline-block; margin: 0 -5px;*/ margin-bottom: 35px; vertical-align: top; text-align: center; }
    .my_car_sell_step .col::before { top: 45px; right: 18px; width: 6px; height: 10px; background-size: auto 100%; }
    .my_car_sell_step .col-1-2:nth-child(2n+1) {clear:both;}
    .my_car_sell_step .core { margin: 8px 0; font-size: 16px; }
    .my_car_sell_step .desc { font-size: 13px; }
    .my_car_sell_action .grid { margin: -5px 0; }
    .my_car_sell_action .module { margin: 5px 0; }
    .my_car_sell_action a { height: auto; }
}
@media screen and (min-width: 768px) {
    .used_car_point p.text_large { font-size: 20px; }
}


/* 사양조회 */
.specs_search .input_wrap { width: 50%; text-align: left; overflow: hidden;}
@media screen and (max-width: 767px) {
    .specs_search .input_wrap { width: 78%; }
    .specs_search [class^="btn_"][class*="_md"] { width: auto; }
}

/* 폐차조회 */
.scrap_search .input_group .input_wrap { width: 150px; }

/* 서비스 네트워크 */
.service_netwroks_about { margin-bottom: 80px; }
.service_netwroks_about .grid { margin: 0 -16px; }
.service_netwroks_about .module { margin: 0 16px; }
/* 20180131 함은주, 가운데정렬로 변경 ADM */
.service_netwroks_about a,
.service_netwroks_about span { display: block; color: #000;/* text-align:center;*/ }/* 20180207 함은주, 현업요청 정렬수정 */
.service_netwroks_about .pic { border: 1px #e4dcd3 solid; text-align: center; }
.service_netwroks_about .core { margin-top: 30px; font-family:'HeadMedium'; font-size: 20px; }
.service_netwroks_about .desc { margin-top: 20px; }
@media screen and (max-width: 767px) {
    /* 20180115 정윤진, 모바일 간격 수정
    .service_netwroks_about .grid { margin: -15px 0; }
    .service_netwroks_about .module { margin: 15px 0; }
    .service_netwroks_about .core { margin-top: 15px; font-size: 16px; } */
    .service_netwroks_about { margin-bottom: 0px; }
    .service_netwroks_about .grid { margin: 0; }
    .service_netwroks_about .module { margin: 0 0 50px; }
    .service_netwroks_about .core { margin-top: 25px; font-size: 16px; }
    .service_netwroks_about .desc { margin-top: 10px; }
}

.service_netwroks_guide { color: #000; word-break: keep-all; }
.service_netwroks_guide .grid { margin: -16px; }
.service_netwroks_guide .module { position: relative; margin: 16px; padding: 50px 20px 0 220px; border: 1px #e4dcd3 solid; background-color: #fff; }
.service_netwroks_guide .icon { position: absolute; top: 55px; left: 50px; width: 120px; height: 120px; }
.service_netwroks_guide .core { font-family:'HeadMedium'; font-size: 20px; }
.service_netwroks_guide .desc { margin: 5px 0 30px 0; }
@media screen and (max-width: 1023px) {
    .service_netwroks_guide { margin-top: -20px; }
    /* 20180115 정윤진, 모바일 간격 수정
    .service_netwroks_guide .grid { margin: -10px 0; }
    .service_netwroks_guide .module { margin: 10px 0; padding: 20px 15px; } */
    .service_netwroks_guide { margin-top: -35px; }
    .service_netwroks_guide .grid { margin: -5px 0; }
    .service_netwroks_guide .module { margin: 5px 0; padding: 20px 15px; }
    .service_netwroks_guide .core { margin: 0 0 0 90px; font-size: 14px; }
    .service_netwroks_guide .desc { margin: 5px 0 35px 90px; font-size: 12px; min-height: 40px; }
    .service_netwroks_guide .icon { top: 20px; left: 15px; width: 80px; }
    .service_netwroks_guide [class^="btn_"] { display: block; }
}
@media screen and (min-width: 1024px) {
    .service_netwroks_guide .module { height: 250px; }
    .service_netwroks_guide .nth-child-3 .module { padding-top: 25px; }
}

/* 서비스 센터 주요시설 슬라이드 */
.center_facilities_gallery {}
.center_facilities_gallery .core,
.center_facilities_gallery .desc { position: relative; }
.center_facilities_gallery .slider-wrap { overflow: hidden; }
.center_facilities_gallery .slider-wrap .item { float: left; position: relative; }
.center_facilities_gallery .info { background-color: #000; overflow: hidden; color: #fff; }
.center_facilities_gallery .info .inner { margin: 30px; }
.center_facilities_gallery .info .core { font-family:'HeadMedium'; }
.center_facilities_gallery .nav { position: absolute;  top: 50%; margin-top: -22px; }
.center_facilities_gallery .nav .icon { width: 44px; height: 44px; }
.center_facilities_gallery .nav.prev { left: 0; }
.center_facilities_gallery .nav.next { right: 0; }
.center_facilities_gallery .icon.prev { background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-center-facilities-gallery-prev.png'); }
.center_facilities_gallery .icon.next { background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-center-facilities-gallery-next.png'); }
.center_facilities_gallery .count { position: absolute; bottom: 30px; right: 20px; color: #fff; }
.center_facilities_gallery .count strong { color: #fff; }
@media screen and (max-width: 767px) {
    /* 20180202 함은주, 슬라이드 디스크립션 위치 변경 ADM */
    .center_facilities_gallery .thumbnail_slide.desc  .thumb_desc {position: relative; min-height: 78px; padding: 12px; background-color: #1c1b1b;}
    .center_facilities_gallery .thumbnail_slide.desc  .thumb_desc .desc {font-size:13px; font-family: 'TextRegular';}
}
@media screen and (min-width: 768px) {
    .center_facilities_gallery .info { position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .5); }
    .center_facilities_gallery .info .core,
    .center_facilities_gallery .info .desc { font-size: 20px; }
}

/* 블루핸즈 서비스 */

.bluehands_intro p {text-align: left;}
.bluehands_intro .img_box {float: right; margin-left: 30px;}
.bluehands_sevice { margin-top: 10px; color: #000;  word-break: keep-all; }
.bluehands_sevice .item { margin-top: 10px; border: 1px #e4dcd3 solid; }
.bluehands_sevice .item:first-child { margin-top: 0; }
.bluehands_sevice .core { background-color: #f6f3f2; font-size: 30px; font-family:'HeadMedium'; letter-spacing: -.025em; }
.bluehands_sevice .core span.number { position: relative; padding-right: 50px; font-family:'HeadRegular'; }
.bluehands_sevice .core span.number::after { content: ''; position: absolute; top: 50%; right: 25px; margin-top: -13px; width: 2px; height: 27px; background-color: #e4dcd3; }
.bluehands_sevice .desc { position: relative; }
.bluehands_sevice .icon { position: absolute; top: 0; right: 0; width: 250px; height: 137px; }
@media screen and (max-width: 1023px) {
    .bluehands_intro p {text-align:center;}
    .bluehands_intro .img_box {float: none; margin-left: 0;}
    .bluehands_sevice .core { font-size: 20px; }
    .bluehands_sevice .core span.number { padding-right: 20px; }
    .bluehands_sevice .core span.number::after { right: 8px; margin-top: -8px; width: 2px; height: 16px;  }
    .bluehands_sevice .desc { position: relative; padding: 15px; min-height: 90px; overflow: hidden; }
    .bluehands_sevice .desc .module { margin-right: 80px; }
    .bluehands_sevice .icon { width: 100px; }
    .bluehands_sevice a { display: block; padding: 20px 15px; }
}
@media screen and (min-width: 1024px) {
    .bluehands_sevice .item { display: table; width: 100%; }
    .bluehands_sevice .cell { display: table-cell; vertical-align: middle; }
    .bluehands_sevice .core { width: 42%; font-size: 26px; }
    .bluehands_sevice .desc { padding: 0 250px 0 50px; width: 58%; }
    .bluehands_sevice a { display: block; padding-left: 45px; height: 137px; line-height: 137px; }
}
@media screen and (min-width: 1120px) {
    .bluehands_sevice .core { font-size: 30px; }
}

/* 서비스 예약 센터 */
.service_reservation_step { margin-top: 30px; border: 1px #e4dcd3 solid; word-break: keep-all; }
.service_reservation_step div.grid { margin: 25px auto; max-width: 800px; }
.service_reservation_step .col { position: relative; }
.service_reservation_step .module { margin: 33px 0; background-color: #f6f3f2; color: #000; }
.service_reservation_step .col::before { position: absolute; content: ''; top: 0; left: 50%; margin: -5px 0 0 -10px; width: 19px; height: 11px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-plus-autocare-step.png'); }
.service_reservation_step .col:first-child::before { display: none; }
.service_reservation_step dl { line-height: 1.4; }
.service_reservation_step dt { font-family:'HeadMedium'; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-service-reservation-step-pc.png') no-repeat right center; }
@media screen and (max-width: 859px) {
    .service_reservation_step { margin-top: 0; }
    .service_reservation_step div.grid { margin: 0 15px; }
    .service_reservation_step .module { margin: 15px 0; padding: 10px;}
    .service_reservation_step dl { display: table; width: 100%; font-size: 16px; }
    .service_reservation_step dt,
    .service_reservation_step dd { display: table-cell; vertical-align: middle; }
    .service_reservation_step dt { padding-right: 25px; font-family:'TextMedium'; width: 90px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-service-reservation-step-m.png'); background-size: 15px auto; }
    .service_reservation_step dd { padding-left: 10px; }
}
@media screen and (min-width: 860px) {
    .service_reservation_step .module { height: 100px; line-height: 100px; }
    .service_reservation_step dl { display: inline-block; font-size: 22px; vertical-align: middle; line-height: 1.4; }
    .service_reservation_step dt,
    .service_reservation_step dd { display: block; }
    .service_reservation_step dt { float: left; padding-left: 40px; width: 200px; text-align: left; font-family:'HeadMedium'; }
    .service_reservation_step dd { float: left; padding-left: 20px; }
}

/* 서비스 네트워크 검색 */
.service_network_search { padding: 30px 0; }
.service_network_search .input_wrap input { border: 1px #fff solid; }
.service_network_search .check_wrap { min-width: initial; }
/* 20180115 정윤진, css 추가 */
.my_bluehans_info { padding-bottom: 80px; }
.bluehans_search_wrap { margin: 30px 0; }
.bluehans_search_wrap .action { margin: 30px 0; }
/* 20180118 정윤진, 디자인 수정 */
.keyword_search_wrap {  margin-top: 30px; }
.keyword_search_wrap .action { margin-bottom: 60px; }
.keyword_search_result .button_group {margin-top:10px;}
.keyword_search_result .button_group + .text_indent {margin-top:10px;}
/* S: 2020.10 - [정수진] 서비스 네트워크 개선 관련 css 추가 */
.keyword_search_result .wrap-table + .text-left {margin-top: 15px; font-size: 14px;}/*210203 modify*/
.keyword_search_result .row_title:first-child {margin-top: 0;}
.keyword_search_result .hr {margin: 30px 0;}
/* flex 영역 */
.box-flex {display: flex; flex-wrap: wrap;}
.box-flex .item-icon-text:nth-child(n+2) {margin-left: 28px;}
    /* 옵션 나열된 케이스 */
    .box-flex.options {gap: 10px;}
    .box-flex.options .item-icon-text {margin-top: 20px;}
    .box-flex.options.box_top_table.box-flex > [class*="_wrap"]:nth-child(n+2) {margin-left:0;}

/* 지도 마커 가이드 영역  */
.guide-map-marker {justify-content: flex-end; height: 50px;}
.guide-map-marker > li {padding-left: 30px; height: 100%; background-repeat: no-repeat; background-size: 19px auto; background-position: left center; font-size: 14px; line-height: 50px; color: #002c5f;}
.guide-map-marker > li.marker-green {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/marker-green.png')}
.guide-map-marker > li.marker-blue {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/marker-blue.png')}
.guide-map-marker > li.marker-red {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/marker-red.png')}
.guide-map-marker > li.marker-deepblue {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/marker-deepblue.png')}
.guide-map-marker > li.marker-yellow {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/marker-yellow.png')}
/* flex 테이블 영역 */
.table-flex > tr {display: flex;}
.table-flex > tr > * { height: auto; word-break: keep-all;}
.table-flex > tr > td {border-top: none;}
.table-flex > tr > td + td { border-left: none;}
.table-flex.align_center > tr > * {display: flex; flex-direction: column; justify-content: center;}
.table-flex th {border-right: none;}
.keyword_search_result .table-flex tr > *:nth-child(1) a[class*=link]{white-space: normal; word-break: break-all;}
/* 서비스 네트워크 검색/예약  flex table*/
.default-page .keyword_search_result .table-flex tr > *:nth-child(1){width: 15%; min-width: 220px;}
.default-page .keyword_search_result .table-flex tr > *:nth-child(2){flex: 1;}
.default-page .keyword_search_result .table-flex tr > *:nth-child(3){width: 12%; min-width: 120px;}
.default-page .keyword_search_result .table-flex tr > *:nth-child(4){flex: 1;}
.default-page .keyword_search_result .table-flex tr > *:nth-child(5){width: 10%; min-width: 98px;}
.default-page .keyword_search_result .data_table [class^="btn_sm"]{min-width: 70px;}
.default-page .keyword_search_result .table-flex tr > td[colspan='5']{width: 100%;}
/* 단어 묶음 영역*/
.wrap-word {word-break: keep-all;}
td .wrap-word{display: block;}
/* 하단 텍스트 설명 영역 */
.area-desc-bottom{padding: 48px 0 55px;}
*:not(.area-desc-bottom) + .area-desc-bottom{padding-top: 80px;}
.area-desc-bottom .row_title ~ .row_title{margin-top: 55px;}
.area-desc-bottom .row_title:first-child,
.area-desc-bottom .hr + .row_title{margin-top: 10px;}
.area-desc-bottom .hr {margin: 30px 0;}
/* 링크 내부 화살표 아이콘 */
.link_line [class^="ico_"][class*="_arr"]{margin-left: 0.1em;}
/* S: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
/* 전기차, 수소차 페이지 공통 */
[class*="-service-network"] .area-desc-bottom{padding-bottom: 135px;}
/* 전기차 flex table */
.ev-service-network .keyword_search_result .table-flex tr > *:nth-child(1){width: 14%;}
.ev-service-network .keyword_search_result .table-flex tr > *:nth-child(2){width: calc((100% - 26% - 130px)/2);}
.ev-service-network .keyword_search_result .table-flex tr > *:nth-child(3){width: 130px;}
.ev-service-network .keyword_search_result .table-flex tr > *:nth-child(4){width: calc((100% - 26% - 130px)/2);}
.ev-service-network .keyword_search_result .table-flex tr > *:nth-child(5){width: 12%;}
/* 테이블 상단 영역 - 2021.05 update */
.box_top_table {margin-bottom: 20px;}
.box_top_table.box-flex .flex-item:first-child:last-child {margin-left: auto;}
.box_top_table.box-flex .flex-item:nth-child(2):last-child {margin-left: auto;}
.box_top_table.box-flex [class*="select_wrap"] {min-width: 165px;}
.box_top_table.box-flex > [class*="_wrap"]:nth-child(n+2) {margin-left: 10px;}
.box_top_table .box-flex {align-items: center;}
.box_top_table .check_area {display: flex;}
.box_top_table .check_area .check_wrap:not(:last-child) {margin-right: 25px;}
.box_top_table .check_wrap > input + label {font-family: 'textRegular'; font-size: 15px;}
/* 전기차 충전기 종류 아이콘 리스트 */
.user_service table .wrap-icons{ display: flex; width: 240px; max-width: 100%; margin: 0 auto; text-align: left;}
.user_service table .wrap-icons [class*="icon"]{width: 80px; max-width: 33.333%; padding-top: 42px; background-repeat: no-repeat; background-position: top center; background-size: 40px 40px; font-size: 13px; letter-spacing: -0.025em; text-align: center;}
.user_service table .wrap-icons .icon-dc-chademo {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/dc-chademo.png')}
.user_service table .wrap-icons .icon-dc-combo {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/dc-combo.png')}
.user_service table .wrap-icons .icon-ac3 {background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/ac3.png')}
/* E: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .my_bluehans_info { padding-bottom: 40px; }
    .my_bluehans_info .data_table .btn_sm_primary{min-width: 70px;}
    .service_network_search { padding: 20px 0 0; }
    .service_network_search + .wrap-btns{ margin-top: 10px; }
    .bluehans_search_wrap { margin: 0; }
    .bluehans_search_wrap .action { margin: 15px 0 40px; }
    .bluehans_search_result .section_bbs_title { margin-top: 25px; }
    .bluehans_search_result .section_bbs_title .select_wrap { width: 100%; margin: 5px 0; }
    /* 20180118 정윤진, 디자인 수정 */
    .keyword_search_wrap {  margin-top: 0; }
    .keyword_search_wrap .action { margin-top: 15px; margin-bottom: 40px; }
    .keyword_search_result .section_bbs_title .utill .select_wrap { width: 100%; }
    .keyword_search_result .section_bbs_title button { margin-top: 10px; }
    .keyword_search_result .button_group {margin-top:5px;}
    .keyword_search_result .button_group + .text_indent {margin-top:5px;}
    .keyword_search_result .data_table {table-layout:inherit;}
    /* S: 2020.10 - [정수진] 서비스 네트워크 개선 관련 css 추가 */
    /* flex 영역 */
    .box-flex .item-icon-text:nth-child(n+2) {margin-left: 20px;}
        /* 옵션 나열된 케이스 */
        .box-flex.options {gap:0; margin-top: -15px; margin-left: 0;}
        .box-flex.options .item-icon-text {margin-top: 15px; margin-left: 0;}
        /* 체크 박스 */
        .box-flex.options .check_wrap.item-icon-text{width: 50%; margin-left: 0;}
    /* 지도 마커 가이드 영역 */
    .guide-map-marker {height: 40px;}
    .guide-map-marker > li {padding-left: 19px; background-size: 14px auto; line-height: 40px;}
    /* flex 테이블 영역 */
    .default-page .keyword_search_result .table-flex tr > *:nth-child(1){min-width: 170px;}
    .default-page .keyword_search_result .table-flex tr > *:nth-child(2){min-width: 160px;}
    .default-page .keyword_search_result .table-flex tr > *:nth-child(3){min-width: 110px;}
    .default-page .keyword_search_result .table-flex tr > *:nth-child(4){min-width: 160px;}
    .default-page .keyword_search_result .table-flex tr > *:nth-child(5){min-width: 100px;}
    .default-page .keyword_search_result .data_table [class^="btn_sm"]{min-width: 70px; margin: 0;}
    .default-page .keyword_search_result .wrap-table + .text-left {text-align: left; font-size: 13px;}/*210203 modify*/
    /* 단어 묶음 영역*/
    .wrap-word {word-break: keep-all;}
    td .wrap-word{display: block;}
    /* 하단 텍스트 설명 영역 */
    .area-desc-bottom{padding: 26px 0 30px; font-size: 13px;}
    *:not(.area-desc-bottom) + .area-desc-bottom{padding-top: 50px;}
    .area-desc-bottom .row_title{margin-bottom: 10px;}
    .area-desc-bottom .row_title ~ .row_title{margin-top: 26px;}
    .area-desc-bottom .row_title:first-child,
    .area-desc-bottom .hr + .row_title{margin-top: 0px;}
    .area-desc-bottom .hr {margin: 26px 0;}
    .list_bullet_dot + [class^=bullet_]{margin-top: 0.5em;}
    /* 링크 내부 화살표 아이콘 */
    .link_line [class^="ico_"][class*="_arr"]{margin-left: 0;}
    /* E: 2020.10 - [정수진] 서비스 네트워크 개선 관련 css 추가 */
    /* S: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
    .user_service .keyword_search_result .table_scrollable .data_table {min-width: 700px}
    [class*="-service-network"] .box-flex .item-icon-text:nth-child(n+2){margin-left: 0px;}
   /* 지도 마커 가이드 영역 - 수소전기차, 전기차 */
    [class*="-service-network"] .guide-map-marker {flex-wrap: wrap; justify-content: center; height: auto;}
    [class*="-service-network"] .guide-map-marker > li {min-width: 110px; height: 40px; padding-left: 19px; background-size: 14px auto; font-size: 12px; line-height: 40px; }
    [class*="-service-network"] .guide-map-marker > li:nth-child(odd) {width: 42%;}
    [class*="-service-network"] .guide-map-marker > li:nth-child(even) {width: 30%;}
    [class*="-service-network"] .area-desc-bottom{padding-bottom: 75px;}
    /* 전기차 충전기 종류 아이콘 리스트 */
   .user_service table .wrap-icons [class*="icon"] {padding-top: 30px; background-size: 28px 28px; font-size: 12px;}
    /* 전기차 */
   .ev-service-network .box_top_table.box-flex {justify-content: center;}
   .ev-service-network .box_top_table.box-flex .check_area {max-width: 300px;}
   .ev-service-network .box_top_table.box-flex .flex-item:nth-child(2):last-child {margin-right: auto;}
    /* 테이블 상단 영역 */
    .box_top_table.box-flex .flex-item {width: 100%;}
    .box_top_table.box-flex .flex-item + .flex-item {margin-top: 20px;}
    .box_top_table.box-flex .check_area {justify-content: space-between;}
    .box_top_table.box-flex [class*="_wrap"]:first-child:nth-last-child(2),
    .box_top_table.box-flex [class*="_wrap"]:first-child:nth-last-child(2) ~ [class*="_wrap"]{width: calc(50% - 5px); min-width: 0;}
    .box_top_table select,
    .box_top_table input + label {font-size: 13px;}
   /* E: 2021.05 - [정수진] 전기차 충전소 인프라 페이지 구축 */
}

/* 서비스 네트워크 검색 상세 */
.section_network_view_title {overflow: hidden; position:relative; height:360px; color: #fff; text-align: center;}
.section_network_view_title .bg {position:absolute;top:0;left:50%;max-width:inherit;margin-left:-960px;}
.section_network_view_title .table {display: table; width: 100%;height:100%;}
.section_network_view_title .table .cell { display: table-cell; padding:2% 5%; vertical-align: middle; }
.section_network_view_title h2 { margin: 0; color: #fff; }
.section_network_view_title .labels { margin-top: 30px; }
.section_network_view_title .label { display: inline-block; margin: 0 3px; padding: 0 10px; min-width: 70px; text-align: center; height: 22px; line-height: 22px; font-size: 12px; font-family:'TextRegular'; border: 1px #fff solid; }
.section_network_view_title .padder-sm {position:absolute;left:15px;right:15px;top:90px;bottom:0;background:rgba(246, 243, 242, 0.7);}
.padder-sm.top_msg{margin-top:60px;margin-bottom:40px}
.padder-sm.top_msg p.text,
.list_bullet_dot.ft14 li{font-size:14px;line-height:1.5}
@media screen and (min-width: 1200px){
    .section_network_view_title .padder-sm {left:30px;right:30px;}
}
@media screen and (max-width: 1150px){
    .section_network_view_title .padder-sm {margin-left:0;margin-right:0;}
}
@media screen and (max-width: 767px) {
    .section_network_view_title {height:auto;}
    .section_network_view_title .main_title {margin:30px 0;}
    .section_network_view_title .bg {position:static;min-height:65.7vw;max-width:100%;margin-left:0;}
    .section_network_view_title .labels { margin-top: 10px; }
    .section_network_view_title .padder-sm {top:30px;}
    .padder-sm.top_msg{margin-top:33px;margin-bottom:33px}
}

#main_service {display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;}
#main_service.grid::before {display:none;}
#main_service [class*='col-'] {clear:both; width:100%;}
.section_network_view_body .core { margin: 0; font-family: 'HeadMedium'; color: #000; font-size: 20px; }
.section_network_view_body .desc { color: #000; }
.section_network_view_body .hr { margin: 40px 0; }
.section_network_view_body .shop_info > .grid { display: flex; flex-direction: row-reverse; margin: 0 -35px; }
.section_network_view_body .shop_info > .grid > .col{ float: none; }
.section_network_view_body .shop_info > .grid > .col > .module { margin: 0 35px; }
.section_network_view_body .service_list { margin-top: 15px; }
.section_network_view_body .service_list .grid { margin: -5px; }
.section_network_view_body .service_list .grid .module{height:100%; margin: 5px; padding: 16px 0 8px; background-color: #f6f3f2; text-align: center; }
.section_network_view_body .service_list #main_service.grid .module {margin: 0;}
.section_network_view_body .service_list .module p { line-height: 1.4; font-size: 16px; color: rgb(5, 4, 4); font-family: 'TextMedium'; }
.section_network_view_body .service_list #main_service.grid .module p {font-size: 12px;}
.section_network_view_body .service_list .module[class*='icon-']:before {display: block; width: 60px; height: 60px; margin: 0 auto; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-reservation-search/icons-service.png')  no-repeat; content: '';}
.section_network_view_body .service_list .module.icon-truck:before {background-position: -60px 0;}
.section_network_view_body .service_list .module.icon-thumbUp:before {background-position: -120px 0;}
.section_network_view_body .service_list .module.icon-tools:before {background-position: -180px 0;}
.section_network_view_body .service_list .module.icon-heartHand:before {background-position: -240px 0;}
.section_network_view_body .service_list .module.icon-electro:before {background-position: -300px 0;}
.section_network_view_body .service_list .module.icon-cocktail:before {background-position: -360px 0;}
.section_network_view_body .service_list .module.icon-healing:before {background-position: -420px 0;}
.section_network_view_body .service_list .module.icon-women:before {background-position: -480px 0;}
.section_network_view_body .service_list .module.icon-pc:before {background-position: -540px 0;}
.section_network_view_body .service_list .module.icon-cBlueHands:before {background-position: -600px 0;}
.section_network_view_body .service_list .module.icon-nBlueHands:before {background-position: -660px 0;}
.section_network_view_body .service_list .module.icon-cs:before {background-position: -720px 0;}
.section_network_view_body .service_list .module.icon-comEV:before {background-position: -780px 0;}
.section_network_view_body .service_list .module.icon-comLrg:before {background-position: -840px 0;}
.section_network_view_body #map { height: 300px; width: 100%; }
.section_network_view_body .list_bullet_dot + .special-service {margin-top: 36px;}
@media screen and (max-width: 767px) {
    .section_network_view_body {position: relative; padding-bottom: 375px; font-size: 14px;}
    .section_network_view_body .core + .desc { margin-top: 8px;}
    .section_network_view_body .hr { margin: 25px 0; }
    .section_network_view_body .shop_info > .grid {display: block; margin: 0;}
    .section_network_view_body .shop_info > .grid > .col > .module { margin: 0;}
    .section_network_view_body .service_list {margin-top: 10px;}
    .section_network_view_body .service_list .grid { margin: -2.5px -2.5px -2.5px calc(-2.5px + -1.2em); }
    .section_network_view_body .service_list #main_service.grid {margin: 0 0 0 -10px;}
    .section_network_view_body .service_list .grid .module{ margin: 2.5px; padding: 8px 0;}
    .section_network_view_body .service_list .module p { line-height: 1.4; font-size: 13px;}
    .section_network_view_body .service_list #main_service.grid .module p {font-size:12px;}
    .section_network_view_body .service_list .module[class*='icon-']:before { width: 50px; height: 50px; background-size: cover; }
    .section_network_view_body .service_list .module.icon-truck:before {background-position: -50px 0;}
    .section_network_view_body .service_list .module.icon-thumbUp:before {background-position: -100px 0;}
    .section_network_view_body .service_list .module.icon-tools:before {background-position: -150px 0;}
    .section_network_view_body .service_list .module.icon-heartHand:before {background-position: -200px 0;}
    .section_network_view_body .service_list .module.icon-electro:before {background-position: -250px 0;}
    .section_network_view_body .service_list .module.icon-cocktail:before {background-position: -300px 0;}
    .section_network_view_body .service_list .module.icon-healing:before {background-position: -350px 0;}
    .section_network_view_body .service_list .module.icon-women:before {background-position: -400px 0;}
    .section_network_view_body .service_list .module.icon-pc:before {background-position: -450px 0;}
    .section_network_view_body .service_list .module.icon-cBlueHands:before {background-position: -500px 0;}
    .section_network_view_body .service_list .module.icon-nBlueHands:before {background-position: -550px 0;}
    .section_network_view_body .service_list .module.icon-cs:before {background-position: -600px 0;}
    .section_network_view_body .service_list .module.icon-comEV:before {background-position: -650px 0;}
    .section_network_view_body .service_list .module.icon-comLrg:before {background-position: -700px 0;}

    .section_network_view_body .map_wrap {position: absolute; bottom: 0; left: 0; padding-bottom: 50px;}
    .section_network_view_body #map {height: 300px; width: calc(100% + 30px); margin-left: -15px;}
    .section_network_view_body .list_bullet_dot + .special-service {margin-top: 12px;}
    .section_network_view_body .bottom_spacer{padding: 0;}
}
/* 서비스 네트워크 검색/예약 */
.user_service .row_title small.text_gray {font-family: 'TextRegular';}
.maintenance_request_section .request_box:nth-child(n+2){margin-top: 20px;}
.maintenance_request_section .request_box:first-child .btn_delete{display: none;}
.maintenance_request_section .request_box .area-options{padding: 30px;}
.maintenance_request_section .request_box .area-options.bg-gray{background-color: #f6f3f2;}
.maintenance_request_section .area-options:not([class*=bg-]):nth-child(n+2){padding-top: 0;}
.maintenance_request_section .area-options.step-1{display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; width: 870px;}
.maintenance_request_section .area-options.step-1 [class^="btn_"] + [class^="btn_"] {margin-left: 0;}
.maintenance_request_section .area-options.step-3 {border-top: 1px solid #e4dcd3;}
.maintenance_request_section .area-options.step-3 p:only-child {width: 100%; text-align: center;}
.maintenance_request_section .area-options.recall {border-top: 1px solid #e4dcd3;}
.maintenance_request_section .area-options.recall .row_title {font-size: 16px; /* line-height: 48px; */ margin: 0;}
.maintenance_request_section .area-options.recall .list {margin:23px 0 0; padding:0 20px; background: #fff;}
.maintenance_request_section .area-options.recall .list > li {display: flex; align-items: center; margin:0 20px; min-height:74px; line-height: inherit; margin: 0;}
.maintenance_request_section .area-options.recall .list > li .check_wrap>input + label {font-size:16px; }
.maintenance_request_section .area-options.recall .list > li .check_wrap>input + label:before,
.maintenance_request_section .area-options.recall .list > li .check_wrap>input + label:after {top:50%; margin-top:-10px;}
.maintenance_request_section .area-options.recall .list > li .check_wrap>input + label .date {display:block; font-size:14px; color:#666;}
.maintenance_request_section .area-options.recall .list > li + li {border-top:1px solid #f6f3f2;}
.maintenance_request_section .area-options.recall .info {margin: 20px 0 0; font-size: 14px; line-height:28px; }
.maintenance_request_section .textarea {font-size:14px; line-height:28px; color:#666;}
.maintenance_request_menu {display: grid;grid-template-columns: repeat(6, minmax(171px, auto));gap: 20px 0px;}
.maintenance_request_section .area-options .text-guide {font-family: 'TextRegular';font-size: 14px; text-align: center;}
@media screen and (min-width: 768px) {
  .maintenance_request_section .request_box{position: relative; border: 1px solid #e4dcd3;}
  .maintenance_request_section .request_box .wrap_btn {position: absolute; top: 30px; right: 30px;}
}
@media screen and (max-width: 767px) {
    .maintenance_request_section .request_box:nth-child(n+2){margin-top: 38px;}
    .maintenance_request_section .request_box .wrap_btn {margin-top: 30px;}
    .maintenance_request_section [class^="select_wrap"]:nth-child(n+2){margin-top: 10px;}
    .maintenance_request_section .request_box .btn_square {width: 100%; }
    .maintenance_request_section .request_box .btn_square [class^="ico_"]{display: none;}
    .maintenance_request_section [class^="select_wrap"]{width: 100%;}
    .maintenance_request_section [class^="select_wrap"]:nth-child(n+2) {margin-left: 0;}
    .maintenance_request_section .area-options.step-1 {width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px; flex-wrap: wrap; padding: 20px 0 30px; border-top: 1px solid #e4dcd3;}
    .maintenance_request_section .area-options.step-1 button {grid-column: auto / span 2; width: auto; margin: 0; font-size: 12px;}
    .maintenance_request_section .area-options.step-1 button:nth-child(1),
    .maintenance_request_section .area-options.step-1 button:nth-child(2) {grid-column: auto / span 3;}
    .maintenance_request_section .area-options.step-3 {border-bottom: 1px solid #e4dcd3;}
    .maintenance_request_section .area-options.recall .list > li .check_wrap>input + label {font-size:14px; }
    .maintenance_request_section .area-options.recall .info {font-size: 12px; line-height:20px;}
    .maintenance_request_section .area-options.bg-gray {width: calc(100% + 30px); margin-left: -15px;}
    .maintenance_request_section .area-options.option-checks.bg-gray {padding-left: 15px; padding-right: 15px;}
    .maintenance_request_section .area-options.option-checks {padding: 30px 0;}
    .maintenance_request_section .area-options.option-checks p:only-child {padding-top: 14px;}
    .maintenance_request_menu {gap: 30px 0;}
    .maintenance_request_menu {grid-template-columns: repeat(2, 1fr); gap: 30px 5px;}
}

.mechanic_list { position: relative; margin-top: 30px;}
.mechanic_list li { text-align: left; }
.mechanic_list .nav { position: absolute; top: 50%; margin-top: -20px; }
.mechanic_list .prev { left: 0; }
.mechanic_list .next { right: 0; }
.mechanic_list .nav .icon { width: 40px; height: 40px; }
.mechanic_list .prev .icon { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon_mechanic_prev.png'); }
.mechanic_list .next .icon { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon_mechanic_next.png'); }
.mechanic_list .list_wrap { margin: 0 50px; }
.mechanic_list .list_wrap .item { float: left; width: 340px; }
.mechanic_list .list_wrap .item ul { margin-top: 40px; }

/* responsive slide */
.mechanic_list .slide.responsive_slide {padding:0 50px;overflow: visible;}
.mechanic_list .slide.responsive_slide .ix-list-viewport {overflow: hidden;}
.mechanic_list .slide.responsive_slide .ix-controller {padding:0;}
.mechanic_list .slide.responsive_slide .ix-list-item {padding:0;}

@media screen and (min-width: 1024px) { /* 1024 이상 desktop  */
    .mechanic_list .slide.responsive_slide .ix-list-item {width:33.3%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) { /* 768 이상 tablet & descktop  */
    .responsive_slide .ix-list-item {width: 50%;}
}

@media screen and (max-width: 767px) {
    .mechanic_list { margin-top: 0; }
    .mechanic_list .list_wrap { margin: 0 0; }
    .mechanic_list .list_wrap .item { float: none; width: auto; }
    .mechanic_list .list_wrap .item .grid { margin: 10px 0; }

    .mechanic_list .slide.responsive_slide .ix-list-item {width:50%;}
}

@media screen and (max-width: 425px){
    /* 425 이하 mobile  */
    .mechanic_list .slide.responsive_slide {padding: 0 20px;}
    .mechanic_list .slide.responsive_slide .ix-list-item .grid {position: relative;}
    .mechanic_list .slide.responsive_slide .ix-list-item .grid .col {width:90%;}
    .mechanic_list .slide.responsive_slide .ix-list-item .grid .col:first-child {padding-top: 90px;}
    .mechanic_list .slide.responsive_slide .ix-list-item .grid .col:nth-child(2) {position: absolute;top:0;}
    .mechanic_list .slide.responsive_slide .ix-list-item ul.list_bullet_dot li {line-height: 24px;height: 24px;overflow: hidden;}
}

/* 차량 정비 예약 */
.section_tune_up_tab { padding: 40px 0; text-align: center; }
.section_tune_up_tab .check_wrap { margin: 0 30px; }
@media screen and (max-width: 767px) {
    .section_tune_up_tab { padding: 20px 0; }
}

/* 20180130 함은주, TEST수정 */
.section_tune_up_items { margin-top: 60px; margin-bottom:60px; }
.section_tune_up_items .car_have { margin: 0 auto; max-width: 700px; }
.section_tune_up_items .car_item { display: none; }
.section_tune_up_items .car_item.in { display: block; }
.section_tune_up_items .car_list { margin-top: 30px; }
.section_tune_up_items .car_list .item { margin-top: 20px; position: relative;}
.section_tune_up_items .car_list .item:first-child { margin-top: 0; }
.section_tune_up_items .car_list .item a { display: table; width: 100%; color: #000; height: 78px; line-height: 78px; font-size: 20px; border: 1px #e4dcd3 solid; }
.section_tune_up_items .car_list .item span { display: table-cell; width: 50%; vertical-align: middle; }
.section_tune_up_items .car_list .item strong { margin: 0 30px 0 60px; }
.section_tune_up_items .car_list .item.in::before { content: ''; position: absolute; top: 50%; left: 20px; margin-top: -9px; width: 18px; height: 18px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon_car_tune_up_check.png'); }
.section_tune_up_items .car_list .item.in a { color: #fff; background-color: #002c5f; }
.section_tune_up_items .car_list .item.in strong { color: #fff; }
@media screen and (max-width: 767px) {
    .section_tune_up_items {margin-bottom: 0;}
    .section_tune_up_items .car_list { margin-top: 0; }
    /* 20180115 정윤진, 모바일 간격 수정 */
    .section_tune_up_items { margin-top: 40px; }
    .section_tune_up_items .row_title { margin-bottom: 15px; }
    .section_tune_up_items .car_list .item { margin-top: 10px; }
}

/* 20171231 박순길, input 추가 */
.section_tune_up_items .car_list .item .input-holder { position: absolute; top: 50%; right: 20px; left: 50%; transform: translate(-10px, -50%); }
.section_tune_up_items .car_list .item .input-holder .input_wrap { margin: 0 0 0 50%; width: 50%; background-color: #fff; padding: 0; }
.section_tune_up_items .car_list .item .input-holder .input_wrap input[type="text"] { font-size: 20px; padding-left: 10px; background-color: transparent; }
.section_tune_up_items .car_list .item .input-holder .placeholder { padding-left: 10px; font-size: 20px; }
@media screen and (max-width: 767px) {
    .section_tune_up_items .car_list .item.in::before { top: 21px; margin-top: 0; }
    .section_tune_up_items .car_list .item a { display: block; height: auto; padding: 15px; font-size: 14px; }
    .section_tune_up_items .car_list .item strong { margin: 0 13px 0 0; }
    .section_tune_up_items .car_list .item .model,
    .section_tune_up_items .car_list .item .number { margin: 0; padding-left: 30px; line-height: 30px; }
    .section_tune_up_items .car_list .item span { display: block; width: 100%; }
    .section_tune_up_items .car_list .item .input-holder { display: block; top: auto; bottom: 10px; left: 110px; width: 45%; height: 40px; transform: translate(0 ,0); }
    .section_tune_up_items .car_list .item .input-holder .input_wrap { width: 100%; margin: 0; }
}

.section_tune_up_items .car-info-form { padding: 40px 0; text-align: left; border: 1px #e4dcd3 solid; }
.section_tune_up_items .car-info-form .loop { margin-top: 20px; }
.section_tune_up_items .car-info-form .loop:first-child { margin-top: 0; }
.section_tune_up_items .car-info-form label { display: block; margin-bottom: 10px; }
.section_tune_up_items .car-info-form .messages {margin: 10px 0 0; font-size:13px; line-height: 1.4;}/*221125 add*/
.section_tune_up_items .car-info-form .messages p {color:#f00}/*221125 add*/

.section_tune_up_search { padding: 40px 0; text-align: center; }
.section_tune_up_search .select_wrap_white { text-align: left; width: 300px; }
@media screen and (max-width: 1023px) {
    .section_tune_up_search .select_wrap_white { width: 200px; }
    .section_tune_up_items .car-info-form .module { margin: 0 15px; }
    .section_tune_up_items .select_wrap,
    .section_tune_up_items .input_wrap { width: 100%; }
}
@media screen and (max-width: 767px) {
    .section_tune_up_search { padding: 20px 0; }
    .section_tune_up_search .select_wrap_white { width: 100%; margin-bottom: 10px; }
}
@media screen and (min-width: 1024px) {
    .section_tune_up_items .car-info-form { padding: 40px 0 40px 185px; }
    .section_tune_up_items .car-info-form .loop { margin-top: 20px; }
    .section_tune_up_items .car-info-form .loop:first-child { margin-top: 0; }
    .section_tune_up_items .car-info-form .input_wrap,
    .section_tune_up_items .car-info-form .select_wrap { width: 564px; }
    .section_tune_up_items .car-info-form label { display: inline-block; margin: 0; width: 180px; }
    .section_tune_up_items .car-info-form .messages {margin:10px 0 0 183px; font-size:13px; line-height:1.4;} /*221125 add*/
    .section_tune_up_items .car-info-form .messages p {color:#f00} /*221125 add*/
}

.section_tune_up_reservation { margin-top: 80px; }
.section_tune_up_reservation .grid { margin: 0 -70px; }
.section_tune_up_reservation .col { position: relative; }
.section_tune_up_reservation .col::after { content: ''; position: absolute; top: 50%; left: 0; margin: -8px 0 0 -5px; width: 9px; height: 16px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-tune-up-reservation.png'); }
.section_tune_up_reservation .col:first-child ::after { display: none; }
.section_tune_up_reservation .module { margin: 0 70px; }
.section_tune_up_reservation .row_title { margin-bottom: 20px; }
.section_tune_up_reservation .scroll_wrap { overflow: hidden; overflow-y: auto; height: 90px; box-sizing: border-box; border: 1px #e4dcd3 solid; }
.section_tune_up_reservation .sevice_network { font-size: 14px; height: 260px; }
.section_tune_up_reservation .sevice_network li { font-size: 14px; border-top: 1px #e4dcd3 solid; }
.section_tune_up_reservation .sevice_network li:first-child { border-top: 0; }
.section_tune_up_reservation .sevice_network a { display: block; padding-left: 20px; color:  #626262; overflow: hidden; }
.section_tune_up_reservation .sevice_network .core { height: 38px; line-height: 38px; }
.section_tune_up_reservation .sevice_network .desc { display: none; }
.section_tune_up_reservation .sevice_network .in a { color: #000; background-color: #f6f3f2; }
.section_tune_up_reservation .sevice_network .in .core { font-family: 'TextMedium'; }
.section_tune_up_reservation .sevice_network .in .desc { display: block; margin-bottom: 15px; }
.section_tune_up_reservation .sevice_network .in .desc .icon.pipe {padding: 0 5px; vertical-align: middle; font-style: normal;}
.section_tune_up_reservation .date_picker_layer { position: relative; }
.section_tune_up_reservation .layer_wrap { position: relative; margin: 0; padding: 0; width: 100%; }
.section_tune_up_reservation .layer_popup>[class^="layer_"] { box-shadow: none; }
.section_tune_up_reservation .ui_close { display: none; }
.section_tune_up_reservation .time_lst ul,
.section_tune_up_reservation .team_lst ul { padding-top: 10px; }
.section_tune_up_reservation .scroll_wrap .font_sm{ margin-left: 20px;height: 25px;  line-height: 25px} /*200421*/
.section_tune_up_reservation .time_lst a,
.section_tune_up_reservation .team_lst a { display: block; padding-left: 20px; font-size: 14px; height: 25px; line-height: 25px; color:  #626262; }
.section_tune_up_reservation .time_lst .in a,
.section_tune_up_reservation .team_lst .in a { font-family: 'TextMedium'; color: #000; }
@media screen and (max-width: 767px) {
    .section_tune_up_reservation { margin-top: 30px; }
    .section_tune_up_reservation .grid { margin: -15px 0; }
    .section_tune_up_reservation .col { position: relative; }
    .section_tune_up_reservation .col::after { top: 0; left: 50%; transform: rotate(90deg); }
    .section_tune_up_reservation .module { margin: 15px 0; }
    .section_tune_up_reservation .row_title { margin-bottom: 10px; }
    .section_tune_up_reservation .scroll_wrap { height: 90px;  }
    .section_tune_up_reservation .sevice_network { height: 150px; }
}

/* 블루핸즈 소개 */
.bluehands_sevice_guide .item { position: relative; border-top: 1px #e4dbd2 solid; word-break: break-all; }
.bluehands_sevice_guide .item:first-child { border: 0; }
.bluehands_sevice_guide .sub_title { margin: 0 0 10px 0; }
.bluehands_sevice_guide .icon { display: block; width: 300px; margin: 0 auto; text-align: center; }
@media screen and (max-width: 767px) {
    /* 20180115 정윤진, 모바일 간격 수정
    .bluehands_sevice_guide .item { padding: 20px 0; }
    .bluehands_sevice_guide .sub_title { margin: 0; font-size: 16px; padding-bottom: 0; } */
    .bluehands_sevice_guide .item { padding: 40px 0; }
    .bluehands_sevice_guide .item:first-child { padding-top: 0; }
    .bluehands_sevice_guide .item:last-child { padding-bottom: 0; }
    .bluehands_sevice_guide .sub_title { margin: 0; font-size: 16px; padding-top: 20px; padding-bottom: 10px; }
}
@media screen and (min-width: 768px) {
    .bluehands_sevice_guide .item { padding: 80px 30px 80px 300px; min-height: 200px; }
    .bluehands_sevice_guide .icon { position: absolute; top: 50%; margin-top: -100px; left: 0; }
}
@media screen and (min-width: 1000px) {
    .bluehands_sevice_guide .item { padding-left: 430px; }
    .bluehands_sevice_guide .icon { left: 45px; }
}

.car_repair_cost {}
.car_repair_cost .item { margin-top: 20px; padding: 40px 0; border: 1px #e4dcd3 solid; background-color: #fff; }
.car_repair_cost .item:first-child { margin-top: 0; }
.car_repair_cost .item:nth-child(even) { background-color: #f9f5f4; }
.car_repair_cost .icon { width: 80px; height: 80px; }
.car_repair_cost .official { margin-top: 10px; text-align: center; }
.car_repair_cost .official .module { margin: 0 35px; }
.car_repair_cost .official .col { position: relative; }
.car_repair_cost .official .col::after { content: ''; position: absolute; top: 45px; left: 100%; margin: -9px 0 0 -9px; width: 18px; height: 18px; }
.car_repair_cost .official .col.result::after { background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/bluehands-information/icon-car-repair-cost-result-pc.png'); }
.car_repair_cost .official .col.addition::after { background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/bluehands-information/icon-car-repair-cost-addition-pc.png'); }
.car_repair_cost .official .col.multiplication::after { background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/bluehands-information/icon-car-repair-cost-multiplication-pc.png'); }
.car_repair_cost .official span { display: block; margin-top: 10px; font-family: 'TextMedium'; color: #000; }
.car_repair_cost .row_title:first-child { margin-top: 0; }
@media screen and (max-width: 1023px) {
    .car_repair_cost { margin-top: -20px; }
    /* 20180115 정윤진, 모바일 간격 수정
    .car_repair_cost .item { margin-top: 15px; padding: 20px 0; } */
    .car_repair_cost .item { margin-top: 10px; padding: 20px 0; }
    .car_repair_cost .item:first-child { margin-top: 0; }
    .car_repair_cost .item:nth-child(even) { background-color: #f9f5f4; }
    .car_repair_cost .icon { width: 40px; height: 40px; }
    .car_repair_cost .official { margin: 0 0 20px 0; }
    .car_repair_cost .official .module { margin: 0; }
    .car_repair_cost .official span { margin-top: 0; }
    .car_repair_cost .summary .module { margin: 0 15px; padding-top: 10px; border-top: 1px #e4dcd3 solid; }
    .car_repair_cost .summary .row_title { margin: 10px 0 5px 0; }
    .car_repair_cost .official .col.result::after { top: 50%; width: 9px; height: 9px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/bluehands-information/icon-car-repair-cost-result-m.png'); background-size: 100% auto; }
    .car_repair_cost .official .col.addition::after { top: 50%; width: 9px; height: 9px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/bluehands-information/icon-car-repair-cost-addition-m.png'); background-size: 100% auto; }
    .car_repair_cost .official .col.multiplication::after { top: 50%; width: 9px; height: 9px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/bluehands-information/icon-car-repair-cost-multiplication-m.png'); background-size: 100% auto; }
}

.bluehands_time_action .btn_lg_primary { margin-right: 20px; }
@media screen and (max-width: 767px) {
    .bluehands_time_action .btn_lg_primary { margin: 0 0 10px 0; }
}

.visit-service { margin-top: 20px; word-break: keep-all; }
.visit-service .item { position: relative; vertical-align: top; }
.visit-service .item > .module { position: relative; z-index: 1; margin: 0 5px; box-sizing: border-box; padding: 35px 30px 30px 150px; min-height: 195px; background-color: #fff; border: 1px #e4dcd3 solid; }
.visit-service .icon { position: absolute; top: 30px; left: 30px; width: 95px; }
.visit-service .row_title { margin: 0; }
.visit-service p { margin: 15px 0 0; line-height: 1.6; letter-spacing: -.025em; }
.visit-service .action { margin: 15px -3px 0 -3px; }
.visit-service .action .module { margin: 0 3px; }
.visit-service .action a { display: block; text-align: left; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/car-management-service/charge-service/hyundai-my-car-story-more.png') no-repeat right center; }
.visit-service .tel { margin-top: 5px; margin-bottom: -10px; font-family: 'HeadMedium'; color: #006992; font-size: 20px;  }
@media screen and (max-width: 767px) {
    .visit-service .action .col { width: 100%; } /* 20180129 정윤진, 버튼 수정 */
}
@media screen and (max-width: 1023px) {
    .visit-service { margin-top: 10px; }
    .visit-service > .grid { margin: -10px 0; }
    .visit-service .item::before { display: none; }
    .visit-service .item > .module { margin: 10px 0; background-color: #fff; border: 1px #e4dcd3 solid; min-height: 135px; }
    .visit-service .row_title { margin: 0; }
    .visit-service p { margin: 15px 0 0; }
    .visit-service .action { margin: 15px -3px 0 -3px; }
    .visit-service .action .module { margin: 3px; }
    .visit-service .action a { display: block; text-align: left; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/car-management-service/charge-service/hyundai-my-car-story-more.png') no-repeat right center; }
    .visit-service .tel { margin-top: 5px; margin-bottom: -10px; font-family: 'HeadMedium'; color: #006992; font-size: 20px;  }
}
@media screen and (max-width: 1119px) {
    .visit-service .item > .module { padding: 20px 15px 20px 130px; }
    .visit-service .icon { top: 20px; left: 20px; }
}

/* 20180113 박순길, 블루멤버스안내, 기존 코드 활용 */
.bluemembers-is .main_title { margin:80px 0 20px 0; }
.bluemembers-is .sub_title { margin-top: 80px; }
.bluemembers-is .row_title { margin: 30px 0 10px 0; }
.bluemembers-is .hr { margin: 60px 0; border-top: 1px #e6e6e6 solid; }
.bluemembers-is .section_title { border-bottom: 1px #e5e5e5 solid; }
.bluemembers-is .section_title.border-none { border-bottom: 0; }
.bluemembers-is li { border-bottom: 0; }
.bluemembers-is p { line-height: 1.4; word-break: keep-all; }
.bluemembers-is p small { font-size: 13px; }
.bluemembers-is .tab_menu_01 { word-break: keep-all; }
.bluemembers-is .data_table [class^="btn_sm"] { min-width: 100px; }
.bluemembers-is .point-txt {color: #006992;}

@media screen and (max-width: 767px) {
    .bluemembers-is .main_title { margin:50px 0 20px; }
    .bluemembers-is .sub_title { margin-top: 50px; }
    .bluemembers-is .data_table [class^="btn_sm"],
    .bluemembers-is .list_bullet_dot [class^="btn_sm"] { display: block; margin: 5px 0 0; }
    .bluemembers-is .sub_title + .row_title { margin-top: 0; }
}
@media screen and (min-width: 768px) {
    .bluemembers-is p { font-size: 16px; line-height: 1.8; }
    .bluemembers-is p small { font-size: 14px; }
    .bluemembers-is p.row_title {font-size:20px;}
    .bluemembers-is .font_sm { font-size: 14px; }
}


/* 20180113 박순길, 블루멤버스안내, 코드 추가 */
.bluemembers-is { background-color: #fff; text-align: center; }
.bluemembers-is .pic { text-align: center; }
.bluemembers-is .pic img { margin: 0 auto; max-width: 100%; }
.bluemembers-is .wrapper { margin: 0 auto; text-align: left; max-width: 1120px; }
.bluemembers-is .wrapper th { text-align: center; }
.bluemembers-is .container-head { padding-bottom: 60px; }
.bluemembers-is .container-head .wrapper { text-align: center; }
.bluemembers-is .slide [class*='_direction'] [class^="ix-btn"] { margin-top: -75px; }

@media (max-width: 767px) {
    .bluemembers-is .pic img { width: 100%; }
    .bluemembers-is .slide [class*='_direction'] [class^="ix-btn"] { margin-top: -65px; }
}
@media (max-width: 1150px) {
    .bluemembers-is .wrapper.padder { padding-left: 15px; padding-right: 15px; }
}
@media (min-width: 768px) {
    .bluemembers-is .container-head { padding-bottom: 40px; }
    .bluemembers-is .container-head .pic { margin-top: 40px; }
}

/* 블루멤버스 스토리 */
.bluemembers-is.is-story .container-body .row_title { margin-top: 40px; margin-bottom: 20px; font-size: 21px; }
.bluemembers-is.is-story .container-head p { font-family: 'TextMedium'; }
.bluemembers-is.is-story .container-head .pic {margin:110px 0 10px;}

@media (min-width: 768px) {
    .bluemembers-is.is-story .container-head { padding-bottom: 60px; }
    .bluemembers-is.is-story .container-body .row_title { margin-top: 100px; margin-bottom: 30px; }
    .bluemembers-is.is-story .container-body .pic { padding-top: 30px; padding-bottom: 80px; }
}
@media (max-width: 767px) {
    .bluemembers-is.is-story .container-head .pic {width:58.4%; margin:55px auto 15px;}
    .bluemembers-is.is-story .container-head p {padding:0;}
}
/* 블루멤버스 회원가입 유도(고객서비스 공통) */
.bluemembers_invite {padding:20px 15px 30px; border:1px solid #e4dcd3; background:#fff;}
.section_white .bluemembers_invite {background:#f6f3f2;}
.section_white .section_gray .bluemembers_invite {background:#fff;}
.bluemembers_invite .img_title_wrap .text_box * {margin:0; text-align:left;}
.bluemembers_invite .img_title_wrap .img_box * {width:100%;}
.bluemembers_invite .list_btns_wrap {margin-top:15px;}
.bluemembers_invite .list_btns_wrap .list_bullet_dot {margin:0; color:#000; font-size:1em;}
.bluemembers_invite .list_btns_wrap .list_bullet_dot li {line-height:1.3em;}
.bluemembers_invite .list_btns_wrap .btns {margin-top:25px; text-align:left;}
@media (max-width: 767px) {
    .bluemembers_invite .img_title_wrap {display:table; table-layout:fixed;}
    .bluemembers_invite .img_title_wrap .img_box {display:table-cell; vertical-align:middle; width:80px;}
    .bluemembers_invite .img_title_wrap .text_box {display:table-cell; vertical-align:middle; padding-left:15px;}
}
@media (min-width: 768px) {
    .bluemembers_invite {position:relative; padding:50px 60px;}
    .bluemembers_invite .img_title_wrap {padding-left:270px;}
    .bluemembers_invite .img_title_wrap .img_box {position:absolute; left:60px; top:50%; width:200px; margin-top:-100px; text-align:left;}
    .bluemembers_invite .list_btns_wrap {padding-left:270px;}
}
@media (min-width: 768px) and (max-width: 1023px){
    .bluemembers_invite {padding:30px;}
    .bluemembers_invite .img_title_wrap {padding-left:200px;}
    .bluemembers_invite .img_title_wrap .img_box {left:30px; top:50%; width:160px; margin-top:-80px;}
    .bluemembers_invite .list_btns_wrap {padding-left:200px;}
}

/* 블루멤버스 히스토리 , 20180122 서수연, 디자인 수정 반영 */
.bluemembers-is .history-list { background: #ebf0f2 url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-information/history-bg-m.jpg') no-repeat center bottom; background-size: cover; }
.bluemembers-is .history-list .item { padding: 40px 0 30px 0; text-align: left; color: #000; border-top: 1px #e4dcd3 solid; }
.bluemembers-is .history-list .item:first-child { padding-top: 50px; border-top: 0; }
.bluemembers-is .history-list .year { font-family: 'HeadMedium'; font-size: 27px; color: #000; }
.bluemembers-is .history-list ul { margin: 10px 0 0; line-height: 1.6; }
.bluemembers-is .history-list li { position: relative; margin: 5px 0; padding-left: 10px; }
.bluemembers-is .history-list li::before { content: ''; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background-color: #000; }
@media (min-width: 768px) {
    /* 20180203 함은주 타이틀 추가 ADM */
    .bluemembers-is .history-list { /*padding-bottom: 120px;*/ padding-bottom: 80px; position: relative; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-information/history-bg-pc.jpg'); }
    .bluemembers-is .history-list .history_list_wrap {position: relative;padding-top: 80px;}
    .bluemembers-is .history-list .history_list_wrap::before { content: ''; position: absolute; /* top: 0; */ top: 80px; left: 50%; bottom: 0; margin-left: -1px; width: 1px; background-color: #e4dcd3; }/* 20180204 정윤진, head 삭제로 인해 top 위치 변경 */
    .bluemembers-is .history-list .item { clear: both; padding: 22px 0; border: 0; text-align: right; }
    .bluemembers-is .history-list .item:first-child { padding-top: 60px; }
    .bluemembers-is .history-list .item .module { margin-right: 55px; }
    .bluemembers-is .history-list .item:nth-child(odd) { float: right; text-align: left; }
    .bluemembers-is .history-list .item:nth-child(odd) .module { margin: 0 0 0 55px; }
    .bluemembers-is .history-list .year { position: relative; font-size: 44px; }
    .bluemembers-is .history-list .year::before { content: ''; position: absolute; top: 50%; left: 100%; margin: -6px 0 0 49px; width: 11px; height: 11px; border-radius: 100%; background-color: #e4dcd3; }
    .bluemembers-is .history-list ul { margin-top: 15px; }
    .bluemembers-is .history-list li { padding-left: 15px; }
    .bluemembers-is .history-list li::before { top: 10px; width: 3px; height: 3px; }
    .bluemembers-is .history-list .item:nth-child(even) li { padding: 0 15px 0 0; }
    .bluemembers-is .history-list .item:nth-child(even) li::before { left: 100%; margin-left: -3px; }
    .bluemembers-is .history-list .item:nth-child(odd) .year::before { left: 0; margin-left: -61px; }
}

/* 블루멤버스 서비스 */
.bluemembers-is .service-list { border-top: solid 1px #e6e6e6; }
.bluemembers-is .service-list .module { padding: 20px 0 0; }
.bluemembers-is .service-list .subject { padding: 10px 0; font-size: 16px; font-weight: bold; color: #000; }
.bluemembers-is .service-list .pic { text-align: left; }
.bluemembers-is .service-list .desc p { padding: 15px 0; font-size: 14px; line-height: 1.4; }
.bluemembers-is .service-list .desc ul { padding: 15px 0; }
.bluemembers-is .service-list .action .link { font-size: 14px; color: #000; }
@media (min-width: 768px) {
    .bluemembers-is.is-service .container-body.nth-child-2 .wrapper { padding-bottom: 20px; }
    .bluemembers-is .service-list .col.nth-child-1 .module {
        margin-right: 16px;
    }
    .bluemembers-is .service-list .col.nth-child-2 .module {
        margin-left: 16px;
    }
    .bluemembers-is .service-list { }
    .bluemembers-is .service-list .subject { padding: 20px 0 25px 0; font-size: 20px; }
    .bluemembers-is .service-list .desc p { padding: 20px 0 25px; font-size: 16px; }
    .bluemembers-is .service-list .desc ul { padding: 20px 0 25px; font-size: 16px; }
    .bluemembers-is .service-list .action .link { font-size: 16px;}
}
@media (max-width: 767px) {
    .bluemembers-is.is-service .container-head  { padding-bottom: 40px; }
}

/* 블루멤버스 회원안내, 회원가입대상 */
.bluemembers-is.is-membership .container-head .wrapper { text-align: left; }
.bluemembers-is.is-membership .container-body.nth-child-1 .wrapper { padding-bottom: 40px; }
.bluemembers-is.is-membership .container-head { padding-bottom: 80px; }
.bluemembers-is.is-membership .sub_title { padding-bottom: 20px; }
.bluemembers-is.is-membership .table-member { padding-top: 20px; }
.bluemembers-is.is-membership .table-member ul { padding-top: 30px; }

@media (min-width: 768px) {
    .bluemembers-is.is-membership .container-body.nth-child-1 .wrapper { padding-bottom: 80px; }
    .bluemembers-is.is-membership .table-membership { padding-top: 10px; }
}

/* 블루멤버스 회원안내, 회원가입대상 */
.bluemembers-is.is-points {}
.bluemembers-is.is-points .container-head { padding-bottom: 15px; }
.bluemembers-is.is-points .container-foot {}
.bluemembers-is.is-points h5.title { padding: 15px 0 10px; font-size: 14px; color: #000; }
.bluemembers-is.is-points li { font-size: 13px; }
.bluemembers-is.is-points td.bold { font-family: 'TextMedium'; color: #000; }

.bluemembers-is.is-points .table-milage { margin-top: 25px; }
.bluemembers-is.is-points .table-milage td { text-align: center; }
.bluemembers-is.is-points .table-member-type { margin-top: 40px; margin-bottom: 10px; }

@media (min-width: 768px) {
    .bluemembers-is.is-points h5.title { padding: 20px 0 15px; font-size: 16px; }
    .bluemembers-is.is-points li { font-size: 14px; }
    .bluemembers-is.is-points .table-member-type { margin-top: 40px; margin-bottom: 25px; }
}

/* 블루멤버스 혜택 */
.bluemembers_benefit_intro .intro_logo {width:58.4%; margin:0 auto; text-align:center;}
.bluemembers_benefit_intro .intro_text {margin-top:20px; text-align:center; line-height:1.75em;}
.bluemembers_benefit_intro .intro_ist {margin-top:40px; text-align:center;}
@media (min-width: 768px) {
    .bluemembers_benefit_intro .intro_logo {width:auto;}
    .bluemembers_benefit_intro .intro_text {margin-top:40px;}
    .bluemembers_benefit_intro .intro_ist {margin-top:80px;}
}

/* 블루 멤버스 카드 */
.bluemember-card {}
.bluemember-card .card_info {position:relative;padding:60px 40px 60px 328px;background:#f6f3f2;}
.bluemember-card .card_info ~ .card_info {margin-top:40px;}
.bluemember-card .card_info .img_wrap {position:absolute;top:60px;left:39px;}
.bluemember-card .card_info .info_wrap {}
.bluemember-card .card_info .info_wrap .sub_title {}
.bluemember-card .card_info .info_wrap .text {color:#000;line-height:30px;}
.bluemember-card .card_info .info_wrap .info_view {margin-top:13px;}
.bluemember-card .card_info .info_wrap .info_view dt {font-family:'TextMedium';color:#000;}
.bluemember-card .card_info .info_wrap .info_view dd {margin-top:17px;}
.bluemember-card .card_info .info_wrap .info_view dt ~ dt {margin-top:18px;}
.bluemember-card .card_info .info_wrap .dash_bullet {}
.bluemember-card .card_info .info_wrap .dash_bullet li {padding-left:0;}
.bluemember-card .card_info .info_wrap .dash_bullet li ~ li {margin-top:12px;}
.bluemember-card .card_info .info_wrap [class*="list"] {padding-left:0;}
.bluemember-card .card_info .info_wrap [class*="list"] li {line-height:1;}
.bluemember-card .card_info .info_wrap [class*="list"] li~ li {margin-top:12px;}
.bluemember-card .card_info .info_wrap [class*="bullet"] {padding-left:0;}
.bluemember-card .card_info .info_wrap .button_area {margin-top:40px;}
.bluemember-card .card_info .info_wrap .button_area [class*="btn_"] ~ [class*="btn_"] {margin-left:16px;}
.bluemember-card .panel_gray.link_box {margin-top: 40px; padding:30px 50px;}
.bluemember-card .panel_gray.link_box .text_button_bar {min-height: auto; padding-right: 220px; line-height: 1.5;}
/* 20180126 함은주 신청프로세스 추가 */
.bluemember-card .card_reissuance {margin-top:35px; margin-bottom:80px;}
.bluemember-card .card_reissuance .step {margin:-32px;}
.bluemember-card .card_reissuance .grid {border-spacing:32px;}
.bluemember-card .card_reissuance .grid::before,
.bluemember-card .card_reissuance .grid::after {display:none;}
.bluemember-card .card_reissuance .grid .col {position:relative; padding:20px 40px; height:234px; background:#e4dcd3; text-align:center; vertical-align:middle;}
.bluemember-card .card_reissuance .col +.col:before {content:''; position:absolute; left:-25px; top: 100px; width:17px; height:30px; background:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-card/icon-bluemember-card-reissuance-step-arrow-pc.png') no-repeat 50% 50%;}
.bluemember-card .card_reissuance .grid .col.step2 {background: #f6f3f2;}
.bluemember-card .card_reissuance .grid .col p {font-size:20px; line-height:1.8; font-family: 'TextMedium'; color:#000;}
.bluemember-card .card_reissuance .grid .col p span {display:inline-block;}
.bluemember-card .info_box {margin-top:20px;}
.bluemember-card .info_box .notice_text {position:relative;padding-left:19px;font-size:14px;}
.bluemember-card .info_box .notice_text:before {position:absolute;top:0;left:0;display:block;width:14px;height:14px;background:url('../images/common/ico_pc_20.png') no-repeat 0 -320px;content:'';}
.bluemember-card .info_box .info_view {margin-top:20px;}
.bluemember-card .info_box .info_view dt {font-family:'TextMedium';color:#000;}
.bluemember-card .info_box .info_view dd {margin-top:16px;}
.bluemember-card .info_box .info_view dt ~ dt {margin-top:30px;}
.bluemember-card .info_box .info_view [class^="bullet_"],
.bluemember-card .info_box .info_view [class*="_bullet"]>li{position:relative;margin-top:0;padding-left:12px;line-height:22px;}
.bluemember-card .info_box .info_view [class^="bullet_"][class*="_dot"]:before,
.bluemember-card .info_box .info_view [class*="_bullet"][class*="_dot"]>li:before{position:absolute;top:9px;left:0;background:#000;}
.bluemember-card .info_box .info_view [class*="_bullet"][class*="_dot"]>li ~ li {margin-top:13px;}
.bluemember-card .store_info {position:relative;margin-top:80px;padding:60px 0 60px 330px;border:1px solid #e4dcd3;}
.bluemember-card .store_info .img_wrap {position:absolute;top:50px;left:90px;}
.bluemember-card .store_info .row_title {}
.bluemember-card .store_info .text {margin-top:11px;font-size:14px;color:#000;}
.bluemember-card .store_info .button_area {margin-top:32px;}
.bluemember-card .store_info .button_area [class*="btn_"] {min-width:200px;}
.bluemember-card .store_info .button_area [class*="btn_"] ~ [class*="btn_"] {margin-left:16px;}
.bluemember-card .members_menu {margin-top:120px;}
.bluemember-card .members_menu:after {display:block;clear:both;content:'';}
.bluemember-card .members_menu li {float:left;width:calc( (100% - 96px) / 4 );font-size:14px;color:#000;text-align:center;}
.bluemember-card .members_menu li a {display:block;}
.bluemember-card .members_menu li ~ li {margin-left:32px;}
.bluemember-card .members_menu li .text {display:block;margin-top:17px;}
.bluemember-card .reissuance {position:relative;padding:58px 0 54px;}
.bluemember-card .reissuance .in_wrap {position:relative;width:100%;max-width:1120px;margin:0 auto;}
.bluemember-card .reissuance .text {margin-top:9px;font-size:14px;line-height:24px;}
.bluemember-card .reissuance [class^="btn_"] {position:absolute;top:50%;right:0;margin-top:-20px;}
.bluemember-card .reissuance_complete {position:relative;padding:170px 0 0;text-align:center;}
.bluemember-card .reissuance_complete:before {position:absolute;top:80px;left:50%;display:block;width:60px;height:60px;margin-left:-30px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-card/ico_complete.png') no-repeat left top;content:'';}
.bluemember-card .reissuance_complete .text {margin-top:10px;color:#000;line-height:30px;}
.bluemember-card .reissuance_complete [class^="btn_"] {margin-top:72px;}
.bluemember-card .form_info_text {color:#000;}
.bluemember-card .hmc_form {margin-top:39px;padding-top:28px;border-top:1px solid #e4dcd3;}
.bluemember-card .hmc_form .ui_table > dl > dt {width:17%;}
.bluemember-card .hmc_form .ui_table > dl > dd {vertical-align:middle;}
.bluemember-card .hmc_form .ui_table > dl > dd span.input_wrap + span.input_wrap {margin-left:8px;}
.bluemember-card .hmc_form .ui_table > dl > dd .select_wrap {width:65%;}
.bluemember-card .hmc_form .ui_table > dl > dd .input_group.ea_03 span {width:calc( (100% - 510px) / 3);}
.bluemember-card .hmc_form .ui_table > dl > dd .input_group.ea_03 > span ~ span {margin-left:12px;}
.bluemember-card .hmc_form .button_area {margin-top:50px;padding-top:80px;border-top:1px solid #e4dcd3;text-align:center;}
.bluemember-card .card_info.apple_pay {margin: 0 0 -40px 0; padding: 40px 40px 0px 328px;}
.bluemember-card .card_info.apple_pay:after {content:"";display:block;width: calc(100% - 80px);height:1px;background: #e5e5e5;position: absolute;left: 40px;bottom: -30px;z-index: 1;}
.bluemember-card .card_info.apple_pay .img_wrap {left:121px; top:40px;}
.bluemember-card .card_info.apple_pay .sub_title {font-size: 20px; line-height: 30px; padding: 0;}
.bluemember-card .card_info.apple_pay .sub_title .m-br {display: none;}
.bluemember-card .card_info.apple_pay .text {font-size:15px; line-height: 30px; color:#666;}
.layer_popup .bluemember-card {}
.layer_popup .bluemember-card .card_layer_title {font-size:20px;line-height:24px;}
.layer_popup .bluemember-card .row_title {display:block;line-height:34px;}
.layer_popup .bluemember-card .row_title ~ .row_title {margin-top:24px;}
.layer_popup .bluemember-card .benefit_list {margin-top:10px;}
.layer_popup .bluemember-card .benefit_list > li {padding-left:17px;}
.layer_popup .bluemember-card .benefit_list > li .title {display:block;margin:0 0 9px -17px;font-family:'TextMedium';color:#000;}
.layer_popup .bluemember-card .benefit_list > li .text {font-size:14px;color:#000;}
.layer_popup .bluemember-card .benefit_list > li ~ li {margin-top:18px;}
.layer_popup .bluemember-card .str {display:block;margin-top:18px;font-family:'TextMedium';color:#000;}
.layer_popup .bluemember-card .str + .list {margin-top:18px;}
.layer_popup .bluemember-card [class^="list"] {}
.layer_popup .bluemember-card [class^="list"] li,
.layer_popup .bluemember-card p[class^="list"] {font-size:14px;/*color:#000;*/line-height:28px;}
.layer_popup .bluemember-card [class^="list"] li ~ li {margin-top:0;}
.layer_popup .bluemember-card [class^="list"][class*="_info"] {margin:2px 0 0 19px;}
.layer_popup .bluemember-card [class^="list"][class*="_info"] li {position:relative;padding-left:13px;}
.layer_popup .bluemember-card [class^="list"][class*="_info"] li:before {position:absolute;top:11px;left:0;display:block;width:2px;height:2px;background:#000;content:'';}
.layer_popup .bluemember-card .caution {position:relative;margin-top:7px;padding-left:11px;font-size:14px;color:#000;}
.layer_popup .bluemember-card .caution:before {position:absolute;top:5px;left:0;display:block;width:2px;height:2px;background:#000;content:'';}
.layer_popup .bluemember-card .info {margin-top:17px;}
.layer_popup .bluemember-card .info dt {position:relative;padding-left:15px;font-family:'TextMedium';color:#000;}
.layer_popup .bluemember-card .info dt:before {position:absolute;top:6px;left:0;display:block;width:2px;height:2px;background:#000;content:'';}
.layer_popup .bluemember-card .info dt ~ dt {margin-top:11px;}
.layer_popup .bluemember-card .info dd {margin-top:11px;}
.layer_popup .bluemember-card .text_info {margin:5px 0 0 7px;font-size:14px;color:#000;line-height:28px;}
.layer_popup .bluemember-card .card_layer_title + .apply {margin-top:12px;}
.layer_popup .bluemember-card .apply {margin-top:0;}
.layer_popup .bluemember-card .apply dt {font-family:'TextMedium';color:#000;}
.layer_popup .bluemember-card .apply dt ~ dt {margin-top:10px;}
.layer_popup .bluemember-card .apply dd {margin-top:12px;}
.layer_popup .bluemember-card .apply dd .text {margin-top:7px;font-size:12px;line-height:20px;}

/* 20180126 함은주, 링크배너영역 수정 */
.bluemembers_link_banner .responsive_slide .ix-list-item {width:33.33%;}
.bluemembers_link_banner .responsive_slide .ix-list-item .text {text-align: center;}
@media screen and (max-width: 767px){
    .bluemembers_link_banner .responsive_slide .ix-list-item {width:50%;}
}

@media screen and (max-width: 1120px){
    .bluemember-card .reissuance {padding-left:15px;padding-right:15px;}
    .bluemember-card .hmc_form .ui_table > dl > dd .input_group.ea_03 span {width:calc( (100% - 310px) / 3);}
}

@media screen and (max-width: 767px){
    .bluemember-card .card_info {padding:40px 15px;}
    .bluemember-card .card_info .img_wrap {position:static; text-align:center;}
    .bluemember-card .card_info .img_wrap img {width:125px;}/* 20180126 함은주, 모바일 디자인 반영 */
    .bluemember-card .card_info .text_wrap {margin-top:20px;}
    .bluemember-card .card_info .info_wrap {margin-top:25px;}
    .bluemember-card .card_info .info_wrap .text {line-height:20px;}
    .bluemember-card .card_info .info_wrap .info_view {margin-top:26px;}
    .bluemember-card .card_info .info_wrap .info_view dt ~ dt {margin-top:25px;}
    .bluemember-card .card_info .info_wrap .info_view dd {margin-top:15px;}
    .bluemember-card .card_info .info_wrap [class*="bullet"] {font-size:13px;line-height:21px;}
    .bluemember-card .card_info .info_wrap [class*="list"] li {line-height:21px;}
    .bluemember-card .card_info .info_wrap [class*="list"] li~ li {margin-top:0;}
    .bluemember-card .card_info .info_wrap .button_area {margin-top:36px;}
    .bluemember-card .card_info .info_wrap .button_area [class*="btn_"] ~ [class*="btn_"] {margin-left:0;}
    .bluemember-card .card_info.apple_pay {padding: 40px 15px 0; text-align:center;}
    .bluemember-card .card_info.apple_pay:after {width: calc(100% - 30px); left: 15px;bottom: -20px;}
    .bluemember-card .card_info.apple_pay .img_wrap img {width: 77px;}
    .bluemember-card .card_info.apple_pay .sub_title {font-size: 16px; line-height:24px; }
    .bluemember-card .card_info.apple_pay .sub_title .m-br {display: block;}
    .bluemember-card .card_info.apple_pay .text {font-size: 13px; line-height: 22px;}
    .bluemember-card .info_box .notice_text {padding-left:15px;font-size:13px;}
    .bluemember-card .info_box .notice_text:before {width:11px;height:11px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-card/ico_notice.png') no-repeat left top;background-size:100%;}
    .bluemember-card .info_box .info_view dt ~ dt {margin-top:15px;}
    .bluemember-card .info_box .info_view dd {margin-top:15px;}
    .bluemember-card .info_box .info_view [class^="bullet_"],
    .bluemember-card .info_box .info_view [class*="_bullet"]>li {padding-left:9px;font-size:13px;line-height:21px;}
    .bluemember-card .info_box .info_view [class*="_bullet"][class*="_dot"]>li ~ li {margin-top:0;}
    .bluemember-card .info_box .info_view [class^="bullet_"][class*="_dot"]:before,
    .bluemember-card .info_box .info_view [class*="_bullet"][class*="_dot"]>li:before {top:10px;}
    .bluemember-card .panel_gray.link_box {padding:40px 15px;}
    .bluemember-card .panel_gray.link_box .text_button_bar {padding-right: 0;}
    /* 20180126 함은주 신청프로세스 추가 */
    .bluemember-card .card_reissuance {margin-top:15px; margin-bottom:50px;}
    .bluemember-card .card_reissuance .step {margin: 0;}
    .bluemember-card .card_reissuance .grid {display:block;}
    .bluemember-card .card_reissuance .grid .col {display:block; height:auto; padding:70px 20px;}
    .bluemember-card .card_reissuance .grid .col +.col {margin-top:40px;}
    .bluemember-card .card_reissuance .grid .col p {font-size:16px;}
    .bluemember-card .card_reissuance .col +.col:before {content:''; left:50%; top: -28px; width:30px; height:17px; margin-left:-15px; background-image:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-card/icon-bluemember-card-reissuance-step-arrow-m.png'); background-size:contain;}
    .bluemember-card .store_info {margin-top:20px;padding:20px 15px;}
    .bluemember-card .store_info .img_wrap {margin-left:5px;}
    .bluemember-card .store_info .text_wrap {margin:15px 0 0 5px;}
    .bluemember-card .store_info .text {margin-top:0;line-height:21px;}
    .bluemember-card .store_info .img_wrap {position:static;}
    .bluemember-card .store_info .button_area {margin-top:36px;}
    .bluemember-card .store_info .button_area [class*="btn_"] ~ [class*="btn_"] {margin-left:0;}
    .bluemember-card .members_menu li {width:calc( (100% - 32px) / 2 );margin-top:20px;}
    .bluemember-card .members_menu li:nth-child(2n+1) {margin-left:0;}
    .bluemember-card .members_menu li:first-child,
    .bluemember-card .members_menu li:nth-child(2) {margin-top:0;}
    .bluemember-card .reissuance {padding:40px 15px;background:#fff;}
    .bluemember-card .reissuance .in_wrap {padding:35px 15px 40px;background:#f6f3f2;}
    .bluemember-card .reissuance .text {margin-top:13px;line-height:20px;}
    .bluemember-card .reissuance [class^="btn_"] {position:static;margin-top:36px;}
    .bluemember-card .form_info_text {font-size:13px;line-height:21px;}
    .bluemember-card .reissuance_complete {padding-top:113px;}
    .bluemember-card .reissuance_complete:before {top:50px;width:45px;height:45px;margin-left:-22px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-guide/bluemembers-card/ico_complete_m.png') no-repeat left top;background-size:100%;}
    .bluemember-card .reissuance_complete .sub_title {font-size:27px;}
    .bluemember-card .reissuance_complete .text {margin-top:2px;line-height:22px;}
    .bluemember-card .reissuance_complete [class^="btn_"] {margin-top:35px;}
    .bluemember-card .hmc_form {margin-top:15px;padding-top:0;}
    .bluemember-card .hmc_form .ui_table > dl > dt {width:100%;}
    .bluemember-card .hmc_form .ui_table > dl > dd .select_wrap {width:100%;}
    .bluemember-card .hmc_form .ui_table > dl > dd .check_group {}
    .bluemember-card .hmc_form .ui_table > dl > dd .check_group:after {display:block;clear:both;content:'';}
    .bluemember-card .hmc_form .ui_table > dl > dd .check_group .check_wrap {width:50%;}
    .bluemember-card .hmc_form .ui_table > dl > dd .check_group .check_wrap ~ .check_wrap {margin-top:6px;}
    .bluemember-card .hmc_form .ui_table > dl > dd .check_group .check_wrap:nth-child(2) {margin-top:0;}
    .bluemember-card .hmc_form .ui_table > dl > dd .input_group.ea_03 span {width:calc( (100% - 20px) / 3);}
    .bluemember-card .hmc_form .ui_table > dl > dd .input_group.ea_03 > span ~ span {margin-left:10px;}
    .bluemember-card .hmc_form .button_area {margin-top:20px;padding-top:30px;}
    .bluemember-card + .wss01 .slide [class*='_direction'] [class^="ix-btn"] {margin-top:-65px;}
    .layer_popup .bluemember-card .card_layer_title {font-size:16px;line-height:24px;}
    .layer_popup .bluemember-card .benefit_list {margin-top:13px;}
    .layer_popup .bluemember-card .row_title {line-height:24px;}
    .layer_popup .bluemember-card .row_title ~ .row_title {margin-top:20px;}
    .layer_popup .bluemember-card .benefit_list > li .title {margin-bottom:11px;padding-left:16px;line-height:22px;text-indent:-16px;}
    .layer_popup .bluemember-card [class^="list"] li,
    .layer_popup .bluemember-card p[class^="list"] {padding-left:6px;font-size:13px;line-height:21px;text-indent:-6px;}
    .layer_popup .bluemember-card .caution {margin-left:-17px;padding-left:8px;font-size:13px;}
    .layer_popup .bluemember-card .caution:before {}
    .layer_popup .bluemember-card .info dt {padding-left:9px;}
    .layer_popup .bluemember-card .text_info {margin-top:13px;font-size:13px;line-height:21px;}
}

@media (min-width: 768px) and (max-width: 820px){
    .bluemember-card .store_info .button_area [class*="btn_"] { min-width: auto; }
}

/* 하자재발 통보서 입력(1120모드 선 작업) */
.form_ui_table {position:relative; padding:0 0 30px 16%; box-sizing:border-box; border-bottom:1px solid #e4dbd2;}
.form_ui_table:first-child {border-top:1px solid #e4dbd2;}
.form_ui_table .title {position:absolute; top:0; left:0; width:16%; height:100%; text-align:center; background:#e4dbd2; border-top:solid 1px #fff;}
.form_ui_table:first-child .title {border-top:0 none;}
.form_ui_table .title b {position:absolute; top:50%; left:0; width:100%; height:2.8em; margin-top:-1.4em; line-height:1.4em; text-align:center;}
.form_ui_table .list_bullet_1emtext {margin:0 0 0 20px;}
.form_ui_table .list_bullet_1emtext li {line-height:1.3em;}
.form_ui_table .list_bullet_1emtext li * {text-indent:0;}
.form_ui_table .number_title {padding:0 30px; line-height:40px; font-family:'TextMedium'; background:#f7f3f2;}
.form_ui_table .border {border:0 none; border-bottom:1px solid #e4dcd3;}
.form_ui_table_agree {line-height:1.3em; color:#000;}
.form_ui_table_agree p + p {margin-top:10px;}
.form_ui_table_agree .link span,
.form_ui_table .link span {border-bottom-style:solid; border-bottom-width:1px;}

.form_ui_table .ui_table_tr {margin:20px 0 0 10px;}
.form_ui_table .ui_table_tr.col_02:after {clear:both; display:block; content:'';}
.form_ui_table .ui_table_tr.col_02 .ui_table {float:left; width:50%;}
.form_ui_table .ui_table {padding-left:20px; margin-top:0;}
.form_ui_table .ui_table + .ui_table {padding-left:40px; margin-top:0;}
.form_ui_table .ui_table.text_box {line-height:1.3em;}
.form_ui_table .ui_table>dl>dt {width:17.5%; margin-left:30px;}
.form_ui_table .ui_table>dl>dt.wbig {width:30%;}
.form_ui_table .ui_table_tr.col_02 .ui_table>dl>dt {width:36%;}
.form_ui_table .ui_table .radio_set {margin-top:8px;}
.form_ui_table .ui_table .radio_set .check_wrap {min-width:0;}
.form_ui_table .ui_table .radio_set .check_wrap + .check_wrap {margin-left:10px;}
.form_ui_table .ui_table .radio_set.add {margin-top:0;}
.form_ui_table .ui_table .radio_set.add * {float:none; display:inline-block;}
.form_ui_table .ui_table .email_input {width:100%;}
.form_ui_table .ui_table .email_input span {float:none;}
.form_ui_table .ui_table .input_btn_wrap.car_num [class*="btn_md"] {min-width:78px;}
.form_ui_table .ui_table .input_text_wrap label {color:#626262; font-family:'TextRegular';}
.form_ui_table .ui_table .input_text_wrap .input_wrap {min-width:0; width:calc(100% - 45px); margin-right:10px;}
.form_ui_table .ui_table .input_text_wrap .text {line-height:40px;}
.form_ui_table .ui_table .input_text_wrap.wsmall {width:100px;}
.form_ui_table .ui_table .radio_set .input_text_wrap.wsmall {margin-right:10%;}
.form_ui_table .ui_table .select_wrap_2ea .select_wrap {float:left; min-width:0; width:calc(50% - 5px);}
.form_ui_table .ui_table .select_wrap_2ea .select_wrap + .select_wrap {float:right;}
.form_ui_table .ui_table .input_wrap.js-text input{float:none;}
.form_ui_table .ui_table .count-maxlength {float:none !important;}
.form_ui_table .ui_table_tr_wrap.last {padding-bottom:20px; border-bottom:1px solid #e4dcd3;}
.form_ui_table .ui_table_tr_wrap {margin-left:10px;}
.form_ui_table .ui_table_tr_wrap .ui_table_tr {margin-left:0;}
@media (max-width: 767px) {
    .form_ui_table {padding:30px 0; border-bottom:0 none;}
    .form_ui_table:first-child {margin-top:10px;}
    .form_ui_table .title {position:relative; width:100%; padding:15px 0;}
    .form_ui_table .title b {position:relative;}
    .form_ui_table .number_title {text-align:center;}
    .form_ui_table .list_bullet_1emtext {margin:15px 0 0 0;}
    .form_ui_table .ui_table {padding:0;}
    .form_ui_table .ui_table_tr {margin:20px 0 0 0;}
    .form_ui_table .ui_table_tr.col_02 .ui_table {float:none; width:100%;}
    .form_ui_table .ui_table_tr.col_02 .ui_table + .ui_table {margin-top:20px; padding-left:0;}
    .form_ui_table .ui_table_tr_wrap {margin-left:0; margin-top:40px;}
    .form_ui_table .ui_table_tr_wrap.last {padding-bottom:40px;}
    .form_ui_table .ui_table>dl>dt {margin:0;}
    .form_ui_table .ui_table>dl>dt.wbig,
    .form_ui_table .ui_table.responsive>dl>dt {width:100%;}
    .form_ui_table .ui_table>dl,
    .form_ui_table .ui_table.responsive>dl {margin-top:0px;}
    .form_ui_table .ui_table .select_wrap.mobieW100 {display:block;}
    .form_ui_table .ui_table.text_box {margin-top:10px !important;}
    .form_ui_table .ui_table .input_text_wrap.wsmall {width:100%;}
    .form_ui_table .ui_table .radio_set.add .input_text_wrap.wsmall {width:100px;}
    .form_ui_table_agree .link {display:block; margin-left:28px;}
}
@media (min-width: 768px) and (max-width: 1119px) {
    .form_ui_table .ui_table .input_btn_wrap.car_num > span {float:none;}
    .form_ui_table .ui_table .input_btn_wrap.car_num [class*="btn_md"] {position:relative; width:190px; margin-top:10px;}
}

/* 자동차/운전자 보험 190218 이지혜 (1120px 선 작업) */
.insurance-banner-wrap:after {clear:both; display:block; content:'';}
.insurance-banner-wrap .insurance-car {float:left; width:70%;}
.insurance-banner-wrap .insurance-driver {float:right; width:calc(30% - 20px);}
.insurance-banner-wrap .row_title {padding:20px 10px; text-align:center; background:#012c5f; color:#fff;}
.insurance-banner-wrap .banner-list {padding:15px 50px 35px; background:#fff;}
.insurance-banner-wrap .banner-list:after {clear:both; display:block; content:'';}
.insurance-banner-wrap .banner-list li {float:left; width:33.3%;}
.insurance-banner-wrap .banner-list li a {display:block; margin:20px 10px 0; padding:0 10px; text-align:center; line-height:103px; border:1px solid #dedede;}
.insurance-banner-wrap .banner-list li a img {vertical-align:middle;}
.insurance-banner-wrap .insurance-driver .banner-list li {float:none; width:100%;}
@media (max-width: 1119px) {
    .insurance-banner-wrap .insurance-car {float:none; width:100%;}
    .insurance-banner-wrap .insurance-driver {float:none; width:100%; margin-top:40px;}
    .insurance-banner-wrap .banner-list li {width:50%;}
    .insurance-banner-wrap .banner-list li a {line-height:5em;}
    .insurance-banner-wrap .insurance-driver .banner-list li {float:left; width:50%;}
}
@media (max-width: 767px) {
    .insurance-banner-wrap .row_title {padding:10px;}
    .insurance-banner-wrap .banner-list {padding:10px 10px 20px;}
    .insurance-banner-wrap .banner-list li a {margin:10px 5px 0;}
}

.process-step .grid {margin:0 -27px 0 -20px;}
.process-step .module {position:relative; text-align:center; margin-left:20px; padding-right:27px;}
.process-step .module .ico_arr {position:absolute; right:0; top:90px; margin:-8px 0 0;}
.process-step .grid .col:last-child .ico_arr {display:none;}
.process-step .module .core {margin-top:20px; line-height:1.6em; word-break:keep-all; font-family: 'TextMedium'; color: #000;}
.process-step .module .desc {margin-top:20px; line-height:1.6em; word-break:keep-all; color:#000;}
.process-step .module .core + .desc {margin-top:0; color:#626262;}
@media (max-width: 767px) {
    .process-step .grid .col {margin-top:20px;}
}

/* 190725 추가 */
/*********************************************** 고객서비스 > 현대 디지털 키 ***********************************************/
.digitalkey_service {  }
.digitalkey_service .upper {  }
.digitalkey_service .upper .logo { margin-bottom: 80px; text-align: center; }
.digitalkey_service .upper .table { border-bottom: 1px solid #e4dcd3; }
.digitalkey_service .upper .view { vertical-align: bottom; }
.digitalkey_service .upper .desc { vertical-align: top; }
.digitalkey_service .upper .desc .sub_title {  }
.digitalkey_service .upper .desc p { margin-bottom: 40px; }
.digitalkey_service .downer { overflow: hidden; zoom: 1; padding: 60px 0; border-bottom: 1px solid #e4dcd3; }
.digitalkey_service .downer .table { margin-left: -1px; }
.digitalkey_service .downer .cell { padding: 0 50px; border-left: 1px solid #e4dcd3; vertical-align: top; }
.digitalkey_service .downer .module {  }
.digitalkey_service .downer .view { margin-bottom: 50px; text-align: center;}
.digitalkey_service .downer .desc {  }
.digitalkey_service .downer .desc .row_title { margin-bottom: 15px; }


@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /*.digitalkey_service { margin-bottom: 10px; }*/
    .digitalkey_service .upper .logo { margin-bottom: 40px; }
    .digitalkey_service .upper .logo picture { display: inline-block; width: 131px; }
    .digitalkey_service .upper .view { padding: 0 30px; }
    .digitalkey_service .upper .table { border-top: 1px solid #e4dcd3; }
    .digitalkey_service .upper .cell { display: block; }
    .digitalkey_service .upper .desc p { margin-bottom: 25px; }
    .digitalkey_service .downer { padding: 0; border: none; }
    .digitalkey_service .downer .cell { display: block; padding: 30px 0; border-bottom: 1px solid #e4dcd3; }
    .digitalkey_service .downer .cell .module { overflow: hidden; width: 100%; }
    .digitalkey_service .downer .cell .view { float: left; width: 50%; margin: 0; text-align: center; }
    .digitalkey_service .downer .cell .view picture { display: inline-block; width: 75px; }
    .digitalkey_service .downer .cell .desc { float: left; width: 50%; }
    .digitalkey_service .downer .desc .row_title { margin-bottom: 10px; }
}

.digitalkey_intro .section_title {text-align:left;}
.digitalkey_intro .section_title .main_title {text-align:left;}

.contact_digitalKey_info { margin: 20px 0 0; }
.contact_digitalKey_info .module { display: table; width: 100%; border: 1px solid #e4dcd3; }
.contact_digitalKey_info .view,
.contact_digitalKey_info .desc { display: table-cell; vertical-align: middle; }
.contact_digitalKey_info .view { width: 20%; text-align: center; }
.contact_digitalKey_info .view .sub_title { display: inline-block; margin: 0; vertical-align: middle; }
.contact_digitalKey_info .view .icon { display: inline-block; width: 120px; margin: 30px; vertical-align: middle; }
.contact_digitalKey_info .desc { padding: 30px 30px; }
.contact_digitalKey_info .desc .list_bullet_dot { margin-bottom: 25px; }
.contact_digitalKey_info + .button_wrap { padding-top: 60px; padding-bottom: 0; }

.digitalkey_service .center_info .view .row_title { display: inline-block; margin: 0; vertical-align: middle; }
.digitalkey_service .center_info .view .row_title span{margin-right:20px;}
.digitalkey_service .center_info .view .icon { display: inline-block; width: 120px; margin: 30px; vertical-align: middle; }
.digitalkey_service .center_info .panel_gray.view {padding:0;}

@media screen and (max-width: 767px) {
    .contact_digitalKey_info { margin: 20px 0 0; }
    .contact_digitalKey_info .view,
    .contact_digitalKey_info .desc { display: block; width: 100%; padding: 30px; }
    .contact_digitalKey_info .view .icon { width: 95px; margin: 0 auto; }
    .contact_digitalKey_info .view .sub_title { margin-left: 20px; padding: 0; }
    .contact_digitalKey_info .desc { padding: 15px; }
    .contact_digitalKey_info .desc .list_bullet_dot { margin-bottom: 10px; }
    .contact_digitalKey_info + .button_wrap { padding-top: 40px; }

    .digitalkey_service .center_info>*{width:100%;}
    .digitalkey_service .center_info>* + *{margin:10px 0 0 0;}
}

/* 현대 디지털 키 */
.digitalkey_overview { width: 100%; max-width: 1120px; }
.digitalkey_overview .grid { display: table; table-layout: fixed; width: 100%; border: 1px solid #e4dcd3; border-left: none; }
.digitalkey_overview .col { display: table-cell; float: none; width: 33.333%; padding: 40px; border-left: 1px solid #e4dcd3; background-color: #fff; vertical-align: top; }
.digitalkey_overview .upper { padding-bottom: 30px; }
.digitalkey_overview .upper h4 {position: relative;  margin-bottom: 15px; font-family: "HeadMedium"; font-weight: bold; font-size: 30px; color: #000; z-index: 1;}
.digitalkey_overview .upper .small { display: block; margin-bottom: 20px; color: #000; }
.digitalkey_overview .upper .small em { color: #006992; }
.digitalkey_overview .upper picture { display: block; text-align: center; }
.digitalkey_overview .desc { padding: 30px 0 0; border-top: 1px solid #e4dcd3; }
.digitalkey_quick { margin: 20px 0; }
.digitalkey_quick .grid { margin: 0 -15px; }
.digitalkey_quick .col { padding: 0 15px; }
.digitalkey_quick .module { display: block; padding: 40px 0; border: 1px solid #e6e6e6; background-color: #fff; text-align: center; color: #000; }
.digitalkey_quick .module strong { display: block; overflow: hidden; width: 95%; margin: 0 0 20px; text-overflow: ellipsis;white-space: nowrap; font-family: "HeadMedium"; font-size: 20px; }
.digitalkey_quick .module span { display: inline-block; font-size: 14px; }
.digitalkey_quick .module span:after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 2px; margin-top: -2px; border-right: 2px solid #000; border-top: 2px solid #000; vertical-align: middle;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .digitalkey_head picture { width: 50%; margin: 0 auto 15px; }
    .digitalkey_overview .grid { display: block; border: none; }
    .digitalkey_overview .col { display: block; width: 100%; margin: 15px 0; padding: 15px; border: 1px solid #e4dcd3; }
    .digitalkey_overview .col:first-child { margin-top: 0; }
    .digitalkey_overview .upper { position: relative; zoom: 1; padding: 30px 0 20px; }
    .digitalkey_overview .upper picture { position: absolute; right: 0; top: 15px; width: 123px; z-index: 0; }
    .digitalkey_quick { margin: -10px 0 0; }
    .digitalkey_quick .grid { margin: 0 -5px; }
    .digitalkey_quick .col { padding: 5px; }
    .digitalkey_quick .module { padding: 25px 10px; }
    .digitalkey_quick .module strong { margin-bottom: 15px; font-size: 16px; letter-spacing: -1px; }
}


/* 현대 디지털키 서비스 이용방법 */
.digitalkey_serviceInfo .grid { margin: 0 -16px; }
.digitalkey_serviceInfo .module { position: relative; margin: 0 16px; padding: 0 0 0 300px;  overflow: hidden; background-color: #f6f3f2; }
.digitalkey_serviceInfo .col.internet .module { padding-left: 331px; }
.digitalkey_serviceInfo .col.before { text-align: center; background-color: #f6f3f2; }
.digitalkey_serviceInfo .col.before .module { display: inline-block; padding-left: 320px; }
.digitalkey_serviceInfo .col.before .btn_md_primary { font-size: 14px; }
.digitalkey_serviceInfo .tip { margin: 0 0 20px 0; text-align: right; /*font-family:'HeadMedium';*/ }
.digitalkey_serviceInfo .icon { position: absolute; top: 50%; left: 50px; margin-top: -60px; width: 120px; }
.digitalkey_serviceInfo .core { font-family:'HeadMedium'; color: #000; }
.digitalkey_serviceInfo .tel { font-size: 30px; color: #006992; line-height: 1.3; }
.digitalkey_serviceInfo + .bottom_spacer,
.digitalkey_serviceInfo + p + .bottom_spacer  { padding: 0; } /* 20180129 정윤진, 간격 수정 */
@media screen and (max-width: 1139px) {
    .digitalkey_serviceInfo .grid .col.customer { clear: both; float: none; width: 100%; }
    .digitalkey_serviceInfo .grid .col.internet { clear: both; float: none; width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
    .digitalkey_serviceInfo .grid .col.internet .module { margin-top: 10px; }
}
@media screen and (min-width: 1140px) {
    .digitalkey_serviceInfo .grid .col.customer { width: 50%; }
    .digitalkey_serviceInfo .grid .col.internet { width: 50%; }
    .digitalkey_serviceInfo .grid .col.internet .module { margin-top: 0; }
}
@media screen and (max-width: 767px) {
    .digitalkey_serviceInfo .grid { margin: 0; }
    .digitalkey_serviceInfo .module { margin: 10px 0; padding: 15px 15px 15px 105px !important; text-align:center; }
    .digitalkey_serviceInfo .tip { font-size: 12px; margin-top: -30px; }
    .digitalkey_serviceInfo .icon { left: 15px; margin-top: -33px; width: 75px; height: 75px; background-size: 75px 75px; }
    .digitalkey_serviceInfo .core { margin-bottom: 0; font-size: 18px; }
    .digitalkey_serviceInfo .core .subject { display: block; /*margin-bottom: 10px;*/ }
    .digitalkey_serviceInfo .core .btn_md_primary {margin:8px 0 12px;}
    .digitalkey_serviceInfo .desc { /*margin-top: 10px;*/ }
    .digitalkey_serviceInfo .tel { font-size: 24px; }
    .digitalkey_serviceInfo .col.before { text-align: left; }
}
@media screen and (min-width: 768px) {
    .digitalkey_serviceInfo .module { height: 220px; }
    .digitalkey_serviceInfo .core { margin-top: 90px; height: 54px; font-size: 20px; }
    .digitalkey_serviceInfo .core .subject {position: absolute;top: 90px;left: 220px;}
    .digitalkey_serviceInfo .core .subject .btn_md_primary { margin-left: 10px; }
}
/* //190725 추가 */

/* /191108 add */
/* 블루멤버스 실 운행자 차량 등록 */
.bluemembers_registration {padding:60px 15px 60px; border:1px solid #e4dcd3; background:#f6f3f2;}
.bluemembers_registration .picture .module {text-align:right; }
.bluemembers_registration .action a.btn_lg_primary { position: relative; display: block; width: 338px; max-width: inherit; text-align: center; }
.bluemembers_registration .reset li + li {margin-top: 10px;}
.bluemembers_registration .action {margin-left:16px;}
.bluemembers_registration .icon {padding-right:50px;}

@media (max-width: 767px) {
    .bluemembers_registration {padding:30px 15px 25px;}
    .bluemembers_registration .picture .module {text-align: center;}
    .bluemembers_registration .action a.btn_lg_primary {width: 100%;}
    .bluemembers_registration .action {margin:0;}
    .bluemembers_registration .icon {width:94px;margin:0 auto 30px;padding:0;}
}

@media (min-width: 768px) and (max-width: 1023px){
    .bluemembers_registration .picture {width:40%;float:left;}
    .bluemembers_registration .action {width:50%;float:left;}
}
/* //191108 add */

.member_join .service_select .row_title {position: relative;}
.member_join .service_select .row_title .agree_all{position: absolute;right:0; bottom: 0}/*201221 장미 modify*/
.member_join .service_select .row_title .agree_all .check_wrap {min-width:100px;text-align:left;}
.member_join .service_select .row_title .agree_all .check_wrap:first-child{margin-left:0;}

/* 210819 add */
.driver-register .ui_tab_01 > ul {margin-bottom: 40px;}
.driver-register .ui_table dl + dl {margin-top: 40px;}
.driver-register .ui_table dl .check_wrap.max label{font-family: "TextRegular";font-weight: bold; font-size: 16px;letter-spacing: -.3px;}
.driver-register .ui_table dl .check_wrap.max label span{margin-top: 5px; display: block;font-family: "TextRegular";font-weight: normal;font-size: 14px;color: #666; }
.driver-register .ui_table dl dd .grid_form{display: flex; align-items: center;}
.driver-register .ui_table dl dd .grid_form dt{margin-left: 10%; flex-shrink: 0; padding-right: 45px; font-family: "TextMedium"; font-size: 16px; color: #000;}
.driver-register .ui_table dl dd .grid_form dt:first-child { margin-left: 0;}
.driver-register .ui_table dl dd .grid_form dd{ width: 70%;}
.driver-register .input_btn_wrap.attach_file>*:first-child {width: calc(100% - 220px);}
.driver-register .input_btn_wrap.attach_file [class*="btn_"] {position: relative; min-width: 100px; margin-left: 10px;}
.driver-register dl dd > p + .input_btn_wrap {margin-top: 20px;}

@media (max-width: 767px) {
    .member_join .service_select .row_title .agree_all {display: block;position: relative;left:0;padding-top: 5px;} /* 210826 add */
    .driver-register .ui_tab_01 > button {margin-bottom: 40px;}
    .driver-register .ui_table dl + dl {margin-top: 40px !important;}
    .driver-register .ui_table dl .check_wrap.max{width: 100%;}
    .driver-register .ui_table dl .check_wrap.max label{font-size: 14px; line-height: 1.7;letter-spacing: 0.8px;}
    .driver-register .ui_table dl .check_wrap.max label span{margin-top: 2px; font-weight: normal; font-size: 13px; }
    .driver-register .ui_table dl dd .grid_form{display: block; align-items: center;}
    .driver-register .ui_table dl dd .grid_form dt{ margin-top: 20px; padding: 5px 0 13px; width: 100%; margin-left: 0; font-family: "TextMedium"; font-size: 14px; color: #000;}
    .driver-register .ui_table dl dd .grid_form dt:first-child { margin-top: 0px;}
    .driver-register .ui_table dl dd .grid_form dd{ width: 100%; }
    .driver-register .input_btn_wrap.attach_file>*:first-child {width: 100% !important;}
    .driver-register .input_btn_wrap.attach_file [class*="btn_"] {position: relative; width: calc(50% - 5px); height: 40px; margin: 10px 0;}
    .driver-register .input_btn_wrap.attach_file .btn_md_primary {margin-right:10px;}
    .driver-register span.check_wrap {width: 50%;}
    .driver-register span.check_wrap:nth-child(n+3) {margin-top: 15px;}
    .driver-register dl dt {padding-top: 0;}
    .driver-register dl dd > p {line-height: 21px;}
}
/* //210819 add */

/* 210826 add */
/* 블루멤버스 몰 */
.description-type-img-under .title {height: auto;text-align: left;padding-top: 1em;font-size: 20px;line-height: 1.5em;letter-spacing: -1px;word-break: keep-all;overflow: hidden;white-space: normal !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /* 210908 edit */
.description-type-img-under .info {padding-top:1em;line-height: 1.3em;font-size: 14px;text-align: left;}
@media (max-width: 767px) {
    .description-type-img-under .title { height: 2.7em; font-size: 16px;}
    .description-type-img-under .info {font-size: 14px;}
}
/* //210826 add */

/* 210914 add*/
/* myHyundai 서비스 소개 */
.myhyundai_service .upper .table { padding-top: 40px;}
.myhyundai_service .upper .view { vertical-align: bottom; }
.myhyundai_service .upper .desc { vertical-align: middle; }
.myhyundai_service .upper .desc p + h2 { margin-top: 20px; }
.myhyundai_service .downer { padding-top: 30px;}
.myhyundai_service .downer .col { text-align: center;}
.myhyundai_service .downer .desc p { margin: 15px 0; }
@media screen and (max-width: 767px) {
    .myhyundai_service .upper .table { padding-top: 20px;}
    .myhyundai_service .upper .view { padding: 0 30px; }
    .myhyundai_service .upper .cell { display: block; }
    .myhyundai_service .upper .desc h2 { margin-top: 20px; }
    .myhyundai_service .downer .desc { margin-top: 50px; }
}
/* //210914 add*/

/* 올 케어 서비스 맵 */
.service_map_table {display: flex;}
.service_map_table.grid {display: grid;}

/* .service_map_table .area.car_life {width: 313px;} */
.service_map_table .area.car_life .inner {min-height: 357px;}
.service_map_table .area.car_care {width: 100%;}
.service_map_table .area.car_life,
/* .service_map_table .area .wrap_service_map_link .service_map_link { min-width: 220px; } */
.service_map_table .area + .area .title_area,
.service_map_table .area + .area .service_map_link .sub_title {border-left: 1px solid #fff;}
.service_map_table .area .title_area {background: #002c5f; font-size:16px; line-height: 50px; line-height: 50px; color:#fff; text-align:center;}
.service_map_table .area .wrap_service_map_link {display: flex;height: calc(100% - 50px);}
.service_map_table .area .wrap_service_map_link .service_map_link {width: 100%;height: 100%;}
.service_map_table .area .wrap_service_map_link .service_map_link:last-child {border-right:1px solid #e4dcd3}
.service_map_table .area .wrap_service_map_link .service_map_link .sub_title {position:relative;}
.service_map_table .area .wrap_service_map_link .service_map_link + .service_map_link .sub_title {border-left: none;}
.service_map_table .area .wrap_service_map_link .service_map_link .sub_title:before {position:absolute;right: -25px;top: 12px;display:block;content:"";width: 30px;height:1px;background:#fff;transform: rotate(54deg);z-index: 55;}
.service_map_table .area .wrap_service_map_link .service_map_link .sub_title:after {position:absolute;right: -25px;bottom: 12px;display:block;content:"";width: 30px;height:1px;background:#fff;transform: rotate(-54deg);z-index: 55;}
.service_map_table .area .wrap_service_map_link .service_map_link:last-child .sub_title:before,
.service_map_table .area .wrap_service_map_link .service_map_link:last-child .sub_title:after {display:none;}
.service_map_table .area .service_map_link .sub_title {height:50px;background:#e4dcd3;font-family: "HyundaiSansTextKR", "Magul Gothic";font-size: 16px;line-height: 50px;color: #000;text-align:center;padding: 0;}
.service_map_table .area .service_map_link {height:calc(100% - 50px);}
.service_map_table .area .service_map_link .inner {height:calc(100% - 50px);padding:25px 35px;border-left:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;}
.service_map_table .area .service_map_link .inner:first-child {border-left: 1px solid #e4dcd3;}
.service_map_table .area .service_map_link .wrap_link + .wrap_link {margin-top:25px;}
.service_map_table .area .service_map_link .wrap_link .list [class^="ico_"][class*="_arr"] {margin:0 0 0 10px;}
.service_map_table .area .service_map_link .wrap_link .list .title {margin:0 0 5px 0; color: #000;font-family: 'HeadRegular';}
.service_map_table .area .service_map_link .wrap_link .list .title + ul > li:first-child:nth-last-child(1) .link {padding-left: 13px;}
.service_map_table .area .service_map_link .wrap_link .list .title + ul > li:first-child:nth-last-child(1) .link:before {display:block;}
.service_map_table .area .service_map_link .wrap_link .list ul > li:first-child:nth-last-child(1) .link {padding:0}
.service_map_table .area .service_map_link .wrap_link .list ul > li:first-child:nth-last-child(1) .link:before {display: none;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link {position:relative; padding-left:13px; font-size:16px; line-height:30px; color:#002c5f;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link .tail {font-size:12px;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link:before {position:absolute;left: 0;top: 11px;display: block;content:"";width: 7px;height:7px;border-left: 1px solid #000;border-bottom: 1px solid #000;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link .ico__arr_nv {margin-left:10px;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link span[class*="icon_"] {padding: 0 10px 0 0;}

.service_map_table .area .service_map_link .wrap_link .list ul > li .link [class*="icon_"] {display:block; content:"";width:20px; height:20px; margin:0 0 0 10px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/customer-service/all-care-service/icon_all_care_service_map.png") no-repeat right top;background-size: 40px 20px;display: inline-block;content:"";width: 20px;height: 20px;vertical-align: middle;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link [class*="icon_"][class*="_01"] {background-position: 0 0;}
.service_map_table .area .service_map_link .wrap_link .list ul > li .link [class*="icon_"][class*="_02"] {background-position: -20px 0;}

@media screen and (max-width: 767px) {
    .service_map_table {display: block;}
    .service_map_table .area + .area {margin: 15px 0 0;}
    .service_map_table .area.car_life,
    .service_map_table .area.car_care  {width: 100%;}
    .service_map_table .area.car_life .inner {height: auto;min-height: auto;}
    .service_map_table .area .title_area {border-bottom:1px solid #fff;}
    .service_map_table .area + .area .title_area,
    .service_map_table .area + .area .service_map_link .sub_title {border-left: none;height: 42px;line-height: 42px;font-size: 14px;}
    .service_map_table .area .wrap_service_map_link {display: block;}
    .service_map_table .area .service_map_link .inner {padding-top: 40px;}
    .service_map_table .area .service_map_link:last-child .inner {padding-top: 25px;}
    .service_map_table .area .service_map_link .inner {height: auto;  padding: 25px 15px; border-right:1px solid #e4dcd3;}
    .service_map_table .area .wrap_service_map_link .service_map_link {height: auto;}
    .service_map_table .area .wrap_service_map_link .service_map_link .sub_title,
    .service_map_table .area .service_map_link .wrap_link .list ul > li .link,
    .service_map_table .area .service_map_link .wrap_link .list ul > li .link .tail,
    .service_map_table .area .service_map_link .wrap_link .list .title {font-size: 14px; white-space: normal;}
    .service_map_table .area .wrap_service_map_link .service_map_link:last-child {border-right: none;}
    .service_map_table .area .wrap_service_map_link .service_map_link .sub_title:before {display: none;}
    .service_map_table .area .wrap_service_map_link .service_map_link .sub_title:after {width: 0;height: 0;border-top: 15px solid #e4dcd3;border-left: calc(50vw - 18px) solid transparent;border-right: calc(50vw - 14px) solid transparent;transform: none;left: 1px;right: 0;bottom: -15px;z-index: auto;/* margin: 0 0 30px 0; */}
    .service_map_table .area .service_map_link .wrap_link + .wrap_link {margin-top: 15px;}

}

/* 카라이프 */
.car_life .row_title {margin:0 0 15px 0;}
.car_life .desc_main {font-size: 16px; line-height: 1.8; font-family: 'TextRegular'; color: #000;}
.car_life .box-flex {display:flex; margin: 60px 0 100px;}
.car_life .box-flex .inner {width: 50%;}
.car_life .box-flex .inner .row_title {margin-top: 35px;}
.car_life .box-flex .inner .row_title:first-of-type {margin-top: 0;}
.car_life .box-flex .inner .desc_main .tail {font-size:14px; color:#626262;}

@media screen and (max-width: 767px) {
  .car_life .box-flex {gap: 30px 0; flex-direction: column; margin: 30px 0;}
  .car_life .box-flex .inner {width: 100%;}
}

/* 블루핸즈 가맹점 개설 안내 - 개선절차 */
.procedures {margin: 0 0 80px; background: #f8f5f4;}
.procedures .m-br {display:none;}
.procedures .tabs {padding: 37px 0 0;}
.procedures .tabs .tab_list {display: flex; margin: 0 114px;}
.procedures .tabs .tab_list > li {position: relative; width: 25%; text-align: center;}
.procedures .tabs .tab_list > li .item {font-size: 16px; line-height: 30px; color: #000;}
.procedures .tabs .tab_list > li .item:before {display:block; content: ""; width: 63px; height: 63px; margin:0 auto;}
.procedures .tabs .tab_list > li.step01 .item:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-01-off-pc.png) no-repeat;}
.procedures .tabs .tab_list > li.step02 .item:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-02-off-pc.png) no-repeat;}
.procedures .tabs .tab_list > li.step03 .item:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-03-off-pc.png) no-repeat;}
.procedures .tabs .tab_list > li.step04 .item:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-04-off-pc.png) no-repeat;}

.procedures .tabs .tab_list > li.step01 .item.active:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-01-on-pc.png) no-repeat;}
.procedures .tabs .tab_list > li.step02 .item.active:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-02-on-pc.png) no-repeat;}
.procedures .tabs .tab_list > li.step03 .item.active:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-03-on-pc.png) no-repeat;}
.procedures .tabs .tab_list > li.step04 .item.active:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-openingprocess-04-on-pc.png) no-repeat;}
.procedures .tabs .tab_list > li .item:after {content: "";  position: absolute; top: 50%; right: 0; margin-top: -11px; display: inline-block; width: 13px; height: 13px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; transform: rotate(-45deg);}
.procedures .tabs .tab_list > li .item.active:after {border-color: #0380a9;}
.procedures .tabs .tab_list > li .item.active {color: #007fa8;}
.procedures .tabs .tab_list > li .item .txt {position: relative; display:inline-block; padding: 3px 0 20px;}
.procedures .tabs .tab_list > li .item.active .txt:after {position: absolute; left:0; bottom:0; display:block; content: ""; width:100%; height: 4px; background: #007fa8;}
.procedures .tabs .tab_list > li:last-child .item:after {display: none;}
.procedures .tab_conts {padding:73px 0 40px; border-top: 1px solid #e5e5e5;}
.procedures .tab_conts .tab_panel {display:none;}
.procedures .tab_conts .tab_panel.active {display:block;}
.procedures .tab_conts .tab_panel .sub_txt {font-size: 16px; line-height: 30px; color:#000; text-align: center;}
.procedures .tab_conts .tab_panel .process {margin: 80px 0 0;}
.procedures .tab_conts .tab_panel .process ul {display: flex; justify-content: center;}
.procedures .tab_conts .tab_panel .process ul > li {display: flex; font-family: 'HyundaiSansHeadKR'; font-size: 18px;}
.procedures .tab_conts .tab_panel .process ul > li:before {display:block; content:""; width: 60px; height:1px; margin: 15px 20px 0;background: #ccc;}
.procedures .tab_conts .tab_panel .process ul > li:first-child:before {display: none;} 
.procedures .tab_conts .tab_panel .process ul > li .num {width: 32px; height: 32px; line-height: 32px; margin-right: 11px; border-radius: 100%; background-color: #007fa8;  color: #fff;  text-align: center;}
.procedures .tab_conts .tab_panel .process ul > li .txt {color: #000; line-height: 28px;}
@media screen and (max-width: 767px) {
    .procedures {margin:0 15px 50px;}
    .procedures .m-br {display:block;}
    .procedures .pc-br {display:none;}
    .procedures .tabs {padding: 0;}
    .procedures .tabs .tab_list {overflow-y: scroll; display: flex; flex-wrap: nowrap; justify-content: normal; overflow-x: scroll; margin: 0;}
        
    .procedures .tabs .tab_list > li {flex: none; width: auto; }
    .procedures .tabs .tab_list > li .item {line-height:56px; font-size: 14px; color: #666;}
    .procedures .tabs .tab_list > li .item:before,
    .procedures .tabs .tab_list > li .item:after {display:none;}
    .procedures .tabs .tab_list > li .item .txt {padding:0 10px;}
    .procedures .tab_conts {padding: 32px 0 40px;}
    .procedures .tab_conts .tab_panel {margin:0 15px;}
    .procedures .tab_conts .tab_panel .sub_txt {font-size:14px; line-height: 22px; text-align:left; }
    .procedures .tab_conts .tab_panel .process {margin: 35px 0 0;}
    .procedures .tab_conts .tab_panel .process ul {display: block;}
    .procedures .tab_conts .tab_panel .process ul > li {position:relative; margin:25px 0 0; font-size: 16px; }
    .procedures .tab_conts .tab_panel .process ul > li:first-child {margin: 0;}
    .procedures .tab_conts .tab_panel .process ul > li:before {position: absolute; left: 10px; top:-20px;  width: 1px; height:15px; margin: 0;background: #ccc;}
    .procedures .tab_conts .tab_panel .process ul > li .num {width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
    .procedures .tab_conts .tab_panel .process ul > li .txt {line-height: 20px;}
}

/* 블루핸즈 가맹점 개설 안내 - 지원혜택 */
.sup_benefits {margin:0 0 80px;padding: 0px 40px;background: #f8f5f4;}
.sup_benefits .list {display: flex;width: 100%;flex-wrap: wrap;}
.sup_benefits .list > li {position: relative;min-height: 140px;margin: 40px 0 40px 0;background:none;display: block;flex: 1 1 50%;padding: 0px 0 0px 180px;height: auto;}
.sup_benefits .list > li:nth-child(n+3):after {display:block;content:"";width:100%;height:1px;background: #e4dcd3;position: absolute;left: 0;top: -40px;}
.sup_benefits .list > li:before {display:block;content:"";width: 140px;height: 140px;position: absolute;left: 20px;top: 0;}
.sup_benefits .list > li:nth-child(odd) {padding-right: 15px;}
.sup_benefits .list > li:nth-child(odd):before {left: 0;}
.sup_benefits .list > li:nth-child(even) {padding-left: 200px;}
.sup_benefits .list > li.ico_01:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-support-benefits-01-pc.png) no-repeat;}
.sup_benefits .list > li.ico_02:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-support-benefits-02-pc.png) no-repeat;}
.sup_benefits .list > li.ico_03:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-support-benefits-03-pc.png) no-repeat;}
.sup_benefits .list > li.ico_04:before {background: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluehands/icon-bluehands-support-benefits-04-pc.png) no-repeat;} 
.sup_benefits .list > li .tit {font-size: 20px;line-height:34px;color: #000;font-family: 'HeadMedium';}
.sup_benefits .list > li .cont {font-size: 16px;line-height:30px;color:#666;}
.sup_benefits .list > li .cont > li {position:relative; padding:0 0 0 10px;}
.sup_benefits .list > li .cont > li:before {position:absolute;left:0;top: 12px;display:block;content:"";width: 4px;height: 4px;background:#666; border-radius: 100%}
.sup_benefits .list > li .cont > li .tail {font-size: 14px;}

@media screen and (max-width: 767px) {
    .sup_benefits {padding: 0 20px;margin: 0 15px 50px;}
    .sup_benefits .list > li {margin: 0; padding: 30px 0; border-top: 1px solid #e4dcd3;}
    .sup_benefits .list > li:first-child {border-top: none;}
    .sup_benefits .list > li, 
    .sup_benefits .list > li:nth-child(even) {padding-left: 120px;width: 100%;}
    .sup_benefits .list > li:before {left: 0; top: 30px; width: 90px; height: 90px;}
    .sup_benefits .list > li.ico_01:before, 
    .sup_benefits .list > li.ico_02:before, 
    .sup_benefits .list > li.ico_03:before, 
    .sup_benefits .list > li.ico_04:before {background-size: 100%;}
    .sup_benefits .list > li:nth-child(n+3):after {display: none;}
    .sup_benefits .list > li .tit {font-size:16px; line-height: 24px;}
    .sup_benefits .list > li .cont {font-size: 14px;line-height:22px;color: #000;display: flex;flex-wrap: wrap;gap: 6px 0;margin: 15px 0 0;}
    .sup_benefits .list > li .cont > li {padding:0 0 0 6px;}
    .sup_benefits .list > li .cont > li:before {width: 2px;height:2px;background:#000;top: 8px;}
    .sup_benefits .list > li .cont > li .tail {font-size: 12px;color: #666;line-height: 15px;display: inline-block;margin-top: 2px;}
}

/* 전기/수소차 충전소 찾기 */
.ev-charging {padding: 60px 0 20px;}
.ev-charging .ui_tab_01 + .select_set {margin:80px 0 0;}
.ev-charging [class^="check_wrap"] > input + label:before {background:#fff;}
/* ============================ [ member-service.css - 회원가입 서비스 선택 ] ============================ */
.member_join .service_select{font: 17px/1 'TextRegular';}
.member_join .service_select .policy_agree{padding-top:0;}
.member_join .service_select .agrees .link {color: #000;text-decoration: underline;margin-left:20px;}
.member_join .service_select .row_title {position: relative;}

.service_select .additional_info_form ~ .form_btns {border-top: 1px solid #e4dcd3;}
.service_select .additional_info_form {padding-bottom:40px;}

.member_join .hmc_form .ui_table.service_select>dl>dt {padding-top: 4px;}
.member_join .hmc_form .ui_table.service_select>dl{padding-bottom:3px;}
.member_join .hmc_form .ui_table.service_select>dl + dl {margin-top: 8px;padding-bottom:0;}
.hmc_form .ui_table>dl>dd>span[class^="text"]:before {content: '';display: inline-block;width: 0;height: 40px;vertical-align: middle;}

.member_join .service_select .nowrap.radio_set {float:right;}
.member_join .service_select .nowrap.radio_set .check_wrap {min-width:100px;}

.member_join .sns_login {padding-bottom: 40px;}    
.member_join .sns_login dt{padding-bottom:0.5em; font-family:'TextMedium'; color:#000;}
.member_join .sns_login li{position:relative; display: flex; align-items: center; margin-top:20px; padding: 25px 20px 25px 170px; width:100%; border:1px solid #e4dcd3; text-align: left;}
.member_join .sns_login li span{display: inline-block;padding-left:1em; min-width: 150px; line-height:1.2; letter-spacing: -.4px; vertical-align: top; color:#3a5899; border-left:1px solid #e4dcd3;} /* 210826 edit */
.member_join .sns_login li p {display: inline-block;margin-left: 20px;width: 500px;line-height: 1.2;}
.member_join .sns_login li p small {color: #626262;}
.member_join .sns_login li p.text_line2 {position: relative;display: inline-block;margin-left: 20px;width: 500px;}
.member_join .sns_login li p.text_line2 small {position: absolute;top: -25px;margin-left:0px;width: 100%;line-height: 20px;}
.member_join .sns_login li i{position:absolute; top:50%; left:25px; width:125px;height:14px;background-repeat: no-repeat; background-size: 125px auto; transform: translateY(-50%);}
.member_join .sns_login .hyundai i{background-size: 95px auto; background-image:url(../images/common/ico_log_app_hyundai.png);}
.member_join .sns_login .bluemembers i{background-image:url(../images/common/ico_log_app_bluemembers.png);}
.member_join.service-join .sns_login .digitalkey i{margin-top: 0; background-image:url(../images/common/ico_log_app_dkey.png);}
.member_join .sns_login .motorstudio i{width: 125px; height: 27px;background-image:url(../images/common/ico_log_app_hyundai_motorstudio.png);}
.member_join .sns_login .hyundaiPay i{width: 125px; height: 14px;background-image:url(../images/common/ico_log_app_hyundaipay.png);}
.member_join .sns_login .digitalkey i{width: 125px;height: 14px;margin-top: -7px; background-image: url(../images/common/ico_log_app_dkey.jpg);}
.member_join .sns_login li button{position: absolute;top: 14px;right: 30px;}
.member_join .sns_login p.text {margin-top:10px;padding-left: 22px;font-size: 0.9em;text-indent: -18px;}

/* 768 이상 tablet & pc */
@media screen and (min-width:768px){
    .member_join .hmc_form .ui_table>dl>dd>div>span + span{margin-left:10px;}
    .hmc_form [class*="_set"].ea_03>*{width: 32%;max-width:200px;min-width:auto;}
}

/* 768 이상 960이하 tablet */
@media screen and (min-width:768px) and (max-width:960px){
    .member_join .service_select .nowrap.radio_set {float:none;}
}


@media screen and (max-width:767px){
    .no-before .nowrap.mobile_only {display:inline-block;margin-left:10px;}

    .member_join .service_select .row_title .agree_all{margin-top: 0;}
    .member_join .service_select .row_title .agree_all .check_wrap {min-width:auto !important;}
    .member_join .hmc_form + .row_title{margin-top:30px;}
    .member_join .hmc_form .ui_table>dl>dd>div>span{margin-top:10px;}
    .member_join .hmc_form .rdo_set.ea_03>*:first-child{width:100%;}
    .member_join .hmc_form .check_set.ea_03>*:first-child{width:100%;}
    .member_join .hmc_form .radio_set .check_wrap {margin-top:10px;}
    .hmc_form [class*="_set"].ea_02>*, .hmc_form [class*="_set"].ea_03>*,.hmc_form [class*="_set"].ea_04>*, .hmc_form [class*="_set"].ea_05>* {width: 50%; max-width: inherit !important; min-width: inherit !important;}
    .hmc_form .ui_table.responsive>dl:first-child {margin-top:0px;}
    
    .member_join [class^="btn_"][class*="_xs"] {color: #fff;}
    .member_join .hmc_form .service_select [class^="btn_"] {float:right;margin-top: 0px;}
    .member_join .service_select .nowrap.radio_set {float:none;}
    
    .member_join .sns_login li{ display: inline-block;padding: 15px;margin-top:10px;height: auto;text-align: left;}
    .member_join .sns_login li.motorstudio span {padding: 5px 0 5px 1em; vertical-align: top;}
    .member_join .sns_login li i{position: relative; left: 5px;top: 0; display: inline-block; transform:unset;}
    .member_join .sns_login li p {margin-left: 2px;width:100%;} /* 190114수정(추가) */
    .member_join .sns_login li p.text_line2 {margin-left: 0px;width:100%;} /* 190114수정(추가) */
    .member_join .sns_login li p.text_line2 small {position: static;} /* 190114수정(추가) */
    .member_join .sns_login li span{margin-left: 20px;min-width:auto;font-size: 15px;letter-spacing: -1.2px;vertical-align: middle;}
    .member_join .sns_login li small{display: block;margin-left: 0;padding: 12px 0 0;color: #626262;}
    .member_join .sns_login li button{position: relative;top: auto;right: auto;margin:12px 0 0;display: block;}
}
/* ============================ [ footer-menu.css - 푸터메뉴 ] ============================ */

/* 1:1 문의하기 */

.inquiry_form{margin-top:20px; padding-top:40px; border-top:1px solid #e4dcd3;}
.inquiry_form dd .text_warning{display:block; margin:-5px 0 0 0; line-height:1.5;}
.inquiry_form .form_btns{padding-top:80px; text-align:center;}
.inquiry_form .radio_set .check_wrap{width:33.3%; margin-left:0; min-width:inherit;}
.inquiry_form .select_wrap select {visibility: hidden;} /* 200511 add */
.inquiry_form .dot_list p, .inquiry_form .dot_list ul li{font-size: 14px;}
.inquiry_form .dot_list a{font-size: 14px; line-height: 1.6em; margin-left: 10px;}

@media screen and (min-width: 768px){
    /* 768이상 tablet & desktop  */
    .inquiry_form .select_wrap{min-width:200px !important;}
    .inquiry_form .select_wrap + .select_wrap{margin-left:10px;}
    .inquiry_form .radio_set{width:80%; max-width:520px; padding-top:8px;}
    .inquiry_form .mxw{max-width:540px;}
    /*200702*/
    .inquiry_form .login_session_wrap.only_web{display: block;padding-top:15px}
    .inquiry_form .login_session_wrap.only_web dl dt,.inquiry_form .login_session_wrap.only_web dl dd{display:inline-block; vertical-align: middle;}
    .inquiry_form .login_session_wrap.only_web dl dd { font-size: 20px; color:#006992; font-weight: 500; padding-left:20px; }
    .inquiry_form .login_session_wrap.only_web dl dd::after{margin-left:20px;margin-top:5px;display:inline-block; width:2px; height: 14px; content: ''; background-color: #bbbbbb;}
    .inquiry_form .login_session_wrap.only_web .btn_session{font-size: 16px; color: #0f2c5c; padding: 0 20px; margin-top: 4px;}
    .inquiry_form .login_session_wrap.only_mobile{display: none !important;}
}
@media screen and (max-width: 767px){
    /* 767이하 mobile  */

    .inquiry_form{margin-top:10px; padding-top:30px;}
    .inquiry_form .select_wrap{display:block; width:100%;}
    .inquiry_form .select_wrap + .select_wrap{margin:10px 0 0 0;}
    .inquiry_form .form_btns{padding-top:40px;}
    .inquiry_form .form_btns [class^="btn_"]{margin-left:0;}
    .inquiry_form .attach_file>button{position:static; width:100%; margin-top:10px;}
    /*200702*/
    .inquiry_form .login_session_wrap.only_web{ display: none !important;}
    .inquiry_form .login_session_wrap.only_mobile{display: block;}
    .inquiry_form .login_session_wrap.only_mobile dl dt, .inquiry_form .login_session_wrap.only_mobile dl dd{ display: inline-block;vertical-align: middle;}
    .inquiry_form .login_session_wrap.only_mobile dl dt{font-size: 13px;}
    .inquiry_form .login_session_wrap.only_mobile dl dd {font-size: 15px; color:#006992; font-weight: 500; padding-left:10px;}
    .inquiry_form .login_session_wrap.only_mobile .btn_session{display:block; width:100%; height: 40px; line-height: 40px; text-align:center; font-size:  14px; font-weight: 500; color: #fff; background-color: #002c5f; margin-top: 15px;}
}
@media screen and (max-width: 320px){
    /* 320이하 mobile  */
    .inquiry_form .radio_set .check_wrap>input + label{padding:0 0 0 25px}
}

.inquiry-title .subject { margin: 0; padding: 0; font-family: "HeadMedium"; color: #000; font-size: 20px; line-height: 1.4; }
.inquiry-title .grid { padding: 20px 0; }
.inquiry-title .grid .pic { padding: 20px 0; text-align: center; }
.inquiry-title .grid .pic * { display: block; margin: 0 auto; }
.inquiry-title .grid .description { line-height: 1.6; }
.inquiry-title .grid .desc { color: #000; font-size: 16px; }
.inquiry-title .grid .time { margin-top: 20px; color: #006992; font-size: 16px; }

@media screen and (max-width: 767px) {
    .inquiry-title .grid .col { float: none; clear: both; }
}

@media screen and (min-width: 768px) {
    .inquiry-title .subject { padding-bottom: 40px; font-size: 44px; }
    .inquiry-title .grid { padding-top: 20px; padding-bottom: 50px; }
    .inquiry-title .grid .pic { padding: 0; width: 30%; text-align: right; }
    .inquiry-title .grid .pic * { margin: 0; }
    .inquiry-title .grid .pic picture { float: right; }
    .inquiry-title .grid .description { width: 70%; line-height: 1.8; }
    .inquiry-title .grid .desc { padding-top: 20px; font-size: 16px; }
    .inquiry-title .grid .time { margin-top: 25px; font-size: 16px; }
}

/* 중국어 폰트 */
.inquiry .section_white.ch,
.inquiry .section_white.ch .inquiry-title .subject,
.inquiry .section_white.ch .ui_table>dl>dt,
.inquiry .section_white.ch textarea,
.inquiry .section_white.ch .check_wrap>input + label { font-family: Roboto, sans-serif; }
.inquiry .section_white.ch textarea { font-size: 14px; line-height: 1.4; }
.inquiry .section_white.ch dd p { font-size: 14px; }
.inquiry .section_white.ch .ui_table>dl>dt { width: 30%; }

/* 칭찬하기 메뉴 삭제됨 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.praise_form{margin-top:20px; padding-top:40px; border-top:1px solid #e4dcd3;}
.praise_form dd .text_warning{display:block; margin:-5px 0 0 0; line-height:1.5;}
.praise_form .form_btns{padding-top:80px; text-align:center;}

@media screen and (min-width: 768px){
    /* 768이상 tablet & desktop  */

    .praise_form .ui_table>dl>dt{width:20%;}
}
@media screen and (max-width: 767px){
    /* 767이하 mobile  */

    .praise_form{margin-top:10px; padding-top:30px;}
    .praise_form .ui_table:nth-child(2)>dl:nth-child(2){margin-top:0;}
    .praise_form .form_btns{padding-top:40px;}
}

/* 자주하는 질문  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.faq .acc_01 > dl > dt .title i{position: relative;vertical-align: middle;margin-right: 10px;font-style: normal; color:#aacae6;}
.faq span.search_word{color: #006992;}
.faq .acc_01 > dl > dt .title .brief{}
.faq .acc_01 > dl > dt.on .title i{color: #626262;}
.faq .exp{line-height: 1.8;}
.faq .pagination{padding-top:45px;}
.faq .section.centered.second{padding: 60px 0;}

@media screen and (min-width: 768px){
    /* 768이상 tablet & pc */
    .faq .hmc_form{float:right; margin-bottom:80px;}
    .faq .hmc_form .select_wrap{min-width:200px; text-align: left;}
    .faq .hmc_form>*{float:left; margin-left:10px;}
    .faq form + *{clear:both;}
    .faq .no_result{clear:both; font-size: 20px;}
}
@media screen and (max-width: 767px){
    /* 768미만 모바일 */
    .faq .hmc_form{margin-bottom:40px;}
    .faq .hmc_form .select_wrap{width:100%; margin-top:10px;}
    .faq .acc_01 > dl > dt .title i{display:none;}
    .faq .no_result{padding-bottom: 0;font-size: 14px;}
    .faq .pagination{padding-top:5px;}
    .faq .text_button_bar{text-align: center;}
    .faq .text_button_bar h4.row_title{position: static;padding-bottom: 7px;}
    .faq .no_result{font-size: 18px; line-height:1.3;}
}

/* sitemap * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.sitemap .acc_03{background:#fff;border-bottom: 1px solid #e6e6e6; }
.sitemap .acc_03 > dl > dt{padding-right: 80px; font-size:14px; color: #000; border-top:1px solid #e6e6e6;}
.sitemap .acc_03 > dl:first-child > dt{margin-top:0;}
.sitemap .acc_03 > dl > dt button{width:100%; height:109px;}
.sitemap .acc_03 > dl > dt button:after{background-position:-40px -280px;}
.sitemap .acc_03 > dl > dt.on button:after{background-position:0 -280px}
.sitemap .acc_03 > dl > dt .title{height:auto; padding:32px 15px 32px 0;}
.sitemap .acc_03 > dl > dd{padding:30px 60px; font-size:14px; border-top:1px solid #e6e6e6;}
.sitemap .acc_03 > dl > dt [class*="_title"]{-ms-word-break: break-all;word-break: break-all; font-size: 24px;}
.sitemap .acc_03 .menu{display:inline-block;width:24.7%;margin-bottom:24px;vertical-align:top;padding-right:20px}
.sitemap .acc_03 .menu a{text-decoration:underline;white-space:inherit}
.sitemap .acc_03 .menu > b{font-size: 16px;line-height:30px;}
.sitemap .acc_03 .depMenu1{margin-top:4px}
.sitemap .acc_03 .depMenu1 > li{padding-top:12px;line-height:18px;color: #000;}
.sitemap .acc_03 .depMenu1 > li:first-child{padding-top:0}
.sitemap .acc_03 .depMenu1 > li a{font-size:14px;text-decoration:underline;}
.sitemap .acc_03 .depMenu1 > li a.link, .sitemap .acc_03 .depMenu1 > li a.link span{text-decoration:underline;}
.sitemap .acc_03 .depMenu1 > li a.link{font-family:'TextRegular';}
.sitemap .acc_03 .depMenu1 > li .depMenu2{margin:4px 0 10px 0;}
.sitemap .acc_03 .depMenu1 > li .depMenu2 li{padding:9px 0 0 8px;}
.sitemap .acc_03 .depMenu1 > li .depMenu2 li:before{content:'-';display:inline-block;position: absolute;margin:0 3px 0 -8px;}
.sitemap .acc_03 .depMenu1 > li .depMenu2 li a{color:#767676;}
@media screen and (max-width: 767px){
    /*sitemap*/
    .sitemap .acc_03 > dl > dt{padding:11px 45px 11px 0;}
    .sitemap .acc_03 > dl > dt button{height:78px;padding: 0 15px;}
    .sitemap .acc_03 > dl > dt button:after{right: 15px;width: 20px;height: 20px;margin-top: -10px;background-position: 0 -300px;}
    .sitemap .acc_03 > dl > dt.on button:after {background-position: -20px -300px;}
    .sitemap .acc_03 > dl > dt .title{height:auto; padding:12px 0;}
.sitemap .acc_03 > dl > dt [class*="_title"]{ font-size: 20px;}
    .sitemap .ui_accordion > dl > dd{padding:0;border-top: none;}
    .sitemap .acc_03 .menu{display:inline-block;width:49%;margin:10px 0 13px;padding-right:20px;vertical-align:top}
    .sitemap .acc_03 .menu > b{line-height:21px;}
    .sitemap .acc_03 .depMenu1{margin-bottom:7px;line-height:18px;}
    .sitemap .acc_03 .depMenu1 > li{margin-top:7px;}
    .sitemap .acc_03 .depMenu1 > li a{font-size: 13px;}
    .sitemap .acc_03 .depMenu1 .depMenu2{margin:4px 0 9px 0;}
    .sitemap .acc_03 .depMenu1 > li .depMenu2 li{margin-top:10px; padding: 0 0 0 8px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    /* 768 ~ 1023 미만 tablet_only   */
    .sitemap .acc_03 .menu{width: 32.9%;}
}

/* 약관관련 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* 이용약관 */
.private .hmc_form,
.use .hmc_form{padding-bottom:20px; border-bottom: 1px solid #e6e6e6;}
.private .hmc_form .select_wrap,
.use .hmc_form .select_wrap{margin-right:6px; text-align:left;}
.list_law {}
.list_law >  dt{padding-top: 60px;}
.list_law > dt + dd { padding-top: 30px;color: #010101; line-height: 1.4; }
.use .tab_cont > .ui_tab_04, .private .tab_cont > .ui_tab_04{margin-top: 80px;}
.list_law .list { margin-left: 30px; margin-bottom: 20px; }
.list_law * + .list { margin-top: 15px; }
.list_law .list .list { margin-top: 15px; }
.section-rules h3.title { color: #000; }

/* 이용약관 수정, 2017-12-12 */
.use .tab_cont > .ui_tab_04 .hmc_form.is-upper { border-bottom: 0; }


/* 영상정보처리 */
.imageinfo .sub_title, .copyright_info .sub_title{padding-bottom:20px;border-bottom: 1px solid #e6e6e6;}

@media screen and (min-width: 768px){
    .private .ui_tab_04 .tab_cont,
    .use .ui_tab_04 .tab_cont{padding-top:40px;}
    .sitemap .acc_03 [class^="ico_"][class*="link"]{background-position: -60px -260px;}
}
@media screen and (max-width: 767px){
    /* 이용약관 */
    .tab_menu_03 + .tab_cont > .ui_tab_04 > button.mobile_only{margin-top: 15px;}
    .private .ui_tab_04 .tab_cont,
    .use .ui_tab_04 .tab_cont{padding-top:30px;}
    .use .select_wrap,
    .private .select_wrap{width: 100%;margin-right: 0;}
    .list_law >  dt{padding-top: 40px;}
    .use .tab_cont > .ui_tab_04, .private .tab_cont > .ui_tab_04{margin-top: 0;}
    .imageinfo .text_button_bar{margin-top: 0;}
    /* 영상정보처리기기 */
    .imageinfo .sub_title, .copyright_info .sub_title{padding-bottom: 30px;border-bottom: 1px solid #e6e6e6;}
}

/* 이용약관 콤보박스로 수정 */
[class^="section"].pd_md.is-pt0-lg {
    padding-top: 20px;
}
@media screen and (min-width: 768px) {
    [class^="section"].pd_md.is-pt0-lg {
        padding-top: 0px;
    }
    [class^="section"].pd_md.is-pt0-lg .ui_tab_04 {
        margin-top: 60px;
    }
}


/* 
    약관 스타일 - NEW - 2107 
    * 기존 스타일 사용되지 않고 있고, 마크업 표준에 맞지 않아 신규 css 작업.
*/
/* 기존 css reset 
전체 페이지 한꺼번에 마크업을 바꿀 수 없어, 기존 클래스명에 타입 추가하여 작업. 신규 타입에 불필요한 css는 reset*/  
.toggle.in.policy_wrap2.type2 ol {padding: 0; font-size: 1em; line-height: 1.5;}
.toggle.in.policy_wrap2.type2 ol li {padding-bottom: 0;}
.toggle.in.policy_wrap2.type2 ul {font-size: 1em; line-height: 1.5; padding: 0; margin-left: 0;}
/* .toggle.in.policy_wrap2.type2 ul li {padding: 0;} */
/* common */
.toggle.in.policy_wrap2.type2 {font-size: 14px; line-height: 1.5;}
.toggle.in.policy_wrap2.type2 .title-law {margin-bottom: 2em; color: rgb(0, 105, 146); font-size: 17px; text-align: center;}
.toggle.in.policy_wrap2.type2 ol {list-style-position: inside;  margin-left: 0;}
.toggle.in.policy_wrap2.type2 ol.num_list {text-indent:-15px; padding-left: 15px; list-style-type:decimal; list-style-position: inside;}
.toggle.in.policy_wrap2.type2 table + p {margin-top: 10px;}
.toggle.in.policy_wrap2.type2 li table {margin-top: 10px;}
.toggle.in.policy_wrap2.type2 .table-wrap {margin-bottom: 10px;}
@media screen and (max-width: 768px){
    .toggle.in.policy_wrap2.type2 .table-wrap {display: flex; flex-wrap: nowrap; justify-content: normal; overflow-x: scroll;}
}
.toggle.in.policy_wrap2.type2 .th-center th {text-align: center;}
.toggle.in.policy_wrap2.type2 cite.reference {display: block; margin: 10px 0 4px 0; padding-left: 1.1em; font-style: normal;}
.toggle.in.policy_wrap2.type2 cite.reference:before {margin-left: -1.1em; content: '※ ';}
.toggle.in.policy_wrap2.type2 li h4 {display: inline;}
.toggle.in.policy_wrap2.type2 li h4 + ol,
.toggle.in.policy_wrap2.type2 li h4 + ul{margin-top: 5px;}
.policy_wrap2.type2 .list-depth-1 li > ol,
.policy_wrap2.type2 .list-depth-1 li > ul,
.policy_wrap2.type2 .list-depth-1 li > dl{margin-top: 10px;}

/* depth 1 list - style ex. 1. 2. ... */
.toggle.in.policy_wrap2.type2 .list-depth-1{counter-reset: li-1; font-size: 14px;}
.toggle.in.policy_wrap2.type2 .list-depth-1 > li{padding-left: 0.8em;}
.toggle.in.policy_wrap2.type2 .list-depth-1 > li + li {margin-top: 40px;}
.toggle.in.policy_wrap2.type2 .list-depth-1 > li > h3:before{counter-increment: li-1; content: counter(li-1) ". "; }
.toggle.in.policy_wrap2.type2 .list-depth-1 > li > h3 {margin-bottom: 10px; margin-left: -0.8em; color: #000;}
/* depth 2 list - style ex. 1) 2) ...*/
.policy_wrap2.type2 .list-depth-1 > li > ol {counter-reset: li-2;}
.policy_wrap2.type2 .list-depth-1 > li > ol > li {padding-left: 0.8em;}
.policy_wrap2.type2 .list-depth-1 > li > ol > li > .wrap-table {margin-left: -0.8em;}
.policy_wrap2.type2 .list-depth-1 > li > ol > li:before {margin-left: -0.8em; counter-increment: li-2; content: counter(li-2) ") "; }
.policy_wrap2.type2 .list-depth-1 > li > ol > li + li {margin-top: 10px;}
/* depth 3 list - round number */
.policy_wrap2.type2 .list-depth-1 > li > * > li > ol {counter-reset: li-3;}
.policy_wrap2.type2 .list-depth-1 > li > * > li > ol > li {padding-left: 1em;}
.policy_wrap2.type2 .list-depth-1 > li > * > li > ol > li:before {vertical-align: middle; display: inline-block; width: 12px; height: 12px; margin: 0 0.5em 0 -1.4em; border: 1px solid #626262; border-radius: 100%; font-size: 0.7em; text-align: center; text-indent: -0.1em; line-height: 1; letter-spacing: -0.15em; counter-increment: li-3; content: counter(li-3) " ";}
.policy_wrap2.type2 .list-depth-1 > li > * > li > ol > li + li {margin-top: 5px;}
/* definition list - triangle style */
.policy_wrap2.type2 .dl-mark-triangle {}
.policy_wrap2.type2 .dl-mark-triangle > * + *{margin-top: 3px;}
.policy_wrap2.type2 .dl-mark-triangle dt {}
.policy_wrap2.type2 .dl-mark-triangle dd + dt {margin-top: 10px;}
.policy_wrap2.type2 .dl-mark-triangle dt:before {content: '▶ ';}
.policy_wrap2.type2 .dl-mark-triangle dd {padding-left: 1em;}
.policy_wrap2.type2 .dl-mark-triangle dd:before {content: '- ';}
/* hyphen list */
.policy_wrap2.type2 .list-hyphen {font-size: 1em;}
.policy_wrap2.type2 .list-hyphen > li {font-size: 1em;}
.policy_wrap2.type2 .list-hyphen > li:before {content: '- ';}


.toggle.in.policy_wrap2.type2 table {border: 1px solid #e4dcd3;}
.toggle.in.policy_wrap2.type2 table thead th {background: #002c5f; color: #fff; font-size:13px; font-weight: normal; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.toggle.in.policy_wrap2.type2 table thead td {background: #002c5f; color: #fff; font-size:13px; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.toggle.in.policy_wrap2.type2 table tbody th {background: #e4dcd3; color: #000; font-size:13px; font-weight: normal; border-bottom-color: #fff; border-left:1px solid #fff; border-right:1px solid #fff; padding:8px 15px;}
.toggle.in.policy_wrap2.type2 table tbody td {background: #fff; color: #000; font-size:13px; border-bottom-color: #e4dcd3; padding:8px 15px; color: #626262; word-break: keep-all;}
.toggle.in.policy_wrap2.type2 table tbody td a {color: #006992;}
@media screen and (max-width: 767px) {
    .toggle.in.policy_wrap2.type2 .list-depth-1 > li {padding-left: 0;}
    .toggle.in.policy_wrap2.type2 .list-depth-1 > li > h3 {margin-left: 0;}
}
/* 약관 스타일 - NEW - 2107 */
/* ============================ [ companyinfo.css - 회사소개, 기업정보메뉴 ] ============================ */
/* common */
.ir_info .mg_btm_last {margin-bottom:0px !important}

/* 테이블 */
.ir_info table {border-right : 1px solid #e4dcd3; border-left:1px solid #e4dcd3;}
.ir_info tr > td {color:#000}

/* 감사기구에 관한 사항_ir-info01-02-03 */
.ir_info.audit_comm .function_tab {height:70px; font-family:'HeadRegular'; text-align:right; line-height:70px; border-bottom:1px solid #eaeaea; color:#000;}
.ir_info.audit_comm .function_tab > a {display:inline-block; position:relative;}
.ir_info.audit_comm .function_tab > a:after {content:' '; display:block; width:17px; height:16px; background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_print.png); position:absolute; top:26px; left:-24px}
.ir_info.audit_comm .function_tab .font_size_button {display:inline-block; margin-left:27px}
.ir_info.audit_comm .function_tab .font_size_button > span {margin-right:4px}
.ir_info.audit_comm .function_tab .font_size_button > button {width:23px; line-height:22px; border:1px solid #000; margin-right:-4px}
.ir_info.audit_comm .function_tab .font_size_button > button + button {border-left:none; margin-right:0px}
.ir_info.audit_comm h2.main_title {margin-bottom:60px}
.ir_info.audit_comm .tit_wrap {margin-bottom:102px}
.ir_info.audit_comm .add_con {text-align:right; margin:-39px 0 23px 0}
.ir_info.audit_comm .last {margin-bottom:102px}

/* 모바일, 태블릿 */
@media screen and (max-width: 767px) {
    .ir_info .function_tab {display:none}
    /* 20180110 정윤진, 모바일 간격
    .ir_info .special_program_tit_wrap .section {padding:40px 15px 70px 15px !important}
    .ir_info.audit_comm h2.main_title {margin-bottom:50px}  */
    .ir_info .special_program_tit_wrap .section {padding:50px 15px !important}
    .ir_info.audit_comm h2.main_title {margin-bottom:60px}
    .ir_info.audit_comm .add_con {text-align:right; margin:-24px 0 10px 0}
    /* 20180110 정윤진, 모바일 간격
    .ir_info.audit_comm .tit_wrap {margin-bottom:51px}
    .ir_info.audit_comm .mg_btm_last h2.main_title {margin-bottom:30px} */
    .ir_info.audit_comm .tit_wrap {margin-bottom:50px}
    .ir_info.audit_comm .mg_btm_last h2.main_title {margin-bottom:35px}
}

/* 보고서_IR_info */
/* 버튼 동작 */
.ir_info.report .list_on {display:block !important; margin:0 auto !important}
.ir_info.report h2.main_title {padding:20px 0 55px 0}

.ir_info.report .report_box .report_list {margin-left:-32px}
.ir_info.report .report_box .report_list:after {content:' '; display:block; clear:both}
.ir_info.report .report_box .report_list>li {width:25%; margin-bottom:32px; padding-left:32px; float:left; box-sizing:border-box}
.ir_info.report .report_box .report_list>li img {width:100%}

.ir_info.report .report_box .report_list .list_text {background-color:#f6f3f2; height:111px; padding:30px}
.ir_info.report .section_gray .report_box .report_list .list_text {background-color:#fff; height:111px; padding:30px}
.ir_info.report .report_box .report_list .list_text > a {float:right; margin-top:16px}
.ir_info.report .report_box .hide {display:none; margin:0 0 0 -32px !important;}
.ir_info.report .report_box .hide>li {margin-top:32px !important}
.ir_info.report .report_plus {padding:80px 0 21px 0}

/* 모바일, 태블릿 */
@media screen and (max-width: 767px) {
    .ir_info.report .report_box .report_list {margin-left:-10px}
    .ir_info.report .report_box .report_list>li {width:50%; padding-left:10px}
    .ir_info.report .report_box .report_list .list_text {padding:20px 20px 20px 15px; height:82px}
    .ir_info.report .section_gray .report_box .report_list .list_text {padding:20px 20px 20px 15px; height:82px}
    .ir_info.report .report_box .report_list .list_text > a {margin-top:4px}
    .ir_info.report h2.main_title {padding:0px 0 40px 0}
    .ir_info.report .report_plus {padding:40px 0 0 0}
    .ir_info.report .report_box .hide {margin-left:-10px !important}
    .ir_info.report .report_box .hide>li {margin-top:30px !important}
}
/*1*/
/* 요약재무현황 > 연간, 반기 */
.finance01 .util_menu {padding:23px 0; border-bottom:1px solid #e4dcd3}
.finance01 .util_menu span {font-size:16px}
.finance01 .ico_print {background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_print.png)}
.finance01 .ico_fz_plus {background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_fz_plus.png)}
.finance01 .ico_fz_minus {background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_fz_minus.png)}
.finance01 .finance_table {padding-top:0}
.finance01 .finance_table td {color:#000}
.finance01 .section_gray.finance_chart {text-align: center; padding:75px 30px 75px 30px; margin-bottom:60px}
.finance01 .graph_txt {font-weight:normal; padding-top:25px; line-height:22px}
.finance01 .graph_txt + .graph_txt {font-weight:normal; padding-top:10px}
.finance01 .graph_txt .graph_type {position:relative; padding-left:23px; margin-right:15px; color:#000}
.finance01 .graph_txt .graph_type:before {display:block; position:absolute; top:6px; left:10px; content:''; width:8px; height:8px}
.finance01 .graph_txt .graph_type.red:before {background-color:#c04f4c}
.finance01 .graph_txt .graph_type.blue:before {background-color:#4f81bd}
.finance01 .graph_txt .graph_type.green:before {background-color:#9bbb59}
.finance01 .graph_txt .graph_type.purple:before {background-color:#7b5f9a}
.finance01 .graph_txt .graph_type.sky:before {background-color:#48a4bc}
.finance01 .graph_txt .graph_type.orange:before {background-color:#ee8f42}
.finance01 .graph_txt .graph_type.sum_red:before {background-color:#f60000}
.finance01 .graph_img {width:100%;}
.finance01 .tab_cont {display:block; padding-bottom:85px}
.finance01 .finance_form {margin-top:90px}
.finance01 .main_title {margin-bottom:60px}
.finance01 .text_notice {margin:10px 0; text-align:right; color:#000} /* 1026 박리원 추가 */
.finance01 .line_r {border-right:1px solid #e4dcd3 !important}
/* 주식정보 > 공시 > View */
.view [class^="section"].pd_lg {padding:100px 15px 20px}
.view .print_area {padding:35px 0px 35px}
.view .text_area {padding-bottom:75px; line-height: 22px}
.view .layer_border {border-top:1px solid #e4dcd3;color:#000}
.view .title_area {background-color:#f6f3f2; padding:60px 0px}
.view .wrap {display:table; width:100%; height:100%; max-width:1120px; margin:0 auto}
.view .main_title {font-size:40px; letter-spacing:-2px}
.view .info {text-align:right; white-space:nowrap; display:table-cell; vertical-align:middle; font-size:14px; letter-spacing:-0.5px}
.view .info span + span {overflow:visible; position:relative; padding-left:20px; display:inline-block; vertical-align:top; margin-left:5px}
.view .info span + span:before {content:""; position:absolute; top:50%; left:8px; width:1px; height:13px; margin-top:-7px; background-color:#838281}
.view .print_area {position: relative;}
.view .print_area button {position: absolute; top:25px; right:25px}
.view .ico_print {padding-left:26px; font-size:15px;}
.view .board_list_box {padding:0; font-family:'TextMedium'; color:#000; white-space:nowrap}
.view .board_list_box [class^="ico_"][class*="_down"] {width:20%}
.view .board_list_box .top {border-bottom:1px solid #e4dcd3; padding:17px 45px 16px 40px}
.view .board_list_box .top strong {float: left; width:21%}
.view .board_list_box .bottom {padding:23px 0px 29px 40px}
.view .board_list_box .bottom strong {float: left; width:20%; display:block; float:left; vertical-align:middle; height:100%}
.view .board_list_box li {line-height:18px}
.view .board_list_box li + li {margin-top:22px}
.view .board_list_box .text:after {right:-2px}
.view .board_list_box .downsns_share {float:right}
.view .board_list_box .text {width:70%}
.view .board_list_box .downsns_share {float: right; display:table-cell; width:9%; vertical-align:middle}
.view .board_btns {padding: 80px 0; font-size: 15px}
.view .btn_lg_primary {min-width: 140px; height: 45px;}



@media screen and (max-width:1140px){
    /* 요약재무현황 > 연간, 반기 */
    .finance01 .tab_cont {padding:0 15px 85px;}
    .finance01 .graph_txt span {margin-right:0}
    /* 주식정보 > 공시 > customer_View */
    .view .title_area {background-color:#f6f3f2; padding:60px 15px}
    .view .print_area button {padding-right: 20px}
}
@media screen and (max-width:767px) {
    /* 요약재무현황 > 연간, 반기 */
    .finance01 .main_title {margin-bottom:30px}
    /* 20180110 정윤진, 모바일 간격
    .finance01 .finance_form {margin-top:45px}*/
    .finance01 .finance_form {margin-top:50px}
    .finance01 .text_notice {text-align:right; padding:0}
    .finance01 .asta {text-align:left; padding:0}
    .finance01 .finance_chart {overflow-x:scroll}
    .finance01 .finance_chart img {min-width:850px}
    /* 20180110 정윤진, 모바일 간격
    .finance01 .section_gray.finance_chart {padding:27px 15px 36px 15px; margin-bottom:30px}*/
    .finance01 .section_gray.finance_chart {padding:27px 15px 36px 15px; margin-bottom:40px}
    /* 주식정보 > 공시 > customer_View */
    .view .layer_border {border-top:none;}
    .view [class^="section"].pd_lg {padding:50px 30px 20px}
    .view .wrap {display:block;}
    .view .main_title {padding-bottom:50px; line-height:55px; font-size:46px; font-family:'TextMedium'}
    .view .title_area {padding:70px 30px}
    .view .info {font-size: 24px;}
    .view .info span + span:before {top:50%; left:8px; width:1px; height:13px; margin-top:-7px; background-color:#e3dad3}
    .view .board_list_box {width:100%; margin-left:0; margin-right:0}
    .view .board_list_box [class^="ico_"][class*="_down"] {width:16px}
    .view .board_list_box .top {padding:15px 10px; clear:both; display:table; table-layout:fixed; width:100%; box-sizing:border-box}
    .view .board_list_box .top strong {width:20%}
    .view .board_list_box .bottom {padding:20px 10px;}
    .view .board_list_box .pdf {width:70%; display:table-cell; float:left; vertical-align:middle; padding-left:0}
    .view .board_list_box .text {width:80%; box-sizing:border-box; padding:0 20px 0 0;}

    .file_nav .roof .type {padding:0px 5px 0 15px;  width:22%;}
    .file_nav .roof .file {display:table-cell; width:78%; position:relative}
    .file_nav .roof .file .btn_down {position:absolute; right:15px; bottom:0;}
    .file_nav .lst_nav {border-top:1px solid #e4dcd3;}
    .file_nav .lst_prev {width:100%; display:table; padding-top:26px;}
    .file_nav .lst_prev .type, .file_nav .lst_next .type {display:table-cell; width:22%; padding:0px 5px 0 15px}
    .file_nav .lst_prev .tit {display:table-cell; width:78%; position:relative}
    .file_nav .lst_prev .tit a ,.file_nav .lst_next .tit a {max-width:90%; padding-right:55px}
    .file_nav .lst_prev .tit a:after {position:absolute; right:15px; top:2px; width:16px; height:16px; background: url(../images/common/ico_pc_20.png) -22px -302px; content: '';}
    .file_nav .lst_next .tit a:after {position:absolute; right:15px; top:2px; width:16px; height:16px; background: url(../images/common/ico_pc_20.png) -2px -302px; content: '';}
    .file_nav .lst_next {width:100%; display:table; padding:27px 0 30px;}
}


/*2*/

/* 기업정보 - 투자정보/IR - 주식정보 - 실시간주가정보 */
.rt_stock_price .stock_wrap {padding:100px 0 23px}
.rt_stock_price .stock_wrap .stock_select {margin-top:36px;text-align:right}
.rt_stock_price .stock_wrap .stock_select .select_wrap{width:230px; height:40px; text-align:left}
.rt_stock_price .text_update {padding:20px 0}
.rt_stock_price .sign_time { margin-top: 20px; text-align: center;  font-family:'TextMedium'; }


@media screen and (max-width: 767px){
/* 20180110 정윤진, 모바일 간격
.rt_stock_price .tab_contents {padding:40px 15px;}
.rt_stock_price .stock_wrap {padding:30px 0;}
.rt_stock_price .sign_time { margin-top: 10px; } */
.rt_stock_price .tab_contents {padding:50px 15px;}
.rt_stock_price .stock_wrap {padding:0 0 30px;}
.rt_stock_price .stock_wrap .stock_select {}
.rt_stock_price .stock_wrap .stock_select .select_wrap{width:100%}
.rt_stock_price .sign_time { margin-top: 15px; }

}

/*3*/

/* 기업정보 > 투자자정보/IR > 일반정보 > 정관 */
.ir_info_tab .tab_cont {padding-bottom:40px}
.ir_info_tab .acc_01 {margin-top:20px}
.ir_info_tab .section_wide_bdb {padding:23px 0; border-bottom:1px solid #e4dcd3}
.ir_info_tab .section_wide_bdb .section.centered .ico_print {width:17px; height:24px; margin-right:11px; background-position:left center; background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_print.png)}

/* 기업정보 > 투자자정보/IR > 일반정보 > 기업지배구조헌장 */
.ir_info_tab .tab_cont .con_text {color:#000; font-family:'HeadRegular'}
/* 20180111 정윤진, 모바일 간격
.ir_info_tab .tab_cont .con_list {margin-top:33px} */
.ir_info_tab .tab_cont .con_list li {padding-left:17px; text-indent:-17px;  font-family:'TextRegular'; color:#000; line-height:28px}

/* 정관,지배구조현장 공통 */
.ir_map {background:#f6f3f2;}
.ir_info_tab .acc_01>dl>dt.on b, .ir_info_tab .acc_01>dl>dt.on .title {padding:25px 0 25px 40px;}
.ir_info_tab .dl_text_cont ul li {color:#000}
.ir_info_tab .dl_text_cont [class^="list_"]>li {color:#000}
.ir_info_tab .acc_01>dl>dd {padding:17px 70px 50px 40px}
.ir_info_tab .list_bullet_num > li:before {position:absolute; left:22px; content:""; display:block; clear:both} /* 20180130 정윤진, > 추가 */
.ir_info_tab .list_bullet_num > li:nth-child(1):before {content:'1.'}
.ir_info_tab .list_bullet_num > li:nth-child(2):before {content:'2.'}
.ir_info_tab .list_bullet_num > li:nth-child(3):before {content:'3.'}
.ir_info_tab .list_bullet_num > li:nth-child(4):before {content:'4.'}
.ir_info_tab .list_bullet_num > li:nth-child(5):before {content:'5.'}
.ir_info_tab .list_bullet_num > li:nth-child(6):before {content:'6.'}
.ir_info_tab .list_bullet_num > li:nth-child(7):before {content:'7.'}
.ir_info_tab .list_bullet_num > li:nth-child(8):before {content:'8.'}
.ir_info_tab .list_bullet_num > li:nth-child(9):before {content:'9.'}
.ir_info_tab .list_bullet_num > li:nth-child(10):before {content:'10.'}
.ir_info_tab .list_bullet_num > li:nth-child(11):before {content:'11.'}
.ir_info_tab .list_bullet_num > li:nth-child(12):before {content:'12.'}
.ir_info_tab .list_bullet_num > li:nth-child(13):before {content:'13.'}
.ir_info_tab .list_bullet_num > li:nth-child(14):before {content:'14.'}
.ir_info_tab .list_bullet_num > li:nth-child(15):before {content:'15.'}
.ir_info_tab .list_bullet_num > li:nth-child(16):before {content:'16.'}
.ir_info_tab .list_bullet_num > li:nth-child(17):before {content:'17.'}
.ir_info_tab .list_bullet_num > li:nth-child(18):before {content:'18.'}
.ir_info_tab .list_bullet_num > li:nth-child(19):before {content:'19.'}
.ir_info_tab .list_bullet_num > li:nth-child(20):before {content:'20.'}
.ir_info_tab .list_bullet_num > li:nth-child(21):before {content:'21.'}
.ir_info_tab .list_bullet_num > li:nth-child(22):before {content:'22.'}
.ir_info_tab .list_bullet_num > li:nth-child(23):before {content:'23.'}
.ir_info_tab .list_bullet_num > li:nth-child(24):before {content:'24.'}
.ir_info_tab .list_bullet_num > li:nth-child(25):before {content:'25.'}
.ir_info_tab .list_bullet_num > li:nth-child(26):before {content:'26.'}
.ir_info_tab .list_bullet_num > li:nth-child(27):before {content:'27.'}
.ir_info_tab .list_bullet_num > li:nth-child(28):before {content:'28.'}
.ir_info_tab .list_bullet_num > li:nth-child(29):before {content:'29.'}
.ir_info_tab .list_bullet_num > li:nth-child(30):before {content:'30.'}
/* 190404 추가 */
.ir_info_tab .list_bullet_num > li:nth-child(31):before {content:'31.'}
.ir_info_tab .list_bullet_num > li:nth-child(32):before {content:'32.'}
.ir_info_tab .list_bullet_num > li:nth-child(33):before {content:'33.'}
.ir_info_tab .list_bullet_num > li:nth-child(34):before {content:'34.'}
.ir_info_tab .list_bullet_num > li:nth-child(35):before {content:'35.'}
/* //190404 추가 */
.ir_info_tab .list_bullet_num > li {padding-left:50px;}
.ir_info_tab .list_bullet_num .black.list_bullet_dot {margin:2px 0 2px 0; line-height:24px;}
.ir_info_tab .list_bullet_dash > li:before { left: 0; } /* 20180130 정윤진, 블릿 위치 수정 */
.ir_info_tab .con_box .exp {padding-left:23px; font-family:'TextRegular'; color:#000; line-height:2em;}

/* 기업정보 > 투자정보/IR > 주식정보 > 우선주현황 */
.stock_info .main_title {margin:20px 0 40px;}
.stock_info .align_center {margin-bottom:53px;}
.stock_info .text_strong {margin-top:12px; text-align:right;}

@media screen and (max-width: 767px) {

    .ir_info_tab .section_wide_bdb {display:none}
    .ir_info_tab .tab_cont .con_list li {padding-left:15px; text-indent:-15px}
    /* 정관,지배구조현장 공통 */
    .ir_info_tab .con_box .exp {padding-left:12px; color:#000; line-height:2em;}
    .ir_info_tab .acc_01>dl>dt.on b, .ir_info_tab .acc_01>dl>dt.on .title {padding:25px 0 25px 15px;}
    .acc_01>dl>dt.on b, .acc_01>dl>dt.on .title {padding:25px 0 25px 15px}
    .ir_info_tab .acc_01>dl>dd {padding:5px 35px 30px 5px;}
    .ir_info_tab .list_bullet_num > li {padding-left:36px}
    .ir_info_tab .list_bullet_num li:before {left:9px;}
    .ir_info_tab .list_bullet_dash > li:before { left: 0; } /* 20180130 정윤진, 블릿 위치 수정 */
}

/* IR Map */
.ir_map_pc {margin-top:47px; line-height:28px}
.ir_map_pc:after {content:''; display:block; clear:both}
.ir_map_pc>li {float:left; width:25%; font-size:20px; color:#000; font-family:'HeadMedium'}
.ir_map_pc>li:nth-child(5) {clear:left; margin-top:30px}
.ir_map_pc ul {margin-top:28px; font-size:16px}
.ir_map_pc a {text-decoration:underline}
.ir_map_pc .pc_depth2>li {margin-bottom:16px}
.ir_map_pc .pc_depth3 {margin-top:6px; font-size:14px; font-family:'HeadRegular'}

@media screen and (min-width: 768px) {
    .ir_map_mo {display:none}
}
@media screen and (max-width: 767px) {
    .ir_map .main_title {font-size:27px}
    .ir_map_pc {display:none}
    .ir_map_mo {margin-top:25px}
    .ir_map_mo a {text-decoration:underline}
    .ir_map_mo .link_type {border-bottom:0}
    .ir_map_mo .link_type a {display:inline-block}
    .ir_map_mo>dl {border-bottom:1px solid #e4dcd3}
    .ir_map_mo>dl>dt {padding-right:35px; font-size:14px; color:#000}
    .ir_map_mo>dl>dt .title {padding:13px 0; font-size:16px; font-family:'HeadMedium'}
    .ir_map_mo>dl>dt button {width:50px; height:50px; right:-15px}
    .ir_map_mo>dl>dt button:after {right:15px; background-position:0 -300px}
    .ir_map_mo>dl>dt.on button:after {background-position:-20px -300px}
    .ir_map_mo>dl>dd {padding:5px 0 20px; font-size:13px}
    .ir_map_mo>dl>dd .mo_depth2 {display:inline-block; width:49%; margin:10px 0 12px; padding-right:20px; vertical-align:top; color:#000; font-family:'TextMedium'}
    .ir_map_mo>dl>dd .mo_depth3 {margin-top:12px; line-height:27px; color: #626262; font-family:'TextRegular'}
    .stock_info .main_title {margin:0 0 10px;}
    /*  20180110 정윤진, 모바일 간격
    .stock_info .align_center {margin-bottom:25px;} */
    .stock_info .align_center {margin-bottom:40px;}
    .stock_info .text_strong {margin-top:15px; text-align:left}
}


/*4*/

/* 회사정보 */
.company_overview .company_info_tbl {padding:100px 15px}
.company_overview .unit {margin:23px 0 10px 0; text-align:right; color:#000;}
.company_overview .company_info_tbl table th {padding-left:30px}
.company_overview .company_info_tbl table td {padding-left:40px; border-right:1px solid #e4dcd3}
.company_overview .ir_map {padding-bottom:20px}
.company_overview .color_black {color:#000}
.company_overview .data_table td {color:#000}
/* 감사보고서 */
.financial_report  .section_white.financial_cont {padding:75px 0 100px 0}
.financial_report  .total {float:left; margin-top:25px}
.financial_report  .select01 {float:right; width:230px; height:40px; margin-bottom:20px}
.financial_report  table .download {border-right:1px solid #e4dcd3}
.financial_report  table tr td:nth-child(2) {padding-left:30px}
.financial_report  .ui_paging {margin-top:80px}
.financial_report .data_table td {color:#000}
/* 영업보고서 */
.sales_report .section_white.sales_cont {padding:100px 0}
.sales_report table .line {padding-left:30px}
.sales_report table .line_r {border-right:1px solid #e4dcd3}
.sales_report .ui_paging {margin-top:80px}
.sales_report .data_table td {color:#000}
/* 사업보고서 */
.business_report .section_white.table04 {padding:100px 0}
.business_report table .line {padding-left:30px}
.business_report table .line_r {border-right:1px solid #e4dcd3}
.business_report .ui_paging {margin-top:80px}
.business_report .data_table td {color:#000}

@media (min-width: 768px) and (max-width: 1150px) { /* 20180212, 박순길 좌우 여백 추가 */
    .financial_report .section_white.financial_cont,
    .sales_report .section_white.sales_cont,
    .business_report .section_white.table04 { padding-left: 15px; padding-right: 15px; }
}

/* 신용등급 > 국내, 국외 */
.credit_rating .select01{height:40px; margin-bottom:20px}
.credit_rating .select01 .select_wrap {width:230px}
.credit_rating .select01 .select_wrap .selectBox {font-size:16px; font-family:'HeadRegular'}
.credit_rating .section_gray.align_center {padding: 60px 0; }
.credit_rating .main_title {margin: 0 0 80px 0;}
.credit_rating .creadit01 { margin-top: 80px; }
.credit_rating .creadit02 {margin-top: 60px}
.credit_rating .main_title.mb {margin-bottom:60px}
.credit_rating .text_notice {margin-top:20px; text-align:right}
.credit_rating .data_table td.line_r {border-right:1px solid #e4dcd3}
.credit_rating .color_black {color:#000}
.credit_rating .data_table td {color:#000}
/* 배당현황 */
.dividend_Status .section_white .section.centered.dividend_cont {padding:100px 0}
.dividend_Status table .line_r {border-right:1px solid #e4dcd3}
.dividend_Status .row_title {margin-bottom:20px}
.dividend_Status .unit {margin-top:20px}
.dividend_Status .tbl_wrap + .tbl_wrap {margin-top:60px;}

.dividend_Status .tbl_wrap .tbl_opt {margin-bottom:20px}
.dividend_Status .tbl_wrap .s_title .row_title {float:left}
.dividend_Status .tbl_wrap .s_title .text {float:right}
.dividend_Status .tbl_wrap .s_title .text small {font-size:14px; font-family:'TextRegular'}
.dividend_Status .tbl_wrap .s_title .t_r small {color: #626262}
.dividend_Status .tbl_wrap .s_title .t_r small {color:#000}
/* 주요판매실적 */
.major_sales_figure .section_white .dividend_cont {padding:80px 0 105px 0}
.major_sales_figure .total {float:left; margin:25px 0; }
.major_sales_figure .select01 {float:right; width:230px; height:40px; margin-bottom:20px; }
.major_sales_figure .select01 .selectBox {font-size:16px; font-family:'HeadRegular'}
/*.major_sales_figure table tr td:nth-child(2) {padding-left:30px}*/
.major_sales_figure table .line_r {border-right:1px solid #e4dcd3}
.major_sales_figure .ui_paging {margin-top:80px}
.dividend_cont .color_black {color:#000}
.dividend_cont .data_table td {color:#000}

@media screen and (max-width:767px){
    /* 회사정보*/
    .company_overview .unit {text-align:left}
    .company_overview .company_info_tbl {width:100%; margin:0 auto; padding :50px 2.5% 70px 2.55%}
    .company_overview .company_info_tbl table th {padding-left:10px}
    .company_overview .company_info_tbl table td {padding-left:20px}
    /* 감사보고서 */
    /* 20180110 정윤진, 모바일 수정
    .financial_report  .section_white.financial_cont {padding:40px 0 70px 0}*/
    .financial_report  .section_white.financial_cont {padding:30px 0 50px 0}
    .financial_report  .section_white.financial_cont > .section {width:90%; margin:0 auto}
    .financial_report  .select01 {float:none; width:100%; margin-bottom:0}
    .financial_report  .total {float:none; margin-top:25px}
    .financial_report  .title {width:80%}
    .financial_report  table tr td:nth-child(2) {padding-left:10px}
    /* 20180110 정윤진, 모바일 수정
    .financial_report  .ui_paging {margin-top:50px}*/
    .financial_report  .ui_paging {margin-top:40px}
    /* 영업보고서 */
    .sales_report .section_white.sales_cont > .section {width:90%; margin:0 auto}
    /* 20180110 정윤진, 모바일 수정
    .sales_report .section_white.sales_cont {padding:50px 0 70px 0}
    .sales_report .ui_paging {margin-top:50px} */
    .sales_report .section_white.sales_cont {padding:30px 0 50px 0}
    .sales_report table .line {padding-left:10px}
    .sales_report .ui_paging {margin-top:40px}
    /* 사업보고서 */
    .business_report .section_white.table04 .section.centered {width:90%; margin:0 auto}
    /* 20180110 정윤진, 모바일 간격
    .business_report .section_white.table04 {padding:50px 0 70px 0} */
    .business_report .section_white.table04 {padding:30px 0 50px 0}
    /* 20180110 정윤진, 모바일 간격
    .business_report .ui_paging {margin-top:50px} */
    .business_report .ui_paging {margin-top:40px}
    .business_report table .line {padding-left:10px}
    /* 신용등급 > 국내, 국외 */
    /* .credit_rating .section_white.creadit01 {padding:50px 0 70px 0} */
    .credit_rating .section_white.creadit01 .section.centered {width:90%}
    .credit_rating .main_title {margin-bottom:30px}
    .credit_rating .creadit01 {margin-top: 50px; }
    /* 20180110 정윤진, 모바일 간격
    .credit_rating .creadit02 {margin-top: 20px} */
    .credit_rating .creadit02 {margin-top: 0; padding: 5px 0 10px;}
    .credit_rating .text_notice {text-align:left; padding:0}
    .credit_rating .creadit02 .table_scroll {overflow-x:scroll;  width:100%}
    .credit_rating .creadit02 .table_scroll .data_table{width:1120px}
    .credit_rating .select01 {margin-bottom:25px}
    .credit_rating .select01 .select_wrap {width:100%}
    .credit_rating .section_gray.align_center {padding:30px}
    .credit_rating .scroll {overflow-x:scroll}
    .credit_rating .scroll .img_scroll {width:704px}
    /* 배당현황 */
    .dividend_Status .section_white .section.centered.dividend_cont {padding:50px 0;}
    .dividend_Status .tbl_opt {text-align:left !important}
    .dividend_Status .tbl_wrap .s_title h4 {float:none}
    .dividend_Status .tbl_wrap .s_title .row_title {float:none}
    .dividend_Status .tbl_wrap .s_title .text {float:none}
    /* .dividend_Status .tbl_wrap {margin-bottom:50px}*/
    .dividend_Status .tbl_wrap {margin: 50px 0 0;}
    .dividend_Status .tbl_wrap:first-child { margin: 0; }
    .dividend_Status .tbl_wrap .tbl_opt {margin-bottom:10px}
    .dividend_Status .unit {margin-top:10px}
    .dividend_Status .row_title {margin-bottom:10px}
    .dividend_Status .tbl_wrap .s_title .text {margin-bottom:10px}
    .dividend_Status .section_white .dividend_cont {width:90%}
    /* 주요판매실적 */
    .major_sales_figure .section_white .dividend_cont {padding:50px 0}
    .major_sales_figure .total {float:none; margin-bottom:12px; }
    .major_sales_figure .select01 {float:none; width:100%; margin-bottom:0}
    .major_sales_figure .section_white .dividend_cont {width:90%}
    .major_sales_figure .ui_paging {margin-top:40px}
    /*.major_sales_figure table tr td:nth-child(2) {padding-left:10px}*/
    .major_sales_figure table tr td:nth-child(2) > a, .financial_report table tr td:nth-child(3) > a {width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
}

/*5*/
/* h_premium_family_tapmenu */
.h_premium_family_tapmenu .pd_sm_pbminus {padding:40px 0 0}
.h_premium_family_tapmenu .ico_exclam_cir {margin-right:10px}
.h_premium_family_tapmenu .last_wrap {padding:60px 0 100px}
.h_premium_family_tapmenu .table_subtext .mo_br{display:inline;padding-left:0;margin-left:0;vertical-align:top}
.h_premium_family_tapmenu .table_subtext .text b {padding-left:30px}
.h_premium_family_tapmenu .callcenter_mg {padding-left:52px}
.h_premium_family_tapmenu .bg_box {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bluemembers_benefit03_03_02_bg-pc.png) 0 0 no-repeat;background-size:cover}
.h_premium_family_tapmenu .table_th_borbotc {border-bottom-color:#e4dcd3}
.h_premium_family_tapmenu picture img {width:100%}
.h_premium_family_tapmenu .sub_text {margin-top:30px}
.h_premium_family_tapmenu .data_table .borderleft_white{border-left:1px solid #fff}
.h_premium_family_tapmenu .data_table .borderleft_gray{border-left:1px solid #E4DCD3}
.h_premium_family_tapmenu .table_subtext .color_nv {color:#002c5f}
/* 고객서비스-블루멤버스 혜택-특화 프로그램-H-Premium Family-이달의 프로그램  */
.bluemembers_monthprogram .pb_md {padding-bottom:30px}
.bluemembers_monthprogram .img_box {padding-top:10px}
.bluemembers_monthprogram .btn_box {padding:11px 0 52px 0}
.bluemembers_monthprogram .ico_link_nv {margin-left:10px}
.bluemembers_monthprogram * {color:#000}
.bluemembers_monthprogram .list_bullet_dot a {color:#002c5f}
.bluemembers_monthprogram .row_title b {font-size:16px;color:#002c5f;font-weight:bold}
.bluemembers_monthprogram .ico_arr_nv {color:#002c5f}
.bluemembers_monthprogram .col picture img {margin-bottom:30px}
.bluemembers_monthprogram .col .row_title {padding-bottom:14px}
.bluemembers_monthprogram .grid_col_02 .col+.col{padding-left:44px}
.bluemembers_monthprogram .section.last {padding:60px 0 45px}
.bluemembers_monthprogram .last .section:first-child {padding:40px 0 15px}
.bluemembers_monthprogram .grid_col_03 .list_bullet_dot {min-height:90px}
/* 고객서비스-블루멤버스 혜택-특화 프로그램-H-Premium Family-오토캠핑-오토캠핑·글램핑 */
.autocamp_glamping .tbl_wrap {overflow:auto}
.autocamp_glamping .pt_plus {padding:56px 0 40px}
.autocamp_glamping .table_box {padding:60px 0 0}
.autocamp_glamping .main_title, .autocamp_glamping .sub_title {padding-bottom:35px}
.autocamp_glamping .data_table tbody td .align_center:first-child {padding-bottom:10px}
.autocamp_glamping .reser_btn_box {padding:60px 0 20px}
.autocamp_glamping .reser_btn_box a+a {margin-left:15px}
.autocamp_glamping .bg_box {padding-bottom:35px}
/* 블루멤버스 혜택 특화 프로그램 H-Premium Family 공연초청 무비나이트 | 고객서비스 */
.movie_night .slide_title {padding:100px 0 40px}
.movie_night .number_list .first_bottom {padding-bottom:60px}
.movie_night .number_list .row_title {padding-bottom:30px}
/* 블루멤버스 혜택 특화 프로그램 H-Premium Family 공연초청 무비나이트 | 고객서비스 */
.show_invitation .slide_title {padding:0 0 40px}
/* 블루멤버스 혜택 특화 프로그램 H-Premium Family 테마여행 테마여행 | 고객서비스 */
.theme_travel .service_box {padding:100px 0}
.theme_travel .service_box .panel_notice {background-color:#F6F3F2;padding:250px 0}
.theme_travel .service_box .panel_notice .notice_title {padding-bottom:25px}

/*header 하단 인쇄, RSS, 글자크기 등 조절 버튼 common*/
.function_tab {font-family:'HeadRegular'; text-align:right; height:71px; line-height:69px; border-bottom:1px solid #eaeaea; color:#000}
.function_tab .function_tab_innerwrap {display:block; position:relative; width:100%}
.function_tab .function_tab_innerwrap:after {content:''; display:block; clear:both}
.function_tab .opt {position:relative}
.function_tab .opt:after {content:''; display:block; width:17px; height:16px; background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_print.png); position:absolute; top:2px; right:36px}
.function_tab .opt span {vertical-align:middle}

.function_tab .rss_btn:after {content:''; display:block; width:16px; height:16px; background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_rss.png); position:absolute; top:2px; right:36px}

.function_tab .function_tab_innerwrap .font_size_btn {float:right; margin-left:28px}
.function_tab .function_tab_innerwrap .font_size_btn:after {content:''; display:block; clear:both}
.function_tab .font_size_btn span {display:block; float:left}
.function_tab .font_size_btn .font_size_btnbox {float:left; margin-left:5px}
.function_tab .font_size_btn button {display:block; float:left; margin-top:22px; width:24px; height:24px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_plusminus.png) 0 0 no-repeat; background-size:cover}
.function_tab .font_size_btn .font_size_plus {background-position:1px 0}
.function_tab .font_size_btn .font_size_minus {background-position:0 -24px}
.function_tab_innerwrap a + a {margin-left:51px}

/*투자정보/IR common*/
.governance_tapcon .all_wrap .con_wrap {padding:49px 0 49px}
.governance_tapcon .all_wrap .con_wrap:first-child {padding:98px 0 50px}
.governance_tapcon .all_wrap .con_wrap:last-child {padding:49px 0 100px}
.governance_tapcon .section_bgdarkgray {background-color:#E4DCD3}
.governance_tapcon .section_bggray {background-color:#F6F3F2}
.governance_tapcon .section .con_inner_wrap {padding-top:54px}
.governance_tapcon .section .con_inner_wrap:first-child {padding-top:0}
.governance_tapcon .table_toptext {padding-bottom:15px}
.governance_tapcon .table_con_bggray {background-color:#F6F3F2; line-height:2.5em;}
.governance_tapcon .table_leftline_gray {border-left:1px solid #E4DCD3}
.governance_tapcon .table_leftline {border-left:1px solid #fff}
.governance_tapcon .table_lastline_th {border-bottom:1px solid #E4DCD3}
.governance_tapcon .line_r {border-right:1px solid #e4dcd3}
.governance_tapcon .color_black {color:#000}
.governance_tapcon .data_table td {color:#000}

/*주식정보 common*/
.stock_info .con_wrap {padding:98px 0 100px}

/*기업정보  투자정보/IR  일반정보  지배구조  주주의 관한사항*/
.governance_shareholder .con_inner_wrap .main_title {padding-bottom:15px}
.governance_shareholder .table_toptext {padding-bottom:15px}
.governance_shareholder .table_toptext .tabletmo_right {float:right; text-align:right; color:#000}

/*기업정보  투자정보/IR  일반정보  지배구조  이사회에 관한사항*/
.governance_council .all_wrap .con_wrap {padding:98px 0 100px}
.governance_council .all_wrap .con_wrap:first-child {padding:98px 0 100px}
.governance_council .all_wrap .con_wrap:last-child {padding:98px 0 100px}
.governance_council .all_wrap .con_wrap .main_title {padding-bottom:60px}
.governance_council .all_wrap .con_wrap .con_inner_wrap.table_textint .main_title {padding-bottom:15px}
.governance_council .table_bottomtext {padding:15px 0;text-align:right}
.governance_council .grid_col_02 [class^="list"]>li {margin-top:8px}
.governance_council .grid_col_02 .col:first-child {padding-left:15px;float:right}
.governance_council .grid_col_02 .col+.col {padding-top:30px; float:left}
.governance_council .grid_col_02 .col+.col p:first-child {padding-bottom:10px}
.governance_council .grid_col_02 .sub_text {padding-top:13px; color: #626262}
.governance_council .grid_col_02 .list_bullet_dot {padding-top:18px}
.governance_council .grid_col_03_lg .list_bullet_dot {padding-top:13px}
.governance_council .grid_col_03_lg .text:first-of-type {padding-top:23px}
.governance_council .grid_col_03_lg .sub_title:first-of-type {padding-top:12px;padding-bottom:1px}
.governance_council .grid_col_03_lg [class^="list"]>li {margin-top:3px}
.governance_council .grid_col_03_lg .col {margin-right:32px; width:calc(33.33% - 21.33px)}
.governance_council .grid_col_03_lg .col:nth-child(3n){margin-right:0px}

/*list 공시 주식정보 투자정보/IR 기업정보*/
.stock_info_list .table_toptext {padding-bottom:17px}
.stock_info_list .bottom_btnbox {height:86px; padding:25px; margin-top:80px}
.stock_info_list .pagination {margin-top:79px}
.stock_info_list .section_gray {background-color:#F6F3F2}
.stock_info_list .text_button_bar {text-align:center; padding-right: 0; }
.stock_info_list .text_button_bar .text {display:inline-block; margin:0 21px 0px 62px}
.stock_info_list .text_button_bar .btn_primary {position:static; display:inline-block; margin-top:0; width:194px; height:36px}
.stock_info .color_black {color:#000}
.stock_info .data_table td {color:#000}

@media screen and (max-width:767px) {
    /* h_premium_family_tapmenu */
    .h_premium_family_tapmenu .pd_sm_pbminus {padding:0 0 0}
    .h_premium_family_tapmenu .pd_sm_ptminus {padding:30px 15px 0}
    .h_premium_family_tapmenu .last_wrap {padding:30px 15px 70px}
    .h_premium_family_tapmenu .last_wrap {padding:30px 15px 70px}
    .h_premium_family_tapmenu .pd_lr {padding-left:15px;padding-right:15px}
    .h_premium_family_tapmenu .bg_box .pd_md {padding:40px 15px 20px}
    .h_premium_family_tapmenu .pd_sm_minus {padding:10px 0 20px}
    .h_premium_family_tapmenu .pd_sm_minus2 {padding:30px 0 10px}
    .h_premium_family_tapmenu .bg_box .pd_md_minus {padding:20px 15px 20px}
    .h_premium_family_tapmenu .bg_box .pd_sm {padding:10px 0 10px}
    .h_premium_family_tapmenu .bg_box {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bluemembers_benefit03_03_02_bg-m.png) 0 0 no-repeat;background-size:cover}
    .h_premium_family_tapmenu .ico_link_nv {background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_link_navy-m.png);background-position:0 0;background-size:cover;width:9px;height:9px}
    .h_premium_family_tapmenu .sub_text {margin-top:20px}
    /* 고객서비스-블루멤버스 혜택-특화 프로그램-H-Premium Family-이달의 프로그램  */
    .bluemembers_monthprogram .tab_cont .section_white.pd_md:first-child .pd_sm {padding:3px 15px 20px 15px}
    .bluemembers_monthprogram .pb_md {padding-bottom:3px}
    .bluemembers_monthprogram .pt_sm {padding:26px 15px 35px}
    .bluemembers_monthprogram .img_box {padding-top:5px}
    .bluemembers_monthprogram .btn_box {padding:0 0 10px 0}
    .bluemembers_monthprogram .ico_link_nv {margin-left:5px}
    .bluemembers_monthprogram .grid_col_02 .col {float:none;width:100%;padding-bottom:15px}
    .bluemembers_monthprogram .grid_col_02 .col+.col{padding-left:0;padding-bottom:0}
    .bluemembers_monthprogram .grid_col_03 {padding-bottom:20px}
    .bluemembers_monthprogram .grid_col_03 img {width:100%}
    .bluemembers_monthprogram .grid_col_03 .list_bullet_dot {min-height:auto;padding-bottom:30px}
    .bluemembers_monthprogram .section.last {padding:15px 15px 37px 15px}
    .bluemembers_monthprogram .grid_box {padding:10px 0 0 0}
    .bluemembers_monthprogram .grid_box .row_title {padding:0 15px 14px}
    .bluemembers_monthprogram .grid_box .list_bullet_dot {padding:0 15px 30px}
    /* 고객서비스-블루멤버스 혜택-특화 프로그램-H-Premium Family-오토캠핑-오토캠핑·글램핑 */
    .autocamp_glamping .pb_md2 {padding-bottom:33px}
    .autocamp_glamping .reser_btn_box a+a {margin-left:0}
    .autocamp_glamping .main_title, .autocamp_glamping .sub_title {padding-bottom:17px}
    .autocamp_glamping .img_box {padding:30px 0 20px}
    .autocamp_glamping .mo_pb_minus {padding:50px 15px 0}
    .autocamp_glamping .mo_pb_minus2 {padding:0 15px 0}
    .autocamp_glamping .pt_plus {padding:50px 15px}
    .autocamp_glamping .data_table {min-width:820px}
    .autocamp_glamping .table_02 {min-width:850px}
    .autocamp_glamping .bg_box {padding-bottom:30px}
    /* 블루멤버스 혜택 특화 프로그램 H-Premium Family 오토캠핑 오크밸리 캠핑 페스티벌 | 고객서비스 */
    .ovcfestival .mobile_none {display:none}
    .ovcfestival .section.last {padding:60px 15px 100px}
    .ovcfestival .table_subtext .mo_br{display:block;padding-left:27px}
    .ovcfestival .bg_box {padding-top:10px}
    .ovcfestival .section.last {padding:30px 15px 70px}
    /* 블루멤버스 혜택 특화 프로그램 H-Premium Family 공연초청 무비나이트 | 고객서비스 */
    .movie_night .bg_box {padding-top:10px}
    .movie_night .slide_title {padding:30px 15px 20px}
    /* 블루멤버스 혜택 특화 프로그램 H-Premium Family 공연초청 무비나이트 | 고객서비스 */
    .show_invitation .bg_box {padding-top:10px}
    .show_invitation .sub_text {margin-top:20px}
    .show_invitation .slide_title {padding:30px 15px 20px}
    /* 블루멤버스 혜택 특화 프로그램 H-Premium Family 테마여행 테마여행 | 고객서비스 */
    .theme_travel .service_box {padding:50px 15px}
    .theme_travel .service_box .panel_notice {padding:50px 0}
    .autocamp_glamping .bg_box .pd_sm {padding:10px 15px 10px;}
     /*투자정보/IR common */
    .governance_tapcon .con_inner_wrap {padding:0px 15px}
    .governance_tapcon .all_wrap .con_wrap:last-child {padding:18px 0 70px}
    .governance_tapcon .section .con_inner_wrap:first-child {padding-top:0}
    /* 20180110 정윤진, 모바일 간격
    .governance_tapcon .all_wrap .con_wrap {padding:19px 0 25px}
    .governance_tapcon .all_wrap .con_wrap:first-child {padding:34px 0 24px}
    .governance_tapcon .section .con_inner_wrap {padding-top:35px}
    .governance_tapcon .table_toptext {padding-bottom:6px}
    */
    .governance_tapcon .all_wrap .con_wrap {padding:25px 0;}
    .governance_tapcon .all_wrap .con_wrap:first-child {padding: 50px 0 25px;}
    .governance_tapcon .section .con_inner_wrap {padding-top:50px}
    .governance_tapcon .table_toptext {padding-bottom:15px}

    /*기업정보  투자정보/IR  일반정보  지배구조  주주의 관한사항*/
    .governance_shareholder .con_inner_wrap .main_title {padding-bottom:14px}
    .governance_shareholder .table_toptext .tabletmo_block {display:block}
    .governance_shareholder .table_toptext .tabletmo_right {float:none; text-align:left}
    .governance_shareholder .line_r {border-right:1px solid #e4dcd3 !important}

    /*기업정보  투자정보/IR  일반정보  지배구조  이사회에 관한사항*/
    .governance_council .all_wrap .con_wrap {padding:45px 0 50px}
    /* 20180110 정윤진, 모바일 간격
    .governance_council .all_wrap .con_wrap:first-child {padding:34px 0 50px} */
    .governance_council .all_wrap .con_wrap:first-child {padding:50px 0}
    .governance_council .all_wrap .con_wrap:last-child {padding:45px 0 115px}
    .governance_council .con_wrap .main_title {padding-bottom:30px}
    .governance_council .all_wrap .con_wrap .main_title {padding-bottom:23px}
    /* 20180111 정윤진, 모바일 간격
    .governance_council .all_wrap .con_wrap .con_inner_wrap.table_textint .main_title {padding-bottom:11px}*/
    .governance_council .all_wrap .con_wrap .con_inner_wrap.table_textint .main_title {padding-bottom:22px}
    .governance_council .grid_col_02 .col {float:none; width:100%}
    .governance_council .grid_col_02 .col:first-child {padding-left:0}
    .governance_council .grid_col_02 .sub_title {padding-bottom:0}
    /* 20180110 정윤진, 모바일 간격
    .governance_council .grid_col_02 .col+.col {padding-top:15px; } */
    .governance_council .grid_col_02 .col+.col {padding-top:25px; }
    .governance_council .grid_col_02 .col+.col p:first-child {padding-bottom:0}
    .governance_council .grid_col_02 .sub_text {padding-top:10px}
    .governance_council .grid_col_02 .list_bullet_dot {text-align:left}
    .governance_council .grid_col_02 [class^="list"]>li {margin-top:1px}
    /* 20180110 정윤진, 모바일 간격
    .governance_council .grid_col_03_lg .col {padding-bottom:33px; margin-right:0; width:100%} */
    .governance_council .grid_col_03_lg .col {padding-bottom:35px; margin-right:0; width:100%}
    .governance_council .grid_col_03_lg .col:last-child {padding-bottom:0}
    .governance_council .grid_col_03_lg .text:first-of-type {padding-top:16px}
    .governance_council .grid_col_03_lg .sub_title:first-of-type {padding-top:7px; padding-bottom:0}
    .governance_council .grid_col_03_lg img {width:100%}
    .governance_council .grid_col_03_lg .list_bullet_dot {padding-top:6px; text-align:left}
    .governance_council .grid_col_03_lg [class^="list"]>li {margin-top:0px}
    .governance_council .table_bottomtext {padding:6px 0 3px; text-align:left}

    /*주식정보 common*/
    /* 20180110 정윤진, 모바일 간격
    .stock_info .con_wrap {padding:45px 15px 50px}*/
    .stock_info .con_wrap {padding:50px 15px;}

    /*list 공시 주식정보 투자정보/IR 기업정보*/
    .stock_info_list .table_toptext {padding-bottom:6px}
    /*
    .stock_info_list .pagination {margin-top:26px}*/
    .stock_info_list .pagination {margin-top:40px}
    .stock_info_list .bottom_btnbox {text-align:center; margin-top:40px; padding:24px 0 30px; height:auto}
    .stock_info_list .text_button_bar .text {display:block; margin:0; font-size:12px}
    .stock_info_list .text_button_bar .btn_primary {position:static; display:inline-block; padding:0; margin-top:14px; width:134px; height:31px}

}
@media screen and (min-width: 768px) and (max-width: 1109px){
    .autocamp_glamping .table_box {padding:40px 15px}
    /*common*/
    .governance_tapcon .all_wrap .con_wrap {padding:49px 0 49px}
    .governance_tapcon .all_wrap .con_wrap:first-child {padding:98px 0 50px}
    .governance_tapcon .all_wrap .con_wrap:last-child {padding:49px 0 100px}
    .governance_tapcon .section .con_inner_wrap {padding:54px 15px}
    .governance_tapcon .section .con_inner_wrap:first-child {padding-top:0}

    /*주식정보 common*/
    .stock_info .con_wrap {padding:98px 15px 100px}

}

/*6*/
.customer_tblguide {padding-bottom:15px; text-align:right; line-height:28px; word-break:keep-all}
.customer_tblbottom {margin-top:12px; text-align:right; line-height:28px; word-break:keep-all}
.auto_mw_800 {max-width:800px; margin:0 auto}
.auto_mw_md {max-width:1120px; margin:0 auto; box-sizing:border-box}
.black.list_bullet_dot {margin-top:28px}
.black.list_bullet_dot li {line-height:22px; color:#000}
table td .black.list_bullet_dot {margin-top:0 !important}
table td .black.list_bullet_dot li {line-height:2em !important}
.black[class^="bullet_"][class*="_dot"]:before,
.black[class*="_bullet"][class*="_dot"]>li:before{content:''; position:absolute; top:0.7em; left:0; width:3px; height:3px; margin-top:-1px; background:#000}
.multi-noti {position:relative; margin-top:30px}
.multi-noti li + li {margin-top:10px}
.multi-noti .black {color:#000}
.multi-noti .right {position:absolute; right:0; top:0; margin-top:0}
.bluelink04_01 .main_title {padding:102px 0 60px}
.bluelink04_01 .tel_wrap {display:table; height:234px; font-family:'HeadMedium'; background:#f6f3f2; font-size:44px; text-align:center; color:#0a2268}
.bluelink04_01 .tel_wrap .tel {line-height:234px; letter-spacing:-1px}
.bluelink04_01 .black.list_bullet_dot {margin:53px 0 23px}
.bluelink04_01 .black.list_bullet_dot li {margin-top:15px; font-size:16px}
.bluelink04_01 .black {color:#000; font-size:14px}
.bluelink04_01 .align_center .btn_lg_primary {margin-top:64px}
.bluelink04_01 .sub_title {margin-top:100px}
.bluelink04_01 .auto_mw_md {padding-bottom:100px}
.bluelink04_02 .btn_lg_primary {margin:60px 0 70px}
.bluelink04_02 .as_txt {padding: 65px 0 20px; border-top:1px solid #e5e5e5}
.bluelink04_02 .as_txt  p {width:70%; margin:0 auto}
.bluelink04_02 .ico_lg_as {background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_lg_as.png)}
.bluelink04_02 .sub_title {margin-top:40px; line-height:44px}
.bluelink04_03 .main_title {padding:102px 0 60px}
.bluelink04_03 .auto_mw_md {padding-bottom:100px}
.bluelink04_03 .panel_notice .notice_title {line-height:44px !important}
.bluemem_benefit02_02 .notice_title {font-size:30px; line-height:40px}


/*200519 블루멤버스 내용삭제*/

/* accordion type03 */
.bluemem_benefit02_02 .ui_accordion.acc_03 {margin-top:20px; border-bottom:1px solid #e4dcd3; border-top:0; background:#fff}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt {font-size:14px; color: #000; border-top:1px solid #e4dcd3}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl:first-child > dt {margin-top:0}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt button {width:58px; height:58px; top:34px}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt button:after {right:25px; background-position:0 -300px}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt.on button:after {background-position:-20px -300px}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dd {padding:60px 40px 100px; font-size:14px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .acc_03_tit:after {content:""; display:block; clear:both}
.bluemem_benefit02_02 .ui_accordion.acc_03 .acc_03_tit {padding:40px; min-height:131px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .part {float:left}
.bluemem_benefit02_02 .ui_accordion.acc_03 .host {float:left; width:190px; line-height:51px; text-align:center;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .inner_con {float:left; width:520px;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .inner_con .row_title {padding-bottom:16px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .inner_con b {line-height:1.3em;}
.bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt .align_right {float:right; width:170px; margin-right:100px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .list_title { display: block; margin-top: 10px; } /* 20180126 정윤진, 추가 */
.bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot + .list_title { margin-top: 20px; }
/*.bluemem_benefit02_02 .ui_accordion.acc_03 .benefit_opt {display:inline-block; border:1px solid #e6ded6; border-radius:50%; width:50px; height:50px; line-height:48px; text-align:center} 2018-05-24 웹접근성 이미지 수정으로 변경 */
.bluemem_benefit02_02 .ui_accordion.acc_03 .benefit_opt {display:inline-block; width:76px; height:50px; line-height:48px; text-align:center}
.bluemem_benefit02_02 .ui_accordion.acc_03 .benefit_opt + .benefit_opt {margin-left:7px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot {margin-top:24px; color:#000}
.bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot + .list_bul_tit {margin-top:54px; display:block}
.bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot + .tbl_cover {margin-top:40px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .tbl_cover + .list_bul_tit, .bluemem_benefit02_02 .ui_accordion.acc_03 .tbl_right_opt + .list_bul_tit {display:block; margin-top:55px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot + .btn_wrap {margin-top:54px}
.bluemem_benefit02_02 .ui_accordion.acc_03 .tbl_right_opt {margin-top:20px; text-align:right; font-size:14px; color:#000; font-family:'TextRegular'}
.bluemem_benefit02_02 .ui_accordion.acc_03 .data_table tbody tr td:last-child {box-sizing:border-box; border-right:1px solid #e4dcd3}
.bluemem_benefit02_02 .ui_accordion.acc_03 .data_table thead tr th:last-child {box-sizing:border-box; border-right:1px solid #002c5f}
/* 20180124 함은주, 블루멤버스포인트 적립사용 컨텐츠 추가 */
.bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks {margin-bottom: 60px; padding: 0 70px;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .grid .col {padding:0 65px;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step .subject {line-height:1.8;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step .subject:before {top: -95px; left: -65px;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step .subject span {display: block; margin:0 -10px;}
/* 2018-06-07 이지혜 이달의 구매혜택 컨텐츠 추가 */
.bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list .text {line-height:1.75; color:#000; margin-top:5px;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul {margin:5px 0 54px; padding:50px 0 10px; border:1px solid #e4dcd3; background:#fff;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul:after {clear:both; display:block; content:'';}
.bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul li {float:left; width:40%; margin:0 5% 40px; text-align:center;}
.bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul li img {vertical-align:middle;}
@media screen and (min-width: 640px) {
    .bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list .text {line-height:1.75; color:#00; margin-top:24px;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul{margin:10px 0 54px;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul li {width:31.3%; margin:0 1% 40px;}
}
@media screen and (min-width: 1024px) {
    .bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul {padding:50px 0 5px 30px;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .point_img_list ul li {float:none; display:inline-block; width:auto; margin:0 20px 40px;}
}
/* 20180125 정윤진, 레이어 팝업 추가 */
.insurance { position: relative; zoom: 1; text-align: center; }
@media (max-width: 767px) {
    .bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot + .btn_wrap span:nth-child(2) { display: block; margin-top: 5px; }
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks {margin-top:20px; padding:0 30px;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .grid .col {padding:0; margin: 10px 0;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .grid .col .img {float:left; width:80px; margin-right:20px;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step .subject {text-align:left;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step .subject:before {display:none;}
    .bluemem_benefit02_02 .link_box {margin-top:30px; padding:20px 55px; text-align:center;}
    .bluemem_benefit02_02 .link_box .text_button_bar {padding-right:0;}
    .bluemem_benefit02_02 .link_box .text_button_bar>[class*="btn"] {width:190px; margin:20px auto 0;}
    .bluemem_benefit02_02 .acc_guide {margin-top:20px}
    .bluemem_benefit02_02 .acc_guide ul {width:100%;}
    .bluemem_benefit02_02 .acc_guide li {float:none;}
    .bluemem_benefit02_02 .acc_guide li+li {margin:15px 0 0 0;}
    .bluemem_benefit02_02 .acc_guide li .bullet_dot {padding-left:0;}
    .bluemem_benefit02_02 .acc_guide li .bullet_dot:before {display:none;}
    .bluemem_benefit02_02 .acc_guide li .select_wrap {display:block; width:100%; margin:10px 0 0 0;}
    .bluemem_benefit02_02 .acc_guide .srch_area {width:100%; /*margin-top:20px*/}
    .bluemem_benefit02_02 .bottom_bgbox {background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bluemem_benefit02_02_bottom_bg-m.jpg)}
    .bluemem_benefit02_02 .bottom_bgbox {padding:50px 15px 70px;background-image:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bluemem_benefit02_02_bottom_bg-pc.jpg)}
    .bluemem_benefit02_02 .bottom_bgbox .img_wrap {margin-bottom:30px}
    .bluemem_benefit02_02 .bottom_bgbox .img_wrap img {width:85px;}
    .bluemem_benefit02_02 .notice_title {font-size:14px; line-height:20px}
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* 20180208 정윤진, 트래커 #37552 */
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks { margin-top: 15px; padding: 0 35px; }
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step { padding: 35px 0; }
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .grid .col { width: 33.333%; padding: 0 50px; }
    .bluemem_benefit02_02 .ui_accordion.acc_03 .choiinabooks .entry_step .subject:before { top: -30px;}
}


/*탭분류*/
.bluemem_benefit02_02 .main_title {margin-bottom:60px}
.bluemem_benefit02_02 .tab_menu_part {overflow:hidden; width:100%}
.bluemem_benefit02_02 .tab_menu_part li {float:left; width:9.09%; padding-left:0.53%; box-sizing:border-box; }
.bluemem_benefit02_02 .tab_menu_part:after {content:''; clear:both; display:block}
.bluemem_benefit02_02 .tab_menu_part li:first-child {padding-left:0}
.bluemem_benefit02_02 .tab_menu_part li.on a {background:#006992; color:#fff} /* 200414 edit */
.bluemem_benefit02_02 .tab_menu_part li a {position:relative; display:block; width:100%; height:107px; background:#f6f3f2}
.bluemem_benefit02_02 .tab_menu_part .menu01 .ico_bg {background-position:7px 3px}
.bluemem_benefit02_02 .tab_menu_part .menu02 .ico_bg {background-position:0px -108px}
.bluemem_benefit02_02 .tab_menu_part .menu03 .ico_bg {height:50px; background-position:6px -224px}
.bluemem_benefit02_02 .tab_menu_part .menu04 .ico_bg {height:50px; background-position:3px -347px}
.bluemem_benefit02_02 .tab_menu_part .menu05 .ico_bg {background-position:2px -471px}
.bluemem_benefit02_02 .tab_menu_part .menu06 .ico_bg {height:50px; background-position:5px -591px}
.bluemem_benefit02_02 .tab_menu_part .menu07 .ico_bg {width:55px; height:55px; background-position:6px -714px}
.bluemem_benefit02_02 .tab_menu_part .menu08 .ico_bg {width:55px; height:55px; background-position:6px -830px}
.bluemem_benefit02_02 .tab_menu_part .menu09 .ico_bg {width:55px; height:55px; background-position:6px -942px}
.bluemem_benefit02_02 .tab_menu_part .menu10 .ico_bg {width:55px; height:55px; background-position:15px -1059px}
.bluemem_benefit02_02 .tab_menu_part .menu11 .ico_bg {width:39px; height:55px; background-position:0 -1180px}
 /* 200414 edit */
.bluemem_benefit02_02 .tab_menu_part li.on .menu01 .ico_bg {background-position:-88px 3px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu02 .ico_bg {background-position:-103px -108px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu03 .ico_bg {background-position:-90px -224px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu04 .ico_bg {background-position:-92px -347px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu05 .ico_bg {background-position:-93px -471px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu06 .ico_bg {background-position:-90px -591px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu07 .ico_bg {background-position:-90px -714px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu08 .ico_bg {background-position:-89px -830px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu09 .ico_bg {background-position:-89px -942px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu10 .ico_bg {background-position:-80px -1059px}
.bluemem_benefit02_02 .tab_menu_part li.on .menu11 .ico_bg {background-position:-95px -1180px}
 /* //200414 edit */
.bluemem_benefit02_02 .tab_menu_part .menu {color: #626262}
.bluemem_benefit02_02 .tab_menu_part .on .menu {color:#fff}
/* .bluemem_benefit02_02 .tab_menu_part .ico_bg {width:45px; height:45px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_benefit-pc.png) 0 0} */
.bluemem_benefit02_02 .tab_menu_part .ico_bg {width:45px; height:45px; background:url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/bluemembers-point/ico_benefit-pc.png) 0 0 no-repeat}
.bluemem_benefit02_02 .tab_menu_part .menu {position:absolute; bottom:20px; width:100%; left:0}
.bluemem_benefit02_02 .tab_menu_part .menu.long_txt {font-size: 14px;}/*210607 add*/
/*블랙블릿 리스트*/
.companyinfo .black.list_bullet_dot {margin-top:28px}
.companyinfo .black.list_bullet_dot li {line-height:22px; color:#000}
.companyinfo .black[class^="bullet_"][class*="_dot"]:before,
.companyinfo .black[class*="_bullet"][class*="_dot"]>li:before{content:''; position:absolute; top:0.7em; left:0; width:3px; height:3px; margin-top:-1px; background:#000}
/* .companyinfo p[class^="bullet_"][class*="_dot"]{line-height:22px} 2018-11-13 이지혜 : common.css로 이동 */
.member_divide {margin-bottom:60px}
.companyinfo .member_divide {margin-bottom:60px}
.companyinfo .multi-noti {position:relative; margin-top:30px}
.companyinfo .multi-noti li + li {margin-top:10px}
.companyinfo .multi-noti .black {color:#000}
.companyinfo .multi-noti .right {position:absolute; right:0; top:0; margin-top:0}
.companyinfo .multi-noti .right {}
.companyinfo .diagram_info span {position:relative; padding-left:23px; font-size:14px; color:#000}
.companyinfo .diagram_info span:after {display:block; position:absolute; top:1px; left:0; content:''; width:14px; height:14px}
.companyinfo .diagram_info .sky:after {background:#0fadda}
.companyinfo .diagram_info .gray:after {background:#cfccc9}
.companyinfo .diagram_info span + span {margin-left:20px}
/*포인트제도 강화안내*/
.companyinfo.bluemembers_info_1 .table_scroll .data_table td {color:#000;}
.companyinfo.bluemembers_info_1 .main_title,
.companyinfo.bluemembers_info_2 .main_title,
.companyinfo.bluemembers_service .main_title {margin-bottom:40px}
.companyinfo.bluemembers_info_1 .next_img {margin-bottom:53px}
.companyinfo.bluemembers_info_1 .img_wrap img {width:100%}
/*asis-circle_diagram*/
.companyinfo .guide{overflow:hidden; padding:60px 0 50px}
.companyinfo .guide li{position:relative;float:left;width:25%;text-align:center;list-style:none}
.companyinfo .guide li .step_img{padding:0 3%}
.companyinfo .guide li .step_img{position:relative;display:block}
.companyinfo .guide li:last-child .step_img:after{display:none}
.companyinfo .guide li p{padding-top:30px; font-family:'HeadRegular'; color:#000; line-height:1.5}
/*멤버스 서비스*/
.companyinfo .mem_benefit {max-width:1600px; margin:60px auto 0}
.companyinfo .mem_benefit .page_move {text-align:left}
.companyinfo .mem_benefit .bene_tit {margin-top:30px; font-size:30px; font-family:'HeadMedium'; color:#000}
.companyinfo .mem_benefit .page_move a b {color:#002c5f}
.companyinfo .mem_benefit .page_move p {margin:31px 0 52px 0}
.companyinfo .mem_benefit .car_service {max-width:1600px}
.companyinfo .mem_benefit .car_service .grid_col_02 {max-width:766px; margin:0 auto}
.companyinfo .mem_benefit .car_service .sub_title {margin-top:80px; padding-bottom:60px; text-align:center}
.companyinfo .mem_benefit .car_service a {display:block; margin-top:80px}
.companyinfo .mem_benefit .car_service a b {color:#002c5f}
.companyinfo .mem_benefit .life_service .sub_title {padding-top:60px;margin:60px 0 50px 0; border-top:1px solid #dbdbdb; text-align:center}
.companyinfo .mem_benefit .life_service a {display:block; margin-top:80px}
.companyinfo .mem_benefit .life_service a b {color:#002c5f}
.companyinfo .mem_benefit .life_service {}
/*고객서비스 > 블루멤버스 안내 > 블루멤버스란 > 블루멤버스 스토리 */
.companyinfo.bluemembers_story .section_box {padding:80px 0 0 0}
.companyinfo.bluemembers_story .text_strong+.text_strong {padding-bottom:20px}
.companyinfo.bluemembers_story .align_center .sub_title {margin:60px 0 30px}
.companyinfo.bluemembers_story .sub_title+.text_strong {margin-top:20px}
.companyinfo.bluemembers_story .align_center .text_strong  {margin:30px 0 53px;}
.companyinfo.bluemembers_story .responsive_slide .ix-list-item {padding:0}
.companyinfo.bluemembers_story .responsive_slide .ix-list-viewport {margin-left:0}
.companyinfo.bluemembers_story .responsive_slide .row_title {display:block; margin-top:30px}
.companyinfo.bluemembers_story .movie_wrap .panel {padding:60px 0 0 0;}
.companyinfo.bluemembers_story .movie_wrap .panel .ix-list-viewport li {text-align:left}
.companyinfo.bluemembers_story .logo_info {max-width:1600px; padding:20px 0}
.companyinfo.bluemembers_story .logo_info .txt_area {max-width:1120px; margin:0 auto}
.companyinfo.bluemembers_story .logo_info .txt_area .sub_title {margin-top:53px}
.companyinfo.bluemembers_story .logo_info img,
.companyinfo.bluemembers_story .img_wrap img {width:100%}
.companyinfo.bluemembers_story .img_wrap {margin-top:60px}
.companyinfo.bluemembers_story .video_wrap {width:740px;}
.companyinfo.bluemembers_story .video_info {width:380px; float:left}
.companyinfo.bluemembers_story .history_list {max-width:1120px; margin:55px auto 100px}
.companyinfo.bluemembers_story .history_list .col_02_list {}
.companyinfo.bluemembers_story .history_list .tit {display:block; margin:60px 0 28px; font-size:30px}
.companyinfo.bluemembers_story .history_list .black.list_bullet_dot li {font-size:16px; line-height:26px}
.companyinfo.bluemembers_story .history_list .black.list_bullet_dot li+li {margin-top:10px;}
.companyinfo.bluemembers_story .history_list .black_dot_pd:nth-child(1) .tit {margin-top:0}
.companyinfo.bluemembers_story .promotion_movie {max-width:1120px; margin:0 auto; background:#f6f3f2}
.companyinfo.bluemembers_story .promotion_movie:after {content:''; display:block; clear:both}
.companyinfo.bluemembers_story .promotion_movie .go_movie {float:left; width:calc(100% - 374px)}
.companyinfo.bluemembers_story .promotion_movie .go_movie img {width:100%}
.companyinfo.bluemembers_story .promotion_txt {float:left; padding:60px 50px; width:374px; box-sizing:border-box; }
.companyinfo.bluemembers_story .promotion_txt .comm_area {background:#f6f3f2}
.companyinfo.bluemembers_story .promotion_txt .sub_title {margin:12px 0 16px;}
.companyinfo.bluemembers_story .logo_info .col+.col {margin-left:0; float:right}
@media screen and (min-width: 768px) and (max-width: 1109px){
    .bluelink04_01 .auto_mw_md {padding:30px 15px}
    .bluelink04_02 .as_txt  p {width:100%}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .inner_con {width:calc(100% - 433px);}
    .bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt .align_right {margin-right:20px;}
    .bluemem_benefit02_02 > .section_white {padding:0 15px}
    .bluemem_benefit02_02 .tab_menu_part .menu.long_txt{font-size: 12px;}/*210607 add*/
}
@media screen and (min-width: 0px) and (max-width: 767px){
    .bluemem_benefit02_02 > .section_white {padding:0 15px}
    .bluemem_benefit02_02 .main_title {margin-bottom:30px}
    .bluemem_benefit02_02 .tab_menu_part {margin-top:-0.7%}
    .bluemem_benefit02_02 .tab_menu_part {overflow:hidden; width:100%}
    .bluemem_benefit02_02 .tab_menu_part li {float:left; margin-top:0.7%; width:20%; padding-left:0.7%; box-sizing:border-box; }
    .bluemem_benefit02_02 .tab_menu_part li:nth-child(6) {padding-left:0}
    .bluemem_benefit02_02 .tab_menu_part li a {height:52px;}
    .bluemem_benefit02_02 .tab_menu_part .menu {bottom:10px; font-size:12px; letter-spacing:-0.05em;}
    .bluemem_benefit02_02 .tab_menu_part .menu.long_txt {font-size: 12px;}/*210608 add*/    
    .bluemem_benefit02_02 .tab_menu_part .ico_bg {background-size:220%}
    .bluemem_benefit02_02 .tab_menu_part .menu01 .ico_bg {background-position:-83px 11px}
    .bluemem_benefit02_02 .tab_menu_part .menu02 .ico_bg {background-position:-87px -46px}
    .bluemem_benefit02_02 .tab_menu_part .menu03 .ico_bg {background-position:-84px -103px}
    .bluemem_benefit02_02 .tab_menu_part .menu04 .ico_bg {background-position:12px -164px}
    .bluemem_benefit02_02 .tab_menu_part .menu05 .ico_bg {background-position:13px -225px}
    .bluemem_benefit02_02 .tab_menu_part .menu06 .ico_bg {background-position:16px -885px}
    .bluemem_benefit02_02 .tab_menu_part .menu07 .ico_bg {background-position:15px -1162px}
    .bluemem_benefit02_02 .tab_menu_part .menu08 .ico_bg {background-position:16px -1232px}
    .bluemem_benefit02_02 .tab_menu_part .menu09 .ico_bg {background-position:15px -1300px}
    .bluemem_benefit02_02 .tab_menu_part .menu10 .ico_bg {background-position:20px -1371px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu01 .ico_bg {background-position:-130px 11px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu02 .ico_bg {background-position:-134px -46px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu03 .ico_bg {background-position:-131px -103px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu04 .ico_bg {background-position:-35px -164px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu05 .ico_bg {background-position:-34px -225px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu06 .ico_bg {background-position:-31px -885px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu07 .ico_bg {background-position:-44px -1163px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu08 .ico_bg {background-position:-41px -1232px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu09 .ico_bg {background-position:-42px -1300px}
    .bluemem_benefit02_02 .tab_menu_part .on.menu10 .ico_bg {background-position:-37px -1371px}
    .bluemem_benefit02_02 .ui_tab_03 .tab_menu_part li a { height:100%; }/* 20180126 정윤진, 모바일일 경우 select 디자인 추가 */
    .bluemem_benefit02_02 .ui_tab_03 .tab_menu_part .menu { position: static; }
    /* accordion type03 */
    .bluemem_benefit02_02 .ui_accordion.acc_03 .part {display:none}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .host {display:none}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .inner_con {width:80%; margin-bottom:20px; line-height:22px}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .acc_03_tit {padding:25px 0}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .acc_03_tit .align_right {float:none; display:block; width:100%; text-align:left !important; clear:both}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .acc_03_tit .benefit_opt + .benefit_opt {margin-left:10px;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dt button {top:50%; margin-top:-29px}
    .bluemem_benefit02_02 .ui_accordion.acc_03 > dl > dd {padding:30px 0 50px; border-top:1px solid #e4dcd3;}
    .bluemem_benefit02_02 .ui_accordion.acc_03 .list_bullet_dot {margin-top:0}
    .bluemem_benefit02_02 .notice_title {font-size:14px; line-height:20px}
    /* 20180105 정윤진, 모바일 디자인 변경 */
    .bluemem_benefit02_02 .tab_menu_part { overflow: hidden; overflow-x: visible; white-space: nowrap; width: 100%; margin-right: -15px; }
    .bluemem_benefit02_02 .tab_menu_part li { position:relative; display:inline-block; float: none; width: auto; min-width: 100px; }
    .bluemem_benefit02_02 .tab_menu_part li a { height: 31px; }
    .bluemem_benefit02_02 .tab_menu_part li strong { position: relative; top: auto; left: auto; }
    .bluemem_benefit02_02 .tab_menu_part .ico_bg { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
/* 768이상 1023 미만 tablet */
    .circle_diagram ul {width:50%}
    .companyinfo.bluemembers_story .promotion_movie .go_movie {width:100%}
    .companyinfo.bluemembers_story .promotion_txt {padding:20px 13px 56px; width:100%; height:auto}
    .companyinfo.bluemembers_story .promotion_txt .comm_area {}
    .companyinfo.bluemembers_story .promotion_txt .sub_title {margin:12px 0 16px; line-height:21px}
    .companyinfo.bluemembers_story .logo_info .col {width:100%}
    .companyinfo.bluemembers_story .logo_info img {width:100%}

    /*주가정보*/
    .rt_stock_price .chart-wrap {padding:0 15px;}
    .rt_stock_price .stock_wrap {padding:100px 15px 23px}
    .function_tab .function_tab_innerwrap {padding:0 15px; box-sizing:border-box}
}

@media screen and (max-width: 767px){
    /* 768 tablet(포함) 이하 */
    .customer_tblbottom {margin-top:6px; text-align:left; line-height:28px; word-break:keep-all}
    .customer_tblguide {padding-bottom:6px; line-height:21px;}
    .bluelink04_01 .black.list_bullet_dot li {font-size:14px}
    .bluelink04_03 .main_title {padding:50px 0 30px}
    .bluelink04_01 .main_title {padding:50px 0 30px}
    .bluelink04_01 .auto_mw_md {padding:1em}
    .bluelink04_01 .align_center .btn_lg_primary {margin-top:32px !important}
    .bluelink04_01 .sub_title {margin:50px 0 0; padding-bottom:0}
    .bluelink04_01 .black.list_bullet_dot {margin:26px 0 23px}
    .bluelink04_02 .as_txt {padding:32px 0 10px}
    .bluelink04_02 .as_txt  p {width:100%}
    .bluelink04_02 .sub_title {margin-top:20px; line-height:30px}
    .bluelink04_02 .btn_lg_primary {margin:30px 0 35px}
    .bluelink04_03 .auto_mw_md {padding:30px 15px}
    .bluelink04_02 .panel_notice img {width:52px}
    .bluelink04_01 .tel_wrap {font-size:25px; height:117px}
    .bluelink04_01 .tel_wrap .tel {font-size:25px; line-height:117px}
    .bluelink04_01 .tel_wrap img {width:50px; font-size:25px}
    .bluemem_benefit02_02 .auto_mw_md {padding:50px 0 30px}

    /*회원가입대상*/
    .companyinfo .member_divide {margin-bottom:30px}

    /*멤버스 서비스*/
    .companyinfo .mem_benefit .page_move a {display:block; padding-bottom:26px}
    .companyinfo .mem_benefit .page_move .last {padding-bottom:0}
    .companyinfo .mem_benefit {max-width:1120px; margin-top:60px; text-align:left !important}
    .companyinfo .mem_benefit .col + * {margin-left:0; margin-top:5px}
    .companyinfo .mem_benefit .bene_tit {margin-top:30px; font-size:21px}
    .companyinfo .mem_benefit .page_move p {margin:10px 0 17px 0}
    .companyinfo .mem_benefit .car_service {max-width:1120px}
    .companyinfo .mem_benefit .car_service .sub_title {margin-top:30px; padding-bottom:13px; text-align:left}
    .companyinfo .mem_benefit .car_service a {margin-top:40px}
    .companyinfo .mem_benefit .life_service .sub_title {padding-top:33px; margin:60px 0 20px 0}
    .companyinfo .mem_benefit .life_service a {margin-top:40px}

    /*고객서비스 > 블루멤버스 안내 > 블루멤버스란 > 블루멤버스 스토리 */
    .companyinfo.bluemembers_story .align_center .sub_title {margin:20px 0 0}
    .companyinfo.bluemembers_story .section_box.pd_lg {padding:50px 15px 0}
    .companyinfo.bluemembers_story .section_box .inner {padding:0 15px}
    .companyinfo.bluemembers_story .logo_info {padding:0}
    .companyinfo.bluemembers_story .promotion_movie .go_movie {width:100%}
    .companyinfo.bluemembers_story .promotion_txt {padding:20px 13px 56px; width:100%; height:auto}
    .companyinfo.bluemembers_story .promotion_txt .sub_title {margin:12px 0 -3px; }
    .companyinfo.bluemembers_story .logo_info .col {width:100% !important; }
    .companyinfo.bluemembers_story .logo_info .col+.col {margin:25px 0 0 0;}
    .companyinfo.bluemembers_story .logo_info .txt_area {text-align:center}
    .companyinfo.bluemembers_story .logo_info .txt_area .sub_title {margin-top:0}
    .companyinfo.bluemembers_story .history_list {margin:0 0 70px}
    .companyinfo.bluemembers_story .history_list .black_dot_pd:nth-child(1) .tit,
    .companyinfo.bluemembers_story .history_list .grid_col_02 .tit {margin-top:30px}
    .companyinfo.bluemembers_story .history_list .grid_col_02  + .grid_col_02 {margin-top:0}
    .companyinfo.bluemembers_story .history_list .tit {margin-top:30px; font-size:21px}
    .companyinfo.bluemembers_story .history_list .col {width:100%; margin:0;}
    .companyinfo.bluemembers_story .movie_wrap .panel {padding:30px 0; margin:0}
    .companyinfo.bluemembers_story .img_wrap {margin-top:50px}
    .companyinfo.bluemembers_story .history_list .black.list_bullet_dot li+li {margin-top:0}
    .companyinfo.bluemembers_story .history_list .tit {margin:0;}
    .companyinfo.bluemembers_story .black.list_bullet_dot {margin-top:10px}
}
@media screen and (max-width: 767px){
/* 768미만 mobile */
    .companyinfo.bluemembers_info_1 .main_title,
    .companyinfo.bluemembers_info_2 .main_title,
    .companyinfo.bluemembers_service .main_title {margin-bottom:14px}
    .companyinfo .mem_benefit .col {width:100%}
    .companyinfo .mem_benefit .col img {width:100%}
}

/* 고객서비스 - 블루멤버스 혜택 - 차량관리 */
.counseling_list.basic_list>li.on {padding-bottom:0}
.counseling_list.basic_list>li.on>button:after{width:21px; height:13px; margin:-14px 0 0 -15px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png) no-repeat 0 -38px;}
.counseling_list.basic_list>li b .ico_list_arr {display:inline-block; width:9px; height:5px; margin-left:8px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png) no-repeat 0 -17px;}
.counseling_list.basic_list>li.on b .ico_list_arr {background-position:0 -28px;}
.counseling_list.basic_list .counseling_info {padding:60px; border:none; z-index:2}
.counseling_list.basic_list .counseling_info .close {width:10px; height:10px; padding:0; position:absolute; top:17px; right:17px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png) no-repeat 0 0;}
.counseling_list.basic_list .counseling_info .close>span {display:block; position:absolute; top:0; left:-9999px; text-indent:-999999px;}
.companyinfo .counseling_list.basic_list {padding:60px 0 170px}
.companyinfo .counseling_list .title_area {padding-bottom:53px; text-align:center}
.companyinfo .counseling_list .title_area .sub_title {padding-bottom:17px; font-size:30px}
.companyinfo .counseling_list .title_area .text_strong > span {display:block}
.companyinfo .counseling_list .cont_area_box:after {display:block; clear:both; content:""}
.companyinfo .counseling_list .cont_area_box .cont_img_area {float:left; width:45%}
.companyinfo .counseling_list .cont_area_box .cont_text_area {float:left; width:55%;}
.companyinfo .counseling_list .cont_area_box .cont_text_area .section {padding:30px 0 0 25px}
.companyinfo .counseling_list .cont_area_box .cont_text_area .row_title {padding-bottom:23px; font-size:20px}
.companyinfo .counseling_list .cont_area_box .cont_text_area .notice_list {padding-top:15px}
.companyinfo .counseling_list .cont_area_box .cont_text_area .dl_txt_area {padding-top:25px}
.companyinfo .counseling_list .cont_area_box .cont_text_area .dl_txt_area dt {margin-bottom:5px; color:#000}
.companyinfo .counseling_list .cont_area_box .cont_text_area .dl_txt_area dd {padding-left:20px; font-size: 0.9em; line-height: 1.75; word-break: keep-all;}
.companyinfo .counseling_list .cont_area_box .cont_text_area .dl_txt_area .text_notice .ico_exclam_cir {top:-2px}
.companyinfo .counseling_list .cont_area_box+.cont_area_box{margin-top:40px}
.companyinfo .counseling_list .cont_area_box .list_bullet_dot li {color:#000}
.companyinfo .counseling_list .cont_area_box.blue_hans {background:#fff}
.companyinfo .counseling_list .cont_area_box.blue_hans .cont_text_area {display:table; height:278px; box-sizing:border-box}
.companyinfo .counseling_list .cont_area_box.blue_hans .cont_text_area .section {display:table-cell; padding-top:0; vertical-align:middle}
.companyinfo .counseling_list .cont_area_box.blue_hans .cont_text_area .section .text {color:#000}


.companyinfo .counseling_list .form_btns {margin-top:60px}
.companyinfo .counseling_list .cont_area_box.bottom {margin-top:60px; padding-top:30px; border-top:1px solid #e5e5e5}
.companyinfo .counseling_list .cont_area_box.bottom .cont_text_area {float:none; width:100%}
.companyinfo .counseling_list .cont_area_box.bottom .cont_text_area+.cont_text_area .section {padding-top:35px}
.companyinfo .counseling_list .cont_area_box.bottom .cont_text_area .row_title+.title {margin-top:2px}
.companyinfo .counseling_list .cont_area_box.bottom .title {margin-bottom:20px; font-size: 16px; line-height: 28px; font-family: 'TextMedium'; color:#000}
.companyinfo .counseling_list .test_drive .guide {padding:37px 0 55px 0}
.companyinfo .counseling_list .test_drive .guide li {width:14%}
.companyinfo .counseling_list .test_drive .guide li .bold {font-family:'TextMedium';}
.companyinfo .counseling_list .test_drive .guide .txt_small {display:block; font-size:14px; word-break:keep-all;}

@media screen and (max-width: 767px){
    .counseling_list.basic_list>li.on>button:after,
    .counseling_list.basic_list>li b .ico_list_arr,
    .counseling_list.basic_list .counseling_info .close,
    .test_drive .guide li .step_img:after   {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_mobile_basic_list.png) no-repeat 0 0;  background-size:13px 100px}
    .counseling_list.basic_list>li.on>button:after {width:10px; height:7px; margin-top:-8px; background-position:0 -31px;}
    .counseling_list.basic_list>li b .ico_list_arr {width:7px; height:5px; margin-left:10px; background-position:0 -15px;}
    .counseling_list.basic_list>li.on b .ico_list_arr {background-position:0 -23px;}
    .counseling_list.basic_list .counseling_info .close {width:13px; height:13px; background-position:0 0;}
    .companyinfo .counseling_list .title_area {padding-bottom:25px}
    .companyinfo .counseling_list .cont_area_box .cont_img_area,
    .companyinfo .counseling_list .cont_area_box .cont_text_area {float:none; width:100%;}
    .companyinfo .counseling_list .counseling_car_img img {width:100%;}
    .companyinfo .counseling_list .counseling_info {padding:53px 15px 20px}
    .companyinfo .counseling_list.basic_list {padding:40px 15px 0}
    .counseling_list.basic_list>li {margin-top:0}
    .counseling_list.basic_list>li>* b {padding-top:15px; height:58px}
    .companyinfo .counseling_list .cont_area_box .cont_text_area .section {padding:20px 0 0 15px}
    .companyinfo .counseling_list .cont_area_box .cont_text_area .row_title {padding-bottom:15px}
    .counseling_list.basic_list .counseling_info .btn_close .ico_close {top:15px; right:15px}
    .companyinfo .counseling_list .cont_area_box .cont_text_area .notice_list {padding-top:10px}
    .companyinfo .counseling_list .form_btns {margin:30px 0 20px}
    .companyinfo .counseling_list .cont_area_box.blue_hans .cont_text_area {margin-top:-13px;}
    .companyinfo .counseling_list .cont_area_box.bottom {margin:0; padding-top:13px; border:none}
    .companyinfo .counseling_list .cont_area_box.bottom .title {font-size: 14px; line-height: 22px;margin-bottom:15px}
    .companyinfo .counseling_list .cont_area_box.bottom .cont_text_area+.cont_text_area .section {padding-top:25px}
    .companyinfo .counseling_list .test_drive .guide {padding:0; margin-bottom:-5px}
    .companyinfo .counseling_list .test_drive .guide li {width:50%; margin:25px 0 0 0}
    .companyinfo .counseling_list .test_drive .guide li .step_img:after {position:absolute;right:0;top:50%;width:7px;height:12px; content:'';display: block; background-position:0 -41px;}
    .companyinfo .counseling_list .test_drive .guide li:last-child .step_img:after {display:none}
    .companyinfo .counseling_list .title_area .text_strong > span {display:inline}
    .companyinfo .counseling_list .cont_area_box.blue_hans .cont_text_area {height:auto}
    .companyinfo .counseling_list .cont_area_box.blue_hans .cont_text_area .section {margin-top:15px; padding-bottom:30px}

}


@media screen and (max-width: 360px){
    .counseling_list.basic_list>li.on:first-child {margin-top:10px}
}

/* 고객서비스 - 블루멤버스포인트 - 특별제휴혜택
.companyinfo .benefit_wrap .counseling_list>li>* b {height:78px}
.companyinfo .benefit_wrap .counseling_list .cont_area_box .cont_text_area .section {padding-top:0}
.companyinfo .benefit_wrap .counseling_list .title_area {padding-bottom:0; text-align:left;}
.companyinfo .benefit_wrap .counseling_list .title_area .sub_title {padding-bottom:50px}
.companyinfo .benefit_wrap .counseling_list .cont_area_box .list_bullet_dot li>span{display:block}
.companyinfo .benefit_wrap .counseling_list .cont_area_box .cont_text_area .notice_list {padding-top:5px}

@media screen and (max-width: 767px){
    .companyinfo .benefit_wrap .counseling_list .title_area .sub_title {padding-bottom:10px}
    .companyinfo .benefit_wrap .counseling_list .cont_area_box .cont_text_area .notice_list {padding-top:0}
    .companyinfo .benefit_wrap .counseling_list>li>* b {height:58px}
} */

/* 고객서비스 - 블루멤버스포인트 - 포인트안내
.companyinfo.mempoint_guide [class^="section"].pd_lg {padding:0}
.companyinfo.mempoint_guide .mempoint_area .main_title {padding:90px 0 30px}
.companyinfo.mempoint_guide .mempoint_area .sub_txt .text {padding-bottom:95px; color:#000; text-align:center}
.companyinfo.mempoint_guide .mempoint_area .sub_txt .text>span {display:block; }
.companyinfo.mempoint_guide .mempoint_area .sub_txt+.img_wrap {display:block; margin-bottom:-15px}
.companyinfo.mempoint_guide .mempoint_area.bg {width:100%; height:563px; display:table;}
.companyinfo.mempoint_guide .mempoint_area .point_area {display:table-cell; vertical-align:middle; text-align:center}
.companyinfo.mempoint_guide .mempoint_area .point_area .btn_lg_primary {color:#000}
.companyinfo.mempoint_guide .mempoint_area .point_area .btn_lg_primary .num {color:#fc4d00}
.companyinfo.mempoint_guide .mempoint_area .point_area .sub_title {padding:165px 0 40px;  background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_blue_point-pc.png) no-repeat center 0;}
.companyinfo.mempoint_guide .tu2ct_area {padding-top:30px}
.companyinfo.mempoint_guide .tu2ct_area ul:after {display:block;clear:both;content:'';}
.companyinfo.mempoint_guide .tu2ct_area ul {margin:0 -15px}
.companyinfo.mempoint_guide .tu2ct_area ul li {float:left; width:50%; padding:0 15px; box-sizing:border-box}
.companyinfo.mempoint_guide .tu2ct_area ul li .text_wrap {margin:25px 0 95px;color:#000;}
.companyinfo.mempoint_guide .tu2ct_area ul li .text_wrap .sub_title {padding-bottom:30px; line-height:40px}
@media screen and (max-width: 767px){
    .companyinfo.mempoint_guide .mempoint_area .main_title {padding:30px 0 10px}
    .companyinfo.mempoint_guide .mempoint_area .sub_txt .text {padding-bottom:32px}

    .companyinfo.mempoint_guide [class^="section"].pd_lg {padding:15px}
    .companyinfo.mempoint_guide .tu2ct_area {padding-top:0}
    .companyinfo.mempoint_guide .tu2ct_area ul li {width:100%; margin-top:15px}
    .companyinfo.mempoint_guide .tu2ct_area ul li+li {margin-top:35px}
    .companyinfo.mempoint_guide .tu2ct_area ul li img {width:100%}
    .companyinfo.mempoint_guide .tu2ct_area ul li .text_wrap {margin:0 15px}
    .companyinfo.mempoint_guide .tu2ct_area ul li .text_wrap .sub_title {padding:15px 0; line-height:29px}
    .companyinfo.mempoint_guide .mempoint_area.bg {height:390px;}
    .companyinfo.mempoint_guide .mempoint_area .point_area {padding:0 15px}
    .companyinfo.mempoint_guide .mempoint_area .point_area .sub_title {padding:125px 0 25px 0; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_blue_point@wmobile.png) no-repeat center 0; background-size:85px 78px}
} */

/* 고객서비스 메인 */
.customer_main .key_visual [class^="btn_"] {top:309px; min-width:100px}
.customer_main .key_visual .ix-controller {height:auto}
.customer_main .key_visual .slide .ix-controller {padding:0}
.customer_main .key_visual .slide .indicator_inner {width:100%; position:absolute; bottom:50px; left:0;}
.customer_main .key_visual .service_btn {height:100%; text-align:left}
.customer_main .key_visual .service_btn [class^="btn_"] {position:relative;}
.customer_main .key_visual .service_btn>a:first-child {margin-left:0}
.customer_main .key_visual .service_btn .btn_md_primary.gray {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/main/bg_btn_gray.png) repeat; border:1px solid #c2c4c5}
 .customer_main .cust_area .main_title {padding-top:20px}
.customer_main .cust_area .cust_list:after {display:block; clear:both; content:""}
.customer_main .cust_area .cust_list {margin:50px 0 0 -30px}
.customer_main .cust_area .cust_list>li {float:left;width:25%; padding-left:30px; box-sizing:border-box}
.customer_main .cust_area .cust_list>li img {width:100%}
.customer_main .cust_area .cust_list>li .cust_text {margin-top:30px; font-size:16px; font-family:'HeadMedium'; color:#000; word-break:keep-all}
.customer_main .cust_area .cust_list>li .cust_sub_text {display:block; padding:15px 0; color: #626262; font-family:'TextRegular'; font-size:14px; line-height:24px; }
.customer_main .cust_area .cust_bottom {position:relative; margin:60px 0 -20px; padding:60px 0 0; border-top:1px solid #e4dcd3}
.customer_main .cust_area .cust_bottom .btn_md_primary {position:absolute; top:47px; right:0}



.customer_main .models_slide {padding-top:48px}
.customer_main .models_slide [class*="tab_menu"][class*="_02"] {height:50px}
.customer_main .models_slide [class*="tab_menu"][class*="_02"]:after {background:none}
.customer_main .models_slide [class*="tab_menu"][class*="_02"]>li {color:#000}
.customer_main .models_slide [class*="tab_menu"][class*="_02"]>li>*:after {background:#006992}
.customer_main .models_slide .tab_contents {padding-top:40px}



.customer_main .models_slide .models_list_wrap {position:relative; width:1120px; margin:0 auto; height:452px;}
.customer_main .models_slide .models_list_wrap>ul {width:999999999999px; position:absolute; top:0; left:-420px; /*margin:0 -16px;*/ }
.customer_main .models_slide .models_list_wrap>ul:after {display:block; clear:both; content:""}
.customer_main .models_slide .models_list_wrap>ul>li {float:left; box-sizing:border-box; padding-left:35px}
.customer_main .models_slide .models_list_wrap>ul>li .models_list {position:relative; width:350px; height:392px; box-sizing:border-box; opacity:0.3}
.customer_main .models_slide .models_list_wrap>ul>li .models_btns {width:100%; position:absolute; bottom:0; left:0; z-index:2; display:none}
.customer_main .models_slide .models_list_wrap>ul>li .img {display:block; text-align:center}
.customer_main .models_slide .models_list_wrap>ul>li.selected .models_list {background:#fff; border:1px solid #e4dcd3;  opacity:1}
.customer_main .models_slide .models_list_wrap>ul>li.selected .models_list:hover {border:1px solid #000}
.customer_main .models_slide .models_list_wrap>ul>li.selected .models_list:hover .label_promotion {display:block;}
.customer_main .models_slide .models_list_wrap>ul>li.selected .models_btns {display:block}
.customer_main .models_slide .models_list_wrap .label_promotion {display:none; position:absolute; top:12px; right:-5px; width:86px; height:30px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/main/label_promotion.png) no-repeat 0 0;}
.customer_main .models_slide .models_list_wrap .label_promotion>span {display:block; text-indent:-999999999px; position:absolute; left:-9999999999px;}
.customer_main .models_slide .models_list_wrap .models_text {position:absolute; top:40px; left:30px; }
.customer_main .models_slide .models_list_wrap .models_text .models_txt {padding-top:17px}
.customer_main .models_slide .models_list_wrap .models_text .models_txt b {color: #626262}
.customer_main .models_slide .models_list_wrap .models_btns .btn_md_primary {width:33%; background:#444; min-width:auto; color:#fff; border:none}
.customer_main .models_slide .models_list_wrap .models_btns .btn_md_primary:hover {background:#fff; color:#000}
.customer_main .models_slide .models_list_wrap .models_btns .btn_md_primary+.btn_md_primary {margin-left:0;}
.customer_main .models_slide .models_list_wrap .models_btns>button:first-child {width:34%;}
.customer_main .models_slide .models_list_wrap .ix-btn-prev {top:174px; left:0}
.customer_main .models_slide .models_list_wrap .ix-btn-next {top:174px; right:0}
.customer_main .models_slide .selected_area .ix-controller {padding:0}
.customer_main .width_fixed .slide .ix-controller {height:100%; padding:0; position:absolute; bottom:0; left:0;}
.customer_main .width_fixed .slide .ix-controller .indicator_inner {width:100%; position:absolute; bottom:40px; left:0; z-index:2}
.customer_main .width_fixed .slide .slide_direction {width:100%; height:100%}
.customer_main .width_fixed .slide .slide_direction .inner {position:relative; width:1120px; height:100%; margin:0 auto}
.customer_main .width_fixed .slide .slide_direction .ix-btn-prev {margin:0; position:absolute; top:50%; left:0; margin-top:-22px}
.customer_main .width_fixed .slide .slide_direction .ix-btn-next {margin:0; position:absolute; top:50%; right:0; margin-top:-22px}
.customer_main .promotion_thumb .slide.thumbnail {position:relative; width:1120px; margin:0 auto}
.customer_main .promotion_thumb.width_fixed .slide .slide_direction .ix-btn-prev {left:-84px}
.customer_main .promotion_thumb.width_fixed .slide .slide_direction .ix-btn-next {right:-84px}
.customer_main .width_fixed.promotion_thumb .slide .ix-controller {height:44px}
.customer_main .width_fixed.promotion_thumb .slide .ix-controller {bottom:42%}
.customer_main .width_fixed.promotion_thumb .slide.thumbnail { bottom:124px; left:0}
.customer_main .width_fixed.promotion_thumb .slide.thumbnail .ix-list-viewport .ix-list-item {width:100px; height:60px}
.customer_main .width_fixed.promotion_thumb .slide.thumbnail .ix-list-viewport {position:absolute;}

.customer_main .cust_area .service_info {background:#fff; margin-top:52px}
.customer_main .service_info .top_info {padding:50px 40px 0; height:420px; box-sizing:border-box}
.customer_main .service_info .top_info:after {display:block; clear:both; content:""}
.customer_main .service_info .model_left,
.customer_main .service_info .model_right {float:left; width:50%; position:relative; box-sizing:border-box}
.customer_main .service_info .model_left .models_text {position:absolute; top:0; left:0}
.customer_main .service_info .model_left .type_title {margin:-3px 0 15px; color:#111}
.customer_main .service_info .model_left .btn_md_primary {min-width:80px; height:30px}
.customer_main .service_info .model_left .img {width:438px; height:259px; margin:70px auto 0}
.customer_main .service_info .model_right {padding-left:40px}
.customer_main .service_info .model_right .text_area .custom_title {color:#000}
.customer_main .service_info .model_right .text_area .text {padding-top:12px; font-size:20px}
.customer_main .service_info .model_right .data_table {margin:25px 0 40px}
.customer_main .service_info .model_right .data_table td {border-right:1px solid #e4dcd3}
.customer_main .service_info .model_right .data_table td .point {font-size:14px; font-family:'HeadMedium'; word-break: keep-all; color:#000}
.customer_main .service_info .model_right .card_info .card_title {font-size:16px; line-height:26px}
.customer_main .service_info .model_right .card_info .card_con {display:table; padding-top:15px}
.customer_main .service_info .model_right .card_info .card_con:after {display:block; clear:both; content:""}
.customer_main .service_info .model_right .card_info .card_con .img {float:left}
.customer_main .service_info .model_right .card_info .card_con .text {display:table-cell; padding-left:20px; vertical-align:middle; line-height:20px;font-size:14px;}
.customer_main .service_info .model_right .card_info .card_con .text>span{display:block}


.customer_main .service_info .bottom_info {height:100px; background:#002c5f; position:relative;}
.customer_main .service_info .bottom_info .tit {position:absolute; top:44px; left:40px;}
.customer_main .service_info .bottom_info .service_list {height:100px; display:table-cell; padding-left:275px; vertical-align:middle}
.customer_main .service_info .bottom_info .service_list:after {display:block; clear:both; content:""}
.customer_main .service_info .bottom_info .service_list li {float:left; color:#fff}

.customer_main .service_info .bottom_info .service_list li+li {margin-left:40px}
.customer_main .service_info .bottom_info .service_list li b {display:inline-block; padding-left:16px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/main/ico_arrow.png) no-repeat left center;}
.customer_main .service_info .bottom_info .service_list li:first-child b {background:none; padding-left:0}
.customer_main .service_info .bottom_info .tit b,
.customer_main .service_info .bottom_info .service_list li b {color:#fff}

@media screen and (max-width: 1300px){
    .customer_main .width_fixed.promotion_thumb .slide.thumbnail{bottom:60px}
    .customer_main .promotion_thumb.width_fixed .slide .slide_direction .ix-btn-prev {left:0}
    .customer_main .promotion_thumb.width_fixed .slide .slide_direction .ix-btn-next {right:0}
}

@media screen and (max-width: 1120px){
    .customer_main .width_fixed .slide .slide_direction .inner {width:100%; position: inherit;}
    .customer_main .width_fixed .slide .ix-controller .indicator_inner {bottom:10px}
    /*
    .customer_main .models_slide .models_list_wrap>ul>li {width:50%; }
    .customer_main .models_slide .models_list_wrap>ul>li .models_list {width:100%;}
    .customer_main .models_slide .models_list_wrap>ul {width:100%; position:releative; left:0}
    */
}

@media screen and (max-width: 920px){
    .customer_main .service_info .top_info{height:auto}
    .customer_main .service_info .top_info>div{float:none; width:100%}
    .customer_main .service_info .bottom_info {margin-top:30px; height:55px}
    .customer_main .service_info .bottom_info .tit {top:20px; left:15px}
    .customer_main .service_info .bottom_info .service_list {height:55px; padding-left:150px}
    .customer_main .service_info .bottom_info .service_list li+li {margin-left:5px}
    .customer_main .service_info .top_info {padding:25px 20px 0}
    .customer_main .service_info .model_left .img {width:100%; height:auto; margin-top:0; text-align:Center}
    .customer_main .service_info .model_right {padding:0 20px}
}

@media screen and (max-width: 767px){
    .customer_main .cust_area .main_title {padding-top:0}
    .customer_main .cust_area .cust_list {margin:25px 0 0 -15px}
    .customer_main .cust_area .cust_list>li {width:50%; margin-bottom:15px; padding-left:15px}
    .customer_main .cust_area .cust_list>li .cust_text {margin-top:15px; font-size:14px}
    .customer_main .cust_area .cust_list>li .cust_sub_text {padding-bottom:0}
    .customer_main .cust_area .cust_bottom {margin:15px 0 0 0; padding:15px 0}
    .customer_main .cust_area .cust_bottom .btn_md_primary {position:relative; top:20px}

    .customer_main .width_fixed .slide .ix-controller,
    .customer_main .width_fixed .slide .ix-controller .indicator_inner  {position:inherit}
    .customer_main .width_fixed .slide .ix-controller{padding: 1.8em 0;}
    .customer_main .width_fixed .slide .slide_direction .inner {position:absolute;}
    .customer_main .width_fixed .slide .slide_direction .ix-btn-next,
    .customer_main .width_fixed .slide .slide_direction .ix-btn-prev {top:0}

    .customer_main .service_info {margin-top:26px}
    .customer_main .service_info .model_left .btn_md_primary {width:80px}
    .customer_main .service_info .bottom_info {height:auto; padding:50px 15px 15px}
    .customer_main .service_info .bottom_info .service_list {}
    .customer_main .service_info .bottom_info .service_list {height:auto; padding:0; display:block}
    .customer_main .service_info .top_info {padding:15px}
    .customer_main .service_info .model_right,
    .customer_main .service_info .model_right .card_info .card_con  {padding:0}
    .customer_main .service_info .model_right .data_table {margin:14px 0 20px}
    .customer_main .service_info .bottom_info {margin-top:15px}
    .customer_main .service_info .model_right .text_area .text {padding-top:5px;font-size:16px}
    .customer_main .width_fixed.promotion_thumb .slide.thumbnail .ix-list-viewport {display:none}
}

/* 고객서비스 - 팝업 예약확인 */
/* gray input */
.layer_popup .benefit .input_gray {width:100%; height:40px; background:#f6f3f2!important; border:none !important;}
.layer_popup .benefit .text_notice.black small {color:#000; line-height:24px}

/* 고객서비스 - 팝업 응모완료 */
.layer_popup .benefit .layer_title {padding-bottom:60px}
.layer_popup .list_bullet_dot.black >li:before {width:2px; height:2px; color:#fff}
.layer_popup .list_bullet_dot.black >li {color:#000}
.layer_popup .benefit .row_title {margin-bottom:20px; font-family:'TextMedium';}
.layer_popup .benefit .notice_box {padding:40px 0 60px; border-bottom : 1px solid #e4dcd3;}
.layer_popup .benefit .callcenter {padding-top:60px}
.layer_popup .benefit .list_bullet_dot {margin-top:10px}
.layer_popup .benefit .data_table td {border-right:1px solid #e4dcd3}
.layer_popup .benefit .data_table tbody tr:first-child th {border-top:1px solid #e4dcd3}
.layer_popup .benefit .text_notice.black small >span {display:block; margin-left:0}

@media screen and (max-width: 767px) {
    .layer_popup .benefit .layer_title {padding-bottom:0.7em}
    .layer_popup .benefit .notice_box {padding:30px 0 40px}
    .layer_popup .benefit .callcenter {padding-top:40px}
    .layer_popup .mo_hmfont {font-family :'HeadMedium'!important;}
    .layer_popup .benefit .text_notice.black small {font-size:13px; line-height:21px}
    .layer_popup .benefit .text_notice.black .ico_exclam_cir {width:16px; height:16px; background:url(../images/common/ico_pc_20.png) no-repeat 0 -320px;}
    .layer_popup .benefit .row_title {margin-bottom:15px}
    .layer_popup .benefit .text_notice.black small >span {display:inline-block; margin-left:0}
}

/* 고객서비스 - 팝업 응모하기 */
.layer_popup .benefit .data_table td {border-left:1px solid #e4dcd3}
.layer_popup .benefit .person_box .text_area {padding:40px 0}
.layer_popup .benefit .person_box .ui_table>dl>dt{width:136px}
.layer_popup .benefit .person_box .ui_table+div {padding:30px 0 60px; margin-bottom:60px; border-bottom:1px solid #e4dcd3}
.layer_popup .benefit .guide_bottom .row_title {margin-bottom:27px}
.layer_popup .benefit .guide_bottom .check_wrap {margin-top:20px}
.layer_popup .benefit .guide_bottom .check_wrap+.agree_box {margin-top:40px}
.layer_popup .benefit .guide_bottom .check_wrap>input + label {font-family:'TextRegular'; font-size:14px}

@media screen and (max-width: 767px) {
    .layer_popup .benefit .mo_indent { margin-left : 21px; }
    .layer_popup .benefit .person_box .text_area {padding:20px 0}
    .layer_popup .benefit .person_box .ui_table+div {padding:20px 0 40px; margin-bottom:30px}
    .layer_popup .benefit .guide_bottom .row_title {margin-bottom:0}
    .layer_popup .benefit .guide_bottom .check_wrap+.agree_box {margin-top:25px}
    .layer_popup .benefit .person_box .ui_table>dl>dt,
    .layer_popup .benefit .person_box .ui_table>dl>dd   {display:block}
}

/* 고객서비스 - 팝업 제휴처 제안 */
.layer_popup .benefit .sugg_title {padding:4px 0 17px 0}
/* 20180112 정윤진, 디자인 변경
.layer_popup .benefit .sugglist_box ul {margin:54px -20px 80px -20px;}*/
.layer_popup .benefit .sugglist_box ul {margin:35px -20px 80px -20px;}
.layer_popup .benefit .sugglist_box ul:after {content:' '; display:block; clear:both}
.layer_popup .benefit .sugglist_box li {float:left; transition:all 0.5s; width: 25%; position:relative;}
.layer_popup .benefit .sugglist_box li:nth-child(4) {margin-right:0}
.layer_popup .benefit .sugglist_box li:nth-child(4):after {display:none}
/* 20180112 정윤진, 디자인 변경
.layer_popup .benefit .sugglist_box li:after {position:absolute; left: 100%; top: 50%; margin: -10px 0 0 -6px; content:' '; display:block; width:12px; height:20px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bluemembers-benefit01.png) no-repeat; }
.layer_popup .benefit .sugglist_box li>span {display:table; margin: 0 auto; width:130px; height:130px; border-radius: 100%; text-align: center; background-color:#e4dcd3; }
.layer_popup .benefit .sugglist_box li>span>em {display:table-cell; vertical-align:middle}
.layer_popup .benefit .sugglist_box li>span b {line-height:21px} */
.layer_popup .benefit .sugglist_box li:after { position:absolute; right: 10px; top: 50%; margin: -10px 0 0; content:' '; display:block; width:7px; height:7px; border-right: 1px solid  #626262; border-bottom: 1px solid  #626262;
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.layer_popup .benefit .sugglist_box li>span { display: block; margin: 0 auto; width:130px; height:130px; text-align: center; line-height: 30px; }
.layer_popup .benefit .sugglist_box li>span em { color: #000; }
.layer_popup .benefit .sugglist_box li>span b { display: block; width: 55px; height: 55px; line-height: 55px; margin: 0 auto 16px; border-radius: 100%; text-align: center; background-color:#002c5f; color: #fff; }
/* 20180112 정윤진, 디자인 변경
.layer_popup .benefit .form_titlebox > h2.row_title {padding-bottom:18px; margin-bottom:40px; border-bottom:1px solid #e4dcd3} */
.layer_popup .benefit .form_titlebox > h2.row_title {padding-top:40px; margin-bottom:15px; border-top:1px solid #e4dcd3; }
.layer_popup .benefit .form_box {margin-bottom:62px}
.layer_popup .benefit .form_box .ui_table > dl > dt {width:171px;}
.layer_popup .benefit .form_box .ui_table > dl > dd > textarea {height:148px}
.layer_popup .benefit .form_box {position:relative}
/* 20180112 정윤진, 디자인 변경
.layer_popup .benefit .form_box .ess_con {position:absolute; top:5px; right:-2px}*/
.layer_popup .benefit .form_box .ess_con {position:absolute; top:40px; right:-2px}
.layer_popup .benefit .form_box .ess {color:red; vertical-align:4px; font-size:14px}
.layer_popup .benefit .pc_data {padding:17px 0 33px 0; margin-bottom : 17px; border-bottom:1px solid #e4dcd3}
.layer_popup .benefit .pc_data h2.row_title {margin-bottom:11px}
.layer_popup .benefit .pc_data > ul > li {line-height:26px}

@media screen and (min-width: 768px) {
    .layer_popup .benefit .layer_lg {width:800px; margin-left:-400px}
    /* 20180112 정윤진, 디자인 변경 스타일 추가 */
    .layer_popup .benefit .form_titlebox{  }
    .layer_popup .benefit .form_titlebox:first-child > h2.row_title { border: none; padding-top: 0; }
    .layer_popup .benefit .form_titlebox .ess_con { top: 0; }
}
@media screen and (max-width: 767px) {
    .layer_popup .benefit .sugglist_box ul {width:265px; margin:0 auto; padding:0 0 30px 0}
    .layer_popup .benefit .sugglist_box li { width: 50%; }
    .layer_popup .benefit .sugglist_box li > span { margin: 5px auto 20px; width: 100px; height: 100px; line-height: 1.4; }
    /* 201801112 정윤진, 디자인 변경
    .layer_popup .benefit .sugglist_box li:after {display:none}
    .layer_popup .benefit .sugglist_box li:nth-child(even) {margin-right:0} */
    .layer_popup .benefit .sugglist_box li>span b { margin-bottom: 10px; }
    .layer_popup .benefit .form_box {margin-bottom:31px}
}

/* 고객서비스 - 팝업 오토캠핑.글램핑 예약하기  */
.layer_popup .benefit.reservation .ui_table>dl{margin-top:-17px}
.layer_popup .benefit.reservation .ui_table>dl dt {margin-bottom:5px}
.layer_popup .benefit.reservation .ui_table>dl dd+dt {padding-top:30px;}
.layer_popup .benefit.reservation .input_wrap.division > div {display:block; width:50%; box-sizing:border-box}
.layer_popup .benefit.reservation .input_wrap.division > div+div {padding-left:10px}
.layer_popup .benefit.reservation .ui_table>dl>dt {display:block; width:100%}
.layer_popup .benefit.reservation .ui_table>dl dd {display:block}
.layer_popup .benefit.reservation .notice_bottom {margin-top:12px}
.layer_popup .benefit.reservation .notice_bottom .text_notice+.text_notice {margin-top:0}
.layer_popup .benefit.reservation .notice_bottom .text_notice small>span {display:inline-block}

.basic_calendar.date_picker_layer {width:100%; margin-top:15px}
.basic_calendar .calendar_wrap {width:100%}
.basic_calendar .calendar_wrap .table_scrollable {overflow-x: initial;}
.basic_calendar .calendar_wrap .date {margin-bottom:20px; border:none}
.basic_calendar.date_picker_layer .date>.date_select {font-size:30px; font-family:'HeadMedium';}
.basic_calendar.date_picker_layer th {height:50px}
.basic_calendar .calendar_content table  {border-collapse: inherit;}
.basic_calendar.date_picker_layer td {background:#fff; position:relative; box-sizing:border-box}
.basic_calendar.date_picker_layer td,
.basic_calendar.date_picker_layer td button {height:70px; box-sizing:border-box}
.basic_calendar.date_picker_layer td span {display:block; width:100%; height:100%; text-align:left; padding:8px 0 0 13px; color:#000; box-sizing:border-box}
.basic_calendar.date_picker_layer td.finish {background:#f6f3f2;}
.basic_calendar.date_picker_layer td.reserve:after {display:block; content:""; clear:both; width:8px; height:8px; background:#006992; position:absolute; top:12px; left:31px; border-radius:8px}
.basic_calendar.date_picker_layer td button>em {display:inline-block; padding-right:10px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_date_picker_layer.png) no-repeat 54px -84px; position:absolute; top:30px; left:13px; color:#000; font-size:14px}
.basic_calendar.date_picker_layer [class^="ico_"][class*="prev"],
.basic_calendar.date_picker_layer [class^="ico_"][class*="next"],
.basic_calendar.date_picker_layer .date>.date_select:after {height:20px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_date_picker_layer.png) no-repeat 0 0;}
.basic_calendar.date_picker_layer [class^="ico_"][class*="next"] {background-position:-186px 0}
.basic_calendar.date_picker_layer .date>.date_select:after {width:13px; height:8px; background-position:-160px -10px}


@media screen and (max-width: 767px) {
    .layer_popup .benefit.reservation .ui_table>dl {margin-top:0}
    .layer_popup .benefit.reservation .notice_bottom .text_notice small>span {display:block}
    .layer_popup .benefit.reservation .notice_bottom {margin-top:20px}
    .basic_calendar.date_picker_layer {position:relative}
    .basic_calendar.date_picker_layer td,
    .basic_calendar.date_picker_layer td button {height:35px}
    .basic_calendar.date_picker_layer td.reserve em,
    .basic_calendar.date_picker_layer td.finish em{display:none}
    .basic_calendar.date_picker_layer td.reserve {background:#006992;}
    .basic_calendar.date_picker_layer td.reserve span {color:#fff}
    .basic_calendar.date_picker_layer td.reserve:after {display:none}

    .basic_calendar .calendar_wrap .date {margin-bottom:0; border:1px solid #e4dcd3; border-bottom:none}
    .basic_calendar.date_picker_layer .date {height:38px}
    .basic_calendar.date_picker_layer .date>.date_select {font-size:14px}
    .basic_calendar.date_picker_layer .date>.date_select:after{content:''; position:absolute; top:50%; right:0; width:0; height:0; margin-top:-2px; border:4px solid transparent; border-top-color:#000;}
    .basic_calendar.date_picker_layer [class^="ico_"][class*="prev"],
    .basic_calendar.date_picker_layer [class^="ico_"][class*="next"],
    .basic_calendar.date_picker_layer .date>.date_select:after {/*width:16px;*/ height:16px; background:url(../images/common/ico_pc_20.png) no-repeat 0 0;}
    .basic_calendar.date_picker_layer  [class^="navi_"][class*="_prev"] {left:6px}
    .basic_calendar.date_picker_layer [class^="ico_"][class*="prev"] {background-position:-80px -157px;}
    .basic_calendar.date_picker_layer [class^="ico_"][class*="next"] {background-position:0 -158px}
    .basic_calendar.date_picker_layer .date>.date_select:after {background:none}
    .basic_calendar.date_picker_layer {margin-top:-5px}
}

/* 고객서비스 - 팝업 유료 전환 동의 정보 남기기 */
.layer_popup .benefit.agree_info .layer_title {padding-bottom:45px}
.layer_popup .benefit.agree_info .text_center>span{display:block}
.layer_popup .benefit .text_strong+form {padding-top:55px}
.layer_popup .benefit .agree_info_box {padding:0 0 60px 0}
.layer_popup .benefit .agree_info_box .row_title {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #e4dcd3}
.layer_popup .benefit .agree_info_box .check_wrap+div{margin-top:10px}
.layer_popup .benefit .agree_info_box .dash {display:inline-block; padding:0 12px; line-height:40px; color:#000}
.layer_popup .benefit .agree_info_box dd {vertical-align:middle}
.layer_popup .benefit .agree_info_box .select_box {display:inline-table}
.layer_popup .benefit .agree_info_box .select_box.none {display:none}
.layer_popup .benefit .agree_info_box .input_date_group.division {padding-top:20px}
.layer_popup .benefit .agree_info_box .input_date_group.division .input_wrap+div {padding-left:10px}

@media screen and (max-width: 767px) {
    .layer_popup .benefit.agree_info .layer_title {padding-bottom:23px}
    .layer_popup .benefit.agree_info .text_center>span {display:inline}
    .layer_popup .benefit.agree_info .text_strong+form {padding-top:22px}
    .layer_popup .benefit .agree_info_box .dash {padding:0 6px}
    .layer_popup .benefit .agree_info_box .select_box .input_wrap.mail > input[type="text"]{width:110px !important}
    .layer_popup .benefit .agree_info_box .ui_table.responsive>dl>dt,
    .layer_popup .benefit .agree_info_box .ui_table.responsive>dl>dd {display:block; width:100% !important}
    .layer_popup .benefit .agree_info_box .row_title {margin-bottom:20px; padding-bottom:10px}
    .layer_popup .benefit .agree_info_box {padding-bottom:30px}
    .layer_popup .benefit .agree_info_box .check_wrap+div {margin-top:5px}
    .layer_popup .benefit .agree_info_box .input_date_group.division {padding-top:10px}
}

/* 고객서비스 - 블루링크 - 이용안내 - 서비스가입 공통*/
.operation_guide .title_area { padding-top: 90px; }
.operation_guide .title_area .main_title { margin-bottom: 10px;}
.operation_guide .title_area .text { padding-top:30px; text-align: center; color: #000;}
.operation_guide .black { color: #000; }
.operation_guide .tab_cont { padding-bottom: 96px; }

/* 고객서비스 - 서비스가입 - 블루링크 옵션선택 */
.bl_op_choice .title_area { padding-top: 90px; }
.bl_op_choice .text { padding-top: 10px; }
.operation_guide.bl_op_choice .cars_info { padding-bottom: 22px; }
.operation_guide.bl_op_choice .cars_info .cars_select { width: 373px;}
.operation_guide.bl_op_choice .cars_info .text_car {display: inline-block; float: right; margin-top: 20px;}
.operation_guide.bl_op_choice .text_notice { position: relative; margin-top: 30px; color: #000;}
.operation_guide.bl_op_choice .car_notice { color: #000; }

/* 고객서비스 - 서비스가입 - 서비스 가입신청 */
.bl_service_join .title_area { padding-top: 90px; }
.bl_service_join .title_area .sub_title { text-align: center;}
.bl_service_join .title_area .method_title { padding-top: 35px; }
.bl_service_join .text_area .text { color: #000; text-align: center; }
.bl_service_join .text_notice { padding-left: 1.7em;}
.bl_service_join .join_table { padding: 15px 0 20px; }
.bl_service_join p[class^="text"] + p[class^="text"] { margin-top: 0;}
.bl_service_join .join_text { padding-bottom: 15px; }
.bl_service_join .individual_join { margin-top: 50px; padding-top: 50px; border-top: 1px solid #e5e5e5; }
.bl_service_join .individual_join_step .individual_car { padding-top: 25px; }
.bl_service_join .individual_join_step .individual_car .img_join_wrap .text { text-align: center; padding-top: 20px;}
.bl_service_join [class^="grid_"] + [class^="grid_"] {margin-top: 0px;}
.bl_service_join .individual_join_step .corporation_pd { padding: 30px 0; }
.bl_service_join .bg01 { background: #f6f3f2; }
.bl_service_join .bl_online_method { padding-bottom: 80px; }
.bl_service_join .bl_car_document { margin-top: 80px; }
.bl_service_join .bl_car_document .pd_lg { padding-bottom: 35px; }
.bl_service_join .bl_car_document .sub_title { padding-bottom: 30px; text-align: center; }
.bl_service_join .bl_car_document .text { text-align: center; }
.bl_service_join .document_table { padding-bottom: 96px; }
.bl_service_join .document_table td { background:#f6f3f2; border-right: 1px solid #e5e5e5; font-family:'HeadRegular'; color: #000; padding-left: 20px;}
.bl_service_join .document_table th { font-family:'HeadMedium'; }
.bl_service_join .bl_center_method .download_btn { padding-top: 50px; text-align: center; margin-bottom: 80px;}
.bl_service_join .bl_used_method .online_btn {padding-top: 50px; text-align: center; }
.bl_service_join .online_img { overflow: hidden; padding: 60px 0 50px; }

.bl_service_join .online_img li {  float: left; width: 20%; text-align: center; }
.bl_service_join .online_img li p { padding-top: 15px; }
.bl_service_join .online_img li .cars_img {position: relative; display:block; }
.bl_service_join .online_img li .cars_img:before {content:''; position:absolute; top:50%; left:0; width:10px; height:16px; background:url('../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_bluelink02-01-02_arrow-pc.png') no-repeat left top;}
.bl_service_join .online_img li:first-child .cars_img:before {display:none}

/* 고객서비스 - 서비스가입 - 단말 설정 및 이용 */
.terminal_setup .service_title { padding-bottom: 20px; font-size: 18px;}
.terminal_setup .text_notice { position: relative; margin-top: 30px; color: #000;}
.terminal_setup .tel_title { font-size: 36px; color: #002c5f; padding-bottom: 15px;}
.terminal_setup .black { color: #000; }
.terminal_setup .service_dottxt { padding-top: 60px; }
.terminal_setup .title_area { padding-top: 90px; }
.terminal_setup .bl_center_tel ul { margin-top: 20px; }
.terminal_setup .bl_center_tel li { margin-bottom: 10px;}


/* 고객서비스 - 블루링크 - 이용안내 - 블루링크 요금제 2.0 ~ 제네시스 전용 요금제 */
.bluelink_charge .title_area, .bluelink_safe_charge .title_area,
.bluelink_v1_charge .title_area, .bluelink_genesis .title_area { padding-top: 90px; }

.operation_guide .charge_table { padding-top: 15px; font-family:'HeadRegular';}
.operation_guide .charge_table th {line-height: 28px; padding-left: 20px;}
.operation_guide .charge_table .charge_th { font-family:'HeadMedium'; }
.operation_guide .charge_table td {padding-left: 20px;}
.operation_guide .charge_table .data_table .table_gap { padding-bottom: 5px; }
.operation_guide .charge_table .data_table .table_notice_gap { position: relative; padding-left: 26px; }
.operation_guide .charge_guide { padding-top: 65px; color: #000; }
.operation_guide .charge_guide .sub_title { margin-top: 10px; padding-bottom: 22px; }
.operation_guide .charge_guide .text_notice { margin-top: 15px; color: #000; margin-left: 10px;}
.operation_guide .bluelink_charge .charge_guide ul { margin-top: 20px; }



/* 고객서비스 - 요금제 안내 - 블루링크 2.0 안전5년 요금제*/
.bluelink_safe_charge .safe_charge_table .list_bullet_dash { margin-top: 5px;}

/* 고객서비스 - 블루링크 - 이용안내 - 차종별 안내 */
.bl_cars_guide .title_area { padding-top: 90px; }
.bl_cars_guide .main_title { font-size: 36px; }
.bl_cars_guide .cars_info { padding-bottom: 25px; }
.bl_cars_guide .cars_select { width: 373px;}
.bl_cars_guide .cars_info .text_car {display: inline-block; float: right; margin-top: 20px;}
.bl_cars_guide .text_notice { position: relative; margin-top: 30px; color: #000;}
.bl_cars_guide .cars_info_select { padding-bottom: 96px; }

/* 768 이상 1023 미만  */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .bl_service_join .online_img li { float: left; width: 20%; text-align: center; position: relative; padding: 0 0 0 50px; box-sizing: border-box; }
    .bl_service_join .online_img li .cars_img:before {content:''; position:absolute; top:50%; left:-20%; width:10px; height:16px; background:url('../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_bluelink02-01-02_arrow-pc.png') no-repeat left top;}
}

@media screen and (min-width: 400px) and (max-width: 769px) {
        .bl_service_join .individual_car .col { position: relative; float: left; width: 50%; padding: 0 0 0 50px; box-sizing: border-box; text-align: center;  }

}

/* 768 미만 mobile  */
@media screen and (max-width: 767px){

    .operation_guide .title_area { padding-top: 55px; }
    .operation_guide .title_area .text { padding-top:10px; text-align: center;}
    .operation_guide .tab_cont { padding-bottom: 30px; }
    .operation_guide .cars_info_notice, .cars_info, .bl_center_tel { padding: 20px 15px; }
    .operation_guide .cars_info .cars_select { width: 55% !important; }
    .operation_guide .carinfo_table { padding: 20px 15px; }
    .operation_guide .service_join .text_notice { margin-top: 15px; }
    .operation_guide .service_dottxt{ padding: 30px 15px 0; }
    .operation_guide .bl_charge_service { padding: 0px 15px 20px;}
    .operation_guide .bl_charge_service .data_table th { word-break: break-all; }
    .operation_guide .bl_charge_service .charge_guide { padding: 20px 15px 10px; }
    .operation_guide .bl_charge_service .charge_table .data_table .table_notice_gap { padding-left: 20px; }
    /* .operation-guide .bl_charge_service .charge_table .data_table td span { display: inline; } */
    .operation_guide .bl_charge_service .charge_table .data_table ul .bl_cars_model { word-break: break-all; }
    .operation_guide .table_noti { position: relative; overflow: hidden; padding: 0 0 0 20px; text-indent: 0; }
    .operation_guide .table_noti i { position: absolute; top: 2px; left: 0;}
    .operation_guide .table_noti span { display: block; margin: 0 0 10px; }
    .operation_guide .charge_guide .sub_title { margin-top: 0; padding-bottom: 15px; }


    .bl_cars_guide .main_title { font-size: 25px; }
    .bl_cars_guide .cars_info_select { padding-bottom: 30px; }
    .bl_cars_guide .cars_info { padding: 0px 15px 20px; }
    .bl_cars_guide .bl_op_price { padding: 20px 15px; }

    .bl_service_join .corporation_pd { padding: 15px 15px; }
    .bl_service_join .title_area .method_title { padding-top: 15px; }
    .bl_service_join .bl_car_joining { padding: 20px 15px; }
    .bl_service_join .individual_join { margin-top: 30px; padding-top: 30px;}
    .bl_service_join .bl_car_document { margin-top: 50px; }
    .bl_service_join .individual_join_step .pd_md { padding: 40px 0;  }
    .bl_service_join .document_table {  word-break: break-all; }
    .bl_service_join .document_table, .bl_center_method, .bl_online_method, .bl_used_method { padding: 20px 15px; }
    .bl_service_join .bl_center_method .download_btn { padding-top: 30px; margin-bottom: 40px; }
    .bl_service_join .bl_online_method .title_area, .bl_service_join .bl_used_method .title_area,
    .bl_service_join .bl_center_method .title_area { padding-top: 35px; }
    .bl_service_join .bl_online_method { padding-bottom: 50px; }
    .bl_service_join .online_img_wrap {padding-bottom: 20px;}
/*  .bl_service_join .text_area { padding-top: 20px }  */
    .bl_service_join .online_img { padding-bottom: 0; }
    .bl_service_join .online_img li { position: relative; float: left; width:33%; height: 170px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }
    .bl_service_join .online_img li:nth-child(2) {width:34%; padding:0 0.5%;}
    .bl_service_join .online_img li span { width: 91px; height: 91px; }
    .bl_service_join .online_img li:nth-child(3) { margin-right: 0; }
    .bl_service_join .online_img li:nth-child(4), .bl_service_join .online_img li:nth-child(5) {width: 50%;}
    .bl_service_join .online_img li:nth-child(4) .cars_img:before { display: none; }
    .bl_service_join .online_img li:nth-child(5) .cars_img:before { left: -10px; }
    .bl_service_join .online_img li p { padding-top: 15px; }
    .bl_service_join .online_img li .cars_img {position:static; display: block; margin:0 auto; width:84px; max-width:100%}
    .bl_service_join .online_img li .cars_img:before {content:''; position:absolute; top:42px; left:-3px; width:7px; height:11px; background:url('../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_arr_blue_right_w.png') no-repeat left top; background-size:100%;}

}



/*/////////////////////////////////////작업_박서연 ///////////////////////////////////////////////////////////////////////*/
/* 고객서비스 - 특화프로그램 - honors ~ aslan  */
.special_program_tit_wrap .section {padding:80px 0 60px;}
.special_program_tit_wrap .tit_wrap p[class^="text"] {padding-top:29px;}
.bg01 {background:#f6f3f2;}
.special_program_con .section_tit_wrap {padding-bottom:54px;}
.special_program_con .program_dec {margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #e5e5e5;}
.special_program_con .sub_title {padding-bottom:20px; text-align:center;}
.special_program_con .sub_title + p[class^="text"] {color:#000;}
.special_program_con .row_title {padding-bottom:18px;}
.special_program_con .program_dec_tbl .row_title {padding-bottom:28px;}
.special_program_con .program_dec_tbl + .program_dec {padding-top:60px;}
.special_program_con .program_dec .list_notice,
.special_program_con .program_dec_tbl .list_notice,
.special_program_con .table_scroll + .list_notice {padding-top:18px;}
.table_scroll .data_table tbody tr {border-left:1px solid #e4dcd3;}
.table_scroll .data_table tr > td:last-child {border-right:1px solid #e4dcd3;}
.table_scroll .data_table td,
.table_scroll .data_table th {box-sizing:border-box;}
.special_program_con .img_wrap_center {padding-bottom:80px;}
.special_program_con .list_bullet_dot li {color:#000;}
.special_program_con [class^="list"] > li {margin-top:2px;}
.special_program_con .text_notice {margin-top:15px; color:#000;}
.special_program_con .table_scroll + .text_notice {margin-top:20px;}
.special_program_con .table_scroll + .table_scroll {margin-top:60px;}
.companyinfo .table_scroll {position:relative; width:100%;}
.companyinfo .table_scroll .data_table {table-layout:fixed;}
.special_program .table_scroll .data_table td {color:#000;}

.special_program .img_accordion .section .section_tit_wrap {display:table; position:relative; height:580px; padding-bottom:0; text-align:center;}
/*20180129 함은주, 모바일TEST*/
.special_program .img_accordion .section .section_tit_wrap .section_tit {display:table-cell; padding:0 40px; vertical-align:middle;}
.special_program .img_accordion .section .section_tit_wrap .section_tit .sub_title {margin-top:6px; padding-bottom:12px; color:#fff;}
.special_program .img_accordion .section .section_tit_wrap .section_tit p {margin-bottom:22px; color:#fff;}
.special_program .img_accordion .section .section_tit_wrap button {position:absolute; bottom:60px; left:50%; margin-left:-20px; z-index:1; border:0;}
.special_program .img_accordion .section .section_tit_wrap.on + .section_con {display:block;}
.special_program .img_accordion .section .section_con {display:none;}
.special_program .color_black {color:#000}
.special_program .data_table td {color:#000}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .special_program .special_program_tit_wrap .section {padding:80px 15px;}
}
@media screen and (max-width: 767px){
    .special_program .section_title { padding-left: 15px; padding-right: 15px; } /* 20180127 정윤진, 모바일일 경우 간격 수정 */
    .special_program .special_program_tit_wrap .section {padding:50px 15px;}
    .special_program .special_program_tit_wrap .tit_wrap p[class^="text"] {padding-top:0.5em;}
    .special_program .special_program_con .section_tit_wrap,
    .special_program .special_program_con .img_wrap_center {padding-bottom:30px;}
    .special_program .special_program_con .row_title {padding-bottom:13px;}
    .companyinfo .table_scroll {overflow-x:auto;}
    .companyinfo .table_scroll .data_table {width:150%;}
    .special_program .table_scroll .data_table.wide {width:200%;}
    .special_program .special_program_con .table_scroll + .table_scroll {margin-top:30px;}
    .special_program .special_program_con .program_dec {padding-bottom:30px; margin-bottom:30px;}
    .special_program .special_program_con .program_dec_tbl + .program_dec {padding-top:30px;}
    .special_program .img_accordion .section .section_tit_wrap {height:360px; background-size:cover !important;}
}

/*/////////////////////////////////////작업_정슬기 ///////////////////////////////////////////////////////////////////////*/
.companyinfo .pc_t_br {display:block;}

/* 블루멤버스 카드  공통 */
.bl_mb_cd .title_area {text-align:center;}
.bl_mb_cd .title_area .text {padding-top:30px; text-align:center; color:#000;}
.bl_mb_cd .title_area .text + .btn_lg_primary {margin-top:55px;}
.bl_mb_cd .sub_title {line-height:44px;}
.bl_mb_cd [class^="list_"] li {color:#000;}
.bl_mb_cd .text {color:#000;}

/* 블루멤버스 카드 컨텐츠 */
.bl_mb_cd .grid_col_02 .col:first-child {padding-right:40px;}
.bl_mb_cd .grid_col_02 .col:last-child {padding-left:40px;}
.bl_mb_cd .grid_col_02 .col .list_notice {margin-top:20px;}
.bl_mb_cd h3.sub_title {padding-bottom:30px;}
.bl_mb_cd .wd_sm_center {max-width:800px; margin:auto;}
.bl_mb_cd .row_title {margin-bottom:23px;}
.bl_mb_cd .pdt0 {padding-top:0;}
.bl_mb_cd .panel_notice .notice_title {font-size:40px;}
.bl_mb_cd .panel_notice [class^="ico_"] {margin-bottom:40px;}
.bl_mb_cd p[class^="text"], pre[class^="text"] {margin-top:7px;}
.bl_mb_cd .check_wrap>input + label {font-size:14px; font-family:'TextRegular';}

/* 블루멤버스 카드 slide */
.bl_mb_cd .benefit_slide {margin-top:60px;}
.bl_mb_cd .benefit_slide_wrap h3.sub_title {padding-bottom:50px;}
.bl_mb_cd .benefit_slide .ix-list-viewport {max-width:800px; margin:0 auto;}
.bl_mb_cd .benefit_slide .ix-list-viewport .list_bullet_dot li {text-align:left;}
.bl_mb_cd .benefit_slide .row_title {margin-bottom:25px;}
.bl_mb_cd .slide .ix-controller {padding:70px 0 40px;}

/* 블루멤버스 카드 btn */
.bl_mb_cd .title_area [class^="btn_"] {min-width:131px; height:46px;}
.bl_mb_cd .btn_apply_wrap {margin-top:55px;}
.bl_mb_cd .btn_apply_wrap [class^="btn_"] {min-width:185px; height:46px;}
.bl_mb_cd .btn_app_wrap {padding-top:40px;}
.bl_mb_cd .btn_app_wrap [class^="btn_"] {min-width:150px; height:46px;}

/* 블루멤버스 카드 layer popup/ form */
.bl_mb_cd .layer_popup .layer_lg {width:800px; margin-left:-400px;}
.bl_mb_cd .hmc_form {margin-top:60px;}
.bl_mb_cd .hmc_form .ui_table> dl> dd {vertical-align:middle;}
.bl_mb_cd .hmc_form .check_wrap {min-width:100px;}
.bl_mb_cd .hmc_form .input_zip {width:100%;}
.bl_mb_cd .hmc_form .input_zip .input_wrap {width:calc((100% - 130px)/2);}
.bl_mb_cd .input_btn_wrap.input_zip>*:first-child {margin-right:12px;}
.bl_mb_cd .hmc_form .btn_postcode_find {min-width:100px;}
.bl_mb_cd .input_btn_wrap .ea_03 {width:100%;}
.bl_mb_cd .select_wrap {width:100%;}
.bl_mb_cd .input_wrap>input:disabled {color:#000; background-color:#f6f3f2; border:0;}

/* 블루 멤버스 포인트 > 새차 구입
.new_car_buy [class^="list_"] li {color:#000;}
.new_car_buy .section + .section {margin-top:80px;}
.new_car_buy .sub_title + [class^="list"] {margin-top:22px;}
.new_car_buy .earn_table_wrap {margin-top:40px;}
.new_car_buy .earn_table_wrap td {color:#000; box-sizing:border-box;}
.new_car_buy .earn_table_wrap td:last-child {border:1px solid #e4dcd3;}
.new_car_buy .text_notice {display:none;} */

/* 블루 멤버스 포인트 > 포인트 쇼핑몰 */
.point_shoping .panel_notice .main_title {margin-top:40px;}
.point_shoping .panel_notice .text {padding-top:30px;}
.point_shoping .panel_notice .btn_lg_primary {min-width:215px; margin-top:55px;}
.point_shoping .panel_notice .icon_point {display:block; width:115px; height:106px; margin:0 auto; background:url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluemembers-benefit/bluemembers-point/icon-point-shoping.png) no-repeat; background-size:100%;}

/* 블루 멤버스 포인트 > 포인트 양도 */
.point_transfer .section + .section {margin-top:80px;}
.point_transfer .sub_title + [class^="list_"] {margin-top:22px;}
.point_transfer [class^="list_"] li {color:#000;}
.point_transfer .list_bullet_orderd .list_bullet_dot {margin-top:17px;}
.point_transfer .list_bullet_orderd .row_title {display:block; padding-left:14px; text-indent:-14px;}
.point_transfer .list_bullet_orderd >li {padding:0;}
.point_transfer .list_bullet_orderd >li + li {margin-top:47px;}
.point_transfer .list_bullet_dot {font-size:16px}
.point_transfer .list_bullet_dot.wide_pd >li + li{margin-top:17px;}
.point_transfer .list_bullet_orderd .bullet_dash {margin-top:6px;}
.point_transfer .list_bullet_orderd .text_notice {margin-top:17px;}
.point_transfer .list_bullet_dash {font-size:16px}
.point_transfer .title_area {text-align:center;}
.point_transfer .title_area .text_strong {margin-top:25px;}
.point_transfer .title_area .text {font-size:20px; line-height:34px;}
.point_transfer .title_area .btn_lg_primary {margin-top:55px; min-width:270px;}
.point_transfer .title_area .img_wrap_center {margin:100px 0 50px;}
.point_transfer .ui_table.type_01 {margin-top:28px; border-right:1px solid #e4dcd3;}
.point_transfer .ui_table.type_01>dl>dd {color:#000;}
.point_transfer .notice_wrap .list_bullet_dash {margin-left:1.3em;}
.point_transfer .notice_wrap [class^="list_"] {margin-top:0; font-size:14px;}

@media screen and (max-width:800px) {
    /* 블루멤버스 카드 layer popup */
    .bl_mb_cd .layer_popup>[class^="layer_"] {left:0; width:calc(100% - 30px); margin:0 15px;}
}

@media screen and (max-width:767px) {
    .companyinfo .pc_t_br {display:inline;}

    /* 블루멤버스 카드 card guide 공통 */
    .bl_mb_cd .title_area .text {padding-top:10px; text-align:center;}
    .bl_mb_cd .sub_title {line-height:29px;}
    .bl_mb_cd .text + .btn_lg_primary {margin-top:40px;}

    /* 블루멤버스 카드 컨텐츠 */
    .bl_mb_cd .grid_col_02 .col .list_notice {margin-top:10px;}
    .bl_mb_cd [class^="grid_"][class*="_02"]>* {width:100%;}
    .bl_mb_cd .grid_col_02 .col + .col {margin-top:25px;}
    .bl_mb_cd .grid_col_02 .col:first-child {padding-right:0px;}
    .bl_mb_cd .grid_col_02 .col:last-child {padding-left:0px;}
    .bl_mb_cd h3.sub_title  {padding-bottom:15px;}
    .bl_mb_cd .row_title {margin-bottom:13px;}

    /* 블루멤버스 카드 slide */
    .bl_mb_cd .benefit_slide {margin-top:35px;}
    .bl_mb_cd .benefit_slide_wrap h3.sub_title {padding-bottom:30px;}
    .bl_mb_cd .benefit_slide .row_title {margin-bottom:9px;}
    .bl_mb_cd .benefit_slide .ix-controller {padding:20px 0 10px;}
    .bl_mb_cd .benefit_slide .slide_direction {display:none;}

    /*블루멤버스 카드 btn */
     .bl_mb_cd .title_area [class^="btn_"] {height:50px;}
    .bl_mb_cd .btn_apply_wrap {margin-top:35px;}
    .bl_mb_cd .btn_apply_wrap [class^="btn_"] {height:40px;}
    .bl_mb_cd .btn_app_wrap [class^="btn_"] {width:140px; min-width:140px; height:40px;}
    .bl_mb_cd .btn_app_wrap [class^="btn_"] + [class^="btn_"] {margin-top:0; margin-left:5px;}
    .bl_mb_cd .btn_app_wrap {padding-top:20px;}

    /* 블루멤버스 카드 layer 폼*/
    .bl_mb_cd .hmc_form {margin-top:30px;}
    .bl_mb_cd .hmc_form .check_wrap {min-width:32.4%;}
    .bl_mb_cd .hmc_form .input_zip .input_wrap {width:calc((100% - 114px)/2) !important;}
    .bl_mb_cd .hmc_form .btn_postcode_find {min-width:94px;}
    .bl_mb_cd .input_btn_wrap.input_zip>*:first-child {margin-right:10px;}
    .bl_mb_cd .input_btn_wrap .ea_03 {width:100% !important;}
    .bl_mb_cd .layer_popup>.layer_dimmed {width:auto; margin:0; padding:0;}

    /* 블루멤버스 카드 layer popup*/
    .bl_mb_cd .panel_notice .notice_title {font-size:23px;}
    .bl_mb_cd .panel_notice [class^="ico_"] {margin-bottom:20px;}
    .bl_mb_cd p[class^="text"], pre[class^="text"] {margin-top:0px;}
    .bl_mb_cd .mo_sm {width:125px; margin:auto;}

    /* 블루 멤버스 포인트 > 새차 구입
    .new_car_buy .section + .section {margin-top:50px;}
    .new_car_buy .sub_title + [class^="list"] {margin-top:0px;}
    .new_car_buy .earn_table_wrap {margin-top:25px;}
    .new_car_buy .text_notice {display:block; margin-top:10px;} */

    /* 블루 멤버스 포인트 > 포인트 쇼핑몰 */
    .point_shoping .panel_notice .main_title {margin-top:25px;}
    .point_shoping .panel_notice .text {padding-top:10px;}
    .point_shoping .panel_notice .btn_lg_primary {margin-top:35px;}
    .point_shoping .panel_notice .icon_point {width:86px; height:79px}

    /* 블루 멤버스 포인트 > 포인트 양도 */
    .point_transfer .list_bullet_orderd .row_title {display:block; padding-left:14px; text-indent:-14px;}
    .point_transfer .list_bullet_orderd >li {padding:0;}
    .point_transfer .list_bullet_orderd >li + li {margin-top:47px;}
    .point_transfer .title_area {text-align:center;}
    .point_transfer .title_area .text_strong {margin-top:25px;}
    .point_transfer .title_area .text {font-size:20px; line-height:34px;}
    .point_transfer .title_area .btn_lg_primary {margin-top:55px; min-width:270px;}
    .point_transfer .title_area .img_wrap_center {margin:100px 0 50px;}

    /* 블루 멤버스 포인트 > 포인트 양도 */
    .point_transfer .section + .section {margin-top:50px;}
    .point_transfer .sub_title + [class^="list_"] {margin-top:0px;}
    .point_transfer .list_bullet_orderd .list_bullet_dot {margin-top:5px;}
    .point_transfer .list_bullet_orderd >li + li {margin-top:20px;}
    .point_transfer .ui_table.type_01 {margin-top:0;}
    .point_transfer .list_bullet_dot {font-size:14px}
    .point_transfer .list_bullet_dash {font-size:14px}
    .point_transfer .title_area .img_wrap_center {margin:50px 0 35px;}
    .point_transfer .title_area .text {font-size:16px; line-height:24px;}
    .point_transfer .title_area .text_strong {margin-top:10px;}
    .point_transfer .title_area .btn_lg_primary {margin-top:20px;}
    .point_transfer .list_bullet_dot.wide_pd >li + li {margin-top:5px;}
    .point_transfer .notice_wrap .list_bullet_dash li {margin:0;}
}

/* 블루링크 서비스 공통 : 타이틀이미지 여백 */
.bulelink_service .img_wrap_center.title_img {margin-top:53px;}

/* 블루링크 서비스 공통 : 하단배너 */
.bulelink_service .banner {display:table; padding:68px 0; margin-top:0px; min-height:227px;}
.bulelink_service .banner .sub_title {display:table-cell; font-size:30px; vertical-align:middle;}
.bulelink_service .pc_t_br {padding:10px; display:block;}

/* 블루링크 서비스 공통 : 컬러박스 */
.bulelink_service .color_box span {position:relative; padding-left:23px;}
.bulelink_service .color_box .gray:before {background:#000;}
.bulelink_service .color_box span:before {display:block; position:absolute; top:1px; left:0; content:''; width:18px; height:18px;}

/* 블루링크 서비스 공통 : 버튼박스 */
.bulelink_service .btn_box {text-align:center; margin-top:60px;}
.bulelink_service.bulelink_03_04_02 [class^="btn_"]{min-width:205px; height:50px;} /* 박스크기 */

/* 블루링크 서비스 공통 : 이미지 한개 */
.bulelink_service .single_img {max-width:50%; padding-top:30px;}

/* 블루링크 서비스 공통 : 이미지 정렬 (다수) */
.bulelink_service .caring ol {margin:26px 0px 0px -30px;}

/* 블루링크 서비스 공통 : 선 페이지 레이아웃*/
.bulelink_service .layer_border {border-top:1px solid #dbdbdb;}
.bulelink_service .section + .section {padding-top:100px;}

/* 블루링크 서비스 공통 : 이미지 밑에 텍스트 중앙 정렬 */
.bulelink_service .t_center{padding-top:23px; text-align:center;}
.bulelink_service.bulelink_03_04_03 .mb35{margin-bottom: 35px} /* 171020 수정 */

/* 블루링크 서비스 공통 : 타이틀 */
.bulelink_service .main_title {margin-top:38px; margin-bottom:32px; line-height:1.4em;}
.bulelink_service [class^="section"].pd_md {padding:55px 15px;}
.bulelink_service [class^="list_"] li, .bulelink_service p {color:#000;}

/* 블루링크 서비스 공통 : 가이드  */
.bulelink_service .guide_box {padding-right:12%;}
.bulelink_service .guide {margin:26px 0 0 -30px;}
.bulelink_service .guide:after {content:''; display:block; clear:both;}
.bulelink_service .guide li {position:relative; float:left; text-align:center; list-style:none;}
.bulelink_service .guide.step02 li {width:calc((100% - 30px)/2);}
.bulelink_service .guide.step03 li {width:calc((100% - 30px)/3);}
.bulelink_service .guide li {padding-left:30px;}
.bulelink_service .guide li .step_img {position:relative; display:block;}
.bulelink_service .guide li .step_img:after {position:absolute; right:-20px; top:50%; display:block; width:20px; height:21px; background:url(../images/common/ico_pc_20.png) no-repeat -96px -160px; content:'';}
.bulelink_service .guide li:last-child .step_img:after {display:none;}
.bulelink_service .guide_box li .step_img:after {width:7px; height:15px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_arr_gray_right_w.png) no-repeat 0 0;}
.bulelink_service .guide .step_img img {width:100%;}
.bulelink_service .guide.step_w05 .step_img:after {right:-30px;}

/* 블루링크 서비스 공통 : 레이아웃 */
.bulelink_service .box_list + .box_list {margin-top:53px;}
.bulelink_service .row_title + .list_bullet_dot {margin-top:25px;}
.bulelink_service .sub_title + .box_list {margin-top:25px;}
.bulelink_service .sub_title + .list_bullet_dot {margin-top:10px;}
.bulelink_service [class^="section"].pd_lg{padding-bottom:100px;}
.bulelink_service .sub_title + .text {margin-top:22px;}
.bulelink_service .img_wrap_center {margin-top:35px;}
.bulelink_service .video_wrap {margin-top:35px;}

/* 블루링크 서비스 스마트컨트롤 - 01원격공조제어 */
.bulelink_service .notice_wrap {margin-top:13px;}
.bulelink_service .notice_wrap em {display:block; color:#000; line-height:28px; word-break:keep-all;}
.bulelink_service .notice_wrap [class^="list"]  {margin-left:19px; margin-bottom:15px; font-size:0.9em;}
.bulelink03_01_01 .guide {margin-left:-25px;}
.bulelink03_01_01 .guide.step_w05 li {width:calc((100% - 25px)/5); max-width:195px;}
.bulelink03_01_01 .guide li {padding-left:25px;}
.bulelink03_01_01 .guide.step_w05 .step_img:after {right:-16px;}

/* 블루링크 서비스 스마트 컨트롤 - 02 원격문열림잠김 */
.bulelink03_01_02 .guide {margin-left:-50px;}
.bulelink03_01_02 .guide li {padding-left:50px;}
.bulelink03_01_02 .guide li:first-child .step_img:after {display:none;}
.bulelink03_01_02 .guide.step_w05 li {width:calc((100% - 50px)/4); max-width:227px;}
.bulelink03_01_02 .guide.step_w05 .step_img:after {right:-30px;}

/* 블루링크 서비스 스마트 컨트롤 - 03 주차위치확인 */
.bulelink03_01_03 .guide {margin-left:-50px;}
.bulelink03_01_03 .guide li {padding-left:50px;}
.bulelink03_01_03 .guide li:first-child .step_img:after {display:none;}
.bulelink03_01_03 .guide.step_w05 li {width:calc((100% -
    50px)/4); max-width:227px;}
.bulelink03_01_03 .guide.step_w05 .step_img:after {right:-30px;}

/* 블루링크 서비스 스마트 컨트롤 - 04 목적지전송 */
.bulelink_service .row_title + .text {margin-top:23px;}
.bulelink03_01_04 .text + .box_list {margin-top:53px;}
.bulelink03_01_04 .guide {margin:30px 0 0 -55px;}
.bulelink03_01_04 .guide li {padding-left:55px;}
.bulelink03_01_04 .guide.step_w05 li {width:calc((100% - 55px)/4); max-width:225px;}
.bulelink03_01_04 .guide.step_w05 .step_img:after {right:-31px;}
.bulelink03_01_04 .sns_guide_wrap .guide {margin-top:20px;}
.bulelink03_01_04 .sns_guide_wrap .guide_box {margin-top:20px;}
.bulelink03_01_04 .sns_guide_wrap .guide_box + .guide_box {margin-top:30px;}
.bulelink_service .guide_box .text_notice {margin-top:13px;}

/* 블루링크 서비스 스마트 컨트롤 - 05 차량상태확인 */
.bulelink03_01_05 .guide {margin:30px 0 0 -50px;}
.bulelink03_01_05 .guide li {padding-left:50px;}
.bulelink03_01_05 .text + .box_list {margin-top:53px;}
.bulelink03_01_05 .guide.step_w05 li {width:calc((100% - 50px)/4); max-width:227px;}
.bulelink03_01_05 .guide.step_w05 .step_img:after {right:-30px;}

/* 블루링크 서비스 블루링크 safety - 01 에어백 전개 자동통보 */
.bulelink03_02_01 [class^='list'] [class^='list'] {font-size:1em;}

/* 블루링크 서비스 블루링크 safety - 04 도난경보알림 */
.bulelink03_02_04 [class^="grid_"][class*="_03"] {margin:32px 0 52px;}
.bulelink_service [class^="grid_"][class*="_03"] .img_box, .bulelink_service [class^="grid_"][class*="_03"] .img_box img {width:100%;}

/* 블루링크 서비스 블루링크 safety - 05 부주의운전알림 */
.bulelink03_02_05 [class^="grid_"][class*="_03"] {margin:32px 0 0;}

/* 블루링크 서비스 스마트드라이빙 - 01 길안내 */
.bluelink03_01_01 .guide li .step_img:after {right:-25px;}

/* 블루링크 서비스 차량관리 - 01 차량진단 */
.bulelink_03_04_01 .text.mt {margin-top:0;}

/* 블루링크 서비스 차량관리 - 02 정기점검 리포트 */
.bulelink_03_04_02 .caring .guide li .step_img:after {width:0;}

/* 블루링크 서비스 차량관리 - 03 소모품관리 */
.bulelink_03_04_03 .caring.guide_box {padding-right:10%;}
.bulelink_03_04_03 .box_list {margin-top:53px;}
.bulelink_03_04_03 .guide {margin:30px 0 0 -20px;}
.bulelink_03_04_03 .guide li {padding-left:20px;}
.bulelink_03_04_03 .guide.step_w04 li {width:calc((100% - 20px)/3); max-width:335px;}
.bulelink_03_04_03 .guide.step_w04 .step_img:after {right:-15px;}
.bulelink_03_04_03 .guide.step_w04 li:nth-child(3) .step_img:after {display:none;}

/* 블루링크 공통 : 이미지가 왼쪽에 있는 리스트 */
.bulelink_service .use_list_box {margin-top:35px;}
.bulelink_service .use_list_box .item_group:after {content:''; display:block; clear:both;}
.bulelink_service .use_list_box .item {float:left; width:50%; position:relative; display:table; padding-left:140px; min-height:110px; margin-bottom:40px;}
.bulelink_service .use_list_box .item:nth-child(odd) {padding-right:80px;}
.bulelink_service .use_list_box .item .text {margin-top:12px;}
.bulelink_service .use_list_box .item strong {font-family:'TextRegular'; font-weight:bold;}
.bulelink_service .use_list_box .item .ico {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_bluemembers_01.png") no-repeat 0 0; display:block; width:110px; height:110px; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:100%;}
.bulelink_service .use_list_box .item_group:last-child .item:last-child {margin-bottom:0;}

/* 블루링크 서비스 블루링크 Apps - 01 다운로드 센터 */
.bluelink03_06_01 .box_text {width:755px; margin:90px auto 0;}
.bluelink03_06_01 .box_text p[class^="text"] + p[class^="text"] {margin-top:30px;}
.bluelink03_06_01 .sub_title + .list_bullet_dot {margin-top:20px;}
.bluelink03_06_01 .sub_title + .list_ordered {margin-top:20px;}
.bluelink03_06_01 .sub_title + .list_ordered >li + li {margin-top:30px;}
.bluelink03_06_01 .menu_const_box {margin-top:26px;}
.bluelink03_06_01 .menu_const_box .step_img {display:block; width:calc((100% - 30px)/3);}
.bluelink03_06_01 .menu_const_box .bullet_dot {margin-top:20px;}
.bluelink03_06_01 .text_area + .section {padding-top:35px;}

/* 블루링크 서비스 블루링크 Apps - 02 제공 앱 리스트 */
.bluelink03_06_02 [class^="section"].pd_md.layer_border {padding-bottom:90px;}

@media screen and (min-width:1024px){
    .bulelink_service .image_board>li {width:calc((100% - 60px) / 2);}
    .bulelink_service .image_board>li:nth-child(3n+1) {margin-left:0px;}
}

@media screen and (max-width:767px) {
    /* 이미지 밑에 텍스트 중앙 정렬 */
    .bulelink_service .t_center {padding:10px 0}
    .bulelink_service.bulelink_03_04_03 .mb35{margin-bottom:0px;} /* 171020 수정 */

    /* 블루링크 서비스 공통 : 타이틀 */
    .bulelink_service .main_title {margin-top:5px; margin-bottom:3px;}
    .bulelink_service .title_area[class^="section"].pd_md {padding-bottom:27px;}

    /* 블루링크 서비스 공통 : 가이드  */
    .bulelink_service .guide_box {padding-right:0;}
    .bulelink_service .guide {margin:0px 0 0px -10px;}
    .bulelink_service .guide li {width:50%; margin:25px 0 0 0;}
    .bulelink_service .guide.step02 li {width:50%;}
    .bulelink_service .guide.step03 li {width:50%;}
    .bulelink_service .guide.step_w05 li {width:50%; padding:0 10px;}
    .bulelink_service .guide li {padding:0 10px;}
    .bulelink_service .guide li + li {padding:0 10px;}
    .bulelink_service .guide.step_w05 .step_img:after,
    .bulelink_service .guide_box .guide li .step_img:after {right:-14px;}
    .bulelink_service .guide li .step_img:after {right:-20px;}
    .bulelink_service .guide.step_w05 li {max-width:100%;}

    /* 블루링크 서비스 공통 : 레이아웃 */
    .bulelink_service .box_list + .box_list {margin-top:40px;}
    .bulelink_service .row_title + .list_bullet_dot {margin-top:13px;}
    .bulelink_service .sub_title + .box_list {margin-top:13px;}
    .bulelink_service [class^="section"].pd_lg {padding-bottom:40px;}
    .bulelink_service .sub_title + .text {margin-top:13px;}
    .bulelink_service .img_wrap_center {margin-top:25px;}

    /* 블루링크 서비스 스마트컨트롤 - 하단배너 */
    .bulelink_service .banner {padding:50px 15px;}
    .bulelink_service .banner .sub_title {font-size:21px;}
    .bulelink_service .pc_t_br {padding:0px;}

    /* 블루링크 서비스 스마트컨트롤 - 01원격공조제어 정슬기 */
    .bulelink_service .notice_wrap {margin-top:13px;}
    .bulelink_service .notice_wrap em {display:block; color:#000; line-height:28px; word-break:keep-all;}
    .bulelink_service .notice_wrap [class^="list"]  {margin-left:19px; margin-bottom:15px;}

    /* 블루링크 서비스 블루링크 safety - 04 도난경보알림 */
    .bulelink03_02_04 [class^="grid_"][class*="_03"] {margin:10px -10px 30px;}
    .bulelink03_02_04 [class^="grid_"][class*="_03"]>* {width:50%; margin-top:10px; padding-left:10px;}

    /* 블루링크 서비스 블루링크 safety - 05 부주의운전알림 */
    .bulelink03_02_05 [class^="grid_"][class*="_03"] {margin:32px 0 0;}
    .bulelink03_02_05 [class^="grid_"][class*="_03"]>* {width:50%; margin-top:10px; padding-left:10px;}

    /* 이미지 정렬 (2개) */
    .bulelink_service .navi ol {margin:26px -10px 97px -10px;}

    /* 블루링크 공통 : 이미지가 왼쪽에 있는 리스트 */
    .bulelink_service .use_list_box .item {width:100%; padding-left:110px;}
    .bulelink_service .use_list_box .item:nth-child(odd) {padding-right:0px;}
    .bulelink_service .use_list_box .item .ico {width:80px; height:80px;}
    .bulelink_service .use_list_box .item .ico + .item_text {display:table-cell; vertical-align:middle;}

    /* 하단배너 */
    .bulelink_service .banner {padding:50px 15px; min-height:auto;}
    .bulelink_service .banner .sub_title {font-size:21px;}
    .bulelink_service .pc_t_br {padding:0px;}

    /* 이미지 정렬 (다수) */
    .bulelink_service .caring {margin:0;}

    /* 선 페이지 레이아웃*/
    .bulelink_service .section + .section {padding-top:50px;}

    /* 블루링크 서비스 블루링크 Apps - 01 다운로드 센터 */
    .bluelink03_06_01 .box_text {width:100%; margin:40px auto 0;}
    .bluelink03_06_01 .menu_const_box {margin-top:25px;}
    .bluelink03_06_01 .menu_const_box .step_img {width:50%; padding-right:15px;}
    .bluelink03_06_01 .menu_const_box .bullet_dot {margin-top:10px;}

    /* 블루링크 서비스 블루링크 Apps - 02 제공 앱 리스트 */
    .bluelink03_06_02 [class^="section"].pd_md.layer_border {padding-bottom:50px;}

    /* 이미지사이 화살표 위치조정 */
    .bulelink_03_04_01 .caring .guide li .step_img:after {right:-15px;}
    .bulelink_03_04_04 .caring .guide li .step_img:after {right:-15px;}
    .bulelink_03_04_05 .caring .guide li .step_img:after {right:-15px;}

    /* 버튼박스 */
    .bulelink_service .btn_box {text-align:center; margin-top:30px}

    /* 블루링크 서비스 차량관리 - 03 소모품관리 */
    .bulelink_03_04_03 .caring.guide_box {padding-right:0%;}
    .bulelink_03_04_03 .box_list {margin-top:40px;}
    .bulelink_03_04_03 .guide.step_w04 li {width:50%; max-width:100%;}
    .bulelink_03_04_03 .caring :first-child.step_w04 li:nth-child(3) {float:none; display:block;}
    .bulelink_03_04_03 .guide.step_w04 .step_img:after {right:-15px;}
    .bulelink_03_04_03 .guide.step_w04 li:nth-child(3) .step_img:after {display:none;}
}

/* 고객서비스 > 블루링크 > 소개 > 블루링크란 */
.bluelink01_01 .section .title {padding:40px 0 10px 0;}
.bluelink01_01 .section .subbtn {padding:40px 0 10px 0;}
.bluelink01_01 .section .butt {padding:40px 0 60px 0;}
.bluelink01_01 .section .mainbox .main_title {margin-top:20px; }
.bluelink01_01 .section .mainbox .text {text-align:center; padding-top:34px;}
.bluelink01_01 .section .subbtn {margin-top:4px;}
.bluelink01_01 .section_01 {position:relative; border-top:1px solid #e5e5e5; padding:56px 0 68px 0;}
.bluelink01_01 .section_01:last-child {border-bottom:1px solid #e5e5e5;}
.bluelink01_01 .section_01 .sub_title {padding-top:22px;}
.bluelink01_01 .section_01 .text {margin-top:8px;}
.bluelink01_01 .section_01 ul {margin-top:5px;}
.bluelink01_01 .section_01 ul li {color:#000000;}
.bluelink01_01 .section_01 span{position:absolute; top:80px; right:0; }
.bluelink01_01 .btn_lg_primary {text-align:center; margin-top:10px;}
.bluelink01_01 .section_gray {margin-top:18px;}
.bluelink01_01 .section_gray .sub_title {text-align:center; padding:38px 0 57px 0;}
.bluelink01_01 .section_btns {text-align:center; padding:51px 0 20px 0;}

@media screen and (max-width:1120px) {
    .bluelink01_01 .section .subbtn {padding:15px;}
    .bluelink01_01 .section_gray {padding:15px;}
}

@media screen and (max-width:768px) {
    .bluelink01_01 .section_01 {position:relative; padding:120px 0 50px 0;}
    .bluelink01_01 .section_01:after {content:''; display:block; height:0; clear:both;}
    .bluelink01_01 .section_01 ul {float:left; width:100%; }
    .bluelink01_01 .section_01 span{position:absolute; top:30px;  left:50%; right:auto; width:84px; transform:translateX(-50%); padding:0; display:block;}
    .bluelink01_01 .section_gray .sub_title {padding:20px 0;}
    .bluelink01_01 .section_btns {padding:20px 0;}
    .bluelink01_01 .section .subbtn {padding:20px 0;}
    .bluelink01_01 .section .butt {padding:20px 0;}
    .bluelink01_01 .section_gray {margin-top:0; padding:20px 15px;}
    .bluelink01_01 .section_btns {padding:20px 0;}
}

/* 고객서비스 > 블루링크 > 소개 > 블루링크특징 */
.bluelink01_02 .section .contbtn {padding:13px 15px 40px;}
.bluelink01_02 .section .hand {padding:40px 0 20px 0;}
.bluelink01_02 .section_gray {padding:40px 15px 93px 15px;}
.bluelink01_02 .Navi {padding:80px 15px 10px 15px;}
.bluelink01_02 .infos {padding:80px 15px 84px 15px; }
.bluelink01_02 .conBtn {padding:80px 15px 95px 15px;}
.bluelink01_02 {color:black;}
.bluelink01_02 .section .boxing .main_title {margin:18px 0 30px 0; }
.bluelink01_02 .section .boxing .text {text-align:center;}
.bluelink01_02 .sec .text {padding-top:11px;}
.bluelink01_02 .cont_box {margin-top:35px;}
.bluelink01_02 .cont_box .section_02 {float:left; width:50%; position:relative; display:table; padding-left:130px; min-height:110px; margin-bottom:40px;}
.bluelink01_02 .cont_box .section_02 .ico {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_bluelink.png") no-repeat 0 0; display:block; width:110px; height:110px; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:100%;}
.bluelink01_02 .cont_box:after {content:''; display:block; clear:both;}
.bluelink01_02 .section_02 div {display:table-cell; vertical-align:middle;}
.bluelink01_02 .section_list {margin-top:39px;}
.bluelink01_02 .section_list .sub_title {margin-bottom:17px;}
.bluelink01_02 .section_list p {margin:7px 0 4px 0;}
.bluelink01_02 .list_bullet_dot {margin-top:12px; display:inline-block;}
.bluelink01_02 .list_bullet_dot li{float:left; width:37%; margin-top:0; line-height:1.2; margin:7px 0 4px 0;}
.bluelink01_02 .list {margin-top:29px;}
.bluelink01_02 .list li{line-height:1.2; padding-bottom:4px;}
.bluelink01_02 .infos .sub_title{margin-bottom:16px;}
.bluelink01_02 .infos .text{margin-top:9px;}
.bluelink01_02 .list_bullet_dot02 {margin-top:12px; display:inline-block;}
.bluelink01_02 .list_bullet_dot02 li{line-height:1.2; margin-bottom:12px;}
.bluelink01_02 .Navi .text {margin-top:10px;}
.bluelink01_02 .list_bullet_dot03 {margin-top:22px; display:inline-block;}
.bluelink01_02 .list_bullet_dot03 li{line-height:1.2; margin-bottom:11px;}
.bluelink01_02 .gray_box:after {content:''; display:block; clear:both;}
.bluelink01_02 .guide {margin:26px 0 85px -30px;}
.bluelink01_02 .guide:after {content:''; display:block; clear:both;}
.bluelink01_02 .guide li {position:relative; float:left; text-align:center;}
.bluelink01_02 .guide.step02 li {width:calc((100% - 30px) / 2)}
.bluelink01_02 .guide li {padding-left:30px}
.bluelink01_02 .guide li .step_img {position:relative; display:block}
.bluelink01_02 .guide li .step_img:after {position:absolute; right:-19px; top:50%; display:block; width:7px; height:16px; content:''}
.bluelink01_02 .guide li:last-child .step_img:after {display:none}
.bluelink01_02 .guide .step_img img {width:100%}
.bluelink01_02 .guide .text {text-align:left; padding-top:13px;}
.bluelink01_02 .conBtn .text {margin-top:10px;}

@media screen and (max-width:768px) {
    .bluelink01_02 .guide.step02 li {width:50%;}
    .bluelink01_02 .cont_box .section_02  {width:100%;}
    .bluelink01_02 .cont_box .section_02 .ico + div {display:table-cell; vertical-align:middle;}
    .bluelink01_02 .list_bullet_dot li{width:50%;}
    .bluelink01_02 .section .infos {padding:40px 15px 40px 15px;}
    .bluelink01_02 .section_gray .Navi {padding:50px 15px 0 15px;}
    .bluelink01_02 .section .conBtn {padding:40px 15px 40px 15px;}
    .bluelink01_02 .guide {margin:26px 0 50px -30px;}
    .bluelink01_02 .section_list {padding:0 15px;}
    .bluelink01_02 .cont_box .section_02 .ico {width:80px; height:80px; background-size:100%;}
    .bluelink01_02 .cont_box .section_02 {padding-left:120px;}
    .bluelink01_02 .cont_box .section_02 .ico {left:10px;}
}

/* 고객서비스 > 블루링크 > 소개 > 블루링크갤러리 */
.bluelink01_03 .col img {width:100%;}
.bluelink01_03 .main_tit {margin-top:18px;}
.bluelink01_03 .main_tit .text {color:black; text-align:center; padding-top:32px;}
.bluelink01_03 .section_view {width:100%; display:block;}
.bluelink01_03 .view {margin-bottom: 50px;}
.bluelink01_03 .view + .list_view {margin-top:48px;}
.bluelink01_03 .viewport {padding:13px 0px 40px 0px;}
.bluelink01_03 .list_view ul li {float:left; padding-left:32px; width:25%;}
.bluelink01_03 .list_view:after {content:''; display:block; clear:both;}
.bluelink01_03 .row_title {padding-top:28px;}
.bluelink01_03 .pages {padding:40px 0 62px 0;}

@media screen and (max-width:1140px) {
    .bluelink01_03 .viewport {padding:0 10px;}
    .bluelink01_03 .video_wrap {margin-bottom:0px;}
    .bluelink01_03 .row_title {padding-top: 15px; height:53px;}
}


@media screen and (max-width:768px) {
    .bluelink01_03 .col {margin-bottom: 20px;}
    .bluelink01_03 .list_view ul li {padding:0; float:none; width:100%;}
    .bluelink01_03 .list_view ul li:first-child {padding-left:0;}
    .bluelink01_03 .row_title {padding-top:10px}
    .bluelink01_03 .viewport {padding-bottom:20px;}
    .bluelink01_03 .video_wrap .video {position:absolute; top:0; left:0; width:100%; height:100%;}
}

/* 기업정보 - 소식/활동 - 후원행사 - 성장세대 */
.counseling_list.grow_list>li.on {padding-bottom:0}
.counseling_list.grow_list>li.on>button:after{width:21px; height:13px; margin:-14px 0 0 -15px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png) no-repeat 0 -38px}
.counseling_list.grow_list>li b .ico_list_arr {display:inline-block; width:9px; height:5px; margin-left:8px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png) no-repeat 0 -17px}
.counseling_list.grow_list>li.on b .ico_list_arr {background-position:0 -28px}
.counseling_list.grow_list .counseling_info {padding:60px; border:none; z-index:2}
.counseling_list.grow_list .counseling_info .close {position:absolute; top:17px; right:17px; width:10px; height:10px; padding:0; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png) no-repeat 0 0}
.counseling_list.grow_list .counseling_info .close>span {display:block; position:absolute; top:0; left:-9999px; text-indent:-999999px}
.grow_generation .counseling_list.grow_list {padding:60px 0 80px}
.grow_generation .counseling_list .title_area {padding-bottom:20px}
.grow_generation .counseling_list .title_area .sub_title {font-size:30px}
.grow_generation .counseling_list .cont_area_box:after {content:''; display:block; clear:both}
.grow_generation .counseling_list .cont_area_box .cont_img_area {float:left; width:45%}
/*
.grow_generation .counseling_list .cont_area_box .cont_img_area img {width:100%}
*/
.grow_generation .counseling_list .cont_area_box .cont_text_area {float:left; width:55%; color:#000}
.grow_generation .counseling_list .cont_area_box .cont_text_area .section {padding:0 0 0 25px}
.grow_generation .counseling_list .cont_area_box .cont_text_area .explanation_text p[class^="text"] + p[class^="text"] {margin-top: 0}
.grow_generation .counseling_list .cont_area_box+.cont_area_box{margin-top:40px}
.grow_generation .counseling_list .cont_text_area .home_btn {padding-top:53px; width:100%}
.grow_generation .news_wrap .counseling_list>li>* b {height:78px}
.grow_generation .news_wrap .counseling_list .cont_area_box .cont_text_area .section {padding-top:0}
.grow_generation .news_wrap .counseling_list .title_area {padding-bottom:0; text-align:left}
.grow_generation .news_wrap .counseling_list .title_area .sub_title {padding-bottom:50px}
.grow_generation .slide [class*='_direction'] [class^="ix-btn"] {position:absolute; top:40%; width:44px; height:44px; margin-top:-22px; background:rgba(0, 0, 0, 0.6)}


@media screen and (max-width:360px){
    .counseling_list.basic_list>li.on:first-child {margin-top:10px}
}

@media screen and (max-width:767px){
    .counseling_list.grow_list>li.on>button:after,
    .counseling_list.grow_list>li b .ico_list_arr,
    .counseling_list.grow_list .counseling_info .close {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_mobile_basic_list.png) no-repeat 0 0;  background-size:13px 100px}
    .counseling_list.grow_list>li.on>button:after {width:10px; height:7px; margin-top:-8px; background-position:0 -31px}
    .counseling_list.grow_list>li b .ico_list_arr {width:7px; height:5px; margin-left:10px; background-position:0 -15px}
    .counseling_list.grow_list>li.on b .ico_list_arr {background-position:0 -23px}
    .counseling_list.grow_list .counseling_info .close {width:13px; height:13px; background-position:0 0}
    .counseling_list.grow_list>li {margin-top:0}
    .counseling_list.grow_list>li>* b {padding-top:15px; height:58px}
    .counseling_list.grow_list>li img {width:100%}
    .counseling_list.grow_list .counseling_info .btn_close .ico_close {top:15px; right:15px}
    .grow_generation .counseling_list .title_area {padding-bottom:0}
    .grow_generation .counseling_list .cont_area_box .cont_img_area,
    .grow_generation .counseling_list .cont_area_box .cont_text_area {float:none; width:100%}
    .grow_generation .counseling_list .counseling_info {padding:53px 15px 20px}
    .grow_generation .counseling_list.grow_list {padding:50px 15px 40px}
    .grow_generation .counseling_list .cont_area_box .cont_text_area .section {padding:0 15px 20px 15px}
    /*.grow_generation .counseling_list .cont_area_box .cont_text_area .explanation_text .exp_item {line-height:22px}*/
    .grow_generation .counseling_list .form_btns {margin:30px 0 20px}
    .grow_generation .counseling_list .cont_area_box.bottom {margin:0; padding-top:13px; border:none}
    .grow_generation .counseling_list .cont_area_box.bottom .cont_text_area+.cont_text_area .section {padding-top:25px}
    .grow_generation .counseling_list .cont_text_area .home_btn {width:50%; padding-top:25px; margin:0 auto}
    .grow_generation .news_wrap .counseling_list .title_area .sub_title {padding-bottom:10px}
    .grow_generation .news_wrap .counseling_list>li>* b {height:58px}
    .grow_generation .slide [class*='_direction'] .ix-btn-prev {left:0px}
    .grow_generation .slide [class*='_direction'] .ix-btn-next {right:0px}
    .grow_generation .counseling_list .title_area .sub_title {font-size:21px}
    .grow_generation .counseling_list .slide .ix-controller {padding:1.5em}
}

@media screen and (min-width: 1049px) and (max-width: 2100px){
    .grow_generation .slide [class*='_direction'] .ix-btn-prev {left:16px}
    .grow_generation .slide [class*='_direction'] .ix-btn-next {right:16px}
}

 /*기업정보 소식/활동 후원 행사 문화*/
.sponsorship_culture .con_wrap {padding:96px 15px 100px}
.sponsorship_culture .con_wrap:first-child {padding:96px 15px 56px}
.sponsorship_culture .con_inner_wrap {padding-top:60px}
.sponsorship_culture .con_wrap .con_inner_wrap:first-child {padding-top:0px}
.sponsorship_culture .main_title {padding-bottom:50px}
.sponsorship_culture .sub_title {padding-bottom:30px}
.sponsorship_culture .circle_box{margin:0 auto; width:750px}
.sponsorship_culture .circle_box:after {content:''; display:block; clear:both}
.sponsorship_culture .circle_con {position:relative; float:left; width:210px; height:210px; margin-left:-30px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news01_02_circle_center-pc.png) 0 0 no-repeat; background-size:cover}
.sponsorship_culture .circle_con:first-child {margin-left:0; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news01_02_circle_first-pc.png) 0 0 no-repeat}
.sponsorship_culture .circle_con:last-child {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news01_02_circle_last-pc.png) 0 0 no-repeat}
.sponsorship_culture .circle_con .text {position:absolute; left:50%; transform:translateX(-50%)translateY(-50%); top:50%; line-height:28px}
.sponsorship_culture .grid_col_02 .col {padding-top:20px; padding-bottom:40px}
.sponsorship_culture .grid_col_02 .col:nth-child(2n) {padding-left:40px}
.sponsorship_culture .bg_box {background-size:cover}
.sponsorship_culture .text_box {padding:53px 160px 0}
.sponsorship_culture .text_box .text_strong+.text_strong{margin-top:33px}

@media screen and (max-width:767px){
    .sponsorship_culture .con_wrap {padding:44px 15px 50px}
    .sponsorship_culture .con_wrap:first-child {padding:39px 15px 4px}
    .sponsorship_culture .con_inner_wrap {padding-top:60px}
    .sponsorship_culture .con_wrap .con_inner_wrap:first-child {padding-top:0px}
    .sponsorship_culture .main_title {padding-bottom:7px}
    .sponsorship_culture .sub_title {padding-bottom:10px}
    .sponsorship_culture .circle_box{margin:0 auto; width:172px}
    .sponsorship_culture .circle_con {position:relative; float:none; width:172px; height:170px; margin-left:0;  margin-top:-26px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news01_02_circle_center-m.png) 0 0 no-repeat; background-size:cover}
    .sponsorship_culture .circle_con:first-child {margin-left:0; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news01_02_circle_first-m.png) 0 0 no-repeat; background-size:cover}
    .sponsorship_culture .circle_con:last-child {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news01_02_circle_last-m.png) 0 0 no-repeat; background-size:cover}
    .sponsorship_culture .circle_con .text {line-height:22px}
    .sponsorship_culture .grid_col_02 .col{float:none; width:100%; padding-left:0; padding-top:0; padding-bottom:31px}
    .sponsorship_culture .grid_col_02 .col:nth-child(2n) {padding-left:0}
    .sponsorship_culture .text_box{padding:26px 15px 0}
    .sponsorship_culture .text_box .text_strong+.text_strong {margin-top:25px}
    .sponsorship_culture .img_box {padding-top:25px}
}


 /*기업정보 소식/활동 overview*/
.newsactiv_overview .con_wrap {padding:97px 15px 98px}
.newsactiv_overview .main_title {padding-bottom:57px}
.newsactiv_overview .bg_box {background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news02_bg01-pc.jpg) 0 0 no-repeat; background-size:cover}
.newsactiv_overview .section_darkgray {background-color:#E4DCD3}
.newsactiv_overview .grid_col_03 {padding-bottom:51px}
.newsactiv_overview .grid_col_03 .col {width:calc(33% - 21.33px); margin-right:32px}
.newsactiv_overview .grid_col_03 .col:last-child {margin-right:0}
.newsactiv_overview .grid_col_03 .row_title {padding-top:26px; padding-bottom:13px; line-height:28px}
.newsactiv_overview .grid_col_03 .text small {font-family:'HeadRegular';}
.newsactiv_overview .grid_col_03 .text small>span {display:inline-block; color:#000; padding-right:10px; font-family:'HeadRegular';}
.newsactiv_overview .grid_03_link {display:block; width:100px; margin:0 auto}
.newsactiv_overview .grid_03_link>span {font-family:'HeadMedium';}
.newsactiv_overview .notice_col_box .col>a {display:block; width:100%; height:270px; padding:45px 0 48px 50px; background:#F6F3F2; box-sizing:border-box}
.newsactiv_overview .notice_col_box .sub_title {padding-top:5px; line-height:40px}
.newsactiv_overview .notice_col_box .text b {position:relative; padding-right:14px}
.newsactiv_overview .notice_col_box .text b:after {content:''; position:absolute; width:1px; height:10px; right:0px; top:4px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news02_ico_line-pc.png) 0 0 no-repeat}
.newsactiv_overview .notice_col_box .text span {padding-left:10px}
.newsactiv_overview .grid_col_02 {padding-bottom:60px}
.newsactiv_overview .grid_col_02 .col+.col {width:50%; padding-left:50px}
.newsactiv_overview .grid_col_02 .col:first-child {padding-left:0}
.newsactiv_overview .grid_col_02 .main_title {text-align:left; padding:50px 0 30px}
.newsactiv_overview .grid_col_02 .sub_title {padding:45px 0 27px; line-height:40px}
.newsactiv_overview .grid_col_02 .mo_top {float:right}
.newsactiv_overview .col_textbox {position:relative; height:360px}
.newsactiv_overview .col_textbox .link {position:absolute; left:50px; bottom:50px}
.newsactiv_overview .rss_bottom_box {height:320px; padding:75px 0 0 0; text-align:center; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news02_bg02-pc.jpg) center center no-repeat; background-size:cover; box-sizing:border-box}
.newsactiv_overview .grid_col_02 picture {display:table-cell; height:360px; vertical-align:middle}
.newsactiv_overview .rss_bottom_box .main_title {color:#fff; padding-bottom:0}
.newsactiv_overview .rss_bottom_box .text_white {padding:15px 0 33px}
.newsactiv_overview .rss_bottom_box .text_white b {color:#fff}
.newsactiv_overview .ico_big_rss {width:32px; height:32px; margin:4px 14px 0 0; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news02_ico_big_rss-pc.png) 0 0 no-repeat; background-size:contain; vertical-align:top}
.newsactiv_overview .mo_only {display:none}
.newsactiv_overview .pc_only {display:block}

@media screen and (max-width:1000px){
    .newsactiv_overview .notice_col_box .col>a {padding:35px 20px}
    .newsactiv_overview .grid_col_02 .sub_title {padding-bottom:0}
}

@media screen and (max-width:767px){
    .newsactiv_overview .con_wrap {padding:43px 15px 49px}
    .newsactiv_overview .con_wrap:first-child .col {padding-bottom:35px}
    .newsactiv_overview .grid_col_03 .row_title {padding:13px 0 6px; line-height:24px}
    .newsactiv_overview .grid_col_02 .main_title {text-align:left; padding-top:30px; padding-bottom:20px}
    .newsactiv_overview .mo_only {display:block}
    .newsactiv_overview .mo_only .col {text-align:left}
    .newsactiv_overview .pc_only {display:none}
    .newsactiv_overview .rss_bottom_box {padding:45px 0 0; height:240px; text-align:center; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/operation_news02_bg02-m.jpg) center center no-repeat; background-size:cover}
    .newsactiv_overview .col img {width: 100%}
    .newsactiv_overview .main_title {padding-bottom:28px}
    .newsactiv_overview .grid_col_03 {padding-bottom:0}
    .newsactiv_overview .grid_col_03 .col {float:none; width:100%; margin-right:0}
    .newsactiv_overview .grid_col_02 {padding-bottom:0}
    .newsactiv_overview .grid_col_02 .col {float:none; width:100%; padding-left:0}
    .newsactiv_overview .grid_col_02 .col+.col {width:100%; padding-left:0}
    .newsactiv_overview .grid_col_02 .sub_title {padding:25px 0 10px; line-height:29px}
    .newsactiv_overview .col_textbox {position:static; height:auto; padding:0 15px !important}
    .newsactiv_overview .col_textbox .link {position:static; padding-top:35px}
    .newsactiv_overview .notice_col_box .sub_title {line-height:29px}
    .newsactiv_overview .notice_col_box .col {height:auto}
    .newsactiv_overview .notice_col_box .col>a {height:223px; padding:25px; box-sizing:border-box}
    .newsactiv_overview .ico_big_rss {width:16px; height:16px; margin:9px 7px 0 0}
    .newsactiv_overview .rss_bottom_box .text_white {padding:8px 0 25px}
    .newsactiv_overview .rss_bottom_box .btn_area {margin:0 70px}
    .newsactiv_overview .grid_col_02 picture {display:inline; height:auto; vertical-align:middle}
}


/* 기업정보 - 투자정보/IR - IR 현황  - IR캘린더 */
.ir_calendar .btn_today {position:absolute; top:55px; right:0; padding:0; font-size:20px; font-family:'TextMedium'; text-decoration:underline}
.ir_calendar .basic_calendar {padding:55px 0 60px; margin:0}
.ir_calendar .basic_calendar .calendar_wrap .date {margin-bottom:60px}
.ir_calendar .basic_calendar.date_picker_layer th {height:64px; font-size:20px}
.ir_calendar .basic_calendar.date_picker_layer td,
.ir_calendar .basic_calendar.date_picker_layer td button {height:121px}
.ir_calendar .basic_calendar.date_picker_layer td span {padding:18px 0 0 20px; font-size:16px; font-family:'TextMedium';}
.ir_calendar .basic_calendar.date_picker_layer .date>.date_select {height:auto; margin:0 30px; padding:0; font-size:44px}
.ir_calendar .basic_calendar.date_picker_layer .date>.date_select:after {right:-20px}
.ir_calendar .basic_calendar.date_picker_layer td.active {background:#f6f3f2}
.ir_calendar .basic_calendar.date_picker_layer td.view:after {display:block; content:""; width:11px; height:11px; background:#006992; position:absolute; top:20px; left:42px; border-radius:11px}
.ir_calendar .basic_calendar.date_picker_layer td.view>em{text-indent:-9999px; position:absolute; top:-999px; left:-999px}
.ir_calendar .basic_calendar.date_picker_layer td button>em {background:none; text-indent:-9999px; position:absolute; top:-999px; left:-999px}
.ir_calendar .basic_calendar.date_picker_layer .today>em {position:absolute; top:40px; left:40px; font-size:16px; color:#000}
.ir_calendar .ir_detail_view {background:#f6f3f2; position:relative; padding:50px 10px 53px 60px; box-sizing:border-box}
.ir_calendar .ir_detail_view:after {display:block; clear:both; content:""}
.ir_calendar .ir_detail_view>div {float:left; width:50%}
.ir_calendar .ir_detail_view .txt_date {margin-bottom:18px}
.ir_calendar .ir_detail_view .txt_date small {color:#444}
.ir_calendar .ir_detail_view .sub_title {font-size:40px; line-height:40px}
.ir_calendar .ir_detail_view .detail_cont {position:relative;}
.ir_calendar .ir_detail_view .detail_cont .list_bullet_num li {padding-left:0; margin:0; color:#000}
.ir_calendar .ir_detail_view .detail_cont .sub_list>ol {display:inline-block; margin-left:20px}
.ir_calendar .ir_detail_view .detail_cont .sub_list>span {vertical-align:top}
.ir_calendar .ir_detail_view .detail_cont .num_list {margin-left:10px}
.ir_calendar .ir_detail_view .down_btn {position:absolute; top:50px; right:60px; color:#000}
.ir_calendar .ir_detail_view .down_btn .ico_down {background-position:0 -100px;}
.ir_calendar .ir_detail_view .btn_close {position:absolute; top:16px; right:20px; width:16px; height:16px; padding:0}
.ir_calendar .ir_detail_view .btn_close .ico_close {background: url("../images/common/ico_pc_20.png") no-repeat 0 0; background-position:-22px -2px;}
.ir_calendar .ir_event [class^="section"].pd_sm {padding:40px 0px 30px}
.ir_calendar .ir_event .tubgt_area {width:1120px; margin:0 auto}
.ir_calendar .ir_event .acc_01 {margin-top:20px}
.ir_calendar .ir_event .acc_01>dl>dd {padding:30px 30px 135px}
.ir_calendar .ir_event .title_area {padding:96px 0 10px;}
.ir_calendar .ir_event .form_section {position:relative;}
.ir_calendar .ir_event .form_section > p {position:absolute; top:0; right:0;}
.ir_calendar .ir_event .form_section .ui_multiple_selectbox {padding-right:130px;}
.ir_calendar .ir_event .form_section .ui_multiple_selectbox .link {margin-right:10px;}
.ir_calendar .ir_event .selectBox-dropdown {padding:0 100px 0 20px}
.ir_calendar .ir_event .selectBox-dropdown:before {border-top-color:#000}
.ir_calendar .ir_event .tubgt .tubgt_area {padding-bottom:50px}
.ir_calendar .ir_event .pagination>* {padding:0 7px; font-size:19px}
.ir_calendar .ir_event .dl_text_cont [class^="list_"] {margin:20px 0 0; color:#000}
.ir_calendar .ir_event [class^="bullet_"],
.ir_calendar .ir_event [class^="bullet_"],
.ir_calendar .ir_event [class*="_bullet"]>li {padding-left:0}
.ir_calendar .ir_event .small_txt {padding-bottom:20px}
.ir_calendar .ir_event .sub_list {position:relative}
.ir_calendar .ir_event .sub_list ul {position: absolute; top:0; left:40px}
.ir_calendar .ir_event .ui_accordion>dl>dt:after {content:''; display:block; clear:both}
.ir_calendar .ir_event .ui_accordion>dl>dt .title {float:left; width:calc(74% - 80px)}
.ir_calendar .ir_event .ui_accordion>dl>dt .date {float:left; width:20%; line-height:80px}
.ir_calendar .ir_event .ui_accordion>dl>dt .date small {color:#fff;}
.ir_calendar .ir_event .ui_accordion>dl>dt .down_btn {float:left; /*width:-1%;*/color: #fff; line-height:80px; position: relative; z-index: 2; }/* 2018-05-13 이지혜 : css-validatoin 오류로 width:-1% 삭제 */
.ir_calendar .ir_event .ui_accordion>dl>dt.on .date small{color: #000;}
.ir_calendar .ir_event .ui_accordion>dl>dt.on .down_btn {float:left; /*width:-1%;*/ color:#000}/* 2018-05-13 이지혜 : css-validatoin 오류로 width:-1% 삭제 */
.ir_calendar .ir_event span + [class^="ico_"],
.ir_calendar .ir_event [class^="ico_"] + span {font-size:16px}
.ir_calendar .ir_event .ui_paging {padding-bottom:97px;}
.ir_event { background-size: cover !important; } /* 20180127 정윤진, 아코디언 열리면 높이 때문에 bg사이즈 cover 추가 */

@media screen and (max-width:1200px){
    .ir_calendar .ir_event [class^="section"].pd_sm {padding:40px 15px 30px}
    .ir_calendar .ir_event .ui_accordion>dl>dt .title {float:none; width:100%; padding:13px 0 0px 15px}
    .ir_calendar .ir_event .ui_accordion>dl>dt .date {float:none; width:100%; color:#fff; line-height:10px; padding-left:20px; /*margin-bottom:20px*/ padding-bottom: 20px;}  /* 20180209 정윤진, download버튼 없을시 간격 오류 수정 (임우정님 요청) */
    .ir_calendar .ir_event .ui_accordion>dl>dt .down_btn {float:none; width:100%; color:#fff; line-height:40px; padding-left:15px}
    .ir_calendar .ir_event .acc_01>dl>dt.on b,
    .ir_calendar .ir_event .acc_01>dl>dt.on .title {padding:15px 0 25px 15px}
    .ir_calendar .ir_event .acc_01>dl>dt .title {height:60px}
    .ir_calendar .ir_event .tubgt_area {width:100%}

}

@media screen and (max-width:1000px){
    .ir_calendar .ir_detail_view .down_btn {position:relative; top:0; left:0; margin-left:3px}
}

@media screen and (max-width:767px){
    /* 20180110 정윤진, 모바일 간격
    .ir_calendar .ir_event [class^="section"].pd_sm {padding:40px 15px 0px} */
    .ir_calendar .ir_event [class^="section"].pd_sm {padding:30px 15px 0;}
    .ir_calendar .ir_event .title_area {padding:50px 0px 0px}
    .ir_calendar .ir_event .acc_01 {margin-top:20px}
    .ir_calendar .ir_event .acc_01>dl>dd {padding:26px 15px 35px}
    .ir_calendar .ir_event .form_section > p {position:static; width:100%}
    .ir_calendar .ir_event .form_section .ui_multiple_selectbox {padding:0 0 20px 0;}
    .ir_calendar .ir_event .form_section .ui_multiple_selectbox span {display:block; text-align:left}
    .ir_calendar .ir_event .tubgt .tubgt_area {padding-bottom:0}
    .ir_calendar .ir_event .form_section .ui_multiple_selectbox {padding-bottom:10px}
    .ir_calendar .ir_event .form_section .ui_multiple_selectbox .link {margin:0 0 10px 0;}
    .ir_calendar .ir_event .form_section .ui_multiple_selectbox .link span {display:inline-block;}




    .ir_calendar .ir_event .sub_list ul {position:relative; left:0}
    .ir_calendar .ir_event span + [class^="ico_"], [class^="ico_"] + span {font-size:14px}
    .ir_calendar .ir_event .ui_accordion>dl>dt .date {line-height:10px;padding-left:15px; /*margin-bottom:26px*/ padding-bottom: 25px;} /* 20180209 정윤진, download버튼 없을시 간격 오류 수정 (임우정님 요청) */
    .ir_calendar .ir_event .ui_accordion>dl>dt .down_btn {padding-left:21px; line-height:40px}
    .ir_calendar .ir_event .acc_01>dl>dt.on b,
    .ir_calendar .ir_event .acc_01>dl>dt.on .title {padding:15px 0 10px 15px}
    .ir_calendar .ir_event .acc_01>dl>dt.on .title {height:auto}
    .ir_calendar .ir_event .acc_01>dl>dt .title {height:50px}

    .ir_calendar .ir_event .acc_01 .dl_text_cont .list_bullet_num {margin-top:0}
    .ir_calendar .ir_event .small_txt {padding-bottom:4px}

    .ir_calendar .basic_calendar .calendar_wrap .date {width:200px; margin:0 auto 20px; position:relative; border:none}
    .ir_calendar .basic_calendar.date_picker_layer [class^="navi_"][class*="_next"] {right:-8px}
    .ir_calendar .basic_calendar.date_picker_layer .date>.date_select {height:100%; font-size:25px}
    .ir_calendar .basic_calendar.date_picker_layer th {height:45px; font-size:16px}
    .ir_calendar .basic_calendar.date_picker_layer td,
    .ir_calendar .basic_calendar.date_picker_layer td button {height:40px}
    .ir_calendar .basic_calendar.date_picker_layer td span {padding:7px 0 0 6px; font-size:14px; line-height:14px}
    .ir_calendar .basic_calendar.date_picker_layer td.view:after {width:5px; height:5px; top:9px; left:24px; border-radius:5px}
    .ir_calendar .basic_calendar.date_picker_layer .today>em {top:19px; left:12px; font-size:14px}
    .ir_calendar .basic_calendar .date_list_layer{top:40px; bottom:auto;}

    .ir_calendar .btn_today {top:12px; font-size:14px}

    .ir_calendar .ir_detail_view {padding:50px 20px 67px}

    .ir_calendar .ir_detail_view>div {float:none; width:100%}
    .ir_calendar .ir_detail_view .title_area {position:relative; padding-bottom:25px}
    .ir_calendar .ir_detail_view .txt_date {position:absolute; bottom:0; left:0}
    .ir_calendar .ir_detail_view .detail_cont {margin-top:3px}

    .ir_calendar .ir_detail_view .sub_title {font-size:20px; line-height:24px}
    .ir_calendar .ir_detail_view .detail_cont .list_bullet_num {margin-bottom:20px}
    .ir_calendar .ir_detail_view .detail_cont .sub_list>ol {display:block; margin-left:18px}
    .ir_calendar .ir_detail_view .detail_cont .sub_list>ol>li>ul{margin-left:-15px;}
    .ir_calendar .ir_detail_view .detail_cont .num_list {margin-left:0}
    .ir_calendar .basic_calendar {padding:10px 0 35px}
    .ir_calendar .ir_event .ui_paging {padding:0 0 50px}
    .ir_calendar .ir_event .pagination>* { font-size: 14px; }

}

/* 기업정보 - 소식/활동 - RSS */
.rss_sercive .dection_tab {padding-top:60px}
.rss_sercive .dection_tab .text {padding:30px 0 53px}
.rss_sercive .data_table td {color:#000}
.rss_sercive .data_table .function_tab {line-height:29px}
.rss_sercive .data_table .function_tab .rss_btn {padding-left:25px}
.rss_sercive .data_table .function_tab .rss_btn:after {top:7px; left:0}
.rss_sercive .data_table .function_tab .rss_btn span>em {color:#000}
.rss_sercive .pagination {margin:80px 0 60px}
.rss_sercive .rss_reader .reader_down .re_down_list {margin:40px 0 60px}
.rss_sercive .rss_reader .reader_down .re_down_list li {position:relative; height:80px; background:#fff;}
.rss_sercive .rss_reader .reader_down .re_down_list li+li {margin-top:1px}
.rss_sercive .rss_reader .reader_down .re_down_list li .text {float:left; width:190px; padding-left:30px; line-height:80px; box-sizing:border-box}
.rss_sercive .rss_reader .reader_down .re_down_list li a {float:left; color:#000; line-height:80px}
.rss_sercive .rss_reader .reader_down>div {float:left; width:50%; padding-left:20px; box-sizing:border-box;}
.rss_sercive .rss_reader .reader_down>div:first-child {padding-left:0}
.rss_sercive .rss_reader .reader_down:after {display:block; clear:both; content:""}

 @media screen and (max-width: 767px) {
    .rss_sercive .dection_tab {padding-top:20px}
    .rss_sercive .dection_tab .text {padding:10px 0 25px}
    .rss_sercive .data_table td a {word-break: break-all; display:inline-block}
    .rss_sercive .data_table .function_tab {vertical-align:top}
    .rss_sercive .data_table .function_tab .rss_btn {padding-left:0}
    .rss_sercive .data_table .function_tab .rss_btn span {position:relative;}
    .rss_sercive .data_table .function_tab .rss_btn span>em{display:inline-block; text-indent:-9999px; position:absolute; top:-99999px; left:-9999px}
    .rss_sercive .data_table .function_tab .rss_btn:after {top:-3px; left:-2px;}
    .msie .rss_sercive .data_table .function_tab .rss_btn span>em{ position:relative; top:2px; left:0; width:16px; height:16px;}
    .msie .rss_sercive .data_table .function_tab .rss_btn:after {top:5px; left:0;}
    .rss_sercive .pagination {margin:50px 0 20px}
    .rss_sercive .rss_reader .dection_tab .text {padding-bottom:30px}
    .rss_sercive .data_table th,
    .rss_sercive .data_table td {padding:10px 1em;}
    .rss_sercive .rss_reader .reader_down>div {float:none; width:100%; padding:0}
    .rss_sercive .rss_reader .reader_down>div+div {margin:25px 0 40px}
    .rss_sercive .rss_reader .reader_down .re_down_list {margin:0}
    .rss_sercive .rss_reader .reader_down .row_title {margin-bottom:17px}
    .rss_sercive .rss_reader .reader_down .re_down_list li {height:45px}
    .rss_sercive .rss_reader .reader_down .re_down_list li .text {width:100px; padding-left:15px; line-height:45px}
    .rss_sercive .rss_reader .reader_down .re_down_list li a {position:absolute; top:0; left:100px; line-height:45px}

}

/* 기업정보 - 소식/활동 - 역사관*/
.car_history .year_wrap {position:relative; padding-bottom:40px}
.car_history .year_wrap:after {display:block; content:""; clear:both; width:100%; }
.car_history .year_wrap .year_head .year_list:after,
.car_history .year_wrap .year_cont .car_history_list .car_cont>ul:after {display:block; clear:both; content:""}
.car_history .year_wrap .inner {position:relative; max-width:1120px; margin:0 auto}
.car_history .year_wrap .year_cont {padding-top:100px}
.car_history .year_wrap .year_cont .car_history_list>li {position:relative; margin-top:30px}
.car_history .year_wrap .year_cont .car_history_list>li:first-child {margin-top:0}
.car_history .year_wrap .year_cont .car_history_list .main_title {position:absolute; top:35px; left:0; color:#cacaca}
.car_history .year_wrap .year_cont .car_history_list .car_cont {padding:0 0 0 160px; box-sizing:border-box}
.car_history .year_wrap .year_cont .car_history_list .car_cont>ul>li {float:left; width:25%; margin-bottom:60px; text-align:center}
.car_history .year_wrap .year_cont .car_history_list .car_cont .tit_name a {display:block; padding-top:120px}
.car_history .year_cont .car_history_list .tit_name a {position:relative}
.car_history .year_cont .car_history_list .tit_name a:after {display:block; content:""; width:234px; height:120px; position:absolute; top:0; left:0}
.car_history .year_cont .car_history_list .car_1960 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_1960.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_1970 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_1970.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_1980 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_1980.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_1990 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_1990.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_2000 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_2000.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_2010 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_2010.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_2013 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_2013.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_2014 .tit_name a:after {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_history_2014.png") no-repeat 0 0;}
.car_history .year_cont .car_history_list .car_1960 .bg01 .tit_name a:after {background-position:20px 15px}
.car_history .year_cont .car_history_list .car_1960 .bg02 .tit_name a:after {background-position:-209px 14px}
.car_history .year_cont .car_history_list .car_1970 .bg01 .tit_name a:after {background-position:8px 15px}
.car_history .year_cont .car_history_list .car_1970 .bg02 .tit_name a:after {background-position:-226px 20px}
.car_history .year_cont .car_history_list .car_1960 .bg01 .tit_name a:after {background-position:20px 15px}
.car_history .year_cont .car_history_list .car_1960 .bg02 .tit_name a:after {background-position:-209px 14px}
.car_history .year_cont .car_history_list .car_1970 .bg01 .tit_name a:after {background-position:8px 15px}
.car_history .year_cont .car_history_list .car_1970 .bg02 .tit_name a:after {background-position:-226px 20px}
.car_history .year_cont .car_history_list .car_1980 .bg01 .tit_name a:after {background-position:13px 15px}
.car_history .year_cont .car_history_list .car_1980 .bg02 .tit_name a:after {background-position:-232px 14px}
.car_history .year_cont .car_history_list .car_1980 .bg03 .tit_name a:after {background-position:-476px 17px}
.car_history .year_cont .car_history_list .car_1980 .bg04 .tit_name a:after {background-position:-734px 17px}
.car_history .year_cont .car_history_list .car_1980 .bg05 .tit_name a:after {background-position:20px -186px}
.car_history .year_cont .car_history_list .car_1980 .bg06 .tit_name a:after {background-position:-235px -187px}
.car_history .year_cont .car_history_list .car_1980 .bg07 .tit_name a:after {background-position:-476px -186px}
.car_history .year_cont .car_history_list .car_1980 .bg08 .tit_name a:after {background-position:-721px -183px}
.car_history .year_cont .car_history_list .car_1980 .bg09 .tit_name a:after {background-position:29px -382px}
.car_history .year_cont .car_history_list .car_1990 .bg01 .tit_name a:after {background-position:13px 15px}
.car_history .year_cont .car_history_list .car_1990 .bg02 .tit_name a:after {background-position:-229px 16px}
.car_history .year_cont .car_history_list .car_1990 .bg03 .tit_name a:after {background-position:-476px 17px}
.car_history .year_cont .car_history_list .car_1990 .bg04 .tit_name a:after {background-position:-734px 17px}
.car_history .year_cont .car_history_list .car_1990 .bg05 .tit_name a:after {background-position:19px -186px}
.car_history .year_cont .car_history_list .car_1990 .bg06 .tit_name a:after {background-position:-235px -186px}
.car_history .year_cont .car_history_list .car_1990 .bg07 .tit_name a:after {background-position:-476px -186px}
.car_history .year_cont .car_history_list .car_1990 .bg08 .tit_name a:after {background-position:-734px -186px}
.car_history .year_cont .car_history_list .car_1990 .bg09 .tit_name a:after {background-position:17px -384px}
.car_history .year_cont .car_history_list .car_1990 .bg10 .tit_name a:after {background-position:-241px -382px}
.car_history .year_cont .car_history_list .car_1990 .bg11 .tit_name a:after {background-position:-484px -382px}
.car_history .year_cont .car_history_list .car_1990 .bg12 .tit_name a:after {background-position:-734px -378px}
.car_history .year_cont .car_history_list .car_2000 .bg01 .tit_name a:after {background-position:16px 10px}
.car_history .year_cont .car_history_list .car_2000 .bg02 .tit_name a:after {background-position:-242px 12px}
.car_history .year_cont .car_history_list .car_2000 .bg03 .tit_name a:after {background-position:-488px 12px}
.car_history .year_cont .car_history_list .car_2000 .bg04 .tit_name a:after {background-position:-734px 12px}
.car_history .year_cont .car_history_list .car_2000 .bg05 .tit_name a:after {background-position:17px -186px}
.car_history .year_cont .car_history_list .car_2000 .bg06 .tit_name a:after {background-position:-238px -187px}
.car_history .year_cont .car_history_list .car_2000 .bg07 .tit_name a:after {background-position:-488px -183px}
.car_history .year_cont .car_history_list .car_2000 .bg08 .tit_name a:after {background-position:-734px -183px}
.car_history .year_cont .car_history_list .car_2000 .bg09 .tit_name a:after {background-position:20px -382px}
.car_history .year_cont .car_history_list .car_2000 .bg10 .tit_name a:after {background-position:-233px -382px}
.car_history .year_cont .car_history_list .car_2000 .bg11 .tit_name a:after {background-position:-476px -382px}
.car_history .year_cont .car_history_list .car_2000 .bg12 .tit_name a:after {background-position:-724px -382px}
.car_history .year_cont .car_history_list .car_2000 .bg13 .tit_name a:after {background-position:14px -582px}
.car_history .year_cont .car_history_list .car_2000 .bg14 .tit_name a:after {background-position:-236px -583px}
.car_history .year_cont .car_history_list .car_2010 .bg01 .tit_name a:after {background-position:22px 3px}
.car_history .year_cont .car_history_list .car_2010 .bg02 .tit_name a:after {background-position:-237px 5px}
.car_history .year_cont .car_history_list .car_2010 .bg03 .tit_name a:after {background-position:-488px 3px}
.car_history .year_cont .car_history_list .car_2010 .bg04 .tit_name a:after {background-position:-734px 4px}
.car_history .year_cont .car_history_list .car_2010 .bg05 .tit_name a:after {background-position:11px -192px}
.car_history .year_cont .car_history_list .car_2010 .bg06 .tit_name a:after {background-position:-233px -195px}
.car_history .year_cont .car_history_list .car_2010 .bg07 .tit_name a:after {background-position:-485px -194px}
.car_history .year_cont .car_history_list .car_2010 .bg08 .tit_name a:after {background-position:-733px -196px}
.car_history .year_cont .car_history_list .car_2010 .bg09 .tit_name a:after {background-position:11px -395px}
.car_history .year_cont .car_history_list .car_2013 .bg01 .tit_name a:after {background-position:22px 15px}
.car_history .year_cont .car_history_list .car_2013 .bg02 .tit_name a:after {background-position:-233px 17px}
.car_history .year_cont .car_history_list .car_2013 .bg03 .tit_name a:after {background-position:-476px 17px}
.car_history .year_cont .car_history_list .car_2013 .bg04 .tit_name a:after {background-position:-730px 17px}
.car_history .year_cont .car_history_list .car_2014 .bg01 .tit_name a:after {background-position:35px 8px}
.car_history .year_wrap .year_cont .car_history_list>li.active .main_title {color:#000}

@media screen and (max-width:1100px) {
    .car_history .year_wrap .year_cont .car_history_list .car_cont>ul>li {width:50%}
    .car_history .year_cont .car_history_list .tit_name a:after {left:50%; margin-left:-25%}
    .car_history .year_wrap .year_head .year_list li>a {padding:0 15px}
}

@media screen and (max-width:764px) {
    .car_history .year_wrap {padding-bottom:20px}
    .car_history .list_bar .tab_menus {height:50px; line-height:50px;}
    .car_history .list_bar .tab_menus li {font-size:14px}
    .car_history .year_wrap .year_cont {padding-top:43px}
    .car_history .year_wrap .year_cont .car_history_list .car_cont>ul>li {width:100%}
    .car_history .year_wrap .year_head .year_title {display:none}
    .car_history .year_wrap .year_head .year_list {padding-left:0; overflow:hidden; overflow-x:auto; white-space:nowrap;}
    .car_history .year_wrap .year_cont .car_history_list .car_cont {padding:15px 0 0 0}
    .car_history .year_wrap .year_cont .car_history_list .main_title {position:relative; top:0; left:0}
    .car_history .year_wrap .year_cont .car_history_list .car_cont>ul>li {margin-bottom:20px}
    .car_history .year_wrap .year_cont .car_history_list>li {margin-bottom:50px}
    .car_history .year_cont .car_history_list .tit_name a:after {width:250px;}
}

@media screen and (max-width:414px) {
    .car_history .year_cont .car_history_list .tit_name a:after {left:43%}
}

@media screen and (max-width:320px) {
    .car_history .year_cont .car_history_list .tit_name a:after {left:40px; margin-left:0}
}

/* 기업정보 - 소식/활동 - 역사관 - 포니*/
.view_history {margin-top:90px}
.view_history [class^="section"] {padding-bottom:100px}
.view_history .tit_area {padding-top:90px; text-align:center;}
.view_history .tit_area .main_title {line-height:60px}
.view_history .sub_title {line-height:38px}
.view_history .img_wrap {text-align:center}
.view_history .tit_area+.img_wrap {margin:46px 0 75px}
.view_history .intro_area {max-width:800px; margin:0 auto}
.view_history .intro_area .sub_title {text-align:center}
.view_history .intro_area .text_strong {padding:25px 0 88px}
.view_history .intro_area .text_strong+.sub_title {margin-bottom:45px}
.view_history .car_model_wrap {max-width:1600px; margin:0 auto}
.view_history .car_model_wrap .car_model:after,
.view_history .car_model_wrap .car_model>li:after {display:block; clear:both; content:""}
.view_history .car_model_wrap .car_model>li{float:left; padding-top:60px}
.view_history .car_model_wrap .car_model>li:first-child {padding-top:70px}
.view_history .car_model_wrap .car_model>li.second .img_wrap {float:right }
.view_history .car_model_wrap .car_model .img_wrap,
.view_history .car_model_wrap .car_model .text_area {float:left; width:800px; box-sizing:border-box}
.view_history .car_model_wrap .car_model .text_area .inner {max-width:560px; padding:42px 0 0 50px}
.view_history .car_model_wrap .car_model .text_area.left {padding-left:240px}
.view_history .car_model_wrap .car_model .text_area.left .inner {width:510px; padding-left:0}
.view_history .car_model_wrap .car_model .text_area .text_strong+.text_strong {margin-top:30px}
.view_history .section_white.disign .intro_area .text_strong {padding-bottom:75px}
.view_history .section_white.disign .sub_title {padding:17px 0 5px;}
.view_history .img_list .img_bottom {padding-top:10px}
.view_history .img_list .img_bottom span {display:inline-block}
.view_history .img_list .img_bottom span:first-child {margin-right:20px}
.view_history .btn_wrap {background:#fff; padding:80px 0 100px; text-align:center}
.view_history .last_area .sub_title {padding:45px 0 0 0}
.view_history .last_area .sub_title>span{display:block}
.view_history .last_area .intro_area .text_strong {padding:25px 0 55px}
.view_history .prevnext_bar .section {padding:0 !important}
.view_history.pony .bg01 {height:1032px;}
.view_history.pony .bg01 .tit_area .main_title,
.view_history.pony .bg01 .intro_area .text_strong,
.view_history.galloper .galloper04 .main_title,
.view_history.galloper .galloper04 .text_strong {color:#fff !important}
.view_history.pony .bg01 .intro_area .text_strong  {padding:20px 0 93px}
.view_history.pony .last_area {padding-bottom:0}

/* 기업정보 - 소식/활동 - 역사관 - 소나타 */
.view_history.sonata .bg01 {height:1042px;}
.view_history .video_area {max-width:1120px; height:600px; margin:0 auto}
.view_history .intro_area .text_strong {padding:42px 0 77px}
.view_history .intro_area .text_strong+.text_strong {padding:0}
.view_history.sonata .intro_area .sub_title,
.view_history.galloper .intro_area .sub_title {padding:40px 0 0 0;}
.view_history.sonata .intro_area .sub_title+.text_strong {padding:30px 0 25px}
.view_history.sonata .sonata01 .img_wrap {margin:30px 0 -80px}
.view_history.sonata .sonata02 .img_wrap {margin:53px 0 16px}
.view_history.sonata .sonata02 .img_wrap+.intro_area .sub_title+.text_strong {padding-bottom:0}
.view_history.sonata .car_model_wrap .car_model>li:first-child {padding-top:50px}
.view_history.sonata .car_model_wrap .car_model>li .sub_title {padding-bottom:20px; line-height:41px}
.view_history.sonata .car_model_wrap .car_model>li .sub_title>span {display:block}
.view_history.sonata .car_model_wrap .car_model>li .img_wrap {padding:0}
.view_history.sonata .sonata_area {padding-bottom:0}
.view_history.sonata .sonata_area.sonata04 .img_wrap {padding-top:70px}
.view_history.sonata .sonata_area .intro_area .sub_title {padding-top:30px}
.view_history.sonata .sonata_area .img_wrap {padding-top:30px}
.view_history.sonata .sonata06 .img_wrap {max-width:1600px; margin:0 auto; padding-top:80px}
.view_history.sonata .sonata06 .img_wrap:after {display:block; clear:both; content:""}
.view_history.sonata .sonata06 .img_wrap>span{float:left}
.view_history.sonata .sonata07 .img_wrap {padding:55px 0 45px}
.view_history.sonata .sonata07 .img_wrap.second {padding:70px 0 0}
.view_history.sonata .outro {height:667px}
.view_history.sonata .outro .main_title {color:#fff}
.view_history.sonata .outro .text_strong {color:#f6f3f2  !important}
.view_history.sonata .outro .tit_area {padding-top:80px}
.view_history.sonata .outro .tit_area .main_title {line-height:68px}

/* 기업정보 - 소식/활동 - 역사관 - 갤로퍼 */
.view_history.galloper .intro_area .text_strong {padding:30px 0 53px}
.view_history.galloper [class^="section"] {padding-bottom:0}
.view_history.galloper .galloper02 {height:1319px; padding-top:100px; box-sizing:border-box;}
.view_history.galloper .galloper02 .tit_area {padding-top:50px}
.view_history.galloper .galloper02 .intro_area .text_strong {padding:20px 0 0}
.view_history.galloper .galloper02 .intro_area .text_strong+.text_strong {padding-top:37px}
.view_history.galloper .car_model_wrap .car_model>li:first-child {padding:50px 0 0}
.view_history.galloper .car_model_wrap .car_model>li {padding:80px 0 100px}
.view_history.galloper .galloper04 {height:1055px;}
.view_history.galloper .galloper04 .intro_area .text_strong {padding:40px 0 75px;}
.view_history.galloper .galloper04 .img_wrap ul li {display:inline-block}
.view_history.galloper .galloper04 .img_wrap ul li+li {margin-left:10px}
.view_history.galloper .galloper05 .sub_title {padding-top:55px}
.view_history.galloper .btn_wrap {padding-top:20px}

@media screen and (max-width:1600px) {
    .view_history .car_model_wrap .car_model .img_wrap,
    .view_history .car_model_wrap .car_model .text_area {width:50%}
    .view_history .car_model_wrap .car_model .text_area .inner,
    .view_history .car_model_wrap .car_model .text_area.left .inner {width:100%}
    .view_history .car_model_wrap .car_model .text_area.left {padding-left:0}
    .view_history.sonata .sonata06 .img_wrap>span {float:none; display:block; width:100%}
}

@media screen and (max-width:1120px) {
    .view_history .video_area {height:auto}
    .view_history .tit_area {padding-top:45px}
    .view_history.sonata .intro_area .sub_title,
    .view_history.galloper .galloper01 .tit_area+.intro_area .sub_title {padding-top:5px}
    .view_history.sonata .bg01,
    .view_history.pony .bg01,
    .view_history.galloper .galloper02,
    .view_history.galloper .galloper04  {height:auto}
    .view_history.galloper .galloper02 {padding-top:45px}
    .view_history .img_list .img_bottom {padding-bottom:50px}
    .view_history .img_list .img_bottom span:first-child {margin-right:0; padding-bottom:10px}
    .view_history.galloper .galloper04 .img_wrap ul {padding-bottom:50px}
    .view_history.galloper .galloper04 .img_wrap ul li {display:block;}
    .view_history.galloper .galloper04 .img_wrap ul li+li {margin:10px 0 0}
    .view_history.galloper .galloper05 .sub_title {padding-top:22px}
}

@media screen and (max-width:767px) {
    .view_history {margin-top:0}
    .view_history [class^="section"] {padding:0 15px 0}
    .view_history .sub_title {text-align:center}
    .view_history .tit_area .main_title,
    .view_history.sonata .outro .tit_area .main_title {line-height:33px}
    .view_history .intro_area {padding:0 15px}
    .view_history .intro_area .text_strong+.sub_title {margin-bottom:0;}
    .view_history .intro_area .text_strong {padding:10px 0 25px}
    .view_history.sonata .intro_area .sub_title+.text_strong,
    .view_history.galloper .intro_area .text_strong,
    .view_history .last_area .intro_area .text_strong {padding:10px 0 17px}
    .view_history.sonata .sonata01 .img_wrap {margin:5px 0 17px;}
    .view_history.sonata .sonata02 .img_wrap {margin:25px 0 35px}
    .view_history .car_model_wrap .car_model .img_wrap,
    .view_history .car_model_wrap .car_model .text_area {width:100%}
    .view_history .car_model_wrap .car_model .text_area {padding:0 15px !important}
    .view_history .car_model_wrap .car_model .text_area .inner {padding:0}
    .view_history .car_model_wrap .car_model>li {padding-top:40px}
    .view_history .car_model_wrap .car_model>li.second .img_wrap {margin-right:-15px}
    .view_history.sonata .car_model_wrap .car_model>li .sub_title>span {display:inline-block}
    .view_history .sub_title,
    .view_history.sonata .car_model_wrap .car_model>li .sub_title {padding-bottom:7px; line-height:29px}
    .view_history.sonata .car_model_wrap .car_model>li .sub_title {padding-top:25px}
    .view_history .car_model_wrap .car_model>li:first-child,
    .view_history.galloper .car_model_wrap .car_model>li+li {padding-top:25px !important}
    .view_history .car_model_wrap .car_model>li .img_wrap {margin-left:-15px}
    .view_history .car_model_wrap .car_model>li .img_wrap img,
    .view_history .img_list .img_bottom img {width:100%}
    .view_history .car_model_wrap .car_model .text_area.left+.img_wrap {margin-left:15px}
    .view_history.sonata .sonata_area .img_wrap,
    .view_history.sonata .sonata_area.sonata04 .img_wrap {padding:0; margin:15px -15px 0}
    .view_history.sonata .sonata_area .intro_area .sub_title {padding-top:10px;}
    .view_history.sonata .sonata07 .intro_area.second .sub_title {padding-top:45px}
    .view_history.sonata .sonata_area.sonata06  {padding:0}
    .view_history.sonata .sonata_area.sonata06 .intro_area {padding:0 30px}
    .view_history.sonata .sonata_area.sonata06 .img_wrap,
    .view_history.sonata .sonata_area.sonata07 .img_wrap {margin:15px 0 0}
    .view_history.sonata .sonata_area.sonata07 .img_wrap.second {padding-top:23px; margin:15px -15px 0}
    .view_history.sonata .outro {height:auto}
    .view_history.sonata .outro .tit_area {padding-top:43px;}
    .view_history.sonata .sonata02,
    .view_history.galloper .galloper01,
    .view_history.galloper .galloper02,
    .view_history.pony .pony01 {padding-bottom:25px}
    .view_history.pony .car_model_wrap .car_model>li.second,
    .view_history.galloper .car_model_wrap .car_model>li.second {padding-bottom:25px}
    .view_history.pony .car_model_wrap .car_model>li .inner,
    .view_history.galloper .car_model_wrap .car_model>li .inner{padding-top:25px;}
    .view_history.pony .bg01 .intro_area .text_strong {padding-bottom:45px}
    .view_history .last_area .sub_title {padding-top:10px}
    .view_history .last_area .sub_title>span {display:inline-block}
    .view_history.galloper .galloper04 .intro_area .text_strong {padding-bottom:32px}
    .view_history.galloper .galloper05 {margin-bottom:-35px}
    .view_history .btn_wrap {padding:40px 15px 50px !important}
}


/* 기업정보 - 소식/활동 -  공지사항 목록 */
.news_notice .operation_table {padding:100px 0 95px 0; color:#000}
.news_notice .operation_table .line_r {border-right:1px solid #e4dcd3}
.news_notice .operation_paging {margin-top:80px}
.news_notice .opearation_inner_search {padding:60px 0}
.news_notice .opearation_form {margin:0}

/* 기업정보 - 소식/활동 -  공지사항 상세보기 */
.info_detail_view .notice_view_title {padding:30px 0;}
.info_detail_view .notice_view_txt {color:#000}
.info_detail_view .notice_addr {display:block; padding-left:60px}
.info_detail_view .notice_sub_txt {padding-left:10px}

/* 기업정보 -  소식/활동 - 보도자료 -   상세보기 */
.info_detail_view .detail_view_title {position:relative; padding:40px 0 50px;}
.info_detail_view .detail_view_txt {color:#000; margin-top:100px}
.info_detail_view .detail_addr {display:block; padding-left:60px}
.info_detail_view .detail_sub_txt {padding-left:10px}
.info_detail_view .detail_paragraph {line-height:30px; padding:32px 0 12px}
.info_detail_view .detail_view_wrap {height:70px}
.info_detail_view .board_view .board_btns {padding:60px 0 100px}
.detail_view.press .board_view .info {position:absolute; top:60px; right:0}

@media screen and (max-width:1200px){
    .news_notice .operation_table {padding:100px 15px 95px 15px}
    .news_notice .opearation_inner_search {padding:60px 15px}
    .info_detail_view .notice_view_title {padding:30px 0px}
    .info_detail_view .detail_view_txt {color:#000; margin-top:50px}
}
@media screen and (max-width:767px){
    .news_notice .operation_table {padding:50px 15px 40px}
    .news_notice .operation_paging {margin-top:40px}
    .news_notice .opearation_inner_search {padding:30px 30px}
    .news_notice .opearation_form {max-width:1200px}
    .info_detail_view .board_view {padding-top:0}
    .info_detail_view .notice_view_title .info {margin-top:0}
    .info_detail_view .notice_title {background-color:#f6f3f2; margin-bottom:50px; padding-bottom:0}
    .info_detail_view .notice_view_title {padding:35px 15px; border-top:none}
    .info_detail_view .board_view .board_btns {padding:50px 0 70px !important}
    .info_detail_view .detail_title {background-color:#f6f3f2; margin-bottom:35px; padding-bottom:0}
    .info_detail_view .detail_view_title {padding:30px 15px 40px}
    .info_detail_view .detail_view_wrap {border-top:none; margin-bottom:20px}
    .info_detail_view .detail_paragraph {line-height:24px; padding:25px 15px 0}
    .detail_view.press .board_view_info .wrap {padding:0}
    .detail_view.press .detail_subject {padding:0}
    .detail_view.press .board_view .info {position:relative; top:0; left:0; text-align:left;}
    .detail_view.press .detail_view_wrap {height:auto}
    .detail_view.press .detail_view_wrap {margin-bottom:10px}
}


/* 기업정보 - 소식/활동 - 보도자료_목록  */
.oper_info .oper_info_search {position:relative}
.oper_info .oper_info_search .ui_search_01 {margin:0}
.oper_info .oper_info_search [class^="ico_"][class*="_search"] {background-position:-40px -40px;}
.oper_info .oper_info_search .function_tab {position:absolute; top:50px; right:0; border-bottom:none}
.oper_info .image_board {margin-bottom:10px}
.oper_info .image_board > li {margin-top:2px}
.oper_info .image_board>li div {padding-top:22px}
.oper_info .image_board p.title > b {font-family:'HeadMedium'; font-size:16px; line-height:28px}
.oper_info .pagination {margin-top:27px; padding-bottom:97px}
.oper_info .board_img > img {width:100%}
.oper_info .section_con {padding:100px 0; position:relative}

@media screen and (max-width: 767px) {
    .oper_info .board {padding:40px 15px}
    .oper_info .image_board > li {margin-top:0px; padding-bottom:40px}
    .oper_info .image_board > li:last-child {padding-bottom:0px}
    .oper_info .pagination {margin-top:0; padding-bottom:72px}
    .oper_info .section_con {padding:40px 15px 0 15px}
    .oper_info .oper_info_search  {padding:25px 15px}
    .oper_info .oper_info_search [class^="ico_"][class*="_search"] {background-position:0 -48px}
    .oper_info .oper_info_search .wrap {padding:0}
    .oper_info .oper_info_search [class*="search_01"] input[type="text"] {height:35px}
}


/* 기업정보 - 소식/활동 - 현대차모터  */
.oper_info.report .reporet_sel {width:100%; height:64px}
.oper_info.report .report_box .report_list {margin:0 0 68px -32px}
.oper_info.report .report_box .report_list:after {content:' '; display:block; clear:both}
.oper_info.report .report_box .report_list > li {width:25%; padding-left:32px; float:left;}
.oper_info.report .report_box .report_list .list_text {background:#f6f3f2; height:111px; padding:30px; box-sizing:border-box}
.oper_info.report .section_gray .report_box .report_list .list_text {background-color:#fff; height:112px; padding:30px}
.oper_info.report .report_box .report_list .list_text {background-color:#f6f3f2; height:111px; padding:30px}
.oper_info.report .report_box .report_list .list_text > a {float:right; margin-top:16px}
.oper_info.report .select_wrap {width:257px; height:44px; float:right; margin-bottom:20px; font-size:16px; line-height:26px}
.oper_info.report .report_box .report_list .list_text > small {display:inline-block;margin-top:21px}
.oper_info.report .section_cont .pagination {padding:0 0 100px 0}


@media screen and (max-width: 767px) {
    /* 기업정보 - 소식/활동 - 현대차신문  */
    .oper_info.report .news_list li {width:100% !important; margin-bottom:30px}
    .oper_info.report .news_list .list_img > img {width:100%}
    .oper_info.report .section_con {padding:0}
    .oper_info.report .section_con .report_box {padding:0 15px}
    .oper_info.report .report_box .news_list .list_text {height:115px; padding:25px}
    .oper_info.report .report_box .news_list .list_text > small {margin-top:10px}
    .oper_info.report .report_box .news_list .list_text > a {margin-top:-20px}
    .oper_info.report .report_box .news_list > li:nth-child(3),
    .oper_info.report .report_box .news_list > li:nth-child(4) {margin-top:0px}
    .oper_info.report .mg_btm_last {margin-bottom:32px !important}
    .oper_info.report .pagination {margin-top:18px}
    .oper_info.report .reporet_sel {width:100%; height:85px; padding:25px 15px; margin-bottom:40px; background:#f6f3f2; box-sizing:border-box}
    .oper_info.report .reporet_sel .select_wrap {width:100%; height:35px; background:#fff}
    .oper_info.report .reporet_sel .selectBox-label {height:35px; line-height:35px}
    .oper_info.report .report_box .report_list {margin:0}
    .oper_info.report .report_box .report_list>li {padding-left:0}
    .oper_info.report .report_box .report_list .list_img img {width:100%}

    /* 기업정보 - 소식/활동 - 현대차모터  */
    .oper_info.report .motors_list li {width:100% !important; margin-bottom:30px}
    .oper_info .section_cont {padding:40px 15px 70px 15px}
    .oper_info.report .report_box .motors_list .list_text {height:115px; padding:25px}
    .oper_info.report .report_box .motors_list .list_text > small {margin-top:10px}
    .oper_info.report .report_box .motors_list .list_text > a {margin-top:-20px}
    .oper_info.report .report_box .motors_list > li:nth-child(3),
    .oper_info.report .report_box .motors_list > li:nth-child(4) {margin-top:0px}
    .oper_info.report .mg_btm_last {margin-bottom:32px}
    .oper_info.report .section_gray .pagination {margin-top:18px; padding:0}
    .oper_info.report h2.main_title {padding:0px 0 40px 0}
    .oper_info.report .report_plus {padding:40px 0 0 0}
}

@media screen and (min-width: 768px) {
    .oper_info.report .report_box .report_list > li {margin-bottom:32px}
    .oper_info .section_cont {padding-top:100px !important; position:relative}
}


/* 기업정보 - 채용정보 - Overview */
.hire_info.over_view .pd_md {padding : 0 !important; text-align : center; }
.hire_info.over_view .mg_md {margin : 0 !important; }
.hire_info.over_view .title_pd_btm { padding-bottom : 56px; }
.hire_info.over_view .pd_btm { padding-bottom : 88px; }
.hire_info.over_view .btn_md_primary { width : 215px; height : 50px; margin-bottom : 5px; }
.hire_info.over_view .mg_btm { margin-bottom : 60px; }
.hire_info.over_view iframe { height : 600px; }
.hire_info.over_view .mo_section { height : 627px; }
.hire_info.over_view .section_tit {padding:140px 0 93px 0;}
.hire_info.over_view .section_tit h2.sub_title { color: #fff; font-size : 44px; padding : 0 !important; }
.hire_info.over_view .section_ul { padding:0 212px 34px 212px; width : 100%; }
.hire_info.over_view .section_ul:after {display:block; clear:both; content:""}
.hire_info.over_view .section_ul li {float :left; width :20%; text-align : center;}
.hire_info.over_view .section_ul li .m_name {display:block; padding-top:80px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_recruit-info01.png) no-repeat center 0; color:#fff; font-size:20px; text-align:center}
.hire_info.over_view .section_ul li:nth-child(2) .m_name {background-position:center -161px;}
.hire_info.over_view .section_ul li:nth-child(3) .m_name {background-position:center -323px;}
.hire_info.over_view .section_ul li:nth-child(4) .m_name {background-position:center -485px;}

/* 기업정보 - 인재육성 - 직위체계 */
.hire_info.posi_system .rank_system {text-align:center;}
.hire_info.posi_system .rank_system img {width:100%; height:auto; max-width:1005px;}

/* 기업정보 - 인재육성 - 교육제도 */
.hire_info .tit_wrap p { line-height : 28px; }
.hire_info .main_title { margin-bottom : 30px; }
.hire_info .section_con:after { content : ' '; display : block; clear : both; }
.hire_info .contents_box { float : left; width : 50%; text-align : left; padding-right : 15px; }
.hire_info .contents_box h4 { padding : 40px 0 30px 0; }
.hire_info .contents_box p { line-height : 30px; }
.hire_info span.contents_img { width : 100%; }
.hire_info span.contents_img > img { width:100%; }
.hire_info .color_black { color : #000 !important; }
.edu_system.special_program .img_accordion .section .section_tit_wrap .section_tit .sub_title {margin-top:40px}

/* 기업정보 - 인재육성 - 경력개발 */
.hire_info.career_deve h4.sub_title { padding : 50px 0 30px 0; }
.hire_info.career_deve .devepro_box {padding-bottom:68px}
.hire_info.career_deve .devepro_box>ul>li{width:100%; display:table; position:relative; padding-left:90px; margin-bottom:32px; height:145px; background:#f1ede9; box-sizing:border-box}
.hire_info.career_deve .devepro_box>ul>li:after {display:block; clear:both; content:""; width:37px; height:16px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_arrow_development.png) no-repeat 0 0; position:absolute; bottom:-16px; left:50%; margin-left:18px}
.hire_info.career_deve .devepro_box>ul>li>p {height:145px; display:table-cell; padding-left:105px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_development.png) no-repeat 0 30px; vertical-align:middle; font-family:'HeadMedium'; line-height:30px; font-size:16px; word-break:keep-all; color:#000}
.hire_info.career_deve .devepro_box>ul>li>p>span {display:block}
.hire_info.career_deve .devepro_box>ul>li:nth-child(1) {width:49%; float:left}
.hire_info.career_deve .devepro_box>ul>li:nth-child(2) {width:49%; float:right}
.hire_info.career_deve .devepro_box>ul>li:nth-child(2)>p {background-position:0 -174px}
.hire_info.career_deve .devepro_box>ul>li:nth-child(3)>p {background-position:0 -379px}
.hire_info.career_deve .devepro_box>ul>li:nth-child(4)>p {background-position:0 -583px}
.hire_info.career_deve .devepro_box>ul>li:nth-child(5)>p {background-position:0 -786px}
.hire_info.career_deve .devepro_box>ul>li:nth-child(5):after {display:none}
.hire_info.career_deve .contents_box {margin-bottom : 74px;}

/* 기업정보 - 인재육성 - 우수인재양성 */
.hire_info.talent_train .contents_box { margin-bottom : 30px; }
.hire_info.talent_train .talent_training { margin : 0 auto; }
.hire_info.talent_train .global_box > .row_title { line-height : 34px; padding-bottom : 50px; }

@media screen and (max-width: 980px) {
    .hire_info.over_view .section_ul li:nth-child(2) .m_name {letter-spacing:-2px; word-break:break-all;}
    .hire_info.career_deve .devepro_box>ul>li {padding-left:50px}
    .hire_info.career_deve .devepro_box>ul>li>p>span {display:inline}
}

@media screen and (min-width: 768px) {
    .hire_info.over_view .pd_left { padding : 0 0 0 15px }
    .hire_info.over_view .sub_title { padding-top : 50px; padding-bottom:98px }
    .hire_info.over_view .clear > div:nth-child(3) .sub_title,
    .hire_info.over_view .clear > div:nth-child(4) .sub_title { padding-bottom:0 }
    .hire_info.over_view .btn_lg_primary { margin-top : 20px; }

    /* 기업정보 - 인재육성 - 교육제도 */
    .hire_info.edu_system .ecampus { padding : 0 15px 0 0 !important; margin-top : 19px; }
    .hire_info.edu_system .contents_box { margin-bottom : 31px; }
    .hire_info.edu_system .contents_box + div {padding:0 0 0 15px;}

    /* 기업정보 - 인재육성 - 경력개발  */
    .hire_info.career_deve .pd_md { padding : 0 }
    .hire_info.career_deve .contents_box + div { padding : 0 0 0 15px; }

    /* 기업정보 - 인재육성 - 우수인재양성 */
    .hire_info.talent_train .mo_bg2 + .pd_md { padding-top : 52px }
    .hire_info.talent_train .contents_box + div { padding : 0 0 0 15px; }

}

@media screen and (max-width: 767px) {
    .hire_info [class^="section"].pd_md { padding-top :30px }
    .hire_info.over_view .mo_padding { padding:50px 15px 0px 15px }
    .hire_info.over_view .pc_btm .sub_title { padding-bottom : 102px }
    .hire_info.over_view .mo_section { height : 420px }
    .hire_info.over_view iframe { height : 185px }
    .hire_info.over_view .section_tit { padding : 50px 0 }
    .hire_info.over_view .section_ul { padding : 0 }
    .hire_info.over_view .section_ul li {width:33% }
    .hire_info.over_view .section_ul li .m_name {padding-top:50px; font-size:16px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_recruit-info01-m.png) no-repeat center 0; background-size:40px 484px }
    .hire_info.over_view .section_ul li:nth-child(2) {width:34%}
    .hire_info.over_view .section_ul li:nth-child(4),
    .hire_info.over_view .section_ul li:nth-child(5) {width:50%; margin:25px 0 40px}
    .hire_info.over_view .section_ul li:nth-child(2) .m_name {background-position:center -113px; letter-spacing:0; word-break:keep-all;}
    .hire_info.over_view .section_ul li:nth-child(3) .m_name {background-position:center -334px;}
    .hire_info.over_view .section_ul li:nth-child(4) .m_name {background-position:96% -223px; padding-right:15px; text-align:right}
    .hire_info.over_view .section_ul li:nth-child(5) .m_name {background-position:19px -446px; padding-left:15px; text-align:left}
    .hire_info.over_view .tit_video.pd_btm { padding-bottom : 80px }
    .hire_info.over_view .btn_md_primary { width : 100%; margin : 10px 0 0 0 }
    .hire_info.over_view .pd_left { padding : 0 }
    .hire_info.over_view .sub_title { padding : 20px 0 40px 0 }
    .hire_info.over_view h2.sub_title { font-size : 25px !important }
    .hire_info.over_view .tit_wrap { padding : 0 15px 30px 15px }
    .hire_info.over_view .title_pd_btm { padding-bottom : 30px }
    .hire_info.over_view .mg_btm { margin : 0 }
    .hire_info.over_view .section_tit_wrap {padding : 0 15px; }
    .hire_info.posi_system .rank_system {overflow-x:scroll;}
    .hire_info.posi_system .tit_wrap { padding : 0 15px; }
    .hire_info.posi_system .rank_system img {width:660px; max-width:660px; text-align:center;}
    .hire_info.posi_system .mo_pd_btm {padding-bottom:40px}
    .hire_info.posi_system .mo_pd {padding:0 15px 50px 15px}

    .hire_info .contents_box { width : 100% !important; padding: 0 }
    .hire_info .contents_box h4 { padding : 40px 0 }
    .hire_info .text_box { padding : 0 15px }
    .hire_info .main_title { margin-bottom : 20px }
    .hire_info span.contents_img { height : 185px }
    .hire_info .contents_box h4 { padding : 20px 0 }
    .hire_info .contents_box.mo_last { margin-bottom : 0 }
    .hire_info .pd_last { padding-bottom : 0 }
    .hire_info .mo_centered { padding : 50px 30px }
    .hire_info .mo_font_tm { font-family: 'TextMedium'; line-height : 22px;}
    .hire_info .contents_box p { line-height : 22px }

    /* 기업정보 - 인재육성 - 교육제도 */
    .hire_info.edu_system .ecampus { margin-top : 0 !important; padding : 0; }
    .hire_info.edu_system .contents_box { margin-bottom : 40px; }
    .hire_info.edu_system .section_tit { padding : 0 30px }
    .hire_info.edu_system .tit_wrap { padding : 0 15px; }
    .hire_info.edu_system .tit_wrap { padding : 0 15px; }
    .hire_info.edu_system .last { margin-bottom : 20px }
    .edu_system.special_program .img_accordion .section .section_tit_wrap .section_tit .sub_title {margin-top:0}
    /*20180129 함은주, 모바일TEST*/
    /*.special_program .img_accordion .section .section_tit_wrap button {width:20px; height:20px; bottom:20px}
    .special_program .img_accordion .section .section_tit_wrap button:before,
    .special_program .img_accordion .section .section_tit_wrap button:after {width:6px; height:1px; margin:0 0 0 -3px;}*/

    /* 기업정보 - 인재육성 - 경력개발 */
    .hire_info.career_deve .mo_pd { padding-top:0 !important }
    .hire_info.career_deve .contents_box { margin-bottom : 40px }
    .hire_info.talent_train .contents_box + div { padding-left:0 }
    .hire_info.career_deve .tit_wrap { padding : 0 15px; }
    .hire_info.career_deve .devepro_box>ul>li {height:111px; margin-bottom:14px; padding-left:15px}
    .hire_info.career_deve .devepro_box>ul>li>p {height:111px; padding:0 12px 0 66px; background:url(../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_development_mobile.png) no-repeat 0 46px; background-size:51px 516px; line-height:22px; font-size:14px;}
    .hire_info.career_deve .devepro_box>ul>li:after {background-size:18px 8px; margin-left:-9px}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(1),
    .hire_info.career_deve .devepro_box>ul>li:nth-child(2) {height:214px; padding:30px 0 0 0}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(1)>p,
    .hire_info.career_deve .devepro_box>ul>li:nth-child(2)>p {display:inline-block; padding:72px 12px 0; background-position:center 0}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(2)>p {background-position:center -117px}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(3)>p {background-position:0 -203px}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(4)>p {background-position:0 -318px}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(5)>p {background-position:0 -434px}
    .hire_info.career_deve .devepro_box>ul>li:nth-child(5) {margin-bottom:0}
    .hire_info.career_deve .devepro_box {padding-bottom:0}

    /* 기업정보 - 인재육성 - 우수인재양성 */
    .hire_info.talent_train .mo_pd_top { padding-top : 0 }
    .hire_info.talent_train .global_box > .row_title { padding-bottom : 30px; margin-top:10px }
    .hire_info.talent_train .tit_wrap { padding : 0 15px }
    .hire_info.talent_train .global_box > .row_title { line-height : 22px }
    .hire_info.talent_train .contents_box { margin-bottom : 40px; padding-right:0 }
    .hire_info.talent_train .mo_mg { margin-bottom:10px }
    .hire_info.talent_train .contents_box + div { padding-left:0 }
    .hire_info.talent_train .contents_box.mo_last { margin-bottom : 0; padding:0 }
    .hire_info.talent_train .mo_pd {padding-top:36px}
    .hire_info .contents_box h4 { padding : 20px 0 !important }
}

@media screen and (max-width: 320px) {
    .hire_info.over_view .section_ul li:nth-child(4) .m_name {background-position:95px -223px;}
}

/* 기업정보 - 기업소개 공통 */
[class*="introduction_"] > [class*="section"] {padding:100px 15px}
[class*="introduction_"] > [class*="section"].last ~ [class*="section"] {padding:0}
[class*="introduction_"] .title_area {padding-bottom:60px}
[class*="introduction_"] .title_area .text {margin-top:30px}
.list_bar {border-bottom:1px solid #f6f6f6}
.list_bar .section {position:relative;padding:0 140px 0 160px}
.list_bar ._title {position:absolute; top:28px; left:5px}
.list_bar .tab_menus {height:70px; background:#fff}
.list_bar .tab_menus li {margin:0 13px 0 14px; background:#fff}
.list_bar .tab_menus.menu_4>li {width:auto}
.list_bar .tab_menus button {font-size:16px; color:#000; font-family:'HeadRegular'}
.list_bar .tab_menus li.on button {color:#006992; font-family:'HeadMedium'}
.list_bar .tab_menus:after,
.list_bar .tab_menus>li>*:after {display:none}
.list_bar .ico_list_arr {display:inline-block; width:9px; height:5px; margin-left:8px; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/ico_pc_basic_list.png") no-repeat 0 -17px}
.list_bar .on .ico_list_arr {background-position:0 -28px}
.list_bar .btnView {position:absolute; top:28px; right:0; color:#000}
.list_bar .btnView:before {display:none}

@media screen and (min-width:768px) and (max-width: 1023px){
    .list_bar .section {padding:0}
    .list_bar ._title, .list_bar .btnView {display:none}
}
@media screen and (max-width: 767px) {
    [class*="introduction_"] > [class*="section"] {padding:45px 15px}
    [class*="introduction_"] .title_area {padding-bottom:30px}
    [class*="introduction_"] .title_area .text {margin-top:10px}
    .list_bar .section {padding:0}
    .list_bar ._title, .list_bar .btnView {display:none}
    .list_bar .tab_menus li {margin:0 10px}
    .list_bar .tab_menus button {font-size:14px}
}

/* 기업정보 - 기업소개 - CEO인사말 */
.introduction_ceo .img_align_text {background:#f6f3f2}
.introduction_ceo .img_align_text .img {width:65%}
.introduction_ceo .img_align_text .text_area {padding:5% 4% 0 0; color:#000}
.introduction_ceo .img_align_text .sub_title {line-height:40px}
.introduction_ceo .ceo_name {margin-top:2%}
.introduction_ceo .ceo_name b {font-size:1.25em}
.introduction_ceo .ceo_name img {display:block; margin-top:1.5%}
.introduction_ceo .section.last {padding-bottom:210px; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/introduction01_bg01.jpg") no-repeat center bottom; background-size:cover}
.introduction_ceo .hm_ceo {display:block; margin-top:52px; text-align:center; color:#000}
.introduction_ceo .last .sub_title {padding-bottom:26px; line-height:40px}

@media screen and (min-width:768px) and (max-width: 1023px){
    /* 768이상 1023 미만 tablet */
    .introduction_ceo .img_align_text .text_area {padding:3% 2% 0 0;}
    .introduction_ceo .img_align_text .img {width:58%; margin-right:3%}
    .introduction_ceo .img_align_text .sub_title {line-height:35px; font-size:28px}
    .introduction_ceo .img_align_text .text {font-size:15px; line-height:26px;}
    .introduction_ceo .ceo_name {margin-top:1%}
    .introduction_ceo .ceo_name img {display:inline; margin:0 0 0 5px; vertical-align:bottom; height:24px}
}
@media screen and (max-width: 767px) {
    .introduction_ceo .section_white {padding-bottom:40px;}
    .introduction_ceo .img_align_text .text_area {padding:24px 15px 38px}
    .introduction_ceo .img_align_text .img {float:none; width:100%}
    .introduction_ceo .img_align_text .sub_title {line-height:29px}
    .introduction_ceo .sub_title {line-height:29px}
    .introduction_ceo .text_strong {padding:0 15px}
    .introduction_ceo .hm_ceo {text-align:right; margin-top:35px}
    .introduction_ceo .hm_ceo span {font-family:'TextRegular'}
    .introduction_ceo .ceo_name {margin-top:22px}
    .introduction_ceo .ceo_name img {margin-top:10px}
    .introduction_ceo .last .sub_title {line-height:29px}
    .introduction_ceo .section.last {padding-bottom:50px}
}

/* 기업정보 - 기업소개 - 기업이념 */
.introduction_hm .img_align_text .img {margin-right:9%}
.introduction_hm .text_area .sub_title {padding-bottom:26px}
.introduction_hm .text_area .text_strong + .sub_title {margin-top:50px}
.introduction_hm .text_area .text_strong {letter-spacing:-0.5px}
.introduction_hm .section.bg {padding-top:90px; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/introduction02_bg01.jpg") no-repeat center bottom}
.introduction_hm .section.bg p.text_white {padding-top:54px; font-size:20px}
.introduction_hm .section.bg2{background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/introduction02_bg02.jpg") no-repeat center bottom}
.introduction_hm .section.bg2 .sub_title {padding-bottom:30px; text-align:center}
.introduction_hm .grid_col_02 {margin-top:94px}
.introduction_hm .grid_col_02 .col .align_center {min-height:150px}
.introduction_hm .grid_col_02 .col .text_strong {min-height:90px; padding:0 30px}
.introduction_hm .last .text_strong {margin-top:50px}
.introduction_hm .last .slide .text_strong {margin-top:28px; text-align:left}

@media screen and (max-width: 1024px) {
    .introduction_hm .gap_lg>* + * {margin-left:0}
}

@media screen and (max-width: 767px) {
    .introduction_hm .title_area .text {padding-top:0; margin-top:10px;}
    .introduction_hm .section.bg {padding-top:45px; background-size:cover}
    .introduction_hm .section.bg2 {background-size:cover}
    .introduction_hm .section.bg2 .title_area {padding-bottom:10px}
    .introduction_hm .img_box {width:59.315%}
    .introduction_hm .section_white.last .title_area+.img_box {width:100%;}
    .introduction_hm .img_align_text .img {float:none; width:100%}
    .introduction_hm .img_align_text .text_area {margin-top:35px}
    .introduction_hm .text_area .text_strong + .sub_title {margin-top:30px}
    .introduction_hm .section.bg p.text_white {padding-top:35px; font-size:14px}
    .introduction_hm .text_area .sub_title {padding-bottom:10px}
    .introduction_hm .grid_col_02 {margin-top:35px}
    .introduction_hm .grid_col_02 .col {float:none; width:100%}
    .introduction_hm .grid_col_02 .col + .col {margin:30px 0 0}
    .introduction_hm .grid_col_02 .col .align_center {width:35.9375%; min-height:auto; margin:0 auto}
    .introduction_hm .grid_col_02 .col .text_strong {min-height:auto; padding:15px 15px 0; text-align:center}
    .introduction_hm .last .slide .text_strong {text-align:center}
}

/* 기업정보 - 소개 - 연혁 */
.company_history_section {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/bg_company_history.jpg")  no-repeat 50% 100%}
.company_history_wrap {overflow:hidden; display:table; table-layout:fixed; max-width:1600px; margin:100px auto 0}
.company_history_inner {padding:0 0 50px}
.company_history_section .history_img {display:table-cell; width:50%; vertical-align:top}
.company_history_section .history_img img {width:100%}
.company_history_section .history_txt {display:table-cell; width:50%; padding:55px 10px 50px 60px; vertical-align:top; color:#000}
.company_history_section .history_txt .sub_title {margin-bottom:17px}
.company_history_section .history_list li {position:relative; margin:0 0 15px; padding:0 0 0 14px; line-height:1.9}
.company_history_section .history_list li:before {position:absolute; top:12px; left:0; display:block; width:3px; height:3px; background: #626262; content:""}
@media screen and (max-width: 767px) {
    .company_history_wrap {margin-top:50px}
    .company_history_inner {padding:0 0 30px}
    .company_history_section .history_list {width:100%; }
    .company_history_section .history_list li {padding:0 15px 0 10px;line-height:1.5}
    .company_history_section .history_list li:before {top:7px}
    .company_history_section .history_img {display:block; width:auto; padding:0 15px 0 0}
    .company_history_section .history_txt {display:block; width:auto; padding:25px 0 0 15px}
    .company_history_section .history_txt .sub_title {padding-bottom:0px; margin-bottom:7px}
}

/* 기업정보 - 소개 - 주요관계사 */
.introduction_falimy .ui_accordion dd {padding:30px 50px}
.introduction_falimy .ui_accordion dd ul {margin-top:-32px}
.introduction_falimy .ui_accordion dd ul li {float:left; width:25%; margin-top:32px; padding:0 10px; text-align:center}
.introduction_falimy .ui_accordion dd ul:after {display:block; content:''; clear:both}
.introduction_falimy .ui_accordion dd ul li strong {display:block; margin-top:16px; line-height:22px; font-size:14px}

@media screen and (max-width: 767px) {
    .introduction_falimy .section_white {padding-bottom:70px}
    .introduction_falimy .section_white .title_area {padding-bottom:25px}
    .introduction_falimy .ui_accordion dd {padding:30px 15px}
    .introduction_falimy .ui_accordion dd ul li {width:50%; margin-top:22px; padding:0 5px}
    .introduction_falimy .ui_accordion dd ul li strong {margin-top:10px}
    .introduction_falimy .ui_accordion dl>dt.on .title {padding:15px 0 10px 15px;}
}


/* 기업정보 - 소개 - CI */
.introduction_ci .section_white {padding:50px 15px 95px}
.introduction_ci .section_white.last {padding:100px 15px}
.introduction_ci .title_area .text {margin-top:20px}
.introduction_ci .section_gray .title_area .text {margin-top:30px}
.introduction_ci .section_beige {padding-top:90px; background:#e4dcd3}
.introduction_ci .pt_md {padding-top:60px;}
.introduction_ci .sub_title + .text_strong {margin-top:20px}
.introduction_ci .ui_tab_01 {margin-top:10px}
.introduction_ci .tab_cont .section_white {padding:258px 15px}
.introduction_ci .tab_cont .section_beige {padding-top:60px}
.introduction_ci .tab_cont .sub_title + .text_strong {margin-top:8px}
.introduction_ci .grid_col_03 {margin-top:-50px}
.introduction_ci .grid_col_03 .col {margin-top:50px}
.introduction_ci .ci_color_info {padding-top:28px; color:#000}
.introduction_ci .ci_color_info .ci_color_top {min-height:53px; position:relative;}
.introduction_ci .ci_color_info .ci_color_top .text {position:absolute; bottom:-9px; left:0}
.introduction_ci .ci_color_info.mh_set {min-height:283px}
.introduction_ci .ci_color_info .sub_title {padding-bottom:5px}
.introduction_ci .ci_color_info .ui_table {margin-top:20px}
.introduction_ci .ci_color_info dl {line-height:30px}
.introduction_ci .ci_color_info dt {width:32%; vertical-align:top}

@media screen and (min-width:768px) and (max-width: 1023px){
/* 768이상 1023 미만 tablet */
    .introduction_ci .col:nth-child(3n+1) {margin-left:0}
}

@media screen and (max-width: 767px) {
    .introduction_ci .title_area {padding-bottom:25px}
    .introduction_ci .title_area .text {margin-top:3px}
    .introduction_ci .pt_md {padding-top:25px;}
    .introduction_ci .pt_md .text_strong {text-align:left}
    .introduction_ci .ui_tab_01 {margin-top:0}
    .introduction_ci .tab_cont .section_white {padding:93px 15px}
    .introduction_ci .tab_cont .section_beige {padding-top:28px}
    .introduction_ci .tab_cont .sub_title + .text_strong {min-height:110px; margin-top:0}
    .introduction_ci .tab_cont .col {float:none; width:100%}
    .introduction_ci .tab_cont .col + .col {margin-top:15px}
    .introduction_ci .grid_col_03 {margin-top:-25px}
    .introduction_ci .grid_col_03 .col {margin-top:25px}
    .introduction_ci .ci_color_info {padding-top:15px}
    .introduction_ci .ci_color_info.mh_set {min-height:auto}
    .introduction_ci .ci_color_info .sub_title {padding-bottom:0}
    .introduction_ci .ci_color_info .sub_title + .text {line-height:16px}
    .introduction_ci .ci_color_info dl {line-height:21px}
    .introduction_ci .ci_color_info dt {width:24.14%}

    .introduction_ci .ci_color_info .ci_color_top {min-height:auto}
    .introduction_ci .ci_color_info .sub_title + .text {    position: static;}
}

/* 기업정보 - 소개 - 수상내역 */
.awards_list_wrap {padding:98px 0 70px}
.counseling_info.award_detail_info .cont_area_box {display:table; table-layout:fixed; width:100%}
.counseling_info.award_detail_info .cont_img_area {float:none !important; display:table-cell; width:415px !important; height:359px; background:#fff; vertical-align:middle}
.counseling_info.award_detail_info .cont_img_area img {max-width:100%}
.counseling_info.award_detail_info .title_area {padding:0 0 24px; text-align:left; line-height:1.5}
.counseling_info.award_detail_info .sub_title {padding:0 !important}
.counseling_info.award_detail_info .cont_text_area {float:none !important; display:table-cell; width:inherit !important; padding:10px 0 0 25px; line-height:1.5; color:#000}
.awards_ratings_list {overflow:hidden;margin-top:50px;color:#000}
.awards_ratings_list li {float:left; width:33%}
.awards_ratings_list .img {display:block; width:230px; height:110px}
.awards_ratings_list .img img {width:100%}
.awards_ratings_list .title {display:block; margin-top:25px; text-decoration:underline}
.awards_ratings_list .txt_des {display:block; margin:15px 0 0; font-size:16px}

@media screen and (max-width: 767px) {
    .awards_list_wrap {padding-top:50px}
    .counseling_info.award_detail_info .cont_area_box {display:block}
    .counseling_info.award_detail_info .cont_img_area {display:block; width:100% !important; height:auto}
    .counseling_info.award_detail_info .cont_img_area img {width:100% ; height:auto}
    .counseling_info.award_detail_info .cont_text_area {display:block; padding:0}
    .counseling_info.award_detail_info .cont_text_area .section {padding-left:0 !important}
    .awards_ratings_list {margin-top:10px}
    .awards_ratings_list .img {width:100%; height:auto}
    .counseling_list.basic_list .counseling_info {padding: 53px 15px 20px}
    .counseling_info.award_detail_info .title_area {padding:15px 0}
}

/* 기업정보 - 채용정보 - 직무소개 */
[class*="recruit_"] .tab_cont > [class*="section"] {padding:100px 15px 100px}
[class*="recruit_"] .tab_cont > [class*="section"].last {padding-bottom:130px}
[class*="recruit_"] .title_area {padding-bottom:60px}
[class*="recruit_"] .main_title {padding-bottom:30px}
[class*="recruit_"] .slide_txt {max-width:800px; margin:0 auto; padding-top:55px}
[class*="recruit_"] .slide .ix-controller {padding:0}
[class*="recruit_"] .slide .indicator_inner {position:absolute; left:0; right:0; bottom:29px}

/* 기업정보 - 채용정보 - 직무소개 - R&D*/
.recruit_rnd .grid_box {margin-top:60px}
.recruit_rnd .grid_box .sub_title {padding-top:50px; padding-bottom:32px}
.recruit_rnd .grid_box .text_strong {min-height:230px}
@media screen and (min-width:768px) and (max-width: 1023px){
    .recruit_rnd .grid_box .col:nth-child(odd) {margin-left:0}
    .recruit_rnd .grid_box .col {margin-top:30px}
}
@media screen and (max-width: 767px) {
    .recruit_rnd .grid_box {margin-top:45px}
}

/* 기업정보 - 채용정보 - 직무소개 - Manufacturing */
.recruit_manufacturing .grid_box {margin-top:50px}
.recruit_manufacturing .grid_col_02 .col {width:calc((100% - 50px) / 2); margin-top:60px}
.recruit_manufacturing [class^="grid_"].gap_lg>* + * {margin-left:50px}
.recruit_manufacturing .grid_box .sub_title {padding-top:30px; padding-bottom:32px}

@media screen and (min-width:768px) and (max-width: 1023px){
    .recruit_manufacturing .grid_box .sub_title {padding:15px 0}
}
@media screen and (max-width: 767px) {
    .recruit_manufacturing .grid_col_02 .col + .col {margin-top:0}
}

/* 기업정보 - 채용정보 - 직무소개 - 전략지원 */
.recruit_strategy .section_beige {background:#e4dcd3}
.recruit_strategy .grid_box {max-width:1600px; margin:0 auto}
.recruit_strategy .grid_box .col.flt-right {float:right}
.recruit_strategy .col.align_left .inner_txt {float:left;padding-left:50px;}
.recruit_strategy .col .inner_txt {text-align:left}
.recruit_strategy .col.align_right .inner_txt {float:right; padding-right:50px}
.recruit_strategy .col.align_left.flt-none .inner_txt,
.recruit_strategy .col.align_right.flt-none .inner_txt {max-width:510px;}
.recruit_strategy .grid_box .sub_title {padding-top:50px; padding-bottom:32px}
.recruit_strategy .col .text_strong {max-width:510px}

@media screen and (min-width:768px) and (max-width: 1023px){
    .recruit_strategy .grid_box .sub_title {padding:15px 0}
}
@media screen and (max-width: 767px) {
    [class*="recruit_"] .tab_cont > [class*="section"] {padding:45px 15px}
    [class*="recruit_"] .tab_cont > [class*="section"].last {padding-bottom:65px}
    [class*="recruit_"] .title_area {padding-bottom:25px}
    [class*="recruit_"] .main_title {padding-bottom:5px}
    [class*="recruit_"] .slide_txt {padding:15px 15px 0}
    [class*="recruit_"] .grid_col_02 .col {float:none; width:100%; margin:35px 0 0 0; padding:0 15px}
    [class*="recruit_"] .grid_col_02 .col .align_center {margin:0 -15px}
    [class*="recruit_"] .grid_box .sub_title {padding-top:15px; padding-bottom:11px}
    [class*="recruit_"] .grid_box .text_strong {min-height:auto}
    [class*="recruit_"] .slide .ix-controller {padding:20px 0}
    [class*="recruit_"] .slide .indicator_inner {position:static}
    [class*="recruit_"] .slide .slide_direction [class^="ix-btn"] {margin-top:-44.5px}

    .recruit_strategy .tab_cont > [class*="section"] {padding:50px 15px}
    .recruit_strategy .grid_col_02 .col {margin-top:0}
    .recruit_strategy .inner_img.mo_left {float:left; margin-left:-30px}
    .recruit_strategy .inner_img.mo_right {float:right; margin-right:-30px}
    .recruit_strategy .col.flt-none + .col.flt-none {margin-top:35px}
    .recruit_strategy .col.flt-none .inner_txt,
    .recruit_strategy .col.align_right .inner_txt {float:none}
    .recruit_strategy .col.flt-none .inner_img {margin:0 -15px}
    .recruit_strategy .col.align_left .inner_txt {padding-left:0}
    .recruit_strategy .grid_box .sub_title {padding-top:25px}
    .recruit_strategy .col .text_strong {max-width:none}
}

/* 기업정보 - 소식/활동 - 후원 행사 - 스포츠문화 */
.sponsor_event .tab_contents .top_title {margin-top:20px;}
.sponsor_event .tab_contents .main_title + .img_wrap_center {padding:60px 0;}
.sponsor_event .tab_contents .main_title + .sub_title {margin-top:60px;}
.sponsor_event .con_wrap .sub_title {text-align:center;}
.sponsor_event .con_wrap .text_left {margin-top:30px; padding:0 160px; color:#000;}
.sponsor_event .con_wrap .text_left + .text_left {margin-top:30px;}
.sponsor_event .section_gray {padding:0 0 100px;}
.sponsor_event .section_gray .con_wrap {padding-top:60px;}
.sponsor_event .double_wrap {width:1600px; margin:0 auto;}
.sponsor_event .double_wrap .box_wrap .img_wrap {float:left;}
.sponsor_event .double_wrap .box_wrap:after {display:block; clear:both; content:"";}
.sponsor_event .section_gray .double_wrap .box_wrap>li:after {display:block; clear:both; content:"";}
.sponsor_event .section_gray .double_wrap .box_wrap>li {padding-top:100px;}
.sponsor_event .section_gray .double_wrap .img_box,
.sponsor_event .section_gray .double_wrap .text_box {float:left; width:800px; box-sizing:border-box;}
.sponsor_event .section_gray .double_wrap .text_box .inner {padding:50px 250px 0 50px;}
.sponsor_event .section_gray .double_wrap .second .inner {padding:50px 50px 0 230px;}
.sponsor_event .section_gray .double_wrap .second .img_box {float:right;}
.sponsor_event .section_gray .double_wrap .text_box .box_title {font-size:20px; font-family:'TextMedium';}
.sponsor_event .section_gray .double_wrap .text_box .text_left {margin-top:30px; color:#000; letter-spacing:-1px;}
.sponsor_event .section_gray .double_wrap .text_box .text_left + .text_left {margin-top:40px;}
.sponsor_event .section_pd100 {padding:100px 0;}
.sponsor_event .section_pd100 .main_title + .thumbnail_slide {margin-top:60px;}
.sponsor_event .section_pd100 .main_title + .acc_01 {margin-top:60px;}
.sponsor_event .section_pd100 .btn_down {margin-top:30px; font-size:14px; text-align:right;}
.sponsor_event .section_slide_gray {padding:100px 30px 30px;}
.sponsor_event .section_slide_gray .con_wrap + .slide {margin-top:60px;}
.sponsor_event .section_slide_gray .main_title + .text_left {margin-top:40px;}
.sponsor_event .section_big_gray {padding:100px 0;}
.sponsor_event .section_big_gray .double_wrap .box_wrap {margin-top:60px;}
.sponsor_event .section_big_gray .double_wrap .mo_only {display:none;}
.sponsor_event .con_wrap .sub_title .pc_br {padding-bottom:10px;}
.sponsor_event .section_big_white {padding:100px 0 60px;}
.sponsor_event .section_big_white .main_title + .con_wrap {margin-top:60px;}
.sponsor_event .section_big_white .section_full {padding:100px 0;}
.sponsor_event .section_big_white .tuslide {padding:60px 0;}
.sponsor_event .grid_box .con_wrap + .grid_col_04 {margin-top:50px;}
.sponsor_event .grid_box .grid_col_04 + .grid_col_04 {margin-top:40px;}
.sponsor_event .grid_box .col .row_title {margin-top:30px; font-size:16px;}
.sponsor_event .grid_box .col .text_left {margin-top:20px; font-size:14px; color:#000; line-height:22px;}
.sponsor_event .section_bg_fifa {padding:0 0 80px;}
.sponsor_event .section_bg_fifa .section_pc_bg {padding-top:100px; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_soccer_fifa_06_bg-pc.jpg") 0 0 no-repeat; background-size:cover;}
.sponsor_event .section_bg_fifa .con_wrap .sub_title + .img_wrap {margin-top:50px;}
.sponsor_event .section_bg_fifa .section_pc_bg + .section_white {padding-top:70px;}
.sponsor_event .section_last_white {padding-bottom:100px;}
.sponsor_event .section_last_white .double_wrap .box_wrap + .box_wrap {padding-top:50px;}
.sponsor_event .section_mid_white {padding:60px 0 100px;}
.sponsor_event .section_mid_gray {padding:60px 0;}
.sponsor_event .section_bg_bobsleigh {padding:195px 0; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_bobsleigh_02_bg-pc.jpg") 0 0 no-repeat; background-size:cover;}
.sponsor_event .section_bg_bobsleigh .con_wrap .main_title {color:#fff; text-align:left;}
.sponsor_event .section_bg_bobsleigh .con_wrap .text_left {padding:0; color:#fff; text-align:left;}
.sponsor_event .section_bg_bobsleigh .con_wrap .btn_wrap {margin-top:37px;}
.sponsor_event .section_bg_bobsleigh2 {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_bobsleigh_03_bg-pc.jpg") 0 0 no-repeat; background-size:cover;}

@media screen and (max-width: 1600px) {
    .sponsor_event .double_wrap {width:100%;}
    .sponsor_event .double_wrap .box_wrap .img_wrap {width:50%;}
    .sponsor_event .section_gray .double_wrap .img_box,
    .sponsor_event .section_gray .double_wrap .text_box {width:50%;}
    .sponsor_event .section_gray .double_wrap .text_box .inner {padding:50px 50px 0;}
    .sponsor_event .section_bg_bobsleigh {padding:145px 0;}
}

@media screen and (max-width: 1119px) {
    .sponsor_event .con_wrap .text_left {margin-top:10px; padding:0 15px;}
    .sponsor_event .section_gray .con_wrap .text_left {padding:0 30px;}
    .sponsor_event .section_big_white .tuslide {padding:60px 15px;}
    .sponsor_event .section_bg_fifa .con_wrap {padding:0 15px;}
    .sponsor_event .section_last_white .double_wrap .con_wrap {padding:0 15px;}
    .sponsor_event .section_pd100 .acc_01 {padding:0 15px;}
    .sponsor_event .section_mid_white .con_wrap {padding:0 15px;}
    .sponsor_event .section_bg_bobsleigh {padding:100px 0;}
    .sponsor_event .section_bg_bobsleigh .con_wrap {padding:0 15px;}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .sponsor_event .con_wrap .sub_title .tablet_br {padding-bottom:10px;}
    .sponsor_event .section_big_white .grid_box .col .text_left {min-height:68px;}
}

@media screen and (max-width: 767px) {
    .sponsor_event .tab_contents .top_title {margin-top:0;}
    .sponsor_event .tab_contents .main_title + .img_wrap_center {padding:30px 0;}
    .sponsor_event .tab_contents .main_title + .sub_title {margin-top:20px;}
    .sponsor_event .double_wrap .box_wrap .img_wrap {width:100%;}
    .sponsor_event .img_wrap img,
    .sponsor_event .img_wrap_center img {width:100%;}
    .sponsor_event .con_wrap .text_left + .text_left {margin-top:25px;}
    .sponsor_event .section_gray {padding:0 0 50px;}
    .sponsor_event .section_gray .con_wrap {padding-top:30px;}
    .sponsor_event .section_gray .double_wrap .box_wrap>li {padding-top:50px;}
    .sponsor_event .section_gray .double_wrap .img_box,
    .sponsor_event .section_gray .double_wrap .text_box {width:100%;}
    .sponsor_event .section_gray .double_wrap .img_box {padding:0 30px 0 0;}
    .sponsor_event .section_gray .double_wrap .second .img_box {padding:0 0 0 30px; text-align:right;}
    .sponsor_event .section_gray .double_wrap .text_box .inner {padding:30px 30px 0;}
    .sponsor_event .section_gray .double_wrap .text_box .text_left {margin-top:0; letter-spacing:0;}
    .sponsor_event .section_gray .double_wrap .text_box .text_left + .text_left {margin-top:30px;}
    .sponsor_event .section_pd100 {padding:50px 0;}
    .sponsor_event .section_pd100 .main_title + .thumbnail_slide {margin-top:20px;}
    .sponsor_event .section_pd100 .main_title + .acc_01 {margin-top:30px;}
    .sponsor_event .section_pd100 .btn_down {margin-top:20px; padding:0 20px; text-align:left;}
    .sponsor_event .section_slide_gray {padding:50px 15px 20px;}
    .sponsor_event .section_slide_gray .con_wrap + .slide {margin-top:30px;}
    .sponsor_event .section_slide_gray .main_title + .text_left {margin-top:20px;}
    .sponsor_event .section_big_gray {padding:50px 0 0;}
    .sponsor_event .section_big_gray .double_wrap .box_wrap {margin-top:30px;}
    .sponsor_event .section_big_gray .double_wrap .mo_only {display:block; padding:0 15px;}
    .sponsor_event .section_big_gray .double_wrap .pc_only {display:none;}
    .sponsor_event .section_big_white {padding:50px 0 20px;}
    .sponsor_event .section_big_white .main_title + .con_wrap {margin-top:20px;}
    .sponsor_event .section_big_white .con_wrap {padding:0 15px;}
    .sponsor_event .section_big_white .section_full {padding:30px 0 50px;}
    .sponsor_event .section_big_white .tuslide {padding:30px 15px 20px;}
    .sponsor_event .grid_box .con_wrap + .grid_col_04 {margin-top:20px;}
    .sponsor_event .grid_box .grid_col_04 .col {width:100%; margin-left:0;}
    .sponsor_event .grid_box .grid_col_04 .col img {width:100%;}
    .sponsor_event .grid_box .col .row_title {margin-top:20px; font-size:14px;}
    .sponsor_event .grid_box .col .text_left {margin-top:10px; font-size:13px; font-family:'HeadRegular'; line-height:21px;}
    .sponsor_event .grid_box .col + .col {margin-top:40px;}
    .sponsor_event .section_bg_fifa {padding:50px 0 30px; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_soccer_fifa_06_bg-m.jpg") 0 0 no-repeat; background-size:cover;}
    .sponsor_event .section_bg_fifa .section_pc_bg {padding-top:0; background:none;}
    .sponsor_event .section_bg_fifa .con_wrap .sub_title + .img_wrap {margin-top:20px;}
    .sponsor_event .section_bg_fifa .section_pc_bg + .section_white {padding-top:20px; background:none;}
    .sponsor_event .section_last_white {padding-bottom:50px;}
    .sponsor_event .section_last_white .double_wrap .box_wrap + .box_wrap {padding-top:20px;}
    .sponsor_event .section_mid_white {padding:30px 0 50px;}
    .sponsor_event .section_mid_gray {padding:20px 0;}
    .sponsor_event .section_bg_bobsleigh {padding:255px 0 50px; background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_bobsleigh_02_bg-m.jpg") 0 0 no-repeat; background-size:cover;}
    .sponsor_event .section_bg_bobsleigh .con_wrap .main_title {text-align:center;}
    .sponsor_event .section_bg_bobsleigh .con_wrap .text_left {padding:0 15px;}
    .sponsor_event .section_bg_bobsleigh2 {background:url("../../../../../../content/dam/hyundai/kr/ko/html/images/companyinfo/img_bobsleigh_03_bg-m.jpg") 0 0 no-repeat; background-size:cover;}
}



/* 회사소개 - 사업망 */
.facility_map { position: relative; zoom: 1; margin: 0 0 70px; padding: 0 0 30px; text-align: center; background-color: #fcfcfc; }
.facility_map .point { position: absolute; width: 16px; height: 16px; background:url("../../../../../../content/dam/hyundai/kr/ko/images/company-intro/business-network/icon-point.png") 0 0 no-repeat; }
.facility_map .point.active { width: 26px; height: 30px; background:url("../../../../../../content/dam/hyundai/kr/ko/images/company-intro/business-network/icon-point-active.png") 0 0 no-repeat; }
.facility_map .point a { display: block; }
.facility_info {  text-align: left; }
.facility_info .main_title { margin-bottom: 20px; text-align: left; }
.facility_info .sub_title { margin-bottom: 10px; }
.facility_info .sub_title picture { margin-right: 8px; }
.facility_info .sub_title + .facility_desc { margin-top: 25px; }
.facility_info .dl_text_cont { margin: 20px 0 60px; }
.facility_info .dl_text_cont.responsive>dl>dt { width: 100px; }
.facility_info .text + .facility_desc { margin-top: 60px; }
.facility_info .action {  }
.facility_step {  }
.facility_step ol { overflow: hidden; width: 100%; margin: 40px 0 20px; padding: 0; list-style: none; }
.facility_step li { position: relative; zoom: 1; float: left; width: 25%; margin: 35px 0; text-align: center; color: #000; }
.facility_step li:after { content: ''; position: absolute; right: 0; top: 50%; width: 7px; height: 16px; background: url(../images/common/ico_pc_20.png) no-repeat 0 -160px; }
.facility_step li span { display: inline-block; width: 55px; height: 55px; line-height: 55px; font-size: 14px; text-align: center; color: #fff; background-color: #002c5f; border-radius: 100%; -webkit-border-radius: 100%;}
.facility_step li strong { display: block; margin: 15px 0; }
.facility_step li p { line-height: 28px; font-size: 14px; }
.facility_step .hours { margin: 0 0 60px; font-size: 20px; color:  #626262; }
.facility_step .hours.dl_text_cont>dl>dt { width: 90px; }
.facility_desc { display: table; width:100%; table-layout: fixed; margin: 0 0 60px; }
.facility_desc .img,
.facility_desc .text_area { display: table-cell; vertical-align: middle; }
.facility_desc .img { width: 350px; padding-right: 50px; } /* 20180205 정윤진, 이미지 없을 경우 대비 */
.facility_desc .img img { width: 100%; }
/*.facility_desc .text_area {padding-left:50px;}*/
.facility_desc .text_area .text + .dl_text_cont { margin: 35px 0 0; }
.facility_desc .text_area .dl_text_cont {margin:0;}
.facility_desc .text_area .dl_text_cont dt { width: 60px; }
.facility_location { margin: 100px 0 30px; }
.facility_location > a {display:block;}
.facility_location picture { display: block; padding: 30px 0; text-align: center; background-color: #fcfcfc; }
.facility_print .text_button_bar { text-align: left; } /* 20180205 정윤진, 정렬 수정 */
.facility_rnd { margin-bottom: 80px; }
.facility_rnd .main_title { margin-bottom: 30px; }
.facility_list {  }
.facility_list .grid { margin-top: -30px; margin-left: -16px; margin-right: -16px; }
.facility_list .col { margin: 30px 0; padding: 0 16px; }
.facility_list .col .desc { margin-top: 22px; color: #000; }
.facility_list .col .desc .row_title { line-height: 34px; }
/* 레이어 팝업 */
.layer_cont .facility_info { margin: 0; }
.layer_cont .facility_info .main_title { margin-bottom: 15px; font-size: 20px; }
.layer_cont .facility_info .text { color: #000; }
.layer_cont .facility_info .dl_text_cont { margin: 20px 0 40px 0; }
.layer_cont .facility_location { margin: 40px 0; border: 1px solid #e4dcd3; }
.layer_cont .facility_location picture { margin: 0; padding-left: 70px; padding-right: 70px; }
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    .facility_map { margin-bottom: 15px; }
    .facility_map .point { position: absolute; width: 26px; height: 30px; background:url("../../../../../../content/dam/hyundai/kr/ko/images/company-intro/business-network/icon-point-m.png") 0 0 no-repeat; }
    .facility_map .point.active { width: 38px; height: 45px; background:url("../../../../../../content/dam/hyundai/kr/ko/images/company-intro/business-network/icon-point-active-m.png") 0 0 no-repeat; }
    .facility_desc { margin: 0; }
    .facility_desc .img,
    .facility_desc .text_area { display: block; padding-left:0;}
    .facility_desc .img { width: 100%; margin-bottom: 25px; padding-right: 0; }
    .facility_desc .dl_text_cont .action { margin-top: 15px; }
    .facility_list { }
    .facility_list .col { display: table; margin: 50px 0 0;}
    .facility_list .col:first-child { margin: 0; }
    .facility_list .col .desc { margin-top: 15px; }
    .facility_list .img,
    .facility_list .desc {  }
    .facility_list .desc {  }
    .facility_step ol { margin: 0 0 10px; }
    .facility_step li { width: 50%; margin: 15px 0; }
    .facility_step li:after { display: none; }
    .facility_step li strong { margin: 10px 0; }
    .facility_step li p { line-height: 1.4; }
    .facility_step .dl_text_cont { font-size: 14px; }
    .facility_info p { line-height: 1.4; }
    .facility_info .main_title { margin-bottom: 10px; }
    .facility_info .sub_title { margin-bottom: 0; }
    .facility_info .dl_text_cont { margin-bottom: 15px; }
    .facility_info .dl_text_cont dl { overflow: hidden; }
    .facility_info .dl_text_cont dt,
    .facility_info .dl_text_cont dd { float: left; display: inline-block; margin: 0; line-height: 22px; vertical-align: top; word-break: break-all; }
    .facility_info .text + .facility_desc { margin-top: 50px; }
    .facility_info .action { margin-top: 40px; }
    .facility_location { margin: 50px 0 20px; }
    .facility_print [class*="btn"] { margin-top: 40px; }
    /* 해외연구소 */
    .facility_desc .text_area .dl_text_cont { margin-top: 20px; }
    .facility_info .sub_title + .facility_desc { margin-top: 5px; }
    /* 인쇄하기 팝업 */
    .layer_cont .facility_info .main_title { margin-bottom: 0; }
    .layer_cont .facility_info .dl_text_cont { margin-top: 10px; margin-bottom: 0; }
    .layer_cont .facility_location { margin: 20px 0; }
    .layer_cont .facility_location picture { padding: 10px 30px; }
    /* 기술연구소 */
    .facility_rnd .main_title { margin-bottom: 25px; }
    .facility_rnd .text_strong { padding-top: 0; }
}

/* 맵 마커 */
.facility_map .holder { display: inline-block; position: relative; margin: 0 auto; text-align: left; max-width: 100%; max-width: 744px; }
.facility_map .tagArea img,
.facility_map .nodeArea img { max-width: none; }

/* 회사소개 - 사업망 - 국내 */
.facility01_01 {  }

/* 회사소개 - 사업망 - 국내 - 공장 */
.facility01_02 {  }

/* 회사소개 - 사업망 - 국내 - 연구소 */
.facility01_03 {  }

/* 회사소개 - 사업망 - 국내 - 연수원 */
.facility01_04 {  }

/* 회사소개 - 사업망 - 국내 - 출고센터 */
.facility01_05 {  }

/* 회사소개 - 사업망 - 해외 */
.facility02_01 {  }

/* 회사소개 - 사업망 - 글로벌 */
.facility03_01 {  }


/* 회사소개 - 지속가능경영 - 추진방향 */
.direction_cont {  }
.direction_cont .tbl_wrap { margin-bottom: 80px }
.direction_cont .tbl_wrap .row_title { margin-bottom: 20px; }
.direction_cont .tbl_wrap .unit { margin-top: 10px; }
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    /* 20180111 정윤진, 모바일 간격 수정 */
    .direction_cont .tbl_wrap { margin-bottom: 50px; }
    .direction_cont .data_table { table-layout: fixed; }
    .direction_cont .data_table td { word-break: break-all; }
    .csm_direction .section_title .main_title {padding:0 15px; font-size:27px;}
    .csm_direction .section_title .main_title small {font-size:21px; line-height:1.5;}
    .csm_direction .section_title .text_strong {padding:0 15px;}
    .csm_direction .direction_cont .row_title {font-size:21px;}
}

/* 지속가능경영 주요 데이터 팝업 */
.csm_major_data { position: relative; zoom: 1; color: #000; }
.csm_major_data .grid:before,
.csm_major_data .grid:after { content: ""; position: absolute; bottom: 0; display: inline-block; width: calc(50% - 20px); padding: 0 20px; height: 1px; background-color: #e4dcd3; }
.csm_major_data .grid:before { left: -5px; }
.csm_major_data .grid:after { right: 10px; }
.csm_major_data .grid { overflow: hidden; margin: -40px -20px 0; }
.csm_major_data .col { display: inline-block; float: none; margin: -1px -5px 0; padding: 0 20px; vertical-align: top; }
.csm_major_data .module {  }
.csm_major_data .upper { padding: 60px 0 20px; border-top: 1px solid #e4dcd3; border-bottom: 1px solid #e4dcd3; }
.csm_major_data .upper .unit { display: block; margin: 15px 0; color:  #626262; font-size: 14px; }
.csm_major_data .downer { padding: 30px 0; }
.csm_major_data .downer ul { overflow: hidden; margin: 0 0 30px; }
.csm_major_data .downer li { float: left; width: 50%; }
.csm_major_data .downer li strong {  }
.csm_major_data .downer li p { font-weight: bold; font-size: 20px; }
.csm_major_data .downer li.nth-child-1 { float: none; width: 100%; margin: 0 0 30px; color: #002c5f; }
.csm_major_data .downer li.nth-child-1 p { font-size: 30px; }
.csm_major_data .downer p.text_etc { position: relative; zoom: 1; padding-left: 10px; font-weight: bold; font-size: 14px; line-height: 24px; }
.csm_major_data .downer p.text_etc:before { content: "*"; display: inline-block; position: absolute; left: 0; top: 3px; color: #bf1d00; }
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    .csm_major_data .grid:before,
    .csm_major_data .grid:after { display: none; }
    .csm_major_data .grid { margin: 0; }
    .csm_major_data .col { margin: 0; padding: 0; }
    /* 20180112 정윤진, 모바일 간격 수정, 추가
    .csm_major_data .upper { padding-top: 35px; } */
    .csm_major_data .col:first-child .upper { padding-top: 0; border-top: 0; }
    .csm_major_data .upper { padding: 35px 0 5px; }
    .csm_major_data .downer { padding: 15px 0 20PX; }
    .csm_major_data .downer li.nth-child-1 p { font-size: 21px; }
    .csm_major_data .downer li p { margin-top: 5px; font-size: 16px; }
    .csm_major_data .downer p.text_etc { font-size: 13px; }
}
@media screen and (min-width: 768px){
    /* Tablet & PC */
    .csm_major_data .row_title { font-size: 19px; min-height: 40px; }
}
/* 회사소개 - 지속가능경영 - 스토리 */
/* img + text component */
.desc_wrap { overflow: hidden; width: 100%; max-width: 1120px; margin: 0 auto; }
.desc_wrap .img,
.desc_wrap .text_area {  }
.desc_wrap .img { float: left; width: 58%; max-width: 650px; padding-right: 50px; }
.desc_wrap .text_area { /* 20180118 정윤진, 디자인 변경 float: right; width: 42%; */ text-align: left; }/* 20180117 정윤진, 디자인 변경 */
.desc_wrap .text_area .row_title { margin-bottom: 20px; }
.desc_wrap .text_area p { margin-top: 0; line-height: 1.8; } /* 20180111 정윤진, 모바일 간격 추가 */
.desc_wrap.reverse .img { float: right; padding-right: 0; padding-left: 50px; }
/* .desc_wrap.reverse .text_area { padding-left: 35px; } 20180119 박순길, 좌측 여백 제거 */
.desc_wrap.vmiddle { display: table; table-layout: fixed; }
.desc_wrap.vmiddle .img,
.desc_wrap.vmiddle .text_area { float: none; display: table-cell; vertical-align: middle; }
.desc_wrap.vmiddle .img { width: 58%; max-width: 650px; padding-right: 50px; }
.desc_wrap.reverse.vmiddle { direction: rtl; }
.desc_wrap.reverse.vmiddle .img { padding-right: 0; }
.desc_wrap.reverse.vmiddle .text_area { direction: ltr; overflow: hidden; }
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    .desc_wrap .img,
    .desc_wrap .text_area,
    .desc_wrap.reverse .img,
    .desc_wrap.reverse .text_area { float: none; display: block; width: 100%; padding: 0; }
    .desc_wrap.vmiddle .img,
    .desc_wrap.vmiddle .text_area { display: block; width: 100%; padding: 0; }
    .desc_wrap.reverse.vmiddle { direction: initial; }
    .desc_wrap.reverse.vmiddle .img { float: left; padding: 0; text-align: left; } /* floating for ie */
    .desc_wrap.reverse.vmiddle .text_area { clear: both; }
    /* 20180111 정윤진, 모바일 간격 수정
    .desc_wrap .text_area .row_title { margin: 10px 0 5px 0; }*/
    .desc_wrap .text_area .row_title { margin-bottom: 15px; }
    /* 20180111 정윤진, 모바일 간격 추가 */
    .desc_wrap .img { margin-bottom: 25px; }
    .desc_wrap .text_area p[class^="text"] { margin-top: 0; }
    .desc_wrap .text_area p[class^="text"] + p[class^="text"] { margin-top: 20px; }
    /* .desc_wrap:before {content:''; display:block; margin-bottom:40px; border-top:1px solid #e4dcd3;} */
}
/* 상장 배너 */

.trophy_banner { max-width: 1120px; margin: 0 auto; padding: 20px 30px; background-color: #fff; border: 1px solid #e4dcd3; } /* 20180126 함은주, 디자인 반영 */
.trophy_banner .inner { display: table; width: 100%; }
.trophy_banner .inner picture,
.trophy_banner .inner .desc { display: table-cell; }
.trophy_banner .inner .desc { width: 78%; font-size: 30px; font-weight: bold; color: #000; }
.trophy_banner .inner picture { padding:0 20px; text-align: center; }
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    /* 20180112 정윤진, 모바일 간격 수정
    .trophy_banner { padding: 20px; background-color: #fff; } */
    .trophy_banner { margin-top: -30px; padding: 20px;} /* 20180126 함은주, 디자인 반영 */
    .trophy_banner .inner picture,
    .trophy_banner .inner .desc { display: block; width: 100%; }
    .trophy_banner .inner .desc { margin-bottom: 20px; font-size: 16px; line-height: 1.6; text-align: center; }
}
/* 이해관계자 인터뷰 */
.official_interview {  }
.official_interview .upper { margin: 0 0 60px; }
/* 20180116 정윤진, 간격 수정
.official_interview .upper .sub_title { margin-bottom: 80px; text-align: center; } */
.official_interview .upper .sub_title { margin-top: 20px; margin-bottom: 20px; text-align: center; }
.official_interview .upper picture { display: block; margin-bottom: 15px; }
.official_interview .downer {  }
.official_interview .downer .item { margin-top: 60px; }
.official_interview .downer .item:first-child { margin-top: 0; }
.official_interview .downer .item .row_title { margin-bottom: 15px; }
@media screen and (max-width: 767px){
    /* 768 미만 mobile  */
    /* 20180112 정윤진, 모바일 간격 추가 */
    .official_interview .upper { margin: 0 0 40px; }
    .official_interview .upper .sub_title { margin-top: 10px; margin-bottom: 25px; }
    .official_interview .upper picture { margin-bottom: 20px; }
    .official_interview .downer .item { margin-top: 50px; }
}

/* 스토리 keyword */
.keyword-contianer { margin-top: -30px;} /* 20180126 함은주, 디자인 반영 */
/* 20180116 정윤진, 간격 수정
.keyword-contianer li {padding:25px; border:1px solid #e4dcd3; background:#f6f3f2; text-align:center; vertical-align:middle;} */
.keyword-contianer li { padding: 25px;border:1px solid #e4dcd3; background:#f6f3f2; text-align:center; vertical-align: top;}
/* 20180112 정윤진, 모바일 간격 수정
.keyword-contianer li + li {margin-top:20px;} */
.keyword-contianer li + li {margin-top:10px;}
.keyword-contianer h4 {margin-bottom:10px; font-family:'HeadMedium'; font-size:22px; color:#000;}
.keyword-contianer p {font-size:14px; line-height:1.5; color:#333;}
.keyword-contianer p span {display:inline-block;}
@media (min-width: 768px) {
    /* 20180116 정윤진, 간격 수정
    .keyword-contianer {margin:-20px;} */
    .keyword-contianer {margin: -60px -20px 0;}
    .keyword-contianer h4 { font-size:30px; }
    .keyword-contianer ul{display:table; width:100%; border-spacing:20px;}
    .keyword-contianer li {display:table-cell; width:33.33%; padding:50px; } /* 20180116 정윤진, padding 수정 */
}

/* ceo 인사말 */
.ceo-message { margin-top: 50px; color: #000; }
.ceo-message .grid { margin: 0 -15px; }
.ceo-message .module { margin: 0 15px; }
.ceo-message p { margin: 30px 0 0; }
.ceo-message .from { font-family:'HeadRegular'; margin-top: 30px; text-align: right; font-size: 20px; }
.ceo-message .from strong { display: inline; font-family:'HeadMedium'; }
.ceo-message .module p { margin-top: 15px; }
.ceo-message .module .from { margin-top: 50px; }
.ceo-message .sign { text-align: right; }
@media screen and (max-width: 767px){
    .ceo-message .from { text-align: left; font-size: 16px; }
    .ceo-message .from strong { display: block; margin-top: 4px; }
    .ceo-message .module p { margin-top: 5px; }
    .ceo-message .module .from { margin-top: 20px; }
    .ceo-message .sign { text-align: left; }
}

/* 주요관계사 */
.partner_list .grid { margin: -6px; }
.partner_list .module { position: relative; overflow: hidden; margin: 6px; font-size: 12px; }
.partner_list .module:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 1px #ebebeb solid; }
.partner_list .core { text-align: center; background-color: #fff; }
.partner_list .desc { overflow-y: auto; position: absolute; opacity:0; top: 0px; left: 0; right: 0; bottom: 0; padding: 15px 10px 0 10px; border: 1px #e4dcd3 solid; }
.partner_list .module.focus .core,
.partner_list .module:hover .core { visibility: hidden; z-index: -1; }
.partner_list .module.focus .desc,
.partner_list .module:hover .desc { opacity: 1; z-index: 1;}
.partner_list strong { display: block; font-size: 16px; font-family: 'TextMedium'; }
.partner_list ul { margin-top: 15px; }
.partner_list li { margin-top: 0; line-height: 1.6; }
.partner_list li { position: relative; margin-left: 8px; }
.partner_list li::before { content: ''; position: absolute; left: -8px; top: 8px; width: 2px; height: 2px; background-color:  #626262; }
.partner_list li.work { margin-left: 0; }
.partner_list li.work::before { display: none; }
.partner_list .action { margin-top: 5px; }
.partner_list .action .ico_arr_nv { margin-left: 5px; }

@media screen and (max-width: 767px) {
    .partner_list { margin: 0; }
    .partner_list .grid { margin: 0; }
    .partner_list .module { margin: 20px 0 0; }
    .partner_list .col:first-child .module { margin: 0; }
    .partner_list .module:before {display:none;}
    .partner_list .desc { padding: 15px; opacity: 1;}
    .partner_list .module.focus .core,
    .partner_list .module:hover .core { visibility: visible; z-index: 0; }
    /* 20180119 함은주, 모바일 디자인 반영 #36575 */
    .partner_list .module:hover .core {visibility: visible;}
    .partner_list .desc {position: static; z-index: 1; visibility: visible;}
    .partner_list li { margin: 0; }

}
@media screen and (min-width: 1024px) {
    .partner_list { margin: 0 30px; }
}

/* csr 소식 검색 */
.bbs_search { margin-bottom: 15px; }
.bbs_search .total { vertical-align: bottom; }
.bbs_search .search { text-align: right; }
.bbs_search .select_wrap { text-align: left; }
.bbs_search .select_wrap { width: 160px; }
@media screen and (max-width: 1023px) {
    /* 20180117 함은주, 모바일 디자인 적용 */
    .bbs_search .total { margin-bottom: 5px; }
    .bbs_search .search .btn_md_primary { width:100%; }
    .bbs_search .select_wrap { width: 100%; }
    .bbs_search .input_wrap { width: 100%; }
}
@media screen and (min-width: 1024px) {
    .bbs_search .select_wrap.small { width: 100px; }
}

/* csr 동영상 포토 */
.csr_video { overflow: hidden; }
.csr_video .grid { margin: 0 -16px; }
.csr_video .module { margin: 0 16px 60px 16px; }
.csr_video .module a {display:block;}
.csr_video span { display: block; }
.csr_video .pic { position: relative; }
.csr_video .pic::after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5) url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/pr-department/csr/icon-play.png') no-repeat center center; }
.csr_video .subject { margin-top: 30px; color: #000; font-size: 20px; font-family: 'HeadMedium'; }
@media screen and (max-width: 767px) {
    .csr_video .grid { margin: -10px 0; }
    .csr_video .module { margin: 10px 0; }
    .csr_video .subject { margin-top: 10px; font-size: 16px; }
}

/* csr 동영상 포토 상세 */
.csr_movie_view .row_title { margin: 60px 0 0; }
.csr_movie_view .date { margin-top: 20px; font-size: 14px; }
.csr_movie_view .body { margin-top: 30px; line-height: 1.8; color:#000; }
.csr_movie_view .broadcast_core { margin-top: 40px; }
.csr_movie_view .broadcast_desc { color:  #626262; }
.csr_movie_view .program { margin-top: 40px; border-top: 1px #e4dcd3 solid; line-height: 1.8; }
.csr_movie_view .program .row_title { margin-top: 40px; font-family:'HeadMedium'; }
.csr_movie_view .program p { margin-top: 10px; }
.csr_movie_view .program .core { color: #000; }
@media screen and (max-width: 767px) {
    .csr_movie_view .row_title { margin-top: 30px; }
    .csr_movie_view .date { margin-top: 10px; font-size: 12px; }
    .csr_movie_view .body { margin-top: 15px;}
    .csr_movie_view .broadcast_core { margin-top: 20px; }
    .csr_movie_view .program { margin-top: 20px; }
    .csr_movie_view .program .row_title { margin-top: 20px; }
    .csr_movie_view .program p { margin-top: 5px; }
}

/*  */
.recruit_ht {}
.recruit_ht .main_title {display:block;padding:0;font-family:'HeadMedium';font-size:44px;color:#000;letter-spacing:-1px;word-break:keep-all;text-align:center;}
.recruit_ht .main_title + .sub_title {margin-top:40px;}
.recruit_ht .sub_title {display:block;padding:0;font-family:'HeadMedium';font-size:30px;color:#000;line-height:44px;letter-spacing:-1px;word-break:keep-all;text-align:center;}
.recruit_ht .sub_title.row_title {font-size:20px;line-height:1;}
.recruit_ht .main_title + .text {margin-top:30px;}
.recruit_ht .sub_title + .text {margin-top:20px;}
.recruit_ht .sub_title.row_title + .text {margin-top:11px;}
.recruit_ht .text {color:#000;line-height:30px;text-align:center;}
.recruit_ht.border_type {padding-bottom:76px;border-bottom:1px solid #e4dcd3;}

@media screen and (max-width: 767px) {
    .recruit_ht .main_title {font-size:27px;line-height:29px;}
    .recruit_ht .sub_title {font-size:21px;line-height:29px;}
    .recruit_ht .sub_title.row_title {font-size:16px;line-height:17px;}
    .recruit_ht .main_title + .text {margin-top:13px;padding-top:0;}
    .recruit_ht .text {line-height:22px;}
    .recruit_ht.border_type {padding-bottom:36px;}
}

.recruit_column {}

.recruit_subtab {}
.recruit_subtab [class*="tab_menu"][class*="_03"] {text-align:center;}
.recruit_subtab [class*="tab_menu"][class*="_03"]>li {min-width:calc( (100% - 35px) / 6 );}
.recruit_subtab [class*="tab_menu"][class*="_03"].menu_5 > li {min-width:calc( (100% - 28px) / 5 );width:auto;}
.recruit_subtab [class*="tab_menu"][class*="_03"].menu_6 > li {min-width:calc( (100% - 35px) / 6 );width:auto;}

@media screen and (max-width: 767px) {
    .recruit_subtab [class*="tab_menu"][class*="_03"] {text-align:left;}
    .recruit_subtab [class*="tab_menu"][class*="_03"].menu_5 > li,
    .recruit_subtab [class*="tab_menu"][class*="_03"].menu_6 > li,
    .recruit_subtab [class*="tab_menu"][class*="_03"]>li {min-width:90px;}
}

.recruit_resource {display:table;width:100%;background:#fff;}
.recruit_resource.bg_gray {background:#f6f3f2;}
.recruit_resource .img_wrap {display:table-cell;width:50%;}
.recruit_resource .text_wrap {display:table-cell;width:50%;padding-left:50px;vertical-align:middle;}
.recruit_resource .text_wrap .text {font-size:30px;font-family:'HeadMedium';line-height:44px;color:#000;}
.recruit_resource .text_wrap .btn_group {margin-top:52px;}

@media screen and (max-width: 767px) {
    .recruit_resource .img_wrap {display:block;width:100%;}
    .recruit_resource .img_wrap img {width:100%;}
    .recruit_resource .text_wrap {display:block;width:100%;padding:44px 15px 50px;}
    .recruit_resource .text_wrap .text {font-size:21px;line-height:29px;}
    .recruit_resource .text_wrap .btn_group {margin-top:34px;}
}

.recruit_2column {}
.recruit_2column:after {display:block;clear:both;content:'';}
.recruit_2column .column {float:left;width:calc( (100% - 32px) / 2 );}
.recruit_2column .column + .column {margin-left:32px;}
.recruit_2column .column a {display:block;}
.recruit_2column .column .img_wrap {position:relative;padding-top:66%;}
.recruit_2column .column .img_wrap img {position:absolute;top:0;width:100%;}
.recruit_2column .column .row_title {display:block;margin-top:30px;}
.recruit_2column .column .text {margin-top:11px;font-size:16px;color:#000;line-height:30px;}

@media screen and (max-width: 767px) {
    .recruit_2column .column {float:none;width:100%;}
    .recruit_2column .column + .column {margin:41px 0 0;}
    .recruit_2column .column .row_title {margin-top:15px;}
    .recruit_2column .column .text {font-size:14px;line-height:22px;}
}

.recruit_business {display:table;width:100%;}
.recruit_business ~ .recruit_business {margin-top:20px;}
.recruit_business .title_wrap {display:table-cell;width:20%;background:#002c5f;text-align:center;vertical-align:middle;}
.recruit_business .title_wrap .row_title {color:#fff;line-height:30px;}
.recruit_business .text_wrap {display:table-cell;width:80%;padding:27px 40px 25px;border:1px solid #e4dcd3;border-left:none;background:#fff;vertical-align:middle;}
.recruit_business .text_wrap .title {display:block;font-family:'HeadMedium';color:#000;}
.recruit_business .text_wrap .text + .title {margin-top:31px;}
.recruit_business .text_wrap .title + .text {margin-top:12px;}
.recruit_business .text_wrap .list_bullet_dash li,
.recruit_business .text_wrap .text {color:#000;line-height:30px;}
.recruit_business .text_wrap .list_bullet_dash + .text,
.recruit_business .text_wrap .text + .text {margin-top:30px;}
.recruit_business .text_wrap li {margin-top:0;}

@media screen and (max-width: 767px) {
    .recruit_business ~ .recruit_business {margin-top:15px}
    .recruit_business .title_wrap {display:table;width:100%;}
    .recruit_business .title_wrap .row_title {display:table-cell;height:80px;line-height:24px;vertical-align:middle;}
    .recruit_business .text_wrap {display:block;width:100%;padding:16px 14px 14px;border:1px solid #e4dcd3;border-top:none;}
    .recruit_business .text_wrap .text + .title {margin-top:26px;}
    .recruit_business .text_wrap .list_bullet_dash li,
    .recruit_business .text_wrap .text {line-height:22px;}
    .recruit_business .text_wrap .list_bullet_dash + .text,
    .recruit_business .text_wrap .text + .text {margin-top:22px;}
}

.recruit_track {padding:52px 30px;background:#fff;}
.recruit_track.bg_gray {background:#f6f3f2;}
.recruit_track .text {font-size:20px;line-height:34px;color:#000;}
.recruit_track .text + .group {margin-top:46px;}
.recruit_track .group .row_title {display:block;}
.recruit_track .group .row_title ~ .row_title {margin-top:32px;}
.recruit_track .group .row_title + .text {margin-top:11px;}
.recruit_track .group .text {font-size:16px;line-height:30px;}

@media screen and (max-width: 767px) {
    .recruit_track {padding:20px 15px 21px;}
    .recruit_track .text {font-size:16px;line-height:24px;}
    .recruit_track .text + .group {margin-top:22px;}
    .recruit_track .group .row_title ~ .row_title {margin-top:30px;}
    .recruit_track .group .row_title + .text {margin-top:11px;}
    .recruit_track .group .text {font-size:8px;line-height:15px;}
}

.recruit_global {}
.recruit_global ~ .recruit_global {margin-top:48px;padding-top:80px;border-top:1px solid #ece6e0;}
.recruit_global .cont_wrap {position:relative;display:table;width:100%;}
.recruit_global .map_wrap {float:left;margin-right:60px;padding-top:66px;vertical-align:top;}
.recruit_global .sub_title {position:absolute;top:0;left:0;padding:0;}
.recruit_global .row_title {line-height:26px;}
.recruit_global .row_title + .text {margin-top:11px;}
.recruit_global .text {color:#000;line-height:30px;}
.recruit_global .text + .img_wrap {margin-top:22px;}

@media screen and (max-width: 767px) {
    .recruit_global ~ .recruit_global {margin-top:40px;padding-top:40px;}
    .recruit_global .cont_wrap {padding-top:40px;}
    .recruit_global .map_wrap {width:41%;margin-right:10px;padding:0;}
    .recruit_global .row_title + .text {margin-top:28px;}
    .recruit_global .text {line-height:22px;}
    .recruit_global .text + .img_wrap {margin-top:10px;}
    .recruit_global .text + .img_wrap img {height:36px;}
}

.recruit_information {padding:32px 29px 27px;border:1px solid #e4dcd3;background:#fff;}
.recruit_information .row_title {font-family:'TextHead';}
.recruit_information .row_title + .text {margin-top:11px;}
.recruit_information .text {color:#000;line-height:30px;}
.recruit_information .text + .text {margin-top:30px;}

@media screen and (max-width: 767px) {
    .recruit_information {padding:24px 14px 26px;}
    .recruit_information .row_title + .text {margin-top:5px;}
    .recruit_information .text {line-height:22px;}
    .recruit_information .text + .text {margin-top:22px;}
}

/* ============================ [ pip.css - 전체모델 ] ============================ */

/* pip Key Visual */
/* .pip_kv_area {padding-top:91px;background:url('../images/common/pip_bg_kv_w.jpg') no-repeat center top;} */
.pip_kv_area {padding-top:91px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-w.jpg') no-repeat center top;background-size:cover;} /* background size 변경 */
.pip_kv_area .kv_cont {position:relative;max-width:1800px;margin:0 auto;}
.pip_kv_area .kv_cont .cont_wrap {position:absolute;top:74px;left:50%;bottom:0;max-width:1120px;margin-left:-560px;}
.pip_kv_area .kv_cont .kv_title {padding:0;font-size:54px;color:#111;}
.pip_kv_area .kv_cont .kv_title_image {margin-top:5px;}
.pip_kv_area .kv_cont .text {margin-top:13px;font-size:20px;color:#111;line-height:34px;}
.pip_kv_area .kv_cont .kv_title_image + .text {margin-top:23px;}
.pip_kv_area .kv_cont .cont_wrap.text_white .kv_title,
.pip_kv_area .kv_cont .cont_wrap.text_white .text { color:#fff; }
.pip_kv_area .kv_cont .cont_wrap.text_shadow .kv_title,
.pip_kv_area .kv_cont .cont_wrap.text_shadow .text { text-shadow: 0 0 5px rgba(0, 0, 0, 0.9); }
.pip_kv_area .kv_cont .button_group {max-width:560px;margin-top:28px;}
.pip_kv_area .kv_cont .button_group a {margin:0 26px 17px 0; padding:0;}
.pip_kv_area .kv_cont .button_group a.text_white {background:0 none; border:0 none; text-shadow:1px 1px 2px #000;}
.pip_kv_area .kv_cont .button_group .text_white .ico_arr {background-position:-60px -160px;}
.pip_kv_area .kv_cont .award {position:absolute;left:0;bottom:72px;}
.pip_kv_area .kv_cont .button_group + .section-chatbot {margin-top:0;}
.pip_kv_area .section-chatbot {margin-top:15px;}
.pip_kv_area .section-chatbot a {position:relative;display:inline-block;padding:0 52px 0 20px;background:#006992;color:#fff;font-family:'TextMedium';font-size:14px;line-height:40px;}
.pip_kv_area .section-chatbot a:before {position:absolute;top:11px;right:17px;display:block;width:21px;height:22px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/main/ico_chatbot.png') no-repeat left top;content:'';}

@media screen and (max-width: 1120px){
    .pip_kv_area .kv_cont .img_wrap img {width:100%;}
    .pip_kv_area .kv_cont .cont_wrap {top:74px;left:30px;right:0;max-width:100%;margin:0;}
    .pip_kv_area .kv_cont .button_group {max-width:42%;}
}

@media screen and (max-width: 767px){
    /* .pip_kv_area {padding:40px 15px 0;background:#f1ece4 url('../images/common/pip_bg_kv_m.jpg') no-repeat center top;background-size:100%;} */
    .pip_kv_area {padding:40px 15px 0;background:#f1ece4 url('../../../../../../content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-m.jpg') no-repeat center top; background-size:cover;}/* 2018-04-11 이지혜 : background-size:cover; 추가(배경이미지 잘려 보여서 이윤경차장님 요청) */
    .pip_kv_area .kv_cont .kv_title {font-size:29px;}
    .pip_kv_area .kv_cont .kv_title_image {height:20px;margin-top:7px;}
    .pip_kv_area .kv_cont .kv_title_image img {height:100%;}
    .pip_kv_area .kv_cont .img_wrap img {/*width:100%;*/}
    /* 20180205 함은주 여백추가 */
    .pip_kv_area .kv_cont .cont_wrap {top:24px;left:0;max-width:100%;margin:0;padding-left:20px; padding-right:20px;}
    .pip_kv_area .kv_cont .text {margin-top:2px;padding:0;font-size:14px;line-height:22px;}
    .pip_kv_area .kv_cont .kv_title_image + .text {margin-top:10px;}
    .pip_kv_area .kv_cont .button_group {max-width:100%;margin-top:24px;}
    .pip_kv_area .kv_cont .button_group a {margin-bottom:7px;}
    .pip_kv_area .kv_cont .button_group .text_white .ico_arr {background-image:url('../images/common/ico_mobile_32_w.png');background-position:0 -160px;}
    .pip_kv_area .kv_cont .award {position:static;display:inline-block;margin-top:21px;}
    .pip_kv_area .kv_cont .award .icon_wrap img {height:40px;}
}

/* pip Feature */
.pip_features_area {max-width:1800px;margin:0 auto;}
.pip_features_area .slide {}
/* 20180131 함은주, width값 변경 */
.pip_features_area .slide .ix-list-items li {position:relative;width:33.3333%;min-height:236px;padding-top:45px;} /* 190409 수정 */
/* 20180126 함은주, 이미지경로 변경 */
.pip_features_area .slide .ix-list-items li:before {display:block;width:100%;height:45px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-pip-feature01.png') no-repeat center top;content:'';position:relative;z-index:1;}
.pip_features_area .slide .ix-list-items li {background:url('../images/common/bg_pip_features01.png') no-repeat center top;background-size:100% 100%;}
.pip_features_area .slide .ix-list-items li:nth-child(3n+2) {background:url('../images/common/bg_pip_features02.png') no-repeat center top;background-size:100% 100%;}
.pip_features_area .slide .ix-list-items li:nth-child(3n+3) {background:url('../images/common/bg_pip_features03.png') no-repeat center top;background-size:100% 100%;}
.pip_features_area .slide .ix-list-items li.torque:before {background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-pip-feature02.png') no-repeat center top;}
.pip_features_area .slide .ix-list-items li.output:before {background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-pip-feature03.png') no-repeat center top;}
/* .pip_features_area .slide .ix-list-items li .module {overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;}
.pip_features_area .slide .ix-list-items li .module picture {position:absolute; left:50%; margin-left:-300px;}
.pip_features_area .slide .ix-list-items li .module picture img {max-width:inherit;}
.pip_features_area .slide .ix-list-items li img {display:inline;width:auto;height:auto;} 2018-08-22 이지혜 : 비율에 맞게 가운데 중심으로 크롭되도록 변경 */
.pip_features_area .slide .ix-list-items li img {position:absolute; left:0; top:0; display:block;width:100%;height:100%; object-fit:cover;}
.pip_features_area .slide .ix-list-items li em {display:block;margin-top:28px;color:#fff;position: relative; z-index:1;}
.pip_features_area .slide .ix-list-items li span {display:block;margin-top:16px;color:#fff;position: relative; z-index:1;}
.pip_features_area .slide .ix-list-items li em.text_bold,
.pip_features_area .slide .ix-list-items li span.text_bold {font-size:20px;font-family:'HeadMedium';}
.pip_features_area .slide .ix-controller {display:none;}
.pip_features_area .menu_02 .ix-list-items li {width:50%;}

@media screen and (max-width: 1120px){
    .pip_features_area .slide .ix-list-items li {min-height:196px;padding-top:20px;} /* 190409 수정 */
}

@media screen and (max-width: 767px){
    .pip_features_area .slide .ix-list-items li {width:100%;min-height:150px;padding-top:20px;background:url('../images/common/bg_pip_features02.png') no-repeat center top;background-size:100% 100%;} /* 190409 수정 */
    .pip_features_area .slide .ix-list-items li:nth-child(3n+2) {background:url('../images/common/bg_pip_features03.png') no-repeat center top;background-size:100% 100%;}
    .pip_features_area .slide .ix-list-items li:nth-child(3n+3) {background:url('../images/common/bg_pip_features01.png') no-repeat center top;background-size:100% 100%;}
    .pip_features_area .slide.menu_02 .ix-list-items li {background:url('../images/common/bg_pip_features01.png') no-repeat center top;background-size:100% 100%;}
    .pip_features_area .slide.menu_02 .ix-list-items li:nth-child(2n+2) {background:url('../images/common/bg_pip_features02.png') no-repeat center top;background-size:100% 100%;}
    .pip_features_area .slide .ix-list-items li:before {width:33px;height:23px;margin:0 auto;background-size:100%;}
    .pip_features_area .slide .ix-list-items li.torque:before {width:46px;background-size:100%;}
    .pip_features_area .slide .ix-list-items li.output:before {width:23px;background-size:100%;}
    .pip_features_area .slide .ix-list-items li em {margin-top:10px;}
    .pip_features_area .slide .ix-list-items li span {margin-top:8px;}
    .pip_features_area .slide .ix-list-items li em.text_bold,
    .pip_features_area .slide .ix-list-items li span.text_bold {font-size:16px;}
    .pip_features_area .slide .ix-controller {position:absolute;bottom:15px;left:0;right:0;display:block;padding:0;}
    .pip_features_area .slide .ix-controller .ix-btn {width:9px;height:9px;background:#fff;vertical-align:top;}
    .pip_features_area .slide .ix-controller .active .ix-btn {background:#006992;}
}

/* pip Anchor Navigation */
.pip_an_area {}
.pip_an_area .fixed_area {background:#fff;}
.pip_an_area .cont_wrap {max-width:1600px;margin:0 auto;}
.pip_an_area .group_set {position:relative;max-width:1120px;margin:0 auto;text-align:right;}
.pip_an_area .group_set .vehicle_name {position:absolute;top:50%;left:6px;margin-top:-10px;font-family:'HeadMedium';font-size:30px;line-height:20px;color:#000;}
.pip_an_area .group_set .button_box {height:63px;}
.pip_an_area .group_set .button_box a {position:relative;margin-left:26px;padding:22px 0 25px;font-size:14px;}
.pip_an_area .group_set .button_box a.apply {padding-left:41px;}
.pip_an_area .group_set .button_box a.apply:after {position:absolute;top:18px;left:0;display:block;width:35px;height:24px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi01-pc.png') no-repeat left top;content:'';}
.pip_an_area .group_set .button_box a.estimate {padding:12px 0 12px 57px; margin-top:11px; color:#fff; background:#006992;}
.pip_an_area .group_set .button_box a.estimate:after {position:absolute;top:50%;left:30px;display:block;width:21px;height:21px;margin-top:-10px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi02-pc.png?ver=20180919') no-repeat left top;content:'';}
.pip_an_area .group_set .button_box a.estimate [class*="ico_"] {margin-right:30px;}
.pip_an_area .group_set .button_box a.consulation {padding-left:32px;}
.pip_an_area .group_set .button_box a.consulation:after {position:absolute;top:18px;left:0;display:block;width:27px;height:24px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi03-pc.png') no-repeat left top;content:'';}
.pip_an_area .group_set .button_box a.regist {padding-left:30px;}
.pip_an_area .group_set .button_box a.regist:after {position:absolute;top:18px;left:0;display:block;width:25px;height:24px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi04-pc.png') no-repeat left top;content:'';}
/* 190409 추가 */
/* 190510 수정 */
.pip_an_area .group_set .button_box button {position:relative;margin-left:26px;padding:22px 0 25px;font-size:14px;}
.pip_an_area .group_set .button_box button.sns_share {padding-left:30px;}
.pip_an_area .group_set .button_box button.sns_share:after {position:absolute;top:18px;left:0;display:block;width:19px;height:23px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi06-pc.png') no-repeat left top;content:'';}
/* //190510 수정 */
/* //190409 추가 */
.pip_an_area .group_set .button_box .download_set {display:inline;}
.pip_an_area .tab_menu_02 {max-width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.pip_an_area .tab_menu_02:after {display:none;}
.pip_an_area .tab_menu_02 li {margin:0 13px;}
.pip_an_area.fixed {height:143px;}
.pip_an_area.fixed .fixed_area {position:fixed;top:0;left:0;right:0;z-index:80;}

@media screen and (max-width: 1120px){
    .pip_an_area .group_set {padding:0 15px;}
}

@media screen and (max-width: 767px){
    .pip_an_area .group_set {text-align:left;}
    .pip_an_area .group_set .vehicle_name {display:none;}
    .pip_an_area .group_set .button_box {overflow:auto;height:auto;white-space:nowrap;}
    .pip_an_area .group_set .button_box a {display:inline-block;padding:14px 0 13px;margin-left:0;}
    .pip_an_area .group_set .button_box a.apply {padding-left:31px;}
    .pip_an_area .group_set .button_box a.apply:after {top:11px;width:26px;height:21px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi01-m.png') no-repeat left top;background-size:100%;}
    .pip_an_area .group_set .button_box a.estimate {padding:6px 0 6px 34px; margin-top:0;}
    .pip_an_area .group_set .button_box a.estimate:after {left:10px; width:19px;height:19px;margin-top:-10px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi02-m.png?ver=20180919') no-repeat left top;background-size:100%;}
    .pip_an_area .group_set .button_box a.estimate [class*="ico_"] {margin:0 5px 0 1px;} 
    .pip_an_area .group_set .button_box a.consulation {padding-left:28px;}
    .pip_an_area .group_set .button_box a.consulation:after {top:11px;width:23px;height:21px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi03-m.png') no-repeat left top;background-size:100%;}
    .pip_an_area .group_set .button_box a.regist {margin-right:15px;padding-left:26px;}
    .pip_an_area .group_set .button_box a.regist:after {top:11px;width:22px;height:21px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi04-m.png') no-repeat left top;background-size:100%;}
    /* 190409 추가 */
    /* 190510 수정 */
    .pip_an_area .group_set .button_box button {display:inline-block;padding:14px 0 13px;margin-left:0;}
    .pip_an_area .group_set .button_box button.sns_share {margin-right:15px;padding-left:26px;}
    .pip_an_area .group_set .button_box button.sns_share:after {top:11px;width:22px;height:21px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/vehicles/common/icon-anchor-navi06-m.png') no-repeat left top;background-size:100%;}
    /* //190510 수정 */
    /* //190409 추가 */
    .pip_an_area .group_set .button_box .download_set {margin-left:15px;}
    .pip_an_area .group_set .button_box .download_set a {margin-right:8px;}
    .pip_an_area .group_set .button_box .download_set .ico_arr {margin-left:1px;}
    .pip_an_area .tab_menu_02 {padding-left:15px;}
    .pip_an_area .tab_menu_02 li {margin:0 6px;}
    .pip_an_area .tab_menu_02 li:first-child {margin-left:0;}
    .pip_an_area.fixed {height:93px;}
}

/* pip Header Title */
.pip_ht_area {}
.pip_ht_area .sub_title {display:block;padding:0;font-size:44px;font-family:'HeadMedium';letter-spacing:-1px;word-break:keep-all;color:#000;}
.pip_ht_area .sub_title.title_type {font-size:30px;line-height:40px;}
.pip_ht_area .sub_title.title_type.small_title {font-size:20px;line-height:1;}
.pip_ht_area .sub_title + .title_type {padding-top:35px;}
.pip_ht_area .text {font-size:14px;color:#000;}
.pip_ht_area .sub_title + .text {margin-top:15px;}
.pip_ht_area.text_white .sub_title,
.pip_ht_area.text_white .text {color:#fff;}

@media screen and (max-width: 767px){
    .pip_ht_area {text-align:left !important;}
    .pip_ht_area .sub_title {font-size:27px;line-height:35px;}
    .pip_ht_area .sub_title.title_type {font-size:21px;line-height:27px;padding-top:10px}
    .pip_ht_area .sub_title + .text {margin-top:6px;}
    .pip_ht_area .text {font-size:16px;line-height:24px;}
}

/* pip 1 Column Thumbnail */
.pip_1ct_area .disclaimer {display:block;margin-top:12px;color:#000;line-height:30px;}

@media screen and (max-width: 767px){
    /* 20180205 함은주 여백 추가 */
    .pip_1ct_area .disclaimer {padding-left:15px;line-height:22px;text-align:left !important;}
}

/* pip 2 ~ 3 Column Wide Thumbnail */
.pip_column_wide_area {max-width:1600px;margin:0 auto;}
.pip_column_wide_area .slide:after {display:block;clear:both;content:'';}
.pip_column_wide_area .slide .ix-list-items li {position:relative;float:left;width:50%;}
.pip_column_wide_area .slide .ix-list-items li .text_wrap {position:absolute;left:0;right:0;bottom:0;padding:29px 30px;background:rgba(0,0,0,0.6);text-align:left;}
.pip_column_wide_area .slide .ix-list-items li .text_wrap .text {font-family:'HeadMedium';font-size:20px;}
.pip_column_wide_area .slide .ix-list-items li .text_wrap .description {display:none;}
.pip_column_wide_area .slide .ix-controller {display:none;}
.pip_column_wide_area.column_03 .slide .ix-list-items li {position:relative;float:left;width:calc(100% / 3);}

@media screen and (max-width: 767px){
    .pip_column_wide_area .slide .ix-list-items li,
    .pip_column_wide_area.column_03 .slide .ix-list-items li,
    .pip_column_wide_area .slide .ix-list-items li img {width:100%;}
    .pip_column_wide_area .slide .ix-list-items li .text_wrap {padding:14px 15px;text-align:left !important;}
    .pip_column_wide_area .slide .ix-list-items li .text_wrap .text {font-size:16px;}
    .pip_column_wide_area .slide .ix-controller {display:block;height:9px;margin-top:15px;padding:0;}
    .pip_column_wide_area .slide .ix-controller .ix-thumb {margin:0 4px;}
    .pip_column_wide_area .slide .ix-controller .ix-btn {width:9px;height:9px;vertical-align:top;}
    .pip_column_wide_area .slide .ix-controller .slide_direction button {margin-top:-30px;}
}

/* pip 2, 3 Column Wide Thumbnail - Popup */
.pip_cwt_pop_area {}
.pip_cwt_pop_area .slide .ix-list-items li {width:100%;}
.pip_cwt_pop_area .slide .download {margin-top:29px;text-align:right;}
.pip_cwt_pop_area .slide .link {display:inline-block;}
.pip_cwt_pop_area .slide .link .ico_down {margin-right:6px;}
.pip_cwt_pop_area .slide .download + .cont_wrap {margin-top:12px;}
.pip_cwt_pop_area .slide .img_wrap img {width:100%;}
.pip_cwt_pop_area .slide .cont_wrap {margin-top:24px;text-align:left;}
.pip_cwt_pop_area .slide .cont_wrap .title {font-family:'HeadMedium';font-size:20px;}
.pip_cwt_pop_area .slide .cont_wrap .text {margin-top:6px;}
.pip_cwt_pop_area .slide .cont_wrap .title,
.pip_cwt_pop_area .slide .cont_wrap .text {display:block;color:#000;line-height:30px;}
.pip_cwt_pop_area .slide .cont_wrap.text_white .title,
.pip_cwt_pop_area .slide .cont_wrap.text_white .text {color:#fff;}
.pip_cwt_pop_area .slide .ix-controller {padding:0;}
.pip_cwt_pop_area .slide .ix-controller .ix-thumbs {position:absolute;top:0;left:0;right:0;}
.pip_cwt_pop_area .slide .ix-controller .ix-btn {background:#fff;}
.pip_cwt_pop_area .slide .ix-controller .active .ix-btn {background:#006992;}

@media screen and (max-width: 767px){
    .pip_cwt_pop_area .slide .download {margin-top:12px;}
    .pip_cwt_pop_area .slide .link .ico_down {margin-right:1px;}
    .pip_cwt_pop_area .slide .download + .cont_wrap {margin-top:3px;}
    .pip_cwt_pop_area .slide .cont_wrap {margin-top:10px;}
    .pip_cwt_pop_area .slide .cont_wrap .title {font-size:16px;line-height:24px;}
    .pip_cwt_pop_area .slide .cont_wrap .text {font-size:13px;line-height:21px;}
}

/* pip 2 ~ 4 Column Thumbnail */
.pip_column_area {}
.pip_column_area ul {}
.pip_column_area ul:after {display:block;clear:both;content:'';}
.pip_column_area ul li {float:left;width:calc((100% - 32px) / 2);}
.pip_column_area ul li ~ li {margin-left:32px;}
.pip_column_area ul li .text_wrap {margin-top:22px;}
.pip_column_area ul li .title {display:block;font-family:'HeadMedium';font-size:20px;color:#000;line-height:34px;}
.pip_column_area ul li .text {display:block;color:#000;line-height:30px;}
.pip_column_area ul li .title + .text {margin-top:3px;}
.pip_column_area.column_03 ul li {width:calc((100% - 64px) / 3);}
.pip_column_area.column_04 ul li {width:calc((100% - 96px) / 4);}

@media screen and (max-width: 1120px){
    .pip_2ct .pip_column_area {padding-left:15px;padding-right:15px;}
    .pip_2ct [class^="section"][class*="pdt_"] .pip_column_area,
    .pip_2ct [class^="section"][class*="pdb_"] .pip_column_area {padding-left:0;padding-right:0;}
}

@media screen and (max-width: 767px){
    .pip_column_area ul li {display:table;width:100%;}
    .pip_column_area ul li ~ li {margin:60px 0 0;}
    .pip_column_area ul li .img_wrap {display:table-cell;width:48%;}
    .pip_column_area ul li .img_wrap img {width:100%;}
    .pip_column_area ul li .text_wrap {display:table-cell;width:52%;margin:0;padding-left:0;vertical-align:top;}
    .pip_column_area ul li .img_wrap + .text_wrap {padding-left:19px;}
    /* 20180205 함은주 여백 수정 */
    /*.pip_2ct [class^="section"][class*="pdt_"] .pip_column_area ul li .text_wrap,
    .pip_2ct [class^="section"][class*="pdb_"] .pip_column_area ul li .text_wrap {padding-left:0;}*/
    .pip_column_area ul li .title {font-size:16px;line-height:24px;}
    .pip_column_area ul li .text {font-size:14px;line-height:22px;}
    .pip_column_area ul li .title + .text {margin-top:6px;}
    .pip_column_area.column_03 ul li,
    .pip_column_area.column_04 ul li {width:100%;}
}

/* pip 1 Column Video */
.pip_1cv_area {}
.pip_1cv_area .tab_menu_03 {margin-bottom:-6px;white-space:normal;}
.pip_1cv_area .tab_menu_03 li {margin:0 2px 6px 0;}
.pip_1cv_area .tab_menu_03 li + li {margin-left:0;}
.pip_1cv_area .tab_contents {margin-top:40px;}
.pip_1cv_area .video_wrap {}
.pip_1cv_area .video_wrap iframe {width:100%;height:100%;}

@media screen and (max-width: 767px){
    .pip_1cv_area .tab_menu_03 {margin-bottom:0;white-space:nowrap;}
    .pip_1cv_area .tab_menu_03 li {margin:0;}
    .pip_1cv_area .tab_contents {margin-top:30px;}
    .pip_1cv_area .video_wrap iframe {}
}

/* pip Link Bar */
.pip_lb_area {padding:64px 0;background:#e4dcd3;font-family:'HeadMedium';font-size:30px;color:#000;}
.pip_lb_area .section:after {display:block;clear:both;content:'';}
.pip_lb_area .prev {position:relative;float:left;}
.pip_lb_area .prev:before {margin-right:30px;background:url('../images/common/prevnext_arrow.png') no-repeat left top;}
.pip_lb_area .next {float:right;}
.pip_lb_area .next:after {margin-left:30px;background:url('../images/common/prevnext_arrow.png') no-repeat right top;}
.pip_lb_area .prev:before,
.pip_lb_area .next:after {display:inline-block;width:13px;height:21px;vertical-align:middle;content:'';}

@media screen and (max-width: 1120px){
    .pip_lb_area {padding:64px 15px;}
}

@media screen and (max-width: 767px){
    .pip_lb_area {padding:28px 15px 27px;font-size:16px;}
    .pip_lb_area .prev:before {margin-right:14px;background-position:0 100%;background-size:auto 9px;}
    .pip_lb_area .next:after {margin-left:14px;background-position:100% 0;background-size:auto 9px;}
    .pip_lb_area .prev:before,
    .pip_lb_area .next:after {width:5px;height:9px;}
}

/* pip Contact Us */
.pip_cu_area {}
.pip_cu_area .slide {width:100%;}
.pip_cu_area .slide .ix-list-viewport {background:#f6f3f2;}
.pip_cu_area .slide .ix-list-items {padding:47px 0 40px; display: flex; justify-content: space-between;}
.pip_cu_area .slide .ix-list-items li {width: 100%; min-width:20%;}
.pip_cu_area .slide .ix-list-items li .text_wrap {margin-top:22px;}
.pip_cu_area .slide .ix-list-items li .str {display:block;font-family:'TextMedium';color:#000;line-height:30px;}
.pip_cu_area .slide .ix-list-items li .text {display:block;font-family:'HeadMedium';font-size:20px;color:#000;}
.pip_cu_area .slide .ix-list-items li .str + .text {margin-top:10px;}
.pip_cu_area .slide .ix-list-items li .go {text-decoration:underline;}
.pip_cu_area .slide .ix-list-items li .mobile {display:none;}
.pip_cu_area .slide .ix-list-items li a,
.pip_cu_area .slide .ix-list-items li .holder {display:inline-block;width:auto;margin:0 auto;}
.pip_cu_area .slide .ix-controller {display:none;}

@media screen and (max-width: 767px){
    .pip_cu_area .slide {}
    .pip_cu_area .slide .ix-list-items {padding:30px 0 23px;}
    .pip_cu_area .slide .ix-list-items li {width:calc(100% / 3); padding: 0 10px;} /* 20180202 정윤진, 폰트가 길어질 경우 아이템간 간격 padding 추가 */
    .pip_cu_area .slide .ix-list-items li .text_wrap {margin-top:5px;}
    .pip_cu_area .slide .ix-list-items li .img_wrap {height:30px;}
    .pip_cu_area .slide .ix-list-items li .img_wrap img {height:100%;}
    .pip_cu_area .slide .ix-list-items li .str {font-size:13px;line-height:22px;}
    .pip_cu_area .slide .ix-list-items li .text {display:none;}
    .pip_cu_area .slide .ix-list-items li .str + .text {margin-top:0;}
    .pip_cu_area .slide .ix-list-items li .go {display:block;font-size:12px;line-height:20px;}
    .pip_cu_area .slide .ix-list-items li .mobile {display:block;font-size:12px;font-family:'HeadMedium';color:#000;line-height:20px;}
    .pip_cu_area .slide .ix-controller {display:block;margin-top:15px;padding:0;}
    .pip_cu_area .slide .ix-controller .ix-btn {vertical-align:top;}
}

/* pip 1st focus NxM Table */
.pip_1nmt_area .data_table {table-layout:fixed;}
.pip_1nmt_area .data_table tbody td {border-left:1px solid #e4dcd3;color:#000;text-align:center;}
.pip_1nmt_area .data_table tbody td:last-child {border-right:1px solid #e4dcd3;}

/* pip Disclaimer */
.pip_disclaimer_area {}
.pip_disclaimer_area ul {}
.pip_disclaimer_area ul li {line-height:30px;}
.pip_disclaimer_area ul li.square {text-indent:-8px;padding-left:8px;}
.pip_disclaimer_area ul li.star {text-indent:-10px;padding-left:10px;}
.pip_disclaimer_area ul li.dash {text-indent:-9px;padding-left:9px;}
.pip_disclaimer_area ul li.star {color:#000;}
.pip_disclaimer_area ul li.square:before {display:inline-block;width:3px;height:3px;margin-right:6px;background: #626262;vertical-align:4px;content:'';}
.pip_disclaimer_area ul li.star:before {margin-right:3px;content:'*';}
.pip_disclaimer_area ul li.dash:before {margin-right:3px;content:'-';}
.pip_disclaimer_area .list_type {padding-top:12px;}
.pip_disclaimer_area .list_type li {line-height:21px;}
.pip_disclaimer_area .list_type li ~ li {margin-top:0;padding-top:5px;}

@media screen and (max-width: 767px){
    .pip_disclaimer_area ul li {line-height:22px;}
    .pip_disclaimer_area ul li ~ li {margin-top:6px;}
    .pip_disclaimer_area ul li.square:before {top:8px;left:1px;width:2px;height:2px;}
}

/* pip Link Slider */
.pip_ls_area {}
.pip_ls_area .slide .title {padding-top:19px;font-family:'HeadMedium';}
.pip_ls_area .slide li img {width:100%;}
.pip_ls_area .slide .ix-controller {padding:0;}
.pip_ls_area .slide .ix-btn-prev,
.pip_ls_area .slide .ix-btn-next {margin-top:-38px;}

@media screen and (max-width: 767px){
    .pip_ls_area .slide .ix-btn-prev,
    .pip_ls_area .slide .ix-btn-next {margin-top:-32px;}
}

/* pip 1 Column Slide Thumbnail */
.pip_1cst_area {}
.pip_1cst_area .slide .ix-list-items li {text-align:left;}
.pip_1cst_area .slide .ix-list-items li .cont_wrap {padding:24px 30px 25px;background:#002c5f;font-family:'HeadMedium';font-size:20px;color:#fff;line-height:30px;}
.pip_1cst_area .slide .ix-list-items li .download {margin-top:19px;text-align:right;}
.pip_1cst_area .slide .ix-list-items li .link {font-size:14px;color:#000;}
.pip_1cst_area .slide .ix-list-items li .link .ico_down {margin-right:6px;}
.pip_1cst_area .slide .ix-controller {padding:0;}
.pip_1cst_area .slide .ix-controller .ix-btn {border:1px solid rgba(0, 0, 0, 0.5);background:#fff;vertical-align:top;}
.pip_1cst_area .slide .ix-controller .active .ix-btn {border:none;background:#006992;}
.pip_1cst_area .slide .ix-controller .active a {vertical-align:top;}
.pip_1cst_area .slide .ix-controller .ix-thumbs {position:absolute;top:0;left:0;right:0;padding:0;}

@media screen and (max-width: 767px){
    .pip_1cst_area .slide .ix-list-items li .cont_wrap {padding:15px 16px;font-size:16px;line-height:15px;}
    .pip_1cst_area .slide .ix-list-items li .download {margin-top:14px;}
    .pip_1cst_area .slide .ix-list-items li .link .ico_down {margin-right:1px;}
}

/* pip 360 vr */
.pip_360vr_area {}
.pip_360vr_area .ui_vr {max-width:1120px;padding:0 90px;background:#fff url('../images/common/bg_pip_360vr_w.png') repeat-x left bottom;}
.pip_360vr_area .ui_vr .vr_info {position:absolute;top:50%;left:50%;overflow:hidden;display:block;margin:-50px 0 0 -50px;}
.pip_360vr_area .ui_vr .vr_info button {display:block;width:100px;height:0;padding-top:100px;background:url('../images/common/pip_360vr_w.png') no-repeat left top;}
.pip_360vr_area .ui_vr .loading {top:19%;bottom:auto;}
.pip_360vr_area .slide {margin-top:37px;padding:0 10px;}
.pip_360vr_area .slide .ix-list-viewport {padding-top:6px;}
.pip_360vr_area .slide .ix-list-items li {position:relative;width:calc(100% / 8);height:148px;}
.pip_360vr_area .slide .ix-list-items li button {overflow:inherit;max-width:80px;height:auto;margin:0 auto;}
.pip_360vr_area .slide .ix-list-items li.active button {position:relative;}
.pip_360vr_area .slide .ix-list-items li.active button:before {position:absolute;top:-6px;right:-6px;display:block;width:22px;height:22px;background:url('../images/common/bg_active.png') no-repeat left top;content:'';}
.pip_360vr_area .slide .ix-list-items li .color_name {display:block;margin-top:8px;font-size:14px;color:#000;line-height:18px;}
.pip_360vr_area .slide .ix-controller {display:none;padding:0;}
.pip_360vr_area .slide .slide_direction a {background:none;}
.pip_360vr_area .btn_area {max-width:1020px;margin:0 auto;padding-top:40px;border-top:1px solid #f1ede9;text-align:center;}

@media screen and (max-width: 767px){
    .pip_360vr_area .ui_vr {padding:0;background:#fff url('../images/common/bg_pip_360vr_m.png') repeat-x left bottom;background-size:100% 100px;}
    .pip_360vr_area .ui_vr .vr_info {margin:-30px 0 0 -30px;}
    .pip_360vr_area .ui_vr .vr_info button {width:60px;padding-top:60px;background:url('../images/common/pip_360vr_m.png') no-repeat left top;background-size:100%;}
    .pip_360vr_area .ui_vr .loading {top:7%;}
    .pip_360vr_area .slide {margin-top:30px;padding:0 14px;}
    .pip_360vr_area .slide .ix-list-viewport {padding:8px 0 25px;}
    .pip_360vr_area .slide .ix-list-items li {width:calc(100% / 5);height:auto;padding:0 6px;}
    .pip_360vr_area .slide .ix-list-items li.active button:before {top:-6px;right:-6px;width:18px;height:18px;background:url('../images/common/bg_active_m.png') no-repeat left top;background-size:100%;}
    .pip_360vr_area .slide .ix-list-items li .color_name {margin-top:5px;font-size:12px;line-height:20px;}
    .pip_360vr_area .slide .ix-controller {display:block;}
    .pip_360vr_area .slide .ix-controller .ix-btn-prev,
    .pip_360vr_area .slide .ix-controller .ix-btn-next {width:15px;height:15px;margin:0;background:none;}
    .pip_360vr_area .slide .ix-controller .ix-btn-prev:before,
    .pip_360vr_area .slide .ix-controller .ix-btn-next:before {position:absolute;top:1px;left:0;display:block;width:8px;height:13px;background:url('../images/common/ico_gray_arrow.png') no-repeat left top;background-size:16px 13px;content:'';}
    .pip_360vr_area .slide .ix-controller .ix-btn-next:before {left:auto;right:0;background-position:right top;}
    .pip_360vr_area .btn_area {padding-top:30px;}
}

/* pip_colorchip */
.pip_colorchip .slide {padding:0 10px;}
.pip_colorchip .slide .ix-list-items li {position:relative;width:calc(100% / 8);height:148px;}
.pip_colorchip .slide .ix-list-items li .color_item {overflow:inherit;max-width:80px;height:auto;margin:0 auto;}
.pip_colorchip .slide .ix-list-items li .color_name {display:block;margin-top:8px;font-size:14px;color:#000;line-height:18px;}
.pip_colorchip .slide .ix-controller {display:none;padding:0;}
.pip_colorchip .slide .slide_direction a {background:none;}
@media screen and (max-width: 767px){
    .pip_colorchip .slide {padding:0 14px;}
    .pip_colorchip .slide .ix-list-items li {width:calc(100% / 5);height:auto;padding:0 6px;}
    .pip_colorchip .slide .ix-list-items li .color_name {margin-top:5px;font-size:12px;line-height:20px;}
    .pip_colorchip .slide .ix-controller {display:block;}
    .pip_colorchip .slide .ix-controller .ix-btn-prev,
    .pip_colorchip .slide .ix-controller .ix-btn-next {width:15px;height:15px;margin:0;background:none;}
    .pip_colorchip .slide .ix-controller .ix-btn-prev:before,
    .pip_colorchip .slide .ix-controller .ix-btn-next:before {position:absolute;top:1px;left:0;display:block;width:8px;height:13px;background:url('../images/common/ico_gray_arrow.png') no-repeat left top;background-size:16px 13px;content:'';}
    .pip_colorchip .slide .ix-controller .ix-btn-next:before {left:auto;right:0;background-position:right top;}
}
@media screen and (min-width: 768px){
    .pip_colorchip .slide.center .ix-list-items {text-align:center;}
    .pip_colorchip .slide.center .ix-list-items li {float:none; display:inline-block; margin-left:-4px; vertical-align:top;}
    .pip_colorchip .slide.center .ix-list-items li:first-child {margin-left:0;}
}

/* pip Button */
.pip_button_area {text-align:right;}
.pip_button_area a,
.pip_button_area button {margin-left:36px;font-family:'TextMedium';font-size:14px;color:#000;}
.pip_button_area span + [class^="ico_"] {margin-left:6px;}

@media screen and (max-width: 767px){
    .pip_button_area {margin-bottom:-16px;text-align:left !important;}
    .pip_button_area a,
    .pip_button_area button {display:inline-block;margin:0 16px 16px 0;}
    .pip_button_area span + [class^="ico_"] {margin-left:0;}
}

/* pip Price */
.pip_price_area {}
.pip_price_area .tab_contents {margin-top:20px;position: relative;overflow-x: auto;width: 100%;} /*20180127 가격표 가로 스크롤 추가*/
.pip_price_area .data_table {min-width:400px;} /*20180127 가격표 최소 너비 추가*/
.pip_price_area .data_table thead th.align_left {padding-left:64px;}
.pip_price_area .data_table tbody td {color:#000;vertical-align:top;}
.pip_price_area .data_table tbody td:last-child {border-right:1px solid #e4dcd3;}
.pip_price_area .data_table tbody th .price {display:block;font-family:'HeadMedium';color:#002c5f;}
.pip_price_area .basic_item {}
.pip_price_area .basic_item li ~ li {margin-top:20px;}
.pip_price_area .basic_item .str {position:relative;padding-left:8px;font-family:'TextMedium';color:#000;}
.pip_price_area .basic_item .str:before {position:absolute;top:6px;left:0;display:block;width:3px;height:3px;background:#000;content:'';}
.pip_price_area .basic_item .option {display:block;padding-left:8px;}
.pip_price_area .item_type {margin-top:20px;padding-top:20px;border-top:1px solid #e4dcd3;}
.pip_price_area .item_type li ~ li {margin-top:20px;}
.pip_price_area .item_type .str {position:relative;padding-left:8px;font-family:'TextMedium';color:#000;}
.pip_price_area .item_type .str:before {position:absolute;top:6px;left:0;display:block;width:3px;height:3px;background:#000;content:'';}
.pip_price_area .item_type .option {display:block;padding-left:8px;}
.pip_price_area .selected_item {}
.pip_price_area .selected_item li ~ li {margin-top:20px;}
.pip_price_area .selected_item .option {position:relative;display:block;padding-left:8px;}
.pip_price_area .selected_item .option:before {position:absolute;top:9px;left:0;display:block;width:3px;height:3px;background: #626262;content:'';}
.pip_price_area .selected_item .price {display:block;padding-left:8px;}
.pip_price_area .common_item {position:relative;padding-left:8px;font-family:'TextMedium';color:#a36b4f;}
.pip_price_area .common_item:before {position:absolute;top:10px;left:0;display:block;width:3px;height:3px;background:#a36b4f;content:'';}
.pip_price_area .common_item dt {}
.pip_price_area .common_item dd {line-height: 20px;padding-bottom: 8px;}
.pip_price_area .common_item dd .price {display:block;}
.pip_price_area .common_item + .selected_item {margin-top:20px;}
.pip_price_area .data_table b.price { color:#002c5f; }
.pip_price_area .data_table tbody td .list {}
.pip_price_area .data_table tbody td .list li {position:relative;margin-top:0;padding-left:8px;line-height:28px;}
.pip_price_area .data_table tbody td .list li:before {position:absolute;top:11px;left:0;display:block;width:3px;height:3px;background: #626262;content:'';}

@media screen and (max-width: 1120px){
    .pip_price_area .data_table ~ [class^="section"][class*="pdt_"],
    .pip_price_area .data_table ~ * [class*="section"][class*="pdt_"] {padding-left:0;padding-right:0;}
}

@media screen and (max-width: 767px){
    .pip_price_area .data_table thead th.align_left {padding-left:14px;}
    .pip_price_area .tab_contents {margin-top:30px;}
    .pip_price_area .basic_item li ~ li {margin-top:11px;}
    .pip_price_area .basic_item .str {padding-left:4px;}
    .pip_price_area .basic_item .str:before {width:2px;height:2px;}
    .pip_price_area .basic_item .option {padding-left:4px;}
    .pip_price_area .item_type li ~ li {margin-top:11px;}
    .pip_price_area .item_type .str {padding-left:4px;}
    .pip_price_area .item_type .str:before {width:2px;height:2px;}
    .pip_price_area .item_type .option {padding-left:4px;}
    .pip_price_area .selected_item li ~ li {margin-top:9px;}
    .pip_price_area .selected_item .option {padding-left:4px;}
    .pip_price_area .selected_item .option:before {width:2px;height:2px;}
    .pip_price_area .selected_item .price {padding-left:4px;}
    .pip_price_area .common_item {padding-left:4px;}
    .pip_price_area .common_item:before {width:2px;height:2px;}
    .pip_price_area .common_item + .selected_item {margin-top:9px;}
    .pip_price_area .data_table tbody td .list li {padding-left:4px;line-height:20px;}
    .pip_price_area .data_table tbody td .list li:before {top:7px;width:2px;height:2px;}
    .pip_price_area .tab_contents .tab_cont > .table_scrollable > .data_table ~ * .table_scrollable {overflow:inherit;}
}
/* pip 가격표 table 스크롤 수정 - 모바일에서 가격표 테이블은 스크롤되고 패키지,기타안내 사항은 반응형으로 수정 */
@media screen and (min-width: 426px) and (max-width: 767px){
    .pip_price_area .data_table,
    .pip_price_area .table_scrollable .data_table, 
    .pip_price_area .table_scroll .data_table {min-width:400px; width:150%;} 
    .pip_price_area .pip_dtfa_area .data_table {min-width:0; width:auto; width:calc(100% - 2px);}
}
@media screen and (max-width: 425px){
    .pip_price_area .data_table,
    .pip_price_area .table_scrollable .data_table, 
    .pip_price_area .table_scroll .data_table {min-width:400px; width:200%;}
    .pip_price_area .pip_dtfa_area .data_table {min-width:0; width:auto; width:calc(100% - 2px);}
}

/* pip Disclaimer Table for Admin */
.pip_dtfa_area {}
.pip_dtfa_area .data_table thead th {}
.pip_dtfa_area .data_table tbody th {}
.pip_dtfa_area .data_table tbody td {color:#000;line-height:20px;}
.pip_dtfa_area .data_table tbody td:last-child {border-right:1px solid #e4dcd3;}
.pip_dtfa_area .data_table tbody td .list {}
.pip_dtfa_area .data_table tbody td .list li {position:relative;margin-top:0;padding-left:8px;line-height:20px;padding-bottom:8px;}
.pip_dtfa_area .data_table tbody td .list li:before {position:absolute;top:11px;left:0;display:block;width:3px;height:3px;background: #626262;content:'';}
.pip_dtfa_area .data_table tbody td .list_type li {margin-top:0;line-height:22px;padding-bottom:8px;}

@media screen and (max-width: 767px){
    .pip_dtfa_area .data_table thead th {padding-left:14px;}
    .pip_dtfa_area .data_table tbody td {line-height:20px;}
    .pip_dtfa_area .data_table tbody td .list li {padding-left:4px;line-height:20px;}
    .pip_dtfa_area .data_table tbody td .list li:before {top:7px;width:2px;height:2px;}
    .pip_dtfa_area .data_table tbody td .list_type li {line-height:20px;}
}

/* pip Specification Vehicle Image */
.pip_svi_area {}
.pip_svi_area .img_wrap {border:1px solid #e4dcd3;}
.pip_svi_area .txt_info {display:block;margin-top:12px;color:#000;line-height:30px;text-align:right;}
.pip_svi_area .slide {display:none;}

@media screen and (max-width: 767px){
    .pip_svi_area .img_wrap {display:none;}
    .pip_svi_area .txt_info {margin-top:14px;line-height:22px;text-align:left;}
    .pip_svi_area .slide {display:block;}
    .pip_svi_area .slide .ix-list-viewport {border:1px solid #e4dcd3;}
    .pip_svi_area .slide .ix-list-items li {}
    .pip_svi_area .slide .ix-controller {margin-top:15px;padding:0;}
}

/* pip Spec Table for Admin */
.pip_stfa_area {}
.pip_stfa_area .data_table {}
.pip_stfa_area .data_table tbody td {color:#000;text-align:center;}
.pip_stfa_area .data_table tbody td:last-child {border-right:1px solid #e4dcd3;}
.pip_stfa_area .data_table.table_type02 tbody td {text-align:left;}
/* 20180106 정윤진, 테이블 보더 일괄 추가 */
.pip_stfa_area .data_table thead th { border-left: 1px solid #fff; }
.pip_stfa_area .data_table tbody td { border-left: 1px solid #e4dcd3; }

/* pip 1 Column Left/Right Thumbnail */
.pip_1clrt_area {display:table;width:100%; table-layout: fixed; }
.pip_1clrt_area .img_wrap {display:table-cell;width:53%;}
.pip_1clrt_area .img_wrap a {display:block;}
.pip_1clrt_area .text_wrap {display:table-cell;width:47%; padding: 0 10px 0 0; /* padding:0 10px 0 33px; */vertical-align:middle;} /* @design 20180124 서수연 요청으로 인한 들여쓰기 수정 */
.pip_1clrt_area .text_wrap.text_right {padding:0 33px 0 0;}
.pip_1clrt_area .text_wrap.text_white .title {color:#fff;}
.pip_1clrt_area .text_wrap.text_white .text {color:#fff;}
.pip_1clrt_area .text_wrap .title {display:block;font-family:'HeadMedium';font-size:20px;color:#000;line-height:34px;}
.pip_1clrt_area .text_wrap .text {display:block;color:#000;line-height:1.9em;}/* line-height:30px; */
.pip_1clrt_area .text_wrap .title + .text {margin-top:4px;}
.pip_1clrt_area .img_wrap + .text_wrap {padding-left:49px;}
.pip_1clrt_area .img_wrap + .text_wrap.text_right {padding: 0 0 0 10px; /* padding:0 49px 0 10px; */ }/* @design 20180124 서수연 요청으로 인한 들여쓰기 수정 */

@media screen and (min-width: 768px){
    .pip_1clrt_area .img_wrap {width:48%;}
    .pip_1clrt_area .text_wrap {width:52%;padding:0 10px 0 0;text-align:left !important;}
    /*.pip_1clrt_area .text_wrap .title {font-size:16px;line-height:24px;}
    .pip_1clrt_area .text_wrap .text {line-height:1.6em;} line-height:22px; 2018-03-28 이지혜 : 모바일일때 2단으로 수정으로 삭제 */
    .pip_1clrt_area .text_wrap .title + .text {margin-top:7px;}
    .pip_1clrt_area .img_wrap + .text_wrap {padding:0 0 0 10px !important;}
}
@media screen and (min-width: 320px) and (max-width: 767px){/* 2018-03-28 이지혜 : 모바일일때 2단으로 수정 */
    .pip_1clrt_area .img_wrap {display:block; width:100%;}
    .pip_1clrt_area .img_wrap + .text_wrap.text_right {padding: 10px 0 0 0;}
    .pip_1clrt_area .text_wrap {display:block; width:100%; padding:0; text-align:left !important;}
    .pip_1clrt_area .text_wrap + .img_wrap {margin-top:10px;}
    .pip_1clrt_area .text_wrap .text {line-height:1.6em;}
    .pip_1clrt_area .text_wrap .title {font-size:16px;line-height:24px;}
}

/* pip Compare price */
.pip_cp_area {}
.pip_cp_area .data_table {table-layout:fixed;}
.pip_cp_area .data_table thead th {}
.pip_cp_area .data_table tbody td {border-left:1px solid #e4dcd3;text-align:center;color:#000;}
.pip_cp_area .data_table tbody td:last-child {border-right:1px solid #e4dcd3;}
.pip_cp_area .data_table tbody td .check_wrap > input + label {font-family:'TextRegular';}
.pip_cp_area .data_table tbody td .rating_list {display:inline-block;}
.pip_cp_area .data_table tbody td .rating_list li {text-align:left;}
.pip_cp_area .data_table tbody td .rating_list li ~ li {margin-top:15px;}
.pip_cp_area .data_table tbody td .vehicle_list {margin:0 9%;}
.pip_cp_area .data_table tbody td .vehicle_list li {text-align:left;}
.pip_cp_area .data_table tbody td .vehicle_list li ~ li {margin-top:16px;}
.pip_cp_area .data_table tbody td .vehicle_list li span.check_wrap {display:block;}
.pip_cp_area .data_table tbody td .vehicle_list li .check_wrap > input + label {display:block;}
.pip_cp_area .data_table tbody td .vehicle_list li .price {position:absolute;top:50%;right:0;margin-top:-10px;font-family:'TextMedium';}
.pip_cp_area .selected_table tbody td {padding:60px 1em;}
.pip_cp_area .result_table {margin-top:120px;}
.pip_cp_area .result_table thead th {}
.pip_cp_area .result_table thead th .price {display:block;font-size:20px;font-family:'HeadMedium';}
.pip_cp_area .result_table tbody td {line-height:28px;text-align:left;vertical-align:top;}
.pip_cp_area .result_table.column_02 thead th,
.pip_cp_area .result_table.column_02 tbody td {width:50%;}
.pip_cp_area .result_table.column_03 thead th,
.pip_cp_area .result_table.column_03 tbody td {width:calc(100% / 3);}
.pip_cp_area .result_table.column_04 thead th,
.pip_cp_area .result_table.column_04 tbody td {width:25%;}
.pip_cp_area .btn_area {margin-top:59px;text-align:center;}
.pip_cp_area .loading {margin-top:40px;}
.pip_cp_area .loading img {vertical-align:top;}

@media screen and (max-width: 767px){
    .pip_cp_area .data_table tbody td {vertical-align:top;}
    .pip_cp_area .data_table tbody td .vehicle_list {margin:0;}
    .pip_cp_area .data_table tbody td .vehicle_list li .price {position:static;}
    .pip_cp_area .selected_table tbody td {padding:10px 1em;}
    .pip_cp_area .result_table {margin-top:60px;}
    .pip_cp_area .result_table thead th .price {font-size:12px;}
    .pip_cp_area .result_table tbody td {line-height:20px;}
    .pip_cp_area .btn_area {margin-top:20px;}
    .pip_cp_area .loading {margin-top:20px;}
}

/* pip layer popup */
.pip_layer_cont {}
.pip_layer_cont .data_table tbody td {padding:10px 5px;text-align:center;}
.pip_layer_cont .data_table tbody td.border_top {border-top:3px solid #00aad1 !important;}
.pip_layer_cont .data_table tbody td.border_right {border-right:3px solid #00aad1 !important;}
.pip_layer_cont .data_table tbody td.border_left {border-left:3px solid #00aad1 !important;}
.pip_layer_cont .data_table tbody td.border_bottom {border-bottom:3px solid #00aad1 !important;}
.pip_layer_cont .list_bullet_dot {margin-top:5px;}
.pip_layer_cont .list_bullet_dot li {line-height:20px;}

/* pip Freecode 아이오닉 일렉트릭 사용 가이드 */
.pip_use_guide {display:table;width:100%;}
.pip_use_guide > li {position:relative;display:table-cell;width:34%;}
.pip_use_guide > li:before {position:absolute;left:30px;bottom:0;display:block;width:1px;height:100px;background:#006992;content:'';}
.pip_use_guide > li:first-child {width:35%;}
.pip_use_guide > li:last-child {width:31%;}
.pip_use_guide .guide_list > li {position:relative;padding:21px 0 0 72px;word-break:keep-all;}
.pip_use_guide .guide_list > li:before {position:absolute;left:30px;top:0;bottom:0;display:block;width:1px;height:100%;background:#006992;content:'';}
.pip_use_guide .guide_list > li + li {margin-top:40px;}
.pip_use_guide .img_wrap {position:absolute;top:0;left:0;}
.pip_use_guide .cont_wrap {}
.pip_use_guide .cont_wrap .row_title + [class*="in_list"] {margin-top:10px;}
.pip_use_guide .cont_wrap [class*="in_list"] li {position:relative;color:#000;line-height:30px;}
.pip_use_guide .cont_wrap [class*="in_list"][class*="_dash"] li {padding-left:9px;}
.pip_use_guide .cont_wrap [class*="in_list"][class*="_dash"] li:before {position:absolute;top:13px;left:0;display:block;width:4px;height:1px;background:#000;content:'';}
.pip_use_guide .cont_wrap [class*="in_list"][class*="_dot"] li {padding-left:9px;}
.pip_use_guide .cont_wrap [class*="in_list"][class*="_dot"] li:before {position:absolute;top:13px;left:0;display:block;width:3px;height:3px;background:#000;content:'';}
.pip_use_guide .cont_wrap [class*="in_list"] + [class*="in_list"] {margin-top:30px;}
.pip_use_guide .link {position:relative;display:inline-block;padding-right:15px;color:#006992;border-bottom:1px solid #006992;line-height:16px;}
.pip_use_guide .link:before {position:absolute;top:50%;;right:0;display:block;width:7px;height:12px;background:url('../images/common/ico_pc_20.png?ver=20180322') no-repeat -120px -161px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);content:'';}/* 2018-03-22 이지혜:이미지 캐시삭제 */
.pip_use_guide .app_info {}
.pip_use_guide .app_info:after {display:block;clear:both;content:'';}
.pip_use_guide .app_info .label_wrap,
.pip_use_guide .app_info .download {float:left;}
.pip_use_guide .app_info .label_wrap {width:52%;}
.pip_use_guide .app_info .label {display:inline-block;padding:0 5px;background:#006992;color:#fff;font-family:'TextMedium';line-height:24px;vertical-align:top;}
.pip_use_guide .app_info .download {width:48%;padding-left:8px;}
.pip_use_guide .app_info .download a {position:relative;display:inline-block;min-width:128px;padding-left:4px;border:1px solid #d6d6d6;font-size:14px;line-height:22px;vertical-align:top;}
.pip_use_guide .app_info .download a:before {position:absolute;top:50%;right:5px;display:block;width:14px;height:14px;background:url('../images/common/ico_pc_20.png?ver=20180322') no-repeat 0 -100px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);content:'';}/* 2018-03-22 이지혜:이미지 캐시삭제 */

@media screen and (max-width: 1120px){
    .pip_use_guide .app_info .label_wrap,
    .pip_use_guide .app_info .download {float:none;}
    .pip_use_guide .app_info .label_wrap {width:100%;}
    .pip_use_guide .app_info .download {width:100%;padding-left:0;}
}

@media screen and (max-width: 767px){
    .pip_use_guide > li {display:block;width:100%;}
    .pip_use_guide > li + li {margin-top:40px;}
    .pip_use_guide > li:first-child {width:100%;}
    .pip_use_guide > li:last-child {width:100%;}
}

/* pip Freecode 아이오닉 플러그인 사용 가이드 : 2018-03-20 이지혜 */
.pip_use_guide > li.line_small:before {height:50px;}

@media screen and (min-width: 768px){
    .pip_use_guide.col2 > li {width:50%;}
}
@media screen and (min-width: 1024px){
    .pip_use_guide .app_info.type_float:after {clear:both; display:block; content:"";}
    .pip_use_guide .app_info.type_float .label_wrap {float:left; width:155px;}
    .pip_use_guide .app_info.type_float .download {float:left; min-width:260px; max-width:calc(100% - 157px); padding-left:0;}
}
/* ============================ [ module.a.css - 컴포넌트 ] ============================ */

/* 5group 컴포넌트 */
.hmc_component .grid_2,
.hmc_component .grid_3,
.hmc_component .grid_4,
.hmc_component .grid_5 { margin: 0 -5px; }
.hmc_component .grid_1 > .col,
.hmc_component .grid_2 > .col,
.hmc_component .grid_3 > .col,
.hmc_component .grid_4 > .col,
.hmc_component .grid_5 > .col { width: 100%; }
.hmc_component .grid_2 .module,
.hmc_component .grid_3 .module,
.hmc_component .grid_4 .module,
.hmc_component .grid_5 .module { margin: 0 5px; }
.hmc_component .grid_2.is_reverse,
.hmc_component .grid_3.is_reverse,
.hmc_component .grid_4.is_reverse,
.hmc_component .grid_5.is_reverse { direction: rtl; }
.hmc_component .grid_2.is_reverse .module,
.hmc_component .grid_3.is_reverse .module,
.hmc_component .grid_4.is_reverse .module,
.hmc_component .grid_5.is_reverse .module { direction: ltr; }
.hmc_component .grid_4 .col { width: 50%; }
.hmc_component .grid_1 > .col { clear: both; float: none; width: auto; }
.hmc_component .grid_1 .desc p,
.hmc_component .grid_2 .desc p { margin-top: 15px; }
.hmc_component .grid_1 .desc p.text-info {text-indent:4.2em;}
@media (max-width: 767px) {
    .hmc_component .grid_1 .desc p.text-info {text-indent: -18px; padding-left: calc(4.4em + 18px);}
}
.hmc_component .grid_2 .row_title,
.hmc_component .grid_2 .sub_title { line-height: 1.2; }
.hmc_component .grid_2 .desc .row_title { margin-top: 10px; }
.hmc_component .grid_2 .desc .row_title:first-child { margin-top: 0; }
.hmc_component .grid_2 .desc .action { margin-top: 10px; }
.hmc_component .main_title,
.hmc_component .sub_title,
.hmc_component .row_title { font-family: 'HeadMedium'; color: #000; }
.hmc_component .row_title.dividing_line {padding-top: 50px; border-top: 2px solid #ccc;}
.hmc_component .message.bullet_dot { position: relative; padding-left: 10px; text-align: left; line-height: 1.8; } /* 20180213 정윤진, line-height: 1.8; 속성 확인 */
.hmc_component .message.bullet_dot::before{ content:''; position:absolute;  top:0.85em; left:0; width:2px; height:2px; margin-top:-1px; background: #626262; line-height: 1.8; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component .grid_2 .col,
    .hmc_component .grid_3 .col { float: none; } /* ie일 경우 float 해제 필요 */
    .hmc_component .message.bullet_dot { line-height: 1.4; }
    .hmc_component .message.bullet_dot::before { top: 9px; }
    .hmc_component .row_title.dividing_line {padding-top:30px; margin-top:30px !important;}
}

.hmc_component .table-md .col { vertical-align: top; }
.hmc_component .table-md.vertical_middle .col { vertical-align: middle; }
.hmc_component .table-md.vertical_bottom .col { vertical-align: bottom; }
.hmc_component .text_bold { font-family: 'TextMedium'; }
.hmc_component .text_normal { font-family: 'TextRegular'; }
.hmc_component .main_title.text_normal,
.hmc_component .sub_title.text_normal,
.hmc_component .row_title.text_normal,
.hmc_component .title.text_normal { font-family: 'HeadRegular'; }
.hmc_component .main_title.text_bold,
.hmc_component .sub_title.text_bold,
.hmc_component .row_title.text_bold,
.hmc_component .title.text_bold { font-family: 'HeadMedium'; }
.hmc_component .text_shadow { text-shadow: 0 0 5px rgba(0, 0, 0, 0.9); }
@media (min-width: 768px) {
    .hmc_component .grid_2,
    .hmc_component .grid_3,
    .hmc_component .grid_4,
    .hmc_component .grid_5 { margin: 0 -16px; }
    .hmc_component .grid_2 .module,
    .hmc_component .grid_3 .module,
    .hmc_component .grid_4 .module { margin: 0 16px; }
    .hmc_component .grid_5 .module { margin: 0 10px; }
    .hmc_component .grid_2 > .col { width: 50%; }
    .hmc_component .grid_2 > .col:nth-child(odd) { clear: both; }
    .hmc_component .grid_3 > .col { width: 33.333333333333%; }
    .hmc_component .grid_4 > .col { width: 25%; }
    .hmc_component .grid_5 > .col { width: 20%; }
    .hmc_component .core_small .core { width: 33.33%; }
    .hmc_component .core_small .desc { width: 66.66%; }
    .hmc_component .core_large .core { width: 66.66%; }
    .hmc_component .core_large .desc { width: 33.33%; }
    .hmc_component .grid_1 .desc p,
    .hmc_component .grid_2 .desc p { margin-top: 10px; }
    .hmc_component .grid_2 .desc .row_title { margin-top: 30px; }
    .hmc_component .grid_2 .desc .action { margin-top: 30px; }
    .hmc_component .grid_2 .photos .grid { margin: -2px; }
    .hmc_component .grid_2 .photos .module { margin: 2px; }
}

/* [C1CK] Common 1Column Key Visual */
.c1ck { padding-top: 91px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-w.jpg') no-repeat center top; background-size: cover; }
.c1ck .c1ck_wrap { position: relative; margin: 0 auto; }
.c1ck .slide .ix-list-item { position: relative; text-align: left; min-width: 100vw; }
.c1ck .slide .ix-controller { padding: 0; }
.c1ck .slide .ix-thumbs { position: absolute; top: 100%; left: 0; right: 0; margin-top: -70px; text-align: center; }
.c1ck .cont_wrap { position: absolute; top: 74px; left: 50%; bottom: 0; max-width: 1120px; margin-left: -560px; width: auto; }
.c1ck .title { padding: 0; font-size: 54px; color: #111; font-family: 'HeadMedium'; }
.c1ck .text { margin-top: 13px; font-size: 20px; color: #111; line-height: 34px; }
.c1ck .action { margin-top:28px;}
@media screen and (max-width: 1120px){
    .c1ck .cont_wrap { top: 74px; left: 30px; right: 0; max-width: 100%; margin: 0; }
}
@media screen and (max-width: 767px){
    .c1ck { padding-top: 40px; background:#f1ece4 url('../../../../../../content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-m.jpg') no-repeat center top; background-size:cover;}/* 2018-04-11 이지혜 : background-size:cover; 추가(배경이미지 잘려 보여서 이윤경차장님 요청) */
    .c1ck .title { font-size: 29px; }
    .c1ck .cont_wrap { top: 24px; left: 0; max-width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; }
    .c1ck .text {margin-top:2px;padding:0;font-size:14px;line-height:22px;}
    .c1ck .action { margin-top:24px;}
}

/* [C1CI] Common 1Column Image */
.c1ci { padding-top: 91px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-w.jpg') no-repeat center top; background-size: cover; }
.c1ci .c1ci { padding: 0; background: transparent; }
.c1ci .c1ci_wrap { position: relative; max-width: 1800px; margin: 0 auto; }
.c1ci .slide .ix-list-item { position: relative; text-align: left; /* min-width: 100vw; 20180222 정윤진, 해당 속성이 있으면 에뮬레이터 테스트에서 넘침 */ }
.c1ci .slide .ix-controller { padding: 0; }
.c1ci .slide .ix-thumbs { position: absolute; top: 100%; left: 0; right: 0; margin-top: -70px; text-align: center; }
.c1ci .cont_wrap { position: absolute; top: 74px; left: 50%; max-width: 1120px; margin-left: -560px; width: auto !important; height: auto !important; width: auto; }
.c1ci .title { padding: 0; font-size: 54px; color: #111; font-family: 'HeadMedium'; }
.c1ci .sub_title { display: block; margin-top: 20px; padding: 0; font-size: 30px; font-family: 'HeadMedium'; } /* 20180225 정윤진, sub_title 추가 */
.c1ci .text { margin-top: 13px; font-size: 20px; color: #111; line-height: 34px; }
.c1ci .title + .text { font-family: 'HeadRegular'; } /* 190626 추가 */
.c1ci .action { margin-top:28px;}
@media screen and (max-width: 1120px){
    .c1ci .cont_wrap { /* top: 74px; left: 30px; 20180221 정윤진, breadcrumb 왼쪽 라인에 맞춤 */ top: 30px; left: 15px; right: 0; max-width: 100%; margin: 0; }
}
@media screen and (max-width: 767px){
    .c1ci { padding:40px 15px 0; background:#f1ece4 url('../../../../../../content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-m.jpg') no-repeat center top; background-size:cover;}/* 2018-04-11 이지혜 : background-size:cover; 추가(배경이미지 잘려 보여서 이윤경차장님 요청) */
    .c1ci .slide .ix-list-item { min-width: auto; }
    .c1ci .title { font-size: 29px; }
    .c1ci .sub_title { font-size: 20px; }
    .c1ci .cont_wrap { top: 24px; left: 0; max-width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; }
    .c1ci .text {margin-top:2px;padding:0;font-size:14px;line-height:22px;}
    .c1ci .action { margin-top:24px;}
}

/* [C1CIT01 ~ 04] Common 1Column Image Text Type 01 ~ 04 */
.c1cit02 .desc { margin-top: 15px; margin-bottom: 30px; }
.c1cit03 .sub_title { margin-bottom: 10px; }
/*.c1cit03 .desc { margin-top: 25px; } 20180220 정윤진, message 없을경우 간격 삭제 */
/*.c1cit04 .core { margin-top: 10px; } 20180220 정윤진, 제목 없을 경우 때문에 title 로 간격 이동 */
.c1cit04 .desc { margin-top: 10px; }
.c1cit04 .desc:first-child { margin-top: 0; }
.c1cit04 .sub_title { margin-bottom: 10px; }
.c1cit04 .desc .grid { margin: 0 -5px 0; line-height: 1.6; }
.c1cit04 .desc .grid .module { margin: 0 5px; }
.c1cit04 .desc .grid p { margin-top: 0; }
.c1cit04 .desc .grid .subject { margin-top: 10px; color: #000; }
@media screen and (min-width: 768px) {
    .c1cit02 .desc { margin-top: 30px; margin-bottom: 60px; }
    .c1cit03 .sub_title { margin-bottom: 15px; }
    /*.c1cit03 .desc { margin-top: 35px; } 20180220 정윤진, message 없을경우 간격 삭제 */
    /*.c1cit04 .core { margin-top: 15px; } 20180220 정윤진, 제목 없을 경우 때문에 title 로 간격 이동 */
    .c1cit04 .desc { margin-top: 20px; }
    .c1cit04 .sub_title { margin-bottom: 10px; }
    .c1cit04 .desc .grid { margin: 0 -16px 0; }
    .c1cit04 .desc .grid .module { margin: 0 16px; }
    .c1cit04 .desc .col { width: 50%; }
    .c1cit04 .desc .subject { margin-top: 20px; }
}

/* [c2cit01] Common 2Column Image Text Type 01 */
.c2cit01 .table-md { width: calc(100% + 10px); }
.c2cit01 .sub_title { margin-bottom: 20px; }
@media screen and (max-width: 767px) {
    .c2cit01 .grid .desc .row_title:first-child { margin-top: 10px; }
}
@media screen and (min-width: 768px) {
    .c2cit01 .table-md { width: calc(100% + 32px); }
    .c2cit01 .grid .desc :first-child { margin-top: 0; }
}

/* [c2cit02] Common 2Column Image Text Type 02 */
.c2cit02 .grid .desc .bullet_dot + .bullet_dot { margin-top: 0; }
@media screen and (max-width: 767px) {
    .c2cit02 .core { margin-top: 20px; }
}
@media screen and (min-width: 768px) {
    .c2cit02 .grid .desc :first-child { margin-top: 0; }
}
/* [C2CIMT01] Common 2Column Image Multi Text Type 01 */
.c2cimt01 .sub_title { margin-bottom: 20px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .c2cimt01 .sub_title { margin-bottom: 10px; } /* 20180221 정윤진, 간격 추가 */
    .c2cimt01 .grid .desc .row_title:first-child  { margin-top: 10px; }
}

/* [C2CIMT02] Common 2Column Image Multi Text Type 02 */
.c2cimt02 picture { display: block; margin-top: 20px; }
@media screen and (max-width: 767px) {
    .c2cimt02 .core.no_image .sub_title { float: none; width: 100%; } /* 이미지 없을 경우 */
    .c2cimt02 .core .module { overflow: hidden; margin-bottom: 20px; }
    .c2cimt02 .core .sub_title { float: right; width: 45%; }
    .c2cimt02 .core picture { float: left; width: 50%; margin-top: 0; margin-right: 5%; }
    .c2cimt02 .core picture img { width: 100%; } /* 20180222 정윤진, 작은 이미지일 경우 텍스트와의 간격이 넓어서 너비 조정 */
}
@media screen and (min-width: 768px) {
    .c2cimt02 .table-md { table-layout: fixed; }
    .c2cimt02 .grid .core { width: 40%; }
    .c2cimt02 .grid .desc { width: 60%; }
    .c2cimt02 .core .sub_title { padding-top: 20px; border-top: 1px solid #8b8b8b; }
}

/* [C3CIT] Common 3Column Image Text */
@media screen and (min-width: 768px) {
    .c3cit .core .grid .col { width: 50%; }
}

/* [C1CT] Common 1Column Text */
.c1ct .row_title { margin-top: 20px; }
.c1ct .desc .module > :first-child { margin-top: 0; }
.c1ct .desc .module .row_title { margin-top: 20px; }
.c1ct .grid .desc .action { margin-top: 10px; }
.c1ct .grid .desc p { margin-top: 10px;}
@media screen and (min-width: 768px) {
    .c1ct .grid .desc .action { margin-top: 30px; }
}

/* [C2CT02] Common 2Column Text Type 02 */
.c2ct02 .info li { margin: 10px 0; }
.c2ct02 .info li .icon { vertical-align: middle; }
@media screen and (min-width: 768px) {
    .c2ct02 .sub_title { margin-bottom: 50px; }
    .c2ct02 .desc { padding-left: 95px; border-left: 1px solid #ece6e0; }
}

/* [C2CT03] Common 2Column Text Type 03 */
.c2ct03 .c2ct03_wrap { margin: 20px 0 5px 0; padding-top: 30px; border-top: 1px #e4dcd3 solid; }
.c2ct03 .main_title { margin: 5px 0 0; font-size: 20px; text-align: left; }
.c2ct03 .main_title,
.c2ct03 .sub_title { line-height: 1; }
.c2ct03 .core { clear: both; }
.c2ct03 .module { position: relative; line-height: 1.8; }
.c2ct03 p { margin: 5px 0 0 !important; }
.c2ct03 .text_large { color:  #626262; }
.c2ct03 .module > :first-child { margin-top: 0; }
.c2ct03 .desc h4 { margin: 15px 0 0; font-size: 14px; font-family: 'HeadMedium'; color: #000; }
@media screen and (min-width: 768px) {
    .c2ct03 .c2ct03_wrap { margin: 0; padding: 0; border: 0; }
    .c2ct03 .main_title { font-size: 40px; }
    .c2ct03 .col { position: relative; padding: 40px 0; }
    .c2ct03 .col::before { content: ''; position: absolute; top: 0; left: 16px; right: 16px; height: 1px; background-color: #e4dcd3; }
    .c2ct03 .grid .desc .action { position: absolute; top: 30px; right: 0; margin: 0; }
    .c2ct03 .desc h4 { margin-top: 30px; font-size: 16px; }
    .c2ct03:first-child .col::before { display: none; }
}
@media screen and (max-width: 767px) {
    .c2ct03 .grid .desc { margin-top: 20px; }
}

/* [C2CMT01] Common 2Column Multi Text Type 01 */
.c2cmt01 { word-break: keep-all; }
.c2cmt01 .grid .desc .message { margin-top: 10px; }
@media screen and (max-width: 767px) {
    .c2cmt01 .core br { display: none; }
}

/* htrac - image mask */
.htrac .htrac_wrap { visibility: hidden;}
.htrac .image_mask_wrap { margin-top: 30px; position: relative; }
.htrac .image_mask_wrap .mask { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; border-left: 1px solid #000; }
.htrac .image_mask_wrap .mask .holder { height: 100%; overflow: hidden; background-size: cover; background-position: right top; }
.htrac .image_mask_wrap .mask-clip {position: absolute;top:0;}/*20180219 김기용: mask 방식 변경*/
.htrac .action { position: relative; height: 40px; }
.htrac .control { position: absolute; margin: -9px 0 0 -25px; }
.htrac .control .icon { width: 49px; height: 49px;background-image:url(../../../../../../content/dam/hyundai/kr/ko/images/brand/brandstory/technology/htrac-mask-control.png); }

/* motion sound list */
.music_motion p + .sound_list { margin-top: 10px; }
.music_motion .sound_list { margin-top: -5px; margin-bottom: -5px; }
.music_motion .sound_list .module { margin-top: 5px; margin-bottom: 5px; }
.music_motion .sound_list audio { margin-top: 10px; max-width: 100%; }
.music_motion .pagelink_box .module { background-color: #fff; }
@media (max-width: 767px) {
    .music_motion .grid_4 .col:nth-child(2n+1) { clear: both; } /* 20180225 정윤진, 계단현상 해결 */
}
@media screen and (min-width: 768px) {
    .music_motion .grid_4 .col:nth-child(4n+1) { clear: both; } /* 20180225 정윤진, 계단현상 해결 */
    .music_motion .sound_list { margin-top: -16px; margin-bottom: -16px; }
    .music_motion .sound_list .module { margin-top: 16px; margin-bottom: 16px; }
    .music_motion .sound_list audio { margin-top: 20px; margin-bottom: 10px; }
    .music_motion .pagelink_box { margin-top: 30px; }
}

/* [CMCIT03] Common Multi Column Image Text Type 03 */
.cmcit03 {  }
.cmcit03 .cmcit03_wrap {  }
.cmcit03 .main_title,
.cmcit03 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.cmcit03 .grid { margin-top: -60px; }
.cmcit03 .grid .module { margin-top: 0; margin-bottom: 0; }
.cmcit03 .col { position: relative; zoom: 1; margin-top: 60px; padding: 0 0 60px; }
.cmcit03 .col.hidden_button { padding-bottom: 0; } /* 버튼이 없을 경우 */
.cmcit03 .col.hidden_button .action { display: none; }
.cmcit03 .summary { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, .7); }
.cmcit03 .summary .inner { padding: 5px 10px; }
.cmcit03 .core { position: relative; }
.cmcit03 .core.bg_gray { background-color: #f6f3f2; }
.cmcit03 .core.bg_white { background-color: #fff; }
.cmcit03 .desc { margin-top: 20px; }
.cmcit03 .desc .row_title { margin-bottom: 10px; }
/* title ellipsis
.cmcit03 .desc .row_title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2; 
    height: 20px;
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;
    line-height: 1.2; }
 */
.cmcit03 .multiline .desc .row_title { height: auto !important; -webkit-line-clamp: inherit; } /* 말줄임 취소 */
.cmcit03 .desc .message { margin-top: 15px; }
.cmcit03 .action { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 5px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .cmcit03 .grid_4 .col:nth-child(2n+1) { clear: both; } /* 20180222 정윤진, 모바일에서 떨어짐 방지 */
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmcit03 { overflow: hidden; }
    /*.cmcit03 .cmcit03_wrap { margin-left: -16px; margin-right: -16px; } 20180225 정윤진, grid 간격 조정 */
    .cmcit03 .main_title,
    .cmcit03 .sub_title { margin-bottom: 30px; padding-left: 16px; padding-right: 16px; }
    .cmcit03 .grid { table-layout: fixed; margin: -16px -16px 0; }
    .cmcit03 .grid .module { margin: 16px; }
    .cmcit03 .col { margin-top: 0; }    
    .cmcit03 .col:nth-child(4n+1) { clear: both; }  
    .cmcit03 .summary { font-size: 16px; }
    .cmcit03 .summary .inner { padding: 10px 20px; }
    /*.cmcit03 .desc .row_title { height: 48px; }*/
    /*.cmcit03 .desc .row_title { height: 24px; }*/
    .cmcit03 .action { padding: 0 16px; }
}

/* safety research */
.safety_research { overflow: hidden; position: relative; }
.safety_research .desc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.safety_research .desc .table { height: 100%; }
.safety_research .btnShow {display:block;text-indent:-9999px;position:absolute;left:0;right:0;bottom:40px;width:40px;height:40px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/brand/brandstory/technology/btn_show_sp.png') no-repeat;margin:0 auto}
.safety_research .btnShow.on {background-position:-40px 0;}

/* [C2L3CIT] Common 2Line 3Column Image Text  */
.c2l3cit .grid_2 .desc .row_title,
.c2l3cit .grid_2 .desc p { margin-top: 10px; }

.component_text_summary { font-size: 14px; }
@media (min-width: 768px) {
    .component_text_summary { font-size: 20px; }
}

.has_border_box .holder { padding: 30px 0; border: 1px #e6e2df solid; }
@media (min-width: 768px) {
    .has_border_box .holder { padding: 70px 0; }
}

.fullsize_image img { width: 100%; }
/* ============================ [ module.b.css - 컴포넌트 ] ============================ */

/* [cmcit01] Common Multi Column Image Text Type 01 */
.cmcit01 {  }
.cmcit01 .cmcit01_wrap {  }
.cmcit01 .main_title,
.cmcit01 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.cmcit01 .grid { margin-top: -60px; }
/*.cmcit01 .grid .module { margin-top: 0; margin-bottom: 0; }*/
.cmcit01 .grid .desc p { margin-top: 15px; }
.cmcit01 .col { position: relative; zoom: 1; margin-top: 60px; padding: 0 0 60px; }
.cmcit01 .grid.hidden_button .col,
.cmcit01 .col.hidden_button { padding-bottom: 20px; } /* 버튼이 없을 경우 */
.cmcit01 .col > a .action { display: none; }
.cmcit01 .module {  }
.cmcit01 .core {  }
.cmcit01 .core.bg_gray { background-color: #f6f3f2; }
.cmcit01 .core.bg_white { background-color: #fff; }
.cmcit01 .desc { margin-top: 0; } /* 190408 수정 */
.cmcit01 .core+.desc { margin-top: 20px; } /* 190408 추가 */
.cmcit01 .desc .row_title { margin-bottom: 15px; line-height: 1.2; } /* 190408 수정 */
.cmcit01 .core+.desc .row_title { margin-bottom: 0; } /* 190408 추가 */
/* 접근성 - 포커스링 노출 위해 적용 */
.cmcit01 .col > a { display: inline-block; }
/* s: 240222 : 카탈로그/가격표 페이지 개선 */
.cmcit01_wrap .btn-item {padding:16px 0; transition:all .2s;}
.cmcit01_wrap .btn-item picture {display:block;}
.cmcit01_wrap .btn-item img {width:100%;}
.cmcit01_wrap .btn-item .action {display:flex; gap:10px;}
.cmcit01_wrap .btn-item .action a {min-width:auto; margin:0; opacity:0; transition:all .2s;}
.cmcit01_wrap .btn-item .action a:focus {opacity:1;}
.cmcit01_wrap .btn-item:hover {background:#f6f3f2;}
.cmcit01_wrap .btn-item:hover .action a {opacity:1;}

/* title ellipsis
.cmcit01 .desc .row_title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
 */
.cmcit01 .desc .message { margin-bottom:20px; } /* 190408 수정 */
.cmcit01 .core+.desc .message { margin-top: 15px; margin-bottom:0;} /* 190408 추가 */
.cmcit01 .action { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 5px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .cmcit01 .grid_4 .col:nth-child(2n+1),
    .cmcit01 .grid_5 .col:nth-child(2n+1) { clear: both; } /* 20180222 정윤진, 계단현상 해결 */
    .cmcit01 .grid_4 .col { padding-bottom: 0; } /* 210527 add */
    .cmcit01 .core { text-align: center;}
    /*.cmcit01 .grid_2 .desc .row_title,
    .cmcit01 .grid_3 .desc .row_title { height: auto; -webkit-line-clamp: inherit; }*/
    .cmcit01 .desc .row_title {text-align:center;} /* 190408 추가 */
    .cmcit01 .desc .message {text-align:center; margin-bottom:10px;}/* 190408 추가 */
    /* s: 240222 : 카탈로그/가격표 페이지 개선 */
    .cmcit02 .hmc_component .cmcit01_wrap .grid_4 {display:flex; flex-wrap:wrap;}
    .cmcit01_wrap .btn-item {display:flex; justify-content:space-between; padding-bottom:0;}
    .cmcit01_wrap .btn-item .module { display: flex; flex-direction: column; width:100%;}
    .cmcit01_wrap .btn-item .module .desc {flex-grow:1;}
    .cmcit01_wrap .btn-item img {width:100%;}
    .cmcit01_wrap .btn-item .action {flex-wrap:wrap; position:relative; margin-top:10px;}
    .cmcit01_wrap .btn-item .action a {width:100%; opacity:1;}
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmcit01 { overflow: hidden; }
    .cmcit01 .cmcit01_wrap { margin-left: -16px; margin-right: -16px; }
    .cmcit01 .main_title,
    .cmcit01 .sub_title { margin-bottom: 30px; padding-left: 16px; padding-right: 16px; }
    .cmcit01 .grid { table-layout: fixed; margin: 0; }
    .cmcit01 .grid_4 .col:nth-child(4n+1),
    .cmcit01 .grid_5 .col:nth-child(5n+1) { clear: both; }
    .cmcit01 .col { margin-top: 0; }    
    .cmcit01 .core {  }
    /*.cmcit01 .desc .row_title { height: 48px; }*/
    /*.cmcit01 .desc .row_title { height: 24px; }*/
    .cmcit01 .action { padding: 0 16px; }
}

/* [cmcit02] Common Multi Column Image Text Type 01 */
.cmcit02 .cmcit02_wrap {  }
.cmcit02 .main_title,
.cmcit02 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.cmcit02 .grid { margin-top: -40px; }
.cmcit02 .grid .module { margin-top: 0; margin-bottom: 0; }
.cmcit02 .grid .module a {display:block;}
.cmcit02 .col { margin-top: 40px; }
.cmcit02 .grid .desc p { margin-top: 15px; }
.cmcit02 .core {  }
.cmcit02 .core.bg_gray { background-color: #f6f3f2; }
.cmcit02 .core.bg_white { background-color: #fff; }
.cmcit02 .action { margin-top: 20px; }
.cmcit02 .action a { display: block; width: 100%; }
.cmcit02 .desc { margin-top: 25px; }
.cmcit02 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
/* title ellipsis 
.cmcit02 .desc .row_title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
*/
.cmcit02 .desc .message { margin-top: 15px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .cmcit02 .grid_4 .col:nth-child(2n+1) { clear: both; } /* 20180222 정윤진, 모바일에서 떨어짐 방지 */
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmcit02 {  }
    .cmcit02 .main_title,
    .cmcit02 .sub_title { margin-bottom: 30px; }
    .cmcit02 .grid {  }
    .cmcit02 .grid_4 .col:nth-child(4n+1),
    .cmcit02 .grid_3 .col:nth-child(3n+1),
    .cmcit02 .grid_2 .col:nth-child(2n+1) { clear: both; }
    .cmcit02 .col {  }
    .cmcit02 .core {  }
    .cmcit02 .action {  }
    .cmcit02 .desc { margin-top: 30px; }
    /*.cmcit02 .desc .row_title { height: 48px; }*/
    /*.cmcit02 .desc .row_title { height: 24px; }*/
}



/* [cmciot] Common Multi Column Image Overlap Text */
.cmciot .cmciot_wrap {  }
.cmciot .main_title { margin-bottom: 20px; }
.cmciot .grid { margin-top: -10px; }
.cmciot .grid .col { margin-top: 10px; }
.cmciot .grid .module { position: relative; zoom: 1; }
.cmciot .core {  }
.cmciot .desc { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background-color: rgba(0, 0, 0, .3); color: #fff; }
.cmciot .desc .sort,
.cmciot .desc .row_title { color: #fff; }
.cmciot .desc .sort + .row_title { margin-top: 5px; }
.cmciot .desc .message { margin-top: 10px; }
.cmciot .desc.no_bg { background-color: transparent; }
.cmciot .desc.no_bg .sort,
.cmciot .desc.no_bg .row_title { color: #000; }
.cmciot .desc .text_shadow {  }
.cmciot img { width: 100%;  }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmciot {  }
    .cmciot .cmciot_wrap { }
    .cmciot .main_title { margin-bottom: 20px;  }
    .cmciot .grid { margin: 0; }
    .cmciot .grid .col { margin: 0; }
    .cmciot .grid .module { position: relative; zoom: 1; margin: 0; }
    .cmciot .core {  }
    .cmciot .desc { padding: 25px; }
}


/* [cmcsiot] Common Multi Column Slide Image Overlap Text */
.cmcsiot .cmcsiot_wrap {  }
.cmcsiot .main_title { margin-bottom: 20px; }
.cmcsiot .ix-controller { padding: 0; }
.cmcsiot .ix-list-viewport { width: 100%; margin: 0; }
.cmcsiot .grid { margin-top: -10px; }
.cmcsiot .grid .module { position: relative; zoom: 1; margin: 0; }
.cmcsiot .grid .module picture {display:block;}
.cmcsiot .ix-list-item { padding: 0; }
.cmcsiot .ix-list-item a:focus {border:1px dotted #808080;}
.cmcsiot .grid_4 .ix-list-item { width: 50%; }
.cmcsiot .grid_3 .ix-list-item,
.cmcsiot .grid_2 .ix-list-item { width: 100%; }
.cmcsiot .core {  }
.cmcsiot .desc { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background-color: rgba(0, 0, 0, .3); color: #fff; text-align: left; }
.cmcsiot .desc .sort,
.cmcsiot .desc .row_title { color: #fff; }
.cmcsiot .desc .sort + .row_title { margin-top: 5px; }
.cmcsiot .desc .message { margin-top: 10px; }
.cmcsiot .desc.no_bg { background-color: transparent; }
.cmcsiot .desc.no_bg .sort,
.cmcsiot .desc.no_bg .row_title { color: #000; }
.cmcsiot .desc .text_shadow {  }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmcsiot {  }
    .cmcsiot .cmcsiot_wrap { }
    .cmcsiot .main_title { margin-bottom: 20px;  }
    .cmcsiot .grid { margin: 0; }
    .cmcsiot .grid .module { position: relative; zoom: 1; margin: 0; }
    .cmcsiot .grid_4 .ix-list-item { width: 25%; }
    .cmcsiot .grid_3 .ix-list-item { width: 33.4%; }/* 1120에서 33.33%는 1px이 부족하여 다음 슬라이드 이미지가 노출됨 */
    .cmcsiot .grid_2 .ix-list-item { width: 50%; }
    .cmcsiot .core {  }
    .cmcsiot .desc { padding: 25px; }
}


/* [cmcsit01] Common Multi Column Slide Image Text Type 01 */
.cmcsit01 {  }
.cmcsit01 .cmcsit01_wrap {  }
.cmcsit01 .grid { margin: 0; }
.cmcsit01 .grid .module.hidden_button { padding-bottom: 0; } /* 버튼이 없을 때 */
.cmcsit01 .grid .module.hidden_button .action { display: none; }
.cmcsit01 .grid .desc p { margin-top: 15px; }
.cmcsit01 .grid_4 .ix-list-item { width: 50%; }
.cmcsit01 .grid_3 .ix-list-item,
.cmcsit01 .grid_2 .ix-list-item { width: 100%; }
.cmcsit01 .ix-list-item { margin: 0 5px; padding: 0; text-align: left; }
.cmcsit01 .ix-list-item .module { margin: 0; }
.cmcsit01 .ix-controller { padding: 0; }
.cmcsit01 .main_title,
.cmcsit01 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.cmcsit01 .module { position: relative; zoom: 1; padding: 0 0 60px; }
.cmcsit01 .core {  }
.cmcsit01 .desc { margin-top: 20px; }
.cmcsit01 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
/* title ellipsis
.cmcsit01 .desc .row_title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
 */
.cmcsit01 .desc .message { margin-top: 15px; }
/* message ellipsis
.cmcsit01 .desc .message { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: auto;
    -webkit-box-orient: vertical; }
.cmcsit01 .grid_4 .desc .message {
    height: 75px;
    -webkit-line-clamp: 4;
    height: 56px;
    -webkit-line-clamp: 3; }
.msie .cmcsit01 .grid_4 .desc .message { height: 60px; }
 */
.cmcsit01 .action { position: absolute; left: 0; bottom: 0; width: 100%; }
@media  (min-width: 768px) and (max-width: 1023px) {
    /* 768 이상 Tablet */
    .cmcsit01 .ix-list-viewport { width: calc(100% + 32px); margin-left: -16px; }
    .cmcsit01 .grid_3 .ix-list-item,
    .cmcsit01 .grid_4 .ix-list-item { width: 25%; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmcsit01 { overflow: hidden; }
    .cmcsit01 .cmcsit01_wrap {  }
    .cmcsit01 .grid {  }
    .cmcsit01 .grid_2 .ix-list-item { width: 50%; }
    .cmcsit01 .grid_3 .ix-list-item { width: 33.3333%; }
    .cmcsit01 .grid_4 .ix-list-item { width: 25%; }
    .cmcsit01 .ix-list-item { margin-left: 16px; margin-right: 16px; }
    .cmcsit01 .main_title,
    .cmcsit01 .sub_title { margin-bottom: 30px; }
    .cmcsit01 .module {  }
    .cmcsit01 .core {  }
    /*.cmcsit01 .desc .row_title { height: 48px; }*/
    /*.cmcsit01 .desc .row_title { height: 24px; }
    .cmcsit01 .grid_2 .desc .message,
    .cmcsit01 .grid_3 .desc .message,
    .cmcsit01 .grid_4 .desc .message { height: 52px; -webkit-line-clamp: 2; }*/
    .cmcsit01 .action { }
}

/* [cmcsit02] Common Multi Column Slide Image Text Type 02 */
.cmcsit02 {  }
.cmcsit02 .cmcsit02_wrap {  }
.cmcsit02 .grid { margin: 0; }
.cmcsit02 .grid .desc p { margin-top: 15px; }
.cmcsit02 .grid_4 .ix-list-item { width: 50%; }
.cmcsit02 .grid_3 .ix-list-item,
.cmcsit02 .grid_2 .ix-list-item { width: 100%; }
.cmcsit02 .ix-list-item { margin: 0 5px; padding: 0; text-align: left; }
.cmcsit02 .ix-list-item .module { margin: 0; }
.cmcsit02 .ix-controller { padding: 0; }
.cmcsit02 .main_title,
.cmcsit02 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.cmcsit02 .module {  }
.cmcsit02 .core {  }
.cmcsit02 .desc { margin-top: 30px; }
.cmcsit02 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
/* title ellipsis
.cmcsit02 .desc .row_title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
     
    height: 38px;
    -webkit-line-clamp: 2;
    height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
 */
.cmcsit02 .desc .message { margin-top: 10px; }
.cmcsit02 .action { margin-top: 20px; }
.cmcsit02 .action a { width: 100%; }
@media  (min-width: 768px) and (max-width: 1023px) {
    /* 768 이상 Tablet */
    .cmcsit02 .ix-list-viewport { width: calc(100% + 32px); margin-left: -16px; }
    .cmcsit02 .grid_3 .ix-list-item,
    .cmcsit02 .grid_4 .ix-list-item { width: 25%; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cmcsit02 { overflow: hidden; }
    .cmcsit02 .cmcsit02_wrap {  }
    .cmcsit02 .grid {  }
    .cmcsit02 .grid_2 .ix-list-item { width: 50%; }
    .cmcsit02 .grid_3 .ix-list-item { width: 33.3333%; }
    .cmcsit02 .grid_4 .ix-list-item { width: 25%; }
    .cmcsit02 .ix-list-item { margin-left: 16px; margin-right: 16px; }
    .cmcsit02 .main_title,
    .cmcsit02 .sub_title { margin-bottom: 30px; }
    .cmcsit02 .module {  }
    .cmcsit02 .core {  }
    /*.cmcsit02 .desc .row_title { height: 48px; }*/
    /*.cmcsit02 .desc .row_title { height: 24px; }*/
    .cmcsit02 .action { }
}



/* [c1csi01] Common 1 Column Slide Image Type 01 */
.c1csi01 {  }
.c1csi01 .main_title,
.c1csi01 .sub_title { margin-bottom: 35px; padding-bottom: 0; }
.c1csi01 .ix-btn { vertical-align: middle; }
.c1csi01 .core {  }
.c1csi01 .core iframe { display: block; }
.c1csi01 .desc { display: block; padding: 15px 16px; background-color: #002c5f; color: #fff; text-align: left; }
.c1csi01 .desc .row_title { font-family: 'HeadMedium'; color: #fff; text-align: left; }
.c1csi01 .desc .row_title.text_normal { font-family: 'HeadRegular'; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .c1csi01 .main_title,
    .c1csi01 .sub_title { margin-bottom: 60px; }
    .c1csi01 .core {  }
    .c1csi01 .desc { padding: 24px 30px 25px; font-size: 20px; }
}


/* [c1csi02] Common 1 Column Slide Image Type 02 */
.c1csi02 {  }
.c1csi02 .main_title,
.c1csi02 .sub_title { margin-bottom: 25px; padding-bottom: 0; line-height: 1.2; }
.c1csi02 .thumb_desc { padding: 30px 0 0; }
.c1csi02 .thumb_desc .item { display: none; text-align: center; }
.c1csi02 .thumb_desc .item.active { display: block; }
.c1csi02 .thumb_desc .row_title { color: #000; line-height: 1.2; }
.c1csi02 .thumb_desc .message { margin-top: 10px; }
.c1csi02 .ix-list-item iframe { display: block; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .c1csi02 .main_title,
    .c1csi02 .sub_title { margin-bottom: 30px; }
    .c1csi02 .thumb_desc { padding: 40px 0 0; }
}



/* [c1csi03] Common 1 Column Slide Image Type 03 */
.c1csi03 {  }
.c1csi03 .main_title,
.c1csi03 .sub_title { margin-bottom: 25px; padding-bottom: 0; line-height: 1.2; }
.c1csi03 .main_title { margin-bottom: 10px; font-weight: bold;font-size: 47px;}
.c1csi03 .module {background: #f7f3f2;padding: 64px 0 78px;}
.c1csi03 .module .slide_wrap {margin: 0 auto;max-width: 676px;padding: 17px;background: #fff;border: 1px solid #e4dcd3;}
.c1csi03 .slide {max-width: 640px; margin:0 auto;}
.c1csi03 .slide .item img {width:100%;}
.c1csi03 .ix-controller {padding: 0;margin: -40px 0 0;padding-bottom: 24px;}
.c1csi03 .ix-btn { position: relative; z-index: 10; background-color: #fff; vertical-align: middle; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .c1csi03 .main_title { font-size: 30px; }
}
@media (max-width: 450px) {
    /* 767 미만 mobile */
    .c1csi03 .module .slide_wrap {padding: 10px;}
    
}


/* [c2sit] common 2Column Slide Image Text Type */
.c2sit {  }
.c2sit .c2sit_wrap { background-color: #f6f3f2; }
.c2sit .core_wrap { background-color: #e4dbd2; }
.c2sit .core .ix-controller { padding: 0; margin: -40px 0 24px; }
.c2sit .ix-btn { position: relative; z-index: 10; background-color: #fff; vertical-align: middle; }
.c2sit .desc p { margin-top: 0px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .c2sit .desc { padding: 20px 15px; text-align: left; }
    .c2sit .section[class*="pdt_"],
    .c2sit .section[class*="pdb_"]{ padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .c2sit .module { display: table; width: 100%; }
    .c2sit .core,
    .c2sit .desc { display: table-cell; vertical-align: middle; }
    .c2sit .core_wrap { width: 403px; }
    .c2sit .desc { padding: 20px 50px; text-align: left; }

}


/* ---------- 하기 동일 디자인 ---------- */

/* 삭제 [cml4csit02] Common Multi Line 4Column Slide Image Text Type 02 */
.cml4csit02 { position: relative; zoom: 1; }
.cml4csit02 .cml4csit02_wrap { position: relative; zoom: 1; }
.cml4csit02 .main_title { margin-bottom: 20px; }
.cml4csit02 .grid { margin-top: -40px; }
.cml4csit02 .col { margin-top: 40px; }
.cml4csit02 .module {  }
.cml4csit02 .core {  }
.cml4csit02 .action { margin-top: 10px; }
.cml4csit02 .action a { display: block; width: 100%; }
.cml4csit02 .desc { margin-top: 15px; }
.cml4csit02 .desc .row_title { margin-bottom: 10px; }
.cml4csit02 .desc .row_title { /* title ellipsis */
    overflow: hidden;
    height: 38px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
.cml4csit02 .desc .message { margin-top: 15px; }
.cml4csit02 .desc .message { /* message ellipsis */
    overflow: hidden;
    height: 75px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.cml4csit02 .desc .list_bullet_dot { overflow: hidden; height: 80px; }
.cml4csit02 .desc .list_bullet_dot li { margin-top: 0; }
.cml4csit02 .controller { position: relative; zoom: 1; width: 100%; max-width: 1120px; }
/*.cml4csit02 button { position: absolute; }*/
.cml4csit02 button { position: fixed; top:50%; width:44px; height:44px; margin-top:-22px; background:rgba(0, 0, 0, 0.3);}
.cml4csit02 button.btn-prev { left: 15px; }
.cml4csit02 button.btn-next { right: 15px; }
.cml4csit02 button i {width:25px; height:25px; background:url('../images/common/ico_mobile_50.png') no-repeat; background-size:100%;}
.cml4csit02 button .ico_prev {background-position:0 -40px;}
.cml4csit02 button .ico_next {background-position:0 -65px;}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cml4csit02 {  }
    .cml4csit02 .cml4csit02_wrap {  }
    .cml4csit02 .main_title { margin-bottom: 30px; }
    .cml4csit02 .grid { margin-top: -60px; }
    .cml4csit02 .col { margin-top: 60px; }
    .cml4csit02 .core {  }
    .cml4csit02 .action { margin-top: 20px; }
    .cml4csit02 .desc { margin-top: 25px; }
    .cml4csit02 .desc .row_title { height: 48px; }
    .cml4csit02 .desc .message { height: 105px; }
    .msie .cml4csit02 .desc .message { height: 110px; }
}
@media (min-width: 1121px) {
    /* 1120 이상 PC */
    .cml4csit02 button.btn-next { left: 50%; right: auto; margin-left: 516px; }
    .cml4csit02 button.btn-prev { left: auto; right: 50%; margin-right: 516px; }
}


/* 기획에서 삭제 [cml4cpit02] Common Multi Line 4Column Paging Image Text Type02 */
.cml4cpit02 .cml4cpit02_wrap {  }
.cml4cpit02 .main_title { margin-bottom: 20px; }
.cml4cpit02 .grid { margin-top: -40px; }
.cml4cpit02 .col { margin-top: 40px; }
.cml4cpit02 .module {  }
.cml4cpit02 .core {  }
.cml4cpit02 .action { margin-top: 10px; }
.cml4cpit02 .action a { display: block; width: 100%; }
.cml4cpit02 .desc { margin-top: 15px; }
.cml4cpit02 .desc .row_title { margin-bottom: 10px; }
.cml4cpit02 .desc .row_title { /* title ellipsis */
    overflow: hidden;
    height: 38px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
.cml4cpit02 .desc .message { margin-top: 15px; }
.cml4cpit02 .desc .message { /* message ellipsis */
    overflow: hidden;
    height: 75px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.cml4cpit02 .desc .list_bullet_dot { overflow: hidden; height: 80px; }
.cml4cpit02 .desc .list_bullet_dot li { margin-top: 0; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cml4cpit02 {  }
    .cml4cpit02 .cml4cpit02_wrap {  }
    .cml4cpit02 .main_title { margin-bottom: 30px; }
    .cml4cpit02 .grid { margin-top: -60px; }
    .cml4cpit02 .col { margin-top: 60px; }
    .cml4cpit02 .core {  }
    .cml4cpit02 .action { margin-top: 20px; }
    .cml4cpit02 .desc { margin-top: 25px; }
    .cml4cpit02 .desc .row_title { height: 48px; }
    .cml4cpit02 .desc .message { height: 105px; }
    .msie .cml4cpit02 .desc .message { height: 110px; }
    .cml4cpit02 .grid + .ui_paging { margin-top: 80px; }
}

/* CML4CITE02 컴포넌트만 사용 */
/* [CML4CITE02] Common Multi Line 4Column Image Text Expanding Type02 */
.cml4cite02 .cml4cite02_wrap {  }
.cml4cite02 .main_title,
.cml4cite02 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.cml4cite02 .grid { margin-top: -40px; }
.cml4cite02 .col { margin-top: 40px; }
.cml4cite02 .col .module { margin-top: 0; margin-bottom: 0; }
.cml4cite02 .core {  }
.cml4cite02 .action { margin-top: 10px; }
.cml4cite02 .action a { display: block; width: 100%; }
.cml4cite02 .desc { margin-top: 15px; }
.cml4cite02 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
/* title ellipsis
.cml4cite02 .desc .row_title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    height: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    }
*/
.cml4cite02 .desc .message { margin-top: 15px; }
/* message ellipsis
.cml4cite02 .desc .message {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.cml4cite02 .desc .list_bullet_dot { overflow: hidden; height: 80px; } */
.cml4cite02 .desc .list_bullet_dot li { margin-top: 0; }
.cml4cite02 .action_more { text-align: center; margin-top: 60px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .cml4cite02 .grid_4 .col:nth-child(2n+1) { clear: both; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .cml4cite02 {  }
    .cml4cite02 .cml4cite02_wrap {  }
    .cml4cite02 .main_title,
    .cml4cite02 .sub_title { margin-bottom: 30px; }
    .cml4cite02 .grid_4 .col:nth-child(4n+1),
    .cml4cite02 .grid_3 .col:nth-child(3n+1),
    .cml4cite02 .grid_2 .col:nth-child(2n+1) { clear: both; }
    /* .cml4cite02 .grid { margin-top: -60px; }
    .cml4cite02 .col { margin-top: 60px; } 20180225 정윤진, 디자인 간격 수정 요청 처리 */
    .cml4cite02 .core {  }
    .cml4cite02 .action { margin-top: 20px; }
    .cml4cite02 .desc { margin-top: 25px; }
    /*.cml4cite02 .desc .row_title { height: 48px; }
    .cml4cite02 .desc .message,
    .cml4cite02 .desc .list_bullet_dot { height: 105px; }*/
    /*.cml4cite02 .desc .row_title { height: 24px; }*/
    /*.msie .cml4cite02 .desc .message { height: 110px; }*/
    .cml4cite02 .grid + .action_more { margin-top: 80px; }
}


/* ---- 프리코드 ---- */
/* Modern Premium */
.text_with_bg { position: relative; zoom: 1; color: #000; -webkit-background-size: cover; background-size: cover; }
.text_with_bg.text_white { color: #fff; }
.text_with_bg .desc { position: relative; z-index: 2; display: table; }
.text_with_bg .desc .module { display: table-cell; padding: 100px 50px; }
.text_with_bg .item { margin-top: 40px; }
.text_with_bg .item:first-child { margin-top: 0; }
.text_with_bg .row_title { margin-bottom: 15px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .text_with_bg .item { margin-top: 30px; }
    .text_with_bg .desc .module { padding: 50px 15px; }
    .text_with_bg .row_title { margin-bottom: 10px; }
}

/* 파워트레인 - 엔진 라인업    */
.engin_lineup_wrap { overflow: hidden; }
.engine_lineup { margin-top: 50px; }
.engine_lineup.has_border { padding-top: 50px; border-top: 1px solid #e4dcd3; }
.engine_lineup .row_title { margin-bottom: 20px; }
.engine_lineup .grid { margin-top: -40px; margin-bottom: 0; }
.engine_lineup .grid .module { margin-top: 0; margin-bottom: 0; }
.engine_lineup .col  { margin-top: 40px; text-align: center; color: #000; font-family: "TextReular"; font-size: 14px; }
.engine_lineup .core {  }
.engine_lineup .desc { display: block; margin-top: 10px; }
.engine_lineup .upper  {  }
.engine_lineup .downer { position: relative; zoom: 1; margin-top: 20px; padding-top: 40px; }
.engine_lineup .downer::before,
.engine_lineup .downer::after  { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; }
.engine_lineup .downer::before { width: 10px; height: 10px; margin-left: -4px; background-color: #e4dcd3; border-radius: 100%; }
.engine_lineup .downer::after  { height: 40px; width: 1px; background-color: #e4dcd3; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .engine_lineup .grid_2 .col,
    .engine_lineup .grid_3 .col,
    .engine_lineup .grid_4 .col { width: 50%; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .engin_lineup_wrap {  }
    .engine_lineup.has_border { padding-top: 80px; }
    .engine_lineup { margin-top: 80px; }
    .engine_lineup .grid { margin-top: -60px; max-width: 730px; }
    .engine_lineup .col  { margin-top: 60px; }
}

/* Heritage 연대를 나타내는 탭 메뉴 */
.generation_tabs {  }
.generation_tabs li a:before { display: none; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .generation_tabs { padding-top: 20px; }
    .generation_tabs .core { display: none; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .generation_tabs { padding: 20px 0 80px; background-color: #f6f3f2; }
    .generation_tabs .generation_tabs_wrap {  }
    .generation_tabs [class*="tab_menu"][class*="_02"]:after { display: none; }
    .generation_tabs .tab_menus { overflow: hidden; height: auto; max-width: inherit; width: auto; margin: -20px -4px 0; display:flex;flex-direction:row; flex-wrap:wrap;}/*220704 modify*/
    .generation_tabs .tab_menus li { float: left; width: 16.666%; padding: 0; margin-top:20px;} /*220704 modify*/
    /*.generation_tabs .tab_menus li:nth-child(n+7){margin-top: 20px}/*200716 장미 add*/
    .generation_tabs .tab_menus li a { display: block; margin: 0 4px; padding: 0; }
    .generation_tabs .desc { display: block; padding: 15px 0; font-family: 'HeadMedium'; font-size: 20px; color: #fff; background-color: #002c5f; text-align: center; }
    .generation_tabs .on a:after { display: none; }
}

/* N의 가능성 */
.n_vision {  }
.n_vision .core {  }
.n_vision .grid { margin-top: 5px; }
.n_vision .col  { margin-top: 35px; }
.n_vision .col .module { margin-top: 0; margin-bottom: 0; }
.n_vision .desc {  }
.n_vision .desc .row_title span { display: inline-block; vertical-align: middle; }
.n_vision .desc .row_title .number { display: inline-block; margin-right: 8px; width: 24px; height: 24px; line-height: 24px; border-radius: 100%; background-color: #032c60; color: #fff; font-family: 'TextReular'; font-size: 12px; text-align: center; letter-spacing: 0; }
.n_vision .grid .desc .message { margin-top: 15px; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
}

/* 더 브릴리언트 모터 페스티벌 - KSF 2라운드 결과 */
.brilliant_ksf {  }
.brilliant_ksf .body { margin-top: 25px; }


/*  단체 관람 신청서*/
.group_visitors {  }
@media (max-width: 767px) {
    /* 767 미만 mobile */
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .group_visitors .group_view .col { display: table-cell; position: relative; zoom: 1; padding-bottom: 75px; }
    .group_visitors .group_view .action { position: absolute; left: 0; bottom: 0; width: 100%; }
}

/* heritage-model 버튼간격 */
.heritage_model_button { padding: 40px 0 0; text-align: center; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .heritage_model_button { padding-top: 60px;}
}
/* ============================ [ additional.a.css ] ============================ */
.bottom_spacer { padding-top: 100px; }
@media screen and (max-width: 767px) {
    /* 20180112 정윤진, 모바일 간격 수정
    .bottom_spacer { padding-top: 100px; } */
    .bottom_spacer { padding-top: 50px; }
}
/* title 공통 */
.section_title { margin: 0; padding: 0 0 40px 0; text-align: center; color: #000; overflow: hidden; word-break: keep-all; width: auto !important; }
.section_title .main_title,
.section_title .sub_title,
.section_title .row_title { margin: 80px 0 20px 0; }
.section_title .main_title small { display: block; margin-top: 20px; }
.section_title p { margin-top: 20px; padding: 0; font-family: 'TextMedium'; line-height: 1.8; }
.section_title.pd_0 {padding:0;}
@media screen and (min-width: 1119px){
    /* 1120 미만 desktop */
    .section_title { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 767px){
    /* 20180110 정윤진, 모바일 간격 조정
    .section_title { padding: 40px 0; }
    .section_title { padding: 50px 0 25px; }
    .section_title  p { margin-top: 10px; } */
    .section_title { padding: 50px 0 35px; }
    .section_title .main_title,
    .section_title .sub_title,
    .section_title .row_title { margin: 0; }
    .section_title p { margin-top: 20px; }
}

/* ir 공통 main_title만 있을 경우 사용 */
.ir_main_title { margin: 80px 0 0; }
@media screen and (max-width: 767px){
    .ir_main_title { margin: 50px 0 0; }
}
/* ir 주식 */
.stock_comparison { margin-top: 50px; overflow: hidden; font-family: 'TextRegular'; color: #000; letter-spacing: -.025em; }
.stock_comparison .grid { margin: 0 -10px; }
.stock_comparison .module { margin: 0 10px; }
.stock_comparison .upper { padding: 20px 0; background-color: #f6f3f2; border-top: 1px #e4dcd3 solid; border-bottom: 1px #e4dcd3 solid; }
.stock_comparison .downer { padding: 15px 30px; border-bottom: 1px #e4dcd3 solid; }
.stock_comparison .upper .table { display: table; width: 100%; height: 108px; }
.stock_comparison .upper .table .row { display: table-row; }
.stock_comparison .upper .table .cell { display: table-cell; vertical-align: middle; }
.stock_comparison .subject { padding-left: 30px; color: #000; font-family:'TextMedium'; font-size: 16px; }
.stock_comparison .value { padding-right: 30px; font-size: 22px; text-align: right; }
.stock_comparison li { position: relative; height: 45px; line-height: 45px; text-align: right; }
.stock_comparison li .subject { position: absolute; left: -30px; top: 0; }
.stock_comparison .today .value { font-family:'HeadMedium'; font-size: 40px; color: #006992; }
.stock_comparison .icon { display: inline-block; margin: 0 5px; width: 12px; height: 12px; background-position: center center; background-repeat: no-repeat; vertical-align: middle; }
@media screen and (max-width: 1023px){
    .stock_comparison .upper { padding: 10px 0; }
    .stock_comparison .upper .table { height: auto; }
    .stock_comparison .upper .table .cell { padding-top: 10px; padding-bottom: 10px; }
    .stock_comparison li { font-size: 14px; height: 30px; line-height: 30px; }
    .stock_comparison .subject { padding-left: 15px; font-size: 12px; }
    .stock_comparison .value { padding-right: 15px; }
    .stock_comparison .today .value { font-size: 25px; font-family:'HeadRegular'; }
    /* 20180110 정윤진, 모바일 간격
    .stock_comparison .col { margin-bottom: 30px; } */
    .stock_comparison .col { margin-bottom: 40px; }
    .stock_comparison .col:last-child { margin-bottom: 0px; }
}

/* IR 실시간 주가 */
.rt_stock_price .icon.up {background-image:url(../../../../../../content/dam/hyundai/kr/ko/images/company-intro/ir-information/stock-information/icon-value-up.png); }
.rt_stock_price .icon.down {background-image:url(../../../../../../content/dam/hyundai/kr/ko/images/company-intro/ir-information/stock-information/icon-value-down.png); }
.rt_stock_price .icon.same {background-image:url(../../../../../../content/dam/hyundai/kr/ko/images/company-intro/ir-information/stock-information/icon-value-same.png); }
.rt_stock_price .section_chart { margin-top: 80px; padding: 120px 0; }
@media screen and (max-width: 1023px) {
    /* 20180110 정윤진, 모바일 간격
    .rt_stock_price .section_chart { width: auto; margin: 40px -15px -40px -15px; padding: 50px 15px; } */
    .rt_stock_price .section_chart { width: auto; margin: 50px -15px -50px -15px; padding: 50px 15px; }
}
.rt_stock_price .section_chart_table.centered { margin-top: 100px; padding-bottom: 120px; }
.rt_stock_price .section_chart_table td { padding-left: 30px; padding-right: 30px; text-align: right; color: #000; }
.rt_stock_price .section_chart_table td:first-child { padding-right: 0; padding-left: 0; text-align: center; }
.rt_stock_price .section_chart_table td span { display: block; position: relative; }
.rt_stock_price .section_chart_table td span .icon { display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 12px; height: 12px; background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 767px) {
    /* 20180110 정윤진, 모바일 간격 수정
    .rt_stock_price .section_chart_table { padding-bottom: 30px; } */
    .rt_stock_price .section_chart_table.centered { margin-top: 50px; padding-bottom: 0; }
    .rt_stock_price .section_chart_table td { padding-left: 10px; padding-right: 10px; }
}

/* IR FAQ */
.faq_list .section.centered { padding: 100px 0; }
.faq_list dt b { position: relative; padding-left: 60px !important; }
.faq_list dt b::before { content: 'Q'; position: absolute; left: 30px; top: 25px; }
.faq_list dd { position: relative;  }
.faq_list dd::before { content: 'A'; position: absolute; left: 30px; top: 30px; font-size: 20px; color: #000; font-family: 'TextMedium'; }
@media screen and (max-width: 767px) {
    .faq_list dt b::before,
    .faq_list dd::before { display: none; }
    .faq_list dt b.title { padding: 13px 0 20px 13px !important; }
    .faq_list dd { line-height: 1.4; }
    .faq_search { margin-bottom: 20px; }
    .faq_search .utill .module { overflow: hidden; margin-left: -5px; }
    .faq_search .utill .module .select_wrap { float: left; width: calc(70% - 10px); min-width: initial; margin: 0 5px; }
    .faq_search .utill .module .btn_md_primary { float: right; width: 30%; }
}

/* 지속가능경영 */
.csm_preview_system { padding-top: 100px; text-align: center; }
.csm_preview_system .csm_tab { margin-top: 80px; word-break: keep-all; }
.csm_preview_system .csm_tab a { display: inline-block; width: 160px; height: 160px; line-height: 160px; background-color: #ece6e0; border-radius: 100%; font-size: 20px; font-family: "HeadMedium"; }
.csm_preview_system .csm_tab a:hover { background-color: #002c5f; color: #fff; }
.csm_preview_system .csm_tab a span { display: inline-block; vertical-align: middle; line-height: 1.2; }
@media screen and (max-width: 767px) {
    .csm_preview_system { padding: 50px 0; }
    .csm_preview_system .csm_tab { margin-top: 30px; }
    .csm_preview_system .csm_tab a { margin: 10px 0; width: 120px; height: 120px; line-height: 120px; font-size: 14px; color: #000; }
    .csm_preview_system .csm_tab a span { display: inline-block; vertical-align: middle; line-height: 1.2; }
}

/* csm_system_items 지속경영개편 반영 후 삭제 예정 : 2018-09-13 이지혜 */
.csm_system_items { margin-top: 120px; padding: 60px 0; background: #f6f3f2; }
@media screen and (max-width: 767px) {
    .csm_system_items { margin-top: 50px; padding: 50px 0 25px; }
}

/* 지속가능경영 슬라이더 
.csm-slider .csm_system_item_wrap { display: table; width: 100%; text-align: left; }
.csm-slider .csm_system_item_wrap .core,
.csm-slider .csm_system_item_wrap .desc { display: table-cell; vertical-align: middle; }
.csm-slider .csm_system_item_wrap .core { width: 58%; }
.csm-slider .csm_system_item_wrap .core .module { /*max-width: 600px;*margin-right:50px; }
.csm-slider .csm_system_item_wrap .core .module a {display:block;}
.csm-slider .csm_system_item_wrap .desc { width: 42%; }
.csm-slider .csm_system_item_wrap .desc .module { margin-right: 75px; }
.csm-slider .csm_system_item_wrap .desc h3 { margin: 0 0 25px 0; font-size: 30px; color: #000; font-family: "HeadMedium"; }
.csm-slider .csm_system_item_wrap .desc p { margin: 0; font-size: 16px; color: #000; line-height: 1.6; }
.csm-slider .csm_system_item_wrap .desc p.btns {margin-top:45px;}
/* 20180117 정윤진, 디자인 추가, 수정 *
.csm_slide_wrap.pd_md .csm_system_item_wrap { background-color: #f6f3f2; }
.csm-slider .csm_system_item_wrap .desc p.text { font-size: 20px; }
.csm-slider .csm_system_item_wrap .desc p.cite { font-size: 16px; } /* &desgin 20180120 정윤진, 디자인 반영 *
@media screen and (max-width: 767px) {
    /* 20180117 정윤진, 디자인 추가, 수정 *
    .csm_slide_wrap.pd_md { padding-right: 0; padding-left: 0; padding-bottom: 0; }
    .csm_slide_wrap.pd_md .csm_system_item_wrap .desc { padding: 0 15px 50px; }
    .csm-slider .csm_system_item_wrap { display: block; width: auto; text-align: left; }
    .csm-slider .csm_system_item_wrap .core,
    .csm-slider .csm_system_item_wrap .desc { display: block; width: auto; margin: 0 15px; /* margin: 0 15px; 20180110 정윤진, 간격 복구 * }
    .csm-slider .csm_system_item_wrap .core { margin-bottom: 25px; } /* 20180118 정윤진, 모바일 간격 *
    .pd_md .csm-slider .csm_system_item_wrap .core,
    .pd_md .csm-slider .csm_system_item_wrap .desc { margin-left: 0; margin-right: 0; } /* 20180111 정윤진, 모바일 간격 추가 *
    .csm-slider .csm_system_item_wrap .core .module {margin:0;}
    .csm-slider .csm_system_item_wrap .desc .module { margin-right: 0; }
    .csm-slider .csm_system_item_wrap .desc h3 { margin: 0 0 10px 0; font-size: 20px; }
    .csm-slider .csm_system_item_wrap .desc p { font-size: 14px; line-height: 1.6; }
    /* 20180117 정윤진, 디자인 수정 *
    .csm-slider .csm_system_item_wrap .desc p.text { font-size: 16px; }
    .csm-slider .csm_system_item_wrap .desc p.cite { font-size: 14px; }
}*/

/* 지속가능경영 메인 */
/* &design 20180120 정윤진, 디자인 수정
.csm_preview_local { padding-top: 150px; }
.csm_preview_local .items_link { margin-top: 80px; padding-bottom: 100px; }
.csm_preview_local .items_link .grid { margin: -120px -15px 0 -15px; }
.csm_preview_local .items_link .grid .module { margin: 120px 15px 0 15px; }
.csm_preview_local .items_link a { display: block; }
.csm_preview_local .items_link span { display: block; margin-top: 30px; font-size: 20px; color: #000; font-family: "HeadMedium"; } */
.csm_preview_local { padding: 80px 0 0; }
.csm_preview_local .sub_title { margin-bottom: 30px; }
.csm_preview_local .items_link { padding-bottom: 80px; }
.csm_preview_local .items_link .grid { margin: 0; }
.csm_preview_local .items_link .grid .module { padding: 0 18px 0 0; }
.csm_preview_local .items_link a { display: block; }
.csm_preview_local .items_link span.subject { display: block; margin-top: 20px; }
.csm_preview_local .items_summary { padding-bottom: 80px; }
.csm_preview_local .items_summary .item  { overflow: hidden; }
.csm_preview_local .items_summary .item:nth-child(odd) { background-color: #f6f3f2; }
.csm_preview_local .items_summary .grid { margin: 60px 40px; }
.csm_preview_local .items_summary .core { float: left;  width: 46%; }
.csm_preview_local .items_summary .core .module { margin-right: 40px; }
.csm_preview_local .items_summary .desc { float: left;  width: 54%; }
.csm_preview_local .items_summary h3 { margin: 0 0 25px 0; font-size: 30px; color: #000; font-family: "HeadMedium"; line-height: 1.2; letter-spacing: -.025em; }
.csm_preview_local .items_summary p { margin: 0; font-size: 16px; color: #000; line-height: 1.6; }
.csm_preview_local .items_summary .action { margin-top: 50px; }
@media screen and (max-width: 767px) {
    .csm_preview_local { padding-top: 0; }
    .csm_preview_local .sub_title { margin-left: 15px; margin-bottom: 0px; padding-bottom: 0; }
    /* 20180110 정윤진, 모바일 간격
    .csm_preview_local .items_link { margin: 20px 15px 0 15px; padding-bottom: 30px; }
    .csm_preview_local .items_link .grid { margin: -30px -10px 0 -10px; } */
    .csm_preview_local .items_link { margin: 0px 15px 0 15px; padding-bottom: 50px; } /* &design 20180120 정윤진, 디자인 반영 margin top 수정 */
    .csm_preview_local .items_link .grid { margin: -25px -10px 0 -10px; }
    /* 20180110 정윤진. 모바일 간격 수정
    .csm_preview_local .items_link .grid .module { margin: 30px 10px 0 10px; }
    .csm_preview_local .items_link span { margin-top: 10px; font-size: 14px; } */
    .csm_preview_local .items_link .grid .module { margin: 40px 10px 0 10px; padding: 0; } 
    .csm_preview_local .items_link span { margin-top: 25px; font-size: 14px; }
    .csm_preview_local .items_summary { padding-bottom: 50px; }
    /* 20180110 정윤진, 모바일 간격
    .csm_preview_local .items_summary .grid { margin: 30px 15px; }*/
    .csm_preview_local .items_summary .grid { margin: 50px 15px; }
    .csm_preview_local .items_summary .core,
    .csm_preview_local .items_summary .desc { float: none;  width: auto; }
    .csm_preview_local .items_summary .core .module { margin-right: 0; }
    .csm_preview_local .items_summary .core img { width: 100%; }
    /* 20180110 정윤진, 모바일 간격
    .csm_preview_local .items_summary h3 { margin: 20px 0 10px 0; font-size: 20px; }
    .csm_preview_local .items_summary .action { margin-top: 30px; } */
    .csm_preview_local .items_summary h3 { margin: 25px 0 10px 0; font-size: 20px; }
    .csm_preview_local .items_summary p { font-size: 14px;  }
    .csm_preview_local .items_summary .item:last-child .grid { margin-bottom: 0; }
    .csm_preview_local .items_summary .action { margin-top: 35px; }
}

/* 지속가능경영 */
.csm_system { word-break: keep-all; overflow: hidden; }
.csm_system h2 { margin: 100px 0 80px 0; }
.csm_system .sub_title { margin-top: 120px; text-align: center; }
.csm_system p { margin-top: 20px; line-height: 1.6; }
.csm_system .section.centered { overflow: hidden; }
@media screen and (max-width: 767px) {
    .csm_system h2 { margin: 50px 0 20px 0; } 
    .csm_system .sub_title { margin-top: 50px; }
    /* 20180110 정윤진, 모바일 간격 추가 */
    .csm_system .main_title + p { padding-top: 0; }
    .csm_system p { margin-top: 15px; } 
}
@media screen and (max-width: 1150px) {
    .padder-sm { margin-left: 15px; margin-right: 15px;}
    .padder-sm:not(.over-visible-sm) { overflow: hidden; }
}
@media screen and (min-width: 768px) {
    .csm_system p { margin-top: 30px; font-size: 16px; line-height: 1.8; }
}

.csm_system .cvs_worth { position: relative; margin-top: 50px; text-align: left; color: #000; overflow: hidden; }
.csm_system .cvs_worth .grid { border-top: 1px #e4dcd3 solid; border-bottom: 1px #e4dcd3 solid; }
.csm_system .cvs_worth .module { margin: 0 150px; padding: 60px 0; }
.csm_system .cvs_worth h5 { margin: 0; text-align: left; }
.csm_system .cvs_worth::before { display: block; content: '+'; position: absolute; top: 70px; left: 50%; margin-left: -13px; font-size: 46px; font-family: "HeadMedium"; }
.csm_system .cvs_worth ul { margin-top: 20px; }
.csm_system .cvs_worth .tip { text-align: right; margin-top: 15px;  }
@media screen and (max-width: 767px) {
    .csm_system .cvs_worth { margin-top: 30px; }
    .csm_system .cvs_worth .grid { margin: 0 -25px; }
    /* 20180111 정윤진, 모바일 간격
    .csm_system .cvs_worth .module { margin: 0 25px; padding: 20px 0; } */
    .csm_system .cvs_worth .module { margin: 0 25px; padding: 35px 0; }
    .csm_system .cvs_worth::before { margin-left: -7px; font-size: 26px; }
    .csm_system .cvs_worth h5 { font-size: 16px; }
    .csm_system .cvs_worth p { margin: 0; }
    .csm_system .cvs_worth ul { margin-top: 0; }
}

.csm_system .sns-link { margin-top: 20px; text-align: right; font-family: 'TextMedium'; }

/* 지속가능경영 경영철학 */
.csm_system.about_a .philosophy .diagram { margin-top: 120px; padding: 80px 0; border: 1px #ece6e0 solid; }
.csm_system.about_a .philosophy .diagram .grid .module { margin: 0 40px; }
.csm_system.about_a .philosophy .diagram .core { display: block; margin: 0 auto; width: 160px; height: 160px; line-height: 160px; text-align: center; color: #000; font-family: "HeadMedium"; font-size: 20px; border-radius: 100%; background-color: #ece6e0; }
.csm_system.about_a .philosophy .diagram ul { margin-top: 25px; font-size: 14px; color: #000; }
.csm_system.about_a .vision .slogan { position: relative; margin-top: 120px; padding: 50px 200px 50px 290px; border: 1px #ece6e0 solid; }
.csm_system.about_a .vision .slogan h3 { font-family: "HeadMedium"; font-size: 30px; color: #000; }
.csm_system.about_a .vision .slogan p { margin-top: 0; }
.csm_system.about_a .vision .slogan .core { font-family: "HeadMedium"; font-size: 30px; color: #000; }
.csm_system.about_a .vision .slogan .desc { margin-bottom: 30px; font-family: "HeadRegular"; font-size: 20px; color: #000; }
.csm_system.about_a .vision .diagram { padding-top: 150px; margin-bottom: 120px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/sustain-manage/manage-system/icon-vision-way.png') no-repeat center 60px; }
.csm_system.about_a .vision .diagram h4 { font-family: "HeadMedium"; font-size: 30px; color: #000; text-align: center; }
.csm_system.about_a .vision .diagram .grid { margin: 40px -15px 0 -15px; }
.csm_system.about_a .vision .diagram .grid .module { margin: 0 15px; min-height: 270px; background-color: #f8f5f4; overflow: hidden; }
.csm_system.about_a .vision .diagram h5 { margin-top: 60px; font-family: "HeadMedium"; font-size: 20px; color: #000; text-align: center; }
.csm_system.about_a .vision .diagram .list_bullet_dot { margin: 25px 0 0 70px; font-size: 14px; color: #000; }
.csm_system.about_a .vision .summary { margin-top: 120px; }
.csm_system.about_a .vision .summary .item { margin-top: 40px; }
.csm_system.about_a .vision .summary .item:first-child { margin-top: 0; }
.csm_system.about_a .vision .summary h5 {font-family: "HeadMedium"; font-size: 20px; color: #000; }
.csm_system.about_a .vision .summary p { margin-top: 15px; }
.csm_system.about_a .worth { padding-bottom: 100px; } /* 20180129 정윤진, 간격 수정 */
.csm_system.about_a .worth .diagram { margin-top: 120px; }
.csm_system.about_a .worth .diagram .grid { margin: 0 -15px; }
.csm_system.about_a .worth .diagram .module { margin: 0 15px; }
.csm_system.about_a .worth .diagram .core { margin-top: 30px; font-family: "HeadMedium"; font-size: 20px; color: #000; }
.csm_system.about_a .worth .diagram .desc { margin-top: 10px; }
@media screen and (max-width: 767px) {
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_a .philosophy .diagram { margin-top: 40px; padding: 5px 20px 40px 20px;} */
    .csm_system.about_a .philosophy .diagram { margin-top: 45px; padding: 5px 20px 40px 20px;}
    .csm_system.about_a .philosophy .diagram .grid .module { margin: 35px 0 0; }
    .csm_system.about_a .philosophy .diagram .core { width: 100px; height: 100px; line-height: 100px; font-size: 14px; }
    .csm_system.about_a .philosophy .diagram ul { margin-top: 10px; font-size: 14px; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_a .vision .slogan { margin-top: 40px; padding: 40px 20px; text-align: center; } */
    .csm_system.about_a .vision .slogan { margin-top: 45px; padding: 40px 20px; text-align: center; }
    .csm_system.about_a .vision .slogan .core { margin-top: 20px; font-size: 18px; line-height: 1.2; }
    .csm_system.about_a .vision .slogan .desc { margin-bottom: 40px; font-size: 16px; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_a .vision .diagram { padding-top: 100px; margin-bottom: 0; background-position: center 50px; } */
    .csm_system.about_a .vision .diagram { padding-top: 120px; margin-bottom: 0; background-position: center 40px; }
    .csm_system.about_a .vision .diagram h4 { font-size: 25px; }
    .csm_system.about_a .vision .diagram .grid { margin: 30px 0 0; }
    .csm_system.about_a .vision .diagram .grid .module { margin: 5px 0; padding: 40px; min-height: auto; }
    .csm_system.about_a .vision .diagram h5 { margin-top: 0; font-size: 16px; }
    .csm_system.about_a .vision .diagram .list_bullet_dot { margin: 10px 0 0; font-size: 12px; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_a .vision .summary { margin-top: 30px; } */
    .csm_system.about_a .vision .summary { margin-top: 40px; }
    .csm_system.about_a .vision .summary .item { margin-top: 25px; }
    .csm_system.about_a .vision .summary .pic { text-align: left; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_a .vision .summary h5 { margin-top: 10px; font-size: 16px; }
    .csm_system.about_a .vision .summary p { margin-top: 10px; } */
    .csm_system.about_a .vision .summary h5 { margin-top: 25px; font-size: 16px; }
    .csm_system.about_a .vision .summary p { margin-top: 15px; }
    .csm_system.about_a .worth { padding-bottom: 50px; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_a .worth .diagram { margin-top: 50px; }
    .csm_system.about_a .worth .diagram .col { margin-bottom: 40px; }
    .csm_system.about_a .worth .diagram .col:first-child { margin-top: 0; } */
    .csm_system.about_a .worth .diagram { margin-top: 0; }
    .csm_system.about_a .worth .diagram .col { float: none; display: inline-block; margin: 40px -5px 0 0; vertical-align: top; }
    .csm_system.about_a .worth .diagram picture { display: block; margin: 0; width: 70px; height: 28px; }
    .csm_system.about_a .worth .diagram .core { margin-top: 10px; font-size: 16px; text-align: left; }
}
@media screen and (min-width: 768px) {
    .csm_system.about_a .vision .slogan h3 { position: absolute; top: 50%; left: 50px; margin-top: -20px; }
    .csm_system.about_a .vision .summary .item { position: relative; padding-left: 290px; min-height: 180px; }
    .csm_system.about_a .vision .summary .pic { position: absolute; top: 0; left: 0; }
}


/* 지속가능경영 사회책임경영 */
.csm_system.about_b .slogan { margin-top: 40px; padding: 50px 0; text-align: center; color: #000; background-color: #f8f5f4; }
.csm_system.about_b .slogan .core { margin-top: 0; font-family: "HeadRegular"; font-size: 28px; }
.csm_system.about_b .slogan .desc { margin-top: 0px; font-family: "HeadMedium"; font-size: 20px;  }
.csm_system.about_b .diagram { margin: 60px 0 150px 0; text-align: center; }
@media screen and (max-width: 767px) {
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_b .slogan { margin-top: 20px; padding: 20px 0; } */
    .csm_system.about_b .slogan { margin-top: 25px; padding: 20px 0; }
    .csm_system.about_b .slogan .core { font-size: 20px; }
    .csm_system.about_b .slogan .desc { font-size: 16px;  }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_b .diagram { margin: 50px 0; } */
    .csm_system.about_b .diagram { margin: 40px 0 50px; }
}

/* 지속가능경영 윤리경영 */
.csm_system.about_c .history { margin: 15px 0 50px; overflow: hidden; background-color: #f6f3f2; }
.csm_system.about_c .history .grid { margin: 30px 20px; }
.csm_system.about_c .history .item { position: relative; zoom: 1; margin-top: 20px; padding-left: 60px; }
.csm_system.about_c .history .item:first-child { margin-top: 0; }
.csm_system.about_c .history h3 { position: absolute; top: 0; left: 0; width: 60px; font-family: "HeadMedium"; font-size: 20px; color: #000; }
@media screen and (min-width: 768px) {
    .csm_system.about_c .history { margin: 80px 0; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_c .history .grid { margin: 80px 30px; }*/
    .csm_system.about_c .history .grid { margin: 40px 15px; }
    .csm_system.about_c .history .grid .module { margin: 0 30px; }
    .csm_system.about_c .history .item { margin-top: 50px; padding-left: 75px; }
    .csm_system.about_c .history h3 { font-size: 26px; }
}

/* 지속가능경영 준법경영 */
.csm_system.about_d { margin-bottom: 100px; }
.csm_system.about_d .slogan { margin: 120px 0; }
.csm_system.about_d h3 { margin: 120px 0 40px 0; font-family: "HeadMedium"; font-size: 20px; color: #000; }
.csm_system.about_d .shedding { font-size: 20px; color: #000; font-family: "HeadMedium"; }
.csm_system.about_d .shedding .date { color:  #626262; font-size: 16px; }
@media screen and (max-width: 767px) {
    .csm_system.about_d { margin-bottom: 50px; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_d .slogan { margin: 50px 0; } */
    .csm_system.about_d .slogan { margin: 40px 0; border: 1px solid #ece6e0; }
    .csm_system.about_d h3 { margin: 50px 0 15px 0; font-size: 16px; }
    .csm_system.about_d .shedding { font-size: 14px; }
    .csm_system.about_d .shedding .date { font-size: 12px; }
}

/* 지속가능경영 소개 이해관계자 커뮤니케이션 */
.csm_system.about_f .tbl_wrap { margin-top: 50px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .csm_system.about_f .tbl_wrap { margin-top: 40px; }
}

/* 지속가능경영 소개 리스크경영 */
.csm_system.about_e { margin-bottom: 100px; }
.csm_system.about_e .diagram { margin-top: 50px; text-align: center; font-family: 'TextMedium'; }
.csm_system.about_e .diagram .grid { margin: 0 -10px; }
.csm_system.about_e .diagram .col .module { margin: 0 10px; }
.csm_system.about_e .diagram p { margin: 0; height: 50px; line-height: 50px; color: #000; }
.csm_system.about_e .diagram .core { margin: 0 0 15px 0; height: 60px; line-height: 60px; color: #fff; font-size: 20px; background-color: #002c5f; }
.csm_system.about_e .diagram .desc { margin: 5px 10px; font-size: 16px; background-color: #e6e7e8; }
.csm_system.about_e .diagram .col-1-7 { width: 14.28571428571429%; }
.csm_system.about_e .diagram_c { margin-top: 60px; padding: 30px 0; border-top: 1px #e4dcd3 solid; border-bottom: 1px #e4dcd3 solid; }
.csm_system.about_e .diagram_c .desc { background-color: #ece6e0; }
.csm_system.about_e .diagram_c .d1,
.csm_system.about_e .diagram_c .d2 { width: 8%; }
.csm_system.about_e .diagram_c .d1 { color:#000; font-size: 20px; background-color: #cec8bf; }
.csm_system.about_e .diagram_c .d2 { }
.csm_system.about_e .diagram_c .d2 .module { margin-right: 10px; padding-right: 10px; height: 60px; line-height: 60px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/sustain-manage/manage-system/icon-csm-system-4-arrow-pc.png') no-repeat right center; }
.csm_system.about_e .diagram_c .d3 { padding: 10px 0; background-color: #f6f3f2; }
.csm_system.about_e .diagram_c .grid .col:first-child p { color: #002c5f; }
.csm_system.about_e .diagram_c .loop.nth-child-2 { margin: 10px 40px; padding: 20px; background-color: #fff; }
.csm_system.about_e .diagram_c .loop.nth-child-2 .grid:first-child { margin-bottom: 20px; }
@media screen and (max-width: 1280px) { /* 20180201 정윤진, 반응사이즈 변경 */
    .csm_system.about_e .diagram .desc { font-size: 14px; } /* 20180129 정윤진, 사이즈일 경우 폰트 넘침 해결 */
}
@media screen and (max-width: 1024px) { /* 20180201 정윤진, 반응사이즈 변경 */
    .csm_system.about_e { margin-bottom: 50px; }
    .csm_system.about_e .diagram { margin-top: 10px; }
    .csm_system.about_e .diagram .grid { margin: 0 -5px; }
    .csm_system.about_e .diagram .col .module,
    .csm_system.about_e .diagram .col .desc { margin-left: 5px; margin-right: 5px; }
    .csm_system.about_e .diagram_a .desc,
    .csm_system.about_e .diagram_b .desc { margin-top: 0; margin-bottom: 10px; }
    .csm_system.about_e .is-natural .desc { height: 110px; line-height: 110px; }
    /* 20180110 정윤진, 모바일 간격 수정
    .csm_system.about_e .diagram_c { margin-top: 40px; } */
    .csm_system.about_e .diagram_c { margin-top: 50px; }
    .csm_system.about_e .diagram_c .cell { display: block; width: 100% }
    .csm_system.about_e .diagram_c .d1 { height: 50px; line-height: 50px; font-size: 16px; }
    .csm_system.about_e .diagram_c .d2 {  }
    .csm_system.about_e .diagram_c .d2 .module { height: 80px; margin: 0 0 15px; padding: 0; text-align: center; background: url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/sustain-manage/manage-system/icon-csm-system-4-arrow-m.png') no-repeat center bottom; -webkit-background-size: 45px auto; background-size: 45px auto; }
    .csm_system.about_e .diagram_c .d3 { padding: 30px 0; clear: both; overflow: hidden; }
    .csm_system.about_e .diagram_c .d3 p { position: relative; height: 35px; margin: 0 0 10px; padding: 10px 0; line-height: 1.2; font-size: 11px; }
    .csm_system.about_e .diagram_c .d3 .loop .col { height: 35px; margin-bottom: 10px; text-align: center; }
    .csm_system.about_e .diagram_c .d3 .loop .col:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
    .csm_system.about_e .diagram_c .d3 .loop p { display: inline-block; width: 80%;  height: auto; vertical-align: middle; margin: 0 auto; padding: 0; background-color: transparent; }
    .csm_system.about_e .diagram_c .d3 .loop { display: block; float: left; width: 25%; margin: 0; }
    .csm_system.about_e .diagram_c .d3 .loop .grid { clear: none; margin: 0; }
    .csm_system.about_e .diagram_c .d3 .loop .col { float: none; width: 100%; }
    .csm_system.about_e .diagram_c .d3 .loop.nth-child-2 { width: 50%; padding: 0 5px; }
    .csm_system.about_e .diagram_c .d3 .loop.nth-child-2 .grid { float: left; width: 50%; margin: 0; padding: 0 5px; }
    .csm_system.about_e .diagram_c .d3 .loop.nth-child-2 .col { height: 35px; margin-bottom: 10px; background-color: #ece6e0; text-align: center; }
    .csm_system.about_e .diagram_c .d3 .loop.nth-child-2 .col:first-child { background: none; }
    .csm_system.about_e .diagram_c .d3 .loop.nth-child-3 .col-1-4:nth-child(3) { height: 125px; }
}

/* 지속가능경영 정책 */
.csm_system .csv_policy_a.section { margin-bottom: 120px; }
.csm_system .csv_policy_b { padding-bottom: 120px; overflow: hidden; }
.csm_system .csv_policy_b h4.row_title { font-family: "HeadRegular"; }
.csm_system .csv_policy_b .way { margin: 60px 0; height: 33px; background-repeat: no-repeat; background-position: center center; }
.csm_system .csv_policy_b .way.up { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/sustain-manage/manage-system/icon-csv-way-up.png'); }
.csm_system .csv_policy_b .way.down { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/sustain-manage/manage-system/icon-csv-way-down.png'); }
/* 20180118 정윤진, 모바일 간격 변경
.csm_system .csv_policy_b .diagram_a .module { margin: 5px 0; padding: 20px 0; color: #000; box-sizing: border-box; background-color: #fff; border: 1px #ece6e0 solid; } */
.csm_system .csv_policy_b .diagram_a .module { margin: 5px 0; padding: 40px 0; color: #000; box-sizing: border-box; background-color: #fff; border: 1px #ece6e0 solid; }
.csm_system .csv_policy_c h2 { margin-bottom: 70px; }
.csm_system .csv_policy_c .diagram p { margin: 5px 0 0; font-family: "HeadRegular"; color: #000; }
@media screen and (max-width: 767px) {
    .csm_system .csv_policy_a.section { margin-bottom: 50px; }
    .csm_system .csv_policy_b { padding-bottom: 40px; } /* 20180111 정윤진, 모바일 간격 추가 */
    .csm_system .csv_policy_b .way { margin: 30px 0; }
    .csm_system .csv_policy_b .way.up,
    .csm_system .csv_policy_b .way.down { -webkit-background-size: 45px auto; background-size: 45px auto; }
    .csm_system .csv_policy_b { padding-bottom: 50px; }
    .csm_system .csv_policy_c h2 { margin-bottom: 0px; }
    .csm_system .csv_policy_c .diagram .module { position: relative; margin: 10px 0 25px; padding: 0 10px; /*padding-left: 120px;*/ min-height: 100px; text-align: center; }
    .csm_system .csv_policy_c .diagram .pic { display: inline-block; width: 100px; }
    .csm_system .csv_policy_c .diagram .icon { position: absolute; left: 0; top: 0; width: 100px; height: 100px; background-size: 100px 100px; }
    .csm_system .csv_policy_c .diagram .core { font-size: 16px; font-family: "HeadMedium"; }
}
@media screen and (min-width: 768px) {
    .csm_system .csv_policy_b .diagram_a .module { margin: 0 15px; padding: 0 10px; min-height: 215px; }
    .csm_system .csv_policy_b .diagram_a h5 { margin-top: 60px; }
    .csm_system .csv_policy_c .diagram { text-align: center; }
    .csm_system .csv_policy_c .diagram .core { margin-top: 40px; font-size: 20px; }
}


/* cvs */
.cvs_story .module { margin-top: 30px; }
.cvs_story a,
.cvs_story span { display: block; color: #000; }
.cvs_story .core { margin-top: 30px; font-size: 20px; font-family: "HeadMedium"; }
.cvs_story .desc { margin-top: 15px; }
.cvs_story img { width: 100%; }
@media screen and (max-width: 767px) {
    /* 20180110 정윤진, 모바일 간격 수정
    .cvs_story .core { margin-top: 15px; font-size: 16px; } */
    .cvs_story .module { margin-top: 40px; }
    .cvs_story .module:first-child { margin-top: 50px; }
    .cvs_story .core { margin-top: 25px; font-size: 16px; }
    .cvs_story .desc { margin-top: 10px; }
}
@media screen and (min-width: 768px) {
    .cvs_story .grid { margin: 0 -15px; }
    .cvs_story .module { margin: 120px 15px 0 15px; }
}

/* 공유가치창출 하위메뉴 */
.cvs_story_view .section_title { padding-top: 20px; padding-bottom: 50px; }
.cvs_story_view .section_title .sub_title { margin: 0; padding: 0; }
.cvs_story_view .desc_wrap { margin-top: -20px; margin-bottom: -20px; }
.cvs_story_view h3.row_title { margin-top: 100px; margin-bottom: -15px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /* 20180111 정윤진, 모바일 간격 수정
    .cvs_story_view h3.row_title { margin-top: 15px; } */
    .cvs_story_view h3.row_title { margin: 50px 0 15px; }
    .cvs_story_view .section_title { padding-top: 10px; padding-bottom: 55px; }
    .cvs_story_view .desc_wrap { margin-top: -15px; margin-bottom: -15px; }
}

/* 이미지 위에 텍스트 위치 */
.inside_text .title { margin-bottom: 70px; text-align: center; font-size: 30px; color: #000; line-height: 1.4; }
.inside_text .title strong { display: block; }
.inside_text .pic { position: relative; }
.inside_text .pic .text-wrap { position: absolute; top: 80px; left: 80px; right: 80px; color: #fff; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .inside_text .pic .text-wrap { left: 0; top: 0; width: 100%; padding: 40px 15px; }
    .inside_text .pic .text-wrap .subtitle { font-weight: bold; font-size: 16px; }
    .inside_text .title { margin-bottom: 20px; font-size: 16px; }
}

/* 공유가치창출 - 양궁 지원 : 지속경영가능 개편으로 삭제예정 2018-10-01
.csm-slider .desc p.cite { margin-top: 30px; color:  #626262; }
.archery_support {  }
@media screen and (max-width: 767px) {
    .csm-slider p.cite { margin-top: 30px; }
    .archery_support .pd_md { padding-bottom: 0; }
    .archery_support .bg_gray { margin-top: 50px; padding-top: 50px; }
    .archery_support .sub_title { margin: 0; padding: 50px 0 30px; }
}*/



/* 회사소개 > 지속가능경영 개편 2018-10-01 */
/* 지속가능경영 공통 - 슬라이더 : 기존 .csm-slider를 csmslider1p1t(Company Sustain Manage Slider 1picture 1Text) 컴포넌트화 시킴 */
.csm-slider .csm_system_item_wrap {display:table; width:100%; text-align:left;}
.csm-slider .csm_system_item_wrap .core,
.csm-slider .csm_system_item_wrap .desc {display: table-cell; vertical-align:middle;}
.csm-slider .csm_system_item_wrap .core {width:58%;}
.csm-slider .csm_system_item_wrap .core .module {margin-right:50px;}
.csm-slider .csm_system_item_wrap .core .module a {display:block;}
.csm-slider .csm_system_item_wrap .desc {width:42%;}
.csm-slider .csm_system_item_wrap .desc .module {margin-right:75px;}
.csm-slider .csm_system_item_wrap .desc h3 {margin:0 0 25px 0; font-size:30px; color:#000; font-family:"HeadMedium";}
.csm-slider .csm_system_item_wrap .desc p {margin:0; font-size:16px; color:#000; line-height:1.6;}
.csm-slider .csm_system_item_wrap .desc p.btns {margin-top:45px;}
.csm-slider .csm_system_item_wrap .desc p.text {font-size: 20px;}
.csm-slider .csm_system_item_wrap .desc p.cite {font-size: 16px; margin-top:1em; color:#626262;}
.csm_slide_wrap.pd_md .csm_system_item_wrap {background-color: #f6f3f2;}
@media screen and (max-width: 767px) {
    .csm_slide_wrap.pd_md {padding-right:0; padding-left:0; padding-bottom:0;}
    .csm_slide_wrap.pd_md .csm_system_item_wrap .desc {padding:0 15px 50px;}
    .csm-slider .csm_system_item_wrap {display:block; width:auto; text-align:left;}
    .csm-slider .csm_system_item_wrap .core,
    .csm-slider .csm_system_item_wrap .desc {display:block; width:auto; margin:0 15px;}
    .csm-slider .csm_system_item_wrap .core {margin-bottom:25px;}
    .pd_md .csm-slider .csm_system_item_wrap .core,
    .pd_md .csm-slider .csm_system_item_wrap .desc {margin-left: 0; margin-right: 0;}
    .csm-slider .csm_system_item_wrap .core .module {margin:0;}
    .csm-slider .csm_system_item_wrap .desc .module {margin-right: 0; }
    .csm-slider .csm_system_item_wrap .desc h3 {margin: 0 0 10px 0; font-size: 20px;}
    .csm-slider .csm_system_item_wrap .desc p {font-size: 14px; line-height: 1.6;}
    .csm-slider .csm_system_item_wrap .desc p.text {font-size: 16px;}
    .csm-slider .csm_system_item_wrap .desc p.cite {font-size: 14px;}
}
/* 지속가능경영 공통 - csm_ui_table */
.csm_ui_table dl + dl {margin-top:5px;}
.csm_ui_table dt {padding:9px 10px; text-align:center; line-height:1.3em; background:#002c5f; color:#fff; font-family:'TextMedium';}
.csm_ui_table dd {padding:19px 10px; text-align:center; border:1px solid #e4dcd3; line-height:1.3em; color:#000; background:#fff;}
.csm_ui_table dd li {margin-top:5px; text-align:center;}
.csm_ui_table dd li:first-child {margin-top:0;}
.csm_ui_table dd.text_left {text-align:left; padding:19px;}
.csm_ui_table dd.text_left li {text-align:left;}
.csm_ui_table dd .img_box {text-align:center;}
.csm_ui_table dd .img_box + .text_box {margin-top:20px;}
.csm_ui_table dd .text_box * {line-height:1.5em;}
.csm_ui_table dd .text_box p + p {margin-top:1.5em;}
.csm_ui_table dd .text_box .title {font-family:'HeadMedium';}
.csm_ui_table dd .text_box .title + p {margin-top:1em;}
.csm_ui_table dd .sub_text {text-indent:-1em; margin-left:1em; padding-left:0.5em; font-size:0.8em; color:#666;}
    /* text_box line type */
.csm_ui_table dd .img_box + .text_box.line {margin-top:20px;}
.csm_ui_table dd .text_box.line {border-top:1px solid #e4dcd3; margin-top:20px; padding-top:20px;}
.csm_ui_table dd .text_box.line:first-child {border-top:0 none; margin-top:0; padding-top:0;}

@media screen and (min-width: 768px) {
    .csm_ui_table dt {padding:17px 0px; font-size:20px; letter-spacing:-.05em;}
    .csm_ui_table dd {padding:25px 10px;}
    .csm_ui_table dd .text_box .title {font-size:20px; letter-spacing:-.05em;}
    .csm_ui_table[class*="col"] {display:table; table-layout:fixed; width:100%; border:1px solid #e4dcd3; border-top:0 none;}
    .csm_ui_table[class*="col"] dl {display:table-cell; position:relative;}
    .csm_ui_table[class*="col"] dl + dl {margin:0;}
    .csm_ui_table.col2 dl {width:50%;}
    .csm_ui_table.col3 dl {width:33.3%;}
    .csm_ui_table.col4 dl {width:25%;}
    .csm_ui_table.col5 dl {width:20%;}
    .csm_ui_table[class*="col"] dl dt {position:relative;}
    .csm_ui_table[class*="col"] dl dt:after {display:block; content:''; position:absolute; left:0; top:0; width:0px; height:100%; border-left:1px solid #fff;}
    .csm_ui_table[class*="col"] dl:first-child dt:after {display:none;}
    .csm_ui_table[class*="col"] dl:after {display:block; content:''; position:absolute; left:0; top:60px; width:0px; height:calc(100% - 60px); border-left:1px solid #e4dcd3;}
    .csm_ui_table[class*="col"] dl:first-child:after {display:none;}
    .csm_ui_table[class*="col"] dl dd {vertical-align:middle; border:0 none;}
    /* dotted line style */
    .csm_ui_table[class*="col"].dottedLine {border:0 none; border-bottom:2px solid #002c5f;}
    .csm_ui_table.dottedLine[class*="col"] dl:after {top:80px; height:calc(100% - 100px); border-left:1px dashed #e4dcd3;}
}
@media screen and (min-width: 1024px) {
    .csm_ui_table dd.text_left {padding:40px;}
    .csm_ui_table dd .img_box + .text_box {margin-top:40px;}
    /* dotted line style */
    .csm_ui_table[class*="col"].dottedLine {border-bottom:2px solid #002c5f;}
    .csm_ui_table.dottedLine[class*="col"] dl:after {top:100px; height:calc(100% - 140px);}
}
/* 지속가능경영 > 지속가능경영체계 >  윤리·준법 경영 */
.csm-ethicLawManage {position:relative; padding-left:75px;}
.csm-ethicLawManage + .csm-ethicLawManage {margin-top:30px;}
.csm-ethicLawManage .row_title {position:absolute; left:0; top:0; display:inline-block; padding-top:5px; border-top:1px solid #002c5f;}
.csm_history {padding:30px 20px; background:#f6f3f2;}
.csm_history .col .module {position:relative;}
.csm_history .col .module:after {position:absolute; left:54px; top:12px; display:block; content:''; width:1px; height:calc(100% - 12px); background:#e4dcd3;}
.csm_history .item {position: relative; margin-top:20px; padding-left:70px;}
.csm_history .item:first-child {margin-top:0;}
.csm_history .item .row_title {position:absolute; top:0; left:0; width:50px; margin-right:8px; line-height:1.3em;}
.csm_history .item .row_title:after {position:absolute; right:-8px; top:50%; margin-top:-4px; z-index:1; display:block; content:''; width:8px; height:8px; background:#fff; border:2px solid #006992; border-radius:50%;}
@media screen and (min-width: 768px) {
    .csm-ethicLawManage {padding-left:17%;}
    .csm-ethicLawManage + .csm-ethicLawManage {margin-top:60px;}
    .csm-ethicLawManage .row_title {padding-top:10px;}
    .csm_history .col {width:calc((100% - 30px) / 2);}
    .csm_history .col:first-child {margin-right:30px;}
    .csm_history .col .module:after {left:59px;}
    .csm_history .item {padding-left:75px;}
    .csm_history .item .row_title {width:55px;}
}
@media screen and (min-width: 1024px) {
    .csm_history {padding:80px 80px;}
    .csm_history .col {width:calc((100% - 80px) / 2);}
    .csm_history .col:first-child {margin-right:80px;}
    .csm_history .col .module:after {left:104px;}
    .csm_history .item {margin-top:40px; padding-left:140px;}
    .csm_history .item:first-child {margin-top:0;}
    .csm_history .item .row_title {width:100px; font-size:27px;}
}
/* 지속가능경영 > 지속가능경영체계 > 이해관계자 커뮤니케이션 */
.data_table .csm_communication_wrap {vertical-align:top;}
.data_table .csm_communication_wrap ul + ul {margin-top:5px;}
@media screen and (min-width: 768px) {
    .data_table .csm_communication_wrap:after {clear:both; display:block; content:'';}
    .data_table .csm_communication_wrap ul {float:left; width:47%; box-sizing:border-box; margin-left:6%;}
    .data_table .csm_communication_wrap ul:first-child {margin-left:0;}
    .data_table .csm_communication_wrap ul.w100 {float:none; width:100%; margin:0;}
    .data_table .csm_communication_wrap ul + ul {margin-top:0;}
}
/* 지속가능경영 > 환경책임 */
.csm_ui_table.eco dd {display:table; width:100%; padding:19px 0;}
.csm_ui_table.eco dd .text_box {display:table-cell; vertical-align:middle; width:33.3%; border-left:1px dashed #e4dcd3;}
.csm_ui_table.eco dd .text_box:first-child {border-left:0 none;}
@media screen and (min-width: 768px) {
    .csm_ui_table.eco {border:0 none; border-bottom:2px solid #002c5f;}
    .csm_ui_table.eco dd .text_box .pdt3em {padding-top:3em;}
    .csm_ui_table.eco dd .text_box .pdb3em {padding-bottom:3em;}
}
/* 지속가능경영 >  상생협력 */
.csm-winwin-partnership .title {position:relative; padding:0 0 30px; text-align:center;}
.csm-winwin-partnership .title:before {display:block; content:''; position:absolute; left:50%; bottom:0; width:1px; height:30px; background:#e4dcd3;}
.csm-winwin-partnership .title span {display:inline-block; width:100%; padding:10px 20px; line-height:1.3em; text-align:center; background:#006992; color:#fff; font-family:'TextMedium';}
.csm-winwin-partnership .csm_ui_table dl {position:relative;}
.csm-winwin-partnership .csm_ui_table dl + dl {margin-top:20px;}
.csm-winwin-partnership .csm_ui_table dl:before {display:block; content:''; position:absolute; left:50%; top:-20px; width:1px; height:20px; background:#e4dcd3;}
.csm-winwin-partnership .csm_ui_table dl:first-child:before {display:none;}
@media screen and (min-width: 768px) {
    .csm-winwin-partnership .title {position:relative; padding:0 0 60px;}
    .csm-winwin-partnership .title:after {display:block; content:''; position:absolute; left:50%; bottom:0; width:66%; height:29px; margin-left:-33%; border:1px solid #e4dcd3; border-bottom:0 none;}
    .csm-winwin-partnership .title:before {height:60px;}
    .csm-winwin-partnership .title span {width:33.3%; font-size:20px; padding:17px 0; letter-spacing:-.05em;}
    .csm-winwin-partnership .csm_ui_table dl:before {display:none;}
    .csm-winwin-partnership .csm_ui_table dl + dl {margin-top:0;}
}
/* //회사소개 > 지속가능경영 개편 2018-10-01 */


/* 브랜드 공장투어 */
.section_tour_preview { margin-top:40px;}
.section_tour_preview .module { display: inline-block; position: relative; }
.section_tour_preview .summary { display: block; position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 20px; font-family: 'TextMedium'; background-color: rgba(0, 0, 0, .5); }
.section_tour_preview .summary .inner { padding: 30px; }

@media screen and (max-width: 767px) {
    .section_tour_preview { margin-top:35px;}
    .section_tour_preview .summary { font-size: 14px; }
    .section_tour_preview .summary .inner { padding: 10px; }
    .factoryreseroverview3column .hr {margin-top:0;}
    .factoryreseroverview3column + .factoryreseroverview3column .hr {margin-top:40px;}
}

/* 공장 목록 */
/* 20180124 함은주, 모바일 디자인 반영 */
.factory_list { margin-top: 20px; overflow: hidden; }
.factory_list .grid { margin: -17px; }
.factory_list .module { position: relative; margin: 17px; }
.factory_list .summary { position: absolute; bottom: 0; right: 0; left: 0; padding: 20px; background-color: rgba(0, 0, 0, .7); }
.factory_list a { display: block; color: #fff; letter-spacing: -.025em;}
.factory_list span { display: block; color: #fff; }
.factory_list img { width: 100%; }
.factory_list .core { margin-bottom: 10px; font-size: 20px; font-family: "HeadRegular"; }
.factory_list .icon { position: absolute; top: 20px; right: 20px; width: 29px; height: 21px; }
.factory_list .ko { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-korea.jpg'); }
.factory_list .usa { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-usa.jpg'); }
.factory_list .brazil { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-brazil.jpg'); }
.factory_list .russia { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-russia.jpg'); }
.factory_list .czech { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-czech.jpg'); }
.factory_list .turkey { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-turkey.jpg'); }
.factory_list .india { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-india.jpg'); }
.factory_list .china { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/icon-flag-china.jpg'); }
@media screen and (max-width: 767px) {
    .factory_list { margin-top: 0; }
    .factory_list .grid { margin: -15px -5px; }
    .factory_list .module { margin: 20px 0; }
    .factory_list .summary { padding: 10px; }
    .factory_list .core { margin-bottom: 5px; font-size: 18px; }
    .factory_list .icon { top: 10px; right: 10px; }
}

/* 공장 예약 gate */
/* 20180124 함은주, 모바일 디자인 반영 */
.tour_reservation_preview .grid { margin: 0 -16px; }
.tour_reservation_preview .grid img {width: 100%;}
.tour_reservation_preview .module { position: relative; margin: 0 16px; }
.tour_reservation_preview a { display: block; color: #fff; }
.tour_reservation_preview .subject { position: absolute; bottom: 0; right: 0; left: 0; padding: 0 20px; height: 80px; line-height: 80px; font-size: 20px; font-family: "HeadMedium"; letter-spacing: -.025em; background-color: rgba(0, 0, 0, .7); }
@media screen and (max-width: 767px) {
    .tour_reservation_preview .grid { margin: -5px 0; }
    .tour_reservation_preview .module { margin: 5px 0; }
    .tour_reservation_preview .subject { padding: 0 10px; height: 40px; line-height: 40px; font-size: 18px; }
}

/* 공장 정보 */
.factory_info .upper { padding: 25px 35px; background-color: #f6f3f2; }
.factory_info .upper .grid { margin: 0 -20px; }
.factory_info .upper .module { margin: 0 20px; }
.factory_info .upper strong { display: block; margin-bottom: 15px; }
.factory_info .upper .more { display: block; position: relative; }
.factory_info .upper .more::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 12px; height: 6px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/reservation/icon-factory-info-toggle.png'); }
.factory_info .downer { display: none; padding: 30px 35px; line-height: 1.8; font-size: 14px; border: 1px #e4dcd3 solid; }
.factory_info .downer .grid { margin: 0 -20px; }
.factory_info .downer .module { margin: 0 20px; }
.factory_info .downer strong { display: block; margin-bottom: 5px; }
.factory_info .downer li { position: relative; padding-left: 60px; }
.factory_info .downer li span { position: absolute; left: 0; }
.factory_info.in .downer { display: block; }
.factory_info.in .upper .more::after { transform: rotate(180deg); }
@media screen and (max-width: 1023px) {
    .factory_info .upper .grid { margin: 0; }
    .factory_info .upper .module { margin: 10px; }
    .factory_info .upper { padding: 10px; }
    .factory_info .downer { padding: 10px; line-height: 1.4; font-size: 12px; }
    .factory_info .downer .grid { margin: -10px 0; }
    .factory_info .downer .module { margin: 10px 0; }
    .factory_info .downer strong { display: block; margin-bottom: 5px; }
    .factory_info .downer li { position: relative; padding-left: 50px; }
}

/* 공장 목록 */
.factory_thumb { margin-top: 20px; }
.factory_thumb .grid { margin: 0 -17px; }
.factory_thumb .module { position: relative; margin: 0 17px; }
.factory_thumb .summary { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 10px 15px 20px; background-color: rgba(0, 0, 0, .7); }
.factory_thumb .summary label {color: #fff; font-size: 14px; }
.factory_thumb .summary label strong { display: block; margin-bottom: 5px; font-family: 'HeadRegular'; font-size: 20px; color: #fff; }
.factory_thumb img { width: 100%; }
@media screen and (max-width: 767px) {
    .factory_thumb { margin-top: 10px; }
    .factory_thumb .grid { margin: -10px 0; }
    .factory_thumb .module { margin: 10px 0; }
}

/* 공장 투어 예약 유형 */
.reservation_type { margin-top: 20px; }
.reservation_type dl { margin-top: -1px; }
.reservation_type dl:first-child { margin-top: 0; }
.reservation_type dt { padding: 25px 0 20px 0; border: 1px #e4dcd3 solid; }
.reservation_type dt .check_wrap  { position: relative; margin-left: 29px; padding-left: 50px; }
.reservation_type dt label { padding-left: 0; font-family: 'TextMedium'; color: #000; font-size: 18px; }
.reservation_type dt label small { font-family: 'TextRegular'; }
.reservation_type dt .desc { display: block; margin-top: 10px; font-family: 'TextRegular'; color:  #626262; font-size: 16px; }
.reservation_type dd { display: none; overflow: hidden; padding: 20px 0 20px 30px; background-color: #f6f3f2; }
.reservation_type dd label { padding-left: 50px; font-family: 'TextRegular'; color:  #626262; font-size: 16px; }
.reservation_type dd p { margin: 10px 10px 10px 50px; }
.reservation_type dd li { margin: 20px 0; }
.reservation_type dl.in dd { display: block; }

.reservation-exhibition {padding:50px; border:1px solid #e4dcd3;}
.reservation-exhibition .row_title { font-size:30px; line-height:38px;}
.reservation-exhibition .row_title + .list_bullet_dot {margin-top:30px;}
.reservation-exhibition .list_bullet_dot {position:relative; width:100%;}
.reservation-exhibition .list_bullet_dot li {display:flex; width:100%; margin-top:20px; line-height:1; color:#000;}
.reservation-exhibition .list_bullet_dot li:first-child {margin-top:0;}
.reservation-exhibition .list_bullet_dot .tit {display:inline-block; width:90px;}
.reservation-exhibition .list_bullet_dot .txt {display:inline-block; width:calc(100% - 90px);}
.reservation-exhibition .list_bullet_dot .s-txt {color:#666;}
.reservation-exhibition .list_bullet_dot li:before {position: absolute; top: 5px; left: 0; width: 4px; height: 4px; border-radius: 2px;background: #000;content: ""; }
.reservation-exhibition .inner-box {margin-top:30px; padding:30px; background:#f6f3f2;}
.reservation-exhibition .label-wrap {display:flex; align-items:flex-end; gap:25px;}
.reservation-exhibition .label-wrap + .list_bullet_dot{margin-top:30px;}
.reservation-exhibition .label-tit {display:inline-block; width:43.75%; font-size:20px; font-family: 'HeadMedium'; background:#002c5f; text-align:center; line-height:45px; color:#fff;}
.reservation-exhibition .label-txt {flex-grow:1; color:#666;}
.reservation-exhibition .label-txt strong { color:#666; line-height:18px;}
.reservation-exhibition .inner-box + .list-reference {margin-top:20px;}
.reservation-exhibition .list-reference li {margin-top:15px; font-size:14px; line-height:1; color:#000;}
.reservation-exhibition .list-reference li:first-child {margin-top:0;}

@media screen and (max-width: 1023px) {
    .reservation-exhibition .label-wrap {flex-direction: column; align-items:flex-start; gap:10px;}
    .reservation-exhibition .label-tit {width:100%; font-size:18px;}
}
@media screen and (max-width: 767px) {
    .reservation_type { margin-top: 10px; }
    .reservation_type dt { padding: 10px 0; }
    .reservation_type dt .check_wrap  { margin-left: 9px; padding-left: 30px; }
    .reservation_type dt label { font-size: 16px; }
    .reservation_type dt .desc { margin-top: 5px; font-size: 14px; }
    .reservation_type dd { padding: 10px 10px 10px 9px; }
    .reservation_type dd label { padding-left: 30px; font-size: 14px; }
    .reservation_type dd p { margin: 10px 10px 10px 30px; }
    .reservation_type dd li { margin: 5px 0; }

    .reservation-exhibition {padding:30px 20px;}
    .reservation-exhibition .row_title {font-size:17px; line-height:24px;}
    .reservation-exhibition .row_title + .list_bullet_dot {margin-top:20px;}
    .reservation-exhibition .list_bullet_dot li {margin-top:12px; font-size:12px; line-height:20px;}
    .reservation-exhibition .list_bullet_dot li:first-child {margin-top:0;}
    .reservation-exhibition .list_bullet_dot .tit {width:65px;}
    .reservation-exhibition .list_bullet_dot .txt {width:calc(100% - 85px);}
    .reservation-exhibition .list_bullet_dot .s-txt {display:block;}
    .reservation-exhibition .list_bullet_dot li:before {top:8px;}
    .reservation-exhibition .inner-box {margin-top:20px; padding:20px 10px;}
    .reservation-exhibition .label-wrap {flex-direction: column; align-items:flex-start; gap:10px;}
    .reservation-exhibition .label-tit {width:100%; padding:12px 10px; font-size:15px; line-height:23px;}
    .reservation-exhibition .label-txt {font-size:12px; line-height:20px;}
    .reservation-exhibition .inner-box .list_bullet_dot { margin-top:15px;}
    .reservation-exhibition .inner-box .list_bullet_dot li {margin-top:8px;}
    .reservation-exhibition .inner-box .list_bullet_dot li:first-child {margin-top:0px;}
    .reservation-exhibition .inner-box + .list-reference {margin-top:15px;}
    .reservation-exhibition .list-reference li {margin-top:8px; font-size:12px; line-height:20px;}
    .reservation-exhibition .list-reference li:first-child {margin-top:0;}
}

.list_check li { margin-top: 5px; line-height: 1.75; }

/* 공장 투어 예약 달력 */
.tour_reservation_calendar { margin-top: 80px; }
.tour_reservation_calendar .ui_close { display: none; }
.tour_reservation_calendar .layer_popup>[class^="layer_"] { box-shadow: none; }
.tour_reservation_calendar .date_picker_layer,
.tour_reservation_calendar .layer_wrap { margin: 0; width: 100%; position: relative; z-index: 1; padding: 0; }
.tour_reservation_calendar > .grid { margin: 0 -70px; }
.tour_reservation_calendar > .grid > .col:first-child { position: relative; }
.tour_reservation_calendar > .grid > .col:first-child::after { content: ''; position: absolute; top: 50%; left: 100%; margin: -8px 0 0 -5px; width: 9px; height: 16px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/customer-service/service-network/service-network-information/icon-tune-up-reservation.png'); }
.tour_reservation_calendar.is-closed > .grid > .col:first-child::after { display: none; }
.tour_reservation_calendar > .grid > .col > .module { margin: 0 70px; }
.tour_reservation_calendar .row_title { margin: 0 0 20px 0; }
.tour_reservation_calendar .placeholder { display: none !important; }
.tour_reservation_calendar .time_wrap { border: 1px #e4dcd3 solid;}
.tour_reservation_calendar .time_wrap .table-lg > .col { height: 232px; }
.tour_reservation_calendar .time_wrap .date { font-size: 20px; color: #000; font-family: 'TextMedium'; text-align: center; background-color: #f6f3f2; }
.tour_reservation_calendar .time_wrap .time { vertical-align: top; padding-bottom: 5px; }
.tour_reservation_calendar .time_wrap .time .head { margin-bottom: 5px; line-height: 75px; text-align: center; border-bottom: 1px #e4dcd3 solid; }
.tour_reservation_calendar .time_wrap .time .check_wrap { display: block; }
.tour_reservation_calendar .time_wrap .time .check_wrap label { display: block; padding-left: 33%; height: 48px; line-height: 48px; font-size: 16px; }
.tour_reservation_calendar .time_wrap .time .check_wrap label span { display: inline-block; width: 49.5%; text-align: center; }
.tour_reservation_calendar .time_wrap .time .check_wrap label::before,
.tour_reservation_calendar .time_wrap .time .check_wrap label::after { top: 50%; left: 20%; }
.tour_reservation_calendar .time_wrap .time .check_wrap label::before { margin-top: -10px; }
.tour_reservation_calendar .time_wrap .time .check_wrap label::after { margin-top: -4px; margin-left: 6px; }
.tour_reservation_calendar .calendar_wrap { position: relative; }

.tour_reservation_calendar .time_wrap [id*="_cmt"] {position:relative; padding:0 15px; text-align:center;}
.tour_reservation_calendar .time_wrap [id*="_cmt"] .time {font-size:14px;}
/* .tour_reservation_calendar .data_close { position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; background-color: rgba(0, 0, 0, .7); }
.tour_reservation_calendar .data_close p { position: absolute; left: 0; right: 0; top: 50%; margin-top: -15px; line-height: 1.6; } */
.tour_reservation_calendar .data_close { margin-top: 20px; color: #000; }
.tour_reservation_calendar .data_close p { line-height: 1.6; }
@media screen and (max-width: 1023px) {
    .tour_reservation_calendar { margin-top: 30px; }
    .tour_reservation_calendar > .grid { margin: -20px 0; }
    .tour_reservation_calendar > .grid > .col > .module { margin: 20px 0; }
    .tour_reservation_calendar > .grid > .col:first-child::after { top: 100%; left: 50%; transform: rotate(90deg); }
    .tour_reservation_calendar .row_title { margin: 0 0 10px 0; }
    .tour_reservation_calendar .time_wrap .table-lg > .col { height: auto; }
    .tour_reservation_calendar .time_wrap .date { font-size: 18px; height: 40px; line-height: 40px; }
    .tour_reservation_calendar .time_wrap .time .head { line-height: 35px; }
    .tour_reservation_calendar .time_wrap .time .check_wrap label span { width: 49%; }
    .tour_reservation_calendar .time_wrap .time .check_wrap label::before,
    .tour_reservation_calendar .time_wrap .time .check_wrap label::after { left: 15%; }
    .tour_reservation_calendar .time_wrap .time .check_wrap label { height: 30px; line-height: 30px; font-size: 14px; }
    .tour_reservation_calendar .data_close { margin-top: 10px; }
}

/* 공장 투어 시간 */
.tour_run_time { margin-top: 30px; font-size: 14px; border: 1px #e4dcd3 solid; }
.tour_run_time .module { margin: 15px; }
.tour_run_time li { margin-top: 20px; }
.tour_run_time li:first-child { margin-top: 0; }
.tour_run_time li .subject { display: block; margin-bottom: 10px; color: #333; font-family: 'TextMedium'; }
@media screen and (min-width: 768px) {
    .tour_run_time .module { margin: 30px; }
    .tour_run_time li { position: relative; padding-left: 110px; }
    .tour_run_time li .subject { position: absolute; left: 0; }
}

/* 공장 투어 예약 약관동의 */
.tour_provision { margin-top: 20px; }
.tour_provision .policy_wrap { padding: 30px 20px; height: 350px; line-height: 1.8; font-size: 14px; overflow: hidden; overflow-y: auto; box-sizing: border-box; border: 1px #e4dcd3 solid; }
.tour_provision .policy_wrap h3 { margin-top: 40px; }
.tour_provision .policy_wrap >:first-child { margin-top: 0; }
.tour_provision .check_wrap>input + label { font-size: 16px; }
.tour_provision .tip { margin-top: 20px; line-height: 1.8; font-size: 14px; }
@media screen and (max-width: 767px) {
    .tour_provision { margin-top: 10px; }
    .tour_provision .policy_wrap { padding: 20px 15px; height: 200px; font-size: 12px; }
    .tour_provision .policy_wrap h3 { margin-top: 20px; }
    .tour_provision .check_wrap>input + label { font-size: 14px; }
    .tour_provision .tip { margin-top: 10px; font-size: 12px; }
}

/* 공장 투어 예약 신청 폼 */
.tour_reservation_application { margin-top: 20px; padding: 30px 0; border-top: 1px #e4dcd3 solid; border-bottom: 1px #e4dcd3 solid; }
.tour_reservation_application .small { font-size: 14px; }
.tour_reservation_application .member_form li { position: relative; padding-left: 80px; margin: 10px 0; font-size: 14px; color: #000; }
.tour_reservation_application .member_form li .subject { position: absolute; top: 50%; left: 0; margin-top: -8px; font-family: 'TextMedium'; }
.tour_reservation_application .input_wrap.small { min-width: 100px; max-width: 100px; }
.tour_reservation_application .input_email_group>*:not(.space):first-child {width:calc(33.3% - 16px);}

.tour_reservation_final_agree {display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; margin-top:30px;}
.tour_reservation_final_agree .text { width:100%; }
.tour_reservation_final_agree em {color:#bf1d00 !important;}
.tour_reservation_final_agree .text,
.tour_reservation_final_agree > span,
.tour_reservation_final_agree .check_wrap>input + label {font-family: 'HeadMedium'; font-size:20px;color:#000; letter-spacing: -1px; word-break: keep-all;}

.tour_reservation_check { padding: 60px 0; border: 1px #e4dcd3 solid; }
.tour_reservation_check .grid .col:first-child {border-right: 1px solid #e4dcd3;}
.tour_reservation_check .module { margin: 0 60px; }
.tour_reservation_check .action a { display: block; }
@media screen and (max-width: 767px) {
    .tour_reservation_application .ui_table dt.w20p { width: auto !important; }
    .tour_reservation_final_agree .text,
    .tour_reservation_final_agree > span,
    .tour_reservation_final_agree .check_wrap>input + label {font-size:16px;}
}
@media screen and (max-width: 1023px) {
    /* 20180124 함은주, 모바일 디자인 반영 */
    .tour_reservation_check { padding: 30px 15px; }
    .tour_reservation_check .grid .col {border-right: 0 none;}
    .tour_reservation_check .module { margin: 0; }
}

/* 울산 공장 */
.factory_summary { margin-top: 40px; letter-spacing: -.025em; }
.factory_summary .grid { margin: -20px 0; }
.factory_summary .module { margin: 20px 0; border: 1px #e4dcd3 solid; }
.factory_summary .core { padding-left: 15px; height: 40px; line-height: 40px; color: #000; font-size: 16px; font-family: 'TextMedium'; background-color: #f6f3f2; }
.factory_summary .desc { padding: 20px 15px 35px; }
.factory_summary .caption { color: #000; font-size: 16px; font-family: 'TextMedium'; line-height: 1.6; word-break: keep-all; }
.factory_summary .desc li .text_strong { margin-bottom:0px; }
.factory_summary .desc > ul > li { margin-top: 10px; }
.factory_summary .desc .tel li { position: relative; padding-left: 50px; }
.factory_summary .desc .tel li .subject { position: absolute; left: 0; }
@media screen and (min-width: 1024px) {
    .factory_summary .module { min-height: 580px; border: 1px #e4dcd3 solid; }
    .factory_summary { margin-top: 60px; }
    .factory_summary .grid { margin: 0 -15px; }
    .factory_summary .module { margin: 0 15px; }
    .factory_summary .core { padding-left: 30px; height: 73px; line-height: 73px; font-size: 20px; }
    .factory_summary .desc { padding: 20px 30px; }
    .factory_summary .caption { font-size: 20px; }
    .factory_summary .desc li .text_strong { margin-bottom: 10px; }
    .factory_summary .desc > ul > li { margin-top: 30px; margin-right: -20px; }
    .factory_summary .desc .tel li { padding-left: 60px; }
}

.factory_video { background-color: #e4dbd2; }

/* 20180224 함은주, 모바일 디자인 반영 */
.factory_concept .section_title {margin: 0; padding: 0;}
.factory_concept .section_title .main_copy {margin-top: 5px; font-family: 'TextMedium'; text-align: center; }
.factory_concept .section_title .main_title { margin-top: 0; }
.factory_concept .concept_item { text-align: center; }
.factory_concept .concept_item .module { display: inline-block; position: relative; }
.factory_concept .concept_item .slogan { position: absolute; top: 25px; left: 0; right: 0; z-index: 1; padding: 0 20px; color: #000; text-align: center; }
.factory_concept .concept_item .slogan .main_title {margin-bottom: 5px;}
.factory_concept .concept_item .slogan p {line-height: 1.8;}
.factory_concept .concept_item .slogan .sub_title {font-family:'HeadMedium';}
@media screen and (min-width: 1024px) {
    .factory_concept .section_title .main_copy {margin-top: 20px;}
    .factory_concept .concept_item .slogan { top: 80px; }
}

.factory_figure { position: relative; }
.factory_figure .main_title { position: absolute; z-index: 1; top: 50px; left:0; right: 0; color: #fff; }
.factory_figure .module { position: relative; z-index: 0; }
@media screen and (min-width: 1024px) {
    .factory_figure .main_title { top: 70px; }
}

/* 공장 지도 */
/* 20180224 함은주, 모바일 디자인 반영 */
.factory_map .section_title { padding-top: 0;}
.factory_map .section_title .main_title { margin-top: 0; }
.factory_map .section_title p { margin-left: auto; margin-right: auto; max-width: 800px; }
.factory_map .map { padding: 20px 0; border-top: 1px #e4dcd3 solid; color: #000; line-height: 1.8; }
.factory_map .map .core { text-align: center; }
.factory_map .map .desc li {float:left; width: 50%;}
.factory_map .action { text-align: center; }
.factory_map .factory_detail .grid { margin: -20px 0; }
.factory_map .factory_detail .module { margin: 20px 0; }
.factory_map .factory_detail .row_title { margin: 10px 0 5px 0; }
.factory_map .factory_detail .row_title .number { display: inline-block; margin-right: 3px; width: 18px; height: 18px; line-height: 18px; color: #fff; text-align: center; font-size: 12px; font-family: 'TextMedium'; vertical-align: middle; border-radius: 100%; background-color: #002c5f; }
.factory_map .factory_detail h4 { margin: 20px 0 10px 0; font-size: 14px; font-family: 'HeadMedium'; color: #000; }
.factory_map .downer .action { margin-top: 50px; padding: 10px; border: 1px #ece6e0 solid; }
.factory_map .downer .action .text_large { font-family: 'HeadMedium'; text-align: center; }
.factory_map img { width: 100%; }
@media screen and (max-width: 1120px) {
    .factory_map .map {padding:20px 15px;}
}
@media screen and (min-width: 1024px) {
    .factory_map .map { padding: 60px 0;}
    .factory_map .map .desc li {width: 100%;}
    .factory_map .factory_detail .grid { margin: -30px -16px; }
    .factory_map .factory_detail .module { margin: 30px 16px; }
    .factory_map .factory_detail .col:nth-child(3n+1) { clear: both; }
    .factory_map .factory_detail .row_title { margin: 30px 0 20px 0; }
    .factory_map .factory_detail h4 { margin: 25px 0 10px 0; font-size: 16px; }
    .factory_map .downer .action { margin-top: 80px; padding: 0; }
    .factory_map .downer .action .grid { height: 120px; }
    .factory_map .downer .action .text_large { margin-left: 50px; text-align: left; }
}

/* 자동차 제조공정 안내 */
.factory_process .grid { margin: 35px -11px 0 -11px; }
.factory_process .module { margin: 0 11px; }
.factory_process .list { margin-top: 20px; }
.factory_process .list ul { border-top: 1px #e5e5e5 solid; }
.factory_process .list li { background-color: #fff; border-bottom: 1px #e5e5e5 solid; }
.factory_process .list a { position: relative; display: block; padding-left: 15px; height: 49px; line-height: 49px; font-family: 'TextMedium'; font-size: 20px; }
.factory_process .list a .desc {opacity:0.9; }
.factory_process .list a .time { position: absolute; top: 0; right: 10px; display: inline-block; color: #626262; padding-right: 30px; font-size: 14px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/factory-tour/introduction/icon-factory-process-play.png') no-repeat right center; }
.factory_process .list li .explain { display: none; padding: 0 15px 20px 15px; font-size: 14px; }
.factory_process .list li.in { background-color: transparent; }
.factory_process .list li.in a { color: #000; }
.factory_process .list li.in a .desc {opacity:0.7;}
.factory_process .list li.in .explain { display: block; }
@media screen and (min-width: 1024px) {
    .factory_process .grid { margin: 60px -11px 0 -11px; }
    .factory_process .list { margin-top: 0; }
    .factory_process .list li .explain { min-height: 140px; }
}

/* 공장 오시는 길 */
/* 20180124 함은주, 모바일 디자인 반영 */
.factory_way .map { height: 200px; }
.factory_way .info { margin-top: 20px; }
.factory_way .info li { position: relative; padding-left: 100px; line-height: 1.8; color: #000; }
.factory_way .info li .subject { position: absolute; left: 0; }
.factory_way .info .action {padding: 30px 0;}
@media screen and (min-width: 1024px) {
    .factory_way .map { height: 600px; }
    .factory_way .info { position: relative; margin-top: 40px; }
    .factory_way .info li { margin-top: 30px; padding-left: 190px; }
    .factory_way .info .action { position: absolute; top: 0; right: 0; padding: 0; }
}

/* 모터스튜디오 */
.motorstudio_breadcrumb { background-color: #f8f8f8; }

.motorstudio_title .icon.notice { width: 20px; height: 20px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/icon-notice.png'); }
@media screen and (max-width: 767px) {
    .motorstudio_title [class^="btn_"] { width: auto; }
}

/* 모터스튜디오 소개 */
.motorstudio_about { padding-top: 120px; overflow: hidden; background-color: #fff; }
.motorstudio_about a,
.motorstudio_about span { display: block; color: #fff; }
.motorstudio_about .grid { margin: 0 auto; max-width: 1600px; }
.motorstudio_about .module { position: relative; }
.motorstudio_about .summary { position: absolute; bottom: 0; right: 0; left: 0; padding: 30px; background-color: rgba(0, 0, 0, .3); }
.motorstudio_about .core { margin-top: 10px; font-size: 20px; font-family: "HeadMedium"; }
.motorstudio_about img { width: 100%; }
@media screen and (max-width: 767px) {
    .motorstudio_about { padding-top: 50px; }
    .motorstudio_about .summary {  padding: 10px 15px; }
    .motorstudio_about .desc { font-size: 12px; }
    .motorstudio_about .core { margin-top: 5px; font-size: 14px; }
}
@media screen and (max-width: 1023px) {
    .motorstudio_about .grid { margin: -5px 15px; }
    .motorstudio_about .module { margin: 5px 0; }
}

/* 모터스튜디오 컨텐츠 */
.motorstudio_column { text-align: left; word-break: keep-all; }
.motorstudio_column p { margin-top: 30px; color: #000; }
.motorstudio_column .info {margin-top:20px;} /* 20180122 함은주, 디자인 반영 */
.motorstudio_column .grid { line-height: 1.2; }
.motorstudio_column .main_title { text-align: left; margin-bottom: 15px; }
.motorstudio_column .sub_title { margin: 50px 0 0; padding: 0; }
.motorstudio_column .row_title { margin-bottom: -15px; }
.motorstudio_column.is_reverse { direction: rtl; }
.motorstudio_column.is_reverse .module { direction: ltr; }
@media screen and (max-width: 767px) {
    .motorstudio_column [class^="row_title"] { margin-top: 20px; }
    .motorstudio_column .sub_title { margin-top: 30px; }
    .motorstudio_column .sub_title:first-child { margin-top: 0; }
    /* 20180122 함은주, 디자인 반영 */
    .motorstudio_column .row_title +.message {margin-top:30px;}
    .motorstudio_column p { margin-top: 15px; }
    .motorstudio_column .info {margin-top:10px;}
    .motorstudio_column .info p { margin-top: 0; }
}
@media screen and (min-width: 768px) {
    .motorstudio_column [class^="table"] { width: calc(100% + 30px); }
    .motorstudio_column .grid { margin: 0 -15px; }
    .motorstudio_column .module { margin: 0 15px; }
    .motorstudio_column .module > :first-child { margin-top: 0; }
    .motorstudio_column .main_title { margin-bottom: 0; }
}
@media screen and (min-width: 1024px) {
    .motorstudio_column [class^="table"] { width: calc(100% + 70px); }
    .motorstudio_column .grid { margin: 0 -35px; }
    .motorstudio_column .module { margin: 0 35px; }
    .motorstudio_column p:first-child,
    .motorstudio_column [class$="_title"]:first-child { margin-top: 0; }
}

.motorstudio_theme {  }
@media screen and (max-width: 767px) {
    .motorstudio_theme > [class^="section"] { padding-top: 0; }
}

/* 모터스튜디오 비디오 */
.motorstudio_video { background-color: #ece6e0; }
.motorstudio_video .sns_links { margin-top: 40px; text-align: center; }
.motorstudio_video .sns_links a { display: inline-block; margin: 0 8px; }
.motorstudio_video .sns_links .icon { width: 42px; height: 42px; }
.motorstudio_video .sns_links .facebook { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-facebook.png'); }
.motorstudio_video .sns_links .twitter { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-twitter.png'); }
.motorstudio_video .sns_links .google { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-google.png'); }
.motorstudio_video .sns_links .pinterest { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-pinterest.png'); }
@media screen and (max-width: 1023px) {
    .motorstudio_video .sns_links { margin-top: 30px; }
}

/* 모터스튜디오 층별안내 */
/* 20180124 함은주, 모바일 디자인 반영 */
.motorstudio_floor_core .section { overflow: hidden; }
.motorstudio_floor_core .wrap { margin: -10px 0; }
.motorstudio_floor_core .wrap > .col >.module { margin: 10px 0; text-align: center; }
.motorstudio_floor_core .sub_title { margin: 10px 0 0; padding: 0; }
.motorstudio_floor_core .row_title { margin: 10px 0 0; }
.motorstudio_floor_core .message { margin: 5px 0 0; }
.motorstudio_floor_core .photos .grid { margin: -2px; }
.motorstudio_floor_core .photos .module { margin: 2px; }
.motorstudio_floor_core .responsive_slide .ix-controller { height: 0; padding: 0; }
.motorstudio_floor_core .responsive_slide .ix-thumbs { visibility: hidden; }
.motorstudio_floor_core h2,
.motorstudio_floor_core h3,
.motorstudio_floor_core h4,
.motorstudio_floor_core h5,
.motorstudio_floor_core h6,
.motorstudio_floor_core p { text-align: left; }
@media screen and (max-width: 767px) {
    .motorstudio_floor_core .responsive_slide {padding:15px 0; background-color: #f9f9f9;}
    .motorstudio_floor_core .floor_plan { width: 50% !important; margin: 0 auto; }
    .motorstudio_floor_core .responsive_slide .ix-list-item { width: 100%; }
}
@media screen and (min-width: 1024px) {
    .motorstudio_floor_core .wrap { margin: 0 -14px; }
    .motorstudio_floor_core .wrap > .col >.module { margin: 10px 14px; } /* 20180222 함은주, 여백수정 */
    .motorstudio_floor_core .responsive_slide {margin-bottom: 20px;}
    .motorstudio_floor_core .responsive_slide .ix-list-item {width: 33%;}
    .motorstudio_floor_core .module >:first-child { margin-top: 0; }
    .motorstudio_floor_core .sub_title { margin-top: 0; }
    .motorstudio_floor_core .row_title { margin-top: 30px; }
    .motorstudio_floor_core .message { margin-top: 10px; }
}

.motorstudio_floor_desc .row_title { margin: 20px 0 0; }
@media screen and (min-width: 1024px) {
    .motorstudio_floor_desc .row_title { margin-top: 30px; }
    .motorstudio_floor_desc .module >:first-child { margin-top: 0; }
}

/* 모터스튜디오 vr */
.floor_nav { padding: 60px 0; }
.floor_nav a { display: inline-block; margin-left: 7px; width: 55px; height: 55px; line-height: 55px; text-align: center; color:  #626262; border: 1px #e0e0e0 solid; border-radius: 100%; }
.floor_nav a:first-child { margin-left: 0; }
.floor_nav a.in { color: #fff; background-color: #002c5f; border: 0; }
@media screen and (max-width: 767px) {
    .floor_nav { padding: 18px 0 50px 0; }
    .floor_nav a { width: 35px; height: 35px; line-height: 35px; }
}

/* 모터스튜디오 유의사항 */
.manage_info li { margin-top: 40px; }
.manage_info li:first-child { margin-top: 0; }
.manage_info .core { font-family: 'HeadMedium'; font-size: 20px; color: #000; }
.manage_info .desc { font-size: 20px; color:  #626262; }
.manage_info .tip { position: relative; margin: 20px 0 0 30px; color:  #626262; }
.manage_info .tip::before { content: ''; position: absolute; left: -30px; top: -2px; width: 20px; height: 20px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-manage-info.png'); background-size: 100%; }
@media screen and (max-width: 767px) {
    .manage_info li { margin-top: 20px; }
    .manage_info .core { display: block; font-size: 16px; }
    .manage_info .desc { margin-top: 10px; display: block; font-size: 16px; }
    .manage_info .tip { margin: 10px 0 0 15px; line-height: 1.4; }
    .manage_info .tip::before { left: -15px; top: 3px; width: 10px; height: 10px; }
}

/* 모터스튜디오 시승 - 유의사항  */
.manage_note .grid { margin: 0 -30px; }
.manage_note .module { margin: 0 30px; text-align: center; color: #000; word-break: keep-all; }
.manage_note .core { margin: 30px 0 10px 0; font-family: 'HeadMedium'; font-size: 20px; }
@media screen and (max-width: 767px) {
    .manage_note .col { margin: 40px 0 0; }
    .manage_note .grid { margin: -40px -15px 0 -15px; }
    .manage_note .module { margin: 0 15px; }
    .manage_note .pic { width: 100px; margin: 0 auto; }
}

/* 모터스튜디오 시승 - 가능 차종  */
.test_drive_car { background-color: #ece6e0; }
.test_drive_car .drive_car_list { margin-top: 50px; text-align: center; font-family: 'TextMedium'; color: #000; }
.test_drive_car .drive_car_list .grid { margin: -30px -15px; }
.test_drive_car .drive_car_list .module { margin: 30px 15px; }
@media screen and (max-width: 767px) {
    .test_drive_car .sub_title { font-size: 16px; line-height: 1.4; }
}

/* 모터스튜디오 시승 - 경로  */
.test_drive_course { background-color: #ece6e0; }
.test_drive_course .acc_01 dt .grid { padding: 25px 0; height: 80px; line-height: 1.5em; color:#fff; }
.test_drive_course .acc_01 dt .col.course,
.test_drive_course .acc_01 dt .col.km,
.test_drive_course .acc_01 dt .col.time { font-family: 'TextMedium'; font-size: 20px; }
.test_drive_course .acc_01 dt .col.course { padding-left: 40px; width: 16%; }
.test_drive_course .acc_01 dt .col.km,
.test_drive_course .acc_01 dt .col.time { width: 12%; }
.test_drive_course .acc_01 dt .col.way { width: 60%; font-size: 16px; }
.test_drive_course .acc_01 .icon { margin-right: 10px; width: 26px; height: 26px; vertical-align: middle; background-size: 100%; }
.test_drive_course .acc_01 .icon.km { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-drive-course-km.png'); }
.test_drive_course .acc_01 .icon.time { background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-drive-course-time.png'); }
.test_drive_course .acc_01>dl>dt.on { background-color: #002c5f; }
.test_drive_course .acc_01>dl>dt.on button:after { background-position: -20px -280px; transform: rotate(180deg); }
.test_drive_course .acc_01>dl>dd { padding: 0; }
@media screen and (max-width: 1023px) {
    .test_drive_course .acc_01 dt .grid { padding: 13px 0; height: auto; }
    .test_drive_course .acc_01 dt .col.course,
    .test_drive_course .acc_01 dt .col.km,
    .test_drive_course .acc_01 dt .col.time { font-size: 16px; }
    .test_drive_course .acc_01 dt .col.course { padding-left: 15px; width: auto; }
    .test_drive_course .acc_01 dt .col.km,
    .test_drive_course .acc_01 dt .col.time { padding-left: 10px; width: auto; }
    .test_drive_course .acc_01 dt .col.way { clear: both; width: 100%; font-size: 14px; padding: 0 15px; }
    .test_drive_course .acc_01 .icon { margin-right: 0; width: 13px; height: 13px; }
    .test_drive_course .acc_01>dl>dt.on button:after { background: url(../images/common/ico_mobile_32_w.png) no-repeat 0 -144px; background-size: 100%; }
}

/* 단체 관람 */
.group_view .grid { margin: 0 -15px; padding: 0; }
.group_view .module { margin: 0 15px; text-align: center; color: #000; word-break: keep-all; }
.group_view .core { margin: 30px 0 10px 0; font-family: 'HeadMedium'; font-size: 20px; }
.group_view .action { margin-top: 30px; }
.group_view .action a.finish { cursor: default; }
.group_view .action .icon.finish { margin-left: 7px; vertical-align: middle; width: 23px; height: 23px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/icon-finish.png'); }
@media screen and (max-width: 767px) {
    .group_view .grid { margin: 0 -10px; }
    .group_view .module { margin: 0 10px; }
    .group_view .col { float: none; display: inline-block; margin: 20px -5px; vertical-align: top; }
    .group_view .col .pic { width: 100px; margin: 0 auto; }
    .group_view .col .core { margin: 15px 0 10px; font-size: 16px; }
    .group_view .col .desc { margin-top: 0; }
    .group_view .col .action { margin-top: 20px; }
}

/* 모터스튜디오 찾아오시는 길 */
.motorstudio_way .module { position: relative; line-height: 1.8; }
.motorstudio_way .grid .col:first-child .module { padding-top: 20px;/* border-top: 1px #e4dcd3 solid; */}
.motorstudio_way.core .grid .module { border: 0 !important; }
.motorstudio_way .row_title,
.motorstudio_way .sub_title { margin: 0; padding: 0; }
.motorstudio_way h4 { margin: 15px 0 0; font-size: 14px; font-family: 'HeadMedium'; color: #000; }
.motorstudio_way p { margin: 5px 0 0; }
.motorstudio_way .action { margin-top: 25px; }
.motorstudio_way .today { margin: 0; font-family: 'HeadRegular'; font-size: 16px; color: #000; line-height: 1; }
.motorstudio_way .today_date { margin: 5px 0 0; font-family: 'HeadMedium'; font-size: 21px; color: #000; line-height: 1; }
.motorstudio_way .text_large { color:  #626262; }
.motorstudio_way .module > :first-child { margin-top: 0; }
.motorstudio_way .visit_note .grid { margin: -10px 0; }
.motorstudio_way .visit_note .module { margin: 10px 0; padding: 0 !important; border: 0 !important; text-align: center; color: #000; word-break: keep-all; }
.motorstudio_way .visit_note p { margin-top: 15px; }
@media screen and (max-width: 767px) {
    .motorstudio_way .row_title { margin-top: 25px !important; margin-bottom: 5px; padding-top: 45px; border-top: 1px #e4dcd3 solid; }
    .motorstudio_way .sub_title { padding-top: 30px; border-top: 1px solid #e4dcd3; }
    .motorstudio_way .visit_note { margin-top: 20px !important; }
    .motorstudio_way .visit_note .pic { width: 100px; margin: 0 auto; }
    .motorstudio_way.core .grid .col:first-child .module { padding: 0 0 30px 0; margin-top: -20px; }
}
@media screen and (min-width: 768px) {
    .motorstudio_way .grid { margin: 0 -16px; }
    .motorstudio_way .module { margin: 0 16px; padding: 40px 0; border-top: 1px #e4dcd3 solid; }
    .motorstudio_way .action { position: absolute; top: 90px; right: 0; margin: 0; }
    .motorstudio_way h4 { margin: 30px 0 0; font-size: 16px; }
    .motorstudio_way .today { font-size: 30px; }
    .motorstudio_way .today_date { margin: 15px 0 0; font-size: 40px; }
    .motorstudio_way .visit_note .grid { margin: 0 -20px; }
    .motorstudio_way .visit_note .module { margin: 0 20px; }
    .motorstudio_way .visit_note p { margin-top: 15px; }
}

/* MOTORSTUDIO SEOUL BOOKSHELF */
.bookshelf_list { margin-top: 80px; }
.bookshelf_list .item { margin-top: 80px; }
.bookshelf_list .item:first-child { margin-top: 0; }
.bookshelf_list .module { margin: 0; }
.bookshelf_list [class$="_title"] { margin: 30px 0 0; }
.bookshelf_list p { margin-top: 15px; }
@media screen and (max-width: 767px) {
    /* 함은주 20180121, 모바일 디자인 적용  */
    .bookshelf_list { margin-top: 30px; }
    .bookshelf_list .item { margin-top: 50px; }
    .bookshelf_list .item:first-child { margin-top: 0; }
    .bookshelf_list [class$="_title"] { margin: 15px 0 0; }
    .bookshelf_list .icon { width: 50px; }
}

/* 나의 견학신청 목록 */
@media screen and (max-width: 767px) {
    .tour_history [class^="btn_sm"] { display: block; margin: 5px 0 0 !important; }
    .tour_history [class^="btn_sm"]:first-child { margin-top: 0 !important; }
}

/* 모터스튜디오 서울 카 로테이터 */
.car_rotator_gallery [class^="section"] { overflow: hidden; }
.car_rotator_gallery .tab_wrap { margin-top: 40px; }
.car_rotator_items .grid { margin-top: 20px; margin: -16px; }
.car_rotator_items .module { margin: 16px; }
@media screen and (max-width: 767px) {
    .car_rotator_items .grid { margin: -5px; }
    .car_rotator_items .module { margin: 5px; }
}
@media screen and (min-width: 1024px) {
    .car_rotator_gallery .tab_wrap { margin-top: 20px; text-align: center; }
    .car_rotator_gallery .tab_wrap ul { display: inline-block; width: auto; }
}

/* 모터스튜디오 서울 카 로테이터 모바일 이미지 더 보기 */
.charotator_more_photo .pic { position: relative; min-height: 50px; overflow: hidden; }
.charotator_more_photo .utill { display: none; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/charotator-control-button.png'); background-size: 100%; }
.charotator_more_photo .utill a { display: block; height: 25px; }
.charotator_more_photo .tip { display: none; margin-top: 10px; font-size: 12px; color: #000; }
@media screen and (max-width: 1023px) {
    .charotator_more_photo .utill,
    .charotator_more_photo .tip { display: block; }
}

/* 모터 스튜디오 풀 이미지 */
.full_image { overflow: hidden; }
@media screen and (min-width: 1024px) {
    .full_image .holder { position: relative; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px; text-align: center; }
}

/* csr 개인정보 처리방침 */
.privacy_modal_wrap { margin: 40px 0; overflow: hidden; overflow-y: auto; height: 300px; border: 1px #ece6e0 solid; }
@media screen and (max-width: 767px) {
    .privacy_modal_wrap { margin: 20px 0; height: 200px; }
}
.trusteeTable tr th a {text-decoration: underline;}/*200713 장미 add*/

/* 브랜드 컬렉션 링크 */
@media screen and (max-width: 767px) {
    .text_quicklink_1.motorstudio .desc { text-align: center; font-size: 16px; }
}

/* 연관메뉴 바로가기 */
.connection_menu .slide { text-align: left;}
.connection_menu .col { margin: 0 0 50px; padding: 0 15px; }
.connection_menu .row_title { margin: 30px 0 15px 0; text-align: left; }
.connection_menu .text,
.connection_menu .text_strong { margin: 10px 0; text-align: left; }
.connection_menu img { width: 100%; }
.connection_menu [class*='_direction'] [class^="ix-btn"] { top: 90px; }
@media screen and (max-width: 767px) {
    .connection_menu .row_title { margin: 20px 0 0; }
    .connection_menu .text,
    .connection_menu .text_strong { display: none; }
    .connection_menu [class*='_direction'] [class^="ix-btn"] { top: 25%; }
}

/* ci logo */
.ci_logo_rule { margin-top: 30px; color: #000; word-break: keep-all; }
.ci_logo_rule > .grid { margin: 0 -15px; }
.ci_logo_rule .col-1-1 { position: relative; }
.ci_logo_rule .col-1-1 > .module { margin: 0 15px; padding: 30px; }
.ci_logo_rule .minimum_size .cell { float: none; }
.ci_logo_rule .minimum_size p { margin-left: 15px; }
@media screen and (max-width: 767px) {
    .ci_logo_rule { margin-top: 40px; }
    .ci_logo_rule > .grid { margin: 0; }
    .ci_logo_rule .col-1-1 { margin-top: 10px; height: auto; }
    .ci_logo_rule .col-1-1:first-child { margin-top: 0; }
    .ci_logo_rule .col-1-1 > .module { margin: 0; padding: 15px; height: auto; border: 1px #e4dcd3 solid; }
    .ci_logo_rule .minimum_size { margin: 15px 0 30px 0; }
    .ci_logo_rule .minimum_size img { width: 75px; }
}
@media screen and (min-width: 768px) {
    .ci_logo_rule > .grid { width: calc(100% + 30px); }
    .ci_logo_rule .col-1-1 { height: 360px; }
    .ci_logo_rule .col-1-1::before { content: ''; position: absolute; top: 0; left: 15px; right: 15px; border: 1px #e4dcd3 solid; height: 358px; }
    .ci_logo_rule h4 { position: absolute; top: 30px; left: 45px; }
    .ci_logo_rule .minimum_size {margin-top:40px;}
    .ci_logo_rule .minimum_size .cell {vertical-align:top;}
}
@media screen and (min-width: 1024px) {
    .ci_logo_rule .minimum_size {margin-top:50px;}/* 2018-04-17 이지혜: pc 정렬 맞춤 */
    .ci_logo_rule .minimum_size .cell.col-1-3 {padding-top:5px;}
}

/* ci 다양한 색상 활용 */
.ci_logo_application { margin-top: 40px; color: #000; word-break: keep-all; }
.ci_logo_application h4 { margin-bottom: 20px; font-family:'HeadMedium'; font-size: 14px; }
.ci_logo_application .core .module { margin-top: 40px; padding: 30px 15px; background-color: #f6f3f2; }
.ci_logo_application .core .grid { margin: -12px -5px; font-size: 13px; }
.ci_logo_application .core .grid .module { margin: 12px 5px; padding: 0; }
.ci_logo_application .core p { margin-top: 20px; }
.ci_logo_application .pic { display: inline-block; position: relative; }
.ci_logo_application .pic::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px #e4dcd3 solid; }
.ci_logo_application .bg_other .pic::before { display: none; }
@media screen and (max-width: 767px) {
    .ci_logo_application .example .pic { width: 86px; }
}
@media screen and (min-width: 768px) {
    .ci_logo_application { margin-top: 30px; }
    .ci_logo_application .table-md { direction: rtl; margin: 0 -15px; width: calc(100% + 30px); }
    .ci_logo_application .table-md > .col > .module { direction: ltr; margin: 0 15px; }
    .ci_logo_application .core .grid { margin: -15px; font-size: 14px; }
    .ci_logo_application .core .grid .module { margin: 15px; padding: 0; }
    .ci_logo_application h4 { margin-bottom: 30px; font-size: 16px; }
}
@media screen and (min-width: 1024px) {
    .ci_logo_application .core .module { padding: 50px 75px; }
}

/* ci 전용색상 */
.ci_color tbody { color: #000; }
.ci_color tbody th { text-align: left; color: #fff; height: 100px; vertical-align: top; }
.ci_color .blue { background-color: #002c5f; }
.ci_color .sand { background-color: #e4dcd3; height: 250px; color: #000; }
.ci_color .light_sand { background-color: #f6f3f2; color: #000; }
.ci_color .gold { background-color: #a36b4f; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
.ci_color .white { background-color: #fff; color: #000; }
.ci_color .black { background-color: #000; }
.ci_color .active_blue { background-color: #00aad2; height: 70px; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
.ci_color .sky_blue { background-color: #aacae6; height: 70px; color:#000;}
.ci_color .active_red { background-color: #e63312; height: 70px; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
@media screen and (max-width: 767px) {
    .ci_color tbody th { height: 80px; }
    .ci_color .sand { height: 140px;}
    .ci_color .active_blue,
    .ci_color .sky_blue,
    .ci_color .active_red { height: 60px; }
}
/* 후원행사 문화 */
.h_art_brand_culture { text-align: center; color: #000; }
.h_art_brand_core { margin: 40px 0; font-family: 'HeadMedium'; font-size: 20px; }
.h_art_brand_core .module { display: inline-block; margin: 5px 0; width: 140px; height: 140px; line-height: 140px; text-align: center; border-radius: 100%; background-color: #ece6e0; }
.h_art_brand_core p { display: inline-block; vertical-align: middle; line-height: 1.2; }
.h_art_brand_culture .sub_title,
.h_art_gallery .sub_title { margin-top: 20px; text-align: center; line-height: 1.4; }
.h_art_brand_desc .row_title { margin: 30px 0 10px 0; }
.h_art_brand_desc .col:first-child .row_title { margin-top: 0; }
.h_art_summary { margin-top: 20px; color: #000; }
.h_art_summary p + p { margin-top: 30px; }
.h_art_summary .core { margin-bottom: 30px; }
@media screen and (min-width: 768px) {
    .h_art_brand_culture .sub_title,
    .h_art_gallery .sub_title { margin-top: 40px; }
    .h_art_brand_core { margin: 80px 0 60px 0; font-size: 30px; }
    .h_art_brand_core .module { margin: 0; width: 220px; height: 220px; line-height: 220px; }
    .h_art_summary { margin-top: 50px; }
    .h_art_summary .grid { margin: 0 -30px; }
    .h_art_summary .module { margin: 0 30px; }
    .h_art_summary .core { width: 37%; margin: 0; }
    .h_art_summary .desc { width: 63%; }
    .h_art_brand_desc .grid { margin: -30px -60px; }
    .h_art_brand_desc .module { margin: 30px 60px; }
    .h_art_brand_desc .col:nth-child(2n+1) { clear: both; }
    .h_art_brand_desc .row_title { margin: 0 0 15px 0; }
}

/* 후원행사 스포츠 */
.support_sports img {width:100%;}
.support_sports .sub_title { margin-top: 60px; line-height: 1.4; }
.support_sports p {}
.support_sports p + p {margin-top:30px;}
.support_sports .img_wrap { margin: 60px 0; }   
.support_sports .img_wrap .grid { margin: -10px -16px; }
.support_sports .img_wrap .module { margin: 10px 16px; }
.support_sports .fan_park .img_wrap { margin: 0; }
.support_sports .fan_park .img_wrap:after { clear: both; display: block; content: '';}
.support_sports .fan_park .img_wrap img { width: 100%;}
.support_sports + .bottom_spacer { padding-top: 0; } /* 20180129 정윤진, 간격 수정 */
.motosports_wrc { margin-top: 80px; }
.motosports_wrc .item { /*padding: 60px 0; */ /*border-top: 1px #e4dcd3 solid;*/ }
.motosports_wrc .item.border_type {padding-top:60px;border-top: 1px #e4dcd3 solid;}
/*.motosports_wrc .item:first-child { padding-top: 0 !important; border-top: 0; }*/
.motosports_wrc .item:last-child { padding-bottom: 0; }
.motosports_wrc .row_title { margin-bottom: -15px; line-height: 1.4; }
.motosports_wrc .row_title + p {margin-top:30px;}
.motosports_wrc .ratio_type .col {width:37%;}
.motosports_wrc .ratio_type .col + .col {width:63%;}
@media screen and (max-width: 767px) {
    .support_sports .sub_title { margin-top: 30px; }
    .support_sports .img_wrap { margin: 60px 0 0; } /* 20180129 정윤진, 간격 수정 */
    .support_sports .img_wrap .grid { margin: -7px; }
    .support_sports .img_wrap .module { margin: 7px; }
    .motosports_wrc { margin-top: 40px; }
    .motosports_wrc .item { /* padding: 50px 0; */ }
    .motosports_wrc .item.border_type {padding-top:50px;}
    .motosports_wrc .row_title { margin-top: 20px; margin-bottom: -15px; }
    .motosports_wrc .ratio_type .col {width:100%;}
    .motosports_wrc .ratio_type .col + .col {width:100%;}
}
@media screen and (min-width: 1024px) {
    .support_sports .bullet_dot { margin-top: 50px; }
    .support_sports .fan_park:after { display: block; clear: both; content: ''; }
    .support_sports .fan_park .img_wrap { float: left; margin: 30px 60px 0 0; width: 50%; }
}
@media screen and (min-width: 767px) {
    .motosports_wrc .grid { margin: 0; }
    .motosports_wrc .module { margin: 0 30px; }
}


/* 내차 팔기 오토벨 */
/*200828 장미 오토벨 팝업 개선*/
.modal_autobell.layer_title p { color:#000; font-family: 'HeadMedium' }
.modal_autobell.layer_title p .core { display: block; font-size: 18px;margin-top: 10px; font-weight: normal; font-family: 'HeadRegular' }
.modal_autobell .flag { text-align: center; }
.modal_autobell hr { width: 100%; display: block; height: 1px; background: #e4dcd3; border: none; }
.modal_autobell .my_car_sell_step { padding: 0; background: none; margin: 40px 0 30px 0 }
.modal_autobell .my_car_sell_step .grid { margin: -10px -20px; }
.modal_autobell .my_car_sell_step .col { margin: 0 }
.modal_autobell .my_car_sell_step .module { margin: 10px 20px; padding: 0;  text-align: center}
.modal_autobell .my_car_sell_step .row_title {margin-top: 20px}
.modal_autobell .my_car_sell_step .item::before { display: none;}
.modal_autobell .my_car_sell_step .core {  font-size: 14px; line-height: 1.6; text-align: center; margin-top: 5px }
.modal_autobell .text_mycar_sell {margin-top:10px; text-align: center; line-height: 30px}
.modal_autobell .my_car_market_price { text-align: left; color: #000}
.modal_autobell .my_car_market_price .flag {border:1px solid #e4dcd3; width: 100%; overflow: hidden;}
.modal_autobell .my_car_market_price .flag img{ display: block; width: auto }
@media screen and (min-width: 768px) {
    .modal_autobell .my_car_sell_step .grid { margin: -20px -20px; }
    .modal_autobell .my_car_sell_step .module { margin: 20px 20px; }
    .modal_autobell .text_mycar_sell {margin-top:15px; text-align: center; line-height: 30px;}
    .modal_autobell .my_car_sell_step .core {margin-top: 15px}
    .mo_br{display: none;}
}
@media screen and (max-width: 767px) {
    .modal_autobell.layer_title p{letter-spacing: -1px}
    .modal_autobell .my_car_sell_step{margin:20px 0;}
    .modal_autobell .my_car_sell_step .grid{margin:0;}
    .modal_autobell .my_car_sell_step .col {display: block;width: 100%; padding: 0;}
    .modal_autobell .my_car_sell_step .module {margin:10px 45px;}
    .modal_autobell .my_car_sell_step .module .icon { width: 93px }
    .modal_autobell .my_car_market_price { text-align: center; }
}


/* 내차 팔기 유카 */
.modal_u_car .summary { margin-top: 0; color: #000; }
.modal_u_car .summary .item { margin-top: 15px; padding: 15px; background-color: #ece6e0; }
.modal_u_car .summary .item:first-child { margin-top: 0; }
.modal_u_car .summary .core { text-align: center; }
.modal_u_car .summary .row_title { margin: 10px 0; }
.modal_u_car .hr { margin: 30px 0; }
.free_business_trip { position: relative; text-align: center; color: #000; height: 110px; line-height: 110px; background: #ffe900; }
.free_business_trip::before { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 18px 20px 0 20px; border-color: #ffe900 transparent transparent transparent; }
.free_business_trip .icon { display: inline-block; vertical-align: top; }
.free_business_trip p { display: inline-block; vertical-align: middle; text-align: left; line-height: 1.4; }
.free_business_trip span { display: block; }
.free_business_trip .core { font-size: 30px; font-family: 'HeadMedium'; }
.u_car_merit {overflow:hidden; margin-top: 30px; word-break: keep-all; }
.u_car_merit .grid { margin: -10px; text-align: center; }
.u_car_merit .grid .module { margin: 10px; padding: 0 15px; overflow: hidden; border: 1px #ece6e0 solid; }
@media screen and (min-width: 768px) {
    .modal_u_car .summary .item { padding: 40px 0; }
    .modal_u_car .summary .core { width: 31%; }
    .modal_u_car .summary .desc { padding-right: 30px; width: 69%; }
    .modal_u_car .summary .row_title { margin: 0 0 10px 0; }
    .u_car_merit .grid .module { height: 200px; }
    .u_car_merit .sub_title { margin-top: 40px; }
    .modal_u_car .text_mycar_sell {margin-top:40px;font-size:17px;}
}
@media screen and (max-width: 767px) {
    .free_business_trip { height: 80px; line-height: 80px; }
    .free_business_trip::before { margin-left: -5px; border-width: 9px 10px 0 10px; }
    .free_business_trip .icon { width: 55px; }
    .free_business_trip .core { font-size: 20px; }
    .u_car_merit { margin-top: 15px; }
    .u_car_merit .grid { margin: -5px 0; }
    .u_car_merit .grid .module { margin: 5px 0; padding: 20px 15px; }
    .modal_u_car .text_mycar_sell {margin-top:30px;}
}

/* 내차 팔기 케이카 */
.modal_k_car .message {color: #000; word-break:keep-all;}
.modal_k_car .message.title {text-align:center; margin:0 10% 2em; font-family:'TextMedium';}
.modal_k_car .summary .item {margin-top: 15px; padding:15px; background-color:#f8f5f4;}
.modal_k_car .summary .item:first-child {margin-top:0;}
.modal_k_car .summary .core {text-align: center; }
.modal_k_car .summary .core img {width:120px; height:120px;}
.modal_k_car .summary .desc {text-align:center;}
.modal_k_car .summary .desc .row_title {margin:10px 0;}
.modal_k_car .banner_wrap {margin-top:25px; text-align:center;}
@media screen and (min-width: 768px) {
    .modal_k_car .summary .item {padding:40px 0;}
    .modal_k_car .summary .core {width:31%; }
    .modal_k_car .summary .core img {width:auto; height:auto;}
    .modal_k_car .summary .desc {padding-right:30px; width:69%; text-align:left;}
    .modal_k_car .summary .desc .row_title {margin:0 0 10px 0;}
    .modal_k_car .banner_wrap {margin-top:50px;}
}

/*상용 판매 네트워크*/
.network_wrap .btn.full {display: block;}
.network_wrap .btn {color:#fff;}
.network_wrap i.ico {position: relative; display:inline-block;}
.network_wrap .select_set {position: relative; height: auto; padding: 30px 15px; text-align: center; border-bottom: 1px solid #e4dcd3}
.network_wrap .select_set .select_wrap {width: 210px;}
/*** sale network ***/
.network_wrap {}
.network_wrap a:hover, .network_wrap a:focus, .network_wrap a:active {text-decoration: none;}
.network_wrap.content {overflow: hidden; width:100%;min-height: 800px;padding: 0}
.network_wrap .network_info {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 800px;}
.network_wrap .network_info .txt_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; min-width: 500px;height: 100%;background-color: #fff;}
.network_wrap .network_info .txt_wrap .txt {margin: 27px 30px 20px; font-size: 16px; line-height: 30px; letter-spacing: -.4px; color: #007fa8;}
.network_wrap .network_info .txt_wrap .align_cont .location_now {padding: 6px 30px;border-bottom: 1px solid #e4dcd3;;font-size: 14px;line-height: 28px;letter-spacing: -.4px;}
.network_wrap .network_info .txt_wrap .location_now .location_guide_wrap {display: none;}
.network_wrap .network_info .txt_wrap .location_now a{ z-index: 1;position: absolute;top: 11px;left: 28px;display: block;width: 14px;height:18px;padding: 0 10px;background: url(../../../../../../cstatic/images/new_common/ico_btn.png) center center no-repeat;background-position: -81px bottom;}
.network_wrap .network_info .txt_wrap .location_now span {position: relative;padding-left: 23px;color: #666;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap {position: relative;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap .btn_open {display: none;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap i {width: 0;height: 0;} /* 221208 add */
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap i::after{display: none;} /* 221208 add */
.network_wrap .network_info .txt_wrap .search_area .item_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item {width: calc(100% /3 );} /* 231208 modify */
.network_wrap .network_info .txt_wrap .search_area .item_list .item.xcient {width: 43%;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item.xcient .logo {display: inline-block;padding-left: 55%;background: url(../../../../../../cstatic/images/purchase/logo_xcient.png) 0 0 no-repeat;background-size: 105px;background-position: 0px -35px;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item.xcient.on .logo {background-position: 0 22px;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item button {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: block;width: 100%;height: 60px;padding: 0;white-space: nowrap;font-size: 15px;letter-spacing: 0;color: #fff;line-height: 60px;font-weight: 500;background: #444;font-family: 'HyundaiSansHeadKRR';}
.network_wrap .network_info .txt_wrap .search_area .item_list .item.on button {padding: 0;background: #fff;color:#000;}
.network_wrap .network_info .txt_wrap .result_num {padding: 14px 30px;font-family: "HyundaiSansHeadKR";border-top: 1px solid #fff;}
.network_wrap .network_info .txt_wrap .result_num strong {font-size: 16px;font-weight: 400;line-height: 16px;letter-spacing: -.4px;}
.network_wrap .network_info .txt_wrap .result_num span {color:#007fa8}
.network_wrap .network_info .txt_wrap .no_result {position: relative;border-top: 1px solid #e4dcd3;text-align: center;height: 397px;}
.network_wrap .network_info .txt_wrap .no_result .inner {position: absolute;top:47px;left:0;right:0}
.network_wrap .network_info .txt_wrap .no_result strong {display: inline-block;margin-bottom: 15px;font-size: 27px;font-weight: 400;line-height: 34px;letter-spacing: -0.4px;font-family: 'HyundaiSansHeadKR';}
.network_wrap .network_info .txt_wrap .no_result p {line-height: 28px;font-size: 14px;color: #000;letter-spacing: -0.4px;font-family:  'HyundaiSansTextKR';}
.network_wrap .network_info .txt_wrap .map_info {overflow: hidden;overflow-y: auto;height: 517px; min-height: 287px;border-top: 1px solid #e4dcd3;} /* 221107 edit */
.network_wrap .network_info .txt_wrap .map_info #uiList li {position: relative;padding: 20px 30px 30px;border-bottom: 1px solid #ccc;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .view_branch {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .view_branch button{display: block;width: 100%;height: 100%;border: none;background-color: transparent;font-size: 0;text-indent: -9999px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag {display: inline-block;padding: 0 10px;line-height: 26px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag span {color: #fff;font-size: 14px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag.bus {background-color: #007fa8;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag.truck {background-color: #0080a7}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag.xcient {width: auto; background-color: #002c5f}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag.xcient .logo {display: inline-block;padding-left: 80px;background: url(../../../../../../cstatic/images/purchase/logo_xcient.png) 0 0 no-repeat;background-size: 72px;background-position: 0 -32px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .h4_tit {display: inline-block;margin-left: 8px;font-size: 16px;line-height: 30px;letter-spacing: -0.4px;color:#000;font-family: 'HyundaiSansTextKR';}
.network_wrap .network_info .txt_wrap .map_info #uiList li dl {margin: 17px 0 0;font-size: 14px;line-height: 1.285;font-family: 'HyundaiSansTextKRR';}
.network_wrap .network_info .txt_wrap .map_info #uiList li dt {float: left}
.network_wrap .network_info .txt_wrap .map_info #uiList li dd {color: #666;line-height: 1.3;}
.network_wrap .network_info .txt_wrap .map_info #uiList li dd::after {display: block;content: '';clear: both;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .phone_info dd {display:flex;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .phone_info dd a{display:block; flex: 0 0 auto;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .phone_info dd a.link {position: relative; z-index:100; margin-left: auto; white-space: nowrap;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .operating_info dt {margin-right: 10px;color: #222;font-family: 'HyundaiSansTextKR';}
.network_wrap .network_info .txt_wrap .map_info #uiList li .operating_info {margin-top: 20px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi .btn_wrap {display: none;margin-top: 24px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi .btn_wrap .btn {position: relative; padding: 0 10px;width: 100%;height: 40px;line-height: 40px;background: #002C5F;border: 0;font-family: "HyundaiSansTextKR"; text-align:center;} /* 221107 edit */
.network_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi i.ico.blank {position: relative;width: 13px;height: 13px;right: 0;margin-top: 13px;margin-left: 8px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi i.ico.blank::after {position: absolute; content: ''; top: 0;left: 0;margin: 0;width: 100%;height: 100%;background: url('../images/common/ico_pc_20.png') no-repeat;background-position: -20px -260px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view {display: none;}
.network_wrap .network_info .txt_wrap .map_info #uiList li.on {background: #f6f3f2;}
.network_wrap .network_info .txt_wrap .map_info #uiList li.on .h4_tit {color: #007fa8;}
.network_wrap .network_info .txt_wrap .map_info #uiList li.on .btn_posi .btn_wrap {display: block;}
.network_wrap .network_info .map_wrap {width: calc(100% - 400px);height: 100%;background-color: #ccc;overflow: hidden;}
.network_wrap .network_info .map_wrap .align_cont {height: 100%;}
.network_wrap .network_info .map_wrap .align_cont>img{width:100%; height:100%;}

@media only screen and (max-width: 767px) {
.network_wrap .select_set .select_wrap {width: 100%;}
.network_wrap .network_info .txt_wrap {width: 100%; min-width: auto; font-size: 14px;}
.network_wrap .network_info .txt_wrap .align_cont .location_now {position: relative;background-color: #f7f3f2;padding: 25px 15px 10px 15px;border: none;}
.network_wrap .network_info .txt_wrap .location_now a {top: 37px;}
.network_wrap .network_info .txt_wrap .location_now span{padding: 0 15px 0 39px;line-height: 40px;display: block;background: #fff;}
.network_wrap .network_info .txt_wrap .search_area {background-color: #f7f3f2;}
.network_wrap .network_info .txt_wrap .search_area .select_area {padding: 25px 15px 25px;position: relative;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap .btn_open {display: block;width: 100%;height: 40px;line-height: 40px;background: #fff;text-align: left;padding: 0 15px;font-family: "HyundaiSansTextKR"; font-size:15px}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap .btn_open .ico {position: absolute;right: 15px;border-top: 7px solid #000;border-left: 4px solid transparent;border-right: 4px solid transparent;top: 17px;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap.open .btn_open .ico {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap .btn_open span {position: absolute;width: 1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip: rect(0,0,0,0);border:0;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap .item_list {display: none;position: absolute;z-index: 1;top: 50px;left: 0;right: 0;/* padding: 0 15px 0; */background: #f7f3f2;}/* 230119 edit */
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap .item {width: 100%;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item.xcient{width: 100%;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item.xcient .logo {background-size: 87px;background-position: 0 -30px;padding-left: 90px;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item.xcient.on .logo {background-position: 0px 18px;}
.network_wrap .network_info .txt_wrap .search_area .item_list .item button {height:50px;line-height: 50px;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap.open  {z-index: 10;}
.network_wrap .network_info .txt_wrap .search_area .sorting_wrap.open .item_list {display: block;} /* 230119 edit */
.network_wrap .network_info .txt_wrap .result_num {padding: 20px 15px;border-top: 1px solid #e4dcd3;}
.network_wrap .network_info .txt_wrap .result_num strong {font-size: 16px;line-height: 16px;}
.network_wrap .network_info .txt_wrap .no_result {height: 225px;}
.network_wrap .network_info .txt_wrap .no_result .inner {top: 50px;}
.network_wrap .network_info .txt_wrap .no_result .inner p {line-height: 1.78;}
.network_wrap .network_info .txt_wrap .no_result strong {margin-bottom: 20px;}
.network_wrap .network_info .txt_wrap .map_info {height: 100%;min-width: unset;overflow: visible;}
.network_wrap .network_info .txt_wrap .map_info #uiList li {padding: 20px 15px 15px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag span {line-height:30px;font-size: 15px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .flag.xcient .logo {padding-left: 82px;background-size: 74px;background-position: 0 -31px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li dl {margin: 10px 0;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .operating_info {margin-top: 19px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .phone_info {margin-bottom: 0;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi {display: none;}
.network_wrap .network_info .txt_wrap .map_info #uiList li.on {padding: 20px 15px 25px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li.on .map_view {display: block}
.network_wrap .network_info .txt_wrap .map_info #uiList li.on .map_view .map_detail {display: block;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .map_location {position: relative;overflow: hidden;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .map_location >div {margin-top: 14px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .map_location img {width: 100%;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap {position: relative;overflow: hidden;padding-top: 15px;font-size: 15px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a {float: left;width: calc(50% - 15px/2);line-height: 40px;text-align: center;background-color: #002c5e;color:#fff;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a + a {float: right; background-color:#666 ;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a .ico.blank {width: 18px; height: 18px; left: 5px;}
.network_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a .ico.blank::after {content: '';display: block;position: absolute; width:18px; height: 18px; top:50%;margin-top: -4px;left: 0;background: url(../../../../../../static/images/ico_btn.png) no-repeat;background-size: 134px auto;background-position:-32px -18px;filter: invert(100%);}
.network_wrap .network_info .map_wrap {display: none;}
}

/*특장 서비스 네트워크*/
.network_wrap .btn.full, .cvnetwork_wrap .btn.full {display: block;}
.network_wrap .btn, .cvnetwork_wrap .btn {color:#fff;}
.network_wrap i.ico, .cvnetwork_wrap i.ico {position: relative; display:inline-block;}
.network_wrap .select_set {position: relative; height: auto; padding: 30px; text-align: center; border-bottom: 1px solid #e4dcd3}
.network_wrap .select_set .select_wrap {width: 210px;}
.cvnetwork_wrap.content {overflow: hidden;padding: 0; width:100%;min-height: 800px}
.cvnetwork_wrap .network_info {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 800px;}
.cvnetwork_wrap .network_info .txt_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 500px;height: 100%;background-color: #fff;}
.cvnetwork_wrap .network_info .txt_wrap .align_cont .location_now {padding: 6px 30px;border-bottom: 1px solid #e4dcd3;;font-size: 14px;line-height: 28px;letter-spacing: -.4px;}
.cvnetwork_wrap .network_info .txt_wrap .location_now .location_guide_wrap {display: none;}
.cvnetwork_wrap .network_info .txt_wrap .location_now #btnGetCurAddr {z-index: 1;position: absolute;top: 11px;left: 28px;display: block;width: 14px;height:18px;padding: 0 10px;background: url('../../../../../../cstatic/images/new_common/ico_btn.png') center center no-repeat;background-position: -81px bottom;}
.cvnetwork_wrap .network_info .txt_wrap .location_now #uiCurrentAddr {position: relative;padding-left: 23px;color: #666;}
.cvnetwork_wrap .network_info .txt_wrap .search_area {padding: 30px;background-color: #fff;font-size:14px;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .select_area {position: relative; display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap: 10px;margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content: space-between;-ms-flex-line-pack:justify;align-content:space-between;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown {position: relative}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open {display:block;width:100%;height:40px;font-size: 14px;line-height:40px;background: #f7f3f2;text-align:left;padding:0 15px;font-family: "HyundaiSansTextKR";}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open span {display:inline-block;margin-right: 3.5px;padding: 0;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open .ico {position:absolute;top:17px; right:15px; width: 0; height:0;  border-top:7px solid #000;border-left:4px solid transparent;border-right:4px solid transparent;}/* 221208 edit */
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open .ico:after{display: none}/* 221208 add */
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap {visibility: hidden;margin-top: 9px;position: absolute;top: 41px;left: 0;right: 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;-webkit-transform-origin:center top;transform-origin:center top;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list {text-align: center;padding: 6px 0;background: #fff;max-height: 290px;overflow-y: auto;overflow-x: hidden;-webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item a {color: #000;line-height: 34px;font-family: "HyundaiSansTextKRR";}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item.on,
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item:hover {background-color: #f5f7fa;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item.on a,
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item:hover a {background-color: #f5f7fa;}
/* DROPDOWN OPEN */
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown.open .ui_dropdown_wrap {z-index: 1;visibility: visible;opacity: 1;-webkit-transform: scaleY(1);transform: scaleY(1);}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown.open .btn_open .ico {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
/* DROPDOWN ARROW */
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_arrow {width: 10px;height: 12px;position: absolute;top: -12px;left: calc(50% - 5px);overflow:hidden;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_arrow::after{content:"";position:absolute;width:19px;height:6px;background:#fff;-webkit-transform:rotate(45deg);top:13px;left:0;-webkit-box-shadow: 2px 0px 10px 2px rgb(0 0 0 / 10%);box-shadow: 2px 0px 10px 2px rgb(0 0 0 / 10%);}
/* SCROLL BAR */
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list::-webkit-scrollbar {width: 6px;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list::-webkit-scrollbar-thumb {border-radius: 30px;background-color: rgba(144,147,153,.3);background-clip: content-box;} 
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown.sorting_wrap {width: calc(50% - 5px);}
.cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown.select_wrap {position: relative;width: calc(50% - 5px);}
.cvnetwork_wrap .network_info .txt_wrap .search_area .input_area {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:10px;gap: 10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content: space-between;-ms-flex-line-pack:justify;align-content:space-between;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap {flex-grow: 2;line-height: 40px;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap input {width: 100%;height: 40px;border: 0;padding: 0 11% 0 15px;font-size: 14px;letter-spacing: -.4px;color: #666;line-height: 24px;background-color: #f6f3f2;border-radius: 4px;font-family: "HyundaiSansTextKR";-webkit-text-fill-color: #000;}
.cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap input:focus-visible {outline:none}
.cvnetwork_wrap .network_info .txt_wrap .search_area .input_area #btnSearch {display: block;flex-grow: 0;height: 40px;min-width: unset;font-size: 16px;line-height: 40px;border: none;background-color: #012d5e;-ms-flex-preferred-size: 108px;flex-basis: 106px;font-family: "HyundaiSansTextKR";}
.cvnetwork_wrap .network_info .txt_wrap .search_area i {width: 0;height: 0;} /* 221207 add */
.cvnetwork_wrap .network_info .txt_wrap .search_area i::after {display: none;} /* 221207 add */
.cvnetwork_wrap .network_info .txt_wrap .result_num {position: relative;padding: 14px 30px;font-family: "HyundaiSansHeadKR";border-top: 1px solid #e4dcd3;}
.cvnetwork_wrap .network_info .txt_wrap .result_num strong {font-size: 16px;font-weight: 400;line-height: 16px;letter-spacing: -.4px;}
.cvnetwork_wrap .network_info .txt_wrap .result_num span {color:#007fa8}
.cvnetwork_wrap .network_info .txt_wrap .no_result {position: relative;border-top: 1px solid #e4dcd3;text-align: center;height: 500px;}
.cvnetwork_wrap .network_info .txt_wrap .no_result .inner {position: absolute;top: 47px;left:0;right:0;}
.cvnetwork_wrap .network_info .txt_wrap .no_result strong {display: inline-block;margin-bottom: 15px;font-size: 27px;font-weight: 400;line-height: 34px;letter-spacing: -0.4px;font-family: 'HyundaiSansHeadKR';}
.cvnetwork_wrap .network_info .txt_wrap .no_result p {line-height: 28px;font-size: 14px;color: #000;letter-spacing: -0.4px;font-family: 'HyundaiSansTextKR';}
.cvnetwork_wrap .network_info .txt_wrap .map_info {overflow: hidden;overflow-y: auto;height: 540px;min-height: 287px;border-top: 1px solid #e4dcd3;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li {position: relative;padding: 13px 30px 15px;border-bottom: 1px solid #ededed;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .view_branch {overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .view_branch button{display: block;width: 100%;height: 100%;border: none;background-color: transparent;font-size: 0;text-indent: -9999px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag {display: inline-block;padding: 0 10px;line-height: 26px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag span {color: #fff;font-size: 14px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag.bus {background-color: #007fa8;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag.truck {background-color: #0080a7}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag.xcient {width: auto; background-color: #002c5f}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag.xcient .logo {display: inline-block;padding-left: 80px;background: url('../../../../../../cstatic/images/purchase/logo_xcient.png') 0 0 no-repeat;background-size: 72px;background-position: 0 -32px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .h4_tit {display: inline-block;font-size: 16px;line-height: 30px;letter-spacing: -0.4px;color:#000;font-family: 'HyundaiSansTextKR';}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .distance {display: none;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li dl {margin: 12px 0 16px;font-size: 14px;line-height: 1.285;font-family: "HyundaiSansTextKRR";}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li dt {float: left}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li dd {color: #666;line-height: 1.3;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li dd::after {display: block;content: '';clear: both;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .operating_info dt {margin-right: 10px; color: #222;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .operating_info {margin-top: 20px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .phone_info {margin: 8px 0 0;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi .btn_wrap {display: none;margin-top: 25px;margin-bottom: 15px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi .btn_wrap .btn {position: relative;padding: 0 10px;height: 40px;width: 100%;line-height: 40px;background: #002C5F;border: 0;font-family: "HyundaiSansTextKR"; text-align: center;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi i.ico.blank {position: relative;width: 13px;height: 13px;right: 0;margin-top: 13px;margin-left: 8px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi i.ico.blank::after {position: absolute; content: ''; top: 1px;left: 0;margin: 0;width: 100%;height: 100%;background: url('../images/common/ico_pc_20.png') no-repeat;background-position: -20px -260px;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view {display: none;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li.on {background: #f6f3f2;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li.on .h4_tit {color: #007fa8;}
.cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li.on .btn_posi .btn_wrap {display: block;}
.cvnetwork_wrap .network_info .map_wrap {width: calc(100% - 400px);height: 100%;background-color: #ccc;overflow: hidden;}
.cvnetwork_wrap .network_info .map_wrap .align_cont {height: 100%;}
.network_wrap .network_info {height: 100%;}

/* MO */
@media only screen and (max-width: 767px) {
    /*** service cv network ***/
    .cvnetwork_wrap .network_info {height: 100%;}
    .cvnetwork_wrap .network_info .txt_wrap {width: 100%;font-size: 14px;}
    .cvnetwork_wrap .network_info .txt_wrap .align_cont .location_now {position: relative;background-color: #f7f3f2;padding: 25px 15px 10px 15px;border: none;}
    .cvnetwork_wrap .network_info .txt_wrap .location_now #btnGetCurAddr {top: 37px;}
    .cvnetwork_wrap .network_info .txt_wrap .location_now #uiCurrentAddr {padding: 0 15px 0 39px;line-height: 40px;display: block;background: #fff;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area {padding: 0 15px 30px;background: #f7f3f2;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list {top:50px;max-height: 200px;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item a {height: 34px; border:none;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .ui_dropdown_wrap .ui_dropdown_list .item.on a {font-weight: 700;color: #409eff;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown.sorting_wrap {-ms-flex-preferred-size:calc(50% - 5px);flex-basis:auto;width:calc(50% - 5px); background: #fff;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown.select_wrap {-ms-flex-preferred-size:calc(50% - 5px);flex-basis:auto;width:calc(50% - 5px);}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open {border: none;background: #fff;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open span {font-size: 14px;line-height: 40px;color: inherit;font-family: "HyundaiSansTextKR";}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .ui_dropdown .btn_open:focus,
    .cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap input:focus,
    .cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap input:focus-visible {border-color: #409eff;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .input_area {display: block;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap {width: 100%;margin-bottom: 30px;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .input_area .input_wrap input {background-color: #fff;color: #000;}
    .cvnetwork_wrap .network_info .txt_wrap .search_area .input_area #btnSearch {width: 100%;}
    .cvnetwork_wrap .network_info .txt_wrap .result_num {padding: 20px 15px;}
    .cvnetwork_wrap .network_info .txt_wrap .result_num strong {font-size: 16px;line-height: 16px;}
    .cvnetwork_wrap .network_info .txt_wrap .no_result {height: 225px;}
    .cvnetwork_wrap .network_info .txt_wrap .no_result .inner {top:50px}
    .cvnetwork_wrap .network_info .txt_wrap .no_result .inner p {line-height: 1.78;}
    .cvnetwork_wrap .network_info .txt_wrap .no_result strong {margin-bottom: 20px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info {height: 100%;min-width: unset;overflow: visible;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li {padding: 13px 15px 15px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag span {line-height:30px;font-size: 15px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .flag.xcient .logo {padding-left: 82px;background-size: 74px;background-position: 0 -31px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li dl {margin: 4px 0 0;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .operating_info {margin-top: 20px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .btn_posi {display: none;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li.on {padding: 13px 15px 25px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li.on .map_view {display: block}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li.on .map_view .map_detail {display: block;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .map_location {position: relative;overflow: hidden;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .map_location img {width: 100%;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap {position: relative;overflow: hidden;padding-top: 15px;font-size: 15px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a {float: left;width: calc(50% - 15px/2); line-height: 40px;text-align: center; background-color: #002c5e;color:#fff}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a + a {float: right; background-color:#666 ;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a .ico.blank {width: 18px; height: 18px; left: 5px;}
    .cvnetwork_wrap .network_info .txt_wrap .map_info #uiList li .map_view .btn_wrap a .ico.blank::after {content: '';display: block;position: absolute; width:18px; height: 18px; top:50%;margin-top: -4px;left: 0;background: url(../../../../../../static/images/ico_btn.png) no-repeat;background-size: 134px auto;background-position:-31px -18px;filter: invert(100%);}
    .cvnetwork_wrap .network_info .map_wrap {display: none;}
}
/* ============================ [ additional.b.css ] ============================ */

/* 지속가능경영 - 지역사회 */
.content_list {  }
.content_list .module { overflow: hidden; padding: 80px 0; border-top: 1px solid #e4dcd3; }
.content_list .module:first-child { padding-top: 0; border-top: none; }
.content_list .img {  }
.content_list .desc {  }
.content_list .img { float: left; width: 58%; padding-right: 50px; }
/* .content_list .desc { float: right; width: 42%; text-align: left; } 20180126 정윤진, 디자인 변경 */
.content_list .desc { text-align: left; }
.content_list .text_area .row_title,
.content_list .desc .row_title { margin-bottom: 20px; } /* 20180205 정윤진, text_area 마크업일 경우 스타일 추가 */
.content_list .text_area p.text,
.content_list .desc p.text { margin-top: 20px; line-height: 1.8; }
.content_list .module.reverse .img { float: right; padding-left: 50px; padding-right: 0; }

.csm_community .section_title { max-width: 1120px; margin-left: auto; margin-right: auto; } /* 20180205 정윤진, 지역사회 section_title 공통수정 */
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .content_list .module { padding: 50px 0; }
    .content_list .img,
    .content_list .desc { float: none; display: block; width: 100%; padding: 0; }
    .content_list .img { margin-bottom: 20px; text-align: center;} /* 20180126 함은주, 디자인 반영 */
    .content_list .desc .row_title { margin-bottom: 10px; }
    .content_list .desc p.text { margin-top: 15px; }
    .content_list .desc p.text:first-child { margin-top: 10px; }
    .content_list .module.reverse .img { padding: 0; }
}

/* 고객서비스 - 블루멤버스 */
.bluemembers_benefit {  }
.bluemembers_benefit .section_title .button_wrap { padding: 50px 0 0; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /*  20180112 정윤진, 모바일 간격 추가 */
    .bluemembers_benefit {  }
    .bluemembers_benefit .section_title.border-none .main_title { margin-bottom: 0; }
    .bluemembers_benefit .section_title .main_title { margin-top: 0; }
    .bluemembers_benefit .section_title .button_wrap { padding: 40px 0 15px; }
}

/* 고객서비스 - 블루링크 overview */
.bluelink_head { width: 100%; max-width: 1120px; margin: 0 auto; text-align: center; }
.bluelink_head picture { display: block; margin-bottom: 40px; }
.bluelink_head p { color:  #626262; }
.bluelink_overview { width: 100%; max-width: 1120px; }
.bluelink_overview .grid { display: table; table-layout: fixed; width: 100%; border: 1px solid #e4dcd3; border-left: none; }
.bluelink_overview .col { display: table-cell; float: none; width: 33.333%; padding: 40px; border-left: 1px solid #e4dcd3; background-color: #fff; vertical-align: top; }
.bluelink_overview .upper {  }
/* 20180203 함은주 텍스트짤림 수정 */
.bluelink_overview .upper h4 {position: relative;  margin-bottom: 15px; font-family: "HeadMedium"; font-weight: bold; font-size: 30px; color: #000; z-index: 1;}
.bluelink_overview .upper .small { display: block; margin-bottom: 20px; color: #000; }
.bluelink_overview .upper .small em { color: #006992; }
.bluelink_overview .upper picture { display: block; text-align: center; }
.bluelink_overview .desc { padding: 30px 0 0; border-top: 1px solid #e4dcd3; }
.bluelink_quick { margin: 20px 0; }
.bluelink_quick .grid { margin: 0 -15px; }
.bluelink_quick .col { padding: 0 15px; }
.bluelink_quick .module { display: block; padding: 40px 0; border: 1px solid #e6e6e6; background-color: #fff; text-align: center; color: #000; }
.bluelink_quick .module strong { display: block; overflow: hidden; width: 95%; margin: 0 0 20px; text-overflow: ellipsis;white-space: nowrap; font-family: "HeadMedium"; font-size: 20px; }
.bluelink_quick .module span { display: inline-block; font-size: 14px; }
.bluelink_quick .module span:after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 2px; margin-top: -2px; border-right: 2px solid #000; border-top: 2px solid #000; vertical-align: middle;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .bluelink_head picture { width: 50%; margin: 0 auto 15px; }
    .bluelink_overview .grid { display: block; border: none; }
    .bluelink_overview .col { display: block; width: 100%; margin: 15px 0; padding: 15px; border: 1px solid #e4dcd3; }
    .bluelink_overview .col:first-child { margin-top: 0; }
    .bluelink_overview .upper { position: relative; zoom: 1; padding: 30px 0 20px; }
    /* 20180203 함은주 텍스트짤림 수정 */
    .bluelink_overview .upper picture { position: absolute; right: 0; top: 15px; width: 123px; z-index: 0; }
    .bluelink_quick { margin: -10px 0 0; }
    .bluelink_quick .grid { margin: 0 -5px; }
    .bluelink_quick .col { padding: 5px; }
    .bluelink_quick .module { padding: 25px 10px; }
    .bluelink_quick .module strong { margin-bottom: 15px; font-size: 16px; letter-spacing: -1px; }
}

/* 블루링크 소개 - 블루링크란 */
.bluelink_intro {  }
.bluelink_intro .video_set { margin-bottom: 80px; }
.bluelink_desc .item { margin: 0 0 20px; }
.bluelink_desc .item:last-child { margin-bottom: 0; }
.bluelink_desc .item .table { border: 1px solid #e4dcd3; }
.bluelink_desc .item .subject { width: 33.333%; background-color: #f6f3f2; text-align: center; }
.bluelink_desc .item .subject .sub_title { margin: 0; padding: 0; }
.bluelink_desc .item .desc { padding: 45px 35px; }
.bluelink_desc .item .desc strong { display: block; margin-bottom: 20px; font-size: 20px; line-height: 1.6; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .bluelink_intro .bluelink_logo { width: 50%; margin: 0 auto; padding-bottom: 0; }
    .bluelink_intro .main_title { margin-top: 0 !important; }
    .bluelink_intro .video_set { margin-bottom: 40px; }
    .bluelink_desc { margin-bottom: -20px; }
    .bluelink_desc .item { margin-bottom: 10px; }
    .bluelink_desc .item .table { display: block; }
    .bluelink_desc .item .subject,
    .bluelink_desc .item .desc { display: block; width: 100%; padding: 25px 15px; }
    .bluelink_desc .item .subject .sub_title { font-size: 16px; }
    .bluelink_desc .item .subject { padding-top: 50px; padding-bottom: 50px; }
    .bluelink_desc .item .desc strong { margin-bottom: 15px; font-size: 14px; font-family: "HeadMedium"; }
}
/* 20180127 정윤진, 블루링크 소개 - 서비스 소개 페이지 추가 */
.bluelink_service {  }
.bluelink_service .upper {  }
.bluelink_service .upper .logo { margin-bottom: 80px; text-align: center; }
.bluelink_service .upper .table { border-bottom: 1px solid #e4dcd3; }
.bluelink_service .upper .view { vertical-align: bottom; }
.bluelink_service .upper .desc { vertical-align: top; }
.bluelink_service .upper .desc .sub_title {  }
.bluelink_service .upper .desc p { margin-bottom: 40px; }
.bluelink_service .downer { overflow: hidden; zoom: 1; padding: 60px 0; border-bottom: 1px solid #e4dcd3; }
.bluelink_service .downer .table { margin-left: -1px; }
.bluelink_service .downer .cell { padding: 0 40px; border-left: 1px solid #e4dcd3; vertical-align: top; }
.bluelink_service .downer .module {  }
.bluelink_service .downer .view { margin-bottom: 50px; }
.bluelink_service .downer .desc {  }
.bluelink_service .downer .desc .row_title { margin-bottom: 15px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /*20180129 함은주, 모바일TEST*/
    /*.bluelink_service { margin-bottom: 10px; }*/
    .bluelink_service .upper .logo { margin-bottom: 40px; }
    .bluelink_service .upper .logo picture { display: inline-block; width: 131px; }
    .bluelink_service .upper .view { padding: 0 30px; }
    .bluelink_service .upper .table { border-top: 1px solid #e4dcd3; }
    .bluelink_service .upper .cell { display: block; }
    .bluelink_service .upper .desc p { margin-bottom: 25px; }
    .bluelink_service .downer { padding: 0; border: none; }
    .bluelink_service .downer .cell { display: block; padding: 30px 0; border-bottom: 1px solid #e4dcd3; }
    .bluelink_service .downer .cell .module { overflow: hidden; width: 100%; }
    .bluelink_service .downer .cell .view { float: left; width: 50%; margin: 0; text-align: center; }
    .bluelink_service .downer .cell .view picture { display: inline-block; width: 75px; }
    .bluelink_service .downer .cell .desc { float: left; width: 50%; }
    .bluelink_service .downer .desc .row_title { margin-bottom: 10px; }
}


/* 블루링크 특징 공통 */
.character_wrap { margin-bottom: -20px; }
.character_wrap .table { border-bottom: 1px solid #e4dcd3; }
.character_wrap .cell { width: 50%; vertical-align: top; }
.character_wrap .view { padding-top: 60px; padding-right: 70px; vertical-align: top; }
.character_wrap .view img { width: 100%; }
.character_wrap .desc { min-height: 400px; padding-bottom: 80px; }
.character_wrap .desc .text_strong { font-size: 20px; }
.character_wrap .desc .list_bullet_dot { margin: 30px 0; }
.character_wrap .desc .list_bullet_dot.half li { float: left; min-width: 35%; max-width: 40%; }
.character_wrap.vbottom .view { vertical-align: bottom; }
/* 블루링크 특징 - 스마트 컨트롤러 */
.smart_controller .item { position: relative; zoom: 1; width: 100%; margin: 0 0 35px; padding-left: 80px; }
.smart_controller .icon { position: absolute; left: 0; top: 0; width: 58px; height: 58px;  }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .character_wrap { margin-bottom: -30px; }
    .character_wrap .table { border: none; }
    .character_wrap .view,
    .character_wrap .desc { display: block; width: 100%; border-bottom: 1px solid #e4dcd3; }
    .character_wrap .view { display: none; padding: 0 0 20px; text-align: center; }
    .character_wrap .view img { width: inherit; }
    /* 20180116 정윤진, 모바일 간격 수정
     .character_wrap .desc { min-height: inherit; padding-bottom: 0; } */
    .character_wrap .desc { min-height: inherit; padding-bottom: 35px; }
    .character_wrap .desc .sub_title { margin: 10px 0 0; }
    .character_wrap .desc .text_strong { margin: 10px 0; font-size: 16px; }
    .character_wrap .desc .list_bullet_dot { margin: 15px 0; }
    .character_wrap .desc .list_bullet_dot.half li { max-width: 50%; width: 50%; margin: 0 0 5px; }
    .smart_controller .item:last-child { margin-bottom: 0; }
    /* .smart_controller .icon { width: 29px; height: 29px; } */
}

/* 블루링크 이용안내 - 서비스 가입 */
.bluelink_join {  }
.bluelink_join .tbl_wrap { margin: 10px 0; }
.bluelink_join_notify {  }
.bluelink_join_notify .sub_title { margin-top: 0; }
/* 20180127 정윤진, 서비스 가입 페이지 통합 */
.user_service.bluelink_service_join {  }
.user_service.bluelink_service_join .section.step1 .sub_title { margin-top: 0; }
.user_service.bluelink_service_join .section.step1 .button_wrap { margin-bottom: 0; }
.user_service.bluelink_service_join .section .sub_title { margin-bottom: 10px; }
.user_service.bluelink_service_join .section .row_title { margin-top: 80px; }
.user_service.bluelink_service_join .section .first-child { margin-top: 0; }
.user_service.bluelink_service_join .section .button_wrap { padding: 0; margin: 80px 0; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .user_service.bluelink_service_join .section .sub_title { margin-top: 0; }
    .user_service.bluelink_service_join .section .row_title { margin-top: 30px; }
    .user_service.bluelink_service_join .section .row_title.first-child { margin-top: 0; }
    .user_service.bluelink_service_join .section .button_wrap { padding: 0; margin: 40px 0; }
}

/* 블루링크 가입방법 안내 : 2018-04-09 이지혜 */
.bluelink_join_list {padding:50px 15px;}
.bluelink_join_list .grid {margin: 20px -10px; padding: 0; list-style: none; }
.bluelink_join_list .col {float:none; display:inline-block; width:50%; margin:0 -5px 0 0; padding:0 10px 30px; vertical-align: top; line-height:1.4; font-size: 14px;}
.bluelink_join_list .col picture {display:block;}
.bluelink_join_list .col img {width:100%;}
.bluelink_join_list .col .text {margin-top:15px; line-height:1.4;}
.bluelink_join_list .col .info-text {position:relative; margin-top:15px; padding-left:30px; color:#000;}
.bluelink_join_list .col .info-text em {position:absolute; left:0; top:0; width:18px; height:18px; line-height:18px; text-align:center; font-family:'HeadMedium'; font-size:12px; color:#fff; background-color:#002c5f; border-radius:100%;}
.bluelink_join_list .col .info-text .br {display:block;}
.bluelink_join_list .ect_info .list li {margin-left:14px; text-indent:-14px;}
.bluelink_join_list .ect_info .list .list_bullet_dash {margin:0; font-size:14px;}
.bluelink_join_list .ect_info .list .list_bullet_dash li {margin:0; text-indent:0;}
.bluelink_join_list .ect_info picture {display:block; text-align:center; margin-top:20px;}
.bluelink_join_list .grid.col_03 {margin:20px -10px 0;}
.bluelink_join_list .grid.col_03 .col  {width:100%;}

@media screen and (min-width: 768px) {
    /* 768 미만 mobile  */
    .bluelink_join_list .col {font-size:16px;}
    .bluelink_join_list .col {padding:0 10px 60px;}
    .bluelink_join_list .col .info-text .br {display:inline;}
    .bluelink_join_list .grid.col_03 .col {width:33.3%; position:relative; min-height:380px;}
    .bluelink_join_list .grid.col_03 .colspan {position:absolute; bottom:60px; left:-100%; width:200%; margin-left:10px;}
    .bluelink_join_list .ect_info.minus {margin-top:-65px;}
}
@media screen and (min-width: 1024px) {
    .bluelink_join_list .grid {margin:30px -16px 0;}/*margin: 0 -30px;*/
    .bluelink_join_list .col {width:25%; padding:0 16px 60px;}
    .bluelink_join_list .col .info-text em {font-size:20px; line-height:1.2em; background:0 none; width:auto; height:auto; color:#000;}
    .bluelink_join_list .ect_info picture {display:inline-block; width:352px; margin-right:28px;}
    .bluelink_join_list .grid.col_03 .col {min-height:355px;}
    .bluelink_join_list .grid.col_03 .colspan {bottom:60px; margin-left:20px;}
    .bluelink_join_list .ect_info.minus {margin-top:-65px;}
}
@media screen and (min-width: 1120px) {
    .bluelink_join_list {padding:50px 0;}
    .bluelink_join_list .grid .col {width:25%; padding:0 16px 60px;}
    .bluelink_join_list .grid.col_03 .col {min-height:385px;}
}

/*210310 grid layout  추가*/
.grid-wrap {}
.grid-wrap .grid {margin: 20px -10px; padding: 0; list-style: none; }
.grid-wrap .col {float:none; display:inline-block; width:50%; margin:0 -5px 0 0; padding:0 10px 30px; vertical-align: top; line-height:1.4; font-size: 14px;}
.grid-wrap .col picture {display:block;}
.grid-wrap .col img {width:100%;}
.grid-wrap .col .text {margin-top:15px; line-height:1.4;}
.grid-wrap .col .info-text {position:relative; margin-top:15px; padding-left:30px; color:#000;}
.grid-wrap .col .info-text em {position:absolute; left:0; top:0; width:18px; height:18px; line-height:18px; text-align:center; font-family:'HeadMedium'; font-size:12px; color:#fff; background-color:#002c5f; border-radius:100%;}
.grid-wrap .col .info-text .br {display:block;}
.grid-wrap .ect_info .list li {margin-left:14px; text-indent:-14px;}
.grid-wrap .ect_info .list .list_bullet_dash {margin:0; font-size:14px;}
.grid-wrap .ect_info .list .list_bullet_dash li {margin:0; text-indent:0;}
.grid-wrap .ect_info picture {display:block; text-align:center; margin-top:20px;}
.grid-wrap .grid.col_03 {margin:20px -10px 0;}
.grid-wrap .grid.col_03 .col  {width:100%;}

@media screen and (min-width: 768px) {
    /* 768 미만 mobile  */
    .grid-wrap .col {font-size:16px;}
    .grid-wrap .col {padding:0 10px 60px;}
    .grid-wrap .col .info-text .br {display:inline;}
    .grid-wrap .grid.col_03 .col {width:33.3%; position:relative; min-height:380px;}
    .grid-wrap .grid.col_03 .colspan {position:absolute; bottom:60px; left:-100%; width:200%; margin-left:10px;}
    .grid-wrap .ect_info.minus {margin-top:-65px;}
}
@media screen and (min-width: 1024px) {
    .grid-wrap .grid {margin:30px -16px 0;}/*margin: 0 -30px;*/
    .grid-wrap .col {width:25%; padding:0 16px 60px;}
    .grid-wrap .col .info-text em {font-size:20px; line-height:1.2em; background:0 none; width:auto; height:auto; color:#000;}
    .grid-wrap .ect_info picture {display:inline-block; width:352px; margin-right:28px;}
    .grid-wrap .grid.col_03 .col {min-height:355px;}
    .grid-wrap .grid.col_03 .colspan {bottom:60px; margin-left:20px;}
    .grid-wrap .ect_info.minus {margin-top:-65px;}
}
@media screen and (min-width: 1120px) {
    .grid-wrap {padding:50px 0;}
    .grid-wrap .grid .col {width:25%; padding:0 16px 60px;}
    .grid-wrap .grid.col_03 .col {min-height:385px;}
}

/* 차량내 가입신청 방법 레이어 팝업 */
.join_in_car {  }
.join_in_car .section_gray { margin: 40px 0; padding: 30px; }
.join_navi { margin: 30px 0 0; border-top: 1px solid #ededed; }
.join_navi .grid { margin: 0 -30px; padding: 0; list-style: none; }
.join_navi .col { padding: 40px 30px 0; }
.join_navi .col span { display: block; margin-bottom: 20px; color: #000; font-size: 14px; line-height: 1.4; }
.join_navi .col picture {  }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .join_in_car .section_gray { margin: 20px 0; padding: 15px; }
    .join_navi .grid { margin: 20px -10px; }
    .join_navi .col { float: none; display: inline-block; margin: 0 -5px; padding: 0 10px 30px; vertical-align: top; }
    .join_navi .col span { margin-bottom: 10px; font-size: 12px; color: #000; }
    /* .join_navi .col img { width: 100%; } */
}

/* 블루링크 이용안내 - 요금제 안내 */
.bluelink_fee {  }
.bluelink_fee .text_notice { color:  #626262; }
/* 20180208 함은주, ASIS 반영 */
.user_service .service_step .icon_voice {display:inline-block; width:2.5em; vertical-align:2px;}
.user_service .bluelink_notify .row_title {margin-top:0;}
.footnote {margin:10px 0 -10px; font-size: 0.9em; color:#000; line-height:1.5;}
.footnote dt {float:left; clear:both; margin-right:8px;}
.footnote dd {overflow: hidden; margin-bottom:10px; word-break: keep-all;}

/* 블루링크 이용안내 - 차종별 안내 */
.bluelink_type {  }
.bluelink_type_search { margin-bottom: 20px; } /* 20180127 정윤진, 디자인 수정 */
.bluelink_type_search .upper { margin-bottom: 30px; }
.bluelink_type_search .upper .sub_title { margin: 0 0 10px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .bluelink_type_search { margin-bottom: 10px; }
    .bluelink_type_search span[class^="select_wrap"] { width: 100%; text-align: left; } /* 20180126 정윤진, select 정렬 수정 */
}

/* 블루링크 서비스 공통 */
.bluelink_service {  }
.bluelink_service h2 { margin-bottom: 0; }
.bluelink_service .text_large { font-size: 20px; }
.bluelink_service .button_wrap { padding: 60px 0; }
 /* 20180119 함은주, 디자인 반영 */
.bluelink_service .top_message { position: relative; padding: 40px 0; }
.bluelink_service .top_message .row_title { margin: 0 0 15px; }
.bluelink_service .top_message .action { margin: 40px 0; text-align: center; }
.sos_service {  }
.sos_service .grid { overflow: hidden; zoom: 1; }
.sos_service .col { position: relative; zoom: 1; display: inline-block; float: none; vertical-align: top; margin: -1px -5px 0; padding: 40px 20px; /*border-top: 1px solid #e4dcd3;*/ }
.sos_service .col:after { position: absolute; left: 0; top: 0px; content:''; display: block; width: 200%; line-height: 0; border-top: 1px solid #e4dcd3; }
.sos_service .module { display: table; }
.sos_service .view { display: table-cell; }
.sos_service .view .icon { display: inline-block; width: 170px; height: 170px; background-size: 100% auto; max-width: none; }
.sos_service .desc { display: table-cell; vertical-align: top; padding-left: 30px; }
.sos_service .desc .row_title { margin-top: 0; }
.service_step ol { margin: 30px -15px 50px; /* margin: 0 -15px; */ padding: 0; list-style: none; }
.service_step li { position: relative; zoom: 1; padding: 15px; }
.service_step li:after { content: ' '; display: inline-block; position: absolute; right: -5px; top: 50%; margin-top: -8px; width: 16px; height: 16px; border-right: 2px solid #b5b5b5; border-top: 2px solid #b5b5b5;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.service_step li:last-child:after { display: none; }
.service_step li span { display: block; margin-top: 15px; color: #000; /*text-align: center;*/ } /* 20180207 함은주, 현업요청 정렬수정 */
.service_step picture { display: inline-block; max-width:100%;}
.service_step.has_border picture { border: 1px solid #ece6e0; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /* 20180116 정윤진, 모바일 간격 수정
    .user_service.bluelink_service .sub_title {margin-top:20px;} */
    /* 20180119 함은주, 디자인 반영 */
    .bluelink_service .top_message { padding: 30px 15px; }
    .bluelink_service .top_message .row_title { margin: 0 0 10px; }
    .bluelink_service .top_message .action { margin: 20px 0; text-align: center; }
    .user_service.bluelink_service .sub_title { margin-top:40px;margin-bottom: 5px; }
    .bluelink_service .sub_title.first-child {margin:0;}
    .bluelink_service .image_wrap {margin:40px 0; padding:0;}
    .bluelink_service .text_large { font-size: 14px; }
    .bluelink_service .image_wrap.has_border { margin-bottom: 20px; }
    .sos_service .col {padding:25px 0;}
    .sos_service .desc {padding-left:20px;}
    .sos_service .view .icon { width: 125px; height: 85px; padding:0 20px;}
    .row_title +.service_step ol {margin-top:-10px;}
    .service_step { margin-top: 25px; }
    /* 20180116 정윤진, 모바일 디자인 수정 */
    .bluelink_service .button_wrap { margin: 40px 0; padding: 0; }
    .service_step ol { margin: -7px; }
    .service_step li { padding: 7px; }
    .service_step li:after { width: 6px; height: 6px; right: -3px; top: 40%; margin-top: 0; }
    .service_step li span {margin-top:10px; line-height: 20px;}
    .service_step.is_vertical li { padding-top: 0; }
    .service_step.is_vertical li span { text-align: center; }
    .service_step.is_vertical li:after { display: block; position: static; width: 15px; height: 15px; margin: 0 auto 20px;
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .service_step.is_vertical li:last-child:after { display: none; }
}

/* 블루링크 서비스 -  뉴 컨시어지 */
.concierge_use { margin: 80px 0; border: 1px solid #ece6e0; }
.concierge_use .nth-child-1 { border-bottom: 1px solid #ece6e0; }
.concierge_use .grid { position: relative; zoom: 1; }
.concierge_use .grid:after {  }
.concierge_use .col:first-child:after { content: " "; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #ece6e0; }
.concierge_use .col .module { display: table; }
.concierge_use .col .view,
.concierge_use .col .desc { display: table-cell; padding: 40px; vertical-align: top; }
.concierge_use .col .desc { padding-left: 0; }
.concierge_use .col .view { width: 50%; }
.concierge_use .view .icon { display: inline-block; width: 170px; height: 170px; background-size: 100% auto; }
.concierge_use .desc .row_title { margin-top: 0; }
.concierge_use .desc .text {  }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .concierge_use { margin: 40px 0; }
    .concierge_use .col:first-child { border-bottom: 1px solid #ece6e0; }
    .concierge_use .col:first-child:after { display: none; }
    .concierge_use .col .view { width: 20%; }
    .concierge_use .view .icon { width: 85px; height: 85px; }
    .concierge_use .col .desc { padding-left: 0; }
}

/* 블루링크 고객센터 안내 */
.contact_info { margin: 20px 0 0; } /* 20180127 정윤진, 디자인 변경 */
.contact_info .module { display: table; width: 100%; border: 1px solid #e4dcd3; }
.contact_info .view,
.contact_info .desc { display: table-cell; vertical-align: middle; }
.contact_info .view { width: 40.6%; text-align: center; background-color: #f6f3f2; }/* 190911 modify */
.contact_info .view .sub_title {margin: 0;padding: 0 100px;vertical-align: middle;} /* 190917 modify */ /* 190911 modify */
.contact_info .view .icon {display: inline-block;width: 120px;margin: 0 0 30px 0;vertical-align: middle;} /* 190917 modify */ /* 190911 modify */
.contact_info .desc { padding: 44px 30px 39px 30px; }/* 190911 modify */
.contact_info .desc .list_bullet_dot { margin-bottom: 15px;color:#000;}/* 190911 modify */
.contact_info + .button_wrap { padding-top: 60px; padding-bottom: 0; }
/* 190911 add */
.contact_info .module + .module {border-top:none;}
.contact_info .desc .list_bullet_dot li {line-height:1.7;}
.contact_info .desc .list_bullet_dot .color {color:#666;}
.contact_info .desc p.text {color:#000;}
.contact_info .bluelink_app .view .sub_title {display:inline-block;margin: 0 16px;padding:0;vertical-align:middle;} /* 190917 modify */
.contact_info .bluelink_app .view .icon {display: inline-block;width:110px;margin: 32px 0 30px 0;vertical-align:middle;} /* 190917 modify */
.contact_info .bluelink_app .desc {padding:45px 30px 25px 30px;}
.contact_info .bluelink_app .desc .qr_code {margin:12px 0;}
/* //190911 add */
.bluelink_as .sub_title { margin-bottom: 20px; }
.bluelink_as p.caution { margin: 30px 0 20px; color:  #626262; }
.bluelink_as .button_wrap { padding-top: 60px; padding-bottom: 0; }
.bluelink_as .frame { margin-top: 20px; padding: 20px; background-color: #f6f3f2; font-size: 14px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .contact_info { margin: 20px 0 0; }
    .contact_info .view,
    .contact_info .desc { display: block; width: 100%; padding: 30px 0; }/* 190911 modify */
    .contact_info .view .icon { width: 95px; margin: 0 auto; }
    .contact_info .view .sub_title {margin-top: 6px; padding: 0; }
    .contact_info .desc { padding: 15px; }
    .contact_info .desc .list_bullet_dot { margin-bottom: 10px; }
    .contact_info + .button_wrap { padding-top: 40px; }
    .bluelink_as .button_wrap { padding-top: 40px; }
    /* 20180116 정윤진, 모바일 간격 수정 */
    .bluelink_customer .section:first-child .main_title { margin-top: 0; margin-bottom: 10px; }
    .bluelink_as .frame { margin-top: 10px; padding: 10px; }
    .contact_info .bluelink_app .view .sub_title {width:90px;margin-left:22px;}/* 190911 add */
    .contact_info .bluelink_app .view .icon {width:90px;margin:0 auto;}/* 190911 add */
    .contact_info .bluelink_app .desc {padding:15px;}/* 190911 add */
    .contact_info .bluelink_app .desc .qr_code {width:95px;}/* 190911 add */
    .contact_info .bluelink_app .desc .list_bullet_dot {margin-bottom:0;}/* 190911 add */
}
/* 190911 add */
@media screen and (max-width: 1023px) and (min-width:767px){
    .contact_info .bluelink_app .view .sub_title {width:213px;}
}
/* //190911 add */

/* 모터스포츠 공통 component */
.video_type_1 { position: relative; zoom: 1; margin: 40px 0; }
.video_type_1 .play { position: absolute; left: 50%; top: 50%; display: inline-block; width: 140px; height: 140px; margin-left: -70px; margin-top: -70px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/common/icon_play.png'); background-size: 100% auto; }
.image_type_1 {  }
.text_title {  }
.text_title:first-of-type { margin-top: 20px; }
.text_title .main_title { letter-spacing: -2px; line-height: 1.4; }
.text_type_1 {  }
.text_type_1 .core { padding: 1px 0; }
.text_type_1 .message { margin-bottom: 20px; }
.text_type_1 .message:last-of-type { margin-bottom: 0; }
.text_type_1 .row_title { margin: 20px 0; }
.text_type_1 .small_title { margin: 30px 0 15px; font-family: 'TextRegular'; font-size: 16px; font-weight: 400; }
.text_type_1 .list_bullet_dot li {  }
.text_type_1 .list_bullet_dot li strong { display: inline-block; min-width: 80px; font-family: 'TextRegular'; font-weight: 400; }
.text_type_2 {  }
.text_type_2 .core { display: table; }
.text_type_2 .desc,
.text_type_2 .info { display: table-cell; float: none; vertical-align: middle; }
.text_type_2 .desc { padding-right: 50px; vertical-align: top; }
.text_type_2 .info { width: 33.333%; padding-left: 50px; padding-right: 50px; border-left: 1px solid #ece6e0; }
.text_type_2 .desc .row_title { margin-bottom: 15px; }
.text_type_2 .desc .message { margin: 20px 0 40px; }
.text_type_3 {  }
.text_type_3 .item {  margin: 0 0 30px; clear: both; *zoom: 1; }
.text_type_3 .item:before,
.text_type_3 .item:after { content: ""; clear: both; display: table; }
.text_type_3 .item:last-of-type { margin-bottom: 0; }
.text_type_3 .img { float: right; width: 50%; }
.text_type_3 .core { float: left; width: 50%; padding-right: 50px; }
.text_type_3 .core .sub_title { margin-bottom: 15px; padding: 0; line-height: 1.4; }
.text_type_3 .core .message { margin: 15px 0 0; }
.text_type_3 .core .small_title {  }
.text_type_4 {  }
.text_type_4 .item { margin: 0 0 30px; clear: both; *zoom: 1; }
.text_type_4 .item:before,
.text_type_4 .item:after { content: ""; clear: both; display: table; }
.text_type_4 .item:last-of-type { margin-bottom: 0; }
.text_type_4 .img { float: left; width: 50%; }
.text_type_4 .core { float: right; width: 50%; padding-left: 50px; }
.text_type_4 .core .sub_title,
.text_type_4 .core .row_title { margin-bottom: 20px; line-height: 1.4; }
.text_type_4 .core .message { margin: 0 0 40px; }
.text_type_4 .core .message:last-of-type { margin-bottom: 0; }
.text_type_4 .core .small_title { margin: 40px 0 20px; font-family: 'TextRegular'; font-size: 16px; font-weight: 400; }
.text_type_4 .core .list_bullet_dash { margin-top: 20px; }
.text_type_4 .core li strong { display: inline-block; min-width: 100px; }
.text_type_5 {  }
.text_type_5 .row_title { margin-bottom: 10px; }
.text_type_5 .message,
.text_type_5 .list_bullet_dot { margin-bottom: 20px; }
.text_type_5 li { overflow: hidden; }
.text_type_5 li strong { float: left; width: 80px; }
.text_type_5 li span.text { float: left; word-break: break-all; width: 90%; }
.text_type_6 {  }
.text_type_6 .main_title { margin-bottom: 60px; }
.text_type_6 .view { margin-bottom: 30px; }
.text_type_column {  } /* image + text(2단) type */
.text_type_column .view { margin-bottom: 30px; }
.text_type_column .desc .grid { margin: 0 -15px; }
.text_type_column .desc .col { padding: 0 15px; }
.text_quicklink_1 .core { padding: 30px 50px; border: 1px solid #ece6e0; }
.text_quicklink_1 .module { display: table; width: 100%; table-layout: fixed; }
.text_quicklink_1 .desc,
.text_quicklink_1 .link { display: table-cell; vertical-align: middle; }
.text_quicklink_1 .desc {  }
.text_quicklink_1 .desc strong { font-size: 20px; line-height: 1.4; }
.text_quicklink_1 .link { width: 20%; text-align: right; }
.text_quicklink_2 {  }
.text_quicklink_2 .grid { margin: 0 -15px; }
.text_quicklink_2 .col { padding: 0 15px; }
.text_quicklink_2 .img {  }
.text_quicklink_2 .action { margin: 20px 0; }
.text_quicklink_2 .action a { width: 100%; }
.text_quicklink_2 .desc {  }
.text_quicklink_2 .desc .row_title { margin-bottom: 10px; line-height: 1.6; }
.text_quotation { text-align: center; }
.text_quotation .core {  }
.text_quotation q { quotes: none; display: block; line-height: 1.6; font-family: 'TextRegular'; font-size: 20px; font-weight: 400; text-align: center; color: #000; }
.text_quotation .core:before,
.text_quotation .core:after { content: " "; display: block; width: 30px; height: 30px; margin: 20px auto; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorshow/icon_quotation.png'); background-size: 100% auto; }
.text_quotation .core:after {
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
.text_quotation cite { display: block; margin-top: 25px; color:  #626262; font-style: normal; }
.text_quotation cite:before,
.text_quotation cite:after { content: "-"; color:  #626262;display: inline-block; }
.text_quotation.large .core {  }
.text_quotation.large q { font-size: 24px; }
.motorshow-program {  }
.motorshow-program .grid { margin: 0 -15px; }
.motorshow-program .col { padding: 0 15px; }
.motorshow-program .module {  }
.motorshow-program .img { margin-bottom: 20px; }
.motorshow-program .desc {  }
.motorshow-program .desc .small_title { margin-bottom: 20px; font-size: 16px; font-family: "TextRegular"; }
.motorshow-program .desc .list_bullet_plus li { position: relative; zoom: 1; padding-left: 20px; }
.motorshow-program .desc .list_bullet_plus li:before,
.motorshow-program .desc .list_bullet_plus li:after { position: absolute; left: 0; top: 0; content: ""; display: inline-block; background-color:  #626262; }
.motorshow-program .desc .list_bullet_plus li:before { top: 10px; width: 9px; height: 1px; }
.motorshow-program .desc .list_bullet_plus li:after  { top: 6px; left: 4px; width: 1px; height: 9px; }
.thumbnail_slide.desc { /*margin: 80px 0;*/ }
.thumbnail_slide.desc .thumb_desc { margin-top: 30px; display: block; width: 100%; max-width: 1120px; text-align: center; font-size: 20px; font-family: 'TextMedium'; }
.cross_slide { overflow: hidden; position: relative; zoom: 1; background-color: #000; max-height: 600px; }
.cross_slide .fake { position: relative; z-index: -1; }
.cross_slide .slide { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; max-width: 1120px; height: 100%; }
.cross_slide .slide li { position: absolute; left: 0; top: 0; z-index: -1; overflow: hidden; width: 100%; }
.cross_slide .slide li span {
    /*position: absolute;*/
    position: relative;
    float: left;
    display: block;
    width: 50%;
    -webkit-transition: all .5s;
    transition: all .5s; }
.cross_slide .slide li .left  { left: 0; /* top: -100%; */ transform: translateY(100%); }
.cross_slide .slide li .right { right: 0; /* top: 100%; */  transform: translateY(-100%); }
.cross_slide .slide li.active { z-index: 10; }
.cross_slide .slide li.active .left { /* top: 0; */ transform: translateY(0%); }
.cross_slide .slide li.active .right { /* top: 0; */ transform: translateY(0%); }
.cross_slide .controller {  }
.cross_slide .controller button { position: absolute; z-index: 10; left: 50%; margin-left: -23px; width: 46px; height: 46px; }
.cross_slide .controller button:after { content: ""; display: inline-block; width: 10px; height: 10px; border: 2px solid #fff;
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.cross_slide .controller .btn-prev { top: 0; }
.cross_slide .controller .btn-prev:after { border-bottom-color: transparent; border-left-color: transparent; }
.cross_slide .controller .btn-next { bottom: 0; }
.cross_slide .controller .btn-next:after { border-top-color: transparent; border-right-color: transparent; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .video_type_1 {  }
    .video_type_1 .play { width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; }
    .image_type_1 {  }
    .text_type_1 {  }
    .text_type_1 .list_bullet_dot { margin-top: 20px; }
    .text_type_1 .list_bullet_dot li .subject { display: table-cell; }
    .text_type_1 .list_bullet_dot li .text { display: table-cell; vertical-align: top; }
    .text_type_2 .core { display: block; }
    .text_type_2 .desc,
    .text_type_2 .info { display: block; width: 100%; padding: 0; border: none; }
    .text_type_3 .item { margin: 0; }
    .text_type_3 .core,
    .text_type_3 .img { float: none; width: 100%; margin: 0; padding: 0; }
    .text_type_3 .img { margin-bottom: 20px; }
    .text_type_3 .core .message { margin: 10px 0; }
    .text_type_4 {  }
    .text_type_4 .item {  }
    .text_type_4 .core,
    .text_type_4 .img { float: none; width: 100%; margin: 0; padding: 0; }
    .text_type_4 .img { margin-bottom: 20px; }
    .text_type_4 .core .sub_title,
    .text_type_4 .core .row_title { margin-bottom: 5px; }
    .text_type_4 .core .small_title { margin: 25px 0 20px; }
    .text_type_4 .core .list_bullet_dash { margin-top: 10px; }
    .text_type_4 .list_bullet_dot li {  }
    .text_type_4 .list_bullet_dot li .subject { display: table-cell; }
    .text_type_4 .list_bullet_dot li .text { display: table-cell; vertical-align: top; }
    .text_type_5 .message,
    .text_type_5 .list_bullet_dot { margin-bottom: 0; } /* 20180124 정윤진, 모바일 디자인 반영 css 추가 */
    .text_type_5 .list_bullet_dot li .subject { display: table-cell; }
    .text_type_5 .list_bullet_dot li .text { float: none; display: table-cell; vertical-align: top; }
    .text_type_column .view { margin-bottom: 15px; }
    .text_type_column .desc .col { margin: 10px; }
    .text_quicklink_1 .core { padding: 10px 20px; background-color: #f7f3f2; }
    .text_quicklink_1 .desc,
    .text_quicklink_1 .link { display: block; width: 100%; margin: 10px 0; text-align: center; }
    .text_quicklink_1 .desc { margin-bottom: 20px; }
    .text_quicklink_1 .desc strong { font-size: 16px; } /* &design 20180122 정윤진, 모바일 디자인 반영에 따른 css 수정 */
    .text_quicklink_1 .link .btn_md_primary { display: inline-block; width: auto; padding: 0 30px; }
    .text_quicklink_2 {  }
    .text_quicklink_2 .col { margin: 40px 0 0; }
    .text_quicklink_2 .col:first-child { margin-top: 0; }
    .text_quicklink_2 .action { margin: 10px 0; }
    .text_quotation .core:before  { margin-top: 0; } /* 20180122 정윤진, 모바일 디자인 반영에 따른 css 수정 */
    .text_quotation .core:after { margin-bottom: 0; }
    .text_quotation .core { padding-top: 35px; border-top: 1px solid #ece6e0; } /* 20180124 정윤진, 모바일 디자인 반영에 따른 css 수정 */
    .text_quotation q { font-size: 14px; }
    .text_quotation cite { line-height: 1.4; }
    .text_quotation.large .core { padding-top: 0; border: none; }
    .text_quotation.large q { font-size: 21px; } /* 20180122 정윤진, 모바일 디자인 반영에 따른 css 수정 */
    /* .text_quotation.large { margin-bottom: 30px; } 20180122 정윤진, 모바일 디자인 반영 css 삭제 */
    .motorshow-program .grid { margin-top: -30px; margin-left: -5px; margin-right: -5px; } /* &design 20180122 정윤진, 모바일 디자인 반영에 따른 css 수정 */
    /* .motorshow-program .col { margin: 10px 0; } */
    .motorshow-program .col-1-2 { float: none; display: inline-block; vertical-align: top; margin: 30px -4px 10px 0; padding: 0 6px; color: #000; font-family: "TextRegular"; font-size: 14px; letter-spacing: -.5px; } /* &design 20180122 정윤진, 모바일 디자인 반영에 따른 css 수정 */
    .thumbnail_slide.desc {  }
    .thumbnail_slide.desc .thumb_desc { margin-top: 15px; font-size: 14px; }
    .cross_slide {  }
}


/* 모터스튜디오 - 디지털 */
.motorstudio_slide {  }
.motorstudio_slide .ix-controller { overflow: visible; padding: 0; }
.motorstudio_slide .ix-thumbs { position: relative; z-index: 100; bottom: 60px; padding: 0; }
.motorstudio_location .img { margin: 40px 0 30px; border: 2px solid #e4dcd3; }
.motorstudio_guidance {  }
.motorstudio_guidance .core {  }
.motorstudio_guidance .core:before,
.motorstudio_guidance .core:after { content: ""; clear: both; display: table; }
/* 20180123 함은주, 디자인 반영 */
.motorstudio_guidance .view {margin-bottom:80px;}
.motorstudio_guidance .img { float: right; width: 44%; text-align:center;}
.motorstudio_guidance .desc { float: left; width: 56%;}
.motorstudio_guidance .desc .bullet_dash { margin: 10px 0; }
.pagelink_box .module {overflow:hidden; padding:30px 50px; background:#f7f3f2; border:1px solid #ece6e0;}
.pagelink_box .module p {float:left; padding:5px 0; line-height:1.87;}
.pagelink_box .module a {float:right;}
.object_info {  }
.object_info .col {  }
.object_info .subject {  }
.object_info .subject .sub_title { margin-bottom: 65px; line-height: 1.4; }
.object_info .subject .info li { margin: 10px 0; }
.object_info .subject .info li:last-of-type { margin-bottom: 0; }
.object_info .subject .info li .icon { vertical-align: middle; }
.object_info .subject .info .status.on { font-family: 'HeadMedium'; }
.object_info .desc { padding-left: 95px; border-left: 1px solid #ece6e0; }
.object_info .desc .row_title { margin-bottom: 20px; }
.object_info .desc .message { margin-bottom: 20px; }
.icon.mcalendar { display: inline-block; width: 20px; height: 20px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/icon_motorstudio_calendar.png'); background-size: 100% auto; }
.icon.mnote { display: inline-block; width: 20px; height: 20px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/icon_motorstudio_note.png'); background-size: 100% auto; }
.sketch_nav {  }
.sketch_nav .core { text-align: right; }
.sketch_nav  .select_wrap { min-width: 210px; text-align: left; } /* 20180122 함은주, 디자인 반영 */
.sketch_slide {  }
.sketch_slide .ix-controller { padding: 0; }
.sketch_slide .ix-list-item { width: 25%; }
.sketch_slide .main_title { margin-bottom: 60px; }
.sketch_slide .item { text-align: left; }
.sketch_slide .item span { display: block; color: #000; }
.sketch_slide .item .grid { margin: 0 auto; max-width: 1600px; }
.sketch_slide .item .module { position: relative; }
.sketch_slide .item .desc { margin-top: 20px; }
.sketch_slide .item .subject { margin-top: 10px; }
.sketch_slide .item .pic { width: 100%; }
.sketch_slide [class*='_direction'] [class^="ix-btn"] { margin-top: -50px; }
.sketch_archive img { width: 100%; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /* 20180123 함은주, 디자인 반영 */
    .motorstudio_slide .single_slide { margin-bottom: -10px; }
    .motorstudio_slide .ix-thumbs { bottom: 40px; }
    .motorstudio_guidance .view {margin-bottom:40px;}
    .motorstudio_location .img { margin: 10px 0 20px; }
    .motorstudio_guidance .img,
    .motorstudio_guidance .desc { float: none; width: 100% }
    .motorstudio_guidance .desc { margin-bottom: 20px; }
    .motorstudio_guidance .desc.sub_title { margin-bottom: 10px; }
    .pagelink_box .module {padding:15px 40px; text-align:center;}
    .pagelink_box .module p {float:none; text-align:center;}
    .pagelink_box .module p span {display:inline-block;}
    .pagelink_box .module a {float:none; width:100px; margin:5px auto 0;}
    /* 20180122 함은주, 디자인 반영 */
    .object_info .col { margin: 15px 0 10px; }
    .object_info .subject .sub_title { margin-bottom: 0; }
    .object_info .subject .info { margin-top: -5px; }
    .object_info .desc { padding-left: 0px; border: 0; }
    .object_info .desc .row_title {margin-bottom: 10px;}
    .object_info +.object_info .section_white:before {content:''; display:block; position:relative; top:-40px; height:10px; border-top: 1px solid #e4dcd3;}
    .sketch_nav .core { text-align: left; }
    .sketch_nav .core .select_wrap { display: block; width: 100%; }
    .sketch_slide .main_title { margin-bottom: 30px; }
    .sketch_slide .ix-list-item { width: 50%; }
}
@media screen and (min-width: 767px) { /* 20180122 함은주, 디자인 반영 */
    .object_info +.object_info {margin-top:-50px;}
}

/* 회사소개 - 기업정보 -비전 */
.company_vision { color: #000; }
.company_vision .module { position: relative; zoom: 1; min-height: 220px; padding: 65px; padding-right: 400px; border: 1px solid #e4dcd3; }
.company_vision .module .view { position: absolute; z-index: 1; right: 40px; top: 20px; }
.company_vision .module .desc { position: relative; z-index: 2; }
.company_vision .module .desc .row_title { margin-bottom: 15px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .company_vision .module { padding: 30px 15px; }
    .company_vision .module .view { position: static; margin-bottom: 10px; }
}
/* 회사소개 - 기업정보 -핵심가치 */
.section_white .m-br {display:none;}
.section_white .pc-br {display:block;}
.company_value .main_title + .img {padding:0 15px;}
.company_value .sub-text{margin-top:50px; font-family: "TextRegular"; line-height:30px; color:#666;}
.company_value {color:#000;}
.company_value .tit-message{margin-top:35px; font-size:20px; font-family:'HeadMedium';}
.company_value .section-title{ font-size:44px; font-family:'HeadMedium'; text-align:center; letter-spacing:-1px;}
.company_value .section-title + .section-desc {font-size:20px; font-family:'HeadMedium'; letter-spacing:-0.25px; text-align:center;}
.company_value .core {margin-top:60px;}
.company_value .core .item {margin:20px 0 0; border: 1px solid #e4dcd3; font-family: "TextRegular"; letter-spacing:-0.25px;}
.company_value .core .item:first-child{ margin-top:0;}
.company_value .core .module {display:flex;}
.company_value .core .view {display:flex; flex-direction:column; justify-content:center; align-items:center; width:275px; padding:30px; background-color: #f6f3f2; text-align:center;}
.company_value .core .value-icon {display: inline-block; vertical-align: middle;  }
.company_value .core .view .row_title {margin-top:25px; font-size:30px; font-family:'HeadMedium'; color:#000;}
.company_value .core .view .row_title .en {display:block; margin-bottom:10px; font-size:16px; font-family: "TextRegular"; color:#666;} 
.company_value .core .view .row-desc{margin-top:20px; line-height:24px;}
.company_value .core .info-box {width:100%; padding:60px 50px;}
.company_value .core .info-item {margin-top:40px;}
.company_value .core .info-item:first-child {margin-top:0px;}
.company_value .core .title {font-size:30px; font-family:'HeadMedium';color:#007fa8;}
.company_value .core .title .en {font-size:20px; font-family: "TextRegular";}
.company_value .core .s-title {margin-top:20px; font-size:20px; font-family:'HeadMedium'; color:#000;}
.company_value .core .text{margin-top:10px; color:#666; line-height:30px; color:#666; }
.company_value .core + .section-title {padding: 110px 0 50px;}
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .section_white .m-br {display:block;}
    .section_white .pc-br {display:none;}
    .title_group.company_value .main_title {margin-bottom:30px;}
    .company_value .sub-text {margin-top:40px; font-size:14px;}
    .company_value .tit-message {margin-top:25px; font-size:16px;}
    .company_value .section-title {font-size:27px;}
    .company_value .core {margin-top:40px; padding:0 15px;}
    .company_value .core .module {flex-direction:column;}
    .company_value .core .view {align-items:start; position:relative; width:100%; padding:25px 10px 25px 80px; border-bottom:1px solid #e4dcd3; text-align:left;}
    .company_value .core .view .icon {position:absolute; top:50%; left:15px; width:50px; height:50px; transform: translateY(-50%);}
    .company_value .core .view .row_title {display:flex; gap:10px; align-items:flex-end; margin-top:0; font-size:21px;}
    .company_value .core .view .row_title .en{order:2; margin:0; font-size:13px; line-height:13px;}
    .company_value .core .view .row_title .en + span {order:1;}
    .company_value .core .view .row-desc{margin-top:5px; font-size:13px; line-height:22px;}
    .company_value .core .info-box {padding:35px 20px;}
    .company_value .core .info-item {margin-top:30px;}
    .company_value .core .info-item:first-child {margin-top:0px;}
    .company_value .core .title {font-size:21px;}
    .company_value .core .title .en {display:inline-block; margin-top:10px; font-size:18px;}
    .company_value .core .s-title {margin-top:15px; font-size:16px; line-height:24px;}
    .company_value .core .text{font-size:14px; line-height:22px;}
    .company_value .core + .section-title {padding:80px 0 35px; font-size:25px; line-height:33px;}
    .company_value .core + .section-title + .section-desc {font-size:16px; line-height:24px;}
}

/* 회사소개 - 기업정보 -경영철학 */
.business_philosophy {  }
.business_philosophy .core { text-align: center; }
.business_philosophy .core .item:before { content: ""; display: block; width: 8px; height: 36px; margin: 20px auto; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/company-intro/info/ideology/icon-philosophy-diagram-arrow.jpg'); }
.business_philosophy .core .item:first-child:before { display: none; }

/* 회사소개 - 홍보실 - overview */
.pr_overview {  }
.pr_overview .main_title { margin-bottom: 60px; }
.pr_overview .more { margin: 50px 0 0; }
.pr_overview .image_board li { margin-top: 0; padding-bottom: 10px; }
.mini_bbs {  }
.mini_bbs .item { margin-bottom: -1px; border: 1px solid #e4dcd3; }
.mini_bbs .module { display: table; width: 100%; }
.mini_bbs .title,
.mini_bbs .date { display: table-cell; height: 80px; padding: 20px 30px; vertical-align: middle; font-size: 16px; word-break: break-all; }
.mini_bbs .title { width: 25%; font-family: 'HeadRegular'; color: #000; }
.mini_bbs .url {  }
.mini_bbs .title a:hover { text-decoration: underline; color: #006992; }
.mini_bbs .date { width: 25%; padding-right: 30px; text-align: right; }
.story-list.is_recently { margin-bottom: 60px; }
.story-list.is_recently .grid { margin: 0; }
.story-list.is_recently .col { margin: 0 -1px 0 0; padding: 40px 0; border: 1px solid #e3dcd3; }
.story-list.is_recently .item { width: 256px; margin: 0 auto; text-align: center; }
.story-list.is_recently .item .sub_title { margin-bottom: 25px; }
.story-list.is_recently .item picture {  }
.story-list.is_recently .item .action { margin-top: 40px; text-align: center; }
.rss_info { padding: 0; border: 1px solid #e4dcd3; }
.rss_info .module { display: table; width: 100%; }
.rss_info .desc,
.rss_info .link { display: table-cell; padding: 30px 50px; }
.rss_info .desc { font-size: 20px; font-family: 'HeadMedium'; color: #000; }
.rss_info .desc .icon { margin-right: 5px; }
.rss_info .link { text-align: right; }
.icon.rss_balck { display: inline-block; display: inline-block; width: 14px; height: 14px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/common/icon_rss_black.png'); }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    /* 20180117 함은주, 모바일 디자인 적용 */
    .pr_overview .main_title { margin-bottom: 30px; }
    .pr_overview .more { margin: 20px 0 0; }
    .pr_overview .image_board li {padding:20px 0;}
    .mini_bbs .sub_title { margin-bottom: 10px; }
    .mini_bbs .title,
    .mini_bbs .date { width: auto; padding: 10px; font-size:14px;}
    .mini_bbs .title,
    .mini_bbs .date {height:40px;}
    .mini_bbs .title { width: 65%; }
    .story-list.is_recently { margin-bottom: 30px; }
    .story-list.is_recently .col { margin: 10px -1px 10px 0; padding: 15px; }
    .story-list.is_recently .item .sub_title { margin-bottom: 10px; padding:10px 0; }
    .rss_info .desc,
    .rss_info .link { display: block; padding: 15px; }
    .rss_info .desc { margin-bottom:-15px; font-size: 16px; line-height:1.5; text-align:center; }
}


/* 회사소개 - 홍보실 - 뉴스&공지 - 뉴스 */
.news_list {  }
.news_list .ui_paging { margin-bottom: 80px; }
.rss_feed { height: 80px; padding: 30px 50px; background-color: #0c2d60; text-align: right; color: #fff; }
.rss_feed .icon.rss { display: inline-block; width: 14px; height: 14px; margin-right: 5px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/common/icon_rss.png'); vertical-align: middle; }
.news_view {  }
.news_view .cont { margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid #e4dcd3; }
.news_view .ix-controller { overflow: visible; padding: 0; }
.news_view .ix-thumbs { position: relative; z-index: 100; bottom: 50px; padding: 0; }
.news_view .ix-btn { background-color: #fff; }
@media screen and (max-width: 1120px) {
    .news_view .board_view .video_wrap {padding:0 15px;}
}
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .news_list .ui_paging { margin-bottom: 40px; }
    .rss_feed { display: none; }
    .news_view .board_view { padding-top: 0; }
    .news_view .cont { margin-bottom: 30px; padding-bottom: 20px; }
}

/* 회사소개 - 홍보실 - 뉴스&공지 - 공지사항 */
.notify_list {  }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .notify_view .board_view { padding-top: 0; }
}

/* 회사소개 - 홍보실 - 뉴스&공지 - RSS */
.rss_list {  }
.rss_list .sub_title { margin-bottom: 20px; text-align: center; }
.rss_list .core {  }
.rss_list .item { margin-bottom: -1px; border: 1px solid #e4dcd3; }
.rss_list .module { display: table; width: 100%; }
.rss_list .title,
.rss_list .url,
.rss_list .action { display: table-cell; height: 80px; padding: 20px 30px; vertical-align: middle; font-size: 16px; word-break: break-all; }
.rss_list .title { width: 25%; font-family: 'HeadRegular'; color: #000; }
.rss_list .url { text-align: left; }
.rss_list .url a:hover { text-decoration: underline; color: #006992; }
.rss_list .url .message { margin: 10px 0 0; }
.rss_list .action { width: 25%; padding-right: 30px; text-align: right; }
.rss_notify .panel_gray { padding: 30px 35px; border: 1px solid #e4dcd3; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .rss_list .sub_title { margin-bottom: 0px; }
    .rss_list .title,
    .rss_list .url,
    .rss_list .action { padding: 10px; }
    /* 받아보기일 때 */
    .rss_list.is_receive .url { display: none; }
    .rss_list.is_receive .title { width: 80%; }
    .rss_notify .panel_gray { padding: 30px 15px; }
}


/* 회사소개 - 후원/행사 - 성장세대 */
.generation_list { }
.generation_list .grid { position: relative; zoom: 1; margin-left: -15px; margin-right: -15px; }
.generation_list .col { margin-top: 30px; padding: 0 15px; }
.generation_list .col > a { display: block; }
.generation_list .col > a:hover .subject,
.generation_list .col.on .subject { text-decoration: underline; color: #006992; }
.generation_list .module { position: relative; zoom: 1; padding-bottom: 30px; text-align: center; }
.generation_list .img { margin-bottom: 20px; }
.generation_list .desc {  }
.generation_list .desc .subject { font-size: 16px; color: #000; font-family: "TextMedium"; }
.generation_list .col.on .module:after{content:''; position:absolute; bottom: 0; left:50%; z-index:1; width:30px; height:16px; margin:-16px 0 0 -15px; background:url(../images/common/bg_catalog_layer_top.png) no-repeat;}
.generation_list .col.on .toggle { display: block; }
.generation_list .toggle { position: absolute; left: 15px; clear: both; width: calc(100% - 30px); margin-top: -1px; padding-bottom: 30px; }
.generation_list .toggle .close { position: absolute; right: 10px; top: 10px; display: inline-block; padding: 20px; }
.generation_list .toggle .close:before,
.generation_list .toggle .close:after { content: ""; position: absolute; left: 50%; top: 50%; margin: -11px 0 0; display: inline-block; width: 2px; height: 22px; background-color: #000; }
.generation_list .toggle .close:before {
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }
.generation_list .toggle .close:after {
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.generation_list .panel_gray { width: 100%; padding: 60px; border: 1px solid #e4dcd3; }
.generation_list .panel_gray .upper {  }
.generation_list .panel_gray .upper .sub_title { margin-bottom: 40px; padding: 0; }
.generation_list .panel_gray .upper .row_title { margin-bottom: 30px; line-height: 1.4; }
.generation_list .panel_gray .upper .action { margin: 40px 0 60px; text-align: center; }
.generation_list .panel_gray .downer { min-height: 135px; }
.generation_list .panel_gray .downer .item { overflow: hidden; clear: both; margin-top: 60px; }
.generation_list .panel_gray .downer .item .img  { float: left; width: 30%; padding-right: 35px; }
.generation_list .panel_gray .downer .item .desc { float: right; width: 70%; text-align: left; }
.generation_list .panel_gray .downer .item .row_title { margin-bottom: 25px; }
.generation_list .panel_gray .downer .item .list_bullet_dash { margin-top: 40px; }
.generation_list .panel_gray .downer .responsive_slide .ix-list-viewport { width: 100%; }
.generation_list .panel_gray .downer .responsive_slide .ix-list-item { padding: 0 1px; }
.generation_list .panel_gray .downer .slide .ix-controller { padding: 0; }

@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .generation_list {  }
    .generation_list .grid { margin-top: 15px; }
    .generation_list .col { margin-top: 10px; }
    .generation_list .desc .subject { font-size: 14px; }
    .generation_list .toggle .close:before,
    .generation_list .toggle .close:after { height: 14px; margin-top: -7px; }
    .generation_list .panel_gray { padding: 50px 15px 40px; }
    .generation_list .panel_gray .upper .sub_title { margin-bottom: 15px; }
    .generation_list .panel_gray .upper .row_title { margin-bottom: 15px; }
    .generation_list .panel_gray .upper .action { margin: 30px 0 40px; }
    .generation_list .panel_gray .downer { min-height: 165px; }
    .generation_list .panel_gray .downer .item { margin-top: 40px; }
    .generation_list .panel_gray .downer .item .img,
    .generation_list .panel_gray .downer .item .desc { float: none; width: 100%; padding: 0; }
    .generation_list .panel_gray .downer .item .desc .row_title { margin-bottom: 15px; }
    .generation_list .panel_gray .downer .item .list_bullet_dash { margin-top: 25px; letter-spacing: -1px; }
    .generation_list .panel_gray .downer .responsive_slide { height: 230px; overflow: hidden; }
    .generation_list .panel_gray .downer .responsive_slide .ix-list-viewport { margin: 0; }
    .generation_list .responsive_slide .ix-list-item { width: 100%; float: left; }
    .generation_list .panel_gray .downer .slide .ix-controller { padding: 15px 0 0; }
}

/* 공통 style */
.hr { margin-top: 80px; margin-bottom: 80px; }
.hr.has_border { border-top: 1px #e6e6e6 solid; }
.sub_title.first-child,
.row_title.first-child { margin-top: 0; }
.message { line-height: 1.8; }
.text_large { margin: 20px 0; font-family: 'TextRegular'; font-size: 20px; color: #000; }
.button_wrap { padding: 80px 0; text-align: center; }
.button_wrap02 { padding: 60px 0 0 0; text-align: center; }
.button_wrap.has_border { border-bottom: 1px solid #ece6e0; }
.image_wrap { margin: 40px 0; }
.image_wrap.last-child { margin-bottom: 0; }
.image_wrap.has_border { border: 1px solid #ece6e0; padding:0;}
.share_head { padding: 40px 0; background-color: #f6f3f2; }
.share_head .table { width: 100%; max-width: 1120px; margin: 0 auto; }
.share_head .desc {  }
.share_head .action { text-align: right; }
.image_list {  }
.image_list .grid { margin: 0 -15px; }
.image_list .col { margin: 0 0 50px; padding: 0 15px; }
.image_list a { display: block; }
.image_list .view { margin-bottom: 30px; }
.image_list .desc {  }
.image_list .desc .row_title { margin-bottom: 15px; }
.image_list .desc .text,
.image_list .desc .text_strong { margin: 10px 0; }
.image_list img { width: 100%; }
.title_group { text-align: center; color: #000; }
.title_group .main_title { margin-bottom: 25px; }
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .hr { margin-top: 40px; margin-bottom: 40px; }
    .message { line-height: 1.4; }
    .text_large { margin: 10px 0; font-size: 14px; }
    .button_wrap { padding: 20px 0; }
    /* 20180111 정윤진, 모바일 간격
    .image_wrap { padding: 20px 0; }
    .image_wrap.has_border { margin:10px 0;} */
    .image_wrap.has_border { margin: 20px 0;}
    .share_head { padding: 0; background-color: #fff; }
    .share_head .table { display: block; }
    .share_head .cell { display: block; padding: 20px; }
    .share_head .desc { display: none; }
    .share_head .action { border-bottom: 1px solid #e5e5e5; }
    .image_list {  }
    .image_list .grid { /*margin: 0;*/ }
    .image_list .col { margin-bottom: 45px; }
    .image_list .col:last-child { margin-bottom: 0; }
    .image_list .col.last-child-sm { margin-bottom: 50px; }
    .image_list .view { margin-bottom: 20px; }
    .image_list .desc .row_title { margin-bottom: 10px; }
    .image_list .desc .text,
    .image_list .desc .text_strong { margin: 0; }
    .title_group .main_title { margin-bottom: 15px; }
}

/* 동영상 + 자막 componenet */
.video_set { margin: 40px 0; }
.video_set.pdt_00 { margin-top: 0; }
.video_set.pdb_00 { margin-bottom: 0; }
.video_set .video_wrap {  }
.video_set .action .js-toggle { display: block; width: 100%; height: 40px; line-height: 40px; background-color: #f6f3f2; text-align: center; color: #000; font-size: 14px; }
.video_set .action .js-toggle em { display: inline-block; margin-left: 15px; font-size: 0; line-height:0; }
.video_set .action .js-toggle em:before { position: relative; top: 2px; content: ""; display: inline-block; border: 4px solid #000; border-left-color: transparent; border-bottom-color: transparent;
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.video_set .action .js-toggle.active em:before {
    top: 0;
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.video_set .subtitle { display: none; border: 1px solid #f6f3f2; }
.video_set .subtitle.in { display: block; }
.video_set .subtitle textarea { width: 100%; padding: 20px; line-height: 1.4; border: none; }
.video_set .subtitle .subtitle_con {max-height:200px; overflow-y:auto; padding:20px; line-height:1.4em; background:#fff;}
@media screen and (max-width: 767px) {
    /* 768 미만 mobile  */
    .video_set { margin-top: 20px; }
}

/* RSS 추가 : 2018-04-23 이지혜 */
.rss_category .row_title {margin-bottom:10px;}

/* ============================ [ additional.c.css ] ============================ */

/* 회사소개>기업정보>연혁 */
.company-history {margin-bottom:60px; padding:80px 0 0;}
.company-history:after {content:''; display:block; clear:both;}
.company-history .history-header h2 strong {font-size:44px; line-height:1.25; font-family:'HeadMedium';}
.company-history .history-header h2 strong +strong {margin-left:40px;}
.company-history .history-header .history-images {margin-top:14px;}
.company-history .history-body h3 {margin-bottom:15px; font-size:20px; font-family:'HeadMedium'; color:#000;}
.company-history .history-detail +h3 {margin-top:35px;}
.company-history .history-detail li p {line-height:1.3; color:#000; font-size:16px;}
.company-history .history-detail li +li {margin-top:8px;}
.company-history .award_list { margin-bottom: 80px; color:  #626262; }
.company-history .award_list li { margin-top: 40px; }
.company-history .award_list .core { position: relative; padding-left: 45px; font-family:'HeadMedium'; color: #000; }
.company-history .award_list .core_noimg {font-family:'HeadMedium'; color: #000;}
.company-history .award_list .core img { position: absolute; top: 0; left: 0;  }
.company-history .award_list .core .pipe::before { content: '|'; margin: 0 3px; }
.company-history .award_list .desc { margin-top: 10px; }
@media (max-width: 767px) {
    /* 20180110 정윤진, 모바일 간격 수정 */
    .company-history {margin-bottom:40px; padding-top: 50px;}
    .company-history .history-header h2 strong { font-size: 27px;}
    .company-history .history-header h2 strong +strong { margin-left: 0; }
    .company-history .history-body h3 {margin-bottom:10px; font-size: 16px;}
    .company-history .history-detail +h3 {margin-top:45px;}
    .company-history .history-body { margin-top: 25px; }
    .company-history .history-header .history-images { margin: 10px -3px 0 -3px; }
    .company-history .history-header .history-images li { padding: 0 3px; box-sizing: border-box; }
    .company-history .history-detail li p { line-height: 1.6; font-size: 14px;}
    .company-history .history-detail li +li {margin-top:0;}
    .company-history .award_list { margin-bottom: 50px; line-height:1.3; }
    .company-history .award_list li { margin-top: 25px; }
    .company-history .award_list .core { padding-left: 35px; }
    .company-history .award_list .core img { width: 23px; }
}
@media (min-width: 768px) {
    .company-history .history-header h2 strong {display:block;}
    .company-history .history-header {float:left; width:217px; margin-right:-1px;}
    .company-history .history-header h2 {height:117px; border-right:2px solid #000;}
    .company-history .history-header .history-images {border-right:1px solid #d7d7d7;}
    .company-history .history-header .history-images li +li {margin-top:2px;}
    .company-history .history-body {position:relative; overflow:hidden; padding-left:70px;}
    .company-history .history-body:before {content:''; position:absolute; left:0; top:131px; bottom:0; border-left:1px solid #d7d7d7;}
}
/* 회사소개>기업정보>연혁>월별 타입 추가 2018-06-25 이지혜 */
.company-history .history-detail.monthType > li {margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5;}
.company-history .history-detail.monthType > li:first-child {margin-top:0; padding-top:0px; border-top:0 none;}
@media (min-width: 768px) {
    .company-history .history-detail.monthType > li {position:relative; margin-left:50px;}
    .company-history .history-detail.monthType > li .row_title {position:absolute; top:20px; left:-50px;}
    .company-history .history-detail.monthType > li:first-child .row_title {top:0;}
}

/* 회사소개>홍보실>현대차 스토리 */
.hyundaicar-story_nav .select_wrap {width:160px;}
.story-list {position:relative; overflow:hidden;}
.story-list .grid {margin:-30px -16px;}
.story-list .col {padding:60px 16px;}
.story-list .col:nth-child(4n+1):before {content:''; position:absolute; left:0; right:0; margin-top:-60px; border-top:1px solid #e4dcd3;}
.story-list .item { text-align: center; } /* 201801112 정윤진, 정렬 추가 */
.story-list .item picture {display:block; margin-bottom:15px; border:1px solid #e4dcd3;}
/* 20180219 함은주, 정렬 수정 */
.story-list .item .info {text-align:right; color:#000;}
.story-list .item .info .number {float:left; font-family:"HeadMedium"; color:#000; }
.story-list .item .info .down {font-size:14px; font-family:"HeadMedium"; letter-spacing:-1px;}
.hyundaicar-story-notice-box {overflow:hidden; margin-top:25px; padding:30px 50px; border:1px solid #ece6e0; background:#f6f3f2;}
.hyundaicar-story-notice-box p {float:left; padding-top:10px; font-size:20px; font-family:"HeadMedium"; color:#000;}
.hyundaicar-story-notice-box p .ico_adobereader_20x20 {display:inline-block; width:20px; height:20px; margin:-2px 4px 0 4px; background:url(../../../../../../content/dam/hyundai/kr/ko/images/common/ico_adobereader_20x20.png) no-repeat 50% 50%; vertical-align:middle;}
.hyundaicar-story-notice-box .btn_md_primary {float:right;}
.hyundaicar-story .ui_paging {padding-bottom:120px;}
@media (max-width: 360px) {
    /* 20180219 함은주, 정렬 수정 */
    .story-list .item .info .down {font-size:0; color:#fff;}
    .story-list .item .info .down .ico_down {vertical-align:top;}
}
@media (max-width: 767px) {
    /* 768 미만 mobile  */
    /* 20180117 함은주, 모바일 디자인 적용 *//* 20180112 정윤진, 모바일 간격 추가 */
    .story-list .grid { margin: -20px 10px 0; }
    .story-list .col { padding: 40px 5px 30px 5px; }
    .story-list .item .info .number { font-size: 16px; }
    /*.story-list .item .info .down { display: block; padding: 10px 0; } 20180219 함은주, 정렬 수정 */
    .story-list .item picture {margin-bottom:20px;}
    .story-list .col:nth-child(2n+1)::before {content:''; position:absolute; left:15px; right:15px; margin-top:-40px; border-top:1px solid #e4dcd3;}
    .hyundaicar-story .ui_paging {margin-top:-40px; padding-bottom:50px;}
    .hyundaicar-story-notice-box { margin-left: 15px; margin-right: 15px; padding: 15px; }
    .hyundaicar-story-notice-box p { margin: 0 0 30px; padding: 0; font-size: 16px; }
}
@media (min-width: 1024px) {
    /*.story-list .item .info {text-align:right;} 20180219 함은주, 정렬 수정 */
    .story-list .item .info .number {font-size:20px; font-family:"HeadMedium"; color:#000;}
}


/* 고객서비스>블루링크>서비스>스마트 드라이빙 */
.bluelink_service .ico_mylocation { margin-top: -3px; width:18px; height:18px; background-size: 18px 18px; background-image:url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluelink/bluelink-service/bluelink-driving-share-mylocation-ico-m.jpg);}
@media (min-width: 768px) {
    .bluelink_service .ico_mylocation { margin-top: -3px; width:24px; height:24px; background-size: 24px 24px; background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/bluelink/bluelink-service/bluelink-driving-share-mylocation-ico-pc.jpg); }
}

/* 고객서비스>차량관리서비스>정기점검이력 */
.vehicles_history .notice_box {margin-top:50px; padding:10px 15px; background:#f6f3f2;}
.vehicles_history .notice_box p {color:#000;}
@media (min-width: 768px) {
    .vehicles_history .notice_box {padding:35px 30px;}
}

/* 회사소개>CSR 소식>참여 */
.join_list .ui_paging {margin:70px 0 50px;}
.join_list .board_btns {padding:0 0 60px;}
.join_view .cont .row_title {margin:50px 0 20px;}
.join_view .cont .text {line-height:1.5;}
.join_view .mobile_btn_set {padding: 70px 0 150px; text-align:center;}
.join_write .form_notice_header {margin:30px 0;}
.join_write .form_notice_header .bullet_dot {margin-top:10px;}
.join_write .ui_table {padding:40px 0  20px; border-top:1px solid #e4dcd3;}
.join_write .ui_table .bullet_dot {margin-top:10px;}
.join_write .letter_img .radio_set {margin-bottom:40px;}
.join_write .letter_img .image_wrap {margin:0 0 0 30px;}
.join_write .mobile_btn_set {padding:30px 0 60px; text-align:center;}

@media (max-width: 767px) {
    .join_list .ui_paging {margin:35px 0 0;}
    .join_list .board_btns {padding:0 0 10px;}
    .join_view .cont .row_title {margin:20px 0 15px;}
    .join_view .board_view {padding-top:50px;}
    .join_view .board_view_cont .img {padding:0 15px;}
    .join_view .mobile_btn_set {padding: 40px 15px 50px;}
    .join_write .form_notice_header {margin-top:10px;}
    .join_write .ui_table {padding:20px 0;}
    .join_write .ui_table .bullet_dot {margin-top:5px;}
    .join_write .mobile_btn_set {padding:20px 0;}
    .join_write .mobile_btn_set button {width:100% !important;}
    .join_write .mobile_btn_set .space {width:10px !important;}
}
@media (max-width: 767px) {

}

/* 브랜드스토리 > overview - coming soon */
.pip_kv_area.brandstory_overview .kv_cont {min-height:465px;}
.pip_kv_area.brandstory_overview .kv_cont * {color:#fff !important;}
.pip_kv_area.brandstory_overview .kv_cont .text {padding-right: 20px;}
.pip_kv_area.brandstory_overview .kv_cont .text span {display:inline-block;}
.pip_kv_area.brandstory_overview .kv_cont .text strong {font-family:'HeadMedium';}
.brandstory_overview .coming_soon {display:table; margin-top:80px;}
.brandstory_overview .coming_soon p {display:table-cell; padding:30px; vertical-align:middle;}
.brandstory_overview .coming_soon .tit {background:#14110e;}
.brandstory_overview .coming_soon .tit strong {display:block; margin-bottom:10px; font-size:24px;}
.brandstory_overview .coming_soon .tit span {font-size:16px;}
.brandstory_overview .coming_soon .tit span:after {content: ''; display:inline-block; width:30px; height:20px; background:url(../../../../../../content/dam/hyundai/kr/ko/images/brand/brandstory/brand_story_tit_arrow.png) no-repeat 100% 50%; vertical-align:middle;}
.brandstory_overview .coming_soon .message {min-width:370px; color:#eae9e8; font-size:16px; font-family:'TextRegular'; background:#1b1611;}
@media (max-width: 767px) {
    .pip_kv_area.brandstory_overview .kv_cont .kv_title {padding-top:20px; font-size:35px;}
    .pip_kv_area.brandstory_overview .kv_cont .regular {margin-top:10px; font-size:18px; line-height:1.8;}
    .brandstory_overview .coming_soon {position:absolute; left:20px; right:20px; display:block; margin-top:100px;}
    .brandstory_overview .coming_soon p {display:block;}
    .brandstory_overview .coming_soon .tit {padding:15px 25px; background:rgba(0,0,0,.6);}
    .brandstory_overview .coming_soon .tit strong {font-size:19px;}
    .brandstory_overview .coming_soon .tit span {font-size:14px;}
    .brandstory_overview .coming_soon .message {padding:15px 25px; min-width:inherit; font-size:12px; background:rgba(27,22,17,.6);}
}
@media (max-width: 1199px) and (min-width: 768px) {
    .pip_kv_area.brandstory_overview .kv_cont .img_wrap {position:absolute; top:0; bottom:0;}
    .pip_kv_area.brandstory_overview .kv_cont .img_wrap img {width:auto; max-width:inherit; height:100%;}
}


/* 브랜드스토리 > 파워트레인 */
.history_line {position:relative; overflow:hidden; padding-top:40px;}
.history_line >li {position:relative; padding-bottom:30px;}
.history_line >li::before {content:''; position:absolute; left:10px; top:4px; bottom:-4px; border-left:1px solid #e4dcd3;}
.history_line >li:last-child::before {display:none;}
.history_line >li::after {content:''; display:block; clear:both;}
.history_line .history_content {padding-left:80px;}
.history_line .history_content:before {content:''; position:absolute; margin-left: -75px; width:11px; height:11px; background:#e4dcd3; border-radius:50%;}
.history_line .txt {color:#000;}
.history_line .txt +.txt {margin-top:8px;}
.history_line .year {position:absolute; margin:-2px 0 0 -40px; font-size:20px; font-family:'TextBold';}
.history_line .products {position:relative; min-height:140px; margin-top:30px; margin-left:80px;}
.history_line .products dt {margin-bottom:12px; font-size:16px; font-family:'TextMedium'; color:#000;}
.history_line .products dd {margin-top:4px;}
.history_line .products dd .bullet_dot::before {top:9px;}
.history_line .products .img {font-size:14px; color:#000;}
.history_line .products .img img {margin-bottom:10px;}

@media (min-width: 481px) {
    .history_line .products {margin-left:60px; padding-left:180px; padding-right:20px;}
    .history_line .products dd {margin-top:9px;}
    .history_line .products .img {position:absolute; left:0; top:0; text-align:center; margin:0; }
}
@media (min-width: 768px) {
    .history_line {padding-top:80px;}
    .history_line >li::before {left:50%;}
    .history_line .history_content {padding-left:110px;}
    .history_line .history_content {float:right; width:50%; clear:both;}
    .history_line .history_content::before {margin-left:-115px;}
    .history_line .wrap_pr {float:left; width:50%;}
}

/* 브랜드스토리 > n > 모터스포츠 > WRC  */
td .rally_flag {display:inline-block; padding-right:10px;}
tr.rally_ranking td {background:#f7f3f2; border:0 none; font-size:15px;}
@media (min-width: 768px) {
    td .rally_flag {padding-left:25%;}
}


/* 브랜드스토리> 컬쳐> 카 로테이터 */
.car-rotator{position:relative; background: #aaa;border-right: 1px solid #000;}
.car-rotator figure {position:relative; overflow:hidden;}
.car-rotator .imgs {position:absolute; top:0;}
.car-rotator .imgs img {display:block; width: 100%;}
.car-rotator .controller{position:absolute;top:0;bottom:0;right:-28px;width:57px;/*background:url(../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/charotator-line.png) center repeat-y*/}
.car-rotator .progressbar{position:relative; height:80%; top:10%;}
.car-rotator .progressbar a{position:absolute;top:0;left:0;display:block;width:57px;height:57px;margin-top:-28px;background:url(../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/charotator-bt-controller.png) no-repeat; background-size:contain; text-indent:-9999px}
.car-rotator small{position:absolute;bottom:25px;right:40px;display:block;text-align:right;color:#fff}
.car-rotator .loadingbar{position:absolute;left:50%;top:50%;width:90px;height:30px; margin:-15px 0 0 -45px;}


@media (min-width:768px) {
    .car-rotator figure { padding-top:41.666666667%; }
}
@media (max-width:1200px) {
    .car-rotator {margin:0 20px;}
    .car-rotator .controller { width: 40px; right: -20px; }
    .car-rotator .progressbar a {width:40px; height:40px; margin-top:-20px;}
}
@media (max-width:767px) {
    .car-rotator {margin:0;}
    .car-rotator .controller { right: -14px; width: 28px; }
    .car-rotator .progressbar a {width:28px; height:28px;}
}
/* touch device일 경우 */
.car-rotator.is_touch_device figure {  }
.car-rotator.is_touch_device {margin:0; border: none; border-bottom: 1px solid #000;}
.car-rotator.is_touch_device .controller {left:0; right:0; bottom:0; width:100%; height: 100%; /*background:url(../../../../../../content/dam/hyundai/kr/ko/images/brand/motorstudio/motorstudio-seoul/charotator-line.png) center repeat-x;*/}
.car-rotator.is_touch_device .progressbar {top:100%; left:5%; width:90%; height:28px;}
.car-rotator.is_touch_device .progressbar a {top:auto !important; bottom:0; left:0; width:28px; height:28px; margin-left:-14px; margin-bottom: 14px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

/* 2018-03-27 이지혜 : 회사소개>보고서 - 디폴트 이미지 삽입 시 정렬 맞춤 */
.story-list .col-1-2 .item picture {height:193px;}
.story-list .col-1-2 .item picture img {height:100%; width:auto;}
@media (min-width:768px) {
    .story-list .col-1-4-lg .item picture {height:219px;}/* 디폴트이미지에 맞추려면 355px이 맞지만 등록된 이미지 기준으로 우선 적용 */
    .story-list .col-1-4-lg .item picture img {height:100%; width:auto;}
}

/* 디지털/고객지원 > 인카페이먼트 */
.bluelink_service .ico_incarpayment { margin-top: -3px; width:18px; height:18px; background-size: 18px 18px; background-image:url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/hyundai-carpay/incarpayment-info-icon-m.png);}
@media (min-width: 768px) {
    .bluelink_service .ico_incarpayment { margin-top: -3px; width:24px; height:24px; background-size: 24px 24px; background-image: url(../../../../../../content/dam/hyundai/kr/ko/images/customer-service/hyundai-carpay/incarpayment-info-icon-pc.png); }
}
/* ============================ [ main.css - 메인 ] ============================ */
.hmc_main {
    text-align: center;
}

.hmc_main .container { clear: both; min-width: 320px; width: 100%; overflow: hidden; }
.hmc_main .container::after { content: ''; display: table; overflow: hidden; }
.hmc_main .wrap { clear: both; }
.hmc_main .wrap::after { content: ''; display: table; overflow: hidden; }

/* visual */
.main_visual .container { background: #e6e1dd; } /* bg 이미지 필요 */
.main_visual .module { position: relative; }
.main_visual .module img { width: 100%; }
.main_visual .module .section-chatbot { margin-bottom: 10px; }
.main_visual .module .section-chatbot a {position:relative;display:inline-block;padding:0 52px 0 20px;background:#006992;color:#fff;font-family:'HeadRegular';font-size:14px;line-height:40px;} /* 190530 수정 : 폰트변경 */
.main_visual .module .section-chatbot a:before {position:absolute;top:11px;right:17px;display:block;width:21px;height:22px;background:url('../../../../../../content/dam/hyundai/kr/ko/images/main/ico_chatbot.png') no-repeat left top;content:'';}
.main_visual .module .action img { width: auto; }
.main_visual .module .img_link {position:absolute; top:0; left:0; display:block; width:100%; height:100%;}/* 2018-11-05 이지혜 : 통 이미지 링크 추가 */
.main_visual .desc p { margin: 8px 0; }
.main_visual .desc .summary { font-family: 'HeadRegular'; font-size: 20px; margin-top: 0; } /* 190530 수정 : 폰트 변경 */
.main_visual .desc .subject { font-family: 'HeadMedium'; font-size: 34px; }
.main_visual .desc.text_shadow .summary,
.main_visual .desc.text_shadow .subject,
.main_visual .desc.text_shadow .text { text-shadow: 0 0 5px rgba(0, 0, 0, 0.9); }
.main_visual .desc .text {margin-bottom:0;line-height:19px;}
.main_visual .desc .action.pc_only { margin-top: 20px; }
/* .main_visual .desc .action.pc_only a { min-width: auto; width: auto; } */
/*.main_visual .desc.align_top {top:60px;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);}
.main_visual .desc.align_bottom {top:auto;bottom:60px;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);}*/ /* 상하 임시 삭제 */

@media (max-width: 1023px) {
    .main_visual .wrap { margin: 0 15px; }
    .main_visual .desc { position: absolute; top: 40px; left: 45px; right: 25px; bottom:40px; text-align: left; color: #000; }
    .main_visual .desc.align_top,
    .main_visual .desc.align_bottom {top:40px;bottom:40px;left:45px;transform:translate(0,0);-webkit-transform:translate(0,0);}
    .main_visual .desc .subject { margin-top: 12px; }
    .main_visual .action.mobile_only {
        position: absolute;
        display: inline-block;
        bottom: 30px;
        left: 15px;
        right: 15px;
        width: auto;
    }
    .main_visual .action.mobile_only.is-my { right: 15px; }
}

@media (min-width: 1024px) {
    .main_visual .container { padding-bottom: 40px; }
    .main_visual .desc { position: absolute; top: 40px; bottom:40px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); left: 50%; right: 0; width: 100%; max-width: 80%; text-align: left; color: #000; }
    .main_visual .desc .summary { font-size: 30px; margin-top: 0; }
    .main_visual .desc .subject { font-size: 54px; }
    .main_visual .desc .action.pc_only { margin-top: 15px; }
}

@media (min-width: 1220px) {
    .main_visual .desc { max-width: 1000px; }
}
@media (min-width: 1360px) {
    .main_visual .desc { top:60px; bottom:60px; max-width: 1150px; }
}
@media (max-width: 767px) {
    .main_visual .module .section-chatbot {display:inline;vertical-align:middle;}
    .main_visual .module .section-chatbot a {padding:0 47px 0 15px;}
    .main_visual .action.mobile_only [class^="btn_"] {width:auto;}
}

@media (max-width: 767px) {
    .main_visual .action.mobile_only .grid { font-size: 0; overflow: hidden; }
    .main_visual .action.mobile_only .grid [class^="btn_"] { box-sizing: border-box; float: left; margin: 0; font-size: 14px; }
    .main_visual .action.mobile_only .grid [class^="btn_"].nth-child-1 { float: none; clear: both; width: 100%; }
    .main_visual .action.mobile_only .grid [class^="btn_"].nth-child-2 { margin-top: 5px; width: calc(50% - 5px); margin-right: 5px; }
    .main_visual .action.mobile_only .grid [class^="btn_"].nth-child-3 { margin-top: 5px; width: calc(50% - 5px); margin-left: 5px; }
}

@media (min-width: 768px) { /* 20180213 박순길, 개인화 버튼 */
    .main_visual .desc .action.pc_only .grid { font-size: 0; overflow: hidden; }
    .main_visual .desc .action.pc_only .grid [class^="btn_"] { float: left; margin-left: 0; margin-right: 6px; font-size: 14px; }
}

/* 20180112 박순길, cat 추가, 보강필요 */
.main_visual .section-cta { /* margin-top: 10px; */ position:absolute; bottom:0; }
.main_visual .section-cta::after { content: ''; display: table; overflow: hidden; }
/* 190530 수정 : 메인 GNB UI 개선*/
.main_visual .section-cta .btn_cta { float: left; margin: 0 15px 0 0; }
.main_visual .btn_cta {
    display: inline-block;
    padding: 0 1em;
    min-width: 120px;
    height:40px;
    overflow: hidden;
    background:#002c5f; 
    border-color:#002c5f;
    text-align: center;
    font-family : 'HeadRegular';
    font-size: 14px;
    color: #fff;
}
/* //190530 수정 */
.main_visual .btn_cta:hover {background:#006992; border-color:#006992;} /* 190530 추가 : 메인 GNB UI 개선 */
.main_visual .btn_cta:before { display: none; }
.main_visual .btn_cta img { margin: 0; }
.main_visual .btn_cta span { display: table;width:100%;height:100%; }
.main_visual .btn_cta span > span {display:table-cell;vertical-align:middle;white-space:normal;}
.main_visual .btn_cta img + span {height:38px;}
/* 190530 삭제 */
/* .main_visual .btn_cta:nth-child(2) { background-color: rgba(0, 0, 0, .65); }
.main_visual .btn_cta:nth-child(3) { background-color: rgba(0, 0, 0, .5); }
.main_visual .btn_cta:nth-child(4) { background-color: rgba(0, 0, 0, .4); } */
/* //190530 삭제 */
/*.main_visual .btn_cta.is-testdrive span,
.main_visual .btn_cta.is-consultant span { padding-top: 10px; }*/
/*
.main_visual .section-cta { position: relative; }
.main_visual .section-cta .holder { position: absolute; top: 0; left: 50%; height: 100px; margin-top: -160px; text-align: left; width: 100%; transform: translate(-50%, 0); }
*/
@media (min-width: 1024px) {
    .main_visual .section-cta .holder {
        max-width: 70%;
    }
}
@media (min-width: 1220px) {
    .main_visual .section-cta .holder { max-width: 1000px; }
}
@media (min-width: 1360px) {
    .main_visual .section-cta .holder { max-width: 1220px; }
}
/* 190530 추가  : 메인 GNB UI 개선*/
/* 190605 수정 : 모바일 정렬 수정 */
@media (max-width: 767px) {
    .main_visual .section-cta {margin-left:-25px;}
    .main_visual .section-cta .holder {display:flex; flex-direction:row; justify-content: center; gap: 10px; margin-right:-30px; padding: 0 3px;}
    .main_visual .section-cta .btn_cta {flex: 1; max-width: 50%; min-width: 0; margin: 0; padding: 0 3px; font-size: 13px;}
    .main_visual .btn_cta:nth-child(n+5) {display:none;} 
}
/* //190605 수정 */
/* //190530 추가 */

/* all vehicle */
.main_all_vehicle {overflow: hidden;width: 100%;position: relative;}
.main_all_vehicle .responsive_slide {overflow: visible;}
.main_all_vehicle .responsive_slide .ix-controller {padding:0;}
.main_all_vehicle .container { background-color: #fff; }
.main_all_vehicle .tab_contents { padding-bottom: 3.6em;}
.main_all_vehicle .tab_cont { padding: 40px 0 0;visibility: hidden;}
.main_all_vehicle .slide .ix-list-item>*:not(picture) {}
.main_all_vehicle .module { position: relative;   border: solid 1px #e4dcd3; } /*margin: 0px 8px 0;*/
.main_all_vehicle .module > a {display:block; height:298px; padding: 70px 20px 0;}
.main_all_vehicle .module:hover { background-color: #f6f3f2; }
.main_all_vehicle .name { margin-top:30px; font-size: 13px;color: #000; font-family: 'HeadRegular'; word-break: keep-all; } /* 190530 수정 : 폰트변경 */ /*position: absolute; top: 65%; left: 0; right: 0;*/
/*.main_all_vehicle .list-viewport:before { position:absolute;top:0;left:-16px;background:#fff;opacity:0.4;content:''; z-index: 1;width: 370px;height: 300px;}*/ /*20180129 김기용: 주석처리, 차량 슬라이드 복원*/
/*.main_all_vehicle .list-viewport:after { position:absolute;top:0;right:-16px;background:#fff;opacity:0.4;content:''; z-index: 1;width: 372px;height: 300px;}*/ /*20180129 김기용: 주석처리, 차량 슬라이드 복원*/
.main_all_vehicle .list-item { margin-bottom: 0; width: 50%; }

@media (min-width: 768px) {
    /*.main_all_vehicle .module { marghin: 0px 16px 0; }*/
    .main_all_vehicle .list-item { margin-bottom: 0; width: 33.33%; }
    /*.main_all_vehicle .list-item.first-child,
    .main_all_vehicle .list-item.last-child { opacity: .5; }*/
}

@media (max-width: 1023px) {
    .main_all_vehicle .js-slide .module .util { position: absolute; bottom: 25px; left: 0; right: 0; text-align: center; }
    .main_all_vehicle .util .table { margin: 0 auto; width: auto; }
    .main_all_vehicle .js-slide .module .util a {
        display: inline-block; margin: 0 5px !important; width: 30px; height: 30px;
        background-color: transparent !important;
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/btn-main-action-a-m.png');
        background-size: 30px 30px;
    }
    .main_all_vehicle .js-slide .module .util .nth-child-2 a {
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/btn-main-action-b-m.png');
    }
    .main_all_vehicle .js-slide .module .util .nth-child-3 a {
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/btn-main-action-c-m.png');
    }
    .main_all_vehicle .js-slide .module .util a span { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; text-indent: -9999px; z-index: -1; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; border: 0; color: transparent; font: 0/0 a; *height: 0; }
    .main_all_vehicle .list-viewport:before, .main_all_vehicle .list-viewport:after {display: none;}
}

@media (min-width: 1024px) {
    .main_all_vehicle .module {  }
    .main_all_vehicle .name { top: 65%; font-size: 20px; }
    /*.main_all_vehicle .module { margin: 0px 16px 0; }*/
    .main_all_vehicle .list-item { margin-bottom: 0; width: 20%; }
    /*.main_all_vehicle .list-item.first-child,
    .main_all_vehicle .list-item.last-child { opacity: .5; }*/

    /* 좌우 여백 조정 */
    /*.main_all_vehicle .container { margin-left: -16px; margin-right: -16px; }*/
    .main_all_vehicle .nav.prev { margin-left: 16px; }
    .main_all_vehicle .nav.next { margin-right: 16px; }

    /*20180129 김기용: 주석처리, 차량 슬라이드 복원*/
    /*.main_all_vehicle .ui_tab_01 {margin-bottom: 397px;}
    .main_all_vehicle .tab_contents {position: absolute;}
    .main_all_vehicle .tab_contents .tab_cont {width: 1890px;margin: 0 auto;}
    .main_all_vehicle .tab_contents .ix-controller .ix-btn-prev {left:384px}
    .main_all_vehicle .tab_contents .ix-controller .ix-btn-next {right:385px}*/
    .main_all_vehicle .js-slide .module .util { left: -1px; right: -1px;  }
    .main_all_vehicle .util .table { table-layout: fixed;  }
    .main_all_vehicle .util .cell { padding-left: 1px; }
    .main_all_vehicle .util .cell:first-child { padding-left: 0; }
    .main_all_vehicle .util a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #000; background-color: #e4dcd3; }
    .main_all_vehicle .util a.primary { background-color: #002c5f; color: #fff; font-family: 'HeadRegular';} /* 190530 수정 : 폰트변경 */
}

@media (min-width: 1200px) {
    .main_all_vehicle .name { top: 72%; }
}

@media screen and (max-width: 767px){
    .main_all_vehicle .module > a {height:235px;padding:40px 20px 75px;} /* 210910 edit */
}
/* promotion */
.main_promotion .cont_wrap {position:absolute;left:50%;top:0;bottom:0;width:100%;max-width:1120px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}/* 2018-08-03 이지혜 : 화면1024px~1300px 경우  컨텐츠가 좌측으로 밀리는 현상 수정 margin-left: -50px;삭제 */
.main_promotion .module {position:relative;}
.main_promotion .module img {width:100%;}
.main_promotion .desc {position:absolute;left:0;/*top:89px;*/right:0;/*bottom:15px;*/color:#fff;text-align:center;}
.main_promotion .desc p {padding:0;line-height:1.5;}
.main_promotion .desc .name {font-family:'HeadMedium';font-size:60px;color:#0087b5;line-height:1.2em;letter-spacing:-1px;}
.main_promotion .desc .summary {margin-top:14px;font-size:30px;letter-spacing:-1px; font-family: 'HeadRegular';} /* 190530 수정 : 폰트변경 */
.main_promotion .desc .description {margin-top:5px; font-family: 'HeadRegular'; font-size:16px; line-height:26px;} /* 190530 수정 : 폰트변경 */
.main_promotion .desc .action {/*position:absolute;bottom:0;left:0;right:0;*/margin-top:55px;text-align:center;}/* 2018-08-03 이지혜 : 메인타이틀이 3줄일 경우 더보기 버튼이 짤려서 margin-top:65px;에서 55px로 변경*/
.main_promotion .desc .action a {display:inline-block;width:80px; font-family: 'HeadRegular';} /* 190530 수정 : 폰트변경 */
.main_promotion .desc .action a:hover {background:#006992; border-color:#006992;} /* 190530 추가 */
.main_promotion .slide [class*='_direction'] [class^="ix-btn"] { margin-top: -40px; }
.main_promotion .cont_wrap .desc{top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.main_promotion .cont_wrap.align_right .desc,
.main_promotion .cont_wrap.align_right .action {text-align:right;}
.main_promotion .cont_wrap.align_left .desc,
.main_promotion .cont_wrap.align_left .action {text-align:left;}

@media screen and (max-width: 1319px){/* cont_wrap 1120px + quickmenu 100px = 1320px */
    .main_promotion .cont_wrap {max-width:calc(100% - 150px);}
    .main_promotion .desc .name {font-size:36px;}
    .main_promotion .desc .summary {font-size:24px;}
}
@media screen and (max-width: 1023px){
    .main_promotion .cont_wrap {max-width:calc(100% - 110px);}
}
@media screen and (max-width: 767px){
    .main_promotion .cont_wrap {max-width:80%;}
    .main_promotion .cont_wrap .desc,
    .main_promotion .cont_wrap.align_left .desc,
    .main_promotion .cont_wrap.align_right .desc {top:44px;bottom:auto;padding:0 10px;text-align:center;transform:translate(0,0);-webkit-transform:translate(0,0);}
    .main_promotion .cont_wrap.align_left .action,
    .main_promotion .cont_wrap.align_right .action {text-align:center;}
    .main_promotion .desc .name {font-size:21px;}
    .main_promotion .desc .summary {margin-top:18px;font-size:16px;line-height:1.5;}
    .main_promotion .desc .description {margin-top:10px;font-size:13px;line-height:1.5;}
    .main_promotion .desc .action,
    .main_promotion .cont_wrap.align_left .action,
    .main_promotion .cont_wrap.align_right .action {position:static;margin-top:50px;}
}
/* promotion */
/*.main_promotion {}
.main_promotion .module { position: relative; }
.main_promotion .module img { width: 100%; }
.main_promotion .desc { position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); text-align: center; text-align: center; color: #fff; }
.main_promotion .desc p { margin: 10px; padding: 0; line-height: 1.5; }
.main_promotion .desc .name { font-size: 21px; margin-top: 0; font-family: 'HeadMedium'; color: #43d9fc; line-height: 1.2; }
.main_promotion .desc .summary { margin-top: 18px; font-size: 16px; }
.main_promotion .desc .description { font-size: 13px; }
.main_promotion .action { margin-top: 50px; }
.main_promotion .action a { display: inline-block; width: 80px; }
.main_promotion .slide [class*='_direction'] [class^="ix-btn"] { margin-top: -40px; }*/ /* 20180126 정윤진, 슬라이드 화살표 중앙정렬 */

/*@media (min-width: 1024px) {
    .main_promotion .desc p { margin: 20px 0; }
    .main_promotion .desc .name { font-size: 42px; }
    .main_promotion .desc .summary { margin-top: 25px; font-size: 30px; }
    .main_promotion .desc .description { font-size: 16px; }
    .main_promotion .action { margin-top: 50px; }
}*/


/* customer service */
.main_customer_service { padding-bottom: 80px; background-color: #dedede; background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/main/main-customer-bg-m.gif"); }
.main_customer_service .slides .container { padding: 0 10px; }
.main_customer_service h3.title { margin: 0; padding: 90px 0 60px; font-family: 'HeadMedium'; color: #000; font-size: 44px; } /* 190530 수정 : 메인 GNB UI 개선*/
.main_customer_service .slides .module { position: relative; margin: 0 5px; }
.main_customer_service .slides .module img { width: 100%; }
.main_customer_service .is-log-off .action a {font-family: 'HeadRegular';} /* 190530 추가 : 폰트 변경 */

@media (min-width: 320px) {
    .main_customer_service .slides .module { margin-bottom: 10px; }
}

@media (max-width: 767px) {
    .main_customer_service h3.title { padding: 60px 0 35px; font-size: 30px; } /* 190530 추가 : 메인 GNB UI 개선*/
    .main_customer_service .slides .list { margin-left: 10px; margin-right: 10px; }
    .main_customer_service .slides .desc { text-align: left; }
    .main_customer_service .slides .desc em { color: #000; }
    .main_customer_service .slides .desc .subject { display: block; padding: 15px 0; font-size: 14px; }
    .main_customer_service .slides .desc .subject {
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/arrow-go-000-m.png');
        background-size: 21px 9px;
        background-position: right center;
        background-repeat: no-repeat;
    }
    .main_customer_service .slides .desc .link { display: none; }
}
@media (min-width: 768px) {
    .main_customer_service .slides .list { margin-left: -5px; margin-right: -5px; }
    .main_customer_service .slides .desc { position: absolute; clear: both; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); }
    .main_customer_service .slides .desc span { display: block; padding: 10px; }
    .main_customer_service .slides .desc .subject { float: left; padding-right: 0; font-weight: bold; }
    .main_customer_service .slides .desc .link { float: right; padding-left: 0; text-align: right; }
    .main_customer_service .slides .desc em { display: inline-block; height: 20px; line-height: 20px;color: #fff; }
    .main_customer_service .slides .desc .link em::after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 20px;
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/arrow-go-fff-pc.png');
        background-size: 14px 20px;
    }
    .main_customer_service .slides .desc .subject em { font-size: 14px; }
    .main_customer_service .slides .desc .link em { font-size: 12px; }
}

@media (max-width: 1023px) {
    .main_customer_service { padding-bottom: 45px; }
}
@media (min-width: 1200px) {
    .main_customer_service { padding-bottom: 100px; } /* 190530 수정 : 메인 GNB UI 개선*/
    .main_customer_service .slides h3.title { padding: 90px 0 50px; font-size: 44px; }
    .main_customer_service .slides .module { margin: 0 20px; }
    .main_customer_service .slides .desc a {display:block;}
    .main_customer_service .slides .desc a:after {display:block;clear:both;content:'';}
    .main_customer_service .slides .desc span { display: block; padding: 15px; }
    .main_customer_service .slides .desc .subject { padding-right: 0; }
    .main_customer_service .slides .desc .link { padding-left: 0; }
    .main_customer_service .slides .desc .subject em { font-size: 16px; }
    .main_customer_service .slides .desc .link em { font-size: 14px; }
    /*
    .main_customer_service .slides .desc span { padding: 20px 30px; }
    .main_customer_service .slides .desc .subject { font-size: 20px; }
    .main_customer_service .slides .desc .link { font-size: 14px; }
    .main_customer_service .slides .desc .subject { float: left; padding-right: 0; text-align: left; font-weight: bold; }
    .main_customer_service .slides .desc .link { float: right; padding-top: 20px; padding-left: 0; text-align: right; }
    .main_customer_service .slides .desc span em { height: 20px; line-height: 20px; }
    */
}

/* log off */
.main_customer_service .is-log-off { margin-bottom: 60px; text-align: center; } /* 190530 수정 : 메인 GNB UI 개선*/
.main_customer_service .is-log-off .description { margin-bottom:15px; padding: 0 15px; font-family:'HeadRegular'; color: #000; line-height: 1.4; } /* 190530 수정 : 메인 GNB UI 개선*/
.main_customer_service .is-log-off .action { padding: 0 15px; }
.main_customer_service .is-log-off .action { margin: 0 auto; }
.main_customer_service .is-log-off .action .col.nth-child-1 { padding-right: 5px; }
.main_customer_service .is-log-off .action .col.nth-child-2 { padding-left: 5px; }

@media (min-width: 768px) {
    .main_customer_service .is-log-off .description { margin-bottom: 30px; } /* 190530 수정 : 메인 GNB UI 개선*/
    .main_customer_service .is-log-off .action { width: 290px; /* padding-bottom: 80px; 20180225 정윤진, 간격 수정 */ }
}

/* 190530 추가 : 메인 GNB UI 개선*/
@media (max-width: 767px) {
    .main_customer_service .is-log-off { margin-bottom: 40px; } 
}
/* //190530 수정*/

/* log in */
.main_customer_service .is-log-in { position:relative;margin: 0 15px 40px; padding: 10px 0 10px; width: auto; min-width: auto; text-align: center; background-color: #f7f7f7; } /* 190530 수정 : 메인 GNB UI 개선*/
.main_customer_service .is-log-in .wrap { margin: 0 auto; max-width: 1200px; display: none;}
.main_customer_service .is-log-in .module { position: relative; }
.main_customer_service .is-log-in .core img { width: 100%; }
.main_customer_service .is-log-in .core .desc { color: #000; text-align: left; }
.main_customer_service .is-log-in .core .desc .subject { font-family: 'HeadMedium'; font-size: 20px; }
.main_customer_service .is-log-in .core .desc .no { margin-top: 10px; font-family: 'TextMedium'; font-size: 16px; }
.main_customer_service .is-log-in .core .action { margin-top: 10px; }
.main_customer_service .is-log-in .core .action a { display: block; width: 100%; font-family: 'HeadRegular'; } /* 190530 수정 : 폰트변경 */
.main_customer_service .is-log-in .hello { padding-bottom: 14px; }
.main_customer_service .is-log-in .hello strong { font-family: 'HeadMedium'; font-size: 20px; }
.main_customer_service .is-log-in .hello span { font-family: 'TextMedium'; padding-top: 5px; font-size: 14px; color:  #626262; }
.main_customer_service .is-log-in .description .module { text-align: left; }
.main_customer_service .is-log-in .description .module a.btn_sm_primary { font-family: 'HeadRegular';  } /* 190530 추가 : 폰트변경 */
.main_customer_service .is-log-in .tables.nth-child-1 { border-top: solid 1px #000; }
.main_customer_service .is-log-in .points strong,
.main_customer_service .is-log-in .points span { color: #006992; }
.main_customer_service .is-log-in .core .text {margin:20px 0 0;font-size:13px;line-height:16px;text-align:left;}

/*20180309 이지혜, 김기용: 블루멤버스 로그인 정보영역*/
.main_customer_service .is-log-in .hello2 {padding:20px 70px 20px 10px; font-family:'HeadMedium'; font-size:20px; letter-spacing:-1px; line-height:1.2em; text-align:center;}
.main_customer_service .is-log-in .hello2 em {display:inline-block; padding-left:20px; color:#006992; background:url('../images/common/ico-is-login-ago.jpg') no-repeat left 50%; background-size:15px 16px;}
.main_customer_service .is-log-in .hello2 strong {display:inline-block; font-family: 'HeadMedium';} /* 190530 수정 : 폰트변경 */
.main_customer_service .is-log-in > a {display:table-cell; width:64px; height:100%; background:#e4dcd3 url('../images/common/btn-is-login-open.png') no-repeat 50% 50%; background-size:20px 13px;position: absolute;top: 0;right: 0;}
.main_customer_service .is-log-in.open {padding-top: 30px;}
.main_customer_service .is-log-in.open > a {height:64px;background-color:transparent;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}

@media (min-width: 768px) {
    .main_customer_service .is-log-in { margin-top: 30px; }
    .main_customer_service .is-log-in .core .text {margin:40px 0 20px;font-size:13px;line-height:16px;text-align:left;}
}

@media (max-width: 1023px) {
    .main_customer_service .is-log-in .core,
    .main_customer_service .is-log-in .description { float: none; }
    .main_customer_service .is-log-in .core .module,
    .main_customer_service .is-log-in .description .module { margin: 0 15px; }
    .main_customer_service .is-log-in .description { margin-top: 40px; }
    .main_customer_service .is-log-in .hello span { display: block; margin-top: 5px; }
    .main_customer_service .is-log-in .core .action .col { padding-top: 10px; }
    .main_customer_service a.is-full-sm { display: block; width: 100%; }
    .main_customer_service .tables { border-bottom: solid 1px #cccccc; font-size: 14px; }
    .main_customer_service .tables .col { padding: 15px 0; }
    .main_customer_service .tables.nth-child-1 .col.subject,
    .main_customer_service .tables.nth-child-3 .col.subject { float: left; width: 30%; }
    .main_customer_service .tables.nth-child-1 .col.desc,
    .main_customer_service .tables.nth-child-3 .col.desc { float: left; width: 70%; }
    .main_customer_service .tables.nth-child-1 .col.buttons,
    .main_customer_service .tables.nth-child-4 .col.buttons { clear: both; padding-top: 0; width: 100%; }
    .main_customer_service .tables.nth-child-2 .col.subject { padding-bottom: 0; }
    .main_customer_service .tables.nth-child-2 p { margin: 10px 0; line-height: 1.4; }
    .main_customer_service .tables.nth-child-3 .col.subject { text-indent: 10px; font-weight: bold; }
    .main_customer_service .tables.nth-child-3 .col.desc { font-weight: bold; }
    .main_customer_service .tables.nth-child-4 .col.subject { float: left; width: 50%; }
    .main_customer_service .tables.nth-child-4 .col.desc { float: left; width: 50%; }
    .main_customer_service .tables.nth-child-4 .col.desc img { width: 100%; }
    .main_customer_service .tables.nth-child-4 { border-bottom: 0; }
    .main_customer_service .tables.nth-child-4 .col.buttons { margin-top: 30px;}
    .main_customer_service .tables .links { margin-top: 20px; display: block; width: 80%; font-size: 14px; }
    .main_customer_service .tables .links li { float: left; width: 50%; }
    .main_customer_service .tables .links a { display: block; padding: 5px 0; color: #000; font-size: 14px; }
    .main_customer_service .tables .links a span::after {
        content: '';
        display: inline-block;
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/main-news-go-pc.gif');
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-top: -1px;
        background-size: 20px 20px;
    }
}
@media (min-width: 1024px) {
    .main_customer_service .is-log-in { margin: 0 20px 60px; padding: 0px 20px; } /* 190530 수정 : 메인 GNB UI 개선*/
    .main_customer_service .is-log-in .hello2 {padding:48px 160px 44px 70px; font-size:30px;}
    .main_customer_service .is-log-in .hello2 em {padding-left:50px; background-size:31px 33px;}
    .main_customer_service .is-log-in > a {width:128px; background-size:40px 26px;}
    .main_customer_service .is-log-in.open > a {height:128px;}
    .main_customer_service .is-log-in .wrap { padding-top: 110px;padding-bottom: 100px;}
    .main_customer_service .is-log-in .hello { padding-bottom: 40px; }
    .main_customer_service .is-log-in .hello strong { font-size: 30px; }
    .main_customer_service .is-log-in .hello span { display: block; float: right; padding-top: 8px; font-size: 16px; }
    .main_customer_service .is-log-in .core .desc .subject { font-size: 30px; }
    .main_customer_service .is-log-in .core .desc .no { margin-top: 20px; }
    .main_customer_service .is-log-in .core .action .col { padding: 0 5px; }
    .main_customer_service .is-log-in .core .module { float: left; max-width: 544px; }
    .main_customer_service .is-log-in .description .module { float: right; width: 100%; max-width: 544px; }
    .main_customer_service .tables { border-bottom: solid 1px #cccccc; }
    .main_customer_service .tables .col { padding: 14px 0; }
    .main_customer_service .tables .col.subject { width: 30%; }
    .main_customer_service .tables .col.subject strong { display: inline-block; height: 36px; line-height: 36px; }
    .main_customer_service .tables .col.subject.full { width: 100%; }
    .main_customer_service .tables .col.desc { width: 47%; }
    .main_customer_service .tables .col.desc > span { display: inline-block; height: 36px; line-height: 36px; }
    .main_customer_service .tables .col.desc .card { margin-top: 14px; }
    .main_customer_service .tables .col.buttons { width: 23%; }
    .main_customer_service .tables .col.buttons a.btn_sm_primary { width: 100%; }
    .main_customer_service .tables .links { margin-top: 30px; text-align: right; }
    .main_customer_service .tables .links a { display: block; padding: 5px 0; color: #000; font-size: 14px; }
    .main_customer_service .tables .links a span::after {
        content: '';
        display: inline-block;
        background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/main-news-go-pc.gif');
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-top: -1px;
        background-size: 20px 20px;
    }

}


/* brand */
.main_brand {}
.main_brand .container { margin: 0; padding: 40px 10px 60px; }
.main_brand .module { position: relative; }
.main_brand .module img { width: 100%; }

.main_brand .desc { position: absolute; top: 50%; left: 0; right: 0; color: #fff; text-align: center; transform: translate(0, -50%); }
.main_brand .desc p { margin: 5px 0; line-height: 1.4; }
.main_brand .title { margin-bottom: 10px; }

.main_brand .title,
.main_brand .category { font-family: 'HeadMedium'; }
.main_brand .summary { margin-bottom: 0; font-family: 'HeadMedium';} /* 190530 수정 : 폰트 변경 */
.main_brand .action { margin-top: 40px; }
.main_brand .action a { margin: 0 auto; width: auto; min-width: 95px; }

.main_brand .title { font-size: 30px; }
.main_brand .category { font-size: 14px; }
.main_brand .summary { font-size: 14px; }

@media (min-width: 768px) {
    .main_brand .container { margin: 0; /* padding: 120px 0 80px; 20180225 정윤진, 이안나 차장님 요청으로 간격 수정 */ padding: 0; }
    .main_brand .desc p { margin: 10px 0; }
    .main_brand .title { margin-bottom: 15px; font-size: 44px; }
    .main_brand .category { font-size: 16px; }
    .main_brand .summary { font-size: 16px; }
    .main_brand .action { margin-top: 60px; }
}

@media (min-width: 1024px) {
    .main_brand .desc p { margin: 8px 0; }
    .main_brand .title { margin-bottom: 15px; font-size: 40px; }
    .main_brand .category { font-size: 15px; }
    .main_brand .summary { font-size: 13px; }
}

/* notice */
.main_notice {
    background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/main/main-tail-pc.jpg");
    background-size: cover;
    text-align: left;
    color: #000;
}
.main_notice a { color: #000; }
.main_notice .cotainer { text-align: center; }
.main_notice .wrap { margin: 0 auto; padding-top: 60px; padding-bottom: 20px; max-width: 1120px; }
.main_notice .module { position:relative; margin: 0 10px 40px; padding: 30px 30px 20px; box-sizing: content-box; background-color: #fff;}
.main_notice .module .more { position:absolute; top:28px; right:30px; display: inline-block;}
.main_notice .module .icon {
    background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/main-news-go-pc.gif');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
.main_notice .titles { position: relative; }
.main_notice .title { font-family: 'HeadMedium'; font-size: 20px; }
.main_notice ul { margin-top: 15px; line-height: 1.4; font-size: 14px; }
.main_notice ul { display: table; width: 100%; table-layout: fixed; }
.main_notice li { display: table-row; }
.main_notice li .subject,
.main_notice li .date { padding: 5px 0; }
.main_notice li .subject { display: table-cell; width: auto; }
.main_notice li .subject a { display: block; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main_notice li .date { display: table-cell; width: 90px; text-align: right; }

@media (min-width: 768px) {
    .main_notice .wrap { padding-left: 5px; padding-right: 5px; }
    .main_notice ul { margin-top: 35px; font-size: 14px; }
    .main_notice .title { font-size: 30px; }
    .main_notice li .subject,
    .main_notice li .date { padding: 10px 0; }
}

@media (min-width: 1024px) {
    .main_notice .wrap { padding: 100px 0 100px; }
    .main_notice .module { margin: 0 15px; padding: 35px 50px 30px; }
    .main_notice .module .more { top: 40px; right:50px;}
    .main_notice .item.nth-child-1 .module { margin-left: 0; }
    .main_notice .item.nth-child-2 .module { margin-right: 0; }
    .main_notice ul { font-size: 16px; }
}

/* quickmenu */
.main_quickmenu { display: none; opacity: 0; position: fixed; z-index: 10; top: 0; left: 0; height: 100vh; bottom: 0; width: 100px; background-color: #3d3d3d; }
.main_quickmenu ul { border-top: solid 1px #535353; }
.main_quickmenu li { text-align: center; }
.main_quickmenu li a { display: block; padding: 11px 0 14px; background-color: #3d3d3d; border-bottom: solid 1px #535353; font-family: 'HeadRegular';} /* 190530 수정 : 폰트 변경 */
.main_quickmenu li a:hover { background-color: #002c5f; }
.main_quickmenu li span { display: block; margin: 0 auto 0; color: #fff; font-size: 13px; line-height: 1.3; }
.main_quickmenu li img { display: block; margin: 0 auto 3px; width: 40px; height: 30px; }

.main_quickmenu ul { display: table; width: 100%; }
.main_quickmenu li { display: table-row; }
.main_quickmenu li a { display: table-cell; padding: 0; height: 92px; vertical-align: middle; }


@media (min-width: 1200px) {
    .main_quickmenu { display: block; }
    .main_quickmenu.in { opacity: 1; }
    .hmc_main_contents.padder-left { padding-left: 100px; } /* 좌측 여백 */
}

/* chatbot */
.wc-console input[type=text] {position:relative;background:transparent;z-index:1;}

/* slide */
.js-slide { position: relative; }
.js-slide .list-viewport {}
.js-slide .list-items {}
.js-slide .list-item {}
.js-slide .module { position: relative; }
.js-slide .module .util { position: absolute; bottom: 0; left: 0; right: 0; }
.js-slide .module .util .col a { display: block; margin: 0 0 0 1px; height: 30px; line-height: 30px; font-size: 12px; color: #000; background-color: #e4dcd3; }
.js-slide .module .util .col a.primary { background-color: #002c5f; color: #fff; }
.js-slide .module .util .col:first-child a { margin-left: 0; }
.js-slide .module .sticker { position: absolute; top: 0; left: 0; }
/* 190530 수정 : 메인 GNB UI 개선*/
.js-slide .module .sticker .icon {
    background:#006992;
    width: 86px;
    height: 26px;
}
.js-slide .module .sticker .icon span {
    display: block;
    background: #006992;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family:'HeadRegular';
    font-style: normal;
    letter-spacing: -1px;
}
/* //190530 수정  */
/* 190530 삭제 */
/* .js-slide .module .sticker .icon.hot {
    background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/ico-main-hot-pc.png');
}
.js-slide .module .sticker .icon.event {
    background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/main/ico-main-hot-pc.png');
} */
/* //190530 삭제 */
.js-slide .nav { position: absolute; top: 50%; display: inline-block; margin-top: -22px; }
.js-slide .nav .icon { display: inline-block; width: 44px; height: 44px; }
.js-slide .nav.prev { left: 0; }
.js-slide .nav.next { right: 0; }
.js-slide .nav.prev .icon { background-image: url('../images/common/icon_slider_prev.png'); }
.js-slide .nav.next .icon { background-image: url('../images/common/icon_slider_next.png'); }

/* 추가 예정
.js-slide .pager { margin-top: 25px; text-align: center; }
.js-slide .pager a { display: inline-block; }
.js-slide .pager span { display: inline-block; margin: 4px; width: 12px; height: 12px; box-sizing: border-box; background-color: #fff; border: 1px rgba(0, 0, 0, .5) solid; border-radius: 50%; }
.js-slide .pager a.active span { background-color: #006992; border-color: #006992; }
*/

/*.js-slide.responsive_slide .ix-list-item {padding:0;}*/
/*.js-slide.responsive_slide .ix-list-viewport {width:100%;}*/
.js-slide.responsive_slide .ix-controller {}

@media (min-width: 1024px) {
    .js-slide .module .util .col a { height: 40px; line-height: 40px; font-size: 14px; font-family:'TextMedium';}
    .js-slide .module .util { display: none; }
    .js-slide .module .util.tab_access { display: block; }
    .js-slide .module:hover .util { display: block; } /* desktop 에서 hover 노출 */
    .js-slide .active .module .util { display: block; }

    /* slide */
    .main_all_vehicle .responsive_slide .ix-list-item {width:20%;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) { /* 768 이상 tablet & descktop  */
    /* slide */
    .main_all_vehicle .responsive_slide .ix-list-item {width:33.3%;}
}

@media screen and (max-width: 767px) { /* 768 미만 mobile  */
    /* slide */
    .main_all_vehicle .responsive_slide .ix-list-item {width: 50%;}
    .main_all_vehicle .responsive_slide .ix-list-item .module:nth-child(2) {margin-top:10px;}
}

/* 슬라이드 버튼 위치 조정 */
.main_visual .slide [class*='_direction'] [class^="ix-btn"],
.main_promotion .slide [class*='_direction'] [class^="ix-btn"] {
    margin-top: -56px;
}
@media screen and (max-width: 767px) {
    .main_visual .slide [class*='_direction'] [class^="ix-btn"],
    .main_promotion .slide [class*='_direction'] [class^="ix-btn"] {
        margin-top: -53px;
    }
}

/* ============================ [ smart-access.css - 현대 스마트 엑세스 ] ============================ */
.smart_access .fold_area .text_strong .link {margin-left:20px;}
.car_manager .hmc_form {margin-top: 20px;}
.car_manager .ui_table .input_wrap .div{display:inline-block; width:1px; height:.9em; margin:0 10px; background:#bfac99; vertical-align: middle;}
.car_manager .hmc_form .ui_table>dl>dd>div>* {float:none;}
.car_manager .my_car_checkArea {margin:0 0 10px 0;text-align:left;padding-left:20%;}

/* 등록차량 정보_차량진단결과 */
.registered_car .sub_title .car_update {float:right;margin-right:100px;}
.registered_car .registered_access_info{/* background:#f6f3f2; */ background:#e4dcd3; color:#626262;border:1px solid #e4dcd3;}
.registered_car .registered_access_info>div{padding:0 5% 5% 0;}
.registered_car .registered_access_info dt{color:#fff;}
.registered_car .registered_access_info dl{position:relative; display:block; padding:13% 0; font-family:'TextMedium'; color:#fff;}
.registered_car .registered_access_info a {/* cursor: text; */}
.registered_car .registered_access_info a.lnk {cursor: pointer;}
.registered_car .registered_access_info a.lnk dl:after{content:''; position:absolute; top:50%; right:0; width:7px; height:14px; margin-top:-7px; background:url(../images/common/ico_pc_20.png) no-repeat -60px -160px;}
.registered_car .registered_access_info dl + dl{border-top:1px solid #000;}
.registered_car .registered_access_info .thumb { text-align: center; background-color: #e4dcd3; }
.registered_car .registered_access_info [class*="tab_menu"][class*="_02"]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#444;}
.registered_car .registered_access_info [class*="tab_menu"][class*="_02"]>li{display:inline-block;padding: 0;height:100%;width:50%;}
.registered_car .registered_access_info [class*="tab_menu"][class*="_02"]>li button{width:100%;}
.registered_car .registered_access_info .tab_cont {font-family: 'TextMedium';font-size:32px;color:#000;height:100px;text-align:center;}
.registered_car .registered_access_info .tab_cont span{display: block;width: 100%;text-align: center;padding-top: 30px;}

.registered_access_info .item { margin-top: 20px; }
.registered_access_info .item:first-child { margin-top: 0; }
.registered_access_info .item p { margin: 10px 0 0; font-size: 14px; line-height: 1.3; }
.registered_access_info .item p.name { font-size: 18px; font-family: 'HeadMedium'; margin: 0 0 20px; padding: 0; text-align: left; color: #000; }
.registered_access_info .item p.desc { margin-bottom: 10px; }
.registered_access_info .item a.btn_md_primary { position: relative; display: block; width: 100%; max-width: inherit; text-align: left; font-size:16px;}
.registered_access_info .item a.btn_md_primary [class^="ico_"] {position: absolute; top: 50%; right: 20px; margin-top: -8px;}
.registered_access_info .item a.btn_md_primary .ico_arr {background: url('../images/common/ico_pc_20.png') no-repeat -60px -160px;}
.registered_access_info .item.nth-child-1 a.btn_md_primary { background-color: #006992; border-color: #006992; }

/* 등록차량 정보(법인) */
.corporation_mypage .registered_carinfo .section>*:after { content: ''; position: absolute; bottom: 0; left: 30px; right: 30px; height: 1px; background-color: #a7a7a7; }
.corporation_mypage .registered_carinfo .section>dl{position:relative; text-align: center;color:#fff; background:#e6e6e6;padding:20px 0;}
.corporation_mypage .registered_carinfo .section>dl>dt{padding-bottom:1em;color:#444;}
.corporation_mypage .registered_carinfo .section>dl>dd span{font-size:3em;padding:0 10px;}
.corporation_mypage .registered_carinfo .dl_text_cont{position:relative;background:#e6e6e6;}
.corporation_mypage .registered_carinfo .dl_text_cont>dl>dt{width:35%;}
.corporation_mypage .registered_carinfo .dl_text_cont li:nth-child(n+3) .link {margin: 15px 0 0 0;}
.corporation_mypage .registered_carinfo .dl_text_cont li:nth-child(even){padding-left: 0px;}
.corporation_mypage .registered_carinfo dl .link_count{font-size:2.5em;text-decoration: underline;color:#006992;}

/* 스마트 엑세스 정보 */
.smart_access .section>*:after { content: ''; position: absolute; bottom: 0; left: 30px; right: 30px; height: 1px; background-color: #a7a7a7; }
.smart_access .section>dl{position:relative; text-align: center;color:#fff; background:#e6e6e6;padding:20px 0;}
.smart_access .section>dl>dt{padding-bottom:1em;color:#444;}
.smart_access .section>dl>dd span{font-size:3em;padding:0 10px;}
.smart_access .dl_text_cont{position:relative;background:#e6e6e6;}
.smart_access .dl_text_cont>dl>dt{width:35%;}
.smart_access .dl_text_cont li:nth-child(n+3) .link {margin: 15px 0 0 0;}
.smart_access .dl_text_cont li:nth-child(even){padding-left: 30px;}
.smart_access dl .link_count{font-size:2.5em;text-decoration: underline;color:#006992;}

/* 블루링크 서비스 */
.bluelink_service_mypage .section>*:after { content: ''; position: absolute; bottom: 0; left: 30px; right: 30px; height: 1px; background-color: #a7a7a7; }
.bluelink_service_mypage .section>dl{position:relative; text-align: center;color:#fff; background:#e6e6e6;padding:20px 0;}
.bluelink_service_mypage .section>dl>dt{padding-bottom:1em;color:#444;}
.bluelink_service_mypage .section>dl>dd {color:#006992;}
.bluelink_service_mypage .section>dl>dd span{padding:0 10px;}
.bluelink_service_mypage .section>dl>dd .select_wrap {width:85%;margin: 0 auto;}
.bluelink_service_mypage .section>dl>dd .selectBox-dropdown {padding: 0 40px 0 10px;}
.bluelink_service_mypage .dl_text_cont{position:relative;background:#e6e6e6;}
.bluelink_service_mypage .dl_text_cont>dl>dt{width:35%;}
.bluelink_service_mypage .dl_text_cont li:nth-child(n+3) .link {margin: 15px 0 0 0;}
.bluelink_service_mypage .dl_text_cont li:nth-child(even){padding-left: 30px;}
.bluelink_service_mypage dl .link_count{font-size:2.5em;text-decoration: underline;color:#006992;}

.dk_page #checkBlln .text_button_bar{position:relative; min-height:40px; padding-right: 180px;}
.dk_page .text_button_bar>.btn_n1{position:absolute; top:50%; right:0; margin-top:-45px;min-width:130px;}
.dk_page .text_button_bar>.btn_n2{position:absolute; top:50%; right:0; margin-top:5px;min-width:130px;}
.dk_page .text_button_bar>.btn_n1_1{position:absolute; top:50%; right:0; margin-top:-45px;min-width:162.84px;}

.layer_smart_access .hmc_form{margin-top:30px;}
.layer_smart_access .radio_set {padding-top: 8px;max-width: 600px;}
.layer_smart_access .hmc_form .ui_table>dl>dd>div>* {float: none;}
.layer_smart_access .input_date_group .input_wrap{width:170px;}
.layer_smart_access .input_wrap.calbtn_wrap{width:40px;}
.layer_smart_access .input_wrap.calbtn_wrap .btn_cal{height:40px;} /* 190314추가 */
.layer_smart_access .text_strong .check_wrap {margin-left:20px;}
.layer_smart_access .hmc_form [class*="_set"].ea_02>* {width: 49%;max-width:none;}
.layer_smart_access .panel_gray .check_set span{margin-top:10px;}
.layer_smart_access .panel_gray .check_set span:first-child{margin-top:0}
.layer_smart_access .panel_gray .check_set span:nth-child(2){margin-top:0}
.layer_smart_access .hmc_form + .hmc_form {margin-top:30px;}
.layer_smart_access .div{display:inline-block; width:1px; height:.8em; margin:0 5px; background:#bfac99; vertical-align: top;}
.layer_smart_access p.text .div{display:inline-block; width:1px; height:.8em; margin:0 5px; background:#bfac99; vertical-align: middle;}

.layer_smart_access .share_wrap {}
.layer_smart_access .share_wrap > p {padding: 7px 0px;}
.layer_smart_access .share_wrap .acc_02>dl>dt{background:#f6f3f2;}
.layer_smart_access .share_wrap .acc_02>dl>dt button {width:68px !important;}
.layer_smart_access .share_wrap .acc_02>dl>dd{padding:15px 30px;}
.layer_smart_access .share_wrap .ui_accordion>dl>dt.on .title {height:58px;}

[class^="section"].access_summary{padding:0;}
.access_summary .section{padding:40px 0; background:#666; color:#fff;}
.access_summary .section:after{content:''; display: block; clear: both;}
.access_summary dl{float:left; width:25%; min-height:75px;}
.access_summary dt{min-height:45px; font-family: 'TextMedium';}
.access_summary dt small{display: block;}
.access_summary {padding:10px; margin-top:10px !important;}
.access_summary .page_btns {margin-top:10px;}

.access_carinfo .slide .ix-list-item{text-align:center !important;}

.smart_access_mypage {}
.smart_access_mypage .car_management{text-align:center;}
.smart_access_mypage .management_btns{margin:30px 0; text-align:right;}
.smart_access_mypage .management_btns + *{padding-bottom:0 !important;}
.smart_access_mypage .check_wrap label{height:22px;padding:0 0 0 20px;}
.smart_access_mypage .select_view{margin: -41px 0 0;text-align: right;}
.smart_access_mypage .data_table .input_wrap input[name="carRgstNo"] {padding:0 5px;} /* 190312 */
.smart_access_mypage .data_table .input_wrap input.ui_date_picker {padding:0 7px;} /* 190312 */

/* 테이블 내 캘린더 재정의 */
.smart_access_mypage .date_picker_layer th{background:#002c5f !important; color:#fff !important; height:24px !important; font-family:'TextMedium' !important; font-weight:normal !important;padding: 0 !important;border:0 !important;}
.smart_access_mypage .date_picker_layer td{border-right:1px solid #e4dcd3 !important; border-bottom:1px solid #e4dcd3 !important;padding: 0 !important;word-break: normal !important;height: auto !important; }

/* 차량리스트 */
.access_car_list {display:block; margin-top:50px;}
.access_car_list:first-child{margin-top:0px;}
.access_car_list .access_key_info{display:block;}
.access_car_list .layer_carinfo{position: relative;display:none;}
.access_car_list .layer_keyinfo{position: relative;display:none;}
.access_car_list .layer_carinfo .bullet_dot {margin: 30px 0 20px;}
.access_car_list .layer_carinfo .ui_close {position: absolute;top: -10px;right: 0;display: block;width: 40px;height: 40px;}
.access_car_list .layer_keyinfo .ui_close {position: absolute;top: 20px;right: 0;display: block;width: 40px;height: 40px;}
.access_car_list.ly-carinfo .layer_carinfo{display:block;}
.access_car_list.ly-keyinfo .layer_keyinfo{display:block;}
.access_car_list .slide .ix-controller {width:100%;overflow:hidden;padding:1em 0;text-align:center;}

.access_car_info {display:block; width:100%; padding:20px 50px 20px; /* padding:80px 50px; */ margin-top:-1px; background:#f6f3f2; border:1px solid #e4dcd3; text-align:left;}
.access_car_info .counseling_info_wrap{display:table;width:100%;table-layout:fixed;}
.access_car_info .counseling_info_wrap .counseling_car_img {display:table-cell;padding-right:50px;vertical-align:middle; text-align: center;}
.access_car_info .counseling_info_wrap > div {display:table-cell;width:40%;vertical-align:middle;padding: 10px 0;}
.access_car_info .counseling_info_wrap > div strong{display:block;margin-bottom:15px;font-size:30px;font-weight:bold;}
.access_car_info .counseling_info_wrap > div [class^="select_wrap"]{margin:15px 0;}
.access_car_info .counseling_info_wrap > div .row_title {margin-bottom:0.6em;}
.access_car_info .counseling_info_wrap > div ul {margin:20px 0;}
.access_car_info .counseling_info_wrap > div ul li {font-size:1em; line-height:1.3em; color:#000;}
.access_car_info .close_btn {position:absolute;top:0;right:0;display:block;width:40px;height:40px;}
.access_car_info .close_btn:before {position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';}
.access_car_info .close_btn:after {position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';}
.access_car_info .list_carinfo li {float:left;position: relative;display: inline-block;margin-top:0px;padding-right: 31px;}
.access_car_info .list_carinfo li:last-child{padding-right:0px;}
.access_car_info .list_carinfo li:before{content:''; position:absolute; top:50%; right:15px; width:1px; height:14px; margin-top:-7px; background:#e5e5e5;}
.access_car_info .list_carinfo li:last-child:before{background:none;}
.access_car_info .dl_text_cont>dl + dl{margin-top:0px;}
.layer_keyinfo [class*="tab_menu"][class*="_02"]>li button{min-width:170px;}

/* 확인필요차량 */
.access_car_list.check_car .access_car_info{background:#999;}
.access_car_list.check_car .access_car_info .counseling_info_wrap > div{padding: 10px 0;}
.access_car_list.check_car .access_car_info .counseling_info_wrap > div strong {color:#fff;}
.access_car_list.check_car .counseling_car_img img.bg {display:none; -webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);-o-filter: blur(5px);filter:blur(5px);}
.access_car_list.check_car .counseling_car_img svg.blur {width:399px;height:214px;}

/* 키등록필요차량(페어링) */
.access_car_list.fairing_car .access_car_info{background:#999;}
.access_car_list.fairing_car .access_car_info .counseling_info_wrap > div{padding: 10px 0;}
.access_car_list.fairing_car .access_car_info .counseling_info_wrap > div strong {color:#fff;}
.access_car_list.fairing_car .counseling_car_img img.bg {display:none;-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);-o-filter: blur(2px);filter:blur(2px);filter: url(publish/css/#blur);}
.access_car_list.fairing_car .counseling_car_img svg.blur {width:399px;height:214px;}

/* smart access list */
.smart_access_list {}
.smart_access_list .module { position: relative; }
.smart_access_list .check_wrap label{height:22px;padding:0 0 0 20px;}
.smart_access_list .car_management{text-align:center;}
.smart_access_list .car_management .icon_carinfo1{display:inline-block;margin-right:10px; width:20px;height:26px;background:url(../images/common/icon_carinfo1.png) no-repeat center center;vertical-align:middle;}
.smart_access_list .car_management .icon_carinfo2{display:inline-block;margin-right:10px; width:41px;height:25px;background:url(../images/common/icon_carinfo2.png) no-repeat center center;vertical-align:middle;}
.smart_access_list .car_management .icon_carinfo3{display:inline-block;margin-right:10px; width:46px;height:20px;background:url(../images/common/icon_carinfo3.png) no-repeat center center;vertical-align:middle;}
.smart_access_list .car_management .icon_carinfo4{display:inline-block;margin-right:10px; width:28px;height:27px;background:url(../images/common/icon_carinfo4.png) no-repeat center center;vertical-align:middle;}
.smart_access_list .management_btns{margin:30px 0; text-align:right;}

/* 시간지정버튼 */
.layer_smart_access .mobile_btn_set {height:40px;padding-top:5px;}
.layer_smart_access .mobile_btn_set .input_button_wrap{position:relative; display:inline-block;}
.layer_smart_access .mobile_btn_set .input_button_wrap>input{position:absolute; z-index: -1;}
.layer_smart_access .mobile_btn_set .input_button_wrap>label{display:inline-block; min-width: 80px; height: 30px; font-size: 12px; text-align:center; background:#fff; color:#767676; white-space: nowrap; border:1px solid #fff;}
.layer_smart_access .mobile_btn_set .input_button_wrap>input:checked + label{background:#002c5f; color:#fff; border-color:#002c5f; font-family: 'TextMedium';}
.layer_smart_access .mobile_btn_set .input_button_wrap>input:focus + label{border-color:#002c5f;}
.layer_smart_access .mobile_btn_set .input_button_wrap>input:checked:focus + label{border-color:#fff;}
.layer_smart_access .mobile_btn_set .input_button_wrap>input:disabled + label{background:#eaeaea; border-color:#eaeaea; color:#999; cursor:not-allowed;}
.layer_smart_access .mobile_btn_set .input_button_wrap>label:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.layer_smart_access .mobile_btn_set .input_button_wrap + .input_button_wrap{margin-left:6px;}
.layer_smart_access .mobile_btn_set .input_button_wrap>label{width:80px; min-width: inherit; border-color:#e4dcd3}
.layer_smart_access .mobile_btn_set .input_button_wrap>input:checked:focus + label{border-color:#000}

.user_checkinfo{margin:20px 0;padding:20px 0 10px;text-align:center;border-top:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;}

/* 레이어/modal */
.smart_layer .messages {padding-top:10px; color: #d2412f; line-height: 1.4; font-size: 13px; }
.smart_layer .messages p.bullet_dot { padding-left: 10px; line-height: 1.4; }
.smart_layer .hmc_form .ui_table>dl>dd>div + div{margin-top:0px;}


@media (max-width: 1023px) {
    .smart_access_list .wrap { margin: 0 15px; }
    .smart_access_list .desc { position: absolute; top: 40px; left: 45px; right: 25px; bottom:40px; text-align: left; color: #000; }
    .smart_access_list .desc.align_top,
    .smart_access_list .desc.align_bottom {top:40px;bottom:40px;left:45px;transform:translate(0,0);-webkit-transform:translate(0,0);}
    .smart_access_list .desc .subject { margin-top: 12px; }
    .smart_access_list .action.mobile_only {position: absolute;display: inline-block;bottom: 30px;left: 15px;right: 15px;width: auto;}
    .smart_access_list .action.mobile_only.is-my { right: 15px; }
}


@media (min-width: 1024px) {
    .smart_access_list .container { padding-bottom: 40px; }
    .smart_access_list .desc { position: absolute; top: 40px; bottom:40px; transform: translate(-40%, 0); -webkit-transform: translate(-40%, 0); left: 40%; right: 0; width: 100%; max-width: 80%; text-align: left; color: #000; }
    .smart_access_list .desc .summary { font-size: 30px; margin-top: 0; }
    .smart_access_list .desc .subject { font-size: 25px; }
    .smart_access_list .desc .action.pc_only { margin-top: 15px; }
}


@media screen and (min-width:961px){
    /* 961 이상 tablet & pc */
    /* 등록차량정보(법인) */
    .corporation_mypage .registered_carinfo .fold_wrap{display:table;width:100%;}
    .corporation_mypage .registered_carinfo .section{display:table-cell;width:60%;}
    .corporation_mypage .registered_carinfo .section>*{display:table-cell; width:1%; vertical-align: middle;}
    .corporation_mypage .registered_carinfo .section>*:after{ top: 27px; left: auto; right: 0; width: 1px; height: 66px; margin-top: 0; }
    .corporation_mypage .registered_carinfo .dl_text_cont{position:relative; display:table-cell;width:50%; padding:35px 3% 25px 3%; background:#e6e6e6;vertical-align: top;}
    .corporation_mypage .registered_carinfo .dl_text_cont>dl + dl{margin-top:10px;}
    
    /* 스마트 엑세스 정보 */
    .smart_access .fold_wrap{display:table;width:100%;}
    .smart_access .section{display:table-cell;width:60%;}
    .smart_access .section>*{display:table-cell; width:1%; vertical-align: middle;}
    .smart_access .section>*:after{ top: 27px; left: auto; right: 0; width: 1px; height: 66px; margin-top: 0; }
    .smart_access .dl_text_cont{position:relative; display:table-cell;width:50%; padding:35px 3% 25px 3%; background:#e6e6e6;vertical-align: top;}
    .smart_access .dl_text_cont>dl + dl{margin-top:10px;}
    
    /* 블루링크 서비스 */
    .bluelink_service_mypage .fold_wrap{display:table;width:100%;}
    .bluelink_service_mypage .section{display:table-cell;width:60%;}
    .bluelink_service_mypage .section>*{display:table-cell; width:1%; vertical-align: middle;}
    .bluelink_service_mypage .section>*:after{ top: 27px; left: auto; right: 0; width: 1px; height: 66px; margin-top: 0; }
    .bluelink_service_mypage .dl_text_cont{position:relative; display:table-cell;width:40%; padding:35px 3% 25px 3%; background:#e6e6e6;vertical-align: top;}
    .bluelink_service_mypage .dl_text_cont>dl + dl{margin-top:10px;}
}


@media screen and (min-width:768px){
    /* 768 이상 tablet & pc */
    /* 등록차량 정보 */
    .registered_car .registered_access_info{display:table; width:100%; table-layout: fixed;}
    .registered_car .registered_access_info>*{display: table-cell; width:50%; vertical-align: middle;}
    .registered_car .registered_access_info>div{padding:0 3% 3% 0;}
    .registered_car .registered_access_info .img_wrap {max-width:399px;margin:0 auto;}
    .registered_car .registered_access_info .img_wrap img {width:100%;}
        
    .access_summary dl{text-align:center;}
    .access_summary dl + dl{border-left:1px solid #000;}
    .access_summary dt small{padding-top:5px;}
    .access_summary {padding:20px 30px; margin-top:20px !important; display:table;}
    .access_summary .textWrap {display:table-cell; vertical-align:middle; width:calc(100% - 370px); padding-right:20px;}
    .access_summary .page_btns {display:table-cell; vertical-align:middle; width:370px; margin:0;}

    .layer_smart_access .hmc_form [class*="_set"].ea_02>* {width: 49%;max-width:none;min-width:auto;vertical-align: top;}
   
    .smart_access_mypage .management_form .input_group [class^="select_"]{width:210px;}
    .smart_access_mypage .management_form .input_group .input_wrap{width:calc(100% - 220px);}
    
    .layer_smart_access .form_btns{margin-top:40px;}
    .layer_smart_access .panel_mo + .form_btns{margin-top:0px;}
    
    .text_quicklink_1 .list_bullet_dot .link {display:inline-block;}
}

@media screen and (min-width:768px) and (max-width:960px){
    /* 768 이상 960이하 tablet */
    .access_car_info{padding:50px 30px;}
    .access_car_info>li.on {padding-bottom:365px;}
    .access_car_info>li{width:calc((100% - 60px) / 3);}
    .access_car_info>li:nth-child(3n+1){clear:both; margin-left:0;}
    
    /* 등록차량 정보 */
    .registered_car .registered_access_info>div{padding:0 2% 2% 2%;}
    
    /* 등록차량정보(법인) */
    .corporation_mypage .registered_carinfo .section{display:table;}
    .corporation_mypage .registered_carinfo .section>*:after{ top: 27px; left: auto; right: 0; width: 1px; height: 66px; margin-top: 0; }
    .corporation_mypage .registered_carinfo .section>*:last-child:after{display:none;}
    .corporation_mypage .registered_carinfo .section>dl{display:table-cell; width:calc(100% / 3);vertical-align: middle;}    
    .corporation_mypage .registered_carinfo .dl_text_cont{position:relative;width:100%;padding:35px 5% 35px 5%; background:#e6e6e6;vertical-align: top;}
    .corporation_mypage .registered_carinfo .dl_text_cont:after { content: ''; position: absolute; top: 0; left: 30px; right: 30px; height: 1px; background-color: #a7a7a7; }
    
    /* 스마트 엑세스 정보 */
    .smart_access .section{display:table;}
    .smart_access .section>*:after{ top: 27px; left: auto; right: 0; width: 1px; height: 66px; margin-top: 0; }
    .smart_access .section>*:last-child:after{display:none;}
    .smart_access .section>dl{display:table-cell; width:calc(100% / 3);vertical-align: middle;}    
    .smart_access .dl_text_cont{position:relative;width:100%;padding:35px 5% 35px 5%; background:#e6e6e6;vertical-align: top;}
    .smart_access .dl_text_cont:after { content: ''; position: absolute; top: 0; left: 30px; right: 30px; height: 1px; background-color: #a7a7a7; }
    
    /* 블루링크 서비스 */
    .bluelink_service_mypage .section{display:table;}
    .bluelink_service_mypage .section>*:after{ top: 27px; left: auto; right: 0; width: 1px; height: 66px; margin-top: 0; }
    .bluelink_service_mypage .section>*:last-child:after{display:none;}
    .bluelink_service_mypage .section>dl{display:table-cell; width:calc(100% / 3);vertical-align: middle;}
    .bluelink_service_mypage .section>dl>dd span{padding:0;}
    .bluelink_service_mypage .section>dl>dd .select_wrap {width:85%;margin: 0 auto;}
    .bluelink_service_mypage .section>dl>dd .selectBox-dropdown {padding: 0 40px 0 10px;}
    .bluelink_service_mypage .dl_text_cont{position:relative;width:100%;padding:35px 5% 35px 5%; background:#e6e6e6;vertical-align: top;}
    .bluelink_service_mypage .dl_text_cont:after { content: ''; position: absolute; top: 0; left: 30px; right: 30px; height: 1px; background-color: #a7a7a7; }
}


@media screen and (max-width:767px){
    .corporation_mypage .registered_carinfo .fold_area .text_strong .link {display:block;margin-left:0px;}
    .smart_access .fold_area .text_strong .link {display:block;margin-left:0px;}
    .layer_smart_access .hmc_form [class*="_set"].ea_02>* {display:block;}
    .car_manager .my_car_checkArea {margin:0 0 10px 0;text-align:left;padding-left:0;}
    .car_manager .my_car_checkArea .check_wrap + .check_wrap {margin-left:0;}
    
    .layer_smart_access .hmc_form [class*="_set"].ea_02>* {width: 100%;max-width:none;}
    .layer_smart_access .hmc_form [class*="_set"].ea_02>* br {display:none;}
    .layer_smart_access .hmc_form [class*="_set"].ea_02> .check_wrap + .check_wrap{margin-top:10px;}
    .layer_smart_access .share_wrap .ui_accordion>dl>dt.on .title {height:auto;}
    
    .dk_page #checkBlln .text_button_bar{padding-right: 0px;}
    .dk_page .text_button_bar>.btn_n1{position:static; top:0; right:0; margin-top:20px;min-width:130px;}
    .dk_page .text_button_bar>.btn_n2{position:static; top:0; right:0; margin-top:10px;min-width:130px;}
    .dk_page .text_button_bar>.btn_n1_1{position:static; top:0; right:0; margin-top:20px;min-width:162.84px;}
        
    .layer_smart_access .mobile_btn_set{width:100%;}
    .layer_smart_access .mobile_btn_set>*{float:left;width:20%;}
    .layer_smart_access .mobile_btn_set .space{width: 2%;}
    .layer_smart_access .mobile_btn_set .input_button_wrap>label{width:100%;}
    .layer_smart_access .input_date_group .input_wrap{width:40%;}
    .layer_smart_access .input_date_group .input_wrap.calbtn_wrap{width:40px;}

    .car_manager .my_car_checkArea {display:table;padding-left:0%;width:100%;}
    .car_manager .my_car_checkArea .check_wrap{display:table-cell;}
    
    /* 등록차량정보(법인) */
    .corporation_mypage .registered_carinfo .section{background: #e6e6e6;padding:0 25px;}
    .corporation_mypage .registered_carinfo .section>dl:after{display:none;}
    .corporation_mypage .registered_carinfo .section>dl{display:table;width:100%;border-bottom:1px solid #a7a7a7;}
    .corporation_mypage .registered_carinfo .section>dl>*{display:table-cell;text-align:left;vertical-align: middle;}
    .corporation_mypage .registered_carinfo .section>dl>dt{padding-bottom:0;}
    .corporation_mypage .registered_carinfo .section>dl>dd{font-size:1.15em; text-align:right;padding-right:10px;}   
    .corporation_mypage .registered_carinfo .section>dl>dd .link_count{font-size:1.3em;}
    .corporation_mypage .registered_carinfo .dl_text_cont{position:relative;width:100%;padding:20px 5% 20px 5%; background:#e6e6e6;vertical-align: top;}
    
    /* 스마트 엑세스 정보 */
    .smart_access .section{background: #e6e6e6;padding:0 25px;}
    .smart_access .section>dl:after{display:none;}
    .smart_access .section>dl{display:table;width:100%;border-bottom:1px solid #a7a7a7;}
    .smart_access .section>dl>*{display:table-cell;text-align:left;vertical-align: middle;}
    .smart_access .section>dl>dt{padding-bottom:0;}
    .smart_access .section>dl>dd{font-size:1.15em; text-align:right;padding-right:10px;}   
    .smart_access .section>dl>dd .link_count{font-size:1.3em;}
    .smart_access .dl_text_cont{position:relative;width:100%;padding:20px 5% 20px 5%; background:#e6e6e6;vertical-align: top;}
    
    /* 블루링크 서비스 */
    .bluelink_service_mypage .section{background: #e6e6e6;padding:0 25px;}
    .bluelink_service_mypage .section>dl:after{display:none;}
    .bluelink_service_mypage .section>dl{display:table;width:100%;border-bottom:1px solid #a7a7a7;}
    .bluelink_service_mypage .section>dl>*{display:table-cell;text-align:left;vertical-align: middle; line-height:1.3}
    .bluelink_service_mypage .section>dl>dt{padding-bottom:0;}
    .bluelink_service_mypage .section>dl>dd{font-size:1.15em; text-align:right;}
    .bluelink_service_mypage .section>dl>dd .select_wrap {width:70%;float: right;}
    .selectBox-options li a{font-size:1em;padding:0 20px;letter-spacing:0;}        
    .bluelink_service_mypage .dl_text_cont{position:relative;width:100%;padding:20px 5% 20px 5%; background:#e6e6e6;vertical-align: top;}
        
    /* 등록차량 정보 */
    .registered_car .sub_title .car_update {float:none;margin-right:0px;margin-top:15px;font-size:14px;}
    .registered_car .car_update {float:none;margin-right:0px;margin-bottom:10px;font-size:14px;}
    .registered_car .img_wrap{margin: 30px 0;}
    .registered_car .registered_access_info>div{padding:0 5% 5% 5%;}    
    
    .access_summary{}
    .access_summary .section{padding:0 25px;}
    .access_summary dl{display:table; width:100%;}
    .access_summary dl>*{display:table-cell; vertical-align: middle; line-height:1.3}
    .access_summary dd{font-size:1.15em; text-align:right;}
    .access_summary dl + dl{border-top:1px solid #000;}    
    
    /* 차량리스트 */
    .access_car_info{padding:20px 15px 5px;}
    .access_car_info .counseling_info_wrap{display:block;}
    .access_car_info .counseling_info_wrap .counseling_car_img {display:block;padding-right:0;padding-bottom:15px;text-align:center;}
    .access_car_info .counseling_info_wrap .counseling_car_img img{height:170px;}
    .access_car_info .counseling_info_wrap > div {display:block;width:auto;}
    .access_car_info .counseling_info_wrap > div strong {margin-bottom:10px;font-size: 16px;padding:0 5px;}
    .access_car_info .counseling_info_wrap > div ul {margin:15px 0;padding: 0 5px;}
    
    /* 확인필요차량 */
    .access_car_list.check_car .counseling_car_img svg.blur {height:170px;max-width:100%;}

    /* 키등록필요차량(페어링) */
    .access_car_list.fairing_car .counseling_car_img svg.blur {height:170px;max-width:100%;}

    .access_car_list {display:block; margin-top:30px;}
    .access_car_list .layer_carinfo .bullet_dot {margin: 30px 50px 20px 0;}
    .access_summary dl{min-height:50px;}
    
    .access_car_list .layer_keyinfo .ui_close{top:0px;}

    .registered_access_info [class*="tab_menu"][class*="_02"]{height:50px;}
    
    .layer_keyinfo.ui_tab_02{margin-top:20px;}
    .layer_keyinfo.ui_tab_02>button.mobile_only{position:relative; width:calc(100% - 50px); height:50px; padding:0 15px; text-align: left; background:#444; color:#fff;}
    .layer_keyinfo.ui_tab_02>button.mobile_only:after{content:''; position:absolute; top:50%; right:20px; width:0;  height:0; margin-top:-2.5px; border:5px solid transparent; border-top-color:#fff;}
    .layer_keyinfo.ui_tab_02>button.mobile_only.on:after{margin-top:-10px; border-top-color:transparent; border-bottom-color:#fff;}
    .layer_keyinfo.ui_tab_02>[class*="tab_menu"]{display:none;}
    .layer_keyinfo.ui_tab_02 .on + [class*="tab_menu"]{display:block;}
    .layer_keyinfo.ui_tab_02>[class*="tab_menu"]>li{display:block; width:calc(100% - 50px);height:50px;padding:0px;background:#444;color:#fff;}
    .layer_keyinfo.ui_tab_02>[class*="tab_menu"]>li>*{padding:0 15px; text-align:left;font-size:14px;}
    .layer_keyinfo.ui_tab_02>[class*="tab_menu"]>li.on {background:#222;}
    .layer_keyinfo.ui_tab_02>[class*="tab_menu"]>li.on>* {color:#fff;}
    .layer_keyinfo [class*="tab_menu"][class*="_02"]>li button{min-width:100%;}
    
    .smart_access_list .management_btns{margin:20px 0 0; text-align:right;}
    .management_btns .mobile_btn_set {height:40px;padding-top:0px;}
    
    /* 모바일 테이블 */
    .mobile_table {}
    .mobile_table thead tr {position: absolute;top: -9999em;left: -9999em;}
    .mobile_table tr {border: 1px solid #e4dcd3;display: block;}
    .mobile_table tr + tr {margin-top: 20px;}
    .mobile_table td {
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #e4dcd3;
        padding-left: 50%;
        position: relative;
        font-size: 14px;
    }
    .mobile_table td:before {
        content: attr(data-label);
        display: inline-block;
        line-height: 1.5;
        margin-left: -100%;
        width: 85%;
        position: relative;
        z-index: 1;
        text-align:left;
        color:#fff;
    }
    .mobile_table td:after {
        content: '';
        position: absolute;
        background: #002c5f;
        width: 40%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 0;
    }
    .mobile_table td:last-child{border-bottom:0;}
    /* .mobile_table tbody tr:last-child td{border-bottom:0px solid #e4dcd3} */    

    .layer_carinfo .data_table{width:100%;}
    .layer_carinfo .data_table th {text-align: left;border-bottom:1px solid #fff; padding: 0 20px;}
    .layer_carinfo .data_table td {text-align: left;padding: 0 20px; font-size:14px;}
    .layer_carinfo .data_table thead th:first-child {border-left-color: #fff;}
    .layer_carinfo .data_table thead th:last-child {border-right-color: #fff;border-bottom:0;}  
    .layer_carinfo .data_table thead + tbody tr:first-child td {border-top: 1px solid #fff;}

    .access_key_info [class^="section"].pd_sm{padding:30px 0px;}     
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 9999;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}/*200622 edit*/

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 13px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 13px 0 0 13px;
}

.daterangepicker td.end-date {
  border-radius: 0 13px 13px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 13px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  width: 45%;
}

.daterangepicker select.yearselect {
  width: 45%;
  margin-right: 5%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }

:root {
  --header-height-pc: 80px;
  --header-height-tab: 60px;
  --header-height-mo: 55px;
  
  --inner_wrap-padding-hrz-pc: 30px;
  --title-area-width-pc-percentage: 18.29;
  --title-area-width-pc: 18.29%;
  --title-bar-left-pc: calc(((100% - (var(--inner_wrap-padding-hrz-pc) * 2)) * var(--title-area-width-pc-percentage) / 100) + var(--inner_wrap-padding-hrz-pc));
  --depth2-area-margin-left-pc: 6.45%;
  
  --title-area-width-tab: 165px;
  --title-bar-left-tab: calc(var(--title-area-width-tab) + var(--inner_wrap-padding-hrz-pc));
  --depth2-area-margin-left-tab: 30px;
}

.scroll { height: auto; }

@font-face { font-family: "HyundaiSansHeadKR"; src: url("../font/HyundaiSansHeadKRMedium.eot"); src: url("../font/HyundaiSansHeadKRMedium.eot?#iefix") format("embedded-opentype"), url("../font/HyundaiSansHeadKRMedium.woff2") format("woff2"), url("../font/HyundaiSansHeadKRMedium.woff") format("woff"), url("../font/HyundaiSansHeadKRMedium.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "HyundaiSansTextKR"; src: url("../font/HyundaiSansTextKRMedium.eot"); src: url("../font/HyundaiSansTextKRMedium.eot?#iefix") format("embedded-opentype"), url("../font/HyundaiSansTextKRMedium.woff2") format("woff2"), url("../font/HyundaiSansTextKRMedium.woff") format("woff"), url("../font/HyundaiSansTextKRMedium.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "HyundaiSansHeadKRR"; src: url("../font/HyundaiSansHeadKRRegular.eot"); src: url("../font/HyundaiSansHeadKRRegular.eot?#iefix") format("embedded-opentype"), url("../font/HyundaiSansHeadKRRegular.woff2") format("woff2"), url("../font/HyundaiSansHeadKRRegular.woff") format("woff"), url("../font/HyundaiSansHeadKRRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "HyundaiSansTextKRR"; src: url("../font/HyundaiSansTextKRRegular.eot"); src: url("../font/HyundaiSansTextKRRegular.eot?#iefix") format("embedded-opentype"), url("../font/HyundaiSansTextKRRegular.woff2") format("woff2"), url("../font/HyundaiSansTextKRRegular.woff") format("woff"), url("../font/HyundaiSansTextKRRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

* { margin: 0; padding: 0; box-sizing: border-box; }

* html, * body { position: relative; height: 100%; }

.clearfix::after { content: ""; clear: both; display: table; }

div, nav, article, section, p, ul, li, a, button, input, textarea { box-sizing: border-box; }

ol, ul, dl { list-style: none; padding: 0; } /* 200407 edit */

fieldset { border: 0; }

/*! csstools-normalize v9.0.1 | github.com/csstools/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** Add the correct display in IE. */
main { display: block; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** Add the correct text decoration in Edge, IE, Opera, and Safari. */
abbr[title] { text-decoration: underline; text-decoration: underline dotted; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
icon_monthly-benefitb, strong { font-weight: normal; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** Remove the margin in Safari. */
button, input, select { margin: 0; }

/** 1. Show the overflow in IE. 2. Remove the inheritance of text transform in Edge, Firefox, and IE. */
button { overflow: visible; /* 1 */ text-transform: none; /* 2 */ border: 0 none; background-color: transparent; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Correct the padding in Firefox. 
fieldset { padding: 0.35em 0.75em 0.625em; } 200507 삭제*/

/** Show the overflow in Edge and IE. */
input { overflow: visible; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in Edge and IE. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the inheritance of text transform in Firefox. */
select { text-transform: none; }

/** 1. Remove the margin in Firefox and Safari. 2. Remove the default vertical scrollbar in IE. */
textarea { margin: 0; /* 1 */ overflow: auto; /* 2 */ }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 1; }

/** Remove the inner padding in Chrome and Safari on macOS. */
::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Remove the inner border and padding of focus outlines in Firefox. */
::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus outline styles unset by the previous rule in Firefox. */
:-moz-focusring { outline: 1px dotted ButtonText; }

/* Interactive ========================================================================== */
/* Add the correct display in Edge and IE. */
details { display: block; }

/* Add the correct styles in Edge, IE, and Safari. */
dialog { background-color: white; border: solid; color: black; display: block; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }

dialog:not([open]) { display: none; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* User interaction ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

body { font-family: "HyundaiSansTextKR", "Magul Gothic"; font-size: 16px; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.title-k1 { font-family: "HyundaiSansHeadKR"; line-height: 70px; font-size: 58px; font-weight: normal; letter-spacing: -0.4px; }

.title-k2 { font-family: "HyundaiSansHeadKR"; line-height: 28px; font-size: 16px; font-weight: normal; letter-spacing: -0.4px; }

.title-h1 { font-family: "HyundaiSansHeadKR"; line-height: 56px; font-size: 44px; font-weight: normal; letter-spacing: -0.4px; }

.title-s1 { font-family: "HyundaiSansHeadKR"; line-height: 28px; font-size: 16px; font-weight: normal; letter-spacing: -0.4px; }

.title-h2 { font-family: "HyundaiSansHeadKR"; line-height: 42px; font-size: 30px; font-weight: normal; letter-spacing: -0.4px; }

.title-h3 { font-family: "HyundaiSansHeadKR"; line-height: 32px; font-size: 20px; font-weight: normal; letter-spacing: -0.4px; }

.text-b1 { font-family: "HyundaiSansTextKR"; line-height: 28px; font-size: 16px; font-weight: normal; letter-spacing: -0.4px; }

.text-c1 { font-family: "HyundaiSansTextKR"; line-height: 26px; font-size: 14px; font-weight: normal; letter-spacing: -0.4px; }

.text-c2 { font-family: "HyundaiSansTextKR"; line-height: 24px; font-size: 12px; font-weight: normal; letter-spacing: 0.016px; }

.el-image { display: block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

input[type=text]::-ms-clear { display: none; }

.v-search .auto_search.is-hidden { display: none !important; }

.el-image__inner { width: 100%; }

/* #header .header_wrap .gnb_wrap .lnb_menu > ul > li > button:focus { outline: none; } 2022 웹접근성 오류 수정 */

/* 200417 add */
.accessbility {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.accessbility button {
  position: absolute;
  top: -1000px;
  width: 100%;
  padding: 16px 0;
  text-align: center;
  font-family: "HyundaiSansTextKR";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  background: #002c5f;
  color: #fff;
}

.accessbility button:focus {
  top: 0;
}

/* PC & MO 공통 */
.header.isFixed .scroll_depth{display: none;}
.header:not(.sticky-on) .scroll_depth { display: none;}
.header .scroll_depth { border-bottom: 1px solid #e5e5e5;}
.header .menu-btn {display: inline-block; vertical-align: top;}
.header .menu-btn .menu-ico { display: block; position: relative; width: 20px; height: 17px; transition: 0.5s;}
.header .menu-btn .menu-ico .bar-center,
.header .menu-btn .menu-ico:before,
.header .menu-btn .menu-ico:after{position: absolute; display: block; height: 2px; background-color: #000}
.header .menu-btn .menu-ico:before,
.header .menu-btn .menu-ico:after{content: '';width: 100%; transition: 0.3s;}
.header .menu-btn .menu-ico .bar-center {top: 50%; right: 0; width: 14px; margin-top: -1px;}
.header .menu-btn .menu-ico:before{top: 0;}
.header .menu-btn .menu-ico:after{bottom: 0;}
.header .menu-btn.is-toggle .menu-ico:before,
.header .menu-btn.is-toggle .menu-ico:after{top: 50%; width: 110%; opacity: 1;}
.header .menu-btn.is-toggle .menu-ico .bar-center { background-color: transparent; }
.header .menu-btn.is-toggle .menu-ico:before{transform: rotate(45deg);}
.header .menu-btn.is-toggle .menu-ico:after{transform: rotate(-45deg);}
.tap-area .nav_bar.is-hidden {transform: translateY(-100%);}

/* //200417 add */

@media screen and (min-width: 1025px) {
  .header .menu-btn .menu-ico { width: 26px; height: 19px;}
  .header .menu-btn .menu-ico .bar-center {right: 0; width: 18px;}
}
@media screen and (min-width: 768px) {
  .mobile-only { display: none !important; }
  .tab_only { display: none !important; }
  .mb_only_lnblist{ display: none !important; }
  .dimmed { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); content: ''; }
  .dimmed.show {display: block;}
  .tap-area {position: sticky; top: 0; z-index: 999; }
  
  .nav_bar{position: fixed;top: 0;left: 0;display: block;width: 0;height: 5px;background-color: #007fa8;z-index: 99999; transition: 0.2s linear;}
  .header { position: relative; z-index: 1; width: 100%; height: var(--header-height-pc); padding: 0 30px;background-color: #fff;transition: transform .3s ease-in-out;}
  .header.gnb-hidden { transform: translateY(calc(-100% - 2px)); }
  .header .scroll_depth {border-top: 1px solid #e5e5e5; transition: transform .3s ease-in-out;}
  .header a { text-decoration: none; color: #666666; }
  .header img {vertical-align: top;}
  .header li, .header ol { list-style: none; }
  .header fieldset { padding: 0 !important; border: none; }
  .header fieldset legend { display: none; }
  .header button { background-color: transparent; border: none; cursor: pointer; }
  .header .subject { display: none; }
  .header .mobile-controller .menu-btn { display: none; }
  .header .mobile-controller { display: none; }
  .header .btn { margin: 0 !important; }
  .header .inner_wrap {display: flex; height: var(--header-height-pc); max-width: 1400px; margin: 0 auto; justify-content: space-between; align-items: center;}
  .header .btn_close { position: relative; display: block; width: 50px; height: 50px; box-sizing: border-box; transition: .3s; z-index: 3; cursor: pointer; }
  .header .btn_close::before { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 1px; margin: -0.5px 0 0 -12px; background-color: #000000; -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .header .btn_close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 1px; margin: -0.5px 0 0 -12px; background-color: #000000; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .header .btn_close:hover { -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .header.isOpen{top: 0;}

  /* Header - Logo */
  .header .logo a {  display: block; width: 166px; height: 50px; background: url('https://www.hyundai.com/contents/images/logo.svg') no-repeat center center; background-size: 100% auto;}
  .header .bar { position: absolute; bottom: 0; height: 4px; background-color: #002c5f; opacity: 0; -webkit-transition: left 400ms ease, width 400ms ease, opacity 400ms ease; -moz-transition: left 400ms ease, width 400ms ease, opacity 400ms ease; -o-transition: left 400ms ease, width 400ms ease, opacity 400ms ease; transition: left 400ms ease, width 400ms ease, opacity 400ms ease; }
  .header .bar.on { opacity: 1; }

  /*Header - Util Wrap*/
  .header .gnb_wrap{ display: flex; width: 76.07%;}
  .header .util_wrap { width: 29.8%; min-width: 250px;}
  .header .util_wrap .util {display: flex;justify-content: space-between;align-items: center; height: 100%;}
  .header .util_wrap .util .line-divide { width: 1px; height: 0.9em; background: #999; }
  .header .util_wrap .util .item-util { position: relative; flex-shrink: 0;}
  .header .util_wrap .util .item-util:nth-child(3):before{ content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 70%; background: #999; transform: translateY(-50%); }
  .header .util_wrap .util .item-util a.text-link {display: block;font-family: "HyundaiSansHeadKRR";font-size: 16px;font-weight: 400;line-height: 1;letter-spacing: -1px;color: #000;white-space: nowrap;}
  .header .util_wrap .util .item-util a.text-link b {font-family: "HyundaiSansHeadKRR"; display: inline-block;margin-left: 1px;font-weight: bold;}
  .header .util_wrap .util .item-util button {color: #000;height: 100%;}
  .header .util_wrap .util .item-util button.lang-select {font-family: "HyundaiSansHeadKRR";font-size: 16px;line-height: 30px;letter-spacing: -0.4px;}
  .header .util_wrap .util .item-util button.lang-select:after {content: "";display: inline-block;vertical-align: middle;position: relative;top: -2px;margin-left: 8px;border-top: 5px #000 solid;border-right: 3px transparent solid;border-left: 3px transparent solid;}
  .header .util_wrap .util .item-util button.lang-select.is-open:after {transform: rotate(180deg);}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap {display: none; position: absolute;top: 55px;left: 50%;z-index: 100;width: 108px;min-height: 1em;background: #fff;border: 1px solid #eee; border-top: 0; transform: translateX(-50%);}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap.is-open{display: block;}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap ul {padding: 10px 0 8px;}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap ul li {padding: 8px 0;text-align: center;line-height: 1.15;}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap ul li a {position: relative;display: inline-block;padding: 0;vertical-align: middle;font-size: 15px;}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap ul li a:hover, .util_wrap .util .item-util button.lang-select + .lang_wrap ul li a:focus {color: #002c5f;}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap ul li a:hover::after, .util_wrap .util .item-util button.lang-select + .lang_wrap ul li a:focus::after {content: "";position: absolute;left: 50%;bottom: 0;display: block;width: 100%;height: 100%;transform: translateX(-50%);border-bottom: 2px solid #002c5f;}
  .header .util_wrap .util .item-util button.login-btn {position: relative;}
  .header .util_wrap .util .item-util button.login-btn:after {content: "";display: inline-block;vertical-align: middle;width: 26px;height: 26px;background: url("https://www.hyundai.com/static/images/w_mypage.png") no-repeat;background-position: 0 0;background-size: 100%;}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap {display: none; position: absolute;top: 50px;left: 50%;z-index: 10004;border: 1px solid #eee; border-top: 0; transform: translateX(-50%);}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap.is-open{display: block;}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap ul {width: 125px;min-height: 1em;padding: 10px 0;background: #fff; font-family: 'HyundaiSansTextKRR';}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap ul li {margin-bottom: 8px;text-align: center;}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap ul li:last-child {margin-bottom: 0;}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap ul li a {position: relative;display: block;width: 100%;color: #002c5f;text-indent: -10px;line-height: 30px;font-size: 15px;}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap ul li a::after {content: "";position: absolute;top: 50%;right: 20px;width: 8px;height: 8px;margin-top: -2px;border-top: 1px solid #002c5f;border-right: 1px solid #002c5f;-webkit-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);}
  .header .util_wrap .util .item-util button.btn_search_header { padding: 0; font-family: "HyundaiSansTextKR";font-size: 12px;line-height: 0;letter-spacing: 0.288px;color: #ffffff;}
  .header .util_wrap .util .item-util button.btn_search_header:after {content: "";display: inline-block;vertical-align: middle;width: 26px;height: 26px;background: url("https://www.hyundai.com/static/images/w_search.png") no-repeat;background-position: 0 0;background-size: 100%;}
  .header .util_wrap .util .item-util button.menu-btn {display: inline-block;width: 16px;height: 16px;box-sizing: content-box;}
  .header .util_wrap .util .item-util button.menu-btn span {display: block;position: relative;height: 2px;width: 100%;background-color: #fff;font-size: 0;}
  .header .util_wrap .util .item-util button.menu-btn span::after {content: "";display: block;height: 2px;width: 100%;background-color: #fff;transform: translateY(4px);}
  .header .util_wrap .util .item-util button.menu-btn span::before {content: "";height: 2px;width: 100%;display: block;background-color: #fff;transform: translateY(-6px);}
  .header .util_wrap .util .item-util button.menu-btn span.is-active {transition: 0.3s;background-color: transparent;}
  .header .util_wrap .util .item-util button.menu-btn span.is-active:after {transform: rotate(-45deg) translateY(-2px);width: 130%;}
  .header .util_wrap .util .item-util button.menu-btn span.is-active:before {transform: rotate(45deg) translateY(1px);width: 130%;}

  /* Header - Search */
  .header .search_wrap { display: none; position: absolute; top: var(--header-height-pc); left: 0; width: 100%; padding: 0 30px; z-index: 4; background-color: #f2f2f2; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
  .header .search_wrap.on { display: block; }
  .header .search_wrap .inner_wrap { position: relative;}
  .header .search_wrap .v-search { width: 570px; margin: 0 auto;}
  .header .search_wrap .v-search fieldset{ margin: 0 auto;}
  .header .search_wrap .search { position: relative; width: 570px; margin: 20px auto; background-color: #ffffff; }
  .header .search_wrap .search input[type="text"] { width: calc(100% - 90px); height: 50px; padding-left: 20px; line-height: 100%; border: none; font-family: "HyundaiSansHeadKRR"; font-size: 20px; letter-spacing: -0.4px; }
  .header .search_wrap .search input[type="text"]:focus { outline:1px dotted #000; }
  .header .search_wrap .search input[type="text"]::placeholder { color: #767676; font-family: "HyundaiSansHeadKRR"; letter-spacing: -0.4px; font-size: 20px; opacity: 1; }
  .header .search_wrap .search input[type="text"]:-ms-input-placeholder { color: #767676; font-family: "HyundaiSansHeadKRR"; letter-spacing: -0.4px; font-size: 20px; opacity: 1; }
  .header .search_wrap .search input[type="text"]::-webkit-input-placeholder { color: #767676; font-family: "HyundaiSansHeadKRR"; letter-spacing: -0.4px; font-size: 20px; opacity: 1; }
  .header .search_wrap .search .btn_search_header { position: absolute; top: 50%; right: 0; width: 44px; height: 44px; line-height: 44px; margin-top: -22px; text-align: center; cursor: pointer; }
  .header .search_wrap .search .btn_search_header::after { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat; background-position: 0 0; }
  .header .search_wrap .btn_close { position: absolute; top: 50%; right: -15px; transform: translateY(-50%);}
  .header .recent_search { display: none; position: absolute; top: 50px; left: 0; z-index: 3; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.08); }
  .header .recent_search ul::after { content: ""; display: block; clear: both; }
  .header .recent_search ul li { position: relative; float: left; width: 50%; }
  .header .recent_search ul li dl { padding: 30px 20px 12px; }
  .header .recent_search ul li dl dt { padding-bottom: 18px; font-size: 16px; font-weight: 500; color: #000000; }
  .header .recent_search ul li dl dt::after { content: ""; display: block; clear: both; }
  .header .recent_search ul li dl dd { position: relative; }
  .header .recent_search ul li dl dd a { display: block; height: 50px; line-height: 50px; }
  .header .recent_search ul li dl dd a .btn_del { right: 0; }
  .header .recent_search::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -0.5px; background-color: #e5e5e5; }
  .header .recent_search .btn_historyDel { position: absolute; top: 31px; right: 20px; margin-top: 2px; font-size: 14px; color: #777674; font-family: 'HyundaiSansTextKR'; font-weight: 500; } 

  /*Header - GNB Menu Lists */    
  .header .gnb_wrap .lnb_menu{display: flex; justify-content: space-between; flex-grow: 1;}
  .header .gnb_wrap ul.lnb_list { display: flex;justify-content: space-between;align-items: center;width: 61%;min-width: 460px;}
  .header .gnb_wrap ul.lnb_list > li{flex-shrink: 0;}
  .header .gnb_wrap ul.lnb_list > li.en_txt a{font-size: 17px;}
  .header .gnb_wrap ul.lnb_list > li > a,
  .header .gnb_wrap ul.lnb_list > li > button {display:inline-block; position: relative; font-family: "HyundaiSansHeadKRR";font-size: 16px;line-height: var(--header-height-pc);color: #000000; }
  .header .gnb_wrap ul.lnb_list > li img {vertical-align:middle;}
  .header .gnb_wrap ul.lnb_list > li.current > a:after,
  .header .gnb_wrap ul.lnb_list > li.current > button:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #002c5f; opacity: 1; transition: .1s ease-in-out; }
  .header .gnb_wrap ul.lnb_list > li.current.opacity_0 > a:after,
  .header .gnb_wrap ul.lnb_list > li.current.opacity_0 > button:after { opacity: 0; }
  .header .gnb_wrap ul.lnb_list > li.hyundai_shop_logo button,
  .header .gnb_wrap ul.lnb_list > li.hyundai_shop_logo a { display: block;}
  .header .gnb_wrap ul.lnb_list > li.on > a { color: #000000; }
  .header .gnb_wrap ul.lnb_list > li.lnb_08 a {display: inline-block;line-height: var(--header-height-pc);width: 49px;margin: 0 15px;padding:0 15px;background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/hyundai_shop_logo.png") no-repeat 50%;background-size: 100% auto;text-indent: -999999px;}
  .header .gnb_wrap ul.lnb_list > li .sub_wrap { display: none; overflow-y: overlay; position: absolute; top: var(--header-height-pc); left: 0; right: 0; z-index: 99; background-color: #f6f3f2; border-top: 1px solid #002c5f; border-bottom: 1px solid #e5e5e5; /* 모델 정보 */ /* 모델 리서치 */ /* 구매 정보 */ /* Depth형식 GNB */ }
  .header .gnb_wrap ul.lnb_list > li .sub_wrap > div {padding: 0 30px;}
  .header .gnb_wrap ul.lnb_list > li.on .sub_wrap { display: block; max-height: calc(100vh - var(--header-height-pc));}
  .header .gnb_wrap ul.lnb_list > li.lnb_01 .sub_wrap::after { content: '';position: absolute;display: block;top: 0;right: 50%;bottom: 0;left: 0;}
  .header .gnb_wrap ul.lnb_list > li .sub_wrap .sub_contents { position: relative; z-index: 4; padding-top: 32px; padding-bottom: 38px; max-width: 1400px; margin: 0 auto; box-sizing: content-box;}
  .header .gnb_wrap ul.lnb_list > li.lnb_01 .sub_wrap .sub_contents::after,
  .header .gnb_wrap ul.lnb_list > li .sub_wrap .sub_contents:after {content: ''; position: absolute; z-index: -1; top: 0; left: var(--title-bar-left-pc);height: 100%; border-right: 1px solid #e5e5e5;}
  .header .gnb_wrap ul.lnb_list > li .sub_wrap .gnb_title p { font-family: "HyundaiSansHeadKR"; font-size: 16px; font-weight: normal; line-height: 30px; letter-spacing: -0.4px; color: #000000; cursor: auto; }
  .header .gnb_wrap ul.lnb_list > li .lnb_mo_txt {display:none;}
  .header .gnb_wrap .lnb_list .sub_wrap {scrollbar-arrow-color:#888;scrollbar-face-color:#eee;scrollbar-shadow-color: #aaa;scrollbar-3dlight-color:#ddd;scrollbar-darkshadow-color:#aaa;scrollbar-base-color:#f2f2f2;}
  .header .gnb_wrap .lnb_list .sub_wrap::-webkit-scrollbar {width: 20px;}
  .header .gnb_wrap .lnb_list .sub_wrap::-webkit-scrollbar-track {background-color: transparent;}
  .header .gnb_wrap .lnb_list .sub_wrap::-webkit-scrollbar-thumb {background-color: #ddd;border-radius: 20px;border: 6px solid transparent;background-clip: content-box;}
  .header .gnb_wrap .lnb_list .sub_wrap::-webkit-scrollbar-thumb:hover {background-color: #aaa;} 

  /* model Car Lists */
  .header .gnb_wrap .model_info { position: relative;z-index: 3;padding-left: 0;}
  .header .gnb_wrap .model_info .btn-model .name {position: relative; display: block; }
  .header .gnb_wrap .model_info .btn-model span {display: none;}
 
  .header .gnb_wrap .model_info > ul > li .btn-model {position: relative;display: block; width: var(--title-area-width-pc); padding: 8px 0;text-align: left;font-family: "HyundaiSansHeadKR"; color: #000; font-size: 16px; line-height: 30px; letter-spacing: -0.4px;}
  .header .gnb_wrap .model_info > ul > li:nth-child(n+2) {margin-top: 6px;}
  .header .gnb_wrap .model_info > ul > li .btn-model:hover::after { border-color: #007fa8; }
  .header .gnb_wrap .model_info > ul > li.on .btn-model:not(.btn_link)::after {content: '';position: absolute;top: 50%;right: 19.65%;width: 8px;height: 8px;border-top: 1px solid #007fa8;border-right: 1px solid #007fa8;border-color: #007fa8;transform: rotate(45deg) translateY(-50%);}
  .header .gnb_wrap .model_info > ul > li .btn-model.btn_link:after { content: "";  position: absolute;top: 50%; right: 19.65%;display: inline-block; vertical-align: middle; width: 11px; height: 11px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat; background-position: 0 -19px; border: none; transform: rotate(0deg) translateY(-50%);}
  .header .gnb_wrap .model_info > ul > li > span { display: block; font-family: "HyundaiSansTextKR"; font-size: 15px; line-height: 11px; letter-spacing: -0.4px; color: #444444; }
  .header .gnb_wrap .model_info > ul .car_list { display: none; grid-template-columns: repeat(4, 1fr); gap: 30px clamp(10px, 5.6%, calc((100%  - (170px * 4)) / 3)); position: absolute; top: 0; left: var(--title-area-width-pc); margin: 14px 0 0 6.43%; }
  .header .gnb_wrap .model_info > ul > li.blank_link.on .car_list {display: block;}
  .header .gnb_wrap .model_info > ul > li:not(.blank_link).on .car_list { display: grid; }
  .header .gnb_wrap .model_info > ul > li.on .name { color: #007fa8; }
  .header .gnb_wrap .model_info > ul .car_list li { overflow: hidden; position: relative; height: 216px; max-height: 216px; padding: 10px 10px 20.5px; text-align: center;}
  .header .gnb_wrap .model_info > ul .car_list li:hover { background-color: #fff;}
  .header .gnb_wrap .model_info > ul .car_list li a { display: block; }
  .header .gnb_wrap .model_info > ul .car_list .el-image { overflow: visible; display: flex; justify-content: center;}
  .header .gnb_wrap .model_info > ul .car_list li span { display: block; }
  .header .gnb_wrap .model_info > ul .car_list li span.title {display: flex; justify-content: center; align-items: center; width: 120%;margin: 17px 0 8px -10%;font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 100%; letter-spacing: -0.4px; color: #000000; }
  .header .gnb_wrap .model_info > ul .car_list li span.info { margin-bottom: 11px; height: 30px; font-family: "HyundaiSansTextKRR"; font-size: 15px; line-height: 28px; letter-spacing: -0.4px; color: #666666; font-weight: normal; }
  .header .gnb_wrap .model_info > ul .car_list li span.info:after { content: '~'; font-size: 16px; }
  .header .gnb_wrap .model_info > ul .car_list li span.info.not-after:after { display: none;  }/*210309 장미 add*/
  .header .gnb_wrap .model_info > ul .car_list li .btn_wrap { opacity: 0; padding: 0; width: 130%; margin-left: -15%; display:none;}
  .header .gnb_wrap .model_info > ul .car_list li .btn_wrap a { font-family: "HyundaiSansHeadKR"; font-size: 15px;     letter-spacing: -.4px;display: inline-block; color: #002c5f; white-space: nowrap; }
  .header .gnb_wrap .model_info > ul .car_list li .btn_wrap a span { display: inline; }
  .header .gnb_wrap .model_info > ul .car_list li .btn_wrap a + a:before { content: "|"; display: inline-block; padding: 0 10px 0 6px; color: #CCC; }
  .header .gnb_wrap .model_info > ul .car_list li.on { background-color: #fff; }
  .header .gnb_wrap .model_info > ul .car_list li.on .btn_wrap { opacity: 1; display: block;}
  .header .gnb_wrap .model_info > ul .car_list li.on .badge-rect.nline {display: none;}
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .thumb { float: left; width: 352px; height: 254px; overflow: hidden; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .thumb img { width: 100%; display: block; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents { margin-left: 384px; color: #000;} /* 210429 edit */
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents .subject { display: block; font-family: "HyundaiSansHeadKR"; font-size: 30px; font-weight: normal; line-height: 44px; letter-spacing: -0.4px; margin-bottom: 30px; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents .caption { font-family: "HyundaiSansHeadKR"; font-size: 20px; font-weight: normal; line-height: 34px; letter-spacing: -0.4px; display: block; margin-bottom: 18px; line-height: 100%; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents .summary { font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; display: block; margin-bottom: 30px; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents .infomation { color: #666666; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 60px; display: block; line-height: 100%; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents .link { font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; color: #002c5f; display: block; line-height: 100%; }
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents .link:after { content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_btn.png"); background-repeat: no-repeat; background-position: 0px -18px; margin-left: 6px; position: relative; bottom: 1px; }
  .header .gnb_wrap .model_info .mobile_btn_detail{text-indent: -9999px;}
  .header .gnb_wrap .sub_wrap .btn_close { position: absolute; top: 3px; right: 15px; }

  .scroll_depth{position: absolute; top: var(--header-height-pc); left: 0;right: 0; background-color: rgb(246 243 242 / 90%);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);transition: all .3s ease-in-out;}
    .scroll_depth .inner_wrap{position:relative; display: block; margin:0 auto;padding:0 var(--inner_wrap-padding-hrz-pc);max-width:1460px;height:100% !important;}
    .scroll_depth .inner_wrap:after{content:"";position:absolute;top:0; left: var(--title-bar-left-pc); height: 100%; border-left:1px solid #e5e5e5;}
  .scroll_depth .depth1 > li{ display: flex; align-items: flex-start; width: 100%;}
    .scroll_depth .depth1 > li .gnb_title{position: relative;text-align: left;display: block;margin: 0; padding: 10px 0; width: var(--title-area-width-pc);font-family: "HyundaiSansHeadKR";font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #222;}
    .scroll_depth .depth2{ display: grid; flex: 1; grid-template-columns: repeat(5, 1fr); gap: 0 25px; padding: 8px 0 9px 0; margin-left: var(--depth2-area-margin-left-pc);}
    .scroll_depth .depth2 > li > a{display: block;padding: 7px 0 6px;font-size: 15px; font-family: "HyundaiSansHeadKRR";color: #666;text-align: left;letter-spacing:0.2px;word-break: keep-all; line-height: 1.4; white-space: normal;}
    .scroll_depth .depth2 > li > a.btn_link:after{ content: '';display: inline-block;position: relative;top:2px;right: -5px;width: 11px;height: 11px;background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat;background-position: 0 -19px;border: none;}
  .scroll_depth .depth1 li > a.active,
  .scroll_depth .depth1 li > a.active:hover{color: #007fa8;}

  /* model text Lists */
  .header .sub_wrap .depth1 {  width: 100%; }
  .header .sub_wrap .depth1::after { content: ""; display: block; clear: both; }
  .header .sub_wrap .depth1 > li { display: flex; align-items: flex-start; width: 100%; }
  .header .sub_wrap .depth1 > li:nth-child(n+2) {margin-top: 6px;}
  .header .sub_wrap .depth1 .gnb_title {position: relative;display: block; width: var(--title-area-width-pc); padding: 8px 0;color: #000000;text-align: left;font-family: "HyundaiSansHeadKR"; color: #000; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; }
  .header .sub_wrap .depth1 button.gnb_title {cursor: unset;}
  .header .sub_wrap .depth1 a.gnb_title:after {content: '';position: absolute;top: 17px;right: 40px; width: 8px;height: 8px;border-top: 1px solid #007fa8;border-right: 1px solid #007fa8;transform: rotate(45deg); opacity: 0;}
  .header .sub_wrap .depth1 a.gnb_title:hover {color: #007fa8 !important;}
  .header .sub_wrap .depth1 a.gnb_title:hover:after {opacity: 1;}
  .header .sub_wrap .depth1 .depth2 {display: grid; flex: 1; grid-template-columns: repeat(5, 1fr); gap: 0 25px; margin-left: var(--depth2-area-margin-left-pc);}
  .header .sub_wrap .depth1 .depth2 > li .mobile-link {display: none;}
  .header .sub_wrap .depth1 .depth2 > li > a { display: block; padding: 10px 0; text-align: left; color: #444444; font-family: "HyundaiSansHeadKRR"; font-size: 15px; line-height: 1.4; letter-spacing: -0.025em; white-space: normal; word-break: keep-all;}
  .header .sub_wrap .depth1 .depth2 > li > a:hover { color: #007fa8; }
  .header .sub_wrap .depth1 .depth2 > li > a.btn_link {position: relative; display: inline-block;}
  .header .sub_wrap .depth1 .depth2 > li > a.btn_link:after { content: '';display: inline-block;position: relative;top: 2px;left: 5px;width: 11px;height: 11px;background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat;background-position: 0 -19px;border: none;}
  .header .sub_wrap .depth1 .depth2 > li .depth3 { display: none; margin: 8px 0 20px; }
  .header .sub_wrap .depth1 .depth2 > li .depth3 > li { margin: 10px 0 0 0; }
  .header .sub_wrap .depth1 .depth2 > li .depth3 > li > a { padding: 0; color: #7d7d7d; font-size: 14px; font-weight: normal; }
  .header .sub_wrap .depth1 .depth2 > li .depth3 > li > a:hover { color: #007fa8; }
  .header .sub_wrap .depth1 .depth2 > li .depth3 > li > a.btn_link::after { background-position: -13px -19px; }
  /* s: 251021 */
  .header .sub_wrap .depth1 .depth2 >li.new a {position:relative;}
  .header .sub_wrap .depth1 .depth2 >li.new a::before{position:absolute; top:8px; left:-5px;width:4px;height:4px; border-radius:50%; background:#007fa8;content:'';}
  /* e: 251021 */
  /*event 배너 */
  .header .gnb_events { display: block; position: relative; z-index: 10005; padding: 40px 30px 30px !important; border-top: 1px solid  #e5e5e5;background-color: #f6f3f2}
  .header .gnb_events.mo_only{display: none;}
  .header .gnb_events .event_content {display: grid; margin: 0 auto;  max-width: 1400px; grid-template-columns: repeat(3, 1fr); gap: 2.55%;}
  .header .gnb_events .event_content .event_list a { display: grid; grid-template-columns: repeat(2, 1fr); transition: 0.3s ease;}
  .header .gnb_events .event_content .event_list a:hover {opacity: 0.8;}
  .header .gnb_events .event_content .event_list a .thumb {overflow: hidden;}
  .header .gnb_events .event_content .event_list a img {width: 100%; border: 1px solid #ddd;}
  .header .gnb_events .event_content .event_list .inner_content {position: relative;display: flex;justify-content: space-between;flex-direction: column;padding: 16px 0 0 0;width: clamp(150px, 100%, 210px); padding: 16px 12px 12px 24px;box-sizing: border-box;}
  .header .gnb_events .event_content .event_list .inner_content strong {width: 100%;line-height: 28px;text-align: left;font-family: "HyundaiSansHeadKR";font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: 0;word-break: keep-all;}
  .header .gnb_events .event_content .event_list .inner_content .date {margin-top: 10px;letter-spacing: -.4px;font-family: "HyundaiSansHeadKRR";font-size: 15px;color: #666;text-align: left;}
  /* header web accessiblity */
  .header .util_wrap .util .item-util:focus-within .util-dropdown { display: block !important; }
}

/* only pc */
@media screen and (min-width: 1025px) {
  .header .gnb_wrap{ min-width: calc(510px + 29%); }
  .header .gnb_wrap .model_info > ul .car_list .el-image img {min-width: 170px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .header {height: auto;}
  .header .inner_wrap{max-width: 100%; height: 64px;}
  .header .gnb_wrap ul.lnb_list > li .sub_wrap {top: 64px; max-height: calc(100vh - 64px);}
  .header .logo a {margin-top: 3px; width: 40px; height: 21px; background-image: url("https://www.hyundai.com/static/images/m_logo_hyundai_blue.png"); background-repeat: no-repeat; background-size: 100%;}
  .header .gnb_wrap {width: 82.26%; min-width: calc(380px + 38%);}
  .header .gnb_wrap .lnb_menu .lnb_list > li.hyundai_shop_logo a { font-size: 14px; line-height: 64px;}
  .header .inner_wrap .gnb_wrap .lnb_menu .lnb_list .hyundai_shop_logo img {width: 38px;}
  .header .gnb_wrap .lnb_menu .lnb_list > li > a,
  .header .gnb_wrap .lnb_menu .lnb_list > li > button {font-size: 14px; line-height: 64px;}
  /* sub_wrap */
  .header .sub_wrap {top: var(--header-height-tab);}
  .header .gnb_wrap .sub_wrap .btn_close{top: 4px;}
  .header .sub_wrap .sub_contents{padding: 30px 0 0 0;max-width: 100%; }
  .header .sub_wrap .sub_contents .depth1 > li > a {width: 165px;padding-right: 10px !important;}
  .header .sub_wrap .sub_contents .depth1 > li .gnb_title{ width: 165px; font-size: 15px;}
  .header .sub_wrap .sub_contents .depth1 > li .gnb_title[href*="/"]:after{top: 19px;right: 25px;transform: rotate(45deg) scale(.8); opacity: 0;}
  .header .sub_wrap .sub_contents .depth1 > li .gnb_title[href*="/"]:hover:after{opacity: 1;}
  .header .sub_wrap .depth1 .depth2 {margin-left: 30px;grid-template-columns: repeat(3, 1fr);}
  .header .sub_wrap .sub_contents .depth1 > li .depth2 > li.btn_more span {top: 60%;}
  /* car_list */
  
  .header .gnb_wrap .model_info .btn-model.pc_only {display: none;}
  .header .gnb_wrap .model_info > ul > li .btn-model:after {display: none;}
  .header .gnb_wrap .model_info .btn-model.btn_link:after {display: block;}
  .header .gnb_wrap .model_info .btn-model.tab_only {display: block !important;font-size: 15px;}
  .header .gnb_wrap .model_info {height: auto;}
  .header .gnb_wrap .model_info > ul > li {width: var(--title-area-width-tab); display: flex;justify-content: space-between;align-items: center;}
  .header .gnb_wrap .model_info > ul > li .btn-model.btn_link:after{right: 30px;width: 12px;height: 12px;}
  .header .gnb_wrap .model_info > ul > li .btn-model {width: var(--title-area-width-tab); font-size: 15px;}
  .header .gnb_wrap .model_info > ul > li.on .btn-model:not(.btn_link)::after{right: 33px;width: 7px;height: 7px;}
  .header .gnb_wrap .model_info > ul > li.on .car_list{grid-template-columns: repeat(3, 1fr); gap: 40px clamp(10px, 5.6%, calc((100%  - (170px * 3)) / 3)); left: var(--title-area-width-tab); margin-left: var(--depth2-area-margin-left-tab); padding: 0; }
  .header .gnb_wrap .model_info > ul .car_list .on .btn_wrap {white-space: normal;}
  .header .gnb_wrap .model_info > ul .car_list li span.title{font-size: 14px;}
  .header .gnb_wrap .model_info > ul .car_list li span.info{font-size: 13px;}
  .header .gnb_wrap .model_info > ul .car_list li .btn_wrap a {font-size: 13px;}
  .header .gnb_wrap .model_info > ul .car_list li .btn_wrap a:first-child:after {padding: 0 4px;}
  .header .gnb_wrap .model_info > ul .car_list [class$='caption'] .thumb {float: none;margin-bottom: 40px;}
  .header .gnb_wrap .model_info > ul .car_list [class$="caption"] .inner-contents {margin-left: 0;padding-bottom: 47px;}
  .header .gnb_wrap .model_info .mobile_btn_detail {display: none !important;position: relative;vertical-align: middle;font-size: 14px;padding: 0 30px;margin-right: 10px;color: #007fa8;}
  .header .gnb_wrap .model_info .on .mobile_btn_detail {display: inline-block !important;}
  .header .gnb_wrap .model_info .on .mobile_btn_detail:after {content: "";display: inline-block;margin-top: -3px; width: 8px;height: 8px;top: 4px;right: 17px;border-right: 1px solid #007fa8;border-top: 1px solid #007fa8;position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  .header .gnb_wrap ul.lnb_list > li.lnb_01 .sub_wrap .sub_contents::after,
  .header .gnb_wrap ul.lnb_list > li .sub_wrap .sub_contents:after {left: var(--title-bar-left-tab);}
  /* util */
  .header .util_wrap {width: 29.8%; min-width: 250px;}
  .header .inner_wrap .gnb_wrap .lnb_menu .util_wrap .util .item-util button.login-btn:after, .header .inner_wrap .gnb_wrap .lnb_menu .util_wrap .util .item-util button.btn_search_header:after {width: 20px; height: 20px;}
  .header .util_wrap .util .item-util button.lang-select + .lang_wrap {top: 47px;}
  .header .util_wrap .util .item-util button.login-btn + .login-wrap {top: 42px;}
  .header .util_wrap .util .item-util button.lang-select,
  .header .util_wrap .util .item-util a.text-link {font-size: 15px;}
  .header .util_wrap .util .item-util .login-btn:after,
  .header .util_wrap .util .item-util .btn_search_header:after {width: 20px; height: 20px;}
  .header .search_wrap {top: 64px;}
  /* tab - event 배너*/
    .header .gnb_events .event_content .event_list {width: 100%;}
  .header .gnb_events .event_content .event_list a {display: block;}
  .header .gnb_events .event_content .event_list a .thumb {width: 100%;}
  .header .gnb_events .event_content .event_list .inner_content {padding: 10px 0 0; width: 100%; font-size: 14px;}
  .header .gnb_events .event_content .event_list .inner_content strong {line-height: 1.4;}

  /*tab - Scroll Depth Lists*/
  .scroll_depth {top: 64px;}
    .scroll_depth .inner_wrap:after{left: 195px!important;}
    .scroll_depth .depth1 > li{ display: flex;width: 100%;}
    .scroll_depth .depth1 > li .gnb_title{width: 165px; font-size: 14px;}
    .scroll_depth .depth2{margin-left: var(--depth2-area-margin-left-tab); grid-template-columns: repeat(3, 1fr);}
    .scroll_depth .depth2 > li > a{font-size: 15px; font-family: "HyundaiSansHeadKRR";}
}
@media screen and (max-width: 767px) {
  /* mypage & gnb 공통 */
  .header .gnb_wrap ul.lnb_list {display: block; width:100%; min-width: 100%; }
  .header .gnb_wrap .lnb_menu > ul > li > a, 
  .header .gnb_wrap .lnb_menu > ul > li > button, 
  #myConsult .mypage-lnb .lnb-list > ul > li strong {position: relative; display: block; width: 100%; padding: 0 15px; font-family: "HyundaiSansHeadKRR"; font-size: 15px; letter-spacing: -.4px; line-height: 59px; background-color: #fff; border-bottom: 1px #e5e5e5 solid;}

  .header .sub_wrap .depth1 > li .gnb_title,
  .header .gnb_wrap .model_info .btn-model,
  #myConsult .mypage-lnb .lnb-list ol > li > a { display: block; position: relative; width: 100%; padding: 0 15px 0 30px; font-family: "HyundaiSansHeadKR"; font-size: 15px; color: #000; letter-spacing: -.4px; line-height: 59px; background-color: #f6f3f2; border-bottom: 1px solid #e5e5e5;}

  .header .gnb_wrap .depth2 a,
  #myConsult .mypage-lnb .lnb-list ul ul > li a { position: relative; display: block; height: auto; padding: 0 15px 0 45px; background-color: #f6f3f2; border-bottom: 1px solid #e5e5e5; font-family: "HyundaiSansHeadKRR"; font-size: 15px; letter-spacing: -.4px; line-height: 39px; color: #666;}
  /*// mypage & gnb 공통 */
 
  .tap-area{position: sticky; top: 0; z-index: 2000;}
  .pc_only { display: none !important; }

  .header .gnb_wrap .depth1 > li > .gnb_title:not(a[href*='https']):after,
  .header .gnb_wrap .model_info .btn-model:after { content: ""; position: absolute; top: 0; bottom: 0; right: 20px; display: block; width: 7px; background-image: url("https://www.hyundai.com/content/dam/hyundai/kr/ko/images/common/gnb/icon_menu_arrow_up.png"); background-repeat: no-repeat; background-position: 50%; background-size: 7px 5px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s; transition: .5s;}
 

    .nav_bar {position: fixed;top: 0;left: 0;display: block;width: 0;height: 5px;background-color: #007fa8;z-index: 99999;}
  .header { top: 0; width: 100%; height: var(--header-height-mo); transition: all .3s ease-in-out; }
  .header .top-logo-area {display: flex; justify-content: space-between; position: relative;z-index: 251;padding: 18px 15px 0;box-sizing: border-box;width: 100% !important;height: var(--header-height-mo);background-color: #fff;border-bottom: 1px solid #cccccc;}
  .header .logo a { display: block; width: 35px; height: 18px; font-size: 0; text-align: -9999px; background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/logo_mobile.png"); background-repeat: no-repeat; background-size: 35px 18px; }
  .header.isOpen .logo a {background-image: url("../../../../../../static/images/m_logo_white.png"); background-repeat: no-repeat; background-size: 35px 18px; }
  .header.isOpen .top-logo-area {background-color: #002c5f;}
  .header.isOpen .subject {display: none;}
  .header.gnb-hidden { transform: translateY(calc(-100% - 2px)); }
  /* .header:not(.sticky-on) .scroll_depth { display: none;}
  .header .scroll_depth {transition: transform .3s ease-in-out;} */
 
  .header .subject { position: absolute; left: 0; right: 0; z-index: -1;text-align: center; }
  .header .subject span {display: inline-block; min-width: 100px; text-align: center; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; }
  .header .mobile-controller { float: right; font-size: 0; display: block; }
  .header .mobile-controller button { vertical-align: middle; margin-left: 15px; }
  .header .mobile-controller .menu-btn { position: relative;display: inline-block;}

  /*Header - Search*/
  .header .mobile-controller .search-btn-header { display: inline-block; width: 20px; height: 20px; background-image: url("https://www.hyundai.com/static/images/m_search_default.png"); background-size: 100%; }
  .header .mobile-controller .search-btn-header span { font-size: 0; visibility: hidden; }
  .header.isOpen .mobile-controller .menu-btn.is-toggle .menu-ico::before,
  .header.isOpen .mobile-controller .menu-btn.is-toggle .menu-ico::after {top: 50%; background: #fff;}
  .header.isOpen .mobile-controller .search-btn-header {background-image: url("../../../../../../static/images/m_search_open.png"); }
  .header .mobile-controller a.text-link{display: none;}
  .header.isOpen .mobile-controller a.text-link{position: relative;display: inline-block;margin-right: 19px;width: auto;height: auto;font-size: 16px;letter-spacing: .5px;line-height: 1.15;font-family: 'HyundaiSansHeadKRR';vertical-align: middle;color: #fff;background-color: transparent;}
  .header.isOpen .mobile-controller a.text-link:after{content: '';position: absolute;top: 50%;right: -17px;width: 1px;height: 88%; background-color: #fff; transform: translateY(-50%);}
  .header.isOpen .mobile-controller a.text-link b{display: inline-block;margin-left: -2px;color: #fff;font-family: 'HyundaiSansHeadKRR';font-weight: bold;}
  .header .search_wrap { display: none; }
  .header .search_wrap.on { display: block !important; position: fixed; z-index: 3000; }

  /*GNB Menus*/
  .header .gnb_wrap {position: fixed;z-index: 1001;top: var(--header-height-mo);right: 0;bottom: 0;width: 100% !important;left: 0;background-color: rgba(0, 0, 0, 0.7);overflow-y: auto; transform: translateX(-100%);}
  .header.isOpen .gnb_wrap {transform: translateX(0);}
  .header .gnb_wrap .bar{ display: none;}
  .header .gnb_wrap .lnb_menu{display: flex; flex-direction: column; height: 100%;  background: #fff;}
  .header .gnb_wrap .lnb_menu .btn_close { display: none; }
  .header .gnb_wrap ul.lnb_list{order: 2;}
  .header .gnb_wrap .lnb_menu > ul > li { box-sizing: border-box; }
  .header .gnb_wrap .lnb_menu > ul > li.on > a, 
  .header .gnb_wrap .lnb_menu > ul > li.on > button { color: #007fa8; }
  .header .gnb_wrap .lnb_menu > ul > li.on > a::after, 
  .header .gnb_wrap .lnb_menu > ul > li.on > button::after { background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/m_icon_minus.png"); }
  .gnb_wrap .lnb_menu > ul > li a, 
  .gnb_wrap .lnb_menu > ul > li button { text-align: left; color: #000; }
  .header .gnb_wrap .lnb_menu > ul > li > button::after { content: ""; width: 23px; height: 100%; display: block; position: absolute; right: 12px; top: 0; bottom: 0; background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/m_icon_plus.png"); background-position: center; background-size: 23px 23px; background-repeat: no-repeat; }
  .header .gnb_wrap .lnb_menu > ul > li .sub_contents { display: none; }
  .header .gnb_wrap .lnb_menu > ul > li.on .sub_contents{display: block;}
  .header .gnb_wrap .lnb_menu > ul > li.lnb_08 {width:100%;border-bottom: 1px solid #e5e5e5;background-color: #fff;border-bottom: none;}
  .header .gnb_wrap .lnb_menu > ul > li.lnb_08 a {display: block;width:49px;margin-left: 15px!important;background: url('../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/hyundai_shop_logo.png') no-repeat 50%;background-size: 100% auto;text-indent: -999999px;border-bottom: none;}
  .header .gnb_wrap .lnb_list > li .lnb_mo_txt {display:block;float:right;position:relative;margin-right:5px;padding-right:10px;font-size:12px;color:#002c5f;}
  .header .gnb_wrap .lnb_list > li .lnb_mo_txt::after {content: ""; position: absolute; top: 50%;right: 0;width: 6px;height: 6px;margin-top: -2px; border-top: 1px solid #002c5f; border-right: 1px solid #002c5f;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);}
  
    /*mo-util*/
    .header .util_wrap {order: 1;margin-left: 0 !important;height: 48px;background: #f6f3f2;text-align: center;box-sizing: border-box;}
    .header .util_wrap .inner_wrap { height: 48px;padding: 0; }
    .header .util_wrap .util {display: table; table-layout: fixed;width: 100%; height: 100%}
    .header .util_wrap .util .item-util { display: table-cell; padding: 0 3px; text-align: center; vertical-align: middle; position: relative; }
    .header .util_wrap .util .item-util:first-child::before { content: unset; }
    .header .util_wrap .util .item-util::before { content: "";position: absolute;display: inline-block;border-left: 1px solid #66809f;height: 12px;left: 0;top: calc(50% - 5px); }
    .header .util_wrap .util .item-util button, .header .util_wrap .util .item-util a { margin: 0 auto;display: block;color: #002c5f;font-family: "HyundaiSansTextKR";font-size: 12px;line-height: 20px;letter-spacing: -.4px;letter-spacing: 0;line-height: 48px;}
    .header .util_wrap .util .item-util .lang-select { position: relative; width: 100%; }
    .header .util_wrap .util .item-util .lang-select:after { content: ''; display: inline-block; vertical-align: middle;  position: absolute;top: 50%;right: 25px;border-top: 5px solid #002C5F;border-right: 3px transparent solid;border-left: 3px transparent solid;transform: translateY(-50%);}
    .header .util_wrap .util .item-util .lang-select.is-open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    .header .util_wrap .util .item-util .lang-select + .lang_wrap { display: none; position: absolute;top: 100%;left: 0;right: 0;z-index: 11;width: 100% !important;padding: 10px 0;background: #f6f3f2;color: #002C5F;-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);}
    .header .util_wrap .util .item-util .lang-select + .lang_wrap.is-open { display: block; position: absolute;top: 100%;left: 0;right: 0;z-index: 11;width: 100%!important;padding: 10px 0;background: #f6f3f2;color: #002c5f;-webkit-box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);}
    .header .util_wrap .util .item-util .lang-select + .lang_wrap ul li {  display: block;}
    .header .util_wrap .util .item-util .lang-select + .lang_wrap ul li:before { display: none; }
    .header .util_wrap .util .item-util .lang-select + .lang_wrap a {  padding: 7px 0;width: 100%;height: auto;text-align: center;vertical-align: middle;line-height: unset; }
    
  /* 자세히 보기 */
  .header .gnb_wrap ul > li > .mobile_btn_detail {display: none; position: absolute; top: 11px; right: 40px; padding: 0 15px 0 0;font-family: "HyundaiSansTextKRR"; font-size: 12px; line-height: 40px; color: #007fa8; letter-spacing: -.4px; background-color: transparent; border-bottom: 0;}
  .header .gnb_wrap ul > li > .mobile_btn_detail:before {content: ''; display: inline-block; position: absolute; top: 50%; right: 5px; width: 6px; height: 6px; transform: translateY(-50%) rotate(45deg); box-sizing: border-box; border-right: 1px solid #007fa8; border-top: 1px solid #007fa8;}
  /* on */
  .header .gnb_wrap ul > li.on > .mobile_btn_detail,
  .header .gnb_wrap .gnb_title.on + .mobile_btn_detail { display: block;}

  /*model-car-list*/
  .header .gnb_wrap .model_info {padding-left: 0!important; height: auto !important;background-color: #fff; }
  .header .gnb_wrap .model_info > ul > li{position: relative; background-color: #f6f3f2;}
  .header .gnb_wrap .model_info > ul > li.on .btn-model .name {color: #007fa8;}
  .header .gnb_wrap .model_info .btn-model.btn_link{position: relative;}
  .header .gnb_wrap .model_info .btn-model.btn_link:after{ content: '';display: inline-block;position: absolute;top: 50%;right: 15px;width: 11px;height: 11px;margin: -1px 0 0 13px;background: url('../../../../../../static/images/ico.png') no-repeat;background-position: 0 -19px;border: none;-webkit-transform: rotate(0deg);transform: rotate(0deg) translateX(-50%);}
  .header .gnb_wrap .model_info .btn-model.btn_link + .car_list{display:none}
  .header .gnb_wrap .model_info .gnb_title + ul > li button.btn-model { width: calc(100% - 30px); padding: 0 15px; margin: 0 15px; font-family: "HyundaiSansTextKRR"; font-size: 14px; height: 40px; line-height: 40px !important; color: #666;}
  .header .gnb_wrap .model_info .gnb_title + ul > li button.btn-model:after { display: none; }
  .header .gnb_wrap .model_info .gnb_title + ul > li.on button.btn-model { color: #007fa8; }
  .header .gnb_wrap .model_info .gnb_title + ul > li a.btn-model > span { display: none; }
  .header .gnb_wrap .model_info .gnb_title + ul > li.on a.btn-model > span { display: block; padding-right: 15px; color: #007fa8; }
  .header .gnb_wrap .model_info .gnb_title + ul > .blank_link a.btn-model { padding: 0 15px; margin: 0 15px; align-items: center; font-family: "HyundaiSansTextKRR"; font-size: 14px; height: 40px; line-height: 40px !important; }
  .header .gnb_wrap .model_info .gnb_title + ul > .blank_link a.btn-model:after { position: absolute; top: 15px; right: 15px; }
  .header .gnb_wrap .model_info .gnb_title + ul > .blank_link .car_list { display: none; }

  .header .gnb_wrap .model_research a, .header .gnb_wrap .model_research button, .header .gnb_wrap .buy_info a, .header .gnb_wrap .buy_info button { position: relative; padding: 0 15px; height: 61px; line-height: 55px !important; border-bottom: 1px #e5e5e5 solid; font-family: "HyundaiSansTextKR"; font-size: 15px; letter-spacing: -0.4px; background-color: #f6f3f2; }
  .header .gnb_wrap .depth2 a.btn_link:after { content: ""; position: absolute; top: 50%; right: 30px; width: 11px; height: 11px; margin: 0 0 0 8px; background: url("https://www.hyundai.com/content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat; background-position: 0 -19px; border: none; transform: translateY(-50%);} /* 220307 add */
  .header .gnb_wrap .model_info .gnb_title a, .header .gnb_wrap .model_info .gnb_title button, .header .gnb_wrap .model_research .gnb_title a, .header .gnb_wrap .model_research .gnb_title button, .header .gnb_wrap .buy_info .gnb_title a, .header .gnb_wrap .buy_info .gnb_title button, .header .gnb_wrap .depth1 .gnb_title a { margin: 0; padding: 0 15px; width: 100%; font-family: "HyundaiSansTextKRR"; font-size: 15px; line-height: 20px; }
  .header .gnb_wrap .gnb_title.on button { color: #007fa8; }
 
  .header .gnb_wrap .depth1 > li.on > .gnb_title:not(a[href*='https']):after,
  .header .gnb_wrap .model_info .on .btn-model:after {transform: rotate(180deg);}
  .lnb_menu > ul > li.on .sub_contents .gnb_title.on ~ ul { display: block; }
  .header .gnb_wrap .model_info .gnb_title + ul > li:last-child:after, .header .gnb_wrap .model_research .gnb_title + ul > li:last-child:after, .header .gnb_wrap .buy_info .gnb_title + ul > li:last-child:after, .header .gnb_wrap .depth1 .gnb_title + ul > li:last-child:after { left: 0; right: 0; }
  .header .gnb_wrap .model_info .gnb_title + ul > li > a.btn-model, .header .gnb_wrap .buy_info .gnb_title + ul > li > p > a, .header .gnb_wrap .depth1 .gnb_title + ul > li > a.btn { margin: 0 15px; padding: 0; height: 40px; line-height: 40px !important; color: #000; }
  .header .gnb_wrap .model_info .gnb_title + ul > li > a.btn-model.on > a:not(.btn_link):after, .header .gnb_wrap .model_research .gnb_title + ul > li > a.btn-model.on > a:not(.btn_link):after, .header .gnb_wrap .buy_info .gnb_title + ul > li > a.btn-model.on > a:not(.btn_link):after, .header .gnb_wrap .depth1 .gnb_title + ul > li > a.btn-model.on > a:not(.btn_link):after { content: "자세히보기"; border: 0 none; transform: rotate(0deg); width: auto; height: auto; top: 12px; background-image: none; }
  .header .gnb_wrap .sub_wrap .model_research .on + ul { display: flex; flex-wrap: wrap; }
  .header .gnb_wrap .sub_wrap .model_research ul, .header .gnb_wrap .sub_wrap .buy_info ul { width: 100%; margin: 0; background: #f6f3f2; }
  .header .gnb_wrap .sub_wrap .buy_info ul li { width: 100%; margin: 0; }
  .header .gnb_wrap .sub_wrap .buy_info ul li a { display: block; padding: 13px 15px; height: auto; font-size: 12px; line-height: 1 !important; font-family: "HyundaiSansTextKRR"; border-bottom: 1px #e5e5e5 solid; color: #666;}
  .lnb_menu .sub_contents .depth1 .gnb_title + ul > li.on .car_list { display: flex; position: relative; }
  .lnb_menu .sub_contents .model_info .gnb_title + ul > li.on .car_list:after,
  .lnb_menu .sub_contents .model_research .gnb_title + ul > li.on .car_list:after,
  .lnb_menu .sub_contents .buy_info .gnb_title + ul > li.on .car_list:after,
  .lnb_menu .sub_contents .model_info .gnb_title + ul, .lnb_menu .sub_contents .model_research .gnb_title + ul, .lnb_menu .sub_contents .buy_info .gnb_title + ul, .lnb_menu .sub_contents .depth1 .gnb_title + ul {display:none}
  .lnb_menu .sub_contents .gnb_title.on + ul>li.on a { color:#000; }
  .lnb_menu .sub_contents .model_info .gnb_title + ul > li a.btn-model .name { color: #666; display: block; }
  .lnb_menu .sub_contents .gnb_title.on + ul>li.on .btn_wrap a:after { display: none !important;}
  .header .gnb_wrap .model_info > ul > li.on ul.car_list {display: flex; width: 100%; padding: 0 15px !important; }
  .header .gnb_wrap .model_info > ul .car_list { display: none; padding: 0 15px; background-color: #fff !important; flex-wrap: wrap; }
  .header .gnb_wrap .model_info > ul .car_list li { position: relative; width: 50% !important; min-width: 123px; min-height: 50px; overflow: hidden; box-sizing: border-box; padding: 20px; text-align: center; } /*220530 edit*/
  .header .gnb_wrap .model_info > ul .car_list li a { display: block; padding: 0; height: auto; background: #fff; border: 0; }
  .header .gnb_wrap .model_info > ul .car_list img { display: block; width: auto !important; margin: 0 auto; max-width: 100%; }
  .header .gnb_wrap .model_info > ul .car_list .el-image { display: block; }
  .header .gnb_wrap .model_info > ul .car_list .title { display: block; width: 140%; margin-top: 5px; margin-left: -20%; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; color: #000;} /* 200315 csj edit */
  .header .gnb_wrap .model_info > ul .car_list .info { font-family: "HyundaiSansTextKRR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; color: #000;} /* 200315 csj edit */
  .header .gnb_wrap .model_info > ul .car_list .info::after {display: inline-block; content: '~'; }/*200717 장미 add*/
  .header .gnb_wrap .model_info > ul .car_list .info.not-after::after{display: none;}/*210312 장미 add*/
  .header .gnb_wrap .model_info > ul .car_list .btn_wrap { display: none; }
  

  /*mo - Scroll Depth Lists*/
  .scroll_depth{position: absolute; top: var(--header-height-mo); width: 100%;background-color: rgb(246 243 242 / 90%);transition: all .3s ease-in-out;}
    .scroll_depth .inner_wrap{padding: 14px 0 14px 15px;max-width: 768px;width: 100%;height: 100%;}
    .scroll_depth .depth1{height: 100%;}
    .scroll_depth .depth1 > li{display: flex;height: 100%;}
    .scroll_depth .depth1 > li .gnb_title{position: relative; flex-shrink: 0;align-self: center;font-family: "HeadMedium"; letter-spacing: .2px; font-size: 15px; color: #222}
    .scroll_depth .depth1 > li .gnb_title:before,
    .scroll_depth .depth1 > li .gnb_title:after {content: ''; display: block; position: absolute; top: 0;right: -30px; width: 30px; height: 100%; background: linear-gradient(to right, rgb(246 243 242) 40%, transparent);}  
    .scroll_depth .depth1 > li .gnb_title:after {left: calc(100vw - 45px); right: unset; background: linear-gradient(to left, rgb(246 243 242) 40%, transparent)}  
    .scroll_depth .depth1 > li > a.active, .scroll_depth .depth1 > li > a.active:hover{color: #007fa8;}
    .scroll_depth .depth1 > li .depth2{padding: 0 15px 0 20px; overflow-x: auto;display: flex;align-items: center;height: 100%;}
    .scroll_depth .depth1 > li .depth2 > li{flex: 0 0 auto;}
    .scroll_depth .depth1 > li .depth2 > li:nth-child(n+2){margin-left: 18px;}
    .scroll_depth .depth1 > li .depth2 > li a{font-family: "HyundaiSansHeadKRR";font-size: 14px;line-height: 22px;letter-spacing: -.4px;color: #666;white-space: nowrap;}
    .scroll_depth .depth2 > li > a.btn_link:after{ content: '';display: inline-block;position: relative;top: 2px;right: -5px;width: 11px;height: 11px;background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat;background-position: 0 -19px;border: none;}
    .scroll_depth .depth1 > li .depth2 > li a.active{color: #007fa8;}
    .scroll_depth .btn_close{display: none;}

  /*mo - Text List*/
  .header .sub_wrap .depth1 > li { position: relative; }
  .header .sub_wrap .depth1 > li .gnb_title.on {color: #007fa8; }
  .header .sub_wrap .depth1 > .btn-more a.mobile-link { display: none;  position: absolute; top: 11px; right: 40px; height: 40px; padding: 0 15px 0 0; color: #007fa8; line-height: 40px; width: auto; background-color: transparent; border-bottom: 0; font-family: "HyundaiSansTextKRR"; font-size: 12px; letter-spacing: -0.4px; }
  .header .sub_wrap .depth1 > .btn-more a.mobile-link:after { content: ''; display: inline-block; width: 7px; height: 7px; border-right: 1px #002c5f solid; border-top: 1px #002c5f solid; position: absolute; top: 15px; right: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .header .sub_wrap .depth1 > .btn-more .on ~ a.mobile-link {display: block; }
  .lnb_menu .sub_contents .depth2 { display: none; }
  .header .sub_wrap .depth1 .depth2  > li.on > a { color:#007fa8 !important; }
  .header .sub_wrap .depth1 .depth2 .btn-more {position: relative;}
  .header .sub_wrap .depth1 .depth2 .btn-more span { position: absolute; right: 15px; display: inline-block; width: 11px; height: 11px; padding: 0 !important; margin-left: 10px; vertical-align: middle; border: 1px solid #444444; text-indent: -9999999999px; }
  .header .sub_wrap .depth1 .depth2 .btn-more span:before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 1px; margin: -0.5px 0 0 -2.5px; background-color: #444444; }
  .header .sub_wrap .depth1 .depth2 .btn-more span:after { content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 5px; margin: -2.5px 0 0 -0.5px; background-color: #444444; }
  .header .sub_wrap .depth1 .depth2 .btn-more.on span:after { display: none; }
  .header .sub_wrap .depth1 .depth2 .btn-more.on ul{display:block;}
  .header .sub_wrap .depth1 .depth2 .btn-more .depth3 { padding: 10px 0; border-bottom: 1px #e5e5e5 solid;}
  .header .sub_wrap .depth1 .depth2 .btn-more .depth3 a { padding: 5px 40px; color: #626262 !important; font-family: "HyundaiSansTextKRR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; border: 0; }
  .header .sub_wrap .depth1 .depth2 .depth3 { display: none; }
  // s: 251021
  .header .sub_wrap .depth1 .depth2 >li.new a {position:relative;}
  .header .sub_wrap .depth1 .depth2 >li.new a:before {position:absolute;   top:8px; left:40px; width:4px;  height:4px;  border-radius:50%; background:#007fa8; content:'';}
  // e: 251021
  .header .gnb_wrap .model_info,
  .header .gnb_wrap .model_research,
  .header .gnb_wrap .model_info > ul,
  .header .gnb_wrap .buy_info { padding-left: 0; }

  
  /*mo - 바로가기 */
  .header .gnb_wrap .lnb_menu .mb_only_lnblist{order: 4; width: 100%; border-top:1px solid #cac6c4; margin-top: auto;}/*200612 edit*/
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li{ float: left; width: 50%;}
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li:nth-child(1),.header .gnb_wrap .lnb_menu .mb_only_lnblist li:nth-child(2){ border-bottom:  1px solid #cac6c4;}
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li:nth-child(2n-1) a{border-right: 1px solid  #cac6c4}
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li a{display: inline-flex;  flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 56px; padding-left: 33px; border-top: 1px solid #fff; background-color: #f6f3f2; font-family: HyundaiSansTextKR; font-size: 13px; line-height: 0; letter-spacing: .288px; color: #444; background-repeat: no-repeat; background-position: calc(50% - 53px) 50%; background-size: 22px 18px; background-color:#f6f3f2; padding-right: 0; }/*200610 edit*/
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li a.icon_purchase{background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/icon_purchase_gnb_mo.png")  ; }/*200610 edit*/
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li a.icon_mycar{background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/icon_mycar_gnb_mo.png")  ;  }/*200610 edit*/
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li a.icon_gift{background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/icon_gift_gnb_mo.png") ; }/*200608 edit*/
  .header .gnb_wrap .lnb_menu .mb_only_lnblist li a.icon_drive{background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/icon_drive_gnb_mo.png") ;  }/*200608 edit*/

  /* mo - event 배너*/
  .header .gnb_events.mo_only{display:block;}
  .header .gnb_events.pc_tablet_only{display: none;}

  .header .gnb_events {position: relative;flex: 1;order: 3; padding: 25px 15px 10px; border-top: none; background: #fff;}
  .header .gnb_events .hmc_container,
  .header .gnb_events .mv_ev_le_dev .slide .ix-list-items{background-color: transparent;}
  .header .gnb_events .hmc_container .slide .ix-list-item:not(:last-child){margin-right: 1px !important;} /* 다음 슬라이드가 살짝 노출되는 이슈 있어 추가 */
  .header .gnb_events .event_content .ix-controller > button{display: none !important;}
  .header .gnb_events .event_content .slide{height: calc(23.64vw + 40px);}
  .header .gnb_events .slide_direction{display: none;}
  .header .gnb_events .event_content .event_list {display: flex !important; width: 100%;}
  .header .gnb_events .event_content .event_list a {display: flex; width: 100%;}
  .header .gnb_events .event_content .event_list a .thumb{overflow: hidden; width: 45%; height: 23.64vw; border: 1px solid #ddd;}
  .header .gnb_events .event_content .event_list a img {width: 100%; height: 100%; object-fit: cover;}
  /* .header .gnb_events .event_content .event_list a img {width: 100%;height: 100%;object-fit: cover;} */
  .header .gnb_events .event_content .event_list .inner_content {position: relative;display: flex;justify-content: space-between;flex-direction: column;padding:2px 0 2px 20px; width: 55%; box-sizing: border-box;}
  .header .gnb_events .event_content .event_list .inner_content strong {overflow: visible; max-width: 100%; padding-top: 0; font-family: "HyundaiSansTextKR";font-size: 15px;line-height: 23px;letter-spacing: -.4px;text-align: left; white-space: unset;}
  .header .gnb_events .event_content .event_list .inner_content .date {font-family: "HyundaiSansTextKRR";font-size: 13px;line-height: 21px;letter-spacing: -.4px;color: #666;text-align: left;}

  /* mobile search */
  .m-search{ margin:0 auto;position:relative;width:100%;background:#fff;z-index:11; display: none;}
  .m-search.on { display: block; }
  .m-search.on:after {content: ''; position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); }
  .m-search fieldset{padding:0;margin:0;width:100%;background:#fff}
  .m-search fieldset legend{opacity:0;font-size:0;position:absolute;left:0;top:0}
  .m-bar{padding:10px 15px;position:relative;width:100%;height:60px;font-family:HyundaiSansTextKRR;font-size:13px;line-height:21px;letter-spacing:-.4px;background:#007fa8}
  .m-bar > *{position:absolute;top:0}
  .m-bar input{position:relative;width:calc(100% - 68px);height:100%;padding:0 15px;font-family:HyundaiSansTextKR;font-size:13px;letter-spacing:-.4px;color:#fff;line-height:100%;border:0;background:0 0}
  .m-bar input:placeholder{color:#fff}
  .m-bar input:-ms-input-placeholder{color:#fff}
  .m-bar input::-webkit-input-placeholder{color:#fff}
  .m-bar__placeholder{left:0;padding:0 15px;width:100%;height:40px;line-height:40px;text-indent:15px}
  .m-bar__btn{cursor:pointer;padding:0 15px;display:inline-block;width:15px;height:40px}
  .m-bar__btn--close,.m-bar__btn--search{z-index:3}
  .m-bar__btn--search{top:10px;right:15px;background:url("../../../../../../static/images/ico_white_search.png") no-repeat center/15px 16px}
  .m-bar .btn_del{position:absolute;top:50%;right:60px!important;width:18px;height:18px;padding:0;margin:-9px 0 0 0;background-color:rgba(255,255,255,.4);border-radius:100%} /* 200315 edit */
  .m-bar .btn_del:before{content:"";display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;width:8px;height:2px;margin:-1px 0 0 -4px;background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
  .m-bar .btn_del::after{content:"";display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;width:8px;height:2px;margin:-1px 0 0 -4px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
  .m-search__tab { display: none; }
  .m-search__tab.on { display: block; }
  .m-tab__list{padding:0 15px;width:100%;background:#fff;border-bottom:1px solid #e5e5e5;vertical-align:top}
  .tabContents > div { display: none; }
  .tabContents > div.show{display:block}
  .m-tab__item{position:relative; height:50px;line-height:50px;border-bottom:1px solid #e5e5e5; font-family: "HyundaiSansTextKRR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px;}
  .m-tab__item:last-child{border-bottom:none}
  .m-tab__item a {position:relative;display:inline-block;width:100%;height:100%; color:#666;}
  .m-tab__item a > p,
  .m-tab__item a > span{position:absolute;left:0;top:50%;transform:translateY(-50%); color:#666;}
  .m-tab__item .btn-more-blue {right:0;top:50%;transform:translateY(-50%);font-family: "HyundaiSansTextKRR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; color: #002c5f; }
  .m-tab__item .btn-more-blue:after {content: ''; display: inline-block; width: 7px; height: 7px; vertical-align: middle; border-right: 2px solid #002c5f;border-bottom: 2px solid #002c5f; border-top: 0 solid #002c5f; border-left: 0 solid #002c5f; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 6px; }
  .m-tab__message{line-height:50px!important}
  .m-tab__btn{position:absolute;right:30px;line-height:50px}
  .m-tab__btn--close{position:absolute;top:0;right:0;padding:0 15px;display:inline-block;width:15px;height:50px;background:url('../../../../../../static/images/gnb/mob_icon_gnb_search_close_gray.png') no-repeat center/15px 16px}
  .tab-menu { margin-top: 10px; }
  .tab-menu ul { padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
  .tab-menu ul li { width: 50%; }
  .tab-menu button { width: 100%; height: 32px; font-size: 12px; background: #f6f3f2; color: #666; font-family: "HyundaiSansTextKR"; font-weight: 500; }
  .tab-menu .active button { background: #007fa8; color: #fff; }
  .m-tab__footer{width:100%;height:50px;text-align:right;padding:0 15px; line-height:50px;background:#f5f5f5;color:#666;font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px;}
  .auto-complete .m-tab__list { display: none; }
  .auto-complete .m-tab__list.is-show { display: block; }
}
/* //SEARCH// */

.m-search { display: none; }

/* 통합 검색 영역 */
.v-search fieldset { width: 570px; margin: 20px auto; }

.v-search fieldset .search { position: relative; background-color: #ffffff; }

.v-search fieldset .search input[type='text'] { width: calc(100% - 50px); border: none; font-size: 20px; }

.v-search fieldset .search input[type='text']::placeholder { color: #767676; font-size: 20px; font-weight: 500; opacity: 1; }

.v-search fieldset .search input[type='text']:-ms-input-placeholder { color: #767676; font-size: 20px; font-weight: 500; opacity: 1; }

.v-search fieldset .search input[type='text']::-webkit-input-placeholde { color: #767676; font-size: 20px; font-weight: 500; opacity: 1; }

/* .v-search fieldset .search .btn_del { position: absolute; top: 50%; right: 55px; width: 18px; height: 18px; margin: -9px 0 0 0; background-color: #cdcdcd; border-radius: 100%; } */

.v-search fieldset .search .btn_del { position: absolute; top: 50%; right: 55px; padding:0; width: 18px; height: 18px; margin: -9px 0 0 0; background-color: #cdcdcd !important; border-radius: 100%; } /* 200309 csj edit */

.v-search fieldset .search .btn_del.recent-item__btn { right:0 !important; } /* 200317 add */

.v-search fieldset .search .btn_del:before { content: ""; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: 50%; width: 8px; height: 2px; margin: -1px 0 0 -4px; background-color: #ffffff; -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.v-search fieldset .search .btn_del:after { content: ""; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: 50%; width: 8px; height: 2px; margin: -1px 0 0 -4px; background-color: #ffffff; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.v-search fieldset .search .btn_search { position: absolute; top: 50%; right: 0; width: 44px; height: 44px; line-height: 44px; margin-top: -22px; text-align: center; cursor: pointer; }

.v-search fieldset .search .btn_search::after { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico.png") no-repeat; background-position: 0 0; }

.v-search .btn-close { position: absolute; top: 0; right: 0; }

.v-search .auto_search { display: none; position: absolute; top: 50px; left: 0; right: 0; z-index: 3; border: 1px solid #e5e5e5; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.026), -3px 3px 3px rgba(0, 0, 0, 0.026); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.026), -3px 3px 3px rgba(0, 0, 0, 0.026); }

.v-search .auto_search.on { display: block; }

.v-search .auto_search ul { background-color: #ffffff; }

.v-search .auto_search ul li a { position: relative; display: block; height: 50px; line-height: 50px; padding: 0 20px; color: #007fa8; font-size: 16px; }

.v-search .auto_search ul li a:hover { background-color: #ece6e0; }

.v-search .auto_search ul li .result__menu { color: #002c5f; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; }

.v-search .auto_search ul li .result__menu:after {content: ''; display: inline-block; width: 7px; height: 7px; vertical-align: middle; border-right: 2px solid #002c5f; border-bottom: 2px solid #002c5f; border-top: 0 solid #000000; border-left: 0 solid #000000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 6px; }

/* auto-search - expand */
.expand {position: absolute; left: -460px; top: -1px; width:460px; height:auto; background:#fff;font-size:0; font-size: 0; border: 1px solid #e5e5e5; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.026), -3px 3px 3px rgba(0, 0, 0, 0.026); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.026), -3px 3px 3px rgba(0, 0, 0, 0.026); }

.expand:after{content:"";display:inline-block;height:50px;width:100%;background:#f5f5f5;}

.expand__header{ padding: 30px; padding-bottom: 0;  font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; }

.expand__header p{padding-bottom:10px;width:400px;border-bottom:1px solid #e5e5e5;}

.expand__header span{color:#007fa8; }

.expand__list{display:inline-block;width:100%;}

.expand__item{width:100%}

.expand__item .image{display: inline-block; margin:0 20px 0 5px;width:80px;height:43px;}

.expand__item .image img { max-width: 100%; }

.expand__item:last-child{margin-bottom:20px;}

.v-search .auto_search ul .expand__link{ padding: 10px 30px; display: -webkit-box ; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; line-height: auto; }

.v-search .auto_search ul .expand__link span{height:auto;font-family: "HyundaiSansHeadKRR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color:#666;}

.v-search .recent-search { display: none; position: absolute; top: 50px; left: 0; z-index: 3; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.08); }

.v-search .recent-search.on { display: block; }

.v-search .recent-search ul::after { content: ""; display: block; clear: both; }

.v-search .recent-search ul li { position: relative; float: left; width: 50%; }

.v-search .recent-search ul li dl { padding: 30px 20px 12px; }

.v-search .recent-search ul li dl dt { padding-bottom: 18px; font-size: 16px; font-weight: 500; color: #000000; }

.v-search .recent-search ul li dl dt::after { content: ""; display: block; clear: both; }

.v-search .recent-search ul li dl dd { position: relative; }

.v-search .recent-search ul li dl dd a { display: inline-block; height: 50px; line-height: 50px; } /* 200416 edit */

.v-search .recent-search ul li dl dd a .btn_del { right: 0; }

.v-search .recent-search::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -0.5px; background-color: #e5e5e5; }

.v-search .recent-search .btn_historyDel { position: absolute; top: 29px; right: 20px; margin-top: 2px; font-size: 14px; color: #777674; font-family: 'HyundaiSansTextKR'; font-weight: 500; }

.auto-search__complete-btn { position: relative; height: 50px; background: #f5f5f5; }

.auto-search__complete-btn button { position: absolute; right: 0; padding: 0 20px; height: 100%; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; color: #666; }

@media screen and (min-width: 768px) {
  .wrap-footer { padding: 60px 50px; background-color: #1c1b1b; font-size: 13px; color: #999999; }
  .footer .inner-wrap { width: 100%; max-width: 1120px; margin: 0 auto; }
  .footer .inner-wrap::after { content: ""; display: block; clear: both; }
  .footer .footer-top::after { content: ""; display: block; clear: both; }
  /* 220519 add */
  .footer .footer-top a:focus,
  .footer .footer-top button:focus { outline: 1px dotted #007fa8; }
  /* //220519 add */
  .footer .footer-top .footer-logo { float: left; }
  .footer .footer-top .menu { overflow: hidden; float: left; margin-left: 80px; } /* 200315 edit */
  .footer .footer-top .menu ul { margin:-20px 0 0 -28px; padding-bottom: 20px; }
  .footer .footer-top .menu ul::after { content: ""; display: block; clear: both; }
  .footer .footer-top .menu ul li { float: left; margin-top:20px; }
  .footer .footer-top .menu ul li:nth-child(6) { clear: both; }
  .footer .footer-top .menu ul li::before { content: ''; width: 1px; height: 10px; margin: 0 13px; display: inline-block; vertical-align: middle; background-color: #444444; }
  .footer .footer-top .menu ul li a { cursor: pointer; font-family: "HyundaiSansTextKRR"; font-size: 14px; letter-spacing: -0.4px; font-weight: 500; line-height: 1; letter-spacing: 0;text-decoration: none; color: #999; }
  .footer .footer-top .menu ul li a strong { font-weight: normal; color: #ffffff; }
  .footer .footer-top .service { margin-bottom: 10px; font-size: 14px; line-height: 16px; } /* 200416 edit */
  .footer .footer-top .address { display: none; margin-bottom: 10px; }
  .footer .footer-top .copyright { font-size: 12px; line-height: 13px; }
  .footer .footer-top .site { float: right; }
  .footer .footer-top .site .social { margin-bottom: 12px; }
  .footer .footer-top .site .social::after { content: ""; display: block; clear: both; }
  .footer .footer-top .site .social li { float: left; margin-left: 10px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_social.png") no-repeat; background-size: 100%; }
  .footer .footer-top .site .social li.facebook { background-position: 0 0; }
  .footer .footer-top .site .social li.youtube { background-position: 0 -30px; }
  .footer .footer-top .site .social li.naverpost { background-position: 0 -90px; }
  .footer .footer-top .site .social li.twitter { background-position: 0 -120px; }
  .footer .footer-top .site .social li.instagram { background-position: 0 -150px; }
  .footer .footer-top .site .social li.cv-youtube { background-position: 0 -180px; }
  .footer .footer-top .site .social li.cv-naverpost { background-position: 0 -210px; }
  .footer .footer-top .site .social li:first-child { margin-left: 0; }
  .footer .footer-top .site .social li a { display: block; width: 30px; height: 32px; }
  .footer .footer-top .site .family-site { position: relative; }
  .footer .footer-top .site .family-site button { width: 100%; height: 30px; padding: 0 13px; border: 1px solid #676767; text-align: left; color: #999999; background-color: #1c1b1b; cursor: pointer; }
  .footer .footer-top .site .family-site button::after { content: ''; position: absolute; top: 50%; right: 1em; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top-color: #676767; }
  .footer .footer-top .site .family-site .site-list { z-index:10;display: none; position: absolute; bottom: 30px; left: 0; right: 0; padding: 10px 0; border: 1px solid #676767; border-top: none; background-color: #1c1b1b;}
  .footer .footer-top .site .family-site .site-list.on { display: block; z-index: 10;}
  .footer .footer-top .site .family-site .site-list li a { text-decoration: none; display: block; height: 30px; line-height: 30px; padding: 0 13px; color: #999999; }
  .footer .footer-menu-btn { background-color: transparent; border: 0 none; display: none; }
  .footer .footer-bottom { margin-top: 40px; padding-top: 22px; border-top: 1px solid #2a2a2a; }
  .footer .footer-bottom ul { font-size: 12px; display: flex; flex-wrap: wrap;} /* 220622 edit */
  .footer .footer-bottom ul::after { content: ""; display: block; clear: both; }
  .footer .footer-bottom ul li { float: left; width: 25%; margin-top: 18px; word-break: keep-all; }
  .footer .footer-bottom ul li::after { content: ""; display: block; clear: both; }
  .footer .footer-bottom ul li img { float: left; }
  .footer .footer-bottom ul li span { line-height: 18px; box-sizing: border-box; margin-left: 45px; display: block; margin-right: 10px; }
  .footer .footer-bottom .pc-br {display:inline;}
  .footer .footer-bottom .m-br {display:none;}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .wrap-footer { padding: 50px 20px; }
  .footer .footer-top .menu {margin-left: 30px; width: (100% - 288px);}
}

  .keystr {color: #007fa8; }
  @media screen and (max-width: 767px) {
    .foot-area { z-index: 1; }
    .foot-area, .tap-area.is-mobile { position: relative; }
    .wrap-footer { background-color: #1c1b1b; font-size: 14px; font-family: "HyundaiSansTextKR"; letter-spacing: -0.4px; color: #999999; }
    .footer .inner-wrap::after { content: ""; display: block; clear: both; }
    .footer .footer-top { position: relative; }
    .footer .footer-top::after { content: ""; display: block; clear: both; }
    .footer .footer-top .footer-logo { position: absolute; top: auto; display: block; bottom: 37px; left: 30px; }
    .footer .footer-top .footer-logo img { width: 45px; }
    .footer .footer-top .menu { padding: 0 15px 1px; width: 100%; margin-left: 0;}
    .footer .footer-top .menu ul { padding: 23px 0 0; overflow: hidden;}
    .footer .footer-top .menu ul::after { content: ""; display: block; clear: both; }
    .footer .footer-top .menu ul + ul { padding-top: 0; }
    .footer .footer-top .menu ul li { float: left; width: 50%; margin: 7px 0; padding-bottom: 20px; }
    .footer .footer-top .menu ul li a { color: #999; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; }
    .footer .footer-top .menu ul li a strong { font-weight: normal; color: #ffffff; }
    .footer .footer-top .menu .service { position: relative; color: #999; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; margin: 7px 0; padding-bottom: 20px;}
    .footer .footer-top .menu .address { line-height: 150%; margin: 9px 0 23px }
    .footer .footer-top .menu .copyright { width: 100%; padding: 26px 0 26px 80px; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; color: #999; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; }
    .footer .footer-top .footer-menu-btn { position: absolute; bottom: -39px; left: 0; width: 100%; height: 40px; font-size: 0; display: block; background-color: #1c1b1b; border: 0 none; cursor: pointer; transition: 1s}
    .footer .footer-top .footer-menu-btn.on span{transform: rotate(-135deg) translate(-50%, -50%);top: 28px;}
    .footer .footer-top .footer-menu-btn span { display: block; width: 15px; height: 15px; border-bottom: 2px #999 solid; border-right: 2px #999 solid; transform: rotate(45deg); position: absolute; left: 50%; transform: rotate(45deg) translate(-50%, -50%); transform-origin: top left;}
    .footer .footer-top .site {display: none; padding: 0 30px; box-sizing: border-box; position: absolute; width: 100%; bottom: -120px; }
    .footer .footer-top .site .social { margin-bottom: 5px; text-align: center; }
    .footer .footer-top .site .social::after { content: ""; display: block; clear: both; }
    .footer .footer-top .site .social li { display: inline-block; margin-left: 10px; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_social.png") no-repeat; background-size: 100%; }
    .footer .footer-top .site .social li.facebook { background-position: 0 0; }
    .footer .footer-top .site .social li.youtube { background-position: 0 -30px; }
    .footer .footer-top .site .social li.naverpost { background-position: 0 -90px; }
    .footer .footer-top .site .social li.twitter { background-position: 0 -120px; }
    .footer .footer-top .site .social li.instagram { background-position: 0 -150px; }
    .footer .footer-top .site .social li.cv-youtube { background-position: 0 -180px; }
    .footer .footer-top .site .social li.cv-naverpost { background-position: 0 -210px; } 
    .footer .footer-top .site .social li:first-child { margin-left: 0; }
    .footer .footer-top .site .social li a { display: block; width: 30px; height: 32px; }
    .footer .footer-top .site .family-site { position: relative; }
    .footer .footer-top .site .family-site button { width: 100%; height: 30px; padding: 0 13px; border: 1px solid #676767; text-align: left; color: #999999; background-color: #1c1b1b; cursor: pointer; }
    .footer .footer-top .site .family-site button::after { content: ''; position: absolute; top: 50%; right: 1em; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top-color: #676767; }
    .footer .footer-top .site .family-site .site-list { display: none; position: absolute; left: 0; right: 0; padding: 10px 0; border: 1px solid #676767; border-top: none; background-color: #1c1b1b; font-size: 13px;}
    .footer .footer-top .site .family-site .site-list.on { display: block; }
    .footer .footer-top .site .family-site .site-list li a { text-decoration: none; display: block; height: 30px; line-height: 30px; padding: 0 13px; color: #999999; margin: 6px 0; }
    .footer .footer-bottom {display: none; padding: 130px 0 0; }
    .footer .footer-bottom.list-on {padding-bottom: 60px;}
    .footer .footer-bottom ul { font-size: 12px; padding: 0 30px 30px; }
    .footer .footer-bottom ul::after { content: ""; display: block; clear: both; }
    .footer .footer-bottom ul li { margin-top: 18px; word-break: keep-all; }
    .footer .footer-bottom ul li::after { content: ""; display: block; clear: both; }
    .footer .footer-bottom ul li img { float: left; margin-right: 20px; }
    .footer .footer-bottom ul li span { line-height: 18px; box-sizing: border-box; overflow: hidden; display: block; margin-right: 10px; }
    .footer .footer-bottom .pc-br {display:block;}
    .footer .footer-bottom .m-br {display:inline;}
  }
  
/* footer 기업 메뉴 */
.footer {background-color: #f6f3f2;}
.footer .wrap-menu-toggle { border: 1px solid #e4dcd3; background-color: #fff; border-radius: 20px 20px 0 0;}
.footer .wrap-menu-toggle > .title {  line-height: 1; font-family: 'HyundaiSansHeadKR'; color: #000;}
.footer .wrap-menu-toggle .button-toggle { display: flex; align-items: center; width: 100%; border-bottom: none;}
.footer .wrap-menu-toggle .button-toggle > i { margin-left: auto;}
.footer .wrap-menu-toggle .menu-list-company .menu-category { font-family: 'HyundaiSansHeadKR'; color: #002C5F;}
.footer .wrap-menu-toggle .menu-list-company .wrap-menu { display: flex; flex-wrap: wrap;}
.footer .wrap-menu-toggle .menu-list-company .menu-company a {display: block; font-family: 'HyundaiSansHeadKR'; color: #444;}
.footer .wrap-menu-toggle .menu-list-company .menu-company a i {margin-left: 6px;}
@media print, screen and (min-width: 768px){
  .footer { padding-top: 30px;}
  .footer .wrap-menu-toggle { max-width: 1120px; width: calc(100% - 60px); margin: 0 auto;}
  .footer .wrap-menu-toggle > .title {padding: 24px 50px 21px; font-size: 16px; line-height: 24px;}
  .footer .wrap-menu-toggle .button-toggle > i {font-size: 30px;}
  .footer .wrap-menu-toggle .menu-list-company { display: flex; margin: 5px -35px 0; padding: 0 50px 30px;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category { width: 33.333%; padding: 0 35px;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category:not(:nth-child(3n)) { border-right: 1px solid #e5e5e5;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .menu-category { margin-bottom: 12px;  font-size: 16px; line-height: 1;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company { width: 145px;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company a { padding: 10px 0; font-size: 14px; line-height: 1;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company a:before { display: none;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company:last-child a { margin-bottom: -10px;}
}
@media print, screen and (max-width: 767px){
  /* on */
  .footer .wrap-menu-toggle .menu-list-company:not(.show) {display: none;}
  .footer {padding-top: 15px;}
  .footer .wrap-menu-toggle {margin: 0 15px;}
  .footer .wrap-menu-toggle .button-toggle {padding: 15px 15px 12px; font-size: 16px; line-height: 24px; letter-spacing: -.4px;}
  .footer .wrap-menu-toggle .button-toggle > i {font-size: 20px;}
  .footer .wrap-menu-toggle .button-toggle > i::before{margin-left: 3px;}
  .footer .wrap-menu-toggle .button-toggle > i::after{margin-right: -6px;}
  .footer .wrap-menu-toggle .button-toggle > i::before,   .footer .wrap-menu-toggle .button-toggle > i::after{width: 10px;}
  .footer .wrap-menu-toggle .menu-list-company { margin: -20px 0 -25px; padding: 0 15px 20px;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category {padding: 25px 0;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category:nth-child(n+2) {border-top: 1px solid #e5e5e5;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .menu-category { margin-bottom: 10px; font-size: 15px; line-height: 1; letter-spacing: -.4px;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company {width: 50%;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company a { padding: 10px 0; font-size: 14px; line-height: 1; letter-spacing: -.4px;}
  .footer .wrap-menu-toggle .menu-list-company .wrap-category .wrap-menu .menu-company:last-child a {margin-bottom: -10px;}
}

/* s: chatbot 20251020 현대리 추가 및 수정 */
.foot-area {position: relative;}
.foot-area .area-floating {position:fixed;display: flex;right: 40px;bottom: 80px;flex-direction: column;z-index: 998;transform: translateY(0);}
.foot-area .area-floating .menu-floating .btn-circle {position: relative;width: 60px;height: 60px; border-radius: 100%;color: #fff; }
.foot-area .area-floating .menu-floating .btn-circle .btn {border-radius: 100%;text-align: center;width:100%;height:100%; background: url('../../../../../../static/images/common/button/h_fab_default.svg') center no-repeat; background-color: #00aad2; border: 4px solid transparent; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.foot-area .area-floating .menu-floating .btn-circle .btn:hover {background-image: url('../../../../../../static/images/common/button/h_fab_hovered.svg')}
.foot-area .area-floating .menu-floating .btn-circle .btn:active {background-image: url('../../../../../../static/images/common/button/h_fab_active.svg')}
.foot-area .area-floating .menu-floating .btn-circle .btn .ico-chatbot {display: inline-block;position: absolute;top:50%;left:50%;transform: translateY(-50%);transform: translateX(-50%);width: 20px;height: 20px;}
.foot-area .area-floating .menu-floating .btn-circle .btn .ico-chatbot:before,
.foot-area .area-floating .menu-floating .btn-circle .btn .ico-chatbot:after
{display: block;position: absolute;width: 100%;height: 2px;background-color: #fff;content: '';}
.foot-area .area-floating .menu-floating .btn-circle .btn .ico-chatbot:after {transform: rotate(90deg);}
.foot-area .area-floating .hdr-floating { margin-bottom:10px;}
.foot-area .area-floating .hdr-floating .hdr-link{ display:inline-block; position:relative; }
.foot-area .area-floating .hdr-floating .hdr-link::after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height: 40px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/hyundai-re-guide/all-in-one-floating-banner-on.png'); transform: translateY(20px) scale(0.9); opacity: 0; transition: transform 0.35s cubic-bezier(0.25, 1.25, 0.5, 1), opacity 0.25s ease;}
.foot-area .area-floating .hdr-floating .hdr-link:hover::after{transform: translateY(-0) scale(1); opacity: 1;}
.foot-area .area-floating .hdr-floating .hdr-img { display: block; position: relative; z-index:2; width: 60px;  height: 132px; background-image: url('../../../../../../content/dam/hyundai/kr/ko/images/purchase-guide/hyundai-re-guide/all-in-one-floating-banner-off.png'); }
/* e: 20251020 현대리 추가 및 수정 */
@media screen and (max-width: 767px) {
  .foot-area .area-floating {right: 20px; bottom: 30px;}
  .foot-area .area-floating .menu-floating .btn-circle {width: 52px; height: 52px;}
  .foot-area .area-floating .menu-floating .btn-circle .btn:before {top:-8px; right: -6px; width: 29px; height: 17px;}
}

/* s: GNB Carousel : 승상용 채널통합 */
.header .gnb_wrap .model_info > ul .car_list li span.title + .btn_wrap{margin-top:18px}
.header .gnb_wrap .model_info > ul .slider{display: none;position: absolute;top: 0;left: var(--title-area-width-pc);margin:18px 0 0 6.43%;width:calc(100% - 29.2%);height:100%}
.header .gnb_wrap .model_info > ul .slider .inner {overflow: hidden;}
.header .gnb_wrap .model_info > ul > li.on .slider {display: flex; flex-wrap: wrap; align-items: flex-start;align-content: flex-start;}
.header .gnb_wrap .model_info > ul > li .slider .car_list{position: relative; left:0; margin:0;gap:30px clamp(10px, 5.6%, calc((100%  - (170px * 4)) / 3));}
.header .gnb_wrap .model_info > ul > li .slider .swiper-button-next, 
.header .gnb_wrap .model_info > ul > li .slider .swiper-button-prev{top:calc(50% - 15px); width: 11px; height:20px;}
.header .gnb_wrap .model_info > ul > li .slider.cv .swiper-button-next,
.header .gnb_wrap .model_info > ul > li .slider.cv .swiper-button-prev{top:calc(50% - 45px);}
.header .gnb_wrap .model_info > ul > li .slider .swiper-button-next{right:-52px;}
.header .gnb_wrap .model_info > ul > li .slider .swiper-button-prev{left:-50px;}
.header .gnb_wrap .model_info > ul > li .slider .swiper-button-next::after, 
.header .gnb_wrap .model_info > ul > li .slider .swiper-button-prev::after{font-size:20px;color:#000;font-weight:bold;}
.header .gnb_wrap .model_info > ul > li .slider .swiper-pagination-bullets {bottom:25px}
.header .gnb_wrap .model_info > ul > li .slider .swiper-pagination-bullet{width: 12px; height: 12px; background:#d7d3d2; opacity:1}
.header .gnb_wrap .model_info > ul > li .slider .swiper-pagination-bullet-active{background:#007fa8;}
.header .gnb_wrap .model_info > ul > li .slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
.header .gnb_wrap .model_info > ul > li .slider .swiper-container-horizontal>.swiper-pagination-bullets, 
.header .gnb_wrap .model_info > ul > li .slider .swiper-pagination-custom, 
.header .gnb_wrap .model_info > ul > li .slider .swiper-pagination-fraction{font-size:0; line-height:0}

.header .gnb_wrap .model_info > ul > li .slider.no_swipe .swiper-button-next, 
.header .gnb_wrap .model_info > ul > li .slider.no_swipe .swiper-button-prev{display: none}
.header .gnb_wrap .model_info > ul > li .slider.no_swipe .swiper-pagination{display: none}

@media screen and (max-width: 1200px) and (min-width: 767px) {
    .header .gnb_wrap .model_info > ul .slider{margin:0;left:20.2%;width:calc(100% - 194px)}
    .header .gnb_wrap .model_info > ul > li.on .slider {left:var(--title-area-width-tab);margin-left:var(--depth2-area-margin-left-tab);margin-top:14px}
    .header .gnb_wrap .model_info > ul > li .slider .car_list{gap:40px clamp(10px, 5.6%, calc((100%  - (170px * 3)) / 3));}
    .header .gnb_wrap .model_info > ul > li.on .slider .car_list li{margin: 0}
    .header .gnb_wrap .model_info > ul > li.on .slider .slide{width: calc(100% - 30px) !important; margin:0 15px;}
    .header .gnb_wrap .model_info > ul > li .slider .swiper-button-next, 
    .header .gnb_wrap .model_info > ul > li .slider .swiper-button-prev{top:calc(50% - 30px)}
    .header .gnb_wrap .model_info > ul > li .slider.cv .swiper-button-next,
    .header .gnb_wrap .model_info > ul > li .slider.cv .swiper-button-prev{top:calc(50% - 62px);}
    .header .gnb_wrap .model_info > ul > li .slider .swiper-button-prev{left:-15px}
    .header .gnb_wrap .model_info > ul > li .slider .swiper-button-next{right:-15px}
    .header .gnb_wrap .model_info > ul > li .slider .swiper-button-next::after, 
    .header .gnb_wrap .model_info > ul > li .slider .swiper-button-prev::after{font-size:16px;}
    .header .gnb_wrap .model_info > ul > li .slider .swiper-pagination-bullets{bottom:2px}
    
}
@media screen and (max-width:767px) {    
    .header .gnb_wrap .model_info > ul .slider {position: relative; margin:0; height: auto; left:0; width:100%; border:0;}   
    .header .gnb_wrap .model_info > ul > li.on .slider .car_list{padding:0 !important; gap:0}
    .header .gnb_wrap .model_info > ul > li .slider .car_list li{width:calc(50% - 15px) !important; margin:0 0 0 15px;}
    .header .gnb_wrap .model_info > ul > li .slider .car_list li:nth-child(2n){margin:0 15px 0 0}
    
    .header .gnb_wrap .model_info > ul > li.on .slider .swiper-button-next, 
    .header .gnb_wrap .model_info > ul > li.on .slider .swiper-button-prev{display: none !important}
    .header .gnb_wrap .model_info > ul > li.on .slider .swiper-pagination{display: none !important}
}
/* e : GNB Carousel : 승상용 채널통합 */
@charset "UTF-8";

/* button assets */
a.btn::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.btn.btn-alarm-sm:before, a.btn.btn-alarm-sm:before { display: inline-block; width: 25px; height: 25px; vertical-align: middle; content: ''; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_btn.png"); background-position: -105px -166px; }
.btn.ibtn span, a.btn.ibtn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.btn.btn-plus:after { content: ''; display: inline-block; width: 11px; height: 11px; vertical-align: middle; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/ico_btn.png") no-repeat; margin-left: 6px; background-position: -118px -27px; }
.acitve > .btn.btn-plus:after  {background-position: -118px -38px; }
#myConsult .mypage-lnb .blue-point .btn:after { content: ''; display: inline-block; width: 7px; height: 7px; vertical-align: middle; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-top: 0 solid #000000; border-left: 0 solid #000000; transform: rotate(-45deg); margin-left: 6px;}

@media screen and (min-width: 768px) {
  #myConsult .content{
    width: 1120px;
    padding:80px 0;
    margin: 0 auto;
  }
  
  .mypage-lnb { width: 192px; }
  #myConsult .content:after{ content: ''; display: block; clear: both; }
  #myConsult .visual-wrap{ min-height:360px; background-color: #eee; }
  #myConsult .list-contents{margin-left:212px;} /* 190310 edit */
  #myConsult .list-contents fieldset { padding: 0 !important; border: none; } /* 200320 add */
  #myConsult .list-contents .mypage .section.pd_sm {   display: flex; flex-direction: column;    justify-content: center;  align-items: center;} /* 200612 edit */
  #myConsult .list-contents .ui_search_02 input {background:#fff !important;} /* 200320 add */
    
  #myConsult .mypage-lnb {float:left;}
  #myConsult .mypage-lnb .my-title { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
  #myConsult .mypage-lnb .my-title h3 strong { font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; font-size: 20px; line-height: 1; }
  #myConsult .mypage-lnb .my-title h3 strong span { color: #007FA8; }
  #myConsult .mypage-lnb .my-title .my-alarm { position: relative; }
  #myConsult .mypage-lnb .my-title .my-alarm .btn { font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; line-height: 1; vertical-align: bottom; }
  #myConsult .mypage-lnb .my-title .my-alarm .num { position: absolute; width: 19px; height: 19px; top: -12px; left: 8px; border-radius: 100%; background-color: #007FA8; color: #ffffff; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; border: 2px solid #ffffff; box-sizing: content-box; line-height: 19px; text-align: center; }
  #myConsult .mypage-lnb .blue-point { margin-top: 30px; padding: 30px 0 30px 20px; background-color: #f1f5f9; border-top: 2px solid #cccccc; }
  #myConsult .mypage-lnb .blue-point .btn { font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; line-height: 1; color: #000;}
  #myConsult .mypage-lnb .blue-point .point { margin-top: 17px; font-family: "HyundaiSansHeadKR"; font-size: 20px; font-weight: normal; line-height: 34px; letter-spacing: -0.4px; line-height: 1; color: #007FA8; }
  #myConsult .mypage-lnb .blue-point .point span { font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; line-height: 1; color: #666666; }
  #myConsult .mypage-lnb .lnb-list { padding: 0 0 40px 20px; border-bottom: 2px solid #cccccc; }
  #myConsult .mypage-lnb .lnb-list > ul > li { padding-top: 40px; }
  #myConsult .mypage-lnb .lnb-list > ul > li strong { display: block; margin-bottom: 15px; font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; line-height: 1; }
  #myConsult .mypage-lnb .lnb-list > ul > li strong + ol {margin-left:0;} /* 200312 csj add */
  #myConsult .mypage-lnb .lnb-list > ul > li a { display: inline-block; font-family: "HyundaiSansTextKRR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color: #666666; }
  #myConsult .mypage-lnb .lnb-list > ul > li a .btn-plus:after { margin-top: -4px; }
  #myConsult .mypage-lnb .lnb-list > ul > li .active .btn-plus:after { background-position: -118px -38px; }
  #myConsult .mypage-lnb .lnb-list > ul > li .active > a { color: #007FA8; font-family: "HyundaiSansTextKR"; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; }
  #myConsult .mypage-lnb .lnb-list > ul > li .depth3.active ul { display: block; padding-left: 4px; }
  #myConsult .mypage-lnb .lnb-list > ul > li .depth3 > ul { display: none; margin: 5px 0; }
  #myConsult .mypage-lnb .lnb-list > ul > li .depth3 > ul li a { font-size: 14px; line-height: 28px; }
  #myConsult .mypage-lnb .lnb-list > ul > li .depth3 > ul li.active a { font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; color: #666666; }  
  #myConsult .my_activities .content { width:100%; padding:80px 0;} /* 200312 csj add */      
 }

@media screen and (max-width: 1200px) and (min-width: 767px) {
  #myConsult .content {width: 100%; margin: 0; padding: 80px 30px; }
}

@media screen and (max-width: 767px) { 
  #myConsult .content {width: 100%;}
  .mypage-lnb { width: 100%; padding: 0 15px; margin-bottom: 15px; }
  #myConsult .visual-wrap{ min-height:220px; background-color: #eee; }
  #myConsult .list-contents{ margin: 0px 15px;}
  #myConsult .mypage-lnb .my-title { display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; padding-top: 30px; }
  #myConsult .mypage-lnb .my-title h3 strong { font-family: "HyundaiSansHeadKR"; font-size: 21px; font-weight: normal; line-height: 29px; letter-spacing: -0.4px; font-size: 20px; line-height: 1; }
  #myConsult .mypage-lnb .my-title h3 strong span { color: #007FA8; }
  #myConsult .mypage-lnb .my-title .my-alarm { position: relative; padding-right: 10px; }
  #myConsult .mypage-lnb .my-title .my-alarm .btn { font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; line-height: 1; vertical-align: bottom; }
  #myConsult .mypage-lnb .my-title .my-alarm .num { position: absolute; width: 19px; height: 19px; top: -12px; left: 8px; border-radius: 100%; background-color: #007FA8; color: #ffffff; font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 28px; letter-spacing: -0.4px; border: 2px solid #ffffff; box-sizing: content-box; line-height: 19px; text-align: center; }
  #myConsult .mypage-lnb .blue-point { display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; margin-top: 15px; padding: 20px 15px; background: #f6f3f2; border-top: 0; }
  #myConsult .mypage-lnb .blue-point .btn { font-family: "HyundaiSansTextKR"; font-size: 14px; line-height: 22px; letter-spacing: -0.4px; }
  #myConsult .mypage-lnb .blue-point .point { margin-top: 0; font-family: "HyundaiSansHeadKR"; font-size: 21px; font-weight: normal; line-height: 29px; letter-spacing: -0.4px; color: #007fa8; }
  #myConsult .mypage-lnb .blue-point .point span { display: none; }
  #myConsult .mypage-lnb .lnb-list { display: none; overflow-y:auto; position: fixed; top: 55px; left: 0; right: 0; z-index: 900; height: calc(100% - 55px);}
  #myConsult .mypage-lnb .lnb-list:after {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: -1;}  
  #myConsult .mypage-lnb .lnb-list.on {display: block;}
  #myConsult .mypage-lnb .lnb-list > ul > li { box-sizing: border-box; }
  #myConsult .mypage-lnb .lnb-list > ul > li.active strong { color: #007FA8; background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/icon_menu_arrow_down.png"); }
  #myConsult .mypage-lnb .lnb-list > ul > li strong { background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/icon_menu_arrow_up.png"); background-repeat: no-repeat; background-position: right 20px center; background-size: 7px 5px;}
  #myConsult .mypage-lnb .lnb-list ol { display: none; }
  #myConsult .mypage-lnb .lnb-list .active ol { display: block; }
  #myConsult .mypage-lnb .lnb-list ol > li { background-color: #f6f3f2; }
  #myConsult .mypage-lnb .lnb-list ol > li.active > a { color: #007FA8; }
  #myConsult .mypage-lnb .lnb-list ol > li > a button span{font-size:0;}
  #myConsult .mypage-lnb .lnb-list ol > li > a button:after{content: ''; display: inline-block; width: 11px; height: 11px; vertical-align: middle; background: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/mobile_3depth_more.png") no-repeat; background-size: 10px 10px; background-position: 0 0; }
  #myConsult .mypage-lnb .lnb-list ol > li.active > a button:after { background-image: url("../../../../../../content/dam/hyundai/kr/ko/images/common/gnb/ico_btn_lnb_minus.png"); }
  #myConsult .mypage-lnb .lnb-list ol > li button { position: absolute; top: 20px; right: 30px; }
  #myConsult .mypage-lnb .lnb-list ul ul { display: none;}
  #myConsult .mypage-lnb .lnb-list .depth3 ul { display: none; }
  #myConsult .mypage-lnb .lnb-list .depth3.active ul { display: block; }

  /* If enter the mypage (header control) */
  .mypage #header .subject span {position: relative; padding-right: 8px;} 
  .mypage #header .subject span:after {position: absolute; top: 6px; right: -8px; width: 0; height: 0; border-top: 6px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; transition: transform 0.2s;}
  .mypage #header .subject.on span:after {transform: rotate(180deg);}
}