@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */

/* Æ˾÷ */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

/* µî·ÏÇÑ url Æ˾÷ */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}
.eventWrap .evSection{position:relative}

.container_info{padding: 15px 0;color: #000002;margin:0 0 100px;}
.container_info .info .info_title::before{background: #000002;}
.container_info .info .info_title::after{background: #000002;}

.btns_wrp{font-size:0;}
.btns_wrp .btn_base{display:inline-block;padding:17px 30px;font-size:20px;font-weight:bold;color:#ffffff;text-align:center;border-radius:15px;margin-left:14px;min-width:330px;}
.btns_wrp .btn_base:nth-child(1){margin-left:0;}
.btns_wrp .btn_base.btn1{background-color: #fa99ce;}
.btns_wrp .btn_base.btn2{background-color: #75b2ff;}

.bottom_line_wrp{position:fixed;left:0;bottom:0;width:100%;z-index:10;display:none;}
.bottom_line_wrp:before{content:'';width:100%;height:100px;display:block;background-color:#75b2ff;position:absolute;left:0;bottom:0;}
.bottom_line_wrp .btn_link{width:33.333%;height:100%;bottom:0;}
.bottom_line_wrp .btn_link1{left:0;}
.bottom_line_wrp .btn_link2{left:33.333%;}
.bottom_line_wrp .btn_link3{left:66.666%;}

.eventWrap .evSection.evCon1{background: #f9defb url(https://img.megagong.net/m/2023/0208_goodnote/con1_bg.jpg) 50% 50% repeat;}
.evCon1 .inner{width:1240px;padding: 120px 0 160px;}
.evCon1 h3{}
.evCon1 .con_box{margin-top:50px;display:flex;justify-content:space-between;align-items:center;}
.evCon1 .cal_slider_wrp{width:704px;height:515px;background:url(https://img.megagong.net/m/2023/0208_goodnote/bg_tablet.png) 0 0 no-repeat;padding:24.5px;}
.evCon1 .letter_wrp{text-align:left;}
.evCon1 .letter_wrp .btn_wrp{margin-top:100px;}
.evCon1 .letter_wrp .btn_wrp a{display:inline-block;position: relative;}
.evCon1 .letter_wrp .btn_wrp a .cat{position:absolute;display:inline-block;left:27px;top:-82px;}

.evCon2{background-color: #fff;}
.evCon2 .inner{padding: 140px 0 150px;}
.evCon2 .con_tit{margin: 0 0 70px}
.evCon2 .concept_slider {position:relative;margin: 0 -1470px 0;}
.evCon2 .concept_slider .slick-slide{margin: 0;transform: scale(0.75);transition: all 0.3s;margin: 0;}
.evCon2 .concept_slider .slick-slide img{display: inline-block;}
.evCon2 .concept_slider .slick-slide.slick-current{transform: scale(1);}
.evCon2 .concept_slider .slick-slide.slick-current .item{border:5px solid transparent;border-image: linear-gradient(to right, #fa99ce 0%, #76b2ff 100%);border-image-slice: 1;}
.evCon2 .concept_slider .slick-arrow{display: none !important;}
.evCon2 .concept_slider::before{content:'';background:url(https://img.megagong.net/m/2023/0208_goodnote/con2_bg.png) no-repeat;position: absolute;bottom: -82px;left: 50%;width: 330px;height: 170px;z-index: 1;margin: 0 0 0 131px;}
.evCon2 .con_tit i{position: absolute;top: -10px;left: 728px}

.evCon3{background-color: #f3f3f3}
.evCon3 .inner{padding:150px 0;width:1294px;position: relative;left:-13px;}
.evCon3 .con_box{margin-top:90px;}
.evCon3 .con_intro_wrp{display:flex;justify-content:space-between;}
.evCon3 .con_intro_wrp > dl{position: relative;padding-left:50px;}
.evCon3 .con_intro_wrp dt{position: absolute;left:0;top:0;height:100%;font-size:24px;font-weight:bold;color:#000000;text-align:left;display:inline-block;}
.evCon3 .con_intro_wrp dt:before{content:'';display:block;width:1px;height:100%;background-color: #000000;position: absolute;left:50%;top:0;margin-left:-0.5px;}
.evCon3 .con_intro_wrp dt span{display:inline-block;background-color: #f3f3f3;padding:0 0 20px;position: relative;letter-spacing:-10px;writing-mode: vertical-rl;}
.evCon3 .con_intro_wrp dt span em{font-style:normal;margin-bottom:5px;display:inline-block;}

.evCon_comment .container_info{background: #fdf0fe;}
.evCon_share .container_info{background: #e4f0ff;}
.evCon_share, .evCon_notes,
.evCon_comment, .evCon_share{padding: 150px 0;}

.evCon_comment .con_tit,
.evCon_share .con_tit{margin-bottom:70px;}

.evCon_share{position: relative;background-color: #c8e0ff;}
.con_tit .end{position: absolute;right:-60px;top:80px;display:inline-block;}
.evCon_share .btn{margin: 50px 0 80px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: flex-start;}
.evCon_share .btn a{margin: 0 15px}
.evCon_share .step{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: 0 -7px}
.evCon_share .step .item{position:relative;height: 360px;background: #fff;border: 2px solid #000;border-radius: 10px;width: 350px;margin: 0 7px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 20px;line-height: 1.2}
.evCon_share .step .item i{display: block;margin: 0 0 10px}
.evCon_share .step .item:nth-child(2) i{margin: 0 0 33px}
.evCon_share .step .item:nth-child(3) i{margin: 0 0 20px}
.evCon_share .step .item span b{display: block;font-size: 14px;color: #f00;font-weight: normal;padding: 10px 0 0}
.evCon_share .step .item span strong{display: block;font-size: 18px;color: #75b2ff;font-weight: bold;padding: 0 0 4px}
.evCon_share .step .item + .item::before{content:'';background: url('https://img.megagong.net/m/2022/1220_goods/con_img17.png') no-repeat center center;display:block;position: absolute;top: 50%;left: -30px;width: 40px;height: 40px;margin: -20px 0 0;}

.evCon_share .gift{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;margin: 0 0 100px;}
.evCon_share .gift .item{margin: 0 5px}
.evCon_share h5{position: relative;margin: 70px 0 40px}
.evCon_share h5::before{content:'';display:block;position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: #000;}
.evCon_share h5 span{position: relative;display: inline-block;background: #c8e0ff;font-size: 28px;font-weight: 900;padding: 0 25px;line-height: 1}
.evCon_share h5 span::before{content:'';display:block;position: absolute;top: 50%;left: 0;width: 2px;height: 14px;background: #000;margin: -5px 0 0;}
.evCon_share h5 span::after{content:'';display:block;position: absolute;top: 50%;right: 0;width: 2px;height: 14px;background: #000;margin: -5px 0 0;}
.evCon_share .shareList ul li dl.sns dt{background-color: #75b2ff;}
.evCon_share .shareList ul li dl.sns dd{border:1px solid #c6c6c6;color:#888;}
.evCon_share .shareList ul li dl.naver dt{background-color: #fa99ce;}
.evCon_share .shareList ul li dl.naver dd{border:1px solid #c6c6c6;color:#888;}
.evCon_share .shareList ul li dl.daum dt{background-color: #8c7aeb;}
.evCon_share .shareList ul li dl.daum dd{border:1px solid #c6c6c6;color:#888;}
.evCon_share .shareList ul li dl.etc dt{background-color: #878787;}
.evCon_share .shareList ul li dl.etc dd{border:1px solid #c6c6c6;color:#888;}
.evCon_share .eventBoard .evtBoard_common{background:#e4f0ff}
.evCon_share .eventBoard .evtBoard_common .board_notice{color: #000}
.evCon_share .eventBoard .evtBoard_common .board_notice li{color: inherit;opacity: 0.8;font-weight: normal;font-size: 12px}
.evCon_share .eventBoard .evtBoard_common .board_notice li:nth-child(3){color: #f00;font-weight: bold}
.evCon_share .eventBoard .evtBoard_common .info_wrap{position: absolute;top: 100px;right: 30px;z-index: 1;}
.evCon_share .eventBoard .evtBoard_common .info_wrap button{color: #308cff;font-weight: bold;border-bottom: 1px solid #308cff;padding: 0 0 2px}
.evCon_share .eventBoard .evtBoard_common .board_write{border: 1px solid #000}

.evCon_comment{background-color: #fbe1fe;}
.evCon_comment .board_msg{font-size:20px;font-weight:bold;color:#fa99ce;text-align:left;margin-bottom:15px;font-family:'NotoSans KR';}
.evCon_comment .eventBoard{margin-top:100px;}
.evCon_comment .eventBoard .evtBoard_common .evtBoard_inner{background-color: #fdf1ff;}
.evCon_comment .evtBoard_common .board_write .btn_wrap a{background-color: #fa99ce;}
.evCon_comment .eventBoard .evtBoard_common .board_write{border:1px solid #fa99ce;}
.evCon_comment .evtBoard_common .board_notice li{color:#fa99ce;font-weight:400;opacity:1;}
.evCon_comment .evtBoard_common .board_notice li.chk_notice{color:#fa99ce;}
.evCon_comment .evtBoard_common .board_list ul li.notice{background-color: #ffffef;}

.evtoggleWarning {background:#f4f4f4}
.evtoggleWarning .warningList{padding:80px 0}
.evtoggleWarning .warningList li{padding: 0 0 0 8px;text-indent: -8px;}
.evtoggleWarning .warningList li.point{color: #308cff;font-weight: bold;}
.evtoggleWarning .warningList li a{color: #308cff;text-align: center;padding: 0;text-indent: 0;border-radius: 10px;text-decoration:underline;}

.eventWrap .evCon_notes{position: relative;background-color: #fff;}
.eventWrap .evCon_notes .type_wrap{margin: 0 -590px;position: relative;}
.eventWrap .evCon_notes .calendar_roll .item{text-align: center;padding: 60px 0px;}
.eventWrap .evCon_notes .calendar_roll .item{background: #d5e8ff;}
.eventWrap .evCon_notes .calendar_roll .item img{display: inline-block;border-radius: 8px;width: 396px;}
.eventWrap .evCon_notes .calendar_bigroll{width: 704px;margin: 0 auto;background: url(https://img.megagong.net/m/2023/0208_goodnote/con_img28.png) 0 0 no-repeat;z-index: 1}
.eventWrap .evCon_notes .calendar_bigroll .item{padding: 25px 24px;}
.eventWrap .evCon_notes .calendar_bigroll .item .tablt{overflow: hidden;border-radius: 13px}
.eventWrap .evCon_notes .calendar_roll{display: none;margin: -467px -3% 0;}
.eventWrap .evCon_notes .calendar_roll.slick-initialized{display: block;}
.eventWrap .evCon_notes .calendar_roll .slick-list{padding: 0;}
.eventWrap .evCon_notes .calendar_roll .slick-dots {display: none;}
.eventWrap .evCon_notes .con_box{margin-top:75px;}
.eventWrap .evCon_notes .info_wrap{margin-top:100px;}
.eventWrap .evCon_notes .info_wrap .tiny_co{font-size:13px;color:#999999;margin-top:30px;display:block;}

@media screen and (max-width: 1294px) {
    .evCon3 .inner{width:96%;left:0;}
    .evCon3 .con_intro_wrp > dl{width:49%;}
    .evCon3 .con_intro_wrp dt span{font-size:20px;}
}

@media screen and (max-width: 1240px) {
    .evCon1 .inner{width:96%;padding:9% 0 12%;}
    .evCon1 .cal_slider_wrp{width:60%;height:auto;padding:2vw;background-size:100%;}
    .evCon1 .letter_wrp{padding-left:20px;}
    .evCon1 .letter_wrp .btn_wrp{margin-top:30%;}
    .evCon1 .letter_wrp .btn_wrp a .cat{width:35%;left:5%;top:-100%;}
}

@media screen and (max-width: 1200px){
    .con_tit .end{width:20%;right:0;top:45%;}
    .container_info{padding: 15px 70px;margin:0 0 7%;}

    .evCon_share, .evCon_notes, .evCon_comment, .evCon_share{padding:12% 0;}
    .eventWrap img{width: 100%;}
    .eventWrap .con_tit img:not(.end){width:auto;}
    .dim_popup.sns .btnConfirm img{width: auto;}
    .eventWrap .con_tit{margin:0 0 7%}

    .evCon1 .con_box{margin-top:5%;}

    .evCon2 .inner{padding: 11% 0 12%;}
    .evCon2 .con_tit{padding: 0 13%}
    .evCon2 .concept_slider{margin: 0px -8vw 0;}
    .evCon2 .concept_slider::before{width: 22vw;height: 12vw;margin: 0 0 0 6%;background-size: 100%;bottom: -5vw}
    .evCon2 .concept_slider .slick-slide.slick-current .item{border-width:3px}
    .evCon2 .con_tit i{left: 64.5%;width: 5%;top: inherit;bottom: 64%}

    .evCon3 .inner{padding:12% 0;}
    .evCon3 .con_box{margin-top:7%;}

    .evCon_comment .board_msg{font-size:16px;}
    .evCon_comment .eventBoard{margin-top:7%;}
    .evCon_comment .evtBoard_common .board_notice li:not(.chk_notice){padding-right:50px;}
    .eventWrap .evCon_notes .info_wrap{margin-top:10%;}

    .evCon_share{padding: 15% 0;}
    .evCon_share .btn{margin: 20px 0 60px;padding: 0 8%;}
    .evCon_share .btn a{margin: 0 1%;width: 48%;}
    .evCon_share .step{margin: 0 -0.5%}
    .evCon_share .step .item{width: 32.3%;margin: 0 0.5%;font-size: 16px;border-width: 1px;height: 280px;padding: 0 1%}
    .evCon_share .step .item i{width: 62%;margin: 0 0 15px}
    .evCon_share .step .item:nth-child(2) i{margin: 0 0 15px;}
    .evCon_share .step .item:nth-child(3) i{margin: 0 0 15px}
    .evCon_share .step .item span b{display: block;font-size: 14px;color: #f00;font-weight: normal;padding: 10px 0 0}
    .evCon_share .step .item span strong{font-size: 15px;}
    .evCon_share .step .item + .item::before{left: -8%;width: 13%;height: 11%;margin: -5% 0 0;background-size: 100%;}

    .evCon_share .gift{margin: 0 0 50px;}
    .evCon_share .gift .item{margin: 0;}
    .evCon_share h5{margin: 0 0 25px;}
    .evCon_share h5::before{height: 1px;}
    .evCon_share h5 span{font-size: 21px;}
    .evCon_share h5 span::before{width: 1px;}
    .evCon_share h5 span::after{width: 1px;}
    .evCon_share .eventBoard .evtBoard_common .info_wrap{position: relative;top: inherit;right: inherit;}
    .evCon_share .eventBoard .evtBoard_common .info_wrap button{padding: 0 0 2px}

    .evtoggleWarning {background:#f4f4f4}
    .evtoggleWarning .warningList li{padding: 0 0 0 8px;text-indent: -8px;}

    .eventWrap .evCon_notes .con_box{margin-top:7%;}
    .eventWrap .evCon_notes .type_wrap{margin: 0 0 0%;padding: 0}
    .eventWrap .evCon_notes .type_wrap .slick-dots{display:none !important}
    .eventWrap .evCon_notes .type_wrap .slick-arrow{display:none !important}
    .eventWrap .evCon_notes .calendar_bigroll{width: auto;margin: 0 22% 0;padding: 1.5vw;background-size: 100%;}
    .eventWrap .evCon_notes .calendar_roll{margin: -34vw -65% 0;}
    .eventWrap .evCon_notes .calendar_roll .item{padding: 6vw 0 6vw 0;}
    .eventWrap .evCon_notes .calendar_roll .item img{width: 24vw}
    .eventWrap .evCon_notes .calendar_bigroll .item{padding: 0}
    .eventWrap .evCon_notes .tiny_noti {top: 8px;right: 0;font-size: 10px;opacity: 0.5}
    .eventWrap .evCon_notes .info_wrap .tiny_co{font-size:12px;margin-top:3%;}

    .bottom_line_wrp{bottom:65px;}
    .bottom_line_wrp:before{height:8vw;}
}

@media screen and (max-width: 992px){


    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}

}

@media screen and (max-width: 768px){
    .evCon3 .con_intro_wrp{display:block;}
    .evCon3 .con_intro_wrp > dl{width:100%;padding-left:0;}
    .evCon3 .con_intro_wrp > dl.con_intro_r{margin-top:5%;}
    .evCon3 .con_intro_wrp dt{position:relative;font-size:16px;height:auto;margin-bottom:10px;}
    .evCon3 .con_intro_wrp dt:before{left:0;width:100%;height:1px;top:50%;margin-top:-0.5px;}
    .evCon3 .con_intro_wrp dt span{writing-mode:initial;letter-spacing:normal;padding-bottom:0;padding-right:10px;}

    
    .btns_wrp .btn_base{width:49%;min-width:initial;padding:15px 10px;font-size:16px;margin-left:2%;}

    .evCon_notes{
        padding: 10% 0;
    }
}

@media screen and (max-width: 576px){

    .dim_popup.sns{width:90%}

    .evCon1 .con_box{display:block;}
    .evCon1 .cal_slider_wrp{width:100%;padding:3vw;}
    .evCon1 .letter_wrp{padding-left:0;margin-top:5%;}
    .evCon1 .letter_wrp .btn_wrp{margin:22% auto 0;width:84%;}

    .evCon2 .con_tit{padding: 0 0%;}
    .evCon2 .concept_slider{margin: 0px -55vw 0;}
    .evCon2 .concept_slider::before{width: 33vw;height: 19vw;margin: 0 0 0 4%;background-size: 100%;bottom: -10vw}
    .evCon2 .concept_slider .slick-slide.slick-current .item{border-width:2px}
    .evCon2 .con_tit i{left: 67.5%;width: 10%;top: inherit;bottom: 64%;}

    .container_info{padding: 15px 35px}
    
    .evCon_share{padding: 15% 0;}
    .evCon_share .btn{margin: 20px 0 55px;padding: 0 0%;}
    .evCon_share .btn a{margin: 0 1%;width: 48%;overflow: hidden;border-radius: 0;}
    .evCon_share .btn a img{max-width: 130%;width: 130%;margin: 0 0 0 -15%}
    .evCon_share .container_info{padding: 10px 27px;}
    .evCon_share .container_info .info .info_title::before{background: #fff;}
    .evCon_share .container_info .info .info_title::after{background: #fff;}
    .evCon_share .step{margin: 0}
    .evCon_share .step .item{width: 100%;margin: 0 0 5px;font-size: 13px;height: auto;padding: 20px 0 20px 0}
    .evCon_share .step .item span{display: block}
    .evCon_share .step .item br:nth-child(2n-1){display:none;}
    .evCon_share .step .item br:nth-child(4){display:none}
    .evCon_share .step .item i{width: 48%;}
    .evCon_share .step .item:nth-child(2) i{margin: 0;display: none;}
    .evCon_share .step .item:nth-child(3) i{margin: 0;display: none}
    .evCon_share .step .item span b{font-size: 11px;padding: 5px 0 0;}
    .evCon_share .step .item span strong{font-size: 12px;}
    .evCon_share .step .item span strong br{display:none}
    .evCon_share .step .item + .item::before{left: 50%;width: 5vw;height: 5vw;margin: 0;top: -15%;transform: rotate(90deg);margin: 0 0 0 -2vw;}
    .evCon_share .gift{margin: 0 0 40px;flex-wrap: wrap;}
    .evCon_share .gift .item{width: 50%;padding: 0 2%;}
    .evCon_share .gift .item:nth-child(1){margin: 0 0 10px;width: 100%;padding: 0 27%}
    .evCon_share h5{margin: 0 0 15px;}
    .evCon_share h5 span{font-size: 16px;}
    .evCon_share h5 span::before{width: 1px;}
    .evCon_share h5 span::after{width: 1px;}
    .evCon_share .eventBoard .evtBoard_common .info_wrap{position: relative;top: inherit;right: inherit;}
    .evCon_share .eventBoard .evtBoard_common .info_wrap button{color: #3fb882;font-weight: bold;border-bottom: 1px solid #3fb882;padding: 0 0 2px}

    .dim_popup.sns .btnConfirm img{width: 80px;}
    .btns_wrp .btn_base{font-size:14px;padding:10px 5px;border-radius:10px;}

    .bottom_line_wrp{bottom:55px;}
}

@media screen and (max-width: 420px){
    .btns_wrp .btn_base{font-size:12px;padding:10px 0;}
}