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

.evCon1 { background: #002333 url('https://img.megagong.net/m/2023/0309_gong/con1_bg.jpg') no-repeat; background-position: 50% 0 !important; padding: 70px 0 140px; } 
.evCon1 .topTxt { font-size: 25px; color: #dbd4c2; font-weight: 200; letter-spacing: 0.62em; display: inline-block; } 
.evCon1 .topTxt .dDay { display: inline-block; letter-spacing: 0.4em; } 
.evCon1 .topTxt .dDay span { background: #051e29; border-radius: 100%; letter-spacing: 0; display: inline-block; width: 45px; line-height: 47px; } 
.evCon1 .topTxt .dDay span:last-child { margin-left: 4px; } 
.evCon1 .topTxt .dDay span:nth-child(3) { margin-left: 0; } 
.evCon1 .tag { position: absolute; right: -320px; top: 65px; } 
.evCon1 .tag .on { display: none; } 
.evCon1 .tag .on.show { display: inline-block; } 
.evCon1 .tag .on.show + img { display: none; } 
.evCon1 h3 { margin: 630px 0 76px; position: relative; z-index: 1; } 
.evCon1 .conWrap { position: absolute; top: 100px; margin: 0 -89.5px; } 
.evCon1 .conWrap .link { position: absolute; top: 415px; width: 100%; } 
.evCon1 .conWrap .link a { position: absolute; } 
.evCon1 .conWrap .link a:nth-child(1) { left: 50px; } 
.evCon1 .conWrap .link a:nth-child(2) { right: 350px; } 
.evCon1 .conWrap .link a:nth-child(3) { right: 0; } 
.evCon1 .con1_content { background: #133646; color: #fff; position: relative; border-radius: 20px; cursor: pointer; } 
.evCon1 .con1_content .ico { background: #882858; border-radius: 100%; line-height: 1.3; font-size: 18px; padding: 22.2px 0; width: 138px; position: absolute; right: 104px; top: 50%; font-weight: 700; transform: translate(0, -50%); } 
.evCon1 .con1_content .txt { text-align: left; padding: 25.3px 0; padding-left: 95px; } 
.evCon1 .con1_content .txt .con1 { font-size: 19px; font-weight: 200; margin: 0 0 5px; } 
.evCon1 .con1_content .txt .con2 { font-size: 27px; font-weight: 700; } 
.evCon1 .con1_content .txt .con2 strong { color: #d3b787; position: relative; padding-right: 225px; } 
.evCon1 .con1_content .txt .con2 strong::before { content: ''; background: url('https://img.megagong.net/m/2023/0309_gong/con1_ico.png') no-repeat; width: 204px; height: 8px; position: absolute; top: 50%; right: 0; transform: translate(0, -90%); } 

.evCon2 { background: #051a24; padding: 160px 0 170px; } 
.evCon2 .con2_content { margin: 60px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } 

.evCon3 { background: #133646; padding: 160px 0 175px; } 
.evCon3 .txt1 { font-size: 32px; margin: 50px 0 30px; color: #fff; font-weight: 200; } 
.evCon3 .con3_content1 { border: 1px solid #2a5163; padding: 36px 80px 40px; position: relative; } 
.evCon3 .con3_content1::before { content:''; background: url('https://img.megagong.net/m/2023/0309_gong/con3_ico2.png') no-repeat; width: 139px; height: 143px; position: absolute; left: 50%; bottom: -152px; transform: translate(-50%, 0); } 
.evCon3 .con3_content1 dt { margin: 0 0 34px; } 
.evCon3 .con3_content1 dd { color: #fff; position: relative; margin-bottom: 18px; display: flex; justify-content: space-between; align-items: center; padding: 0 100px 13px; } 
.evCon3 .con3_content1 dd::before { content:''; background: url('https://img.megagong.net/m/2023/0309_gong/con3_ico3.png'); width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; } 
.evCon3 .con3_content1 dd:last-child { margin-bottom:0; } 
.evCon3 .con3_content1 dd:last-child::before { display:none; } 
.evCon3 .con3_content1 dd .question { font-size: 20px; padding-left: 30px; position: relative; } 
.evCon3 .con3_content1 dd .question::before { content:''; background: url('https://img.megagong.net/m/2023/0309_gong/con3_ico1.png') no-repeat; width: 13px; height: 13px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.evCon3 .con3_content1 dd .ico { font-size: 16px; display: inline-block; border-radius: 100px; padding: 7.3px 23.3px; } 
.evCon3 .con3_content1 dd .ico.pink { background: #882858; } 
.evCon3 .con3_content1 dd .ico.blue { background: #03547b; } 
.evCon3 .txt2 { font-size: 32px; color: #fff; font-weight: 200; margin: 150px 0 45px; line-height: 1.25; } 
.evCon3 .txt2 strong { color: #ffdda4; } 
.evCon3 .con3_content2 { display: flex; justify-content: center; align-items: center; margin-left: 30px; } 
.evCon3 .con3_content2 .txt { font-size: 24px; color: #fff; line-height: 1.25; } 
.evCon3 .con3_content2 .cont { margin: 0 15px 0 20px; } 

.evCon4 { background: #0e2c3a; padding: 160px 0 240px; overflow: inherit !important; } 
.evCon4 .col_yellow { color: #ffdda4; } 
.evCon4 .con_tit { margin: 0 0 80px; } 
.evCon4 .con_tit .mo { display:none; } 
.evCon4 .tab_base li { float: left; width: calc((100% - 8px) / 3); } 
.evCon4 .tab_base li:nth-child(2) { margin: 0 4px; } 
.evCon4 .tab_base li a { display: block; background: #0a2532; font-size: 25px; color: #808080; padding: 26.5px 0; } 
.evCon4 .tab_base li.on a { color: #0e2c3a; background: #ffdda4; font-weight: 700; } 
.evCon4 .tab_tit { text-align: left; color: #fff; margin: 70px 0 40px; padding-left: 440px; } 
.evCon4 .tab_tit .con1 { font-size: 35px; margin: 0 0 10px; } 
.evCon4 .tab_tit .con1 .subject { font-size: 25px; font-weight: 200; } 
.evCon4 .tab_tit .con1 .home { display: inline-block; font-size: 0; position: relative; top: -6px; } 
.evCon4 .tab_tit .con2 { font-size: 40px; font-weight: 700; line-height: 1.25; } 
.evCon4 .tab_tit .con2 sup { font-size: 22px; } 
.evCon4 .tab_content1 { position: relative; background: #0a2532; padding: 52px 0 40px; margin: 0 0 90px; } 
.evCon4 #tab1_1 .tab_content1 { margin: 0 0; } 
.evCon4 .tab_content1 .tea { position: absolute; bottom: 0; left: 25px; } 
.evCon4 .tab_content1 .cont { width: 614px; display: flex; justify-content: space-between; margin-left: 419px; position: relative; } 
.evCon4 .tab_content1 .cont li { background: #ffdda4; width: 185px; text-align: center; font-size: 25.18px; color: #0a2532; font-weight: 700; padding: 75.9px 0; position: relative; border-radius: 20px 20px 0 20px; cursor: pointer; } 
.evCon4 .tab_content1 .cont li::before { content:''; background: url('https://img.megagong.net/m/2023/0309_gong/con4_ico1.png') no-repeat; width: 15px; height: 14px; position: absolute; right: 10px; bottom: 10px; } 
.evCon4 .tab_content1 .cont li sup { font-size: 24px; line-height: 1; vertical-align: initial; } 
.evCon4 .tab_content1 .link { text-align: right; margin-right: 47px; margin-top: 15px; line-height: 1; } 
.evCon4 .tab_content1 .link a { color: #656e73; display: inline-block; line-height: 1; font-size: 15px; } 
.evCon4 .tiny_noti { font-size: 14px; color: #a8a8a8; text-align: right; } 
.evCon4 .tab_content1 + .tiny_noti { margin: 25.4px 0; } 
.evCon4 .subtit { font-weight: 700; color: #fff; font-size: 40px; padding: 0 30px; background: #0e2c3a; position: relative; } 
.evCon4 .subtit span { padding: 0 30px; display: inline-block; position: relative; background: #0e2c3a; } 
.evCon4 .subtit.line::before { content: ''; background: #2a5163; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; } 
.evCon4 .tab_content2 { margin: 45px 0 100px; display: flex; justify-content: center; align-items: end; } 
.evCon4 .tab_content2 li:first-child { margin: 0 20px 0 0; position: relative; } 
.evCon4 .tab_content2 li:first-child::before { content:''; background: url('https://img.megagong.net/m/2023/0309_gong/con4_ico2.png') no-repeat; width: 61px; height: 62px; position: absolute; right: -50px; top: 175px; } 
.evCon4 .tab_content2 li .book { margin: 0 0 115px; } 
.evCon4 #tab1_1 .tab_content2 li:first-child .book { padding-right: 30px; } 
.evCon4 .tab_content2 li dl { background: #0a2532; width: 530px; height: 270px; position: relative; padding: 85px 0 0 60px; } 
.evCon4 .tab_content2 li dl dt { color: #ffdda4; display: inline-block; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 100%; } 
.evCon4 .tab_content2 li dl dt span { display: inline-block; line-height: 1.25; font-size: 24px; padding: 15px 65.5px; border-radius: 100px; } 
.evCon4 .tab_content2 li:nth-child(1) dl dt span { background: #882858; } 
.evCon4 .tab_content2 li:nth-child(2) dl dt span { background: #03547b; } 
.evCon4 .tab_content2 li dl dd { color: #fff; text-align: left; font-size: 18px; margin: 0 0 20px; font-weight: 100; text-indent: -9px; line-height: 1.3; padding-left: 9px; } 
.evCon4 .tab_content2 li dl dd:last-child { margin:0 0; } 
.evCon4 .tab_content2 li dl dd sup { vertical-align: initial; position: relative; top: -2px; } 
.evCon4 .tab_content3 { margin: 23px 0 28px; position: relative; } 
.evCon4 .tab_content3::before { content:''; background: #2a5163; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; } 
.evCon4 .tab_content3 span { display: inline-block; padding: 0 40px; background: #0e2c3a; position: relative; } 
.evCon4 .lecture { padding-bottom: 0 !important; margin: 0 0 15px; } 
.evCon4 .lecList { background: #fff; } 
.evCon4 .vodchr_banner { margin-bottom: 0; } 
.evCon4 .lectlist .lect_item:last-child { border-bottom: 1px solid #ccc; } 

#popEx { display: none; /* position: absolute; *//* z-index: 1; *//* top: 563px; */ } 
#popEx .popWrap { width: 363px; position: absolute; top: 563px; } 
#popEx .popWrap.pop1 { left: 231px; } 
#popEx .popWrap.pop2 { left: 445px; } 
#popEx .popWrap.pop3 { left: 660px; } 
#popEx .popWrap .close { position: absolute; right: 0; top: -28px; font-size: 0; z-index: 2; display: inline-block; } 
#popEx .popWrap .content { background: #fff; height: 268px; overflow-y: auto; padding: 24px 22px; } 
#popEx .popWrap .content .con1 { font-size: 25px; } 
#popEx .popWrap .content .con2 { font-size: 15px; font-weight: normal; text-align: left; margin: 15px 0; } 
#popEx .popWrap .content .name { color: #838383; font-size: 15px; font-weight: 200; text-align: left; } 


.lectlist.ver2 .lect_item .listotal .lecMoney ul li .price del{position: static;}

@media screen and (max-width: 1720px){
 .evCon1 .tag { top: 0; right: -70px; } 
 }

@media screen and (max-width: 1200px){
 .evCon1 { padding: 6% 0 11.5%; } 
 .evCon1 .topTxt { font-size: 2.2vw; } 
 .evCon1 .topTxt .dDay span { width: 37px; line-height: 37px; } 
 .evCon1 .tag { right: -1.5%; width: 14%; } 
 .evCon1 h3 { margin: 55% 0 7%; padding: 0 10%; } 
 .evCon1 .conWrap { top: 8%; margin: 0 0; } 
.evCon1 .conWrap .link { top: 53%; } 
 .evCon1 .conWrap .link a { width: 13%; } 
 .evCon1 .conWrap .link a:nth-child(1) { left: 4%; } 
 .evCon1 .conWrap .link a:nth-child(2) { right: 29%; } 
 .evCon1 .conWrap .link a:nth-child(3) { right: 1%; } 
 .evCon1 .con1_content .ico { font-size: 16px; right: 7%; width: 120px; padding: 18.4px 0; } 
 .evCon1 .con1_content .txt { padding-left: 7%; } 
 .evCon1 .con1_content .txt .con1 { font-size: 16px; } 
 .evCon1 .con1_content .txt .con2 { font-size: 23px; } 
 .evCon1 .con1_content .txt .con2 strong { padding-right: 140px; } 
 .evCon1 .con1_content .txt .con2 strong::before { width: 130px; background-size: contain; background-position: center; } 

 .evCon2 { padding: 13% 0 14%; } 
 .evCon2 .con2_content { margin: 5% 0; } 
 .evCon2 .con2_content li { width: 49.5%; } 
 .evCon2 .con2_content li img { width: 100%; } 

 .evCon3 { padding: 13% 0 14.5%; } 
 .evCon3 .txt1 { margin: 5% 0 3%; font-size: 3vw; } 
 .evCon3 .con3_content1 { padding: 20px 60px; } 
 .evCon3 .con3_content1::before { bottom: -50%; width: 13%; background-size: contain; } 
 .evCon3 .con3_content1 dt { } 
 .evCon3 .con3_content1 dd { padding: 0 10px 13px; } 
 .evCon3 .con3_content1 dd .question { font-size: 17px; } 
 .evCon3 .con3_content1 dd .ico { font-size: 13px; padding: 4px 18px; } 
 .evCon3 .txt2 { margin: 14% 0 4%; font-size: 3vw; } 
 .evCon3 .con3_content2 { margin-left: 2%; } 
 .evCon3 .con3_content2 .cont { margin: 0 2%; width: 49%; } 
 .evCon3 .con3_content2 .txt { font-size: 2.3vw; } 
 
 .evCon4 { padding: 13% 0 21%; } 
 .evCon4 .con_tit { margin: 0 0 7%; } 
 .evCon4 .tab_base li a { font-size: 21px; padding: 20px 0; } 
 .evCon4 .tab_tit { margin: 35px 0 20px; padding-left: 0; } 
 .evCon4 .tab_tit .con1 { font-size: 28px; margin: 0 0 7px; } 
 .evCon4 .tab_tit .con1 .subject { font-size: 21px; } 
 .evCon4 .tab_tit .con2 { font-size: 33px; } 
 .evCon4 .subtit { font-size: 33px; } 
 .evCon4 .tab_content1 { padding: 20px 30px; margin: 0 0 60px; } 
 .evCon4 .tab_content1 + .tiny_noti { font-size: 12px; margin: 13.2px 0; } 
 .evCon4 .tab_content1 .tea { display: none; } 
 .evCon4 .tab_content1 .cont { width: 100%; margin-left: 0; justify-content: center; } 
 .evCon4 .tab_content1 .cont li { font-size: 21.5px; } 
 .evCon4 .tab_content1 .cont li:nth-child(2) { margin: 0 20px; } 
 .evCon4 .tab_content1 .link { margin-right: 0; } 
 .evCon4 .tab_content2 { margin: 5% 0 10%; display: block; } 
 .evCon4 .tab_content2 li { } 
 .evCon4 .tab_content2 li:first-child { margin: 0 0 120px; } 
 .evCon4 .tab_content2 li:first-child::before { width: 50px; background-size: contain; background-position: center; right: auto; left: 50%; top: auto; bottom: 0; z-index: 1; transform: translate(-50%, 140%); } 
 .evCon4 .tab_content2 li .book { margin: 0 auto 70px; width: 330px; } 
 .evCon4 #tab1_1 .tab_content2 li:first-child .book { padding-right: 0; } 
 .evCon4 .tab_content2 li dl { margin: 0 auto; height: auto; padding: 60px 0 40px 60px; } 
 .evCon4 .tab_content2 li dl dt span { font-size: 21px; padding: 10px 60px; } 
 .evCon4 .tab_content2 li dl dd { font-size: 16px; margin: 0 0 15px; } 
 
 #popEx .popWrap { top: 433px; left: 50% !important; transform: translate(-50%, 0); } 
 #popEx .popWrap .content { padding: 15px 10px; height: 220px; } 
 #popEx .popWrap .content .con1 { font-size: 21px; } 
 #popEx .popWrap .content .con2 { font-size: 13px; margin: 10px 0; } 
 #popEx .popWrap .content .name { font-size: 13px; } 
 }

@media screen and (max-width: 992px) { } 

@media screen and (max-width: 768px){
 .evCon2 .con_tit , .evCon3 .con_tit { margin: 0 -12% 0 0; } 
 
 .evCon1 .topTxt .dDay span { width: 28px; line-height: 28px; } 
 .evCon1 .con1_content { border-radius: 10px; } 
 .evCon1 .con1_content .ico { font-size: 13px; top: 0; transform: none; right: 0; border-radius: 10px; padding: 3px 0; line-height: 1.2; } 
 .evCon1 .con1_content .ico br { display: none; } 
 .evCon1 .con1_content .txt { padding: 18px 0; padding-left: 4%; } 
 .evCon1 .con1_content .txt .con1 { font-size: 13px; margin: 0 0 2px; } 
 .evCon1 .con1_content .txt .con2 { font-size: 18px; } 
 .evCon1 .con1_content .txt .con2 strong { padding-right: 100px; } 
 .evCon1 .con1_content .txt .con2 strong::before { width: 90px; top: 60%; } 

 .evCon2 .con2_content { justify-content: center; } 
 .evCon2 .con2_content li { width: 70%; } 
 .evCon2 .con2_content li:first-child { margin: 0 0 3%; } 

.evCon3 .con3_content1 { } 
 .evCon3 .con3_content1::before { } 
 .evCon3 .con3_content1 dt { padding: 0 25%; margin: 0 0 20px; } 
 .evCon3 .con3_content1 dd { margin-bottom: 13px; padding: 0 5px 7px; display: block; text-align: left; } 
 .evCon3 .con3_content1 dd .question { font-size: 13px; padding-left: 23px; } 
 .evCon3 .con3_content1 dd .ico { font-size: 12px; padding: 2px 9px; margin-left: 23px; } 
 .evCon3 .con3_content2 { display: block; } 
 .evCon3 .con3_content2 .cont { margin: 20px auto; width: 55%; } 
 .evCon3 .con3_content2 .txt { font-size: 15px; } 
 .evCon3 .con3_content2 .txt .mo { display: none; } 
 .evCon4 .tab_base li a { font-size: 17px; padding: 15px 0; } 

 .evCon4 .con_tit { margin: 0 38% 7% 0; } 
 .evCon4 .con_tit .pc { display: none; } 
 .evCon4 .con_tit .mo { display: inline-block; } 
 .evCon4 .tab_content1 { } 
 .evCon4 .tab_tit .con1 { font-size: 22px; margin: 0 0; } 
 .evCon4 .tab_tit .con1 .subject { font-size: 17px; } 
 .evCon4 .tab_tit .con2 { font-size: 26px; } 
 .evCon4 .subtit { font-size: 26px; } 
 .evCon4 .tab_tit .con2 sup { font-size: 13px; } 
 .evCon4 .tab_content1 .cont { justify-content: space-between; } 
 .evCon4 .tab_content1 .cont li { width: 30%; font-size: 19px; padding: 12% 0; border-radius: 10px 10px 0 10px; } 
 .evCon4 .tab_content1 .cont li:nth-child(2) { margin: 0 0; } 
 .evCon4 .tab_content1 .cont li sup { font-size: 18px; } 
 .evCon4 .tab_content1 .link a { font-size: 13px; } 
 .evCon4 .tab_content2 li:first-child { margin: 0 0 70px; } 
 .evCon4 .tab_content2 li:first-child::before { width: 36px; transform: translate(-50%, 110%); } 
 .evCon4 .tab_content2 li .book { width: 260px; margin: 0 auto 40px; } 
 .evCon4 .tab_content2 li dl { padding: 50px 0 30px; width: 100%; } 
 .evCon4 .tab_content2 li dl dt span { font-size: 17px; padding: 5px 50px; } 
 .evCon4 .tab_content2 li dl dd { text-align: center; font-size: 13px; margin: 0 0 7px; } 
.evCon4 .tab_content3 { margin: 2% 0 3%; padding: 0 15%; } 
 .evCon4 .tab_content3::before { display: none; } 
 .evCon4 .tab_content3 span { padding: 0 0; } 
 .evCon4 .tiny_noti { font-size: 12px; } 

 #popEx { } 
 #popEx .popWrap { top: 360px; } 
 }

@media screen and (max-width: 576px){
 .evCon1 .topTxt { font-size: 2.7vw; } 
 .evCon1 .topTxt .dDay span { width: 25px; line-height: 25px; } 
 .evCon1 .tag { top: 3%; } 

 .evCon2 .con2_content li { width: 90%; } 
 .evCon2 .con_txt { margin: 0 -20%; } 

 .evCon3 .con3_content1 { padding: 10px; } 
 .evCon3 .con3_content2 .txt { font-size: 13px; } 

 .evCon4 .tab_content1 { padding: 15px; } 
 .evCon4 .tab_content1 .cont li { font-size: 17px; } 
 .evCon4 .tab_tit .con1 { font-size: 19px; } 
 .evCon4 .tab_tit .con1 .subject { font-size: 14px; } 
 .evCon4 .tab_tit .con2 { font-size: 22px; } 
 .evCon4 .subtit { font-size: 22px; } 
 .evCon4 .subtit.line::before { display: none; } 
 .evCon4 .subtit span { padding: 0 0; } 
 .evCon4 .tab_tit .con2 sup { font-size: 13px; } 

 #popEx .popWrap { top: 330px; width: 300px; } 
 #popEx .popWrap .close { top: 5px; right: 5px; background: #fff; } 
 }

@media screen and (max-width: 460px){
 .evCon1 .topTxt .dDay span { width: 21px; line-height: 21px; } 
 .evCon1 .con1_content .ico { font-size: 12px; width: 200px; top: -10px; padding: 2px 0; } 
 .evCon1 .con1_content .txt .con1 { font-size: 12px; } 
 .evCon1 .con1_content .txt .con2 { font-size: 15px; } 
 
.evCon2 .con2_content li { } 

 .evCon3 .txt1, .evCon3 .txt2 { font-size: 3.37vw; } 
 .evCon3 .con3_content2 .cont { width: 65%; } 

 .evCon4 .tab_base li a { font-size: 15px; padding: 10px 0; } 
.evCon4 .tab_content1 .cont li { font-size: 15px; } 
.evCon4 .tab_content1 .cont li sup { font-size: 15px; } 
.evCon4 .tab_content1 + .tiny_noti { font-size: 11px; } 

 .evCon4 .tab_tit .con1 { font-size: 16px; } 
 .evCon4 .tab_tit .con1 .subject { font-size: 13px; } 
 .evCon4 .tab_tit .con2 { font-size: 18px; } 
.evCon4 .subtit { font-size: 16px; } 
 .evCon4 .tab_content2 li .book { width: 200px; } 
.evCon4 .tiny_noti { font-size: 11px; } 

#popEx .popWrap { top: 260px; } 
 }