/* main */
.m_vis_wrap {position:relative; width:100%; height:740px; background:#f7f7f7; padding-top:200px;}
.m_vis_box {position:relative; width:1200px; height:540px; margin:0 auto; overflow:hidden;}
.m_vis {position:absolute; width:1200px; height:540px; top:0px;}
.m_selbox {position:absolute; width:200px; height:6px; left:0px; bottom:30px;}
.m_selbox ul li {position:relative; float:left; width:10px; height:6px; border-radius:3px; background:#e1e1e1; margin-right:5px; cursor:pointer; transition:all 0.5s ease 0s;}
.m_selbox ul li.sld_on {background:#b5b5b5; width:26px;}

.m_icban_wrap {position:absolute; width:376px; height:570px; left:calc(50% + 224px); top:200px; z-index:500;}
.m_icban_box_1 {position:relative; float:right; width:182px; height:182px; margin-left:12px; margin-bottom:12px;}
.m_icban_box_2 {position:relative; float:right; width:182px; height:182px; margin-left:0px; margin-bottom:12px;}
.m_icban_box_3 {position:relative; float:right; width:182px; height:182px; margin-left:12px; margin-bottom:0px;}
.m_icban {position:absolute; width:182px; height:182px; left:0px; top:0px; border-radius:10px; background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,.07); transition:all 0.35s ease 0s; overflow:hidden;}
.m_icban:hover {top:-8px; box-shadow:0px 20px 15px rgba(0,0,0,.15);}
.m_icban a {display:block; width:182px; height:182px; padding-top:28px; padding-left:28px;}
.m_icban_tit {position:relative; width:100%; padding-bottom:10px; color:#000; font-size:17px; font-weight:600; letter-spacing:-1px; line-height:100%;}
.m_icban_txt {position:relative; width:100%; color:#ababab; font-size:14px; font-weight:400; letter-spacing:-0.7px; line-height:130%;}
.m_icban_tit_2 {position:relative; width:100%; padding-bottom:10px; color:#fff; font-size:17px; font-weight:600; letter-spacing:-1px; line-height:100%;}
.m_icban_txt_2 {position:relative; width:100%; color:rgba(255,255,255,.8); font-size:14px; font-weight:400; letter-spacing:-0.7px; line-height:130%;}
.m_ic_1 {background:#008afa url("/new_home/img/svg/mic_1.svg") no-repeat 115px 115px; background-size:48px;}
.m_ic_2 {background:#fff url("/new_home/img/svg/mic_2.svg") no-repeat 115px 115px; background-size:48px;}
.m_ic_3 {background:#fff url("/new_home/img/svg/mic_3.svg") no-repeat 115px 115px; background-size:48px;}
.m_ic_4 {background:#fff url("/new_home/img/svg/mic_4.svg") no-repeat 115px 115px; background-size:48px;}
.m_ic_5 {background:#fff url("/new_home/img/svg/mic_5.svg") no-repeat 115px 115px; background-size:48px;}
.m_ic_6 {background:#008afa url("/new_home/img/svg/mic_6.svg") no-repeat 115px 115px; background-size:48px;}

.m_cont_wrap {position:relative; width:1200px; margin:0 auto; padding-top:100px; padding-bottom:80px;}
.m_cont_1 {position:relative; float:left; width:590px;}
.m_cont_1_tit {position:relative; width:100%; height:40px; font-size:18px; color:#000; letter-spacing:-1px; font-weight:600; line-height:100%;}
.m_cont_1_more {position:absolute; right:0px; top:2px;}
.m_cont_1_more a {font-size:14px; color:#b1b1b1; letter-spacing:-0.5px; font-weight:400; transition:all 0.15s ease 0s;}
.m_cont_1_more a:hover {color:#666;}
.m_cont_lec_box {position:relative; width:100%; height:197px; padding-left:335px;}
.m_cont_lec_tum {position:absolute; width:315px; height:197px; left:0px; top:0px; border-radius:5px; overflow:hidden;}
.m_cont_lec_tum img {width:315px; height:197px;}
.m_prog_barbox {position:absolute; width:315px; height:18px; left:0px; bottom:0px; background:rgba(255,255,255,.3);}
.m_prog_bar {position:relative; height:18px;}
.m_prog_col {position:relative; height:18px; width:0%; background:#049ef7; animation:progbar 1s 0.5s ease-in-out normal forwards;}
@keyframes progbar {
  0% {
    width:0%;
  }
  100% {
     width:100%;
  }
}
.m_cont_lec_tit {position:relative; width:100%; padding-top:10px; padding-bottom:6px;}
.m_cont_lec_tit a {font-size:17px; color:#818181; line-height:140%; letter-spacing:-0.5px; font-weight:600; word-break:keep-all; transition:all 0.15s ease 0s;}
.m_cont_lec_tit a:hover {color:#333;}
.m_cont_lec_txt {position:relative; width:100%; padding-bottom:20px; font-size:14px; color:#bbbbbb; line-height:140%; letter-spacing:-0.5px; font-weight:400; word-break:keep-all;}
.m_cont_lec_bt {position:relative; width:116px; height:44px; border-radius:22px; border:solid 1px rgba(0,0,0,.1); overflow:hidden; transition:all 0.15s ease 0s;}
.m_cont_lec_bt:hover {border:solid 1px rgba(0,0,0,.2);}
.m_cont_lec_bt a {display:block; width:116px; height:44px; border-radius:22px; text-align:center; font-size:14px; font-weight:800; letter-spacing:-0.5px; color:#000; padding-top:13px;}

.m_cont_2 {position:relative; float:right; width:590px; height:237px;}
.m_cont_ban {position:absolute; width:590px; height:237px; right:0px; top:0px; border-radius:10px; background:#ff7934 url("/new_home/img/main/ban_1.png") no-repeat calc(100% - 30px) calc(100% - 20px); background-size:120px; overflow:hidden; transition:all 0.3s ease 0s;}
.m_cont_ban:hover {background:#fd691d url("/new_home/img/main/ban_1.png") no-repeat calc(100% - 30px) calc(100% - 20px); background-size:120px;}
.m_cont_ban a {display:block; width:100%; height:237px; padding:40px;}
.m_cont_ban_tit {position:relative; width:100%; padding-bottom:12px; color:#fff; font-size:18px; font-weight:600; letter-spacing:-0.3px; line-height:100%;}
.m_cont_ban_txt {position:relative; width:100%; padding-bottom:12px; color:rgba(255,255,255,.9); font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:130%;}
.m_arr {position:relative; width:100%; height:10px; background:url("/new_home/img/svg/arr_1.svg") no-repeat 0px 0px; background-size:50px;}

.m_cont_wrap_2 {position:relative; width:1200px; margin:0 auto; padding-bottom:80px;}
.m_cont_3 {position:relative; float:right; width:590px; height:260px; border-radius:10px; background:#f7f7f7; padding:40px;}
.m_cont_3_tit {position:relative; width:100%; font-size:18px; color:#000; letter-spacing:-1px; font-weight:600; line-height:100%; padding-bottom:12px;}
.m_cont_3_txt {position:relative; width:100%; padding-bottom:20px; color:#a9a9a9; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:140%;}
.m_cont_3_bt {position:relative; width:116px; height:44px; border-radius:22px; overflow:hidden; background:#fff; transition:all 0.2s ease 0s;}
.m_cont_3_bt:hover {box-shadow:0px 0px 15px rgba(0,0,0,.04);}
.m_cont_3_bt a {display:block; width:116px; height:44px; border-radius:22px; text-align:center; font-size:14px; font-weight:800; letter-spacing:-0.5px; color:#737373; padding-top:14px; transition:all 0.15s ease 0s;}
.m_cont_3_bt a:hover {color:#000;}
.m_cont_3_numbox {position:absolute; width:300px; right:40px; bottom:40px; text-align:right; font-size:15px; color:#999; letter-spacing:-0.5px; line-height:100%; font-weight:400;}
.m_col_1 {display:inline-block;}
.m_col_2 {display:inline-block; padding-top:10px; padding-bottom:8px; font-size:20px; color:#333; font-weight:600; letter-spacing:-1px;}

.m_cont_4 {position:relative; float:right; width:590px; height:260px; border-radius:10px; background:#edf7fd url("/new_home/img/svg/ic_2.svg") no-repeat calc(100% - 30px) calc(100% - 40px); background-size:82px; padding:40px;}

.m_cont_5 {position:relative; float:left; width:590px;}
.m_cont_notibox {position:relative; width:100%;}
.m_cont_notibox ul li {position:relative; width:100%; margin-bottom:15px;}
.m_cont_notibox ul li a {font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:100%; color:#666; transition:all 0.15s ease 0s;}
.m_cont_notibox ul li a:hover {color:#000;}
.m_cont_notibox ul li.m_non {font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:100%; color:#a3a2a2;}
.m_col_3 {display:inline-block; padding-left:6px; font-size:16px; color:#a3a2a2; font-weight:400;}
.m_new {display:inline-block; height:18px; background:url("/new_home/img/svg/ic_new.svg") no-repeat 100% 100%; background-size:18px; color:#fff; padding-left:2px; padding-right:18px;}

.m_cont_6 {position:relative; float:right; width:590px; height:154px; border-radius:10px; background:#00a2fe url("/new_home/img/main/ban_2.png") no-repeat calc(100% - 25px) calc(50% + 2px); background-size:110px; overflow:hidden; transition:all 0.3s ease 0s;}
.m_cont_6:hover {background:#008ffe url("/new_home/img/main/ban_2.png") no-repeat calc(100% - 25px) calc(50% + 2px); background-size:110px;}
.m_cont_6 a {display:block; width:100%; height:154px; padding:40px;}
.m_cont_6_tit {position:relative; width:100%; font-size:18px; color:#fff; letter-spacing:-1px; font-weight:600; line-height:100%; padding-bottom:12px;}
.m_cont_6_txt {position:relative; width:100%; padding-bottom:12px; color:rgba(255,255,255,.9); font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:140%;}