@charset "utf-8";

/* ================================
	layout
================================ */
.popup_main {width: auto; left: auto;}
.popup_main .popup_wrap {box-shadow: 2px 2px 4px #555;}
.popup_main .pop_header {border-bottom: 0;}
.popup_main .pop_header strong {font-size: 17px;}
.popup_main .pop_content img {display: block; max-width: 100%; height: auto;}
.popup_main .pop_footer .ft_inct {overflow: hidden; padding: 10px 15px;}
.popup_main .pop_footer .css_label {float: left; font-size: 14px; margin-top: 5px; color: #000;}
.popup_main .pop_footer .css_label+.btn {float: right;}
@media screen and (max-width: 1024px) {
	.popup_Area.popup_main {left: 0 !important; right: 0 !important;}
	.popup_main .pop_header strong {font-size: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; box-sizing: border-box;}
	.popup_main .popup_wrap {max-width: 100%;}
}

/* ================================
	공통
================================ */
.new {margin-left: 10px;}
.new:after {content: 'N'; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-top: -4px; margin-left: 6px; background-color: #f11336; color: #fff; font-weight: 500; font-size: 11px; line-height: 1.7; text-align: center; border-radius: 50%;}
.box_tit .hd_tit {display: inline-block; letter-spacing: -0.06em; color: #000; font-weight: 500;}
.box_tit h3.hd_tit {font-size: 24px; padding-bottom: 20px;}
.box_tit h4.hd_tit {font-size: 18px; padding-bottom: 20px;}
.box_tit .sub_txt {font-size: 14px; letter-spacing: -0.05em; padding-left: 25px; color: #b2b2b2;}
.btn_data_more {color: #9b9b9b !important; font-size: 14px; letter-spacing: -0.04em; position: absolute; right: 0; top: 15px;}
.btn_data_more:after {content: ''; display: inline-block; vertical-align: 1px; width: 6px; height: 9px; margin-left: 5px; background-image: url(../images/2024/main/ico_more.png); background-repeat: no-repeat;}
.content > div {padding-top: 50px;}
.thumb_img {position: relative; display: block; width: 100%;}
.thumb_img:before {content: ""; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; right: 0; top: 0; left: 0; box-sizing: border-box; background: url(../images/common/noImage.png) no-repeat center #fafafa; z-index: -1;}
.owl-nav.disabled {display: none !important;}

/* ================================
	serach_area
================================ */
.search_box {padding-right: 116px; box-sizing: border-box;}
.serach_area {height: 390px; background: url(../images/2021/section01_bg.jpg) no-repeat 50% #000; text-align: center; padding: 77px 0 52px; box-sizing: border-box;}
.serach_area h2.hd_tit {color: #fff; font-size: 36px; font-weight: 100; letter-spacing: -0.1em; padding-bottom: 35px;}
.serach_area h2.hd_tit strong {font-weight: 500;}
.serach_area .search_tit {display: inline-block; vertical-align: middle; font-size: 27px; font-weight: 500; letter-spacing: -0.08em; color: #fff; padding-right: 25px;}
.serach_area .search_window_box {position: relative; display: inline-block; vertical-align: middle;}
.search_window_box .search_input {width: 600px; height: 53px; padding: 8px 25px 9px; border-radius: 50px !important; border: none; font-size: 18px; letter-spacing: -0.06em; font-weight: 300; color: #202020;}
.search_window_box .search_input::-ms-input-placeholder, .search_window_box .search_input::placeholder {color: #202020;}
.search_window_box .search_input:focus-visible {outline-color: #fff;}
.search_window_box .btn_search {position: absolute; right: 25px; width: 53px; height: 53px; background: url(../images/common/m_icon_search.png) no-repeat center; background-size: contain; background-size: 27px;}
.search_tag_box {color: #fff;}
.icon_area {position: relative; padding: 23px 0; font-size: 0;}
.search_tag_box .icon_area li {display: inline-block; font-size: 15px;}
.search_tag_box .icon_area .btn {width: 77px; padding: 10px 5px; border-radius: 25px; border: 1px solid #fff; color: #fff; margin-right: 15px;}
.search_tag_box .icon_area li:last-child .btn {margin-right: 0;}
.search_tag_box .icon_area .btn.on, .search_tag_box .icon_area .btn:hover, .search_tag_box .icon_area .btn:focus {background-color: #0078d7; border-color: #0078d7;}
.search_tag_box .tag_area {display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: -15px;}
.search_tag_box .icon_area .btn.on + .tag_area {display: block;}
.search_tag_box .tag_area li {display: inline-block; vertical-align: middle; margin-right: 5px;}
.search_tag_box .tag_area li:last-child {margin-right: 0;}
.search_tag_box .tag_area li > a {position: relative; padding: 2px; box-sizing: border-box;}
.search_tag_box .tag_area li > a:before {content: '#';}
.search_tag_box .tag_area li > a:after {content: none; position: absolute; left:0; bottom: -2px; width: 100%; height: 1px; background: #fff;}
.search_tag_box .tag_area li > a.on, .search_tag_box .tag_area li > a:focus:after, .search_tag_box .tag_area li > a:hover:after {content: '';}
.search_tag_box .icon_area .btn:focus-visible, .search_tag_box .tag_area li > a:focus-visible {outline-color: #fff;}

/* ================================
	news_area
================================ */
.news_area {padding-bottom: 75px; overflow: hidden;}
.notice_area, .event_area, .menu_area {position: relative; float: left; margin-right: 40px;}
	/* notice_area */
	.notice_area {width: calc((100% / 2) - 20px);}
	.notice_area .box_cont {border: 1px solid #c4c4c4; border-radius: 25px; padding: 35px; box-sizing: border-box;}
	.notice_area li {margin-bottom: 13px; position: relative; padding-right: 110px;}
	.notice_area li:last-child {margin-bottom: 0;}
	.notice_area .tit {position: relative; display: inline-block; vertical-align: middle; max-width: calc(100% - 50px); padding-bottom: 3px; font-size: 16px; letter-spacing: -0.02em; line-height: 25px; color: #131313; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.notice_area .tit:before {content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #131313; border-radius: 50%; margin-right: 11px;}
	.notice_area .date {position: absolute; top: 0; right: 0; width: 100px; font-size: 14px; letter-spacing: 0; color: #888;}
	.notice_area .date:before {content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url(../images/2024/main/ico_clock.png) no-repeat center; margin-right: 12px;}

	/* event_area */
	.event_area {max-width: 360px;}
	.event_area .slide {width: 360px; height: 223px; overflow: hidden; border-radius: 25px;}
	.event_area .owl-item {display: inline-block;}
	.event_area .slide a {position: relative; display: block; width: 360px; height: 223px;}
	.event_area .slide a:focus-visible:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #000; border-radius: 25px; box-sizing: border-box;}

	.event_area .slide_btn {position: absolute; right: 0; top: 15px;}
	.event_area .slide_btn > [class^="btn"] {width: 21px; height: 21px;}
	.event_area .slide_btn .btn_prev {background-image: url(../images/2024/main/btn_prev.png);}
	.event_area .slide_btn .btn_play {background-image: url(../images/2024/main/btn_play.png);}
	.event_area .slide_btn .btn_pause {background-image: url(../images/2024/main/btn_pause.png);}
	.event_area .slide_btn .btn_next {background-image: url(../images/2024/main/btn_next.png);}

	.event_area .owl-dots {display: none;}

	/* menu_area */
	.menu_area {width: calc((100% / 2) - 20px); margin: 0;}
	.menu_area li {float: left;}
	.menu_area a {display: block; position: relative;}
	.menu_area .txt_area {display: inline-block; vertical-align: middle; width: calc(100% - 83px); padding: 0 40px 0 15px; box-sizing: border-box;}
	.menu_area li:last-child .txt_area {padding-right: 0;}
	.menu_area .txt_area .tit {display: block; font-size: 16px; letter-spacing: -0.06em; color: #3d3d3d; font-weight: 500; word-break: keep-all;}
	.menu_area .txt_area .txt {display: inline-block; padding-top: 5px; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; color: #717171; word-break: keep-all;}

/* ================================
	data_area
================================ */
.data_area .inner {position: relative;}
.data_area .box_cont {position: relative; background: #e0eff5; border-radius: 25px; padding: 32px 70px 60px; text-align: center;}
.data_category {font-size: 0; margin-bottom: 42px;}
.data_category li {display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 15px;}
.data_category li button {color: #333; background: #fff; padding: 10px 20px; border-radius: 25px; letter-spacing: -0.04em;}
.data_category li.on button {color: #fff; background: #0078d7;}
.data_category li:not(.on) button:hover, .data_category li:not(.on) button:focus {background: #ddd;}
.data_area .owl-item {display: inline-block;}
.data_area .data_cont .slide {text-align: left; overflow: hidden;}
.data_area .data_cont .owl-item a {display: block; background-repeat: no-repeat; background-position: center;}
.data_area .data_cont .thumb_img {height: 300px;}
.data_area .data_cont .data_tit {display: inline-block; vertical-align: -2px; margin-top: 20px; padding-bottom: 8px; font-size: 17px; letter-spacing: -0.02em; color: #333; max-width: 100%; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; white-space: nowrap;}
.data_area .data_cont .data_tit .tit {position: relative;}
.data_area .data_cont .data_tit .tit:before {content: none; position: absolute; left: 0; bottom: -8px; width: 100%; height: 1px; background: #525657;}
.data_area .data_cont .owl-item a:hover .data_tit .tit:before, .data_area .data_cont .owl-item a:focus .data_tit .tit:before {content: '';}
.data_area .slide_btn .btn {position: absolute; top: 50%; margin-top: -30px; width: 59px; height: 59px;}
.data_area .slide_btn .btn_prev {left: -30px; background: url(../images/2024/main/slide_btn_prev.png);}
.data_area .slide_btn .btn_next {right: -30px; background: url(../images/2024/main/slide_btn_next.png);}
.data_area .slide_btn .btn_prev:hover, .data_area .slide_btn .btn_prev:focus {background: url(../images/2024/main/slide_btn_prev_on.png);}
.data_area .slide_btn .btn_next:hover, .data_area .slide_btn .btn_next:focus {background: url(../images/2024/main/slide_btn_next_on.png);}

/* ================================
	video_area
================================ */
.video_area .inner {position: relative;}
.video_area .box_cont ul {font-size: 0;}
.video_area .box_cont li {display: inline-block; vertical-align: top; width: calc((100% / 4) - 32px); margin-right: 42px;}
.video_area .box_cont li:last-child {margin-right: 0;}
.video_area .box_cont li a {display: block;}
.video_area .thumb_area {position: relative; border-radius: 25px; overflow: hidden;}
.video_area .thumb_img {height: 180px;}
.video_area .thumb_area:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); z-index: 1;}
.video_area .thumb_area:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/sub/ic_play.png) no-repeat center; background-size: 64px;}
.video_area .thumb_img .thumb_tit {max-width: 150px; font-size: 22px; line-height: 25px; height: 50px; overflow: hidden; letter-spacing: -0.04em; font-weight: 500; color: #fff; text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.18); position: absolute; left: 25px; top: 20px; word-break: keep-all;}
.video_area .data_info {padding: 15px 0; color: #3076bc; letter-spacing: -0.02em; overflow: hidden;}
.video_area .data_info .category {float: left; font-size: 15px;}
.video_area .data_info .count {float: right; font-size: 12px; font-weight: 500;}
.video_area .data_info .count:before {content: ''; display: inline-block; vertical-align: middle; width: 13px; height: 9px; background: url(../images/main/ic_video.png) no-repeat center; background-size: 100%; margin-right: 4px;}
.video_area .data_tit {display: inline-block; vertical-align: middle; font-size: 17px; line-height: 22px; color: #333; word-break: keep-all; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;}
.video_area .data_tit:before {content: '# ';}
.video_area a:hover .data_tit .tit, .video_area a:focus .data_tit .tit {text-decoration: underline;}

/* ================================
	archive_area
================================ */
.archive_area {position: relative; /*background: #0078d7 url(../images/2024/main/archive_bg.png) no-repeat center bottom; padding-bottom: 80px;*/}
.archive_area:before {content: none; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 282px); background: #fff;}
.archive_area .inner {position: relative;}
.archive_area .archive_left {display: inline-block; vertical-align: top; position: relative; width: 600px; padding-right: 120px;}
.archive_area .archive_right {display: inline-block; vertical-align: top; position: relative; /*width: calc(100% - 720px);*/width: 100%; /*margin-left: -3px;*/}
.archive_new .thumb_img {float: left; width: 320px; height: 440px; border-radius: 25px; box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.4); overflow: hidden;}
.archive_new .thumb_img:before {z-index: 0;}
.archive_new .archive_data {float: left; padding-left: 40px; max-width: 240px;}
.archive_new .archive_data .category {display: inline-block; font-size: 15px; color: #0078d7; margin: 25px 0 15px;}
.archive_new .archive_data .dat_tit {display: block; height: 48px; font-size: 17px; color: #252525; line-height: 24px; word-break: keep-all; word-wrap: break-word; margin-bottom: 15px; overflow: hidden;}
.archive_new .archive_data .data {display: inline-block; font-size: 15px; color: #797a7b; margin-bottom: 15px;}
.archive_new .archive_data .data span:before {content: "|"; display: inline-block; margin: 0 5px;}
.archive_new .archive_data .data span:first-child:before {content: none;}
.archive_new .archive_data .txt {display: inline-block; font-size: 15px; line-height: 20px; color: #807f7f; margin-bottom: 15px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; overflow: hidden;}
.archive_new .btn_more {display: inline-block; margin-top: 40px; padding: 6px 35px; border: 1px solid #fff; font-size: 15px; color: #fff; border-radius: 25px; font-weight: 100;}
.archive_new .btn_more:hover, .archive_new .btn_more:focus {background: #fff; color: #0078d7;}
.archive_list {position: relative; background: #f1f1f1; border-radius: 25px; padding: 39px 60px; box-sizing: border-box;}
.archive_list .slide {overflow: hidden; font-size: 0;}
.archive_list .slide .owl-item {display: inline-block; vertical-align: top; font-size: 17px; color: #333; letter-spacing: -0.02em;}
.archive_list .slide a {display: block; text-align: center; background: #fff; padding: 36px 30px 33px; height: 315px; border: 1px solid #3697fe; box-sizing: border-box;}
.archive_list .data_tit {display: inline-block; font-size: 17px; letter-spacing: -0.075em; color: #252525; line-height: 24px; word-wrap: break-word; word-break: break-all; height: 50px; overflow: hidden;}
.archive_list .dsc_box {padding: 30px 0; font-size: 14px; text-align: left;}
.archive_list .dsc_box li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.archive_list .dsc_box .tit {color: #666; letter-spacing: -0.02em;}
.archive_list .dsc_box .txt {color: #2d2c2c; letter-spacing: -0.04em;}
.archive_list .btn_more {display: inline-block; border: 1px solid #2a91ff; border-radius: 25px; color: #2a91ff; font-size: 14px; letter-spacing: -0.08em; padding: 6px 18px; font-weight: 100;}
.archive_list a:hover .btn_more, .archive_list a:focus .btn_more {background: #2a91ff; color: #fff;}
.archive_list .slide_btn .btn {position: absolute; top: 50%; margin-top: -30px; width: 59px; height: 59px;}
.archive_list .slide_btn .btn_prev {left: -30px; background: url(../images/2024/main/slide_btn_prev.png);}
.archive_list .slide_btn .btn_next {right: -30px; background: url(../images/2024/main/slide_btn_next.png);}
.archive_list .slide_btn .btn_prev:hover, .archive_list .slide_btn .btn_prev:focus {background: url(../images/2024/main/slide_btn_prev_on.png);}
.archive_list .slide_btn .btn_next:hover, .archive_list .slide_btn .btn_next:focus {background: url(../images/2024/main/slide_btn_next_on.png);}
.archive_right .btn_data_more {right: 60px; top: 45px;}

/* ================================
	contents_box
================================ */
.contents_area {overflow: hidden;}
.contents_box {float: left; position: relative; width: calc((100% / 2) - 20px); height: 410px; margin-right: 40px; border: 1px solid #c4c4c4; border-radius: 25px; padding: 24px 35px 0; box-sizing: border-box;}
.contents_box.small {width: calc((100% / 4) - 30px);}
.contents_box.gallery_type {padding: 24px 50px;}
.contents_box .btn_data_more {top: 30px; right: 35px;}
.contents_box.gallery_type .btn_data_more {right: 50px;}
.contents_box.board_type:not(.small), .contents_box.small:not(.board_type) {margin-right: 0;}

	.board_type {overflow: hidden;}
	.board_type:not(.small) .list {float: left; width: calc((100% / 2) - 19px); margin-right: 37px;}
	.board_type .list li {padding-bottom: 25px; margin-bottom: 17px; border-bottom: 1px solid #dfdede; overflow: hidden;}
	.board_type .list:last-child {margin-right: 0;}
	.board_type .list li:last-child {border-bottom: none; margin-bottom: 0;}
	.board_type .category {float: left; font-size: 14px; background: #0078d7; color: #fff; padding: 2px 7px; margin-right: 12px;}
	.board_type:not(.small) .data {float: left; width: calc(100% - 52px);}
	.board_type .data_tit {font-size: 17px; line-height: 22px; color: #131313; word-break: keep-all; word-wrap: break-word; overflow: hidden; height: 44px;}
	.board_type .data_tit a:hover, .board_type .data_tit a:focus {text-decoration: underline;}
	.board_type .data_tit a:focus-visible {border: 2px dotted #000;}
	.board_type .date {display: inline-block; vertical-align: middle; font-size: 13px; color: #888; margin-top: 6px;}
	.board_type .date:before {content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 5px; background: url(../images/common/ic_clock.png) no-repeat center;}
	.category_list {display: none;}

	.gallery_type .thumb_list {font-size: 0;}
	.gallery_type .thumb_list li {display: inline-block; vertical-align: top; margin-right: 15px; width: calc((100% / 3) - 10px);}
	.gallery_type .thumb_img {height: 250px;}
	.gallery_type .data_tit {display: inline-block; vertical-align: middle; font-size: 17px; color: #333; letter-spacing: -0.02em; word-break: keep-all; word-wrap: break-word; padding-left: 10px; margin-top: 15px; height: 50px; overflow: hidden;}
	.gallery_type a:hover .data_tit .tit, .gallery_type a:focus .data_tit .tit {text-decoration: underline;}

	.family_list li {border-bottom: 1px solid #dfdede; height: 60px; box-sizing: border-box;}
	.family_list li:last-child {border: none;}
	.family_list li .site_img {display: block; height: 100%; background-repeat: no-repeat; background-position: left center;}
	.family_list .site_01 {background-image: url(../images/2024/main/family_logo01.png);}
	.family_list .site_02 {background-image: url(../images/2024/main/family_logo02.png);}
	.family_list .site_03 {background-image: url(../images/2024/main/family_logo03.png);}
	.family_list .site_04 {background-image: url(../images/2024/main/family_logo04.png);}
	.family_list .site_05 {background-image: url(../images/2024/main/family_logo05.png);}

/* ================================
	PC
=============================== */
@media screen and (min-width: 1025px) {
	.notice_area .tit:after {content: none; position: absolute; left: 15px; bottom: 0; width: calc(100% - 15px); height: 1px; background: #131313;}
	.notice_area .tit:hover:after, .notice_area .tit:focus:after {content: '';}

	.menu_area .box_cont {padding-top: 40px;}
	.menu_area li.ico_bank {width: 43%;}
	.menu_area li.ico_qna {width: 31%;}
	.menu_area li.ico_right {width: 26%;}
	.menu_area a {height: 83px;}
	.menu_area a:before {content: ''; width: 83px; height: 83px; float: left; background: #e9e9e9; border-radius: 50%;}
	.menu_area a:after {content: ''; position: absolute; left: 0; top: 0; width: 83px; height: 83px; background-position: center; background-repeat: no-repeat; transition: transform .5s;}
	.menu_area .ico_qna a:after {background-image: url(../images/2024/main/ico_qna.png);}
		.menu_area .ico_right a:after {background-image: url(../images/2024/main/ico_right.png);}
		.menu_area .ico_bank a:after {background-image: url(../images/2024/main/ico_bank.png);}
		.menu_area .ico_qna a:hover:after, .menu_area .ico_qna a:focus:after {background-image: url(../images/2024/main/ico_qna_w.png);}
		.menu_area .ico_right a:hover:after, .menu_area .ico_right a:focus:after {background-image: url(../images/2024/main/ico_right_w.png);}
		.menu_area .ico_bank a:hover:after, .menu_area .ico_bank a:focus:after {background-image: url(../images/2024/main/ico_bank_w.png);}

	.menu_area a:hover:before, .menu_area a:focus:before {background: #0078d7;}
	.menu_area a:hover .tit, .menu_area a:focus .tit, .menu_area a:hover .txt, .menu_area a:focus .txt {color: #2a91ff;}
	.menu_area a:hover:after, .menu_area a:focus:after {transform: rotateY(360deg);}

	/* 스크립트 미적용 상태에서 화면깨짐 방지 */
	.data_area .data_cont {height: 355px; overflow: hidden;}
	.data_area .data_cont .slide:not(.owl-loaded) a {display: inline-block; width: calc((100% / 5) - 34px); margin-right: 39px;}
	.data_area .data_cont .slide:not(.owl-loaded) a:nth-child(5n) {margin-right: 0;}

	.archive_list .slide:not(.owl-loaded) {height: 304px;}
	.archive_list .slide > div {display: inline-block; width: calc((100% / 5) - 24px); margin-right: 30px;}
	.archive_list .slide > div:nth-child(5n) {margin-right: 0;}

	.gallery_type .thumb_list {max-height: 315px; overflow: hidden;}
	.gallery_type .thumb_list li:nth-child(3n) {margin-right: 0;}

	.mb_b {display: none;}
}

/* ================================
	TABLET
=============================== */
@media screen and (max-width: 1024px) {
	#wrap {margin-top: 55px;}
	.content > div, .contents_box {position: relative; padding: 0 0 15px;}
	.content > div:after, .contents_box:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #f1f1f1;}
	.content > .contents_area:after, .board_type.small:after {content: none;}
	.box_tit {padding: 0 15px;}
	.box_tit .sub_txt {display: none;}
	.box_tit h3.hd_tit {font-size: 17px; padding: 15px 0 10px;}
	.box_tit h4.hd_tit {font-size: 17px; padding: 15px 0 10px;}
	.btn_data_more {top: 20px; right: 15px; font-size: 13px;}
	.contents_box .btn_data_more, .contents_box.gallery_type .btn_data_more {top: 20px; right: 15px;}
	.archive_left .btn_data_more {top: -30px;}
	.serach_area .search_tit, .search_tag_box, .event_area, .data_category, .data_area .slide_btn, .archive_list .slide_btn .btn {display: none;}
	.new:after {width: 15px; height: 15px; font-size: 9px; line-height: 15px;}
	.mb_b {display: block;}

	.serach_area {padding: 40px 15px 0; height: 160px; background-size: cover;}
	.serach_area h2.hd_tit {font-size: 16px; padding-bottom: 10px;}
	.search_box {padding-right: 0;}
	.serach_area .search_window_box {width: 100%; max-width: 360px;}
	.search_window_box .search_input {width: 100%; height: 40px; font-size: 15px;}
	.search_window_box .btn_search {background: #0078d7; width: auto; border-radius: 50px; right: -1px; height: 40px;}
	.search_window_box .btn_search .hidden {text-indent: 0; position: relative; width: auto; height: auto; line-height: normal; padding: 0 18px; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: -0.06em;}

	.content > .news_area {padding: 0;}
	.content > .news_area::after {content: none;}
	.notice_area, .menu_area {width: 100%; max-width: 100%; margin: 0;}
	.notice_area .box_cont {border: none; border-radius: 0; padding: 0 15px 5px;}
	.notice_area li {display: none; padding-right: 0; margin: 0; border-bottom: 1px solid #e1e1e1;}
	.notice_area li:first-child {border-top: 1px solid #c2c2c2;}
	.notice_area li:nth-child(2) {border-bottom: none;}
	.notice_area .tit {padding: 10px 0; font-size: 15px;}
	.notice_area .date {display: none;}
	.notice_area li:first-child, .notice_area li:nth-child(2) {display: block;}
	.menu_area {border: none; padding: 0; font-size: 15px; color: #fff; font-weight: 500; overflow: hidden; border-radius: 0;}
	.menu_area li {width: calc(100% / 3); text-align: center; height: 60px; line-height: 35px; background: #0078d7;}
	.menu_area li a {margin: 0; height: 100%; padding: 10px; box-sizing: border-box;}
	.menu_area li a:before {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #fff; opacity: 0.2;}
	.menu_area li:last-child a:before {content: none;}
	.menu_area .txt_area {width: 100%; padding: 0;}
	.menu_area .txt_area .tit {color: #fff; line-height: 20px;}
	.menu_area .txt_area .txt {display: none;}

	.data_area .box_cont {background: none; padding: 0;}
	.data_area .data_cont .slide {display: block; padding: 0 15px; text-align: left; box-sizing: border-box; white-space: nowrap;  overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.data_area .data_cont .slide::-webkit-scrollbar {display: none;}
	.data_area .data_cont .slide a {display: inline-block; width: 150px; margin-right: 12px;}
	.data_area .data_cont .thumb_img {height: 210px;}
	.data_area .data_cont .data_tit {font-size: 15px; margin-top: 12px;}

	.video_area .box_cont {padding: 0 15px;}
	.video_area .box_cont li {width: calc((100% / 2) - 8px); padding-bottom: 30px; margin-right: 15px; display: none;}
	.video_area .box_cont li:nth-child(2n) {margin-right: 0;}
	.video_area .box_cont li:first-child, .video_area .box_cont li:nth-child(2) {display: inline-block;}
	.video_area .box_cont li a {position: relative;}
	.video_area .thumb_area {border-radius: 0;}
	.video_area .thumb_area:after {background-size: 45px;}
	.video_area .thumb_img {height: auto; max-height: 180px; min-height: 86px;}
	.video_area .data_info .category {display: none;}
	.video_area .data_info {position: absolute; bottom: -38px;}
	.video_area .data_tit {font-size: 15px; margin-top: 12px;}

	.content > .archive_area {background: none; padding: 0;}
	.archive_area .archive_left {width: 100%; padding: 0 15px 60px; box-sizing: border-box;}
	.archive_new .thumb_img {width: calc(100% - 40% - 20px); max-width: 300px; max-height: 420px; height: auto; box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.2);}
	.archive_new .archive_data {padding-left: 20px; width: 40%;}
	.archive_new .archive_data .category {font-size: 13px; margin: 10px 0;}
	.archive_new .archive_data .dat_tit {font-size: 15px;}
	.archive_new .archive_data .data {font-size: 13px;}
	.archive_new .archive_data .txt {height: auto; max-height: 60px; margin-bottom: 0; font-size: 13px;}
	.archive_new .btn_more {color: #0078d7; border-color: #0078d7; padding: 5px 20px; font-size: 14px; letter-spacing: -0.08em; margin-top: 20px;}
	.archive_right .slide div {width: calc((100% / 2) - 8px); margin-right: 15px; display: none;}
	.archive_right .slide div:nth-child(2n) {margin-right: 0;}
	.archive_right .slide div:first-child, .archive_right .slide div:nth-child(2) {display: inline-block;}
	.archive_right .btn_data_more {top: 15px; right: 25px;}

	.archive_list {padding: 30px 15px 50px; border-radius: 0;}
	.archive_list .slide a {padding: 30px 20px; height: auto;}
	.archive_list .dsc_box {padding: 20px 0;}
	.archive_list .btn_more {padding: 5px 20px;}

	.content > .contents_area {padding: 0;}
	.contents_box {float: none; border: none; margin: 0; width: 100%; height: auto; border-radius: 0;}
	.contents_box.gallery_type {padding: 0 0 30px;}
	.contents_box.small {width: 100%;}
	.gallery_type .thumb_list {display: block; padding: 0 15px; text-align: left; box-sizing: border-box; white-space: nowrap;  overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.gallery_type .thumb_list::-webkit-scrollbar {display: none;}
	.gallery_type .thumb_list li {width: 150px;}
	.gallery_type .thumb_list li a {display: block;}
	.gallery_type .thumb_img {height: 210px;}
	.gallery_type .data_tit {display: block; font-size: 15px; margin-top: 12px; height: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.category_list {display: block; padding: 0 15px; margin: 10px 0 20px; overflow: hidden;}
	.category_list li {float: left; width: 50%;}
	.category_list button {width: 100%; padding: 12px 0; font-size: 15px; font-weight: 500; letter-spacing: -0.06em; background: #f8f8f8; border: 1px solid #d7d7d7; color: #666;}
	.category_list .on button {color: #121212; background: #fff; border-color: #121212;}
	.board_type .list {padding: 0 15px;}
	.board_type:not(.small) .list {display: none; float: none; width: 100%; margin: 0; box-sizing: border-box;}
	.board_type:not(.small) .list.on {display: block;}
	.board_type:not(.small) .data {width: 100%;}
	.board_type .list li {padding: 0; margin-bottom: 8px;}
	.board_type .category, .board_type .date {display: none;}
	.board_type .data_tit {height: 30px; font-size: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

}

/* ================================
	MOBILE
=============================== */
@media screen and (max-width: 768px) {
	.pop_content {height: auto !important;}
}