@charset "utf-8";
/* Font */
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src:
            local("Pretendard Black"),
            url("../../../resources/front/css/fonts/Pretendard-Black.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-Black.woff") format("woff"),
            url("../../../resources/front/css/fonts/Pretendard-Black.otf") format("opentype"),
            url("../../../resources/front/css/fonts/Pretendard-Black.ttf") format("truetype");
    font-display: block;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src:
            local("Pretendard Bold"),
            url("../../../resources/front/css/fonts/Pretendard-Bold.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-Bold.woff") format("woff"),
            url("../../../resources/front/css/fonts/Pretendard-Bold.otf") format("opentype"),
            url("../../../resources/front/css/fonts/Pretendard-Bold.ttf") format("truetype");
    font-display: block;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src:
            local("Pretendard SemiBold"),
            url("../../../resources/front/css/fonts/Pretendard-SemiBold.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-SemiBold.woff") format("woff"),
            url("../../../resources/front/css/fonts/Pretendard-SemiBold.otf") format("opentype"),
            url("../../../resources/front/css/fonts/Pretendard-SemiBold.ttf") format("truetype");
    font-display: block;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src:
            local("Pretendard Regular"),
            url("../../../resources/front/css/fonts/Pretendard-Regular.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-Regular.woff") format("woff"),
            url("../../../resources/front/css/fonts/Pretendard-Regular.otf") format("opentype"),
            url("../../../resources/front/css/fonts/Pretendard-Regular.ttf") format("truetype");
    font-display: block;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src:
            local("Pretendard Medium"),
            url("../../../resources/front/css/fonts/Pretendard-Medium.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-Medium.woff") format("woff"),
            url("../../../resources/front/css/fonts/Pretendard-Medium.otf") format("opentype");
    font-display: block;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src:
            local("Pretendard Light"),
            url("../../../resources/front/css/fonts/Pretendard-Light.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-Light.woff") format("woff");
    font-display: block;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src:
            local("Pretendard Thin"),
            url("../../../resources/front/css/fonts/Pretendard-Thin.woff2") format("woff2"),
            url("../../../resources/front/css/fonts/Pretendard-Thin.woff") format("woff"),
            url("../../../resources/front/css/fonts/Pretendard-Thin.otf") format("truetype");
    font-display: block;
}

@font-face{ font-family:'tj-bold';
    src:
            url('../../../resources/front/css/fonts/TJ-B/TJJoyofsingingB_TTF.ttf') format('ttf'),
            url('../../../resources/front/css/fonts/TJ-B/TJJoyofsingingB.otf') format('otf'),
            url('../../../resources/front/css/fonts/TJ-B/TJJoyofsingingB.woff2') format('woff2'),
            url('../../../resources/front/css/fonts/TJ-B/TJJoyofsingingB.woff') format('woff');
    font-display: block;
}
@font-face{ font-family:'tj-ExtraBold';
    src:
            url('../../../resources/front/css/fonts/TJ-EB/TJJoyofsingingEB_TTF.ttf') format('ttf'),
            url('../../../resources/front/css/fonts/TJ-EB/TJJoyofsingingEB.otf') format('otf'),
            url('../../../resources/front/css/fonts/TJ-EB/TJJoyofsingingEB.woff2') format('woff2'),
            url('../../../resources/front/css/fonts/TJ-EB/TJJoyofsingingEB.woff') format('woff');


    font-display: block;
}
@font-face{ font-family:'tj-medium';
    src:
            url('../../../resources/front/css/fonts/TJ-M/TJJoyofsingingM_TTF.ttf') format('ttf'),
            url('../../../resources/front/css/fonts/TJ-M/TJJoyofsingingM.otf') format('otf'),
            url('../../../resources/front/css/fonts/TJ-M/TJJoyofsingingM.woff2') format('woff2'),
            url('../../../resources/front/css/fonts/TJ-M/TJJoyofsingingM.woff') format('woff');

    font-display: block;
}
@font-face{ font-family:'tj-light';
    src:
            url('../../../resources/front/css/fonts/TJ-L/TJJoyofsingingL_TTF.ttf') format('ttf'),
            url('../../../resources/front/css/fonts/TJ-L/TJJoyofsingingL.otf') format('otf'),
            url('../../../resources/front/css/fonts/TJ-L/TJJoyofsingingL.woff2') format('woff2'),
            url('../../../resources/front/css/fonts/TJ-L/TJJoyofsingingL.woff') format('woff');

    font-display: block;
}


@font-face {
    font-family:"kudryashev-d-contrast-sans";
    src:url("https://use.typekit.net/af/254a66/00000000000000007735e0d1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/254a66/00000000000000007735e0d1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/254a66/00000000000000007735e0d1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
    font-family:"kudryashev-d-excontrast";
    src:url("https://use.typekit.net/af/20f5ca/00000000000000007735e0ce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/20f5ca/00000000000000007735e0ce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/20f5ca/00000000000000007735e0ce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

/* Reset */
/* .container{min-height: calc(100vh - 504px); } */
.font-18px{font-size: 18px;}
.prd-detail .tab-section{max-width: 1920px !important; margin:130px auto 0 auto !important;}
.prd-detail .tab-section .inner {max-width: 1920px !important;margin: 0 auto !important;}
.pt-10{padding-top: 10px; font-size: 18px;}
#contents{margin-top:0 !important;}
.inp_box input:disabled ~ .btn_inp_del {display: none !important;}
.prd-detail .tab-section .tab_sticky2.size-full{max-width:1440px;margin:0 auto;padding:0 24px;box-sizing: content-box;}
body {position:relative;background-color:transparent;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;color:#000;}
body.mix{background-color: #000;}
body.black{background-color: #000;}
body.mix .container{background-color: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td,a,select,input,textarea{margin:0;padding:0;font-family:'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif;font-weight:400;line-height:1.4;font-size:inherit;box-sizing:border-box}
body.layer_activated{overflow: hidden;}
var {font-style:normal;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{display:block;margin:0;padding:0;}
img,fieldset,iframe{border:0;}
li{list-style:none;}
button{overflow:visible;border:0;color:inherit;line-height:inherit;background:#fff;cursor:pointer;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
legend{position:absolute; left:-9999px; top:0}
:focus-visible { outline: 0;}
.sr_only, caption {position:absolute; top:-9999px; font-size:0; height:0;}
select, input, textarea{color:#000;border-radius:0;border:0;-webkit-appearance:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:700;}
b{font-weight:400;}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
address{font-style:normal;}
textarea{overflow-y:auto;resize:none;display:block}
input::-webkit-input-placeholder{color:#AAA !important; font-weight: 400;}
input:-ms-input-placeholder{color:#AAA !important;}
textarea::-webkit-input-placeholder{color:#AAA !important;}
textarea:-ms-input-placeholder{color:#AAA !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
    opacity:0;
    -webkit-appearance:none;
}
input::-ms-clear,
input::-ms-reveal{
    display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}


.type2 .type-a.type-b .grid-item.title3 p.no-ico{display: none;}
.flex-box P.no-ico{display: none;}
.highlight{color: #00AFEC !important;}
.detail-pd{padding-top: 120px;}
p.top_tit{position:fixed;width:100%; padding:16px 0;background:#000;text-align:center;top:0;z-index:50}
p.top_tit span{font-size:24px;font-weight:normal;color:#fff;display:block;max-width:1024px;margin:0 auto;position:relative;}
.g_container{padding:100px 20px 50px;background-color:#f7f7f7;}
div.g_item + div.g_item{margin-top:20px;}
div.g_item{padding:24px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;}
div.g_item > .g_title{padding-bottom:8px;font-size:20px;color:rgba(0,0,0,.3);margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.2);}
div.g_item > .g_content >p + p{margin-top:7px}
div.g_item > .g_content >.g_desc {font-size:13px;color:#223a6a}
div.g_item > .g_content >.g_underline button {text-decoration:underline;}
div.g_item > .g_content .g_title_sub {padding-bottom:8px;font-size:15px;font-weight:500;color:rgba(0,0,0,.3);}
div.g_item > .g_content .g_code {margin:5px 0 30px;padding:10px;border:1px dotted #999;}
div.g_item > .g_content .g_code p {padding:5px 0;font-size:12px;line-height:20px;}
div.g_item > .g_content .g_code ul {margin-top:5px;}
div.g_item > .g_content .g_code ul li::before{content:'-';}
div.g_item > .g_content .g_code ul li{font-size:12px;line-height:20px;}
div.g_item > .g_content .g_code table{overflow:hidden;width:100%;border-collapse:separate;text-align:left;margin-top:5px;border-radius:4px;border:1px solid #ebebeb;}
div.g_item > .g_content .g_code table th{background:#f5f5f5;font-size:14px;line-height:20px;color:#222;}
div.g_item > .g_content .g_code table th,.g_code table td{padding:13px 16px;font-size:12px;border-bottom:1px solid #ebebeb;}
div.g_item > .g_content .g_code table tr:last-child th,.g_code table tr:last-child td {border-bottom:0;}
div.g_item > .g_content .g_code table th.center, .g_code table td.center{text-align:center !important}
[class*="btn_type"] {display:block;width:100%;text-align:center;font-weight:700;}
[class*="btn_type"]:disabled {background:#EEE;color:#BBB;pointer-events:none}
.type3 [class*="btn_type"]:disabled {width: 400px; background:#EEE;color:#BBB;pointer-events:none; height:80px; font-size:24px; line-height: 34px; font-weight: 700; margin: 60px auto 0 auto;}
[class*="btn_type"].black:disabled {background:#000;border:1px solid #444;color:#444;pointer-events:none}
[class*="btn_type2"]:disabled {border:0}
.btn_type_l {height:56px;background:#000;font-size:20px;color:#FFF;line-height:30px}
.type3 .btn_type_l {height:80px;background:#000;font-size:24px;color:#FFF;line-height:34px}
.btn_type_m {height:48px;background:#000;font-size:16px;color:#FFF;line-height:24px}
.btn_type_s {height:36px;background:#000;font-size:14px;color:#FFF;line-height:22px}
.btn_type2_l {height:56px;border:1px solid #000;background:#FFF;font-size:20px;line-height:30px}
.btn_type2_m {height:48px;border:1px solid #000;background:#FFF;font-size:16px;line-height:24px}
.btn_type2_s {height:36px;border:1px solid #000;background:#FFF;font-size:14px;line-height:22px}
.btn_type_l.black {height:56px;border:1px solid #FFF;background:#000;font-size:20px;color:#FFF;line-height:30px}
.btn_type_m.black {height:48px;border:1px solid #FFF;background:#000;font-size:16px;color:#FFF;line-height:24px}
.btn_type_s.black {height:36px;border:1px solid #FFF;background:#000;font-size:14px;color:#FFF;line-height:22px}
.btn_type_s.btn_s {width:auto;min-width:200px;padding:0 20px}
.btn_type2_s.btn_s {width:auto;min-width:200px;padding:0 20px}
.btn_type_xs.btn_s {width:auto;min-width:128px;padding:0 16px}
.btn_type2_xs.btn_s {width:auto;min-width:128px;padding:0 16px}
.btn_type_xs {height:36px;background:#000;font-size:14px;color:#FFF;line-height:22px}
.btn_type2_xs {height:36px;border:1px solid #000;background:#FFF;font-size:14px;line-height:22px}
.btn_type_xs.black {height:36px;border:1px solid #FFF;background:#000;font-size:14px;color:#FFF;line-height:22px}
.form_wrap {display:inline-block;position:relative}
.form_wrap input[type="radio"] {position:absolute;width:24px;height:24px}
.form_wrap input[type="radio"]+label {display:inline-block;padding-left:36px;font-size:18px}
.form_wrap input[type="radio"]:checked+label{font-weight: bold;}
.form_wrap input[type="radio"]+label::before {content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../../../resources/front/images/common/radio_off.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="radio"]:checked+label::before {background:url(../../../resources/front/images/common/radio_on.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="radio"]:disabled+label::before {background:url(../../../resources/front/images/common/radio_off_dis.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="radio"]:checked:disabled+label::before {background:url(../../../resources/front/images/common/radio_on_dis.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="checkbox"] {position:absolute;width:24px;height:24px}
.form_wrap input[type="checkbox"]+label {display:inline-block;padding-left:36px;font-size:18px}
.form_wrap input[type="checkbox"]+label::before {content:'';position:absolute;top:2px;left:0;width:24px;height:24px;background:url(../../../resources/front/images/common/chkbox_off.svg) no-repeat 0 0 / 24px 24px}
.music-search-area .form_wrap input[type="checkbox"]+label::before {content:'';position:absolute;top:50%;transform: translateY(-50%); left:0;width:24px;height:24px;background:url(../../../resources/front/images/common/chkbox_off.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="checkbox"]:checked+label::before {background:url(../../../resources/front/images/common/chkbox_on.svg) no-repeat 0 0 / 24px 24px}
.music-search-area .form_wrap input[type="checkbox"]:checked+label::before {background:url(../../../resources/front/images/common/chkbox_on.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="checkbox"]:disabled+label::before {background:url(../../../resources/front/images/common/chkbox_off_dis.svg) no-repeat 0 0 / 24px 24px}
.form_wrap input[type="checkbox"]:checked:disabled+label::before {background:url(../../../resources/front/images/common/chkbox_on_dis.svg) no-repeat 0 0 / 24px 24px}
.inp_box {position:relative}
.inp_box .btn_inp_del {display:none;position:absolute;top:50%;right:16px;width:24px;height:24px;margin-top:-12px;background:url(../../../resources/front/images/common/btn_inp_del.svg) no-repeat 100% 0 / 24px;font-size:0;color:transparent}
.inp_box.error .inp_base {color:#F33A62}
.inp_base {width:100%;height:56px;padding:16px 48px 16px 16px;border-bottom:1px solid transparent;background:#F8F8F8;font-size:16px;line-height:24px;outline:none}
.type3 .inp_base {width:100%;height:64px;padding:17px 24px;border-bottom:1px solid transparent;background:#F8F8F8;font-size:20px; font-weight: 400; line-height:30px;outline:none}
.inp_base:focus:not(:read-only) {border-bottom:1px solid #000}
.inp_base:disabled {background:#EEE; font-weight: 700;}
.inp_base:read-only {background:#EEE;color:#aaa; font-weight: 500;}
.inp_base:read-only::placeholder {background:#EEE;color:#aaa; font-weight: 700;}
.inp_label_box label {font-size:18px;font-weight:700;line-height:28px;}
.inp_label_box label .required {display:inline-block;width:6px;height:6px;border-radius:50%;background:#00AFEC;font-size:0;text-indent: -9999px;vertical-align:top;}
.inp_label_box label+.inp_box {margin-top:12px}
.black .inp_box.search .inp_base {padding:17px 76px 17px 28px; border-radius: 64px; border:1px solid rgba(255, 255, 255, 0.6);}
.inp_box.search .inp_base:focus:not(:read-only) {border:1px solid #000}
.black .inp_box.search .inp_base:focus:not(:read-only) {border:1px solid rgba(255, 255, 255, 0.6)}
.inp_box.search .btn_inp_del {right:50px}
.accompaniment .inp_box form{position: relative;}
.inp_box.search .btn_search {position:absolute;top:50%; transform: translateY(-50%); right:20px;width:24px;height:24px;background:url(../../../resources/front/images/common/ico_search.svg) no-repeat 0 0 / 24px;font-size:0;color:transparent}
.inp_box.search.black .btn_search {position:absolute;top:50%; transform: translateY(-50%); right:20px;width:24px;height:24px;background:url(../../../resources/front/images/common/search.svg) no-repeat 0 0 / 24px;font-size:0;color:transparent}
.inp_box.search .inp_base:disabled~.btn_search {background:url(../../../resources/front/images/common/ico_search_dis.svg) no-repeat 0 0 / 24px;}
.sel_base {width:100%;height:56px;padding:16px 48px 16px 16px;background:#F8F8F8 url(../../../resources/front/images/common/ico_sel.svg) no-repeat right 16px top 50% / 24px;font-size:16px;line-height:24px;}
.sel_base:disabled {background:#EEE url(../../../resources/front/images/common/ico_sel_dis.svg) no-repeat right 16px top 50% / 24px}
.sel_base.size_s {width:auto;min-width:200px;height:48px;padding:12px 48px 12px 16px;font-size:16px;line-height:24px;}
.flex-box2 .sel_base.size_s {width:auto;min-width:200px;height:64px;    padding: 17px 48px 17px 24px; font-weight: 700;
    font-size: 20px;
    line-height: 30px;}
.ellips-p{width: calc(100% - 72px);}
input:-internal-autofill-selected{background: #F8F8F8 !important;}
.textarea_box {position:relative;height:200px;padding:24px 24px 36px 24px;border:1px solid transparent;background:#F8F8F8;}
.textarea_box.active {border:1px solid #000}
.textarea_box textarea {width:100%;height:100%;background:inherit;font-size:16px;line-height:24px;outline:none}
.textarea_box textarea::-webkit-scrollbar {width:4px}
.textarea_box textarea::-webkit-scrollbar-thumb {background:#DDD}
.textarea_box textarea::-webkit-scrollbar-track {background:transparent}
.textarea_box .count {position:absolute;bottom:12px;right:16px;font-size:13px;color:#AAA;line-height:20px;}
.textarea_box .count .num {color:#000}
.textarea_box.error textarea {color:#F33A62}
.textarea_box.disabled {background:#EEE}
.textarea_box.disabled textarea {color:#AAA}
.msg_error {position:relative;padding-left:20px;margin-top:8px;font-size:14px;color:#F33A62;line-height:22px;}
.msg_error::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../../../resources/front/images/common/ico_error.svg) no-repeat 0 0 / 16px}
.msg_noti {position:relative;padding-left:20px;margin-top:8px;font-size:14px;line-height:22px;}
.msg_noti::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../../../resources/front/images/common/ico_noti.svg) no-repeat 0 0 / 16px}

/* 인재채용 */
.text-pc{display: block !important;}
.text-mo{display: none !important;}
.warning-content > strong ~ strong {padding-top: 40px;}
.warning-content dl{display:flex;align-items: center;gap: 12px;position: relative;padding-left: 12px;margin-top: 8px;}
.warning-content dl::before {content: '';display: block;position: absolute;top: 12px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #666;}
.warning-content dl dt{flex:none;width:74px;font-size: 20px;font-weight: 700;color: #444;line-height: 28px;letter-spacing: -0.02em;}
.warning-content dl dd a{font-size: 20px;font-weight: 400;color: #444;line-height: 24px;letter-spacing: -0.02em;}
.recruit-wrap{overflow:hidden;height:600px;background:#000}
.recruit-wrap .inner{position:relative;max-width:1440px;margin:0 auto;padding:260px 12.5% 100px;box-sizing: content-box;}
.recruit-wrap .title{color:#fff}
.recruit-wrap .title h1{font-family:'tj-medium';font-size: 80px;font-weight: 500;line-height: 104px;letter-spacing: -2.4px;}
.recruit-wrap .title p{padding-top:40px;font-size: 24px;font-weight: 400;line-height: 34px;letter-spacing: -.48px;}
.recruit-wrap .icons{position:absolute;top:130px;right:12.5%;width:618px}
.recruit-wrap .icons i{display:block;position:absolute}
.recruit-wrap .icons .ico1{top:54px;right:0;width:446px;height:324px;background:url(../images/intro/recruit_ico1.svg) no-repeat 0 0 / 100% 100%}
.recruit-wrap .icons .ico2{top:197px;left:0;width:316px;height:233px;background:url(../images/intro/recruit_ico2.svg) no-repeat 0 0 / 100% 100%}
.recruit-wrap .icons .ico3{top:0;left:50px;width:172px;height:161px;background:url(../images/intro/recruit_ico3.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 1s infinite}
.recruit-wrap .icons .ico4{top:150px;left:0;width:138px;height:137px;background:url(../images/intro/recruit_ico4.svg) no-repeat 0 0 / 100% 100%;animation:scale 0.8s infinite}
.recruit-wrap .icons .ico5{top:312px;right:240px;width:120px;height:95px;background:url(../images/intro/recruit_ico5.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 1s infinite}
@keyframes scale {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    50% {transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes rotateA {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(6deg);-webkit-transform:rotate(6deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}

.jobs-sec.talent ul{display:flex;justify-content:space-between;padding-top:80px}
.jobs-sec.talent li{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#fff;text-align:center}
.jobs-sec.talent li .pos{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.jobs-sec.talent li img{width: 100%;}
.jobs-sec.talent li .tit{font-family:'tj-bold';font-size: 48px;font-weight:700;line-height: 68px ;letter-spacing: -1.92px;}
.jobs-sec.talent li .desc{padding-top:10px;font-size:24px;font-weight:500;line-height:34px;letter-spacing:-0.48px;word-break: keep-all;}

.jobs-sec.welfare{background:#F8F8F8}
.jobs-sec.welfare .inner{padding:100px 24px}
.jobs-sec.welfare .title-area h2{color:#000}
.welfare-ul{display:flex;flex-wrap:wrap;padding:0 60px}
.welfare-ul > li{flex:none;width:50%}
.welfare-ul > li:nth-child(-n+2){padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #ddd}
.welfare-ul li i{display:block; width:54px;height:54px}
.welfare-ul li strong{display:block;padding-top:16px;font-size:32px;line-height: 42px;}
.welfare-ul li .sub-list{margin-top:16px}
.welfare-ul li:nth-child(-n+2) .sub-list{display:flex;flex-wrap:wrap;max-width:336px;}
.welfare-ul li:nth-child(-n+2) .sub-list li{width:50%}
.welfare-ul li .sub-list li{position:relative;padding-left:16px;margin-top:8px;}
.welfare-ul li .sub-list li::before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background:#000}
.welfare-ul li .sub-list li span{font-size:20px;font-weight:400;line-height:30px;letter-spacing: -.4px}

.process-ul{display:flex;justify-content:space-between;gap:64px;padding-top:40px}
.process-ul.type2{display:flex;justify-content:space-between;gap:24px;padding-top:32px}
.process-ul.type2 li{position:relative;flex:1;padding:16px 16px 51px 16px;border:1px solid #ddd;border-radius: 12px;}
.process-ul li{position:relative;flex:1;padding:40px 24px 170px 32px;border:1px solid #ddd;border-radius: 12px;}
.process-ul.type2 li::before{content:'';position:absolute;bottom:18px;right:16.43px;width:30px;height:30px}
.process-ul li::before{content:'';position:absolute;bottom:16px;right:16px;width:60px;height:60px}
.process-ul.type2 li.step1::before{background:url(../images/Recruitment/type_icon_step1.svg) no-repeat 0 0 / 100% 100%}
.process-ul.type2 li.step2::before{background:url(../images/Recruitment/type_icon_step2.svg) no-repeat 0 0 / 100% 100%}
.process-ul.type2 li.step3::before{background:url(../images/Recruitment/type_icon_step3.svg) no-repeat 0 0 / 100% 100%}
.process-ul.type2 li.step4::before{background:url(../images/Recruitment/type_icon_step4.svg) no-repeat 0 0 / 100% 100%}
.process-ul.type2 li.step5::before{background:url(../images/Recruitment/type_icon_step5.svg) no-repeat 0 0 / 100% 100%}
.small-sub-content{padding-top: 2px; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.04em; color: rgba(102, 102, 102, 1);}
.process-ul li.step1::before{background:url(../images/Recruitment/icon_step1.svg) no-repeat 0 0 / 100% 100%}
.process-ul li.step2::before{background:url(../images/Recruitment/icon_step2.svg) no-repeat 0 0 / 100% 100%}
.process-ul li.step3::before{background:url(../images/Recruitment/icon_step3.svg) no-repeat 0 0 / 100% 100%}
.process-ul li.step4::before{background:url(../images/Recruitment/icon_step4.svg) no-repeat 0 0 / 100% 100%}
.process-ul li.step5::before{background:url(../images/Recruitment/icon_step5.svg) no-repeat 0 0 / 100% 100%}
.process-ul li::after{content:'';position:absolute;top:50%;left:calc(100% + 20px);width:24px;height:24px;margin-top:-12px;background:url(../images/Recruitment/icon_step_arw.svg) no-repeat 0 0 / 100% 100%}
.process-ul.type2 li::after{content:'';position:absolute;top:50%;left:100%;width:24px;height:24px;margin-top:-12px;background:url(../images/Recruitment/icon_step_arw.svg) no-repeat 0 0 / 100% 100%}
.process-ul li.step5::after{display:none}
.process-ul li strong{display:block;font-size:18px;color:#00AFEC;line-height: 28px;}
.process-ul.type2 li span{display:block;margin-top:4px;font-size:18px;font-weight:700;line-height:21px;}
.process-ul li span{display:block;margin-top:4px;font-size:28px;font-weight:700;line-height:38px;}


/* hover */
.family-wrap .case-title .new-more-type>a{display: flex; align-items: center; justify-content: center; width: 54px;height: 48px;background: url(../../../resources/front/images/main/move_shape.svg) no-repeat center;background-size: 54px 48px;}
.new-more-type>a{display: flex; align-items: center; justify-content: center; width: 54px;height: 48px;background: url(../../../resources/front/images/main/move_shape.svg) no-repeat center;background-size: 54px 48px;}
.family-wrap .case-title .new-more-type>a::after{content: '' !important;display: block;width: 24px;height: 21.6px;background: url(../../../resources/front/images/main/black_next.svg) no-repeat center;background-size: 24px 21.6px;}
.new-more-type>a::after{content: '' !important;display: block;width: 24px;height: 21.6px;background: url(../../../resources/front/images/main/black_next.svg) no-repeat center;background-size: 24px 21.6px;}
.family-wrap .case-title .new-more-type>a:hover::after{animation: slideRight2 1s ease infinite;}
.new-more-type>a:hover::after{animation: slideRight2 1s ease infinite;}


.family-wrap .family.case2 .case-title .new-more-type-white>a{display: flex; align-items: center; justify-content: center; width: 54px;height: 48px;background: url(../../../resources/front/images/main/big_shape.svg) no-repeat center;background-size: 54px 48px;}
.new-more-type-white>a{display: flex; align-items: center; justify-content: center; width: 54px;height: 48px;background: url(../../../resources/front/images/main/big_shape.svg) no-repeat center;background-size: 54px 48px;}
.family-wrap .family.case2 .case-title .new-more-type-white>a::after{content: '' !important;display: block;width: 24px;height: 21.6px;background: url(../../../resources/front/images/main/big_more.svg) no-repeat center;background-size: 24px 21.6px;}
.new-more-type>a::after{content: '' !important;display: block;width: 24px;height: 21.6px;background: url(../../../resources/front/images/main/big_more.svg) no-repeat center;background-size: 24px 21.6px;}
.family-wrap .family.case2 .case-title .new-more-type-white>a:hover::after{animation: slideRight2 1s ease infinite;}
.new-more-type-white>a:hover::after{animation: slideRight2 1s ease infinite;}


.product-intro .product-con .list .desc-box a{display:flex; align-items: center; justify-content: center; margin-top:24px;background:url(../images/main/big_shape.svg) no-repeat 57% 50% / 38px 32px; font-size:28px; font-weight: 300; color:#fff;line-height:38px; }
.product-intro .product-con .list .desc-box a::after{content: '';display: inline-block;width: 16px;height: 14.4px;background: url(../../../resources/front/images/main/big_more.svg) no-repeat center;background-size: 16px 14.4px; margin-left:15px;}
.product-intro .product-con .list .desc-box a:hover:after{animation: slideRight2 1s ease infinite;}
.product-intro .product-con .list .desc-box a.active:after{animation: slideRight2 1s ease infinite;}

.search.more-btn{display:flex; padding-right: 10px; align-items: center; justify-content: center; margin-top:24px;background:url(../images/main/move_shape.svg) no-repeat 100% 50% / 38px 32px; font-size:28px; font-weight: 300; color:#fff;line-height:38px; }
.search.more-btn::after{content: '';display: inline-block;width: 16px;height: 14.4px;background: url(../../../resources/front/images/main/black_next.svg) no-repeat center;background-size: 16px 14.4px; margin-left:15px;}
.search.more-btn:hover::after{animation: slideRight2 1s ease infinite;}
@keyframes slideRight2 {0% { transform: translateX(0); }50% { transform: translateX(4px); }100% { transform: translateX(0); }}

.ci-content .btn-download a{transition: all 0.5s ease; background-color: rgba(225,225,225,0);}
.ci-content .btn-download a:hover{background-color: rgba(225,225,225,0.15)}

/* scale */
.news-card-list li .img img {transition: transform 0.5s ease-out;}
.news-card-list li .img:hover img {transform: scale(1.2);}

/* datepicker */
.ui-datepicker{width:520px;padding:24px 24px 16px; top:874px !important}
.ui-datepicker table{margin-bottom:0}
.ui-widget.ui-widget-content{border-radius:0;border:1px solid #000;box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.08); z-index: 2 !important;}
.ui-widget-header{background:#fff;border:0}
.ui-datepicker .ui-datepicker-header{padding:0 0 16px 0}
.ui-datepicker .ui-datepicker-title{font-size:24px;font-weight:700;line-height:34px}
.ui-datepicker th{padding:15px;font-size:20px;font-weight:700;color:#666;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{font-weight:700}
.ui-datepicker td span, .ui-datepicker td a{width:60px;padding:15px;text-align:center;box-sizing: border-box;}
.ui-state-default, .ui-widget-content .ui-state-default{border:0;background:none;color:#000}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#F8F8F8;border-radius:45px;}
.ui-state-active, .ui-widget-content .ui-state-active{border:1px solid #000;background:#fff;border-radius:45px;}
.ui-datepicker tr .ui-datepicker-week-end:first-child a{color:#F33A62}
.ui-datepicker tr .ui-datepicker-week-end:last-child a{color:#487FE0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:24px;height:24px}
.ui-icon{width:24px;height:24px}
.ui-datepicker .ui-datepicker-next span{background-image: url(../images/common/cal_next.svg);}
.ui-datepicker .ui-datepicker-prev span{background-image: url(../images/common/cal_prev.svg);}
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e{background-position:0 0}
.ui-widget-header .ui-state-hover{border:0;background:none}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:2px}
.ui-datepicker .ui-datepicker-next-hover{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:2px}

/* loading */
.loading_wrap .inner{display:flex;height:100%;align-items:center;justify-content: center;}
.loading_wrap .dim{background:none;pointer-events: none;}
.loader {width: 48px;height: 48px;z-index:1002;border-radius: 50%;display: inline-block;border-top: 4px solid #666;border-right: 4px solid transparent;box-sizing: border-box;animation: rotation 1s linear infinite;}
.loader::after {content: '';  box-sizing: border-box;position: absolute;left: 0;top: 0;width: 48px;height: 48px;border-radius: 50%;border-left: 4px solid #00AFEC;border-bottom: 4px solid transparent;animation: rotation 0.5s linear infinite reverse}
@keyframes rotation {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}

/* 말줄임 */
.ellipsis1 {display: block; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.ellipsis2 {display: block; width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* select */
.select{position: relative; background-color: rgba(248, 248, 248, 1); }
.select select{width: 100%; padding: 16px 64px 16px 16px; font-size: 16px; font-weight: 400; line-height: 24px; color: #000; letter-spacing: -0.02em; background-color: #F8F8F8;}
.select select{background: url('../../../resources/front/images/common/black_drop_ico.svg') no-repeat calc(100% - 24px) 50% / 24px 24px; }
/* .select.on select { background: url('../../../resources/front/images/common/black_drop_on_ico.svg') no-repeat calc(100% - 24px) 50% / 24px 24px;} */

/*pc header*/
header.fixed .top-area{height: 80px;}
.black .top-area .side-menu .site{display: block; width: 24px; height: 24px; background: url('../images/common/white_site_map.svg') no-repeat center; background-size: 24px 24px;}
.black .top-area .side-menu.white .site{display: block; width: 24px; height: 24px; background: url('../images/common/site_map_ico.svg') no-repeat center; background-size: 24px 24px;}
.mix .top-area .side-menu .site{display: block;width: 24px; height: 24px; background: url('../images/common/white_site_map.svg') no-repeat center; background-size: 24px 24px;}
.mix .top-area .side-menu.white .site{display: block;width: 24px; height: 24px; background: url('../images/common/site_map_ico.svg') no-repeat center; background-size: 24px 24px;}
.white .top-area .side-menu .site{display: block;width: 24px; height: 24px; background: url('../images/common/site_map_ico.svg') no-repeat center; background-size: 24px 24px; }
.white header.fixed .top-area .side-menu .site{display: block;width: 24px; height: 24px; background: url('../images/common/white_site_map.svg') no-repeat center; background-size: 24px 24px; }
.white header.fixed .top-area .side-menu.white .site{display: block;width: 24px; height: 24px; background: url('../images/common/site_map_ico.svg') no-repeat center; background-size: 24px 24px; }
.top-area.nav .side-menu .site{display: block;width: 24px; height: 24px; background: url('../images/common/white_site_map.svg') no-repeat center; background-size: 24px 24px;}
.top-area.nav .side-menu.white .site{display: block;width: 24px; height: 24px; background: url('../images/common/site_map_ico.svg') no-repeat center; background-size: 24px 24px;}
.fixed header{width: 100%;position: sticky;z-index: 3;display: block;top: 0;}
.mix.fixed header{width: 100%;position: fixed;z-index: 3;display: block;top: 0;}
.white header{position: absolute;}
.mix header{position: absolute;}
.fixed .top-area{background-color: transparent;}
.black .top-area{background-color: transparent;}
.gnb-draw{height: 100%;}
.depth2{height: 100%; box-sizing: border-box;}
header{width: 100%; position: relative; z-index: 3;}
.mobile-header{display: none;}
.mobile-menu{display: none;}
.pc-header{display: block;}
.top-area{display: flex; align-items: center; justify-content: space-between; height: 120px; padding:0 80px;}
.top-area.nav{display: flex; align-items: center; justify-content: space-between; height: 120px; padding:0 80px; background-color: transparent;}
.black.fixed .top-area{position: sticky; display: flex; top: 0; width: 100%; background-color: rgba(0,0,0,0.8);}
.black .top-area .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/pc_logo_transparent.svg') no-repeat center; background-size: 72px 30px;}
.black .top-area.white .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/white_logo.svg') no-repeat center; background-size: 72px 30px;}
.mix .top-area.white .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/white_logo.svg') no-repeat center; background-size: 72px 30px;}
.mix .top-area{position: absolute; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); transition: all .2s;}
.top-area.new{position: absolute; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); transition: all .2s;}
/* .mix.fixed .top-area{background-color: rgba(0,0,0,0.8); transition: all .2s;} */
.white .top-area.nav .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/pc_logo_transparent.svg') no-repeat center; background-size: 72px 30px;}
.white .top-area.nav.white .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/white_logo.svg') no-repeat center; background-size: 72px 30px;}
.mix .top-area .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/pc_logo_transparent.svg') no-repeat center; background-size: 72px 30px;}
.white header.fixed .top-area .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/pc_logo_transparent.svg') no-repeat center; background-size: 72px 30px;}
header.fixed .depth1 .d1-list>a{color: #fff;}
.white .top-area .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/white_logo.svg') no-repeat center; background-size: 72px 30px;}
/* .fixed .top-area.white .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/white_logo.svg') no-repeat center; background-size: 72px 30px;} */
.white header.fixed .top-area.white .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/white_logo.svg') no-repeat center; background-size: 72px 30px;}
/* .fixed .top-area .logo a{display: block; width: 72px; height: 30px; background: url('../../../resources/front/images/common/pc_logo.svg') no-repeat center; background-size: 72px 30px;} */
.gnb{ width: 851px; }
.depth1{display: flex;  width: 100%;}
.depth1 .d1-list{ position: relative; width: 15%; text-align: left;}
.d1-list.on a::after{width: 100% !important;}
.depth1 .d1-list>a{font-family:'tj-bold'; position: relative; color: #000; font-size: 20px;  }
.black .top-area .depth1 .d1-list>a{position: relative; display: block; width: 100%;  color: #fff; font-size: 20px;  }
.black.fixed .top-area .depth1 .d1-list>a{position: relative; display: block; width: 100%;  color: #fff; font-size: 20px;  }
.mix .top-area .depth1 .d1-list>a{position: relative; display: block; width: 100%;  color: #fff; font-size: 20px; }
.depth1 .d1-list>a.on span{color:#00AFEC ;}
.gnb.on .depth1 .d1-list .depth-wrap.intro{display: block;}
.gnb.on .gnb-bg{display: block;}
.depth-wrap.intro{display: none; position: absolute; z-index: 3; top:71px; width: 100%;}
.gnb-bg{display: none; position: absolute; top:120px; left: 0; z-index: 2;  width: 100%; background-color: #fff; min-height: 437px; }
header.fixed .gnb-bg{display: none; position: absolute; top:80px; left: 0; z-index: 2;  width: 100%; background-color: #fff; min-height: 437px; }
.black .gnb-bg{background-color: #000}
.black.main .gnb-bg{background-color: transparent;}
.mix .gnb-bg{background-color: #000;}
.white .gnb-bg{background-color: #fff;}
.depth2{display: flex; flex-direction: column; gap:20px 0;}
.depth2 li{ text-align: left;}
.top-area .depth2>li>a{font-family:'tj-medium'; position: relative; width: 100%; font-size: 16px; font-weight: 500; color: #000;}
.top-area .depth2>li:hover a{font-weight: 700; font-size: 16px; color: #000}
.top-area .depth2>li>a::after{content: ''; position: absolute; bottom: -2px; width: 0%; left: 50%;transform: translateX(-50%); height: 2px; transition: width 0.3s;  background-color: #000;}
.black.main .top-area .depth2>li>a{position: relative; width: 100%; font-size: 16px; font-weight: 400; color: #000;}
.black.main .top-area .depth2>li:hover a{font-weight: 700; font-size: 16px; color: #000}
.black.main .top-area .depth2>li>a::after{content: ''; position: absolute; bottom: -2px; width: 0%; left: 50%;transform: translateX(-50%); height: 2px; transition: width 0.3s;  background-color: #000;}
.black.main .top-area .depth2>li>a:hover::after{content: ''; position: absolute; bottom: -4px; width: 0%; left: 50%;transform: translateX(-50%); height: 2px; transition: width 0.3s;  background-color: #000;}
.black .top-area .depth2>li>a{ position: relative; font-size: 16px; font-weight: 400; color: #000;}
.black .top-area .depth2>li>a:hover{font-weight: 700; font-size: 16px; color: #000}
.black .top-area .depth2>li>a:hover::after{content: ''; position: absolute; bottom: -4px; width: 0%; left: 50%;transform: translateX(-50%); height: 2px; transition: width 0.3s;  background-color: #000;}
.mix .top-area .depth2>li>a{ position: relative; font-size: 16px; font-weight: 400; color: #000;}
.mix .top-area .depth2>li>a:hover{font-weight: 700; font-size: 16px; color: #000}
.mix .top-area .depth2>li>a:hover::after{content: ''; position: absolute; bottom: -4px; width: 0%; left: 50%;transform: translateX(-50%); height: 2px; transition: width 0.3s;  background-color: #000;}
.depth2 li a:hover:after{width: 100% !important; }
.side-menu ul{display: flex; align-items: center; gap:0 24px; }
.side-menu ul li a{display: block; width: 24px; height: 24px; background-size: 24px 24px;}
.side-menu ul .search a{background: url('../../../resources/front/images/common/search.svg') no-repeat center; }
.white .side-menu ul .search a{background: url('../../../resources/front/images/common/search_black.svg') no-repeat center; }
.fixed .side-menu.white ul .search a{background: url('../../../resources/front/images/common/search_black.svg') no-repeat center; }
.fixed .side-menu ul .search a{background: url('../../../resources/front/images/common/search.svg') no-repeat center; }
.side-menu ul .search a:hover{transition: width 0.3s;  background: url('../../../resources/front/images/common/search_on.svg') no-repeat center; }
.side-menu ul .online a{background: url('../../../resources/front/images/common/online.svg') no-repeat center; }
.white .side-menu ul .online a{background: url('../../../resources/front/images/common/online_black.svg') no-repeat center; }
.fixed .side-menu.white ul .online a{background: url('../../../resources/front/images/common/online_black.svg') no-repeat center; }
.fixed .side-menu ul .online a{background: url('../../../resources/front/images/common/online.svg') no-repeat center; }
.side-menu ul .online a:hover{transition: width 0.3s;  background: url('../../../resources/front/images/common/online_on.svg') no-repeat center; }
.white .side-menu ul .out a{background: url('../../../resources/front/images/common/out_black.svg') no-repeat center; }
.fixed .side-menu.white ul .out a{background: url('../../../resources/front/images/common/out_black.svg') no-repeat center; }
.fixed .side-menu ul .out a{background: url('../../../resources/front/images/common/out.svg') no-repeat center; }
.side-menu ul .out a{background: url('../../../resources/front/images/common/out.svg') no-repeat center; }
.side-menu ul .out a:hover{transition: width 0.3s;  background: url('../../../resources/front/images/common/out_on.svg') no-repeat center; }

/*mo m-header*/
.top-area{transition: height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)!important;}
header.fixed{position: fixed !important; width: 100%; height: 80px; top:0;  background-color: rgba(0, 0, 0, 0.7); animation: slideDown 0.3s ease-out;}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.change-logo{position: relative;}
.change-logo a{position: absolute;}
body.white .m_logo{display: block; width: 48px; height: 20px; background: url('../../../resources/front/images/common/black_logo_top.svg') no-repeat center; background-size: 48px 20px;}
body.white header.fixed .m_logo{display: block; width: 48px; height: 20px; background: url('../../../resources/front/images/common/white_logo_top.svg') no-repeat center; background-size: 48px 20px;}
body.white.back .m_logo{display: none;}
body.mix .m_logo{display: block; width: 48px; height: 20px; background: url('../../../resources/front/images/common/white_logo_top.svg') no-repeat center; background-size: 48px 20px;}
body.mix.back .m_logo{display: none;}
body.black .m_logo{display: block; width: 48px; height: 20px; background: url('../../../resources/front/images/common/white_logo_top.svg') no-repeat center; background-size: 48px 20px;}
body.black.back .m_logo{display: none;}
.white .header-layout-m.nav .m_logo{display: block; width: 48px; height: 20px; background: url('../../../resources/front/images/common/white_logo_top.svg') no-repeat center; background-size: 48px 20px;}
.white.back .header-layout-m.nav .m_logo{display: none;}
.mobile-menu-top{padding:0 24px; display: flex; align-items: center; justify-content: space-between; height: 60px; }
.mobile-menu{position: fixed; overflow-y: scroll; top:0; left:0; width: 100%; height: 100%; background-color: #fff; transform: translateX(-110%);}
.mobile-menu-wrap>li{padding:28px 24px; border-bottom: solid 1px #EEEEEE; border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.mobile-menu-list a strong{display: block;  font-size: 24px; line-height: 34px; font-weight: 700; letter-spacing: -0.02em; color: #000;}
body.scroll-hidden{overflow: hidden;}
.mobile-depth2{padding-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap:16px 0;}
.mobile-depth2 li:last-child{grid-column: span 2;}
.mobile-depth2 li a{font-size: 16px; font-weight: 500; line-height: 24px; color: #666;}
.header-layout-m{display: none; height: 60px; background: #000; padding:0 24px}
.mix .header-layout-m{display: none; height: 60px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); padding:0 24px}
.header-layout-m li{height: 24px;}
.header-layout-m .m-inner-header{width: 100%;     display: flex; justify-content: space-between; align-items: center; height: 100%; }
.m-logo{display: flex; width: 48px; height: 20px;}
body.back .m-sub-btn{display: flex; align-items: center; height: 24px; font-weight: 700; color: #fff; letter-spacing: -2px; }
body .m-sub-btn{display: none;}
.header-layout-m .m-sub-btn::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_sub_btn.svg') no-repeat center; background-size: 24px 24px;}
.white .header-layout-m .m-sub-btn::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_sub_btn_black.svg') no-repeat center; background-size: 24px 24px;}
.white .header-layout-m.nav .m-sub-btn::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_sub_btn.svg') no-repeat center; background-size: 24px 24px;}
.m-btn-gnb{overflow: unset; border:0; color: unset; background: transparent;}
.header-layout-m .m-btn-gnb::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_menu.svg') no-repeat center; background-size: 24px 24px;}
.white .header-layout-m .m-btn-gnb::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_menu_black.svg') no-repeat center; background-size: 24px 24px;}
.white header.fixed .header-layout-m .m-btn-gnb::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_menu.svg') no-repeat center; background-size: 24px 24px;}
.white .header-layout-m.nav .m-btn-gnb::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/m_menu.svg') no-repeat center; background-size: 24px 24px;}
.nav-btn-area{float: right;  display: table;}
.nav-btn-area>li{display: table-cell; padding: 57px 0 70px 0; cursor: pointer;}
.nav-btn-area>li>button{outline: none; border: 0; background: #fff; cursor: pointer;}
.nav-btn-area>li>button>img{width: 48px; height: 48px;}
.nav-btn-area>li:last-child>button:last-child{padding: 0 40px 0 30px}

/* layout black */
.black .content{background-color: #000;}
.content-box{max-width: 1488px;margin: 0 auto;padding: 120px 24px 0 24px;}
.black .content .content-box::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 380px; background-color: #000;}
.content-box.black{background-color: #000;}
.black .category ul a.on{color: #000; background-color: #fff;}
.black .category ul a:hover{ transition: all 0.5s ease; color: #000; background-color: rgba(225,225,225,1);}
.black .category ul a{color: #fff; background-color: rgba(225,225,225,0)}
.black section.item{padding-top: 80px;}
.black section.item h4{padding-bottom: 24px; font-size: 40px; line-height: 56px; font-weight: 600; color: #fff;}
.black .item-content{width: 100%; height:420px; background: #444;}
.black .item-content p{display: flex; align-items: center; justify-content: center; height: 100%; font-size: 80px; font-weight: 700; color: #fff;}

/* layout white */
.white .content{background-color: #fff;}
.white .content .content-box::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 380px; background-color: #fff;}
.white section.item{padding-top: 80px;}
.white section.item h4{padding-bottom: 24px; font-size: 40px; line-height: 56px; font-weight: 600; color: #000;}
.white .item-content{width: 100%; height:420px; background: #f8f8f8;}
.white .item-content p{display: flex; align-items: center; justify-content: center; height: 100%; font-size: 80px; font-weight: 700; color: #eee;}
.content{background-color: #fff; transition: background-color 0.4s ease;}
.content .content-box::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 380px; background-color: #fff;}
section.item{padding-top: 80px;}
section.item h4{padding-bottom: 24px; font-size: 40px; line-height: 56px; font-weight: 600; color: #000;}
.item-content{width: 100%; height:420px; background: #f8f8f8;}
.item-content p{display: flex; align-items: center; justify-content: center; height: 100%; font-size: 80px; font-weight: 700; color: #eee;}
.content .content-box::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 380px; background-color: #000;}

/* footer */
.top-inner.no-pd{padding:150px 80px 0 80px !important}
.top-inner.no-pd .nav-link{display: flex; position: absolute;}
.black .top-inner{background-color: #000;}
.mix .top-inner{background-color: #000;}
.mix .footer.new .top-inner{background-color: #fff;}
.mix .top-inner.new{background-color: #fff;}
.black .top-inner .fixed_area a span{width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow-white.svg') no-repeat center; background-size: 40px 40px;}
.black .top-inner .fixed_area a{color: #fff;}
.black .top-inner .item-link>li a{font-size: 16px; font-weight: 400; color: #fff; line-height: 24px;}
.footer-wrap{background-color: transparent;}
.white .item-link>li button{background: transparent; color: #000; font-size: 16px; line-height: 0;}
.item-link>li button{background: transparent; color: #fff;}
.mix .footer.new .item-link>li button{background: transparent; color: #000;}
.top-inner.white .item-link>li a::after{content: ''; display: block; position: absolute; width: 0%; height: 1px; background-color: #000; }
.top-inner .item-link>li a::after{content: ''; display: block; position: absolute; width: 0%; height: 1px; background-color: #fff; }
.white .top-inner .item-link>li a::after{content: ''; display: block; position: absolute; width: 0%; height: 1px; background-color: #000; }
.top-inner .item-link>li .footer-btn-item-link li a::after{content: ''; display: block; position: absolute; width: 0%; height: 1px; background-color: #000;}
.top-inner .item-link>li .footer-btn-item-link li a:hover::after{width: 100%; transition: width 0.3s;}
.top-inner .item-link>li a:hover::after{width: 100%; transition: width 0.3s;  }
.black .top-inner .item-link>li .bar{display: block; width: 1px; height: 12px; background-color: #444; margin:0 12px;}
.black .top-inner .nav-link li a.active{color: #fff;}
.top-inner .nav-link li a::after{content: ''; display: block; position: absolute; width: 0%; height: 2px; background-color: #666; }
.top-inner .nav-link li a.active::after{content: ''; display: block; position: absolute; width: 0% !important; height: 2px; background-color: #666; }
.top-inner .nav-link li a:hover::after{width: 100%; transition: width 0.3s;  }
.top-inner .fixed_area a{display: flex; align-items: center; justify-content: center; gap:0 16px; font-weight: 300; font-size: 32px; color: #000;}
.mix .top-inner .fixed_area a span{width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow_btn.svg') no-repeat center; background-size: 40px 40px;}
.white .top-inner .fixed_area a span{width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow_btn.svg') no-repeat center; background-size: 40px 40px;}
.top-inner{display: block; padding: 0px 80px 0 80px;  text-align: center;}
.top-inner .footer-link{display: flex; align-items: center; justify-content: end; padding: 0px 0 24px 0;border-bottom:0}
.mix .top-inner .footer-link{display: flex; align-items: center; justify-content: end; padding: 0px 0 24px 0;border-bottom:solid 1px rgba(102, 102, 102, 1)}
.black .top-inner .footer-link{display: flex; align-items: center; justify-content: end; padding: 0px 0 24px 0;border-bottom:solid 1px rgba(102, 102, 102, 1)}

.footer-link li ul{display: flex; align-items: center;}
.item-link>li{position: relative; display: flex; align-items: center;}
.top-inner .item-link>li a{position: relative;  font-size: 16px; font-weight: 400; color: #000; line-height: 24px;}
.mix .top-inner .item-link>li a{position: relative;  font-size: 16px; font-weight: 400; color: #fff; line-height: 24px;}
.mix .top-inner .item-link .footer-btn-item-link li a{color: #000 !important;}
.mix .new .top-inner .item-link>li a{position: relative;  font-size: 16px; font-weight: 400; color: #000; line-height: 24px;}
.top-inner .item-link>li .bar{content: ''; display: block; width: 1px; height: 12px; background-color: #000; margin:0 12px;}
.nav-link li{display: flex; align-items: center;}
.nav-link li span{display: flex; margin: 0 12px; width: 7px; height: 14px; background:url('../../../resources/front/images/common/div.svg') no-repeat center; background-size: 7px 14px;}
.nav-link li a{position: relative; font-size: 18px; font-weight: 700; color:#666666; letter-spacing: -0.02px; }
.top-inner .nav-link li a.active{color: #000; cursor: default; pointer-events: none;}
.mix .top-inner .nav-link li a.active{color: #fff;}
.mix .top-inner.new .nav-link li a.active{color: #000;}
.flex-bottom{display: flex; flex-direction: column; justify-content: space-around; height: 100%;}
.bottom-wrap{background-color: #000; padding:40px 80px 60px 80px }
.bottom-inner{display:grid; grid-template-rows:1fr; grid-template-columns: minmax(0, 1fr) minmax(670px, 1fr) minmax(400px, auto);  }
.first-item{grid-column: 1; padding-right: 20px;}
.second-item{grid-column: 2; padding-right: 20px;}
.first-item{grid-row: 1 ;}
.footer-logo{position: relative;  height: 64px; display: inline-block; padding-bottom: 1px;}
.bottom-link{display: flex; flex-wrap: wrap; align-items: center;}
.bottom-link li{display: flex; align-items: center;}
.bottom-link li::after{content: ''; display: block; width: 1px; height: 12px; background-color: #444; margin:0 12px; }
.bottom-link li:last-child::after{display: none;}
.bottom-link li a{font-weight: 400; color: #fff; font-size: 14px; line-height: 22px;}
.bottom-link li:first-child a{font-weight: bold;}
.bottom-img-link{display: flex; align-items: center; gap:0 24px; margin-top: auto;}
.bottom-content h6{ font-weight: 500; font-size: 24px; color: #fff; letter-spacing: 0.02px; height: 64px; display: flex; align-items: center;}
.bottom-content p{font-weight: 400; font-size: 14px; color: #DDD; line-height: 22px;}
.bottom-content p.part{ display: flex; flex-wrap: wrap; align-items: center;  word-break: keep-all;}
.bottom-content p.part span br{display: none;}
.bottom-content p.part span{display: flex; align-items: center;}
.bottom-content p.part span::after{content: ''; display: block; width: 1px; height: 12px; margin:0 12px; background-color: #444;}
.bottom-content p.part span:last-child:after{display: none;}
.etc-link{display: flex; align-items: center; gap:0 16px; padding-top: 32px;}
.etc-link li{position: relative;}
.etc-link li a{font-size: 14px; font-weight: 400; color: #fff; line-height: 22px; word-break: keep-all; text-align: center;}
.etc-link li:first-child::after{display: none;}
.etc-link li::after{content: ''; margin: 0 -8px; display: block; position: absolute; top:50%;  transform: translateY(-50%); width: 1px;height: 12px; background-color: rgba(136, 136, 136, 1); }
.last-item div{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.sns-link{display: flex; align-items: center; gap: 0 16px; justify-content: end;}
.sns-link li a{display: flex; width: 48px; height: 48px; border-radius: 50%;}
.sns-link li a.shopping{background: url('../../../resources/front/images/common/shopping.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a.youtube{background: url('../../../resources/front/images/common/youtube.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a.blog{background: url('../../../resources/front/images/common/blog.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a.facebook{background: url('../../../resources/front/images/common/facebook.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a.instagram{background: url('../../../resources/front/images/common/instagram.svg') no-repeat center; background-size: 48px 48px;}
.footer-btn{position: relative; display: flex; align-items: center; gap: 4px;}
.white .item-link li .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/black_drop_ico.svg') no-repeat center; background-size: 16px 16px; transition: transform 0.3s ease;}
.white .item-link li.on .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/black_drop_ico.svg') no-repeat center; background-size: 16px 16px; transform: rotate(180deg);}
.black .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/footer_select.png') no-repeat center; background-size: 16px 16px; transition: transform 0.3s ease;}
.black .item-link li.on .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/footer_select.png') no-repeat center; background-size: 16px 16px; transform: rotate(180deg);}
.mix .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/footer_select.png') no-repeat center; background-size: 16px 16px; transition: transform 0.3s ease;}
.mix .new .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/black_drop_ico.svg') no-repeat center; background-size: 16px 16px; transition: transform 0.3s ease;}
.mix .item-link li.on .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/footer_select.png') no-repeat center; background-size: 16px 16px; transform: rotate(180deg);}
.mix .new .item-link li.on .footer-btn .ico{width: 16px; height: 16px; background: url('../../../resources/front/images/common/black_drop_ico.svg') no-repeat center; background-size: 16px 16px; transform: rotate(180deg);}
.footer-btn-item{display: none; opacity: 0; transition: opacity 0.5s ease; position: absolute; width: 150px; height: 104px; background-color: #fff;}
li.on .footer-btn-item{display: block; opacity: 1; position: absolute; left:50%; transform: translateX(-50%); top:22px; z-index: 2; width: 148px; height: 102px; border:solid 1px #000; background-color: #fff;}
.footer-btn-item .footer-btn-item-link{display: flex; justify-content: center; flex-direction: column; gap: 12px; height: 100%; align-items: center;}
.black .top-inner .item-link>li .footer-btn-item ul li a{display: block; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #000;}
.sns-link li a:hover.shopping{transition: all 0.5s ease; background: url('../../../resources/front/images/common/hover_shopping.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a:hover.youtube{transition: all 0.5s ease;background: url('../../../resources/front/images/common/hover_youtube.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a:hover.blog{transition: all 0.5s ease;background: url('../../../resources/front/images/common/hover_blog.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a:hover.facebook{transition: all 0.5s ease;background: url('../../../resources/front/images/common/hover_facebook.svg') no-repeat center; background-size: 48px 48px;}
.sns-link li a:hover.instagram{transition: all 0.5s ease;background: url('../../../resources/front/images/common/hover_instagram.svg') no-repeat center; background-size: 48px 48px;}
.last-item p{font-size: 14px; color: #fff; letter-spacing: -0.02em; text-align: right; }
footer{margin-top: -1px;}

/* quick menu */
.quick-close-area{display: flex;align-items: center;margin:0 auto 8px auto; width: 24px; height: 24px; background: url('../../../resources/front/images/common/quick_close_ico.svg') no-repeat center; background-size: 24px 24px; border-radius: 50%; }
.white .content{position: relative;}
.aside-quick-menu{position: fixed;  right: 10px; bottom:0; height: auto; z-index: 4;}
.aside-quick-menu ul{position: sticky; top: 215px; margin-bottom: 38px;}
.aside-quick-menu ul li{  width: 64px; height: 99px; background-color: rgba(0, 0, 0, 0.7);   border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.aside-quick-menu ul li.quick-plus{display: none; align-items: center; justify-content: center;  width: 64px; height: 60px; background-color: rgba(0, 0, 0, 0.7);   border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.aside-quick-menu ul li.quick-plus button{ width: 24px; height: 24px; background: url('../../../resources/front/images/common/quick_plus_ico.svg') no-repeat center; background-size: 24px 24px;}
.aside-quick-menu ul li a{ display: flex; gap:5px; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.aside-quick-menu ul li.top-btn{width: 64px; height: 71px; border-bottom: 0;}
.aside-quick-menu ul li a span{text-align: center; padding-top: 4px; font-size: 10px; line-height: 14.32px; font-weight: 300; color:rgba(255, 255, 255, 1) ;}
.quick-search a::before{transition: 1s ease; content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_search.svg') no-repeat center; background-size: 32px 32px;}
.quick-search a:hover::before{ content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_search_on.svg') no-repeat center; background-size: 32px 32px;}
.quick-faq a::before{transition: 1s ease; content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_faq.svg') no-repeat center; background-size: 32px 32px;}
.quick-faq a:hover::before{content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_faq_on.svg') no-repeat center; background-size: 32px 32px;}
.quick-update a::before{transition: 1s ease; content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_update.svg') no-repeat center; background-size: 32px 32px;}
.quick-update a:hover::before{content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_update_on.svg') no-repeat center; background-size: 32px 32px;}
.quick-font a::before{transition: 1s ease; content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_font.svg') no-repeat center; background-size: 32px 32px;}
.quick-font a:hover::before{content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_font_on.svg') no-repeat center; background-size: 32px 32px;}

.quick-jobs a::before{transition: 1s ease; content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_jobs_on.svg') no-repeat center; background-size: 32px 32px;}
.quick-jobs a:hover::before{content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/common/quick_jobs.svg') no-repeat center; background-size: 32px 32px;}

.aside-quick-menu ul li.top-btn a{flex-direction:row;color:#fff;font-weight:300}
.top-btn a i::before{content: ''; display: block; width: 25.56px; height: 16px; background: url('../../../resources/front/images/common/quick_top.svg') no-repeat center; background-size: 25.56px 16px}
.top-btn a:hover i::before{animation:vertical-move2 0.6s infinite alternate ease-in-out}
@keyframes vertical-move2 {
    0% {
        transform: translateY(3px);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
    }
}

/* title-nav */
.mix .title-wrap{padding-top: 60px; min-height: 0;}
.title-wrap{position: relative; height: 853px;}
.visual-bg .title-nav{background-color: transparent !important;}
.sub-bg img{width: 100%; height: 100%; object-fit: cover;}
.title-nav{position: relative; z-index: 0; display: flex; flex-direction: column; align-items: center;  padding:62px 0 78px 0;}
.title-nav .title{display: flex; flex-direction: column; align-items: center;}
.title-nav .title p{ padding-top:24px;font-size:24px;  color: #fff; line-height: 26.4px; letter-spacing: -0.02em;}
.title-nav .title h3{ font-size: 80px;  color: #fff; line-height: 90px;}
.tab ul{display: flex; flex-wrap: wrap; justify-content: start;  align-items: center; padding: 0px 0 90px 0;}
.tab ul li{display: flex; align-items: center; width: auto; cursor: pointer;}
.tab ul li:hover a{color: rgba(187, 187, 187, 1);}
.tab ul li a::after{content: ''; position: relative; top:2px;  display: block; width: 0%; height: 2px; background-color: #fff;}
.tab ul li a{font-family:'tj-bold';position: relative; font-size: 32px; font-weight: 700; color: rgba(255, 255, 255, 0.4); line-height: 42px; letter-spacing: -0.02em;}
.tab ul li a.on{color: #fff;}
.tab ul li a.on::after{content: '';position: relative; top:2px;  display: block; width: 100%; height: 2px; background-color: #fff; }
.tab ul li::after{content: ''; display: block; width: 4px; height: 4px; background-color:rgba(255, 255, 255, 0.4);; margin:0 20px ;}
.tab ul li:last-child::after{display: none;}
.tab.ir ul{display: flex; flex-wrap: wrap; justify-content: start;  align-items: center; padding: 0px 0 120px 0;}
.tab.ir ul li{display: flex; align-items: center; width: auto;}
.tab.ir ul li a{position: relative; font-size: 32px; font-weight: 700; color: #AAAAAA; line-height: 42px; letter-spacing: -0.02em;}
.tab.ir ul li a:hover{color: #888;}
.tab.ir ul li a.on{color: #000;}
.tab.ir ul li a.on::after{content: '';position: relative; top:2px;  display: block; width: 100%; height: 2px; background-color: #fff; }
.tab.ir ul li::after{content: ''; display: block; width: 4px; height: 4px; background-color:#aaa; margin:0 20px ;}
.tab.ir ul li:last-child::after{display: none;}
.tab_sticky.tab{width: 100%;}
.white .title-nav{position: relative; z-index: 1; max-width: 1488px; height: 100%; margin: 0 auto; padding:120px 24px 0 24px; display: flex; flex-direction: column; align-items: center;  }
.white .story .title-nav{position: relative; z-index: 1; max-width: 1488px; height: 100%; margin: 0 auto; padding:0px 24px 0 24px; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.white .ir-content .title-nav{position: relative; z-index: 1; max-width: 1488px; height: 100%; margin: 0 auto; padding:0px 0 0 0; display: flex; flex-direction: column; align-items: center;  }
.white .title-nav .title{width: 100%; height: 100%;  display: flex; flex-direction: column; align-items: start; justify-content: start; padding-top: 140px;}
.white .title-nav .title p{padding-top: 40px;  font-size:24px;  color: #000; line-height: 34px; letter-spacing: -0.02em;}
.white .title-nav .title h3{font-family:'tj-medium'; padding-top:0px;  font-size: 80px; font-weight: 500; color: #000; line-height: 104px; letter-spacing: -0.03em;}
.white .story .title-nav .title h3{padding-top:0px;  font-size: 100px; color: #fff; line-height: 120px; letter-spacing: -0.03em;}
.mix .title-area{background: transparent; position: absolute;left: 50%; z-index: 1; max-width: 1440px;width: 100%; height: auto; margin: 0 auto; padding:120px 24px 0 24px; display: flex; flex-direction: column; align-items: center;transform: translateX(-50%);}
.mix .title-area .title{width: 100%;  display: flex; flex-direction: column; align-items: start;}
.mix .title-area .title p{padding-top: 40px;  font-size:24px;  color: #fff; line-height: 31.2px; letter-spacing: -0.02em;}
.mix .title-area .title h3{padding-top:240px;  font-size: 100px; color: #fff; line-height: 120px; letter-spacing: -0.03em;}
.white .title-nav .tab ul li a.on{color: #000;}
.white .title-nav .tab ul li a.on::after{content: '';position: relative; top:2px;  display: block; width: 100%; height: 2px; background-color: #000; }
.white .title-nav .tab ul li.on a.on::after{content: '';position: relative; top:2px;  display: block; width: 100%; height: 2px; background-color: #fff; }
.sub-bg{overflow: hidden; position: absolute; z-index: 1; bottom:0; left:50%; transform: translateX(-50%); max-width: 1440px; width: 100%; height: calc(100% - 454px); border-top-left-radius: 36px; border-top-right-radius: 36px; }

/* 사이트맵 */
.employ-title.site{padding:140px 0 180px 0}
.site-map-wrap{display: flex; flex-direction: column; gap: 60px 0;}
.site-map-wrap>li strong{display: block; padding-bottom: 32px; font-weight: 700; font-size: 32px; line-height: 42px; letter-spacing: -0.02em; color: #000;}
.site-map-wrap .item{display: flex; gap:32px 80px; flex-wrap: wrap; padding-bottom: 60px; border-bottom: solid 1px #DDDDDD;}
.site-map-wrap .item.ico li a::after{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/site_map_link.svg') no-repeat center; background-size: 24px 24px;}
.site-map-wrap .item>li>a{display: flex;align-items: center; gap: 8px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em; color: #000;}
.site-map-wrap .item>li>a:hover{color:rgba(0, 175, 236, 1) ;}
.item2{padding-top: 16px; display: flex; flex-direction: column; gap:8px 0}
.item2 li{display: flex; align-items: center; justify-content: start;}
.item2 li a{display: block; padding-left: 8px; font-size: 20px; font-weight: 400; line-height: 30px; color: rgba(102, 102, 102, 1); letter-spacing: -0.02em;}
.item2 li a:hover{color:rgba(0, 175, 236, 1);}
.item2 li::before{content: ''; display: block;  width: 4px; height:4px; border-radius: 50%; background-color: rgba(187, 187, 187, 1);}
.item2 li:hover::before{background-color:rgba(0, 175, 236, 1);}
/*리스트 미 존재 */
.no-data{padding: 120px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #000;}
.no-data::before{content: ''; display: block; width: 120px; height: 120px; background: url('../../../resources/front/images/common/no_date.svg') no-repeat center; background-size:120px 120px;}
.no-data p{padding-top: 24px; font-size: 32px; font-weight: 400; color: #fff; line-height: 44px; letter-spacing: -0.02em;}

/* 페이징 */
.pagenation .pagenation-wrap{display: flex; align-items: center; justify-content: center; padding: 50px 0 0px 0;}
.pagenation .pagenation-wrap.pd-10{display: flex; align-items: center; justify-content: center; padding: 10px 0 0px 0;}
.prev-page a{display: flex; width: 24px; height: 24px;  background:url('../../../resources/front/images/common/prev_white.svg') no-repeat center; background-size: 24px 24px;}
.next-page a{display: flex; width: 24px; height: 24px;  background:url('../../../resources/front/images/common/next_white.svg') no-repeat center; background-size: 24px 24px;}
.page-num{display: flex; align-items: center; padding:0 32px; gap:0 20px}
.page-num li a{position: relative; display: flex; font-size: 18px; font-weight: 400; color: #000; line-height: 28px;}
.page-num li a:hover::after{content: ''; position: absolute; display: block; width: 100%; height: 1px; bottom:0; background-color:#000; }
.page-num li a.on{position: relative; font-weight: 700;}
.more-btn{display: none;}
.search.more-btn{position: relative; display: flex; justify-content: center; align-items: center; gap:8px; font-size: 28px; line-height: 38px; font-weight: 300; color: #000;  }

.more-area{display: flex; align-items: center; justify-content: center; margin-top: 74px;}
.more-area.type2{display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.pagenation.black .pagenation-wrap{display: flex; align-items: center; justify-content: center; padding: 130px 0;}
.pagenation.black{background-color: #000;}
.pagenation.black .page-num li a{position: relative; color: #fff;}
.pagenation.black .page-num li a:hover::after{content: ''; position: absolute; display: block; width: 100%; height: 1px; bottom:0; background-color:#fff; }
.pagenation.black .page-num li a.on{color: #fff;}
.pagenation.black .prev-page a{display: flex; width: 24px; height: 24px;  background:url('../../../resources/front/images/common/prev_black.svg') no-repeat center; background-size: 24px 24px;}
.pagenation.black .next-page a{display: flex; width: 24px; height: 24px;  background:url('../../../resources/front/images/common/next_black.svg') no-repeat center; background-size: 24px 24px;}

/* 카테고리 */
.category ul{display: flex; align-items: center; gap:0 8px}
.size-full .category ul{display: flex; align-items: center; gap:0}
.tab_sticky2.size-full .swiper-slide:last-child{margin-right: 0 !important;}
.tab_sticky2.size-full .swiper-slide{flex:auto 1;}
.category ul a{font-family:'tj-medium'; display: flex; align-items: center; justify-content: center; padding:15px 0px; box-shadow: inset 0 0 0 1px #DDDDDD; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #000; }
.category ul a.on{font-family:'tj-bold'; border:0; padding:15px 0px; background-color: #000;  color: #fff;}
.category ul a:hover{ transition: 0.4s; border:0; padding:15px 0px; background-color: #000;  color: #fff;}

/* 고객지원 - 자주하는 질문 */
.customer .inp_box.search form{position: relative;}
.customer .inp_box.search.flex-box2 form{position: relative; width: 100%;}
.customer-content{padding-bottom: 24px;  text-align: center; font-size: 48px; line-height: 57.6px; }
.customer{max-width:1488px;margin:0 auto;padding:120px 24px 0;letter-spacing:-.2px;}
.customer.scale-wd2{max-width:1488px;margin:0 auto;padding:120px 24px 0;letter-spacing:-.2px;}
.customer.evacuation{padding:0 24px;}
.customer.big{max-width:100%;margin:0;padding:0px 0 0;letter-spacing:-.2px;}
.customer.map{max-width:calc(100% - 160px);margin:0 auto;padding:120px 0 0;letter-spacing:-.2px;}
.top-box-item{max-width: 1440px; margin:0 auto;}
.customer .category{overflow:hidden;}
.customer .category ul{gap:0;}
.intro_news.customer .page-area{padding-top:50px;}
.customer .faq-list li{padding:32px 48px;background:#F8F8F8;}
.customer .faq-list li + li{margin-top:12px;}
.customer .faq-list li div{position:relative;padding:0 100px 0 49px;font-size:24px;line-height:42px;letter-spacing:-.2px;}
.customer .faq-list li .question-box{cursor:pointer;}
.customer .faq-list li .question-box button{position:absolute;right:0;top:50%;width:32px;height:32px;background:url(../images/customer/ico_plus.svg) no-repeat 50% 50% / 100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.customer .faq-list li .answer-box{display:none;margin-top:24px;font-size:18px;line-height:28px;}
.customer .faq-list li .question-box::before,
.customer .faq-list li .answer-box::before{content:'Q';position:absolute;left:0;top:0;font-size:32px;font-weight:700;}
.customer .faq-list li .question-box::before{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.customer .faq-list li .answer-box::before{content:'A';top:5px;color:#00AFEC;}
.customer .faq-list li.on{background:#F6FCFE;}
.customer .faq-list li.on .question-box{font-weight:700;}
.customer .faq-list li.on .question-box button{background-image:url(../images/customer/ico_minus.svg);}
.pd-t-none{padding-top: 0 !important;}
/* 고객지원 - 1:1 문의 */
.customer .info-box{position:relative;margin-top:50px;padding:40px 234px 40px 40px;background:#F8F8F8;}
.customer .info-box.type{position:relative;margin-top:50px;padding:40px;background:#F8F8F8;}
.customer .info-box strong{font-size:24px;font-weight:700;line-height:34px;}
.customer .info-box strong::before{content:'';display:inline-block;width:32px;height:32px;margin-right:8px;background:url(../images/customer/ico_info.svg) no-repeat 50% 50% / 100%;vertical-align:-8px;}
.customer .info-box p{display: flex; position:relative;margin-top:16px;padding-left:12px;font-size:20px;color:#444;line-height:30px; word-break: keep-all;}
.customer .info-box p::before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#aaa;}
.customer .info-box p + p{margin-top:7px;}
.customer .info-box .btn + p{margin-top:8px;}
.customer .info-box .btn-faq{position:absolute;right:40px;top:50px;padding:16px 22px;background:#fff;border:1px solid #000;font-size:20px;font-weight:700;line-height:30px;}
.customer .form-list{position:relative;padding-top:80px;}
.customer h4{font-size:32px;font-weight:700;line-height:42px;}
.customer .form-list .desc{position:absolute;top:87px;right:0;font-size:18px;color:#444;line-height:28px;}
.customer .form-list .desc::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#00AFEC;vertical-align:3px;}
.customer .form-list dt{padding-top:47px;font-size:24px;font-weight:700;line-height:34px;}
.customer .form-list dd{padding-top:27px;}
.customer .form-list dt label{position:relative;}
.customer .form-list .inp_box .inp_base{font-size:20px;font-weight:400;line-height:30px; height: 64px;}
.customer .inp_base::placeholder{font-size:20px !important;font-weight:400;line-height:30px;}
.textarea_box.height270{height:270px;}
.customer .form-list .sel_box .sel_base{font-size:20px;font-weight:700;line-height:30px;}
.customer .form-list .textarea_box textarea{font-size:20px;font-weight:500;line-height:29.96px;}
.customer .form-list .textarea_box textarea::placeholder{font-size:20px;font-weight:400;line-height:30px;}
.customer .form-list .ico-essential label::before{content:'';position:absolute;right:-10px;top:0;width:6px;height:6px;border-radius:50%;background:#00AFEC;}
.customer .form-list .type-email{display:flex;gap:16px;align-items:center;}
.customer .form-list .type-email .inp_box{width:30%;}
.customer .form-list .type-email .sel_box{width:40%;}
.customer .form-list .type-email span{font-size:20px;}
.customer .form-list .form-desc{padding-top:24px;}
.customer .form-list .form-desc .color-skyblue{color:#00AFEC;}
.customer .form-list .form-desc p{position:relative;padding-left:12px;font-size:16px;color:#666;line-height:24px;}
.customer .form-list .form-desc p + p{margin-top:8px;}
.customer .form-list .form-desc p::before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#BBB;}
.customer .form-list .form-desc.color-red p{color:#F33A62;}
.customer .form-list .form-desc.color-red p::before{background:#F33A62;}
.customer .form-list .type-file .dis-flex{display:flex;gap:16px;}
.customer .form-list .type-file .dis-flex .inp_box{width:calc(100% - 216px);}
.customer .form-list .type-file .dis-flex label{width:200px;border:1px solid #000;font-size:20px;font-weight:700;line-height:62px;text-align:center;cursor:pointer;}
.customer .form-list .type-file .dis-flex .inp-file{display:none;}
.customer .form-list .file-name-box{display:flex;gap:4px;padding-top:12px;}
.customer .form-list .file-name-box div{position:relative;padding:0 24px 0 8px;border:1px solid #BBB;border-radius:30px;font-size:14px;line-height:22px;}
.customer .form-list .file-name-box div .btn-close{position:absolute;right:0;top:0;width:24px;height:24px;background:url(../images/customer/ico_close.svg) no-repeat 50% 50% / 12px;}
.customer .form-list .personal-info{overflow-y:auto;max-height:200px;margin-top:32px;padding:24px;background:#F8F8F8; word-break: keep-all;}
.customer .form-list .form_wrap{margin-top:24px;}
.customer .form-list .form_wrap input[type="checkbox"]+label{font-size:20px;line-height:30px;}
.customer .form-list .form_wrap input[type="checkbox"]+label::before{top:50%;margin-top:-12px;}
.customer .form-list .flex-box2{display: flex; align-items: center; gap:24px; padding-top: 47px;}
.customer .btn-wrap{display:flex;gap:24px;padding-top:80px; justify-content: center;}
.customer .btn-wrap button{width:50%;height:80px;font-size:24px;font-weight:700;}
.customer .btn-wrap a{line-height:80px; width: 400px; height: auto;}
.customer .btn-wrap .btn-cancel{border:1px solid #000;}
.customer .inquiry-login h4{padding-top:50px;}
.customer .inquiry-login .form-list{padding-top:0;}
.customer .inquiry-login .form-list dd{padding-top:15px;}
.customer .inquiry-login .btn-wrap button{width:400px;}
.customer .inquiry-list .chart-list-area{padding-top:50px;}
.customer .inquiry-list .chart-list-area li{position:relative;color:#000;}
.customer .inquiry-list .chart-list-area li a{z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;}
.customer .inquiry-list .grid-item{font-size:20px;line-height:30px;text-align:center;font-family:'tj-bold'; }
.customer .inquiry-list .grid-item.type{grid-column:span 4;}
.customer .inquiry-list .grid-item.title{grid-column:9 / span 13;}
.customer .inquiry-list .grid-item.title + .grid-item{grid-column:22 / span 4;}
.customer .inquiry-list .list .grid-item.title{font-weight:500;text-align:left;}
.customer .flag{ font-family:'tj-bold';width: 72px; height: 28px; line-height: 28px; display:inline-block;border-radius:50px; background:rgba(136, 136, 136, 1);font-size:14px;font-weight:700;color:#fff;}
.customer .flag.bg-gray{background:#888;}
.customer .flag.complete{background:rgba(0, 175, 236, 1);}
.customer .inquiry-detail .tit-box span{font-size:24px;font-weight:500;line-height:34px;}
.customer .inquiry-detail .tit-box h4{padding-top:12px;font-size:32px;font-weight:700;line-height:42px;}
.customer .inquiry-detail .customer-info{display:flex;flex-wrap:wrap;margin-top:24px;border-top:2px solid #000;border-bottom:1px solid #000;}
.customer .inquiry-detail dl{display:flex;gap:12px;width:50%;padding:16px 32px;}
.customer .inquiry-detail dl:nth-child(1){border-bottom: solid 1px rgba(102, 102, 102, 1);}
.customer .inquiry-detail dl:nth-child(2){border-bottom: solid 1px rgba(102, 102, 102, 1);}
.customer .inquiry-detail dl dt{font-size:16px;font-weight:700;line-height:24px;}
.customer .inquiry-detail dl dd{font-size:16px;line-height:24px;}
.customer .inquiry-detail .detail-cont .inquiry-box{padding:32px;border-bottom:1px solid #EEE;}
/* .customer .inquiry-detail .detail-cont .flag{width: auto; height: auto; padding:3px 8px;border:1px solid #888;background:transparent;font-size:12px;color:#888;line-height:18px;} */
.customer .inquiry-detail .detail-cont .flag{font-family:'tj-medium'; font-weight: 500; width: 78px; height: 32px; line-height: 32px; border:solid 1px rgba(136, 136, 136, 1); border-radius: 500px; text-align: center;  color: rgba(136, 136, 136, 1); background-color: transparent;}
.customer .inquiry-detail .detail-cont .txt{padding-top:24px;font-size:16px;font-weight:400;line-height:24px;}
.customer .inquiry-detail .detail-cont .answer-box{padding:32px;background:#F8F8F8;}
.customer .inquiry-detail .detail-cont .answer-box .flag{border-color:#00AFEC;color:#00AFEC;}
.customer .inquiry-detail .detail-cont .answer-info{display:flex;padding:20px 32px;border-bottom:1px solid #eee;}
.customer .inquiry-detail .detail-cont .answer-info dl{padding:0; border: 0;}
.customer .inquiry-detail .btn-wrap button{width:100%;}
.customer .pagenation .pagenation-wrap{padding-top:60px;}

/* 영수증출력 팝업 */
.con_box.type3{max-width: 568px; padding:0 24px; }
.receipt-title{display: block;font-size: 22px;font-weight: 700;line-height: 32px;letter-spacing: -0.02em;text-align: center;}
.receipt-info{margin-top: 16px;}
.receipt-info ul{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.receipt-info ul li{padding: 16px 0;border-bottom: 1px solid #ddd;}
.receipt-info ul li:last-child{border-bottom: 0;}
.receipt-info ul li .category{display: flex;justify-content: space-between;}
.receipt-info ul li .category:first-child{margin-bottom: 4px;}
.receipt-info ul li .category p{font-size: 18px;color: #666;line-height: 28px;letter-spacing: -0.02em;}
.receipt-info ul li .category span{display: inline-block;font-size: 18px;color: #000;line-height: 28px;letter-spacing: -0.02em;text-align: right;}
.receipt-info ul li .category span .pay{font-weight: 700;}
.receipt-info .dot-txt{margin-top: 32px;}
.receipt-info .dot-txt p{position: relative;padding-left: 12px;font-size: 16px;color: #666;line-height: 24px;letter-spacing: -0.02em;}
.receipt-info .dot-txt p a{font-weight: 700;color: #666;text-decoration: underline;}
.receipt-info .dot-txt p::before{content: '';position: absolute;left: 0;top: 9px;width: 4px;height: 4px;background: #bbb;border-radius: 50%;}

/* 고객지원 - AS 절차안내 */
.customer .process-guide h4{font-size:48px;font-weight:500;line-height:57.6px;}
.customer .process-guide h4 + h5{padding-top:32px;}
.customer .process-guide h5{padding-top:60px;font-size:32px;font-weight:700;line-height:42px;}
.customer .process-guide .process-list{display:flex;  text-align:center; gap:24px 64px; padding: 48px 0 24px 0;}
.customer .process-guide .process-list.type-call{display:flex; flex-wrap: wrap; text-align:center;padding:48px 0 24px 0;}
.customer .process-guide .process-list.type-call.no{display:flex;text-align:center; position: relative; padding:24px 0 0 0; }
.customer .process-guide .process-list.type-call.no::before{content: ''; display: block; position: absolute; top: 86px;  max-width: 82px; width: 100%; height: 2px; background: #000;}
.customer .process-guide .process-list li>div{padding:40px 24px 0 32px; min-height:280px ;}
.customer .process-guide .process-list li{position:relative; width: 20%; border:solid 1px rgba(221, 221, 221, 1);border-radius: 12px;}

.customer .process-guide .process-list li:first-child{padding-left:0;}
.customer .process-guide .process-list li:last-child{padding-right:0;}
.customer .process-guide .process-list li>div::after{content:'';display:block; position: absolute; right: 24px; bottom:16px; width:42px;height:42px;margin:0 auto;background:url('../../../resources/front/images/customer/ico_visit_step.jpg') no-repeat center; background-size: 42px 42px;}
.customer .process-guide .process-list.two li>div::after{content:'';display:block; position: absolute; right: 24px; bottom:16px; width:42px;height:42px;margin:0 auto;background:url('../../../resources/front/images/customer/ico_call_step.jpg') no-repeat center; background-size: 42px 42px;}

.customer .process-guide .process-list li.step2>div::after{background-image:url('../../../resources/front/images/customer/ico_visit_step2.jpg');}
.customer .process-guide .process-list.two li.step2>div::after{background-image:url('../../../resources/front/images/customer/ico_call_step2.jpg');}
.customer .process-guide .process-list li.step3>div::after{background-image:url('../../../resources/front/images/customer/ico_visit_step3.jpg');}
.customer .process-guide .process-list.two li.step3>div::after{background-image:url('../../../resources/front/images/customer/ico_call_step6.jpg');}
.customer .process-guide .process-list li.step4>div::after{background-image:url('../../../resources/front/images/customer/ico_visit_step4.jpg');}
.customer .process-guide .process-list.two li.step4>div::after{background-image:url('../../../resources/front/images/customer/ico_call_step4.jpg');}
.customer .process-guide .process-list li.step5>div::after{background-image:url('../../../resources/front/images/customer/ico_visit_step5.jpg');}
.customer .process-guide .process-list.two li.step5>div::after{background-image:url('../../../resources/front/images/customer/ico_call_step5.jpg');}
.customer .process-guide .process-list.two li.step6>div::after{background-image:url('../../../resources/front/images/customer/ico_call_step3.jpg');}
.customer .process-guide .process-list.two li.step7>div::after{background-image:url('../../../resources/front/images/customer/ico_visit_step5.jpg');}
.customer .process-guide .process-list li:after{content:''; width: 24px; height: 24px; display: block; position: absolute; right: -20%; top:50%; transform: translateY(-50%); background: url('../../../resources/front/images/common/left.svg') no-repeat center; background-size: 24px 24px;}
.customer .process-guide .process-list.two li:after{content:''; width: 24px; height: 24px; display: block; position: absolute; right: -15%; top:50%; transform: translateY(-50%); background: url('../../../resources/front/images/common/left.svg') no-repeat center; background-size: 24px 24px;}

.customer .process-guide .process-list li strong{display:block;  text-align: left; font-size:18px;font-weight:500;line-height:28px; color: rgba(0, 175, 236, 1);}
.customer .process-guide .process-list li span{word-break: break-all; display: block;text-align: left; font-size:26px; font-weight: 500;  line-height:36px; letter-spacing: -0.03em; color: rgba(0, 0, 0, 1);}
.customer .process-guide .process-list.type-call li{ flex: 0 0 calc(25% - 56px);}
.customer .process-guide .process-list.type-call li:first-child{padding-left:0;}
.customer .process-guide .process-list.type-call li:last-child{padding-right:0;}
.customer .process-guide .process-list.type-call li:last-child::after{display: none;}
.customer .process-guide .process-list li:last-child::after{display: none;}

.customer .process-guide .price-info{padding-top:80px;}
.customer .process-guide .price-info ol{display:flex;gap:24px;padding-top:40px;}
.customer .process-guide .price-info ol > li{flex:1;padding:48px 40px 48px 48px;background:#F2FBFE;}
.customer .process-guide .price-info ol > li span{display:block;width:36px;height:36px;background:#00AFEC;font-size:24px;font-weight:700;color:#fff;line-height:34px;text-align:center; border-top-left-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px;}
.customer .process-guide .price-info ol > li strong{display:block;padding-top:44px;font-size:32px;font-weight:700;line-height:42px;}
.customer .process-guide .price-info ol > li ul{padding-top:24px;}
.customer .process-guide .price-info ol > li li{position:relative;padding-left:16px;font-size:16px;line-height:24px; word-break: keep-all;}
.customer .process-guide .price-info ol > li li::before{content:'';position:absolute;left:4px;top:8px;width:4px;height:4px;background:#000;}
.customer .process-guide .price-info ol > li ul li + li{margin-top:16px;}
.customer .process-guide .price-info ol ul ol{display:block;counter-reset:number 0;padding:4px 0 0 0;}
.customer .process-guide .price-info ol ul ol li{margin-top:4px;padding:0 0 0 16px;font-size:14px;line-height:22px;}
.customer .process-guide .price-info ol ul ol li::before{content:counter(number)'.';counter-increment:number 1;position:absolute;left:0;top:0;width:unset;height:unset;background:transparent;font-weight:700;}
.customer .process-guide .price-info ol ul ol li + li{margin-top:4px;}
.customer .process-guide .price-info ol p{position:relative;margin-top:16px;padding-left:8px;font-size:14px;color:#888;line-height:22px;}
.customer .process-guide .price-info ol p::before{content:'';position:absolute;left:0;top:10px;width:2px;height:2px;border-radius:50%;background:#888;}

/* 고객지원 - 접수 완료팝업 */
.text-flex{display: flex; gap:5px; font-size: 18px;}
.paid .form-list .personal-info .text-flex span{color: #000;}
.find-center-popup{width: 520px; text-align: center;  border:solid 1px rgba(0, 0, 0, 1); background-color: #fff; position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.find-center-popup .inner-content{padding: 40px 38px 0 38px;}
.con_box.type3{max-width: 568px;}
.find-center-popup .tit{font-size: 22px; font-weight: 700; line-height: 32px;}
.find-center-popup .sub_tit{padding:0 16px; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; color: #000;}
.find-center-popup .desc{padding-bottom: 40px; font-size: 18px !important; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; color:rgba(102, 102, 102, 1) ;}
.layer_wrap .pop_con .find-center-popup .btn_wrap{border-top: solid 1px #000; margin-top: 0; height: 63px; display: flex; align-items: center; justify-content: center; }
.layer_wrap .pop_con .find-center-popup .btn_wrap button{width: 100%; height: 100%; font-weight: 700; font-size: 20px; line-height: 30px;}
.yes-area{background-color: #000; color: #fff;}

.con_box.type3 .content{padding:40px}
.content.type3{text-align: center;}
.as-title{font-size: 22px; line-height: 32px; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.black-type{display: block; padding:16px 0; font-size: 18px; line-height: 28px; letter-spacing: -0.02em; font-weight: 400; color: #000000;}
.gray-type{font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: -0.02em; color: #666666; }
.customer .find-center.agency .location-wrap .list-area .list-box li .detail strong{font-size:20px;font-weight:700;line-height:30px;}
.customer .find-center.agency .location-wrap .list-area .list-box li .detail strong.ico-home::after{content:'';display:inline-block;width:16px;height:16px;margin-left:10px;background:url('../../../resources/front/images/customer/ico_home.svg') no-repeat 100% 50%;}
.customer .find-center.agency .location-wrap .list-area .list-box li .detail .address{padding-top:16px;}
.customer .find-center.agency .location-wrap .list-area .list-box li .detail dl{padding-top:16px;}

/* 고객지원 - 서비스센터 찾기 */
.map-area p{position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;}
.test-content{font-size: 40px; color: #000; z-index: 2; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
.customer.scale-wd{max-width: 100%; padding:120px 80px 0 80px}
.customer .find-center .top-wrap{display:flex;align-items:center;margin-top:50px;background:#F8F8F8;}
.customer .find-center .info-box{width:55%;margin-top:0;padding:40px;}
.customer .find-center .call-box{display:flex;justify-content:space-between;align-items:center;margin:32px 0;padding:24px;border:1px solid #ddd;}
.customer .find-center .call-box span{font-size:18px;font-weight:700;line-height:28px;}
.customer .find-center .call-box strong{display:block;font-size:40px;font-weight:700;color:#00AFEC;line-height:56px;}
.customer .find-center .location-wrap{display:flex;gap:48px;}
.customer .find-center .location-wrap .only-mobile{display:none;}
.customer .find-center .location-wrap .list-area{width:560px;}
.customer .find-center .location-wrap .list-area .search-box{display:flex;gap:16px;justify-content:space-between;padding-top:8px;}
.customer .find-center .location-wrap .list-area .search-box .inp_box{width:calc(100% - 176px);}
.customer .find-center .location-wrap .list-area .search-box .inp_box input{padding:16px 24px;}
.customer .find-center .location-wrap .list-area .search-box button{width:160px;}
.customer .find-center .location-wrap .list-area .list-box{padding-top:32px;}
.customer .find-center .location-wrap .list-area .list-box .total{font-size:18px;line-height:28px;}
.customer .find-center .location-wrap .list-area .list-box .total span{font-weight:700;}
.customer .find-center .location-wrap .list-area .list-box ul{overflow-x:auto;max-height:880px;margin-top:24px;border-top:1px solid #000;}
.customer .find-center .location-wrap .list-area .list-box li{display:flex;gap:16px;border-top:1px solid #ddd;padding:24px 16px;}
.customer .find-center .location-wrap .list-area .list-box li:first-child{border-top:0;}
.customer .find-center .location-wrap .pin{display:inline-block;width:40px;height:48px;background:url(../images/customer/ico_pin.svg) no-repeat 50% 50% / 100%;font-size:14px;font-weight:700;color:#fff;line-height:41px;text-align:center;}
.customer .find-center .location-wrap .pin.on{background-image:url(../images/customer/ico_pin_blue.svg);}
.customer .find-center .location-wrap .list-area .list-box li .detail{width:calc(100% - 39.5px)}
.customer .find-center .location-wrap .list-area .list-box li .detail strong{font-size:24px;font-weight:500;line-height:34px;}
.customer .find-center .location-wrap .list-area .list-box li .detail .address{padding-top:12px;font-size:16px;line-height:24px; word-break: keep-all;}
.customer .find-center .location-wrap .list-area .list-box li .detail .address .btn-copy{width:24px;height:24px;background:url(../images/customer/ico_copy.svg) no-repeat 50% 50% / 100%;vertical-align:-5px; margin-left: 4px;}
.customer .find-center .location-wrap .list-area .list-box li .detail dl{display:flex;gap:8px;padding-top:12px;}
.customer .find-center .location-wrap .list-area .list-box li .detail dl + dl{padding-top:4px;}
.customer .find-center .location-wrap .list-area .list-box li .detail dt{font-size:16px;font-weight:700;line-height:24px;}
.customer .find-center .location-wrap .list-area .list-box li .detail dd{font-size:16px;line-height:24px;}
.customer .find-center .location-wrap .map-area{width:calc(100% - 560px); position: relative;}

.customer .find-center.agency .sel_box{margin-top:32px;}
.customer .find-center.agency .btn-wrap{gap:9px;padding-top:12px;}
.customer .find-center.agency .btn-wrap button{height:48px;border:1px solid #BBBBBB;font-size:18px;font-weight:500;line-height:48px; font-family:'tj-medium';}
.customer .find-center.agency .btn-wrap button.on{border:1px solid #00AFEC;font-weight:700;color:#00AFEC; font-family:'tj-bold';}

/* 고객지원 - 제품 매뉴얼 */
.customer .menual-data .inp_box.search{margin-top:0px;}
.customer .menual-data .list{display:flex;flex-wrap:wrap;gap:12px;}
.customer .menual-data .list li{position:relative;display:flex;align-items:center;gap:24px;width:calc(50% - 6px);padding:32px 104px 32px 48px;background:#F8F8F8;}
.customer .menual-data .list li .flag{font-family:'tj-medium'; display:flex; align-items: center; justify-content: center; width:80px;height:32px;padding:0;border:1px solid #FA678C;border-radius: 50px; background:transparent;font-size:16px;font-weight:700;color:#FA678C;line-height:22px;text-align:center;box-sizing:border-box;}
.customer .menual-data .list li .flag.M01{border:1px solid #FA678C;color:#FA678C;}
.customer .menual-data .list li .flag.M02{border-color:#00AFEC;color:#00AFEC;}
.customer .menual-data .list li .flag.M03{border-color:#45B5B5;color:#45B5B5;}
.customer .menual-data .list li .flag.M04{border-color:#487FE0;color:#487FE0;}
.customer .menual-data .list li .flag.M05{border-color:#9673D1;color:#9673D1;}
.customer .menual-data .list li .flag.M07{border-color:#2C3038;color:#2C3038;}
.customer .menual-data .list li .flag.M09{border-color:#DB9E61;color:#DB9E61;}


.customer .menual-data .list li strong{font-family:'tj-bold';display:block; width:100%;font-size:26px;font-weight:700;line-height:34px;word-break:break-all;}
.customer .menual-data .list.type-all li strong{width:calc(100% - 104px);}
.customer .list li .btn-download{position:absolute;right:48px;top:50%;width:32px;height:32px;margin-top:-16px;background:url(../images/customer/ico_download.svg) no-repeat 50% 50% / 100%;}

/* 고객지원 - 포스터/속지 */
.customer .poster-download .poster-box{display:flex;gap:32px;padding-top:50px;}
.customer .poster-download .poster-box .img-box{width:calc(50% - 16px); max-height: 1068px; overflow: hidden;}
.customer .poster-download .poster-box .img-box img{object-fit:contain;}
.customer .poster-download .poster-box .list{width:calc(50% - 16px);}
.customer .poster-download .poster-box .list li{position:relative;margin-top:12px;padding:33px 104px 33px 48px;background:#F8F8F8;font-size:20px;font-weight:500;line-height:30px;}
.customer .poster-download .poster-box .list li:first-child{margin-top:0;}

/* 고객직원 - TJ매니저(업주용)앱 */

.porcess-item ul li{border-bottom: solid 1px #DDDDDD;}
.porcess-item ul li.last{border-bottom: 0;}
.porcess-item ul li.last .item{padding-bottom: 0;}
.item-wrap2{display: flex; padding:80px 0 0 0;  gap:80px 40px}
.item-wrap2 .item{display: block; width: 50%; padding-bottom: 80px;}
.item-wrap2 .item strong{display: block; padding-bottom: 24px; font-size: 32px; line-height: 42px; font-weight: 700; letter-spacing: -0.02em;}
.item-wrap2 .item p{font-size: 20px; line-height: 30px; font-weight: 400; letter-spacing: -0.02em; color: #000; word-break: keep-all;}
.item-wrap2 .item span{display: flex; align-items: center; justify-content: center; padding-top:40px ;}
.overflow-hidden{overflow:hidden;}
.customer .manager-app h4{font-size:40px;font-weight:600;line-height:56px;}
.customer .manager-app .desc{font-size:24px;font-weight:500;line-height:34px;}
.customer .manager-app .pc-br{display:block;}
.customer .manager-app .img-box.wide{position:relative;margin-top:56px;padding:10% 14.5% 0 29%;background:#F8F8F8;}
.customer .manager-app .img-box.wide::after{content:'';position:absolute;right:-100%;top:0;width:100%;height:100%;background:#F8F8F8;}
.customer .manager-app .img-box.mo{display:none;}
.customer .manager-app .btn-app{display:flex; align-items: center; justify-content: center; margin-top: 56px; width:400px; height: 80px; background:#000;font-size:24px;font-weight:700;color:#fff;line-height:34px; letter-spacing: -0.02em; text-align:center;}
.customer .manager-app .dis-flex{display:flex;gap:80px;padding-top:0px;}
.customer .manager-app .dis-flex.pd-100{display:flex;gap:80px;padding-top:100px;}
.customer .manager-app .dis-flex.pd-100 .pc{display: block;}
.customer .manager-app .dis-flex.pd-100 .mo{display: none;}
.customer .manager-app .dis-flex .txt-box ul.txt-list{display: flex; flex-wrap: wrap; padding-top: 40px; gap: 24px;}
.txt-list li{width: calc(33.3% - 24px);}
.txt-list li::before{display: none;}
.txt-list li p{display: flex; align-items: center; gap: 8px; padding-top: 0 !important;}
.txt-list li p::before{content: ''; display: block; width: 4px; height: 4px; background:#00AFEC; }
.customer .manager-app .dis-flex .txt-box .txt-list li p span{display: block; padding-top: unset; font-size: 20px; line-height: 30px; font-weight: 400; letter-spacing: -0.02em; color: #000; }
.customer .manager-app .dis-flex .txt-box ul.txt-list  li + li{margin-top: 0;}
.customer .manager-app .dis-flex .img-box,
.customer .manager-app .dis-flex .txt-box{width:calc(50% - 40px);}
.customer .manager-app .dis-flex .img-box img{height:100%;object-fit:cover;}
.customer .manager-app .dis-flex .txt-box h5{margin-top:0;text-align:left;}
.customer .manager-app .dis-flex .txt-box span{display:block;padding-top:40px;font-size:32px;font-weight:700;line-height:42px;}
.customer .manager-app .dis-flex .txt-box p{padding-top:40px;font-size:20px;line-height:30px; letter-spacing: -0.02em;}
.customer .manager-app .dis-flex .txt-box p + p{padding-top:24px;}
.customer .manager-app .dis-flex .txt-box ul{padding-top:24px;}
.customer .manager-app .dis-flex .txt-box ul li{position:relative;padding-left:4px;font-size:16px;color:#666;line-height:24px; letter-spacing: -0.02em;}
.customer .manager-app .dis-flex .txt-box ul li::before{content:'';position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:#bbb}
.customer .manager-app .dis-flex .txt-box ul li + li{margin-top:8px;}
.customer .manager-app h5{ margin-top:200px;font-size:60px;font-weight:500;line-height:72px;letter-spacing:-0.05em;;text-align:center;}
.customer .manager-app h5 + .img-box{padding-top:80px;}
.customer .manager-app .function-list{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px;}
.customer .manager-app .function-list li{position:relative;width:calc(20% - 13px);padding-left:16px;font-size:18px;font-weight:700;line-height:28px;}
.customer .manager-app .function-list li::before{content:'';position:absolute;left:4px;top:12px;width:4px;height:4px;background:#00AFEC;}
.customer .manager-app .info-box{margin-top:100px;}
.customer .info-box ol{padding-top:16px;counter-reset:number 0;}
.customer .info-box ol li{position:relative;padding-left:12px;font-size:14px;color:#444;line-height:22px;}
.customer .info-box ol li::before{content:counter(number)'.';counter-increment:number 1;position:absolute;left:0;top:0;}

/* 고객지원 - 피난도안내 등록 */
.customer .evacuation-add .top-box{position:relative;padding:116px 24px;background-color: rgba(3, 191, 50, 1); color:#fff;}
.customer .evacuation-add .top-box::after{content: ''; display: block; position: absolute; width: 350px; height: 233px; background: url('../../front/images/customer/exit.svg') no-repeat center; background-size: 350px 233px;    bottom: 120px;right: 6.25%;}
.customer .evacuation-add .top-box h4{z-index:1;position:relative;padding-top:0;}
.customer .evacuation-add .top-box p{z-index:1;position:relative;padding-top:32px;font-size:20px;line-height:30px;}
.customer .evacuation-add .top-box p + p{padding-top:18px;}
.customer .evacuation-add h4{padding-top:80px;font-size:40px;line-height:56px;}
.customer .evacuation-add .img-box{display:flex; flex-direction: column; align-items: center; gap:30px;padding-top:24px;}


.customer .evacuation-add .desc{position:relative;margin-top:24px;padding-left:12px;font-size:20px; font-weight: 500; color:#666;line-height:24px;max-width: 1000px;margin: 30px auto 0 auto;}
.customer .evacuation-add .desc::before{content:'';position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:#bbb;}
.customer .evacuation-add .btn-evacuation{display:block;width:400px;height:80px;margin:80px auto 0;background:#000;font-size:24px;font-weight:700;color:#fff;line-height:80px;text-align:center;}

/* AS지원 */
.faq-wrap{overflow:hidden;height:600px;background:#000}
.faq-wrap .inner{position:relative;max-width:1440px;margin:0 auto;padding:260px 12.5% 52px;box-sizing: content-box;}
.faq-wrap .tab_sticky{margin-top: 140px;}
.faq-wrap .tab_sticky ul{padding: 0; height: auto;}
.faq-wrap .title{color:#fff}
.faq-wrap .title h1{font-family:'tj-medium';font-size: 80px;font-weight: 500;line-height: 104px;letter-spacing: -2.4px;}
.faq-wrap .title p{padding-top:40px;font-size: 24px;font-weight: 400;line-height: 34px;letter-spacing: -.48px;}
.faq-wrap .icons{position:absolute;top:130px;right:12.5%;width:396px;}
.faq-wrap .icons i{display:block;position:absolute}
.faq-wrap .icons .ico1{top:0;right:0;width:242px;height:256px;background:url(../images/intro/as_icon1.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 0.9s infinite}
.faq-wrap .icons .ico2{top:86px;left:0;width:242px;height:256px;background:url(../images/intro/as_icon2.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 0.7s infinite}
.faq-wrap .icons .ico3{top:241px;right:130px;width:52px;height:60px;background:url(../images/intro/as_icon3.svg) no-repeat 0 0 / 100% 100%;animation:scale 1s infinite}
.faq-wrap .icons .ico4{top:0px;right:149px;width:97px;height:69px;background:url(../images/intro/as_icon4.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 0.8s infinite}
@keyframes rotateA {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(6deg);-webkit-transform:rotate(6deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}
@keyframes scale {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    50% {transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes spin {from { transform: rotate(0deg);}to {transform: rotate(360deg);}}
.faq-wrap .icons.business .ico1{left: -29%; top: 200px;width: 35px; height: 35px; background:url(../images/Recruitment/business_ico1.svg) no-repeat 0 0 / 100% 100%; animation:scale 1s infinite}
.faq-wrap .icons.business .ico2{left: -20%; top: 69px;width: 75px; height: 75px;background:url(../images/Recruitment/business_ico2.svg) no-repeat 0 0 / 100% 100%; animation:scale 1s infinite}
.faq-wrap .icons.business .ico3{top: 100px;width: 262.53px; height: 295.33px;background:url(../images/Recruitment/business_ico3.svg) no-repeat 0 0 / 100% 100%;}
.faq-wrap .icons.business .ico4{right: 0; width: 89px; height: 89px;background:url(../images/Recruitment/business_ico4.svg) no-repeat 0 0 / 100% 100%; animation: spin 8s linear infinite;}
.faq-wrap .icons.business .ico5{right: 0; top: 200px;width: 51.59px; height: 53.8px;background:url(../images/Recruitment/business_ico5.svg) no-repeat 0 0 / 100% 100%; animation:rotateA 0.8s infinite}
.faq-wrap .icons.business .ico6{right: -6%; top: 310px;width: 234px; height: 117.09px;background:url(../images/Recruitment/business_ico6.svg) no-repeat 0 0 / 100% 100%; animation:rotateA 0.8s infinite}

/* 영업지원 */
.faq-wrap .icons.sales{top: 210px;width: 407px;}
.faq-wrap .icons.sales .ico1{top: 0;right: unset;left: 77px;width: 160px;height: 160px;background: url(../images/intro/sales_icon1.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico2{top: 0;right: 0;left: unset;width: 160px;height: 160px;background: url(../images/intro/sales_icon2.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico3{top: 169px;right: unset;left: 77px;width: 160px;height: 160px;background: url(../images/intro/sales_icon3.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico4{top: 169px;right: 0;width: 160px;height: 160px;background: url(../images/intro/sales_icon4.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico5{top: 275px;left: 0;width: 135px;height: 34px;background: url(../images/intro/sales_icon5.svg) no-repeat 0 0 / 100% 100%;animation: transX 1s infinite;}
@keyframes transX {
    0% {transform:translateX(0);-webkit-transform:translateX(0)}
    50% {transform:translateX(-20px);-webkit-transform:translateX(-20px);}
    100% {transform:rottranslateXate(0);-webkit-transform:translateX(0);}
}

/* 대리점찾기 */
.faq-wrap .icons.agency{top: 183px;width: 530px;}
.faq-wrap .icons.agency .ico1{top: 5px;left: 197px;right: unset;width: 130px;height: 84px;background: url(../images/intro/agency_icon1.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico2{top: 45px;left: 261px;width: 159px;height: 84px;background: url(../images/intro/agency_icon2.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico3{top: 4px;left: 15px;right: unset;width: 255px;height: 236px;background: url(../images/intro/agency_icon3.svg) no-repeat 0 0 / 100% 100%;animation: rotateA 0.8s infinite;}
.faq-wrap .icons.agency .ico4{top: 133px;left: 295px;right: unset;z-index: 2;width: 70px;height: 70px;background: url(../images/intro/agency_icon4.svg) no-repeat 0 0 / 100% 100%;animation: scale 1s infinite;}
.faq-wrap .icons.agency .ico5{top: 90px;left: 355px;width: 161px;height: 146px;background: url(../images/intro/agency_icon5.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico6{top: 170px;left: 157px;width: 161px;height: 84px;background: url(../images/intro/agency_icon6.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico7{top: 230px;left: 257px;width: 202px;height: 84px;background: url(../images/intro/agency_icon7.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico8{top: 193px;left: 451px;width: 52px;height: 80px;background: url(../images/intro/agency_icon8.svg) no-repeat 0 0 / 100% 100%;animation: scale 0.9s infinite;}
.faq-wrap .icons.agency .ico9{top: 275px;left: 120px;width: 195px;height: 84px;background: url(../images/intro/agency_icon9.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico10{top: 272px;left: 330px;width: 159px;height: 84px;background: url(../images/intro/agency_icon10.svg) no-repeat 0 0 / 100% 100%;animation: none;}

/* 채용 - 채용공고 */
.employ{max-width:1488px;margin:0 auto;padding:120px 24px 0;letter-spacing:-.2px;}
.employ .page-area{padding-top:50px;font-size:18px;line-height:28px;}
.employ .page-area span{font-weight:700;}
.employ .flag{font-family:'tj-bold';display:inline-block;width:72px;padding:3px; border-radius: 50px; background:#DE75C1;font-size:14px;font-weight:700;color:#fff;line-height:22px;text-align:center;box-sizing:border-box;}
.employ .flag.end{background:#888;}
.employ .grid-item{grid-column:span 6;}
.employ .grid-item:first-child{grid-column:span 2; width: 120px;}
.employ .grid-item:last-child{grid-column:span 8;}
.employ .grid-item.title{grid-column:span 13;}
.employ .grid-item.type{grid-column:span 4;}
.employ .list .grid-item{padding:0 5%;font-size:20px;line-height:30px;}
.employ .list .grid-item.title{font-family:'tj-bold';}
.employ .list .grid-item:last-child{display:flex;gap:8px;justify-content:center;padding:0;}
.employ .list .grid-item:last-child a{position:relative;display:block;padding:5px;border:1px solid #000;font-size:14px;font-weight:700;line-height:22px;}
.employ .list .grid-item:last-child a::after{content:'';display:inline-block;width:16px;height:16px;padding-left:4px;background:url(../images/employ/ico_employ.svg) no-repeat 50% 50% / 16px;vertical-align:middle;}

/* 스토리 */
.story-pos{position: relative;}
.story.swiper-container{overflow: hidden; position: relative;}
.story-img-area{height: 262px; overflow: hidden; border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px;}
.story-img-area img{object-fit: cover;}
.story-form form{display: flex; gap: 12px; align-items: center; justify-content: center;}
.story-form .select select{padding: 17px 72px 17px 24px; width: 200px; font-size:20px; font-weight: 700; line-height: 30px; letter-spacing: -0.02em;}
.intro_news .inp_box.story-form.search .inp_base{width: 500px; height: 64px; padding: 16px 68px 16px 20px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; }
/* .story-info-item{margin-top: 40px;}
.story-info-item p{font-family:'tj-light'; font-size: 32px; line-height: 46px; letter-spacing: -0.03em; }
.story-info-item strong{font-family:'tj-bold'; font-size: 32px; line-height: 46px; letter-spacing: -0.02em;} */
.story.prev-next-button{position: absolute; right: 0; bottom:0; display: flex; gap: 16px;}
.story.swiper-button-prev:after{content: '' !important; display: block; width: 48px; height: 48px; background: url('../../../resources/front/images/etc/story_prev.svg') no-repeat center; background-size: 48px 48px;}
.story.swiper-button-next:after{content: '' !important; display: block; width: 48px; height: 48px; background: url('../../../resources/front/images/etc/story_next.svg') no-repeat center; background-size: 48px 48px;}
.story.swiper-button-next{position: relative !important;width: 48px !important;height: 48px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: #fff; border-radius: 50%;}
.story.swiper-button-prev{position: relative !important;width: 48px !important;height: 48px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: #fff; border-radius: 50%;}
.intro_news .story .page-area.search-plus{padding: 50px 0 24px 0;}

.story-list-wrap .news-card-list{gap: 50px 40px;}
.story-list-wrap .news-card-list li .img{height: 600px;}
.story-list-wrap .news-card-list.new-story li .img{height: 450px; border-radius: 12px; overflow: hidden;}
.story-list-wrap .news-card-list .card-info strong{margin-bottom: 0; word-break: keep-all;}
.story-wrap{padding-top:260px;}
.story-title{font-family:'tj-medium'; max-width:1488px;margin:0 auto;padding:0 24px;font-size:80px;font-weight:500;line-height:95.47px; letter-spacing: 0.03em; color: #000;text-align:left;}
.story-bg{position: relative; display:flex;flex-direction:column;justify-content:end;max-width:1440px;width:100%;height:600px;margin:120px auto 0;background-color: #000; text-align:start;}
.story-img-ani{position: absolute; top:100px; right: 100px;  display: flex; gap:40px;}
.story-bg p{padding:70px 100px;font-size:32px;line-height:42px;color:#fff;}
.story-img-ani li:nth-child(1){animation: shakeRightLeft 2s infinite; transform-origin: center; will-change: transform;}
.story-img-ani li:nth-child(2){animation: shakeLeftRight 2s infinite; transform-origin: center; will-change: transform; }
.story-img-ani li:nth-child(3){animation: shakeRightLeft 2s infinite; transform-origin: center; will-change: transform;}
.story-img-ani li:nth-child(4){animation: shakeLeftRight 2s infinite; transform-origin: center; will-change: transform;}
.story-img-ani li:nth-child(5){animation: shakeRightLeft 2s infinite; transform-origin: center; will-change: transform;}
@keyframes shakeLeftRight {
    0%, 100% {
        transform: rotate(0deg);
        animation-timing-function: ease-in-out;
    }
    25% {
        transform: rotate(8deg);
        animation-timing-function: ease-in-out;
    }
    50% {
        transform: rotate(0deg);
        animation-timing-function: ease-in-out;
    }
    75% {
        transform: rotate(-8deg);
        animation-timing-function: ease-in-out;
    }
}

@keyframes shakeRightLeft {
    0%, 100% {
        transform: rotate(0deg);
        animation-timing-function: ease-in-out;
    }
    25% {
        transform: rotate(-8deg);
        animation-timing-function: ease-in-out;
    }
    50% {
        transform: rotate(0deg);
        animation-timing-function: ease-in-out;
    }
    75% {
        transform: rotate(8deg);
        animation-timing-function: ease-in-out;
    }
}


/* 애니메이션 적용 예시 */
.element {
    animation: shakeLeftRight 1.5s ease-in-out infinite;
    transform-origin: bottom center;
}


/* 연혁 */
.pc-aside{display: block;}
.mo-aside{display: none;}
.wild-bg{    position: absolute;width: 620px;height: 620px;left: 50%;transform: translateX(-50%);overflow: hidden;border-radius: 80px;}
.wild-bg img{width: 100%;height: 100%;object-fit: cover;}
.history-nav.swiper-wrapper{display: block;}
.history{padding:0 0 0 0}
.top-content{position: absolute; bottom:8px;}
.history-title{font-family:'tj-medium'; max-width:1488px; margin:0 auto; text-align: left; font-weight: 500;   font-size: 80px; line-height: 104px; letter-spacing: 0.03em; color: #000;}
.history-wrap{display: flex; justify-content: center; align-items: start; gap:20px;padding-top: 240px;padding-right:165px;}
.history-wrap .history h2{font-family:'tj-light'; font-weight: 300;}
.history-area{max-width:1440px; width: 100%; margin:0 auto;}
.history-area .history-bg{ width: 620px;  margin:100px auto 0;  border-radius: 80px;   display: flex;flex-direction: column;justify-content: end;text-align: start;height: 100vh;margin-top: 100px; padding: 0 0 85px 0px; }
.history-area .history-bg p{position: relative; z-index: 2; opacity: 0; font-weight: 500;  font-size: 32px; line-height: 42px; color: #fff;}
.history-wrap aside{position: sticky; z-index: 2; top:110px; padding: 0 0px 0 30px; margin-top: 210px;}
.history-nav li a{display: flex; align-items: center; gap:2px}
.pc-aside .history-nav li a::before{content: ''; width: 11px; height: 11px; border-radius: 50%; border:solid 1px rgba(0, 175, 236, 1)  }
.pc-aside .history-nav li a.on::before{content: ''; width: 12px; height: 12px; border-radius: 50%; border:unset; background-color:rgba(0, 175, 236, 1) ; }
.history-nav li a span{opacity: 0; width: 120px; font-size: 20px; font-weight: 500; line-height: 30px; color:rgba(0, 175, 236, 1) ; text-align: right;}
.history-nav li a.on span{opacity: 1; font-size: 20px; font-weight: 500; line-height: 30px; color:rgba(0, 175, 236, 1) ;}
.history.case1{padding-top: 120px;}
.history.case2{padding-top: 155px;}
.history.case3{padding-top: 113px;}
.history.case4{padding-top: 117px;}
.case1 .history-item{display: flex; gap: 84px; position: relative; top:-70px;}
.case2 .history-item{display: flex; gap: 84px; position: relative; top:-130px;}
.case3 .history-item{display: flex; gap: 84px; position: relative; top:-160px;}
.case4 .history-item{display: flex; gap: 84px; position: relative; top:-130px;}

.time-area{position: relative;}
.time-area img{position: relative;   border-top-left-radius: 600px; border-bottom-left-radius: 600px; border-bottom-right-radius: 600px;}
.case2 .time-area img{position: relative; border-radius: 125px;  }
.case3 .time-area img{position: relative; border-radius: 50%;}
.case4 .time-area img{position: relative; border-radius: 80px;}

.history h2{position: relative; z-index: 1; display: inline-block; width: 580px;  font-size: 130px; line-height: 132px; letter-spacing: -0.03em; color: #000;}

.history h2 span{display: block; text-align: center; color: #fff;}

.time-area .min {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;border-radius: 50%;background-color: #fff; animation: rotate 10s linear infinite; transform-origin: center;}
.time-area .min::after{content: ''; display: block; position: absolute; bottom:0; left:50%; transform:translateX(-50%);  width: 9px; height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff;}
.time-area .hour {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;border-radius: 50%;background-color: #fff; animation: rotate 15s linear infinite;  transform-origin: center;}
.time-area .hour::after{content: ''; display: block; position: absolute; left:50%; transform:translateX(-50%); bottom:0;  width: 12px; height: 180px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: rgba(216, 0, 0, 1);}
@keyframes rotate {from {transform: translate(-50%, -50%) rotate(0deg);}
    to {transform: translate(-50%, -50%) rotate(360deg); }}
.year-info-box{display: flex; flex-direction: column; gap: 80px;}
.year-info-box>li{display: flex; align-items: start; gap: 52px;}
.year-info-box li strong{font-family:'tj-bold'; font-size: 38px; line-height: 48px; color:rgba(0, 175, 236, 1);}
.year-info-item{display: flex; flex-direction: column; gap:24px;}
.year-info-item>li{display: flex; gap:40px;}
.year-info-item li .month{display: inline-block; font-family:'tj-bold';  font-size: 28px;font-weight:700;line-height: 38px; letter-spacing: -0.02em; color:rgba(0, 175, 236, 1); }
.year-info-item li .content{font-size: 28px; font-weight: 400; line-height: 38px; letter-spacing: -0.02em; color: #000; word-break: keep-all;}

/* 뉴스룸 리스트 */
.flex-colum-box{position: relative;}
.search-plus{display: flex; align-items: center !important;}
.intro_news .page-area{display: flex; align-items: self-end; justify-content: space-between; padding: 80px 0 24px 0; }
.intro_news.news-room .page-area.search-plus{display: flex; align-items: self-end; justify-content: space-between; padding: 50px 0 24px 0; }
.intro_news.customer.size2 .inp_box{width: 830px;margin: 0 auto 80px auto;}
.intro_news.customer .inp_box{width: 600px;margin: 0 auto 80px auto;}
.intro_news.customer .inp_box.search .inp_base{width: 100%; padding: 17px 76px 17px 28px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em;}
.intro_news.customer .inp_box.search.flex-box2 .inp_base{width: 100%; height: 64px; padding: 17px 76px 17px 28px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em;}
.intro_news.customer .inp_box.search{position: relative;bottom: unset;}
.intro_news.customer .inp_box.search.flex-box2{display: flex; gap:30px; position: relative;bottom: unset;}
.news-room .inp_box.search{   display: flex; justify-content: center; align-items: center; padding: 60px 0px 80px 0;}
.news-room .inp_box.search form{position: relative; width: 600px; border-radius: 64px;}
.intro_news.news-room .inp_box.search .inp_base{padding: 16px 68px 16px 20px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; }
.intro_news .inp_box .inp_base{ padding: 17px 76px 17px 28px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em;  }
.intro_news::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 276px; background-color: #fff;}
.intro_news.story::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 364px; background-color: #000;}
.intro_news{max-width: 1488px;margin: 0 auto;padding: 120px 24px 0 24px;}
.intro_news .page{padding-bottom: 16px; font-size: 18px; font-weight: 400;  color: #000; line-height: 28px; }
.intro_news .page span{font-weight: 700;}
.page-area .page{padding-bottom: 0;}
.news-card-list{display: grid; grid-template-columns: 1fr 1fr; gap:60px 32px;}
.news-card-list.new-story{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:80px 45px;}

.news-room .news-card-list{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:80px 45px;}
.news-card-list li{ overflow: hidden;}
.news-card-list li .img{height: 450px; border-radius: 16px; overflow: hidden;}
.news-card-list li .img img{width: 100%; height: 100%; object-fit: cover;}
.news-card-list.new-story li .img img{width: 100%; height: 100%; object-fit: cover;}
.news-card-list .card-info{padding:20px 0px 0px 0px;}
.news-card-list .card-info>p.date{padding-bottom: 16px; font-size: 16px; font-weight: 400; color: #888; line-height: 24px; letter-spacing: -0.02em; }
.news-card-list .card-info strong{max-height: 60px; height: 100%; margin-bottom: 16px; font-size: 20px; font-weight: 500; line-height: 30px; }
.card-content{display: flex; gap:0 9px; align-items: center; }
.news-card-list .card-info .effect{display: block; padding: 0; font-size: 16px; font-weight: 700; line-height: 24px; color:rgba(136, 136, 136, 1); }
.news-card-list.story .card-info .effect{display: block; padding:0; font-size: 16px; font-weight: 400; line-height: 24px; color:#00AFEC; }
.news-card-list .card-info .date{font-size: 16px; font-weight: 400; color: #888; line-height: 24px; letter-spacing: -0.02em; }
.tab_sticky2 .swiper-slide{width: auto; margin-right: 8px; flex: 1 !important;}
.tab_sticky2 .swiper-slide:last-child{margin-right: 0;}

/* 뉴스룸 상세 */
.intro_news_detail{max-width: 1488px;margin: 0 auto;padding: 120px 24px 0 24px;}
.detail-title-area{padding-bottom: 24px; border-bottom: solid 2px #000 ;}
.detail-title-area.story{padding-bottom: 0; border-bottom: solid 2px #000 ;}
.detail-title-area .type{display: inline-block; padding:0px 21px; min-width: 72px; height: 32px; line-height: 32px; font-size: 16px; font-weight: 500; border:solid 1px #2C3038; border-radius: 500px;}
.detail-title-area h5{ padding:16px 0; font-size: 32px; font-weight: 700; line-height: 42px; letter-spacing: -0.02em; color: #000;}
.detail-title-area .date{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: #888;}
.detail-title-area.event.story p.date{    font-size: 16px;font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #888;
    margin-bottom: 24px;
}
.detail-content{padding: 46px 0px 84.3px 0; }
.detail-content .test{display: flex; align-items: center; justify-content: center; width: 100%; height: 1462px; font-size: 100px; font-weight: 500; letter-spacing: -0.06px; color: #fff; background: rgba(0, 0, 0, 0.5);}
.list-btn{display: table; padding:22px 159px; margin:0 auto; font-size: 24px; font-weight: 700; color: #fff;; line-height: 34px; letter-spacing: -0.02em; background-color: #000;}

/* 제품 반주기 */
.black .inp_box.search .inp_base {padding:17px 76px 17px 28px; border-radius: 64px; border:1px solid rgba(255, 255, 255, 0.6); background-color: #000; color:rgba(255, 255, 255, 0.5) ;}
.black .inp_box.search .inp_base::placeholder{color:rgba(255, 255, 255, 0.5) ;}
.black .inp_box.search .btn_search {position:absolute;top:50%; transform: translateY(-50%); right:20px;width:24px;height:24px;background:url(../../../resources/front/images/common/search.svg) no-repeat 0 0 / 24px;font-size:0;color:transparent}
.accompaniment::after{content: ''; display: block; position: absolute; z-index: -1; top: 120px; left: 0; width: 100%; height: 472px; background-color: #fff;}
.accompaniment{padding:0 80px; background-color: #fff; }
.accompaniment .inp_box{width: 600px; margin: 0 auto; border:0; }
.accompaniment .inp_box form input{ font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #aaa;}
.accompaniment-list{padding-top:130px;}
.list-top-area{display: flex; align-items: center; justify-content: space-between; }
.list-top-area p.count{font-size:18px; font-weight: 400; color: #fff; line-height: 28px; letter-spacing: -0.02em;}
.list-top-area p.count span{padding-left: 4px; font-weight: 700;}
.list-top-area.black p.count{color: #000;}
.list-top-area .list-tab{display: flex; align-items: center;}
.list-top-area .list-tab::before{content: ''; display: block; width: 1px; height: 12px; margin:0 12px; order: 1; background-color: #fff; opacity: 0.2;}
.list-top-area .list-tab li:nth-child(1){order: 0; background-color: transparent;}
.list-top-area .list-tab li a{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: #666;}
.list-top-area .list-tab li a.active{font-weight: 700; color: #fff;}
.list-top-area .list-tab li:nth-child(2){order: 2; background-color: transparent;}
.accompaniment-list ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 12px;}
.accompaniment-list ul li{display: flex; flex-direction: column; align-items: center;  background-color: #F8F8F8; }
.accompaniment-list ul li .list-item{position: relative; display: block; width: 100%; height: 100%;}
.accompaniment-list ul li .list-item ul{display: flex; flex-direction: column; align-items: center; justify-content: center; gap:0; margin-top: 0;}
.accompaniment-list ul li .list-item ul .img{display: flex;justify-content: center; width: 360px; height: 360px; padding-top: 100px;padding-bottom: 0;}
.accompaniment-list ul li .list-item ul .img img{object-fit: contain;}
.accompaniment-list ul li .list-item ul li{padding-bottom: 100px;}
.accompaniment-list ul li .list-item ul li strong{font-size: 36px; font-weight: 500; line-height: 46px; padding-bottom: 20px; letter-spacing: -0.02em; color: #000;}
.accompaniment-list ul li .list-item ul li p{min-height: 84px;margin-bottom: 20px;font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em;color: #666;text-align: center;}
.accompaniment-list ul li .list-item.new::before{content: 'NEW'; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left:0; width: 100px; height: 100px;border: 1px solid;border-image: linear-gradient(rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.06));border-image-slice: 1; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; background-image: linear-gradient(-45deg, rgba(4, 209, 206, 1), rgba(159, 242, 255, 0.3));color: #fff;text-shadow: 0px 0px 4px #098282;box-shadow: inset 2px 2px 4px 0px rgba(1, 175, 120, 0.5);}
.accompaniment-list ul li .list-item.new::after{content:'';display: inline-block;width: 40px;height: 40px;position: absolute;left: 0;top: 0;background: url(../images/product/item_blur.svg) no-repeat center / 40px;filter: blur(2px);}
.accompaniment-list ul li .list-item.best::before{content: 'BEST'; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left:0; width: 100px; height: 100px; border: 1px solid;border-image: linear-gradient(rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.06));border-image-slice: 1; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; background-image: linear-gradient(140deg, rgba(23, 222, 253, 0.8), rgba(121, 170, 255, 1)); color: #fff;text-shadow: 0px 0px 4px #36AED8;box-shadow: inset 2px 2px 4px 0px rgba(72, 127, 224, 0.5);}
.accompaniment-list ul li .list-item.best::after{content:'';display: inline-block;width: 40px;height: 40px;position: absolute;left: 0;top: 0;background: url(../images/product/item_blur.svg) no-repeat center / 40px;}
.accompaniment-list ul li .list-item.hit::before{content: 'HIT'; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left:0; width: 100px; height: 100px; border: 1px solid;border-image: linear-gradient(rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.06));border-image-slice: 1; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; background-image: linear-gradient(-45deg, rgba(254, 58, 61, 0.8), rgba(255, 121, 168, 1)); color: #fff;text-shadow: 0px 0px 4px #F33A62;box-shadow: inset 2px 2px 4px 0px rgba(250, 103, 140, 0.5);}
.accompaniment-list ul li .list-item.hit::after{content:'';display: inline-block;width: 40px;height: 40px;position: absolute;left: 0;top: 0;background: url(../images/product/item_blur.svg) no-repeat center / 40px;}
.quick-menu{display: block; opacity: 0; position:fixed;left: 0;top:0;z-index: 10;width: 100%;height: 164px;padding: 40px 0;backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6);}
.quick-menu .btn_quick_close{position: absolute;top: 32px;right: 37px;width: 32px;height: 32px;background: url(../images/product/quick_close.svg) no-repeat center / 32px;}
.quick-menu ul{display: flex;align-items: center;justify-content: center;gap: 12px;}
.quick-menu ul li.mo{display: none;}
.quick-menu ul li a{display: block;width: 130px;height: 84px;text-align: center;}
.quick-menu ul li a p{padding-top: 4px; font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.02em;color: #fff;}

/* 노래방 꿀잼 */
.mix-music-title h3.song-room-video-title .pd-txt{display: inline-block;}
.song-wrap{overflow: hidden;background-color: #000; padding:200px 24px 0 24px;}
.mix-music-title h3.song-room-video-title{font-family:'tj-medium'; font-weight: 500; font-size: 80px; line-height: 80px; letter-spacing: -0.03em;}
.song-room-video-title .txt-stair{display:inline-block;margin-left:-12px;padding-bottom:30px;}
.scroll-text.song {position: absolute;left: 50%;transform: translateX(-50%);bottom: 65px;}

.scroll-text.song.type2 div strong span{font-weight: 500; font-size: 24px; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.scroll-text.song.type2 div strong .scroll-img{width:24px;height:24px;}
.pl-8{padding-left: 8px;}
.song-room-wrap{position: absolute;  left: 50%; transform: translateX(-50%); z-index: 2; width: 100%; max-width: 1262px; margin: 0 auto;}
.song-room-wrap h1{padding-left:5%;font-family:"kudryashev-d-contrast-sans"; font-weight: 400; font-size: 140px; line-height: 180px; color: #fff;}
.song-room-wrap h1 .ico-joyful{position:relative;display:block;width:668px;padding-left:40px;}
.song-room-wrap h1 .ico-joyful::before{content:'';position:absolute;right:0;top:50%;width:120px;height:120px;margin-top:-80px;background:url(../images/song/ico_joyful.png) no-repeat 50% 50% / 100%;animation: spin 3s linear infinite;}
@keyframes spin {from { transform: rotate(0deg);}to {transform: rotate(360deg);}}
.song-room-wrap h1 .txt-right{display:block;padding-left:250px;}
.song-card-content{position: relative; max-width: 600px; width: 100%;}
.song-card-list{max-width: 1440px; margin:0 auto; padding-top: 200px; }
.song-card-list li .card-wrap{position: relative; width: 100%; display: flex; flex-direction: column;}
.song-card-list li .right{justify-content: end; align-items: end;}
.song-card-list li .left{justify-content: end; align-items: start;}
.song-card-list li.video-card{position: relative;}
.song-card-list li.video-card .video-bg{position: absolute;left: 50%;top: 50%;width: 100vw;transform: translate(-50%, -50%);}
.song-card-list li.video-card .video-bg video{width: 100%; height: 100vh; object-fit: cover;}
.song-card-list .card-img{max-width:600px;}
.song-wrap .video-card .shape-ani{position:absolute;top:800px;left:10%;width:450px;height:450px;border-top-left-radius:500px;border-bottom-right-radius:450px;border-bottom-left-radius:450px;background:#00AFEC;}
.song-wrap .video-card [data-aos="scale-up"]{transform:scale(0.1);opacity:0;}
.song-wrap .video-card [data-aos="scale-up"].aos-animate{transform:scale(3);opacity:1;}
.song-card-content .card-desc{padding-top: 40px;}
.song-card-content strong{display: block; font-size: 38px; line-height: 52px; font-weight: 700; letter-spacing: -0.02em; color: #fff; }
.song-card-content p.big-type{padding-top: 16px; font-size: 22px; font-weight: 500; line-height: 26.25px; letter-spacing: -0.03em; color: #fff;}
.song-card-content p.small-type{padding-top: 8px; font-size: 14px; font-weight: 400; line-height: 22px; color: #fff; letter-spacing: -0.02em;}
.song-more{position: absolute; bottom:0; right: 0;}
.song-more p{width: 100px; height: 100px; position: relative; }
.song-more p i{position: absolute;left: 50%;top: 50%;display: inline-block;width: 32px;height: 32px;background: url(../images/song/icon_arrow.svg) no-repeat center / 47px 46px;transform: translate(-50%, -50%);}
.song-more p:hover i{animation: arrow 0.7s infinite ease;}
@keyframes arrow {0% {transform: translate(-50%, -50%)}100% {transform: translate(-30%, -70%)}}
@keyframes effect {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
.song-more span{font-size: 5.5px;  position: absolute; left:50%; transform-origin: 0 50px; font-weight: 400; text-transform: capitalize; color: #fff;}

/* 소개 */
.image-flow{position: absolute; width: 100%; height: 100vh; top:0; left: 0; z-index: 1;}
.image-flow.pc{display: flex; overflow: hidden;}
.image-flow.pc li{flex: 1 0 auto; width: 100%; height: 100vh; background:url('../../../resources/front/images/intro/intro_case2_bg_flow.png') no-repeat center; background-size: cover;}
.image-flow.mo li{flex: 1 0 auto; width: 100%; height: 100vh; background:url('../../../resources/front/images/intro/mo_intro_case2_bg_flow.png') no-repeat center; background-size: cover;}
.image-flow.mo{display: none;}
.image-flow li {
    white-space: nowrap;
    animation: flow 20s linear infinite;
}
@keyframes flow {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.intro-video-wrap{position: relative;}
.video-font{position: absolute; top:0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3; color: #fff;}
.font-item{padding-left: 10%;}
.font-item h1{font-size:240px;  font-weight: 300;  opacity: 0; transform: translateY(300px);}
.font-item  p{font-size: 38px; font-weight: 500; line-height: 52px; opacity: 0; transform: translateY(300px);}
.video-banner{position: relative; z-index: 2; background-color: #000;}
.one-ani{opacity: 0; scale: 3; content: ''; display: block; position: absolute; z-index: 3;   top: 0;  display: block; width: 100%; height: 100%; background: url('../../../resources/front/images/intro/intro_one.svg') no-repeat center; background-size: cover;}
.video-banner video{width: 100vw;  }
.case2-wrap{background-color: #000;}
.case2-wrap .item{max-width: 1580px; margin: 0 auto; position: relative;}
.rotate-img2{opacity: 0;}
section.intro{position: relative; z-index: 1; overflow: hidden;}
.intro.case1{z-index: 1;}
.intro-visual-bg{position: relative;   width: 100%; height:100vh; background: url('../../../resources/front/images/intro/intro_bg_case1.png') no-repeat center; background-size: cover; z-index: 2;}
.intro-title{display: flex; flex-direction: column; align-items: center; gap:40px; justify-content: center; height: 100%; text-align: center;}
.intro-title h1{ font-size: 160px; line-height: 160px; color: #fff;}
.intro-title p{ font-weight: 300; font-size: 32px; line-height: 46px; letter-spacing: -0.03em; color: #fff; }
.bg-section{position: absolute; top:0; right: -99%; width: 100%; height: 100%; background-color: #000;}
.fade-up {position: relative;opacity: 0;top: 50px;animation: fadeUp 0.5s forwards;}
.fade-up.delay {animation-delay: 0.5s;}
@keyframes fadeUp {from {opacity: 0;top: 50px;}to {opacity: 1;top: 0;}}
.case1-visual-bg{position: relative;  width: 100%; height:100vh; background: url('../../../resources/front/images/intro/intro_bg_case2.png') no-repeat center; background-size: cover; z-index: 2;}
.case2-visual-bg{position: relative;  width: 100%; height:100vh; background: #000;}
.case3-visual-bg{position: relative;  width: 100%; height:100vh; background: #fff;}
.case4-visual-bg{position: relative;  width: 100%; height:100vh; background: #000;}
.case5-visual-bg{position: relative;  width: 100%; height:100%; background: #fff;}
.case-title{position: relative; display: flex; flex-direction: column; align-items: start; ; justify-content: center; max-width: 1488px;margin: 0 auto; padding:0 24px; height: 100%; }
.case-item{position: relative; z-index: 2;}
.case-title strong{opacity: 0;  font-weight: 700; font-size: 60px; line-height: 72.6px; color: #fff;}
.case-title>p{opacity: 0; padding-top: 40px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.fadin-img li{position: absolute; right: 15px; bottom:0; opacity: 0;}
.fadin-img li img{width: 100%;}
.intro.case3 .case-title strong{opacity: 0; display: block; font-weight: 300; font-size: 68px; line-height: 82px; color: #fff;}
.intro.case3 .case-title>p{opacity: 1; padding-top: 40px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.case1-visual-bg .case-title{position: relative; display: flex; flex-direction: column; align-items: end; ; justify-content: center; max-width: 1488px;margin: 0 auto; padding:0 24px; height: 100%; }
.case-title .case-item>p{opacity: 0; padding-top: 24px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.case2-img{opacity: 0; position: absolute; bottom:0; right: 0;  z-index: 0;}
.case2-img .pc{display: block;}
.case2-img .mo{display: none;}
.case2-img.case4{ position: absolute; right: unset; width: 900px; height: 900px; opacity: 1;}
.case2-img.case4 ul{height: 100%;}
.case2-img.case3{width: 100%; height: 100%; opacity: 1; position: absolute; bottom:0; right: 0;  z-index: 0;}
.case2-img.case3 ul{position: relative; width: 100%; height: 100%;max-width: 1600px;margin: 0 auto;}
.intro-wrap{overflow: hidden;}
.intro-wrap .pin-spacer:first-child{z-index: 2;}
.ani-area{ position: absolute; display: flex; gap:68px; bottom:47px; width: 100%; z-index: 2}
.ani-area li{white-space: nowrap; font-size: 40px; font-weight: 400; line-height: 56px; letter-spacing: -0.03em; color: #fff;}
.scroll-text{position: absolute; left:50%; transform: translateX(-50%); bottom:40px}
.scroll-text div{display: flex; align-items: center; gap:8px;}
.scroll-text div strong span {position: relative; display: inline-block;  font-size: 22px; line-height: 32px; letter-spacing: -0.03em; color: #fff;}
.scroll-text div strong span.scroll-img{margin-left: 8px;}
.case-title.case3{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 808px; background-color: #000; border-top-left-radius: 400px; border-bottom-left-radius: 400px; border-bottom-right-radius: 400px;}
.case-title.case4{position: relative; max-width: 1680px; margin: 0 auto; align-items: end; justify-content: center; padding-top: 200px;}
.case-title.case5{position: relative; max-width: 1488px; margin: 0 auto; justify-content: start; padding-top: 200px;}
.case-title.case4 .case-item{display: flex; flex-direction: column; }
.case-title.case4 strong{opacity:0;  font-weight: 300; font-size: 68px; line-height: 82px; color: #fff;}
.case-title.case4 p{opacity: 0; padding-top: 40px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.case3-visual-bg .case-item{padding-left: 190px;}
.case-title.case5>strong{opacity:1;  font-weight: 300; font-size: 68px; line-height: 82px; color: #000;}
.case-title.case5>p{opacity: 1; padding-top: 42px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em; color: #000;}
.case5-item{display: flex; flex-direction: column; width: 100%; gap:120px; padding-top: 200px;}
.case5-item li{position: relative; display: flex;   align-items: center; }
.case5-item li.left{justify-content: start;}
.case5-item li.right{justify-content: end;}
.case5-item-content span{ display: block; padding-bottom: 16px; font-size: 32px; font-weight: 300; line-height: 42px; letter-spacing: -0.02em; color: #000;}
.case5-item-content p{font-size: 40px; line-height: 48px; letter-spacing: -0.03em; color: #000;}
.case5-item li.left .case5-item-content{padding-left: 120px;}
.case5-item li.right .case5-item-content{padding-right: 120px; text-align: right;}
.rotate li{position: absolute; bottom:0;}
.rotate li.rotate-img{transform: rotate(90deg); transform-origin: left bottom;}
.case4-wrap .item{position: relative;  }

/* 에러 */
.error_wrap{position: relative;top: 120px;display: flex;justify-content: center;align-items: center;width: 100%;height: calc(100vh - 120px);background-color: #f8f8f8;}
.error_box .error_img{margin-bottom: 16px;text-align: center;}
.error_box .error_img img{width: 80px;height: 80px;}
.error_box .error_txt{padding: 0 59px;text-align: center;}
.error_box .error_txt .tit{font-family:'tj-bold'; font-size: 36px;  color: #2C3038;line-height: 46px;}
.error_box .error_txt .sub_txt{margin-top: 8px;font-size: 28px;font-weight: 500;color: #2C3038;line-height: 38px;letter-spacing: -0.03em;}
.error_box .error_txt .desc{margin-top: 16px;font-size: 16px;color: #2C3038;line-height: 24px;}
.error_box .link_wrap{display: flex;gap: 8px;margin-top: 60px;}
.error_box .link_wrap .link{display: block;width: 100%;height: 80px;padding: 23px 0;font-size: 24px;font-weight: 700;line-height: 34px;text-align: center;}
.error_box .link_wrap .link:hover{opacity: 0.8;}
.error_box .link_wrap .link.prev{border: 1px solid #000;color: #000;}
.error_box .link_wrap .link.main{background-color: #000;color: #fff;}
.warning-info{padding-top: 16px; font-size: 16px; font-weight: 400; }
.warning-info span{padding-top: 16px; font-size: 16px; font-weight: 700; }

/* 노래방 이벤트 리스트*/
.news-room .song-title{padding: 140px 0 20px 0;}
.song-title{font-family:'tj-medium'; padding: 140px 0 120px 0; width: 100%; text-align: left;  font-weight: 500; font-size: 80px; line-height: 104px; letter-spacing: -0.03em; color: rgba(0, 0, 0, 1);}
.news-card-list.event{gap:80px 45px;}
.news-card-list.event li .img{height: 450px; border-radius: 16px; overflow: hidden;}
.news-card-list.event li .img img{width: 100%;}
.intro_news.event .page-area {padding: 80px 0 24px 0;}
.song-ing-title .first{font-size: 16px; font-weight: 700; line-height: 24px; color: #888; letter-spacing: -0.02em;}
.song-ing-title .second{font-size: 16px; font-weight: 400; line-height: 24px; color: #888;}

/* 노래방 이벤트 상세 */
.detail-title-area.event h5{padding:0 0 16px 0}
.detail-title-area.event p{font-size: 24px; font-weight: 500; line-height: 34px; color: #000; letter-spacing: -0.02em;}
.detail-title-area.event p.date{font-size: 32px; font-weight: 700; line-height: 42px; color: #000; letter-spacing: -0.02em;}
.song-ing-title{display: flex; justify-content: space-between; align-items: center;}
.song-ing-date{display: flex; gap: 12px;}
.top10-link-area{padding:50px 0 24px 0;}
.top10-link-area button{display: flex; align-items: center; justify-content: center;  width: 360px; height: 64px; margin: 0 0 0 auto;  background-color: rgba(0, 175, 236, 1); }
.top10-link-area button::before{content: ''; display: block; width: 32px; height: 32px; background: url('../../../resources/front/images/etc/event_more_ico.svg') no-repeat center; background-size: 32px 32px;}
.top10-link-area button span{display: flex; padding-left: 12px;font-size: 22px; font-weight: 700; line-height: 32px; color: #fff;}
/* .song_ing .detail-content{padding: 0px 0px 80px 0; display: grid; place-content: center;} */
.song_ing .detail-content{padding: 0px 0px 80px 0;}
.song_ing .detail-content.story{padding: 50px 0px 80px 0;}
.song_winner .detail-content{padding: 0px 0px 80px 0;}
.detail-content.winner{margin-top: 80px;}
.detail-content.winner .test {height: 600px;font-size: 54px;font-weight: 400;line-height: 70px;letter-spacing: -0.05px;color: #000;background: #fff;}

/* 차트 TOP100 */
.change-img-banner{width: 460px; height: 460px;  background-size:460px 460px;}
.change-img-banner.type1{background: url('../../../resources/front/images/employ/top_100.png') no-repeat center;     background-size: contain;}
.change-img-banner.type2{background: url('../../../resources/front/images/employ/top_101.png') no-repeat center;     background-size: contain;}
.change-img-banner.type3{background: url('../../../resources/front/images/employ/top_102.png') no-repeat center;     background-size: contain;}
.change-img-banner.type4{background: url('../../../resources/front/images/employ/top_103.png') no-repeat center;     background-size: contain;}
.change-img-banner.type5{background: url('../../../resources/front/images/employ/top_104.png') no-repeat center;     background-size: contain;}
.change-img-banner.type6{background: url('../../../resources/front/images/employ/top_105.png') no-repeat center;     background-size: contain;}
.change-img-banner.type7{background: url('../../../resources/front/images/employ/top_106.png') no-repeat center;     background-size: contain;}
.change-img-banner.type8{background: url('../../../resources/front/images/employ/top_107.png') no-repeat center;     background-size: contain;}
.change-img-banner.type9{background: url('../../../resources/front/images/employ/top_108.png') no-repeat center;     background-size: contain;}
.change-img-banner.type10{background: url('../../../resources/front/images/employ/top_109.png') no-repeat center;     background-size: contain;}
.chart-visual-box{height: 800px; background-color: blue;}
.chart-visual-box img{width: 100%; height: 100%; object-fit: cover;}
.chart-top{max-width: 1488px;margin: 0 auto;padding: 120px 0 0 0;}
.recent.chart-top::before{display: none;}
.chart-search-area{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 56px; }
.chart-category{width: 100%;}
.chart-category .chart-item{display: grid;  grid-template-columns: repeat(12, 1fr); gap:10px 10px;  }
.chart-category .chart-item.type3{display: grid;  grid-template-columns: repeat(6, 1fr); gap:10px 10px;  }
.chart-category .chart-item li a{font-family:'tj-medium'; display: flex; align-items: center; justify-content: center; padding:17px 10px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: rgba(255, 255, 255, 1); background-color: transparent; border: 1px solid #BBBBBB}
.chart-category .chart-item.type3 li a{display: flex; align-items: center; justify-content: center; padding:17px 10px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #000; background-color: transparent; border: 1px solid #BBBBBB}
.chart-category .chart-item.type3 li a:hover{ transition: 0.2s;   border: 1px solid #00AFEC;color: #00AFEC;background-color: #fff;font-weight: 700;}
.chart-category .chart-item li a.on{font-family:'tj-bold'; border: 1px solid #00AFEC; color: #00AFEC; background-color:#fff; font-weight: 700;}
.chart-category .chart-item.color li a.on{background: rgba(0, 175, 236, 1); color:#fff}
.chart-category .chart-item.color li a:hover{transition: 0.4s ease; border: 1px solid rgba(102, 102, 102, 1);}
.calendar-area{display: flex; gap:0 86px}
.calendar-area .calendar-item {flex:2; position: relative; display: grid; grid-template-columns: repeat(2, auto); align-items: center; gap:0 22px; margin-top: 24px;}
.calendar-item .start-cal::after{position: absolute;  top:50%; right: -15px; transform: translateY(-50%); content: ''; display: block; width: 6px; height: 1.5px; background-color:rgba(187, 187, 187, 1) ;}
.data-ico{ cursor: pointer; content: ''; display: block; position: absolute; top:50%; transform: translateY(-50%); right: 24px; width: 24px; height: 24px; background: url('../../../resources/front/images/common/calendar-icon.svg') no-repeat center; background-size: 24px 24px;}
.calendar-area .calendar-item li{position: relative;}
.calendar-area .calendar-item li input{position: relative; width: 100%; padding:17px 72px 17px 24px; background-color: rgba(24, 24, 24, 1); font-size: 20px; font-weight: 400; line-height: 30px; color: #aaa; letter-spacing: -0.02em; cursor: pointer;}
.calendar-area .calendar-item li input::placeholder{font-size: 20px; font-weight: 400; line-height: 30px; color: hwb(0 67% 33%); letter-spacing: -0.02em;}
.calendar-icon{ width: 24px; height: 24px;  background: url('../../../resources/front/images/common/calendar-icon.svg') no-repeat center; background-size: 24px 24px;}
.datepicker { display: none;position: absolute;z-index: 1000; }
.search-btn{ flex: 1; width: 100%; display: flex; justify-content: center; padding-top: 24px;}
.search-btn button{width: 100%; padding:17px 0; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -0.02em; color: #fff; background-color: #000; border:solid 1px rgba(187, 187, 187, 1)}
.chart-bottom-content{padding-top: 24px;}
.chart-bottom-content p{position: relative; margin-bottom: 4px;  padding:0 0 0 12px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: rgba(170, 170, 170, 1); text-align: left;}
.chart-bottom-content p::before{content: ''; display: block; position: absolute; top:50%; transform: translateY(-50%); left:0; width: 4px; height: 4px; background-color: #BBBBBB; border-radius: 50%; }
.chart-bottom-content p span{color: #fff;}
.pc-list-title{display: grid; }
.chart-list-area{padding-top: 76px;}
.type-a .grid-container { display: grid;  grid-template-columns: repeat(26, 1fr);}
.grid-container { display: grid;  grid-template-columns: repeat(29, 1fr);}
.grid-container.top{ place-items: center; border-bottom:solid 1px rgba(187, 187, 187, 1);}
.inquiry-list .grid-container.top{ place-items: center; border-bottom:solid 1px rgba(68, 68, 68, 1);}
.song-request .grid-container.top{ place-items: center; border-bottom:solid 1px #444444;}
.line .grid-container.top{ place-items: center; border-bottom:solid 1px #000;}
.grid-container.list{place-items: center; padding: 0; border-bottom: solid 1px rgba(68, 68, 68, 1);}
.inquiry-list .grid-container.list{place-items: center; padding: 20px 0; border-bottom: solid 1px rgba(221, 221, 221, 1);}
.song-request .grid-container.list{place-items: center; padding: 0; border-bottom: solid 1px #DDDDDD;}
.type-a .grid-item{grid-column:span 3; width: 100%; padding-left: 0; padding: 8px 0 8px 24px;}
.type-a .grid-item.youtube{grid-column:span 3; width: 100%; padding-left: 0; padding: 0;}
.grid-item.first-num{grid-column:span 2;}
.grid-item{grid-column:span 3; width: 100%; padding-left: 0;}
.grid-item.title4{padding-left: 24px;}
.grid-item.title4 p span{font-size: 22px;line-height: 28px;color: #fff;letter-spacing: -0.02em;}
.grid-item.title5{padding-left: 24px;}
.grid-item.title5 p span{font-size: 18px;line-height: 28px;color: #aaa;letter-spacing: -0.02em;}
.grid-item.title6{padding-left: 24px;}
.grid-item.title6 p span{font-size: 18px;line-height: 28px;color: #aaa;letter-spacing: -0.02em;}
.grid-item:first-child{padding-left: 0;}
.grid-item.pc{font-family:'tj-bold';display: block; padding: 8px 0px;font-size: 20px; font-weight: unset; line-height: 30px; color: #fff; word-break: keep-all;  letter-spacing: -0.02em;}
.music .grid-item.pc{font-family:'tj-bold'; display: block; padding: 8px 0px;font-size: 20px; font-weight: unset; line-height: 30px; color: #000; word-break: keep-all;  letter-spacing: -0.02em;}
.hot.music .grid-item.pc{display: block; padding: 8px 0px;font-size: 20px; line-height: 30px; color: #fff; word-break: keep-all;  letter-spacing: -0.02em;}
.black-font .hot.music .grid-item.pc{display: block; padding: 8px 0px;font-size: 20px;  line-height: 30px; color: #000; word-break: keep-all;  letter-spacing: -0.02em;}
.grid-item.pc>div{display: flex; align-items: center; justify-content:center;}
.grid-item.pc>div>button{font-family:'tj-bold'; display: block; padding: 0px;font-size: 20px; font-weight: unset; line-height: 30px; color: #000; word-break: keep-all;  letter-spacing: -0.02em;}
.grid-item.pc>div>button{display: inline-block; position: relative;}
.grid-item.pc>div>button::after{content: ''; display: block; width: 24px; height: 24px; position: absolute; top:50%; right: -28px; transform: translateY(-50%) rotate(180deg); background: url('../../../resources/front/images/common/solt_ico.svg') no-repeat center; background-size: 24px 24px; transition: transform 0.3s ease;}
.grid-item.pc>div>button.on::after{content: ''; display: block; width: 24px; height: 24px; position: absolute; top:50%; right: -28px; transform: translateY(-50%) rotate(0deg); background: url('../../../resources/front/images/common/solt_ico.svg') no-repeat center; background-size: 24px 24px; transition: transform 0.3s ease;}
.grid-item.pc:first-child>button{padding-left: 0;}
.grid-item.mo.pc{display: block;}
.grid-item.mo{display: none;}
.grid-item.center{text-align: center;}
.grid-item p span{font-family:'tj-medium';font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #fff;}
.music .grid-item p span{font-family:'tj-medium';font-size: 22px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; color: rgba(102, 102, 102, 1); word-break: break-all;}
.medley .grid-item p span{font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: rgba(0, 0, 0, 1);}
.medley .grid-item p span.mo-title{display: none;}
.type2 .music .grid-item p span{font-family:'tj-medium'; word-break: break-all; font-size: 24px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: rgba(0, 0, 0, 1);}
.type2 .music .grid-item p span.mo-title{display: none;}
.hot.music .grid-item p span{font-size: 22px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; color: rgba(170, 170, 170, 1);}
.hot.music .grid-item.singer p span{color: #fff;}
.hot.music .grid-item p.ellips-p span{font-size: 22px;font-family: 'tj-medium';font-weight: 400; line-height: 28px; letter-spacing: -0.02em; color: #fff;}
.black-font .hot.music .grid-item p span{font-size: 22px; font-weight: 500; line-height: 28px; letter-spacing: -0.02em; color: rgba(102, 102, 102, 1);}
.black-font .hot.music .grid-item.singer p span{color: #000;}
.music .grid-item.list-num p span{font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #000;}
.music .grid-item.title3 p span{font-family:'tj-medium';font-size: 22px; font-weight: 500; line-height: 32px; letter-spacing: -0.02em; color:#000;}
.music .grid-item.singer p span{font-family: 'tj-medium';font-weight: 500;color: #000;line-height: 32px; word-break: break-all;}
.hot.music .grid-item.title3 p span{font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color:#fff;}
.hot.music .grid-item.title3 p span{font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color:#fff;}
.black-font .hot.music .grid-item.title3 p span{font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color:#000;}
.grid-item p span.num2{font-family:'tj-medium';width: 100%; font-size: 24px; font-weight: 300; line-height: 28px;}
.type2 .grid-item p span.num2{width: 100%; font-size: 24px; font-weight: 500; line-height: 30px; letter-spacing: -0.02em; color: #000;}
.grid-item.link a{display: block; width: 48px; height: 48px; margin:8px auto; background: url('../../../resources/front/images/common/YouTube_btn.svg')no-repeat center; background-size: 48px 48px;}
.type-a .grid-item.title { grid-column: 9 / span 11; }
.grid-item.title { grid-column: 7 / span 10; }
.type-a .grid-item.singer{grid-column: 20 / span 5; padding-left: 24px;  }
.type-a .grid-item.singer>p{word-break: break-all;}
.type-a .grid-item.youtube{grid-column: span 2;}
.grid-item.singer{grid-column: 17 / span 4; padding-left: 24px;  }
.top .grid-item.title3 { grid-column: 7 / span 10; }
.hot.music .grid-item.title3 { grid-column: 7 / span 13; }
.flex-box{display: flex;  gap:12px; padding: 0; align-items: start;  padding-left: 0;}

/* 25.05.02 ico 변경 */
.flex-box.ico-flex{display: flex; flex-direction: column; gap:0}
.flex-box.ico-flex>ul{display: flex; margin-bottom: 12px; gap:4px}


.flex-box .ico{font-family:'tj-bold';min-width: 60px; width:60px; height:28px; display:flex; justify-content: center;  align-items: center; font-size: 14px; font-weight: unset; line-height: 22px; letter-spacing: -0.02em; color: #fff; background: linear-gradient(130deg, #0695f0 0%, #0caedd 50%, #15c6c9 75%, #84dae8 100%); border-radius: 100px;  }
.flex-box .ico.live{min-width: 60px; width:60px; height:28px; display:flex; justify-content: center;  align-items: center; font-size: 14px; font-weight: unset; line-height: 22px; letter-spacing: -0.02em; color: #fff; background: linear-gradient(130deg, #ff69b4 68%, #9370db  ); border-radius: 100px;}
.flex-box .ico.mr{min-width: 60px; width:60px; height:28px; display:flex; justify-content: center;  align-items: center; font-size: 14px; font-weight: unset; line-height: 22px;  letter-spacing: -0.02em; color: #fff; background: linear-gradient(to right, rgba(255, 199, 95, 1) 5%, #FF6B00 100% ); }
.flex-box .ico.medley{min-width: 62px; width:62px; height:28px; display:flex; justify-content: center;  align-items: center; font-size: 14px; font-weight: unset; line-height: 22px;  letter-spacing: -0.02em; color: #fff; background: linear-gradient(to right, #D648D5, #FF5C8A); }
.music.type-a.type-b .flex-box .ico.exclusive{ width:151px; height:28px; display:flex; justify-content: center;  align-items: center; font-size: 14px; font-weight: unset; line-height: 22px;  letter-spacing: -0.02em; color: #fff; background-image: linear-gradient(to right,rgba(0, 175, 236, 1), rgba(119, 51, 255, 1)); }
.flex-box .ico.exclusive{ width:143px; height:28px; display:flex; justify-content: center;  align-items: center; font-size: 14px; font-weight: 700; line-height: 22px;  letter-spacing: -0.02em; color: #fff; background-image: linear-gradient(to right,rgba(0, 175, 236, 1), rgba(119, 51, 255, 1)); }
.grid-item.title2 .m-num2{display: none;}
.grid-item .count{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; font-weight: 300; line-height: 28px; letter-spacing: -0.04em; color: #fff;}
.music .grid-item .count{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; font-weight: 300; line-height: 28px; letter-spacing: -0.04em; color: #000;}
.hot.music .grid-item .count{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; font-weight: 300; line-height: 28px; letter-spacing: -0.04em; color: #fff;}
.grid-item .count .num{font-family:'tj-light'; font-weight: 300; font-size: 36px; line-height: 50px; letter-spacing: -0.04em; color: #fff; }
.hot .grid-item .count .num{font-family:'tj-light'; font-weight: 300; font-size: 36px;line-height: 50px;letter-spacing: -0.04em;color: #fff; }
.black-font .hot .grid-item .count .num{font-family:'tj-light'; font-weight: 300; font-size: 36px;line-height: 50px;letter-spacing: -0.04em;color: #000; }
.no-data-content{padding:335px 0; text-align: center; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #fff; }

/* 차트 HOT100 */
.album-art-img{display: inline-block; max-width: 70px; max-height: 70px;}
.album-art-img img{width: 100%; height: 100%; object-fit: cover;}
.hot-top{display: flex; }
.mix-music-title{z-index: 2; max-width: 1488px; padding:0 24px; display: flex; flex-direction: column;  align-items: start; justify-content: center; gap:40px;  position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.mix-music-title.center{z-index: 2; max-width: 1488px; padding:0 24px; display: flex; flex-direction: column;  align-items: center; justify-content: center; gap:40px;  position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.top-img.pc{display: block; position: absolute; bottom:0; right: 10%; z-index: 1;}
.top-img.mo{display: none;}
.typeA .mix-music-title{    display: block;max-width: 1488px;padding: 260px 24px 0 24px;margin: 0 auto;position: relative;top: unset;left: unset;transform: unset;text-align: left; width: 100%; }
.mix-music-title h3{font-family:'tj-medium'; font-weight: 500; font-size: 80px; line-height: 104px; letter-spacing: -0.03em; color: #fff; }
.mix-music-title p{ text-align: left; font-weight:400; font-size: 24px; line-height: 34px; letter-spacing: -0.02em; color: #fff; }
.hot-top-content{position: relative; padding-left: 14px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: #666666;}
.chart-list-area{padding-top: 24px;}
.chart-list-area.medley{padding-top: 50px;}
.hot-top-content::before{content: '';position: absolute; left:0; top:50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: rgba(0, 175, 236, 1);  display: block; }
.video-area{overflow: hidden;position: relative;  height:100vh;}
.video-area.update.black{overflow: hidden;position: relative;  height:600px; background-color: #000;}
.video-area.update{overflow: hidden;position: relative;  height:600px;}
.video-area.typeA{overflow: hidden;position: relative;  height:700px; background-color: #000;}
.video-area video{width: 100%; height: 100%; object-fit: cover;}
.content.chart{margin-top: -1px; background-color: #000;}
.flow-area{z-index:0;overflow:hidden;position:relative;display:flex;align-items:flex-end;position:relative;height:600px;padding:120px 20px 0;background:#000;}
.flow-area::before{content:'';z-index:10;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.5);}
.flow-area .txt-box{z-index:10;position:absolute;left:50%;bottom:136px;width:100%;max-width:1488px;padding:0 24px;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.flow-area .txt-box h2{ font-family:'tj-medium';font-size:80px;font-weight:500;;color:#fff;line-height:104px;}
.flow-area .txt-box p{padding-top:40px;font-size:24px;color:#fff;line-height:34px;}
.flow-area .flow-box{display:flex;gap:16px;align-items:flex-end;width:100%;height:100%;}
.flow-area .flow-box li{position:relative;animation:musicFlow 2s ease-in-out infinite alternate;will-change:transform;contain:layout;-webkit-transform:translateZ(0);-o-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);perspective:1000px;transform-origin:bottom;}
.flow-area .flow-box li .bg{display:block;width:60px;max-height:600px;height:100%;background:#FF1616;-webkit-filter:blur(111px);filter:blur(111px);}
.flow-area .flow-box li .bg2{display:block;position:absolute;top:0;bottom:0;left:50%;width:30px;margin-left:-15px;background:#D92032;-webkit-filter:blur(20px);filter:blur(20px);}
.flow-area .flow-box li .bg-white{display:block;position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0px 0px 4px 0px #FFF;}
.flow-area .flow-box .flow2,
.flow-area .flow-box .flow6{animation-delay:.2s;animation-duration:2.3s;}
.flow-area .flow-box .flow4,
.flow-area .flow-box .flow7{animation-delay:.1s;animation-duration:2.2s;}
.flow-area .flow-box .flow2 .bg{background:#F8198F;}
.flow-area .flow-box .flow2 .bg2{background:#F8198F;}
.flow-area .flow-box .flow3 .bg{background:#FF12FE;}
.flow-area .flow-box .flow3 .bg2{background:#FF12FE;}
.flow-area .flow-box .flow4 .bg{background:#C827FF;}
.flow-area .flow-box .flow4 .bg2{background:#BA24FF;}
.flow-area .flow-box .flow5 .bg{background:#605BFF;}
.flow-area .flow-box .flow5 .bg2{background:#5756FF;}
.flow-area .flow-box .flow6 .bg{background:#4BA7C3;}
.flow-area .flow-box .flow6 .bg2{background:#53C7FF;}
.flow-area .flow-box .flow7 .bg{background:#0BA1FF;}
.flow-area .flow-box .flow7 .bg2{background:#2783FF;}
.flow-area .flow-box .flow8 .bg{background:#3C6AFE;}
.flow-area .flow-box .flow8 .bg2{background:#3C6AFE;}
@keyframes musicFlow{0%{transform:scaleY(0.1);}100%{transform:scaleY(1);}}

/* 반주곡 */
@keyframes flowAnimation {from {transform: translateX(0);}to {transform: translateX(-400%);}}
.flow-img-area{animation: flowAnimation 100s linear infinite; animation-timing-function: linear;}
.update-area>h4{display: block; padding:120px 0 50px 0; font-size: 48px; font-weight: 700; line-height: 57.6px; color: #000;}
.update-area{max-width: 1488px; padding:0 24px; margin:0 auto;}
.chart-top-title{font-size: 48px; font-weight: 500; line-height: 60px; letter-spacing: -0.04em; color: #000;}
.type-nav2{background: #000; min-height: 364px; padding-bottom: 116px;}
.type-nav2 h3{  font-weight: 500;  display: flex; flex-direction: column; min-height: 364px; justify-content: end; max-width: 1440px; margin: 0 auto; font-size: 80px; font-weight: 700; line-height: 95.47px; letter-spacing: -0.03em; color: #fff;}
.search-nav-area{background-color: #000; padding:0 24px; position: relative;}
.search-nav-area.type2{background-color: #000; padding:0; position: relative;}
.search-nav-area .warning-content{padding:40px; max-width: 1440px; margin: 0 auto;  background: rgba(23, 23, 23, 1); }
.top-area-change .nav-item{background-color: transparent;}
.top-area-change2 .nav-item{background-color: transparent;}
.nav-item{position: relative; z-index: 2; display: flex; flex-direction: column; padding:0 24px; max-width: 1488px; min-height: 600px; margin:0 auto; justify-content: center;}
.nav-item h2{font-family:'tj-medium'; font-weight: 500; font-size: 80px; line-height: 104px; letter-spacing: -0.03em; color: #fff;}
.nav-item h2.black{font-family:'tj-medium'; font-weight: 500; font-size: 80px; line-height: 104px; letter-spacing: -0.03em; color: #000; }
.nav-item p{padding-top: 40px;  font-weight: 300; font-size: 24px; line-height: 31.2px; letter-spacing: -0.02em; color: #fff;}
.type-nav.recent{position: relative; background-color: #000; min-height: 600px; }
.type-nav.z-2{z-index:2}
.bg-recent-ani{background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex !important; gap:200px; overflow: hidden; }
.bg-recent-ani ul{position: relative; z-index: 1; width: 100%; height: 100%; flex: 1 0 100%;}
.mo-recnt-ani{display: none;}
@keyframes slideRight3 {0% { transform: translateX(0); }50% { transform: translateX(24px); }100% { transform: translateX(0); }}
@keyframes diagonal-top-left {0% {transform: translate(40px, 0);}50% {transform: translate(0, 40px);}100% {transform: translate(40px, 0);}}
@keyframes vertical-move {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(40px);
    }
    100% {
        transform: translateY(0);
    }
}
.pc-recnt-ani{display: block;}
.result-list-img .pc-recnt-ani{display: block !important;}
.bg-recent-ani ul li{position: absolute;}
.img-pos-re{position: relative;}
.list-img-group{z-index: 1; position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden;}
.pos-bottom-one{position: absolute; z-index: 1; top: 0; right: 0;}
.list-img-group ul{ z-index: 2;top:-180px;    transform-origin: center center;transform: rotate(378deg); position: relative; width: 100%;height: 100%; display: flex; flex-direction: column; }
.list-img-group ul li{display: flex; align-items: end; justify-content: end;}
.list-img-group ul li .img-shadow{position: relative; transform: rotate(329deg);margin-right: -7%;}
.list-img-group ul li .img-shadow img{position: relative; z-index: 2;}
.list-img-group ul li .img-shadow::after{ content: '';content: '';position: absolute;top: 86px;left: 1px;width: 378px;height: 200px;background: rgba(0, 0, 0, 0.3);clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);transform: rotate(360deg);}
.img-pos-re .item1{position: absolute; left: -55px; bottom: 40px;  animation: rotation 10s linear infinite;}
.img-pos-re .item2{position: absolute; z-index: 2; top: -70px;right: -36px; animation: diagonal-top-left 3s linear infinite;}
.img-pos-re .item3{position: absolute; top: 30px;left: 20px;top: 80px;left: -59px; animation: slideRight3 2s ease infinite;}
.img-pos-re .item4{position: absolute;left: 60px; top: -40px;animation: shakeRightLeft 2s infinite; }
.img-pos-re .item5{width: 88px;height: 60px; position: absolute;top: 50%; transform: translateY(-50%);right: -24px; animation: slideRight3 2s ease infinite;}
.img-pos-re .item6{ position: absolute;left: -36px; top: -30px; animation: shakeRightLeft 2s infinite;}
.img-pos-re .item7{position: absolute;bottom:40px; right: -24px; animation: rotation 10s linear infinite;}
.img-pos-re .item8{position: absolute;bottom: 20px; right: -72px; animation: shakeRightLeft 2s infinite;}
.bg-recent-ani ul li:nth-child(1){left: 30%;}
.bg-recent-ani ul li:nth-child(2){left: 60%;}
.bg-recent-ani ul li:nth-child(3){top:0; left:0;  }
.bg-recent-ani ul li:nth-child(4){bottom:0; left: 68%;}
.bg-recent-ani ul li:nth-child(5){top:50%; transform: translateY(-50%); right: 0; }
.bg-recent-ani ul li:nth-child(6){bottom:0; left: 0; }
.bg-recent-ani ul li.sec1{top:105px; left: 30px; width: 88px; height: 60px;}
.bg-recent-ani ul li.sec2{left: 15%; top:87px}
.bg-recent-ani ul li.sec3{top: unset;left: 50%; transform: translateX(-50%); bottom: 0;  }
.bg-recent-ani ul li.sec4{bottom: unset;left: unset;right: 67px; top: 100px;}
.bg-recent-ani ul li.sec5{top: unset;transform: translateY(0); right: unset; bottom: 56px; left: 0; }
.bg-recent-ani ul li.sec6{bottom: 61px;left: unset; right: 185px;}
.type-nav.recent.new-sub{min-height: auto; background-color: #fff;}
.type-nav.recent.new-sub .nav-item{min-height: 364px; justify-content: end; margin-bottom: 120px;}
.type-nav.recent.new-sub2{min-height: 600px; background: url('../../../resources/front/images/intro/paidsong_bg.jpg') no-repeat center; background-size: cover;}
.music-date p{font-family:'tj-medium'; margin-bottom: 50px; font-size: 48px;  line-height: 57.6px; letter-spacing: -0.04em; color: #000; }
.chart-list-area.music{padding-top: 50px;}
.chart-list-area.music.type-a.type-b{padding-top: 0px;}
.type2 .chart-list-area.music.type-a.type-b{padding-top: 50px;}
.black-font .chart-list-area.music.type-a.type-b{padding-top: 0px;}
.music .grid-container{grid-template-columns: repeat(31, 1fr); border-bottom: solid 1px rgba(68, 68, 68, 1);}
.medley .grid-container{grid-template-columns: repeat(29, 1fr); border-bottom: solid 1px rgba(68, 68, 68, 1);}
.type2 .music .grid-container{grid-template-columns: repeat(29, 1fr); border-bottom: solid 1px rgba(68, 68, 68, 1);}
.hot.music .grid-container{ grid-template-columns: repeat(29, 1fr); border-bottom: solid 1px rgba(187, 187, 187, 1);}
.hot.music.type-a .grid-container{ grid-template-columns: repeat(25, 1fr); border-bottom: solid 1px rgba(187, 187, 187, 1);}
.black-font .hot.music .grid-container{ grid-template-columns: repeat(29, 1fr); border-bottom: solid 1px rgba(68, 68, 68, 1);}
.black-font .type-a.type-b .grid-container{grid-template-columns: repeat(31, 1fr); border-bottom: solid 1px rgba(68, 68, 68, 1);}
.music-date p span{font-weight: 400; letter-spacing: -0.02em;}
.music .grid-item.album-art{grid-column: 1 / span 3;}
.music .grid-item.number{grid-column: 4 / span 4;}
.music .grid-item.title{ grid-column: 8 / span 14;}
.recent .grid-item.title{ grid-column: 10 / span 10;}
.type2.music .grid-item.title{ grid-column: 4 / span 13;}
.hot.music .grid-item.title{ grid-column: 7 / span 13;}
.hot.music.type-a .grid-item.title{ grid-column: 9 / span 12;}
.music .grid-item.singer{grid-column: 23 / span 13; padding-left: 24px;}
.hot.music .grid-item.singer{grid-column: 20 / span 4;padding-left: 24px;}
.hot.music.type-a .grid-item.singer{grid-column: 21 / span 5;padding-left: 24px;}
.music .grid-item{grid-column: span 4;}
.type2.music .grid-item{grid-column: span 3;}
.type2.music .grid-item.singer{grid-column: 17 / span 4;}
.hot.music .grid-item{grid-column: span 3;}
.hot.music.type-a .grid-item.number{grid-column: span 2;}
.music .grid-item.img{grid-column: span 3;}
.music .grid-item.list-num{grid-column: span 4;padding: 0;}
.music .grid-item.title3{grid-column: span 14;}
.type2 .music .grid-item.title3{grid-column: 4 / span 13;}
.recent.chart-top .music .grid-container.top .grid-item.singer{grid-column: 27 / span 4; padding-left: 0;}
.recent .music.grid-container.top .grid-item.singer{grid-column: 20 / span 4; padding-left: 0;}
.music.hot.type-a .grid-container.top .grid-item.singer{grid-column: 21 / span 5; padding-left: 0;}
.grid-item p span.img-area{display:block; width: 70px; height: 70px; padding:0 25px; }
.music .grid-container.list{padding:  0 ; border-bottom: solid 1px rgba(221, 221, 221, 1);}
.music .medley .grid-container.list{padding: 0 ; border-bottom: solid 1px rgba(221, 221, 221, 1);}
.type2 .music .grid-container.list{padding:0 ; border-bottom: solid 1px rgba(221, 221, 221, 1); grid-template-columns: repeat(29, 1fr);}
.hot.music .grid-container.list{padding:  0; border-bottom: solid 1px rgba(68, 68, 68, 1);}
.black-font .hot.music .grid-container.list{padding:  0; border-bottom: solid 1px rgba(221, 221, 221, 1);}
.music .grid-item p span.num2.pc{font-family:'tj-medium';display: block;  text-align: center; font-size: 24px; line-height: 30px; font-weight: 500; color: #000;}
.hot.music .grid-item p span.num2.pc{display: block;  text-align: center; font-size: 24px; line-height: 30px; font-weight: 500; color: #fff;}
.black-font .hot.music .grid-item p span.num2.pc{display: block;  text-align: center; font-size: 24px; line-height: 30px; font-weight: 500; color: #000;}
.music .grid-item p span.num2.mo{display: none;  font-size: 18px; line-height: 28px; font-weight: 500;}
.top .grid-item p span.num2.mo{display: none;  font-size: 18px; line-height: 28px; font-weight: 500;}


/* 반주곡 검색 */
.result-list-img{position: absolute; z-index: 2; top:0; width: 100%; height: 100%; overflow: hidden;}
.result-list-img ul{position: relative; left: 45%; height: 100%; display: grid;
    grid-template-areas: "stack";}
.result-list-img ul li{position: absolute;}
.result-list-img ul li:nth-child(1){bottom:0; z-index: 10;}
.result-list-img ul li:nth-child(2){bottom: 0; left: 6%; z-index: 9;}
.result-list-img ul li:nth-child(3){bottom: 0; left: 12%; z-index: 8;}
.result-list-img ul li:nth-child(4){bottom: 10%; left: 18%; z-index: 7;}
.result-list-img ul li:nth-child(5){bottom: 20%; left: 24%; z-index: 6;}
.result-list-img ul li:nth-child(6){bottom: 30%; left: 30%; z-index:5;}
.result-list-img ul li:nth-child(7){bottom: 40%; left: 36%; z-index: 4;}
.result-list-img ul li:nth-child(8){bottom: 50%; left: 40%; z-index: 3;}
.result-list-img ul li:nth-child(9){bottom: 60%; left: 46%; z-index: 2;}
.result-list-img ul li:nth-child(10){bottom: 70%; left: 52%; z-index: 1;}
.no-date{display: flex; flex-direction: column; width: 100%; height: 240px; align-items: center; justify-content: center; font-size: 20px; line-height: 30px; font-weight: 400; letter-spacing: -0.02em; color: #000;}
.music-search-area .inp_box.search .btn_search {position:absolute;top:50%; transform: translateY(-50%); right:18px;width:24px;height:24px;background:url(../../../resources/front/images/common/ico_search.svg) no-repeat 0 0 / 24px; font-size:0; color:transparent}
.music-visual-content{max-width: 1440px; margin: 0 auto;}
.music-visual-bg-title{display: flex; justify-content: center; width: 100%;  }
.music-visual-content h4{ padding:80px 0 32px 0; font-size: 32px; font-weight: 700; line-height: 42px;  color: #000;}
.music-visual-content ul{position: relative;display: flex; flex-wrap: wrap; gap: 24px; z-index: 2;}
.music-visual-content ul li{display: flex;  align-items: center; gap:24px; flex: 1 1 40%; padding:25px 24px; background-color:transparent; border:solid 1px rgba(221, 221, 221, 1)}
.music-visual-content ul li .title{font-family:'tj-bold'; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; font-size: 22px; font-weight: 500; line-height: 30px; color: #fff;}
.music-visual-content ul li .title.type1{background:#487FE0 ;}
.music-visual-content ul li .title.type2{background:#45B5B5 ;}
.music-visual-content ul li .title.type3{background:hsl(262, 51%, 64%) ;}
.music-visual-content ul li .title.type4{background:#B28665 ;}
.music-visual-content ul li .content{display: flex; flex-direction: column; gap:12px; background-color: transparent;}
.music-visual-content ul li .content p{font-size: 20px; line-height: 30px; font-weight: 400; letter-spacing: -0.02em; color: #000;}
.music-visual-content ul li .content p span{display: inline-block;  font-weight: 700; }
.music-search-info{display: flex; align-items: center; gap:60px;}
.music-search-info-item{padding:68px 0;}
.song-info-btn{display: flex; gap: 8px; padding-bottom: 48px;}
.song-info-btn li button{padding:6px 23px; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -0.02em; color: #000; border: 1px solid #000000; border-radius: 44px; background-color: transparent;}
.song-info-btn li button.on{background-color: #000; color: #fff;}
.music-search-info-item h4{padding-bottom: 20px; font-size: 32px; line-height: 42px; font-weight: 700; letter-spacing: -0.02em; color: #000;}
.music-search-info-item h4 span{color: #00AFEC;}
.music-search-info-item p{padding-top: 4px; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; color:#000}
.music-search-info-item p span{font-weight: 700;}
.search-area-title{padding-bottom: 20px;  text-align: center; font-size: 180px; line-height: 200px; font-weight: 300; letter-spacing: -0.03em; color: #fff;}
.music.chart-top{padding: 60px 24px 0 24px;}
.music.chart-top.black-font{padding: 0px 24px 0 24px;}
.music-search-area{max-width: 1440px; margin: 0 auto; padding:80px 0 0 0; position: relative; z-index: 2;}
.type2 .music-search-area{max-width: 1440px; margin: 0 auto; padding:0 0 20px 0; position: relative; z-index: 2;}
.music-search-area ul{padding-top: 40px; display: grid; align-items: center; grid-template-columns: repeat(14, 1fr); gap: 30px;   }
.type2 .music-search-area ul{padding-top: 0px; display: grid; align-items: center; grid-template-columns: repeat(14, 1fr); gap: 30px;   }
.music-search-area ul li{width: 230px; grid-column: unset;}
.music-search-area ul li.check{width: 100px; grid-column: unset;}
.music-search-area ul li.search{width: auto; grid-column: span 11;}
.music-search-area ul li .form_wrap{display: unset;}
.music-search-area ul li .form_wrap input[type="checkbox"]+label{font-weight: 400; font-size: 18px; line-height: 28px; color: #000; letter-spacing: -0.02em;}
.music-search-area .select{ height: 64px;}
.music-search-area .select select{ font-size:20px; font-weight: 700; line-height: 30px; color: #000; background: url(../../../resources/front/images/common/black_drop_ico.svg) no-repeat calc(100% - 16px) 50% / 24px 24px; }
.music-search-area .inp_base{height: 64px; font-size: 20px; font-weight: 400; line-height: 30px; background-color: rgba(248, 248, 248, 1);  padding: 0 48px 0 28px; color: rgba(0, 0, 0, 1);}
.music-search-area .inp_box.search .inp_base:focus:not(:read-only){border-left: 0; border-top: 0; border-right: 0; border-bottom: solid 1px #000; }
.warning-content{padding: 40px; background-color: rgba(248, 248, 248, 1);}
.warning-content strong{padding-bottom: 8px;display: flex; gap:8px; font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.warning-content strong::before{content: ''; display: block;  width: 32px; height: 32px; background: url('../../../resources/front/images/common/white_warning_ico.svg') no-repeat center; background-size: 32px 32px;}
.warning-content p{position: relative; padding-left:12px; margin-top: 8px; font-size: 20px; font-weight: 400; line-height: 24px; color: #aaa; letter-spacing: -0.02em;}
.warning-content p::before{content: ''; display: block; position: absolute; top:9px; left:0; width:4px; height: 4px; border-radius: 50%; background-color: #666;}
.music-search-list{padding-top: 100px;}
.music-search-list.pd-120{padding-top: 120px;}
.music-search-list.type2{padding-top: 60px;}
.music-search-list h2{ font-size: 48px; font-weight: 500; line-height: 57.6px; }
.warning-content.black strong{color: #000;}
.warning-content.black strong::before{background: url('../../../resources/front/images/common/warning_ico.svg') no-repeat center; background-size: 32px 32px;}
.warning-content.black p{color: #444;}
.title-select-area{display: flex; align-items: center; justify-content: space-between;}
.title-select-area .item{display: flex; align-items: center; gap: 24px;}
.title-select-area .item p{font-size: 18px; font-weight: 500; line-height: 28px; color: #000;}
.title-select-area .item .select-item{width: 150px; padding:12px 16px;  background: rgba(248, 248, 248, 1);}
.title-select-area .item .select-item select{width: 100%; height: 100%; font-size: 16px; font-weight: 700; color:rgba(44, 48, 56, 1); line-height: 24px; background: url('../../../resources/front/images/common/small_select.svg')  no-repeat 100% 50% / 16px 16px;}

/* 메들리 */
.chart-list-area.medley .grid-container li{width: 150px;}
.chart-list-area.medley .grid-container li.group{width: 100%; grid-column:span 18;}
.chart-list-area.medley .grid-container li.title{width: 100%; grid-column:span 8;}
.medley .grid-item p span.num2{padding-top: 0;}

.medley .grid-container.list .grid-item.title{padding:16px 0 16px 24px}

/* ir */
.black-table thead{background-color: #000;}
.black-table thead th{color: #fff;}
.ir-content{padding: 0px 0px 0px 0; }
.ir-content>.test{display: flex; align-items: center; justify-content: center; width: 100%; height: 1462px; font-size: 100px; font-weight: 500; letter-spacing: -0.06px; color: #fff; background: rgba(0, 0, 0, 0.5);}
.ir-content .category ul{justify-content: start;}
.ir-chart-list{padding-top: 80px;}
.ir-chart-list ul{display: flex; align-items: center; gap:30px;}
.ir-chart-list ul li{flex: 1;}
.chart-area{height: 500px;}
.chart-area div{width: 100%; height: 100%;}
.chart-area div canvas{width: 100% !important;}

.chart-area .test{display: flex; justify-content: center; align-items: center; height: 100%; font-size: 60px; font-weight: 300; color: #fff; background-color: rgba(0, 0, 0, 0.6);}
.ir-chart-list ul li .title{padding-top: 24px; font-size: 24px; font-weight: 500; line-height: 34px; letter-spacing: -0.02em; color: #000; text-align: center;}
.table-area{padding-top: 80px;}
.table-area p{padding:24px 0; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: #000; text-align: right;}
table { width: 100%;border-collapse: collapse;}
tr.bg{background-color:rgba(242, 250, 253, 1);}
th {padding: 16px 0; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -0.02em; border-top: 1px solid #000; border-bottom: 1px solid #000;text-align: center;}
td {padding: 16px 0; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; border-bottom: solid 1px rgba(221, 221, 221, 1); text-align: center;}
td.left{padding-left:24px ; text-align: left;}

/* modal popup */
.chart-list-area.popup.singer-song{height: 378px;overflow: auto;}
.singer-song2>li:first-child{border-top:solid 1px #444; border-bottom: solid 1px #444;}
.singer-song .grid-container.top{border-bottom: 0;}
.singer-song .grid-container.list{border-bottom: solid 1px #DDDDDD;}
.singer-song2>li:first-child{border-top:solid 1px #444; border-bottom: solid 1px #444;}
.singer-song2 .grid-container.top{border-bottom: 0;}
.singer-song2 .grid-container.list{border-bottom: solid 1px #DDDDDD;}
body.layer_active {overflow:hidden;}
.chart-list-area.popup{padding-top: 0;}
.chart-list-area.popup .no-data-content{color: #000 !important;}
.chart-list-area.popup>.line{border-top:solid 1px #000}
.chart-list-area.popup .grid-container{grid-template-columns: repeat(41, 1fr);}
.chart-list-area.popup.song-request .grid-container{grid-template-columns: repeat(40, 1fr);}
.chart-list-area.popup .grid-item{font-family:'tj-bold';  grid-column: span 3; padding:16px 0; font-size: 20px;   letter-spacing: -0.02em;color: #000;line-height: 30px;}
.chart-list-area.popup .grid-item.number{grid-column: span 6; width: 230px;}
.chart-list-area.popup .grid-item.challenge{grid-column: span 17;}
.chart-list-area.popup .grid-item.singer{grid-column: span 10;}
.chart-list-area.popup .grid-item.score{grid-column: span 5;}
.chart-list-area.popup .grid-container.list{padding:0; border-bottom: solid 1px #ddd;}
.chart-list-area.popup .grid-container.list .grid-item .count span{font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; padding-left: 0; font-size:24px; font-weight: 700; line-height: 34px; letter-spacing: -0.02em;}
.chart-list-area.popup .grid-container.list .grid-item p span{text-align: center; padding-left: 0; display: block; width: 100%; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em;color: #000;}
.chart-list-area.popup .grid-container.list .grid-item.request p span{text-align: left; padding-left: 0; display: block; width: 100%; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em;color: #000;}
.g-content{display: flex; justify-content: space-around; width: 600px; margin: 0 auto;}
.g-content .item .title{padding-bottom: 20px; font-size: 36px; font-weight: 600; color: #000; }
.g-content ul li{margin-bottom: 30px; }
.layerpop {display:none;align-items:center;overflow:hidden;overflow-y:auto;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;width:100%;height:100%;max-height:100%;-webkit-overflow-scrolling:touch;justify-content:center;background:rgba(0,0,0,0.5);}
.layerpop.active {display:table;}
.layerpop .wrapper {display:table-cell;vertical-align:middle;}
.layerpop .inbox {position: relative;max-width: 1024px;margin: 0 auto;background: #fff; box-shadow: 0 3px 9px rgb(0 0 0 / 50%);}
.layerpop .btn_close_pop {display:block;overflow:hidden;position:absolute;top:20px;right:20px;z-index:11;width:30px;height:30px;text-indent:-9999px;font-size:0;background:url(../img/icon_close.svg);background-size:30px;background-color:rgba(0,0,0,.3);}
.layerpop .inbox .popcont {overflow:hidden;box-sizing:border-box;padding: 60px 30px 30px;}
.layerpop .inbox .popcont h2 {margin:0;}
.layerpop .filter-option {min-width:auto;}
.layerpop .filter-option select {width:100px;}
.layerpop .filter-col .inp-box {min-width:auto; width:100%;}
.layerpop .filter-col .inp-box input[type='text']{width:100%}
.layerpop .filter-col .inp-box > * + * {width:110px;}
.layerpop .tit-btn-wrap.form-header__r{display:flex;justify-content:flex-end;margin-bottom:0; align-items: center;}
.layerpop .form-table {overflow-y:auto; max-height:400px;}
.popup-btn-wrap{display:flex;justify-content:flex-end;padding:20px 30px;}
.popup-btn-wrap button{margin-left:5px}
.complete-box{display: none;}


/* alert_pop */
.alert_pop .pop_con{width: 520px; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); padding:0;  z-index: 9999;}
.alert_pop .pop_con .con_box{padding:0;}
.alert_pop .pop_con .con_box .message{padding:40px; font-size: 18px; line-height: 28px; font-weight: 400; text-align: center; background-color: #fff; letter-spacing: -0.02em;  }
.alert_pop .pop_con .con_box .btn_wrap{display: flex; align-items: center; justify-content: center; width: 100%; margin-top:0;  background-color: #000 ; }
.alert_pop .pop_con .con_box .btn_wrap button{background-color: transparent; padding:17px 0; font-size: 20px; line-height: 30px; font-weight: 700; color: #fff; }
.alert_pop .pop_con .con_box .btn_wrap button.cancel{background-color: #fff; padding:17px 0; font-size: 20px; line-height: 30px; font-weight: 700; color: #000;     border-top: solid 1px #000;}
.dim{background: rgba(0, 0, 0, 0.7);}
.con_box>.title{display: flex; align-items: center; justify-content: space-between; padding:20px 40px; border-bottom: 1px solid #000000; background-color: #fff;}
.con_box>.title h4{font-size: 24px; font-weight: 700; color: #000; line-height: 34px; letter-spacing: -0.02em;}
.con_box .content{padding:24px 40px;}
.con_box .content .info{position: relative; padding-left: 12px;  margin-bottom:16px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: #666;}
.con_box .content .info::before{content: ''; display: block; position: absolute; left:0; top:9px; width: 4px; height: 4px; border-radius: 50%; background-color: #bbb;}
.blind,caption{overflow:hidden;position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.info_list_box{margin-top:8px;padding-left: 0;}
.info_list_box li{position:relative;padding-left:10px;font-size:14px;color:#999;line-height:24px;}
.info_list_box li::before{content:'';position:absolute;left:3px;top:50%;width:2px;height:2px;margin-top:-1px;border-radius:50%;background:#999;}
.layer_wrap .dim{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1001;}
.layer_wrap{display:none; align-items: center; justify-content: center; position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;}
.layer_wrap .pop_con .con_box{overflow:hidden;position:relative; z-index:1002; border: solid 1px #000;}
.con_box.type1{max-width: 1248px; padding:0; margin:0 24px;}
.con_box.type2{max-width: 848px; padding:0  !important; margin:0 24px; height: 100% !important;}
.con_box.type3{ padding:0 !important; margin:0 24px; height: 100% !important;}
.con_box{max-width: 1248px;  padding:0 !important; margin:0 24px; height: 100% !important;}
.con_box.type1 .content{height:830px; overflow-y: auto; padding: 48px 40px}
.layer_wrap.basic .pop_con .con_box{padding: 66px 32px 32px;}
.layer_wrap.size_m .pop_con .inner{width: 600px;}
.layer_wrap .pop_con .btn_close{width: 32px;height: 32px;border: 0;background: url('../../../resources/front/images/common/popup_close.svg') no-repeat center / 32px;cursor: pointer;}
.layer_wrap .pop_con .btn_wrap{padding:20px 0 32px;}
.layer_wrap .pop_con .con_box p{word-break: break-all;}
.layer_wrap .pop_con .con_box .tit{margin: 0;margin-bottom: 24px;padding-top: 16px;font-size: 22px;font-weight: 700;line-height: 29px;}
.layer_wrap .pop_con .con_box .sub_tit{margin-bottom: 8px;margin-top: 0;font-size: 18px;font-weight: 400;line-height: 28px;}
.layer_wrap .pop_con .con_box .desc{margin: 0;font-size:14px;font-weight: 400;color: #666; line-height:28px;text-align: center;letter-spacing: -.3px;}
.layer_wrap .pop_con .con_box .desc.mt-24{margin-top: 24px;}
.layer_wrap .pop_con .con_box .txt_l{text-align: left;}
.layer_wrap .pop_con .con_box .txt_c{text-align: center;}
.layer_wrap .pop_con .con_box .img_box{width: 536px;height: 358px;}
.layer_wrap .pop_con .con_box .img_box img{width: 100%;height: 100%;}
.layer_wrap .pop_con .btn_wrap{display: flex;gap: 8px;margin-top: 24px;padding: 0;}
.layer_wrap .pop_con .btn_wrap button{flex: 1;}

/* 반주곡 신청 */
.recent.chart-top.clear .music .grid-item.img{padding-left: 0; grid-column: 4 / span 4;}
.recent.chart-top.clear .music .grid-item.list-num{grid-column: 1 / span 3;}
.search-form li .form-info{margin-top: 32px;}
.btn_type_l.sub-mit2{width: 400px;     margin: 60px auto 0 auto;}
.apply-wrap{position: relative; height: 480px; margin-top: 120px; right: 0;}
.big-wrap{padding: 0 0 0 24px; overflow: hidden;}
.apply-bg{padding-bottom: 80px; width: 100%; height: 100%; background: url('../../../resources/front/images/music/apply_bg.png') no-repeat center; background-size:cover; position: absolute; top:0; left: calc((100% - 1448px) / 2); background-color: #000;}
.allpy-bg-title{max-width: 1464px; padding:0 24px 0 0; height: 100%; display: flex; flex-direction: column; justify-content: end;   text-align: right;}
.apply-processor{max-width: 1440px; height: 100%; margin:0 auto; padding:0 0 72px 0;}
.apply-processor h3{padding:100px 0 40px 0; font-size: 40px; font-weight: 700; line-height: 56px; letter-spacing: -0.03em; color: #000;}
.apply-processor-list li{padding:48px;}
.apply-bg h1{font-family:"kudryashev-d-contrast-sans"; font-weight: 400; font-size: 100px; line-height: 120px; letter-spacing: -0.03px; color: #fff; }
.apply-bg p{padding-top: 50px; font-size: 24px; font-weight: 500; line-height: 34px; color: #fff; letter-spacing: -0.02em;}
.process-title{width: 50%;}
.process-title.step1::before{content: ''; display: block; width: 60px; height:60px; background: url('../../../resources/front/images/music/apply_ico1.png') no-repeat center; background-size: 60px 60px;}
.process-title.step2::before{content: ''; display: block; width: 60px; height:60px; background: url('../../../resources/front/images/music/apply_ico2.png') no-repeat center; background-size: 60px 60px;}
.process-title.step3::before{content: ''; display: block; width: 61px; height:60px; background: url('../../../resources/front/images/music/apply_ico3.png') no-repeat center; background-size: 61px 60px;}
.process-title.step4::before{content: ''; display: block; width: 60px; height:60px; background: url('../../../resources/front/images/music/apply_ico4.png') no-repeat center; background-size: 60px 60px;}
.process-title p{display: flex; gap: 12px; padding-top: 16px; font-size: 32px; font-weight: 700; line-height: 42px; letter-spacing: -0.02em; color: #000;}
.apply-processor-list li{display: flex; justify-content: space-between; align-items: baseline; border-bottom: solid 1px #ddd;}
.apply-processor-list li:last-child{border-bottom: 0;}
.apply-processor-list li>p{width: 50%; font-size: 24px; font-weight: 500; line-height: 34px; letter-spacing: -0.02em; color: #444;}
.apply-processor-list li>p span{color:#00AFEC; font-weight: 700;}
.apply-check-wrap{padding:100px 0; max-width: 1368px; margin:0 auto; padding:0 24px}
.apply-check-wrap-bg{background-color: rgba(248, 248, 248, 1); padding:120px 0 100px 0;}
.apply-check-wrap h3{display: block; width: 100%; text-align: left; padding-bottom: 32px; font-size: 40px; line-height: 56px; font-weight: 700; letter-spacing: -0.02em; color: #000;}
.add-color{color:#00AFEC ;}
.apply-info p{font-size: 32px; line-height: 42px; font-weight: 400; letter-spacing: -0.02em; color: #000;}
.apply-info img{display: block; max-height: 800px;margin: 60px 0 80px 0;}
.caution-box{overflow: hidden;}
.caution-box>h4{padding-bottom: 40px; font-size: 60px; line-height: 72px; font-weight: 700; letter-spacing: -0.06em; color: #000;}
.apply.swiper-container .swiper-slide{position: relative; width: 400px; height: 450px; padding:60px 48px; border-bottom-left-radius: 100px;}
.apply.swiper-container .swiper-slide .item h4{padding-bottom: 16px; font-size: 32px; font-weight: 700; line-height: 46px; letter-spacing: -0.02em; color: #fff;}
.apply.swiper-container .swiper-slide .item p{font-size: 20px; font-weight: 500; line-height: 30px; color: #fff;}
.apply.swiper-container .swiper-slide.card{background-color:#DB9E61 ;}
.apply.swiper-container .swiper-slide.card::after{content: ''; position: absolute; width: 72px; height: 72px; bottom:60px; left:48px;  display: block; background: url('../../../resources/front/images/music/icon_card.svg') no-repeat center; background-size: 72px 72px;}
.apply.swiper-container .swiper-slide.card1{background-color:#888888 ;}
.apply.swiper-container .swiper-slide.card1::after{content: ''; position: absolute; width: 72px; height: 72px; bottom:60px; left:48px;  display: block; background: url('../../../resources/front/images/music/icon_card1.svg') no-repeat center; background-size: 72px 72px;}
.apply.swiper-container .swiper-slide.card2{background-color:#9673D1 ;}
.apply.swiper-container .swiper-slide.card2::after{content: ''; position: absolute; width: 72px; height: 72px; bottom:60px; left:48px;  display: block; background: url('../../../resources/front/images/music/icon_card2.svg') no-repeat center; background-size: 72px 72px;}
.apply.swiper-container .swiper-slide.card3{background-color:#45B5B5 ;}
.apply.swiper-container .swiper-slide.card3::after{content: ''; position: absolute; width: 72px; height: 72px; bottom:60px; left:48px;  display: block; background: url('../../../resources/front/images/music/icon_card3.svg') no-repeat center; background-size: 72px 72px;}
.check-list-box ul{display: flex; flex-direction: column; gap:24px; }
.check-list-box ul li.last-ckeck{padding-top: 32px; margin-top: 8px; border-top: solid 1px rgba(102, 102, 102, 1);}
.form_wrap input[type="checkbox"]+label{cursor: pointer; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -0.02em;}
button.check-submit.update{display: flex; align-items: center; justify-content: center; width: 400px; padding:23px 0; margin: 80px auto 0 auto; font-size: 24px; font-weight: 700; letter-spacing: -0.02em; background-color:#EEEEEE ; color: #BBBBBB; }
.form_wrap input[type="checkbox"]+label.active{font-weight: 700;}
.all-checked{background-color:#000 !important; color:#fff !important}

/* 신청곡 검색 */
.plus-content{padding-bottom: 12px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #000;}
.new-type-title{position: relative;  display: flex; width: 100%; min-height: 600px; flex-direction: column; align-items: center; justify-content: center; }
.new-type-title h1{font-family:'tj-light'; position: relative; z-index: 2;  font-size: 180px; font-weight: 300; color: #fff;}
.new-type-title img{ position: absolute; bottom:0; left:50%; transform: translateX(-50%); }
.apply-search-box{max-width: 898px; padding:120px 24px 0 24px; margin:0 auto;}
.apply-search-box h2{padding-bottom: 24px; font-size: 40px; line-height: 56px; font-weight: 700; letter-spacing: -0.03em;}
.search-form{display: flex; flex-direction: column; gap: 24px; padding-top:80px;}
.search-form.type3{display: flex; flex-direction: column; gap: 0; padding-top:80px;}
.form-info strong{display: block; padding:15px 0; margin-bottom: 12px; font-size: 24px; font-weight: 700; line-height: 34px; color: #000;}
.inp-btn-area{display: flex; align-items: center;  gap:16px;}
.inp-btn-area .inp_box{flex: 1;}
.inp-btn{padding:16px 55px; border:solid 1px #000;font-size: 20px; font-weight: 700; line-height: 30px;  }
.sing-warning{display: flex; align-items: center; gap:4px; padding: 8px 0 32px 0; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em;}
.sing-warning::before {content: '';display: block;width: 16px;height: 16px;background: url('../../../resources/front/images/common/warning_ico.svg') no-repeat center;background-size: 16px 16px;}
.inp_base.bold::placeholder{font-weight: 400 !important;}
.inp-btn{padding:12px 23px; font-size: 20px; line-height: 30px;}
.type3 .inp-btn{ padding:16px 56px; font-size: 20px; font-weight: 700; line-height: 30px; }
.sub-mit{margin-top: 36px;}
.sub-mit2{margin-top: 60px;}

/* 신청곡 검색 팝업 */
.chart-list-area.popup.singer-song .grid-container{grid-template-columns: repeat(40, 1fr);}
.chart-list-area.popup.singer-song2 .grid-container{grid-template-columns: repeat(40, 1fr);}
.chart-list-area.popup .grid-item.choice{width: 84px;}
.chart-list-area.popup .grid-item.song{grid-column: span 25; padding:0 24px;}
.chart-list-area.popup .grid-item.singer.type2{grid-column: span 12;}
.form_wrap.only{display: block; height: 24px;}
.pagenation .pagenation-wrap.popup{padding: 10px 0 10px 0;}
.form_wrap.only input[type="checkbox"]+label{padding-left: 0;}
.form_wrap.only input[type="checkbox"]+label::before {content: '';display: block;position: relative;width: 24px;height: 24px;background: url(../../../resources/front/images/common/chkbox_off.svg) no-repeat 0 0 / 24px 24px;}
.form_wrap.only input[type="checkbox"]+label.active::before {content: '';display: block;position: relative;width: 24px;height: 24px;background: url(../../../resources/front/images/common/chkbox_on.svg) no-repeat 0 0 / 24px 24px;}
.music-search-area .form_wrap.only input[type="checkbox"]+label::before {content: '';display: block;position: relative;width: 24px;height: 24px;background: url(../../../resources/front/images/common/white_chkbox_off.svg) no-repeat 0 0 / 24px 24px;}
.complete-box.popup{display: flex; align-items: center; justify-content: center; width: 100%; padding:17px 0; background-color: #000; color: #fff;}
.complete-box.popup button{width: 100%; font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: -0.02em; background: transparent;}

/* 반주곡을 신청해 주세요 팝업 */
.application-title{display: block; padding-bottom:16px; font-size: 18px; line-height: 28px; font-weight: 400; color:#F33A62 ;}
.application-info ul{display: flex; flex-direction: column; gap: 8px;}
.application-info ul li p{position: relative;}
.application-info ul li p::before{content: ''; display: block; position: absolute; top:9px; width: 4px; height: 4px; background-color:#BBBBBB; border-radius: 50%;}
.application-info ul li p span{display: block; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color: #666666;}

/* 신청곡 검색 결과 */
.content.song-request .info{margin-bottom: 8px;}
.content.song-request>ul{margin:16px 0; overflow: auto; max-height: 350px;}
.content.song-request .pagenation .pagenation-wrap.popup{padding:0}
.chart-list-area.popup .grid-item.ing{width: 120px;}
.chart-list-area.popup .grid-item.request{grid-column: span 10; padding-left: 24px;}
.chart-list-area.popup .grid-item.singer.type3{grid-column: span 5;}
.chart-list-area.popup .grid-item.proposer{grid-column: span 5;}
.chart-list-area.popup .grid-item.request-day{grid-column: span 5;}
.chart-list-area.popup .grid-item.recommen{grid-column: span 5;}
.chart-list-area.popup .grid-item.recommen>p>span{padding-left: 0 !important; text-align: center;}
.chart-list-area.popup .grid-item.recommen-btn{grid-column: span 7;}
.chart-list-area.popup .grid-container.list .grid-item.ing p .ico-ing{display: inline-block;  width: 72px; padding:3px 0; font-size: 14px; font-weight: 700; line-height: 22px; color: #fff; letter-spacing: -0.02em; background-color:#9673D1 ; border-radius: 50px;}
.chart-list-area.popup .grid-container.list .grid-item.ing p .ico-complete{display: inline-block; width: 72px; padding:3px 0; font-size: 14px; font-weight: 700; line-height: 22px; color: #fff; letter-spacing: -0.02em; background-color:#00AFEC ; border-radius: 50px;}
.chart-list-area.popup .grid-item.recommen-btn button{padding:7px 40px; font-size:14px; font-weight: 700; line-height: 22px; letter-spacing: -0.02em; color:#000; border:solid 1px #000}

/* 피씨 */
.song-wrap{overflow:unset;}
.song-wrap .inner{max-width:1440px;margin:0 auto;}
.song-wrap .tit-box{position:sticky;top:70px;left:0;padding-bottom:120px;}
.song-wrap .tit-box strong{font-family:'tj-medium';font-size:80px;color:#fff;line-height:104px;letter-spacing:-.03em;font-weight: 500;}
.song-wrap .tit-box p{padding-top:12px;font-size:32px;font-weight:300;color:#fff;line-height:42px;letter-spacing:-.02em;}
.song-wrap .card-list-box{position:relative;display:flex;flex-direction:column;align-items:center;}
.song-wrap .card-list-box li{width:500px;height:auto;margin:0px 160px 0 0;padding:30px;border:1.5px solid #bbb;border-radius:24px;background:#fff;}
.song-wrap .card-list-box li:nth-child(2n){margin:-220px 0 0 auto;}
.link-card-wrap{position: relative;}
.link-card-wrap>img{width: 100%;}
.link-card-ico{position: absolute; width: 140px; max-width: 100%; bottom:20px; right: 20px;}
.link-card-ico2{position: absolute; width: 100%; padding:0 20px; left:50%; transform: translateX(-50%); bottom:20px; display: flex; gap:8px;align-items: center; justify-content: center;}
/* .song-wrap .card-list-box li::before{content:'';display:block;width:440px;height:520px;border-radius:8px;background:url(../images/song/card_img1.jpg) no-repeat 50% 50% / 100%;} */
.song-wrap .card-list-box li strong{font-family:'tj-medium'; display:block;padding:40px 0 16px;font-size:38px;font-weight:500;line-height:48px;letter-spacing:-.02em;}
.song-wrap .card-list-box li span{position:relative;font-size:22px;font-weight:500;line-height:26.25px;letter-spacing:-.03em;}
.song-wrap .card-list-box li span::after{margin-left: 4px; content:'';position:absolute;right:unset;bottom:0;width:26px;height:26px;background:url(../images/song/ico_card1_new.svg) no-repeat 0 0 / 100%;}
/* .song-wrap .card-list-box li.card1 span::after{content:'';position:absolute;right:0px;bottom:0;width:26px;height:26px;background:url(../images/song/ico_card1.svg) no-repeat 0 0 / 100%;} */
.song-wrap .card-list-box li.card1 span.text-pc{display: inline-block !important;}
.song-wrap .card-list-box li.card5 span.text-pc{display: inline-block !important;}
.song-wrap .card-list-box li.card7 span.text-pc{display: inline-block !important;}
.song-wrap .card-list-box li p{padding-top:8px;font-size:16px;line-height:24px;letter-spacing:-.02em;}
.song-wrap .card-list-box .card1{margin-top:0;}
/* .song-wrap .card-list-box .card2::before{background-image:url(../images/song/card-img2.jpg);}
.song-wrap .card-list-box .card3::before{background-image:url(../images/song/card-img3.jpg);}
.song-wrap .card-list-box .card4::before{background-image:url(../images/song/card-img4.jpg);}
.song-wrap .card-list-box .card5::before{background-image:url(../images/song/card-img5.jpg);}
.song-wrap .card-list-box .card6::before{background-image:url(../images/song/card-img6.jpg);}
.song-wrap .card-list-box .card7::before{background-image:url(../images/song/card-img7.jpg);}
.song-wrap .card-list-box .card8::before{background-image:url(../images/song/card-img8.jpg);}
.song-wrap .card-list-box .card9::before{background-image:url(../images/song/card-img9.jpg);}
.song-wrap .card-list-box .card10::before{background-image:url(../images/song/card-img10.jpg);} */
.song-wrap .card-list-box .card_new2 span::after{background-image:url(../images/song/ico_card2_new.svg); }
.song-wrap .card-list-box .card_new3 span::after{background-image:url(../images/song/ico_card3_new.svg);}
.song-wrap .card-list-box .card_new4 span::after{background-image:url(../images/song/ico_card2.svg);}
.song-wrap .card-list-box .card3 span::after{background-image:url(../images/song/ico_card3.svg);}
.song-wrap .card-list-box .card4 span::after{background-image:url(../images/song/ico_card4.svg);}
.song-wrap .card-list-box .card5 span::after{background-image:url(../images/song/ico_card5.svg);}
.song-wrap .card-list-box .card6 span::after{background-image:url(../images/song/ico_card6.svg);}
.song-wrap .card-list-box .card7 span::after{background-image:url(../images/song/ico_card7.svg);}
.song-wrap .card-list-box .card8 span::after{background-image:url(../images/song/ico_card8.svg);}
.song-wrap .card-list-box .card9 span::after{background-image:url(../images/song/ico_card9.svg);}
.song-wrap .card-list-box .card10 span::after{background-image:url(../images/song/ico_card10.svg);}

/* 반주곡신청 */
.customer .form-list.form-info{padding-top: 0px;}
.form-list-tpye2-title{display: flex; align-items: center; justify-content: end; gap: 8px; padding-bottom: 40px; font-size: 16px; font-weight: 400; line-height: 24px; color: #666; letter-spacing: -0.02em;}
.form-list-tpye2-title::before{content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color:#00AFEC; }
.customer.type2 {max-width: 850px; padding:120px 0px 0 0px; margin: 0 auto; }
.customer.type2.big-wild {max-width: 1488px; padding:120px 0px 24px 0px; margin: 0 auto; }
.customer.type2 .form-list.type2 strong{display: block; padding:15px 0; font-size:24px;font-weight:700;line-height:34px;}
.customer.type2 .form-list.type2 strong span{position:relative;}
.customer .form-list .ico-essential span::before {content: '';position: absolute;right: -10px;top: 0;width: 6px;height: 6px;border-radius: 50%;background: #00AFEC;}
.form-list-items{display: flex; flex-direction: column; gap: 40px;}
.customer.type2 .form-list.type2 .inp_box .inp_base{height: auto; padding:17px 24px; font-size:20px;font-weight:400;line-height:30px;}
.customer.type2 .form-list.type2 .inp_box .inp_base:disabled::placeholder{font-weight: 700;}
.customer.type2 .inp_base::placeholder{font-size:16px;font-weight:400;line-height:24px;}
.customer .form-list.form-info>button{width: 400px; height: 80px; margin: 60px auto 0 auto; font-size: 24px;}
.customer.type2 .form-list.type2 .sel_box .sel_base{font-size:20px;font-weight:700;line-height:30px;}
.customer.type2 .form-list.type2 .textarea_box textarea{font-size:22px;line-height:29.96px; font-weight: 400;}
.customer.type2 .form-list.type2 .textarea_box textarea::placeholder{font-weight: 400;}
.customer.type2 .form-list.type2 .ico-essential label::before{content:'';position:absolute;right:-10px;top:0;width:6px;height:6px;border-radius:50%;background:#00AFEC;}
.textarea_box.type2{position: relative;}
.textarea_box.type2::before {content: "내용을 입력하세요\A (개인 정보 보호를 위해 고객님의 주민등록번호, 휴대폰 번호 등 개인 정보를 입력하지 말아주세요)";white-space: pre-wrap; position: absolute;left: 24px;top: 24px;color: #aaa; pointer-events: none;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: -0.02em;}
.textarea_box.type2.focused::before {content: "";}

/* 비즈니스 제안 */
.info-box.type .btn{    position: relative;top: -5px;display: flex; align-items: center; justify-content: center; width: 128px; height: 36px;margin:0 0 0 12px;background:#fff;  border: 1px solid rgba(0, 0, 0, 1); font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: -0.02em;}
.customer .form-list.type .personal-info{margin-top: 0;}
.form-list.type ul li.last-chk{margin-top: 32px;}
.customer .form-list .form-desc.no-mg p + p{margin-top: 0;}

/* 제품상세 */
/* .current{display:block !important;}
.current .prd-editor{display:block !important;} */
.prd-detail .top-section{display:flex;flex-direction:column;align-items: center;margin-top:130px}
.prd-detail .top-section.no-margin{margin-top: 0;}
.prd-detail .prd-name{color:#fff;text-align:center}
.prd-detail .prd-name .flag{display:inline-block;padding:8px 28px;border:1px solid #fff;border-radius:300px;font-size:20px;font-weight:700;line-height:30px}
.prd-detail .prd-name h2{ font-family:'tj-light'; font-weight: 300; display:block;margin-top:48px; font-weight: 400; font-size:180px;line-height:200px;letter-spacing:-3.9px;}
.prd-detail .prd-name strong{display:block;margin-top:24px;font-size:32px;line-height:42px;}
.prd-detail .prd-desc {width:800px;margin-top:80px;border-bottom:1px solid #666}
.prd-detail .prd-desc ul li {position:relative;padding:21px 14px;border-top:1px solid #666;font-size:28px;font-weight:300;color:#fff;line-height:38px}
.prd-detail .prd-desc ul li::before {content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;background-color:#bbb;border-radius:50%}
.prd-detail .prd-swiper{overflow:hidden;margin-top:100px}
.prd-detail .prd-swiper .swiper-container{position:relative;padding-left:26%;padding-bottom:108px;margin-bottom:0px}
.prd-detail .prd-swiper .swiper-slide{text-align:center;}
.prd-detail .prd-swiper .swiper-control{position:absolute;bottom:2px;width:800px;height:48px;    left: 50%;transform: translateX(-50%);}
.prd-detail .prd-swiper .swiper-scrollbar{top:50%;width:calc(100% - 156px);height:1px;background:#666}
.prd-detail .prd-swiper .swiper-scrollbar-drag{background:#fff}
.prd-detail .prd-swiper .swiper-button-prev{left:auto;right:60px;width:48px;height:48px;background:url(../images/product/swiper-button-prev.svg) no-repeat 0 0 / 100% 100%}
.prd-detail .prd-swiper .swiper-button-next{right:0;width:48px;height:48px;background:url(../images/product/swiper-button-next.svg) no-repeat 0 0 / 100% 100%}
.prd-detail .prd-swiper .swiper-button-prev::after{content:'';}
.prd-detail .prd-swiper .swiper-button-next::after{content:'';}

.prd-detail .tab-section .inner{max-width:1440px;margin:0 auto;padding:0 24px;box-sizing: content-box;}
.prd-detail .tab-section .category ul{justify-content:center;}
.prd-detail .prd-editor{display:flex;flex-direction: column;gap:200px;margin-top:120px;color:#fff}
.prd-detail .prd-editor .tit-large{display:block;font-weight: 300; font-size:100px;font-weight:700;line-height:110px;letter-spacing: -0.05em;word-break: keep-all;}
.prd-detail .prd-editor .text-center{text-align:center}
.prd-detail .prd-editor .tit-wrap .desc{margin-top:40px;font-size:36px;font-weight:500;color:#666;line-height:46px;letter-spacing:-.72px;word-break: keep-all;}
.prd-detail .prd-editor .tit-medium{font-size:60px;font-weight:500;letter-spacing: -3.6px;text-align: center;}
.prd-detail .prd-editor .img{margin-top:120px}
.prd-detail .con1 .tit-large{text-align:center}
.prd-detail .con1 .model {display:block;width:270px;height:140px;margin:80px auto 0;background:url(../images/product/a2-logo.svg) no-repeat 0 0 / 100% 100%;color:transparent}
.prd-detail .con1 .special-func{margin-top:160px}
.prd-detail .con1 .special-func .txt-wrap span{font-size:60px;font-weight:500;letter-spacing:-3.6px;}
.prd-detail .con1 .special-func .txt-wrap .logo{display:inline-block;width:178px;height:92px;margin-right:8px;background:url(../images/product/a2-logo.svg) no-repeat 0 0 / 100% 100%;color:transparent;vertical-align: super;}
.prd-detail .con1 .special-func ul{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px}
.prd-detail .con1 .special-func ul li{display:flex;align-items:center;position:relative;width:calc(50% - 20px);height:200px;padding-left:220px;border:1px solid #444}
.prd-detail .con1 .special-func ul li span{flex:1;display:block;font-size:28px;line-height:38px;word-break: keep-all;}
.prd-detail .con1 .special-func ul li::before{content:'';position:absolute;top:50%;left:40px;width:120px;height:120px;margin-top:-60px;background-repeat:no-repeat;background-size:100% 100%}
.prd-detail .con1 .special-func ul li.ico1::before{background-image:url(../images/product/a2-ico1.svg)}
.prd-detail .con1 .special-func ul li.ico2::before{background-image:url(../images/product/a2-ico2.svg)}
.prd-detail .con1 .special-func ul li.ico3::before{background-image:url(../images/product/a2-ico3.svg)}
.prd-detail .con1 .special-func ul li.ico4::before{background-image:url(../images/product/a2-ico4.svg)}
.prd-detail .con1 .special-func ul li.ico5::before{background-image:url(../images/product/a2-ico5.svg)}
.prd-detail .con1 .special-func ul li.ico6::before{background-image:url(../images/product/a2-ico6.svg)}
.prd-detail .con1 .special-func ul li.ico7::before{background-image:url(../images/product/a2-ico7.svg)}
.prd-detail .con1 .special-func ul li.ico8::before{background-image:url(../images/product/a2-ico8.svg)}
.prd-detail .con1 .special-func ul li.ico9::before{background-image:url(../images/product/a2-ico9.svg)}
.prd-detail .con1 .special-func ul li.ico10::before{background-image:url(../images/product/a2-ico10.svg)}
.prd-detail .con1 .special-func ul li.ico11::before{background-image:url(../images/product/a2-ico11.svg)}
.prd-detail .con1 .special-func ul li.ico12::before{background-image:url(../images/product/a2-ico12.svg)}
.prd-detail .con1 .special-func ul li.ico13::before{background-image:url(../images/product/a2-ico13.svg)}
.prd-detail .con1 .special-func ul li.ico14::before{background-image:url(../images/product/a2-ico14.svg)}
.prd-detail .con2{position:relative;padding: 0 64px}
.prd-detail .con2 .img{margin-top:80px;text-align:center}
.prd-detail .con2 .flex-boxs{display:flex;justify-content: space-between;align-items: center;gap:120px;margin-top:80px}
.prd-detail .con2 .info-wrap{flex:none;width:55%}
.prd-detail .con2 .info-wrap .info1{margin-left:8%}
.prd-detail .con2 .info-wrap .info2{margin-left:50%;margin-top:70px;}
.prd-detail .con2 .info-wrap .info3{margin-top:70px}
.prd-detail .con3 .prd-editor .tit-wrap .desc{margin-top:60px;}
.prd-detail .con5 .prd-editor .img{margin-top:121px;}
.prd-detail .con4 .prd-editor .img{margin-top:60px;}
.prd-detail .con2 .info-wrap .txt-large{display:block; font-weight: 300; font-size:48px;color:#00AFEC;line-height:60px}
.prd-detail .con2 .info-wrap i{display:block;width:160px;height:160px;margin-top:24px;background:url(../images/product/TMB-10-badge.svg) no-repeat 0 0 / 100% 100%}
.prd-detail .con2 .txt-wrap p{font-size:36px;color:#888;line-height:46px;letter-spacing:-.72px;word-break:keep-all;}
.prd-detail .con2 .txt-wrap p+p{margin-top:40px}
.prd-detail .con7 .flex-boxs{display:flex;justify-content:space-between;gap:158px}
.prd-detail .con7 .tit-wrap{flex:1}
.prd-detail .con7 .img{margin-top:0}
.prd-detail .con10 .tit-large .logo{display:inline-block;width:500px;height:90px;margin-right:40px;background:url(../images/product/a2-afreeca-logo.svg) no-repeat 0 0 / 100% 100%;color:transparent}
.prd-detail .con10 .tit-wrap{text-align:right}
.prd-detail .con10 .dot-list{margin-top:44px}
.prd-detail .con10 .dot-list li{position:relative;padding-left:30px;margin-top:12px;font-size:24px;font-weight:500;color:#666;line-height:34px;letter-spacing:-.48px;}
.prd-detail .con10 .dot-list li::before{content:'';position:absolute;top:50%;left:10px;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#666}
.prd-detail .con11{padding:0 250px}
.prd-detail .con11 .txt-wrap{text-align:center}
.prd-detail .con11 .txt-wrap span{font-size:60px;font-weight:500;letter-spacing:-3.6px;}
.prd-detail .con11 .txt-wrap .logo{display:inline-block;width:178px;height:92px;margin-right:16px;background:url(../images/product/a2-logo.svg) no-repeat 0 0 / 100% 100%;color:transparent;vertical-align: super;}
.prd-detail .con11 .flex-boxs{display:flex;justify-content: space-between;gap:202px;margin-top:100px}
.prd-detail .con11 .item-wrap{flex:1}
.prd-detail .con11 .item-wrap:last-child{margin-top:186px}
.prd-detail .con11 .item{margin-top:130px;text-align:center;}
.prd-detail .con11 .item:first-child{margin-top:0}
.prd-detail .con11 .item strong{display:block;margin-top:40px;font-size:40px;letter-spacing: -1.2px}
.prd-detail .con11 .item span{display:inline-block;position:relative;padding-left:15px;margin-top:12px;font-size:16px;font-weight:400;color:#AAA;line-height:24px}
.prd-detail .con11 .item span::before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#AAA}
.prd-detail .con12 .basic-func ul{display:flex;flex-wrap:wrap;gap:50px 30px;max-width:950px;margin:48px auto 0}
.prd-detail .con12 .basic-func ul li{position:relative;width:calc(20% - 24px);padding-top:92px;}
.prd-detail .con12 .basic-func ul li:nth-child(-n+4) {width:calc(25% - 22.5px)}
.prd-detail .con12 .basic-func ul li span{display:block;font-size:16px;line-height:24px;text-align:center;word-break: keep-all;}
.prd-detail .con12 .basic-func ul li::before{content:'';position:absolute;top:0;left:50%;width:84px;height:84px;margin-left:-42px;background-repeat:no-repeat;background-size:100% 100%}
.prd-detail .con12 .basic-func ul li.ico1::before{background-image:url(../images/product/a2-basic1.svg)}
.prd-detail .con12 .basic-func ul li.ico2::before{background-image:url(../images/product/a2-basic2.svg)}
.prd-detail .con12 .basic-func ul li.ico3::before{background-image:url(../images/product/a2-basic3.svg)}
.prd-detail .con12 .basic-func ul li.ico4::before{background-image:url(../images/product/a2-basic4.svg)}
.prd-detail .con12 .basic-func ul li.ico5::before{background-image:url(../images/product/a2-basic5.svg)}
.prd-detail .con12 .basic-func ul li.ico6::before{background-image:url(../images/product/a2-basic6.svg)}
.prd-detail .con12 .basic-func ul li.ico7::before{background-image:url(../images/product/a2-basic7.svg)}
.prd-detail .con12 .basic-func ul li.ico8::before{background-image:url(../images/product/a2-basic8.svg)}
.prd-detail .con12 .basic-func ul li.ico9::before{background-image:url(../images/product/a2-basic9.svg)}


/* 채용 */
.title-wrap.center .title{align-items: center;}
.title-wrap.center .title h3{color: #fff;}
.title-wrap.center .title p{color: #fff;text-align: center;}
.title-wrap .tit-desc{font-family:'Pretendard' !important;}
.intro-bg{overflow: hidden;position: absolute;bottom: 0;left: 50%;max-width: 100%;width: 100%;height: 100%;margin-left: -1px;transform: translateX(-50%);}
.intro-bg img{width: 100%;height: 100%;object-fit: cover;}

.jobs-sec .inner{display: flex;max-width: 1488px;margin: 0 auto;padding: 120px 24px;}
/* .jobs-sec.process .inner{max-width: unset;margin: 0; padding: 0} */
.jobs-sec.talent .inner{display:block;}
.jobs-sec.talent .inner .img-box{padding-top:40px;text-align:center;}
.jobs-sec.talent .inner .img-box .mo{display:none;}
.jobs-sec.welfare .inner{flex-direction: column;gap: 100px;padding-bottom:154px;}
/* .jobs-sec.welfare .title-area h2{color:#fff;} */
.jobs-sec.welfare .title-area p{color:#fff;}
.jobs-sec.process .inner{display: block;}
.jobs-sec .title-area h2{font-size:48px;font-weight:500;line-height:57.6px;}
.jobs-sec .title-area p{padding-top:20px;font-size: 32px;line-height: 46px;}
.talent-list{display:flex;}
.talent-list li{flex:1;padding:80px 40px;border:1px solid #ddd;}
.talent-list li + li{border-left:0;}
.talent-list li .tit{font-size: 32px;font-weight:700;line-height: 42px ;letter-spacing: -0.02em;}
.talent-list li .desc{padding-top:16px;font-size:24px;font-weight:500;line-height:34px;letter-spacing:-0.02em;}
.talent-list li .img-box{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.talent-list li .img-box img.mo{display: none;}
.welfare-list{display: grid;grid-template-columns: repeat(4, 1fr);}
.welfare-list > li{display: flex;flex-direction: column;align-items: center;max-width: 400px;width: 100%;}
.welfare-list > li i{display: inline-block;width: 60px;height: 60px;}
.welfare-list > li:first-child{max-width: 320px;padding-right: 160px;}
.welfare-list > li:last-child{max-width: 320px;padding: 0 17px 0 109px;}
.welfare-list li i img{width: 100%;height: 100%;}
.welfare-list li strong{padding-top: 24px;font-size: 40px;font-weight:500;color: #fff;line-height: 50px;}
.welfare-list li .sub-list{padding-top: 30px;}
.welfare-list li .sub-list li{display: flex;align-items: center;margin-bottom: 8px;}
.welfare-list li .sub-list li:last-child{margin-bottom: 0;padding-right: 0;}
.welfare-list li .sub-list li span{display: flex;align-items: center;gap: 8px;padding-left: 16px;font-size: 20px;color: #fff;line-height: 30px;letter-spacing: -0.02em;}
.welfare-list li .sub-list li span::before{content: '';display: inline-block;width: 4px;height: 4px;background: #fff;}
.paid_process.type2 .jobs-sec.process .inner{padding-bottom:0; padding-left: 0; padding-right: 0; padding-top: 0;}
.jobs-sec.process .process-list{display:flex;gap: 30px;text-align:center;padding: 60px 157px 60px;}
.jobs-sec.process .process-list li{position:relative;max-width: 100%;width: 105px;}
.jobs-sec.process .process-list li .line{display: inline-block;max-width: 90px;width: 100%;height: 2px;background: #000;}
.jobs-sec.process .process-list li::before{content:'';display:block;width:70px;height:70px;margin:0 auto;background: no-repeat 50% 50% / 100%;}
.jobs-sec.process .process-list li.step1::before{background-image:url(../images/Recruitment/icon_step1.svg);}
.jobs-sec.process .process-list li.step2::before{background-image:url(../images/Recruitment/icon_step2.svg);}
.jobs-sec.process .process-list li.step3::before{width: 62px;background-image:url(../images/Recruitment/icon_step3.svg);}
.jobs-sec.process .process-list li.step4::before{background-image:url(../images/Recruitment/icon_step4.svg);}
.jobs-sec.process .process-list li.step5::before{background-image:url(../images/Recruitment/icon_step5.svg);}
.jobs-sec.process .process-list li strong{display:block;padding-top:24px;font-size:24px;line-height:34px;white-space: nowrap;}
.jobs-sec.process .process-list li span{font-size:22px;line-height:32px; letter-spacing: -0.03em;}
.process-detail{padding-top: 60px;}
.process-detail > li{display:flex;align-items:flex-start;min-height:164px;padding: 40px;border-bottom: 1px solid #ddd;}
.process-detail > li .detail-tit{display: flex;justify-content: space-between;align-items: center;max-width: 510px;width: 100%;}
.process-detail > li .detail-tit strong{font-size: 32px;font-weight:700;line-height: 46px;}
.process-detail > li .detail-tit .btn_type2_s{padding: 0 16px;min-width: 160px;}
.process-detail li .detail-desc{flex:1;}
.process-detail li .detail-desc li span{display:block;position: relative;padding-left: 12px;font-size: 24px;font-weight:500;color:#444;line-height: 34px;letter-spacing: -0.02em;}
.process-detail li .detail-desc li span + span{margin-top:16px;}
.process-detail li .detail-desc li span::before{content: '';display: inline-block;position: absolute;left: 0;top: 9px;width: 4px;height: 4px;background: #000;}
.process-detail li .detail-desc li button{margin-top:16px;}
.jobs-sec.process .warning-content{margin-top: 120px;}
.job-inquiry{padding-top: 120px;}
.job-inquiry strong{font-size: 24px;line-height: 34px;letter-spacing: -0.02em;}
.job-inquiry ul{padding-top: 16px;}
.job-inquiry ul li{display: flex;gap: 24px;}
.job-inquiry ul li p{display: flex;gap: 8px;align-items: center;min-width: 84px;font-size: 20px;line-height: 30px;letter-spacing: -0.02em;}
.job-inquiry ul li p::before{content: '';display: inline-block;width: 4px;height: 4px;background: #000;}
.job-inquiry ul li a{font-size: 20px;line-height: 30px;letter-spacing: -0.02em;}
.employ .inquiry-list .flag{background: #9673D1;}
.employ .inquiry-list .flag.end{background: rgba(136, 136, 136, 1);}
.employ-title{ font-family:'tj-medium';padding: 140px 0 120px 0; width: 100%; text-align: left;  font-weight: 500; font-size: 80px; line-height: 104px; letter-spacing: -0.03em; color: rgba(0, 0, 0, 1);}
.employ .inquiry-list .chart-list-area li{color: #000; font-family:'tj-bold';}
.employ .list .grid-item.title{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.employ .grid-item.type{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.mo-pagenation-wrap{display: none;}

/* 제품 목록 */
.product-intro .product-con .list .desc-box a.title-link::after{display: none;}
.product-intro .product-con .list .desc-box a.title-link{background: none;}
.product-intro .product-con{position: relative;}
.product-intro .product-con .inner{max-width:1440px;margin:0 auto;}
.product-intro .product-con .top{padding:130px 41px 0 41px;}
.product-intro .product-con .top p{font-family:'tj-light'; font-weight: 300; font-size:230px;color:#00AFEC;line-height:220px;text-transform:uppercase;}
.product-intro .product-con .top p span{display:block;color:#fff;}
.product-intro .product-con .top .tab_sticky.tab{margin-top:40px;}
.product-intro .product-con .top .tab_sticky.tab ul{padding:0;}
.product-intro .product-con .top .tab_sticky2{margin-top:40px;}
.product-intro .product-con .list{z-index:1;position:relative;display:flex;flex-direction:column;margin-top:120px;}
.product-intro .product-con .list li{width:700px;margin:auto 0 0 auto;}
.product-intro .product-con .list li:nth-child(2n){margin:0;}
.product-intro .product-con .list .img-box{max-width:auto;margin:0 auto;}


.product-intro .product-con .list .img-box img {
    transform: scale(1);
    transition: transform 0.5s ease-out;
}

.product-intro .product-con .list .img-box:hover img {
    transform: scale(1.15);
}

.product-intro .product-con .list .desc-box{margin-top:50px;padding-top:60px;border-top:1px solid #1681FF;text-align:center;}
.product-intro .product-con .list .desc-box p{font-family:'tj-medium'; font-size:60px; font-weight: 300; color:#fff;line-height:74px;}
.product-intro .product-con .list .desc-box p i{position:relative;}
.product-intro .product-con .list .desc-box p i.best{display:inline-block;width:100px;height:40px;margin-left:16px;background:url(../images/product/txt_best.png) no-repeat 50% 50% / 100%;}
.product-intro .product-con .list .desc-box p i.new{display:inline-block;width:100px;height:40px;margin-left:16px;background:url(../images/product/txt_new.png) no-repeat 50% 50% / 100%;}

.product-intro .product-con .video-bg{position:absolute;left: 50%;top: 50%;width: 100%;height: 100vh;transform: translate(-50%, -50%);}
.product-intro .product-con .video-box{position:absolute;left:0;right:0;}
.product-intro .product-con .video-box video{width:100%;}
.product-intro .product-con .video-bg .inner{padding-top:450px;}
.product-intro .product-con .list li .desc-box{border-top: 1px solid #00AFEC;}
.product-intro .product-con .list .img-box{text-align: center;}
.product-intro .product-con .list .desc-box p .flag{ font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif;display: inline-block;width: 100px;height: 40px;margin-left: 20px;border-radius: 100px;font-size: 20px; font-weight: 400; color: #fff;line-height: 45px;vertical-align: middle;}
.product-intro .product-con .list .desc-box p .flag.best{background-image: linear-gradient(120deg, #72C9FF, #4864F7, #7C55EC, #E836D3);}
.product-intro .product-con .list .desc-box p .flag.new{background-image: linear-gradient(120deg, #FF6347, #E53EFF);}
.product-intro .product-con .list .desc-box p .flag.hit{background-image: linear-gradient(120deg, #15C9C9, #0084FF);}

/* 소개 계열회사 */
.intro-visual-bg.family-bg{position: relative;   width: 100%; height:100vh; background: url('../../../resources/front/images/intro/intro_bg_family.png') no-repeat center; background-size: cover; z-index: 2;}
.family-wrap .inner{display:flex;align-items:center;max-width:1440px;margin:0 auto;padding:240px 24px}
section.family.case3{position: relative;}
.family-wrap .inner.new-sub{display:flex;align-items:center; height: auto; max-width:100%;margin:0 auto;padding:0; overflow: hidden;}
.family-wrap .case2-img.two .swiper-container{padding-bottom: 55px;}
.family-wrap .inner.new-sub .case3-img img{width: 100%; height: 100%;}
section.family.case1{position: relative;  margin:0 auto;}
section.family.case1.top{border-top: solid 1px rgba(221, 221, 221, 1);}
section.family.case1.bottom{border-bottom: solid 1px rgba(221, 221, 221, 1);}



.family-wrap .inner.new-sub .case1-img img{width: 100%; height: 100%;}
.family-wrap .case2-img.two .swiper-container img{width: 100%;}
.family-wrap .case-title{max-width:unset;margin:0;padding:0}
.family-wrap .case1 .case-title{padding:0 12.5%; flex: auto 1; width: 50%;}
.family-wrap .case-title.two{padding:0 6.25% 0 12.5% ; flex: auto 1; width: 50%;}
.family-wrap .case1.three .case-title{padding:0 6.25% 0 12.5%; flex: auto 1; width: 50%;}
.case3-img.case1{width: 50%;}
.case1-img.case1{width: 50%;}
/* .family-wrap .case1.three .case-title{padding-left: 0; padding-right: 12.5%;} */
.family-wrap .case-title span{display:block;width: 257px;height:136px;margin-bottom:64px;background:url(../../../resources/front/images/intro/withus_logo.svg) no-repeat center;background-size:contain}
.family-wrap .case-title strong{font-size: 48px;line-height: normal;color:#000;opacity: 1;}
.family-wrap .case-title .case-item>p{color:#000;opacity: 1;}
.family-wrap .case-title a{display:block;width:54px;height:48px;margin-top:24px;background:url(../../../resources/front/images/common/more_link2.svg) no-repeat center;background-size:100% 100%}
.family-wrap .case1-img{position:relative;z-index: 1;}
.family-wrap .case1-img .mo{display:none}
.family-wrap .family.case2{overflow:hidden;position:relative;z-index:2;background:#000;  margin:0 auto;    padding: 94px 0px;}



.family-wrap .case2-img.two{position: absolute; padding-left: 6.5%; max-width: auto;}
.family-wrap .family.case2 .case-title span{display:block;width: 410px;height:70px;margin-bottom:64px;background:url(../../../resources/front/images/intro/tj_comm_logo.svg) no-repeat;background-size:contain}
.family-wrap .family.case2 .case-title strong{color:#fff}
.family-wrap .family.case2 .case-title .case-item>p{color:#fff; word-break: keep-all;}
.family-wrap .family.case2 .case-title a{background:url(../../../resources/front/images/common/white_more_link2.svg) no-repeat center;background-size:100% 100%}
.family-wrap .case2-img{overflow:hidden;position:relative;padding-bottom:52px;bottom:unset;right:unset;z-index:1;opacity: 1;max-width:600px}
.family-wrap .case2-img.two{    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    bottom: unset;
    right: unset;
    z-index: 1;
    opacity: 1;
    max-width: unset;
    width: 50%;
}
.family-wrap .case2-img .controls{display:flex;align-items:center;justify-content:center;gap:16px;position:absolute;bottom:0;left:0;right:0}
.family-wrap .case2-img .swiper-pagination2{position:unset;width:auto}
.family-wrap .case2-img .swiper-pagination-bullet{width:14px;height:14px;background:rgba(255, 255, 255, 0.3);opacity: 1;vertical-align: middle;}
.family-wrap .case2-img .swiper-pagination-bullet-active{background:#fff}
.family-wrap .case2-img .swiper-pagination-fraction{position:unset;width:auto;font-size:18px;font-weight:400;line-height:28px;color:#fff}
.family-wrap .case2-img .swiper-pagination-current{font-weight:700}
.family-wrap .ani-area .ico1{flex:none;width:162px;height:48px;background:url(../../../resources/front/images/intro/service_tv_logo2.svg) no-repeat center;background-size:cover}
.family-wrap .ani-area .ico2{flex:none;width:246px;height:48px;background:url(../../../resources/front/images/intro/service_youtube_logo1.svg) no-repeat center;background-size:cover}
.family-wrap .family.case1.three .case-title span{display:block;width: 289px;height:88px;margin-bottom:64px;background:url(../../../resources/front/images/intro/dream_logo.svg ) no-repeat center;background-size:contain}
.family-wrap .case3-img .mo{display:none}

/* 소개 TJ-미디어 */
.bg-transe{background-color: transparent;}
.intro-visual-bg{position: relative;   width: 100%; height:100vh; background: url('../../../resources/front/images/intro/intro_bg_case1.png') no-repeat center; background-size: cover; z-index: 2;}
.intro-visual-bg.new{background: url(../images/intro/intro_bg_case5.png) no-repeat center; background-size: cover; z-index: 2;}
.intro-visual-bg.new .intro-title{max-width:1920px; margin:0 auto; overflow: hidden; gap: 0;overflow: hidden;}
.intro-visual-bg.new .intro-title h1{font-family:"kudryashev-d-contrast-sans"; font-weight: 400; opacity: 0; width: 100%;font-size: 270px;line-height: 260px;text-align: left;}
.intro-visual-bg.new .intro-title p{font-family:"kudryashev-d-contrast-sans"; font-weight: 400;opacity: 0;width: 100%;font-size: 270px;line-height: 260px;text-align: right;}
@keyframes moveLeft {from {transform: translateX(-100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}
@keyframes moveRight {from {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}
.intro-visual-bg.new .intro-title h1.aos-animate {opacity: 1;animation: moveLeft 1s ease-out forwards;}
.intro-visual-bg.new .intro-title p.aos-animate {opacity: 1; animation: moveRight 1s ease-out forwards;}
.case6-visual-bg{position: relative;width: 100%;height: 100vh;background: #2A01CE;}
.case-title.case6 .case-item strong{overflow: hidden;display: block;font-family: 'Pretendard';font-weight: 500;font-size: 150px;color: #fff;line-height: 179px;opacity: 1;}
.case-title.case6 .case-item strong span{display: block;transform: translateY(358px);}
.case-title.case6 .case-item p{overflow: hidden;padding-top: 0;font-weight: 200;font-size: 110px;line-height: 131px;letter-spacing: -0.05em;color: #fff;opacity: 1;}
.case-title.case6 .case-item p span{display: block;transform: translateY(-374px);}
.case6-img{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;}
.case6-img .swiper-container{overflow: hidden;position: absolute;top:50%;z-index: 2;width: 100%;height: 870px;transform: translateY(-50%);opacity: 0;}
.case6-img .fadin-img{display: flex;align-items: center;position: absolute;bottom: 0;right: 0;}
.case6-img .fadin-img li{position: static;max-width: 700px;opacity: unset;}
.case6-img .fadin-img li .fadin-desc{position: relative;padding: 60px;border-top: 1px solid #1681FF;background: rgba(255, 255, 255, 0.5);text-align: center;}
.case6-img .fadin-img li .fadin-desc > *{position: relative;z-index: 1;}
.case6-img .fadin-img li .fadin-desc::after{content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;backdrop-filter: blur(20px);}
.case6-img .fadin-img li .fadin-desc strong{font-size: 50px;color: #000;line-height: 60px;letter-spacing: -0.02em;}
.case6-img .fadin-img li .fadin-desc p{margin-top: 16px;font-size: 24px;color: #8D8A9C;line-height: 32px;letter-spacing: -0.02em;}
.case6-img .fadin-img li .fadin-desc a{display: flex;gap: 16px;justify-content: center;align-items: center;margin-top: 24px;font-size: 42px;color: #000;line-height: 64px;}
.case6-img .fadin-img li .fadin-desc a::after{content: '';display: inline-block;width: 40px;height: 40px;margin-top: 10px;background: url(../images/common/more_link.svg) no-repeat center / 40px;}
.case7-visual-bg{position: relative;width: 0%;height: 100vh;background: url(../images/intro/intro_bg_case7_1.png) no-repeat center / cover;}
.case-title.case7{align-items: center;max-width: unset;}
.case-title.case7 > .case-item strong{font-family:"kudryashev-d-contrast-sans";font-size: 240px;line-height: 174px;}
.case-title.case7 > .case-item p{margin-top: 40px;font-size: 22px;line-height: 22px;text-align: center;}
.case-title.case7 .case-list{position: relative;width: 100%;height: auto;}
.case-title.case7 .case-list li{position: absolute;left: 50%;top: 0;width: 100%;transform: translateX(-50%);text-align: center;}
.case-title.case7 .case-list li strong{font-family:"kudryashev-d-contrast-sans";font-size: 66px;color: #fff;line-height: 100px;opacity: 1;}
.case-title.case7 .case-list li p{margin-top: 12px;font-size: 24px;color: #fff;line-height: 29px;}
.sec-img{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;}
.sec-img img{width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.sec-number{position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);color: #fff;}
.intro-wrap .pin-spacer:first-child{z-index: unset !important;}
.panel-list{position: relative;}
.panel-list .panel{width: 100%;height: 100vh;}
.panel-list .panel .case-item{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 50%;}
.panel-list .panel .case-item strong{font-family:"kudryashev-d-contrast-sans";font-size: 66px;line-height: 100px;color: #fff;}
.panel-list .panel .case-item p{margin-top: 12px;font-size: 24px;line-height: 29px;color: #fff;}
.panel.tit .scale-bg{position: absolute;left: 50%;top: 0;width: 100%;height: 100vh;background: url(../images/intro/intro_bg_case7_1.png) no-repeat center / cover;transform: translateX(-50%);}
.panel.tit .case-item strong{display: flex;font-size: 240px;line-height: 174px;}
.panel.tit .case-item strong span{display: inline-block;transform: translateY(100%);opacity: 0;}
.panel.tit .case-item p{margin-top: 80px;font-size: 22px;line-height: 32px;opacity: 0;}
.panel.tit{background: #000;max-height: 200vh !important;height: 200vh !important;min-height: 200vh !important;position: fixed !important;transform: translate3d(0px, 0px, 0px) !important;}
.panel.it{background: url(../images/intro/intro_bg_case7_2.png) no-repeat center / cover;}
.panel.app{background: url(../images/intro/intro_bg_case7_3.png) no-repeat center / cover;}
.panel.pay{background: url(../images/intro/intro_bg_case7_4.png) no-repeat center / cover;}
.panel.sound{background: url(../images/intro/intro_bg_case7_5.png) no-repeat center / cover;}
.panel.skills{background: url(../images/intro/intro_bg_case7_6.png) no-repeat center / cover;}
.panel{width: 100%; height: 100vh; }
.panel{max-height: 200vh !important; height: 200vh!important; min-height: 200vh !important;}
.one-ani-area{position: relative;}
.one-shape{position: fixed; z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 650px;width: 100%;max-height: 611px;height: 100%;}
.one-shape-type li{position: absolute;}
.one-shape-type>li .case-item{text-align: center;opacity: 0;}
.one-shape-type>li .case-item strong{display: block;margin-top: 20px;font-family:"kudryashev-d-contrast-sans";font-size: 66px;line-height: 100px;color: #fff;}
.one-shape-type>li .case-item p{margin-top: 12px;font-size: 24px;line-height: 29px;color: #fff;letter-spacing: -0.06em;}
.one-shape-type>li .case-item .panel-img{overflow: hidden;display: flex;justify-content: center;align-items: center;width: 450px;height: 450px;margin: 0 auto;border-top-left-radius: 400px;border-bottom-right-radius: 400px;border-bottom-left-radius: 400px;}
.one-shape-type>li.it .case-item .panel-img{background: url(../images/intro/panel_bg1.png) no-repeat center / cover;}
.one-shape-type>li.app .case-item .panel-img{align-items: end;background: url(../images/intro/panel_bg2.png) no-repeat center / cover;}
.one-shape-type>li.pay .case-item .panel-img{background: url(../images/intro/panel_bg3.png) no-repeat center / cover;}
.one-shape-type>li.sound .case-item .panel-img{background: url(../images/intro/panel_bg4.png) no-repeat center / cover;}
.one-shape-type>li.skills .case-item .panel-img{background: url(../images/intro/panel_bg5.png) no-repeat center / cover;}
.one-shape-type{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.one-shape{display: none;}

/* ci 글꼴 */
.ci-content .title-top{padding:140px 0 80px;border-bottom:1px solid #ddd}
.ci-content .title-top h2{font-size: 80px;font-weight:700;letter-spacing:-2.4px;}
.ci-content .title-top p{margin-top:40px;font-size:24px;line-height:34px;letter-spacing: -.48px;}
.ci-content .ci-intro{padding-top:120px}
.ci-content .title-wrap{display:flex;justify-content:space-between;align-items: end;height:auto;min-height:auto}
.ci-content .title h3{font-size: 32px;font-weight:700;line-height:42px;;letter-spacing:-.64px;}
.ci-content .title p{margin-top:32px;font-size:24px;line-height:34px;letter-spacing:-.48px;word-break: keep-all;}
.ci-content .btn-download{display:flex;gap:8px}
.ci-content .btn-download a{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:200px;height:48px;padding:12px 20px;border:1px solid #000;font-size:16px;font-weight:700}
.ci-content .btn-download a::after{content:''; position: relative; top:-2px; display:inline-block;width:16px;height:16px;background:url(../images/common/download.svg) no-repeat 0 0 / 100% 100%}
.ci-cont.font .font-download .btn-download.black a:hover{background-color: rgba(248,248,248,1);}
.ci-content .btn-download.black a::after{content:''; position: relative; top:-2px; display:inline-block;width:16px;height:19px;background:url(../images/intro/ico_download.svg) no-repeat 0 0 / 100% 100%}
.ci-content .img-box .img-mo{display:none}
.ci-content .ci-img{padding-top:130px}
.ci-content .symbol-detail{display:flex;justify-content:space-between;margin-top:100px;text-align: center;}
.ci-content .symbol-detail .col{flex:none;width:39%;display:flex;flex-direction: column;justify-content: center;}
.ci-content .symbol-detail strong{display:block;font-size:26px;line-height:36px;}
.ci-content .symbol-detail .img-box{margin:30px 0}
.ci-content .symbol-detail .txt-box{font-size:18px;line-height:28px;letter-spacing:-.36px;}
.ci-content .ci-font{padding-top:200px}
.ci-content .info{padding-top:130px}
.ci-content .info .title-sub{text-align: center;}
.ci-content .info .title-sm{display:block;font-size:24px;font-weight:500;color:#666;line-height:34px;letter-spacing:-.48px;}
.ci-content .info .title-lg{display:block; margin-top:24px;font-size:68px;line-height:82px;}
.ci-content .info .contents-wrap{display:flex;justify-content:space-between;gap:45px;padding-top:60px;}
.ci-content .info .txt-box{margin-top:30px;text-align: center;}
.ci-content .info .txt-box strong{display:block;font-size:32px;line-height:46px;letter-spacing: -.64px;}
.ci-content .info .txt-box p{margin-top:12px;font-size:18px;line-height:28px;letter-spacing:-.36px;}
.ci-content .font-detail .img-box{padding-top:100px}
.ci-content .font-download{padding-top:100px;text-align: center;}
.ci-content .font-download p{font-size:36px;line-height:46px}
.ci-content .font-download .btn-download{margin-top:32px;justify-content: center;}
.ci-content .gray-box{margin-top:200px;padding:40px;background:#f8f8f8}
.ci-content .gray-box strong{position:relative;padding-left:40px;font-size:24px;line-height:34px;}
.ci-content .gray-box strong::before{content:'';position:absolute;top:0;left:0;width:32px;height:32px;background:url(../images/intro/ico_info.svg) no-repeat 0 0 / 100% 100%}
.ci-content .gray-box ul{margin-top:16px}
.ci-content .gray-box ul li{position:relative;margin-top:8px;padding-left:12px;font-size:20px;color:#444;line-height:26px}
.ci-content .gray-box ul li::before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background-color: #aaa;}

.ci-content .top-tit{max-width: 1448px;margin: 0 auto;padding: 260px 24px 120px;font-size: 80px;font-family:'tj-medium';line-height: 104px;letter-spacing: -0.03em;}
.ci-content .title-top{display: flex;justify-content: center;align-items: center;min-height: 680px;padding: 0;background: url(../images/intro/img_ci_bg.png) no-repeat center / cover;}
.ci-content .title-top .inner{display: flex;flex-direction: column;align-items: center;}
.ci-content .title-top .inner p{margin-top: 0;margin-bottom: 40px;font-size: 32px;font-weight: 700;color: #fff;line-height: 42px;letter-spacing: -0.02em;text-align: center;}
.ci-content .title-top .btn-download a{border: 1px solid #fff;color: #fff;}
.ci-content .title-top .btn-download a{display: flex; justify-content: center; align-items: center;}

.ci-cont .inner .sub_tit{font-size: 48px;font-weight: 500;line-height: 58px;}
.ci-cont .inner .txt-box{margin-top: 24px;font-size: 22px;line-height: 32px;letter-spacing: -0.03em;}
.ci-cont .inner{max-width: 1448px;margin: 0 auto;padding: 0 24px; position: relative; z-index: 2;}
.add-font-word{display: none;}
.ci-cont.intro .ci-img{display: flex;align-items: center;justify-content: space-between;max-width: 1200px;margin: 0 auto;padding: 223px 0;}
.ci-cont.symbol{background: #F2FAFD;}
.ci-cont.symbol .symbol-detail{display: block;margin-top: 0;padding: 65px 0;text-align: unset;}
.ci-cont.symbol .symbol-detail .col{display: block;width: 100%;}
.ci-cont.symbol .symbol-detail .img-box{margin-top: 40px;margin-bottom: 0;text-align: center;}
.ci-cont.color .col{padding: 138px 0;}
.ci-cont.color .color-box{display: flex;gap: 20px;margin-top: 40px;}
.ci-cont.color .color-box .black-cont{flex: 1;padding: 30px 0 87px 24px;background: #000;}
.ci-cont.color .color-box .blue-cont{flex: 1;padding: 30px 0 87px 24px;background: #00AFEC;}
.ci-cont.color .color-box .color-desc p{font-size: 26px;font-weight: 500;color: #fff;line-height: 36px;letter-spacing: -0.03em;}
.ci-cont.color .color-box .color-desc:last-child{margin-top: 19px;}

.ci-cont.font{background:#CCEFFB url(../images/intro/img_ci_bg2.png) no-repeat center / cover;}
.ci-cont.font .title-sub .title-sm{display: block;font-size: 26px;font-weight: 700;color: #00AFEC;line-height: 36px;}
.ci-cont.font .title-sub .title-lg{display: block;margin-top: 24px;font-size: 68px;font-family: 'tj-bold';line-height: 82px;}
.ci-cont.font .title-sub p{margin-top: 40px;font-size: 32px;font-family: unset;line-height: 46px;letter-spacing: -0.02em;}
.ci-cont.font .font-download{padding: 179px 0;}
.ci-cont.font .font-download .btn-download{margin-top: 40px;}
.ci-cont.font .font-download .btn-download a{border: 1px solid #000;background: #fff;}
.ci-cont.typeface .swiper-container{overflow: hidden;padding: 77.5px 0;}
.ci-cont.typeface .swiper-wrapper{gap: 40px;justify-content: space-between;}
.ci-cont.typeface .swiper-slide{position: relative;width: 21%;height: 565px;border-radius: 12px;transition: width 0.1s ease;}
.ci-cont.typeface .swiper-slide::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);border-radius: 12px;}
.ci-cont.typeface .swiper-slide.active{width: 50%;}
.ci-cont.typeface .swiper-slide.active .txt-box{opacity: 1;}
.ci-cont.typeface .swiper-slide.active::after{background:none;}
.ci-cont.typeface .swiper-slide .txt-box{position: absolute;top: 50px;left: 60px;min-width: 322px;margin-top: 0;opacity: 0;transition: all ease 0.4s;}
.ci-cont.typeface .swiper-slide .txt-box strong{font-size: 48px;font-family:'tj-bold';color: #fff;line-height: 60px;letter-spacing: -0.04em;}
.ci-cont.typeface .slide1{background: url(../images/intro//img_ci4.png) no-repeat center / cover;}
.ci-cont.typeface .slide2{background: url(../images/intro//img_ci5.png) no-repeat center / cover;}
.ci-cont.typeface .slide3{background: url(../images/intro//img_ci6.png) no-repeat center / cover;}

/* 글꼴 */
.ci-cont.feature{background: #F8F8F8;}
.ci-cont.feature .inner{padding: 140px 24px 140px;}
.ci-cont.feature .font-detail{display: flex;flex-direction: column;gap: 120px;}
.ci-cont.feature .font-detail li{padding-bottom: 80px;border-bottom: 1px solid #DDDDDD;}
.ci-cont.feature .font-detail li:last-child{padding-bottom: 0;border-bottom: 0;}
.ci-cont.feature .font-detail li .emphasis{font-size: 24px;font-weight: 500;color: #00AFEC;line-height: 34px;letter-spacing: -0.02em;}
.ci-cont.feature .font-detail li .desc{margin-top: 24px;font-size: 22px;line-height: 32px;letter-spacing: -0.03em;}
.ci-cont.feature .font-detail li .ex-text{display: inline-block;margin-top: 48px;font-size: 80px;font-family: 'tj-bold';line-height: 104px;letter-spacing: -0.05em;}
.ci-cont.kind{background: #00AFEC;}
.ci-cont.kind .inner{position: relative;}
.ci-cont.kind .swiper-container{overflow: hidden;max-width: 1276px;margin: 0 auto;padding: 109px 0 217px;}
.ci-cont.kind .kind-detail.extra_bold > *{font-family: 'tj-ExtraBold';}
.ci-cont.kind .kind-detail.bold > *{font-family: 'tj-bold';}
.ci-cont.kind .kind-detail.medium > *{font-family: 'tj-medium';}
.ci-cont.kind .kind-detail.light > *{font-family: 'tj-light';}
.ci-cont.kind .kind-detail{color: #fff;text-align: center;}
.ci-cont.kind .kind-detail .tit{font-size: 68px;line-height: 82px;}
.ci-cont.kind .kind-detail .font_family{width: 606px;margin: 12px auto 0;padding: 8px 0;border: 1px solid #fff;font-size: 68px;line-height: 82px;}
.ci-cont.kind .kind-detail .desc{display: flex;flex-direction: column;gap: 12px;margin-top: 40px;}
.ci-cont.kind .kind-detail .desc span{display: block;font-size: 32px;line-height: 46px;letter-spacing: -0.02em;}
.ci-cont.kind .swiper-control{position: absolute;top: 50%;left: 50%;transform: translate(-50%, 50%);width: 100%;height: 48px;display: flex;justify-content: space-between;z-index: 1;}
.ci-cont.kind .swiper-button-prev{position: relative;left: unset;right: unset;width: 54px;height: 48px;background: url(../images/etc/ci_prev.svg) no-repeat center / 54px 48px;}
.ci-cont.kind .swiper-button-prev::after{content: none;}
.ci-cont.kind .swiper-button-next{position: relative;left: unset;right: unset;width: 54px;height: 48px;background: url(../images/etc/ci_next.svg) no-repeat center / 54px 48px;}
.ci-cont.kind .swiper-button-next::after{content: none;}
.ci-cont.kind .swiper-pagination{position: absolute;left: 50%;top: unset;bottom: 132px;max-width: 312px;height: 2px;background-color: rgba(255, 255, 255, 0.3);transform: translateX(-50%);}
.ci-cont.kind .swiper-pagination-progressbar-fill{background-color: #fff;}
.ci-cont br.mo{display: none;}

/* 유료곡 */
.customer .form-list .file-name-box{flex-wrap:wrap;}
.paid-song .inquiry-login h4 + p{padding-top:12px;font-size:16px; font-weight: 400; line-height:24px;}
.paid-song .form-list .inp_box .inp_base{height:64px;padding:17px 24px; font-weight: 400;}
.paid-song .form-list .type-add-btn{display:flex;gap:16px;}
.paid-song .form-list .type-add-btn .inp_box{flex:1;}
.paid-song .form-list .type-add-btn .btn_type2_l{width:200px;height:64px;}
.paid-song .form-list .type-add-num{display:flex;align-items:center;gap:16px;}
.paid-song .form-list .type-add-num .inp_box{flex:1;}
.paid-song .form-list .type-add-num .remain-time{width:200px;font-size:18px;font-weight:500;line-height:28px;}
.paid-song .customer .tit-box{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:80px;}
.paid-song .customer .tit-box .desc{font-size:18px;color:#444;line-height:28px;}
.paid-song .customer .tit-box .desc::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#00AFEC;vertical-align:3px;}
.paid-song .customer .info-box{margin-top:32px;padding:40px;}
.paid-song .customer .form-list{padding-top:0;}
.paid-song .customer .form-list h4{padding-top:80px;}
.paid-song .customer .form-list .radio-box{display:flex;gap:24px;padding-top:34px;}
.paid-song .customer .form-list .radio-box .form_wrap{margin-top:0;}
.paid-song .customer .form-list .chk-box{display:flex;gap:24px;padding-top:18px;}
.paid-song .customer .form-list .chk-box .form_wrap{margin-top:0;}
.paid-song .customer .form-list .chk-box .form_wrap input[type="checkbox"]+label{font-size:18px;font-weight:400;line-height:28px;}
.paid-song .customer .form-list .chk-box + .form-desc{padding-top:18px;}
.paid-song .customer .form-list .info_box{margin-top: 18px;padding: 8px 24px;background-color: #F2FAFD;}
.paid-song .customer .form-list .info_box p{font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
.paid-song .customer .form-list .info_box p span{font-weight: 700;}
.paid-song .customer .form-list dt{position:relative;}
.paid-song .customer .form-list dt .desc{top:52px;font-size:16px;font-weight:400;color:#666;line-height:24px;}
.paid-song .customer .form-list dt .desc::before{content:'';position:unset;display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#00AFEC;vertical-align:3px;}
.paid-song .form-list .inp_box .inp_base:read-only{font-weight:400;color:#aaa;}
.paid-song .customer .form-list dd{padding-top:15px;}
.paid-song .customer  .form-list .info-box + .radio-box{padding:51px 0 19px;}
.paid-song .customer .btn-wrap + .form-desc{margin-top:80px;}
.paid-song .customer .form-desc p{position:relative;padding-left:12px;font-size:16px;color:#666;line-height:24px;}
.paid-song .customer .form-desc p + p{margin-top:8px;}
.paid-song .customer .form-desc p::before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#BBB;}
.paid-song .customer .form-list .sel_box .sel_base{height:64px;}
.paid-song .preview .customer .info-box{margin-top:50px;}
.paid-song .preview .customer .txt-info{padding-top:50px;font-size:24px;font-weight:700;line-height:34px;}
.paid-song .preview .customer .txt-info span{border-bottom:1px solid #000;color:#00AFEC;}
.paid-song .preview .customer .txt-info + .form-list h4{padding-top:50px;}
.paid-song .preview .customer h5{padding-top:80px;font-size:28px;font-weight:700;line-height:38px;}
.paid-song .preview .customer .chk-box + .form-desc{padding-top:18px;}
.paid-song .preview .form-list .type-email .inp_box{width:100%;}
.paid-song .preview  .customer .form-list .form-desc{padding-top:12px;}
.customer .form-list .type-file .dis-flex .inp-file:read-only + label{border-color:#000;background:#fff;color:#000;}
.customer .form-list .type-email .inp_box .inp_base:read-only,
.customer .form-list .type-email .sel_box select:disabled{background-color:#EEE;font-weight:400;color:#aaa;}
.form_wrap input[type="checkbox"]:disabled+label,
.form_wrap input[type="radio"]:disabled+label{color:#666;}
/* .paid-song .customer .btn-wrap button{flex:1;width:unset;} */
.paid-song .preview .customer .form-desc.type2{padding-top:12px;}
.paid-song .customer .form-desc.type2 p{padding-left:0;font-size:14px;line-height:22px;}
.paid-song .customer .form-list .form-desc.type2 p::before{display:none;}
.paid-song .customer .form-desc.type2 + dd{padding-top:50px;}
.paid-song .preview .form_wrap input[type="radio"]:disabled+label::before{background:url(../../../resources/front/images/common/chkbox_off_dis.svg) no-repeat 0 0 / 24px 24px;}
.paid-song .preview .form_wrap input[type="radio"]:checked:disabled+label::before{background:url(../../../resources/front/images/common/chkbox_on_dis.svg) no-repeat 0 0 / 24px 24px;}
.paid-song .payment h4{padding:60px 0 32px;font-size:24px;line-height:34px;}
.paid-song .payment .payment-confirm h4{padding-top:50px;}
.paid-song .payment .payment-confirm > ul .top ul{display:flex;border-bottom:1px solid #000;text-align:center;}
.paid-song .payment .payment-confirm > ul .top ul li{font-weight:700;}
.paid-song .payment .payment-confirm > ul ul{display:flex;align-items:center; border-bottom: solid 1px rgba(238, 238, 238, 1);}
.paid-song .payment .payment-confirm > ul ul li{width:120px;padding:16px;font-size:20px;line-height:30px;word-break:break-word;}
.paid-song .payment .payment-confirm > ul ul .txt-song{width:280px;font-weight:700;}
.paid-song .payment .payment-confirm > ul ul li:last-child,
.paid-song .payment .payment-confirm > ul ul li:nth-last-child(2){width:154px;}
.paid-song .payment .payment-confirm .mo-only{display:none;}
.paid-song .payment .payment-detail ul{display:flex;align-items:center;padding:24px 32px;background:#F8F8F8;}
.paid-song .payment .payment-detail ul li{display:flex;flex-direction:column;gap:4px;text-align:center;width:172px;padding:24px 0;}
.paid-song .payment .payment-detail ul li:nth-child(2n){width:32px;font-size:26px;font-weight:500;line-height:36px;}
.paid-song .payment .payment-detail ul strong{font-size:24px;font-weight:400;line-height:34px;}
.paid-song .payment .payment-detail ul strong span{display:none;}
.paid-song .payment .payment-detail ul span{font-size:14px;color:#666;line-height:22px;}
.paid-song .payment .payment-detail ul .color-red strong,
.paid-song .payment .payment-detail ul .color-red span{color:#F33A62;}
.paid-song .payment .payment-detail ul .total span,
.paid-song .payment .payment-detail ul .total strong{color:#000;font-weight:700;}
.paid-song .payment .payment-method .radio-box{display:flex;gap:24px;padding-top:0;}
.paid-song .payment .inquiry-box{padding-top:100px;}
.paid-song .payment .inquiry-box h5{font-size:32px;font-weight:700;line-height:42px;}
.paid-song .payment .inquiry-box ul{display:flex;padding-top:32px;}
.paid-song .payment .inquiry-box li{flex:1;padding-left:60px;background:url(../../../resources/front/images/song/ico_sms.svg) no-repeat 0 0 / 40px 40px;}
.paid-song .payment .inquiry-box li:last-child{background-image:url(../../../resources/front/images/song/ico_channel.svg);}
.paid-song .payment .inquiry-box li strong{font-size:22px;font-weight:700;line-height:32px;}
.paid-song .payment .inquiry-box li p{padding-top:12px;font-size:22px;font-weight:500;line-height:26.25px; letter-spacing: -0.03em;}

.intro_news_detail.winner .detail-title-area h5{padding: 0 0 8px;font-family: "Pretendard";}
.intro_news_detail.winner .detail-title-area .date{font-size: 24px;font-weight: 500;color: #000;line-height: 34px;}
.intro_news_detail.winner .detail-title-area .date.update{font-size: 32px;font-weight: 700;color: #000;line-height: 42px;}
.intro_news_detail.winner .detail-content{padding: 54px 0 80px 0;}
.intro_news_detail.winner .detail-content .inner{max-width: 900px;margin: 0 auto;}
.winner-area .img-mo{display:none}
.winner-area img{width:100%}
.intro_news_detail.winner .chart-list-area{padding-top: 40px;}
.intro_news_detail.winner .chart-list-area .grid-item.pc{color: #000;}
.intro_news_detail.winner .chart-list-area .grid-container.top{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.intro_news_detail.winner .chart-list-area .grid-container.top .grid-item{padding: 20px 0;font-size: 24px;line-height: 34px;letter-spacing: 0;}
.intro_news_detail.winner .chart-list-area .grid-container.top .grid-item.num{grid-column: span 8;}
.intro_news_detail.winner .chart-list-area .grid-container.top .grid-item.song{grid-column: span 12;}
.intro_news_detail.winner .chart-list-area .grid-container.top .grid-item.singer{grid-column: span 5;}
.intro_news_detail.winner .chart-list-area .grid-container.top .grid-item.total{grid-column: span 4;}
.intro_news_detail.winner .chart-list-area .grid-container.list{border-bottom: 1px solid #ddd;}
.intro_news_detail.winner .chart-list-area .grid-container.list{padding: 8px 0;}
.intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.num{grid-column: span 8;}
.intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.song{grid-column: span 12;}
.intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.singer{grid-column: span 5;padding-left: 0;}
.intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.total{grid-column: span 4;font-size: 20px;font-weight: 500;line-height: 30px;}
.intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.total .mo-txt{display: none;}
.intro_news_detail.winner .chart-list-area .grid-container.list .grid-item p{font-family:'tj-medium';font-size: 22px;font-weight: 500;line-height: 32px;letter-spacing: 0;}

/* 약관 */
.terms-title{padding-top: 140px;}
.terms-title h1{font-family:'tj-medium'; font-size: 80px;color: #000;line-height: 95px;  letter-spacing: -0.03em;}
.terms-title p{margin-top: 40px;font-size: 24px;color: #000;line-height: 34px;letter-spacing: -0.02em;}
.terms-content{padding-top: 120px;}
.terms-content .terms-box{margin-top: 130px;}
.terms-content .terms-box:first-child{margin-top: 0;}
.terms-box h2{font-size: 32px;font-weight: 700;color: #000;line-height: 42px;letter-spacing: -0.02em;}
.terms-box h2 + .terms-detail{padding-top: 60px;}
.terms-box .terms-detail + .terms-detail{padding-top: 32px;}
.terms-detail .sub-tit{font-size: 24px;font-weight: 700;color: #000;line-height: 34px;letter-spacing: -0.02em;word-break: keep-all;}
.terms-detail .desc-list{padding-top: 12px;}
.terms-detail .desc-list li p{position: relative;padding-left: 22px;font-size: 16px;color: #444;line-height: 24px;letter-spacing: -0.02em;}
.terms-detail .desc-list li p::before{content:'';position: absolute;left: 10px;top: 10px;display: inline-block;width: 3px;height: 3px;border-radius: 100px;background: #444;}
.terms-detail .desc-list li .list-depth2{padding: 4px 0 4px 12px;}
.terms-detail .desc-list li .list-depth2 p{position: relative;padding-left: 10px;font-size: 14px;color: #666;line-height: 22px;letter-spacing: -0.02em;}
.terms-detail .desc-list li .list-depth2 p::before{content: none;}
.terms-detail .desc-list li .list-depth2 p::after{content: '-';display: inline-block;position: absolute;left: 0;top: 0;color: #666;}

/* 부정행위접수 */
.denial .terms-content .terms-box{margin-top: 80px;}
.denial .terms-content .terms-box:first-child{margin-top: 0;}
.terms-detail .desc-list li p a{color: #444;}
.terms-detail .desc-list li p a.link-mail{display: inline-block;position: relative;}
.terms-detail .desc-list li p a.link-mail::after{content: '';display: inline-block;position: absolute;right: -20px;top: 50%;width: 16px;height: 16px;background: url(../images/etc/icon_mail.svg) no-repeat center / 16px;transform: translateY(-50%);}

/* 개인정보취급방침 */
.terms-box .terms-detail.pt-32{padding-top: 32px;}
.regulation-list li div.desc-list{padding-top: 4px;}
.regulation-list li div.desc-list p{position: relative;padding-left: 10px;font-size: 16px;color: #444;line-height: 22px;letter-spacing: -0.02em;}
.regulation-list li div.desc-list p::before{content:'';position: absolute;left: 0px;top: 10px;display: inline-block;width: 3px;height: 3px;border-radius: 100px;background: #444;}
.regulation-list li div.desc-list p a{margin-left: 4px;font-size: 16px;color: #444;line-height: 24px;letter-spacing: -0.02em;}
.terms-detail .regulation-list li .ex-txt{padding-top: 4px;font-size: 16px;color: #444;line-height: 24px;letter-spacing: -0.02em;}
.terms-detail .regulation-list li .ex-txt.bk{font-size: 18px;line-height: 28px;color: #000;}
.list-ex{display: block;padding: 4px 0 12px 14px;}
.list-ex span{display: block;font-size: 14px;color: #666;line-height: 22px;letter-spacing: -0.02em;}
.list-tit{margin-top: 12px;font-size: 16px;font-weight: 700;color: #000;line-height: 24px;}

/* 내부정보관리규정 */
.info .terms-title{padding-bottom: 80px;}
.terms-detail .desc-txt{margin-top: 12px;font-size: 18px;color: #000;line-height: 28px;letter-spacing: -0.02em;}
.terms-detail .regulation-list{display: flex;flex-direction: column;gap: 12px;margin-top: 12px;}
.terms-detail .regulation-list li div{display: flex;align-items: start;font-size: 18px;color: #000;line-height: 28px;letter-spacing: -0.02em;}
.terms-detail .regulation-list li div > span{margin-right: 5px;}
.terms-detail .regulation-list li .sub-desc{display: flex;align-items: start;padding-top: 4px;padding-left: 14px;font-size: 14px;color: #666;line-height: 22px;letter-spacing: -0.02em;}
.terms-detail .regulation-list li .sub-desc span{margin-right: 5px;}
.terms-detail .regulation-list li .date{padding-left: 14px;}
.terms-detail .regulation-list li .list-depth2{padding-top: 4px;}
.terms-detail .regulation-list li .list-depth2 li p{padding-left: 5px;font-size: 16px;color: #444;line-height: 24px;letter-spacing: -0.02em;}
.terms-detail .regulation-list.gap-24{gap: 24px;}
.terms-detail .end{margin-top: 32px;}

/* 유료곡등록 */
.inquiry_area{margin-top: 100px;}
.inquiry_area .inner-tit{font-size: 32px;font-weight: 700;line-height: 42px;letter-spacing: -0.02em;}
.inquiry_area .inner-tit .mo{display: none;}
.inquiry_category{display: flex;margin-top: 32px;}
.inquiry_category .category_cont .inner{display: flex;align-items: start;gap: 20px;}
.inquiry_category .category_cont .inner i{display: inline-block;width: 40px;height: 40px;}
.inquiry_category .category_cont .inner i.sms{background: url(../images/song/icon_sms.svg) no-repeat center / 40px;}
.inquiry_category .category_cont .inner i.talk{background: url(../images/song/icon_talk.svg) no-repeat center / 40px;}
.inquiry_category .category_cont .inner .txt-in p{font-size: 22px;font-weight: 700;line-height: 32px;}
.inquiry_category .category_cont .inner .txt-in span{display: inline-block;margin-top: 12px;font-size: 22px;font-weight: 500;line-height: 26.25px;letter-spacing: -0.03em;}
.inquiry_category .category_cont .inner .txt-in span a{font-weight: 500; font-size: 22px; line-height: 26.25px; letter-spacing: -0.03em;}
.paid .warning-content{margin-top: 120px;}
.paid .guide_txt{margin-top: 80px;font-size: 20px;line-height: 30px;letter-spacing: -0.02em;text-align: center;}
.paid .guide_txt .mo{display: none;}
.paid .btn-wrap button{width: 400px; height: 80px;font-size: 24px;line-height: 34px; margin:0 auto;}
.form_wrap input[type="checkbox"]:checked+label{font-weight: bold;}
.music-search-area .form_wrap input[type="checkbox"]:checked+label{font-weight: bold;}
.paid{padding-top:120px;}
.paid>.inner{max-width:1488px;margin:0 auto; padding: 0 24px 0px 24px;}
.paid h4{font-family:'tj-bold';font-size:48px;line-height:57.28px;letter-spacing:-.02em;text-align:center;white-space: nowrap;}
.paid h4 + p{padding-top:40px;font-size:24px;line-height:34px;letter-spacing:-.02em;text-align:center;}
.paid .paid-img-box{padding-top:120px;}
.paid .paid-img-box p span{font-weight:700;}
.paid .paid-img-box ul:nth-child(1){display:flex;gap:20px;flex-wrap:wrap;justify-content:start;padding-top:40px;}
.paid .paid-img-box ul:nth-child(2){display:flex;gap:20px;flex-wrap:wrap;justify-content:end;padding-top:40px;}
.paid .paid-img-box ul.img-list2{display:none;}
.paid .paid-img-box ul li{max-width:400px;width:29%;}
.paid .paid-img-box ul li.margin{margin-right:9%;}
.paid .paid-banner{margin-top:80px;padding:120px;background:#F2FAFD;}
.paid .paid-banner .inner{display:flex;gap:50px; max-width: 1440px; margin:0 auto; justify-content: space-between;}
.paid .paid-banner .txt-box{width:584px;}
.paid .paid-banner h4{text-align:left;}
.paid .paid-banner p{padding-top:32px;text-align:left;}
.paid .paid-banner .img-box{flex:1;max-width:824px;}
.paid .paid-info{position:relative;margin-top:120px;padding:120px 0;background:linear-gradient(107.19deg, #72C9FF 3.58%, #4864F7 40.15%, #7C55EC 70.76%, #E836D3 99.02%);}
.paid .paid-info::before{content:'';position:absolute;left:0;top:0;width:314px;height:541px;background:url(../../../resources/front/images/song/bg_info.png) no-repeat 50% 50% / 100%;opacity:0.2;}
.paid .paid-info::after{content:'';position:absolute;right:0;bottom:0;width:524px;height:496px;background:url(../../../resources/front/images/song/bg_info2.png) no-repeat 50% 50% / 100%;opacity:0.2;}
.paid .paid-info p{padding-top:32px;}
.paid .paid-info .txt-box{z-index:1;position:relative;color:#fff;}
.paid .btn-wrap{margin-top:80px;}
.paid .inquiry_area{display:flex;gap:200px;margin-top:20px;padding:40px 80px;background:#F8F8F8;}
.paid .inquiry_area h4{font-size:32px;line-height:42px;text-align:left;}
.paid .inquiry_area .inquiry_category{gap:200px;flex:1;margin-top:0;}
.paid .inquiry_category .category_cont .inner{padding:0;}

/* 유료곡등록 개인정보수집동의 */
.paid_process{padding-top: 50px;}
.paid_process h4{font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-size: 32px;font-weight: 700;line-height: 42px;letter-spacing: -0.02em; margin-top: 30px; text-align: left;}
.paid_process .process_list{margin-top: 32px;}
.process_list{display: flex;gap: 12px;}
.process_list li{display: flex;flex-direction: column;align-items: center;max-width: 100%;min-width: 120px;flex: 1;}
.process_list li:nth-child(2n){max-width: 38.5px;min-width: 38.5px;}
.process_list li .line{display: inline-block;width: 20px;height: 2px;margin-top: 30px;background: #000;}
.process_list li .step-detail{padding: 52px 8px 0;}
.process_list li .step-detail strong{display: block;font-size: 18px;line-height: 28px;letter-spacing: -0.02em;text-align: center;}
.process_list li .step-detail span{display: block;margin-top: 4px;font-size: 22px;line-height: 32px;letter-spacing: -0.03em;text-align: center;word-break: keep-all;}
.process_list li .step-detail p{position: relative;margin-top: 4px;padding-left: 16px;font-size: 16px;color: #666;line-height: 24px;letter-spacing: -0.02em;}
.process_list li .step-detail p::before{content: '';display: inline-block;position: absolute;left: 4px;top: 8px;width: 4px;height: 4px;border-radius: 100%;background: #bbb;}
.paid .form-list{margin-top: 80px;}
.paid .form-list .form-tit{font-size: 32px;font-weight: 700;line-height: 42px;letter-spacing: -0.02em;}
.paid .form-list .personal-info{overflow-y: auto;max-height: 200px;margin-top: 32px;padding: 24px;background: #f8f8f8;font-size: 18px;line-height: 28px;letter-spacing: -0.02em;}
.paid .form-list .personal-info span{color: #F33A62;}
.paid .form-list .personal-info i{color: #F33A62;}
.paid .form-list .personal-info i.black{color: #000;}
.paid .form-list .form_wrap{margin-top: 24px;}
.paid .form-list .form_wrap input[type="checkbox"]+label{font-size: 20px;font-weight: 400;line-height: 30px;}
.paid .form-list .form_wrap input[type="checkbox"]:checked+label{font-weight: bold;}
.paid .form-list .form_wrap input[type="checkbox"]+label::before{top: 2px;}
.paid.agree .btn-wrap{margin-top: 80px;}

/* 유료곡 등록 */
.add-content{padding:80px 0 30px 0; display: flex; flex-direction: column; gap:8px}
.add-content p{display: flex; align-items: start; gap: 8px; font-size:16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em; color:rgba(102, 102, 102, 1);}
.add-content p span{width: calc(100% - 12px);}
.add-content p::before{position: relative; top: 8px;content: '';  width: 4px; height: 4px; border-radius: 50%; background-color: rgba(187, 187, 187, 1);}
.receipt-details{max-width:1440px;margin:0 auto;padding:120px 24px 0}
.paid-song-list{margin-top:50px}
.paid-song-list .grid-container{display:grid;grid-template-columns: repeat(28, 1fr);}
.paid-song-list .grid-container.top{border-bottom:1px solid #444}
.paid-song-list .grid-container.list{border-bottom:1px solid #ddd; padding:20px 0;}
.paid-song-list .grid-item.pc{color:#000}
.paid-song-list .grid-item.title{grid-column:7 / span 8}
.paid-song-list .grid-item.singer{grid-column:15 / span 5}
.paid-song-list .grid-item.state{grid-column: 20 / span 6}
.paid-song-list .grid-item.state li{font-size:20px;line-height:30px;}
.paid-song-list .grid-item.state li span{display:inline-block;width:57px;margin:3px 0;padding:3px;border-radius:500px;border:1px solid #2C3038;font-size:12px;font-weight:500;line-height:18px;vertical-align: top;box-sizing: border-box; font-family:'tj-medium';}
.paid-song-list .grid-item.pay{padding-right:24px}
.paid-song-list .grid-item.pay button{margin:4px 0}
.paid-song.update{max-width: 850px;}
.paid.agree{max-width: 850px; margin:0 auto;}
.paid-song-list .grid-item p{font-size:20px;font-weight:400;;line-height:30px;letter-spacing:-.4px;}
.paid-song-list .grid-item .mo-only{display:none}
.paid-song-list .grid-item .flag{font-family:'tj-bold'; display:inline-block;width:84px;padding:3px;border-radius: 500px;font-size:14px;color:#fff;line-height:22px;box-sizing: border-box;}
.paid-song-list .grid-item .flag1{background-color:#00AFEC}
.paid-song-list .grid-item .flag2{background-color:#FF5200}
.paid-song-list .grid-item .flag3{background-color:#F33A62}
.paid-song-list .grid-item .flag4{background-color:#888}
.paid-song-list .grid-item .flag5{background-color:#487FE0}
.paid-song-list .grid-item .flag6{background-color:#9673D1}
.paid-song-list .grid-item .flag7{background-color:#45B5B5}
.paid-song-list .grid-item.title p{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;font-weight:700;}


/* 소개 */
.intro-visual{overflow:hidden;height:100vh;background:#000; position: relative;}
.intro-visual .rotate-div{transform: rotate(-15deg)}
.intro-visual .loopslide{position:absolute;bottom:-120px;left:0;right:0;width:120%}
.intro-visual .loopslide ul{display:flex;gap:15px;}
.intro-visual .loopslide ul + ul{margin-top:25px}
.intro-visual .loopslide ul li{position:relative;flex:none;width:calc(25% - 15px);padding-top:18%;opacity:0;transition:opacity 0.5s ease-in-out}
.intro-visual .loopslide ul li.show{opacity: 1;}
.intro-visual .loopslide ul li span{position:absolute;left:0;right:0;bottom:0;top:0;background-size:cover;}
.intro-visual .intro-title{position:relative;z-index:1;justify-content: start;align-items:start;padding-top:200px;padding-left:12.5%}
.intro-visual .intro-title h1{font-family:'tj-medium';font-size:80px;font-weight:500;line-height: 104px;text-align: left;}
.intro-visual .intro-title h1 span{display:flex;align-items: center;}
.intro-visual .intro-title h1 em{display:block;width:93px;height:65px;margin-right:4px;background:url(../images/intro/tj.svg) no-repeat center / 100% 100%; color:transparent}
.intro-sec1 .inner{padding:170px 6.25% 0}
.intro-sec1 .item-wrap{display:flex;flex-direction:column;gap:240px}
.intro-sec1 .item-wrap .item{display:flex;justify-content:space-between;align-items: center}
.intro-sec1 .thumb{overflow:hidden;flex:1}
.intro-sec1 .case1{flex-direction:row-reverse}
.intro-sec1 .case1 .thumb{overflow:hidden;border-radius:100px}
.intro-sec1 .case1 .thumb img{width:100%}
.intro-sec1 .case1 .text{padding-left:6.25%}
.intro-sec1 .text{flex:1;word-break: keep-all;}
.intro-sec1 .text strong{display:block;font-size:80px;line-height:96px;}
.intro-sec1 .text p{margin-top:40px;font-size:30px}
.intro-sec1 .case2 .text{padding-right:6.25%;text-align:right}
.intro-sec1 .swiper-container{overflow:hidden;height:100%;}
.intro-sec1 .swiper-slide{position:relative;width:100%;padding-top:100%;border-radius:50% 0 50% 50%}
.intro-sec1 .swiper-slide .inbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;position:absolute;top:0;left:0;right:0;bottom:0}
.intro-sec1 .swiper-slide.slide1{background:url(../../../resources/front/images/intro/intro_sec1_bg2.jpg) no-repeat center / cover;}
.intro-sec1 .swiper-slide.slide2{background:url(../../../resources/front/images/intro/intro_sec1_bg3.jpg) no-repeat center / cover;}
.intro-sec1 .swiper-slide.slide3{background:url(../../../resources/front/images/intro/intro_sec1_bg4.jpg) no-repeat center / cover;}
.intro-sec1 .swiper-slide.slide4{background:url(../../../resources/front/images/intro/intro_sec1_bg5.jpg) no-repeat center / cover;}
.intro-sec1 .list-img{max-width:60%;opacity: 0;}
.intro-sec1 .list-img img{max-height:100%;object-fit: cover; scale: 1.2;}
.intro-sec1 .list-img img.scale1-3{scale: 1.5;}
.intro-sec1 .list-text{color:#fff;text-align: center;opacity: 0;}
.intro-sec1 .list-text span{display:block;font-family:"kudryashev-d-contrast-sans";font-size:54px}
.intro-sec1 .list-text p{font-size:22px;font-weight:500}
.intro-sec1 .controls{display:flex;align-items:center;gap:16px;position:absolute;bottom:54px;left:50%;transform: translateX(-50%);z-index: 10;}
.intro-sec1 .swiper-pagination{position:unset;font-size:18px;color:#fff;line-height:28px}
.intro-sec1 .swiper-pagination-current{font-weight:700}
.intro-sec1 .swiper-pagination-bullets.swiper-pagination-horizontal{flex:none;width:96px;height:14px}
.intro-sec1 .swiper-pagination-bullet{width:14px;height:14px;margin:0 5px !important;background:rgba(255,255,255,0.3);vertical-align: top;}
.intro-sec1 .swiper-pagination-bullet-active{background:#fff}
.intro-sec1 .swiper-slide-active .list-img {animation:imgFadeUp 2s 0.5s forwards}
.intro-sec1 .swiper-slide-active .list-text {animation:textFadeUp 2s 0.8s forwards}
@keyframes imgFadeUp {
    0%{transform: translateY(30%)}
    100%{transform: translateY(0);opacity: 1;}
}
@keyframes textFadeUp {
    0%{transform: translateY(30%)}
    100%{transform: translateY(0);opacity: 1;}
}
.intro-sec2 .inner{padding:230px 0 66.86px}
.intro-sec2 .title-area{padding-left:12.5%}
.intro-sec2 .title-area strong{display:block;font-size:80px;line-height:96px;}
.intro-sec2 .title-area p{margin-top:40px;font-size:30px;line-height:42px;}
.intro-sec2 .prd-flow{overflow:hidden;margin-top:18px;}
.intro-sec2 .prd-flow .swiper-slide{width:532px;height:553px}
.intro-sec2 .prd-flow .swiper-slide a{ pointer-events: none;}
.intro-sec2 .prd-flow .img{text-align:center}
.intro-sec2 .prd-flow strong{display:block;padding:45px;margin-top:24px;border-top:1px solid #1681FF;font-size:32px;line-height:42px;text-align: center;}
.intro-sec3{overflow:hidden;position:relative;height:100vh;min-height:900px;background-color:#000;}
.intro-sec3 .title-wrap{z-index:2;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:40px;color:#fff;text-align: center;}
.intro-sec3 .title-wrap strong{position:relative;z-index:1;font-size:80px;font-weight:700;line-height:96px;letter-spacing: -2.4px;}
.intro-sec3 .title-wrap p{position:relative;z-index:1;font-size:32px;line-height:46px;word-break: keep-all;}
.intro-sec3 .bg-flow.top .bg1{position:absolute;top:86px;left:11.77%;z-index: 1;}
.intro-sec3 .bg-flow.top .bg1-1{position:absolute;top:0;left:25.15%}
.intro-sec3 .bg-flow.top .bg2{position:absolute;top:45px;right:0}
.intro-sec3 .bg-flow.btm .bg1{position:absolute;bottom:0;left:2.96%;z-index: 1;}
.intro-sec3 .bg-flow.btm .bg2{position:absolute;bottom:173px;right:2.86%}
.intro-sec4 .inner{padding:150px 12.5% 0}
.intro-sec4 .title{display:block;font-size:80px;letter-spacing:-2.4px;}
.intro-sec4 .item-wrap{display:flex;flex-direction: column;align-items:center;gap:80px;margin-top:120px}
.intro-sec4 .item-wrap .item{display:flex;align-items:center;gap:130px}
.intro-sec4 svg{position:absolute;width:0;height:0}
.intro-sec4 .thumb{flex:none}
.intro-sec4 .thumb1{overflow:hidden;border-radius: 240px 0px 240px 240px;}
.intro-sec4 .thumb2 .clipped{width:100%;height:500px;clip-path: url(#my-clip-path);}
.intro-sec4 .thumb3 .clipped{width:100%;height:500px;clip-path: url(#my-clip-path2);}
.intro-sec4 .item.right{flex-direction:row-reverse}
.intro-sec4 .item.right .text{text-align:right}
.intro-sec4 .text strong{display:block;font-size:60px;letter-spacing:-3.6px;}
.intro-sec4 .text span{display:block;margin-top:16px;font-size:32px;font-weight:500;line-height:42px;word-break: keep-all;}
.no-list{font-size: 20px; font-weight: 400; line-height: 30px; color: #000; text-align: center; padding: 105px 10px;flex: auto;}
/* 에디터 오버라이더 영역 */
@media all and (max-width:1690px) {
    .fadin-img li{width: 40%;}
    .fadin-img li:nth-child(3){width: 22%;}


}

@media all and (max-width:1576px) {
    .quick-menu .btn_quick_close{top:15px; right: 15px;}
    .room-title-area{width: 350px;}
    .room-title-area p{font-size: 59px; line-height: 70px; padding-top: 100px; }
    .room-list{flex: 2; width: calc(100% - 350px); justify-content: center;}
    .pin-title{font-size: 290px;}
    .bottom-link li a{font-size: 12px;}
    .bottom-content p{font-size: 12px;}
    .etc-link li a{font-size: 12px;}
    .last-item p{font-size: 12px;}
    .bottom-inner{grid-template-columns: 1fr 570px 265px;}
}
@media all and (max-width:1500px) {
    /* 소개 */
    .intro-sec1 .list-img{max-height:30%}
}
@media all and (max-width:1450px) {
    .song-wrap .card-list-box li{margin-right:25%;}
}
@media all and (max-width:1476px) {

    .sns-link li a{display: flex; width: 40px; height: 40px; border-radius: 50%;}
    .sns-link li a.shopping{background: url('../../../resources/front/images/common/shopping.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a.youtube{background: url('../../../resources/front/images/common/youtube.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a.blog{background: url('../../../resources/front/images/common/blog.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a.facebook{background: url('../../../resources/front/images/common/facebook.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a.instagram{background: url('../../../resources/front/images/common/instagram.svg') no-repeat center; background-size: 40px 40px;}

    .sns-link li a:hover.shopping{background: url('../../../resources/front/images/common/hover_shopping.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a:hover.youtube{background: url('../../../resources/front/images/common/hover_youtube.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a:hover.blog{background: url('../../../resources/front/images/common/hover_blog.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a:hover.facebook{background: url('../../../resources/front/images/common/hover_facebook.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link li a:hover.instagram{background: url('../../../resources/front/images/common/hover_instagram.svg') no-repeat center; background-size: 40px 40px;}
    .sns-link{gap: 0 9px;}
    .bottom-img-link{padding-top: 27px;}
    .history h2{width: 40%;}

    .case-title.case4 strong{font-size: 55px;}
    .case-title strong{font-size: 55px;}
    .case-title .case-item>p{font-size: 20px;}
    .product-intro .product-con .top p{font-size: 210px;}
    .chart-category .chart-item li a{padding: 17px 0px;}
}
@media all and (max-width:1488px){
    .apply-bg{left: unset; right: 0;}
    .category ul a{font-size: 18px;}
}


@media all and (max-width:1290px) {

    /* guide */
    .card3>img{width: 100%;}
    .card8>img{width: 100%;}
    .card_new4>img{width: 100%;}
    .card4>img{width: 100%;}
    .card5>img{width: 100%;}
    .link-card-ico{width: 87px;}
    .link-card-ico2>div{width: 134.67px;}
    .tab_sticky2 .swiper-slide{min-width: 62px; max-width: 600px; flex: 0 0 auto !important;}
    .text-flex{font-size: 16px;}
    .font-18px{font-size: 16px;}
    .form_wrap input[type="radio"]+label {display:inline-block;padding-left:34px;font-size:16px}
    .form_wrap input[type="radio"]:checked+label::before{width: 20px; height: 20px;background: url(../../../resources/front/images/common/radio_on.svg) no-repeat 0 0 / 20px 20px;}
    .form_wrap input[type="radio"]+label::before{width: 20px; height: 20px;    background: url(../../../resources/front/images/common/radio_off.svg) no-repeat 0 0 / 20px 20px;}
    .jobs-sec.talent li .pos{width: 200px;}
    .layer_wrap .pop_con .con_box .sub_tit{font-size: 16px; font-weight: 400; line-height: 24px;}
    .layer_wrap .pop_con .con_box .desc{font-size: 16px !important; font-weight: 400; line-height: 24px;}
    .prd-detail .tab-section .category ul{justify-content:start !important;}
    .prd-detail .tab-section .tab_sticky2.size-full{overflow: hidden; margin:0 -24px; }
    .prd-detail .tab-section .tab_sticky2.size-full.two{overflow: hidden; margin:0 !important; }
    .type2 .type-a.type-b .grid-item.title3 p.no-ico{display: block;}
    .flex-box P.no-ico{display: block;}
    .data-ico {cursor: pointer;content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 16px;width: 16px;height: 16px;background: url(../../../resources/front/images/common/calendar-icon.svg) no-repeat center;background-size: 16px 16px;}
    header.fixed{height: 60px;}
    header.fixed .top-area{height: 60px;}
    .text-pc{display: none !important;}
    .flow-img-area {animation: none;}
    .flow-img-area.mo {animation: flowAnimation 100s linear infinite; animation-timing-function: linear;}
    .bg-recent-ani ul.mo li:nth-child(1){left: unset;}
    .bg-recent-ani ul.mo li:nth-child(2){left: unset;}
    .bg-recent-ani ul.mo li:nth-child(3){top:unset; left:unset;  }
    .bg-recent-ani ul.mo li:nth-child(4){bottom:unset; left: unset;}
    .bg-recent-ani ul.mo li:nth-child(5){top:unset; transform: unset; right: unset; }
    .bg-recent-ani ul.mo li:nth-child(6){bottom:unset; left: unset; }
    .bg-recent-ani ul.mo{display: flex; width: 4683px; overflow: hidden;}
    .bg-recent-ani ul.mo li{ position: relative;  flex: 1 1 0;}
    .flow-img-area.mo {
        animation: flowAnimation 100s linear infinite;
    }

    @keyframes flowAnimation {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-100%);
        }
    }
    .type2 .chart-list-area.music.type-a.type-b{padding-top: 24px;}
    .text-mo{display: block !important;}
    .no-list{font-size: 14px; padding:54px 0; }
    .g-content{flex-direction: column; width: 100%;}
    .mo-br{display: block;}
    .terms-title p br{display: none;}
    .white .title-nav .title{min-height: 194px; padding-top: 0;height: auto;}
    .ellips-p{width: 100%;}
    .ci-cont.font{background:#CCEFFB url('') no-repeat center / cover; position:relative; overflow: hidden;}
    .add-font-word{display: block;}
    .add-font-word li{position: absolute;}
    .add-font-word li:nth-child(1){top:-12%; right: 6%;}
    .add-font-word li:nth-child(2){top:37%; left: -100px;}
    .add-font-word li:nth-child(3){bottom:-14%; right: -65px;}
    .add-font-word li span{font-family:'tj-bold'; font-size: 207.51px; font-weight: 700; color: #fff; opacity: 0.5;}
    /* datepicker */
    .ui-datepicker{width:auto;max-width:370px;padding:17px 17px 11px; top:624px !important}
    .ui-datepicker .ui-datepicker-header{padding:0 0 11px 0}
    .ui-datepicker .ui-datepicker-title{font-size:18px;line-height:28px;}
    .ui-datepicker th{padding:10px;font-size:14px}
    .ui-datepicker td span, .ui-datepicker td a{width:42px;padding:10px;font-size:14px}
    .ui-icon{width:17px;height:17px}
    .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{background-size:17px 17px}

    /* alert_pop */
    .alert_pop .pop_con{width: 100%; padding:0 24px;  z-index: 9999;}
    .alert_pop .pop_con .con_box .message{padding:32px 24px; font-size: 16px; line-height: 24px;  }
    .alert_pop .pop_con .con_box .btn_wrap{ width: 100%; margin-top:0; background-color: #000 ; }
    .alert_pop .pop_con .con_box .btn_wrap button{ padding:13px 0; font-size: 20px; line-height: 30px; font-weight: 700; color: #fff;}


    /*header*/
    .pc-header{display: none;}
    .header-layout-m{display: block;}
    .mix .header-layout-m{display: block;}
    .white .header-layout-m{background: unset;}
    .white .header-layout-m .m-sub-btn{color: #000;}


    /* layout */
    .content-box{padding: 60px 24px 0 24px;}
    .black section.item{padding-top: 0; padding-bottom: 80px;}
    .black section.item h4{font-size:24px; line-height: 34px;}
    .white section.item h4{font-size:24px; line-height: 34px;}
    section.item{padding-top: 0; padding-bottom: 80px;}
    section.item h4{font-size:24px; line-height: 34px;}
    .black .item-content p{font-size: 60px; font-weight: 500; letter-spacing: -0.04em; color: #666;}
    .white .item-content p{font-size: 60px; font-weight: 500; letter-spacing: -0.04em; color: #666;}
    .black .item-content{height: 390px;}
    .content .content-box::after{content: ''; display: block; position: absolute; z-index: -1; top: 60px; left: 0; width: 100%; height: 380px; background-color: #000;}

    /* footer */
    .mix .top-inner{background-color: #000; padding-top: 48px;}
    .mix .footer.new .top-inner{background-color: #000;}
    .mix .footer.new .item-link>li button{color: #fff;}
    .mix .new .footer-btn .ico{background: url(../../../resources/front/images/common/footer_select.png) no-repeat center;}
    .mix .new .item-link li.on .footer-btn .ico{background: url(../../../resources/front/images/common/footer_select.png) no-repeat center;}
    .new .top-inner .item-link>li .bar{background-color:rgba(68, 68, 68, 1) ;}
    .mix .new .top-inner .item-link>li a{color: #fff;}
    .etc-link li:nth-child(2)::after{display: none;}
    .top-inner .footer-link{border-bottom: solid 1px #444;}
    .top-inner.no-pd{display: none;}
    .item-link>li{position: unset;}
    li.on .footer-btn-item{width: 100%; top:48px}
    .white .top-inner .item-link>li .footer-btn-item-link li a{font-size: 14px; line-height: 24px; font-weight: 400;}
    .white .item-link>li button{background: transparent; color: #fff;}
    .footer-wrap{background-color:#000;}
    .white .item-link li .footer-btn .ico {background: url(../../../resources/front/images/common/drop_ico.svg) no-repeat center;background-size: 16px 16px;transition: transform 0.3s ease;}
    .white .item-link li.on .footer-btn .ico {background: url(../../../resources/front/images/common/drop_ico.svg) no-repeat center;background-size: 16px 16px;transform: rotate(180deg);}
    .flex-bottom{align-items: center;}
    .footer-link li ul{justify-content: space-evenly; position: relative;}
    .black .footer-wrap{width: 100%;}
    .bottom-wrap{padding: 32px 24px;}
    .black .top-inner .item-link>li a{font-size: 16px; font-weight: 500; line-height: 24px;}
    .footer-btn{gap:8px}
    .top-inner{padding:0px 24px 0 24px;}
    .footer-link>li{display: none ;}
    .footer-link>li.item-link-box{display: block; width: 100%;}
    .top-inner .footer-link{padding: 48px 24px 12px 24px;justify-content: center; }
    .white .top-inner .footer-link{position: relative; background-color: #000;}
    .top-inner.white .item-link>li .bar{background-color: #444;}
    .white .top-inner .item-link>li a{color: #fff;}
    .white .top-inner .item-link>li .footer-btn-item-link li a{color: #000;}
    .bottom-inner{display:grid; grid-template-rows:3fr; grid-template-columns: 1fr; text-align: center; gap: 0; }
    .first-item{grid-column: auto / span 2;}
    .second-item{grid-column: auto / span 3; padding-right: 0;}
    .first-item{grid-row: 1 ; padding-right: 0;}
    .bottom-link{justify-content: center;}
    .bottom-content p.part{flex-wrap: wrap; justify-content: center; padding-top: 4px;gap: 4px 0; flex-direction: column;}
    .mo-span span:last-child::after{display: none;}
    .mo-span::after{display: none !important;}
    .etc-link{justify-content: center;}
    .sns-link{justify-content: center;}
    .footer-logo{width: 67.2px;height: 28px; padding-bottom: 0; margin-bottom: 32px; top:unset}
    .bottom-link li a{font-size: 14px; font-weight: 500; line-height: 22px;}
    .bottom-img-link{ justify-content: center;flex-wrap: wrap; padding: 24px 0 32px 0; gap: 12px 16px;}
    .bottom-img-link li:first-child a img{width: auto;}
    .bottom-content p.part span br {display: none;}
    .bottom-content h6{ padding-bottom: 4px; font-size: 20px; font-weight: 500; color: #fff; line-height: 30px; justify-content: center;}
    .bottom-content p{font-size: 12px; line-height: 18px;}
    .bottom-content p.part.new{flex-direction: column;}
    .bottom-content p.part.new span::after{display: none;}
    .etc-link{padding: 32px 0;}
    .etc-link li{display: none;}
    .etc-link li.mo{display: block;}
    .etc-link li a{font-size: 16px; font-weight: 500; line-height: 24px;}
    .sns-link li a img{width: 40px; height: 40px;}
    .last-item p{padding-top:32px ; font-weight: 400; line-height: 18px; font-size: 12px; color: #fff; text-align: center;}
    .top-inner .fixed_area a{padding-bottom: 48px;}
    .top-inner .item-link>li a::after{display: none;}
    .top-inner .nav-link li a::after{display: none;}
    .white .fixed_area {display: flex; align-items: center; justify-content: center; padding:80px 0 48px 0;}
    .white .fixed_area a{display: block; width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow_btn.svg') no-repeat center; background-size: 40px 40px;}
    .white .fixed_area a{color: #fff;}

    .mix .fixed_area {display: flex; align-items: center; justify-content: center; padding:80px 0 48px 0;}
    .mix .new .fixed_area {display: flex; align-items: center; justify-content: center; padding:80px 0 48px 0; background-color: #fff;}
    .mix .fixed_area a{display: block; width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow-white.svg') no-repeat center; background-size: 40px 40px;}
    .mix .new .fixed_area a{display: block; width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow_btn.svg') no-repeat center; background-size: 40px 40px;}
    .mix .fixed_area a{color: #fff;}

    .black .fixed_area {display: flex; align-items: center; justify-content: center; padding:80px 0 48px 0;}
    .black .fixed_area a{display: block; width: 40px; height: 40px; background: url('../../../resources/front/images/common/arrow-white.svg') no-repeat center; background-size: 40px 40px;}
    .black .fixed_area a{color: #fff;}

    /* quick menu */
    .aside-quick-menu{display: none;}

    /* 카테고리 */
    .size-full .category ul{display: flex; align-items: center; gap:0}
    /* .tab_sticky2.size-full .swiper-slide{flex: none;} */
    .product-intro .tab_sticky2{margin: 32px 0 0 0;padding-left: 0;}
    .tab_sticky2{padding-bottom: 24px; margin: 0 -24px; padding-left: 24px; }
    .tab_sticky2.two .swiper-slide{    flex: 1 1 auto !important;}
    .tab_sticky2.two{padding-bottom: 24px; margin: 0 ; padding-left: 0;}
    .category{padding-top :40px }
    .category ul{justify-content: start; gap:0}
    .category ul a{padding: 0 15px; font-size: 16px; line-height: 24px; height: 44px;}
    .category ul a:hover{padding: 0 15px;transition: 0s; background-color:transparent;font-weight: 400;     color: #000;}
    .category ul a.on{ padding: 0 15px;background-color: #000;color: #fff; }
    .title-select-area .item{display: none;}
    .tab_sticky2 .category{opacity: 0;}
    .tab_sticky2.two .category{opacity: 1;}


    /* title-nav */
    .mo-br{display: block;}
    .title-wrap{height: auto; min-height: 290px;}
    .sub-bg{width: calc(100% - 48px); height: 80px;}
    .title-nav {position: relative; z-index: 2; padding: 12px 24px 32px 24px; display: block; background-color: #000;}
    .title-nav .title p{padding-top: 8px; font-size: 14px; font-weight: 300; line-height: 15.4px;}
    .title-nav .title h3{padding-bottom: 0px; font-size: 32px; font-weight: 700; line-height: 46px;}
    .title-nav .tab .fixed ul li a.on{color: #fff;}
    .title-nav .tab .fixed ul li a.on{color: #000;}
    .title-nav .tab ul li a.on::after{content: ''; display: block; position: absolute; bottom:2px; width: 100%; height: 2px; background-color: #fff;}
    .black .title-nav {position: relative; z-index: 2; padding: 12px 24px 32px 24px; display: block; background-color: #000;}
    .black .title-nav .title p{font-size: 14px; font-weight: 400; line-height: 22px;}
    .black .title-nav .title h3{padding-bottom: 24px; font-size: 32px; font-weight: 700; line-height: 46px;}
    .black .title-nav .tab ul li a.on{color: #000;}
    .black .title-nav .tab ul li a.on{color: #fff;}
    .black .title-nav .tab ul li a.on::after{content: ''; display: block; position: absolute; bottom:2px; width: 100%; height: 2px; background-color: #fff;}
    .white .ir-content .title-nav {position: relative; z-index: 2;padding: 0px 0 40px 0; display: block; background-color: unset;}
    .white .title-nav {position: relative; z-index: 2;padding: 12px 24px 28px 24px; display: block; background-color: unset; height: auto;}
    .white .title-nav .title p{padding-top: 0; font-size: 14px; font-weight: 300; line-height: 22px;}
    .white .title-nav .title h3{padding:84px 0 8px 0;  font-size: 32px; font-weight: 700; line-height: 46px;}
    .white .title-nav .tab ul li a.on{color: #fff;}
    .white .title-nav .tab ul li a.on{color: #000;}
    .white .title-nav .tab ul li a.on::after{content: ''; display: block; position: absolute; bottom:2px; top:unset; width: 100%; height: 2px; background-color: #000;}
    .white .title-nav .tab ul li.on a.on::after{content: ''; display: block; position: absolute; bottom:2px; top:unset; width: 100%; height: 2px; background-color: #fff;}

    /* 사이트맵 */
    .employ-title.site{padding: 24px 0 100px 0;}
    .site-map-wrap{gap:0;}
    .site-map-wrap>li strong{font-size: 24px; line-height: 34px; padding-bottom: 24px;}
    .site-map-wrap .item>li>a{color: #666; font-weight: 500; font-size: 16px; line-height: 24px;}
    .site-map-wrap .item>li>a:hover{color: #666;}
    .site-map-wrap .item.ico li a::after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: url(../../../resources/front/images/common/site_map_link.svg) no-repeat center;
        background-size: 16px 16px;
    }
    .site-map-wrap .item.ico li:last-child{flex: 1;}
    .site-map-wrap .item{gap: 16px 0; padding-bottom: 0; border-bottom: 0;}
    .site-map-wrap>li{padding:28px 24px; border-bottom: solid 1px #DDDDDD;}
    .site-map-wrap .item>li{width: 50%;}

    .item2 li a{font-size: 14px; line-height: 22px; color:rgba(68, 68, 68, 1) ;}
    .item2 li a:hover{font-size: 14px; line-height: 22px; color:rgba(68, 68, 68, 1) ;}
    .item2{gap:4px 0; padding-top: 8px;}
    .item2 li::before{    background-color: rgba(68, 68, 68, 1);}
    .item2 li:hover::before{background-color: rgba(68, 68, 68, 1);}
    /* 연혁 */
    .pc-aside{display: none;}
    .mo-aside{display: block;}
    .wild-bg{display: none;}
    .history-title.wild-name{display: block; padding:84px 0 60px 24px; text-align: left; font-family:'tj-bold'; font-size: 40px; line-height: 46px;}
    .history-title{display: none; padding: 24px 0 32px 0; text-align: center; font-size: 32px; line-height: 46px;}
    .history-wrap{flex-direction: column;gap:0; padding-top: 0;padding-right:0;}
    .history-wrap aside{width: calc(100% - 24px); margin:0; padding:0 12px ; z-index: 3;  order: 0; top: unset; bottom:12px;  background-color: transparent;}
    .history-area{order: 1; padding:0}
    .history-nav.swiper-wrapper{display: flex; }
    .history-nav li a span{opacity: 1;}
    .history-nav .swiper-slide{width: auto;}
    .mo-aside .history-nav li a{ position: relative; gap: 0; display: block;}
    .mo-aside .history-nav li a.on::after{position: relative; content: '';  display: block;width: 100%;height: 2px;border-radius: 50%;border: unset;background-color: rgba(0, 175, 236, 1);}
    .mo-aside .history-nav li a::after{display: none;}
    .history-nav li a span{font-size: 16px; font-weight: 400; line-height: 24px; color:rgba(255, 255, 255, 0.5); letter-spacing: -0.02em;}
    .history-nav li a.on span{font-size: 16px; font-weight: 700; line-height: 24px; color:rgba(0, 175, 236, 1) ; letter-spacing: -0.02em;}
    .history-area .history-bg {width: 100% !important; height: 400px !important; border-radius: 0 !important; margin-top: 0; height: 400px;padding: 0 0 40px 24px;background: url('../../../resources/front/images/intro/history_mo_bg.png') no-repeat center; background-size: cover;}
    .history-area .history-bg p{opacity: 1; font-size: 16px; line-height: 24px; letter-spacing: -0.03em;}
    .history.case1{padding-top: 80px;}
    .case1 .history-item{flex-direction: column; align-items: center; gap:56px; top:0}/*-52px*/
    .case2 .history-item{flex-direction: column; align-items: center; gap:28px; top:0} /*-90px*/
    .case3 .history-item{flex-direction: column; align-items: center; gap:0px; top:0} /*-130px*/
    .case4 .history-item{flex-direction: column; align-items: center; gap:20px; top:0}/*-96px*/
    .history{padding: 0 24px}
    .history h2{position: relative; left:unset; transform: translateX(0); width: auto; font-size: 80px; line-height: 80px; padding-bottom: 10px;}
    .case2 .time-area img {position: relative;border-radius: 70px; top:0px; width: 100%;}
    .history-wrap .case3 .time-area img{width: 100%; min-width: 310px; min-height: 310px; top:0px}
    .history.case3 h2{left: 30%;}
    .history.case1 h2{left: 40px;}
    .year-info-box>li{flex-direction: column; gap:16px}
    .year-info-box li strong{font-size: 24px; line-height: 31.2px;}
    .year-info-item{gap:16px}
    .year-info-box{gap:56px; width: 100%;}
    .year-info-item li .month{font-size: 16px; line-height: 24px;}
    .year-info-item li .content{font-size: 16px; line-height: 24px;}
    .time-area .min{width: 20px; height: 20px;}
    .time-area .hour{width: 20px; height: 20px;}
    .time-area .hour::after{width: 6px; height: 90px; bottom:10px}
    .time-area .min::after{width: 3px; height: 124px; bottom:10px;}
    .history.case2{padding:80px 24px 0 24px;}
    .history.case2 h2{padding:0 16px 10px 16px;}
    .history.case2 h2 span{margin-left:40px;}
    .history.case3 {padding:80px 24px 0}
    .history.case3 h2{left:51px;}
    .history.case3 h2 span{margin-left:40px;}
    .history.case4 {padding-top: 50px;}
    .history-wrap .history h2{position: absolute;}
    .nav.swiper-container{overflow: hidden; padding:12px 24px; border-radius: 25px; background-color:rgba(0, 0, 0, 0.8) ; }
    .year-info-item>li{gap:16px}
    .time-area.case3{padding:0;}
    .history.case4{padding:80px 24px 40px 24px;}
    .history.case4 h2{left:40px;}
    .history.case4 h2 span{margin-left:25px;}
    .history.case1 .history-item{padding-top: 115px;}
    .history.case2 .history-item{padding-top: 75px;}
    .history.case3 .history-item{padding-top: 65px;}
    .history.case4 .history-item{padding-top: 76px;}
    .year-time-box{padding:0 16px; width: 100%;}
    .time-area img{width: 100%;}
    .case4 .time-area img{border-radius: 30px; top:0px; width: 100%;}
    .time-area{width: 100%;}

    /* 스토리 */
    .story-list-wrap .news-card-list li .img{height: auto;}
    .story-list-wrap .news-card-list.new-story li .img{height: auto; }
    .story-pos{position: relative;}
    .story.swiper-container{margin-top: 60px;}
    .story-img-area{height: auto;}
    .story-info{padding-bottom: 20px;}
    .story-info-item{margin-top: 20px;}
    .story-info-item p{font-size: 18px; line-height: 28px;}
    .story-info-item strong{font-size: 18px; line-height: 28px;}
    .story.prev-next-button{position: relative; justify-content: flex-end; gap: 8px;}
    .story-form form{flex-direction: column;}
    .story.swiper-button-prev:after{content: '' !important; display: block; width: 38px; height: 38px; background: url('../../../resources/front/images/etc/story_prev.svg') no-repeat center; background-size: 38px 38px;}
    .story.swiper-button-next:after{content: '' !important; display: block; width: 38px; height: 38px; background: url('../../../resources/front/images/etc/story_next.svg') no-repeat center; background-size: 38px 38px;}
    .story.swiper-button-next{position: relative !important;width: 38px !important;height: 38px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: #fff; border-radius: 50%;}
    .story.swiper-button-prev{position: relative !important;width: 38px !important;height: 38px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: #fff; border-radius: 50%;}
    .flex-colum-box.story .inp_box.search{margin: 40px 0 0 0;}
    .story-form .select{width: 100%;}
    .story-pos{width: 100%;}
    .story-form .select select{width: 100%;font-size: 16px;font-weight: 400;line-height: 22px;}
    .intro_news .inp_box.story-form.search .inp_base{width: 100%; font-size: 16px; line-height: 23px;}
    .intro_news .story .page-area.search-plus {padding: 40px 0 12px 0;}
    .song_ing .detail-content.story{padding: 32px 0px 80px 0;}

    .story-wrap{padding-top:93px;}
    .story-wrap .story-title{font-size:40px;line-height:56px; font-weight: 700;}
    .story-bg{width:100% !important;height:336px !important;margin-top:60px;border-radius:0 !important;}
    .story-img-ani{width: calc(100% - 48px); top:60px; left:50%; transform: translateX(-50%); right: unset;}
    .story-bg p{padding:40px 24px;font-size:16px;font-weight:500;line-height:24px;}

    /* 고객지원 - 자주하는 질문 */
    .intro_news.customer{padding-top:0;}
    .intro_news.customer .category{padding-top:40px; padding-right: 24px;}
    .intro_news.customer .page-area{padding-top:0;}
    .customer .faq-list li.on{background-color: transparent;border:solid 1px #00AFEC}
    .customer .faq-list li{padding:24px 16px;  }
    .customer .faq-list li .question-box{padding:0 40px 0 30px;font-size:16px;line-height:24px;}
    .customer .faq-list li .question-box button{width:24px;height:24px;}
    .customer .faq-list li .answer-box{margin-top:16px;padding:0 0 0 30px;font-size:16px;line-height:24px;}
    .customer .faq-list li .question-box::before,
    .customer .faq-list li .answer-box::before{top:0;font-size:24px;-webkit-transform:unset;-moz-transform:unset;-o-transform:unset;transform:unset;}
    .customer .process-guide .price-info ol p{margin-top:8px;}
    /* 고객지원 - 접수 완료팝업 */
    .con_box.type3 .content{padding:32px 24px}
    .as-title{font-size: 18px; line-height: 28px;}
    .black-type{ font-size: 16px; line-height: 24px;}
    .gray-type{font-size: 16px; line-height: 24px;  }

    /* 영수증출력 팝업 */
    .con_box.type3{padding: 24px;}
    .receipt-info ul li .category{padding-top: 0;}
    .receipt-info ul li .category p{font-size: 16px;line-height: 24px;}
    .receipt-info ul li .category span{font-size:16px;line-height: 24px;}
    .receipt-info .dot-txt p{font-size: 14px;line-height: 22px;}

    /* 고객지원 - 1:1 문의 */
    .intro_news.customer .inp_box{width: 100%; margin: 0 auto;}
    .customer{padding:60px 24px 0;}
    .customer.scale-wd2{padding:60px 24px 0;}
    .customer.scale-wd{padding:60px 24px 0;}
    /* .customer .category{padding-top:0; margin:0 -24px; padding-left: 24px;} */
    .customer .category{padding-top:0; padding-right: 24px;}
    .customer .tab_sticky2.two .category{padding-right: 0;}
    .customer .info-box{margin-top:0;padding:20px;}
    .customer .info-box strong{font-size:20px;line-height:30px;}
    .customer .info-box strong::before{width:24px;height:24px;vertical-align:-5px ;}
    .customer .info-box p{display: block; margin-top:12px;padding-left:12px;font-size:14px;line-height:22px;}
    .customer .info-box .btn-faq{display:block;position:unset;margin-top:24px;padding:11px;font-size:16px;line-height:24px;text-align:center;}
    .customer h4{font-size:24px;line-height:34px;}
    .customer .form-list .form-desc p + p{margin-top:4px;}
    .customer .form-list .desc{position:unset;padding-top:4px;font-size:14px;font-weight:300;line-height:22px;}
    .customer .form-list dt{padding-top:32px;font-size:18px;line-height:28px;}
    .customer .form-list dd{padding-top:12px;}
    .customer .form-list .inp_box input[type="text"]{font-size:16px;font-weight:400;line-height:24px;}
    .customer .form-list .inp_box input[type="text"]::placeholder,
    .customer .form-list .inp_box input[type="password"]::placeholder,
    .customer .form-list .textarea_box textarea::placeholder{font-size:16px !important;line-height:24px;letter-spacing:-1px;}
    .customer .form-list .sel_box .sel_base{font-size:16px;font-weight:400;line-height:24px;}
    .customer .form-list .textarea_box textarea{font-size:16px;line-height:24px; font-weight: 400;}
    .customer.type2 .form-list.type2 .textarea_box textarea{font-size:16px;line-height:24px; font-weight: 400;}
    .customer .form-list .type-email{flex-wrap:wrap;gap:16px 8px;}
    .customer .form-list .type-email .inp_box{width:calc(50% - 16.5px);}
    .customer .form-list .type-email .sel_box{width:100%;}
    .customer .form-list .type-email span{font-size:16px;}
    .customer .form-list .form-desc{padding-top:16px;}
    .customer .form-list .form-desc p{word-break: keep-all; font-size:14px;line-height:22px;}
    .customer .form-list .type-file .dis-flex{flex-wrap:wrap;gap:12px;}
    .customer .form-list .type-file .dis-flex .inp_box{width:100%;}
    .customer .form-list .type-file .dis-flex label{width:100%;font-size:16px;line-height:46px;}
    .customer .form-list .file-name-box div{padding:0 28px 0 12px;font-size:16px;line-height:34px;}
    .customer .form-list .file-name-box div .btn-close{top:5px;right:3px;}
    .customer .form-list .personal-info{font-size:16px;line-height:24px;}
    .customer .form-list .form_wrap input[type="checkbox"]+label{padding-left:28px;font-size:16px;line-height:24px;}
    .customer .form-list .form_wrap input[type="checkbox"]+label::before{width:20px;height:20px;margin-top:-10px;background-size:20px;}
    .customer .form-list .flex-box2{flex-direction: column; align-items: start; gap:4px; padding-top: 32px;}
    .customer .btn-wrap{gap:8px;padding-top:40px;}
    .customer.type2 .btn-wrap{gap:8px;padding-top:40px; margin-bottom: 40px;}
    .customer .inquiry-login .btn-wrap button{width: 100%;}
    .customer .btn-wrap button{height:56px;font-size:20px; width: 100%; }
    .customer .btn-wrap a{width: 100%; height:56px;line-height:56px; font-size: 16px; }
    .customer .inquiry-login h4{padding-top:0;}
    .inquiry-list .grid-container.top .grid-item.pc{color:#fff;}
    .inquiry-list .chart-list-area .grid-container.list{border-bottom: 0;}
    .customer .inquiry-login .form-list dd{padding-top:12px}
    .customer .inquiry-list .chart-list-area{padding-top:0;}
    .customer .inquiry-list .grid-container.top{border-bottom: 0; border-top: 0;}
    .customer .inquiry-list .chart-list-area li:nth-child(2) .list{margin-top:0;}
    .customer .inquiry-list .list{grid-template-columns:auto auto auto auto;margin-top:12px;padding:24px 16px;border:0;background:#F8F8F8;}
    .customer .inquiry-list .grid-container.list .grid-item{grid-column:1 / span 6;padding:0;font-size:16px;font-weight:700;line-height:24px;text-align:left;}
    .customer .inquiry-list .grid-container.list .grid-item.state{grid-column:1 / span 4;}
    .customer .inquiry-list .list .grid-item.num{display:none;}
    .customer .inquiry-list .list .grid-item.title{padding:12px 0;font-size:18px;font-weight:500;line-height:28px; ;}
    .customer .flag{width: 57px; height: 24px; font-size:12px;line-height:24px; text-align: center; }
    .customer .inquiry-detail .detail-cont .flag{width: 39px; height: 20px; line-height: 22px; font-size: 12px;  font-family:'tj-light';}
    .customer .inquiry-list .grid-container.list .grid-item:last-child{grid-column:6 / sapn 1;font-size:14px;font-weight:400;color:#666;line-height:22px;text-align:right;}
    .customer .inquiry-detail .tit-box span{font-size:20px;line-height:30px;}
    .customer .inquiry-detail .tit-box h4{padding-top:8px;font-size:24px;line-height:34px;}
    .customer .inquiry-detail .customer-info{margin-top:16px;padding:0;}
    .customer .inquiry-detail .customer-info dl{width:100%;padding:12px 0;}
    .customer .inquiry-detail .customer-info dl:nth-child(3){border-bottom: solid 1px rgba(102, 102, 102, 1);}
    .customer .inquiry-detail .customer-info dl dt{width:70px;}
    .customer .inquiry-detail .detail-cont .inquiry-box,
    .customer .inquiry-detail .detail-cont .answer-box{padding:24px 20px;}
    .customer .inquiry-detail .detail-cont .answer-info{display:block;padding:12px 20px;}
    .customer .inquiry-detail .detail-cont .answer-info dl{padding:0; border:0;}
    .customer .inquiry-detail .detail-cont .txt{padding-top:16px;}
    .customer .inquiry-detail .btn-wrap{padding-top:32px;}
    .detail-pd{padding-top:60px;}

    /* 고객지원 - AS 절차안내 */
    .customer .process-guide .process-list li:first-child{padding-left: 24px;}
    .customer .process-guide .process-list.type-call{padding: 24px 0 0 0;}
    .customer .process-guide .process-list{flex-direction: column; gap: 32px 0; padding:24px 0;}
    .customer .process-guide .price-info{padding-top: 80px;}
    .customer .process-guide .process-list li:last-child{padding-right: 24px;}
    .customer .process-guide .process-list.type-call li:last-child{padding-right: 24px;}
    .customer .process-guide .process-list li>div::after{position: relative; margin:0; top:unset; right:unset; bottom:unset; transform: translateY(0); width: 26px; height: 26px;     background: url(../../../resources/front/images/customer/ico_visit_step.jpg) no-repeat center;   background-size: 26px 26px;}
    .customer .process-guide .process-list.two li>div::after{padding-left: 14px; position: relative; margin:0; top:unset; right:unset; bottom:unset; transform: translateY(0); width: 26px; height: 26px;     background: url(../../../resources/front/images/customer/ico_call_step.jpg) no-repeat center;   background-size: 26px 26px;}
    .customer .process-guide .process-list li>div{min-height: auto; padding: 0; display: flex; align-items: center; justify-content: space-between;}
    .customer .process-guide .process-list li>div>div{padding-right: 5px;}

    .customer .process-guide .process-list.type-call.two li:last-child::after{display:none;}
    .customer-content {padding:60px 0 16px 0;font-size: 24px;line-height: 31.2px;}
    .customer .process-guide h4{font-size:32px;line-height:42px;}
    .customer .process-guide h4 + h5{padding-top:24px;}
    .customer .process-guide h5{ padding-top:80px;font-size:24px;line-height:34px;}
    .customer .process-guide .process-list.type-call li{flex:1}
    .customer .process-guide .process-list.type-call li:first-child{padding:20px 24px;}
    .customer .process-guide .process-list li{padding:20px 24px ;  width: 100%;}

    .customer .process-guide .process-list li::before{margin: unset; width: 100px; height: 100px; background: url(../images/customer/ico_visit_step.png) no-repeat center; background-size: 100px 100px;}
    .customer .process-guide .process-list li::after{width: 24px;height: 24px;right: unset;left: calc(50% - 12px);rotate: 90deg;transform: translateX(-50%);top: unset;bottom: -40px;}
    .customer .process-guide .process-list.two li:after{width: 24px;height: 24px;right: unset;left: calc(50% - 12px);rotate: 90deg;transform: translateX(-50%);top: unset;bottom: -40px;}
    .customer .process-guide .process-list li strong{font-family:'tj-bold'; font-weight: 700; font-size:16px;line-height:24px; padding: 0;}
    .customer .process-guide .process-list li span{display: block; text-align: left; font-size:18px;line-height:28px; font-weight: 700;}
    .customer .process-guide .process-list.type-call.no::before{display: none;}
    .customer .process-guide .process-list + h5{padding-top:80px;}
    .customer .process-guide .process-list.type-call.no li{padding:0 0 80px;}

    .customer .process-guide .price-info ol{display:block;padding-top:24px;}
    .customer .process-guide .price-info ol > li{padding:48px 24px;margin-bottom:24px;}
    .customer .process-guide .price-info ol > li:last-child{margin-bottom:0;}
    .customer .process-guide .price-info ol li span{width:36px;height:36px;font-size:18px;}
    .customer .process-guide .price-info ol li strong{padding-top:32px;font-size:24px;line-height:34px;}
    .customer .process-guide .price-info ol > li ul{padding-top:16px;}
    .customer .process-guide .price-info ol li li{margin-bottom:0;}
    .customer .process-guide .price-info ol > li ul li + li{margin-top:8px;}

    /* 고객지원 - 서비스센터 찾기 */
    .customer .find-center.agency .location-wrap .list-area .list-box li .detail .address{padding-top:12px;}
    .customer .find-center.agency .location-wrap .list-area .list-box li .detail dl{padding-top:12px;}
    .customer .find-center h4{display:none;}
    .customer .find-center .location-wrap .list-area .list-box li .detail .address .btn-copy{width:16px;height:16px; background-size: 16px 16px;}
    .customer .find-center .top-wrap{gap:0;flex-wrap:wrap;margin-top:0;background:transparent;}
    .customer .find-center .info-box{width:100%;padding:20px;}
    .customer .find-center .call-box{position:absolute;left:0;top:0;display:flex;width:100%;margin:0;}
    .customer .find-center .call-box span{display:block;width:calc(100% - 183px);word-break:keep-all;}
    .customer .find-center .call-box strong{display:block;width:183px;padding-top:0;padding-top:10px;font-size:32px;line-height:42px;text-align:right;}
    .customer .find-center .location-wrap{position:relative;flex-direction:column-reverse;gap:24px;padding-top:128px;}
    .customer .find-center .location-wrap .list-area{width:unset;}
    .customer .find-center .location-wrap .only-mobile{display:flex;justify-content:space-between;}
    .customer .find-center .location-wrap .only-mobile{display:flex;justify-content:space-between;}
    .customer .find-center .location-wrap .only-mobile h4{display:block;}
    .customer .find-center .location-wrap .only-mobile .btn-map{padding-left:28px;font-size:16px;font-weight:700;line-height:24px;background:url(../images/customer/ico_map.svg) no-repeat 0 50% / 24px;}
    .customer .find-center .location-wrap .list-area .sel_box{padding-top:0; margin-top: 24px;}
    .customer .find-center .location-wrap .list-area .search-box{flex-wrap:wrap;gap:16px;}
    .customer .find-center .location-wrap .list-area .search-box .inp_box{width:100%;}
    .customer .find-center .location-wrap .list-area .search-box button{width:100%;height:56px;font-size:20px;line-height:30px;}
    .customer .find-center .location-wrap .list-area .list-box{max-height:1894px;padding-top:32px;}
    .customer .find-center .location-wrap .list-area .list-box li{padding:24px 16px;}
    .customer .find-center .location-wrap .list-area .list-box li .detail strong{font-size:20px;font-weight:700;line-height:30px;}
    .customer .find-center .location-wrap .list-area .list-box li .detail dl{display:block;}
    .customer .find-center .location-wrap .map-area{display:none;width:100%;}
    .customer .find-center .location-wrap.on .map-area{display:block; height: 450px;}

    .customer .find-center.agency .location-wrap{padding-top:0;}
    .customer .find-center.agency .btn-wrap{gap:4px;padding-top:24px;}

    /* 고객지원 - 제품 매뉴얼 */
    .intro_news.customer .menual-data{padding-top:60px;}
    .customer .menual-data .inp_box.search{margin-top:0px;}
    .customer .menual-data .page-area .page{font-size:16px;line-height:24px;}
    .customer .menual-data .page-area .page span{font-size:18px;font-weight:700;line-height:28px;}
    .customer .menual-data .list li{width:100%;padding:24px 60px 24px 16px;}
    .customer .menual-data .list li .flag{width:68px; font-size: 14px;}
    .customer .menual-data .list li strong{font-size:20px;line-height:30px;}
    .customer .menual-data .list.type-all li strong{width:calc(100% - 92px);}
    .customer .list li .btn-download{right:16px;width:24px;height:24px;margin-top:-12px;}

    /* 고객지원 - 포스터/속지 */
    .customer .poster-download .poster-box{padding-top:0; flex-direction: column;}
    .customer .poster-download .poster-box .img-box{width: 100%;height: 100%;max-height: 100%;text-align: center;}
    .customer .poster-download .poster-box .list{width:100%;}
    .customer .poster-download .poster-box .list li{padding:24px 56px 24px 16px;font-size:16px;font-weight:500;line-height:24px;}

    /* 고객직원 - TJ매니저(업주용)앱 */
    .customer .manager-app h4{font-size:24px;font-weight:700;line-height:34px;}
    .customer .manager-app .desc{margin-top:0;font-size:20px;line-height:30px;}
    .customer .manager-app .pc-br{display:inline;}
    .customer .manager-app .img-box{display:none;}
    .customer .manager-app .img-box.mo{display:block;margin-top:40px;}
    .customer .manager-app .img-box.mo img{width:100%;}
    .customer .manager-app .wide + .img-box.mo{margin-top:60px;}
    .customer .manager-app .btn-app{width:unset; height: 56px; margin-top:40px;font-size:20px;line-height:30px;}
    .customer .manager-app .dis-flex.pd-100{padding-top: 80px; gap: 40px;}
    .customer .manager-app .dis-flex.pd-100 .pc{display: none;}
    .customer .manager-app .dis-flex.pd-100 .mo{display: block;}
    .porcess-item ul li.last .item{padding-bottom: 40px;}
    .porcess-item ul li.last .item:last-child{border-bottom: 0; }
    .item-wrap2 .item p br{display: none;}
    .porcess-item ul li{border-bottom: 0;}
    .item-wrap2 .item{border-bottom: solid 1px #DDDDDD;}
    .customer .manager-app .dis-flex .txt-box .txt-list li p span{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em;}
    .txt-list li {width: calc(50% - 24px);}
    .item-wrap2{padding:60px 0 0 0; flex-direction: column;gap: 60px 40px;}
    .item-wrap2 .item{width: 100%; padding-bottom: 40px;}
    .item-wrap2 .item p{font-size: 16px; line-height: 24px; word-break: keep-all;}
    .item-wrap2 .item span{padding-top: 24px;}
    .item-wrap2 .item strong{font-size: 20px; line-height: 30px; padding-bottom: 12px;}
    .customer .manager-app .dis-flex{gap:60px;flex-direction:column;padding-top:0px;}
    .customer .manager-app .dis-flex .img-box,
    .customer .manager-app .dis-flex .txt-box{width:100%;}
    .customer .manager-app .dis-flex .img-box{margin-top:0;}
    .customer .manager-app h5{margin-top:80px;font-size:32px;line-height:46px;text-align:left; letter-spacing: 0; word-break: keep-all;}
    .customer .manager-app h5 br{display: none;}
    .customer .manager-app .dis-flex .txt-box span{padding-top:24px;font-size:24px;line-height:34px;}
    .customer .manager-app .dis-flex .txt-box p{padding-top:24px;font-size:16px;line-height:24px; letter-spacing: -0.02em;}
    .customer .manager-app .dis-flex .txt-box p + p{padding-top:12px;}
    .customer .manager-app .dis-flex .txt-box ul{padding-top:12px;}
    .customer .manager-app .dis-flex .txt-box ul.txt-list{padding-top: 0;}
    .customer .manager-app .dis-flex .txt-box ul li + li{margin-top:4px;}
    .customer .manager-app .function-list{gap:24px;padding:0 24px;}
    .customer .manager-app .function-list li{width:calc(50% - 12px);line-height:24px;}
    .customer .manager-app .function-list li::before{top:10px;}
    .customer .manager-app .info-box{margin-top:80px;}
    .customer .info-box ol{padding-top:12px;}

    /* 고객지원 - 피난도안내 등록 */
    .customer.evacuation{padding-top:0;}
    .customer .evacuation-add .top-box{padding:60px 24px 210px;}
    .customer .evacuation-add .top-box p{z-index:1;position:relative;padding-top:24px;font-size:16px;line-height:24px; color: rgba(255, 255, 255, 1); word-break: keep-all;}
    .customer .evacuation-add .top-box p + p{padding-top:18px;}
    .customer .evacuation-add .top-box::after {
        content: '';
        display: block;
        position: absolute;
        width: 150px;
        height: 100px;
        background: url(../../front/images/customer/exit.svg) no-repeat center;
        background-size: 150px 100px;
        bottom: 60px;
        right: 24px;
    }
    .customer .evacuation-add h4{font-size:24px;line-height:34px;}
    .customer .evacuation-add .img-box{flex-wrap:wrap;gap:20px;padding-top:12px;}
    .customer .evacuation-add .img-box img{width:100%;}
    .customer .evacuation-add .desc{margin-top:12px;font-size:12px;line-height:22px; word-break: keep-all;}
    .customer .evacuation-add .btn-evacuation{width:100%;height:56px;font-size:20px;line-height:56px;}
    .customer.big{padding:0}

    /* AS지원 */
    .faq-wrap{height:238px}
    .faq-wrap .tab_sticky{margin-top: 24px;}
    .faq-wrap .inner{padding:84px 24px 0px}
    .faq-wrap .title h1{font-size: 36px;font-weight: 700;line-height: 46px}
    .faq-wrap .title p{padding-top: 8px;font-size: 14px;line-height: 22px;letter-spacing: -.28px;}
    .faq-wrap .icons{top: 60px;width:101px;right: 5.5%;}
    .faq-wrap .icons .ico1{width:62px;height:65px}
    .faq-wrap .icons .ico2{top:22px;width:62px;height:65px}
    .faq-wrap .icons .ico3{top:60px;left:55px;width:13px;height:15px}
    .faq-wrap .icons .ico4{top:77px;right: 35px;width:25px;height:17px}

    .faq-wrap .icons.business{width: 150px;right: 8.5%;}
    .faq-wrap .icons.business .ico1{left: 0%; top: 80px;width: 9.91px; height: 9.91px;}
    .faq-wrap .icons.business .ico2{left: 13%; top: 59px;width: 21.23px; height: 21.23px;}
    .faq-wrap .icons.business .ico3{ top: 65px;left: 24%;width: 74.3px; height: 83.58px;}
    .faq-wrap .icons.business .ico4{right: 0%; top: 39px;width: 25.19px; height: 25.19px;}
    .faq-wrap .icons.business .ico5{top: 88px;right: 0%;width: 14.6px; height: 15.23px;}
    .faq-wrap .icons.business .ico6{top: 127px; right: 0%;width: 66.23px; height: 33.14px;}


    /* 영업지원 */
    .faq-wrap .icons.sales{top: 55px;right: 26px;width: 108px;}
    .faq-wrap .icons.sales .ico1{top: 0;right: unset;left: 21px;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico2{top: 0;right: 0;left: unset;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico3{top: 44px;right: unset;left: 21px;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico4{top: 44px;right: 0;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico5{top: 70px;left: 0;width: 35px;height: 9px;}

    /* 대리점찾기 */
    .faq-wrap .icons.agency{top: 114px;width: 160px;}
    .faq-wrap .icons.agency .ico1{top: -11px;left: 80px;right: unset;width: 55px;height: 31px;}
    .faq-wrap .icons.agency .ico2{top: 7px;left: 75px;width: 128px;height: 31px;}
    .faq-wrap .icons.agency .ico3{top: 0;left: 15px;right: unset;width: 93px;height: 72px;}
    .faq-wrap .icons.agency .ico4{top: 34px;left: 118px;right: unset;z-index: 2;width: 24px;height: 24px;}
    .faq-wrap .icons.agency .ico5{top: 29px;left: 140px;width: 48px;height: 48px;}
    .faq-wrap .icons.agency .ico6{top: 48px;left: 65px;width: 64px;height: 31px;}
    .faq-wrap .icons.agency .ico7{top: 74px;left: 96px;width: 75px;height: 31px;}
    .faq-wrap .icons.agency .ico8{top: 61px;left: 169px;width: 16px;height: 24px;}
    .faq-wrap .icons.agency .ico9{top: 86px;left: 50px;width: 75px;height: 31px;}
    .faq-wrap .icons.agency .ico10{top: 91px;left: 116px;width: 64px;height: 31px;}

    /* 채용 - 채용공고 */
    .employ{padding:60px 24px 0;}
    .employ .category{padding-top:0;}
    .employ .page-area{display:none;}
    .employ .chart-list-area{padding-top:0;}
    .employ .grid-container.top{display:none;}
    .employ .grid-container.list{margin-top:12px;padding:24px 16px;border:0;background:#F8F8F8;}
    .employ .chart-list-area li:nth-child(2) .list{margin-top:0;}
    .employ .list .grid-item{padding:4px 0 0 0;font-size:unset;line-height:unset;text-align:left;}
    .employ .list .grid-item:first-child{grid-column: 1;}
    .employ .list .grid-item.title{grid-column:span 10;padding-top:12px;font-size:18px;font-weight:500;line-height:28px;}
    .employ .list .grid-item.type{overflow:hidden;font-size:16px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
    .employ .list .grid-item.type + .grid-item{font-size:14px;color:#666;line-height:22px;text-align:right;}
    .employ .list .grid-item:last-child{padding-top:24px;grid-column:span 10;}
    .employ .list .grid-item:last-child a{width:100%;text-align:center;font-family:'tj-medium';}
    .employ .flag{width:57px;font-size:12px;line-height:18px;}

    /* 뉴스룸 */
    .intro_news.customer .inp_box.search .inp_base{font-size: 16px; font-weight: 400; line-height: 24px;}
    .intro_news.customer .inp_box.search .inp_base::placeholder{font-size: 16px !important; font-weight: 400; line-height: 24px !important;}
    .flex-colum-box{display: flex; flex-direction: column;}
    .flex-colum-box .inp_box.search{order: 0; position: relative; bottom:unset}
    .flex-colum-box .inp_box.search.story-form .inp_base{height: 56px; border-radius: 0;}
    .flex-colum-box .inp_box.search .inp_base{border-radius: 64px;}
    .intro_news .page-area.search-plus{padding: 0px 0 12px 0;}
    .flex-colum-box .tab_sticky2{order: 1; overflow: hidden;margin:0 -24px; padding-left: 24px; padding-right: 24px;}
    .intro_news.news-room .page-area.search-plus{padding: 40px 0 12px 0;}
    .flex-colum-box .page-area.search-plus{order: 2; }
    .swiper-container{position: relative;}
    .white .swiper-container.fixed{position: fixed; z-index: 3; top:0; width: calc(100% - 48px); padding:20px 0; overflow: hidden; background-color: #fff;}
    .black .swiper-container.fixed{position: fixed; z-index: 3; top:0; width: calc(100% - 48px); padding:20px 0; overflow: hidden; background-color: #000;}
    .swiper-container.fixed{position: fixed; z-index: 3; top:0; width: calc(100% - 48px); padding:20px 0; overflow: hidden; background-color: #fff;}
    .intro_news{padding: 0 24px;}
    .pagenation{padding:  0;}
    .intro_news .page-area{flex-direction: column; padding: 0px 0 12px 0;}
    .intro_news.event .page-area{flex-direction: column; padding: 0px 0 12px 0;}
    .intro_news .inp_box{width: 100%; margin:60px 0 0 0;}
    .intro_news.customer .inp_box.search.flex-box2{margin:0; width: 100%; flex-direction: column; gap:8px}
    .flex-box2 .sel_base.size_s{height: 56px;}
    .intro_news.customer .inp_box.search.flex-box2 .inp_base{height: 56px;}
    .intro_news.customer .inp_box.search.flex-box2 .inp_base{font-size: 16px; line-height: 24px;}
    .flex-box2 .sel_base.size_s{font-size: 16px; line-height: 24px;}
    .intro_news .inp_box.search .inp_base{height: auto; font-size: 16px; line-height: 22px; padding: 16px 68px 16px 20px;}
    .intro_news.news-room .inp_box.search .inp_base{height: auto; font-size: 16px; line-height: 24px; padding: 16px 68px 16px 20px; border-radius: 0;}
    .intro_news .page{order: 1; width: 100%;}
    .intro_news .page{font-size: 16px; padding-bottom: 12px; line-height: 24px;}
    .page-area .page{padding-bottom: 0;}
    .intro_news::after{display: none;}
    .intro_news.story::after{display: none;}
    .news-card-list { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; gap: 50px 0px;}
    .news-card-list.new-story{grid-template-columns: 1fr; gap:50px 0;}
    .news-room .news-card-list{display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; gap: 50px 0px;}
    .news-room .inp_box.search{display: block; padding: 0px 0px;}
    .news-room .inp_box.search form{width: 100%;}
    .news-card-list li{border:0}
    .news-card-list .card-info{padding:16px 0 0 0}
    .news-card-list .card-info strong{font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 8px; height: auto; max-height: 56px;}
    .news-card-list .card-info .effect{padding:0; display: block; font-size: 14px; line-height: 22px; }
    .news-card-list.story .card-info .effect{padding:0; display: block;}
    .card-content{display: flex; gap:0 12px; align-items: center; }
    .pagenation .pagenation-wrap{display: none;}
    .pagenation .pagenation-wrap.pd-10{display: none;}
    .more-btn{display: flex; align-items: center; justify-content: center; width: 100%; padding:32px 0 0 0;  font-weight: 700; font-size: 18px; line-height: 28px; color: #000; }
    .more-btn::after{content: ''; display: block; width: 25.72px; height: 22px; padding-left: 7px; background: url('../../../resources/front/images/common/more_arrow-top.svg') no-repeat center; background-size: 25.72px 22px; }
    .pagenation.black .pagenation-wrap{display: none;}
    .pagenation.black .more-btn{color: #fff; border:solid 1px #fff; background-color: #000;}
    .news-card-list li .img{height: auto;}
    .news-card-list.event li .img{height: auto; aspect-ratio: 1 / 1;}
    .news-card-list.new-story li .img img{aspect-ratio: 1 / 1;}
    .news-card-list li .img img{aspect-ratio: 1 / 1;}

    /* tab */
    .tab_sticky.tab{max-width: 100%; margin-top: 24px;}
    .tab ul{padding-top: 0; flex-wrap: nowrap; justify-content: start; padding-bottom: 0; height: auto !important;}
    .tab ul li{position: relative;}
    .tab ul li::after{content: ''; display: block; position: absolute; top:50%; right: -10px; transform: translateY(-50%); width: 2px; height: 2px; margin:0; background-color: #aaa;}
    .tab ul li a{padding-bottom: 2px; font-size: 18px; line-height: 28px;}

    .tab.ir ul{padding-top: 0; flex-wrap: nowrap; justify-content: start; padding: 0px 0 0px 0;}
    .tab.ir ul li{position: relative;}
    .tab.ir ul li::after{content: ''; display: block; position: absolute; top:50%; right: -10px; transform: translateY(-50%); width: 2px; height: 2px; margin:0; background-color: #aaa;}
    .tab.ir ul li a{padding-bottom: 2px; font-size: 18px; line-height: 28px;}

    .tab ul li a.on::after{position: absolute; top:28px; background-color: #000;}
    .faq-wrap .tab ul li a.on::after{position: absolute; top:28px; background-color: #fff;}
    /* 뉴스룸 상세 */
    .intro_news_detail{padding: 60px 24px 0 24px;}
    .detail-content{padding: 32px 0px 0px 0;}
    .detail-title-area h5{font-size: 24px; line-height: 31.2px;}
    .detail-content .test{font-size: 40px; line-height:47.73px; height: 600px;}
    .list-btn{display: flex; align-items: center; justify-content: center; margin: 32px 0 0px 0; padding: 12px 0; font-size: 16px; line-height: 24px; white-space: nowrap;}
    .news-room .list-btn{display: flex; align-items: center; justify-content: center; margin: 25.65px 0 0px 0; padding: 12px 0; font-size: 16px; line-height: 24px; white-space: nowrap;}
    .detail-title-area .type{min-width: 58px; height: 28px;  font-size: 12px; line-height: 28px; font-weight: 700; text-align: center;}
    .detail-title-area .date{font-size: 14px; line-height: 22px;}

    /*리스트 미 존재 */
    /* black layout 검색 미존재 */
    .no-data{padding: 100px 0; }
    .no-data::before{content: ''; display: block; width: 60px; height: 60px; background: url('../../../resources/front/images/common/no_date.svg') no-repeat center; background-size:60px 60px;}
    .no-data p{padding-top: 8px; font-size: 20px;  color: #fff; line-height: 30px;}
    .no-data-content{padding:114px 0; font-size: 14px; line-height: 22px;}

    /*소개 */
    .image-flow.pc{display: none;}
    .image-flow.mo{display: flex; overflow: hidden;}
    .image-flow{width: 686px;}
    .fadin-img.mo li{width: 100%; right: 0px;}
    .case-title.case5>p{padding-top:20px;}
    .intro-title{gap:8px}
    .intro-visual-bg{background: url('../../../resources/front/images/intro/mo_intro_bg_case1.svg') no-repeat center; background-size: cover;}
    .intro-title h1{ font-weight: 300; font-size: 40px;  line-height: 50px; letter-spacing: -0.03em;}
    .intro-title p{font-size: 18px; line-height: 28px; letter-spacing: -0.02em;}
    .scroll-text{bottom:30px}
    .scroll-text div strong span{font-size: 16.5px; line-height: 24px; letter-spacing: -0.03em;}
    .case-title strong{font-size: 38px; line-height: 48px;word-break: keep-all;}
    .case-title .case-item>p{padding-top: 20px; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em;}
    .case-title.case3{height: calc(100% - 130px) !important; left: 40px !important;}
    .case1-visual-bg{position: relative;   width: 100%; height:100vh; background: url('../../../resources/front/images/intro/mo_intro_bg_case2.png') no-repeat center; background-size: cover;}
    .case1-visual-bg .case-title{align-items:start;  font-weight: 300; padding-top: 71px; justify-content: start;}
    .case2-img .pc{display: none;}
    .fadin-img.pc{display: none;}
    .case2-img .mo{display: block;}
    .family-wrap .case2-img{padding-bottom:30px;max-width:100%}
    /* .family-wrap .case2-img .swiper-container{margin:0 -24px} */
    .family-wrap .case2-img img{width:100%}
    .family-wrap .case2-img .swiper-pagination2{display:none}
    .family-wrap .case2-img .swiper-pagination-fraction{font-size: 12px; line-height: 18px;}
    .case-title{justify-content: start; padding-top: 131px;}
    .case2-visual-bg .case-title{padding-top: 120px;}
    .ani-area{bottom:40px; gap:24px}
    .ani-area li{font-size: 22px; line-height: 32px; letter-spacing: -0.03em;}
    .fadin-img li:nth-child(3) {width: 40%; left: unset;}
    .case-title.case3{width: calc(100% - 40px);left: unset;transform: translateY(-50%);right: 0;height: calc(100% - 80px);border-top-left-radius: 200px;border-bottom-left-radius: 200px;border-bottom-right-radius: 0px;}
    .case2-img.case3{ width: 100%; top:unset; transform: translateX(unset); bottom:0; right: unset; left:unset; display: flex; justify-content: end;}
    .intro.case3 .case-title strong{font-size: 40px; line-height: 50px;}
    .case3-visual-bg{height: 100vh;}
    .case3-visual-bg .case-item{padding-left: 40px;}
    .fadin-img li{width: auto; left: 25px;}

    .case-title.case4 strong{font-size: 40px; line-height: 50px; letter-spacing: -0.03em; }
    .case-title.case4{padding:60px 32px 0 40px; justify-content: start;}
    .case2-img.case4{width: 320px; height: 320px;}
    .case-title.case4 .case-item{    display: flex;flex-direction: column;justify-content: start;width: 100%;align-items: start;padding-top: 60px;}
    .case-title.case5 strong{font-size: 40px; line-height: 50px; letter-spacing: -0.03em; }
    .case-title.case5{padding:60px 32px 0 40px}
    .case5-item{padding-top: 113px;}
    .case5-item li{display: flex; flex-direction: column;}
    .case5-item-content{order: 1;}
    .case5-item li img{order: 0; width: 100%;}
    .case5-item{gap: 60px;}
    .case5-item li.left{justify-content: center;}
    .case5-item li.right{justify-content: center;}
    .case5-item li.left .case5-item-content{ padding: 13px 0 0 0; width: 100%;}
    .case5-item li.right .case5-item-content{padding: 13px 0 0 0; width: 100%;}
    .case5-item li.right .case5-item-content{text-align: left;}
    .case4-visual-bg{height: 100vh;}
    .case5-item-content span {padding-bottom: 8px; font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.02em;}
    .case5-item-content p {font-size: 18px; line-height: 28px; letter-spacing: -0.04em;}

    /* 제품 */
    .product-intro .product-con .list .desc-box a.title-link{display:block; background: none;}
    .accompaniment{padding:60px 24px 0 24px;}
    .black .inp_box.search .inp_base{    padding: 15px 68px 15px 20px; height: auto;}
    .accompaniment-list{padding-top: 0;}
    .accompaniment .inp_box{width: 100%;}
    .inp_box.search.black .inp_base{background: #171717;}
    .accompaniment .inp_box form input{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em;}
    .accompaniment .inp_box.black form input{color: #aaa;}
    .inp_box.search .inp_base{padding: 16px 68px 16px 20px;}
    .list-top-area p.count{font-size: 16px; line-height: 24px;}
    .accompaniment-list ul{ grid-template-columns: 1fr; margin-top: 12px;}
    .accompaniment-list ul li .list-item.new::before{width: 60px; height: 60px; font-size:14px ; }
    .accompaniment-list ul li .list-item.best::before{width: 60px; height: 60px; font-size:14px ;}
    .accompaniment-list ul li .list-item.hit::before{width: 60px; height: 60px; font-size:14px ;}
    .accompaniment-list ul li .list-item ul{display: block;padding-bottom: 40px;}
    .accompaniment-list ul li .list-item ul .img{display: flex; justify-content: end;width: auto; height: auto;padding-top: 40px;}
    .accompaniment-list ul li .list-item ul .img img {width: calc(100% - 66px);}
    .accompaniment-list ul li .list-item ul li{padding-bottom: 0;}
    .accompaniment-list ul li .list-item ul li strong{padding-bottom: 12px;font-size: 32px; line-height: 42px;}
    .accompaniment-list ul li .list-item ul li p{min-height: unset;margin-bottom: 12px;font-size: 16px; line-height: 24px;}
    .list-top-area .list-tab{flex-direction: column;gap: 5px; padding: 5px 16px 5px 0; background: #000; color: #fff;}
    .list-tab-wrap{position: relative;}
    .list-tab-wrap::after{content: ''; position: absolute; top:50%; right: 0; transform: translateY(-50%);  display: flex; width: 16px; height: 16px; background: url('../../../resources/front/images/common/drop_ico.svg') center no-repeat; background-size: 16px 16px; }
    .list-top-area .list-tab li a.active{display: block;}
    .list-top-area .list-tab li a{display: none;}
    .list-top-area .list-tab::before{display: none;}
    .quick-menu{display: flex;height: 120px;padding: 23.5px 0;}
    .quick-menu .btn_quick_close{top: 10px;right: 10px;width: 16px;height: 16px;background-size: 16px;}
    .quick-menu ul{overflow-x: auto;justify-content: start;gap: 0;}
    .quick-menu ul li.mo{display: block;}
    .quick-menu ul li a{width: 70px;height: 53px;}
    .quick-menu ul li a img{width: 34px;height: 34px;}
    .quick-menu ul li a p{font-size: 9.81px;line-height: 14.71px}

    /* 노래방 꿀잼 */
    .song-wrap .card-list-box .card_new2 span::after{bottom:9px}
    .song-wrap .card-list-box .card4 span::after{bottom:1px;}
    .song-wrap .card-list-box li.card1 span::after{right: 35px;}
    .song-wrap .card-list-box li.card5 span::after{right: unset;}
    .song-wrap .card-list-box li.card1 span.text-pc{display: none !important;}
    .song-wrap .card-list-box li.card1 span.text-mo{display: inline-block !important;}
    .song-wrap .card-list-box li.card5 span.text-pc{display: none!important;}
    .song-wrap .card-list-box li.card5 span.text-mo{display: inline-block!important;}
    .song-wrap .card-list-box li.card7 span.text-pc{display: none!important;}
    .song-wrap .card-list-box li.card7 span.text-mo{display: inline-block!important;}
    .song-wrap .tit-box{position:unset;padding-bottom:80px;}
    .song-wrap .tit-box strong{font-size:40px;font-weight:500;line-height:50px;}
    .song-wrap .tit-box p{padding-top:5px;font-size:16px;line-height:24px;}
    .song-wrap .card-list-box{gap:130px;}
    .song-wrap .card-list-box li{width:100%;height:auto;margin:0;padding:20.52px;}
    .song-wrap .card-list-box li:nth-child(2n){margin:0;}
    .song-wrap .card-list-box li::before{width:100%;height:auto;margin:0 auto;padding-top:100%;}
    .song-wrap .card-list-box li strong{padding:27px 0 10px;font-size:26px;line-height:36px;}
    .song-wrap .card-list-box li span{font-size:18px;line-height:28px;}
    .song-wrap .card-list-box li span::after{width:17.78px;height:17.78px;right:unset;bottom:5px; margin-left: 2.73px;}
    .song-wrap .card-list-box li p{padding-top:5px;font-size:14px;line-height:22px;     letter-spacing: -.05em;}
    .mix-music-title h3.song-room-video-title{font-size: 40px;line-height: 40px;}
    .song-room-video-title .txt-stair{margin-left:-6px;padding-bottom:10px;}
    .scroll-text.song{bottom: 50px;}
    .scroll-text.song div strong{display: flex;}
    .scroll-text.song div strong span{font-size: 28px;line-height: 42.56px;}
    .scroll-text div strong span.scroll-img{width: 32px;height: 32px;}
    .scroll-text.song.type2 div strong span{font-size:14px;line-height:21.28px;}
    .scroll-text.song.type2 div strong .scroll-img{width:20px;height:20px;}
    .song-wrap{padding: 80px 24px 0 24px; position: relative;}
    .song-wrap::after{content: ''; display: block; position: absolute; left:0; bottom:-2px; width: 100%; height: 4px; background-color: #000;}
    .song-wrap::before{content: ''; display: block; position: absolute; left:0; top:-2px; width: 100%; height: 4px; background-color: #000;}
    .song-room-wrap{position: relative;left: unset;transform: translateX(0);}
    .song-room-wrap h1{padding-left:0;font-size: 50px;line-height: 55px;text-align: left;}
    .song-room-wrap h1 .ico-joyful{width:238px;padding-left:30px;}
    .song-room-wrap h1 .ico-joyful::before{top:0;margin-top:0; width:40px;height:40px;}
    .song-room-wrap h1 .txt-right{padding-left:100px;}
    .song-card-list{display: flex;flex-direction: column;gap: 130px;padding-top: 80px;}
    .song-card-list li .right{align-items: center;justify-content: center;}
    .song-card-list li .left{align-items: center;justify-content: center;}
    .song-card-list .card-img{padding: 0 31px;}
    .song-wrap .video-card .ani-logo{display:none;}
    .song-card-content{display: flex;align-items: end;justify-content: space-between;gap:24px;}
    .song-card-content .card-desc{padding-top: 36px;}
    .song-card-content strong{font-size: 28px;line-height: 38px;}
    .song-card-content p.big-type{font-size: 18px;line-height: 28px;}
    .song-card-content p.small-type{padding-top: 4px;}
    .song-more{position: static;}
    .song-more p{width: 60px;height: 60px;}
    .song-more p i{width: 19.2px;height: 19.2px;background-size: 30px 30px;}
    .song-more span{font-size: 3.3px;transform-origin: 0 30px;}
    .song-card-list li.video-card .video-bg{display: none;}
    .song-card-list li.video-card .card-wrap.right {margin-bottom: 130px;}

    /* 노래방 이벤트 */
    .news-card-list.event .card-info strong{max-height: 56px; height: auto;}
    .news-card-list.event{gap:50px 0;}
    .song-title{text-align: left; font-size: 40px; line-height: 50px; padding: 84px 0 0px 0;}
    .news-room .song-title{ padding: 84px 0 0px 0; }
    .ir-content .song-title{text-align: left; font-size: 40px; line-height: 50px; padding: 24px 0 36px 0; font-weight: 700;}
    .news-card-list .card-info .date{font-size: 14px; line-height: 22px; font-weight: 400;}
    .news-card-list .card-info>p.date{padding-bottom: 8px; font-size: 14px; line-height: 22px; font-weight: 400;}



    /* 노래방 이벤트 상세 */
    .song-ing-title{display: block; padding-top: 0px;}
    .top10-link-area button::before{content: ''; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/etc/event_more_ico.svg') no-repeat center; background-size:24px 24px;}
    .top10-link-area button span{font-size: 16px; line-height: 24px;}
    .detail-title-area.event .song-ing-title .date{padding-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 34px; color: #000;}
    .song-ing-title .first{font-size: 14px; line-height: 22px;}
    .song-ing-title .second{font-size: 14px; line-height: 22px;}

    .detail-title-area.event{padding-bottom: 16px;}
    .detail-title-area.story{padding-top: 60px; padding-bottom: 0;}
    .top10-link-area {padding: 32px 0 12px 0;}
    .top10-link-area button{width: 100%; height: 48px;}
    .song_ing .detail-content{padding:0}
    .detail-title-area.event p.date{font-size: 14px; font-weight: 400; line-height: 22px;}
    .detail-title-area.event.story p.date{font-size: 14px; font-weight: 400; line-height: 22px;}
    .song_winner .detail-content{padding:0}
    .detail-content.winner {margin-top: 40px;}
    .detail-content.winner .test{font-size: 40px; line-height: 56px;}
    .song_winner .list-btn{display: none;}

    /* 차트 */
    .chart-search-area{display: block; margin-bottom:42px;}
    .chart-top::before{display: none;}
    .chart-category .chart-item{    grid-template-columns: repeat(3, 1fr); gap:8px 8px;}
    .chart-category .chart-item{    grid-template-columns: repeat(3, 1fr); gap:8px 8px;}
    .chart-category .chart-item li a{padding:9px; font-size: 18px; line-height: 28px;  }
    .chart-category .chart-item li a.on{background: #fff; color:rgba(0, 175, 236, 1) ; border:solid 1px rgba(0, 175, 236, 1)}
    .calendar-icon{width:16px;height:16px;background-size: 16px 16px;}
    .calendar-area{display: block;}
    .chart-top{padding: 48px 24px 0 24px;}
    .recent.chart-top{padding: 60px 24px 0 24px;}

    .chart-visual-box{display: none;}
    .chart-item li{position: relative;}
    .chart-item li.on::after{content: ''; position: absolute; transform: translateY(-50%) rotate(180deg); right: 16px; display: block; width: 24px; height: 24px; background: url('../../../resources/front/images/common/black_drop_ico.svg') no-repeat center; background-size: 24px 24px;}
    .chart-item select {width: 100%; padding: 16px 64px 16px 16px; font-size: 16px; font-weight: 400; line-height: 24px; color: #000; letter-spacing: -0.02em; background-color: #F8F8F8;}
    .calendar-area .calendar-item{margin-top: 40px; gap:24px}
    .calendar-area .calendar-item li input{padding: 16px; font-size: 16px; line-height: 24px;}
    .calendar-area .calendar-item li input::placeholder{font-size: 16px; line-height: 24px;}
    .search-btn{display: block; width: 100%; padding-top:24px ;}
    .search-btn button{width: 100%; padding: 17px 0; background-color: transparent;}
    .chart-bottom-content{padding-top: 24px;}
    .chart-bottom-content p{ font-size: 14px; line-height: 22px;}
    .chart-bottom-content p span{color: #fff;}
    .grid-item.pc{display: none;}
    .type-a .grid-item.pc.album-art{grid-column: 3 / span 1;grid-row: 2;padding-bottom: 0;padding-top: 0;}
    .type-a .grid-item{padding:0;}
    .type-a.type-b .grid-item.pc.album-art{grid-column: 2 / span 1;grid-row: 1 / 8; padding:0;}
    .album-art-img{max-width: 64px;max-height: 64px;width: 64px;height: 64px;}
    .type-a .grid-item.pc{display: block;}
    .type-a .grid-item.title{grid-column: 4 / span 7;grid-row: 2;}
    .type-a.type-b .grid-item.title{grid-column: 3 / span 7; grid-row: 1;}
    .hot.music.type-a .grid-item.title{grid-column: 3 / span 10; grid-row: 1;}
    .type-a .grid-item.title .flex-box{padding:0;}
    .type-a .grid-item.title .flex-box .ico{border-radius: 100px; width: 38px; min-width: 38px; height: 18px; font-weight: 700; font-size: 12px; line-height: 18px;}
    .type-a .grid-item.title .flex-box .no-ico{height: 18px;}
    .type-a.type-b .grid-item p span{font-size: 16px;font-weight: 400;line-height: 22px;}
    .type-a.type-b .grid-item p span.num{font-size: 24px; font-weight: 300; line-height: 30px;}
    .type-a .grid-item p span{font-size: 16px;font-weight: 400;line-height: 24px;}
    .type-a.type-b .grid-item p.ellips-p{padding-top: 6px; display: grid; width: 100%; overflow: hidden; min-width: 0;}
    .type-a .grid-item p.ellips-p{padding-top: 0px; display: grid; width: 100%; overflow: hidden; min-width: 0;}
    .type-a.type-b .grid-item p span{font-size: 16px;font-weight: 400;line-height: 24px; }
    .hot.music .grid-item p.ellips-p span{width: 100%; font-size: 16px;font-family:'tj-medium';font-weight: 500;line-height: 24px; }
    .hot.music.type-a .grid-item p span.num2.pc{display: block; padding-top: 0; font-weight: 700; color: #fff; }
    .type-a .grid-item.singer{grid-column: 4 / span 6;grid-row: 3; padding-left: 0;line-height: 20px;}
    .hot.music.type-a .grid-item.singer{grid-column: 3 / span 6;grid-row: 2;padding-left: 0;line-height: 20px;}
    .type-a.type-b .grid-item.singer{grid-column: 3 / span 6;grid-row: 2;padding-left: 0;line-height: 20px;}
    .type-a .grid-item.title4 p span{flex: 1; font-size: 14px;font-weight: 300;line-height: 24px;color: #fff;}
    .recent .music.type-a.type-b .grid-item.title4 p span{font-size: 14px;font-weight: 400;line-height: 22px;color: #000;}
    .grid-item.mo{display: block; grid-column: span 2; padding: 12px 0 12px 0px; font-size: 14px;font-weight: 700; text-align: center;line-height: 22px;color: #000;word-break: keep-all;}
    .grid-item.mo.title{grid-column: 3 / span 6;}
    .grid-container.top{grid-template-columns: repeat(10, 1fr);}
    .grid-item.pc{padding: 8px 16px 8px 16px;font-size: 14px;font-weight: 700;line-height: 22px;color: #000;word-break: keep-all; width: 100%; text-align: right !important;}
    .grid-item p .num2{font-size: 14px; font-weight: 400; line-height: 22px; padding-top: 6px;}
    .grid-item.title2 .m-num2{display: block;}
    .grid-container.list{grid-template-columns: repeat(10, 1fr); padding: 8px 0 0 0;}
    .type2 .music.type-a.type-b .grid-container.list{grid-template-columns: auto; padding: 12px 0 12px 0;}
    .grid-item{grid-column: span 2;}
    .recent .music.type-a.type-b .pos-type.grid-item{bottom:unset; left: unset;right: 0; display: flex; gap: 4px; grid-column: 7 / span 7; grid-row: 1; position: absolute;top: 0px;width: auto;text-align: right;}
    .type-b .pos-type.grid-item{bottom:unset; left: 56px; display: flex; gap: 4px; grid-column: 3 / span 7; grid-row: 1; position: absolute;top: -2px;text-align: right;}
    .hot.type-b .pos-type.grid-item{width: 115px; left: 56px; display: flex; gap: 4px; grid-column: 3 / span 6; grid-row: 1; position: absolute;top: 0px;text-align: right;}
    .black-font .hot.type-b .pos-type.grid-item{width: 115px;left: 56px; display: flex; gap: 4px; grid-column: 2 / span 6; grid-row: 1; position: absolute;top: -2px;text-align: right;}
    .pos-type.grid-item{display: flex; gap: 4px; grid-column: 6 / span 7; grid-row: 1; position: relative;bottom: -22px;text-align: right;}
    .pos-type.grid-item::before{font-family:'tj-light'; content:'곡번호'; display: black; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: -0.02em; color: #aaa; }
    .grid-item:first-child{grid-row: 1 / 7;}
    .top .grid-item:first-child{grid-row: 1 / 8;}
    .type-a.top .grid-item:first-child{grid-row: 2;grid-column: span 1;}
    .type-a.top.type-b .grid-item:first-child{grid-row: 1 / 8;grid-column: span 1;}
    .grid-item.title2{grid-column: 3 / span 6; display: flex; align-items: center; gap:4px; padding-left: 16px;}
    .flex-box{display: flex; flex-direction: column; gap:0; align-items: flex-start;  padding:0px 0 8px 0}
    .music .flex-box{display: flex; flex-direction: column; gap:0; align-items: flex-start;  padding:0px}
    .medley .flex-box p.no-ico{height: 18px;}
    .music.type-a.type-b .flex-box .ico{min-width: 50px; width:50px;height:18px;font-size: 12px; font-weight: unset; line-height: 15px;}
    .music.type-a.type-b .flex-box .ico.exclusive{ width:130px;height:18px;font-size: 12px; font-weight: unset; line-height: 19px;}
    .flex-box .ico.medley{min-width: 38px; width:38px;height:18px;font-size: 12px; font-weight: unset; line-height: 18px;}
    .flex-box .ico.mr{ width:64px;height:24px;font-size: 12px; font-weight: unset; line-height: 18px;}
    .flex-box .ico.live{ width:64px;height:24px;font-size: 12px; font-weight: unset; line-height: 18px;}
    .grid-item.title3{grid-column: 3 / span 6; grid-row: span 3; padding: 0px 0 2px 24px;}
    .top .grid-item.title3{grid-column: 3 / span 6; grid-row: span 3; padding: 0px 0 2px 24px;}
    .grid-item.title4{grid-column: 3 / span 6; padding-left: 24px;}
    .grid-item.title5{grid-column: 3 / span 6; padding-left: 24px;}
    .grid-item.title6{grid-column: 3 / span 6; padding:0 0 12px 24px;}
    .grid-item.link{grid-column: 9 / span 2; grid-row: 1 / 7; padding-right: 16px;}
    .type-a .grid-item.link{grid-row: 2 / 7; padding-right: 6px;}
    .type-a.type-b .grid-item.link{grid-row: 1 / 3;  padding-right: 6px;}
    .grid-item.link a{margin:0 0 0 auto; width: 36px; height: 36px;    background: url('../../../resources/front/images/common/YouTube_btn.svg') no-repeat center; background-size: 36px 36px; }
    .grid-item.title2 .ico{margin:0; width: 43px; height: 24px; font-size: 12px;line-height: 18px;}
    .grid-item.title3 p span{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em;}
    .music .grid-item.title3 p span{display: block;width: 100%;padding-top: 6px;padding-bottom: 5px;font-size: 16px; font-family: 'tj-medium';font-weight: 500; line-height: 24px; letter-spacing: -0.02em;}
    .hot.music .grid-item.title3 p span{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em;}
    .black-font .hot.music .grid-item.title3 p span{font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.02em;}
    .grid-item p span{width: calc(100% - 39px); font-size: 14px;font-family: 'tj-medium'; font-weight: 400; line-height: 22px;}
    .grid-item p span.mo-title{padding-top: 20px; display: block; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.02em; color: #fff;}
    .grid-item .count .num{width: 100%; font-size: 24px; font-weight: 700; line-height: 31.2px;}
    .hot .grid-item .count .num{width: 100%; font-size: 24px; font-weight: 700; line-height: 31.2px;}
    .black-font .hot .grid-item .count .num{width: 100%; font-size: 24px; font-weight: 700; line-height: 31.2px;}
    .flex-box .ico.exclusive{width: 118px; font-size: 12px; line-height: 18px; letter-spacing: -0.02em;}
    .grid-item .count{display: flex;justify-content: unset;align-items: flex-start;padding-left: 0px;}
    .grid-item.pc.mo span{display: block;}.grid-item.pc.mo span{display: block;}
    .grid-item.title3 p{margin-top: 8px;}
    .type-a.type-b .grid-item.title3 p{margin-top: 0;}
    .recent .type-a.type-b .grid-item.title3 p.no-ico{margin-top: 0;height: 18px;}
    .type2 .type-a.type-b .grid-item.title3 p.no-ico{margin-top: 0;height: 18px;}
    .black-font .type-a.type-b .grid-item.title3 p.no-ico{margin-top: 0;height: 18px;}
    .grid-item.title4 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .music .grid-item p span{color: #000;}
    .type2 .music .grid-item p span{font-size: 14px; line-height: 22px; font-weight: 400; color: #000;}
    .type2 .music .grid-item p span.num2 .highlight{font-size: 15px; line-height: 24px; font-weight: 400;}
    .type2 .music .grid-item.title3 p span{ font-size: 16px; line-height: 24px; font-weight: 400;}
    .type2 .music .grid-item.title3 p span.highlight{display: unset;}
    .type2 .music .grid-item p span.num2{text-align: left; padding-top: 0; font-size: 14px; line-height: 24px; font-weight: 500;}
    .type2 .music .grid-item p span.mo-title{display: none; width: 100%; padding-top: 0; font-size: 12px; line-height: 18px; font-weight: 400; color: #000;}
    .more-area.type2{margin-top: 24.5px;}
    .more-area.type2 .search.more-btn{font-weight: 300; font-size: 18px; line-height: 28px; gap: 6.29px; background: none;}
    .hot .grid-item.title4 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .black-font .hot .grid-item.title4 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .black-font .hot.music .grid-item p span{color: #000;}
    .grid-item.title5 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .type .grid-item.title4 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .recent .type-a.type-b .grid-item.title5 p span{font-family:'tj-light';font-size: 14px; line-height: 22px; font-weight: 400;}
    .hot .grid-item.title5 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .black-font .hot .grid-item.title5 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .grid-item.title6 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .hot .grid-item.title6 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .black-font .hot .grid-item.title6 p span{font-size: 14px; line-height: 22px; font-weight: 400;}
    .grid-container.top{height: 1px;}
    .grid-container.top li{display: none !important;}
    .grid-item.title4 p{display: flex;  gap:8px; flex-wrap: nowrap;}
    .type-a.type-b .grid-item.title4 p{display: flex;  gap:0px; flex-wrap: nowrap;flex: 1;}
    .black-font .type-a.type-b .grid-item.title4 p{display: flex;  gap:0px; flex-wrap: nowrap;flex: 1;}
    .grid-item.title4 p::before{font-family:'tj-light';content: '가수'; display: block; width: 45px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   }
    .type-a .grid-item.title4 p::before{font-family:'tj-light';content: '가수'; display: none; width: 45px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   }
    .grid-item.title5 p{display: flex;  gap:8px;flex-wrap: nowrap;}
    .grid-item.title5 p::before{font-family:'tj-light';content: '작사가'; display: block; width: 45px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   }
    .type2 .type-a.type-b .grid-item.title4 p{display: flex;gap: 8px;flex-wrap: nowrap;}
    .type2 .grid-item.title4 p::before{font-family:'tj-light';content: '가수'; display: block; width: 45px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   }
    .black-font .type-a.type-b .grid-item.singer p::before{font-family:'tj-light';content: '가수'; display: block; width: 52px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   }
    /* .recent .music.type-a.type-b .grid-item.singer p::before{font-family:'tj-light';content: '가수'; display: block; width: 52px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   } */
    .grid-item.title6 p{display: flex;  gap:8px}
    .grid-item.title6 p::before{font-family:'tj-light';content: '작곡가'; display: block; width: 45px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; color: #888;   }
    .mix-music-title{padding:0 24px; gap: 8px;}
    .mix-music-title h3{font-size: 40px; line-height: 50px;}
    .music .grid-item.singer p span{font-family:'tj-medium';}

    /* hot */
    .hot-top-content{font-size: 14px; line-height: 22px; }
    .mix-music-title p{font-size: 14px; font-weight: 300; line-height: 22px;}
    .content.chart{background: url(../images/chart/mo_chart_bg.jpg) no-repeat center / cover;}
    .chart-bottom-content p::before{content: ''; display: block; position: absolute; top:8px; transform: translateY(0); left:0; width: 4px; height: 4px; background-color: #BBBBBB; border-radius: 50%; }

    /* 반주곡 */
    .apply-check-wrap-bg{padding:0; background-color: #fff;}
    .list-img-group ul{display: block;top: unset;transform-origin: center center;transform: unset;}
    .result-list-img ul{left: 0;}
    /* .mo-recnt-ani img.cover{object-fit: cover;} */
    header{z-index: 4;}
    .mo-recnt-ani{display: block; width: 100%; height: 100%; }
    .mo-recnt-ani img{width: 100%; height: 100%; object-fit: none;}
    .pc-recnt-ani{display: none !important;}
    .music.chart-top.black-font{padding:0;}
    .chart-top-title{padding-top: 32px; font-size: 32px; font-weight: 500; line-height: 42px;}
    .search-nav-area .warning-content{padding:20px; min-height: auto;}
    .type-nav2 h3{font-size: 40px; font-weight: 500; line-height: 50px; min-height: auto; padding-top: 84px; }
    .type-nav2{padding-bottom: 60px; min-height: auto;}
    .type-nav.recent{min-height: 290px;}
    .nav-item h2{font-size: 40px; line-height: 50px; font-weight: 700;}
    .nav-item h2.black{font-size: 40px; line-height: 50px; color: #000;  font-family:'tj-bold';}
    .nav-item p{font-size: 14px; line-height: 22px; padding-top: 8px;}
    .nav-item{min-height: auto; position: relative; z-index: 3; padding: 84px 0 60px 24px;}
    .music-date{justify-content: center; margin-bottom: 24px;}
    .music-date p.music-date-info{margin-bottom: 0;font-size: 32px; line-height: 42px; font-weight: 500;}
    .music-date p{font-size: 24px; line-height: 34px;}
    .chart-list-area.music{padding-top: 24px;}
    .black-font .chart-list-area.music.type-a.type-b{padding-top: 24px;}
    .music .grid-item.singer{grid-column: 3 / span 6;}
    .music.type-a.type-b .grid-item.singer{grid-column: 3 / span 10; display: flex;grid-row: 2; }
    .type2 .music.type-a.type-b .grid-item.singer{padding:0; grid-column: 1 / span 12; display: flex;grid-row: 2; }
    .black-font .music.type-a.type-b .grid-item.singer{grid-column: 2 / span 10; display: flex;grid-row: 2; }
    .recent .music.type-a.type-b .grid-item.singer{grid-column: 2 / span 10; display: flex;grid-row: 2; }
    .grid-item p span.img-area{width: 64px; height: 64px; padding: 0 16px}
    .grid-item p span.img-area img{max-width: 100%; width: 64px; height: 64px; object-fit: cover;}
    .music .grid-item{grid-column: span 3;}
    .music .grid-item.title2{grid-column: 4 / span 8;}
    .music .grid-item.title3{grid-column: 4 / span 8; padding-left: 24px;}
    .music.type-a.type-b .grid-item.title3{    grid-column: 2 / span 10;grid-row: 1;padding: 0;}
    .type2 .music.type-a.type-b .grid-item.title3{    grid-column: 1 / span 12;grid-row: 1;padding: 0;}
    .hot.music .grid-item.title3{grid-column: 4 / span 8; padding-left: 24px;}
    .music .grid-item.singer{grid-column: 4 / span 8; padding-left: 24px;}
    .type2 .music .grid-item.singer{grid-column: 4 / span 8; padding-left: 24px;}
    .hot.music .grid-item.singer{grid-column: 4 / span 8; padding-left: 24px;}
    .music .grid-item.title5{grid-column: 4 / span 8; padding-left: 24px;}
    .music.type-a.type-b .grid-item.title5{grid-column: 2 / span 10;grid-row: 3;padding: 0;}
    .type2 .music.type-a.type-b .grid-item.title5{grid-column: 1 / span 12;grid-row: 3;padding: 0;}
    .music .grid-item.title6{grid-column: 4 / span 8; padding: 0 0 0 24px;}
    .music.type-a.type-b .grid-item.title6{grid-column: 2 / span 10;padding: 0;}
    .type2 .music.type-a.type-b .grid-item.title6{grid-column: 1 / span 12;padding: 0;}
    .music .grid-item.mo.title{grid-column: 4 / span 6;}
    .music .grid-container.list .grid-item:first-child{display: flex; align-items: center; justify-content: center; padding: 0; grid-row: 1 / 8; height: 100%;}
    .music.type-a.type-b .grid-container.list .grid-item:first-child{display: flex; align-items: center; justify-content: center; padding: 0; grid-row: 1 / 8; grid-column: span 1; height: 100%;}
    .type2 .music.type-a.type-b .grid-container.list .grid-item:first-child{display: flex; height: auto;  align-items: start;justify-content: left;padding: 0;grid-row: 1;grid-column: 1;position: absolute;left: 56px;top: -1px; width: auto;}
    .music .medley .grid-container.list .grid-item:first-child{display: flex; height: auto;  align-items: start;justify-content: left;padding: 0;grid-row: 1;grid-column: 1;position: absolute;left: 56px;top: -1px; width: auto;}
    .music.type-a.type-b .grid-container.list .grid-item.img:first-child{display: flex; flex-direction: column; align-items: center; justify-content: start; padding: 0; grid-row: 1 / 8; grid-column: span 1; height: 100%;}
    .music.hot.type-b .grid-container.list .grid-item:first-child{position: relative; display: flex; align-items: center; justify-content: center; padding: 0; grid-row: 1 / 8;grid-column: span 1; height: 100%;}
    /* .music .grid-item .count{width: 70px; padding-left:0;  } */
    .music .grid-item .count{width: auto;}
    .music .grid-item .count.pos-a{position: absolute; top:0;  }
    .music .grid-item p span.num2.pc{display: none; font-size: 14px; line-height: 22px;}
    .music.type-a.type-b .grid-item p span.num2.pc{text-align: left; display: block; font-size: 14px; line-height: 22px; padding:0;}
    .hot.music .grid-item p span.num2.pc{display: none; font-size: 14px; line-height: 22px;}
    .black-font .hot.music .grid-item p span.num2.pc{display: block; font-size: 14px; line-height: 22px; color:#000}
    .type-a.top .grid-item p span.num2.pc{display: block; max-width: 200px;font-size: 14px;font-weight: 700;line-height: 22px;color: #fff;padding-top: 0;}
    .top .grid-item p span.num2.pc{display: none; font-size: 14px; line-height: 22px;}
    .music .grid-item p span.num2.mo{padding-top: 0; display: flex; flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px; color: #000;}
    .music.type-a.type-b .grid-item p span.num2.mo{padding-top: 0; display: none; flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px; color: #000;}
    .hot.music .grid-item p span.num2.mo{padding-top: 0; display: flex; flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; }
    .hot.music.type-a .grid-item p span.num2.mo{padding-top: 0; display: none; flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; }
    .black-font .hot.music .grid-item p span.num2.mo{ padding-top: 0; display: none; flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px; color: #000; }
    .music .grid-item p span.num2.mo .mo-title{font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.02em; color: #000;}
    .hot.music .grid-item p span.num2.mo .mo-title{font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.02em; color: #fff; }
    .black-font .hot.music .grid-item p span.num2.mo .mo-title{font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.02em; color: #000; }
    .music .grid-container.list{padding: 12px 0 12px 0;}
    .music .medley .grid-container.list{padding: 12px 0 12px 0;}
    .music.type-a.type-b .grid-container.list{position: relative; grid-template-columns: 67px auto; gap: 0 18px;padding:14px 0;grid-template-rows: repeat(4, auto);}
    .hot.music .grid-container.list{padding: 16px 0 16px 0;grid-template-columns: repeat(10, 1fr);}
    .hot.music.type-a .grid-container.list{position: relative; grid-template-columns: 44px 64px auto;gap: 0 12px;padding: 12px 0 12px 0;grid-template-rows: repeat(4, auto);}
    .music-search-area .inp_base{ height: auto; padding: 13px 68px 13px 16px !important; font-size: 16px; line-height: 30px; font-weight: 400;letter-spacing: -0.02em;}
    .type-a.top .grid-item p span.num2.mo{display: none; padding-top: 0;  flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px;}
    .top .grid-item p span.num2.mo{padding-top: 0; display: flex; flex-direction: column; align-items: center; font-size: 16px; font-weight: 500; line-height: 24px;}
    .top .grid-item p span.num2.mo .mo-title{white-space: nowrap; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.02em;}
    .type-a.top .grid-container.list{padding: 30px 0 16px 0;}
    .type-a.top.type-b .grid-container.list{position: relative; grid-template-columns: 44px 64px auto; gap:0 12px; padding: 12px 0 12px 0; grid-template-rows: repeat(4, auto);}
    .top .grid-container.list{padding: 12px 0 12px 0;}
    .music-search-area .inp_box.search .btn_search{right: 16px; width: 24px; height: 24px; background: url(../../../resources/front/images/common/ico_search.svg) no-repeat 0 0 / 24px;}

    /* 반주곡 검색 */
    .new-type-title{min-height: 290px;}
    .update-area>h4{    padding: 60px 0 24px 0; font-size: 32px; line-height: 42px;}
    .new-type-title h1{font-weight: 400; font-size: 60px;}
    .no-date{height: 130px; font-size:14px; font-weight: 400; line-height: 22px;}
    .search-area-title{display: none;}
    .music-search-area{padding:0 0 8px 0;}
    .type2 .music-search-area{padding:0 0 40px 0;}
    .music-visual-content{width: 100%; max-width: 100%; padding:0;}
    .music-search.swiper-container{padding: 108px 24px 80px 24px; height: auto;}
    .music-visual-bg-title{min-height: 694px; height: 100%; padding:40px 0 40px 0;}
    .music-search-area .select{height: auto;}
    .search-nav-area::after{height: 328px; background: url(../../../resources/front/images/music/mo_music_bg.png) no-repeat center;}
    .type2.search-nav-area::after{height: 328px;background: url(../images/music/mo_music_bg.png) no-repeat center;}
    .music-visual-content ul li .content p{font-size: 14px; font-weight: 400; line-height: 22px; word-break: keep-all;}
    .music-visual-content ul li .content p br{display: none;}
    .music-visual-content h4{padding-bottom: 24px; font-size: 24px; line-height: 31.2px;     padding: 0px 0 24px 0;}
    .music-visual-content ul{flex-direction: column; gap:8px;}
    .music-visual-content ul li .title{width: 80px; height: 80px; font-size: 18px; line-height: 28px;}
    .music-visual-content ul li .content p span{font-size: 14px; }
    .paid .paid-img-box ul:nth-child(1){display: none;}
    .paid .paid-img-box ul:nth-child(2){display: none;}
    .music-visual-content ul li{padding:20px 12px ; align-items: center; gap: 0 20px;}
    .music-visual-content ul li .content{width: calc(100% - 80px);}
    .music.chart-top {padding: 40px 24px 0 24px;}
    .warning-content{padding:20px}
    .warning-content strong::before {width: 24px;height: 24px;background: url(../../../resources/front/images/common/white_warning_ico.svg) no-repeat center;background-size: 24px 24px;}
    .warning-content.black strong::before{width: 24px;height: 24px;background: url(../../../resources/front/images/common/warning_ico.svg) no-repeat center;background-size: 24px 24px;}
    .warning-content strong{font-size: 20px; line-height: 30px; align-items: center; padding-bottom: 12px; }
    .warning-content p{font-size: 14px; line-height: 22px; margin-top: 4px;}
    .music-search-area ul li.select-item{width: auto; grid-column: span 7;margin-bottom: 12px;}
    .music-search-area ul li.search{grid-column: span 14;}
    .music-search-area ul li.check{grid-column: span 14; margin-top:20px ;}
    .music-search-area .select select{font-size: 16px; line-height: 24px; font-weight: 400; padding: 13px 64px 13px 16px; background: url(../../../resources/front/images/common/black_drop_ico.svg) no-repeat calc(100% - 16px ) 50% / 24px 24px;}
    .select select {background: url(../../../resources/front/images/common/black_drop_ico.svg) no-repeat calc(100% - 16px) 50% / 24px }
    .music-search-area ul{gap:12px; display: block;padding-top: 0;}
    .type2 .music-search-area ul{gap:12px; display: block;}
    .music-search-area ul li .form_wrap input[type="checkbox"]+label{font-size: 16px; line-height: 24px; font-weight: 400;}
    .music-search-list{padding-top: 60px;}
    .type2 .music-search-list{padding-top: 60px;}
    .type2 .music-search-list.pd-120{padding-top: 60px;}
    .music-search-list.type2{padding-top: 40px;}
    .music-search-list h2{font-size: 24px; line-height: 34px;}
    .type2 .music-search-list h2{font-size: 32px; line-height: 46px; font-weight: bold;}
    .music-search-list .chart-list-area.music{padding-top: 12px;}
    .type2 .music-search-list .chart-list-area.music{padding-top: 24px;}
    .search.more-btn{font-size: 18px; line-height: 28px; padding-top: 0; background: none; }
    .search.more-btn::after{content: '';display: block;width: 25.71px;height: 22px;background: url(../../../resources/front/images/common/more_arrow_result.svg) no-repeat center; background-size: 25.71px 22px;}
    .more-area.type2 .search.more-btn::after{content: '';display: block;width: 20px;height: 20px;background: url(../../../resources/front/images/common/more_link.svg) no-repeat center; background-size: 20px 20px; padding-left: 0; margin:0;}
    .more-area{margin-top: 32px;}
    .music-search-area .inp_box.search .inp_base:focus:not(:read-only){font-size: 16px; line-height: 30px; letter-spacing: -0.02em;}

    .result-list-img .mo-recnt-ani{display: none !important;}
    .result-list-img .pc-recnt-ani img{width: 35%;}
    .result-list-img ul{top: 7%;left: 45%;}
    .list-img-group .pc-recnt-ani{display: flex !important;}
    .list-img-group ul{top: 60px;left: 125px;transform: rotate(25deg);}
    .list-img-group .mo-recnt-ani{display: none !important;}
    .list-img-group .pos-bottom-one{top: unset;bottom: 0;}
    /* .flow-img-area .mo-recnt-ani{animation: flowAnimation 100s linear infinite; animation-timing-function: linear;}
    .flow-img-area .mo-recnt-ani img{object-fit: cover;} */

    /* 메들리 */
    .medley .grid-container{position: relative; grid-template-columns: repeat(10, 1fr);    place-items: center;}
    .medley .grid-item.title p{display: flex;gap: 8px;flex-wrap: nowrap;}
    .medley .grid-item.title p span{font-size: 16px; line-height: 22px; font-weight: 400;}
    .chart-list-area.medley{padding-top: 24px;}
    .chart-list-area.medley .grid-container li{width: 130px; grid-column: span 1;text-align: left; padding-left: 16px;}
    .chart-list-area.medley .grid-container li.group{grid-column: 1 / span 12; padding-bottom: 4px; padding-left: 0;}
    .chart-list-area.medley .grid-container li.title{grid-column: 1 / span 12; grid-row: 2; padding:0;}
    .medley .grid-container.list .grid-item.title{ padding:0 0 0 0}
    .medley .grid-item p span.mo-title{display: none;}
    .medley .grid-item p span{ width: 100%; padding-top: 0; font-size: 12px; line-height: 18px; font-weight: 400; color: #000;}
    .medley .grid-item p span.num2{  width: 100%;padding-top: 0;font-size: 14px;line-height: 24px;font-weight: 500;color: #000;}
    .medley .grid-item .count{padding-left: 0; width: auto; text-align: center;}
    .medley-str {display: block; margin-top:8px; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important;}
    .medley-str span{font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important;}

    /* ir */
    .ir-content>.test{font-size: 40px; line-height:47.73px; height: 600px;}
    .ir-content .category{padding-top: 0;}
    .ir-content .category ul{justify-content: start;}
    .ir-chart-list{padding-top: 0;}
    .ir-chart-list ul li{width: 100%;}
    .ir-chart-list ul{flex-direction: column;}
    .chart-area{height: 371px;}
    .chart-area .test{font-size: 44.61px;}
    .ir-chart-list ul li .title{font-size: 20px; font-weight: 500; padding-top: 12px; line-height: 30px;}
    .table-area{padding-top: 80px;}

    .table-area p{padding:12px 0; font-size: 16px; font-weight: 400; line-height: 24px;}
    th{padding:16px 10px; font-size: 16px; line-height: 24px; word-break: keep-all;}
    td{padding:8px 10px; font-size: 16px; line-height: 24px; word-wrap: break-word;}
    td:first-child{text-align: left;padding-left: 12px; }
    td.left{padding-left: 12px;}

    /* modal popup */
    .con_box>.title{padding:20px 24px}
    .chart-list-area.popup .grid-container.top{display: none;}
    .con_box .content{padding: 24px;}
    .con_box.type1 .content {height: calc(100vh - 177px);overflow-y: auto;}
    .con_box>.title h4{font-size: 20px; line-height: 30px;}
    .con_box .content .info{margin-bottom: 12px; font-size: 14px; line-height: 22px; }
    .chart-list-area.popup{display: flex; flex-direction: column; gap: 12px;}
    .chart-list-area.popup li{background-color: #F8F8F8; }
    .chart-list-area.popup .grid-container{        grid-template-columns: repeat(23, 1fr);}
    .chart-list-area.popup .grid-item{grid-column: span 1; padding:0; position: relative;}
    .chart-list-area.popup .grid-item.number{grid-column: 2 / span 21;width: 100%;}
    .chart-list-area.popup .grid-item.challenge{grid-column: 2 / span 21; padding-right: 12px;}
    .chart-list-area.popup .grid-item.singer{grid-column: 2 / span 21;}
    .chart-list-area.popup .grid-item.score{ grid-column: 23 / span 1; grid-row: 1 / span 4; width: 72px;}
    .chart-list-area.popup .grid-item.score p{display: flex !important;align-items: center; }
    .chart-list-area.popup .grid-container.list .grid-item.score p span{font-size: 20px; font-weight: 500;padding-left: 0; padding-bottom: 0;}
    .chart-list-area.popup .grid-item.score p::after{content: '점'; display: block; font-size: 20px; font-weight: 500; color: #000;}
    .chart-list-area.popup .grid-container.list .grid-item p span{    font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-size: 16px; word-break: keep-all; text-align: left; padding-bottom: 4px; font-size: 16px; line-height: 24px; width: 100%;}
    .chart-list-area.popup.song-request .grid-container.list .grid-item p span{padding-left: 0; width: auto; padding-bottom: 8px; font-size: 16px; line-height: 24px; }
    .singer-song>li:first-child{border-top: 0; border-bottom: 0;}
    .singer-song2>li:first-child{border-top: 0; border-bottom: 0;}
    .chart-list-area.popup.singer-song .grid-container.list .grid-item p span{text-align: left; padding-bottom: 4px; font-size: 16px; line-height: 24px; width: auto;     font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif;}
    .chart-list-area.popup.singer-song2 .grid-container.list .grid-item p span{text-align: left; padding-bottom: 4px; font-size: 16px; line-height: 24px; width: auto;     font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif;}
    .chart-list-area.popup .grid-container.list .grid-item .count span{font-size: 20px; padding-right:24px ;}
    .chart-list-area.popup .grid-item{text-align: left !important;}
    .chart-list-area.popup .grid-item.number p span{font-size: 16px; line-height: 24px; font-weight: 400; color:#666666 ;}
    .chart-list-area.popup .grid-item.challenge p span{color: #666;}
    .chart-list-area.popup .grid-container.list{ padding: 12px 16px; border-bottom: 0;}
    .complete-box{display: block; width: 100%; padding:13px 0; background-color: #000; }
    .complete-box button{display: flex; align-items: center; justify-content: center; width: calc(100% - 32px); font-size: 20px; font-weight: 700; line-height: 30px; color: #fff; letter-spacing: -0.02em; background-color: #000; }


    /* 반주곡 신청 */
    /* 25.05.02 */
    .recent.chart-top.clear .music .ico .grid-item.img{padding-left: 0; grid-column: 1 / span 1; grid-row: 1 / spna 3;}
    .recent.chart-top.clear .music.type-a.type-b .ico .grid-item.title3{grid-row: 2;}
    .recent.chart-top.clear .grid-container.list.ico .grid-item:first-child{    position: relative;grid-column: 2 / span 6; grid-row: 1;left: unset;}
    .recent.chart-top.clear .music.type-a.type-b .grid-container.list.ico{align-items: normal; padding:12px 0 12px 0; place-items: flex-start;}
    .flex-box.ico-flex>ul{margin-bottom: 6px; flex-wrap: wrap;}
    .recent .type-a.type-b .grid-item.title3 p.no-ico{display: none;}
    .music .ico .grid-item.title3 p span{padding-top: 0;}
    .recent.chart-top.clear .music.type-a.type-b .ico  .grid-item.title3{padding-top: 0;}
    .black-font .hot.type-b .ico .pos-type.grid-item{position: relative; top: unset;left: unset;width: 100%;grid-row: 1;}
    .music.type-a.type-b .ico .grid-item.title3{grid-row: 2;}
    .black-font .music.type-a.type-b .ico .grid-item.singer{grid-row: 3;}
    .music.type-a.type-b .ico .grid-item.title5{grid-row: 4;}
    .black-font .type-a.type-b .ico .grid-item.title3 p.no-ico{margin-top: 0;height: 18px; display: none;}
    .type2 .music.type-a.type-b .grid-container.list.ico .grid-item:first-child{position: relative;top: unset;left: unset; grid-row: 1;grid-column: 1 / span 6; width: 100%;}
    .type2 .music.type-a.type-b .ico  .grid-item.singer{grid-row: 3;}
    .type2 .type-a.type-b .ico .grid-item.title3 p.no-ico{display: none;}
    .type-a.type-b .ico .grid-item.link{grid-row: 1 / span 6;}
    .music .medley .grid-container.list.ico .grid-item:first-child{width: 100%; left:unset; top:unset; position: relative;grid-column: 1 / span 6; grid-row: 1;left: unset;}
    .chart-list-area.medley .grid-container.ico li{padding-left: 0; width: 100%;}
    .flex-box.ico-flex .ico.medley{min-width: 50px;width: 50px;height: 18px;font-size: 12px;font-weight: unset;line-height: 15px;}
    .medley .ico  .grid-item p span{margin-top: 0;}
    .type-b .ico .pos-type.grid-item{position: relative;top: unset;left: unset;width: 100%;grid-row: 1;}
    .type-a.type-b .ico .grid-item.singer{grid-row: 3;}
    .type-a.type-b .ico .grid-item.title{grid-row: 2;}
    .type-a .ico .grid-item.title .flex-box .ico{min-width: 50px; width: 50px;height: 18px;font-size: 12px;font-weight: unset;line-height: 15px;}
    .type-a .ico .grid-item.title .flex-box .ico.exclusive{width: 130px;height: 18px;font-size: 12px; font-weight: unset;line-height: 19px;}
    .type-a.type-b .ico .grid-item p.ellips-p{padding-top: 0px;}
    .flex-box.ico-flex P.no-ico{display: none;}



    .recent.chart-top.clear .music .grid-item.img{padding-left: 0; grid-column: 1 / span 1; }
    .recent.chart-top.clear .grid-container.list .grid-item:first-child{grid-column: 1;grid-row: 1;height: auto;right: unset;left: 139px;top: 0;}
    .recent.chart-top.clear .music.type-a.type-b .grid-item.singer{grid-row: 2;}
    .recent.chart-top.clear .music.type-a.type-b .grid-item.title3{padding-top: 2px;}
    .recent.chart-top.clear .grid-item p span.img-area{max-height: 64px;}
    .recent.chart-top.clear .music.type-a.type-b .grid-container.list{align-items: normal; padding:12px 0 12px 0;place-items: unset;}
    .recent.chart-top.clear .music .grid-item.title3 p span{padding-bottom: 0;}
    .recent.chart-top.clear .music .grid-item.title3 p span.text-mo{padding-top: 0; font-size: 14px; font-weight: 400;line-height: 22px;color: #000;}
    .song-wrap::after{display: none;}
    .btn_type_l.sub-mit2{ max-width: 400px; width: 100%; margin: 60px auto 0 auto;}
    .apply-check-wrap h3{font-size: 32px; font-weight: 700; line-height: 42px; letter-spacing: -0.02em; padding-bottom: 24px;}
    .big-wrap{padding:0;}
    .apply-check-wrap{padding: 60px 0 0 0;}
    .to-big-wrap  .apply-check-wrap-bg{padding: 0px;}
    .to-big-wrap{padding: 0px 24px 0 24px;}
    .to-big-wrap  .apply-check-wrap{padding: 0px;}
    .to-big-wrap .check-list-box{padding:0}
    .process-title{width: 100%;}
    .apply-processor{padding: 0 24px 60px 24px;}
    .allpy-bg-title{text-align: left; padding:0;}
    .apply-processor-list li{padding: 24px 0; flex-direction: column;}
    .process-title p{padding:16px 0; font-size: 20px; line-height: 30px; letter-spacing: -0.02em;}
    .apply-processor h3{ padding:60px 0 24px 0; font-size: 32px; line-height: 42px; font-weight: 700;}
    .apply-processor h3 .br{display: block;}
    .apply-processor-list li>p{width: 100%; word-break: keep-all; font-size: 16px; font-weight: 500; line-height: 24px;}
    .apply-processor-list li>p br{display: none;}
    .apply-bg p{padding-top: 24px; font-weight: 400; font-size: 24px; line-height: 34px; padding:0 24px; text-align: right; }
    .apply-wrap{margin-top: 60px; height: 300px;}
    .apply-bg{width: calc(100% - 24px); padding-bottom: 60px;}
    .apply-bg h1{font-size: 36px; font-weight: 400; line-height: 43.2px; letter-spacing: -0.03em;}
    .apply-bg h1 br{display: none;}
    .apply-wrap{padding: 60px 24px 0 24px;}
    .apply-info p{font-size: 18px; line-height: 28px; font-weight: 700;}
    .apply-info img{margin: 32px 0 60px 0; max-height: auto;}
    .caution-box>h4{font-size: 32px; line-height: 42px; padding-bottom: 12px;}
    .apply.swiper-container .swiper-slide {width: 302px;height: 332px;padding: 40px 32px;border-bottom-left-radius: 80px;}
    .apply.swiper-container .swiper-slide .item h4{font-size: 24px; line-height: 36px;}
    .apply.swiper-container .swiper-slide .item p{font-size: 16px; line-height: 24px;}
    .apply.swiper-container .swiper-slide.card::after {width: 60px;height: 60px;bottom: 40px;left: 32px;display: block;background: url(../../../resources/front/images/music/icon_card.svg) no-repeat center; background-size: 60px 60px;}
    .apply.swiper-container .swiper-slide.card1::after {width: 60px;height: 60px;bottom: 40px;left: 32px;display: block;background: url(../../../resources/front/images/music/icon_card1.svg) no-repeat center; background-size: 60px 60px;}
    .apply.swiper-container .swiper-slide.card2::after {width: 60px;height: 60px;bottom: 40px;left: 32px;display: block;background: url(../../../resources/front/images/music/icon_card2.svg) no-repeat center; background-size: 60px 60px;}
    .apply.swiper-container .swiper-slide.card3::after {width: 60px;height: 60px;bottom: 40px;left: 32px;display: block;background: url(../../../resources/front/images/music/icon_card3.svg) no-repeat center; background-size: 60px 60px;}
    .check-list-box {width: 100%; margin: 0px auto 0 auto; padding:0 24px}
    .form_wrap input[type="checkbox"]+label{font-size: 16px; line-height: 24px; padding-left: 28px;}
    .form_wrap input[type="checkbox"]+label::before {position: absolute; width: 20px;height: 20px;background: url(../../../resources/front/images/common/chkbox_off.svg) no-repeat 0 0 / 20px 20px;}
    .music-search-area .form_wrap input[type="checkbox"]:checked+label::before{        background: url(../../../resources/front/images/common/chkbox_on.svg) no-repeat 0 0 / 20px 20px;}
    .music-search-area .form_wrap input[type="checkbox"]+label::before{width: 20px; height: 20px;background: url(../../../resources/front/images/common/chkbox_off.svg) no-repeat 0 0 / 20px 20px; }
    .form_wrap input[type="checkbox"]:checked+label::before {background: url(../../../resources/front/images/common/chkbox_on.svg) no-repeat 0 0 / 20px 20px;}
    .check-list-box ul{gap:16px}
    .check-list-box ul li.last-ckeck{padding-top: 24px;}
    button.check-submit.update {width: 100%; padding: 13px 0;margin-top: 60px;font-size: 20px;}
    .form_wrap input[type="checkbox"] {position: absolute;width: 20px;height: 20px;}

    /* 신청곡 검색 */
    .plus-content{padding-bottom: 12px; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; color: #000;}
    .apply-search-box{max-width: 100%; padding: 60px 24px 0 24px;}
    .search-form{padding-top: 40px;}
    .search-form.type3{padding-top: 40px;}
    .form-info .chart-category .chart-item{grid-template-columns: repeat(2, 1fr);gap: 8px 8px;}
    .chart-category .chart-item.type3{padding-bottom: 24px;}
    .apply-search-box h2{padding-bottom: 12px; font-size: 24px; line-height: 34px; }
    .form-info strong{padding:0; font-size: 18px; line-height: 28px; margin-bottom: 16px;}
    .con_box.popup{padding:24px; height: 100vh; }
    .chart-list-area.singer-song{ max-height: calc(100vh - 350px); overflow-y: auto;}
    .chart-list-area.singer-song2{ max-height: calc(100vh - 350px); overflow-y: auto;}
    .chart-list-area.song-request{ max-height: calc(100vh - 403px); overflow-y: auto;}
    .con_box .content .info::before{top:8px}
    .chart-list-area.popup .grid-item.choice{width: 44px;}
    .chart-list-area.popup .grid-item.song{padding-left: 0; grid-column: span 39; grid-row: 2; padding: 0}
    .chart-list-area.popup .grid-item.song p span{padding-bottom: 0 !important;}
    .chart-list-area.popup .grid-item.singer.type2{grid-column: span 39;}
    .chart-list-area.popup .grid-container.list .grid-item.singer.type2 p span{color: #666;text-align: left; font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif;}
    .chart-category .chart-item.type3 li a{font-size: 18px; font-weight: 400; line-height: 28px; padding:9px;}
    .chart-category .chart-item.type3 li a.on{font-size: 18px; font-weight: 700; line-height: 28px; padding:9px;}

    /* 반주곡을 신청해 주세요 팝업 */
    .application-title{padding-bottom:24px; font-size: 16px; line-height: 24px; }
    .application-info ul{ gap: 4px;}
    .application-info ul li p span{ padding-left: 12px; font-size: 14px; line-height: 22px; ;}
    .complete-box.popup{padding: 13px 0;}

    /* 신청곡 검색 결과 */
    .content.song-request .info{margin-bottom: 4px;}
    .content.song-request>ul{margin:12px 0 0 0; gap: 12px;}
    .chart-list-area.popup .grid-item.ing{width: 100%; grid-row: 1 ; padding-bottom: 8px;}
    .chart-list-area.popup .grid-item.request{grid-column: span 40; padding-left: 0; grid-row: 2 ;}
    .chart-list-area.popup .grid-item.singer.type3{  grid-column: span 40; grid-row: 3 ; }
    .chart-list-area.popup .grid-item.singer.type3 p{display: flex; gap: 8px; align-items: center;}
    .chart-list-area.popup .grid-container.list .grid-item.singer.type3 p span{font-family:'tj-light'; font-weight: 300;text-align: left; width: calc(100% - 42px);padding-bottom: 0;}
    .chart-list-area.popup .grid-item.singer.type3 p::before{font-family:'tj-light'; font-weight: 300; content:'가수'; display: block; width: 42px; font-size: 14px; font-weight: 400; line-height: 22px; color:#666666; letter-spacing: -0.02em;}
    .chart-list-area.popup .grid-item.proposer{grid-column: span 40; grid-row: 5 ;}
    .chart-list-area.popup .grid-item.proposer p{display: flex; gap: 8px;}
    .chart-list-area.popup .grid-container.list .grid-item.proposer p span{font-family:'tj-light'; font-weight: 300;text-align: left; width: calc(100% - 42px);padding-bottom: 0;}
    .chart-list-area.popup .grid-item.proposer p::before{font-family:'tj-light'; font-weight: 300; content:'신청자'; display: block; width: 42px; font-size: 14px; font-weight: 400; line-height: 22px; color:#666666; letter-spacing: -0.02em;}
    .chart-list-area.popup .grid-item.request-day{ grid-column: span 40; grid-row: 6 ;}
    .chart-list-area.popup .grid-item.request-day p{display: flex; gap: 8px;}
    .chart-list-area.popup .grid-container.list .grid-item.request-day p span{ font-family:'tj-light'; font-weight: 300; text-align: left;width: calc(100% - 42px);padding-bottom: 0;}
    .chart-list-area.popup .grid-item.request-day p::before{font-family:'tj-light'; font-weight: 300; content:'신청일'; display: block; width: 42px; font-size: 14px; font-weight: 400; line-height: 22px; color:#666666; letter-spacing: -0.02em;}
    .chart-list-area.popup .grid-item.recommen{ grid-column: span 40; grid-row: 4 ;}
    .chart-list-area.popup .grid-item.recommen p{display: flex; gap: 8px;}
    .chart-list-area.popup .grid-container.list .grid-item.recommen p span{font-family:'tj-light'; font-weight: 300; width: calc(100% - 42px);padding-bottom: 0; text-align: left;}
    .chart-list-area.popup .grid-item.recommen p::before{font-family:'tj-light'; font-weight: 300; content:'추천수'; display: block; width: 42px; font-size: 14px; font-weight: 400; line-height: 22px; color:#666666; letter-spacing: -0.02em;}
    .chart-list-area.popup .grid-item.recommen-btn{grid-column: span 40; grid-row: 7 ;}
    .chart-list-area.popup .grid-container.list .grid-item.ing p .ico-ing{display: inline-block; width: 47px; padding:3px 0; font-size: 12px;line-height: 18px; text-align: center;}
    .chart-list-area.popup .grid-container.list .grid-item.ing p .ico-complete{display: inline-block; width: 57px; padding:3px 0; font-size: 12px;  line-height: 18px; text-align: center;}
    .chart-list-area.popup .grid-item.recommen-btn button{width: 100%; padding:7px 0; margin-top: 8px; }
    .customer.type2.big-wild{  padding: 60px 24px 0 24px;}
    .customer .form-list.type{padding-top: 0px;}

    /* 반주곡신청 */
    .form-list-items{gap:50px}
    .customer.type2{width: 100%; padding:60px 24px 0 24px;}
    .form-list-tpye2-title{font-size: 14px; line-height: 22px; padding-bottom: 35px;}
    .form-list-tpye2-title::before {width: 6px;height: 6px; }
    .customer.type2 .form-list.type2 strong{padding:0 0 0 0;font-size: 18px; line-height: 28px;  }
    .customer.type2 .form-list.type2 .inp_box input[type="text"]:disabled::placeholder{font-weight: 400;}
    .customer .form-list.form-info>button{width: 100%; height: 56px; font-size: 20px; line-height: 30px;}
    .textarea_box.type2::before {left: 16px;top: 16px;color: #aaa;pointer-events: none;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.02em;}
    .sub-mit2{margin-top: 32px;}
    .customer.type2 .form-list.type2 .inp_box input[type="text"]{font-size:16px;font-weight:400;line-height:24px; padding:16px}
    .customer.type2 .form-list.type2 .sel_box .sel_base{font-size:16px;font-weight:400;line-height:24px;}
    .customer.type2 .form-list.type2 .form-desc{padding-top:16px;}
    .customer.type2 .form-list.type2 .form-desc p{font-size:14px;line-height:22px;}
    .customer.type2 .form-list.type2 .personal-info{font-size:16px;line-height:24px;}
    .customer.type2 .form-list.type2 .form_wrap input[type="checkbox"]+label{padding-left:28px;font-size:16px;line-height:24px;}
    .customer.type2 .form-list.ty pe2 .form_wrap input[type="checkbox"]+label::before{width:20px;height:20px;margin-top:-10px;background-size:20px;}


    /* 비즈니스 제안 */
    .customer .info-box.type {margin-top: 0px;padding: 20px;}
    .info-box.type .btn{display: flex; align-items: center; justify-content: center; width: 100%; height: 36px;margin:7px 0 0 0;  border: 1px solid rgba(0, 0, 0, 1); font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: -0.02em;}
    .customer .form-list.type .personal-info{margin-top: 0;}
    .form-list.type ul li.last-chk{margin-top: 32px;}
    .customer .form-list .form-desc.no-mg p + p{margin-top: 0;}

    /* 제품상세 */
    .prd-detail .prd-desc ul li::before {content:'';position:absolute;top:24px;left:0;width:4px;height:4px;margin-top:-2px;background-color:#bbb;border-radius:50%}
    .prd-detail .top-section{margin-top:60px}
    .prd-detail .top-section.no-margin{margin-top: 40px;}
    .prd-detail .prd-name .flag{font-size:16px;line-height:24px}
    .prd-detail .prd-name h2{margin-top:32px; font-size:48px;line-height:48px;letter-spacing: normal;}
    .prd-detail .prd-name strong{font-size:20px;line-height:30px}
    .prd-detail .prd-img{width:100%;padding:0 24px}
    .prd-detail .prd-img img{width:100%}
    .prd-detail .prd-desc{width:100%;margin-top:0;padding:0 24px; border-bottom:0;}
    .prd-detail .prd-desc ul{border-bottom: 1px solid #666;}
    .prd-detail .prd-desc ul li{padding:13px;font-size:16px;font-weight:400;line-height:22px}
    .prd-detail .prd-swiper{margin-top:80px}
    .prd-detail .prd-swiper .swiper-container{padding:0 24px 30px;margin-bottom:0}
    /* .prd-detail .prd-swiper .swiper-slide{padding:10px 60px} */
    .prd-detail .prd-swiper .swiper-slide{padding:0}
    .prd-detail .prd-swiper .swiper-control{width:calc(100% - 48px);height:2px}
    .prd-detail .prd-swiper .swiper-scrollbar{width:100%;height:100%}
    .prd-detail .prd-swiper .swiper-button-prev{display:none}
    .prd-detail .prd-swiper .swiper-button-next{display:none}
    .prd-detail .prd-editor{gap:130px;margin-top:100px}
    .prd-detail .prd-editor .tit-large{font-size:40px;line-height:50px;letter-spacing: normal}
    .prd-detail .prd-editor .tit-medium{font-size:26px;line-height:36px;letter-spacing:normal}
    .prd-detail .prd-editor .img{margin-top:24px}
    .prd-detail .con1 .special-func ul{flex-direction: column;gap:16px;margin-top:40px}
    .prd-detail .con1 .special-func ul li{width:100%;height:120px;padding-left:120px}
    .prd-detail .con1 .special-func ul li::before{left:20px;width:80px;height:80px;margin-top:-40px}
    .prd-detail .con1 .special-func ul li span{font-size:16px;line-height:24px;}
    .prd-detail .con1 .tit-large{font-size:36px;line-height:46px;}
    .prd-detail .con1 .model{width:110px;height:57px;margin:40px auto 0}
    .prd-detail .con1 .special-func{margin-top:100px}
    .prd-detail .con1 .special-func .txt-wrap span{font-size:32px;font-weight:700;letter-spacing:-.64px;}
    .prd-detail .con1 .special-func .txt-wrap .logo{width:89px;height:46px}
    .prd-detail .con1 .ico-list ul{gap:40px 0}
    .prd-detail .con1 .ico-list ul li{width:50%;padding-top:92px}
    .prd-detail .con1 .ico-list ul li::before{width:72px;height:72px;margin-left:-36px}
    .prd-detail .con1 .ico-list ul li span{font-size:18px;line-height:28px}
    .prd-detail .con2{padding:0}
    .prd-detail .prd-editor .tit-wrap .desc{margin-top:24px;font-size:20px;line-height:30px;letter-spacing: normal;}
    .prd-detail .con2 .flex-boxs{gap:40px;flex-direction: column;margin-top:24px;padding:0 36px}
    .prd-detail .con2 .img{margin-top:24px}
    .prd-detail .con2 .info-wrap{width:100%;margin-top:24px;text-align: center;}
    .prd-detail .con2 .info-wrap .info1{margin-left:0}
    .prd-detail .con2 .info-wrap .info2{margin-top:40px;margin-left:0}
    .prd-detail .con2 .info-wrap .info3{margin-top:40px}
    .prd-detail .con2 .info-wrap .txt-large{font-size:24px;line-height: normal}
    .prd-detail .con2 .info-wrap i{margin:24px auto 0}
    .prd-detail .con2 .txt-wrap p{font-size:16px;line-height:24px;letter-spacing:-.32px;}
    .prd-detail .con7 .flex-boxs{flex-direction:column;gap:60px}
    .prd-detail .con10 .tit-large .logo{display:block;width:223px;height:40px;margin:0 0 12px auto}
    .prd-detail .con10 .dot-list{margin-top:16px}
    .prd-detail .con10 .dot-list li{padding-left:20px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.24px;}
    .prd-detail .con10 .dot-list li::before{width:2px;height:2px;margin-top:-1px}
    .prd-detail .con11{padding:0}
    .prd-detail .con11 .txt-wrap span{font-size:26px;font-weight:700;line-height:36px;letter-spacing:normal;}
    .prd-detail .con11 .txt-wrap .logo{width:69px;height:36px}
    .prd-detail .con7 .prd-editor .tit-wrap .desc{margin-top:40px;}
    .prd-detail .con11 .flex-boxs{gap:22px;margin-top:40px;}
    .prd-detail .con11 .item{margin-top:80px}
    .prd-detail .con11 .item-wrap:last-child{margin-top:120px}
    .prd-detail .con11 .item .img{width:100px;height:100px;margin:0 auto}
    .prd-detail .con11 .item strong{margin-top:10px;font-size:20px;line-height:30px}
    .prd-detail .con11 .item span{margin-top:8px;font-size:14px;line-height:22px;}
    .prd-detail .con12 .basic-func ul{gap:36px 0;margin:32px auto 0}
    .prd-detail .con12 .basic-func ul li{width:33.33% !important;padding-top:80px}
    .prd-detail .con12 .basic-func ul li::before{width:60px;height:60px;margin-left:-30px}

    /* 에러 */
    .error_wrap{top: 60px;height: calc(100vh - 60px);padding: 0 24px;}
    .error_box .error_img{margin-bottom: 16.41px;}
    .error_box .error_img img{width: 60px;height: 60px;}
    .error_box .error_txt{padding: 0 28.5px;}
    .error_box .error_txt .tit{font-size: 24px;line-height: 31px;}
    .error_box .error_txt .sub_txt{margin-top: 5px;font-size: 20px;line-height: 30px;}
    .error_box .error_txt .desc{margin-top: 11px;font-size: 14px;line-height: 22px;}
    .error_box .link_wrap{gap: 8.21px;}
    .error_box .link_wrap .link{height: 56px;padding: 13px 0;font-size: 20px;line-height: 30px;}

    /* 채용 */
    .story.title-wrap.center{min-height: auto; height: 100vh;}
    .story.title-wrap.center .title{align-items: center;justify-content: center;height: 100%;}
    .white .story .title-nav .title h3{padding:0 0 8px 0; font-size: 40px; font-weight: 500; line-height: 50px;}
    .story.title-wrap.center .title p{text-align: center;}
    .title-wrap.center{min-height: auto;}
    .title-wrap.center .title{align-items: start;}
    .title-wrap.center .title p{text-align: left;}

    .jobs-sec .inner{padding: 60px 24px;}
    .jobs-sec.talent .inner{flex-direction: column;}
    .jobs-sec.talent .inner .img-box .pc{display:none;}
    .jobs-sec.talent .inner .img-box .mo{display:inline-block;}
    .jobs-sec .title-area h2{font-size: 32px;line-height: 42px;}
    .jobs-sec .title-area p{padding-top: 10px;font-size: 20px;line-height: 30px;}
    .talent-list{display:block;margin-top: 24px;}
    .talent-list li{padding:40px 20px;}
    .talent-list li + li{border-top:0;border-left:1px solid #ddd;}
    .talent-list li .tit{font-size: 24px;line-height: 34px;}
    .talent-list li .desc{padding-top:8px;font-size: 18px;color:#444;line-height: 28px;}
    .talent-list li .img-box{left: unset;right: 40px;transform: translateX(0);}
    .talent-list li .img-box img.pc{display: none;}
    .talent-list li .img-box img.mo{display: block;}

    .jobs-sec.welfare{background-image:url(../images/intro/info_bg3_mo.png);}
    .jobs-sec.welfare .inner{gap: 60px;padding-bottom: 84px;}
    .welfare-list{grid-template-columns: repeat(2, 1fr);gap: 30px 0;}
    .welfare-list > li{align-items: start;}
    .welfare-list > li:first-child{max-width: unset;padding-right: 0;}
    .welfare-list > li:last-child{max-width: unset;padding-left: 0;}
    .welfare-list > li i{width: 50px;height: 50px;}
    .welfare-list li strong{padding-top: 12px;font-size: 24px;line-height: 31px;letter-spacing: -0.03em;}
    .welfare-list li .sub-list{padding-top: 12px;}
    .welfare-list li .sub-list li{margin-bottom: 2px;}
    .welfare-list li .sub-list li span{padding-left: 8px;font-size: 14px;line-height: 22px;}
    .welfare-list li .sub-list li span::before{width: 3px;height: 3px;}

    .jobs-sec.process .inner{padding-bottom: 4px;}
    .jobs-sec.process .process-list{gap: 0;padding: 60px 0;}
    .jobs-sec.process .process-list li{width: 11%;}
    .jobs-sec.process .process-list li::before{width: 40px;height: 40px;}
    .jobs-sec.process .process-list li.step3::before{width: 35px;}
    .jobs-sec.process .process-list li .line{max-width: 20px;margin-top: 25px;}
    .jobs-sec.process .process-list li strong{padding-top: 12px;font-size: 18px;line-height: 28px;letter-spacing: -0.02em;}
    .jobs-sec.process .process-list li strong span{display: none;}
    .jobs-sec.process .process-list li span{font-size: 14px;line-height: 22px;letter-spacing: -0.02em;white-space: nowrap;}

    .process-detail{grid-template-columns: repeat(1, 1fr);padding-top: 0px;}
    .process-detail > li{display:block;min-height:unset;padding: 24px 0;}
    .process-detail > li:last-child{border-bottom:0;}
    .process-detail > li .detail-tit strong{font-size: 20px;line-height: 30px;}
    .process-detail li .detail-desc{padding-top: 16px;}
    .process-detail li .detail-desc li span{display: block;padding-left:16px;font-size: 16px;line-height: 24px;}
    .process-detail li .detail-desc li span + span{margin-top:8px;}
    .process-detail li .detail-desc li span::before{left:4px;}
    .jobs-sec.process .warning-content{margin-top: 60px;}
    .process-detail > li.btn-inner .btn_s{margin-top:8px;}

    .job-inquiry{padding-top: 60px;}
    .job-inquiry strong{font-size: 20px;line-height: 30px;}
    .job-inquiry ul li{margin-bottom: 8px;}
    .job-inquiry ul li:last-child{margin-bottom: 0;}
    .job-inquiry ul li p{min-width: 71px;font-size: 16px;line-height: 24px;}
    .job-inquiry ul li a{font-size: 16px;line-height: 24px;}

    .employ-title{text-align: left; font-size: 40px; line-height: 50px; padding: 24px 0 60px 0;}
    .employ .list .grid-item{order: 1;}
    .employ .list .grid-item.period{order: 3;grid-column:span 6;font-size: 14px;color: #666;line-height: 22px;text-align: left;}
    .employ .list .grid-item.type{order: 2;grid-column: span 4;}
    .employ .list .grid-item:nth-last-child(1){order: 4;}
    .employ .list .grid-item.title{-webkit-line-clamp: 3;}
    .employ .grid-item.type{display: inline-block;}
    .mo-pagenation-wrap{display: flex;padding-top: 32px;}
    .mo-pagenation-wrap .first-page{padding-right: 12px;}
    .mo-pagenation-wrap .first-page a{display: block;width: 36px;height: 36px;background: url(../images/common/icon_page_first.svg) no-repeat center / 36px;}
    .mo-pagenation-wrap .prev-page a{display: block;width: 36px;height: 36px;background: url(../images/common/icon_page_prev.svg) no-repeat center / 36px;}
    .mo-pagenation-wrap .next-page a{display: block;width: 36px;height: 36px;background: url(../images/common/icon_page_next.svg) no-repeat center / 36px;}
    .mo-pagenation-wrap .last-page{padding-left: 12px;}
    .mo-pagenation-wrap .last-page a{display: block;width: 36px;height: 36px;background: url(../images/common/icon_page_last.svg) no-repeat center / 36px;}
    .mo-pagenation-wrap .page-list{display: flex;flex: 1;}
    .mo-pagenation-wrap .page-list .page-num{justify-content: center;width: 100%;gap: 16px;padding: 4px 0;}
    .inp_base {height:64px;padding:16px 48px 16px 24px;font-size:20px; line-height:30px; font-weight: 700;}
    .type3 .inp_base {height:56px;padding:16px 48px 16px 24px;font-size:16px; line-height:24px; font-weight: 400;}
    .type3 .inp-btn{font-weight: 700; line-height: 30px; font-size: 20px; padding:12px 24px}
    .type3 .inp-btn-area{gap:8px; margin-bottom: 24px;}
    .type3 .inp-btn-area.no-pd{gap:8px; margin-bottom: 0px;}
    .sing-warning{display: none;}

    /* Guide */
    [class*="btn_type"]:hover {background:#444;}
    [class*="btn_type"].black:hover {background:rgba(255, 255, 255, 0.15);}
    [class*="btn_type2"]:hover {background:#F8F8F8}
    .btn_type_l {height:80px;font-size:24px;line-height:36px}
    .type3 .btn_type_l {height:56px;font-size:20px;line-height:30px; font-weight: 700;}
    .type3 [class*="btn_type"]:disabled{width: 100%; height:56px;font-size:20px;line-height:30px; font-weight: 700;}
    .btn_type_m {height:64px;font-size:20px;line-height:30px}
    .btn_type_s {height:48px;font-size:16px;line-height:24px}app_info2_mo.png

                                                             .inp_box.search .btn_inp_del {right:50px}
    .inp_box.search .btn_search {right:19px}
    .sel_base {height:64px;padding:16px 48px 16px 24px;font-size:16px;line-height:30px;}
    .customer .find-center .location-wrap .list-area .search-box .inp_box input::placeholder{font-size: 16px !important;}
    .textarea_box {padding:24px 24px 36px 24px;}
    .textarea_box:hover:not(.disabled) {border:1px solid #000}
    /* .textarea_box textarea {font-size:20px;font-weight:700;line-height:30px;} */
    .find-center-popup{    max-width: 520px; min-width: 90%; width: auto;}

    /* 제품 목록 */
    .product-intro{padding:0;}
    .product-intro .product-con .top{position:relative;display:flex;flex-direction:column;padding:5px 0 0;}
    .product-intro .product-con .top p{font-size:60px;line-height:50px; padding:0 24px}
    .product-intro .product-con .top .tab_sticky.tab{margin-top: 40px;width: 100%;overflow: hidden;padding: 0 0 0 24px;}
    .product-intro .product-con .top p span{line-height:90px;}
    .product-intro .product-con .top .tab_sticky2{margin-top:32px;padding-bottom:0; padding-left: 0;}
    .product-intro .product-con .top .tab_sticky2 .swiper-container{padding-top:0; padding-left: 24px;}
    .product-intro .product-con .list{margin-top:100px; padding:0 24px}
    .product-intro .product-con .list li{width:unset;margin:0;}
    .product-intro .product-con .list li + li{padding-top:130px;}
    .product-intro .product-con .list .img-box{width:unset;padding:0 27px;}
    .product-intro .product-con .list .desc-box{margin-top:40px;padding-top:40px;}
    .product-intro .product-con .list .desc-box p{font-size:38px;line-height:48px;}
    .product-intro .product-con .list .desc-box p i.best,
    .product-intro .product-con .list .desc-box p i.new{width:75px;height:30px;}
    .product-intro .product-con .list .desc-box a{display: inline-block; padding-right:28px;background: url(../images/product/ico_arrow.svg) no-repeat 100% 50% / 20px 20px;font-size:18px;line-height:28px; letter-spacing: -0.04em;}
    .product-intro .product-con .list .desc-box a::after{display: none;}
    .product-intro .product-con .video-bg{margin-top:-500px; display: none !important;}
    .product-intro .product-con .video-box{height:100%;margin:0 -24px;}
    .product-intro .product-con .video-box video{height:100vh;object-fit:cover;}
    .product-intro .product-con .video-bg .inner{padding-top:500px;}
    .product-con .category ul{gap: 4px;}
    .product-con .category ul a{padding: 10px 16px;border: 1px solid #444;}
    .product-con .category ul a.on{padding: 11px 16px;}
    .product-intro .product-con .list .desc-box p .flag{width: 75px;height: 30px;margin-left: 16px;font-size: 14px;line-height: 30px;}

    /* 소개 계열회사 */
    .family-wrap .inner.new-sub .case3-img{position: relative; order: 2;}
    .family-wrap .inner.new-sub{justify-content: start; padding: 0}
    .family-wrap .inner.new-sub .case-title{padding:0 24px; width: 100%;}
    .family-wrap .inner.new-sub .case-title>div>div{padding-bottom: 60px;}
    section.family.case1.bottom .inner.new-sub .case-title>div>div{padding-bottom: 0px;}
    .family-wrap .case1 .inner.new-sub .case1-img{position: relative; order: 2;}
    .family-wrap .case1 .inner.new-sub{justify-content: start; padding:0 0 0}
    .family-wrap .case1 .inner.new-sub.end{justify-content: end; padding:0 0 0px}
    /* .family-wrap .case1.three .inner.new-sub.end{padding:0 } */
    .type-nav.recent.new-sub{min-height: auto; background-color: #fff;}
    .intro-visual-bg.family-bg{background: url('../../../resources/front/images/intro/mo_intro_bg_family.png') no-repeat center; background-size: cover;}
    .family-wrap .inner{flex-direction:column-reverse;align-items:start;gap:40px;padding:60px 24px}
    .family-wrap .case1-img{width:100%}
    .family-wrap .case1-img .mo{display:block;width:100%}
    .family-wrap .case1-img .pc{display:none}
    .family-wrap .case-title span{width: 174px;height: 93px;margin-bottom:24px;background-size:contain}
    .family-wrap .family.case1.three .case-title span{width: 196px;height: 60px;margin-bottom:24px;background-size:contain}
    .family-wrap .case-title strong{font-size: 28px;line-height: 38px;}
    .family-wrap .case-title a{width:38px;height:32px}
    .family-wrap .family.case2 .case-title .new-more-type-white>a{width:38px;height:32px;background: url(../../../resources/front/images/common/white_more_link2.svg) no-repeat center;
        background-size: 100% 100%;}
    .family-wrap .family.case2 .case-title .new-more-type-white>a::after{display: none;}
    .family-wrap .case-title .new-more-type>a{width:38px;height:32px; background: url('../../../resources/front/images/common/more_link2.svg') no-repeat center; background-size: 32px 32px;}
    .family-wrap .case-title .new-more-type>a::after{display: none;}
    .new-more-type>a{width:38px;height:32px; background: url('../../../resources/front/images/common/more_link2.svg') no-repeat center; background-size: 32px 32px;}
    .new-more-type>a::after{display: none;}
    .family-wrap .family.case2 .inner{flex-direction:column}
    .family-wrap .family.case2{padding: 60px 0 0px 0;}
    .family-wrap .case2-img.two{padding-left: 0; width: 100%;}
    .family-wrap .family.case2 .case-title span{width: 278px;height: 47px;margin: 0 0 24px;background-size:contain}
    .family-wrap .family.case3 .case-title span{width:146px;height:80px;margin-bottom:24px}
    .family-wrap .case3-img{width:100%}
    section.family.case1.top{border-top: unset;}
    section.family.case1.bottom{border-bottom: unset;}
    .family-wrap .case3-img .mo{display:block;width:100%}
    .family-wrap .case3-img .pc{display:none}

    /* ci 글꼴 */

    .ci-cont.typeface .slide1{background: url(../images/intro/mo_img_ci4.png) no-repeat center; background-size: cover; }
    .ci-cont.typeface .slide2{background: url(../images/intro/mo_img_ci5.png) no-repeat center; background-size: cover;}
    .ci-cont.typeface .slide3{background: url(../images/intro/mo_img_ci6.png) no-repeat center; background-size: cover;}
    .ci-cont.typeface .swiper-slide{height: 450px;}
    .ci-cont.typeface>.inner{max-width: 1448px; padding: 0; position: relative; z-index: 2;}
    .ci-content .title-top{padding:24px 0 40px; min-height: 400px;}
    .ci-content .title-top h2{font-size:40px;letter-spacing:-1.2px}
    .ci-content .title-top p{margin-top:8px;font-size:14px;line-height:22px;letter-spacing:-.28px;}
    .ci-content .ci-intro{padding-top:60px}
    .ci-content .title-wrap{flex-direction:column;align-items: start;gap:32px}
    .ci-content .title h3{font-size:24px;line-height:34px;letter-spacing:-.48px}
    .ci-content .title p{margin-top:24px;font-size:18px;line-height:28px}
    .ci-content .btn-download{flex-direction:column;width:100%}
    .ci-content .btn-download a{width: 100%}
    .ci-content .ci-img{padding-top:60px}
    .ci-content .img-box .img-mo{display:block}
    .ci-content .img-box .img-pc{display:none}
    .ci-content .img-box img{width:100%}
    .ci-content .symbol-detail{flex-direction:column;gap:24px;margin-top:60px}
    .ci-content .symbol-detail .col{width:100%}
    .ci-content .symbol-detail .img-box{margin:18px 0}
    .ci-content .symbol-detail .symbol{width:50%;margin:18px auto}
    .ci-content .symbol-detail strong{font-size:18px;line-height:28px}
    .ci-content .symbol-detail .txt-box{font-size:14px;line-height:22px;letter-spacing:-.28px}
    .ci-content .ci-font{padding-top:80px}
    .ci-content .info{padding-top:60px}
    .ci-content .info .title-sm{font-size:20px;line-height:30px}
    .ci-content .info .title-lg{margin-top:12px;font-size:32px;line-height:46px}
    .ci-content .info .contents-wrap{flex-direction:column;gap:50px;padding-top:30px}
    .ci-content .info .txt-box{margin-top:16px}
    .ci-content .info .txt-box strong{font-size:28px;line-height:42px}
    .ci-content .info .txt-box p{margin-top:8px;font-size:16px;line-height:24px}
    .ci-content .font-detail .img-box{padding-top:60px}
    .ci-content .font-download{padding-top:60px}
    .ci-content .font-download p{font-size:20px;font-weight:700;line-height:30px}
    .ci-content .gray-box{margin-top:80px;padding:20px}
    .ci-content .gray-box strong{padding-left:32px;font-size:20px;line-height:30px}
    .ci-content .gray-box strong::before{width:24px;height:24px}
    .ci-content .gray-box ul{margin-top:12px}
    .ci-content .gray-box ul li{margin-top:4px;font-size:14px;line-height:22px;}

    /* 글꼴 */
    .ci-cont.typeface .swiper-slide .txt-box strong{font-size: 38px;}
    .ci-cont.kind .inner{position: relative; padding:0;}
    .ci-content .top-tit{padding: 84px 24px 60px;font-size: 40px;font-family:'tj-bold';font-weight: 700;line-height: 56px;}
    .ci-content .title-top{min-height: 400px;  background: url('../../../resources/front/images/intro/mo_img_ci_bg.png') no-repeat center / cover;}
    .ci-content .title-top .inner p{margin-bottom: 20px;font-size: 16px;line-height: 24px;}
    .ci-content .title-top .btn-download{flex-direction: row;}
    .ci-content .title-top .btn-download a{height: 36px;padding: 7px 14px;font-size: 14px;line-height: 22px;}
    .ci-content .btn-download a::after{top:-1px}
    .ci-cont.intro .ci-img{flex-direction: column;gap: 69.71px;padding: 100px 0;}
    .ci-cont .inner .sub_tit{font-size: 20px;font-weight: 700;line-height: 30px;letter-spacing: -0.02em;}
    .ci-cont .inner .txt-box{margin-top: 12px;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
    .ci-cont.symbol .symbol-detail{padding: 100px 0;}
    .ci-cont.symbol .symbol-detail .img-box{margin-top: 80px;}
    .ci-cont.color .col{padding: 100px 0;}
    .ci-cont.color .color-box{flex-direction: column;gap: 10px;}
    .ci-cont.color .color-box .black-cont{padding: 15px 0 27.5px 12px;}
    .ci-cont.color .color-box .blue-cont{padding: 15px 0 27.5px 12px;}
    .ci-cont.color .color-box .color-desc p{font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.02em;}
    .ci-cont.font .font-download{padding: 100px 0;}
    .ci-cont.font .title-sub .title-sm{font-size: 20px;line-height: 30px;letter-spacing: -0.02em;}
    .ci-cont.font .title-sub .title-lg{margin-top: 12px;font-size: 36px;line-height: 46px;}
    .ci-cont.font .title-sub p{font-size: 16px;font-weight: 400;line-height: 24px;}
    .ci-cont.font .font-download .btn-download{flex-direction: row;flex-wrap: wrap;}
    .ci-cont.font .font-download .btn-download a{width: 128px;height: 36px;padding: 0;font-size: 14px;line-height: 22px;}
    .ci-cont.typeface .swiper-container {overflow: hidden;padding: 100px 24px;}
    .ci-cont.typeface .swiper-wrapper{gap: 0;justify-content: unset;}
    .ci-cont.typeface .swiper-slide{width: calc(100% - 40px);}
    .ci-cont.typeface .swiper-slide-active .txt-box{top: 40.25px;left: 28px;opacity: 1;}
    .ci-cont.typeface .swiper-slide-active .txt-box strong{font-size: 38px;line-height: 48px;}
    .ci-cont.typeface .swiper-slide-active::after{background:none;}
    .ci-cont.feature .inner{padding: 100px 24px 100px;}
    .ci-cont.feature .font-detail{gap: 60px;}
    .ci-cont.feature .font-detail li{padding-bottom: 40px;}
    .ci-cont.feature .font-detail li .emphasis{font-size: 18px;line-height: 28px;}
    .ci-cont.feature .font-detail li .desc{margin-top: 12px;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
    .ci-cont.feature .font-detail li .ex-text{margin-top: 24px;font-size: 36px;line-height: 46px;}
    .ci-cont.kind .swiper-container{padding: 185px 0 322px;}
    .ci-cont.kind .kind-detail .tit{font-size: 36px;line-height: 46px;}
    .ci-cont.kind .kind-detail .font_family{position: relative;width: 100%;margin:25px 0 0;padding-top: 12px;border: 0;font-size: 36px;line-height: 46px;}
    .ci-cont.kind .kind-detail .font_family::before{content: '';display: inline-block;position: absolute;left: 50%;top: 0;width: 20px;height: 1px;background: #fff;opacity: 0.6;transform: translateX(-50%);}
    .ci-cont.kind .kind-detail .desc{margin-top: 24px;gap: 4px;}
    .ci-cont.kind .kind-detail .desc span{font-size: 12px;line-height: 22px;}
    .ci-cont.kind .swiper-control{height: 25px;}
    .ci-cont.kind .swiper-button-prev{left: 24px;width: 36px;height: 32px;background-size: 36px 32px;}
    .ci-cont.kind .swiper-button-next{right: 24px;width: 36px;height: 32px;background-size: 36px 32px;}
    .ci-cont.kind .swiper-pagination{bottom: 197px;}
    .ci-cont br.mo{display: block;}

    /* 유료곡 */
    .paid-song .customer .inquiry-login .form-list dd{padding-top:16px;}
    .paid-song .form-list .inp_box .inp_base{height:56px;padding:16px;}
    .paid-song .form-list .type-add-btn{position:relative;display:block;}
    .paid-song .form-list .type-add-btn .inp_box{width:100%;}
    .paid-song .form-list .type-add-btn .btn_type2_l{position:absolute;left:0;bottom:-102px;width:100%;height:48px;font-size:16px;line-height:24px;}
    .paid-song .form-list .type-add-btn + .form-desc{padding-bottom:64px;}
    .paid-song .form-list .type-add-num .remain-time{width:unset;font-size:16px;line-height:24px;}
    .paid-song .form-list .inp_box .inp_base:read-only{font-weight:400;}
    .paid-song .customer .tit-box{align-items:unset;flex-direction:column;gap:4px;margin-top:0;}
    .paid-song .customer .tit-box h4 + .desc{font-size:14px;font-weight:300;line-height:22px;}
    .paid-song .customer .info-box{padding:20px;}
    .paid-song .customer .form-list dd{padding-top:12px;}
    .paid-song .customer .form-list .radio-box{flex-direction:column;gap:16px;padding:28px 0 16px;}
    .paid-song .customer .form-list dt .desc{position:absolute;top:35px;padding-top:0;}
    .paid-song .customer .form-list .chk-box{flex-wrap:wrap;gap:0;}
    .paid-song .customer .form-list .chk-box .form_wrap{width:50%;}
    .paid-song .customer .form-list .info_box{margin-top: 12px;padding: 8px 7px;}
    .paid-song .customer .form-list .info_box p{text-align: center;}
    .paid-song .customer .info-box + .radio-box{gap:16px;padding:48px 0 14px;}
    .paid-song .customer .btn-wrap + .form-desc{margin-top:40px;}
    .paid-song .customer .btn-wrap + .form-desc p + p{margin-top:4px;}
    .paid-song .preview .customer .info-box{margin-top:32px;}
    .paid-song .preview .customer .txt-info{padding-top:40px;font-size:16px;line-height:24px;}
    .paid-song .preview .customer .txt-info br{display:none;}
    .paid-song .preview .customer .form-list .radio-box{gap:8px;}
    .paid-song .preview .customer .txt-info + .form-list > h5{padding-top:32px;}
    .paid-song .preview .customer h5{font-size:22px;line-height:32px;}
    .paid-song .detail-login .info-box{margin-top:0;}
    .paid-song .payment h4{padding:60px 0 12px;}
    .paid-song .payment .payment-confirm h4{padding:0 0 12px;}
    .paid-song .payment .payment-confirm > ul{display:flex;align-items:flex-end;gap:16px;padding:20px 16px;background:#F8F8F8;}
    .paid-song .payment .payment-confirm > ul ul{display:unset !important;}
    .paid-song .payment .payment-confirm > ul ul li{display:flex;width:unset !important;padding:0;text-align:left;}
    .paid-song .payment .payment-confirm > ul .top{display:none;}
    .paid-song .payment .payment-confirm > ul ul li:first-child{padding-top:0;font-size:16px;font-weight:700;line-height:24px;}
    .paid-song .payment .payment-confirm > ul ul li.txt-song{padding-top:12px;font-size:18px;font-weight:500;line-height:28px;}
    .paid-song .payment .payment-confirm > ul ul li{padding-top:4px;font-size:14px;line-height:22px;}
    .paid-song .payment .payment-confirm .mo-only{display:block;width:67px;font-size:14px;font-weight:400;color:#888;line-height:22px;}
    .paid-song .payment .payment-detail ul{flex-direction:column;padding:21px 16px;}
    .paid-song .payment .payment-detail ul li{flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%;padding:12px 0 0;}
    .paid-song .payment .payment-detail ul li:first-child{padding-top:0;}
    .paid-song .payment .payment-detail ul li:nth-child(2n){display:none;}
    .paid-song .payment .payment-detail ul li:last-child{margin-top:12px;padding-top:16px;border-top:1px solid #444;}
    .paid-song .payment .payment-detail ul strong,
    .paid-song .payment .payment-detail ul strong span{font-size:16px;color:#000;line-height:24px;}
    .paid-song .payment .payment-detail ul strong span{display:inline;}
    .paid-song .payment .payment-detail ul span{color:#888;}
    .paid-song .payment .payment-detail ul .total strong{font-size:18px;line-height:28px;}
    .paid-song .payment .payment-method .radio-box{flex-direction:unset;gap:24px;}
    .paid-song .payment .inquiry-box h5{font-size: 22px; line-height: 32px;}
    .paid-song .payment .inquiry-box ul{flex-direction: column; padding-top: 24px;}
    .paid-song .payment .btn-wrap{padding-top:60px;}
    .paid-song .payment .inquiry-box li {padding-left: 44px;background: url(../../../resources/front/images/song/ico_sms.svg) no-repeat 0 0 / 24px 32px;}
    .paid-song .payment .inquiry-box li strong{font-size: 14px; line-height: 22px;}
    .paid-song .payment .inquiry-box li p{font-size: 16px; line-height: 24px; padding-top: 4px;}
    .paid-song .payment .inquiry-box li:last-child{margin-top:12px ;}

    .intro_news_detail.winner .detail-title-area{padding-bottom: 16px;}
    .intro_news_detail.winner .detail-title-area h5{line-height: 34px;}
    .intro_news_detail.winner .detail-title-area .date{font-size: 20px;line-height: 30px;}
    .intro_news_detail.winner .detail-title-area .date.update{font-size: 24px;line-height: 34px;}
    .intro_news_detail.winner .detail-title-area .song-ing-date{margin-top: 24px;}
    .intro_news_detail.winner .detail-content{padding: 32px 0 0;}
    .winner-area .img-mo{display:block}
    .winner-area .img-pc{display:none}
    .intro_news_detail.winner .chart-list-area{padding-top: 10px;}
    .intro_news_detail.winner .chart-list-area li:nth-child(2) .list{margin-top: 0;}
    .intro_news_detail.winner .chart-list-area .grid-container.list{margin-top: 12px;}
    .intro_news_detail.winner .chart-list-area .grid-container.top{border: 0;}
    .intro_news_detail.winner .chart-list-area .grid-container.list{padding: 12px 16px;border-bottom: 0;background: #F8F8F8;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item p{display: flex;gap: 8px;flex-wrap: nowrap;font-family: "Pretendard";font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.02em;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.num{grid-column: span 9;text-align: left;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.num p::before{content:'휴대전화 번호';display: block;width: 86px;font-size: 16px;color: #888;line-height: 24px;letter-spacing: -0.02em;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.song{grid-column: span 9;text-align: left;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.song p::before{content:'도전곡';display: block;min-width: 86px;width: 86px;font-size: 16px;color: #888;line-height: 24px;letter-spacing: -0.02em;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.singer{grid-column: span 9;padding-left: 0;text-align: left;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.singer p::before{content:'가수';display: block;width: 86px;font-size: 16px;color: #888;line-height: 24px;letter-spacing: -0.02em;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.total{display: flex;justify-content: end;grid-row: 1 / 10;grid-column: span 1;}
    .intro_news_detail.winner .chart-list-area .grid-container.list .grid-item.total .mo-txt{display: block;}

    /* 약관 */
    .intro_news.event.detail-pd .song-title{padding: 84px 0 20px 0;}
    .type-nav.recent.new-sub .nav-item{min-height: auto; margin-bottom: 0;}
    .terms-title{padding-top: 24px;}
    .terms-title h1{font-size: 40px;line-height: 46px;}
    .terms-title p{margin-top: 8px;font-size: 14px;line-height: 22px;}
    .terms-content{padding-top: 100px;}
    .terms-content .terms-box{margin-top: 80px;}
    .terms-box h2{font-size: 24px;line-height: 34px;}
    .terms-box h2 + .terms-detail{padding-top: 24px;}
    .terms-box .terms-detail + .terms-detail{padding-top: 24px;}
    .terms-detail .sub-tit{font-size: 20px;line-height: 30px;}
    .terms-detail .desc-list li p{font-size: 14px;line-height: 22px;}
    .terms-detail .desc-list li .list-depth2 li p{font-size: 12px;line-height: 18px;}

    /* 부정행위접수 */
    .denial .terms-box .terms-detail + .terms-detail{padding-top: 80px;}

    /* 개인정보취급방침 */
    .regulation-list li div.desc-list p{font-size: 14px;line-height: 22px;}
    .terms-detail .regulation-list li .ex-txt{font-size: 14px;line-height: 22px;}
    .terms-box .terms-detail.pt-32{padding-top: 24px;}
    .terms-detail .regulation-list li .ex-txt.bk{padding-top: 12px;font-size: 16px;line-height: 24px;}
    .regulation-list li div.desc-list{padding-top: 12px;}
    .list-ex span{font-size: 12px;line-height: 18px;}
    .terms-detail .regulation-list li div.list-tit{font-size: 14px;line-height: 22px;}
    .regulation-list li div.desc-list p a{margin-left: 2px;font-size: 14px;line-height: 22px;}

    /* 내부정보관리규정 */
    .info .terms-title{padding-bottom: 0;}
    .terms-detail .regulation-list li .sub-desc{font-size: 12px;line-height: 18px;}
    .terms-detail .regulation-list li div{display: block;font-size: 16px;line-height: 24px;}
    .terms-detail .regulation-list li .list-depth2 li p{font-size: 14px;line-height: 22px;}
    .terms-detail .regulation-list li .date{padding-left: 0;}
    .terms-detail .desc-txt{font-size: 16px;line-height: 24px;}
    .terms-detail .end{margin-top: 24px;}

    /* 유료곡등록 */
    .paid.agree{padding:60px 24px 0 24px;}
    .paid .swiper-container.category{padding-top: 0;}
    .paid{max-width: 100%;padding: 60px 0 0;}
    .inquiry_area {margin-top: 80px;}
    .inquiry_area .inner-tit{font-size: 24px;line-height: 34px;}
    .inquiry_area .inner-tit .mo{display: block;}
    .inquiry_category{flex-direction: column;gap: 20px;}
    .inquiry_category .category_cont .inner .txt-in p{font-size: 18px;line-height: 28px;letter-spacing: -0.02em;}
    .inquiry_category .category_cont .inner .txt-in span{margin-top: 8px;}
    .paid .warning-content{margin-top: 32px;}
    .paid .guide_txt{margin-top: 40px;font-size: 16px;line-height: 24px;}
    .paid .guide_txt .mo{display: block;}
    .paid .btn-wrap{margin-top: 16px;}
    .paid .btn-wrap button{width: 100%; height: 56px;font-size: 20px;line-height: 30px;letter-spacing: 0.02em;}
    .paid>.inner{padding: 0 24px 0px 24px;}
    .paid-img-box{margin-top: 40px;padding-top:0 !important; }
    .paid h4{font-size:32px;line-height:42px; white-space:unset; word-break: keep-all;}
    .scale .category_cont{width: 100%;}
    .paid h4 + p{padding-top:24px;font-size:18px;line-height:28px;}
    .paid h4 p.p{padding-top:24px;font-size:18px;line-height:28px;}
    .paid .paid-img-box .marquee-box{overflow:hidden;display:flex;gap:12px;margin:0 -24px; padding-top: 24px;}
    .paid .paid-img-box ul{flex-wrap:nowrap;gap:12px;white-space:nowrap;width:1000px;animation:marquee 15s linear infinite;}
    .paid .paid-img-box ul.img-list2{display:flex;}
    .paid .paid-img-box ul li{display:inline-block;max-width:unset;width:200px;height:100%;}
    .paid .paid-img-box ul li.margin{margin-right:0;}
    @keyframes marquee{
        0%{
            -webkit-transform:translate3d(0,0,0);
            -o-transform:translate3d(0,0,0);
            -moz-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
        }100%{
             -webkit-transform:translate3d(-100%,0,0);
             -o-transform:translate3d(-100%,0,0);
             -moz-transform:translate3d(-100%,0,0);
             transform:translate3d(-100%,0,0);
         }
    }
    .paid .paid-banner{margin-top:0px;padding:60px 24px;}
    .paid .paid-banner .inner{flex-direction:column;gap:40px;}
    .paid .paid-banner .txt-box{width:unset;}
    .paid .paid-banner p{padding-top:24px; word-break: keep-all;}
    /* .paid .paid-banner p br{display: none;} */
    .paid .paid-info{margin-top:40px;padding:60px 24px;}
    .paid .paid-info::before{width:144px;height:250px;}
    .paid .paid-info::after{width:129px;height:244px;background-image:url(../../../resources/front/images/song/bg_info2_mo.png);}
    .paid .btn-wrap{margin-top:40px;}
    .paid .btn-wrap button{height:48px;font-size:16px;line-height:24px;}
    .paid .inquiry_area{flex-direction:column;gap:24px;padding:20px 24px; margin-top: 12px;}
    .paid .inquiry_area h4{font-size:22px;line-height:32px;}
    .paid .inquiry_area .inquiry_category{gap:20px;}
    .inquiry_category .category_cont .inner i{width:32px;height:32px;background-size:32px !important;}
    .inquiry_category .category_cont .inner .txt-in span{margin-top:4px;}
    .inquiry_category .category_cont .inner .txt-in span,
    .inquiry_category .category_cont .inner .txt-in span a{font-size:16px;line-height:24px;}
    .paid .warning-content{margin-top:40px;}

    /* 유료곡등록 개인정보수집동의 */
    .paid_process.type2{padding-top: 0;}
    .paid_process.type2 h4{margin-top: 0; font-size: 24px;}
    .type2 .jobs-sec.process .inner{padding: 0;}
    .process-ul.type2{padding-top: 24px;}
    .paid_process .process_list{flex-direction: column;gap: 24px;}
    .process_list li{align-items: start;justify-content: center;flex-direction: row;gap: 20px;padding-left: 25px;}
    .process_list li .img-box{display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;}
    .process_list li .img-box img{width: 50px;height: 50px;}
    .process_list li .step-detail{max-width: 155px;min-width: 155px;padding: 6px 0;}
    .process_list li .step-detail strong{text-align: left;word-break: break-all;}
    .process_list li .step-detail span{font-size: 20px;line-height: 30px;letter-spacing: -0.02em;text-align: left;word-break: break-all;}
    .process_list li .step-detail p{font-size: 14px;line-height: 22px;word-break: break-all;}
    .process_list li:nth-child(2n){justify-content: center;align-items: center;max-width: 100%;min-width: 32px;min-height: 32px;padding-left: 0;}
    .process_list li .line{width: 32px;;margin-top: 0;transform: rotate(90deg);}
    .paid .form-list{margin-top: 40px;}
    .paid .form-list .form-tit{font-size: 24px;line-height: 34px;}
    .paid .form-list .personal-info{margin-top: 24px;font-size: 16px;line-height: 24px;}
    .paid .form-list .form_wrap input[type="checkbox"]+label{font-size: 16px;line-height: 24px;}
    .paid.agree .btn-wrap{margin-top: 40px;}

    /* 차트 HOT100 */
    .type-nav.recent.new-sub2{min-height: 290px;}
    .top-img.pc{width: 160px; height: 160px; right: 0; bottom:42px}
    .top-img.mo{display: block; width: 100%;}
    .video-area.update{overflow: hidden;position: relative;  height:290px;}
    .video-area.update.black{overflow: hidden;position: relative;  height:290px;}
    .flow-area{height:238px;padding:0;}
    .flow-area .txt-box{top:60px; bottom:52px;gap:13px;}
    .flow-area .txt-box h2{font-size:40px;line-height:56px;}
    .flow-area .txt-box p{padding-top:8px;font-size:14px;line-height:22px; letter-spacing: -0.02em;}
    .flow-area .flow-box .flow2{animation-delay:.25s;animation-duration:2.15s;}
    .flow-area .flow-box .flow3{animation-delay:.15s;animation-duration:2.5s;}
    .flow-area .flow-box .flow8{animation-delay:.4s;animation-duration:2.25s;}
    .flow-area .flow-box .flow4,
    .flow-area .flow-box .flow7{animation-delay:.3s;}
    .flow-area .flow-box li .bg{width:33px;max-height:235px;}
    .flow-area .flow-box li .bg2{width:27px;margin-left:-13.5px;-webkit-filter:blur(15px);filter:blur(15px);}

    /* 유료곡 등록 */
    .paid-song .payment .inquiry-box{padding-top:70px;}
    .add-content{padding: 0px 0 40px 0; gap:4px}
    .receipt-details{padding:60px 24px 0}
    .receipt-details .category{padding-top:0}
    .paid-song-list{margin-top:0}
    .paid-song-list >li+li{margin-bottom:12px}
    .paid-song-list .grid-container.top{border:0}
    .paid-song-list .grid-container.list{display:block;position:relative;padding:24px 16px;border-bottom:0;background-color:#F8F8F8}
    .paid-song-list .grid-item{display:flex;gap:16px;margin-top:4px}
    .paid-song-list .grid-item.center{text-align: left;}
    .paid-song-list .grid-item.date p{color:#666}
    .paid-song-list .grid-item.pos{position:absolute;top:24px;right:16px;width:auto;}
    .paid-song-list .grid-item.title{margin-top:16px}
    .paid-song-list .grid-item.title p{font-size:18px;font-weight:500;line-height:28px;}
    .paid-song-list .grid-item.singer{padding-left:0}
    .paid-song-list .grid-item.state li{font-size:14px;line-height:22px;}
    .paid-song-list .grid-item.state li span{margin:1px 0;padding:1px;text-align:center; font-family:'tj-bold';}
    .paid-song-list .grid-item.pay{display:block;padding-left:0;margin-top:16px; padding-right: 0;}
    .paid-song-list .grid-item.pay ul{display:flex;gap:8px}
    .paid-song-list .grid-item.pay ul li{flex:1}
    .paid-song-list .grid-item.pay button{background:transparent}
    .paid-song-list .grid-item.pay button:disabled{background:#eee}
    .paid-song-list .grid-item p{font-size:14px;line-height:22px;letter-spacing: -.28px;}
    .paid-song-list .grid-item .mo-only{flex:none;width:70px;display:block;font-size:14px;color:#888;line-height: 22px;letter-spacing:-0.02em;}
    .paid-song-list .grid-item .flag{width:68px;padding:1px;font-size:12px;line-height:18px;text-align: center;}

    /* 소개 */
    .intro-visual .intro-title{align-items:center;padding:200px 0 0}
    .intro-visual .intro-title h1{font-size:36px;line-height:46px;text-align: center;}
    .intro-visual .intro-title h1 span{justify-content: center;}
    .intro-visual .intro-title h1 em{width:43px;height:30px}
    .intro-visual .rotate-div{height:100%}
    .intro-visual .loopslide{height:100%;bottom:50%}
    .intro-visual .loopslide ul{gap:8px}
    .intro-visual .loopslide ul + ul{margin-top:8px}
    .intro-visual .loopslide ul li{width:33.33%; min-width: 219px; min-height: 146px;}
    .intro-sec1 .inner{padding:100px 24px 0}
    .intro-sec1 .item-wrap{gap:100px}
    .intro-sec1 .item-wrap .item{flex-direction: column;align-items: start;gap:40px}
    .intro-sec1 .item-wrap .item.case2{align-items: end;}
    .intro-sec1 .item-wrap .item.case2 .thumb{width:100%;height:100%}
    .intro-sec1 .case1{padding-right:10%}
    .intro-sec1 .case2{padding-left:10%}
    .intro-sec1 .case1 .thumb{border-radius: 50px;}
    .intro-sec1 .text strong{font-size:36px;font-weight:700;line-height:46px;}
    .intro-sec1 .case1 .text{padding-left: 0;}
    .intro-sec1 .case2 .text{padding-right: 0;}
    .intro-sec1 .text p{margin-top:24px;font-size:18px; line-height: 28px;}
    .intro-sec1 .list-text span{font-size:min(4.4vw, 78px)}
    .intro-sec1 .list-text p{font-size:min(2.3vw, 78px)}
    .intro-sec1 .swiper-slide .inbox{gap:20px}
    .intro-sec1 .swiper-pagination{bottom:-20px;font-size:min(2.3vw, 78px); position: relative;}
    .intro-sec1 .swiper-pagination2{display:none}

    .intro-sec2 .inner{padding:100px 0 70px}
    .intro-sec2 .title-area{padding:0 24px}
    .intro-sec2 .title-area strong{font-size:36px;font-weight:700;line-height:46px;}
    .intro-sec2 .title-area p{margin-top:24px;font-size:18px;line-height:28px; letter-spacing: -0.02em;}
    .intro-sec2 .prd-flow{margin:10px 24px 0}
    .intro-sec2 .prd-flow .swiper-slide{height:auto}
    .intro-sec2 .prd-flow strong{padding:32px;margin-top:12px;font-size:24px;line-height:34px;}

    .intro-sec3{min-height:700px}
    .intro-sec3 .title-wrap{height:100vh;min-height:700px;gap:32px;padding:0 60px}
    .intro-sec3 .title-wrap strong{font-size:32px;line-height: 42px;letter-spacing: -.64px;}
    .intro-sec3 .title-wrap p{font-size:18px;line-height:28px;}
    .intro-sec3 .bg-flow.top .bg-group{position:absolute;top:0;left:0}
    .intro-sec3 .bg-flow.top .bg1{width:180px;height:120px;top:73px;left:0;}
    .intro-sec3 .bg-flow.top .bg1-1{width:120px;height:80px;position:relative;top:38px;left:130px}
    .intro-sec3 .bg-flow.top .bg2{width:240px;height:160px;top:212px;}
    .intro-sec3 .bg-flow.btm .bg1{width:240px;height:160px;bottom:38px;left:0}
    .intro-sec3 .bg-flow.btm .bg2{width:180px;height:120px;bottom:156px;right:0}

    .intro-sec4 .inner{padding:100px 24px 0}
    .intro-sec4 .title{font-size:32px;font-weight:700;letter-spacing: -.64px;}
    .intro-sec4 .item-wrap{margin-top:40px}
    .intro-sec4 .item-wrap .item{flex-direction: column;align-items:start;gap:40px}
    .intro-sec4 .item.right{align-items: end;padding-left:23.97%}
    .intro-sec4 .item.left{padding-right:23.97%}
    .intro-sec4 .thumb2 .clipped{height:auto}
    .intro-sec4 .thumb3 .clipped{height:auto}
    .intro-sec4 .text strong{font-size:32px}
    .intro-sec4 .text span{margin-top:24px;font-size:20px;font-weight:400;line-height:30px;}
    /* 인재채용 */
    .warning-content dl{gap: 8px;margin-top: 4px;}
    .warning-content dl::before{top: 9px;}
    .warning-content dl dt{width: 60px;font-size: 14px;line-height: 22px;}
    .warning-content dl dd a{font-size: 14px;line-height: 22px;}

    .recruit-wrap{height:238px}
    .recruit-wrap .inner{padding:84px 24px 56px}
    .recruit-wrap .title h1{font-size: 36px;font-weight: 700;line-height: 46px}
    .recruit-wrap .title p{padding-top: 8px;font-size: 14px;line-height: 22px;letter-spacing: -.28px;}
    .recruit-wrap .icons{right:-18px;width:170px; top:54px}
    .recruit-wrap .icons .ico1{top:0;width:126px;height:91px}
    .recruit-wrap .icons .ico2{top:35px;left:18px;width:68px;height:50px}
    .recruit-wrap .icons .ico3{left:20px;width:30px;height:24px}
    .recruit-wrap .icons .ico4{top:24px;width:32px;height:30px}
    .recruit-wrap .icons .ico5{top:82px;right:72px;width:20px;height:20px}

    .jobs-sec.talent ul{flex-direction:column;gap:60px;padding-top:60px}
    .jobs-sec.talent li .tit{font-size: 38px;line-height:48px;}
    .jobs-sec.talent li .desc{font-size: 20px;line-height: 30px;}

    .jobs-sec.welfare .inner{padding:60px 24px 30px 24px}
    .welfare-ul{flex-direction: column;gap:40px;padding:0}
    .welfare-ul > li{width:100%;padding-bottom:30px;border-bottom:1px solid #ddd}
    .welfare-ul > li:last-child{border-bottom:0}
    .welfare-ul > li:nth-child(-n+2){padding-bottom:30px;margin-bottom:0}
    .welfare-ul li:nth-child(-n+2) .sub-list{max-width:unset}
    .welfare-ul li i{width: 32px;height: 32px}
    .welfare-ul li strong{padding-top:12px;font-size:24px;line-height:34px}
    .welfare-ul li .sub-list li{margin-top:4px}
    .welfare-ul li .sub-list li span{font-size:18px;line-height:28px}
    .process-ul.type2 li{    padding: 20px 16px 20px 24px;}
    .process-ul{flex-direction:column;gap:32px;padding-top:24px}
    .process-ul.type2{flex-direction:column;gap:32px;padding-top:24px}
    .process-ul li{padding:20px 24px}
    .process-ul li strong{font-size:16px;line-height: 24px;}
    .process-ul li span{margin-top:0;font-size:18px;line-height: 28px}
    .process-ul li::before{top:50%;right:24px;width:26px;height:26px;margin-top:-13px}
    .process-ul.type2 li::before{top:50%;right:24px;width:26px;height:26px;margin-top:-13px}
    .process-ul.type2 li::after{top:calc(100% + 4px);left:50%;margin-left:-12px;margin-top:0;transform: rotate(90deg);}
    .process-ul li::after{top:calc(100% + 4px);left:50%;margin-left:-12px;margin-top:0;transform: rotate(90deg);}
    .small-sub-content{display: none;}
}


@media all and (max-width:560px){
    .black .item-content p{font-size: 48px;}
    .white .item-content p{font-size: 48px;}
    .item-content p{font-size: 48px;}



}

@media all and (max-width:411px){
    .type-b .pos-type.grid-item{left: 50px;}
    .history h2{font-size: 75px;}
}
@media all and (max-width:389px){
    .story-img-ani .mo-recnt-ani img{object-fit: contain !important;}
    .type3 .inp_base{padding: 16px 30px 16px 24px;}
    .customer .find-center .call-box{    padding: 13px;}
    .type-b .pos-type.grid-item{left: 50px;}
    .history h2{font-size: 75px;}
    .ci-cont.feature .font-detail li .ex-text{font-size: 32px;}
    .intro-sec3 .title-wrap{padding: 0 40px;}
    .ci-cont.typeface .swiper-slide-active .txt-box strong{font-size: min(8vw); line-height: 9vw;}
    .ci-cont.typeface .swiper-slide .txt-box strong{font-size: min(8vw); line-height: 9vw;}
    .paid h4{font-size: 29px;}
    .apply-bg p{font-size: 22px; font-weight: 500; line-height: 26px;}
}