@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/0622_book/conTop_bg.jpg) center 0 no-repeat; background-size: 100% 100%; padding: 100px 0 20px; } 
.conTop h3 { margin: 0 -6.5px 64px; } 
.conTop .bimg { margin: 0 -242.5px 0 -290.5px; } 

.con01 { background-image: linear-gradient(to bottom,#dbffde,#74fff7); background-image: -moz-linear-gradient(to bottom,#dbffde,#74fff7); background-image: -webkit-linear-gradient(to bottom,#dbffde,#74fff7); padding: 164px 0; } 
.con01 h4 { margin: 0 0 58px; } 
.con01 .ex dl { border: 1px solid #5f27d6; border-radius: 9px; display: table; width: 100%; height: 170px; overflow: hidden; margin: 0 0 20px; } 
.con01 .ex dl:last-child { margin: 0 0 0; } 
.con01 .ex dl dt { display: table-cell; width: 27%; font-size: 25px; color: #fff; vertical-align: middle; background: #5f27d6; } 
.con01 .ex dl dt p { position: relative; padding: 32px 0 0; } 
.con01 .ex dl dt p::before { content: ''; background: url(https://img.megagong.net/m/2022/0622_book/con02_ico.png) center 0 no-repeat; width: 20px; height: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.con01 .ex dl dt p strong { display: block; color: #33fffe; font-weight: normal; } 
.con01 .ex dl dt br { display: none; } 
.con01 .ex dl dd { display: table-cell; font-size: 21px; vertical-align: middle; background: #fff; text-align: left; padding: 0 0 0 60px; } 
.con01 .ex dl dd p span { color: #5f27d6; } 
.con01 .ex dl dd p strong { font-weight: 900; } 

.con02 { background: #7053d3; padding: 168px 0 52px; } 
.con02 .book { margin: 65px 0 145px; } 
.con02 .bnr { position: relative; } 
.con02 .bnr::before { content:''; position: absolute; background: #1d737e; width: 1000%; height: 100%; left: calc(-1000% - -2px); } 
.con02 .bnr::after { content:''; background: #125660; position: absolute; width: 1000%; height: 100%; right: calc(-1000% - -2px); } 
.con02 .bnr a { /* border: 1px solid #f00; */text-indent: -9999px; display: block; position: absolute; width: 39.5%; height: 100%; right: 0; top: 0; } 
.con02 .tiny_txt { font-size: 13px; color: #b6b6b6; text-align: right; margin: 5px 0 0; } 


@media (max-width:1500px){
 .conTop .bimg { margin: 0 -70px 0 -160px; } 
 }

@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: 8.5% 0 1.5%; } 
 .conTop h3 { margin: 0 -1% 6%; } 
 .conTop .bimg { margin: 0 -6.5% 0 -14.5%; } 
 
 .con01 { padding: 14% 0; } 
 .con01 h4 { margin: 0 0 5%; } 
 
 .con01 .ex dl dt p { padding: 28px 0 0; } 
 .con01 .ex dl dt { font-size: 21px; } 
 .con01 .ex dl dd { font-size: 18px; } 

 .con02 { padding: 14% 0 5.5%; } 
 .con02 .book { margin: 5.5% 0 13%; } 
 .con02 .tiny_txt { font-size: 12px; } 
}

@media (max-width:992px){
 .con01 .ex dl { height: 150px; } 
 .con01 .ex dl dt { font-size: 18px; } 
 .con01 .ex dl dd { font-size: 15px; padding: 0 0 0 30px; } 
 }

@media (max-width:768px){
 .con01 .ex dl { height: 120px; margin: 0 0 10px; } 
 .con01 .ex dl dt p { padding: 25px 0 0; } 
 .con01 .ex dl dt p::before { background-size: 80%; background-position: center; } 
 .con01 .ex dl dt { font-size: 15px; } 
 .con01 .ex dl dd { font-size: 13px; padding: 0 10px 0; } 
 }

@media (max-width:576px){
 .con01 .ex dl dt { font-size: 13px; } 
 .con01 .ex dl dt br { display: block; } 
}