@charset "UTF-8";
html {
    overflow-x: hidden;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, option, img, div {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

img {
    vertical-align: top;
    max-width: 100%;
}

input, select {
    vertical-align: middle;
}

select,
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=submit],
input[type=rest],
input[type=button],
textarea {
    border-radius: 0;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

em, address {
    font-style: normal;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    table-layout: fixed;
}

legend, caption {
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
}

h1, h2, h3, h4, h5, h6, strong, em {
    font-weight: bold;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: "";
    content: none;
}

q:before, q:after {
    content: "";
    content: none;
}

button {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-family: inherit;
    text-decoration: none;
    border: none;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.grid {
    *zoom: 1;
}
.grid::before, .grid::after {
    content: "";
    display: table;
}
.grid::after {
    clear: both;
}

.hidden,
.sr_only,
.sr-only {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 0px;
    height: 0px;
    margin: -1px;
    padding: 0;
    word-break: keep-all;
    white-space: nowrap;
    color: transparent;
    border: 0;
    text-indent: -9999px;
}

.grid {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.grid .col {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table {
    display: table;
}
.table .table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.only_pc {display: block;}
.only_mobile {display: none;}

.promotion_wrap {overflow-x: hidden;min-width:1340px;}
.promotion_wrap .inner{max-width:1350px;margin:0 auto;}
.promotion_wrap .btnWrap{position:absolute;top:80px;right:130px;z-index:10;}
.promotion_wrap .btnWrap .btn_smartools{display:block;width:141px;height:139px;background:url(/resources/images/promotion/smartTeachingTools_2/btn_smart.png) no-repeat center center;}
.promotion_wrap .btnWrap .btn_guide{margin-top:15px;display:block;width:141px;height:109px;background:url(/resources/images/promotion/smartTeachingTools_2/btn_guide.png) no-repeat center center;}

.promotion_wrap .btn_scrolltop {display: none;position:fixed;width:92px;height:92px;right: 30px;bottom: 30px;z-index: 20;background:#3D89F9 url(/resources/images/promotion/smartTeachingTools_2/ico_top.png) no-repeat center center;border-radius:50%;}

.promotion_wrap .main_visual {position: relative;width: 100%;height: 841px;background:url("/resources/images/promotion/smartTeachingTools_2/visual_bg.png") center top repeat-x;}
.promotion_wrap .main_visual .logo {position: absolute;top: 45px;left: 50%;transform:translateX(-50%);max-width:1500px;width:100%;padding:0 78px;z-index: 1;text-align:right;}
.promotion_wrap .main_visual .logo img{width:112px;}
.promotion_wrap .main_visual .inner{max-width:1500px;width:100%;padding:60px 0 0;}
.promotion_wrap .main_visual .inner .evt_tit01{margin:0 auto;text-align:center;}
.promotion_wrap .main_visual .inner .evt_tit01 img{width:auto;}
.tab_menu {height: 120px;box-sizing: content-box;background-color: #FFE366;}
.tab_menu ul {display: flex;max-width: 1350px;margin: 0 auto;height:100%;}
.tab_menu ul li {position:relative;flex: 1;height:100%;
}
.tab_menu ul li:before{content:'';position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:1px;height:72px;background:#e4ac33;z-index:0;}
.tab_menu ul li.on:before{right:1px}
.tab_menu ul li a {position:relative;display: block;padding:25px 40px;width: 100%;height: 100%;z-index:1;text-align:center;transition:all 0.3s ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;}
.tab_menu ul li a span{font-family:'SUIT';font-size:27px;font-weight:700;color:#E4AC33;line-height:1.25;word-break:keep-all;}
.tab_menu li.on a {padding:25px 38px;background-color: #FF8400;}
.tab_menu li.on a span{font:inherit;font-size:27px;font-weight:900;color:#fff;line-height:1.25;}
.tab_menu li.new a:after{content:'';position:absolute;right:13px;top:10px;width:27px;height:27px;background:url(/resources/images/promotion/smartTeachingTools_2/ico_new.png) no-repeat center center /contain;}
.tab_menu li.on.new a:after{content:'';background:url(/resources/images/promotion/smartTeachingTools_2/ico_new_hover.png) no-repeat center center /contain;}

.tab_menu.fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 100;}
.promotion_wrap .cont_wrap{background:#e2f1ff url(/resources/images/promotion/smartTeachingTools_2/tab_bg.png) no-repeat center top;}
.promotion_wrap .cont_wrap .inner { max-width: 1200px;padding:100px 0 50px;}
.cont_wrap .inner .sub_tit{font-family:'SUIT';font-size:50px;font-weight:800;text-align:center;line-height:1.3;letter-spacing:-0.03em;color:#0019BC;}
.cont_wrap .inner .sub_tit span{padding-top:100px;display:block;font-family:inherit;font-weight:600;font-size:35px;line-height:1.3;letter-spacing: -0.03em;color:#222;background-position:center top;background-repeat:no-repeat;}
.cont_wrap .inner .imgConts{margin:70px auto 0;}
.slidebtnM{margin:45px auto 18px;text-align:right;}
.slidebtnM .btn_URLlink{display:inline-block;width:207px;height:33px;background:url(/resources/images/promotion/smartTeachingTools_2/btn_urlLink.png) no-repeat center center /contain;}

.section_cont1 .inner .sub_tit span{background-image:url(/resources/images/promotion/smartTeachingTools_2/ico_menu01.png);}
.section_cont2 .inner .sub_tit span{padding-top:127px;background-image:url(/resources/images/promotion/smartTeachingTools_2/ico_menu02.png);}
.section_cont3 .inner .sub_tit span{padding-top:156px;background-image:url(/resources/images/promotion/smartTeachingTools_2/ico_menu03.png);}
.section_cont4 .inner .sub_tit span{padding-top:140px;background-image:url(/resources/images/promotion/smartTeachingTools_2/ico_menu04.png);}
.section_cont5{padding-bottom:150px;}
.section_cont5 .inner{max-width:1210px;}
.section_cont5 .inner .sub_tit span{padding-top:137px;background-image:url(/resources/images/promotion/smartTeachingTools_2/ico_menu05.png);}

.promotion_wrap .cont_wrap .swiper_wrap {position: relative;}
.promotion_wrap .cont_wrap .swiper_wrap .swiper-btn {position: absolute;top: 350px;width: 73px;height: 73px;z-index: 10;cursor: pointer;}
.promotion_wrap .cont_wrap .swiper_wrap .swiper-btn.swiper-prev {left: -96px;}
.promotion_wrap .cont_wrap .swiper_wrap .swiper-btn.swiper-next {right: -96px;}
.promotion_wrap .cont_wrap .swiper_wrap .swiper-pagination {left: 50%;bottom: -40px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 10;}
.promotion_wrap .cont_wrap .swiper_wrap .swiper-pagination .swiper-pagination-bullet {margin: 0 3px;width: 16px;height: 16px;opacity: 1;border-radius:8px;background-color: #c9c9c9;box-shadow: 0 2px 2px 0 #00000040 inset;}
.promotion_wrap .cont_wrap .swiper_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 32px;height:16px;background-color: #4C4C4C;}

.smartToolsWrap{}
.smartToolsWrap .inner{padding:110px 0 125px;}
.smartToolsWrap .inner .sub_tit{font-family:'SUIT';font-weight:800;font-size:50px;color:#222;line-height:1.3;text-align:center;}
.smartToolsWrap .inner .sub_tit span{display:block;font-family:'SUIT';font-size:35px;font-weight:600;}
.smartToolsWrap .inner ul{margin:60px auto 0;display:flex;flex-wrap:wrap;gap:18px;}
.smartToolsWrap .inner ul li{width:calc(33.33% - 12px);}
.smartToolsWrap .inner ul li a{padding:18px 15px;display:block;height:207px;border:1px solid #DCDCDC;border-radius:20px;background:url(/resources/images/promotion/smartTeachingTools_2/ico_link.png) no-repeat right 6px top 6px;}
.smartToolsWrap .inner ul li a span{font-family:'SUIT';font-weight:800;font-size:25px;color:#3e3e3e;line-height:56px;}
.smartToolsWrap .inner ul li a span img{width:56px;}
.smartToolsWrap .inner ul li a span .ico_new{margin:14px 0 0 5px;display:inline-block;vertical-align:top;width:27px;height:27px;background:url(/resources/images/promotion/smartTeachingTools_2/ico_new.png) no-repeat center center /contain;}
.smartToolsWrap .inner ul li a p{padding:12px 14px;font-family:'SUIT';font-size:20px;font-weight:400;line-height:1.5;color:#3e3e3e;}

.bannerNext{height:485px;background:#FFE75D url(/resources/images/promotion/smartTeachingTools_2/banner_bg_coming.png) no-repeat center top;}
.bannerNext .inner{padding:130px 0 125px;text-align:center;}
.promotion_wrap .publicEvtFooter_wrap.type02 {
    width: 100%;
    padding: 46px 0 80px;
    background: #fff;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter {
    display: flex;
    width: 100%;
    max-width: 1100px;
    padding-left: 150px;
    margin: 0 auto;
}
.promotion_wrap .publicEvtFooter_wrap .publicEvtFooter h2 {
    margin-right: 45px;
}
.promotion_wrap .publicEvtFooter_wrap .publicEvtFooter h2 img {
    max-width: 100%;
    width: auto;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info {
    text-align: left;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info ul {
    display: flex;
    margin-bottom: 12px;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:first-child {
    padding-left: 0;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #8b8989;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:last-child:after {
    display: none;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li a {
    font-size: 14px;
    color: #636774;
    font-weight: 500;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info-flex-box {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 6px;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info-flex-box span {
    position: relative;
    padding: 0 6px 0 0;
    color: #636774;
    font-size: 12px;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info-flex-box span:first-child:after {
    display: none;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info-flex-box span:last-child:after {
    display: none;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info-flex-box span:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 9px;
    background-color: #aeaaaa;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info-flex-box span a {
    color: #aeaaaa;
    font-size: 12px;
}
.promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter .info p {
    margin-top: 5px;
    font-size: 12px;
    color: #aeaaaa;
}
.promotion_wrap .popInfoWrap .agreeWrap .infoTxt a {
    color: #01aeff;
}
@media screen and (max-width: 1600px) {
    .promotion_wrap .btnWrap{right:10px;}
}
@media screen and (max-width: 1340px) {

    .promotion_wrap{min-width:100%;}
    .promotion_wrap .main_visual .inner{display:flex;height:100%;align-items: center;}
    .tab_menu ul li a{padding:32px 18px;}
    .tab_menu ul li a span{font-size:22px}
    .tab_menu li.on a{padding:32px 18px;}
    .tab_menu li.on a span{font-size:22px;}
    .cont_wrap .inner .sub_tit{font-size:38px;}
    .cont_wrap .inner .sub_tit span{font-size:28px;}
    .promotion_wrap .cont_wrap .inner{padding:100px 20px 50px}
    .smartToolsWrap .inner .sub_tit{font-size:38px;}
    .smartToolsWrap .inner .sub_tit span{font-size:28px;}
    .smartToolsWrap .inner ul{padding:0 20px;}
    .smartToolsWrap .inner ul li a p{font-size:18px;letter-spacing:-0.08em}


}

@media screen and (max-width: 1024px) {

    .promotion_wrap .publicEvtFooter_wrap.type02 {
        padding: 40px 0;
    }
    .promotion_wrap .publicEvtFooter_wrap.type02 .publicEvtFooter {
        padding: 0 20px;
        flex-direction: column;
        gap: 15px;
    }
    .only_pc{display:none;}
    .only_mobile{display:block;}
    .btnWrap{display:none;}
    .promotion_wrap .main_visual{height:min(1386px,135vw);background:url(/resources/images/promotion/smartTeachingTools_2/mobile/visual_bg.png) no-repeat center center /100% auto;}
    .promotion_wrap .main_visual .logo{left:auto;right:min(50px,4.88vw );top:min(30px,2.9vw);transform:none;padding:0;max-width:none;width:min(157px, 15.33vw);height:min(25px,2.44vw)}
    .promotion_wrap .main_visual .inner{padding:min(30px,8vw) 0 min(38px, 10.13vw)}
    .tab_menu{display:none;}
    .promotion_wrap .cont_wrap{background-image:none;}
    .promotion_wrap .cont_wrap .inner{padding:min(50px,4.88vw ) min(34px, 3.32vw) min(25px,6.66vw)}
    .promotion_wrap .btn_scrolltop{right:4.53vw;bottom:4.53vw;width:min(92px,8.98vw);height:min(92px,8.98vw);background-size:min(50px,4.89vw) auto;}

    .cont_wrap .inner .sub_tit{font-size:min(26px,3.33vw );font-weight:600;color:#222;}
    .cont_wrap .inner .sub_tit span{margin-bottom:min(20px, 2.53vw);font-size:min(40px,3.90vw);font-weight:800; color:#0019BC;}
    .cont_wrap .inner .imgConts{margin:min(58px, 5.66vw) auto 0;}
    .section_cont1 .inner .sub_tit span{padding-top:min(96px, 9.375vw);background-size:min(102px, 9.96vw) auto;}
    .section_cont1 .inner .imgConts{margin:min(40px, 3.9vw) auto 0;}
    .section_cont2 .inner .sub_tit span{padding-top:min(134px, 13.08vw);background-size:min(136px, 13.28vw) auto;}
    .section_cont2 .inner .sub_tit{position:relative;}
    .section_cont2 .inner .sub_tit:after{content:'';position:absolute;right:0;top:min(40px, 3.9vw);width:min(110px,10.74vw);height:min(110px,10.74vw);background:url(/resources/images/promotion/smartTeachingTools_2/mobile/ico_New_m.png) no-repeat center center / contain;}
    .section_cont2 .inner .imgConts img + img{margin:min(64px, 6.25vw) auto 0;}
    .section_cont3 .inner .sub_tit span{padding-top:min(156px, 15.23vw);font-size:min(45px,4.39vw);background-size:min(136px, 13.28vw) auto;}
    .section_cont4 .inner .sub_tit span{padding-top:min(140px, 13.67vw);font-size:min(45px,4.39vw);background-size:min(120px, 11.72vw) auto;}
    .section_cont5{padding-bottom:0;}
    .cont_wrap .section_cont5 .inner{padding:min(100px,9.76vw) min(39px, 3.8vw) min(165px,16.11vw);}
    .section_cont5 .inner .sub_tit span{padding-top:min(136px, 13.28vw);font-size:min(45px,4.39vw);background-size:min(144px, 14.06vw) auto;}
    .smartToolsWrap .inner .sub_tit{font-size:min(45px,4.39vw);}
    .smartToolsWrap .inner .sub_tit span{font-size:min(25px,2.44vw );}

    .smartToolsWrap .inner{padding:min(90px,8.78vw) min(34px, 3.32vw) min(79px,21.06vw)  ;}
    .smartToolsWrap .inner ul{margin:min(54px,5.27vw) auto 0;gap:16px;padding:0 min(20px,1.9vw);}
    .smartToolsWrap .inner ul li{width:calc(50% - 8px);}
    .smartToolsWrap .inner ul li a{padding:min(16px,1.56vw) min(19px, 1.85vw);height:min(191px, 26.26vw);background:none;border-radius:min(16px, 1.56vw);}
    .smartToolsWrap .inner ul li a span img{width:min(60px, 5.8vw)}
    .smartToolsWrap .inner ul li a span{font-size:min(25px, 2.44vw);line-height:min(60px, 5.8vw);}
    .smartToolsWrap .inner ul li a p{padding:0 min(10px, 0.97vw);font-size:min(19px,1.85vw);letter-spacing: -0.06em;}
    .smartToolsWrap .inner ul li a p em{font:inherit;color:inherit;line-height:1.3;font-size:min(8px,2.26vw)}
    .smartToolsWrap .inner ul li a span .ico_new{margin:min(16px,1.56vw) 0 0 3px;width:min(27px, 2.63vw);height:min(27px, 2.63vw);}
    .smartToolsWrap .inner ul li.next a{padding:0;background:#3D89F9 url(/resources/images/promotion/smartTeachingTools_2/mobile/ico_tools16.png) no-repeat center center / auto 100%;overflow:hidden;}
    .btnbottom{padding:min(78px, 7.61vw) min(32px,1.66vw) 0;}
    .btnbottom a{display:block;}
    .btnbottom a img{width:100%;}
    .btnbottom a + a{margin-top:min(17px, 2.6vw)}
    .bannerNext{height:auto;background:#FFE75D url(/resources/images/promotion/smartTeachingTools_2/mobile/banner_bg_coming.png) no-repeat center top / 100% auto;}
    .bannerNext img{width:100%;}
}

@media screen and (max-width: 720px) {
    .promotion_wrap .main_visual{height:min(517px,138vw);}
    .promotion_wrap .main_visual .logo{left:auto;right:min(15px,4vw );top:min(12px,3.2vw);transform:none;padding:0;max-width:none;width:min(56px, 14.93vw);height:min(8px,2.13vw)}
    .promotion_wrap .cont_wrap .inner{padding:min(50px,13.33vw) min(17px, 4.53vw) min(25px,6.66vw)}
    .promotion_wrap .btn_scrolltop{right:4.53vw;bottom:4.53vw;width:min(46px,12.26vw);height:min(46px,12.26vw);background-size:min(25px,6.66vw) auto;}

    .cont_wrap .inner .sub_tit{font-size:min(13px,3.33vw );font-weight:600;color:#222;}
    .cont_wrap .inner .sub_tit span{margin-bottom:min(20px, 5.33vw);font-size:min(20px,5.33vw);font-weight:800; color:#0019BC;}
    .cont_wrap .inner .imgConts{margin:min(29px, 7.73vw) auto 0;}
    .section_cont1 .inner .sub_tit span{padding-top:min(48px, 12.66vw);background-size:min(51px, 13.6vw) auto;}
    .section_cont1 .inner .imgConts{margin:min(20px, 5.33vw) auto 0;}
    .section_cont2 .inner .sub_tit span{padding-top:min(67px, 17.86vw);background-size:min(68px, 18.13vw) auto;}
    .section_cont2 .inner .sub_tit:after{top:min(20px, 5.2vw);width:min(55px,14.8vw);height:min(55px,14.8vw);}
    .section_cont2 .inner .imgConts img + img{margin:min(32px, 8.53vw) auto 0;}
    .section_cont3 .inner .sub_tit span{padding-top:min(78px, 20.8vw);font-size:min(23px,6vw);background-size:min(68px, 18.13vw) auto;}
    .section_cont4 .inner .sub_tit span{padding-top:min(70px, 18.66vw);font-size:min(23px,6vw);background-size:min(60px, 15.86vw) auto;}
    .section_cont5{padding-bottom:0;}
    .cont_wrap .section_cont5 .inner{padding:min(50px,13.33vw) min(14px, 3.73vw) min(82px,21.73vw);}
    .section_cont5 .inner .sub_tit span{padding-top:min(68px, 18.26vw);font-size:min(23px,6vw);background-size:min(72px, 20.13vw) auto;}
    .smartToolsWrap .inner{padding:min(45px,8.78vw) 0 min(40px,21.06vw)}
    .smartToolsWrap .inner .sub_tit{font-size:min(23px,6vw);}
    .smartToolsWrap .inner .sub_tit span{font-size:min(13px,3.33vw );}
    .smartToolsWrap .inner ul{margin:min(27px,7.2vw) auto 0;gap:8px;padding:0 min(10px,2.7vw);}
    .smartToolsWrap .inner ul li{width:calc(50% - 4px);}
    .smartToolsWrap .inner ul li a{padding:min(8px,2.13vw) min(8px, 2.26vw);height:min(95px, 25.6vw);background:none;border-radius:min(8px, 2.26vw);}
    .smartToolsWrap .inner ul li a span img{width:min(30px, 8vw)}
    .smartToolsWrap .inner ul li a span{font-size:min(14px, 3.73vw);line-height:min(30px, 8vw);}
    .smartToolsWrap .inner ul li a p{padding:0 min(5px, 2vw);font-size:min(10px,2.53vw);letter-spacing: -0.06em;}
    .smartToolsWrap .inner ul li a p em{font:inherit;color:inherit;line-height:1.3;font-size:min(8px,2.26vw)}
    .smartToolsWrap .inner ul li a span .ico_new{margin:min(8px,2.26vw) 0 0 3px;width:min(14px, 3.6vw);height:min(14px, 3.6vw);}
    .btnbottom{padding:min(39px, 10.4vw) min(16px,4.26vw) 0;}
    .btnbottom a + a{margin-top:min(8px, 2.6vw)}
}