* { margin: 0; padding: 0; box-sizing: border-box; } 
body { font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif; } 
img { max-width: 100%; height: auto; display: block; } 
a { text-decoration: none; } 
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; } 
.ov { overflow: hidden; } 
.w100 { width: 100%; } 
.inner_wide { width: 2540px; position: relative; left: 50%; transform: translateX(-50%); } 
.inner_wide img { margin: 0 auto; } 
.btn { position: absolute; display: block; background: transparent; border: none; cursor: pointer; font-size: 0; z-index: 10; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 
/* ── Sections ── */
.con01 { position:relative; } 
.con02 { position:relative; } 
.con03 { position:relative; } 
.con04 { position:relative; } 
.con05 { position:relative; } 
.con06 { position:relative; } 
.con07 { position:relative; } 
.con08 { position:relative; } 
.con09 { position:relative; } 

/* ── con01_tb01 Textbox ── */
.con01_tb01 { position:absolute; top:540px; left:1289px; width:290px; height:97px; z-index:5; } 
.con01_tb01 .tb_layer01 { position:absolute; left:14px; top:12px; width:111px; font-size:25px; font-weight:bold; color:#ff5765; text-align:center; white-space:nowrap; line-height:1; } 
.con01_tb01 .tb_layer02 { position:absolute; left:5px; top:66px; width:279px; font-size:34px; font-weight:bold; color:#ffffff; text-align:left; white-space:nowrap; line-height:1; } 

/* ── con04_tb01 Textbox ── */
.con04_tb01 { position:absolute; top:398px; left:1369px; width:174px; height:76px; z-index:5; } 
.con04_tb01 .tb_layer01 { position:absolute; left:0; top:0; width:51px; font-size:100px; font-weight:bold; color:#ffffff; text-align:center; white-space:nowrap; line-height:1; } 
.con04_tb01 .tb_layer02 { position:absolute; left:124px; top:0; width:50px; font-size:100px; font-weight:bold; color:#ffffff; text-align:center; white-space:nowrap; line-height:1; } 

/* ── con04_end Textbox (단일/시스템폰트) ── */
.con04_end { display:none; position:absolute; left:50%; transform:translateX(-50%); top:325px; width:1000px; height:394px; font-size:40px; color:#ffffff; text-align:center; font-weight:700; line-height:394px; z-index:10; background:rgba(0,0,0,0.8); border-radius:30px; } 

/* ── con07_tb01 Textbox ── */
.con07_tb01 { overflow-y:auto; display:flex; justify-content:space-between; position:absolute; top:825px; left:50%; transform:translateX(-50%); width:842px; height:351px; z-index:5; padding:60px 70px 30px; } 

.con07_tb01 .tb_layer01 { font-size:21px; color:#525252; text-align:left; max-height:100%; overflow-y:auto; padding-right:7px; } 
.con07_tb01 .tb_layer01::-webkit-scrollbar { width: 5px; } 
.con07_tb01 .tb_layer01::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 10px; } 
.con07_tb01 .tb_layer02 { font-size:30px; color:#525252; text-align:left; width:24%; font-weight:bold; } 


/* -- con02 Button: btn_01 -- */
.con02 .btn_01 { position: absolute; top: 442px; left: 955px; width: 309px; height: 124px; z-index: 10; } 
.con02 .btn_01 span { font-size:0; } 
/* -- con02 Button: btn_02 -- */
.con02 .btn_02 { position: absolute; top: 716px; left: 956px; width: 310px; height: 124px; z-index: 10; } 
.con02 .btn_02 span { font-size:0; } 

.con02_1 .price_wrap { width: 90%; top: 56.4%; max-width: 690px; left: 51.6%; } 
.con02_1 .price_wrap li { display: flex; justify-content: center; align-items: center; gap: 5%; margin-bottom: 4%; } 
.con02_1 .price_wrap li span { font-size: 1.4rem; color: #555; font-weight: 700; } 

/* -- con03 Button: btn_01 -- */
.con03 .btn_01 { position:absolute; top:540px; left:936px; width:92px; height:32px; z-index:10; }

/* -- con04 Button: btn_01 -- */
.con04 .btn_01 { position:absolute; top:172px; left:1513px; width:92px; height:32px; z-index:10; } 
/* -- con04 Button: btn_02 -- */
.con04 .btn_02 { position:absolute; top:496px; left:45.3%; width:122px; height:32px; z-index:10; } 
/* -- con04 Button: btn_03 -- */
.con04 .btn_03 { position:absolute; top:568px; left:50%; transform:translateX(-50%); width:490px; height:101px; z-index:10; } 

/* -- con07 Button: btn_01 -- */
.con07 .btn_01 { position:absolute; top:544px; left:1470px; width:126px; height:44px; z-index:10; } 

/* -- con11 Button: btn_01 -- */
.con09 .btn_01 { position:absolute; top:888px; left:50%; transform:translateX(-50%); width:669px; height:126px; z-index:10; } 

.con04 .input_check { position:absolute; left:934px; top:495px; width:207px; height:31px; cursor:pointer; z-index:5; } 
.con04 .input_check input[type="checkbox"] { width:28px; height:28px; cursor:pointer; } 

.con05 .form { position:absolute; left:1080px; top:341px; width:525px; height:165px; display:flex; flex-direction:column; justify-content:space-between; } 
.con05 .form input[type="text"] { width:62%; height:70px; border:none; border-radius:10px; padding:0 10px; font-size:24px; color:#aaa; } 
.con05 .form .btn { position:absolute; top:0; right:0; width:183px; height:169px } 

/* con08 */
.con08 .slide_area { position: absolute; top:23.7%; left:50%; transform:translateX(-50%); width: 690px; } 
.con08 .slide_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.con08 .slide_btn li { width: 23%; border-radius: 30px; padding: 15px 0; font-size: 1.25rem; text-align: center; border:1px solid #dcd4d6; color:#dcd4d6; cursor:pointer; } 
.con08 .slide_btn li.active { background: #ff2748; color: #fff; font-weight: 700; } 
.con08 .slide_list { display: grid; } 
.con08 .tab_cont { grid-area: 1 / 1; opacity: 0; transition: opacity 0.5s; z-index: 1; width: 100%; } 
.con08 .tab_cont.active { opacity: 1; z-index: 2; } 
.con08 .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 55px; background: rgba(0,0,0,0.5); color: #fff; font-size: 30px; text-align: center; line-height: 60px; text-decoration: none; z-index: 10; } 
.con08 .slide_area .slide_wrap > a { display: block; width: 30px; height: 50px; background: url('//cdn.edu2080.co.kr/sabok/images/event/2026/0401/slide01_btn.png') 0 0 no-repeat; background-size: 100%; position: absolute; top: 60%; transform: translateY(-50%); z-index:10; } 
.con08 .slide_area .slide_wrap > a:hover { background: url('//cdn.edu2080.co.kr/sabok/images/event/2026/0401/slide01_btn.png') 0 0 no-repeat; background-size: 100%; } 
.con08 .slick-prev { left: 0; transform:translateY(-50%) scaleX(-1) !important; } 
.con08 .slick-next { right: 0; } 


/* 근거문구 */
.reason { position:absolute; left:50%; top:370px; transform:translateX(-50%); background:rgba(0, 0, 0, 0.8); padding:20px; color:#fff; font-size:1rem; line-height:1.55rem; font-weight:400; border-radius:1.75rem; display:none; z-index:15; } 
.reason strong { color:#fff; font-size:1.2rem; } 
.reason.active { display:block; } 
.reason .close { position:absolute; right:10px; top:-30px; display:block; width:30px; height:30px; } 
.reason .close::before, .reason .close::after { content:''; position:absolute; width:20px; height:2px; background:#000; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); } 
.reason .close::after { transform:translate(-50%, -50%) rotate(-45deg); } 

