@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root {
    --color-primary: #F4AB42;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 60px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.tx_primary {color: var(--color-primary);}

.con_tit .end::after {background: #F00;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evCon1 */
.evCon1 {padding: 80px 0 0; background: #F7F4E5 url(https://image.megagong.net/m/2025/0626_adminlaw/con1_bg.jpg); background-size: auto 100%;}
.evCon1 .sm_tit {font-weight: 400;}
.evCon1 .sm_tit strong {font-weight: 700;}
.evCon1 .md_tit {width: fit-content; font-weight: 700; padding: 7px 10px; border-width: 1px 0 1px 0; border-style: solid; border-color: #111; margin: 38px auto 24px;}
.evCon1 .tea_img {margin-top: 24px;}

/* evCon2 */
.evCon2 .panel_base > li {display: block;}
.evCon2 {background: #F4CE6B;}
.evCon2 .con_tit span {color: #E58700;}
.evCon2 .type_tab {gap: 1px; margin-bottom: 50px;}
.evCon2 .type_tab li a {font-weight: 700; color: #ACACAC; background: #EAEAEA; padding: 25px 0;}
.evCon2 .type_tab li.on a {color: #111; background: var(--color-primary);}
.evCon2 .line_tit {margin-bottom: 25px;}
.evCon2 .line_tit span {background: #111;}
.evCon2 .card_wrap {gap: 120px;}
.evCon2 .type_wrap {flex: 1;}
.evCon2 .type_panel li {position: relative; font-weight: 400; background: var(--color-primary); border: 3px solid var(--color-primary); border-radius: 10px; padding: 20px 30px; cursor: pointer;}
.evCon2 .type_panel li + li {margin-top: 20px;}
.evCon2 .type_panel li.on {background: #fff; border-color: #E49018; cursor: default;}
.evCon2 .type_panel li::before {content: ''; position: absolute; right: 20px; bottom: 5px; width: 64px; height: 40px; background: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_click.png) no-repeat; background-size: contain;}
.evCon2 .type_panel li.on::before {content: none;}
.evCon2 .type_panel li.on::after {content: ''; position: absolute; top: 50%; right: 0; background-repeat: no-repeat; background-size: contain;}
.evCon2 .type_panel .type1.on::after {transform: translateX(100%); width: 121px; height: 162px; background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_arrow1.png);}
.evCon2 .type_panel .type2.on::after {transform: translate(100%, -50%); width: 121px; height: 18px; background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_arrow2.png);}
.evCon2 .type_panel .type3.on::after {transform: translate(100%, -100%); width: 113px; height: 177px; background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_arrow3.png);}
.evCon2 .type_panel .type_tit {margin-bottom: 15px;}
.evCon2 .type_panel .type_tit::before {content: ''; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 15px; background-repeat: no-repeat; background-size: contain;}
.evCon2 .type_panel .type1 .type_tit::before {background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_prof1.png);}
.evCon2 .type_panel .type2 .type_tit::before {background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_prof2.png);}
.evCon2 .type_panel .type3 .type_tit::before {background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_prof3.png);}
.evCon2 .strategy_wrap {flex: 1; display: flex; flex-direction: column;}
.evCon2 .strategy {flex: 1; position: relative; background: #FFF; border-radius: 10px; border: 3px solid #E49018; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.evCon2 .strategy .dim-base-wrap {top: -3px; left: -3px; width: calc(100% + 6px); height: calc(100% + 6px); flex-direction: column; background: #3D3D3D; border-radius: 10px;}
.evCon2 .strategy .dim-base-wrap::before {content: ''; display: block; width: 16px; height: 13px; margin: 0 auto 5px; background: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_check.png) no-repeat; background-size: contain;}
.evCon2 .strategy > [id^='strategy'] {display: none;}
.evCon2 .strategy ul {font-weight: 700;}
.evCon2 .strategy ul li + li {margin-top: 20px;}
.evCon2 .strategy ul li::before {content: ''; display: block; width: 16px; height: 13px; margin: 0 auto 5px; background: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_check.png) no-repeat; background-size: contain;}
.evCon2 .strategy .btn-base {margin-top: 40px;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .mini_tit,
.evCon3 .con_tit {position: relative; z-index: 1;}
.evCon3 .lineup_tab {position: relative; gap: 1px; margin-bottom: 60px;}
.evCon3 .lineup_tab::before {content: ''; position: absolute; bottom: 0; left: -500%; width: 1000%; height: 1000%; min-height: 382px; background: var(--color-primary); z-index: -1;}
.evCon3 .lineup_tab li a {font-weight: 700; color: #4C3700; background: #DE9326; padding: 25px 0;}
.evCon3 .lineup_tab li.on a {color: #111; background: #FFF;}
.evCon3 .hashtag_wrap {justify-content: center; align-items: center; gap: 15px; margin-bottom: 30px;}
.evCon3 .hashtag_wrap li {font-weight: 700; color: #E49018; border-radius: 100px; border: 2px solid #E49018; padding: 11.5px 30px;}
.evCon3 .cont_wrap {display: flex; align-items: center; gap: 15px; margin-bottom: 15px;}
.evCon3 .cont_wrap .tea {flex: 1; position: relative; width: 36%; padding: 0 10px;}
.evCon3 .cont_wrap .tea::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(180deg,transparent 10%, rgba(255, 255, 255, 1) 85%);}
.evCon3 .teacher_home {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); min-width: fit-content;}
.evCon3 .teacher_home b {color: #111; background: #FFE7C5; width: 20px; height: 20px;}
.evCon3 .eventVideo {width: 64%; max-width: 664px; flex-grow: 0;}
.eventVideo.system .video_box {padding-bottom: 56.1%;}
.eventVideo.system .play_area > img {width: 0; height: 0;} /*À̹ÌÁö ¾øÀ»°æ¿ì ÄÁÅÙÃ÷ ¾øÀ½ ¾Ë·µÀÌ ¶ß¹Ç·Î ÀÓ½ÃÁöÁ¤*/
.eventVideo.system .video_title {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 700; color: #FFF; background: #242424; z-index: 2;}
.eventVideo.system .video_title strong {margin: 15px auto 30px;}
.eventVideo.system .video_title::after {content: ''; display: block; width: 71px; height: 70px; background: url(https://img.megagong.net/m/2025/0626_adminlaw/ico_play.png) no-repeat; background-size: contain;}
.evCon3 .curr_wrap .line_tit {margin-bottom: 35px;}
.evCon3 .curr_wrap .line_tit i {background: none; border-top: 1px dashed #000;}
.evCon3 .curr_wrap ol {gap: 20px;}
.evCon3 .curr_wrap ol li {flex: 1; position: relative; height: 213px; border-radius: 10px; border: 1px solid #D9D9D9; padding: 30px 10px;}
.evCon3 .curr_wrap ol li + li::before {content: ''; position: absolute; top: calc(50% - 7.5px); left: -15px; width: 10px; height: 15px; background: url(https://img.megagong.net/m/2025/0626_adminlaw/con3_arrow.png) no-repeat; background-size: contain;}
.evCon3 .curr_wrap ol .emphasis {background: #F4CE6B; border-color: #F4CE6B;}
.evCon3 .curr_wrap ol .step_tit {color: #7C7C7C;}
.evCon3 .curr_wrap ol .step_tit::after {content: ''; display: block; width: 85%; height: 1px; background: #E0E0E0; margin: 5px auto 10px;}
.evCon3 .curr_wrap ol .emphasis .step_tit {color: #000;}
.evCon3 .curr_wrap ol .emphasis .step_tit::after {background: #111;}
.evCon3 .curr_wrap + .evt_con_base {font-weight: 400; margin-top: 35px;}

/* evCon4 */
.evCon4 {background: #F8F8F8;}
.evCon4 .lectureTab .lecTab_wrap {border: none;}
.evCon4 .gubn_list {gap: 1px;}
.evCon4 .gubn_list li a {font-weight: 700; color: #ACACAC; background: #EAEAEA; padding: 25px 0;}
.evCon4 .gubn_list li.on a {color: #111; background: #F4CE6B;}
.evCon4 .lecCon_wrap .lecture {background: none;}
.evCon4 .lecCon_wrap .lectlist {background: #FFF;}
.evCon4 .subTab li.on a {font-weight: 700; color: #000; text-decoration: none;}
.evCon4 .vodchr_banner {margin-bottom: 0;}

/* evCon5 */
.evCon5 {background: linear-gradient(180deg, #FFF8DF 0%, #F4CE6B 100%);}
.evCon5 .con_tit {margin-bottom: 0;}
.evCon5 .mini_tit {color: #565656;}
.evCon5 .mini_tit + .evt_con_base {color: #B46A00; opacity: 0.6; margin: 20px auto 30px;}
.evCon5 .gift_list_wrap {margin-bottom: 90px;}
.evCon5 .gift_list_wrap .badge {background: var(--color-primary);}
.evCon5 .radio-customize-area {background: #FFF; padding: 25px 0 30px;}
.evCon5 .radio-base-list {justify-content: center; gap: 57px; margin-top: 20px;}
.evCon5 .radio-base-list .radio-base {height: auto;}
.evCon5 .radio-base-list .radio-base label .img_wrap {position: relative; display: block; width: 96px; border: 3px solid transparent; border-radius: 50%; overflow: hidden;}
.evCon5 .radio-base-list .radio-base label .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.evCon5 .radio-base-list .radio-base label:hover .mask {background: var(--color-primary); opacity: 0.5;}
.evCon5 .radio-base-list .radio-base input[type=radio]:checked ~ label .img_wrap {border-color: var(--color-primary);}
.evCon5 .radio-base-list .radio-base:hover .mask {background: var(--color-primary);}
.evCon5 .radio-base-list .radio-base label p {margin-top: 10px;}
.evCon5 .radio-base-list .radio-base label:hover p,
.evCon5 .radio-base-list .radio-base input[type=radio]:checked ~ label p {font-weight: 700; color: var(--color-primary);}
.evCon5 .regist_form_area {background: var(--color-primary); border-radius: unset;}
.evCon5 .regist_form_area .check_area .info {color: #E1E1E1;}
.evCon5 .comment_list {margin-top: 0;}
.evCon5 .board-list-wrap .tit_btn {gap: 20px;}
.evCon5 .board-list-wrap .tit_btn .prof {width: 66px; flex-shrink: 0;}
.evCon5 .board-list-wrap .tit_btn .content .name {font-weight: 700; margin-bottom: 12px;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .evSection .mini_tit + .con_tit {margin-top: 2%;}

    /* evCon1 */
    .evCon1 {padding: 8% 0 0;}

    /* evCon3 */
    .evCon3 .hashtag_wrap li {padding: 11.5px 15px;}
}
@media screen and (max-width: 992px){
    .evCon2 .card_wrap {max-width: 510px; margin: 0 auto; flex-direction: column; gap: 85px;}
    .evCon2 .type_panel li {display: none;}
    .evCon2 .type_panel li + li {margin-top: 0;}
    .evCon2 .type_panel li[class^='type'].on::after {top: auto; right: auto; bottom: -20px; left: 50%; transform: translate(-50%, 100%); width: 44px; height: 46px; background-image: url(https://image.megagong.net/m/2025/0626_adminlaw/con2_arrow_mo.png);}
    .evCon2 .strategy {padding: 55px 40px;}

    .evCon3 .hashtag_wrap {flex-wrap: wrap;}
    .evCon3 .hashtag_wrap li {width: calc(50% - 7.5px); padding: 6px;}
    .evCon3 .cont_wrap {flex-direction: column; margin-bottom: 60px;}
    .evCon3 .cont_wrap .tea {width: 100%; max-width: 664px; padding: 0;}
    .evCon3 .cont_wrap .tea::before {content: none;}
    .evCon3 .teacher_home {position: static; transform: none;}
    .evCon3 .eventVideo {width: 100%;}

    .evCon5 .radio-base-list {gap: 20px;}
    .evCon5 .radio-base-list .radio-base label .img_wrap {width: 80px;}
}
@media screen and (max-width: 768px){
    .evt_con_base.xs {font-size: 12px;}

    .evCon3 .curr_wrap ol {flex-direction: column;}
    .evCon3 .curr_wrap ol li {height: auto; padding: 15px 10px;}
    .evCon3 .curr_wrap ol li + li::before {top: -10px; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
}
@media screen and (max-width: 576px){
    .evCon1 .md_tit {margin: 20px auto;}

    .evCon2 .type_tab {font-size: 14px; margin-bottom: 25px;}
    .evCon2 .type_tab li a {padding: 15px 0;}
    .evCon2 .type_panel li[class^='type'].on::after {bottom: -15px; width: 22px; height: 23px;}
    .evCon2 .card_wrap {gap: 50px;}
    .evCon2 .strategy {padding: 30px 15px;}

    .evCon3 .lineup_tab {margin-bottom: 25px;}
    .evCon3 .lineup_tab li a {padding: 15px 0;}
    .evCon3 .hashtag_wrap {gap: 5px;}
    .evCon3 .hashtag_wrap li {width: auto; padding: 2px 6px;}
    .evCon3 .cont_wrap {margin-bottom: 30px;}
    .eventVideo.system .video_title strong {margin: 10px auto 20px;}
    .eventVideo.system .video_title::after {width: 35px; height: 35px;}

    .evCon4 .gubn_list li a {padding: 15px 0;}
    .evCon4 .lectureTab .lecCon_wrap {margin-top: 0;}

    .evCon5 .gift_list_wrap {margin-bottom: 50px;}
    .evCon5 .radio-base-list {gap: 10px; margin-top: 10px;}
    .evCon5 .radio-base-list .radio-base label .img_wrap {width: 60px;}
    .evCon5 .board-list-wrap .tit_btn {gap: 10px;}
    .evCon5 .board-list-wrap .tit_btn .prof {width: 44px;}
    .evCon5 .board-list-wrap .tit_btn .content .name {margin-bottom: 5px;}
}