.products_list
{
    margin: 10px 40px 20px 0px;
}

.products_list .image
{
    max-width: 95%;
}

.youtube_container
{
	text-align : center;
	margin-top: 30px;
}

.youtube_widget
{
	width: 515px;
    display: inline-block;
    margin: 20px;
}

.youtube_widget > div > iframe
{
	border : 0 ;
	border: 1px solid #E5E5E5;
}

.list_widget_share
{
    display: flex;
    text-align: center;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 22px;
}

.list_image_seperator
{
    border-bottom : 1px solid #E5E5E5;
    padding-bottom : 3px ;
}

.list_seperator
{
    height: 5px;
    border-bottom: 1px solid #E5E5E5;
}

.list_poster_container
{
    animation-name: slideInUp ;
	width: fit-content;
    margin: 0 auto ;
    margin-bottom: 45px ;
	margin-top: 40px;
}

.list_poster_container:last-child
{
    /*padding-bottom: 20px;*/
}

.list_poster
{
    border: 0.5px solid #E5E5E5;
    margin: 30px 0px 30px 0px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px #E0DFDC;
	padding: 5px;
}

.list_worksheet_container
{
    animation-name: slideInUp ;
	width: fit-content;
    margin: 0 auto ;
    margin-bottom: 15px ;
}

.list_worksheet
{
    border: 0.5px solid #E5E5E5;
    margin: 15px 20px 15px 5px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px #E0DFDC;
    padding: 5px;
    max-width: 535px;
}

.list_worksheet_image
{
	border-radius: 6px;
}

.banner
{
    margin: 30px 0px 30px 0px;
    background-color: #fff;
	text-align: center;
}

.list_title
{
    display: inline-block;
    text-align: center;
    font-family: "Rubik",Helvetica,Arial,sans-serif ;

    font-size: 25px;
    font-weight: 500;
    line-height: 42px;
    color: #2A3F4A;
    padding: 8px 10px 10px 10px;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
}

.worksheet_title
{
    display: inline-block;
    text-align: center;
    font-family: "Rubik",Helvetica,Arial,sans-serif ;

    font-size: 20px;
    font-weight: 500;
    line-height: 42px;
    color: #2A3F4A;
    padding: 8px 10px 10px 10px;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
}

.list_number
{
    position: static;
    background: #4CAF50;
    border-right-radius: 10px;
    border-radius: 0px 8px 0px 0px;
    top: 34px;
    left: 886px;
    width: 45px;
    text-align: center;
    color: #fff;
    /* padding-right: 5px; */
    float: right;
    margin-top: -15px;
    margin-right: -14px;
    font-size: 13px;
    /* font-family: poppins, serif; */
    font-weight: 600;
}

.list_number_left
{
    position: static;
    background: #4CAF50;
    border-radius: 8px 0px 8px 0px;
    width: 45px;
    text-align: center;
    color: #fff;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 13px;
    font-weight: 600;
}

.list_bottom_message
{
    font-size: 12px;
    color: #8C8E8F;
    font-family: poppins, serif;
    font-weight: 400;
    background-color: white;
}

.list_pdf_button
{
    max-width : 44px ;
    /*float : right ;
    margin-right: 5px;*/
}

.list_title_icon
{
    max-width: 65px ;
    height: auto ;
    display: inline-block ;
    margin-left: 10px ;
}

.list_poster_description
{
    font-family: "Rubik",Helvetica,Arial,sans-serif ;
    font-size: 17px;

    line-height: 1.6 ;
    text-align: justify ;
    margin-bottom: 6px ;
}

.colm {
    float: left;
    height: auto; /* Should be removed. Only for demonstration */

}

.list_lft
{
    width: 50% ;
    text-align: left ;
}

.list_rgt {
    width: 50%;
    text-align: right;
}

.list_middle {
    width: 50%;
    padding-top: 6px;
}

/* Clear floats after the columns */
.list_row:after {
    content: "";
    display: table;
    clear: both;
}

.list_meta_data_clap
{
    display: block;
    /* width: 160px; */
    text-align: left;
    /* margin-left: 10px; */
    text-align: center;
    /*margin-left: 10px;*/
}

