@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */



:root {
    /*color*/
    --color-blue: #017d98; 
    --color-skyblue: #80e8ff;
} 


/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #170833; } 
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 


/*°øÅë*/
.eventWrap .evSection { position: relative; padding: 160px 0; } 
.sub_big_tit .skyblue { color:var(--color-skyblue) } 
.con_tit .end::after { background: #ff0000; } 
.warningList li {color: #000; font-weight: 400;}
.flt_inner.renewal a {display: flex; align-items: center; justify-content: center;}

.flt_inner .top {margin: 10px 0 0;}


/*evCon1*/
.evSection.evCon1 { padding: 120px 0 150px; background-image: url("https://image.megagong.net/m/2024/1226_psat/evCon1_bg.jpg"); background-position: top center; background-repeat: no-repeat; background-size: 100% auto; background-color:#000000; color:#fff; } 
.evCon1 .con_tit .mini_tit { letter-spacing: 10px; font-weight: 400; } 
.evCon1 .mini_tit .skyblue { color:var(--color-skyblue) } 
.evCon1 .con_tit.sec { margin: 119px auto 45px; } 
.evCon1 .graph_box_wrap .graph_box { margin: 0 0 50px; border-radius: 10px; overflow:hidden; color:#000; } 
.evCon1 .graph_box_wrap .graph_box .tit { background-color: var(--color-blue); color:#fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 86px; } 
.evCon1 .graph_box_wrap .graph_box .det { padding:40px 48px 70px; background-color: #fff; } 
.evCon1 .graph_box_wrap .graph_box .gray_box { position:relative; background-color: #f3f3f3; border-radius:10px; padding: 60px 0 45px; } 
.evCon1 .graph_box_wrap .graph_box .gray_box .cir_tit { position: absolute; top: -22px; left: 50%; transform:translateX(-50%); padding:14px 30px; width: max-content; border-radius: 50px; background-color: #000; color:#fff; } 
.evCon1 .graph_box_wrap .graph_box .sub_tit { margin: 0 0 60px; } 
.evCon1 .graph_box_wrap .graph_box .gray_box .blue_tit { color:var(--color-blue); } 
.evCon1 .graph_box_wrap .graph_box .gray_box .sec_tit { margin: 15px 0; } 
.evCon1 .graph_box_wrap .graph_box .noti { opacity: 0.5; } 
.evCon1 .graph_box_wrap .graph_box .gray_box .noti { opacity:0.7; } 
.evCon1 .normal_box_wrap { margin:0 0 78px; border-top:1px solid #666666; padding: 50px 0 0; } 
.evCon1 .normal_box_wrap .normal_box { position:relative; padding: 40px 90px 30px; border-radius:10px; background-color: #fff; color:#000; } 
.evCon1 .normal_box_wrap .normal_box .red_sti { position: absolute; top:40px; left: -34px; } 
.evCon1 .normal_box_wrap .normal_box .tit { padding:0 0 30px; border-bottom:1px solid #b2b2b2; display: flex; align-items: center; justify-content: space-between; } 
.evCon1 .normal_box_wrap .normal_box .tit .blue_tit { color: var(--color-blue); font-weight: 900; text-align:left; } 
.evCon1 .normal_box_wrap .normal_box .tit .blk_btn { display: flex; align-items: center; justify-content: center; width:164px; height:42px; background-color: #000; color:#fff; border-radius:3px; } 
.evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap { display: flex; justify-content: space-between; gap:30px; margin: 34px 0 16px; width: 100%; } 
.evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box { padding:23px 0 20px; width: calc(50% - 15px); background-color: #f3f3f3; border-radius: 10px; } 
.evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box .cir_tit { margin:0 auto; border-radius:50px; width:80px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: var(--color-blue); color:#fff; font-weight: bold; } 
.evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box .det { margin:15px 0 10px; } 
.evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box .det .blue { color: var(--color-blue) } 
.evCon1 .normal_box_wrap .normal_box .det .noti { opacity: 0.5; } 


/*evCon2*/
.evSection.evCon2 { padding: 126px 0 104px; background-image: url("https://image.megagong.net/m/2024/1226_psat/evCon2_bg.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; color:#fff; } 
.evCon2 .con_tit { margin: 30px 0 60px; } 
.evCon2 .cir_box_wrap { margin:0 0 60px; display: flex; justify-content: center; align-items: center; gap:58px; } 
.evCon2 .cir_box_wrap .cir_box { padding:8px; width: 276px; height: 276px; border-radius: 50%; background-color: #fff; } 
.evCon2 .cir_box_wrap .cir_box .cont { border-radius:50%; border:1px solid var(--color-blue); width: 100%; height: 100%; text-align: center; padding:54px 0 0; } 
.evCon2 .cir_box_wrap .cir_box .cont .tit { margin:16px 0; font-weight: bold; color:#000; } 
.evCon2 .cir_box_wrap .cir_box .cont .det { color:#616161; font-weight: 600; } 


/*evCon3*/
.evCon3 .con_tit { margin: 0 0 135px; } 
.evCon3 .tea_box_wrap .tea_box { margin:0 0 30px; width: 100%; height: 308px; } 
.evCon3 .tea_box_wrap .tea_box .box_inner { border-radius:10px; position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; display:flex; align-items:center; justify-content: flex-end; } 
.evCon3 .tea_box_wrap .tea_box:nth-child(2) .box_inner { justify-content: flex-start; } 
.evCon3 .tea_box_wrap .tea_box:nth-child(1) .box_inner { background-image: url('https://image.megagong.net/m/2024/1226_psat/box1_bg.png'); } 
.evCon3 .tea_box_wrap .tea_box:nth-child(2) .box_inner { background-image: url('https://image.megagong.net/m/2024/1226_psat/box2_bg.png'); } 
.evCon3 .tea_box_wrap .tea_box:nth-child(3) .box_inner { background-image: url('https://image.megagong.net/m/2024/1226_psat/box3_bg.png'); } 
.evCon3 .tea_box_wrap .tea_box .tea_img { position: absolute; bottom:0; } 
.evCon3 .tea_box_wrap .tea_box:nth-child(1) .tea_img { left: 73px; } 
.evCon3 .tea_box_wrap .tea_box:nth-child(2) .tea_img { right: 80px; } 
.evCon3 .tea_box_wrap .tea_box:nth-child(3) .tea_img { left: 89px; } 
.evCon3 .tea_box_wrap .tea_box .txt_box { padding:0 250px 0 0; text-align: left; color:#fff; } 
.evCon3 .tea_box_wrap .tea_box:nth-child(2) .txt_box { padding:0 0 0 148px; } 
.evCon3 .tea_box_wrap .tea_box .txt_box .tit { margin:0 0 22px; position: relative; } 
.evCon3 .tea_box_wrap .tea_box .txt_box .tit::before { content:""; position:absolute; top:-36px; left:-42px; width:76px; height:52px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('https://image.megagong.net/m/2024/1226_psat/big_quote.png'); } 
.evCon3 .tea_box_wrap .tea_box .txt_box .tit span { position: relative; } 
.evCon3 .tea_box_wrap .tea_box .txt_box .tea_name .skyblue { color: var(--color-skyblue); } 
.evCon3 .icon_box_wrap { margin:80px 0 77px; display: flex; align-items: center; justify-content: space-between; gap:30px; align-items: stretch; } 
.evCon3 .icon_box_wrap .icon_box { width: calc(33.333% - 15px); border-radius: 10px; background-color: #fff; padding:50px 0 40px; } 
.evCon3 .icon_box_wrap .icon_box .tit { font-weight: bold; color:var(--color-blue); } 
.evCon3 .icon_box_wrap .icon_box > img { display: block; margin:23px auto 26px; } 
.evCon3 .icon_box_wrap .icon_box .det { color:#6f6f6f; } 
.evCon3 .icon_box_wrap .icon_box .det strong { color:#000; } 
.evCon3 .sub_big_tit .blue { color:var(--color-blue) } 


/*evCon4*/
.eventWrap .evSection.evCon4 { padding: 160px 0 0; } 
.evCon4 .con_tit { margin:0 0 70px; color:#fff; } 

.evCon4 .tab_base { width: 1080px; margin: 0 auto; display:flex; align-items: center; } 
.evCon4 .tab_base li { flex: 1; height: 90px; } 
.evCon4 .tab_base li a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:#fff; opacity: 0.5; letter-spacing: 2px; } 
.evCon4 .tab_base li.on { background-color: #fff; } 
.evCon4 .tab_base li.on a { color:#000; opacity:1; } 
.evCon4 .panel_base { background-color: #fff; } 
.evCon4 .panel_base .tea_explain { padding:134px 0 0; width: 100%; position: relative; } 
.evCon4 .panel_base .tea_explain .txt_box { padding:0 0 70px; text-align:left; } 
.evCon4 .panel_base .tea_explain .txt_box .tit .blue { color:var(--color-blue) } 
.evCon4 .panel_base .tea_explain .txt_box .class_list { margin: 26px 0 51px; display: flex; flex-direction: column; gap: 10px; } 
.evCon4 .panel_base .tea_explain .txt_box .class_list li {display:flex;}
.evCon4 .panel_base .tea_explain .txt_box .class_list li::before {content:"¡¤"; display:block; padding-right: 5px;}
.evCon4 .panel_base .tea_explain .eventVideo.video_renewal { width: 586px; height:330px; } 
.evCon4 .panel_base .tea_explain .txt_box .btn_wrap { display: flex; align-items: center; gap:26px; } 
.evCon4 .panel_base .tea_explain .txt_box .btn_wrap a { border-radius:3px; width:280px; height: 70px; display:flex; align-items:center; justify-content:center; color:#fff; background-color: #000; } 
.evCon4 .panel_base .tea_explain .txt_box .btn_wrap a:nth-child(2) { background-color: var(--color-blue); } 
.evCon4 .panel_base .tea_explain .img_box { position: absolute; right:0; bottom:0; } 
.evCon4 .panel_base > div:nth-child(1) .tea_explain .img_box { right: -11%; } 
.evCon4 .panel_base > div:nth-child(2) .tea_explain .img_box { right: -6%; } 
.evCon4 .panel_base > div:nth-child(3) .tea_explain .img_box { right: -15%; } 

.evCon4 .lecture_whtwrp { padding: 0 0 150px; position: relative; } 
.evCon4 .lecture_whtwrp .blue_sti {position: absolute;top: -77px;right:-60px;width: 120px;height: 120px;border-radius: 100%;background-color: var(--color-blue);color:#fff;font-weight: bold;display: flex;align-items: center;justify-content: center;z-index: 1;} 


/*event*/
.eventWrap .event .inner { width: 1200px; } 
#event1 .comment_base_wrap { width: 1080px; margin: 60px auto 0; } 
#event1 { background-color: #6bc6da; } 
#event1 .regist_form_area { background-color:#016376; } 
#event1 .mini_tit { color:#fff; } 

/* S: .tea_radio css */
.event .tea_radio { margin: 80px auto 0; display:flex; justify-content: space-between; gap:30px; } 
.event .tea_radio li { position: relative; border-radius: 300px; width: calc(33.333% - 15px); height:168px; background-color: #fff; } 
.event .tea_radio .tea_box { position: absolute; left:0; bottom:0; overflow: hidden; border-radius: 0 0 0 78px; } 
.event .tea_radio li .det_box { position: absolute; top:50%; left: 145px; transform:translateY(-50%); text-align:left; } 
.event .tea_radio li .det_box p { margin: 0 0 20px; } 
.event .tea_radio li:nth-child(2) .det_box p { margin:0 0 10px; } 
.event .tea_radio li .det_box span { opacity: 0.6; } 
.event .tea_radio li.on { box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px; } 
.event .tea_radio li .radio-base {position: absolute;top: 0;/* transform: translateY(-50%); */right: 0;width: 100%;height: 100%;} 
.event .tea_radio li .radio-base input { position: relative; } 
.event .tea_radio li .radio-base.type-1 input + label {font-size:0;padding-left:0;width: 100%;height: 100%;} 
.event .tea_radio li .radio-base.type-1 input + label::before {border:1px solid #aeaeae;width:33px;height:33px;top: 50%;transform: translateY(-50%);left: auto;right: 30px;} 
.event .tea_radio li .radio-base.type-1 input:checked + label:before { border: 10px solid #016376; } 
.event .tea_radio li .radio-base.type-1 input:checked + label:after { display:none; } 
/* E: .tea_radio css */


#event2 { background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(107,198,217,1) 100%); }
#event2 .con_tit .point {color:#005569;}
#event2 .mini_tit {color:#798486;}
#event2 .mini_tit .line {text-decoration: underline; font-weight: bold;}

.eventWrap .evSection.evtoggleWarning { padding: 0; } 



@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .evSection { padding: 12% 0; } 
    .eventWrap .inner { width: 97%; } 
    
    /*evCon1*/
    .evCon1 .con_tit.sec { margin: 12% auto 8%; } 
    .evCon1 .graph_box_wrap .graph_box { margin: 0 0 40px; } 
    .evCon1 .graph_box_wrap .graph_box .tit { height: auto; padding: 2% 0; } 
    .evCon1 .graph_box_wrap .graph_box .det { padding: 2% 20px 3%; } 
    .evCon1 .graph_box_wrap .graph_box .gray_box { padding: 7% 0 4%; } 
    .evCon1 .graph_box_wrap .graph_box .sub_tit { margin: 0 0 6%; } 
    .evCon1 .normal_box_wrap { padding: 40px 0 0; margin: 0 0 7%; } 
    .evCon1 .normal_box_wrap .normal_box { padding: 4% 40px; } 
    .evCon1 .normal_box_wrap .normal_box .red_sti { left: 0; top: -5%; } 


    /*evCon2*/
    .evCon2 .cir_box_wrap { justify-content: space-between; gap: 0; } 


    /*evCon3*/
    .evCon3 .icon_box_wrap { margin: 9% 0 7%; } 


    /*evCon4*/
    .eventWrap .evSection.evCon4 { padding: 12% 0 0; } 
    .evCon4 .con_tit { margin: 0 0 8%; } 
    .evCon4 .tab_base { width: 97%; } 
    .evCon4 .lecture_whtwrp { padding: 0 0 12%; } 
    .evCon4 .lecture_whtwrp .blue_sti {width: 120px;height: 120px;top: -99px;right: 0;} 
    .evCon4 .panel_base .tea_explain {padding: 10% 0 0;}


    /*event*/
    /* S: .tea_radio css */
   .event .tea_radio { gap: 10px; } 
   .event .tea_radio li { width: calc(33.333% - 5px); height: 124px; } 
   .event .tea_radio .tea_box { width: 28%; border-radius: 0 0 0 67px; /* background: #ff0000; */
    left: -1%; } 
   .event .tea_radio li .det_box { left: 31%; } 
   /* E: .tea_radio css */
   
    #event1 .comment_base_wrap { width: 100%; margin:0 auto; } 
    .eventWrap .event .inner { width:97%; } 
}

@media screen and (max-width: 1024px) { 
    /*evCon3*/
    .evCon3 .tea_box_wrap .tea_box .tea_img {width: 31%;} 
    .evCon3 .tea_box_wrap .tea_box:nth-child(2) .tea_img {width: 26%;}
    .evCon3 .tea_box_wrap .tea_box .txt_box { padding: 0 6% 0 0; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(2) .txt_box { padding: 0 0 0 10%; } 


    /*evCon4*/
    .evCon4 .tab_base { width: 100%; } 
}

@media screen and (max-width: 992px) { 
    /*evCon2*/
    .evCon2 .cir_box_wrap {flex-wrap: wrap;justify-content: center;gap: 20px;/* padding: 4% 0; */} 
    .evCon2 .cir_box_wrap .cir_box {margin: 0;width: calc(50% - 10px);border-radius: 10px;height: auto;/* padding: 4%; */} 
    .evCon2 .cir_box_wrap .cir_box .cont {border-radius: 10px;padding: 20px 0;}


    /*evCon4*/
    .evCon4 .panel_base .tea_explain { padding: 8% 0 0; } 
    .evCon4 .panel_base .tea_explain .txt_box { padding: 0 0 12%; } 
    .evCon4 .panel_base .tea_explain .txt_box .class_list { margin: 4% 0 5%; } 
    .evCon4 .panel_base .tea_explain .eventVideo.video_renewal { width: 100%; height: auto; margin-bottom: 10%; } 
    .evCon4 .panel_base .tea_explain .txt_box .btn_wrap { justify-content: center; } 
    .evCon4 .panel_base .tea_explain .img_box { display: none; } 
    .evCon4 .panel_base .tea_explain .txt_box .tit {padding-left:8px;}

}

@media screen and (max-width: 768px){
    .eventWrap { font-size: 14px; } 
    .eventWrap .evSection .s_noti { font-size: 10px; } 
    .eventWrap .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
    .eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
    .eventWrap .evSection .slick-dots li button { font-size: 0; } 
    .eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 

    /*evCon1*/
    .evCon1 .graph_box_wrap .graph_box .det { padding: 4% 10px 3%; } 
    .evCon1 .graph_box_wrap .graph_box .gray_box { padding: 11% 1% 4%; } 
    .evCon1 .graph_box_wrap .graph_box .gray_box .cir_tit { padding: 1% 4%; top: -5%; } 
    .evCon1 .normal_box_wrap .normal_box { padding: 3% 10px; } 
    .evCon1 .normal_box_wrap .normal_box .red_sti { top: -10%; } 
    .evCon1 .normal_box_wrap .normal_box .tit { padding: 0 0 6%; } 
    .evCon1 .normal_box_wrap .normal_box .tit .blk_btn { width: max-content; height: auto; padding: 2% 4%; } 
    .evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap { gap: 10px; margin: 6% 0 3%; } 
    .evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box { width: calc(50% - 5px); padding: 4% 0; } 


    /*evCon2*/
    .evCon2 .con_tit { margin: 4% 0 8%; } 
    .evCon2 .cir_box_wrap .cir_box .cont {display: flex;flex-direction: column;justify-content: center;align-items: center;/* padding: 0; */} 


    /*evCon3*/
    .evCon3 .con_tit { margin: 0 0 14%; } 
    .evCon3 .tea_box_wrap .tea_box { height: 225px; } 
    .evCon3 .tea_box_wrap .tea_box .tea_img {width: 25%;} 
    .evCon3 .tea_box_wrap .tea_box:nth-child(1) .tea_img { left: 4%; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(2) .tea_img {right: 4%;width: 23%;} 
    .evCon3 .tea_box_wrap .tea_box:nth-child(3) .tea_img { left: 4%; } 
    .evCon3 .tea_box_wrap .tea_box .txt_box .tit::before { width: 30px; height: 20px; top: -12px; left: -24px; } 
    .evCon3 .icon_box_wrap { display: block; } 


    /*evCon4*/
    .evCon4 .tab_base li { height: 45px; } 
    .evCon4 .panel_base .tea_explain .txt_box .btn_wrap { gap: 10px; } 
    .evCon4 .panel_base .tea_explain .txt_box .btn_wrap a { width: calc(50% - 5px); height: 50px; } 
    .evCon4 .lecture_whtwrp .blue_sti {width: 70px;height: 70px;font-size: 14px;top: -55px;} 


    /*event*/
    /* S: .tea_radio css */
    .event .tea_radio { flex-wrap: wrap; justify-content: center; } 
    .event .tea_radio li { width: 43%; height: 114px; } 
    .event .tea_radio .tea_box { border-radius: 0 0 0 58px; left: 0; } 
    /* E: .tea_radio css */
}

@media screen and (max-width: 576px) { 
    /*evCon1*/
    .evCon1 .normal_box_wrap .normal_box .red_sti { width: 80px; top: -7%; } 
    .evCon1 .normal_box_wrap .normal_box .tit { display: block; } 
    .evCon1 .normal_box_wrap .normal_box .tit .blk_btn { margin: 10px 0 0; } 
    .evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box .cir_tit { height: 30px; } 
    .evCon1 .normal_box_wrap .normal_box .det .gray_box_wrap .gray_box .det { margin: 10px 0; } 


    /*evCon3*/
    .evCon3 .con_tit { margin: 0 0 9%; } 
    .evCon3 .tea_box_wrap .tea_box { height: 194px; } 
    .evCon3 .tea_box_wrap .tea_box .tea_img { width: 36%; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(2) .tea_img { width: 34%; } 
    .evCon3 .tea_box_wrap .tea_box .txt_box .tit::before { left: -14px; top: -15px; } 

    /*event*/

    /* S: .tea_radio css */
    .event .tea_radio { gap: 10px; } 
    .event .tea_radio li { width: 96%; height: 100px; } 
    .event .tea_radio .tea_box { border-radius: 0 0 0 50px; width: 20%; } 
    /* E: .tea_radio css */
}

@media screen and (max-width: 400px){
    .evCon3 .tea_box_wrap .tea_box { height: 158px; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(1) .tea_img { left: 0; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(2) .tea_img { right: -2%; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(3) .tea_img { left: 0%; } 
    .evCon3 .tea_box_wrap .tea_box:nth-child(2) .txt_box { padding:0 0 0 5%; } 
 }