@media(min-width: 1025px){.col-1{flex:0 0 auto;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}#wrap.promotion .board_list .board_type_accordion .thead .title{text-align:center}#wrap.promotion.cibi .content{padding-bottom:0}#wrap.promotion.cibi .sub_visual{margin-bottom:0}@media(max-width: 1024px){#wrap.promotion.cibi .sub_visual{margin-bottom:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 1024px){#wrap.promotion.cibi .sub_visual{margin-bottom:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.cibi .left_tit strong{display:block;font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.01em;line-height:1.4;font-weight:700;color:#1c1c1c}@media(max-width: 1024px){#wrap.promotion.cibi .left_tit{margin-bottom:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.cibi .left_tit strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.01em;line-height:1.4}}@media(max-width: 767px){#wrap.promotion.cibi .left_tit{margin-bottom:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.cibi .left_tit strong{font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}}#wrap.promotion.cibi .sub_txt_wrap strong{display:block;margin-bottom:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.40625;letter-spacing:-0.01em;font-weight:700;color:#1c1c1c}#wrap.promotion.cibi .sub_txt_wrap span{display:block;margin-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.01em;font-weight:700}#wrap.promotion.cibi .sub_txt_wrap p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;word-break:keep-all;word-wrap:break-word;color:#2c2b2b}#wrap.promotion.cibi .sub_txt_wrap[data-motion] strong{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.cibi .sub_txt_wrap[data-motion]>p{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.cibi .sub_txt_wrap[data-motion].active strong{transform:translateY(0);opacity:1}#wrap.promotion.cibi .sub_txt_wrap[data-motion].active>p{transform:translateY(0);opacity:1}@media(max-width: 1024px){#wrap.promotion.cibi .sub_txt_wrap strong{margin-bottom:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.3928571429;letter-spacing:-0.01em}#wrap.promotion.cibi .sub_txt_wrap span{margin-bottom:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}#wrap.promotion.cibi .sub_txt_wrap p{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.5263157895;letter-spacing:-0.01em}}@media(max-width: 767px){#wrap.promotion.cibi .sub_txt_wrap strong{margin-bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.01em}#wrap.promotion.cibi .sub_txt_wrap span{margin-bottom:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em}#wrap.promotion.cibi .sub_txt_wrap p{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.4117647059;letter-spacing:-0.01em}}#wrap.promotion.cibi .switch_wrap{width:100%}#wrap.promotion.cibi .switch_wrap[data-motion] .switch_box{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.cibi .switch_wrap[data-motion].active .switch_box{transform:translateY(0);opacity:1}#wrap.promotion.cibi .switch_box{position:relative;width:100%;height:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #ddd}#wrap.promotion.cibi .switch_box input[type=checkbox]{position:absolute;appearance:none;-webkit-appearance:none;-moz-appearance:none}#wrap.promotion.cibi .switch_box input[type=checkbox]:checked+label::before{left:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));right:auto;background:url("/resources/kr/images/promotion/cibi/switch_check_on.svg") center no-repeat;background-size:100% 100%}#wrap.promotion.cibi .switch_box input[type=checkbox]:checked+label .onf_btn{left:max(calc(58px * var(--base-ratio)), calc(calc(58 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.cibi .switch_box label{position:absolute;top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));z-index:1;display:block;width:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));background-color:#ddd;border-radius:max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));cursor:pointer}#wrap.promotion.cibi .switch_box label::before{content:"";position:absolute;top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));right:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/cibi/switch_check_off.svg") center no-repeat;background-size:100% 100%}#wrap.promotion.cibi .switch_box label .onf_btn{position:absolute;top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));left:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));display:block;width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));background:#fff;transition:.2s;box-shadow:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))) max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))) max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))) rgba(28,28,28,.25)}#wrap.promotion.cibi .switch_box .bg{position:absolute;top:0;left:0;width:100%;height:100%}#wrap.promotion.cibi .switch_box .bg::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media(max-width: 1024px){#wrap.promotion.cibi .switch_box{height:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ssinside.index .content{padding-bottom:0}#wrap.promotion.ssinside.index .sub_visual .title .txt p{font-family:"Gilda Display",sans-serif}#wrap.promotion.ssinside.index .tit_area{position:relative}#wrap.promotion.ssinside.index .tit_area strong{display:block;font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.4;color:#1c1c1c}#wrap.promotion.ssinside.index .tit_area p{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:400;line-height:1.5;color:#2c2b2b}#wrap.promotion.ssinside.index .tit_area a{position:absolute;right:0;top:0}#wrap.promotion.ssinside.index .tit_area.white strong{color:#fff}#wrap.promotion.ssinside.index .tit_area.white p{color:#fff}@media(max-width: 1024px){#wrap.promotion.ssinside.index .tit_area strong{font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .tit_area p{margin-top:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}}@media(max-width: 767px){#wrap.promotion.ssinside.index .tit_area strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .tit_area p{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.promotion.ssinside.index .tit_area a{position:relative;inset:auto;margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ssinside.index .sec02{position:relative;overflow:hidden;padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0;z-index:1}#wrap.promotion.ssinside.index .sec02[data-motion] .bg .logo_bg:before{transform:translateX(60%);opacity:0;transition:1.1s cubic-bezier(0.66, 0.14, 0.24, 0.99)}#wrap.promotion.ssinside.index .sec02[data-motion] .bg .logo_bg:after{transform:translateX(60%);opacity:0;transition:1.2s .15s cubic-bezier(0.66, 0.14, 0.24, 0.99)}#wrap.promotion.ssinside.index .sec02[data-motion] .tit_area{transform:translateY(max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));opacity:0;transition:1.2s cubic-bezier(0.66, 0.14, 0.24, 0.99)}#wrap.promotion.ssinside.index .sec02[data-motion] .slide_wrap{transform:translateY(max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));opacity:0;transition:1.2s cubic-bezier(0.66, 0.14, 0.24, 0.99)}#wrap.promotion.ssinside.index .sec02[data-motion] .notice_wrap{transform:translateY(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))));opacity:0;transition:1.2s cubic-bezier(0.66, 0.14, 0.24, 0.99)}#wrap.promotion.ssinside.index .sec02[data-motion].active .bg .logo_bg:before,#wrap.promotion.ssinside.index .sec02[data-motion].active .bg .logo_bg:after{opacity:1;transform:translateX(0)}#wrap.promotion.ssinside.index .sec02[data-motion].active .tit_area{opacity:1;transform:translateY(0)}#wrap.promotion.ssinside.index .sec02[data-motion].active .slide_wrap{opacity:1;transform:translateY(0)}#wrap.promotion.ssinside.index .sec02[data-motion].active .notice_wrap{opacity:1;transform:translateY(0)}#wrap.promotion.ssinside.index .sec02 .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:#daa6a6}#wrap.promotion.ssinside.index .sec02 .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:rgba(111,45,46,.15)}#wrap.promotion.ssinside.index .sec02 .bg .logo_bg{width:max(calc(465px * var(--base-ratio)), calc(calc(465 / var(--base-size)) * var(--base-percent)));height:max(calc(520px * var(--base-ratio)), calc(calc(520 / var(--base-size)) * var(--base-percent)));position:absolute;right:max(calc(calc(calc(16 / var(--base-size)) * var(--base-percent)) * -1));bottom:max(calc(calc(calc(95 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.promotion.ssinside.index .sec02 .bg .logo_bg:before{content:"";width:100%;height:100%;background:url("/resources/kr/images/promotion/ssinside/sec02_ss1.svg") center no-repeat;background-size:100% 100%;position:absolute;left:0;top:0}#wrap.promotion.ssinside.index .sec02 .bg .logo_bg:after{content:"";width:100%;height:100%;background:url("/resources/kr/images/promotion/ssinside/sec02_ss2.svg") center no-repeat;background-size:100% 100%;position:absolute;left:0;top:0}#wrap.promotion.ssinside.index .sec02 .bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.5}#wrap.promotion.ssinside.index .sec02 .tit_area{margin-bottom:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap{width:100%;position:relative}#wrap.promotion.ssinside.index .sec02 .slide_wrap:before{content:"";width:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));height:100%;background:#6f2d2e;opacity:.5}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-container{overflow:visible}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide{width:max(calc(340px * var(--base-ratio)), calc(calc(340 / var(--base-size)) * var(--base-percent)));height:max(calc(380px * var(--base-ratio)), calc(calc(380 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide:last-child{margin-right:0}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));position:relative;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.3s}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a span{display:block;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.3;color:#fff;transition:.3s}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a p{display:block;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.375;max-height:4.125em;height:max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));font-weight:700;color:#fff;transition:.3s}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a i{width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));position:absolute;right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border-radius:50%;background:url("/resources/kr/images/promotion/ssinside/sec02_slide_arrow.svg") center no-repeat;background-size:100% 100%;opacity:0;transition:.3s}@media(min-width: 1025px)and (pointer: fine){#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a:hover{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:10px 10px 14px 0px rgba(171,25,25,.2)}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a:hover span{color:#888}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a:hover p{color:#1c1c1c}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a:hover i{opacity:1}}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-scrollbar{display:none;margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-scrollbar:before{height:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background:rgba(255,255,255,.4)}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-scrollbar .swiper-scrollbar-drag{background:#fff}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-scrollbar.active{display:block}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-pagination{display:none !important}#wrap.promotion.ssinside.index .sec02 .notice_wrap{margin-bottom:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));background:#fff;border-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center}#wrap.promotion.ssinside.index .sec02 .notice_wrap.none{display:none}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit{width:max(calc(158px * var(--base-ratio)), calc(calc(158 / var(--base-size)) * var(--base-percent)));padding-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit:before{content:"";width:1px;height:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));position:absolute;right:0;top:50%;transform:translateY(-50%);background:#ccc}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit p{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4;font-weight:bold;color:#a8001a}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list{width:calc(100% - max(calc(158px * var(--base-ratio)), calc(calc(158 / var(--base-size)) * var(--base-percent))));position:relative}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide{height:max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide a{width:100%;height:100%;display:flex;align-items:center;padding:0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide a p{width:100%;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4;font-weight:500;color:#1c1c1c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button{position:absolute;right:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));top:0;font-size:0;text-indent:-9999px;z-index:2;transition:.3s}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .prev{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/ssinside/sec02_notice_up_arrow_off.svg") 40% 20% no-repeat;background-size:100%;cursor:pointer;display:none}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .prev.show{display:block}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .next{margin-top:max(calc(calc(calc(8 / var(--base-size)) * var(--base-percent)) * -1));width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/ssinside/sec02_notice_down_arrow_off.svg") center no-repeat;background-size:100%;cursor:pointer;display:none}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .next.show{display:block}@media(min-width: 1025px)and (pointer: fine){#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .prev:hover{background:url("/resources/kr/images/promotion/ssinside/sec02_notice_up_arrow_on.svg") 40% 20% no-repeat;background-size:100%}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .next:hover{background:url("/resources/kr/images/promotion/ssinside/sec02_notice_down_arrow_on.svg") 40% 20% no-repeat;background-size:100%}}@media(max-width: 1024px){#wrap.promotion.ssinside.index .sec02{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0}#wrap.promotion.ssinside.index .sec02 .bg:after{content:"";width:max(calc(296px * var(--base-ratio)), calc(calc(296 / var(--base-size)) * var(--base-percent)));height:max(calc(324px * var(--base-ratio)), calc(calc(324 / var(--base-size)) * var(--base-percent)));right:max(calc(calc(calc(37 / var(--base-size)) * var(--base-percent)) * -1));bottom:max(calc(calc(calc(79 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.promotion.ssinside.index .sec02 .tit_area{margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide{width:max(calc(335px * var(--base-ratio)), calc(calc(335 / var(--base-size)) * var(--base-percent)));height:max(calc(193px * var(--base-ratio)), calc(calc(193 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide:last-child{margin-right:0}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a{padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a span{display:block;font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.35;max-height:2.7em;height:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-scrollbar{margin-top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap{margin-bottom:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));display:block;position:relative}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit{width:100%;padding-left:0}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit:before{display:none}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list{width:100%;margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));position:static}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide{height:max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide a{padding:0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0 0}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide a p{width:100%;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button{position:absolute;right:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));top:50%;transform:translateY(-50%)}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .prev{margin-top:0;width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/ssinside/sec02_notice_up_arrow_on.svg") 40% 20% no-repeat;background-size:100%}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .next{margin-top:0;width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/ssinside/sec02_notice_down_arrow_on.svg") 40% 20% no-repeat;background-size:100%}}@media(max-width: 767px){#wrap.promotion.ssinside.index .sec02{padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) 0}#wrap.promotion.ssinside.index .sec02 .bg:after{content:"";width:max(calc(185px * var(--base-ratio)), calc(calc(185 / var(--base-size)) * var(--base-percent)));height:max(calc(203px * var(--base-ratio)), calc(calc(203 / var(--base-size)) * var(--base-percent)));right:max(calc(calc(calc(23 / var(--base-size)) * var(--base-percent)) * -1));bottom:max(calc(calc(calc(38 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.promotion.ssinside.index .sec02 .slide_wrap{text-align:center}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide{width:100%;max-width:max(calc(335px * var(--base-ratio)), calc(calc(335 / var(--base-size)) * var(--base-percent)));height:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));text-align:left}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide:last-child{margin-right:0}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a{padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-slide a p{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.4210526316;max-height:2.8421052632em;height:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-scrollbar{display:none !important}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-pagination{position:relative;margin:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) auto 0;background:rgba(255,255,255,.2);border-radius:max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));padding:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));font-size:0}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-pagination .swiper-pagination-bullet{width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));height:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background:rgba(255,255,255,.4);opacity:1}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#fff}#wrap.promotion.ssinside.index .sec02 .slide_wrap .swiper-pagination.active{display:inline-block !important}#wrap.promotion.ssinside.index .sec02 .notice_wrap{margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .tit p{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide{height:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .swiper-container .swiper-slide a p{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.4210526316;max-height:2.8421052632em;white-space:normal}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button{position:absolute;right:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));top:50%;transform:translateY(-50%)}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .prev{margin-top:0;width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec02 .notice_wrap .list .button .next{margin-top:0;width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ssinside.index .sec03{padding:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent))) 0 max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));--bgAttachment:0%}#wrap.promotion.ssinside.index .sec03 .banner{position:relative;z-index:1;overflow:hidden;height:max(calc(480px * var(--base-ratio)), calc(calc(480 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec03 .banner:before{content:"";width:100%;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background:url("/resources/kr/images/promotion/ssinside/sec03_bg_pc.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.ssinside.index .sec03 .banner ul{display:flex;align-items:center;height:100%}#wrap.promotion.ssinside.index .sec03 .banner ul li{flex:50%;height:100%;display:flex;align-items:center;justify-content:center}#wrap.promotion.ssinside.index .sec03 .banner ul li .box{width:100%;height:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;justify-content:center;flex-direction:column}#wrap.promotion.ssinside.index .sec03 .banner ul li .box span{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:500;color:#fff}#wrap.promotion.ssinside.index .sec03 .banner ul li .box strong{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4;font-weight:500;color:#fff}#wrap.promotion.ssinside.index .sec03 .banner ul li .box .btn{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec03 .banner ul li:last-child .box{border-left:1px solid rgba(255,255,255,.6)}@media(max-width: 1024px){#wrap.promotion.ssinside.index .sec03{padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0}#wrap.promotion.ssinside.index .sec03 .banner{height:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec03 .banner:before{background:url("/resources/kr/images/promotion/ssinside/sec03_bg_t.jpg") center no-repeat;background-size:100%;background-position:center calc(120% - var(--bgAttachment))}#wrap.promotion.ssinside.index .sec03 .banner ul li .box{height:max(calc(296px * var(--base-ratio)), calc(calc(296 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec03 .banner ul li .box span{font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec03 .banner ul li .box strong{margin-top:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec03 .banner ul li .box .btn{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.promotion.ssinside.index .sec03{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0}#wrap.promotion.ssinside.index .sec03 .banner{height:auto}#wrap.promotion.ssinside.index .sec03 .banner:before{background:url("/resources/kr/images/promotion/ssinside/sec03_bg_m.jpg") center no-repeat;background-size:100%;background-position:center calc(120% - var(--bgAttachment))}#wrap.promotion.ssinside.index .sec03 .banner ul{display:block;height:auto;padding:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec03 .banner ul li{flex:1}#wrap.promotion.ssinside.index .sec03 .banner ul li .box{height:auto;padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0;align-items:start}#wrap.promotion.ssinside.index .sec03 .banner ul li .box span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec03 .banner ul li .box strong{font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec03 .banner ul li .box .btn{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec03 .banner ul li:last-child .box{border-left:0;border-top:1px solid rgba(255,255,255,.6)}}#wrap.promotion.ssinside.index .sec04{padding-bottom:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));overflow:hidden}#wrap.promotion.ssinside.index .sec04[data-motion] .video_wrap .right .slide_wrap .swiper-container{transform:translateX(50%);opacity:0;transition:.6s}#wrap.promotion.ssinside.index .sec04[data-motion].active .video_wrap .right .slide_wrap .swiper-container{transform:translateX(0);opacity:1}#wrap.promotion.ssinside.index .sec04 .video_wrap{margin-top:max(calc(49px * var(--base-ratio)), calc(calc(49 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area{width:100%;height:max(calc(395px * var(--base-ratio)), calc(calc(395 / var(--base-size)) * var(--base-percent)));background:#000;border-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));overflow:hidden;position:relative}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .video{width:100%;height:100%;position:relative}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .video video{position:absolute;left:0;top:0;width:100%;height:100%}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-color:#000;cursor:pointer;opacity:1;visibility:visible;transition:.2s ease-out;z-index:2}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .bg:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:1}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .bg:after{content:"";width:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));height:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2;background:url("/resources/kr/images/button/btn_play_off.png") center no-repeat;background-size:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;transition:.2s ease-out}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .bg.active{opacity:0;visibility:hidden}@media(min-width: 1025px)and (pointer: fine){#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .bg:hover:after{background:url("/resources/kr/images/button/btn_play_on.png") center no-repeat;background-size:100%}}#wrap.promotion.ssinside.index .sec04 .video_wrap .right{padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));padding-left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(395px * var(--base-ratio)), calc(calc(395 / var(--base-size)) * var(--base-percent)));position:relative;display:flex;justify-content:space-between;flex-direction:column}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .tag{display:block;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#8d2121}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .title{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));display:block;font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:bold;line-height:1.3;color:#1c1c1c}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .date{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.3;color:#888}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt.apt .tag{color:#21528d}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap{width:calc(100% + max(calc(228px * var(--base-ratio)), calc(calc(228 / var(--base-size)) * var(--base-percent))));padding-right:max(calc(228px * var(--base-ratio)), calc(calc(228 / var(--base-size)) * var(--base-percent)));overflow:hidden}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container{margin:0;overflow:visible}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide{width:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));height:max(calc(135px * var(--base-ratio)), calc(calc(135 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide a{width:100%;height:100%;display:block;border-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));overflow:hidden;position:relative}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide a:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #ccc;border-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));box-sizing:border-box}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide:last-child{margin-right:0}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide.active a:before{border:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent))) solid #a99e8f}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-scrollbar{display:none;margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-scrollbar:before{background:rgba(28,28,28,.4)}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-scrollbar .swiper-scrollbar-drag{background:#1c1c1c}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-scrollbar.active{display:block}@media(max-width: 1024px){#wrap.promotion.ssinside.index .sec04{padding-bottom:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area{width:100%;height:auto;padding-top:56.25%}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .video{position:absolute;left:0;top:0}#wrap.promotion.ssinside.index .sec04 .video_wrap .left .video_area .bg:after{width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right{padding-left:0;height:auto}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .tag{font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .title{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .date{font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap{margin-top:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));width:100%;padding-right:0;overflow:visible}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide{width:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)));height:max(calc(123px * var(--base-ratio)), calc(calc(123 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-scrollbar{margin-top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.promotion.ssinside.index .sec04{padding-bottom:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap{margin-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .tag{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .title{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .txt .date{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-container .swiper-slide{width:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));height:max(calc(112px * var(--base-ratio)), calc(calc(112 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec04 .video_wrap .right .slide_wrap .swiper-scrollbar{margin-top:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ssinside.index .sec05{height:max(calc(420px * var(--base-ratio)), calc(calc(420 / var(--base-size)) * var(--base-percent)));position:relative;z-index:1;overflow:hidden;--bgAttachment:0%}#wrap.promotion.ssinside.index .sec05:before{content:"";width:100%;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background:url("/resources/kr/images/promotion/ssinside/sec05_bg_pc.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.ssinside.index .sec05 .row_wrap{height:100%}#wrap.promotion.ssinside.index .sec05 .row_wrap .row{height:100%}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .col-10{height:100%}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner{width:100%;height:100%;display:flex;align-items:center}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt strong{display:block;font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.4;color:#fff}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#fff}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt a{display:inline-flex;align-items:center;justify-content:center;margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));width:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));border:1px solid #fff;text-align:center;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;color:#fff;border-radius:max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));transition:.25s ease-out}@media(min-width: 1025px)and (pointer: fine){#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt a:hover{background:#fff;color:#a99e8f;border-color:#a99e8f}}@media(max-width: 1024px){#wrap.promotion.ssinside.index .sec05{height:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec05:before{display:none}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner{position:relative;padding:0 max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;transform:translateY(0);z-index:-1;background:url("/resources/kr/images/promotion/ssinside/sec05_bg_pc.jpg") 50% 50% no-repeat;background-size:100%;background-position:center 54%}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt p{display:none}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt a{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));width:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));font-size:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}}@media(max-width: 767px){#wrap.promotion.ssinside.index .sec05{height:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner{padding:0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner:before{background:url("/resources/kr/images/promotion/ssinside/sec05_bg_t.jpg") center no-repeat;background-size:100%;background-position:center 54%}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt strong{font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.index .sec05 .row_wrap .row .inner .txt a{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ssinside.new-orders .sec02{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));position:relative;z-index:1}#wrap.promotion.ssinside.new-orders .sec02 .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown{position:absolute;left:50%;bottom:0;z-index:1;transform:translateX(-50%)}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#fff;margin-bottom:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown i{display:block;width:1px;height:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));background:rgba(255,255,255,.4);margin:0 auto;position:relative;overflow:hidden}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown i:after{content:"";width:100%;height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));position:absolute;left:0;top:0;background:#fff;-webkit-animation:scrollDown 2s infinite;animation:scrollDown 2s infinite}@-webkit-keyframes scrollDown{0%{top:-100%}100%{top:100%}}@keyframes scrollDown{0%{top:-100%}100%{top:100%}}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap{width:100%;height:100%;text-align:center}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .tit{text-align:left}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .tit strong{display:block;font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;line-height:1.4;font-weight:bold;color:#fff}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container{text-align:left;background:#fff}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide{background:#fff;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area{position:relative;width:max(calc(520px * var(--base-ratio)), calc(calc(520 / var(--base-size)) * var(--base-percent)));height:max(calc(438px * var(--base-ratio)), calc(calc(438 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area .bg_img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area .bg_img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area img{position:relative;z-index:2;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area{width:calc(100% - max(calc(520px * var(--base-ratio)), calc(calc(520 / var(--base-size)) * var(--base-percent))));height:max(calc(438px * var(--base-ratio)), calc(calc(438 / var(--base-size)) * var(--base-percent)));padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .scroll{height:100%;overflow-y:auto}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top strong{display:block;font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;line-height:1.4;font-weight:bold;color:#2c2b2b}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .desc{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) !important;line-height:1.3 !important;color:#2c2b2b !important;font-weight:500 !important}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .desc *{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) !important;line-height:1.3 !important;color:#2c2b2b !important;font-weight:500 !important}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .desc *+*{margin-top:max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .m_btn{display:none}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot strong{font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.4;color:#b0b0b2}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot .list{margin-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-top:1px solid #ddd}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot .list dl{display:flex}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot .list dl+dl{margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot .list dl dt{width:max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.3;color:#1c1c1c}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot .list dl dd{width:calc(100% - max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent))));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.3;color:#2c2b2b}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-pagination{position:relative;inset:auto;margin-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));background:rgba(255,255,255,.2);border-radius:max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));display:inline-flex;vertical-align:top;padding:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));gap:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-pagination .swiper-pagination-bullet{width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));height:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));opacity:1;background:rgba(255,255,255,.4);border-radius:50%}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-pagination .swiper-pagination-bullet-active{background:#fff}@media(max-width: 1024px){#wrap.promotion.ssinside.new-orders .sec02{padding:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown i{height:max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown i:after{height:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .tit{text-align:left}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .tit strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide{padding:0}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area{width:max(calc(334px * var(--base-ratio)), calc(calc(334 / var(--base-size)) * var(--base-percent)));height:max(calc(282px * var(--base-ratio)), calc(calc(282 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area{width:calc(100% - max(calc(334px * var(--base-ratio)), calc(calc(334 / var(--base-size)) * var(--base-percent))));padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:auto}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .scroll{height:auto;display:block;overflow:hidden}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top strong{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .desc{display:none}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .m_btn{margin:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0 0;font-size:0 !important;text-indent:-9999px;cursor:pointer;width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));display:block;border-radius:50%;border:1px solid #888;position:relative}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .m_btn:before{content:"";width:2px;height:12px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#1c1c1c}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .m_btn:after{content:"";width:12px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#1c1c1c}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .bot{display:none}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-pagination{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.promotion.ssinside.new-orders .sec02{padding:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .bg .scrolldown{display:none}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .tit strong{font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide{display:block}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area{width:100%;height:auto;padding-top:84%;position:relative}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .img_area img{position:absolute;left:0;top:0}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area{width:100%;padding:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top strong{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-container .swiper-slide .txt_area .top .m_btn{margin:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) auto 0}#wrap.promotion.ssinside.new-orders .sec02 .slide_wrap .swiper-pagination{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ssinside.new-orders .mobile_popup{display:none}@media(max-width: 1024px){#wrap.promotion.ssinside.new-orders .mobile_popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);transition:.3s;z-index:10000}#wrap.promotion.ssinside.new-orders .mobile_popup .dim{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}#wrap.promotion.ssinside.new-orders .mobile_popup .inner{width:100%;height:100%;display:flex;align-items:end;justify-content:center;flex-direction:column;padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .close_btn{width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));background:rgba(0,0,0,.6);border-radius:50%;font-size:0;text-indent:-9999px;position:relative;margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .close_btn:before{content:"";width:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));height:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:url("/resources/kr/images/common/layer_popup_close_btn.svg") center no-repeat;background-size:100%}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont{width:100%;max-height:80%;border-radius:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));background:#fff;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .scroll{padding-right:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));overflow-y:auto;height:100%}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .top .desc{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent))) !important;line-height:1.3 !important;color:#2c2b2b !important;font-weight:500 !important;word-break:keep-all;word-wrap:break-word}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .top .desc *{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent))) !important;line-height:1.3 !important;color:#2c2b2b !important;font-weight:500 !important;word-break:keep-all;word-wrap:break-word}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .top .desc *+*{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot{margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot strong{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.4;color:#b0b0b2}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-top:1px solid #ddd}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl{display:flex}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl+dl{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl dt{width:max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent)));font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.3;color:#1c1c1c}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl dd{width:calc(100% - max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent))));font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.3;color:#2c2b2b}#wrap.promotion.ssinside.new-orders .mobile_popup.active{display:block}}@media(max-width: 767px){#wrap.promotion.ssinside.new-orders .mobile_popup .inner{padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .close_btn{margin-bottom:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .close_btn:before{width:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));height:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont{background:#fff;padding:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent))) max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .scroll{padding-right:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .top .desc{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) !important}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .top .desc *{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) !important}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot strong{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.4}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-top:1px solid #ddd}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl{display:block}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl+dl{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl dt{width:100%;font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.new-orders .mobile_popup .inner .cont .bot .list dl dd{width:100%;font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.promotion.ssinside.new-orders .mobile_popup.active{display:block}}#wrap.promotion.ci .sub_txt_wrap .box+.box{padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sub_txt_wrap .box span{color:#a8001a}#wrap.promotion.ci .sub_txt_wrap .box[data-motion] span,#wrap.promotion.ci .sub_txt_wrap .box[data-motion] p{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sub_txt_wrap .box[data-motion].active span,#wrap.promotion.ci .sub_txt_wrap .box[data-motion].active p{transform:translateY(0);opacity:1}@media(max-width: 767px){#wrap.promotion.ci .sub_txt_wrap .box+.box{padding-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ci .sec01 .left_tit{padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01[data-motion] .left_tit strong{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec01[data-motion].active .left_tit strong{transform:translateY(0);opacity:1}#wrap.promotion.ci .sec01 .cont{padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01{--bgAttachment:0%}#wrap.promotion.ci .sec01 .cont01[data-motion] .ci_down .box{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec01 .cont01[data-motion].active .ci_down .box{transform:translateY(0);opacity:1}#wrap.promotion.ci .sec01 .cont01 .ci_down{position:relative;width:100%;height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01 .ci_down .box{position:relative;width:100%;height:100%}#wrap.promotion.ci .sec01 .cont01 .ci_down .box::before{content:"";width:100%;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_ci_pcbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.ci .sec01 .cont01 .ci_down .box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 60.88%, rgba(0, 0, 0, 0.4) 95.32%)}#wrap.promotion.ci .sec01 .cont01 .ci_down .box .btn{position:absolute;left:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));bottom:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01 .sub_txt_wrap{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01 .switch_box input[type=checkbox]:checked+label{background:#5b3338}#wrap.promotion.ci .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_on_bg.png") center no-repeat;background-size:100% 100%;background-color:#39080f}#wrap.promotion.ci .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg::before{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_on.svg") center no-repeat;background-size:100% 100%}#wrap.promotion.ci .sec01 .cont01 .switch_box .bg{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_off_bg.png") center no-repeat;background-size:100% 100%;background-color:#fff}#wrap.promotion.ci .sec01 .cont01 .switch_box .bg::before{width:max(calc(186px * var(--base-ratio)), calc(calc(186 / var(--base-size)) * var(--base-percent)));height:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_off.svg") center no-repeat;background-size:100% 100%}#wrap.promotion.ci .sec01 .cont02 .type_box{margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box+.box{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box strong{display:block;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.01em;font-weight:700;color:#1c1c1c}#wrap.promotion.ci .sec01 .cont02 .type_box .box .img_box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));width:100%;height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #ddd;background-color:#fff}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(1) .img_box img{width:max(calc(257px * var(--base-ratio)), calc(calc(257 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box img:nth-of-type(1){width:max(calc(274px * var(--base-ratio)), calc(calc(274 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box img:nth-of-type(2){width:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box[data-motion] strong{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec01 .cont02 .type_box .box[data-motion] .img_box{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec01 .cont02 .type_box .box[data-motion].active strong{transform:translateY(0);opacity:1}#wrap.promotion.ci .sec01 .cont02 .type_box .box[data-motion].active .img_box{transform:translateY(0);opacity:1}@media(max-width: 1024px){#wrap.promotion.ci .sec01 .left_tit{padding-top:0}#wrap.promotion.ci .sec01 .cont{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01{padding-top:0}#wrap.promotion.ci .sec01 .cont01 .ci_down{height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01 .ci_down .box:before{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_ci_tbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.ci .sec01 .cont01 .ci_down .box .btn{left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_on_tbg.png") center no-repeat;background-size:100% 100%;background-color:#39080f}#wrap.promotion.ci .sec01 .cont01 .switch_box .bg{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_off_tbg.png") center no-repeat;background-size:100% 100%;background-color:#fff}#wrap.promotion.ci .sec01 .cont01 .switch_box .bg::before{width:max(calc(130px * var(--base-ratio)), calc(calc(130 / var(--base-size)) * var(--base-percent)));height:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box+.box{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box strong{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}#wrap.promotion.ci .sec01 .cont02 .type_box .box .img_box{gap:0 max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent)));height:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(1) .img_box img{width:max(calc(208px * var(--base-ratio)), calc(calc(208 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box img:nth-of-type(1){width:max(calc(246px * var(--base-ratio)), calc(calc(246 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box img:nth-of-type(2){width:max(calc(218px * var(--base-ratio)), calc(calc(218 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.promotion.ci .sec01 .cont01{padding-top:0}#wrap.promotion.ci .sec01 .cont01 .ci_down .box:before{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_ci_mbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.ci .sec01 .cont01 .sub_txt_wrap{padding-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_on_mbg.png") center no-repeat;background-size:100% 100%;background-color:#39080f}#wrap.promotion.ci .sec01 .cont01 .switch_box .bg{background:url("/resources/kr/images/promotion/cibi/ci/sec01_cont01_switch_off_mbg.png") center no-repeat;background-size:100% 100%;background-color:#fff}#wrap.promotion.ci .sec01 .cont02 .type_box{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box+.box{margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box strong{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em}#wrap.promotion.ci .sec01 .cont02 .type_box .box .img_box{gap:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) 0;margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box{flex-direction:column;height:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box img:nth-of-type(1){width:max(calc(226px * var(--base-ratio)), calc(calc(226 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec01 .cont02 .type_box .box:nth-of-type(2) .img_box img:nth-of-type(2){width:max(calc(203px * var(--base-ratio)), calc(calc(203 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.ci .sec02{width:100%;margin-top:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));background-color:#f3f4f6}#wrap.promotion.ci .sec02[data-motion] .left_tit strong{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec02[data-motion].active .left_tit strong{transform:translateY(0);opacity:1}#wrap.promotion.ci .sec02 .left_tit{padding-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));position:-webkit-sticky;position:sticky;left:0;top:0}#wrap.promotion.ci .sec02 .color_wrap{padding-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color+.color{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color>strong{display:block;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.01em;font-weight:700;color:#1c1c1c}#wrap.promotion.ci .sec02 .color_inner .color[data-motion]>strong{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec02 .color_inner .color[data-motion].active>strong{transform:translateY(0);opacity:1}#wrap.promotion.ci .sec02 .color_inner .color .color_box{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;width:100%;gap:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color .color_box .box{width:calc(50% - max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))/2)}#wrap.promotion.ci .sec02 .color_inner .color .color_box .box[data-motion] .motion_box{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.ci .sec02 .color_inner .color .color_box .box[data-motion].active .motion_box{transform:translateY(0);opacity:1}#wrap.promotion.ci .sec02 .color_inner .color .color_box strong{display:block;font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.4090909091;letter-spacing:-0.01em;font-weight:700;color:#fff}#wrap.promotion.ci .sec02 .color_inner .color .color_box span{display:block;font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;font-weight:500}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box{height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box .motion_box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:normal;flex-direction:column;width:100%;height:100%;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box:nth-of-type(1) .motion_box{background-color:#ee1c24}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box:nth-of-type(2) .motion_box{background-color:#94958b}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box span{color:#fff}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box strong{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;height:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));padding:0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box:nth-of-type(1) strong{background-color:#231f20}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box:nth-of-type(2) strong{background-color:#f0eae5}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box:nth-of-type(3) strong{background-color:#b9ab97}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box:nth-of-type(4) strong{background-color:#e8d5ba}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box span{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));color:#888}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box:nth-of-type(2) strong{color:#2c2b2b}@media(max-width: 1024px){#wrap.promotion.ci .sec02{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .left_tit{margin-bottom:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));padding-top:0}#wrap.promotion.ci .sec02 .color_wrap{padding-top:0}#wrap.promotion.ci .sec02 .color_inner{margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color+.color{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color>strong{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}#wrap.promotion.ci .sec02 .color_inner .color .color_box{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;width:100%;gap:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color .color_box .box{width:calc(50% - max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))/2)}#wrap.promotion.ci .sec02 .color_inner .color .color_box strong{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em}#wrap.promotion.ci .sec02 .color_inner .color .color_box span{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.5294117647;letter-spacing:-0.01em}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box{height:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box .motion_box{padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box strong{height:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));padding:0;justify-content:center}}@media(max-width: 767px){#wrap.promotion.ci .sec02{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .left_tit{margin-bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color+.color{margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color>strong{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em}#wrap.promotion.ci .sec02 .color_inner .color .color_box{display:block;width:100%;margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color .color_box .box{width:100%}#wrap.promotion.ci .sec02 .color_inner .color .color_box strong{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.3888888889;letter-spacing:-0.01em}#wrap.promotion.ci .sec02 .color_inner .color .color_box span{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em}#wrap.promotion.ci .sec02 .color_inner .color.main_color .color_box .box+.box{margin-top:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.ci .sec02 .color_inner .color.sub_color .color_box .box+.box{margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.bi .sub_txt_wrap .box+.box{padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sub_txt_wrap .box span{color:#21528d}#wrap.promotion.bi .sub_txt_wrap .box[data-motion] span,#wrap.promotion.bi .sub_txt_wrap .box[data-motion] p{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.bi .sub_txt_wrap .box[data-motion].active span,#wrap.promotion.bi .sub_txt_wrap .box[data-motion].active p{transform:translateY(0);opacity:1}@media(max-width: 767px){#wrap.promotion.bi .sub_txt_wrap .box+.box{padding-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.bi .sec01 .left_tit{padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01[data-motion] .left_tit strong{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.bi .sec01[data-motion].active .left_tit strong{transform:translateY(0);opacity:1}#wrap.promotion.bi .sec01 .cont{padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01{--bgAttachment:0%}#wrap.promotion.bi .sec01 .cont01[data-motion] .ci_down .box{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.bi .sec01 .cont01[data-motion].active .ci_down .box{transform:translateY(0);opacity:1}#wrap.promotion.bi .sec01 .cont01 .ci_down{position:relative;width:100%;height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01 .ci_down .box{position:relative;width:100%;height:100%}#wrap.promotion.bi .sec01 .cont01 .ci_down .box::before{content:"";width:100%;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_ci_pcbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.bi .sec01 .cont01 .ci_down .box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 60.88%, rgba(0, 0, 0, 0.4) 95.32%)}#wrap.promotion.bi .sec01 .cont01 .ci_down .box .btn{position:absolute;left:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));bottom:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01 .sub_txt_wrap{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01 .switch_box input[type=checkbox]:checked+label{background:#304763}#wrap.promotion.bi .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_on_bg.png") center no-repeat;background-size:100% 100%;background-color:#0d2645}#wrap.promotion.bi .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg::before{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_on.svg") center no-repeat;background-size:100% 100%}#wrap.promotion.bi .sec01 .cont01 .switch_box .bg{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_off_bg.png") center no-repeat;background-size:100% 100%;background-color:#fff}#wrap.promotion.bi .sec01 .cont01 .switch_box .bg::before{width:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));height:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_off.svg") center no-repeat;background-size:100% 100%}@media(max-width: 1024px){#wrap.promotion.bi .sec01 .left_tit{padding-top:0}#wrap.promotion.bi .sec01 .cont{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01{padding-top:0}#wrap.promotion.bi .sec01 .cont01 .ci_down{height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01 .ci_down .box:before{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_ci_tbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.bi .sec01 .cont01 .ci_down .box .btn{left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_on_tbg.png") center no-repeat;background-size:100% 100%;background-color:#0d2645}#wrap.promotion.bi .sec01 .cont01 .switch_box .bg{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_off_tbg.png") center no-repeat;background-size:100% 100%;background-color:#fff}#wrap.promotion.bi .sec01 .cont01 .switch_box .bg::before{width:max(calc(244px * var(--base-ratio)), calc(calc(244 / var(--base-size)) * var(--base-percent)));height:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.promotion.bi .sec01 .cont01{padding-top:0}#wrap.promotion.bi .sec01 .cont01 .ci_down .box:before{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_ci_mbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.bi .sec01 .cont01 .sub_txt_wrap{padding-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec01 .cont01 .switch_box input[type=checkbox]:checked+label+.bg{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_on_mbg.png") center no-repeat;background-size:100% 100%;background-color:#0d2645}#wrap.promotion.bi .sec01 .cont01 .switch_box .bg{background:url("/resources/kr/images/promotion/cibi/bi/sec01_cont01_switch_off_mbg.png") center no-repeat;background-size:100% 100%;background-color:#fff}}#wrap.promotion.bi .sec02{position:relative;margin-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0 max(calc(209px * var(--base-ratio)), calc(calc(209 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .bg_list{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}#wrap.promotion.bi .sec02 .bg_list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:1s}#wrap.promotion.bi .sec02 .bg_list li.active{opacity:1;visibility:visible}#wrap.promotion.bi .sec02 .bg_list li:nth-of-type(1){background:url("/resources/kr/images/promotion/cibi/bi/sec02_bg_pcimg01.jpg") center 0 no-repeat;background-size:cover}#wrap.promotion.bi .sec02 .bg_list li:nth-of-type(2){background:url("/resources/kr/images/promotion/cibi/bi/sec02_bg_pcimg02.jpg") center 0 no-repeat;background-size:cover}#wrap.promotion.bi .sec02 .bg_list li:nth-of-type(3){background:url("/resources/kr/images/promotion/cibi/bi/sec02_bg_pcimg03.jpg") center 0 no-repeat;background-size:cover}#wrap.promotion.bi .sec02 .sub_txt_wrap strong{color:#fff}#wrap.promotion.bi .sec02 .sub_txt_wrap .box span,#wrap.promotion.bi .sec02 .sub_txt_wrap .box p{color:#fff}#wrap.promotion.bi .sec02 .acco_list{width:100%;margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li{position:relative;display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;height:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));padding:max(calc(23px * var(--base-ratio)), calc(calc(23 / var(--base-size)) * var(--base-percent))) max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));background-color:rgba(136,136,136,.12);border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));transition:.3s;cursor:pointer}#wrap.promotion.bi .sec02 .acco_list li::after{content:"";position:absolute;top:max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));height:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/cibi/bi/arrow_ico.svg") center 0 no-repeat;background-size:100% 100%;transition:.3s}#wrap.promotion.bi .sec02 .acco_list li+li{margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li a{width:max(calc(264px * var(--base-ratio)), calc(calc(264 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li a strong{display:block;width:100%;font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.40625;letter-spacing:-0.01em;font-weight:700;color:rgba(255,255,255,.4)}#wrap.promotion.bi .sec02 .acco_list li .txt_box{width:calc(100% - max(calc(264px * var(--base-ratio)), calc(calc(264 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));border-left:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) dashed rgba(255,255,225,.3);opacity:0;visibility:hidden}#wrap.promotion.bi .sec02 .acco_list li .txt_box img{display:none}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl dt{font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.4090909091;letter-spacing:-0.01em;word-break:keep-all;word-wrap:break-word;font-weight:700;color:#fff}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl dd{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;word-break:keep-all;word-wrap:break-word;color:#f6f6f6}#wrap.promotion.bi .sec02 .acco_list li.active{height:auto;padding:max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent))) max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));border-color:#fff}#wrap.promotion.bi .sec02 .acco_list li.active::after{top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));transform:rotate(180deg)}#wrap.promotion.bi .sec02 .acco_list li.active a strong{color:#fff}#wrap.promotion.bi .sec02 .acco_list li.active .txt_box{opacity:1;visibility:visible;transition:.3s}@media(max-width: 1024px){#wrap.promotion.bi .sec02{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .bg_list li:nth-of-type(1){background:url("/resources/kr/images/promotion/cibi/bi/sec02_bg_timg01.jpg") center 0 no-repeat;background-size:cover}#wrap.promotion.bi .sec02 .bg_list li:nth-of-type(2){background:url("/resources/kr/images/promotion/cibi/bi/sec02_bg_timg02.jpg") center 0 no-repeat;background-size:cover}#wrap.promotion.bi .sec02 .bg_list li:nth-of-type(3){background:url("/resources/kr/images/promotion/cibi/bi/sec02_bg_timg03.jpg") center 0 no-repeat;background-size:cover}#wrap.promotion.bi .sec02 .acco_list{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li{display:block;height:auto;padding:0;background-color:rgba(136,136,136,.12);border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));transition:.3s;cursor:auto}#wrap.promotion.bi .sec02 .acco_list li::after{top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));right:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li a{display:block;width:100%;padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li a strong{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.3928571429;letter-spacing:-0.01em;color:#fff}#wrap.promotion.bi .sec02 .acco_list li .txt_box{position:relative;display:none;width:100%;padding:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-left:0;opacity:1;visibility:visible}#wrap.promotion.bi .sec02 .acco_list li .txt_box::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))));border-top:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) dashed rgba(255,255,255,.3)}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl dt{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl dd{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.5294117647;letter-spacing:-0.01em}#wrap.promotion.bi .sec02 .acco_list li.active{padding:0;border-color:#fff}#wrap.promotion.bi .sec02 .acco_list li.active::after{top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li.active a{padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(23px * var(--base-ratio)), calc(calc(23 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li.active .txt_box{transition:none}}@media(max-width: 767px){#wrap.promotion.bi .sec02{margin-top:0;padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 0 0}#wrap.promotion.bi .sec02 .sub_txt_wrap strong{color:#1c1c1c}#wrap.promotion.bi .sec02 .sub_txt_wrap .box span,#wrap.promotion.bi .sec02 .sub_txt_wrap .box p{color:#2c2b2b}#wrap.promotion.bi .sec02 .bg_list{display:none}#wrap.promotion.bi .sec02 .acco_list{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li{display:block;height:auto;padding:0;background-color:#fff;border:0;border-bottom:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #ccc;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:none;cursor:auto}#wrap.promotion.bi .sec02 .acco_list li:first-of-type{border-top:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))) solid #1c1c1c}#wrap.promotion.bi .sec02 .acco_list li::after{top:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));right:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/promotion/cibi/bi/arrow_mico.svg") center 0 no-repeat;background-size:100% 100%}#wrap.promotion.bi .sec02 .acco_list li a{display:block;width:100%;padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li a strong{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em;color:#1c1c1c}#wrap.promotion.bi .sec02 .acco_list li .txt_box{padding:0}#wrap.promotion.bi .sec02 .acco_list li .txt_box::before{display:none}#wrap.promotion.bi .sec02 .acco_list li .txt_box img{display:block;width:100%}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl{padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));background-color:#f6f6f6}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl dt{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.3888888889;letter-spacing:-0.01em;color:#2c2b2b}#wrap.promotion.bi .sec02 .acco_list li .txt_box dl dd{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;color:#2c2b2b}#wrap.promotion.bi .sec02 .acco_list li.active{padding:0;border-bottom-color:#ccc}#wrap.promotion.bi .sec02 .acco_list li.active::after{top:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li.active a{padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec02 .acco_list li.active a strong{color:#1c1c1c}#wrap.promotion.bi .sec02 .acco_list[data-motion] li{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .6s,opacity .6s}#wrap.promotion.bi .sec02 .acco_list[data-motion].active li{transform:translateY(0);opacity:1}}#wrap.promotion.bi .sec03{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top{display:flex;height:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .logo_area{width:max(calc(582px * var(--base-ratio)), calc(calc(582 / var(--base-size)) * var(--base-percent)));height:100%;background:url("/resources/kr/images/promotion/cibi/bi/sec03_bi_bg.jpg") center repeat;background-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));border:1px solid #ddd;display:flex;align-items:center;justify-content:center}#wrap.promotion.bi .sec03 .right .bi_top .logo_area i img{width:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .txt_area{width:calc(100% - max(calc(582px * var(--base-ratio)), calc(calc(582 / var(--base-size)) * var(--base-percent))));padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:100%;background:#172c56;display:flex;align-items:end;flex-direction:column;justify-content:space-between}#wrap.promotion.bi .sec03 .right .bi_top .txt_area p{font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;color:#fff;line-height:1.4;text-align:right}#wrap.promotion.bi .sec03 .right .bi_top .txt_area ul li{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;color:#fff;line-height:1.5;text-align:right}#wrap.promotion.bi .sec03 .right .bi_list{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul{display:flex;flex-wrap:wrap;gap:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li{flex:1}#wrap.promotion.bi .sec03 .right .bi_list ul li .logo_area{border:1px solid #ddd;background:#fff;height:max(calc(198px * var(--base-ratio)), calc(calc(198 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;justify-content:center}#wrap.promotion.bi .sec03 .right .bi_list ul li .logo_area i img{width:auto;height:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li .txt_area{padding-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li .txt_area p{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.4;color:#1c1c1c}@media(max-width: 1024px){#wrap.promotion.bi .sec03{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));width:100%}#wrap.promotion.bi .sec03 .right .bi_top{height:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .logo_area{width:max(calc(378px * var(--base-ratio)), calc(calc(378 / var(--base-size)) * var(--base-percent)));background-size:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .logo_area i img{width:max(calc(245px * var(--base-ratio)), calc(calc(245 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .txt_area{width:calc(100% - max(calc(378px * var(--base-ratio)), calc(calc(378 / var(--base-size)) * var(--base-percent))));padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .txt_area p{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.2}#wrap.promotion.bi .sec03 .right .bi_top .txt_area ul li{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.promotion.bi .sec03 .right .bi_list ul li .logo_area{height:max(calc(146px * var(--base-ratio)), calc(calc(146 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li .logo_area i img{height:max(calc(91px * var(--base-ratio)), calc(calc(91 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li .txt_area{padding-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li .txt_area p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}}@media(max-width: 767px){#wrap.promotion.bi .sec03{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top{height:auto;display:block}#wrap.promotion.bi .sec03 .right .bi_top .logo_area{width:100%;height:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_top .txt_area{width:100%;height:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul{flex-direction:column;gap:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec03 .right .bi_list ul li{width:100%}#wrap.promotion.bi .sec03 .right .bi_list ul li .logo_area i img{height:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)))}}#wrap.promotion.bi .sec04{position:relative;width:100%;padding:max(calc(98px * var(--base-ratio)), calc(calc(98 / var(--base-size)) * var(--base-percent))) 0 max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));--bgAttachment:0%;overflow:hidden}#wrap.promotion.bi .sec04:before{content:"";width:100%;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background:url("/resources/kr/images/promotion/cibi/bi/sec04_pcbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.bi .sec04 .txt strong{display:block;font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.3928571429;letter-spacing:-0.01em;font-weight:700;color:#cec8ab}#wrap.promotion.bi .sec04 .txt p{font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em;font-weight:700;color:#fff}#wrap.promotion.bi .sec04 .txt a{display:inline-block;vertical-align:top;margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));padding:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.01em;color:#fff;border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #fff;border-radius:max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)))}@media(min-width: 1025px)and (pointer: fine){#wrap.promotion.bi .sec04 .txt a:hover{background:#fff;color:#a99e8f;border-color:#a99e8f}}@media(max-width: 1024px){#wrap.promotion.bi .sec04{padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0}#wrap.promotion.bi .sec04:before{background:url("/resources/kr/images/promotion/cibi/bi/sec04_tbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center}#wrap.promotion.bi .sec04 .txt strong{font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.2941176471;letter-spacing:-0.01em}#wrap.promotion.bi .sec04 .txt p{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.01em}#wrap.promotion.bi .sec04 .txt a{padding:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));font-size:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));line-height:1.3076923077;letter-spacing:-0.01em}}@media(max-width: 767px){#wrap.promotion.bi .sec04{padding:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) 0 max(calc(63px * var(--base-ratio)), calc(calc(63 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.bi .sec04:before{background:url("/resources/kr/images/promotion/cibi/bi/sec04_mbg.jpg") 50% 50% no-repeat;background-size:100%;background-position:center}#wrap.promotion.bi .sec04 .txt strong{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.3125;letter-spacing:-0.01em}#wrap.promotion.bi .sec04 .txt p{font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.4090909091;letter-spacing:-0.01em}}#wrap.promotion.award .sec_history .inner{width:100%;padding-left:max(calc(228px * var(--base-ratio)), calc(calc(228 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .sec_history .inner>.sec_title{display:none}#wrap.promotion.award .sec_history .sec_title{display:block;margin:0 0 max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));color:#a8001a;font-family:"SUIT",sans-serif;font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.4090909091;letter-spacing:-0.01em}#wrap.promotion.award .flex-container{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal}#wrap.promotion.award .history_years{position:-webkit-sticky;position:sticky;top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));left:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:max(calc(621px * var(--base-ratio)), calc(calc(621 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_years li{margin:0 0 max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_years li:last-child{margin:0}#wrap.promotion.award .history_years li.current .desc{display:block}#wrap.promotion.award .history_years li.current .years{color:#1c1c1c;font-size:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}#wrap.promotion.award .history_years .desc{display:none;margin:0 0 max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));color:#a8001a;font-family:"SUIT",sans-serif;font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.4090909091;letter-spacing:-0.01em;transition:.3s}#wrap.promotion.award .history_years .years{display:block;color:#b0b0b2;font-family:"Gilda Display",sans-serif;font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1.1041666667;letter-spacing:-0.02em;transition:.3s}#wrap.promotion.award .history_contents{flex:1;display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;position:relative;width:calc(100% - max(calc(621px * var(--base-ratio)), calc(calc(621 / var(--base-size)) * var(--base-percent))))}#wrap.promotion.award .progress_wrap{position:absolute;top:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));left:-1px;width:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));height:100%}#wrap.promotion.award .progress_wrap .line{position:relative;width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:100%;margin:0 auto;background:#ccc}#wrap.promotion.award .progress_wrap .line .end_spot{position:absolute;bottom:0;left:max(calc(calc(calc(2.5 / var(--base-size)) * var(--base-percent)) * -1));width:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));height:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));border-radius:50%;background:#a8001a}#wrap.promotion.award .progress_wrap .line .end_spot:before,#wrap.promotion.award .progress_wrap .line .end_spot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);border-radius:50%;background:#a8001a;transition:transform .3s}#wrap.promotion.award .progress_wrap .line .end_spot:before{opacity:.15;width:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));height:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .progress_wrap .line .end_spot:after{opacity:.1;width:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));height:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));transition-delay:.15s}#wrap.promotion.award .progress_wrap .line .end_spot.active:before,#wrap.promotion.award .progress_wrap .line .end_spot.active:after{transform:translate(-50%, -50%) scale(1)}#wrap.promotion.award .history_details{width:100%}#wrap.promotion.award .history_details .spot{position:relative;display:inline-block;transform:translate(max(calc(calc(calc(132 / var(--base-size)) * var(--base-percent)) * -1)), max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent))));width:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));height:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));border-radius:50%;background:#a8001a}#wrap.promotion.award .history_details .spot:before,#wrap.promotion.award .history_details .spot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);border-radius:50%;background:#a8001a;transition:transform .3s}#wrap.promotion.award .history_details .spot:before{opacity:.15;width:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));height:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .spot:after{opacity:.1;width:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));height:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));transition-delay:.15s}#wrap.promotion.award .history_details .spot.active:before,#wrap.promotion.award .history_details .spot.active:after{transform:translate(-50%, -50%) scale(1)}#wrap.promotion.award .history_details .block_main{margin:0 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .block_main strong{display:block;margin:0 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));color:#1c1c1c;font-family:"SUIT",sans-serif;font-weight:600;font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}#wrap.promotion.award .history_details .block_main .img_wrap{position:relative;width:100%;height:0;padding-top:37%}#wrap.promotion.award .history_details .block_main .img{--bgAttachment: 0%;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center calc(100% - var(--bgAttachment))}#wrap.promotion.award .details_block{position:relative;padding:0 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(132px * var(--base-ratio)), calc(calc(132 / var(--base-size)) * var(--base-percent)));--progressStatus: "0%"}#wrap.promotion.award .details_block:before{content:"";position:absolute;top:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));left:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:var(--progressStatus);background:#a8001a}#wrap.promotion.award .details_block:last-child{padding-bottom:0}#wrap.promotion.award .details_block dl{margin:0 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .details_block dl:last-child{margin:0}#wrap.promotion.award .details_block dl dt{padding:0 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));color:#a99e8f;font-family:"Gilda Display",sans-serif;font-size:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));line-height:1.1;letter-spacing:-0.02em}#wrap.promotion.award .details_block dl li{margin:0 0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .details_block dl li:last-child{margin:0}#wrap.promotion.award .details_block dl li.has_img{position:relative}#wrap.promotion.award .details_block dl li.has_img .icon p{position:relative;cursor:pointer}#wrap.promotion.award .details_block dl li.has_img .icon p:after{content:"";position:absolute;top:50%;right:max(calc(calc(calc(39 / var(--base-size)) * var(--base-percent)) * -1));transform:translateY(-50%);width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));background-image:url("/resources/kr/images/company/history/icon_img.svg");background-repeat:no-repeat;background-position:center;background-size:cover}@media(min-width: 1025px)and (pointer: fine){#wrap.promotion.award .details_block dl li.has_img .icon:hover p:after{background-image:url("/resources/kr/images/company/history/icon_img_hover.svg")}#wrap.promotion.award .details_block dl li.has_img .icon:hover .hover_img_wrap{opacity:1;visibility:visible}}#wrap.promotion.award .details_block dl p{display:inline-block;padding:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) 0 0;color:#888;font-family:"SUIT",sans-serif;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em}#wrap.promotion.award .details_block dl p.bold{display:block;padding:0;color:#1c1c1c;font-weight:400;font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.4090909091;letter-spacing:-0.01em}#wrap.promotion.award .details_block dl .hover_img_wrap{z-index:2;opacity:0;visibility:hidden;position:absolute;top:50%;right:0;transform:translateY(-50%);transition:.3s}#wrap.promotion.award .details_block dl .hover_img_wrap img{position:relative;width:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));height:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));-o-object-fit:cover;object-fit:cover;box-shadow:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 rgba(0,0,0,.16)}#wrap.promotion.award .select_box_wrap{display:none}@media(min-width: 1340)and (pointer: fine){#wrap.promotion.award .history_years.fixed ul{margin-top:0 !important}}@media(max-width: 1024px){#wrap.promotion.award .sec_history .inner{padding-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .sec_history .inner>.sec_title{display:block}#wrap.promotion.award .sec_history .sec_title{font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1.3333333333;letter-spacing:-0.01em}#wrap.promotion.award .history_years{width:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_years li{margin:0 0 max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_years li.current .years{font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1.1111111111;letter-spacing:-0.02em}#wrap.promotion.award .history_years .desc{margin:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));line-height:1.3333333333;letter-spacing:-0.01em}#wrap.promotion.award .history_years .years{font-size:max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));line-height:1.1153846154;letter-spacing:-0.02em}#wrap.promotion.award .history_contents{width:calc(100% - max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent))))}#wrap.promotion.award .progress_wrap{top:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));width:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .progress_wrap .line .end_spot{transform:unset;width:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));height:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .progress_wrap .line .end_spot:before{width:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));height:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .progress_wrap .line .end_spot:after{width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .spot{transform:translate(max(calc(calc(calc(61 / var(--base-size)) * var(--base-percent)) * -1)), max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent))));width:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));height:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .spot:before{width:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));height:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .spot:after{width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .block_main{margin:0 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .history_details .block_main strong{margin:0 0 max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.3928571429;letter-spacing:-0.01em}#wrap.promotion.award .history_details .block_main .img_wrap{padding-top:45%}#wrap.promotion.award .history_details .block_main .img{background-position:center}#wrap.promotion.award .details_block{padding:0 0 max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .details_block:before{top:max(calc(31px * var(--base-ratio)), calc(calc(31 / var(--base-size)) * var(--base-percent)));left:1px}#wrap.promotion.award .details_block dl{margin:0 0 max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .details_block dl dt{padding:0 0 max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));font-size:max(calc(33px * var(--base-ratio)), calc(calc(33 / var(--base-size)) * var(--base-percent)));line-height:1.0909090909;letter-spacing:-0.02em}#wrap.promotion.award .details_block dl li{margin:0 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .details_block dl li.has_img .icon p:after{display:none}#wrap.promotion.award .details_block dl .hover_img_wrap{opacity:1;visibility:visible;position:relative;top:unset;left:unset;transform:unset;display:block;margin:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) 0 0;width:100%;height:0;padding-top:60%}#wrap.promotion.award .details_block dl .hover_img_wrap img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:initial;object-fit:initial;box-shadow:none}#wrap.promotion.award .details_block dl p{padding:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 0;font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.5263157895;letter-spacing:-0.01em}#wrap.promotion.award .details_block dl p.bold{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.4210526316;letter-spacing:-0.01em}#wrap.promotion.award .details_block dl p.icon{display:none}}@media(max-width: 767px){#wrap.promotion.award .sec_history .inner{padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .sec_history .sec_title{margin:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}#wrap.promotion.award .history_years,#wrap.promotion.award .progress_wrap{display:none}#wrap.promotion.award .history_contents{width:100%}#wrap.promotion.award .history_details .spot{display:none}#wrap.promotion.award .history_details .block_main strong{margin:0 0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));padding-right:0;font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1.4;letter-spacing:-0.01em}#wrap.promotion.award .history_details .block_main .img_wrap{padding-top:60%}#wrap.promotion.award .details_block{padding:0 0 max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) 0}#wrap.promotion.award .details_block:before{display:none}#wrap.promotion.award .details_block dl{margin:0 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));padding-right:0}#wrap.promotion.award .details_block dl dt{padding:0 0 max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));font-size:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));line-height:1.1;letter-spacing:-0.02em}#wrap.promotion.award .details_block dl li{margin:0 0 max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .details_block dl p{padding:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) 0 0;font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.5294117647;letter-spacing:-0.01em}#wrap.promotion.award .details_block dl p.bold{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.3888888889;letter-spacing:-0.01em}#wrap.promotion.award .select_box_wrap{z-index:3;position:relative;display:block;width:100%;height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));margin:0 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.promotion.award .select_box_wrap.fixed .select_box{position:fixed;top:0;left:0;width:100%;padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 34%)}#wrap.promotion.award .select_box_wrap.fixed ul{top:max(calc(75px * var(--base-ratio)), calc(calc(75 / var(--base-size)) * var(--base-percent)));left:50%;transform:translateX(-50%);width:calc(100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))))}#wrap.promotion.award .select_box_wrap.active .select_btn{background-color:#edebe9}#wrap.promotion.award .select_box_wrap.active .select_btn .icon:before{transform:translate(-50%, -50%) rotate(180deg)}#wrap.promotion.award .select_box_wrap .select_btn{position:relative;width:100%;height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));padding:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent))) max(calc(51px * var(--base-ratio)), calc(calc(51 / var(--base-size)) * var(--base-percent))) max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent))) max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));border:1px solid #a99e8f;border-radius:max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));background-color:#fff;text-align:left;font-family:"SUIT",sans-serif;font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.2941176471;letter-spacing:-0.01em;color:#1c1c1c}#wrap.promotion.award .select_box_wrap .select_btn .icon{position:absolute;top:50%;right:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));transform:translateY(-50%);width:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));height:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));border-radius:50%;background-color:#edebe9}#wrap.promotion.award .select_box_wrap .select_btn .icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));height:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/company/history/icon_arrow.svg") center no-repeat;background-size:100% auto}#wrap.promotion.award .select_box_wrap ul{display:none;position:absolute;top:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));left:0;width:100%;padding:0 max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));border:1px solid #a99e8f;background-color:#fff;box-shadow:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 rgba(0,0,0,.16)}#wrap.promotion.award .select_box_wrap li{width:100%;border-bottom:1px solid #ddd}#wrap.promotion.award .select_box_wrap li:last-child{border-bottom:none}#wrap.promotion.award .select_box_wrap li.active a{color:#1c1c1c}#wrap.promotion.award .select_box_wrap li a{display:block;width:100%;padding:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent))) 0;color:#888;font-family:"SUIT",sans-serif;font-size:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));line-height:1.2941176471;letter-spacing:-0.01em}}#wrap[data-scroll=up].promotion.award .select_box_wrap.fixed .select_box{padding:max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap[data-scroll=up].promotion.award .select_box_wrap.fixed ul{top:max(calc(148px * var(--base-ratio)), calc(calc(148 / var(--base-size)) * var(--base-percent)))}