@charset 'utf-8';

/* COMMON */
/* 20180329 김기용: 공통 추가 */
/*.contentWrap{min-width:auto;}*/
.hmc_component [class^="img_wrap"] img{max-width:100%;}
.hmc_component [class^="img_wrap"][class*="_center"]{text-align:center;}
.hmc_component img, .hmc_component fieldset{border:0; max-width:100%;}
/* 20180329 김기용: 공통 추가 끝 */

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

.hmc_component [class^="section"].pd_sm{padding:40px 0;}
.hmc_component [class^="section"].pd_md{padding:60px 0;}
.hmc_component [class^="section"].pd_lg{padding:80px 0;}
.hmc_component [class^="section"].pd_xl{padding:120px 0;}

@media screen and (min-width: 768px) and (max-width: 1119px){
    .hmc_component [class^="section"].pd_sm{padding:40px 15px;}
    .hmc_component [class^="section"].pd_lg{padding:80px 15px;}
    .hmc_component [class^="section"].pd_md{padding:60px 15px;}
    .hmc_component [class^="section"].pd_xl{padding:120px 15px;}
}
@media screen and (max-width: 767px){
    .hmc_component [class^="section"].pd_sm{padding:30px 15px;}
    .hmc_component [class^="section"].pd_md{padding:40px 15px;}
    .hmc_component [class^="section"].pd_lg{padding:50px 15px;}
    .hmc_component [class^="section"].pd_xl{padding:60px 15px;}
}

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

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

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

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

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

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

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

/* grid system */

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

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

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

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

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

