/* common */
body { overflow-x: hidden; } 
.evt_wrap { position:relative; margin:0 auto; overflow:hidden; max-width: 750px; } 
.evt_wrap * { font-family: 'Noto Sans KR', sans-serif; } 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.p_r { position: relative; }
.fc_red { color:#FF0000; }
.ov { overflow: hidden; }
.mt-1{margin-top: -1px;}

/* 근거문구 */
.reason { position: absolute; width:95%; top:11%; left:50%; padding:5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:11px; letter-spacing: -0.04em; display:none; transform: translateX(-50%);word-break: keep-all; z-index: 99; } 
.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } 
.reason .close::before, .reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.con01 .sd_box{width: 150vw; position: absolute; top: 45%; left: -25vw;}
.con01 .sd_box img{width: 50vw !important; max-width: 406px !important;}

.con02 .bx-wrapper .bx-viewport{height: 15vw !important;}
.con02 .bx-wrapper .bx-viewport .bxslider li{height: 15vw !important; width: auto !important; max-width: unset !important;}
.con02 .bxslider img{height: 15vw; width: auto !important; max-width: unset !important;}

.con02 .bg{padding: 18vw 0 13vw; background: url(https://dev-cdn.hackers.com/m/img/event/2026/02/2000/cont02_bg.jpg) no-repeat center top / cover;}
.con02 .sys_box{width: 92%;margin: 0 auto;padding: 3vw 0;background: #fff;border-radius: 15px;box-shadow: 0 0 10px rgba(189, 222, 177, 0.4);}

.con02 .table_area{width: 95%; margin: 0 auto;}
.con02 table{width: 100%; color: #111; border-collapse: separate; border-spacing: 0;}
.con02 table th{padding: 3% 0; font-size: 3.8vw; background: #e3f3db;}
.con02 table th:nth-child(1){border-radius: 10px 0 0 10px;}
.con02 table th:nth-child(2){    text-align: center; padding-left: 0; border-left: 1px solid #d9e1d7; border-right: 1px solid #d9e1d7;}
.con02 table th:nth-child(3){border-radius: 0 10px 10px 0;}
.con02 table td{padding: 2% 0 2% 2%; text-align: left; font-size: 3.5vw; color: #111; border-bottom: 1px solid #d9e1d7; letter-spacing: -1px;}
.con02 table td:nth-child(2){text-align: center; padding-left: 0; border-left: 1px solid #d9e1d7; border-right: 1px solid #d9e1d7;}
.con02 table td:nth-child(3){padding-left: 3%;}
.con02 table td.blank{padding: 2% 0; border-bottom: none;}
.con02 table td.red{font-size: 3.8vw; color: #ff0000;}

.con02 table td.pos_r{border-right: none; padding: 6% 0 2% 3%; text-align: left;}
.con02 table td .sticker{position: absolute; top: 15%; padding: 0% 3%; font-size: 2.8vw; color: #fff; background: #ff0000; border-radius: 25px; letter-spacing: -1px;}
.con02 table td .price{font-size: 3.3vw; color: #8b8b8b; text-decoration: line-through;}
.con02 table td .dc_price{font-size: 4vw; font-weight: bold;}

.con02 h2{margin: 6vw 0 3vw;text-align: center;font-size: 6.5vw;color: #222;letter-spacing: -0.5vw;}
.con02 h2 span{color: #029805;}

.con02 .js-tab-type1{width: 55vw; max-width: 390px; margin: 0 auto 3vw; display: flex; justify-content: space-between; align-items: center;}
.con02 .js-tab-type1 li{width: 48%;}
.con02 .js-tab-type1 li a{display: block;padding: 2vw 0;text-align: center;font-size: 3.5vw;font-weight: bold;color: #95a68d;background: #dde8d8;border-radius: 50px;}
.con02 .js-tab-type1 li.on a{color: #fff; background: #029805;}
.con02 .js-tab-type1-con{width: 92%;margin: 0 auto;padding: 4vw 0;background: #f0f9ec;border-radius: 10px;}

.con02 .list_area{width: 92%; margin: 0 auto;}
.con02 .list_area li{margin-bottom: 5%; display: flex;align-items: flex-start;}
.con02 .list_area li input{width: 5vw;height: 5vw;max-width: 30px;max-height: 30px;margin-right: 2vw;background: #fff;border: 1px solid #cee7c3;border-radius: 25px;appearance: none;}
.con02 .list_area li input:checked{background-color: #cee7c3;border: 4px solid #fff;box-shadow: 0 0 0 1px #cee7c3;}
.con02 .list_area li label{width: calc(100% - 7vw);display: flex;justify-content: space-between;align-items: center;}
.con02 .list_area li p{text-align: left; line-height: 0.9; font-size: 3.8vw; color: #111; letter-spacing: -1px;}
.con02 .list_area li .price{text-align: right;}
.con02 .list_area li .subject span{font-size: 3vw; font-weight: normal; color: #8b8b8b;}
.con02 .list_area li .price span{font-size: 3vw; font-weight: normal; color: #ff0000;}

.con02_btn{display: block; width: 80%; margin: 3vw auto 0;}

.con04 .sd_box{width: 100%; position: absolute; top: 48vw; left: 50%; transform: translateX(-50%);}
.con04 .bx-wrapper .bx-viewport{height: 50vw !important; max-height: 382px !important;}
.con04 .bx-wrapper .bx-viewport .bxslider li{width: 60vw !important;}
.con04 .bxslider img{width: 100%;}

.con07 .sd_box{width: 100%; position: absolute; top: 35vw; left: 50%; transform: translateX(-50%);}
.con07 .bx-wrapper .bx-pager{bottom: 5%;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a{width: 13px; height: 13px; background: rgba(78, 98, 84, 0.2); border-radius: 25px;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a.active{width: 35px; background-color: #01a438;}

.con08 .depths1 > .js-tab-type1{width: 70%; position: absolute; top: 51vw; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; overflow: visible;}
.con08 .depths1 > .js-tab-type1 li{width: 48%;}
.con08 .depths1 > .js-tab-type1 li a{display: block; padding-bottom: 1%; text-align: center; font-size: 4.5vw; font-weight: bold; color: #b3da9f; border-bottom: 2px solid #b2dd9c; position: relative;}
.con08 .depths1 > .js-tab-type1 li span{display: block; padding-bottom: 1%; text-align: center; font-size: 4.5vw; font-weight: bold; color: #b3da9f; border-bottom: 2px solid #b2dd9c; position: relative; cursor: default;}
.con08 .depths1 > .js-tab-type1 li.on a{color: #00a337; border-bottom: 2px solid #00a337;}
.con08 .depths1 > .js-tab-type1 li.on a::after{content: '▼'; position: absolute; bottom: -5vw; left: 50%; transform: translateX(-50%); font-size: 3.5vw; color: #00a337;}
.con08 .depths1 > .js-tab-type1-con{width: 100%; position: absolute; top: 60vw; left: 50%; transform: translateX(-50%);}

.con08 .depths2 > h2{margin-bottom: 3%; font-size: 6.5vw; color: #111;}
.con08 .depths2 > .js-tab-type1{width: 70%; margin: 0 auto 3%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.con08 .depths2 > .js-tab-type1 li{width: 31%; margin: 0 1% 3%;}
.con08 .depths2 > .js-tab-type1 li a{display: block; height: 8.7vw; max-height: 65px; font-size: 0; background: url('https://dev-cdn.hackers.com/www/images/event/2026/02/2000/con08_tab.png') no-repeat 0 0 / 300%;}
.con08 .depths2 > .js-tab-type1 li:nth-child(2) a{background-position-x: 49.7%;}
.con08 .depths2 > .js-tab-type1 li:nth-child(3) a{background-position-x: 99.8%;}
.con08 .depths2 > .js-tab-type1 li:nth-child(4) a{background-position: 24% 35.4%;}
.con08 .depths2 > .js-tab-type1 li:nth-child(5) a{background-position: 74.5% 35.4%;}
.con08 .depths2 > .js-tab-type1 li.on a{background-position-y: 64.6%;}
.con08 .depths2 > .js-tab-type1 li:nth-child(4).on a{background-position: 23.9% 100%;}
.con08 .depths2 > .js-tab-type1 li:nth-child(5).on a{background-position: 74.4% 100%;}

.con09 .sd_box{width: 100%; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);}
.con09 .sd_box .bx-wrapper .bx-viewport{height: 55vw !important; max-height: 430px;}
.con09 .sd_box .bx-wrapper .bx-viewport .bxslider li{width: 40vw !important; max-width: 284px; border: 1px solid rgba(197, 197, 197, 0.5); box-shadow: 0px 5px 15px 0px rgba(150, 150, 150, 0.7);}
.con09 .sd_box .bx-wrapper .bx-viewport .bxslider li img{width: 100%;}

/* 탭 이미지 스크롤 시 깜빡이는 현상 방지 */
.con02 .js-tab-type1-con img{display: inline-block !important; opacity: 1 !important;}
.con08 .js-tab-type1-con img{display: inline-block !important; opacity: 1 !important;}