@charset "utf-8"; /* pc */
.ma_visual_program { display: flex; max-width: 1390px; height: 610px; padding: 0 35px; margin: 0 auto; } 

.ma_visual_program .div_visual { position: relative; width: 648px; z-index: 10; } 

.ma_visual_program .div_visual::before { content: ''; position: absolute; top: 0; right: 112px; bottom: 0; width: 99999px; background-image: url(../images/main/ma_visual_bg.svg), url(../images/main/ma_visual_charactor.svg); background-repeat: no-repeat, no-repeat; background-position: right 610px top 51px, right 550px bottom 0; background-color: #84dbfc; z-index: -1; } 

.ma_visual_program .div_visual .titlebox { display: flex; align-items: center; margin-top: 57px; } 

.ma_visual_program .div_visual .titlebox .title_p { margin-right: 15px; color: #003e92; font-size: 18px; line-height: 24px; font-weight: 500; letter-spacing: -0.9px; } 

.ma_visual_program .div_visual .titlebox .title { width: 316px; height: 86px; background: url(../images/main/ma_visual_tit.svg) no-repeat center center; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_visual .contbox { position: relative; margin-top: 12px; padding-bottom: 58px; } 

.ma_visual_program .div_visual .contbox .ctrl_box { display: flex; position: absolute; bottom: 0; left: 50%; width: 194px; height: 50px; padding: 13px 18px; margin-left: -87px; border-radius: 10px; background: #fff; z-index: 2; } 

.ma_visual_program .div_visual .contbox .ctrl_box .swiper-pagination { display: flex; justify-content: center; align-items: center; position: static; width: 62px; margin-left: 10px; margin-right: 24px; } 

.ma_visual_program .div_visual .contbox .ctrl_box .swiper-pagination .current { color: #333; font-size: 18px; line-height: 24px; font-weight: 700; } 

.ma_visual_program .div_visual .contbox .ctrl_box .swiper-pagination .line { width: 8px; height: 24px; margin: 0 8px; background: url('../images/ico_swiper_slash_gray.svg') no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_visual .contbox .ctrl_box .swiper-pagination .total { color: #333; font-size: 18px; line-height: 24px; font-weight: 300; } 

.ma_visual_program .div_visual .contbox .ctrl_box .btn_stop_play { position: absolute; top: 13px; right: 18px; width: 24px; height: 24px; border: none; background: url('../images/btn_swiper_pause_black.svg') no-repeat center center; background-size: 100%; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_visual .contbox .ctrl_box .btn_stop_play.stop { background: url('../images/btn_swiper_play_black.svg') no-repeat center center; } 

.ma_visual_program .div_visual .contbox .ctrl_box .swiper-button-prev { position: static; width: 24px; height: 24px; margin: 0; border: none; background: url('../images/btn_swiper_prev_black.svg') no-repeat center center; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_visual .contbox .ctrl_box .swiper-button-next { position: static; width: 24px; height: 24px; margin: 0 0 0 14px; border: none; background: url('../images/btn_swiper_next_black.svg') no-repeat center center; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_visual .inbox { position: relative; width: 648px; height: 0; padding-bottom: 55.71%; } 

.ma_visual_program .div_visual .inbox .img_box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #00448d; text-indent: -9999px; overflow: hidden; } 

.ma_visual_program .div_visual .inbox .img_box:focus::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgba(0, 0, 0, 0.5); border-radius: 10px; } 

.ma_visual_program .div_visual .inbox .video_box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px; overflow: hidden; } 

.ma_visual_program .div_visual .inbox .video_box video,
.ma_visual_program .div_visual .inbox .video_box iframe { width: 100%; height: 100%; } 

.ma_visual_program .div_visual .inbox .video_box video:focus::before,
.ma_visual_program .div_visual .inbox .video_box iframe:focus::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgba(0, 0, 0, 0.5); border-radius: 10px; } 

.ma_visual_program .div_program { position: relative; width:calc(100% - 740px); margin-left: 92px; } 

.ma_visual_program .div_program::before { content: ''; position: absolute; top: 0; right: 100%; bottom: 0; width: 207px; margin-right: 1px; background: #fff; z-index: 2; } 

.ma_visual_program .div_program .titlebox { padding-top: 50px; } 

.ma_visual_program .div_program .titlebox .title_p { color: #003e92; font-size: 18px; line-height: 26px; font-weight: 400; letter-spacing: -0.9px; } 

.ma_visual_program .div_program .titlebox .title_p strong { font-weight: 700; } 

.ma_visual_program .div_program .titlebox .title { margin-top: 11px; color: #003e92; font-size: 32px; line-height: 46px; font-weight: 700; letter-spacing: -1.6px; } 

.ma_visual_program .div_program .contbox { position: relative; margin-top: 22px; } 

.ma_visual_program .div_program .contbox .ctrl_box { display: flex; position: absolute; top: -51px; right: 0; } 

.ma_visual_program .div_program .contbox .ctrl_box .swiper-pagination { display: flex; align-items: center; flex: 1; position: static; margin-right: 9px; } 

.ma_visual_program .div_program .contbox .ctrl_box .swiper-pagination .current { color: #333; font-size: 18px; line-height: 24px; font-weight: 700; } 

.ma_visual_program .div_program .contbox .ctrl_box .swiper-pagination .line { width: 8px; height: 24px; margin: 0 8px; background: url('../images/ico_swiper_slash_gray.svg') no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_program .contbox .ctrl_box .swiper-pagination .total { color: #333; font-size: 18px; line-height: 24px; font-weight: 300; } 

.ma_visual_program .div_program .contbox .ctrl_box .btn_stop_play { position: static; width: 24px; height: 24px; border: none; background: url('../images/btn_swiper_pause_black.svg') no-repeat center center; background-size: 100%; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_program .contbox .ctrl_box .btn_stop_play.stop { background: url('../images/btn_swiper_play_black.svg') no-repeat center center; } 

.ma_visual_program .div_program .contbox .swiper-container { overflow: visible; } 

.ma_visual_program .div_program .contbox .swiper-button-prev { left: -62px; width: 48px; height: 48px; margin-top: -24px; border: 1px solid #a5a5a5; border-radius: 100%; background: url(../images/btn_swiper_prev_black.svg) no-repeat center center #fff; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_program .contbox .swiper-button-prev:hover,
.ma_visual_program .div_program .contbox .swiper-button-prev:focus { border-color: rgba(0, 0, 0, 0); background: url(../images/btn_swiper_prev_white.svg) no-repeat center center rgba(0, 0, 0, 0.41); } 

.ma_visual_program .div_program .contbox .swiper-button-next { right: -62px; width: 48px; height: 48px; margin-top: -24px; border: 1px solid #a5a5a5; border-radius: 100%; background: url(../images/btn_swiper_next_black.svg) no-repeat center center #fff; text-indent: -999px; overflow: hidden; } 

.ma_visual_program .div_program .contbox .swiper-button-next:hover,
.ma_visual_program .div_program .contbox .swiper-button-next:focus { border-color: rgba(0, 0, 0, 0); background: url(../images/btn_swiper_next_white.svg) no-repeat center center rgba(0, 0, 0, 0.41); } 

.ma_visual_program .div_program .contbox .swiper-slide { width: auto; } 

.ma_visual_program .div_program .contbox .inbox { display: block; width: 300px; height: 362px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 10px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.06); background: #fff; } 

.ma_visual_program .div_program .contbox .inbox:hover { box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.16); } 

.ma_visual_program .div_program .contbox .inbox .card_head { display: flex; } 

.ma_visual_program .div_program .contbox .inbox .card_head .t_type { padding: 0 10px; margin-right: 8px; border-radius: 12px; color: #fff; font-size: 14px; line-height: 24px; font-weight: 500; } 

.ma_visual_program .div_program .contbox .inbox .card_head .t_tag { color: #003e92; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.62px; } 

.ma_visual_program .div_program .contbox .inbox .tit { margin: 8px 0; color: #000; font-size: 20px; line-height: 29px; font-weight: 700; letter-spacing: -0.78px; } 

.ma_visual_program .div_program .contbox .inbox dl { display: flex; color: #000; font-size: 16px; line-height: 28px; letter-spacing: -0.8px; } 

.ma_visual_program .div_program .contbox .inbox dl dt { width: 47px; font-weight: 700; } 

.ma_visual_program .div_program .contbox .inbox dl dd { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

.ma_visual_program .div_program .contbox .inbox .img_box { position: relative; width: 100%; height: 0; margin-top: 12px; padding-bottom: 69.8%; border-radius: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } 

.ma_visual_program .div_program .contbox .inbox .img_box .detail_view { display: none; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } 

.ma_visual_program .div_program .contbox .inbox .img_box .detail_view .txt::before { content: '상세보기'; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.62px; } 

.ma_visual_program .div_program .contbox .inbox .img_box .detail_view .btn { width: 40px; height: 40px; margin-top: 10px; border-radius: 20px; background: url(../images/ico_white_plus.svg) no-repeat center center #10bb98; } 

.ma_visual_program .div_program .contbox .inbox:hover .img_box .detail_view,
.ma_visual_program .div_program .contbox .inbox:focus .img_box .detail_view { display: flex; } 

.ma_visual_program .div_program .contbox .nodata { display: flex; justify-content: center; align-items: center; height: 362px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; } 

.ma_visual_program .div_program .contbox .nodata p { padding: 14px 0 9px 58px; background: url(../images/ico_nodata.svg) no-repeat 0 0; color: #5a5a5a; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_visual_program .div_program .contbox .nodata_item { display: flex; justify-content: center; align-items: center; width: 257px; height: 362px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; } 

.ma_visual_program .div_program .contbox .nodata_item p { padding: 66px 24px 0; background: url(../images/ico_nodata.svg) no-repeat center 0; color: #5a5a5a; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.7px; } 

.ma_iconlink { background: #eef7ff; box-shadow: 20px -10px 20px 0 rgba(0, 0, 0, 0.03); } 

.ma_iconlink ul { display: flex; justify-content: space-between; align-items: center; max-width: 1390px; margin: 0 auto; padding: 25px 84px; } 


.ma_iconlink ul li .inbox { display: flex; align-items: center; } 

.ma_iconlink ul li .inbox .ico { width: 80px; height: 80px; border: 1px solid #dadada; border-radius: 100%; background-repeat: no-repeat; background-position: center center; background-color: #fff; } 

.ma_iconlink ul li .inbox:hover .ico,
.ma_iconlink ul li .inbox:focus .ico { border-color: #00aef0; background-color: #00aef0; } 

.ma_iconlink ul li .inbox .txt { margin-left: 16px; color: #000; font-size: 18px; line-height: 26px; letter-spacing: -0.9px; } 

.ma_visit_guide { position: relative; } 

.ma_visit_guide .btn_view { position: absolute; top: -65px; right: 30px; width: 100px; height: 100px; border: 10px solid rgba(0, 62, 146, 0.48); border-radius: 100%; background: url(../images/main/ma_fix_guide.svg) no-repeat center center; text-indent: -9999px; overflow: hidden; z-index: 1; } 

.ma_visit_guide .cont { position: absolute; top: -55px; right: 67px; max-width: 0; height: 80px; padding: 12px 0 12px 0; border-radius: 40px 0 0 40px; background: #fff; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.08); overflow: hidden; transition: .3s; } 

.ma_visit_guide .active+.cont { max-width: 600px; padding-right: 32px; padding-left: 32px; } 

.ma_visit_guide .cont dl { display: flex; min-width: 424px; font-size: 16px; line-height: 24px; } 

.ma_visit_guide .cont dl dt { color: #003e92; font-weight: 700; } 

.ma_visit_guide .cont dl dd { flex: 1; margin-left: 16px; color: #000; font-weight: 500; letter-spacing: -0.8px; } 

.ma_visit_guide .cont dl+dl { margin-top: 4px; } 

.ma_visit_guide .cont dl+dl dt { letter-spacing: -0.8px; } 

.ma_schedule_wrap { padding: 0 35px; } 

.ma_schedule { position: relative; max-width: 1320px; margin: 53px auto 0; padding-left: 240px; } 

.ma_schedule .titlebox { position: absolute; top: 17px; left: 0; } 

.ma_schedule .titlebox .title { color: #003e92; font-size: 22px; line-height: 32px; letter-spacing: -1.1px; font-weight: 400; } 

.ma_schedule .titlebox .title em { font-weight: 700; } 

.ma_schedule .btn_more { position: absolute; bottom: 0; left: 0; height: 40px; padding: 0 40px 0 17px; border-radius: 20px; background: url(../images/ico_white_plus.svg) no-repeat right 8px center #10bb98; color: #fff; font-size: 16px; line-height: 40px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_schedule .schedule_box { position: relative; min-height: 150px; } 

.ma_schedule .schedule_box .swiper-slide { width: auto; padding: 2px; } 

.ma_schedule .schedule_box .inbox { display: block; padding: 17px 0; } 

.ma_schedule .schedule_box .inbox .cont { display: flex; } 

.ma_schedule .schedule_box .inbox .cont .day { width: 46px; color: #000; font-size: 26px; line-height: 34px; font-weight: 700; } 

.ma_schedule .schedule_box .inbox .cont .day.holiday { color: #f00000; } 

.ma_schedule .schedule_box .inbox .cont .tit { flex: 1; color: #5a5b5e; font-size: 24px; line-height: 34px; font-weight: 700; letter-spacing: -1.2px; } 

.ma_schedule .schedule_box .inbox .date { display: flex; margin-top: 3px; } 

.ma_schedule .schedule_box .inbox .date .mm { width: 46px; color: #00aef0; font-size: 15px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_schedule .schedule_box .inbox .date .dd { flex: 1; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_schedule .schedule_box .swiper-pagination { top: auto; right: 80px; bottom: 20px; left: 0; width: auto; height: 3px; background: #e8e8e8; } 

.ma_schedule .schedule_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #5a5b5e; } 

.ma_schedule .schedule_box .swiper-button-prev { top: auto; right: 40px; bottom: 10px; left: auto; width: 24px; height: 24px; margin: 0; border: none; background: url(../images/btn_swiper_prev_black.svg) no-repeat center center; text-indent: -9999px; overflow: hidden; } 

.ma_schedule .schedule_box .swiper-button-next { top: auto; right: 0; bottom: 10px; left: auto; width: 24px; height: 24px; margin: 0; border: none; background: url(../images/btn_swiper_next_black.svg) no-repeat center center; text-indent: -9999px; overflow: hidden; } 

.ma_schedule .schedule_box .bg_bar { position: absolute; right: 31px; bottom: 15px; width: 2px; height: 13px; background: #b7b7b7; } 

.ma_schedule .schedule_box .nodata { display: flex; justify-content: center; height: 150px; padding-top: 36px; background: url(../images/main/ma_schedule_bg.svg) no-repeat center center; background-size: contain; } 

.ma_schedule .schedule_box .nodata p { padding: 14px 58px 9px 58px; background: url(../images/ico_nodata.svg) no-repeat 0 0; color: #5a5a5a; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap { padding: 100px 35px 60px; } 

.ma_board_wrap .board_gallery { display: flex; max-width: 1320px; margin: 0 auto; } 

.ma_board_wrap .board_gallery .div_board { position: relative; width: 630px; padding: 0 20px; } 

.ma_board_wrap .board_gallery .div_board::before { content: ''; position: absolute; top: 0; right: 75px; bottom: 100px; width: 9999px; border-radius: 20px; background: url(../images/main/ma_board_bg.png) no-repeat right 200px center #00aef0; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.08); } 

.ma_board_wrap .board_gallery .div_board::after { content: ''; position: absolute; top: -63px; right: -73px; width: 209px; height: 183px; background: url(../images/main/ma_board_charactor.svg) no-repeat center center; background-size: contain; z-index: -1; } 

.ma_board_wrap .board_gallery .div_board .title { position: relative; padding-top: 55px; color: #fff; font-size: 24px; line-height: 35px; font-weight: 400; letter-spacing: -1.2px; } 

.ma_board_wrap .board_gallery .div_board .title em { font-weight: 700; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab { position: relative; height: 404px; margin-top: 17px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li { float: left; margin-right: 12px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li>h3 a { display: block; height: 42px; padding: 0 24px; border-radius: 21px; background: #fff; color: #003e92; font-size: 18px; line-height: 42px; font-weight: 500; letter-spacing: -0.9px; text-align: center; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li.active>h3 a { background: #003e92; color: #fff; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont { position: absolute; top: 62px; right: 0; bottom: 0; left: 0; visibility: hidden; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li.active .in_cont { visibility: visible; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box { display: flex; position: absolute; top: -104px; right: 139px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box .swiper-pagination { display: flex; align-items: center; flex: 1; position: static; margin-right: 9px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box .swiper-pagination .current { color: #fff; font-size: 18px; line-height: 24px; font-weight: 700; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box .swiper-pagination .line { width: 8px; height: 24px; margin: 0 8px; background: url('../images/ico_swiper_slash_white.svg') no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box .swiper-pagination .total { color: #fff; font-size: 18px; line-height: 24px; font-weight: 300; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box .btn_stop_play { position: static; width: 24px; height: 24px; border: none; background: url('../images/btn_swiper_pause_white.svg') no-repeat center center; background-size: 100%; text-indent: -999px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box .btn_stop_play.stop { background: url('../images/btn_swiper_play_white.svg') no-repeat center center; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .nodata { display: flex; justify-content: center; align-items: center; height: 242px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .nodata p { padding: 12px 0 7px 56px; background: url(../images/ico_noboard_white.svg) no-repeat 0 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .btn_more { position: absolute; top: -52px; right: 79px; width: 40px; height: 40px; border-radius: 100px; background: url(../images/ico_green_plus.svg) no-repeat center center #fff; text-indent:-9999px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper { margin:0 -20px; padding:0 20px 20px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-container { overflow: visible; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-slide { width: auto; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox { display: block; width: 285px; height: 342px; padding:24px; border:1px solid #e1e1e1; border-radius: 10px; background: #fff; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-slide-active .inbox,
.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-slide-next .inbox { box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.06); } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .titbox { height: 118px; border-bottom: 1px solid #cfcfcf; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .titbox .t_tag { color: #003e92; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.62px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .titbox .tit { position:relative; height: 52px; margin-top: 14px; color: #000; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.7px; word-break:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .titbox .tit:after { display:none; display:block\0; content:''; position:absolute; bottom:0; right:0; height:26px; padding-left:45px; background: -webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: -o-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: -moz-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .txt { position:relative; height: 78px; margin-top: 32px; color: #000; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -0.62px; word-break:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .txt:after { display:none; display:block\0; content:''; position:absolute; bottom:0; right:0; height:26px; padding-left:45px; background: -webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: -o-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: -moz-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .date_write { display: flex; margin-top: 36px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .date { color: #6d6e72; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.62px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .write { position: relative; margin-left: 15px; padding-left: 16px; color: #6d6e72; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.62px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox .write::before { content:''; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; background: #707070; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-prev { left: -20px; width: 48px; height: 48px; margin-top: -24px; border: 1px solid #a5a5a5; border-radius: 100%; background: url(../images/btn_swiper_prev_black.svg) no-repeat center center #fff; text-indent: -999px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-prev:hover,
.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-prev:focus { border-color: rgba(0, 0, 0, 0); background: url(../images/btn_swiper_prev_white.svg) no-repeat center center rgba(0, 0, 0, 0.41); } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-next { right: -20px; width: 48px; height: 48px; margin-top: -24px; border: 1px solid #a5a5a5; border-radius: 100%; background: url(../images/btn_swiper_next_black.svg) no-repeat center center #fff; text-indent: -999px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-next:hover,
.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-next:focus { border-color: rgba(0, 0, 0, 0); background: url(../images/btn_swiper_next_white.svg) no-repeat center center rgba(0, 0, 0, 0.41); } 

.ma_board_wrap .board_gallery .div_board .board_swiper .nodata_item { display: flex; justify-content: center; align-items: center; width: 285px; height: 342px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .nodata_item p { padding: 12px 0 7px 52px; background: url(../images/ico_noboard.svg) no-repeat 0 0; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_gallery { position: relative; width: calc(100% - 667px); margin-left: 37px; padding-top: 115px; } 

.ma_board_wrap .board_gallery .div_gallery::before { content: ''; position: absolute; top: -38px; left: 125px; width: 832px; height: 297px; background: url(../images/main/ma_gallery_bg.svg) no-repeat center center; z-index: -1; } 

.ma_board_wrap .board_gallery .div_gallery .title { color: #003e92; font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: -1.1px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list { display: flex; margin-top: 22px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li { width: 50%; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li + li { margin-left: 16px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox { display: block; position: relative; height: 342px; border:1px solid #d4d4d4; border-radius: 10px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .img_box { position: relative; height: 208px; overflow: hidden; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .img_box .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .txt_box { padding: 15px 20px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .txt_box .tit { position:relative; height: 52px; color: #5a5b5e; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.9px; word-break:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .txt_box .tit:after { display:none; display:block\0; content:''; position:absolute; bottom:0; right:0; height:26px; padding-left:45px; background: -webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: -o-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: -moz-linear-gradient(right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.95) 55%); } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .txt_box .t_tag { position: absolute; bottom: 24px; left: 20px; color: #003e92; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .txt_box .t_date { position: absolute; bottom: 24px; right: 20px; color: #878787; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_gallery .nodata { display: flex; justify-content: center; align-items: center; height: 242px; margin-top: 22px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; } 

.ma_board_wrap .board_gallery .div_gallery .nodata p { padding: 12px 0 7px 56px; background: url(../images/ico_noboard.svg) no-repeat 0 0; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_gallery .nodata_item { display: flex; justify-content: center; align-items: center; height: 342px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; } 

.ma_board_wrap .board_gallery .div_gallery .nodata_item p { padding: 12px 0 7px 52px; background: url(../images/ico_noboard.svg) no-repeat 0 0; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_gallery .btn_more { position: absolute; top: 115px; right: 0; width: 40px; height: 40px; border-radius: 100px; background: url(../images/ico_white_plus.svg) no-repeat center center #10bb98; text-indent:-9999px; overflow: hidden; } 


@media screen and (max-width:1480px){
 .ma_visual_program .div_program .contbox .swiper-button-next { right: 5px; } 
 .ma_visit_guide .btn_view { right: 5px; } 
 .ma_visit_guide .cont { right: 52px; } 
 .ma_board_wrap .board_gallery .div_gallery { width: calc(100% - 650px); margin-left: 20px; } 
 }

@media screen and (max-width:1390px) { } 

@media screen and (max-width:1280px){
 .ma_visual_program { flex-wrap: wrap; height: auto; padding: 0; } 

.ma_visual_program .div_visual { width: 100%; padding: 30px 59px 52px; } 

.ma_visual_program .div_visual::before { right: 0; left: 0; width: auto; background-position: left -73px bottom 140px, -9999px -9999px; } 

.ma_visual_program .div_visual .titlebox { justify-content: center; margin-top: 0; } 

.ma_visual_program .div_visual .contbox { max-width:648px; margin: 18px auto 0; } 

.ma_visual_program .div_visual .inbox { width: 100%; } 

.ma_visual_program .div_program { flex: auto; width: 100%; margin: 0; padding: 58px 35px 50px; } 

.ma_visual_program .div_program .titlebox { padding-top: 0; } 

.ma_visual_program .div_program .titlebox .title { margin-top: 5px; } 

.ma_visual_program .div_program .contbox { margin-top: 25px; } 

.ma_visual_program .div_program .contbox .ctrl_box { right: 0; } 

.ma_visual_program .div_program .contbox .swiper-button-prev { left: -25px; } 

.ma_visual_program .div_program .contbox .swiper-button-next { right: -25px; } 

.ma_visual_program .div_program .contbox .nodata_item { width: 300px; } 

.ma_iconlink ul { padding: 30px 72px; } 

.ma_iconlink ul li .inbox { flex-direction: column; align-items: center; justify-content: center; } 

.ma_iconlink ul li .inbox .txt { margin: 10px 0 0 0; font-size: 16px; line-height: 24px; } 

.ma_visit_guide { display: flex; width: 100%; padding:42px 35px 0; } 

.ma_visit_guide .btn_view { position: static; } 

.ma_visit_guide .cont { flex:1; position: static; max-width: 100%; margin:10px 0 0 -10px; padding-left: 37px; padding-right: 37px; border-radius: 40px; background:#f1f2f7; box-shadow:none; } 

.ma_visit_guide .active+.cont { max-width:100%; padding-left: 37px; padding-right: 37px; } 

.ma_schedule { margin-top: 55px; padding: 0; } 

.ma_schedule .titlebox { position: static; } 

.ma_schedule .schedule_box { min-height: 142px; margin-top: 20px; } 

.ma_schedule .schedule_box .swiper-container { overflow: visible; } 

.ma_schedule .schedule_box .swiper-slide { padding: 0; } 

.ma_schedule .schedule_box .inbox { padding: 19px 0; } 

.ma_schedule .schedule_box .nodata { position: relative; height: 142px; background: #fff; } 

.ma_schedule .schedule_box .nodata::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 32px; border-radius: 10px; background: #f9f9f9; } 

.ma_schedule .btn_more { top: 0; right: 0; bottom: auto; left: auto; } 

.ma_board_wrap { padding:160px 35px 50px; } 

.ma_board_wrap .board_gallery { flex-direction: column; } 

.ma_board_wrap .board_gallery .div_board { width:100%; padding: 0 26px; } 

.ma_board_wrap .board_gallery .div_board::before { right: 37px; } 

.ma_board_wrap .board_gallery .div_board::after { top: -106px; right: 50%; width: 164px; height: 144px; transform: translateX(50%); } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box { right: 129px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .btn_more { right: 60px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper { overflow: visible; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .inbox { box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 6%); } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-prev { left: -24px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-next { right: -24px; } 

.ma_board_wrap .board_gallery .div_gallery { width: 100%; margin: 0; padding-top: 100px; } 

.ma_board_wrap .board_gallery .div_gallery::before { top: -52px; left: 160px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox { height: 100%; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .img_box { height: 0; padding-bottom: 65.8%; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li .inbox .txt_box { height: 134px; } 

.ma_board_wrap .board_gallery .div_gallery .btn_more { top: 100px; } 

.ma_board_wrap .board_gallery .div_gallery .nodata_item { height: 100%; } 
 }

@media screen and (max-width:1024px) { } 

@media screen and (max-width:767px) {
.m_none { display: none !important; } 

.ma_visual_program .div_visual { padding: 24px 12px 30px; } 

.ma_visual_program .div_visual::before { background-position: left -70px bottom 0, -9999px -9999px; } 

.ma_visual_program .div_visual .titlebox { flex-direction: column; } 

.ma_visual_program .div_visual .titlebox .title_p { margin-right: 0; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; } 

.ma_visual_program .div_visual .titlebox .title_p .br_t { display: inline; } 

.ma_visual_program .div_visual .titlebox .title_p .br_t::before { content: '.'; } 

.ma_visual_program .div_visual .titlebox .title { width: 242px; height: 68px; margin-top: 10px; background-size: contain; } 

.ma_visual_program .div_visual .contbox { margin-top: 10px; } 

.ma_visual_program .div_program { padding: 32px 12px 42px; background: #f8f8f8; } 

.ma_visual_program .div_program .titlebox { text-align: center; } 

.ma_visual_program .div_program .titlebox .title_p { line-height: 24px; letter-spacing: -0.8px; } 

.ma_visual_program .div_program .titlebox .title { font-size: 28px; line-height: 40px; line-height: -1.4px; } 

.ma_visual_program .div_program .contbox { margin-top: 50px; } 

.ma_visual_program .div_program .contbox .ctrl_box { top: -38px; right: 50%; transform: translateX(50%); } 

.ma_visual_program .div_program .contbox .inbox:hover { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.06); } 

.ma_visual_program .div_program .contbox .swiper-slide-active .inbox { box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 16%); } 

.ma_visual_program .div_program .contbox .swiper-button-prev { left: 0; } 

.ma_visual_program .div_program .contbox .swiper-button-next { right: 0; } 

.ma_iconlink ul { flex-wrap: wrap; justify-content: center; padding: 15px 0; } 

.ma_iconlink ul li { margin: 15px 18px; } 

.ma_visit_guide { flex-direction: column; padding: 22px 12px 0; } 

.ma_visit_guide .btn_view { margin: 0 auto; } 

.ma_visit_guide .cont { flex: auto; height: auto; margin: -42px 0 0 0; padding: 56px 16px 24px; } 

.ma_visit_guide .cont dl { flex-direction: column; min-width: auto; } 

.ma_visit_guide .cont dl dt,
.ma_visit_guide .cont dl dd { text-align: center; } 

.ma_schedule_wrap { padding: 0 12px; } 

.ma_schedule { padding-bottom: 58px; } 

.ma_schedule .titlebox .title { font-size: 20px; line-height: 29px; letter-spacing: -1px; } 

.ma_schedule .schedule_box { min-height: 167px; margin-top: 15px; } 

.ma_schedule .schedule_box .swiper-pagination { right: 0; bottom: 38px; } 

.ma_schedule .schedule_box .swiper-button-prev,
.ma_schedule .schedule_box .swiper-button-next { bottom: 0; } 

.ma_schedule .schedule_box .bg_bar { bottom: 5px; } 

.ma_schedule .btn_more { top: auto; right: 50%; bottom: 0; transform: translateX(50%); } 

.ma_board_wrap { padding: 118px 12px 42px; } 

.ma_board_wrap .board_gallery .div_board { padding: 0; } 

.ma_board_wrap .board_gallery .div_board::after { top: -86px; width: 135px; height: 119px; } 

.ma_board_wrap .board_gallery .div_board::before { right: 0; } 

.ma_board_wrap .board_gallery .div_board .title { padding-top: 23px; font-size: 22px; line-height: 32px; letter-spacing: -1.1px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab { height: 464px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li { margin-right: 8px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li>h3 a { padding: 0 14px; font-size: 16px; letter-spacing: -0.8px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont { top: 122px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .in_cont .ctrl_box { top: -52px; right: auto; left: 50%; margin-left: -142px; } 

.ma_board_wrap .board_gallery .div_board .ma_board_tab>li .btn_more { top: 62px; left: auto; right: 50%; margin-right: -142px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-prev { left: 50%; margin-left: -168px; } 

.ma_board_wrap .board_gallery .div_board .board_swiper .swiper-button-next { right: 50%; margin-right: -168px; } 

.ma_board_wrap .board_gallery .div_gallery { padding-top: 53px; } 

.ma_board_wrap .board_gallery .div_gallery::before { display: none; } 

.ma_board_wrap .board_gallery .div_gallery .title { font-size: 20px; line-height: 29px; letter-spacing: -1px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list { flex-direction: column; margin-top: 24px; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li { width: 100%; } 

.ma_board_wrap .board_gallery .div_gallery .ga_list li + li { margin: 10px 0 0 0; } 

.ma_board_wrap .board_gallery .div_gallery .nodata { height: 166px; margin-top: 24px; } 

.ma_board_wrap .board_gallery .div_gallery .btn_more { top: 50px; } 
 }