

<style>{}

div.main_slide{max-width:1770px; width: 100%; height: 560px; margin: 0 auto; position: relative; border-radius: 16px}
li.slide_li{ width: 100%; height:560px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat; background-size:cover ;border-radius: 16px; position: relative;}

/* 슬라이드 위 고정 컨텐츠 */
div.main_slide > .slide_content {
	position: absolute;
	top: 50%;
	left: 14%;
	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
}
div.main_slide > .slide_content .search_area {
	pointer-events: auto;
}
div.main_slide > .slide_content .slide_title {
	font-size: 48px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
	font-family: "GmarketSans", "Noto Sans KR";
	line-height: 1.3;
	transition: color 0.5s ease, text-shadow 0.5s ease;
}
div.main_slide > .slide_content .slide_desc {
	font-size: 20px;
	margin: 0 0 30px 0;
	padding: 0;
	font-family: "Noto Sans KR";
	line-height: 1.6;
	transition: color 0.5s ease, text-shadow 0.5s ease;
}

/* 텍스트 색상 - 밝은 배경용 (검은 글씨) */
div.main_slide > .slide_content.dark .slide_title {
	color: #222;
	text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
}
div.main_slide > .slide_content.dark .slide_desc {
	color: #333;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.3);
}

/* 텍스트 색상 - 어두운 배경용 (흰 글씨) */
div.main_slide > .slide_content.light .slide_title {
	color: #fff;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}
div.main_slide > .slide_content.light .slide_desc {
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

/* 검색바 */
div.main_slide > .slide_content .search_area {
	width: 500px;
	height: 56px;
	border: 1px solid #209f84;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
}
div.main_slide > .slide_content .search_area span.search {
	width: 54px;
	height: 54px;
	border-radius: 0 8px 8px 0;
	position: absolute;
	right: 0;
	top: 0;
	background: #209f84 url("/skin/default/img/search.png") center no-repeat;
	background-size: 50%;
	cursor: pointer;
}
div.main_slide > .slide_content .search_area input.s_kwd {
	width: calc(100% - 60px);
	padding: 10px;
	font-size: 18px;
	color: #777;
	border: 0;
	margin: 5px;
	background: transparent;
}
div.main_slide > .slide_content .search_area input.s_kwd:focus {
	outline: none;
}

/* main */

div.main_box{
	width: 100%;
	max-width: 1440px;
	margin: 40px auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
div.main_box .box_item{
	flex: 1 1 0;
	min-width: 0;
	padding: 25px 10px 20px 10px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 6px 12px #ddd;
	color: #444;
	text-align: center;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
div.main_box .box_item:hover{box-shadow: 0 8px 16px rgba(0,0,0,0.22); background-color: #f9f9f9; color:#050505}
div.main_box .box_item:hover .box_icon{transform: scale(1.1);}
div.main_box .box_icon{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 15px auto;
	object-fit: contain;
	transition: transform 0.3s ease;
}
div.main_box p.txt{font-size: 18px; font-weight: normal; margin: 0 0 10px 0; padding: 0; text-align: center}
div.main_box span.plus{display: block; width:26px; height: 26px; background: url("/skin/default/img/mi_plus.png"); background-size: contain; margin: 0 auto}



div.main_box2 {
	width: 100%;
	max-width: 1440px;
	margin: 60px auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
div.main_box2 div.pop_slide{
	flex: 1 1 400px;
	min-width: 300px;
	height: 354px;
	position: relative;
	border-radius: 16px;
}
div.main_box2 li.pop_li{ width: 100%; height:354px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat; background-size:cover ;border-radius: 16px}
div.main_box2 div.gong{
	flex: 1 1 400px;
	min-width: 300px;
	position: relative;
}
div.main_box2 div.gong p.tit{font-size:28px; color:#363a3c; font-weight: bold; margin: 10px 0 20px 0; padding: 0}
div.main_box2 div.gong p.tit span.big_plus{float:right; margin: -7px 0 0 0; display: block; width:46px; height: 46px; background: url("/skin/default/img/mi_plus_big.png"); background-size: contain; cursor: pointer }
div.main_box2 div.gong div.gong_top{
	width: 100%;
	min-height: 150px;
	border: 1px solid #ced3d6;
	border-radius: 16px;
	margin: 0;
	padding: 25px 20px;
	display: flex;
	gap: 15px;
}
div.main_box2 div.gong div.gong_top div.date_area{flex-shrink: 0; width:70px; text-align: center; color:#363a3c;}
div.main_box2 div.gong div.gong_top div.date_area p.yearmonth{font-size:16px; padding: 15px 0 8px 0; margin: 0;}
div.main_box2 div.gong div.gong_top div.date_area p.date{font-weight: bold; font-size: 22px; margin: 0; padding: 0}

div.main_box2 div.gong div.gong_top div.txt_area{font-family: "Noto Sans KR"; flex: 1; color:#555; font-size: 15px;}
div.main_box2 div.gong div.gong_top div.txt_area a.notice_top{font-family: "GmarketSans"; color:#363a3c; font-size:18px; display: block; margin: 0 0 15px 0}

div.main_box2 div.gong a.notice_main{display: flex; align-items: center; color:#494949; font-family: "Noto Sans KR"; font-size:15px; margin:10px 10px 10px 0;}
div.main_box2 div.gong a.notice_main span.subject{flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div.main_box2 div.gong a.notice_main span.day{font-size:14px; color:#999; flex-shrink: 0; margin-left: 10px;}

div.main_box3 {
	width: 100%;
	max-width: 1440px;
	margin: 60px auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: flex-start;
}
div.main_box3 div.tit_area{
	flex-shrink: 0;
	width: 200px;
}
div.main_box3 div.ebook_area{
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

div.main_box3 div.ebook_area li.ebook_img{width:170px; height:154px; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer}

div.main_box3 div.tit_area p.tit{font-size:26px; color:#363a3c; font-weight: bold; margin: 10px 0; line-height: 1.4;}
div.main_box3 div.tit_area .btn_wrap{display: flex; align-items: center; gap: 10px;}
div.main_box3 div.tit_area span.prev{display: inline-block; width:29px; height: 38px; background: url("/skin/default/img/ebook_slide_prev.png"); background-size: contain; margin:0; cursor:pointer}
div.main_box3 div.tit_area span.next{display: inline-block; width:29px; height: 38px; background: url("/skin/default/img/ebook_slide_next.png"); background-size: contain; margin:0; cursor:pointer}

/*main banner */
div.main_banner_wrap{width: 100%; max-width: 1440px; margin: 40px auto 0 auto; padding: 0 20px; overflow: hidden;}
div.main_banner_wrap .bx-wrapper{margin-bottom: 0;}
li.banner_slider{width: 200px; height:40px; background-position:center center; background-repeat: no-repeat; background-size: contain;}


/* body */
div.body_body{margin:0 auto; }

div.body_body div.sub_top_wrap{width:100%; height:180px; background-color: #eeeeef;}
div.body_body div.sub_top_wrap div.sub_top{width : 100%; max-width: 1440px; height: 180px; background-position: center center; background-repeat: no-repeat; background-size:cover; position: relative;  margin: 0 auto ; padding: 0 var(--site_padding, 20px);}

div.body_body div.sub_top_wrap div.sub_top p.page_name{padding: 0 0 0 10px;  font-size: 38px; font-weight: bold; margin: 0; color: #46786f;}
div.body_body div.sub_top_wrap div.sub_top p.now_loc{font-size: 17px; font-weight: 400; color: #878d91;margin:0; padding: 48px 0 17px 10px}




div.body_body div.sub_top p.tt{position: absolute;  background-color: #3f51b588; top:90px; left:20%; font-size:28px; color: #fff; display: inline-block; padding: 5px; margin: 0; line-height: 1em; font-family: "Nanum Gothic"; font-weight: 600}
div.body_body div.sub_top p.txt{position: absolute;  background-color: #d81b6022; top:135px; left:20%; font-size:18px; color: #fff; display: inline-block; padding: 5px; margin: 0; line-height: 1.5em; font-family: "Nanum Gothic"; font-weight: 400}



div.body_body div.s2{width:100%; max-width:1440px;  height:58px; background-color: rgba(0,0,0,0.7); overflow: hidden; margin:0 auto; margin-top:-58px; z-index: 10; position: relative}
div.body_body div.s2 a{float: left; min-width:180px; padding:15px; display: block; font-size: 18px; color:#fff; text-align: center;  height:100%}
div.body_body div.s2 a:hover, div.body_body div.s2 a.hover{background-color: #b569dec6}

div.sub_menu3{width:100%;  background-color: #f2f2f2; overflow: hidden; margin-bottom:25px}
div.sub_menu3 a{float:left; padding:20px 5px; display: block; font-size: 18px; color:#999; text-align: center;  border-bottom:1px solid #333}
div.sub_menu3 a.hover{background-color: #fff; color:#666; border: 1px solid #333; border-bottom-width: 0  }
div.sub_menu3 a:hover{background-color: #efefef; color:#888}


div.body_body div.body_contents{width: 100%; max-width: 1440px; margin: 0 auto; position: relative; min-height:450px; padding-bottom:90px; padding-left: var(--site_padding, 20px); padding-right: var(--site_padding, 20px); display: flex; flex-wrap: wrap; gap: 20px;}

div.body_body div.body_contents div.left{flex-shrink: 0; width: 280px; overflow: hidden}
div.body_body div.body_contents div.right{flex: 1; min-width: 0; min-height:500px; padding:40px 0 50px 20px; font-family: "Noto Sans KR"; overflow-x: hidden;}
div.body_body div.body_contents div.right img{max-width:100% !important; height:auto !important;}
div.body_body div.body_contents div.right .root_daum_roughmap,
div.body_body div.body_contents div.right .root_daum_roughmap *,
div.body_body div.body_contents div.right .root_daum_roughmap img,
div.body_body div.body_contents div.right .root_daum_roughmap div,
div.body_body div.body_contents div.right [id*="daum"] *{max-width: none !important; min-width: 0 !important;}

div.leftmenu{margin: 0; padding:40px 20px; font-family: "Noto Sans KR";}
div.leftmenu div.sub_tit{width:100%; background-color: #209f84; color:#feff; font-size:28px; text-align: center; padding:55px 0; margin-bottom:20px}
div.leftmenu a.depth2{display: block; width:100%; border: 1px solid #ced3d6; padding:15px 10px; color:#292A2B; margin:-1px 0 0 0; cursor: pointer ; background: url("/skin/default/img/left_menu_arr.png") no-repeat; background-position: 213px center}
div.leftmenu a.depth2.hover, div.leftmenu a.depth2:hover{color:#209f84;background-image: url("/skin/default/img/left_menu_n.png") }

div.leftmenu a.depth3{display: block; width:100%; border: 0; padding:10px 15px; color:#7c7f81; margin:0 0 0 0; cursor: pointer ;  background-color: #eeeeef}
div.leftmenu a.depth3.hover, div.leftmenu a.depth3:hover{color:#292A2B}


span.body_top_line{display: inline-block; width:42px; height: 6px; font-size: 1px; overflow: hidden; background-color: #1a8c84}
p.body_page_title{  font-family: "Noto Sans KR"; font-size:24px; color:#363A3C; margin: 3px 0 20px 0; font-weight: bold }
p.body_page_mid_title{  font-size:22px; color:#363A3C; margin: 3px 0 10px 20px; }
p.body_page_mid_title span.circle{font-size:1px; display: inline-block; width:10px;  height:10px;  border:4px solid #6baac4; border-radius: 10px; margin-right:6px; vertical-align: 13px;}
div.body_page_comment{  font-size:18px; color:#454545; margin: 0; padding: 5px 5px 30px 35px; line-height: 30px ; text-align: justify}
div.body_page_comment img{max-width:100% !important; height:auto !important;}
div.body_page_comment_tit{  font-size:28px; color:#333; margin: 0; padding: 25px 5px 30px 5px; line-height: 45px ; text-align: center;font-family: "GmarketSans"}


table.def{border-collapse:collapse;border:1px solid #0d1114; border-width:2px 1px 1px 1px ;width:100%; font-size:18px; font-family:"Noto Sans KR"; margin:10px 30px}
table.def th{background-color: #f8fafb; font-size:20px; padding:10px; border:1px solid #ced3d6; border-width:1px 0 1px 1px}
table.def td{background-color: #fff; font-size:18px; padding:8px 2px; border:1px solid #ced3d6; border-width:1px 0 1px 1px ; text-align: center;color:#767676}
table.def td.tal{text-align: left;}



/* 가사*/

div.gasa_list_box{font-family: "NanumBarunGothicYetHangul"; margin:0; display: flex; flex-wrap: wrap; gap: 20px; width:100% ; border-bottom:1px solid #ccc; padding:20px 30px}
div.gasa_list_box div.img_box{flex-shrink: 0; width:250px; height:200px; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer}
div.gasa_list_box div.tit_box{flex: 1; min-width: 0; height:200px;}
div.gasa_list_box div.tit_box p.tt{font-family: "NanumMyeongjoYetHangul","NanumBarunGothicYetHangul" ; font-size:22px; font-weight: bold; color:#292a2b}
div.gasa_list_box div.tit_box p.comm{ font-size:18px; color:#565656}
div.gasa_list_box div.tit_box p.comm span{display: inline-block; width: 80px; color:#1a8c84}
div.gasa_list_box div.tit_box p.tt a{color:#292a2b}
div.gasa_list_box div.tit_box p.tt a:hover{color:#08c}


div.gasa_view_box{font-family: "NanumBarunGothicYetHangul"; margin:0; display: block; overflow: hidden; width:100% ; border:1px solid #ccc; padding:20px 30px}
div.gasa_view_box div.img_box{float:left; width:300px; height:250px; background-size: contain; background-repeat: no-repeat; background-position: center;margin: 0;}
div.gasa_view_box div.tit_box{float:left; width:745px; height:250px; border:0px solid #ccc; margin:0 0 0 20px}
div.gasa_view_box div.tit_box table.gasa_info{border-collapse:collapse; border:0px solid #aaa; width:730px;font-family: "NanumBarunGothicYetHangul";}
div.gasa_view_box div.tit_box table.gasa_info td{font-size:16px; padding:8px 4px}
div.gasa_view_box div.tit_box table.gasa_info td.tit{font-family: "NanumMyeongjoYetHangul","NanumBarunGothicYetHangul" ; font-size:20px; color:#1a8c84}
div.gasa_view_box div.tit_box table.gasa_info td.mtit{width:80px; color:#1a8c84}




div.gasa_main_box{clear:both; } 

div.gasa_main_box div.page_view{padding:0px 10px ;marign:0 ;text-align: center; color:#1a8c84 ;font-size:18px;}
div.gasa_main_box div.page_view span.tot_nums{display: inline-block; width:88px;padding: 12px; text-align: left;}
div.gasa_main_box div.page_view input.page_num{font-weight: bold; border:0; width:88px; vertical-align: middle; text-align: right; padding: 12px;color:#1a8c84 ;font-size:32px;}

div.gasa_main_box div.main_view{width:1120px ; height:600px; margin:0 auto; border:0px solid #aaa; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center}
div.gasa_main_box div.main_view span{display: inline-block; width:65px; height:66px; background-repeat: no-repeat; position: absolute; top:275px; cursor: pointer}
div.gasa_main_box div.main_view span.left{background-image: url("/skin/default/img/slide_l.png"); left:10px;}
div.gasa_main_box div.main_view span.right{background-image: url("/skin/default/img/slide_r.png") ; right:10px; }


div.gasa_main_box div.main_view div.over{width:570px; height:600px; border:0px solid #1a8c8455; position: absolute}
div.gasa_main_box div.main_view div.over.L{left:0; border-width:5px}
div.gasa_main_box div.main_view div.over.R{right:0; border-width:5px}



div.gasa_main_box div.btn_box{text-align: right; margin: 0; padding:0px 20px;}
div.gasa_main_box div.btn_box img{margin:5px; vertical-align: middle}
div.gasa_main_box div.text_box{width:100%; overflow: hidden; display: flex; align-items: stretch; gap: 0;}
div.gasa_main_box div.text_box div.text_arrow{flex-shrink: 0; width: 44px; display: flex; align-items: center; justify-content: center;}
div.gasa_main_box div.text_box div.text_arrow span{display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 22px solid #1a9f91;}
div.gasa_main_box div.text_box div.tleft{flex: 1; min-width: 0; border:0px solid #aaa;min-height:300px;}
div.gasa_main_box div.text_box div.tright{flex: 1; min-width: 0; border:0px solid #aaa;min-height:300px;}


div.btm_cpy_box {margin:5px; vertical-align: middle;font-family: "GmarketSans" ; font-size: 17px; text-align: right}
div.btm_cpy_box img{margin:5px; vertical-align: middle; width:250px; height:auto}



 

span.gasa_view_btn{display: inline-block; width:120px; text-align: center; color:#8e9599; background-color: #eee; font-size:16px; padding:6px 0 6px 0; border-radius: 8px 8px 0 0; cursor:pointer }
span.gasa_view_btn.hover,span.gasa_view_btn:hover{color:#fff; background-color: #1a8c84}

div.gasa_main_box div.text_box div.ttbox{width:100%; margin: 0; padding: 20px; font-family: "NanumBarunGothicYetHangul" ;font-size:16px; border:1px solid #e1e4e6; min-height: 300px; line-height: 1.85em}
div.gasa_main_box div.text_box div.ttbox.vert{writing-mode: vertical-rl}
div.gasa_main_box div.text_box div.ttbox span.uper{color:#3479ff;  vertical-align: super; font-size:10px}


div.gasa_main_box div.text_box_solo{width:100%; }
span.text_box_solo_tt{display: inline-block; width:120px; text-align: center; color:#8e9599; background-color: #1a8c84;color:#fff; font-size:16px; padding:6px 0 6px 0; border-radius: 8px 8px 0 0; cursor:pointer }
div.gasa_main_box div.text_box_solo div.ttbox{width:100%; margin: 0; padding: 20px; font-family: "NanumBarunGothicYetHangul" ;font-size:16px; border:1px solid #e1e4e6; min-height: 300px; line-height: 1.85em}






div.gasa_main_box div.ex_box{width:100%;  overflow: hidden; padding-top:20px; margin-top: 40px}
div.gasa_main_box div.ex_box p.ex_tit{font-size: 17px; font-weight: bold; margin: 0px 0 6px 10px; color:#565656; border-top:1px solid #eee; padding-top:20px}
div.gasa_main_box div.ex_box p.ex_txt{color:#787878; padding:2px 2px 2px 12px; line-height: 20px; font-size: 14px;  text-indent: -1.5em;	margin-left: 1.5em;}
div.gasa_main_box div.ex_box p.ex_txt span{color:#333}


div.total_box{color:#676767; font-size:18px; border-bottom:2px solid #eee}


form.find_form {display:block; text-align: right;}
form.find_form .find_box {display:flex; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch; height: 46px;}
form.find_form input.find_txt {flex: 1; min-width: 0; max-width:250px; height:46px; color:#333;font-size:18px; border:1px solid #1a8c84; margin: 0 -1px 0 -1px; padding: 2px 0 0 20px; border-radius: 0; box-sizing: border-box;}
form.find_form input.find_txt2 {flex: 1; min-width: 0; max-width:250px; height:46px; color:#333;font-size:18px; border:1px solid #1a8c84; margin: 0 -1px 0 -1px; padding: 2px 0 0 20px; border-radius: 25px 0 0 25px; box-sizing: border-box;}
form.find_form span.find_view{flex-shrink: 0; background-color:#1a8c84; padding: 0; width: 66px; height: 46px; cursor: pointer; border-radius: 0 25px 25px 0; text-align: left; box-sizing: border-box;}
form.find_form span.find_view i{color: #fff; font-size: 38px; vertical-align: top; padding: 5px 0 0 10px;}
form.find_form select.sel{flex-shrink: 0; height:46px; color:#333; font-size:18px; border:1px solid #1a8c84; margin: 0; padding: 2px 0 0 20px; border-radius: 25px 0 0 25px; width:100px; box-sizing: border-box;} 


/* e-book */

div.ebook_list_box{width:100%; padding:20px 20px; text-align: center }
div.ebook_list_box div.ebook_img{ display: inline-block; width:155px; height:140px; border:0; padding:0; margin:0px 12px 60px 12px; cursor:pointer; background-repeat: no-repeat; background-size: contain; background-position: center;}

/* txtbook */
div.tbook_list_box{width:100%; padding:20px 20px; text-align: center }
div.tbook_list_box div.tbook_box{ display: inline-block; width:142px; height:185px; border:0; padding:0; margin:0px 5px 60px 6px; cursor:pointer; border:1px solid #bfd1cd; border-radius: 8px; vertical-align: top}
div.tbook_list_box div.tbook_box p.tt{font-size:21px;padding-top:15px; font-weight: bold; color:#3b3e3d}
div.tbook_list_box div.tbook_box p.comp{font-size:15px;padding-top:33px}
div.tbook_list_box div.tbook_box:hover{background-color: #f6fffd}


span.tbook_top_bar{display: inline-block; font-size:5px; width:35px; height: 6px; background-color:#46786f }
p.txtbok_tt{font-size:22px; font-weight: bold; margin:2px 0 20px 0}
p.txtbok_tt span.comp{font-size:15px;color:#454545; font-weight: normal}
div.tbook_text{font-size:18px; line-height: 2em; font-family: "NanumBarunGothicYetHangul"} 
a.vtxt_link{display: inline-block;	background-color: #4b9bd9;	padding: 2px 20px;	margin: 0px;	border-radius: 12px;	color: #fff;	font-size: 14px;	border: 0;	font-family: "Noto Sans KR"; font-weight: normal}

/* years*/
span.year_top_bar{display: inline-block; font-size:5px; width:35px; height: 6px; background-color:#46786f }
p.years_tt{font-size:22px; font-weight: 600; margin:0px 0 5px 0;}
table.years{border-collapse:collapse;border:2px solid #111; border-width:2px 0px 0px 0px ;width:100%; font-size:18px; font-family:"Noto Sans KR"; margin:10px 10px 80px 10px}
table.years th{background-color: #f8fafb; font-size:18px; padding:10px; border:1px solid #ced3d6; border-width: 0}
table.years td{background-color: #fff; font-size:16px; padding:8px; border:1px solid #ced3d6; border-width:1px 0 1px 1px ; text-align: left;color:#333; vertical-align: top; width:420px}
table.years td li{list-style:disc;  margin:8px 0}
table.years td li span{display: block; padding: 0; margin: 0; font-weight: bold;  }



/*누정 */

div.pav_list_box{width:100%; padding:20px 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
div.pav_list_box div.pav_box{ flex: 0 0 calc(25% - 15px); height:210px; border:1px solid #aaa; padding:0; cursor:pointer; border-radius: 8px; box-sizing: border-box;}
div.pav_list_box div.pav_box div.pav_img{background-size:cover; background-position: center; width:100%; height:150px;border-radius: 6px 6px 0 0}
div.pav_list_box div.pav_box p.tt{margin: 0; padding:3px; font-size:16px; color:#393939; text-align: center}
div.pav_list_box div.pav_box p.txt{margin: 0; padding:3px; font-size:14px; color:#898989; text-align: center}


div.pav_loc_list{padding:0 0 0 20px;  margin:10px 0px; border-bottom:1px solid #209f84; overflow: hidden}
div.pav_loc_list a.pav_link{display:block; float: left; margin: 0; padding: 10px 30px; color:#333; border: 1px solid #209f84; border-width:1px 1px 0 1px; margin-right: -1px; border-radius: 10px 10px 0 0; font-size:18px; font-weight: 700}
div.pav_loc_list a.pav_link.hover, div.pav_loc_list a.pav_link:hover{background-color: #209f84; color:#fff}

#map{width:100%;margin:0 auto; height:600px}
.root_daum_roughmap{width:100% !important; max-width:100% !important; margin-left:0 !important;}
.root_daum_roughmap .wrap_map{width:100% !important;}
span.map_pin_tit{font-size:18px; font-weight:bold}
span.map_pin_addr{font-size:16px; }

span.pav_top_bar{display: inline-block; font-size:5px; width:35px; height: 6px; background-color:#46786f ; margin-top:50px}
p.pav_tt{font-size:22px; font-weight: 600; margin:0px 0 5px 0;}
div.pav_text{width:100%; overflow: hidden; padding:20px 10px; font-size:18px; line-height: 1.9em}
img.pav_img{width:500px; height:auto; float: right; margin-left:50px}


/*media*/
div.gasa_media_box{margin:0; display: block; overflow: hidden; width:100% ; border-bottom:1px solid #ccc; padding:20px 30px}

div.gasa_media_box div.img_box{float:left; margin:8px 20px; width:260px; height:180px; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer}


div.gasa_media_box p.tt{font-size:22px; font-weight: 600; margin:0px 0 5px 0;}
div.gasa_media_box p.tt a{color:#333}

div.gasa_media_box p.comm{font-size:16px;font-weight: 400}

span.media_top_bar{display: inline-block; font-size:5px; width:35px; height: 6px; background-color:#46786f ; margin-top:50px}
p.media_tt{font-size:22px; font-weight: 600; margin:0px 0 5px 0;}

div.media_view{width:100%; height:636px}
div.media_view iframe.youtube_view{width: 1130px;	height: 636px;	border: 0;	margin: 10px auto;	display: block;}



/* btn*/

a.btn_def {	display: inline-block;	background-color: #1a8c84;	padding: 10px 20px;	margin: 5px;	border-radius: 8px;	color: #fff;	font-size: 18px;	border: 0;	font-family: "Noto Sans KR";}
div.btn_area{padding: 15px; text-align: center; margin: 0;}


/*search*/
div.tot_search{width:100% ;padding:20px; background-color: #f1f5f5; border-radius: 12px}
div.tot_search div.find_box{}
form.tot_search_form{padding: 0; margin: 0}

form.tot_search_form input.find_txt {width:846px;height:46px; color:#333;font-size:18px; border:1px solid #1a8c84;  margin: 0 -1px 0 -1px; padding: 2px 0 0 20px; vertical-align: top; border-radius: 0}
form.tot_search_form span.find_view{background-color:#58968b; padding: 5px 0 0 0; display: inline-block; width: 66px; height: 41px ; cursor: pointer; border-radius: 0 10px 10px 0;text-align: center; color:#fff; font-size:22px}
form.tot_search_form select.sel{ height:46px; color:#333;font-size:18px; border:1px solid #1a8c84; margin: 0; padding: 2px 0 0 20px; vertical-align: top; border-radius: 10px 0 0 10px; width:180px} 
div.no_kwd{text-align: center; font-size: 28px; padding:100px 0}

span.search_top_bar{display: inline-block; font-size:5px; width:35px; height: 6px; background-color:#46786f ; margin-top:50px}
p.search_tt{font-size:22px; font-weight: 600; margin:0px 0 5px 0}
p.search_tt span.total{font-size:18px; color:#565656; font-weight: normal; margin-left: 12px}

div.search_tbox{font-family: "NanumBarunGothicYetHangul"; border:2px dashed #ccc; border-width: 0 0 2px 0; padding: 10px 0; margin:10px 0}
div.search_tbox p.tt{font-size: 20px; font-weight: bold; margin: 0 0 5px 0; cursor: pointer;color:#0e6855}
div.search_tbox p.comm{font-size: 16px; line-height: 1.85em; margin: 0 0 5px 0}
div.search_tbox p.add{font-size: 14px; margin: 0 0 5px 0; color:#111; font-family: "Noto Sans KR";}
div.search_tbox p.add span.com{color:#565656; margin-right: 20px; }
div.search_tbox p.tt a{color:#0e6855}
	
div.search_more_btn_area{margin: 0; padding: 20px 0; text-align: center}
div.search_more_btn_area button{padding:5px 30px; border: 1px solid #aaa; border-radius: 5px; color:#333; background-color: #fff; font-size:18px }

/* exam */
form.find_form_exam {display:block; text-align: right; text-align: center}
form.find_form_exam input.find_txt_only {width:250px;height:46px; color:#333;font-size:18px; border:1px solid #1a8c84;  margin: 0 -1px 0 -1px; padding: 2px 0 0 30px; vertical-align: top; border-radius: 25px 0 0 25px}
form.find_form_exam span.find_view{background-color:#1a8c84; padding: 0; display: inline-block; width: 66px; height: 46px ; cursor: pointer; border-radius: 0 25px 25px 0;text-align: left}
form.find_form_exam span.find_view i{color: #fff; font-size: 38px; vertical-align: top; padding: 5px 0 0 10px;}

div.exam_gana{padding: 35px 20px; margin: 0; text-align: center;}	
div.exam_gana span.gana{display: inline-block; padding: 5px 15px; border: 1px solid #aaa; font-size: 18px; border-radius: 6px; margin:0 5px; cursor: pointer}	
div.exam_gana span.gana.hover, div.exam_gana span.gana:hover{background-color: #333; color:#fff}
	
div.exam_list{padding: 10px; margin:10px 0; border-bottom:1px dotted #aaa; font-family: "NanumBarunGothicYetHangul"}	
div.exam_list p.tt{font-size:16px ; margin: 0; padding: 0 0 5px 0}
div.exam_list p.comm{font-size:14px; padding: 0; margin: 3px 0 0 0; color:#565656}	
div.exam_list p.tt a{color:#333}
div.exam_list p.tt span.exam_add{margin-left:20px; font-size:13px; color:#666}




/*hanja_list_box*/
table.hanja_list_box{border-collapse:collapse;border:1px solid #0d1114; border-width:2px 1px 1px 1px ;width:100%; font-size:18px; font-family:"Noto Sans KR"; margin:10px 30px}
table.hanja_list_box th{background-color: #f8fafb; font-size:20px; padding:12px; border:1px solid #ced3d6; border-width:1px 0 1px 1px}
table.hanja_list_box td{background-color: #fff; font-size:18px; padding:9px 2px; border:1px solid #ced3d6; border-width:1px 0 1px 1px ; text-align: center;color:#767676}
table.hanja_list_box td.tal{text-align: left;}

table.hanja_list_box td a{color:#111}
table.hanja_list_box td a:hover{color:#333; text-decoration: underline}

table.giho_list_box{border-collapse:collapse;border:1px solid #0d1114; border-width:2px 1px 1px 1px ;width:100%; font-size:18px; font-family:"NanumBarunGothicYetHangul"; margin:10px 30px}
table.giho_list_box th{background-color: #f8fafb; font-size:20px; padding:12px; border:1px solid #ced3d6; border-width:1px 0 1px 1px}
table.giho_list_box td{background-color: #fff; font-size:18px; padding:9px 2px; border:1px solid #ced3d6; border-width:1px 0 1px 1px ; text-align: center;color:#767676}


/*bottom*/
div.bottom{margin:0px;}

div.bottom div.bbody{ padding: 30px var(--site_padding, 20px); margin:0 auto; width: 100%; max-width: 1440px; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;}
div.bottom div.bbody div.logo{flex-shrink: 0; width: 300px; padding-top: 0px;}
div.bottom div.bbody div.logo img{display: block; margin-top:9px; height: auto}
div.bottom div.bbody div.text{flex: 1; min-width: 0; font-size: 13px; color: #222;}
div.bottom div.bbody div.text p{ text-align: left; padding: 0; margin: 6px 0; font-weight: normal; font-size:18px; color:#4d5256}
div.bottom div.bbody div.text p span{color: #ffeb3b;}
div.bottom div.bbody div.text a.bottom_link{display: inline-block; font-size:18px; color:#363a3c; padding:3px 30px 30px 0}

div.bottom_line{text-align:center; margin:0px; color:#fff; background-color: #564c58; margin:0; padding:12px}
div.bottom_line p.txt{width:100%; max-width:1440px; margin:0 auto; padding:0 var(--site_padding, 20px); text-align:right; }
div.bottom_line p a{color:#fff }


/* 페이지 이동 */
div.page {display: block; text-align:center; padding:20px; overflow: hidden;}
div.page a{display:inline-block;padding:11px 0 0 0;color:#333; border:1px solid #ddd; text-align: center;font-size: 14px; vertical-align: top; height: 45px; width:45px; border-radius: 25px; margin:0 3px}
div.page a:hover, div.page a.hover{color:#fff; background-color:#1a8c84; border-color:#1a8c84;}

div.page a.arr{border:0; padding-top:6px; }
div.page a.arr:hover{ background-color:initial; color:#666}

div.page a i{vertical-align: sub; font-size:32px}

/*popup*/
div.popup{display: block; position: absolute; margin: 0; padding: 0; overflow: hidden;z-index:999}
div.popup p{margin: 0; padding: 0; }
div.popup_bottom{text-align: center; background-color: rgba(0,0,0,0.55); position: absolute; bottom:0px; width: 100%; color: #fff;}
div.popup_bottom label{font-size: 12px; padding:2px 10px;}
div.popup_bottom label:hover{color: #d7d7d7; }

div.popup_bottom label i{font-size: 17px; margin-right: 2px;}

span.popup_close{display: inline-block; position: absolute; right: 5px; top: 5px; color:rgba(0,0,0,0.5); cursor: pointer; background-color: rgba(255,255,255,0.5);}
span.popup_close:hover{color:rgba(255,0,0,0.85); background-color: rgba(255,0,0,0.1);}


span.hdn_menu{color: #f00;}

/* ===== 본문 레이아웃 반응형 ===== */

/* Laptop (1440px 이하) */
@media screen and (max-width: 1440px) {
	div.main_slide {
		height: auto;
		min-height: 400px;
	}
	li.slide_li {
		height: auto;
		min-height: 400px;
	}
	/* 슬라이드 위 고정 컨텐츠 */
	div.main_slide > .slide_content {
		left: 8%;
	}
	div.main_slide > .slide_content .slide_title {
		font-size: 42px;
	}
	div.main_slide > .slide_content .slide_desc {
		font-size: 18px;
	}
	div.main_slide > .slide_content .search_area {
		width: 450px;
	}
	/* main_box2, main_box3 - flex 기반으로 유지 */
	div.gasa_main_box div.main_view {
		width: 100%;
		max-width: 1120px;
	}
	div.media_view iframe.youtube_view {
		width: 100%;
		max-width: 1130px;
	}
}

/* Tablet (1024px 이하) */
@media screen and (max-width: 1024px) {
	div.main_slide {
		min-height: 350px;
		border-radius: 0;
	}
	li.slide_li {
		min-height: 350px;
		border-radius: 0;
	}
	/* 슬라이드 위 고정 컨텐츠 */
	div.main_slide > .slide_content {
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 90%;
	}
	div.main_slide > .slide_content .slide_title {
		font-size: 32px;
	}
	div.main_slide > .slide_content .slide_desc {
		font-size: 16px;
		margin-bottom: 25px;
	}
	div.main_slide > .slide_content .search_area {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		height: 50px;
	}
	div.main_slide > .slide_content .search_area span.search {
		width: 48px;
		height: 48px;
	}
	div.main_slide > .slide_content .search_area input.s_kwd {
		font-size: 16px;
		padding: 8px;
	}
	/* 1024px 이하 무조건 흰 글씨 */
	div.main_slide > .slide_content .slide_title,
	div.main_slide > .slide_content.dark .slide_title {
		color: #fff;
		text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
	}
	div.main_slide > .slide_content .slide_desc,
	div.main_slide > .slide_content.dark .slide_desc {
		color: #fff;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	}
	div.main_box {
		gap: 12px;
		padding: 0 15px;
	}
	div.main_box .box_item {
		padding: 18px 8px 15px 8px;
	}
	div.main_box .box_icon {
		width: 45px;
		height: 45px;
		margin-bottom: 10px;
	}
	div.main_box p.txt {
		font-size: 15px;
	}
	div.main_box span.plus {
		width: 22px;
		height: 22px;
	}
	div.main_box2 {
		gap: 20px;
		padding: 0 15px;
	}
	div.main_box2 div.pop_slide {
		flex: 1 1 100%;
		height: 300px;
		overflow: hidden;
	}
	div.main_box2 div.pop_slide .bx-wrapper {
		margin-bottom: 0;
	}
	div.main_box2 li.pop_li {
		height: 300px;
	}
	div.main_box2 div.gong {
		flex: 1 1 100%;
	}
	div.main_box2 div.gong div.gong_top {
		padding: 20px 15px;
	}
	div.main_box3 {
		gap: 20px;
		padding: 0 15px;
	}
	div.main_box3 div.tit_area {
		flex: 1 1 100%;
		width: 100%;
		margin-bottom: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.main_box3 div.tit_area p.tit {
		margin: 0;
	}
	div.main_box3 div.tit_area p.tit br {
		display: none;
	}
	div.main_box3 div.ebook_area {
		flex: 1 1 100%;
	}
	div.main_box3 div.ebook_area li.ebook_img {
		width: 140px !important;
		height: 126px;
	}
	/* 배너 */
	div.main_banner_wrap {
		padding: 0 15px;
		margin: 30px auto;
	}
	li.banner_slider {
		width: 150px;
		height: 35px;
	}
	/* 2단 레이아웃 → 1단 전환 */
	div.body_body div.body_contents {
		flex-direction: column;
	}
	div.body_body div.body_contents div.left {
		width: 100%;
	}
	div.body_body div.body_contents div.right {
		padding: 20px 0;
	}
	div.leftmenu {
		padding: 20px 10px;
	}
	div.leftmenu a.depth2 {
		background-position: calc(100% - 15px) center;
	}
	/* 가사 리스트 */
	div.gasa_list_box div.img_box {
		width: 180px;
		height: 150px;
	}
	div.gasa_list_box div.tit_box {
		height: auto;
	}
	/* 가사 뷰어 */
	div.gasa_view_box div.img_box {
		width: 250px;
		height: 200px;
	}
	div.gasa_view_box div.tit_box {
		width: calc(100% - 270px);
	}
	div.gasa_view_box div.tit_box table.gasa_info {
		width: 100%;
	}
	div.gasa_main_box div.main_view {
		height: auto;
		min-height: 400px;
	}
	div.gasa_main_box div.text_box {
		flex-direction: column;
	}
	div.gasa_main_box div.text_box div.tleft,
	div.gasa_main_box div.text_box div.tright {
		width: 100%;
	}
	div.gasa_main_box div.text_box div.text_arrow {
		width: 100%;
		height: 44px;
		order: 1;
	}
	div.gasa_main_box div.text_box div.tleft {
		order: 0;
	}
	div.gasa_main_box div.text_box div.tright {
		order: 2;
	}
	div.gasa_main_box div.text_box div.text_arrow span {
		border-left: 22px solid transparent;
		border-right: 22px solid transparent;
		border-top: 22px solid #1a9f91;
		border-bottom: none;
	}
	/* 테이블 */
	table.def,
	table.hanja_list_box,
	table.giho_list_box,
	table.years {
		margin: 10px 0;
		width: 100%;
		max-width: 100%;
	}
	/* 푸터 */
	div.bottom div.bbody div.logo {
		width: 200px;
	}
	div.bottom div.bbody div.text {
		width: calc(100% - 220px);
	}
	/* 미디어 박스 */
	div.gasa_media_box {
		padding: 15px;
	}
	div.gasa_media_box div.img_box {
		float: none;
		width: 100%;
		height: 200px;
		margin: 0 0 15px 0;
	}
	div.gasa_media_box p.tt {
		font-size: 18px;
	}
	div.gasa_media_box p.comm {
		font-size: 14px;
	}
	/* 누정 위치 탭 */
	div.pav_loc_list {
		padding: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	div.pav_loc_list a.pav_link {
		float: none;
		display: inline-block;
		padding: 8px 20px;
		font-size: 15px;
	}
	/* 저작권 박스 */
	div.btm_cpy_box {
		font-size: 14px;
		text-align: center;
	}
	div.btm_cpy_box img {
		width: 180px;
	}
}

/* Mobile (768px 이하) */
@media screen and (max-width: 768px) {
	div.main_slide {
		min-height: 320px;
	}
	li.slide_li {
		min-height: 320px;
	}
	/* 슬라이드 위 고정 컨텐츠 */
	div.main_slide > .slide_content {
		width: 92%;
	}
	div.main_slide > .slide_content .slide_title {
		font-size: 26px;
		margin-bottom: 10px;
	}
	div.main_slide > .slide_content .slide_desc {
		font-size: 14px;
		margin-bottom: 20px;
	}
	div.main_slide > .slide_content .search_area {
		max-width: 100%;
		height: 46px;
	}
	div.main_slide > .slide_content .search_area span.search {
		width: 44px;
		height: 44px;
	}
	div.main_slide > .slide_content .search_area input.s_kwd {
		font-size: 14px;
		padding: 6px;
	}
	div.main_slide div.search_area input.s_kwd {
		font-size: 16px;
		padding: 8px;
		margin: 3px;
	}
	div.main_slide div.search_area span.search {
		width: 44px;
		height: 44px;
	}
	/* 가로 1줄씩 배열 */
	div.main_box {
		flex-direction: column;
		gap: 10px;
		padding: 0 15px;
	}
	div.main_box .box_item {
		flex: none;
		width: 100%;
		display: flex;
		align-items: center;
		padding: 12px 15px;
		border-radius: 12px;
		text-align: left;
	}
	div.main_box .box_icon {
		width: 40px;
		height: 40px;
		margin: 0 15px 0 0;
		flex-shrink: 0;
	}
	div.main_box p.txt {
		font-size: 15px;
		margin: 0;
		flex: 1;
	}
	div.main_box span.plus {
		width: 20px;
		height: 20px;
		margin: 0;
		flex-shrink: 0;
	}
	div.main_box span.plus {
		width: 20px;
		height: 20px;
		background-size: contain;
		margin: 5px auto;
	}
	div.main_box2 {
		gap: 15px;
		padding: 0 15px;
		margin: 40px auto;
	}
	div.main_box2 div.pop_slide {
		height: 280px;
		overflow: hidden;
	}
	div.main_box2 div.pop_slide .bx-wrapper {
		margin-bottom: 0;
	}
	div.main_box2 li.pop_li {
		height: 280px;
	}
	div.main_box2 div.gong p.tit {
		font-size: 22px;
	}
	div.main_box2 div.gong div.gong_top {
		height: auto;
		min-height: 120px;
		flex-direction: column;
		gap: 10px;
	}
	div.main_box2 div.gong div.gong_top div.date_area {
		width: 100%;
		display: flex;
		gap: 10px;
		align-items: center;
	}
	div.main_box2 div.gong div.gong_top div.date_area p.yearmonth {
		padding: 0;
	}
	div.main_box2 div.gong div.gong_top div.date_area p.date {
		font-size: 18px;
	}
	div.main_box2 div.gong div.gong_top div.txt_area {
		width: 100%;
	}
	div.main_box2 div.gong div.gong_top div.txt_area a.notice_top {
		font-size: 16px;
	}
	div.main_box2 div.gong a.notice_main {
		font-size: 14px;
	}
	div.main_box3 {
		gap: 15px;
		padding: 0 15px;
		margin: 40px auto;
	}
	div.main_box3 div.tit_area {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	div.main_box3 div.tit_area p.tit {
		font-size: 22px;
		margin: 0;
	}
	div.main_box3 div.tit_area span.prev,
	div.main_box3 div.tit_area span.next {
		width: 24px;
		height: 32px;
	}
	/* ebook 슬라이더 */
	div.main_box3 div.ebook_area li.ebook_img {
		width: 120px !important;
		height: 108px;
	}
	/* 배너 */
	div.main_banner_wrap {
		margin: 25px auto;
	}
	li.banner_slider {
		width: 120px;
		height: 30px;
	}
	div.body_body div.sub_top_wrap {
		height: auto;
		min-height: 120px;
	}
	div.body_body div.sub_top_wrap div.sub_top {
		height: auto;
		min-height: 120px;
		padding: 20px 15px;
	}
	div.body_body div.sub_top_wrap div.sub_top p.page_name {
		font-size: 28px;
	}
	div.body_body div.sub_top_wrap div.sub_top p.now_loc {
		font-size: 14px;
		padding: 20px 0 10px 10px;
	}
	div.body_body div.s2 {
		height: auto;
		margin-top: 0;
	}
	div.body_body div.s2 a {
		min-width: auto;
		padding: 10px 12px;
		font-size: 14px;
	}
	div.body_body div.body_contents {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* 2단 레이아웃 → 1단 전환 */
	div.body_body div.body_contents div.left {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	div.body_body div.body_contents div.right {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	div.body_page_comment {
		padding: 5px 5px 20px 5px;
		font-size: 16px;
		line-height: 1.8;
	}
	/* 테이블 */
	table.def,
	table.hanja_list_box,
	table.giho_list_box,
	table.years {
		margin: 10px 0;
		font-size: 14px;
	}
	table.def th,
	table.hanja_list_box th {
		font-size: 14px;
		padding: 8px 4px;
	}
	table.def td,
	table.hanja_list_box td {
		font-size: 13px;
		padding: 6px 2px;
	}
	/* 지도 */
	#map {
		height: 400px;
	}
	/* 가사 리스트 */
	div.gasa_list_box {
		padding: 15px;
		flex-direction: column;
	}
	div.gasa_list_box div.img_box {
		width: 100%;
		height: 200px;
	}
	div.gasa_list_box div.tit_box {
		width: 100%;
		height: auto;
	}
	/* 가사 뷰어 */
	div.gasa_view_box {
		padding: 15px;
	}
	div.gasa_view_box div.img_box {
		float: none;
		width: 100%;
		height: 200px;
		margin-bottom: 15px;
	}
	div.gasa_view_box div.tit_box {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
	}
	/* 검색 폼 */
	form.find_form .find_box {
		justify-content: stretch;
	}
	form.find_form input.find_txt,
	form.find_form input.find_txt2 {
		max-width: none;
	}
	form.tot_search_form input.find_txt {
		width: 100%;
		max-width: none;
	}
	form.tot_search_form select.sel {
		width: 100%;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	/* 푸터 */
	div.bottom div.bbody {
		text-align: center;
	}
	div.bottom div.bbody div.logo {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	div.bottom div.bbody div.text {
		display: block;
		width: 100%;
		padding-left: 0;
	}
	div.bottom div.bbody div.text p {
		text-align: center;
		font-size: 14px;
	}
	div.bottom div.bbody div.text a.bottom_link {
		font-size: 14px;
		padding: 3px 15px;
	}
	div.bottom_line p.txt {
		text-align: center;
	}
	/* 페이지네이션 */
	div.page a {
		width: 38px;
		height: 38px;
		padding: 8px 0 0 0;
		font-size: 13px;
		margin: 0 2px;
	}
	/* 누정 */
	div.pav_list_box div.pav_box {
		flex: 0 0 calc(50% - 10px);
		max-width: none;
	}
	img.pav_img {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
	/* 미디어 */
	div.media_view {
		height: auto;
	}
	div.media_view iframe.youtube_view {
		height: 50vw;
		min-height: 250px;
	}
}

/* Small Mobile (480px 이하) */
@media screen and (max-width: 480px) {
	div.main_slide {
		min-height: 280px;
	}
	li.slide_li {
		min-height: 280px;
	}
	/* 슬라이드 위 고정 컨텐츠 */
	div.main_slide > .slide_content .slide_title {
		font-size: 22px;
	}
	div.main_slide > .slide_content .slide_desc {
		font-size: 13px;
		margin-bottom: 15px;
		line-height: 1.5;
	}
	div.main_slide > .slide_content .search_area {
		height: 42px;
	}
	div.main_slide > .slide_content .search_area span.search {
		width: 40px;
		height: 40px;
	}
	div.main_slide > .slide_content .search_area input.s_kwd {
		font-size: 13px;
		padding: 5px;
	}
	div.main_box .box_icon {
		width: 35px;
		height: 35px;
		margin: 0 12px 0 0;
	}
	div.main_box p.txt {
		font-size: 14px;
	}
	div.main_box span.plus {
		width: 18px;
		height: 18px;
	}
	div.main_box2 {
		margin: 30px auto;
	}
	div.main_box2 div.pop_slide {
		height: 240px;
		overflow: hidden;
	}
	div.main_box2 div.pop_slide .bx-wrapper {
		margin-bottom: 0;
	}
	div.main_box2 li.pop_li {
		height: 240px;
	}
	div.main_box2 div.gong p.tit {
		font-size: 18px;
	}
	div.main_box2 div.gong p.tit span.big_plus {
		width: 36px;
		height: 36px;
		margin-top: -5px;
	}
	div.main_box2 div.gong div.gong_top {
		padding: 15px;
		min-height: auto;
	}
	div.main_box2 div.gong div.gong_top div.txt_area {
		font-size: 13px;
	}
	div.main_box2 div.gong div.gong_top div.txt_area a.notice_top {
		font-size: 15px;
		margin-bottom: 10px;
	}
	div.main_box2 div.gong a.notice_main {
		font-size: 13px;
	}
	div.main_box3 {
		margin: 30px auto;
	}
	div.main_box3 div.tit_area p.tit {
		font-size: 20px;
	}
	div.main_box3 div.tit_area span.prev,
	div.main_box3 div.tit_area span.next {
		width: 20px;
		height: 26px;
		margin: 0 5px;
	}
	div.main_box3 div.ebook_area li.ebook_img {
		width: 100px !important;
		height: 90px;
	}
	/* 배너 */
	div.main_banner_wrap {
		margin: 20px auto;
	}
	li.banner_slider {
		width: 100px !important;
		height: 25px;
	}
	div.body_body div.body_contents {
		padding-left: 12px;
		padding-right: 12px;
	}
	/* 지도 */
	#map {
		height: 300px;
	}
	div.body_body div.sub_top_wrap div.sub_top p.page_name {
		font-size: 24px;
	}
	p.body_page_title {
		font-size: 20px;
	}
	div.leftmenu div.sub_tit {
		font-size: 22px;
		padding: 40px 0;
	}
	/* 누정 */
	div.pav_list_box div.pav_box {
		flex: 0 0 100%;
	}
	/* e-book */
	div.ebook_list_box div.ebook_img {
		width: 45%;
		margin: 0 2% 30px 2%;
	}
	/* 텍스트북 */
	div.tbook_list_box div.tbook_box {
		width: 45%;
		margin: 0 2% 30px 2%;
	}
}

{}
</style>