*{font-family:'Pretendard','Noto Sans Korean',sans-serif; font-weight:400;}

.wrap{width:100%;}
.inner{width:1440px;margin:0 auto;}


header{position:relative;width:100%;height:311px;background:url(/resources/images/onestopLounge/gate_top_bg.png) no-repeat center top / 2501px 359px;}
header.main{height:358px;}
.top_module{margin:0 auto;max-width:1440px;height:62px;padding:15px 0;display:flex;flex-wrap:nowrap;justify-content: space-between;}

.top_module .left h1{display:inline-block;}
.top_module .left .logo_viva{display:inline-block; width:94px; height:14px; background:url('/resources/images/onestopLounge/logo_vivasam.svg') no-repeat center / contain;vertical-align: middle;}
.top_module .left .logo_onestop{margin-left:5px;display:inline-block; width:85px; height:17px; background:url('/resources/images/onestopLounge/logo_onestop.svg') no-repeat center / contain;vertical-align: middle;}
.top_module .left .LoungeTab{margin-left:14px;padding:0 2px;display:inline-flex;background:#fff;gap:0;height:30px;border-radius:15px;vertical-align: middle;align-items: center;}
.top_module .left .LoungeTab li{position:relative;height:26px;}
.top_module .left .LoungeTab a{position:relative;display:block;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;padding:0 12px;line-height:26px;border-radius:13px;font-size:13px;font-weight:600;color:#394A60;}
.top_module .left .LoungeTab li.on a{background:#FF6F21;color:#fff;}
.top_module .left .LoungeTab li:first-child a:hover{color:#ff6f21;}
.top_module .left .LoungeTab li:nth-child(2) a:hover{color:#FF6F21;}
.top_module .left .LoungeTab li.on a:hover{background:#FF6F21;color:#fff;}
.top_module .left .LoungeTab .toolTipLayer{position:absolute;left:-4px;top:32px;width:auto;padding-top:19px;}
.top_module .left .LoungeTab .toolTipLayer .layerPWrap{position:relative;display:block;width:224px;height:62px;background:#fff;padding:14px 27px 14px 16px;border-radius:6px;box-shadow: 0px 2px 4px 0px #0000002B;box-sizing:border-box;}
.top_module .left .LoungeTab .toolTipLayer .layerPWrap:before{content:'';position:absolute;left:45px;top:-18px;width:19px;height:19px;background:url(/resources/images/onestopLounge/pop_tail.png) no-repeat center center;}
.top_module .left .LoungeTab .toolTipLayer .layerPWrap .btnClose{position:absolute;right:9px;top:9px;width:13px;height:13px;background:url(/resources/images/onestopLounge/btn_close.png) no-repeat center center / 11px 11px;z-index:10;}
.top_module .left .LoungeTab .toolTipLayer .layerPWrap p{font-family:'Paperlogy';line-height:1.2;font-weight:700;font-size: 15px;color:#000;}
.top_module .left .LoungeTab .toolTipLayer .layerPWrap p span{font:inherit;color:#1E76F7;}
.top_module .left .LoungeTab li.on .toolTipLayer{display:none;}
.top_module .right .btn_login{display:inline-block;padding:0 16px;height:30px;line-height:30px;border-radius:16px;background:#0092FF;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:13px;color:#fff;font-weight:600;}
.top_module .right .afterLog .btn_logout{margin-left:24px;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;display:inline-block;padding:0 16px;height:30px;line-height:30px;border-radius:16px;background:#394A60;font-size:13px;color:#fff;font-weight:600;}
.top_module .right .afterLog p{display:inline-block;line-height:30px;font-size:13px;color:#394A60;font-weight:600;}
header .inner{position:relative;}
header .inner .mainTit{margin:6px auto 0;display:block;width:360px;height:175px;background:url(/resources/images/onestopLounge/gate_title.png) no-repeat center center / 360px auto;}
header .inner .btn_useTip{position:absolute;right:0;top:28px;padding:24px 20px;background:rgba(255,255,255,0.5);border-radius:20px;text-align:center;backdrop-filter: blur(50px);box-shadow: 2px 2px 10px 0 #00000026;}
header .inner .btn_useTip p{position:relative;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;text-align:center;color:#394A60;font-size:16px;font-weight:600;line-height:1.25;}
header .inner .btn_useTip p:after{content:'';position:absolute;right:-4px;bottom:-8px;width:24px;height:24px;background:url(/resources/images/onestopLounge/ico_more_arr.svg) no-repeat center center;}
header .inner .btn_useTip p span{font-family:inherit;font-weight:700;font-size:16px;color:#109852;}
header .inner .bounce{animation:updown 1.8s alternate ease-in-out 1 ;}
header .inner .obj01{position:absolute;left:128px;top:20px;width:26px;height:35px;background:url(/resources/images/onestopLounge/ico_obj_airB02.png) no-repeat center center / 26px 35px;animation-delay: 0;}
header .inner .obj02{position:absolute;left:296px;top:72px;width:36px;height:49px;background:url(/resources/images/onestopLounge/ico_obj_airB03.png) no-repeat center center / 36px 49px;animation-duration:2s;animation-delay: 200ms}
header .inner .obj03{position:absolute;right:232px;top:20px;width:36px;height:48px;background:url(/resources/images/onestopLounge/ico_obj_airB01.png) no-repeat center center / 36px 48px;animation-duration:2.2s;animation-delay: 400ms}

@keyframes updown {
    0%,50%,100%{transform:translateY(0);}
    25%,75%{transform:translateY(-10px);}

}

.contents{width:100%;min-width:1440px;height:auto;}
.contents article{position:relative;max-width:1440px;}
.contents article.inner{padding:64px 0 100px;overflow:visible;}
.inner.flex{display:flex;flex-wrap:nowrap;}
.contents .inner.dtlconts{padding:30px 0 0;}
.bgY{background: #FFF1CC;background: linear-gradient(180deg, rgba(255, 241, 204, 1) 0%, rgba(255, 250, 236, 1) 29%);}
.bgY .inner.flex{padding:0 0 15px;gap:40px;}
.bgY .inner.flex .recomeCourse{width:348px;margin-left:-12px;padding-left:12px;}
.bgY .inner.flex .classCourse{flex:1;}
.classCourse .shotList{}

#CourseConts{
    --main-color:#FF6F21;
    --bg-color:#FF9932;
    --bg-hover-color:#FF7F00;
    --text-color:#272727;
    --bold-color:#212121;
    --btn-color:#fff;
}
#CourseConts.type-c1{
    --main-color:#6D62FF;
    --bg-color:#6D62FF;
    --bg-hover-color:#5D34FF;
    --bold-color:#62FFEA;
}
#CourseConts.type-c2{
    --main-color:#2E70FF;
    --bg-color:#2E70FF;
    --bg-hover-color:#0051FF;
    --bold-color:#85FF48;
}
#CourseConts.type-c3{
    --main-color:#1AAF56;
    --bg-color:#109852;
    --bg-hover-color:#00833F;
    --bold-color:#FFF200;
}
#CourseConts.type-c4{
    --main-color:#FF769B;
    --bg-color:#FF769B;
    --bg-hover-color:#FF4F7E;
    --bold-color:#212121;
}


.titWrap{display:flex;justify-content: space-between;align-items: flex-end;}
.titWrap .titSect h3{font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:32px;font-weight:800;color:#333;letter-spacing: -0.02em;line-height:1.3;}
.titWrap .titSect h5{font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:18px;font-weight:700;line-height:1.3;color:var(--main-color);}
.titWrap .titSect p{margin-top:4px;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:18px;font-weight:500;color:#737373;letter-spacing:-0.02em;}
.titWrap .titSect.inline h3{display:inline-block;}
.titWrap .titSect.inline span{margin-left:24px;display:inline-block;color:#6C6C6C;font-size:23px;font-weight:500;letter-spacing:-0.04em;}
.titWrap .titSect.inline span em{font:inherit;font-weight:700;color:#FF6F21;letter-spacing:-0.04em;}
.titWrap .btnSect{}
.titWrap .btnSect .btn_viewAll{display:block;padding:0 30px;height:56px;border-radius:28px;background:var(--bg-color);}
.titWrap .btnSect .btn_viewAll span{display:block;color:#fff;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:20px;line-height:56px;font-weight:700;padding-right:40px;background:url(/resources/images/onestopLounge/btn_arr.svg) no-repeat right center;}
.titWrap .btnSect .btn_viewAll span em{font:inherit;color:var(--bold-color);}
.titWrap .btnSect .btn_viewAll:hover{background:var(--bg-hover-color);}


.recommList{margin-top:30px;display:flex;flex-direction:column;gap:16px;}
.recommList .itembox{position:relative;padding-right:36px;}
.recommList .itembox:after{content:'';position:absolute;right:9px;top:1px;bottom:-15px;border-left:2px dashed #E2D5C2;}
.recommList .itembox:before{content:'';position:absolute;right:4px;top:0;width:12px;height:12px;background:#E2D5C2;border-radius:6px;}
.recommList .itembox a{display:block;border-radius:20px;transition:all 200ms linear;}
.recommList .itembox a .hoverbox{display:none;}
.recommList .itembox a .item{padding:10px;display:flex;gap:16px;align-items: center;}
.recommList .itembox a .item .thumb{width:72px;height:72px;background:#fff;border-radius:18px;overflow:hidden;}
.recommList .itembox a .item .thumb img{width:100%;object-fit: contain;}
.recommList .itembox a .title h4{font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:18px;color:#333;font-weight:700;line-height:1.18;}
.recommList .itembox a .title span{margin-top:8px;padding:0 10px;line-height:24px;font-size:13px;font-weight:500;display:inline-block;background:#fff;border-radius:12px;}
.recommList .itembox a:hover,.recommList .itembox.on a{margin-bottom:4px;box-shadow: 0 6px 12px 0 #6D6D6D99;background-repeat:no-repeat;background-position:right bottom;background-size:100% auto;}
.recommList .itembox a:hover .hoverbox,.recommList .itembox.on a .hoverbox{padding:24px 156px 24px 24px;display:block;}
.recommList .itembox a:hover .item,.recommList .itembox.on a .item{display:none;}
.recommList .itembox a:hover .title h4,.recommList .itembox.on a .title h4{color:#fff;font-size:22px;font-weight:700;line-height:1.18;word-break: keep-all;}
.recommList .itembox a:hover .title span,.recommList .itembox.on a .title span{margin-top:30px;background:#1C293C;color:#fff;}
.recommList .itembox.type-c0 a{background-color:#FBE67C;}
.recommList .itembox.type-c0 a:hover,.recommList .itembox.type-c0.on a{background-color:#FF9932;background-image:url(/resources/images/onestopLounge/R_course_bg01_hover.png);}
.recommList .itembox.type-c0:hover:before,.recommList .itembox.type-c0.on:before{background-color:#FF9932;}
.recommList .itembox.type-c0:hover:after,.recommList .itembox.type-c0.on:after{border-color:#FF9932;}
.recommList .itembox.type-c1 a{background-color:#B6B5FF;}
.recommList .itembox.type-c1 a:hover,.recommList .itembox.type-c1.on a{background-color:#6D62FF;background-image:url(/resources/images/onestopLounge/R_course_bg02_hover.png);}
.recommList .itembox.type-c1:hover:before,.recommList .itembox.type-c1.on:before{background-color:#6D62FF;}
.recommList .itembox.type-c1:hover:after,.recommList .itembox.type-c1.on:after{border-color:#6D62FF;}
.recommList .itembox.type-c3 a{background-color:#AEF493;}
.recommList .itembox.type-c3 a:hover,.recommList .itembox.type-c3.on a{background-color:#1AAF56;background-image:url(/resources/images/onestopLounge/R_course_bg03_hover.png);}
.recommList .itembox.type-c3:hover:before,.recommList .itembox.type-c3.on:before{background-color:#1AAF56;}
.recommList .itembox.type-c3:hover:after,.recommList .itembox.type-c3.on:after{border-color:#1AAF56;}
.recommList .itembox.type-c2 a{background-color:#A5FBFF;}
.recommList .itembox.type-c2 a:hover,.recommList .itembox.type-c2.on a{background-color:#2E70FF;background-image:url(/resources/images/onestopLounge/R_course_bg04_hover.png);}
.recommList .itembox.type-c2:hover:before,.recommList .itembox.type-c2.on:before{background-color:#2E70FF;}
.recommList .itembox.type-c2:hover:after,.recommList .itembox.type-c2.on:after{border-color:#2E70FF;}
.recommList .itembox.type-c4 a{background-color:#FFCDDA;}
.recommList .itembox.type-c4 a:hover,.recommList .itembox.type-c4.on a{background-color:#FF769B;background-image:url(/resources/images/onestopLounge/R_course_bg05_hover.png);}
.recommList .itembox.type-c4:hover:before,.recommList .itembox.type-c4.on:before{background-color:#FF769B;}
.recommList .itembox.type-c4:hover:after,.recommList .itembox.type-c4.on:after{border-color:#FF769B;}
.recommList .itembox:last-child{padding-bottom:30px;}

.shotList{margin-top:30px;display:flex;flex-wrap:wrap;gap:48px 24px;justify-content: flex-start;}
.shotList li{width:calc(33.33% - 16px);}
.shotList li .thumbWrap{display:block;height:203px;position:relative;border-radius:20px;overflow:hidden;}
.shotList li .thumbWrap .grayBg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:rgba(0,0,0,0.4);overflow:hidden;}
.shotList li .thumbWrap .grayBg img{position:absolute;top:50%;width:100%;transform:translateY(-50%) scale(1.1);filter:grayscale(100%) blur(24px);}
.shotList li .thumbWrap .videoTime{position:absolute;right:16px;bottom:16px;height:30px;padding:0 10px;background:rgba(0,0,0,0.6);border-radius:15px;z-index:10;}
.shotList li .thumbWrap .videoTime span{color:#fff;display:block;padding-left:24px;font-size:14px;font-weight:500;line-height:30px;background:url(/resources/images/onestopLounge/ico_video.svg) no-repeat left center;}
.shotList li .videoThumb{display:block;position:relative;width:100%;height:100%;padding:0; z-index:1;}
.shotList li .videoThumb img{width:100%;position:absolute;left:50%;top:25%;margin:-25% 0 0 -50%;/**/transform:scale(1);transition:transform 200ms ease;}
.shotList li .videoThumb:hover img{transform:scale(1.2);}
.shotList li .titbox{padding:16px 8px 0;}
.shotList li .titbox a{font-size:20px;font-weight:600;color:#1d1d1d;}
.shotList li .titbox .viewCnt{margin-top:4px;padding-left:26px;line-height:22px;letter-spacing:-0.01em;color:#5F5F5F;background:url(/resources/images/onestopLounge/ico_view.svg) no-repeat left center;font-size:14px;font-weight:600;}
.shotList li .titbox .viewCnt span{font:inherit;color:#FF7041;}
.shotList.long li{width:calc(20% - 19.2px);}
.shotList.long li .thumbWrap{height:486px;}
.shotList.long li .videoThumb{padding:0;}
.shotList.long li .videoThumb img{width:100%;position:relative;left:auto;top:auto;transform:none;}
.shotList.long li .titbox a{font-weight:500;}
footer{background-color: #FFF;padding:30px 0;}
footer .inner{display: flex;align-items: center;gap: 32px; max-width:1440px;}
footer h2{margin-left: 8px;flex-shrink: 0;width: 91px;}
footer .right{width: 100%;}
footer .right .links{display: flex;align-items: center;gap: 18px;}
footer .right .links a{font-size: 12px;font-weight: 500;color: #797878; font-family:'Noto Sans Korean',sans-serif;}
footer .right address{color: #787878;font-size: 12px;letter-spacing: -0.04em; font-family:'Noto Sans Korean',sans-serif;font-weight: 400;line-height: 18px;margin-top: 5px;}
footer .right address span{display: inline-block;height: 10px;width: 1px;border-left: 1px solid #c1c1c1;margin:0 7px;}

.Dtl-tab{padding:11px 0;height:64px;background:#2A3E58;}
.Dtl-tab ul{margin:0 auto;width:1400px;display:flex;flex-wrap:nowrap;gap:14px;justify-content: center;}
.Dtl-tab ul li a{display:block;padding:0 18px;line-height:42px;height:42px;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:17px;font-weight:600;color:#fff;border-radius:21px;}
.Dtl-tab ul li.type-c0.on a,.Dtl-tab ul li.type-c0 a:hover{background:#FF9932;font-weight:800;}
.Dtl-tab ul li.type-c1.on a,.Dtl-tab ul li.type-c1 a:hover{background:#6D62FF;font-weight:800;}
.Dtl-tab ul li.type-c2.on a,.Dtl-tab ul li.type-c2 a:hover{background:#109852;font-weight:800;}
.Dtl-tab ul li.type-c3.on a,.Dtl-tab ul li.type-c3 a:hover{background:#2E70FF;font-weight:800;}
.Dtl-tab ul li.type-c4.on a,.Dtl-tab ul li.type-c4 a:hover{background:#FF769B;font-weight:800;}

.videoSectWrap{display:flex;flex-wrap:nowrap;gap:48px;}
.videoSectWrap .shorts-swiper-wrap{margin:0;width:412px;height:676px;flex-shrink: 0;position:relative;padding-left:80px;}
.videoSectWrap .shorts-swiper-wrap .swiper-wrapper{margin-top:-38px;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide{width:332px;height:600px;border-radius:16px;overflow:hidden;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap{position:relative;width:100%;height:100%;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .video-time{position:absolute;right:23px;top:24px;padding:0 12px;height:32px;display:inline-block;color:#fff;background:rgba(0,0,0,0.6);border-radius:16px;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .video-time span{display:block;padding-left:27px;background:url(/resources/images/onestopLounge/ico_video.svg) no-repeat left center / 18px auto;color:#fff;line-height:32px;font-size:16px;font-wegiht:500;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap img{width:100%;height:100%;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap iframe{width:100%;height:100%;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .video-container{position:relative; width:100%; height:100%;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .video-container .ytVideo{width:100%; height:100%;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .video-container .ytVideo video{position:absolute; left:50%; transform:translateX(-50%); top:0; width:auto; height:100%;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .desc-container{display:flex;position:absolute;bottom:0;left:0;right:0;padding:31px;height:204px;z-index:100;background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 35%, rgba(0, 0, 0, 0) 100%);align-items: flex-end;width:100%;transition: all 150ms linear;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .desc-container .desc{}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .desc-container .desc h3{font-size:25px;font-weight:800;line-height:1.2;color:#fff;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .video-wrap .desc-container .desc p{margin-top:12px;font-size:14px;font-weight:500;line-height:1.4;color:rgba(255,255,255,0.7)}
.videoSectWrap .shorts-swiper-wrap .swiper-slide:hover .video-wrap .desc-container{display:none;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .progressBar{position:absolute;left:0;right:0;bottom:0;width:100%;display:block;height:10px;background:#000;}
.videoSectWrap .shorts-swiper-wrap .swiper-slide .progressBar span{display:inline-block;height:10px;background:url('/resources/images/onestopLounge/loading_bg.png') repeat-x left center / auto 10px;vertical-align: top;}

.videoSectWrap .shorts-swiper-wrap .video-module{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr{margin:16px 0;position:relative; display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:#3F3F3F; cursor:pointer;}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr.swiper-button-disabled{background:#D4D4D4;}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr i{width:22px; height:22px; background:url('/resources/images/onestopLounge/arrow-prev.svg') no-repeat center center;}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr.next i{transform:rotate(180deg);}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr .arr-label{display:none; position:absolute; left:50%; transform:translateX(-50%); padding:0 16px; font-size:14px; color:#fff; line-height:36px; border-radius:8px; background:#3E4451; white-space:nowrap;}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr .arr-label:before{content:''; position:absolute; left:50%; transform:translateX(-50%); width:16px; height:10px; background:url('/resources/images/aidt_new/lounge/label_obj.png') no-repeat center;}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr.prev .arr-label{top:-60px;}
.videoSectWrap .shorts-swiper-wrap .video-module .shorts-arr.prev .arr-label:before{top:100%;}
.videoSectWrap .videoInfoArea{flex:1;min-width:auto;}
.videoInfoArea .locate{display:inline-block;height:30px;border-radius:15px;padding:0 14px;background:#ADB9C9;}
.videoInfoArea .locate p{margin-top:0;line-height:30px;color:#fff;font-size:13px;font-weight:700;}
.videoInfoArea .locate p span{position:relative;display:inline-block;font:inherit;color:inherit;line-height:30px;vertical-align: middle;}
.videoInfoArea .locate p span + span:before{content:'';display:inline-block;margin:0 6px;width:6px;height:8px;vertical-align:middle;background:url(/resources/images/onestopLounge/ico_arr_w.png) no-repeat center center;}
.videoInfoArea h3{margin-top:12px;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:22px;font-weight:700;color:#272727;letter-spacing: -0.04em;}
.videoInfoArea p{margin-top:8px;font-size:13px;color:#7F7F7F;font-weight:500;line-height:1.3;letter-spacing: -0.02em;}
.videoInfoArea .btns{margin-top:20px;width:100%;display:flex;flex-wrap:nowrap;justify-content: flex-start;gap:8px;}
.videoInfoArea .btns .btn_user{margin-right:8px;width:295px;height:48px;text-align:center;background:var(--bg-color);border-radius:12px;}
.videoInfoArea .btns .btn_user:hover{background:var(--bg-hover-color);}
.videoInfoArea .btns .btn_user span{display:inline-block;color:#fff;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:20px;font-weight:700;padding-right:26px;background:url(/resources/images/onestopLounge/ico_use_arr.svg) no-repeat right center;}
.videoInfoArea .btns .btn_share{padding:0 20px;display:inline-block;height:48px;text-align:center;border-radius:12px;border:1px solid #DEDFDF;}
.videoInfoArea .btns .btn_share span{margin-right:0;display:block;width:auto;padding-left:28px;line-height:46px;height:46px;font-size:16px;color:#333;font-weight:700;background:url(/resources/images/onestopLounge/ico_share.svg) no-repeat left center;}
.videoInfoArea .btns .btn_like{padding:0 20px;display:inline-block;height:48px;text-align:center;border-radius:12px;border:1px solid #DEDFDF;}
.videoInfoArea .btns .btn_like span{position:relative;margin-right:0;display:inline-block;width:auto;padding-left:28px;line-height:46px;height:46px;font-size:16px;color:#333;font-weight:700;text-align:left;}
.videoInfoArea .btns .btn_like span:before{content:'';position:absolute;left:0;top:13px;width:20px;height:20px;background:url(/resources/images/onestopLounge/ico_like.svg) no-repeat left top;}
.videoInfoArea .btns .btn_like span i{margin-left:4px;display: inline-block;font-size:14px;font-weight:600;color:#868686;}
.videoInfoArea .btns .btn_like.on span:before{background-position:center bottom;}
.videoInfoArea .btns .btn_like.on span i{color:#FF2222;}
.videoInfoArea .videoMore{margin-top:24px;padding:30px 0 30px 30px;background:#F4F4F4;border-radius:22px;height:460px;}
.videoInfoArea .videoMore h3{margin:0;padding-left:37px;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:20px;color:#333335;font-weight:500;background:url(/resources/images/onestopLounge/ico_video.png) no-repeat left center;line-height:26px;}
#CourseConts.type-c1 .videoInfoArea .videoMore h3{background:url(/resources/images/onestopLounge/ico_video_c1.png) no-repeat left center;;}
#CourseConts.type-c2 .videoInfoArea .videoMore h3{background:url(/resources/images/onestopLounge/ico_video_c2.png) no-repeat left center;;}
#CourseConts.type-c3 .videoInfoArea .videoMore h3{background:url(/resources/images/onestopLounge/ico_video_c3.png) no-repeat left center;;}
#CourseConts.type-c4 .videoInfoArea .videoMore h3{background:url(/resources/images/onestopLounge/ico_video_c4.png) no-repeat left center;;}
.videoInfoArea .videoMore h3 span{font:inherit;font-weight:700;color:var(--bg-color);}
.videoInfoArea .videoMore h3 .CntMedia{margin-left:14px;padding:0 10px;display:inline-block;height:26px;font-size:13px;line-height:26px;background:#394A60;color:#fff;border-radius:13px;vertical-align: top;}
.videoInfoArea .videoMore ul{margin-top:16px;padding-right:30px;display:block;height:356px;overflow-y:auto;scrollbar-width:thin;}
.videoInfoArea .videoMore ul::-webkit-scrollbar{width:4px;}
.videoInfoArea .videoMore ul::-webkit-scrollbar-track{background:#f4f4f4;}
/*.videoInfoArea .videoMore ul:hover{height:338px;}*/
.videoInfoArea .videoMore ul li{display:block;background:#fff;border-radius:14px;transition:all 200ms linear;border:1px solid #fff;}
.videoInfoArea .videoMore ul li + li{margin-top:8px;}
.videoInfoArea .videoMore ul li a{padding:16px 24px;display:flex;flex-wrap:nowrap;gap:16px;align-items: center;}
.videoInfoArea .videoMore ul li .title{flex:1;}
.videoInfoArea .videoMore ul li .title p{margin-top:0;font-family:'Paperlogy', 'Noto Sans Korean', sans-serif;font-size:16px;font-weight:500;color:#7A7A7A}
.videoInfoArea .videoMore ul li .icoTime{padding-left:26px;min-width:60px;line-height:18px;color:#7F7F7F;font-size:13px;font-weight:500;background:url(/resources/images/onestopLounge/ico_play_g.png) no-repeat left center;}
.videoInfoArea .videoMore ul li .icoView{padding-left:26px;min-width:78px;position:relative;line-height:18px;color:#7F7F7F;font-size:13px;font-weight:500;background:url(/resources/images/onestopLounge/ico_view.svg) no-repeat left center;}
.videoInfoArea .videoMore ul li .icoView:before{content:'';position:absolute;left:-9px;top:3px;display:inline-block;width:1px;height:12px;background:#E2E2E2;}
.videoInfoArea .videoMore ul li .icoView i{font:inherit;color:#FF7041;font-weight:600;}

.videoInfoArea .videoMore ul li:hover{border:1px solid #2A3E58;}
.videoInfoArea .videoMore ul li:hover a{padding:18px 24px;display:flex;flex-wrap:nowrap;}
.videoInfoArea .videoMore ul li:hover .title p{font-size:18px;font-weight:600;color:#333335;line-height:30px;}
.videoInfoArea .videoMore ul li:hover .title p i{margin-left:12px;position:relative;display:inline-block;width:30px;height:30px;border-radius:50%;background:var(--bg-color);vertical-align: middle;}
.videoInfoArea .videoMore ul li:hover .title p i:before{content:'';position:absolute;left:0;top:0;display:block;width:30px;height:30px;background:url(/resources/images/onestopLounge/ico_play.svg) no-repeat center center;}