.ma_visual_wrap { position: relative; margin-top: -150px; } 
 .ma_visual_swiper .inbox { display: block; position: relative; } 
 .ma_visual_swiper .imgbox { position: relative; height: 100vh; min-height:960px;} 
 .ma_visual_swiper .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
 .ma_visual_swiper .txtbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } 
 .ma_visual_swiper .txtbox .titimg { padding-top: 266px; } 
 .ma_visual_swiper .swiper_ctrl { display: flex; align-items: center; position: absolute; top: 534px; left: 50%; height: 38px; padding-right: 6px; margin-left: -600px; border-radius: 19px; background: rgba(0,0,0,0.7); z-index: 2; } 
 .ma_visual_swiper .btn_stop_play { order: 3; width: 24px; height: 24px; margin: 0 4px; background: url(../images/swiper_pause_white.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_visual_swiper .btn_stop_play.stop { background-image: url(../images/swiper_play_white.png); } 
 .ma_visual_swiper .swiper-button-prev { order: 2; position: static; width: 24px; height: 24px; margin: 0; background: url(../images/swiper_prev_white.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_visual_swiper .swiper-button-next { order: 4; position: static; width: 24px; height: 24px; margin: 0; background: url(../images/swiper_next_white.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_visual_swiper .swiper-pagination { order: 1; display: flex; align-items: center; position: static; width: auto; height: 38px; padding: 0 14px; margin-right: 2px; border-radius: 19px; background: rgba(0,0,0,0.8); } 
 .ma_visual_swiper .swiper-pagination span { color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; opacity: 0.7; } 
 .ma_visual_swiper .swiper-pagination span.current { font-weight: 700; opacity: 1; } 
 .ma_visual_swiper .swiper-pagination span.line { margin: 0 5px; color: #f5f5f5; font-size: 11px; font-weight: 100; } 
 .visual_popzone { position: absolute; bottom: 210px; right: 50%; margin-right: -600px; } 
 .visual_popzone .btn_toggle { position: absolute; bottom: -40px; right: 0; display: flex; justify-content: center; align-items: center; width: 160px; height: 40px; border-radius: 0 0 20px 20px; background: rgba(0,0,0,0.9); overflow: hidden; z-index: 3; transition: .3s; } 
 .visual_popzone .btn_toggle::before { content: '팝업존 닫기'; color: #fff; font-size: 16px; line-height: 40px; font-weight: 700; letter-spacing: -0.04em; transition: .3s; } 
 .visual_popzone .btn_toggle .ico_arrow { width: 24px; height: 24px; margin-left: 8px; background: url(../images/ico_arrow_down_white.png) no-repeat center center; background-size: contain; transition: .3s; } 
 .visual_popzone .btn_toggle.on { bottom: 0; border-radius: 20px 20px 0 0; } 
 .visual_popzone .btn_toggle.on::before { content: '팝업존 열기'; } 
 .visual_popzone .btn_toggle.on .ico_arrow { transform: rotate(180deg); } 
 .visual_popzone_swiper {width: 400px;height: 350px;border-radius: 40px 40px 0 0;box-shadow:3px 3px 6px 5px rgb(0 0 0 / 85%);} 
 .visual_popzone_swiper .inbox { display: block; position: relative; } 
 .visual_popzone_swiper .inbox:focus::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #000; border-radius: 0 40px 0 0; z-index: 5; } 
 .visual_popzone_swiper .inbox .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 87.5%; } 
 .visual_popzone_swiper .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size:100% 100%; transition:.3s;} 
 .visual_popzone_swiper .inbox .imgbox .img:hover{background-size:110% 110%;}
 .visual_popzone_swiper .swiper_ctrl { display: flex; align-items: center; position: absolute; bottom: 0; left: 0; height: 38px; padding: 0 10px 0 2px; background: rgba(0,0,0,0.8); z-index: 2; } 
 .visual_popzone_swiper .btn_stop_play { order: 2; width: 24px; height: 24px; margin: 0 4px; background: url(../images/swiper_pause_white.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .visual_popzone_swiper .btn_stop_play.stop { background-image: url(../images/swiper_play_white.png); } 
 .visual_popzone_swiper .swiper-button-prev { order: 1; position: static; width: 24px; height: 24px; margin: 0; background: url(../images/swiper_prev_white.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .visual_popzone_swiper .swiper-button-next { order: 3; position: static; width: 24px; height: 24px; margin: 0; background: url(../images/swiper_next_white.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .visual_popzone_swiper .swiper-pagination { order: 4; display: flex; align-items: center; position: static; width: auto; height: 38px; margin-left: 10px; } 
 .visual_popzone_swiper .swiper-pagination span { color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; opacity: 0.7; } 
 .visual_popzone_swiper .swiper-pagination span.current { font-weight: 700; opacity: 1; } 
 .visual_popzone_swiper .swiper-pagination span.line { margin: 0 5px; color: #f5f5f5; font-size: 11px; font-weight: 100; } 

 .ma_service { display: flex; align-items: center; position: relative; width: 100%; margin-top: -210px; background: rgba(30,30,30,0.5); z-index: 2; } 
 .ma_service ul { display: flex; width: 100%; height: 100%; } 
 .ma_service ul li { flex: 1; } 
 .ma_service .inbox { display: flex; flex-direction: column; justify-content: center; height: 210px; transition:background .2s;} 
 .ma_service .inbox:hover { background: rgba(0,0,0,0.5); }
 .ma_service .inbox .ico { width: 86px; height: 80px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } 
 .ma_service .inbox .txt { margin-top: 4px; color: #fff; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.04em; text-align: center; text-shadow:2px 2px 2px rgba(0,0,0,0.5);} 

 .ma_story { position: relative; padding: 134px 0; } 
 .ma_story::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; min-width: 1920px; height: 530px; margin: 0 auto; background: linear-gradient(to right, #fef5f8, #fff); } 
 .ma_story .titlebox { position: relative; border-top: 1px solid #fbd8e4; padding-bottom: 10px; } 
 .ma_story .titlebox .title { font-size: 40px; line-height: 75px; font-weight: 500; letter-spacing: -0.04em; } 
 .ma_story .titlebox .title strong { font-weight: 700; } 
 .ma_story .titlebox .title::before { content: ''; position: absolute; top: -1px; left: 0; width: 72px; height: 1px; background: #ed3a79; } 
 .ma_story .flex_row { display: flex; margin: 0 -15px; } 
 .ma_story .flex_item { display: flex; flex-direction: column; flex: 1; position: relative; margin: 30px 15px 0; border: 1px solid #dcdcdc; border-radius: 5px; background: #fff; overflow: hidden; } 
 .ma_story .in_head { display: flex; align-items: center; position: relative; height: 59px; margin: 0 19px; } 
 .ma_story .business_news .in_head::before,
 .ma_story .nanum_news .in_head::before,
 .ma_story .sharing_news .in_head::before,
 .ma_story .donation_news .in_head::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #dcdcdc; } 
 .ma_story .in_head .tit { color: #1e1e1e; font-size: 20px; font-weight: 700; letter-spacing: -0.04em; } 
 .ma_story .in_head .swiper_ctrl { display: flex; align-items: center; margin-left: auto; } 
 .ma_story .in_head .btn_stop_play { order: 2; width: 16px; height: 16px; margin: 0 3px; background: url(../images/swiper_pause_16.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_story .in_head .btn_stop_play.stop { background-image: url(../images/swiper_play_16.png); } 
 .ma_story .in_head .swiper-button-prev { order: 1; position: static; width: 16px; height: 16px; margin: 0; background: url(../images/swiper_prev_16.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_story .in_head .swiper-button-next { order: 3; position: static; width: 16px; height: 16px; margin: 0; background: url(../images/swiper_next_16.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_story .in_cont { flex: 1; position: relative; max-height: 536px; overflow: hidden; } 
 .ma_story .btn_more { position: absolute; top: 14px; right: 19px; width: 30px; height: 30px; border: 1px solid #dcdcdc; background: url(../images/ico_more.png) no-repeat center center; background-size: 24px; text-indent: -999px; overflow: hidden; } 
 .ma_story .btn_more:hover { border-color: #505050; }

 .business_news .swiper-container { height: 100%; } 
 .business_news .swiper-slide { padding: 2px; } 
 .business_news .inbox { display: block; height: 100%; padding: 28px 17px 48px; } 
 .business_news .inbox .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 75.3%; border-radius: 5px; background: #f0f2f5; overflow: hidden; } 
 .business_news .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
 .business_news .inbox .txtbox .subject { margin-top: 26px; color: #1e1e1e; font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
 .business_news .inbox .txtbox .txtbody{margin-top:18px; font-size:15px; line-height:20px; color: #505050;; height:80px; display: -webkit-box; overflow: hidden;  text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 4;}
 .business_news .inbox .txtbox .date { margin-top: 24px; color: #505050; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: -0.04em; } 

 .nanum_news .swiper-container { height: 100%; } 
 .nanum_news .swiper-slide { padding: 2px; } 
 .nanum_news .inbox { display: block; height: 100%; padding: 28px 17px 48px; } 
 .nanum_news .inbox .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 75.3%; border-radius: 5px; background: #f0f2f5; overflow: hidden; } 
 .nanum_news .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
 .nanum_news .inbox .txtbox .subject { margin-top: 26px; color: #1e1e1e; font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
 .nanum_news .inbox .txtbox .txtbody{margin-top:18px; font-size:15px; line-height:20px; color: #505050;; height:80px; display: -webkit-box; overflow: hidden;  text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 4;}
 .nanum_news .inbox .txtbox .date { margin-top: 24px; color: #505050; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: -0.04em; } 

 .newsletter .banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } 
 .newsletter .banner .inbox { display: block; position: relative; width: 100%; height: 100%; } 
 .newsletter .banner .inbox:focus::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #000; } 
 .newsletter .banner .inbox .imgbox { position: relative; width: 100%; height: 100%; background: #f0f2f5; }
 .newsletter .banner .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center 0; background-size: cover; } 

 .facebook_box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f0f2f5; } 
 .facebook_cont { width: 100%; } 
 
 .story_news { padding: 0 19px; } 
 .story_news > li { padding: 20px 0; } 
 .story_news > li + li { border-top: 1px solid #dcdcdc; } 
 .story_news > li .inbox { display: flex; } 
 .story_news > li .inbox .imgbox { position: relative; width: 120px; height: 80px; } 
 .story_news > li .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
 .story_news > li .inbox .txtbox { flex: 1; margin-left: 20px; overflow: hidden; } 
 .story_news > li .inbox .txtbox .subject { display: -webkit-box; color: #1e1e1e; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.04em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
 .story_news > li .inbox .txtbox .date { margin-top: 9px; color: #505050; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: -0.04em; } 

 .ma_business { padding: 160px 0; background: url(../images/main/bg_ma_business.jpg) no-repeat center center; background-size: cover; } 
 .ma_business .inner_center { display: flex; } 
 .ma_business .titlebox .title { color: #e83a77; font-size: 68px; line-height: 64px; font-weight: 400; letter-spacing: -0.04em; } 
 .ma_business .titlebox .title strong { font-weight: 700; } 
 .ma_business .titlebox .title_p { margin-top: 18px; color: #4d3e81; font-size: 28px; line-height: 36px; font-weight: 700; letter-spacing: -0.04em; } 
 .ma_business .business_menu { display: flex; flex-wrap: wrap; width: 380px; margin: 0 -5px 0 auto; } 
 .ma_business .business_menu li { width: 50%; padding: 5px; } 
 .ma_business .business_menu li .inbox { display: flex; flex-direction: column; justify-content: center; height: 180px; border-radius: 20px; background: #fff; color: #1e1e1e; box-shadow: 5px 5px 10px rgba(0,0,0,0.4); transition: .4s; } 
 .ma_business .business_menu li .inbox .icobox { position: relative; width: 80px; height: 80px; margin: 0 auto; } 
 .ma_business .business_menu li .inbox .icobox .ico { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; transition: .4s; } 
 .ma_business .business_menu li .inbox .icobox .ico_off { opacity: 1; visibility: visible; } 
 .ma_business .business_menu li .inbox .icobox .ico_on { opacity: 0; visibility: hidden; } 
 .ma_business .business_menu li .inbox .txt { margin-top: 12px; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.04em; text-align: center; } 
 .ma_business .business_menu li .inbox:hover { background: #665aaf; color: #fff; } 
 .ma_business .business_menu li .inbox:hover .icobox .ico { transform: rotateY(360deg); } 
 .ma_business .business_menu li .inbox:hover .icobox .ico_off { opacity: 0; visibility: hidden; } 
 .ma_business .business_menu li .inbox:hover .icobox .ico_on { opacity: 1; visibility: visible; } 

 .ma_channel {display: flex;justify-content: space-between;align-items: center;position: relative;padding: 19px 49px 19px 210px;border: 1px solid #dcdcdc;border-radius: 5px;background: #fff;} 
 .ma_channel::before { content: ''; position: absolute; bottom: 0; left: 32px; width: 132px; height: 186px; background: url(../images/main/bg_ma_channel.png) no-repeat center center; background-size: contain; } 
 .ma_channel .title { margin-right: 10px; color: #1e1e1e; font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.04em; } 
 .ma_channel .sns { display: flex; align-items: center; } 
 .ma_channel .sns li + li { margin-left: 20px; } 
 .ma_channel .sns li .ico_sns { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -999px; overflow: hidden; transition:.2s;} 
 .ma_channel .sns li .ico_sns:hover{opacity:0.7;}
 .ma_channel .sns li .ico_sns.youtube { background-image: url(../images/ico_sns_youtube.png); } 
 .ma_channel .sns li .ico_sns.naver { background-image: url(../images/ico_sns_naver.png); } 
 .ma_channel .sns li .ico_sns.instagram { background-image: url(../images/ico_sns_instagram.png); } 
 .ma_channel .sns li .ico_sns.facebook { background-image: url(../images/ico_sns_facebook.png); } 
 .ma_channel .tel { display: flex; align-items: center; height: 60px; padding: 0 22px; border: 6px solid #dcdcdc; border-radius: 30px; color: #1e1e1e; font-size: 24px; line-height: 32px; letter-spacing: -0.04em; } 
 .ma_channel .tel dt { display: flex; align-items: center; font-weight: 400; } 
 .ma_channel .tel dt .ico_tel { width: 24px; height: 25px; margin: 1px 12px 0 0; background: url(../images/ico_tel.png) no-repeat center center; background-size: contain; } 
 .ma_channel .tel dd { margin-left: 9px; font-weight: 700; } 

  .ma_story .ma_channel{margin-top:100px;}

  @media screen and (max-width: 767px){
	.ma_story .ma_channel{margin-top:0;}
  }

 .ma_board_popzone {display: flex;padding-bottom: 40px;} 
 .ma_board {flex: 1;position: relative;height: 437px;background: #fff;border: 1px solid #ddd;border-radius: 5px;} 
 .ma_board > ul {height: 60px;border-bottom: 1px solid #dcdcdc;padding: 0 30px;} 
 .ma_board > ul > li { float: left; } 
 .ma_board > ul > li + li {margin-left: 42px;} 
 .ma_board > ul > li h2 a {display: block;position: relative;color: #787878;font-size: 20px;line-height: 60px;font-weight: 400;letter-spacing: -0.04em;transition:.2s;} 
 .ma_board > ul > li.active h2 a { font-weight: 700; } 
 .ma_board > ul > li h2 a::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 0; border-radius: 3px 3px 0 0; background: #787878; transition:.2s;} 
 .ma_board > ul > li.active h2 a::before{height:6px;}

 .ma_board > ul > li.b_type01.active h2 a { color: #572498; } 
 .ma_board > ul > li.b_type01.active h2 a::before { background-color: #572498; } 
 .ma_board > ul > li.b_type01.active .b_first .date { background-color: #572498; } 
 .ma_board > ul > li.b_type01 .inbox:hover::before { background-color: #572498; } 
 .ma_board > ul > li.b_type01 .inbox:hover .tit { color: #572498; font-weight: 700; } 
 .ma_board > ul > li.b_type01 .inbox:hover .date { color: #572498; } 

 .ma_board > ul > li.b_type02.active h2 a { color: #324164; } 
 .ma_board > ul > li.b_type02.active h2 a::before { background-color: #324164; } 
 .ma_board > ul > li.b_type02.active .b_first .date { background-color: #324164; } 
 .ma_board > ul > li.b_type02 .inbox:hover::before { background-color: #324164; } 
 .ma_board > ul > li.b_type02 .inbox:hover .tit { color: #324164; font-weight: 700; } 
 .ma_board > ul > li.b_type02 .inbox:hover .date { color: #324164; } 

 .ma_board > ul > li.b_type03.active h2 a { color: #0e4f8e; } 
 .ma_board > ul > li.b_type03.active h2 a::before { background-color: #0e4f8e; } 
 .ma_board > ul > li.b_type03.active .b_first .date { background-color: #0e4f8e; } 
 .ma_board > ul > li.b_type03 .inbox:hover::before { background-color: #0e4f8e; } 
 .ma_board > ul > li.b_type03 .inbox:hover .tit { color: #0e4f8e; font-weight: 700; } 
 .ma_board > ul > li.b_type03 .inbox:hover .date { color: #0e4f8e; } 

 .ma_board > ul > li .in_cont { position: absolute; width: 1px; height: 1px; margin-top: -1px; opacity: 0.01; text-indent: -999px; overflow: hidden; } 
 .ma_board > ul > li.active .in_cont {top: 60px;left: 0;right: 0;width: auto;height: 377px;padding: 30px;margin: 0;opacity: 1;text-indent: 0;overflow: visible;} 
 .ma_board > ul > li .btn_more { position: absolute; width: 1px; height: 1px; margin-top: -1px; opacity: 0.01; text-indent: -999px; overflow: hidden; } 
 .ma_board > ul > li.active .btn_more {top: 15px;right: 15px;width: 30px;height: 30px;margin: 0;border: 1px solid #dcdcdc;background: url(../images/ico_more.png) no-repeat center center;background-size: 24px;opacity: 1;} 
 .ma_board > ul > li.active .btn_more:hover { border-color: #505050; }
 .ma_board > ul > li .b_first {display: flex;flex-direction: column;position: relative;min-height: 100px;margin-top: 0;padding: 20px 0 0 128px;} 
 .ma_board > ul > li .b_first .date { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100px; height: 100px; border-radius: 50%; background: #787878; color: #fff; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: -0.04em; } 
 .ma_board > ul > li .b_first .date .day { margin-bottom: 6px; font-size: 40px; line-height: 36px; } 
 .ma_board > ul > li .b_first .tit { color: #1e1e1e; font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
 .ma_board > ul > li .b_first .tit_p { display: -webkit-box; margin-top: 8px; color: #646464; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: -0.04em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
 .ma_board > ul > li ul {margin-top: 35px;/* padding: 26px 40px; *//* border: 1px solid #ddd; */} 
 .ma_board > ul > li ul li + li { margin-top: 16px; } 
 .ma_board > ul > li .inbox { display: flex; align-items: center; position: relative; padding-left: 14px; } 
 .ma_board > ul > li .inbox::before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #1e1e1e; } 
 .ma_board > ul > li .inbox .tit { flex: 1; margin-right: 16px; color: #1e1e1e; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
 .ma_board > ul > li .inbox .date { margin-left: auto; color: #787878; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.04em; } 

 .ma_popzone { display: flex; flex-direction: column; position: relative; width: 380px; height: 437px; margin-left: 40px; border: 1px solid #dcdcdc; border-radius: 5px; background: #fff; overflow: hidden; } 
 .ma_popzone .in_head { display: flex; align-items: center; height: 59px; padding: 0 19px; border-bottom: 1px solid #dcdcdc; } 
 .ma_popzone .in_head .title { color: #1e1e1e; font-size: 20px; line-height: 26px; font-weight: 700; letter-spacing: -0.04em; } 
 .ma_popzone .in_head .swiper_ctrl { display: flex; align-items: center; margin-left: auto; } 
 .ma_popzone .in_head .btn_stop_play { order: 2; width: 16px; height: 16px; margin: 0 3px; background: url(../images/swiper_pause_16.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_popzone .in_head .btn_stop_play.stop { background-image: url(../images/swiper_play_16.png); } 
 .ma_popzone .in_head .swiper-button-prev { order: 1; position: static; width: 16px; height: 16px; margin: 0; background: url(../images/swiper_prev_16.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_popzone .in_head .swiper-button-next { order: 3; position: static; width: 16px; height: 16px; margin: 0; background: url(../images/swiper_next_16.png) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; } 
 .ma_popzone_swiper { flex: 1; overflow: hidden; } 
 .ma_popzone_swiper .swiper-container { width: 100%; height: 100%; } 
 .ma_popzone_swiper .inbox { display: block; position: relative; width: 100%; height: 100%; outline: none; } 
 .ma_popzone_swiper .inbox:focus::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #000; border-radius: 0 0 5px 5px; } 
 .ma_popzone_swiper .inbox .imgbox .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 

 .foot_banners_wrap { border-top: 1px solid #dcdcdc; background: #fff; } 
 .foot_banners { display: flex; } 
 .foot_banners .titlebox { display: flex; align-items: center; width: 215px; } 
 .foot_banners .titlebox .title { color: #3b3e46; font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: -0.04em; } 
 .foot_banners .titlebox .swiper_ctrl { display: flex; height: 30px; margin-left: 20px; border: 1px solid #dcdcdc; } 
 .foot_banners .titlebox .swiper_ctrl .btn_stop_play { order: 2; width: 28px; height: 28px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; background: url(../images/swiper_pause_16.png) no-repeat center center; background-size: 16px; text-indent: -999px; overflow: hidden; } 
 .foot_banners .titlebox .swiper_ctrl .btn_stop_play.stop { background-image: url(../images/swiper_play_16.png); } 
 .foot_banners .titlebox .swiper_ctrl .swiper-button-prev { order: 1; position: static; width: 28px; height: 28px; margin: 0; background: url(../images/swiper_prev_16.png) no-repeat center center; background-size: 16px; text-indent: -999px; overflow: hidden; } 
 .foot_banners .titlebox .swiper_ctrl .swiper-button-next { order: 3; position: static; width: 28px; height: 28px; margin: 0; background: url(../images/swiper_next_16.png) no-repeat center center; background-size: 16px; text-indent: -999px; overflow: hidden; } 
 .foot_banners .swiper-container { flex: 1; padding: 16px 0; } 
 .foot_banners .swiper-slide { width: auto; padding: 0 5px; } 


 @media screen and (max-width:1280px){
 .ma_visual_swiper .swiper_ctrl { left: 40px; margin-left: 0; } 

 .visual_popzone { right: 40px; margin-right: 0; } 

 .ma_channel {padding:19px 30px 19px 210px;} 
 .ma_channel .title { width: 100%; margin: 0; line-height: 48px; } 
 .ma_channel .tel { height: 40px; margin: 10px 0 0 0; padding-left: 12px; border-width: 4px; border-radius: 20px; font-size: 20px; line-height: 28px; } 
 .ma_channel .tel dd { margin-left: 6px; } 
 }

 @media screen and (max-width:1024px) {
  .ma_visual_wrap { margin-top: 0; }
  .ma_visual_swiper .txtbox .titimg { padding-top: 132px; }
  .ma_visual_swiper .txtbox .titimg img { height: 100px; }
  .ma_visual_swiper .imgbox { height: 510px; min-height:auto;}
  .ma_visual_swiper .swiper_ctrl { top: 430px; }

  .visual_popzone { right: 0; bottom: 0; }
  .visual_popzone_swiper { width: 320px; height: 280px; }

  .ma_service { margin-top: 0; background: #1e1e1e; }
  .ma_service ul { justify-content: space-between; }
  .ma_service ul li { flex: none; }
  .ma_service .inbox{height:140px;}
  .ma_service .inbox:hover { background: none; }
  .ma_service .inbox .ico{width:58px; height:54px;}
  .ma_service .inbox .txt{font-size:15px;}

  .ma_story::before { display: none; }
  .ma_story .titlebox { padding-bottom: 0; }
  .ma_story .in_cont { max-height: none; }
  .ma_story .flex_row { flex-direction: column; }
  .ma_story .flex_item { margin-top: 20px; }
  
  .business_news .inbox .imgbox { padding-bottom: 255px; }
  .business_news .inbox .imgbox .img { width: 340px; margin: 0 auto; }
  
  .nanum_news .inbox .imgbox { padding-bottom: 255px; }
  .nanum_news .inbox .imgbox .img { width: 340px; margin: 0 auto; }

  .newsletter .banner { position: relative; height: 412px; }

  .facebook_box { position: relative; height: 412px; }
  .facebook_cont { width: 460px; margin: 0 auto }

  .ma_business { padding: 96px 0 40px; }
  .ma_business .inner_center { flex-direction: column; }
  .ma_business .business_menu { width: auto; margin: 170px -5px -5px; }
  .ma_business .business_menu li { width: 25%; }

  .ma_channel { }

  .ma_board_popzone { flex-direction: column; }
  .ma_board { flex: none; }

  .ma_popzone { width: auto; margin: 40px 0 0 0; }
  .ma_popzone_swiper .inbox .imgbox .img { width: 380px; margin: 0 auto; }

  .foot_banners .swiper-container { margin-right: -40px; padding-right: 40px; }
 }

/* mobile */
@media screen and (max-width:767px){
  .ma_visual_swiper { position: relative; }
  .ma_visual_swiper .imgbox { height: 0; padding-bottom: 54.4%; }
  .ma_visual_swiper .txtbox .titimg { padding-top: 35px; }
  .ma_visual_swiper .txtbox .titimg img { height: 60px; }
  .ma_visual_swiper .swiper_ctrl { top: auto; bottom: 20px; left: 20px; }

  .visual_popzone { position: relative; right: auto; bottom: auto; margin-bottom: 48px; }
  .visual_popzone .btn_toggle { bottom: -48px; width: 100%; height: 48px; border-radius: 0; background: #000; }
  .visual_popzone .btn_toggle.on { bottom: -48px; border-radius: 0; }
  .visual_popzone_swiper { width: 100%; height: auto; border-radius: 0; }

  .ma_service { width: auto; padding: 0 0 10px 0; margin: 0 -20px; }
  .ma_service ul { flex-wrap: wrap; justify-content: flex-start; }
  .ma_service ul li { width: 25%; }
  .ma_service .inbox { height: auto; padding: 8px 0; }
  .ma_service .inbox .ico { width: 52px; height: 48px; }
  .ma_service .inbox .txt { margin-top:8px; font-size: 12px; line-height: 18px; }

  .ma_story { padding: 40px 0 58px; }
  .ma_story .titlebox { padding-top: 5px; }
  .ma_story .titlebox .title { font-size: 24px; line-height: 42px; }
  .ma_story .in_head .tit { font-size: 18px; }

  .business_news .inbox { padding:18px 17px 31px; }
  .business_news .inbox .imgbox { padding-bottom: 75.3%; }
  .business_news .inbox .imgbox .img { width: auto; }
  .business_news .inbox .txtbox .subject { margin-top: 10px; font-size: 16px; line-height: 23px; }
  .business_news .inbox .txtbox .txtbody{font-size:14px;}
  .business_news .inbox .txtbox .date { font-size: 14px; line-height: 19px; }

  .nanum_news .inbox { padding:18px 17px 31px; }
  .nanum_news .inbox .imgbox { padding-bottom: 75.3%; }
  .nanum_news .inbox .imgbox .img { width: auto; }
  .nanum_news .inbox .txtbox .subject { margin-top: 10px; font-size: 16px; line-height: 23px; }
  .nanum_news .inbox .txtbox .txtbody{font-size:14px;}
  .nanum_news .inbox .txtbox .date { font-size: 14px; line-height: 19px; }

  .newsletter .banner { height: 319px; }

  .facebook_box { height: 319px; border-top: 1px solid #dcdcdc; background: #fff; }
  .facebook_cont { width: 100%; }

  .story_news > li .inbox { flex-direction: column; }
  .story_news > li .inbox .imgbox { width: 100%; height: 0; padding-bottom: 66.4%; }
  .story_news > li .inbox .txtbox { margin: 16px 0 0 0; }

  .ma_business { padding: 60px 0 45px; }
  .ma_business .titlebox .title { font-size: 34px; line-height: 32px; }
  .ma_business .titlebox .title_p { margin-top: 10px; font-size: 14px; line-height: 18px; }
  .ma_business .business_menu { margin: 20px -5px -5px; }
  .ma_business .business_menu li { width: 50%; }
  .ma_business .business_menu li .inbox { height: 155px; }
  .ma_business .business_menu li .inbox .txt { margin-top: 10px; font-size: 14px; line-height: 20px; }

  .ma_channel { flex-direction: column; padding: 12px 12px 20px; }
  .ma_channel::before { display: none; }
  .ma_channel .title { font-size: 20px; line-height: 32px; text-align: center; }
  .ma_channel .sns { margin: 6px 0 0 0; }
  .ma_channel .sns li + li { margin-left: 10px; }
  .ma_channel .tel { height: 37px; margin-top: 11px; border-radius: 19px; font-size: 14px; line-height: 19px; }
  .ma_channel .tel dt .ico_tel { width: 15px; height: 15px; margin-right: 8px; }
  .ma_channel .tel dd { margin-left: 5px; }

  .ma_board_popzone { padding: 0 0 20px; }
  .ma_board { height: 500px; }
  .ma_board > ul {height: 50px; padding:0 10px;}
  .ma_board > ul > li + li { margin-left: 26px; }
  .ma_board > ul > li h2 a {padding: 0;font-size: 16px;line-height: 50px;}
  .ma_board > ul > li.active h2 a::before { height: 4px; border-radius: 4px 4px 0 0; }
  .ma_board > ul > li.active .in_cont {top: 50px;height: 461px;padding: 20px;}
  .ma_board > ul > li.active .btn_more { top: 10px; }
  .ma_board > ul > li .b_first {min-height: 68px;margin-top: 0;padding: 13px 0 0 78px;}
  .ma_board > ul > li .b_first .date { width: 68px; height: 68px; font-size: 12px; line-height: 14px; }
  .ma_board > ul > li .b_first .date .day { margin-bottom: 3px; font-size: 28px; line-height: 25px; }
  .ma_board > ul > li .b_first .tit { display: -webkit-box; font-size: 16px; line-height: 19px; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .ma_board > ul > li .b_first .tit_p { margin-top: 6px; font-size: 12px; line-height: 16px; -webkit-line-clamp: 3; }
  .ma_board > ul > li ul {margin-top: 20px;padding: 0;}
  .ma_board > ul > li ul li + li { margin-top: 20px; }
  .ma_board > ul > li .inbox { flex-direction: column; align-items: flex-start; padding-left: 12px; }
  .ma_board > ul > li .inbox::before { top: 7px; }
  .ma_board > ul > li .inbox .tit { flex: none; display: -webkit-box; font-size: 14px; line-height: 17px; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .ma_board > ul > li .inbox .date { margin: 5px 0 0 0; font-size: 12px; line-height: 16px; }

  .ma_popzone { height: auto; margin-top: 20px; }
  .ma_popzone .in_head .title { font-size: 18px; }
  .ma_popzone_swiper .inbox .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 100%; }
  .ma_popzone_swiper .inbox .imgbox .img { width: auto; }

  .foot_banners { flex-direction: column; padding: 20px 0; }
  .foot_banners .swiper-container { margin: 14px -20px 0; padding: 0 15px; }
}

/* inpbox */
.inpbox_wrap{position:relative; padding-bottom:70px;}
.inpbox_wrap:before{content:''; position:absolute; left:0; top:0; width:calc(100% - 300px); height:200px; background:#f8de3b; border-radius:0 20px 20px 0;}
.inpbox_wrap .inpbox_inner{position:relative; z-index:1; padding-left:670px; padding-top:28px;}
.inpbox_wrap .inpbox_inner .titlebox{position:absolute; left:0; top:0; display:flex; height:200px; align-items:center;}
.inpbox_wrap .inpbox_inner .titlebox .icon{width:181px; height:161px; background:url('../images/main/ico_sign_newsletter.png') 0 0 no-repeat; background-size:cover;}
.inpbox_wrap .inpbox_inner .titlebox .title{font-size:34px; line-height:40px; padding-left:40px;}
.inpbox_wrap .inpbox_inner .titlebox .title strong{display:block;}
.inpbox_wrap .inpbox_inner .inpbox{border-radius:10px; padding:40px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.inpbox_wrap .inpbox_inner .inpbox .inp{display:flex;}
.inpbox_wrap .inpbox_inner .inpbox .inp ul{flex:1; padding-right:30px;}
.inpbox_wrap .inpbox_inner .inpbox .inp ul li input{height:50px; border:0; border-bottom:1px solid #ddd; width:100%; font-size:16px; padding:0 10px;}
.inpbox_wrap .inpbox_inner .inpbox .inp .sign{width:120px;}
.inpbox_wrap .inpbox_inner .inpbox .inp .sign button{width:100%; height:100%; background:#1e1e1e; border-radius:4px; color:#f8de3b; font-size:18px; font-weight:bold;}
.inpbox_wrap .inpbox_inner .inpbox .check{margin-top:18px;}
.inpbox_wrap .inpbox_inner .inpbox .check label{font-size:15px; color:#737373;}
.inpbox_wrap .inpbox_inner .inpbox .check label input{width:14px; height:14px; margin-right:6px;}

@media screen and (max-width:1280px){
	.inpbox_wrap .inpbox_inner{padding-left:540px;}
	.inpbox_wrap .inpbox_inner .titlebox .title{padding-left:20px; font-size:30px;}
}

@media screen and (max-width:1080px){
	.inpbox_wrap:before{height:180px;}
	.inpbox_wrap .inpbox_inner{padding-left:400px;}
	.inpbox_wrap .inpbox_inner .inpbox{padding:30px;}
	.inpbox_wrap .inpbox_inner .titlebox{height:180px;}
	.inpbox_wrap .inpbox_inner .titlebox .title{font-size:24px; line-height:30px;}
	.inpbox_wrap .inpbox_inner .titlebox .icon{width:120px; height:107px;}
	.inpbox_wrap .inpbox_inner .inpbox .inp .sign{width:100px;}
}
@media screen and (max-width:876px){
	.inpbox_wrap:before{width:80%;}
	.inpbox_wrap .inpbox_inner{padding-left:20px; padding-right:20px; padding-top:140px;}
	.inpbox_wrap .inpbox_inner .titlebox{height:140px;}
}
@media screen and (max-width:580px){
	.inpbox_wrap:before{width:100%; height:140px;}
	.inpbox_wrap .inpbox_inner{padding-top:100px;}
	.inpbox_wrap .inpbox_inner .titlebox{height:100px;}
	.inpbox_wrap .inpbox_inner .titlebox .title{font-size:20px; line-height:24px;}
	.inpbox_wrap .inpbox_inner .titlebox .icon{width:80px; height:71px;}
	.inpbox_wrap .inpbox_inner .inpbox{padding:20px;}
	.inpbox_wrap .inpbox_inner .inpbox .inp{display:block;}
	.inpbox_wrap .inpbox_inner .inpbox .inp ul li input{height:40px; font-size:15px;}
	.inpbox_wrap .inpbox_inner .inpbox .inp .sign{width:100%; padding-left:0; margin-top:20px;}
	.inpbox_wrap .inpbox_inner .inpbox .inp .sign button{font-size:15px; height:50px;}
	.inpbox_wrap .inpbox_inner .inpbox .inp .sign button br{display:none;}
	.inpbox_wrap .inpbox_inner .inpbox .check label{font-size:13px;}
}

/* ma_facilities */
.ma_facilities{background:#f5f7ff; background-size:cover; padding:80px 0;}
.ma_facilities .facbox{position:relative; display:flex; background:#fff; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,0.2); padding:40px;}
.ma_facilities .facbox + .facbox{margin-top:20px;}
.ma_facilities .facbox .txtbox{width:38.33%; position:relative; padding-right:40px;}
.ma_facilities .facbox .txtbox i{position:absolute; left:0; top:0; width:82px; height:82px;}
.ma_facilities .facbox .txtbox .txtname{font-size:24px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.ma_facilities .facbox .txtbox .txtsmall{font-size:16px; line-height:20px; margin-top:10px; color:#3a3a3a;}
.ma_facilities .facbox .txtbox .info{margin-top:10px;}
.ma_facilities .facbox .txtbox .info ul{display:table;width:100%; margin-bottom:14px;}
.ma_facilities .facbox .txtbox .info ul li{position:relative; display:table-cell;font-size:15px; line-height:20px; word-break:keep-all;}
.ma_facilities .facbox .txtbox .info ul li:first-child{width:90px; padding-right:10px; font-weight:bold;}
.ma_facilities .facbox .txtbox .info ul li:first-child:before{content:''; position:absolute; right:10px; top:4px; height:14px; width:1px; background:#ddd;}

.ma_facilities .facbox .txtbox .info p{position:relative; padding-left:15px; font-size:16px;}
.ma_facilities .facbox .txtbox .info p:before{content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:100%; background:#ddd;}
.ma_facilities .facbox .imgbox{display:flex; flex:1;}
.ma_facilities .facbox .imgbox .picbox,
.ma_facilities .facbox .imgbox .mapbox{position:relative; overflow:hidden; height:220px; width:calc(50% - 10px); background:#f5f5f5; border-radius:10px; border:1px solid #ddd;}
.ma_facilities .facbox .imgbox .picbox .img{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.ma_facilities .facbox .imgbox .mapbox{margin-left:20px; overflow:hidden;}
.ma_facilities .facbox .imgbox .mapbox .root_daum_roughmap {width:100%!important; height:100%!important;}

.ma_facilities .facbox .btn_link{position:absolute; left:40px; bottom:40px; font-size:0;}
.ma_facilities .facbox .btn_link a { display:inline-block; width: 30px; height: 30px; margin: 0; font-size:0; text-indent:-9999; border: 1px solid #dcdcdc; background: url(../images/ico_more.png) no-repeat center center; background-size: 24px; opacity: 1; transition:.2s;} 
.ma_facilities .facbox .btn_link a:hover { border-color: #505050; }

@media screen and (max-width:1024px){
	.ma_facilities{padding:60px 0;}
	.ma_facilities .facbox{border-radius:10px; display:block;}
	.ma_facilities .facbox .txtbox{width:auto; padding-right:0;}
	.ma_facilities .facbox .txtbox .info{margin-top:10px;}
	.ma_facilities .facbox .imgbox{margin-top:20px;}
	
	.ma_facilities .facbox .btn_link{position:static; margin-top:20px;}
}

@media screen and (max-width:767px){
	.ma_facilities{padding:40px 0;}
	.ma_facilities .facbox{box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
	.ma_facilities .facbox + .facbox{margin-top:10px;}
	.ma_facilities .facbox .imgbox{display:none;}
}

@media screen and (max-width:586px){
	.ma_facilities .facbox{padding:20px;}
	.ma_facilities .facbox .txtbox .txtname{font-size:18px;}
	.ma_facilities .facbox .txtbox .txtsmall{font-size:14px; line-height:18px; color:#3a3a3a; margin-top:4px;}
	.ma_facilities .facbox .txtbox .info{margin-top:10px;}
	.ma_facilities .facbox .txtbox .info p{font-size:14px;}
	.ma_facilities .facbox .imgbox .picbox,
	.ma_facilities .facbox .imgbox .mapbox{width:100%; height:0; padding-bottom:61.11%;}
	.ma_facilities .facbox .imgbox .mapbox{margin-left:0; margin-top:10px;}
	.ma_facilities .facbox .imgbox .mapbox .root_daum_roughmap {position:absolute; left:0; top:0;}
	.ma_facilities .facbox .txtbox .info ul{margin-bottom:4px;}
	.ma_facilities .facbox .txtbox .info ul li{font-size:13px;}
	.ma_facilities .facbox .txtbox .info ul li:first-child{width:80px;}
}



.ma_facilities .facbox2_wrap{display:flex; }
.ma_facilities .facbox2_wrap .facbox2{position:relative; width:calc(50% - 10px); margin-bottom:20px; background:#fff; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,0.2); padding:40px;}
.ma_facilities .facbox2_wrap .facbox2 + .facbox2{margin-left:20px;}
.ma_facilities .facbox2_wrap .facbox2 .txttitle{font-size:24px; margin-bottom: 20px;}
.ma_facilities .facbox2_wrap .facbox2 .txtsmall{font-size:16px; line-height:20px; margin-top:10px; color:#3a3a3a;}
.ma_facilities .facbox2_wrap .facbox2 .info{margin-top:20px;}
.ma_facilities .facbox2_wrap .facbox2 .info ul{display:table;width:100%}
.ma_facilities .facbox2_wrap .facbox2 .info ul + ul{margin-top:14px;}
.ma_facilities .facbox2_wrap .facbox2 .info ul li{position:relative; display:table-cell;font-size:15px; line-height:20px; word-break:keep-all;}
.ma_facilities .facbox2_wrap .facbox2 .info ul li:first-child{width:90px; padding-right:10px; font-weight:bold;}
.ma_facilities .facbox2_wrap .facbox2 .info ul li:first-child:before{content:''; position:absolute; right:10px; top:4px; height:14px; width:1px; background:#ddd;}

.ma_facilities .facbox2_wrap .facbox2 .info p{position:relative; padding-left:15px; font-size:16px;}
.ma_facilities .facbox2_wrap .facbox2 .info p:before{content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:100%; background:#ddd;}
.ma_facilities .facbox2_wrap .facbox2 .imgbox{flex:1;}
.ma_facilities .facbox2_wrap .facbox2 .imgbox .picbox{position:relative; overflow:hidden; height:220px; background:#f5f5f5; border-radius:10px; border:1px solid #ddd;}
.ma_facilities .facbox2_wrap .facbox2 .imgbox .picbox .img{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;}

.ma_facilities .facbox2_wrap .facbox2 .btn_link{position:absolute; right:40px; top:40px; font-size:0;}
.ma_facilities .facbox2_wrap .facbox2 .btn_link a { display:inline-block; width: 30px; height: 30px; margin: 0; font-size:0; text-indent:-9999; border: 1px solid #dcdcdc; background: url(../images/ico_more.png) no-repeat center center; background-size: 24px; opacity: 1; transition:.2s;} 
.ma_facilities .facbox2_wrap .facbox2 .btn_link a + a{margin-left:5px;}
.ma_facilities .facbox2_wrap .facbox2 .btn_link a.link{background: url(../images/ico_more.png) no-repeat center center;}
.ma_facilities .facbox2_wrap .facbox2 .btn_link a.link_hompage{background: url(../images/main/ico_more_home.png) no-repeat center center;}
.ma_facilities .facbox2_wrap .facbox2 .btn_link a:hover { border-color: #505050; }

@media screen and (max-width:1024px){
	.ma_facilities .facbox2_wrap .facbox2{padding:30px; border-radius:10px;}
	.ma_facilities .facbox2_wrap .facbox2 .txttitle{font-size:20px; line-height:30px; margin-bottom:14px;}
	.ma_facilities .facbox2_wrap .facbox2 .btn_link{right:30px; top:30px;}
}

@media screen and (max-width:767px){
	.ma_facilities .facbox2_wrap{display:block;}
	.ma_facilities .facbox2_wrap .facbox2{width:auto; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
	.ma_facilities .facbox2_wrap .facbox2 + .facbox2{margin-left:0; margin-top:14px;}
	.ma_facilities .facbox2_wrap .facbox2 + .facbox2_wrap .facbox2{margin-top:10px;}
}

@media screen and (max-width:586px){
	.ma_facilities .facbox2_wrap .facbox2{padding:20px;}
	.ma_facilities .facbox2_wrap .facbox2 .txttitle{font-size:16px; line-height:24px; margin-bottom:14px;}
	.ma_facilities .facbox2_wrap .facbox2 .txtsmall{font-size:14px; line-height:18px; color:#3a3a3a; margin-top:4px;}
	.ma_facilities .facbox2_wrap .facbox2 .info{margin-top:10px;}
	.ma_facilities .facbox2_wrap .facbox2 .info p{font-size:14px;}
	.ma_facilities .facbox2_wrap .facbox2 .imgbox .picbox,
	.ma_facilities .facbox2_wrap .facbox2 .imgbox .mapbox{width:100%; height:0; padding-bottom:61.11%;}
	.ma_facilities .facbox2_wrap .facbox2 .imgbox .mapbox{margin-left:0; margin-top:10px;}
	.ma_facilities .facbox2_wrap .facbox2 .imgbox .mapbox .root_daum_roughmap {position:absolute; left:0; top:0;}
	.ma_facilities .facbox2_wrap .facbox2 .info ul + ul{margin-top:4px;}
	.ma_facilities .facbox2_wrap .facbox2 .info ul li{font-size:13px;}
	.ma_facilities .facbox2_wrap .facbox2 .info ul li:first-child{width:80px;}
	.ma_facilities .facbox2_wrap .facbox2 .btn_link{right:20px; top:20px;}
	.ma_facilities .facbox2_wrap .facbox2 .btn_link a{width:24px; height:24px;}
}





.ma_forth_wrap{position:relative; padding-top:100px;}
.ma_forth_wrap:before{content:'';position:absolute;left:0;top: 60px;bottom: 70px;width: 640px;background:#f5f5f5;border-radius: 0 40px 40px 0;}

@media screen and (max-width:767px){
	.ma_forth_wrap{padding-top:40px;}
	.ma_forth_wrap:before{display:none;}
}

 .ma_facilities .titlebox { position: relative; border-top: 1px solid #fbd8e4; padding-bottom: 10px; margin-bottom:30px;} 
 .ma_facilities .titlebox .title { font-size: 40px; line-height: 75px; font-weight: 500; letter-spacing: -0.04em; } 
 .ma_facilities .titlebox .title strong { font-weight: 700; } 
 .ma_facilities .titlebox .title::before { content: ''; position: absolute; top: -1px; left: 0; width: 72px; height: 1px; background: #ed3a79; } 

 @media screen and (max-width:1024px) {
  .ma_facilities .titlebox { padding-bottom: 0; margin-bottom:30px;}
}

@media screen and (max-width:767px){
  .ma_facilities .titlebox { padding-top: 5px; margin-bottom:20px;}
  .ma_facilities .titlebox .title { font-size: 24px; line-height: 42px; }
}



 .ma_forth_wrap .titlebox { position: relative; border-top: 1px solid #fbd8e4; padding-bottom: 10px; margin-bottom:30px;} 
 .ma_forth_wrap .titlebox .title { font-size: 40px; line-height: 75px; font-weight: 500; letter-spacing: -0.04em; } 
 .ma_forth_wrap .titlebox .title strong { font-weight: 700; } 
 .ma_forth_wrap .titlebox .title::before { content: ''; position: absolute; top: -1px; left: 0; width: 72px; height: 1px; background: #ed3a79; } 

 @media screen and (max-width:1024px) {
  .ma_forth_wrap .titlebox { padding-bottom: 0; margin-bottom:30px;}
}

@media screen and (max-width:767px){
  .ma_forth_wrap .titlebox { padding-top: 5px; margin-bottom:20px;}
  .ma_forth_wrap .titlebox .title { font-size: 24px; line-height: 42px; }
}