@charset "euc-kr";


/* main */
.main { padding: 134px 0 196px 0; background-image: url('https://image.megagong.net/m/2023/0809_administration/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main h3 .main_slide { margin-bottom: 69px; } 
.main h3 .main_slide .item { color: #111111; font-size: 24px; font-weight: bold; letter-spacing: 5px; white-space: nowrap; } 
.main h3 .main_slide .item span { display: inline-block; padding: 2px 10px 2px 15px; color: #fff; font-weight: 900; background-color: #ff2400; border-radius: 5px; } 
.main h3 > img:last-of-type { margin-top: 49px; } 


/* banner */
.banner { background-color: #111111; } 
.banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; } 
.banner ul { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.banner ul.for_mo { display: none; } 
.banner ul li { position: relative; flex: 1; } 
.banner ul li::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 50px; background-color: #414141; } 
.banner ul li:last-of-type::before { display: none; } 
.banner ul li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100px; } 
.banner ul li a .fin { position: absolute; top: 50%; right: -33px; transform: translate(0, -50%); z-index: 2; } 
.banner ul li a p { line-height: 1.5; color: #fff; font-size: 17px; letter-spacing: -0.05em;} 
.banner ul li a p b { color: #ff9f39; } 
.banner ul li a .gift { margin-right: 15px; } 


/* evSection */
.evSection .con_tit { line-height: 1.2; color: #111111; font-size: 42px; font-weight: 900; } 
.evSection .con_tit i { display: inline-block; margin-bottom: 20px; color: #ff9f39; font-size: 20px; font-style: normal; } 
.evSection .con_tit span { background: linear-gradient(to right, #ff9f39, #ff5c39); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 


/* evCon1 */
.evCon1 { padding: 75px 0 100px 0; background-color: #f5f5f5; } 
.evCon1.on { padding: 175px 0 100px 0; } 
.evCon1 .con_tit { margin-bottom: 34px; } 
.evCon1 .con_box { margin: 0 -11.5px; } 
.evCon1 .con_box a { display: inline-block; margin-top: 50px; padding: 23px 70px; color: #fff; font-size: 24px; font-weight: bold; background-color: #111111; border-radius: 50px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); } 


/* evCon2 */
.evCon2 { padding: 87px 0 100px 0; background-color: #fff; } 
.evCon2 .con_tit { margin-bottom: 43px; } 
.evCon2 .con_box .text_wrpper { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon2 .con_box .text_wrpper.point { margin-top: 50px; background-color: #f5f5f5; border-radius: 15px; } 
.evCon2 .con_box .text_wrpper .text { flex: 1; margin-right: 40px; padding: 21px 0; color: #111111; font-size: 18px; background-color: #f5f5f5; border-radius: 15px; } 
.evCon2 .con_box .text_wrpper .text.point { background: linear-gradient(to right, #ff9f39, #ff5c39); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon2 .con_box .text_wrpper .text:last-of-type { margin-right: 0; } 
.evCon2 .con_box .text_wrpper .text b { font-size: 20px; } 
.evCon2 .con_box p { margin-top: 35px; color: #999999; font-size: 24px; } 
.evCon2 .con_box .img_wrapper { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; margin-right: -10px; } 
.evCon2 .con_box .img_wrapper > div { position: relative; } 
.evCon2 .con_box .img_wrapper > div img:last-of-type { position: absolute; top: 0; left: 0; opacity: 0; } 
.evCon2 .con_box .img_wrapper > div.on img:last-of-type { opacity: 1; z-index: 2; } 


/* evCon3 */
.evCon3 { padding: 93px 0 100px 0; background-color: #f5f5f5; } 
.evCon3 .con_tit { margin-bottom: 43px; } 
.evCon3 .con_tit i { color: #111111; } 
.evCon3 .con_box { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-right: -10px; } 
.evCon3 .con_box.for_mo { display: none; } 


/* evCon4 */
.evCon4 { position: relative; overflow: initial !important; padding: 93px 0 100px 0; background-color: #fff; } 
.evCon4 .con_tit { margin-bottom: 43px; } 
.evCon4 .con_tit i { color: #111111; } 
.evCon4 .con_box { position: relative; padding-top: 90px; } 
.evCon4 .con_box .css_wrapper { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; width: 98vw; overflow: hidden; } 
.evCon4 .con_box .css_wrapper::before { position: absolute; left: -100vw; bottom: 0; content: ''; width: 200vw; height: 2px; background-color: #111111; z-index: 2; } 
.evCon4 .con_box .tab_base { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 1080px; } 
.evCon4 .con_box .tab_base li { flex: 1; height: 88px; margin-right: 1px; color: #cccccc; font-size: 26px; font-weight: bold; background-color: #eeeeee; } 
.evCon4 .con_box .tab_base li:last-of-type { margin-right: 0; } 
.evCon4 .con_box .tab_base li.on { color: #fff; background-color: #111111; } 
.evCon4 .con_box .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evCon4 .con_box .panel_base .tab_top { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; margin-top: 50px; } 
.evCon4 .con_box .panel_base .tab_top .teacher { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 40px; } 
.evCon4 .con_box .panel_base .tab_top .teacher::before { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); } 
.evCon4 .con_box .panel_base .tab_top .teacher a { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: -20px; z-index: 2; } 
.evCon4 .con_box .panel_base .tab_top .teacher a b { margin-right: 3px; } 
.evCon4 .con_box .panel_base .tab_top .teacher a > img { margin-left: 5px; } 
.evCon4 .con_box .panel_base .tab_top .video_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.evCon4 .con_box .panel_base .tab_top .video_wrapper h6 { font-size: 24px; font-weight: 900; background: linear-gradient(to right, #ff9f39, #ff5c39); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon4 .con_box .panel_base .tab_top .video_wrapper .eventVideo.video_renewal { margin: 25px 0 15px 0; } 
.evCon4 .con_box .panel_base .tab_top .video_wrapper .tiny_noti { display: block; width: 100%; margin-top: 13px; color: #999999; font-size: 13px; text-align: right; } 
.evCon4 .con_box .panel_base .tab_mid { margin: 23px 0 35px 0; } 
.evCon4 .con_box .panel_base .tab_mid .img { margin: 0 -50px; } 
.evCon4 .con_box .panel_base .tab_mid .tab_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin: 45px 0 30px 0; } 
.evCon4 .con_box .panel_base .tab_mid .tab_subtitle .line { flex: 1; height: 1px; background-color: #000; } 
.evCon4 .con_box .panel_base .tab_mid .tab_subtitle .text { margin: 0 30px; color: #000000; font-size: 24px; font-weight: bold; } 
.evCon4 .con_box .panel_base .tab_mid .lecture { padding-bottom: 0 !important; } 
.evCon4 .con_box .tab_bottom { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px 60px; background: linear-gradient(to right, #ff9f39, #ff5c39); border-radius: 20px; } 
.evCon4 .con_box .tab_bottom > img { position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); } 
.evCon4 .con_box .tab_bottom > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } 
.evCon4 .con_box .tab_bottom > div p { margin-bottom: 12px; color: #111111; font-size: 16px; } 
.evCon4 .con_box .tab_bottom > div h6 { color: #111111; font-size: 22px; font-weight: bold; } 
.evCon4 .con_box .tab_bottom > div h6 span { color: #fff; } 
.evCon4 .con_box .tab_bottom > p { color: #111111; font-size: 20px; font-weight: bold; } 
#anchor{
    position: absolute;
    top: -100px;
    left: 0;
}

/* event */
.event { padding: 150px 0; background-color: #fff1e3; } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: -40px; right: 10px; z-index: 2; } 
.event .con_tit { margin-bottom: 44px; } 
.event .con_tit span { background: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; color: #ff2400; } 
.event .con_box .info_and_gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.event .con_box .info_and_gift .container_info { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 0 0 50px; background-color: transparent; border-radius: 0; } 
.event .con_box .info_and_gift .container_info .info { margin-bottom: 16px; } 
.event .con_box .info_and_gift .container_info .info:nth-of-type(3) { align-items: flex-start; } 
.event .con_box .info_and_gift .container_info .info .info_title::before { left: -14px; width: 2px; height: 19px; border-radius: 0; } 
.event .con_box .info_and_gift .container_info .info .info_title::after { display: none; } 
.event .con_box .info_and_gift .container_info .info .info_date { font-weight: bold; text-align: left; } 
.event .con_box .info_and_gift .container_info .info .info_date span { color: #ff2400; } 
.event .con_box .info_and_gift .container_info .info .noti { color: #d3ad88; } 
.event .con_box .wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 58px; } 
.event .con_box .wrapper a { display: inline-block; margin-top: 50px; padding: 23px 95px; color: #fff; font-size: 24px; font-weight: bold; background-color: #111111; border-radius: 50px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); } 
.event .con_box .wrapper a:last-of-type { margin-left: 40px; background: linear-gradient(to right, #ff9f39, #ff5c39); } 
.event .con_box .wrapper a.for_mo { display: none; } 


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.warningList li ul li a { margin-left: initial; color: #0f48bc; text-decoration: underline; text-underline-offset: 3px; } 


@media screen and (max-width: 1200px){
    .main h3 .main_slide .item { letter-spacing: 4px; } 
    .banner ul li a .fin { right: 0; } 
    .banner ul li a p { font-size: 16px; } 
    .evSection .con_tit { font-size: 38px; } 
    .evCon1 .con_box { margin: 0 auto; } 
    .evCon2 .con_box .img_wrapper { flex-direction: column; align-items: center } 
    .evCon2 .con_box .img_wrapper > img:last-of-type { margin-top: 30px; } 
    .evCon3 .con_box.for_pc { display: none; } 
    .evCon3 .con_box.for_mo { display: block; width: 50%; margin: 0 auto; } 
    .evCon3 .con_box.for_mo .slick-dots { position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 2; } 
    .evCon3 .con_box.for_mo .slick-dots li { width: 14px; height: 14px; margin: 0 3.5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; cursor: pointer; } 
    .evCon3 .con_box.for_mo .slick-dots li button { font-size: 0; } 
    .evCon3 .con_box.for_mo .slick-dots li.slick-active { width: 37px; background-color: rgba(0, 0, 0, 0.5); border-radius: 40px; } 
    .evCon4 .con_box .tab_base { width: 96%; } 
    .evCon4 .con_box .panel_base .tab_mid .img { margin: 0 auto; } 
}

@media screen and (max-width: 992px){
    .main { padding: 7vw 0 10vw 0; } 
    .main h3 .main_slide { margin-bottom: 5vw; } 
    .main h3 .main_slide .item { font-size: 20px; letter-spacing: 2px; } 
    .main h3 > img:nth-of-type(1) { width: 85%; } 
    .main h3 > img:nth-of-type(2) { width: 55%; } 
    .banner ul.for_pc { display: none; } 
    .banner ul.for_mo { display: flex; } 
    .banner ul li a { height: 65px; } 
    .banner ul li a .fin { width: 7vw; } 
    .banner ul li a p { font-size: 13px; letter-spacing: -1px; } 
    .banner ul li a .gift { width: 23%; margin-right: 7px; } 
    .evSection .con_tit { font-size: 31px; letter-spacing: -1px; } 
    .evSection .con_tit i { font-size: 18px; letter-spacing: 0; } 
    .evCon1.on { padding: 140px 0 100px 0; } 
    .evCon1 .con_box a { padding: 18px 50px; font-size: 20px; } 
    .evCon2 .con_box .text_wrpper .text { margin-right: 20px; font-size: 16px; } 
    .evCon2 .con_box p { font-size: 20px; } 
    .evCon4 .con_box .tab_base li { height: 75px; font-size: 20px; } 
    .evCon4 .con_box .panel_base .tab_top .video_wrapper h6 { font-size: 20px; } 
    .evCon4 .con_box .panel_base .tab_top .video_wrapper .tiny_noti { font-size: 9px; } 
    .event .inner .fin { top: 0; width: 25vw; } 
    .event .con_tit > img { width: 40%; margin-bottom: 15px; } 
    .event .con_box .info_and_gift { flex-direction: column-reverse; } 
    .event .con_box .info_and_gift .container_info { margin-top: 30px; padding: 0 0 0 20px; } 
    .event .con_box .wrapper a.for_pc { display: none; } 
    .event .con_box .wrapper a.for_mo { display: inline-block; } 
    .event .con_box .wrapper a { padding: 18px 50px; font-size: 20px; } 
    .event .con_box .wrapper a:last-of-type { margin-left: 20px; } 
    #anchor{
        top: -65px;
    }
}

@media screen and (max-width: 768px){
    .main h3 .main_slide .item { font-size: 16px; letter-spacing: 1px; } 
    .evSection .con_tit { font-size: 23px; } 
    .evSection .con_tit i { font-size: 16px; } 
    .evCon2 .con_box .text_wrpper .text { margin-right: 10px; font-size: 14px; } 
    .evCon2 .con_box .text_wrpper .text b { font-size: 18px; } 
    .evCon2 .con_box p { font-size: 17px; } 
    .evCon2 .con_box .text_wrpper .text b { font-size: 16px; } 
    .evCon4 .con_box .tab_base li { height: 65px; font-size: 16px; } 
    .evCon4 .con_box .panel_base .tab_top { flex-direction: column; align-items: center; margin-top: 0; } 
    .evCon4 .con_box .panel_base .tab_top .teacher { width: 40%; margin-right: 0; margin-bottom: 20px; } 
    .evCon4 .con_box .panel_base .tab_top .video_wrapper h6 { font-size: 16px; } 
    .evCon4 .con_box .panel_base .tab_mid .img { overflow: scroll; } 
    .evCon4 .con_box .panel_base .tab_mid .img > div { width: 1180px; height: 230px; } 
    .evCon4 .con_box .tab_bottom { padding: 20px 30px; } 
    .evCon4 .con_box .tab_bottom > div p { margin-bottom: 3px; font-size: 14px; } 
    .evCon4 .con_box .tab_bottom > div h6 { font-size: 18px; } 
    .event .con_box .info_and_gift > img { width: 50%; } 
}

@media screen and (max-width: 576px){
    .main h3 .main_slide .item { font-size: 10px; letter-spacing: 0; } 
    .main h3 > img:last-of-type { margin-top: 10vw; } 
    .banner ul li a p { font-size: 12px; } 
    .evSection .con_tit { font-size: 17px; } 
    .evSection .con_tit i { font-size: 12px; } 
    .evCon1 { padding: 10vw 0 10vw 0; } 
    .evCon1.on { padding-top: calc(10vw + 65px); } 
    .evCon1 .con_box a { margin-top: 7vw; padding: 15px 40px; font-size: 15px; } 
    .evCon2 { padding: 10vw 0 10vw 0; } 
    .evCon2 .con_tit { margin-bottom: 10vw; } 
    .evCon2 .con_box .text_wrpper .text { margin-right: 5px; font-size: 11px; } 
    .evCon2 .con_box .text_wrpper .text b { font-size: 13px; } 
    .evCon2 .con_box p { margin-top: 10vw; font-size: 12px; } 
    .evCon2 .con_box .text_wrpper .text b { font-size: 11px; } 
    .evCon2 .con_box .text_wrpper.point { margin-top: 10vw; } 
    .evCon3 { padding: 10vw 0 15vw 0; } 
    .evCon3 .con_box.for_mo { width: 80%; } 
    .evCon4 { padding: 10vw 0 10vw 0; } 
    .evCon4 .con_box .panel_base .tab_mid .tab_subtitle .text { margin: 0 10px; font-size: 16px; } 
    .evCon4 .con_box .tab_bottom { flex-direction: column; } 
    .evCon4 .con_box .tab_bottom > div { align-items: center; } 
    .evCon4 .con_box .tab_bottom > div p { font-size: 11px; } 
    .evCon4 .con_box .tab_bottom > p { margin-top: 15px; } 
    .event { padding: 10vw 0 10vw 0; } 
    .event .con_box .wrapper { margin-top: 0; } 
    .event .con_box .wrapper a { margin-top: 10vw; padding: 15px 25px; font-size: 14px; } 
    .event .con_box .wrapper a:last-of-type { margin-left: 10px; } 
}