body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            background-color: #f4f4f4;
            color: #333;
            display: flex;
            min-height: 100vh;
            flex-direction: column;
            background-size:100%;
        }
        .container.header {
            text-align: left;
        }
        .container {
            max-width: 80%;
            margin: 0 auto;
            padding: 0 20px; 
        }
        .container h2{
            width:700px;
            margin:0 auto;
            height: 50px;
            line-height: 120px;
            padding-left:20px;
            position:relative;
        }
        .container h2::before {
        content: '';
        position: absolute;
        top: 50px;
        left: 0px;
        width: 8px;
        height: 20px;
        background-color: darkblue;
        z-index: 9999;
        
        }
        header {
            background-color: #0e0f11;
            color: #fff;
            padding: 1em 0;
            text-align: center;
        }
		.header-logo {
            width: 150px; /* 로고 이미지 크기 조정 */
            height: auto;
            margin-bottom: 10px; /* 로고와 타이틀 사이 여백 */
        }
        header h1 {
            margin: 0;
            display: none;
        } 
        main {
            background-color: #fff;
            padding: 2em;
            margin: 20px 0;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
            flex-grow: 1;
        } 
        footer {
            background-color: #333;
            color: #d8d8d8;
            text-align: center;
            padding: 1em 0;
            font-size:14px;
        }

        @media screen and (max-width: 718px) {

        main {
            max-width: 100%!important;
            padding: 0!important; 
        }  
        .container {
         max-width: 100% !important; 
          padding: 0 !important;
        }
        header, footer{
            padding:20px!important;
        }
        .container h2 {
        width: 90%!important; 
}
    }