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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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