@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 */
.flw_bn {display: none; position: fixed;text-align: center;top: 50%; transform: translateY(-50%); right: 0;z-index: 5;}
.flw_bn a {display:block;}
.flw_bn a.cls {position: absolute;right: 0;top: -20px;font-size: 0;}
.flw_bn a.notToday {position: absolute;left: 0;bottom: 0;width: 100%;height: 15%;font-size: 0;}
/* common */
.eventWrap h3{position: relative; margin:0 0 77px -23px;}
.eventWrap .stit{display: block;text-align: left;color: #303492;font-size: 28px;position: relative;z-index: 2;margin-bottom: 50px;font-weight: 300;}
.eventWrap .stit::before{content: '';display: block;position: absolute;top: -10px;left: 0px;background: #00fcac;height:52px;width:14px;transform: rotate(42deg);z-index: -1;}
.eventWrap .stit.stit2{color: #fff;}
.eventWrap .stit.stit2::before{background: #303492;}
/* conTop */
.conTop {position:relative; padding:158px 0 170px;background: #7786f4 url('https://img.megagong.net/m/2022/0620_branding/top_bg.jpg') no-repeat center; background-size: auto 100%;text-align: left;}
.conTop b{position: relative;display: inline-block;z-index: 2;}
.conTop b::before{content: '';display: block;position: absolute;right: 0;top: 0;width: 1500px;height: 100%;background: #303593;z-index: -1;}
.conTop span{display: block;margin: 60px 0 18px -35px}
/* con1 */
.con1 {position:relative;padding: 142px 0 280px;background: url('https://img.megagong.net/m/2022/0620_branding/con1_bg.jpg') no-repeat center top;background-color: #dbe5fe;background-size: auto 100%;}
.con1::before{content: ''; display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 80px; background: url('https://img.megagong.net/m/2022/0620_branding/con1_bg2.png') no-repeat center; background-size: auto 100%;width: 1204px;height: 115px;}
.con1 strong{display: block; margin: 0 -31px;}
.con1 .btn{display: block;margin: 55px auto 115px;}
.con1 .btn2{margin-bottom: 0;}
/* passLine */
.passLine{background: #101fa0; padding: 35px 0;}
.passLine b{float: left;}
.passLine .passList{margin-top: 5px;}
.passLine .passList{float: right;width: 48%;}
.passLine .passList a{float: left;}
.passLine .passList a + a{margin-left: 10px;}
/* con2 */
.con2 {position:relative; padding:140px 0 150px;background:#dff7f7 url('https://img.megagong.net/m/2022/0620_branding/con2_bg.jpg') no-repeat center; background-size: auto 100%;}
.con2 ul li{float: left;margin-bottom: 32px;}
.con2 ul li:nth-child(2n){margin-left: 29px;}
.con2 ul li:nth-child(n+7){margin-bottom: 0;}
.con2 ul li a{display: block;}
/* con3 */
.con3 {position:relative; padding: 140px 0 150px;background: #b9cafe url('https://img.megagong.net/m/2022/0620_branding/con3_bg.jpg') no-repeat center; background-size: auto 100%;}
.con3 ul{position: relative;}
.con3 ul::before{content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 246px;height: 246px;border: 1px solid #8c68ff;}
.con3 ul li{display: inline-block;z-index: 2;position: relative;}
.con3 ul li:nth-child(1){padding:0 75px 37px 0;}
.con3 ul li:nth-child(4){padding:38px 0 0 75px;}
/* con4 */
.con4 {position:relative; padding: 160px 0 155px; background: #2b2d94 url('https://img.megagong.net/m/2022/0620_branding/con4_bg.jpg') no-repeat center; background-size: auto 100%;}
.con4 img{text-align: left;display: block;}
.con4 p{color: #9399e6;font-size: 11px;text-align: right;}
/* con5 */
.con5 {position:relative; padding: 175px 0 195px; background: #acaff6 url('https://img.megagong.net/m/2022/0620_branding/con5_bg.jpg') no-repeat center; background-size: auto 100%;}
.con5 img{text-align: left;display: block;}
@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
    .eventWrap .inner {width: 96%;}
    .eventWrap img {width:100%;}
    .eventWrap h3{ margin:0 0 8% -2%;}
    .eventWrap .stit{margin-bottom: 5%;font-size: 25px;}
    .conTop {padding:16% 0;}
    .conTop b{margin-right: 31%;}
    .conTop span{margin: 7% 30% 3% 0;}
    .con1 {padding: 15% 0;}
    .con1::before{background-size: contain;width: 100%;bottom: 2%;height: 5%;}
    .con1 strong{margin: 0;}
    .con1 .btn{margin: 6% auto 12%}
    .con1 .btn2{margin-bottom: 5%;}
    .passLine{padding: 2% 0;}
    .passLine b{width: 45%;}
    .passLine .passList{margin:1% 0 0 2%;}
    .passLine .passList a{width: 49%;}
    .passLine .passList a + a{margin-left: 2%;}
    .con2 {padding:15% 0;}
    .con2 ul li{margin-bottom: 1%;width: 49.5%;}
    .con2 ul li:nth-child(2n){margin-left: 1%;}
    .con3 {padding: 15% 0;}
    .con3 ul{margin:0 -3%;}
    .con3 ul::before{width: 20%;height: 50%}
    .con3 ul li{width: 48%;}
    .con3 ul li:nth-child(1){padding:0 1% 1% 0}
    .con3 ul li:nth-child(4){padding:1% 0 0 1%}
    .con4 {padding: 16% 0 12%;}
    .con4 img{width: 50%;}
    .con5 {padding: 18% 0}
}
@media (max-width: 768px){
    .flw_bn{display: none !important;}
    .eventWrap .stit{font-size: 19px;}
    .eventWrap .stit::before{height: 40px;width: 10px;}
    .con4 h3 img{width: 100%;}
    .con4 img{width: 60%; text-align: center;margin: 0 auto;}
    .con4 p{text-align: left;margin-top: 5%;}
}
@media (max-width: 576px){
    .eventWrap .stit{font-size: 14px;}
    .eventWrap .stit::before{height: 30px;}
    .con1 .btn{margin: 6% -15% 20%;}
    .con1 .btn2{margin-bottom: 10%;}
    .passLine .passList{width: 52%;}
}