@charset "utf-8";

/* reset */
*{margin:0;padding:0;box-sizing:border-box}
html, body { margin:0; padding:0; }
body { font-family:'Pretendard Variable', Pretendard, sans-serif; color:#1556ac; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
ol,ul,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
img,fieldset{border:0 none;}
img{vertical-align:top;}
label,button{cursor:pointer;}
button{border:0 none;background:none;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
input[type="button"],input[type="submit"],button{border:0 none;cursor:pointer;}
.txt_hidden { overflow:hidden; display:inline-block; position:absolute; width:1px; height:1px; border:0; z-index:-1; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); }

/* 공통 레이아웃 — notice.asp + index.asp 공용 */
.evt_wrap {width:100%;margin:0 auto;overflow-x:hidden;}
.evt_main.notice .sec_main {position:relative;width:100%;overflow:hidden;}
.evt_main.notice .sec_main .inner {position:relative;width:1200px;height:100%;margin:0 auto;z-index:3;}
.evt_header {position:absolute;left:0;top:0;z-index:100;}
.evt_header .logo {width:100%;max-width:960px;margin:0 auto;padding:40px 41px 0;}
.evt_header .logo a {position:relative;display:block;width:160px;height:45px;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/logo.svg) no-repeat;background-size:100% auto;text-indent:-9999px;}
.evt_main.notice .desc {position:absolute;right:26px;top:24px;z-index:5;}
.evt_main.notice .desc img {display:block;width:100%;height:auto;}
.evt_main.notice .sec_main .bg_obj {position:absolute;left:50%;bottom:0;width:100%;height:auto;z-index:2;}
.evt_main.notice .sec_main .inner .center_block {position:absolute;left:50%;transform:translateX(-50%);z-index:4;}
.evt_main.notice .sec_main .inner .people {position:absolute;left:calc(50% - 10px);bottom:0;z-index:6;}
.evt_main.notice .sec_main .inner .people img {display:block;width:100%;height:auto;}

