@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
*{
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: 1px;
    line-height: 1.25;
    color:rgb(15,15,15);
    text-decoration: none;
}

body{
    font-size:16px;
}

:root {
    --primary:#2A67DD;
}

.wrap{
    padding:30px 20px;
}

.flex{
    display:flex;
    align-items: center;
}

#home{
    background:url("/img/img_pipe_leak.webp") no-repeat;
    background-position:right bottom;
    background-size:45%;
    background-color:var(--primary);
}
#home p{
    color:white;
    font-size:1.5rem;
    font-weight: 700;
    padding-top:40px;
    padding-bottom:30px;
}

#logo{
    background:white;
    width:36px;
    height:36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}
#logo img{
    width:30px;
}

h1{
    color:white;
    padding-left:10px;
    font-size:2rem;
    font-weight: 700;
}

#info{
    padding-top:30px;
    border-top:1px solid rgba(255,255,255,.15);
}
#info *{
    color:white;
}
#info .flex{
    padding-bottom:7px;
}
#info .flex > div:nth-of-type(1){
    width:30%;
    opacity: 0.7;
}

#callinfo .time{
    font-size:1.3rem;
    font-weight: 700;
    text-align: center;
}
#callinfo .time span{
    color:var(--primary);
}
.share{
	display:flex;
	align-items:center;
	margin-top:20px;
	color:white;
	background:var(--primary);
	border-radius:12px;
	box-shadow:4px 4px 20px #3057a133;	
	justify-content: center;
}
.share a{
	color:white;
	heigt:30px;
	font-size:1.2rem;
	display:flex;
	font-weight:500;
	margin:15px 0px;
}


#tax{
    margin-top:20px;
    background:#F2F4F6;
    height:48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border:1px solid #DDDDDD; 
    opacity: 0.7;
}

#callinfo{
    position: relative;
}
#callinfo .button::after{
    content: "";
    display: block;
    height:30px;
    width:1px;
    background: #dddddd;
    position: absolute;
    top:calc(50% - 15px);
    left:50%;
}

#callinfo .button{
    margin-top:30px;
    justify-content: space-evenly;
    align-items: center;
    border:1px solid var(--primary);
    border-radius: 12px;
    position: relative;
    box-shadow: 4px 4px 20px #3057a133;
}
#callinfo .button a{
    margin:15px 0px;
    display: flex;
    align-items: center;
    font-size:1.2rem;
    font-weight: 500;
}
#callinfo .button a:nth-of-type(1){
    border:0;
}
#callinfo .button a span{
    background:var(--primary);
    border-radius: 50%;
    width:26px;
    height:26px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:10px;
}
#callinfo .button a:nth-of-type(2) span{   
    background:#FFD43D
}

h2{
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.description{
    margin-bottom: 20px;
    opacity: 0.7;
}
#service{
    background:#F2F4F6;
}
#service .list{
    align-items: flex-start;
    flex-wrap:wrap;
    gap:5px;
}
#service .list > div{
    width: calc(50% - 5px);
    background: white;
    border-radius: 12px;
    padding:15px 10px;
    min-height:188px;
}
#service .list > div h3{
    margin-bottom:10px;
}
#service .list > div p{
    opacity: 0.7;
}

#review h3{
    margin-bottom:10px;
    margin-top:15px;
}
#review > div.flex{
    justify-self: center;
    gap:5px;
    align-items: flex-start;
}
#review > div.flex > div{
    width:50%;
    overflow: hidden;
}
#review > div.flex > div img{
    width:100%;
    border-radius: 12px;
}
#review > div.flex.wide{
    width:100%;
}
#review > div.flex.wide > div{
    width:100%;
}
#review > div.flex.wide > div img{
    width:100%;
    border-radius: 12px;
}
#review > div.flex > video{
    width:100%;
    border-radius: 12px;
    margin-bottom:5px;
}
footer{
	color:lightgray;
	padding:10px 0px;
	text-align:center;
	border-top:1px solid lightgray;
}