/* 리셋 */
a {text-decoration:none;outline:none;}
a:hover, a:active {text-decoration:none;}
 
/* 공통 */
.wrap{width:100%;min-height:100vh;min-width:1400px;}
* {padding:0;margin:0;font-family:'Pretendard','Noto Sans Korean',sans-serif;}
.inner {width:1400px;margin:auto;position:relative;}
.header{position:absolute;left:0;top:0;right:0;width:100%;background:#fff;box-shadow: 0 2px 6px 0 #0000000D;}
.header .inner{padding:16px 0;display:flex;flex-wrap:nowrap;align-items: center;justify-content: space-between;}
.header .inner .logo_ci{display:inline-block;width:112px;height:16px;}
.header .inner .logo_ci img{width:100%;}
.header .inner .module{display:inline-flex;gap:20px;align-items: center;justify-content: flex-end;}
.header .inner .module p{font-family:'Paperlogy';font-size:15px;color:#53565d;font-weight:500;}
.header .inner .module .btn_logout{padding:0 14px;font-family:'Paperlogy';font-size:13px;font-weight:600;color:#fff;background:#53565D;height:28px;line-height:28px;text-align:center;border-radius:14px;}
.header .inner .module .btn_login{padding:0 14px;font-family:'Paperlogy';font-size:13px;font-weight:600;color:#fff;background:#53565D;height:28px;line-height:28px;text-align:center;border-radius:14px;}

.subfooter{border-top:1px solid #E9E9ED;}
#footerGray * { letter-spacing: -.5px;}
#footerGray {background: #fff;position: relative;padding: 32px 0;margin: 0 auto;}
#footerGray .container { position: relative; width: 1400px; margin: 0 auto;}
#footerGray .logo {position: absolute;left:0;top:0;width: 68px;height: 23px;}
#footerGray .link {margin-bottom: 8px;*zoom: 1;padding-left:100px;}
#footerGray .link:after {content: '';display: block;clear: both;}
#footerGray .link li {float: left;padding-left: 13px;margin-left: 13px;border-left: 1px #d1d1d1 solid;line-height:13px;}
#footerGray .link li:first-child {padding-left: 0;margin-left: 0;border-left: none;}
#footerGray .link li a {font-family: 'Nanum Gothic', sans-serif;font-weight: 800;font-size: 13px;color: #666;}
#footerGray .link li a:hover {text-decoration: none;}
#footerGray .info {display:flex;flex-wrap:nowrap;gap:0 20px;font-size: 12px;color: #777;font-weight:400;line-height:20px;padding-left:100px; text-align: left;}
#footerGray .info li{position:relative;display:inline-flex;gap:20px;}
#footerGray .info a {color: #777;}
#footerGray .info span {position:relative;font:inherit;}
#footerGray .info span + span:before{content:'';position:absolute;left:-11px;top:50%;margin-top:-5px;width:1px;height:10px;background:#DADADA}
#footerGray .info .copyright:before {content:'';position:absolute;left:-11px;top:50%;margin-top:-5px;width:1px;height:10px;background:#DADADA}
#footerGray .noti {position: absolute;top: 25px;right: 30px;text-align: right;color: #5d5d5d;}

.contents {width:100%;margin:auto;position:relative;background:url(/resources/images/themeplace/textMusicLibrary/main/musicLib_bg.png) no-repeat center top;}
.contents .inner{padding:60px 0 0;display:flex;flex-direction:column;}
.contents .inner .title{margin:60px auto 0;width:442px;height:143px;background:url(/resources/images/themeplace/textMusicLibrary/main/musicLib_tit.png) no-repeat center center / contain;}
.pop_playList{position:absolute;right:0;top:116px;padding:0 15px 0 26px;width:221px;height:56px;border-radius:28px;background: linear-gradient(90deg, #4A90F9 0%, #03ABD1 100%);box-shadow: 0px 4px 2px 0px #CBD3E2;}
.pop_playList i{margin-left:18px;display:inline-block;width:29px;height:29px;border-radius:15px;background:#fff url(/resources/images/themeplace/textMusicLibrary/main/ico_play.svg) no-repeat center center;vertical-align: middle;}
.pop_playList span{display:inline-block;padding-left:38px;font-size:20px;color:#fff;line-height:56px;font-weight:600;background:url(/resources/images/themeplace/textMusicLibrary/main/ico_Playlist.svg) no-repeat left center;vertical-align: middle;}
.btn_koreanTrandition{position:absolute;right:0;top:179px;width:225px;height:115px;background:url(/resources/images/themeplace/textMusicLibrary/main/pop_traditional_music.png) no-repeat center center / contain;}
.btn_guide{position:absolute;left:0;top:307px;width:220px;height:54px;background:url(/resources/images/themeplace/textMusicLibrary/main/btn_guide.png) no-repeat center center / contain;}
.cardBanner{margin-top:62px;flex:1;width:1400px;}
.cardWrap {
    margin:0 auto;
    width:1380px;height:455px;
}

.cardWrap .swiper-wrapper {
    align-items: center;
}

.cardWrap .swiper-slide {
    height: auto;
    flex-shrink: 0;transition: all 0.4s ease;
}

.cardWrap .swiper-slide > a {
    display: flex;align-items: center;
    width: 100%;box-sizing: border-box;
    position:relative;padding-bottom:20px;
}

.cardWrap .swiper-slide > a > img {
    display: block;
    width: 100%;

}

.cardWrap .swiper-slide {opacity:0;width:220px;
    transform:scale(1) translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)!important;
}
.cardWrap .swiper-slide:has(+ .swiper-slide-prev) {
    width:218px!important;opacity:0.6;
}
.cardWrap .swiper-slide-next + .swiper-slide {
    width:218px!important;opacity:0.6;
}
.cardWrap .swiper-slide-prev {opacity:1; width:252px!important;
    transform: scale(1) translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)!important;
}

.cardWrap .swiper-slide-active {
    width:310px!important;opacity:1;
    transform: scale(1) translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)!important;
}
.cardWrap .swiper-slide-active a{padding-bottom:70px;}
.cardWrap .swiper-slide-next {opacity:1;width:252px!important;
    transform: scale(1) translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)!important;
}

.cardWrap .swiper-slide a.shadow:after{content:'';position:absolute;left:18px;bottom:6px;margin:0 auto;width:180px;height:150px;filter: blur(15px);z-index:-1;opacity:0.45;border-radius:20px;transition: all 0.4s ease;}
.cardWrap .swiper-slide-next a.shadow:after,.cardWrap .swiper-slide-prev a.shadow:after{width:215px;left:16px;bottom:0;}

.cardWrap .swiper-slide-active a.shadow:after{bottom:0;width:310px;max-width:86%;filter: blur(78px);opacity:0.65;}
.cardWrap .swiper-slide a.c1:after{background:#0A4384;}
.cardWrap .swiper-slide a.c2:after{background:#8A3A4E;}
.cardWrap .swiper-slide a.c3:after{background:#2D2585;}
.cardWrap .swiper-slide a.c4:after{background:#105E2A;}
.cardWrap .swiper-slide a.c5:after{background:#865805;}

.recommend{position:relative;margin:-12px auto 0;padding:10px 28px 0;width:1202px;height:237px;background:url(/resources/images/themeplace/textMusicLibrary/main/recommend_bg.png) no-repeat center top / 1202px auto;border-radius:48px 48px 0 0;}
.recommend h4{position:absolute;left:71px;top:-52px;width:353px;height:140px;background:url(/resources/images/themeplace/textMusicLibrary/main/ico_tit_recomm.png) no-repeat center top / 353px auto; }
.recommend .recomData{padding:77px 72px 40px;}
.recommend .recomData .swiper-slide a{height:100px;color:#fff;display:flex;align-items: center;justify-content: center;background: linear-gradient(180deg, #41BAFF 0%, #60A4FF 100%);box-shadow: -1px -2px 1.5px 0px #FFFFFF29 inset;border-radius:15px;}
.recommend .recomData .swiper-slide a p{font-family:'Paperlogy';font-weight:600;line-height:1.3;letter-spacing:-0.03em;font-size:22px;color:#fff;text-shadow: 0 0 4px 0 #00000030;text-align: center;}
.recommend .recomData .swiper-slide a:hover{box-shadow: 0 17px 15px 0 #0054B352;}
.recommend .recomData .swiper-slide a:hover p{font-weight:700;text-shadow: 0 0 4px 0 #00000047;}
.recommend .recomData .swiper-button-prev{top:auto;left:32px;bottom:75px;width:28px;height:30px;background:url(/resources/images/themeplace/textMusicLibrary/main/ico_arr.svg) no-repeat center top;}
.recommend .recomData .swiper-button-prev:after,.recommend .recomData .swiper-button-next:after{content:none;}
.recommend .recomData .swiper-button-next{top:auto;right:32px;bottom:75px;width:28px;height:30px;background:url(/resources/images/themeplace/textMusicLibrary/main/ico_arr.svg) no-repeat center top;transform:rotate(180deg)}
.recommend .recomData .swiper-button-disabled{opacity:1;background-position:center bottom;}


.subTop{position:relative;padding-top:60px;height:230px;background:url(/resources/images/themeplace/textMusicLibrary/sub/subTop_bg.png) no-repeat center center;}
.subTop .header{background:transparent;box-shadow:none;}
.subTop .inner .titHeader{display:block;margin:0 auto;width:447px;height:97px;background:url(/resources/images/themeplace/textMusicLibrary/sub/tit_header.png) no-repeat center center /contain;}
.subTop .inner .btn_koreanTrandition{top:0;}

.music_gnb{padding:9px 0;width:100%;height:80px;background:#4563CA}
.music_gnb ul{margin:auto;display:flex;flex-wrap:nowrap;gap:15px;align-items:center;width:1200px;}
.music_gnb ul li{position:relative;flex:1;text-align:center;}
.music_gnb ul li + li:before{position:absolute;left:-8px;top:13px;content:'';width:1px;height:35px;background:#BFDDF9;}
.music_gnb ul li a{display:block;text-align:center;font-family:'Paperlogy';font-size:26px;font-weight:600;color:rgba(255,255,255,0.4);line-height:62px;}
.music_gnb ul li.on a,.music_gnb ul li a:hover{color:#51FFFF;}

.musicLib_conts{width:100%;}
.musicLib_conts .music_conts{padding-top:0!important;}
.musicLib_conts .music_conts .inner{width:1200px;}
.music_head{padding:24px 0;width:100%;height:88px;border-bottom:1px solid #e6e6e6;}
.music_head .inner{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:40px;width:1200px;}
.music_head .inner .pop_playList{right:-246px;top:-9px;}
.music_head .inner .sub_tit{font-size:28px;font-weight:700;color:#111;line-height:40px;}
.music_head .inner p{font-size:18px;color:#555;line-height:40px;letter-spacing: -0.04em;font-weight:400;}

.subTab{margin:30px auto 20px;display:flex;flex-wrap:nowrap;gap:6px;align-items: center;}
.subTab a{flex:1;text-align:center;border:1px solid #d4d4d4;border-radius:8px;height:62px;line-height:60px;font-family:'Paperlogy';font-weight:600;color:#000;font-size:22px;}
.subTab a.on,.subTab a:hover{background:#3882FF;border-color:#3882FF;color:#fff;}
.subDtlTab{padding:0 0 95px;}

.music_module_tb{padding:24px 0 0;align-items: flex-end;}
.music_module_tb .module_left{padding-bottom:0;}
.music_module_tb .module_left > *{margin-left:0;}
.music_module_tb .module_left .cnt{font-family: 'Noto Sans Korean';font-weight:400;font-size:16px;color:#53565D;}
.music_module_tb .module_left .cnt span{font:inherit;color:#FF7007}
.music_module_tb .module_left .selbtns{margin-top:12px;display:block;text-align:left;}
.selbtns button,.selbtns a{display:inline-block;margin-right:8px;padding:0 16px;border:1px solid #3882FF;border-radius:19px;font-family: 'Noto Sans Korean';font-size:14px;font-weight:400;color:#3882FF;line-height:35px;}
.selbtns button span,.selbtns a span{margin-right:4px;display:inline-block;width:15px;height:15px;vertical-align: middle;background-repeat:no-repeat;background-position:center center;}
.selbtns .btn_bookmark span{width:16px;background-image: url(/resources/images/themeplace/textMusicLibrary/ico_sel_down.svg);}
.selbtns .btn_down span{background-image: url(/resources/images/themeplace/textMusicLibrary/ico_sel_save.svg);}
.selbtns .btn_playlistAdd span{background-image: url(/resources/images/themeplace/textMusicLibrary/ico_pl_add.svg);}
.music_module_tb .module_right .chk .txt{color:#1e1e21;font-size:14px;}
.music_module_tb.tline{margin-top:30px;}
.music_module_tb.tline.mt20{margin-top:20px;}
.music_module_tb.bline{margin-bottom:0;padding:24px 0 15px;border-bottom:1px solid #DCDCDC;}
.music_module_tb.bline .module_left select{appearance:none;padding:0 45px 0 16px;font-size:15px;color:#1E1E21;font-weight:700;border:1px solid #A4A5A9;border-radius:8px;width:332px;height:43px;background:url(/resources/images/themeplace/textMusicLibrary/ico_tbl_arr.png) no-repeat right 15px center;}
.subDtlTab .data_list.music_lb_list{margin-top:24px;}
.subDtlTab .data_list.music_lb_list ul{gap:13px;}
.subDtlTab .data_list.music_lb_list ul li{width:calc(25% - 10px);z-index:0;}
.subDtlTab .data_list.music_lb_list ul li:hover{z-index:10;}
.subDtlTab .data_list.music_lb_list ul li .data_cont{border:none;overflow:visible;}
.subDtlTab .data_list.music_lb_list ul li p.chk_cont .chk_box label .txt{color:#53565d;}
.subDtlTab .data_list.music_lb_list ul li p.chk_cont .chk_box label:hover .txt{color:#ff8125;}
.subDtlTab .data_list.music_lb_list ul li p.chk_cont .chk_box input[type="checkbox"]:checked + label .txt{color:#53565d;}
.subDtlTab .data_list.music_lb_list ul li .data_cont .img{height:142px;border-radius:18px;overflow:hidden;}
.subDtlTab .data_list.music_lb_list ul li .data_cont:hover .link_box{background:rgba(0,0,0,0.4);border-radius:18px;}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont{bottom:18px;display:flex;justify-content: flex-end;gap:4px;padding:0 16px;}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont a{width:42px;height:42px;margin:0;}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont a .ico{width:42px;height:42px;border-radius:21px;background-color:#fff;background-position:center top;}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont a:hover .ico{background-color:#3882FF;background-position:center bottom;}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont a .ico.plus{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_bookmark.svg);}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont a .ico.down{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_down.svg);}
.subDtlTab .data_list.music_lb_list ul li .hidden_hover_box .d_cont a .ico.share{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_share.svg);}

.subDtlTab .data_list.music_lb_list ul li .titBox{display:block;padding:12px 0;}
.subDtlTab .data_list.music_lb_list ul li .titBox p.chk_cont{margin:0;}
.subDtlTab .data_list.music_lb_list ul li .titBox .h4tit{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:22px;font-weight:700;color:#000;}
.subDtlTab .data_list.music_lb_list ul li .titBox .h4tit:hover{color:#0055E5}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX{margin-top:29px;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul{display:flex;flex-wrap:wrap;gap:12px 8px;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li{padding:0 8px;display:flex;flex-wrap:nowrap;width:calc(50% - 4px);height:43px;border:1px solid #a4a5a9;border-radius:8px;align-items: center;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ic_file{margin-right:auto;padding-left:30px;font-size:14px;font-weight:700;color:#1E1E21;flex:1;min-width:auto;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ico{flex-shrink:0;margin-left:3px;width:24px;height:24px;background-color:#f4f8ff;border:1px solid #d2deef;border-radius:3px;padding:0;background-repeat:no-repeat;background-position:center -2px;background-size:24px auto;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ico:first-child{margin-left:0;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ico:hover{background-color:#3882FF;border-color:#3882FF;background-position:center bottom;}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ico.view{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_view.svg);}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ico.down{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_d_down.svg);}
.subDtlTab .data_list.music_lb_list ul li .titBox .dataLibBOX ul li .ico.link{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_link.svg);}
.subDtlTab .data_list.music_lb_list ul li .share_pop.renew261{left:auto;right:-70px;bottom:75px;z-index:10000;}
.subDtlTab .data_list.music_lb_list ul li .share_pop.renew261 .urlBtn ul{align-items: flex-start;}
.subDtlTab .data_list.music_lb_list ul li .share_pop.renew261 .urlBtn ul li{width:100%;border:none;}
.subDtlTab .data_list.music_lb_list ul li .share_pop.renew261 .urlBtn ul li:hover{border:none;box-shadow:none;}

.subDtlTab .data_list.music_lb_list ul.col3{gap:24px;}
.subDtlTab .data_list.music_lb_list ul.col3 li{width:calc(33.33% - 16px);border:1px solid #ddd;border-radius:16px;}
.subDtlTab .data_list.music_lb_list ul.col3 li .data_cont:hover .link_box{border-radius:16px 16px 0 0;}
.subDtlTab .data_list.music_lb_list ul.col3 > li:hover{border-color:#0055E5;box-shadow: 0 6px 5px 0 #0000001A;}
.subDtlTab .data_list.music_lb_list ul.col3 li .data_cont .img{height:210px;border-radius:16px 16px 0 0;overflow:hidden;}
.subDtlTab .data_list.music_lb_list ul.col3 li .titBox{padding:24px;}
.subDtlTab .data_list.music_lb_list ul.col3 li .titBox.link{position:relative;padding:24px 42px 24px 24px; }
.subDtlTab .data_list.music_lb_list ul.col3 li .titBox.link:after{content:'';position:absolute;right:24px;top:50%;width:13px;height:21px;transform:translateY(-50%);background:url(/resources/images/themeplace/textMusicLibrary/col3_link_arr.png) no-repeat center top;}
.subDtlTab .data_list.music_lb_list ul.col3 li .titBox.link .sub_origin{margin-top:6px;color:#000;font-size:14px;font-weight:400;}
.subDtlTab .data_list.music_lb_list ul.col3 li .titBox.link:hover p{color:#0055E5}
.subDtlTab .data_list.music_lb_list ul.col3 li .titBox.link:hover:after{background-position:center bottom;}
.dataFilter{margin-top:13px;}
.dataFilter ul{display:flex;gap:44px;flex-wrap:nowrap;align-items: center;justify-content: flex-start;border-bottom:1px solid #DCDCDC;padding-bottom:20px;}
.dataFilter ul li{position:relative;line-height:42px;}
.dataFilter ul li + li:before{content:'';position:absolute;left:-24px;top:18px;display:block;width:4px;height:4px;border-radius:2px;background:#A4A5A9;}
.dataFilter ul li a{position:relative;display:block;line-height:42px;font-family:'Noto Sans Korean';font-size:16px;font-weight:700;color:#1e1e21;}
.dataFilter ul li a.on{color:#FF8800}
.dataFilter ul li a.on:after{content:'';position:absolute;left:0;right:0;bottom:-21px;width:100%;height:4px;background:#ff8800;}


.music_conts .btn_wrap.search{margin-top:4px;display:flex;justify-content: flex-end;gap:20px;align-items: flex-start;}
.music_conts .btn_wrap.search .btn_reset{padding-left:22px;font-size:14px;color:#1e1e21;font-weight:400;line-height:37px;background:url(/resources/images/themeplace/music/ico/ico_reset.svg) no-repeat left center;}
.music_conts .btn_wrap.search .btn_serchDtl{padding-right:10px;font-size:14px;color:#1e1e21;font-weight:400;line-height:37px;}
.music_conts .btn_wrap.search .btn_serchDtl i{margin-left:6px;display:inline-block;width:12px;height:8px;vertical-align:middle;background:url(/resources/images/themeplace/music/ico/ico_arr_music.svg) no-repeat center center;transition: all 0.2s linear;}
.music_conts .btn_wrap.search .btn_serchDtl.open i{transform:rotate(180deg);}
.music_conts .btn_wrap.search .btn_search{margin:5px 419px 0 auto;justify-items: center;width:184px;height:43px;background:#53565D;border-radius:6px;text-align:center;line-height:43px;color:#fff;font-size:16px;font-weight:700;}

.tblist.cl_ma_table.renew262{border-top:1px solid #A4A5A9;}
.tblist.cl_ma_table.renew262 thead tr th{height:55px;font-size:16px;font-weight:400;color:#1E1E21;background:#FAFAFA;border-color:#E9E9ED;}
.tblist.cl_ma_table.renew262 tbody tr:hover{background:transparent;}
.tblist.cl_ma_table.renew262 tbody tr:hover td a:after{content:none;}
.tblist.cl_ma_table.renew262 tbody tr td{padding:24px 14px;border-color:#E9E9ED;border-left:none;}
.tblist.cl_ma_table.renew262 tbody tr td .tbTitWrap{width:100%;max-width:none;display:flex;align-items: flex-start;flex-direction:column;gap:10px;white-space: wrap;}
.tblist.cl_ma_table.renew262 tbody tr td a.hasBadge{margin:0;}
.tblist.cl_ma_table.renew262 tbody tr td a .ico_badge{display:inline-block;}
.tblist.cl_ma_table.renew262 tbody tr td .music_tit_wrap{flex:1;min-width:0;width:100%;}
.tblist.cl_ma_table.renew262 tbody tr td .music_tit_wrap.ic_file span{top:50%;margin-top:-12px;}
.tblist.cl_ma_table.renew262 tbody tr td .main_tit{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#1E1E21;line-height:1.6;text-align:left;white-space: wrap;}
.tblist.cl_ma_table.renew262 tbody tr td .main_tit p{display:inline;color:#1e1e21;font:inherit;font-weight:400;}
.tblist.cl_ma_table.renew262 tbody tr td .main_tit .pub{display:inline;font-size:14px;color:#878787;font-weight:400;}
.tblist.cl_ma_table.renew262 tbody tr td a:hover .music_tit_wrap .main_tit p{text-decoration: underline;text-underline-offset: 2px;}
.tblist.cl_ma_table.renew262 tbody tr td .yt{display: inline-block;color: #CF0000;width: 71px;height: 20px;border-radius: 4px;line-height: 18px;text-align:center;border: 1px solid #CF0000;font-size:12px;font-weight:400;}
.tblist.cl_ma_table.renew262 tbody tr td .ico{width:32px;height:32px;background-color:#F4F8FF;border-radius:4px;border:1px solid #E9F2FF;background-repeat:no-repeat;background-position:center top;}
.tblist.cl_ma_table.renew262 tbody tr td .ico:hover{background-color:#F4F8FF;border:1px solid #E9F2FF;}
.tblist.cl_ma_table.renew262 tbody tr td .ico.down{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_d_down.svg);background-size:100%;}
.tblist.cl_ma_table.renew262 tbody tr td .ico.view{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_view.svg);background-size:100%;}
.tblist.cl_ma_table.renew262 tbody tr td .ico.share{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_tbl_link.svg);background-size:100%;}
.tblist.cl_ma_table.renew262 tbody tr td .music_melody_box{display:flex;flex-wrap:nowrap;justify-content: center;align-items: center;}
.tblist.cl_ma_table.renew262 tbody tr td .music_melody_box + .music_melody_box{margin-top:8px;}
.tblist.cl_ma_table.renew262 tbody tr td .music_melody_box .music_melody_label{font-size:14px;}
.tblist.cl_ma_table.renew262 tbody tr td .music_melody_box .fl_btns{margin-left:22px;}
.tblist.cl_ma_table.renew262 tbody tr td .music_melody_box .ico + .ico{margin-left:8px;}
.tblist.cl_ma_table.renew262 tbody tr td .mainTxt{display:block;}
.tblist.cl_ma_table.renew262 tbody tr td .mainTxt p{display:block;color:#1e1e21;font:inherit;font-weight:400;overflow:hidden;text-overflow:ellipsis;}


.subFilter{margin-top:12px;display:flex;gap:8px;justify-content: flex-start;align-items: center;}
.subFilter a{display:inline-block;padding:0 16px;line-height:38px;font-size:14px;font-weight:400;color:#1E1E21;hegiht:40px;border-radius:20px;border:1px solid #DCDCDC;}
.subFilter a.on,.subFilter a:hover{background-color:#FF88001A;border-color:#FF8800;color:#FF8800;font-weight:700;}

.wideList{}
.wideList ul > li{display:flex;flex-wrap:nowrap;align-items:center;padding:37px 0;border-bottom:2px solid #EBEBEB;gap:12px;}
.wideList ul li .chk{width:30px;flex-shrink:0;}
.wideList ul li .chk input[type=checkbox]{display:none;appearance: none;}
.wideList ul li .chk label {position: relative; line-height:18px; font-weight: 400; color: #1E1E21; letter-spacing: -0.045em; background: none;}
.wideList ul li .chk label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; margin-top: 0; background: url(/resources/images/themeplace/music/ico/ico_search_check.png)no-repeat center top;}
.wideList ul li .chk label:has(input[type="checkbox"]:checked):before {background-position: center bottom;}

.wideList ul li .wideTit{flex:1;min-width:0;align-self: flex-start;padding-right:45px;}
.wideList ul li .wideTit .badgeWrap{display:flex;flex-wrap:nowrap;gap:8px;}
.wideList ul li .wideTit .badgeWrap span{display:inline-block;border:1px solid;border-radius:4px;height:22px;padding:0 9px;line-height:20px;font-size:12px;font-weight:500;}
.wideList ul li .wideTit .badgeWrap .ele{color:#FF5900;border-color:#FF5900;}
.wideList ul li .wideTit .badgeWrap .mid{color:#0187FF;border-color:#0187FF;}
.wideList ul li .wideTit .badgeWrap .gukakT1{background:#FFF0E5;border-color:#F6D8C2;color:#BA7340}
.wideList ul li .wideTit .badgeWrap .gukakT2{background:#E2FBED;border-color:#BFE9D2;color:#268D55}
.wideList ul li .wideTit .badgeWrap .gukakT3{background:#DBF4FF;border-color:#B9E9FF;color:#4E7E96}
.wideList ul li .wideTit p{margin-top:10px;display:-webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow:hidden;font-size:20px;font-weight:700;line-height:1.48;color:#222;}
.wideList ul li .WideData{width:540px;flex-shrink:0;display:flex;flex-wrap:nowrap;gap:12px;align-items: center;justify-content: flex-end;}
.CustomSel{position:relative;width:264px;height:43px;border:1px solid #A4A5A9;border-radius:8px;}
.CustomSel .base{position:relative;display:flex;width:100%;height:100%;overflow:hidden;padding:9px 10px;}
.CustomSel .base .ic_file{display:block;font-size:15px;font-weight:700;color:#1e1e21;}
.CustomSel .base p.ic_file{margin-right:auto;}
.CustomSel .base .ico{margin-left:8px;display:inline-block;width:24px;height:24px;background-color:#F4F8FF;border-radius:4px;border:1px solid #E9F2FF;background-repeat:no-repeat;background-position:center top;}
.CustomSel .base .ico:hover{background-color:#3882FF;border-color:#3882ff;background-position:center bottom;}
.CustomSel .base .ico.down{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_d_down.svg);background-size:100%;}
.CustomSel .base .ico.view{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_view.svg);background-size:100%;}
.CustomSel .base .ico.share{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_tbl_link.svg);background-size:100%;}
.CustomSel .base button.ic_file{flex:1;text-align:left;}
.CustomSel .base button.ic_file:after{content:'';position:absolute;right:5px;top:50%;margin-top:-4px;width:12px;height:8px;background:url(/resources/images/themeplace/textMusicLibrary/ico_tbl_arr.png) no-repeat center center;transform:rotate(0);}
.CustomSel.on .base button.ic_file:after{transform:rotate(-180deg);}
.CustomSel .FileList{display:none;position:absolute;left:0;right:0;top:100%;padding:8px 0 9px;max-height:133px;overflow-y:auto;border:1px solid #A4A5A9;border-radius:8px;margin-top:4px;background:#fff;box-shadow: 0 4px 11px 0 #403D632E;z-index:1000;}
.CustomSel .FileList ul li{border-bottom:none;padding:7px 16px;width:100%;display:flex;flex-wrap:nowrap;align-self: center;justify-content: space-between;gap:6px;}
.CustomSel .FileList ul:has(li:nth-child(4)) li{padding:7px 6px 7px 16px}
.CustomSel .FileList ul li .fileName{flex:1;min-width:0;display:block;white-space:nowrap;line-height:24px;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#1E1E21;font-weight:400;}
.CustomSel .FileList ul li .ico.down{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #E9F2FF;background:#F4F8FF url(/resources/images/themeplace/textMusicLibrary/ico_d_down.svg) no-repeat center top / 100% auto;}
.CustomSel .FileList ul li .ico.view{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #E9F2FF;background:#F4F8FF url(/resources/images/themeplace/textMusicLibrary/ico_view.svg) no-repeat center top / 100% auto;}
.CustomSel .FileList ul li .ico:hover{background-color:#3882FF;border-color:#3882ff;background-position:center bottom;}
.CustomSel .FileList ul li:hover{background:#F4F8FF;}
.CustomSel .FileList ul li:hover .fileName{color:#273FA1;font-weight:700;}
.CustomSel.on .FileList{display:block;}
.wideList ul li .thumb{position:relative;width:282px;flex-shrink:0;border-radius:20px;}
.wideList ul li .thumb .thumbimg{width:100%;border-radius:18px;overflow:hidden;}
.wideList ul li .thumb .thumbimg img{width:100%;}
.wideList ul li .thumb .hidden_hover_box{position:absolute;left:0;top:0;right:0;opacity:0;border-radius:20px;}
.wideList ul li .thumb:hover .hidden_hover_box{height:100%;background:rgba(0,0,0,0.4);opacity:1;}
.wideList ul li .hidden_hover_box .d_cont{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content: flex-end;gap:4px;padding:0 16px;z-index:101;}
.wideList ul li .hidden_hover_box .d_cont a{width:42px;height:42px;margin:0;display:inline-block;position: relative;transform:translateY(70px);opacity:0;transition:all 0.45s ease-out;overflow:hidden; margin-right:2px;}
.wideList ul li .hidden_hover_box .d_cont a .ico{width:42px;height:42px;border-radius:21px;background-color:#fff;background-position:center top;background-size:100% auto;}
.wideList ul li .hidden_hover_box .d_cont a:hover .ico{background-color:#3882FF;background-position:center bottom;}
.wideList ul li .hidden_hover_box .d_cont a .ico.plus{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_bookmark.svg);}
.wideList ul li .hidden_hover_box .d_cont a .ico.down{background-image:url(/resources/images/themeplace/textMusicLibrary/ico_down.svg);}
.wideList ul li .hidden_hover_box .d_cont a .ico.share{border:none;background-image:url(/resources/images/themeplace/textMusicLibrary/ico_share.svg);}
.wideList ul li .thumb:hover .hidden_hover_box .d_cont a{transform:translateY(0);opacity:1;}
.wideList ul li .thumb:hover .hidden_hover_box .d_cont a:first-child{transition-delay:100ms;}
.wideList ul li .thumb:hover .hidden_hover_box .d_cont a:nth-child(2){transition-delay:170ms;}
.wideList ul li .thumb:hover .hidden_hover_box .d_cont a:nth-child(3){transition-delay:240ms;}
.wideList ul li .thumb:hover .hidden_hover_box .d_cont a:nth-child(4){transition-delay:310ms;}
.wideList ul li .thumb .type{position:absolute; top:8px;right:8px;z-index:101;display:inline-block;background:url('/resources/images/renew26/ico_filesx2.png') no-repeat 0 25px / 20px auto;width:20px;height:20px;overflow:hidden;aspect-ratio: 1 / 1;image-rendering: -webkit-optimize-contrast;}
.wideList ul li .thumb .type.pdf{background-position-y:-21px;}
.wideList ul li .thumb .type.ppt,
.wideList ul li .thumb .type.pptx,
.wideList ul li .thumb .type.pptm{background-position-y:-42px}
.wideList ul li .thumb .type.word,
.wideList ul li .thumb .type.doc,
.wideList ul li .thumb .type.docx{background-position-y:-63px;}
.wideList ul li .thumb .type.xls,
.wideList ul li .thumb .type.xlsm,
.wideList ul li .thumb .type.xlsx{background-position-y:-83px}
.wideList ul li .thumb .type.hwp,
.wideList ul li .thumb .type.hwpx{background-position-y:-104px;}
.wideList ul li .thumb .type.img,
.wideList ul li .thumb .type.png,
.wideList ul li .thumb .type.jpg,.data_list ul li .data_cont .type.jpeg,
.wideList ul li .thumb .type.gif{background-position-y:-125px;}
.wideList ul li .thumb .type.video,.data_list ul li .data_cont .type.avi,
.wideList ul li .thumb .type.mp4,.data_list ul li .data_cont .type.mov{background-position-y:-146px;}
.wideList ul li .thumb .type.zip {background-position-y:-167px;}
.wideList ul li .thumb .type.sound,
.wideList ul li .thumb .type.wav,
.wideList ul li .thumb .type.mp3,
.wideList ul li .thumb .type.m4a{background-position-y:-188px;}
.wideList ul li .thumb .type.txt{background-position-y:-208px;}
.wideList ul li .thumb .type.numbers{background-position-y:-229px;}
.wideList ul li .thumb .type.etc{background-position-y:-250px;}
.wideList ul li .thumb .type.html{background-position-y:-271px;}
.wideList ul li .thumb .type.qrcode{background-position-y:-292px;}
.wideList ul li .thumb .type.youtube{background-position-y:-312px;}
.wideList ul li .thumb .type.link{background-position-y:-334px;}
.wideList ul li .thumb .type.ebook{background-position-y:0;}
.wideList ul li .thumb .type.down{background-position-y:-354px;}


.gukakTip{position:absolute;left:50%;top:-45px;transform:translateX(-50%)}
.gukakTip .tooltipWrap{position:relative;padding:8px 22px 8px 12px;width:178px;background:#EEFDFF;border:1px solid #00C4CA;border-radius:8px;box-shadow: 0 4px 11px 0 #3470D029;}
.gukakTip .tooltipWrap p{text-align:center;font-size:13px;font-weight:400;color:#1E1E21;line-height:1.2;}
.gukakTip .tooltipWrap .btnClose{position:absolute;right:7px;top:12px;width:10px;height:10px;background:url(/resources/images/themeplace/textMusicLibrary/ico_close_tip.png) no-repeat center center / contain;}
.gukakTip .tooltipWrap:after{content:'';position:absolute;left:50%;bottom:-9px;margin-left:-6px;width:12px;height:8px;background:url(/resources/images/themeplace/textMusicLibrary/ico_tail_tip.png) no-repeat center center /contain;}


.search_setting.ty2{padding:0;}
.search_setting.ty2 table{display:table;}
.search_setting.ty2 tbody tr:last-child th,.search_setting.ty2 tbody tr:last-child td{border-bottom:none;}

.howread{display:flex;flex-wrap:nowrap;gap:125px;padding:15px 46px;background: #FFDA5A33;border-radius:20px;justify-content: space-between;align-items: center;}
.howread .headTit{padding:19px 0;}
.howread .headTit h4{display:block;width:206px;height:46px;text-align:center;line-height:42px;font-size:18px;font-weight:700;color:#53565D;border:2px solid #FFDA5A;border-radius:23px;background:#fff;}
.howread .headTit p{margin-top:12px;font-size:14px;font-weight:400;color:#1e1e21;line-height:1.48;}
.howread .headTit p span{font:inherit;font-weight:700;}
.howread .dataHeadBox{width:548px;padding-right:10px;}
.howread .dataHeadBox ul{display:flex;flex-wrap:wrap;gap:16px 12px;}
.howread .dataHeadBox ul li{width:263px;}
.howread .dataHeadBox ul li .CustomSel{background:#fff;}