@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, button, textarea, select, table, th, td, legend {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal} 
fieldset, img, abbr,acronym, button {border:0 none} 
ol, ul {list-style:none}
table {border-collapse:collapse;border-spacing:0;border:0 none}
caption, th, td {text-align:center;font-weight: normal;border:0 none}
address, caption, strong, em, cite {font-weight:normal;font-style:normal}
del {text-decoration:line-through}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }
hr { display:none; }
.hide {position:absolute;overflow:hidden;width:0;height:0;top:auto;visibility:hidden;font-size:0;line-height:0;}
.hide_tx {visibility:hidden}
a{text-decoration:none}
label, select, input, textarea {vertical-align:middle}
img{vertical-align:top}
input, button {overflow:visible}

html, body{width:100%;height:100%;overflow-x: hidden;}
.ins_container{display: flex;width:100%;height:100%;align-items: center;justify-content: center;}
.inspection > *{font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;}
.inspection{max-width:1348px;width:100%;height:715px;background:url(./insp.png)no-repeat 50% 50%;margin:0 auto;}
.inspection .inspection_1 {padding:35px 0 0}
.inspection .inspection_1 .box{margin:0 auto;width:678px;height:464px;text-align: center;padding:44px 72px 84px;box-sizing: border-box;position:relative;}
.inspection .inspection_1 .box:before{content:"";position:absolute;top:0;left:0;background:rgba(255,255,255,.1);backdrop-filter: blur(14px);width:100%;height:100%;border-radius: 36px;border:2px solid rgba(255,255,255,.36);}
.inspection .inspection_1 .box > div{position:relative;}
.inspection .inspection_1 .box  img{margin-bottom:15px;}
.inspection .inspection_1 .box .title{font-size:38px;letter-spacing: -0.05em;color:#1a1a1a;font-weight:500;line-height: 55px;margin-bottom:38px;}
.inspection .inspection_1 .box .text{font-size:16px;color:#000;line-height:23px;font-weight:400;margin-bottom:50px}
.inspection .inspection_1 .box .date{width:406px;height:54px;line-height:54px;text-align:center;font-size:18px;color:#fff;font-weight:400;margin:0 auto;background:#2f98ff;border-radius: 30px;}


@media(max-width:768px){
    .inspection{height:0;padding-bottom:91%;background-size:cover;}
    .none{display: none;}
    .inspection .inspection_1{padding-top:17vw;}
    .inspection .inspection_1 .box{width:88%;height:auto;padding: 4vw 3vw;}
    .inspection .inspection_1 .box:before{backdrop-filter: blur(1.5vw);border-radius: 5vw;border:1px solid rgba(255,255,255,.36);}
    .inspection .inspection_1 .box  img{margin-bottom:4vw;max-width: 100%;width:17%;max-width:83px;}
    .inspection .inspection_1 .box .title{font-size:5vw;margin-bottom:3vw;line-height:6vw;}
    .inspection .inspection_1 .box .text{margin-bottom:7vw;font-size: 2.5vw;line-height:1.6;}
    .inspection .inspection_1 .box .date{width:90%;font-size: 2.6vw;height:8vw;line-height:8vw;}
}