@charset "euc-kr";

#eventWrap{}
#eventWrap h3{text-align:center;}
#eventWrap h4{margin-bottom: 50px;}
#eventWrap .top,#eventWrap .con_1,#eventWrap .con_2,#eventWrap .con_3,#eventWrap .con_4,#eventWrap .con_5,#eventWrap .con_6,#eventWrap .con_7{text-align: center;padding-left: 30px;padding-right: 30px;}

#eventWrap .top{position: relative;padding: 0 0;background:#13080d;overflow: hidden;}
#eventWrap .top a{position: absolute;top:40px;right: 40px}

#eventWrap .con_1{padding-top: 60px;padding-bottom: 60px;background-color: #4c172b;}
#eventWrap .con_1 h3{margin:0 0 50px 0;}

#eventWrap .con_2 h3{margin:0 0 40px 0;}
#eventWrap .con_2{padding-top: 60px;padding-bottom: 60px;background-color: #360b1a;}
#eventWrap .con_2 div{position: relative;padding: 152px 0 0;}
#eventWrap .con_2 div p{position: absolute;/* height: 148px; */top: 0;left: 50%;margin-left: -8%;padding-bottom: 40px;}
#eventWrap .con_2 div p .arrow{position: absolute;bottom:0;left:50%;margin-left: -15px;width: 30px;height: 29px;background: url('http://img.megagong.net/m/2019/1015_basic/arrow_on.png') 0 0 no-repeat;font-size: 0}
#eventWrap .con_2 div p .arrow{-webkit-animation: changeOpac 0.3s 0.3s infinite linear alternate;animation: changeOpac 0.3s 0.3s infinite linear alternate;}
@-webkit-keyframes changeOpac {
    0% {opacity: 1} 100% {opacity: 0.3}
}

@keyframes changeOpac {
    0% {opacity: 1} 100% {opacity: 0.3}
}


#eventWrap .con_3{padding-top: 60px;padding-bottom: 60px;background-color: #4c172b;}
#eventWrap .con_3 .slidewrp{padding: 0 0 0;margin: 0 40px;}
#eventWrap .con_3 .slick-list{background-color: #fff}
#eventWrap .con_3 .slick-arrow{display: none !important}
#eventWrap .con_3 .slick-slide img{display:inline-block;}
#eventWrap .con_3 .slick-dots{margin:20px 0 0 0;}
#eventWrap .con_3 .slick-dots::after{content: "";display: block;clear: both;}
#eventWrap .con_3 .slick-dots li{display:inline-block;width:12px;height:12px;box-sizing:border-box;background:#4c172b;border-radius:100%;margin:0 5px;border: 1px solid #986f7d;cursor: pointer;font-size: 0}
#eventWrap .con_3 .slick-dots li button{font-size: 0}
#eventWrap .con_3 .slick-dots .slick-active{background:#986f7d;border-radius:30px;width:28px; }

#eventWrap .con_4{background: #360b1a;background: linear-gradient(to bottom, #360b1a , #734153);padding-top: 60px;padding-bottom: 60px;}
#eventWrap .con_4 h4{margin-bottom:75px;}
#eventWrap .con_4 div p{position: relative;background: #fffbe6 url('http://img.megagong.net/m/2019/1015_basic/con4_txtbg.png') center 0 no-repeat;padding: 18px 11%;margin: 60px 0 0;}
#eventWrap .con_4 div p::before{content: "";position: absolute;top: -7px;left: -7px;width: 24px;height: 24px;background: url('http://img.megagong.net/m/2019/1015_basic/img_sprite.png') 0 0 no-repeat;}

#eventWrap .con_5{position:relative;background:#f2f2f3;border-top: 4px solid #f4d662;padding-top: 60px;padding-bottom: 60px;}
#eventWrap .con_5>strong{content: "";position: absolute;top: -1px;left: 50%;margin-left: -55px;width: 110px;height: 42px;background: url('http://img.megagong.net/m/2019/1015_basic/img_sprite.png') -116px 0 no-repeat;font-size: 0;}
#eventWrap .con_5 div p{position: relative;background: #ffffff url(http://img.megagong.net/m/2019/1015_basic/con5_txtbg.png) center 0 no-repeat;padding: 18px 11%;margin: 50px 0 0;}
#eventWrap .con_5 div p::before{content: "";position: absolute;top: -7px;left: -7px;width: 24px;height: 24px;background: url('http://img.megagong.net/m/2019/1015_basic/img_sprite.png') -50px 0 no-repeat;}
#eventWrap .con_5::after{content: "";position: absolute;bottom:0;left: 0;margin-left: 30px;margin-right: 30px;width: 806px;height: 1px;background:#ccc;box-sizing: border-box;}

