<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        span{
            display: block;
        }

        *{
            margin:10px;
            padding:10px;
            font-size: 14px;
            border:1px solid #ddd;
        }
    </style>
</head>
<body>
    
<div id="wrap">
div, #wrap
    <header>
    header
        <h1 class="logo">
            h1, .logo
        </h1>

        <ul class="gnb">
            ul, .gnb
            <li>li 1</li>
            <li>li 2</li>
            <li>li 3</li>
            <li class="select">li 4, .select</li>
            <li>li 5</li>
        </ul><!--gnb-->

        <ul class="util">
            ul, .util
            <li>li 1</li>
            <li>li 2</li>
            <li class="apple">li 3, .apple</li>
            <li>li 4</li>
        </ul><!--util-->
    </header>
    
    <main>
        main
        <div class="content">
            div, .content
            <div class="box">
                div, .box
                <p>p</p>
                <p>p</p>
                <p class="txt">p, .txt</p>
            </div><!--box-->

            <div class="box">
                div, .box
                <p>p</p>
                <p>p</p>
                <p class="txt">p, .txt</p>
            </div><!--box-->
            
            <div class="box">
                div, .box
                <p>p</p>
                <p>p</p>
                <p class="txt">p, .txt</p>
            </div><!--box-->
        </div><!--content-->

        <div class="space">
            div, .space

            <div class="item">
                div, .item
                <div class="nemo">
                    div, .nemo
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                </div><!--nemo-->
            
                <div class="nemo">
                    div, .nemo
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                </div><!--nemo-->           
            </div><!--item-->
        
            <div class="item">
                div, .item
                <div class="nemo">
                    div, .nemo
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                </div><!--nemo-->
            
                <div class="nemo">
                    div, .nemo
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                </div><!--nemo-->           
            </div><!--item-->

            <div class="item">
                div, .item
                <div class="nemo">
                    div, .nemo
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                    <span>span</span>
                </div><!--nemo-->
            
                <div class="nemo">
                    div, .nemo
                    <span>span</span>
                    <span class="test">span, .test</span>
                    <span>span</span>
                    <span>span</span>
                </div><!--nemo-->           
            </div><!--item-->

        </div><!--space-->
    </main>

    <footer>
        footer
        <h1>h1</h1>

        <ul class="fmenu">
            ul, .fmenu
            <li>li</li>
            <li>li</li>
            <li>li</li>
            <li>li</li>
            <li>li</li>
        </ul><!--fmenu-->

        <ul class="finfo">
            ul, .finfo
            <li>li</li>
            <li>li</li>
            <li>li</li>
            <li class="yaho">li, .yaho</li>
            <li>li</li>
            <li>li</li>
        </ul><!--finfo-->

        <address>
            address
        </address>
    </footer>

</div><!--wrap-->

</body>
</html>