@charset "utf-8";

/*s ====기본화면 모바일 기준====*/
#cont_in .inner.flex{
    display: none;
}

.m_inner{
    padding: 130px 20px 0 20px;
    box-sizing: border-box;
}
.m_inner .tab{
	width:80%;
	margin:0 auto;
}
.m_inner .tab li{
    width: 28%;
    margin: 6px 0;
}
.m_inner .tab li a{
    display: block;
    border: 1px solid #606060;
    border-radius: 15px;
    text-align: center;
    padding: 6px 0;
    color: #606060;
}
.m_inner .tab .on a{
    border: 1px solid #f27900;
    color: #fff;
    background: #f27900;
}

#footer{
    border-top: 1px solid #d9d9d9;
	margin-top:40px;
}

/*e ====기본화면 모바일 기준====*/


/*s ====PC화면====*/

@media screen and (min-width:600px){

    .m_inner{
        display: none;
    }
    #cont_in .inner.flex{
        display: block;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
    }
    /*s===COMMON===*/
    #headre{
        border-bottom: 1px solid #d9d9d9;
    }
    #footer{
        border-top: 1px solid #d9d9d9;
    }

    #cont_in{
        padding: 52px 0 90px 0;
    }
    #cont_in .inner{
        display: flex;
        justify-content: space-between;
    }
    /*e===COMMON===*/

    .board{
        width: 940px;
    }


    /*s---사이드메뉴---*/

    .side_menu.pc{
        display: block;
    }
    .side_menu{
        width: 215px;
    }
    .side_menu .nav{
        background: url(../img/portfolio/menu_back.jpg) no-repeat center/cover;
    }
    .side_menu .nav a{
        color: #fff;  
        display: block;
    }
    .side_menu .nav .d1 > a{
        padding: 20px 25px;
        font-size: 15px;
        font-weight: 600;
    }
    .side_menu .nav .d1:nth-child(1) > a{
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .side_menu .nav .d1:nth-child(2) > a{
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    .side_menu .nav .d1 > a span{
        display: inline-block;
        font-size: 12px;
        margin-left: 8px;
        opacity: 0.4;
    }
    .side_menu .nav .d2{
        padding: 10px 0;
    }
    .side_menu .nav .d2 > a{
        padding: 10px 40px;
        opacity: 0.6;
        transition: all 0.1s;
    }
    .side_menu .nav .d2 > a:hover{
        opacity: 1;
    }

    /*e---사이드메뉴---*/


} /*1200px끝*/

/*e ====PC화면====*/