@charset "utf-8"; .main_vis {height: 560px; position: relative;}
 .main_vis .main_vis_list li {height: 560px;}
 .main_vis .main_vis_list li.vis_01 {background: url("/images/slmooc/main/main_vis_1.jpg?build_20261105001") no-repeat center 0;}
 .main_vis .main_vis_list li.vis_02 {background: url("/images/slmooc/main/main_vis_1.jpg?build_20261105001") no-repeat center 0;}
 .main_vis .main_vis_list li.vis_03 {background: url("/images/slmooc/main/main_vis_1.jpg?build_20261105001") no-repeat center 0;}
 .main_vis .vis_txt {background: url("/images/slmooc/main/main_sp.png?build_20261105001") no-repeat 0px 0px; position: absolute; top: 195px; left: 50%; margin-left: -340px; display: block; text-indent: -99999px; height:127px; width:680px;}
 .main_vis .bx-controls-direction a {position: absolute; top: 280px; z-index: 100; background:url("/images/inno/main/main_sp.png?build_20261105001") no-repeat -209px -135px; width: 50px; height: 102px; display: block; text-indent: -99999px;}
 .main_vis .bx-controls-direction a.bx-prev {background-position: -209px -135px; left: 0px; margin-left:90px;}
 .main_vis .bx-controls-direction a.bx-next {background-position: -80px -135px; right: 0px; margin-right:90px;}
 .main_cont { background:#ebebeb;height:615px; padding-bottom: 90px;}
 .edu_link_wrap {background:#fff; border-bottom:1px solid #adadad; height:104px; }
 .edu_link_wrap h3 { font-size:18px;float:left; margin:30px 0 0 48px;}
 .edu_link_wrap ul {float:left; margin-left:60px;margin-top: 20px;}
 .edu_link_wrap ul li { float:left; width:225px;}
 .edu_link_wrap ul li a { display:block;}
 .edu_link_wrap ul li a span.ico {background: #007c83 url("/images/slmooc/main/main_sp.png?build_20261105001") no-repeat -22px -162px; width: 64px; height: 64px; display: inline-block; text-indent: -99999px; border-radius:50%; margin-right:10px; vertical-align:middle; }
 .edu_link_wrap ul li.ocw a span.ico { background-position:-22px -162px;}
 .edu_link_wrap ul li.youtube a span.ico { background-position:-122px -162px;}
 .edu_link_wrap ul li.kmooc a span.ico { background-position:-231px -162px;}
 .edu_link_wrap ul li.eclass a span.ico { background-position:-351px -162px;}
 .edu_link_wrap ul li a:hover span.ico { background-color:#2a5499; transition: ease-in-out 0.3s;}
 .main_cont_bot { margin-top:30px;}
 .main_cont_bot .g_box { width:600px; height:240px; float:left; position:relative;}
 .main_cont_bot .guide {background: #fff url("/images/slmooc/main/box_guide_bg.jpg?build_20261105001") no-repeat left top;}
 .main_cont_bot .notice {background: #ab6a2a url("/images/slmooc/main/box_notice_bg.jpg?build_20261105001") no-repeat left top;}
 .main_cont_bot .studyq {background: #2fb3a8 url("/images/slmooc/main/box_studyq_bg.jpg?build_20261105001") no-repeat right top;}
 .main_cont_bot .qna {background: #fff url("/images/slmooc/main/box_qna_bg.jpg?build_20261105001") no-repeat right top;}
 .main_cont_bot .g_box h4 { font-size:18px; width:300px; text-align:center;font-weight: 400; position:absolute; top: 60px}
 .main_cont_bot .g_box p {position:absolute; top: 90px}
 .main_cont_bot .guide h4, .main_cont_bot .notice h4 {right:0;}
 .main_cont_bot .guide p, .main_cont_bot .notice p {right:0;}
 .main_cont_bot .notice h4, .main_cont_bot .studyq h4 { color:#fff;}
 .main_cont_bot .notice p, .main_cont_bot .studyq p { color:#fff;}
 .main_cont_bot .g_box p { font-size:13px; width:300px; text-align:center;}
 .main_cont_bot .g_box span.more1 { position:absolute; bottom:60px; width:300px; text-align:center;}
 .main_cont_bot .g_box span.more2 { position:absolute; bottom:60px; width:300px; text-align:center;}
 .main_cont_bot .g_box span a {background: url("/images/slmooc/main/main_sp.png?build_20261105001") no-repeat -523px -170px; width: 48px; height: 48px; display: inline-block; text-indent: -99999px;}
 .main_cont_bot .g_box span.more1 a { background-position:-523px -170px;}
 .main_cont_bot .g_box span.more2 a { background-position:-633px -170px;}
 .main_cont_bot .g_box span.more1 a:hover, .main_cont_bot .g_box span.more2 a:hover { background-position:-733px -169px;transition: ease-in-out 0.3s;}
 .main_cont_bot .guide span.more1, .main_cont_bot .notice span.more2 { right:0;}