#main_bg{align-items:center;display:flex;position:relative}#main_bg .title{font-family:Noto Sans KR,sans-serif;font-weight:500}small.pen{color:#00266e!important;font-size:.7em!important;font-weight:600!important;margin-bottom:0;margin-top:0!important}.card{border:none;text-align:center}.card h2{font-size:1.8em;font-size:1.6em;font-weight:600;padding-bottom:.8em}.card .small{color:#ccc;font-size:.7em}.scroll-to-top{background-color:#007bff;border-radius:5px;bottom:20px;color:#fff;display:none;padding:10px 20px;position:fixed;right:20px;text-decoration:none}.scroll-to-top:hover{background-color:#0056b3}@media (min-width:1200px){#main_bg{height:400px;padding-left:10em}#main_bg .title{font-size:2em}#main_bg .title img{max-width:300px}#main_bg .background-image{height:400px;margin-right:150px;position:absolute;right:0;top:0;width:400px}#main_dbt,#main_dst,#main_usage{padding:50px}#main_dbt div.image,#main_dst div.image,#main_usage div.image{padding:20px}#main_dbt div.image img,#main_dst div.image img,#main_usage div.image img{max-width:300px}}@media (min-width:992px) and (max-width:1199px){#main_bg{height:400px;padding-left:10em}#main_bg .title{font-size:2em}#main_bg .title img{max-width:300px}#main_bg .background-image{height:350px;margin-right:100px;position:absolute;right:0;top:0;width:350px}#main_dbt,#main_dst,#main_usage{padding:40px}#main_dbt div.image,#main_dst div.image,#main_usage div.image{padding:20px}#main_dbt div.image img,#main_dst div.image img,#main_usage div.image img{width:80%}}@media (min-width:768px) and (max-width:991px){#main_bg{height:350px;padding-left:5em}#main_bg .title{font-size:1.5em}#main_bg .title img{max-width:240px}#main_bg .background-image{height:300px;margin-right:50px;position:absolute;right:0;top:0;width:300px}#main_dbt,#main_dst,#main_usage{padding:30px}#main_dbt div.image,#main_dst div.image,#main_usage div.image{padding:20px}}@media (max-width:767px){#main_bg{display:flex;flex-direction:column;justify-content:center}#main_bg .title{font-size:1.2em;padding-bottom:30px}#main_bg .title img{max-width:180px}#main_bg .background-image{max-width:300px}#main_dbt,#main_dst,#main_usage{padding:0}#main_dbt div.image,#main_dst div.image,#main_usage div.image{padding:20px}}
