.vod_box {width: 100%; display: flex; justify-content: left; flex-flow: row wrap; align-items: center;}
.vod_box > li {width:33%; margin-left: 4px; box-sizing: border-box; max-width: 450px; margin-bottom: 50px; border-radius:10px; border:1px solid #c4c4c4;}
.vod_box > li .profile_cont {display:inline-block; width:100%; padding:20px; box-sizing: border-box; }


.img_box { box-sizing: border-box;  float: left; vertical-align:middle; width:150px; height:170px; overflow:hidden; border-radius:5px;}
.img_box img {width:100%;}

.name_box {width:200px; float: left; }
#r01 .name_box p {font-size: 20px; line-height: 28px; padding-left: 24px; font-weight: 600; color:#353535;}
.profile_box {width:200px; float: left; margin-top: 20px;}
.profile_box p {padding-left: 20px; font-size: 16px; line-height: 20px; color: #5b5b5b; }

.sub_box {width:100%; float: left; margin-top: 20px; }
.sub_box p  {font-size: 15px; height:80px; line-height: 20px; color: #5b5b5b; }

.btn_box {display:inline-block; width:100%; text-align: center; font-size:0;}
.btn_box a {position: relative; box-sizing:border-box; display: inline-block; width:33.3%; font-size: 18px; padding: 15px 0; text-decoration: none; color:#fff;}
.btn_box > a i {font-size: 15px; margin-right:10px;}

.play_btn {background:#1baeea; border-radius:0 0 0 10px;}
.bookmark_btn {background:#6952d6; border-radius:0 0 10px 0;}

#r02 .name_box p {font-size: 17px; line-height: 24px; padding-left: 20px; font-weight: 600; color:#5b5b5b;}



div.pop_area {
    display: none;
    position: relative;
    height: auto;
    max-height: 500px;
    padding: 30px 20px;
    border-radius:20px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

button.b-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px;
    background-color: #2f59ce;
    color: #fff;
    transition: 0.2s;
    cursor: pointer;
}
/*모달 내용물Css*/
.satellite {display: flex;  justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;}
.satellite li { display: inline-block;  vertical-align: top; height:auto;   margin-bottom: 10px;}

.satellite li > .logo { width: 100%;    height: auto;  margin: 0 auto; border-radius: 5px; vertical-align: middle;}
.satellite li > .logo  img {display:block; }
.satellite li > .logo  > a  > img {display:block; padding:  20px auto !important; 	 }
.satellite li .btn_box {width:100%; height:50px;}
.satellite li .btn_box > .btn {width:100%;}
.ul_1 li {width:15%;}
.ul_2 li {width:15%;}
.ul_3 li {width:19%;}


.intro_cont .name_tit {display:inline-block; position:relative; padding-left:24px;margin-bottom:20px; font-size:22px; line-height:32px; font-weight:500; color:#494949; box-sizing:border-box;}
.intro_cont .name_tit:after {content:""; display:inline-block; position:absolute; top:10px; left:0; width:14px; height:14px; border-radius:10px; background:#006cb4;}