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

.sub{font:400 15px 'noto sans kr'; letter-spacing:-0.5px; color:#333;}
.sub img{display:block; margin:0 auto; width:100%; max-width:1000px;}
.sub h3{font-size:25px; margin-bottom:10px; margin-top:20px;}
.sub h3:after{content:""; display:block; background-color:#3ab54a; width:45px; height:3px;}
.sub h4{font-size:20px; text-align:center; padding:5px 0;}
.sub span{color:#3ab54a; font-weight:500;}

.p_list{color:white; width:500px; display:block; margin:0 auto;}

.p_cover{display:table; margin:0 auto; overflow:hidden; border:1px solid #ddd; padding:10px;}
.p_cover h4, .p_cover h5{float:left;}
.p_cover h4{color:white; width:250px; text-align:center;}
.p_cover h5{font-size:20px; padding:5px 0; color:#bbb; margin:0 70px;}

.bg_green{background-color:#3ab54a;}
.bg_gray{background-color:#bbb;}

#arrow{width:30px; margin:15px auto;}


/* tablet */

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

/* mobile */
@media screen and (max-width:768px){
	.sub h4{font-size:18px;}
    
    .p_list{width:100%;}
    
    .p_cover{width:100%;}
    .p_cover h5{margin:5px 0;}
    .p_cover h4, .p_cover h5{float:none; text-align:center; width:100%;
}