@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: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 .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{z-index:3;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.ytb{padding: 0;}
.lecture {padding-bottom:0!important;background:#fff;text-align: left;}
.vodchr_banner {margin-bottom:0!important;}
.video_wrap{margin: 0 40px;position: relative;padding-bottom: 55px;}
.video_wrap::before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 1200px; height: 55px; background: url(https://img.megagong.net/m/2022/0207_kingpmj20/220419/con8_vd_sha.png) no-repeat center top; background-size: auto 100%;background-size: contain;width: 105%;}

/* flo */
.flt_inner {position: absolute;text-align: center;top: 100px;left: 50%;margin-left: 720px;z-index: 3;width: 160px;opacity: 1;}
.flt_inner a {display:block;position:relative;}

/* common */
.eventWrap .tiny{font-size: 14px;font-family: "?? ??";opacity: 0.5;display: block;}
.eventWrap h3{position: relative; margin-bottom: 60px;}
.eventWrap section{margin: 0 0 105px;position: relative;}
.eventWrap section:nth-of-type(3){margin-bottom: 0;}
.eventWrap section h4{margin:0 0 60px;}
.eventWrap section .solList > img + img{margin: 30px 0;}
.eventWrap section h4 span{display:block;margin: 40px 0 0;}
.eventWrap .sampleArea{padding: 0;margin: 0;border: none;}
.eventWrap .sampleArea .tab_base{width: 1080px;position: relative;margin: 0 auto;}
.eventWrap .sampleArea .tab_base > li{position:relative}
.eventWrap .sampleArea .tab_base > li b{display: block;}

/* conTop */
.conTop{position:relative; padding:115px 0 225px;background: #0e151a url('https://img.megagong.net/m/2022/0720_economy/top_bg.jpg') no-repeat center bottom;/* background-size: auto 100%; */}
.conTop::before{content: '';display: block;position: absolute;bottom: -28.2%;right: 50%;height: 31%;width: 5000px;background: #fafafa;margin-right: -6200px;}
.conTop::after{content: '';display: block;position: absolute;bottom: -28.2%;left:50%;height: 31%;width: 5000px;background: #fafafa;margin-left: -6200px;}
.conTop .wide.inner{width: 1319px;}
.conTop h2{position: relative;}

/* con1 */
.con1 {position:relative;padding: 160px 0;background: #fafafa}
.con1 h4{margin-bottom: 45px;}

/* con2 */
.con2 {position:relative;padding: 160px 0 0;background: #370711;}
.con2 .panel_base{background: #f2f2f2;padding: 0 0 160px;}
.eventWrap .con2 .sampleArea{background: #370711;}
.eventWrap .con2 .sampleArea .tab_base > li a{color: #2b2b2b;font-size: 24px;z-index: 2;padding: 21px 0;position: relative;background: #210208;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.eventWrap .con2 .sampleArea .tab_base > li.on a{color: #000;background: #f2f2f2;font-weight: 700;position: relative;}

.con2 .teaL{position: relative;text-align: left;margin-left: -155px;}
.con2 .teaL a{position: absolute;left: 15%;bottom: 0%;width: 17%;height: 4%;/*background: #0000007d;*/font-size: 0;}
.con2 .videoR{position: absolute;right: 0;top: 0;margin: 0;padding: 0;}

.con2 .rwRoll {position:relative;}
/* .con2 .rwRoll.slick-initialized{display: none;}
.con2 .rwRoll.slick-initialized{display: block;} */
.con2 .rwRoll .slick-arrow {position:absolute;top:50%;width:32px;height:32px;transform: translateY(-50%);z-index:2;font-size:0;}
.con2 .rwRoll .slick-prev {left:-21px;background:url(https://img.megagong.net/m/2022/0720_economy/rwRoll_L.png) no-repeat center;}
.con2 .rwRoll .slick-next {right:-21px;background:url(https://img.megagong.net/m/2022/0720_economy/rwRoll_R.png) no-repeat center;}
.con2 .rwRoll img{display: inline-block;}

/* con3 */
.con3 {position:relative;background: #fff;padding: 160px 0;}
.eventWrap .con3 .sampleArea .tab_base > li{width: 33.333%;}
.eventWrap .con3 .sampleArea .tab_base > li a{color: #b0b0b0;font-size: 20px;z-index: 2;padding: 21px 0;position: relative;border: 1px solid #b0b0b0;border-width: 1px 1px 0;}
.eventWrap .con3 .sampleArea .tab_base > li.on a{color: #000;border: 1px solid #000;border-width: 2px 2px 0;background: transparent;}
.eventWrap .con3 .sampleArea .tab_base > li.on a::before{content: '';display: block;position: absolute;height: 2px;width: 3000vw;bottom: 0;left: 355px;z-index: 2;background: #000;}
.eventWrap .con3 .sampleArea .tab_base > li.on a::after{content: '';display: block;position: absolute;height: 2px;width: 3000vw;bottom: 0;right: 357px;background: #000;}
.con3 .lecture{margin-top: 60px;}
.con3 .lectlist{border-top: 0}
.con3 .lectlist .lect_item:last-child{border-bottom: 1px solid #ccc;}

/* event */
.event {position:relative; padding: 160px 0;}
.event h3 i{position: absolute;width: 18%;right: -115px;top: 185px;}

/* event1 */
.event1 {background: #6e2940;}
.event1 .infoBox{position: relative;}
.event1 .infoBox::before{content: '';display: block;position: absolute;top: 65px;height: 430px;width: 3000vw;left: -160px;background: #72203b;border-top-left-radius: 250px;border-bottom-left-radius: 250px;}
.event1 .infoBox .infoR{text-align: right;padding-bottom: 130px;position: relative;}
.event1 .infoBox .infoL{position: absolute;top: 185px;left: 0;text-align: left;color: #fff;line-height: 2;}
.event1 .infoBox .infoL .infoList li{position: relative;}
.event1 .infoBox .infoL .infoList li .tiny{font-size: 14px;display: inline-block;}
.event1 .infoBox .infoL .infoList li strong{position: relative;padding: 0 0 0 10px;margin: 0 10px 0 0;display: inline-block;min-width: 105px;}
.event1 .infoBox .infoL .infoList li strong::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;background: #fff;height: 40%;}
.event1 .infoBox .infoL .infoList li strong.empty{width: 105px;}
.event1 .infoBox .infoL .infoList li strong.empty::before{content: none;}

/* rwBox */
.rwBox{padding: 140px 0 100px;position: relative;background: url(https://img.megagong.net/m/2022/0720_economy/rwBox_bg.jpg) no-repeat center top; background-size: contain;}
.rwBox .rwshow{text-align: left;}
.rwBox .rwshow a{font-size: 15px;color: #898989;position: relative;padding-left: 13px;font-weight: 700;display: inline-block;}
.rwBox .rwshow a::before{content: '\2713';display: block;position: absolute;top: 0;left: 0;font-size: 15px;color: #898989;}
.rwBox .rwshow a + a{margin-left: 15px; margin-bottom: 15px;}
.rwBox .rwshow a.on::before,.rwBox .rwshow a.on{color: #000;}

.tech_comment .paging {text-align: center;}

/* caution */
.caution {text-align: left;padding: 70px 0;background: #e7e7e7;}
.caution h4{margin-bottom: 20px;}
.caution dl{line-height: 1.6;}
.caution dt{font-size: 16px;font-weight: 700;}
.caution dd{font-size: 14px;}
.caution dd a{font-weight: 700;color: #ff0000;border-bottom: 1px solid #ff000071;padding: 0 5px;}
@media (max-width: 1319px){
    .conTop .wide.inner{width: 97%;}
    .event h3 i{right: -5%;top: 10%;}
}
@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
    .flt_inner{display: none;}
    .eventWrap .inner {width: 96%;}
    /* .eventWrap img {width:100%;} */
    
    /* common */
    .eventWrap .tiny{font-size: 10px;}
    .eventWrap h3{margin-bottom: 8%;}
    .eventWrap section{margin: 0 0 10%;}
    .eventWrap section h4{margin:0 0 5%;}
    .eventWrap section .solList > img + img{margin: 3% 0;}
    .eventWrap .sampleArea .tab_base{width: 97%;}

    .conTop {padding: 10% 0 20%;background-size: cover;}
    .conTop img{width: auto;}

    .con1{padding: 15% 0;}
    .con1 h4{margin-bottom: 5%;}
    
    .con2{padding: 15% 0 0;}
    .con2 .panel_base{padding: 5% 0 15%;}
    .eventWrap .con2 .sampleArea .tab_base > li a{padding: 4% 0;font-size: 20px;}
    .con2 .teaL a{width: 22%;}


    .con3{padding: 15% 0;}
    .con3 .lecture{margin-top: 8%}
    .eventWrap .con3 .sampleArea .tab_base{width: 100%;}
    .eventWrap .con3 .sampleArea .tab_base > li a{padding: 4% 0;font-size: 18px;}
    .eventWrap .con3 .sampleArea .tab_base > li.on a::before{left: 100%;}
    .eventWrap .con3 .sampleArea .tab_base > li.on a::after{right: 100%;}

    .event1{padding: 15% 0;}
    .event1 .infoBox::before{content: none;}
    .event1 .infoBox .infoR{padding-bottom: 12%;margin-right: 0;}
    .event1 .infoBox .infoR img{width: 50%;}
    .event1 .infoBox .infoL{top: 5%;}
    .event1 .infoBox .infoL .infoList{font-size: 18px;}
    .event1 .infoBox .infoL .infoList li .tiny{font-size: 10px;}
    .event1 .infoBox .infoL .infoList li strong{min-width: auto;display: block;}
    .event1 .infoBox .infoL .infoList li strong.empty{display: none;}

    .rwBox{padding: 15% 0 ;}
}
@media (max-width: 992px){
    .con2 .teaL{text-align: right;margin-left: 0;position: absolute;right: -5%;width: 35%;top: -7%;}
    .con2 .teaL a{display: none;}
    .con2 .videoR{position: relative;right: auto;top: auto;margin: 0 0 10%;}
    .con2 .videoR .video_box img{width: 100%;}
    .con2 .videoR .tit{margin-left: -10%;width: 85%;}
}
@media (max-width: 768px){
    
    .con2 .rwRoll .item img{margin: 0 0 0 -68%;width: 44%;}
    /* .con2 .rwRoll .item img{margin: 0 0 0 -12%;width: 125%; max-width:200%;} */
    /* .con2 .rwRoll img{width: 48%;} */
    .eventWrap .con2 .sampleArea .tab_base > li a{font-size: 16px;} 
    .eventWrap .con3 .sampleArea .tab_base > li a{font-size: 14px;min-height: 70px;}

        
    .event1 .infoBox .infoL{position: relative;left: auto;top: auto;line-height: normal;}
    .event1 .infoBox .infoR{text-align: center;padding-bottom: 7%;}
    .event1 .infoBox .infoL img{width: auto;}
    .event1 .infoBox .infoL .infoList{padding-bottom: 10%;}
    .event1 .infoBox .infoL .infoList li{margin-bottom: 2%;}
    .event1 .rwbtn{display: block;width: 80%;margin: 0 auto;}



    .caution{padding: 8% 0;}
    .caution h4{font-size: 16px;margin-bottom: 2%;}
    .caution dt{font-size: 14px;}
    .caution dd{font-size: 12px;}
}
@media (max-width: 576px){
    .conTop h2{margin-top: 5%;}
    .eventWrap .con2 .sampleArea .tab_base > li a{font-size: 14px;}
    
    .eventWrap .event1 h3{margin:0 -7% 10%;}
    .event1 .infoBox .infoL .infoList{font-size: 15px;}
    
    .rwBox .rwshow a{font-size: 13px;}
}    
@media (max-width: 420px){
    .eventWrap .con2 .sampleArea .tab_base > li a{font-size: 14px;} 

    .eventWrap .con3 .sampleArea .tab_base > li a{min-height: 65px;font-size: 12px;}
    .eventWrap .con3 .sampleArea .tab_base > li a b{font-size: 13px;}
    
    .eventWrap .con2 .sampleArea .tab_base > li a{font-size: 12px;}
    .event1 .infoBox .infoL .infoList{font-size: 13px;}

}    
