/* 해쉬 클래스 */
.hash { overflow-y: scroll; width:100%; height:100%; z-index: 9999 }
.hash .bg {position:fixed; width:100%; height:100%; z-index: 101; background:#000; opacity: 0.7}

.hash .bg-left { position:fixed; top:0; left:-100%; transition: transform .3s ease; transform : translateX(0); }
.hash .bg-transform-left { transition: transform .3s ease; transform : translateX(100%); }
.hash .bg-right { position:fixed; top:0; left:0; transition: transform .3s ease; transform : translateX(100%); }
.hash .bg-transform-right { transition: transform .3s ease; transform : translateX(0); }

.hash-left { position:fixed; top:0; left:-100%; transition: transform .3s ease; transform : translateX(0); }
.transform-left { transition: transform .3s ease; transform : translateX(100%); }
.hash-right { position:fixed; top:0; left:100%; transition: transform .3s ease; transform : translateX(0);  }
.transform-right { transition: transform .3s ease; transform : translateX(-100%); }
.hash-top { position:fixed; top:0; left:0; transition: transform .3s ease; transform : translateY(-100%);  }
.transform-top { transition: transform .3s ease; transform : translateY(0); }
.hash-bottom { position:fixed; bottom:0; left:0; transition: transform .3s ease; transform : translateY(100%);  }
.transform-bottom { transition: transform .3s ease; transform : translateY(-100%); }

.hash-fade { position:fixed; top:0; left:100%; width:0; height:0; transition: opacity .3s ease-in-out; opacity:0;  }
.transform-fade { opacity:1; width:100%; height:100%; left:0; transition: opacity .3s ease; }


/* 공통 */
#hash_wrap{position:fixed; width:100%; height:100%; right:0; top:0; background:#fff; overflow:auto; z-index:102;}
.nav_close {padding:5px; position:absolute; z-index:1001; right:20px; top:20px; display:block; width:20px; height:20px; background:url(../img/common/icon_close.png) no-repeat 50%}
#hd_title{ position:relative}
#hd_title img{width:auto; height:30px;}
#hd_title .back{ position:absolute; right:0px; top:0px; z-index: 10;}

.hd_wrap{ padding:20px; /*border-bottom:1px solid #aeb5ba;*/ background: #5c56d1;}
#hd_tnb{margin-top:0; padding:0px;}
#hd_tnb .login{ padding:5px 0; font-size:1.2em; color:#fff; opacity:.8}
#hd_tnb .login strong{ color:#fff; opacity:1 !important}
#hd_tnb .login img { height:32px; vertical-align:middle; display:inline-block; margin:0 5px 0 0}
#hd_tnb .mb{ padding:0px 0;}
#hd_tnb .mb .photo{ display:inline-block; vertical-align:middle; margin-right:8px; width:60px; height:60px; overflow:hidden; border:1px solid #8f8be9; border-radius:50%; background-size: cover !important;}
#hd_tnb .mb .photo img{width:100%;}
#hd_tnb .mb .info{display:inline-block; vertical-align:middle;}
#hd_tnb .mb .info p{font-size:1.30em; font-weight:600; margin-bottom:2px; color: #fff;}
#hd_tnb .mb .info p.mileage{ color:#868c93; font-size:0.85em; line-height:1.40em; margin:3px 0 0}
#hd_tnb .mb .info p a{opacity:1; font-size:1.20em; line-height:20px; display:inline-block; padding:5px 2px 0px; vertical-align:middle; color: #fff;}
#hd_tnb .mb .info span{ display:inline-block; font-size:12px;}
#hd_tnb .mb .info span.s1{ padding:0 8px; border-radius:30px; background:#0066b4; color:#fff; margin-left:-3px; margin-right:3px;}
#hd_tnb .mb .info span.s2{ padding:0 8px; border-radius:30px; border:1px solid #ddd;}
#hd_tnb .mb .info a.btn{background:#273553; color:rgba(255,255,255,.8); margin-right:0px; padding:0px 10px; font-size:0.75em; border:1px solid #273553; line-height:20px; border-radius:30px; vertical-align:bottom}
#hd_tnb .mb a.btn{background:#fff; color:#666; margin-right:0px; padding:0px 8px; font-size:11.5px; border:1px solid #ddd; line-height:18px; border-radius:30px;}

.login img{ height:30px;display:block;}
.login a{color:#a1a1a1; padding:2px 0; font-size:1.3em; display:inline-block; line-height:20px; vertical-align:middle; text-decoration:none;}
.login a.btn{background:#273553; color:rgba(255,255,255,.8); margin-left:5px; padding:0px 10px; font-size:0.85em; border:1px solid #273553; line-height:20px; border-radius:30px;}

.login_field{ background:#eeeff0; padding:6px 15px 15px; text-align:center}
.login_field ul{ margin:10px 0 0}
.login_field li{ display:inline-block; margin:0 2px}
.login_field li a{ background:#fff; border:1px solid #ccc; padding:5px 27px; display:block; border-radius: 5px;}
.login_field li a:nth-chlid(2){background:#273553; color:#fff; border:1px solid #273553;}
a.btn_mem{background:#5c56d1 !important; color:#fff; border:1px solid #5c56d1 !important;}

.scroll{position:relative; height:calc(100% - 200px); overflow-y:scroll; padding:0px 0px 25px; border-top: 9px solid #eeeff0;}
.scroll .in{ padding:15px 25px}
#navtoggle {overflow:auto; z-index:102;}
#navtoggle .close{padding:5px; position:absolute; z-index:1001; left:20px; top:20px; display:block; opacity:1; 
				  width:20px; height:20px; background:url(../img/common/icon_close.png) no-repeat 50%}
#navtoggle .scroll{position:relative; height:100%; overflow-y:scroll; padding:5%;}
#navtoggle ul li {padding:0;}
#navtoggle ul li i { width:16px; margin:0 4px 0 0; text-align:center}

#navtoggle #left_menu{width:100%; position:relative; height:100%; text-align:left; top:0; z-index:1000; text-indent:5%;}
#navtoggle #left_menu .title{color:#000; line-height:40px; font-size:1.35em; padding:10px 0 5px; border-bottom:1px solid #9c9c9c; font-weight:bold; letter-spacing:-1px}

#navtoggle .title{color:#000; line-height:40px; font-size:1.35em; padding:10px 0 5px; border-bottom:1px solid #9c9c9c; font-weight:bold; letter-spacing:-1px}

#navtoggle #mgnb_1dul{border-top:1px solid #8D8D8D;}
a.btn_busi{background:#273553; color:rgba(255,255,255,1); margin:10px 0 0; padding:0px 10px; font-size:1em; border:1px solid #273553; line-height:20px; border-radius:3px; vertical-align:bottom; color:#fff !important}

/*1차메뉴*/
li.mgnb_1dli a.mgnb_1da{display:block; font-weight:500; font-size:1.22em; line-height:2.8em; cursor:pointer; 
						position:relative; color:#4B4C50; opacity:0.8; text-decoration:none;}
li.mgnb_1dli a.mgnb_1da.on{border-bottom:0; opacity:1;}
li.mgnb_1dli a.mgnb_1da .fa{position:absolute; right:5%; top:15px;}
li.mgnb_1dli a.selected{color:#4B4C50; font-weight:600; border-bottom:0;}			  
/*2차메뉴*/
ul.mgnb_2dul{ padding:5px 0 15px 0; display:none;}
li.mgnb_2dli a.mgnb_2da{color:#a1a1a1; display:block; font-size:1.2em; line-height:1.8em; text-indent:5%; background:none;}

/* 뱃지 */
.badge { background:#9397de !important; margin:-2px 0 0 3px !important}

/* 하단-카피내용 */
#ft_copy {padding:20px 25px 20px 25px;background:#fff;color:#a1a1a1; font-size:11px;line-height:1.8em; border-top:1px dashed #F2F3F4;}
#ft_copy #ft_company {/*text-align:center;*/}
#ft_copy #ft_company a {display:inline-block;padding:0px 5px 0 0;color:#a1a1a1;}
#ft_copy p {/*text-align:center;*/ letter-spacing:0;}

/*검색*/
#cs {}
#cs header{ margin:40px 20px 20px; font-family:'Gmarket Sans',sans-serif; font-size:2.2em; font-weight:400; color:#222;}
#cs header span{ font-weight:600; color:#5c56d1}
#cs header p{ font-size:.5em; color:#555; margin:20px 0 0;  font-family:'Noto Sans KR',Nanum Gothic,  sans-serif;}
#cs .back{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
}
/*검색*/
#bo_sch_hash select, select#ca_name{}
#bo_sch_hash{/*box-shadow: 0px 0px 5px rgba(0,0,0,.1); */ border-bottom:1px solid #ccc; padding:10px 0; position: relative; margin:0 20px}
#bo_sch_hash input[type=text]{border:0px !important; outline-style: none; width:90%; /*right:10%; position:absolute; height:auto !important;*/ background:#fff !important}
#bo_sch_hash input[type=text]::-webkit-input-placeholder { font-size:1.10em; color: #555; }
#bo_sch_hash input[type=text]::-moz-placeholder { font-size:1.10em; color: #555; }
#bo_sch_hash input[type=text]:-ms-input-placeholder { font-size:1.10em; color: #555; }
#bo_sch_hash input[type=text]:-moz-placeholder { font-size:1.10em; color: #555; }
#fregisterform #reg_mb_email, #fregisterform .frm_address{width:100%;}
#bo_sch_hash i{ position:absolute; right:0px; top:10px; font-size:1.65em; color:#5c56d1}
/*#bo_sch_hash .ic_back i{position:absolute; font-size:2.0em; left:0px !important; top:0px !important; color:#333 !important}*/

#pop_keyword { padding:20px;}
.keyword{background:#fff; padding:0px}
.keyword h3{ margin:2px 0 20px; font-weight:600; font-size:1.15em}
.keyword ul:after{ display:block; content:''; clear:both}
.keyword li{ display:inline-block; float:left; margin:5px 0 0 0}
.keyword li a{ font-weight:600; font-size:1.07em; padding:5px 10px; border-radius:20px; border:1px solid #ccc; margin:0 3px 3px 0; display:block;}
.keyword li span{ background:#565767; color:#fff; padding:4px; font-weight:bold; margin:0 4px 0 0; border-radius:2px; font-size:.87em}
.keyword li:first-child span{ background:#5c56d1}
.keyword li:nth-child(2) span{ background:#5c56d1}
#result{ margin:20px}
span.result_t{ margin:15px 0 0; display:block; font-size:1.10em; font-weight:500} 
/*위치설정*/
.btn_location_group{ margin:15px 20px}
.btn_location_group button{ width:100%; border:1px solid #ccc; margin:3px 0; background:#fff; padding:15px 0; font-size:1.15em; font-weight:500; color:#222}
#latest_list{ margin:40px 20px 0}
#latest_list h3{ font-size:1.27em; font-weight:600; margin:0 0 20px}
#latest_list ul li{float:left;	padding:10px 0; position:relative; display:block; font-size: 1.200em; width:100%; border-bottom:1px solid #f3f0f0}
.btn_close{ position:absolute; right:0px}
.btn_close i{ font-size:1.40em; color:#ccc}

/*알림설정*/
.pushList{ margin:30px 0 0}
.pushList hr{border-top: 9px solid #eeeff0; display:block}
.pushList > dl{ position:relative; margin:0 20px 25px}
.pushList > dl div.btn_switch{ position:absolute; right:0}
.pushList > dl > dt{ font-size:1.22em; margin:0 0 3px}
.pushList > dl > dd{ opacity:.6}
.switch-button { position: relative; display: inline-block; width: 55px; height: 30px; } 
.switch-button input { opacity: 0; width: 0; height: 0; } 
.onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.onoff-switch:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background: #fff; -webkit-transition: .5s; transition: .4s; border-radius:20px; } 
.switch-button input:checked + .onoff-switch { background: #5c56d1; } 
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }