/*****************************
제목 : 해커스편입 [편입 성공가이드] 공지글 수정(리뉴얼) CSS

작성일 : 2025.07.24
*****************************/
.pos_r { position:relative; } 


.contents h2.title strong.t { font-size:26px; line-height:26px; color:#454545; letter-spacing:-2px; } 
.contents h2.title span em { color:#cc0000; } 
.contents h2.title { position:relative; height:41px; margin:0 0 20px; border-bottom:2px solid #bcbcbc; } 
.contents h2.title span { position:absolute; top:15px; right:0; text-align:right; font-weight:normal; font-size:11px; color:#818181; } 
/* 영상 */
.guide_play_wrap { position:absolute; top:586px; left:44px; z-index:1; } 
.playBtn { position:absolute; bottom:63px; left:43px; width:680px; height:376px; overflow:hidden; } 
 /* reTransfer_w */
.reTransfer { text-align:center; overflow:hidden; width:770px; margin:0 auto; } 
.reTransfer_inner { width:770px; margin:0 auto; position:relative; } 
.reTransfer_inner input[type="radio"] { width:20px; height:20px; } 
.reTransfer_inner span { position:absolute; top:37.3%; right:10.1%; } 
.reTransfer_inner span.radio_val02 { top:45%; } 
.reTransfer_inner span.radio_val03 { top:52%; } 
.reTransfer_inner span.radio_val04 { top:61%; } 
.reTransfer_inner span.radio_val05 { top:69%; } 
.reTransfer_inner span.radio_val06 { top:77%; } 
.radio_mar { margin-right:30px; } 

.tabList { overflow:hidden; display: flex; width: 100%; } 
.tabList li { width:calc(100%/5); height:106px; display: flex; align-items: flex-end; justify-content: center; background: #ffcc22; } 
.tabList li a { width:100%; height:100%; font-size: 23px; color: #816919; display: flex; align-items: center; justify-content: center; background: unset; } 
.tabList li a.tabBtn01 { background-position:0 0; } 
.tabList li a.tabBtn02 { background-position:22% 0; } 
.tabList li a.tabBtn03 { background-position:50% 0; } 
.tabList li a.tabBtn04 { background-position:79% 0; } 
.tabList li a.tabBtn05 { background-position:-612px 0; } 
.tabList li a:hover,
.tabList li.on a { color: #0066ff; background: #fff; font-weight: bold; height: 89%; box-sizing: border-box; padding: 10px 0; border-radius: 10px 10px 0 0; } 
.tabContent { display:none; position: relative; } 
.tabContent.active { display:block; overflow: visible; } 

.btnIconList { position: absolute; top: 78%; left: 50%; transform: translateX(-50%); width: 90%; display: flex; height: 17%; } 
.btnIconList li { width: calc(100%/3); } 
.btnIconList li:first-child { margin:0; } 
.btnIconList li a { display:block; width:100%; height:100%; background: unset; } 
.btnIconList li a.btnIcon01 { background-position:0 0; } 
.btnIconList li.on a.btnIcon01 { background-position:0 bottom; } 
.btnIconList li a.btnIcon02 { background-position:-189px 0; } 
.btnIconList li.on a.btnIcon02 { background-position:-189px bottom; } 
.btnIconList li a.btnIcon03 { background-position:-378px 0; } 
.btnIconList li.on a.btnIcon03 { background-position:-378px bottom; } 

.tab01_con01 { position: absolute; top: 90%; left: 17%; width: 19%; height: 3%; } 
.tab01_con03-btn { position: absolute; top: 74.3%; left: 50%; transform: translateX(-50%); width: 80%; height: 10%; } 
.tab01_con03-btn02 { top:85%; } 
.tab06_map { position: absolute; top: 74.3%; left: 50%; transform: translateX(-50%); width: 80%; height: 25%; z-index: 10; } 

.tab02_con01 { position: absolute; top: 77.3%; left: 50%; transform: translateX(-50%); width: 84%; height: 3%; } 

.tab08-btn { position: absolute; top: 50.3%; left: 50%; transform: translateX(-50%); width: 84%; height: 9%; } 
.tab08-btn02 { top:70%; } 
.tab08-btn03 { top:90%; } 

.tabCon05_btn { position: absolute; top: 13%; left: 0%; width: 50%; height: 13%; } 
.tabCon05_2 { left:50%; } 
.tabCon05_3 { top:27.6%; } 
.tabCon05_4 { left:50%; top:27.6%; } 

.hackersut_03 { position: absolute; top:40%; } 
.hackersut_btn01 { left: 50%; transform: translateX(-50%); width: 80%; height: 10%; } 
.hackersut_btn02 { left: 50%; transform: translateX(-50%); width: 80%; height: 5%; top: 50%; } 
.hackersut_btn03 { left: 0; width: 50%; height: 37%; top: 57%; } 
.hackersut_btn04 { left: 50%; width: 50%; height: 37%; top: 57%; } 

.pop_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: none; } 
.pop_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; z-index: 10; } 

.reTransferPop { z-index: 2; } 
.reTransferPop .close-btn { position: absolute; top: 20px; right: 20px; color: #111; font-size: 20px; font-weight: bold; } 
.reTransferPop_w { position:relative; } 
.reTransferPop.active { display:block; } 
.reTransferPop { position:absolute; top:0; left:0; display:none; } 
.reTransferPop_02 { top:95%; left: 50%; transform: translateX(-50%); } 
.reTransferPop_03 { top: 95%; left: 50%; transform: translateX(-50%); } 
.reTransferPop_04 { top: 95%; left: 50%; transform: translateX(-50%); } 


.tabCon03_pop01 { position: absolute; top: 60%; left: 0; width: 100%; height: 34%; } 
.tabList04_tabList { width: 95%; height: 106px; background: transparent; display: flex; align-items: flex-end; justify-content: space-around; margin: 0 auto; } 
.tabList04_tabList li { width: calc(100%/4 - 5px); background: transparent; display: flex; height: 100%; align-items: center; } 
.tabList04_tabList li a { background: transparent; border-bottom:3px solid #898989; color: #898989; font-size: 24px; box-sizing: border-box; padding:20px 0; display: flex; align-items: center; justify-content: center; } 
.tabList04_tabList li a:hover, .tabList04_tabList li.on a { color:#146aff; border-bottom:3px solid #146aff; background: transparent; height: 100%; padding: 20px 0; } 

#tabList06 .sd-box { width: 100%; } 
#tabList06 #sd-counter { display: flex; align-items: center; justify-content: center; margin: 80px 0; font-size: 20px; } 
#tabList06 #sd-counter .current { font-weight: bold; color: #353535; } 
#tabList06 #sd-counter .total { color: #a0a0a0; } 
#tabList06 #sd-counter .controls { background: url('https://cdn.hackersut.com/www/images/transfer/reTransfer/re_250723/sli_arrow.png')0 0/cover no-repeat; width: 30px; height: 30px; margin: 0 20px; color: transparent; } 
#tabList06 #sd-counter .controls a { color: transparent; } 
#tabList06 #sd-counter .controls.next { background-position-x: 100%; } 
#tabList06 #m01 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 70%; } 

#tabList07 .sd-box { width: 100%; } 
#tabList07 #sd-counter2 { display: flex; align-items: center; justify-content: center; margin: 80px 0; font-size: 20px; } 
#tabList07 #sd-counter2 .current { font-weight: bold; color: #353535; } 
#tabList07 #sd-counter2 .total { color: #a0a0a0; } 
#tabList07 #sd-counter2 .controls { background: url('https://cdn.hackersut.com/www/images/transfer/reTransfer/re_250723/sli_arrow.png')0 0/cover no-repeat; width: 30px; height: 30px; margin: 0 20px; color: transparent; } 
#tabList07 #sd-counter2 .controls.next { background-position-x: 100%; } 
#tabList07 #sd-counter2 .controls a { color: transparent; } 

#tabList08 { margin-bottom: 100px; }