@charset "euc-kr";


/* setting */
.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; 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: 70px; text-align: center; } 
.eventWrap .con_subtit { margin-bottom: 35px; position:relative; padding: 0 0%; } 
.eventWrap .img_mb { display:none } 
.eventWrap .conBox { position:relative } 
.eventWrap .conBox::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; height: 0; } 
.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; } 

/* common */
h3 { margin-bottom:60px; position: relative; } 
.con1 h3 { margin-bottom: 100px; } 
.con2 h3 { margin-bottom: 90px; } 
.con3 h3 { margin-bottom: 75px; } 
.con5 h3 { margin-bottom: 55px; } 
.tiny { font-size: 12px; text-align: left; color: #8b97ad; } 


/* Main */
.main { background-image: url('https://img.megagong.net/m/2022/1222_lyj4718/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main .inner { position: relative; min-height: 1160px; padding-bottom: 141px; } 
.main h3 { position: relative; } 
.main h3 .main_teacher { position: relative; margin: 0 -220px; z-index: 3; } 
.main h3 a { position: absolute; top: 64%; left: 0; z-index: 3; } 
.main .inner .con_box { position: absolute; top: 67.4%; left: 0; } 
.main .inner .main_desc { position: relative; padding: 115px 0 110px 0; background-color: #afb1ff; z-index: 1; } 
.main .inner .main_desc::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #afb1ff; z-index: -1; } 
.main .inner .con_box .main_subtitle { position: relative; display: inline-block; margin-bottom: 35px; padding: 0 10px; color: #1a1a1a; font-size: 34px; font-weight: 900; z-index: 1; } 
.main .inner .con_box .main_subtitle::before { position: absolute; left: 0; bottom: 7px; content: ''; width: 100%; height: 10px; background: linear-gradient(to right, #6b90fe, #c57bfe); z-index: -1; } 
.main .inner .con_box .main_subtitle br { display: none; } 
.main .inner .con_box .main_subtext { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; } 
.main .inner .con_box .main_subtext p { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 12px; color: #232633; font-size: 21px; } 
.main .inner .con_box .main_subtext p:last-of-type { margin-bottom: 0px; } 
.main .inner .con_box .main_subtext p > img { margin-right: 10px; } 
.main .inner .con_box .main_subtext p b { margin-right: 10px; font-weight: 900; } 


/* evCon1 */
.evCon1 { padding-top: 150px; padding-bottom: 120px; background-color: #2e2d39; background-image: url('https://img.megagong.net/m/2022/1222_lyj4718/con1_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon1 h4.con_tit { margin-bottom: 50px; } 
.evCon1 h4::before { display: none; } 
.evCon1 .con_box > p { color: #bdc8ff; font-size: 25px; } 
.evCon1 .con_box > p .white { color: #fff; } 
.evCon1 .box_wrapper { position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; margin: 0 -50px; margin-top: 120px; } 
.evCon1 .box_wrapper::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; width: 430px; height: 569px; background-image: url('https://img.megagong.net/m/2022/1222_lyj4718/con1_teacher.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 .box_wrapper .box { flex: 1; height: 264px; } 
.evCon1 .box_wrapper .box > p { color: #ffffff; font-size: 17px; } 
.evCon1 .box_wrapper .box > .box_title { font-size: 39px; font-weight: 900; } 
.evCon1 .box_wrapper .box > .box_bottom { font-size: 16px; } 
.evCon1 .box_wrapper .box:nth-of-type(1) { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: linear-gradient(to right, rgba(0,0,0,0), #555360); } 
.evCon1 .box_wrapper .box:nth-of-type(1) > .box_title { color: #7dd0ff; } 
.evCon1 .box_wrapper .box  .box_bottom.on { padding: 3px 15px; color: #373642; font-weight: bold; background-color: #7dd0ff; border-radius: 30px; } 
.evCon1 .box_wrapper .box:nth-of-type(2) { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin-top: 65px; background: linear-gradient(to right, #22202b, rgba(0,0,0,0)); } 
.evCon1 .box_wrapper .box:nth-of-type(2) > .box_title { color: #e85eff; } 
.evCon1 .box_wrapper .box:nth-of-type(2) > .box_bottom { color: #e85eff; cursor: default; } 
.evCon1 .box_wrapper .box:nth-of-type(2) > .box_bottom.on {background-color: #e85eff; color: #373642; cursor: pointer;}


/* evCon2 */
.evCon2 { padding: 160px 0 153px 0; background-color: #9fafff; } 
.evCon2 h4.con_tit { margin-bottom: 50px; } 
.evCon2 h4::before { display: none; } 
.evCon2 .con_box > img:nth-of-type(1) { margin-bottom: 50px; } 
.evCon2 .con_box > div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 70px; } 


/*con1*/
.con1 { position:relative; background: #cce2f5; } 
.con1 .tab_wrap { position: relative; } 
.con1 .tab_wrap.v-fixed { padding-top:100px; } 
.con1 .tab_box { position: relative; background: #9fafff; z-index: 3; } 
.con1 .tab_list { width: 1080px; position: relative; margin: 0 auto; } 
.con1 .tab_box.fixed { position: fixed; top:0; left:0; width: 100%; z-index: 4; } 
.con1 .tab_list li { float: left; font-size: 22px; margin: 0 auto; width: 50%; height: 100px; box-sizing: border-box; background: #c4ceff; color: #8493e0; font-weight: 700; cursor: pointer; display:table; } 
.con1 .tab_list li.on { position: relative; background: #fff; color: #30488d } 
.con1 .tab_list li:not(:first-child) { margin-right: 0; } 
.con1 .tab_list li a { display: block; } 
.con1 .tab_list.tab3 li { width:33.33%; position:relative; } 
/* .con1 .tab_list.tab3 li:not(:first-child):before { content:""; display:block; width:1px; height:100%; background:#787878; position:absolute; top:0; left:0; } */
.con1 .tab_list.tab3 li a { display:table; width:100%; height:100%; } 
.con1 .tab_list.tab3 li a > span { display:table-cell; vertical-align:middle; } 
.con1 .tab_list.tab3 li a > span > span { display:inline-block; vertical-align:top; margin-left:3px; } 
.con1 .tab_cont { display: none; position: relative; } 
.con1 .tab_cont.on { display: block; } 
.con1 .cont { background: #fff; } 
.con1 .cont1 { padding: 160px 0 0; } 
.con1 .cont1 ul li { padding: 40px; background: #fff; border-radius: 10px; margin-bottom: 15px; text-align: left; width: 835px; } 
.con1 .cont1 ul li strong { display: block; text-align: center; margin-bottom: 30px; } 
.con1 .cont1 ul li p { padding: 0 0 5px 26px; color: #515151; font-size: 22px; position: relative; } 
.con1 .cont1 ul li p::before { content: ''; display: block; position: absolute; top: 10px; left: 0; background: url('https://img.megagong.net/m/2021/1214_lyj4718/tab1_ex.png') no-repeat center; width: 15px; height: 12px; } 
.con1 .cont1 { position: relative; padding-bottom: 145px; } 
.con1 .cont1::before { content: ''; display: block; position: absolute; bottom: 600px; right:50%; margin-right: -740px; background: url('https://img.megagong.net/m/2021/1214_lyj4718/tab1_tea.png') no-repeat center; width: 527px; height: 1425px; } 
.con1 .cont1.d0120:before { bottom:-200px; } 
.con1 p.book { text-align: left; position: relative; margin-top: 60px; } 
.con1 dl.tiny { text-align: right; margin-top: 10px; color: #6c6c6c; } 

/* tab2 */
/* cont2 */
.con1 .cont2 h3 { color: #2e3348; font-size: 50px; font-weight: 900; } 
h4 { text-align: left; font-weight: 400; position: relative; padding-left: 12px !important; font-size: 18px; margin-bottom: 30px; } 
h4::before { content: ''; display: block; height: 80%; width: 4px; position: absolute; left: 0; top: 50%; background: #000; transform: translateY(-50%); } 
h4 b { font-size: 20px; font-weight: bold; } 

.con1 .cont2 { position: relative; padding-top: 125px; } 
.con1 .cont2 span.vdpop { display: block; float: right; z-index: 3; margin: -6px 0 0 55%; position: relative; cursor: pointer; } 
.con1 .cont2 span.vdpop a { display: block; } 
.con1 .cont2 .infoBox { text-align: left; margin: 20px 0 40px; border: 1px solid rgba(204,204,204, 1); background: #fff; padding: 40px; font-size: 15px; font-weight: 300; } 
.con1 .cont2 .infoBox dd { position: relative; margin-bottom: 12px; padding-left: 17px; } 
.con1 .cont2 .infoBox dd::before { position: absolute; top: 8px; left: 0; content: ''; width: 5px; height: 5px; background-color: #000; border-radius: 50%; } 
.con1 .cont2 .infoBox dd:last-of-type { margin-bottom: 0; } 
.con1 .cont2 .submit_btn { margin: 0 auto 100px }
.con1 .cont2 .submit_btn.multi > *{margin:0 5px;display:inline-block;}
.con1 .cont2 .test_info { font-size: 15px; border: 1px solid rgba(204,204,204, 1); background: #fff; margin: 18px auto 0; } 
.con1 .cont2 .test_info th,.con1 .cont2 .test_info td { padding: 10px 0; } 
.con1 .cont2 .test_info th { font-weight: 900; background: #f5f5f5; text-align: center; } 
.con1 .cont2 .test_info td { text-align: left; border: 1px solid rgba(204,204,204, 1); border-width: 0 1px; padding-left: 20px; } 
.con1 .cont2 .test_info td:last-child { border-right: none } 
.con1 .cont2 .test_info select { padding: 2% 5%; font-size: 15px; border: 1px solid #cccccc; } 
.con1 .cont2 .tab_wrap2 { margin-top: 0px; } 
.con1 .cont2 .tab_wrap2 h5 { position: relative; margin-bottom: 20px; padding-left: 15px; color: #000000; font-size: 21px; font-weight: bold; text-align: left; } 
.con1 .cont2 .tab_wrap2 h5::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ''; width: 8px; height: 8px; background-color: #000; border-radius: 50%; } 
.con1 .cont2 .test_info.test_info_pop td { padding-left: 0; text-align: center; } 

.con1 .cont2 .tab_list2 { width: 100%; } 
.con1 .cont2 .tab_list2 li { border: 1px solid #a3bbd0; border-width: 1px 1px 0; cursor: pointer; float: left; width: auto; height: 60px; background: #cce2f5; color: #a3bbd0; width: 540px; box-sizing: border-box; font-size: 19px; padding: 15px 0; } 
.con1 .cont2 .tab_list2 li.on { color: #000; font-weight: 700; background: #fff; border-color:#fff; } 
.con1 .cont2 .tab_list2 li:last-child { margin-right: 0; } 
.con1 .cont2 .tab_area2 { position: relative; background: #fff; padding: -15px 0 100px; } 
.con1 .cont2 .tab_area2::before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background:rgba(255, 255, 255, 1); } 

.con1 .cont2 .tab_cont2 { display: none; padding: 0 0 40px; position: relative; } 
.con1 .cont2 .tab_cont2.on { display: block; } 
.con1 .cont2 .tab_cont2 table th { border: 1px solid #000; } 
.con1 .cont2 .tab_cont2 table td { border: 1px solid #000; } 
.con1 .cont2 .tab_cont2 .dimt { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); right: 0; bottom: 0; z-index: 2; } 
.con1 .cont2 .tab_cont2 .dimt span { font-size: 20px; color: #fff600; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.con1 .cont2 .tab_cont2 .tbl_box { position: relative; margin-bottom: 60px; } 
.con1 .cont2 .tab_cont2 .tbl_box .dim { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); right: 0; bottom: 0; z-index: 2; } 
.con1 .cont2 .tab_cont2 .tbl_box .dim span { font-size: 20px; color: #fff600; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.con1 .cont2 .tab_cont2 .tbl_box .tbl_tit { font-weight: 900; font-size: 18px; padding-left: 18px; position: relative; margin-bottom: 20px; text-align: left; } 
.con1 .cont2 .tab_cont2 .tbl_box .tbl_tit::before { content: ''; display: block; width: 8px; height: 8px; background: #000; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } 

.con1 .cont2 .tab_cont2 .tbl_box .score_tbl { position: relative; } 
.con1 .cont2 .tab_cont2 .tbl_box .dim.dim2 { width: 75%; } 
.con1 .cont2 .tab_cont2 .tbl_box .dim.dim2 span,
.con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 span,
.con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 span { font-size: 16px; } 
.con1 .cont2 .tab_cont2 .tbl_box .errata_tbl { position: relative; } 
/* .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 { width: 30%; height: 91.5%; bottom: auto; top: 8.5%; }  */
.con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 { width: 40%; height: calc(100% - 83.6px); bottom: 0; top: initial; } 
.con1 .cont2 .tab_cont2 .tbl_box .analyze_tbl { position: relative; width: 55%; float: right; margin-top: 20px; } 
/* .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 { width: 20%; height: 94%; bottom: auto; top: 0; }  */
.con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 { width: 20%; height: calc(100% - 81px); bottom: 0; top: initial; }
/* result tab */
.con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2 { position: relative; width: 40%; } 
.con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2::before { content: ''; display: block; left: 0; top: 50%; border: 1px solid rgba(204,204,204, 1); border-width: 1px 1px 0; width: 99.5%; height: 20px; position: absolute; } 
.con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2 span { font-weight: 900; font-size: 16px; padding:0 18px; position: relative; text-align: left; background: #fff; } 
.con1 .cont2 .tab_cont2 .tbl_left { width: 40%; float: left; margin-top: 20px; border: 1px solid #b2b2b2; padding: 13px; } 
.con1 .cont2 .tab_cont2 .tbl_left .radar_box { height: auto; } 
#chart_radar { margin: 0 auto; } 


/* accumulate tab */
.con1 .cont2 .tab_cont2 .non_tst { text-align: right; font-weight: 900; color: rgba(254,48,0,1); font-size: 16px; margin:15px 0 10px; } 
.con1 .cont2 .tab_cont2 .hyphen_red { position: relative; } 
.con1 .cont2 .tab_cont2 .hyphen_red::before { content: ''; display: block; background: rgba(254,48,0,1); width: 10px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.con1 .cont2 .tab_cont2 .mytbl_box { position: relative; } 
.con1 .cont2 .tab_cont2 .mytbl_box .dim_ing { position: relative; background: rgba(0, 0, 0, 0.5); } 
.con1 .cont2 .tab_cont2 .mytbl_box .dim_ing.mid::before { content: ''; display: block; position: absolute; background: url(https://img.megagong.net/m/2021/1214_lyj4718/dim_ing.png) no-repeat center; width: 174px; height: 25px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } 
.con1 .cont2 .tab_cont2 .lineWrap { border: 1px solid rgba(204,204,204, 1); /*border: 1px solid rgba(204,204,204, 1); padding: 10px 15px; width: 100%; */position: relative; } 
.con1 .cont2 .tab_cont2 .graph_tiny { font-size:12px; color:#777777; text-align: right; opacity: 0.5; margin: 5px 0 0;} 
.con1 .cont2 .tab_cont2 dl.cautn { margin: 60px 0 0 15px; text-align: left; font-size: 12px; color: #777; } 

/* 1224 Â÷ÁÖ ÀÌÈÄ */
.accumul_box { position: relative; border: 1px solid rgba(204,204,204, 1); padding: 40px 40px 40px; width: 1080px; } 
.con1 .cont2 .tab_cont2 .tbl_tit3 { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); } 
.con1 .cont2 .tab_cont2 .tbl_tit3 span { font-weight: 900; font-size: 18px; padding:0 18px; position: relative; text-align: center; background: #fff; display: inline-block; } 

.arr_btn { z-index: 2; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-40%); margin-left: -540px; } 
.arr_btn.arr_nxt { left:100%; margin:0 -540px 0 0; } 
.arr_btn a { display: block; } 
.con1 .cont2 .tab_cont2 dl.cautn { margin: 0; margin-top: 21px; text-align: left; font-size: 12px; color: #404141; background: #f1f2f2; padding: 10px 20px; } 

.paging { text-align: center !important; color: #7f7f7f; } 
.paging a { padding: 0 3px; } 
.paging img { margin-top: -1px !important; } 
.paging strong { color: #000; font-weight: 900; } 

/* table common */
.con1 .cont2 .tab_cont2 table { font-size: 15px; border: 1px solid rgba(204,204,204, 1); background: #fff; text-align: center; /* margin-bottom: 20px; */}
.con1 .cont2 .tab_cont2 table th,
.con1 .cont2 .tab_cont2 table td { padding: 10px 0; position: relative; } 
.con1 .cont2 .tab_cont2 table td:last-child { border-right: none } 
.con1 .cont2 .tab_cont2 table th { font-weight: 700; background: rgba(245,245,245,1); border: 1px solid rgba(204,204,204, 1); border-width: 0 1px; background-clip: padding-box; } 
.con1 .cont2 .tab_cont2 table th.bdt { border-width: 1px 1px 0; } 
.con1 .cont2 .tab_cont2 table td { border: 1px solid rgba(204,204,204, 1); } 
.con1 .cont2 .tab_cont2 table th.co_mint { background-color: rgba(197,252,255); background-clip: padding-box; } 
.con1 .cont2 .tab_cont2 table td.co_mint2 { background-color: rgba(234,254,255,1); background-clip: padding-box; } 
.con1 .cont2 .tab_cont2 table.score_box th,
.con1 .cont2 .tab_cont2 table.score_box td { padding: 20px 0; } 


/*con2*/
.con2 { background:#323231 url(https://img.megagong.net/m/2021/1214_lyj4718/con2_bg.png) no-repeat center top; background-size: auto 100%; padding:150px 0 155px } 
.con2 h3 { margin-bottom: 90px; } 
.con2 ul { text-align: center; } 
.con2 ul li { display: inline-block; margin: 0 33px 20px 0; } 
.con2 ul li:nth-child(4n) { margin-right: 0; } 
.con2 ul li a { display: block; } 
.con2 ul li a img.off { display: block; } 
.con2 ul li a img.on { display: none; } 
.con2 ul li a:hover img.on { display: block; } 
.con2 ul li a:hover img.off { display: none; } 
.con2 .tiny { text-align: right; color: #787878; font-size: 18px; } 


/*con3*/
.con3 { padding:150px 0; background: #e8faf5; } 
.con3 li { position: relative; float: left; border: 1px solid #3a3a3a; margin-right: 55px; width: 323px; } 
.con3 li::before { content: ''; display: block; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); background: url('https://img.megagong.net/m/2021/1214_lyj4718/con3_v.png') no-repeat center; width: 51px; height: 63px; } 
.con3 li:last-child { margin-right: 0; } 
.con3 li strong { display: block; background: #fff; margin: 0 auto; } 
.con3 li p { background: #3a3a3a; color: #fff; font-size: 23px; height: 97px; padding: 15px 0 0; font-weight: 100; } 
.con3 li:nth-child(2) p { padding: 5px 0 0; } 
.con3 li p .tiny { color:#a4a4a4; font-size: 15px; display: block; text-align: center; } 
.con3 p.cautn { margin-top: 15px; border: 1px solid #3a3a3a; padding: 32px 0; } 
.con3 p.cautn i { margin: 0 40px 0 0; vertical-align: top; } 
.con3 p.cautn span { display: inline-block; } 


/*con4*/
.con4 { padding:150px 0; background: #ccf5f5; } 
.con4 .evt_end { position: absolute; top: 50px; right: 10px; } 
.con4 .stit { font-weight: 600; font-size: 40px; } 
.con4 .count { margin: 80px 0 20px; position: relative; } 
.con4 .count::before { content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.con4 .count strong { display: inline-block; background: #fff; font-size: 33px; padding: 17px 45px; border: 2px solid #000; border-radius: 40px; position: relative; z-index: 2; } 
.con4 .cnt_red { color:#f32424; } 
.con4 .cnt_grn { color:#1c5875; } 
.con4 .timePop { text-align: right; margin-bottom: 20px; position: relative; } 
.con4 .timePop_wrap { position: absolute; bottom:32px; right: 0; background: #fff; width: 225px; height: auto; border: 1px solid #929292; font-size: 15px; z-index: 2; text-align: left; padding: 15px 20px; color: #929292; } 
.con4 .timePop_close { position: absolute; top: 0; right: -25px; } 
.con4 .timePop_wrap dt { color: #000; font-size: 18px; margin-bottom: 12px; } 
.con4 .timePop_wrap dd { font-size: 16px; } 
.con4 .con4_btn { text-align: center; margin: 60px auto 80px; } 
.con4 .con4_btn li { display: inline-block; vertical-align: top; } 
.con4 .con4_btn li:first-child { margin-right: 20px; } 
.con4 .bn { padding: 30px 55px; border: 1px solid #3a3a3a; color: #3a3a3a; font-size: 20px; } 
.con4 .bn li { display: inline-block; vertical-align: top; } 
.con4 .bn li:first-child { width: 66%; text-align: left; } 
.con4 .tiny.d0226 { margin: 10px 0 100px; font-size: 18px; color: #000; text-align: right; } 
.con4 .con4_btn .tiny { margin-top: 15px; font-size: 15px; } 
.con4 .timePop_wrap .tiny { font-size: 12px; color: #979797; } 
.con4 .dimBg2 { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; z-index:2; } 
.con4 .tec_box { cursor: pointer; } 


/*con5*/
.con5 { padding:150px 0 50px; background: #fff; position: relative; } 
.con5 .tiny { padding-left: 15px; font-size: 15px; color: #000; } 


/* new con31 con32 */
.con31 { padding:160px 0; } 
.con32 { background:#fff; padding:90px 0 100px 0; } 
.chBox { border:1px solid #000; box-sizing:border-box; padding:20px 40px; overflow:hidden; } 
.chBox h4 { padding-left:10px; } 
.chtbl th, 
.chtbl td { border-bottom:1px dashed #e4e4e4; text-align:left; } 
.chtbl .last th, 
.chtbl .last td { border-bottom:none; } 
.chtbl th { font-size:16px; font-weight:700; color:#000; position:relative; padding-left:10px; } 
.chtbl th:before { content:""; display:block; width:3px; height:3px; background:#000; border-radius:50%; position:absolute; top:50%; left:0; } 
.chtbl td { padding:14px 0; } 
.chtbl td select { width:100%; height:40px; box-sizing:border-box; border:1px solid #ccc; margin-top:5px; } 
.chtbl td dl { float:left; margin-right:10px; width:355px; } 
.chtbl td dt { background:#e4e4e4; text-align:center; color:#000; font-size:16px; padding:5px 0; } 
.chtbl td ul li { float:left; font-size:14px; color:#000; margin:0 25px 4px 0; } 
.chtbl td ul li input { position:absolute; z-index:-1; } 
.chtbl td ul li span { display:inline-block; width:16px; height:16px; border:1px solid #bdbdbd; position:relative; margin:3px 3px 0 0; vertical-align:top; } 
.chtbl td ul li input:checked + span:before { content:""; display:block; width:10px; height:10px; background:#000; position:absolute; top:2px; left:2px; } 
.reset { float:right; } 
.reset a { display:block; border:1px solid #cfcfcf; text-align:center; line-height:120%; padding: 3px 10px; color:#000; font-size:14px; box-shadow:1px 1px 2px 0 rgba(0,0,0,.2); } 
.btn_ch { overflow:hidden; } 
.btn_ch .answer { float:right; font-size:16px; color:#000; background:#e4e4e4; padding:5px 15px; margin-top:20px; } 
.btn_ch .chk { clear:both; text-align:center; padding-top:25px; } 
.btn_ch .chk a { display:block; width:280px; height:auto; text-align:center; margin:auto; padding:15px 0; background:#003e5c; border-radius:9px; color:#fff; font-size:18px; font-weight:700; } 
.result_list { margin-top:55px; } 
.result_list p.btn { display:block; width:100%; overflow:hidden; text-align:center; position:relative; } 
.result_list p.btn:before { content:""; display:block; width:100%; border-top:2px dotted #d4d4d4; position:absolute; top:15px; left:0; } 
.result_list p.btn img { position:relative; z-index:3; } 
.result_list .txt { padding:115px 0; color:#000; font-size:20px; line-height:120%; } 
.schtxtBox { margin-top:55px; overflow:hidden; } 
.schtxtBox h4 { padding-left:10px; float:left; } 
.schtxtBox p.answer { float:left; font-size:18px; color:#000; margin:2px 0 0 30px; } 
.schtxtBox p.answer span { margin-left:10px; display:inline-block; background:#fff; border:1px solid #ccc; text-align:center; color:#0030ff; font-size:18px; font-weight:700; padding:0 15px; } 
.schtxtBox p.right { float:right; font-size:18px; color:#000; } 
.schtxtBox p.right span { color:#3459ff; font-weight:700; } 
.errata_tbl { margin-top:50px; } 
.errata_tbl table { border-top:1px solid #ccc; border-left:1px solid #ccc; } 
.errata_tbl th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f5f5f5; font-size:16px; color:#000; height:37px; font-weight:700; } 
.errata_tbl td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:14px; line-height:120%; height:40px; } 


/*evt common*/
.evt1 { padding: 150px 0 40px; position: relative; background:#cfffe6; } 
.evt1 h3 span { display: block; color: #fff; font-size: 22px; margin-top: 30px; font-weight: 200; } 
.evt1 .evt_end { position: absolute; top: 50px; right: -50px; } 
.info_list { padding: 15px 0; background: #231815; border-radius: 45px; width: 100%; color: #fff; font-size: 21px; } 
.info_list li { width: 45%; display: inline-block; } 
.info_list li strong { position: relative; padding:0 12px 0 15px; margin-right: 12px; } 
.info_list li strong::before { content: ''; display: block; position: absolute; left: 0; top:12px; background: #fff; width: 5px; height: 5px; border-radius: 100%; } 
.info_list li strong::after { content: ''; display: block; position: absolute; right:0; top:12px; background: #fff; width: 1px; height: 10px; } 
.evt1 .howTo { margin-bottom: 100px; } 
.evt1 .gift { padding: 120px 0 100px; position: relative; } 
.evt1 .proc { margin: 50px 0 40px; } 
.evt1 .proc li { position: relative; float: left; width: 33.3333%; background: #fff; padding: 20px 0 35px; } 
.evt1 .proc li::before { content: ''; display: block; position: absolute; right: 0; top:35px; background: url('https://img.megagong.net/m/2021/1214_lyj4718/evt_arrow.png') no-repeat center; width: 27px; height: 273px; } 
.evt1 .proc li:last-child:before { content: none; } 
.evt1 .evt1_btn { text-align: center; } 
.evt1 .evt1_btn li { display: inline-block; margin-right: 62px; } 
.evt1 .evt1_btn li:last-child { margin-right: 0; } 
.evt1 .sns_list { text-align: center; background: #fff; padding: 30px 90px 30px 110px; margin-top: 135px; } 
.evt1 .sns_list li { /* display: inline-block; */float: left; margin-left: 26px; } 
.evt1 .sns_list li:first-child { margin-left: 0; } 
.evt1 .sns_list li a { display: block; margin: 0 auto; } 
.evt1 .tiny { color: #918c8a; } 
.evt1 .evtBoard_common { padding: 40px; background: #ececec; } 
.evt1 .evtBoard_common .board_notice li { color:#7d7d7d } 
.evt1 .evtBoard_common .board_write { margin: 0; } 
.evt1 .evtBoard_common .btnUrl { display: block; margin-top: 13px; font-size: 12px; text-align: right; width: 100%; } 
.evt1 .evtBoard_common .btnUrl span { border: 1px solid #000; border-radius: 50px; padding: 4px 18px; } 
.evtBoard_common .board_notice { margin: 0; color: #666; } 
.evt_cautn { padding: 40px 0 0; font-size: 14px; text-align: left; font-weight: 300; line-height: 1.6; margin-top: 150px; border-top: 1px dashed #666; } 
.evt_cautn dt { font-weight: 500; color: #222222; margin-bottom: 30px; font-weight: 700; } 
.evt_cautn dd { position: relative; padding-left: 10px; } 
.evt_cautn dd::before { content: '-'; display: block; position: absolute; top: 0; left: 0; } 
.evt_cautn a { color:#ff0000; font-weight: 500; } 
.clickPop { width: 490px; background:#fff; border:1px solid #000; padding: 40px 10px 20px; position:fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } 
.dim_popup.clickPop .tit { text-align:center; margin: 0 0 10px; padding: 0 15px; font-size: 23px; font-weight: bold; } 
.dim_bnrwrp_wrap table { font-size: 14px; } 
.dim_bnrwrp_wrap table tr th, .eventWrap .dim_bnrwrp_wrap table tr td { padding: 8px 5px; border: 1px solid #ddd; } 
.dim_bnrwrp_wrap table tr th { border-color:#fff } 
.dim_bnrwrp_wrap table tr th { background:#eaeaea } 
.dim_bnrwrp_wrap .dim_popup table tr th, .eventWrap .dim_bnrwrp_wrap .dim_popup table tr td { word-break: break-all; text-align: center; } 
.dim_bnrwrp_wrap .dim_popup table tr td.con { text-align:left } 
.dim_popup.clickPop .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.clickPop .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; margin: 0; } 


/* ´ä¾ÈÀÔ·Â */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:4; display:none } 
#apply .btn_popclo { width:36px; height:36px; background:url(https://img.megagong.net/common/btn_close_mg_popup.png) 0 0 no-repeat; font-size:0; transition:opacity 0.2s; position: absolute; right:0; top:-51px; } 
#apply .black_bg { display:block; } 
.apply_test { border: 2px solid #000; width: 860px; height: 660px; background: #fff; position: fixed; top:50%; left:50%; z-index:93; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } 
.apply_box { position: relative; padding: 40px 20px; } 
.apply_box .btn_popclo { position: absolute; top: 5px; right: 5px; width: 23px; height: 23px; } 
.apply_test .stit { position: relative; text-align: left; display: block; font-size: 16px; color: #fff; padding: 11px 15px; border-bottom: 2px solid #000; background: #343434; } 
.apply_test .stit a { position: absolute; top: 50%; right:10px; transform: translateY(-50%); } 
.apply_test .stit a::before { content: "\00d7"; font-size:27px; color: #fff; } 
.apply_test .tit { font-size: 30px; margin: 0 auto 30px; text-align: center; font-weight: bold; } 
.apply_test table { font-size: 12px; background: #fff; text-align: center; } 
.apply_test table th,
.apply_test table td { padding: 10px 0; border: 1px solid #cccccc; } 
.apply_test table td select { border: 1px solid #cccccc; } 
.apply_test table th { font-weight: 700; background: #f5f5f5; } 
.apply_test .tiny { margin-bottom: 11px; font-size: 12px; color: #b2b2b2; } 
.evtExam .apply_test .answer_tbl .s_tit { position: relative; font-size: 18px; font-weight: 900; margin: 40px 0 5px; padding-left:0; } 
.evtExam .apply_test .answer_tbl .s_tit:before { display:none; } 
.apply_test .text_area{
    position: relative;
}
.apply_test div.timeBox { 
    position: absolute;
    top: -30px;
    right: 0;
    width: 100%; text-align: right; font-size: 15px; font-weight: 900; margin-bottom:10px; 
} 
.apply_test div.timeBox span.timeBox { color:#e45c6c; } 
.evtExam .apply_test .test_info { font-size: 14px; } 
.evtExam .apply_test .test_info td { padding-left: 0; text-align: center; } 
.evtExam .apply_test .test_info .bdt { border: 1px solid rgba(204,204,204, 1); border-width: 1px 1px 0; } 
.apply_test .answer_tbl td { padding: 19px 0; } 
.apply_test .answer_tbl input[type=text], input[type=password], input[type=number] { border: none; padding: 0; width: 98%; text-align: center; } 
.apply_test .answer_tbl .btn_box { margin: 40px auto 0; } 



/***Ãß°¡ ***/
.eventWrap .top { background:url(https://img.megagong.net/m/2021/1214_lyj4718/0120/bg_top.png) repeat-x; height:120px; } 
.con21 { background:#eef3f8; padding:150px 0; } 
.con21 ul { margin-top:100px; } 
.con21 li:not(:first-child) { margin-top:70px; } 
.con22 { background:#ccf5f5; padding:150px 0; } 
.con22 p { margin-top:100px; } 


/*event1*/
.event1 { background:#cfffe6; padding:130px 0; position:relative; } 
.event1 .evt_end { position: absolute; top: 50px; right: -50px; z-index:1; display:none; } 
.event1 .selectBox { text-align:left; margin-top:70px; } 
.event1 .selectBox > p { color:#000; } 
.event1 .select { margin-top:15px; box-sizing:border-box; border:1px solid #000; background:#fff; } 
.event1 .select li { border-top:1px solid #000; padding:30px 0; text-align:center; } 
.event1 .select li:first-child { border-top:none; } 
.event1 .select li .tit { display:inline-block; vertical-align:middle; position:relative; width:340px; } 
.event1 .select li .tit:after { content:""; display:block; width:1px; height:72px; background:#c3c3c3; position:absolute; top:50%; transform:translateY(-50%); right:0; } 
.event1 .select li .tit i { display:inline-block; vertical-align:middle; width:100px; height:100px; background:#cce2f5; text-align:center; line-height:100px; text-align:center; color:#000; font-size:22px; font-weight:700; font-weight:700; font-style:normal; border-radius:50%; } 
.event1 .select li .tit i.green { background:#daefe7; } 
.event1 .select li .tit i.red { background:#fce6e5; } 
.event1 .select li .tit div { display:inline-block; vertical-align:middle; text-align:left; width:calc(100% - 105px); box-sizing:border-box; padding-left:10px; color:#000; } 
.event1 .select li .tit p { font-weight:700; font-size:27px; line-height:120%; } 
.event1 .select li .tit span { margin-top:5px; font-size:20px; display:block; } 
.event1 .select li dl { display:inline-block; vertical-align:middle; padding:0 50px; text-align:left; } 
.event1 .select li dt { font-size:18px; line-height:120%; font-weight:700; } 
.event1 .select li dd { margin-top:10px; width:200px; } 
.event1 .select li dd select { width:100%; height:42px; border:1px solid #686868; font-size:18px; } 
.event1 .select li a { display:inline-block; vertical-align:middle; width:166px; height:78px; line-height:78px; background:#000; color:#fff; font-size:18px; font-weight:700; text-align:center; } 
.event1 .selectBox h4 { margin-top:75px; font-size:26px; } 
.event1 .sellBox { margin-top:25px; width:100%; box-sizing:border-box; border:1px solid #000; background:#fff; padding:15px; } 
.event1 .sellBox p.none { font-size:18px; line-height:140%; color:#2e2e2e; } 
.event1 .sellBox + p { margin-top:15px; color:#6c6c6c; font-size:15px; line-height:120%; } 
.event1 .price { margin-top:20px; clear:both; text-align:right; } 
.event1 .price h5 { font-size:20px; line-height:120%; color:#2e2e2e; margin-right:30px; display:inline-block; vertical-align:middle; } 
.event1 .price h5 span { font-size:40px; margin-left:10px; } 
.event1 .price p { display:inline-block; vertical-align:middle; } 
.event1 .price p a { display:block; width:200px; height:73px; line-height:73px; text-align:center; color:#fff; font-size:22px; font-weight:700; border-radius:8px; background:#1c5875; } 
.event1 .sellBox .tit { display:inline-block; vertical-align:top; font-size:18px; font-weight:300; margin-top:7px; } 
.event1 .sellBox .tit:after { content:""; width:1px; height:30px; background:#c3c3c3; float:right; margin:0 8px; } 
.event1 .sellBox ul { display:inline-block; vertical-align:top; font-size:20px; font-weight:700; color:#000; width:calc(100% - 125px); } 
.event1 .sellBox li { float:left; margin:5px; width:150px; } 
.event1 .sellBox li b { color:#1200ff; margin-left:5px; } 
.event1 .sellBox li button { vertical-align:top; margin:5px; } 


.event2 { padding:0 0 150px; position:relative; } 
.event2 > .inner > .tiny { text-align:right; padding:30px 0 60px; } 
.event2 .evt_end { position: absolute; top: 450px; right: -50px; z-index:1; } 
.event2 .goods { margin-top:110px; } 
.rvAdd { background:#ececec; box-sizing:border-box; padding:35px; position:relative; margin-top:60px; } 
.rvAdd p { text-align:left; font-size:20px; line-height:120%; font-weight:700; color:#000; } 
.rvAdd > div { margin-top:15px; } 
.rvAdd form { overflow:hidden; } 
.rvAdd form > div { float:left; width:calc(100% - 145px); } 
.rvAdd form button { float:right; width:135px; height:160px; background:#2a2a2a; color:#fff; font-size:20px; font-weight:700; } 
.rvAdd textarea { margin-top:8px; width:100%; box-sizing:border-box; height:100px; border:1px solid #ccc; } 
.rvAdd ul { margin-top:5px; font-size:13px; font-weight:300; line-height:130%; text-align:left; } 
.filebox { position:relative; } 
a.btn_delete { position:absolute; top:15px; right:155px; font-size:14px; color:#ff0000; line-height:120%; display:none; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 

.filebox .upload-name { display: block; float:left; width:calc(100% - 145px); height:50px; border:1px solid #ccc; text-indent:10px; color:#999; background:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.filebox label { display: block; float:left; margin-left:10px; width:135px; height:50px; line-height:50px; background:#084969; color:#fff; font-size:16px; } 

.event2 h5 { margin-top:80px; position:relative; opacity:.9999; } 
.event2 h5:before { content:""; display:block; width:100%; height:1px; background:#44484c; position:absolute; top:24px; left:0; z-index:-2; } 
.event2 h5 span { display:inline-block; padding:0 50px; background:#cce2f5; font-size:40px; line-height:120%; color:#222; font-weight:700; } 
.event2 .link { margin-top:30px; background:#084969; padding:0 60px; overflow:hidden; } 
.event2 .link li { float:left; width:230px; text-align:center; position:relative; padding:20px 0; } 
.event2 .link li:not(:last-child):before { content:""; display:block; width:2px; height:23px; background:#cfffe6; position:absolute; top:50%; right:0; transform:translateY(-50%); } 
.event2 .link li a { color:#fff; font-weight:700; } 
.event2 .link li a img { margin-left:3px; } 
.event2 .step { margin-top:15px; } 
.event2 .evt_cautn { margin-top:150px; } 

.tit_new { margin-top:50px; text-align:left; font-size:16px; color:#000; font-weight:300; } 
.tit_new span { display:block; font-size:18px; line-height:120%; position:relative; padding-left:15px; font-weight:700; } 
.tit_new span:before { content:""; display:block; width:8px; height:8px; background:#000; border-radius:50%; position:absolute; top:5px; left:0; } 

.apply_test { height:auto; } 
.apply_test .answer_tbl { margin-top:30px; } 
.apply_test .tb_eval_tit { font-size:15px; font-weight:bold; color:#333; text-align:left; margin-bottom:8px; } 
.apply_test .tb_scroll { overflow-y:auto; height:236px; border-top:1px solid #000; border-bottom:1px solid #000; } 
.apply_test .tb_scroll table { margin-bottom:0; } 
.apply_test table.tb_info { border:0; margin-bottom:10px; } 
.apply_test table.tb_info tr.on { background: #e8edff; } 
.apply_test table.tb_info tr:first-child th, .apply_test table.tb_info tr:first-child td { border-top:1px solid #000; } 
.apply_test table.tb_info tr:last-child th, .apply_test table.tb_info tr:last-child td { border-bottom:1px solid #000; } 
.apply_test table.tb_info th, .apply_test table.tb_info td { font-size:13px; border:0; border-bottom:1px solid #d0d0d0; padding:20px 10px; border-left:1px solid #d0d0d0; } 
.apply_test table.tb_info th:first-child { border-left:0; } 
.apply_test table.tb_info td { font-size:15px; text-align:center; } 
.apply_test table.tb_info.tb_eval th,
.apply_test table.tb_info.tb_eval td { padding:13px 10px; } 
.apply_test table.tb_info.tb_eval td { text-align:center; } 
.apply_test table.tb_info.tb_eval a { display:inline-block; width:20px; height:20px; border:1px solid #000; border-radius:10px; text-align:center; } 
.apply_test table.tb_info.tb_eval a.on { background-color:#000; color:#fff; } 
.apply_test .tb_scroll table.tb_info tr:first-child th,
.apply_test .tb_scroll table.tb_info tr:first-child td { border-top:0; } 
.apply_test .tb_scroll table.tb_info tr:last-child th,
.apply_test .tb_scroll table.tb_info tr:last-child td { border-bottom:0; } 
.apply_test .tb_scroll table.tb_info { margin-bottom:0; } 
.apply_test .tb_scroll table.tb_info.tb_eval td { cursor:pointer; } 
.apply_test .btn_base { display:inline-block; padding:20px; background-color: #000; color:#fff; font-size:17px; font-weight:bold; width:180px; text-align:center; } 
.apply_test .tiny { text-align:left; } 
.lecture { padding-bottom:.0 !important } 


/* event3 */
.event3 { background:#ffd5ff; padding:170px 0 195px; position:relative; } 
.event3 .evt_end { position: absolute; top: 37px; right: -75px; } 

.event3 .checkbox { margin: 70px auto 0; overflow:hidden; background: #ffe7ff; padding: 45px 40px 50px; text-align: center; } 
.event3 .checkbox li { position: relative; display: inline-block; width: 17%; text-align: center; cursor:pointer; color:#fff; margin: 0 245px 0 -165px; } 
.event3 .checkbox li+li { margin: 0; } 
.event3 .checkbox li label { position:relative; width: 100%; height: 100%; display: inline-block; } 
.event3 .checkbox li img { cursor:pointer; } 
.event3 .checkbox li input { position:absolute; z-index:-1; bottom:0; width: 100%; height: 100%; } 
.event3 .checkbox li span { display:inline-block; vertical-align: bottom; width: 30px; height: 30px; margin: 0; box-sizing:border-box; border: 2px solid #391803; background:#fff; border-radius:50%; position:relative; } 
.event3 .checkbox li span:before { content:""; display:block; width: 18px; height: 18px; background:transparent; border-radius:50%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } 
.event3 .checkbox li input:checked + span:before { background: #000000; } 
.event3 .checkbox li strong { position: absolute; top: 50px; right: -45px; } 
.event3 .checkbox li i { font-style: normal; font-size: 25px; color: #222; position: absolute; right: -155px; top: 90px; } 
.event3 .checkbox li i b { color: #c127b4; } 
.event3 .checkbox li + li i b { color: #fe445c; } 
.event3 .goods { margin: 80px auto 90px; padding: 45px 0 85px; background: #ffe7ff; } 

.event3 h5 { margin-top:80px; position:relative; } 
.event3 h5:before { content:""; display:block; width:100%; height:1px; background:#44484c; position:absolute; top:24px; left:0; z-index: 0; } 
.event3 h5 span { display:inline-block; padding:0 50px; background:#ffd5ff; font-size:40px; line-height:120%; color:#222; font-weight:700; z-index: 2; position: relative; } 

.event3 ul.step { margin: 50px auto 115px; } 
.event3 ul.step li { float:left; position: relative } 
.event3 ul.step li:nth-child(2) { padding-left: 60px; margin-left: 60px; } 
.event3 ul.step li:nth-child(2):before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background: url(https://img.megagong.net/m/2021/1214_lyj4718/0222/event3_step_side.png) no-repeat 15% center; background-size: auto 100%; width:31px; height:328px } 
.event3 ul.step li:nth-child(3) { padding-left: 50px; margin-left: 50px; } 
.event3 ul.step li:nth-child(3):before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background: url(https://img.megagong.net/m/2021/1214_lyj4718/0222/event3_step_side.png) no-repeat 15% center; background-size: auto 100%; width:31px; height:328px } 


.event3 .vs_videoBox ul { position: relative; } 
.event3 .vs_videoBox ul::before { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 95px; background: url(https://img.megagong.net/m/2021/1214_lyj4718/0222/event3_vs.png) no-repeat center; width: 99px; height: 59px; z-index: 2; } 
.event3 .vs_videoBox ul li { float: left; width: 50%; padding: 50px 30px 95px; background: #a429d5; } 
.event3 .vs_videoBox ul li + li { background: #f13384; } 
.event3 .vs_videoBox ul li p { } 
.event3 .vs_videoBox .video_box { padding-bottom: 61%; } 
.event3 .vs_videoBox ul li div.video_wrap { padding:40px 0 35px; border-bottom: 1px dashed #c372e2; } 
.event3 .vs_videoBox ul li + li div.video_wrap { border-bottom: 1px dashed #f78bb9; } 
.event3 .vs_videoBox ul li div.video_wrap + div.video_wrap { padding:35px 0 0; border-width: 0; } 

.event3 .evtBoard_common p.board_tit { text-align: left; margin: 0 40px 30px; font-size: 18px; font-weight: 700; color: #222; } 
.event3 .evtBoard_common { padding: 0; background: #ffe7ff; } 
.event3 .evtBoard_common .board_write { margin: 0 40px 15px; padding: 0 150px 0 0; } 
.event3 .evtBoard_common .board_write .inp_wrap textarea, 
.event3 .evtBoard_common .board_write .inp_wrap input[type="text"] { height:100px } 
.event3 .evtBoard_common .board_write .btn_wrap { width:140px; } 
.event3 .evtBoard_common .board_write .btn_wrap a { height:100px; line-height:100px } 
.event3 .evtBoard_common .board_list ul li .usr_info { position: relative; margin-top: 20px; } 
.event3 .evtBoard_common .board_list ul li .usr_info .date { top: -30px; right: 0; } 
.event3 .board_notice { position:relative; margin: 0 40px 40px; } 
.event3 .board_notice li { color: #666666; } 
.event3 .board_notice .chk_notice { position:absolute; right:0; top:0; } 
.event3 .board_notice .chk_notice input[type=checkbox] { margin-right:5px } 
.event3 .board_list ul li > div { width: calc(100% - 110px); vertical-align: top; display: inline-block; } 
.event3 .board_list ul li div.t_emo { position: absolute; width: 105px; text-align: center; vertical-align: middle; height: calc(100% - 40px); } 
.event3 .board_list ul li div.t_emo img { position:absolute; top:50%; left:50%; transform: translate(-55%,-50%); -webkit-transform: translate(-55%,-50%); -moz-transform: translate(-55%,-50%); } 
.event3 .board_list ul li div.txt { position: relative; width: calc(100% - 105px); display:inline-block; vertical-align: top; padding-left: 30px; min-height: 100px; margin-left: 105px; } 
.event3 .board_list ul li div.txt::before { } 
.event3 .board_list ul li.notice div.txt { width: 100%; margin-left: 0; padding-left: 0; } 
.event3 .board_list ul li.notice div.txt::before { display: none; } 
.event3 .board_list ul li.notice { background: none; } 
.event3 .noti_btn { text-align:right; margin-top: -25px; font-weight: 700; color: #000; } 
.event3 .noti_btn input { margin-right: 5px; } 
/* //event3 */


/* ¿µ»óÆ˾÷ */
.dimMv { position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; } 
.dimMv video { width: 100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5; } 
button.close { cursor:pointer; display:inline-block; position:absolute; top:50%; left:50%; transform: translate(502px, -336px); z-index:5; font-size:12px; padding:5px; border:1px solid #fff; color:#fff; } 
button.tdy { cursor:pointer; display:inline-block; position:absolute; top:50%; left:50%; z-index:5; font-size:12px; padding:5px; border:1px solid #fff; color:#fff; transform: translate(405px, -336px); } 
.dim-layer { position: fixed; display:block; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } 
.dim-layer .dimBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; cursor: pointer; } 
.pop-layer { display: block; width: 1080px; height: 608px; position: absolute; top: 50%; left: 50%; z-index: 10; margin-left: -540px; margin-top: -304px; } 
.pop-container,.layer-content { height: 100%; width:100%; } 
.pop-container:after { display: block; clear: both; content: ''; } 
.layer-close-top { position: absolute; right: 0; top: -9vw; display: block; margin-left: auto; } 
.layer-close-top img { max-width: 100%; } 
.layer-content img,.layer-content iframe { width: 100%; height: 100%; } 
.pop-layer button.close { left: auto; right: 46.5%; top: 49%; } 
.pop-layer button.tdy { left: auto; top: 49%; right: 42%; } 
#close { padding: 7px; width: 30px; height: 30px; background: #000; position: absolute; right: 0; top: 100%; box-sizing: border-box; display: block; } 
.dim-layer_geek2991 { position: fixed; display:block; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } 
.dim-layer_geek2991 .dimBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; cursor: pointer; } 
.fltVideo { position: fixed; display:block; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } 
/* //¿µ»óÆ˾÷ */


/* con31 */
.con31 { padding: 125px 0 0 0; background-color: #fff; } 
.con31 h3 { margin-bottom: 40px; color: #2e3348; font-size: 50px; font-weight: 900; } 
.con31 p { color: #111111; font-size: 21px; } 
.con32 .tab3_box_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-top: 30px; } 
.con32 .tab3_box_wrapper .tab3_box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(33.33% - 30px); height: 268px; color: #171717; font-size: 17px; font-weight: 300; background-color: #e8ecff; border: 2px solid #5d76f6; border-radius: 20px; } 
.con32 .tab3_box_wrapper .tab3_box .item { width: 100%; } 
.con32 .tab3_box_wrapper .tab3_box.tab3_slider .slick-list { display: inline-block !important; width: 100%; } 
.con32 .tab3_box_wrapper .tab3_box .item span { color: #5d76f6; font-size: 19px; font-weight: bold; } 
.con32 .tab3_box_wrapper .tab3_box .item b { display: inline-block; margin-top: 15px; color: #2e3348; font-size: 23px; font-weight: 900; } 
.con32 .tab3_box_wrapper .tab3_box .data { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 168px; height: 37px; margin: 5px 0; color: #5d76f6; font-size: 18px; font-weight: bold; background-color: #fff; border: 1px solid #5d76f6; } 
.con32 .answer { margin: 39px 0 19px 0; } 
.con32 .description { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 40px; border: 1px solid #cccccc; } 
.con32 .description p { display: inline-flex; margin-bottom: 13px; padding-left: 16px; line-height: 1.6; color: #000000; font-size: 15px; font-weight: 300; text-align: left; text-indent: -16px; } 
.con32 .description p:last-of-type { margin-bottom: 0; } 
.con33 { padding-top: 95px; background-color: #f1f1f1; } 
.con33 h4 { margin-bottom: 30px; } 
.con33 .chBox { position: relative; overflow: initial; background-color: #fff; } 
.con33 .chBox .reset { position: absolute; top: -36px; right: 0; } 
.con33 .btn_ch { margin-top: 40px; } 


@media (max-width:1200px){
    .eventWrap { font-size: 15px; } 
    .eventWrap .inner { width: 96%; } 

    /* main */
    .main .inner { min-height: 74.6vw; padding-bottom: 0; } 
    .main h3 .main_teacher { margin: 0 auto; } 
    .main h3 a { top: 64%; left: 13.8%; } 


    /* evCon1 */
    .evCon1 { padding-top: 25vw; padding-bottom: 10vw; } 
    .evCon1 .box_wrapper { flex-direction: column; align-items: center; margin: 0 auto; margin-top: 120px; } 
    .evCon1 .box_wrapper .box { flex: initial; width: 90%; height: 180px; margin-left: 10%; padding-left: 5%; } 
    .evCon1 .box_wrapper .box:nth-of-type(1) { background: linear-gradient(to left, rgba(0,0,0,0), #555360); } 
    .evCon1 .box_wrapper .box:nth-of-type(2) { align-items: flex-start; margin-top: 30px; } 
    .evCon1 .box_wrapper::before { top: initial; left: initial; right: 0; bottom: -10vw; transform: translate(0, 0); } 


    /* evCon2 */
    .evCon2 .con_box > div { flex-wrap: wrap; justify-content: center; } 
    .evCon2 .con_box > div > img { width: 43vw; } 
    .evCon2 .con_box > div > img:first-of-type { margin: 0 20%; } 
    .evCon2 .con_box > div > img:nth-of-type(2) { margin-right: 5vw; } 

    /* common */
    .con1 h3,.con2 h3,.con3 h3,.con5 h3,h3 { margin-bottom: 10%; } 
    .con1 .cont1 { padding: 8% 0 5%; } 
    .con1 .cont2 { padding: 8% 0 0; } 
    .con2,.con3,.con4,.con5,.evt1,.event3 { padding: 15% 0; } 
    .con2 .tiny,.con3 li p .tiny,.con4 .con4_btn .tiny,.con4 .timePop_wrap .tiny, .con5 .tiny, .evt1 .tiny,.event1 .sellBox + p { font-size: 10px; } 

    .con1 .tab_list { width: 100%; border: none } 
    .con1 .tab_list li,.con1 .tab_list li:last-child { width: 50%; } 
    .con1 .tab_list.tab3 li,.con1 .tab_list.tab3 li:last-child { width: 33.33%; } 

    .con1 .tab_list.tab3 li,
    .con1 .tab_list.tab3 li:not(:first-child) { padding-top: 0; display:table; } 
    .con1 .tab_list.tab3 li span { display:table-cell; vertical-align:middle; } 



    .con1 .cont1 ul li { width: 100%; } 
    .con1 .cont1::before { content: none; } 
    .con1 p.book { margin-top: 6%; text-align: center; } 
    .con1 dl.tiny { font-size: 10px; } 

    .con1 .cont2 .tab_area2 { padding: 8% 0; } 
    .con1 .cont2 .tab_cont2 { padding: 0; } 
    .con1 .cont2 .tab_list2 li { width: 50%; } 
    .con1 .cont2 .tab_cont2 dl.cautn { margin-top: 8%; font-size: 12px; } 
    .con1 .cont2 .tab_cont2 .tbl_left,.con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2 { width: 44%; } 

    .accumul_box { width: 100%; padding: 3% 3% 8%; } 
    .con1 .cont2 .tab_cont2 .non_tst { margin: 2vw 0 3%; } 
    .arr_btn { width: 10%; top: 50%; transform: translate(-50%,-50%); } 
    .arr_btn { margin-left: -48%; } 
    .arr_btn.arr_nxt { margin-left: -2%;; } 
    .con1 .cont2 .tab_cont2 dl.cautn { font-size: 10px; padding:2%; } 

    .con2 ul li,
    .con2 ul li:nth-child(4n) { margin: 0 1% 3% 0; width: 30%; } 
    .con2 ul li:nth-child(3n) { margin-right: 0; } 

    .con3 li { margin-right: 2%; width: 32%; } 
    .con3 li p { font-size: 18px; height: 80px; } 

    .con4 h3 { margin-bottom: 5%; } 
    .con4 .bn { padding: 2.5% 0; } 
    .con4 .con4_btn { margin: 8% 0 5%; } 
    .con4 .con4_btn li { width:46%; } 
    .con4 .con4_btn .tiny { margin-top: 5px; } 
    .con4 .tiny.d0226 { font-size: 15px; margin: 5px 0 8%; } 
    .con4 .timePop_wrap { right: 10px; } 
    .con4 .timePop_close { width: 7%; right: -20px; } 

    .con4 .evt_end,.evt1 .evt_end { width: 20%; top: 0; right: 0; } 
    .info_list { padding: 1% 1% 2%; border-radius: 10px; } 
    .info_list li { width: 100%; font-size: 18px; } 
    .info_list li strong::before { top: 50%; transform: translateY(-50%); } 
    .info_list li strong::after { top: 30%; } 
    .evt1 .gift { padding: 5% 0 10%; } 
    .evt1 .evt1_btn li { margin-right: 2%; width: 48%; } 
    .evt1 .sns_list { padding: 2% 0; margin-top: 15%; } 
    .evt1 .sns_list li { width: 15%; float: none; margin-left: 0; display: inline-block; } 
    .evt1 .evtBoard_common { padding: 5% 2% 3%; } 

    .line_chart div[dir="ltr"] { margin: auto !important; width: 100vw !important; } 
    .line_chart div > svg { margin: auto !important; width: 100% !important; overflow:visible !important; overflow-x: scroll !important; } 



    /***Ãß°¡ ***/
    .eventWrap .top { height:auto; background-size:auto 100%; } 

    .con21 { padding:10% 0; } 
    .con21 ul { margin-top:2vw; } 
    .con21 li:not(:first-child) { margin-top:3vw; } 

    .con22 { padding:10% 0; } 
    .con22 p { margin-top:0; } 


    /*event1*/
    .event1 { padding:10% 0; } 
    .event1 .evt_end { top: 5vw; right: 0; max-width:201px; width:30%; } 

    .event1 .selectBox { margin-top:5vw; } 
    .event1 .select li { padding:2vw; } 


    .event2 { padding:0 0 10vw; } 
    .event2 > .inner > .tiny { padding:2vw 0 5vw; } 
    .event2 .evt_end { top: 40vw; right: 0; max-width:201px; width:30%; } 
    .event2 .goods { margin-top:5vw; } 

    .rvBox { margin-top:5vw; } 
    .filebox label { font-size:14px; } 

    .event2 h5 { margin-top:10vw; } 
    .event2 h5:before { top:17px; } 
    .event2 h5 span { padding:0 15px; font-size:30px; } 

    .event2 .link { margin-top:3vw; padding:1%; } 
    .event2 .link li { float:left; width:50%; padding:10px 0; } 
    .event2 .link li:not(:last-child):before { content:""; display:block; width:2px; height:23px; background:#cfffe6; position:absolute; top:50%; right:0; transform:translateY(-50%); } 
    .event2 .link li:nth-child(even):before { display:none; } 
    .event2 .link li a { color:#fff; font-weight:700; } 
    .event2 .link li a img { margin-left:3px; } 
    .event2 .step { margin-top:15px; } 
    .event2 .evt_cautn { margin-top:15vw; padding-top:3vw; } 
    .event2 .evt_cautn dt { margin-bottom:3vw; } 

    .tit_new { margin-top:5vw; } 


    /* event3 */
    .event3 .goods { margin: 5% auto; padding: 3% 10px 8%; } 
    .event3 h5 { margin-top:10vw; } 
    .event3 h5:before { top:17px; } 
    .event3 h5 span { padding:0 15px; font-size:30px; } 
    .event3 .evt_end { top: 45%; right: -2%; width: 17%; } 
    .event3 ul.step { margin: 5% auto 10%; text-align: center; } 
    .event3 ul.step li { display: inline-block; width: 32%; vertical-align: top; float: none; } 
    .event3 ul.step li:nth-child(2) { padding-left: 0; margin-left: 0; } 
    .event3 ul.step li:nth-child(3) { margin-left: 0; padding-left: 0; } 
    .event3 ul.step li:nth-child(2):before,
    .event3 ul.step li:nth-child(3):before { width: 12%; height: 100%; } 
    .event3 ul.step li:nth-child(2) img { margin-left:7% } 
    
    .event3 .checkbox { margin: 25px auto 0; padding: 7% 0 5%; } 
    .event3 .checkbox li { margin: 0; width: 35%; } 
    .event3 .checkbox li + li { } 
    .event3 .checkbox li img { display:block; margin: 0 auto 7%; } 
    .event3 .checkbox li strong { top: auto; right: auto; position: relative; } 
    .event3 .checkbox li i { position: relative; top: auto; font-size: 20px; right: auto; margin-left: 5%; } 
    .event3 .checkbox li input { display:none; } 
    .event3 .checkbox li span { width: 26px; height: 26px; } 
    .event3 .checkbox li span:before { width: 13px; height: 13px; } 
    .event3 .evtBoard_common .board_write { margin: 0 3% 1%; padding: 0; } 
    .event3 .evtBoard_common .board_write .inp_wrap textarea, 
    .event3 .evtBoard_common .board_write .inp_wrap input[type="text"] { height:60px; font-size: 12px; } 
    .event3 .evtBoard_common .board_write .btn_wrap { width: 100%; } 
    .event3 .evtBoard_common .board_write .btn_wrap a { height:50px; line-height:50px } 
    .event3 .evtBoard_common .board_list ul li .del_btn { font-size:10px; line-height:16px } 
    .event3 .board_notice { margin: 0 3% 3%; } 
    .event3 .board_list ul li div.t_emo { width: 12%; height: calc(100% - 20px); } 
    .event3 .board_list ul li div.t_emo img { } 
    .event3 .board_list ul li div.txt { width: calc(100% - 13%); padding-left: 3%; margin-left: 13%; font-size: 12px; } 
    .event3 .evtBoard_common .board_list ul li .usr_info .date { top: -5%; } 
    .event3 .evtBoard_common .board_list ul li .usr_info { margin-top: 0; } 
    /* ¿µ»óÆ˾÷ */
    .dimMv video { width: 100%; } 
    .pop-layer { width: 94%; height: 60vw; margin-left: -47%; margin-top: -30vw; } 
    .pop-layer button.close { position: absolute; top: -31px; background: #888; padding: 3px; width: 30px; height: 30px; box-sizing: border-box; } 
    .pop-layer button.tdy { word-break: break-all; position: absolute; top: -31px; right: 28px; padding: 5px 5px 5px; height: 30px; } 




    /* new con31 con32 */
    .con31 { padding:10vw 0; } 
    .con32 { padding:10vw 0; } 
    .con32 h3 { margin-bottom:5%; } 
    .chBox { padding:3vw; } 
    .chtbl td dl { margin-right:5px; width:45%; } 
    .result_list .txt { padding:10vw 0; font-size:18px; } 
    .schtxtBox { margin-top:10vw; } 
    .errata_tbl { margin-top:10vw; } 

    
    /* tab ¾ÈÂÊ ¿ä¼Ò */
    .con1 .cont2 h3,
    .con31 h3 { font-size: 45px; } 
    .con1 .cont2 .tab_area2 { padding: 0 0 8% 0; } 

    .con32 .tab3_box_wrapper { flex-wrap: wrap; justify-content: center; } 
    .con32 .tab3_box_wrapper .tab3_box:first-of-type { margin: 0 30%; margin-bottom: 3vw; } 
    .con32 .tab3_box_wrapper .tab3_box:nth-of-type(2) { margin-right: 3vw; } 
}

@media (max-width: 992px){
    .main .inner .main_desc { padding: 80px 0 70px 0; } 
    .main .inner .con_box .main_subtitle { font-size: 30px; } 
    .main .inner .con_box .main_subtext p { font-size: 18px; } 
    
    .evCon1 h4.con_tit,
    .evCon2 h4.con_tit { margin-bottom: 5vw; } 
    .evCon1 .box_wrapper::before { right: -61px; } 
    .evCon1 .box_wrapper .box { width: 90%; margin-left: 0; padding-left:5%; } 
    .evCon1 .box_wrapper .box > .box_title { font-size: 36px; letter-spacing: -1.7px; } 

    .evCon2 { padding: 10vw 0; } 

    .con1 .cont2 h3, .con31 h3 { font-size: 36px; } 

    .con1 .cont2 span.vdpop { margin-top: -2%; } 

    .con4 .stit { font-size: 4vw; } 
    .con4 .bn { font-size: 14px; } 
    .con4 .bn li:first-child { width: 56%; } 
    .con4 .bn li:last-child { width: 35%; vertical-align: bottom; } 
    /* .line_chart div > svg { width: 900px !important; } 
    .con1 .cont2 .tab_cont2 .lineWrap { overflow-x: scroll; } */


    /*event1*/
    .event1 .select li { position:relative; } 
    .event1 .select li .tit { width:100%; } 
    .event1 .select li .tit:after { display:none; } 
    .event1 .select li .tit i { display:inline-block; vertical-align:middle; z-index:4; position:relative; width:100px; height:100px; background:#cce2f5; text-align:center; line-height:100px; text-align:center; color:#000; font-size:22px; font-weight:700; font-weight:700; font-style:normal; border-radius:50%; } 
    .event1 .select li .tit div { width:calc(100% - 105px); padding-left:10px; vertical-align:top; margin-top:5px; } 
    .event1 .select li .tit p { font-size: 24px; display:inline-block; } 
    .event1 .select li .tit span { display:inline-block; } 
    .event1 .select li .tit span:before { content:"("; } 
    .event1 .select li .tit span:after { content:")"; } 
    .event1 .select li dl { padding:0; position:absolute; top:62px; left:2vw; padding-left:calc(110px + 1vw); width:calc(100% - 4vw); } 
    .event1 .select li dt { font-size: 16px; display:inline-block; vertical-align:middle; width:130px; text-align:left; } 
    .event1 .select li dd { display:inline-block; vertical-align:middle; margin-top:0; width:calc(100% - 143px); margin-left:10px; } 
    .event1 .select li dd select { width:100%; height:42px; border:1px solid #686868; font-size:18px; } 
    .event1 .select li a { display:block; margin-top:10px; width:100%; height:50px; line-height:50px; font-size:18px; } 

    .con1 .cont2 .tab_cont2 .graph_tiny { bottom:-20px; right: 4%; } 
    .con32 .tab3_box_wrapper .tab3_box { width: 40vw; } 
}

@media (max-width:930px){
    .apply_test { width:96%; } 
}

@media (max-width: 768px){
    .con1 .tab_list li { height: 80px; font-size: 16px; padding-top: 16px; } 
    .con1 .tab_list li:last-child { padding-top: 24px; } 

    .con1 .cont1 ul li { padding: 5% 3%; } 
    .con1 .cont1 ul li strong { margin:0 5% 3%; } 
    .con1 .cont1 ul li p { font-size: 16px; } 
    .con1 .cont1 ul li p::before { top: 7px; } 

    h4 { font-size: 18px; margin-bottom: 3%; } 
    .con1 .cont2 span.vdpop { margin-top: -6%; } 
    .con1 .cont2 .test_info { font-size: 14px; } 
    .con1 .cont2 .test_info th, .con1 .cont2 .test_info td { padding: 5px 10px; } 
    .con1 .cont2 .test_info.test_info_pop th, .con1 .cont2 .test_info.test_info_pop td { padding: 5px 3px; } 

    .con1 .cont2 .test_info select { font-size: 12px; width: 100%; } 
    .con1 .cont2 .infoBox { margin: 5% auto; padding:5%; font-size: 14px; } 
    .con1 .cont2 .submit_btn { margin: 0 20% 10%; } 
    .con1 .cont2 .tab_area2 { padding: 8% 0 12%; } 

    .con1 .cont2 .tab_cont2 table { font-size: 13px; } 
    .con1 .cont2 .tab_list2 li { font-size: 16px; height: auto; padding: 10px 0; } 
    .con1 .cont2 .tab_cont2 .tbl_box .tbl_tit { font-size: 13px; padding-left: 10px; } 
    .con1 .cont2 .tab_cont2 .tbl_box .tbl_tit::before { width: 4px; height: 4px; } 
    .con1 .cont2 .tab_cont2 .non_tst { font-size: 12px; } 
    .con1 .cont2 .tab_cont2 .mytbl_box .dim_ing.mid::before { background-size: 80%; } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim span { font-size: 15px; } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim2 span, .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 span, .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 span { font-size: 12px; } 
    .con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2 { width: 100%; } 
    .con1 .cont2 .tab_cont2 .tbl_left { width: 100%; } 
    .con1 .cont2 .tab_cont2 .tbl_box .analyze_tbl { width: 100%; } 
    .con3 li::before { background-size: 85% } 
    .con3 li p { padding: 10px 5px; font-size: 17px; } 
    .con3 li:nth-child(2) p { padding: 5px 2px 0; } 
    /* .con3 li p br { display: none; } */
    .con1 .cont2 .tab_cont2 .tbl_tit3 span { font-size: 16px; } 

    .con4 .count { margin: 8% 0 2%; } 
    .con4 .count strong { font-size: 4vw; padding: 1% 3%; } 
    .con4 .timePop { margin: 0 0 2% 80%; } 
    .info_list li { font-size: 16px; } 
    .evt1 .howTo ul > li > p { margin: 0 -15%; } 
    .evt1 .proc li { padding: 5% 0 2%; } 
    .evt1 .proc li img { width: 70%; } 
    .evt1 .proc li::before { background-size: 10%; top: 50%; transform: translateY(-50%); width: 100%; right: -50%; z-index: 2; } 
    .evt1 .sns_list li { width: 25%; margin-bottom: 4%; } 

    .evtBoard_common .board_write .rec_wrap textarea, .evtBoard_common .board_write .rec_wrap input[type="text"] { width: 45%; height: 65px; } 
    .evtBoard_common .board_write .inp_wrap textarea { height: 80px; } 

    .apply_box { padding: 5% 3% } 


    .apply_test { width:96%; } 
    .apply_box { padding:20px;
        max-height: 80vh;
        overflow: auto;
    } 
    .apply_test .tb_scroll { height:228px; } 
    .apply_test .tit { font-size:24px; margin:0 auto 15px; } 
    .apply_test .answer_tbl .btn_box { margin-top:20px; } 
    .apply_test table.tb_info.tb_eval th, .apply_test table.tb_info.tb_eval td { padding:10px 5px; } 
    .apply_test table.tb_info.tb_eval a { width:16px; height:16px; font-size:11px; } 
    .apply_test .btn_base { width:50%; padding:10px; font-size:14px; } 
    

    /*Ãß°¡*/
    .rvAdd { padding:3vw; margin-top:5vw; } 
    .rvAdd:before { top:-15px; border-left-width: 10px; border-right-width: 10px; border-bottom-width: 15px; } 
    .rvAdd p { font-size:13px; } 
    .rvAdd > div { margin-top:10px; } 
    .rvAdd form > div { float:none; width:100%; } 
    .rvAdd form button { float:none; width:100%; height:50px; /*font-size:12px; */ font-size:15px; } 
    .rvAdd textarea { margin-top:5px; height:70px; /*font-size:12px; */ } 
    .filebox .upload-name { width:calc(100% - 70px); height:50px; } 
    .filebox label { width:60px; height:50px; line-height:50px; /* font-size:12px; */ } 
    a.btn_delete { right:85px; } 


    
    /*event1*/
    .event1 .selectBox h4 { margin-top:10vw; font-size:18px; } 
    .event1 .sellBox { margin-top:3vw; padding:6px 2%; } 
    .event1 .sellBox .tit { font-size:14px; margin-top:7px; } 
    .event1 .sellBox .tit img { width:18px; } 
    .event1 .sellBox .tit:after { height:23px; } 
    .event1 .sellBox ul { font-size:15px; width:calc(100% - 115px); } 
    .event1 .sellBox li { float:left; margin:5px; width:110px; text-align:center; } 
    .event1 .sellBox li button { margin:2px 5px; } 
    .event1 .sellBox p.none { font-size:14px; } 

    .event1 .price { margin-top:10px; } 
    .event1 .price h5 { font-size:16px; margin-right:15px; } 
    .event1 .price h5 span { font-size:23px; } 
    .event1 .price p a { width:100px; height:55px; line-height:55px; font-size:18px; } 


    .event2 h5:before { top:17px; } 
    .event2 h5 span { padding:0 15px; font-size:25px; } 
    
    /* event3 */
    .event3 h5:before { top:17px; } 
    .event3 h5 span { padding:0 15px; font-size:25px; } 
    .event3 .vs_videoBox ul li { padding: 5% 2%; } 
    .event3 .vs_videoBox ul li div.video_wrap { padding: 10% 0; } 
    .event3 .vs_videoBox ul::before { top: 10%; background-size: contain; width: 10%; } 
    .event3 .checkbox_tit { margin:50px auto 35px } 
    .event3 .checkbox li { } 
    .event3 .checkbox li+li { margin-left: 5%; } 
    .event3 .checkbox li strong { } 
    .event3 .checkbox li span { /* margin:-2px 5px 0 0; */width: 20px; height: 20px; vertical-align: top; } 
    .event3 .checkbox li span:before { width: 10px; height: 10px; } 
    .event3 .checkbox li i { font-size:15px; margin-left: 2%; } 
    .event3 .evtBoard_common p.board_tit { font-size: 15px; margin: 0 3% 3%; } 
    .event3 .noti_btn { text-align: left; margin-top: 0; } 

    .con1 .cont2 .tab_cont2 .graph_tiny { bottom:-4%; } 

    .main .inner .main_desc { padding: 55px 0 45px 0; } 
    .main .inner .con_box .main_subtitle br { display: inline-block; } 
    .main .inner .con_box .main_subtext p { font-size: 14px; letter-spacing: -1px; } 
    .evCon1 { padding-top: 35vw; } 
    .evCon1 .con_box > p { font-size: 18px; } 
    .evCon1 .box_wrapper { margin-top: 10vw; } 
    .evCon1 .box_wrapper::before { width: 300px; height: 394px; } 
    .evCon1 .box_wrapper .box { width: 100%; } 
    .con1 .cont2 h3, .con31 h3 { font-size: 28px; } 
    .con1 .cont2 .tab_wrap2 { margin-top: 0; } 
    .con1 .cont2 .tab_area2 { padding: 0 0 12%; } 
    h4 { font-size: 15px; } 
    h4 b { font-size: 18px; } 
    .con1 h3, .con2 h3, .con3 h3, .con5 h3, h3 { margin-bottom: 7%; } 
    .con31 { padding: 10vw 0 0 0; } 
    .con31 p { font-size: 16px; } 
    .con32 .tab3_box_wrapper .tab3_box { width: 45vw; } 

    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 {  } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 { height: calc(100% - 76.7px); } 

    .con1 .cont2 .submit_btn.multi{margin:0 0 10%;}
}
@media (max-width:640px){
    .con1 .cont2 .submit_btn.multi > *{width:48%;margin:0 1%;}
}

@media (max-width:576px){
    .conTop.d0120 { padding: 20% 0 10%; } 
    .tip_txt { top:-18vw; } 
    .con1 .cont2 .tab_cont2 table { font-size: 10px; } 
    .con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2::before { height: 5px; } 
    .con1 .cont2 .tab_cont2 .tbl_box .tbl_tit2 span { font-size: 13px; } 
    .con1 .cont2 .tab_cont2 .tbl_tit3::before { height: 5px; } 
    .con1 .cont2 .tab_cont2 .tbl_tit3 span { font-size: 13px; } 
    .con1 .cont2 .tab_cont2 .tbl_left .radar_box { height: 155px; } 
    .con1 .cont2 .tab_cont2 dl.cautn { font-size: 10px; } 

    .con3 p.cautn { font-size: 12px; } 
    .con3 li p { font-size: 16px; } 
    .con3 p.cautn { padding: 3% 2%; } 
    .con3 p.cautn i { display: block; margin: 0 47% 2%; } 
    .con3 li::before { background-size: 60%; } 
    .con4 .bn { font-size: 11px; } 
    .con4 .timePop_wrap dt { font-size: 13px; margin-bottom: 8px; } 
    .con4 .timePop_wrap dd { font-size: 11px; } 
    .con4 .timePop_wrap { width: 200px; padding: 8%; font-size: 13px; bottom: 95%; } 
    .con4 .timePop_close { right: -16px; } 
    .info_list li { font-size: 14px; } 
    .evt1 .evtBoard_common .btnUrl { text-align: left; margin-bottom: 15px; } 

    .clickPop { width: 90%; } 
    .dim_popup.clickPop .tit { font-size: 20px; } 
    .dim_bnrwrp_wrap table { font-size: 12px; } 
    .dim_popup.clickPop .btnConfirm { margin: 40px 35% 0; } 

    .event2 h5:before { top:12px; } 
    .event2 h5 span { font-size:18px; } 


    /*event1*/
    .event1 .select li .tit i { width:80px; height:80px; line-height:80px; font-size: 16px; } 
    .event1 .select li .tit div { width:calc(100% - 85px); } 
    .event1 .select li .tit p { font-size: 20px; } 
    .event1 .select li .tit span { font-size: 13px; } 
    .event1 .select li dl { top: 45px; padding-left:calc(90px + 1vw); } 
    .event1 .select li dt { font-size: 14px; width:120px; } 
    .event1 .select li dd { width:calc(100% - 130px); margin-left:5px; } 
    .event1 .select li dd select { height: 30px; font-size: 13px; } 
    .event1 .select li a { height:40px; line-height:40px; font-size:16px; margin-top: 5px; } 
    .event1 .price h5 { margin-right:5px; } 

    /* event3 */
    .event3 h5:before { top:12px; } 
    .event3 h5 span { font-size:18px; } 
    .event3 ul.step li { width: 100%; margin-bottom: 4%; overflow: hidden; background: #ffffff85; border-radius: 15px; padding: 5% 0 0; } 
    .event3 ul.step li img { width: 50%; margin-top: -37%; } 
    .event3 ul.step li:nth-child(2) { /* width: 49%; */padding-bottom: 3%; } 
    .event3 ul.step li:nth-child(3) { margin-bottom: 0; /* width: 49%; */padding-bottom: 3%; } 
    
    .event3 ul.step li:before { content: '\0053\0054\0045\0050 \0031'; display: block; color: #c127b4; position: absolute; left: 15px; top: 5px; font-weight: 900; } 
    .event3 ul.step li:nth-child(2):before { content:'\0053\0054\0045\0050 \0032'; background-image:none; width: auto; height: auto; left: 15px; top: 5px; transform: initial; } 
    .event3 ul.step li:nth-child(3):before { content:'\0053\0054\0045\0050 \0033'; background-image:none; width: auto; height: auto; left: 15px; top: 5px; transform: initial; } 
    .event3 ul.step li:nth-child(2) img,
    .event3 ul.step li:nth-child(3) img { margin-left:0; } 
    .event3 .vs_videoBox ul::before { top: 50%; transform: translateY(-50%); margin-left: -30px; } 
    .event3 .vs_videoBox ul li { width: 100%; padding: 6% 1%; } 
    .event3 .vs_videoBox ul li p { margin: 0 10%; } 
    .event3 .vs_videoBox ul li div.video_wrap { float: left; width: 49%; border-width: 0; padding: 5% 0; } 
    .event3 .vs_videoBox ul li div.video_wrap + div.video_wrap { padding: 5% 0 0; margin-left: 2%; } 
    .event3 .vs_videoBox ul li + li div.video_wrap { border-width: 0; } 

    .event3 .checkbox { padding: 10% 0; } 
    .event3 .checkbox_tit { margin:25px auto 15px } 
    .event3 .checkbox_tit img { max-width:90% } 
    .evt_cautn { margin-top: 15%; padding: 5% 0 0; } 

    /* new con31 con32 */
    .chtbl td dl { margin:0 0 5px; width:100%; } 

    .btn_ch .chk a { width:150px; padding:10px 0; font-size:17px; } 
    .result_list { margin-top:8%; } 
    .result_list .txt { padding:10vw 0; font-size:15px; } 

    .schtxtBox { margin-top:5vw; } 
    .schtxtBox > div:first-child { overflow:hidden; } 
    .schtxtBox h4 { float:none; margin-bottom:10px; } 
    .schtxtBox p.answer { font-size:15px; margin:2px 0 0 5px; float:left; } 
    .schtxtBox p.answer span { margin-left:5px; font-size:15px; padding:0 5px; } 
    .schtxtBox p.right { float:right; font-size:15px; margin: 3px 0; } 
    
    .errata_tbl { margin-top:1vw; clear:both; } 
    .errata_tbl th { font-size:13px; height:30px; } 
    .errata_tbl td { font-size:13px; height:30px; } 

    .main .inner .main_desc { padding: 35px 0 25px 0; } 
    .main .inner .con_box .main_subtitle { margin-bottom: 15px; font-size: 20px; } 
    .main .inner .con_box .main_subtitle::before { bottom: 2px; } 
    .main .inner .con_box .main_subtext p { align-items: flex-start; text-align: left; } 
    .evCon1 { padding-top: 160px; } 
    .evCon1 .con_box > p { font-size: 12px; } 
    .evCon1 .box_wrapper::before { display: none; } 
    .evCon1 .box_wrapper .box > .box_title { font-size: 30px; } 
    /* .evCon2 .con_box > div { flex-direction: column; margin-bottom: 7vw; }  */
    /* .evCon2 .con_box > div > img { width: 70vw; margin-bottom: 3vw; }  */
    /* .evCon2 .con_box > div > img:first-of-type { margin: 0 auto; margin-bottom: 3vw} */
    /* .evCon2 .con_box > div > img:nth-of-type(2) { margin-right: 0; }  */
    /* .evCon2 .con_box > div > img:last-of-type { margin-bottom: 0; }  */
    .con1 .cont2 h3, .con31 h3 { font-size: 16px; } 
    h4 { font-size: 12px; } 
    h4 b { font-size: 15px; } 
    .con1 .cont2 .tab_wrap2 h5 { font-size: 16px; } 
    .con31 p { font-size: 12px; letter-spacing: -1.5px; } 
    .con32 .tab3_box_wrapper { flex-direction: column; } 
    .con32 .tab3_box_wrapper .tab3_box { width: 70vw; height: 230px; margin-bottom: 3vw; font-size: 15px; } 
    .con32 .tab3_box_wrapper .tab3_box:first-of-type { margin: 0 auto; margin-bottom: 3vw; } 
    .con32 .tab3_box_wrapper .tab3_box:nth-of-type(2) { margin-right: 0; } 
    .con32 .tab3_box_wrapper .tab3_box:last-of-type { margin-bottom: 0; } 
    .con32 .tab3_box_wrapper .tab3_box .item span { font-size: 16px; } 
    .con32 .tab3_box_wrapper .tab3_box .item b { font-size: 20px; } 
    .con32 .tab3_box_wrapper .tab3_box .data { font-size: 16px; } 
    .con32 .description { padding: 20px; } 
    .con32 .description p { font-size: 12px; text-indent: -14px; } 
    .con33 { padding-top: 10vw; } 

    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 { height: calc(100% - 76px); } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 { height: calc(100% - 67.3px); } 

    .apply_test .tiny{
        margin-bottom: 0;
    }
    .apply_test div.timeBox{
        position: initial;
    }
}

@media (max-width:480px){
    .con1 .tab_list li { font-size: 15px; } 
    .con1 .tab_list li:last-child { padding-top: 30px; } 

    .con1 .cont1 ul li p { font-size: 13px; padding-left: 20px; } 
    .con1 .cont1 ul li p::before { top: 3px; background-size: 100%; width: 3%; } 
    .con1 .cont2 .test_info { font-size: 13px; } 
    .con1 .cont2 .infoBox { font-size: 11px; } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim2 span, .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 span, .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 span { font-size: 10px; } 
    .con1 .cont2 span.vdpop { margin-top: -7%; } 

    .con3 li p { font-size: 12px; padding-top: 15px; } 
    .con3 li:nth-child(2) p { padding-top: 10px; } 

    .con4 .bn li:first-child { text-align: center; width: 100%; margin-bottom: 3%; } 
    .con4 .bn li:last-child { width: 45%; margin-bottom: 0; } 
    .con4 .tiny.d0226 { font-size: 13px; text-align: center; } 
    
    .evt1 .proc li img { width: 85%; } 
    .event3 .checkbox li img { width: 80%; } 
    .event3 .evtBoard_common p.board_tit { font-size: 13px; } 
    .event3 .vs_videoBox ul::before { margin-left: -18px; } 
}
@media (max-width:410px){
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 { height: calc(100% - 93px); } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 { height: calc(100% - 68px); }
}
@media (max-width:392px){
    /* .con1 .cont2 .tab_cont2 .tbl_box .dim.dim3 { height: 93.2%; top: 6.8%; } 
    .con1 .cont2 .tab_cont2 .tbl_box .dim.dim4 { top: 17%; }  */
    .con1 .cont2 .tab_cont2 .graph_tiny { font-size: 10px; } 
}