.qbank-wrap { padding-bottom: 111px; background: #EDF4FF;}
.qbank-wrap * { font-family:"Pretendard", "Noto Sans KR", "sans-serif"; }
.qbank-wrap .qbank-inner { position: relative; width: 1200px; margin: 0 auto;}
.qbank-wrap  .qbank-title { padding: 60px 0; text-align: center;}
.qbank-wrap  .qbank-title:before { content: ''; display:  block; width: 174px; height: 131px; position: absolute; top: 41px; left: 279px;  background: url('/resources/images/qbank/main/new/title_obj.png') 0 0 no-repeat;}
.qbank-wrap  .qbank-title h2 { color: #121212; font-size: 38px; font-weight: 900; line-height: 53.20px; word-wrap: break-word;}
.qbank-wrap  .qbank-title h2 span { color: #273FA1; font-size: inherit; font-weight: inherit;}
.qbank-wrap  .qbank-title p { color: #7C8293; font-size: 16px; font-weight: 400; line-height: 22.40px; word-wrap: break-word;}

.gate-box { display: flex; gap: 34px;}
.gate-box .gate-item { width: 583px;}
.gate-box .gate-item a { display: block;}
.gate-box .gate-item .textbox { position: relative; width: 100%; height: 138px;}
.gate-box .gate-item .textbox p { font-size: 17px; font-weight: 400; line-height: 24px; word-wrap: break-word; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); color: #fff;}
.gate-box .gate-item .textbox p .highlight { display: inline-flex; font-weight: 500; padding: 0 2px; font-size: inherit;}
.gate-box .gate-item .textbox p small { color: rgba(255, 255, 255, 0.65); font-size: 14px;font-weight: 400;line-height: 24px;word-wrap: break-word;}
.gate-box .gate-item .textbox:before,
.gate-box .gate-item .textbox:after  { content: ''; display: block; position: absolute; transition: all 0.3s;}
.gate-box .gate-item .textbox:after { display:none; top: 98px; left: 22px; width: 70px; height: 106px; background: url('/resources/images/qbank/main/new/arrow.png') 0 0 no-repeat; z-index: 10;}
.gate-box .gate-item.item1 .textbox { padding: 24px 60px 0 234px; background: url('/resources/images/qbank/main/new/bg_textbox1.png') 0 0 no-repeat;}
.gate-box .gate-item.item1 .textbox:before {  transform: scale(0.7, 0.7); top: -10px; left: 10px; width: 216px; height: 163px; background: url('/resources/images/qbank/main/new/obj1.png') 0 0 no-repeat; background-size: 100% auto;}
.gate-box .gate-item.item1 .textbox p .highlight { display: inline-flex; font-weight: 500; color: #FFF25E; background: #8F43F2;}
.gate-box .gate-item.item2 .textbox {  padding: 39px 60px 0 214px; background: url('/resources/images/qbank/main/new/bg_textbox2.png') 0 0 no-repeat;}
.gate-box .gate-item.item2 .textbox:before {  transform: scale(0.7, 0.7); left: 10px; bottom: -50px; width: 244px; height: 244px; background: url('/resources/images/qbank/main/new/obj2.png') 0 0 no-repeat;  background-size: 100% auto;}
.gate-box .gate-item.item2 .textbox p .highlight { display: inline-flex; font-weight: 500; color: #ffde84; background: #0061e2;}

.gate-box .gate-item:hover .item-col {  outline: 2px #006FFF solid; outline-offset: -2px; backdrop-filter: blur(3.85px);  box-shadow: 23px 23px 38.099998474121094px rgba(53.33, 60.44, 71.11, 0.14);}
.gate-box .gate-item:hover .textbox:before {  transform: scale(1, 1);}
.gate-box .gate-item.item1:hover .textbox:before {  top: -30px;}
.gate-box .gate-item.item2:hover .textbox:before { bottom: -35px;}
.gate-box .gate-item:hover .textbox:after { display: block;}

.gate-box .gate-item .item-col { margin-top: 7px; padding: 49px 16px; min-height: 674px; background: #fff; border: 1px solid #bccadf; border-radius: 20px;}
.gate-box .gate-item .item-col .col-title { margin-bottom: 32px; text-align: center; font-size: 20px; font-weight: 400; line-height: 28px; color: #1e1e21;}
.gate-box .gate-item .item-col .col-title p { margin-top: 12px;}

.gate-box .gate-item .gate-swiper-wrap { position:relative; width: 457px; margin: 0 auto; text-align: center;}
.gate-box .gate-item .gate-swiper-wrap .swiper-slide p { margin-top:12px; font-size:16px; color:#1E1E21; line-height:1.4; text-align:center;}
.gate-box .gate-item .gate-swiper-wrap .swiper-slide p span { color: #5e6cf7; font-size: inherit; font-weight: inherit;}
.gate-box .gate-item .gate-swiper-wrap .swiper-btn { position:absolute; top:50%; transform:translateY(-65%); width:37px; height:88px; background:url('/resources/images/qbank/main/new/btn_slide_prev.png') no-repeat center; cursor:pointer;}
.gate-box .gate-item .gate-swiper-wrap .swiper-btn.prev{left: -33px;}
.gate-box .gate-item .gate-swiper-wrap .swiper-btn.next{right:-33px; background-image:url('/resources/images/qbank/main/new/btn_slide_next.png');}
.gate-box .gate-item .gate-swiper-wrap .swiper-pagination{position:static; margin-top:16px; display:flex; justify-content:center; gap:12px;}
.gate-box .gate-item .gate-swiper-wrap .swiper-pagination .swiper-pagination-bullet{margin:0; width:10px; height:10px; background:#D3E1F5; opacity:1; border-radius:5px;}
.gate-box .gate-item .gate-swiper-wrap .swiper-pagination .swiper-pagination-bullet-active{ width: 32px; background:#8A9BB6;}