@charset "UTF-8";
:root{
  --box-radius:16px;
  --form-radius:4px;
}
*{font-family:'Pretendard', sans-serif; font-weight:400;}
.inner{position:relative; margin:0 auto; width:1200px;}
.ico-class-flag{width:30px; height:23px; background:url('/resources/images/classContest/ico_flag.png') no-repeat center;}
.ico-class-flag_b{width:30px; height:23px; background:url('/resources/images/classContest/ico_flag_b.png') no-repeat center;}
.ico-class-flag_w{width:20px; height:15px; background:url('/resources/images/classContest/ico_flag_w.png') no-repeat center;}
.ico-apply{width:26px; height:26px; background:url('/resources/images/classContest/race/btn_ico_apply.png') no-repeat center;}
.ico-save{width:24px; height:24px; background:url('/resources/images/classContest/race/btn_ico_save.png') no-repeat center;}
.ico-del{width:24px; height:24px; background:url('/resources/images/classContest/race/btn_ico_del.png') no-repeat center;}

.floatBanner{position:absolute;right:50%;top:214px;transform:translateX(780px);z-index:100;}
.floatBanner .imgwrap{position:relative;}
.floatBanner .imgwrap .btn_apply{position:absolute;left:36px;top:307px;width:246px;height:41px;z-index:1;}
.floatBanner .imgwrap .btn_close{position:absolute;top:14px;right:14px;width:20px;height:20px;z-index:1;}
.floatBanner .btn{margin-top:8px;text-align:center;}
.floatBanner .btn label{padding-left:22px;color:#8a8a8a;font:500 12px 'Pretendard';}
.floatBanner .btn .chk_box input[type="checkbox"] + label:before{margin-top:-8px;width:16px;height:16px;background-size:16px auto;}
.floatBanner .btn .chk_box input[type="checkbox"]:checked + label:before{background-position:center -17px;}
header{position:fixed; left:0; right:0; top:0; z-index:1000}
header .header_wrap{margin:0 auto; max-width:1200px; height:80px; display:flex; justify-content:flex-end; align-items:center;}
header .logo{display:block; width:103px; height:15px; background:url('/resources/images/classContest/logo_vivasam_w_103x15_2x.png') no-repeat center / contain;}
header.ty2.main{background:rgba(17, 17, 17, 0.2); backdrop-filter:blur(6px);}
header.ty2.sub{background:rgba(0, 0, 0, 0.9); backdrop-filter:blur(10px);}
header.ty2 .header_wrap{padding:0 40px; max-width:100%; justify-content:space-between;}
header.ty2 .logo{width:124px; height:18px; background:url('/resources/images/classContest/logo_vivasam_w_103x15_2x.png') no-repeat left center / contain;}
header.ty2.sub .logo{width:333px; height:18px; background:url('/resources/images/classContest/logo_race.png') no-repeat left center / contain;}
header.ty2 .btnss{position:relative;display:flex; align-items:center; gap:12px;}
header.ty2 .btnss .btn{padding:0 15px; display:inline-flex; gap:8px; align-items:center; font-size:16px; color:#fff; font-weight:700; line-height:38px; border:1px solid rgba(58, 182, 255, 0.6); border-radius:40px;justify-content: center;background:rgba(34, 96, 136, 0.6);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}
header.ty2 .btnss .btn .ico_lounge{display:inline-block;width:24px;height:16px;background:url('/resources/images/classContest/ic_lounge.png') no-repeat center center;}
header.ty2 .btnss .btn .ico_dash{display:inline-block;width:24px;height:16px;background:url('/resources/images/classContest/ic_dash.png') no-repeat center center;}
header.ty2 .btnss .btn.ty2{position:relative;width:161px;height:40px;border:none;
  background:
          linear-gradient(92.36deg, rgba(84, 172, 249, 0.94) 2.48%, rgba(0, 129, 243, 0.94) 64.53%, rgba(84, 172, 249, 0.94) 96.87%);
  background-size:150% 100%;animation: moveGradient 3.5s ease-in-out infinite;
}
.btn-border{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;}
.border-line{fill: none;
  stroke-width:1; /* 선 두께 */
  stroke-dasharray: 150 191.5;;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: scrollBorder 3.5s ease-in-out infinite;}
@keyframes scrollBorder {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -341;
  }
}

/* 배경 그라데이션 이동 키프레임 */
@keyframes moveGradient {
  0%,100% { background-position: 0 50%; }
  50% { background-position: 120% 50%; }
}
header.ty2 .btnss .layerP{position:absolute;right:0;bottom:-14px;transform:translateY(100%);}
header.ty2 .btnss .layerP div{position:relative;padding:14px 30px 14px 20px;background:#fff;border-radius:4px;}
header.ty2 .btnss .layerP div:before{content:'';position: absolute;top: -8px;right:24px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ffffff;}
header.ty2 .btnss .layerP div .btn_close{position:absolute;right:11px;top:15px;width:16px;height:16px;background:url('/resources/images/classContest/pop_close2.png') no-repeat center center;}
header.ty2 .btnss .layerP div p{text-align:center;font-size:14px;line-height:1.5;color:#000;}
header.ty2 .btnss .layerP div p span{font:inherit;font-weight:600;color:#3AB6FF;}
.main_visual{position:relative; height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#111; text-align:center; overflow:hidden;}
.main_visual .intro-obj-wrap{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.main_visual .intro-obj-wrap canvas{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; height:100dvh;}
.main_visual .main_tit{position:relative; z-index:1;}
.main_visual .main_desc{position:relative; margin-top:40px; z-index:1;}
.main_visual .main_desc .txt{font-size:22px; color:#CCC; font-weight:700; line-height:1.6;}
.main_visual .main_desc .txt.ty2{margin-top:10px; font-weight:600; color:#fff;}
.main_visual .main_desc h2{display:flex; align-items:center; justify-content:center; gap:6px;}
.main_visual .main_desc h2 span{font-size:64px; color:#fff; font-weight:800; line-height:1;}
.main_visual .main_desc h2 em{width:6px; height:45px; background:url('/resources/images/classContest/intro/colon.png') no-repeat center;}
.main_visual .main_desc .badge{margin-top:32px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 32px; font-size:22px; color:#111; font-weight:800; line-height:60px; background:#3ACAFF; border-radius:100px;}

.main_visual .obj_bar{position:absolute; height:8px; animation-delay:2s;}
.main_visual .obj_bar:after{content:''; position:absolute; top:-5px; bottom:-5px; background:#111;}
.main_visual .obj_bar.bar1{right:816px; bottom:552px; transform-origin:center right; transform:rotate(40deg); background:#FFE343; }
.main_visual .obj_bar.bar1:after{right:-5px;}
.main_visual .obj_bar.bar2{right:1000px; bottom:423px; transform-origin:center right; transform:rotate(10deg); background:#F2512B;}
.main_visual .obj_bar.bar2:after{right:-5px;}
.main_visual .obj_bar.bar3{right:950px; top:390px; transform-origin:center right; transform:rotate(-30deg); background:#00A586;}
.main_visual .obj_bar.bar3:after{right:-5px;}
.main_visual .obj_bar.bar4{left:976px; bottom:432px; transform-origin:center left; transform:rotate(-30deg); background:#4E94F6;}
.main_visual .obj_bar.bar4:after{left:-5px;}
.main_visual .obj_bar.bar5{left:928px; top:406px; transform-origin:center left; transform:rotate(30deg); background:#8245DA;}
.main_visual .obj_bar.bar5:after{left:-5px;}
.main_visual.ty2:after{content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:198px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);z-indeX:10;}

.ani_extend{animation:aniExtend infinite 4s linear;}
.ani_extend:after{animation:aniExtendAfter infinite 4s 2s linear;}
@keyframes aniExtend{
  0%{width:0;}
  50%{width:100dvh;}
  100%{width:100dvh;}
}
@keyframes aniExtendAfter{
  50%{width:0;}
  100%{width:100dvh;}
}

.main_visual.ty2 .obj_bar.bar1{right:817px; bottom:454px;}
.main_visual.ty2 .obj_bar.bar2{right:930px; bottom:404px;}
.main_visual.ty2 .obj_bar.bar3{right:867px; top:277px;}
.main_visual.ty2 .obj_bar.bar4{left:882px; bottom:404px;}
.main_visual.ty2 .obj_bar.bar5{left:934px; top:280px;}
.main_visual.ty2 .main_desc{margin-top:34px;margin-bottom:90px;}
.main_visual.ty2 .main_desc h2{display:block; font-size:28px; color:#fff; font-weight:700; line-height:1.3;}
.main_visual.ty2 .main_desc h2 span{display:block; font:inherit; color:#0091E8;}
.main_visual.ty2 .main_desc .txt{margin-top:8px; font-size:20px; color:#AAA; line-height:1.3;font-weight:400;}
.main_visual.ty2 .badge.btnstart{position:absolute;left:50%;bottom:30px;margin-left:-142px;width:283px;height:74px; background:url('/resources/images/classContest/btn_scr.png') no-repeat center center;animation-name: effectBounceUpDown;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(0.37,0.01,0.55,0.99);animation-direction: normal;z-index:90;}
@keyframes effectBounceUpDown {
  0%, 100% {transform: translateY(0);}
  50% {transform: translateY(-15px);}
}

footer {width:100%; padding:48px 0; background:#0B0B0E;}
footer .footer_wrap {display:flex; width:1200px; margin:0 auto;}
footer .footer_wrap h2 {margin-right:40px; width:99px; height:34px; background:url('/resources/images/common/logo/logo_visang_g_99x34.png') no-repeat center;}
footer .footer_wrap .info {text-align:left;}
footer .footer_wrap .info ul {display:flex; margin-bottom:20px;}
footer .footer_wrap .info ul li {position:relative; padding-right:12px; padding-left:12px;}
footer .footer_wrap .info ul li:first-child {padding-left:0;}
footer .footer_wrap .info ul li:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#8b8989; }
footer .footer_wrap .info ul li:last-child:after {display:none;}
footer .footer_wrap .info ul li a {font-size:18px; color:#777; font-weight:700; line-height:1.6;}
footer .footer_wrap .info span { position:relative; color:#777; font-size:16px; line-height:1.6;}
footer .footer_wrap .info span a {font:inherit; color:inherit;}
footer .footer_wrap .info p {font-size:13px; color:#777; line-height:1.6;}

main{position:relative;}
.wrap.main main{padding:56px 0 60px; background:#17181D;}
.wrap.sub{padding-top:80px;}
.wrap.sub footer{background:#F7F7F7; border-top:1px solid #DADADA;}
.wrap.sub footer .footer_wrap h2{background-image:url('/resources/images/common/logo/logo_visang_80x28.png'); background-size:cover;}

.section-nav{position:sticky; top:90px; text-align:center; z-index:1;}
.section-nav nav{display:inline-flex; align-items:center; justify-content:center; border-radius:100px; background:#2C2D33;}
.section-nav nav a{width:100px; color:rgba(255,255,255,.3); font-size:18px; font-weight:700; line-height:48px; border-radius:100px;}
.section-nav nav a.on{color:#17181D; background:#fff;}
.sec{padding:60px 0;}
.sec .title{padding-bottom:48px; font-size:56px; color:#fff; font-weight:800; line-height:1.2; text-align:center;}
.sec .title_wrap{padding-bottom:40px;}
.sec .title_wrap h3{font-size:48px; color:#fff; font-weight:800; line-height:1.3;}
.sec .title_wrap p{margin-top:8px; font-size:22px; color:#AAA; font-weight:600; line-height:1.6;}
.sec .title_wrap p span{font:inherit; font-weight:800; color:#FFE343;}

.slideUpContent{opacity:0; transform:translateY(100px); transition:opacity 0.7s linear, transform 0.7s linear;}
.slideUpContent.visible{opacity:1; transform:translateY(0);}

.sec1 .item-list{display:flex; gap:20px 16px; flex-wrap:wrap;}
.sec1 .item-list .item{position:relative; padding:40px; flex:1 0 calc(33.33% - 32px/3); height:430px; border-radius:var(--box-radius); background:#2D2F38;}
.sec1 .item-list .item b{font-size:32px; color:#fff; font-weight:700; line-height:1.4;}
.sec1 .item-list .item p{margin-top:16px; font-size:20px; color:#E2E4FF; font-weight:500; line-height:1.4; letter-spacing:-.04em;}
.sec1 .item-list .item p span{font:inherit; font-weight:700; color:#69A7FF;}
.sec1 .item-list .item .icon{position:absolute; right:40px; bottom:40px;}
.sec1 .item-list .item.ty2{padding:56px; flex:1 0 100%; height:auto; background:#5547FF;}
.sec1 .item-list .item.ty2 b{text-decoration:underline; text-underline-position:under;}
.sec1 .item-list .item.ty2 p{margin-top:24px; color:rgba(255,255,255,.7);}
.sec1 .item-list .item.ty2 .icon{right:63px; bottom:0;}

.dashboard .dash-wrap{display:flex; gap:16px;}
.dashboard .dash-box{position:relative; padding:40px 56px; flex:1; background:#373741; border-radius:var(--box-radius);}
.dashboard .dash-box b{font-size:20px; color:#8B8B9F; font-weight:700; line-height:1.4;}
.dashboard .dash-box p{font-size:56px; color:#FFF; font-weight:700; line-height:1.2;}
.dashboard .dash-box p span{font:inherit; color:inherit;}
.dashboard .dash-box .icon{position:absolute; right:38px; bottom:0;}
.dashboard .dash-box.ty2{padding:0; display:flex; gap:1px; background:#2D2F38;}
.dashboard .dash-box.ty2 .dash-item{position:relative;flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.dashboard .dash-box.ty2 .dash-item+.dash-item:before{content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:127px; background:#464652;}
.dashboard .dash-box.ty2 .dash-item p{font-size:26px;}
.dashboard .dash-box.ty2 .dash-item .icon{position:static; margin-bottom:20px;}

.prize-item-list{margin-bottom:16px; display:flex; gap:16px; flex-wrap:wrap;}
.prize-item-list .item{position:relative; padding:45px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:40px; text-align:center; border-radius:var(--box-radius); background:#282A32; border:1px solid #4D4D5C;}
.prize-item-list .item.row2{flex:1 0 calc(50% - 16px);}
.prize-item-list .item.row3{flex:1 0 calc(33.33% - 32px/3);}
.prize-item-list .item .desc .badge{margin-bottom:8px; padding:0 30px; display:inline-block; font-size:26px; color:#FFF; font-weight:700; line-height:72px; border-radius:50px; background:#000;}
.prize-item-list .item .desc p{font-size:24px; color:#FFF; font-weight:700; line-height:1.3;}
.prize-item-list .item .desc p.ty2{color:#8389A2;}
.prize-item-list .item .desc b{display:block; font-size:40px; color:#15A3F8; font-weight:700;}
.prize-item-list .item.row3 .desc b{font-size:30px;}
.prize-item-list .item.trophy{padding:56px 0;}
.prize-item-list .item.trophy b{font-size:56px; color:#FFF; font-weight:800;}
.prize-item-list .item.trophy.prize-1st{background:#A28157; border-color:#A28157;}
.prize-item-list .item.trophy.prize-2nd{background:#454A65; border-color:#454A65;}
.prize-item-list .item.trophy.prize-3rd{background:#655851; border-color:#655851;}
.prize-item-list .item.trophy .desc b{font-size:56px;}
.prize-item-list .item .info-layer-wrap{position:absolute; top:15px; right:15px;}
.prize-item-list .item .info-layer-wrap .ico_info{display:block; width:24px; height:24px; background:url('/resources/images/classContest/ico_info.png') no-repeat center;}
.prize-item-list .item .info-layer-wrap .info-layer{display:none; position:absolute; bottom:calc(100% + 8px); right:-30px; padding:12px; background:#0091E8; border-radius:8px;}
.prize-item-list .item .info-layer-wrap .info-layer:after{content:''; position:absolute; top:100%; right:30px; width:24px; height:15px; background:url('/resources/images/classContest/ico_tooltip_obj.png') no-repeat center;}
.prize-item-list .item .info-layer-wrap .info-layer p{font-size:16px; color:#FFF; font-weight:600; line-height:1.6; text-align:left; white-space:nowrap;}
.prize-item-list .item .info-layer-wrap:hover .info-layer{display:block;}
.sec2 dl{display:flex; justify-content:space-between; align-items:center; height:100px; border-bottom:1px solid #373741;}
.sec2 dl dt{color:#8389A2;}
.sec2 dl dd{color:#15A3F8;}
.sec2 dl p{font-size:28px; color:inherit; font-weight:700; line-height:1.3;}
.sec2 dl p span{font:inherit; color:#fff;}

.sec3 .info_wrap{border-radius:var(--box-radius); overflow:hidden;}
.sec3 .info_wrap dt{padding:20px 32px; font-size:22px; color:#15A3F8; font-weight:700; background:#282A32;}
.sec3 .info_wrap dd{padding:32px; background:#373741;}
.sec3 .info_wrap dd p{font-size:18px; color:#fff; font-weight:500; line-height:1.6;}
.sec3 .info_wrap dd p.ex{margin-top:16px; display:flex; gap:16px; align-items:center; color:#A4DCFF;}
.sec3 .info_wrap dd p.ex .badge{width:60px; font-size:14px; color:#fff; font-weight:700; line-height:32px; text-align:center; background:#0091E8; border-radius:50px;}
.sec3 .info_wrap dd p.ex .btn_exlink{padding:0 10px;height:30px;color:#0091E8;font-size:14px;font-weight:700;border:1px solid #0091E8;border-radius:20px;line-height:28px;background:#fff;}
.sec3 .info_wrap dd p.ex .btn_exlink i{margin-right:4px;display:inline-block;height:28px;width:15px;background:url('/resources/images/classContest/arr_link2.png') no-repeat center center;vertical-align: top;}
.sec3 .info_list_wrap{margin-top:24px; display:flex; gap:8px;}
.sec3 .info_list_wrap li{padding:24px; flex:1; height:272px; border-radius:var(--box-radius); background:#282A32;}
.sec3 .info_list_wrap li:hover{background:#5547FF;}
.sec3 .info_list_wrap li .badge{display:inline-block; padding:0 16px; font-size:16px; color:#fff; font-weight:700; line-height:40px; background:#000; border-radius:40px;}
.sec3 .info_list_wrap li p{margin-top:24px; font-size:18px; color:#fff; font-weight:700; line-height:1.3;}

.sec3 .step_wrap{position:relative; margin-top:64px;}
.sec3 .step_bg{position:absolute; left:248px; top:79px; width:93px; height:1144px; background:url('/resources/images/classContest/main/sec3_load.png') no-repeat center;}
.sec3 .step_item{padding:60px 0 60px 40px; display:flex; gap:24px; border-bottom:1px solid #373741;}
.sec3 .step_item .period{position:relative; width:336px;}
.sec3 .step_item .period span{display:inline-flex; justify-content:center; width:165px; font-size:20px; color:#fff; font-weight:700; line-height:48px; border-radius:50px; border:1px solid #000; background:#000;}
.sec3 .step_item .desc{position:relative; flex:1;}
.sec3 .step_item .desc .ico_line{position:absolute; top:25px; right:calc(100% + 24px); width:61px; height:3px; background:#FF570E;}
.sec3 .step_item .desc .ico_line.short2{width:56px;}
.sec3 .step_item .desc .ico_line.long{width:119px;}
.sec3 .step_item .desc .ico_line:before,
.sec3 .step_item .desc .ico_line:after{content:''; position:absolute; top:50%; transform:translateY(-50%); width:12px; height:12px; background:#FF570E; border-radius:50%;}
.sec3 .step_item .desc .ico_line:before{left:0;}
.sec3 .step_item .desc .ico_line:after{right:0;}
.sec3 .step_item .desc h3{margin-bottom:16px; display:flex; align-items:center; gap:8px; font-size:24px; color:#fff; font-weight:700;}
.sec3 .step_item .desc h3.mb20{margin-bottom:20px;}
.sec3 .step_item .desc h3 i{width:40px; height:40px; background-repeat:no-repeat; background-position:center;}
.sec3 .step_item .desc h3 i.ico_step1{background-image:url('/resources/images/classContest/main/sec3_ico1.png');}
.sec3 .step_item .desc h3 i.ico_step2{background-image:url('/resources/images/classContest/main/sec3_ico2.png');}
.sec3 .step_item .desc h3 i.ico_step3{background-image:url('/resources/images/classContest/main/sec3_ico3.png');}
.sec3 .step_item .desc h3 i.ico_step4{background-image:url('/resources/images/classContest/main/sec3_ico4.png');}
.sec3 .step_item .desc h3 i.ico_step5{background-image:url('/resources/images/classContest/main/sec3_ico5.png');}
.sec3 .step_item .desc p{padding-left:44px; font-size:18px; color:#8389A2; font-weight:600; line-height:29px;}
.sec3 .step_item .desc .btnss{margin-top:20px; padding-left:44px; display:flex; gap:12px; }
.sec3 .step_item .desc .btnss button{padding:0 15px; height:40px; display:inline-flex; align-items:center; gap:8px; font-size:14px; color:#fff; font-weight:700; border-radius:40px; border:1px solid #fff; background:transparent;}
.sec3 .step_item .desc .btnss button i{width:9px; height:14px; background:url('/resources/images/classContest/arr_right_w.png') no-repeat center;}
.sec3 .step_item .desc .btnss .btn_info{background:#0091E8; border-color:#0091E8;}
.sec3 .step_item.active{background:rgba(255, 87, 14, 0.1);}
.sec3 .step_item.active .period span{background:#FF570E;}

.sec4 .item-list{display:flex; gap:20px;}
.sec4 .item-list .item{position:relative; padding:156px 40px 40px; display:flex; justify-content:flex-end; flex-direction:column; flex:1; border-radius:var(--box-radius); background:#534F41;}
.sec4 .item-list .item:after{content:''; position:absolute; right:0; bottom:0; width:219px; height:200px; background:url('/resources/images/classContest/main/sec4_img1.png') no-repeat center;}
.sec4 .item-list .item .badge{position:absolute; left:40px; top:40px; padding:0 20px; font-size:18px; color:#fff; font-weight:700; line-height:48px; background:#000; border-radius:100px;}
.sec4 .item-list .item h4{font-size:34px; color:#FFF; font-weight:700; line-height:1.3;}
.sec4 .item-list .item ul{margin-top:32px;}
.sec4 .item-list .item ul li{display:flex; font-size:20px; font-weight:600; line-height:1.6;}
.sec4 .item-list .item ul li span{flex:0 0 40px; font:inherit; color:#FFF;}
.sec4 .item-list .item ul li p{flex:1; font:inherit; color:rgba(255,255,255,.7);}
.sec4 .item-list .item.ty2{background:#1D5355;}
.sec4 .item-list .item.ty2:after{bottom:18px; width:215px; height:227px; background-image:url('/resources/images/classContest/main/sec4_img2.png')}
.sec4 .edu-box{margin-top:40px; text-align:center;}
.sec4 .edu-box p{font-size:24px; color:#B3B8CC; font-weight:700; line-height:1.4;}
.sec4 .edu-box p span{font:inherit; color:#3AB6FF;}
.sec4 .edu-box a{margin-top:32px;width:485px;height:96px; display:inline-flex; align-items:center; justify-content:center; gap:20px;background:#5547FF;transition:background-color 200ms linear;border-radius:8px;}
.sec4 .edu-box a:hover{background:#3B30BD;}

.infoSec{padding-bottom:140px;}
.infoSec .bnr-box{position:relative; height:420px; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.2) url('/resources/images/classContest/main/info_img1.png') no-repeat center bottom; border-radius:var(--box-radius); overflow:hidden;}
.infoSec .bnr-box:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.4);}
.infoSec .bnr-box .desc{position:relative; z-index:1;}
.infoSec .bnr-box p{font-size:40px; color:#FFF; font-weight:700; line-height:1.3;}
.infoSec .bnr-box a{margin-top:24px; padding:0 26px; display:inline-flex; align-items:center; font-size:24px; color:#0B0B0E; font-weight:700; line-height:60px; background:#FFE343; border-radius:50px;}
.infoSec .info-box{margin-top:40px; padding:40px; background:#373741; border-radius:var(--box-radius);}
.infoSec .info-box h5{font-size:24px; color:#fff; font-weight:700; line-height:1.3;}
.infoSec .info-box ul{margin-top:20px;}
.infoSec .info-box ul li{position:relative; padding-left:20px; font-size:20px; color:#AFB9D7; line-height:1.8;}
.infoSec .info-box ul li:before{content:''; position:absolute; left:4px; top:16px; width:4px; height:4px; background:#AFB9D7; border-radius:50%;}
.infoSec .bnr-box .raceStart .ico-class-flag_b{margin-right:8px;}
.title_wrap{padding:64px 0;}
.title_wrap .page_title{font-size:52px; color:#0091E8; font-weight:900; line-height:1.3; letter-spacing:-.04em;}
.title_wrap .page_text{margin-top:18px; font-size:22px; color:#92949C; line-height:1.3;}

.quick{position:fixed; top:160px; right:47px; text-align:center;z-index:100;}
.quick .quick-bnr a{width:100px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border-radius:10px;}
.quick .quick-bnr a.hauto{height:auto;}
.quick .quick-bnr p{font-size:12px; font-weight:700; line-height:1.2;}
.quick .quick-bnr+.quick-bnr{margin-top:3px;}
.quick .btn-top{margin-top:10px; width:40px; height:40px; background:#373741 url('/resources/images/classContest/btn_top.png') no-repeat center; border-radius:100%;}
.quick .quick-bnr.intro a{background:#5547FF;}
.quick .quick-bnr.intro p{color:#fff;}
.quick .quick-bnr.kakao a{background:#F5D000;}
.quick .quick-bnr.kakao p{color:#373741;}

.race_wrap{padding-bottom:174px;}
.race_wrap > div{border-radius:8px;}
.race_wrap .race_info_box{position:relative; background:#AEE6FF; border-radius:8px;}
.race_wrap .race_info_box:before{content:''; position:absolute; left:20px; top:2px; width:219px; height:232px; background:url('/resources/images/classContest/race/info_top_img2.png') no-repeat center;}
.race_info_box .my_race_info{padding:37px 40px; display:flex; align-items:center; justify-content:flex-end; gap:33px; background:url('/resources/images/classContest/race/info_top_img1.png') no-repeat left bottom;}
.race_info_box .race_info{display:flex; align-items:center; gap:24px;}
.race_info_box .race_user{width:204px; display:flex; flex-direction:column; align-items:center; gap:16px;}
.race_info_box .race_user h3{font-size:20px; color:#000; font-weight:800; line-height:1.3;}
.race_info_box .race_user h3 span{font:inherit; color:#005FEB;}
.race_info_box .race_user .txt{padding-left:42px; font-size:13px; color:#223756; font-weight:600; line-height:1.3; text-align:left; background:url('/resources/images/classContest/race/ico_badge.png') no-repeat left center}
.race_info_box .race_user .race_date{text-align:left;}
.race_info_box .race_user .race_date .badge{display:inline-block; padding:0 10px; font-size:12px; font-weight:600; line-height:24px; color:#fff; border-radius:50px; background:#1A1A1A;}
.race_info_box .race_user .race_date p{margin-top:4px; font-size:18px; color:#005FEB; font-weight:700; line-height:1.3;}
.race_info_box .btn_item{padding:8px 12px; width:220px; display:flex; align-items:center; gap:8px; background:#fff; border-radius:8px;}
.race_info_box .btn_item+.btn_item{margin-top:4px;}
.race_info_box .btn_item i{width:16px; height:16px; background:url('/resources/images/classContest/race/ico_chk.png') no-repeat center top;}
.race_info_box .btn_item i.on{background-position-y:bottom;}
.race_info_box .btn_item p{flex:1; display:flex; align-items:center; gap:4px; font-size:13px; color:#000; font-weight:600;}
.race_info_box .btn_item .ico_info{position:relative; width:16px; height:16px; background:url('/resources/images/classContest/race/ico_info.png') no-repeat center;}
.race_info_box .btn_item .ico_info .info-layer{display:none; position:absolute; left:50%; top:calc(100% + 7px); transform:translateX(-50%); padding:12px 20px; font-size:12px; color:#fff; font-weight:500; line-height:1.3; text-align:center; white-space:nowrap; background:rgba(55, 55, 65, 0.9); border-radius:4px; z-index:1;}
.race_info_box .btn_item .ico_info .info-layer:before{content:''; position:absolute; top:-6px; left:50%; transform:translateX(-50%); width:11px; height:7px; background:url('/resources/images/classContest/race/tooltip_obj.png') no-repeat center bottom;}
.race_info_box .btn_item .ico_info .info-layer em{font:inherit; color:#15A3F8; font-weight:700;}
.race_info_box .btn_item .ico_info:hover .info-layer{display:block;}
.race_info_box .btn_item button{width:65px; height:32px; font-size:13px; color:#FFF; font-weight:700; border-radius:4px;}
.race_info_box .btn_item button.ty1{background:#5D658E;}/* 수정하기 */
.race_info_box .btn_item button.ty2{background:#BCBCBC;}/* 작성하기 off */
.race_info_box .btn_item button.ty3{background:#005FEB;}/* 작성하기 on */
.race_info_box .btn_item button.ty4{background:#32323A;}/* 예선 종료 */
.race_info_box .btn_item button.ty5{background:#FF6543;}/* 제출완료 */
.race_info_box .race_data{position:relative; display:flex; gap:4px;}
.race_info_box .race_data:before{content:''; position:absolute; left:-17px; top:0; bottom:0; width:1px; background:#3EAADC;}
.race_info_box .data_item{padding:0 16px; width:148px; height:100px; background:#F5FAFF; border-radius:8px; display:flex; align-items:center; gap:8px;}
.race_info_box .data_item i{flex:none; width:42px; height:42px; background-repeat:no-repeat; background-position:center;}
.race_info_box .data_item .desc{flex:1; text-align:center;}
.race_info_box .data_item span{font-size:12px; color:#363949; font-weight:700; line-height:17px;}
.race_info_box .data_item p{font-size:22px; font-weight:700; line-height:29px;}
.race_info_box .data_item.total{background:#005FEB;}
.race_info_box .data_item.total i{width:26px; background-image:url('/resources/images/classContest/race/ico_stamp.png');}
.race_info_box .data_item.total span{color:#66DEFF;}
.race_info_box .data_item.total p{color:#FFF;}
.race_info_box .data_item.stamp i{background-image:url('/resources/images/classContest/race/ico_calendar2.png');}
.race_info_box .data_item.stamp p{color:#FC3A2F;}
.race_info_box .data_item.long i{background-image:url('/resources/images/classContest/race/ico_fire2.png');}
.race_info_box .data_item.long p{color:#363949;}
.race_info_box .race_text{padding:16px; background:#C7EDFF;}
.race_info_box .race_text p{font-size:17px; color:#1A1A1A; font-weight:600; line-height:1.4; text-align:center;}
.race_info_box .race_text p span{font:inherit; color:#FC3A2F; font-weight:700;}


.race_wrap .race_cal_box{margin-top:24px; border:1px solid #909090; border-radius:8px; overflow:hidden;}
.race_cal_box .calendar-header{padding:16px; display:flex; justify-content:space-between; align-items:center; background:#F9F9F9;}
.race_cal_box .calendar-header .btn-arr{width:40px; height:40px; background:#FFF url('/resources/images/classContest/arr_right.png') no-repeat center; border:1px solid #171717; border-radius:4px;}
.race_cal_box .calendar-header .btn-arr.prev{transform:rotate(180deg);}
.race_cal_box .calendar-header .btn-arr.last{background-color:#ddd;cursor:default;}
.race_cal_box .calendar-header .calendar-title{display:flex; align-items:center; justify-content:center; gap:16px;}
.race_cal_box .calendar-header .calendar-title span{font-size:30px; color:#000; font-weight:700; line-height:1;}
.race_cal_box .calendar-header .calendar-title .btn-today{padding:0 12px; font-size:14px; color:#555; font-weight:700; line-height:38px; background:#fff; border:1px solid #DDD; border-radius:4px;}
.race_cal_box .calendar-body{padding:8px 30px;}
.race_cal_box table{width:100%;}
.race_cal_box table th{font-size:15px; color:#000; font-weight:700; line-height:48px; text-align:center;}
.race_cal_box table td{border:10px solid #fff;}
.race_cal_box table .day-box{position:relative; padding:7px; display:block; height:150px; border:1px solid #E6E6E6; border-radius:8px; background:#F9F9F9;}
.race_cal_box table .day-box .txt{font-size:15px; color:#777; font-weight:700; line-height:1.3; text-align:right;}
.race_cal_box table .day-box .badge{position:absolute; left:50%; top:50%; transform:translateX(-50%); margin-top:-45px; display:flex; align-items:flex-end;}
.race_cal_box table .day-box .badge:before{content:''; display:block; width:90px; height:90px;background:url('/resources/images/classContest/race/stamp.png') no-repeat center / contain;}
.race_cal_box table .day-box .badge.allCk:before{background-color:#F9F9F9;background-blend-mode:luminosity;
    opacity: 0.2;}
.race_cal_box table .day-box .badge span{position:absolute; right:-13px; bottom:-6px; font-family:'Montserrat', sans-serif; font-size:19px; color:#363949; font-weight:600; line-height:1.3;}
.race_cal_box table .day-box .badge span em{font:inherit; font-size:24px; font-weight:800;}
.race_cal_box table .day-box .badge.empty{display:none;}
.race_cal_box table .day-box .badge.collect span{padding:0 12px;right:-20px;bottom:-19px;display:inline-block;height:29px;line-height:27px;color:#000;border:1px solid #0057de;background:#fff;border-radius:15px;vertical-align: middle;font-family:'Montserrat', sans-serif;font-size:14px;font-weight:600;}
.race_cal_box table .day-box .badge.collect span em{font-size:18px;color:#000;font-weight:700;line-height:27px;vertical-align: middle;padding:0 1px;}
.race_cal_box table .day-box .badge.collect span em:first-child{padding-left:3px;}
.race_cal_box table .day-box .badge.collect span .c_red{font-size:18px;color:#FC3A2F;font-weight:600}
.race_cal_box table .day-box .badge.collect span i{font:inherit;font-size:14px;color:#000;font-weight:400;vertical-align:middle;}
.race_cal_box table .day-box .badge.collect .popCollect{display:none;position:absolute;left:0;top:-42px;transform:translate(-25%,-100%);}
.race_cal_box table .day-box .badge.collect .popCollect div{position:relative;padding:12px 20px;width:238px;height:56px;background: #373741E5;text-align:center;border-radius:4px;}
.race_cal_box table .day-box .badge.collect .popCollect div:after{content:'';position:absolute;left:50%;bottom:-7px;width:11px;height:7px;background:url(/resources/images/classContest/admin/pop_bubble_tail.png) no-repeat center center;}
.race_cal_box table .day-box .badge.collect .popCollect div p{font-size:12px;color:#fff;font-weight:500;line-height:1.3;}
.race_cal_box table .day-box.today{border-color:#0CA4FF;}
.race_cal_box table .day-box.today .txt{color:#0CA4FF;}
.race_cal_box table .day-box:hover{background:#C5EEFF; border-color:#0CA4FF;}
.race_cal_box table .day-box:hover .txt{color:#005FEB;}
.race_cal_box table .day-box:hover .badge.collect .popCollect{display:block;}
.race_cal_box table .day-box:hover .badge.allCk:before{background-color:#C5EEFF;}

.race_wrap .race_info_box2{position:relative; margin-top:20px; padding:28px; background:#F5FAFF; border:1px solid #A8CCF0; border-radius:8px;}
.race_wrap .race_info_box2:before{content:''; position:absolute; left:100px; bottom:0; width:213px; height:90px; background:url('/resources/images/classContest/race/race_bottom_obj1.png') no-repeat center;}
.race_wrap .race_info_box2:after{content:''; position:absolute; right:100px; bottom:0; width:206px; height:87px; background:url('/resources/images/classContest/race/race_bottom_obj2.png') no-repeat center;}
.race_wrap .race_info_box2 p{font-size:22px; color:#171717; font-weight:600; line-height:1.4; text-align:center;}
.race_wrap .race_info_box2 p span{font:inherit; font-weight:800; color:#005FEB;}
.race_wrap .race_info_box2 p span.ty2{color:#F5522F;}


.eventList li{position:relative;width:100%;padding:16px;border-radius:16px;background:#EBF8FF;}
.eventList li + li{margin-top:10px;}
.eventList li a{display:flex;gap:32px;position:relative;align-items: center;}
.eventList li a .badge_wrap{position:absolute;left:0;top:-16px;z-index:100;}
.eventList li a .badge_wrap .badge{display:inline-block;padding:0 16px;background:#f2512b;color:#fff;font-size:18px;font-weight:800;height:37px;line-height:37px;}
.eventList li a .event_img_wrap{position:relative;width:319px;height:164px;overflow:hidden;border-radius:8px;}
.eventList li a .event_img_wrap img{width:100%;}
.eventList li a .event_txt_wrap{margin:15px 0;flex:1;height:100%;display:flex;flex-direction: column;justify-content: space-between;}
.eventList li a .event_txt_wrap .title{height:82px;}
.eventList li a .event_txt_wrap .title h3{font-size:24px;font-weight:800;color:#373B47;}
.eventList li a .event_txt_wrap .title p{margin-top:8px;font-size:17px;color:#373B47;line-height:1.27;letter-spacing: -0.02em;}
.eventList li a .event_txt_wrap .date{margin-top:24px;font-size:18px;font-weight:600;color:#000;}
.tab_lounge{margin-top:85px;display:flex;gap:40px;}
.tab_lounge li a{padding-bottom:5px;font-size:24px;color:#92949C;font-weight:800;line-height:1.3;}
.tab_lounge li.on a,.tab_lounge li a:hover{color:#15A3F8;border-bottom:3px solid #15A3F8;}
.loungeConts{margin:40px 0 80px;}
.loungeConts li .search{margin-bottom:10px;padding:0 10px;display:inline-flex;flex-wrap:nowrap;width:320px;height:49px;border:1px solid #767676;border-radius:6px;align-items: center;gap:5px;}
.loungeConts li .search input{flex:1;padding:0 6px;height:46px;font-size:16px;}
.loungeConts li .search input::placeholder{color:#919191;}
.loungeConts li .search .btn_search{width:34px;height:34px;background:url(/resources/images/classContest/lounge/ico_search.png) no-repeat center center;}
.loungeConts li .btn_reset{margin-left:10px;display:inline-block;border:1px solid #767676;border-radius:6px;width:49px;height:49px;background:url(/resources/images/classContest/ico_reset.png) no-repeat center center;vertical-align: top;}
.loungeConts li .flex{padding-bottom:2px;display:flex;flex-wrap:nowrap;justify-content: space-between;align-items: flex-start;}
.loungeConts li .flex .right label{color:#3682f9;font-size:19px;font-weight:600;margin-right:20px;line-height:49px;}
.loungeConts li .flex .right label input[type=checkbox] + span{display:inline-block;margin-right:10px;width:22px;height:22px;background:url(/resources/images/classContest/ico_check.png) no-repeat center top;vertical-align: middle;}
.loungeConts li .flex .right label input[type=checkbox]:checked + span{background-position: center bottom;}
.loungeConts li .flex .right .btn_ask{width:120px;height:49px;border-radius:8px;text-align:center;line-height:49px;background:#15A3F8;color:#fff;font-size:18px;font-weight:600;}
.loungeConts li .flex .right .btn_ask span{margin-left:10px;display:inline-block;width:11px;height:49px;background:url(/resources/images/classContest/lounge/ico_plus2.png) no-repeat center center;vertical-align: top;}
.slideBoard{border-top:1px solid #333;}
.slideBoard dl{border-bottom:1px solid #dadada;}
.slideBoard dl dt{display:block;padding:20px 24px;}
.slideBoard dl dt:hover{background:#EBF8FF}
.slideBoard dl dt .flex{display:flex;flex-wrap:nowrap;gap:24px;align-items: center;}
.slideBoard dl dt .flex .num{width:32px;text-align:center;}
.slideBoard dl dt .flex .num span{font-size:16px;color:#373B47;font-weight:500;line-height:32px;}
.slideBoard dl dt .flex a{flex:1;flex-shrink:0;display:block;font-size:20px;font-weight:700;color:#373B47;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.slideBoard dl dt .flex .date{width:82px;text-align:center;}
.slideBoard dl dt .flex .date span{font-size:16px;color:#92949C;font-weight:400;line-height:32px;}
.slideBoard dl dt .flex .btn{width:32px;}
.slideBoard dl dt .flex .btn .btn_slide{width:32px;height:32px;border-radius:16px;background-color:#333;background-image:url(/resources/images/classContest/lounge/ico_close.png);background-repeat: no-repeat;background-position: center center;transition:background-color 500ms ease;}
.slideBoard dl.open dt .flex .btn .btn_slide{background-color:#15A3F8;background-image: url(/resources/images/classContest/lounge/ico_open.png);}
.slideBoard dl dt.notice .flex .num span{display:none;}
.slideBoard dl dt.notice .flex .num .ico_notice{display:block;width:32px;height:32px;background:url(/resources/images/classContest/lounge/ico_notice.png) no-repeat center center;}
.slideBoard dl dd{display:none;}
.slideBoard dl dd div{padding:0 24px 48px 54px;}
.slideBoard dl dd div p{font-size:17px;color:#373b47;line-height:1.6;}
.slideBoard dl dd .editorConts{font-size:17px;line-height:1.6;}
.slideBoard dl dd .editorConts *{font:inherit;color:inherit;}
.slideBoard dl dd .editorConts b,.slideBoard dl dd .editorConts strong{font-weight:bold;}
.slideBoard dl dd .editorConts img{max-width:100%;}
.editorConts a,.editorConts cite,.editorConts code,.editorConts dfn,.editorConts del,.editorConts em,.editorConts ins,.editorConts label,.editorConts q,.editorConts span,.editorConts strong{display:inline-block;}
.editorConts *{font:inherit;color:inherit;}
.editorConts b{font-weight:600 !important;}
.editorConts b *{font:inherit;color:inherit;}
.editorConts a{font:inherit;color:inherit;}
.editorConts a *{font:inherit;color:inherit;}
.editorConts s{text-decoration: line-through}
.editorConts s *{font:inherit;color:inherit;}
.editorConts span *{font:inherit;color:inherit;}
.editorConts strong *{font:inherit;color:inherit;}
.editorConts em{font-style:italic;}
.editorConts var{font-style:italic;}
.editorConts var *{font-style:italic!important;}
.editorConts sub{vertical-align: sub;font-size: smaller!important;}
.editorConts sup{vertical-align: super;font-size: smaller!important;;}
.slideBoard dl dd div .attachFile{margin-top:55px;background:#f9f9f9;border:1px solid #D9D9D9}
.slideBoard dl dd div .attachFile li{padding:11px 17px;}
.slideBoard dl dd div .attachFile li + li{border-top:1px solid #d9d9d9;}
.slideBoard dl dd div .attachFile li a{padding-left:37px;display:block;line-height:22px;font-size:16px;color:#3682F9;background:url(/resources/images/classContest/lounge/ico_file.png) no-repeat left 3px center;}
.slideBoard dl.open{background:#F7F7F7;}
.slideBoard dl.open dt:hover{background:transparent;}
.slideBoard dl.open dt a{color:#15A3F8;}
.slideBoard dl.open dd{display:block;}
.slideBoard.qna dl dt{padding:0;}
.slideBoard.qna dl dt .flex{gap:0;}
.slideBoard.qna dl.open {background:#fff;}
.slideBoard.qna dl dt .flex div{padding:15px 12px;}
.slideBoard.qna dl dt .flex div span{line-height:33px;font-size:16px;}
.slideBoard.qna dl dt .flex .num2{width:64px;flex-shrink: 0;text-align:center;}
.slideBoard.qna dl dt .flex .title{width:756px;flex-shrink: 0;text-align:left;}
.slideBoard.qna dl dt .flex .title a{display:inline-block;max-width:calc(100% - 34px);}
.slideBoard.qna dl dt .flex .writer{width:140px;flex-shrink: 0;text-align:center;}
.slideBoard.qna dl dt .flex .edit{width:120px;flex-shrink: 0;text-align:center;}
.slideBoard.qna dl dt .flex .rep{width:120px;flex-shrink: 0;text-align:center;}
.slideBoard.qna dl dt .flex .rep .badge{display:inline-block;width:68px;height:32px;line-height:32px;text-align:center;font-size:14px;font-weight:600;color:#5547ff;border:1px solid #5547ff;border-radius:4px;background:#fff;}
.slideBoard.qna dl dt .flex .rep .badge.st01{background:#F5FAFf;}
.slideBoard.qna dl dt .flex .rep .badge.st02{border-color:#373741;color:#373741;}
.slideBoard.qna dl dt .flex .rep .badge.st03{border-color:#F2512B;color:#F2512B;}
.slideBoard.qna dl dt i{display:none;}
.slideBoard.qna dl dt .lock i{display:inline-block;margin-left:10px;width:24px;height:32px;background:url(/resources/images/classContest/lounge/ico_lock.png) no-repeat center center;}
.slideBoard.qna dl dd{border-top:1px solid #dadada;border-bottom:1px solid #333;}
.slideBoard.qna dl dd div{padding:24px 40px 40px;}
.slideBoard.qna dl dd .answer{margin:30px auto 0;padding:24px;border:1px solid #ccd7e3;border-radius:8px;background:#f5faff;}
.slideBoard.qna dl dd .answer .txtbox{padding:0 0 0 44px;background:url(/resources/images/classContest/lounge/ico_answer.png) no-repeat left top;}
.slideBoard.qna dl dd .answer .txtbox p{font-size:18px;font-weight:500;color:#454545;line-height:1.4;}
.slideBoard dl.head{background:#F9F9F9;}
.slideBoard dl.head dt:hover{background:#f9f9f9;}
.slideBoard dl.head dt .flex{align-items: center;height:52px;}
.slideBoard dl.head dt .flex .title{text-align:center;}
.slideBoard dl.head dt .flex div span{font-size:14px;font-weight:600;color:#000;}
.slideBoard dl.noData .flex div{width:100%;text-align:center;}
.slideBoard dl.noData .flex div p{font-size:16px;line-height:32px;color:#92949C;}
.paging.ty3{padding:40px 0 0}
.paging.ty3 li ~ li{margin-left:8px;}
.paging.ty3 li a{width:32px;height:32px;border:none;line-height:32px;border-radius:4px;font-size:16px;color:#171717;font-weight:400;}
.paging.ty3 li a.on{background:#333;color:#fff;font-weight:600;}
.paging.ty3 li a:hover{color:#171717;}

.qnaapply{border-top:1px solid #171717;border-bottom:1px solid #171717;}
.qnaapply dl{margin-top:24px;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;}
.qnaapply dl dt{font-size:16px;color:#171717;font-weight:600;}
.qnaapply dl dd{flex:1;}
.qnaapply dl dd input[type=text]{width:100%;padding:0 16px;height:52px;border-radius:4px;border:1px solid #ccc;font-size:16px;}
.qnaapply dl dd input[type=text]:focus{border-color:#171717;}
.qnaapply dl dd textarea{width:100%;padding:16px;height:405px;border-radius:4px;border:1px solid #ccc;outline:none;font-size:16px;}
.qnaapply dl dd textarea::placeholder{color:#818288;font-size:16px;}
.qnaapply dl dd textarea:focus{border-color:#171717;}
.qnaapply dl.row{flex-direction: row;gap:24px;}
.qnaapply dl dd label{font-size:16px;color:#171717;font-weight:600;line-height:22px;}
.qnaapply dl dd label + label{margin-left:16px;}
.qnaapply dl dd label input[type=radio]{appearance: none;-webkit-appearance: none;width:0;height:0;margin:0;}
.qnaapply dl dd label input[type=radio] + span{position:relative;margin-right:8px;display:inline-block;width:22px;height:22px;border:1px solid #ccc;border-radius:11px;vertical-align: middle;}
.qnaapply dl dd label input[type=radio]:checked + span:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:6px;background:#2E90FA;}
.qnaapply dl.row dd p{position:relative;margin-top:8px;font-size:14px;line-height:1.4;color:#676767;}
.qnaapply dl.row dd p:before{content:'•';margin:0 5px;font-size:14px;line-height:1.4;color:#676767;}
.qnaapply .privacy{margin:24px auto 0;padding:28px 32px;width:100%;border:1px solid #CCD7E3;background:#F5FAFF;border-radius:8px;}
.qnaapply .privacy h3{font-size:16px;line-height:1.4;color:#171717;font-weight:600;}
.qnaapply .privacy ul{position:relative;margin-top:10px;padding-left:13px;}
.qnaapply .privacy ul:before{content:'';position:absolute;left:4px;width:3px;height:100%;background:#2E90FA;}
.qnaapply .privacy ul li{position:relative;display:block;font-size:14px;color:#676767;font-weight:400;line-height:1.6;letter-spacing: -0.02em;}
.qnaapply .privacy ul li span{font:inherit;font-weight:700;}
.qnaapply .privacy ul li:before{content:'•';margin:0 5px;font-size:14px;line-height:1.6;color:#676767;font-weight:700;}
.qnaapply .agree{margin:24px 0 25px;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.qnaapply .agree label{font-size:16px;font-weight:700;color:#171717;line-height:1.4;}
.qnaapply .agree label input[type=checkbox]{appearance: none;-webkit-appearance: none;width:0;height:0;margin:0;}
.qnaapply .agree label input[type=checkbox] + span{position:relative;margin-right:8px;display:inline-block;width:24px;height:24px;border:1px solid #ccc;border-radius:5px;vertical-align: middle;}
.qnaapply .agree label input[type=checkbox]:checked + span{background:#2E90FA;border-color:#2E90FA;}
.qnaapply .agree label input[type=checkbox]:checked + span:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11px;height:8px;background:url(/resources/images/classContest/lounge/checkbox.png) no-repeat center center;}
.qnaapply .agree a{padding-right:18px;font-size:14px;color:#878787;background:url(/resources/images/classContest/lounge/arr.png) no-repeat right center;line-height:24px}
.qnaapply + .btnwrap{margin:24px 0 80px;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.qnaapply + .btnwrap p{font-size:16px;color:#2E90FA;font-weight:400;line-height:46px;}
.qnaapply + .btnwrap p span{font:inherit;color:inherit;font-weight:700;}
.qnaapply + .btnwrap .btn_list{width:68px;height:46px;border:1px solid #2E90FA;border-radius:4px;text-align:center;font-size:16px;font-weight:600;line-height:44px;color:#2E90FA;background:#fff;padding:0;}
.qnaapply + .btnwrap .btn_write{margin-left:2px;width:92px;height:46px;border-radius:4px;text-align:center;font-size:16px;font-weight:600;line-height:44px;color:#fff;background:#2E90FA;}
.qnaapply + .btnwrap .btn_write span{margin-left:8px;display:inline-block;width:20px;height:20px;vertical-align:middle;background:url(/resources/images/classContest/lounge/ic_plus.png) no-repeat center center;}

/*어드민*/
.adm_section h4{font-size:28px;font-weight:700;color:#000;line-height:1.4;letter-spacing:-0.02em;}
.adm_section h4 span{margin-left:8px;font-weight:500;color:#FF2626;font-size:18px;line-height:1.4;letter-spacing:-0.05em;}
.adm_section .sorting{margin-top:28px;display:flex;flex-wrap:wrap;gap:60px;justify-content: flex-start;}
.adm_section .sorting dl{display:inline-flex;flex-wrap:nowrap;gap:8px;align-items: center;}
.adm_section .sorting dl dt{min-width:64px;font-size:16px;color:#373B47;line-height:1.4;font-weight:700;letter-spacing: -0.05em;;}
.adm_section .sorting dl dd{position:relative;display:flex;flex-wrap:nowrap;gap:8px;align-items: center;justify-content: flex-start;}
.adm_section .sorting dl dd .btn{min-width:80px;background:#f7f7f7;border-radius:4px;text-align:center;color:#373B47;height:36px;line-height:34px;font-size:14px;font-weight:700;transition: all .15s;border:1px solid #f7f7f7;}
.adm_section .sorting dl dd .btn:focus, .adm_section .sorting dl dd .btn:active{outline: 0 !important;outline: none !important;box-shadow: none !important;-webkit-tap-highlight-color: transparent !important;}
.adm_section .sorting dl dd .btn.on, .adm_section .sorting dl dd .btn:active{background:#fff;border:1px solid #15A3F8;color:#15A3F8;line-height:34px;}
.adm_section .sorting dl dd .btn.month{position:relative;padding:0 14px;}
.adm_section .sorting dl dd .btn.month:after{content:'';margin-left:10px;display:inline-block;width:13px;height:8px;background:url(/resources/images/classContest/admin/ico_sel_arr.png) no-repeat center center;vertical-align: middle;}
.adm_section .sorting dl dd .btn.month.on:after,.adm_section .sorting dl dd .btn.month:active:after{background:url(/resources/images/classContest/admin/ico_sel_arr_on.png) no-repeat center center;}
.adm_section + .adm_section{margin-top:64px;}
.adm_section:last-child{margin-bottom:80px;}

#searchMonthCalendar {
    position:absolute;right:0;top:0;transform:translate(184px,42px);z-index:1005;
    width: 264px;
    padding: 24px;
    border: 1px solid #dedede;box-shadow: 2px 4px 4px 0px #00000017;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
#searchMonthCalendar .mp-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;}
#searchMonthCalendar .mp-title {font-size: 14px;font-weight: 700;color: #373B47;line-height:1.4;}
#searchMonthCalendar .mp-year-nav {display: flex;align-items: center;gap: 10px;}
#searchMonthCalendar .mp-year {
    font-size: 16px;
    font-weight: 700;line-height:1.4;
    color:#373B47;
    min-width: 40px;
    text-align: center;
}
#searchMonthCalendar .mp-prev,
#searchMonthCalendar .mp-next {
    width: 24px;
    height: 24px;
    border: 1px solid #dededf;
    border-radius: 4px;
    background-color: #fff;background-repeat:no-repeat;background-position:center center;
    cursor: pointer;
}
#searchMonthCalendar .mp-prev:hover,
#searchMonthCalendar .mp-next:hover{background-color:#F6FCFF;}
#searchMonthCalendar .mp-prev{background-image:url(/resources/images/classContest/admin/ico_prev_entrant.png)}
#searchMonthCalendar .mp-next{background-image:url(/resources/images/classContest/admin/ico_next_entrant.png)}
#searchMonthCalendar .mp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
#searchMonthCalendar .mp-month {
    height: 32px;
    border: 1px solid #DEDFDF;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;font-weight: 400;
    color: #373B47;
    cursor: pointer;
}
#searchMonthCalendar .mp-month:hover:not(:disabled) {
    border-color: #15A3F8;color:#15A3F8;
}
#searchMonthCalendar .mp-month.selected {
    border-color: #15A3F8;
    background: #fff;
    color: #15A3F8;font-weight:700;
}
#searchMonthCalendar .mp-month:disabled {
    color: #373B4766;
    background: #F7F7F7;
    border-color: #f7f7f7;
    cursor: default;
}

.dashBd{margin-top:28px;display:flex;flex-wrap:nowrap;gap:16px;align-items: center;}
.dashBd li{flex:1;padding:24px;border:1px solid #dedede;border-radius:8px;background: #D0EDFE30;}
/*.dashBd li:hover{transform:translateY(-2px);transition:transform 0.2s;}*/
.dashBd li h5{display:flex;justify-content: space-between;font-size:16px;color:#000;font-weight:700;line-height:1.7;}
.dashBd li h5 i{display:inline-block;width:21px;height:19px;background-repeat:no-repeat;background-position:center center;}
.dashBd li h5 .ico_01{background-image:url(/resources/images/classContest/admin/ico_dash01.png);}
.dashBd li h5 .ico_02{background-image:url(/resources/images/classContest/admin/ico_dash02.png);}
.dashBd li h5 .ico_03{background-image:url(/resources/images/classContest/admin/ico_dash03.png);}
.dashBd li h5 .ico_04{background-image:url(/resources/images/classContest/admin/ico_dash04.png);}
.dashBd li p{font-size:12px;color:#818288;line-height:1.7;}
.dashBd li .cnt{margin-top:28px;font-size:32px;color:#15A3F8;font-weight:800;line-height:1.5;text-align:right;}

.adm_section .modulHead{margin-top:28px;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.modulHead .admSearch{display:flex;flex-wrap:nowrap;gap:8px;}
.modulHead .admSearch input{width:420px;height:52px;border:1px solid #ccc;border-radius:4px;padding:0 16px;font-size:16px;color:#121212;}
.modulHead .admSearch input::-webkit-input-placeholder{color:#818288;}
.modulHead .admSearch input[type=text]:focus{border-color:#171717;}
.modulHead .admSearch .btnSearch{width:100px;text-align:center;background:#333;color:#fff;border-radius:4px;font-size:16px;letter-spacing: -0.02em;}
.modulHead select{-webkit-appearance:none;width:170px;border:1px solid #ccc;border-radius:4px;padding:0 8px 0 16px;font-size:16px;color:#171717;font-weight:500;background:url(/resources/images/classContest/admin/ic_arrow.png) no-repeat right 8px center;}


.Schtype{margin-top:16px;}
.admList{border-top:1px solid #000;}
.admList li{border-bottom:1px solid #DEDFDF;}
.admList li.header{z-index:0;}
.admList li .flexWrap{position:relative;display:flex;flex-wrap:nowrap;align-items: center;height:50px;}
.admList li .flexWrap:hover:before{content:'';position:absolute;left:0;right:0;top:0;width:100%;height:100%;bordeR:1px solid #0091E8}
.admList li .flexWrap .col{flex-shrink: 0;text-align:center;}
.admList li .flexWrap .col span{font-size:16px;color:#373B47;font-weight:400;}
.admList li .flexWrap:hover .col span{color:#15A3F8;font-weight:700;}
.admList li .flexWrap .col.rank{width:120px;}
.admList li .flexWrap .col.num{width:120px;}
.admList li .flexWrap .col.school{width:120px;}
.admList li .flexWrap .col.team{flex:1;}
.admList li .flexWrap .col.local{width:120px;}
.admList li .flexWrap .col.stamp{width:120px;}
.admList li .flexWrap .col.score{width:120px;}
.admList li .flexWrap .col.date{width:140px;}
.admList li.header .flexWrap .col{text-align:center;font-size:14px;font-weight:600;color:#000;}
.admList li.header .flexWrap:hover:before{content:none;}
.admList li.nodata .flexWrap p{flex:1;font-size:16px;color:#999;text-align:center;}
.admList li .flexWrap .col .num1{display:inline-block;width:36px;height:36px;border-radius:18px;border:1px solid #FFC684;line-height:34px;background: linear-gradient(180deg, #FFEA00 0%, #FFCC00 100%);color:#fff;font-weight:700;font-size:18px;}
.admList li .flexWrap .col .num2{display:inline-block;width:36px;height:36px;border-radius:18px;border:1px solid #CFCFCF;line-height:34px;background: linear-gradient(180deg, #E2E2E2 0%, #BCBCBC 100%);color:#fff;font-weight:700;font-size:18px;}
.admList li .flexWrap .col .num3{display:inline-block;width:36px;height:36px;border-radius:18px;border:1px solid #D3BB95;line-height:34px;background: linear-gradient(180deg, #E5D4B5 0%, #D5B581 100%);color:#fff;font-weight:700;font-size:18px;}
.admList li .flexWrap:hover .col .num1,.admList li .flexWrap:hover .col .num2,.admList li .flexWrap:hover .col .num3{color:#fff;}

.back_head{padding:16px 28px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;}
.back_head .btn_back{padding-left:24px;background:url(/resources/images/classContest/admin/ico_back.png) no-repeat left center;font-size:16px;font-weight:700;color:#000;line-height:1.4;}
.back_head .entrant{display:flex;flex-wrap:nowrap;align-content: center;gap:16px;justify-content: flex-end;}
.back_head .entrant .prev{background:#fff;text-align:center;width:124px;height:44px;border-radius:22px;font-size:14px;font-weight:700;line-height:42px;color:#15A3F8;border:1px solid #15A3F8;}
.back_head .entrant .prev span{margin-right:12px;display:inline-block;width:7px;height:12px;vertical-align: middle;background:url(/resources/images/classContest/admin/ico_prev_entrant_on.png) no-repeat center center;}
.back_head .entrant .next{background:#fff;text-align:center;width:124px;height:44px;border-radius:22px;font-size:14px;font-weight:700;line-height:42px;color:#15A3F8;border:1px solid #15A3F8;}
.back_head .entrant .next span{margin-left:12px;display:inline-block;width:7px;height:12px;vertical-align: middle;background:url(/resources/images/classContest/admin/ico_next_entrant_on.png) no-repeat center center;}
.back_head .entrant .disabled{background:#f4f4f4;color:#000;border-color:#f4f4f4;font-weight:400;cursor:default}
.back_head .entrant .prev.disabled span{background:url(/resources/images/classContest/admin/ico_prev_entrant.png) no-repeat center center;}
.back_head .entrant .bdInfo{text-align:center;}
.back_head .entrant .bdInfo span{display:block;font-size:16px;color:#373B47;line-height:1.4;}
.back_head .entrant .bdInfo span em{font:inherit;font-weight:700;color:inherit;}
.back_head .entrant .bdInfo p{font-size:14px;color:#818288;line-height:1.7;}

.subSide{display:flex;align-items: flex-start; min-height: 571px;}
.subSide aside{align-self:stretch;padding:20px 28px;width:260px;border-right:1px solid #DEDFDF;flex-shrink: 0;}
.subSide aside h3{font-size:24px;font-weight:500;color:#000;height:60px;border-bottom:1px solid #000;line-height:59px}
.subSide aside h3 span{font:inherit;color:inherit;font-weight:800;}
.subSide .inner_dtl{flex:1;padding:50px 0 80px;}
.subSide .inner_dtl .btn_top{opacity:0;position:fixed;left:50%;bottom:270px;margin-left:650px;width:60px;height:60px;border-radius:30px;background:#373741;box-shadow: 0 6px 7px 0 #0000002E;transition:transform 0.2s;}
.subSide .inner_dtl .btn_top.visible{opacity:1;}
.subSide .inner_dtl .btn_top:hover{transform:translateY(-3px);}
.subSide .inner_dtl .btn_top span{display:block;padding-top:13px;text-align:center;font-size:16px;line-height:1.5;letter-spacing:-1.1%;color:#fff;background:url(/resources/images/classContest/admin/ico_top.png) no-repeat center top;}
.subSide .inner_dtl .inner{margin:0 auto;width:1000px;}
.subSide .inner_dtl .inner .adm_section:last-child{margin-bottom:0;}
.schoolName{margin-top:28px;padding-left:44px;font-size:16px;line-height:36px;color:#000;background:url(/resources/images/classContest/admin/ico_school.png) no-repeat left center;}
.icoLocal{margin-top:8px;padding-left:44px;font-size:16px;line-height:36px;color:#000;background:url(/resources/images/classContest/admin/ico_local.png) no-repeat left center;}
.icoStamp{margin-top:8px;padding-left:44px;font-size:16px;line-height:36px;font-weight:700;color:#000;background:url(/resources/images/classContest/admin/ico_stamp.png) no-repeat left center;}
.icoStamp span{font:inherit;color:#FF2626;}
.scoreView{margin-top:20px;padding:26px 35px;background:#F6FCFF;border:1px solid #DEDFDF;border-radius:4px;}
.scoreView p{font-size:16px;font-weight:700;color:#000;line-height:1.4;}
.scoreView .iptScore{margin-top:8px;display:flex;flex-wrap:nowrap;justify-content: space-between;gap:8px;align-items: flex-end;}
.scoreView .iptScore input{width:107px;height:48px;border-radius:6px;text-align:center;color:#15A3F8;font-size:32px;font-weight:800;border:1px solid #3AB6FF;}
.scoreView .iptScore span{font-size:18px;color:#000;font-weight:500;line-height:1.4;}
.scoreView .txt-gray{margin-top:8px;font-size:12px;line-height:1.7;color:#757575;font-weight:400;}
.subSide .btnEnter{margin-top:20px;display:block;width:100%;height:62px;border-radius:4px;background:#ff2626;text-align:center;font-size:18px;font-weight:800;line-height:1.5;color:#fff;}

.recordList{margin:30px auto 0;display:flex;flex-wrap:wrap;gap:16px;}
.recordList li{width:calc(50% - 8px);border:1px solid #DEDFDF;border-radius:12px;padding:28px 0 0;transition:all 0.2s;}
.recordList li:hover{border-color:#0091E8;transform: translateY(-2px);}
.recordList li .cardTit{margin:0 16px;display:flex;flex-wrap:nowrap;align-items: center;}
.recordList li .cardTit .num{font-size:32px;font-weight:800;color:#000;line-height:1.4;}
.recordList li .cardTit .cate{margin-left:12px;}
.recordList li .cardTit .cate span{margin-left:8px;font-size:14px;font-weight:500;color:#000;line-height:28px;}
.recordList li .cardTit .cate .grade{display:inline-block;width:42px;height:28px;line-height:28px;background:#F6FCFF;border-radius:4px;font-size:14px;font-weight:500;color:#15A3F8;text-align:center;}
.recordList li .cardTit .date{margin-left:auto;font-size:14px;color:#737373;line-height:1.4;}
.recordList li .data{position:relative;margin:16px 16px 0;display:flex;height:240px;background:#F7F7F7;border:1px solid #dedede;border-radius:6px;overflow:hidden;}
.recordList li .data img{position:absolute;left:50%;top:50%;width:100%;min-height:100%;object-fit: contain;transform:translate(-50%,-50%);}
.recordList li .data span{margin:auto;padding-top:48px;display:block;background:url(/resources/images/classContest/admin/ico_data_link.png) no-repeat center top;font-size:16px;color:#171717;text-decoration: underline;line-height:1.4;}
.recordList li .ellip{margin:16px 16px 0;max-width:calc(100% - 32px);display:-webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;font-size:16px;height:48px;line-height:1.5;color:#171717;text-overflow: ellipsis;overflow: hidden;}
.recordList li .dataInfo{margin-top:10px;}
.recordList li .dataInfo .dataCnt .ico_img{padding-left:19px;background:url(/resources/images/classContest/admin/ico_img.png) no-repeat left center;font-size:14px;color:#737373;line-height:1.5}
.recordList li .dataInfo .dataCnt .ico_link{margin-left:16px;padding-left:17px;background:url(/resources/images/classContest/admin/ico_link.png) no-repeat left center;font-size:14px;color:#737373;line-height:1.5}
.recordList li .dataInfo .ico_stamp{margin-left:auto;padding-left:24px;height:20px;line-height:20px;background:url(/resources/images/classContest/admin/ico_stamp_2.png) no-repeat left center;font-size:14px;font-weight:700;color:#171717;}
.recordList li .dataInfo .normal{padding:0 16px;display:flex;height:91px;flex-wrap:nowrap;align-items: center;justify-content: space-between;}
.recordList li .dataInfo .warn{padding:21px 20px;border-radius:12px;background:#FFE7E7;}
.recordList li .dataInfo .flex{display:flex;flex-wrap:nowrap;justify-content: space-between;align-items: center;}
.recordList li .dataInfo .warn .flex .check .ico_check{padding-left:28px;display:inline-block;background:url(/resources/images/classContest/admin/ico_warn.png) no-repeat left center;font-size:14px;line-height:20px;color:#FF2626;}
.recordList li .dataInfo .warn .flex .check .ico_stamp_m{margin-left:16px;display:inline-block;padding-left:25px;background:url(/resources/images/classContest/admin/ico_stam_m.png) no-repeat left center;font-size:14px;line-height:20px;color:#FF2626;}
.recordList li .dataInfo .warn .flex .check .ico_stamp_m em{font:inherit;color:#737373;}
.recordList li .dataInfo .warn .flex .dataCnt{margin-left:auto;}
.recordList li .dataInfo .flex .user{font-size:14px;color:#737373;line-height:1.4;}
.recordList li .dataInfo .flex .date{font-size:14px;color:#737373;line-height:1.4;}
.recordList li .dataInfo .flex + .flex{margin-top:8px;}
.recordList li .dataInfo .edit{padding:20px 20px 21px;border-radius:12px;background:#E3F9D3;}
.recordList li .dataInfo .edit .flex .check .ico_check{padding-left:28px;display:inline-block;background:url(/resources/images/classContest/admin/ico_edit.png) no-repeat left center;font-size:14px;line-height:22px;color:#639A3B;}
.recordList li .dataInfo .edit .flex .check .ico_stamp_p{margin-left:16px;padding-left:25px;display:inline-block;background:url(/resources/images/classContest/admin/ico_stamp_2.png) no-repeat left center;font-size:14px;line-height:22px;color:#639A3B;}
.recordList li .dataInfo .edit .flex .check .ico_stamp_p em{font:inherit;color:#737373;}
.recordList li .dataInfo .edit .flex .dataCnt{margin-left:auto;}
.recordList li.nodata{width:100%;padding:40px 0;text-align:center;}
.recordList li.nodata:hover{border-color:#dededf;transform: translateY(0);}
.recordList li.nodata p{font-size:16px;color:#999;}


.popRecordDtl{position:fixed;left:0;top:0;bottom:0;right:0;background:#0B0B0EB2;z-index:10001;display:flex;justify-content: center;align-items: center;}
.popRecordDtl .popwrap{position:relative;margin:auto;}
.popRecordDtl .popwrap .btn_close{position:absolute;right:-14px;top:-20px;width:48px;height:48px;background:#1A1A1A url(/resources/images/classContest/admin/ico_close.png) no-repeat center center;border-radius:24px;transform:translate(100%, 0);}
.popRecordDtl .popwrap .btnpage{position:absolute;left:-52px;right:-52px;top:50%;display:flex;flex-wrap:nowrap;justify-content:space-between;transform:translateY(-50%);z-index:1000;}
.popRecordDtl .popwrap .btnpage .btn_prev{width:40px;height:41px;background:url(/resources/images/classContest/admin/pop_prev.png) no-repeat center center;}
.popRecordDtl .popwrap .btnpage .btn_prev:hover{background:url(/resources/images/classContest/admin/pop_prev_hover.png) no-repeat center center;}
.popRecordDtl .popwrap .btnpage .btn_next{width:40px;height:41px;background:url(/resources/images/classContest/admin/pop_next.png) no-repeat center center;}
.popRecordDtl .popwrap .btnpage .btn_next:hover{background:url(/resources/images/classContest/admin/pop_next_hover.png) no-repeat center center;}
.popRecordDtl .popwrap .popbody{position:relative;padding:40px 20px;background:#fff;border-radius:16px;width:752px;z-index:1001;}
.popRecordDtl .popwrap .popbody .recordData{border:1px solid #ccc;border-radius:8px;overflow:hidden;}
.popRecordDtl .popwrap .popbody .dataHead{padding:0 0 0 20px;display:flex;flex-wrap:nowrap;height:52px;border-bottom:1px solid #e2e2e2;}
.popRecordDtl .popwrap .popbody .dataHead h2{margin-top:15px;display:inline-block;font-size:22px;color:#15A3F8;font-weight:800;line-height:1.3;border-bottom:3px solid #15A3F8;}
.popRecordDtl .popwrap .popbody .dataHead h2 span{font:inherit;color:#000;font-weight:400;}
.popRecordDtl .popwrap .popbody .dataHead .cate{margin-left:24px;display:inline-block;padding:21px 0 6px;}
.popRecordDtl .popwrap .popbody .dataHead .cate .subject{margin:0;display:inline-block;padding:4px;height:24px;border-radius:4px;font-size:12px;font-weight:700;line-height:16px;color:#0091E8;background:#ECF0F5;vertical-align: top;}
.popRecordDtl .popwrap .popbody .dataHead .cate .subject2{display:inline-block; margin-left: 8px;font-size: 14px;font-weight: 500;color: #000;line-height: 24px;vertical-align: top;}

.popRecordDtl .popwrap .popbody .dataHead .btnEdit{margin-left:auto;}
.popRecordDtl .popwrap .popbody .dataHead .btnEdit .check{margin:0 0 9px 4px;display:inline-block;padding:4px;height:24px;border-radius:4px;font-size:12px;font-weight:700;line-height:16px;color:#FF2626;background:#FFE7E7;vertical-align: bottom;}
.popRecordDtl .popwrap .popbody .dataHead .btnEdit .enter{margin:0 0 9px 4px;display:inline-block;padding:4px;height:24px;border-radius:4px;font-size:12px;font-weight:700;line-height:16px;color:#639A3B;background:#E3F9D3;vertical-align: bottom;}
.popRecordDtl .popwrap .popbody .dataHead .btnEdit .btnPen{margin-left:24px;border-left:1px solid #e2e2e2;width:50px;height:51px;background:url(/resources/images/classContest/admin/ic_twotone.png) no-repeat center center;}
.popRecordDtl .popwrap .popbody .dataBody{padding:24px; max-height:520px;background:#ECF0F5;overflow-y:auto;}
.popRecordDtl .popwrap .popbody .dataBody p{font-size:16px;color:#373B47;line-height:1.6;font-weight:500;letter-spacing:-0.02em;}
.popRecordDtl .popwrap .popbody .dataBody .data{margin-top:16px;height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F7F7;border:1px solid #dedede;border-radius:6px;}
.popRecordDtl .popwrap .popbody .dataBody .data .dataList span{padding-top:48px;display:block;background:url(/resources/images/classContest/admin/ico_data_link.png) no-repeat center top;font-size:16px;color:#171717;line-height:1.4;text-align:center;}
.popRecordDtl .popwrap .popbody .dataBody .data .dataList a{display:block;font-size:16px;color:#171717;text-decoration: underline;line-height:1.4;text-underline-offset: 3px;}
.popRecordDtl .popwrap .popbody .dataBody .data .dataList a:hover{color:#15A3F8;}
.popRecordDtl .popwrap .popbody .dataBody .data .dataList .linkone{padding-top:48px;display:block;background:url(/resources/images/classContest/admin/ico_data_link.png) no-repeat center top;text-align:center;}
.popRecordDtl .popwrap .popbody .dataBody .data .dataList .linkone span{padding-top:0;background:none;font-size:16px;color:#171717;text-decoration: underline;line-height:1.4;text-underline-offset: 3px;}
.popRecordDtl .popwrap .popbody .dataBody .data.img{display:block;background:transparent;border:none;height:auto;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .viewImg{display:block;position:relative;border-radius:6px;overflow:hidden;width:100%;height:240px;border:1px solid #DEDFDF;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .viewImg img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;min-height:100%;height:auto;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .urlList{margin-top:16px;display:block;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .fileList{margin-top:12px;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .urlList a{display:block;padding-left:26px; background:url('/resources/images/classContest/race/input_url.png') no-repeat left center;font-size:14px;font-weight:600;color:#0091E8;text-decoration:none;line-height:18px;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .fileList a{display:block;padding-left:24px; background:url('/resources/images/classContest/race/input_file.png') no-repeat left center;font-size:14px;font-weight:500;color:#0091E8;text-decoration:none;line-height:18px;}

.popRecordDtl .popwrap .popbody .dataBody .data.img .dataList a{padding-left:26px;background:url(/resources/images/classContest/race/input_url.png) no-repeat left center;}
.popRecordDtl .popwrap .popbody .dataBody .data.img .dataList a.icofile{background:url(/resources/images/classContest/race/input_file.png) no-repeat left center;}
.popRecordDtl .popwrap .popbody .iptFeedback{margin-top:20px;}
.popRecordDtl .popwrap .popbody .iptFeedback h4{font-size:18px;color:#171717;font-weight:600;}
.popRecordDtl .popwrap .popbody .iptFeedback textarea{margin-top:8px;padding:14px 16px;width:100%;height:52px;min-height:52px;line-hegith:1.4;font-size:16px;font-weight:500;color:#171717;border:1px solid #373b47;border-radius:4px;outline:none;resize: vertical;}
.popRecordDtl .popwrap .popbody .iptFeedback textarea::-webkit-input-placeholder{color:#818288;}
.popRecordDtl .popwrap .popbody .btnCancel{margin:20px auto 0;display:block;text-align:center;width:192px;height:61px;border-radius:6px;background:#0091E8;color:#fff;font-size:18px;font-weight:700;line-height:1.4;}
.popRecordDtl .popwrap .popbody .btnCancel span{display:inline-block;margin-right:10px;width:22px;height:22px;background:url(/resources/images/classContest/admin/ico_collect.png) no-repeat center center;vertical-align: middle;}
.popRecordDtl .popwrap .popbody .data_chk{margin-top:16px;padding:20px;border-radius:12px;background:#FFE7E7;}
.popRecordDtl .popwrap .popbody .data_chk .ico_check{margin-bottom:8px;padding-left:28px;display:inline-block;background:url(/resources/images/classContest/admin/ico_warn.png) no-repeat left center;font-size:16px;line-height:22px;color:#FF2626;}
.popRecordDtl .popwrap .popbody .data_chk p{font-size:14px;color:#737373;line-height:1.4;}
.popRecordDtl .popwrap .popbody .data_chk .feedback{font-weight:400;}
.popRecordDtl .popwrap .popbody .data_chk .btn{margin-top:8px;display:block;width:100%;height:36px;text-align:center;border-radius:4px;color:#fff;font-size:14px;font-weight:700;line-height:1.3;background:#FF5252;}
.popRecordDtl .popwrap .popbody .data_end{margin-top:16px;padding:20px;border-radius:12px;background:#E3F9D3;}
.popRecordDtl .popwrap .popbody .data_end .ico_collect{margin-bottom:8px;padding-left:28px;display:inline-block;background:url(/resources/images/classContest/admin/ico_edit.png) no-repeat left center;font-size:14px;line-height:22px;color:#639A3B;}
.popRecordDtl .popwrap .popbody .data_end p{font-size:14px;color:#737373;line-height:1.4;}
.popRecordDtl .popwrap .popbody .data_end .feedback{font-weight:400;}
.popRecordDtl .popwrap .popbody .data_end .btn{margin-top:8px;display:block;width:100%;height:36px;text-align:center;border-radius:4px;color:#fff;font-size:14px;font-weight:700;line-height:1.3;background:#76A851;}
.popRecordDtl .popwrap .popbody [class^="data_"] dl{margin-top:8px;display:flex;flex-wrap:nowrap;align-items: center;gap:5px;}
.popRecordDtl .popwrap .popbody [class^="data_"] dl dt{font-size:14px;color:#737373;line-height:1.4;}
.popRecordDtl .popwrap .popbody [class^="data_"] dl dd{display:flex;align-items: center;}
.popRecordDtl .popwrap .popbody [class^="data_"] dl dd span{font-size:14px;color:#737373;line-height:1.4;}
.popRecordDtl .popwrap .popbody [class^="data_"] dl dd span + span:before{content:'';margin:0 10px;display:inline-block;width:1px;height:12px;background:#D5D5D5;}