@charset "euc-kr";

/* setting */
/* { padding:0; margin:0 } */
.blindw { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden } 
.eventWrap { width:100%; text-align:center; position:relative; font-size: 18px; line-height: 1.4; letter-spacing: -0.03em; overflow:hidden; } 
.eventWrap { font-family : 'NotoSans KR'; } 
.eventWrap * { box-sizing:border-box } 
.eventWrap .inner { position:relative; max-width:1080px; margin:0 auto; } 
.eventWrap .inner::after { content:""; display:block; clear:both; } 
.eventWrap img { border:0 none; vertical-align:middle; max-width:100%; } 
.eventWrap .con_tit { position: relative; margin-bottom: 40px; text-align: center; } 
.eventWrap .con_subtit { margin-bottom: 35px; position:relative; padding: 0 0%; } 
.eventWrap .img_mb { display:none } 
.eventWrap .con_box { position:relative; /* padding: 0 40px; */ } 
.eventWrap .con_box::after { content:""; display:block; clear:both } 
.eventWrap .flow::after { content:""; display:block; clear:both } 
.eventWrap .video_box { position: relative; z-index: 1; cursor:pointer; padding-bottom: 56%; background: #222; overflow: hidden; border-radius: 3px; } 
.eventWrap .video_box .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.eventWrap .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.eventWrap .video_box img { /* width:100%; */ } 
.eventWrap .video_box.ytb { padding: 0; } 

.flt_inner { position:absolute; text-align:center; margin-top:0px; top: 300px; left: 50%; margin:0 0 0 620px; z-index: 5; display:none; width:180px; } 
.flt_inner a { display:block; margin-bottom: 0px; } 
.flt_inner.on { display:block; } 

/*visual*/
.conTop { position:relative; height:1100px; } 
.conTop > div { width:100%; height:100%; display:none; position:absolute; top:0; left:0; } 
.vs1 { background:url('https://img.megagong.net/m/2022/0420_branding/visual_vs1.png') no-repeat center; background-size:cover; z-index:1; } 
.vs2 { background:url('https://img.megagong.net/m/2022/0420_branding/visual_vs2.png') no-repeat center; background-size:cover; z-index:2; } 
.vs .inner { width:100%; height:100%; display:table; } 
.vs .textBox { display:table-cell; vertical-align:middle; } 
.vs .textBox li { opacity:0; } 
.vs .textBox li:last-child { margin-top:35px; } 
.vs.on .textBox li:first-child { animation:fadeIn .5s 1s forwards; } 
.vs.on .textBox li:last-child { animation:fadeIn .5s 2s forwards; } 
.visual { position:relative; height:100%; background:url('https://img.megagong.net/m/2022/0420_branding/bg_visual.png') no-repeat center; background-size:cover; z-index:3; } 
.visual .inner { height:100%; opacity:0; } 
.visual.on .inner { animation:fadeIn .5s 1.5s forwards; } 
.visual nav { position:absolute; top:0; left:0; width:100%; padding:20px 0; background:#000; text-align:center; color:#9e94e7; font-size:20px; line-height:120%; font-weight:300; } 
.visual nav span { font-weight:700; } 
.visual h2 { position:absolute; bottom:0; left:0; width:1168px; } 
.visual h2 a { position:absolute; bottom:22%; right:7%; width:20%; height:3%; font-size:0; } 
.visual ul { position:absolute; bottom:95px; left:0; font-size:13px; color:#6e689a; line-height:140%; text-align:left; line-height:130%; } 
.visual li { margin-bottom:3px; } 
.con_bg { background:#2c2b3a; position:relative; } 

.bottom_fltbnr { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 4; } 
.bottom_fltbnr img { position: relative; } 
.bottom_fltbnr img.for_mo { display: none; } 
.bottom_fltbnr .for_mo_link { display: none; } 

.bottom_fltbnr .for_pc_link { position: absolute; top: 70%; left: calc(50% + 300px); transform: translate(-50%, -50%); display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.bottom_fltbnr .for_pc_link li { width: 140px; height: 45px; border-radius: 10px; } 
.bottom_fltbnr .for_pc_link li a { position: initial; bottom: initial; left: initial; display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0; } 
.bottom_fltbnr .for_pc_link li:first-of-type { margin-right: 1.5vw; background:url('https://img.megagong.net/m/2022/0420_branding/appstore.png') no-repeat center; background-size:cover; } 
.bottom_fltbnr .for_pc_link li:last-of-type { background:url('https://img.megagong.net/m/2022/0420_branding/googleplay.png') no-repeat center; background-size:cover; } 


.bottom_fltbnr::before { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 61%; background: #6b46e0; } 
.bottom_fltbnr a { position: absolute; bottom: 80px; left: 50%; width: 40px; height: 40px; font-size: 0; background: #fff; opacity: 0; margin: 0 0 0 508px; } 


@keyframes fadeIn { 
 0% { opacity:0; transform:scale(.9); } 
 100% { opacity:1; transform:scale(1); } 
 }

/*nav*/
.topBn { width:100%; overflow:hidden; padding:70px 0 85px; } 
.topBn:before { content:""; display:block; width:100%; height:1px; background:#6b46e0; position:absolute; top:175px; left:0; } 
.topBn li { float:left; width:33.3%; text-align:center; position:relative; } 
.topBn li div { display:inline-block; vertical-align:bottom; color:#fff; padding-bottom:30px; } 
.topBn li div:before { content:""; display:block; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); width:11px; height:11px; background:#5c32e1; border:5px solid #6b46e0; border-radius:50%; z-index:5; } 
.topBn li div:after { content:""; display:block; width:43px; height:5px; background:#2c2b3a; position:absolute; bottom:0; left:50%; transform:translateX(-50%); } 
.topBn li h3 { font-size:30px; font-weight:700; } 
.topBn li h3 sup { font-size:18px; } 
.topBn li p { font-size:25px; font-weight:300; } 


/*con1*/
.con1 { padding:100px 0; } 
.con1 .tiny { margin-top:35px; text-align:right; color:#6e689a; font-size:13px; } 
.con1 .video_box { margin-top:20px; } 
.con1 ul { margin-top:80px; } 
.con1 li { float:left; margin-left:15px; position:relative; } 
.con1 li:first-child { margin-left:0; } 
.con1 li a { position:absolute; bottom:9%; left:1.5vw; width:87%; height:5vw; display:block; font-size:0; max-height:55px; } 
.con1 .curr { margin-top:70px; } 

/*con2*/
.con2 { padding:100px 0; } 
.con2 .content { margin-top:100px; position:relative; } 
.con2 .content > img { margin-left:-145px; float:left; } 
.con2 .content > div { float:right; color:#fff; width:500px; margin:70px 40px 0 0; text-align:left; } 
.con2 .content dl { height:214px; border-bottom:1px dotted #6c47e0; background:url('https://img.megagong.net/m/2022/0420_branding/bg_one.png') no-repeat right top; } 
.con2 .content dt { font-size:33px; line-height:120%; } 
.con2 .content dd { margin-top:17px; color:#ccc; font-size:18px; padding-left:35px; background:url('https://img.megagong.net/m/2022/0420_branding/bullet_con2.png') no-repeat left center; } 
.con2 .content p { margin-top:45px; border:3px solid #fff; } 
.con2 .content p a { display:block; line-height:120%; color:#fff; font-size:28px; padding:20px; font-weight:300; letter-spacing:-1px; } 
.con2 .content p a img { vertical-align:top; margin:5px 0 0 10px; } 

/*con3*/
.con3 { padding:100px 0 160px; } 
.bn_slide { margin-top:80px; position:relative; } 
.bn_slide .slick-dots { text-align:center; margin-top:20px; } 
.bn_slide .slick-dots li { display:inline-block; vertical-align:top; margin:0 5px; } 
.bn_slide .slick-dots li button { display:block; width:12px; height:12px; box-sizing:border-box; border:1px solid #fff; border-radius:50%; font-size:0; } 
.bn_slide .slick-dots li.slick-active button { background:#fff; } 
.bn_slide .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:20px; height:40px; font-size:0; z-index:3; } 
.bn_slide .slick-prev { left:-70px; background:url('https://img.megagong.net/m/2022/0420_branding/bullet_arrow_prev.png') no-repeat; } 
.bn_slide .slick-next { right:-70px; background:url('https://img.megagong.net/m/2022/0420_branding/bullet_arrow_next.png') no-repeat; } 

/*con_new1*/
.con_new1 { padding-bottom:165px; } 

/*con4*/
.con4 { background:#222; padding:200px 0; position:relative; } 
.con4 .finish { position:absolute; top:-50px; left:50%; margin-left:350px; max-width:277px; width:18%; } 
.con4 h3.ver { margin-bottom:80px; } 
.con4 h4 { margin-top:78px; background:#111; width:100%; height:80px; display:table; text-align:center; color:#f32424; font-size:20px; font-weight:500; } 
.con4 h4 p { display:table-cell; vertical-align:middle; } 
.con4 h4 p span { position:relative; } 
.con4 h4 p span:after { content:""; display:inline-block; vertical-align:top; width:1px; height:18px; background:#821b1b; margin:6px 15px 0; } 
.con4 .lectlist_wrap { background:#fff; } 
.con4 .lecture { padding-bottom:0 !important; } 

/*con5*/
.con5 { background:#82303f; padding-top:120px; position:relative; z-index:-1; } 
.con5:before { content:""; display:block; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:104px; background:url('https://img.megagong.net/m/2022/0420_branding/bg_con5.png') repeat-x bottom center; } 
.con5 .inner { max-width:1326px; } 
.con5 .img { margin-top:20px; } 

/*con6*/
.con6 { background:#111; } 
.con6 .inner { padding:75px 40px; box-sizing:border-box; width:100%; max-width:1080px; display:table; margin:auto; } 
.con6 dl { display:table-cell; vertical-align:middle; color:#fff; text-align:left; } 
.con6 dt { color:#ffbdc9; font-size:23px; font-weight:300; line-height:120%; } 
.con6 dd { color:#fff; font-size:50px; font-weight:700; line-height:120%; } 
.con6 dd span { display:block; margin-top:5px; color:#777; font-size:11px; line-height:120%; font-weight:300; } 
.con6 .inner > div { float:right; } 
.con6 p { border:3px solid #fff; } 
.con6 p a { display:block; line-height:120%; color:#fff; font-size:28px; padding:20px; font-weight:300; letter-spacing:-1px; } 
.con6 p a img { vertical-align:top; margin:5px 0 0 10px; } 
.con6 .inner > div span { display:block; margin-top:5px; color:#bbb; font-size:13px; font-weight:300; text-align:right; } 

/* event */
.event { padding: 180px 0; background-color: #82303f; } 
.event .con_tit { position: relative; } 
.event .finish_stamp { position: absolute; top: 40px; right: -95px; } 
.event .event_header { margin-bottom: 60px; } 
.event .event_title1 { margin-bottom: 25px; } 
.event .event_title2 { margin-bottom: 60px; color: #fff; font-size: 60px; font-weight: 900; } 
.event .con_box p { margin-bottom: 75px; color: #ffd87b; font-size: 25px; font-weight: 300; } 
.event .con_box p span { font-weight: bold; text-decoration: underline 1px; } 
.event .date_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 75px; padding: 15px 30px; background-color: #aa4558; border-radius: 35px; } 
.event .date_wrapper .date { display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; font-size: 21px; } 
.event .date_wrapper .date:first-of-type { margin-right: 30px; } 
.event .date_wrapper .date .date_title { position: relative; margin-right: 20px; padding: 0 20px 0 20px; } 
.event .date_wrapper .date .date_title::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } 
.event .date_wrapper .date .date_title::after { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 2px; height: 13px; background-color: #fff; } 
.event .date_wrapper .date .date_info { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event .date_wrapper .date .date_info .tiny_noti { position: relative; margin-left: 15px; padding: 0 0 0 10px; color: #883040; font-size: 13px; } 
.event .date_wrapper .date .date_info .tiny_noti span { position: absolute; top: 60%; left: 0; transform: translate(0, -50%); } 
.event .gift_wrapper { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin: 0 -55px; margin-bottom: 68px; } 

/* even2 */
.event2 { padding: 180px 0; background-color: #1c1848; } 
.event2 .con_tit { position: relative; } 
.event2 .finish_stamp { position: absolute; top: 40px; right: -95px; } 
.event2 .event_header { margin-bottom: 60px; } 
.event2 .event_title1 { margin-bottom: 25px; } 
.event2 .event_title2 {margin-bottom: 60px;color: #7d54ff;font-size: 60px;font-weight: 900;} 
.event2 .date_wrapper {text-align: left;font-size: 26px;color: #fff;padding: 50px 0 0} 
.event2 .date_wrapper .info{margin: 0 0 45px}
.event2 .date_wrapper .info span{display: block;font-weight: 100}
.event2 .date_wrapper .info strong{display: block;margin: 0 0 13px}
.event2 .date_wrapper .date {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;color: #fff;font-size: 21px;margin: 0 0 10px;} 
.event2 .date_wrapper .date:first-of-type { margin-right: 30px; } 
.event2 .date_wrapper .date .date_title {position: relative;margin-right: 7px;padding: 0 20px 0 10px;} 
.event2 .date_wrapper .date .date_title::before {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);content: '';width: 2px;height: 16px;background-color: #fff;} 
.event2 .date_wrapper .date .date_info {display: flex;flex-direction: row;align-items: center;justify-content: center;letter-spacing: 0;} 
.event2 .date_wrapper .date .date_info .tiny_noti {position: relative;margin-left: 15px;padding: 0 0 0 10px;color: #a48bf4;font-size: 13px;} 
.event2 .date_wrapper .date .date_info .tiny_noti span { position: absolute; top: 60%; left: 0; transform: translate(0, -50%); } 
.event2 .gift_wrapper {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;/* margin: 0 -55px; */margin-bottom: 120px;} 
.event2 .update h4 { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event2 .update h4::before { display: none; } 
.event2 .update h4 span { padding: 0 35px; color: #fff; font-size: 26px; font-weight: bold; background: transparent; } 
.event2 .update h4 span:nth-of-type(1),
.event2 .update h4 span:nth-of-type(3) { position: relative; flex: 1; width: 100%; height: 1px; background-color: #fff; } 
.event2 .update h4 span:nth-of-type(1)::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 9px; height: 9px; background-color: #fff; border-radius: 50%; } 
.event2 .update h4 span:nth-of-type(3)::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ''; width: 9px; height: 9px; background-color: #fff; border-radius: 50%; } 
.event2 .update .where {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;margin: 50px 0;height: 60px;line-height: 60px;border: 2px solid #fff;border-radius: 4px;} 
.event2 .update .where a {position: relative;display: inline-block;width: 100%;height: 100%;color: #fff;font-size: 19px;background-color: #1c1848;} 
.event2 .update .where a:last-of-type::before { display: none; } 
.event2 .update .where a::before {position: absolute;top: 50%;right: 0;transform: translate(0, -50%);content: '';width: 1px;height: 30px;background-color: #ffffff;opacity: 0.3;} 
.event2 .update .how {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-bottom: 30px;} 
.event2 .update .how .how_box {position: relative;width: calc(33.33% - 0px);margin-right: 16px;padding: 25px 0;background-color: #fff;border-radius: 0;height: 250px;} 
.event2 .update .how .how_box:last-of-type::before { display: none; } 
.event2 .update .how .how_box::before { position: absolute; top: 50%; right: -20px; transform: translate(0, -50%); content: ''; width: 30px; height: 30px; background-image: url('https://img.megagong.net/m/2022/0928_event/event2_icon_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.event2 .update .how .how_box:last-of-type { margin-right: 0; } 
.event2 .update .how .how_box .how_box_title {position: relative;display: inline-block;margin: 0 0 14px;padding: 0 0 7px;color: #7d54ff;font-size: 20px;font-weight: 900;z-index: 1;} 
.event2 .update .how .how_box .how_box_title::before{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);content: '';width: 14px;height: 3px;background: #7d54ff;} 
.event2 .update .how .how_box:nth-child(1) .how_box_title {margin: 0 0 26px}
.event2 .update .how .how_box .how_box_text {color: #000;font-size: 19px;font-weight: 400;} 
.event2 .update .how .how_box .how_box_text span {font-weight: bold;} 
.event2 .update .review_btn { display: inline-block; margin-bottom: 130px; } 
.event2 .book_wrap{position: relative;padding: 0 0 0 510px;margin: 0 0 100px;}
.event2 .book_wrap .book{position: absolute;top: 0;left: 0}
.event2 .update .how .how_box .how_box_text i{display: block;color: #f00;font-size: 15px;font-style: normal;padding: 12px 0 0}
.event2 .update .how .how_box .how_box_text i.icon{padding: 17px 0 0}
.event2 .update .how .how_box .how_box_text i.icon.c2{padding: 7px 0 0;}

/*evWarning*/
.evWarning { padding: 80px 0 !important; } 
.evWarning .warningList .w_tit { font-weight: bold; } 
.warningList > li { margin-top: 5px; } 
.evWarning .warningList ul li a { color: #f03296; border: 2px solid #f03296; text-indent: 0; } 
.evWarning .warningList ul li a{color: #7d54ff; border-color: #7d54ff;}

.mg_popup_wrap.review .content_area {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 35px 20px;} 
.mg_popup_wrap.review .custom_title { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; margin-bottom: 25px; font-size: 30px; font-weight: bold; font-family: 'NotoSans KR'; text-align: center; } 
.mg_popup_wrap.review .custom_title span { display: inline-block; margin-top: 10px; font-size: 16px; font-weight: 400; } 
.mg_popup_wrap.review .custom_contents {/* height: 50.4vh; */overflow-y: auto;} 
.mg_popup_wrap.review .custom_contents .table {/* font-family: 'NotoSans KR'; */border-top: 1px solid #000;border-bottom: 1px solid #000;} 
.mg_popup_wrap.review .custom_contents .table .height190 { height: 170px !important; } 
.mg_popup_wrap.review .custom_contents .table:first-of-type { margin-bottom: 20px; } 
.mg_popup_wrap.review .custom_contents .table .table_tr {display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 13px;border-bottom: 1px solid #d0d0d0;} 
.mg_popup_wrap.review .custom_contents .table .table_tr:last-of-type { border-bottom: 0; } 
.mg_popup_wrap.review .custom_contents .table .table_tr .th { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 120px; height: 48px; font-weight: bold; background-color: #f5f5f5; border-right: 1px solid #d0d0d0; } 
.mg_popup_wrap.review .custom_contents .table .table_tr .td {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex: 1;min-height: 48px;padding: 0 10px;border-right: 1px solid #d0d0d0;} 
.mg_popup_wrap.review .custom_contents .table .table_tr .td:last-of-type { border-right: 0; } 
.mg_popup_wrap.review .custom_contents .table .table_tr .td select { min-width: 260px; height: 30px; line-height: 30px; border: 1px solid #d0d0d0; } 
.mg_popup_wrap.review .custom_contents .table .table_tr .td textarea {width: 100%;height: calc(100% - 18px);margin: 9px 0;border: 1px solid #d0d0d0;padding: 10px 10px;} 
.mg_popup_wrap.review .custom_contents .table .table_tr .td input {width: 100%;height: 30px;border: 1px solid #d0d0d0;padding: 0px 10px;} 
.mg_popup_wrap.review .custom_contents .table .table_tr .td .mg_filebox { width: 100%; border: none; } 
.mg_popup_wrap.review .custom_contents .table .table_tr .td .mg_filebox input { border: none; } 
.mg_popup_wrap.review .custom_contents .tiny_noti {margin-top: 7px;color: #bababa;font-size: 13px;letter-spacing: -1px;line-height: 1.3;} 
.mg_popup_wrap.review .custom_contents .tiny_noti li {text-indent: -14px;padding: 0 0 0 14px;margin: 0 0 2px} 
.mg_popup_wrap.review .custom_contents .tiny_noti a{color: #000;font-weight: bold}
.mg_popup_wrap.review .custom_btn {width: 250px;height: 60px;line-height: 60px;margin: 0 auto;margin-top: 27px;margin-bottom: 5px;color: #fff;font-size: 17px;font-weight: bold;background-color: #000;} 

.mg_filebox .filename{width:calc(100% - 120px)}
.mg_filebox .filebtn{width:120px;}
.mg_filebox .filebtn label{background:#777}


@media (max-width: 1200px){.eventWrap { font-size: 15px; } 
    .eventWrap .inner { width: 96%; } 
    .flt_inner,.flt_inner.renewal { display: none !important;} 

    /*visual*/
    .conTop { height:92vw; } 
    .vs .textBox li:last-child { margin-top:5vw; } 
    .visual nav { padding:13px 0; font-size:16px; } 
    .visual h2 { max-width:1168px; width:100%; } 
    .visual ul { bottom:3vw; font-size:11px; } 
    .visual li { margin-bottom:3px; } 
    .vs1 .textBox li img { max-width:648px; width:70%; } 
    .vs2 .textBox li img { max-width:821px; width:80%; } 

    /*nav*/
    .topBn { padding:5vw 0; } 
    .topBn:before { display:none; } 
    .topBn ul:before { content:""; display:block; width:100%; height:1px; background:#6c47e0; position:absolute; bottom:2px; left:0; } 
    .topBn li div { padding-bottom:20px; } 
    .topBn li h3 { font-size:20px; } 
    .topBn li h3 sup { font-size:13px; } 
    .topBn li p { font-size:20px; } 

    .bottom_fltbnr { bottom: 65px; padding: 0 2%; } 
    .bottom_fltbnr .for_pc_link { left: initial; right: 3.9vw; transform: translate(0, -50%); } 

    /*con1*/
    .con1 { padding:10vw 0; } 
    .con1 .tiny { margin-top:5vw; font-size:11px; } 
    .con1 .video_box { margin-top:2vw; } 
    .con1 ul { margin-top:5vw; } 
    .con1 li { width:32%; margin-left:2%; } 

    /*con2*/
    .con2 { padding:10vw 0; } 
    .con2 .content { margin-top:5vw; } 
    .con2 .content > img { margin-left:-4%; width:50%; } 
    .con2 .content > div { width:50%; max-width:500px; margin:5vw 0 0 0; } 
    .con2 .content dl { height:auto; padding-bottom:2vw; background-size:auto 70%; } 
    .con2 .content dt { font-size:25px; } 
    .con2 .content dd { margin-top:10px; font-size:16px; padding-left:20px; background-size:15px; } 
    .con2 .content p { margin-top:3vw; } 
    .con2 .content p a { font-size:18px; padding:15px 10px; text-align:center; } 
    .con2 .content p a img { height:18px; margin:3px 0 0 5px; } 

    /*con3*/
    .con3 { padding:10vw 0; } 
    .bn_slide { margin-top:5vw; padding:0 5%; width:100%; box-sizing:border-box; } 
    .bn_slide .slick-dots { margin-top:3vw; } 
    .bn_slide .slick-arrow { width:3%; height:6vw; } 
    .bn_slide .slick-prev { left:-5%; background-size:100%; } 
    .bn_slide .slick-next { right:-5%; background-size:100%; } 

    /*con_new1*/
    .con_new1 { padding-bottom:16%; } 

    /*con4*/
    .con4 { padding:10vw 0; } 
    .con4 .finish { position:absolute; top:-50px; left:inherit; right:0; margin-left:0; } 
    .con4 h3.ver { margin-bottom:5vw; } 
    .con4 h4 { margin-top:5vw; height:auto; padding:15px 2px; font-size:16px; } 
    .con4 h4 p span:after { height:15px; margin:4px 10px 0; } 

    /*con5*/
    .con5 { padding-top:10vw; } 
    .con5:before { height:104px; background-size:auto 80%; } 
    .con5 .img { margin-top:3vw; } 

    /*con6*/
    .con6 .inner { padding:5vw 0; } 
    .con6 dt { font-size:18px; } 
    .con6 dd { font-size:32px; } 
    .con6 p a { font-size:18px; padding:15px 10px; text-align:center; } 
    .con6 p a img { height:18px; margin:3px 0 0 5px; } 
    
    /* event */
    .event { padding: 10vw 0; } 
    .event .finish_stamp { position: absolute; top: 80px; right: 0; width: 210px; } 
    .event .date_wrapper .date { font-size: 18px; } 
    .event .gift_wrapper { margin: 0 auto; margin-bottom: 68px; } 
    .event .gift_wrapper img { width: 22vw; } 
    .event .gift_wrapper img:nth-of-type(2) { width: 24vw; } 

    /* event2 */
    .event2 { padding: 10vw 0; } 
    .event2 .event_title2 {font-size: 41px;} 
    .event2 .finish_stamp { position: absolute; top: 80px; right: 0; width: 210px; } 
    .event2 .gift_wrapper img {width: 33.3%;} 
    .event2 .date_wrapper {text-align: center;font-size: 18px;} 
    .event2 .date_wrapper .info{margin: 0 0 30px;}
    .event2 .date_wrapper .date {font-size: 15px;width: 370px;margin: 0 auto 9px} 
    .event2 .date_wrapper .date:first-of-type { margin-right: 30px; } 
    .event2 .date_wrapper .date .date_title::before {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);content: '';width: 2px;height: 16px;background-color: #fff;} 
    .event2 .date_wrapper .date .date_info .tiny_noti {position: relative;margin-left: 15px;padding: 0 0 0 10px;color: #a48bf4;font-size: 13px;} 
    .event2 .date_wrapper .date .date_info .tiny_noti span { position: absolute; top: 60%; left: 0; transform: translate(0, -50%); } 
    .event2 .gift_wrapper {margin: 0 0 50px} 
    .event2 .update h4 { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
    .event2 .update h4::before { display: none; } 
    .event2 .update h4 span {padding: 0 35px;color: #fff;font-size: 20px;font-weight: bold;background: transparent;} 
    .event2 .update h4 span:nth-of-type(1),
    .event2 .update h4 span:nth-of-type(3) { position: relative; flex: 1; width: 100%; height: 1px; background-color: #fff; } 
    .event2 .update h4 span:nth-of-type(1)::before {position: absolute;top: 50%;right: 0;transform: translate(0, -50%);content: '';width: 6px;height: 6px;background-color: #fff;border-radius: 50%;} 
    .event2 .update h4 span:nth-of-type(3)::before {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);content: '';width: 6px;height: 6px;background-color: #fff;border-radius: 50%;} 
    .event2 .update .where {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;margin: 20px 0 20px;height: 46px;line-height: 42px;border: 1px solid #fff;border-radius: 4px;overflow: hidden;} 
    .event2 .update .where a {position: relative;display: inline-block;width: 100%;height: 100%;color: #fff;font-size: 15px;background-color: #1c1848;} 
    .event2 .update .where a:last-of-type::before { display: none; } 
    .event2 .update .where a::before {position: absolute;top: 50%;right: 0;transform: translate(0, -50%);content: '';width: 1px;height: 30px;background-color: #ffffff;opacity: 0.3;} 
    .event2 .update .how {margin-bottom: 20px;} 
    .event2 .update .how .how_box {margin-right: 6px;padding: 10px 0;height: 168px;} 
    .event2 .update .how .how_box:last-of-type::before { display: none; } 
    .event2 .update .how .how_box::before {background-size: 100%;width: 24px;height: 24px;right: -15px} 
    .event2 .update .how .how_box:last-of-type { margin-right: 0; } 
    .event2 .update .how .how_box .how_box_title {margin: 0 0 6px;font-size: 15px;} 
    .event2 .update .how .how_box .how_box_title::before{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);content: '';width: 14px;height: 3px;background: #7d54ff;} 
    .event2 .update .how .how_box:nth-child(1) .how_box_title {margin: 0 0 15px}
    .event2 .update .how .how_box .how_box_text {font-size: 15px;} 
    .event2 .update .how .how_box .how_box_text span {font-weight: bold;} 
    .event2 .update .review_btn {display: inline-block;margin-bottom: 70px;width: 320px;} 
    .event2 .book_wrap{padding: 0 0 0;margin: 0 0 50px}
    .event2 .book_wrap .book{position: relative;top: inherit;left: inherit;padding: 0 19%;}
    .event2 .book_wrap .book img{width: 100%}
    .event2 .update .how .how_box .how_box_text i{font-size: 13px;padding: 8px 0 0}
    .event2 .update .how .how_box .how_box_text i.icon{padding: 17px 0 0}
    .event2 .update .how .how_box .how_box_text i.icon img{width: 39px}
    .event2 .update .how .how_box .how_box_text i.icon.c2 img{width: 25px}

    /*evWarning*/
    .warningList li > ul > li { padding: 0 0 0 10px; text-indent: -9px; } 
}

@media (max-width: 1126px){
    
    .bottom_fltbnr a { position: absolute; bottom: 7vw; left: initial; right:1.2vw; width: 40px; height: 40px; margin: 0; } 
    
}

@media (max-width: 992px) {

    /* event */
    .event .event_title2 { font-size: 50px; } 
    .event .con_box p { font-size: 20px; } 
    .event .date_wrapper .date { font-size: 14px; } 
    .event .date_wrapper .date .date_info .tiny_noti { font-size: 11px; } 
    .event .event_btn img { width: 55%; } 

    .event2 .update .how .how_box .how_box_text { font-size: 16px; } 

}

@media (max-width: 768px) {
    
    /*visual*/
    .visual nav span { display:block; } 

    /*nav*/
    .topBn ul:before { content:""; display:block; width:100%; height:1px; background:#6c47e0; position:absolute; bottom:0; left:0; } 
    .topBn li div { padding-bottom:20px; } 
    .topBn li div:before { bottom:-7px; width:6px; height:6px; border-width:3px; } 
    .topBn li div:after { width:30px; } 
    .topBn li h3 { font-size:15px; } 
    .topBn li h3 sup { font-size:11px; } 
    .topBn li p { font-size:15px; } 

    .bottom_fltbnr { bottom: 65px; padding: 0; } 
    .bottom_fltbnr img.for_pc { display: none; } 
    .bottom_fltbnr img.for_mo { display: block; } 
    .bottom_fltbnr a { bottom: 16.2vw; right:0.7vw; width: 5vw; height: 5vw; margin: 0; } 

    .bottom_fltbnr .for_mo_link { position: absolute; right:2.2vw; bottom: 4.8vw; display: flex; flex-direction: row; align-items: center; justify-content: center; } 
    .bottom_fltbnr .for_mo_link li:first-of-type { margin-right:0.8vw } 
    .bottom_fltbnr .for_mo_link li { width: 18vw; height: 5.9vw; border-radius: 5px; } 
    .bottom_fltbnr .for_mo_link li a { position: initial; bottom: initial; left: initial; display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0; } 

    /*con2*/
    .con2 .content > img { float:none; display:block; margin:auto; width:80%; } 
    .con2 .content > div { display:block; width:100%; max-width:100%; margin:5vw 0 0 0; } 

    /*con6*/
    .con6 dl { display:block; width:100%; } 
    .con6 dl dd span { font-size:11px; } 
    .con6 .inner > div { margin-top:3vw; width:100%; } 
    .con6 .inner > div span { font-size:11px; } 

    /* event */
    .event .event_header { width: 50%; margin-bottom: 30px; } 
    .event .finish_stamp { width: 120px; } 
    .event .event_title2 { margin-bottom: 30px; font-size: 38px; } 
    .event .con_box p { margin-bottom: 15px; font-size: 18px; } 
    .event .date_wrapper { flex-wrap: wrap; } 
    .event .date_wrapper .date:first-of-type { margin-right: -8px; } 
    .event .date_wrapper .date { font-size: 14px; } 
    .event .date_wrapper .date .date_info .tiny_noti { font-size: 11px; } 
    .event .gift_wrapper { flex-wrap: wrap; align-items: center; justify-content: center; } 
    .event .gift_wrapper img,
    .event .gift_wrapper img:nth-of-type(2) { width: 40%; } 
    .event .gift_wrapper img:nth-of-type(odd) { margin-right: 15px; } 
    .event .event_btn img { width: 55%; } 

    /* event2 */
    .event2 .event_header { width: 50%; margin-bottom: 30px; } 
    .event2 .finish_stamp { width: 120px; } 
    .event2 .event_title2 { margin-bottom: 30px; font-size: 38px; } 
    .event2 .date_wrapper { flex-wrap: wrap; } 
    .event2 .date_wrapper .date:first-of-type { margin-right: -8px; } 
    .event2 .date_wrapper .date {font-size: 13px;width: 310px;} 
    .event2 .date_wrapper .date .date_info .tiny_noti { font-size: 11px; } 
    .event2 .gift_wrapper { flex-wrap: wrap; align-items: center; justify-content: center; } 
    .event2 .event_btn img { width: 55%; } 
    .event2 .update .review_btn { width: 50%; } 
    .event1 .eventBoard { margin-top: 10vw; } 
    .evtBoard_common .board_notice li:first-of-type { padding-right: 100px; } 
    .event2 .update .where { margin: 5vw 0; } 
    .event2 .update .where a {font-size: 14px;} 
    .event2 .update .how {margin-bottom: 10px;flex-direction: column;} 
    .event2 .update .how .how_box {width: 100%;margin-right: 0;margin-bottom: 10px;} 
    .event2 .update .how .how_box::before {top: initial;left: 50%;right: initial;bottom: -15px;transform: translate(-50%, 0) rotate(90deg);} 
    .event2 .update .how .how_box:last-of-type { margin-bottom: 0px; } 
    .event2 .update h4 span { font-size: 16px; } 
    .event2 .update .review_btn {margin-bottom: 10vw;width: 230px;} 
}

@media (max-width: 576px) {/*nav*/
    .topBn li div { padding-bottom:15px; } 
    .topBn li h3 { font-size:12px; } 
    .topBn li h3 sup { font-size:10px; } 
    .topBn li p { font-size:12px; } 
    .bottom_fltbnr { bottom: 55px; } 

    /*con2*/
    .con2 .content dt { font-size:16px; } 
    .con2 .content dd { margin-top:5px; font-size:12px; padding-left:15px; background-size:10px; } 
    .con2 .content p a { font-size:15px; padding:10px 5px; } 
    .con2 .content p a img { height:13px; margin:3px 0 0 3px; } 

    /*con4*/
    .con4 h4 { padding:10px 2px; font-size:13px; } 
    .con4 h4 p span:after { height:10px; margin:5px 5px 0; } 

    /*con6*/
    .con6 dt { font-size:14px; } 
    .con6 dd { font-size:25px; } 
    .con6 p a { font-size:15px; padding:10px 5px; } 
    .con6 p a img { height:13px; margin:3px 0 0 3px; } 

    /* event */
    .event .finish_stamp { top: 19px}
    .event .event_title2 { font-size: 28px; } 
    .event .con_box p { font-size: 13px; } 
    .event .date_wrapper { margin-bottom: 30px; } 
    .event .date_wrapper .date .date_title { margin-right: 10px; padding: 0 10px 0 10px; } 
    .event .gift_wrapper { margin-bottom: 39px; } 
    .event .event_btn img { width: 70%; } 
    
    /* event2 */
    .event2 .finish_stamp { top: 19px}
    .event2 .event_title2 {font-size: 22px;} 
    .event2 .date_wrapper {margin-bottom: 25px;padding: 20px 0 0;font-size: 14px;} 
    .event2 .date_wrapper .info{margin:0 0 20px}
    .event2 .date_wrapper .date .date_title { margin-right: 10px; padding: 0 10px 0 10px; } 
    .event2 .gift_wrapper {margin-bottom: 40px;} 
    .event2 .event_btn img { width: 70%; } 
    .event2 .update h4 span { width: 156px; padding: 0 10px; } 
    .event2 .update .how .how_box {padding: 15px 0 20px;height: auto;margin: 0 0 3px;} 
    .event2 .update .how .how_box .how_box_title,.event2 .update .how .how_box:nth-child(1) .how_box_title {margin-bottom: 6px;font-size: 13px;padding: 0 0 4px;} 
    .event2 .update .how .how_box .how_box_text { font-size: 13px; } 
    .event2 .update .how .how_box .how_box_text br{display:none}
    .event2 .update .how .how_box .how_box_text i{padding: 3px 0 0}
    .event2 .book_wrap .book{padding: 0 11%;margin: -20px 0 0}
    
    .mg_popup_wrap.review .custom_contents {/* height: 45.4vh; */overflow-y: auto;} 
    .mg_popup_wrap.review .custom_contents .table .table_tr { flex-wrap: wrap; } 
    .mg_popup_wrap.review .custom_contents .table .table_tr .th {width: 86px;height: 45px;}
    .mg_popup_wrap.review .custom_contents .table .table_tr.img .th {height: 72px}
    .mg_popup_wrap.review .custom_contents .table .table_tr .td {width: 100%;min-height: 45px;padding: 6px 6px;} 
    .mg_popup_wrap.review .custom_contents .table .height190{height: 86px !important}
    .mg_popup_wrap.review .content_area{padding: 20px 15px}
    .mg_popup_wrap.review .custom_title{font-size: 17px;margin: 0 0 12px}
    [class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow{width: 25px;height:25px;background-position: center;top: -33px;}
    .mg_filebox .filename{width: 100%;}
    .mg_filebox .filebtn{width: 100%;}
    .mg_filebox .filebtn label{background:#777}
    .mg_popup_wrap.review .custom_contents .tiny_noti{font-size: 12px;}
    .mg_popup_wrap.review .custom_contents .tiny_noti li{margin: 0 0 1px}
    .mg_popup_wrap.review .custom_contents .tiny_noti a{display:inline-block;text-indent: 0;}
    .mg_popup_wrap.review .custom_btn{margin: 20px 0 0;width: 100%;display: block;line-height: 40px;height: 40px;font-size: 14px}
    .mg_popup_wrap.review .custom_contents .table .table_tr .td textarea{margin: 0;height: 100%}
    .mg_popup_wrap.review .custom_contents .table .table_tr{font-size: 12px;}
    .warningList > li.w_tit{font-size: 13px;}
    .eventWrap .evWarning{padding: 30px 0 !important;}
    .warningList li ul li a{font-size: 11px;}
    .event2 .update .how .how_box .how_box_text i.icon{display:none}
    .event2 .gift_wrapper img{width: 50%}
    .event2 .gift_wrapper img:nth-of-type(1){margin: 0 11% 5%;display: block}
}