@charset "utf-8";

/****************/
/**** Reset. ****/
/****************/
/*--- Site : Reset ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio, canvas, progress, video{display:inline-block}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{font-size:100%;vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer;overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='number']{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:0;box-shadow:0 0 0 0 transparent inset;transition:color .1s ease, border-color .1s ease;}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input[type="date"]{text-align:center;appearance:none;-webkit-appearance:none}
input[type="date"]:invalid::-webkit-datetime-edit{color:#bbb}
input[type="date"]::-webkit-clear-button{display:none}
input[type="date"]::-webkit-inner-spin-button{display:none}
input[type="date"]::-webkit-calendar-picker-indicator{color:#2c3e50}
input[type='date']::-webkit-search-cancel-button{-webkit-appearance:none}
html{-ms-content-zooming:none;-ms-touch-action:pan-x pan-y}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.25em;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
audio:not([controls]){display:none;height:0}
[hidden], template{display:none}
a{color:#242424;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
a, abbr, address, article, aside, audio, b, blockquote, body, br, button, canvas, caption, cite, code, col, data, datalist, dd, del, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, select, small, span, strong, sub, sup, table, td, textarea, th, time, u, ul, var, video{box-sizing:border-box}
i{font-style:normal}
a, button{-webkit-tap-highlight-color:transparent;position:relative}
a:focus, button:focus{outline:none}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}


/***********************/
/**** Global class. ****/
/***********************/
/*--- Layout : Box ---*/
body.is-locked{overflow:hidden;max-height:100vh}
.clearfix{display:block}
.clearfix:after{content:'';display:block;clear:both}
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.ellipsis{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:100%;word-break:break-all}
.mode-table{position:relative;display:table;width:100%;table-layout:fixed}
.mode-cell{position:relative;display:table-cell}
.tabs-content{visibility:hidden;position:absolute;width:100%;left:-9999em;background-color:#fff}
.tabs-content.is-visible{position:relative;visibility:visible;left:0}
/*--- Text : Color ---*/
.text-blue{color:#2081df}
.text-red{color:#f00}
.text-black{color:#131313}
.text-gray{color:#4f5050}
.text-light-gray{color:#717171}
/*--- Text : Size ---*/
.text-small{font-size:12px}
.text-sub{font-size:14px}
.text-body{font-size:16px}
.text-title{font-size:18px}
/*--- Text : Style ---*/
.text-underline{text-decoration:underline}
.text-underline:hover{text-decoration:underline}
.text-body{line-height:1.4;font-weight:normal;font-size:13px}
/*--- Text : Align ---*/
.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
.ui-header{padding:6px 0 10px}
.ui-box{margin-bottom:10px}
/*--- Text : Icon ---*/
.i-text{position:relative;display:inline-flex;align-items:center}
.i-text [class^="icon-"]{margin-right:4px}
/*--- Text : Bullet ---*/
.ui-bullet-list{position:relative}
.ui-bullet{position:relative;padding-left:12px;text-align:left}
.ui-bullet::before{position:absolute;left:0;top:0;content:counters(bullet, ".") " ";counter-increment:bullet;pointer-events:none;user-select:none}
.ui-bullet::before{content:attr(value)}
.ui-bullet + .ui-bullet,.ui-bullet + .bullet-item{margin-top:4px}
/*--- Text : Arrow ---*/
.a-text{position:relative;display:inline-block;padding-right:12px}
.a-text::after{content:'';position:absolute;right:0;top:4px;border:4px solid}
.a-text.up::after{top:2px;border-color:transparent transparent #757575}
.a-text.down::after{top:6px;border-color:#757575 transparent transparent}
.a-text.left::after{border-color:transparent #757575 transparent transparent}
.a-text.right::after{border-color:transparent transparent transparent #757575}

/***************************/
/**** Image Background. ****/
/***************************/
/*--- Default ---*/
.ico-mtop, .ico-mtop, .num-issue, .num-rank, .arrow-comm{overflow:hidden;display:inline-block;text-indent:-9999em;line-height:0}
/*--- Icon : Top ---*/
.ico-mtop{background:url(/skin/upche/img/noimg/sp_mtop3.png) no-repeat;background-size:160px 60px}
.ico-mtop.alert{width:18px;height:21px;background-position:-30px -5px}
.ico-mtop.srch{width:20px;height:21px;background-position:-55px -5px}
.ico-mtop.user{width:27px;height:21px;background-position:-105px -5px}
.ico-mtop.close{width:17px;height:17px;background-position:-55px -30px}
.ico-mtop.backward{width:11px;height:18px;background-position:-80px -30px}
.ico-mtop.home{width:26px;height:22px;background-position:-105px -30px}
.ico-mtop.like{width:22px;height:20px;background-position:-132px -5px}
/*--- Icon : Arrow ---*/
.arrow-comm{background:url(../images/common/ico_ui.png) no-repeat;background-size:55px 100px}
.arrow-comm.top{width:20px;height:17px;background-position:-2px -2px}
.arrow-comm.m-more{width:11px;height:6px;background-position:-2px -20px}
.arrow-comm.f-more{width:11px;height:18px;background-position:-2px -28px}
/*--- Icon : Main Issue ---*/
.num-issue{width:16px;height:13px;background:url(../images/common/num_issue.png) no-repeat;background-size:116px 30px}
.num-issue.num1{background-position:-2px -2px}
.num-issue.num2{background-position:-18px -2px}
.num-issue.num3{background-position:-34px -2px}
.num-issue.num4{background-position:-50px -2px}
.num-issue.num5{background-position:-66px -2px}
.num-issue.num6{background-position:-82px -2px}
.num-issue.num7{background-position:-98px -2px}
.num-issue.num8{background-position:-2px -15px}
.num-issue.num9{background-position:-18px -15px}
.num-issue.num10{background-position:-34px -15px}
/*--- Icon : Main Raking ---*/
.num-rank{width:16px;height:16px;background:url(../images/common/num_rank.png) no-repeat;background-size:116px 20px}
.num-rank.num1{background-position:-2px -2px}
.num-rank.num2{background-position:-18px -2px}
.num-rank.num3{background-position:-34px -2px}
.num-rank.num4{background-position:-50px -2px}
.num-rank.num5{background-position:-66px -2px}
/*--- Icon : Layout ---*/
.ico-comm{overflow:hidden;display:inline-block;text-indent:-9999em;background:url(../images/common/sp_ico.png) no-repeat;background-size:210px auto}
.i-comm{overflow:hidden;display:inline-block;line-height:0;background:url(../images/common/sp_ico.png) no-repeat;background-size:210px auto;text-indent:-9999em;vertical-align:top}
.i-pop{overflow:hidden;display:inline-block;line-height:0;background:url(../images/layout/sp_pop.png) no-repeat;background-size:130px auto;text-indent:-9999em;vertical-align:top}
.i-pop.close{width:15px;height:15px;background-position:-5px -5px}
/* --- Icon : Content(img) --- */
.icon{position:relative;display:inline-block;opacity:1;margin:;line-height:0;vertical-align:middle;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;backface-visibility:hidden;font-size:0}
.icon::before{content:'';position:relative;display:inline-block;vertical-align:middle;background:url(../images/common/sp_ico.png) no-repeat;background-size:210px auto}
.icon.filter::before{width:13px;height:15px;background-position:-105px -100px}
.icon.save::before{width:13px;height:15px;background-position:-130px -100px}
.icon.reset::before{width:15px;height:11px;background-position:-55px -140px}
.icon.reset-b::before{width:16px;height:16px;background-position:-55px -30px}
.icon.report::before{width:11px;height:12px;background-position:-155px -100px}
.icon.view::before{width:17px;height:14px;background-position:-105px -80px}
.icon.time::before{width:14px;height:16px;background-position:-80px -80px}
.icon.pp::before{width:18px;height:18px;background-position:-180px -120px}
.icon.map::before{width:18px;height:18px;background-position:-155px -120px}
.icon.company::before{width:18px;height:18px;background-position:-130px -120px}
.icon.like::before{width:18px;height:18px;background-position:-105px -120px}
.icon.sms::before{width:18px;height:18px;background-position:-80px -120px}
.icon.call::before{width:18px;height:18px;background-position:-55px -120px}
.icon.sms-blue::before{width:18px;height:18px;background-position:-30px -120px}
.icon.call-blue::before{width:18px;height:18px;background-position:-5px -120px}
.icon.sort::before{width:9px;height:12px;background-position:-80px -100px}
.icon.contact::before{width:28px;height:28px;background-position:-5px -210px}
.icon.help::before{top:-1px;width:14px;height:14px;background-position:-155px -80px}
.icon.share::before{width:20px;height:18px;background-position:-5px -5px}
.icon.like-t::before{width:19px;height:17px;background-position:-30px -5px}
.icon.like-tf::before{width:19px;height:17px;background-position:-55px -5px}
.icon.menu::before{width:4px;height:16px;background-position:-80px -5px}
.icon.screamer::before{width:11px;height:11px;background-position:-155px -140px}
/* --- Icon ::Side navigation --- */
.ico-side-user{position:relative;display:inline-block;height:40px;text-indent:-9999em;background:url(../images/layout/sp_nav.png) no-repeat;background-size:250px auto}
.ico-side-user.login{width:28px;background-position:-5px -5px}
.ico-side-user.logout{width:40px;background-position:-175px -5px}
.ico-side-user.noti{width:28px;background-position:-40px -5px}
.ico-side-user.my{width:44px;background-position:-75px -5px}
.ico-side-user.car{width:40px;background-position:-125px -5px}
.ico-side-user.like{width:38px;background-position:-75px -50px}
.ico-side-user.recent{width:46px;background-position:-125px -50px}
.ico-side-util{position:relative;display:inline-block;width:40px;height:27px;text-indent:-9999em;background:url(../images/layout/sp_nav_svc.png) no-repeat;background-size:130px auto}
.ico-side-util.u1{background-position:-5px -5px}
.ico-side-util.u2{background-position:-45px -5px}
.ico-side-util.u3{background-position:-85px -5px}
.ico-side-util.u4{background-position:-5px -35px}
.ico-side-util.u5{background-position:-45px -35px}
.ico-side-util.u6{background-position:-85px -35px}
.ico-side-util.u7{background-position:-5px -65px}
.ico-side-util.u8{background-position:-45px -65px}
.ico-side-util.u9{background-position:-85px -65px}
/* --- Icon ::button --- */
.icon-more{position:absolute;right:0;top:50%}
.icon-more::after{content:'';position:absolute;top:50%;right:15px;width:13px;height:1px;margin-top:-1px;background-color:#333;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);transition:all .4s}
.icon-more::before{content:'';position:absolute;top:50%;right:21px;width:1px;height:13px;margin-top:-7px;background-color:#333;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);transition:all .4s}
.icon-more:hover::after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.icon-more:hover::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
/*--- Icon : Content(Font) ---*/
/*
@font-face{
  font-family:'icon';src: url('./font/icon/icon.eot');src: url('./font/icon/icon.eot#iefix') format('embedded-opentype'), url('./font/icon/icon.ttf') format('truetype'), url('./font/icon/icon.woff') format('woff'), url('../font/icon/icon.svg#icon') format('svg');font-weight:normal;font-style:normal
  font-family:'icon';src: url('http://image.bobaedream.co.kr/mobile2017/assets/css/font/icon/icon.eot');src: url('http://image.bobaedream.co.kr/mobile2017/assets/css/font/icon/icon.eot#iefix') format('embedded-opentype'), url('http://image.bobaedream.co.kr/mobile2017/assets/css/font/icon/icon.ttf') format('truetype'), url('http://image.bobaedream.co.kr/mobile2017/assets/css/font/icon/icon.woff') format('woff'), url('http://image.bobaedream.co.kr/mobile2017/assets/css/font/icon/icon.svg#icon') format('svg');font-weight:normal;font-style:normal;
}
*/
[class^="icon-"],
[class*=" icon-"]{z-index:1;display:inline-block;font-family:'icon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size: 1.143em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-close:before{content:"\e907"}
.icon-close2:before{content:"\e936" !important;}
.icon-close-line:before{content:"\e908"}
.icon-close-fill:before{content:"\e909"}
.icon-export:before{content:"\e935";color:#fff}
.icon-export2:before{content:"\e937"}
.icon-like:before{content:"\e93b";color:#fff}
.icon-like-fill:before{content:"\e93c";color:red}
.icon-report:before{content:"\e93d"}
.icon-report-fill:before{content:"\e93f";color:red}
.icon-view:before{content:"\e940"}
.icon-view-fill:before{content:"\e941"}
.icon-date:before{content:"\e942"}
.icon-layout-list:before{content:"\e944"}
.icon-layout-grid:before{content:"\e945"}
.icon-layout-block:before{content:"\e946"}
.icon-layout2-block:before{content:"\e938"}
.icon-layout2-grid:before{content:"\e939"}
.icon-layout2-rotate:before{content:"\e93a"}
.icon-previous-double:before{content:"\e947"}
.icon-next-double:before{content:"\e948"}
.icon-arrow-up:before{content:"\e95f"}
.icon-arrow-down:before{content:"\e949"}
.icon-arrow-left:before{content:"\e960"}
.icon-arrow-right:before{content:"\e961"}
.icon-arrow2-up:before{content:"\e962"}
.icon-arrow2-down:before{content:"\e94a"}
.icon-arrow2-left:before{content:"\e963"}
.icon-arrow2-right:before{content:"\e964"}
.icon-arrow3-up:before{content:"\e965"}
.icon-arrow3-down:before{content:"\e94b"}
.icon-arrow3-left:before{content:"\e966"}
.icon-arrow3-right:before{content:"\e967"}
.icon-download:before{content:"\e94c"}
.icon-search:before{content:"\e94d"}
.icon-filter:before{content:"\e94e"}
.icon-reset:before{content:"\e94f"}
.icon-reset2:before{content:"\e950"}
.icon-expand:before{content:"\e951"}
.icon-help:before{content:"\e952";opacity: .2;margin-left: 3px;color:#000;font-size:16px}
.icon-call:before{content:"\e953"}
.icon-call-fill:before{content:"\e954"}
.icon-message:before{content:"\e955"}
.icon-explanation:before{content:"\e956"}
.icon-place:before{content:"\e957"}
.icon-map:before{content:"\e959"}
.icon-seller:before{content:"\e95a"}
.icon-plus:before{content:"\e95c"}
.icon-menu:before{content:"\e95d"}
.icon-scroll-top:before{content:"\e95e"}
.icon-header-home:before{content:"\e958"}
.icon-header-notice:before{content:"\e95b"}
.icon-header-menu:before{content:"\e943"}
.icon-drag:before{content:"\e968"}
.icon-check:before{content:"\e969"}
.icon-option01-sunroof:before{content:"\e900"}
.icon-option02-navigation:before{content:"\e901"}
.icon-option03-smartKey:before{content:"\e902"}
.icon-option04-HID:before{content:"\e903"}
.icon-option05-seatHeater:before{content:"\e904"}
.icon-option06-VentilatedSeat:before{content:"\e905"}
.icon-option07-PAS:before{content:"\e906"}
.icon-option08-rearCamera:before{content:"\e90a"}
.icon-option09-wingMirror:before{content:"\e90b"}
.icon-option10-aluminiumWheel:before{content:"\e90c"}
.icon-option11-leatherSeats:before{content:"\e90d"}
.icon-option12-eletricSeat:before{content:"\e90e"}
.icon-option13-BackSeatHeater:before{content:"\e90f"}
.icon-option14-memorySeat:before{content:"\e910"}
.icon-option15-LEDRearLamp:before{content:"\e911"}
.icon-option16-passengerSeatAirbag:before{content:"\e912"}
.icon-option17-sideAirbag:before{content:"\e913"}
.icon-option18-curtainAirbag:before{content:"\e914"}
.icon-option19-kneeAirbag:before{content:"\e915"}
.icon-option20-ABS:before{content:"\e916"}
.icon-option21-ECS:before{content:"\e917"}
.icon-option22-TPMS:before{content:"\e918"}
.icon-option23-AVM:before{content:"\e919"}
.icon-option24-ETCS:before{content:"\e91a"}
.icon-option25-heatingHandle:before{content:"\e91b"}
.icon-option26-remoteHandle:before{content:"\e91c"}
.icon-option27-HUD:before{content:"\e91d"}
.icon-option28-ECM:before{content:"\e91e"}
.icon-option29-ACC:before{content:"\e91f"}
.icon-option30-autoLight:before{content:"\e920"}
.icon-option31-EPB:before{content:"\e921"}
.icon-option32-bluetooth:before{content:"\e922"}
.icon-option33-USB:before{content:"\e923"}
.icon-option34-AUX:before{content:"\e924"}
.icon-option35-DMB:before{content:"\e925"}
.icon-option36-MP3:before{content:"\e926"}
.icon-option37-RSE:before{content:"\e927"}
.icon-option38-CDPlayer:before{content:"\e928"}
.icon-option38-avsystem:before{content:"\e933"}
.icon-spec01-engine:before{content:"\e929"}
.icon-spec02-fuelEconomy:before{content:"\e92a"}
.icon-spec03-rpm:before{content:"\e92b"}
.icon-spec04-torque:before{content:"\e92c"}
.icon-spec05-cc:before{content:"\e92d"}
.icon-spec06-zero100:before{content:"\e92e"}
.icon-spec07-WD:before{content:"\e92f"}
.icon-spec08-kg:before{content:"\e930"}
.icon-spec09-length:before{content:"\e931"}
.icon-spec10-weight:before{content:"\e932"}
.icon-spec11-height:before{content:"\e934"}
.icon-spec_12_car:before{content:"\e93e"}
/*--- Car : Brand ---*/
.i-brand{overflow:hidden;display:inline-block;width:50px;height:50px;line-height:0;background:url(../images/content/ci_option.png) no-repeat -5px -5px;background-size:510px auto;text-indent:-9999em;vertical-align:top}
.i-brand.b-49{background-position:-55px -5px} /* 현대 */
.i-brand.b-1010{background-position:-105px -5px} /* 제네시스 */
.i-brand.b-3{background-position:-155px -5px} /* 기아 */
.i-brand.b-8{background-position:-205px -5px} /* 쉐보레/대우 */
.i-brand.b-26{background-position:-255px -5px} /* 리노삼성 */
.i-brand.b-31{background-position:-305px -5px} /* ///////쌍용 */
.i-brand.b-1{background-position:-5px -55px} /* BMW */
.i-brand.b-21{background-position:-55px -55px} /* 벤츠 */
.i-brand.b-32{background-position:-105px -55px} /* 아우디 */
.i-brand.b-44{background-position:-155px -55px} /* 폭스바겐 */
.i-brand.b-13{background-position:-205px -55px} /* 렉서스 */
.i-brand.b-97{background-position:-255px -55px} /* 미니 */
.i-brand.b-2{background-position:-305px -55px} /* GM */
.i-brand.b-77{background-position:-355px -55px} /* GMC */
.i-brand.b-5{background-position:-405px -55px} /* 닛산 */
.i-brand.b-6{background-position:-455px -55px} /* ///////다이하츠 */
.i-brand.b-7{background-position:-5px -105px} /* 닷지 */
.i-brand.b-9{background-position:-55px -105px} /* 도요타 */
.i-brand.b-10{background-position:-105px -105px} /* 란치아 */
.i-brand.b-11{background-position:-155px -105px} /* 람보르기니 */
.i-brand.b-12{background-position:-205px -105px} /* 랜드로버 */
.i-brand.b-14{background-position:-255px -105px} /* 로버 */
.i-brand.b-15{background-position:-305px -105px} /* 로터스 */
.i-brand.b-16{background-position:-355px -105px} /* 롤스로이스 */
.i-brand.b-61{background-position:-405px -105px} /* 르노 */
.i-brand.b-17{background-position:-455px -105px} /* ///////링컨 */
.i-brand.b-18{background-position:-5px -155px} /* 마세라티 */
.i-brand.b-19{background-position:-55px -155px} /* 마쯔다 */
.i-brand.b-1003{background-position:-255px -355px} /* 맥라렌 */
.i-brand.b-60{background-position:-105px -155px} /* 머큐리 */
.i-brand.b-20{background-position:-155px -155px} /* 미쓰비시 */
.i-brand.b-82{background-position:-305px -355px} /* 미쯔오카 */
.i-brand.b-22{background-position:-205px -155px} /* 벤틀리 */
.i-brand.b-23{background-position:-255px -155px} /* 볼보 */
.i-brand.b-1009{background-position:-305px -155px} /* 북기은상 */
.i-brand.b-88{background-position:-355px -155px} /* 부가티 */
.i-brand.b-24{background-position:-405px -155px} /* 뷰익 */
.i-brand.b-99{background-position:-455px -155px} /* ///////바이스만 */
.i-brand.b-25{background-position:-5px -205px} /* 사브 */
.i-brand.b-94{background-position:-55px -205px} /* 새턴 */
.i-brand.b-29{background-position:-105px -205px} /* 쉐보레(수입) */
.i-brand.b-27{background-position:-155px -205px} /* 스바루 */
.i-brand.b-28{background-position:-205px -205px} /* 스즈키 */
.i-brand.b-103{background-position:-255px -205px} /* 스카니아 */
.i-brand.b-93{background-position:-305px -205px} /* 스파이커 */
.i-brand.b-30{background-position:-355px -205px} /* 시트로엥 */
.i-brand.b-33{background-position:-405px -205px} /* 알파로메오 */
.i-brand.b-62{background-position:-455px -205px} /* ///////애스턴마틴 */
.i-brand.b-95{background-position:-5px -255px} /* 어큐라 */
.i-brand.b-34{background-position:-55px -255px} /* 오펠 */
.i-brand.b-1011{background-position:-105px -255px} /* 오스틴 */
.i-brand.b-35{background-position:-155px -255px} /* 올즈모빌 */
.i-brand.b-83{background-position:-205px -255px} /* 웨스트필드 */
.i-brand.b-36{background-position:-255px -255px} /* 이스즈 */
.i-brand.b-81{background-position:-305px -255px} /* 인피니티 */
.i-brand.b-37{background-position:-355px -255px} /* 재규어 */
.i-brand.b-96{background-position:-405px -255px} /* 지프 */
.i-brand.b-1006{background-position:-455px -255px} /* ///////테슬라 */
.i-brand.b-38{background-position:-5px -305px} /* 캐딜락 */
.i-brand.b-89{background-position:-55px -305px} /* 코닉세크 */
.i-brand.b-39{background-position:-105px -305px} /* 크라이슬러 */
.i-brand.b-84{background-position:-155px -305px} /* 파가니 */
.i-brand.b-41{background-position:-205px -305px} /* 페라리 */
.i-brand.b-42{background-position:-255px -305px} /* 포드 */
.i-brand.b-43{background-position:-305px -305px} /* 포르쉐 */
.i-brand.b-1008{background-position:-355px -305px} /* 포톤 */
.i-brand.b-45{background-position:-405px -305px} /* 폰티악 */
.i-brand.b-46{background-position:-455px -305px} /* ///////푸조 */
.i-brand.b-91{background-position:-5px -355px} /* 피스커 */
.i-brand.b-47{background-position:-55px -355px} /* 피아트 */
.i-brand.b-48{background-position:-105px -355px} /* 허머 */
.i-brand.b-50{background-position:-155px -355px} /* 혼다 */
.i-brand.b-76{background-position:-205px -355px} /* 홀덴 */
.i-brand.b-1014{background-position:-355px -355px} /* 동풍소콘 */
.i-brand.b-1019 {background-position:-405px -355px;} /* 폴스타 */
.i-brand.b-4{} /* 기타수입차 */
.i-brand.b-85{} /* 기타국산차 */
.i-brand.b-1012{} /* 히노 */
.i-brand.b-34{} /* 오펠 */
.i-brand.b-1000{} /* 어울림모터스 */
/* --- Common Unit ::arrow --- */
.arr-r, .arr-l, .arr-u, .arr-d{position:relative}
.arr-r::after, .arr-l::after, .arr-u::after, .arr-d::after{content:'';position:absolute;right:15px;top:50%;margin-top:-5px;width:8px;height:8px;border-right:1px solid #000;border-top:1px solid #000}
.arr-r::after{right:17px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.arr-l::after{right:17px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.arr-u::after{margin-top:-3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.arr-d::after{margin-top:-6px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
/* --- Common Unit ::round box --- */
.r-count{position:relative;display:inline-block;margin-left:1px;padding:0 5px;height:18px;border:1px solid #ff0;border-radius:18px;vertical-align:middle}
.r-count i{color:#ff0;font-size:13px;vertical-align:top;line-height:16px;font-style:normal}
.android .r-count i{padding-top:2px}

/************************/
/**** Common Layout. ****/
/************************/
/*--- Default ---*/
/*
html, body{position:relative;min-width:320px;min-height:100vh;overflow-x:hidden}
html{-ms-touch-action:none;overflow-y:scroll;}
body{overflow-y:hidden;}
*/
html.mode-locked{overflow:hidden;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}
#dim{visibility:hidden;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;background-color:rgba(0,0,0,.75);transition:all .15s ease-in-out}
#dim.is-visible{visibility:visible;opacity:1}
.component{position:relative;min-width:320px;padding:0 16px}
body.mode-locked #bobaeWrap{overflow:hidden;position:fixed;left:0;right:0;top:0;bottom:0}
#bobaeWrap{position:relative;min-height:100vh;background-color:#eff2f8}
#bobaeWrap::after{content:'';display:block;clear:both}
#bobaeWrap.white{background-color:#fff}
#temporary-footer iframe{border:none;width:100%;height:197px}
#bobaeContent{}
#bobaeContent.mode-white{background-color:#fff}
.bobae-container{position:relative;padding-bottom:10px}

/*--- Header ---*/
.bobae-head{position:relative;height:48px;}
.bobae-head .tit-area{box-sizing:border-box;height:48px;padding:14px 0 0 48px;line-height:0}
.bobae-head .tit-area.mode-center{color:#fff;text-align:center;padding-right:48px;padding-top:0;line-height:48px;font-size:18px}
.bobae-head .tit-area .title{display:inline-block;margin-top:-14px;line-height:48px;font-size:18px;color:#fff}
.bobae-head .tit-area .btn-home {position:absolute;left:10px;top:10px;color:#fff;}
.bobae-head .side-util, .bobae-head .util-area{position:absolute;top:0;height:48px;display:flex;align-items:center}
.bobae-head .util-area{right:10px}
.bobae-head .side-util.left{left:10px}
.bobae-head .side-util.right{right:10px}
.bobae-head .side-util .icon-export{font-size:25px}
.bobae-head .side-util .icon-like,.bobae-head .side-util .icon-like-fill{top:1px;font-size:24px}
.bobae-head .side-util .icon-menu{font-size:20px}
.bobae-head .service-menu{position:relative;display:inline-block}
.bobae-head .service-menu .btn-menu{}
.bobae-head .service-menu .service-wrap{display:none;z-index:1000;position:absolute;right:-10px;bottom:-214px;width:157px;background-color:#fff;border:1px solid #ddd}
.bobae-head .service-menu .service-wrap.is-visible{display:block}
.bobae-head .service-menu .service-list{position:relative;padding:10px 0}
.bobae-head .service-menu .service-list + .service-list{border-top:1px solid #ddd}
.bobae-head .service-menu .service-item{display:flex;justify-content:space-between;height:40px;padding:0 15px;font-size:13px;width:100%}
.bobae-head .service-menu [class^='icon-']{color:#999}
.bobae-head .service-menu .icon-seller{font-size:23px}
.bobae-head .service-menu .icon-like,.bobae-head .service-menu .icon-like-fill{font-size:23px}
.bobae-head .service-menu .icon-export2{font-size:22px}
.bobae-head .service-menu .icon-report{font-size:21px}
.bobae-head .btn-side{position:absolute;left:0;top:0;width:48px;height:48px}
.bobae-head button[class^='btn-'], .bobae-head a[class^='btn-']{display:flex;-webkit-display:flex;-moz-display:flex;align-items:center;justify-content:center;min-width:25px;min-height:25px}
.bobae-head .side-util .btn-layout{margin-left:5px}
.bobae-head .side-util .btn-layout i[class^='icon-layout2']{font-size:22px}
.bobae-head .side-util .btn-layout i.icon-layout2-rotate{font-size:24px}
.bobae-head .side-util .btn-layout.is-selected i{color:#58a0f5}
.bobae-head .side-util .btn-close{color:#fff;font-size:18px}
.bobae-head .btn-backward{}
.bobae-head .btn-share{}
.bobae-head .btn-like{margin-left:12px}
.bobae-head .btn-menu{margin-left:6px;margin-right:0}
.bobae-head .util-area > a{float:left;display:block;padding:5px 7px;line-height:0}
.bobae-head .util-area .btn_like {margin-right:4px;}
.bobae-head .util-area .btn_like .cnt {position:absolute;bottom:5px;right:-4px;display:block;width:19px;padding:0 2px;height:12px;text-align:center;line-height:12px;background:#f94141;border-top:1px solid #F77;border-radius:2px;color:#fff;text-indent:0;font-size:11px;/* z-index: 1; */}
.bobae-head .util-area .btn_alert .cnt {position:absolute;top:5px;right:0px;display:block;width:19px;padding:0 2px;height:12px;text-align:center;line-height:12px;background:#f94141;border-top:1px solid #F77;border-radius:2px;color: #fff;text-indent:0;font-size:11px;/* z-index: 1; */}
.bobae-head .util-area .wrap-srch{float:left;width:34px;height:32px}
.bobae-head .util-area .wrap-srch .btn-srch{position:relative;padding:5px 7px;transform:translateX(0);-webkit-transform:translateX(0);}
.bobae-head .util-area .wrap-srch .srch-box input{width:100%;height:27px;padding:4px 0 3px;border:none;font-size:16px;line-height:27px;color:#101010;-webkit-appearance:none;outline:0;background-color:transparent}
.bobae-head .util-area .wrap-srch .srch-box{overflow:hidden;opacity:0;visibility:hidden; position:fixed;left:0;right:0;top:0;bottom:0;height:48px;padding:9px 55px 0 10px; background-color:#fff;border-bottom:1px solid #e6eaea;}
.bobae-head .util-area .wrap-srch.is-visible .srch-box{visibility:visible; z-index:110;opacity:1}
.bobae-head .util-area .wrap-srch.is-visible .btn-srch{z-index:120;transform:translateX(40px);-webkit-transform:translateX(40px)}
.bobae-head .util-area .wrap-srch.is-visible .btn-srch .srch{background-position:-80px -5px}
.bobae-head .ico-mtop.side{position:absolute;left:18px;top:16px;width:21px;height:16px;background-position:-2px -2px;line-height:0}
.bobae-head.sub{}
.bobae-head.sub .tit-area.mode-center{font-weight:600;color:#333}

/*--- Header.2018 ---*/
/*--- Header.2018 ---*/
.bobae-header-v2 {position:relative;height:43px;background-color:#fff;}
.bobae-header-v2 [class^="icon"] {display:inline-block;text-indent:-9999em;}
.bobae-header-v2 .icon-car {width:26px;height:20px;background:url(../images/layout/header_symbol_2019.png) no-repeat 0 0;background-size:26px auto;}
.bobae-header-v2 .icon-logo {width:70px;height:20px;background:url(../images/layout/header_logo_2019.png) no-repeat 0 0;background-size:70px auto;}
.bobae-header-v2 .icon-user {width:20px;height:20px;background:url(../images/layout/icon_service_2019.png) no-repeat;background-position:-20px 0;background-size:auto 20px;}
.bobae-header-v2 .icon-search {width:20px;height:19px;background:url(../images/layout/icon_service_2019.png) no-repeat;background-position:0 0;background-size:auto 20px;}
.bobae-header-v2 .icon-alarm {width:20px;height:20px;background:url(../images/layout/icon_service_2019.png) no-repeat;background-position:-40px 0;background-size:auto 20px;}
.bobae-header-v2 .header-component {position:relative;padding-left:18px;padding-right:18px;}
.bobae-header-v2 .header-component:after {content:'';clear:both;display:block}
.bobae-header-v2 .title-wrapper {position:relative;padding-top:13px;}
.bobae-header-v2 .title-wrapper .title {margin-left:30px;}
.bobae-header-v2 .title-wrapper .link {display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.bobae-header-v2 .title-wrapper .link .icon-logo {margin-left:2px;}
.bobae-header-v2 .title-wrapper.is-center .title {margin-left:0;text-align:center;}
.bobae-header-v2 .util-wrapper {position:absolute;right:18px;top:9px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.bobae-header-v2 .util-wrapper .util-search {width:29px;height:32px;}
.bobae-header-v2 .util-wrapper .util-search .field-search {overflow:hidden;opacity:0;visibility:hidden;position:fixed;left:0;right:0;top:0;bottom:0;height:43px;padding:7px 55px 0 10px;background-color:#fff;}
.bobae-header-v2 .util-wrapper .util-search .field-search input {width:100%;height:27px;border:none;font-size:16px;line-height:27px;color:#000;-webkit-appearance:none;outline:0;background-color:transparent;}
.bobae-header-v2 .util-wrapper .util-search.is-visible .field-search {z-index:110;display:block;opacity:1;visibility:visible}
.bobae-header-v2 .util-wrapper .util-search.is-visible .field-button {z-index:120;position:fixed;right:10px;top:7px}
.bobae-header-v2 .util-wrapper .util-search .field-button {position:relative;}
.bobae-header-v2 .util-wrapper .util-search .field-button button{padding:5px 4px;}
.bobae-header-v2 .util-wrapper .util-search .icon-search{}
.bobae-header-v2 .util-wrapper .util-search.is-visible {visibility:visible;z-index:110;opacity:1;}
.bobae-header-v2 .util-wrapper [class^="util-"] .link {display:inline-block;padding:5px 4px;line-height:0}
.bobae-header-v2 .util-wrapper [class^="util-"]:not(.util-alarm) {margin-left:3px;}
.bobae-header-v2 .util-wrapper .util-userinfo {margin-right:-7px}
.bobae-header-v2 .util-wrapper .util-userinfo .icon-user {}
.bobae-header-v2 .util-wrapper .util-alarm {position:relative;}
.bobae-header-v2 .util-wrapper .util-alarm .count {position:absolute;right:0;top:0;display:inline-block;padding-left:3px;padding-right:3px;min-width:12px;height:12px;border-radius:9px;background-color:#cc0000}
.bobae-header-v2 .util-wrapper .util-alarm .count em {display:inline-block;line-height:12px;font-size:10px;color:#fff;letter-spacing:-0.025em;}

.bobae-head-v2 .wrap-side-nav .side-btn-box .btn-side-nav span,
.bobae-head-v2 .wrap-side-nav .side-btn-box .btn-side-nav span:before,
.bobae-head-v2 .wrap-side-nav .side-btn-box .btn-side-nav span:after {background-color:#222;}
.bobae-head-v2 .wrap-side-nav.is-visible .side-btn-box .btn-side-nav span:before, 
.bobae-head-v2 .wrap-side-nav.is-visible .side-btn-box .btn-side-nav span:after {background-color:#fff;}

.bobae-page-menu {position:relative;background-color:#fff;}
.bobae-page-menu .gnb-nav-wrapper {z-index:99;position:relative;padding-right:40px;background-color:#0070bd}
.bobae-page-menu .gnb-nav-wrapper .nav-list {overflow-y:hidden;overflow-x:auto; display:block; white-space:nowrap;-webkit-overflow-scrolling:touch;}
.bobae-page-menu .gnb-nav-wrapper .nav-item {display:inline-block;padding-left:12px;}
.bobae-page-menu .gnb-nav-wrapper .nav-item:first-child {margin-left:0;padding-left:15px}
.bobae-page-menu .gnb-nav-wrapper .nav-item:last-child {padding-right:5px}
.bobae-page-menu .gnb-nav-wrapper .link {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; height:43px;}
.bobae-page-menu .gnb-nav-wrapper .text {font-size:15px;color:#fff;letter-spacing:-1px;}
.bobae-page-menu .gnb-nav-wrapper .nav-item.is-selected {}
.bobae-page-menu .gnb-nav-wrapper .nav-item.is-selected .link:after {content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background-color:#fff}
.bobae-page-menu .gnb-nav-wrapper .nav-item.is-selected .text {color:#fff;font-weight:400;}
.bobae-page-menu .gnb-nav-wrapper .indicator {position:absolute;bottom:0;left:5px;height:3px;background:red;}
.bobae-page-menu .gnb-nav-wrapper.is-scroll {}
.bobae-page-menu .gnb-nav-wrapper.is-scroll:after {content:'';position:absolute;right:40px;top:0;bottom:0;width:5px;}
.bobae-page-menu .gnb-nav-wrapper.is-scroll:after{
  background: rgba(0,113,189,0);
  background: -moz-linear-gradient(left, rgba(0,113,189,0) 0%, rgba(0,113,189,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,0)), color-stop(100%, rgba(0,113,189,1)));
  background: -webkit-linear-gradient(left, rgba(0,113,189,0) 0%, rgba(0,113,189,1) 100%);
  background: -o-linear-gradient(left, rgba(0,113,189,0) 0%, rgba(0,113,189,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,113,189,0) 0%, rgba(0,113,189,1) 100%);
  background: linear-gradient(to right, rgba(0,113,189,0) 0%, rgba(0,113,189,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#0071bd', GradientType=1 );
}
.bobae-page-menu .gnb-nav-wrapper.is-scroll .nav-list {overflow-y:hidden;overflow-x:auto; display:block; white-space:nowrap;-webkit-overflow-scrolling:touch;}
.bobae-page-menu .gnb-nav-wrapper.is-scroll .nav-item {display:inline-block;}
.bobae-page-menu .gnb-nav-wrapper.is-scroll .nav-item ~ .nav-item {padding-left:13px;}
.bobae-page-menu .gnb-nav-wrapper.is-flex {}
.bobae-page-menu .gnb-nav-wrapper.is-flex .nav-list {display:flex; justify-content:space-between;padding-left:15px}
.bobae-page-menu .gnb-nav-wrapper.is-flex .nav-item:first-child {padding-left:0}
.bobae-page-menu .all-menu-button {z-index:99;position:absolute;right:0;top:0;background-color:#0070bd;}
.bobae-page-menu .all-menu-button .btn-all-menu {position:relative;width:40px;height:43px;}
.bobae-page-menu .all-menu-button .icon-all-menu {position:absolute;top:13px;right:14px;width:11px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.bobae-page-menu .all-menu-button.is-visible {z-index:110;background-color:#0070bd;}
.bobae-page-menu .all-menu-button.is-visible .icon-all-menu {top:19px;-webkit-transform:rotate(225deg);transform:rotate(225deg);border-color:#fff}
.bobae-page-menu .all-menu-wrapper {display:none;z-index:0;position:absolute;left:0;right:0;top:0;background-color:#fff;}
.bobae-page-menu .all-menu-wrapper .menu-top {position:relative; height:43px; padding-left:15px; background-color:#0070bd}
.bobae-page-menu .all-menu-wrapper .menu-top .menu-title {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; height:43px;}
.bobae-page-menu .all-menu-wrapper .menu-top .menu-title .title {font-weight:normal;font-size:15px;letter-spacing:-1px;color:#fff;}
.bobae-page-menu .all-menu-wrapper .menu-top .menu-util {position:absolute;right:60px;top:5px;}
.bobae-page-menu .all-menu-wrapper .menu-top .menu-util .btn-modify{display:flex;height:30px;align-items:center;}
.bobae-page-menu .all-menu-wrapper .menu-top .menu-util .btn-modify .icon-modify{display:inline-block;margin-right:6px;width:14px;height:14px;background:url(../images/layout/icon_gnb.png) no-repeat 0 0;background-size:auto 20px;text-indent:-9999em;}
.bobae-page-menu .all-menu-wrapper .menu-top .menu-util .btn-modify .text{font-size:13px;}
.bobae-page-menu .all-menu-wrapper .all-menu {position:relative;padding:0;border-bottom:1px solid #eee;margin-bottom:-1px;}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-list {position:relative;padding:12px 12px 12px 13px;}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-list:after {content:'';clear:both;display:block;}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item {float:left;width:calc(25% - 5px);margin:3px 3px 3px 2px;height:40px;background-color:#fff;}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item .link {display:block;width:100%;height:40px;line-height:40px;text-align:center;border:1px solid #ebebeb;}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item .link .text { font-size:16px;letter-spacing:-1px;font-family:HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;color:#333}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item.is-selected {}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item.is-selected .link {border-style:solid !important;border-color:#0070bd !important;background-color:#0070bd}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item.is-selected .text {color:#fff;font-family:AppleSDGothicNeo-Bold,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item.ui-state-highlight {background-color:#f6f6f6;border:1px solid #f6f6f6;box-shadow:inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), inset 0 1px 1px 0 rgba(0, 0, 0, 0.24);}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-item.ui-sortable-helper {box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-list.is-sort .link {border-style:dashed;border-color:#dedede;}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-list.is-sort .link {}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-list.is-sort .ui-sortable-helper {background-color:#fff}
.bobae-page-menu .all-menu-wrapper .all-menu .menu-list.is-sort .ui-sortable-helper .link {border:none;}
.bobae-page-menu .all-menu-wrapper.is-visible {display:block;z-index:99}
.bobae-page-menu .gnb-dim {z-index:90;display:none;position:absolute;top:0;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.5)}
.bobae-page-menu .gnb-dim.is-visible {display:block;}
.bobae-page-menu.is-extend {}
.bobae-page-menu.is-extend .all-menu-button{z-index:110;}
.bobae-page-menu.is-extend .all-menu-button .icon-all-menu {top:17px;-webkit-transform:rotate(225deg);transform:rotate(225deg);border-color:#0070bd;}
.bobae-page-menu.is-extend .all-menu-wrapper {display:block}



/*--- Footer ---*/
.bobae-foot{overflow:hidden;position:relative;padding-top:16px;text-align:center}
.bobae-foot *{color:#595959}
.bobae-foot .btn-area{position:relative;margin-bottom:15px;text-align:center}
.bobae-foot .btn-area a{display:inline-block;height:25px;padding:4px 10px 2px;margin-right:-1px;border:1px solid#cecece;background:rgba(255,255,255,.2);letter-spacing:-.5px;color:rgba(0,0,0,.7);line-height:1.4;font-size:11px}
.bobae-foot .copr-area{position:relative;margin-bottom:4px}
.bobae-foot .copr-area .btn-view{display:inline-block;margin-bottom:8px;font-size:14px;line-height:1;letter-spacing:-1px}
.bobae-foot .copr-area .btn-view .icon-arrow2-down{position:relative;top:-1px;margin-left:4px;display:inline-block;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s cubic-bezier(1,0,0,1);transition:all .3s cubic-bezier(1,0,0,1);background:url(../images/common/sp_ico.png) no-repeat;background-size:210px auto;width:10px;height:6px;background-position:-5px -160px;}
.bobae-foot .copr-area .btn-view .icon-arrow2-down:before{display:none;}
.bobae-foot .copr-area .btn-view.is-open .icon-arrow2-down{top:-2px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.bobae-foot .copr-area .cont{overflow:hidden;position:relative;height:0;transition:all .4s cubic-bezier(0.65, 0.05, 0.36, 1)}
.bobae-foot .copr-area .cont.is-visible{height:84px}
.bobae-foot .copr-area .cont p{font-size:12px;line-height:1.4em;color:#777}
.bobae-foot .copr-area .cont p a{color:#777}
.bobae-foot .cs-area{overflow:hidden;padding:0 15px;margin-bottom:9px}
.bobae-foot .cs-area > a{font-size:13px}
.bobae-foot .cs-area dl{width:50%}
.bobae-foot .cs-area .rt{float:right}
.bobae-foot .cs-area .lt{float:left}
.bobae-foot .cs-area dt{display:inline-block;font-size:11px;line-height:1}
.bobae-foot .cs-area dd{display:inline-block;font-size:18px;line-height:1;letter-spacing:-1px}
.bobae-foot .service-area{overflow:hidden;display:block;height:32px;border-top:1px solid #d4d4d4;padding:6px 0 0;clear:both;text-align:center}
.bobae-foot .service-area span{position:relative;display:inline-block;padding-right:16px;margin-right:-4px}
.bobae-foot .service-area span:after{content:'';position:absolute;right:6px;top:7px;width:3px;height:3px;border-radius:50%;background-color:#c7c7c7}
.bobae-foot .service-area span:first-child{}
.bobae-foot .service-area span:last-child{padding-right:0;margin-right:0}
.bobae-foot .service-area span:last-child:after{display:none}
.bobae-foot .service-area a{color:#595959;letter-spacing:-1px;line-height:1;font-size:11px}
/*--- Footer : Top Content ---*/
.page-top-area{position:relative;background-color:#fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.page-top-area:after{content:'';clear:both;display:block}
.page-top-area .txt-area{float:left;display:block;height:45px;padding-left:50px}
.page-top-area .txt-area{width:calc(100% - 55px)}
.page-top-area .txt-area i{position:absolute;top:13px;left:15px;display:block;padding:0 3px 0 4px;border:1px solid #d2d2d2;border-radius:10px;font-size:10px;font-style:normal;color:#515151}
.page-top-area .txt-area span{margin-top:15px;color:#242424}
.page-top-area .btn-top{float:right;position:relative;display:block;width:47px;height:45px;border-left:1px solid #e9e9e9}
.page-top-area .btn-top .top{margin-top:3px;vertical-align:top}
/*--- Navigation : Page ---*/
.wrap-page-nav{overflow:hidden;position:relative;margin-bottom:10px;background-color:#fff;border:solid #cfcfcf;border-width:1px 0;border-top:none;max-height:43px;border-top-color:#e1e1e1}
.wrap-page-nav .major-menu ul{overflow:hidden;position:relative;display:block;justify-content:space-between;padding:0 8px;padding-left:17px;}
.wrap-page-nav .major-menu ul:after {display:none;}
.wrap-page-nav .major-menu li{display:inline-block;padding-left:10px;}
.wrap-page-nav .major-menu li:first-child {padding-left:0}
.wrap-page-nav .major-menu li a{display:block;font-weight:400}
.wrap-page-nav .major-menu li a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; height:43px;}
.wrap-page-nav .major-menu li span{position:relative;display:inline-block;line-height:43px;font-size:15px;color:#222;letter-spacing:-1px;font-weight:400;line-height:0;font-family:helvetica,sans-serif}
.wrap-page-nav .major-menu li.is-active a {position:relative;}
.wrap-page-nav .major-menu li.is-active a:after {content:'';position:absolute;left:-4px;right:-5px;bottom:1px;height:2px;background-color:#0070bd}
.wrap-page-nav .major-menu li.is-active span{font-weight:700;color:#036fb7;white-space:nowrap}
.wrap-page-nav .major-menu .indicator {position:absolute;bottom:0;left:5px;height:3px;background:red;}
.wrap-page-nav .all-menu{margin-top:-43px;z-index:100;width:100%;border-top:none;margin-bottom:-1px;}
.wrap-page-nav .all-menu ul {padding:12px 12px 12px 13px;}
.wrap-page-nav .all-menu li{float:left;position:relative;width:calc(25% - 5px);height:40px;margin:3px 3px 3px 2px;}
.wrap-page-nav .all-menu .link {display:block;width:100%;height:40px;line-height:40px;text-align:center;border:1px solid #ebebeb;}
.wrap-page-nav .all-menu .link span { font-size:16px;letter-spacing:-1px;font-family:HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif,sans-serif;color:#333}
.wrap-page-nav .all-menu .ui-state-highlight{height:42px;background-color:#f9f9f9}
.wrap-page-nav .all-menu .ui-state-highlight:before{content:'';content:'';position:absolute;top:7px;left:7px;right:7px;bottom:7px;border:1px solid #89afc9 !important}
.wrap-page-nav .all-menu li:active{z-index:10;box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)}
.wrap-page-nav .all-menu li:active .link span{color:#0070bd}
.wrap-page-nav .all-menu li:active .link:before{display:none}
.wrap-page-nav .all-menu li.is-fixed{box-shadow:none}
.wrap-page-nav .all-menu li.is-fixed:before{display:none}
.wrap-page-nav .all-menu li.is-selected .link {background-color:#0070bd;}
.wrap-page-nav .all-menu li.is-selected .link span {color:#fff;font-family:AppleSDGothicNeo-Bold,HelveticaNeue-Light,sans-serif;}
.wrap-page-nav .all-menu.mode-edit{}
.wrap-page-nav .all-menu.mode-edit .link:before{display:block}
.wrap-page-nav .btn-box{display:none;height:40px;text-align:right;padding-right:10px;background-color:#f9f9f9}
.wrap-page-nav .btn-box .btn-flat{position:relative;width:auto;height:34px;padding:0 16px;vertical-align:top;text-align:center;font-weight:700}
.wrap-page-nav .btn-box .btn-flat.c-b{background-color:#58a0f5;color:#fff}
.wrap-page-nav .btn-box .btn-line{position:relative;height:34px;padding:0 16px;border:1px solid;background-color:#fff;vertical-align:top;text-align:center;font-weight:700}
.wrap-page-nav .btn-box .btn-line.c-w{border-color:#d6d6d6;color:#2d2d2d}
.wrap-page-nav .btn-box .btn-line:hover{opacity:.7}
.wrap-page-nav .btn-box .btn-flat,.wrap-page-nav .btn-box .btn-line{display:none;margin-top:3px}
.wrap-page-nav .btn-box .btn-flat.is-visible,.wrap-page-nav .btn-box .btn-line.is-visible{display:inline-block}
.wrap-page-nav .btn-box .btn-change{margin-top:10px}
.wrap-page-nav .btn-box .btn-change .i-txt{position:relative;padding-left:24px;line-height:1.4}
.wrap-page-nav .btn-box .btn-change .i-txt:after{content:'';position:absolute;left:0;top:1px;display:block;width:19px;height:15px;background:url(/skin/upche/img/noimg/sp_mtop3.png) no-repeat -30px -30px;background-size:150px 60px}
.wrap-page-nav .btn-box .btn-change.is-hidden{display:none}
.wrap-page-nav .btn-all{position:absolute;right:0;top:0;height:43px;width:40px;border-left:1px solid #d4d4d4}
.wrap-page-nav .btn-all .arrow{position:absolute;top:14px;right:14px;width:11px;height:11px;border-right:2px solid #0070bd;border-bottom:2px solid #0070bd;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.wrap-page-nav.mode-more .major-menu{position:relative;margin-right:40px;}
.wrap-page-nav.mode-more .major-menu .menu-list {}
.wrap-page-nav.mode-more .major-menu .menu-item {display:inline-block;padding-left:12px;}
.wrap-page-nav.mode-more .major-menu .menu-item:first-child {margin-left:0;padding-left:0px}
.wrap-page-nav.mode-more .major-menu .menu-item:last-child {padding-right:5px}
.wrap-page-nav.mode-more .major-menu.is-scroll {overflow-y:hidden;position:relative;overflow-x:auto; display:block; white-space:nowrap;-webkit-overflow-scrolling:touch;}
.wrap-page-nav.mode-more .major-menu.is-scroll {scrollbar-width:none;-ms-overflow-style:none;}
.wrap-page-nav.mode-more .major-menu.is-flex ul {display:flex;justify-content:space-between}
::-webkit-scrollbar {display:none;width:0 !important;height:0;background:transparent;-webkit-appearance:none;}
::-webkit-scrollbar-tnumb {background:#ff0000}
::-webkit-scrollbar:horizontal {background:transparent}
.wrap-page-nav.mode-more .major-menu.is-scroll:after {content:'';position:absolute;right:0;top:0;bottom:0;width:20px;background: rgba(255,255,255,0);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.wrap-page-nav.mode-more .major-menu.is-scroll .menu-list {overflow-y:hidden;overflow-x:auto; display:block; white-space:nowrap;-webkit-overflow-scrolling:touch;}
.wrap-page-nav.mode-more .major-menu.is-scroll .menu-item {display:inline-block;white-space:nowrap}
.wrap-page-nav.mode-more .major-menu.is-scroll .menu-item ~ .menu-item {padding-left:12px;}
.wrap-page-nav.mode-more .major-menu.is-scroll .menu-item:first-child {padding-left:0;}
.wrap-page-nav.mode-more .major-menu.is-flex {}
.wrap-page-nav.mode-more .major-menu.is-flex .menu-item:first-child {padding-left:0}

.wrap-page-nav.mode-sub .wrap-list{display:block}
.wrap-page-nav.mode-sub .all-menu{position:relative;border-top-color:#e7e7e7;margin-top:-1px}
.wrap-page-nav.mode-sub .all-menu li{float:left;border:none;width:20%;text-align:center}
.wrap-page-nav.mode-sub .all-menu li:active{box-shadow:none}
.wrap-page-nav.mode-sub .all-menu .link span{font-size:17px;font-weight:bold}


.wrap-page-nav {}
.wrap-page-nav .major-menu {background-color:#fff;}
.wrap-page-nav .all-menu {margin-top:-43px;z-index:10;}
.wrap-page-nav .menu-top {height:43px;padding-left:15px;border-bottom:1px solid #e5e5e5;background-color:#fff;}
.wrap-page-nav .menu-top .menu-title {}
.wrap-page-nav .menu-top .menu-title .title{font-weight:normal;font-size:15px;line-height:42px;letter-spacing:-1px;color:#222;}
.wrap-page-nav .menu-top .menu-util {}

.wrap-page-nav.is-extend{overflow:inherit;max-height:43px;}
.wrap-page-nav.is-extend .major-menu {z-index:-1;}
.wrap-page-nav.is-extend .all-menu {position:absolute;left:0;right:0;top:0;margin:0;z-index:110;background-color:#fff;}
.wrap-page-nav.is-extend .btn-all {z-index:111;}
.wrap-page-nav.is-extend .btn-all .arrow{top:19px;transform:rotate(225deg);-webkit-transform:rotate(225deg);border-color:#0070bd}
.wrap-page-nav .gnb-dim {z-index:90;display:none;position:absolute;top:0;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.5)}
.wrap-page-nav .gnb-dim.is-visible {display:block;}
/*--- Navigation : Side ---*/
.wrap-side-nav{position:absolute;left:0;top:0;bottom:0;width:280px;z-index:110;transform:translateX(-280px);-webkit-transform:translateX(-280px);transition:transform .55s cubic-bezier(.52,.01,.16,1);-webkit-transition:transform .55s cubic-bezier(.52,.01,.16,1)}
.wrap-side-nav .inner-side{overflow-x:hidden;width:100%;overflow-y:scroll;height:100%;max-height:100vh;background-color:#fff;-webkit-overflow-scrolling:touch}
.wrap-side-nav .side-user{position:relative;top:0;left:0;width:280px;z-index:110}
.wrap-side-nav .side-user li{float:left;width:25%;text-align:center}
.wrap-side-nav .side-user li a{display:block;height:75px;padding-top:17px;background-color:#163961}
.wrap-side-nav .side-navi{position:relative;background-color:#fff}
.wrap-side-nav .side-navi .btn-cate{position:relative;display:block;width:100%;height:40px;padding-left:20px;border-bottom:1px solid #eaeaea;text-align:left;font-size:16px;font-weight:700;color:#163961}
.wrap-side-nav .side-navi .btn-cate:after,.wrap-side-nav .side-navi .btn-cate:before{content:'';position:absolute;right:15px;top:18px;width:13px;height:1px;background-color:#163961;transform:rotate(0deg);-webkit-transform:rotate(0deg)}
.wrap-side-nav .side-navi .btn-cate:after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.wrap-side-nav .side-navi .list{overflow:hidden;display:none;position:relative;background-color:#f4f5fa}
.wrap-side-nav .side-navi .list li + li{border-top:1px solid #eaeaea}
.wrap-side-nav .side-navi .list li a{display:block;height:40px;line-height:40px;padding-left:20px;}
.wrap-side-nav .side-navi .cate.is-extend .btn-cate:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.wrap-side-nav .side-navi .cate.is-extend .btn-cate:before{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.wrap-side-nav .side-navi .cate.is-extend .btn-cate + .list{display:block}
.wrap-side-nav .side-ad{position:relative}
.wrap-side-nav .side-ad .ad-item {position:relative;}
.wrap-side-nav .side-ad .ad-item + .ad-item{border-top:1px solid rgba(255,255,255,.15);background-color:#003466;}
.wrap-side-nav .side-ad .ad-link{position:relative;display:block;height:45px;padding:14px 15px 0;background-color:#003466;font-size:13px;font-weight:700;color:#fff}
.wrap-side-nav .side-ad .ad-link .i-txt{position:relative;display:inline-block;padding-left:30px}
.wrap-side-nav .side-ad .ad-link .i-txt:after{content:'';position:absolute;left:0;top:0;display:block;background:url(../images/layout/sp_nav.png) no-repeat;background-size:250px auto}
.wrap-side-nav .side-ad .ad-link .transparent,
.wrap-side-nav .side-ad .ad-link iframe {position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.wrap-side-nav .side-ad .link-ad .i-txt:after{width:23px;height:19px;background-position:-5px -50px}
.wrap-side-nav .side-ad .link-cals .i-txt:after{left:3px;width:16px;height:18px;background-position:-5px -75px}
.wrap-side-nav .nav-inquiry-service{display:none;position:absolute;left:0;top:32px;z-index:10;width:100%;}
.wrap-side-nav .nav-inquiry-service:focus {outline:none}
.wrap-side-nav .nav-inquiry-service .inner{margin:0 10px;margin-top:8px;border:1px solid #d2d3d5;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.04)}
.wrap-side-nav .nav-inquiry-service .inner:before{content:'';position:absolute;left:25px;margin-left:-3px;top:5px;display:block;width:6px;height:6px;background-color:#fff;transform:rotate(-45deg);border:1px solid;border-color:#d2d3d5 #d2d3d5 transparent transparent}
.wrap-side-nav .nav-inquiry-service .service-item{position:relative;height:51px;text-align:center;}
.wrap-side-nav .nav-inquiry-service .service-item a{display:block;height:50px}
.wrap-side-nav .nav-inquiry-service .service-item + .service-item{border-top:1px solid #e1e1e1}
.wrap-side-nav .nav-inquiry-service .service-item:last-child{height:auto}
.wrap-side-nav .nav-inquiry-service .service-item .btn-close{box-sizing:border-box;height:28px;padding:0;margin:7px 10px;line-height:28px;background-color:#666;border-radius:3px;font-size:14px;text-align:center;color:#a8a8a8}
.wrap-side-nav .nav-inquiry-service .service-item .btn-close .i-text{position:relative;display:inline-block;font-size:13px;color:#fff}
.wrap-side-nav .nav-inquiry-service .service-item .btn-close .i-text .icon-close2{font-size:11px}
.wrap-side-nav .nav-inquiry-service.is-visible{display:block}
.wrap-side-nav .side-util{position:relative;padding:20px 10px;background-color:#fff}
.wrap-side-nav .side-util li{float:left;width:33.3%}
.wrap-side-nav .side-util li:nth-child(n+4){margin-top:35px}
.wrap-side-nav .side-util a{display:block;font-size:12px;text-align:center}
.wrap-side-nav .side-util .txt{display:block}
.wrap-side-nav .side-btn-box{position:absolute;right:-36px;top:8px}
.wrap-side-nav .side-btn-box .btn-side-nav{position:relative;display:inline-block;width:21px;height:23px}
.wrap-side-nav .side-btn-box .btn-side-nav span{position:relative;display:inline-block;float:left;margin-top:7px;text-indent:-9999em}
.wrap-side-nav .side-btn-box .btn-side-nav span:before{content:'';position:absolute;left:0;top:-7px}
.wrap-side-nav .side-btn-box .btn-side-nav span:after{content:'';position:absolute;left:0;top:7px}
.wrap-side-nav .side-btn-box .btn-side-nav span,.wrap-side-nav .side-btn-box .btn-side-nav span:before,.wrap-side-nav .side-btn-box .btn-side-nav span:after{background-color:#fff;width:21px;height:2px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.wrap-side-nav.is-visible{transform:translateX(0px);-webkit-transform:translateX(0px)}
.wrap-side-nav.is-visible .side-btn-box .btn-side-nav span{background-color:transparent}
.wrap-side-nav.is-visible .side-btn-box .btn-side-nav span:after{top:0;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.wrap-side-nav.is-visible .side-btn-box .btn-side-nav span:before{top:0;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}


/**********************/
/**** Media Query. ****/
/**********************/
@media screen and (max-width:370px){
    .bobae-foot .cs-area dt{display:block;margin-bottom:6px}
}

/*******************/
/**** Fallback. ****/
/******************/
/*--- IOS : Default ---*/
.ios body *{word-spacing:-1px;letter-spacing:-0.025em}
/*--- Android : Content ---*/
.android .b_nav li span{padding-top:10px}


/*****************/
/**** Plugin. ****/
/*****************/
/*--- jQueryUI : Range Slider ---*/
.ui-slider{position:relative;height:38px}
.ui-slider::after{content:'';position:absolute;left:0;right:0;top:19px;height:2px;background-color:#ddd}
.ui-slider .ui-slider-handle{position:absolute;top:0;z-index:2;width:38px;height:38px;border:1px solid #ccc;background-color:#fff;border-radius:50%;margin-left:-19px}
.ui-slider .ui-slider-handle::after{content:'';position:absolute;left:15px;top:11px;width:7px;height:14px;background:url(../images/common/ico_range.png) no-repeat 0 0;background-size:7px auto}
.ui-slider .ui-widget-header{position:absolute;z-index:1;top:19px;height:2px;background-color:#53a1f6;display:block}
/*--- jQueryUI : Datepicker ---*/
.ui-datepicker-trigger{position:absolute;right:5px;top:5px;cursor:pointer}#ui-datepicker-div{display:none;position:absolute;height:auto!important;padding:10px;z-index:10!important;background-color:#fff;border:1px solid #d8d8d8}#ui-datepicker-div thead th{height:30px;background-color:#f6f6f6;color:#757575;border-top:1px solid #e9e9e9}#ui-datepicker-div .ui-datepicker-week-end:first-child{border-left:1px solid #e9e9e9}#ui-datepicker-div th+.ui-datepicker-week-end{border-right:1px solid #e9e9e9}#ui-datepicker-div tbody td{border:1px solid #e9e9e9}#ui-datepicker-div .ui-state-default{display:block;width:38px;height:38px;padding-top:12px;text-align:center}#ui-datepicker-div .ui-state-default:hover{color:#fff;background-color:#046fb7}#ui-datepicker-div .ui-state-disabled .ui-state-default{color:#b8b8b8}#ui-datepicker-div .ui-state-disabled .ui-state-default:hover{background:#fff;color:#b8b8b8}#ui-datepicker-div .ui-datepicker-header{position:relative}#ui-datepicker-div .ui-datepicker-title{position:relative;margin-bottom:6px;height:32px}#ui-datepicker-div .ui-datepicker-title:after{content:'';clear:both;display:block}#ui-datepicker-div .ui-datepicker-year{position:absolute;top:0;font-size:16px;border:1px solid #cacaca;padding:4px 5px 5px 4px;font-weight:600}#ui-datepicker-div .ui-datepicker-month{display:block;margin-top:-4px;font-size:16px;font-weight:600;text-align:center}#ui-datepicker-div .ui-datepicker-prev{position:absolute;left:103px;top:9px;z-index:10;cursor:pointer}#ui-datepicker-div .ui-datepicker-next{position:absolute;right:105px;top:9px;z-index:10;cursor:pointer}#ui-datepicker-div .ui-datepicker-prev .ui-icon-circle-triangle-w{width:7px;height:14px;background-position:-95px -82px}#ui-datepicker-div .ui-datepicker-prev:hover span{background-position:-82px -82px}#ui-datepicker-div .ui-datepicker-next .ui-icon-circle-triangle-e{width:7px;height:14px;background-position:-95px -102px}#ui-datepicker-div .ui-datepicker-next:hover span{background-position:-82px -102px}#ui-datepicker-div .ui-icon{overflow:hidden;display:block;text-indent:-9999em;background:url(../images/common/btn_comm.png) no-repeat}.ui-datepicker-calendar>tbody td.ui-datepicker-week-end:first-child a{color:#f54c49}


@font-face{
  font-family:'icon';
  src: url('/m/css/bobae/icon.eot');
  src: url('/m/css/bobae/icon.eot#iefix') format('embedded-opentype'), url('/m/css/bobae/icon.ttf') format('truetype'), url('/m/css/bobae/icon.woff') format('woff'), url('/m/css/bobae/icon.svg#icon') format('svg');font-weight:normal;font-style:normal
}