/* common */
.sub_txt{font-size:var(--sub_tit_font);line-height:150%;}
.txt{font-size:var(--txt_font);}
h2{font-size:var(--tit_font);margin:10px 0;font-family: var(--neo_900);font-weight:normal;color:#333;}
h2.w{color:#fff;}
section{padding:150px 0;}
.flow_banner{overflow:hidden;display:flex;}
.flow_banner .list, .flow_banner .list2{display:flex;}


/* animation */
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes flowRolling2 {
  0% {
      transform: translateX(-100%);
  }
  100% {
      transform: translateX(0%);
  }
}


/*main banner*/
#main .top_banner{width:100%;display:flex;height:auto;min-height:80px;background-repeat: no-repeat;background-size: cover;}
#main .top_banner .wrap{width:100%;max-width:1200px;margin:0 auto;position:relative;}
#main .top_banner a.top_img{display:block;width:100%;max-width:1200px;margin:0 auto;}
#main .top_banner a.btn_today_close{position:absolute;top:50%;right:10px;text-indent: -9999px;width:30px;height:30px;margin-top:-15px;background:url("data:image/svg+xml,%3Csvg viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M3 21.32L21 3.32001' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M3 3.32001L21 21.32' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-size:contain;}

.main_banner{width:100%;height:600px;}
.main_banner li{display:flex !important;justify-content: center;height:100%;background-repeat: no-repeat;background-size: cover;}
.main_banner img{margin:0 auto;width:auto;height:100%;}
.main_banner .slick-dots {width:100%;position:absolute;left:50%;margin-left:-25px;bottom:20px;}
.main_banner .slick-dots li {float:left;display:block;width:15px;height:15px;border-radius:50%;box-shadow:0px 1px 5px rgba(0,0,0,.1);margin-right:7px;background:#fff;cursor:pointer;}
.main_banner .slick-dots li button {text-indent:-9999px;}
.main_banner .slick-dots li.slick-active {background:var(--purple_point);width:50px;border-radius:100px;}
.main_banner.slick-dotted.slick-slider{margin-bottom:0;}

/* vid */
#main .vid{width:100%;height:1030px;background:url(../../img/main/vid_bg.png) no-repeat center;background-size:cover;color:#fff;text-align:center;display:none;}
#main .vid .sub_tit{font-size:40px;}
#main .vid .vid_box{width:750px;height:422px;border:15px solid #fff;border-radius:50px;box-sizing:content-box;margin:90px auto 0;}
#main .vid video{width:100%;height:100%;border-radius:35px;}

/* book */
#main .book{text-align:center;width:100%;height:1300px;background:url(../../img/main/book_bg.png) no-repeat center;background-size:cover;background-size:107%;}
#main .book .flow_wrap{width:100vw;overflow-x:hidden;margin:90px 0;} 
#main .book .flow_wrap ul{display:inline-flex;gap:20px;margin-right:20px;}
#main .book .flow_wrap ul:nth-child(2){margin:20px 0;}
#main .book .flow_wrap ul.left{animation: text-to-right 60s linear infinite;}
#main .book .flow_wrap ul.right{animation: text-to-left 60s linear infinite;}
#main .book li{width:356px;height:200px;}
#main .book li img{width:100%;height:100%;border-radius:20px;}
#main .book .flow_banner:nth-child(2){margin:20px 0;}

/* ft1*/
.feature{padding:0 0 150px;}
.feature h2{margin-top:-40px;}
.ft1{background:#FFF4F5;}
.ft1 .head{width:100%;height:340px;color:#fff;display:flex;justify-content: center;align-items: center;background:url(../../img/main/feature1_bg.png) no-repeat center;background-size:cover;text-align:center;}
.ft1 p{width:100%;}
.ft1 .ft_txt{font-size:30px;color:#666;margin-bottom:5px;}
.ft1 .ft_tit{font-size:40px;color:#444;font-family:var(--neo_700);}
.ft1{width:100%;max-width:100vw;}
.ft1 .slider-nav{display:flex;justify-content: center;padding:90px 0;}
.ft1 .slider-nav .slick-track{width:fit-content !important;}
.ft1 .slider-nav li{display:inline-block;width:auto !important;margin:0 10px;padding:0 20px;height:60px;line-height:60px;border-radius:50px;font-size:22px;background:#fff;color:#888;font-family: var(--neo_700);box-shadow: var(--box_inset);position:relative;}
.ft1 .slider-nav li.is-active{background:#FF5470;color:#fff;font-family: var(--neo_900);}
.ft1 .slider-nav li.is-active::before{content:'';width:15px;height:11px;position:absolute;background:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='6.61572' cy='4.53391' rx='7' ry='3' transform='rotate(-23.4066 6.61572 4.53391)' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A") no-repeat;left:14px;top:6px;}
.ft1 .slider-nav .slick-slide {cursor: pointer;}
.ft1 .slider-for > li:nth-child(1n+2) {display: none;}
.ft1 .slider-for.slick-initialized > li:nth-child(1n+2) {display: block;}
.ft1 .slider-for li {margin: 0.5rem;padding:0 1%;position: relative;text-align: center;display:flex;flex-wrap:wrap;justify-content: center;}
.ft1 .slider-for li img{border-radius:50px;border:15px solid #fff;margin-bottom:50px;width:100%;max-width:660px;}
.ft1 .slick-prev{left:50%;margin-left:-500px;z-index:999;top:50%;margin-top:-95px;width:50px;height:50px;border-radius:100px;background:url("data:image/svg+xml,%3Csvg fill='' viewBox='0 0 24 24' id='up-left-circle' data-name='Flat Color' xmlns='http://www.w3.org/2000/svg' class='icon flat-color' stroke=''%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle id='primary' cx='12' cy='12' r='10' style='fill: %23FF5470;'%3E%3C/circle%3E%3Cpath id='secondary' d='M10.59,15.83a1,1,0,0,1-1-1V10.59a1,1,0,0,1,1-1h4.24a1,1,0,1,1,0,2H11.59v3.24A1,1,0,0,1,10.59,15.83Z' style='fill: %23ffffff;'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");transform: rotate(-45deg);}

.ft1 .slick-next{right:50%;margin-right:-500px;z-index:999;top:50%;margin-top:-120px;width:50px;height:50px;border-radius:100px;transform: scaleX(-1);background:url("data:image/svg+xml,%3Csvg fill='' viewBox='0 0 24 24' id='up-left-circle' data-name='Flat Color' xmlns='http://www.w3.org/2000/svg' class='icon flat-color' stroke=''%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle id='primary' cx='12' cy='12' r='10' style='fill: %23FF5470;'%3E%3C/circle%3E%3Cpath id='secondary' d='M10.59,15.83a1,1,0,0,1-1-1V10.59a1,1,0,0,1,1-1h4.24a1,1,0,1,1,0,2H11.59v3.24A1,1,0,0,1,10.59,15.83Z' style='fill: %23ffffff;'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");transform: rotate(135deg);}

/* ft2 */
.ft2{background:#F0FFFB;text-align:center;}
.ft2 .head{width:100%;height:340px;color:#fff;display:flex;justify-content: center;align-items: center;background:url(../../img/main/feature2_bg.png) no-repeat center;background-size:cover;text-align:center;}
.ft2 h5{font-size:36px;color:#444;font-family: var(--neo_700);padding:90px 0;font-weight:normal;}
.ft2 .ft2_wrap{display:flex;width:100%;max-width:1200px;justify-content: space-between;margin:0 auto;}
.ft2 .ft2-nav .slick-list, .ft2 .ft2-nav .slick-track{height:auto !important;} 
.ft2 .ft2-nav .slick-track{width:318px;margin-right:130px;}
.ft2 .ft2-nav li{width:100% !important;display:block;height:100px;border-radius:30px;box-shadow: var(--box_inset);background:#fff;display:inline-flex;align-items: center;font-size:30px;color:#555;cursor: pointer;font-family: var(--neo_700);position:relative;margin-bottom:20px;border:1px solid #ddd;box-sizing:border-box;} 
.ft2 .ft2-nav li.slick-current{background:#15C794;color:#fff;border:none;}
.ft2 .ft2-nav li.slick-current::before{content:'';width:15px;height:11px;position:absolute;background:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='6.61572' cy='4.53391' rx='7' ry='3' transform='rotate(-23.4066 6.61572 4.53391)' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A") no-repeat;left:14px;top:6px;}
.ft2 .ft2-nav li.slick-current:after{content:'';width: 0;height: 0;border-style: solid;border-width: 10px 0px 10px 17.32px;border-color: transparent transparent transparent #15C794;position:absolute;top:50%;margin-top:-11px;right:-16px;border-radius:2px;}
.ft2 .ft2-nav li span{display:inline-block;width:100px;height:36px;line-height:36px;text-align:center;border-radius:50px;background:#15C794;color:#fff;font-size:17px;margin:0 10px 0 30px;}
.ft2 .ft2-nav li.slick-current span{background:#fff;color:#15C794;font-family:var(--neo_900);}

.ft2 .ft2_wrap .ft2-slider{width:750px;}
.ft2 .ft2_wrap .ft2-slider li{border-radius:50px;padding:5px;}
.ft2 .ft2_wrap .ft2-slider img{width:100%;border-radius:50px;box-shadow: var(--box_shadow);}

/* ft3 */
.ft3{background:#E3F5FF;}
.ft3 .head{width:100%;height:340px;color:#fff;display:flex;justify-content: center;align-items: center;background:url(../../img/main/feature3_bg.png) no-repeat center;background-size:cover;text-align:center;}
.ft3_wrap{max-width:calc(100% - 360px);margin:90px auto 0;margin-right:0;}
.ft3-slider li.slick-slide{border-radius:50px;height:auto;margin:0 50px;padding:5px;}
.ft3-slider .slick-dots {width:100%;position:absolute;left:50%;margin-left:-240px;bottom:-45px;}
.ft3-slider .slick-dots li {float:left;display:block;width:12px;height:12px;border-radius:50%;margin-right:5px;background:#BEBCC0;cursor:pointer;}
.ft3-slider .slick-dots li button {text-indent:-9999px;}
.ft3-slider .slick-dots li.slick-active {background:#07A7FF;width:40px;border-radius:100px;}
.ft3-slider.slick-dotted.slick-slider{margin-bottom:0;}

.ft3-slider li .box{width:1040px;height:520px;display:flex;padding:0 75px;box-sizing:border-box;align-items: center;color:#333;justify-content: space-between;box-shadow:var(--box_shadow);background:#fff;border-radius:50px;}
.ft3-slider li .s_tit{font-size:24px;margin-bottom:10px;}
.ft3-slider li .m_tit{font-size:45px;font-family: var(--neo_700);}
.ft3-slider li .s_txt{color:#555;font-size:20px;margin:30px 0;}
.ft3-slider li .tag{display:inline-block;border:1px solid #1997FF;border-radius:50px;padding:0 15px;height:38px;line-height:38px;margin:0 10px 10px 0;color:#1997FF;}
.ft3-slider li .rt img{border-radius:40px;width:520px;height:360px;}
.ft3-slider li .rt{border-radius:40px;}
.ft3-slider li .rt video{width:100%;height:100%;border-radius:40px;}
.ft3-slider li .lf{width:calc(100% - 520px);}


/* review */
#main .review{background:#f9f9f9;text-align:center;}
#main .review .sub_tit{font-size:40px;}
.rv_flow{/* width:100vw; */overflow-x:hidden;margin-top:90px;display:flex;}
.rv_box{display:inline-flex;gap:50px;padding:5px;margin-right:40px;}
.rv_box.right{animation: text-to-left 30s linear infinite;}
.rv_box li{background:#fff;height:fit-content;border-radius:50px;box-shadow: var(--box_shadow);padding:30px;width:470px;box-sizing:border-box;font-family: var(--sub-font);text-align:left;}
.rv_box li:nth-child(2n){margin-top:60px;}
.rv_box li .name{display:flex;gap:10px;align-items: center;margin-bottom:10px;}
.rv_box li .name img{width:100%;max-width:50px;}
.rv_box li .name span{color:#333;font-size:18px;font-weight:bold;}
.rv_box li .name + img{margin-bottom:10px;}
.rv_box li img{width:100%;}
.rv_box li .like{font-family: var(--neo_300);color:#0C558A;font-size:22px;margin:10px 0;}
.rv_box li .like strong{font-family: var(--neo_700);}
.rv_box li .rv_txt{width:100%;/* word-break: keep-all; */font-size:18px;margin-bottom:30px;letter-spacing:-0.2px}
.rv_box li .rv_tag{color:#0C558A;font-size:18px;}

/* recommend */
.recd{text-align:center;width:100%;height:auto;min-height:1080px;background:url(../../img/main/recd_bg.png) no-repeat center;background-size:cover;padding-bottom:110px;}
.recd ul{display:flex;width:1200px;margin:0 auto;flex-wrap:wrap;justify-content: space-between;margin-top:80px;}
.recd li{width:560px;background:#fff;border-radius:50px;box-shadow: var(--box_shadow);display:flex;padding:35px 45px;align-items: center;font-family: var(--neo_300);color:#444;text-align:left;justify-content: space-between;margin-bottom:40px;}
.recd li span{font-size:20px;color:#f96f1b;font-family:var(--neo_500);}
.recd li p{font-size:30px;margin-top:5px;}
.recd li p strong{font-family: var(--neo_700);font-weight:normal;}

/* count */
.record{width:100%;height:784px;background:url(../../img/main/count_bg.png) no-repeat bottom #7836BF;background-size:cover;padding:0 0;}
.record .count_wrap{width:100%;max-width:1200px;position:relative;margin:0 auto;height:100%;}
.count_wrap ul{display:flex;flex-wrap:wrap;width:650px;height:auto;justify-content: space-between;position:absolute;left:0;top:150px;}
.count_wrap li{margin-bottom:60px;text-align:left;width:275px;}
.count_wrap li p{color:#F49FEF;font-family: var(--neo_700);font-size:24px;}
.count_wrap li div{color:#fff;font-size:var(--tit_font);font-family: var(--neo_900);margin-top:10px;}
.count_wrap .count_txt{position:absolute;font-family:var(--sub-font);font-size:22px;color:#ddd;right:0;bottom:40px;}

/* exp */ 
.exp{width:100%;height:auto;min-height:594px;text-align:center;background:url(../../img/main/exp_bg.png) no-repeat center bottom #fff;background-size:contain;padding-bottom:25px;}
.exp p{font-size:30px;}
.exp a{display:inline-block;width:400px;height:110px;text-align:center;position:relative;margin:60px 0 100px;background:var(--purple_point);box-shadow: var(--box_inset);font-size:38px;color:#fff;font-family: var(--neo_700);border-radius:100px;}
.exp a:before{content:'';width:16px;height:14px;position:absolute;background:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='6.61572' cy='4.53391' rx='7' ry='3' transform='rotate(-23.4066 6.61572 4.53391)' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A") no-repeat;left:30px;top:10px;}
.exp a span{display:flex;align-items: center;justify-content: center;height:100%;}
.exp a span:after{content:'';display:inline-block;width:42px;height:42px;background:url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.75 26.25L28 21M28 21L22.75 15.75M28 21H14M36.75 21C36.75 29.6986 29.6986 36.75 21 36.75C12.3015 36.75 5.25 29.6986 5.25 21C5.25 12.3015 12.3015 5.25 21 5.25C29.6986 5.25 36.75 12.3015 36.75 21Z' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");margin-left:10px;}
.exp img{width:auto;margin:0 auto;display:block;}

/* cust */
.cust{padding:100px 0;}
.cust_box{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content: space-between;}
.cust .lf_notice{position:relative;width:570px;}
.cust .lf_notice strong{font-size:35px;font-family: var(--neo_700);font-weight:normal;}
.cust .lf_notice strong + p{font-size:20px;margin-top:5px;}
.cust .lf_notice ul{border-top:1px solid #ddd;margin-top:15px;padding-top:10px;width:inherit;}
.cust .lf_notice li{font-family: var(--noto-font);font-size:17px;display:flex;justify-content: space-between;align-items: center;height:40px;line-height:40px;}
.cust .lf_notice li a{display:block;width:100%;color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cust .lf_notice li span{width:20%;color:#666;text-align:right;}
.cust .lf_notice .more{position:absolute;top:0;right:0;font-size:55px;font-family: var(--neo_500);color:#777;line-height:90%;}
.cust .rt_cust_wrap{text-align:right;font-size:0;}
.cust .rt_cust_wrap a{display:inline-block;}
.cust .rt_cust_wrap a:first-child{margin-bottom:40px;}
.cust .rt_cust_wrap a:nth-child(2){margin-right:40px;}

/* popup */
.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: none;z-index: 1000;}
.popup-container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;height: 500px;background: white;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);border-radius: 10px;overflow: hidden;}
.popup-slider {width: 100%;height: 100%;}
.popup-slide {display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: bold;}
.popup-slider .slick-arrow{width:40px;height:40px;top:50%;margin-top:-20px;}
.popup-slider .slick-next{right:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M5 12H19M19 12L13 6M19 12L13 18' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat #fff;background-size:contain;}
.popup-slider .slick-prev{left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M5 12H19M19 12L13 6M19 12L13 18' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat #fff;background-size:contain;transform: scaleX(-1);margin-top:-40px;z-index:1000;}
.popup-buttons {position: absolute;bottom: 0;width: 100%;display: flex;}
.popup-buttons button {width: 225px;height: 50px;border: none;font-size: 16px;cursor: pointer;}
.popup-close {background: #fff;}
.popup-today-close {background: #3d3d3d;color: white;}

/* mth */
.mth{text-align:center;width:100%;height:1200px;background:url(../../img/main/mth_bg.png) no-repeat; background-size:contain;}
.mth_con{display:flex;justify-content: center;align-items: center;margin:50px 0;width:100%;max-width:1200px;flex-wrap:wrap;margin:0 auto;gap:40px;margin-top:80px;}
.mth_con div{width:570px;padding:40px;box-sizing:border-box;border-radius:30px;background:#fffbf09e;border:1px solid #f3efce;}
.mth_con p{font-family:var(--neo_700);font-size:30px;margin-top:30px;}
.mth_con span{font-family:var(--noto-font);font-size:22px;display:block;margin-bottom:20px;}
.mth .tip{font-family:var(--noto-font);text-align:right;width:100%;font-size:18px;margin-top:-30px;padding-right:20px;color:#666;}
.mth_vid img{cursor: pointer;}
.mth_con .mth_btn{display:inline-block;background:#51a849;color:#fff;font-family:var(--neo_700);font-size:22px;width:190px;height:50px;line-height:50px;text-align:center;border-radius:50px;}
.mth-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: none;justify-content: center;align-items: center;z-index: 999;}
.mth-content {position: relative;background: white;padding: 0;width: 80%;max-width: 800px;border-radius: 10px;}
.mth-content iframe {width: 100%;height: 450px;display: block;}
.close-btn {position: absolute;top:0;right:-60px;background:url(../../img/main/mth_close.png) no-repeat;width:50px;height:50px;background-size:contain;border: none;font-size: 16px;padding: 5px 10px;cursor: pointer;border-radius: 5px;font-size:0;}

/* Main 학습권 만료 팝업 */
#ticket_pop_wrap{width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:fixed; top:0; left:0; z-index:99999; display:none;}
#ticket_pop_wrap.on{display:block;}
.ticket_pop{width:700px;background:#FFF;position:absolute;margin-top:-200px;margin-left:-350px;top:50%;left:50%; padding:30px; border:30px solid #ededed;}
.ticket_pop h2{font-weight:bold;font-size:1.7em;}
.ticket_pop h2:before{content:''; display:block; background:#611ba2; width:19px; height:4px; margin-bottom:15px;}
.ticket_pop p{margin:20px 0; font-size:14px; line-height:1.5em;}
.ticket_pop p span{color:#611ba2; font-weight:bold;}
.ticket_pop button.ues_ticket_btn{display:block; margin:0 auto; background:#611ba2; color:#FFF; padding:5px 10px;}

.ticket_list{position:relative;background:#FFF;}
.ticket_list .list_table{max-height:230px; overflow:auto;}

.ticket_pop .btn_wrap a{width:40%; text-align:center; padding:10px; margin:35px auto 10px; display:block; border:1px solid #ededed; color:#FFF; font-size:15px; background:#8a8a8a;}
.ticket_pop .btn_wrap a:hover{background:#611ba2;}

.close_btn{position:absolute; right:20px; top:20px;}