/* notice.asp 전용 — body.notice_page */
.notice_page .evt_wrap {min-width:1200px;background:linear-gradient(#d0e8fb, #9acbf3);letter-spacing:-0.03em;}
.notice_page .sec_main {height:100vh;min-height:910px;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/bg_main.png) no-repeat center / cover;}
.notice_page .bg_main {position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;height:auto;z-index:1;}
.notice_page .bg_obj {opacity:0;transform:translate(-50%, 50px);animation:bgObjReveal 0.4s ease-out 0.5s forwards;}
.notice_page .center_block {bottom:42.5%;}
.notice_page .nesco_main {position:relative;width:498px;margin:0 auto;z-index:4;opacity:0;transform:scale(0.2);animation:popBurst 0.9s cubic-bezier(0.23, 1.15, 0.32, 1) 0s forwards;}
.notice_page .nesco_main img {display:block;width:100%;height:auto;}
.notice_page .sub_txt {position:relative;margin:58px auto 0;z-index:5;}
.notice_page .sub_txt img {display:block;margin:0 auto;}
.notice_page .people {width:clamp(700px, 41.677vw, 800px);opacity:0;transform:translateX(-50%);animation:bgObjReveal 0.4s ease-out 0.3s forwards;}
.notice_page .comingsoon {position:absolute;left:0;bottom:0;width:100%;height:60px;overflow:hidden;z-index:7;background:rgba(21, 86, 172, 0.9);align-content:center;}
.notice_page .comingsoon_track {display:flex;width:max-content;animation:marquee 30s linear infinite;}
.notice_page .comingsoon_group {display:flex;flex-shrink:0;}
.notice_page .comingsoon_group img {display:block;width:auto;height:auto;flex-shrink:0;margin:2px 182px 0 0;opacity:.36;}

@keyframes bgObjReveal {
	from { opacity:0; transform:translate(-50%, 50px); }
	to   { opacity:1; transform:translate(-50%, 0); }
}
@keyframes popBurst {
	0%   { opacity:0; transform:scale(0.2); }
	60%  { opacity:1; }
	100% { opacity:1; transform:scale(1); }
}
@keyframes marquee {
	from { transform:translateX(0); }
	to   { transform:translateX(-50%); }
}

/* index.asp 전용 — body.nesco_intro */
.nesco_intro {min-width:1240px;width:100%;margin:0 auto;}
.nesco_intro .scene {height:auto;position:relative;}
.nesco_intro .pin {position:relative;height:max(100vh, calc(50vh + 710px));overflow:hidden;background:#ffffff;}
.nesco_intro .bgblue {position:absolute;inset:0;background:#003985;transform-origin:left center;z-index:0;will-change:transform;}

/* 배경(.intro_bg): notice 마크업을 .pin 안에 절대배치해 .stage 아래에 깔고 각 요소를 따로 등장 */
.nesco_intro .pin .evt_wrap.intro_bg {position:absolute;inset:0;z-index:1;opacity:1;}
.nesco_intro .intro_bg .evt_main.notice {height:100%;}
.nesco_intro .sec_main {height:100%;}
.nesco_intro .sky {position:absolute;inset:0;z-index:0;opacity:0;will-change:opacity;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/bg_main.png) no-repeat center / cover, linear-gradient(#d0e8fb, #9acbf3);}

/* 인트로 전경 요소 — GSAP 타임라인이 각자 등장시킴 */
.nesco_intro .bg_obj {opacity:0;transform:translateX(-50%);}
.nesco_intro .people {width:620px;opacity:0;transform:translateX(-50%);}
.nesco_intro .evt_header .logo {opacity:0;}
.nesco_intro .desc {opacity:0;}
.nesco_intro .title_sub {opacity:0;}
.nesco_intro .ribbon_bnr {opacity:0;}
.nesco_intro .info {opacity:0;}

/* disclaimer: index는 이미지 대신 텍스트 출력 */
.nesco_intro .desc {font-size:11px;line-height:1.4;letter-spacing:-0.02em;color:#347bd1;white-space:nowrap;}

/* NESCO 묶음(.stage): 포스터 상단 절대배치, GSAP 인트로 진행 */
.nesco_intro .stage {position:absolute;left:0;right:0;top:50vh;transform:translateY(-50%);z-index:2;width:100%;text-align:center;letter-spacing: -0.03em;}
.nesco_intro .headline {font-size:clamp(73px, 6.11vw, 110px);font-weight:700;line-height:.85;white-space:nowrap;display:inline-block;margin-right:-13px;}
.nesco_intro .headline .ch {display:inline-block;vertical-align:middle;color:#ffffff;will-change:transform, opacity, color;}
.nesco_intro .headline .ch svg {display:block;height:0.85em;width:auto;overflow:visible;margin-right:-3px;}
.nesco_intro .headline .ch svg path {fill:currentColor;}
.nesco_intro .headline .ch[data-key] {color:#d54837;}
.nesco_intro .headline .space {width:25px;}
.nesco_intro .tagline {position:absolute;top:100%;left:0;right:0;margin-top:11px;transform:translateY(10px);text-align:center;opacity:0;will-change:transform, opacity;font-size:30px;font-weight:600;color:#1556AC;white-space:nowrap;}
.nesco_intro .title_sub {position:absolute;left:0;right:0;bottom:280%;will-change:transform, opacity;pointer-events:none;}
.nesco_intro .emblem {position:absolute;left:0;right:0;bottom:100%;margin-bottom:7px;text-align:center;opacity:0;will-change:transform, opacity;pointer-events:none;}
.nesco_intro .emblem img {display:inline-block;}

/* 리본 + info: 태그라인 아래 고정 간격 스택 */
.nesco_intro .ribbon_bnr {font-family:'Paperlogy', 'Pretendard Variable', Pretendard, sans-serif;font-size:50px;font-weight:700;text-align:center;align-content:center;color:#D3ECFF;position:absolute;top:100%;left:0;right:0;margin:70px auto 0;z-index:5;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/ribbon_bnr.png) no-repeat center;width:567px;height:85px;letter-spacing:0.01em;will-change:transform, opacity;}
.nesco_intro .info {position:absolute;top:100%;left:0;right:0;margin:215px auto 0;display:flex;flex-wrap:wrap;gap:15px 22px;width:720px;text-align:left;will-change:transform, opacity; letter-spacing: 0; justify-content: center;}
.nesco_intro .info li {white-space:nowrap;font-size:20px;color:#4A73A7;font-weight:700; width: 50%; text-align: center;}
/* .nesco_intro .info li:nth-child(odd){width: 54%;} */

.nesco_intro .info li div {display:inline-flex;justify-content:space-between;position:relative;width:77px;margin-right:20px;}
.nesco_intro .info li div:after {content:'';position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:1px;height:13px;background:#3275CE;}

/* map_sec — 전국 지도 */
.map_sec{background:#1556AC;padding:190px 0 160px;}
.map_sec .map_sec_title {text-align: center; letter-spacing: -0.02em; margin-bottom: 70px;}
.map_sec .map_sec_title h2 {font-family:'Paperlogy', 'Pretendard Variable', Pretendard, sans-serif; font-size: 56px; color: #fff; font-weight: 800; margin: 28px 0 25px; line-height: 1.25;}
.map_sec .map_sec_title h3 {font-size: 16px; color: #6EB2EA;}
.map_sec .map_stage{position:relative;width:100%;max-width:813px;margin:0 auto;}
.map_sec .map-wrap{position:relative;width:100%;margin-left:-10px;}
.map_sec .map-img{display:block;width:100%;height:auto;}
.map_sec .overlay{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible;}
.map_sec .region{fill:transparent;stroke:transparent;stroke-width:2.4;cursor:pointer;transition:fill .18s ease, stroke .18s ease, filter .18s ease;}

/* 지도 호버 팝업 */
.map_sec .popup{position:absolute;left:0;top:0;width:300px;opacity:0;transition:opacity .16s ease;pointer-events:none;z-index:10;}
.map_sec .popup.show{opacity:1;}
.map_sec .popup[data-region="seoul"]{left:8.24%;top:7.43%;}
.map_sec .popup[data-region="sokcho"]{left:55.47%;top:8.39%;}
.map_sec .popup[data-region="daejeon"]{left:14.76%;top:28.85%;}
.map_sec .popup[data-region="jeonju"]{left:10.46%;top:54.98%;}
.map_sec .popup[data-region="gimcheon"]{left:38.13%;top:48.95%;}
.map_sec .popup[data-region="gyeongju"]{left:76.38%;top:52.36%;}
.map_sec .popup[data-region="jeju"]{left:6.15%;top:76.35%;}
.map_sec .popup .icon{width:300px;height:300px;margin:0 auto 10px;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/local_icon.png) no-repeat 0 0;background-size:700% 100%;}
.map_sec .popup .nm{text-align:center;width:125px;height:50px;border-radius:50px;background:#fff;margin: 0 auto;align-content:center;font-size:24px;font-weight:600;color:var(--c,#1a1a1a);}

/* 얼리버드 카드 */
.map_sec .gift_card{position:relative;width:1200px;margin:150px auto 0;background:#fff;border-radius:20px;letter-spacing:-0.03em;padding:135px 80px 73px;}
.map_sec .gift_card .earlybird{display:block;}
.map_sec .gift_card h4{font-family:'Paperlogy','Pretendard Variable',sans-serif;font-size:60px;font-weight:800;line-height:1.33;color:#D54837;}
.map_sec .gift_card .gift_img{position:absolute;left:590px;top:152px;width:524px;height:auto;}
.map_sec .gift_card .badge{position:absolute;left:1012px;top:70px;width:118px;height:118px;border-radius:50%;background:#FFDD00;color:#0D2A51;font-size:24px;font-weight:700;line-height:1.25;text-align:center;align-content:center;}
.map_sec .gift_card .bubble{position:absolute;left:216px;top:420px;width:210px;height:44px;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/bubble_share.png) no-repeat 0 0 / 100% auto;font-size:14px;font-weight:600;color:#0D2A51;padding:7px 0 0 16px;z-index:5;letter-spacing:0;}
.map_sec .gift_card .btn_kakao{margin:69px 0 0 6px;width:360px;height:70px;display:flex;align-items:center;justify-content:center;gap:5px;background:#0D2A51;border-radius:10px;color:#fff;font-size:22px;font-weight:600;text-decoration:none;padding-right:8px;}
.map_sec .gift_card .btn_kakao img{width:36px;}
.map_sec .gift_card .note{margin-top:94px;padding-top:55px;border-top:1px dashed #DAE1EB;width:1040px;font-size:16px;line-height:1.5;color:#AAAAAA;}

/* 안내 섹션 공통 (.cont_wrap) */
.cont_wrap{width:1200px;margin:0 auto;color:#333;padding:45px 0;}
.cont_sec{padding:135px 0 110px;}
.cont_sec + .cont_sec{border-top:1px solid #DAE1EB;}
.cont_tit{font-family:'Paperlogy','Pretendard Variable',sans-serif;font-size:50px;font-weight:700;color:#222;text-align:center;margin-bottom:65px;letter-spacing:-0.02em;}
.cont_sub_top{text-align:center;font-size:20px;font-weight:500;color:#888;margin-bottom:20px;}
.cont_sub{text-align:center;font-size:20px;font-weight:500;color:#888;margin:-40px 0 50px;}
.cont_wrap .red{color:#D54837;}
.cont_wrap .blue{color:#1556AC;}
.gray_note{font-size:16px;line-height:1.5;color:#AAAAAA;margin-top:35px;}

/* 공통 테이블 */
.tbl{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px;overflow:hidden;text-align:center;table-layout: fixed;}
.tbl thead th{background:#1556AC;color:#fff;font-size:18px;font-weight:600;height:54px;vertical-align:middle;border-left:2px solid rgba(255,255,255,0.24);}
.tbl thead th:first-child{border-left:0;}
.tbl tbody th, .tbl tbody td{background:#F6F6F6;font-size:18px;font-weight:500;color:#333;vertical-align:middle;height:58px;border-top:2px solid #fff;border-left:2px solid #fff;}
.tbl tbody tr:first-child th, .tbl tbody tr:first-child td{border-top:0;}
.tbl tbody th:first-child, .tbl tbody td:first-child{border-left:0;}

/* 대회 참가 대상 */
.sec_target .target_list{margin:0 auto 12px;}
.sec_target .target_list dt{float:left;width:208px;font-size:28px;font-weight:700;color:#222;}
.sec_target .target_list dd{overflow:hidden;margin-bottom:40px;padding-top:3px;}
.sec_target .target_list dd:last-child{margin-bottom:0;}
.sec_target .target_list dd strong{display:block;font-size:20px;font-weight:700;color:#333;margin-bottom:12px;}
.sec_target .target_list dd p{font-size:18px;font-weight:500;line-height:1.55;color:#888;}
.sec_target .target_list dd span{font-size:16px;}

/* 대회 참가 방법 */
.sec_howto .steps{display:flex;align-items:flex-start;justify-content:space-between;}
.sec_howto .step{position: relative; width:360px;background:#F6F6F6;border-radius:20px;}
.sec_howto .step+.step:before{content:url('https://pic.neungyule.com/neteacher/pc/event/2026/0623/arrow_gy.png'); position: absolute; top: 50%; left: -36px; transform: translateY(-50%);}
.sec_howto .step_head{background:#1556AC;text-align:center;padding:32px 0 29px;color:#a1bbde;border-radius:20px 20px 0 0;}
.sec_howto .step_head .step_num{display:block;font-size:16px;font-weight:800;color:#D54837;margin-bottom:8px;}
.sec_howto .step_head strong{display:block;font-size:20px;font-weight:700;margin-bottom:9px;}
.sec_howto .step_head .step_date{display:block;font-size:16px;}
.sec_howto .step_body{padding:32px 30px 27px;min-height:192px;}
.sec_howto .step_body strong{display:block;font-size:18px;font-weight:500;color:#222;margin-bottom:11px;}
.sec_howto .step_body ol li{font-size:16px;line-height:1.3;color:#7D7D7D;}
.sec_howto .step_body ol li+li{margin-top:8px;}
.sec_howto .step_body ol li span{font-size:14px;}
.sec_howto .step_body.center{display:flex;align-items:center;justify-content:center;}
.sec_howto .step_body.center p{font-size:18px;font-weight:500;line-height:1.44;color:#222;text-align:center;}

/* 대회 일정 및 시상 */
.sec_award .award_flex{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;}
.sec_award .schedule li {display: flex; align-items: center; margin-bottom:23px;}
.sec_award .schedule li span{width:210px;font-size:24px;font-weight:700;color:#222;}
.sec_award .schedule li p{overflow:hidden;font-size:20px;font-weight:500;color:rgba(51,51,51,0.7);}
.sec_award .award_tbl{width:600px;}

/* NESCO 가이드 */
.guide_cards{display:flex;justify-content:space-between;gap:24px;}
.guide_cards .g_card{width:588px;background:#F6F6F6;border-radius:20px;padding:50px 30px 45px;text-align:center;}
.guide_cards .focus_pill{display:inline-block;width:188px;height:58px;text-align:center;align-content:center;border-radius:100px;font-size:22px;font-weight:700;transition:.1s;}
.guide_cards .focus_pill.red{border:1px solid #D54837;color:#D54837;}
.guide_cards .focus_pill.red:hover{background:#D54837;color:#fff;}
.guide_cards .focus_pill.blue{border:1px solid #1556AC;color:#1556AC;}
.guide_cards .focus_pill.blue:hover{background:#1556AC;color:#fff;}
.guide_cards .g_head{font-family:'Paperlogy','Pretendard Variable',sans-serif;font-size:34px;font-weight:700;line-height:1.3;color:#222;margin:24px 0 38px;padding-bottom:38px;border-bottom:2px dashed #DAE1EB;letter-spacing:-0.02em;}
.guide_cards .g_head em{font-style:normal;}
.guide_cards .g_sub{display:block;font-size:28px;font-weight:700;color:#222;text-align:left;margin-bottom:20px;}
.guide_cards .num_list li{display:flex;align-items:center;gap:12px;background:#fff;border-radius:100px;height:50px;padding:0 16px;margin-bottom:6px;font-size:18px;color:#666;}
.guide_cards .g_card:last-child .num_list li{justify-content:center;}
.guide_cards .num_list li i{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#D54837;color:#fff;font-style:normal;font-size:14px;font-weight:500;text-align:center;align-content:center;}
.guide_cards .btn_down{display:inline-flex;justify-content:center;align-items:center;gap:25px;margin-top:25px;width:308px;height:70px;background:#D54837;border-radius:10px;color:#fff;font-size:22px;font-weight:700;text-decoration:none;letter-spacing:-0.02em;}
.guide_cards .btn_down .arr_down{width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-5px;}
.guide_cards .g_note{font-size:16px;line-height:1.88;color:#AAAAAA;text-align:left;margin-top:20px;margin-left:10px;}

/* NESCO 소재 선정 Tip 테이블 */
.sec_tip .tip_tbl thead th.empty{background:#1556AC;}
.sec_tip .tip_tbl tbody th{font-size:18px;font-weight:500;color:#333;}
.sec_tip .tip_tbl tbody tr:not(:first-child) td:first-child{border-left:2px solid #fff;}

/* 출품 규격 테이블 */
.sec_spec .spec_tbl tbody th{width:180px;}
.sec_spec .spec_tbl tbody td{text-align:left;line-height:1.44;color:#666;padding:16px 20px;font-weight:400;}
.sec_spec .spec_tbl tbody td span{font-size:16px;}
.sec_spec .spec_tbl thead th:last-child{border-left:2px solid rgba(255,255,255,0.24);}

/* 유의 사항 */
.sec_caution .c_card{border:1px solid #DDDDDD;border-radius:20px;padding:40px 45px;margin-bottom:10px;}
.sec_caution .c_card h3{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:700;color:#D54837;margin-bottom:12px;}
.sec_caution .c_card h3 img{width:27px;}
.sec_caution .c_intro{font-size:18px;font-weight:500;line-height:1.67;color:#222;margin:0 0 15px 5px;}
.sec_caution .c_card ul {margin-left:15px;}
.sec_caution .c_card ul li{position:relative;padding-left:14px;font-size:18px;font-weight:500;line-height:1.78;color:#AAAAAA;}
.sec_caution .c_card ul li:before{content:'·';position:absolute;left:-2px;}
.sec_caution .youtube_guide{margin:10px 0 30px 10px;}

/* 카카오 채널 배너 */
.kakao_banner{position:relative;width:1200px;height:148px;margin:50px auto 30px;background:url(https://pic.neungyule.com/neteacher/pc/event/2026/0623/evt_kakao_banner.png) no-repeat center / cover;border-radius:20px;}
.kakao_banner a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-right:28px;}
.kakao_banner p{font-family:'Paperlogy','Pretendard Variable',sans-serif;font-size:30px;font-weight:700;color:#371D1E;}
.kakao_banner p em{font-style:normal;color:#D54837;}

/* 공지사항 아코디언 */
.sec_notice{padding-top:120px;}
.sec_notice .list_accordion{margin-top:47px;border-top:1px solid #000;}
.sec_notice .list_accordion .accordion_ti{position:relative;display:flex;align-items:center;justify-content:space-between;padding:26px 40px 26px 20px;width:100%;color:#000;font-size:18px;font-weight:400;line-height:26px;text-align:left;cursor:pointer;background-color:#FFF;gap:65px;font-family:'Pretendard Variable', Pretendard, sans-serif;}
.sec_notice .list_accordion .accordion_ti .date{display:block;color:#999;font-size:14px;font-weight:400;line-height:26px;}
.sec_notice .list_accordion .accordion_ti .num{display:block;width:60px;line-height:24px;text-align:center;color:#000;font-weight:600;font-size:18px;}
.sec_notice .list_accordion .accordion_ti p{width:calc(100% - 310px);font-weight:600;}
.sec_notice .list_accordion .accordion_ti .file{font-size:14px;font-weight:400;width:120px;height:50px;border-radius:5px;border:1px solid #707070;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#333;}
.sec_notice .list_accordion .accordion_ti .file.disabled{color:#BBBBBB;border-color:#DDDDDD;pointer-events:none;}
.sec_notice .list_accordion .accordion_cont{position:relative;font-size:16px;line-height:24px;color:#777;background-color:#F8F8F8;max-height:0;overflow:hidden;transition:max-height .2s ease-out;}
.sec_notice .list_accordion .accordion_cont > .content_inner{padding:40px 140px;}
.sec_notice .list_accordion > ul{padding-left:0;list-style:none;}
.sec_notice .list_accordion > ul > li{position:relative;border-bottom:1px solid #ddd;}
.sec_notice .list_accordion > ul > li.active .accordion_ti::after{transform:translate(0,-50%) rotate(180deg);}
.sec_notice .list_accordion > ul > li.active .accordion_cont{max-height:600px;border-top:1px solid #ddd;}


@media (max-height: 700px) {
	.nesco_intro .title_sub {bottom: 240%;}
	.nesco_intro .title_sub img {width:297.6px;}
    .nesco_intro .emblem img {width: 253px;}
}