/* Theme Name: Appland Child Theme URI: http://droitthemes.com/wp/appland-main/ Template: appland Author: CodePixar Author URI: https://themeforest.net/user/creativegigs/portfolio Description: Appland is a powerful Responsive App Landing WordPress theme. It is 100% responsive and looks stunning on all types of screens and devices. Version: 1.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: appland-child */ @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=M+PLUS+Rounded+1c:wght@700&display=swap'); @import url(https://www.jammates.pro/wp-content/plugins/js_composer/assets/css/lib/vc-open-iconic/vc_openiconic.min.css?ver=6.5.0); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css?_cacheOverride=1715332490587"); .d_none { display: none !important;} /* ==================== [ header ] ==================== */ html, body {max-width: 100vw !important; overflow-x: hidden !important;} body nav.navbar.navbar-fixed-top.affix-top { padding-top: 0; max-width: 100vw;} .hdr_top_bar { background-color: #000; max-width: 100vw;} .hdr_top_bar .hdr_top_inner { display: flex; justify-content: flex-end; align-items: center; max-width: 1240px; margin: 0 auto; padding: 10px 20px;} .hdr_top_bar .log_box { display: flex; gap: 24px;} .hdr_top_bar .log_box.login { display: flex;} .hdr_top_bar .log_box.logout { display: none;} .page-template-default.logged-in .hdr_top_bar .log_box.login { display: none;} .page-template-default.logged-in .hdr_top_bar .log_box.logout { display: flex;} .hdr_top_bar .log_box::after { content: ''; display: inline-block; width: 1px; height: 12px; margin-right: 26px; background-color: #fff;} .hdr_top_bar .log_box .txt { font-weight: 500; font-size: 12px; line-height: 1; color: #fff;} .hdr_top_bar .sns_box { display: flex; gap: 10px;} .hdr_top_bar .sns_box .ico { display: block; width: 18px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .hdr_top_bar .sns_box .ico::before { content: ''; display: block; width: 100%; padding-top: 100%;} .hdr_top_bar .sns_box .ico_insta { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_insta_white.svg)} .hdr_top_bar .sns_box .ico_yt { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_yt_white.svg)} .hdr_top_bar .sns_box .ico_fb { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_fb_white.svg)} .hdr_top_bar .lang_box { position: relative; margin-left: 22px;} .hdr_top_bar .lang_box .lang_btn { display: flex; gap: 4px; align-items: center; padding: 3px 7px 3px 9px; border: none; border-radius: 5px; background-color: #fff; font-weight: 500; font-size: 10px; line-height: 1.2; color: #000;} .hdr_top_bar .lang_box .lang_btn::before { content: ''; display: block; width: 6px; height: 5px; background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/arw_down_lang.svg); background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .hdr_top_bar .lang_box .lang_btn[aria-expanded="false"]::before { transform: rotate(180deg);} .hdr_top_bar .lang_box .lang_list, .hdr_top_bar .lang_box .lang_item { padding: 0; list-style: none;} .hdr_top_bar .lang_box .lang_list { position: absolute; z-index: 50; overflow: hidden; left: 0; top: calc(100% + 10px); width: 100%; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 5px 2px rgba(0,0,0,.3);} .hdr_top_bar .lang_box .lang_item:nth-child(n+2) { border-top: 1px solid #d4d4d4;} .hdr_top_bar .lang_box .lang_item .lang_opt { padding: 2px 4px; background-color: #fff; font-weight: 500; font-size: 10px; color: #000;} #apple, #google { display: none !important;} .header-home .app-btn { width: auto; height: auto; line-height: 1; padding: 9px 23px;border-radius: 30px;} .site_icon_list { display: inline-block; font-size: 0; vertical-align: middle;} .site_icon_list a { display: inline-block; margin-left: 10px; vertical-align: top;} .wave { height: 500px;} .page-template-default.home .navbar-right { display: flex; align-items: center;} .page-template-default.home .navbar-right .track_link { margin-right: 50px; color: #edd5b2;} .page-template-default:not(.home) #bs-example-navbar-collapse-1 #nav-menu-item-4081 { display: none !important;} .page-template-default:not(.home) .hdr_top_bar .lang_box { display: none !important;} @media (max-width: 991px){ .page-template-default.home .navbar-right { flex-direction: column; align-items: flex-start; margin-right: 0;} #nav.menu { padding-top: 10px;} .hdr_top_bar .hdr_top_inner {max-width: 100vw !important;} } /* ==================== [ common ] ==================== */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} .footer-top { display: none !important;} .footer_bottom .col-sm-5 { width: 100% !important;} #wpforms-submit-443 {width: 100% !important;} .col-sm-5 p {text-align: center !important;} .vc_tta-tabs-list {text-align: center !important;} body .header-home { padding-bottom: 380px !important;} body .navbar.affix-top .navbar-nav > .menu-item a { color: #fff;} body .navbar.affix-top #bs-example-navbar-collapse-1 .navbar-nav.menu li a:hover { color: #fff;} body .navbar .navbar-nav li.active a, body .navbar .navbar-nav li a:hover {border-color: #edd5b2;} body .navbar.affix .navbar-nav > .menu-item a { color: #0a5b6c;} body .navbar.affix #bs-example-navbar-collapse-1 .navbar-nav.menu li a:hover { color: #0a5b6c;} body .navbar.affix .navbar-nav.menu li.active a { color: #0a5b6c;} body .navbar.affix .navbar-nav.menu li a:hover { color: #0a5b6c; border-color: #edd5b2;} #hero p { color: #edd5b2;} #apple { color: white; font-size: large;} #google { color: white; margin: 45px; font-size: large;} body .more_features_four .exclusive_features-two .media:hover h2 {background-image: -webkit-linear-gradient(0deg, #c2f696 0%, #0c5767 100%) !important; color: #c2f696;} .sec_features_item .icon {display: none;} #features2 .title { font-weight: bold;} #features2 .container .row div:nth-child(1) div { margin-bottom: 130px;} #ico5, #ico6, #ico7, #ico8 { border: 2px solid #9c8365; border-radius: 10px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #ico5_on, #ico6_on, #ico7_on, #ico8_on { background: #9c8365; border-radius: 10px; border: 2px solid #9c8365; border-radius: 10px;} /*#ico5_on, #ico6_on, #ico7_on, #ico8_on { display: none;}*/ .sec_features_item img { max-height: 65px;} .col-sm-4 .sec_features_item:hover .icon {background: #9c8365 !important;} .col-sm-4 .sec_features_item:hover .title { color: #9c8365 !important;} /*#download .app-btn:nth-child(3) {width: 165px;}*/ #download p { color: #edd5b2;} #download a { padding: 10px 22px; width: auto; height: auto; line-height: 1; border-radius: 30px; padding: 10px;} .img_box { display: inline-block; position: relative; width: 65px; height: 65px; margin-bottom: 0 !important;} .img_box img { position: absolute; left: 0; top: 0; width: 100%;} .img_box img:nth-child(2) { display: none;} #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { border-radius: 30px; font-weight: 700;} #sb_instagram svg:not(:root).svg-inline--fa { height: 22px;} #sb_instagram .sbi_follow_btn .fa, #sb_instagram .sbi_follow_btn svg { color: white; margin-bottom: -4px;} #sb_instagram .sb_instagram_header { text-align: center;} #sb_instagram .sb_instagram_header a { float: none; display: inline-block; padding-left: 45px;} #seon { display: inline-block; list-style: none;} #seon li.item {float: left; margin: 1px; } #seon li.item a { display: block; background-color: #125766; position: relative; color: #c5bba3; height: 56px; line-height: 56px; padding: 0 16px;} #seon li.item.active a::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background-color: #c5bba3;} #seon_wrapper {text-align: center; padding-right: 50px;} body #wpforms-form-443 img.wpforms-submit-spinner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 5px)); margin: 0; } body #mySwiper .screenshot_area_four { display: none; } body #mySwiper .screenshot_area_four.active { display: block; } body .swiper-container .color-p .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #9a8369 !important;} body .swiper-container .color-p .swiper-pagination-bullet, .owl-dots .owl-dot { background: #cec2ab !important;} body .swiper-container .color-p .swiper-pagination-bullet { border-color: #9a8369 !important;} body .more_feature_area.more_features_four .more_features.exclusive_features-two { font-size: 0;} body .more_feature_area.more_features_four .col-md-6 { display: inline-block; float: none; font-size: 16px; vertical-align: top;} body .more_feature_area.more_features_four .col-md-6 .media-body p { font-size: 16px;} body #faq .wrap .num { transform: scaleX(0.95); font-family: 'Quicksand' !important; font-weight: 700; color: #0a5864 !important; font-size: 50px} body #faq .wrap .row1 { color: #0a5864 !important; font-weight: 800; font-size: 18px} body #faq .wrap .row2 { color: #9b8367 !important; font-size: 16px} body .wpb_wrapper > .wrap:nth-child(1) { border-top: 1px solid #dcd5cd;} body .wrap { display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #dcd5cd;} body .left { display: flex; align-items: baseline; flex-direction: row-reverse; width: 178px; padding-right: 30px;} body .right { width: calc(100% - 178px); padding: 50px 0;} body .navbar-header {max-width: 100vw;} body .navbar-header .navbar-brand { margin-top: 5px;} body .navbar-right #nav.menu>li { margin-right: 34px;} /* 600px 이하일때 */ @media screen and (max-width: 600px){ #apple { display: block;} #google { display: contents;} } @media screen and (min-width: 991px){ .header-home .site_url .app-btn + .app-btn { margin-left: 20px; margin-right: 20px;} } @media screen and (max-width: 992px){ #home img.img-header-lg { display: none; } } @media screen and (max-width: 770px){ body .navbar-header .navbar-brand { margin-left: 15px !important;} } @media screen and (max-width: 1199px){ html[lang="ko-KR"] body #features2 .col-sm-4 > .sec_features_item:nth-child(2) { margin-top: 130px !important;} .site_icon_list { display: block; margin-top: 25px;} .hdr_top_bar .hdr_top_inner {max-width: 100vw !important;} } @media screen and (max-width: 991px){ body .navbar-header .navbar-brand { margin-top: 0;} html[lang="ko-KR"] body #features2 .col-sm-4 > .sec_features_item:nth-child(2) { margin-top: 44px !important;} } @media screen and (max-width: 767px){ body #features2 .col-sm-4 > .sec_features_item:nth-child(2) { margin-top: 144px !important;} body .wrap { display: flex; flex-direction: column; border-bottom: 1px solid #dcd5cd !important;} body .left { display: flex; flex-direction: row-reverse; text-align: center; width: auto; padding-top: 30px; line-height: 30px !important;} body .right { width:100%; padding: 50px 0 !important;} } @media screen and (max-width: 971px){ body #list .wpb_wrapper { overflow-x: auto; width: auto; height: auto;} body .song_tr td{ height: 85px; padding: inherit;} body #tableRowHead th{ height: 65px; } } body #faq .section_title > h2 {font-family: 'M PLUS Rounded 1c' !important;} html[lang="de-DE"] #features2 .col-sm-4 > .sec_features_item:nth-child(2), html[lang="zh-CN"] #features2 .col-sm-4 > .sec_features_item:nth-child(2), html[lang="ja"] #features2 .col-sm-4 > .sec_features_item:nth-child(2), html[lang="fr-FR"] #features2 .col-sm-4 > .sec_features_item:nth-child(2), html[lang="ko-KR"] #features2 .col-sm-4 > .sec_features_item:nth-child(2) { margin-top: 102px !important;} /* ==================== [ fonts ] ==================== */ html[lang="en-US"] #track .section_title p {font: 400 16px/28px "Quicksand", serif, sans-serif;} html[lang="ja"] #track .section_title p { font-family: inherit; font-weight: 400;} html[lang="ko-KR"] #features .section_title > p, html[lang="ko-KR"] #features .more_features > .col-md-6.col-sm-6 h2, html[lang="ko-KR"] #features .more_features > .col-md-6.col-sm-6 p, html[lang="ko-KR"] #features2 .wpb_wrapper > .section_title > div > p, html[lang="ko-KR"] #features2 .col-sm-4 > .sec_features_item > h5, html[lang="ko-KR"] #features2 .col-sm-4 > .sec_features_item > p, html[lang="ko-KR"] #track .section_title > div > p, html[lang="ko-KR"] .testimonial-area > .container > .section_title.text-center > p, html[lang="ko-KR"] .testimonial-area > .container >.testimonial_item p, html[lang="ko-KR"] #download .col-sm-7 .call-text.sec_title_five.sec_five > h2, html[lang="ko-KR"] #download .col-sm-7 .call-text.sec_title_five.sec_five > p, html[lang="ko-KR"] #story .section_title .subtitle > p, html[lang="ko-KR"] #contact .subtitle > p, html[lang="ko-KR"] #wpforms-form-443 .wpforms-submit-container > button, html[lang="ko-KR"] #faq .wrap, html[lang="ko-KR"] #yhs, html[lang="ko-KR"] td.genre_, html[lang="ko-KR"] #list .subtitle p, html[lang="en-US"] .testimonial_item p, html[lang="ja"] .testimonial_item p, html[lang="zh-CN"] .testimonial_item p, html[lang="it-IT"] .testimonial_item p, html[lang="es-ES"] .testimonial_item p, html[lang="fr-FR"] .testimonial_item p, html[lang="de-DE"] .testimonial_item p {font-family: 'Nanum Myeongjo';} html[lang="ko-KR"] label.wpforms-error { font-family: 'Nanum Myeongjo' !important;} html[lang="ko-KR"] #features2 .col-sm-4 > .sec_features_item > p { color: #666666;} .song_tr { display: none; } .song_tr.active { display: table-row; } .nav_num { display: none; width: 34px;} .nav_num.active { display: inline-block; line-height: 1; padding: 5px; margin: 0 5px;} .nav_num.on { font-weight: bolder; } #list .wpb_wrapper { width: 955px; margin: 0 auto;} #inArea { display: inline-block;} #navArea { text-align: center; line-height: 52px;} #songTable, #songTable th{ table-layout: fixed; text-align: center; } #songTable thead {background-image: -webkit-linear-gradient(0deg, #0c5767 0%, #c2f696 100%) !important; background-attachment: fixed;} #songTable tr#tableRowHead { color: white; } #navArea a, #inArea a { color: #125766 } #nav_top, #nav_bottom {padding: 5px; margin: 0 5px; display: inline-block; transform: translateY(-2px); font-weight: bold; line-height: 1;} #songTable2, #songTable2 th{ table-layout: fixed; text-align: center; } #songTable2 thead {background-image: -webkit-linear-gradient(0deg, #0c5767 0%, #c2f696 100%) !important; background-attachment: fixed;} #songTable2 tr#tableRowHead2 { color: white; } #navArea2 a, #inArea2 a { color: #125766 } #nav_top2, #nav_bottom2 {padding: 5px; margin: 0 5px; display: inline-block; transform: translateY(-2px); font-weight: bold; line-height: 1;} body .sheet_wrap .swiper-container { padding-bottom: 100px; margin-bottom: 100px !important;} body #wpforms-confirmation-443 { background: white; border: 0px !important; } body #features .media .media-body h2 { text-transform: initial; } /* ==================== [ index page(intro page) ] ==================== */ /* font */ @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&display=swap'); /* visual */ .yt_area { width: 750px; max-width: 100%; margin-bottom: 10px; padding-left: 15px; padding-right: 15px;} .yt_area .yt_inner { position: relative; z-index: 100; padding-top: 56.25%;} .yt_area .yt_inner iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;} body .header-home { padding: 140px 0 !important} .col-header-img { position: static;} .col-header-img img.img-header-lg { top: auto; bottom: 100px; right: auto; left: 50%; transform: translateX(160px); width: 535px;} /* lang_modar */ #nav-menu-item-745 .page-scroll.main-menu-link { display: inline-block; min-width: 100px; padding: 0 8px; border: 1px solid #fff; transition: none;} #nav-menu-item-4081 .page-scroll.main-menu-link { display: inline-block; min-width: 100px; padding: 0 8px; margin-left: 20px; padding-left: 30px; border: none; transition: none;} html[lang="ko-KR"] #nav-menu-item-745 .page-scroll.main-menu-link, html[lang="ko-KR"] #nav-menu-item-4081 .page-scroll.main-menu-link { font-family: 'Nanum Myeongjo'; } #nav-menu-item-745 .page-scroll.main-menu-link::after { content: "\e64b"; display: block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-family: 'themify'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} #nav-menu-item-4081 .page-scroll.main-menu-link::before { content: "\e64b"; display: block; position: absolute; left: 8px; top: 50%; transform: translateY(-50%) scaleX(0.5); font-family: 'themify'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} #nav-menu-item-4081 .page-scroll.main-menu-link::after { content: ""; display: block; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: currentColor;} #bs-example-navbar-collapse-1 .menu li { background-color: rgba(0,0,0,0);} #bs-example-navbar-collapse-1 .menu li:hover .sub-menu { z-index: -1; opacity: 0; visibility: hidden;} #bs-example-navbar-collapse-1 .menu li .sub-menu { top: 32px; min-width: 100px; padding: 0; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-top: none;} #bs-example-navbar-collapse-1 .menu li .sub-menu li { padding: 5px 8px !important; background-color: #7db984;} .affix #bs-example-navbar-collapse-1 .menu li .sub-menu li { background-color: rgba(0,0,0,0);} #bs-example-navbar-collapse-1 .menu li.active .sub-menu { z-index: 100; opacity: 1; visibility: visible; transition: none;} #bs-example-navbar-collapse-1 .menu li .sub-menu a { line-height: 1.5; color: #fff !important;} #bs-example-navbar-collapse-1 .menu li .sub-menu #nav-menu-item-745-ko a, #bs-example-navbar-collapse-1 .menu li .sub-menu #nav-menu-item-4081-ko a { font-family: 'Nanum Myeongjo'; } .navbar-fixed-top.affix #nav-menu-item-745 .page-scroll.main-menu-link { border: 1px solid #0a5b6c;} .navbar-fixed-top.affix #bs-example-navbar-collapse-1 .menu li .sub-menu { background-color: #fff; border: 1px solid #0a5b6c;} .navbar-fixed-top.affix #bs-example-navbar-collapse-1 .menu li .sub-menu a { color: #0a5b6c !important;} @media screen and (max-width: 991px){ #nav-menu-item-4081 .page-scroll.main-menu-link { margin-left: 0;} #nav-menu-item-4081 .page-scroll.main-menu-link::after { display: none;} } /* sheet_wrap */ #track .section_title p { font-family: 'Nanum Myeongjo'; font-weight: 700;} .sheet_wrap { width: 1200px; padding: 0 100px; margin: 0 auto;} .sheet_wrap .sheet_item { display: none;} .sheet_wrap .sheet_item.active { display: block;} .sheet_wrap .swiper-container { padding-top: 25px; padding-bottom: 1000px; margin-bottom: -900px;} .sheet_wrap .swiper-container .swiper-slide { width: 358px; } .sheet_wrap .swiper-container .swiper-wrapper .swiper-slide img { border-radius: 0;} .sheet_wrap .swiper-button-prev, .sheet_wrap .swiper-button-next { width: 12px; height: 14px; background-image: none;} .sheet_wrap .swiper-button-prev::before, .sheet_wrap .swiper-button-prev::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 12px; height: 14px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; transition: opacity 0.35s;} .sheet_wrap .swiper-button-prev::before { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_left.png"); } .sheet_wrap .swiper-button-prev:hover::before { opacity: 0;} .sheet_wrap .swiper-button-prev::after { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_left_on.png"); opacity: 0;} .sheet_wrap .swiper-button-prev:hover::after { opacity: 1;} .sheet_wrap .swiper-button-next::before, .sheet_wrap .swiper-button-next::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 12px; height: 14px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; transition: opacity 0.35s;} .sheet_wrap .swiper-button-next::before { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_right.png"); } .sheet_wrap .swiper-button-next:hover::before { opacity: 0;} .sheet_wrap .swiper-button-next::after { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_right_on.png"); opacity: 0;} .sheet_wrap .swiper-button-next:hover::after { opacity: 1;} /* testimonials */ .instagram.feed.wpb_column { position: relative; z-index: 10;} html[lang="ko-KR"] .instagram.feed.wpb_column .section_title p { font-family: 'Nanum Myeongjo'; } #testimonial_carousel { padding: 0;} .testimonial_carousel .item { padding: 50px 0px 10px;} .testimonial_item { display: flex; justify-content: center; align-items: center; position: relative; height: 350px; padding: 0; padding-left: 215px; margin: 35px 190px 10px; border: 1px solid #dfdfdf; border-radius: 20px; box-shadow: none;} .testimonial_item::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 215px; height: 348px; background-color: #fbfbfb; border-top-left-radius: 20px; border-bottom-left-radius: 20px;} .testimonial_item .author { position: absolute; z-index: 10; left: -70px; top: 50%; transform: translateY(-50%); margin: 0;} .testimonial_item p { line-height: 1.5; padding-bottom: 0; margin-bottom: 0; background-color: #fff; font-size: 20px; font-weight: 700; font-style:italic; letter-spacing: -0.02em; color: #9a8369; } .testimonial_item p::before, .testimonial_item p::after { content: ""; width: 46px; height: 34px; position: absolute; left: calc(50% + (215px / 2)); transform: translateX(-50%); background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .testimonial_item p::before { top: 43px; background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/ico_mark1.png");} .testimonial_item p::after { bottom: 43px; background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/ico_mark2.png");} html[lang="ko-KR"] .testimonial_item p { font-family: 'Nanum Myeongjo'; word-break: keep-all;} .testimonial_item p .underline { text-decoration: underline; text-underline-position: under;} .testimonial_item .author h2, .testimonial_item .author h6 { text-indent: 125px; text-align: left; word-break: keep-all;} .testimonial_item .author h2 { font-size: 18px; font-weight: 700; color: #333;} .testimonial_item .author h6 { line-height: 1.5; padding-left: 125px; margin-top: 10px; font-size: 12px; color: #666; text-indent: 0px !important;} html[lang="ko-KR"] .testimonial_item .author h2, html[lang="ko-KR"] .testimonial_item .author h6 { font-family: 'Nanum Gothi';} .testimonial_carousel .owl-prev, .testimonial_carousel .owl-next { width: 12px; height: 14px;} .testimonial_carousel .owl-prev { left: 0;} .testimonial_carousel .owl-prev i::before, .testimonial_carousel .owl-prev i::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 12px; height: 14px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; transition: opacity 0.35s;} .testimonial_carousel .owl-prev i::before { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_left.png"); } .testimonial_carousel .owl-prev:hover i::before { opacity: 0;} .testimonial_carousel .owl-prev i::after { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_left_on.png"); opacity: 0;} .testimonial_carousel .owl-prev:hover i::after { opacity: 1;} .testimonial_carousel .owl-next { right: 0;} .testimonial_carousel .owl-next i::before, .testimonial_carousel .owl-next i::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 12px; height: 14px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; transition: opacity 0.35s;} .testimonial_carousel .owl-next i::before { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_right.png"); } .testimonial_carousel .owl-next:hover i::before { opacity: 0;} .testimonial_carousel .owl-next i::after { background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/arr_right_on.png"); opacity: 0;} .testimonial_carousel .owl-next:hover i::after { opacity: 1;} /* download */ #download { overflow: visible; background-color: #f8f8f8;} #download .call-action3 > .col-sm-5 { position: static;} #download .call-action3 .call-text h2 { font-weight: 400 !important;} #download a { padding: 9px 23px;} #download .vc_column_container { padding-top: 50px; } #download .call-action-area.voilat-bg-two { overflow: visible; min-height: 600px;} #download .call-action3 .call-mobile-img { position: static;} #download .call-action3 .call-mobile-img::after { content: "";position: absolute;left: 50%;transform: translateX(-100px);top: auto;bottom: 45px;width: 276px;height: 224px;background-image: url("http://www.jammates.pro/wp-content/uploads/2021/04/img4-1.png");background-size: cover;background-position: center center;background-repeat: no-repeat;} #download .call-action3 .call-mobile-img .img-responsive { max-width: initial; top: auto !important; left: 50%; bottom: 0; transform: translateX(100px) ;} .vc_custom_1619491042802 { padding-top: 75px !important; } /* contact us */ html[lang="ko-KR"] .vc_custom_1619165465525 .section_title p { font-family: 'Nanum Myeongjo'; word-break: keep-all;} @font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;} /* ==================== [ layer popup ] ==================== */ #popup-cookie { position: absolute; z-index: 500; right: 3%; top: 138px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} .popup-cookie * { margin: 0; padding: 0; line-height: 1; box-sizing: border-box; font-family: 'Noto Sans KR';} .popup-cookie .vc_column-inner { padding: 0 !important;} .popup-cookie .wpb_content_element { margin-bottom: 0 !important;} .popup_area { display: block; width: 750px; font-size: 0; background-color: #ace3c4;} .popup_img { display: inline-block; width: 350px; vertical-align: top;} .popup_img img { width: 100%; vertical-align: bottom;} .popup_form { display: inline-block; width: 400px; height: 565px; padding: 35px 4% 20px; background-color: #fff; vertical-align: top;} .popup_form .ttl_img { text-align: center;} .popup_form label { width: 100%; font-size: 0;} .popup_form label br { display: none;} .popup_form label * { font-family: 'GmarketSansBold';} .popup_form label > span { font-weight: 900; font-size: 16px; line-height: 1; color: #545454; } .popup_form label > span:nth-of-type(1) { display: inline-block; position: relative; top: 3px; width: 90px; padding-right: 10px; color: #7E792C; text-align: right; letter-spacing: -0.05em;} .popup_form p { margin-bottom: 22px;} .popup_form p:nth-last-of-type(2) { margin-bottom: 27px;} .popup_form p:nth-last-of-type(1) { margin-bottom: 0; margin-top: -4px;} .popup_form p:nth-last-of-type(1):after { content: ''; display: block; clear: both;} .popup_form input[type="text"], .popup_form input[type="number"], .popup_form input[type="email"] { width: 100%; height: 36px; padding: 7px; margin-top: 0; border: none; border-bottom: 1px solid #C8C8C8; background-color: transparent; box-shadow: none;} .popup_form input[type="text"], .popup_form input[type="number"], .popup_form input[type="email"]:focus { outline: #000; } .popup_form input[type="submit"] { float: right; padding: 0 13px; margin-top: 13px; margin-right: 9%; border-color: transparent; border-radius: 5px; background-color: #7E792C; font-weight: 400 !important; font-size: 12px; line-height: 24px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: none; vertical-align: middle;} .popup_form input[type="submit"]:focus { outline: none;} .popup_form input[type="submit"]:hover { border-color: transparent;} .popup_form input::-moz-placeholder { font-size: 12px; color: #C8C8C8; letter-spacing: -0.05em; vertical-align: baseline;} .popup_form input:-ms-input-placeholder { font-size: 12px; color: #C8C8C8; letter-spacing: -0.05em; vertical-align: baseline;} .popup_form input::-webkit-input-placeholder { font-size: 12px; color: #C8C8C8; letter-spacing: -0.05em; vertical-align: baseline;} .popup_form .wpcf7-form-control-wrap { display: inline-block; position: relative; width: calc(90% - 90px);} .popup_form .wpcf7-not-valid-tip { position: absolute; right: 0; bottom: 0; margin-top: 5px; font-weight: 400; font-size: 11px; color: #dc3232; } .popup_keyword { position: relative; width: 92%; padding: 5px 10px; margin-top: 10px; border-radius: 5px; background-color: #f2f2f2; font-size: 12px; line-height: 20px; color: #505050; letter-spacing: -0.02em;} .popup_keyword::before { content: '#'; display: block; position: absolute; left: 3px ; top: 3px; transform: translate(-50%, -50%); width: 24px; height: 24px; padding-top: 2px; border-radius: 50%; background-color: #fff; font-weight: 700; font-size: 18px; font-family: 'Quicksand'; color: #EB8227; text-align: center; box-shadow: 2px 2px 10px rgb(0,0,0,.1);} .popup_keyword p { margin-top: 0; line-height: 16px; letter-spacing: -0.02em; text-indent: 10px;} html .wpcf7 form .wpcf7-response-output { padding: 10px 15px 5px; margin: 0 ; border-color: #dc3232 !important; background-color: #fff; font-family: 'GmarketSansBold'; font-size: 16px; line-height: 1.4; color: #dc3232;} #popup-cookie2 { display: none !important;} @media screen and (max-width: 991px){ #popup-cookie { right: auto; left: 50%; transform: translateX(-50%); top: 62px; width: 91.111111%; max-width: 350px;} .popup_area { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 100%;} .popup_img { display: block; width: 100%; } .popup_form { width: 100%; height: auto;} .popup_keyword { width: 100%;} } /* checkbox */ [type="checkbox"].fancy-check {position: absolute;left: -9999px;} .fancy-check ~ label > span {display: table-cell;vertical-align: middle;padding-left:5px;font-size:18px;color:#000;} .fancy-check.step ~ label > span {font-size:16px;font-weight:300;color:#333;letter-spacing: -0.07em;} [type="checkbox"].fancy-check + label {cursor: pointer;display: table;} [type="checkbox"].fancy-check.main + label:before {content:'';display:block;width:24px;height:24px;background:url("http://www.jammates.pro/wp-content/uploads/2021/09/ico_checkboxstep.png") no-repeat center;outline:none;} [type="checkbox"].fancy-check.step + label:before {content:'';display:block;width:20px;height:20px;background:url("http://www.jammates.pro/wp-content/uploads/2021/09/ico_checkboxstep.png") no-repeat center;background-size: 100%; outline:none;position: relative;top: 5px;} [type="checkbox"].fancy-check:checked + label:before {background-position:0 -24px;} [type="checkbox"].fancy-check.step:checked + label:before {background-position:0 -20px;} [type="checkbox"].fancy-check:not(:checked) + label:before {background-position:0 0;} .popup-cookie .close_list { background-color: #F3F3F3; list-style: none;} .popup-cookie .close_list::after { content: ''; display: block; clear: both;} .popup-cookie .close_list li { height: 30px; line-height: 30px; list-style: none;} .popup-cookie .close_list li:first-child { float: left;} .popup-cookie .close_list li:last-child { float: right;} .popup-cookie .close_list li span { height: 30px; font-size: 12px; line-height: 30px; color: #aaa;} .popup-cookie .popup_close { display: block; width: 30px; height: 30px; background-image: url('http://www.jammates.pro/wp-content/uploads/2021/09/ico_close.png'); background-position: center center; background-repeat: no-repeat; background-size: 16px auto;} /* tbl inner content */ #songTable2 tbody tr:not(.tbl_detail):hover { background-color: #F3F3F3; cursor: pointer;} #songTable2 tbody tr:not(.tbl_detail) td:nth-child(n+3) { position: relative; padding-right: 30px;} #songTable2 tbody tr:not(.tbl_detail) td:nth-child(n+3)::after { content: "\e64b"; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-family: 'themify'; font-size: 16px; color: #0c5767; transition: transform 0.45s;} #songTable2 tbody tr:not(.tbl_detail).active td:nth-child(n+3)::after { transform: translateY(-50%) rotate(180deg);} .tbl_detail td { padding: 0;} .tbl_content_wrap { display: none;} .tbl_content { display: flex; align-items: center; padding: 20px;} .tbl_content .tbl_left { width: 300px;} .tbl_content .tbl_left .tbl_thumb img { width: 100%; max-width: 100%;} .tbl_content .tbl_left .tbl_info { margin-top: 20px; margin-bottom: 10px; padding: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center;} .tbl_content .tbl_left .tbl_info .tbl_ttl { font-size: 16px; color: #000;} .tbl_content .tbl_left .tbl_info .tbl_txt { font-size: 14px; color: #aaa;} .tbl_content .tbl_left .tbl_info .tbl_price { font-weight: 700; font-size: 22px; color: #000;} .tbl_content .tbl_left .tbl_info .tbl_price .color { margin-right: 5px; color: #37c4a5;} .tbl_content .tbl_left .tbl_total { display: flex; justify-content: space-between;} .tbl_content .tbl_left .tbl_total .tbl_total_list { font-size: 16px; color: #000;} .tbl_content .tbl_left .tbl_total .tbl_total_info { font-size: 14px; color: #aaa;} .tbl_content .tbl_left .tbl_explain { margin-top: 20px;} .tbl_content .tbl_left .tbl_explain .txt { font-size: 14px; color: #000; word-break: keep-all;} .tbl_content .tbl_right { flex: 1; padding-left: 50px;} .tbl_content .tbl_right .tbl_music_list { display: flex; gap: 0 20px; flex-wrap: wrap; width: 100%; padding-left: 0;} .tbl_content .tbl_right .tbl_music_item:nth-child(-n+2) { border-top: 1px solid #eee;} .tbl_content .tbl_right .tbl_music_item { display: flex; gap: 10px; align-items: center; width: calc((100% - 20px) / 2); padding: 35px 5px; border-bottom: 1px solid #eee;} .tbl_content .tbl_right .tbl_music_item .num { font-size: 14px; color: #000;} .tbl_content .tbl_right .tbl_music_item .ttl { font-weight: 500; font-size: 16px; color: #000;} .tbl_content .tbl_right .tbl_music_item .labels { display: flex; gap: 2px;} .tbl_content .tbl_right .tbl_music_item .labels .label { display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; border: 1px solid #37c4a5; font-size: 12px; color: #37c4a5;} .list__inner2 { display: none;} .list-tab, .contact-tab { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: -20px;} .list-tab { margin-top: 0;} .list-tab__btn, .contact-tab__btn { -webkit-appearance: none;-moz-appearance: none;appearance: none;text-transform: none; -webkit-appearance: button;-moz-appearance: button;appearance: button;cursor:pointer;border:none;background:none;vertical-align:middle;-webkit-appearance: none;-webkit-border-radius: 0;} .list-tab__btn, .contact-tab__btn { display: flex; padding: 10px; border: 1px solid #0c5767; border-radius: 4px; font-size: 16px; line-height: 1.2; color: #0c5767;} .list-tab__btn--active, .contact-tab__btn--active { background-color: #0c5767; color: #fff;} .contact-sub-ttl { margin-top: 40px; margin-bottom: 50px; text-align: center;} .contact-sub-ttl__item { display: none;} .contact-sub-ttl__item--active { display: block;} .contact-sub-ttl__txt { font-size: 16px; line-height: 1.6; color: #747474;} #wpforms-1907, #wpforms-1908 { display: none;} div.wpforms-container-full .wpforms-field-container { display: flex; flex-wrap: wrap;} div.wpforms-container-full .wpforms-form .wpforms-field { width: 100%;} div.wpforms-container-full .wpforms-form button[type=submit] { width: 100%;} [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important;} .col-12 { width: 100% !important;} .col-6 { width: 50% !important;} .col-5 { width: calc(100% / 12 * 5) !important;} .col-4 { width: calc(100% / 12 * 4) !important;} .col-3 { width: calc(100% / 12 * 3) !important;} .col-2 { width: calc(100% / 12 * 2) !important;} .col-1 { width: calc(100% / 12 * 1) !important;} @media screen and (max-width: 991px){ /* #popup-cookie { right: auto; left: 50%; transform: translateX(-50%); top: 62px; width: 91.111111%; max-width: 300px;} */ #popup-cookie { right: auto; left: 50%; transform: translateX(-50%); top: 62px; width: 91.111111%; max-width: 450px;} .popup_area { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 100%;} .popup_img { display: block; width: 100%; } .popup_form { width: 100%; height: auto;} } @media (max-width: 1199px){ /* sheet_wrap */ .sheet_wrap { width: 100%; padding: 0; margin: 0 auto;} .sheet_wrap .swiper-button-prev { left: -15px;} .sheet_wrap .swiper-button-next { right: -15px;} /* testimonials */ .testimonial_item { padding-left: 215px; margin: 35px 10% 10px; border: 1px solid #dfdfdf; border-radius: 20px; box-shadow: none;} /* download */ /* #download .call-action-area.voilat-bg-two { overflow: hidden;} */ /* #download .call-action3 .call-mobile-img::after { top: 240px;} */ /* #download .call-action3 .call-mobile-img .img-responsive { top: -135px !important;} */ } @media (max-width: 991px){ /* lang_modar */ div#bs-example-navbar-collapse-1 { overflow-y: visible; max-height: none; box-shadow: none;} div#bs-example-navbar-collapse-1:not(.in){height: 1px;} #bs-example-navbar-collapse-1 .menu li .sub-menu li { text-indent: 30px; background-color: rgba(0,0,0,0);} #bs-example-navbar-collapse-1 .menu li .sub-menu a { position: relative; color: #000 !important;} #bs-example-navbar-collapse-1 .menu li .sub-menu a::after { content: ""; display: block; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 5px; height: 1px; background-color: #000;} #nav-menu-item-745 .page-scroll.main-menu-link { padding: 0;} #nav-menu-item-745 .page-scroll.main-menu-link::after { display: none;} #nav-menu-item-745 .page-scroll.main-menu-link { width: 100%; border: none;} #bs-example-navbar-collapse-1 .menu li .sub-menu { visibility: visible !important; display: block !important; z-index: 10 !important; border: none;box-shadow: none; top: 7px; opacity: 1 !important;} #bs-example-navbar-collapse-1 .menu li .sub-menu a { color: #000 !important;} /* .navbar-fixed-top.affix { overflow-y: hidden;} */ .navbar-fixed-top.affix #nav-menu-item-745 .page-scroll.main-menu-link { width: 100%; border: none;} .navbar-fixed-top.affix #bs-example-navbar-collapse-1 .menu li .sub-menu { visibility: visible !important; display: block !important; z-index: 10 !important; border: none;box-shadow: none; top: 7px; opacity: 1 !important;} .navbar-fixed-top.affix #bs-example-navbar-collapse-1 .menu li .sub-menu a { color: #000 !important;} /* testimonials */ .testimonial_carousel .item { padding: 10px 0 0;} .testimonial-area .testimonial_item { padding-left: 150px; margin: 25px 0 7px;} .testimonial-area .testimonial_item::after { width: 150px;} .testimonial-area .testimonial_item .author img { width: 140px;} .testimonial_item .author { left: 0; width: 150px; text-align: center;} .testimonial_item .author h2, .testimonial_item .author h6 { text-indent: 0; text-align: center;} .testimonial_item .author h6 { padding-left: 0;} .testimonial_item .author h6 .pc_br { display: none;} .testimonial_item p::before, .testimonial_item p::after { left: calc(50% + (150px / 2));} /* download */ #download .app-btn:last-child { margin-top: 15px; margin-left: 0;} /* #download .call-action3 .call-mobile-img::after { top: 290px;} */ /* #download .call-action3 .call-mobile-img .img-responsive { top: -85px !important;} */ .col-md-12 { width: 100% !important;} .col-md-6 { width: 50% !important;} .col-md-5 { width: calc(100% / 12 * 5) !important;} .col-md-4 { width: calc(100% / 12 * 4) !important;} .col-md-3 { width: calc(100% / 12 * 3) !important;} .col-md-2 { width: calc(100% / 12 * 2) !important;} .col-md-1 { width: calc(100% / 12 * 1) !important;} } @media screen and (max-width: 971px) { .tbl_content .tbl_right .tbl_music_item { width: 100%; padding: 15px 5px;} .tbl_content .tbl_right .tbl_music_item:nth-child(2) { border-top: none;} } @media (max-width: 767px){ /* testimonials */ .testimonial_carousel .item { padding: 0;} .testimonial-area .testimonial_item { padding-left: 130px; margin: 20px 0 5px;} .testimonial-area .testimonial_item::after { width: 130px;} .testimonial-area .testimonial_item .author img { width: 110px;} .testimonial_item .author { width: 130px;} .testimonial_item p { font-size: 16px;} .testimonial_item p::before, .testimonial_item p::after { width: 42px; height: 32px; left: calc(50% + (110px / 2));} /* testimonials */ .testimonial_carousel .item { padding: 0;} .testimonial-area .testimonial_item { height: auto; min-height: 400px; padding-left: 0; padding-right: 0; padding-top: 120px; margin: 80px 0 5px;} .testimonial-area .testimonial_item::after { width: 100%; height: 120px; border-bottom-left-radius: 0; border-top-right-radius: 20px;} .testimonial-area .testimonial_item .author img { width: 110px;} .testimonial_item .author { top: -15px; left: 0; width: 100%; height: 120px;} .testimonial_item p { padding: 30px 0; font-size: 16px;} .testimonial_item p::before, .testimonial_item p::after { width: 32px; height: 24px; left: 50%;} .testimonial_item p::before { top: calc( 120px + 20px);} .testimonial_item p::after { bottom: 20px;} .testimonial_item .author h2 { margin-top: 0;} .testimonial_item .author h6 { margin-top: 5px;} /* sheet_wrap */ .sheet_wrap .swiper-button-prev { left: -5px;} .sheet_wrap .swiper-button-next { right: -5px;} .sheet_wrap .swiper-container .swiper-slide { width: 300px; } /* download */ #download .app-btn:last-child { margin-top: 0px; margin-left: 10px;} } @media screen and (max-width: 700px) { .tbl_content { flex-wrap: wrap;} .tbl_content .tbl_left { width: 100%;} .tbl_content .tbl_right { margin-top: 20px; padding-left: 0;} } @media (max-width: 490px){ #download .app-btn:nth-child(3) { margin-right: 50px;} #download .app-btn:nth-child(4) { margin-left: 0; margin-top: 10px;} } @media (max-width: 359px){ .testimonial_item p { font-size: 14px;} } /* ==================== [ visual ] ==================== */ #noticeMetaArea { display: none;} .view_check_panal::before { content: ''; display: inline-block; width: 28px; height: 28px; margin-right: 6px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.82348 14.832C2.66459 14.5804 2.58515 14.4547 2.54068 14.2606C2.50727 14.1149 2.50727 13.8851 2.54068 13.7393C2.58515 13.5453 2.66459 13.4195 2.82348 13.1679C4.13645 11.089 8.04463 5.83331 14.0005 5.83331C19.9563 5.83331 23.8645 11.089 25.1775 13.1679C25.3364 13.4195 25.4158 13.5453 25.4603 13.7393C25.4937 13.8851 25.4937 14.1149 25.4603 14.2606C25.4158 14.4547 25.3364 14.5804 25.1775 14.832C23.8645 16.911 19.9563 22.1666 14.0005 22.1666C8.04463 22.1666 4.13645 16.911 2.82348 14.832Z' stroke='%230C5767' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0005 17.5C15.9335 17.5 17.5005 15.933 17.5005 14C17.5005 12.067 15.9335 10.5 14.0005 10.5C12.0675 10.5 10.5005 12.067 10.5005 14C10.5005 15.933 12.0675 17.5 14.0005 17.5Z' stroke='%230C5767' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; vertical-align: bottom;} .view_check_panal .view_count { font-weight: 700; font-size: 16px; line-height: 25.6px; color: #0C5767;} .banner-area::before { display: none !important;} .banner-area .banner-content { font-weight: 500; font-size: 48px; color: #fff; text-align: left;} .page_search_result .page-cover-tittle { margin-top: 0; margin-bottom: 40px; font-weight: 500; font-size: 30px; line-height: 42px; color: #404040;} .banner-area.visual01 { height: 400px; background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/visual01.jpg); background-position: center center; background-size: auto 100%;} .banner-area .container { position: relative; z-index: 10;} .banner-area .bnr_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;} .banner-area .bnr_bg.mo { display: none;} body.result_tag_artist-dunk-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_DUNK_Trio.jpg);} body.result_tag_artist-jimindorothy-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_Jimindorothy_Trio.jpg);} body.result_tag_artist-jsm-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_JSM_Trio.jpg);} body.result_tag_artist-kaijeong-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_KAIJEONG_Trio.jpg);} body.result_tag_artist-minji-kim-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_MinJi_Kim_Trio.jpg);} body.result_tag_artist-pjh-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_PJH_Trio.jpg);} body.result_tag_artist-sookin-jeong-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_Sookin_Jeong_Trio.jpg);} body.result_tag_artist-wippen-quartet-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_Wippen_Quartet.jpg);} body.result_tag_artist-yesol-an-trio .banner-area.visual01 { background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/bnr_artist_Yesol_An_Trio.jpg);} .breadcrumb_panel {padding: 21px 0; background-color: #F8F8F8;} .breadcrumb_panel .breadcrumb_list, .breadcrumb_panel .breadcrumb_item { list-style: none;} .breadcrumb_panel .breadcrumb_list { display: flex; flex-wrap: wrap; justify-content: flex-end; max-width: 1200px; margin: 0 auto; padding: 0 10px;} .breadcrumb_panel .breadcrumb_item { font-size: 16px; line-height: 1.4; color: #404040;} .breadcrumb_panel .breadcrumb_item:nth-child(n+2)::before { content: '>'; display: inline; margin: 0 8px; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit;} .breadcrumb_panel .breadcrumb_item .breadcrumb_link { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit;} .breadcrumb_panel .breadcrumb_item .breadcrumb_link:not([href="#"]):hover { text-decoration: underline;} .breadcrumb_panel .breadcrumb_item .breadcrumb_link[href="#"] { pointer-events: none;} /* ==================== [ song view page ] ==================== */ .cst_quote { position: relative; padding: 50px 0; text-align: center;} .cst_quote::before, .cst_quote::after { position: absolute; left: 50%; transform: translateX(-50%); font-family: vc_openiconic; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0; text-align: center; font-variant: normal; text-transform: none; line-height: inherit; margin-left: 0;} .cst_quote::before { content: '\e872'; top: 0;} .cst_quote::after { content: '\e875'; bottom: 0;} .cst_quote .cst_quote_ttl { font-size: 28px; color: gray;} .cst_quote .cst_quote_desc, .cst_quote p:has(.cst_quote_desc) { display: block; padding-bottom: 0; font-size: 16px;} .container .cst_sticker, .container .cst_sticker * { box-sizing: border-box;} .container .cst_sticker { position: relative; max-width: 100%; width: 500px; padding: 20px; margin: 50px auto 80px; border: 4px solid #d5d5d5; clip-path: polygon(100% 0, 100% calc(100% - 36px),calc(100% - 36px) 100%, 0 100%, 0 0); text-align: center;} .container .cst_sticker::before { content: ''; display: block; position: absolute; right: -4px; bottom: -4px; width: 36px; height: 36px; background-color: #d5d5d5; clip-path: polygon(0 0, 0% 100%, 100% 0);} .container .cst_sticker * { margin: 0; padding: 0;} .container .cst_sticker p { padding-bottom: 0; font-size: 24px;} .container .cst_ttl { position: relative; padding-left: 14px;} .container .cst_ttl::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 100%; background-color: #515151;} .container .cst_ttl p { padding-bottom: 0;} .cst_gallery .wpb_gallery_slides, .cst_gallery .wpb_gallery_slides img { height: auto !important;} .blog-section.blog_single *:not([class*='ti-'],[class*='fa-']), .blog-area .blog-items .blog-content *:not([class*='ti-'],[class*='fa-']) { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;} .blog-section .blog-items p { padding-bottom: 0;} div:has(* > #home) .blog-section .blog-items p { padding-bottom: 24px;} .cst_search { display: flex; align-items: center; gap: 5px;} .cst_search select[name="search_type"] { flex-shrink: 0; width: 100px !important; height: 40px; border: 1px solid rgb(169, 169, 169); border-radius: 4px; margin: 0; background-color: transparent;} .cst_search .form-control[type="search"] { flex: 1; height: 40px; border: 1px solid rgb(169, 169, 169);} .cst_search .input-group-addon { flex-shrink: 0; width: 40px; height: 40px; position: static; border-radius: 4px !important;} .container .row > .col-lg-4:has(.blog-sidebar) { position: sticky; top: 75px;} .search-results .blog-items.post-1658 { display: none !important;} .search-results .blog-content .post_info_top, .search-results .blog-content a + p { display: none !important;} .search-results .blog-area .blog-items .blog-content.blog_content_new { padding: 30px;} .search-results .archive_post_title { padding-bottom: 0;} .cst_audio_box .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; gap: 12px;} .cst_audio_box .vc_column-inner > .wpb_wrapper > .wpb_content_element { margin-bottom: 0;} .cst_audio_box .vc_column-inner > .wpb_wrapper > .wpb_content_element:last-child { flex: 1;} .cst_audio_box .labels_wrap, .cst_audio_box .labels { display: flex; gap: 2px; align-items: center;} .cst_audio_box .labels_wrap { margin-top: 24px;} .cst_audio_box .labels .label { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border: 1px solid #0C5767; border-radius: 2.5px; font-size: 16px; color: #0C5767;} .cst_audio_box .labels + p { margin-left: 6px; font-size: 16px; color: #0C5767;} .cst_sidebar_area .cst_audio { height: 48px; border-radius: 12px; background: none; background-color: #0C5767;} .cst_sidebar_area .cst_audio .jp-pause, .cst_sidebar_area .cst_audio .jp-play { width: 48px; height: 48px; background-position: center center; border-right-color: #fff;} .cst_sidebar_area .cst_audio .jp-play { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3373 14.8486C22.8623 15.1861 23.1998 15.7861 23.1998 16.3861C23.1998 17.0236 22.8623 17.6236 22.3373 17.9236L11.5373 24.5236C10.9748 24.8611 10.2623 24.8986 9.6998 24.5611C9.1373 24.2611 8.7998 23.6611 8.7998 22.9861V9.78612C8.7998 9.14862 9.1373 8.54862 9.6998 8.24862C10.2623 7.91112 10.9748 7.91112 11.5373 8.28612L22.3373 14.8486Z' fill='white'/%3E%3C/svg%3E%0A");} .cst_sidebar_area .cst_audio .jp-pause { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4796 8.80005C21.5196 8.80005 22.3996 9.62505 22.3996 10.6V21.4C22.3996 22.4125 21.5196 23.2 20.4796 23.2L19.1996 23.1625C18.1196 23.1625 17.2796 22.3375 17.2796 21.3625V10.5625C17.2796 9.58755 18.1196 8.80005 19.1996 8.80005H20.4796ZM12.7996 8.80005C13.8396 8.80005 14.7196 9.62505 14.7196 10.6V21.4C14.7196 22.4125 13.8396 23.2 12.7996 23.2H11.5196C10.4396 23.2 9.59961 22.4125 9.59961 21.4V10.6C9.59961 9.58755 10.4396 8.80005 11.5196 8.80005H12.7996Z' fill='white'/%3E%3C/svg%3E%0A");} .cst_sidebar_area .cst_audio .jp-play-bar { background: none; background-color: #C9F6FF;} .cst_sidebar_area .cst_audio .jp-seek-bar { background: none; background-color: #003A46} .cst_sidebar_area .cst_audio .jp-current-time, .cst_sidebar_area .cst_audio .jp-duration { height: 48px; font-size: 16px; line-height: 48px; color: #fff;} .cst_sidebar_area .cst_audio .jp-current-time { left: 66px;} .cst_sidebar_area .cst_audio .jp-progress { top: 20px; left: 115px; right: 65px;} .sec_pad_ttl { max-width: 1200px; margin: 46px auto 32px; padding: 0 15px; font-weight: 500; line-height: 1.4; color: #000;} .cst_tbl_tab_hdr { display: flex; max-width: 1170px; margin: 0 auto; padding-top: 8px; border-bottom: 1px solid #CDCDCD; background-color: transparent;} .cst_tbl_tab_inner { width: 1200px; margin: 0 auto;} .cst_tbl_tab_hdr .cst_tbl_tab { margin-bottom: -1px; padding: 8px; border: none; border-bottom: 2px solid transparent; background-color: transparent; font-weight: 700; font-size: 18px; line-height: 1.6; color: #CDCDCD; text-align: center; text-transform: capitalize;} .cst_tbl_tab_hdr .cst_tbl_tab.active { border-bottom-color: currentColor; font-weight: 700; color: #0C5767;} .cst_tbl_tab_hdr + .appland-page .sec-pad { padding-top: 15px;} .cst_tbl_tab_bdy .cst_tbl_tab_sec { display: none;} .cst_tbl_tab_bdy .cst_tbl_tab_sec.active { display: block;} .cst_tbl * { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} .cst_tbl { table-layout: fixed; text-align: center;} .cst_tbl .col_no { width: 60px;} .cst_tbl .col_ttl { width: 500px;} .cst_tbl.full_song .col_ttl { width: 360px;} .cst_tbl .col_pk { width: 300px;} .cst_tbl thead { background-image: none !important;} .cst_tbl thead th { border-top: 1px solid #EDEDED; background-color: rgba(12, 87, 103, 0.05); font-weight: 500; font-size: 14px; color: #404040; text-align: center;} .cst_tbl a { display: block; width: fit-content; margin: 0 auto; text-decoration: underline; color: #408bd1;} .cst_tbl td { font-size: 13px; color: #747474;} .cst_tbl td.td_ttl a { color: #000; text-decoration: none;} .cst_tbl td.td_ttl a:hover, .cst_tbl td.td_ttl a:focus { text-decoration: underline;} .cst_tbl td[data-ttl="Composer"] { text-align: center;} .cst_tbl td[data-ttl="Composer"] a { display: inline;} .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel { display: inline-block; position: relative; vertical-align: middle;} .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel .tooltip_btn { width: 26px; height: 26px; border: none; background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_user_plus.svg); background-position: center center; background-size: 100% auto; background-color: transparent; background-repeat: no-repeat;} .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel .tooltip_btn:hover, .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel .tooltip_btn:focus { opacity: 0.5;} .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel .composer_tooltip { display: none; flex-direction: column; align-items: center; position: absolute; left: 50%; bottom: calc(100% + 5px); z-index: 10; transform: translateX(-50%); padding: 10px; border: 1px solid #000; border-radius: 5px; background-color: #fff;} .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel.active .composer_tooltip { display: flex;} .cst_tbl td[data-ttl="Composer"] .composer_tooltip_pannel .composer_tooltip a { white-space: nowrap;} .cst_tbl .th_ttl, .cst_tbl .td_ttl { text-align: left;} .cst_tbl .td_ttl, .cst_tbl .td_no + .td_pk { font-weight: 700; font-size: 14px;} .cst_tbl .td_ttl a, .cst_tbl .td_no + .td_pk a { margin-left: 0;} .cst_tbl colgroup col.NO { width: 60px;} .cst_tbl colgroup col.Title { width: auto;} .cst_tbl colgroup col.Pitch { width: 60px;} .cst_tbl colgroup col.Genre { width: 160px;} .cst_tbl colgroup col.Composer { width: 160px;} .cst_tbl colgroup col.Downloads { width: 100px;} .cst_tbl colgroup col.Artist { width: 160px;} .cst_tbl colgroup col.Price { width: 80px;} .cst_tbl colgroup col.Track { width: 80px;} .cst_tbl colgroup col.Package { width: 260px;} .cst_tbl colgroup col.NO + col.Package { width: auto;} .cst_tbl td.td_no + td { text-align: left;} .page-id-2129 .page-cover-tittle { word-break: keep-all; line-height: 1.25;} @media screen and (max-width: 1200px) { .page-id-2129 .page-cover-tittle { font-size: 30px;} } @media screen and (max-width: 720px) { .page-id-2129 .page-cover-tittle { font-size: 22px;} } /* 악보 리스트 전체 메인 페이지 */ .page-id-2278 .appland-page { width: 100%;} .page-id-2278 .appland-page > .sec-pad { max-width: 1200px; margin: 0 auto;} .page-id-2278 .appland-page #download { opacity: 1;} .page-id-2278 .appland-page #TestimonialsArea .vc_column-inner { padding: 0;} .page-id-2278 .appland-page #story { max-width: 1200px; margin: 0 auto;} .sec-pad-sheet-main-page *:not([class*='ti-'],[class*='fa-']), .sec-pad-sheet-main-page *:not([class*='ti-'],[class*='fa-']) { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;} .sec_sheet_pannel + .sec_sheet_pannel { margin-top: 80px;} .sec_sheet_hdr { display: flex; align-items: center; margin-bottom: 20px;} .sec_sheet_hdr > .ttl { font-weight: 500; font-size: 30px; line-height: 1.4; color: #000;} /* .sec_sheet_hdr .more_link { display: flex; gap: 5px; align-items: center; margin-left: auto;} */ .sec_sheet_hdr .more_link { display: flex; gap: 5px; align-items: center; margin-left: auto; height: 22px; padding: 7px; border-radius: 100px; background-color: #404040; font-weight: 600; font-size: 12px; line-height: 1.6; color: #fff; text-decoration: none; text-transform: lowercase;} .sec_sheet_hdr .more_link .fa-angle-right { display: none;} .sec_sheet_bdy { margin-top: 10px;} .sec_sheet_tabs { border-bottom: 1px solid #CDCDCD;} .sec_sheet_tabs .sec_sheet_tab { margin-bottom: -1px; border: none; border-bottom: 2px solid transparent; background-color: transparent; outline: none;} .sec_sheet_tabs .sec_sheet_tab.active { border-bottom-color: #0C5767; font-weight: 600; color: #0C5767;} .sec_sheet_view { display: none;} .sec_sheet_view.active { display: block;} .sec_sheet_list { display: grid; gap: 0 10px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, auto); margin-top: 16px; padding: 0;} .sec_sheet_item { border-bottom: 1px solid #eaeaea; list-style: none;} /* .sec_sheet_item:nth-child(1), .sec_sheet_item:nth-child(6) { border-top: 1px solid #eaeaea;} */ .sec_sheet_item:nth-child(-n+5) { grid-column: 1;} .sec_sheet_item:nth-child(n+6) { grid-column: 2;} .sec_sheet_item:nth-child(5n+1) { grid-row: 1;} .sec_sheet_item:nth-child(5n+2) { grid-row: 2;} .sec_sheet_item:nth-child(5n+3) { grid-row: 3;} .sec_sheet_item:nth-child(5n+4) { grid-row: 4;} .sec_sheet_item:nth-child(5n+5) { grid-row: 5;} .sec_sheet_item .sec_sheet_link { display: flex; gap: 10px; align-items: center; padding: 8px 10px;} .sec_sheet_item .sec_sheet_link:hover { background: linear-gradient(90deg, rgba(12, 87, 103, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);} .sec_sheet_item .sec_sheet_link .num { display: block; width: 40px; font-weight: 500; font-size: 16px; text-align: center;} .sec_sheet_item .sec_sheet_link .info_box .ttl { font-weight: 500; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sec_sheet_item .sec_sheet_link .info_box .asst_box { display: flex; align-items: center; gap: 5px; font-size: 10px;} .sec_sheet_item .sec_sheet_link .info_box .asst_box .txt { font-size: 12px; line-height: 1.8; color: #747474;} .sec_sheet_item .sec_sheet_link .right_txt { font-size: 16px; margin-left: auto;} .sec_sheet_item .sec_sheet_link .right_txt .unit { margin-left: 4px; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: #CDCDCD;} .sec_sheet_artist_list { display: grid; gap: 10px; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 0;} .sec_sheet_artist_item { list-style: none;} .sec_sheet_artist_item .thumb_box { position: relative; overflow: hidden;} .sec_sheet_artist_item .thumb_box::before { content: ''; display: block; width: 100%; padding-top: 100%;} .sec_sheet_artist_item .thumb_box .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .45s all;} .sec_sheet_artist_item:hover .thumb_box .img { transform: scale(1.05);} .yt_track_slider_area { display: flex; align-items: center;} .yt_track_slider_area .prev_box, .yt_track_slider_area .next_box { width: 20%;} .yt_track_slider_area .current_box { width: 60%; position: relative; padding: 0 80px;} .yt_track_slider_area .ttl { display: block; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .yt_track_slider_area .thumb_link { display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 5px;} .yt_track_slider_area .thumb_link::before { content: ''; display: block; position: relative; z-index: 9; width: 100%; padding-top: 56.25%; transition: .45s all;} .yt_track_slider_area .thumb_link::after { content: "\f167"; display: block; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); font-family: "Font Awesome 6 Brands" !important; font-size: 30px; color: red;} .yt_track_slider_area .thumb_link:hover::before, .yt_track_slider_area .thumb_link:focus::before { background-color: rgba(0,0,0,.35);} .yt_track_slider_area .current_box .thumb_link::after { font-size: 48px;} .yt_track_slider_area .current_box .yt_track_slide .ttl { color: #404040;} .yt_track_slider_area .thumb_link .thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s ease-in;} .yt_track_slider_area .thumb_link:hover .thumb, .yt_track_slider_area .thumb_link:focus .thumb { transform: scale(1.05) rotate(0.001deg);} .yt_track_slider_area button i { display: none;} .yt_track_slider_area .prev_btn, .yt_track_slider_area .next_btn { position: absolute; top: calc(50% + 15px); transform-origin: center center; width: 34px; height: 34px; border-radius: 5px; border: none; background-position: center center; background-size: 18px auto; background-color: transparent; background-repeat: no-repeat; color: transparent; transition: .25s all;} .yt_track_slider_area .prev_btn { left: 40px; transform: translate(-50%,-50%); background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/arw_left_yt.svg);} .yt_track_slider_area .next_btn { right: 40px; transform: translate(50%,-50%); background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/arw_right_yt.svg);} .yt_track_slider_area .prev_btn:hover, .yt_track_slider_area .next_btn:hover { opacity: .8;} .yt_track_slider_area .prev_btn:active { transform: translate(-50%,-50%) scale(.8);} .yt_track_slider_area .next_btn:active { transform: translate(50%,-50%) scale(.8);} .yt_track_slider_area[data-slide="1"] .prev_box, .yt_track_slider_area[data-slide="1"] .next_box, .yt_track_slider_area[data-slide="1"] .prev_btn, .yt_track_slider_area[data-slide="1"] .next_btn { display: none;} .yt_track_slider_area[data-slide="2"] .prev_box { display: none;} .yt_track_slider_area[data-slide="2"] .next_box, .yt_track_slider_area[data-slide="2"] .current_box { width: 45%; padding: 0 1%;} .meta_pannel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-top: 10px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #EDEDED;} .meta_pannel .meta_dl { position: relative; margin-bottom: 0; padding: 18px 22px 14px 60px; background-color: #F6FAFB; border-radius: 12px;} .meta_pannel .meta_dl::before { display: block; position: absolute; left: 30px; top: 20px; transform: translateX(-50%); font-weight: 900; font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free" !important; font-size: 24px; color: #0C5767;} .meta_pannel .meta_dl_pitch::before { content: '\f3b5';} .meta_pannel .meta_dl_chorus::before { content: '\e533';} .meta_pannel .meta_dl_genre::before { content: '\f51f';} .meta_pannel .meta_dl_tempo::before { content: '\e4c3';} .meta_pannel .meta_dl_composer::before { content: '\f305';} .meta_pannel .meta_dl_instruments::before { content: '\f61f';} .meta_pannel .meta_dl_artist::before { content: '\f569';} .meta_pannel .meta_dl_downloads::before { content: '\f019';} .meta_pannel .meta_dl_package::before { content: '\f1b3';} .meta_pannel .meta_dl .meta_dt { font-weight: 700; font-size: 16px; color: #0C5767;} .meta_pannel .meta_dl .meta_dd { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; margin-top: 4px; margin-bottom: 0;} .meta_pannel .meta_dl .meta_dd br { display: none;} .meta_pannel .meta_dl .meta_dd .txt { display: block; font-size: 14px; line-height: 1.2; color: #747474;} .meta_pannel .meta_dl .meta_dd a.txt { color: #4776e6;} .meta_pannel .meta_dl .meta_dd a.txt:hover, .meta_pannel .meta_dl .meta_dd a.txt:focus { text-decoration: underline;} /* .blog_single_area > .container > .row > .col-md-8 { width: calc(100% - 500px);} .blog_single_area > .container > .row > .col-md-4 { width: 500px;} .blog_single_area .cst_sidebar_ttl { font-weight: 700; font-size: 40px; line-height: 56px; color: #404040;} .blog_single_area .blog-sidebar { padding: 36px !important; border: 1px solid #DFDFDF; border-radius: 12px;} */ .blog-sidebar #search-3 { display: none;} .blog-sidebar .site_url { padding: 10px; border-radius: 5px; background-image: -webkit-linear-gradient(0deg, #0c5767 0%, #c2f696 100%) !important;} .blog-sidebar .site_url .store_box { display: flex; gap: 10px;} .blog-sidebar .site_url .store_box .app-btn { display: flex; justify-content: center; align-items: center; flex: 1; width: 100%; height: auto; padding: 5px 10px; border-radius: 100px; line-height: 1;} .blog-sidebar .site_icon_list { margin-top: 10px;} .blog-sidebar .store_url_box { display: flex; gap: 20px;} .blog-sidebar .store_url_box .store_link { display: flex; gap: 4px; align-items: center; flex: 1; padding: 12px 10px; border: 1px solid #DFDFDF; border-radius: 12px;} .blog-sidebar .store_url_box .store_link .ico { display: block; width: 40px; height: 40px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .blog-sidebar .store_url_box .store_link .ico_ios { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.746 20.7245C27.746 20.8361 27.5765 24.1282 31.25 25.858C30.5718 27.9226 28.1981 32.4982 25.4289 32.4982C23.8464 32.4982 22.9422 31.4938 21.1336 31.4938C19.2686 31.4938 18.2513 32.4982 16.8384 32.4982C14.1257 32.6098 11.5259 27.5878 10.7912 25.5232C10.2261 23.9608 10 22.4543 10 21.0035C10 16.0373 13.3344 13.6379 16.4993 13.5821C18.0253 13.5821 19.9468 14.6423 20.7945 14.6423C21.5858 14.6423 23.7899 13.3589 25.8245 13.5263C27.9156 13.6937 29.498 14.4749 30.5718 15.9815C28.7068 17.1533 27.746 18.6599 27.746 20.7245ZM24.5811 11.5734C23.4508 12.8568 22.0944 13.5821 20.625 13.4705C20.512 11.964 21.0771 10.569 22.0944 9.45298C22.9987 8.44859 24.5811 7.6116 25.9375 7.5C25.9375 8.11379 26.107 9.78778 24.5811 11.5734Z' fill='%23404040'/%3E%3C/svg%3E%0A");} .blog-sidebar .store_url_box .store_link .ico_aos { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3801 18.9746L26.3061 16.0449L12.6026 8.13477L23.3801 18.9746ZM9.82287 7.5L22.3072 20L9.82287 32.5C9.1889 32.207 8.75 31.5723 8.75 30.791V9.25781C8.75 8.47656 9.1889 7.8418 9.82287 7.5ZM30.5488 18.5352C31.4754 19.2188 31.4754 20.8301 30.5976 21.5137L27.6716 23.1738L24.453 20L27.6716 16.875L30.5488 18.5352ZM12.6026 31.8652L23.3801 21.0742L26.3061 24.0039L12.6026 31.8652Z' fill='%23404040'/%3E%3C/svg%3E%0A");} .blog-sidebar .store_url_box .store_link .txt { font-weight: 700; font-size: 16px; color: #404040;} .blog-sidebar .sns_url_box .sns_link .ico_insta { font-weight: 700; font-size: 16px; color: #404040;} .cst_result_price { display: block; font-weight: 700; text-align: right;} .cst_search_result_box { display: flex; gap: 12px; align-items: flex-end; margin-bottom: 16px;} .cst_search_result_box .input_group { display: flex; align-items: center; gap: 12px;} .cst_search_result_box .form_select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2867, 89, 113, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");} .cst_search_result_box .form_control, .cst_search_result_box .form_select, .cst_search_result_box .btn[type="submit"] { display: block; height: 52px; margin-top: 0; padding: 8px 16px; appearance: none; background-color: #fff; border: 1px solid #d9dee3; border-radius: 4px; font-weight: 400; font-size: 16px; line-height: 1.6; color: #747474;} .cst_search_result_box .form_select { padding: 13px 36px 13px 16px; background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 6px center; background-size: 17px 12px;} .cst_search_result_box .btn[type="submit"] { width: 160px; background-color: #EDEDED; font-weight: 500; font-size: 18px; color: #404040;} .cst_search_result_box .btn[type="button"] { width: 160px; background-color: #EDEDED; font-weight: 500; font-size: 18px; color: #404040;} .cst_search_result_box.list {margin: 0 auto;max-width: 150px;margin-top: 30px;} .blog_single_area.sec-pad .post_tag_info { overflow: hidden; position: absolute; z-index: -1; width: 1px; height: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);} #comments { display: none;} .history_back_btn { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin-bottom: 24px; border: none; background-color: #0c5767;} .history_back_btn::before { content: "\f104"; display: block; font-weight: 600; font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free" !important; font-size: 28px; color: #fff;} .search_results_ttl { margin-bottom: 40px; font-weight: 500; font-size: 30px; line-height: 42px; color: #404040;} .tbl_total { display: block; margin-left: auto; font-weight: 500; font-size: 16px; color: #747474; text-align: right; text-transform: capitalize;} /* */ .cst_search_result_box * { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} @media screen and (max-width: 991px){ .banner-area .bnr_bg.pc { display: none;} .banner-area .bnr_bg.mo { display: block;} .blog_single_area.sec-pad .container > .row > div { width: 100% !important;} .container .cst_sticker { margin: 30px auto 50px;} .container .cst_sticker p { font-size: 20px;} /* .yt_track_slider_area { padding: 0 20px;} .yt_track_slider_area .current_box { padding: 0 40px;} .yt_track_slider_area .thumb_link { margin-top: 5px;} .yt_track_slider_area .ttl { font-size: 14px;} .yt_track_slider_area .prev_btn, .yt_track_slider_area .next_btn { display: flex; justify-content: center; align-items: center; top: calc(50% + 14px); width: 24px; height: 24px;} .yt_track_slider_area .prev_btn { left: 20px;} .yt_track_slider_area .next_btn { right: 20px;} */ .cst_search_result_box, .cst_search_result_box .input_group { flex-direction: column; width: 100%;} .cst_search_result_box .form_select, .cst_search_result_box .form_control, .cst_search_result_box .btn[type="submit"] { width: 100%;} .cst_search_result_box .tbl_result_total { margin-top: 8px;} .cst_result_tbl { display: block;} .cst_result_tbl thead tr { display: none;} .cst_result_tbl tbody { display: block;} .cst_result_tbl tbody tr { display: flex; flex-direction: column; border-top: 1px solid #EDEDED;} .cst_result_tbl tbody tr td { display: flex; justify-content: space-between; border-top: none; text-align: left; padding-top: 5px; padding-bottom: 5px;} .cst_result_tbl tbody tr td.td_ttl { justify-content: center;} .cst_result_tbl tbody tr td.td_no { justify-content: flex-start; position: relative; padding: 24px 8px; cursor: pointer; pointer-events: all;} .cst_result_tbl tbody tr td.td_no:focus { background-color: #EDEDED;} .cst_result_tbl tbody tr td.td_no:focus::after { color: #0C5767;} .cst_result_tbl tbody tr:not(.active) td:not(.td_no) { display: none !important;} .cst_result_tbl tbody tr td:not(.td_no, .td_ttl):has(a) { display: grid; grid-auto-columns: 1fr auto;} .cst_result_tbl tbody tr td:not(.td_no, .td_ttl):has(a) > * { grid-column: 2 / 3; text-align: right;} .cst_result_tbl tbody tr td::before { content: attr(data-ttl); display: inline; margin-right: auto; font-weight: 500; color: #404040;} .cst_result_tbl tbody tr td.td_ttl::before { display: none;} .cst_result_tbl tbody tr td.td_no::after { content: attr(data-txt); display: inline; margin-left: 12px; font-size: 15px; color: #000;} .cst_result_tbl tbody tr td.td_no::before { content: ''; display: block; position: absolute; width: 16px; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2867, 89, 113, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .cst_result_tbl tbody tr.active td.td_no::before { transform: translateY(-50%) rotate(180deg);} .cst_result_tbl tbody tr td.td_ttl a { font-size: 0;} .cst_result_tbl tbody tr td.td_ttl a::after { content: 'More View'; display: inline-block; margin-left: auto; padding-right: 24px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.40019 12.8L11.2002 8.00005L6.4002 3.20005' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; color: #747474;} .sec_sheet_list { display: block !important; grid-template-columns: auto; grid-template-rows: auto;} .sec_sheet_artist_list { grid-template-columns: repeat(3, minmax(0, 1fr));} } @media screen and (max-width: 600px){ .cst_tbl {table-layout: auto;} .cst_tbl a {width:auto;} } @media screen and (max-width: 499px){ .container .cst_sticker { margin: 20px auto 30px; padding: 15px 20px; clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0);} .container .cst_sticker::before { width: 30px; height: 30px;} .container .cst_sticker p { font-size: 18px;} /* .yt_track_slider_area { flex-direction: column;} .yt_track_slider_area .prev_box, .yt_track_slider_area .next_box { width: 50%;} .yt_track_slider_area .current_box { width: 100%; padding: 60px 40px;} .yt_track_slider_area .prev_btn, .yt_track_slider_area .next_btn { width: 30px; height: 30px;} .yt_track_slider_area .prev_btn { left: 50%; top: 40px; transform: translate(-50%,-50%) rotate(90deg);} .yt_track_slider_area .next_btn { left: 50%; right: auto; top: auto; bottom: 30px; transform: translate(-50%,50%) rotate(90deg);} .yt_track_slider_area .prev_btn:active { transform: translate(-50%,-50%) rotate(90deg) scale(.8);} .yt_track_slider_area .next_btn:active { transform: translate(50%,-50%) rotate(90deg) scale(.8);} */ .blog-sidebar .site_url .store_box { flex-direction: column; gap: 0; align-items: flex-start;} .blog-sidebar .site_url .store_box .app-btn { width: auto;} .sec_sheet_artist_list { grid-template-columns: repeat(2, minmax(0, 1fr));} .cst_tbl {table-layout: auto;} .cst_tbl a {width:auto;} } /* ==================== [ main page ] ==================== */ .visual_swiper_area { position: relative;} .visual_swiper_area .swiper-wrapper { list-style: none;} .visual_swiper_area .visual_link { display: block; position: relative; height: 400px;} .visual_swiper_area .visual_link .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;} .visual_swiper_area .visual_link .bg_bnr_mo { display: none;} .visual_swiper_area .visual_link .visual_ttl { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1000px; font-weight: 500; font-size: 48px; line-height: 67.2px; color: #fff;} .visual_swiper_area .visual_nav { position: absolute; z-index: 100; left: 50%; bottom: 0; transform: translateX(280px); width: 220px;} .visual_swiper_area .visual_nav .nav_btn { display: flex; gap: 8px; width: 100%; padding: 12px 16px; border: none; border-bottom: 1px solid rgba(255,255,255,.2); background-color: rgba(255,255,255,.15);} .visual_swiper_area .visual_nav .nav_btn:hover, .visual_swiper_area .visual_nav .nav_btn.active { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);} .visual_swiper_area .visual_nav .nav_btn .ico { display: none; width: 36px; height: 36px; border-top: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat;} .visual_swiper_area .visual_nav .nav_btn:hover .ico, .visual_swiper_area .visual_nav .nav_btn.active .ico { display: block;} .visual_swiper_area .visual_nav .nav_btn .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis;} .visual_swiper_area .visual_nav .nav_btn .txt { font-size: 14px; line-height: 19.6px; color: rgba(255,255,255,.6); text-align: left;} .visual_swiper_area .visual_nav .nav_btn:hover .txt, .visual_swiper_area .visual_nav .nav_btn.active .txt { color: #fff;} .visual_swiper_area .visual_swiper_prev, .visual_swiper_area .visual_swiper_next { position: absolute; z-index: 100; top: 50%; width: 24px; height: 56px; background-position: center center; background-color: transparent; background-size: 100% auto; background-repeat: no-repeat; border: none;} .visual_swiper_area .visual_swiper_prev { left: 50%; transform: translate(-600px,-50%); background-image: url(http://www.jammates.pro/wp-content/themes/appland-child/img/arw_swiper_prev.svg);} .visual_swiper_area .visual_swiper_next { right: 50%; transform: translate(600px,-50%); background-image: url(http://www.jammates.pro/wp-content/themes/appland-child/img/arw_swiper_next.svg);} .visual_swiper_area .swiper-pagination-bullets { display: flex; gap: 10px; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%);} .visual_swiper_area .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100px; background-color: #fff;} .visual_swiper_area .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 24px; background-color: #EDD5B2;} .page-id-2278 .sec-pad-sheet-main-page { padding-top: 0;} @media screen and (max-width: 1280px){ .visual_swiper_area .visual_link .bg_bnr_pc { display: none;} .visual_swiper_area .visual_link .bg_bnr_mo { display: block;} .visual_swiper_area .visual_link .visual_ttl { width: 100%; padding: 0 24px; font-size: 28px; line-height: 39.2px;} .visual_swiper_area .visual_nav { display: none;} } @media screen and (max-width: 1200px){ .visual_swiper_area .visual_swiper_prev, .visual_swiper_area .visual_swiper_next { position: static; transform: none; width: 11px; height: 25px;} .visual_swiper_area .visual_swiper_prev { background-image: url(http://www.jammates.pro/wp-content/themes/appland-child/img/arw_swiper_prev_mo.svg);} .visual_swiper_area .visual_swiper_next { background-image: url(http://www.jammates.pro/wp-content/themes/appland-child/img/arw_swiper_next_mo.svg);} .visual_swiper_area .swiper-pagination-wrap { display: flex; gap: 23px; align-items: center; position: absolute; z-index: 100; left: 50%; bottom: 12px; transform: translateX(-50%);} .visual_swiper_area .swiper-pagination-bullets { position: static; transform: none;} } /* ==================== [ search results page ] ==================== */ .banner-area, .search_results_page .banner-area { height: 400px; background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/visual01.jpg); background-position: center center; background-size: auto 100%;} .search_results_page .page_ttl { font-weight: 700; font-size: 48px; line-height: 67.2px; color: #404040;} .search_results_page .sec-pad { padding-top: 0;} /* ==================== [ sheet details page ] ==================== */ .the_song_details_page .banner-area { height: 400px; background-image: url(http://www.jammates.pro/wp-content/uploads/2024/08/visual01.jpg); background-position: center center; background-size: auto 100%;} .the_song_details_page .page_ttl { font-weight: 700; font-size: 48px; line-height: 67.2px; color: #404040;} .the_song_details_page .page_ttl + .view_check_panal { margin-top: 24px;} .the_song_details_page .blog-content { position: static !important;} .the_song_details_page .wpb_gallery_slides { max-width: 421px;} .the_song_details_page .wpb_gallery_slides .prettyphoto { position: relative;} .the_song_details_page .wpb_gallery_slides .prettyphoto::before { content: ''; display: block; position: absolute; right: 20px; bottom: 20px; width: 46px; height: 46px; border-radius: 50%; background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_zoom_in.svg); background-position: center center; background-size: 24px auto; background-repeat: no-repeat; background-color: #404040; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.451);} .the_song_details_page .view_check_panal + .blog-items { margin-top: 56px;} .the_song_details_page .preview_sheet .wpb_gallery_slides { height: auto;} .the_song_details_page .preview_sheet .prettyphoto img { width: 100%; height: auto;} .the_song_details_page .sheet_info_main_ttl .wpb_wrapper { display: flex; gap: 10px; flex-direction: column; align-items: center;} .the_song_details_page .sheet_info_main_ttl .wpb_wrapper::before, .the_song_details_page .sheet_info_main_ttl .wpb_wrapper::after { content: ''; display: block; width: 16px; height: 12px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .the_song_details_page .sheet_info_main_ttl .wpb_wrapper::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7071 11.7587H9.93124V5.9828C9.93124 4.3851 10.5002 3.02878 11.6381 1.91384C12.7761 0.798897 14.1324 0.235679 15.7071 0.224184V2.13798C14.6381 2.13798 13.7301 2.51729 12.983 3.27591C12.2358 4.03453 11.8623 4.93683 11.8623 5.9828H15.7071V11.7587ZM6.08641 11.7587H0.310547V5.9828C0.310547 4.3851 0.873765 3.02878 2.0002 1.91384C3.12664 0.798897 4.48871 0.235679 6.08641 0.224184V2.13798C5.01744 2.13798 4.1094 2.51729 3.36227 3.27591C2.61514 4.03453 2.24158 4.93683 2.24158 5.9828H6.08641V11.7587Z' fill='%23404040'/%3E%3C/svg%3E%0A");} .the_song_details_page .sheet_info_main_ttl .wpb_wrapper::after { background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292901 0.241332L6.06876 0.241332L6.06876 6.01719C6.06876 7.6149 5.4998 8.97122 4.36187 10.0862C3.22394 11.2011 1.86761 11.7643 0.2929 11.7758L0.2929 9.86202C1.36187 9.86202 2.26991 9.48271 3.01704 8.72409C3.76417 7.96547 4.13773 7.06317 4.13773 6.01719L0.292901 6.01719L0.292901 0.241332ZM9.91359 0.241333L15.6895 0.241333L15.6895 6.0172C15.6895 7.6149 15.1262 8.97122 13.9998 10.0862C12.8734 11.2011 11.5113 11.7643 9.91359 11.7758L9.91359 9.86202C10.9826 9.86202 11.8906 9.48271 12.6377 8.72409C13.3849 7.96547 13.7584 7.06317 13.7584 6.0172L9.91359 6.01719L9.91359 0.241333Z' fill='%23404040'/%3E%3C/svg%3E%0A");} .the_song_details_page .sheet_info_main_ttl p { font-weight: 300; font-size: 16px; line-height: 35.2px; color: #404040; text-align: center;} .the_song_details_page .sheet_info_main_ttl p strong { font-family: inherit; font-weight: 700; font-size: 32px; line-height: inherit; letter-spacing: inherit; color: inherit;} .the_song_details_page .sheet_info_item + .sheet_info_item { margin-top: 40px;} .the_song_details_page .sheet_info_ttl { position: relative; margin-bottom: 16px; padding-left: 16px; font-weight: 700; font-size: 24px; line-height: 33.6px; color: #0C5767;} .the_song_details_page .sheet_info_ttl::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: calc(100% - 4px); background-color: #0C5767;} .the_song_details_page .sheet_info_txt { margin-bottom: 0; font-size: 16px; line-height: 22.4px; color: #747474;} .the_song_details_page .flexslider_slide .flex-viewport { position: relative; height: 0 !important; padding-top: 120%;} .the_song_details_page .flexslider_slide .flex-viewport .slides { position: absolute; top: 0; height: 100%;} .the_song_details_page #asidePanel { position: absolute; left: calc(100% + 40px); top: 0; width: 380px; margin: 0; padding: 0;} .the_song_details_page #asidePanel ul { list-style: none;} .the_song_details_page #asidePanel > .ttl_area .ttl { font-weight: 700; font-size: 40px; line-height: 56px; color: #404040;} .the_song_details_page #asidePanel .aside_inner { padding: 20px; border: 1px solid #DFDFDF; border-radius: 10px;} .the_song_details_page #ytSliderPanel .yt_ttl_area { margin-top: 80px; margin-bottom: 40px;} .the_song_details_page #ytSliderPanel .yt_ttl_area .ttl { padding-bottom: 0; font-weight: 700; font-size: 30px; line-height: 42px; color: #404040;} #asidePanel .aside_inner > *:nth-child(n+2) { margin-top: 36px; padding-top: 36px; border-top: 1px solid #EDEDED;} #asidePanel .aside_inner > * [class*='_ttl'] { margin-bottom: 24px; font-weight: 700; font-size: 20px; line-height: 28px; color: #404040;} #asidePanel .cst_fields_list { display: flex; flex-wrap: wrap; gap: 16px; padding-left: 0;} #asidePanel .cst_fields_item { position: relative; width: calc((100% - 16px) / 2); padding: 18px 15px; border-radius: 12px; background-color: #F6FAFB;} #asidePanel .cst_fields_item.fields_package_ttl { width: 100%;} #asidePanel .cst_fields_item .ico { display: none;} #asidePanel .cst_fields_item .meta_box { margin: 0; padding: 0;} #asidePanel .cst_fields_item .meta_box .meta_dt { font-weight: 700; font-size: 16px; line-height: 19.09px; color: #0C5767;} #asidePanel .cst_fields_item .meta_box .meta_dt::before { display: inline; margin-right: 10px; font-weight: 900; font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free" !important; font-size: inherit; color: inherit;} #asidePanel .cst_fields_item.fields_pitch .meta_box .meta_dt::before { content: '\f3b5';} #asidePanel .cst_fields_item.fields_chorus .meta_box .meta_dt::before { content: '\e533';} #asidePanel .cst_fields_item.fields_genre .meta_box .meta_dt::before { content: '\f51f';} #asidePanel .cst_fields_item.fields_tempo .meta_box .meta_dt::before { content: '\e4c3';} #asidePanel .cst_fields_item.fields_composer .meta_box .meta_dt::before { content: '\f305';} #asidePanel .cst_fields_item.fields_instruments .meta_box .meta_dt::before { content: '\f61f';} #asidePanel .cst_fields_item.fields_artist .meta_box .meta_dt::before { content: '\f569';} #asidePanel .cst_fields_item.fields_downloads .meta_box .meta_dt::before { content: '\f019';} #asidePanel .cst_fields_item.fields_package_ttl .meta_box .meta_dt::before { content: '\f1b3';} #asidePanel .cst_fields_item .meta_box .meta_dd { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; margin-top: 10px; } #asidePanel .cst_fields_item .meta_box .meta_dd .txt { font-size: 13px; line-height: 15.51px; color: #747474;} #asidePanel .cst_fields_item .meta_box .meta_dd a.txt { color: #4776e6;} #asidePanel .cst_fields_item .meta_box .meta_dd a.txt:hover, #asidePanel .cst_fields_item .meta_box .meta_dd a.txt:focus { text-decoration: underline;} #asidePanel .preview_audio_list { padding: 0;} #asidePanel .preview_audio_box .ico { display: inline-block; padding-left: 7px; border-left: 3px solid #0C5767; font-weight: 700; font-size: 16.92px; line-height: 16.15px; color: #0C5767; font-style: normal;} #asidePanel .preview_audio_box .txt { margin-left: 4px; font-size: 16px; line-height: 19.09px; color: #0C5767;} #asidePanel .cst_audio { height: 40px; margin-top: 8px; border-radius: 12px; background: none; background-color: #0C5767;} #asidePanel .cst_audio .jp-pause, #asidePanel .cst_audio .jp-play { width: 40px; height: 40px; background-position: center center; background-size: 24px; border-right-color: #fff;} #asidePanel .cst_audio .jp-play { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3373 14.8486C22.8623 15.1861 23.1998 15.7861 23.1998 16.3861C23.1998 17.0236 22.8623 17.6236 22.3373 17.9236L11.5373 24.5236C10.9748 24.8611 10.2623 24.8986 9.6998 24.5611C9.1373 24.2611 8.7998 23.6611 8.7998 22.9861V9.78612C8.7998 9.14862 9.1373 8.54862 9.6998 8.24862C10.2623 7.91112 10.9748 7.91112 11.5373 8.28612L22.3373 14.8486Z' fill='white'/%3E%3C/svg%3E%0A");} #asidePanel .cst_audio .jp-pause { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4796 8.80005C21.5196 8.80005 22.3996 9.62505 22.3996 10.6V21.4C22.3996 22.4125 21.5196 23.2 20.4796 23.2L19.1996 23.1625C18.1196 23.1625 17.2796 22.3375 17.2796 21.3625V10.5625C17.2796 9.58755 18.1196 8.80005 19.1996 8.80005H20.4796ZM12.7996 8.80005C13.8396 8.80005 14.7196 9.62505 14.7196 10.6V21.4C14.7196 22.4125 13.8396 23.2 12.7996 23.2H11.5196C10.4396 23.2 9.59961 22.4125 9.59961 21.4V10.6C9.59961 9.58755 10.4396 8.80005 11.5196 8.80005H12.7996Z' fill='white'/%3E%3C/svg%3E%0A");} #asidePanel .cst_audio .jp-play-bar { background: none; background-color: #C9F6FF;} #asidePanel .cst_audio .jp-seek-bar { background: none; background-color: #003A46} #asidePanel .cst_audio .jp-current-time, #asidePanel .cst_audio .jp-duration { height: 40px; font-size: 14px; line-height: 40px; color: #fff;} #asidePanel .cst_audio .jp-current-time { left: 55px;} #asidePanel .cst_audio .jp-progress { top: 15px; left: 105px; right: 65px;} #asidePanel .cst_audio .jp-progress, #asidePanel .cst_audio .jp-progress .jp-seek-bar, #asidePanel .cst_audio .jp-progress .jp-seek-bar .jp-play-bar{ border-radius: 100px;} #asidePanel .store_list { display: flex; gap: 19px; padding: 0;} #asidePanel .store_item { flex: 1;} #asidePanel .store_item .store_link { display: flex; align-items: center; width: 100%; padding: 14px 10px; border: 1px solid #DFDFDF; border-radius: 12px; font-weight: 700; font-size: 16px; line-height: 19.09px; color: #404040;} #asidePanel .store_item .store_link:hover, #asidePanel .store_item .store_link:focus { border-color: #0C5767;} #asidePanel .store_item .store_link::before, #asidePanel .store_item .store_link::after { content: ''; display: block; flex-shrink: 0;background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} #asidePanel .store_item .store_link::before { width: 28px; height: 28px; margin-right: 4px;} #asidePanel .store_item.store_apple .store_link::before { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_ios.svg);} #asidePanel .store_item.store_google .store_link::before { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_aos.svg);} #asidePanel .store_item .store_link::after { margin-left: auto; width: 16px; height: 16px; background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/arw_right_yt.svg);} #asidePanel .sns_list { display: flex; gap: 20px; padding: 0;} #asidePanel .sns_item { width: 64px;} #asidePanel .sns_item .sns_link { display: block; width: 100%; border: 1px solid #DFDFDF; border-radius: 12px; background-position: center center; background-size: 50% auto; background-repeat: no-repeat;} #asidePanel .sns_item .sns_link:hover, #asidePanel .sns_item .sns_link:focus { border-color: #0C5767;} #asidePanel .sns_item.sns_ig .sns_link { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_ig.png);} #asidePanel .sns_item.sns_yt .sns_link { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_yt.png);} #asidePanel .sns_item.sns_fb .sns_link { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/ico_fb.png);} #asidePanel .sns_item .sns_link::before { content: ''; display: block; padding-top: 100%;} /* ==================== [ notice list page ] ==================== */ .notice_view_list_page .sec-pad { display: none;} .notice_view_list_page .notice_view_panel { margin-top: 72px; padding-bottom: 120px;} .notice_view_list_page .notice_view_list { padding: 0;} .notice_view_list_page .notice_view_list { display: flex; flex-direction: column; gap: 24px; width: 900px; margin: 0 auto; list-style: none;} .notice_view_list_page .notice_view_link { display: block; position: relative; height: 187px;} .notice_view_list_page .notice_view_link .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .notice_view_list_page .notice_view_link .bg_bnr_mo { display: none;} .notice_view_list_page .notice_view_link .notice_view_ttl { position: absolute; left: 56px; top: 50%; transform: translateY(-50%); font-weight: 700; font-size: 30px; line-height: 42px; color: #fff;} /* ==================== [ notice view page ] ==================== */ .notice_view_body .container > .row > .col-md-8 { width: 100%; padding-left: 300px !important;} .notice_view_body .container > .row > .col-lg-4 { display: none !important;} .notice_view_body .notice_recent_panel { position: absolute; left: 0; top: 0; width: 220px;} .notice_view_body .notice_recent_list { padding-left: 0; list-style: none;} .notice_view_body .notice_recent_item { border-top: 1px solid rgba(0, 0, 0, 0.2);} .notice_view_body .notice_recent_item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .notice_view_body .notice_recent_item .notice_recent_link { display: flex; align-items: center; gap: 8px; height: 60px; padding: 12px 16px; background-color: rgba(0, 0, 0, 0.05);} .notice_view_body .notice_recent_item:hover .notice_recent_link, .notice_view_body .notice_recent_item.active .notice_recent_link { background-color: #fff;} .notice_view_body .notice_recent_item .ico { display: none; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .notice_view_body .notice_recent_item:hover .ico, .notice_view_body .notice_recent_item.active .ico { display: block;} .notice_view_body .notice_recent_item .notice_recent_ttl { font-size: 14px; line-height: 19.6px; color: rgba(0, 0, 0, 0.6);} .notice_view_body .notice_recent_item:hover .notice_recent_ttl, .notice_view_body .notice_recent_item.active .notice_recent_ttl { color: #000000;} .notice_view_body .blog-items .blog-content + .view_all_notice_btn { display: inline-block; margin-top: 72px; padding: 11px 16px; border-radius: 4px; background-color: #EDEDED; font-weight: 500; font-size: 18px; line-height: 28.8px; color: #404040;} .notice-metaDataPanel { display: none;} @media screen and (max-width: 1280px){ .the_song_details_page .container > .row > .col-md-8 { width: 100%;} .the_song_details_page #asidePanel { position: static; width: 100%; margin-bottom: 60px;} } @media screen and (max-width: 991px){ .banner-area, .banner-area.visual01, .the_song_details_page .banner-area { background-image: url(https://www.jammates.pro/wp-content/themes/appland-child/img/visual01_mo.jpg);} .banner-area .container { position: static;} .banner-area .page-cover-tittle, .page_search_result .banner-content { position: absolute; z-index: 30; top: 64px; left: 0; padding: 0 24px; font-weight: 500; font-size: 28px; line-height: 39.2px; color: #fff;} /* ==================== [ notice view page ] ==================== */ .notice_view_body .container > .row > .col-md-8 { padding-left: 0 !important; padding: 0 24px !important;} .notice_view_body .blog-items .blog-content + .view_all_notice_btn { width: 100%; margin-top: 56px; text-align: center;} .notice_recent_panel { display: none;} /* ==================== [ notice list page ] ==================== */ .notice_view_list_page .notice_view_panel { margin-top: 56px; padding-bottom: 56px;} .notice_view_list_page .notice_view_list { width: 100%; max-width: 440px; padding: 0 24px;} .notice_view_list_page .notice_view_link .bg_bnr_pc { display: none;} .notice_view_list_page .notice_view_link .bg_bnr_mo { display: block;} .notice_view_list_page .notice_view_link .notice_view_ttl { left: 24px;} .notice_view_list_page .notice_view_link .bg { background-size: auto 100%;} } @media screen and (max-width: 768px){ /* ==================== [ sheet details page ] ==================== */ .the_song_details_page .container > .row > .col-md-8 { padding-left: 24px !important; padding-right: 24px !important;} .the_song_details_page .page_ttl { font-size: 30px; line-height: 42px;} .the_song_details_page .page_ttl + .view_check_panal { margin-top: 20px;} .the_song_details_page .wpb_gallery_slides { width: 100%;} .the_song_details_page .wpb_gallery_slides .prettyphoto::before {right: 16px; bottom: 16px; width: 56px; height: 56px;} .the_song_details_page .view_check_panal + .blog-items { margin-top: 12px;} .the_song_details_page .sheet_info_main_ttl .wpb_wrapper { gap: 13px;} .the_song_details_page .sheet_info_main_ttl p { font-size: 13px; line-height: 29px;} .the_song_details_page .sheet_info_main_ttl p strong { font-size: 26px;} .the_song_details_page .sheet_info_ttl { font-size: 20px; line-height: 28px;} .the_song_details_page .flexslider_slide .flex-viewport { padding-top: 120%;} .the_song_details_page #asidePanel { width: 100%;} .the_song_details_page #asidePanel > .ttl_area .ttl { font-size: 24px; line-height: 33.6px;} .the_song_details_page #asidePanel .aside_inner { border-radius: 8px;} .the_song_details_page #ytSliderPanel { overflow: hidden; margin: 0 -24px;} .the_song_details_page #ytSliderPanel .yt_ttl_area { margin-top: 60px; margin-bottom: 32px; padding-left: 19px;} .the_song_details_page #ytSliderPanel .yt_ttl_area .ttl { font-size: 24px; line-height: 33.6px;} .the_song_details_page #ytSliderPanel .current_box { width: 100%; padding: 0 40px;} .the_song_details_page #ytSliderPanel .current_box .yt_track_slide .ttl { font-weight: 600; font-size: 18px; line-height: 21.48px;} .the_song_details_page .yt_track_slider_area .prev_box, .the_song_details_page .yt_track_slider_area .next_box { position: absolute; width: 40vw;} .the_song_details_page .yt_track_slider_area .prev_box { right: calc(100% - 10px)} .the_song_details_page .yt_track_slider_area .next_box { left: calc(100% - 10px)} .the_song_details_page .yt_track_slider_area .prev_btn, .the_song_details_page .yt_track_slider_area .next_btn { background-size: 28px auto;} .the_song_details_page .yt_track_slider_area .prev_btn { left: 20px;} .the_song_details_page .yt_track_slider_area .next_btn { right: 20px;} #asidePanel .aside_inner > *:nth-child(n+2) { margin-top: 32px; padding-top: 36px;} #asidePanel .aside_inner > * [class*='_ttl'] { margin-bottom: 20px;} #asidePanel .cst_fields_list { flex-direction: column; gap: 24px;} #asidePanel .cst_fields_item { width: 100%; padding: 0; border-radius: 0; background-color: transparent;} #asidePanel .cst_fields_item .meta_box { display: flex; gap: 20px;} #asidePanel .cst_fields_item .meta_box .meta_dt { flex-shrink: 0; width: 80px; font-size: 14px; line-height: 26px;} #asidePanel .cst_fields_item .meta_box .meta_dt::before { display: none;} #asidePanel .cst_fields_item .meta_box .meta_dd { margin-top: 0; flex: 1;} #asidePanel .cst_fields_item .meta_box .meta_dd .txt { font-size: 14px; line-height: 26px;} #asidePanel .cst_audio { height: 44px; margin-top: 10px;} #asidePanel .cst_audio .jp-pause, #asidePanel .cst_audio .jp-play { width: 44px; height: 44px;} #asidePanel .cst_audio .jp-current-time, #asidePanel .cst_audio .jp-duration { height: 44px; font-size: 12px; line-height: 44px;} #asidePanel .cst_audio .jp-current-time { left: 55px;} #asidePanel .cst_audio .jp-progress { top: 17px; left: 100px; right: 60px;} #asidePanel .store_list { gap: 12px;} #asidePanel .store_item .store_link { padding: 12px 5px; font-size: 12px; line-height: 14px;} #asidePanel .store_item .store_link::before { width: 24px; height: 24px; margin-right: 5px;} #asidePanel .store_item .store_link::after { width: 14px; height: 14px;} #asidePanel .sns_list { max-width: 400px; gap: 12px;} #asidePanel .sns_item { width: 100%;} #asidePanel .sns_item .sns_link { background-size: 43% auto;} }