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

/* 헤더 - 로고 */
#header {
    border-bottom: 1px solid #e3e3e3
}

    #header .top_logo_pack {
        height: 120px;
        align-items: center;
        /*margin-top: 3rem;*/
    }

        #header .top_logo_pack .logo {
            display: inline;
            transition: all 0.3s ease-in-out;
        }

            #header .top_logo_pack .logo img {
                width: inherit;
                height: inherit;
            }

        /* 헤더 - 콜버튼 */
        #header .top_logo_pack .top_call {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.65rem 1.2rem;
        }

@media (max-width: 600px) {
    #header .top_logo_pack {
        height: 70px;
        align-items: center;
        /*margin-top: 3rem;*/
    }

        #header .top_logo_pack .logo img {
            width: auto;
            height: 26px;
        }
	.top_call img{ width: 13px!important}
}

/* 메인 */
#main {
    transition: all 0.5s ease-in-out;
    background-image: url("../images/main_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
	height: fit-content;
    min-height: calc(100vh - 120px);
    padding-bottom: var(--sec_pd);
}

    #main .main_cont {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

        /*#main .main_cont .sect_tit .line_point {
            display: inline-block;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            margin-left: -0.5rem;
            background-image: linear-gradient(to bottom, transparent 58%, #aacaff 58.1%, #aacaff 86%, transparent 86.1% );
        }*/
		#main .main_cont .sect_tit .line_point{
			display: inline-block;
			padding-left: 0.15em;
			padding-right: 0.15em;
			margin-left: -0.15em;
			box-shadow: inset 0px -.375em 0 #AACAFF;
		}
        /*메인미니폼*/
        #main .main_cont .main_mini_form {
            width: 100%;
            max-width: 650px;
            padding: 1rem;
            background-clip: padding-box;
            border: solid 1px var(--point_right);
        }

        #main .main_cont .main_mini_form_tit {
            background-image: url("../images/search_icon.png");
            background-position: left center;
            background-repeat: no-repeat;
            background-size: contain;
        }

#mini_form [id$="fieldset"] > input,
#mini_form [id$="fieldset"] > select {
    width: 100%;
    height: 48px;
    padding: 0 .75rem !important;
    font-size: 1.125rem;
    background-color: var(--gray_f5) !important;
    border: solid 1px transparent;
    color: var(--point);
    border-radius: var(--br_m);
}

#mini_form [id$="fieldset"]:focus-within > input,
#mini_form [id$="fieldset"]:focus-within > select {
    border: solid 1px var(--point_right);
    color: var(--point) !important;
    background-color: var(--point_righter) !important;
}
#mini_form [id$="fieldset"] .fieldset_label {
    display: none !important;
    /*라벨숨기기*/
}
/*이름 필드셋 */
#mini_form #name_fieldset {
    width: 35%;
}

#mini_form input::placeholder {
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: initial;
    color: var(--gray_a)
}

#mini_form .mini_form_btn {
    height: 48px;
    padding: 0 1.5rem !important;
    border-radius: var(--br_m);
}

/*메인리스트*/
.main_list_box {
    position: relative;
    min-height: 269px;
    margin-bottom: 5px;
}

    .main_list_box .wrap {
        position: relative;
        height: 100%;
        z-index: 5 !important;
    }

        .main_list_box .wrap .main_list p {
            background-image: url("../images/check_icon.png");
            background-position: left center;
            background-repeat: no-repeat;
            background-size: contain;
        }

    .main_list_box img.white_bg {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4 !important;
    }
/* ==================== 모바일 레이아웃 ==================== */
@media ( max-width:1380px ) {
    #main .main_cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

        #main .main_cont .sect_tit {
            text-align: center;
        }

    .fs_56.bold {
        margin-bottom: 1.5rem;
    }

    #main .main_cont .sect_tit .line_point {
        margin: 0.2rem 0 !important;
    }
}

@media ( max-width:1280px ) {
    /* 메인 */
    #main {
        background-position: right bottom;
        background-size: 125%;
        min-height: unset !important;
    }

        #main .main_cont {
            margin-bottom: 3rem
        }
            /*메인미니폼*/
            #main .main_cont .main_mini_form {
                max-width: 100%;
            }

                #main .main_cont .main_mini_form #mini_form {
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
	#main .sect_tit .fs_28 {font-size: 140%}
	#main .sect_tit .fs_56 {font-size: 350%}
	#main .sect_tit .fs_32 {font-size: 150%}
    /*메인리스트*/
    .main_list_box {
        /*position: unset;*/
        min-height: fit-content;
		width: fit-content;
        margin-top: 0px;
		margin-bottom: 3rem;
    }

        .main_list_box .wrap {
            /*position: unset;
            height: unset;*/
            padding: 2rem 2.5rem 2rem 3rem;
			border-radius: 0 var(--br_m) var(--br_m) 0;
			background-color: rgba(255,255,255,0.4);
			border: 1px solid rgba(255,255,255,0.5);
			box-shadow: 0 2px 10px 3px rgba(0,0,0,0.075);
			backdrop-filter: blur(1.5px);
        }

            .main_list_box .wrap .main_list p {
                font-size: 125%
            }

        .main_list_box img.white_bg {
            visibility: hidden
        }

    :root {
        --inputH: 45px;
    }
	#mini_form > .d_flex{flex-wrap: wrap; justify-content: space-between}
    #mini_form [id$="fieldset"] > input,
    #mini_form [id$="fieldset"] > select {
        height: var(--inputH);
    }

    #mini_form #car_fieldset, #mini_form #name_fieldset {
        height: var(--inputH);
        width: 49.5% !important;
    }

    #mini_form #tel_fieldset {
        width: 65%;
    }

    #mini_form .mini_form_btn {
        width: 34%;
        height: var(--inputH);
		/*margin-left: auto;*/
    }
}

@media ( max-width:600px ) {
    :root {
        --inputH: 40px;
    }
    /* 메인 */
    #main {
        background-size: 115%;
		/*height: calc(100vh - 70px);*/
    }
	#mini_form [id$="fieldset"] > input,
    #mini_form [id$="fieldset"] > select {
        height: var(--inputH);
    }

    #mini_form #car_fieldset, #mini_form #name_fieldset {
        height: var(--inputH);
        width:auto!important;
		max-width: 49%
    }

    #mini_form #tel_fieldset {
        width: 64%
    }

    #mini_form .mini_form_btn {
        width: 34%;
        height: var(--inputH);
    }

}

/***** 가로모드 *****/
@media screen and (orientation:landscape) and ( max-width:900px ) {
}
/* ========================================================================== */