#eventWrap .con_6{background:#f2f2f2;padding: 60px 0 0 0;}

#eventWrap .con_7{margin: 0;padding: 0;}
#eventWrap .con_7 ul{overflow:hidden;border: 1px solid #ccc;}
#eventWrap .con_7 ul li{float:left;width:25%;color: #bfbfbf;font-size:16px;line-height:21px;border-left: 1px solid #ccc;box-sizing: border-box;}
#eventWrap .con_7 ul li:first-child{border:none;}
#eventWrap .con_7 ul li strong{font-size: 18px;letter-spacing: -0.08em;padding: 2px 0 0;}
#eventWrap .con_7 ul li a{display:block;background: #f2f2f3;padding:16px 0;width:101%;font-size: 16px;}
#eventWrap .con_7 ul li a strong{display: block;color: #bfbfbf;}
#eventWrap .con_7 ul li.on{color:#111;}
#eventWrap .con_7 ul li.on a strong{color: #f9b795}
#eventWrap .con_7 ul li.on a{background: #6e1c3c url('http://img.megagong.net/m/2019/1015_basic/lectab_bg.gif') 100% 100% no-repeat;color:#fff}
#eventWrap .con_7 ul li a br{display: none;}

#eventWrap .con_8{text-align:left;min-height: 500px}
#eventWrap .con_8 .lecture{padding-bottom: 0 !important}

@media (max-width: 1200px){
	#eventWrap .top img,#eventWrap .con_1 img,#eventWrap .con_2 img,#eventWrap .con_3 img,#eventWrap .con_4 img,#eventWrap .con_5 img,#eventWrap .con_6 img,#eventWrap .con_7 img{max-width: 100%;width: 100%;}
	#eventWrap .con_2 div p{
    margin-left: 12%;
    width: 1px;
}
	#eventWrap .con_2 div p img{
    width: 340px;
    height: 100px;
    max-width: 340px;
    margin-left: -170px;
}
	#eventWrap .con_4 div p{/* background-image:none */background-size: 106%;}
	#eventWrap .con_5 div p{background-size: 100%;}
	#eventWrap .con_5::after{
    width: 100%;
    margin: 0;
}
	#eventWrap .con_6 .teacher img{max-width:100%}
	#eventWrap .con_6 a img{max-width:100%}
    #mContainer.wideC #mContent .lecture{padding-top: 10px !important}
}
@media (max-width: 900px){
	#eventWrap .con_7 ul li a{font-size:15px;letter-spacing:-0.1em}
	#eventWrap .con_7 ul li strong{font-size:16px;letter-spacing: -0.08em;}
	#eventWrap .con_4 div p{background-image:none;}
	#eventWrap .con_5 div p{background-image:none;}
}
@media (max-width: 768px){
	#eventWrap img{max-width:100%}
	#eventWrap .top, #eventWrap .con_1, #eventWrap .con_2, #eventWrap .con_3, #eventWrap .con_4, #eventWrap .con_5{text-align: center;padding-left: 15px;padding-right: 15px;}
	#eventWrap .con_1,#eventWrap .con_2,#eventWrap .con_3,#eventWrap .con_4{padding-top:45px;padding-bottom:45px;}
    #eventWrap .con_5{padding-bottom: 45px}
    #eventWrap .con_6{padding-top: 45px}
	#eventWrap h4{margin-bottom: 25px !important;}
	#eventWrap .top a{width: 22%;max-width: 160px;right: 20px;top: 20px;}
	#eventWrap .top a img{width:100%}
	#eventWrap h3{margin: -40px -80px;}
	#eventWrap .con_2 div p img{
    width: 294px;
    height: 87px;
    max-width: 294px;
    margin-left: -147px;
}
	#eventWrap .con_3 .slidewrp{margin:0}
	#eventWrap .con_4 div p{padding:18px 7%;margin-top: 20px}
	#eventWrap .con_5 div p{padding:18px 7%;margin-top: 20px}
	#eventWrap .con_2 div p{
    margin-left: 13%;
}
	#eventWrap .con_7 ul li a{font-size:13px;}
	#eventWrap .con_7 ul li strong{font-size:15px;}
    #eventWrap .con_7 ul li a br{display: block;}

}
@media (max-width: 640px){
	#eventWrap .con_2 div{
    padding: 130px 0 0;
}
	#eventWrap .con_2 div p img{
    width: 250px;
    height: 74px;
    max-width: 264px;
    margin-left: -125px;
}
}