.list_meta_data_share
{
    display: inline;
    width: 32%;
    text-align: center;
}

.list_meta_data_dl
{
    display: block;
    /* width: 32%; */
    text-align: center;
    /*float: right;
    margin-right: 10px;*/
}

@media screen and (max-width: 720px)
{
    .list_ClapButton
    {
        max-width: 38px;
    }

    .list_pdf_button
    {
        max-width: 38px;
        margin-right: -3px;
    }

    .list_meta_data_clap
    {
        /*width: 32%;*/
    }

    .list_poster
    {
        margin: 20px 5px 5px 5px;
        /*padding: 8px;*/
    }
	
	.list_worksheet
	{
		margin: 10px 0px 20px 0px;
	}

    .list_widget_share
    {
        padding-left: 8px;
        padding-right: 8px;
    }

    .list_number
    {
        position: static;
        background: #4CAF50;
        border-radius: 0px 8px 0px 0px;
        top: 34px;
        left: 886px;
        width: 40px;
        text-align: center;
        color: #fff;
        float: right;
        margin-top: -8px;
        margin-right: -8px;
        font-size: 10px;
        /* font-family: poppins, serif; */
        font-weight: 500;
    }

    .list_number_left
    {
        font-family: "Rubik",Helvetica,Arial,sans-serif ;
        position: static;
        background: #4CAF50;
        border-radius: 8px 0px 8px 0px;
        width: 45px;
        text-align: center;
        color: #fff;
        float: left;
        margin-top: 0px;
        margin-left: 0px;
        font-size: 10px;
        /* font-family: poppins, serif; */
        font-weight: 500;
    }

    .list_ph-item
    {
        margin: 20px 5px 5px 5px;
        padding: 15px 2px 5px 2px;
    }

    .list_poster_container
    {
        width: 98%;
        margin: 0 auto;
        margin-bottom: 25px;
    	margin-top: 20px;
    }

    .list_title
    {
        display: inline-block ;
        text-align: center ;
        font-family: "Rubik",Helvetica,Arial,sans-serif ;
        font-size: 20px ;
        font-weight: 500 ;
        line-height: 25px ;
        color: #2A3F4A ;
        padding: 8px 10px 10px 10px ;
        border-bottom: 1px solid #E5E5E5 ;
        width: 100% ;
    }

    .list_lft
    {
        width: 49% ;
    }

    .list_colm {
        /*padding: 3px 0px 3px 0px;*/
    }
	
	.products_list {
    margin: 0px 10px 25px 10px;
}
}


.poster_list
{
    background-color: aliceblue ;
    padding: 5px ;
    width: 222px ;
    margin: 10px 34px 20px 20px;
    border: 1px solid rgba(0,0,0,.1) ;
    border-radius: 10px ;
    box-shadow: 0 1px 2px #E8E8E8 ;
}

.poster_list_inline
{
    display: inline-block ;
}

@media screen and (max-width: 720px)
{
    .poster_list
    {
        margin: 0 auto 30px;
    }

    .poster_list_inline
    {
        display: block ;
    }
	
	.youtube_widget
	{
		width: 100% ;
    	display: inline-block ;
    	margin: 5px 0px 10px 0px ;
	}
}

.poster_a
{
    color: rgba(42,42,42,.9) ;

}

.poster_a:hover
{
    text-decoration: none ;
}

#pages li:last-child{
    margin-right: 0px;
}

.poster_list:hover
{
    border: 1px solid rgba(0,0,0,.30) ;
    text-decoration: none ;
}

.poster_list_yellow
{
	background-color: #fff9e2;
}

.poster_list_blue
{
    background-color: #e1f5ff ;
}

.poster_list_red
{
    background-color: #ffebee ;
}

.poster_list_green
{
    background-color: #f1ffeb ;
}

.poster_list .title
{
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-family: "Noto Sans KR",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,0.15) ;
    margin-bottom: 10px;
}

.poster_list .image
{
    padding: 3px ;
    text-align: center ;
}