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

/* settings */
:root {
    --color-blue: #4772d3;
    --color-red: #ff4949;
}
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 70px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_tit + .mini_tit {margin-top: 30px; margin-bottom: 60px;}
.cr_gong {color: var(--color-blue);}
.cr_sobang {color: var(--color-red);}

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

/* tab_wrap */
.tab_wrap .fix_tab {background: #474747;}
.tab_wrap .fix_tab.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 3;}
.tab_wrap .fix_tab li:nth-child(1) {text-align: right;}
.tab_wrap .fix_tab li:nth-child(2) {text-align: left;}
.tab_wrap .fix_tab li a {padding: 46px 0;}
.tab_wrap .fix_tab li a strong {display: inline-block; width: 600px; text-align: center;}
.tab_wrap .fix_tab li.on a {background: #ffb400;}

/* evCon1 */
.evCon1 {padding: 0 0 145px; background: #fff0b2 url(https://image.megagong.net/m/2025/0220_allawyer/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .inner {width: 1200px;}
.evCon1 .sub_tit {color: #292929; line-height: 1.8; text-align: left; margin-bottom: 140px; padding-top: 140px;}
.evCon1 h3 {text-align: left;}
.evCon1 h3 span {color: #7a6157;}
.evCon1 h3 strong {display: block; font-size: 136px; letter-spacing: 0.16em; line-height: 1.3;}
.evCon1 .teacher_home {position: absolute; right: 60px; bottom: 0; color: #fff;}
.evCon1 .teacher_home i {background: #fff;}
.evCon1 .teacher_home b {color: #000; background: #fff;}
.evCon1 .feature {position: absolute; right: 60px; top: 0;}
.evCon1 .feature ul {position: relative; text-align: left; padding: 60px 0;}
.evCon1 .feature ul::before {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.4); background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.4) 85%, transparent 100%); background: linear-gradient(180deg, rgba(255,255,255,0.4) 85%, transparent 100%);}
.evCon1 .feature li {position: relative; padding-left: 18px;}
.evCon1 .feature li + li {margin-top: 40px;}
.evCon1 .feature li::before {content: ''; position: absolute; top: 50%; left: -4.5px; width: 9px; height: 9px; background: #fff; border-radius: 50%;}
.evCon1 .feature strong {color: #493f3a;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .con_tit {margin-bottom: 120px;}
.evCon2 .contents_wrap {gap: 30px;}
.evCon2 .item {flex: 1; position: relative; display: flex; flex-direction: column; border: 2px solid #dfdfdf; border-radius: 20px; height: 420px; padding: 80px 0 20px}
.evCon2 .item::before {content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 87px; height: 87px; background-size: contain; background-repeat: no-repeat;}
.evCon2 .item_o::before {background-image: url(https://image.megagong.net/m/2025/0220_allawyer/con2_o.png);}
.evCon2 .item_o .tit span {color: var(--color-red);}
.evCon2 .item_x::before {background-image: url(https://image.megagong.net/m/2025/0220_allawyer/con2_x.png);}
.evCon2 .item_x .tit span {color: var(--color-blue);}
.evCon2 .item .txt {width: fit-content; margin: auto;}
.evCon2 .item .txt p {font-weight: 400; color: #6d6d6d; line-height: 1.6; padding: 0 10px;}
.evCon2 .item .txt p + p {border-top: 2px dashed #dfdfdf; margin-top: 20px; padding-top: 20px;}
.evCon2 .item .txt b {font-weight: 700; color: #2a2a2a; background: #fff5bd;}

/* evCon3 */
.evCon3 {background: #f3efe9;}
.evCon3 .mini_tit {color: #61595b;}
.evCon3 .mini_tit span {color: var(--color-red);}
.evCon3 .contents_wrap {margin: 0 -60px; align-items: center; gap: 0;}
.evCon3 .book_wrap {text-align: left;}
.evCon3 .book_wrap .book {position: relative; margin: 0 -40px 30px -244px;}
/* .evCon3 .book_wrap .book .badge {position: absolute; top: 20px; left: 30px; width: 148px; height: 148px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--color-red);} */
.evCon3 .book_wrap .btn-base {margin-left: 60px;}
.evCon3 .txt_wrap {color: #404040; width: 635px; flex-shrink: 0;}
.evCon3 .txt_wrap .item {background: #fff; border: 1px dashed #767676; border-radius: 16px; padding: 40px 55px; text-align: left;}
.evCon3 .txt_wrap .item + .item {margin-top: 14px;}
.evCon3 .txt_wrap .tit {font-weight: 700; color: #000; margin-bottom: 20px;}
.evCon3 .txt_wrap ul {font-weight: 400; letter-spacing: -0.05em;}
.evCon3 .txt_wrap li {position: relative; padding-left: 10px;}
.evCon3 .txt_wrap li + li {margin-top: 15px;}
.evCon3 .txt_wrap li .mark {position: absolute; top: 0; left: 0;}
.evCon3 .txt_wrap .cr_brown {color: #907752;}
.evCon3 .txt_wrap .cr_brown li {padding-left: 20px; margin-top: 5px;}

/* evCon4 */
.evCon4 {background: #fff;}
.evCon4 .con_tit {color: #867b78; margin-bottom: 0;}
.evCon4 .review_wrap {flex-wrap: wrap; gap: 38px 30px;}
.evCon4 .review_wrap .item {position: relative; flex: 1; border: 3px solid #9e918d; border-radius: 50px; padding: 70px 0;}
.evCon4 .review_wrap .item:nth-child(1) {flex-basis: 100%;}
.evCon4 .review_wrap .item::before,
.evCon4 .review_wrap .item::after {content: ''; position: absolute; width: 47px; height: 38px; background-image: url(https://image.megagong.net/m/2025/0220_allawyer/con4_quotes.png); background-size: contain; background-repeat: no-repeat;}
.evCon4 .review_wrap .item::before {top: -23px;; left: 45px;}
.evCon4 .review_wrap .item::after {bottom: -23px; right: 45px; transform: rotate(180deg)}
.evCon4 .review_wrap .writer {width: 85%; font-weight: 700; color: #323232; border-bottom: 1px solid rgba(136, 136, 136, 0.5); margin: 0 auto 25px; padding-bottom: 25px;}
.evCon4 .review_wrap p {font-weight: 400; color: #333; line-height: 1.6;}
.evCon4 .review_wrap b {background: #fff5bd;}

/* evCon5 */
.evCon5 {background: #474747;}
.evCon5 .mini_tit span {color: #ffba00;}
.evCon5 .tit_badge {position: absolute; top: -20px; left: 40px; display: flex; justify-content: center; align-items: center; width: 148px; height: 148px; border-radius: 50%; background: #ff4949; font-style: normal; line-height: 1.6;}
.evCon5 .tit_badge::before {content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 25px solid #ff4949; right: 5px; bottom: 10px; transform: rotate(-45deg);}
.evCon5 .procedure_wrap {position: relative; padding: 65px 0; margin: 0 -80px; z-index: 0;}
.evCon5 .procedure_wrap::before {content: ''; position: absolute; width: 1000%; height: 100%; left: -500%; top: 0; background: #2f2f2f; z-index: -1;}
.evCon5 .procedure_wrap .item {position: relative; flex: 1;}
.evCon5 .procedure_wrap .item + .item {border-left: 1px dashed rgba(255, 255, 255, 0.2);}
.evCon5 .procedure_wrap .item + .item::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 34px; height: 34px; background: #fff; border-radius: 50%; background-image: url(https://image.megagong.net/m/2025/0220_allawyer/con5_arrow.png); background-size: auto; background-repeat: no-repeat; background-position: 50% 50%;}
.evCon5 .procedure_wrap .tit {display: block; color: #ffba00; margin: 20px auto 15px;}
.evCon5 .procedure_wrap .btn-base {margin-top: 20px;}
.evCon5 .procedure_wrap .btn-base a {font-size: 16px; color: #fff; background: #ff4949; padding: 6px 17px;}
.evCon5 .mid_msg {line-height: 1.4; margin: 60px auto;}
.evCon5 .mid_msg b {font-weight: 700; color: #ff4949;}
.evCon5 .recommend_wrap {position: relative; background: #fff; border-radius: 10px; margin-top: 80px;}
.evCon5 .recommend_wrap .tit {position: absolute; top: 0; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.evCon5 .lec_wrap {width: fit-content; gap: 30px; margin: 0 auto; padding: 85px 0 70px;}
.evCon5 .lec_wrap .item {width: 290px; border: 1px solid #474747; border-radius: 10px; padding: 30px 0 35px;}
.evCon5 .lec_wrap p {margin: 25px auto 20px;}
.evCon5 .lec_wrap .btn-base a {width: 224px; font-size: 16px; color: #fff; background: #877b77; padding: 8px 0;}
.evCon5 .recommend_wrap .btm {position: relative; justify-content: center; align-items: center; gap: 28px; background: #ff4949; border-radius: 0 0 10px 10px;}
.evCon5 .recommend_wrap .btm .img {margin: -16px 0; box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.24);}
.evCon5 .recommend_wrap .btm p {}

/* evCon6 */
.evCon6 {background: #f8f6f4; background: -webkit-linear-gradient(270deg, #f8f6f4 0%, #dacec3 100%); background: linear-gradient(180deg, #f8f6f4 0%, #dacec3 100%);}
.evCon6.event .bg_shadow {bottom: 260px;}
.evCon6 .con_tit {margin-bottom: 0;}
.evCon6 .mini_tit {opacity: 0.6;}
.evCon6 .gift_item_wrap {position: relative; margin-bottom: 20px;}
.evCon6 .gift_item_wrap::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150%; background: url(https://image.megagong.net/m/2025/0220_allawyer/con6_gift_bg.png) no-repeat; background-size: auto; background-position: 50% 0;}
.evCon6 .evt_box {margin-top: 40px; padding: 30px 0;}
.evCon6 .evt_box p {margin-top: 10px; font-weight: 400;}
.evCon6 .evt_box .cr_red {font-weight: 700; color: #ff4949;}
.evCon6 .evt_box .cr_red strong {background: #fff5bd;}

/* evCon7 */
.evCon7 {background: #fff;}

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

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

    .con_tit .end {right: 0;}

    /* tab_wrap */
    .tab_wrap .fix_tab li a {padding: 4vmin 0;}
    .tab_wrap .fix_tab li a strong {width: 100%;}

    /* evCon1 */
    .evCon1 {padding: 8% 0 12%; background-position: 45% 50% !important;}
    .evCon1 .inner {width: 96%;}
    .evCon1 .sub_tit {padding-top: 0; margin-bottom: 8%;}
    .evCon1 h3 strong {font-size: clamp(45px,12vmin,120px);}
    .evCon1 .teacher_home {position: static; justify-content: flex-end;}
    .evCon1 .feature {position: static; margin-top: 5%;}
    .evCon1 .feature ul {display: flex; gap: 1vmin; padding: 0;}
    .evCon1 .feature ul::before {content: none;}
    .evCon1 .feature li {padding-left: 0; flex: 1; text-align: center; background: rgba(135, 121, 120, 0.9); border: 1px solid #fff; border-radius: 10px; padding: 2vmin 0;}
    .evCon1 .feature li::before {content: none;}
    .evCon1 .feature li + li {margin-top: 0;}

    /* evCon3 */
    .evCon3 .contents_wrap {gap: 2vmin; margin: 0 auto;}
    .evCon3 .book_wrap {text-align: center;}
    .evCon3 .book_wrap .book {margin: 0 -5vmin 5% -12vmin;}
    .evCon3 .book_wrap .btn-base {margin-left: 0;}
    .evCon3 .txt_wrap {width: 600px; position: relative;}
    .evCon3 .txt_wrap .item {padding: 30px;}

    /* evCon4 */
    .evCon4 .con_tit {margin-bottom: 0;}

    /* evCon5 */
    .evCon5 .tit_badge {top: 0; left: 0; width: 140px; height: 140px;}
    .evCon5 .procedure_wrap {padding: 6vmin 0; margin: 0 auto;}
}
@media screen and (max-width: 992px){
    .tab_wrap .fix_tab li a {padding: 2vmin 0;}

    .evCon1 .feature ul {flex-wrap: wrap;}
    .evCon1 .feature li {flex-basis: calc(50% - 0.5vmin);}

    .evCon2 .contents_wrap {gap: 1vmin;}

    .evCon3 .contents_wrap {flex-direction: column; gap: 5vmin;}
    .evCon3 .book_wrap .book {max-width: 75%; margin: 0 auto 5%;}
    .evCon3 .book_wrap .book img {margin-left: -10vmin;}

    .evCon4 .review_wrap {flex-direction: column; gap: 4vmin;}
    .evCon4 .review_wrap .item {padding: 6vmin 1vmin 5vmin;}
    .evCon4 .review_wrap .item:nth-child(2) {order: 1;}

    .evCon5 .tit_badge {position: static; width: 80%; height: auto; max-width: 360px; border-radius: 20px; margin: 0 auto 2%;}
    .evCon5 .tit_badge::before {content: none;}
    .evCon5 .recommend_wrap .tit {max-width: 36%;}
    .evCon5 .lec_wrap {gap: 1.5vmin; width: auto; padding: 8vmin 2vmin 6vmin;}
    .evCon5 .lec_wrap .item {width: auto; flex: 1;}
    .evCon5 .lec_wrap .btn-base a {width: auto; padding: 6px 10px;}
    .evCon5 .recommend_wrap .btm {gap: 2vmin; padding: 2%;}
    .evCon5 .recommend_wrap .btm .img {width: max(16%, 100px); margin: 0;}
}
@media screen and (max-width: 768px){
    .evCon2 .contents_wrap {flex-direction: column;}
    .evCon2 .item {align-items: center; padding: 3vmin 0 4vmin;}
    .evCon2 .item::before {position: static; display: block; transform: none; width: 8vmin; height: 8vmin; margin-bottom: 3%;}
    .evCon2 .item .tit {margin-bottom: 2%;}
    .evCon2 .item .txt p + p {margin-top: 2%; padding-top: 2%;}

    .evCon3 .txt_wrap {width: 100%;}

    .evCon4 .review_wrap .item {border-radius: 30px;}
    .evCon4 .review_wrap .item::before,
    .evCon4 .review_wrap .item::after {width: 33px; height: 27px;}
    .evCon4 .review_wrap .item::before {top: -3vmin; left: 4%;}
    .evCon4 .review_wrap .item::after {bottom: -3vmin; right: 4%;}
    .evCon4 .review_wrap .writer {margin-bottom: 2%; padding-bottom: 2%;}

    .evCon5 .procedure_wrap {flex-direction: column; padding: 0;}
    .evCon5 .procedure_wrap .item {padding: 4vmin 0;}
    .evCon5 .procedure_wrap .item + .item {border-left: none; border-top: 1px dashed rgba(255, 255, 255, 0.2);}
    .evCon5 .procedure_wrap .item + .item::before {top: 0; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 25px; height: 25px; background-size: 30% auto;}
    .evCon5 .procedure_wrap .btn-base a {font-size: 14px;}
    .evCon5 .lec_wrap {flex-direction: column;}
    .evCon5 .lec_wrap .item {padding: 2vmin 0 3vmin;}
    .evCon5 .lec_wrap .ico {display: inline-block; width: max(50px, 16vmin);}
    .evCon5 .lec_wrap p {margin: 3% auto 2%;}
    .evCon5 .lec_wrap .btn-base a {font-size: 14px;}
}
@media screen and (max-width: 576px){
    .evCon1 {background-position: 48% 50% !important;}

    .evCon3 .txt_wrap .item {padding: 30px 20px;}
    .evCon3 .txt_wrap .tit {margin-bottom: 10px;}
    .evCon3 .txt_wrap li + li {margin-top: 5px;}

    .evCon4 .review_wrap .item {border-radius: 10px; padding: 6vmin 3vmin 5vmin;}
    .evCon4 .review_wrap .writer {width: 96%;}
    .evCon4 .review_wrap .item::before,
    .evCon4 .review_wrap .item::after {width: 23.5px; height: 19px;}
}