@import url(../../fonts/NotoSansKR/fonts.css);

.color_blue{color:#1050f3!important}
.color_dblue{color:#3a31ed!important}
.color_yellow{color:#fffd67!important}
.bg_yellow{background:#fffd67!important}

.text-center{text-align:center!important;}
.inline-block{display:inline-block!important;}

.custormWrap{display:none!important}

.promo_btn{color:#fff;font-weight:500;border:2px solid #000;border-radius:100px;background:#000;transition:all .2s ease;}
.btn_big{height:60px;min-width:260px;font-size:22px}
.btn_medium{height:60px;min-width:230px;font-size:20px;}
.btn_gold_b{color:#ffeaa2;border-color:#ffeba5;background:transparent;}
.btn_gold_b:hover{color:#000;background:#ffeba5;}
.btn_white{color:#000;border-color:#fff;background:#fff;}
.btn_white:hover{color:#fff;background:transparent;}

.promotion_wrap{font-family:NotoSansKR,sans-serif;background-color:#f6fcff;overflow:hidden;}
.promotion_wrap ul{margin:0;padding:0;list-style:none}
.promotion_wrap dl{margin:0;}

.sub_box{width:1350px;margin:0 auto;padding:120px 40px;box-sizing:border-box;}
.sub_box.nopadding{padding:0 30px}
.sub_box h3{margin:0 0 52px 0;font-size:55px;font-weight:700;color:#fff;text-align:center;line-height:1.4;word-break: keep-all;}

.promotion_intro{text-align:center;color:#fff;overflow:hidden;background:#050039 no-repeat center center;background-size:auto;
    background-image:url(../../images/promotion/groupware_event/event_title_bg_top01.png),
    url(../../images/promotion/groupware_event/event_title_bg_top02.png),
    url(../../images/promotion/groupware_event/event_title_bg_bottom01.png),
    url(../../images/promotion/groupware_event/event_title_bg_bottom02.png);
    background-position:top left,top right,bottom left,bottom right;
}
.promotion_intro .sub_box{position:relative;padding-top:85px}
.event_period{margin-bottom:30px;font-size:22px;display:inline-block;padding:7px 15px 8px;border-top:1px solid #fff;border-bottom:1px solid #fff;vertical-align:middle;}
.event_period_title{margin-right:10px;}
.promotion_intro p{font-size:25px;margin:40px 0 25px;word-break: keep-all;}
.event_title{position:relative;display:flex;align-items:center;justify-content:center;gap:3%;max-width:1042px;margin:0 auto;}
.event_title01{max-width:489px;}
.event_title02{max-width:520px;}
.event_title_img{display:block;margin:-35px -200px 0;max-width:1687px;pointer-events:none;}
.event_title_star01{position:absolute;top:-43px;right:100%;}
.event_title_star02{position:absolute;top:100%;left:100%;}

.bg_confetti{background-image:url(../../images/promotion/groupware_event/event_title_confetti.png);background-size:auto;background-position:top 52px center;background-repeat:no-repeat;}

.event_badge{display:inline-block;margin-bottom:30px;padding:17px 30px;background:#3a31ed;border-radius:100px;}
.event_badge img{width:114px;}
.event_benefit{background-color:#ebefff;text-align:center;}
.event_benefit h3{color:#000}
.benefit_wrap{display:flex;gap:40px;}
.benefit_item{flex:1;border-radius:30px;overflow:hidden;}
.benefit_item_content{display:flex;flex-direction:column;gap:38px;padding:45px 60px 30px;background:#fff;}
.benefit_item_content dt{display:flex;align-items:center;flex-direction:column;gap:23px;font-size:35px;font-weight:300;color:#000;text-align:center;}
.benefit_item_content dt strong{font-weight:500;}
.benefit_item_content dt b{font-weight:700;}
.benefit_item_content dt .badge{margin:0;vertical-align:middle;padding:12px 18px;font-weight:500;font-size:22px;line-height:1;color:#fff;background:#3a31ed;border:0;border-radius:100px;}
.benefit_item_content dd{display:flex;align-items:center;gap:15px;}
.benefit_item_content dd i{font-size:30px;color:#afafaf;font-weight:400;}
.benefit_item_content dd .ticket{display:flex;align-items:center;gap:8px;justify-content:center;padding:30px;flex:1;flex-direction: column;border-radius:23px;background:#eee;}
.benefit_item_content dd .ticket.blue{background:#d6f2ff;}
.benefit_item_content dd .ticket small{font-size:20px;font-weight:300;color:#000;}
.benefit_item_content dd .ticket strong{font-size:30px;font-weight:700;color:#000;}
.benefit_item_content_title{word-break: keep-all;letter-spacing:-1px;}

.benefit_item_price{padding:35px 60px;background:#3b2ad3;border-radius:0 0 30px 30px;}
.benefit_item_price_title{text-align:left;}
.benefit_item_price_title_text{margin-bottom:10px;font-size:22px;font-weight:400;color:#fff;}
.benefit_item_price_title small{display:block;font-size:17px;font-weight:400;color:#d6f2ff;line-height:1;}
.benefit_item_price_content{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;gap:19px;}
.benefit_item_price_content small{font-size:22px;font-weight:400;color:#d6f2ff;position:absolute;bottom:100%;right:-20px;margin-bottom:10px;padding:0 20px 0 10px;line-height:1;}
.benefit_item_price_content small::before{content:"";width:100%;border-top:1px solid #d6f2ff;padding-top:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.benefit_item_price_content small .arrow{position:absolute;width:22px;border-top:1px solid #d6f2ff;transform:rotate(-43deg);right:-2px;top:18px;}
.benefit_item_price_content small .arrow::after{
    content:"";position:absolute;
    background:url(../../images/promotion/groupware_event/price_arrow.svg) no-repeat center center;
    background-size:100% auto;width:10px;height:10px;left:-5px;top:-5px;}

.benefit_item_price_content_title{font-size:35px;font-weight:300;color:#fff;line-height:1.2;}
.benefit_item_price_content strong{font-size:55px;font-weight:700;color:#fcff46;line-height:1;}

.event_recommend{background-color:#160f62;}
.event_recommend .inner_box{padding:80px 70px;border-radius:30px;background:#0e0a3a}
.event_intro{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;color:#fff;}
.event_intro_title{font-size:35px;margin-bottom:25px;word-break: keep-all;}
.event_intro_title strong{display:inline-block;}
.event_intro p{font-size:22px;word-break: keep-all;line-height:1.5;}
.event_intro_img{max-width:407px;margin-right:-36px;}
.event_intro_img img{max-width:100%;}

.event_step{display:flex;align-items:stretch;justify-content:center;gap:20px;margin-top:40px;}
.event_step dl{flex:1;display:flex;align-items:center;flex-direction:column;gap:15px;padding:25px 20px 35px;border-radius:23px;background:#fff;}
.event_step dt{padding:6px 15px;font-size:17px;font-weight:400;color:#fff;background:#3a31ed;border-radius:100px;}
.event_step dd{flex-grow:1;display:flex;align-items:center;font-size:20px;font-weight:700;color:#000;text-align:center;word-break: keep-all;}
.event_step i{align-self: center;color:#afafaf;font-size:30px}

.promotion_alert{margin-top:80px;}
.promotion_alert strong{display:block;margin-bottom:20px;font-size:20px;color:#fff;}
.promotion_alert li::before{content:"ㆍ";}
.promotion_alert li{display:flex;font-size:16px;color:#ccc;}
.promotion_alert li+li{margin-top:5px;}

.event_reason{background-color:#e2f4f7;}
.event_reason .sub_box{display:flex;gap:40px;align-items:center;justify-content:space-between;}
.event_reason_title{flex-grow:1;}
.event_reason_title h3{margin-bottom:25px;font-size:45px;color:#000;text-align:left;line-height:1.5;}
.event_reason_title p{font-size:25px;color:#000;text-align:left;word-break: keep-all;}
.event_reason_title .more_btn{margin-top:30px;font-size:20px;font-weight:500;}
.event_reason_title .more_btn i{margin-left:5px;transition:all .2s ease;}
.event_reason_title .more_btn:hover i{transform:translateX(5px);}
.event_reason_wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;flex-shrink:0;}
.event_reason_wrap dl{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 30px 35px 35px;border-radius:23px;background:#fff;}
.event_reason_wrap dt{margin-bottom:10px;font-size:22px;color:#000;font-weight:500;}
.event_reason_wrap dd{font-size:17px;color:#999;}
.event_reason_wrap .icon{display:block;width:103px;height:91px;background:no-repeat center center;background-size:auto;}
.event_reason_wrap .icon1{background-image:url(../../images/promotion/groupware_event/event_reason01.png);}
.event_reason_wrap .icon2{background-image:url(../../images/promotion/groupware_event/event_reason02.png);}
.event_reason_wrap .icon3{background-image:url(../../images/promotion/groupware_event/event_reason03.png);}
.event_reason_wrap .icon4{background-image:url(../../images/promotion/groupware_event/event_reason04.png);}

.event_apply{background-color:#000629;text-align:center;
    background-image:url(../../images/promotion/groupware_event/event_apply_bg_left.png),url(../../images/promotion/groupware_event/event_apply_bg_right.png);
    background-size:auto;background-position:top 50% left 6%,top 24% right 6%;background-repeat:no-repeat;
}
.event_apply_title{font-size:25px;font-weight:400;color:#fff;text-align:center;word-break: keep-all;}
.event_apply h3{margin:10px 0 22px;font-size:45px;}
.event_apply .sub_box{padding-top:84px;padding-bottom:74px;}

@media screen and (max-width:1350px){
    .sub_box{width:100%}
    .benefit_item_content dt strong{display:block;}
    .promotion_intro{background-size:28% auto,23% auto,124% auto,51% auto;}
    .event_title_img{max-width:130%;margin:-10px -15% 0}
    .event_apply{background-position:center left -67px,center right -70px;}
    #footer .row{margin-left:0;margin-right:0;}
}
@media screen and (max-width:1219px){
    .event_title01{width:47%;}
    .event_title02{width:50%;}
    .event_title{max-width:91%}

    .benefit_item_content{padding:45px 45px 30px;}
    .benefit_item_price{padding:30px 45px 30px;}
    .benefit_item_price_content{margin-top:20px;}
    .event_step{gap:12px;}

    .event_reason .sub_box{flex-direction: column;align-items:stretch;gap:45px;}
    .event_reason h3 br{display:none}
    .event_reason_title h3{margin-bottom:10px;}
    .event_reason_title .more_btn{margin-top:20px;}
}
@media screen and (max-width:1024px){
    .bg_confetti{background-size:90% auto;}
    .benefit_wrap{flex-direction: column;}
    .benefit_item_content dd{justify-content: center;}
    .benefit_item_content dd .ticket{max-width:227px;}
    .benefit_item_price_content{margin-top:0;}

    .event_step i{font-size:20px;}
    .event_step dd{font-size:19px;}

    .benefit_item_content dt strong{display:inline;}

    .event_recommend .inner_box{padding:70px 40px 60px;}
    .event_intro{flex-direction: column;gap:20px;align-items:center;}
    .event_intro_text{text-align:center;}
    .event_step i{display:none;}
    .event_intro_img{margin-right:0;}

    .event_apply{
        background-image:url(../../images/promotion/groupware_event/event_apply_bg_left_m.png),url(../../images/promotion/groupware_event/event_apply_bg_right_m.png);
        background-position:center left -10px,center right 25px;
    }

}
@media screen and (max-width:870px){
    .event_reason h3 br{display:inline}
    .event_reason_wrap .icon{width:75px;height:65px;background-size:contain}
    .event_reason_wrap dl{gap:10px;flex-direction: column-reverse;align-items:flex-start;justify-content:flex-end}
}
@media screen and (max-width:768px){
    .hide_m{display:none!important}
    .sub_box{padding:60px 5%;}
    .promotion_intro .sub_box{padding-top:45px}

    .bg_confetti{background-position:top 32px center;}

    .event_period{font-size:20px;}
    .promotion_intro p{margin:25px 0 20px;font-size:23px;}
    .event_title_img{max-width:140%;margin:0 -20% 0}
    .event_title_star01{width:37px;top:-30px;}
    .event_title_star02{width:25px;margin-top:-4px;}

    .promotion_alert{margin-top:50px}
    .promotion_alert strong{font-size:18px;margin-bottom:15px;}
    .promotion_alert li{font-size:14px;}

    .sub_box h3{font-size:45px;}
    .event_badge img{width:100px;}
    .event_badge{padding:14px 20px;margin-bottom:25px;}

    .event_step{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
    .event_step dt{font-size:15px;padding:4px 10px;}
    .event_step dd{font-size:17px;}

    .benefit_item_content dt strong{display:block;}

    .event_recommend .inner_box{padding:50px 30px 40px;}
    .event_intro_title{font-size:30px;}
    .event_intro p{font-size:20px;margin-bottom:0}

    .event_apply .sub_box{background:rgba(0,6,41,0.6)}
}
/*모바일*/
@media screen and (max-width:575px){
    .sub_box{padding:50px 5%}
    .sub_box h3{font-size:35px;margin-bottom:40px;}

    .btn_big{min-width:200px;height:48px;font-size:17px;letter-spacing:-1.2px}
    .btn_medium{min-width:185px;height:48px;font-size:17px;letter-spacing:-1.2px}

    .event_title_img{max-width:150%;margin:0 -25% 0}
    .event_title_star01{margin-right:-10px;}

    .event_period{padding:5px 10px;font-size:17px;}
    .event_title{gap:10px;flex-direction: column;}
    .event_title01{width:93%;}
    .event_title02{width:100%;}
    .promotion_intro p{font-size:20px;}
    .event_intro_title{font-size:28px;margin-bottom:15px;}
    .event_intro p{font-size:18px;}
    .event_step dl{padding:20px 15px 30px;}

    .event_badge{padding:10px 20px;margin-bottom:20px;}
    .event_badge img{width:90px;}
    .benefit_item_price_content{margin-top:20px;}
    .benefit_item_content{padding:35px 30px 25px;gap:30px;}
    .benefit_item_content dt{gap:15px;font-size:30px;}
    .benefit_item_content dt .badge{padding:8px 15px;font-size:19px;}
    .benefit_item_content dd{gap:10px;}
    .benefit_item_content dd .ticket{padding:20px;gap:5px;}
    .benefit_item_content dd .ticket small{font-size:17px;}
    .benefit_item_content dd .ticket strong{font-size:25px;}
    .benefit_item_content dd i{font-size:20px;}

    .benefit_item_price{padding:20px 30px 25px;}
    .benefit_item_price_content_title{font-size:25px;}
    .benefit_item_price_title_text{font-size:20px;margin-bottom:5px;word-break: keep-all;}
    .benefit_item_price_content{gap:10px;}
    .benefit_item_price_content strong{font-size:40px;}
    .benefit_item_price_content small{font-size:20px;padding:0 15px 0 8px;right:-15px;}
    .benefit_item_price_content small .arrow{width:22px;top:17px;right:-4px;transform:rotate(-48deg);}
    .benefit_item_price_content small .arrow::after{width:8px;height:8px;left:-2px;top:-4px;}

    .event_recommend .inner_box{padding:40px 20px 30px;}

    .event_reason_wrap{grid-template-columns:1fr;}
    .event_reason_title p{font-size:22px;}
    .event_reason_title h3{margin-bottom:10px;}
    .event_reason_title .more_btn{font-size:18px;margin-top:15px;}
    .event_reason .sub_box{gap:30px;}
    .event_reason_wrap dl{padding:25px 20px 25px 25px;flex-direction:row;align-items: center;justify-content: space-between;}
    .event_reason_wrap dt{font-size:20px;}
    .event_reason_wrap dd{font-size:15px;}

    .event_apply{background-size:auto 90%, auto 120%;background-position:center left -30px,top -5px right -10px;}
    .event_apply .sub_box{padding-top:45px;padding-bottom:45px;}
    .event_apply_title{font-size:20px;}
    .event_apply h3{font-size:32px;margin:10px 0 20px;}
}

@media print {
    html,body{overflow:visible;width:auto;height:auto}
    body{padding:0;margin:0}
    img{max-width:100%!important}
    @page{size:370mm 523mm;margin:30px}
    @media print and (color){
       *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
    }
}