:root {
    --f-bask : "Baskervville", serif;
    --f-pre : 'Pretendard';
    --f-nanum : 'NanumMyeongjo';
    --gold : #ca9f68;
    --navy : #1c1f24;
    --gray : #606060;
}

.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}
.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-je {display: flex; align-items: center; justify-content: flex-end;}
.fd-c{display: flex; flex-direction: column;}
.pt_0{padding-top: 0 !important;}
.pb_0{padding-bottom: 0 !important;}
.mt_0{margin-top: 0 !important;}
.mb_0{margin-bottom: 0 !important;}
.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_20{margin-top: 20px;}
.mt_25{margin-top: 25px;}
.mt_30{margin-top: 30px;}
.mt_35{margin-top: 35px;}
.mt_40{margin-top: 40px;}
.mt_45{margin-top: 45px;}
.mt_50{margin-top: 50px;} 
.mt_60{margin-top: 60px;} 
.mt_70{margin-top: 70px;} 
.mt_80{margin-top: 80px;} 
.mt_90{margin-top: 90px;} 
.mt_100{margin-top: 100px;}
.c_gold, .c_gold *{color: var(--gold) !important;}
.f-nanum, .f-nanum *{font-family: var(--f-nanum) !important;}

/* 매치데이 */
.match .title{font-weight: 400;}
.match .match_tab{display: flex; align-items: center; justify-content: center; background: #c8c8c8; border-radius: 100px;  width: fit-content; height: 52px; margin: 0 auto;}
.match .match_tab a{font-size: 16px; font-weight: 700; color: #FFF; width: 210px; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 100px;}
.match .match_tab a.on{background: #606060;}
.match .match_tab2{display: flex; align-items: center; justify-content: center; margin-top: 55px; gap: 15px;}
.match .match_tab2 a{font-size: 16px; font-weight: 700; color: var(--navy);}
.match .match_tab2 .line{width: 1px; height: 16px; background: var(--navy); display: inline-block;}
.match .match_sec1{margin-top: 150px;}
.match .match_sec1 .inner{max-width: 1500px; margin: 0 auto;}
.match .match_sec1 .tit_wrap{padding: 0 20px 0 55px;}
.match .match_sec1 .tit_wrap .tit{font-size: 50px; letter-spacing: -0.03em; padding-bottom: 25px; position: relative;}
.match .match_sec1 .tit_wrap .tit::before,
.match .match_sec1 .tit_wrap .tit::after{content: ''; display: block; width: 940px; height: 1px; background: #606060; position: absolute; left: 0; bottom: 0; opacity: 0.3;}
.match .match_sec1 .tit_wrap .tit::after{width: 400px; opacity: 1;}
.match .match_sec1 .tit_wrap .flex-jb p{font-size: 22px; letter-spacing: -0.03em; line-height: 1.5;}
.match .match_sec1 .tit_wrap .flex-jb i{font-size: 50px; letter-spacing: -0.03em; font-family: var(--f-bask);}
.match .match_sec1 .cont{margin-top: 115px; gap: 65px;}
.match .match_sec1 .cont .img{width: 51%;}
.match .match_sec1 .cont .img img{width: 100%;}
.match .match_sec1 .cont .txt{width: calc(49% - 65px);}
.match .match_sec1 .cont .txt dt{font-size: 40px; letter-spacing: -0.03em; color: var(--navy); line-height: 1.4;}
.match .match_sec1 .cont .txt dd{font-size: 28px; letter-spacing: -0.03em; color: var(--gray); line-height: 1.6;}
.match .match_sec{margin-top: 200px;}
.match .match_sec .m_01{width:100%; position:relative; text-align: center; font-size: 0;}
.match .match_sec .m_01 iframe{width:100%; max-height: 56.25vw;}
.match .match_sec .m_01 video{width:100%;}
.match .match_sec .tx01{position:absolute; left:0px; bottom:100px; width:100%; font-size:40px;font-weight:500; color:#fff; text-align:center; line-height:1.6;}
.match .match_sec .m_01 .tx02{color:#000; font-size:50px; font-family: var(--f-nanum); margin-bottom: 40px;}
.match .match_sec .m_01 .tx02 span {color:var(--gold);}
.match .match_sec .m_01 .tit{gap: 23px; margin: 18px 0 34px;}
.match .match_sec .m_01 .tit span{font-size: 22px; letter-spacing: -0.025em; color: var(--navy); font-family: var(--f-nanum);}
.match .match_sec .m_01 .tx03{color:#000; font-size:24px; line-height:1.8; font-weight:500; margin-bottom: 80px;}
.match .match_sec .m_02{background:#f7f1eb; text-align:center; padding:100px 0;}
.match .match_02 .m_02{background: #f7f6f0;}
.match .match_03 .m_02{background: #e4e7e8;}
.match .match_04 .m_02{background: #ddd7d3;}
.match .test_req {background: #1c3464;}
.match .test_request .cn{align-items: flex-start;}
.match .test_request .dec .tx01{margin-bottom: 0;}
.match .test_request .dec .tx01 + .tx01{margin-top: 20px;}
.match .test_request .dec .tx02{margin-top: 40px;}
.match .test_request .forms{border-radius: 22px; padding: 72px 27px; background: rgba(255,255,255,0.5); margin-top: 15px;}
.match .test_request .forms .tit{font-size: 30px; font-weight: 700; color: var(--navy); margin-bottom: 35px;}
.match .test_request .forms .frm2{align-items: center; background: #FFF; border: none;}
.match .test_request .forms .frm2 .frm_tx{margin-top: 0; color: var(--navy); border-color: var(--navy);}
.match .test_request .forms .frm2 .frm_in{height: 100%;}
.match .test_request .forms .frm2 .frm_in .input{color: var(--navy); height: 100%; vertical-align: initial; outline: none !important;}
.match .test_request .forms .frm2 .frm_in .input_sel{color: var(--navy); width: 100%; height: 100%; outline: none !important; vertical-align: initial; background: url(/img/sub/match_sel_ic.png) no-repeat right center / 20px; appearance: none;}
.match .kakao_button{color: #000;}
.match .test_request .forms .frm2 .inm{top: 50%; right: 0; transform: translateY(-50%); background: var(--navy); color: #fff; outline: none !important; height: calc(100% - 12px); padding: 0 12px; font-size: 15px; width: auto; font-weight: 600; border-radius: 5px;}