@charset "utf-8";
    .d2best {
        font-size: 1.65em;
        font-family: 'GmarketSansBold';
        text-align: center;
        padding: 1em 0 0.75em;
        margin: 1em 0 0 0;
        border-top: solid 1px #993333;
        border-bottom: solid 1px #999999;
        background: #fafafa;
        color: #333333;
    }

    .d2best span {
        color: #990000;
    }

    .d2_pcatagory ul {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        margin: 2em 0;
    }

    .d2_pcatagory ul li {
        width: 45%;
        border: 1px solid #cccccc;
        border-radius: 1.5em;
        overflow: hidden;
        text-align: center;
        padding: 0.5em 0.5em 0.7em 0.5em;
    }

    .d2_pcatagory ul li a img {
        width: 100%;
    }

    .d2_pcatagory ul li a span {
        display: inline-block;
        font-size: 1.3em;
        width: 100%;
        font-family: 'GmarketSansMedium';
        padding: 0.5em 0 0.3em;
        background: #ffffcc;
        border-radius: 0.5em;
    }

    .d2_pcatagory .grn li a span {
        color: #336600 !important;
        background: #eaffda !important;
    }

    .d2_pcatagory .blue li a span {
        color: #003366 !important;
        background: #e0f0ff !important;
    }

    .d2_pcatagory .oran li a span {
        color: #6b3208 !important;
        background: #ffecc3 !important;
    }

    
    .recommend{width:100%; height:auto; margin:3em 0; position:relative;}
    
    .recommend h3{
        display:flex; justify-content:center; color:#333333;
        font-family:'GmarketSansBold'; font-size:2em;
        padding-right:0.5em; margin-bottom:0.25em;
    }
    .recommend h3 span{color:#9133cc;}
    .recommend h3 p{width:2.5em;}
    .recommend h3 p img{width:100%; transform:translate(-5px, -3px);}


    .recommend .by_event ul li span {
        font-family: 'GmarketSansMedium';
        color: #663366;
        font-size: 1.1em;
        letter-spacing: -1px;
        padding: 0.5em 0 1em;
        display: inline-block;
    }

    .recommend .by_event ul li {
        width: 17%;
        margin: 0.5em 0;
    }

    .recommend .by_event ul li p img {
        width: 85%;
    }

    .recommend .by_event ul {
        display: flex;
        justify-content: space-evenly;
        text-align: center;
    }
    
    .industry{width:100%; height:auto; margin:3em 0; position:relative;}
    
    .industry h3{
        display:flex; justify-content:center; color:#333333;
        font-family:'GmarketSansBold'; font-size:2em;
        padding-right:0.5em; margin-bottom:0.25em;
    }
    .industry h3 span{color:#3366cc;}
    .industry h3 p{width:2.5em;}
    .industry h3 p img{width:80%; transform:translate(0, 0);}


    .industry .by_industry ul li span {
        font-family: 'GmarketSansMedium';
        color: #333333;
        font-size: 1.1em;
        letter-spacing: -1px;
        padding: 0 0 1em;
        display: inline-block;
    }

    .industry .by_industry ul li {
        width: 17%;
        margin: 0.5em 0;
    }

    .industry .by_industry ul li p img {
        width: 77%;
    }

    .industry .by_industry ul {
        display: flex;
        justify-content: space-evenly;
        text-align: center;
    }