@charset "utf-8";

@import url('font.css');
@import url('common.css');
@import url('slick.css');
@import url('selectric.css');
@import url('style02.css');

#container.sub {position:relative; padding-bottom:100px; border-bottom:1px solid #e3e3e3;}
#container.sub.subA {margin-top:210px;}
#container.sub.subB {margin-top:240px;}
#container.sub.subB.press {margin-top:210px;}
#container.sub.subC {margin-top:140px;}
#container.sub.about_us, #container.sub.about_us #contents {padding-bottom:0;}

.subtop_menu {position:fixed; z-index:10; left:0; width:100%; top:140px; text-align:center; background:#001a72;}
.subtop_menu > ul > li {display:inline-block;}
.subtop_menu > ul > li > a {display:block; position:relative; z-index:1; line-height:1; padding:25px 20px; color:#fff; font-size:20px; font-weight:500;}
.subtop_menu > ul > li.on > a {position:relative;}
.subtop_menu > ul > li.on > a:before {content:''; position:absolute; z-index:-1; left:50%; top:50%; margin:-22px 0 0 -22px; width:44px; height:44px; background:#3554bd; border-radius:50%;}
.subtop_menu .subtop_sub {display:none; position:absolute; z-index:1; left:0; width:100%; background:#e2f2ff;}
.subtop_menu .subtop_sub li {display:inline-block;}
.subtop_menu .subtop_sub li a {color:#a8c4da; padding:0 40px; line-height:30px; font-size:16px; font-weight:500;}
.subtop_menu .subtop_sub li.on a {color:#001a72;}
.subtop_menu > ul > li.on .subtop_sub {display:block; width: 100vw; margin-left: calc(-50vw + 50%);}

#contents {padding:70px 0;}
#contents.wrapper {padding:70px 60px;}
#contents.wrapper.no_pd {padding-left:10px; padding-right:10px; padding-bottom: 0;}/* 2023-04-27 */
#contents.toppd {margin-top:30px;}
#contents h3 {position:relative; padding-bottom:50px; margin-bottom:45px; text-align:center; font-size:40px; font-family:'gotham-round'; line-height:1; font-weight:600; color:#000;}
#contents h3:after {content:''; position:absolute; z-index:1; left:50%; bottom:0; width:80px; height:13px; margin-left:-40px; border-radius:100px; background:#c5e4ff;}
#contents h4 {margin-top:65px; margin-bottom:30px; line-height:1; font-size:30px; color:#001a72; font-weight:500;}
#contents h4:first-of-type {margin-top:0;}
#contents h4.bigmt {margin-top:130px;}

#contents.nobtm {margin-bottom:-100px;}
/* 2023-05-23 삭제
#contents.dark {margin-bottom:-100px; color:#fff; background:#4d4d4d;}
#contents.dark h3 {color:#fff;}
#contents.dark h3:after {background:#001a72;}
#contents.dark h4 {color:#ffbc52;}
*/

#contents .exp_intro h4 {margin-bottom:15px; font-size:35px; font-weight:500; line-height:1.28; color:#001a72;}

.clearfix:after {display:block; content:''; clear:both;}
/* [s] 2023-09-27 */
.tit_p {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    font-family: "gotham-round";
    line-height: 1.5;
}
.tit_p strong {
    position: relative;
}
.tit_p strong::before {
    content: "";
    position: absolute;
    inset: auto -2px 2px;
    height: 8px;
    background: #c5e4ff;
    z-index: -1;
}
/* [e] 2023-09-27 */
.right_txt {text-align:right; margin-top:-50px; padding-bottom:30px;}	

.h4_rightbtn {margin-top:-80px; margin-bottom:25px; text-align:right;}
.h4_rightbtn a {display:inline-block; width:200px; height:50px; padding-top:5px; color:#fff; text-align:center; font-weight:500; font-size:15px; line-height:1.3; border-radius:20px; background:#001a72;}
.h4_rightbtn a + a {margin-left:6px;}

.sub_con_tit {font-size:20px; font-weight:500; text-align:center;}

/* 파란색테이블 */
.bluetable thead th {height:50px; padding:10px; font-size:20px; font-weight:500; color:#fff; background:#001a72;}
.bluetable thead th:first-of-type {border-right:1px solid #d2d2d2; border-radius:20px 0 0 0;}
.bluetable thead th:last-of-type {border-left:1px solid #d2d2d2; border-radius:0 20px 0 0;}
.bluetable tbody td {padding:12px 0; font-size:20px; text-align:center; font-weight:500; border:1px solid #d2d2d2;}
.bluetable tbody td:first-of-type {border-radius:0 0 0 20px;}
.bluetable tbody td:last-of-type {border-radius:0 0 20px 0;}

/* 페이지탭 */
.page_tab {position:relative; margin-top:75px;}
.page_tab:after {content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:1px; background:#001a72;}
.page_tab li {float:left; position:relative; z-index:2; width:300px; text-align:center; border:1px solid #001a72; background:#c5e4ff; overflow:hidden; border-radius:20px 20px 0 0;}
.page_tab li a {display:block; padding:0 20px; line-height:48px; font-size:15px; font-weight:500; color:#000;}
.page_tab li.on {border-bottom:1px solid #fff; background:#fff;}
.page_tab > a {position:absolute; z-index:1; right:0; top:0; width:160px; height:50px; padding:0 10px; text-align:center; font-size:15px; line-height:50px; font-weight:500; color:#fff; background:#001a72;}

/* 공통스타일 */
.red {color:#ff3f3f;}
.vs_btn {display:inline-block; width:120px; padding:8px 0 10px; line-height:1; border:1px solid #d2d2d2;}
.flex {display:flex;}

/* 데이터 테이블 */
.data_table thead th {height:50px; padding:0 5px; font-size:15px; font-weight:500; border:1px solid #d2d2d2; background:#eee;}
.data_table tbody td {height:50px; padding:9px 18px; text-align:center; border:1px solid #d2d2d2; font-size:15px;}
.data_table .nocon {padding:100px 0; text-align:center; font-size:15px; color:#999; font-weight:500; border:0;}
.data_table .table_num {width:80px;}
.data_table .wide_btn_layout {width:180px;}
.data_table .wide_btn_layout02 {width:190px;}

/* 페이징 */
.paging {margin-top:50px; text-align:center;}
.paging > button {display:inline-block; width:15px; height:12px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle;}
.paging > button.first {background-image:url(../images/ico/ico_page_first.png);}
.paging > button.prev {background-image:url(../images/ico/ico_page_prev.png);}
.paging > button.next {background-image:url(../images/ico/ico_page_next.png);}
.paging > button.last {background-image:url(../images/ico/ico_page_last.png);}
.paging ol {display:inline-block; vertical-align:middle;}
.paging ol li {display:inline-block; width:36px; font-size:18px; line-height:18px;}
.paging ol li + li {margin-left:-4px; border-left:1px solid #000;}
.paging ol li a {display:block;}

/* 라인박스 - 가운데정렬 */
.center_linebox {padding:20px; text-align:center; border:1px solid #d2d2d2; word-break:keep-all;}

/* 라디오버튼 */
.inp_radio {display:inline-block; line-height:30px; vertical-align:middle; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.inp_radio.notxt {line-height:11px;}
.inp_radio + .inp_radio {margin-left:38px;}
.inp_radio input[type="radio"] {position:absolute; z-index:-1;  width:0; height:0; clip:rect(0,0,0,0); overflow:hidden;}
.inp_radio input[type="radio"] + i {display:inline-block; position:relative; top:0px; width:11px; height:11px; border-radius:50%; border:1px solid #898989;}
.inp_radio input[type="radio"] + i + span {display:inline-block; font-size:20px;}
.inp_radio input[type="radio"]:checked + i {background:#000000;}
.inp_radio input[type="text"] {position:relative; top:-2px; width:110px; height:30px;}
.inp_radio.sm input[type="radio"] + i + span {font-size:15px;}

/* 체크박스 */
.inp_chk {position:relative; display:inline-block; padding-left:16px; margin-right:38px; line-height:1.5; min-height:30px;}
.inp_chk.notxt {padding-left:11px;}
.inp_chk:last-of-type {margin-right:0;}
.inp_chk input[type="checkbox"] {position:absolute; z-index:-9999; width:0px; height:0px; clip:rect(0,0,0,0); overflow:hidden;}
.inp_chk input[type="checkbox"] + i {display:block; position:absolute; z-index:1; left:0; top:7px; width:11px; height:11px; border:1px solid #898989; background:#fff;}
.inp_chk input[type="checkbox"] + i + span {display:inline-block; font-size:15px; color:#000;}
.inp_chk input[type="checkbox"]:checked + i {background:#000000;}
.inp_chk input[type="text"] {position:relative; top:-2px; width:110px; height:30px;}

/* 버튼 레이아웃 */
.btn_wrap {position:relative; margin-top:50px; text-align:center;}
.btn_wrap * {display:inline-block; margin:0 8px; vertical-align:top;}
.btn_wrap .basic_btn {width:315px; height:55px; line-height:55px; font-size:20px; font-weight:500; border-radius:30px;}
.btn_wrap .basic_btn.sm_txt {font-size:15px;}
.btn_wrap .slim_btn {width:250px; height:40px; line-height:40px; font-size:14px; font-weight:500; border-radius:30px;}
.btn_wrap .slim_btn.full {width:100%;}
.btn_wrap .slim_btn.sm {width:150px;}
.btn_wrap.ltoc>div {margin:0;}
.btn_wrap .slim_btn.down {text-align:left; position:relative; padding-left:22px; padding-right:50px; margin-top:8px; margin-bottom:8px;}
.btn_wrap .slim_btn.down::before {content:''; width:18px; height:19px; background:url(../images/ico/ico_download.png); background-size:100% 100%; position:absolute; right:22px; top:0; bottom:0; margin:auto 0;}
.btn_wrap .md_btn {width:190px; height:55px; line-height:55px; font-size:15px; font-weight:500; border-radius:30px;}
.btn_wrap .wide_btn {width:460px; height:55px; line-height:55px; font-size:15px; font-weight:500; border-radius:30px;}
.btn_wrap .wide_btn.full {width:100%; margin:0;}
.btn_wrap .xsm_btn {padding:0 30px; height:40px; line-height:40px; font-size:14px; font-weight:500; border-radius:30px;}
.btn_wrap .sky {color:#001a72; background:#c5e4ff;}
.btn_wrap .blue {color:#fff; background:#001a72;}
.btn_wrap .skyblue {color:#fff; background:#587fd5;}
.btn_wrap .orange {color:#000; background:#ffbc52;}
.btn_wrap .white {background:#fff;}
.btn_wrap .whiteblue {color:#001a72; background:#fff;}
.btn_wrap.two:after {display:block; content:''; clear:both;}
.btn_wrap.two .two_btn {float:left; width:calc(50% - 5px); height:55px; margin:0; font-size:15px; line-height:55px; font-weight:500; border:0; border-radius:30px;}
.btn_wrap.two .two_btn:last-child {float:right;}
.btn_wrap .ab_left {position:absolute; z-index:1; left:0; margin:0;}
.btn_wrap .ab_left * {margin:0 !important;}

/* 셀렉트박스 */
.selectric-wrapper {display:inline-block; width:240px; margin-right:10px;}
.selectric {border:1px solid #839fb6; background:#fff;}/* 2023-04-27 */
.selectric .label {margin:0 34px 0 16px; height:38px; line-height:38px; font-size:15px;}
.selectric .button {text-indent:-9999px; text-align:left; background:url(../images/ico/ico_select_arrow_g.png) no-repeat center;}/* 2023-04-27 */
.selectric .button:after {display:none;}
.selectric-open .button {transform:rotate(180deg);}
.selectric-items {background:#fff;}
.selectric-items ul, .selectric-items li {font-size:15px;}
.selectric-items li:hover,
.selectric-items li.highlighted {background:#f5f5f5;}

#signup_agree_form .lang_select .selectric-wrapper {margin-right: 0px;}

/* 검색박스 */
.search_box {padding:20px 30px; background:#c5e4ff;}
.search_box:after {display:block; content:''; clear:both;}
.search_box input[type="text"] {float:left; width:240px; height:40px; border:0; border-radius:0;}
.search_box input[type="submit"] {float:right; width:140px; height:40px; border:0; color:#fff; font-size:15px; font-weight:500; background:#001a72;}
.search_box .selectric-wrapper {float:left;}
.search_box .selectric {border:0;}

/*agreement*/
.form_page_wrap.agree.allchk_list {width:80%;}

/* 입력페이지 */
.form_page_wrap {width:690px; margin:0 auto;}
.form_page_wrap .form_tit {margin-top:35px; margin-bottom:10px; text-align:center; font-size:20px; font-weight:500; line-height:1; color:#001a72;}
.form_page_wrap .form_tit:first-of-type {margin-top:0;}
.form_page_wrap .form_wrap {padding:25px 0; border-top:1px solid #000;}
.form_page_wrap .form_wrap > ul > li:after {display:block; content:''; clear:both;}
.form_page_wrap .form_wrap > ul > li + li {margin-top:12px;}
.form_page_wrap .form_wrap > ul > li .tit {float:left; padding-top:8px; width:135px; font-weight:500; font-size:15px;}
.form_page_wrap .form_wrap > ul > li .tit span {color:red; font-weight:600;}
.form_page_wrap .form_wrap > ul > li .tit.long {padding-top:0; margin-top:-1px;}
.form_page_wrap .form_wrap > ul > li .con {float:left; width:calc(100% - 135px);}
.form_page_wrap .form_wrap > ul > li .con.pd_top {padding-top:3px;}
.form_page_wrap .form_wrap > ul > li input[type="text"],
.form_page_wrap .form_wrap > ul > li input[type="email"],
.form_page_wrap .form_wrap > ul > li input[type="tel"],
.form_page_wrap .form_wrap > ul > li input[type="password"] {width:100%; height:40px; font-size:15px; font-weight:500; color:#000; border-radius:0;}
.form_page_wrap .form_wrap textarea {height:110px; border-color:#898989;}

.form_page_wrap .form_wrap.inner_pop {padding-top:5px; border-top:0;}
.form_page_wrap .form_wrap.inner_pop ul li .tit {width:145px;}
.form_page_wrap .form_wrap.inner_pop ul li .con {width:calc(100% - 145px);}

.form_page_wrap .form_wrap ul li.two_inp .tit {width:135px;}
.form_page_wrap .form_wrap ul li.two_inp .con {width:calc(50% - 135px);}
.form_page_wrap .form_wrap ul li.two_inp .con + .tit {padding-left:20px;}

.form_page_wrap .form_wrap ul li:after {display:block; content:''; clear:both;}
.form_page_wrap .form_wrap ul li .with_btn input[type="text"] {float:left; width:calc(100% - 210px);}
.form_page_wrap .form_wrap ul li .with_btn .blue_btn {float:right; width:200px; height:40px; border:0; font-weight:500; font-size:15px; appearance: none; -moz-appearance:none; -webkit-appearance:none; border-radius:0px; background:#001a72; color:#fff;}
.form_page_wrap .form_wrap .select_lay .selectric-wrapper {float:left; width:250px;}
.form_page_wrap .form_wrap .select_lay .selectric .label {height:38px; font-size:15px; font-weight:500; color:#000;}
.form_page_wrap .form_wrap .select_lay input[type="text"] {float:right; width:calc(100% - 260px); font-size:15px; font-weight:500; color:#000;}
.form_page_wrap .form_wrap .lay02 .tit {width:230px;}
.form_page_wrap .form_wrap .lay02 .con {width:calc(100% - 230px);}
.form_page_wrap .form_wrap .lay02 .w80 {width:80px; margin-right:0;}
.form_page_wrap .form_wrap .lay02 .dash {display:inline-block; margin:0 2px;}
.form_page_wrap .form_wrap .lay03 .tit {width:280px;}
.form_page_wrap .form_wrap .lay03 .con {width:calc(100% - 280px); min-height:30px;}
.form_page_wrap .form_wrap .lay03 .con .selectric-wrapper {display:block; width:100%; margin-right:0;}
.form_page_wrap .form_wrap .lay04 .tit {width:70px;}
.form_page_wrap .form_wrap .lay04 .con {width:calc(100% - 70px);}
.form_page_wrap .form_wrap .lay_full .tit {float:none; width:100%;}
.form_page_wrap .form_wrap .lay_full .con {float:none; width:100%; margin-top:8px;}
.form_page_wrap .form_wrap .two .tit:first-of-type {width:70px;}
.form_page_wrap .form_wrap .two .con:first-of-type {width:calc(100% - 370px);}
.form_page_wrap .form_wrap .two .tit:last-of-type {width:110px; margin-left:30px;}
.form_page_wrap .form_wrap .two .con:last-of-type {width:calc(50% - 185px);}
.form_page_wrap .form_wrap .two input[type="text"] {font-weight:400;}
.form_page_wrap .form_wrap .select_result {padding:8px 0 5px 0; background:#eeeeee;}
.form_page_wrap .form_wrap .select_result {margin-top:8px;}
.form_page_wrap .form_wrap .select_result + .select_result {margin-top:12px;}
.form_page_wrap .form_wrap .select_result li + li {margin-top:5px;}
.form_page_wrap .form_wrap .select_result .tit {padding-left:50px;}
.form_page_wrap .form_wrap .select_result .default .tit {width:135px;}
.form_page_wrap .form_wrap .select_result .default .con {width:calc(100% - 135px);}
.form_page_wrap .form_wrap .select_result .select_inp:after {display:block; content:''; clear:both;}
.form_page_wrap .form_wrap .select_result .select_inp .selectric-wrapper {float:left; width:135px}
.form_page_wrap .form_wrap .select_result .select_inp input {float:right; width:calc(100% - 145px);}

.form_page_wrap .form_wrap .inp_etc {margin-top:10px;}
.form_page_wrap .form_wrap .inp_etc:after {display:block; content:''; clear:both;}
.form_page_wrap .form_wrap .inp_etc .inp_chk {float:left; width:50px; padding-top:2px;}
.form_page_wrap .form_wrap .inp_etc .inp_chk i {top:13px;}
.form_page_wrap .form_wrap .inp_etc .inp_chk span {line-height:33px;}
.form_page_wrap .form_wrap .inp_etc input[type="text"] {float:right; width:calc(100% - 100px);}

.form_page_wrap .form_wrap .sm_txt {margin-top:5px; font-size:12px;}

.form_page_wrap .form_page_tit {padding-bottom:12px; font-size:15px; color:#000; text-align:center; font-weight:500; border-bottom:2px solid #000;}

.agree_tit {text-align:center;}
.agree_list {border-top:2px solid #000;}
.agree_list > div {margin-top:24px;}
.agree_list textarea {height:90px; color:#9b9b9b; font-size:15px; line-height:1.5; border:1px solid #c9c9c9;}
.agree_list .inp_chk strong {color:#001a72;}
.agree_list .scroll_table {height:300px; overflow-y:auto; border:1px solid #c9c9c9; padding:15px;}
.agree_list .scroll_table .mt40 {margin-top:40px;}

.info_txt {text-align:center; font-size:15px;}

/* News */
.news_tab {margin-top:65px; text-align:center;}
.news_tab ul {display:inline-flex; background:#f5f5f5; border:2px solid #dcdcdc; border-radius:29px; overflow:hidden;}
.news_tab ul li {width:240px; height:58px;}
.news_tab ul li a {display:flex; align-items:center; justify-content:center; height:100%; font-size:22px; color:#4c4c4c; font-weight:420;}
.news_tab ul li.on a {background:#587fd5; border-radius:27px; color:#fff; font-weight:500; text-shadow: 2px 1px 1px #2d2d2d}

.news_list {margin-top:40px;}
.news_list li a {display:block; padding:20px 0;}
.news_list li a:after {display:block; content:''; clear:both;}
.news_list li a .thumb {float:left; width:335px; height:210px;}
.news_list li a .thumb img {display:block; width:100%;}
.news_list li a .con {float:right; width:calc(100% - 335px); padding:15px 0 0 34px;}
.news_list li a .con strong {display:block; font-size:30px; color:#001a72; font-weight:500;}
.news_list li a .con p {margin:10px 0 30px; font-size:20px; line-height:1.5;}
.news_list li a .con span {font-size:15px;}
.news_list li:nth-child(odd) {background:#f5f5f5;}

.board_view .board_top {margin-bottom:10px;}
.board_view .board_top .subject {margin-bottom:25px; font-size:35px; font-weight:500; color:#001a72; text-align:center;}
.board_view .board_top .date {display:block; font-size:15px;}
.board_view .board_con {margin-bottom:70px;}
.board_view .board_con p {font-size:20px; line-height:1.5;}
.board_view .board_con p + p {margin-top:25px;}

.video_board_wrap {
    margin-top: 60px;
    margin-bottom: 100px;
}
/* 2023-06-09 */
.video_board_wrap .board_select {margin-bottom:120px;}
.board_select .selectric {background:#fff;}
.board_select .selectric .label {color:#000;}
.board_select .selectric .button {background-image:url(../images/ico/ico_select_arrow_w_d.png);}
.board_select .selectric-open,
.board_select .selectric-open .selectric {background:#001a72 !important;}
.board_select .selectric-open .button {background-image:url(../images/ico/ico_select_arrow_w.png); transform:rotate(0deg);}
.board_select .selectric-open .label {color:#fff; background:#001a72;}
.board_select .selectric-items li {padding:5px 15px;}

.video_board_wrap h4:first-of-type {margin-top:0 !important;}
.video_board_wrap h4 {margin-top:90px !important;}
.video_board_wrap .video_board {margin:0 -10px;}
.video_board_wrap .video_board li {float:left; width:calc(33.33% - 20px); margin:0 10px 20px;}
.video_board_wrap .video_board li a {display:block;}
.video_board_wrap .video_board .thumb {width:100%; height:235px;}
.video_board_wrap .video_board .thumb img {width:100%; height:100%;}
.video_board_wrap .video_board .con {padding:17px 20px 22px; font-size:20px; border:1px solid #898989;}
.video_board_wrap .video_board .con strong {display:block; margin-bottom:5px; color:#001a72; font-weight:500;}
.video_board_wrap .video_board .con p {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.video_board_wrap .video_board .btn_wrap {margin-top:10px;}

/* partners */
#contents .partner_cont h4 {
    font-size: 35px;
    margin-bottom: 15px;
}
.partner_cont {
    padding: 130px 0;
}
.partner_cont p {
    font-size: 20px;
}
.partner_cont.bg_skyblue {
    background: #e2f1ff;
}

.link_underline {
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    position: relative;
    display: inline-block;
    font-weight: 500;
}
.link_underline::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.link_underline.go::before {
    width: 10px;
    background-image: url(../images/ico/ico_next.png);
    background-position-y: 10px;
    margin-left: 10px;
}
.link_underline.download::before {
    width: 22px;
    background-image: url(../images/ico/ico_download2.png);
    background-position-y: 9px;
    margin-left: 5px;
}
.link_underline.go.blue {
    color: #3554be;
    border-bottom: 1px solid rgba(53, 84, 190, 0.5);
    line-height: 1;
}
.link_underline.go.blue::before {
    width: 10px;
    background-image: url(../images/ico/ico_next_blue.png);
    background-position-y: 6px;
    margin-left: 10px;
}

.partner_cont.main {
    padding: 0;
    height: 380px;
    background-color: #e2f2ff;
    background-image: url(../images/bg/bg_partner_main.png);
}
.partner_cont.main .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    z-index: 0;
}
#contents .partner_cont.main h4 {
    margin-bottom: 0;
    line-height: 1.3;
}
.partner_cont.main .bg_img {
    position: absolute;
    inset: 0;
    background: url(../images/bg/bg_partner_main_img.png) right -35px no-repeat;
    z-index: -1;
}
.partner_cont.main .link {
    margin-top: 40px;
    display: flex;
    gap: 20px;
}
.partner_cont.main .link a {
    color: #fff;
    padding: 0 20px;
    line-height: 44px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 300;
    font-size: 18px;
}
.partner_cont.main .link a::after {
    content: "";
    display: block;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.partner_cont.main .link .go {
    background: #3554bd;
}
.partner_cont.main .link .go::after {
    width: 10px;
    background-image: url(../images/ico/ico_next.png);
}
.partner_cont.main .link .download {
    background: #8744a6;
}
.partner_cont.main .link .download::after {
    width: 18px;
    background-image: url(../images/ico/ico_download.png);
}

.partner_cont.what {
    text-align: center;
}
.partner_cont.what > div > p {
    font-weight: 500;
}
.partner_cont.what ul {
    margin-top: 25px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}
.partner_cont.what ul::after {
    display: none;
}
.partner_cont.what ul li {
    max-width: 400px;
}
.partner_cont.what ul li h5 {
    margin-top: 30px;
    font-size: 23px;
    font-weight: 600;
} /* 2023-05-25 */
.partner_cont.what ul li p {
    margin-top: 10px;
    color: #7a7a7a;
    font-weight: 300;
}

.partner_cont.profit {
    background: #344273;
    text-align: center;
    color: #fff;
}
#contents .partner_cont.profit h4 {
    color: #fff;
    line-height: 1.2;
}
.partner_cont.profit > div > p {
    font-weight: 300;
}
.partner_cont.profit ul {
    margin-top: 55px;
    display: flex;
    gap: 24px;
    justify-content: center;
}
.partner_cont.profit ul li {
    width: 355px;
    height: 210px;
    background: #fff;
    border-radius: 12px;
    padding-top: 60px;
    position: relative;
}
.partner_cont.profit ul li::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/ico/ico_plus_num.png);
    background-size: 100% 100%;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.partner_cont.profit ul li h5 {
    font-size: 30px;
    color: #001a72;
    font-weight: 600;
    letter-spacing: -0.03em;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.partner_cont.profit ul li h5 strong {
    font-size: 36px;
    font-weight: 600;
}
.partner_cont.profit ul li h5::before {
    content: "";
    height: 14px;
    background: #e2f2ff;
    position: absolute;
    bottom: 3px;
    left: -3px;
    right: -3px;
    z-index: -1;
}
.partner_cont.profit ul li p {
    color: #000;
    margin-top: 15px;
}
.partner_cont.profit .link {
    margin-top: 40px;
    display: flex;
    gap: 130px;
    justify-content: center;
} /* 2023-05-25 */

.partner_cont.story {
    padding: 110px 0 140px;
}
.partner_cont.story .title {
    width: 264px;
    line-height: 40px;
    background: url(../images/bg/bg_title.png);
    background-size: 100% 100%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    padding-right: 10px;
}
.partner_cont.story .content {
    display: flex;
}
.partner_cont.story .content img {
    order: 2;
    margin-top: -30px;
}
.partner_cont.story .content .txt {
    padding-top: 40px;
    padding-right: 100px;
}
#contents .partner_cont.story .content h4 {
    font-size: 35px;
    margin-bottom: 10px;
}
.partner_cont.story .content p {
    font-size: 20px;
    line-height: 1.5;
}
.partner_cont.story .link_underline {
    margin-top: 25px;
}
.partner_slide {
    margin-top: 60px;
}
.partner_slide .slick-slider {
    display: flex;
    gap: 52px;
    align-items: center;
}
.partner_slide .slick-slider::after {
    display: none;
}
.partner_slide .slick-arrow {
    font-size: 0;
    width: 41px;
    height: 67px;
    background: url(../images/ico/ico_next_blue.png);
    background-size: 100% 100%;
}
.partner_slide .slick-arrow.slick-prev {
    transform: rotate(180deg);
}
.partner_slide .slick-list {
    flex: 1;
}
.partner_slide .slick-dots {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 52px;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.partner_slide .slick-dots li {
    font-size: 0;
    width: 14px;
    height: 14px;
    background: #8eb4d3;
    border-radius: 100%;
}
.partner_slide .slick-dots li.slick-active {
    background: #3554be;
}
.partner_slide .box {
    background: #fff;
    border-radius: 8px;
    height: 325px;
    position: relative;
    display: flex;
    gap: 40px;
}
.partner_slide .brand {
    font-size: 0;
    position: absolute;
    top: 23px;
    right: 30px;
}
.partner_slide .brand.challenge {
    width: 115px;
    height: 45px;
    background: url(../images/ico/ico_challenge_logo.png) no-repeat;
    background-size: 100% auto;
}
.partner_slide .brand.elif {
    width: 88px;
    height: 36px;
    background: url(../images/ico/ico_elif_logo.png) no-repeat;
    background-size: 100% auto;
}
.partner_slide .client {
    padding-top: 30px;
    padding-left: 85px;
}
.partner_slide .client .img {
    width: 217px;
    height: 217px;
    border-radius: 100%;
    border: 1px solid #3554be;
    padding: 4px;
}
.partner_slide .client .img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.partner_slide .client .name {
    margin-top: 15px;
    font-size: 16px;
    color: #3554bd;
    font-style: italic;
    text-align: center;
}
.partner_slide .place {
    position: absolute;
    bottom: 23px;
    right: 30px;
    font-size: 18px;
    font-weight: 500;
}
.partner_slide .comment {
    padding-top: 130px;
    padding-right: 30px;
    font-size: 18px;
    line-height: 1.8;
    position: relative;
}
.partner_slide .comment::before {
    content: "“";
    font-size: 102px;
    color: #c2ccec;
    font-weight: 500;
    position: absolute;
    top: 70px;
    line-height: 1;
}

.partner_cont.allvia h4 {
    text-align: center;
}
.partner_cont.allvia ul {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.partner_cont.allvia ul::after {
    display: none;
}
.partner_cont.allvia ul li {
    width: 400px;
    min-height: 247px;
    border-radius: 12px;
    background: #ededed;
    position: relative;
    overflow: hidden;
    padding: 50px 20px 20px 20px;
}
.partner_cont.allvia ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: #e0e0e0;
}
.partner_cont.allvia ul li h6 {
    font-size: 22px;
    font-weight: 600;
}
.partner_cont.allvia ul li p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}
.partner_cont.allvia ul li:nth-child(even) {
    background: #4776ba;
    color: #fff;
}
.partner_cont.allvia ul li:nth-child(even)::before {
    background: #6c91c8;
}

.partner_cont.world {
    text-align: center;
}
.partner_cont.world img {
    margin-top: 55px;
}

.partner_banner {
    margin-top: 70px;
    height: 365px;
    background: #8744a6 url(../images/bg/bg_partner_banner.png) center bottom
    no-repeat;
    background-size: 100% auto;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}
#contents .partner_banner h4 {
    color: #fff;
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.partner_banner p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}
.partner_banner a {
    margin-top: 35px;
    background: #7f99f2;
    border-radius: 4px;
    padding: 15px 55px 15px 37px;
}
/* [e] 2023-05-23 */

.procedure {padding:90px 0;}
.procedure ol li + li {position:relative; margin-top:68px;}
.procedure ol li + li:before {content:''; position:absolute; z-index:1; left:193px; top:-48px; width:34px; height:29px; background:url(../images/ico/ico_step_arrow.png) no-repeat 0 0;}
.procedure ol li:after {display:block; content:''; clear:both;}
.procedure ol li .title {float:left; width:420px; height:146px; border-radius:100px; background:#fff;}
.procedure ol li .title strong {display:block; position:relative; top:50%; text-align:center; font-size:30px; font-weight:500; color:#001a72; transform:translateY(-50%);}
.procedure ol li .con {float:left; width:calc(100% - 420px); padding:25px 0 0 20px;}
.procedure ol li .con p {font-size:20px; font-weight:500;}
.procedure ol li .btn_wrap {margin-top:35px;}

.form_page > div + div {margin-top:20px;}
.form_page > div.half:after {display:block; content:''; clear:both;}
.form_page > div.half > div {float:left; width:calc(50% - 10px);}
.form_page > div.half > div:last-child {float:right;}
.form_page .tit {margin-bottom:10px;}
.form_page .tit label,
.form_page .tit strong {display:inline-block; margin-right:10px; font-size:20px; font-weight:500; vertical-align:initial;}
.form_page .tit span {display:inline-block; font-size:15px; color:#ff2626; font-weight:500;}
.form_page .con input {font-size:15px;}
.form_page .con input[type="text"],
.form_page .con input[type="email"],
.form_page .con input[type="tel"] {width:100%;}

/*Contact us 국가코드*/
.PhoneDiv {position: relative}
.form_page .con #CountryNum {width:30%; display: inline}
.form_page .con #PhoneNum {width:68%; display: inline; position: absolute; right: 0px;}

/*Sign up 파트너 가입 국가코드*/
.form_page_wrap .form_wrap #CountryNum {width:30%; display: inline;}
.form_page_wrap .form_wrap #PhoneNum {width:55%; display: inline; position: absolute; right: 0px;}

.form_page .con input::placeholder {font-size:15px;}
.form_page .con input[type="text"] + input[type="text"] {margin-left:6px;}
.form_page .con input.md_size {width:280px;}
.form_page .con .inp_chk {margin-right:30px;}
.form_page .con .selectric-wrapper {width:280px;}
.form_page .con .selectric-wrapper.selectric-wide {width:100%;}
.form_page .con .selectric .label {height:34px; line-height:34px;}
.form_page .con .withselect:after {display:block; content:''; clear:both;}
.form_page .con .withselect .selectric-wrapper {float:left; width:280px;}
.form_page .con .withselect .inp {float:right; width:calc(100% - 290px);}
.form_page .con .withselect + .withselect {margin-top:10px;}
.form_page .con.owner_wrap:after {display:block; content:''; clear:both;}
.form_page .con.owner_wrap .owner_inp {float:right; width:calc(100% - 150px); height:36px; margin-top:-2px; padding:6px 18px 0; border:1px solid #898989;}
.form_page .con.owner_wrap .owner_inp p {display:inline-block; font-size:15px; vertical-align:middle;}
.form_page .con.owner_wrap .owner_inp input {display:inline-block; width:110px; height:18px; border:0; border-bottom:1px solid #666; vertical-align:middle;}
.form_page .con textarea {height:191px; border:1px solid #898989;}

/* [s] 2023-04-20 개인정보 수집 동의 */
.check_agree {display: flex; align-items: center; justify-content: center; margin-top: 50px; gap: 10px; font-size: 15px;}
.check_agree input {margin-top: -2px;}
.check_agree a {color: #001a72;}
/* [e] 2023-04-20 */

.yes_chk_wrap .this_inp.disable {opacity:0.3;}

.brand_chk label {display:inline-block; margin-right:6px;}
.brand_chk label input[type="checkbox"] {position:absolute; z-index:-1; left:-9999px; width:0; height:0; clip:rect(0,0,0,0); overflow:hidden;}
.brand_chk label input[type="checkbox"] + span {display:block; width:182px; height:46px; font-size:20px; text-align:center; font-weight:500; line-height:46px; border-radius:46px;}
.brand_chk label.wings input[type="checkbox"] + span {color:#0032a2; background:#c5e4ff;}
.brand_chk label.wings input[type="checkbox"]:checked + span {color:#fff; background:#0032a2;}
.brand_chk label.elif input[type="checkbox"] + span {color:#3e0098; background:#d8bbfe;}
.brand_chk label.elif input[type="checkbox"]:checked + span {color:#fff; background:#3e0098;}

.pd_wrapper {width:1320px; margin:0 auto; padding:0 30px;}

.board_search:after {display:block; content:''; clear:both;}
.board_search .board_select {float:left; width:280px; margin-right:0;}
.board_search .selectric-wrapper {width:280px;}
.board_search .selectric .label {height:38px; line-height:38px;}
.board_search .input_wrap {float:right; width:calc(100% - 286px); border:1px solid #898989;}
.board_search .input_wrap input[type="text"] {float:left; width:calc(100% - 45px); height:38px; border:0;}
.board_search .input_wrap input[type="submit"] {float:left; width:45px; height:38px; text-indent:-9999px; border:0; background:url(../images/ico/ico_search.jpg) no-repeat center;}

.link_tab {display:table; margin:30px 0; table-layout:fixed; width:100%;}
.link_tab.fixed {position:fixed; left:0; right:0; margin:0 auto;}
.link_tab:after {display:none;}
.link_tab li {display:table-cell; width:1%; border:1px solid #001a72;}
.link_tab li a {display:block; padding:19px 0; line-height:1; font-size:20px; color:#000; font-weight:500; text-align:center; background:#fff;}
.link_tab li.on a {color:#fff; background:#001a72;}

.faq_board table {border-top:3px solid #000;}
.faq_board table thead th {height:40px; padding:0 10px; font-size:18px; font-weight:500; border-bottom:3px solid #000;}
.faq_board table tbody td {padding:10px; text-align:center; font-size:18px; font-weight:300; border-bottom:1px solid #000;}
.faq_board table tbody td strong {font-weight:500;}

.faq_con .tit {padding:10px 0; border-top:3px solid #000; border-bottom:3px solid #000;}
.faq_con .tit p {font-size:25px; font-weight:500;}
.faq_con .con {min-height:340px; padding:15px 0; border-bottom:3px solid #000;}
.faq_con .con p {font-size:20px; font-weight:300; line-height:1.5;}

.w900 {width:900px; margin:50px auto 0;}
.note {font-size:16px; color:#001a72; line-height:1.7; font-weight:300;}

.sign_short_form {padding:60px 75px 0;}
.sign_short_form input {width:100%; height:56px; padding:0 20px;}
.sign_short_form input::placeholder {color:#9b9b9b;}
.sign_short_form ul li + li {margin-top:8px;}
.sign_short_form ul li.inp_name:after {display:block; content:''; clear:both;}
.sign_short_form ul li.inp_name input {float:left; width:calc(50% - 4px); margin:0;}
.sign_short_form ul li.inp_name input:last-child {float:right;}
.sign_short_form ul li.inp_email:after {display:block; content:''; clear:both;}
.sign_short_form ul li.inp_email input[type="email"] {float:left; width:calc(100% - 176px);}
.sign_short_form ul li.inp_email button {float:right; width:170px; line-height:1.2; height:56px; border-radius:100px; font-size:12px; font-weight:500; word-break:keep-all; color:#fff; background:#001a72;}
/* [s] 2023-09-27 */
.form_page_wrap.mem_type {width: 1045px;}
.sign_type {margin-top: 40px; display: flex; gap: 20px;}
/*.sign_type:after {display:block; content:''; clear:both;}*/
.sign_type button {flex: 1; height: 335px; font-size: 30px; font-weight: 500; line-height: 1.3; text-align: center; border-radius: 20px; color: #fff; position: relative;}
/*.sign_type button:first-child {color:#001a72; background:#c5e4ff;}*/
/*.sign_type button:last-child {float:right; color:#c5e4ff; background:#001a72;}*/
.sign_type button::before {content: ""; width: 16px; height: 28px; background: url(../images/ico/ico_next.png); background-size: 100% 100%; position: absolute; bottom: 29px; right: 26px;}
.sign_type button:nth-child(1) {background: #f98686;}
.sign_type button:nth-child(2) {background: #8c75c6;}
.sign_type button:nth-child(3) {background: #31aed2;}
/* [e] 2023-09-27 */

.inp_validity {position:relative;}
.inp_validity .validity {position:absolute; z-index:1; right:10px; top:11px;}
.inp_validity .validity i {display:block; position:absolute; z-index:1; right:0; top:0; width:17px; height:17px; background:url(../images/ico/ico_validity.png);}
.inp_validity .validity .error {display:none; margin-right:20px; font-size:12px; color:#cf0000; vertical-align:top; line-height:17px;}
.inp_validity.no .validity i {background-image:url(../images/ico/ico_validity_error.png);}
.inp_validity.no .validity .error {display:block;}
.inp_validity.ok .validity i {background-image:url(../images/ico/ico_validity_ok.png);}

.form_search {padding:25px 0; border-top:1px solid #000;}
.form_search:after {display:block; content:''; clear:both;}
.form_search .inp_search {float:left; width:calc(100% - 95px);}
.form_search .inp_search > div {display:inline-block;}
.form_search .inp_search > div:first-child {margin-right:26px;}
.form_search .inp_search .tit {display:inline-block; font-size:15px; font-weight:500; color:#000; line-height:40px; vertical-align:top;}
.form_search .inp_search .con {display:inline-block; vertical-align:top;}
.form_search .inp_search .search_select .selectric-wrapper {width:185px; margin-right:0;}
.form_search .inp_search .chk_list {margin-left:15px; padding-top:6px;}
.form_search .search_btn {float:right; width:95px; height:40px; color:#fff; font-size:15px; font-weight:500; border:0; border-radius:0; background:#001a72;}

.grey_table table {border-top:1px solid #d2d2d2;}
.grey_table thead tr:first-of-type th:first-child {border-left:1px solid #d2d2d2;}
.grey_table thead th {padding:10px 0; font-size:13px; font-weight:600; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#eee;}
.grey_table tbody td {padding:10px 0; text-align:center; font-size:13px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.grey_table tbody td:first-child {border-left:1px solid #d2d2d2;}
.grey_table tbody td.tal {padding:10px;}
.grey_table tbody td.nocon {padding:90px 0; color:#999; font-size:15px; font-weight:600; border:0;}
.grey_table tbody td.view {color:#959595;}
.grey_table tbody td.view a {color:#001a72; font-weight:500;}
.grey_table tbody td.bd_ln {border-left:0;}

.grey_table.row th {padding:15px 0; font-size:13px; font-weight:600; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#eee;}
.grey_table.row td {text-align:left; padding:15px;}

/* About us */
.about_cnt {padding:120px 20px;}
.about_cnt:first-of-type {padding-top:0; padding-bottom:0;}
.about_cnt .sub_con_hd {margin-bottom:10px;}
.about_cnt .sub_con_tit {line-height:1.5;}
.about_cnt.bg_blue {background:#e2f2ff;}
.about_cnt ul::after {display:none;}

.about_top {margin-top:50px;}
.about_top ul {display:flex; justify-content:center; padding-top:60px;}
.about_top ul li {text-align:center; width:350px; position:relative;}
.about_top ul li .icon {width:146px; height:146px; border-radius:100%; border:1px solid rgba(40,58,119,0.4); background:#fff; padding:6px; margin:0 auto; position:relative;}
.about_top ul li .icon>span {width:100%; height:100%; border-radius:100%; display:block;}
.about_top ul li:nth-child(1) .icon>span {background:#283a77 url(../images/ico/ico_about01.png) center no-repeat;}
.about_top ul li:nth-child(2) .icon>span {background:#d1d7ed url(../images/ico/ico_about02.png) center no-repeat;}
.about_top ul li:nth-child(3) .icon>span {background:#283a77 url(../images/ico/ico_about03.png) center no-repeat;}
.about_top ul li:nth-child(4) .icon>span {background:#d1d7ed url(../images/ico/ico_about04.png) center no-repeat;}
.about_top ul li .icon::before {content:''; width:2px; height:60px; background:#d8dbe6; position:absolute; bottom:100%; left:0; right:0; margin:0 auto;}
.about_top ul li::before {content:''; height:2px; width:100%; background:#d8dbe6; position:absolute; bottom:100%; left:50%; margin-bottom:58px;}
.about_top ul li:last-child::before {display:none;}
.about_top ul li .tit {padding-top:45px; font-size:27px; color:#001a72; position:relative; font-weight:500;}
.about_top ul li .tit::before {content:''; width:8px; height:8px; background:#283a77; border-radius:100%; position:absolute; top:25px; left:50%; transform:translate(-50%, -50%);}
.about_top ul li .sentence {font-size:20px; line-height:1.35; margin-top:10px; font-weight:300;}
.about_top .btn_wrap {margin-top:95px;}
.about_top .btn_wrap .slim_btn {font-size:20px;}

.about_product {margin-top:70px; max-width:1110px; margin-left:auto; margin-right:auto;} /* 2022-11-29 */
.about_product .prod01 ul {display:flex; flex-wrap:wrap; justify-content:center;} /* 2022-11-29 */
.about_product .prod01 ul li {width:calc(100%/3 - 40px); height:359px; padding:0 20px; position:relative; margin:0 20px 40px;} /* 2022-11-29 */
.about_product .prod01 ul li::before {content:''; width:100%; height:4px; position:absolute; top:-1px; left:0; right:0;} /* 2022-11-30 */
.about_product .prod01 ul li .logo {height:145px; border-bottom:2px solid #dcdcdc; display:flex; align-items:center; justify-content:center;}
.about_product .prod01 ul li .logo img {max-height:70px;}
.about_product .prod01 ul li .text {padding-top:30px;}
.about_product .prod01 ul li .text h6 {font-size:20px; font-weight:500;}
.about_product .prod01 ul li .text p {margin-top:10px; font-size:14px; line-height:1.4; letter-spacing:-0.5px;}
.about_product .prod01 ul li .text p strong {font-size:16px; font-weight:600; display:block; margin-bottom:5px;}
.about_product .prod01 ul li.wings::before {background:#0091d4;}
.about_product .prod01 ul li.elif::before {background:#47009d;}
.about_product .prod01 ul li.od::before {background:#ef7900;} /* 2022-11-29 */
.about_product .prod01 ul li.mathalive::before {background:#83ce04;}
.about_product .prod01 ul li.odf::before {background:#2771a8;}
.about_product .prod01 ul li.elif .logo img {height:50px;}
.about_product .prod01 ul li.od .logo img {height:62px;} /* 2022-11-29 */
.about_product .prod01 ul li.mathalive .logo img {height:68px;}
.about_product .prod01 ul li.odf .logo img {height:65px;}
.about_product .prod01 ul li.wings .text h6 {color:#0091d4;}
.about_product .prod01 ul li.elif .text h6 {color:#440099;}
.about_product .prod01 ul li.od .text h6 {color:#ef7900;} /* 2022-11-29 */
.about_product .prod01 ul li.mathalive .text h6 {color:#fa4238;}
/* 2022-11-29 삭제 .about_product .prod01 ul li.mathalive .text h6 span {color:#b9b9b9;} */
.about_product .prod01 ul li.odf .text h6 {color:#2871a9;}
.about_product .prod01 ul li,
.about_product .prod02 {border:2px solid #d4d4d4;}
.about_product .prod02 {height:160px; padding:40px 0; margin:0 20px;} /* 2022-11-29 */
.about_product .prod02 ul {display:flex; justify-content:center; align-items:center; height:100%;}
.about_product .prod02 ul li.line {width:2px; height:100%; background:#dcdcdc; margin:0 50px;} /* 2022-11-29 */

.about_num {max-width:1128px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.about_num li {width:31.5%; height:250px; text-align:center; position:relative; padding:55px 20px 0;}
.about_num li:nth-child(even) {background:#fff; border-radius:12px;}
.about_num li::before {content:''; width:16px; height:16px; background:url(../images/ico/ico_plus_num.png); background-size:100% 100%; position:absolute; top:30px; left:50%; transform:translateX(-50%);}
.about_num li .number {font-size:36px; color:#001a72; position:relative; display:inline-block; z-index:1; font-weight:600;}
.about_num li .number::before {content:''; height:14px; background:#fff; position:absolute; bottom:3px; left:-10px; right:-10px; z-index:-1;}
.about_num li:nth-child(even) .number::before {background:#e2f2ff;}
.about_num li .num_desc {font-size:22px; font-weight:600; margin-top:10px;}
.about_num li .num_sub_desc {font-size:20px; font-weight:300;}

.about_award {margin-top:40px;}
.about_award ul {margin:0 auto; max-width:1163px;}
.about_award ul li {height:165px; display:flex; align-items:center;}
.about_award .year {width:16%; position:relative; height:100%; display:flex; align-items:center;}
.about_award .year::before {content:''; width:2px; height:100%; background:#001a72; position:absolute; top:50%; left:10px; transform:translateX(-50%);}
.about_award .year span {font-size:35px; color:#001a72; padding-left:45px; font-weight:500; position:relative;}
.about_award .year span::before {content:''; width:20px; height:20px; border-radius:100%; border:3px solid #001a72; position:absolute; top:50%; left:0; transform:translateY(-50%); box-sizing:border-box; background:#fff;}
.about_award .item {display:flex; width:84%; height:100%; border-bottom:2px solid #dcdcdc; padding-left:105px;}
.about_award .item>div {width:50%; height:100%; display:flex; align-items:center;}
.about_award .award {width:147px; height:135px; background:url(../images/bg/bg_award.png); background-size:100% 100%; display:flex; align-items:center; justify-content:center; padding-right:11px;}
.about_award .brand {padding:0 15px; text-align:center; flex:1;} /* 2022-11-29 */
.about_award .brand p {font-size:15px; font-weight:500; line-height:1; margin-top:10px; letter-spacing:-0.5px;}
.about_award .brand.elif img {height:40px;}
.about_award .brand.wings img {height:54px;}
.about_award .brand.visang img {height:39px;}
.about_award .brand.mathalive img {height:57px;} /* 2022-11-29 */
.about_award ul li:last-child .year::before {display:none;}
.about_award ul li:last-child .item {border-bottom:none;}

/* [s] 2023-03-21 */
.about_certification {display:flex; flex-wrap:wrap; justify-content:center; gap:35px; margin-top:50px;}
.about_certification dl {width:432px; padding:65px 45px; background:#fff; border-radius:30px; position:relative; overflow:hidden; text-align:center;}
.about_certification dl::before {content:""; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:30px; border:1px solid #bedaf1;}
.about_certification dl::after {content:""; width:42px; aspect-ratio:1; background:#e2f2ff; position:absolute; top:0; left:50%; transform:translate(-50%, -50%); border-radius:100%; border:1px solid #bedaf1;}
.about_certification dl dt {height:167px; display:flex; align-items:center; justify-content:center;}
.about_certification dl dd {margin-top:35px; font-size:20px;}
/* [e] 2023-03-21 */

.about_contact {display:flex; justify-content:center; padding-top:60px; padding-bottom:30px;}
.about_contact .info01 {display:flex; margin-bottom:20px;}
.about_contact .info01 dl {padding-right:60px;}
.about_contact .info01 dt {font-size:20px; font-weight:600;}
.about_contact .info01 dd {font-size:15px; margin-top:5px;}
.about_contact .info02 {display:flex; justify-content:space-between; align-items:center; margin-top:15px;}
.about_contact .info02 .sns strong {display:inline-block; font-size:18px; margin-right:16px; font-weight:500; line-height:39px; vertical-align:top;}
.about_contact .info02 .sns a {display:inline-block; width:39px; height:39px; text-indent:-9999px; vertical-align:top;}
.about_contact .info02 .sns a + a {margin-left:5px;}
.about_contact .info02 .sns a.facebook {background-image:url(../images/ico/ico_sns01.png);}
.about_contact .info02 .sns a.linkedin {background-image:url(../images/ico/ico_sns02.png);}
.about_contact .info02 .sns a.youtube {background-image:url(../images/ico/ico_sns03.png);}
.about_contact .btn_contact {display:flex; padding:0 25px; height:37px; background:#01b5e5; border-radius:18px; align-items:center; justify-content:center; font-size:15px; color:#fff; line-height:1;}
/* 2022-11-29 삭제 .about_contact .btn_contact .ico_next {display:block; width:9px; height:13px; background:url(../images/ico/ico_next_white.png); background-size:100% 100%; margin-left:7px;}*/

/*agreement*/
.policy_wrap .para01.ar {height: auto; border: none;}

/* policy */
.policy_wrap {margin:0 -10px; color:#000;}
.policy_wrap p {font-size:14px; line-height:1.28; font-weight:300;}
.policy_wrap .para01 {margin-top:20px;}
.policy_wrap .para01 + .para01 {margin-top:35px;}
.policy_wrap .para02 {margin:12px 0 0 10px;}
.policy_wrap .para03 {margin-top:30px;}
.policy_wrap .para04 {margin:10px 0 0 10px;}
.policy_wrap .stit {font-size:20px; font-weight:500;}
.policy_wrap .sstit {margin-bottom:10px; font-size:15px; font-weight:500;}
.policy_wrap .grey_table td {padding:10px; font-weight:300;}
.policy_wrap.terms .para01 {margin-top:10px;}
.policy_wrap.terms .para01 + .para01 {margin-top:26px;}
.policy_wrap.terms .bdtop {margin-top:50px; padding-top:50px; border-top:2px solid #cecece;}

.error_page {position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; color:#fff; background:#001e71;}
.error_page .error {position:relative; top:50%; width:690px; margin:0 auto; transform:translateY(-50.5%);}
.error_page .error .tit strong {display:block; padding-top:170px; font-size:80px; font-family:'gotham-round'; font-weight:600; background:url(../images/ico/ico_error_logo.png) no-repeat left top;}
.error_page .error .tit p {margin-top:20px; font-size:40px; font-weight:500;}
.error_page .error .con {margin-top:35px;}	
.error_page .error .con p {font-size:20px; font-weight:300;}
.error_page .error .under {margin-top:20px; padding-top:15px; border-top:2px solid #8896bd;}
.error_page .error .under p {font-size:15px; font-weight:300;}

/* Feature */
.feature_top {
    margin-top: -70px;
    height: 1073px;
    padding-top: 85px;
    text-align: center;
    background: url(../images/bg/bg_feature_top.jpg) no-repeat center top;
    position: relative;
}  /* 2023-06-09 */
.feature_top .tit {font-size:40px; color:#010101; font-weight:600; line-height:1.5; font-family:'gotham-round';}
.feature_top ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px;}
.feature_top ul:after {display:none;}
.feature_top ul li {flex-grow:1; flex-shrink:1; flex-basis:33.33%; margin-bottom:30px;}
.feature_top ul li:nth-child(3n + 1) {text-align:left;}
.feature_top ul li:nth-child(3n) {text-align:right;}
.feature_top ul li .img {position:relative;}
.feature_top ul li .img img.on {position:absolute; z-index:1; left:50%; top:0; transform:translateX(-50%); opacity:0; transition:all .3s ease;}
.feature_top ul li:hover .img img.on {opacity:1;}
.feature_top ul li div {display:inline-block; text-align:center;}
.feature_top ul li div strong {display:block; font-size:22px; font-weight:500; line-height:1.3;}

.feature_list {background:#e2f2ff;}
.feature_list li {padding:36px 0;}
.feature_list li > div {height:350px;}
.feature_list li > div:after {display:block; content:''; clear:both;}
.feature_list li .thumb {float:right; width:660px; height:350px;}
.feature_list li .thumb img {display:inline-block;}
.feature_list li .con {float:left; position:relative; top:50%; transform:translateY(-50%); width:calc(50% - 50px);}
.feature_list li .con strong {display:block; font-size:30px; font-weight:500; color:#001a72;}
.feature_list li .con p {display:block; margin-top:15px; font-size:23px; font-weight:300; color:#000000;}
.feature_list li:nth-child(even) {background:#fff;}
.feature_list li:nth-child(even) .thumb {float:left;}
.feature_list li:nth-child(even) .con {float:right; width:calc(50% - 50px);}

.feat_link {padding:100px 0; margin-bottom:-70px; background:#001a72;}
.feat_link ul {display:flex; justify-content:space-between;}
.feat_link ul li a {display:block; width:420px; height:252px; padding-top:20px; text-align:center; color:#000; border-radius:200px; box-shadow:0 10px 0 0 #ff9f15; background:#ffdf4b; transition:all .3s ease; display:flex; flex-direction:column; justify-content:center;}
.feat_link ul li a:hover {background:#fff8d7;}
.feat_link ul li a strong {display:block; position:relative; line-height:1; padding-bottom:30px; font-size:35px; font-weight:500;}
.feat_link ul li a strong:after {content:''; position:absolute; z-index:1; left:50%; bottom:0; width:50px; height:10px; margin-left:-25px; border-radius:10px; background:#000;}
.feat_link ul li a p {margin-top:24px; font-size:20px; font-weight:300;}

.exp_intro {margin-top:-70px;}
.exp_intro h5 {font-size:30px; font-weight:500; color:#001a72;}
.exp_intro .exp_section {
  padding: 100px 0;
  text-align: center;
  position: relative;
} /* 2023-06-09 */
.exp_intro .exp_section.continue {padding-top:30px;}
.exp_intro .exp_section p {font-size:25px; font-weight:300; line-height:1.28; color:#000000;}
.exp_intro .exp_section p.sm_txt {margin-bottom:80px; font-size:20px;}
.exp_intro .exp_section .img_pd {margin:50px 0 60px;}
.exp_intro .bg_blue {background:#e2f2ff;}
.exp_intro .exp_top {padding:100px 0 60px; text-align:center; background:url(../images/bg/bg_exp_top.jpg) no-repeat center top;}
.exp_intro .exp_top .tit {margin-top:115px; font-size:35px; color:#001a72; font-weight:500;}
.exp_intro .exp_top .con {margin-top:68px;}
.exp_intro .exp_top .con p {margin-top:35px; font-size:25px; font-weight:500;}
.exp_intro .img_mt {margin-top:65px; margin-bottom:80px;}
.exp_intro .bg_txt {margin:0 50px 10px;}
.exp_intro .bg_txt span {display:inline-block; padding:2px 30px 5px; font-size:30px; font-weight:500; line-height:1.3; color:#fff; border-radius:10px; background:#001a72;}
.exp_intro .bg_txt span + span {margin-top:3px;}

#contents .exp_intro .remote_section h4 {font-size:40px; line-height:1; margin-bottom: 15px;}
#contents .bg_idea .txt h4 {font-size:30px; white-space:nowrap; margin-bottom:0;}
#contents .remote05 .bg_idea .txt h4 {margin-right:30px;}
#contents .remote06 .bg_idea .txt h4 {margin-left:24px;}
.how_btn {display:inline-flex; height:40px; background-color:#32ba7c; box-shadow: 0px -2px 0px 0px inset rgba(0, 0, 0, 0.19); border-radius:10px; margin-top:35px; padding-left:13px; padding-right:10px; align-items:center; font-size:17px; color:#fff; position:relative; letter-spacing:-0.5px; font-family:'gotham-round'; font-weight:500; white-space:nowrap;}
.how_btn .icon {width:25px; height:25px; background:url(../images/ico/ico_howbtn.png); background-size:100% 100%; margin-left:7px;}
.img_monitor {margin-left:20px;}
.img_monitor .img {display:flex; flex-direction:column; position:relative;}
.img_monitor .img span {font-size:22px; display:block; font-weight:600;}
.bg_idea {text-align:center;}
.bg_idea .txt {display:flex; height:175px; align-items:center; text-align:left;}
.bg_idea .txt p {font-size:22px; line-height:27px; font-weight:300;}
.pigtail {width:87px; height:30px; background:url(../images/ico/ico_pigtail_l.png); background-size:100% 100%; z-index:1;}
.remote_section {padding:100px 0;}
.remote_section .flex {justify-content:space-between;}
.remote_section .flex .con {flex:1; padding-right:80px;}
.remote_section .flex.remote02 .con {padding-right:0; padding-left:80px;}
.remote_section p {font-size:25px; line-height: 28px; letter-spacing:-0.5px; font-family:'gotham'; font-weight:500;}
.remote_section .desc {margin-top:30px;}
.remote_section .desc li+li {margin-top:20px;}
.remote_section .desc li::before {content:''; width:8px; height:32px; background:url(../images/ico/ico_bullet.png) left center no-repeat; background-size:8px 9px; display:inline-block; vertical-align:top; margin-right:5px;}
.remote_section .desc li p {display:inline-block; font-weight:300; width:calc(100% - 30px);}
.remote01 .thumb {margin-top:-35px; margin-bottom:-100px;}
.remote02 .con {padding-top:30px;}
.remote03 {margin-top:100px; text-align:center;}
.remote03>p {font-weight:600;}
.remote03 .img_monitor {margin-top:20px; align-items:flex-start;}
.remote03 .f_list_box {margin-top:-235px; padding-top:300px; height:552px; background-color:#e2f2ff; border-radius:30px; display:flex; justify-content:center;}
.remote03 .f_list_box ul {text-align:left;}
.remote03 .f_list_box ul li {font-size:25px; line-height:42px; color:#282828; position:relative; padding-left:20px; white-space:nowrap;}
.remote03 .f_list_box ul li:before {content:''; width:6px; height:6px; background-color:#1587d3; border-radius:100%; position:absolute; top:55%; left:0; transform:translateY(-50%);}
.remote03 .f_list_box ul+ul {margin-left:80px;}
.remote04 .con {padding-top:100px;}
.remote05 {margin-top:70px;}
.remote05 .bg_idea {background:url(../images/bg/bg_idea_l.png) right top no-repeat; background-size:95% auto;}
.remote05 .bg_idea .txt {padding-left:200px; padding-right:45px;}
.remote05 .img_monitor, .remote06 .img_monitor {margin-top:30px; display:inline-flex; position:relative;}
.remote05 .img_monitor .img.from,
.remote06 .img_monitor .img.from {margin-top:70px;}
.remote05 .img_monitor .img+.img,
.remote06 .img_monitor .img+.img {margin-left:40px;}
.remote05 .img_monitor .pigtail {position:absolute; top:85px; right:100%; margin-right:5px;}
.remote05 .how_btn {position:absolute; top:10px; right:20px; margin-top:0;}
.remote06 {margin-top:40px;}
.remote06 .bg_idea {background:url(../images/bg/bg_idea_r.png) left top no-repeat; background-size:95% auto; padding-right:200px; padding-left:45px;}
.remote06 .bg_idea .txt p {text-align:right;}
.remote06 .how_btn {position:absolute; top:10px; left:0; margin-top:0;}
.remote06 .img_monitor {margin-left:40px;}
.remote06 .img_monitor .pigtail {position:absolute; bottom:100%; left:100%; margin-bottom:5px; margin-left:-28px; background-image:url(../images/ico/ico_pigtail_r.png);}
.remote07 .thumb {margin-top: 40px;}
.remote08 .con {padding-top:15px;}
.remote08 .thumb {margin-top:-30px;}
.remote08 .thumb_btm {margin-top:85px; text-align:center;}
.remote_pop {display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.remote_pop .popup {width:75%; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50.5%, -50.5%);}
.remote_pop .popup .pop_close_btn {position:absolute; bottom:100%; right:0; margin-bottom:15px; width:66px; height:66px; background-image:url(../images/ico/ico_pop_close_r.png); background-size:100% 100%;}
.remote_pop .popup video {width:100%;}

.oxf_learn {display:flex; justify-content:space-between; max-width:1320px; margin:0 auto;}
.oxf_learn::after {display:none;}
.oxf_learn li {width:30%;}
.oxf_learn li:nth-child(2) {width:33%;}
.oxf_learn li .img_area {height:600px; display:flex; align-items:center; justify-content:center;}
.oxf_learn li:nth-child(1) .img_area dl {max-width:43%;}
.oxf_learn li:nth-child(2) .img_area img {max-width:121%;}
.oxf_learn li:nth-child(3) .img_area {flex-direction:column;}
.oxf_learn li:nth-child(3) .img_area dl {width:100%;}
.oxf_learn li:nth-child(3) .img_area img {max-width:71%;}
.oxf_learn li dd {margin-top:8px; font-size:22px; font-weight:500;}
.oxf_learn li:nth-child(2) dd {margin-top:-6px;}
.oxf_learn li:nth-child(1) dl+dl {margin-left:4%;}
.oxf_learn li:nth-child(3) dl+dl {margin-top:25px;}
.oxf_learn li strong {height:69px; border-radius:14px; margin-top:35px; font-size:24px; color:#fff; display:flex; align-items:center; justify-content:center; text-shadow:0px 2px 5.18px rgb(0 0 0 / 30%); position:relative;}
.oxf_learn li strong:before {content:''; width:16px; height:16px; border-radius:50%; position:absolute; top:-35px; left:50%; transform:translateX(-50%);}
.oxf_learn li:nth-child(1) strong,
.oxf_learn li:nth-child(1) strong:before {background:#9f84c1;}
.oxf_learn li:nth-child(2) strong,
.oxf_learn li:nth-child(2) strong:before {background:#558dbb;}
.oxf_learn li:nth-child(3) strong,
.oxf_learn li:nth-child(3) strong:before {background:#73bf88;}

.oxf_learn.od li:nth-child(1) strong,
.oxf_learn.od li:nth-child(1) strong:before {background:#2c9db6;}
.oxf_learn.od li:nth-child(2) strong,
.oxf_learn.od li:nth-child(2) strong:before {background:#ec6354;}
.oxf_learn.od li:nth-child(3) strong,
.oxf_learn.od li:nth-child(3) strong:before {background:#4bb166;}

.oxf_ibook {margin-top: -8px;}
.oxf_ibook>li+li {margin-top:85px;}
.oxf_ibook>li p {margin-bottom:50px;}
.exp_intro .exp_section .oxf_ibook>li p {font-weight:500;}
.oxf_ibook .flex {display:flex; max-width:1320px; justify-content:space-between; margin:0 auto;}
.oxf_ibook .flex dl {max-width:47%;}
.oxf_ibook .flex dt {position:relative;}
.oxf_ibook .flex dd {font-size:24px; line-height:32px; margin-top:15px; font-weight:300;}
.oxf_ibook .img {position:relative; display:inline-block;}
.oxf_ibook .text_list {position:absolute; top:0; bottom:0; left:0; right:0;}
.oxf_ibook .text_list li {position:absolute; font-size:22px; font-weight:500; line-height:1; white-space:nowrap; margin:0 20px; display:flex; align-items:center;} 
.oxf_ibook .text_list li:nth-child(1) {top:100px; right:100%;}
.oxf_ibook .text_list li:nth-child(2) {top:80px; left:100%;}
.oxf_ibook .text_list li:nth-child(3) {top:147px; left:100%;}
.oxf_ibook .text_list li:nth-child(4) {top:327px; left:100%;}
.oxf_ibook .text_list li:nth-child(5) {top:393px; left:100%;}
.oxf_ibook .text_list li:nth-child(6) {top:620px; right:100%;}
.oxf_ibook .text_list li:nth-child(7) {top:558px; left:100%;}
.oxf_ibook .text_list li:nth-child(8) {top:615px; left:100%;}
.oxf_ibook .text_list li img {margin-right:7px;}
.oxf_ibook .dotted_con p {border:4px dashed rgba(240,70,106,0.3); border-radius:43px; padding:30px 50px; font-size:23px; line-height:32px; font-weight:500; position:relative;}
.oxf_ibook>li.dot1 .dotted_con {display:flex; align-items:center; justify-content:center; max-width:1400px; margin:0 auto;}
.oxf_ibook>li.dot1 .dotted_con p {margin-left:25px;}
.oxf_ibook>li.dot2 .dotted_con p {display:inline-block; font-size:24px; padding:40px 100px; line-height:35px; margin-top:45px;}
.oxf_ibook>li.dot2 .dotted_con p::before {content:''; width:27px; height:100%; background:url(../images/ico/ico_oxford_arrow.png) center no-repeat; position:absolute; top:0; left:48px; background-size:100% auto;}
.oxf_ibook>li.dot2 .dotted_con .arrow {margin:0 60px;}
.oxf_ibook>li.dot2 .img_con {display:flex; align-items:center; justify-content:center; max-width:1320px; margin:0 auto;}
.oxf_ibook>li.dot2 .img_con dd {font-size:22px; font-weight:500;}
.oxf_ibook .with_media iframe,
.oxf_ibook .with_media audio {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.oxf_ibook .with_media iframe#oxf_video {width:65%; height:58%;}

.oxf_ibook.od .text_list li:nth-child(1) {top:100px; right:100%;}
.oxf_ibook.od .text_list li:nth-child(2) {top:80px; left:100%;}
.oxf_ibook.od .text_list li:nth-child(3) {top:145px; left:100%;}
.oxf_ibook.od .text_list li:nth-child(4) {top:223px; left:100%;}
.oxf_ibook.od .text_list li:nth-child(5) {top:326px; right:100%; left: auto;}
.oxf_ibook.od .text_list li:nth-child(6) {top:585px; right:100%;}
.oxf_ibook.od .text_list li:nth-child(7) {top:524px; left:100%;}
.oxf_ibook.od .text_list li:nth-child(8) {top:577px; left:100%;}
.oxf_ibook.od>li.dot2 p {margin-bottom:100px;}

.oxf_tool {padding-top:70px; text-align:left; padding-bottom:70px;}
.oxf_tool .inner {max-width:1380px; margin:0 auto; display:flex; align-items:flex-start;}
.oxf_tool .tool_text_list {margin-top:-2px; position:relative; flex:1;}
.oxf_tool .tool_text_list li {position:absolute; left:25px; right:0;}
.oxf_tool .tool_text_list li:nth-child(1) {top:0;}
.oxf_tool .tool_text_list li:nth-child(2) {top:129px;}
.oxf_tool .tool_text_list li:nth-child(3) {top:283px;}
.oxf_tool .tool_text_list li:nth-child(4) {top:480px;}
.oxf_tool .tool_text_list li:nth-child(5) {top:646px;}
.oxf_tool .tool_text_list h5 {font-size:23px; color:#333333; line-height:1.4;}
.oxf_tool .tool_text_list p {font-size:22px; color:#434343; line-height:1.27;}

.more_activity {
  padding-top: 60px;
  margin-bottom: 80px;
} /* 2023-06-09 */
.more_activity .tab>ul {display:flex; justify-content:center;}
.more_activity .tab>ul>li {width:264px; margin:0 9px; position:relative; z-index:1;}
.more_activity .tab>ul>li h5 {height:50px; display:flex; align-items:center; padding-left:25px; font-size:24px; color:#fff; border-radius:10px 10px 0 0;}
.more_activity .tab>ul>li.word h5 {background:#ef7b6f;}
.more_activity .tab>ul>li.reading h5 {background:#6ac783;}
.more_activity .tab>ul>li.grammar h5 {background:#49b8d1;}
.more_activity .tab>ul>li.listening h5 {background:#ffae3c;}
.more_activity .tab>ul>li.speaking h5 {background:#7c90d3;}
.more_activity .tab .act {height:92px; background:#fff; border-radius:0 0 10px 10px; padding:10px 25px; text-align:left; position:relative;}
.more_activity .tab .act li {font-size:20px; line-height:35px; cursor:pointer; position:relative;}
.more_activity .tab>ul>li.active::before {content:''; position:absolute; top:-6px; bottom:-6px; left:-6px; right:-5px; background:#fff; z-index:-1; border-radius:13px;}
.more_activity .tab>ul>li.active .act::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:3px solid #ef7b6f; border-radius:0 0 10px 10px;}
.more_activity .tab>ul>li .act li.active {padding-left:20px;}
.more_activity .tab>ul>li .act li.active::before {content:''; border-left:12px solid #ec6354; border-top:7.5px solid transparent; border-bottom:7.5px solid transparent; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.more_activity .tab>ul>li.word.active h5 {background:#ec6354;}
.more_activity .tab>ul>li.word.active .act::before {border-color:#ec6354;}
.more_activity .tab>ul>li.word .act li.active::before {border-left-color:#ec6354;}
.more_activity .tab>ul>li.reading.active h5 {background:#4bb166;}
.more_activity .tab>ul>li.reading.active .act::before {border-color:#4bb166;}
.more_activity .tab>ul>li.reading .act li.active::before {border-left-color:#4bb166;}
.more_activity .tab>ul>li.grammar.active h5 {background:#2c9db6;}
.more_activity .tab>ul>li.grammar.active .act::before {border-color:#2c9db6;}
.more_activity .tab>ul>li.grammar .act li.active::before {border-left-color:#2c9db6;}
.more_activity .tab>ul>li.listening.active h5 {background:#f28e00;}
.more_activity .tab>ul>li.listening.active .act::before {border-color:#f28e00;}
.more_activity .tab>ul>li.listening .act li.active::before {border-left-color:#f28e00;}
.more_activity .tab>ul>li.speaking.active h5 {background:#5469af;}
.more_activity .tab>ul>li.speaking.active .act::before {border-color:#5469af;}
.more_activity .tab>ul>li.speaking .act li.active::before {border-left-color:#5469af;}
.more_activity .content {display:flex; align-items:center; justify-content:center; padding-top:35px; padding-bottom:100px;}
.more_activity .content .view {width:970px; height:604px; border-radius:22px; background:#001a72; padding:5px; position:relative;}
.more_activity .content .view .img {width:100%; height:100%; border-radius:18px; background:#dde; display:block;}
.more_activity .content .view .img.word1_1 {background:url(../images/pic/pic_more_word1_1.png); background-size:100% 100%;}
.more_activity .content .view .img.word1_2 {background:url(../images/pic/pic_more_word1_2.png); background-size:100% 100%;}
.more_activity .content .view .img.word1_3 {background:url(../images/pic/pic_more_word1_3.png); background-size:100% 100%;}
.more_activity .content .view .img.word2_1 {background:url(../images/pic/pic_more_word2_1.png); background-size:100% 100%;}
.more_activity .content .view .img.word2_2 {background:url(../images/pic/pic_more_word2_2.png); background-size:100% 100%;}
.more_activity .content .view .img.word2_3 {background:url(../images/pic/pic_more_word2_3.png); background-size:100% 100%;}
.more_activity .content .view .img.word2_4 {background:url(../images/pic/pic_more_word2_4.png); background-size:100% 100%;}
.more_activity .content .view .img.reading1_1 {background:url(../images/pic/pic_more_reading1_1.png); background-size:100% 100%;}
.more_activity .content .view .img.reading1_2 {background:url(../images/pic/pic_more_reading1_2.png); background-size:100% 100%;}
.more_activity .content .view .img.reading1_3 {background:url(../images/pic/pic_more_reading1_3.png); background-size:100% 100%;}
.more_activity .content .view .img.reading1_4 {background:url(../images/pic/pic_more_reading1_4.png); background-size:100% 100%;}
.more_activity .content .view .img.reading2_1 {background:url(../images/pic/pic_more_reading2_1.png); background-size:100% 100%;}
.more_activity .content .view .img.reading2_2 {background:url(../images/pic/pic_more_reading2_2.png); background-size:100% 100%;}
.more_activity .content .view .img.reading2_3 {background:url(../images/pic/pic_more_reading2_3.png); background-size:100% 100%;}
.more_activity .content .view .img.reading2_4 {background:url(../images/pic/pic_more_reading2_4.png); background-size:100% 100%;}
.more_activity .content .view .img.reading2_5 {background:url(../images/pic/pic_more_reading2_5.png); background-size:100% 100%;}
.more_activity .content .view .img.grammar1_1 {background:url(../images/pic/pic_more_grammar1_1.png); background-size:100% 100%;}
.more_activity .content .view .img.grammar1_2 {background:url(../images/pic/pic_more_grammar1_2.png); background-size:100% 100%;}
.more_activity .content .view .img.grammar1_3 {background:url(../images/pic/pic_more_grammar1_3.png); background-size:100% 100%;}
.more_activity .content .view .img.listening1_1 {background:url(../images/pic/pic_more_listening1_1.png); background-size:100% 100%;}
.more_activity .content .view .img.listening1_2 {background:url(../images/pic/pic_more_listening1_2.png); background-size:100% 100%;}
.more_activity .content .view .img.listening1_3 {background:url(../images/pic/pic_more_listening1_3.png); background-size:100% 100%;}
.more_activity .content .view .img.listening1_4 {background:url(../images/pic/pic_more_listening1_4.png); background-size:100% 100%;}
.more_activity .content .view .img.speaking1_1 {background:url(../images/pic/pic_more_speaking1_1.png); background-size:100% 100%;}
.more_activity .content .view .img.speaking1_2 {background:url(../images/pic/pic_more_speaking1_2.png); background-size:100% 100%;}
.more_activity .content .view .img.speaking1_3 {background:url(../images/pic/pic_more_speaking1_3.png); background-size:100% 100%;}
.more_activity .content .view .img.speaking1_4 {background:url(../images/pic/pic_more_speaking1_4.png); background-size:100% 100%;}
.more_activity .content .view .desc {font-size:22px; line-height:32px; position:absolute; top:100%; left:0; right:0; padding-top:35px;}
.more_activity .content .thumb_list {width:280px; position:relative;}
.more_activity .content .thumb_list ul {position:absolute; top:50%; transform:translateY(-50%); left:-10000%;}
.more_activity .content .thumb_list ul.show {left:35px;}
.more_activity .content .thumb_list ul li {width:239px; height:149px; margin:16px 0; position:relative; z-index:1; cursor:pointer;}
.more_activity .content .thumb_list ul.more5 li {width:192px; height:119px; margin:12px 0;}
.more_activity .content .thumb_list ul li img {width:100%; height:100%; border-radius:4px; pointer-events:none;}
.more_activity .content .thumb_list ul li.on::before {content:''; position:absolute; top:-6px; bottom:-6px; left:-6px; right:-6px; background:#fff; border-radius:8px; z-index:-1;}
.more_activity .content .thumb_list ul li.on::after {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:3px solid #001a72; border-radius:4px;}
.more_activity .content .thumb_list ul li p {display:none;}

.oxf_activity {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 80px;
} /* 2023-06-09 */
.oxf_activity li {width:525px; margin:0 20px;}
.oxf_activity li strong {display:block; font-size:22px; margin-bottom:10px;}
.exp_intro .exp_section .oxf_activity li p {min-height:115px; font-size:18px; padding-top:13px;}

.oxf_self {display:flex; align-items:center; justify-content:center; margin-top:65px;}
.oxf_self dl {height:610px; position:relative;}
.oxf_self dl dd {position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size:24px; font-weight:500;}
.oxf_self dl:nth-child(1) {padding-top:15px;}
.oxf_self dl:nth-child(1) dd {left:40%;}
.oxf_self .plus {margin-left:25px; margin-right:90px;}

.oxf_lms {display:flex; align-items:flex-end; justify-content:center; margin-top:70px;}
.oxf_lms dl+dl {margin-left:40px;}
.oxf_lms dd {font-size:22px; font-weight:500; margin-top:8px;}

.ebook_wrap.oxford {margin:80px auto 40px;}
.ebook_wrap.oxford .tab_box > div.tab01 > a {background:#d26f40;}
.ebook_wrap.oxford .tab_box > div.tab02 > a {background:#b15177;}
.ebook_wrap.oxford .tab_box > div.tab03 > a {background:#66a9b7;}
.ebook_wrap.oxford .tab_box > div.tab04 > a {background:#69aee3;}
.ebook_wrap.oxford .tab_box > div.tab05 > a {background:#249554;}
.ebook_wrap.oxford .tab_box > div.tab06 > a {background:#8066a5;}
.ebook_wrap.oxford.od .tab_box > div.tab01 > a {background:#ec6354;}
.ebook_wrap.oxford.od .tab_box > div.tab02 > a {background:#4a96d2;}
.ebook_wrap.oxford.od .tab_box > div.tab03 > a {background:#f28e00;}
.ebook_wrap.oxford.od .tab_box > div.tab04 > a {background:#86bd40;}
.ebook_wrap.oxford.od .tab_box > div.tab05 > a {background:#9b569e;}
.ebook_wrap.oxford.od .tab_box > div.tab06 > a {background:#51b0a3;}

.exp_intro.wings .exp_top .tit {margin-top:35px; font-size:29px; font-weight:600;}
.exp_intro.elif .exp_top {padding:140px 0 85px; background-image:url(../images/bg/bg_exp_top02.jpg);}
.exp_intro.elif .exp_top .con {margin-top:30px}
.exp_intro.elif .exp_top .con p {margin-top:20px;}
.exp_intro.remote .exp_top {padding:140px 0 160px;}
.exp_intro.remote .exp_top .tit {margin-top:0; font-size:50px; color:#000; font-family:'gotham-round'; font-weight:600;}
.exp_intro.remote .exp_top .con {margin-top:55px; margin-bottom: 70px;}

.exp_intro.oxford .exp_top {padding:120px 0 0;}
.exp_intro.oxford .exp_top .con,
.exp_intro.mathalive .exp_top .con {margin-top:80px; position:relative;}
.exp_intro.oxford .exp_top .con:before,
.exp_intro.mathalive .exp_top .con:before {content:''; width:40px; height:12px; background:#001a72; border-radius:6px; position:absolute; top:-40px; left:50%; transform:translateX(-50%);}
.exp_intro.oxford .exp_top .con p {font-size:32px; color:#001a72; line-height:1.45; margin-bottom:35px;} 
.exp_intro.oxford .oxf_logo {position:absolute; top:120px; right:160px;}
.exp_intro.oxford .exp_section {padding-left:50px; padding-right:50px;}
.exp_intro.oxford.od .exp_top {padding: 120px 0;}
.exp_intro.oxford.od .exp_top .con:before {background:#2f8bb8;}
.exp_intro.oxford.od .exp_top .con p {margin-bottom:45px;}

.exp_intro.mathalive .exp_top {padding:120px 0;}
.exp_intro.mathalive .exp_top .con:before {background:#fa4238;}
.exp_intro.mathalive .exp_top .con>p {font-size:40px;}
.exp_intro.mathalive .math_intro {display:flex; justify-content:center; margin-top:65px;}
.exp_intro.mathalive .math_intro li {width:410px; margin:0 15px; font-size:21px; line-height:1.28;}
.exp_intro.mathalive .math_intro li h6 {color:#001a72; font-weight:500; padding-top:35px;}
.exp_intro.mathalive .math_intro li p {margin-top:10px; font-weight:300; font-size:inherit;}
/* [s] 2023-07-25 */
.exp_intro.challenge .logo {height: 162px;}
#contents .exp_intro.challenge h4 {font-size: 40px;}
#contents .exp_intro.challenge .exp_top h4 {padding-top: 80px;position: relative;}
#contents .exp_intro.challenge .exp_top h4::before {content: " ";width: 40px;height: 12px;background: #e46d25;border-radius: 6px;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);}
.exp_intro.challenge .exp_top {
    padding: 120px 0 90px;
}
.exp_intro.challenge .exp_top > p {
    font-size: 25px;
    margin-bottom: 80px;
}
.challenge_digital_img {
    margin-top: 50px;
}
.challenge_content {
    padding-top: 50px;
}
.challenge_content nav {
    display: inline-flex;
    background: #ff6f00;
    height: 62px;
    border-radius: 31px;
}
.challenge_content nav button {
    width: 249px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 22px;
    position: relative;
}
.challenge_content nav button.on {
    color: #fff;
    font-weight: 500;
}
.challenge_content nav button:not(:first-child)::before {
    content: "";
    width: 2px;
    height: 22px;
    background: #ffd4b3;
    border-right: 2px solid #fe6400;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}
.challenge_content .content {
    padding-top: 40px;
    max-width: 1320px;
    margin: 0 auto;
}
.challenge_content .content > div {
    display: none;
}
.challenge_content .content > div > h5 {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}
.challenge_content .content > div > p {
    font-size: 22px;
    color: #7d7d7d;
    margin-top: 15px;
}
.challenge_content .img_wrap {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 18px;
    justify-content: center;
}
.challenge_content .img_wrap::after {
    display: none;
}
.challenge_content .img_wrap li {
    width: 428px;
}
.challenge_content .img_wrap h6 {
    font-size: 20px;
    font-weight: 500;
    padding-top: 10px;
}
.challenge_content .img_wrap p {
    font-size: 20px;
    color: #7d7d7d;
    letter-spacing: -0.03em;
}
.ebook_wrap.challenge .tab_box > div.tab01 > a {
    background: #db3549;
}
.ebook_wrap.challenge .tab_box > div.tab02 > a {
    background: #27a466;
}
.ebook_wrap.challenge .tab_box > div.tab03 > a {
    background: #0089c7;
}
/* [s] 2023-07-31 */
.challenge_curriculum {
    padding-top: 70px;
}
.challenge_curriculum .content {
    display: flex;
    align-items: flex-end;
    max-width: 1320px;
    margin: 0 auto;
    gap: 55px;
}
.challenge_curriculum .curriculum {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}
.challenge_curriculum .curriculum::before {
    content: "";
    width: 47px;
    height: 331px;
    background: url(../images/pic/pic_challenge_curriculum_line.png);
    background-size: 100% 100%;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 15px;
}
.challenge_curriculum .curriculum::after {
    display: none;
}
.challenge_curriculum .curriculum li {
    display: flex;
    align-items: center;
    gap: 20px;
}
.challenge_curriculum .curriculum li > div {
    height: 156px;
    border-radius: 20px;
    display: flex;
    align-items: center;
}
.challenge_curriculum .step_box {
    width: 210px;
    background: #263052;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}
.challenge_curriculum .step_box .step {
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    font-size: 25px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 22px;
}
.challenge_curriculum .step_box p {
    font-size: 22px;
    color: #fff;
}
.challenge_curriculum .color_box {
    font-size: 25px;
    color: #fff;
    justify-content: center;
}
.challenge_curriculum .no_box {
    font-size: 25px;
    color: #000;
    flex: 1;
    text-align: left;
}
.challenge_curriculum .curriculum li:nth-child(1) .step {
    color: #db354a;
}
.challenge_curriculum .curriculum li:nth-child(1) .color_box {
    background: #dc354a;
    width: 238px;
}
.challenge_curriculum .curriculum li:nth-child(2) .step {
    color: #0089c7;
}
.challenge_curriculum .curriculum li:nth-child(2) .color_box {
    background: #0089c7;
    width: 372px;
}
.challenge_curriculum .curriculum li:nth-child(3) .step {
    color: #26a465;
}
.challenge_curriculum .curriculum li:nth-child(3) .color_box {
    background: #26a465;
    width: 504px;
}
/* [e] 2023-07-31 */
.challenge_curriculum .download {
    background: #001a72;
    margin-top: 75px;
    color: #fff;
    padding: 0 26px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    border-radius: 21px;
    gap: 10px;
}
.challenge_curriculum .download::after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/ico/ico_download2.png);
    background-size: 100% 100%;
}

.solution_video {
    position: relative;
}
.solution_video a {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.solution_video a strong {
    display: block;
    position: relative;
    top: 50%;
    padding-top: 75px;
    padding-bottom: 235px;
    font-size: 35px;
    line-height: 1;
    font-weight: 500;
    transform: translateY(-50%);
    background: url(../images/ico/ico_play.png) no-repeat center bottom;
}
.solution_video video {
    display: block;
    width: 100%;
}
.solution_video .vimeo_wrap {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    padding: 56.25% 0 0 0;
}
/* [s] 2023-07-31 */
.challenge .solution_video a {
    background: rgba(0, 0, 0, 0.4);
}
.challenge .solution_video a strong {
    background-position: center center;
}
/* [e] 2023-07-31 */
.challenge_global {
    height: 843px;
    background: url(../images/bg/bg_challenge_global.png);
    text-align: center;
    padding-top: 115px;
}
#contents .exp_intro.challenge .challenge_global h4 {
    color: #fff;
}
.challenge_global .content {
    padding-top: 60px;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.challenge_global .con1 {
    position: relative;
}
.challenge_global .con1 p {
    font-size: 20px;
    color: #fff;
    position: absolute;
    bottom: 8px;
    left: 408px;
    width: 500px;
    text-align: left;
    font-weight: 300;
}
.challenge_global .con2 {
    padding-top: 20px;
}
.challenge_global .con2 h6 {
    font-size: 24px;
    color: #fff;
}
.challenge_global .con2 .paper {
    position: relative;
    z-index: 1;
    width: 328px;
    height: 398px;
    margin-top: 10px;
}
.challenge_global .con2 .paper .bg {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #000;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.challenge_global .con2 .paper .bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #dfdfdf;
    border: 1px solid #000;
    z-index: -1;
}
.challenge_global .con2 .paper .bg a {
    position: absolute;
    inset: 0;
} /* 2023-07-31 */
.challenge_global .con2 .paper img {
    width: 100%;
}
.challenge_global .con2 .paper p {
    font-size: 20px;
    color: #041a72;
    font-weight: 300;
}
.challenge_global .con2 .paper p b {
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}
/* [e] 2023-07-25 */

.math_learning_features {display:flex; flex-direction:column; align-items:center; padding-top:50px; max-width:1320px; margin:0 auto;}
.math_learning_features .depth-1 button {height:50px; background:#fff; border:2px solid #001a72; border-radius:25px; padding:0 30px; font-size:25px; color:#001a72; font-weight:500; margin:0 6px;}
.math_learning_features .depth-1 button.on {background:#001a72; color:#fff;}
.math_learning_features .depth-2 {background:#86cf09; border-radius:31px; margin-top:40px; display:none;}
.math_learning_features .depth-2.view {display:flex;}
.math_learning_features .depth-2 .tab button {width:250px; height:62px; font-size:20px; color:rgba(255,255,255,0.6); position:relative;}
.math_learning_features .depth-2 .tab button.on {color:#fff; font-weight:500;}
.math_learning_features .depth-2 .tab button::before {content:''; width:2px; height:22px; background:#dbf1b6; border-right:2px solid #74b603; position:absolute; top:50%; left:0; transform:translate(-50%, -50%);}
.math_learning_features .depth-2 .tab button:first-of-type:before {display:none;}
.math_learning_features .content {width:100%; height:620px; overflow-y:auto; margin-top:55px; display:flex; justify-content:center;}
.math_learning_features .content::-webkit-scrollbar {width:10px;}
.math_learning_features .content::-webkit-scrollbar-thumb {background:#b0d6f6; border-radius:5px;}
.math_learning_features .content .inner>div {display:none;}
.math_learning_features .content .inner>div.view {display:block;}
.math_learning_features .content h6 {font-size:22px; font-weight:600; text-align:left; padding:0 1%;}
.math_learning_features .content p {font-size:22px; color:#7d7d7d; padding:15px 1% 25px;letter-spacing:-0.02em; text-align:left;}
.math_learning_features .content p.list span {display:block;}
.math_learning_features .content p.list span::before {content:''; width:9px; height:9px; background:#7d7d7d; border-radius:100%; display:inline-block; vertical-align:middle; margin-right:7px;}
.math_learning_features .content iframe {width:100%; height:326px;}
.math_learning_features .img_wrap {display:flex; flex-wrap:wrap; max-width:1200px; justify-content:center;}
.math_learning_features .img_wrap>div {margin:0 1%; width:31.3%; margin-bottom:20px;}
.math_learning_features .img_wrap p {padding-top:10px; padding-bottom:0; text-align:center; font-size:20px; color:#001a72; font-weight:500;}
.math_learning_features .content .no_img h6,
.math_learning_features .content .no_img p {padding-left:0; padding-right:0;}
.math_learning_features .content .inner>div.inclass-1>div {display:flex; justify-content:center;}
.math_learning_features .content .inner>div.inclass-1>div>div {width:39%; margin:0 2%;}
.math_learning_features .content .inner>div.inclass-2 {width:950px;}
.math_learning_features .content .inner>div.inclass-2 .img_wrap>div {margin-left:1.5%; margin-right:1.5%; width:47%;}

.math_assessment {padding-top:50px;}
.math_assessment li {display:flex; flex-direction:column; align-items:center;}
.math_assessment li:nth-child(n+2) {margin-top:110px;}
.math_assessment h6 {height:48px; line-height:48px; font-size:25px; color:#fff; padding:0 35px; border-radius:23px; margin-bottom:25px;}
.math_assessment p {margin-top:30px; font-size:25px;}
.math_assessment .img {position:relative;}
.math_assessment .bg_line {position:absolute; bottom:10px; z-index:-1;}
.math_assessment .diagnostic h6 {background:#694a9f;}
.math_assessment .diagnostic .bg_line {right:70%;}
.math_assessment .module h6 {background:#17b6d7;}
.math_assessment .module .bg_line {left:81%;}

/* [s] 2023-03-21 */
.mathalive .certification {margin-top:90px; display:flex; justify-content:center; align-items:center;}
.mathalive .certification p {width:1030px; background:#e2f2ff; border-radius:27px; padding:30px 40px; text-align:left; position:relative; margin-left:45px; font-size:24px;}
.mathalive .certification p::before {content:""; border:10px solid transparent; border-left:0; border-right:15px solid #e2f2ff; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
/* [e] 2023-03-21 */

.math_aids {padding-top:50px;}
.math_aids>div {position:relative; z-index:0;}
.math_aids>div::before {content:''; width:78%; height:577px; background:#fff; position:absolute; top:0; bottom:0; margin:auto 0; z-index:-1;}
.math_aids .bg_l::before {left:0; border-radius:0 132px 132px 0;}
.math_aids .bg_r::before {right:0; border-radius:132px 0 0 132px;}
.math_aids dl {padding:0 25px; font-size:25px;}
.math_aids dt {padding:0 30px; font-weight:500; color:#001a72; position:relative; margin-bottom:15px;}
.math_aids dt::before {content:''; width:9px; height:37px; background:#001a72; border-radius:4.5px; position:absolute; top:0; bottom:0; margin:auto 0;}
.math_aids dd {font-weight:300; letter-spacing:-0.03em;}
.math_aids .img_l, .math_aids .img_r {max-width:1300px; margin:0 auto; display:flex; align-items:center;}
.math_aids .img_l dl {text-align:left; padding-right:0;}
.math_aids .img_l dt::before {left:0;}
.math_aids .img_r {justify-content:flex-end;}
.math_aids .img_r img {order:2;}
.math_aids .img_r dl {text-align:right; padding-left:0;}
.math_aids .img_r dt::before {right:0;}

.math_curriculum {padding-top:40px; max-width:1300px; margin:0 auto;}
.math_curriculum .btn_blue {height:43px; line-height:43px; padding-left:25px; padding-right:50px; background:#3b3e9e; border-radius:21px; font-size:22px; color:#fff; position:relative; display:inline-block;}
.math_curriculum .btn_blue::before {position:absolute; top:50%; right:35px; transform:translate(50%, -50%);}
.math_curriculum .btn_blue.next::before {content:''; width:11px; height:17px; background:url(../images/ico/ico_next_white2.png); background-size:100% 100%;}
.math_curriculum .btn_blue.down::before {content:''; width:22px; height:22px; background:url(../images/ico/ico_download2.png); background-size:100% 100%;}
.math_curriculum .btn_blue.down {margin-top:30px;}
.math_curriculum .btn_right {text-align:right; margin:20px 0;}

/* [s] 2023-05-03 */
.math_curriculum .curriculum_img {
    position: relative;
}
.math_curriculum .info_wrap {
    position: absolute;
    top: 23px;
    display: flex;
}
.math_curriculum .info_wrap#ccss {
    right: 185px;
}
.math_curriculum .info_wrap#qm {
    right: 50px;
}
.math_curriculum .ico_info {
    width: 26px;
    height: 26px;
}
.math_curriculum .cont_info {
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 13px;
    margin-right: -28px;
    text-align: left;
}
.math_curriculum .cont_info::before {
    border-bottom: 9px solid #587fd5;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: auto;
    bottom: 100%;
    right: 33px;
}
.math_curriculum .info .cont_info dt {
    font-size: 23px;
    font-weight: 500;
}
.math_curriculum .info .cont_info dd {
    font-size: 20px;
}
/* [e] 2023-05-03 */

#math_curriculum_pop .popup {width:1380px; padding:110px 100px; background:#fff; border-radius:40px;}
#math_curriculum_pop h4 {font-size:40px; color:#001a72; text-align:center; font-weight:500;}
#math_curriculum_pop .txt_wrap {padding-top:70px; padding-bottom:35px; font-size:22px; line-height:1.45;}
#math_curriculum_pop .btn_close {width:25px; height:24px; background:url(../images/ico/ico_pop_close_b.png); background-size:100% 100%; position:absolute; top:47px; right:39px; text-indent:-9999px;}

/* [s] 2023-05-02 */
#quantile {
    padding-top: 0;
}
#quantile .content {
    max-width: 1300px;
    margin: 0 auto;
}
#quantile .content > p {
    padding-top: 40px;
}
#quantile .content .graph {
    margin-top: 130px;
    border-top: 1px solid #525357;
    padding-top: 25px;
}
#quantile .content .graph .desc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 50px;
}
#quantile .content .graph .desc ul li {
    padding-left: 24px;
    font-size: 25px;
    color: #252836;
    font-weight: 500;
    text-align: left;
    line-height: 1.3;
    position: relative;
    letter-spacing: -0.03em;
}
#quantile .content .graph .desc ul li + li {
    margin-top: 10px;
}
#quantile .content .graph .desc ul li::before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 9px;
    left: 0;
}
#quantile .content .graph .desc ul li:nth-child(1)::before {
    background: #9e6cf3;
}
#quantile .content .graph .desc ul li:nth-child(2)::before {
    background: #53ced7;
}
/* [e] 2023-05-02 */

.exp_intro .program01 {margin-top:40px; display: flex; justify-content: center; font-family: none;}
.exp_intro .program01>img {height: 330px;}
.exp_intro .program01 ul li {display: flex;}
.exp_intro .program01 ul li>div {height: 102px; display: flex; align-items: center; padding-left: 13px; text-align: left;}
.exp_intro .program01 ul li .box1 {width: 127px; background-color: #383838; border-radius: 15px; font-size: 15px; color: #fff;}
.exp_intro .program01 ul li .box1 b {font-size: 21px;}
.exp_intro .program01 ul li .box2 {font-size: 22px; color: #fff; border-radius: 18px;}
.exp_intro .program01 ul li .box3 {font-size: 27px; color: #222; padding-left: 13px; text-align: left;}
.exp_intro .program01 ul li.lv1 .box1 b {color: #d32149;}
.exp_intro .program01 ul li.lv1 .box2 {background-color: #d32149; width: 185px;}
.exp_intro .program01 ul li.lv2 .box1 b {color: #2d9627;}
.exp_intro .program01 ul li.lv2 .box2 {background-color: #2d9627; width: 325px;}
.exp_intro .program01 ul li.lv3 .box1 b {color: #1d64c2;}
.exp_intro .program01 ul li.lv3 .box2 {background-color: #1d64c2; width: 495px;}

.exp_intro .program02 {margin-top:30px;}
.exp_intro .people_info {padding:30px 135px; margin-top:30px; border-radius:36px; background:#fff;}
.exp_intro .people_info:after {display:block; content:''; clear:both;}
.exp_intro .people_info .thumb {float:left; width:233px;}
.exp_intro .people_info .con {float:right; width:calc(100% - 268px); padding-top:25px; text-align:left;}
.exp_intro .people_info .con strong {display:block; line-height:1; font-size:30px; font-weight:500; color:#001a72;}
.exp_intro .people_info .con em {display:block; margin:10px 0 15px; line-height:1; font-size:20px; font-weight:500; color:#000000;}
.exp_intro .people_info .con p {font-size:20px; line-height:1.5;}

.exp_intro .ebook_box01 {width:100%; margin-top:55px;}
.exp_intro .ebook_box01 iframe {width:100%; height:675px; background:#e2f2ff;}

.learn_list {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
} /* 2023-06-09 */
.learn_list li {display:inline-block; margin-top:36px;}
.learn_list li:nth-child(even) {margin-left:24px;}
.learn_list li strong {display:block; margin-top:10px; font-size:18px; font-weight:500;}
.exp_display {
  margin-top: 50px;
  margin-bottom: 100px;
} /* 2023-06-09 */
.exp_display li {display:inline-block; margin:0 10px;}
.exp_display li strong {display:block; margin-top:10px; font-size:18px; font-weight:500; color:#000000;}

.exp_video_list {display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px auto -35px;}
.exp_video_list:after {display:none;}
.exp_video_list li {margin-bottom:35px;}
.exp_video_list li .exp_video {width:417px;}
.exp_video_list li .exp_video > div {padding:56.25% 0 0 0; position:relative;}
.exp_video_list li .exp_video > div.type02 {padding:62.5% 0 0 0;}
.exp_video_list li .exp_video strong {display:block; margin-top:10px; font-size:18px; font-weight:500;}

.ebook_wrap {width:1200px; margin:45px auto 70px;}
.ebook_wrap .tab_box {display:table; table-layout:fixed; width:100%;}
.ebook_wrap .tab_box > div {display:table-cell; width:1%; position:relative}
.ebook_wrap .tab_box.el {border-bottom:1px solid #001a72; border-left:1px solid #001a72;}
.ebook_wrap .tab_box.el > div {border-top:1px solid #001a72; border-right:1px solid #001a72;}
.ebook_wrap .tab_box > div > a {display:block; line-height:54px; color:#fff; font-size:20px; font-weight:500;}
.ebook_wrap .tab_box > div > .inner {display:none; position:absolute; z-index:1; left:0; top:54px; width:100%; background:#fff;}
.ebook_wrap .tab_box > div > .inner li {border:1px solid #001a72;}
.ebook_wrap .tab_box > div > .inner li + li {margin-top:-1px;}
.ebook_wrap .tab_box > div > .inner li a {display:block; position:relative; line-height:53px; font-size:20px; font-weight:500;}
.ebook_wrap .tab_box > div > .inner li a:before {content:''; position:absolute; z-index:-1; left:50%; top:50%; width:33px; height:33px; border-radius:50%; background:#a7d8ff; transform:translate(-50%, -50%); opacity:0; transition:all .3s ease;}
.ebook_wrap .tab_box > div > .inner li a:hover:before {opacity:1;}
.ebook_wrap .tab_box > div.tab01 > a {background:#d32149;}
.ebook_wrap .tab_box > div.tab02 > a {background:#2d9627;}
.ebook_wrap .tab_box > div.tab03 > a {background:#1d64c2;}
.ebook_wrap .tab_box > div.el_tab01 > a {background:#fcc622;}
.ebook_wrap .tab_box > div.el_tab02 > a {background:#7fb83b;}
.ebook_wrap .tab_box > div.el_tab03 > a {background:#ec742b;}
.ebook_wrap .tab_box > div.el_tab04 > a {background:#3babc5;}
.ebook_wrap .tab_box > div.el_tab05 > a {background:#df5a95;}
.ebook_wrap .tab_box > div.el_tab06 > a {background:#936250;}
.ebook_wrap .tab_box > div.off > a {color:#fff !important; background:#001a72 !important;}

.ebook_wrap .tab_con {margin-top:46px; width:100%; height:675px; background:#e2f2ff;}
.ebook_wrap .tab_con.bg_white {background: #fff;padding-top: 46px;margin-top: 0;box-sizing: content-box;} /* 2023-07-25 */
.ebook_wrap .tab_con > div {display:none;}
.ebook_wrap .tab_con > div:first-child {display:block;}
.ebook_wrap .tab_con > div iframe {width:100%; height:675px;} 

.exp_set {margin-top:25px;}
.exp_set div {display:inline-block;}
.exp_set div + div {margin-left:44px;}
.exp_set div p {display:table-cell; height:195px; vertical-align:middle;}
.exp_set div strong {display:block; font-size:18px; font-weight:500; margin-top:24px; color:#000000;}

.normal_tab {width:1200px; margin:45px auto 0;}
.normal_tab .nm_tab {display:table; table-layout:fixed; width:100%; margin-bottom:65px; border-left:1px solid #001a72; border-top:1px solid #001a72;}
.normal_tab .nm_tab:after {display:none;}
.normal_tab .nm_tab li {display:table-cell; width:1%; border-right:1px solid #001a72; border-bottom:1px solid #001a72;}
.normal_tab .nm_tab li a {display:block; line-height:56px; font-size:20px; font-weight:500;}
.normal_tab .nm_tab li.on {background:#001a72;}
.normal_tab .nm_tab li.on a {color:#fff;}
.normal_tab .nm_tabcon {width:100%;}
.normal_tab .nm_tabcon > div {display:none;}
.normal_tab .nm_tabcon > div + div {margin-top:0 !important;}
.normal_tab .nm_tabcon > div > div {height:675px; background:#fff;}
.normal_tab .nm_tabcon iframe {width:100%; height:675px;}

/* [s] 2023-02-16 Game Activities */
.normal_tab.odf_game {margin:65px auto 0;}
.normal_tab.odf_game .nm_tab {margin-bottom:20px;}
.normal_tab.odf_game .nm_tab li:not(.on) {background:#e2f2ff;}
.normal_tab.odf_game .activities {margin:0 -50px; width:calc(100% + 100px); height:auto;}
.normal_tab.odf_game .activities > ul > li {margin-top:70px; text-align:left;}
.normal_tab.odf_game .activities li h5 {font-size:25px;}
.normal_tab.odf_game .activities li p {padding-top:20px;}
.normal_tab.odf_game .activities .images {margin-top:30px; display:flex; justify-content:space-between;}
.normal_tab.odf_game .activities .images img {border-radius:20px;}
/* [e] 2023-02-16 Game Activities */

.video_box {padding:56.25% 0 0 0; position:relative;}

.video_bro {display:flex; justify-content:space-between; margin-top:60px;}
.video_bro > div > strong {display:block; margin-bottom:15px; font-size:20px; font-weight:300;}
.video_bro:after {display:block; content:''; clear:both;}
.video_bro .pro_video {width:calc(50% - 20px);}
.video_bro .pro_video > div {padding:56.25% 0 0 0; position:relative; background:#e2f2ff;}
.video_bro .brochure {width:calc(50% - 20px); height:100%;}
.video_bro .brochure > div {padding:56.25% 0 0 0; position:relative; background:#e2f2ff;}
.video_bro .brochure > div iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.video_bro .bro_radio li + li {margin-top:10px;}
.video_bro .bro_radio li label {display:block; position:relative; padding-left:31px;}
.video_bro .bro_radio li label input[type="radio"] {position:absolute; z-index:-1; left:-9999px; width:0; height:0; clip:rect(0,0,0,0); overflow:hidden;}
.video_bro .bro_radio li label input[type="radio"] + i {position:absolute; z-index:1; left:0; top:0; width:22px; height:22px; background:url(../images/ico/ico_radio02.png);}
.video_bro .bro_radio li label input[type="radio"]:checked + i {background-image:url(../images/ico/ico_radio02_on.png);}
.video_bro .bro_radio li label input[type="radio"] + i + span {display:block; line-height:22px; font-size:18px; font-weight:300;}

.demo_ban > div {display:block; height:430px; padding-top:120px; text-align:center; background:url(../images/pic/pic_demobanner.jpg) no-repeat center top;}
.demo_ban.bg02 > div {background-image:url(../images/pic/pic_demobanner02.jpg);}
.demo_ban.bg02 .demo_odf {background-image:url(../images/pic/DEMO_BANNERS_ODF.jpg);}
.demo_ban.bg02 .demo_od {background-image:url(../images/pic/DEMO_BANNERS_OD.jpg);}
.demo_ban.bg02 .demo_math {background-image:url(../images/pic/DEMO_BANNERS_MathAlive.jpg);}
.demo_ban .demo_chg {background-image: url(../images/pic/DEMO_BANNERS_Challenge.jpg);}
.demo_ban > div strong {display:block; font-size:40px; font-weight:500;}
.demo_ban > div p {margin-top:5px; font-size:25px; line-height:1.4; font-weight:300;}
.demo_ban > div a {display:block; width:188px; line-height:39px; margin:20px auto 0; font-size:15px; font-weight:500; color:#bf7c19; border-radius:100px; background:#fff;}

.cont_info_wrap {display:flex; justify-content:space-between; margin-top:60px;}
.cont_info_wrap.fl_center li {margin:0 10px; flex-basis:33.33%;}
.cont_info_wrap.fl_center li strong {min-height:auto;}
.cont_info_wrap:after {display:none;}
.cont_info_wrap li {flex-basis:25%; line-height:1.5;}
.cont_info_wrap li strong {display:block; margin-top:24px; font-size:20px; font-weight:500; color:#001a72;}/* 2022-12-06 min-height 삭제 */
.cont_info_wrap li span {display:block; padding:0 5px; margin-top:5px; font-size:20px; font-weight:300;}

.accordion li {margin-bottom:26px;}
.accordion h6 {background:#001a72; border-radius:12px; font-size:30px; line-height:45px; color:#fff; text-align:left; text-indent:20px; padding:13px 90px 13px 30px; cursor:pointer; position:relative;}
.accordion h6::before {content:''; width:30px; height:24px; background:url(../images/ico/ico_tag.png); background-size:100% 100%; display:inline-block; vertical-align:middle; margin-right:20px; margin-left:-20px;}
.accordion h6::after {content:''; width:26px; height:15px; background:url(../images/ico/ico_select_arrow_w2.png); background-size:100% 100%; position:absolute; top:0; bottom:0; right:30px; margin:auto 0;}
.accordion .content {display:none; padding-top:20px; padding-bottom:100px;}
.accordion .content > p {font-size:25px; margin-bottom:80px; padding:0 20px;}
.accordion .img_con {display:flex; justify-content:center;}
.accordion .img_con > div+div {margin-left:60px;}
.accordion .img_con p {font-size:20px; padding-top:15px;}
.accordion li.on h6::after {transform:rotate(180deg);}
.accordion li.on .content {display:block;}
.accordion .a03 .img_con > div {width:575px;}
.accordion .a03 .img_con img {height:362px;}
.el_video {width:660px;}
.exp_intro .exp_section .el_video p {margin-bottom:10px; font-size:20px;}
.el_video .video {padding:56.35% 0 0 0; position:relative;}

.video_search {width:650px; margin:0 auto 55px;}
.video_search:after {display:block; content:''; clear:both;}
.video_search input[type="text"] {float:left; width:calc(100% - 150px); height:40px;}
.video_search input[type="submit"] {float:right; width:140px; height:40px; font-size:15px; font-weight:500; color:#fff; border:0; background:#001a72;}

.class_wrap > div {display:none;}

.app_ban {height:430px; padding-top:95px;}
.app_ban>div {max-width:1450px; margin:0 auto; padding:0 15px;}
.app_ban p {font-size:34px; font-weight:500;}
.app_ban p b {font-weight:500; display:block;}
.app_ban .download {display: flex; margin-top:60px;}
.app_ban .download li {display: flex; align-items: center;}
.app_ban .download li a {width:209px; height:61px; display:block;}
.app_ban .download li a.ios {background: url(../images/ico/ico_store_ios.png) center no-repeat;}
.app_ban .download li a.aos {background: url(../images/ico/ico_store_aos.png) center no-repeat;}
.app_ban .download li .qr {margin-left:10px;}
.app_ban .download li+li {margin-left:35px;}
.wings .app_ban {background:url(../images/bg/bg_appbanner_wings.png) 80% top no-repeat;}
.elif .app_ban p {color:#fff; text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.42);}
.elif .app_ban {background:url(../images/bg/bg_appbanner_elif.png) 80% top no-repeat;}

/* [s] 2023-05-02 */
.app_ban .download dl {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.app_ban .download dl + dl {
    margin-left: 95px;
}
.app_ban .download dt {
    font-size: 24px;
    color: #fff;
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 20px;
}
.app_ban .download dt::before,
.app_ban .download dt::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%;
}
/* [s] 2023-05-04 */
.app_ban .download li a.ico_only {
    width: 75px;
    height: 75px;
}
.app_ban .download li a.ico_only.ios {
    background: url(../images/ico/ico_store_ios_2.png) center no-repeat;
    background-size: 100% 100%;
}
.app_ban .download li a.ico_only.aos {
    background: url(../images/ico/ico_store_aos_2.png) center no-repeat;
    background-size: 100% 100%;
}
/* [e] 2023-05-04 */
.app_ban .download dd ul {
    display: flex;
}
.app_ban .download dd li + li {
    margin-left: 45px;
}
.mathalive .app_ban {
    background: url(../images/bg/bg_appbanner_mathalive.png) 80% top no-repeat;
    padding-top: 80px;
}
.mathalive .app_ban p {
    color: #fff;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.42);
}
/* [e] 2023-05-02 */
/* 2023-05-03 */
.mathalive .download li .qr {
    width: 75px;
}

/* [s] 2023-07-25 */
.challenge .app_ban {
    background: url(../images/bg/bg_appbanner_challenge.png) 80% top no-repeat;
}
.challenge .app_ban p {
    color: #fff;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.42);
    font-size: 40px;
}
.app_ban .download li a {
    width: 231px;
    height: 67px;
}
.app_ban .download li a.ios {
    background-image: url(../images/ico/ico_store_ios_b.png);
}
.app_ban .download li a.aos {
    background-image: url(../images/ico/ico_store_aos_b.png);
}
/* [e] 2023-07-25 */

/* [s] 2023-06-09 */
.try_area {
  position: relative;
  margin: 0 -999px;
  height: 130px;
}
.try {
  position: absolute;
  inset: auto 0 0 0;
  height: 90px;
  background: rgba(33, 65, 175, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}
.try.light {
  background: rgba(255,255,255,0.3);
}
.try a {
  color: #3554be;
  border-bottom: 1px solid #3554be;
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
  position: relative;
  vertical-align: baseline;
  cursor: pointer;
}

.try a::after {
  content: "";
  width: 10px;
  height: 15px;
  background: url(../images/ico/ico_next_blue.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 10px;
}
/* [e] 2023-06-09 */

/* [s] 2023-09-27 */
.welcome_cont {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 80px -60px auto;
}
.welcome_cont > div {
    height: 352px;
    width: 100%;
    background-image: url(../images/bg/bg_wel_blue.png);
    background-size: 100% 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.welcome_cont > div > img {
    margin: 0 35px;
}
.welcome_cont h5 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}
.welcome_cont p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}
.welcome_cont button {
    width: 200px;
    height: 51px;
    border-radius: 25px;
    background: #fff;
    margin-top: 25px;
    text-align: left;
    padding-left: 20px;
    font-size: 15px;
    color: #587fd5;
    font-weight: 500;
    position: relative;
    z-index: 2;
}
.welcome_cont button::before {
    content: "";
    width: 11px;
    height: 18px;
    background-image: url(../images/ico/ico_next_blue2.png);
    background-size: 100% 100%;
    position: absolute;
    inset: 0 20px 0 auto;
    margin: auto 0;
}
.welcome_cont > div.half {
    flex: 0.5;
    background-image: url(../images/bg/bg_wel_white.png);
}
.welcome_cont > div.half h5 {
    color: #001a72;
}
.welcome_cont > div.half p {
    color: #000;
}
.welcome_cont > div.half button {
    background: #587fd5;
    color: #fff;
}
.welcome_cont > div.half button::before {
    background-image: url(../images/ico/ico_next.png);
}
.welcome_cont .event {
    position: absolute;
    inset: 38px 75px 38px auto;
    background: #fff;
    border-radius: 14px;
    width: 490px;
    text-align: center;
}
.welcome_cont .event::before {
    content: "";
    width: 92px;
    height: 145px;
    background: url(../images/pic/pic_welcome_evt1.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 8px;
    left: -35px;
}
.welcome_cont .event::after {
    content: "";
    width: 94px;
    height: 74px;
    background: url(../images/pic/pic_welcome_evt2.png);
    background-size: 100% 100%;
    position: absolute;
    top: 12px;
    right: -44px;
}
.welcome_cont .event a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.welcome_cont .event a::after {
    content: "";
    width: 16px;
    height: 27px;
    background-image: url(../images/ico/ico_next_blue2.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 28px;
    right: 28px;
}
.welcome_cont .event h5 {
    font-size: 28px;
    color: #000;
}
.welcome_cont .event p {
    font-size: 20px;
    color: #000;
}

#free_trial_pop .popup {
    width: 1270px;
}
#free_trial_pop .head {
    height: 100px;
    background: #001a72;
    display: flex;
    align-items: center;
    justify-content: center;
}
#free_trial_pop h2 {
    font-size: 30px;
    color: #fff;
    font-family: "gotham-round";
    font-weight: 500;
}
#free_trial_pop .body {
    background: #fff;
    padding: 45px 50px 40px;
    max-height: calc(92vh - 100px);
    overflow-y: auto;
}
#free_trial_pop .step-container {
    background: #e2f2ff;
    padding: 35px;
    font-family: "gotham-round";
    font-weight: 500;
    font-style: italic;
}
#free_trial_pop .step-container h4 {
    font-size: 26px;
    color: #001a72;
    position: relative;
    text-align: center;
    font-family: "gotham-round";
    font-weight: 500;
    line-height: 1;
}
#free_trial_pop .step-container h4::before {
    content: "";
    width: 34px;
    height: 57px;
    background: url(../images/ico/ico_q_mark.png);
    background-size: 100% 100%;
    position: absolute;
    inset: 0;
    top: -6px;
    margin: auto;
}
#free_trial_pop .step {
    display: flex;
    gap: 26px;
    margin-top: 45px;
}
#free_trial_pop .step > div {
    position: relative;
}
#free_trial_pop .step ul {
    display: flex;
    gap: 26px;
}
#free_trial_pop .step ul::after {
    display: none;
}
#free_trial_pop .how_txt li {
    width: 162px;
    height: 162px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center; /* 2023-10-30 */
    text-align: center;
    font-size: 16px;
    position: relative;
    padding: 15px 10px 10px 10px;
}
#free_trial_pop .how_txt li.start::before {
    content: "";
    position: absolute;
    inset: 3px;
    border: 1px solid #31aed2;
    border-radius: 100%;
}
#free_trial_pop .how_txt li.start::after {
    content: "";
    width: 40px;
    height: 42px;
    background: url(../images/ico/ico_char01.png);
    background-size: 100% 100%;
    position: absolute;
    inset: -17px 0 auto;
    margin: 0 auto;
}
#free_trial_pop .how_txt li.middle::after {
    content: "";
    width: 45px;
    height: 40px;
    background: url(../images/ico/ico_char02.png);
    background-size: 100% 100%;
    position: absolute;
    inset: -17px 0 auto;
    margin: 0 auto;
}
#free_trial_pop .how_txt li.end {
    background: #29a9ce;
    color: #fff;
}
#free_trial_pop .chk_line {
    margin: 35px 81px 0;
    height: 14px;
    background-color: #bed9ee;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#free_trial_pop .chk_line::before {
    content: "";
    width: 94px;
    height: 14px;
    background-color: #bed9ee;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    position: absolute;
    top: -2px;
    bottom: 0;
    box-sizing: border-box;
}
#free_trial_pop .chk_line.line1:before {
    left: 100%;
}
#free_trial_pop .chk_line.line2:before {
    right: 100%;
}
#free_trial_pop .chk_line li {
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
}
#free_trial_pop .chk_line li.start {
    background-image: url(../images/ico/ico_check_round1.png);
}
#free_trial_pop .chk_line li.middle {
    background-image: url(../images/ico/ico_check_round2.png);
}
#free_trial_pop .chk_line li.end {
    background-image: url(../images/ico/ico_check_round3.png);
}
#free_trial_pop .chk_line li:first-child {
    transform: translateX(-50%);
}
#free_trial_pop .chk_line li:last-child {
    transform: translateX(50%);
}
#free_trial_pop .chk_txt {
    position: absolute;
    bottom: 14px;
    left: 32%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #3cacce;
    height: 55px;
    display: flex;
    align-items: center;
    text-align: center;
}
#free_trial_pop form {
    padding-top: 30px;
}
#free_trial_pop form ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
}
#free_trial_pop form ul::after {
    display: none;
}
#free_trial_pop form li {
    display: flex;
}
#free_trial_pop form .tit {
    line-height: 35px;
    width: 400px;
    font-size: 20px;
    font-weight: 600;
}
#free_trial_pop form .tit label {
    display: block;
}
#free_trial_pop form .tit span.required {
    color: #ff0000;
} /* 2023-10-20 */
#free_trial_pop form .con {
    min-height: 35px;
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 15px;
}
#free_trial_pop form input[type="text"],
#free_trial_pop form input[type="email"] {
    width: 100%;
    font-size: 15px;
}
#free_trial_pop form textarea {
    border: 1px solid #898989;
    height: 100px;
    font-size: 15px;
}
#free_trial_pop form .choose {
    gap: 70px;
}

#free_trial_pop form input[type="radio"] {
    display: none;
}
#free_trial_pop form input[type="radio"] + i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #898989;
    margin-right: 8px;
}
#free_trial_pop form input[type="radio"]:checked + i {
    background: #000;
}
#free_trial_pop .check {
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
}
#free_trial_pop .check a {
    color: #001a72;
}
#free_trial_pop .check label {
    display: inline-flex;
    gap: 8px;
}
#free_trial_pop .btn_wrap {
    margin-top: 35px;
    margin-bottom: 45px;
}
#free_trial_pop .btn_wrap .slim_btn {
    width: 151px;
}
#free_trial_pop .pop_close {
    position: relative;
    bottom: 0;
    font-size: 0;
    display: block;
}

.conversion_link {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 60px;
}
.conversion_link a {
    width: 640px;
    height: 200px;
    padding: 40px 150px 40px 50px;
    font-size: 30px;
    color: #fff;
    font-family: "gotham-round";
    font-weight: 500;
    position: relative;
}
.conversion_link a:nth-child(1) {
    background: #f98686;
}
.conversion_link a:nth-child(2) {
    background: #8c75c6;
}
.conversion_link a::before {
    content: "";
    width: 50px;
    height: 28px;
    background: url(../images/ico/ico_arrow_long.png);
    background-size: 100% 100%;
    position: absolute;
    right: 50px;
    bottom: 28px;
}
.conversion_cont {
    margin-top: 85px;
}
.conversion_cont ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 70px;
}
.conversion_cont ul::after {
    display: none;
}
.conversion_cont li {
    width: 316px;
}
.conversion_cont li .img {
    height: 302px;
    background: url(../images/bg/bg_border.png);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}
.conversion_cont li .img img {
    width: 100%;
    height: 100%;
    margin-top: 4px;
}
.conversion_cont li p {
    min-height: 117px;
    text-align: center;
    font-size: 22px;
    padding: 20px 0;
}
/* [e] 2023-09-27 */

/*****************************************************************************************************************************************************************************************/

@media all and (max-width:1920px) {
	.remote_pop .popup .pop_close_btn {margin-bottom:0.78125vw; width:3.4375vw; height:3.4375vw;}

	.exp_intro.oxford .oxf_logo {right:8.33vw;}

	.oxf_ibook>li:nth-child(1) .img {height: 28vw;}
	.oxf_ibook>li:nth-child(1) .img>img {height: 100%;}
	.oxf_ibook .text_list li {transform: translateY(-50%);}
	.oxf_ibook .text_list li:nth-child(1) {top:4.4vw;}
	.oxf_ibook .text_list li:nth-child(2) {top:3.6vw;}
	.oxf_ibook .text_list li:nth-child(3) {top:6.3vw;}
	.oxf_ibook .text_list li:nth-child(4) {top:13.7vw;}
	.oxf_ibook .text_list li:nth-child(5) {top:16.4vw;}
	.oxf_ibook .text_list li:nth-child(6) {top:25.5vw;}
	.oxf_ibook .text_list li:nth-child(7) {top:22.9vw;}
	.oxf_ibook .text_list li:nth-child(8) {top:25.2vw;}
	.oxf_ibook>li.dot1 .dotted_con img {width:55%;} 
	.oxf_ibook.od .text_list li:nth-child(1) {top:4.4vw;}
	.oxf_ibook.od .text_list li:nth-child(2) {top:3.7vw;}
	.oxf_ibook.od .text_list li:nth-child(3) {top:6.4vw;}
	.oxf_ibook.od .text_list li:nth-child(4) {top:9.8vw;}
	.oxf_ibook.od .text_list li:nth-child(5) {top:14.3vw;}
	.oxf_ibook.od .text_list li:nth-child(6) {top:25.6vw;}
	.oxf_ibook.od .text_list li:nth-child(7) {top:22.9vw;}
	.oxf_ibook.od .text_list li:nth-child(8) {top:25.2vw;}

	.oxf_tool .inner {height:28vw;}
	.oxf_tool .inner>img {height: 100%;}
	.oxf_tool .tool_text_list {margin-top:0;}
	.oxf_tool .tool_text_list li {left:1.3vw;}
	.oxf_tool .tool_text_list li:nth-child(1) {top:-0.4vw;}
	.oxf_tool .tool_text_list li:nth-child(2) {top:4.7vw;}
	.oxf_tool .tool_text_list li:nth-child(3) {top:10.2vw;}
	.oxf_tool .tool_text_list li:nth-child(4) {top:18.3vw;}
	.oxf_tool .tool_text_list li:nth-child(5) {top:24.65vw;}
	.oxf_tool .tool_text_list h5 {font-size:1.2vw;}
	.exp_intro.oxford .exp_section .oxf_tool .tool_text_list p {font-size:0.80vw;}

    /* 2022-10-11 od es 버전 위치 조정 */
    .oxf_tool .tool_text_list.es li:nth-child(1) {top:-1.4vw;}
    .oxf_tool .tool_text_list.es li:nth-child(3) {top:9.2vw;}
    .oxf_tool .tool_text_list.es li:nth-child(4) {top:16.8vw;}

	.oxf_self dl {height:31.77vw;}
	.oxf_self dl dd {font-size:1.25vw;}
	.oxf_self .plus {margin-left:1.3vw; margin-right:7.5vw;}
	.oxf_self dl:nth-child(1) {padding-top:0.78125vw;}
	.oxf_self dl:nth-of-type(1) img {width:20.9375vw;}
	.oxf_self dl:nth-of-type(2) img {width:43.90625vw;}
	.oxf_self .plus {margin-left:1.3vw; margin-right:4.6875vw; height:2.29vw;}

	#math_curriculum_pop .popup {width:71.875vw;}
}

@media all and (max-width:1450px) {
	.oxf_lms dl:nth-of-type(1) img {width:37.38vw;}
	.oxf_lms dl:nth-of-type(2) img {width:26.48vw;}

    .about_product .prod01 ul li {height:370px;} /* 2022-11-29 */
	.about_product .prod01 ul li .logo {height:116px;}
	.about_product .prod01 ul li.wings .logo img {height:56px;}
	.about_product .prod01 ul li.elif .logo img {height:40px;}
	.about_product .prod01 ul li.mathalive .logo img {height:54px;}
	.about_product .prod01 ul li.odf .logo img {height:52px;}
    .about_product .prod02 ul li.line {margin:0 35px;} /* 2022-11-29 */

	.more_activity {padding-top:4.14vw;}
	.more_activity .tab>ul>li {width:18.21vw; margin:0 0.62vw;}
	.more_activity .tab>ul>li h5 {height:3.45vw; padding-left:1.72vw; font-size:1.65vw; border-radius:0.69vw 0.69vw 0 0;}
	.more_activity .tab .act {height:6.34vw; border-radius:0 0 0.69vw 0.69vw; padding:0.69vw 1.72vw;}
	.more_activity .tab .act li {font-size:1.45vw; line-height:2.41vw; letter-spacing:-0.05vw;}
	.more_activity .tab>ul>li.active::before {top:-0.41vw; bottom:-0.41vw; left:-0.41vw; right:-0.34vw; border-radius:0.9vw;}
	.more_activity .tab>ul>li.active .act::before {border-width:0.21vw; border-radius:0 0 0.69vw 0.69vw;}
	.more_activity .tab>ul>li .act li.active {padding-left:1.38vw;}
	.more_activity .tab>ul>li .act li.active::before {border-left-width:0.83vw; border-top-width:0.52vw; border-bottom-width:0.52vw;}
	.more_activity .content {padding-top:2.41vw; padding-bottom:6.9vw;}
	.more_activity .content .view {width:66.9vw; height:41.66vw; border-radius:1.52vw; padding:0.34vw;}
	.more_activity .content .view .img {border-radius:1.24vw;}
	.more_activity .content .view .desc {font-size:1.52vw; line-height:2.21vw; padding-top:2.41vw;}
	.more_activity .content .thumb_list {width:19.31vw;}
	.more_activity .content .thumb_list ul.show {left:2.41vw;}
	.more_activity .content .thumb_list ul li {width:16.48vw; height:10.27vw; margin:1.1vw 0;}
	.more_activity .content .thumb_list ul.more5 li {width:13.24vw; height:8.21vw; margin:0.83vw 0;}
	.more_activity .content .thumb_list ul li img {border-radius:0.62vw;}
	.more_activity .content .thumb_list ul li.on::before {top:-0.41vw; bottom:-0.41vw; left:-0.41vw; right:-0.41vw; border-radius:0.55vw;}
	.more_activity .content .thumb_list ul li.on::after {border-width:0.21vw; border-radius:0.62vw;}
    /* [s] 2023-09-27 */
    #free_trial_pop .popup {
        width: 87.586vw;
    }
    #free_trial_pop .head {
        height: 6.897vw;
    }
    #free_trial_pop h2 {
        font-size: 2.069vw;
    }
    #free_trial_pop .body {
        padding: 3.103vw 3.448vw 2.759vw;
        max-height: calc(92vh - 6.897vw);
    }
    #free_trial_pop .step-container {
        padding: 2.414vw;
    }
    #free_trial_pop .step-container h4 {
        font-size: 1.793vw;
    }
    #free_trial_pop .step-container h4::before {
        width: 2.345vw;
        height: 3.931vw;
        top: -0.414vw;
    }
    #free_trial_pop .step {
        gap: 1.793vw;
        margin-top: 3.103vw;
    }
    #free_trial_pop .step ul {
        gap: 1.793vw;
    }
    #free_trial_pop .how_txt li {
        width: 11.172vw;
        height: 11.172vw;
        font-size: 1.103vw;
        padding: 1.034vw 0.69vw 0.69vw 0.69vw;
    }
    #free_trial_pop .how_txt li.start::before {
        inset: 0.207vw;
    }
    #free_trial_pop .how_txt li.start::after {
        width: 2.759vw;
        height: 2.897vw;
        inset: -1.172vw 0 auto;
    }
    #free_trial_pop .how_txt li.middle::after {
        width: 3.103vw;
        height: 2.759vw;
        inset: -1.172vw 0 auto;
    }
    #free_trial_pop .chk_line {
        margin: 2.414vw 5.586vw 0;
        height: 0.966vw;
    }
    #free_trial_pop .chk_line::before {
        width: 94px;
        height: 0.966vw;
    }
    #free_trial_pop .chk_line li {
        width: 2.759vw;
        height: 2.759vw;
    }
    #free_trial_pop .chk_txt {
        bottom: 0.966vw;
        font-size: 0.966vw;
        height: 3.793vw;
    }
    #free_trial_pop form {
        padding-top: 2.069vw;
    }
    #free_trial_pop form ul {
        gap: 1.172vw;
    }
    #free_trial_pop form .tit {
        line-height: 2.414vw;
        width: 27.586vw;
        font-size: 1.379vw;
    }
    #free_trial_pop form .con {
        min-height: 2.414vw;
        font-size: 1.034vw;
    }
    #free_trial_pop form input[type="text"],
    #free_trial_pop form input[type="email"] {
        font-size: 1.034vw;
    }
    #free_trial_pop form textarea {
        height: 6.897vw;
        font-size: 1.034vw;
    }
    #free_trial_pop form .choose {
        gap: 4.828vw;
    }
    #free_trial_pop form input[type="radio"] + i {
        width: 0.69vw;
        height: 0.69vw;
        margin-right: 0.552vw;
    }
    #free_trial_pop .check {
        margin-top: 2.759vw;
        font-size: 1.379vw;
    }
    #free_trial_pop .check label {
        gap: 0.552vw;
    }
    #free_trial_pop .btn_wrap {
        margin-top: 2.414vw;
        margin-bottom: 3.103vw;
    }
    #free_trial_pop .btn_wrap .slim_btn {
        width: 10.414vw;
        height: 2.759vw;
        line-height: 2.759vw;
        font-size: 0.966vw;
    }
    #free_trial_pop .pop_close {
        width: 2.69vw;
        height: 2.69vw;
        background-size: 100% 100%;
        margin-left: -1.345vw;
    }
    /* [e] 2023-09-27 */
}

@media all and (max-width:1320px) {
	#container.sub.subA {margin-top:205px;}
	#container.sub.subB {margin-top:235px;}
    #container.sub.subB.press {margin-top:205px;}

	#contents.wrapper.no_pd {padding-left:20px; padding-right:20px;}
	.pd_wrapper {width:auto; padding-left:20px; padding-right:20px;}

	.subtop_menu ul li a {font-size:15px;}

	.search_box .selectric-wrapper {width:18%;}
	.search_box input[type="text"] {width:27%;}
	.search_box input[type="submit"] {width:14%;}

	.news_list li a {padding:20px;}

	.video_board_wrap .video_board .thumb {width:100%; height:auto;}
	.video_board_wrap .video_board .thumb img {width:100%; height:100%;}

	.feature_top ul li {padding:0 10px;}

	.feature_list li .thumb {width:50%;}
	.feature_list li .thumb img {position:relative; top:50%; transform:translateY(-50%);}

	.feat_link ul li {flex-grow:1; flex-shrink:1; flex-basis:33.33%; width:auto; padding:0 10px;}
	.feat_link ul li a {width:auto;}
	.feat_link ul li a strong {font-size:30px;}
	
	.exp_intro .exp_top,
	.exp_intro.elif .exp_top {padding-left:20px; padding-right:20px;}
	.exp_intro .exp_section {padding-left:20px; padding-right:20px;}

	.exp_video_list li {width:33.33%; padding:0 10px;}
	.exp_video_list li .exp_video {width:100%;}

	.exp_intro .program01>img {height: 25vw;}
	.exp_intro .program01 ul li>div {height: 7.727vw; padding-left: 0.984vw;}
	.exp_intro .program01 ul li .box1 {width: 9.621vw; border-radius: 1.136vw; font-size: 1.136vw;}
	.exp_intro .program01 ul li .box1 b {font-size: 1.5909vw;}
	.exp_intro .program01 ul li .box2 {font-size: 1.666vw; border-radius: 1.363vw;}
	.exp_intro .program01 ul li .box3 {font-size: 2.045vw; padding-left: 0.984vw;}
	.exp_intro .program01 ul li.lv1 .box2 {width: 14.015vw;}
	.exp_intro .program01 ul li.lv2 .box2 {width: 24.621vw;}
	.exp_intro .program01 ul li.lv3 .box2 {width: 37.5vw;}

	.exp_intro.remote .exp_top .con {padding:0 30px;}
	
	#contents .exp_intro .remote_section h4 {font-size:3.03vw; margin-bottom: 1.136vw;}
	#contents .bg_idea .txt h4 {font-size:2.27vw;}
	#contents .remote05 .bg_idea .txt h4 {margin-right:2.27vw;}
	#contents .remote06 .bg_idea .txt h4 {margin-left:1.8vw;}
	.how_btn {height:3.03vw; box-shadow: 0px -0.15vw 0px 0px inset rgba(0, 0, 0, 0.19); border-radius:0.757vw; margin-top:2.65vw; padding-left:0.98vw; padding-right:0.757vw; font-size:1.28vw; letter-spacing:-0.037vw;}
	.how_btn .icon {width:1.89vw; height:1.89vw; margin-left:0.53vw;}
	.img_monitor {margin-left:1.515vw;}
	.img_monitor .img span {font-size:1.66vw;}
	.bg_idea .txt {height:13.257vw;}
	.bg_idea .txt p {font-size:1.66vw; line-height:2.045vw;}
	.pigtail {width:6.59vw; height:2.27vw;}
	.remote_section {padding:7.575vw 0;}
	.remote_section .flex .con {padding-right:6.06vw;}
	.remote_section .flex.remote02 .con {padding-left:6.06vw;}
	.remote_section p {font-size:1.8939vw; line-height: 2.12vw;}
	.remote_section .desc {margin-top:2.424vw;}
	.remote_section .desc li+li {margin-top:1.5vw;}
	.remote_section .desc li::before {width:0.606vw; height:2.424vw; background-size:0.606vw 0.6818vw; margin-right:0.378vw;}
	.remote_section .desc li p {width:calc(100% - 2.27vw);}
	.remote01 .thumb {margin-top:-2.6515vw; margin-bottom:-7.575vw;}
	.remote01 .thumb img {height:35.606vw;}
	.remote02 .con {padding-top:2.27vw;}
	.remote02 .thumb img {height:28.86vw;}
	.remote03 {margin-top:7.575vw;}
	.remote03 .img_monitor {margin-top:1.515vw;}
	.remote03 .img_monitor img:nth-of-type(1) {width:46.818vw;}
	.remote03 .img_monitor img:nth-of-type(2) {width:46.818vw;}
	.remote03 .f_list_box {margin-top:-17.803vw; padding-top:22.727vw; height:41.818vw; border-radius:2.27vw;}
	.remote03 .f_list_box ul li {font-size:1.89vw; line-height:3.18vw; padding-left:1.515vw;}
	.remote03 .f_list_box ul li:before {width:0.45vw; height:0.45vw;}
	.remote03 .f_list_box ul+ul {margin-left:6.06vw;}
	.remote04 .con {padding-top:7.575vw;}
	.remote04 .thumb img {height:37.5vw;}
	.remote05 {margin-top:5.303vw;}
	.remote05 .bg_idea .txt {padding-left:15.15vw; padding-right:3.409vw;}
	.remote05 .img_monitor, .remote06 .img_monitor {margin-top:2.27vw;}
	.remote05 .img_monitor .img.from,
	.remote06 .img_monitor .img.from {margin-top:5.3vw;}
	.remote05 .img_monitor .img+.img,
	.remote06 .img_monitor .img+.img {margin-left:3.03vw;}
	.remote05 .img_monitor .pigtail {top:6.439vw; margin-right:0.378vw;}
	.remote05 .how_btn {top:0.757vw; right:1.51vw;}
	.remote05 .to img {height:32.27vw;}
	.remote05 .from img {height:21.59vw;}
	.remote06 {margin-top:3.03vw;}
	.remote06 .bg_idea {padding-right:15.15vw; padding-left:3.409vw;}
	.remote06 .how_btn {top:0.757vw;}
	.remote06 .img_monitor {margin-left:3.03vw;}
	.remote06 .img_monitor .pigtail {margin-bottom:0.378vw; margin-left:-2.12vw;}
	.remote06 .from img {height:24.62vw;}
	.remote06 .to img {height:28.71vw;}
	.remote07 .thumb {margin-top: 3.03vw; text-align:center;}
	.remote07 img {width:80.6vw;}
	.remote08 .con {padding-top:1.136vw;}
	.remote08 .thumb {margin-top:-2.27vw;}
	.remote08 .thumb img {height:25.83vw;}
	.remote08 .thumb_btm {margin-top:6.439vw;} 
	.remote08 .thumb_btm img {width:67.27vw;}

	.exp_intro.oxford .exp_top {padding:9.09vw 0 0;}
	.exp_intro.oxford .exp_top .con {margin-top:6.06vw;}
	.exp_intro.oxford .exp_top .con:before {width:3.03vw; height:12px;border-radius:6px; top:-3.03vw;}
	.exp_intro.oxford .exp_top .con p {font-size: 2.42vw; margin-bottom:2.65vw;}
	.exp_intro.oxford .exp_top .con img {width:90%;}
	.exp_intro.oxford .oxf_logo {top:15.09vw; height:4vw;} /* 2022-10-04 top 조정 */
	.exp_intro.oxford .odf_logo {height:11.97vw;}
	.exp_intro.oxford.od .exp_top {padding:9.09vw 0;}
	.exp_intro.oxford.od .exp_top .con img {width:77.65%;}
	.exp_intro.oxford .od_logo {height:11.5vw;}

	#contents .exp_intro.oxford h4 {margin-bottom:1.52vw; font-size:2.65vw;}
	.exp_intro.oxford .exp_section p {font-size:1.89vw;}

	.oxf_learn li .img_area {height:45.45vw;}
	.oxf_learn li dd {margin-top:0.6vw; font-size:1.67vw;}
	.oxf_learn li:nth-child(2) dd {margin-top:-0.45vw;}
	.oxf_learn li:nth-child(3) dl+dl {margin-top:1.89vw;}
	.oxf_learn li strong {height:5.23vw; border-radius:1.06vw; margin-top:2.65vw; font-size:1.82vw; text-shadow:0px 0.15vw 5.18px rgb(0 0 0 / 30%);}
	.oxf_learn li strong:before {width:1.21vw; height:1.21vw; top:-2.65vw;}
	
	.oxf_ibook>li p {margin-bottom:3.79vw;}
	.oxf_ibook .flex dd {font-size:1.81vw; line-height:2.42vw; margin-top:1.14vw;}
	.oxf_ibook .text_list li {font-size:1.67vw; margin:0 1.51vw;}
	.oxf_ibook .text_list li img {margin-right:0.53vw;}
	.oxf_ibook .dotted_con p {border:0.3vw dashed rgba(240,70,106,0.3); border-radius:3.26vw; padding:2.27vw 3.79vw; font-size:1.74vw; line-height:2.42vw;}
	.oxf_ibook>li.dot1 .dotted_con p {margin-left:1.89vw;}
	.oxf_ibook>li.dot2 .dotted_con p {font-size:1.81vw; padding:3.03vw 7.57vw; line-height:2.65vw; margin-top:3.41vw;}
	.oxf_ibook>li.dot2 .dotted_con p::before {width:2.04vw;}
	.oxf_ibook>li.dot2 .dotted_con .arrow {margin:0 4.54vw;}
	.oxf_ibook>li.dot2 .img_con dd {font-size:1.67vw;}
	.oxf_ibook.od>li.dot2 p {margin-bottom:7.57vw;}

	.oxf_self {margin-top:4.92vw;}

	.oxf_lms {margin-top:5.3vw;}
	.oxf_lms dl+dl {margin-left:6.8vw;}
	.oxf_lms dd {font-size:1.67vw; margin-top:0.6vw;}

	.oxf_activity li {width:39.77vw; margin:0 1.52vw;}
	.oxf_activity li strong {font-size:1.67vw; margin-bottom:0.76vw;}
	.exp_intro .exp_section .oxf_activity li p {min-height:8.71vw; font-size:1.36vw; padding-top:0.98vw;}

	.ebook_wrap.oxford {margin:6.06vw auto 3.03vw;}

	.exp_intro.mathalive .exp_top {padding:9.09vw 0;}
	.exp_intro.mathalive .exp_top .logo {height:11.97vw;}
	.exp_intro.mathalive .exp_top .con>p {font-size:3.03vw;}
	.exp_intro.mathalive .math_intro {margin-top:4.92vw;}
	.exp_intro.mathalive .math_intro li {width:31.06vw; margin:0 1.14vw; font-size:1.89vw;}
	.exp_intro.mathalive .math_intro li h6 {padding-top:2.65vw;}
	.exp_intro.mathalive .math_intro li p {margin-top:0.76vw; font-size:1.89vw;}

	.math_learning_features {padding-top:3.788vw;}
	.math_learning_features .depth-1 button {height:3.788vw; border-radius:1.894vw; padding:0 2.273vw; font-size:1.894vw; margin:0 0.455vw;}
	.math_learning_features .depth-2 {border-radius:2.348vw; margin-top:3.03vw;}
	.math_learning_features .depth-2 .tab button {width:18.939vw; height:4.697vw; font-size:1.515vw;}
	.math_learning_features .depth-2 .tab button::before {height:1.667vw;}
	.math_learning_features .content {height:46.97vw; margin-top:4.167vw;}
	.math_learning_features .content::-webkit-scrollbar {width:0.758vw;}
	.math_learning_features .content::-webkit-scrollbar-thumb {border-radius:0.379vw;}
	.math_learning_features .content h6 {font-size:1.667vw;}
	.math_learning_features .content p {font-size:1.667vw; padding:1.136vw 1% 1.894vw;}
	.math_learning_features .content p.list span::before {width:0.682vw; height:0.682vw; margin-right:0.53vw;}
	.math_learning_features .content iframe {height:24.697vw;}
	.math_learning_features .img_wrap {max-width:90.909vw;}
	.math_learning_features .img_wrap>div {margin-bottom:1.515vw;}
	.math_learning_features .img_wrap p {padding-top:0.758vw; font-size:1.515vw;}
	.math_learning_features .content .inner>div.inclass-2 {width:71.97vw;}

	.math_assessment {padding-top:3.79vw;}
	.math_assessment li:nth-child(n+2) {margin-top:8.33vw;}
	.math_assessment h6 {height:3.64vw; line-height:3.64vw; font-size:1.89vw; padding:0 2.65vw; border-radius:1.74vw; margin-bottom:1.89vw;}
	.exp_intro .exp_section .math_assessment p {margin-top:2.27vw; font-size:1.89vw;}
	.math_assessment .bg_line {bottom:0.76vw;}

    /* [s] 2023-03-21 */
	.mathalive .certification {margin-top:6.818vw;}
	.mathalive .certification img {width:11.818vw;}
	.mathalive .certification p {width:78.030vw; border-radius:2.045vw; padding:2.273vw 3.030vw; margin-left:3.409vw; font-size:1.89vw;}
	.mathalive .certification p::before {border-width:0.758vw; border-right-width:1.136vw;}
	/* [e] 2023-03-21 */

	.math_aids {padding-top:3.79vw;}
	.math_aids>div::before {height:43.71vw; width:98%;}
	.math_aids .bg_l::before {border-radius:0 10vw 10vw 0; left:-20px;}
	.math_aids .bg_r::before {border-radius:10vw 0 0 10vw; right:-20px;}
	.math_aids dl {padding:0 1.89vw; font-size:1.89vw;}
	.math_aids dt {padding:0 2.27vw; margin-bottom:1.14vw;}
	.math_aids dt::before {width:0.68vw; height:2.8vw; border-radius:0.34vw;}
	.math_aids img {height:29.55vw;}

	.math_curriculum {padding-top:3.79vw;}
	.exp_intro .exp_section .math_curriculum>p {font-size:1.89vw;}
	.math_curriculum .btn_blue {height:3.26vw; line-height:3.26vw; padding-left:1.89vw; padding-right:3.79vw; border-radius:1.59vw; font-size:1.67vw;}
	.math_curriculum .btn_blue::before {right:2.65vw;}
	.math_curriculum .btn_blue.next::before {width:0.83vw; height:1.29vw;}
	.math_curriculum .btn_blue.down::before {width:1.67vw; height:1.67vw;}
	.math_curriculum .btn_blue.down {margin-top:2.27vw;}
	.math_curriculum .btn_right {margin:1.51vw 0;}

    /* [s] 2023-05-03 */
    .math_curriculum .info_wrap {
        top: 1.742vw;
    }
    .math_curriculum .info_wrap#ccss {
        right: 14.015vw;
    }
    .math_curriculum .info_wrap#qm {
        right: 3.788vw;
    }
    .math_curriculum .ico_info {
        width: 1.97vw;
        height: 1.97vw;
    }
    .math_curriculum .cont_info {
        border-radius: 1.515vw;
        margin-top: 0.985vw;
        margin-right: -2.121vw;
        padding: 1.894vw 2.273vw;
    }
    .math_curriculum .cont_info dt {
        font-size: 1.742vw;
    }
    .math_curriculum .cont_info dd {
        font-size: 1.515vw;
    }
    /* [e] 2023-05-03 */

	#math_curriculum_pop .popup {padding:8.33vw 7.57vw; border-radius:3.03vw;}
	#math_curriculum_pop h4 {font-size:3.03vw;}
	#math_curriculum_pop .txt_wrap {padding-top:5.3vw; padding-bottom:2.65vw; font-size:1.67vw;}
	#math_curriculum_pop .btn_close {width:1.89vw; height:1.82vw; top:3.56vw; right:2.95vw;}

    /* [s] 2023-05-02 */
    #quantile .content > p {
        padding-top: 3.03vw;
        font-size: 1.89vw;
    }
    #quantile .content .graph {
        margin-top: 9.848vw;
        padding-top: 1.894vw;
    }
    #quantile .content .graph .desc {
        gap: 3.788vw;
    }
    #quantile .content .graph .desc ul li {
        padding-left: 1.818vw;
        font-size: 1.894vw;
    }
    #quantile .content .graph .desc ul li + li {
        margin-top: 0.758vw;
    }
    #quantile .content .graph .desc ul li::before {
        width: 0.985vw;
        height: 0.985vw;
        top: 0.682vw;
    }
    #quantile .content .quantile_img {
        height: 6.818vw;
    }
    /* [e] 2023-05-02 */

	.accordion .a02 .img_con img {height:41.21vw;}
	.accordion .a03 .img_con img {height:27.42vw;}

    /* [s] 2023-02-16 Game Activities */
	.normal_tab.odf_game .activities {margin:0; width:100%;}
	/* [e] 2023-02-16 Game Activities */

    /* partners */
    /* [s] 2023-05-23 */
    #contents .partner_cont h4 {
        font-size: 2.652vw;
        margin-bottom: 1.136vw;
    }
    .partner_cont {
        padding: 9.848vw 0;
    }
    .partner_cont p {
        font-size: 1.515vw;
    }

    .link_underline {
        font-size: 1.818vw;
    }
    .link_underline.go::before {
        width: 0.758vw;
        background-position-y: 0.758vw;
        margin-left: 0.758vw;
    }
    .link_underline.download::before {
        width: 1.667vw;
        background-position-y: 0.682vw;
        margin-left: 0.379vw;
    }
    .link_underline.go.blue::before {
        width: 0.758vw;
        background-position-y: 0.455vw;
        margin-left: 0.758vw;
    }

    .partner_cont.main {
        height: 28.788vw;
    }
    .partner_cont.main .bg_img {
        background-position-y: -2.652vw;
        background-size: 53.788vw auto;
    }
    .partner_cont.main .link {
        margin-top: 3.03vw;
        gap: 1.515vw;
    }
    .partner_cont.main .link a {
        padding: 0 1.515vw;
        line-height: 3.333vw;
        border-radius: 0.303vw;
        gap: 1.515vw;
        font-size: 1.364vw;
    }
    .partner_cont.main .link .go::after {
        width: 0.758vw;
    }
    .partner_cont.main .link .download::after {
        width: 1.364vw;
    }

    .partner_cont.what ul {
        margin-top: 1.894vw;
        padding: 0 1.515vw;
    }
    .partner_cont.what ul li {
        max-width: 30.303vw;
    }
    .partner_cont.what ul li h5 {
        margin-top: 2.273vw;
        font-size: 1.742vw;
    }
    .partner_cont.what ul li p {
        margin-top: 0.758vw;
    }

    .partner_cont.profit ul {
        margin-top: 4.167vw;
        gap: 1.818vw;
    }
    .partner_cont.profit ul li {
        width: 26.894vw;
        height: 15.909vw;
        border-radius: 0.909vw;
        padding-top: 4.545vw;
    }
    .partner_cont.profit ul li::before {
        width: 1.212vw;
        height: 1.212vw;
        top: 2.273vw;
    }
    .partner_cont.profit ul li h5 {
        font-size: 2.273vw;
    }
    .partner_cont.profit ul li h5 strong {
        font-size: 2.727vw;
    }
    .partner_cont.profit ul li h5::before {
        height: 1.061vw;
        bottom: 0.227vw;
        left: -0.227vw;
        right: -0.227vw;
    }
    .partner_cont.profit ul li p {
        margin-top: 1.136vw;
    }
    .partner_cont.profit .link {
        margin-top: 3.03vw;
        gap: 9.848vw;
    } /* 2023-05-25 */

    .partner_cont.story {
        padding: 8.333vw 0 10.606vw;
    }
    .partner_cont.story .title {
        width: 20vw;
        line-height: 3.03vw;
        font-size: 1.818vw;
        padding-right: 0.758vw;
    }
    .partner_cont.story .content img {
        margin-top: -2.273vw;
    }
    .partner_cont.story .content .txt {
        padding-top: 3.03vw;
        padding-right: 7.576vw;
    }
    #contents .partner_cont.story .content h4 {
        font-size: 2.652vw;
        margin-bottom: 0.758vw;
    }
    .partner_cont.story .content p {
        font-size: 1.515vw;
    }
    .partner_cont.story .link_underline {
        margin-top: 1.894vw;
    }
    .partner_slide {
        margin-top: 4.545vw;
    }
    .partner_slide .slick-slider {
        gap: 3.939vw;
    }
    .partner_slide .slick-arrow {
        width: 3.106vw;
        height: 5.076vw;
    }
    .partner_slide .slick-dots {
        margin-top: 3.939vw;
        gap: 1.136vw;
    }
    .partner_slide .slick-dots li {
        width: 1.061vw;
        height: 1.061vw;
    }
    .partner_slide .box {
        border-radius: 0.606vw;
        height: 24.621vw;
        gap: 3.03vw;
    }
    .partner_slide .brand {
        top: 1.742vw;
        right: 2.273vw;
    }
    .partner_slide .brand.challenge {
        width: 8.712vw;
        height: 3.409vw;
    }
    .partner_slide .brand.elif {
        width: 6.667vw;
        height: 2.727vw;
    }
    .partner_slide .client {
        padding-top: 2.273vw;
        padding-left: 6.439vw;
    }
    .partner_slide .client .img {
        width: 16.439vw;
        height: 16.439vw;
        padding: 0.303vw;
    }
    .partner_slide .client .name {
        margin-top: 1.136vw;
        font-size: 1.212vw;
    }
    .partner_slide .place {
        bottom: 1.742vw;
        right: 2.273vw;
        font-size: 1.364vw;
    }
    .partner_slide .comment {
        padding-top: 9.848vw;
        padding-right: 2.273vw;
        font-size: 1.364vw;
    }
    .partner_slide .comment::before {
        font-size: 7.727vw;
        top: 5.303vw;
    }

    .partner_cont.allvia ul {
        margin-top: 4.545vw;
        gap: 2.273vw;
    }
    .partner_cont.allvia ul li {
        width: 29vw;
        min-height: 18.712vw;
        border-radius: 0.909vw;
        padding: 3.788vw 1.515vw 1.515vw 1.515vw;
    }
    .partner_cont.allvia ul li::before {
        height: 1.515vw;
    }
    .partner_cont.allvia ul li h6 {
        font-size: 1.667vw;
    }
    .partner_cont.allvia ul li p {
        margin-top: 0.758vw;
        font-size: 1.364vw;
    }

    .partner_cont.world img {
        margin-top: 4.167vw;
    }

    .partner_banner {
        margin-top: 5.303vw;
        height: 27.652vw;
        border-radius: 0.909vw;
        margin-left: 20px;
        margin-right: 20px;
    }
    #contents .partner_banner h4 {
        font-size: 2.652vw;
        margin-bottom: 0.758vw;
    }
    .partner_banner p {
        font-size: 1.364vw;
    }
    .partner_banner a {
        margin-top: 2.652vw;
        border-radius: 0.303vw;
        padding: 1.136vw 4.167vw 1.136vw 2.803vw;
    }
    /* [e] 2023-05-23 */
    /* [s] 2023-07-25 */
    .exp_intro.challenge .logo {
        height: 12.273vw;
    }
    .exp_intro.challenge .top_img {
        height: 45.227vw;
    }
    #contents .exp_intro.challenge h4 {
        font-size: 3.03vw;
    }
    #contents .exp_intro.challenge .exp_top h4 {
        padding-top: 6.061vw;
    }
    #contents .exp_intro.challenge .exp_top h4::before {
        width: 3.03vw;
        height: 0.909vw;
        border-radius: 0.455vw;
        top: 2.273vw;
    }
    .exp_intro.challenge .exp_section > h4 + p {
        font-size: 1.894vw;
    }
    .exp_intro.challenge .exp_top {
        padding: 9.091vw 0 6.818vw;
    }
    .exp_intro.challenge .exp_top > p {
        font-size: 1.894vw;
        margin-bottom: 6.061vw;
    }
    .challenge_digital_img {
        margin-top: 3.788vw;
    }
    .challenge_content {
        padding-top: 3.788vw;
    }
    .challenge_content nav {
        height: 4.697vw;
        border-radius: 2.348vw;
    }
    .challenge_content nav button {
        width: 18.864vw;
        font-size: 1.667vw;
    }
    .challenge_content nav button:not(:first-child)::before {
        width: 2px;
        height: 1.667vw;
    }
    .challenge_content .content {
        padding-top: 3.03vw;
    }
    .challenge_content .content > div > h5 {
        font-size: 1.667vw;
    }
    .challenge_content .content > div > p {
        font-size: 1.667vw;
        margin-top: 1.136vw;
    }
    .challenge_content .img_wrap {
        margin-top: 3.409vw;
        gap: 3.03vw 1.364vw;
    }
    .challenge_content .img_wrap li {
        width: 32.424vw;
    }
    .challenge_content .img_wrap h6 {
        font-size: 1.515vw;
        padding-top: 0.758vw;
    }
    .challenge_content .img_wrap p {
        font-size: 1.515vw;
    }
    /* [s] 2023-07-31 */
    .challenge_curriculum {
        padding-top: 5.303vw;
    }
    .challenge_curriculum .content {
        gap: 4.167vw;
    }
    .challenge_curriculum .curriculum {
        gap: 1.515vw;
    }
    .challenge_curriculum .curriculum::before {
        width: 3.561vw;
        height: 25.076vw;
        margin-right: 1.136vw;
    }
    .challenge_curriculum .curriculum li {
        gap: 1.515vw;
    }
    .challenge_curriculum .curriculum li > div {
        height: 11.818vw;
        border-radius: 1.515vw;
    }
    .challenge_curriculum .step_box {
        width: 15.909vw;
        gap: 0.53vw;
    }
    .challenge_curriculum .step_box .step {
        padding: 0 1.515vw;
        height: 3.333vw;
        line-height: 3.333vw;
        font-size: 1.894vw;
        border-radius: 1.667vw;
    }
    .challenge_curriculum .step_box p {
        font-size: 1.667vw;
    }
    .challenge_curriculum .color_box {
        font-size: 1.894vw;
    }
    .challenge_curriculum .no_box {
        font-size: 1.894vw;
    }
    .challenge_curriculum .curriculum li:nth-child(1) .color_box {
        width: 18.03vw;
    }
    .challenge_curriculum .curriculum li:nth-child(2) .color_box {
        width: 28.182vw;
    }
    .challenge_curriculum .curriculum li:nth-child(3) .color_box {
        width: 38.182vw;
    }
    .challenge_curriculum img {
        height: 35.076vw;
    } /* 2023-07-31 */
    /* [e] 2023-07-31 */
    .challenge_curriculum .download {
        margin-top: 5.682vw;
        padding: 0 1.97vw;
        height: 3.258vw;
        border-radius: 1.591vw;
        gap: 0.758vw;
    }
    .challenge_curriculum .download::after {
        width: 1.667vw;
        height: 1.667vw;
    }
    .challenge_global {
        height: 63.864vw;
        padding-top: 8.712vw;
        padding-left: 20px;
        padding-right: 20px;
    }
    .challenge_global .content {
        padding-top: 4.545vw;
    }
    .challenge_global .con1 img {
        height: 35.682vw;
    }
    .challenge_global .con1 p {
        font-size: 1.515vw;
        bottom: 0.606vw;
        left: 30.909vw;
        width: 37.879vw;
    }
    .challenge_global .con2 {
        padding-top: 1.515vw;
    }
    .challenge_global .con2 h6 {
        font-size: 1.818vw;
    }
    .challenge_global .con2 .paper {
        width: 24.848vw;
        height: 30.152vw;
        margin-top: 0.758vw;
    }
    .challenge_global .con2 .paper .bg {
        padding: 1.515vw;
    }
    .challenge_global .con2 .paper .bg::before {
        top: 0.758vw;
        left: 0.758vw;
    }
    .challenge_global .con2 .paper p {
        font-size: 1.515vw;
    }
    .challenge_global .con2 .paper p b {
        margin-top: 1.136vw;
        margin-bottom: 0.758vw;
    }
    .ebook_wrap .tab_con.bg_white {
        padding-top: 0;
    }
    /* [e] 2023-07-25 */
    /* [s] 2023-09-27 */
    .welcome_cont {
        gap: 1.515vw;
        margin: 6.061vw -4.545vw auto;
    }
    .welcome_cont > div {
        height: 26.667vw;
    }
    .welcome_cont > div > img {
        margin: 0 2.652vw;
        height: 20vw;
    }
    .welcome_cont h5 {
        font-size: 2.273vw;
        margin-bottom: 0.758vw;
    }
    .welcome_cont p {
        font-size: 1.515vw;
    }
    .welcome_cont button {
        width: 15.152vw;
        height: 3.864vw;
        border-radius: 1.894vw;
        margin-top: 1.894vw;
        padding-left: 1.515vw;
        font-size: 1.136vw;
    }
    .welcome_cont button::before {
        width: 0.833vw;
        height: 1.364vw;
        inset: 0 1.515vw 0 auto;
    }
    .welcome_cont .event {
        inset: 2.879vw 5.682vw 2.879vw auto;
        border-radius: 1.061vw;
        width: 37.121vw;
    }
    .welcome_cont .event::before {
        width: 6.97vw;
        height: 10.985vw;
        bottom: 0.606vw;
        left: -2.652vw;
    }
    .welcome_cont .event::after {
        width: 7.121vw;
        height: 5.606vw;
        top: 0.909vw;
        right: -3.333vw;
    }
    .welcome_cont .event a::after {
        width: 1.212vw;
        height: 2.045vw;
        bottom: 2.121vw;
        right: 2.121vw;
    }
    .welcome_cont .event h5 {
        font-size: 2.121vw;
    }
    .welcome_cont .event p {
        font-size: 1.515vw;
    }
    /* [e] 2023-09-27 */
}

@media all and (max-width:1200px) {
	#container.sub {padding-top:0px;}
	#container.sub.subA {margin-top:154px;}
	#container.sub.subB {margin-top:184px;}
    #container.sub.subB.press {margin-top:154px;}
	#container.sub.subC {margin-top:89px;}

	.subtop_menu {top:90px;}
	.subtop_menu ul li a {padding:25px 15px;}

	.page_tab li {width:auto}
	
	.data_table tbody td {font-size:13px;}

	.demo_ban > div {height:336px; padding-top:70px; background-size:1500px;}

	.learn_list {width:auto;}
	.learn_list li:nth-child(even) {margin-left:0;}

	.exp_display li {float:left; width:25%; margin:0; padding:0 10px;}

	.ebook_wrap {width:auto;}

	.normal_tab {width:auto;}

	.ebook_wrap .tab_box.el > div > a {font-size:18px;}

	.btn_wrap .ab_left {display:block; position:static; margin-bottom:10px;}

	.app_ban {height:35vw; padding-top:5.42vw;}
	.app_ban>div {padding:0 9.58vw;}
	.app_ban p {font-size:2.67vw; font-weight:300; line-height:4.67vw;}
	.app_ban p b {font-size:3.67vw;}
	.app_ban .download {margin-top:3.33vw;}
	.app_ban .download li a {width:20.33vw; height:5.83vw;}
	.app_ban .download li a.ios, .app_ban .download li a.aos {background-size:100% 100%;}
	.app_ban .download li .qr {display:none;}
	.app_ban .download li+li {margin-left:2.92vw;}
	.wings .app_ban {background:url(../images/bg/bg_appbanner_wings_m.png) center top no-repeat; background-size:100% 100%;}
	.wings .app_ban p {text-shadow:none;}
	.elif .app_ban {background:url(../images/bg/bg_appbanner_elif_m.png) center top no-repeat; background-size:100% 100%;}

    /* [s] 2023-05-02 */
    .app_ban .download dl + dl {
        margin-left: 5.417vw;
    }
    .app_ban .download dt {
        font-size: 2.167vw;
        gap: 1.25vw;
        margin-bottom: 0.417vw;
        font-weight: 300;
    }
    .app_ban .download dt::before,
    .app_ban .download dt::after {
        width: 0.5vw;
        height: 0.5vw;
    }
    .app_ban .download li a.ico_only {
        width: 8.5vw;
        height: 8.25vw;
    }
    .app_ban .download li a.ico_only.ios {
        background: url(../images/ico/ico_store_ios_2_m.png) center no-repeat;
        background-size: 100% 100%;
    }
    .app_ban .download li a.ico_only.aos {
        background: url(../images/ico/ico_store_aos_2_m.png) center no-repeat;
        background-size: 100% 100%;
    }
    .app_ban .download dd li + li {
        margin-left: 2vw;
    }
    .mathalive .app_ban {
        background: url(../images/bg/bg_appbanner_mathalive_m.png) center no-repeat;
        background-size: 100% 100%;
        padding-top: 3.75vw;
    }
    .mathalive .app_ban p {
        text-shadow: none;
    }
    /* [e] 2023-05-02 */
    /* [s] 2023-09-27 */
    .form_page_wrap.mem_type {
        width: auto;
    }
    .sign_type {
        margin-top: 3.333vw;
        gap: 1.667vw;
    }
    .sign_type button {
        height: 30.417vw;
        font-size: 3.333vw;
        border-radius: 1.667vw;
    }
    .sign_type button::before {
        width: 1.333vw;
        height: 2.333vw;
        bottom: 2.417vw;
        right: 2.167vw;
    }
    /* [e] 2023-09-27 */
}

@media all and (max-width:950px) {
	#container.sub {padding-top:0;}
	#container.sub.subA {margin-top:164px;}
	#container.sub.subB {margin-top:194px;}
    #container.sub.subB.press {margin-top:164px;}
	#container.sub.subC {margin-top:116px;}

	.subtop_menu ul {display:flex; justify-content:center; align-items:center; padding:0;}
	.subtop_menu ul:after{display:none;}
	.subtop_menu ul li a {padding:18px 10px; font-size:12px; word-break:keep-all;}
	.subtop_menu ul li.on:before {width:30px; height:30px; margin:-15px 0 0 -15px;}

	.subtop_menu > ul > li.on .subtop_sub {display:flex; justify-content:center;}
	.subtop_menu .subtop_sub li a {padding:0 20px; font-size:13px;}

	.data_table .wide_btn_layout {width:200px;}
	.data_table .wide_btn_layout02 {width:120px;}

	#contents.wrapper {padding:70px 30px;}

	.video_board_wrap .video_board li {width:calc(50% - 20px);}

	.link_tab li a {font-size:15px;}

	.w900 {width:auto; padding-left:20px; padding-right:20px;}

	.feature_top {
    height: auto;
    padding-bottom: 110px;
  } /* 2023-06-09 */
	.feature_top ul li div strong {font-size:18px;}

	.feature_list li .con strong {font-size:20px;}
	.feature_list li .con p {font-size:15px;}

	.feat_link ul {flex-wrap:wrap; padding:0 10%;}
	.feat_link ul li {flex-basis:100%; margin-bottom:20px;}
	.feat_link ul li a {height:auto; padding:50px 20px;}

	.exp_intro .exp_top > i {display:inline-block; width:32vw;}/* 2022-12-06 */
	.exp_intro .exp_top .tit {margin-top:50px;}
	.exp_intro .exp_top .con p {font-size:20px;}

	.learn_list li {float:left; width:48%;}
	.learn_list li:nth-child(even) {float:right; margin-left:0;}

	.ebook_wrap .tab_con,
	.ebook_wrap .tab_con > div iframe {height:400px;}

	.exp_set div + div {margin-left:0; margin:0 10px;}
	.exp_set div:last-child {display:block; margin-top:30px; text-align:center;}
	.exp_set div:last-child p {display:inline-block; height:auto;}

	.exp_intro .people_info {padding:30px;}

	.normal_tab .nm_tab {margin-bottom:40px;}
	.normal_tab .nm_tab li a {font-size:16px;}
	
	.normal_tab .nm_tabcon > div > div {height:auto;}
	.normal_tab .nm_tabcon iframe {height:500px;}

	.ebook_wrap .tab_box.el {display:flex; flex-wrap:wrap;}
	.ebook_wrap .tab_box.el > div {flex-basis:33.33%;}

	.exp_intro.remote .exp_top {padding:15vw 0 9vw;}
	.exp_intro.remote .exp_top .tit {font-size: 6.25vw;}
	.exp_intro.remote .exp_top .con {margin-top:10vw; margin-bottom:5vw;}
	.exp_intro.remote .exp_top > i {width:10.75vw;}

	#contents .exp_intro .remote_section h4 {font-size:5vw; margin-bottom:2.5vw;}
	#contents .remote05 .bg_idea .txt h4,
	#contents .remote06 .bg_idea .txt h4 {font-size:4vw; margin:0; padding-top:11.25vw; background:url(../images/ico/ico_idea.png) center top no-repeat; background-size:8vw 8vw;}
	.how_btn {height:5.75vw; box-shadow: 0px -0.5vw 0px 0px inset rgba(0, 0, 0, 0.19); border-radius:2.5vw; margin-top:2.5vw; padding-left:1.5vw; padding-right:1.3vw; font-size:2.5vw; margin-left:auto; margin-right:auto;}
	.how_btn .icon {width:3.5vw; height:3.5vw; margin-left:1.2vw;}
	.bg_idea .txt {height:auto;}
	.bg_idea .txt p {font-size:3.5vw; line-height:5vw; margin-top:2.5vw; order:2;}
	.img_monitor .img span {font-size:3vw;}
	.remote_section {padding:8.75vw 0;}
	.remote_section .flex .con {padding-right:0;}
	.remote_section .flex.remote02 .con {padding-left:0;}
	.remote_section .wrapper {flex-direction:column; text-align:center;}
	.remote_section p {font-size:3.5vw; line-height:4.5vw; letter-spacing:0px;}
	.remote_section .desc {margin-top:3.75vw;}
	.remote_section .desc li+li {margin-top:3.5vw;}
	.remote_section .desc li::before {width:1.75vw; height:5vw; background-size:1.75vw auto; margin-right:0.75vw;}
	.remote_section .desc li p {display:inline;}
	.remote01 .thumb {margin-top:2.5vw; margin-bottom:-8.75vw;}
	.remote01 .thumb img {height:39.5vw;}
	.remote02 .con,
	.remote04 .con {padding-top:0;}
	.remote02 .thumb {order:2; margin-top:6vw;}
	.remote02 .thumb img {height:42.75vw;}
	.remote03 .img_monitor {margin-top:7.5vw; flex-direction:column; align-items:center;}
	.remote03 .img_monitor img:nth-of-type(1),
	.remote03 .img_monitor img:nth-of-type(2) {width:81.5vw;}
	.remote03 .img_monitor .img+.img {margin-top:3.75vw;}
	.remote03 .img_monitor .img span {margin-top:-1vw;}
	.remote03 .f_list_box {margin-top:-124vw; padding-top:130vw; height:178.75vw; border-radius:7.5vw; flex-direction:column; align-items:center; justify-content:start;}
	.remote03 .f_list_box ul {width:57.5vw;}
	.remote03 .f_list_box ul+ul {margin-left:0;}
	.remote03 .f_list_box ul li {font-size:3.5vw; line-height:6vw; padding-left:4vw;}
	.remote03 .f_list_box ul li:before {width:1.5vw; height:1.5vw; top:50%;}
	.remote04 .thumb {margin-top:5.75vw;}
	.remote04 .thumb img {height:59.5vw;}
	.remote05 {margin-top:24px;}
	.remote05 .bg_idea, .remote06 .bg_idea {background-color:#fff; background-image:none; border-radius:7.5vw; padding:5vw 5vw 15vw 5vw;}
	.remote05 .bg_idea .txt, .remote06 .bg_idea .txt {padding:0; flex-direction:column;}
	.remote05 .img_monitor, .remote06 .img_monitor {margin-top:3.75vw;}
	.remote05 .img_monitor .img+.img {margin-left:-20vw;}
	.remote05 .img_monitor .img.from {margin-top:25vw;}
	.remote05 .to img {height:44vw;}
	.remote05 .from img {height:25vw;}
	.remote05 .img_monitor .pigtail {top:auto; bottom:100%; margin-bottom:2vw; right:12.5vw; transform:rotate(45deg);}
	.remote05 .how_btn, .remote06 .how_btn {top:100%; margin-top:5vw; left:50%; transform:translateX(-50%); right:auto;}
	.remote06 {margin-top:5vw;}
	.remote06 .img_monitor .img.from {margin-top:0;}
	.remote06 .img_monitor .img.to {margin-top:13.75vw;}
	.remote06 .img_monitor .img+.img {margin-left:-17.5vw;}
	.remote06 .img_monitor .pigtail {margin-bottom:-11.5vw; margin-left:-1vw; transform:rotate(45deg);}
	.remote06 .to img {height:37vw;}
	.remote06 .from img {height:29.75vw;}
	.remote06 .img.from span {padding-right:20vw;}
	.remote06 .bg_idea .txt p {text-align:left;}
	.remote07 img {width:100%;}
	.remote08 .thumb {margin-top:3.75vw;}
	.remote08 .thumb img {height:35.75vw;}
	.remote08 .thumb_btm {margin-top:-13.75vw;}
	.remote08 .thumb_btm img {width:100%;}
	.remote_pop .popup {width:88%;}
	.remote_pop .popup .pop_close_btn {margin-bottom:1.5vw; width:6vw; height:6vw;}

	.exp_intro.oxford .exp_top {padding:13.75vw 0 0;}
	.exp_intro.oxford .exp_top .con {margin-top:8.75vw;}
	.exp_intro.oxford .exp_top .con:before {width:4.17vw; height:1.25vw; border-radius:0.58vw; top:-4.17vw;}
	.exp_intro.oxford .exp_top .con p {font-size: 3.67vw; width:85%; margin:0 auto 4.17vw; line-height:1.28;}
	.exp_intro.oxford .exp_top .con img {width:86%;}
	.exp_intro.oxford .oxf_logo {height:4.42vw; right:6.83vw;}
	.exp_intro.oxford .odf_logo {height:15vw;}
	.exp_intro.oxford.od .exp_top {padding:13.75vw 0 5vw;}
	.exp_intro.oxford.od .exp_top .con img {width:85.42%;}
	.exp_intro.oxford .od_logo {height:15vw;}

	#contents .exp_intro.oxford h4 {margin-bottom:2.5vw; font-size:3.75vw;}
	.exp_intro.oxford .exp_section {padding:50px 20px;}
	.exp_intro.oxford .exp_section p {font-size:2.92vw;}

	.oxf_learn {flex-wrap:wrap; justify-content:center;}
	.oxf_learn li:nth-child(1) {width:100%; margin-bottom:4.58vw;}
	.oxf_learn li:nth-child(2) {width:42.75%;}
	.oxf_learn li:nth-child(3) {width:39.42%; margin-left:4.2vw;}
	.oxf_learn li .img_area {height:48.5vw;}
	.oxf_learn li:nth-child(1) .img_area {height:25vw; margin-top:5.83vw;}
	.oxf_learn li:nth-child(1) .img_area dl {max-width:21.67%;}
	.oxf_learn li:nth-child(1) .img_area img {height:21.5vw;}
	.oxf_learn li:nth-child(3) .img_area {padding-left:1.5vw;}
	.oxf_learn li:nth-child(1) dl+dl {margin-left:6.25%;}
	.oxf_learn li:nth-child(3) dl+dl {margin-top:2.5vw;}
	.oxf_learn li dd {margin-top:0.83vw; font-size:2.5vw; line-height:1.1;}
	.oxf_learn li strong {height:5.75vw; border-radius:1.17vw; margin-top:5vw; font-size:2.33vw; text-shadow:0px 0.17vw 0.43vw rgb(0 0 0 / 30%);}
	.oxf_learn li strong:before {width:1.33vw; height:1.33vw; top:-2.92vw;}
	.oxf_learn li:nth-child(1) strong {width:39.42%; margin-left:auto; margin-right:auto;}

	.oxf_ibook>li:nth-child(1) .img {height:auto;}
	.oxf_ibook>li:nth-child(1) .img>img {height:76.35vw;}
	.oxf_ibook .text_list li {font-size:2vw; margin:0;}
	.oxf_ibook .text_list li:nth-child(1) {top:4.9vw; right:auto; left:19.2vw;}
	.oxf_ibook .text_list li:nth-child(2) {top:1vw; left:61.4vw;}
	.oxf_ibook .text_list li:nth-child(3) {top:5vw; left:64.6vw;}
	.oxf_ibook .text_list li:nth-child(4) {top:1vw; left:8.2vw;}
	.oxf_ibook .text_list li:nth-child(5) {top:98.4%; left:81.4%;}
	.oxf_ibook .text_list li:nth-child(6) {top:88%; right:51.6%;}
	.oxf_ibook .text_list li:nth-child(7) {top:93%; left:81.4%;}
	.oxf_ibook .text_list li:nth-child(8) {top:87.4%; left:81.4%;}
	.oxf_ibook .text_list li img {margin-right:1vw; height:2.6vw;}
	.oxf_ibook>li+li {margin-top:8.33vw;}
	.oxf_ibook>li p {margin-bottom:5vw;}
	.oxf_ibook .flex {flex-direction:column;}
	.oxf_ibook .flex dl {max-width:100%;}
	.oxf_ibook .flex dl+dl {margin-top:3.5vw}
	.oxf_ibook .flex dd {font-size:2.83vw; line-height:3.75vw; margin-top:0.83vw;}
	.oxf_ibook .flex img {max-width:83vw;}
	.oxf_ibook>li.dot1 .dotted_con {flex-direction:column;}
	.oxf_ibook>li.dot1 .dotted_con img {width:72%;}
	.oxf_ibook>li.dot1 .dotted_con p {margin-left:0; margin-top:1.5vw; margin-bottom:0; font-size:2.92vw; line-height:3.5vw;}
	.oxf_ibook .dotted_con p {border:0.33vw dashed rgba(240,70,106,0.3); border-radius:3.58vw; padding:2.92vw 9vw;}
	.oxf_ibook>li.dot2 .dotted_con .arrow {margin:0 3.33vw; width:5vw;}
	.oxf_ibook>li.dot2 .dotted_con dl:nth-of-type(1) {width:39.83vw;}
	.oxf_ibook>li.dot2 .dotted_con dl:nth-of-type(2) {width:36.42vw;}
	.oxf_ibook>li.dot2 .dotted_con dl dt {height:64.92vw; display:flex; align-items:center;}
	.oxf_ibook>li.dot2 .img_con dd {font-size:2.5vw;}
	.oxf_ibook>li.dot2 .dotted_con p {font-size:2.92vw; padding:2.08vw 5vw; line-height:3.5vw; margin-top:4.17vw;}
	.oxf_ibook>li.dot2 .dotted_con p::before {display:none;}
	.oxf_ibook .with_media #oxf_video {width:70%; height:72%;}
	.oxf_ibook .with_media #oxf_audio {max-width:60%; height:40px;}
	.oxf_ibook.od>li:nth-child(1) .img>img {height:74vw;}
	.oxf_ibook.od .text_list li:nth-child(1) {top:5.1vw; left:16.9vw;}
	.oxf_ibook.od .text_list li:nth-child(2) {top:1vw; left:55.8vw;}
	.oxf_ibook.od .text_list li:nth-child(3) {top:5.1vw; left:auto; right:12vw;}
	.oxf_ibook.od .text_list li:nth-child(4) {top:1.1vw; left:auto; right:44vw;}
	.oxf_ibook.od .text_list li:nth-child(5) {top:98.4%; left:70.4%;}
	.oxf_ibook.od .text_list li:nth-child(6) {top:92.4%; right:auto; left:17.5vw;}
	.oxf_ibook.od .text_list li:nth-child(7) {top:87.7%; left:81%;}
	.oxf_ibook.od .text_list li:nth-child(8) {top:93.2%; left:81%;}

	.oxf_tool {padding-top:7.3vw;  padding-bottom:9.47vw;}
	.oxf_tool .inner {height:auto; position:relative; justify-content:center;}
	.oxf_tool .inner>img {width:71.67vw}
	.oxf_tool .tool_text_list {position:absolute; top:0; left:0; right:0; bottom:0; width:71.67vw; margin:0 auto;}
	.oxf_tool .tool_text_list li {left:auto; right:24.17vw; transform:translateY(-50%); text-align:right;}
	.oxf_tool .tool_text_list li:nth-child(1) {top:1.3vw;}
	.oxf_tool .tool_text_list li:nth-child(2) {top:13.72vw;}
	.oxf_tool .tool_text_list li:nth-child(3) {top:82vw;}
	.oxf_tool .tool_text_list li:nth-child(4) {top:98.5vw;}
	.oxf_tool .tool_text_list li:nth-child(5) {top:113.65vw;}
	.oxf_tool .tool_text_list h5 {font-size:2.17vw;}
	.exp_intro.oxford .exp_section .oxf_tool .tool_text_list p {font-size:2vw;}

	.more_activity {
    padding-top: 5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 45vw;
    } /* 2023-06-09 */
	.more_activity .tab {width:27%;}
	.more_activity .tab>ul {flex-direction:column;}
	.more_activity .tab>ul>li {width:100%; margin:0;}
	.more_activity .tab>ul>li h5 {height:6.33vw; padding-left:1.83vw; font-size:2.5vw; border-radius:0; position:relative; cursor:pointer;}
	.more_activity .tab>ul>li h5::before {content:''; width:1.16vw; height:1.08vw; background:url(../images/ico/ico_select_arrow_w.png) center no-repeat; background-size:100% auto; position:absolute; top:0; bottom:0; right:23px; margin:auto 0; transform:rotate(180deg);}
	.more_activity .tab .act {height:auto; border-radius:0; padding:1.4vw 0; display:none;}
	.more_activity .tab .act li {font-size:2.33vw; line-height:4.8vw; padding:0 1.83vw;}
	.more_activity .tab>ul>li.opened .act {display:block;}
	.more_activity .tab>ul>li.opened h5::before {transform:rotate(0)}
	.more_activity .tab>ul>li.active::before,
	.more_activity .tab>ul>li.active .act::before,
	.more_activity .tab>ul>li .act li.active::before {display:none;}
	.more_activity .tab>ul>li .act li.active {padding:0 1.83vw;}
	.more_activity .tab>ul>li.word.active h5 {background:#ef7b6f;}
	.more_activity .tab>ul>li.word .act li.active {color:#ef7b6f;}
	.more_activity .tab>ul>li.reading.active h5 {background:#6ac783;}
	.more_activity .tab>ul>li.reading .act li.active {color:#6ac783;}
	.more_activity .tab>ul>li.grammar.active h5 {background:#49b8d1;}
	.more_activity .tab>ul>li.grammar .act li.active {color:#49b8d1;}
	.more_activity .tab>ul>li.listening.active h5 {background:#ffae3c;}
	.more_activity .tab>ul>li.listening .act li.active {color:#ffae3c;}
	.more_activity .tab>ul>li.speaking.active h5 {background:#7c90d3;}
	.more_activity .tab>ul>li.speaking .act li.active {color:#7c90d3;}
	
	.more_activity .content {padding:0; width:70.5%; position:relative;}
	.more_activity .content .view {width:100%; height:38.16vw; border-radius:1.83vw; padding:0.33vw;}
	.more_activity .content .view .img {border-radius:1.5vw;}
	.more_activity .content .view .desc {font-size:2.15vw; line-height:3vw; padding-top:1.67vw;}
	.more_activity .content .thumb_list {position:absolute; top:100%; width:auto; left:-27.5vw; right:0;}
	.more_activity .content .thumb_list ul {top:18vw; transform:translateX(-50%); width:100%;}
	.more_activity .content .thumb_list ul.show {left:50%;}
	.more_activity .content .thumb_list ul li {width:19.92vw; height:12.42vw; margin:0 1.17vw; display:inline-block;}
	.more_activity .content .thumb_list ul.more5 li {width:16vw; height:9.92vw; margin:0 0.8vw;}
	.more_activity .content .thumb_list ul li img {border-radius:0.33vw;}
	.more_activity .content .thumb_list ul li.on::before {top:-0.5vw; bottom:-0.5vw; left:-0.5vw; right:-0.5vw; border-radius:0.67vw;}
	.more_activity .content .thumb_list ul li.on::after {border-width:0.25vw; border-radius:0.33vw;}

	.oxf_self {margin-top:4.17vw;}
	.oxf_self dl {height:45.8vw;}
	.oxf_self dl dd {font-size:2.5vw;}
	.oxf_self dl:nth-child(1) {padding-top:1.25vw;}
	.oxf_self dl:nth-of-type(1) img {width:27.5vw;}
	.oxf_self dl:nth-of-type(2) img {width:57.83vw;}
	.oxf_self .plus {margin-left:-1.25vw; margin-right:2.92vw; height:3vw; margin-top:-7vw;}

	.oxf_lms {margin-top:5.42vw;}
	.oxf_lms dl+dl {margin-left:6.25vw;}
	.oxf_lms dd {font-size:2.5vw; margin-top:1.67vw;}

	.oxf_activity li {width:42.08vw; margin:0 1vw;}
	.oxf_activity li strong {font-size:2.5vw; margin-bottom:0.83vw;}
	.exp_intro .exp_section .oxf_activity li p {min-height:15vw; font-size:2.33vw; padding-top:0.83vw; line-height:1.2;}

	.about_cnt {padding:10vw 7%;}
	.about_cnt#contact {padding:10vw 3.75%;}
	.about_cnt .sub_con_hd {margin-bottom:1.67vw;}
	.about_cnt .sub_con_tit {line-height:1.3;}

	.about_top {margin-top:5vw;}
	.about_top ul {padding-top:0; flex-wrap:wrap;}
	.about_top ul li {width:50%;}
	.about_top ul li:nth-child(n+3) {margin-top:4.17vw;}
	.about_top ul li .icon {width:14.92vw; height:14.92vw; padding:0.5vw;}
	.about_top ul li:nth-child(1) .icon>span {background-size:3.33vw auto;}
	.about_top ul li:nth-child(2) .icon>span {background-size:5.08vw auto;}
	.about_top ul li:nth-child(3) .icon>span {background-size:4.5vw auto;}
	.about_top ul li:nth-child(4) .icon>span {background-size:4.75vw auto;}
	.about_top ul li .icon::before {display:none;}
	.about_top ul li::before {display:none;}
	.about_top ul li .tit {padding-top:3.75vw; font-size:3.33vw;}
	.about_top ul li .tit::before {width:0.83vw; height:0.83vw; top:2.5vw;}
	.about_top ul li .sentence {font-size:2.67vw; margin-top:0.83vw; padding:0 1.67vw;}
	.about_top .btn_wrap {margin-top:6.67vw;}
	.about_top .btn_wrap .slim_btn {font-size:2.5vw; width:37.5vw; height:6.67vw; line-height:6.67vw; border-radius:3.33vw;}

	.about_product {margin-top:5vw;}
	.about_product .prod01 ul {justify-content:space-between;} /* 2022-11-29 */
	.about_product .prod01 ul li {width:48.5%; height:45.33vw; padding:0 2.08vw; margin:0 0 2.5vw;} /* 2022-11-29 */
	.about_product .prod01 ul li::before {height:0.33vw;}
	.about_product .prod01 ul li .logo {height:12.08vw; border-bottom:0.17vw solid #dcdcdc;}
	.about_product .prod01 ul li .logo img {max-height:7.5vw;}
	.about_product .prod01 ul li .text {padding-top:3.33vw;}
	.about_product .prod01 ul li .text h6 {font-size:3vw; letter-spacing:-0.125vw;}
	.about_product .prod01 ul li .text p {margin-top:2.08vw; font-size:2.5vw; line-height:1.2; letter-spacing:-0.08vw;}
	.about_product .prod01 ul li .text p strong {font-size:2.5vw; margin-bottom:0;}
	.about_product .prod01 ul li.wings .logo img {height:7vw;}
	.about_product .prod01 ul li.elif .logo img {height:5.42vw;}
	.about_product .prod01 ul li.mathalive .logo img {height:7.5vw;}
	.about_product .prod01 ul li.odf .logo img {height:6.75vw;}
	.about_product .prod01 ul li,
	.about_product .prod02 {border:0.17vw solid #d4d4d4;}
	.about_product .prod02 {margin:0; height:13.33vw; padding:3.75vw 0;} /* 2022-11-29 */
	.about_product .prod02 ul li.line {width:0.17vw; margin:0 3.33vw;}
	.about_product .prod02 ul li img.engeye {height:4.5vw;}
	.about_product .prod02 ul li img.quizmst {height:5.42vw;}
	.about_product .prod02 ul li img.challenge {height:4.92vw;}
	.about_product .prod02 ul li img.actalpha {height:6.67vw;}

	.about_num {max-width:95%;}
	.about_num li {width:48%; height:30.5vw; padding:5.6vw 3.33vw 0;}
	.about_num li:nth-child(even) {border-radius:1vw;}
	.about_num li:nth-child(1) {order:1;}
	.about_num li:nth-child(2) {order:2;}
	.about_num li:nth-child(3) {order:4;}
	.about_num li:nth-child(4) {order:3;}
	.about_num li:nth-child(5) {order:5;}
	.about_num li:nth-child(6) {order:6;}
	.about_num li::before {width:1.33vw; height:1.33vw; top:4vw;}
	.about_num li .number {font-size:3.67vw;}
	.about_num li .number::before {height:1.17vw; bottom:0.25vw; left:-0.83vw; right:-0.83vw;}
	.about_num li .num_desc {font-size:2.5vw; margin-top:1.67vw;}
	.about_num li .num_sub_desc {font-size:2.5vw;}

	.about_award {margin-top:2.5vw;}
	.about_award ul {width:100%;}
	.about_award ul li {height:13.75vw;}
	.about_award .year {width:18%;}
	.about_award .year::before {width:0.17vw; left:0.75vw;}
	.about_award .year span {font-size:2.92vw; padding-left:3.75vw;}
	.about_award .year span::before {width:1.5vw; height:1.5vw; border-width:0.25vw;}
	.about_award .item {width:82%; border-bottom-width:0.17vw; padding-left:5.42vw;}
	.about_award .award {width:12.25vw; height:11.25vw; padding-right:0.92vw;}
	.about_award .award.japan img {height:6.25vw;}
	.about_award .award.gess img {height:4.75vw;}
	.about_award .award.industry img {height:6.75vw;}
	.about_award .award.bett img {height:4.25vw;}
	.about_award .award.bett2 img {height:6.08vw;}
	.about_award .brand {padding:0 1.25vw;}
	.about_award .brand p {font-size:1.25vw; margin-top:0.83vw; letter-spacing:-0.05rem;} /* 2022-11-29 */
	.about_award .brand.engeye img {height:3.67vw;}
	.about_award .brand.elif img {height:3.33vw;}
	.about_award .brand.wings img {height:4.5vw;}
	.about_award .brand.allvia img {height:5.58vw;}
	.about_award .brand.visang img {height:3.25vw;}
	.about_award .brand.nubbul img {height:4.33vw;}
    .about_award .brand.mathalive img {height:4.75vw;} /* 2022-11-29 */

    /* [s] 2023-03-21 */
	.about_certification {gap:3.684vw; margin-top:5.263vw;}
	.about_certification dl {width:100%; min-height:35.789vw; padding:6.842vw 4.737vw; border-radius:3.158vw; display:flex; align-items:center;}
	.about_certification dl::before {border-radius:3.158vw;}
	.about_certification dl::after {display:none;}
	.about_certification dl dt {width:16.737vw; height:auto;}
	.about_certification dl:nth-child(n+2) dt img {width:80%;}
	.about_certification dl dd {margin-top:0; margin-left:3.158vw; flex:1; text-align:left; font-size:2.5vw;}
	/* [e] 2023-03-21 */

	.about_contact {padding-top:3.75vw; padding-bottom:0;}
	.about_contact .info01 {margin-bottom:0; flex-wrap:wrap;}
	.about_contact .info01 dl {padding-right:4.17vw; padding-bottom:2.92vw;}
	.about_contact .info01 dl:first-of-type {width:100%;}
	.about_contact .info01 dt {font-size:2.92vw;}
	.about_contact .info01 dd {font-size:2.5vw; margin-top:0.83vw;}
	.about_contact .info02 {margin-top:2.92vw;}
	.about_contact .info02 .sns strong {font-size:2.08vw; margin-right:1.33vw; line-height:4.5vw;}
	.about_contact .info02 .sns a {width:4.5vw; height:4.5vw; background-size:100% 100%;}
	.about_contact .info02 .sns a + a {margin-left:1.08vw;}
	.about_contact .btn_contact {padding:0 4.17vw; height:6.67vw; border-radius:3.33vw; font-size:2.5vw;}
	/* 2022-11-29 삭제 .about_contact .btn_contact .ico_next {width:1.58vw; height:2.42vw; margin-left:1.42vw;} */

	.exp_intro.mathalive .exp_top {padding:13.75vw 0 10vw; background:url(../images/bg/bg_exp_top_m.png) right center no-repeat; background-size:auto 100%;}
	.exp_intro.mathalive .exp_top .logo {height:14.75vw;}
	.exp_intro.mathalive .exp_top .con>p {font-size:22px;}
	.exp_intro.mathalive .math_intro {margin-top:4vw; flex-wrap:wrap;}
	.exp_intro.mathalive .math_intro li {width:100%; margin:0 7.5vw; font-size:2.92vw;}
	.exp_intro.mathalive .math_intro li+li {margin-top:4vw;}
	.exp_intro.mathalive .math_intro li h6 {padding-top:1vw; font-size:18px;}
	.exp_intro.mathalive .math_intro li p {margin-top:1vw; font-size:13px;}
	.exp_intro.mathalive .math_intro img {height:31.667vw;}

	.math_learning_features {
    padding-top: 4.167vw;
    margin-bottom: 10.526vw;
    } /* 2023-06-09 */
	.math_learning_features .depth-1 button {height:5.167vw; border-radius:2.417vw; padding:0 2.917vw; font-size:2.75vw; margin:0 0.75vw;}
	.math_learning_features .depth-2 {border-radius:3.25vw; margin-top:2.75vw; max-width:100%;}
	.math_learning_features .depth-2 .slide {flex:1; overflow:hidden;}
	.math_learning_features .depth-2 .slide .tab {display:flex; transition:all 0.2s;}
	.math_learning_features .depth-2 .slide .tab button {flex:33.33% 0 0;}
	.math_learning_features .depth-2 .tab button {width:25.5vw; height:6.5vw; font-size:2.5vw;}
	.math_learning_features .depth-2 .tab button::before {height:2.417vw; width:0.167vw; border-width:0.167vw;}
	.math_learning_features .depth-2 .btn_slide {font-size:0; width:4.583vw; position:relative;}
	.math_learning_features .depth-2 .btn_slide.prev {background:url(../images/ico/ico_prev.png) right center no-repeat; background-size:1.333vw 2.333vw;}
	.math_learning_features .depth-2 .btn_slide.next {background:url(../images/ico/ico_next.png) left center no-repeat; background-size:1.333vw 2.333vw;}
	.math_learning_features .depth-2 .btn_slide::before {content:''; background:#86cf09; position:absolute; top:0; bottom:0; width:1.667vw; z-index:1;}
	.math_learning_features .depth-2 .btn_slide.prev::before {left:100%;}
	.math_learning_features .depth-2 .btn_slide.next::before {right:100%;}
	.math_learning_features .content {height:auto;}
	.math_learning_features .content h6 {font-size:2.5vw;}
	.math_learning_features .content p {font-size:2.333vw; padding-top:1.5vw; padding-bottom:2.8vw;}
	.math_learning_features .img_wrap {max-width:100%;}
	.math_learning_features .img_wrap p {padding-top:0.758vw; font-size:1.667vw; padding-bottom:0;}
	.math_learning_features .content .inner>div.inclass-1>div>div {width:44%; margin:0 3%;}

	.math_assessment li {width:85.833vw; margin:0 auto;}
	.math_assessment li:nth-child(n+2) {margin-top:6.25vw;}
	.math_assessment h6 {height:4.917vw; line-height:4.917vw; font-size:2.75vw; padding:0 2.5vw; border-radius:2.417vw;}
	.exp_intro .exp_section .math_assessment p {font-size:2.833vw;}
	.math_assessment .bg_line {width:45vw;}
	.math_assessment .module .bg_line {left:64%;}
	.math_assessment .diagnostic .bg_line {right:57%;}

    .exp_intro.mathalive .exp_section .certification p {font-size:2.833vw;} /* 2023-03-21 */

	.math_aids>div::before {height:44.417vw; width:100%;}
	.math_aids .bg_l::before {border-radius:0 11vw 11vw 0; left:-20px;}
	.math_aids .bg_r::before {border-radius:11vw 0 0 11vw; right:-20px;}
	.math_aids .img_l, .math_aids .img_r {max-width:85.833vw;}
	.math_aids dl {padding:0 2.5vw; font-size:2.667vw;}
	.math_aids dt {font-size:2.917vw; padding:0 2.5vw; margin-bottom:1vw;}
	.math_aids dt::before {width:0.75vw; height:3.083vw; border-radius:0.375vw;}
	.math_aids img {height:26.5vw;}

	.math_curriculum {padding-top:0; max-width:85.833vw;}
	.exp_intro .exp_section .math_curriculum>p {font-size:2.833vw;}
	.math_curriculum .btn_blue {height:6.667vw; line-height:6.667vw; padding-left:3.333vw; padding-right:5.417vw; border-radius:3.333vw; font-size:2.5vw;}
	.math_curriculum .btn_blue::before {right:3.5vw;}
	.math_curriculum .btn_blue.next::before {width:1.5vw; height:2.333vw;}
	.math_curriculum .btn_blue.down::before {width:3vw; height:3vw;}
	.math_curriculum .btn_blue.down {margin-top:4.167vw;}
	.math_curriculum .btn_right {margin:4.167vw 0 1.667vw;}

    /* [s] 2023-05-03 */
    .math_curriculum .info_wrap {
        top: 14.3vw;
    }
    .math_curriculum .info_wrap#ccss {
        right: 14.833vw;
    }
    .math_curriculum .info_wrap#qm {
        right: 4.167vw;
        margin-top: 0;
    }
    .math_curriculum .ico_info {
        width: 3vw;
        height: 3vw;
    }
    .math_curriculum .cont_info dt {
        font-size: 1.917vw;
    }
    .math_curriculum .cont_info dd {
        font-size: 1.667vw;
    }
    /* [e] 2023-05-03 */

	#math_curriculum_pop .popup {width:100%; padding:8.333vw 7.083vw; border-radius:0;}
	#math_curriculum_pop h4 {font-size:3.75vw;}
	#math_curriculum_pop .txt_wrap {padding-top:1.667vw; padding-bottom:4.167vw; font-size:2.833vw;}
	#math_curriculum_pop .btn_close {width:2.833vw; height:2.833vw; top:3.333vw; right:3.333vw;}

    /* [s] 2023-05-02 */
    #quantile .content {
        max-width: 85.833vw;
    }
    #quantile .content > p {
        padding-top: 0;
        font-size: 2.833vw;
    }
    #quantile .content .graph {
        margin-top: 7.5vw;
        padding-top: 2.917vw;
        margin-bottom: 4.167vw;
    }
    #quantile .content .graph .desc {
        gap: 2.417vw;
    }
    #quantile .content .graph .desc ul li {
        padding-left: 2.083vw;
        font-size: 2.333vw;
    }
    #quantile .content .graph .desc ul li + li {
        margin-top: 0;
    }
    #quantile .content .graph .desc ul li::before {
        width: 1.083vw;
        height: 1.083vw;
        top: 1.1vw;
    }
    #quantile .content .quantile_img {
        height: 7.5vw;
    }
    /* [e] 2023-05-02 */

	.accordion h6 {font-size:24px;}

    /* [s] 2022-09-27 모바일 플로팅 배너 */
    .floating_banner {position:fixed; top:190px; left:4vw; z-index:1;}
    /* 2022-09-30 justify-content 추가 */
    .floating_banner.demo {width:18.875vw; height:24.625vw; background:url(../images/pic/floating_demo.png); background-size:100% 100%; font-size:3.27vw; color:#ffd731; text-align:center; padding:7.19vw 2.05vw 2.05vw; display:flex !important; align-items:center; justify-content:center; line-height:1; font-weight:500;}
    /* [e] 2022-09-27 모바일 플로팅 배너 */

    /* [s] 2023-02-16 Game Activities */
	.normal_tab.odf_game {margin:4.167vw auto 0;}
	.normal_tab.odf_game .nm_tab {margin-bottom:1.667vw;}
	.normal_tab.odf_game .nm_tab li a {line-height:7.5vw; font-size:2.5vw; padding:0;}
	.normal_tab.odf_game .nm_tabcon > div > p {font-size:2.083vw;}
	.normal_tab.odf_game .activities > ul {padding-top:3.333vw;}
	.normal_tab.odf_game .activities > ul > li {margin-top:4.167vw; text-align:center;}
	.normal_tab.odf_game .activities li h5 {font-size:2.5vw;}
	.normal_tab.odf_game .activities li p {padding-top:1.667vw; font-size:2.333vw;}
	.normal_tab.odf_game .activities .images {margin-top:2.5vw; flex-wrap:wrap; justify-content:center;}
	.normal_tab.odf_game .activities .images li {margin:0.667vw}
	.normal_tab.odf_game .activities .images img {border-radius:1.667vw; width:32.75vw; height:20.417vw;}
	/* [e] 2023-02-16 Game Activities */

    /* partners */
    /* [s] 2023-05-23 */
    #contents .partner_cont h4 {
        font-size: 3.333vw;
        margin-bottom: 2.5vw;
    }
    .partner_cont {
        padding: 10vw 0 7.917vw;
    }
    .partner_cont p {
        font-size: 2.5vw;
    }

    .link_underline {
        font-size: 3.167vw;
    }
    .link_underline.go::before {
        width: 1.333vw;
        background-position-y: 1.4vw;
        margin-left: 1.667vw;
    }
    .link_underline.download::before {
        width: 3.083vw;
        background-position-y: 1vw;
        margin-left: 1.667vw;
    }
    .link_underline.go.blue::before {
        width: 1.333vw;
        background-position-y: 0.7vw;
        margin-left: 1.667vw;
    }

    .partner_cont.main {
        padding: 6.667vw 0 7.917vw;
        height: auto;
        background-image: none;
    }
    .partner_cont.main .wrapper {
        align-items: center;
    }
    #contents .partner_cont.main h4 {
        margin-bottom: 2vw;
        text-align: center;
    }
    .partner_cont.main .bg_img {
        position: relative;
        background: url(../images/bg/bg_partner_main_img_m.png);
        background-size: 100% 100%;
        width: 64.417vw;
        height: 37.5vw;
    }
    .partner_cont.main .link {
        margin-top: 3.75vw;
        gap: 2.333vw;
    }
    .partner_cont.main .link a {
        padding: 0 2.5vw;
        line-height: 6.583vw;
        border-radius: 0.333vw;
        gap: 2.5vw;
        font-size: 2.75vw;
    }
    .partner_cont.main .link .go::after {
        width: 1.5vw;
    }
    .partner_cont.main .link .download::after {
        width: 2.75vw;
    }

    .partner_cont.what ul {
        margin-top: 2vw;
        flex-direction: column;
        align-items: center;
        gap: 2.5vw;
    }
    .partner_cont.what ul li {
        max-width: 52vw;
    }
    .partner_cont.what ul li h5 {
        margin-top: 2.5vw;
        font-size: 2.917vw;
    }
    .partner_cont.what ul li p {
        margin-top: 0.833vw;
    }

    .partner_cont.profit ul {
        margin-top: 4.583vw;
        gap: 2.5vw;
        flex-wrap: wrap;
    }
    .partner_cont.profit ul li {
        width: 37.167vw;
        height: 22vw;
        border-radius: 1vw;
        padding-top: 6vw;
    }
    .partner_cont.profit ul li::before {
        width: 1.667vw;
        height: 1.667vw;
        top: 3.333vw;
    }
    .partner_cont.profit ul li h5 {
        font-size: 3.333vw;
    }
    .partner_cont.profit ul li h5 strong {
        font-size: 4vw;
    }
    .partner_cont.profit ul li h5::before {
        height: 1.5vw;
        bottom: 0.25vw;
        left: -0.25vw;
        right: -0.25vw;
    }
    .partner_cont.profit ul li p {
        margin-top: 1.4vw;
    }
    .partner_cont.profit .link {
        margin-top: 5.417vw;
        gap: 5.417vw;
    }

    .partner_cont.story {
        padding: 10.833vw 0 13.333vw;
    }
    .partner_cont.story .title {
        width: 36.417vw;
        line-height: 5.5vw;
        font-size: 3.167vw;
        padding-right: 0.833vw;
        margin: 0 auto;
    }
    .partner_cont.story .content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .partner_cont.story .content img {
        order: 0;
        margin-top: 3.667vw;
    }
    .partner_cont.story .content .txt {
        padding-top: 3.333vw;
        padding-right: 0;
    }
    #contents .partner_cont.story .content h4 {
        font-size: 3.333vw;
        margin-bottom: 0.833vw;
    }
    .partner_cont.story .content p {
        font-size: 2.5vw;
    }
    .partner_cont.story .link_underline {
        margin-top: 2.917vw;
    }
    .partner_slide {
        margin-top: 7.5vw;
    }
    .partner_slide .slick-slider {
        gap: 2.2vw;
    }
    .partner_slide .slick-arrow {
        width: 2.333vw;
        height: 3.917vw;
    }
    .partner_slide .slick-dots {
        margin-top: 3.167vw;
        gap: 2.083vw;
    }
    .partner_slide .slick-dots li {
        width: 2.167vw;
        height: 2.167vw;
    }
    .partner_slide .box {
        border-radius: 0.667vw;
        height: 72.167vw;
        gap: 0;
        flex-direction: column;
        align-items: center;
    }
    .partner_slide .brand {
        top: 3.75vw;
        right: 2.917vw;
    }
    .partner_slide .brand.challenge {
        width: 13.25vw;
        height: 5.167vw;
    }
    .partner_slide .brand.elif {
        width: 8.333vw;
        height: 3.333vw;
    }
    .partner_slide .client {
        padding-top: 7.083vw;
        padding-left: 0;
    }
    .partner_slide .client .img {
        width: 21.083vw;
        height: 21.083vw;
        padding: 0.167vw;
        margin: 0 auto;
    }
    .partner_slide .client .name {
        margin-top: 0.833vw;
        font-size: 2.333vw;
    }
    .partner_slide .place {
        bottom: 4vw;
        right: 2.5vw;
        font-size: 2.333vw;
    }
    .partner_slide .comment {
        padding-top: 3.75vw;
        padding-right: 5vw;
        padding-left: 5vw;
        font-size: 2.333vw;
        line-height: 1.6;
        text-align: center;
    }
    .partner_slide .comment::before {
        font-size: 13.167vw;
        top: -3.6vw;
        left: 2.5vw;
    }

    .partner_cont.allvia ul {
        margin-top: 3.8vw;
        gap: 2.083vw;
    }
    .partner_cont.allvia ul li {
        text-align: center;
        width: 100%;
        min-height: 20.167vw;
        border-radius: 1vw;
        padding: 3.333vw 2.5vw 2.5vw 2.5vw;
    }
    .partner_cont.allvia ul li::before {
        height: 1.667vw;
    }
    .partner_cont.allvia ul li h6 {
        font-size: 2.667vw;
        font-weight: 500;
    }
    .partner_cont.allvia ul li p {
        margin-top: 0.833vw;
        font-size: 2.5vw;
        line-height: 1.4;
    }

    .partner_cont.world img {
        margin-top: 3.333vw;
        width: 120%;
    }

    .partner_banner {
        margin-top: 10.833vw;
        margin-left: 6vw;
        margin-right: 6vw;
        height: 42.5vw;
        background-image: url(../images/bg/bg_partner_banner_m.png);
        border-radius: 1vw;
    }
    #contents .partner_banner h4 {
        font-size: 3.333vw;
        margin-bottom: 1.667vw;
    }
    .partner_banner p {
        font-size: 2.5vw;
    }
    .partner_banner a {
        margin-top: 3.75vw;
        border-radius: 0.333vw;
        padding: 1.667vw 5.833vw 1.667vw 3.75vw;
    }
    .partner_banner .link_underline {
        font-size: 2.417vw;
    }
    .partner_banner .link_underline.go::before {
        width: 1.1vw;
        background-position-y: 0.8vw;
    }  /* [e] 2023-05-23 */
        /* [s] 2023-06-09 */
    .try {
        height: 11.25vw;
        font-size: 2.917vw;
    }

    .try a {
        margin-left: 0.833vw;
    }

    .try a::after {
        width: 1.167vw;
        height: 1.833vw;
        margin-left: 0.833vw;
    }
    /* [e] 2023-06-09 */
    /* [s] 2023-07-25 */
    .exp_intro.challenge .logo {
        height: 16.667vw;
    }
    .exp_intro.challenge .exp_top > i {
        width: auto;
    }
    #contents .exp_intro.challenge .exp_top h4 {
        padding-top: 8.333vw;
        font-size: 3.75vw;
    }
    #contents .exp_intro.challenge .exp_top h4::before {
        width: 4.083vw;
        height: 1.15vw;
        border-radius: 0.583vw;
        top: 4.167vw;
    }
    .exp_intro.challenge .exp_top > p {
        font-size: 2.917vw;
        margin-bottom: 8.333vw;
    }
    .exp_intro.challenge .top_img {
        height: 48.333vw;
    }
    #contents .exp_intro.challenge h4 {
        font-size: 3.75vw;
    }
    .exp_intro.challenge .exp_section > h4 + p {
        font-size: 2.917vw;
    }
    .challenge_digital_img {
        margin: 2.917vw auto 0;
        height: 67.667vw;
    }
    .challenge_content {
        padding-top: 4.583vw;
    }
    .challenge_content nav {
        height: 6.5vw;
        border-radius: 3.25vw;
    }
    .challenge_content nav button {
        width: 28.583vw;
        font-size: 2.5vw;
    }
    .challenge_content nav button:not(:first-child)::before {
        width: 0.167vw;
        height: 2.333vw;
    }
    .challenge_content .content {
        padding-top: 4.167vw;
    }
    .challenge_content .content > div > h5 {
        font-size: 2.5vw;
    }
    .challenge_content .content > div > p {
        font-size: 2.333vw;
        margin-top: 1.25vw;
    }
    .challenge_content .img_wrap {
        margin-top: 2.5vw;
        gap: 0.833vw 1.667vw;
    }
    .challenge_content .img_wrap li {
        width: 27.833vw;
    }
    .challenge_content .img_wrap h6 {
        font-size: 1.667vw;
        padding-top: 0.417vw;
    }
    .challenge_content .img_wrap p {
        font-size: 1.667vw;
    }
    /* [s] 2023-07-31 */
    .challenge_curriculum {
        padding-top: 5.833vw;
        margin: 0 5.417vw;
    }
    .challenge_curriculum .curriculum {
        gap: 1.667vw;
    }
    .challenge_curriculum .curriculum::before {
        width: 3.5vw;
        height: 27.583vw;
        margin-right: 0;
    }
    .challenge_curriculum .content {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .challenge_curriculum .content img {
        margin-top: -5.833vw;
        height: 43.667vw;
    } /* 2023-07-31 */
    .challenge_curriculum .curriculum li {
        gap: 1.667vw;
    }
    .challenge_curriculum .curriculum li > div {
        height: 13vw;
        border-radius: 1.667vw;
    }
    .challenge_curriculum .curriculum li > div + div {
        margin-top: 0 !important;
    }
    .challenge_curriculum .step_box {
        width: 19.333vw;
    }
    .challenge_curriculum .step_box .step {
        padding: 0 1.833vw;
        height: 3.667vw;
        line-height: 3.667vw;
        font-size: 2.5vw;
        border-radius: 1.833vw;
    }
    .challenge_curriculum .step_box p {
        font-size: 2.167vw !important;
    }
    .challenge_curriculum .color_box {
        font-size: 2.333vw;
    }
    .challenge_curriculum .no_box {
        font-size: 2.333vw;
    }
    .challenge_curriculum .curriculum li:nth-child(1) .color_box {
        width: 19.833vw;
    }
    .challenge_curriculum .curriculum li:nth-child(2) .color_box {
        width: 31vw;
    }
    .challenge_curriculum .curriculum li:nth-child(3) .color_box {
        width: 42vw;
    }
    /* [e] 2023-07-31 */
    .challenge_curriculum .download {
        margin-top: 3.333vw;
        padding: 0 2.917vw;
        height: 6.667vw;
        border-radius: 3.333vw;
        gap: 0.833vw;
        font-size: 2.5vw;
    }
    .challenge_curriculum .download::after {
        width: 3vw;
        height: 3vw;
    }
    .challenge_global {
        height: 126.083vw;
        padding-top: 7.5vw;
        padding-left: 7.5vw;
        padding-right: 7.5vw;
        background: url(../images/bg/bg_challenge_global_m.png);
        background-size: cover;
    }
    .challenge_global .content {
        padding-top: 2.083vw;
        flex-direction: column;
        align-items: center;
    }
    .challenge_global .con1 img {
        height: 39.333vw;
        margin: 0 auto;
    }
    .challenge_global .con1 p {
        font-size: 2.917vw;
        position: relative;
        bottom: auto;
        left: auto;
        width: 73.333vw;
        text-align: center;
        margin-top: 2.083vw;
    }
    .challenge_global .con2 {
        padding-top: 2.5vw;
        width: 100%;
    }
    .challenge_global .con2 h6 {
        font-size: 2.667vw;
        text-align: left;
    }
    .challenge_global .con2 .paper {
        width: 100%;
        height: 28.25vw;
        margin-top: 0;
    }
    .challenge_global .con2 .paper .bg {
        padding: 4.583vw 0 4.583vw 4.167vw;
        display: flex;
        align-items: center;
    }
    .challenge_global .con2 .paper .bg::before {
        top: 0.833vw;
        left: 0.833vw;
    }
    .challenge_global .con2 .paper p {
        font-size: 2.667vw;
        flex: 1;
        text-align: center;
        padding: 0 6.25vw;
    }
    .challenge_global .con2 .paper p b {
        margin: 0;
    }
    .challenge_global .con2 .paper img {
        width: auto;
        height: 100%;
    }
    .solution_video a strong {
        padding-bottom: 100px;
        padding-top: 0;
        font-size: 24px;
        background-size: 70px;
    }
    .challenge .app_ban {
        background-image: url(../images/bg/bg_appbanner_challenge_m.png);
        background-size: cover;
    }
    .challenge .app_ban p {
        text-shadow: none;
        font-size: 2.667vw;
    }
    .challenge .app_ban p b {
        font-size: 3.667vw;
    }
    .app_ban .download li a {
        width: 20.25vw;
        height: 5.833vw;
    }
    /* [e] 2023-07-25 */
    /* [s] 2023-09-27 */
    .welcome_cont {
        gap: 1.333vw;
        margin: 5vw auto auto;
        width: 85.833vw;
    }
    .welcome_cont > div {
        height: 48.5vw;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 5%;
        padding-right: 50%;
        background-image: url(../images/bg/bg_wel_blue_m.png);
    }
    .welcome_cont > div > img {
        margin: 0;
        height: 23.167vw;
        position: relative;
        top: -0.833vw;
    }
    .welcome_cont h5 {
        font-size: 3vw;
        margin-bottom: 0.833vw;
        text-align: center;
    }
    .welcome_cont p {
        font-size: 2.167vw;
        text-align: center;
    }
    .welcome_cont button {
        width: 23.333vw;
        height: 5.833vw;
        border-radius: 2.917vw;
        display: block;
        margin: 2.083vw auto 0;
        padding-left: 2.5vw;
        font-size: 2.167vw;
    }
    .welcome_cont button::before {
        width: 1.167vw;
        height: 2.083vw;
        inset: 0 2.5vw 0 auto;
    }
    .welcome_cont > div.half {
        background: transparent;
        padding-right: 1.5vw;
        padding-left: 1.5vw;
    } /* 2023-10-30 */
    .welcome_cont > div.half::before {
        content: "";
        position: absolute;
        inset: 0;
        border: 0.417vw solid #ededf3;
    }
    .welcome_cont > div.half::after {
        content: "";
        position: absolute;
        inset: 0;
        border: 0.167vw solid #e0e0e3;
    }
    .welcome_cont > div.half.conversion > img {
        top: 3.5vw;
    } /* 2023-10-30 */
    .welcome_cont > div.half.blog > img {
        top: 0.833vw;
    }
    .welcome_cont .event {
        inset: 5.417vw 7vw 7.5vw auto;
        border-radius: 1.167vw;
        width: 33.583vw;
    }
    .welcome_cont .event::before {
        width: 7.667vw;
        height: 12.083vw;
        bottom: -1.583vw;
        left: -2.167vw;
    }
    .welcome_cont .event::after {
        width: 7.833vw;
        height: 6.167vw;
        top: -2vw;
        right: -2vw;
    }
    .welcome_cont .event a {
        flex-direction: column;
        gap: 2.083vw;
        padding: 0 3.5vw;
    }
    .welcome_cont .event a::after {
        width: 1.917vw;
        height: 2.917vw;
        position: relative;
        bottom: 0;
        right: 0;
    }
    .welcome_cont .event h5 {
        font-size: 2.833vw;
    }
    .welcome_cont .event p {
        font-size: 2.167vw;
        line-height: 1.4;
    }

    #free_trial_pop .popup {
        width: 93vw;
    } /* 2023-10-27 */
    #free_trial_pop .head {
        height: 9.083vw;
    }
    #free_trial_pop h2 {
        font-size: 3.333vw;
    }
    #free_trial_pop .body {
        padding: 3.667vw 3.333vw 2.5vw;
        max-height: calc(90vh - 8.333vw);
    }
    #free_trial_pop .step-container {
        padding: 5vw 6.667vw 5.833vw;
    }
    #free_trial_pop .step-container h4 {
        font-size: 3.333vw;
    }
    #free_trial_pop .step-container h4::before {
        width: 3.583vw;
        height: 6.083vw;
        top: -0.833vw;
    }
    #free_trial_pop .step {
        flex-direction: column;
        gap: 6.167vw;
        margin-top: 5vw;
    }
    #free_trial_pop .step ul {
        gap: 0;
        justify-content: space-between;
    }
    #free_trial_pop .how_txt li {
        width: 19.167vw;
        height: 19.167vw;
        font-size: 1.917vw;
        padding: 3.333vw 0.833vw 2.5vw 0.833vw;
        z-index: 1;
    }
    #free_trial_pop .how_txt li.start::before {
        inset: 0.333vw;
        border-width: 0.167vw;
    }
    #free_trial_pop .how_txt li.start::after {
        width: 4.75vw;
        height: 4.917vw;
        inset: -2vw 0 auto;
    }
    #free_trial_pop .how_txt li.middle::after {
        width: 5.333vw;
        height: 4.75vw;
        inset: -2vw 0 auto;
    }
    #free_trial_pop .chk_line {
        margin: 4.167vw 9.583vw 0;
        height: 1.583vw;
    }
    #free_trial_pop .chk_line::before {
        width: 1.583vw;
        height: 16.667vw;
        border: none;
        transform: translateX(-50%);
    }
    #free_trial_pop .chk_line.line1:before {
        top: 0;
        bottom: auto;
    }
    #free_trial_pop .chk_line.line2:before {
        right: auto;
        left: 100%;
        top: auto;
    }
    #free_trial_pop .chk_line li {
        width: 4.75vw;
        height: 4.75vw;
    }
    #free_trial_pop .chk_line.line2 li:first-child {
        transform: translateX(50%);
    }
    #free_trial_pop .chk_line.line2 li:last-child {
        transform: translateX(-50%);
    }
    #free_trial_pop .step > div:nth-child(2) ul {
        flex-direction: row-reverse;
    }
    #free_trial_pop .chk_txt {
        bottom: 1.583vw;
        left: auto;
        right: 32%;
        transform: translateX(50%);
        font-size: 1.833vw;
        height: 5.833vw;
    }
    #free_trial_pop form {
        padding-top: 2.917vw;
    }
    #free_trial_pop form ul {
        gap: 1.667vw;
    }
    #free_trial_pop form li {
        align-items: flex-start;
    }
    /* [s] 2023-10-27 폰트사이즈 조정 */
    #free_trial_pop form .tit {
        line-height: 1.4;
        width: 26.667vw;
        font-size: 2.5vw;
        padding-right: 5vw;
        padding-top: 1.1vw;
    }
    #free_trial_pop form .con {
        min-height: 5vw;
        font-size: 2.2vw;
    }
    #free_trial_pop form input[type="text"],
    #free_trial_pop form input[type="email"] {
        font-size: 2.2vw;
    }
    #free_trial_pop form textarea {
        height: 13.667vw;
        font-size: 2.2vw;
    }
    /* [e] 2023-10-27 */
    #free_trial_pop form .choose {
        gap: 0;
        padding-top: 1.1vw;
        flex-wrap: wrap;
    }
    #free_trial_pop form .choose label {
        width: 50%;
        height: 4.167vw;
    }
    #free_trial_pop form input[type="radio"] + i {
        width: 1.5vw;
        height: 1.5vw;
        margin-right: 1.25vw;
    } /* 2023-10-27 */
    #free_trial_pop .check {
        margin-top: 2.917vw;
        font-size: 2.2vw;
    } /* 2023-10-27 */
    #free_trial_pop .btn_wrap {
        margin-top: 2.917vw;
        margin-bottom: 5.417vw;
    }
    #free_trial_pop .btn_wrap .slim_btn {
        width: 25vw;
        height: 6.667vw;
        font-size: 2.5vw;
    }

    .conversion_link {
        gap: 1.333vw;
        margin-top: 5vw;
    }
    .conversion_link a {
        flex: 1;
        width: auto;
        height: 17.833vw;
        padding: 0 16.667vw 0 3.333vw;
        display: flex;
        align-items: center;
        font-size: 3.333vw;
    }
    .conversion_link a::before {
        width: 4.167vw;
        height: 2.333vw;
        right: 3.333vw;
        bottom: 50%;
        transform: translateY(50%);
    }
    .conversion_cont {
        margin-top: 7.083vw;
    }
    .conversion_cont ul {
        gap: 0 7.917vw;
    }
    .conversion_cont li {
        width: 32.5vw;
    }
    .conversion_cont li .img {
        height: 30.167vw;
        padding: 0.833vw;
    }
    .conversion_cont li .img img {
        margin-top: 0;
    }
    .conversion_cont li p {
        min-height: 11.25vw;
        font-size: 2.5vw;
        padding: 2.083vw 0;
    }
    /* [e] 2023-09-27 */
}

@media all and (max-width:768px) {
	#container.sub {padding-bottom:30px;}
	#container.sub.subA {margin-top:140px;}
	#container.sub.subB {margin-top:170px;}
    #container.sub.subB.press {margin-top:140px;}
	#container.sub.subC {margin-top:92px;}

	#contents {padding:30px 0;}
	#contents.wrapper {padding:30px 15px;}
	#contents h4 {margin-bottom:15px; font-size:20px; text-align:center; font-weight:600;}
	#contents h4.bigmt {margin-top:50px;}
	#contents.nobtm {margin-bottom:-30px;}
	#contents.dark {margin-bottom:-30px;}

    /* 2022-09-27 */ .subtop_menu {top:66px;}

	.right_txt {margin:0; padding-bottom:10px; font-size:13px;}

	.bluetable thead th {height:40px; font-size:12px;}
	.bluetable thead th:first-of-type {border-radius:10px 0 0 0;}
	.bluetable thead th:last-of-type {border-radius:0 10px 0 0;}
	.bluetable tbody td {padding:8px 0 10px 0; font-size:12px;}
	.bluetable tbody td:first-of-type {border-radius:0 0 0 10px;}
	.bluetable tbody td:last-of-type {border-radius:0 0 10px 0;}

	.page_tab li {border-radius:10px 10px 0 0;}
	.page_tab li a {padding:0 10px; line-height:30px; font-size:12px;}
	.page_tab > a {width:auto; height:32px; padding:0 10px; line-height:32px; font-size:12px;}

	
	.data_table thead th {height:40px; padding:0 10px; font-size:12px;}
	.data_table tbody td {padding:10px; font-size:12px;}
	.data_table .wide_btn_layout {width:150px;}
	.data_table .wide_btn_layout02 {width:100px;}

	.paging ol li {width:24px; font-size:15px;}

	.inp_radio {margin-right:20px; line-height:20px;}
	.inp_radio + .inp_radio {margin-left:0;}
	.inp_radio input[type="radio"] + i {top:0;}
	.inp_radio input[type="radio"] + i + span {font-size:14px;}
	.inp_radio input[type="text"] {top:0; width:80px; height:20px;}

	.btn_wrap.ltoc {display:flex; justify-content:center;} 
	.btn_wrap.ltoc>div {max-width:300px; min-width:150px;}
	.btn_wrap .basic_btn {width:160px; height:45px; line-height:45px; font-size:14px;}
	.btn_wrap .basic_btn.sm_txt {display:inline-block; width:auto; padding:0 30px;}
	.btn_wrap .wide_btn {width:80%; height:45px; line-height:45px; font-size:13px;}
	.btn_wrap .md_btn {height:45px; line-height:45px; font-size:13px;}
	.btn_wrap .slim_btn {width:40%;}
	.btn_wrap .slim_btn.down {max-width:130px; font-size:11px; height:30px; line-height:30px;}
	.btn_wrap .slim_btn.down::before {width:14px; height:14px;}
	.btn_wrap.two .two_btn {height:45px; line-height:45px; font-size:13px;}

	.h4_rightbtn {margin-top:0; text-align:center;}
	.h4_rightbtn a {width:160px; height:42px; font-size:12px;}
	.h4_rightbtn a + a {margin-left:0;}

	.search_box {padding:0; margin:0 -5px; background:#fff;}
	.search_box .selectric-wrapper {width:calc(33.33% - 10px); margin:0 5px; border:1px solid #898989;}
	.search_box .selectric .label {font-size:12px; margin:0 20px 0 10px;}
	.search_box .selectric .button {width:26px;}
	.search_box input[type="text"] {width:calc(70% - 10px); margin:10px 5px 0; font-size:12px; border:1px solid #898989;}
	.search_box input[type="submit"] {width:calc(30% - 10px); margin:10px 5px 0; font-size:12px;}
	
	.form_page_wrap {width:auto;}
	.form_page_wrap .form_wrap > ul > li + li {margin-top:20px;}
	.form_page_wrap .form_wrap .two .con:first-of-type {width:calc(50% - 90px);}
	.form_page_wrap .form_wrap .two .tit:last-of-type {margin-left:10px; width:140px;}
	.form_page_wrap .form_wrap .two .con:last-of-type {width:calc(50% - 130px);}

	#contents h3 {padding-bottom:30px; margin-bottom:20px; font-size:26px;}
	#contents h3:after {width:40px; height:6px; margin-left:-20px;}

	.sub_con_tit {padding:0 30px; font-size:13px;}

	.news_tab {margin-top:24px; padding:0 20px;}
	.news_tab ul {border-width:1px; width:100%; border-radius:19px;}
	.news_tab ul li {height:38px;}
	.news_tab ul li a {font-size:18px;}
	.news_tab ul li.on a {border-radius:19px;}
	.news_list {margin-top:20px;}
	.news_list li a {padding:30px 30px;}
	.news_list li a .thumb {float:none; width:100%; height:auto; margin-top:10px; border-radius:10px; overflow:hidden;}
	.news_list li a .con {float:none; width:100%; padding:0;}
	.news_list li a .con strong {font-size:16px;}
	.news_list li a .con p {margin:5px 0 10px; font-size:13px;}
	.news_list li a .con span {font-size:11px;}

	.board_view .board_top .subject {margin-bottom:10px; font-size:20px; text-align:left;}
	.board_view .board_con {margin:30px 0;}
	.board_view .board_con p {font-size:13px;}
	.board_view .board_con p + p {margin-top:18px;}

	.video_board_wrap .video_board .con {font-size:14px;}

	.procedure {padding:40px 0 0;}
	.procedure ol {margin-top:30px;}
	.procedure ol li + li {margin-top:50px;}
	.procedure ol li + li:before {width:15px; height:13px; top:-33px; left:50%; margin-left:-7.5px; background-size:15px;}
	.procedure ol li .title {float:none; width:200px; height:70px; margin:0 auto;}
	.procedure ol li .title strong {font-size:15px;}
	.procedure ol li .con {float:none; width:100%; padding:15px 20px 0; text-align:center;}
	.procedure ol li .con p {font-size:12px;}
	.procedure ol li .btn_wrap {margin-top:10px; text-align:center !important;}

	.form_page .tit label, 
	.form_page .tit strong {font-size:16px;}
	.form_page .tit span {font-size:14px;}

	.selectric .label {font-size:13px;}
	.selectric-items ul, 
	.selectric-items li,
	select {font-size:13px;}

	.form_page .con input.md_size {width:48%;}

    /* [s] 2023-04-20 개인정보 수집 동의 */
    .check_agree {margin-top: 30px; margin-bottom: -20px; font-size: 12px; }
    .check_agree input {margin-top: 0px;}
    /* [e] 2023-04-20 */
	
	.link_tab li a {padding:14px 0; font-size:12px;}
	.board_search .board_select {width:140px !important;}
	.board_search .selectric-wrapper {width:140px !important;}
	.board_search .input_wrap {width:calc(100% - 150px);}

	.faq_board table thead th {font-size:12px;}
	.faq_board table tbody td {font-size:12px;}

	.faq_con .tit p {font-size:15px;}
	.faq_con .con {min-height:auto; padding-bottom:30px;}
	.faq_con .con p {font-size:14px;}

	.note {font-size:13px; line-height:1.4;}

	.form_search .inp_search > div:first-child {margin-right:6px;}

	.policy_wrap {margin:0;}
	.policy_wrap .stit {font-size:16px;}
	.policy_wrap .sstit {font-size:14px;}
	.policy_wrap p {font-size:12px;}
	.policy_wrap.terms .para01 {margin-top:20px;}

	.error_page .error {width:auto; padding:0 20px;}
	.error_page .error .tit strong {padding-top:120px; font-size:40px; background-size:80px;}
	.error_page .error .tit p {margin-top:10px; font-size:20px;}
	.error_page .error .con {margin-top:20px;}
	.error_page .error .con p {font-size:16px;}
	.error_page .error .under p {font-size:13px;}

	.feature_top {background-position:left 40% top;}
	.feature_top .tit {font-size:30px;}
	.feature_top ul {padding:0 10px;}
	.feature_top ul li {flex-basis:50%;}
	.feature_top ul li div strong { margin-top:5px; font-size:14px; font-weight:400;}

	.feature_list li > div {height:auto; text-align:center;}
	.feature_list li .con {float:none !important; width:100% !important; top:initial; transform:translate(0); padding:0 2% 20px;}
	.feature_list li .con strong {font-size:17px;}
	.feature_list li .con p {font-size:14px;}
	.feature_list li .thumb {float:none !important; width:100% !important; height:auto; text-align:center; padding:0 6%;}
	.feature_list li .thumb img {top:initial; transform:translate(0);}

	.feat_link {margin-bottom:-30px;}
	.feat_link ul li {margin-bottom:30px;}
	.feat_link ul li a {padding:30px 20px;}
	.feat_link ul li a strong {font-size:20px;}
	.feat_link ul li a p {font-size:13px; padding:0 10px;}

	.demo_ban > div {height:270px; padding-top:55px; background-image:url(../images/bg/bg_demo_m.jpg); background-size:770px;}
	.demo_ban.bg02 > div {background-image:url(../images/bg/bg_demo02_m.jpg);}
    /* [s] 2022-12-08 bg추가 */
	.demo_ban.bg02 .demo_odf {background-image:url(../images/bg/bg_demo04_m.jpg);}
	.demo_ban.bg02 .demo_od {background-image:url(../images/bg/bg_demo03_m.jpg);}
	.demo_ban.bg02 .demo_math {background-image:url(../images/bg/bg_demo05_m.jpg);}
    .demo_ban .demo_chg {background-image: url(../images/bg/bg_demo06_m.jpg);} /* 2023-12-19 */
	/* [e] 2022-12-08 bg추가 */
	.demo_ban > div strong {font-size:30px;}
	.demo_ban > div p {font-size:16px;}

	.exp_intro {margin-top:-20px;}  /* 2022-10-04 margin-top 조정 */
	.exp_intro .exp_top,
	.exp_intro.elif .exp_top {padding-top:50px; padding-bottom:70px;}
	/* .exp_intro .exp_top > i {width:230px;} 2022-12-06 삭제*/
	.exp_intro .exp_top .tit {margin-top:30px; font-size:25px;}
	.exp_intro .exp_top .con p {margin-top:40px;}

	#contents .exp_intro h4 {font-size:22px;}
	.exp_intro .exp_section {padding:50px 20px;}
	.exp_intro .exp_section p {font-size:14px;}
	.exp_intro .exp_section p.sm_txt {font-size:12px; margin-bottom:20px;}
	.exp_intro .exp_section .img_pd {margin:30px 0;}

	.exp_intro h5 {font-size:18px;}	

	.learn_list li strong {font-size:14px;}

	.exp_display {
    margin-top: 30px;
    margin-bottom: 50px;
    } /* 2023-06-09 */
	.exp_display li {width:50%; margin-bottom:30px;}
	.exp_display li strong {font-size:14px;}

	.exp_video_list {padding:0;}
	.exp_video_list li {width:50%; padding:0 5px;}
	.exp_video_list li .exp_video strong {font-size:14px;}
	
	.ebook_wrap .tab_box > div > a,
	.ebook_wrap .tab_box.el > div > a {font-size:15px;}
	.ebook_wrap .tab_box > div > .inner li a,
	.ebook_wrap .tab_box.el > div > .inner li a {padding:15px 10px; line-height:1.2; font-size:13px;}

	.exp_set div strong {font-size:13px;}

	.exp_intro .program01 {margin:30px 0 0;}
	.exp_intro .btn_wrap .slim_btn {width:auto; padding:0 20px;}

	.exp_intro .people_info .con strong {font-size:18px;}
	.exp_intro .people_info .con em {font-size:15px;}
	.exp_intro .people_info .con p {font-size:12px;}

	.exp_intro .ebook_box01 {height:400px; margin-top:30px;}
	.exp_intro .ebook_box01 iframe {height:400px;}

	.normal_tab .nm_tab {margin-bottom:20px;}
	.normal_tab .nm_tab li {vertical-align:middle;}
	.normal_tab .nm_tab li a {padding:10px; font-size:12px; line-height:1;}

	.video_bro {flex-wrap:wrap; margin-top:30px;}
	.video_bro .pro_video {flex-basis:100%; width:auto;}
	.video_bro .brochure {flex-basis:100%; width:auto; margin-top:30px;}
	.video_bro > div > strong {font-size:14px;}

	.exp_intro .img_mt {margin-top:30px; margin-bottom:0;}
	.exp_intro .bg_txt span {font-size:18px;}

	.cont_info_wrap {flex-wrap:wrap;}
	.cont_info_wrap li {flex-basis:50%; margin-bottom:20px;}
    .cont_info_wrap li strong {font-size:16px; line-height:1.4;}/* 2022-12-06 min-height 삭제 */
	.cont_info_wrap li span {font-size:13px;}
	.cont_info_wrap.fl_center {margin:30px -10px 0;}
	.cont_info_wrap.fl_center li {flex-basis:50%; margin:0 0 20px; padding:0 10px;}
	
	.exp_intro .bg_txt {margin:0 0 10px;}
	.exp_intro .bg_txt span {padding:2px 10px 5px; border-radius:5px; font-size:16px;}

	.video_search {width:auto; padding:0 5%;}

    .agree_list .poli_table_new.ar {font-size: 12px;}

	.accordion li {margin-bottom:1.667vw;}
	.accordion h6 {border-radius:1vw; font-size:3.167vw; line-height:4vw; text-indent:1.167vw; padding:1.5vw 9.167vw 1.5vw 3.333vw;}
	.accordion h6::before {width:2.75vw; height:2.25vw; margin-right:1.167vw; margin-left:-1.167vw;}
	.accordion h6::after {width:2.667vw; height:1.583vw; right:3.333vw;}
	.accordion .content {padding-top:1.667vw; padding-bottom:10vw;}
	.accordion .content > p {font-size:2.917vw; margin-bottom:5vw; padding:0 4.167vw;}
	.accordion .img_con > div+div {margin-left:5.417vw;}
	.accordion .a01 .img_con {flex-direction:column; align-items:center;}
	.accordion .a01 .img_con img {height:46vw;}
	.accordion .a01 .img_con > div+div {margin-left:0;}
	.accordion .a02 .img_con img {height:45vw;}
	.accordion .a03 .img_con > div+div {margin-left:1.667vw;}
	.accordion .a03 .img_con img {height:28.667vw;}
	.accordion .a03 .img_con p {display:none;}
	.el_video {width:100%; padding-top:5vw;}
	.exp_intro .exp_section .el_video p {margin-bottom:1.667vw; font-size:2.917vw;}
	.exp_intro .exp_section .accordion .img_con > div+div {margin-top:0;}
    /* 2022-09-27 */ .floating_banner {top:165px;}
    /* 2023-06-09 */
    .try_area {height: 16.927vw;}
    /* [s] 2023-07-25 */
    .challenge_content .img_wrap p {font-size: 1.667vw;}
    .solution_video a strong {padding-bottom: 70px;font-size: 12px;background-size: 48px;}
    #contents .exp_intro.challenge .challenge_global h4 {margin-bottom: 0;}
    /* [e] 2023-07-25 */
    .tit_p {font-size: 16px;} /* 2023-09-27 */
}

@media all and (max-width:740px) {
	.txt_tabcon {display:none;}
    /* 2023-02 삭제 .ac_videolist {display:none;} */
}

@media all and (max-width:640px) {
	.scroll_table {overflow-x:auto;}
	.scroll_table table {min-width:780px;}

	.subtop_menu ul {justify-content:space-around;}
    /* 2023-02 */ .subtop_menu ul li a {padding:18px 4px;}
	.subtop_menu > ul > li.on > a:before {width:28px; height:28px; margin:-14px 0 0 -14px;}

	.page_tab {margin-top:60px;}
	.page_tab > a {top:-40px}

	.center_linebox {padding:10px;}

	.form_page_wrap .form_tit {margin-top:15px; font-size:18px;}
	.form_page_wrap .form_wrap ul li .tit {width:90px; height:30px; padding-top:0; font-size:11px; letter-spacing:-0.3px;}
	.form_page_wrap .form_wrap ul li .tit label {display:block; position:relative; top:50%; transform:translateY(-50%);}
	.form_page_wrap .form_wrap ul li .con {width:calc(100% - 90px);}
	.form_page_wrap .form_wrap ul li .with_btn input[type="text"] {width:calc(100% - 130px);}
	.form_page_wrap .form_wrap ul li .with_btn .blue_btn {width:120px; height:30px; padding:0; font-size:10px;}
	.form_page_wrap .form_wrap ul li input[type="text"], 
	.form_page_wrap .form_wrap ul li input[type="email"], 
	.form_page_wrap .form_wrap ul li input[type="tel"], 
	.form_page_wrap .form_wrap ul li input[type="password"] {height:30px; font-size:11px;}
    .form_page_wrap .form_wrap ul li input[type="text"]::placeholder,
    .form_page_wrap .form_wrap ul li input[type="email"]::placeholder,
    .form_page_wrap .form_wrap ul li input[type="tel"]::placeholder,
    .form_page_wrap .form_wrap ul li input[type="password"]::placeholder {font-size: 11px;} /* 2023-10-30 */
	.form_page_wrap .form_wrap .lay03 .con .selectric-wrapper {height:30px; overflow:hidden;}
	.form_page_wrap .form_wrap .lay03 .con .selectric {overflow:visible;}
	.form_page_wrap .form_wrap .lay03 .con .selectric .label {width:100%; height:28px; line-height:28px; color:#000;}
	.form_page_wrap .form_wrap .lay03 .con .selectric .button {height:28px; line-height:28px;}
	.form_page_wrap .form_wrap .inp_etc {margin-top:5px;}
	.form_page_wrap .form_wrap .inp_etc .inp_chk {padding-top:0;}
	.form_page_wrap .form_wrap .inp_etc .inp_chk span {line-height:28px;}
	.form_page_wrap .form_wrap .inp_etc .inp_chk i {top:8px;}

	.inp_validity .validity {top:8px;}
	.inp_validity .validity i {width:14px; height:14px; background-size:14px;}

	.form_page_wrap .form_wrap.inner_pop ul li .tit {width:70px;}
	.form_page_wrap .form_wrap.inner_pop ul li .con {width:calc(100% - 70px);}

	.form_page_wrap .form_wrap ul li.two_inp .tit {width:90px;}
	.form_page_wrap .form_wrap ul li.two_inp .con {width:calc(100% - 90px);}
	.form_page_wrap .form_wrap ul li.two_inp .con + .tit {padding-left:0; margin-top:12px;}
	.form_page_wrap .form_wrap ul li.two_inp .con + .tit + .con {margin-top:12px;}

	.form_page_wrap .form_wrap .select_lay input[type="text"] {width:calc(50% - 10px); font-size:12px;}
	.form_page_wrap .form_wrap .select_lay .selectric-wrapper {width:50%; height:30px;}
	.form_page_wrap .form_wrap .select_lay .selectric .label {font-size:12px; height:28px; margin-left:8px; line-height:28px;}
	.form_page_wrap .form_wrap .select_lay .selectric .button {height:28px;}

	.form_page_wrap .form_wrap .lay02 {margin-top:10px; margin-bottom:20px;}
	.form_page_wrap .form_wrap .lay02 .tit {width:100%;}
	.form_page_wrap .form_wrap .lay02 .con {width:100%;}
	.form_page_wrap .form_wrap .lay02 .w80 {width:55px;}
	.form_page_wrap .form_wrap .lay02 input[type="text"] {width:18% !important;}

	.form_page_wrap .form_wrap .lay_full .tit {height:auto;}
	.form_page_wrap .form_wrap .lay_full .tit label {top:0; transform:translate(0);}

	.inp_chk {line-height:1.3; min-height:auto;}
	.inp_chk input[type="checkbox"] + i {top:5px; overflow:hidden;}
	.inp_chk input[type="checkbox"] + i + span {display:inline; position:relative; z-index:2; height:15px; font-size:12px;}

	.agree_list .inp_chk {margin-bottom:10px;}
	.agree_list .inp_chk strong {font-size:12px; display:inline;}
	.agree_tit {text-align:left; margin-bottom:15px;}
	.agree_list textarea {font-size:12px; padding:10px;}

	.form_page_wrap .form_wrap .lay03 .tit {width:90px;}
	.form_page_wrap .form_wrap .lay03 .con {width:calc(100% - 90px);}
	.form_page_wrap .form_wrap .lay03.mb_block .tit {float:none; width:100%; overflow:hidden;}
	.form_page_wrap .form_wrap .lay03.mb_block .con {float:none; position:relative; z-index:2; width:100%;}
	.form_page_wrap .form_wrap .lay03.mb_block input[type="text"] {width:30% !important;}
	.form_page_wrap .form_wrap .lay03.mb_block .ml40 {margin-left:0 !important;}

	.form_page_wrap .form_wrap .lay03.mb_block .inp_etc input[type="text"] {width:calc(100% - 90px) !important;}

	.form_page_wrap .form_wrap .lay03.long {margin-top:15px;}
	.form_page_wrap .form_wrap .lay03.long .selectric .label {height:28px;}
	.form_page_wrap .form_wrap .lay03.long .selectric .button {height:28px;}

	.form_page .con.owner_wrap .owner_inp {float:none; width:100%; height:auto; margin-top:10px; padding-bottom:10px;}
	.form_page .con.owner_wrap .owner_inp p {font-size:13px;}

	.form_page_wrap .form_page_tit {font-size:13px;}
	.form_page_wrap .form_wrap .select_result {padding:10px 10px 2px;}
	.form_page_wrap .form_wrap .select_result .tit {padding-left:0; line-height:30px;}
	.form_page_wrap .form_wrap .select_result .default .tit {width:80px;}
	.form_page_wrap .form_wrap .select_result .default .con {width:calc(100% - 80px);}
	.form_page_wrap .form_wrap .select_result .lay03 .tit {width:80px;}
	.form_page_wrap .form_wrap .select_result .lay03 .con {width:calc(100% - 80px);}
	.form_page_wrap .form_wrap .select_result .select_inp .selectric-wrapper {float:none; width:100%;}
	.form_page_wrap .form_wrap .select_result .select_inp input {float:none; width:100%; margin-top:4px;}
	.form_page_wrap .form_wrap > ul > li .con.pd_top {padding-top:6px;}

	.info_txt {font-size:12px;}
	
	.form_page_wrap .form_wrap .two .con:first-of-type {width:calc(50% - 70px);}
	.form_page_wrap .form_wrap .two .tit:last-of-type {width:80px;}
	.form_page_wrap .form_wrap .two .con:last-of-type {width:calc(50% - 90px);}
	
	.video_board_wrap {margin-top:20px;}
	.video_board_wrap .video_board li {width:calc(100% - 20px);}
	.video_board_wrap .board_select {margin:0 -5px 120px;}
	.board_select:after {display:block; content:''; clear:both;}
	.board_select .selectric-wrapper {float:left; width:calc(50% - 10px); margin:0 5px;}
	
	
	.sign_short_form {padding:20px 10px;}
	.sign_short_form input {height:40px; font-size:12px; padding:0 15px;}
	.sign_short_form input::placeholder {font-size:12px;}
	.sign_short_form ul li.inp_email button {height:40px; font-size:10px;}
	/*.sign_type button {height:250px; font-size:17px;}*/ /*2023-09-27 삭제*/
	.inp_validity.no {padding-bottom:25px;}
	.inp_validity.no .validity .error {position:relative; z-index:1; margin-right:0; top:25px;}
	.inp_validity.no .sm_txt {margin-bottom:-20px; color:#cf0000; text-align:right;}
	.inp_validity.no .sm_txt + .validity .error {display:none;}

	.selectric-hide-select.selectric-is-native {color:#000;}

	.form_search {padding:15px 0; margin-bottom:20px;}
	.form_search .inp_search {float:none; width:100%;}
	.form_search .inp_search:after {display:block; content:''; clear:both;}
	.form_search .inp_search > div {float:left; width:50%;}
	.form_search .inp_search > div:first-child {margin-right:0; padding-right:20px;}
	.form_search .inp_search .tit {display:block; font-size:12px; line-height:1;}
	.form_search .inp_search .con {display:block;}
	.form_search .inp_search .search_select {margin-bottom:10px;}
	.form_search .inp_search .search_select .selectric-wrapper {width:100%; margin-top:5px;}
	.form_search .inp_search .search_select .selectric .label {height:28px; line-height:28px;}
	.form_search .inp_search .search_select .selectric .button {height:28px;}
	.form_search .inp_search .chk_list {margin-left:0; padding-top:10px;}
	.form_search .inp_search .chk_list .inp_chk {margin-right:20px;}
	.form_search .search_btn {display:block; float:none; height:32px; margin:0 auto; font-size:12px;}

	.feature_top .tit {font-size:25px;}
	.feature_top ul li {margin-bottom:20px;}

	.demo_ban > div {height:224px; padding-top:50px; background-size:640px;}
	.demo_ban > div strong {font-size:18px;}
	.demo_ban > div p {font-size:13px;}
	.demo_ban > div a {width:120px; line-height:34px; font-size:12px;}

	#contents .exp_intro h4 {font-size:18px;}
	.learn_list li {float:none !important; width:100% !important;}

	.exp_intro h5 {font-size:16px;}

	.ebook_wrap .tab_con {height:300px; margin-top:20px;}
	.ebook_wrap .tab_con > div iframe {height:300px;}

	.exp_intro .people_info .thumb {width:150px; height:auto;}
	.exp_intro .people_info .con {width:calc(100% - 170px); padding-top:0;}

	.normal_tab .nm_tabcon iframe {height:300px;}

	.video_bro .pro_video {width:calc(100% - 20px);}
	.video_bro .bro_radio {padding-top:0;}

	.cont_info_wrap.fl_center {display:block;}
	.cont_info_wrap.fl_center li {display:block; width:100%;}

	.ebook_wrap .tab_box.el > div + div {margin-top:0;}
	.ebook_wrap .tab_box.el > div > a {line-height:40px; font-size:10px;}

	.exp_intro .bg_txt span + span {margin-top:-2px;}

    /* [s] 2023-05-02 */
    .math_curriculum .info .info_box::after {
        border-bottom-width: 1.2vw;
        border-left-width: 0.6vw;
        border-right-width: 0.6vw;
        right: 2.5vw;
    }
    /* [e] 2023-05-02 */
}

@media all and (max-width:480px) {
	.page_tab ul {display:flex; align-items:stretch; width:100%;}
	.page_tab ul:after {display:none;}
	.page_tab ul li {float:none;}	
	.page_tab ul li a {position:relative; top:50%; padding:10px; line-height:1; word-break:keep-all; transform:translateY(-50%);}

	.vs_btn {padding:5px 10px 7px 10px;}

	.btn_wrap .basic_btn {width:48%; margin:0; height:40px; line-height:40px; font-size:13px;}

	.form_page .con input.md_size {width:100%;}
	.form_page .con input[type="text"] + input[type="text"] {margin-left:0; margin-top:10px;}
	.form_page .con .withselect .selectric-wrapper {width:calc(50% - 5px);}
	.form_page .con .withselect .inp {width:calc(50% - 5px);}

	.brand_chk label input[type="checkbox"] + span {width:120px; height:36px; font-size:13px; line-height:36px;}

	.form_page > div.half > div {float:none; width:100%;}
	.form_page > div.half > div:last-child {margin-top:20px;}

	.link_tab li {display:inline-block; width:25%; margin-bottom:-1px;}
	.link_tab li + li {border-left:0;}
	.link_tab li:nth-child(4n+1) {border-left:1px solid #001a72;}

	/*.sign_type {margin-top:25px;}*/ /*2023-09-27 삭제*/
	/*.sign_type button {height:160px; font-size:15px; width:calc(50% - 5px);}*/ /*2023-09-27 삭제*/

	.demo_ban > div {height:168px; padding-top:30px; background-size:480px;}
	.demo_ban > div a {margin-top:10px; line-height:30px;}

	.exp_intro .exp_top .tit {font-size:22px;}
	.exp_intro .exp_top .con p {font-size:16px;}	

	.exp_intro .exp_section div + div {margin-top:30px;}

	.exp_intro .people_info .thumb {float:none; margin:0 auto;}
	.exp_intro .people_info .con {float:none; width:100%; margin-top:20px;}

    .exp_intro.oxford .exp_section .oxf_tool .tool_text_list p {font-size:2.2vw;}

	.normal_tab .nm_tabcon iframe {height:200px;}

	.cont_info_wrap li {flex-basis:100%;}
	.cont_info_wrap li strong {margin-top:10px;}

	.video_search {padding:0;}
	.video_search input[type="text"] {width:calc(100% - 110px); height:36px;}
	.video_search input[type="submit"] {width:100px; font-size:12px; height:36px;}
	.video_board_wrap h4 {margin-top:60px !important;}

	.oxf_ibook .text_list li {transform: scale(0.9) translateY(-50%);}
	.oxf_ibook .text_list li:nth-child(4) {left:4vw;}
	.oxf_ibook .text_list li:nth-child(6) {right:47%;}

	.about_award .brand p {transform:scale(0.85);}

	.playdm_main .play_btn .btns {width:87vw;}

	.more_activity {margin-bottom:27vw;}
	.more_activity .tab .act li {transform:scale(0.9); width:120%; left:-9%;}
	.more_activity .content {margin-top:0 !important;}
	.more_activity .content .thumb_list ul {width:105%; top:12vw;}
	.more_activity .content .view .desc {padding-top:1vw; transform:scale(0.9); left:-3vw; right:-3vw;}

	.oxf_tool .inner>img {width:80vw}
	.oxf_tool .tool_text_list li {left:-12vw; right:20vw;}
	.oxf_tool .tool_text_list li:nth-child(2) {top:15.6vw;}
	.oxf_tool .tool_text_list li:nth-child(3) {top:93vw;}
	.oxf_tool .tool_text_list li:nth-child(4) {top:113vw;}
	.oxf_tool .tool_text_list li:nth-child(5) {top:128vw;}
	.oxf_tool .tool_text_list h5 {transform:scale(0.85); line-height:1;}
	.oxf_tool .tool_text_list p {transform:scale(0.85);}

    /* 2022-09-27 */ .floating_banner {top:170px;}

    /* #free_trial_pop .how_txt li span {
    transform: scale(0.7);
  } 2023-10-27 삭제 */
    #free_trial_pop .chk_txt {
        transform: translateX(50%) scale(0.7);
    }
}

@media all and (max-width:320px) {
	.h4_rightbtn a {width:140px; height:36px; font-size:10px;}
	.subtop_menu ul li a {font-size:9px;}
}