@charset "utf-8";

.m_visual {font-size:0; line-height:0; text-align:left; background:url(https://cdn.semas.or.kr/ols/img/main/m_visual_bg.png) no-repeat center center;}
.m_visual > div {position:relative; width:1180px; height:480px; margin:0 auto;}
.m_visual .mv_txt {padding:118px 0;}
.m_visual .mv_txt .mvt_slogan {display:block; font-size:48px; line-height:60px; color:#222;}
.m_visual .mv_txt .mvt_slogan span {color:#0070bc;}
.m_visual .mv_txt .mvt_descript {display:block; font-size:16px; line-height:24px; color:#222; margin-top:16px;}
.m_visual .mv_slide {position:absolute; right:0; top:118px;}
.m_visual .mv_slide .slide_btn {position:absolute; right:0; bottom:100%; margin-bottom:8px;}
.m_visual .mv_slide .slide_btn [class^="btn_"] {display:inline-block; width:31px; height:31px; border:1px solid #ddd; margin-left:4px;}
.m_visual .mv_slide .slide_btn .btn_prev {background:url(https://cdn.semas.or.kr/ols/img/main/mv_btn_prev.png) no-repeat #fff center center;}
.m_visual .mv_slide .slide_btn .btn_next {background:url(https://cdn.semas.or.kr/ols/img/main/mv_btn_next.png) no-repeat #fff center center;}
.m_visual .mv_slide .slide_list {width:632px; margin-right:-8px;}
.m_visual .mv_slide .slide_list li {float:left; padding:0 8px;}
.m_visual .mv_slide .slide_list li > div {position:relative; width:300px; height:244px; background:#fff; padding:24px 28px;}
.m_visual .mv_slide .slide_list .mv_tag {display:inline-block; font-size:14px; line-height:22px; color:#f36910; padding:4px 16px; border-radius:18px; border:1px solid #f36910;}
.m_visual .mv_slide .slide_list .mv_title {display:block; font-size:20px; line-height:28px; color:#222; margin-top:8px; max-height:84px; text-overflow:hidden; overflow:hidden;}
.m_visual .mv_slide .slide_list .mv_title span {color:#f36910;}
.m_visual .mv_slide .slide_list .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
.m_visual .mv_slide .slide_list .btn_more {display:block; width:47px; height:47px; border-radius:24px; background:url(https://cdn.semas.or.kr/ols/img/main/mv_btn_more.png) no-repeat #f36910 center center; position:absolute; right:24px; bottom:24px;}

@media (min-width:1921px) {
    .mainvisual {background-size:cover;}
}

.m_banner {margin-top:48px;}
.m_banner > div::after {display:block; content:''; clear:both;}
.m_banner > div {width:1180px; margin:-10px auto;}
.m_banner > div > div {padding:10px 0; float:left;}
.m_banner > div > div > div {position:relative;}
.m_banner .mb_lt > div {width:353px; height:344px; padding:48px; padding-right:58px; background:url(https://cdn.semas.or.kr/ols/img/main/mb_lt_bg.png) no-repeat left bottom;}
.m_banner .mb_rt > div {width:827px; height:380px; padding:48px; padding-left:58px; padding-top:84px; background:url(https://cdn.semas.or.kr/ols/img/main/mb_rt_bg.png) no-repeat right bottom; margin-top:-36px;}
.m_banner .mb_b {width:100%;}
.m_banner .mb_b > div {height:210px; padding:48px; background:url(https://cdn.semas.or.kr/ols/img/main/mb_b_bg.png) no-repeat center bottom;}

.m_banner .mb_title {display:block; font-size:28px; line-height:36px;}
.m_banner .mb_descript {display:block; font-size:16px; line-height:24px; margin-top:12px;}
.m_banner .btn_more {position:absolute; left:48px; bottom:48px; display:inline-block; font-size:15px; line-height:47px; font-weight:500; color:#034492; padding-left:59px;}
.m_banner .btn_more::before {display:block; content:''; width:47px; height:47px; border-radius:24px; background:url(https://cdn.semas.or.kr/ols/img/main/mb_btn_more.png) no-repeat #034492 center center; position:absolute; left:0; top:0;}

.m_banner .mb_lt .mb_title,
.m_banner .mb_lt .mb_descript,
.m_banner .mb_b .mb_title,
.m_banner .mb_b .mb_descript {color:#fff;}
.m_banner .mb_rt .mb_title span {color:#0184de;}

.m_banner .mbb_list {width:694px; height:148px; padding:28px 8px; background:#005c9b; position:absolute; right:31px; top:31px;}
.m_banner .mbb_list ul::after {display:block; content:''; clear:both;}
.m_banner .mbb_list ul li {position:relative; float:left; width:25%;}
.m_banner .mbb_list ul li ~ li::before {display:block; content:''; width:1px; height:100%; position:absolute; left:0; top:0; background:#008acd;}
.m_banner .mbb_list a {display:block; font-size:0; line-height:0; text-align:center;}
.m_banner .mbb_list a::before {display:inline-block; content:''; width:56px; height:56px;}
.m_banner .mbb_list ul li:nth-child(1) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mbb_ico_03.png) no-repeat center center;}
.m_banner .mbb_list ul li:nth-child(2) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mbb_ico_01.png) no-repeat center center;}
.m_banner .mbb_list ul li:nth-child(3) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mbb_ico_01.png) no-repeat center center;}
.m_banner .mbb_list ul li:nth-child(4) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mbb_ico_02.png) no-repeat center center;}
.m_banner .mbb_list a span {display:block; font-size:16px; line-height:24px; color:#fff; margin-top:12px;}

.m_guide {clear:both; padding:48px 0;}
.m_guide > div {width:1180px; margin:0 auto;}
.m_guide > div > div {position:relative; float:left; min-height:84px;}
.m_guide .mg_l {width:58%; padding-right:48px; padding-left:136px}
.m_guide .mg_r {width:42%; padding-left:208px;}
.m_guide .mg_r::before {display:block; content:''; width:1px; height:100%; background:#ddd; position:absolute; left:0; top:0;}
.m_guide > div::after {display:block; content:''; clear:both;}

.m_guide .mg_title {display:block; font-size:28px; line-height:36px; font-weight:500; position:absolute; left:0; top:50%; margin-top:-36px;}

.m_guide .mg_l .mgl_list ul::after {display:block; content:''; clear:both;}
.m_guide .mg_l .mgl_list ul li {float:left; width:25%;}
.m_guide .mg_l .mgl_list ul li a {display:block; font-size:0; line-height:0; text-align:center;}
.m_guide .mg_l .mgl_list ul li a::before {display:inline-block; content:''; width:48px; height:48px;}
.m_guide .mg_l .mgl_list ul li a span {display:block; font-size:16px; line-height:24px; color:#024593; margin-top:12px;}
.m_guide .mg_l .mgl_list ul li:nth-child(1) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mgl_ico_01.png) no-repeat center center;}
.m_guide .mg_l .mgl_list ul li:nth-child(2) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mgl_ico_02.png) no-repeat center center;}
.m_guide .mg_l .mgl_list ul li:nth-child(3) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mgl_ico_03.png) no-repeat center center;}
.m_guide .mg_l .mgl_list ul li:nth-child(4) a::before {background:url(https://cdn.semas.or.kr/ols/img/main/mgl_ico_04.png) no-repeat center center;}

.m_guide .mg_r .mg_title {left:48px;}
.m_guide .mg_r .mgr_info .mgri_number {font-size:0; line-height:0;}
.m_guide .mg_r .mgr_info .mgri_number > * {display:inline-block; vertical-align:middle;}
.m_guide .mg_r .mgr_info .mgri_number span {font-size:24px; line-height:1; padding-right:8px;}
.m_guide .mg_r .mgr_info .mgri_number strong {font-family:'Century Gothic'; font-size:48px; line-height:1; font-weight:bold; letter-spacing:0; color:#0070bc;}
.m_guide .mg_r .mgr_info .mgri_time {display:block; font-size:16px; line-height:24px; color:#666; margin-top:4px;}