@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

.member{font-size:15px; font-weight:400; font-family:'noto sans kr'; letter-spacing:-0.5px; color:#333;}
.member h2{font-size:22px; margin-top:30px; margin-bottom:5px;}
.member h2:before{
    display:inline-block;
    content:'';
    width:3px;
    height:10px;
    background:#ff6c00;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    margin:0 4px 15px 5px;
}
.member h3{font-size:20px; margin:20px 0 5px 0;}
.member h3:nth-child(3){margin-top:0;}
.member li{margin:7px 0 0 0}
.member li:first-child{margin-top:0;}
.member span{color:#ff6c00;}

.m_list{display:table; width:100%; overflow:hidden;}
.m_list img{width:20%; margin-right:5%;}
.m_list img, .m_cover{float:left;}

.m_cover{width:75%;}
.m_info{overflow:hidden; margin-bottom:20px;}
.m_info:last-child{margin-bottom:0;}
.m_info h4{font-size:20px; width:20%; border-top:2px solid #ff6c00; padding:10px 0 0 10px;}
.m_info ul{width:80%; border-top:2px solid #ddd; padding:10px 0 0 10px; line-height:22px; color:#777;}
.m_info h4, .m_info ul{float:left;}

#main{display:block; margin:0 auto; width:100%; max-width:1000px;}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    .m_list img, .m_cover{float:none;}
    .m_list img{width:200px; display:block; margin-bottom:20px;}
    
    .m_cover{width:100%;}
}