@charset "utf-8";
/* cyrillic-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6zRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5TRASf6M7Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVadyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVYNyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVZdyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVaNyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVZ9yBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVa9yBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVatyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjXhFVZNyBx2pqPA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    src: url(./fonts/NanumBarunGothic.eot);
    src: local('font/NanumBarunGothic'), url(./fonts/NanumBarunGothic.eot) format('embedded-opentype'), url(./fonts/NanumBarunGothic.woff) format('woff'), url(./fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: bold;
    src: url(./fonts/NanumBarunGothicBold.eot);
    src: local('font/NanumBarunGothicBold'), url(./fonts/NanumBarunGothicBold.eot) format('embedded-opentype'), url(./fonts/NanumBarunGothicBold.woff) format('woff'), url(./fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/*common*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
html,body{width:100%;height:100%}
body{background-color:#fff;font-family:'NanumBarunGothic','나눔고딕','굴림',Gulim,Sans-serif;font-size:14px;color:#707070;line-height:1.5;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left}
img,fieldset,iframe{border:0 none}
ul,li{list-style:none}
a{color:#666666;text-decoration:none}
a:hover{text-decoration:underline}
em,address{font-style:normal}
button,label{cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
input[type=text],input[type=password],input[type=image],input[type=radio],textarea{-webkit-appearance:none;-webkit-text-size-adjust:none;-webkit-border-radius:0}
textarea{overflow:auto}
select{height:20px;border:1px solid #bfbfbf}
legend{*width:0}
.blind,legend{display:block;overflow:hidden;position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}
.english{font-family: 'Noto Sans', sans-serif;font-weight: 700}

/* layout */
#wrap{position:relative;width:100%;height:100%;margin:0 auto}
#header{position:fixed;left:0;top:0;right:0;z-index:50;width:100%}
#header.fixed{background-color:#fff;color:#1c1c1c;border-bottom:1px solid #fff}
#footer{padding:48px 0;background-color:#292e32;box-sizing:border-box}
.layout{position:relative;max-width:1000px;margin:0 auto;box-sizing:border-box}
.layout:after{display:block;clear:both;content:''}
h2{margin:0 0 8px;font-size:36px;color:#171717;text-align:center}
.txt_info{text-align:center;font-size:22px;color:#1c1c1c}
.pc{display:inline-block}
.sp{display:none}

/* header */
#skip{position:relative;width:100%;z-index:10}
#skip li{position:absolute;left:0;top:0;width:100%}
#skip a{display:block;overflow:hidden;width:1px;height:1px;font-size:16px;text-align:center;color:#000}
#skip a:focus,#skip a:active{padding:5px 0;width:100%;height:auto;background:#fff}
#header .layout{max-width:1000px;height:80px;line-height:80px}
#header .logo{float:left;padding-top:30px}
#header .logo a{display:block;width:134px;height:25px;background:url(./images/logo-white.44e8931c360bd3c0f625251433bb4abd.png) 0 0 no-repeat;background-size:100%;font-size:0}
#header.type2 .logo a{background:url(./images/logo-white.44e8931c360bd3c0f625251433bb4abd.png) 0 0 no-repeat;background-size:100%;}
#header.fixed .logo a{background:url(./images/logo-black.220f67480b02c628ea78b7b857c3eb7f.png) 0 0 no-repeat;background-size:100%;}
#header .nav{float:right;}
#header .nav:after{display:block;clear:both;content:''}
#header .nav li{float:left;margin:0 0 0 46px;font-size:18px;font-weight:bold}
#header .nav li:first-child{margin-left:0}
#header .nav li a{color:#fff}
#header.type2 .nav li a{color:#333}
#header.fixed .nav li a{color:#333}
#header .nav li a:hover,#header .nav li a.on{text-decoration:underline}

/* img_area */
.img_area{overflow:hidden;position:relative}
.img_area .img_box{display:block}
.img_area .img_box .img_inner{width:1000px;margin:0 auto;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:740px;background-size:cover;background-position:50% 0}
.img_area .img_box .img_inner.color1{color:#333}
.img_area .img_box .img_inner .logo{display:inline-block;margin-bottom:34px;font-size:0}
.img_area .img_box .img_inner .logo.school{width:140px;height:24px;background:url(./images/BI_school_white.5c784d4a49cc0cc28ced59db16aee8d0.png) 0 0 no-repeat;background-size:100%}
.img_area .img_box .img_inner .logo.teacher{width:96px;height:24px;background:url(./images/BI_teacher_white.1a549be3db0754a64cd5b06aa3955fda.png) 0 0 no-repeat;background-size:100%}
.img_area .img_box .img_inner .logo.class{width:129px;height:24px;background:url(./images/BI_class_white.6d250c68f5fd699745987c1d7239b974.png) 0 0 no-repeat;background-size:100%}
.img_area .img_box .img_inner .logo.wonderverse{width:196px;height:24px;background:url(./images/BI_wonderverse.13d59ee5928a966c995c7b9f8c46ef45.png) 0 0 no-repeat;background-size:100%}
.img_area .img_box .img_inner .txt{font-size:42px;line-height:1.36}
.img_area .img_box .img_inner .txt_small{font-size:24px;margin-top:20px}
.img_area .img_box .img_inner .btn{margin-top:43px;display:block;width:250px;height:66px;border:1px solid #fff;color:#fff;text-align:center;line-height:66px;font-size:19px;box-sizing:border-box}
.img_area .img_box .img_inner.color1 .btn{border-color:rgba(51,51,51,0.8);color:#333}
.img_area .img_box .img_inner .btn .ico_arrow{width:10px;height:17px;display:inline-block;margin-left:10px;background:url(./images/icon-arrow-white.e9f5dbc5e910c80346c1692cb2e84a6f.png) 0 0 no-repeat;vertical-align:middle;margin-top:-2px}
.img_area .img_box .img_inner.color1 .btn .ico_arrow{background:url(./images/icon-arrow.1dc0510df94b2355a66e5e7303784667.png) 0 0 no-repeat}
.img_area .img_box .img_inner .btn:hover{text-decoration:none}
.img_area .img_box.first .img_inner{text-align:center}
.img_area .img_box.first .img_inner{text-align:center}
.img_area .img_box.first .img_inner .txt{font-size:50px;line-height:1.3;}
.img_area .slide1{background-image: url(./images/bg-01.1801cf6832ef67d04158aaaf65b40f0c.png); background-size: cover;}
.img_area .slide3{background-image: url(./images/bg_school.cb57f666e8f78fbbd886126aba939222.png); background-size: cover;}
.img_area .slide4{background-image: url(./images/bg_teacher.268465ab36c6678b9250e25ea9d2b5b0.png); background-size: cover;}
.img_area .slide5{background-image: url(./images/bg_class.475729ca467348864408e73940e68998.png); background-size: cover;}
.img_area .slide2{background-image: url(./images/bg_wonderverse.94880bf263e7c5b878b90823434ccc8a.png); background-size: cover;}

/* service */
.service{padding:105px 0 135px}
.service .service_list{font-size:0}
.service .service_list li{width:50%;display:inline-block;margin-top:80px}
.service .service_list li .ico_area{display:inline-block;width:70px;height:70px;background-size:100%;background-repeat:no-repeat;border-radius: 16px;}
.service .service_list li .ico_school{background-image:url(./images/appicon_iamservice_school.def2996613b1c3282d817b12791850e2.png)}
.service .service_list li .ico_teacher{background-image:url(./images/appicon_iamservice_teacher.40fde8d36bd4a4fbd1d9e0b6463d44f6.png)}
.service .service_list li .ico_class{background-image:url(./images/appicon_iamservice_class.65df2e651c9202ddf98d2caedb72300d.png)}
.service .service_list li .ico_pink{background-image:url(./images/appicon_pingda.e626ea793db3aa875c9cc17f43337664.png)}
.service .service_list li .ico_wonderverse{background-image:url(./images/appicon_wonderverse.c0d116fef9dd737c703fb648ef61b8dd.png)}
.service .service_list li h3{font-size:26px;color:#1c1c1c;font-weight:bold;margin-top:23px}
.service .service_list li .txt{font-size:17px;margin-top:9px;line-height:1.47}
.service .service_list li .link_service{display:inline-block;position:relative;margin-top:16px;font-size:16px;color:#171717}
.service .service_list li .link_service:hover{text-decoration:none}
.service .service_list li .link_service:after{display:inline-block;position:absolute;top:50%;width:8px;height:11px;margin:-7.5px 0 0 4px;background:url(./images/ico_arr_link.ccc20489b1cd8300c0f6ac5aa6b2840e.png) 0 0 no-repeat;content:''}

/* partner */
.partner{background-color:#fafafa;padding:105px 0 200px;overflow-x:hidden}
.partner h2{margin-top:0}
.partner .btn_join{display:block;width:210px;height:70px;margin:28px auto 0;border:#171717 1px solid;line-height:70px;color:#171717;text-align:center;font-size:21px}
.partner .btn_join:hover{text-decoration:none}
.partner .btn_join .ico_arrow{width:11px;height:20px;display:inline-block;margin-left:10px;background:url(./images/icon-arrow-black.b52e23cc8e79fa6bde8be7226d18cbb4.png) 0 0 no-repeat;vertical-align:middle;margin-top:-2px}
.partner .partner_list{position:relative;margin-top:87px}
.partner .partner_list ul{position:absolute;width:100000px;left:0;font-size:0}
.partner .partner_list ul li{display:inline-block;margin:0 40px}
.partner .partner_list ul li:hover, .partner .partner_list ul li:focus {transition:transform .3s;-webkit-transform: translateY(-10px);transform: translateY(-10px)}
.partner .partner_list img{height:68px}

/* contact */
.contact{padding:105px 0 135px}
.contact h2{margin-bottom:78px}
.contact .map{overflow:hidden;position:relative;height:400px}
.contact .ent_info{font-size:17px;color:#707070;line-height:1.57}
.contact .ent_info li{margin-top:30px}
.contact .ent_info span{font-weight:bold;float:left}
.contact .ent_info p{padding-left:50px}

/* recruit */
.recruit{background:url(./images/bg.1928fc7e186eb0ee6bd2e5f2100de0c0.png) 50% 50% no-repeat;height:449px}
.recruit .recruit_area{text-align:center;padding-top:113px}
.recruit .recruit_area .txt{font-size:36px;color:#fff;line-height:1.44}
.recruit .recruit_area a.btn_recruit{display:inline-block;width:242px;height:76px;margin-top:35px;background:#ff1414;font-size:26px;color:#fff;font-weight:bold;line-height:76px;text-align: center}
.recruit .recruit_area a.btn_recruit:hover{text-decoration:none}

/* footer */
.lst_footer:after{display:block;clear:both;content:''}
.footer_info{padding-left:128px;color:#fff}
.footer_info .f_logo{position:absolute;top:0;left:0}
.footer_info .f_logo a{display:block;width:82px;height:44px;background:url(./images/footer-logo.68ef0aed5d54a534c992d2c7cfed4680.png) 0 0 no-repeat;background-size:100%;font-size:0}
.footer_info .lst_footer .footer_link{position:relative;float:left;margin-right:26px}
.footer_info .lst_footer .footer_link a{color:#fff;font-weight:bold;opacity:0.6}
.footer_info .lst_footer .footer_link:before{content:'';display:block;position:absolute;top:4px;left:-13px;width:1px;height:12px;background-color:#919191;opacity:0.5}
.footer_info .lst_footer .footer_link:first-child:before{display:none}
.footer_info dl{font-size:12px;margin-top:12px;opacity:0.4;line-height:1.83}
.footer_info dt{display:inline-block}
.footer_info dd{display:inline-block}
.footer_info dd + dt{margin-left:10px}
.footer_info dd a{margin-left:10px;color:#fff;text-decoration:underline}
.footer_info .copyright{margin-top:30px;font-size:12px;opacity:0.4}

@media all and (min-width:2000px){
    .slick-initialized .slick-slide {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .recruit {
        background-size: cover;
    }
}

@media all and (max-width:1000px){
    .layout{padding:0 20px}
    .img_area .img_box .img_inner{padding:0 20px}
    .footer_info .f_logo{left:20px}
    .footer_info.layout{padding:0 20px 0 128px}
}

@media all and (max-width:767px){
    .layout{padding:0 27px}
    .footer_info.layout{padding:0 22px}
    h2{font-size:22px;margin: 0 0 5px}
    .txt_info{font-size:14px}
    .pc{display:none}
    .sp{display:inline-block}

    /* header */
    #header .layout{height:55px;line-height:55px}
    #header .logo{padding-top:19px}
    #header .logo a{width:85px;height:15px}

    /* img_area */
    .img_area .img_box .img_inner{width:100%;height:285px;padding: 0 27px;box-sizing:border-box}
    .img_area .img_box{background-size:cover;background-position: 50% 50%}
    .img_area .img_box.first .img_inner .txt{font-size:24px}
    .img_area .img_box .img_inner .txt_small{font-size:13px;margin-top:10px}
    .img_area .img_box .img_inner .txt{font-size:24px}
    .img_area .img_box .img_inner .btn{margin-top:20px;width:126px;height:36px;font-size:12px;line-height:36px}
    .img_area .img_box .img_inner .btn .ico_arrow{width:7px;height:12px;margin-left:3px;background-size:100%;margin-top:-1px}
    /* .img_area .img_box:not(.first) {display:none;} */

    /* service */
    .service{padding:50px 0 60px}
    .service .service_list li{width:100%;margin-top:40px}
    .service .service_list li h3{margin-top:12px;font-size:18px}
    .service .service_list li .txt{font-size:13px;margin-top:5px}
    .service .service_list li .ico_area{width:35px;height:35px}
    .service .service_list li .link_service{margin-top:8px;font-size:13px}
    .service .service_list li .link_service:after{width:6px;height:10px;margin-top:-6px;background:url(./images/ico_arr_link_m.f2b14012cf0ddf269df5034010ef5193.png) 0 0 no-repeat;background-size:6px auto}

    /* partner */
    .partner{padding:50px 0 135px}
    .partner .btn_join{width:120px;height:40px;font-size:13px;line-height:40px;margin:18px auto 0}
    .partner .btn_join .ico_arrow{width:6px;height:10px;margin-left:5px;margin-top:-1px;background-size:100%}
    .partner .partner_list{margin-top:45px}
    .partner .partner_list ul li{margin:0 20px}
    .partner .partner_list ul li:hover, .partner .partner_list ul li:focus{-webkit-transform: translateY(0px);transform: translateY(0px)}


    /* contact */
    .contact{padding:50px 0 55px}
    .contact h2{margin-bottom:40px}
    .contact .map{height:200px}
    .contact .ent_info{font-size:13px}
    .contact .ent_info li{margin-top:20px}
    .contact .ent_info span{float:none}
    .contact .ent_info p{padding-left:0}

    /* recruit */
    .recruit{height:225px;background-size:cover;background-position:50% 50%}
    .recruit .recruit_area{padding-top:53px}
    .recruit .recruit_area .txt{font-size:21px}
    .recruit .recruit_area a.btn_recruit{display:block;width:121px;height:40px;font-size:13px;line-height:40px;margin:15px auto 0 auto}

    /* footer */
    #footer{padding:33px 0 54px}
    .footer_info .f_logo{position:relative;left:auto;top:auto}
    .footer_info .f_logo a{width:60px;height:32px}
    .footer_info .lst_footer{margin-top:16px;font-size:13px}
    .footer_info .lst_footer .footer_link{margin-right:18px}
    .footer_info .lst_footer .footer_link:before{height:11px;left:-9px}
    .footer_info .copyright{margin-top:12px;font-size:13px}
}

/*
 *  Copyright 2014 NHN Entertainment Corp. All rights Reserved.
 *  NHN Entertainment PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
 *
 *   @author changyoun.seo@nhnedu.com
 *   @since 12/14/18 11:10 AM
 *   @desc
 */

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */

.slick-dots {
    position: absolute;
    bottom: 24px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    opacity: 0.3;
    background-color: #ffffff;
    border-radius: 4px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    opacity: 1;
}

.slick-dots li.slick-active button {
    outline: none;
    opacity: 1;
}
.notice {
    position: absolute;
    width: 500px;
    background: white;
    top: 100px;
    right: 100px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 18px 0 rgb(0 0 0 / 10%);
}

.notice .inner {
    margin: 25px;
}

.notice .title {
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.notice .cont {
    margin-top: 10px;
    max-height: 400px;
    overflow: auto;
}

.notice .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.notice .close button {
    background: transparent;
    border: 0;
    font-size: 0;
    width: 30px;
    height: 30px;
}

.notice .close button:before, .notice .close button:after {
    position: absolute;
    left: calc(100% / 2);
    top: 0;
    content: '';
    height: 100%;
    width: 2px;
    background: black;
}

.notice .close button:before {
transform: rotate(45deg);
}

.notice .close button:after {
transform: rotate(-45deg);
}