@charset "utf-8";

.nav_mbbox {display:none;}
.mbmn_open {display:none;}
.nav_mbbox_bg {display:none;}

.a11y {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.noScroll {overflow:hidden;}


/* ---------- footer ---------- */
.footer .footer_banner_wrap {height:auto;}
.footer_banner_wrap .footer_banner {height:auto;}
.footer_banner {display:flex;flex-wrap:wrap;gap:20px 30px;padding:12px 0;}
.footer_banner_itemWrap {width:100%;display:flex;flex-wrap:wrap;gap:20px 30px;}
.footer_banner_item {display:flex;align-items:flex-start;}
.footer_banner_title1 {flex:none;position:relative;padding-right:15px;margin-top:10px;}
.footer_banner_title1:before {content:"";position:absolute;top:50%;right:0;margin-top:-7px;display:block;width:2px;height:14px;background:#666;}


/* 이미지 확대보기 */
.img-preview {position:relative;clear:both;}
.img-preview .preview-btn {display:none;}
.img-preview img {max-width:100%;}


/*테이블 스크롤 박스*/
.tblScrbox {padding-top:20px;clear:both;}
.tblScrbox.isScr:before {content:"양옆으로 스크롤하세요";display:block;width:100%;padding:20px;background:#f5f5f5;text-align:center;font-family: 'NanumGothic';font-size: 13px;box-sizing:border-box;}
.tblScrbox .scr {max-width:100%;overflow-x:auto;}
.tblScrbox .scr::-webkit-scrollbar {height:5px;}
.tblScrbox .scr::-webkit-scrollbar-thumb {background:#888}
.tblScrbox .scr::-webkit-scrollbar-track {background:#eee;}
.tblScrbox table {float:none;}


/* 이미지 두개 박스 */
.twoImgbox {display:flex;gap:2px;width:100%;}
.twoImgbox img {flex:1;min-width:0;max-width:100%;}


.sub_section_img img {max-width:100%;}


/* 바다야놀자 */
.program08_btn {float:none;display:flex;gap:10px 20px;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.program08_btn a {margin:0;}
.program08_btn img {margin:0;}


/* 게시판 */
.sub_section .bbs_view {table-layout:fixed;}
.sub_section .bbs_view img {max-width:100%;}
.sub_section .bbs_view iframe {max-width:100%;}


/* 갤러리 게시판 */
.gallary {float:none !important;}
.gallary td {padding:10px !important;height:auto !important;float:none !important;vertical-align:top;}
.gallary .imgBox {max-width:200px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:10px;}
.gallary .imgBox:before {content:"";display:block;height:0;padding-bottom:75%;}
.gallary .imgBox img {position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;object-position:top center;}
.gallary + .bbs_page {margin-top:40px;}
.youtubeBox {position:relative;}
.youtubeBox:before {content:"";display:block;height:0;padding-bottom:56.25%;}
.youtubeBox iframe {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}


/* 뉴스레터 신청 팝업 */
#smartPop_container {max-width:100%;min-width:0;}
#smartPop_container iframe {width:100%;}


@media screen and (max-width:1080px){
	
	#quick {display:none;}
	.sub_contents {float:none;margin-left:auto;margin-right:auto;}
	.sub_contents .sub_title {margin-top:20px;}
}

@media screen and (max-width:1000px){
	
	/* ---------- header ---------- */
	.navi {position:fixed;top:30px;z-index:10;transition:all .3s;}
	.navi,
	.navi * {box-sizing:border-box;}
	.navBox {max-width:100%;}
	.naviIn {display:flex;align-items:center;padding:0 20px;box-sizing:border-box;}
	.navi_logo {padding-top:0;float:none;margin-left:0;transition:all .3s;}
	.navi.scrollAct {top:0;height:60px;}
	.navi.scrollAct .navi_logo {height:30px;width:Auto;}

	.nav {display:none;}
	.nav_mbbox {display:block;position:fixed;top:0;right:0;transform:translate(260px);transition:transform .8s;left:auto;bottom:0;width:260px;margin-left:0;background:#fff;z-index:9999;}
	.nav_mbbox.open {transform:none;}
	.nav_mbbox_inwrap {height:100%;padding:30px 20px 40px 40px;display:flex;flex-direction:column;box-sizing:border-box;position:relative;}
	.nav_mbbox .nav {flex:1;display:block;position:static;margin-left:0;overflow-Y:auto;padding-right:20px;padding-bottom:20px;}
	.nav_mbbox .nav::-webkit-scrollbar {width:5px;}
	.nav_mbbox .nav::-webkit-scrollbar-thumb {background:#aaa;}
	.nav_mbbox .nav::-webkit-scrollbar-track {background:#eee;}
	.nav_mbbox .nav ul.depth1 li.gnb1 {display:block;float:none;}
	.nav_mbbox .nav ul.depth1 li.gnb1 + li.gnb1 {margin-top:20px;}
	.nav ul.depth1 li.gnb1 {width:100%;text-align:left;}
	.nav ul.depth1 li.gnb1:last-child .depth2 {border-bottom:none;}
	.nav_mbbox .nav_1da {padding:0;text-align:left;line-height:160%;height:auto;}
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep .nav_1da {position:relative;padding-right:30px;}
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep .nav_1da:before,
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep .nav_1da:after {content:"";position:absolute;top:50%;margin-top:-1px;display:block;width:8px;height:2px;background:#222;}
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep .nav_1da:before {transform:rotate(-45deg);right:0px;}
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep .nav_1da:after {transform:rotate(45deg);right:6px;}
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep.open .nav_1da:before {transform:rotate(45deg);}
	.nav_mbbox .nav ul.depth1 li.gnb1.hasDep.open .nav_1da:after {transform:rotate(-45deg);}
	.nav_mbbox .close {display:none;position:absolute;top:20px;left:-35px;background:none;border:none;cursor:pointer;}
	.nav_mbbox .close .icon {display:block;width:20px;height:20px;position:relative;}
	.nav_mbbox .close .icon:before,
	.nav_mbbox .close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:-1px 0 0 -10px;display:block;width:20px;height:2px;background:#fff;}
	.nav_mbbox .close .icon:before {transform:rotate(-45deg);}
	.nav_mbbox .close .icon:after {transform:rotate(45deg);}
	.nav_mbbox.open .close {display:block;}

	.nav ul.depth1 ul.depth2 {width:100%;position:static;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:15px;transition:none;}
	.nav ul.depth1 ul.depth2 li {margin:12px 0;}
	.nav ul.depth1 ul.depth2 li:last-child {margin-bottom:20px;}
	.nav_mbbox .nav_2da {color:#222;padding-bottom:0;}

	.nav_mbbox .language {flex:none;border-top:1px solid #ddd;padding-top:20px;}
	.nav_mbbox .language ul {border-left:none;border-right:none;float:none;}
	.nav_mbbox .language ul li {border-left:none;border-right:none;float:none;height:auto;}
	.nav_mbbox .language ul li + li {margin-top:15px;}
	.nav_mbbox .language ul li a {color:#222;padding:0;height:auto;float:none;line-height:160%;display:inline-flex;align-items:center;gap:5px;}
	.nav_mbbox .language ul li:nth-child(1),
	.nav_mbbox .language ul li:nth-child(2) {display:none;}
	.nav_mbbox .language ul li a img {padding:0;}

	.nav_mbbox_bg {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:9998;}

	.language_wrap {position:fixed;z-index:10;}
	.language_wrap .language {width:100%;}
	.language_wrap .language ul li:nth-child(n+3) {display:none;}
	.language_wrap .language ul {display:flex;float:none;}
	.language_wrap .language ul li {flex:1;text-align:center;}
	.language_wrap .language ul li a {float:none;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
	.language_wrap .language ul li a img {float:none;padding-top:0;}
	

	.mbmn_open {display:block;background:none;border:none;margin-left:auto;cursor:pointer;}
	.mbmn_open i {display:block;width:20px;height:2px;background:#222;}
	.mbmn_open i + i {margin-top:5px;}

	.main_contents {max-width:100%;}

	
	/* ---------- footer ---------- */
	.footer * {box-sizing:border-box;}
	.footer .footer_banner_wrap {float:none;padding:0 20px;height:auto;}
	.footer_banner_wrap .footer_banner {max-width:100%;height:auto;padding:20px 0;}
	.footer_banner ul {float:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px 0;}
	.footer_banner ul li {float:none;}
	.footer .footer_info_wrap {padding:0 20px;height:auto;float:none;}
	.footer_info_wrap .footer_info {width:100%;height:auto;padding:20px 0;display:flex;flex-wrap:wrap;gap:20px;}
	.footer_info_wrap .footer_info img {display:block;margin:0;}
	.footer_info_wrap .footer_info p {margin-top:0;margin-right:auto;}
	.footer_banner .footer_banner01,
	.footer_banner .footer_banner02 {margin-top:0;}
	.footer_banner ul .footer_banner_title {clear:left;margin-left:0;}
	
	.footer_banner_item {width:100%;}
	.footer_banner_title1 {width:70px;}


	/* ---------- main ---------- */
	.main_contents {padding:0 20px;box-sizing:border-box;}
	.main_contents * {box-sizing:border-box;}
	
	.visual {float:none;margin-top:100px;}
	.visual_p {max-width:calc(100% - 40px);margin-left:0;transform:translateX(-50.1%);z-index:1;}
	.visual_p p {max-width:100%;float: none;box-sizing: border-box;}
	.visual .bx-wrapper .bx-pager {max-width:100%;}
	.visual_img {height:300px;position:relative;overflow:hidden;}
	.visual_img img {width:auto;height:300px;max-width:none;position:absolute;top:0;left:50%;transform:translate(-50.1%);}

	.main_contents .main_section01 {float:none;}
	.main_contents .main_section01 > ul {display:flex;flex-wrap:wrap;gap:2px;}
	.main_contents .main_section01 > ul > li {width:calc(33.33% - 2px);height:auto;margin:0;float:none;text-align:center;line-height:160%;word-wrap:break-word;}
	.main_section01 ul li a {min-width:0;width:100%;height:auto;min-height:100%;padding:13px 10px;display:flex;align-items:center;justify-content:center;line-height:160%;}
	.main_section01 ul .main_section01_line2 a {height:auto;}
	.main_section01 ul #newsletter_btn {height:auto;}
	#newsletter_btn {display:flex;align-items:center;justify-content:center;padding:13px 10px;}
	
	.main_contents .main_section02 {float:none;display:flex;}
	.main_section02 .movie {float:none;max-width:100%;height:auto;position:relative;margin-bottom:20px;}
	.main_section02 .movie:after {content:"";display:block;height:0;padding-bottom:56.25%;}
	.main_section02 .movie iframe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;height:100%;}
	.kimaweek .main_btn {float:none;width:100%;}
	.kimaweek .kima_date .kima_date_p01,
	.kimaweek .kima_date .kima_date_p03,
	.kimaweek .kima_date .kima_date_p04 {word-wrap:break-word;word-break:keep-all;}
	.kimaweek .main_btn {display:flex;gap:4px 2px;flex-wrap:wrap;}
	.main_btn li {float:none;width:calc(50% - 1px);margin:0;}

	.main_contents .main_section03 {float:none;display:flex;}
	.main_section03 .top_more {width:calc(100% - 110px);}
	.main_section03 .notice {width:50%;}
	.main_section03 .gallery {width:50%;}

	
	/* ---------- sub ---------- */
	.sub_visual {float:none;margin-top:100px;}
	.sub_contents .sub_title {float:none;margin-top:0;font-size:26px;display:flex;align-items:center;}
	.sub_contents .sub_title img {max-width:60px;float:none;}

	.sub_contents_wrap {max-width:100%;}
	.sub_contents_wrap * {box-sizing:border-box;}
	.sub_contents {max-width:100%;padding:0 20px;margin-left:auto;margin-right:auto;margin-top:15px;}

	.sub_section .sub_section_title {font-size:23px;}

	.sub_section {margin-bottom:0;}

	.sub_ul01 {display:flex;flex-wrap:wrap;}
	.sub_ul01 li {float:none;height:auto;}
	.sub_li01 {display:flex;align-items:center;justify-content:center;padding:12px;line-height:160%;}
	.sub_li02 {width:calc(100% - 130px);padding:12px;}


	/* 이미지 확대보기 */
	.img-preview .preview-btn {display: block; margin-left:Auto;margin-bottom:2px;float:none;height: 36px; line-height: 36px;  width: 90px; background: rgba(0,0,0,0.7); color: #fff; text-align: center;z-index: 2; font-size:13px; letter-spacing:-0.04em;}
	

	/* 인사말 */
	.sub_section_txt_kima02 img {float:none;max-width:100%;height:auto;}
	.sub_section_txt_kima02 p {float:none;width:100%;}


	/* 연혁 */
	.kima03_history_wrap p {float:none;margin-bottom:10px;}
	.kima03_history {float:none;display:flex;align-items:flex-start;gap:20px;padding-left:20px;flex-wrap:wrap;}
	.kima03_history > div {position:absolute;top:0;left:0;}
	.kima03_history > img {float:none;width:38%;margin-left:0;}
	.kima03_history > ul {width:auto;flex:1;position:static;float:none;}
}

@media screen and (max-width:800px){
	
	.main_contents .main_section02 {flex-wrap:wrap;}
	.main_section02 .movie,
	.main_section02 .kimaweek {width:100%;padding:0;}
	.kimaweek .kima_date .kima_date_p04 {margin-bottom:10px;}

	.main_contents .main_section03 {flex-wrap:wrap;gap:40px;}
	.main_section03 .notice,
	.main_section03 .gallery {width:100%;padding:0;}

	
	/* ---------- sub ---------- */
	/* 조직도 */
	.sub_tb.org {width:100%;}
	.sub_tb.org .tb_wrap {margin-top:0;}
	.sub_tb.org table {margin-top:0;width:100% !important;}
	.orgFirst {margin-top:40px;}
}

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

	.main_contents .main_section01 > ul > li  {width:calc(50% - 1px);}


	/* ---------- sub ---------- */
	.sub_contents .sub_title_guide {float:none;margin-top:20px;}
	.sub_contents .sub_title_guide p {float:none;}


	/* 테이블 블록 처리 */
	.sub_ul01.mbBlock > li {width:100% !important;word-wrap:break-word;word-break:keep-all;}
	.sub_ul01.mbBlock .sub_li01 {justify-content:flex-start;}
	.mb600Break {display:none;}


	/* 이미지 두개 박스 */
	.twoImgbox {flex-wrap:wrap;}
	.twoImgbox img {flex:auto;width:100%;}


	/* 게시판 */
	.mbRspn {float:none !important;}
	.mbRspn colgroup,
	.mbRspn thead {display:none;}
	.mbRspn tr {display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #d5d5d5;padding:15px 5px;}
	.mbRspn .boardTd_num, 
	.mbRspn .boardTd_tit,
	.mbRspn .boardTd_date {display:block;width:100%;height:auto !important;border-bottom:none !Important;text-align:left !important;padding:0 !important;}
	.mbRspn .boardTd_tit {font-size:16px;font-weight:bold !important;margin-top:5px;line-height:160%;}
	.mbRspn .boardTd_date {color:#888 !important;}

	.mbRspn + .bbs_page {margin-top:40px !important;height:auto;}

	.form_search {display:flex;padding:0;margin-top:40px;}
	.form_search input[type="text"] {flex:1;min-width:0;}
	.form_search select,
	.form_search input[type="button"] {flex:none;}

	.boardview_title {display:block;}
	.boardview_title th {width:100%;display:block;}

	.bbs_view tr,
	.bbs_view th,
	.bbs_view td {display:block;width:100%;height:auto !important;}
	.bbs_view th,
	.bbs_view td {padding:15px 10px !important;line-height:160%;}
	.sub_section .bbs_view tr .date {text-align:left;}
}

@media screen and (max-width:500px){
	
	/* 뉴스레터 신청 팝업 */
	#smartPop_container {height:400px !important;}
	#smartPop_frame {height:350px !important;}
	#smartPop_bottom_content {height:355px !important;}
	#smartPop_bottom {height:380px !important;}
}

@media screen and (max-width:450px){
	
	/* ---------- main ---------- */
	.gallery .top_more + div > div {width:50% !important;}


	/* ---------- sub ---------- */
	.sub_li01 {width:80px;}
	.sub_li02 {width:calc(100% - 80px);}

	
	/* 연혁 */
	.kima03_history > ul {width:100%;flex:auto;}
	.kima03_history > ul li:first-child {margin-bottom:10px;}


	/* 갤러리 게시판 */
	.gallary tr,
	.gallary td {display:block;width:100% !important;}
}