@charset "utf-8";

/***************/
/**** Font. ****/
/***************/

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');


/****************/
/**** Reset. ****/
/****************/
/*--- 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}
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']{-webkit-appearance:none;border-radius:0}
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}
body{position:relative;background:#fff}
body,th,td,input,select,textarea,button{font-size:12px;line-height:1;font-family:'Nanum Gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;color:#333;letter-spacing:-0.05em;}
iframe{border:none}
audio:not([controls]){display:none;height:0}
[hidden], template{display:none}
a{color:#333;text-decoration:none;cursor:pointer}
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}
button, a, image, input, span, b, strcong, em{vertical-align:top}
/*--- Default ---*/
html, body{position:relative;min-width:320px;min-height:100vh}
html{-ms-touch-action:none;overflow-x:auto}
body{font-size:12px;min-width:1042px}
caption{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
h1, h2, h3, h4, h5, h6{font-size:12px}
strong em, b, strong{font-weight:600}
i{font-style:normal}


/*****************/
/**** Layout. ****/
/*****************/
.component{position:relative;width:1042px;margin:0 auto;padding:0 10px}
.component:after{clear:both;display:block;content:''}
#skip-nav{position:relative;z-index:1000}
#skip-nav a{position:absolute;top:-28px;left:0;display:block;height:28px;padding:9px 20px 0; background-color:#333;color:#fff;letter-spacing:-1px;text-align:center;font-size:11px}
#skip-nav a:focus{overflow:hidden;top:0;text-decoration:none}

/***************/
/**** Form. ****/
/***************/
.iBox{position:relative;display:inline-block}
.iBox input{display:inline-block;box-sizing:border-box;width:100%;height:25px;line-height:25px;padding:0 0 0 7px;border:1px solid #bebebe}
.iBox input:focus{outline:none;border-color:#1092d0}
.iBox textarea{display:inline-block;box-sizing:border-box;width:100%;padding:7px 7px 0 7px;border:1px solid #bebebe;resize:none;line-height:18px}
.iBox textarea:focus{outline:none;border-color:#1092d0}
.iBox.tct input{text-align:center;padding-left:0}
.iBox.trt input{text-align:right;padding-right:7px}
.iBox.mode-calendar{position:relative}
.iBox.mode-calendar input{padding-left:0;padding-right:20px;text-align:center}
.iBox.mode-calendar input::-ms-clear{display:none}
.iBox.mode-calendar input::-webkit-inner-spin-button,.iBox.mode-calendar input::-webkit-calendar-picker-indicator{display:none}
.sBox{position:relative;display:inline-block}
.sBox select{width:100%;height:25px;line-height:25px;border:1px solid #bebebe;transition:border .2s;cursor:pointer;font-size:12px}
.sBox select:focus{border-color:#1092d0;outline:none}
.sBox-st{position:relative;display:inline-block}
.sBox-st select{width:100%;border:none;box-shadow:none;background-color:transparent;border-image:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:12px}
.sBox-st select::-ms-expand{display:none}
.sBox-st.box{}
.sBox-st.box:after{content:'';position:absolute;top:50%;right:10px;margin-top:-2px;width:7px;height:5px;background:url(../images/common/btn_comm.png) no-repeat -2px -82px}
.sBox-st.box select{padding:8px 30px 8px 10px;border:1px solid #cbd4db}
.sBox-st.rd{position:relative;border:1px solid #1092d0;border-radius:11px}
.sBox-st.rd:after{content:'';position:absolute;right:6px;top:8px;display:inline-block;border-width:4px 3px;border-style:solid;border-color:#1092d0 transparent transparent}
.sBox-st.rd select{ cursor:pointer;height:20px;padding-left:10px;padding-right:15px;font-weight:600;color:#1092d0}
.ie9 .sBox-st select, .ie8 .sBox-st select{padding-right:10px}
.ie9 .sBox-st:after, .ie8 .sBox-st:after{display:none}
.optBox{position:relative;display:inline-block}
.optBox input{width:13px;height:13px;border-color:#d5d5d5;background:#fff;padding:0;margin:0}
.optBox input:disabled + label{color:#bbb}
.optBox label{cursor:pointer}
.inp-t{position:relative;top:6px;display:inline-block;padding-left:4px}
.hr-opt-wrap{position:relative;display:inline-block}
.hr-opt-wrap:after{clear:both;display:block;content:''}
.hr-opt-wrap .hr-opt{float:left;position:relative;display:block;border:1px solid #bebebe;overflow:hidden}
.hr-opt-wrap .hr-opt + .hr-opt{margin-left:-1px}
.hr-opt-wrap .hr-opt input{position:absolute;left:-9999em;width:1px;height:1px}
.hr-opt-wrap .hr-opt label{display:block;width:120px;height:23px;padding-top:5px;cursor:pointer;text-align:center;font-size:11px}
.hr-opt-wrap .hr-opt label.is-checked{background-color:#046fb7;color:#fff}
.hr-opt-wrap .hr-opt:first-child{border-radius:3px 0 0 3px}
.hr-opt-wrap .hr-opt:last-child{border-radius:0 3px 3px 0}
.hr-opt-wrap.w72 .hr-opt label{width:72px}
.chk-blue{overflow:hidden;position:relative;display:inline-block}
.chk-blue input{position:absolute;left:-9999em;width:1px;height:1px}
.chk-blue label{position:relative;padding-left:25px;display:inline-block;height:16px;cursor:pointer;font-size:13px}
.chk-blue label:after{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url(../images/common/btn_comm.png) no-repeat -22px -42px}
.chk-blue input:checked + label:after{background-position:-42px -42px}
.chk-blk{overflow:hidden;position:relative;display:inline-block}
.chk-blk input{position:absolute;left:-9999em;width:1px;height:1px}
.chk-blk label{position:relative;display:inline-block;width:16px;height:16px;cursor:pointer;background:url(../images/common/btn_comm.png) no-repeat -22px -42px;text-indent:-9999em}
.chk-blk input:checked + label{background-position:-62px -42px}
.radioBox{overflow:hidden;position:relative;display:inline-block}
.radioBox input{position:absolute;left:-9999em;width:1px;height:1px}
.radioBox label{position:relative;padding-left:15px;display:inline-block;height:16px;cursor:pointer;font-size:13px}
.radioBox label:after{content:'';position:absolute;top:2px;left:0;width:11px;height:11px;background:url(../images/common/btn_comm.png) no-repeat -42px -22px}
.radioBox input:checked + label:after{background-position:-62px -22px}
.ph-box{position:relative}
.ph-box label{position:absolute;left:8px;color:#757575}
.ph-box textarea + label{top:11px}
.ph-box input + label{top:6px}
.ph-box label.is-hide{display:none}
.btn-direct-search{width:21px;height:20px;margin-top:3px;margin-left:4px}
.wrap-rd-select{position:relative;display:inline-block;border:1px solid #1092d0;border-radius:11px}
.wrap-rd-select .btn-rd{border:none;height:20px}
.btn-box{position:relative;padding:15px 0 15px;text-align:center}
.btn-rd{overflow:hidden;position:relative;display:inline-block;height:22px;padding:0 10px 0;border:1px solid;border-radius:11px;transition:all .3s}
a.btn-rd{padding-top:4px}
.btn-rd.blue{border-color:#1092d0;color:#1092d0}
.btn-rd.blue:hover{background-color:#1092d0;color:#fff}
.btn-rd.gray{border-color:#d1d1d1;color:#686868}
.btn-rd.gray:hover{background-color:#555;color:#fff;border-color:#555}
.btn-rd .arrow{position:relative;display:inline-block;padding-right:10px}
.btn-rd .arrow:after{content:'';position:absolute;right:0;top:4px;border:3px solid;border-color:#1092d0 transparent transparent}
.btn-rd:hover .arrow:after{border-color:#fff transparent transparent}
.btn-sq-blue{position:relative;display:inline-block;min-width:90px;height:26px;padding:0 20px;font-weight:600;color:#fff;background-color:#1091d0;border:1px solid #1091d0;transition:all .4s}
.btn-sq-blue:hover{background-color:#20a8eb;border-color:#20a8eb;color:#fff}
.btn-sq-line{position:relative;display:inline-block;min-width:90px;height:26px;border:1px solid #d1d1d1;background-color:#fff;text-align:center;font-weight:600}
.btn-sq-blue.line{color:#0070bd;background-color:#fff}
.btn-sq-blue.line:hover{background-color:#0070bd;color:#fff}
a.btn-sq-blue,
a.btn-sq-line{padding-top:6px}
.btn-sq-line:hover{background-color:#555;color:#fff;border-color:#555}
.btn-sq-line.st-blue:hover{background-color:#0070bd;color:#fff;border-color:#0070bd}
.btn-sq-line.g{color:#777;transition:all .4s}
.btn-sq-line.g:hover{background-color:#fff;color:#777;border-color:#777}
.btn-sq-line.ico{padding:0 12px;color:#333;font-weight:400}
.btn-sq-line.ico:hover{color:#333;background-color:#fff;border-color:#d1d1d1}
.btn-sq-line.ico:hover span{text-decoration:underline}
.btn-sq-line + .btn-sq-line{margin-left:2px}
.btn-round{position:relative;display:inline-block;padding:0 12px;min-width:84px;height:26px;line-height:24px;border-radius:32px;border:1px solid #1092d0;text-align: center;color:#1092d0;transition:all .7s cubic-bezier(.23,1,.32,1)}
.btn-round:hover{background-color:#1092d0;color:#fff}
.i-btn{position:relative;display:inline-block}
.i-btn:after{content:'';position:absolute;background:url(../images/common/ico_comm.png) no-repeat}
.i-btn.bookmark{padding-left:16px}
.i-btn.bookmark:after{top:-1px;left:0;width:13px;height:15px;background-position:-102px -2px}
.i-btn.profile{padding-left:20px}
.i-btn.profile:after{top:-2px;left:0;width:17px;height:15px;background-position:-122px -2px}
.i-btn.report{padding-left:17px}
.i-btn.report:after{top:-4px;left:0;width:17px;height:18px;background-position:-2px -2px}
.i-btn.likeit{padding-left:17px}
.i-btn.likeit:after{top:-4px;left:0;width:17px;height:18px;background-position:-22px -2px}
.i-btn.sns{padding-left:17px}
.i-btn.sns:after{top:-4px;left:0;width:17px;height:18px;background-position:-42px -2px}
.i-btn.print{padding-left:17px}
.i-btn.print:after{top:-1px;left:0;width:14px;height:14px;background-position:-2px -22px}
.i-btn.zoom{padding-left:17px}
.i-btn.zoom:after{top:0;left:0;width:15px;height:15px;background-position:-122px -42px}
.i-btn.spread{padding-left:15px}
.i-btn.spread:after{top:2px;left:0;width:11px;height:11px;background-position:-142px -42px}
.i-btn.search{width:21px;height:20px;background:url(../images/common/btn_comm.png) no-repeat -122px -42px;text-indent:-9999em}
.i-comm{overflow:hidden;display:inline-block;text-indent:-9999em;background:url(../images/common/ico_comm.png) no-repeat}
.i-comm.map{width:7px;height:12px;background-position:-142px -2px}

.btn-view-more{position:relative;display:block;width:100%;height:40px;margin-top:-1px;background-color:#f7f7f7; text-align:center;font-weight:600}
.btn-view-more .more{position:relative;display:inline-block;padding-right:21px;font-size:14px}
.btn-view-more .more:after{content:'';position:absolute;right:0;top:1px;width:12px;height:12px;background:url(../images/common/btn_comm.png) no-repeat -142px -2px}
.btn-view-more.is-expanded .more:after{background-position:-142px -2px}
.btn-view-more:hover{background-color:#f1f1f1}
a.btn-view-more{padding-top:12px}

.btn-more-round{position:relative;display:inline-block;width:62px;height:62px}
.btn-more-round .btn-comm{width:62px;height:62px;background-position:-322px -2px}
.btn-more-round .btn-comm:hover{}
.btn-more-round .txt{position:absolute;bottom:-22px;left:0;right:0;display:block;text-align:center}
.btn-more-round:hover .txt{text-decoration:underline}
.btn-more-round:focus{outline:none}
/*-- animation.
.btn-sq-blue:after{content:'';position:absolute;width:100%;height:0;left:0;top:50%;background-color:#0a85c0;transition:all .3s}
.btn-sq-blue:hover:after{height:30px;top:0}
.btn-sq-blue:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:#1092d0}
.btn-sq-blue > span{position:relative;z-index:3}
*/
.btn-date{position:relative;top:3px;display:inline-block}
.btn-date button{display:inline-block;width:34px;height:18px;border:1px solid #bebebe;text-align:center}
.btn-date button:hover{background-color:#fff;text-decoration:underline}

/***********************/
/**** Global Class. ****/
/***********************/
.flt{float:left}
.frt{float:right}
.tct.tct{text-align:center}
.tlt.tlt{text-align:left}
.trt.trt{text-align:right}
.tvt.tvt{vertical-align:top}
.tmd.tmd{vertical-align:middle}
.cl_b{width:0;height:0;font-size:0;line-height:0;clear:both}
.clear_g{display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.clearfix{position:relative;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}
.dib{display:inline-block}
.mb6{margin-bottom:6px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mt-1{margin-top:-1px}
.w120{width:120px}

.scroll-area{position:relative;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc}
.page-loading{z-index:1000;display:none;position:fixed;top:0;left:0;right:0;bottom:0;}
.page-loading.is-visible{display:block}
.page-loading:after {content:'';position:fixed;top:50%;left:50%;width:216px;height:134px;margin-left:-108px;margin-top:-67px;background:url(//image.bobaedream.co.kr/renew2017/assets/images/common/loading.gif) no-repeat 0 0;}

/***********************/
/**** Script Style. ****/
/***********************/
.is-hidden{display:none}
.is-visible.is-visible{display:block}
tr.is-visible.is-visible{display:table-row}
.js-option-cont{display:none}
.js-tabs-content{display:none}

/*********************/
/**** Font Style. ****/
/*********************/
.fwn{font-weight:normal}
.ellipsis{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;max-width:100%;word-break:break-all;word-wrap: break-word}
.ellipsis,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word}
.ellipsis-2{overflow:hidden;display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;white-space:normal;line-height:1.5em;height:3em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cr{color:#fe0405}
.cb{color:#056fb7}
.cg{color:#888}
.cg11{color:#888;font-size:11px}
.fwb.fwb{font-weight:600}
.space-1{display:inline-block;width:12px}
.link-b{position:relative;top:1px;line-height:17px;color:#0e6cb2}
.link-b:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#0e6cb2}
.link-g{position:relative}
.link-g:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#656565}
.txt-bar{float:left;position:relative}
.txt-bar + .txt-bar{padding-left:11px}
.txt-bar + .txt-bar:after{content:'';position:absolute;left:5px;width:1px;top:0;bottom:0;background-color:#d1d1d1}
/*--- Text List : Arrow ---*/
.ui-arrow{display:inline-block;border:4px solid}
.ui-arrow.up{top:0;border-color:transparent transparent #757575}
.ui-arrow.down{top:4px;border-color:#757575 transparent transparent}
.ui-arrow.left{border-color:transparent #757575 transparent transparent}
.ui-arrow.right{border-color:transparent transparent transparent #757575}
/*--- Text List : Arrow ---*/
.ui-united-arrow{position:relative;display:inline-block;padding-right:11px}
.ui-united-arrow::after{content:'';position:absolute;right:0;display:inline-block;border:4px solid}
.ui-united-arrow.up::after{border-color:transparent transparent #757575}
.ui-united-arrow.down::after{top:4px;border-color:#757575 transparent transparent}
.ui-united-arrow.left::after{border-color:transparent #757575 transparent transparent}
.ui-united-arrow.right::after{border-color:transparent transparent transparent #757575}

/***********************/
/**** Image Sprite. ****/
/***********************/
.ico-mtop,.num-issue,.num-rank,.arrow-comm,.sp-btm{overflow:hidden;display:inline-block;text-indent:-9999em}
/*-- top -*/
.ico-mtop{background:url(../images/layout/ico_mtop.png) no-repeat}
.ico-mtop.more{width:18px;height:18px;background-position:-2px -45px}
.ico-mtop.search{width:19px;height:19px;background-position:-2px -24px}
.ico-mtop.menu{width:26px;height:20px;background-position:-2px -2px}
/*-- bottom icon -*/
.sp-btm{background:url(../images/layout/ico_mbtm.png) no-repeat}
.sp-btm.cs-call{width:121px;height:14px}
.sp-btm.cs-call{background-position:-2px -160px}
[class^="sp-btm sns-"]{width:44px;height:44px}
.sp-btm.sns-facebook{background-position:-2px -2px}
.sp-btm.sns-insta{background-position:-52px -2px}
.sp-btm.sns-youtube{background-position:-102px -2px}
.sp-btm.sns-blog{background-position:-152px -2px}
.sp-btm.sns-kakao{background-position:-202px -2px}
.sp-btm.sns-post{background-position:-252px -2px}
.sp-btm.app-g,.sp-btm.app-a{width:120px;height:50px}
.sp-btm.app-g{background-position:-2px -102px}
.sp-btm.app-a{background-position:-125px -102px}
.sp-btm.family-car,.sp-btm.family-bike,.sp-btm.family-truck,.sp-btm.family-heavy,.sp-btm.family-comping{width:36px;height:36px}
.sp-btm.family-car{background-position:-2px -52px}
.sp-btm.family-bike{background-position:-52px -52px}
.sp-btm.family-truck{background-position:-102px -52px}
.sp-btm.family-comping{background-position:-152px -52px}
.sp-btm.t1{background-position:-2px -200px}
.sp-btm.t2{background-position:-2px -220px}
.sp-btm.t3{background-position:-2px -240px}
.sp-btm.t4{background-position:-2px -260px}
/*-- btn -*/
.btn-comm{overflow:hidden;display:inline-block;text-indent:-9999em;font-size:0;line-height:0;background:url(../images/common/btn_comm.png) no-repeat}
/*-- 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:8px;height:5px;background-position:-2px -28px}
/*-- content.icon -*/
.ico-comm{overflow:hidden;display:inline-block;text-indent:-9999em;font-size:0;line-height:0;background:url(../images/common/ico_comm.png) no-repeat}
.ico-file{position:relative;padding-left:17px}
.ico-file:after{content:'';position:absolute;top:0;left:0;width:13px;height:13px; background:url(../images/common/ico_comm.png) no-repeat -2px -42px}
.ico-file a:hover{text-decoration:underline}
.format-wrapper {position:relative;display:inline-block;padding-left:20px;}
.format-wrapper [class^="icon-format-"] {position:absolute;left:0;top:-2px;display:inline-block;width:15px;height:16px;margin-right:4px;background:url(../images/mypage/icon_file_format.png) no-repeat;}
.icon-format-jpg {background-position:0 0}

/*****************/
/**** Header. ****/
/*****************/
#bobaeHead{margin-bottom:15px}
.bobae-head{position:relative;z-index:30;height:97px;padding-top:37px;border-bottom:1px solid #c0c2c7}
.bobae-head:hover{z-index:100}
.bobae-head .top-service{position:absolute;top:-26px;right:10px}
.bobae-head .top-service ul{}
.bobae-head .top-service .svc-tab{float:left;padding-left:6px;margin-left:6px;border-left:1px solid #ccc;height:12px}
.bobae-head .top-service .svc-tab:first-child{padding-left:0;margin-left:0;border-left:0}
.bobae-head .top-service .svc-tab > a{display:inline-block;letter-spacing:-0.1em;font-size:12px;color:#888}
.bobae-head .top-service .svc-tab > a b{color:#2d6cae}
.bobae-head .top-service .svc-tab > a:hover{color:#000}
.bobae-head .tit-area{position:relative;float:left;margin-right:92px;height:48px;line-height:0}
.bobae-head .tit-area a{display:inline-block;width:134px;height:44px;background:url(../images/layout/h1_logo_car.png) no-repeat 0 0;text-indent:-9999em}
.svc-panel{display:none;position:absolute;top:23px;right:0;z-index:110;background-color:#fff;border:1px solid #9a9a9a}
.svc-panel.is-visible{display:block}
.svc-panel .svc-scroll{position:relative;width:464px;height:610px}
.svc-panel .svc-scroll:before{content:'';position:absolute;top:-5px;right:125px;display:block;width:8px;height:5px;background:url(../images/layout/ico_mtop.png) no-repeat -42px -70px}
.svc-panel .svc-head{position:relative;height:46px;padding:15px 0 0 15px;border-bottom:1px solid #eaeaea}
.svc-panel .svc-head .tit{display:inline-block;font-size:12px;line-height:1;color:#000;vertical-align:top}
.svc-panel .svc-head .state{display:inline-block;vertical-align:top;font-size:12px;color:#4a4a4a}
.svc-panel .svc-head .state button{padding-left:2px;font-size:12px;color:#2d6cae}
.svc-panel .svc-head .state button:hover{text-decoration:underline}
.svc-panel .svc-head .task-rt{position:absolute;right:18px;top:10px}
.svc-panel .svc-head .task-rt button{display:inline-block;padding:0 8px;height:26px;border:1px solid #e4e4e4;font-size:11px;color:#888}
.svc-panel .svc-head .task-rt button:hover{border-color:#ccc;color:#333}
.svc-panel .svc-body{overflow-y:scroll;overflow-x:hidden;position:relative;height:564px}
.svc-panel .svc-list{position:relative}
.svc-panel .svc-list li{position:relative;border-bottom:1px solid #eaeaea;background-color:#f9f9f9}
.svc-panel .svc-list .list-cover{position:relative;display:block;height:33px;margin-right:92px;padding:10px 0 0 15px;font-size:11px}
.svc-panel .svc-list .list-cover:hover .subject{text-decoration:underline;color:#000}
.svc-panel .svc-list .cover-inner{position:relative;padding-right:8px;padding-top:2px;letter-spacing:-0.025em;word-spacing:-1px;height:14px}
.svc-panel .svc-list .cover-inner:after{position:absolute;right:2px;top:0;content:'"'}
.svc-panel .svc-list .user-name{color:#333}
.svc-panel .svc-list .user-name em{color:#2d6cae}
.svc-panel .svc-list .svc-name{color:#333}
.svc-panel .svc-list .subject{position:relative;padding-left:6px;color:#333}
.svc-panel .svc-list .subject:before{position:absolute;top:0;left:0;content:'"'}
.svc-panel .svc-list .date{position:absolute;top:10px;right:43px;font-size:11px;color:#bbb}
.svc-panel .svc-list .btn-remove{position:absolute;top:2px;right:6px;padding:9px;line-height:0}
.svc-panel .svc-list .btn-remove i{width:9px;height:9px;background-position:-2px -70px}
.svc-panel .svc-list .btn-remove:hover i{background-position:-22px -70px}
.svc-panel .svc-list li.is-read{background-color:#fff}
.svc-panel .svc-list li.is-read .user-name{color:#b9babd}
.svc-panel .svc-list li.is-read .user-name em{color:#c0d3e7}
.svc-panel .svc-list li.is-read .svc-name{color:#b9babd}
.svc-panel .svc-list li.is-read .subject{color:#b9babd}
.svc-panel .svc-list li.is-read .date{color:#ececec}
.svc-panel .svc-list li.is-read .list-cover:hover .subject{color:#b9babd}
.svc-panel .svc-list li.is-read .cover-inner:after{color:#b9babd}

/*********************/
/**** Navigation. ****/
/*********************/
.bobae-gnb{position:relative;float:left;padding-top:16px;padding-right:30px}
.bobae-gnb .menu-item{position:relative;float:left;padding:0 12px}
.bobae-gnb .menu-item:first-child{padding-left:0}
.bobae-gnb .menu-item:first-child .sub-menu{margin-left:-70px}
.bobae-gnb .menu-link{position:relative;display:block}
.bobae-gnb .menu-link span{overflow:hidden;display:inline-block;text-indent:-9999em;height:18px;background:url(../images/layout/gnb_car.png) no-repeat}
.bobae-gnb .menu-link .m1{width:86px;background-position:-2px -2px}
.bobae-gnb .menu-link .m2{width:66px;background-position:-113px -2px}
.bobae-gnb .menu-link .m3{width:66px;background-position:-203px -2px}
.bobae-gnb .menu-link .m4{width:67px;background-position:-293px -2px}
.bobae-gnb .menu-link .m5{width:67px;background-position:-384px -2px}
.bobae-gnb .menu-link .m6{width:66px;background-position:-475px -2px}
.bobae-gnb .menu-link .m7{width:68px;background-position:-564px -2px}
.bobae-gnb .menu-link .m8{width:65px;background-position:-657px -2px}
.bobae-gnb .menu-link .m9{width:66px;background-position:-747px -2px}
.bobae-gnb .menu-item.is-selected .m1,.bobae-gnb .menu-item.is-active .m1,.bobae-gnb .menu-link:hover .m1{background-position:-2px -24px}
.bobae-gnb .menu-item.is-selected .m2,.bobae-gnb .menu-item.is-active .m2,.bobae-gnb .menu-link:hover .m2{background-position:-113px -24px}
.bobae-gnb .menu-item.is-selected .m3,.bobae-gnb .menu-item.is-active .m3,.bobae-gnb .menu-link:hover .m3{background-position:-203px -24px}
.bobae-gnb .menu-item.is-selected .m4,.bobae-gnb .menu-item.is-active .m4,.bobae-gnb .menu-link:hover .m4{background-position:-293px -24px}
.bobae-gnb .menu-item.is-selected .m5,.bobae-gnb .menu-item.is-active .m5,.bobae-gnb .menu-link:hover .m5{background-position:-384px -24px}
.bobae-gnb .menu-item.is-selected .m6,.bobae-gnb .menu-item.is-active .m6,.bobae-gnb .menu-link:hover .m6{background-position:-475px -24px}
.bobae-gnb .menu-item.is-selected .m7,.bobae-gnb .menu-item.is-active .m7,.bobae-gnb .menu-link:hover .m7{background-position:-564px -24px}
.bobae-gnb .menu-item.is-selected .m8,.bobae-gnb .menu-item.is-active .m8,.bobae-gnb .menu-link:hover .m8{background-position:-657px -24px}
.bobae-gnb .menu-item.is-selected .m9,.bobae-gnb .menu-item.is-active .m9,.bobae-gnb .menu-link:hover .m9{background-position:-747px -24px}
.bobae-gnb .menu-item:hover .menu-link::after{content:'';position:absolute;bottom:-14px;left:0;right:0;height:3px;background-color:#0171bb}
.bobae-gnb .sub-menu{display:none;z-index:100;position:absolute;left:50%;margin-left:-65px;z-index:100;}
.bobae-gnb .sub-menu.is-visible{display:block}
.bobae-gnb .sub-menu .sub-menu-wrapper{position:relative;margin-top:25px;border:1px solid #c0c2c7;background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.2)}
.bobae-gnb .sub-menu .sub-menu-wrapper::after{content:'';position:absolute;left:50%;top:-6px;margin-left:-5px;width:10px;height:5px;border-bottom:3px solid #fff;background:url(../images/layout/ico_mtop.png) no-repeat -42px -80px}
.bobae-gnb .sub-menu-inner{position:relative;width:130px;margin:4px 0}
.bobae-gnb .sub-menu-list a{position:relative;display:block;padding:7px 0 7px 17px;font-size:13px;word-wrap:break-word;color:#4c4c4c;letter-spacing:-1px}
.bobae-gnb .sub-menu-list a:hover{background-color:#efefef;color:#37412d}
.bobae-gnb .btn-more{position:absolute;right:0;top:16px}
.bobae-gnb .btn-more:hover .ico-mtop.more{background-position:-22px -45px}
.bobae-gnb .sub-menu.multiple{width:263px;margin-left:-131px}
.bobae-gnb .sub-menu.multiple .title{display:inline-block;margin-top:-4px;margin:0 17px 4px;font-size:14px;font-weight:600;word-wrap:break-word;color:#4c4c4c;letter-spacing:-0.025em}
.bobae-gnb .sub-menu.multiple .title:hover{text-decoration:underline}
.bobae-gnb .sub-menu.multiple .sub-menu-wrapper{}
.bobae-gnb .sub-menu.multiple .sub-menu-inner{display:inline-block;vertical-align:top;margin:10px 0}
.bobae-gnb .sub-menu.multiple .sub-menu-inner + .sub-menu-inner{position:relative;width:130px;margin-left:-4px;right:-1px}
.bobae-gnb .sub-menu.multiple .sub-menu-inner + .sub-menu-inner::after{content:'';position:absolute;top:0;bottom:0;left:-1px;width:1px;background-color:#efefef}
#bike .bobae-gnb{}
#bike .bobae-head .tit-area{padding-top:5px}
/*--- all menu */
.bobae-service.is-visible .svc-box{height:410px}
.bobae-service.is-visible .bs-dim{opacity:1;visibility:visible}
.bobae-service{display:none;position:absolute;z-index:100;top:97px;bottom:0;width:100%;clear:both}
.bobae-service .bs-dim{opacity:0;visibility:hidden;z-index:99;position:absolute;top:97px;bottom:0;width:100%;background-color:rgba(0,0,0,.65);transition:all .3s ease-in-out;filter:alpha(opacity=65)}
.bobae-service .svc-box{overflow:hidden;position:relative;height:0;background:#fff;z-index:100; border-bottom:1px solid #ececec;transition:all .3s ease-in-out;}
.bobae-service .service-all-area{position:relative;width:1070px;margin:0 auto}
.bobae-service .service-all-area:after{clear:both;display:block;content:''}
.bobae-service .svc-col{float:left;width:108px;height:406px;padding:15px 0 0 5px;border: solid #ececec;border-width:0 1px;margin-left:-1px}
.bobae-service .svc-col .stit{line-height:1;font-size:12px;margin-bottom:13px}
.bobae-service .svc-list li{}
.bobae-service .svc-list li + li{margin-top:10px}
.bobae-service .svc-list a{font-size:11px}
.bobae-service .svc-list a:hover{text-decoration:underline;color:#0070bd}

/*****************/
/**** Search. ****/
/*****************/
.bobae-srch{float:right;padding-top:14px}
.bobae-srch .btn-srch{float:left}
.bobae-srch .btn-menu{margin-left:15px}
.bobae-srch .srch-box{display:none;position:absolute;right:41px;top:-9px;padding-top:9px;width:110px;height:36px;background-color:#fff}
.bobae-srch .srch-box:after{content:'';position:absolute;bottom:0;left:0;width:110px;height:1px;background-color:#666;opacity:0;transition:opacity .4s}
.bobae-srch .srch-box .inp-srch{float:left;display:block;width:90px}
.bobae-srch .srch-box .inp-srch input{width:100%;height:20px;line-height:20px;border:1px solid #fff;background:#fff;font-weight:700;color:#000}
.bobae-srch .srch-box .inp-srch input:focus{outline:none}
.bobae-srch .srch-smit{float:right !important}
.bobae-srch .srch-box.is-visible{display:block}
.bobae-srch .srch-box.is-visible:after{opacity:1}

/*****************/
/**** Footer. ****/
/*****************/
.bobae-foot{position:relative;padding:25px 0;border-top:1px solid #ddd;text-align:center}
.bobae-foot .address dt,.bobae-foot .address dd{display:inline-block}
.bobae-foot .address *{font:400 11px/1 돋움,Helvetica;color:#777;word-spacing:-1px}
.bobae-foot .address dd{margin-right:4px}
.bobae-foot .address dl:first-child{margin-bottom:6px}
.bobae-foot .policy{position:relative;margin-bottom:19px}
.bobae-foot .policy li{display:inline-block;height:12px;margin-left:2px;padding-left:6px;border-left:1px solid #ccc}
.bobae-foot .policy li *{font-size:12px;color:#444;font-family:돋움,Helvetica}
.bobae-foot .policy li a:hover{text-decoration:underline}
.bobae-foot .policy li:first-child{margin-left:0;padding-left:0;border-left:none}
.bobae-foot .policy .assistance{position:relative;padding-left:18px;font-weight:600}
.bobae-foot .policy .assistance:after{content:'';position:absolute;left:0;top:0;width:13px;height:11px;background:url(../images/layout/ico_mbtm.png) no-repeat -2px -180px}
.ie11 .bobae-foot .policy .assistance:after{top:-3px}
.bobae-bottom{height:117px;padding-top:15px;border-top:1px solid #ddd}
.bobae-bottom .btm-article{float:left;position:relative}
.bobae-bottom .btm-article h2{line-height:0;margin-bottom:18px}
.bobae-bottom .btm-article a:hover .txt{letter-spacing:-1px}
.bobae-bottom .btm-article .txt{font-size:12px;font-family:돋움,Helvetica}
.bobae-bottom .btm-article.customer{width:218px}
.bobae-bottom .btm-article.customer dt{display:block;margin-bottom:10px}
.bobae-bottom .btm-article.customer dt + dd{margin-bottom:6px}
.bobae-bottom .btm-article.customer dd{font-size:12px;font-family:돋움,Helvetica}
.bobae-bottom .btm-article.customer .t{position:relative;display:inline-block;width:46px;margin-right:5px}
.bobae-bottom .btm-article.customer .t:after{content:':';position:absolute;right:0}
.bobae-bottom .btm-article.app{width:310px}
.bobae-bottom .btm-article.app a{float:left;margin-right:6px}
.bobae-bottom .btm-article.sns{width:280px}
.bobae-bottom .btm-article.sns a{float:left;margin-right:9px;display:inline-block}
.bobae-bottom .btm-article.family{float:right;width:183px}
.bobae-bottom .btm-article.family ul{margin-left:-11px}
.bobae-bottom .btm-article.family li{float:left;text-align:center;width:63px}
.bobae-bottom .btm-article.family li:first-child{padding-left:0}
.bobae-bottom .btm-article.family a{display:inline-block;text-align:center}
.bobae-bottom .btm-article.family a:hover{font-weight:600}
.bobae-bottom .btm-article.family .sp-btm{}
.bobae-bottom .btm-article.family .txt{display:block;padding-top:8px;color:#333}
.bobae-bottom h2 span{display:block;height:15px}
.bobae-bottom h2.t1{width:15px}
.bobae-bottom h2.t2{width:15px}
.bobae-bottom h2.t3{width:15px}
.bobae-bottom h2.t4{width:15px}
.bobae-bottom.mode-trisection .btm-article.customer{width:332px}
.bobae-bottom.mode-trisection .btm-article.app{width:400px}
.bobae-bottom.mode-trisection .btm-article.family{display:none}


/****************************/
/**** 02.bobae-header-v2 ****/
/****************************/


.bobae-header-v2 {position:relative;height:142px;border-bottom:1px solid #e9e9e9;background-color:#fff;}
.bobae-header-v2:after {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#ccc}
.bobae-header-v2 .component {width:1040px}
.bobae-header-v2 .header-top {position:relative;height:35px;background-color:#fafafa;}
.bobae-header-v2 .header-top .site-wrapper {}
.bobae-header-v2 .header-top .site-list {position:relative;padding-top:8px;display:inline-block}
.bobae-header-v2 .header-top .site-list:after {content:'';clear:both;display:block}
.bobae-header-v2 .header-top .site-item {float:left;}
.bobae-header-v2 .header-top .site-item ~ .site-item {margin-left:15px;}
.bobae-header-v2 .header-top .site-item .link {position:relative;display:block;line-height:0}
.bobae-header-v2 .header-top .site-item [class^="icon-"] {display:inline-block;height:17px;background:url(../images/layout/icon_site_2018.png) no-repeat;}
.bobae-header-v2 .header-top .site-item .icon-car {width:26px;background-position:-10px 0;}
.bobae-header-v2 .header-top .site-item .icon-motorcycle {width:26px;background-position:-51px 0;}
.bobae-header-v2 .header-top .site-item .icon-truck {width:24px;background-position:-92px 0;}
.bobae-header-v2 .header-top .site-item .icon-motorhome {width:26px;background-position:-131px 0;}
.bobae-header-v2 .header-top .site-item .icon-bus {width:27px;background-position:-172px 0;}
.bobae-header-v2 .header-top .site-item .icon-heavy {width:22px;background-position:-214px 0;}
.bobae-header-v2 .header-top .site-item .icon-bicycle {width:25px;background-position:-251px 0;}
.bobae-header-v2 .header-top .site-item .icon-boat {width:22px;background-position:-291px 0;}
.bobae-header-v2 .header-top .site-item .icon-airplane {width:22px;background-position:-328px 0;}
.bobae-header-v2 .header-top .site-item.is-selected {}
.bobae-header-v2 .header-top .site-item.is-selected .link:after {content:'';position:absolute;left:0;bottom:-10px;right:0;height:3px;background-color:#0070bc}
.bobae-header-v2 .header-top .site-item .link:hover:after {content:'';position:absolute;left:0;bottom:-10px;right:0;height:3px;background-color:#34363b}
.bobae-header-v2 .header-top .service-wrapper {position:absolute;right:0;top:10px;}
.bobae-header-v2 .header-top .service-list {position:relative;}
.bobae-header-v2 .header-top .service-list:after {content:'';display:block;clear:both}
.bobae-header-v2 .header-top .service-item {float:left;position:relative;height:12px;}
.bobae-header-v2 .header-top .service-item ~ .service-item {margin-left:5px;padding-left:5px;border-left:1px solid #ccc;}
.bobae-header-v2 .header-top .service-item .link {display:block;letter-spacing:-0.1em;font-size:12px;color:#333;line-height:1;}
.bobae-header-v2 .header-top .service-item .link:hover .text {text-decoration:underline;}
.bobae-header-v2 .header-top .service-item .text {}
.bobae-header-v2 .header-top .service-item .count {font-weight:600;color:#0070bc}
.bobae-header-v2 .header-top .service-item .icon-text {}
.bobae-header-v2 .header-top .service-item [class^="icon-"] {position:relative;top:-2px;display:inline-block;height:16px;background:url(../images/layout/icon_header_service.png) no-repeat;}
.bobae-header-v2 .header-top .service-item .icon-mypage {width:13px; background-position:0 0;}
.bobae-header-v2 .header-top .service-item .icon-management {width:16px;}
.bobae-header-v2 .header-top .service-item .icon-registration {top:-1px; width:16px; background-position:-20px 0;}
.bobae-header-v2 .svc-panel {right:auto;left:50%;margin-left:-200px;box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)}
.bobae-header-v2 .svc-panel .svc-scroll {width:400px;height:auto;}
.bobae-header-v2 .svc-panel .svc-scroll:before {right:auto;left:50%;margin-left:-4px;}
.bobae-header-v2 .svc-panel .svc-body {height:auto;max-height:450px}
.bobae-header-v2 .svc-panel .svc-list .user-name em {font-weight:700}
.bobae-header-v2 .svc-panel .svc-list .user-name {color:#777}
.bobae-header-v2 .svc-panel .svc-list .svc-name {color:#777}
.bobae-header-v2 .svc-panel .svc-item {background-color:#fbfbfb}
.bobae-header-v2 .svc-panel .svc-item .link {display:block;padding-left:10px;padding-right:38px;padding-top:8px;padding-bottom:7px;display: block;letter-spacing:-0.1em;font-size:12px;color:#333;line-height:1;}
.bobae-header-v2 .svc-panel .svc-item .link:hover .ellipsis {text-decoration:underline;}
.bobae-header-v2 .svc-panel .svc-item .subject {font-size:12px; letter-spacing:-0.025em;padding-right:6px;display:inline-block;max-width:100%;}
.bobae-header-v2 .svc-panel .svc-item .subject:after {content:'"';position:absolute;right:0;top:0;}
.bobae-header-v2 .svc-panel .svc-item .subject:before,
.bobae-header-v2 .svc-panel .svc-item .subject:after {color:#888}
.bobae-header-v2 .svc-panel .svc-item .info {font-size:12px;padding-top:7px;padding-left:6px;letter-spacing:-0.025em;}
.bobae-header-v2 .svc-panel .svc-item .user {font-weight:400;color:#777;}
.bobae-header-v2 .svc-panel .svc-item .user em {font-weight:600;color:#0d77c0;}
.bobae-header-v2 .svc-panel .svc-item .type {font-weight:400;color:#777}
.bobae-header-v2 .svc-panel .svc-item .date {position:relative;right:auto;top:auto;letter-spacing:0;display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid #ccc;}
.bobae-header-v2 .svc-panel .svc-item.is-read *{color:#999 !important}
.bobae-header-v2 .svc-panel .svc-item .btn-remove {top:9px;}
/**/
.bobae-header-v2 .header-logo {position:relative;height:24px;margin-top:25px;}
.bobae-header-v2 .header-logo .link {position:relative;display:inline-block;}
.bobae-header-v2 .header-logo .link:after {content:'';display:block;clear:both;}
.bobae-header-v2 .header-logo [class^="icon"] {position:relative;float:left;display:inline-block;text-indent:-9999em;background:url(../images/layout/header_logo_2018.png) no-repeat;}
.bobae-header-v2 .header-logo .icon-symbol {width:24px;height:24px;background-position:-9px 0;}
.bobae-header-v2 .header-logo .icon-logo {top:2px;width:83px;height:20px;margin-left:5px;background-position:-38px -3px;}
.bobae-header-v2 .header-logo .icon-subtext {top:8px;width:136px;height:14px;margin-left:9px;background-position:-130px -8px;}
.bobae-header-v2 .header-logo .icon-mypage {top:2px;width:100px;height:21px;background-position:-117px -211px;}
/**/
.bobae-header-v2 .header-gnb {position:relative;margin-top:25px;}
.bobae-header-v2 .header-gnb:after {content:'';display:block;clear:both;}
.bobae-header-v2 .header-gnb .primary-menu-wrapper {position:relative;float:left;}
.bobae-header-v2 .header-gnb .primary-menu-list {position:relative;display:inline-block;}
.bobae-header-v2 .header-gnb .primary-menu-list:after {content:'';display:block;clear:both;}
.bobae-header-v2 .header-gnb .primary-menu-item {position:relative;float:left;}
.bobae-header-v2 .header-gnb .primary-menu-item ~ .primary-menu-item {margin-left:16px;}
.bobae-header-v2 .header-gnb .primary-menu-link{display:inline-block;}
.bobae-header-v2 .header-gnb .primary-menu {display:inline-block;height:18px;background:url(../images/layout/gnb_car_2018.png) no-repeat;text-indent:-9999em;}
.bobae-header-v2 .header-gnb .primary-menu.cyber {width:90px;background-position:-10px 0;}
.bobae-header-v2 .header-gnb .primary-menu.domestic {width:53px;background-position:-117px 0;}
.bobae-header-v2 .header-gnb .primary-menu.imported {width:53px;background-position:-186px 0;}
.bobae-header-v2 .header-gnb .primary-menu.truck {width:80px;background-position:-255px 0;}
.bobae-header-v2 .header-gnb .primary-menu.community {width:68px;background-position:-352px 0;}
.bobae-header-v2 .header-gnb .secondary-menu-wrapper {position:relative;float:left;padding-top:2px;margin-left:33px;}
.bobae-header-v2 .header-gnb .secondary-menu-list {position:relative;display:inline-block;}
.bobae-header-v2 .header-gnb .secondary-menu-list:after {content:'';display:block;clear:both;}
.bobae-header-v2 .header-gnb .secondary-menu-item {position:relative;float:left;}
.bobae-header-v2 .header-gnb .secondary-menu-item ~ .secondary-menu-item {padding-left:23px;}
.bobae-header-v2 .header-gnb .secondary-menu-item ~ .secondary-menu-item:after {content:'';position:absolute;left:11px;top:50%;margin-top:-5px;height:10px;width:1px;background-color:#ccc;}
.bobae-header-v2 .header-gnb .secondary-menu {display:inline-block;height:15px;background:url(../images/layout/gnb_car_2018.png) no-repeat;text-indent:-9999em;}
.bobae-header-v2 .header-gnb .secondary-menu.mycar {width:53px;background-position:-10px -20px;}
.bobae-header-v2 .header-gnb .secondary-menu.motorcycle {width:55px;background-position:-86px -20px;}
.bobae-header-v2 .header-gnb .secondary-menu.motorhome {width:41px;background-position:-164px -20px;}
.bobae-header-v2 .header-gnb .secondary-menu.market {width:55px;background-position:-226px -20px;}
.bobae-header-v2 .header-gnb .secondary-menu.etc {width:99px;background-position:-304px -20px;}
.bobae-header-v2 .header-gnb .util-menu-wrapper {position:relative;float:right;}
.bobae-header-v2 .header-gnb .util-menu-wrapper:after {content:'';clear:both;display:block;}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper {position:relative;float:left;}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .btn-search {display:inline-block}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .form-search {display:none;position:absolute;right:0;top:0;width:125px;height:20px;background-color:#fff;}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .form-search.is-visible {display:block}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .icon-search {display:block;width:19px;height:19px;background:url(../images/layout/ico_mtop.png) no-repeat -2px -24px;text-indent:-9999em;}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .field-search {float:left;margin-right:5px;width:100px;display:block;border-bottom:1px solid #ddd;}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .field-search input {width:100%;height:19px;border:none;border-radius:0}
.bobae-header-v2 .header-gnb .util-menu-wrapper .search-wrapper .btn-submit {float:right}
.bobae-header-v2 .header-gnb .util-menu-wrapper .all-menu-buttons {float:right;margin-left:10px;}
.bobae-header-v2 .header-gnb .util-menu-wrapper .all-menu-buttons .btn-menu {margin-top:0}
.bobae-header-v2 .header-gnb .gnb-util {position:relative;float:right;}
.bobae-header-v2 .header-gnb .gnb-util:after {content:'';clear:both;display:block;}
.bobae-header-v2 .header-gnb .gnb-util .all-menu-buttons {float:right}
.bobae-header-v2 .header-gnb .gnb-util .all-menu-buttons .btn-menu {margin-top:0}
.bobae-header-v2 .header-gnb .gnb-util .search-wrapper {float:left;margin-top:0;vertical-align:top;top:-7px;margin-right:10px;}
.bobae-header-v2 .header-gnb .gnb-util #bobaeSrch {border-radius:0;border:none;}
.bobae-header-v2 .header-gnb .sub-menu{display:none;z-index:100;position:absolute;left:50%;margin-left:-65px;z-index:100;}
.bobae-header-v2 .header-gnb .sub-menu.is-visible{display:block}
.bobae-header-v2 .header-gnb .sub-menu .sub-menu-wrapper{position:relative;margin-top:13px;border:1px solid #c0c2c7;background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.2)}
.bobae-header-v2 .header-gnb .sub-menu .sub-menu-wrapper::after{content:'';position:absolute;left:50%;top:-6px;margin-left:-5px;width:10px;height:5px;border-bottom:3px solid #fff;background:url(../images/layout/ico_mtop.png) no-repeat -42px -80px}
.bobae-header-v2 .header-gnb .sub-menu-inner{position:relative;width:130px;margin:4px 0}
.bobae-header-v2 .header-gnb .sub-menu-list a{position:relative;display:block;padding:7px 0 7px 17px;font-size:13px;word-wrap:break-word;color:#4c4c4c;letter-spacing:-1px}
.bobae-header-v2 .header-gnb .sub-menu-list a:hover{background-color:#efefef;color:#37412d}
.bobae-header-v2 .header-gnb .btn-more{position:absolute;right:0;top:16px}
.bobae-header-v2 .header-gnb .btn-more:hover .ico-mtop.more{background-position:-22px -45px}
.bobae-header-v2 .header-gnb .sub-menu.multiple{width:263px;margin-left:-131px}
.bobae-header-v2 .header-gnb .sub-menu.multiple .title{display:inline-block;margin-top:-4px;margin:0 17px 4px;font-size:14px;font-weight:600;word-wrap:break-word;color:#4c4c4c;letter-spacing:-0.025em}
.bobae-header-v2 .header-gnb .sub-menu.multiple .title:hover{text-decoration:underline}
.bobae-header-v2 .header-gnb .sub-menu.multiple .sub-menu-wrapper{}
.bobae-header-v2 .header-gnb .sub-menu.multiple .sub-menu-inner{display:inline-block;vertical-align:top;margin:10px 0}
.bobae-header-v2 .header-gnb .sub-menu.multiple .sub-menu-inner + .sub-menu-inner{position:relative;width:130px;margin-left:-4px;right:-1px}
.bobae-header-v2 .header-gnb .sub-menu.multiple .sub-menu-inner + .sub-menu-inner::after{content:'';position:absolute;top:0;bottom:0;left:-1px;width:1px;background-color:#efefef}
.bobae-header-v2 .bobae-service {top:141px;}

#bobae-header-mypage {height:85px;padding-bottom:15px;border-bottom:none;}
#bobae-header-mypage .header-gnb .primary-menu {height:19px;background-image:url(../images/layout/gnb_mypage_2018.png);}
#bobae-header-mypage .header-gnb .primary-menu.menu01 {width:17px;background-position:0 0}
#bobae-header-mypage .header-gnb .primary-menu.menu02 {width:69px;background-position:-33px 0}
#bobae-header-mypage .header-gnb .primary-menu.menu03 {width:67px;background-position:-118px 0}
#bobae-header-mypage .header-gnb .primary-menu.menu04 {width:102px;background-position:-203px 0}
#bobae-header-mypage .header-gnb .primary-menu.menu05 {width:67px;background-position:-323px 0}
#bobae-header-mypage .header-gnb .primary-menu.menu06 {width:69px;background-position:-407px 0}
#bobae-header-mypage .header-gnb .primary-menu.menu07 {width:101px;background-position:-493px 0}
#bobae-header-mypage .header-gnb .primary-menu.menu08 {width:68px;background-position:-611px 0}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu01 {width:17px;background-position:0 -19px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu02 {width:69px;background-position:-33px -20px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu03 {width:67px;background-position:-118px -20px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu04 {width:102px;background-position:-203px -20px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu05 {width:67px;background-position:-323px -20px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu06 {width:69px;background-position:-407px -20px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu07 {width:101px;background-position:-493px -20px}
#bobae-header-mypage .header-gnb .is-selected .primary-menu.menu08 {width:68px;background-position:-611px -20px}
#bobae-header-mypage .mypage-util {}
#bobae-header-mypage .mypage-util .util-user {position:relative;}
#bobae-header-mypage .mypage-util .util-user:after {content:'';clear:both;display:block}
#bobae-header-mypage .mypage-util .util-user .avatar {position:relative;float:left;margin-top:-18px;margin-right:12px;height:30px;}
#bobae-header-mypage .mypage-util .util-user .avatar .count {position:absolute;right:70%;top:0;min-width:20px;height:20px;text-align:center;color:#fff;border-radius:10px;background-color:#0066b8;font-size:11px;padding-top:4px;padding-left:4px;padding-right:4px;}
#bobae-header-mypage .mypage-util .util-user .image {overflow:hidden;display:block;width:48px;height:48px;border:1px solid #ddd;border-radius:50%;}
#bobae-header-mypage .mypage-util .util-user .image img {width:100%;height:100%;object-fit:cover}
#bobae-header-mypage .mypage-util .util-user .user {position:relative;float:left;}
#bobae-header-mypage .mypage-util .util-user .btn-menu {position:relative;font-size:13px;padding-right:23px;}
#bobae-header-mypage .mypage-util .util-user .btn-menu:after {content:'';position:absolute;right:0;top:-1px;display:inline-block;width:15px;height:15px;background:url(../images/layout/icon_header_mypage.png) no-repeat 0% 50%}
#bobae-header-mypage .mypage-util .util-user .btn-menu:focus {outline:none;}
#bobae-header-mypage .mypage-util .util-user .btn-menu.is-selected {}
#bobae-header-mypage .mypage-util .util-user .btn-menu.is-selected:after {background-position:-15px 0}
#bobae-header-mypage .mypage-util .util-user .layer-menubox {display:none;z-index:50;position:absolute;top:35px;right:0;width:182px;border:solid #ddd;border-width:0 1px 1px;}
#bobae-header-mypage .mypage-util .util-user .layer-menubox.is-visible {display:block;}
#bobae-header-mypage .mypage-util .util-user .layer-menubox .menu-list {position:relative;}
#bobae-header-mypage .mypage-util .util-user .layer-menubox .menu-list:after {content:'';display:block;clear:both}
#bobae-header-mypage .mypage-util .util-user .layer-menubox .menu-item {float:left;width:60px;}
#bobae-header-mypage .mypage-util .util-user .layer-menubox .menu-item ~ .menu-item {border-left:1px solid #eaeaea}
#bobae-header-mypage .mypage-util .util-user .layer-menubox [class^="btn-"] {display:block;width:100%;height:34px;line-height:34px;background-color:#f1f1f1;text-align:center;padding-left:6px;padding-right:6px;}
#bobae-header-mypage .mypage-util .util-user .layer-menubox [class^="btn-"] .text {font-size:12px;white-space:nowrap;}
#bobae-header-mypage .mypage-util .util-user .layer-menubox [class^="btn-"]:hover .text {text-decoration:underline;}
#bobae-header-mypage .mypage-util .btn-menu {}
#bobae-header-mypage .svc-panel {top:53px;}


/****************************/
/**** 02.bobae-header-v3 ****/
/****************************/
.bobae-header-v3 {}
.bobae-header-v3 [class^="icon-"] {position:relative;display:inline-block;text-indent:-9999em;}
.bobae-header-v3 [class^="icon-util"] {background:url(../images/layout/icon_header_v3.png) no-repeat}
.bobae-header-v3 .icon-util-alarm {width:17px;height:20px;background-position:0 1px;}
.bobae-header-v3 .icon-util-search {width:20px;height:20px;background-position:-20px 0;}
.bobae-header-v3 .icon-util-menu {width:17px;height:20px;background-position:-40px 0;}
.bobae-header-v3 .icon-util-history {width:20px;height:20px;background-position:0 -20px;}
.bobae-header-v3 .icon-util-like {width:23px;height:20px;background-position:-20px -20px;}
.bobae-header-v3 .icon-util-arrow {width:8px;height:5px;background-position:-45px -20px;}
.bobae-header-v3 .top-container {position:relative;height:56px;background-color:#fff;border-bottom:1px solid #e6e6e6}
.bobae-header-v3 .top-logo-wrapper {position:relative;float:left;padding-top:18px;}
.bobae-header-v3 .top-logo-wrapper .link {overflow:hidden;display:inline-block}
.bobae-header-v3 .top-logo-wrapper .link.subtext {margin-top:10px;margin-left:4px;}
.bobae-header-v3 .top-logo-wrapper [class^="icon-"] {background:url(../images/layout/header_logo_v3.png) no-repeat;}
.bobae-header-v3 .top-logo-wrapper .icon-symbol-car {float:left;width:29px;height:23px;background-position:0 1px;}
.bobae-header-v3 .top-logo-wrapper .icon-logo {float:left;width:80px;height:22px;margin-left:4px;background-position:-34px 0;}
.bobae-header-v3 .top-logo-wrapper .icon-subtext {width:113px;height:12px;background-position:-119px -10px;}
.bobae-header-v3 .top-link-wrapper {position:relative;float:left;padding-top:18px;}
.bobae-header-v3 .top-link-wrapper .link-list {position:relative;padding-left:20px;}
.bobae-header-v3 .top-link-wrapper .link-list:after {content:'';clear:both;display:block}
.bobae-header-v3 .top-link-wrapper .link-item {float:left;}
.bobae-header-v3 .top-link-wrapper .link-item ~ .link-item {margin-left:12px;}
.bobae-header-v3 .top-link-wrapper .link-item .text {font-size:18px;line-height:22px;font-weight:600;color:#999}
.bobae-header-v3 .top-util-wrapper {float:right}
.bobae-header-v3 .top-util-wrapper:after {content:'';clear:both;display:block}
.bobae-header-v3 .top-util-wrapper .text-util-wrapper {float:left;margin-top:24px;}
.bobae-header-v3 .top-util-wrapper .text-util-list {position:relative}
.bobae-header-v3 .top-util-wrapper .text-util-list:after {content:'';clear:both;display:block}
.bobae-header-v3 .top-util-wrapper .text-util-item {position:relative;float:left;}
.bobae-header-v3 .top-util-wrapper .text-util-item ~ .text-util-item {margin-left:8px;padding-left:8px;}
.bobae-header-v3 .top-util-wrapper .text-util-item ~ .text-util-item:after {content:'';position:absolute;left:0;top:-1px;height:12px;width:1px;background-color:#ccc;}
.bobae-header-v3 .top-util-wrapper .text-util {display:block;line-height:0}
.bobae-header-v3 .top-util-wrapper .text-util .text{font:normal 11px/12px 'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; color:#333}
.bobae-header-v3 .top-util-wrapper .text-util .icon-util-arrow {position:relative;top:3px;}
.bobae-header-v3 .top-util-wrapper .text-util:hover .text {text-decoration:underline}
.bobae-header-v3 .top-service-banner {position:absolute;left:100%;top:4px;margin-left:20px;}
.bobae-header-v3 .top-service-banner .link{display:inline-block}
.bobae-header-v3 .top-service-banner .banner{display:block;width:171px;height:48px;background:url(../images/layout/banner_cyber_01.png) no-repeat 0 0;text-indent:-9999em;}
.bobae-header-v3 .gnb-container {position:relative;background-color:#0070bd;}
.bobae-header-v3 .gnb-container * {font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;word-spacing:-1px;letter-spacing:-0.025em;}
.bobae-header-v3 ~ .bobae-service * {font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;word-spacing:-1px;letter-spacing:-0.05em;}
.bobae-header-v3 .gnb-container .component {}
.bobae-header-v3 .gnb-menu-wrapper {position:relative;float:left;}
.bobae-header-v3 .gnb-menu-wrapper [class^="icon-menu-"] {height:15px;text-indent:0;font-size:15px;font-weight:600;color:#fff;}
.bobae-header-v3 .gnb-menu-wrapper .icon-hot {position:absolute;top:-10px;left:50%;margin-left:-16px;width:33px;height:19px;border-radius:2px;background:url(../images/layout/icon_header_v3.png) no-repeat -61px -1px}
.bobae-header-v3 .gnb-menu-list {position:relative;}
.bobae-header-v3 .gnb-menu-list:after {content:'';clear:both;display:block}
.bobae-header-v3 .gnb-menu-item {position:relative;float:left;height:50px;padding-top:17px;}
.bobae-header-v3 .gnb-menu-item ~ .gnb-menu-item {margin-left:21px;}
.bobae-header-v3 .gnb-menu {display:inline-block;}
.bobae-header-v3 .gnb-menu {}
.bobae-header-v3 .gnb-menu-item.is-selected,
.bobae-header-v3 .gnb-menu-item:hover {position:relative;}
.bobae-header-v3 .gnb-menu-item.is-selected:after,
.bobae-header-v3 .gnb-menu-item:hover:after {content:'';position:absolute;left:0;right:0;bottom:14px;height:1px;background-color:#fff}
.bobae-header-v3 .user-util-wrapper {float:left;margin-left:16px;margin-right:0;}
.bobae-header-v3 .user-util-list {position:relative;padding-right:0;}
.bobae-header-v3 .user-util-list:after {content:'';clear:both;display:block;}
.bobae-header-v3 .user-util-item {position:relative;float:left;padding-top:18px;}
.bobae-header-v3 .user-util-item ~ .user-util-item {margin-left:15px;}
.bobae-header-v3 .user-util-item .count {position:absolute;top:10px;right:-10px;display:inline-block;height:18px;min-width:18px;padding-left:6px;padding-right:6px;border-radius:10px;background-color:#ff3636;}
.bobae-header-v3 .user-util-item .count .text {display:inline-block;padding-top:4px;font:normal 11px/1 Roboto, Arial, sans-serif;color:#fff;letter-spacing:0;}
.bobae-header-v3 .user-util-item .my-util {text-align:center;display:inline-block}
.bobae-header-v3 .user-util-item .my-util:focus {outline:none;}
.bobae-header-v3 .user-util-item .my-util > .text {display:block;text-align:center;font-size:11px;padding-top:4px;}
.bobae-header-v3 .square-util-wrapper {float:right}
.bobae-header-v3 .square-util-list {position:relative;}
.bobae-header-v3 .square-util-list:after {content:'';clear:both;display:block}
.bobae-header-v3 .square-util-item {position:relative;float:left;height:50px;border-left:1px solid #005996;border-right:1px solid #005996;}
.bobae-header-v3 .square-util-item ~ .square-util-item {margin-left:-1px;}
.bobae-header-v3 .square-util-item .field-search {display:none;position:relative;padding-right:30px;padding-bottom:4px;border-bottom:2px solid #fff;margin:15px 12px 0 8px;}
.bobae-header-v3 .square-util-item .field-search input {height:20px;padding-left:4px;width:120px;padding-bottom:4px;background-color:#0070bd;border:none;color:#fff;}
.bobae-header-v3 .square-util-item .field-search input:focus {outline:none;}
.bobae-header-v3 .square-util-item .field-search .btn-submit {z-index:1;position:absolute;right:0;top:0px;width:30px;}
.bobae-header-v3 .square-util-item.is-extend {padding-left:5px}
.bobae-header-v3 .square-util-item.is-extend .btn-search {position:absolute;}
.bobae-header-v3 .square-util-item.is-extend .field-search {display:block}
.bobae-header-v3 .square-util {display:block;width:54px;height:50px;text-align:center;}
.bobae-header-v3 .square-util:hover {}
.bobae-header-v3 .svc-panel {top:45px;right:auto;left:50%;margin-left:-316px;box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)}
.bobae-header-v3 .svc-panel * {font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
.bobae-header-v3 .svc-panel .svc-scroll {width:400px;height:auto;}
.bobae-header-v3 .svc-panel .svc-scroll:before {right:auto;left:50%;margin-left:112px;}
.bobae-header-v3 .svc-panel .svc-body {height:auto;max-height:450px}
.bobae-header-v3 .svc-panel .svc-list .user-name em {font-weight:700}
.bobae-header-v3 .svc-panel .svc-list .user-name {color:#777}
.bobae-header-v3 .svc-panel .svc-list .svc-name {color:#777}
.bobae-header-v3 .svc-panel .svc-item {background-color:#fbfbfb}
.bobae-header-v3 .svc-panel .svc-item .link {display:block;padding-left:10px;padding-right:38px;padding-top:8px;padding-bottom:7px;display: block;letter-spacing:-0.1em;font-size:12px;color:#333;line-height:1;}
.bobae-header-v3 .svc-panel .svc-item .link:hover .ellipsis {text-decoration:underline;}
.bobae-header-v3 .svc-panel .svc-item .subject {font-size:12px; letter-spacing:-0.025em;padding-right:6px;display:inline-block;max-width:100%;}
.bobae-header-v3 .svc-panel .svc-item .subject:after {content:'"';position:absolute;right:0;top:0;}
.bobae-header-v3 .svc-panel .svc-item .subject:before,
.bobae-header-v3 .svc-panel .svc-item .subject:after {color:#888}
.bobae-header-v3 .svc-panel .svc-item .info {font-size:12px;padding-top:7px;padding-left:6px;letter-spacing:-0.025em;}
.bobae-header-v3 .svc-panel .svc-item .user {font-weight:400;color:#777;}
.bobae-header-v3 .svc-panel .svc-item .user em {font-weight:600;color:#0d77c0;}
.bobae-header-v3 .svc-panel .svc-item .type {font-weight:400;color:#777}
.bobae-header-v3 .svc-panel .svc-item .date {position:relative;right:auto;top:auto;letter-spacing:0;display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid #ccc;}
.bobae-header-v3 .svc-panel .svc-item.is-read *{color:#999 !important}
.bobae-header-v3 .svc-panel .svc-item .btn-remove {top:9px;}
.bobae-header-v3 ~ .bobae-service {top:106px;}
.bobae-header-v3 ~ .bobae-service .service-all-area  {width:1043px}
.bobae-header-v3 ~ .bobae-service .svc-col {width:105.3px}
.bobae-header-v3 ~ .bobae-service .svc-col:last-child {}
.bobae-header-v3 .sub-menu{display:none;z-index:100;position:absolute;left:50%;margin-left:-65px;z-index:100;}
.bobae-header-v3 .sub-menu.is-visible{display:block}
.bobae-header-v3 .sub-menu .sub-menu-wrapper{position:relative;margin-top:18px;border:1px solid #c0c2c7;background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.2)}
.bobae-header-v3 .sub-menu .sub-menu-wrapper:after{content:'';position:absolute;left:50%;top:-6px;margin-left:-5px;width:10px;height:6px;border-bottom:3px solid #fff;background:url(../images/layout/ico_mtop.png) no-repeat -42px -79px}
.bobae-header-v3 .sub-menu-inner{position:relative;width:130px;margin:4px 0}
.bobae-header-v3 .sub-menu-list a{position:relative;display:block;padding:7px 0 7px 17px;font-size:13px;word-wrap:break-word;color:#4c4c4c;letter-spacing:-1px}
.bobae-header-v3 .sub-menu-list a:hover{background-color:#efefef;color:#37412d}
.bobae-header-v3 .gnb-menu-item:nth-of-type(1) .sub-menu-list a {padding-left:22px;}
.bobae-header-v3 .gnb-menu-item:nth-of-type(2) .sub-menu-list a {padding-left:28px;}
.bobae-header-v3 .gnb-menu-item:nth-of-type(3) .sub-menu-list a {padding-left:28px;}
.bobae-header-v3 .gnb-menu-item:nth-of-type(5) .sub-menu-list a {padding-left:10px;}
.bobae-header-v3 .gnb-menu-item:nth-of-type(6) .sub-menu.multiple .title {margin-left:14px}
.bobae-header-v3 .gnb-menu-item:nth-of-type(6) .sub-menu-list a {padding-left:14px;}
.bobae-header-v3 .gnb-menu-item:nth-of-type(7) .sub-menu-list a {padding-left:14px;}
.bobae-header-v3 .gnb-menu-item:nth-of-type(8) .sub-menu-list a {padding-left:22px;}
.bobae-header-v3 .btn-more{position:absolute;right:0;top:16px}
.bobae-header-v3 .btn-more:hover .ico-mtop.more{background-position:-22px -45px}
.bobae-header-v3 .sub-menu.multiple{width:263px;margin-left:-131px}
.bobae-header-v3 .sub-menu.multiple .title{display:inline-block;margin-top:-4px;margin:0 17px 4px;font-size:14px;font-weight:600;word-wrap:break-word;color:#4c4c4c;letter-spacing:-0.025em}
.bobae-header-v3 .sub-menu.multiple .title:hover{text-decoration:underline}
.bobae-header-v3 .sub-menu.multiple .sub-menu-wrapper{}
.bobae-header-v3 .sub-menu.multiple .sub-menu-inner{position:relative;display:inline-block;vertical-align:top;margin:10px 0}
.bobae-header-v3 .sub-menu.multiple .sub-menu-inner:not(:last-child):after {content:'';position:absolute;top:0;bottom:0;right:-1px;width:1px;background-color:#efefef}
.bobae-header-v3 .sub-menu.multiple .sub-menu-inner ~ .sub-menu-inner{position:relative;width:130px;margin-left:-4px;right:-1px}
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu.multiple {margin-left:-54px}
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu.multiple {width:242px}
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu-inner:first-child {width:110px;} 
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu-inner ~ .sub-menu-inner {width:130px;}
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu-inner ~ .sub-menu-inner a {}
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu-inner a {padding-left:16px;}
.bobae-header-v3 .gnb-menu-item.cyber .sub-menu .sub-menu-wrapper:after {margin-left:-73px}
.bobae-header-v3 .gnb-menu-item.community .sub-menu.multiple {width:392px;margin-left:-197px}
.bobae-header-v3 .gnb-menu-item.community .sub-menu.multiple .sub-menu-inner:after {top:18px;}
.bobae-header-v3 .sub-container {background-color:#f6f6f6}
.bobae-header-v3 .sub-container .component {height:38px;}
.bobae-header-v3 .sub-container [class$="component"] {height:38px;}
.bobae-header-v3 .sub-container .left-content {float:left;padding-top:14px;}
.bobae-header-v3 .sub-container .link-home {display:inline-block}
.bobae-header-v3 .sub-container .link-home .icon-home {display:inline-block;width:15px;height:12px;margin-top:-2px;background:url(../images/layout/icon_header_v3.png) no-repeat -45px -28px}
.bobae-header-v3 .sub-container .link-home .text {font:normal 11px/12px Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;letter-spacing:-1.5px;line-height:12px;color:#666;}
.bobae-header-v3 .sub-container .link-home:hover .text {text-decoration:underline}

.bobae-header-v3 .sub-container .right-content {float:right;padding-top:12px;}
.bobae-header-v3 input:-webkit-autofill, .bobae-header-v3 input:-webkit-autofill:hover,  .bobae-header-v3 input:-webkit-autofill:focus .bobae-header-v3 textarea:-webkit-autofill, .bobae-header-v3 textarea:-webkit-autofill:hover .bobae-header-v3 textarea:-webkit-autofill:focus, .bobae-header-v3 select:-webkit-autofill, .bobae-header-v3 select:-webkit-autofill:hover, .bobae-header-v3 select:-webkit-autofill:focus {   border:none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow:none;
  background-color:#0070bd;
  transition: background-color 5000s ease-in-out 0s;
}

#bobae-header-190910 {}
#bobae-header-190910 [class$="-component"] {position:relative;margin:0 auto;padding:0 10px;}
#bobae-header-190910 [class$="-component"] {width:1150px;}
#bobae-header-190910 .gnb-container .component {width:1150px}
#bobae-header-190910 .gnb-menu-item.community {}
#bobae-header-190910 .gnb-menu-item.community .sub-menu-list a {padding-left:17px;}
#bobae-header-190910 .gnb-menu-item {height:55px;padding-top:20px;}
#bobae-header-190910 .gnb-menu-item.mycar {}
#bobae-header-190910 .gnb-menu-item.mycar .sub-menu{margin-left:-73px;width:146px}
#bobae-header-190910 .top-container {border-bottom:0;}
#bobae-header-190910 .square-util-item {height:55px;}
#bobae-header-190910 .square-util {height:55px;}
#bobae-header-190910 .sub-container .link-home .text {position:relative;top:-2px;font:400 12px/12px 'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;color:#999;letter-spacing:-1px}
#bobae-header-190910 .top-container {height:69px;}
#bobae-header-190910 .top-logo-wrapper {padding-top:17px;}
#bobae-header-190910 .top-logo-wrapper .icon-list-logo {display:inline-block;width:194px;height:36px;background:url(../images/layout/header_logo_190910.png) no-repeat 0 0}
#bobae-header-190910 .user-util-wrapper {margin-right:0;}
#bobae-header-190910 .user-util-list [class^="icon-util"] {height:31px;background:url(../images/layout/icon_header_top.png) no-repeat}
#bobae-header-190910 .user-util-list .icon-util-alarm {width:26px;background-position:0 0}
#bobae-header-190910 .user-util-list .icon-util-history {width:26px;background-position:-40px 0}
#bobae-header-190910 .user-util-list .icon-util-like {width:27px;background-position:-80px 0}
#bobae-header-190910 .user-util-item {padding-top:12px;}
#bobae-header-190910 .user-util-item .my-util > .text {padding-top:3px;color:#000;font-size:12px;letter-spacing:-1px;}
#bobae-header-190910 .user-util-item:first-child ~ .user-util-item {margin-left:15px;}
#bobae-header-190910 .user-util-item:first-child ~ .user-util-item:after {content:'';position:absolute;width:1px;top:23px;bottom:12px;left:-8px;background-color:#e5e5e5;}
#bobae-header-190910 .user-util-item:first-child + .user-util-item {margin-left:20px;}
#bobae-header-190910 .user-util-item:first-child + .user-util-item:after {left:-8px;}
#bobae-header-190910 .user-util-item .count {top:11px;right:-7px;}
#bobae-header-190910 .square-util-item {border:none;height:55px;}
#bobae-header-190910 .square-util-wrapper [class^="icon-util"] {width:27px;height:27px;background:url(../images/layout/icon_header_gnb_w.png) no-repeat}
#bobae-header-190910 .square-util-item {}
#bobae-header-190910 .square-util-item ~ .square-util-item {margin-left:16px;}
#bobae-header-190910 .square-util {width:auto}
#bobae-header-190910 .square-util-wrapper .icon-util-search {}
#bobae-header-190910 .square-util-wrapper .icon-util-menu {background-position:-30px 0}
#bobae-header-190910 .square-util-item .field-search .btn-submit {right:-14px;top:-1px}
#bobae-header-190910 .square-util-item .square-util:focus {outline:none;}
#bobae-header-190910 .square-util-item.is-extend {}
#bobae-header-190910 .square-util-item.is-extend .btn-search{display:none;}
#bobae-header-190910 .square-util-item.is-extend .btn-search:focus {outline:none;}
#bobae-header-190910 ~ .bobae-service {top:163px;}
#bobae-header-190910 ~ .bobae-service .service-all-area {width:1134px}
#bobae-header-190910 ~ .bobae-service .svc-col {width:11.2%;padding-left:1.4%}
#bobae-header-190910 .sub-menu .sub-menu-wrapper {margin-top:16px;}
#bobae-header-190910 .sub-menu .sub-menu-wrapper:after {top:-6px;background-position:-42px -79px;}
#bobae-header-190910 .gnb-menu-wrapper [class^="icon-menu-"] {color:hsla(0,0%,100%,.7)}
#bobae-header-190910 .gnb-menu-item.is-selected:after {height:3px;bottom:0;left:-3px;right:-3px;}
#bobae-header-190910 .gnb-menu-item.is-selected [class^="icon-menu-"] {color:hsla(0,0%,100%,1)}
#bobae-header-190910 .gnb-menu-item:hover:after {background-color:#afd2e8}
#bobae-header-190910 .gnb-menu-item .icon-store {margin-top:-4px;display:inline-block;width:18px;height:24px;background:url(../images/layout/icon_header_menu_w.png) no-repeat 0 0}
#bobae-header-190910 .gnb-menu-item .icon-estimate {margin-top:-5px;display:inline-block;width:22px;height:24px;background:url(../images/layout/icon_header_menu_w.png) no-repeat -30px 0}
#bobae-header-190910 .gnb-menu-item .icon-regi {margin-top:-6px;display:inline-block;width:24px;height:24px;background:url(../images/layout/icon_header_menu_w.png) no-repeat -60px 0}
#bobae-header-190910 .top-util-wrapper .text-util-item ~ .text-util-item:after {top:0;background-color:#ddd;}
#bobae-header-190910 .top-util-wrapper .text-util .text {font:400 12px/12px 'Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;color:#999;letter-spacing:-.5px;}








.body-used-price .bobae-header-v3 .square-util-wrapper {right:10px;}
.body-used-price .bobae-header-v3 .user-util-wrapper {margin-right:0}

/****************/
/**** Table. ****/
/****************/
/*--- */
.tbl-01{position:relative}
.tbl-01 table{table-layout:fixed;width:100%}
.tbl-01 th,.tbl-01 td{height:50px;border:solid #eaeaea;border-width:1px 0;text-align:left;line-height:1.4}
.tbl-01 th{padding:20px 0 20px;vertical-align:top;text-indent:16px;color:#333;font-weight:600}
.tbl-01 td{padding:14px 0 14px;padding-left:15px;vertical-align:middle;color:#656565}
.tbl-01 tr:first-child th,.tbl-01 tr:first-child td{border-top:none}
.tbl-01.mode-bg:after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background-color:#cbcbcb}
.tbl-01.mode-bg:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#cbcbcb}
.tbl-01.mode-bg th,.tbl-01.mode-bg td{height:40px}
.tbl-01.mode-bg th{padding:14px 0 14px;background-color:#f7f7f7}
.tbl-01.mode-bg th .help-icon-wrap{top:1px}
.tbl-01.mode-bg td{padding:9px 0 8px;padding-left:15px}
.tbl-01.st-topline{border-top:1px solid #666}
.tbl-01.st-low th{padding:14px 0 14px;height:40px}
.tbl-01.st-low td{padding:9px 0 8px;height:40px}
.tbl-01.st-low2 th, .tbl-01.st-low2 td{border:none}
.tbl-01.st-low2 th{padding:10px 0 10px;height:30px}
.tbl-01.st-low2 td{padding:10px 0 10px;height:30px}
/*--- */
.tbl-02{overflow:hidden;position:relative;margin-left:-1px;margin-right:-1px}
.tbl-02:after{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background-color:#fff;z-index:3}
.tbl-02:before{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background-color:#fff;z-index:3}
.tbl-02 table{position:relative;table-layout:fixed;width:100%}
.tbl-02 table:after{content:'';position:absolute;top:0;height:1px;width:100%;background-color:#cbcbcb}
.tbl-02 thead th,.tbl-02 tbody th,.tbl-02 td{height:34px;padding:11px 0 11px;border:1px solid #e9e9e9}
.tbl-02 thead th{background-color:#f7f7f7;border-bottom:none;color:#000;font-weight:normal}
.tbl-02 tbody th,.tbl-02 td{text-align:center;font-weight:normal}
.tbl-02.st-high th,.tbl-02.st-high td{height:40px;line-height:1.2}
.tbl-02.st-padding td{padding:0}
.tbl-02 td.tlt{padding-left:14px}
.tbl-02 th.tlt{padding-left:14px}
.tbl-title{position:relative;margin-bottom:10px;line-height:1.4}
.tbl-title .tit{display:block;font-weight:600}
.tbl-title .cont{line-height:18px;margin-top:4px}
/*--- */
.tbl-txt{position:relative;padding-top:12px;color:#333;font-size:12px;line-height:18px;letter-spacing:-0.025em}
.tbl-txt.cg{color:#888}
.tbl-txt.mode-notice .tit{display:block}
.tbl-txt.mode-notice .txt{line-height:18px}
.tbl-simulation{position:relative}
.tbl-simulation table{width:100%;table-layout:fixed}
.tbl-simulation th{padding-left:15px;text-align:left;font-weight:600}
.tbl-simulation th .stxt{font-weight:400}
.tbl-simulation td{padding-right:15px;text-align:right;font-weight:600}
.tbl-simulation tbody th,.tbl-simulation tbody td{height:30px}
.tbl-simulation tfoot th,.tbl-simulation tfoot td{height:40px;border:solid #e9e9e9;border-width:1px 0}
.tbl-mode{display:table;table-layout:fixed;width:100%}
.cell-mode{display:table-cell}

/**************/
/**** Tab. ****/
/**************/
.tabs{position:relative}
.tabs:after{content:'';z-index:5;height:1px;width:100%;position:absolute;bottom:0;background-color:#685b52}
.tabs li{position:relative;z-index:1;float:left;border:solid #eaeaea;border-width:1px 1px 0}
.tabs li + li{margin-left:-1px}
.tabs a{display:block;min-width:120px;height:38px;padding:12px 18px 0;line-height:1;font-size:13px;letter-spacing:-0.025em;word-spacing:-1px;text-align:center}
.tabs a:hover{text-decoration:underline}
.tabs li.is-active{z-index:10;border-color:#685b52;border-bottom:none}
.tabs li.is-active:after{content:'';position:absolute;height:1px;width:100%;background-color:#fff;bottom:0}
.tabs li.is-active a{font-weight:600;cursor:default}
.tabs li.is-active a:hover{text-decoration:none}
.tabs2{position:relative}
.tabs2:after{clear:both;display:block;content:''}
.tabs2 li{position:relative;float:left;font-size:14px;font-weight:600}
.tabs2 li + li{padding-left:27px}
.tabs2 li + li:after{content:'';position:absolute;left:13px;width:1px;height:14px;background-color:#e2e2e2}
.tabs2 li.is-active a{position:relative;color:#0271c0}
.tabs2 li.is-active a:after{content:'';position:absolute;bottom:-2px;left:0;width: 100%;height:1px;background-color:#0271c0}
/*--- */
.tabs-content{visibility:hidden;position:absolute;width:100%;left:-9999em;background-color:#fff}
.tabs-content.is-visible{position:relative;visibility:visible;left:0}
.sq-tabs{position:relative;display:inline-block}
.sq-tabs:after{clear:both;display:block;content:''}
.sq-tabs .tab{float:left;position:relative;display:block;border:1px solid #bebebe;overflow:hidden}
.sq-tabs .tab + .tab{margin-left:-1px}
.sq-tabs .tab button{display:block;width:120px;height:23px;cursor:pointer;text-align:center;font-size:11px;background-color:#fff}
.sq-tabs .tab button:hover{text-decoration:underline}
.sq-tabs .tab.is-selected button{font-weight:bold}
.sq-tabs .tab:first-child{border-radius:3px 0 0 3px}
.sq-tabs .tab:last-child{border-radius:0 3px 3px 0}
.sq-tabs .tab i{color:#999}

/****************/
/**** Layer. ****/
/****************/
.help-icon-wrap{position:relative;display:inline-block;text-indent:0}
.help-icon-wrap .layer-popup{display:none;top:28px}
.help-icon-wrap .layer-popup.is-visible{display:block}
.help-icon-wrap .icon-help {display:inline-block;width:13px;height:13px;background:url(../images/common/btn_comm.png) no-repeat -102px -22px;text-indent:-9999em;margin-left:4px;}
.i-help{width:13px;height:13px;background-position:-42px -2px;margin-left:4px}
.layer-popup{display:none;position:absolute;padding:26px 30px 30px;background-color:#fff;border:1px solid #000;z-index:50}
.layer-popup .layer-title{padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #685b52;font-size:14px;font-weight:600}
.layer-popup .mini-tabs{position:relative;top:4px;margin-left:5px;display:inline-block}
.layer-popup .mini-tabs button{color:#959595}
.layer-popup .mini-tabs button:hover{text-decoration:underline}
.layer-popup .mini-tabs .is-active button{font-weight:bold;color:#888}
.layer-popup .layer-close{position:absolute;right:30px;top:28px}
.layer-popup .layer-close .btn-close{width:14px;height:14px;background-position:-22px -122px}
.layer-popup:focus{outline:none}
.layerL-popup{display:none;position:fixed;top:50%;left:50%;padding:0 22px 20px;background-color:#fff;border:1px solid #000;z-index:120}
.layerL-popup .layer-title{position:relative;border-bottom:1px solid #333;padding:23px 0 15px;margin-bottom:20px;font-size:21px;font-weight:400;letter-spacing:-0.05em}
.layerL-popup .layer-close{position:absolute;right:25px;top:20px;padding:5px}
.layerL-popup .layer-close .btn-close{width:18px;height:18px;background:url(../images/common/icon_list_v2.png) no-repeat 0 -120px}
.layerL-popup .layer-buttons {position:relative;padding-top:20px;text-align:center;}
.layerL-popup:focus{outline:none}
.layerL-popup.is-visible{display:block}
.layer-btns{position:relative;padding-top:20px;text-align:center}

/*2018-10-29*/
.layer-tooltip {display:none;position:absolute;}
.layer-tooltip:after {content:'';position:absolute;z-index:51;display:inline-block;width:13px;height:11px;background:url(../images/common/btn_comm.png) no-repeat;}
.layer-tooltip .layer-wrapper{position:relative;padding:22px 22px 28px;border:1px solid #555;z-index:50;background-color:#fff;}
.layer-tooltip .layer-header{margin-bottom:20px;}
.layer-tooltip .layer-header.is-boarded {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #333;}
.layer-tooltip .layer-header .title {font-size:19px;font-weight:400;color:#000}
.layer-tooltip .layer-content{}
.layer-tooltip .layer-content .description{font-size:13px;line-height:22px;font-weight:400;color:#666;}
.layer-tooltip .layer-content .option-list {}
.layer-tooltip .layer-content .option-item {}
.layer-tooltip .layer-content .option-item ~ .option-item {border-top:1px solid #d7d7d7}
.layer-tooltip .layer-content .btn-option {display:block;width:100%;height:36px;padding-left:4px;text-align:left;}
.layer-tooltip .layer-content .btn-option .text {font-size:13px;color:#555}
.layer-tooltip.is-visible {display:block;}
.layer-tooltip[data-placement^="top-"] {top:0;margin-top:5px;}
.layer-tooltip[data-placement^="top-"]:after {top:-9px;width:13px;height:11px;background-position:-42px -142px}
.layer-tooltip[data-placement^="left-"] {left:100%;margin-left:5px}
.layer-tooltip[data-placement^="left-"]:after {left:-9px;width:11px;height:13px;background-position:-82px -142px}
.layer-tooltip[data-placement^="right-"] {left:100%;margin-right:5px}
.layer-tooltip[data-placement^="right-"]:after {right:-9px;width:11px;height:13px;background-position:-102px -142px}
.layer-tooltip[data-placement^="bottom-"] {left:100%;margin-left:5px}
.layer-tooltip[data-placement^="bottom-"]:after {left:-9px;width:11px;height:13px;background-position:-62px -142px}
.layer-tooltip[data-placement$="-center"]:after {left:50%;}
.layer-tooltip[data-placement$="-right"]:after {right:10px;}
.layer-tooltip[data-placement$="-left"]:after {left:10px}
.layer-tooltip[data-placement$="-top"] {top:0;}
.layer-tooltip[data-placement$="-top"]:after {top:10px;}
.layer-tooltip[data-placement$="-middle"] {top:0;height:100%;}
.layer-tooltip[data-placement$="-middle"]:after {top:50%;margin-top:-6px}
.layer-tooltip[data-placement$="-bottom"]:after {bottom:10px;}


.layer-popup-v2 {display:none;z-index:70;position:absolute;border:1px solid #ccc;background-color:#fff;box-shadow:3px 4px 1.9px 0.1px rgba(0, 0, 0, 0.15)}
.layer-popup-v2 .layer-container {position:relative;}
.layer-popup-v2 .layer-wrapper {position:relative;padding:22px;}
.layer-popup-v2 .layer-header {position:relative;text-align:left;margin-bottom:25px;}
.layer-popup-v2 .layer-header .title {font-size:21px;letter-spacing:-0.025em;color:#000;}
.layer-popup-v2 .layer-header.is-boarded {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #333;}
.layer-popup-v2 .layer-tabs {position:relative;}
.layer-popup-v2 .tab-list {position:relative;padding-bottom:20px;padding-top:5px;}
.layer-popup-v2 .tab-list:after {content:'';clear:both;display:block}
.layer-popup-v2 .tab-item {float:left;}
.layer-popup-v2 .tab-item .tab {display:inline-block;}
.layer-popup-v2 .tab-item .text {font-size:14px;font-weight:600;color:#333;}
.layer-popup-v2 .tab-item.is-selected .tab {position:relative;}
.layer-popup-v2 .tab-item.is-selected .tab:after {content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#333}
.layer-popup-v2 .tab-item ~ .tab-item {margin-left:15px}
.layer-popup-v2 [data-style="divider"] .tab-list {position:relative;padding-bottom:20px;padding-top:5px;}
.layer-popup-v2 [data-style="divider"] .tab-list:after {content:'';clear:both;display:block}
.layer-popup-v2 [data-style="divider"] .tab-item {float:left;}
.layer-popup-v2 [data-style="divider"] .tab-item .tab {display:inline-block;}
.layer-popup-v2 [data-style="divider"] .tab-item button.tab {padding-top:2px;outline:none;}
.layer-popup-v2 [data-style="divider"] .tab-item .text {font-size:13px;color:#666;font-weight:400}
.layer-popup-v2 [data-style="divider"] .tab-item.is-selected .tab:after {display:none;}
.layer-popup-v2 [data-style="divider"] .tab-item.is-selected .text {position:relative;font-weight:600;color:#333;}
.layer-popup-v2 [data-style="divider"] .tab-item ~ .tab-item {position:relative;margin-left:15px}
.layer-popup-v2 [data-style="divider"] .tab-item ~ .tab-item:after {content:'';position:absolute;left:-7px;top:2px;bottom:2px;width:1px;background-color:#ddd;}
.layer-popup-v2 .btn-layer-close {position:absolute;right:18px;top:18px;padding:5px}
.layer-popup-v2 .btn-layer-close .icon-layer-close {display:block;width:18px;height:18px;background:url(../images/common/icon_list_v2.png) no-repeat 0 -120px;}
.layer-popup-v2.is-visible {display:block}
html.mode-locked{overflow:hidden}
#dim{visibility:hidden;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;background-color:rgba(0,0,0,.70);transition:all .2s ease-in-out}
#dim.is-visible{visibility:visible;opacity:1}
/*--- TEXT TYPE */
.text-type-01{position:relative;line-height:1.4}
.text-type-01 .tit{display:block;margin-bottom:4px;font-weight:600}
.text-type-01 .cont{line-height:17px;font-weight:normal;font-size:12px}
.text-type-01 .cont + .tit{margin-top:15px}
.text-type-01.st-gray{}
.text-type-01.mbnon{margin-bottom:0}
.text-type-02{position:relative}
.text-type-02 p{line-height:18px;text-align:left;font-weight:normal;word-spacing:-1px}
.text-type-02 .tit{color:#888}
/*--- BOX TYPE */
.line-box{position:relative;padding:14px;border:1px solid #e4e4e4}
.line-box .tit{display:block;margin-bottom:6px}
.line-box .bu-list + .tit,.line-box .txt-list + .tit{margin-top:30px}
.bg-box{position:relative;padding:14px;background-color:#f7f7f7}
.bg-box .tit{display:block;margin-bottom:6px}
.bg-box .bu-list + .tit,.bg-box .txt-list + .tit{margin-top:30px}
.txt-list{position:relative}
.txt-list li{line-height:1.6}
.bu-list li{position:relative;padding-left:11px;line-height:1.6}
.bu-list li:after{content:'*';position:absolute;left:0;top:0}
.bu-list li + li{margin-top:2px}
/*--- # ICO TEXT */
.i-date{position:relative;padding-left:18px;color:#333;font-size:13px}
.i-date:after{content:'';position:absolute;left:0;top:2px;width:13px;height:13px;background:url(../images/common/ico_comm.png) no-repeat -62px -2px}
.i-view{position:relative;padding-left:21px;color:#333;font-size:13px}
.i-view:after{content:'';position:absolute;left:0;top:2px;width:17px;height:13px;background:url(../images/common/ico_comm.png) no-repeat -82px -2px}
.ie11 .i-date::after, .ie10 .i-date::after{top:1px}
.ie11 .i-view::after, .ie10 .i-view::after{top:1px}
.i-view.cb{color:#0c90ce;font-weight:600}
.i-date + .i-view{margin-left:5px;padding-left:29px}
.i-date + .i-view:after{left:8px}
/*--- # TAG */
.hashtag{position:relative}
.hashtag:after{clear:both;display:block;content:''}
.hashtag .tagBox{overflow:hidden;position:relative;display:inline-block;border:1px solid #0070bd;border-radius:10px;background-color:#fff;transition:all .2s}
.hashtag .tag{display:block;width:100%;height:19px;padding:3px 6px 0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;word-break:break-all;word-wrap:break-word;text-align:center;transition:all .2s;font-size:12px;color:#0070bd}
.hashtag .tag:before{content:'#';position:relative;top:-1px;margin-right:2px}
.hashtag .tagBox:hover{background-color:#0070bd}
.hashtag .tagBox:hover .tag{color:#fff}
.hashtag .tag:hover + .btn-delete{background-position:-82px -2px}
.hashtag .btn-delete{display:none;position:absolute;right:4px;top:3px;width:13px;height:13px;background:url(../images/common/btn_comm.png) no-repeat -62px -2px;text-indent:-9999em}
.hashtag.mode-edit .tag{padding-right:30px}
.hashtag.mode-edit .btn-delete{display:block}

.hashtag2{position:relative}
.hashtag2 .tag{overflow:hidden;position:relative;display:inline-block;height:21px;padding:4px 6px 0;border:1px solid #046eb8;border-radius:10px;color:#046eb8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;word-break:break-all;word-wrap:break-word;text-align:center;transition:all .2s}
.hashtag2 .tag:before{content:'#';position:relative;top:-1px;margin-right:2px}
.hashtag2 .tag:hover{background-color:#046eb8;color:#fff}
.hashtag2 .tag:hover .btn-delete{width:13px;transform:rotate(0)}
.hashtag2.mode-edit .btn-delete{position:relative;top:-1px;width:0;height:13px;background:url(../images/common/btn_comm.png) no-repeat -122px -2px;text-indent:-9999em;transition:all .3s;transform:rotate(-360deg)}

/*--- #paging */
.paging{position:relative;padding:60px 0 60px;text-align:center}
.paging .paging-inner{position:relative;display:inline-block}
.paging .paging-inner:after{content:'';position:relative;clear:both}
.paging a, .paging strong{position:relative;float:left;display:inline-block;width:32px;height:32px;border:1px solid #cfcfcf;padding-top:9px;margin-left:-1px;font-weight:600;color:#585858;font-family:Tahoma, helvetica, apple sd gothic neo, sans-seri}
.paging a:hover{text-decoration:underline}
.paging strong{z-index:1;border-color:#046fb7;background-color:#046fb7;color:#fff}
.paging .prev{margin-right:10px;margin-left:-8px}
.paging .next{margin-left:11px;margin-right:-8px}
.paging .first{margin-right:10px}
.paging .last{margin-left:11px}
.paging .prev span,.paging .next span,.paging .first span,.paging .last span{display:inline-block;margin-top:2px;height:8px;text-indent:-9999em;background:url(../images/common/btn_comm.png) no-repeat}
.paging .prev span{width:5px;background-position:-162px -82px}
.paging .next span{width:5px;background-position:-162px -102px}
.paging .first span{width:10px;background-position:-172px -82px}
.paging .last span{width:10px;background-position:-172px -102px}

/*--- list : pagination ---*/
.pagination {position:relative;padding-top:40px;padding-bottom:60px;text-align:center;}
.pagination-inner {display:inline-block;}
.pagination-inner:after {content:''; display:block; clear:both;}
.pagination-inner a,
.pagination-inner button,
.pagination-inner strong {float:left;display:block;font-size:16px;font-weight:600}
.pagination-inner button {position:relative;width:30px;height:30px;border:1px solid #cdcdcd;border-radius:3px;}
.pagination-inner button span:not(.text) {position:absolute;left:50%;margin-left:-3px;top:50%;margin-top:-5px;display:block;width:7px;height:11px;background:url(../images/common/icon_ui.png) no-repeat;text-indent:-9999em;}
.pagination-inner span.text {position:relative;display:inline-block;width:34px;font:normal 11px/30px Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;color:#969696;}
.pagination-inner span.text:after,
.pagination-inner span.text:before {position:relative;top:-1px;display:inline-block;font-family:serif;font-weight:600;font-size:10px;}
.pagination-inner .pagination-prev {margin-right:6px;}
.pagination-inner .pagination-prev span:not(.text) {background-position:0 0}
.pagination-inner .pagination-prev span.text {margin-left:-6px}
.pagination-inner .pagination-prev span.text:before {content:'<';top:-1px;margin-right:2px}
.pagination-inner .pagination-prev:hover span:not(.text) {background-position:0 0;}
.pagination-inner .pagination-next {margin-left:6px;}
.pagination-inner .pagination-next span:not(.text) {background-position:-10px 0}
.pagination-inner .pagination-next span.text:after {content:'>';}
.pagination-inner .pagination-next:hover span:not(.text) {background-position:-10px 0}
.pagination-inner .pagination-last {margin-left:6px;}
.pagination-inner .pagination-last span:not(.text) {background-position:-40px 0;width:14px;margin-left:-6px;}
.pagination-inner .pagination-last:hover span:not(.text) {background-position:-40px 0;}
.pagination-inner .pagination-first {margin-right:6px;}
.pagination-inner .pagination-first span:not(.text) {background-position:-20px 0;width:14px;margin-left:-6px;}
.pagination-inner .pagination-first:hover span:not(.text) {background-position:-20px 0}
.pagination-inner a,
.pagination-inner strong {width:28px;height:28px;border:1px solid transparent;border-radius:3px;text-align:center;line-height:26px;color:#999;font-family:Tahoma;font-size:13px;margin-top:1px;}
.pagination-inner .is-current {border-color:#0070bd;color:#0070bd;}
.pagination-inner a:hover {text-decoration:underline;}


.tab-sort{position:relative}
.tab-sort li{float:left;position:relative}
.tab-sort li + li{padding-left:21px}
.tab-sort li + li:after{content:'';position:absolute;left:10px;top:0;bottom:0;width:1px;background-color:#e5e5e5}
.tab-sort .text{position:relative;display:inline-block;font-size:13px;color:#8f8f8f}
.tab-sort .text:hover{text-decoration:underline}
.tab-sort .btn-sort .text{padding-right:10px}
.tab-sort .btn-sort .text::after{content:'';position:absolute;right:0;top:50%;margin-top:-1px;border:3px solid;border-color:#8f8f8f #fff;border-bottom:none}
.tab-sort .btn-sort.up .text::after{border-top:none;border-bottom:3px solid #8f8f8f}
.tab-sort .btn-sort.down .text::after{border-top:3px solid #8f8f8f;border-bottom:none}
.tab-sort .is-selected .text{color:#333}
.tab-sort .is-selected .text:hover{text-decoration:underline}
.tab-sort .is-selected .btn-sort.up .text::after{border-bottom-color:#5a5a5a}
.tab-sort .is-selected .btn-sort.down .text::after{border-top-color:#5a5a5a}

.wrap-basic-car{overflow:hidden;position:relative}
.wrap-basic-car ul{margin:0 -7px}
.wrap-basic-car li{float:left;width:259px;padding:0 7px 15px}
.basic-car-item{position:relative;border:1px solid #ddd;transition:all .3s}
.basic-car-item .rank{position:absolute;top:-1px;left:-1px;display:block;width:30px;height:30px;padding-left:11px;padding-top:7px;background-color:#0070bd;font:bold 15px/1 arial;color:#fff}
.basic-car-item .thumb{overflow:hidden;display:block;width:243px;height:186px;line-height:186px;background-color:#f6f6f6}
.basic-car-item .thumb img{width:100%;height:auto;vertical-align:middle}
.basic-car-item .desc dl{display:block;padding:15px;padding-right:10px}
.basic-car-item .desc dt{display:block;margin-bottom:6px}
.basic-car-item .desc dt a{font-size:15px;font-weight:600;word-spacing:-1px;transition:color .3s;letter-spacing:-0.055em}
.basic-car-item .desc span{float:left;height:12px;font-size:12px;word-spacing:-2px}
.basic-car-item .desc span.date{padding-right:6px;margin-right:6px;border-right:1px solid #ddd}
.basic-car-item:hover{border-color:#0070bd}
.basic-car-item:hover .thumb img{}
.basic-car-item:hover .desc dt a{color:#0070bd}
.basic-car-item:hover .desc dt a:hover{text-decoration:underline}

/* detail right sidemenu */
.wrap-sidemenuQ{position:absolute;top:0;left:50%;margin-left:531px;width:112px;background-color:#fff;border:1px solid #d3d3d3}
.wrap-sidemenuQ.is-fix{position:fixed}
.wrap-sidemenuQ .viewed-top{padding:10px 0 7px;margin:0 12px;text-align:center;border-bottom:1px solid #d3d3d3}
.wrap-sidemenuQ .viewed-area{overflow:hidden;position:relative;max-height:326px;padding:0 13px}
.wrap-sidemenuQ .viewed-list{position:relative}
.wrap-sidemenuQ .viewed-list .list-item{position:relative;width:84px;margin-top:10px}
.wrap-sidemenuQ .viewed-list .list-item .chk-blk{position:absolute;right:0;top:4px;padding:2px}
.wrap-sidemenuQ .viewed-list .list-item .chk-blk label{}
.wrap-sidemenuQ .viewed-list .list-item .img{display:inline-block;height:66px;line-height:66px;background-color:#fefefe}
.wrap-sidemenuQ .viewed-list .list-item .img img{vertical-align:middle}
.wrap-sidemenuQ .compare-link{position:relative;padding:10px 0;text-align:center}
.wrap-sidemenuQ .compare-link .btn-rd{font-size:11px}
.wrap-sidemenuQ .link-area{border-top:1px solid #d3d3d3}
.wrap-sidemenuQ .link-area a{display:block;height:30px;padding-left:25px;padding-top:9px;border-bottom:1px solid #d3d3d3;font-size:11px}
.wrap-sidemenuQ .link-area a:hover{text-decoration:underline}
.wrap-sidemenuQ .btn-top-scroll{overflow:hidden;display:block;width:100%;text-align:center}
.wrap-sidemenuQ .btn-top-scroll .top{width:40px;height:30px;background-position:-162px -42px}
.wrap-sidemenuQ .bx-controls{position:relative;padding:10px 0 0;text-align:center}
.wrap-sidemenuQ .bx-default-pager{font-size:11px}
.wrap-sidemenuQ .bx-default-pager{font-size:11px}
.wrap-sidemenuQ .bx-prev,.wrap-sidemenuQ .bx-next{position:absolute;display:block;width:10px;height:12px;text-indent:-9999em;background:url(../images/common/btn_comm.png) no-repeat}
.wrap-sidemenuQ .bx-prev{left:13px;background-position:-122px -82px}
.wrap-sidemenuQ .bx-prev:hover{background-position:-135px -82px}
.wrap-sidemenuQ .bx-next{right:13px;background-position:-122px -102px}
.wrap-sidemenuQ .bx-next:hover{background-position:-135px -102px}

#div-gpt-ad-1398066581850-0{margin-bottom:8px} /* 퀵메뉴 광고 */
.quick-menu-wrap{position:absolute;top:0;left:50%;margin-left:531px;width:120px;background-color:#fff}
.quick-menu-wrap.is-bottom{position:absolute !important;bottom:12px;top:auto}
.quick-menu-wrap.is-fix{position:fixed}
.quick-menu-wrap .quick-product-group{position:relative;border:solid #d1d1d1;border-width:0 1px;}
.quick-menu-wrap .quick-product-group:first-child{margin-top:8px}
.quick-menu-wrap .quick-product-title{position:relative;display:block;width:100%;height:30px;border:1px solid #d1d1d1;border-width:1px 0;font-size:11px;margin-top:-1px}
.quick-menu-wrap .quick-product-title > div {overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;}
.quick-menu-wrap .quick-product-title > div img {width:100%;height:100%}
.quick-menu-wrap .quick-product-title > img {overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.quick-menu-wrap .quick-product-title:hover strong{text-decoration:underline}
.quick-menu-wrap .quick-product-list{overflow:hidden;max-height:0}
.quick-menu-wrap .is-visible .quick-product-title{}
.quick-menu-wrap .is-visible .quick-product-list{max-height:400px}
.quick-menu-wrap .product-area{overflow:hidden;position:relative;max-height:303px;padding:0 13px}
.quick-menu-wrap .product-list{position:relative}
.quick-menu-wrap .product-list > li{margin-top:10px}
.quick-menu-wrap .product-list .list-item{position:relative;margin-top:10px}
.quick-menu-wrap .product-list .list-item .chk-blk{position:absolute;right:2px;top:4px;padding:2px}
.quick-menu-wrap .product-list .list-item .chk-blk label{}
.quick-menu-wrap .product-list .list-item .img{display:inline-block;height:66px;line-height:66px;background-color:#fefefe;width:92px;text-align:center}
.quick-menu-wrap .product-list .list-item .img img{width:100%;height:auto;vertical-align:middle}
.quick-menu-wrap .compare-link{position:relative;padding:10px 0;text-align:center}
.quick-menu-wrap .compare-link .btn-rd{font-size:11px}
.quick-menu-wrap .link-area a:hover{text-decoration:underline}
.quick-menu-wrap .btn-top-scroll{overflow:hidden;display:block;width:100%;margin-top:-1px;border:1px solid #d1d1d1;text-align:center}
.quick-menu-wrap .btn-top-scroll .top{width:40px;height:30px;background-position:-162px -42px}
.quick-menu-wrap .quick-controls{position:relative;padding:10px 0 0;margin:0 13px;text-align:center}
.quick-menu-wrap .quick-pager{font-size:11px}
.quick-menu-wrap .quick-prev,.quick-menu-wrap .quick-next{position:absolute;display:block;width:10px;height:12px;text-indent:-9999em;background:url(../images/common/btn_comm.png) no-repeat}
.quick-menu-wrap .quick-prev{left:13px;background-position:-122px -82px}
.quick-menu-wrap .quick-prev:hover{background-position:-135px -82px}
.quick-menu-wrap .quick-next{right:13px;background-position:-122px -102px}
.quick-menu-wrap .quick-next:hover{background-position:-135px -102px}
.quick-menu-wrap .layer-inquiry-service{left:-192px;top:-25px;padding-top:0}
.quick-menu-wrap .layer-inquiry-service .inner{}
.quick-menu-wrap .layer-inquiry-service .inner::after{right:-7px;top:50%;margin-top: -7px;left:auto;background-image:url(../images/detail/edge_layer2.png);width:7px;height:13px}

/*--- UI */
/*- accordion */
.ui-accordion{}
.ui-accordion .ui-accordion-list{}
.ui-accordion .ui-accordion-item{}
.ui-accordion .ui-accordion-item .ui-accordion-title{position:relative;display:block;width:100%;padding:0 15px;height:41px;border-bottom:1px solid #ebebeb;text-align:left}
.ui-accordion .ui-accordion-item .btn-comm.arrow{position:absolute;right:15px;top:50%;margin-top:-4px;display:block;width:12px;height:8px;text-indent:-9999em;background-position:-42px -82px}
.ui-accordion .ui-accordion-title.is-selected .btn-comm.arrow{background-position:-42px -94px}
.ui-accordion .ui-accordion-description{background-color:#f4f5fa}
.ui-accordion .ui-accordion-description .inner{padding:20px 15px;line-height:1.6}
.ui-accordion .ui-accordion-item.is-selected .ui-accordion-description{display:block}
.ui-accordion .ui-accordion-item.is-selected .btn-comm.arrow{ background-position:-42px -95px}

/****************/
/**** Print. ****/
/****************/
@media print{
  @page{ size:21cm 29.7cm;/*A4*/  margin:0;}
  html, body{ width:210mm;background:#fff;border:0;margin:0;padding:0}
  .popup-container{max-width:100%}
  .scroll-area{height:auto !important}
  button{display:none}
}

/************************/
/**** Fallback - IE. ****/
/************************/
.ie11 .box.sBox-st select, .ie10 .box.sBox-st select{padding-top:5px;padding-bottom:7px}
.ie9 .box.sBox-st select, .ie8 .box.sBox-st select{padding-top:5px;padding-bottom:6px}







/****************************************************************************************
    Navigation.
****************************************************************************************/

.page-navigation-v3 {position:relative;text-align:center;border-bottom:1px solid #eee;text-align:left;}
.page-navigation-v3 [class$="-component"] {position:relative;margin:0 auto;padding:0 10px;}
.page-navigation-v3 .list-component {width:1150px;}
.page-navigation-v3 .nav-list {position:relative;display:inline-block;}
.page-navigation-v3 .nav-list:after {content:'';clear:both;display:block}
.page-navigation-v3 .nav-item {float:left;padding-top:18px;padding-bottom:14px;}
.page-navigation-v3 .nav-item ~ .nav-item {margin-left:20px;}
.page-navigation-v3 .nav-item .link:hover {}
.page-navigation-v3 .nav-item .link:hover .text {font-weight:600}
.page-navigation-v3 .nav-item .text {font-size:14px;letter-spacing:-0.75px;color:#999;font-weight:600}
.page-navigation-v3 .nav-item.is-selected {}
.page-navigation-v3 .nav-item.is-selected .text {position:relative;font-weight:600;color:#0070bd}
.page-navigation-v3 .nav-item.is-selected .text:after {z-index:1;content:'';position:absolute;left:0;right:0;bottom:-18px;height:3px;background-color:#0070bd}
/*.page-navigation-v3 .nav-item.is-selected .text:after {content:'';position:absolute;left:50%;bottom:-7px;margin-left:-4px;display:block;width:8px;height:4px;background:url(../images/list/icon_list_190910.png) no-repeat 0 0;}*/