.hmc_component .clear-after {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hmc_component * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.hmc_component [class$="_title"] {font-family: "HyundaiMedium";color:#000;letter-spacing:-1px;word-break:keep-all;}
.hmc_component .text_white {color:#fff !important;}
.hmc_component .main_title{font-size:44px; text-align:center;}
.hmc_component .row_title{font-size:20px;}
.hmc_component .message {line-height:1.8;font-family:'HyundaiTextRegular';}/* 181015_modify */
.hmc_component .text_left,
.hmc_component .align_left {text-align:left !important;}
.hmc_component .text_center,
.hmc_component .align_center {text-align:center !important;}
.hmc_component .text_right,
.hmc_component .align_right {text-align:right !important;}
.hmc_component .sub_title {padding-bottom:10px;font-size:30px;}
.hmc_component .vertical_top{vertical-align: top !important;}
.hmc_component .vertical_middle{vertical-align: middle !important;}
.hmc_component .vertical_bottom{vertical-align: bottom !important;}
.hmc_component .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;}
.hmc_component [class^="ico_"]{display:inline-block; background-repeat: no-repeat; vertical-align: middle; font-style: normal;}

@media screen and (max-width: 767px){
    .hmc_component .message { line-height: 1.4; }
    .hmc_component .main_title{font-size:25px; line-height:35px;}
    .hmc_component .row_title{font-size:16px;line-height:24px;}
    .hmc_component .sub_title{font-size:21px; line-height:29px;}
}

/* Button */
.hmc_component [class^="btn_"]:hover {text-decoration:none;}
.hmc_component [class^="btn_"]:not(div){display:inline-block; padding:0 1em; text-align: center; white-space: nowrap; background:transparent; border:1px solid transparent; vertical-align: middle; color:#000;}
.hmc_component [class^="btn_"]:not(button):before{content:''; display:inline-block; width:0; height:100%; margin-top:1px; vertical-align: middle;}
.hmc_component [class^="btn_"][class*="_primary"],
.hmc_component [class^="btn_"][class*="_toggle"]{background:#002c5e; border-color:#002c5e; color:#fff;}

@media screen and (min-width: 768px){
    .hmc_component [class^="btn_"][class*="_md"]{min-width:120px; height:40px; font-size:14px;}
}
@media screen and (max-width: 767px){
    .hmc_component [class^="btn_"][class*="_md"]{width:100%; height:40px;}
}

/* bullet */
.hmc_component [class^="bullet_"],[class^="bullet_"],
.hmc_component [class*="_bullet"]>li{position:relative; padding-left:10px; text-align: left; }
.hmc_component p[class^="bullet_"][class*="_dot"]{line-height:22px}
.hmc_component [class^="bullet_"][class*="_dot"]:before,
.hmc_component [class*="_bullet"][class*="_dot"]>li:before{content:''; position:absolute; top:0.85em; left:0; width:2px; height:2px; margin-top:-1px; background:#666;}

/* ui tabs */
.hmc_component [class^="ui_tab_"]{}
.hmc_component .tab_cont + .tab_cont{display:none;}
.hmc_component [class*="tab_menu"]{width:100%;}
.hmc_component [class*="tab_menu"]>li{text-align: center; }
.hmc_component [class*="tab_menu"]>li>*{display:block; height:100%; letter-spacing:-1px;box-sizing:border-box;}
.hmc_component [class*="tab_menu"]>li.on>*{transition:.3s;}
.hmc_component [class*="tab_menu"] button:disabled,
.hmc_component [class*="tab_menu"] .disabled{color:#fff; background:#cecdca;}
.hmc_component [class*="tab_menu"]>li>a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.hmc_component [class*="tab_menu"]>li>a>span{display:inline-block; vertical-align: middle;}
/* type01 */
.hmc_component [class*="tab_menu"][class*="_01"]{overflow:hidden; width:100%; max-width:1120px; margin:0 auto; background:#444;}
.hmc_component [class*="tab_menu"][class*="_01"]:after{content:''; display: block; clear:both;}
.hmc_component [class*="tab_menu"][class*="_01"]>li{position:relative; z-index:1; float:left; height:60px; background:#444;}
.hmc_component [class*="tab_menu"][class*="_01"]>li>*{display:block; width:100%; height:100%; padding:0 1em; font-family:'HyundaiMedium'; font-size:15px; line-height:22px; color:#fff;}
.hmc_component [class*="tab_menu"][class*="_01"]>li.on{background:#fff;}
.hmc_component [class*="tab_menu"][class*="_01"]>li.on>*{color:#000;}
.hmc_component [class*="tab_menu"][class*="_01"]>li>* small{padding-left:5px; opacity:.5;}
/* type02 */
.hmc_component [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;}
.hmc_component [class*="tab_menu"][class*="_02"]:after{content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#e5e5e5;}
.hmc_component [class*="tab_menu"][class*="_02"] { font-size: 0; }
.hmc_component [class*="tab_menu"][class*="_02"]>li{display:inline-block; padding: 0 13px; height:100%;}
.hmc_component [class*="tab_menu"][class*="_02"]>li>*{display:inline-block; height:100%; padding:0 10px; font-size:16px;}
.hmc_component [class*="tab_menu"][class*="_02"]>li>*:after{content:''; position:absolute; bottom:0; left:0; width:0; background:#000; transition:.3s;}
.hmc_component [class*="tab_menu"][class*="_02"]>li.on>*{position:relative; color:#000; font-weight:bold;}
.hmc_component [class*="tab_menu"][class*="_02"]>li.on>*:after{left:0; z-index: 1; width:100%; right:0; height:4px; transition:.3s;}
.hmc_component [class*="tab_menu"][class*="_02"] button:disabled,
.hmc_component [class*="tab_menu"][class*="_02"] .disabled{background:transparent; color:#cecdca;}
.hmc_component [class*="tab_menu"][class*="_02"].menu_4 > * {width:calc( ( 100% - 12px ) / 4 );}
.hmc_component [class*="tab_menu"][class*="_02"].menu_5 > * {width:calc( ( 100% - 16px ) / 5 );}
/* type03 */
.hmc_component [class*="tab_menu"][class*="_03"]{overflow:hidden; overflow-x:auto; white-space: nowrap;}
.hmc_component [class*="tab_menu"][class*="_03"]>li{display:inline-block; min-width:140px; height:35px; background:#f6f3f2;}
.hmc_component [class*="tab_menu"][class*="_03"]>li + li{margin-left:3px;}
.hmc_component [class*="tab_menu"][class*="_03"]>li.on{background:#009ec3;}
.hmc_component [class*="tab_menu"][class*="_03"]>li>*{overflow:hidden; display:block; width:100%; padding:0 15px; height:100%; font-size:14px;}
.hmc_component [class*="tab_menu"][class*="_03"]>li>*:before{margin-top:3px;}
.hmc_component [class*="tab_menu"][class*="_03"]>li.on>*{color:#fff;}
/* type04 */
.hmc_component [class*="tab_menu"][class*="_04"]{overflow:hidden; overflow-x:auto; white-space: nowrap;}
.hmc_component [class*="tab_menu"][class*="_04"]>li{position:relative; display:inline-block;}
.hmc_component [class*="tab_menu"][class*="_04"]>li + li{padding-left:31px;}
.hmc_component [class*="tab_menu"][class*="_04"]>li + li:before{content:''; position:absolute; top:50%; left:15px; width:1px; height:14px; margin-top:-7px; background:#e5e5e5;}
.hmc_component [class*="tab_menu"][class*="_04"]>li>*{display:inline-block;}
.hmc_component [class*="tab_menu"][class*="_04"]>li.on>*{color:#002c5f; font-family:'HyundaiMedium';}
.hmc_component [class*="tab_menu"][class*="_04"] button:disabled,
.hmc_component [class*="tab_menu"][class*="_04"] .disabled{background:transparent; color:#cecdca;}

@media screen and (min-width: 1024px){
    .hmc_component [class*="tab_menu"].menu_5>*{width:20%;}
    .hmc_component [class*="tab_menu"].menu_6>*{width:16.66%;}
    .hmc_component [class*="tab_menu"].menu_7>*{width:14.2%;}
    .hmc_component [class*="tab_menu"].menu_8>*{width:12.5%;}
    .hmc_component [class*="tab_menu"].menu_9>*{width:11.111111%;}
    .hmc_component [class*="tab_menu"].menu_6>*:nth-child(6n),
    .hmc_component [class*="tab_menu"].menu_7>*:nth-child(7n),
    .hmc_component [class*="tab_menu"].menu_8>*:nth-child(8n),
    .hmc_component [class*="tab_menu"].menu_9>*:nth-child(9n){float:right;}
}
@media screen and (min-width: 768px){
    .hmc_component [class*="tab_menu"].menu_2>*{width:50%;}
    .hmc_component [class*="tab_menu"].menu_3>*{width:33.33%;}
    .hmc_component [class*="tab_menu"].menu_3>*:nth-child(3n){float:right;}
    .hmc_component [class*="tab_menu"].menu_4>*{width:25%}
}
@media screen and (max-width: 767px){
    .hmc_component [class*="tab_menu"][class*="_03"]>li{min-width:100px;}
}

/* ui accordion */
.hmc_component .ui_accordion>dl>dt{position:relative;}
.hmc_component .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;}
.hmc_component .ui_accordion>dl>dt.on .title{overflow:visible; height:auto; white-space: inherit; text-overflow: inherit;}
.hmc_component .ui_accordion>dl>dt button{position:absolute; top:0; right:0; z-index:1; border:0; }
.hmc_component .ui_accordion>dl>dt button:after{content:''; position:absolute; top:50%; right:30px; width:20px; height:20px; margin-top:-10px; background:url(https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_pc_20.png) no-repeat;}
.hmc_component .ui_accordion>dl>dt.on + dd{display:block;}
.hmc_component .ui_accordion>dl>dd{display:none;}

@media screen and (max-width: 767px){
    .hmc_component .ui_accordion>dl>dt .title{padding-left:15px;}
    .hmc_component .ui_accordion>dl>dt button{padding:0 15px;}
    .hmc_component .ui_accordion>dl>dt:after{right:15px;}
    .hmc_component .ui_accordion>dl>dd{padding:15px;}
}

/* table layout */
.hmc_component .table{display:table; width:100%;}
.hmc_component .table>*{display:table-cell; vertical-align: middle;}

/* accordion type01 */
.hmc_component .acc_01{}
.hmc_component .acc_01>dl>dt{padding-right:80px; margin-top:2px; background:#002c5f; font-size:20px;}
.hmc_component .acc_01>dl:first-child>dt{margin-top:0;}
.hmc_component .acc_01>dl>dt.on{background:#f6f3f2; color:#fff;}
.hmc_component .acc_01>dl>dt .title{height:80px; padding:25px 0 25px 30px; color:#fff;}
.hmc_component .acc_01>dl>dt.on b,
.hmc_component .acc_01>dl>dt.on .title{color:#000;}
.hmc_component .acc_01>dl>dt button{width:100%; height:80px;}
.hmc_component .acc_01>dl>dt button:after{background-position:-20px -280px;}
.hmc_component .acc_01>dl>dt.on button:after{background-position:0 -280px}
.hmc_component .acc_01>dl>dd{padding:30px; background:#f6f3f2;line-height:25px;}
.hmc_component .acc_01 .title_bar{position:relative; display:block; padding-left:8%; padding-right:35%; margin-left:30px; font-size:16px;}
.hmc_component .acc_01 .title_bar>*{height:80px; white-space:nowrap; color:#fff;}
.hmc_component .acc_01 .title_bar>*:before{content:''; display:inline-block; width:0; height:100%; vertical-align: middle;}
.hmc_component .acc_01 .title_bar .num{position:absolute; top:0; left:0;}
.hmc_component .acc_01 .title_bar .title{overflow:hidden; padding-left:0; font-size:1.25em; text-overflow: ellipsis; white-space:nowrap;}
.hmc_component .acc_01 .title_bar .date_wrap{position:absolute; top:0; right:0;}
.hmc_component .acc_01 .title_bar .date{display:inline-block; padding-right:20%; }
.hmc_component .acc_01 .title_bar .down{display:inline-block; font-size:0.9em;}
.hmc_component .acc_01 .on .title_bar>*{color:#000;}
.hmc_component .acc_01 .ico_down{background-position:-20px -100px;}
.hmc_component .acc_01 .on .ico_down{background-position:0 -100px;}

@media screen and (max-width: 767px){
    .hmc_component .acc_01>dl>dt{padding-right:50px; font-size:16px;}
    .hmc_component .acc_01>dl>dt button{width:100%; height:50px;}
    .hmc_component .acc_01>dl>dt button:after{right:15px; width:16px; height:16px; margin-top:-8px; background:url(https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_mobile_32_w.png) no-repeat 0-144px; background-size:100%;}
    .hmc_component .acc_01>dl>dt.on button:after{background-image:url(https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_mobile_32.png); background-position:0 -128px;}
    .hmc_component .acc_01>dl>dt .title{height:50px; padding:13px 0 13px 15px;}
    .hmc_component .acc_01 .title_bar{margin-left:15px; padding-left:0; font-size:14px;}
    .hmc_component .acc_01 .title_bar>*{height:50px;}
    .hmc_component .acc_01 .title_bar .title{padding-left:0;}
    .hmc_component .acc_01 .title_bar .num, .acc_01 .title_bar .date{display:none;}
    .hmc_component .acc_01 .ico_down{background-image:url(https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_mobile_32_w.png); background-position:0 -192px !important;}
    .hmc_component .acc_01 .on .ico_down{background-image:url(https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_mobile_32.png);}
}

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

@media screen and (max-width: 767px){
    .hmc_component .slide [class*='_direction'] [class^="ix-btn"]{width:35px; height:35px; margin-top:-17.5px;}
    .hmc_component .slide .paging{display:none;}
}

/* 섬네일 슬라이드 */
.hmc_component .thumbnail_slide .ix-controller{padding:0;}
.hmc_component .thumbnail_slide.desc .thumb_desc {padding: 10px 0;}
.hmc_component .thumbnail_slide.desc .thumb_desc .desc {display: none;text-align: center;}
.hmc_component .thumbnail_slide.desc .thumb_desc .desc.active {display: block;}

.hmc_component .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;
}
.hmc_component .thumbnail_slide.desc .thumb_desc.is-bottom .desc { text-align: left; }
.hmc_component .thumbnail_slide.desc .thumb_desc.is-bottom strong { font-weight: normal; color: #fff; }
.hmc_component .thumbnail_slide.desc .thumb_desc.is-bottom strong + span::before { content: ': '; }
.hmc_component .thumbnail_slide .overlay.visual + .slide.thumbnail {background:transparent;}
@media (min-width: 768px) {
    .thumbnail_slide.desc .thumb_desc.is-bottom {
        padding: 30px;
        font-size: 20px;
    }
    .hmc_component .thumbnail_slide.desc .thumb_desc.is-bottom strong { display: block; }
    .hmc_component .thumbnail_slide.desc .thumb_desc.is-bottom strong + span::before { display: none; }
}
.hmc_component .slide.thumbnail{width:100%;background:#000;}
.hmc_component .slide.thumbnail:after{content:''; display: block; clear: both;}
.hmc_component .slide.thumbnail .ix-list-item{float:left; margin:0; width:25%; background:#000;}
.hmc_component .slide.thumbnail .ix-list-item>button{border:0;}
.hmc_component .slide.thumbnail .ix-list-item img{max-width:100%;opacity:0.3;}
.hmc_component .slide.thumbnail .active img{opacity:1;}
.hmc_component .slide.thumbnail .ix-btn-prev,
.hmc_component .slide.thumbnail .ix-btn-next{margin-top:-1.25em;}
/* responsive slide */
.hmc_component .responsive_slide{overflow:hidden; width:100%;}
.hmc_component .responsive_slide .ix-list-viewport{width:calc(100% + 32px); margin-left:-16px;}
.hmc_component .responsive_slide .ix-list-item{padding:0 16px;}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .hmc_component .responsive_slide .ix-list-viewport{width:calc(100% + 16px); margin-left:-8px;}
    .hmc_component .responsive_slide .ix-list-item{padding:0 8px;}
}
@media screen and (max-width: 767px){
    .hmc_component .responsive_slide .ix-list-viewport{width:calc(100% + 10px); margin-left:-5px;}
    .hmc_component .responsive_slide .ix-list-item{width:50%;padding:0 5px;}
}

/* form : select */
.hmc_component [class^="select_wrap"]{position:relative; font-size:14px; color:#767676; background:#f6f3f2;}
.hmc_component [class^="select_wrap"][class*="_white"]{background:#fff; color:#000;}
.hmc_component span[class^="select_wrap"]{display:inline-block; vertical-align: middle;}
.hmc_component [class^="select_wrap"] select{position:absolute; z-index:-1;}
.hmc_component [class^="select_wrap"] select.error + .selectBox-dropdown {color: #f00;border-color: #f00;} /* 20180307 김기용: select validate error 표시 */
.hmc_component .selectBox-dropdown{overflow:hidden; width:100% !important; max-width:100%; height:40px; padding:0 40px 0 20px; background:transparent; border:1px solid transparent; color:#000; vertical-align: middle;}
.hmc_component .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;}
.hmc_component .selectBox-dropdown:after{content:''; display: block; clear: both;}
.hmc_component .selectBox-label{overflow:hidden; display:inline-block; width:100% !important; max-width:100%; height:40px; white-space: nowrap; text-overflow:ellipsis; vertical-align: middle;}
.hmc_component .selectBox-label:before{content: ''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.hmc_component [class^="select_wrap"][class*="_white"] .selectBox-dropdown:after{border-top-color:#000;}
.hmc_component .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);
}
.hmc_component [class^="select_wrap"].is-full { width: 100%; } /* 20180120 박순길, fullsize 추가 */

/* 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;}

/* Table Scroll */
.hmc_component .table_scrollable,
.hmc_component .table_scroll {position:relative; overflow-x:auto; width:100%;}
.hmc_component .table_scrollable .data_table,
.hmc_component .table_scroll .data_table {table-layout: fixed;}
.hmc_component .table_scrollable .data_table table,
.hmc_component .table_scroll .data_table table {width: 100%;}
@media screen and (min-width: 426px) and (max-width: 768px){
    .hmc_component .table_scrollable .data_table,
    .hmc_component .table_scroll .data_table {width:150%;}
}
@media screen and (max-width: 425px){
    .hmc_component .table_scrollable .data_table,
    .hmc_component .table_scroll .data_table{width:200%;}
}

/* table */
.hmc_component .data_table{width:calc(100% - 2px); }
.hmc_component .data_table .thead_th,
.hmc_component .data_table .tbody_th,
.hmc_component .data_table th,
.hmc_component .data_table td{height:50px; padding:10px 1em; background:#fff; border-bottom:1px solid #e4dcd3; word-break: keep-all; background:#fff;}
.hmc_component .data_table .thead_th,
.hmc_component .data_table .tbody_th,
.hmc_component .data_table th{font-family:'HyundaiMedium'; font-weight:normal; border: 1px solid #fff; border-bottom: none; }
.hmc_component .data_table td{ border: 1px solid #e4dcd3; }
.hmc_component .data_table td + td{border-left:1px solid #e4dcd3;}
.hmc_component .data_table th + th, {border-left:1px solid #fff;}
.hmc_component .data_table .thead_th:first-child,
.hmc_component .data_table thead th:first-child { border-left-color: #002c5f; }
.hmc_component .data_table .thead_th:last-child,
.hmc_component .data_table thead th:last-child { border-right-color: #002c5f; }
.hmc_component .data_table thead tr:first-child th,
.hmc_component .data_table thead + tbody tr:first-child td { border-top: none; }
.hmc_component .data_table .thead_th,
.hmc_component .data_table thead th{background:#002c5f; color:#fff; border-color:#fff;}
.hmc_component .data_table .tbody_th,
.hmc_component .data_table tbody th{background:#e4dcd3; color:#000; border-bottom-color:#fff;}
.hmc_component .data_table colgroup + tbody tr:first-child td{border-top:1px solid #e4dcd3;}
.hmc_component .data_table tbody tr:last-child td{border-bottom:1px solid #e4dcd3}
.hmc_component .data_table tbody tr:last-child th{border-bottom:1px solid #e4dcd3;}
.hmc_component .data_table td.line{border-left:1px solid #e4dcd3;}
.hmc_component .data_table .th.line,
.hmc_component .data_table th.line{border-left:1px solid #fff;}
.hmc_component .data_table .th.last,
.hmc_component .data_table th.last{border-bottom-color:#e4dcd3;}
.hmc_component .data_table .th.text-center,
.hmc_component .data_table th.text-center,
.hmc_component .data_table td.text-center { text-align: center; }
.hmc_component .data_table th.break_all,
.hmc_component .data_table td.break_all {word-break:break-all;}
.hmc_component .data_table tbody .data_table thead tr th:first-child { border-left-color: #fff; }
.hmc_component .data_table tbody .data_table thead tr th:last-child  { border-right-color: #e4dcd3; }
.hmc_component .data_table.tr_pointer tbody tr {cursor: pointer;}
.hmc_component .data_table td .rally_flag {display:inline-block; padding-right:10px;}
.hmc_component .data_table td .rally_flag img {vertical-align:middle;}
.hmc_component .data_table tr.rally_ranking td {background:#f7f3f2; border:0 none; font-size:15px;}
.hmc_component .data_table tbody tr {border-left:1px solid #e4dcd3;}
.hmc_component .data_table tr > td:last-child {border-right:1px solid #e4dcd3;}
@media (min-width: 769px) {
    .hmc_component .data_table td .rally_flag {padding-left:25%;}
}

/* 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_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: 'HyundaiMedium'; color: #000; }
.hmc_component .message.bullet_dot { position: relative; padding-left: 10px; text-align: left; 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:#666; line-height: 1.8; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component .grid_2 .col,
    .hmc_component .grid_3 .col { float: none; }
    .hmc_component .message.bullet_dot { line-height: 1.4; }
    .hmc_component .message.bullet_dot::before { top: 9px; }
}

.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: 'HyundaiMedium'; }
.hmc_component .text_normal { font-family: 'HyundaiRegular'; }
.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: 'HyundaiMedium'; }
.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; }
}


/* 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 .section .title_wrap .kv_title{font-size:60px; line-height:64px;}
.ht01 .section .title_wrap .kv_title small{font-size:60%;}
.ht01 .section .title_wrap .text {margin-top:12px; font-size:20px; line-height:26px;}

.ht01 .exp{padding:1em 15px 0;}
@media screen and (min-width:1200px){
    /* 1180 이상 desktop  */
    .ht01 .section{right:30px !important; left:30px !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: 65.7vw; } /* 20180102 모바일 대응 이미지 최소 높이 확보 */
    .ht01.no-img { padding-top: 65.7vw; }
    .ht01 .section .title_wrap .kv_title{font-size:30px; line-height:35px;}
    .ht01 .section .title_wrap .text {margin-top:20px; font-size:14px; line-height:19px;}
}


/* [C1CK] Common 1Column Key Visual */
.hmc_component.c1ck { padding-top: 91px; background: url('https://www.hyundai.com/content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-w.jpg') no-repeat center top; background-size: cover; }
.hmc_component.c1ck .c1ck_wrap { position: relative; margin: 0 auto; }
.hmc_component.c1ck .slide .ix-list-item { position: relative; text-align: left; min-width: 100vw; }
.hmc_component.c1ck .slide .ix-controller { padding: 0; }
.hmc_component.c1ck .slide .ix-thumbs { position: absolute; top: 100%; left: 0; right: 0; margin-top: -70px; text-align: center; }
.hmc_component.c1ck .cont_wrap { position: absolute; top: 74px; left: 50%; bottom: 0; max-width: 1120px; margin-left: -560px; width: auto; }
.hmc_component.c1ck .title { padding: 0; font-size: 54px; color: #111; font-family: "HyundaiMedium"; }
.hmc_component.c1ck .text { margin-top: 13px; font-size: 20px; color: #111; line-height: 34px; }
.hmc_component.c1ck .action { margin-top:28px;}
@media screen and (max-width: 1120px){
    .hmc_component.c1ck .cont_wrap { top: 74px; left: 30px; right: 0; max-width: 100%; margin: 0; }
}
@media screen and (max-width: 767px){
    .hmc_component.c1ck { padding-top: 40px; background:#f1ece4 url('https://www.hyundai.com/content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-m.jpg') no-repeat center top;}
    .hmc_component.c1ck .title { font-size: 29px; }
    .hmc_component.c1ck .cont_wrap { top: 24px; left: 0; max-width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; }
    .hmc_component.c1ck .text {margin-top:2px;padding:0;font-size:14px;line-height:22px;}
    .hmc_component.c1ck .action { margin-top:24px;}
}

/* [C1CI] Common 1Column Image */
.hmc_component.c1ci { padding-top: 91px; background: url('https://www.hyundai.com/content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-w.jpg') no-repeat center top; background-size: cover; }
.hmc_component.c1ci .c1ci { padding: 0; background: transparent; }
.hmc_component.c1ci .c1ci_wrap { position: relative; max-width: 1800px; margin: 0 auto; }
.hmc_component.c1ci .slide .ix-list-item { position: relative; text-align: left;}
.hmc_component.c1ci .slide .ix-controller { padding: 0; }
.hmc_component.c1ci .slide .ix-thumbs { position: absolute; top: 100%; left: 0; right: 0; margin-top: -70px; text-align: center; }
.hmc_component.c1ci .cont_wrap { position: absolute; top: 74px; left: 50%; max-width: 1120px; margin-left: -560px; width: auto !important; height: auto !important; width: auto; }
.hmc_component.c1ci .title { padding: 0; font-size: 54px; color: #111; font-family: "HyundaiMedium"; }
.hmc_component.c1ci .sub_title { display: block; margin-top: 20px; padding: 0; font-size: 30px; font-family: "HyundaiMedium"; }
.hmc_component.c1ci .text { margin-top: 13px; font-size: 20px; color: #111; line-height: 34px; }
.hmc_component.c1ci .action { margin-top:28px;}
@media screen and (max-width: 1120px){
    .hmc_component.c1ci .cont_wrap {top: 30px; left: 15px; right: 0; max-width: 100%; margin: 0; }
}
@media screen and (max-width: 767px){
    .hmc_component.c1ci { padding:40px 15px 0; background:#f1ece4 url('https://www.hyundai.com/content/dam/hyundai/kr/ko/images/common/common-ht01-background-mountain-image-m.jpg') no-repeat center top;}
    .hmc_component.c1ci .slide .ix-list-item { min-width: auto; }
    .hmc_component.c1ci .title { font-size: 29px; }
    .hmc_component.c1ci .sub_title { font-size: 20px; }
    .hmc_component.c1ci .cont_wrap { top: 24px; left: 0; max-width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; }
    .hmc_component.c1ci .text {margin-top:2px;padding:0;font-size:14px;line-height:22px;}
    .hmc_component.c1ci .action { margin-top:24px;}
}

/* [C1CIT01 ~ 04] Common 1Column Image Text Type 01 ~ 04 */
.hmc_component.c1cit02 .desc { margin-top: 15px; margin-bottom: 30px; }
.hmc_component.c1cit03 .sub_title { margin-bottom: 10px; }
.hmc_component.c1cit04 .desc { margin-top: 10px; }
.hmc_component.c1cit04 .desc:first-child { margin-top: 0; }
.hmc_component.c1cit04 .sub_title { margin-bottom: 10px; }
.hmc_component.c1cit04 .desc .grid { margin: 0 -5px 0; line-height: 1.6; }
.hmc_component.c1cit04 .desc .grid .module { margin: 0 5px; }
.hmc_component.c1cit04 .desc .grid p { margin-top: 0; }
.hmc_component.c1cit04 .desc .grid .subject { margin-top: 10px; color: #000; }
@media screen and (min-width: 768px) {
    .hmc_component.c1cit02 .desc { margin-top: 30px; margin-bottom: 60px; }
    .hmc_component.c1cit03 .sub_title { margin-bottom: 15px; }
    .hmc_component.c1cit04 .desc { margin-top: 20px; }
    .hmc_component.c1cit04 .sub_title { margin-bottom: 10px; }
    .hmc_component.c1cit04 .desc .grid { margin: 0 -16px 0; }
    .hmc_component.c1cit04 .desc .grid .module { margin: 0 16px; }
    .hmc_component.c1cit04 .desc .col { width: 50%; }
    .hmc_component.c1cit04 .desc .subject { margin-top: 20px; }
}

/* [c2cit01] Common 2Column Image Text Type 01 */
.hmc_component.c2cit01 .table-md { width: calc(100% + 10px); }
.hmc_component.c2cit01 .sub_title { margin-bottom: 20px; }
@media screen and (max-width: 767px) {
    .hmc_component.c2cit01 .grid .desc .row_title:first-child { margin-top: 10px; }
}
@media screen and (min-width: 768px) {
    .hmc_component.c2cit01 .table-md { width: calc(100% + 32px); }
    .hmc_component.c2cit01 .grid .desc :first-child { margin-top: 0; }
}

/* [c2cit02] Common 2Column Image Text Type 02 */
.hmc_component.c2cit02 .grid .desc .bullet_dot + .bullet_dot { margin-top: 0; }
@media screen and (max-width: 767px) {
    .hmc_component.c2cit02 .core { margin-top: 20px; }
}
@media screen and (min-width: 768px) {
    .hmc_component.c2cit02 .grid .desc :first-child { margin-top: 0; }
}
/* [C2CIMT01] Common 2Column Image Multi Text Type 01 */
.hmc_component.c2cimt01 .sub_title { margin-bottom: 20px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.c2cimt01 .sub_title { margin-bottom: 10px; }
    .hmc_component.c2cimt01 .grid .desc .row_title:first-child  { margin-top: 10px; }
}

/* [C2CIMT02] Common 2Column Image Multi Text Type 02 */
.hmc_component.c2cimt02 picture { display: block; margin-top: 20px; }
@media screen and (max-width: 767px) {
    .hmc_component.c2cimt02 .core.no_image .sub_title { float: none; width: 100%; }
    .hmc_component.c2cimt02 .core .module { overflow: hidden; margin-bottom: 20px; }
    .hmc_component.c2cimt02 .core .sub_title { float: right; width: 45%; }
    .hmc_component.c2cimt02 .core picture { float: left; width: 50%; margin-top: 0; margin-right: 5%; }
    .hmc_component.c2cimt02 .core picture img { width: 100%; }
}
@media screen and (min-width: 768px) {
    .hmc_component.c2cimt02 .table-md { table-layout: fixed; }
    .hmc_component.c2cimt02 .grid .core { width: 40%; }
    .hmc_component.c2cimt02 .grid .desc { width: 60%; }
    .hmc_component.c2cimt02 .core .sub_title { padding-top: 20px; border-top: 1px solid #8b8b8b; }
}

/* [C3CIT] Common 3Column Image Text */
@media screen and (min-width: 768px) {
    .hmc_component.c3cit .core .grid .col { width: 50%; }
}

/* [C1CT] Common 1Column Text */
.hmc_component.c1ct .row_title { margin-top: 20px; }
.hmc_component.c1ct .desc .module > :first-child { margin-top: 0; }
.hmc_component.c1ct .desc .module .row_title { margin-top: 20px; }
.hmc_component.c1ct .grid .desc .action { margin-top: 10px; }
.hmc_component.c1ct .grid .desc p { margin-top: 10px;}
@media screen and (min-width: 768px) {
    .hmc_component.c1ct .grid .desc .action { margin-top: 30px; }
}

/* [C2CT02] Common 2Column Text Type 02 */
.hmc_component.c2ct02 .info li { margin: 10px 0; }
.hmc_component.c2ct02 .info li .icon { vertical-align: middle; }
@media screen and (min-width: 768px) {
    .hmc_component.c2ct02 .sub_title { margin-bottom: 50px; }
    .hmc_component.c2ct02 .desc { padding-left: 95px; border-left: 1px solid #ece6e0; }
}

/* [C2CT03] Common 2Column Text Type 03 */
.hmc_component.c2ct03 .c2ct03_wrap { margin: 20px 0 5px 0; padding-top: 30px; border-top: 1px #e4dcd3 solid; }
.hmc_component.c2ct03 .main_title { margin: 5px 0 0; font-size: 20px; text-align: left; }
.hmc_component.c2ct03 .main_title,
.hmc_component.c2ct03 .sub_title { line-height: 1; }
.hmc_component.c2ct03 .core { clear: both; }
.hmc_component.c2ct03 .module { position: relative; line-height: 1.8; }
.hmc_component.c2ct03 p { margin: 5px 0 0 !important; }
.hmc_component.c2ct03 .text_large { color: #666; }
.hmc_component.c2ct03 .module > :first-child { margin-top: 0; }
.hmc_component.c2ct03 .desc h4 { margin: 15px 0 0; font-size: 14px; font-family: 'HyundaiMedium'; color: #000; }
@media screen and (min-width: 768px) {
    .hmc_component.c2ct03 .c2ct03_wrap { margin: 0; padding: 0; border: 0; }
    .hmc_component.c2ct03 .main_title { font-size: 40px; }
    .hmc_component.c2ct03 .col { position: relative; padding: 40px 0; }
    .hmc_component.c2ct03 .col::before { content: ''; position: absolute; top: 0; left: 16px; right: 16px; height: 1px; background-color: #e4dcd3; }
    .hmc_component.c2ct03 .grid .desc .action { position: absolute; top: 30px; right: 0; margin: 0; }
    .hmc_component.c2ct03 .desc h4 { margin-top: 30px; font-size: 16px; }
    .hmc_component.c2ct03:first-child .col::before { display: none; }
}
@media screen and (max-width: 767px) {
    .hmc_component.c2ct03 .grid .desc { margin-top: 20px; }
}

/* [C2CMT01] Common 2Column Multi Text Type 01 */
.hmc_component.c2cmt01 { word-break: keep-all; }
.hmc_component.c2cmt01 .grid .desc .message { margin-top: 10px; }
@media screen and (max-width: 767px) {
    .hmc_component.c2cmt01 .core br { display: none; }
}

/* htrac - image mask */
.hmc_component .htrac .htrac_wrap { visibility: hidden;}
.hmc_component .htrac .image_mask_wrap { margin-top: 30px; position: relative; }
.hmc_component .htrac .image_mask_wrap .mask { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; border-left: 1px solid #000; }
.hmc_component .htrac .image_mask_wrap .mask .holder { height: 100%; overflow: hidden; background-size: cover; background-position: right top; }
.hmc_component .htrac .image_mask_wrap .mask-clip {position: absolute;top:0;}
.hmc_component .htrac .action { position: relative; height: 40px; }
.hmc_component .htrac .control { position: absolute; margin: -9px 0 0 -24px; }
.hmc_component .htrac .control .icon { width: 49px; height: 49px;background-image:url(https://www.hyundai.com/content/dam/hyundai/kr/ko/images/brand/brandstory/technology/htrac-mask-control.png); }

/* motion sound list */
.hmc_component .music_motion p + .sound_list { margin-top: 10px; }
.hmc_component .music_motion .sound_list { margin-top: -5px; margin-bottom: -5px; }
.hmc_component .music_motion .sound_list .module { margin-top: 5px; margin-bottom: 5px; }
.hmc_component .music_motion .sound_list audio { margin-top: 10px; max-width: 100%; }
.hmc_component .music_motion .pagelink_box .module {overflow:hidden; padding:30px 50px; background:#fff; border:1px solid #ece6e0;}
.hmc_component .music_motion .pagelink_box .module p {float:left; padding:5px 0; line-height:1.87;}
.hmc_component .music_motion .pagelink_box .module a {float:right;}
@media (max-width: 767px) {
    .hmc_component .music_motion .grid_4 .col:nth-child(2n+1) { clear: both; }
}
@media screen and (min-width: 768px) {
    .hmc_component .music_motion .grid_4 .col:nth-child(4n+1) { clear: both; }
    .hmc_component .music_motion .sound_list { margin-top: -16px; margin-bottom: -16px; }
    .hmc_component .music_motion .sound_list .module { margin-top: 16px; margin-bottom: 16px; }
    .hmc_component .music_motion .sound_list audio { margin-top: 20px; margin-bottom: 10px; }
    .hmc_component .music_motion .pagelink_box { margin-top: 30px; }
}

/* [CMCIT03] Common Multi Column Image Text Type 03 */
.hmc_component.cmcit03 {  }
.hmc_component.cmcit03 .cmcit03_wrap {  }
.hmc_component.cmcit03 .main_title,
.hmc_component.cmcit03 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.hmc_component.cmcit03 .grid { margin-top: -60px; }
.hmc_component.cmcit03 .grid .module { margin-top: 0; margin-bottom: 0; }
.hmc_component.cmcit03 .col { position: relative; zoom: 1; margin-top: 60px; padding: 0 0 60px; }
.hmc_component.cmcit03 .col.hidden_button { padding-bottom: 0; }
.hmc_component.cmcit03 .col.hidden_button .action { display: none; }
.hmc_component.cmcit03 .summary { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, .7); }
.hmc_component.cmcit03 .summary .inner { padding: 5px 10px; }
.hmc_component.cmcit03 .core { position: relative; }
.hmc_component.cmcit03 .core.bg_gray { background-color: #f6f3f2; }
.hmc_component.cmcit03 .core.bg_white { background-color: #fff; }
.hmc_component.cmcit03 .desc { margin-top: 20px; }
.hmc_component.cmcit03 .desc .row_title { margin-bottom: 10px; }
.hmc_component.cmcit03 .multiline .desc .row_title { height: auto !important; -webkit-line-clamp: inherit; }
.hmc_component.cmcit03 .desc .message { margin-top: 15px; }
.hmc_component.cmcit03 .action { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 5px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.cmcit03 .grid_4 .col:nth-child(2n+1) { clear: both; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmcit03 { overflow: hidden; }
    .hmc_component.cmcit03 .main_title,
    .hmc_component.cmcit03 .sub_title { margin-bottom: 30px; padding-left: 16px; padding-right: 16px; }
    .hmc_component.cmcit03 .grid { table-layout: fixed; margin: -16px -16px 0; }
    .hmc_component.cmcit03 .grid .module { margin: 16px; }
    .hmc_component.cmcit03 .col { margin-top: 0; }    
    .hmc_component.cmcit03 .col:nth-child(4n+1) { clear: both; }  
    .hmc_component.cmcit03 .summary { font-size: 16px; }
    .hmc_component.cmcit03 .summary .inner { padding: 10px 20px; }
    .hmc_component.cmcit03 .action { padding: 0 16px; }
}

/* safety research */
.hmc_component .safety_research { overflow: hidden; position: relative; }
.hmc_component .safety_research .desc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.hmc_component .safety_research .desc .table { height: 100%; }
.hmc_component .safety_research .btnShow {display:block;text-indent:-9999px;position:absolute;left:0;right:0;bottom:40px;width:40px;height:40px;background:url('https://www.hyundai.com/content/dam/hyundai/kr/ko/images/brand/brandstory/technology/btn_show_sp.png') no-repeat;margin:0 auto}
.hmc_component .safety_research .btnShow.on {background-position:-40px 0;}

/* [C2L3CIT] Common 2Line 3Column Image Text  */
.hmc_component.c2l3cit .grid_2 .desc .row_title,
.hmc_component.c2l3cit .grid_2 .desc p { margin-top: 10px; }

.hmc_component .component_text_summary { font-size: 14px; }
@media (min-width: 768px) {
    .hmc_component .component_text_summary { font-size: 20px; }
}

.hmc_component .has_border_box .holder { padding: 30px 0; border: 1px #e6e2df solid; }
@media (min-width: 768px) {
    .hmc_component .has_border_box .holder { padding: 70px 0; }
}

.hmc_component .fullsize_image img { width: 100%; }

/* [cmcit01] Common Multi Column Image Text Type 01 */
.hmc_component.cmcit01 {  }
.hmc_component.cmcit01 .cmcit01_wrap {  }
.hmc_component.cmcit01 .main_title,
.hmc_component.cmcit01 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.hmc_component.cmcit01 .grid { margin-top: -60px; }
.hmc_component.cmcit01 .grid .desc p { margin-top: 15px; }
.hmc_component.cmcit01 .col { position: relative; zoom: 1; margin-top: 60px; padding: 0 0 60px; }
.hmc_component.cmcit01 .grid.hidden_button .col,
.hmc_component.cmcit01 .col.hidden_button { padding-bottom: 20px; }
.hmc_component.cmcit01 .col > a .action { display: none; }
.hmc_component.cmcit01 .module {  }
.hmc_component.cmcit01 .core {  }
.hmc_component.cmcit01 .core.bg_gray { background-color: #f6f3f2; }
.hmc_component.cmcit01 .core.bg_white { background-color: #fff; }
.hmc_component.cmcit01 .desc { margin-top: 20px; }
.hmc_component.cmcit01 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
.hmc_component.cmcit01 .desc .message { margin-top: 15px; }
.hmc_component.cmcit01 .action { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 5px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.cmcit01 .grid_4 .col:nth-child(2n+1),
    .hmc_component.cmcit01 .grid_5 .col:nth-child(2n+1) { clear: both; }
    .hmc_component.cmcit01 .core { text-align: center;}
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmcit01 { overflow: hidden; }
    .hmc_component.cmcit01 .cmcit01_wrap { margin-left: -16px; margin-right: -16px; }
    .hmc_component.cmcit01 .main_title,
    .hmc_component.cmcit01 .sub_title { margin-bottom: 30px; padding-left: 16px; padding-right: 16px; }
    .hmc_component.cmcit01 .grid { table-layout: fixed; margin: 0; }
    .hmc_component.cmcit01 .grid_4 .col:nth-child(4n+1),
    .hmc_component.cmcit01 .grid_5 .col:nth-child(5n+1) { clear: both; }
    .hmc_component.cmcit01 .col { margin-top: 0; }    
    .hmc_component.cmcit01 .core {  }
    .hmc_component.cmcit01 .action { padding: 0 16px; }
}

/* [cmcit02] Common Multi Column Image Text Type 01 */
.hmc_component.cmcit02 .cmcit02_wrap {  }
.hmc_component.cmcit02 .main_title,
.hmc_component.cmcit02 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.hmc_component.cmcit02 .grid { margin-top: -40px; }
.hmc_component.cmcit02 .grid .module { margin-top: 0; margin-bottom: 0; }
.hmc_component.cmcit02 .col { margin-top: 40px; }
.hmc_component.cmcit02 .grid .desc p { margin-top: 15px; }
.hmc_component.cmcit02 .core {  }
.hmc_component.cmcit02 .core.bg_gray { background-color: #f6f3f2; }
.hmc_component.cmcit02 .core.bg_white { background-color: #fff; }
.hmc_component.cmcit02 .action { margin-top: 20px; }
.hmc_component.cmcit02 .action a { display: block; width: 100%; box-sizing:border-box;}
.hmc_component.cmcit02 .desc { margin-top: 25px; }
.hmc_component.cmcit02 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
.hmc_component.cmcit02 img {max-width:100%;}
.hmc_component.cmcit02 .desc .message { margin-top: 15px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.cmcit02 .grid_4 .col:nth-child(2n+1) { clear: both; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmcit02 {  }
    .hmc_component.cmcit02 .main_title,
    .hmc_component.cmcit02 .sub_title { margin-bottom: 30px; }
    .hmc_component.cmcit02 .grid {  }
    .hmc_component.cmcit02 .grid_4 .col:nth-child(4n+1),
    .hmc_component.cmcit02 .grid_3 .col:nth-child(3n+1),
    .hmc_component.cmcit02 .grid_2 .col:nth-child(2n+1) { clear: both; }
    .hmc_component.cmcit02 .col {  }
    .hmc_component.cmcit02 .core {  }
    .hmc_component.cmcit02 .action {  }
    .hmc_component.cmcit02 .desc { margin-top: 30px; }
}

/* [cmciot] Common Multi Column Image Overlap Text */
.hmc_component.cmciot .cmciot_wrap {  }
.hmc_component.cmciot .main_title { margin-bottom: 20px; }
.hmc_component.cmciot .grid { margin-top: -10px; }
.hmc_component.cmciot .grid .col { margin-top: 10px; }
.hmc_component.cmciot .grid .module { position: relative; zoom: 1; }
.hmc_component.cmciot .core {  }
.hmc_component.cmciot .desc { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background-color: rgba(0, 0, 0, .3); color: #fff; }
.hmc_component.cmciot .desc .sort,
.hmc_component.cmciot .desc .row_title { color: #fff; }
.hmc_component.cmciot .desc .sort + .row_title { margin-top: 5px; }
.hmc_component.cmciot .desc .message { margin-top: 10px; }
.hmc_component.cmciot .desc.no_bg { background-color: transparent; }
.hmc_component.cmciot .desc.no_bg .sort,
.hmc_component.cmciot .desc.no_bg .row_title { color: #000; }
.hmc_component.cmciot .desc .text_shadow {  }
.hmc_component.cmciot img { width: 100%;  }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmciot {  }
    .hmc_component.cmciot .cmciot_wrap { }
    .hmc_component.cmciot .main_title { margin-bottom: 20px;  }
    .hmc_component.cmciot .grid { margin: 0; }
    .hmc_component.cmciot .grid .col { margin: 0; }
    .hmc_component.cmciot .grid .module { position: relative; zoom: 1; margin: 0; }
    .hmc_component.cmciot .core {  }
    .hmc_component.cmciot .desc { padding: 25px; }
}


/* [cmcsiot] Common Multi Column Slide Image Overlap Text */
.hmc_component.cmcsiot .cmcsiot_wrap {  }
.hmc_component.cmcsiot .main_title { margin-bottom: 20px; }
.hmc_component.cmcsiot .ix-controller { padding: 0; }
.hmc_component.cmcsiot .ix-list-viewport { width: 100%; margin: 0; }
.hmc_component.cmcsiot .grid { margin-top: -10px; }
.hmc_component.cmcsiot .grid .module { position: relative; zoom: 1; margin: 0; }
.hmc_component.cmcsiot .ix-list-item { padding: 0; }
.hmc_component.cmcsiot .grid_4 .ix-list-item { width: 50%; }
.hmc_component.cmcsiot .grid_3 .ix-list-item,
.hmc_component.cmcsiot .grid_2 .ix-list-item { width: 100%; }
.hmc_component.cmcsiot .core {  }
.hmc_component.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; }
.hmc_component.cmcsiot .desc .sort,
.hmc_component.cmcsiot .desc .row_title { color: #fff; }
.hmc_component.cmcsiot .desc .sort + .row_title { margin-top: 5px; }
.hmc_component.cmcsiot .desc .message { margin-top: 10px; }
.hmc_component.cmcsiot .desc.no_bg { background-color: transparent; }
.hmc_component.cmcsiot .desc.no_bg .sort,
.hmc_component.cmcsiot .desc.no_bg .row_title { color: #000; }
.hmc_component.cmcsiot .desc .text_shadow {  }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmcsiot {  }
    .hmc_component.cmcsiot .cmcsiot_wrap { }
    .hmc_component.cmcsiot .main_title { margin-bottom: 20px;  }
    .hmc_component.cmcsiot .grid { margin: 0; }
    .hmc_component.cmcsiot .grid .module { position: relative; zoom: 1; margin: 0; }
    .hmc_component.cmcsiot .grid_4 .ix-list-item { width: 25%; }
    .hmc_component.cmcsiot .grid_3 .ix-list-item { width: 33.3333%; }
    .hmc_component.cmcsiot .grid_2 .ix-list-item { width: 50%; }
    .hmc_component.cmcsiot .core {  }
    .hmc_component.cmcsiot .desc { padding: 25px; }
}


/* [cmcsit01] Common Multi Column Slide Image Text Type 01 */
.hmc_component.cmcsit01 {  }
.hmc_component.cmcsit01 .cmcsit01_wrap {  }
.hmc_component.cmcsit01 .grid { margin: 0; }
.hmc_component.cmcsit01 .grid .module.hidden_button { padding-bottom: 0; }
.hmc_component.cmcsit01 .grid .module.hidden_button .action { display: none; }
.hmc_component.cmcsit01 .grid .desc p { margin-top: 15px; }
.hmc_component.cmcsit01 .grid_4 .ix-list-item { width: 50%; }
.hmc_component.cmcsit01 .grid_3 .ix-list-item,
.hmc_component.cmcsit01 .grid_2 .ix-list-item { width: 100%; }
.hmc_component.cmcsit01 .ix-list-item { margin: 0 5px; padding: 0; text-align: left; }
.hmc_component.cmcsit01 .ix-list-item .module { margin: 0; }
.hmc_component.cmcsit01 .ix-controller { padding: 0; }
.hmc_component.cmcsit01 .main_title,
.hmc_component.cmcsit01 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.hmc_component.cmcsit01 .module { position: relative; zoom: 1; padding: 0 0 60px; }
.hmc_component.cmcsit01 .core {  }
.hmc_component.cmcsit01 .desc { margin-top: 20px; }
.hmc_component.cmcsit01 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
.hmc_component.cmcsit01 .desc .message { margin-top: 15px; }
.hmc_component.cmcsit01 .action { position: absolute; left: 0; bottom: 0; width: 100%; }
@media  (min-width: 768px) and (max-width: 1023px) {
    /* 768 이상 Tablet */
    .hmc_component.cmcsit01 .ix-list-viewport { width: calc(100% + 32px); margin-left: -16px; }
    .hmc_component.cmcsit01 .grid_3 .ix-list-item,
    .hmc_component.cmcsit01 .grid_4 .ix-list-item { width: 25%; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmcsit01 { overflow: hidden; }
    .hmc_component.cmcsit01 .cmcsit01_wrap {  }
    .hmc_component.cmcsit01 .grid {  }
    .hmc_component.cmcsit01 .grid_2 .ix-list-item { width: 50%; }
    .hmc_component.cmcsit01 .grid_3 .ix-list-item { width: 33.3333%; }
    .hmc_component.cmcsit01 .grid_4 .ix-list-item { width: 25%; }
    .hmc_component.cmcsit01 .ix-list-item { margin-left: 16px; margin-right: 16px; }
    .hmc_component.cmcsit01 .main_title,
    .hmc_component.cmcsit01 .sub_title { margin-bottom: 30px; }
    .hmc_component.cmcsit01 .module {  }
    .hmc_component.cmcsit01 .core {  }
    .hmc_component.cmcsit01 .action { }
}

/* [cmcsit02] Common Multi Column Slide Image Text Type 02 */
.hmc_component.cmcsit02 {  }
.hmc_component.cmcsit02 .cmcsit02_wrap {  }
.hmc_component.cmcsit02 .grid { margin: 0; }
.hmc_component.cmcsit02 .grid .desc p { margin-top: 15px; }
.hmc_component.cmcsit02 .grid_4 .ix-list-item { width: 50%; }
.hmc_component.cmcsit02 .grid_3 .ix-list-item,
.hmc_component.cmcsit02 .grid_2 .ix-list-item { width: 100%; }
.hmc_component.cmcsit02 .ix-list-item { margin: 0 5px; padding: 0; text-align: left; }
.hmc_component.cmcsit02 .ix-list-item .module { margin: 0; }
.hmc_component.cmcsit02 .ix-controller { padding: 0; }
.hmc_component.cmcsit02 .main_title,
.hmc_component.cmcsit02 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.hmc_component.cmcsit02 .module {  }
.hmc_component.cmcsit02 .core {  }
.hmc_component.cmcsit02 .desc { margin-top: 30px; }
.hmc_component.cmcsit02 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
.hmc_component.cmcsit02 .desc .message { margin-top: 10px; }
.hmc_component.cmcsit02 .action { margin-top: 20px; }
.hmc_component.cmcsit02 .action a { width: 100%; }
@media  (min-width: 768px) and (max-width: 1023px) {
    /* 768 이상 Tablet */
    .hmc_component.cmcsit02 .ix-list-viewport { width: calc(100% + 32px); margin-left: -16px; }
    .hmc_component.cmcsit02 .grid_3 .ix-list-item,
    .hmc_component.cmcsit02 .grid_4 .ix-list-item { width: 25%; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cmcsit02 { overflow: hidden; }
    .hmc_component.cmcsit02 .cmcsit02_wrap {  }
    .hmc_component.cmcsit02 .grid {  }
    .hmc_component.cmcsit02 .grid_2 .ix-list-item { width: 50%; }
    .hmc_component.cmcsit02 .grid_3 .ix-list-item { width: 33.3333%; }
    .hmc_component.cmcsit02 .grid_4 .ix-list-item { width: 25%; }
    .hmc_component.cmcsit02 .ix-list-item { margin-left: 16px; margin-right: 16px; }
    .hmc_component.cmcsit02 .main_title,
    .hmc_component.cmcsit02 .sub_title { margin-bottom: 30px; }
    .hmc_component.cmcsit02 .module {  }
    .hmc_component.cmcsit02 .core {  }
    .hmc_component.cmcsit02 .action { }
}

/* [c1csi01] Common 1 Column Slide Image Type 01 */
.hmc_component.c1csi01 {  }
.hmc_component.c1csi01 .main_title,
.hmc_component.c1csi01 .sub_title { margin-bottom: 35px; padding-bottom: 0; }
.hmc_component.c1csi01 .ix-btn { vertical-align: middle; }
.hmc_component.c1csi01 .core {  }
.hmc_component.c1csi01 .core iframe { display: block; }
.hmc_component.c1csi01 .desc { display: block; padding: 15px 16px; background-color: #002c5f; color: #fff; text-align: left; }
.hmc_component.c1csi01 .desc .row_title { font-family: 'HyundaiMedium'; color: #fff; text-align: left; }
.hmc_component.c1csi01 .desc .row_title.text_normal { font-family: 'HyundaiRegular'; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.c1csi01 .main_title,
    .hmc_component.c1csi01 .sub_title { margin-bottom: 60px; }
    .hmc_component.c1csi01 .core {  }
    .hmc_component.c1csi01 .desc { padding: 24px 30px 25px; font-size: 20px; }
}

/* [c1csi02] Common 1 Column Slide Image Type 02 */
.hmc_component.c1csi02 {  }
.hmc_component.c1csi02 .main_title,
.hmc_component.c1csi02 .sub_title { margin-bottom: 25px; padding-bottom: 0; line-height: 1.2; }
.hmc_component.c1csi02 .thumb_desc { padding: 30px 0 0; }
.hmc_component.c1csi02 .thumb_desc .item { display: none; text-align: center; }
.hmc_component.c1csi02 .thumb_desc .item.active { display: block; }
.hmc_component.c1csi02 .thumb_desc .row_title { color: #000; line-height: 1.2; }
.hmc_component.c1csi02 .thumb_desc .message { margin-top: 10px; }
.hmc_component.c1csi02 .ix-list-item iframe { display: block; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.c1csi02 .main_title,
    .hmc_component.c1csi02 .sub_title { margin-bottom: 30px; }
    .hmc_component.c1csi02 .thumb_desc { padding: 40px 0 0; }
}

/* [c1csi03] Common 1 Column Slide Image Type 03 */
.hmc_component.c1csi03 {  }
.hmc_component.c1csi03 .main_title,
.hmc_component.c1csi03 .sub_title { margin-bottom: 25px; padding-bottom: 0; line-height: 1.2; }
.hmc_component.c1csi03 .main_title { margin-bottom: 10px; font-weight: bold;font-size: 47px;}
.hmc_component.c1csi03 .module {background: #f7f3f2;padding: 64px 0 78px;}
.hmc_component.c1csi03 .module .slide_wrap {margin: 0 auto;max-width: 676px;padding: 17px;background: #fff;border: 1px solid #e4dcd3;}
.hmc_component.c1csi03 .slide {max-width: 640px; margin:0 auto;}
.hmc_component.c1csi03 .slide .item img {width:100%;}
.hmc_component.c1csi03 .ix-controller {padding: 0;margin: -40px 0 0;padding-bottom: 24px;}
.hmc_component.c1csi03 .ix-btn { position: relative; z-index: 10; background-color: #fff; vertical-align: middle; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.c1csi03 .main_title { font-size: 30px; }
}
@media (max-width: 450px) {
    /* 767 미만 mobile */
    .hmc_component.c1csi03 .module .slide_wrap {padding: 10px;}
}

/* [c2sit] common 2Column Slide Image Text Type */
.hmc_component.c2sit {  }
.hmc_component.c2sit .c2sit_wrap { background-color: #f6f3f2; }
.hmc_component.c2sit .core_wrap { background-color: #e4dbd2; }
.hmc_component.c2sit .core .ix-controller { padding: 0; margin: -40px 0 24px; }
.hmc_component.c2sit .ix-btn { position: relative; z-index: 10; background-color: #fff; vertical-align: middle; }
.hmc_component.c2sit .desc p { margin-top: 0px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.c2sit .desc { padding: 20px 15px; text-align: left; }
    .hmc_component.c2sit .section[class*="pdt_"],
    .hmc_component.c2sit .section[class*="pdb_"]{ padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.c2sit .module { display: table; width: 100%; }
    .hmc_component.c2sit .core,
    .hmc_component.c2sit .desc { display: table-cell; vertical-align: middle; }
    .hmc_component.c2sit .core_wrap { width: 403px; }
    .hmc_component.c2sit .desc { padding: 20px 50px; text-align: left; }
}

/* ---------- 하기 동일 디자인 ---------- */

/* 삭제 [cml4csit02] Common Multi Line 4Column Slide Image Text Type 02 */
.hmc_component.cml4csit02 { position: relative; zoom: 1; }
.hmc_component.cml4csit02 .cml4csit02_wrap { position: relative; zoom: 1; }
.hmc_component.cml4csit02 .main_title { margin-bottom: 20px; }
.hmc_component.cml4csit02 .grid { margin-top: -40px; }
.hmc_component.cml4csit02 .col { margin-top: 40px; }
.hmc_component.cml4csit02 .module {  }
.hmc_component.cml4csit02 .core {  }
.hmc_component.cml4csit02 .action { margin-top: 10px; }
.hmc_component.cml4csit02 .action a { display: block; width: 100%; }
.hmc_component.cml4csit02 .desc { margin-top: 15px; }
.hmc_component.cml4csit02 .desc .row_title { margin-bottom: 10px; }
.hmc_component.cml4csit02 .desc .row_title {
    overflow: hidden;
    height: 38px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
.hmc_component.cml4csit02 .desc .message { margin-top: 15px; }
.hmc_component.cml4csit02 .desc .message {
    overflow: hidden;
    height: 75px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.hmc_component.cml4csit02 .desc .list_bullet_dot { overflow: hidden; height: 80px; }
.hmc_component.cml4csit02 .desc .list_bullet_dot li { margin-top: 0; }
.hmc_component.cml4csit02 .controller { position: relative; zoom: 1; width: 100%; max-width: 1120px; }
.hmc_component.cml4csit02 button { position: fixed; top:50%; width:44px; height:44px; margin-top:-22px; background:rgba(0, 0, 0, 0.3);}
.hmc_component.cml4csit02 button.btn-prev { left: 15px; }
.hmc_component.cml4csit02 button.btn-next { right: 15px; }
.hmc_component.cml4csit02 button i {width:25px; height:25px; background:url('../../../kr/ko/images/common/ico_mobile_50.png') no-repeat; background-size:100%;}
.hmc_component.cml4csit02 button .ico_prev {background-position:0 -40px;}
.hmc_component.cml4csit02 button .ico_next {background-position:0 -65px;}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cml4csit02 {  }
    .hmc_component.cml4csit02 .cml4csit02_wrap {  }
    .hmc_component.cml4csit02 .main_title { margin-bottom: 30px; }
    .hmc_component.cml4csit02 .grid { margin-top: -60px; }
    .hmc_component.cml4csit02 .col { margin-top: 60px; }
    .hmc_component.cml4csit02 .core {  }
    .hmc_component.cml4csit02 .action { margin-top: 20px; }
    .hmc_component.cml4csit02 .desc { margin-top: 25px; }
    .hmc_component.cml4csit02 .desc .row_title { height: 48px; }
    .hmc_component.cml4csit02 .desc .message { height: 105px; }
    .hmc_component .msie .cml4csit02 .desc .message { height: 110px; }
}
@media (min-width: 1121px) {
    /* 1120 이상 PC */
    .hmc_component.cml4csit02 button.btn-next { left: 50%; right: auto; margin-left: 516px; }
    .hmc_component.cml4csit02 button.btn-prev { left: auto; right: 50%; margin-right: 516px; }
}

/* 기획에서 삭제 [cml4cpit02] Common Multi Line 4Column Paging Image Text Type02 */
.hmc_component.cml4cpit02 .cml4cpit02_wrap {  }
.hmc_component.cml4cpit02 .main_title { margin-bottom: 20px; }
.hmc_component.cml4cpit02 .grid { margin-top: -40px; }
.hmc_component.cml4cpit02 .col { margin-top: 40px; }
.hmc_component.cml4cpit02 .module {  }
.hmc_component.cml4cpit02 .core {  }
.hmc_component.cml4cpit02 .action { margin-top: 10px; }
.hmc_component.cml4cpit02 .action a { display: block; width: 100%; }
.hmc_component.cml4cpit02 .desc { margin-top: 15px; }
.hmc_component.cml4cpit02 .desc .row_title { margin-bottom: 10px; }
.hmc_component.cml4cpit02 .desc .row_title {
    overflow: hidden;
    height: 38px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2; }
.hmc_component.cml4cpit02 .desc .message { margin-top: 15px; }
.hmc_component.cml4cpit02 .desc .message {
    overflow: hidden;
    height: 75px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.hmc_component.cml4cpit02 .desc .list_bullet_dot { overflow: hidden; height: 80px; }
.hmc_component.cml4cpit02 .desc .list_bullet_dot li { margin-top: 0; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cml4cpit02 {  }
    .hmc_component.cml4cpit02 .cml4cpit02_wrap {  }
    .hmc_component.cml4cpit02 .main_title { margin-bottom: 30px; }
    .hmc_component.cml4cpit02 .grid { margin-top: -60px; }
    .hmc_component.cml4cpit02 .col { margin-top: 60px; }
    .hmc_component.cml4cpit02 .core {  }
    .hmc_component.cml4cpit02 .action { margin-top: 20px; }
    .hmc_component.cml4cpit02 .desc { margin-top: 25px; }
    .hmc_component.cml4cpit02 .desc .row_title { height: 48px; }
    .hmc_component.cml4cpit02 .desc .message { height: 105px; }
    .hmc_component .msie .cml4cpit02 .desc .message { height: 110px; }
    .hmc_component.cml4cpit02 .grid + .ui_paging { margin-top: 80px; }
}

/* CML4CITE02 컴포넌트만 사용 */
/* [CML4CITE02] Common Multi Line 4Column Image Text Expanding Type02 */
.hmc_component.cml4cite02 .cml4cite02_wrap {  }
.hmc_component.cml4cite02 .main_title,
.hmc_component.cml4cite02 .sub_title { margin-bottom: 20px; padding-bottom: 0; }
.hmc_component.cml4cite02 .grid { margin-top: -40px; }
.hmc_component.cml4cite02 .col { margin-top: 40px; }
.hmc_component.cml4cite02 .col .module { margin-top: 0; margin-bottom: 0; }
.hmc_component.cml4cite02 .core {  }
.hmc_component.cml4cite02 .action { margin-top: 10px; }
.hmc_component.cml4cite02 .action a { display: block; width: 100%; }
.hmc_component.cml4cite02 .desc { margin-top: 15px; }
.hmc_component.cml4cite02 .desc .row_title { margin-bottom: 10px; line-height: 1.2; }
.hmc_component.cml4cite02 .desc .message { margin-top: 15px; }
.hmc_component.cml4cite02 .desc .list_bullet_dot li { margin-top: 0; }
.hmc_component.cml4cite02 .action_more { text-align: center; margin-top: 60px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component.cml4cite02 .grid_4 .col:nth-child(2n+1) { clear: both; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component.cml4cite02 {  }
    .hmc_component.cml4cite02 .cml4cite02_wrap {  }
    .hmc_component.cml4cite02 .main_title,
    .hmc_component.cml4cite02 .sub_title { margin-bottom: 30px; }
    .hmc_component.cml4cite02 .grid_4 .col:nth-child(4n+1),
    .hmc_component.cml4cite02 .grid_3 .col:nth-child(3n+1),
    .hmc_component.cml4cite02 .grid_2 .col:nth-child(2n+1) { clear: both; }
    .hmc_component.cml4cite02 .core {  }
    .hmc_component.cml4cite02 .action { margin-top: 20px; }
    .hmc_component.cml4cite02 .desc { margin-top: 25px; }
    .hmc_component.cml4cite02 .grid + .action_more { margin-top: 80px; }
}

/* ---- 프리코드 ---- */
/* Modern Premium */
.hmc_component .text_with_bg { position: relative; zoom: 1; color: #000; -webkit-background-size: cover; background-size: cover; }
.hmc_component .text_with_bg.text_white { color: #fff; }
.hmc_component .text_with_bg .desc { position: relative; z-index: 2; display: table; }
.hmc_component .text_with_bg .desc .module { display: table-cell; padding: 100px 50px; }
.hmc_component .text_with_bg .item { margin-top: 40px; }
.hmc_component .text_with_bg .item:first-child { margin-top: 0; }
.hmc_component .text_with_bg .row_title { margin-bottom: 15px; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component .text_with_bg .item { margin-top: 30px; }
    .hmc_component .text_with_bg .desc .module { padding: 50px 15px; }
    .hmc_component .text_with_bg .row_title { margin-bottom: 10px; }
}

/* 파워트레인 - 엔진 라인업    */
.hmc_component .engin_lineup_wrap { overflow: hidden; }
.hmc_component .engine_lineup { margin-top: 50px; }
.hmc_component .engine_lineup.has_border { padding-top: 50px; border-top: 1px solid #e4dcd3; }
.hmc_component .engine_lineup .row_title { margin-bottom: 20px; }
.hmc_component .engine_lineup .grid { margin-top: -40px; margin-bottom: 0; }
.hmc_component .engine_lineup .grid .module { margin-top: 0; margin-bottom: 0; }
.hmc_component .engine_lineup .col  { margin-top: 40px; text-align: center; color: #000; font-family: "HyundaiRegular"; font-size: 14px; }
.hmc_component .engine_lineup .core {  }
.hmc_component .engine_lineup .desc { display: block; margin-top: 10px; }
.hmc_component .engine_lineup .upper  {  }
.hmc_component .engine_lineup .downer { position: relative; zoom: 1; margin-top: 20px; padding-top: 40px; }
.hmc_component .engine_lineup .downer::before,
.hmc_component .engine_lineup .downer::after  { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; }
.hmc_component .engine_lineup .downer::before { width: 10px; height: 10px; margin-left: -4px; background-color: #e4dcd3; border-radius: 100%; }
.hmc_component .engine_lineup .downer::after  { height: 40px; width: 1px; background-color: #e4dcd3; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component .engine_lineup .grid_2 .col,
    .hmc_component .engine_lineup .grid_3 .col,
    .hmc_component .engine_lineup .grid_4 .col { width: 50%; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component .engin_lineup_wrap {  }
    .hmc_component .engine_lineup.has_border { padding-top: 80px; }
    .hmc_component .engine_lineup { margin-top: 80px; }
    .hmc_component .engine_lineup .grid { margin-top: -60px; max-width: 730px; }
    .hmc_component .engine_lineup .col  { margin-top: 60px; }
}

/* Heritage 연대를 나타내는 탭 메뉴 */
.hmc_component .generation_tabs {  }
.hmc_component .generation_tabs li a:before { display: none; }
@media (max-width: 767px) {
    /* 767 미만 mobile */
    .hmc_component .generation_tabs { padding-top: 20px; }
    .hmc_component .generation_tabs .core { display: none; }
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component .generation_tabs { padding: 20px 0 80px; background-color: #f6f3f2; }
    .hmc_component .generation_tabs .generation_tabs_wrap {  }
    .hmc_component .generation_tabs [class*="tab_menu"][class*="_02"]:after { display: none; }
    .hmc_component .generation_tabs .tab_menus { overflow: hidden; height: auto; max-width: inherit; width: auto; margin: 0 -4px; }
    .hmc_component .generation_tabs .tab_menus li { float: left; width: 16.666%; padding: 0; }
    .hmc_component .generation_tabs .tab_menus li a { display: block; margin: 0 4px; padding: 0; }
    .hmc_component .generation_tabs .desc { display: block; padding: 15px 0; font-family: 'HyundaiMedium'; font-size: 20px; color: #fff; background-color: #002c5e; text-align: center; }
    .hmc_component .generation_tabs .on a:after { display: none; }
}

/* N의 가능성 */
.hmc_component .n_vision {  }
.hmc_component .n_vision .core {  }
.hmc_component .n_vision .grid { margin-top: 5px; }
.hmc_component .n_vision .col  { margin-top: 35px; }
.hmc_component .n_vision .col .module { margin-top: 0; margin-bottom: 0; }
.hmc_component .n_vision .desc {  }
.hmc_component .n_vision .desc .row_title span { display: inline-block; vertical-align: middle; }
.hmc_component .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: 'HyundaiRegular'; font-size: 12px; text-align: center; letter-spacing: 0; }
.hmc_component .n_vision .grid .desc .message { margin-top: 15px; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
}

/* 더 브릴리언트 모터 페스티벌 - KSF 2라운드 결과 */
.hmc_component .brilliant_ksf {  }
.hmc_component .brilliant_ksf .body { margin-top: 25px; }

/*  단체 관람 신청서*/
.hmc_component .group_visitors {  }
@media (max-width: 767px) {
    /* 767 미만 mobile */
}
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component .group_visitors .group_view .col { display: table-cell; position: relative; zoom: 1; padding-bottom: 75px; }
    .hmc_component .group_visitors .group_view .action { position: absolute; left: 0; bottom: 0; width: 100%; }
}

/* heritage-model 버튼간격 */
.hmc_component .heritage_model_button { padding: 40px 0 0; text-align: center; }
@media (min-width: 768px) {
    /* 768 이상 Tablet & PC */
    .hmc_component .heritage_model_button { padding-top: 60px;}
}

/* Brand : C1CTC */
/* s: 190617 edit - csr페이지 pdf다운로드 버튼 추가 진행하면서 기존 css수정*/
.hmc_component .c1ctc_wrap  {display: flex; justify-content: space-between; padding:27px 49px; background:#f7f3f2; border:1px solid #ece6e0;}
.hmc_component .c1ctc_wrap.bg_white {background:#fff;}
.hmc_component .c1ctc_wrap.align_right,
.hmc_component .c1ctc_wrap.align_center {padding-right:219px;}
.hmc_component .c1ctc_wrap .text {font-size:20px; font-family:'HyundaiMedium'; color:#000; line-height:40px;}
.hmc_component .c1ctc_wrap .text.text_normal {font-family:'HyundaiRegular';}
.hmc_component .c1ctc_wrap [class^="btn_"]:nth-of-type(n+2) {margin-left: 5px;}

@media screen and (max-width: 767px) {
    .hmc_component .c1ctc_wrap,
    .hmc_component .c1ctc_wrap.align_right,
    .hmc_component .c1ctc_wrap.align_center {padding:15px 40px;}
    .hmc_component .c1ctc_wrap { display: block; text-align: center; }
    .hmc_component .c1ctc_wrap .text {font-size:16px;line-height:24px;}
    .hmc_component .c1ctc_wrap [class^="btn_"] {width: auto; min-width: 90px; margin-top:15px;}
}
/* e: 190617  edit */

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

/* Brand : CNTMC */
.hmc_component .cntmc_wrap {}
.hmc_component .cntmc_wrap [class^="ui_tab_"] + .sketch_nav {margin-top:30px;}
.hmc_component .cntmc_wrap .sketch_nav { text-align:right;}
.hmc_component .cntmc_wrap .sketch_nav .select_wrap { min-width: 210px; text-align: left; }
.hmc_component .cntmc_wrap .sketch_nav .select_wrap {}

@media screen and (max-width: 767px) {
    .hmc_component .cntmc_wrap .sketch_nav {margin-top:15px;}
    .hmc_component .cntmc_wrap .sketch_nav .select_wrap {width:100%;}
    .hmc_component .cntmc_wrap .ui_tab_01>[class*="tab_menu"] {display:block;background:transparent;}
    .hmc_component .cntmc_wrap .ui_tab_01>[class*="tab_menu"]>li {float:left;width:calc( 100% / 3 );}
    .hmc_component .cntmc_wrap .ui_tab_01 ul li>a>span {word-break: break-all;padding:0 0.5em}
    /* 20180418 */
    .hmc_component .cntmc_wrap .ui_tab_01>.tab_menus.menu_3>li {width:calc( 100% / 3 );}
    .hmc_component .cntmc_wrap .ui_tab_01>.tab_menus.menu_2>li {width:calc( 100% / 2 );}
    .hmc_component .cntmc_wrap .ui_tab_01 ul li>a,
    .hmc_component [class*="tab_menu"][class*="_01"]>li>* {padding:0 10px; line-height:1.2;}
    .hmc_component .cntmc_wrap .ui_tab_01 ul li>a>span,
    .hmc_component [class*="tab_menu"][class*="_01"]>li>a> span {padding:0; word-break:keep-all;}
    /* //20180418 */
}

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

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

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

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

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

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

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

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

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

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

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

.hmc_component .history_line {position:relative; overflow:hidden; padding-top:40px;}
.hmc_component .history_line >li {position:relative; padding-bottom:30px;}
.hmc_component .history_line >li::before {content:''; position:absolute; left:10px; top:4px; bottom:-4px; border-left:1px solid #e4dcd3;}
.hmc_component .history_line >li:last-child::before {display:none;}
.hmc_component .history_line >li::after {content:''; display:block; clear:both;}
.hmc_component .history_line .history_content {padding-left:80px;}
.hmc_component .history_line .history_content:before {content:''; position:absolute; margin-left: -75px; width:11px; height:11px; background:#e4dcd3; border-radius:50%;}
.hmc_component .history_line .txt {color:#000;}
.hmc_component .history_line .txt +.txt {margin-top:8px;}
.hmc_component .history_line .year {position:absolute; margin:-2px 0 0 -40px; font-size:20px; font-family:'HyundaiMedium';}
.hmc_component .history_line .products {position:relative; min-height:140px; margin-top:30px; margin-left:80px;}
.hmc_component .history_line .products dt {margin-bottom:12px; font-size:16px; font-family:'HyundaiMedium'; color:#000;}
.hmc_component .history_line .products dd {margin-top:4px;}
.hmc_component .history_line .products dd .bullet_dot::before {top:9px;}
.hmc_component .history_line .products .img {font-size:14px; color:#000;}
.hmc_component .history_line .products .img img {margin-bottom:10px;}

@media (min-width: 481px) {
    .hmc_component .history_line .products {margin-left:60px; padding-left:180px; padding-right:20px;}
    .hmc_component .history_line .products dd {margin-top:9px;}
    .hmc_component .history_line .products .img {position:absolute; left:0; top:0; text-align:center; margin:0; }
}
@media (min-width: 769px) {
    .hmc_component .history_line {padding-top:80px;}
    .hmc_component .history_line >li::before {left:50%;}
    .hmc_component .history_line .history_content {padding-left:110px;}
    .hmc_component .history_line .history_content {float:right; width:50%; clear:both;}
    .hmc_component .history_line .history_content::before {margin-left:-115px;}
    .hmc_component .history_line .wrap_pr {float:left; width:50%;}
}

.hmc_component .prevnext_bar{padding:64px 0; font-family:'HyundaiMedium'; font-size:30px; color:#000; background:#e4dcd3; overflow:hidden;}
.hmc_component .prevnext_bar .prev{float:left; padding-right: 5px;}
.hmc_component .prevnext_bar .next{float:right; text-align: right;}
.hmc_component .prevnext_bar .centered a span{display:inline-block; vertical-align:middle;}
.hmc_component .prevnext_bar .prev:before,
.hmc_component .prevnext_bar .next:after{content:''; display:inline-block; width:13px; height:21px; background:url('https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/prevnext_arrow.png') no-repeat 0 0; vertical-align:middle;}
.hmc_component .prevnext_bar .prev:before{margin-right:30px; background-position:0 0;}
.hmc_component .prevnext_bar .next:after{margin-left:30px; background-position:100% 0;}

@media screen and (max-width:1120px){
    .hmc_component .prevnext_bar{padding:64px 15px;}
}
@media screen and (max-width: 767px){
    .hmc_component .prevnext_bar{padding:24px 15px; font-size:21px;}
    .hmc_component .prevnext_bar .prev:before , .prevnext_bar .next:after{width:5px; height:9px; background-size:auto 9px;}
    .hmc_component .prevnext_bar .prev:before{margin-right:15px;}
    .hmc_component .prevnext_bar .next:after{margin-left:15px;}
}

/* [freecode] csr Core Values 리스트 : 2018-04-04 이지혜 */
.hmc_component .csr-list li > div {position:relative; margin-top:20px; padding-left:94px; line-height:1.3em !important;}
.hmc_component .csr-list li:first-child > div {margin-top:0;}
.hmc_component .csr-list li > div:before {position:absolute; left:0; top:0; display:block; content:''; width:72px; height:28px; background:url('../../../../../../content/dam/hyundai/ww/en/images/about-hyundai/csr/csr-introduction/bg-csr-list.png') no-repeat 0 0; background-size:600px 28px;}
.hmc_component .csr-list li:nth-child(1) > div:before {background-position:0 0;}
.hmc_component .csr-list li:nth-child(2) > div:before {background-position:-100px 0;}
.hmc_component .csr-list li:nth-child(3) > div:before {background-position:-200px 0;}
.hmc_component .csr-list li:nth-child(4) > div:before {background-position:-300px 0;}
.hmc_component .csr-list li:nth-child(5) > div:before {background-position:-400px 0;}
.hmc_component .csr-list li p {margin-top:5px;font-family:'HyundaiTextRegular';}/* 181015_modify */

@media screen and (min-width: 768px){
    .hmc_component .csr-list {margin:0 -30px;}
    .hmc_component .csr-list:after {clear:both; display:block; content:'';}
    .hmc_component .csr-list li {float:left; width:50%;}
    .hmc_component .csr-list li > div {margin:20px 30px 0 !important;}
    .hmc_component .csr-list li:nth-child(1) > div,
    .hmc_component .csr-list li:nth-child(2) > div {margin-top:0 !important;}
    /*.hmc_component .csr-list li:nth-child(2n) > div {background-color:#f00;}*/
}
@media screen and (min-width: 1024px){
    .hmc_component .csr-list li > div {padding-left:185px;}
    .hmc_component .csr-list li > div:before {width:142px; height:56px; background-size:1200px 56px;}
    .hmc_component .csr-list li:nth-child(2) > div:before {background-position:-200px 0;}
    .hmc_component .csr-list li:nth-child(3) > div:before {background-position:-400px 0;}
    .hmc_component .csr-list li:nth-child(4) > div:before {background-position:-600px 0;}
    .hmc_component .csr-list li:nth-child(5) > div:before {background-position:-800px 0;}
}

/* [freecode] csr 6 Move Campaigns 리스트 : 2018-04-04 이지혜 */
.hmc_component .csr-campaigns-list li {display:table; width:100%; margin-top:10px;}
.hmc_component .csr-campaigns-list li:first-child {margin-top:0;}
.hmc_component .csr-campaigns-list .img-wrap {display:table-cell; width:100px; padding-right:10px; vertical-align:middle;}
.hmc_component .csr-campaigns-list .img-wrap picture {display:block;}
.hmc_component .csr-campaigns-list .img-wrap img {width:100%;}
.hmc_component .csr-campaigns-list .text-wrap {display:table-cell; width:calc(100% - 100px); vertical-align:middle;font-family:'HyundaiTextRegular';}
@media screen and (min-width: 768px){
    .hmc_component .csr-campaigns-list:after {clear:both; display:block; content:'';}
    .hmc_component .csr-campaigns-list li {float:left; width:50%; min-height:48px;}
    .hmc_component .csr-campaigns-list li:first-child {margin-top:10px;}
}
@media screen and (min-width: 1024px){
    .hmc_component .csr-campaigns-list {margin:0 -14px 0;}
    .hmc_component .csr-campaigns-list li {display:block; width:calc((100% - 168px) / 6); margin:30px 14px 0;}
    .hmc_component .csr-campaigns-list li:first-child {margin-top:30px;}
    .hmc_component .csr-campaigns-list .img-wrap {display:block; width:100%; padding:0;}
    .hmc_component .csr-campaigns-list .text-wrap {display:block; width:100%; margin-top:15px;}
}
/* [freecode] csr Domestic 리스트 : 2018-04-04 이지혜 */
.hmc_component .domestic-wrap .row_title {margin:20px 0 5px 0;}
.hmc_component .domestic-wrap .sub_title + .row_title {margin-top:0px;}
@media screen and (min-width: 768px){
    .hmc_component .domestic-wrap .row_title {margin:40px 0 15px 0;}
    .hmc_component .domestic-wrap .sub_title + .row_title {margin-top:20px;}
}

/* [freecode] csr Greenhouse Gas Emissions 테이블 : 2018-04-04 이지혜 */
.hmc_component .gge-wrap .gge-cont:nth-child(2) {margin-top:20px;}
@media screen and (min-width: 1024px){
    .hmc_component .gge-wrap:after {clear:both; display:block; content:'';}
    .hmc_component .gge-wrap {margin:0 -1%;}
    .hmc_component .gge-wrap .gge-cont {float:left; width:48%; margin:0 1%;}
    .hmc_component .gge-wrap .gge-cont:nth-child(2) {margin-top:0;}
    .hmc_component .gge-wrap .h150 {height:150px;}
}

/* file Download 버튼 공통 */
.hmc_component .down {font-size:14px; color:#000;}
.hmc_component .down .ico_down {width:16px; height:16px; vertical-align:top; background:url('https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_mobile_32.png') no-repeat 0 -192px; background-size:100%;}

/* [freecode] Slogan Download 리스트 : 2018-04-04 이지혜 */
.hmc_component .slogan-list {width:220px; margin:-40px auto 0;}
.hmc_component .slogan-list li {margin-top:40px;}
.hmc_component .slogan-list .title {margin-bottom:5px; color:#000;}
.hmc_component .slogan-list .img-wrap {height:136px; margin:5px 0 10px; border:1px solid #e4dcd3; text-align:center;}
.hmc_component .slogan-list .img-wrap img {width:auto; height:134px;}
.hmc_component .slogan-list .img-wrap picture {display:block;}
.hmc_component .slogan-list .down {margin-right:20px;}

@media screen and (min-width: 768px){
    .hmc_component .slogan-list:after {clear:both; display:block; content:'';}
    .hmc_component .slogan-list {width:auto; margin:-40px -1% 0;}
    .hmc_component .slogan-list li {float:left; width:48%; margin:40px 1% 0;}
    .hmc_component .slogan-list .title {margin-bottom:5px; color:#000;}
    .hmc_component .slogan-list .img-wrap {margin:5px 0 10px;}
}
@media screen and (min-width: 1024px){    
    .hmc_component .slogan-list {width:auto; margin:-60px -1% 0;}
    .hmc_component .slogan-list li {width:23%; margin:60px 1% 0;}
    .hmc_component .slogan-list .title {margin-bottom:5px; color:#000;}
    .hmc_component .slogan-list .img-wrap {margin:10px 0 10px;}
}
@media screen and (min-width: 1120px){
    .hmc_component .slogan-list {width:auto; margin:-60px -20px 0;}/*width:1032; margin:-60px auto 0; */
    .hmc_component .slogan-list li {width:222px; margin:60px 20px 0;}
    .hmc_component .slogan-list .img-wrap {margin:10px 0 10px;}
}

/* breadcrumb 공통 : 2018-04-05 수정반영 이지혜 */
.hmc_component .breadcrumb{position:absolute; top:0px; left:0; right:0; z-index: 1;}
.hmc_component .breadcrumb>div{position: relative; overflow:hidden; width:100%; height:90px; max-width:1120px; margin:0 auto; font-size:14px; line-height:16px; color:#000;}
.hmc_component .breadcrumb>div:before{content:''; display: inline-block; width:0; height:100%; margin-top:2px; vertical-align: middle;}
.hmc_component .breadcrumb .current{font-family:'HyundaiMedium'; color:#00aad2;}
.hmc_component .breadcrumb>div>*{display:inline-block;}
.hmc_component .breadcrumb>div>* + *{position:relative; padding-left:27px;}
.hmc_component .breadcrumb>div>* + *:before{content:''; position:absolute; top: 50%; left:12px; width:6px; height:12px; margin-top:-6px; background:url('https://www.hyundai.com/etc/designs/hyundai/kr/ko/images/common/ico_pc_20.png') no-repeat -40px -160px;}
.hmc_component .breadcrumb .utill { position: absolute; top: 50%; right: 0; margin-top: -9px; }
.hmc_component .breadcrumb .utill::before { display: none; }
.hmc_component .breadcrumb .sns_share {position:absolute;top:50%;right:0;padding-left:0;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
.hmc_component .breadcrumb .sns_share:before {display:none;}

.hmc_component .sharing {display:none;}
@media screen and (max-width: 767px){
    .hmc_component .breadcrumb {display:none;}
}
@media screen and (min-width: 768px){
    .hmc_component .breadcrumb>div> * + *{position:relative; padding-left:27px;}
    .hmc_component.contTop {position:relative;}
}

@media screen and (max-width: 1023px){
    .hmc_component .breadcrumb .utill { display: none; }
}

/* [freecode] csr Download Reports : 2018-04-06 이지혜 */
.hmc_component .download-list li {margin-top:30px; padding-top:30px; border-top:1px solid #e4dcd3;}
.hmc_component .download-list li:first-child {margin-top:0px; padding-top:0; border:0 none;}
.hmc_component .download-list .message {margin-top:10px;}
.hmc_component .download-list .select_wrap {display:block; margin-top:10px;}
.hmc_component .download-list .img-wrap {height:185px; text-align:center; margin:20px 0;}
.hmc_component .download-list .img-wrap picture {display:block;}
.hmc_component .download-list .img-wrap img {height:100%; width:auto;}
.hmc_component .download-list .down-wrap {min-width:200px; margin:0 auto; text-align:center;}
.hmc_component .download-list .down-wrap a {margin:0 10px;}


@media screen and (min-width: 768px){
    .hmc_component .download-list li {margin-top:35px;}
    .hmc_component .download-list li:first-child {margin-top:0px;}
    .hmc_component .download-list .select_wrap {width:142px;}
    .hmc_component .download-list .img-down-wrap {position:relative;}
    .hmc_component .download-list .img-down-wrap .img-wrap {width:142px; margin-bottom:0;}
    .hmc_component .download-list .img-down-wrap .down-wrap {position:absolute; left:160px; bottom:0; width:auto; display:block; text-align:left;}
    .hmc_component .download-list .img-down-wrap .down-wrap a {margin-right:60px; margin-left:0; line-height:28px;}
    .hmc_component .download-list .down-wrap a .ico_down {margin-top:7px;}/* 다운로드 아이콘 위치 수정 : 2018-04-17 이지혜*/
}
/* Business for Domestic : 2018-04-10 이지혜 */
.hmc_component .business-fo-domestic {text-align:center; padding:50px 30px; border-radius:1em; background:#f6f3f2;}
.hmc_component .business-fo-domestic .e2cht_wrap { margin-top:40px; padding:20px; border-radius:1em; background:#fff;}
.hmc_component .business-fo-domestic .e2cht_wrap .summary_area .message {color:#000;}

@media screen and (min-width: 768px){
    .hmc_component .business-fo-domestic .row_title {margin-bottom:10px;}
    .hmc_component .business-fo-domestic .e2cht_wrap .summary_area span {line-height:1.8;}
}
@media screen and (min-width: 1024px){
    .hmc_component .business-fo-domestic .e2cht_wrap .summary_area span {padding:0 120px;}
}

/* csr-projects-by-continent : 20180412 김기용 */
.hmc_component .contBox {padding:10px 0;}
.hmc_component .worldwideMap_csr .imgMap {position:relative;}
.hmc_component .worldwideMap_csr .imgMap .imgMapActive{position:absolute;top:0;left:0;width: 100%;height:100%;}
.hmc_component .worldwideMap_csr .imgMap .imgMapActive img{display:none; position:absolute;top:0}
.hmc_component .worldwideMap_csr .imgMap .imgMapActive img.on{display:block;}

@media print,screen and (min-width:741px) and (max-width:20000px){
    .hmc_component .contBox{position:relative;width:1120px;margin:0 auto;padding-top:100px;}
    .hmc_component .worldwideMap_csr {position:relative;padding:0 0 60px;margin-top:-50px;}
    .hmc_component .worldwideMap_csr .imgMap {overflow:hidden; width:907px; height:499px; margin:0 auto;}
}
/***/

/* 181015_modify */
.txt_hyundaitextregular{font-family:'HyundaiTextRegular' !important;}
.hmc_component.cmcit02 .grid .desc p{font-family:'HyundaiTextRegular';}
.hmc_component.cmcit01 .grid .desc p{font-family:'HyundaiTextRegular';}
.hmc_component.c1ct .grid .desc p.text_normal{font-family:'HyundaiTextRegular';}
.hmc_component .message{font-family:'HyundaiTextRegular';}
.hmc_component .list_bullet_dot li{font-family:'HyundaiTextRegular';}
.hmc_component .module p {font-family:'HyundaiTextRegular';}
.hmc_component .data_table td{font-family:'HyundaiTextRegular';}