@charset "euc-kr"; 

/* dim popup */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.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; } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.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; } 

/* button box */
.btn_box { display:flex; justify-content: center; gap: 20px; margin: 0 auto; flex-wrap: wrap; } 
.btn_box a { position: relative; display: flex; align-items: center; justify-content: center; } 

/* fix_banner */
.fix_banner { position:fixed; left:0; bottom:0; width:100%; z-index:10; height: 100px; display: none; } 
.fix_banner:before { content:''; width:100%; height: 100%; display:block; background: linear-gradient(90deg, #4c54ff, #a458ff); position:absolute; left:0; bottom:0; } 
.fix_banner ul { justify-content: center; align-items: center; gap: 0 200px; position: relative; } 
.fix_banner ul::before { content: ''; display: block; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; width: 1px; height: 50%; background: #fff; opacity: 0.5; } 
.fix_banner ul li a { display: block; } 
.fix_banner ul li a p { color: #fff; text-align: left; display: inline-block; margin-top: 20px; font-size: 20px; } 
.fix_banner ul li a img { margin: -55px 0 0 20px; width: auto; } 

/* evCon1 */
.evCon1 { background: #fef4f4 url(https://img.megagong.net/m/2024/0117_goodnote/con1_bg.jpg) 50% 50% repeat; padding: 85px 0 150px; } 
.evCon1 .inner { width:1240px; } 
.evCon1 .con_box { margin-top:50px; display:flex; justify-content:space-between; align-items:center; } 
.evCon1 .cal_slider_wrp { position: relative; width:704px; height:515px; background:url(https://img.megagong.net/m/2024/0117_goodnote/bg_tablet.png) 0 0 no-repeat; padding:24.5px; } 
.evCon1 .cal_slider_wrp .icon { position: absolute; left: -60px; top: -45px; z-index: 2; } 
.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; right: 40px; top: -60px; } 

/* evCon2 */
.evCon2 { background-color: #fff; padding: 100px 0 150px; } 
.evCon2 .con_tit { margin: 0 0 70px } 
.evCon2 .con_tit i { position: absolute; top: -10px; left: 728px } 
.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; border-radius: 15px;} 
.evCon2 .concept_slider .slick-slide.slick-current { transform: scale(1); } 
.evCon2 .concept_slider .slick-slide.slick-current .item {border-radius: 18px;border:5px solid #8d92ff;} 
.evCon2 .concept_slider .slick-arrow { display: none !important; } 
.evCon2 .concept_slider::before { content:''; background:url(https://img.megagong.net/m/2024/0117_goodnote/con2_bg.png) no-repeat; position: absolute; bottom: -82px; left: 50%; width: 136px; height: 190px; z-index: 1; margin: 0 0 0 190px; } 

/* evCon3 */
.evCon3 { background-color: #f7f7f7; padding: 100px 0 130px; } 
.evCon3 .con_box { margin-top:90px; } 
.evCon3 .con_intro_wrp { display:flex; justify-content:space-between; width: 1294px; margin-left: -107px; } 
.evCon3 .con_intro_wrp > dl { position: relative; display: flex; justify-content: space-between; gap: 30px; } 
.evCon3 .con_intro_wrp dt { font-size:24px; font-weight:bold; color:#000000; text-align:left; position: relative; } 
.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_notes */
.evCon_notes { background: #ffffff; padding: 130px 0; } 
.evCon_notes .con_tit .sub-txt { margin: 25px auto 50px; font-size: 20px; color: #575757; } 
.evCon_notes .btn_box { margin: 40px auto 20px; } 
.evCon_notes .tiny_noti { font-size: 13px; opacity: .5; } 
.evCon_notes .calvertical_nav { position:relative; border: 3px solid #000; position: relative; padding: 29px 158px; margin: 0 0 50px } 
.evCon_notes .calvertical_nav.w1200over { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 16px 193px } 
.evCon_notes .calvertical_nav.w1200over .item { width: 16.666% } 
.evCon_notes .calvertical_nav::before { content:''; background:url('https://img.megagong.net/m/2023/1212_goods/con_img27.png'); width: 147px; height: 66px; position: absolute; top: 55px; left: 40px; } 
.evCon_notes .calvertical_nav::after { content:''; background: url('https://img.megagong.net/m/2023/1212_goods/con_img28.png') no-repeat 0 0; width: 107px; height: 90px; position: absolute; top: 19px; right: 40px; } 
.evCon_notes .calvertical_nav a { display: block; font-size: 24px; line-height: 1; padding: 6px 0 } 
.evCon_notes .calvertical_nav .active a { color:#a14afc } 
.evCon_notes .calvertical_nav .slick-current a { color:#a14afc } 

.evCon_notes .calvertical_slider { position:relative;margin: 0 -1185px; /*margin: 0 -1470px 0;*/ } 
.evCon_notes .calvertical_slider::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 80%; width: 3000vw; background: #dedffe; } 
.evCon_notes .calvertical_slider .slick-slide {transform: scale(0.7);transition: all 0.3s;height: 520px;display: flex;align-items: center;justify-content: center;} 
.evCon_notes .calvertical_slider .slick-slide img { display: inline-block; z-index: 2; position: relative; } 
.evCon_notes .calvertical_slider .slick-slide.slick-current {transform: scale(1);height: 515px;} 
.evCon_notes .calvertical_slider .slick-slide.slick-current .concept {position: relative;} 
.evCon_notes .calvertical_slider .slick-slide.slick-current .concept::before {content: '';display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;background:url(https://img.megagong.net/m/2024/0117_goodnote/bg_tablet.png) 0 0 no-repeat;background-size: contain;width: 704px;height: 515px;z-index: 2;} 
.evCon_notes .calvertical_slider .slick-arrow { display: none !important; } 


/* evCon_share */
.evCon_share { background-color: #e8d6ff; padding: 130px 0; } 
.evCon_share .con_tit .end { top: -20%; right: -10%; } 
.evCon_share .con_tit .end::after { background: #a14afc; } 
.evCon_share .con_tit { margin-bottom: 50px; } 
.evCon_share .btn_box { margin: 40px auto 100px; } 
.evCon_share .hash_box { background: #f4eaff; display: flex; justify-content: center; height: 60px; gap: 30px; margin-bottom: 20px; align-items: center; color: #111; font-size: 18px; } 
.evCon_share .hash_box dt { color: #fff; background: #9f4cff; border-radius: 30px; padding: 2px 27px; } 
.evCon_share .container_info { padding: 15px 0; color: #000002; margin: 0 0 80px; background: #f4eaff; } 
.evCon_share .container_info .info .info_title::before { background: #000002; } 
.evCon_share .container_info .info .info_title::after { background: #000002; } 
.evCon_share .container_info .tiny_noti { color:#a14afc } 
.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: #a14bfe; font-weight: normal; padding: 10px 0 0 } 
.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: 100px 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: #e8d6ff; 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: #a04bfe; } 
.evCon_share .shareList ul li dl.sns dd { border:1px solid #c6c6c6; color:#888; } 
.evCon_share .shareList ul li dl.naver dt { background-color: #4b53ff; } 
.evCon_share .shareList ul li dl.naver dd { border:1px solid #c6c6c6; color:#888; } 
.evCon_share .shareList ul li dl.daum dt { background-color: #ed74f6; } 
.evCon_share .shareList ul li dl.daum dd { border:1px solid #c6c6c6; color:#888; } 
.evCon_share .shareList ul li dl.etc dt { background-color: #868686; } 
.evCon_share .shareList ul li dl.etc dd { border:1px solid #c6c6c6; color:#888; } 
.evCon_share .eventBoard .evtBoard_common { background: #f1e6ff; } 
.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(2) { color: #9d4dff; 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: #9f4cfe; font-weight: bold; border-bottom: 1px solid #9f4cfe; padding: 0 0 2px } 
.evCon_share .eventBoard .evtBoard_common .board_write { border: 1px solid #000 } 

.evCon_share .shareList ul li dl dd{width: 198px;}

/* evtoggleWarning */
.evtoggleWarning { background:#f4f4f4 } 
.evtoggleWarning .warningList { padding:80px 0 } 
.evtoggleWarning .warningList li { padding: 0 0 0 8px; text-indent: -8px; } 
.evtoggleWarning .warningList li a { color: #9c4eff; text-align: center; padding: 0; text-indent: 0; border-radius: 10px; text-decoration:underline; } 

@media screen and (max-width: 1294px){
    .evCon3 .con_intro_wrp { width: 100%; margin-left: 0; gap: 25px; } 
    .evCon3 .con_intro_wrp dt span { font-size:20px; } 
 }
@media screen and (max-width: 1240px){
    .evCon1 { padding: 10% 0 15%; } 
    .evCon1 .inner { width:96%; } 
    .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%; right: 5%; top: -85%; } 
 }
@media screen and (max-width: 1200px) { 
    .fix_banner { bottom:65px; }
    .fix_banner ul { gap: 100px; } 
    .fix_banner ul li a { display: flex; gap: 20px; align-items: center; justify-content: center; } 
    .fix_banner ul li a p { margin: 0; font-size: 17px; } 
    .fix_banner ul li a img { margin: 0; width: 40%; } 

    .eventWrap img { width: 100%; } 
    .dim_popup.sns .btnConfirm img { width: auto; } 
    .eventWrap .con_tit img:not(.end) { width:auto; } 

    .evCon1 .con_box { margin-top:5%; } 
    .evCon1 .cal_slider_wrp .icon { top: -15%; left: -2%; max-width: 24%; } 

    .evCon2 { padding: 10% 0 15%; } 
    .evCon2 .con_tit { padding: 0 13% } 
    .evCon2 .concept_slider { margin: 0px -8vw 0; } 
    .evCon2 .concept_slider::before { width: 13vw; height: 18vw; margin-left: 8%; 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 { padding: 10% 0 13%; } 
    .evCon3 .con_box { margin-top:10%; } 

    .evCon_notes { padding: 15% 0; } 
    .evCon_notes .calvertical_slider .slick-slide {height: 45vw;width: 45vw;} 
    .evCon_notes .calvertical_slider .slick-slide.slick-current .concept::before {height: 44vw;width: 61vw;}
    .evCon_notes .calvertical_slider .slick-slide.slick-current {height: 100%;width: 60vw;padding: 2vw;}

    .evCon_share { padding: 15% 0; } 
    .evCon_share .con_tit .end { right: 0; top: -50%; } 
    .evCon_share .btn_box { margin: 5% auto 10%; } 
    .evCon_share .container_info { padding: 15px 70px; margin:0 0 7%; } 
    .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 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: 10% 0 5%; } 
    .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 .shareList ul li dl dd{width: 23%;margin: 0 1%;}

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

    .evCon_notes .calvertical_nav { padding: 10px 30px; border-width: 2px; margin: 0 0 25px; display: none; } 
    .evCon_notes .calvertical_nav.slick-initialized { display: block; } 
    .evCon_notes .calvertical_nav::before { background-size: 100%; width: 8vw; background-repeat: no-repeat; height: 5vw; top: inherit; bottom: -21%; left: 1% } 
    .evCon_notes .calvertical_nav::after { background-size: 100%; width: 7vw; background-repeat: no-repeat; height: 8vw; top: inherit; bottom: -30%; right: -2%; } 

    .evCon_notes .calvertical_nav a { font-size: 2.2vw } 
    .evCon_notes .calvertical_slider { margin: 0px -8vw 0; } 
}
@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){
    .fix_banner, .fix_banner ul { height: 80px; } 
    .fix_banner ul li{flex:1}
    .fix_banner ul li a p { font-size: 16px; text-align: center; } 

    .btn_box { max-width: 280px; gap: 10px; } 

    .evCon3 .con_intro_wrp { flex-direction: column; max-width: 560px; margin: 0 auto; } 
    .evCon3 .con_intro_wrp > dl { width:100%; padding-left:0; flex-direction: column; gap: 15px; } 
    .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; font-size: 18px; } 

    .evCon_notes .con_tit .sub-txt {margin: 4% auto 8%;font-size: 18px;} 
    .evCon_notes .tiny_noti { font-size: 11px; } 
    /* .evCon_notes .calvertical_slider .slick-slide {} 
    .evCon_notes .calvertical_slider .slick-slide.slick-current .concept::before {width: 71vw;height: 52vw;}
    .evCon_notes .calvertical_slider .slick-slide.slick-current{width: 70vw;padding: 2vw;} */
    
    .evCon_share .hash_box { height: 55px; gap: 10px; font-size: 16px; } 
}
@media screen and (max-width: 576px){
    .dim_popup.sns { width:90% } 
    .dim_popup.sns .btnConfirm img { width: 80px; } 
    .fix_banner { height: 70px; bottom:55px;}
    .fix_banner ul { gap: 50px; height: 70px; } 
    .fix_banner ul li a p { font-size: 14px; } 

    .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: 15% auto 0; width: 70%; } 

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

    .evCon3 .con_intro_wrp dt span { font-size:15px } 

    .evCon_notes .con_tit .sub-txt { font-size: 15px; } 
    .evCon_notes .calvertical_slider { margin: 0px -55vw 0; } 
    .evCon_notes .calvertical_slider .slick-slide.slick-current .concept { border-width:2px } 

    .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: 14px 25px; border-radius: 10px; } 
    .evCon_share .container_info .tiny_noti { font-size: 10px; } 

    .evCon_share .gift_wrp { max-width: 450px; margin: 0 auto; } 
    .evCon_share .hash_box { gap: 5px; font-size: 13px; } 
    .evCon_share .hash_box dt { padding: 2px 12px; } 
    .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 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_notes .calvertical_nav {margin: 0 0 15px;border-width: 1px;padding: 5px 20%;} 
    .evCon_notes .calvertical_nav::before { width: 13vw; height: 9vw; bottom: 55%; left: 1% } 
    .evCon_notes .calvertical_nav::after { width: 10vw; height: 9vw; top: inherit; bottom: -13%; right: 1% } 
    .evCon_notes .calvertical_nav .slick-arrow { display: none !important; } 
    .evCon_notes .calvertical_nav a { font-size: 3.6vw; } 
}