@charset "UTF-8";
/************************************************************************
 * 최적화      : html5
 * 서비스      : dino
 * 최초작성일   : 210614
 * 작성자      : 박노성
************************************************************************/

/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/variable/pretendardvariable.css");*/
/* cdn.jsdelivr.net 인증서 만료로 인하여 임시로 아래 호스트 사용. waspkim. 2024-05-02 */
@import url("https://fastly.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/variable/pretendardvariable.css");

body, th, td, input, select, textarea, button{background: #111; color: #fff;}
.opicial_btn_style01,
.bgm_mypage_submit_btn a,
.album_wrap .album_list .info_wrap ul.ico_btn li button.edit,
.album_wrap .album_list .info_wrap ul.ico_btn li button.del{ border: 1px solid #fff !important; color: #fff !important;}
.opicial_btn_style01:hover,
.bgm_mypage_submit_btn a:hover,
.album_wrap .album_list .info_wrap ul.ico_btn li button.edit:hover,
.album_wrap .album_list .info_wrap ul.ico_btn li button.del:hover{ border: 1px solid #00cd9f !important; color: #00cd9f !important; background-color: transparent !important;}

.btn-area .btn.btn_a { line-height: 32px !important; /* background: rgba(0,0,0,0) !important; 주석처리 jiseo.2022-11-07*/ color: #fff !important; width: 180px !important; height: 40px !important; text-align: center; font-size: 16px !important; font-weight: 300; border: 1px solid #fff !important;/*수정 jinseo.2022-11-03*/ border-radius: 50px; backdrop-filter: blur(8px); transition: all 0.1s linear;}
.btn-area .btn.btn_a:hover {/*background: rgba(0,0,0,0.35) !important; 주석처리 jinseo.2022-11-03*/ color: #00ffa8 !important; border: 1px solid #00ffa8 !important;/*색수정 jinseo.2022-11-03*/}
.btn-area .btn.btn_a:active {background: rgba(0,0,0,0.3) !important;/*수정 jinseo.2022-11-03*/ transform: scale(0.975);}
.btn-area .btn.btn_a.btn_mini{width: auto !important; border-radius: 50px; padding: 0 20px; border-radius: 8px;}

.btn-area .btn.btn_a.btn_ivrt{background: rgba(255,255,255,0) !important; color: #222 !important;border: 2px solid rgba(0,0,0,0.5) !important;}
.btn-area .btn.btn_a.btn_ivrt:hover {background: rgba(255,255,255,0.35) !important; border: 2px solid #00cd9f !important;}
.btn-area .btn.btn_a.btn_ivrt:active {background: #00cd9f !important; transform: scale(0.975);}

.main_transparent { height:82px !important; background: none !important; background-color: transparent !important; border-top: 2px solid #00cd9f; transition: height 0.1s linear;}
.main_transparent:after{position: absolute; content:''; top:-2px; left:0; height:2px; width:100%; background: linear-gradient(90deg, #00cd9f 0%, #00ff9c 100%);}
.main_transparent:hover { background: none !important; background-color: transparent !important; }
.main_transparent.sub_active { height: 137px !important;}
header.main_hide_bg { backdrop-filter: blur(0) !important;}
header.main_transparent,
header.main_transparent .lt_sub_menu { backdrop-filter: blur(8px);}
.main header.main_transparent:hover { backdrop-filter: blur(8px) !important;}
header.main_hide_bg div.header_wrap div.head_sitemap_btn_wrap button.head_sitemap_btn{border-left: 1px solid transparent;}

div.bgm_all_wrap > header.main_transparent > div.header_wrap {width: 100%; height:80px; background-color: rgba(0, 0, 0, 0.75) !important; transition: background 0.15s linear;}
/*scrolltop시header,css주석처리.jinseo.2022-10-04*/
/* div.bgm_all_wrap > header.main_transparent.main_hide_bg div.header_wrap { background-color: rgba(0, 0, 0, 0) !important; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%) !important;} */
div.bgm_all_wrap > header.main_transparent:hover > div.header_wrap,
.main div.bgm_all_wrap > header.main_transparent:hover > div.header_wrap { background-color: rgba(0, 0, 0, 0.9) !important; }

div.bgm_all_wrap > header.main_transparent > div.header_wrap > ul > li > a {vertical-align:middle;}

div.bgm_all_wrap > header.main_transparent > div.header_wrap > ul > li > a,
div.bgm_all_wrap > header > div.header_wrap > ul.rt_menu > li.highlight > a{transition: color 0.15s linear, border 0.15s linear;}

div.bgm_all_wrap > header > div.header_wrap > ul > li > a span.round_point,
div.bgm_all_wrap > header > div.header_wrap > ul.rt_menu > li.highlight > a,
div.bgm_all_wrap > header > div.header_wrap > ul.rt_menu > li.eng_kor_re > a{border-radius:8px;}

div.bgm_all_wrap > header > div.header_wrap > ul.rt_menu > li.highlight > a{padding: 3px 15px 5px;}

div.bgm_all_wrap > header.main_transparent > div.header_wrap > ul > li > a i {margin-left:5px; font-size:18px;}

header .lt_sub_menu{ display: block !important; opacity: 0; transition: height 0.1s linear, opacity 0s linear 0.1s; overflow: hidden; height: 0; pointer-events: none; overflow: hidden;}
header .lt_sub_menu.sub_active{ opacity: 1; height: 55px; transition: height 0.1s linear, opacity 0s linear; pointer-events: auto; z-index: 1;}

header .lt_sub_menu dl dd > a,
header .lt_sub_menu dl dd > a:hover{border-top:none !important;}
header .lt_sub_menu dl dd > a:hover{color: #00ffa8; transition: color 0.15s linear;}

div.bgm_all_wrap > header > div.header_wrap > ul.rt_menu > li.eng_kor_re > a.active{border: 1px solid #00cd9f;}
div.bgm_all_wrap > header > div.header_wrap > div.language_pop {top:50px; padding-top:5px; border-radius: 0 0 8px 8px; border: 1px solid #00cd9f; border-top: none; overflow: hidden;}
div.bgm_all_wrap > header > div.header_wrap > div.language_pop > a{background-color: #000; color:#fff;  transition: background-color 0.15s linear, color 0.15s linear; }
div.bgm_all_wrap > header > div.header_wrap > div.language_pop > a:hover{ color: #000; }

div.header_login_sub_pop_wrap { border-radius: 8px 0 0 8px; border: 1px solid #444; overflow: hidden;}
div.header_login_sub_pop_wrap,
div.header_login_sub_pop_wrap.active {border-bottom:1px solid #444 !important;}
div.header_wrap ul.header_login_sub_pop {border:none;}
div.header_wrap ul.header_login_sub_pop li a.ico_a:hover { color:#000;}

/* gptSearch */
.gptSearch {position:relative; z-index:4;}
.gptSearch .gptSearchWrap {position:absolute; top:90px; padding:20px; width:580px; background-color:#fff; border-radius:27px; }
.gptSearch .gptSearchWrap::before {content: ''; position: absolute; top: 0; left: 50px; width: 0; height: 0; border: 25px solid transparent; border-bottom-color: #fff; border-top: 0; border-right: 0; margin-left: -12.5px; margin-top: -25px;}
.gptSearch .gptSearchWrap * {color:#111;}
.gptSearch .gptSearchWrap .titleWrap {display:flex; align-items:center; gap:5px; position:relative; margin-bottom:10px;}
.gptSearch .gptSearchWrap .searchTitle {font-size:18px; display:inline-block;}
.gptSearch .gptSearchWrap .titleWrap i {color:#999; font-size:18px;}
.gptSearch .gptSearchWrap .titleWrap i + .toolTip {position:absolute; top: 50%; left:100px; transform:translateY(-50%); font-size:14px; background-color:#D0EFFF; padding:10px 20px; border-radius:5px; opacity:0; transition: opacity .7s; visibility:hidden; font-size:14px;  }
.gptSearch .gptSearchWrap .titleWrap i + .toolTip li {color:#008BD2;}
.gptSearch .gptSearchWrap .titleWrap i + .toolTip::before {content:''; position:absolute; top:50%; left:-5px; transform:translateY(-50%) rotate(45deg); width:10px; height:10px; background-color:#D0EFFF; display:block;}
.gptSearch .gptSearchWrap .titleWrap i:hover + .toolTip {opacity:1; transition: opacity .7s; visibility:visible;}
.gptSearch .gptSearchWrap .textSearchArea {background-color:#fff; padding:10px 20px; border-radius:50vh; border:2px solid #eee; margin-bottom:10px;}
.gptSearch .gptSearchWrap .textSearchArea input {background-color:#fff; border:none; width:calc(100% - 28px);}
.gptSearch .gptSearchWrap .textSearchArea input::placeholder {color:#999;}
.gptSearch .gptSearchWrap .textSearchArea input:focus {outline:none;}
.gptSearch .gptSearchWrap .textSearchArea button {background-color:transparent;}
.gptSearch .gptSearchWrap .textSearchArea button i {font-size:24px; font-weight:600; background: -webkit-linear-gradient(#00FF9C, #00A5FE); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.gptSearch .gptSearchWrap .imageSearchArea {padding:20px 10px; border-radius:15px; border:2px solid #eee; display:flex; align-items:center;}
.gptSearch .gptSearchWrap .imageSearchArea .obj {position:relative; cursor:pointer;}
.gptSearch .gptSearchWrap .imageSearchArea .obj img:nth-child(-n+2) {filter :grayscale(1); transform:translateX(-50%) scale(0.8); opacity:.7; transition:all .5s;}
.gptSearch .gptSearchWrap .imageSearchArea .obj img:nth-child(1) {transform:translateX(50%) scale(0.8); opacity:.7;}
.gptSearch .gptSearchWrap .imageSearchArea .obj img:nth-child(3) {position:absolute; top:0; left:50%; transform:translateX(-50%);}
.gptSearch .gptSearchWrap .imageSearchArea:hover .obj img:nth-child(1) {transform:rotate(-10deg) scale(0.8);}
.gptSearch .gptSearchWrap .imageSearchArea:hover .obj img:nth-child(2) {transform: rotate(10deg) scale(0.8);}

.gptSearch .gptSearchWrap .imageSearchArea .textBox {margin-left:30px;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox strong {font-size:18px;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap {display:flex; margin-top:10px; position:relative; white-space:nowrap;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap button {padding:5px 15px; border-radius:5px;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap .uploadBtn {background-color:#00A5FE; color:#fff;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn {background-color:#fff; border:1px solid #ddd; margin-left:10px;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn + .toolTip {position:absolute; top:42px; left:101px; background-color:#000; color:#fff; padding:5px 10px; border-radius:5px; opacity:0; transition:.7s; visibility:hidden;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn + .toolTip::before {content:''; position:absolute; top:-5px; left:50%; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background-color:#000;}
.gptSearch .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn:hover + .toolTip {opacity:1; transition:.7s; visibility:visible;}
.gptSearch .gptSearchWrap .closeBtn {background:transparent; position:absolute; top:20px; right:20px; font-size:18px;}
.gptSearch .gptSearchWrap .closeBtn i {font-size:18px;}


/*main*/
.main .intro {display: none;}
.main .intro_dino { position: relative; max-height: 100vh; overflow: hidden;}
.main #content {margin-top: 0;} 

.main .intro_dino .ratio_con { position: relative;}
/*이미지추가.jinseo.2022-10-04*/
/*.main .intro_dino .ratio_con .main_img_js { position: absolute; width:100%; opacity:80%;}*/
.main .intro_dino .ratio_con .ratio_guide { position: relative; width:100%; z-index: 1; background: rgba(0,0,0,0.85) url(../images/main/cover_dot.png); opacity: 0.65; /*background.a수정.jinseo.2022-10-05*/}

.main .intro_dino .ratio_con .titleWrap {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction: column; z-index:2; margin-top:-40px;}

.main .intro_dino .ratio_con .gptSearchWrap {width:580px; margin:60px 0; position:relative;}
.main .intro_dino .ratio_con .gptSearchWrap * {color:#111;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea {background-color: #fff; padding: 10px 15px 10px 20px; border-radius: 50vh; border: 2px solid #eee; margin-bottom: 10px; vertical-align:middle;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea > i {font-size:18px; vertical-align:middle; margin-right:5px;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea input {background-color:transparent; width:470px; border:none;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea input::placeholder {color:#999;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea input:focus {outline:none;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea .imageBtn {background:transparent; width:35px; height:35px; border:1px solid #ccc; border-radius:50vh; margin-left:5px; display:inline-flex; justify-content:center; align-items:center;}
.main .intro_dino .ratio_con .gptSearchWrap .textSearchArea .imageBtn i {font-size:20px;background: -webkit-linear-gradient(#00FF9C, #00A5FE); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.main .intro_dino .ratio_con .gptSearchWrap  .toolTip {position:absolute; top:-70px; left:40px; padding:10px 20px; border-radius:5px; opacity:0; transition:.7s; visibility:hidden; background-color:#D0EFFF;}
.main .intro_dino .ratio_con .gptSearchWrap .toolTip li {color:#008BD2;}
.main .intro_dino .ratio_con .gptSearchWrap .toolTip.active {opacity:1; transition: opacity .7s; visibility:visible;}


.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea {background-color:#fff; padding:20px; border-radius:27px; position:absolute; top:0; left:0; width:100%; display:none;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea.active {display:block; border-bottom:none;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea h3 {font-size:18px; margin-bottom:10px;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .inner {padding:20px 10px; border-radius:15px; border:2px solid #eee; display:flex; align-items:center;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .obj {position:relative; cursor:pointer;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .obj img:nth-child(-n+2) {filter :grayscale(1); transform:translateX(-50%) scale(0.8); opacity:.7; transition:all .5s;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .obj img:nth-child(1) {transform:translateX(50%) scale(0.8); opacity:.7;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .obj img:nth-child(3) {position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .inner:hover .obj img:nth-child(1) {transform:rotate(-10deg) scale(0.8);}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .inner:hover .obj img:nth-child(2) {transform: rotate(10deg) scale(0.8);}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox {margin-left:30px;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox strong {font-size:18px;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap {display:flex; margin-top:10px; position:relative; white-space:nowrap;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap button {padding:5px 15px; border-radius:5px;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap .uploadBtn {background-color:#00A5FE; color:#fff;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn {background-color:#fff; border:1px solid #ddd; margin-left:10px;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn + .toolTip {position:absolute; top:42px; left:101px; background-color:#000; color:#fff; padding:5px 10px; border-radius:5px; opacity:0; transition:.7s; visibility:hidden;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn + .toolTip::before {content:''; position:absolute; top:-5px; left:50%; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background-color:#000;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .textBox .btnWrap .pasteBtn:hover + .toolTip {opacity:1; transition:.7s; visibility:visible;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .closeBtn {background:transparent; position:absolute; top:20px; right:20px;}
.main .intro_dino .ratio_con .gptSearchWrap .imageSearchArea .closeBtn i {font-size:18px;}

.main .intro_dino .ratio_con h1,
.main .intro_dino .ratio_con h2 { font-family: 'pretendard',Sans-serif; text-align: center; font-weight: 300; /*top변경.jinseo.2022-10-04 폰트수정2022-10-05*/}
.main .intro_dino .ratio_con h1 { font-size: 62px; font-weight: 500; letter-spacing: -3px; /*자간,폰트추가,굵기변경,margin줄임.jinseo.2022-10-04 자간수정2022-10-05*/ line-height:1;}
.main .intro_dino .ratio_con h1 b,
.main .intro_dino .ratio_con h2 b{ /*font-weight: 500;*/}
.main .intro_dino .ratio_con h1 b{ font-family: 'pretendard',Sans-serif;/*사파리폰트문제해결.jinseo.2022-10-26*/ display: block; color: #00ffa8; letter-spacing: 0;/*컬러변경.jinseo.2022-10-04* 폰트수정,자간추가2022-10-05*/}
.main .intro_dino .ratio_con h2 { line-height: 1.4; font-size: 30px !important; padding: 0 !important;  /*폰트추가,line-height변경.jinseo.2022-10-04*/}
.main .intro_dino .ratio_con a{position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0); color: #fff; z-index: 2; display: block; width: 280px; height: 50px; margin: 75px 0 0 -140px; text-align: center; font-size: 26px; font-weight: 500; line-height: 44px; border: 2px solid #fff; border-radius: 50px; backdrop-filter: blur(8px); transition: all 0.1s linear;}
.main .intro_dino .ratio_con a:hover{ background: rgba(0,0,0,0.35); color: #00cd9f; border: 2px solid #00cd9f;}
/*스크롤아이콘생성.jinseo.2022-10-04*/
.main .intro_dino .ratio_con .main_scroll{font-size: 16px; color: #fff; position: fixed; /*top: 50%;*/ left: 50%; bottom: 10%; z-index: 2; transform: translate(-50%, 50%); /*margin-top: 56px;*/ opacity: 50%; /*opacity낮춤.jinseo.2022-10-06*/}
.main_scroll_down{ animation: up_down 0.4s alternate infinite; width:50px; height:36px; background:url('/@resource/images/jinseo/main_scroll_arrow.png') no-repeat; position: fixed; /*top: 55%;*/ left: 50%; bottom:5%; transform:translate(-50%, 50%); transition:0.4s; z-index: 2; background-size: contain; /*margin-top: 50px;*/ opacity: 50%; /*opacity낮춤.jinseo.2022-10-06*/}
@keyframes up_down {50%{transform:translate(-50%, 55%);} 100%{transform:translate(-50%, 60%);}}

.main section .h_title { position: relative; width:100%; max-width: 1200px; margin: 0 auto;}
.main section .h_title h4 { font-family: 'pretendard',Sans-serif; color: rgba(255,255,255,0.85); padding: 0 0 18px;  font-size: 17px; text-align: center; line-height: 1; font-weight: 400;}
.main section .h_title h2 { font-family: 'pretendard',Sans-serif; font-size: 60px; text-align: center; line-height: 52px; font-weight: 300; /*폰트수정.jinseo.2022-10-24*/}
.main section .h_title h2 b{ letter-spacing: 1px; /*추가.jinseo.2023-01-06*/ /*font-weight: 700;  jinseo.2022-10-24*/}
.main section .h_title h2 i{ font-style: normal; font-weight: 100;}
.main section .h_title h3 {/*position:relative; 주석처리.jinseo.2023-02-06*/ padding: 80px 0 0;/*padding수정.jinseo.2023-02-06*/ font-size: 22px; text-align: center; line-height: 32px; font-weight: 300;}
.main section .h_title h3:before{ position: absolute; content: ''; top: 138px;/*jinseo.2023-02-06*/ left: 50%; /*margin-left: -25px; 주석처리.jinseo.2022-10-24*/ height: 2px; width: 58px; background: linear-gradient(90deg, #00ff9c 0%, #00cd9f 100%); transform: translate(-50%, 0); /*css.jinseo.2022-10-24*/}
.main section.parters .h_title h3:before{ position: absolute; content: ''; top: 184px;/*jinseo.2023-02-03*/ left: 50%; /*margin-left: -25px; 주석처리.jinseo.2022-10-24*/ height: 2px; width: 58px; background: linear-gradient(90deg, #00ff9c 0%, #00cd9f 100%); transform: translate(-50%, 0); /*css.jinseo.2022-10-24*/}

.main .lanking { font-family: 'pretendard',Sans-serif !important; padding: 100px 0 50px;/*padding 조절.jinseo.2023-01-05*/ /*padding조절 jinseo.2022-12-08*/ position: relative;  /*box-shadow: 0 0 50px 50px rgba(17, 17, 17, 0.33),  0 0 25px 25px rgba(17, 17, 17, 0.66),  0 0 10px 10px rgba(17, 17, 17, 1); 주석,css변경.jinseo.2022-11-04*/ box-shadow: 0 0 50px 50px #212121;/*주석해제.jinseo.2023-02-02*/ z-index: 1; background: #212121 url('/@resource/images/jinseo/bg_js.png') 50% 2%;
    background-size: contain; /*배경추가.jinseo.2023-02-02*/}
.main .lanking:after {content:''; position:absolute; width:100%; height:50px; bottom:0; left:0; /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 주석처리.jinseo.2022-11-04*/}
.main section.lanking .h_title { /*padding: 0 0 10px; 주석처리jinseo.2022-10-24*/}
.main section.lanking .h_title h4 { text-align: left;}
.main section.lanking .h_title h2 { /*text-align: left; 주석처리.jinseo.2022-10-24*/ }
.main section.lanking .h_title h3 { /*text-align: left; 주석처리.jinseo.2022-10-24*/ /*padding-top: 100px; 주석.jinseo.2023-02-06*/}
.main section.lanking .h_title h3:before{ /*left: 0; margin-left: 0; 주석처리.jinseo.2022-10-24*/}
.main section.lanking .img_record{position: absolute; top: -150px; right: 0; width: 500px; opacity: 1; transition: all 0.5s ease-in-out; }
.main section.lanking .img_record.holded{top: -100px; opacity: 0;}
.main .lanking .new_bgm_list_block.sbm_player_wrap.number0{ /*background: #222 !important; background: linear-gradient(0deg, #111 0%, #222 90%) !important; border-radius: 8px; border: none !important; box-shadow: 0 10px 30px #000, inset 0 0px 2px rgba(255, 255, 255, 0.15); 주석처리.jinseo.2022-10-21*/}
.main .lanking .re_demo_song_list_table_wrap #bgmSearchList .thumbs { /*left:40px; background-color: transparent !important; 주석처리.jinseo.2022-10-21*/}
.main .lanking .re_demo_song_list_table_wrap #bgmSearchList .thumbs a img {border-radius:4px; box-shadow: 0 5px 15px rgba(0,0,0,0.65);}
.main .lanking .new_bgm_list_block_wrap { /*overflow: inherit !important;주석처리.jinseo.2022-10-21*/}
.main .lanking .btn-area {padding-bottom: 0 !important; }
.new_bgm_list_block { /*padding: 15px 10px 15px 120px !important; border-bottom: 1px solid rgba(0,0,0,0.5) !important; border-top: 1px solid rgba(255,255,255,0.1) !important; transition: all 0.1s linear;*/}
/* .new_bgm_list_block:hover{background: #000 !important; border-radius: 8px; border-color: transparent !important;} */
/* :hover효과 Editor's Pick는 무시 처리. jings3. 2022-10-24 */
.new_bgm_list_block:not(.number0):hover{background: #000 !important; border-radius: 8px; border-color: transparent !important;} /*댓글때문에 주석.jinseo.2023-03-23*/
.new_bgm_list_block:first-child,
.new_bgm_list_block:nth-child(2),
.main .new_bgm_list_block:nth-child(3){/*border-top: none !important;주석처리jinseo.2022-10-21*/} 
.new_bgm_list_block::before {/*font-family: 'Noto Sans KR', sans-serif; font-size: 26px; font-weight: 600; top: 5px; color: #fff !important; color: #00ad72 !important; width: 26px; letter-spacing: -2px; text-align: right;주석처리.jinseo.2022-10-21*/ display: none;/*css추가 jinseo.2022-10-31*/}
.new_bgm_list_block:hover::before { color: #00ffa8 !important; /*color변경.jinseo.2022-10-04*/}
.new_bgm_list_block .hash_tag > a {/*color: #fff !important;jinseo.2022-10-21*/}
/*버튼수정.jinseo2022-10-21*/
.new_bgm_list_block .btn_wrap li{ width: 22px; height: 22px;}
.new_bgm_list_block .btn_wrap li:nth-child(4){ /*width: auto; jinseo.2023-03-23*/}
.new_bgm_list_block .btn_wrap button.song_list_btn{ width: 100%; height: 100%; transition: 0.4s; font-size: 0;}
.new_bgm_list_block .btn_wrap button.song_list_btn.play.active{ background: url('/@resource/images/jinseo/play_btn.png') 50% 50% no-repeat;}
.new_bgm_list_block .btn_wrap button.song_list_btn.similar {  background: url('/@resource/images/jinseo/song_list_similar.png') 50% 50% no-repeat;  background-size: contain;}
.new_bgm_list_block .btn_wrap button.song_list_btn.similar:hover {  background: url('/@resource/images/jinseo/song_list_similar_hover.png') 50% 50% no-repeat; background-size: contain;}
.new_bgm_list_block .btn_wrap button.song_list_btn.favorite { background: url('/@resource/images/jinseo/favorite_line.png') 50% 50% no-repeat; background-size: contain;}
.new_bgm_list_block .btn_wrap button.song_list_btn.favorite.active { background: url('/@resource/images/jinseo/favorite_line_active.png') 50% 50% no-repeat; background-size: contain;} /*active추가.jinseo.2022-12-28*/
.new_bgm_list_block .btn_wrap button.song_list_btn.favorite:hover { background: url('/@resource/images/jinseo/favorite_line_hover.png') 50% 50% no-repeat; background-size: contain;}
.new_bgm_list_block .btn_wrap button.song_list_btn.download { background: url('/@resource/images/jinseo/download_line.png') 50% 50% no-repeat; background-size: contain;}
.new_bgm_list_block .btn_wrap button.song_list_btn.download:hover { background: url('/@resource/images/jinseo/download_line_hover.png') 50% 50% no-repeat; background-size: contain;}
.new_bgm_list_block .btn_wrap button.song_list_btn.download.active { background: url('/@resource/images/jinseo/download_fin.png') 50% 50% no-repeat; background-size: contain;} /*active추가.waspkim.2023-09-06*/
.new_bgm_list_block .btn_wrap button.song_list_btn.download.active:hover { background: url('/@resource/images/jinseo/download_fin-hover.png') 50% 50% no-repeat; background-size: contain;} /*active추가.waspkim.2023-09-06*/

.new_bgm_list_block .btn_wrap button.song_list_btn.copy{ background: url('/@resource/images/jinseo/copy_line.png') 50% 50% no-repeat; background-size: contain;} /*버튼수정.jinseo2022-10-27*/
.new_bgm_list_block .btn_wrap button.song_list_btn.copy:hover { background: url('/@resource/images/jinseo/copy_line_hover.png') 50% 50% no-repeat; background-size: contain;} /*버튼수정.jinseo2022-10-27*/
.new_bgm_list_block .btn_wrap button.song_list_buy { border: 1px solid #fff; border-radius: 20px; padding: 1px 10px; width: 50px; font-size: 13px; background: transparent;}
.new_bgm_list_block .btn_wrap button.song_list_btn { background: url('/@resource/images/jinseo/reply_line.png') 50% 50% no-repeat; background-size: contain; width: 100%; height: 100%; transition: 0.4s; font-size: 0;} /*버튼수정.jinseo.2023-03-27*/
.new_bgm_list_block .btn_wrap button.song_list_btn:hover { background: url('/@resource/images/jinseo/reply_line_on.png') 50% 50% no-repeat; background-size: contain;}/*.jinseo.2023-03-27*/
.new_bgm_list_block .bgm_list_head button.song_list_btn.copy:hover{ background-image: url(../images/re/song/song_list_ico13on.png) !important;}
.new_bgm_list_block .song_name {/*font-weight: 400 !important;주석처리.jinseo.2022-10-21*/}
.new_bgm_list_block .musician {color:#777;}
.new_bgm_list_block .musician strong {font-weight: 300 !important;}
.new_bgm_list_block .song_name {/*color:#ccc;주석처리.jinseo.2022-10-21*/}
.new_bgm_list_block .musician strong {color:#aaa;}
.new_bgm_list_block .bgm_list_head button.song_list_buy { border: 1px solid #fff !important; color: #fff !important; border-radius: 8px !important;}
.new_bgm_list_block .bgm_list_head button.song_list_buy:hover { background: #00cd9f !important;}

.main .daily {position: relative; z-index: 1; padding-bottom: 170px; background:#000 url(../images/common/bg_theme.jpg) 50% 0 no-repeat; background-size: 100%; background-position: bottom;}
.main .daily .h_title {padding-top: 50px;}
.main .daily .h_title h2{text-align: left;}
.main .daily .daily-list {display: block !important; width: 1232px; margin: 25px -16px 0;}
.main .daily .daily-list .slick-list{ padding-bottom: 40px !important;}
.main .daily .daily-list li.sbm_player_wrap { display: block; background: #333; width:144px; height:144px; margin: 0 16px;  border-radius: 8px !important; box-shadow: 0 10px 30px #000;}
.main .daily .daily-list li.sbm_player_wrap .ico-play { bottom: 10px; top: auto; right: 7px; left: auto; width: 30px; height: 30px; line-height: 30px;  background: url(../images/common/new_list_play_ico.png) 2px 0 no-repeat; background-color: transparent; background-size: 30px; border-radius: 50%; transition: all 0.15s linear;}
.main .daily .daily-list li.sbm_player_wrap .ico-play:hover { transform: scale(1.2) !important;}
.main .daily .daily-list li.sbm_player_wrap .ico-play.active{ background: url(../images/common/new_list_play_ico_active.png) 0 0 no-repeat; background-size: 30px;} 
.main .daily .daily-list li.sbm_player_wrap .text-wrap{ text-align: left; height: 40px !important; width: 134px; margin: 0 5px 5px; padding: 0 25px 0 10px; border-radius: 6px; background: rgba(0,0,0,0.15); backdrop-filter: blur(8px); box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0px 2px rgba(255,255,255,0.15);    box-sizing: border-box;}
.main .daily .daily-list li.sbm_player_wrap .text-wrap::before {display: none;}
.main .daily .daily-list li.sbm_player_wrap .text-wrap h3{ width: 100%; height: 20px !important; text-align: left; padding-top: 5px !important; font-weight: 500; font-size: 14px;}
.main .daily .daily-list li.sbm_player_wrap .text-wrap .tag { padding-top: 1px !important; font-weight: 300; font-size: 12px;}
.main .daily .daily-list li.sbm_player_wrap .thumb:hover img,
.main .daily .daily-list li.sbm_player_wrap:hover .thumb img {transform: scale(1) !important; /*filter: brightness(0.75);*/}
.main .daily .daily-list li .thumb img { width: 100% !important;}
.main .daily .slick-prev,
.main .daily .slick-next { top: -43px; opacity: 1; border-radius: 8px; border: 2px solid rgba(255,255,255,0.5);}
.main .daily .slick-prev:hover,
.main .daily .slick-next:hover{border: 2px solid #00cd9f;}
.main .daily .slick-prev:before,
.main .daily .slick-next:before {font-size: 0; color: transparent;}
.main .daily .slick-prev { right: 66px; left: auto; background: transparent url(../images/layout/clip_ico_prev.png) 8px 8px no-repeat; background-size: 20px;}
.main .daily .slick-next { right:16px; background:transparent url(../images/layout/clip_ico_next.png) 8px 8px no-repeat; background-size: 20px;}
.main .daily .slick-prev:active { right: 66px; left: auto; background:#00cd9f url(../images/layout/clip_ico_prev.png) 8px 8px no-repeat; background-size: 20px;}
.main .daily .slick-next:active { right:16px; background:#00cd9f url(../images/layout/clip_ico_next.png) 8px 8px no-repeat; background-size: 20px;}
.main .daily .slick-dots{ position:absolute; top: -57px; right: 137px;}
.main .daily .slick-dots li{ margin:0 4px; height: 8px; width: 8px; border-radius: 50%; display: inline-block; background: rgba(255,255,255,0.35); cursor: pointer; transition: background 0.15s linear; }
.main .daily .slick-dots li button{font-size: 0; color: transparent; }
.main .daily .slick-dots li:hover{ background: rgba(255,255,255,1);}
.main .daily .slick-dots li.slick-active{ background: #00cd9f; cursor: default;}

.main .daily .theme-list {padding-top: 38px;}
.main .daily .theme-list li{overflow: hidden; border-radius: 8px; box-shadow: 0 10px 30px #000;}
.main .daily ul li > a dl > dt { padding: 5px 18px; height: 60px; bottom: 10px; margin-bottom:0; border-radius: 6px; background: rgba(0,0,0,0.15); backdrop-filter: blur(8px);  box-shadow: 0 2px 6px rgba(0,0,0,0.35), inset 0 0px 2px rgba(255,255,255,0.15);}
.main .daily ul li > a dl > dt:hover { background:  rgba(0,0,0,0.15); color: #fff;}
.main .daily ul li > a dl > dd.album { left: 36px; bottom: 20px;}
.main .daily .theme-list li a .thumb { transition: all 0.15s linear;}
.main .daily .theme-list li a .thumb::before {opacity: 0 !important;}
.main .daily .theme-list li a:hover .thumb { opacity: 1; transform: scale(1.05); filter: brightness(1.1);}

.expected .new_distribution_main{position: relative; background: #000 url(../images/common/bg_theme_rotation.jpg) 50% 0 no-repeat; background-size: 100%; background-position: top; border-top: none; padding:0 0 170px 0 !important; z-index: 1;}
.expected .new_distribution_main .h_title h2,
.expected .new_distribution_main .h_title h3,
.expected .new_distribution_main .h_title h4 { text-align: left;}
.expected .new_distribution_main .h_title h3:before{left: 0; margin-left: 0;}
.expected .new_distribution_main .h_title h4 {margin:0;}
.expected .new_distribution_main .h_title .btn-area { padding: 40px 0 0 !important; text-align: left;}
.expected .new_distribution_main .h_title .btn-area .btn.btn_a { width:220px !important; margin-right:10px;}

.expected .new_distribution_main_wrap{position:absolute; right: 50%; margin-right: -600px; top:0px;width: auto;}
.expected .new_distribution_main_wrap .new_distribution_form_wrap {}
.expected .new_distribution_main_wrap .new_distribution_form_wrap .sbm_player_wrap{ min-height: 322px; border: none; border-radius: 8px; background: rgba(0,0,0,0.5); backdrop-filter: blur(8px); box-shadow: 0 10px 30px #000, inset 0 0px 2px rgba(255,255,255,0.15); box-sizing: border-box; padding:30px;}
.new_distribution_form_wrap > div.lt{width:560px !important;}
.new_distribution_form_wrap > div.lt .distribution_thumb_wrap {margin: 0 30px 0 -90px; box-shadow: 0 10px 30px #000; border-radius: 8px !important; background-color: transparent !important;}
.new_distribution_form_wrap > div.lt .distribution_thumb_wrap .thumbs img{ opacity: 1 !important; transform: scale(1) !important;}
.new_distribution_form_wrap ul.ico_btn {margin-left:-5px !important;}
.new_distribution_form_wrap ul.ico_btn li button.song_list_btn{ transition: all 0.15s linear;}


.main .bgm{background: #111 !important; padding: 170px 0;}
.bgm_main_clip{border: none !important;}
.bgm_main_clip_wrap h3,
.bgm_main_clip_wrap h4{margin: 0 !important;}
.bgm_main_clip_wrap .movie_clip_wrap > div.txt_wrap > div.wrap_in01 > div.info{ font-size: 16px !important; font-weight: 300 !important; border-bottom: 1px solid rgba(0,0,0,0.5) !important;}
.bgm_main_clip_wrap .movie_clip_wrap > div.txt_wrap > div.wrap_in01 > div.info:before { background-image: url(../images/common/ico_music2.png) !important; background-size: cover;}
.bgm_main_clip_wrap .movie_clip_wrap > div.txt_wrap > div.wrap_in01 > div.title{ border-top: 1px solid rgba(255,255,255,0.1) !important;}
.bgm_main_clip_wrap .movie_clip_wrap > div.txt_wrap > div.wrap_in01 > div.hash a { border:none !important; background: #000 !important; color: #fff !important; padding: 1px 10px 2px !important; margin: 0 0px 3px !important;}
.bgm_main_clip_wrap .movie_clip_wrap > div.txt_wrap > div.melody button.song_list_btn.play { background-image: url('/@resource/images/jinseo/play_btn.png') !important;}
ul.ico_btn li button.song_list_btn.similar { background-image: url(../images/song/song_list_ico14_white.png) !important;}
ul.ico_btn li button.song_list_btn.similar:hover { background-image: url(../images/song/song_list_ico14on.png) !important;}
ul.ico_btn li button.song_list_btn.copy { background-image: url('/@resource/images/re/song/song_list_ico13_white.png') !important;}
ul.ico_btn li button.song_list_btn.copy:hover { background-image: url('/@resource/images/re/song/song_list_ico13on.png') !important;}
ul.ico_btn li button.song_list_btn.favorite { background-image: url(../images/re/song/song_list_ico04_white.png) !important;}
ul.ico_btn li button.song_list_btn.favorite:hover { background-image: url(../images/re/song/song_list_ico04_mint.png) !important;}
ul.ico_btn li button.song_list_btn.download { background-image: url(../images/song/song_list_ico08_white.png) !important;}
ul.ico_btn li button.song_list_btn.download:hover { background-image: url(../images/re/song/song_list_ico08_mint.png) !important;}
ul.ico_btn li button.song_list_buy { border: 1px solid #ccc !important; color: #fff !important; border-radius: 8px !important;}
ul.ico_btn li button.song_list_buy:hover {background: #00cd9f !important;}
.bgm_main_clip_wrap .movie_clip_thumbs_wrap ul li div.thumbs_wrap{ transition: all 0.15s linear; filter: grayscale(1);}
.bgm_main_clip_wrap .movie_clip_thumbs_wrap ul li div.thumbs_wrap:hover,
.bgm_main_clip_wrap .movie_clip_thumbs_wrap ul li div.thumbs_wrap.active{ filter: grayscale(0);}
.bgm_main_clip_wrap .movie_clip_thumbs_wrap ul li div.thumbs_wrap:before{ content: url(../images/vote/vote_list_movie_play01.png); width: 100%; text-align: center; position: absolute; top: 38px; left: 0; opacity: 0; transition: all 0.15s linear;}
.bgm_main_clip_wrap .movie_clip_thumbs_wrap ul li div.thumbs_wrap:hover:before { opacity: 0.7;}

.main_brand_ban_wrap ul li img,
.main_brand_ban_wrap ul li.more_contents_btn .open_btn .plus_ico,
.main_brand_ban_wrap ul li.close_contents_btn .close_btn .minus_ico{border-radius: 8px !important; box-shadow: 0 5px 15px #000 !important; filter: grayscale(1);}
.main_brand_ban_wrap ul li img,
.main_brand_ban_wrap ul li p{ font-weight: 400 !important;}
.main_brand_ban_wrap ul li img{ transition: all 0.15s linear;}
.main_brand_ban_wrap ul li:hover img{ filter: grayscale(0);}
.main section.partenrs .h_title h3 {/*padding: 25px 0 0; 주석처리.jinseo.2023-02-06*/}
.main section.partenrs .h_title h4 { margin:0 !important;}



div.bgm_all_wrap > footer{background-image: none !important; background: #000; color: #ccc; padding:170px 0 !important;}
div.footer_btn_line dl:first-child {width: 40%;}
div.footer_btn_line dl {width:15%;}
div.footer_btn_line dl dt { color: #007f54 !important; font-weight: 700;}
div.footer_btn_line dl dd a{ color: #ccc !important;}
div.footer_btn_line dl dd a:hover{color: #fff !important;}
div.bgm_all_wrap > footer span{ color: #ccc !important;}
div.bgm_all_wrap > footer ul.footer_btn02{ text-align: left !important;}
div.bgm_all_wrap > footer ul.footer_btn02 li a.social_btn{ width: 26px; height: 26px; opacity: 0.75 !important; margin: 0 5px 0 0 !important; }
div.bgm_all_wrap > footer ul.footer_btn02 li a.social_btn:hover{ opacity: 1 !important; }
div.bgm_all_wrap > footer span{padding: 50px 0 0 0;}
div.bgm_all_wrap > footer div.footer_wrap > span div.bank_info{ top: auto !important; bottom: 10px; border: 2px solid #333 !important; border-radius: 8px !important}
.main_brand_list_wrap{padding: 60px 0 80px !important;/*변경 jinseo.2023-01-05*/ /*background: linear-gradient(0deg, #111 0%, #000 100%) !important 주석처리.jinseo.2022-11-04*/ /* box-shadow: 0 0 50px 50px #212121; 주석 jinseo.2022-11-09*/ background: #111; /*css추가.jinseo.2022-11-07*/}






/*sub_page*/
.select_effect_type{background-image: none !important;}
.bgm_search_bar input[type=text] { border-radius: 8px;}
.re_bgm_list_moving_bar_wrap{ padding-bottom: 0 !important; background:none !important;}
.re_bgm_list_moving_bar_fixed{background-color: rgba(0,0,0,0) !important; backdrop-filter: blur(8px); min-height:55px !important;}
.re_bgm_list_moving_bar_fixed.active{background-color: rgba(0,0,0,0.65) !important;}
.re_bgm_list_moving_bar ul.category li button{color:#fff;}
.re_bgm_list_moving_bar ul.category li button.active{background: url(../images/common/arrow_active_w.png) 100% 50% no-repeat !important;}
.re_bgm_list_moving_bar ul.category li + li{border-left: 2px solid #000 !important;}

div.re_list_paging ul li a{ font-weight: 300 !important; color: #aaa !important;background-color: transparent !important; border: 1px solid #333 !important; line-height: 28px !important; transition: all 0.15s linear;}
div.re_list_paging ul li a.prev,
div.re_list_paging ul li a.next{ background-color: #ccc !important;}
div.re_list_paging ul li a:hover{border: 1px solid #fff !important;}
div.re_list_paging ul li a strong {font-weight: 500 !important; color: #fff !important;}

.bgm_list_player_option_box button.volume { background-image: url(../images/bgm_list/player_volume_ico_white.png) !important;}

.bgm_list_player_option_box button.volume.mute { background-image: url(../images/bgm_list/player_volume_ico_white_off.png) !important;}


/* #duration_custom_handle 재생시간슬라이드 추가. jings3. 2022-11-16 */
.volume_bar_wrap .ui-widget-header, #duration_custom_handle, 
#volume_custom_handle{ background: #fff !important;}
.volume_bar_wrap.ui-widget-content{ background: #777 !important;}


.bgm_detail_wrap .detail_box_wrap,
.free_bgm_txtplus,
.free_soundeffect_txtplus,
.sub.beat .note{background-color: #212121 !important;/*컬러변경.jinseo.2022-12-21*/ border: none !important; border-radius: 8px !important; box-shadow: 0 10px 30px #000, inset 0 0px 2px rgba(255, 255, 255, 0.15);}
.bgm_detail_wrap .detail_box_wrap .bgm_view_tag_wrap > a,
.new_bgm_list_block .btn_wrap .hip_buy_btn{ /*border: 1px solid #fff !important; 주석처리.jinseo.2022-10-27*/ color: #fff !important;}
.bgm_detail_wrap .detail_box_wrap .bgm_view_tag_wrap > a:hover,
.new_bgm_list_block .btn_wrap .hip_buy_btn:hover{ border: 1px solid #00cd9f !important; background-color: transparent !important;}

div.bgm_search_re_table .special_tbl_wrap.tbl_form02.active > div.lt{color:#000;}
.bgm_search_bar a.btn{background-color: #ccc !important; border-radius: 50%;}
.bgm_search_bar a.btn:hover{background-color: #fff !important;}
.bgm_search_bar a.btn { top: 5px !important; width: 34px !important; height: 34px !important; background-size: 30px !important; background-position: 50% !important;}
.bgm_search_bar a.btn2{background-image: url(../images/re/song/song_list_ico04_mint.png) !important; border-radius: 50%;}
.bgm_search_bar a.btn2.active{background-image: url(../images/re/song/song_list_ico04_white.png) !important; background-color: #00a791;}
.one_dollar_nav ul.chapter01 li > a.active { border: 1px solid #00ff9c !important;}
.one_dollar_nav ul.chapter02 { border-radius: 8px;}
.one_dollar_nav ul.chapter02.click_on li > a > i { background: #000; border-radius: 50%; padding: 2px; box-sizing: content-box;}
.new_bgm_list_block > .thumbs,
.new_bgm_list_block > .thumbs img{/*border-radius: 4px; 주석처리.jinseo.2022-10-21*/}

/**artist search list 썸네일관련처리. jings3. 2022-04-13 */
.artist_list_block > .thumbs img{border-radius: 50%;}

.renew_pc_sub_title_format01_wrap div.title_format01 h2{ color: #fff !important;}
.renew_pc_sub_title_format01_wrap div.title_format01 h2 span {color:#999 !important;}

.agree_rule_wrap .tit,
.sub.beat .note li{color: #fff !important;}
.agree_rule_wrap p, .agree_rule_wrap ul li{color: #ccc !important;}

div.re_join_format_wrap > div div.point_input h5 input {border-radius: 8px; padding: 5px 10px 10px 10px !important;}
div.re_join_format_wrap > div div.point_input h4{color:#000;}
div.re_join_format_wrap > div.join_input .join_special_btn a{border-radius: 8px; border-color: #fff !important;}
div.re_join_format_wrap > div.join_input .join_special_btn a:hover{border-radius: 8px; color:#00cd9f; border-color: #00cd9f !important;}
div.re_join_format_wrap > div ul li input[type=checkbox] + label,
.bgm_out_bank_input_wrap > li div ul li input[type=checkbox] + label{border-radius:8px;}
div.re_join_format_wrap > div ul li input[type=checkbox] + label:before,
.bgm_out_bank_input_wrap > li div ul li input[type=checkbox] + label:before{ background-color: #fff; border-radius: 50%; background-size: 20px !important; background-repeat: no-repeat; background-position: 50%;}
div.re_price_submit_area.join_btn button{ border:1px solid #fff !important; color:#fff;  border-radius: 8px;}
div.re_price_submit_area.join_btn button.submit{ border:1px solid #00cd9f !important; color:#00cd9f !important;}
div.re_price_submit_area.join_btn button:hover{ border-width:2px !important; }

.bgm_password_chk > li div.point_input h5 input{    border-bottom: 2px solid #fff !important;}

ul.re_bgm_solting_hash { padding-left: 115px !important;}
ul.re_bgm_solting_hash li.all_clear_wrap { width: 115px !important;}
ul.re_bgm_solting_hash li a.hash_btn:after{background-image: url(../images/common/ico_del_01.png) !important;}
ul.re_bgm_solting_hash li a.all_clear { background: #ccc; color: #000; padding: 6px 10px; border-radius: 50px;}
ul.re_bgm_solting_hash li a.all_clear:hover { background: #fff; }
div.bgm_search_re_table .special_tbl_wrap > div.rt span:hover{ color:#000;}
.faq_list_all_wrap .qna_wrap > div.qna_wrap_a {color:#000;}

table.re_mypage01_tbl td{}
.pop_member_wrap div.point_input h4{color:#777;}
.pop_member_wrap div.point_input h5 input{ border-radius: 8px;}


.phone_my_info_wrap > ul > li > dl dt, .phone_my_info_wrap > ul > li > dl dd{color: #000;}



.theme .content-primary .theme-wrap .theme-list li a { border-radius: 8px; box-shadow: 0 10px 30px #000;}
.theme .content-primary .theme-wrap .title{ width: 364px; font-size: 14px; text-align: center; padding: 5px 15px; /*height: 34px;*/ bottom: 10px; margin-bottom: 0; border-radius: 6px; background: rgba(0,0,0,0.15); backdrop-filter: blur(8px); box-shadow: 0 2px 6px rgba(0,0,0,0.35), inset 0 0px 2px rgba(255,255,255,0.15); word-break: keep-all; }
.theme .content-primary .theme-wrap .theme-list li a::before {opacity: 0 !important;}


/*event*/
div.re_event_list_wrap ul.list_style01 li > div.subject a{ font-weight: 500; word-break: keep-all;} /*이벤트리스트리뉴얼.jinseo.2023-04-24*/
div.re_event_list_wrap ul.list_style01 li:first-child > div.subject a{ font-weight: 500; word-break: keep-all; margin-bottom: 30px; display: block;} /*이벤트리스트리뉴얼.jinseo.2023-04-24*/
div.re_event_list_wrap ul.list_style01 li > div.subject p{ font-size: 15px; line-height: 1.7; font-weight: 300; margin-bottom: 106px;} /*이벤트리스트리뉴얼.jinseo.2023-04-25*/
div.re_event_list_wrap ul.list_style01 li > div.thumbs a img{ border-radius: 8px;}
div.re_event_list_wrap ul.list_style01 li > div.value span{border: 1px solid #666 !important; color: #aaa !important; border-radius: 8px;}
div.re_event_list_wrap ul.list_style01 li > div.value.onair span{border: 1px solid #00ff9c !important; color: #00ff9c ;}/*이벤트리스트리뉴얼.jinseo.2023-04-25*/


/*hiphopneat*/
#hiphopbeatList .new_bgm_list_block .btn_wrap .hip_buy_btn{ /*border-radius: 8px !important; border:1px solid #fff !important;*/ /*주석처리 jinseo.2022-10-27*/}
#hiphopbeatList .new_bgm_list_block .btn_wrap .hip_buy_btn:hover{ /*background: #00cd9f !important;*/ border: 1px solid #00ffa8 !important; color: #00ffa8 !important;/*css변경 jinseo.2022-10-27*/}
/* *hiphopbeat(renual)*/
#hiphopbeatList .new_bgm_list_block .btn_wrap2 .hip_buy_btn2{ border-radius: 50px !important; border:1px solid #fff !important;}
#hiphopbeatList .new_bgm_list_block .btn_wrap2 .hip_buy_btn2:hover{ background: #00cd9f !important;}
/* *hiphopbeat stem(red) */
#hiphopbeatList .new_bgm_list_block .btn_wrap2 .hip_buy_btn3{border-radius: 50px !important;border: 1px solid #cd2e2e !important;background-color: #cd2e2e;}
#hiphopbeatList .new_bgm_list_block .btn_wrap2 .hip_buy_btn3:hover{ background: #00cd9f !important;}




/*blog*/
.renew_pc_news_list { padding: 15px 0 150px !important; background: none !important;}
.renew_pc_news_list_wrap,
.re_vocal_detail_wrap th,
.re_vocal_detail_wrap td,
.re_vocal_detail_wrap input,
.re_vocal_detail_wrap select,
.re_vocal_detail_wrap textarea,
.re_vocal_detail_wrap button{color:#333;}
.re_vocal_detail_wrap{ background: #fff; color:#333;}

div.re_pc_reply_info h3,
div.re_pc_reply_info p{color: #ccc;}
.re_pc_reply_format .reply_header ul li a,
div.re_pc_reply_format div.reply_contents div.reply_box h5,
div.re_pc_reply_format div.reply_contents div.reply_box div.txt_line{color: #fff !important;}
.re_pc_reply_format .reply_header ul li a:before { filter: invert(1);}
.re_pc_reply_format .reply_header ul li a.active {color:#f33 !important;}
.re_pc_reply_format .reply_header ul li a.active:before { filter: invert(0);}
.renew_pc_reply ul.textarea_format li textarea{border-radius: 8px 0 0 8px; background: #000 !important;}
.renew_pc_reply ul.textarea_format li.reply_btn a{border-radius: 0 8px 8px 0;}
.renew_pc_reply ul.textarea_format li.reply_btn a:hover{border:1px solid #fff !important;}
button.re_reply_on_btn { /*border: 1px solid #fff !important; color: #fff !important;*/} /*수정.jinseo.2023-03-21*/
button.re_reply_on_btn:hover { background: #333 !important;}
button.re_reply_on_btn:after { background: url(../images/common/arrow_active_w.png) 8px 6px no-repeat !important; background-size: 9px 7px !important; -webkit-background-size: 9px 7px !important;}
ul.like_line li a { /*filter: brightness(2);*/} /*jinseo.2023-03-22*/
div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li a.claim,
.re_pc_reply_format .reply_header ul li a.active{font-weight: bold;}
/*subscription*/

.price .content-primary .type-wrap .type{ opacity: 0; top:30px; border-radius: 8px;}
.price .content-primary .type-wrap .type .btn-license { right: 50%; width: 120px; margin-right: -60px;  bottom: 30px; text-align: center;}
.price .content-primary .type-wrap .type .list {}
.price .content-primary .type-wrap .type p {text-align: center; padding-left:0 !important; padding-top: 10px !important; font-size: 14px !important;}
.price .content-primary .result .title-area .input-text { padding: 0 30px; border: 1px solid #ccc; border-radius: 8px;}
.price .content-primary .result .link-area .notice-text,
.bgm_out_caution_message {color:#ff9090 !important; font-weight: bold;}
.price .content-primary .payment #agreeInfoDesc textarea{border-radius: 0 0 8px 8px;}
.price .content-primary .result .link-area .field,
.price .content-primary .payment .method li a,
.price .content-primary .btn-area a.btn.large.weight.buy { border-radius: 8px;}
.price .content-primary .payment .method li a,
.price .content-primary .btn-area.two a,
.price .content-primary .btn-area.two a.btn-agree span{height:52px; line-height:52px;}
.price .content-primary .btn-area a.btn.large.weight.buy:hover {box-shadow: inset 0 0 0 2px #fff;}
.price .content-primary .btn-area a.btn.large.weight.buy:active {background: #fff; color:#00c884; }
.price .content-primary .btn-area.two a {border-radius: 8px 0 0 8px ; height: 52px !important;}
.price .content-primary .btn-area.two a.btn-agree {border-radius: 0 8px 8px 0 ;}
.price .content-primary .result .link-area .field .insert .input-wrap button {border-radius: 8px;}
.price .content-primary .payment .method{}

/*popup*/
#creditPop,
#sbmSafePop,
#myAlbumListPop,
#myAlbumAddNewPop,
#freeBgmUseGuidePop,
#freeBgmNoDownloadPop,
#artistSnsUrlPop,
#bankPurchaseInfoPop,
free_pop_block,
free_pop_wrap03,
song_list{color:#111;}

/*productionRequest*/
.song_price_input_in_tbl_wrap table.input_in_tbl th{ color:#111;}

/*pressRelease*/
table.re_mypage01_tbl td{vertical-align: middle;}
table.re_mypage01_tbl td img{margin-right: 20px;}
.re_mypage01_tbl td.y_ch_td{background-color: #222 !important; transform: translateY(-1px);}
table.re_mypage01_tbl td button.download {background-image: url(../images/re/song/song_list_ico08_white.png) !important;}
table.re_mypage01_tbl td button.copy { background-image: url(../images/re/song/song_list_ico13_white.png) !important;}

/*distribution*/
.distribution_ready_music_wrap .music_list .music_wrap{  border: none !important; border-radius: 8px !important; box-shadow: 0 10px 30px #000, inset 0 0px 2px rgba(255,255,255,0.15) !important; -webkit-box-shadow: 0 10px 30px #000, inset 0 0px 2px rgba(255,255,255,0.15) !important; background-color: #111 !important;}
.title h3 span {color:#ccc !important;}

/*mypage*/
.bgm_out_bank_input_wrap > li div.point_input h5 input {border-bottom: 2px solid #555 !important;}
.bgm_out_bank_input_wrap > li div.point_input h5 input:focus { border-bottom: 2px solid #47cead !important;}