@charset "UTF-8";

/* Layout */
@import url('../../../common/css/default.css');
@import url('../../../common/css/font.css');
@import url('common_v2.css?adfa=553113');

/* ===========================
공통 - 섹션
=========================== */
.main_container .main_section { width: 100%; max-width: 1500px; margin: 80px auto 0; transition: margin 0.2s ease; }

/* ===========================
공통 - 섹션 내 타이틀
=========================== */
.main_container .title_wrap { display: flex; align-items: center; height: 48px; margin-bottom: 20px; }
.main_container .title_wrap > img { width: 48px; height: 48px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; }
.main_container .title_wrap > dl { display: flex; align-items: center; margin-left: 8px; }
.main_container .title_wrap > dl dt { font-family: 'Pretendard', sans-serif; font-size: 32px; font-weight: 700; line-height: 32px; color: #000; }
.main_container .title_wrap > dl dd { margin-left: 16px; font-family: 'Pretendard', sans-serif; font-size: 20px; font-weight: 500; line-height: 20px; color: #000; }

/* ===========================
공통 - 롤링 컨트롤 버튼
=========================== */
.main_container .common_rolling_control { width: 100%; height: 32px; margin-top: 20px; }
.main_container .common_rolling_control > div { display: flex; justify-content: center; align-items: center; }
.main_container .common_rolling_control > div p { width: 55px; }
.main_container .common_rolling_control > div span { font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 15px; line-height: 15px; color: #B1B1B1 }
.main_container .common_rolling_control > div span:first-child { color: #E91F48; }
.main_container .common_rolling_control > div span:first-child::after { content: ' / '; color: #B1B1B1; }
.main_container .common_rolling_control > div .common_rolling_button_wrap { display: flex; column-gap: 6px; margin-left: 24px; }
.main_container .common_rolling_control > div .common_rolling_button_wrap button { width: 32px; height: 32px; border: 1px solid #dadada; border-radius: 6px; text-indent: -999px; background-repeat: no-repeat; background-size: 16px 16px; background-position: center; background-color: #FFF; overflow: hidden; }
.main_container .common_rolling_control > div .common_rolling_button_wrap .common_left_button { background-image: url('./../images/main/visual-button-left.svg'); }
.main_container .common_rolling_control > div .common_rolling_button_wrap .common_right_button { background-image: url('./../images/main/visual-button-right.svg'); }
.main_container .common_rolling_control > div .common_rolling_button_wrap .common_stop_button { background-image: url('./../images/main/visual-button-stop.svg'); }

/* ===========================
Main Visual Section
=========================== */
.main_container { display: flex; flex-direction: column; width: 100%; }
.main_container .main_visual_section::after { content: ''; display: block; clear: both; }
.main_container .main_visual_section { width: 100%; max-width: 1500px; margin: 200px auto 0; transition: margin 0.2s ease; }
.main_container .main_visual_section .main_fix_visual { display: flex; justify-content: center; align-items: center; width: calc((100% - 32px) / 2); height: 400px; border: 1px solid #dadada; border-radius: 20px; float: left; overflow: hidden; transition: width 0.2s ease; }
.main_container .main_visual_section .main_fix_visual img { max-width: 100%; max-height: 400px; }
.main_container .main_visual_section .main_rolling_visual { width: calc((100% - 32px) / 2); float: right; transition: margin 0.2s ease; }
.main_container .main_visual_section .main_rolling_visual .main_rolling_box { width: 100%; height: 400px; border: 1px solid #dfdfdf; border-radius: 20px; overflow: hidden; transition: width 0.2s ease; }
.main_container .main_visual_section .main_rolling_visual .main_rolling_box .item { height: 400px }
.main_container .main_visual_section .main_rolling_visual .main_rolling_box .item a { display: flex; justify-content: center; align-items: center; height: 100%; }
.main_container .main_visual_section .main_rolling_visual .main_rolling_box .item a img { max-width: 100%; max-height: 400px; margin: 0 auto; }

/* ===========================
Family Site Section - Only Mobile
=========================== */
.main_container .family_site_section { display: none; }
.main_container .family_site_section .title_wrap img { width: 34px; height: 34px; }
.main_container .family_site_section .site { width: 100%; }
.main_container .family_site_section .site ul { display: flex; flex-direction: column; gap: 24px; }
.main_container .family_site_section .site ul li dl dt { display: flex; align-items: center; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; color: #000; }
.main_container .family_site_section .site ul li dl dt::before { content: ''; display: block; width: 2px; height: 14px; margin-right: 10px; background-color: #0065B3; }
.main_container .family_site_section .site ul li dl dd { margin-top: 8px; }
.main_container .family_site_section .site ul li dl dd a { display: flex; align-items: center; justify-content: center; height: 54px; background-color: #F8F8F8; border-radius: 10px; }
.main_container .family_site_section .site ul li dl dd a img { width: auto; max-height: 32px; }

/* ===========================
Favorite Service Section
=========================== */
.main_container .favorite_service_section {}
.main_container .favorite_service_section .title_wrap img { transform: rotate(-90deg); }
.main_container .favorite_service_section .list_wrap {}
.main_container .favorite_service_section .list_wrap ul { display: flex; flex-wrap: nowrap; gap: 30px; }
.main_container .favorite_service_section .list_wrap ul li { width: 100%; }
.main_container .favorite_service_section .list_wrap ul li a { display:flex; flex-direction: column; align-items: center;  height: 154px; background: #F8F8F8; border-radius: 20px; }
.main_container .favorite_service_section .list_wrap ul li a span { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin-top: 8px; }
.main_container .favorite_service_section .list_wrap ul li a span img { max-width: calc(100% - 20px); max-height: calc(100% - 20px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.main_container .favorite_service_section .list_wrap ul li a p { font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 22px; line-height: 22px; color: #000; }

/* ===========================
News Center Group Section
=========================== */
.main_container .news_center_group_section { display: flex; justify-content: space-between; max-width: 1300px; }
.main_container .news_center_group_section .title_wrap > dl { margin-left: 12px; }
.main_container .news_center_group_section .new_news_wrap { width: calc(100% - 54px - 520px); }
.main_container .news_center_group_section .new_news_wrap .title_wrap img { transform: rotate(0); }
.main_container .news_center_group_section .new_news_wrap .fixed_news {}
.main_container .news_center_group_section .new_news_wrap .fixed_news ul { display: flex; gap: 24px; }
.main_container .news_center_group_section .new_news_wrap .fixed_news ul li { width: calc(100% / 2); }
.main_container .news_center_group_section .new_news_wrap .fixed_news ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; border: 1px #dadada solid; border-radius: 20px; overflow: hidden; }
.main_container .news_center_group_section .new_news_wrap .fixed_news ul li a img { max-width: 100%; }
.main_container .news_center_group_section .new_news_wrap .rolling_news { width: 100%; margin-top: 24px; }
.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap { width: 100%; }
.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap .slick-slide > div { display: flex; justify-content: space-between; }
.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap .slick-slide > div:nth-of-type(2) { margin-top: 24px; }
.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap li { width: calc(50% - 12px) !important }
.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; border: 1px #dadada solid; border-radius: 20px; overflow: hidden; }
.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap li a img { max-width: 100%; max-height: 100%; }
.main_container .news_center_group_section .new_news_wrap .rolling_news .news_rolling_control { margin-top: 24px; }
.main_container .news_center_group_section .regional_center_wrap { width: 520px; }
.main_container .news_center_group_section .regional_center_wrap .title_wrap {}
.main_container .news_center_group_section .regional_center_wrap .title_wrap img { width: 37px; height: 44px; transform: rotate(0); }
.main_container .news_center_group_section .regional_center_wrap .map_wrap { position: relative; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .map { display: flex; justify-content: center; align-items: center; width: 100%; height: 648px; margin-top: 20px; border-radius: 20px; background-color: #f8f8f8; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .map img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link {}
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link a { position: absolute; display: block; width: 80px; height: 40px; border-radius: 100px; border-width: 3px; border-style: solid; background: #fff; font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 18px; text-align: center; line-height: 36px; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link a.yellow { border-color: #FDBF04; color: #FDBF04; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link a.orange { border-color: #FF7700; color: #FF7700; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link a.green { border-color: #70BF43; color: #70BF43; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link a.blue { border-color: #0065B3; color: #0065B3; }
.main_container .news_center_group_section .regional_center_wrap .map_wrap .link a.sky { border-color: #019FDD; color: #019FDD; }

/* ===========================
Source Site Group Section
=========================== */
.main_container .source_site_group_section { display: flex; justify-content: space-between; }
.main_container .source_site_group_section .source_wrap { width: calc(100% - 382px - 64px) }
.main_container .source_site_group_section .source_wrap .title_wrap {}
.main_container .source_site_group_section .source_wrap .title_wrap img { width: 42px; height: 38px; }
.main_container .source_site_group_section .source_wrap .title_wrap .chip_list { margin-left: auto; }
.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul { display: flex; gap: 8px; }
.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li {}
.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li button { height: 44px; padding: 0 30px; font-family: 'Gmarket', sans-serif; font-weight: normal; font-size: 20px; background-color: #F8F8F8; color: #5E5E5E; border-radius: 100px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li button.active { background-color: #0065B3; font-weight: bold; color: #fff; }
.main_container .source_site_group_section .source_wrap {}
.main_container .source_site_group_section .source_wrap .list {}
.main_container .source_site_group_section .source_wrap .list ul { display: none; flex-wrap: wrap; gap: 24px; }
.main_container .source_site_group_section .source_wrap .list ul.active { display: flex; }
.main_container .source_site_group_section .source_wrap .list ul li { flex-basis: calc(50% - 12px); }
.main_container .source_site_group_section .source_wrap .list ul li a { display: block; height: 209px; padding: 32px; border: 1px #DADADA solid; border-radius: 20px; }
.main_container .source_site_group_section .source_wrap .list ul li a dl { display: flex; flex-direction: column; justify-content: space-between; height: 100%; font-family: 'Pretendard', sans-serif; }
.main_container .source_site_group_section .source_wrap .list ul li a dl dt { font-weight: 700; font-size: 24px; line-height: 30px; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.main_container .source_site_group_section .source_wrap .list ul li a dl dd { font-weight: 500; font-size: 18px; line-height: 18px; color:#B1B1B1; }
.main_container .source_site_group_section .site_wrap { width: 382px; }
.main_container .source_site_group_section .site_wrap .title_wrap img { width: 34px; height: 34px; }
.main_container .source_site_group_section .site_wrap .site { width: 382px; }
.main_container .source_site_group_section .site_wrap .site ul { display: flex; flex-direction: column; gap: 24px; }
.main_container .source_site_group_section .site_wrap .site ul li { width: 382px; }
.main_container .source_site_group_section .site_wrap .site ul li dl { width: 382px; }
.main_container .source_site_group_section .site_wrap .site ul li dl dt { display: flex; align-items: center; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 20px; line-height: 20px; color: #000; }
.main_container .source_site_group_section .site_wrap .site ul li dl dt::before { content: ''; display: block; width: 2px; height: 18px; margin-right: 10px; background-color: #0065B3; }
.main_container .source_site_group_section .site_wrap .site ul li dl dd { margin-top: 8px; }
.main_container .source_site_group_section .site_wrap .site ul li dl dd a { display: flex; align-items: center; justify-content: center; height: 64.5px; background-color: #F8F8F8; border-radius: 10px; }
.main_container .source_site_group_section .site_wrap .site ul li dl dd a img { width: auto; max-height: 44px; }

/* ===========================
Media Education Course Section
=========================== */
.main_container .media_edu_section { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_container .media_edu_section .title_wrap { flex-basis: 100%; }
.main_container .media_edu_section .title_wrap img { width: 44px; height: 44px; }
.main_container .media_edu_section .detail_wrap { display: flex; justify-content: space-between; gap: 24px; width: calc(100% - 490px - 54px); }
.main_container .media_edu_section .detail_wrap .detail { width: calc(100% / 2); }
.main_container .media_edu_section .detail_wrap .detail .img { display: flex; justify-content: center; align-items: center; width: 100%; height: 254px; border: 1px #DADADA solid; border-radius: 20px; overflow: hidden; }
.main_container .media_edu_section .detail_wrap .detail .img img { max-width: 100%; }
.main_container .media_edu_section .detail_wrap .detail .info { display: flex; align-items: center; margin-top: 12px; }
.main_container .media_edu_section .detail_wrap .detail .info .status { display: inline-block; margin-right: 16px; padding: 12px 24px; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; color: #fff; background-color: #002C52; border-radius: 8px; }
.main_container .media_edu_section .detail_wrap .detail .info .type { display: flex; }
.main_container .media_edu_section .detail_wrap .detail .info .type li::before { content: ''; display: block; width: 1px; height: 14px; margin: 0 16px; background-color: #DADADA; }
.main_container .media_edu_section .detail_wrap .detail .info .type li:first-child::before { content: none; }
.main_container .media_edu_section .detail_wrap .detail .info .type li { display: flex; align-items: center; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; color: #B1B1B1;  }
.main_container .media_edu_section .detail_wrap .detail .title { display: block; margin-top: 16px; margin-bottom: 20px; font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 24px; color: #000; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_container .media_edu_section .detail_wrap .detail dl { display: flex; align-items: center; font-family: 'Pretendard', sans-serif; font-size: 20px; line-height: 20px; color: #000; }
.main_container .media_edu_section .detail_wrap .detail > dl:nth-of-type(1) { margin-bottom: 14px; }
.main_container .media_edu_section .detail_wrap .detail dl dt { display: flex; align-items: center; }
.main_container .media_edu_section .detail_wrap .detail dl dt img { width: 20px; height: 20px; margin-right: 10px; }
.main_container .media_edu_section .detail_wrap .detail dl dt span {font-weight: 700; margin-right: 8px; }
.main_container .media_edu_section .detail_wrap .detail dl dd { font-weight: 500; }
.main_container .media_edu_section .rolling_media_edu { width: 490px }
.main_container .media_edu_section .rolling_media_edu .rolling_news { width: 100%; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap { width: 100%; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap .slick-slide > div { display: flex; justify-content: space-between; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap .slick-slide > div:nth-of-type(2) { margin-top: 24px; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li { width: calc(50% - 12px) !important; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a { display: block; border-radius: 16px; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a span:first-child { display: flex; align-items: center; justify-content: center; width: 100%; height: 127px; margin-bottom: 16px; border-radius: 16px; border: 1px #DADADA solid; overflow: hidden; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a span:first-child img { max-width: 100%; }
.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a span:last-child { display: -webkit-box; font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 24px; color: #000; line-height: 30px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ===========================
Main Business Section
=========================== */
.main_container .main_business_section_wrap { width: 100%; margin-top: 100px; padding-bottom: 80px; background-color: #F8F8F8; }
.main_container .main_business_section_wrap .main_business_section {}
.main_container .main_business_section_wrap .main_business_section .title_wrap img { width: 48px; height: 43px; }
.main_container .main_business_section_wrap .main_business_section .content_wrap { display: flex; justify-content: space-between; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap { width: calc(100% - 464px - 50px); }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul { display: flex; flex-wrap: wrap; gap: 24px; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li { display: flex; flex-basis: calc(50% - 12px); flex-shrink: 0; flex-grow: 0; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a { display: flex; width: 100%; min-height: 175px; padding: 32px; border: 1px #DADADA solid; border-radius: 20px; background-color: #fff; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a dl { display: flex; flex-direction: column; justify-content: space-between; font-family: 'Pretendard', sans-serif; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a dl dt { font-size: 24px; font-weight: 800; line-height: 30px; color: #064781; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a dl dd { margin-top: 24px; font-size: 18px; font-weight: 500; line-height: 25px; color: #5E5E5E; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap { width: 464px; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business { height: calc(100% - 54px); }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business .rolling_business_wrap { height: 100%; border: 1px #DADADA solid; border-radius: 20px; background-color: #fff; overflow: hidden; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business .rolling_business_wrap .item { height: 100%; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business .rolling_business_wrap .item a { display: flex; justify-content: center; align-items: center; height: 100%; background-color: #fff; overflow: hidden; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business .rolling_business_wrap .item a img { max-width: 100%; max-height: 100%; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business .rolling_business_wrap .slick-list { height: 100%; }
.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap .rolling_business .rolling_business_wrap .slick-track { height: 100%; }

/* ======================================================
Mobile
====================================================== */
@media (max-width: 1500px) {
	/* News Center Group Section */
	.main_container .news_center_group_section .new_news_wrap .fixed_news ul li a { width: 100%; }
	.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap ul li { flex: 0 0 calc(50% - 13px); }
	.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap ul li a { width: 100%; }

	/* Source Site Group Section */
	.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li button { padding: 0 15px; }

	.main_container .media_edu_section .detail_wrap .detail .info .status { padding: 10px 14px; font-size: 1.8rem; }
	.main_container .media_edu_section .detail_wrap .detail .info .type li { font-size: 1.6rem; }
	.main_container .media_edu_section .detail_wrap .detail .info .type li::before { margin: 0 10px; }
	.main_container .media_edu_section .detail_wrap .detail .title { margin-top: 14px; margin-bottom: 16px; font-size: 2rem; }
	.main_container .media_edu_section .detail_wrap .detail dl { font-size: 1.6rem; }
	.main_container .media_edu_section .detail_wrap .detail > dl:nth-of-type(1) { margin-bottom: 8px }
	.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap .slick-slide > div:nth-of-type(2) { margin-top: 18px; }
	.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a span:first-child { margin-bottom: 10px; }
	.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a span:last-child { font-size: 2rem; }

}

@media (max-width: 1240px) {
	/* Source Site Group Section */
	.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li button { padding: 0 1rem; font-size: 1.5rem; line-height: 3.2rem; }

	/* Media Education Course Section */
	.main_container .media_edu_section .detail_wrap { flex-basis: 100%; }
	.main_container .media_edu_section .rolling_media_edu { width: 100%; }
	.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap { margin-top: 20px; }
	.main_container .media_edu_section .rolling_media_edu .rolling_news .rolling_media_edu_wrap li a span:first-child { height: 224px; }
}

@media (max-width: 1024px) {
	/* 공통 - 섹션 */
	.main_container .main_section { width: calc(100% - 40px); margin: 50px auto 0; }

	/* 공통 - 섹션 내 타이틀 */
	.main_container .title_wrap { margin-bottom: 15px; }
	.main_container .title_wrap > img { width: 40px; height: 40px; }
	.main_container .title_wrap > dl { margin-left: 4px; }
	.main_container .title_wrap > dl dt { font-size: 2.8rem; line-height: 2.8rem; }
	.main_container .title_wrap > dl dd { margin-left: 8px; font-size: 1.6rem; line-height: 1.6rem; }

	/* Main Visual Section */
	.main_container .main_visual_section { width: calc(100% - 40px); margin: 100px auto 0; }
	.main_container .main_visual_section .main_fix_visual { width: calc((100% - 15px) / 2); }
	.main_container .main_visual_section .main_rolling_visual { width: calc((100% - 15px) / 2); }

	/* Family Site Section */
	.main_container .family_site_section { display: block; }

	/* Favorite Service Section */
	.main_container .favorite_service_section .list_wrap ul { gap: 15px; flex-wrap: nowrap; }
	.main_container .favorite_service_section .list_wrap ul li a { justify-content: center; height: 140px; border-radius: 20px; }
	.main_container .favorite_service_section .list_wrap ul li a span { justify-content: center; width: 80px; height: 80px; margin-top: 0; }
	.main_container .favorite_service_section .list_wrap ul li a p { font-size: 1.8rem; line-height: 1.8rem; }

	/* News Center Group Section */
	.main_container .news_center_group_section .new_news_wrap { width: 100%; }
	.main_container .news_center_group_section .new_news_wrap .fixed_news ul li { width: calc(100% / 2); }
	.main_container .news_center_group_section .new_news_wrap .fixed_news ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 224px; border: 1px #dadada solid; border-radius: 20px; overflow: hidden; }
	.main_container .news_center_group_section .regional_center_wrap { display: none; }

	/* Source Site Group Section */
	.main_container .source_site_group_section .source_wrap { width: 100%; }
	.main_container .source_site_group_section .source_wrap .title_wrap { flex-wrap: wrap; height: auto; }
	.main_container .source_site_group_section .source_wrap .title_wrap > * { flex: 0 0 auto; }
	.main_container .source_site_group_section .source_wrap .title_wrap .chip_list { flex: 0 0 100%; margin-top: 2rem; }
	.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li button { height: 3rem; }
	.main_container .source_site_group_section .source_wrap .list ul li { flex-basis: 100%; }
	.main_container .source_site_group_section .source_wrap .list ul li a { height: auto; padding: 2rem; }
	.main_container .source_site_group_section .source_wrap .list ul li a dl dt { font-size: 1.8rem; line-height: 2.2rem; }
	.main_container .source_site_group_section .source_wrap .list ul li a dl dd { margin-top: 0.5rem; font-size: 1.5rem; }
	.main_container .source_site_group_section .site_wrap { display: none; }

	/* Media Education Course Section */
	.main_container .media_edu_section .detail_wrap { flex-wrap: wrap; }
	.main_container .media_edu_section .detail_wrap .detail { width: 100%; }
	.main_container .media_edu_section .detail_wrap .detail .info .status { padding: 0.8rem 1.6rem; font-size: 1.8rem; }
	.main_container .media_edu_section .detail_wrap .detail .info .type li { font-size: 1.8rem; }
	.main_container .media_edu_section .detail_wrap .detail .title { margin-top: 1.4rem; margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 2.2rem; }
	.main_container .media_edu_section .detail_wrap .detail dl { font-size: 1.6rem; }
	.main_container .media_edu_section .detail_wrap .detail > dl:nth-of-type(1) { margin-bottom: 0.5rem; }
	.main_container .media_edu_section .list_wrap { display: none; }

	/* Main Business Section */
	.main_container .main_business_section_wrap { margin-top: 30px; padding-bottom: 50px; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap { width: 100%; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul { gap: 2rem; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li { flex-basis: 100%; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a { min-height: unset; padding: 2.5rem; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a dl dt { font-size: 2rem; line-height: 2.4rem; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .list_wrap ul li a dl dd { margin-top: 1.8rem; font-size: 1.6rem; line-height: 1.8rem; }
	.main_container .main_business_section_wrap .main_business_section .content_wrap .rolling_wrap { display: none; }

}

@media (max-width:640px) {
	/* 공통 - 섹션 */
	.main_container .main_section { margin: 30px auto 0; }

	/* 공통 - 섹션 내 타이틀 */
	.main_container .title_wrap { margin-bottom: 8px; }
	.main_container .title_wrap > img { width: 30px; height: 30px; }
	.main_container .title_wrap > dl dt { font-size: 2.2rem; line-height: 2.2rem; }
	.main_container .title_wrap > dl dd { display: none; }

	/* 공통 - 롤링 컨트롤 버튼 */
	.main_container .common_rolling_control { height: 28px; margin-top: 10px; }
	.main_container .common_rolling_control > div p { font-size: 12px; line-height: 12px; }
	.main_container .common_rolling_control > div > .common_rolling_button_wrap { column-gap: 4px; margin-left: 10px; }
	.main_container .common_rolling_control > div > .common_rolling_button_wrap button { width: 28px; height: 28px; background-size: 14px 14px; }

	/* Main Visual Section */
	.main_container .main_visual_section .main_fix_visual { width: 100%; height: 200px; }
	.main_container .main_visual_section .main_fix_visual img { max-height: 400px; }
	.main_container .main_visual_section .main_rolling_visual { width: 100%; margin-top: 15px; }
	.main_container .main_visual_section .main_rolling_visual .main_rolling_box { height: 200px; }
	.main_container .main_visual_section .main_rolling_visual .main_rolling_box .item { height: 200px }
	.main_container .main_visual_section .main_rolling_visual .main_rolling_box .item a img { max-height: 200px; }

	/* Favorite Service Section */
	.main_container .favorite_service_section .list_wrap ul { flex-wrap: wrap; gap: 0; background-color: #F8F8F8; border-radius: 20px; }
	.main_container .favorite_service_section .list_wrap ul li { flex: 0 0 33.333%; }
	.main_container .favorite_service_section .list_wrap ul li a { justify-content: center; height: 140px; border-radius: 20px; }
	.main_container .favorite_service_section .list_wrap ul li a span { justify-content: center; width: 80px; height: 80px; margin-top: 0; }
	.main_container .favorite_service_section .list_wrap ul li a p { font-size: 1.8rem; line-height: 1.8rem; }

	/* News Center Group Section */
	.main_container .news_center_group_section .new_news_wrap .fixed_news ul li a { height: 160px; }
	.main_container .news_center_group_section .new_news_wrap .rolling_news .rolling_news_wrap ul li a { height: 160px; }

	/* Source Site Group Section */
	.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
	.main_container .source_site_group_section .source_wrap .title_wrap .chip_list ul li { flex: 0 0 auto; }

	/* Media Education Course Section */
	.main_container .media_edu_section { display: none; }
}

@media (max-width:480px) {
}

@media (max-width:340px) {
	/* 공통 - 섹션 내 타이틀 */
	.main_container .title_wrap { margin-bottom: 5px; }
	.main_container .title_wrap > img { width: 25px; height: 25px; }
	.main_container .title_wrap > dl dt { font-size: 1.8rem; line-height: 1.8rem; }

	/* Favorite Service Section */
	.main_container .favorite_service_section .list_wrap ul li a { height: 100px; }
	.main_container .favorite_service_section .list_wrap ul li a span { width: 60px; height: 60px; }
	.main_container .favorite_service_section .list_wrap ul li a p { font-size: 1.4rem; line-height: 1.4rem; }
}