@charset "utf-8";

/******************** contents ********************/
/***** contents *****/
/* contents */


/* 제주셀카 직영중고차 */
.direct {
    display: flex; 
    gap:40px;
    
}

.direct h2 {
    font-size: 18px;
    color:#000;
    letter-spacing: -1px;
}
.direct p {
    letter-spacing: -0.5px;
}


.direct .con {
    flex:1;
}
.direct .con .line_box2{
    width:auto;
    padding:25px 70px;
    margin:0 auto 20px;
}
.direct .con .line_box2 > p {
    font-size: 23px;
    letter-spacing: -1px;
}
.direct .con p {
    text-align: justify;
}
.direct .con .txtbox3 {
    display: flex;
    flex-direction: column;
    gap:24px;
    margin-top:40px;
}

.direct .contactus {
    flex-shrink:0;
    display: flex;
    flex-direction: column;
    gap:40px; 
    width:500px; 
    padding:40px;
    background-color: #fff;
    border:1px solid #ddd;
    box-sizing: border-box;
}
.direct .contactus .pic {
    display: flex;
    align-items: center;
    height:220px;
    overflow: hidden;
    line-height: 1;
}
.direct .contactus .pic img {
    width:100%;
}
.direct .contactus .con_box {
    display: flex;
    flex-direction: column;
    gap:24px;
}


.reviews h2 {
    margin-top:80px;
    font-size: 24px;
    color:#000;
    letter-spacing: -1px;
}
.reviews p {
    margin-top:15px;
}
.reviews .pic {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-top: 50px;
}
.reviews .pic img {
    width:100%;
    border-radius: 24px;
    border:1px solid #ddd;
}

/* user_guide */
.user_guide {overflow:hidden; margin-left:-20px; padding:15px 0 0;}
.user_guide li {position:relative; float:left; margin:0 0 20px 20px; padding:40px; width:420px; height:332px; background:#fff; border:1px solid #ddd; color:#666; line-height:1.7; text-align:justify; box-sizing: border-box;}
.user_guide li:hover {border-color:#d01e1e; border-width:3px ; padding:38px; color:#000; box-sizing: border-box;}

.user_guide .num {display:block; margin-bottom:30px; color:#000; font-size:30px; font-weight:bold; font-style:italic; line-height:1;}
.user_guide .num span {font-size:19px; font-weight: normal; letter-spacing: -1.5px;}

.user_guide li:hover span.point {padding:0 2px; background-color:#d01e1e; font-weight:bold; color:#fff;}

/* About */
.company_about {overflow:hidden; padding-top:0;}
.about_tit {float:left; width:400px; margin-right:100px; }
.about_tit img {width:100%; height:auto;}

.about_txt {float:left; width:800px;}
.about_txt p {padding:26px 0 50px; font-size:26px; letter-spacing:-1.5px; color: #333; line-height:2.3;}
.about_txt p span.txt_warning {font-size:30px; font-weight:bold;}
.about_txt p span.app_txt {font-size:20px; padding:0 2px; background-color:#d01e1e; font-weight:bold; color:#fff;}

/*app_download*/
.app_down {float:left; width:800px;}
.company_about .googleplay, .company_about .appstore {float:left; width:390px; margin-bottom:15px;}
.company_about .appstore {float:right;}

.company_about .googleplay span, .company_about .appstore span {display:block; margin-bottom:10px; padding:10px 0 10px 45px; font-size:22px; color:#000;}

.company_about .googleplay span {background:url("../image/main/app_google.png") 0 50% no-repeat; background-size:8% auto;}
.company_about .appstore span {background:url("../image/main/app_apple.png") 0 50% no-repeat; background-size:8% auto;}

.app_down img {width:380px; border:1px solid #ccc; border-radius: 20px;}