/* common */
body { overflow-x:hidden; } 
.evt_wrap { overflow:hidden; } 
.ov { overflow:hidden; } 
.in { width:1000px; margin:0 auto; position:relative; text-align:center; } 
.in2 { width:1200px; margin:0 auto; position:relative; text-align:center; } 
.in_wide { width:2560px; position:relative; text-align:center; left:50%; margin-left:-1280px; } 
:focus { outline:none; } 
.pos_r { position:relative; } 
.fc_red { color:#ff0000 !important; } 
map { cursor:pointer; } 
.hidden { display: none; }

.con01 .con01_ani{position: absolute; top: 46.5%; left: 47%; animation: dundun 1s ease-in-out infinite alternate;}

@keyframes dundun {
    from{top: 46.5%;}
    to{top: 45.5%;}
}

.con01 .sd_box{width: 1215px; position: absolute; top: 340px; left: 50%; transform: translateX(-50%);}

.con02 .sd_box{width: 100%; margin: 0 auto; height: 80px;}
.con02 .bx-wrapper .bx-viewport{height: 80px !important;}

.con02 .bg{padding: 130px 0 90px; background: url(https://dev-cdn.hackers.com/www/images/event/2026/02/2000/con02_bg.jpg) no-repeat center top / cover;}
.con02 .sys_box{width: 690px;margin: 0 auto;padding: 20px 0 25px;background: #fff;border-radius: 25px;box-shadow: 0 0 10px rgba(189, 222, 177, 0.4);}

.con02 .table_area{width: 660px; margin: 0 auto;}
.con02 table{width: 100%; color: #111; border-collapse: separate; border-spacing: 0; cursor: default;}
.con02 table th{padding: 20px 0; font-size: 24px; 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: 25px 0 25px 15px; text-align: left; font-size: 22px; color: #111; border-bottom: 1px solid #d9e1d7; letter-spacing: -0.5px;}
.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.blank{padding: 10px 0; border-bottom: none;}
.con02 table td.red{font-size: 24px; color: #ff0000;}

.con02 table td.pos_r{border-right: none; padding: 40px 0 10px 15px; text-align: left;}
.con02 table td .sticker{position: absolute; top: 10px; padding: 3px 10px; font-size: 14px; color: #fff; background: #ff0000; border-radius: 25px;}
.con02 table td .price{font-size: 20px; color: #8b8b8b; text-decoration: line-through;}
.con02 table td .dc_price{font-size: 24px; font-weight: bold;}

.con02 h2{margin: 45px 0 20px; font-size: 46px; color: #222; letter-spacing: -2px;}
.con02 h2 span{color: #029805;}

.con02 .js-tab-type1{width: 390px; margin: 0 auto 20px; 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: 15px 0;font-size: 22px;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: 580px;margin: 0 auto;padding: 35px 30px 20px;background: #f0f9ec;border-radius: 15px;}

.con02 .list_area li{margin-bottom: 30px;display: flex;align-items: flex-start;}
.con02 .list_area li input{width: 30px;height: 30px;margin-right: 20px;background: #fff;border: 1px solid #cee7c3;border-radius: 25px;appearance: none;}
.con02 .list_area li input:checked{background-color: #cee7c3;border: 7px solid #fff;box-shadow: 0 0 0 1px #cee7c3;}
.con02 .list_area li label{width: calc(100% - 50px); display: flex; justify-content: space-between; align-items: center;}
.con02 .list_area li p{text-align: left; line-height: 1; font-size: 24px; color: #111;}
.con02 .list_area li p.price{text-align: right;}
.con02 .list_area li .subject span{font-size: 16px; font-weight: normal; color: #899c81;}
.con02 .list_area li .price span{font-size: 16px; font-weight: normal; color: #ff0000;}

.con02_btn{display: block; margin: 30px auto 0;}

.con04 .sd_box{width: 100%; position: absolute; top: 335px; left: 50%; transform: translateX(-50%);}
.con04 .bx-wrapper .bx-viewport{height: 382px !important;}

.con05 .reason {width: auto; top: 280px; left: 50%; transform: translateX(-50%);} 

.con07 .sd_box{width: 750px; position: absolute; top: 260px; left: 50%; transform: translateX(-50%);}
.con07 .bx-wrapper .bx-pager{bottom: 10px; left: 50%; transform: translateX(-50%);}
.con07 .bx-wrapper .bx-pager.bx-default-pager a{width: 17px; height: 17px; margin: 0 5px; background: rgba(78, 98, 84, 0.2); border-radius: 25px;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a.active{width: 50px; background: #01a438;}

.con08 .depths1 > .js-tab-type1{width: 500px; position: absolute; top: 385px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center;}
.con08 .depths1 > .js-tab-type1 li{width: 48%;}
.con08 .depths1 > .js-tab-type1 li a{display: block; padding-bottom: 5px; font-size: 28px; font-weight: bold; color: #b3da9f; border-bottom: 2px solid #b2dd9c; position: relative;}
.con08 .depths1 > .js-tab-type1 li span{display: block; padding-bottom: 5px; font-size: 28px; 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: -30px; left: 50%; transform: translateX(-50%); font-size: 18px; color: #00a337;}
.con08 .depths1 > .js-tab-type1-con{width: 840px; position: absolute; top: 480px; left: 50%; transform: translateX(-50%);}

.con08 .depths2 > h2{margin-bottom: 30px; font-size: 38px; color: #111;}
.con08 .depths2 > .js-tab-type1{width: 490px; margin: 0 auto 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.con08 .depths2 > .js-tab-type1 li{width: 31%; margin: 0 1% 15px;}
.con08 .depths2 > .js-tab-type1 li a{display: block; 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;}
.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; top: 420px; left: 50%; transform: translateX(-50%);}
.con09 .bx-wrapper .bx-viewport{height: 390px !important;}

/* 탭 이미지 스크롤 시 깜빡이는 현상 방지 */
.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;}

/* 퀵배너 */
.quick_ban { position: fixed; top: 30%; right: 0; z-index: 1; } 

/* 플로팅배너 관리자단 연동 */
.ban_bottom { width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index: 1; } 
.ban_bottom a { display: block; } 
.ban_bottom img { display: block; }