@charset "utf-8";/* CSS Document */



/******************************************************************************
********************************   button    **********************************
*****************************************************************************/




/******************************************************************************
********************************   common    **********************************
*****************************************************************************/ 





/******************************************************************************
********************************    board    **********************************
*****************************************************************************/

.myCar header {height: 60px;}
.myCar header .header_logo {height:70px; background: #fff;}
.myCar header .header_logo .logo {height: 60px;}

.myCar .wrap {padding-top: 0;}

.myCar_cont {position: relative;margin: 0;}
.myCar_cont .title_page {padding-top: 110px; border-bottom: 0; padding-bottom: 50px; width: calc(100% + 100px); margin-left: -50px; position: relative;}
.myCar_cont .title_page:before {height: 600px; background: #d05e46; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 600px; z-index: -1;}
.myCar_cont .title_page h1 {display:block;padding:0 50px;line-height: 40px; color:#fff;}
.myCar_number {margin-top: 30px; padding: 0 50px; }
.myCar_number .myNumber_box {width: 100%;}
.myCar_number .myNumber_box ul {width: calc(100% + 12px); margin-left: -6px; display: flex;}
.myCar_number .myNumber_box ul li {display: table; width: calc(25% - 12px); margin: 0 6px; padding-bottom: 10px; border-bottom: 2px solid rgba(255,255,255,0.3);}
.myCar_number .myNumber_box ul li:active,
.myCar_number .myNumber_box ul li:focus,
.myCar_number .myNumber_box ul li:hover{border-color:rgba(255,255,255,1);}
.myCar_number .myNumber_box ul li > input {width: 100%; border-style: none; text-align: center; background-color: initial; color: #fff; font-size: 48px;}
.myCar_number .myNumber_box ul li > input::placeholder {color: rgba(255,255,255,0.3); font-size: 48px;}
.myCar_notice_txt {margin-top: 40px; display: flex;}
.myCar_notice_txt > div {display: inline-block;}
.myCar_notice_txt .m_n_t {width: calc(100% - 48px);}
.myCar_notice_txt .m_n_t > p {font-size: 16px; color:#fff; }
.myCar_notice_txt .m_n_t .m_n_t_d {margin-top: 10px; font-size: 13px;}
.myCar_notice_txt .m_n_i {width: 48px;}
.ico_mycar {text-indent: -9999px; width: 48px; height: 48px; background-image: url(/images/common/ico_Car.png); background-size: contain;}
.myCar_notice_txt.empty {}
.myCar_notice_txt.empty .m_n_t {width: 100%; text-align: center;}
.myCar_notice_txt.empty .m_n_i {display: none;}

.myCar_result {}
.myCar_searchRe {width: 100%; min-height: 170px; background: #fff; box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3);}
.myCar_parkingNotice {width: 100%; min-height: 170px; background: #fff; padding: 17px 18px; box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.3); position: relative;}
.myCar_parkingNotice:before,
.myCar_parkingNotice:after{content: ''; position: absolute; top: 60px; width: 30px; height: 30px;border-radius:100%;background-color:#d05e46;}
.myCar_parkingNotice:before {left: -15px;}
.myCar_parkingNotice:after {right: -15px;}
.myCar_searchRe_cont {text-align: left; overflow: hidden;}
.myCar_searchRe_cont.empty {padding-top: 53px; position: relative; margin: 33px 0; text-align: center;}
.myCar_searchRe_cont.empty:before {position: absolute; content: ''; left: 50%; top: 0; transform: translateX(-50%); width: 42px; height: 42px; background-image: url(/images/common/ico_alert.png); background-size: contain;}
.myCar_searchRe_cont.empty .myCar_searchRe_txt {padding: 0;}
.myCar_searchRe_cont.empty .myCar_searchRe_txt > p {font-size: 14px;}
.myCar_searchRe_tit {padding-bottom: 31px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.myCar_searchRe_tit > p {font-size: 18px; line-height: 28px; color:#000; font-weight: 500;}
.myCar_searchRe_txt {padding: 16px 0; border-bottom: 1px solid #eee;}
.myCar_searchRe_txt:last-child {border-bottom: 0; padding-bottom: 3px;}
.myCar_searchRe_txt > p.title {font-size: 13px; color:#000; font-weight: 500; margin-bottom: 4px;}
.myCar_searchRe_txt > p {font-size: 13px; color:#666;}
.yellow_txt {color:#9d5817;}

.myCar_result2 {width: calc(100% + 50px); padding-right: 50px; overflow: hidden; padding-bottom: 20px;}
.car_info_box {padding: 20px 18px; border: 1px solid #eee;}
.car_searchRe_imgBox {height: 230px; overflow: hidden;}
.car_searchRe_imgBox > img {min-width: 100%; height: 100%;}
.car_searchRe_info {border-bottom: 1px dashed #ccc; padding-bottom: 37px; margin-bottom: 63px; position: relative;}
.car_searchRe_info:before {position: absolute; content: ''; left: -40px; bottom: -15px; width: 30px; height: 30px; background: #f9f9f9; border: 1px solid #eee; border-radius: 50%;}
.car_searchRe_info:after {position: absolute; content: ''; right: -40px; bottom: -15px; width: 30px; height: 30px; background: #f9f9f9; border: 1px solid #eee; border-radius: 50%;}
.car_searchRe_info > p {margin-bottom: 10px; display: flex;}
.car_searchRe_info > p:last-child {margin-bottom: 0;}
.car_searchRe_info > p > span {font-size: 13px; color:#000; display: table;}
.car_searchRe_info > p > span.tit {color:#666; width: 60px;}
.car_searchRe_info > p > span.txt {width: calc(100% - 52px); margin-left: 20px;}
.car_searchRe_info > p > span > span {margin-bottom: 6px; display: block;}
.car_searchRe_info > p > span > span:last-child {margin-bottom: 0;}
.car_searchRe_info > p a {font-size: 12px; color:#255b8e; font-weight: 700;}
.car_searchRe_info > p > span em {display: inline-block; margin-right: 5px; font-style: initial;}
.myCar_result .swiper-container {overflow: initial;}
.myCar_result .swiper-wrapper {margin-left: -10px;}
.myCar_result .swiper-slide {width: calc(50% - 20px) !important; margin: 0 10px;}
.myCar_result .btn_box {}
.myCar_result .btn_box > button {width: 100%;}







@media screen and (min-width:768px) and (max-width:1024px){
/* tablet */    
}
@media all and (min-width: 260px) and (max-width: 890px){
    /* mobile */     
    .myCar_result .swiper-slide {width: calc(100% - 20px) !important;}
    .car_searchRe_imgBox{height:150px;}
}