@charset "utf-8"; 
@font-face{font-family: 'GmarketSansLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff')format('woff'); font-weight: normal; font-style: normal;}           
@font-face{font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff')format('woff'); font-weight: normal; font-style: normal;}           
@font-face{font-family: 'GmarketSansBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff')format('woff'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2'); font-weight: 100; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2'); font-weight: 300; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2'); font-weight: 900; font-display: swap;}

.evt_wrp{font-family: "Pretendard", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;}

.pc{display: block;}
.mo{display: none;}
.consult_form_container .inner{border-top: 0;}
.floating_menu,
.floating_menu.mo{display: none;}

.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;} 
.evt_wrp img{vertical-align: top;} 
.evt_wrp strong{font-weight: 900;}
.evt_wrp .ttl,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto;} 
.evt_wrp .ttl{padding-bottom: 50px; text-align: center; font-weight: 200;}
.evt_wrp .ttl i{font-weight: 900; font-size: 35px;}
.evt_wrp .ttl p{font-family: 'GmarketSansMedium'; font-size: 46px; line-height: 1.2; padding-top: 30px; letter-spacing: -2px;}
.evt_wrp .ttl p strong{display: block; font-family: 'GmarketSansBold'; font-size: 52px;}
.evt_wrp .pnk{color: #ff0084;}
.evt_wrp .yel{color: #fff000;}

.evt_wrp .txt{font-family: 'GmarketSansMedium'; padding: 100px 0 10px; font-size: 48px; font-weight: 800; letter-spacing: -2px; text-align: center;}
.evt_wrp .txt strong{color: #27b8b8;}

.evt_wrp i{font-style: normal;}

.evt_wrp .visual .typo strong,
.evt_wrp .visual .typo em{display: block;}

.evt_wrp .visual{background: #000; display: grid; height: clamp(700px, 90vh, 950px); overflow: hidden;}
.evt_wrp .visual > *{grid-area: 1 / 1;}
.evt_wrp .visual video{width: 100%; height: 100%; object-fit: cover; display:block;}
.evt_wrp .visual .overlay{background: rgba(48,50,60,0.6); height: 100%;}
.evt_wrp .visual > .inner{padding: 100px 0;}

.evt_wrp .visual .typo{font-family: 'GmarketSansMedium'; color: #fff; padding-top: 75px; text-align: center;}
.evt_wrp .visual .typo i{display: block; font-family: 'GmarketSansLight'; font-size: 20px; letter-spacing: 11px; text-indent: 30px; padding-bottom: 5px; line-height: 2; border-bottom: 1px solid rgba(255,255,255,0.3); display: inline-block; background: linear-gradient(140deg, #0cfece 30%, #fff000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; width: 100%;}
.evt_wrp .visual .typo i span{font-family: 'GmarketSansMedium';}
.evt_wrp .visual .typo em{font-size: 64px; padding-top: 45px;}
.evt_wrp .visual .typo strong{font-family: 'GmarketSansBold'; font-size: 120px; letter-spacing: -5px; padding-top: 10px; line-height: 1.05;}
.evt_wrp .visual .typo ul{overflow: hidden; margin: 15px 0 35px;}
.evt_wrp .visual .typo li{margin: 0 10px; padding: 12px 42px 8px; color: #fff000; border-radius: 50px; border: 2px solid; font-size: 27px; display: inline-block; background: rgba(0, 0, 0, 0.5);}
.evt_wrp .visual .typo p{font-size: 30px; display: flex; justify-content: center; align-content: center; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 30px;}
.evt_wrp .visual .typo p span::before{content: '|'; margin: 0 10px; font-weight: 100; font-family: 'GmarketSansLight'; opacity: 0.5;}

.evt_wrp .btn{position: relative; z-index: 9; width: 100%; margin-top: 35px; transform: translateY(0);}
.evt_wrp .btn.hide{transform: translateY(100px);}
.evt_wrp .btn.fixed{position: fixed; left: 0; bottom: 10px;}
.evt_wrp .btn.fixed a{box-shadow: 0 0 15px 2px rgba(0,0,0,0.35); border: 1px solid;}
.evt_wrp .btn span{display: inline-block; background: linear-gradient(140deg, #0cfece, #fff000); font-family: 'GmarketSansBold'; font-size: 30px; padding: 25px 0 20px; width: 540px; text-align: center; border-radius: 5px;}

.evt_wrp .list_horiz{overflow: hidden; text-align: center;}
.evt_wrp .list_horiz li{display: inline-block; border-radius: 20px; margin: 0 5px;}
.evt_wrp .list_horiz li img{ border-radius: 20px;}

.evt_wrp .vod{position: relative; width: 915px; height: 430px; background: #000; margin: 30px auto 0; aspect-ratio: 16 / 9; border-radius: 20px;}
.evt_wrp .vod iframe{width:100%; height:100%; display:block; border-radius: 20px;}
.evt_wrp .vod img{border-radius: 20px;}

.evt_wrp .bg_01 .list_horiz li:last-child{margin-left: 32px;}

.evt_wrp .prof{width: 1330px; margin: 0 auto; position: relative;}
.evt_wrp .prof .name{position: absolute; left: 30px; bottom: 0;}
.evt_wrp .name a{display: inline-block; margin-left: 20px;}
.evt_wrp .name a:first-child,
.evt_wrp .name a:nth-child(4),
.evt_wrp .name a:nth-child(7){margin-left: 0;}

.evt_wrp .bg_04 .ttl p,
.evt_wrp .bg_05 .ttl p{padding-top: 0;}

* [class^="bg_"] {padding: 120px 0;} 

.evt_wrp .bg_01{background: #f8efe7;} 
.evt_wrp .bg_02{background: #ff0084;}
.evt_wrp .bg_03{background: #efefef;} 
.evt_wrp .bg_04{background: #fff; padding: 80px 0;}
.evt_wrp .bg_05{background: #e4e5e0 url('https://img.megastudyacademy.co.kr/campus/mbc/event/2026/0727_practical_mt/bg_con5.png') no-repeat center 0; padding-bottom: 0;}
.evt_wrp .bnr_wrp{background: #c7c4ac;}

.evt_wrp .bg_02 .ttl{color: #fff;}

.evt_wrp .small{font-size: 14px; font-weight: 300; text-align: right; padding-top: 20px;}
.evt_wrp .notice{font-size: 17px; width: 1060px; margin: 0 auto;}
.evt_wrp .notice strong{display: block; margin: 30px 0 10px;}
.evt_wrp .notice strong:first-child{font-size: 22px; margin-top: 0;}
.evt_wrp .notice p{padding: 5px 9px;}
.evt_wrp .notice p::before{content: '·';margin: 0 4px 0 -9px;}


/* tab */
.evt_wrp .at_wrp{width: 1100px; margin: 0 auto;}
.evt_wrp .at_wrp img{max-width: fit-content;}
.evt_wrp .tab_test{overflow: hidden; text-align: center; margin-bottom: -2px;}
.evt_wrp .tab_test li{display: inline-block; border-radius: 10px 10px 0 0; background: none; padding: 20px 60px; cursor: pointer; font-size: 20px; color: #777; border: 1px solid #aaa; border-bottom: 2px solid #000;}
.evt_wrp .tab_test li.active{background: #fff; color: #000; font-weight: 900; border: 2px solid #000; border-bottom: 2px solid #fff;}
.evt_wrp .at-tab-conts{background: #fff; border-top: 2px solid; border-bottom: 1px solid #ddd; padding: 60px 50px;}
.evt_wrp .at-tab-conts ul{overflow: hidden;}
.evt_wrp .at-tab-conts li{float: left;}
.evt_wrp .at-tab-conts li:last-child{padding-left: 25px;}


/* time table */
ul.info{width: 1100px; margin: -30px auto 70px; overflow: hidden; text-align: center; display: flex; justify-content: center; padding: 20px;}
ul.info li{display: inline-block; width: 48%; border-radius: 20px; box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.35); height: 540px; margin: 0 10px; padding: 35px 50px;}
ul.info .ttl{width: 100%; font-weight: 800; font-size: 26px; font-weight: 800; border-bottom: 2px solid; padding-bottom: 10px; margin-bottom: 10px; justify-content: center;}
ul.info li div{color: #657790; text-align: left; border-bottom: 1px solid #efefef; padding: 10px 0; font-weight: 500;}
ul.info li div:first-child{margin-top: 10px;}
ul.info li div:last-child{border-bottom: 0;}
ul.info li em{display: inline-block; padding: 5px 0; font-weight: 800; color: #000; font-size: 17px;}
ul.info li p{padding: 3px 0; font-size: 18px; display: flex; align-items: center;}
ul.info li span{color: #333; font-size: 13px; display: inline-block; padding-top: 5px;}
.btn_go{background: #333; color: #fff; text-align: center; padding: 4px 8px; font-size: 13px; border-radius: 5px; margin-left: 5px;}

ul.info table{margin-top: 10px; border-top: 1px solid #ccc; width: 100%;}
ul.info table th,
ul.info table td{padding: 8px 10px; text-align: left; color: #657790;}
ul.info table th{border: 0; border-bottom: 1px solid #ccc;}
ul.info table td{border: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 20px;}
    
.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.evt_wrp .delay{animation-delay: 0.5s;} 
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}} 
@keyframes updown{0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}} 

.mo{display: none;}

@media screen and (min-width: 1024px){
    .evt_wrp .ttl p strong br{display: none;}
    .evt_wrp .bg_05 .ttl p strong br{display: block;}
}

@media screen and (max-width: 1299px){
    .evt_wrp .prof{width: 100%;}
    .evt_wrp .name a img{height: 5.3rem;}
}

@media screen  and (max-width: 1024px){
    .pc{display: none;} 
    .mo{display: block;}
    
    .evt_wrp .info,
    .evt_wrp .bg_02 .list_horiz{overflow-x: auto ;white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; width: 100%;}
    .evt_wrp .bg_02 .list_horiz li{margin-right: 2%;}
    .evt_wrp .bg_02 .list_horiz li:first-child{margin-left: 5%;}
    .evt_wrp .bg_02 .list_horiz li:last-child{margin-right: 5%}

    .evt_wrp .visual{height: clamp(700px, 65vh, 950px)}
    
    * [class^="bg_"]{padding: 12% 0;}
    
    .evt_wrp .info{width: 100%; padding: 0; margin: 0 0 12% 0; justify-content: flex-start;}
    .evt_wrp .info li{margin-right: 3%; box-shadow: unset; border: 1px solid;}
    .evt_wrp .info li:first-child{margin-left: 5%;}
    .evt_wrp .info li:last-child{margin-right: 5%;}
    
    .evt_wrp .at_wrp{width: 98%;}
    .evt_wrp .at-tab-conts{padding: 5% 0 0;}
    .evt_wrp .at_wrp img{max-width: 100%;}
    .evt_wrp .small{font-size: 11px; padding-top: 10px;}

    .evt_wrp .at-tab-conts ul{text-align: center;}
    .evt_wrp .at-tab-conts li{width: 100%; margin: 0 auto; padding: 0 0 2% 0;}
    .evt_wrp .at-tab-conts li:last-child{padding: 2% 5% 5%;}
    
    .evt_wrp .vod,
    .evt_wrp .list_horiz,
    .evt_wrp .inner,
    .evt_wrp .notice{width: 92%; margin: 0 auto;}
    .evt_wrp .list_horiz li{width: 49%; margin: 0;}
    .evt_wrp .bg_01 .list_horiz li:last-child{margin: 0;}
    
    .evt_wrp .list_horiz li,
    .evt_wrp .list_horiz li img,
    .evt_wrp .vod img,
    .evt_wrp .vod{border-radius: 10px;}

    .evt_wrp .prof{width: 100%;}
    .evt_wrp .btn span{width: 100%;}    
    
    .evt_wrp .prof .name{left: 1%; bottom: unset; top: 36%;}
    .evt_wrp .name a img{height: 22.5rem;}
    .evt_wrp .name a:first-child{margin-left: 22%;}
    .evt_wrp .name a:nth-child(n+1):nth-child(-n+3){margin-right: 2%;}
    .evt_wrp .name a:nth-child(n+4):nth-child(-n+8){margin-top: 36%; margin-left: 2%;}
    .evt_wrp .name a:nth-child(4){margin-left: 3%;}

    .evt_wrp .vod{margin-top: 3%; height: 20vh;}   
    .evt_wrp .list_horiz li img{width: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){ 
    .evt_wrp .ttl p{font-size: 42px;}    
     .evt_wrp .info li{flex:0 0 55%; height: 60vh; padding: 3.5%;}
     .evt_wrp .info .ttl{font-size: 26px;}
     ul.info li em{font-size: 20px;}
     ul.info li p{font-size: 24px;}
    .evt_wrp .tab_test li{font-size: 24px; padding: 2% 3%; border-radius: 10px 10px 0 0;}
    .evt_wrp .ttl{padding-bottom: 3%;}
    ul.info li span{font-size: 18px; padding-top: 25px;}
    .evt_wrp .notice strong:first-child{font-size: 26px;}
    .evt_wrp .notice strong{font-size: 22px;}
    .evt_wrp .notice p{line-height: 1.2; font-size: 20px;}
    .evt_wrp .small{font-size: 16px;}
    .btn_go{padding: 1% 2%; font-size: 16px;}
}

@media screen and (min-width: 821px) and (max-width: 1024px){ 
    .evt_wrp .visual .typo strong{font-size: 90px;}
    .evt_wrp .vod{height: 111vh;}
    .evt_wrp .info li{height: 171vh;}
    .evt_wrp .prof .name{top: 35%;}
    .evt_wrp .name a:nth-child(n+1):nth-child(-n+3) {margin-right: 3.5%;}
    .evt_wrp .name a img{height: 5.3rem;}
}

@media screen and (max-width: 820px){
    .evt_wrp .name a img{height: 5.3rem;}
    .evt_wrp .visual .typo strong{font-size: 85px;}
    .evt_wrp .visual{height: clamp(700px, 70vh, 950px)}

    .evt_wrp .name a:nth-child(n+4):nth-child(-n+8){margin-left: 0;}
    .evt_wrp .name a:nth-child(4){margin-left: 2% !important;}
    
    .evt_wrp .info table th,
    .evt_wrp .info table td{font-size: 20px;}
}

@media screen and (max-width: 760px){ 
    .floating_menu.mo{display: none;} 

    .evt_wrp .btn span{font-size: 20px; padding: 20px 18px 15px; width: 100%;}
    .evt_wrp .btn.fixed{left: 5%; bottom: 5%;}

    .evt_wrp .ttl{padding-bottom: 4%;}
    .evt_wrp .ttl i{font-size: 18px;}
    .evt_wrp .ttl p{font-size: 22px; letter-spacing: -1px; padding-top: 3%;}
    .evt_wrp .ttl p strong{font-size: 30px; letter-spacing: -2px; line-height: 1; padding-top: 5px;}

    .evt_wrp .visual{height: 63vh;}
    .evt_wrp .visual .typo{font-size: 20px; padding: 12% 0 3%;}
    .evt_wrp .visual .typo i{letter-spacing: 0; text-indent: 0;}
    .evt_wrp .visual .typo strong{font-size: 45px; letter-spacing: -4px; padding: 20px 0 5px;}
    .evt_wrp .visual .typo ul{margin: 5px 0 20px;}
    .evt_wrp .visual .typo p{line-height: 1.3; padding-top: 20px;}
    .evt_wrp .visual .typo p,
    .evt_wrp .visual .typo p span{display: block; font-size: 22px;}
    .evt_wrp .visual .typo p span::before{display: none;}
    .evt_wrp .visual .typo em{font-size: 25px; margin-top: 0; padding-top: 25px;}
    .evt_wrp .btn{width: 90%; margin: 10px auto 0;}
    .evt_wrp .btn .inner{width: 100%;}

    .evt_wrp .bg_02 .list_horiz li{width: 55%;}
    .evt_wrp .info li{flex:0 0 85%; height: 65rem; padding: 5% 8%;}
    .evt_wrp .tab_test li{font-size: 16px; padding: 2%; border-radius: 5px 5px 0 0;}

    .evt_wrp .info li p{font-size: 18px;}
    .evt_wrp .info .ttl{font-size: 22px;}
    .evt_wrp .info li span{font-size: 16px; padding-top: 15px;}
    .evt_wrp .notice strong{font-size: 20px;}
    .evt_wrp .notice p{line-height: 1.2; font-size: 18px;} 
    .evt_wrp .info table th, 
    .evt_wrp .info table td{font-size: 15px;}
    .evt_wrp .name a:nth-child(4){margin-left: 6% !important;}
    
    .evt_wrp .visual .typo li{margin: 0; padding: 10px 20px 6px; border: 1px solid; font-size: 18px;}
}

@media screen and (max-width: 690px){
    .evt_wrp .visual .typo{padding: 4% 0 3%;}
    .evt_wrp .name a img{height: 2.6rem;}
}

@media screen and (max-width: 344px){ 
    .evt_wrp .info li span{font-size: 14px;}
    .evt_wrp .tab_test li{font-size: 15px; padding: 2% 1%;}
    .evt_wrp .info li{padding: 5%;}
    .evt_wrp .info table th, .evt_wrp .info table td{font-size: 14px;}
    .evt_wrp .btn span{padding: 20px 15px 15px;}
    .evt_wrp .name a img{height: 2.6vh;}
    .evt_wrp .name a:nth-child(4){margin-left: 2% !important;}
    .evt_wrp .visual .typo i{font-size: 19px;}
    .evt_wrp .visual .typo strong {font-size: 42px; padding: 15px 0 5px;}
    .evt_wrp .visual{height: 59vh !important;}
    .evt_wrp .vod{height: 17vh;}
    .evt_wrp .info li{height: 60rem;}
}

@media screen  and (width: 1024px){
    .evt_wrp .vod{height: 31vh; width: 88%;}
    .evt_wrp .info li{flex: 0 0 60%; height: 54vh;}
    .evt_wrp .info table th,
    .evt_wrp .info table td{font-size: 26px;}
    .evt_wrp .info li .ttl{font-size: 34px;}
    .evt_wrp .info li em{font-size: 29px;}
    .evt_wrp .info li p{font-size: 29px;}

    .evt_wrp .name a img{height: 7rem;}
    .evt_wrp .name a:nth-child(n+4):nth-child(-n+8){margin-left: 0;}
    .evt_wrp .name a:nth-child(4){margin-left: 2% !important;}
    .evt_wrp .visual .typo strong{font-size: 118px;}
}

@media screen and (width: 820px){
    .evt_wrp .vod{height: 30vh;}  
    .evt_wrp .name a img{height: 5.6rem;}
}

@media screen and (width: 768px){
    .evt_wrp .visual{height: clamp(700px, 75vh, 950px)}
    .evt_wrp .visual .typo strong{font-size: 85px;}
    
    .evt_wrp .name a img{height: 5rem;}
    .evt_wrp .name a:nth-child(n+4):nth-child(-n+8){margin-left: 1%;}    .evt_wrp .vod{height: 32vh;}    
}

@media screen and (width: 912px){
    .evt_wrp .vod{height: 28vh;}    
    .evt_wrp .name a img{height: 5.7rem;}    
    .evt_wrp .info li{height: 60rem;}
}

@media screen and (width: 829px){
    .evt_wrp .name a img{height: 5.3rem;}
    .evt_wrp .vod{height: 52vh;}
}

@media screen and (width: 720px){
    .evt_wrp .vod{height: 57vh;}
    .evt_wrp .name a img{height: 4.6rem;}
    .evt_wrp .info li{height: 50rem;}
    .evt_wrp .visual{height: 109vh;}
}

@media screen and (width: 740px) {
    .evt_wrp .visual{height: 74vh;}
    .evt_wrp .vod{height: 38vh;}
    .evt_wrp .visual .typo strong{font-size: 72px;}    
    .evt_wrp .ttl p strong{font-size: 45px;}
    .evt_wrp .prof .name{top: 35%;}
    .evt_wrp .name a img{height: 5rem;}    
    .evt_wrp .name a:nth-child(n+1):nth-child(-n+3){margin-right: 4%;}
}

@media screen and (width: 690px){
    .evt_wrp .visual{height: 62vh;}
    .evt_wrp .vod{height: 31vh}    
    .evt_wrp .name a img{height: 4.5rem;}
}

@media screen and (width: 540px){
    .evt_wrp .vod{height: 32vh;}
    .evt_wrp .name a img{height: 3.5rem;}
}

@media screen and (width: 414px){
    .evt_wrp .name a img{height: 2.8rem;}
}
@media screen and (width: 412px) {
    .evt_wrp .visual{height: 55vh;}
}

@media screen and (width: 360px) {
    .evt_wrp .visual{height: 60vh;}
    .evt_wrp .vod{height: 18vh;}
    .evt_wrp .visual .typo strong{font-size: 43px;}
    .evt_wrp .vod{height: 21vh;}
    .evt_wrp .name a img{height: 2.4rem;}     
}



/* popup */
input,
select,
label,
input[type="checkbox"],
input[type="radio"],
button{all: revert;}

.pop_wrp{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.38); display: none; align-items: center; justify-content: center; font-size: 15px; z-index: 1000; overflow: hidden;}
.pop_wrp .popup{position: relative; width: 30%;}
.pop_wrp .popup img{border-radius: 20px;}
.pop_wrp .closeX{position: absolute; right: 15px; top: 0; font-size: 58px; font-weight: 100; cursor: pointer; color: #fff;}