@charset "euc-kr"; /* setting */
/* { padding:0; margin:0 } */
.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: 15px; 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: 60px; text-align: center; } 
.eventWrap .con_subtit { margin-bottom: 35px; position:relative; padding: 0 5%; } 
.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.3%; background: #222; overflow: hidden; border-radius: 3px; } 
.eventWrap .video_box .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.eventWrap .video_box.vdo_none { padding:0 } 
.eventWrap .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.eventWrap .tiny_txt { font-size:12px; letter-spacing: -0.03em; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; } 
.eventWrap sup { vertical-align: top; } 

.conTop { background: url(https://img.megagong.net/m/2022/0714_event/gong/conTop_bg.jpg) center 0 no-repeat;;;;;;; padding: 130px 0;;;;;;;;;;; } 
.conTop.sobang { background: url(https://img.megagong.net/m/2022/0714_event/sobang/conTop_bg.jpg) center 0 no-repeat;;;;;;; padding: 130px 0;;;;;;;;;;; } 
.conTop h3 { margin: 0 -41.5px; } 

.con01 { padding: 100px 0 160px; } 
.con01 h4 { margin: 0 0 100px; } 
.con01 .cont { margin: 46px -38.5px 168px; } 
.con01 .lecture { padding-bottom: 0 !important; margin: 80px 0 0; } 
.con01 .tec_hugi { text-align: left; margin: 50px 0 0; } 
.con01 .tec_hugi dl { position: relative; margin: 0 0 55px; } 
.con01 .tec_hugi dl:last-child { margin: 0 0 0; } 
.con01 .tec_hugi dl dt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.con01 .tec_hugi dl dd { text-align: left; padding-left: 135px; } 
.con01 .tec_hugi dl dd .tea_name { font-size: 18px; font-weight: 700; } 
.con01 .tec_hugi dl dd .tea_name a { display: inline-block; font-size: 0; width: 24px; height: 24px; background:url('https://img.megagong.net/m/2021/0403_fullserv/icon_home.png') no-repeat 0 0; margin: -2px 0 0 0; vertical-align: middle; } 
.con01 .tec_hugi dl dd .tit { font-weight: 700; font-size: 16px; margin: 7px 0; } 
.con01 .tec_hugi dl dd .txt { white-space: pre-line; color: #555555; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.45em; font-weight: 200; } 
.con01 .tec_hugi dl dd .w_name { color: #555555; /* font-weight: 700; */font-size: 14px; text-align: right; } 

.commonTab.lecTab, .subTab { position: relative; border: 1px solid #ccc; border-width: 1px 1px 0px; border-radius: 10px 10px 0 0; padding: 15px 20px 0 20px; } 
.commonTab.lecTab h5, .subTab h5 { font-size: 16px; width: 90px; position: absolute; top: 17px; left: 30px; border-right: 2px solid #ccc; line-height: 1; text-align-last: left; } 
.commonTab.lecTab > ul, .subTab > ul { padding: 0 0 8px 110px; border-bottom: 2px dashed #ccc; } 
.commonTab.lecTab > ul li, .subTab li { border: 0; margin: 0 0 10px; } 
.commonTab > ul li.on a, .commonTab > ul li a:hover { background: none; } 
.commonTab.lecTab > ul li a, .subTab > ul li a { padding: 2px 8px; display: block; line-height: 1; color: #555; } 
.commonTab.lecTab ul li a span, .commonTab.lecTab li a, .subTab li a { font-size: 14px; font-family : 'NotoSans KR' !important; } 
.commonTab > ul li.on a span, .commonTab > ul li a:hover span, .subTab li.on a { color: #ff552d; } 

#eventWrap .subTab { border-width: 0 1px 1px; border-radius: 0 0 10px 10px; padding: 15px 20px 0 !important; } 
#eventWrap .subTab > ul { border-bottom:0 } 
#eventWrap .subTab li:after { display:none } 
#eventWrap .subTab li a:hover { color: #0c998d; } 
#eventWrap .subTab li.on a { text-decoration:none; font-weight:bold } 



.con02 { background: #e8e8e8; padding: 100px 0 150px; } 
.con02 h4 { margin: 0 -1.5px 96px; } 
.con02 .tit { margin: 0 0 40px; } 
.con02 .cont:nth-of-type(2) { margin: 0 0 100px; } 

.line_bnr { position: relative; } 
.line_bnr::before { content:''; height: 100%; width: 1000%; position: absolute; left: -500%; background: #6e62bc; } 
.line_bnr.sobang::before { background: #d59959; } 

.con03 { padding: 100px 0 190px; } 
.con03 h4 { margin: 0 0 80px; } 
.con03 #lectlist { border-top: 0px; } 
.con03 .lecture { padding-bottom: 0 !important; } 
.con03 .lecTab_wrap { /* margin: 0 0 50px; */ } 
.con03 .lecList { background: #fff; } 
.con03 .vodchr_banner { margin: 0 0; } 
.con03 .pocket_pop.cart { position: relative; } 


@media (max-width:1200px){
 .flt_inner { display:none } 
 .eventWrap .inner { width: 94%; } 
 .eventWrap img { width: 100%; } 
 .eventWrap .con_tit { margin: 0 0 5%; padding: 0 0%; } 
 .eventWrap .con_subtit { margin: 0 0 4%; } 
 
 .conTop { padding: 11% 0; background-size: cover; } 
 .conTop h3 { margin: 0 -2%; } 

 .con01 { padding: 8.5% 0 13.5%; } 
 .con01 h4 { margin: 0 0 9%; } 
 .con01 .cont { margin: 4% -3% 14%; } 
 .con01 .lecture { margin: 7% 0 0; } 

 .con02 { padding: 8.5% 0 13%; } 
 .con02 h4 { margin: 0 0 8.5%; } 
 .con02 .tit { margin: 0 0 3.5%; } 
 .con02 .cont:nth-of-type(2) { margin: 0 0 8.5%; } 
 
 .con03 { padding: 8.5% 0 16.5%; } 
 .con03 h4 { margin: 0 0 7%; } 
 .con03 .lecTab_wrap { /* margin: 0 0 4%; */ } 
 }

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

@media (max-width:768px){
 #eventWrap .top { padding:40px 0 30px } 
 .con01 .tec_hugi { margin: 25px 0 0; } 
 .overall_cont.ver210417 .tit_wrp h4 { font-size: 15px; margin-bottom: 10px; } 
 .overall_cont.ver210417 .tit_wrp::before { top: 3px; } 

 .commonTab.lecTab, #eventWrap .subTab { padding: 5px 10px 0 10px !important; } 
 .commonTab.lecTab h5, .subTab h5 { top: 16px; width: 50px; left: 20px; font-size: 13px; } 
 .commonTab.lecTab > ul, .subTab > ul { padding: 0 0 5px 68px; } 
 .commonTab.lecTab > ul li, .subTab li { margin: 0 0 5px; } 
 .commonTab.lecTab li a, .subTab li a { padding: 10px 6px 0px!important; } 
 .commonTab.lecTab ul li a span, .commonTab.lecTab li a, .subTab li a { font-size: 13px; } 

 .con01 .tec_hugi dl { margin: 0 0 25px; } 
 .con01 .tec_hugi dl dt .tea_img { width: 70px; height: 70px; } 
 .con01 .tec_hugi dl dd { padding-left: 85px; } 
 .con01 .tec_hugi dl dd .tea_name { font-size: 15px; } 
 .con01 .tec_hugi dl dd .tit { font-size: 13.5px; } 
 .con01 .tec_hugi dl dd .txt { font-size: 13px; white-space: normal; } 
 .con01 .tec_hugi dl dd .w_name { font-size: 13px; margin: 5px 0 0; } 
 }

@media (max-width:576px) { }