@charset "utf-8";

/* pc */
.ma_visual_wrap {position:relative; height:597px;}
.ma_visual_wrap .ma_visual_sec {position:absolute; bottom:0; left:50%; width:2550px; height:744px; margin-left:-1275px; padding-top:145px; border-radius:0 0 100% 100%; box-shadow:0 5px 20px rgba(0,0,0,0.08); overflow:hidden;}
.ma_visual_wrap .ma_visual {position:relative; width:1920px; margin:0 auto;}
.ma_visual_wrap .inbox {position:relative; height:597px; background:#fff;}
.ma_visual_wrap .inbox .bgimg {position:absolute; bottom:0; left:0; width:100%; height:744px; background-repeat:no-repeat; background-position:center bottom; background-size:auto 100%;}
.ma_visual_wrap .inbox .banner_cont {position:relative; max-width:1320px; padding:120px 0 0; margin:0 auto;}
.ma_visual_wrap .inbox .banner_cont .title .normal {color:#fff; font-size:24px; line-height:35px; font-weight:400; letter-spacing:-1.2px;}
.ma_visual_wrap .inbox .banner_cont .title .bold {display:block; margin-top:20px; color:#fff; font-size:48px; line-height:58px; font-weight:400; letter-spacing:-1.2px;}
.ma_visual_wrap .inbox .banner_cont .title .bold em {color:#ffee78; font-weight:700;}
.ma_visual_wrap .inbox .banner_cont .title .dot {position:relative;}
.ma_visual_wrap .inbox .banner_cont .title .dot:before {content:''; position:absolute; top:0; left:50%; width:6px; height:6px; border-radius:100%; margin:-3px 0 0 -3px; background:#ffee78;}
.ma_visual_wrap .inbox .banner_cont .title_p {margin-top:18px; color:#fff; font-size:18px; line-height:26px; font-weight:300; opacity:0.5;}
.ma_visual_wrap .ctrl_box {position:absolute; bottom:200px; left:50%; margin-left:-660px; z-index:15;}
.ma_visual_wrap .ctrl_box .swiper-pagination {display:inline-block; position:static; width:auto; vertical-align:top;}
.ma_visual_wrap .ctrl_box .swiper-pagination .current {display:inline-block; color:#ffee78; font-size:20px; line-height:24px; font-weight:700; letter-spacing:-0.5px; vertical-align:top;}
.ma_visual_wrap .ctrl_box .swiper-pagination .line {display:inline-block; width:40px; height:1px; margin:12px 10px 0; background:#fff; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_wrap .ctrl_box .swiper-pagination .total {display:inline-block; color:#fff; font-size:20px; line-height:24px; font-weight:700; letter-spacing:-0.5px; vertical-align:top; opacity:0.5;}
.ma_visual_wrap .ctrl_box .btn_stop_play {display:inline-block; margin-left:20px; width:24px; height:24px; border:none; background:url('../images/main/btn_visual_stop.svg') no-repeat center center; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_visual_wrap .ctrl_box .btn_stop_play.stop {background:url('../images/main/btn_visual_play.svg') no-repeat center center;}

.ma_visual_wrap .swiper-button-prev {position:absolute; top:200px; left:50%; width:62px; height:62px; margin:0 0 0 -752px; border:none; background:url('../images/btn_circle_white_prev.svg') no-repeat center center; text-indent:-999px; overflow:hidden;}
.ma_visual_wrap .swiper-button-next {position:absolute; top:200px; right:50%; width:62px; height:62px; margin:0 -752px 0 0; border:none; background:url('../images/btn_circle_white_next.svg') no-repeat center center; text-indent:-999px; overflow:hidden;}

.ma_content {position:relative; margin-top:-123px; z-index:1;}
.ma_content .inner_center {padding-right:322px;}
.ma_content .ma_itembox {float:left; position:relative; height:350px; padding:24px 24px 0; border:1px solid #dfdfdf; border-radius:10px; background:#fff; box-shadow:0 0 10px 0 rgba(0, 52, 86, 0.08);}
.ma_content .ma_itembox .titbox .tit {font-size:20px; line-height:29px; font-weight:700; letter-spacing:-1px;}
.ma_content .ma_itembox .btn_more {position:absolute; top:-1px; right:-1px; width:48px; height:48px; border-radius:0 10px 0 10px; background-repeat:no-repeat; background-position:center center; background-size:100%; text-indent:-999px; overflow:hidden;}
.ma_content .ma_itembox .top_noti {position:relative; height:96px; margin-top:15px; border:2px solid #e4e9ed; border-radius:8px; padding:11px 14px 0 98px;}
.ma_content .ma_itembox .top_noti .ico {position:absolute; top:14px; left:14px; width:64px; height:64px; background:url('../images/main/ico_ma_notice.svg') no-repeat center center; background-size:contain;}
.ma_content .ma_itembox .top_noti .tit {display:block; max-height:44px; color:#424242; font-size:16px; line-height:22px; font-weight:700; letter-spacing:-0.4px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.ma_content .ma_itembox .top_noti .date {display:block; margin-top:6px; padding:0 5px; color:#9e9e9e; font-size:14px; line-height:19px; font-weight:400; font-family:'Roboto', sans-serif;}
.ma_content .ma_itembox .ma_notice_list {padding-top:4px;}
.ma_content .ma_itembox .ma_notice_list > li {position:relative; margin-top:16px; padding-left:10px; padding-right:75px;}
.ma_content .ma_itembox .ma_notice_list > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:100%; background:#bac7d3;}
.ma_content .ma_itembox .ma_notice_list > li:after {content:''; display:block; clear:both;}
.ma_content .ma_itembox .ma_notice_list > li > a {float:left; position:relative; max-width:calc(100% - 25px); color:#212121; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.ma_content .ma_itembox .ma_notice_list > li > .ico {float:left; position:relative; width:18px; height:18px; padding-top:18px; margin:3px 0 0 2px; border-radius:100%; background:#03a6cf; color:rgba(255,255,255,0.01); font-size:1px; text-align:center; overflow:hidden;}
.ma_content .ma_itembox .ma_notice_list > li > .ico:before {content:'N'; position:absolute; top:0; right:0; bottom:0; left:0; color:#fff; font-size:10px; line-height:18px; font-weight:900; text-align:center; font-family:'Roboto', sans-serif;}
.ma_content .ma_itembox .ma_notice_list > li > a:hover,
.ma_content .ma_itembox .ma_notice_list > li > a:focus {text-decoration:underline;}
.ma_content .ma_itembox .ma_notice_list > li > .date {position:absolute; top:0; right:0; color:#9e9e9e; font-size:14px; line-height:25px; font-weight:400; font-family:'Roboto', sans-serif;}
.ma_content .ma_itembox .ma_program_list {padding-top:23px;}
.ma_content .ma_itembox .ma_program_list > li {position:relative; padding:10px 220px 10px 0;}
.ma_content .ma_itembox .ma_program_list > li + li {border-top:1px solid #cfd8dc;}
.ma_content .ma_itembox .ma_program_list > li > a {display:inline-block; max-width:100%; color:#212121; font-size:16px; line-height:30px; font-weight:700; letter-spacing:-0.8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.ma_content .ma_itembox .ma_program_list > li > a:hover,
.ma_content .ma_itembox .ma_program_list > li > a:focus {text-decoration:underline;}
.ma_content .ma_itembox .ma_program_list > li .date {position:absolute; right:84px; top:10px; color:#444444; font-size:16px; line-height:30px; font-weight:700;}
.ma_content .ma_itembox .ma_program_list > li .state {position:absolute; right:0; top:50%; width:70px; height:30px; margin-top:-15px; border-radius:15px; background:#9bcb64; color:#fff; font-size:14px; line-height:30px; font-weight:700; letter-spacing:-0.7px; text-align:center;}
.ma_content .ma_itembox .ma_program_list > li .state.off {background:#999999;}

.ma_content .ma_itembox.ma_onnuri .swiper-pagination {display:inline-block; position:static; width:auto; margin:5px 0 0 15px; color:#616161; font-size:16px; line-height:22px; font-weight:700; vertical-align:top;}
.ma_content .ma_itembox.ma_onnuri .swiper-pagination span {display:inline-block; height:24px;}
.ma_content .ma_itembox.ma_onnuri .swiper-pagination .line {margin:0 5px;}
.ma_content .ma_itembox.ma_onnuri .swiper-pagination .current {display:inline-block; min-width:24px; padding:0 2px; border-radius:12px; background:#cf0384; color:#fff; vertical-align:top;}

.ma_content .ma_itembox .ma_onnuiri_swiper {position:relative; margin-top:15px; border-radius:10px;}
.ma_content .ma_itembox .ma_onnuiri_swiper .swiper-container {border-radius:10px;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox {display:block; position:relative; border:1px solid #e4e9ed; border-radius:10px; overflow:hidden;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; border-radius:10px;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .imgbox {height:151px; border-bottom:1px solid #e4e9ed; background:url('../images/main/ma_banner00.svg') no-repeat center center #e5e5e5; background-size:cover; overflow:hidden;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .imgbox .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .txtbox {height:105px; padding:12px 14px 0; background:#f8f8f8;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .txtbox .tit {color:#000; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .txtbox .txt_time {margin-top:5px; color:#444; font-size:14px; line-height:28px; font-weight:500; letter-spacing:-0.7px;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .txtbox .txt_time .color01 {color:#f65501;}
.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .txtbox .txt_time .color02 {color:#226fe1;}
.ma_content .ma_itembox .ma_onnuiri_swiper .swiper-button-prev {top:50%; left:0; width:36px; height:36px; margin:-18px 0 0 -18px; border:none; background:url('../images/btn_square_prev.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}
.ma_content .ma_itembox .ma_onnuiri_swiper .swiper-button-next {top:50%; right:0; width:36px; height:36px; margin:-18px -18px 0 0; border:none; background:url('../images/btn_square_next.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}

.ma_content .ma_itembox.ma_notice {width:calc(44.4% - 24px); margin-right:24px;}
.ma_content .ma_itembox.ma_notice .titbox .tit {color:#03a6cf;}
.ma_content .ma_itembox.ma_notice .btn_more {background-image:url('../images/main/btn_ma_more01.svg');}

.ma_content .ma_itembox.ma_program {width:calc(55.6% - 24px); margin-right:24px;}
.ma_content .ma_itembox.ma_program .titbox .tit {color:#09918b;}
.ma_content .ma_itembox.ma_program .btn_more {background-image:url('../images/main/btn_ma_more02.svg');}

.ma_content .ma_itembox.ma_onnuri {position:absolute; top:0; right:10px; width:312px;}
.ma_content .ma_itembox.ma_onnuri .titbox .tit {display:inline-block; color:#cf0384; vertical-align:top;}
.ma_content .ma_itembox.ma_onnuri .btn_more {background-image:url('../images/main/btn_ma_more03.svg');}

@media screen and (max-width:1519px) {
    .ma_visual_wrap .inbox .banner_cont {max-width:1080px;}
	.ma_visual_wrap .swiper-button-prev {margin-left:-640px;}
	.ma_visual_wrap .swiper-button-next {margin-right:-640px;}
    .ma_visual_wrap .ctrl_box {margin-left:-540px;}
}

@media screen and (max-width:1279px) {
	.ma_visual_wrap .ma_visual {width:100vw;}
	.ma_visual_wrap .inbox .banner_cont {max-width:100%; padding-left:92px; padding-right:92px;}
	.ma_visual_wrap .swiper-button-prev {left:10px; margin:0;}
	.ma_visual_wrap .swiper-button-next {right:10px; margin:0;}
    .ma_visual_wrap .ctrl_box {margin-left:calc(-50vw + 92px);}
}

@media screen and (max-width:1023px) {
	.ma_visual_wrap {height:629px;}
	.ma_visual_wrap .ma_visual_sec {height:744px; padding-top:115px;}
	.ma_visual_wrap .inbox {height:629px;}
	.ma_visual_wrap .inbox .bgimg {height:629px;}
	.ma_visual_wrap .inbox .banner_cont {padding:74px 32px 0;}
	.ma_visual_wrap .swiper-button-prev,
	.ma_visual_wrap .swiper-button-next {display:none;}
    .ma_visual_wrap .ctrl_box {bottom:268px; left:32px; margin-left:0;}

	.ma_content {margin-top:-116px;}
	.ma_content .inner_center {padding-right:32px;}
	.ma_content .ma_itembox {height:auto; padding-bottom:24px;}

	.ma_content .ma_itembox .ma_onnuiri_swiper .inbox:focus:before {border:none;}
	.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .imgbox {position:relative; width:100%; height:0; padding-bottom:48.7%;}
	.ma_content .ma_itembox .ma_onnuiri_swiper .inbox .imgbox .img {position:absolute; top:0; left:0;}

	.ma_content .ma_itembox.ma_notice {width:100%; margin-right:0;}

	.ma_content .ma_itembox.ma_program {width:100%; margin:30px 0 0 0;}

	.ma_content .ma_itembox.ma_onnuri {position:relative; top:auto; right:auto; width:100%; margin:30px 0 0 0;}
}

@media screen and (max-width:767px) {
	.ma_visual_wrap {height:657px;}
	.ma_visual_wrap .ma_visual_sec {padding-top:87px;}
	.ma_visual_wrap .inbox {height:657px;}
	.ma_visual_wrap .inbox .bgimg {height:657px; background-position:65% bottom;}
	.ma_visual_wrap .inbox .banner_cont {padding:54px 12px 0;}
	.ma_visual_wrap .inbox .banner_cont .title .normal {font-size:18px; line-height:26px; letter-spacing:-0.9px;}
	.ma_visual_wrap .inbox .banner_cont .title .bold {margin-top:13px; font-size:26px; line-height:34px; letter-spacing:-0.65px;}
	.ma_visual_wrap .inbox .banner_cont .title_p {display:none;}
	.ma_visual_wrap .ctrl_box {bottom:439px; left:12px;}
	
	.ma_content {margin-top:-287px;}
	.ma_content .inner_center {padding-right:12px;}

	.ma_content .ma_itembox .ma_program_list {padding-top:10px;}
	.ma_content .ma_itembox .ma_program_list > li {padding:10px 84px 10px 0;}
	.ma_content .ma_itembox .ma_program_list > li > a {line-height:24px;}
	.ma_content .ma_itembox .ma_program_list > li .date {display:block; position:static; margin-top:4px; line-height:21px; font-weight:500; vertical-align:top;}

	.ma_content .ma_itembox.ma_onnuri .swiper-pagination {margin-left:35px;}

	.ma_content .ma_itembox.ma_program {margin-top:24px;}

	.ma_content .ma_itembox.ma_onnuri {margin-top:24px;}
}