@charset "utf-8";
#header .titlebar-right a {background:url(../images/icon/search.png) center center no-repeat;background-size:1rem auto}
html.search-result #header .titlebar-right a {background:url(../images/icon/toggle_album.png) center center no-repeat;background-size:1.5rem}
html.search-result.album #header .titlebar-right a {background:url(../images/icon/toggle_list.png) center center no-repeat;background-size:1.5rem}

.detailcheck .header, .searchsise .header {border-bottom:1px solid var(--bgcolor-default);}
.detailcheck .header .titlebar, .searchsise .header .titlebar {background:transparent !important;}

.menu-list .article-list.emblem-list li.active {background:#f1f1f1;}
.menu-list .article-list.scrolling {height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}

.menu-list .article-list.car-list, .menu-list .article-list.model-list {position:absolute;top:0;left:100%;height:100%;background-color:#fff;border-left:1px solid #ddd;box-sizing:border-box;transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.menu-list .article-list li a {background-image:none}
.menu-list .article-list.car-list li {padding-left:0;}

.menu-list .article-list.model-list li a {padding-left:0.625rem;}
.menu-list .input-item .article-name {vertical-align:middle !important;}
.menu-list .input-item input[type=text], .menu-list .input-item input[type=tel] {display:inline-block;width:calc(100% - 75px);border:0;margin:0;}
.menu-list .input-item .button, .menu-list .input-item .button {margin:0;}
.menu-list select {margin:0;border:0;}

.article-item span {display:inline-block;/*float:left;*/box-sizing:border-box}
.article-item span em.count {display:inline-block;margin-left:5px;background:#f7f7f7;padding:0 8px;border-radius:50px;font-style:normal;line-height:22px;font-size:11px;}
/*html.search-detail .article-item span.article-name.article-selected {float:none}*/
.article-icon {width:4.575rem;height:3.025rem;padding:0.3625rem 1rem}
html.search-detail .article-icon {padding:0 0 0 4px}
.menu-list .article-list .article-icon {width:4rem;height:3.125rem;text-align:center;padding:0.625rem 0}

.menu-list.step2 .article-list.emblem-list li, .menu-list.step3 .article-list.emblem-list li {opacity:.4;}
.menu-list.step2 .article-list.emblem-list li.active, .menu-list.step3 .article-list.emblem-list li.active {opacity:1;}
.menu-list.step2 .article-list.car-list {left:64px !important;width:calc(100% - 64px);}
.menu-list.step2 .article-list.car-list li a .article-icon {width:3.8rem;height:auto;padding:0.3625rem .3rem 0 .7rem;}
.menu-list.step2 .article-list.car-list li a .article-name {padding-right: .2rem;}
.menu-list.step2 .article-list.car-list li.total a .article-name {padding-left: 1rem;}

.menu-list.step3 .article-list.car-list {width:140px;left:64px !important;}
.menu-list.step3 .article-list.car-list .article-icon {display:none;}
.menu-list.step3 .article-list.car-list .article-name {display:block;}
.menu-list.step3 .article-list.car-list .article-date {height:1.2rem;line-height:1.2rem;}
.menu-list.step3 .article-list.car-list li {opacity:.4;}
.menu-list.step3 .article-list.car-list li.active {background:#f1f1f1;opacity:1;}
.menu-list.step3 .article-list.car-list li a {padding-left:0.625rem;line-height:1;}

.menu-list.step3 .article-list.model-list {left:204px;width:calc(100% - 204px);}

.detailcheck .menu-list.step3 .article-list.car-list li a {padding-top:0.625rem;line-height:1.4;}
.detailcheck .menu-list.step3 .article-list.car-list li .article-name {display:block;}
.detailcheck .menu-list.step3 .article-list.car-list li .article-name {display:block;height:auto;line-height:1;}
.detailcheck .menu-list.step3 .article-list.car-list li.total .article-name {display:block;height:3.125rem;line-height:3.125rem;}
.detailcheck .menu-list.step3 .article-list.car-list li.total a {padding-top:0;}
.detailcheck .menu-list.step3 .article-list.model-list li a {min-height:3.125rem;line-height:2.8rem;height:auto;overflow:hidden;}
.detailcheck .menu-list.step3 .article-list.model-list li a input[type=checkbox] + label {padding-top:.9rem;padding-bottom:.9rem;font-size:1rem;line-height:1.3;}
.detailcheck .button-group-fixed {height:3.75rem;}

.searchsise .menu-list.step3 .article-list.model-list li a {padding-top:0.625rem;line-height:1.4;}
.searchsise .menu-list.step3 .article-list.model-list li .article-name {display:block;height:auto;line-height:1;font-size:.9rem;}
.searchsise .menu-list.step3 .article-list.model-list li .article-date {height:auto;line-height:1;}


.opt-wrap {display:inline-block;width:calc(100% - 100px);padding:0.5rem 0;z-index:10;line-height:2.1rem;}
.opt-wrap.right {width:calc(100% - 70px);text-align:right;}
.opt-wrap.right .date_picker {width:90px;text-align:right;}
.opt-wrap.right .date_picker:first-child {margin-right:0;}
.opt-wrap .opt-item {display:inline-block;padding-right:10px;line-height:18px;letter-spacing:-0.03em;color:#000;font-size:1rem;}
.opt-wrap .opt-item.etc {color:#714dfd;font-size:.9rem;}
.opt-wrap .opt-item .btn-del {display:inline-block;width:28px;height:28px;;background:url('../images/btn_item_del.png') center center no-repeat;background-size:14px auto;vertical-align:middle;}
.opt-wrap .opt-item i {font-style:normal;color:#999;font-size:12px;font-weight:normal;}
.opt-wrap input[type=text], .opt-wrap input[type=number] {display:inline-block;margin:0;width:90px;}
.opt-wrap > div {position:relative;padding-left:1.5rem;}
.opt-wrap > div::before {content:'';position:absolute;left:0;top:50%;height:1px;width:10px;background:#ccc;}
.opt-wrap .price {color:#f52f46 !important;text-align:right;font-weight:bold;}
.opt-wrap .txt_info {padding:0;white-space:norwrap;}

.article-icon img {max-width:100%;max-height:100%}
.article-name {display:inline-block;height:3.125rem;line-height:3.125rem;font-size:15px;letter-spacing:-1px;}
.menu-list .article-list .article-name {font-size:1rem;color:#212121;letter-spacing:-0.05rem;margin-right:7px}
.article-date {height:3.125rem;line-height:3.125rem;font-size:12px;color:#777;}
.menu-list .article-list .article-date {font-size:0.6875rem;color:var(--txt-888)}

.detail-option {margin-bottom:0}
.detail-option tr {background-color:#fff!important}
.detail-option th {width:5.25rem;padding-left:0.625rem;padding-right:0}
.detail-option td {padding-left:0;padding-right:0.625rem}
.detail-option th, .detail-option td {height:3.125rem;border-bottom: 1px solid #eceff1}
.detail-option tr:last-child th, .detail-option tr:last-child td {border-bottom:0}
.detail-option th, .detail-option th a {color:#333;font-weight:400;text-align:left}
.detail-option td, .detail-option td a {font-size:0.875rem;color:#e51c23;margin-right:0.3125rem}
.detail-option td a {display:block;background:url(../images/icon/menu_icon.png) right center no-repeat;background-size:0.6875rem 1.375rem}
.detail-option td a span {color:#e51c23;white-space:nowrap;word-break:keep-all;padding-right:0.3125rem}
.detail-option td a span:last-child {padding-right:0}

/* 등급 선택 */
.trim-list li {padding: 0 1.125rem !important}

/* search detail */
.menu-list .article-list.option-list a.empty { background:url(../images/icon/menu_icon.png) right center no-repeat;background-size:0.6875rem 1.375rem}
.menu-list .article-list.detail-list li {position:relative;padding:.2rem var(--padd-column);}
.menu-list .article-list.detail-list li input[type=text], .menu-list .article-list.detail-list li input[type=tel],.menu-list .article-list.detail-list li select {font-size:1rem;}
.menu-list .article-list.detail-list li .opt-wrap .button {display:block;height:2.5rem;padding:0 1.5rem;line-height:2.2rem;font-size:.95rem;font-weight:normal;}
.menu-list .article-list.detail-list li.detail-model a {height:auto;background-position: right 1rem;}
.menu-list .article-list.detail-list li.detail-model .article-name {vertical-align:top;}
.menu-list .article-list.option-list .item-emblem .article-icon {width:4rem;height:3.125rem;padding:0.3125rem 0;text-align:left;}
.menu-list .article-list.option-list .item-car .article-icon {padding:0.625rem 0}
html.search-detail .menu-list .article-list.option-list .item-car .article-icon {width:4rem;height:3.125rem;text-align:left;padding:0.625rem 0}
.menu-list .article-list.option-list .item-car .article-name {font-weight:bold;margin-right:0.625rem}
.menu-list .article-list.option-list .item-car .article-date {color:#757575;font-size:14px;}
.menu-list .article-list.option-list .item-car.empty .article-name {font-weight:normal !important;}
.menu-list .article-list.detail-list li textarea {margin-bottom:20px !important;}

.selected-wrapper {float:left;width:76%}
.menu-list .article-list.detail-list .article-name {width:63px;vertical-align:top;color:var(--txt-subtitle);font-size:.938rem;}
.menu-list .article-list.option-list a.empty .article-name.article-selected2 {color:#e51c23;margin-left:2rem; }
.menu-list .article-list.detail-list .article-name.article-selected {width:auto;height:initial;line-height:initial;color:#e31837;margin-right:0.5rem}
.menu-list .article-list.detail-list .article-name.article-selected:last-child {margin-right:0}
.menu-list .article-list.detail-list li.li_form {display:flex;font-size:0;}
.menu-list .article-list.detail-list li.li_form span {width:30%;vertical-align:middle;}
.menu-list .article-list.detail-list li.li_form input {width:70%;height:3rem;border-width:0 0 1px 0;margin-bottom:0;vertical-align:middle;}
.menu-list .article-list.detail-list li .date_picker {font-size:1rem;}
.menu-list .article-list.detail-list li label {padding-top:0;padding-bottom:0;margin-right:0;}
.menu-list .article-list.detail-list li .position_right {position:absolute;right:1rem;top:.5rem;}
.menu-list .article-list.detail-list li .position_right::before {display:none;}

/* 주차 */
.menu-list .article-list.fee-list li {position:relative;padding:0 1.125rem;}
.menu-list .article-list.fee-list .article-name {width:93px;vertical-align:top;}

.mypoint {line-height:3rem;text-align:center;}
.mypoint > span {display:inline-block;padding-right:.8rem;font-size:.9rem;letter-spacing:-1px;font-weight:bold;}
.mypoint strong {color:#ff1c1c;font-size:1.1rem;font-weight:bold;}

.menu-list .article-list.check-list li {padding:0 var(--padd-column);}

.menu-list li.noselected .opt-wrap > span {color:#ccc;}
.menu-list li.noselected > .opt-wrap {display:none;}
.menu-list li.selected > .opt-wrap {position:absolute;left:86px;top:0;width:auto;z-index:1;}
.menu-list li.detail-model.selected > .opt-wrap {position:relative !important;margin-top:-50px;left:69px;}
.menu-list .detail-list li.selected:nth-child(3) {overflow:hidden;}
.menu-list .detail-list li.selected:nth-child(3) > .opt-wrap {float:left;position:relative !important;margin-top:-3rem;left:69px;}
.menu-list .detail-list li.selected:nth-child(3) > .opt-wrap .opt-item {display:block;}
.menu-list li.no-arrow {background:#f5f5f5;}
.menu-list li.no-arrow a {background:none !important;}
.menu-list li.selected a .opt-wrap {display:none}
.menu-list li .opt-wrap {width:calc(100% - 75px);}
.menu-list li .btn_select {border-radius:50px;}
 
html.search-detail .menu-list li {padding: 0.25rem 1.125rem}
html.search-detail .menu-list li .check_area_img label {line-height:37px;font-size:14px;}

.slider-item {position:relative;padding-top:.5rem !important;padding-bottom:.5rem !important;}
.slider-item .article-tag {position:absolute;right:1.2rem;top:1.2rem;font-size:1rem;color:#212121}
.slider-item .article-tag:after {content:'';display:block;clear:both}
.slider-item li {padding:0.25rem 1.125rem}
.slider-item label {float:left;font-size:0.8125rem;color:#9e9e9e}
.slider-item .slide-value {float:right}
.slider-item .slider-area {margin:1rem 0.6rem 2rem;}
.slider-item .slider-min, .slider-item .slider-max {font-size:1.1rem;color:#212121;font-weight:bold;}


/* search option */
.option-selector .description {background-size:3rem 3rem;background-position:1rem center;background-repeat:no-repeat;padding:1.275rem 0;text-align:center;line-height:1.2;}
.option-selector.option-ton .description {background-image:url(../images/icon/bg_option_ton.png)}
.option-selector .description span {font-size:0.9rem;color:#777;line-height:1.2;}
/*.option-list {margin-bottom:1.125rem !important}*/
.option-list:after {content:'';display:block;clear:both}
.option-list li {float:left;position:relative;width:100%;text-align:center;box-sizing:border-box;padding:10px 0;}
html.search-detail .option-list li {padding: 0 1rem}
.option-selector.option-ton .option-list li, .option-selector.option-listbox .option-list li {border:1px solid #ddd;margin-bottom:5px;padding:0;}
.option-selector .option-list li.selected {border-color:#eb6671;}
/*.option-selector.option-listbox .option-list.option-4 li:nth-child(3n+3), .option-selector.option-ton .option-list li:nth-child(4n+4), .option-selector.option-ton .option-list li:last-child, .option-selector.option-listbox .option-list li:last-child {border-right:2px solid #b0bec5;}
.option-selector.option-listbox .option-list li:nth-child(3n+1), .option-selector.option-ton .option-list li:nth-child(4n+1) {border-top-left-radius:5px;border-bottom-left-radius:5px}
.option-selector.option-listbox .option-list.option-4 li:nth-child(3n+1) {border-top-left-radius:5px;border-bottom-left-radius:5px}*/
.option-selector.option-ton .option-list li .selected-tag, .option-selector.option-listbox .option-list li .selected-tag {position:absolute;top:-2px;left:-2px;border:2px solid #f32222;}
.option-list.option-12 li {width:100%;}
.option-list.option-6 li {width:50%}
.option-list.option-4 li {width:33.3%}
.option-list.option-3 li {width:25%}
.option-list li a {display:block;margin:0 auto}
.option-selector.option-ton .option-list li a, .option-selector.option-listbox .option-list li a {display:block;height:2.9rem;line-height:2.9rem;color:#777;}
.option-selector.option-ton .option-list li.selected a, .option-selector.option-listbox .option-list li.selected a {color:#f32222;font-weight:bold;}
.option-color .option-list li a {position:relative;color:#fff;width:50px;height:50px;border-radius:100%;border:2px solid #fff;font-size:15px;line-height:50px;}
.option-color .option-list li.selected a:before {content:'';width:115%;height:115%;position:absolute;bottom:-3px;left:-3px;background:url(../images/icon/checked.png) 90% 6% no-repeat;background-size:40% auto;}
.option-list li a.color-light {color:#000;border:2px solid #000}

html.option-gps h3 {height:2rem;line-height:2rem;font-size:0.75rem;color:#9e9e9e;font-weight:600;background-color:#eceff1;margin-bottom:0;padding:0 1.125rem}
html.option-gps .titlebar-right {background:url(../images/icon/delete_menu_white.png) center center no-repeat;background-size:0.8125rem}
.current-position {min-height:3rem}
.current-position span {display:inline-block;font-size:1rem;color:#e51c23;background:url(../images/icon/header_pin_red.png) 0.875rem center no-repeat;background-size:auto 1rem;padding:1rem 1rem 1rem 3rem}
.current-position.black span {color:#212121;background:url(../images/icon/header_pin_black.png) 0.875rem center no-repeat;background-size:auto 1rem}
html.option-gps .subtitle {height:3rem;line-height:3rem;text-align:center;font-weight:600}

/* search result */
html.search-result .titlebar-left .menu-icon.btn-back {background-image:url(../images/icon/header_back.png);background-size: 1rem 0.9375rem}
html.search-result #my-option {height:40px;padding-left:.5rem;padding-right:0;background-color:#eee;}
html.search-result #my-option a,
html.search-result #my-option span {float:left;height:40px;line-height:40px;font-size:0.75rem;color:#212121}
html.search-result #my-option .emblem {width:2rem;background-position:center center;background-size:contain;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin-right:1rem}
html.search-result #my-option .option-text {position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:70px}
html.search-result #my-option .option-text:after {content:'재검색';display:inline-block;position:absolute;top:5px;right:0;width:70px;height:30px;line-height:26px;font-size:14px;color:#e8193c;font-weight:bold;text-align:center;border:1px solid #eb6671;border-radius:20px}

/* 검색폼 */
html.search-result #my-option.my-search {height:40px}
html.search-result #my-option.my-search input {float:left;width:80%;height:40px;background-color:transparent;background-image:url(../images/icon/btn_search_gray.png);background-position:5px center;background-size:20px;background-repeat:no-repeat;border:0;padding-left:32px;margin-bottom:0}
html.search-result #my-option.my-search a {float:left;width:20%;height:30px;line-height:26px;font-size:14px;color:#e51c23;font-weight:600;text-align:center;border:1px solid #e51c23;border-radius:20px;margin:5px 0}

html.search-result #featured-product {position:relative;height:13.13rem;background-position:center center;background-repeat:no-repeat;background-size:cover}
html.search-result #featured-product a {position:absolute;display:block;top:0;left:0;width:100%;height:100%}
html.search-result #featured-product .text-wrapper {position:absolute;bottom:0;left:0;width:100%;height:2.5rem;background-image:url(../images/gradation_bg.png);background-position:center center;background-repeat:no-repeat;background-size:auto 160%}
html.search-result #featured-product .text-wrapper span {display:inline-block;height:2rem;line-height:2rem;color:#fff;box-sizing:border-box}
html.search-result #featured-product .text-wrapper .ftxt-name {float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:1.125rem}
html.search-result #featured-product .text-wrapper .ftxt-price {float:right;/*width:5.313rem;*/padding-right:1rem;font-size:1.5rem;}


/* 테마차량 */
.tab-thema  {overflow:hidden;}
.tab-thema .column {background:url(../images/icon/thema_bg.jpg) no-repeat 53% center;background-size:cover;}
.tab-thema .title_wrap {padding:2rem 0 5rem 1rem;text-align:left;}
.tab-thema h2, .sellcar03 h2 {color:#fff;font-size:1.7rem;letter-spacing:-2px;}
.tab-thema h2:before, .sellcar03 h2:before {display:none;}
.tab-thema .h2_txt {padding:0;color:#ccc;}
.tab-thema .btn_wrap {padding-bottom:2rem;font-size:0;}
.tab-thema button {width:24%;padding:0;border:1px solid rgba(255,255,255,.7);margin:0 1% 1% 0;text-align:center;color:#fff;font-size:.8rem;font-weight:bold;line-height:2.4rem;letter-spacing:-1px;}
.tab-thema button.selected {background-color:#3bcc99;border-color:#3bcc99;}

.tab-mycar {background:#fff;margin:0 !important; margin-bottom:7px !important;overflow:hidden; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.07);}
.tab-mycar .column {padding:0;}
.tab-mycar ul {width:100%;display:inline-flex;padding:0.6rem 0.5rem;}
.tab-mycar li {display:inline-block; position:relative;border-radius:12px; padding:0.8rem 0 0.6rem; width:23%; margin:0 1%; background-repeat:no-repeat;background-size:auto 26px;background-position:center .6rem;font-size:.8rem;text-align:center;color:#000;line-height:1.2;word-break:keep-all;box-sizing:border-box;
                  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-right:1px solid rgba(255,255,255,.1);}
.tab-mycar li strong {position:relative;display:inline-block;padding-top:5px;color:inherit;font-size:1.5rem;font-weight:normal;}
.tab-mycar li.active {color:#fff; background:#17044a}
.tab-mycar li.active strong::after {background:#42c095;}

.tab-caredit {height:90px;background:#f7f7f7;}
.tab-caredit .column {position:fixed;left:0;top:3.125rem;width:100%;padding:0;margin:0 !important;background:#f7f7f7;z-index:11;}
.tab-caredit ul {width:100%;display:inline-flex;}
.tab-caredit li {display:inline-block;width:25%;padding:3.3rem .5rem 1rem;background-repeat:no-repeat;border-top:3px solid transparent;background-size:auto 30px;background-position:center 1.1rem;font-size:.8rem;text-align:center;letter-spacing:-1px;line-height:1.2;word-break:keep-all;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.tab-caredit li.active {border-bottom:3px solid #42c095;color:#42c095;font-weight:bold;}
.tab-caredit li.icon1 {background-image:url(../images/icon/ico_caredit1.png);}
.tab-caredit li.icon2 {background-image:url(../images/icon/ico_caredit2.png);}
.tab-caredit li.icon3 {background-image:url(../images/icon/ico_caredit3.png);}
.tab-caredit li.icon4 {background-image:url(../images/icon/ico_caredit4.png);}

/* 옵션 아이콘 */
.usedcar-opt {color:var(--txt-gray);font-size:.85rem;word-break:keep-all;line-height:1.4;vertical-align:middle;}
.usedcar-opt span {padding:0 10px;color:inherit;font-size:inherit;}
.usedcar-opt span:first-child {padding-left:0;}
.usedcar-opt span {color:inherit;font-size:inherit;}
.usedcar-icon {display:inline-block;width:auto;padding:5px 0;font-size:0;vertical-align:middle;}
.usedcar-icon > span {display:inline-block;padding:0 10px;margin-right:5px;background:#9e8f6d;border-radius:3px;line-height:25px;color:#fff;font-size:.75rem;overflow:hidden;}

.usedcar-icon {display:inline-block;width:auto;padding:5px 0;font-size:0;vertical-align:middle;}
.usedcar-icon > span {display:inline-block;padding:.2rem .8rem;margin-right:.2rem;border-radius:2rem;border:0 solid #ddd;background:var(--bgcolor-default);color:var(--txt-impact);font-size:.75rem;overflow:hidden;}
/*.usedcar-icon > span.pro {}*/

.car-icon {position:absolute;top:0;left:10px;}
.car-icon .label {display:table-cell;width:40px;height:50px;padding:10px;text-align:center;color:#fff;vertical-align:middle;word-break:keep-all;font-weight:normal;font-size:15px;line-height:16px;padding-bottom:20px;background-size:40px auto !important;}
.car-icon .label.l1 {background:url("/app/images/icon/label1.png") 0 0 no-repeat;}
.car-icon .label.l2 {background:url("/app/images/icon/label2.png") 0 0 no-repeat;}
.car-icon .label.l3 {background:url("/app/images/icon/label3.png") 0 0 no-repeat;font-size:0 !important;}

.btn-favorite {overflow:hidden;width:1.5rem;height:1.5rem;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icon/icon_heart_w.png);background-size:.8rem;}
.btn-favorite span {display:none !important;}
.btn-favorite.on {background-image:url(../images/icon/icon_heart_on.png)!important}


.bigimg {position:relative;overflow:hidden;border-radius:5px;background:#eee;font-size:0;text-align: center; }
.bigimg img {margin:0 !important;}
.bigimg .icons { position:absolute; bottom:.5rem;right:.2rem;color:#ccc;z-index:5;}
.bigimg .icons span {display:inline-block;vertical-align:middle;}
.bigimg .icons button {vertical-align:middle;}
.bigimg .expand {position:absolute; bottom:.7rem; left:1rem; z-index:5;}
.bigimg .expand a {display:inline-block; width:2rem; height:2rem;background:url(/app/images/icon/expand.png) no-repeat center;background-size:auto .7rem;}
.bigimg.detail {background:#757574;border-radius:0;}
.bigimg.detail .swiper-slide {position:relative;}
.bigimg.detail .btn-favorite, .mydetail .bigimg .btn-favorite {position:absolute;right:1rem;bottom:1rem;width:1.5rem;height:1.5rem;background-size:1.3rem;background-image:url(/app/images/icon/icon_heart_w2.png);z-index:3;}
.bigimg .swiper-wrapper {min-height:200px;max-height:380px;background:#757574;}
.bigimg .swiper-container .swiper-slide:before {content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.2);z-index:1;}
.bigimg .swiper-container {z-index:1;}
.mydetail .bigimg {height:13rem;/*background:transparent;overflow:visible;*/}
.mydetail .swiper-container .photo_num {bottom:7.1rem;}
.mydetail .swiper-button-next, .mydetail .swiper-button-prev {top:35%;}
.mydetail .bigimg .swiper-container .swiper-slide:before {display:none;}
.mydetail .detailCon .detail_cartitle {padding-top:.5rem;font-weight:normal;font-size:1.1rem;}
/*.bigimg.my .swiper-container {position:absolute;left:var(--padd-column);top:0;width:9rem;height:9rem;border-radius:50%;overflow:hidden;}*/

.swiper-container {position:relative;background:var(--txt-555);overflow:hidden;}
.swiper-container .photo_num {position:absolute; right:unset; left:.8rem; bottom:.7rem;width:auto;height:2rem;padding:0 .7rem 0 2.5em;background:rgba(0,0,0,.3);border-radius:5rem;line-height:1.8rem;font-size:.85rem; color:#fff;text-align:left;z-index:4;}
.swiper-container .photo_num span {font-size:11px !important;color:#fff !important;font-weight:bold !important;}
.swiper-container .photo_num span.swiper-pagination-total {font-weight:normal;}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {background-size:10px auto !important;}


.bigimg.review {margin-bottom:15px !important;}
.bigimg.review .expand {bottom:10px;}
.bigimg.review .btn-favorite {display:none;}
.bigimg.review img {margin-bottom:0 !important;}

.label-area {display:block;font-size:0;}
.label-area span {display:inline-block;vertical-align:top;padding-right:.5rem;line-height:1.8rem;font-size:.7rem;color:#659fff;font-weight:bold;}
/*.label-area span.pro {}*/


/* 차량리스트 */
.usedcar-list{position:relative;margin:0 -1rem; }
.usedcar-list:after{display:block;content:'';clear:both;}
.usedcar-list>li {position:relative;float:left;width:47%;margin-right:6%;margin-bottom:10%;}
.usedcar-list li:nth-child(2n) {margin-right:0;}
.usedcar-list>li a{display:block;}
.usedcar-list .timebar-wrap {position:absolute; left:0; width:100%; bottom:0;padding:.3rem;}
.usedcar-list .timebar-wrap .timebar {width:100%;height:.2rem;background:rg ba(0,0,0,.3);}
.usedcar-list .info-wrap{position:relative;}
.usedcar-list .pdt-info{position:relative;padding:1rem 0;}
.usedcar-list .pdt-info .pdt-name{display: -webkit-box;padding-bottom:.8rem; font-size:.95rem;color:var(--txt-black);font-weight:bold;word-break:keep-all; letter-spacing:-.06em;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.usedcar-list .pdt-info .label-area {position:absolute;top:-1.7rem;left:.5rem;z-index:10;}
.usedcar-list .bigimg {overflow:visible;border:0;background:transparent;}
.usedcar-list .bigimg .thumb{position:relative;display:block;width:100%;height:10rem;border-radius:var(--radius-default);padding:0;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.usedcar-list .bigimg .price{position:absolute;left:0;top:0;display:inline-block;padding:0 .5rem;font-size:.8rem;font-weight:bold;color:#fff;letter-spacing:0;overflow:hidden;text-shadow:0 0 .2rem rgba(0,0,0,.6);z-index:10;}
.usedcar-list .bigimg .price em{font-size:1.2rem;color:inherit;}
.usedcar-list .usedcar-ex {min-height:1.2rem;color:#25c18b;font-size:.75rem;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.usedcar-list .icon {position:absolute;right:.5rem;top:-5rem;display:inline-block;border-radius:50px;width:70px;height:70px;background-color:#42c095;letter-spacing:-1px;line-height:70px;color:#fff !important;font-size:.9rem;font-weight:bold;text-align:center;}
.usedcar-list .icon.end {background-color:#999;}
.usedcar-list .icon_kind {display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;background:#f4f4f4;margin-right:5px;color:#333;border:1px solid #bbb;border-radius:50%;text-align:center;font-size:.7rem;}
.usedcar-list .icon_kind.out {background:#f4f4f4;}
.usedcar-list .bigimg .icons .btn-view {display:none;overflow:hidden;width:1.5rem;height:1.5rem;background-position:0 center;background-repeat:no-repeat;background-image:url(../images/icon/icon_view.png);background-size:auto .8rem;}
.usedcar-list .bigimg .icons .btn-dealer {overflow:hidden;height:1.5rem;padding:0 .5rem 0 1rem;background-position:0 center;background-repeat:no-repeat;background-image:url(../images/icon/icon_dealer.png);background-size:auto .9rem;font-size:.9rem;font-weight:bold;color:#fff;}
.usedcar-list .state {display:none;padding:0 19px;min-width:120px;border:1px solid #FC6500;border-radius:50px;margin:.5rem 0;color:#FC6500;font-size:.9rem;font-weight:bold;line-height:2.1;text-align:center;letter-spacing:-1px;}
.usedcar-list .state i {display:inline-block;margin-left:3px;border:1px solid rgba(255,255,255,.5);border-radius:50px;padding:0 5px;font-size:80%;color:#ccc;vertical-align:middle;}
.usedcar-list .state.type1 {color:#777;border-color:#777;}
.usedcar-list .state.type2 {background:#272727;border-color:#272727;color:#fff;}
.usedcar-list .btn-bid { display:block; border-radius:60px; height:32px; line-height:30px;  text-align:center; font-size:14px; font-weight:bold; background-color:#fc6500; color:#fff; margin-top:0.45rem;  }
.usedcar-list .auc-state {display:block;margin-top:1.5rem;border-radius:var(--radius-default);border:.12rem dashed #d8e1f0;line-height:2.7rem;text-align:center;font-size:.9rem;color:var(--txt-gray);}

.usedcar-list li.view .gradation, .usedcar-list li.end .gradation {display:none;}
.usedcar-list li.view .bigimg .icons .btn-view {display:inline-block;}
.usedcar-list li.view .bigimg:before, .usedcar-list li.end .bigimg:before, .usedcar-list li.ing .bigimg:before, .usedcar-list li.ing .bigimg:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:var(--radius-default);background:rgba(27,41,75,.7);; z-index:1;}
.usedcar-list li.end .timebar-wrap, .usedcar-list li.end .icons, .usedcar-list li.end .price {display:none;}
.usedcar-list li.end .bigimg:after {content:'종료';position:absolute;left:0;right:0;top:45%;font-size:1.05rem;color:#eee;text-align:center;z-index:2;}
.usedcar-list li.ing .timebar-wrap, .usedcar-list li.ing .icons, .usedcar-list li.ing .price {display:none;}
.usedcar-list li.ing .bigimg:after {content:'경매 대기중'; position:absolute;left:0;right:0;top:45%;font-size:1.05rem;color:#eee;text-align:center;z-index:2;}


.usedcar-list li .bigimg .icon_first {position:absolute;left:0;top:0;right:0;bottom:0;border-radius:var(--radius-default);background:url(../images/icon/icon_1st.png) no-repeat 0 bottom rgba(27,41,75,.7);background-size:auto 52px;z-index:1;}

.usedcar-list.mine .timebar-wrap, .usedcar-list.mine li .icons, .usedcar-list.mine li .icon_first {display:none;}
.usedcar-list.mine li .state {display:inline-block;}

.usedcar-list.my_end .timebar-wrap, .usedcar-list.my_end li .icons, .usedcar-list.my_end li .icon_first {display:none;}
.usedcar-list.my_end li .price {bottom:0;background:transparent; height:auto;}
.usedcar-list.my_end li .state {display:inline-block;}
.usedcar-list.my_end .state.type1 {width:140px;}

.usedcar-list.review .pdt-info .pdt-name {font-size:.75rem;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.usedcar-list.review .pdt-info .txt {color:var(--txt-888);}
.usedcar-list.review .pdt-info .price {padding-top:1rem;}
.usedcar-list.review .pdt-info .price em {font-weight:bold;color:#FC6500;font-size:1.1rem;}

.usedcar-list li .btn_del {position:absolute;right:0;top:0;width:30px;height:30px;border-radius:5px;background:url('../images/pop_close_w.png') no-repeat center center rgba(0,0,0,.2) !important;background-size:auto 13px !important;font-size:0;z-index:333;}

@media all and (max-width:360px){
	.usedcar-list .btn-box button {font-size:1rem;}
}
@media all and (max-width:320px){
	.usedcar-list .btn-box button {font-size:.9rem;}
}
/* 시세 */
.marketPrice { display:block; font-size:0; }
.marketPrice h3 {display:block; font-size:15px; line-height:1.3em; font-weight:500; color:#333;}

.marketPrice .carMart {display:block;width:100%; }
.marketPrice .carMart ul {font-size:0;position:relative; }
.marketPrice .carMart ul li {display:inline-block; width:calc(50% - 8px);margin-left:16px; vertical-align:top; text-align:center;  }
.marketPrice .carMart ul li:first-child {margin-left:0 }
.marketPrice .carMart ul li dl dt { display:inline-block; font-size:16px; font-weight:500;}
.marketPrice .carMart ul li dl dt a.info{display:inline-block; vertical-align:middle; margin-left:2px; margin-top:-3px; width:19px; height:19px; border-radius:25px;  background-color:#bbb; border:1px solid #999 }
.marketPrice .carMart ul li dl dt a.info:before {content:"?"; display:inline-block; vertical-align:top; font-size:13px; line-height:17px; font-weight:bold;  color:#fff; }
.marketPrice .carMart ul li dl dd { font-size:15px; line-height:1.5em; letter-spacing:0;  padding-top:2px; font-weight:500; }
.marketPrice .carMart ul li dl dd strong {font-size:20px;}
.marketPrice .carMart ul li dl dt a{display:block;line-height:24px;font-size:14px;color:#bdbdbd;}
.marketPrice .carMart ul li dl dt a.active{color:#333;}
.marketPrice .carMart ul li dl dt a.tip {padding-left:0; }
.marketPrice .carMart ul li dl dt a.tip + div {display:none;position:absolute;left:0;  top:30px; width:100%;padding:15px 15px;border:1px solid var(--txt-888); background:#fff;font-size:13px; color:#333;  line-height:1.5em;  text-align:left; box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:1;}
/*.marketPrice .carMart ul li dl dt a.tip + div:after {content:'';position:absolute;left:-6px;top:14px;width:10px;height:10px;border-width:0 0 1px 1px;border-color:#999;border-style:solid;background:#fff;z-index:2;transform:rotate(45deg);}*/
.marketPrice .carMart ul li dl dt a.tip:hover + div {display:block;}
.marketPrice .carMart.hide{display:none;}
.marketPrice .carMart p {display:block; padding-top:0px;font-size:13px; color:var(--txt-888); line-height:1.4em; }

.marketPrice .graph_wrap * {font-size:.6rem;}
.marketPrice .graph_wrap .legend {text-align:right;font-size:.6rem;}
.marketPrice .graph_wrap .unit {display:block;padding-top:1rem;text-align:right;font-size:.6rem;color:var(--txt-888);}
.marketPrice .graph_wrap .legend .line {display:inline-block;width:.5rem;height:.5rem;margin:0 .3rem 0 .5rem;border-radius:50%;background:#33bbff;}
.marketPrice .graph_wrap .legend .line + .line {background:#1350f7;}
.marketPrice .change {margin-top:10px;}


.paging-wrap {height:3rem;}
.paging-wrap .paging {display:none;position:fixed;left:50%;bottom:1.5rem;width:auto;height:1.2rem;padding:0 .7rem;text-align:center;line-height:1rem;font-size:0.8rem;color:#fff;border-radius:50px;background:rgba(0,0,0,.4);transform:translateX(-50%);z-index:100;}
.paging-wrap .paging span {font-size:inherit;color:inherit;}

@media all and (max-width:20rem){ /* 320px */
	.usedcar-list.list-view .thumb {width:120px;}
	.usedcar-list.list-view .usedcar-opt {font-size:.8rem;}
	.usedcar-list.list-view .info-wrap {width:calc(100% - 145px);}
}

.usedcar-top {clear:both;position:relative;padding:var(--padd-row) 0 1rem;font-size:.85rem;color:#777;line-height:2.5rem;}
.usedcar-top strong {padding:0 .5rem;}
.sortbox {position:absolute;right:var(--padd-half-column);top:0;font-size:0;}
.sortbox button {position:relative;display:inline-block;width:2.5rem;height:2.5rem;background-repeat:no-repeat;background-position:center center;background-size:auto 1.3rem;vertical-align:middle;font-size:0;}
.sortbox .btn-quicksearch {background-image:url(../images/icon/btn_search_black.png);}
.sortbox .btn-quicksearch.close {background-image:url(../images/icon/ico_openclose.png) !important;background-size:1.2rem auto !important;}
.sortbox .btn-filter {background-image:url(../images/icon/btn_filter.png);}
.usedcar-top .right-btn button {position:absolute;right:1rem;top:50%;margin-top:-.6rem;margin-bottom:0;padding:.5em 1rem;border:1px solid #FC6500;background-color:#fff;border-radius:50px;overflow:hidden;color:#FC6500;font-size:.8rem;font-weight:normal;}
.usedcar-top .right-btn select {position:absolute;right:1rem;top:50%;width:100px;height:2rem;margin-top:-1rem;margin-bottom:0;padding:0 0 0 1rem;border:1px solid #ddd;background:url(../images/icon/ico_open.png) no-repeat 90% center #fff;background-size:auto .8rem;border-radius:50px;overflow:hidden;color:#555;line-height:1;font-size:.8rem;font-weight:normal;}
.sortbox .btn-sort {width:auto;padding:0 .5rem 0 1rem;background:url(../images/icon_sort.png) no-repeat 0 center;background-size:auto 1.3rem;color:var(--txt-888);font-size:.75rem;}
.dropdown { display:none; position:absolute; top:45px;left:0;width:120px;overflow:hidden; z-index:9999; padding:5px 0;border-radius:var();background:#fff;border:1px solid #dfdfdf;box-shadow:3px 3px 6px rgba(0,0,0,.1);box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.dropdown li {display:block; }
.dropdown li:last-child { border-bottom:none; }
.dropdown li a { display:block;height:100%;padding:0 0 0 15px;color:#777;line-height:43px;font-size:15px;}



html.search-result.album #search-result {background-color:#eceff1}
html.search-result.album #search-result .product-list > li {border-top:2px solid #e2e3e3;margin-bottom:1.563rem}
html.search-result.album #search-result .product-list > li:first-child {border-top:0}
html.search-result.album #search-result .content-inner {background-color:#fff}

html.search-result.album #search-result .dealer td.dealer-img {padding:0}
html.search-result.album #search-result .dealer td.dealer-img div {width:48px;height:48px;border-radius:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}

html.search-result.album #search-result .dealer {margin-bottom:0}
html.search-result.album #search-result .dealer tbody {border:0}
html.search-result.album #search-result .dealer td {background-color:transparent!important}
html.search-result.album #search-result .dealer td.dealer-info {padding:0 0 0 5px}
html.search-result.album #search-result .dealer td.dealer-info p {color:#212121;font-weight:600}
html.search-result.album #search-result .dealer td.dealer-info span {font-size:0.875rem;color:#616161}
html.search-result.album #search-result .dealer td.dealer-info span:after {content:'|';font-size:0.5rem;color:#bdbdbd;margin:0 0 0 4px}
html.search-result.album #search-result .dealer td.dealer-info span:last-child:after {content:none}

html.search-result.album #search-result .content-meta {display:block}
html.search-result.album #search-result .content-meta ul:after {content:'';display:block;clear:both}
html.search-result.album #search-result .content-meta ul li {float:left;width:33.3%;height:auto;background-color:#fff}
html.search-result.album #search-result .content-meta ul li a {display:block;width:100%;height:2rem;text-align:center;background:url(../images/icon/content_meta_spacer.png) right top repeat-y;margin:0.5rem 0}
html.search-result.album #search-result .content-meta ul li:last-child a {background-image:none}
html.search-result.album #search-result .content-meta ul li a span {display:inline-block;height:2rem;line-height:2rem;color:#212121;background-position:left center;background-repeat:no-repeat;background-size:1rem;padding-left:1.5rem}
html.search-result.album #search-result .content-meta ul li.p-zzim span {background-image:url(../images/icon/meta_zzim.png)}
html.search-result.album #search-result .content-meta ul li.p-memo span {background-image:url(../images/icon/meta_memo.png)}
html.search-result.album #search-result .content-meta ul li.p-tel span {background-image:url(../images/icon/meta_tel.png)}

/* ================================================================================================================================
	차량상세
================================================================================================================================ */
/* 차량정보 */
.cardetail .detailCon.bg, .mydetail .detailCon.bg {padding:1rem 0;}
.cardetail .detailCon.cartitle:before, .mydetail .detailCon.cartitle:before {display:none;}
.cardetail .txt_info, .mydetail .txt_info {margin-top:1rem;}
.mydetail .detailCon.carinfo .button {display:none;}

.detailCon {position:relative;padding:var(--padd-row) 0;border:0 !important;margin-top:var(--divide-height);}
.detailCon.cartitle {margin-top:0;}
.detailCon:before, .detailCon.row:before {content:'';position:absolute;top:var(--divide-margin);/*left:var(--margin-zero-column);right:var(--margin-zero-column);*/display:block;height:var(--divide-height);background:var(--bgcolor-default);}
.detailCon .table_01 {margin-top:.8rem;}
.detailCon .table_01 + .txt_info {padding-top:1rem;}
.detailCon.bg {background:var(--bgcolor-default)}
.detailCon .marketPrice .txt_info {text-align:center;}
.detailCon h4.h4 {font-size:1.063rem;}
.detailCon .kmstyle {position:absolute;right:0;top:0;padding-left:2rem;margin-top:0 !important;background:url('/app/images/icon/icon_km.png') no-repeat 0 0;background-size:auto 1.8rem;}
.detailCon .button {margin:0;}
.detailCon.carinfo .button {position:absolute;right:1rem;top:-.2rem;height:2.5rem;background:#fff;font-size:.8rem;color:var(--txt-gray);font-weight:normal;text-decoration:underline;}

.detailCon .h4 {padding-bottom:1rem;}
.detailCon .detail_box {position:relative;padding:1.6rem 2rem 2rem; }
.detailCon .detail_cartitle{width:calc(100% - 6rem);font-size:1.5rem;word-break:keep-all;font-weight:bold;color:var(--txt-black);line-height:1.3;}
.detailCon .car-explain {padding:.7rem 0 1rem;word-break:break-all;font-size:.95rem;line-height:1.8;color:var(--txt-777);}
.detailCon .usedcar-icon {position:absolute;right:var(--padd-column);top:0;max-width:8rem;text-align:right;}
.detailCon .btn-wrap .button {width:100%;}

.detailCon .auction-info {position:relative;width:100%;padding:2rem var(--padd-box) 1rem;display:inline-flex;}
.detailCon .auction-info li {flex:1;padding:0;}
.detailCon .auction-info li i {display:block;color:var(--txt-subtitle);font-size:.85rem;}
.detailCon .auction-info li strong {display:inline-block;font-size:1.7rem;}
.detailCon .auction-info li strong.kor {font-size:1.5rem;}
.detailCon .auction-info li + li {text-align:right;}
.detailCon .auction-info li + li strong {width:2.5rem;text-align:center;}
.detailCon .auction-info li span {display:inline-block;width:24px;text-align:center;font-size:12px;color:#ddd;vertical-align:text-top;}
.detailCon .timebar-wrap {padding-bottom:2rem;margin:0 var(--padd-box);}
.detailCon .timebar-wrap .timebar {height:.15rem;}

/* 그래프 */
.graph-area {/*margin:0 var(--margin-zero-column);padding:var(--padd-column);background:#f3f4f5;*/margin:0 var(--margin-column);font-size:0;}
.graph-area .graph {position:relative;display:inline-block;width:100%;min-width:300px !important;min-height: 200px;padding-bottom:1.2rem;padding-left:0;margin:0 auto;}

.graph-area .price-pt { position:absolute; left:0; width:100%;top:0px;}
.graph-area .price-pt dl{display:inline-block; width:33.3%;vertical-align:bottom; padding-left:15px; padding-top:10px;}
.graph-area .price-pt dl dt { font-size:14px; color:#888 }
.graph-area .price-pt dl dd { font-size:17px; color:#333; padding-top:0px; letter-spacing:0;}

.graph-area .graph_tooltip {position:relative;width:160px;padding:10px;font-size:16px;letter-spacing:0;color:#000;}
.graph-area .graph_tooltip span {display:block;padding:3px 0;font-size:12px;line-height:1.2;white-space:pre-wrap;word-break:break-all;color:#333;}
.graph-area .graph_tooltip span b {padding-left:5px;word-break:keep-all;font-size:13px;}
.graph-area .graph_tooltip span.outprice {padding:10px 0;margin-top:12px;border-top:1px solid #eee;font-size:13px !important;color:#000;}
.graph-area .graph_tooltip span.outprice b {font-size:14px !important;}
.graph-area .graph_tooltip:before {content:'시장';display:block;padding:0 0 7px;font-size:13px;font-weight:bold;letter-spacing:-2px;color:#00a9e0;}
.graph-area .graph_tooltip2 {position:relative;width:120px;background:#177ee7;border:1px solid #177ee7;padding:10px;font-size:16px;letter-spacing:0;color:#fff;}
.graph-area .graph_tooltip2:before {content:'적정시세';display:block;padding:0 0 7px;font-size:13px;color:#fff;font-weight:bold;letter-spacing:-2px;}
.graph-area .x-km {position:absolute; right:.7rem; bottom:0;font-size:12px; color:#999;letter-spacing:-1px;z-index:55;}
.graph-area .y-price {position:absolute; left:.7rem; top:.7rem;font-size:12px; color:#999;letter-spacing:-1px;z-index:55;}
.graph-area .scatter_graph div div {width:300px !important; }
.graph-area .scatter_graph div div svg  {width:300px !important; } /* 20231106 - 딜러앱 그래프 넓이값 추가 */

/* 시세 */
.sise_wrap .proper_price {padding:1.5rem 0 2rem;font-weight:bold;font-size:1.688rem;color:var(--txt-impact);text-align:center;}
.sise_wrap .box {padding:1rem 0 1.5rem;background:#f3f4f5;border-radius:var(--radius-default);}
.sise_wrap ul {display:inline-flex;width:100%;}
.sise_wrap li {flex:1;color:var(--txt-subtitle);font-size:0.813rem;text-align:center;}
.sise_wrap li b {display:block;font-size:1.125rem;color:var(--txt-black);}

.level-price {display:inline-block;position:relative;width:100%;padding-bottom:1rem;text-align:center;}
.level-price .bar {position:relative; display:inline-block;width:90%;height:1.1rem;border:1px solid #eaecef;border-radius:2rem;background:#fff;}
.level-price .price {position:absolute;top:0;font-size:.7rem;color:#a6b0be;font-weight:bold;letter-spacing:0;}
.level-price .price1 {left:.5rem;}
.level-price .price2 {left:auto;right:.5rem;}
.level-price .auto-price {position:absolute;width:.8rem;height:.8rem;margin:.1rem 0 0 -.1rem;background:var(--thema-color);border-radius:50%;font-size:0;}
.level-price .auto-price:after {content:'';position:absolute;width:1.7rem;height:1.7rem;margin:-.45rem 0 0 -.9rem;border-radius:50%;border:.1rem solid var(--thema-color);}

.graph_ex {padding-top:1.5rem;font-size:.9rem;color:var(--txt-black);line-height:1.6;}

.bohum_list {display:flex;margin:0 var(--margin-column) !important;padding:1rem 0;border-bottom:1px solid #eee;}
.bohum_list li {flex:1;color:var(--txt-subtitle);font-size:0.813rem;text-align:center;}
.bohum_list li span {display:inline-block;width:3.3rem;height:3.3rem;border-radius:50%;background-color:#174bdd;background-image:url('/app/images/icon/icon_bohum_1.png');background-position:center;background-repeat:no-repeat;background-size:auto 60%;}
.bohum_list li span.icon2 {background-color:#3787f3;background-image:url('/app/images/icon/icon_bohum_2.png');}
.bohum_list li span.icon3 {background-color:#37a6f3;background-image:url('/app/images/icon/icon_bohum_3.png');}
.bohum_list li span.icon4 {background-color:#29b3ca;background-image:url('/app/images/icon/icon_bohum_4.png');}
.bohum_list li b {display:block;font-size:1.125rem;color:var(--txt-black);line-height:2.5;}


.table_01 {border-collapse:inherit;margin:0;line-height:35px;color:var(--txt-black);}
.table_01 tbody {background-color:transparent;border:0;}
.table_01 th, .table_01 td {height:2.25rem;padding-top:0;padding-bottom:0;}
.table_01 th {padding:.5rem 0 0;text-align:left;color:var(--txt-subtitle);font-weight:normal;font-size:0.938rem;vertical-align:top;}
.table_01 tr:nth-child(even) {background:transparent;}
.table_01 td {padding:0;color:var(--txt-black);font-weight:bold;font-size:1.05rem;text-align:right;}
.table_01 td button.modi {margin-left:.3rem;}
.table_01 td .impact {color:var(--txt-impact);}

.detail_tab{clear:both;height:3.3rem; text-align:center; color:var(--txt-888)888; border-bottom:1px solid #e6e6e6;border-top:1px solid #555; }
.detail_tab li{float:left;width:33.33%;line-height:3.3rem;font-size:16px;font-weight:bold;letter-spacing:-qpx;}
.detail_tab .on{height:3.3rem; border-bottom:2px solid #e8193c; padding-bottom:3px; color:#e8193c;}

.cardate span {margin-left:5px;}

/*상세아이콘*/
.car_icon {clear:both;position:relative;padding:1rem 0;margin:0 var(--margin-zero-column) !important;font-size:0;}
.car_icon li{width: 33.33%; display: inline-block;padding:0 0 1.5rem;color: var(--txt-black);text-align: center;line-height:1;vertical-align:top;}
.car_icon li:nth-child(3n+1) {clear:both;}
.car_icon li span {display:inline-block;width:55px;height:55px;background-image:url(/app/images/icon/sub_icon1.png);background-repeat:no-repeat;background-position:center center;background-size:auto 2.5rem !important;}
.car_icon li span.icon01 {background-image:url(/app/images/icon/sub_icon1.png);}
.car_icon li span.icon02 {background-image:url(/app/images/icon/sub_icon2.png);}
.car_icon li span.icon03 {background-image:url(/app/images/icon/sub_icon3.png);}
.car_icon li span.icon04 {background-image:url(/app/images/icon/sub_icon4.png);}
.car_icon li span.icon05 {background-image:url(/app/images/icon/sub_icon5.png);}
.car_icon li span.icon06 {background-image:url(/app/images/icon/sub_icon6.png);}
.car_icon li span.icon07 {background-image:url(/app/images/icon/sub_icon7.png);}
.car_icon li span.icon08 {background-image:url(/app/images/icon/sub_icon8.png);}
.car_icon li span.icon09 {background-image:url(/app/images/icon/sub_icon9.png);}
.car_icon li span.icon10 {background-image:url(/app/images/icon/sub_icon10.png);}
.car_icon li span.icon11 {background-image:url(/app/images/icon/sub_icon11.png);}
.car_icon li span.icon12 {background-image:url(/app/images/icon/sub_icon12.png);}
.car_icon li.on span.icon01 {background-image:url(/app/images/icon/sub_icon1_on.png);}
.car_icon li.on span.icon02 {background-image:url(/app/images/icon/sub_icon2_on.png);}
.car_icon li.on span.icon03 {background-image:url(/app/images/icon/sub_icon3_on.png);}
.car_icon li.on span.icon04 {background-image:url(/app/images/icon/sub_icon4_on.png);}
.car_icon li.on span.icon05 {background-image:url(/app/images/icon/sub_icon5_on.png);}
.car_icon li.on span.icon06 {background-image:url(/app/images/icon/sub_icon6_on.png);}
.car_icon li.on span.icon07 {background-image:url(/app/images/icon/sub_icon7_on.png);}
.car_icon li.on span.icon08 {background-image:url(/app/images/icon/sub_icon8_on.png);}
.car_icon li.on span.icon09 {background-image:url(/app/images/icon/sub_icon9_on.png);}
.car_icon li.on span.icon10 {background-image:url(/app/images/icon/sub_icon10_on.png);}
.car_icon li.on span.icon11 {background-image:url(/app/images/icon/sub_icon11_on.png);}
.car_icon li.on span.icon12 {background-image:url(/app/images/icon/sub_icon12_on.png);}
.car_icon li p {padding:0;font-size:.85rem;color:#aaa;}
.car_icon li.on p {color:#111;}

.car_icon.mycar li img {width:65px;}


/* 확대보기 타이틀 */
.detail_title{height:50px; color:#fff; background:#e8193c; text-align:center; font-size:20px; font-weight:700; line-height:50px;}
.detail_title .prev{position:absolute; left:15px; width:18px; top:16px; height:17px; background:url(../images/icon/header_back.png) no-repeat left top; background-size:auto 17px;}
.detail_title .prev a{height:100%; display:block; }
.detail_title.photo_zoom {height:120px; font-size:48px; line-height:120px;}
.detail_title.photo_zoom .prev{height:40px; background-size:auto 40px; top:36px; left:30px;}

.detailCon06_Wrap{height:3.2rem;}
.detailCon06{clear:both; width:100%;z-index:10;}
.detailCon06 li{float:left; text-align:center; width:50%;}
.detailCon06 li.car-loc {width:100%;background-color:#26bf8b;}
.detailCon06 li a{ line-height:3.2rem; font-size:1.05rem; color:#fff; font-weight:bold;}
.detailCon06 .massage{background:#17044a;}
.detailCon06 .massage a:before{content:'';display:inline-block;left:0;top:0;width:28px;height:18px;background-image:url('../images/icon/message.png');background-repeat:no-repeat;background-position:0px 0;background-size:20px 18px; padding:6px 12px 0 0; vertical-align:middle;}
.detailCon06 .car-loc a:before{content:'';display:inline-block;left:0;top:0;width:28px;height:18px;background-image:url('../images/icon/icon_car_w.png');background-repeat:no-repeat;background-position:0px 0;background-size:20px 18px; padding:6px 12px 0 0; vertical-align:middle;}
.detailCon06 .massage a, .detailCon06 .tel a{display:block;}
.detailCon06 .tel{background-color:#26bf8b;}
.detailCon06 .tel a:before{content:'';display:inline-block;left:0;top:0;width:24px;height:18px;background-image:url('../images/icon/call.png');background-repeat:no-repeat;background-position:0 0;background-size:18px 18px; padding:6px 12px 0 0; vertical-align:middle;}

.menu-list h3 a {color:#e51c23}
.menu-list .carinfo-list .car-name {font-size:1.125rem;color:#212121;font-weight:600;padding:0.625rem 0}
.menu-list .carinfo-list li {position:relative;background-color:#fff;padding:6px 0.625rem}
.menu-list .carinfo-list li:after,
.menu-list .carinfo-list p:after {content:'';display:block;clear:both}
.menu-list .carinfo-list span {display:inline-block;line-height:2rem;font-size:1rem;color:#212121}
.menu-list .carinfo-list span.article-tag {width:6.25rem;color:#9e9e9e}
.menu-list .carinfo-list span span {font-size:14px;color:#9e9e9e}
.menu-list .carinfo-list .big {font-size:1.25rem}
.menu-list .carinfo-list .red {color:#f52f46}
.menu-list .carinfo-list a {position:absolute;top:6px;right:0.625rem;height:2rem;line-height:2rem;color:#e51c23;border:1px solid #e51c23;border-radius:1.5rem;padding:0 0.5rem}

.menu-list table.carinfo-list tbody {border:0;border-top:1px solid #eceff1;border-right:1px solid #eceff1}
.menu-list table.carinfo-list th {font-size:1rem;color:#d6d6d6;font-weight:400;text-align:left;background-color:#5f5f5f;border-bottom:1px solid #828282}
.menu-list table.carinfo-list td {font-size:1rem;color:#212121;background-color:#f7f7f7;border-bottom:1px solid #eceff1}
.menu-list table.carinfo-list td span {font-size:14px;color:#9e9e9e}

/* 상세품목 보기 */
html.option-detail .option-detail-nav {width:100%}
html.option-detail .option-detail-nav:after{content:'';display:block;clear:both}
html.option-detail .option-detail-nav li {float:left;width:33.3%;background-color:#484b51;border-bottom:0;padding:0}
html.option-detail .option-detail-nav li a {height:2.25rem;line-height:2.25rem;font-size:1rem;color:#9e9e9e;text-align:center;background:none}
html.option-detail .option-detail-nav li a.active {color:#fff}

html.option-detail .car-name {font-size:1rem;background:url(../images/icon/open_dealer.png) right center no-repeat;background-size:1rem;padding: 1.125rem 2rem 1.125rem 0}
html.option-detail .menu-list .carinfo-list li {padding: 0.75rem 1.125rem}
html.option-detail .menu-list .carinfo-list li p {font-size:0.875rem}

/* 판매자 정보 */
.seller-info {position:relative;padding-left:6rem;}
.seller-info .photo {position:absolute;left:1rem;top:0;width:4rem;height:4rem;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(../images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;background-position:center center !important;}
.seller-info li {padding:0.5rem 0;border-bottom:1px solid #e6e6e6;font-size:.9rem;}
.seller-info li span {display:inline-block;width:80px;color:inherit;font-size:0.8rem;letter-spacing:-1px;}
.seller-info li.phone {border:0;}
.seller-info li .title {font-size:1.1rem;color:#7c7c7c;letter-spacing:-1px;}

.ex-box {clear:both;padding:0.85rem 0;}
.ex-box h4 {font-size:.95rem;font-weight:bold;color:var(--txt-black);letter-spacing:-1px; margin-top:0.25rem; margin-bottom:0.25rem}
.ex-box p, .ex-box li {padding:0.3rem 0;font-size:0.75rem;color:var(--txt-gray);line-height:1.4em; word-break:keep-all; }
.ex-box .s2 {font-size:0.7rem;letter-spacing:-.1em;}
.ex-box .ico-info {display:inline-block; vertical-align:middle; margin-right:3px; width:16px; height:16px;  text-align:center; border-radius:30px; background-color:#999; color:#fff; font-size:10px; font-weight:bold; }
.ex-box li {position:relative;padding-left:1rem;}
.ex-box li::before {content:'';position:absolute;left:0.2rem;top:.8rem;width:6px;height:1px;background:#999;}
.ex-box.bg {background:#f8f8f8;}
.ex-box strong {font-size:inherit;font-weight:normal;}
.ex-text {padding:0.2rem 0 0.5rem;font-size:0.8rem;color:var(--txt-888);line-height:1.35;word-break:keep-all;}
.ex-box.leave {padding:0}
.ex-box.leave p {font-size:0.85rem}
.ex-box.leave input[type=checkbox] + label {font-size:0.85rem; padding-left:1.6rem}
.ex-box.leave input[type=checkbox] + label:before {width:18px;height:18px;}
.ex-box.leave input[type=checkbox] + label:after {left:6px;width:6px;height:10px;margin:-7px 0 0 0;}
.ex-box.fix {padding:.3rem 0 .3rem 1.5rem;background:url('/app/images/icon/icon_info.png') no-repeat 0 .4rem;background-size:auto 1rem;font-size:0.85rem;color:#999;line-height:1.4em;word-break:keep-all;}

#card-visual {background:#e8193c;}
#card-visual .visual-area {min-height:6rem;max-height:11.25rem}

/* 차랑 기본정보 */
.car-image {padding:1rem 0}
.car-image table {margin-bottom:0}
.car-image tbody {border:0}
.car-image td {padding-top:0;padding-bottom:0}
.car-image p {font-size:1.25rem;font-weight:600;letter-spacing:-1px}
.car-image span {color:#9e9e9e;letter-spacing:-1px}

/* 헤더 영역의 신차출고가격 */
#header .option-selected {background-color:#2b2e35}
#header .option-selected table {margin-bottom:0}
#header .option-selected tbody {background-color:transparent;border:0;border-bottom:1px solid #f1f1f1}
#header .option-selected tr {background-color:transparent!important}
#header .option-selected tr:last-child th,
#header .option-selected tr:last-child td {border-bottom:0}
#header .option-selected th {width:6rem;font-size:14px;color:#9e9e9e;font-weight:400;text-align:left}
#header .option-selected td {height:3.125rem;text-align:right;font-size:0.875rem;color:#e51c23;margin-right:0.3125rem;padding-left:0;padding-right:0.625rem}
#header .option-selected td p.car-name {color:#fff}
#header .option-selected td p.car-price {font-size:26px;color:#ff3a41;font-weight:600;border:0}
#header .option-selected td p.car-price span {font-size:12px;color:#757575;font-weight:400;margin-left:5px}

/*********** [ Media Queries ] ************************************************/
@media all and (min-width:40rem){ /* 640px */
	.option-color .option-list li.selected a:before {width:110%;height:110%;bottom:-4px;left:-4px}
}

@media all and (max-width:20rem){ /* 320px */
	.option-color .option-list li.selected a:before {width:120%;height:120%}
}

.btn_toggle {clear:both;display:block;width:100%;height:3.5rem;line-height:2.5rem;font-size:.8rem;color:#9e9e9e;background-color:#f7f7f7;text-align:center;}
.btn_toggle::after {content:'보기';display:inline-block;padding:0 2rem 0 0.3rem;background:url(../images/icon/ico_open.png) no-repeat right center;background-size:1rem auto;font-size:inherit;color:inherit;}
.btn_toggle.open::after {content:'닫기';background-image:url(../images/icon/ico_openclose.png);font-size:inherit;color:inherit;}
.btn_toggle.whtie {height:4rem;border-top:1px solid #eee;background-color:transparent;line-height:1.5rem;}
.btn_toggle.whtie::after {content:'' !important;display:block;height:1rem;background-position:center center;}
.fuc_wrap {display:none;}
.btn_qmk {display:inline-block;width:18px;height:22px;background:url(../images/icon/icon_qmk.png) no-repeat center center;background-size:auto 15px;font-size:0;vertical-align:middle;}


/*  계산기   */
.calc-area {padding:1.5rem 0;}

.article-list.default-list li {clear:both;overflow:hidden;padding:0 1.25rem;}
.article-list.default-list li .right {float:right;max-width:calc(100% - 100px);line-height:3.125rem;font-weight:bold;}
.article-list.default-list li .right input {margin:0;}
.article-list.default-list li .right button {margin:0;}
.article-list.default-list li .ex-text {clear:both;text-align:right;}
.article-list.default-list li .article-name {font-weight:normal;}
.article-list.default-list li .btn_toggle {border:0;}
.article-list.default-list li.total {border:0;}
.article-list.default-list li.total span {height:auto;font-weight:bold;line-height:4rem;}
.article-list.default-list li.total .right {font-size:1.4rem;color:#ff1c1c;}
.article-list.default-list li .slider-area {margin:.5rem .3rem 1.5rem;}
.article-list.default-list li input[readonly] {background-color:transparent;border:0;}
.article-list.default-list li input {display:inline-block;width:100px;text-align:right;}
.article-list.default-list li .article-name .btn-mini {margin-left:7px;}
.article-list.default-list li label {display:inline-block;}

.t_normal th {background:#f8f8f8;border-bottom:1px solid #eee;line-height:2rem;letter-spacing:-1px;font-size:0.8rem;color:var(--txt-888);}
.t_normal th.color {background:#1a254d;color:#eee;}
.t_normal td {border-bottom:1px solid #eee;}
.t_normal tr:nth-child(even) {background:none;}
.t_normal tr.selected td {background:#333;color:#fff;}
.t_normal td {border-bottom:1px solid #eee;}
.t_normal.font14 td {font-size:.9rem;text-align:center;}
.t_normal.font12 th {text-align:center;border-right:1px solid #eee;}
.t_normal.font12 thead th {padding:.2rem 0;}
.t_normal.font12 td {font-size:.8rem;border-right:1px solid #eee;word-break:keep-all;}
.t_normal.font12 td span {font-size:inherit;}
.t_normal .line_right {border-right:1px solid #eee;}

.t_normal.calc td {text-align:center;line-height:2rem;font-size:.9rem;}
.t_normal.calc td input[type=text] {display:inline-block;width:70%;margin-bottom:0;}
.t_normal.calc th.cal_th {position:relative;line-height:1rem;color:#000;}
.t_normal.calc th.cal_th::before {content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#aaa;}
.t_normal.calc .text-price {font-size:1.05rem;}

/* SNS */
#sns li {float:left;width:33.33%;text-align:center;}
#sns li a {display:block;padding-bottom:0.6rem;font-size:0.8rem;color:#333;letter-spacing:-1px;}
#sns li span {position:relative;margin:3px auto 0; display:block;width:45px;height:45px;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;text-indent:-9999px;font-size:1rem;overflow:hidden}
#sns li .sns-line {background-image:url(../images/icon/sns_line.png)}
#sns li .sns-kakaotalk {background-image:url(../images/icon/sns_kakaotalk.png)}
#sns li .sns-facebook {background-image:url(../images/icon/sns_facebook.png)}
#sns li .sns-twitter {background-image:url(../images/icon/sns_twitter.png)}
#sns li .sns-band {background-image:url(../images/icon/sns_band.png)}
#sns li .sns-sms {background-image:url(../images/icon/sns_sms.png)}
#sns li .sns-email {background-image:url(../images/icon/sns_email.png)}
#sns li .sns-memo {background-image:url(../images/icon/sns_memo.png)}
#sns li .sns-kakaostory {background-image:url(../images/icon/sns_kakaostory.png)}


/*==================================================================================================================
													성능점검상태
==================================================================================================================*/
.check-car-wrap {padding-top:1rem;}
.check-car	{position:relative;z-index:10;margin:0 auto;  zoom:0.45 !important; padding:0; width:730px;height:440px;  background-image:url('/images/checkcar/check_bg_car.jpg'); background-repeat:no-repeat; }
.check-car.pro {background-image:url('/images/checkcar/check_bg_car_pro.jpg'); }
.check-car.basic {background-image:url('/images/checkcar/check_bg_car_basic.jpg'); }
.check-car .check_link_bg				{position:absolute;top:0;left:0;z-index:200;width:100%;}
.check-car .condition-mark				{position:relative;width:100%;height:100%; z-index:10}
.check-car .condition-mark > p		{display:none;position:absolute;top:0;left:0;z-index:50;text-indent:-9999px;width:100%;height:100%;}
@media screen and (max-width: 375px), screen\9 {
	.check-car {zoom:0.4 !important}
}
@media screen and (max-width: 360px), screen\9 {
	.check-car {zoom:0.4 !important}
}
@media screen and (max-width: 320px), screen\9 {
	.check-car {zoom:0.3 !important}
}

@media screen and (max-width: 350px) {
	.check-car {zoom:0.3 !important}
}

.check-pop .check-car-wrap {width:100%;padding:2rem 2rem 0;overflow:auto;}
.check-pop .check-car-wrap .check-car {zoom:1.15 !important;}
.check-pop .pop_top h3 {padding-bottom:.7rem;font-weight:bold;font-size:1.2rem;}
.check-pop .pop_top p {position:absolute;top:0;right:0;left:inherit;width:3rem;height:3rem;border:0;background:url('/api/images/pop_close.png') center center no-repeat;background-size:auto 1rem;font-size:0;cursor:pointer;}
#layerback {background:rgba(0,0,0,.4) !important;z-index:10000 !important;}

.i-mark	{z-index:300;display:inline-block;margin:0 .3rem 0 0 !important;padding:0;width:1.2rem; height:1.2rem;line-height:1.2rem;font-size:.7rem;font-weight:bold;color:#fff;text-align:center;overflow:hidden;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;vertical-align:middle;}

.mark-name									{margin:0 auto;padding:30px 0;width:775px;height:auto;}
.mark-name:after							{content:"";display:block;float:none;clear:both;}
.mark-name > li							{position:relative;display:table;float:left;margin:0 20px 30px;padding:0;width:110px;height:auto;text-align:left;}
.mark-name > li > h3						{display:table-cell;vertical-align:middle;margin:0;padding:0;width:100%;height:30px;font-size:12px;font-weight:normal;color:#666;}
.mark-name > li > span					{position:absolute;top:0;right:0;z-index:100;display:block;margin:0 !important;padding:0;width:30px;height:30px;font-size:15px;font-weight:bold;color:#fff;line-height:30px;text-align:center;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;}
.bg-c										{background-color:#6b727d;}
.bg-x										{background-color:#f64747;}
.bg-w										{background-color:#e10f30;}
.bg-a										{background-color:#3a3a3a;}
.bg-u										{background-color:#ff9824;}
.bg-t										{background-color:#21a956;}
.bg-o   							     	{background-color:var(--bgcolor-btn);}

.bg-blue										{background-color:#2892f4;}
.bg-red   							     	{background-color:#f64747;}

/* 좌측 */
.check_FL_foglamp							{background:url('/images/checkcar/check_FL_foglamp.png') no-repeat;}
.check_FL_wheel							{background:url('/images/checkcar/check_FL_wheel.png') no-repeat;}
.check_RL_wheel							{background:url('/images/checkcar/check_RL_wheel.png') no-repeat;}
.check_L_side								{background:url('/images/checkcar/check_L_side.png') no-repeat;}
.check_L_fender							{background:url('/images/checkcar/check_L_fender.png') no-repeat;}
.check_FL_door								{background:url('/images/checkcar/check_FL_door.png') no-repeat;}
.check_RL_door								{background:url('/images/checkcar/check_RL_door.png') no-repeat;}
.check_L_quarterpanel					{background:url('/images/checkcar/check_L_quarterpanel.png') no-repeat;}
.check_RL_foglamp							{background:url('/images/checkcar/check_RL_foglamp.png') no-repeat;}
.check_LA_filler							{background:url('/images/checkcar/check_LA_filler.png') no-repeat;}
.check_LB_filler							{background:url('/images/checkcar/check_LB_filler.png') no-repeat;}
.check_LC_filler							{background:url('/images/checkcar/check_LC_filler.png') no-repeat;}
.check_FL_window							{background:url('/images/checkcar/check_FL_window.png') no-repeat;}
.check_RL_window							{background:url('/images/checkcar/check_RL_window.png') no-repeat;}

/* 상단 */
.check_F_bumper							{background:url('/images/checkcar/check_F_bumper.png') no-repeat;}
.check_grill								{background:url('/images/checkcar/check_grill.png') no-repeat;}
.check_L_lamp								{background:url('/images/checkcar/check_L_lamp.png') no-repeat;}
.check_R_lamp								{background:url('/images/checkcar/check_R_lamp.png') no-repeat;}
.check_bonnet								{background:url('/images/checkcar/check_bonnet.png') no-repeat;}
.check_F_window							{background:url('/images/checkcar/check_F_window.png') no-repeat;}
.check_R_window							{background:url('/images/checkcar/check_R_window.png') no-repeat;}
.check_roof									{background:url('/images/checkcar/check_roof.png') no-repeat;}
.check_L_mirror							{background:url('/images/checkcar/check_L_mirror.png') no-repeat;}
.check_R_mirror							{background:url('/images/checkcar/check_R_mirror.png') no-repeat;}
.check_trunk								{background:url('/images/checkcar/check_trunk.png') no-repeat;}
.check_L_taillight						{background:url('/images/checkcar/check_L_taillight.png') no-repeat;}
.check_R_taillight						{background:url('/images/checkcar/check_R_taillight.png') no-repeat;}
.check_R_bumper							{background:url('/images/checkcar/check_R_bumper.png') no-repeat;}

/* 하체 */
.check_radiator								{background:url('/images/checkcar/check_radiator.png') no-repeat;}
.check_F_panel								{background:url('/images/checkcar/check_F_panel.png') no-repeat;}
.check_FL_insidepanel					{background:url('/images/checkcar/check_FL_insidepanel.png') no-repeat;}
.check_FL_sidemember						{background:url('/images/checkcar/check_FL_sidemember.png') no-repeat;}
.check_FL_wheelhouse						{background:url('/images/checkcar/check_FL_wheelhouse.png') no-repeat;}
.check_FR_insidepanel					{background:url('/images/checkcar/check_FR_insidepanel.png') no-repeat;}
.check_FR_sidemember						{background:url('/images/checkcar/check_FR_sidemember.png') no-repeat;}
.check_FR_wheelhouse						{background:url('/images/checkcar/check_FR_wheelhouse.png') no-repeat;}
.check_crossmember						{background:url('/images/checkcar/check_crossmember.png') no-repeat;}
.check_dashpanel							{background:url('/images/checkcar/check_dashpanel.png') no-repeat;}
.check_floorpanel							{background:url('/images/checkcar/check_floorpanel.png') no-repeat;}
.check_packagetray						{background:url('/images/checkcar/check_packagetray.png') no-repeat;}
.check_RL_wheelhouse						{background:url('/images/checkcar/check_RL_wheelhouse.png') no-repeat;}
.check_RL_sidemember						{background:url('/images/checkcar/check_RL_sidemember.png') no-repeat;}
.check_trunkfloor							{background:url('/images/checkcar/check_trunkfloor.png') no-repeat;}
.check_RR_sidemember						{background:url('/images/checkcar/check_RR_sidemember.png') no-repeat;}
.check_RR_wheelhouse						{background:url('/images/checkcar/check_RR_wheelhouse.png') no-repeat;}

.check_rearpanel							{background:url('/images/checkcar/check_rearpanel.png') no-repeat;}

/* 우측 */
.check_FR_foglamp						{background:url('/images/checkcar/check_FR_foglamp.png') no-repeat;}
.check_FR_wheel							{background:url('/images/checkcar/check_FR_wheel.png') no-repeat;}
.check_RR_wheel							{background:url('/images/checkcar/check_RR_wheel.png') no-repeat;}
.check_R_side								{background:url('/images/checkcar/check_R_side.png') no-repeat;}
.check_R_fender							{background:url('/images/checkcar/check_R_fender.png') no-repeat;}
.check_FR_door							{background:url('/images/checkcar/check_FR_door.png') no-repeat;}
.check_RR_door							{background:url('/images/checkcar/check_RR_door.png') no-repeat;}
.check_R_quarterpanel					{background:url('/images/checkcar/check_R_quarterpanel.png') no-repeat;}
.check_RR_foglamp						{background:url('/images/checkcar/check_RR_foglamp.png') no-repeat;}
.check_RA_filler							{background:url('/images/checkcar/check_RA_filler.png') no-repeat;}
.check_RB_filler							{background:url('/images/checkcar/check_RB_filler.png') no-repeat;}
.check_RC_filler							{background:url('/images/checkcar/check_RC_filler.png') no-repeat;}
.check_FR_window						{background:url('/images/checkcar/check_FR_window.png') no-repeat;}
.check_RR_window						{background:url('/images/checkcar/check_RR_window.png') no-repeat;}


/* 옵션체크 */
.option-check								{margin:0; padding:0; width:auto; height:auto;}
.option-check:after						{content:""; display:block; float:none; clear:both;}
.option-check li							{float:left; margin:0; padding:0; width:25%; height:auto;}
.option-check li > dl					{margin:0; padding:10px !important; border-right:1px solid #e7e7e7;}
.option-check li:last-child dl			{border-right:none;}
.option-check li > dl > dd				{margin:0; padding:4px 0 4px 10px !important; font-size:12px !important; color:#333 !important;}

/* Popup View */
.pop_view									{position:fixed !important; left:0; top:50% !important; margin-top:-130px;  /*width:100%;*/  height:auto; z-index:9999;  border-radius:0 !important; border:0 !important;}
.pop_view .block_ui 						{display:block;}
.pop_view .scroll_box 					{height:300px;overflow-x:hidden;overflow-y:auto;}
.pop_view p								{margin:0; padding:0;}
.pop_view .pop_data						{position:absolute; left:50%; top:50%; z-index:9999; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_view .pop_top						{position:relative; display:table; width:100%; }
.pop_view .pop_top h3					{display:block !important;position:relative;padding:5px 15px; font-size:16px; font-weight:600; letter-spacing:-.04em; color:#333;line-height:30px;text-align:left;box-sizing:border-box;word-break:keep-all;}
.pop_view .pop_top p					{position:absolute;top:0;right:0;left:inherit;width:40px;height:40px;text-align:center; font-size:0;cursor:pointer;}
.pop_view .pop_top p:after            {content:"\e921"; display:inline-block; color:#333; font-size:21px; line-height:40px;   font-family:'xeicon'; }


/*	Popup View 성능점검 상태표시등록	*/
.pop_check									{width:300px; height:auto; padding:0; background-color:#fafafa; border:1px solid #ccc; overflow:hidden; border-radius:5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.pop_check .check_con						{margin:0; padding:10px 10px; width:auto; height:auto;border-top:0px solid #ddd;border-bottom:1px solid #ddd;}
.pop_check .check_con dl					{margin:0; display:block; padding:0px 0; font-size:0; width:100%;border:0; height:auto; _text-align:center; }
.pop_check .check_con dl:after				{content:""; display:block; float:none; clear:both;}
.pop_check .check_con dl > dd				{display:inline-block; width:calc(50% - 6px); margin:3px; padding:15px 0 15px 20px; text-align:left; background-color:#fff; border:1px solid #e2e2e2; border-radius:5px;   font-weight:500;letter-spacing:-.02em;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop_check .check_con dl > dd:first-child {border-bottom:1px solid #e2e2e2 }
.pop_check .file_btn						{ display:none;margin:0 -1px 1px; padding:0; width:auto; height:auto;}
.pop_check .file_btn:after					{content:""; display:block; float:none; clear:both;}
.pop_check .file_btn button					{float:left; margin:0; padding:0; width:50%; height:30px; border:1px solid #fff;}
.pop_check .check_btn						{display:block;width:100%;height:76px;border:0;border-radius:0;background:#444;font-size:22px;line-height:76px;color:#fff;font-weight:500;text-align:center;overflow:hidden;cursor:pointer;}
.pop_check .checkNotice button				{width:100%;height:45px;line-height:45px; background-color:#fc6500; color:#fff; }

.pop_check .check_con input[type=radio] + label  {position:relative;display:inline-block;margin:0  0 0 12px; font-size:17px; color:#666; font-weight:600;  padding:0 0px 0 20px !important ;background:none; }
.pop_check .check_con input[type=radio] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;margin-left:-12px; transform:translateY(-50%); width:24px;height:24px;background-color:#e9ecf1; border:1px solid #e2e4ea;  border-radius:50%;  transition: border 0.2s ease-in; }
.pop_check .check_con input[type=radio] + label:after {display:none;content: ""; position:absolute;top:8px;left:13px;width:8px;height:14px;border-width:0 2px 2px 0 !important;  border-color:#fff; background-color:transparent; transform:rotate(45deg); border-radius:0;}
.pop_check .check_con input[type=radio]:checked + label {background:none;}
.pop_check .check_con input[type=radio]:checked + label:before  {background-color:#3e85f0; border:0; box-shadow:0 7px 12px -3px rgba(62,133,240,0); text-align:center;font-size:14px; display:inline-block; vertical-align:middle; line-height:22px;  }
.pop_check .check_con input[type=radio]:checked + label:after { display:none; position:absolute;top:-7px;left:-2.5px;width:7px;height:11px;border-width:0 2px 2px 0 !important; background-color:transparent; border-color:#fff; transform:rotate(45deg);}
.pop_check .check_con input[type=radio]:checked + label.change:before  {content:'X';background-color:#fa5e40; color:#fff; }
.pop_check .check_con input[type=radio]:checked + label.color:before  {content:'O';background-color:#3e85f0 ;color:#fff;  }
.pop_check .check_con input[type=radio]:checked + label.corrode:before  {content:'C';background-color:#764725; color:#fff;  }
.pop_check .check_con input[type=radio]:checked + label.remove:before  {content:'T';background-color:#119a31;  color:#fff; }

.pop_check .check_con input[type=checkbox] + label  {position:relative;display:inline-block;margin:0  0 0 12px; font-size:17px; color:#666; font-weight:600;  padding:0 0px 0 20px !important ;background:none; }
.pop_check .check_con input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;margin-left:-12px; transform:translateY(-50%); width:24px;height:24px;background-color:#e9ecf1; border:1px solid #e2e4ea;  border-radius:50%;  transition: border 0.2s ease-in; }
.pop_check .check_con input[type=checkbox] + label:after {display:none;content: ""; position:absolute;top:8px;left:13px;width:8px;height:14px;border-width:0 2px 2px 0 !important;  border-color:#fff; background-color:transparent; transform:rotate(45deg); border-radius:0;}
.pop_check .check_con input[type=checkbox]:checked + label {background:none;}
.pop_check .check_con input[type=checkbox]:checked + label:before  {background-color:#3e85f0; border:0; box-shadow:0 7px 12px -3px rgba(62,133,240,0); text-align:center;font-size:14px; display:inline-block; vertical-align:middle; line-height:22px;  }
.pop_check .check_con input[type=checkbox]:checked + label:after { display:none; position:absolute;top:-7px;left:-2.5px;width:7px;height:11px;border-width:0 2px 2px 0 !important; background-color:transparent; border-color:#fff; transform:rotate(45deg);}
.pop_check .check_con input[type=checkbox]:checked + label.change:before  {content:'X';background-color:#fa5e40; color:#fff; }
.pop_check .check_con input[type=checkbox]:checked + label.color:before  {content:'O';background-color:#3e85f0 ;color:#fff;  }
.pop_check .check_con input[type=checkbox]:checked + label.corrode:before  {content:'C';background-color:#764725; color:#fff;  }
.pop_check .check_con input[type=checkbox]:checked + label.remove:before  {content:'T';background-color:#119a31;  color:#fff; }


.check-car-info {padding-bottom:1rem;text-align:center;font-size:0.9rem;color:#555;letter-spacing:-1px;line-height:1.5;}
.check-car-info > span {vertical-align:middle;}
.check-car-info > strong {display:inline-block;padding:0 1rem 0 0.2rem;font-size:1.1rem;color:#ff6c00;vertical-align:middle;transform:translateY(-2px);}
.check-car-info .i-mark {width: 17px;height: 17px;font-size: 12px;line-height: 17px;}
.check-car-info .button-group .button {height:3.1rem;line-height:3.1rem;font-size:1rem;}

.check-car-wrap.disable .check-car {opacity:.3;}
.check-car-wrap.disable .alert {position:absolute; left:10%;top:45%; width:80%; height:2rem; line-height:2rem; text-align:center; background-color:#fff; color:var(--txt-black); font-size:.85rem; z-index:12; }

.code-wrap { display:block; position:relative; clear:both; padding:2rem 0 1rem; text-align:center;  }
.code-wrap li {display:inline-block; vertical-align:top; margin:0 10px; font-size:0.8rem;color:#888;}

/* end성능점검상태 */



/* ================================================================================================================================
	매거진
================================================================================================================================ */
/* 카테고리 아이콘 */
.el-flag {position:absolute;top:0;left:0;width:75px;height:24px;background:#555;line-height:27px;font-size:11px;text-align:center;color:#fff;}
.el-flag-ad {position:absolute;top:0;right:0;width:20px;height:15px;background:#555;font-size:9px;line-height:15px;text-align:center;color:#fff;}

/* 리스트 아이콘 */
.photo > span {display:block;color:#fff;line-height:38px;text-align:center;font-size:12px;}
.photo.master {background-color:#26bf8b !important;background-image:none !important;border-color:#26bf8b !important;}
.photo.master span {display:block !important;color:#fff ;line-height:3rem;text-align:center;font-size:.8rem;letter-spacing:-1px;}
.photo.notice, .photo.pr, .photo.event, .photo.num {position:absolute;right:0;top:-26px;width:36px;height:36px;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(../images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;margin-right:10px;}
.photo.notice {border:0;background-color:#267df2;background-image:none;}
.photo.pr {border:0;background-color:#0ac29c;background-image:none;}
.photo.event {border:0;background-color:#1c2650;background-image:none;}
.photo.event span {font-size:12px;}
.photo.num {width:60px;height:60px;margin-right:20px;background-image:none;}
.photo.num span {color:var(--txt-888);font-size:14px;line-height:62px;}
.photo.open {background-color:#3bcc99;background-image:none;}
.photo.close {background-color:#454545;background-image:none;}
.photo.open, .photo.close, .photo.sell, .photo.contract, .photo.sellend {position:absolute;right:1rem;top:-26px;width:3.5rem;height:3.5rem;border:0;border-radius:50%;margin-right:0;}
.photo.sell, .photo.contract, .photo.sellend {top:-75px;}
.photo.open span, .photo.close span, .photo.sell span, .photo.contract span, .photo.sellend span {line-height:3.5rem;}
.photo.sell {background-color:#f8002d;}
.photo.contract {background-color:#383d58;background-image:none;}
.photo.sellend {background-color:#aaa;background-image:none;}

/* 헤드라인 > 리스트 */
.magazine-list {padding:10px 10px 24px 10px;background:#ededed;}
.magazine-list li {position:relative;padding-bottom:10px;font-size:0;}
.magazine-list li .img-area {position:relative;min-height:100px;background-size:cover;background-image:url('../img/magazine/noimage_headline.png');background-position:center center;background-color:#d4d4d4;background-repeat:no-repeat;}
.magazine-list li .img-area img {width:100%;height:auto;}
.magazine-list li a {display:block;color:#333;font-size:0;}
.magazine-list li .title {padding:9px 10px 7px 10px;background:#fff;font-size:0;}
.magazine-list li .title p {max-height:40px;font-size:16px;font-weight:500;line-height:21px;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;}
.magazine-list li.ad img {width:100%;height:auto;}

/* 자동차뉴스 > 배너 슬라이더 */
.news-slider-wrap {position:relative;padding:2rem 1rem 1rem;background:#2a3055;}
.news-slider-wrap .news-slider {position:relative;width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news-slider-wrap .news-slider .bx-viewport {height:auto !important;background:transparent;}
.news-slider-wrap .news-slider li {font-size:0;}
.news-slider-wrap .news-slider li a {display:block;color:#000;letter-spacing:-0.1em;}
.news-slider-wrap .news-slider li .img {min-height:202px;background:url('../img/magazine/noimage_headline.png');background-size:cover;}
.news-slider-wrap .news-slider li .info {padding:1.5rem 1.5rem 2.5rem;font-size:.8rem;word-break:keep-all;color:var(--txt-888);letter-spacing:-0.05em;}
.news-slider-wrap .news-slider li .info span {padding:0 2px;font-size:.7rem;color:#555;}
.news-slider-wrap .news-slider li .info .title {padding:.5rem 0;font-size:1.1rem;line-height:1.4;color:#eee;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;}
.news-slider-wrap .bx-pager {position:absolute;width:100%;bottom:14px;left:0;padding:0 0 0 8px;text-align:center;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news-slider-wrap .bx-pager-item {display:inline-block;text-align:center;}
.news-slider-wrap .bx-pager-item a {display:block;width:12px;height:12px;border:1px solid #fff;border-radius:50px;overflow:hidden;font-size:0;text-indent:-9999px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news-slider-wrap .bx-pager-item a.active {background:#fff;}
.news-slider-wrap .bx-controls-direction .bx-prev, .news-slider-wrap .bx-controls-direction .bx-next {position:absolute;top:33%;width:35px;height:35px;background-repeat:no-repeat;background-color:rgba(0,0,0,.2);background-position:center center;background-size:20px auto;font-size:0;text-indent:-9999px;cursor:pointer;z-index:2;transform:translateY(-50%);}
.news-slider-wrap .bx-controls-direction .bx-prev {left:-10px;background-image:url('../images/btn_prev.png');}
.news-slider-wrap .bx-controls-direction .bx-next {right:-10px;background-image:url('../images/btn_next.png');}

/* 검색 박스 */
.search-form {position:relative;padding:1rem;background:#efefef;font-size:0;white-space:nowrap;}
.search-form label {display:inline-block;width:20%;font-size:.8rem;vertical-align:middle;}
.search-form input[type=text] {display:inline-block;width:63%;background-color:#fff;margin:0;font-size:.9rem;}
.search-form .btn-search {width:17%;height:38px;padding:12px 5px 10px 5px;background:#1c2650;color:#fff;font-size:.9rem;text-align:center;line-height:16px;vertical-align:middle;}
.search-form .txt_info {padding-left:21%;color:#999;font-size:.75rem;}

.search-form.count input[type=text] {width:45%;}
.search-form.count > span {display:inline-block;width:37%;font-size:.8rem;vertical-align:middle;}

.total-text {padding-top:2rem;padding-bottom:.5rem;font-size:.8rem;}

/* 매거진 > 리스트 */
.news-list {padding:10px 10px 7px 10px;background:#ededed;border-top:1px solid #ccc;}
.news-list li {position:relative;margin-bottom:8px;background:#fff;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.news-list li .img-area {display:inline-block;width:115px;height:80px;background-size:cover;background-image:url('../img/magazine/noimage_headline.png');background-position:center center;background-color:#d4d4d4;background-repeat:no-repeat;overflow:hidden;}
.news-list li .img-area img {width:100%;height:auto;min-height:80px;}
.news-list li .text-area {position:absolute;top:0;left:118px;padding:11px 10px 0 9px;font-size:11px;color:var(--txt-888);letter-spacing:-0.03em;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news-list li .title {max-height:30px;padding:3px 0 7px 0;font-size:14px;font-weight:500;color:#333;line-height:18px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;}

/* 매거진 > 이미지형 */
.news-image-list {display:flex;flex-wrap:wrap;}
.news-image-list .grid-item {float:left;width:50%;padding-bottom:8px;padding:0 .5% 1% .5%;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news-image-list .grid-item .img-area {display:inline-block;width:100%;min-height:120px;font-size:0;line-height:0;background-size:135% auto;background-image:url('../images/nophoto/nophoto_640x480.png');background-position:center center;background-size:cover;background-color:#d4d4d4;background-repeat:no-repeat;overflow:hidden;}
.news-image-list .grid-item .img-area img {width:100%;overflow:hidden;margin-bottom:-1px;}
.news-image-list .grid-item .text-area {position:relative;padding:.5rem .5rem 1.5rem;background:#fff;font-size:.75rem;color:var(--txt-888);letter-spacing:-1px;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news-image-list .grid-item .title {height:3rem;padding:3px 0 7px 0;font-size:1.05rem;color:#111;line-height:1.4;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;}

.news-image-list.blog {border-top:1px solid #f1f1f1;}
.news-image-list.blog .grid-item {clear:both;float:none;width:100%;border-bottom:1px solid #f1f1f1;padding:0;}
.news-image-list.blog .grid-item .img-area {float:left;width:35%;min-height:100px;}
.news-image-list.blog .grid-item .text-area {float:right;width:64%;padding:1rem 1rem 0 !important;}

/* 매거진 > 상세보기 (기본정보) */
.view-header  {position:relative;background:#f5f5f5;overflow:hidden;}
.view-header .view-info {padding:2rem 1.5rem;z-index:100;letter-spacing:-0.05em;}
.view-header .view-info .post-title {padding-bottom:1rem;box-sizing:border-box;font-size:1.5rem;line-height:1.3;color:#111;word-break:keep-all;word-wrap:break-word;}
.view-header .view-info .meta-author {position:relative;font-size:14px;line-height:18px;color:var(--txt-888);}
.view-header .view-info .meta-author .bar {display:inline-block;width:1px;height:13px;margin:0 11px 3px 10px;background:#ddd;vertical-align:middle;}
.view-header .view-info .file-attach a:before {content:'';position:absolute;left:0;top:-2px;display:block;width:100%;height:1px;background:#ddd;}
.view-header .view-info .file-attach {position:relative;margin-top:15px;padding:11px 0 0 0;font-size:14px;color:var(--txt-888);line-height:20px;}
.view-header .view-info .file-attach.none {display:none;}
.view-header .view-info .file-attach a span {font-size:.9rem;text-decoration:underline;}
.view-header .view-info .file-attach a {margin:0 0 0 1px;color:#fff;}
.view-header .view-info .ico-wrapper {padding:0 0 5px 0;font-size:13px;}
.view-header .view-info .ico-download:after {content:'';display:inline-block;width:14px;height:14px;margin:-1px 0 0 7px;background:url('../img/magazine/ico_download.png') no-repeat;background-size:cover;vertical-align:middle;}
.view-header.alram .view-info .post-title {width:calc(100% - 55px);font-size:1.3rem;}
.view-header .event-info {position:relative;font-size:14px;color:var(--txt-888);line-height:20px;}
.view-header .event-info div {color:#777;font-size:13px;line-height:26px;}
.view-header .event-info span {display:inline-block;}
.view-header .event-info .icon-label-date {right:0;top:.2rem;}
.view-header .photo {position:absolute;right:1rem;top:1rem;width:3rem;height:3rem;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(../images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;}
.view-header .photo span {display:none;}

/* 매거진 > 상세보기 (내용) */
.post-body .column {background:#fff;padding:2rem 1.5rem 3rem;color:#555;line-height:1.5;letter-spacing:-0.05rem;font-size:1rem;word-break:keep-all;word-wrap:break-word;}
.post-body .column p, .post-body .column span {font-size:1rem;color:#555;line-height:1.6;letter-spacing:-0.05rem;word-break:break-all;word-wrap:break-word;}
.post-body .column img {margin-bottom:12px;max-width:100%;font-size:0;}

.post-body .column dl.reply {padding-top:3rem;margin-bottom:-2rem;}
.post-body .column dl.reply dt {padding:.5rem 1rem;margin:0;background:#FC6500;color:#fff;font-weight:normal;}
.post-body .column dl.reply dt span {display:inline-block;padding-right:5px;color:#ffea00;font-weight:bold;font-size:1.4rem;line-height:1;vertical-align:middle;transform:translateY(-3px)}
.post-body .column dl.reply dd {padding:1.5rem;border:1px solid #FC6500;}

/* 매거진 > 상세보기 (포토목록)  */
.magazine-view-list {position:relative;margin:0 auto;padding:13px 0 10px 0;background:#ededed;font-size:0;}
.magazine-view-list ul {display:inline-block;width:100%;font-size:0;}
.magazine-view-list ul:after {clear:both;content:'';height:0;width:0;font-size:0;line-height:0;}
.magazine-view-list li {position:relative;float:left;width:50% !important;height:114px;margin:0;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.magazine-view-list li.no-image {background-size:cover;background-color:#dfdfdf;background-image:url('noimage_imgtype');background-size:130% auto;}
.magazine-view-list li a {display:block;width:100%;height:100%;color:#fff;}
.magazine-view-list li .title {position:absolute;bottom:0;left:0;width:100%;height:40px;padding:6px 10px 0 10px;background-color:rgba(0,0,0,0.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;word-break:keep-all;word-wrap:break-word;}
.magazine-view-list li .title p {display:block;height:25px;padding-top:1px;font-size:12px;line-height:14px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}

/* 매거진 > 상세보기 (버튼) */
.btn-area.magazine {padding:20px 13px;}
.btn-area.magazine button {width:100%;}

/* 이벤트 > 배너 슬라이더 */

.event-slider-wrap {position:relative;padding:1rem;}
.event-slider-wrap .event-slider {position:relative;width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.event-slider-wrap .event-slider li {font-size:0;}
.event-slider-wrap .event-slider img {width:100%;}
.event-slider-wrap .bx-pager {position:absolute;width:100%;bottom:0;left:0;padding:0 0 0 9px;text-align:center;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.event-slider-wrap .bx-pager-item {display:inline-block;text-align:center;}
.event-slider-wrap .bx-pager-item a {display:block;width:12px;height:12px;border:1px solid #fff;border-radius:50px;overflow:hidden;font-size:0;text-indent:-9999px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.event-slider-wrap .bx-pager-item a.active {background:#fff;}
.event-slider-wrap .bx-controls-direction .bx-prev, .event-slider-wrap .bx-controls-direction .bx-next {position:absolute;top:60%;width:35px;height:35px;background-repeat:no-repeat;background-color:rgba(0,0,0,.15);background-position:center center;background-size:20px auto;font-size:0;text-indent:-9999px;cursor:pointer;z-index:2;transform:translateY(-50%);}
.event-slider-wrap .bx-controls-direction .bx-prev {left:-10px;background-image:url('../images/btn_prev.png');}
.event-slider-wrap .bx-controls-direction .bx-next {right:-10px;background-image:url('../images/btn_next.png');}

/* 이번트 > 리스트 */
.newevent-list {padding:0 1rem;}
.newevent-list ul {display:inline-block;width:100%;}
.newevent-list ul:after {clear:both;content:'';height:0;width:0;font-size:0;line-height:0;}
.newevent-list li {position:relative;display:block;margin-bottom:1.5rem;background:#fff;font-size:0;box-shadow:3px 3px 15px rgba(0,0,0,0.1);}
.newevent-list li a {display:block;width:100%;font-size:0;}
.newevent-list li .img {width:100%;font-size:0;}
.newevent-list li .text {padding:1.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;word-break:keep-all;}
.newevent-list li .text p {display:block;padding:0 !important;height:4rem;font-size:1.05rem;font-weight:bold;letter-spacing:-0.05em;overflow:hidden;text-overflow:ellipsis;}
.newevent-list li .text div {padding:1rem 0 0 0;color:var(--txt-888);font-size:.8rem;}
.newevent-list li .text span {display:inline-block;}
.newevent-list li .icon-ing {position:absolute;right:.5rem;top:.5rem;width:60px;height:60px;border-radius:50%;background:#ff6000;line-height:15px;font-size:.8rem;color:var(--txt-888);font-weight:bold;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.newevent-list li .icon-ing.result {padding-top:17px;background:rgba(0,0,0,.5);color:#fff;}
.newevent-list li .icon-ing.new {padding-top:21px;color:#fff;}
.newevent-list > li:after {content:'';clear:both;display:block;height:10px;background:#f5f5f5;}

/* 이벤트 아이콘 */
.icon-label-date {position:absolute;right:10px;bottom:14px;width:41px;height:22px;padding-left:4px;background:url(../img/magazine/bg_event_date.png) no-repeat;background-size:45px 22px;color:#000;font-size:.75rem;text-align:center;}
.icon-label-event {width:55px;margin:0 7px 0 0;border-radius:50px;color:#fff;text-align:center;font-size:.8rem;line-height:1.7;vertical-align:middle;}
.icon-label-event.ing {background:#ff6000;}
.icon-label-event.end {background:#e5e5e5;color:#333;}

.re-wait {display:inline-block !important;width:72px;height:auto !important;border-radius:3px !important;border:1px solid #dfdfdf;background-color:#fff;line-height:22px !important;color:#FC6500;font-size:.8rem !important;text-align:center !important;}
.re-end {display:inline-block !important;width:72px;height:auto !important;border-radius:3px !important;border:1px solid #dfdfdf;background-color:#fff;line-height:22px !important;color:#111;font-size:.8rem !important;text-align:center !important;}

/* 이벤트 > 상세보기 (당첨자 발표) */
.post-body .column .show-winner {padding-top:18px;}
.post-body .column .show-winner h3 {font-size:15px;color:#333;font-weight:bold;border-bottom:1px solid #eaeaea;padding:8px 0 7px 0;margin-bottom:10px;}
.post-body .column .winner-detail {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.post-body .column .winner-detail p, .winner-detail span {font-size:14px;color:#777;line-height:18px;}
.post-body .column .winner-detail img {max-width:100%;margin-bottom:20px;}

/* 이벤트 > 상세보기 (이전글/다음글) */
.post-footer .column {padding:0;border-top:10px solid #efefef;border-bottom:10px solid #efefef;}
.post-footer ul, .post-footer li {font-size:0;line-height:0;}
.post-footer li {clear:both;display:inline-block;width:100%;border-bottom:1px solid #eee;}
.post-footer li div {float:left;line-height:3.3rem;color:#111;font-size:1rem;letter-spacing:-0.05em;}
.post-footer li .label span {display:inline-block;width:13px;height:14px;margin-left:3px;background-size:13px 8px;background-position:0 center;background-repeat:no-repeat;font-size:0;text-indent:-9999px;vertical-align:top;}
.post-footer li .label {width:95px;padding:0;background:none;line-height:3.3rem;text-indent:1rem;font-size:.8rem;font-weight:bold;color:var(--txt-888);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.post-footer li .link {width:70%;}
.post-footer li.prev-post .label span {background-image:url('../img/magazine/btn_article_prev.png');}
.post-footer li.next-post .label span {background-image:url('../img/magazine/btn_article_next.png');}
.post-footer li a {display:block;line-height:3.3rem;color:#111;font-size:1rem;letter-spacing:-0.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-footer li .category {font-weight:500;color:#0d4ad6;}
.post-footer + .button-group {padding-left:var(--padd-half-column);padding-right:var(--padd-half-column);}

/* ----------------------------------------------------------------------------------------------------------------------------
	공지사항
---------------------------------------------------------------------------------------------------------------------------- */

/* 리스트 */
.notice-wrap {position:relative;margin-top:var(--divide-height);}
.notice-wrap:before {content:'';position:absolute;left:0;right:0;top:-1.5rem;display:block;height:var(--divide-height);background:var(--bgcolor-default);}
.notice-wrap .column > ul {margin:0 var(--margin-zero-column) !important;}
.notice-wrap li.no-list {display:block;height:218px;border-top:0 !important;padding-top:132px;background:url('../img/bg/find_result_bg2.png') no-repeat center 65px;background-size:46px auto;font-size:16px;line-height:16px;color:#777;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.notice-wrap li.notice {position:relative;background:#f7f7f7;}
.notice-wrap li.notice:first-child {background:#f7f7f7;}
.notice-wrap li {position:relative;display:block;border-bottom:1px solid #ededed;}
.notice-wrap li a, .notice-wrap li .title-wrap {display:block;padding:1.2rem var(--padd-column);}
.notice-wrap li .title {color:#111;font-size:1.05rem;letter-spacing:-0.05em;line-height:1.4;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.notice-wrap li .category {display:inline-block;margin-right:.5rem;color:#111;font-weight:bold;font-size:.9rem;vertical-align:middle;}
.notice-wrap li .icon {display:inline-block;height:16px;padding:0 8px;margin-left:4px;border-radius:50px;text-align:center;font-size:.7rem;line-height:14px;vertical-align:middle;}
.notice-wrap li .icon.ing {background:#e5e5e5;}
.notice-wrap li .icon.end {background:#777;color:#fff;}
.notice-wrap li .icon.new {background:#714dff;color:#fff;}
.notice-wrap li .info {position:relative;}
.notice-wrap li .date {font-size:.8rem;color:var(--txt-888);}
.notice-wrap li .photo {float:left;width:2.5rem;height:3rem;margin:0 1rem 1rem -.5rem;background-image:url(../images/icon_alram.png);background-position:center center;background-repeat:no-repeat;background-size:2.3rem auto;}
.notice-wrap li .item-inner {position:relative;display:none;padding:.5rem 2rem 2rem 5rem;font-size:0;font-size:.95rem;color:var(--txt-888);}
.notice-wrap li .item-inner p {font-size:inherit;color:inherit;}
.notice-wrap li .btn_del {position:absolute;right:0;top:19px;width:3.125rem;height:3.125rem;padding:0;background:url('../images/pop_close.png') no-repeat center center rgba(255,255,255,.1) !important;background-size:auto .7rem !important;font-size:0;z-index:10;}

/* faq */
.qna-list {clear:both;letter-spacing:-0.05em;margin:0 var(--margin-zero-column);}
.qna-list li:first-child {border-top:1px solid #eee;}
.qna-list li .item-inner {position:relative;overflow:hidden;}
.qna-list li h3 {position:relative;display:block;padding:1rem var(--padd-column);margin:0;color:#333;font-size:1rem;line-height:1.4;word-break:keep-all;word-wrap:break-word;}
.qna-list li h3.on {font-weight:bold;}
.qna-list li h3:after {content:'';position:absolute;right:0;top:50%;width:37px;height:37px;background:url('../images/icon/ico_open.png') center center no-repeat;background-size:auto 18px !important;transform:translateY(-50%);}
.qna-list li h3.on:after {background:url('../images/icon/ico_openclose.png') center center no-repeat;}
.qna-list li .item-inner {position:relative;display:none;background:#f8f8f8;padding:1.5rem 2.5rem;font-size:0;}
.qna-list li .item-inner p {margin-bottom:1rem;font-size:.95rem;color:#555;line-height:1.4;word-break:keep-all;word-wrap:break-word;}
.qna-list li .item-inner strong {font-weight:bold;font-size:inherit;color:inherit;}

/* 상세보기 > 기본정보 */
.nocie-view-header  {position:relative;background:#f4f4f4;padding:19px 0 10px 0;border-bottom:1px solid #ccc;overflow:hidden;}
.nocie-view-header .view-info {padding:0 12px;z-index:9;letter-spacing:-0.03em;overflow:hidden;}
.nocie-view-header .view-info .post-title {display:block;width:100%;margin-bottom:9px;padding:0;box-sizing:border-box;font-size:18px;line-height:23px;color:#333;font-weight:bold;word-wrap:break-word;}
.nocie-view-header .view-info .post-title .category {color:#0d4ad6;}
.nocie-view-header .view-info .meta-author {padding:0 0 5px 0;font-size:14px;line-height:15px;color:#555;}
.nocie-view-header .view-info .meta-author .bar {display:inline-block;width:1px;height:14px;margin:0 11px 3px 10px;background:#bcbcbc;vertical-align:middle;}
.nocie-view-header .view-info .file-attach {margin-top:10px;}
.nocie-view-header .view-info .file-attach a:before {content:'';position:absolute;left:0;top:-9px;display:block;width:100%;height:1px;background:#e8e8e8;}
.nocie-view-header .view-info .file-attach {position:relative;padding:5px 0 0 0;font-size:14px;color:#555;line-height:20px;}
.nocie-view-header .view-info .file-attach a {margin:0 0 0 1px;color:#555;}
.nocie-view-header .view-info .ico-wrapper {padding:0 0 5px 0;font-size:13px;}
.nocie-view-header .view-info .ico-download:after {content:'';display:inline-block;width:14px;height:14px;margin:-1px 0 0 7px;background:url('../img/magazine/ico_download2.png') no-repeat;background-size:cover;vertical-align:middle;}


/* 상세보기 > 내용 */
.nocie-view-body .column {background:#fff;padding:18px 13px 26px 13px;letter-spacing:-0.02em;line-height:18px;word-break:keep-all;word-wrap:break-word;}
.nocie-view-body p, .nocie-view-body span {font-size:14px;color:#555;line-height:15px;word-break:keep-all;word-wrap:break-word;}
.nocie-view-body .column img {margin-bottom:12px;max-width:100%;font-size:0;}

/* paging */
.paging {padding:1rem 0 2rem;text-align:center;font-size:1rem;color:#999;}
.paging a {display:inline-block;font-size:inherit;line-height:19px;vertical-align:middle;color:inherit;}
.paging a.active {color:#FC6500;font-weight:bold;}
.paging a.prev {width:40px;height:40px; border-radius:50%;margin-right:15px;border:0 solid #dfdfdf;background:url('../images/btn_prev2.png') no-repeat 50% 50% #f5f5f5; background-size:15px auto;}
.paging a.next {width:40px;height:40px; border-radius:50%;margin-left:15px;border:0 solid #dfdfdf;background:url('../images/btn_next2.png') no-repeat 50% 50% #f5f5f5; background-size:15px auto;}
.paging.bg {padding:19px 0 21px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #ccc;background:#f6f6f6;}

/* 메인 공지 */
.notice-list .column {padding:.5rem 0;}
.notice-list li {position:relative;}
.notice-list li a {display:block;padding-left:90px;padding-right:15px;font-size:1.05rem;letter-spacing:-1px;line-height:3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.notice-list li a span {position:absolute;left:1rem;top:50%;width:60px;transform:translateY(-50%);border:1px solid #ddd;border-radius:50px;text-align:center;font-size:.8rem;line-height:1.3rem;}

/*---------------------------------------------------------
	member
---------------------------------------------------------*/
.join .tit p {font-size:1.7rem;}

.flex {display:flex;justify-content: space-around;}
.flex select:first-child, .flex input:first-child {margin-right:.2rem;}
.flex select:last-child, .flex input:last-child {margin-left:.2rem;}

.agreeChk {padding:1rem 0;}
.agreeChk dt {border-radius:var(--radius-btn);background:var(--bgcolor-default);}
.agreeChk dt, .agreeChk dd {padding:0 var(--padd-box);}
.agreeChk dd label {display:inline-block;width:calc(100% - 4rem);font-size:.9rem;line-height:1.2;}
.agreeChk .basic_txt{color:#e53c39; font-size:12px; vertical-align: middle; margin-left:5px;}
.agreeChk .btn_link{float:right;margin-top:.8rem;margin-right:0;color:var(--txt-gray);font-size:.75rem; border-bottom:1px solid var(--txt-gray);}

.login .titlebar-left {display:none;}
.login input[type=checkbox] + label {padding-top:0;padding-bottom:0;}
.login .button-group {padding:1.5rem 0 .5rem;}
.login .btn_member {display:flex;padding:1rem 0 2rem;}
.login .btn_member button {flex:1;font-size:.9rem;color:var(--txt-black); }
.login .btn_member button strong {color:var(--bgcolor-main-blue); }
.login .btn_member button:hover{text-decoration: underline;}
.login .member_box .login {padding:0 var(--padd-box);}
.login .member_box .tit {height:16rem;padding-left:var(--padd-box);padding-right:var(--padd-box);background:url('/app/images/login_img.png?ver=202311103') no-repeat center;background-size:auto 12rem;}
.login .member_box .tit * {display:none;}

.input_item {position:relative;padding-top:1rem;margin-bottom:0.7rem;border:1px solid #eee; border-radius:var(--radius-btn); }
.input_item input {background-color:transparent;border:0;margin:0;text-indent:.7rem;}
.input_item input:focus {border:0}
.input_item:after {content:"";position:absolute; top:.8rem; right:.5rem;width:2.5rem; height:2.5rem;background-repeat:no-repeat;background-position:center;background-size:1.5rem auto;z-index: 9;}
.input_item.id:after{background-image: url("../images/login_icon1.png");}
.input_item.pw:after{background-image: url("../images/login_icon2.png");}

.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:.75rem;padding:0 5px;margin-top:-.85rem;font-size:1rem;color:var(--txt-aaa);z-index:-1;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.input_item label.filled, .input_item input:focus + label, .input_item input:-webkit-autofill + label  {top:1rem !important;left:.3rem !important;background:#fff;font-size:.75rem !important;z-index:1 !important;}
.input_item input:-webkit-autofill {-webkit-text-fill-color: #000;}
.input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}

/* 소셜네트워크 선택 */
.member_box .btn_social button {position:relative; display:block;width:100%; height:3.5rem; line-height:3.3rem; border:1px solid #dadada; background:#fff;text-align: center; font-size:1rem; color:#323232;text-indent:2rem;}
.member_box .btn_social button + button {margin-top:5px;}
.member_box .btn_social button::before{position:absolute;top:13px;left:10px;clear:both;display:inline-block;content:"";width:47px;height:30px;background-size:auto 30px !important;line-height: 30px;border-right:1px solid rgba(0,0,0,0.08);vertical-align: middle;}
.member_box .btn_social .naver::before{background: url("../images/icon/sns_naver.png") 4px 50% no-repeat;}
.member_box .btn_social .kakao::before{background: url("../images/icon/sns_kakaotalk.png") 4px 50% no-repeat;}
.member_box .btn_social .fb::before{background: url("../images/icon/sns_facebook.png") 4px 50% no-repeat;}
.member_box .btn_social .sk{color:#2cd79b;border:1px solid #1c2650;background:#1c2650;}
.member_box .btn_social .sk::before{background: url("../images/icon/sns_sk.png") 4px 50% no-repeat;border-right:1px solid rgba(255,255,255,0.15);}

/* 본인인증수단 */
.member_confirm li {margin-bottom:.5rem;}
.member_confirm li p {padding:6.5rem 0 1rem;background-size:auto 70px !important;border-radius: 3px; text-align: center;}
.member_confirm li p em {display:block; font-size:1.15rem;color:#111;font-weight: bold;font-style:normal;letter-spacing:-1px;}
.member_confirm li .type1 {background:#f6f6f6 url("../images/icon/member_confirm1.png") center 1.5rem no-repeat;}
.member_confirm li .type2 {background:#f6f6f6 url("../images/icon/member_confirm2.png") center 1.5rem no-repeat;}
.member_confirm li button {width:80%; margin-top:1rem;}

/*  tab */
.tab-ui {display:flex;padding:1rem 0;margin:0 var(--margin-column);font-size:0;}
.tab-ui a{flex:1;line-height:3.125rem;margin-left:-1px;border:1px solid #ddd; color:var(--txt-black);text-align:center;font-weight:bold;font-size:0.95rem;}
.tab-ui a:first-child {margin-left:0;border-radius:var(--radius-btn) 0 0 var(--radius-btn);}
.tab-ui a:last-child {border-radius:0 var(--radius-btn) var(--radius-btn) 0;}
.tab-ui a.on, .tab-ui a.active {position:relative;border-color:var(--bgcolor-btn); background-color:#fff; color:var(--bgcolor-btn); font-weight:bold;z-index:1;}
.tab_layer { padding:0;}

/* 가입정보 입력 */
.inputFormWrap li {position:relative;min-height:2rem;padding-bottom:1.2rem;font-weight: normal;}
.inputFormWrap li .fright {position: absolute;/*right:var(--padd-column);*/right:0;top: 0;}
.inputFormWrap ul + ul {margin-top:20px;}
.inputFormWrap li .title {font-size:.9rem; color:var(--txt-subtitle);}
.inputFormWrap li .title span {font-size:inherit;color:inherit;}
.inputFormWrap li.important {font-size:1.1rem;font-weight:bold;}
.inputFormWrap li.important .title {display:inline-block;padding-right:20px;font-weight:bold;font-size:1.2rem;}
.inputFormWrap li.important .title + input {display:inline-block;width:calc(100% - 130px);color:#FC6500;font-weight:bold;font-size:1.2rem;text-align:right;}
.inputFormWrap li input, .inputFormWrap li select, .inputFormWrap li textarea {border-width:0 0 1px 0 !important;/*border-color:var(--txt-gray);*/border-radius:0;margin-bottom:.5rem;}
.inputFormWrap li .button {margin-bottom:.5rem;font-size:.9rem;background-color:#ebf2fa;color:var(--bgcolor-btn);}
.inputFormWrap li .txt_info {display:block;padding-bottom:1rem;}
.inputFormWrap li .txt_info.error, .inputFormWrap li .txt_info.ok {padding:0;background:none;font-size:.9rem;}
.inputFormWrap li .flex {align-items:center;}
.inputFormWrap .tab-ui {padding-top:0;margin:0 0 1rem;}

.setting .inputFormWrap li .fright {right:0;}
.setting .row {padding:1rem 0;}
.setting .inputFormWrap li .title {font-size:1rem;color:var(--txt-black);}


/* 회원가입 완료 */
.join .titlebar-center {display:none;}
.join .member_box .tit {text-align:center;}
.member.member-findok .member_box .tit {height:20rem;background:url('../images/icon/login_complete.png') center bottom no-repeat;background-size:auto 8rem;text-align:center;}
.member.member-findok .member_box .tit p, .member.check-Done .member_box .tit p {display:inline-block;width:50%;word-break:keep-all;}
.member_box input + .remain {position:absolute;right:30%;margin-top:-2.8rem;font-weight:bold;color:#f00;font-size:.8rem;z-index:1;}

.member-msg {padding:3rem 0;text-align:center;font-size:.9rem;color:var(--txt-gray2);word-break:keep-all;}
.member-msg span.date {font-size:.8rem;color:var(--txt-999);}

.member.check-Done .tit {height:17rem;text-align:center;}

.checkImg {display:block; padding:1.5rem 0; }
.checkImg span {display:inline-block; width:8rem; height:8rem;  text-align:center;  border-radius:50%; background-color:#faf0e9; }
.checkImg span:before { content: "\e928"; line-height:8rem; font-size:3.6rem; font-family:'xeicon';display:inline-block; font-weight:bold; color:#fc6500; }

#check-group {    animation: 0.32s ease-in-out 1.03s check-group;    transform-origin: center;}
#check-group #check {    animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.6s forwards check;   stroke-dasharray: 0, 75px;    stroke-linecap: square;    stroke-linejoin: square;}
#check-group #outline {animation: 0.38s ease-in outline; transform: rotate(0deg); transform-origin: center;}
#check-group #white-circle { animation: 0.35s ease-in 0.35s forwards circle;    transform: none;    transform-origin: center;}


@keyframes outline {
  from {    stroke-dasharray: 0, 345.576px;  }
  to {    stroke-dasharray: 345.576px, 345.576px;  }
}
@keyframes circle {
  from {    transform: scale(1);  }
  to {    transform: scale(0);  }
}
@keyframes check {
  from {    stroke-dasharray: 0, 75px;  }
  to {    stroke-dasharray: 75px, 75px;  }
}
@keyframes check-group {
  from {    transform: scale(1);  }
  50% {    transform: scale(1.09);  }
  to {    transform: scale(1);  }
}


/* 주소찾기 */
.postLayer {display:none;position:fixed; width:90%; top:20%; left:5%; border:1px solid var(--bgcolor-btn);box-shadow:0.1rem 0.1rem 0.8rem rgb(45 116 245 / 30%);z-index:10;}

/* 추천인검색 */
.recomm_id {display:block;}
.recomm_id .top {display:block; background-color:#f8f8f8; padding:.5rem 0; }
.recomm_id .top input {display:inline-block;width:calc(100% - 3.125rem);border:0;background-color:transparent; margin:0;text-indent:1rem;}
.recomm_id .top button {border:0; background-color:transparent; display:inline-block;width:3.125rem;height:3.125rem;}
.recomm_id .top button:before {content:"\e97a"; display:inline-block; color:var(--txt-black); font-family:'xeicon'; font-size:25px; }
.recomm_id ul li {border-bottom:1px solid #eee; padding:0 var(--padd-column);}
.recomm_id ul li span {display:inline-block; vertical-align:top; font-size:1rem; color:var(--txt-black);line-height:3.2rem;font-weight:bold;}
.recomm_id ul li span:first-child {width:40%; color:var(--txt-gray);font-weight:normal;font-size:.9rem}
.recomm_id ul li span:first-child + span {width:60%;}

.join_box h3.title {padding:1rem 0;font-size:1.1rem;}

/*---------------------------------------------------------
	마이페이지
---------------------------------------------------------*/
.bgMypage {height:auto;}
.bgMypage .sub-nav:before {background-color:transparent !important;}
.bgMypage .header {background:var(--bgcolor-default);}

.mypage_box {padding-top:2rem;}
.mypage_box .btn-leave {padding-bottom:2rem;}
.mypage_box .btn-leave a {width:100%;font-weight:normal;}

.mypage-user {background-color:var(--bgcolor-default);}
.mypage-user .title {padding:3rem 0 0;}
.mypage-user .title p {padding:0 0 .5rem .5rem;font-size:1.7rem;}
.mypage-user .right {position:absolute;right:0;bottom:0;}
.mypage-user .photo {position:absolute;right:.5rem;top:1rem;width:4rem;height:4rem;border-radius:50%;overflow:hidden;background-image:url('/app/images/_temp/@dealer.png');background-repeat:no-repeat;background-position:center;background-size:cover;}
.mypage-user .box {margin:0 var(--margin-column);background:transparent;overflow:visible;}
.mypage-user .button.txt {font-size:.75rem;}

.mypage-user ul {display:flex;}
.mypage-user ul li {display:inline-flex;justify-content: center; width:100%; text-align: center; }
.mypage-user ul li a i, .mypage-user ul li div i {display:block;position:relative;height:3rem;color:#FC6500;font-size:2rem;font-style:normal;line-height:2.8rem;}
.mypage-user ul li div i {color:#f43900;}
.mypage-user ul li a i::after, .mypage-user ul li div i::after {content:'';position:absolute;left:50%;bottom:7px;width:20px;height:1px;background:#FC6500;transform:translateX(-50%)}
.mypage-user ul li div i::after {background:#f43900;}

/* 그래프  */
.graph-wrap {padding:var(--padd-row) 0;height:23rem;}
.graph-wrap .graph {width:100%;height:100%;}
.legend {padding-top:1rem;line-height:30px;text-align:center;color:var(--txt-888);font-size:.75rem;}
.legend span {display:inline-block;width:14px;height:6px;margin:0 5px 0 15px;vertical-align:middle;}
.legend span.color1 {background:#ddd;}
.legend span.color2 {background:#FC6500;}
.legend span.color3 {background:#ffa200;}
.legend span.color4 {background:#00a351;}
.legend span.color5 {background:#008ed8;}
/*.graph-wrap.sub {height:24rem;padding:2rem 0;}*/

.month-select {padding:1.5rem 0;background:var(--bgcolor-default);}
.month-select .column {font-size:0;text-align:center;}
.month-select select {display:inline-block;width:7rem;border:0;background-color:transparent;text-align:center;font-weight:bold;}
.month-select select, .month-select button {margin:0;}

.month-select .button {position:absolute;left:0;width:3.125rem;background-image:url(../images/icon/icon_arrow.png);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:auto 1.5rem;font-size:0;transform:rotate(180deg);}
.month-select .button:nth-of-type(2) {left:auto;right:0;background-image:url(../images/icon/icon_arrow.png);transform:rotate(0deg);}


.ui-info {position:relative;padding:var(--padd-row) 0;}
.ui-info ul {display:flex;}
.ui-info li {flex:1;text-align:center;}
.ui-info li i {display:block;color:var(--txt-subtitle);font-size:.938rem; }
.ui-info li strong {display:block;font-size:2rem;}
.ui-info .btn-miniline {position:absolute; right:1rem; bottom:1.3rem; }

.ui-info.type2 {background:var(--txt-impact);}
.ui-info.type2 h2 {padding:0 0 1rem;text-align:center;color:#fff;font-weight:normal;letter-spacing:0;}
.ui-info.type2 li i {color:rgba(255,255,255,.5);}
.ui-info.type2 li strong {color:#fff;font-weight:normal;}

.qa-list {border-top:1px solid #ededed;}
.qa-list li {position:relative;display:block;border-bottom:1px solid #ededed;}
.qa-list li a {display:block;padding:1rem;}
.qa-list li .title {color:#111;font-size:1.05rem;letter-spacing:-0.05em;line-height:1.4;word-wrap:break-word;}
.qa-list li .category {display:inline-block;margin-right:.5rem;color:#111;font-weight:bold;font-size:.9rem;vertical-align:middle;}
.qa-list li .icon {display:inline-block;width:auto;height:auto;padding:0 5px;margin-left:4px;border-radius:3px;text-align:center;font-size:.7rem;line-height:1.1rem;vertical-align:middle;}
.qa-list li .icon.ing {background:#e5e5e5;}
.qa-list li .icon.end {background:#777;color:#fff;}
.qa-list li .icon.new {background:#ff6000;color:#fff;}
.qa-list li .icon.re_wait {background:#ef597c;color:#fff;white-space:nowrap;}
.qa-list li .icon.re_end {background:#596178;color:#fff;white-space:nowrap;}
.qa-list li .info {position:relative;padding-top:.2rem;}
.qa-list li .date {font-size:.8rem;color:var(--txt-888);}
.qa-list li .photo {float:left;width:3rem;height:3rem;margin:0 15px 15px 0;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(/images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;}
.qa-list li .photo span {display:none;}
.qa-list li .photo.master {background-color:#f30026;background-image:none;border-color:#f30026;}
.qa-list li .photo.master span {display:block;color:#fff;line-height:3rem;text-align:center;font-size:.8rem;letter-spacing:-1px;}

.qa-list-wrap.qa {padding:var(--padd-row) 0;}
.qa-list-wrap.qa .qa-list li .icon {position:absolute;right:0;bottom:0;}
.qa-list-wrap.qa .qa-list {margin:0 var(--margin-column) !important;}

.qa-list-wrap.car-sell {padding-bottom:1rem;background:#f6f6f6;}
.qa-list-wrap.car-sell li {padding:1.2rem 1rem;border:0;margin-bottom:.5rem;background:#fff;}
.qa-list-wrap.car-sell li .year {padding-bottom:2px;font-size:.9rem;color:#999;}
.qa-list-wrap.car-sell .qa-list li .icon {position:absolute;right:0;bottom:0;display:inline-block;border-radius:50%;width:50px;height:50px;border:1px solid #dfdfdf;background-color:#fff;letter-spacing:-1px;line-height:50px;color:#f8002d;font-size:.9rem;font-weight:bold;text-align:center;}
.qa-list-wrap.car-sell .qa-list li .icon.ing {color:#999 !important;}

/*---------------------------------------------------------
	서브페이지
---------------------------------------------------------*/

/* 검색 */
.sub-search {display:none;padding-bottom:1rem;}
.sub-search .column {position:relative;font-size:0;}
.sub-search input[type=text] {background:#fff !important;margin:0;border-width:0 0 1px 0;}
.sub-search .submit {position:absolute;right:0.5rem;bottom:.5rem;width:3rem;border-radius:5px;background:url(../images/icon/btn_search_black.png) no-repeat center center;border:0;background-size:auto 1.3rem;font-size:0;}
.sub-search .button {position:absolute;right:1rem;top:0;margin:0;border-radius:5px;}
.sub-search.bg {padding:.5rem;display:block !important;background:#eee;}
.sub-search.bg input[type=text] {border-width:1px;}
.sub-search .date {width:calc(50% - 12px);display:inline-block;border:1px solid #d4d4d4;padding:0 .7rem;background:#fff;margin-bottom:4px;line-height:3rem;}
.sub-search .bar {display:inline-block;width:24px;text-align:center;}

.btn-carlistAll {display:block; position:relative; clear:both; height:45px; line-height:43px; border-radius:5px; margin-bottom:2rem; border:1px solid #ddd; text-align:center; font-size:15px; color:#000; }

.fixed + .container .sub-search {height:3.5rem;}
.fixed + .container .sub-search .column {position:fixed;top:3.125rem;left:0;width:100%; background:#fff; z-index:9;}
.fixed.tab + .container .sub-search .column {position:fixed;top:5.925rem;left:0;width:100%;z-index:9;}
.fixed + .container .sub-search.bg {height:4.5rem;}
.fixed + .container .sub-search.bg .column  {padding:.5rem;background:#eee;}
.fixed + .container .sub-search.bg .button {right:1rem;bottom:1rem;}

/* 차량정보 */
.car_info_table {border-collapse:unset;margin-bottom:1.5rem;}
.car_info_table td:nth-child(2) {border-right:1px solid #eee;}
.car_info_table th {padding:0 0 0 1rem;text-align:left;/*text-align:center;*/box-sizing:content-box;}
.car_info_table th img { height:26px; }
.car_info_table tbody tr:nth-child(even) {background:none;}
.car_info_table td { width:35.5%;padding:.7rem 1rem .7rem 0;font-size:1rem;word-break:keep-all;box-sizing:border-box;}
.car_info_table td .smr { display:block; color:#999; font-size:.75rem; padding-bottom:3px;line-height:1;}
.car_info_table td .txt_s {display:inline-block;font-size:12px;}
.car_info_table td.font14 {font-size:.9rem;}
.car_info_table td.as {padding-left:29px;line-height:18px;font-size:12px;}
.car_info_table td.as .smr {display:inline-block;padding-right:9px;padding-bottom:0;}
.car_info_table td.as div {font-size:12px;}

.est_table {position:relative;padding:0 .5rem;font-size:.95rem;}
.est_table > li {clear:both;position:relative;width:100%;display:inline-block;line-height:24px;clear:both;padding:8px 0;color:#000;letter-spacing:-1px;font-size:100%;line-height:15px;box-sizing:border-box;}
.est_table > li .left {display:inline-block;max-width:42%;}
.est_table > li .right {float:right;max-width:75%;text-align:right; font-size:1.15rem;color:#111;letter-spacing:0;line-height:inherit;}
.est_table > li .right span {position:relative;right:auto;top:auto;}
.est_table > li .car_icon {padding:1.5rem 0 1rem;}
.est_table > li .btn-wrap, .est_table > li .fuc_wrap {margin:0 -1.5rem;}
.est_table > li .car_option {clear:both;margin:1rem -1.5rem !important;/*border-top:1px solid #eee;*/font-size:0;overflow:hidden;}
.est_table > li .car_option li {position:relative;display:block;padding:.3rem 1.5rem;font-size:.85rem;color:var(--txt-888);box-sizing:border-box;}
.est_table > li .car_option li span {display:inline-block;width:75%;color:inherit;font-size:inherit;}
.est_table > li .car_option li strong {position:absolute;right:1rem;top:.3rem;display:block;text-align:right;font-size:.9rem;color:#333;font-weight:bold;}
/*.est_table > li .car_option li {position:relative;float:left;display:inline-block;width:50%;min-height:6rem;padding:1rem;border-bottom:1px solid #eee;border-right:1px solid #eee;font-size:.85rem;color:var(--txt-888);box-sizing:border-box;}
.est_table > li .car_option li:nth-chidl(2n) {border-right:0;}
.est_table > li .car_option li strong {position:absolute;right:1rem;bottom:1rem;display:block;text-align:right;font-size:1rem;color:#ff1c1c;font-weight:bold;}*/

.est_box ul {clear:both;border-top:1px solid #eee; }

/* 사진리스트 */
.photo_list {text-align:center;}
.photo_list ul {display:flex;width:100%;font-size:0;flex-wrap:wrap; font-size:0;}
.photo_list li {position:relative;display:inline-block;width:48%;padding:0;margin:0 0 2% 4%;font-size:0;}
.photo_list li:nth-child(1),
.photo_list li:nth-child(3) {margin-left:0}
.photo_list li .photo {position:relative;max-width:245px;min-height:80px;max-height:170px;border:1px solid #dfdfdf; border-radius:7px; margin:0 auto;overflow:hidden;font-size:0;background:url(../images/icon/icon_add.png) no-repeat center center #fbfbfc;background-size:auto 30px;}
.photo_list li .photo span {display:block; text-align:center; margin-top:45%; color:var(--txt-888); border:1px solid #f00 }
.photo_list li.full {width:100%;margin:0;}
.photo_list li.full .photo {max-width:100%;}
.photo_list li a {display:block;height:100%;font-size:0;}
.photo_list li .title {padding-top:5px;}
.photo_list li img {width:100%;}
.photo_list li button {display:none;position:absolute;right:0;top:0;width:35px;height:30px;background:url(../images/icon/delete_menu_white.png) no-repeat center center rgba(0,0,0,.4);background-size:45% auto;text-indent:-9999px;font-size:0;z-index:10;}
.photo_list li .photo.on button {display:block;}
.photo_list.col5 li .title {padding-bottom:10px;}
.photo_list.wide .photo {max-height:80px;}
.photo_list.col3 li {width:32%;}
.photo_list.col3 .photo {min-height:65px;max-height:110px;}
.photo_list.myinfo .photo {height:130px !important;}
.photo_list.myinfo{margin-bottom:20px;}
.photo_popup {display:none;position:fixed;bottom:0;left:0;width:100%;z-index:99999;}
.photo_popup .btn_photo {position:relative;float:left;width:50%;height:72px;border:0;border-radius:0;background:#31c591;text-align:center;overflow:hidden;cursor:pointer;}
.photo_popup .btn_photo:first-child::after {content:'';display:block;position:absolute;top:0;right:0;width:1px;height:72px;background:#1ca575;}
.photo_popup .btn_photo span {position:relative;font-size:1.05rem;letter-spacing:-1px;line-height:72px;color:#fff;font-weight:500;}
.photo_popup .btn_photo.icon1 span:before	{content:''; display:inline-block;width:30px;height:30px;margin-right:10px;background:url('../images/icon/add_photo_camera.png') center center no-repeat;background-size:auto 20px;vertical-align:middle;}
.photo_popup .btn_photo.icon2 span:before	{content:''; display:inline-block;width:30px;height:30px;margin-right:10px;background:url('../images/icon/add_photo_album.png') center center no-repeat;background-size:auto 20px;vertical-align:middle;}

/* 이용약관 */
.joinrule {padding:1rem 0 3rem;}
.joinrule h3 {padding:1rem 0 1rem;font-weight:bold;font-size:1rem;}
.joinrule p {padding-bottom:1rem;font-size:.9rem;color:var(--txt-777);}
.joinrule li {position:relative;padding-bottom:.5rem;font-size:.9rem;color:var(--txt-777);}
.joinrule ul, .joinrule ol {padding-bottom:.5rem;}
.joinrule ul li {padding-left:1rem;}
.joinrule ul li:before {content:'';position:absolute;left:.3rem;top:1rem;width:5px;height:1px;background:#555;}
.joinrule th {line-height:1.2rem;}

/* loading  */
.loading_img {position:fixed;left:0;top:0;right:0;bottom:0;background:url(../images/icon_loading.svg) center center no-repeat rgba(255,255,255,.5);background-size:auto 50px;z-index:100000000;}

/* 차량메모 */
.memoadd {padding:0 0 40px;}
.memoadd .add_text {display:block;cursor:pointer;font-size:14px;line-height:30px;}
.memoadd .add_text:hover {text-decoration:underline;}
.memoadd b {font-size:14px;color:#49c39a;}

.option-item {font-size:0; padding:var(--padd-column);  }
.option-item button {display:inline-block; vertical-align:top; height:45px; line-height:43px; width:48%; margin:1%; font-size:14px; color:var(--txt-black); border:1px solid #dedede; border-radius:4px;}
.option-item button.on, .option-item button.active { color:var(--bgcolor-btn) !important; border-color:var(--bgcolor-btn); background-color:#fbf5f0; font-weight:bold; }
.option-item button:hover { color:#fc6500 !important; border-color:#fc6500; background-color:#fbf5f0; font-weight:bold; }

.option-item input + label {display:flex;align-items:center;justify-content:center;min-height:3.5rem;margin-bottom:.3rem;padding:.5rem;border:1px solid #ddd;border-radius:var(--radius-btn);text-align:center;vertical-align:middle;}
.option-item input:checked + label {border-color:var(--bgcolor-btn);color:var(--bgcolor-btn);font-weight:bold;}
.option-item input + label:after, .option-item input + label:before  {display:none !important;}
.option-item textarea {border-radius:5px; height:120px; }

.option-item.col2 input + label  {display:inline-flex;width:calc(50% - .3rem);margin:0 .3rem .3rem 0;}
.option-item.col2 input:nth-of-type(2n) + label {margin-right:0;}

.option-item.col3 input + label  {display:inline-flex;width:calc(33.33% - .3rem);margin:0 .3rem .3rem 0;}
.option-item.col3 input:nth-of-type(3n) + label {margin-right:0;}



/*---------------------------------------------------------
	내차관리
---------------------------------------------------------*/
.mycar_manage .container {background:#f4f4f4;}
.mycar_manage .usedcar-list.list-view>li {margin-bottom:7px;background:#fff;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.07);}
.mycar_manage .usedcar-list.list-view>li:after {height:0;}

.myconsult {background:#f8f8f8;}
.myconsult .ex-box {background:#fff;margin:0;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);}
.myconsult .usedcar-list.list-consult .icon {bottom:0 !important;top:auto;right:0 !important;width:65px;height:32px;border-bottom-left-radius:0;border-top-right-radius:0;line-height:32px;}
.myconsult .usedcar-list.list-consult {margin-top: 7px !important;}
.myconsult .usedcar-list.list-consult > li .usedcar-date {position:relative;right:auto;bottom:auto;}
.myconsult .usedcar-list.list-consult > li.selected .usedcar-date, .myconsult .usedcar-list.list-consult > li.noselected .usedcar-date {text-align:right;}

/* 거래단계 */
.mystep-box {margin:0 var(--margin-zero-column);/*border:1px solid #bbcff4;border-radius:var(--radius-default);box-shadow:0.1rem 0.1rem 0.8rem rgb(45 116 245 / 10%);overflow:hidden;*/}
.mystep-box .step-header {position:relative;background:var(--bgcolor-default);padding:1.3rem var(--padd-column);}
.mystep-box .step-header h2 {font-weight:bold;color:var(--bgcolor-main-blue);font-size:.9rem;}
.mystep-box .step-wrap {position:absolute;right:var(--padd-column);top:2rem;width:10rem;font-size:0;}
.mystep-box .step-wrap:before {content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:#fff;z-index:0;}
.mystep-box .step-wrap:after {content:'';position:absolute;left:0;top:0;width:0%;height:1px;background:var(--bgcolor-main-blue);z-index:1;}
.mystep-box .step-wrap span {position:absolute;left:0;top:0;display:inline-block;width:.5rem;height:.5rem;margin-left:-.25rem;border:0;background:#fff;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;font-size:0;z-index:3;}
.mystep-box .step-wrap.step1 span:nth-child(1), .mystep-box .step-wrap.step2 span:nth-child(2), .mystep-box .step-wrap.step3 span:nth-child(3), .mystep-box .step-wrap.step4 span:nth-child(4), .mystep-box .step-wrap.step5 span:nth-child(5) {width:1rem;height:1rem;border:.35rem solid var(--bgcolor-main-blue);box-shadow:1px 2px 3px rgba(45,116,245,.65);}
.mystep-box .step-wrap.step2 span:nth-child(1), .mystep-box .step-wrap.step3 span:nth-child(1), .mystep-box .step-wrap.step3 span:nth-child(2), .mystep-box .step-wrap.step4 span:nth-child(1), .mystep-box .step-wrap.step4 span:nth-child(2), .mystep-box .step-wrap.step4 span:nth-child(3), .mystep-box .step-wrap.step5 span:nth-child(1), .mystep-box .step-wrap.step5 span:nth-child(2), .mystep-box .step-wrap.step5 span:nth-child(3), .mystep-box .step-wrap.step5 span:nth-child(4) {background:var(--bgcolor-main-blue);}
.mystep-box .step-wrap span:nth-child(2) {left:25%;}
.mystep-box .step-wrap span:nth-child(3) {left:50%;}
.mystep-box .step-wrap span:nth-child(4) {left:75%;}
.mystep-box .step-wrap span:nth-child(5) {left:auto;right:0;}
.mystep-box .step-wrap.step1:after {width:0%;}
.mystep-box .step-wrap.step2:after {width:25%;}
.mystep-box .step-wrap.step3:after {width:50%;}
.mystep-box .step-wrap.step4:after {width:75%;}
.mystep-box .step-wrap.step5:after {width:90%;}

.mystep-box .step-cont {padding:2rem var(--padd-column);border-bottom:1px solid #eee;/*color:#8b93a0;*/word-break:keep-all;font-size:1rem;}
.mystep-box .step-cont > p {padding-bottom:1.5rem;color:inherit;word-break:keep-all;letter-spacing:inherit;text-align:center;font-size:1.1rem;}
.mystep-box .step-cont h3 {padding:0 0 2rem;font-weight:bold;font-size:1.7rem;*text-align:center;*/}
.mystep-box .step-cont h4 {font-weight:bold;font-size:1.1rem;}
.mystep-box .step-cont strong {/*display:block;*/font-size:1.15rem;}
.mystep-box .step-cont.wait {padding:110px 2rem 3rem;background:url(../images/icon/icon_wait.png) no-repeat center 45px;background-size:auto 55px;text-align:center;}
.mystep-box .step-cont.result > strong.subtitle {display:inline-block;padding-bottom:1rem;font-size:1.4rem;letter-spacing:-1px;}

.mystep-box .step-cont .check_cont {padding:0 0 3rem 1.7rem;}
.mystep-box .step-cont .check_cont .title {border-top:1px solid #ddd;margin-top:1.5rem;padding:1.5rem 0 .5rem;color:#393b3b;font-size:1.2rem;font-weight:bold;}
.mystep-box .step-cont .check_cont .file-list {padding-top:0;}
.mystep-box .step-cont .check_cont.txtonly {border-radius:.4rem;margin-top:1rem;padding:1.5rem;background:#f2f3f5;}
.mystep-box .step-cont.topNtop {text-align:center; padding:1.5rem 1.5rem 3rem;}
.mystep-box .step-cont.topNtop .tit {font-size:1.1rem; font-weight:bold; color:#fc6500}
.mystep-box .step-cont.topNtop .exp {margin-top:0.85rem; font-size:0.90rem !important;  line-height:1.6em; color:var(--txt-777); letter-spacing:-.04em; }

.mystep-box .inputFormWrap {border-top:.1rem solid #eee;padding-top:1rem;text-align:left;}
.mystep-box .inputFormWrap ul {margin:0;}
.mystep-box .inputFormWrap li {padding-top:1.2rem;}
.mystep-box .inputFormWrap li .fright {top:.5rem;right:0;font-size:1.1rem;}
.mystep-box .inputFormWrap li .fright, .mystep-box .inputFormWrap li span {line-height:3rem;}
.mystep-box .inputFormWrap li input[type=checkbox] + label:before {border-radius:.15rem;}
.mystep-box .inputFormWrap li label:last-child {padding-right:0;}
.mystep-box .inputFormWrap li .childlayer {padding-top:1rem;}
.mystep-box .inputFormWrap li input, .mystep-box .inputFormWrap li select, .mystep-box .inputFormWrap li textarea {border-color:#8b93a0;}
.mystep-box .inputFormWrap li .square input[type=checkbox] + label *, .mystep-box .inputFormWrap li .square input[type=radio] + label * {margin-top:.2rem;}
.mystep-box .inputFormWrap.txtonly {border-bottom:.1rem solid #eee;padding:1rem 0;}
.mystep-box .inputFormWrap .inputFormWrap.txtonly {border:0;margin:0;}
.mystep-box .inputFormWrap.txtonly li {padding:0;}
.mystep-box .inputFormWrap.txtonly li .fright, .mystep-box .inputFormWrap.txtonly li span {top:0;line-height:2.3rem;}
.mystep-box .inputFormWrap #cash_type1 + label, .mystep-box .inputFormWrap #cash_type2 + label {display:inline-block;padding-top:.7rem;}
.mystep-box .inputFormWrap #cash_type1 + label i, .mystep-box .inputFormWrap #cash_type2 + label i {margin-top:.5rem;font-size:.85rem;}.mystep-box .visit1 > strong {font-size:1.1rem;color:#111;}
.mystep-box .visit {margin-bottom:10px;}
.mystep-box .visit1 > strong {font-size:1.1rem;color:#111;}
.mystep-box .visit1 .title {display:inline-block;padding-right:10px;}
.mystep-box .visit1 .btn-call {margin-top:5px;}
.mystep-box .visit3 {padding:0;}
.mystep-box .visit2, .mystep-box .visit3 {float:left;width:40%;}
.mystep-box .visit2 {float:left;width:57%;padding-right:2%;}
.mystep-box .visit2 input, .mystep-box .visit3 select {margin-bottom:0;}
.mystep-box .visit3 select {height:48px;border-radius:3px;}
.mystep-box .visit4 {width:100%; }
.mystep-box .ex-box {padding:0;}
.mystep-box .ex-box li {padding-top:0.2rem;padding-bottom:0;}
.mystep-box .ex-box.li_aucResultY {padding-bottom:2rem;}
.mystep-box .button-group {padding:0;}
.mystep-box .memo {width:100%; border:1px solid #ddd; height:100px;}

.mystep-box .infobox {padding:var(--padd-column);border-radius:5px;margin:-1.7rem var(--margin-zero-column) !important;text-align:left;}
.mystep-box .infobox li {position:relative;padding:.25rem 0;font-size:.9rem;font-weight:bold;text-align:right;font-size:1.1rem;}
.mystep-box .infobox li span + span {font-weight:inherit;font-size:inherit !important;}
.mystep-box .infobox li .title {display:inline-block;width:6rem;font-size:.9rem;color:var(--txt-777);letter-spacing:-1px;font-weight:normal;}
.mystep-box .infobox li span:first-child {position:absolute;left:0;text-align:left;}
.mystep-box .infobox li .photo_list {display:inline-block;width:calc(100% - 78px);vertical-align:top;}
.mystep-box .infobox input[type=radio] + label {display:block;padding-top:.6rem;padding-bottom:.6rem;line-height:21px;}
.mystep-box .infobox input[type=radio] + label i {font-size:90%;color:var(--txt-888);letter-spacing:0;}
.mystep-box .ex-box.mystep {padding-top:1rem}
.mystep-box .ex-box.mystep span {font-size:110%;font-weight:bold;}

.mypage-menu h3 {clear:both;float:left;width:8rem;padding:1.8rem 0 0;font-size:1.1rem;}
.mypage-menu ul {float:left;width:calc(100% - 8rem);padding:1.2rem 0;}
.mypage-menu ul:before {content:'';position:absolute;left:0;right:0;margin-top:-1.2rem;height:1px;background:#eee;}
.mypage-menu li a {display:block;padding-left:1rem;font-size:1rem;line-height:2.5rem;letter-spacing:-.08rem;color:var(--txt-555);}

.table-wrap .column {padding:0;}
.table {width:100%}
.table th {background:#494f61;text-align:center; padding:0.65rem 0; font-size:.8rem;color:rgba(255,255,255,.7);font-weight:normal}
.table td {padding:15px 5px ;border-bottom:1px solid #f1f1f1;}
.table td:first-child {font-size:.9rem;color:var(--txt-888);}
.table tbody tr:nth-child(even) {background:transparent;}

@media all and (max-width:320px){
	.mypage-menu li a {font-size:.85rem; }


}

/*---------------------------------------------------------
	차량감가평가
---------------------------------------------------------*/
/* 차량정보 확인 */
.carInfo-check h3.title {padding-top:var(--padd-row);}

.estimate_state_wrap {background:var(--bgcolor-default);}
.estimate_state_wrap .column {padding-bottom:1.5rem;}
.estimate_state_wrap .estimate_state {margin:0 var(--margin-column);}
.estimate_state a {position:relative;display:block;margin:.7rem 0;background:#fff;border-radius:var(--radius-default);padding:0 1rem;font-size:.95rem;line-height:4rem;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.estimate_state a strong {padding-right:.5rem;color:var(--txt-impact); font-size:1.5rem;}
.estimate_state a:after {content:"\e93f" ;position:absolute; right:1rem; top:50%;font-family:'xeicon'; font-size:1.3rem; color:#666;transform:translateY(-50%); }


.carDep .column {padding:0;}
.carDep .column > ul > li {position:relative;padding:2rem var(--padd-column);}
.carDep .carInfo-box {padding:1rem 0 2rem;}
.carDep .carInfo-box img {position:absolute;right:var(--padd-column);top:2rem;height:5rem;}
.carDep .carInfo-box p {padding-bottom:.5rem;font-size:1.25rem; line-height:1.5rem;font-weight:bold; width:65%} /* 20231115 width값 수정 */
.carDep .carInfo-box h2 {max-width:14rem;font-size:.9rem;word-break:keep-all;}
.carDep .carInfo-box h2 b {display:block;padding-top:1rem;font-size:1.1rem;}
.carDep .info {border-top:1px dashed #eee;padding-top:1rem;}
.carDep .info li {display:block; margin-bottom:0.25rem;color:#333; font-size:0}
.carDep .info li span {display:inline-block;vertical-align:top;}
.carDep .info li span:first-child {width:8rem;color:var(--txt-subtitle);font-size:.8rem;}
.carDep .info li span + span {font-weight:bold; width:calc(100% - 8rem);font-size:1rem;text-align:right;}
.carDep .button-group.col2 .button {width:60%;}
.carDep .button-group.col2 .button:first-child {width:calc(40% - .5rem);margin-right:.5rem;}

/*
.carDetail-Check {position:relative; padding-bottom:2.5rem;}
.carDetail-Check .row {margin-bottom:2rem; }
.carDetail-Check p.title {font-size:14px; color:#444; letter-spacing:-.06em; margin-top:2.2rem; }
.carDetail-Check p.title:first-child {margin-top:1rem; }
.carDetail-Check .check-item {font-size:0;clear:both; display:flex;  margin-top:10px;}
.carDetail-Check .check-item button {border:0; display:inline-flex; justify-content: center; margin-left:5px; width:100%;font-size:15px; color:#000;border-radius:7px; background-color:#f1f2f3; border:1px solid #eaebec;  height:50px; line-height:48px; }
.carDetail-Check .check-item button:first-child {margin-left:0}
.carDetail-Check .check-item button:hover, .carDetail-Check .check-item button.on, .carDetail-Check .check-item button.active{background-color:#fef0e6; border-color:#fc6500; color:#f65700; font-weight:bold;}

.carDetail-Check .count-box {display:flex; justify-content: space-between;width:100%; margin-top:0.65rem; padding-left:0.35rem; padding-right:0.25rem; padding-bottom:0rem; font-size:14px; border-bottom:1px solid #ddd;}
.carDetail-Check .count-box .count {display:inline-flex; justify-content: center; padding:0.25rem 0rem;  }
.carDetail-Check .count-box span {display:inline-flex; font-size:16px; font-weight:bold; }
.carDetail-Check .count-box em {display:inline-flex; margin-top:8px;   font-size:15px; color:#555; }
.carDetail-Check .count-box .btn-down {display:inline-flex;margin-right:12px; border:0; background-color:transparent; line-height:1.6rem;  }
.carDetail-Check .count-box .btn-down:before {content:"\e91a";display:inline-block;vertical-align:middle;  font-family:'xeicon'; font-size:18px; color:#333; }
.carDetail-Check .count-box .btn-up {display:inline-flex;margin-left:12px; border:0; background-color:transparent; line-height:1.6rem; }
.carDetail-Check .count-box .btn-up:before {content:"\e913" ; display:inline-block;vertical-align:middle;  font-family:'xeicon'; font-size:18px; color:#333; }
.carDetail-Check .count-box input { text-align:center; border:0; height:40px; background-color:transparent; font-size:18px;}
.carDetail-Check .count-box input.number {font-size:25px;}
.carDetail-Check .check-Done {text-align:center; padding:3rem 0 2rem;  }
.carDetail-Check .check-Done h3 {font-family:'NotoSans'; letter-spacing:0; font-size:1.2rem; color:#333; font-weight:bold;  }
.carDetail-Check .check-Done .checkImg {display:block; padding:1.5rem 0; }
.carDetail-Check .check-Done .checkImg span {display:inline-block; width:8rem; height:8rem;  text-align:center;  border-radius:50%; background-color:#faf0e9; }
.carDetail-Check .check-Done .checkImg span:before { content: "\e928"; line-height:8rem; font-size:3.6rem; font-family:'xeicon';display:inline-block; font-weight:bold; color:#fc6500; }
.carDetail-Check .check-Done .txt {display:block; font-size:0.85rem; color:#555; line-height:1.5em; padding:0.5rem 0.85rem; letter-spacing:-.06em; word-break:keep-all;}


.carDetail-Check .check-item input[type=radio] + label {display:inline-flex; justify-content: center; width:100%;  margin-left:6px;  height:55px; line-height:53px; font-size:0.95rem;color:#666;text-align:center;  border-radius:7px; background-color:#f1f2f3; border:1px solid #ddd; padding:0;cursor:pointer;}
.carDetail-Check .check-item input[type=radio] + label:after {display:none}
.carDetail-Check .check-item input[type=radio]:first-child  + label{margin-left:0 !important;}
.carDetail-Check .check-item input[type=radio]:checked + label {color:#FC6500 ; border-color:#FC6500; background-color:#fbf5f0; font-weight:bold; }
.carDetail-Check .check-item input[type=radio]:checked + label:after {display:none;}
*/


/*---------------------------------------------------------
	중고차시세 Table
---------------------------------------------------------*/
.siseWrap .btn_toggle {position:absolute; right:0; top:0; width:100%; height:100%;  text-align:center;  background-color:transparent; border-bottom:0px solid #f00}
.siseWrap .btn_toggle:after {content:"";display:inline-block; width:100%; height:100%; background-image:url('../images/icon/ico_open.png'); background-size:auto 20px; background-color:transparent; background-position:95% center;  }
.siseWrap .btn_toggle.open:after {background-image:url('../images/icon/ico_openclose.png');}

.siseWrap .siseCarTitle {position:relative;padding:.5rem var(--padd-half-column) 2rem;background:var(--bgcolor-default);}
.siseWrap .siseCarTitle a {display:block;position:relative; width:100%; height:100%;  }
.siseWrap .siseCarTitle a:after {content:"\e93f";position:absolute;right:0;top:50%;color:var(--txt-888);font-family:'xeicon'; font-size:1.5rem;transform:translateY(-50%);}
.siseWrap .siseCarTitle .carImg {display:inline-block; vertical-align:middle; }
.siseWrap .siseCarTitle .carImg img {height:2.8rem; }
.siseWrap .siseCarTitle .carTitle {width:calc(100% - 6rem);padding-left:0.85rem;display:inline-block; vertical-align:middle;}
.siseWrap .siseCarTitle .carTitle h2 {display:block;font-size:1.2rem;line-height:1.3em; margin:0; font-weight:bold; color:var(--txt-black); }
.siseWrap .siseCarTitle .carTitle p.date {font-size:0.75rem; color:var(--txt-999); }
.siseWrap .sise-tip {display:block;background-image:url('../images/icon/icon_hand_move.png');background-position:1.5rem center;background-repeat:no-repeat; background-size:auto 1.1rem;border-bottom:.1rem solid #eee;padding:1rem 0 1rem 3.5rem;font-size:0.65rem; color:var(--txt-999); line-height:1.4em;  }

.siseWrap .siseCarTitle.view {padding:0.95rem 1rem 0.95rem 1rem; height:auto !important; height:60px;}
.siseWrap .siseCarTitle.view .carTitle {padding-left:0.85rem; font-size: 16px; font-weight:bold; color:#666; display:inline-block; vertical-align:middle;}

.siseWrap .sise-carList {display:none; border-top:1px solid #ddd; background-color:#fff; position:absolute; left:0;top:55px; width:100%;z-index:333;box-shadow:3px 3px 6px rgba(0,0,0,0.05) }
.siseWrap .sise-carList ul li {display:block;}
.siseWrap .sise-carList ul li a {display:block; font-size:15px; height:3.4rem; color:#333; padding:0.75rem 1rem 0 1.65rem; border-bottom:1px solid #eee;  }


.siseTable-Wrap {position:relative; overflow:scroll; word-break:keep-all;}
.siseTable-Wrap .title {display:flex; width:100%;background-color:#f6f6f6; border-bottom:1px solid #d3d6dd !important;  padding-left:0.75rem; font-size:13px !important; height:35px !important; line-height:34px !important; font-size:0.85rem; color:#555; }

.siseTable-Wrap .Series .title {color:#414b68; width:125px; border-right:1px solid #8e9ebd !important;}
.siseTable-Wrap .year .title {color:#999; }

.siseTable-Head {position:relative; background-color:#3a4d9d;   font-size:0;}
.siseTable-Head .Series{  display:inline-block; position:relative;vertical-align:top; width:125px;   text-align:center; border-right:1px solid #fff; height:2.5rem; line-height:2.5rem;  color:#fff; font-size:0.82rem;   }
.siseTable-Head .year {display:inline-block; position:relative;vertical-align:top;width:calc(100% - 125px); font-size:0; overflow-x:scroll;  white-space:nowrap; }
.siseTable-Head .year ul{display:block; width:100%;font-size:0 }
.siseTable-Head .year ul li {display:inline-block; vertical-align:top; text-align:center; border-left:1px solid rgba(255,255,255,0.4);  width:72px; height:2.5rem; line-height:2.5rem; color:#fff; font-size:1rem; }
.siseTable-Head .year ul li:first-child {border-left:0; }

.siseTable-Body {display:block; position:relative; overflow:scroll; font-size:0 }
.siseTable-Body .Series { display:inline-block; position:relative;vertical-align:top;width:125px; }
.siseTable-Body .Series ul{display:inline-block;}
.siseTable-Body .Series > ul > li{display:table; width:125px; height:50px;  border-bottom:1px solid #eee; border-right:1px solid #8e9ebd; vertical-align:middle; font-size:0.85rem; text-align:left; padding:0 0.75rem; color:#777; font-weight:bold; letter-spacing:-.02em; }
.siseTable-Body .Series > ul > li a {display:table-cell; *margin-top:10px; line-height:1.15rem; vertical-align:middle;color:#606169;  font-size:0.85rem; font-weight:bold; }


.siseTable-Body .year {display:inline-block; position:relative;vertical-align:top; width:calc(100% - 125px); overflow-x:scroll;  }
.siseTable-Body .year ul {display:inline-block;}
.siseTable-Body .year ul li {height:50px;  white-space:nowrap; border-bottom:1px solid #eee;}
.siseTable-Body .year ul li span { display:inline-block; vertical-align:top; width:72px; height:50px; line-height:50px; font-size:1.025rem; color:#444;  text-align:right; padding-right:0.65rem; border-left:1px solid #dedede;  }
.siseTable-Body .year ul li span:first-child {border-left:0;}


.siseWrap .marketPrice { padding-top:10px;  }
.siseWrap .marketPrice .carMart {background-color:#f4f4f4; border:1px solid #f1f1f1;  border-radius:7px; padding:1.2rem 0.5rem 0.35rem; }
.siseWrap .marketPrice .change {margin-top:20px;}


table.tableSise { position:relative; margin: 0;  border: none; border-collapse:separate;  border-spacing: 0;  table-layout: fixed; word-break:keep-all;  }
table.tableSise td,
table.tableSise th {  border-right: 1px solid #eee;  border-bottom: 1px solid #eee; }
table.tableSise th:first-child {border-left:1px solid #eee;width:120px; }
table.tableSise thead th {  padding: 8px 0;  position: sticky;  position: -webkit-sticky; top: 0px;  z-index: 1;  width:80px;  font-size:0.85rem; text-align:center; background-color:#3a4d9d;    color:#fff;}
table.tableSise td {  background: #fff;  padding: 7px 8px; }
table.tableSise thead th:first-child {  position: sticky;position: -webkit-sticky;  left: 0;  z-index: 2;}
table.tableSise tbody th {position: sticky;  left: 0;  background: #fff;  border-right:1px solid #8e9ebd; font-weight:bold; padding:.7rem 0.35rem; color:#333; z-index: 1; text-align:left;text-align: left;  position: relative; font-size:0.85rem; }
table.tableSise tbody td {  text-align:right;  font-size:0.95rem; color:#444; padding: 6px 10px;}
table.tableSise tbody .title {background-color:#f6f6f6; border-bottom:1px solid #d3d6dd !important;   padding:0.25rem 0.35rem; font-size:13px !important; }
table.tableSise tbody a { font-size:0.90rem; font-weight:bold; }
[role="region"][aria-labelledby][tabindex] { width: 100%; max-height: calc(100vh - 203px); overflow:scroll; }
[role="region"][aria-labelledby][tabindex]:focus { outline: 0; }