

<style>{}

div.main_slide{max-width:1770px; min-width:1440px; 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}

div.main_slide div.search_area{position: absolute; top:345px; left:14%; width:640px ; height: 56px;  z-index: 2; border:1px solid #209f84; border-radius: 10px; background-color: #fff}
div.main_slide div.search_area span.search{width:54px;height:54px; border-radius:0 8px 8px 8px; 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 div.search_area input.s_kwd{width: 574px;padding: 10px;font-size: 22px;color: #777;border: 0;margin: 5px;}

/* main */

div.main_box{width:100%; margin:40px 0; padding:0; text-align: center; }
div.main_box div{display: inline-block;width: 265px; height: 190px; margin:0 12px; background-position: center 34px;background-repeat: no-repeat; cursor:pointer;
	background-color: #fff ; border-radius: 20px; box-shadow:0px 6px  12px #ddd;vertical-align:top; color:#444;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 }
div.main_box div.icon_01{background-image: url("/skin/default/img/mi1.png");}
div.main_box div.icon_02{background-image: url("/skin/default/img/mi2.png");}
div.main_box div.icon_03{background-image: url("/skin/default/img/mi3.png");}
div.main_box div.icon_04{background-image: url("/skin/default/img/mi4.png");}
div.main_box div.icon_05{background-image: url("/skin/default/img/mi5.png");}

div.main_box div.no1{margin-left:0}
div.main_box div.no5{margin-right:0}

div.main_box div:hover{box-shadow: 0 8px  16px rgba(0,0,0,0.22); background-color: #f9f9f9; color:#050505}
div.main_box p.txt{font-size:21px; font-weight: normal; margin: 106px 0 0 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"); margin:10px auto}



div.main_box2 {width:100%;height:354px; margin:60px 0; padding:0;}
div.main_box2 div.pop_slide{float:left; width:700px; height: 354px; margin: 0; 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{ float:right; width:700px; height: 354px; margin: 0 0 0 40px; 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"); cursor: pointer }
div.main_box2 div.gong div.gong_top{width:700px;height:150px; border:1px solid #ced3d6; border-radius: 16px; margin: 0; padding:30px 0 20px 20px; overflow: hidden}
div.main_box2 div.gong div.gong_top div.date_area{float:left; width:80px; text-align: center; color:#363a3c;}
div.main_box2 div.gong div.gong_top div.date_area p.yearmonth{font-size:17px; padding: 20px 0 10px 0; margin: 0;}
div.main_box2 div.gong div.gong_top div.date_area p.date{font-weight:  bold; font-size: 24px; margin: 0; padding: 0}

div.main_box2 div.gong div.gong_top div.txt_area{font-family: "Noto Sans KR";  float:right; width:550px; color:#555; font-size: 16px; margin-right:20px}
div.main_box2 div.gong div.gong_top div.txt_area a.notice_top{font-family: "GmarketSans"; color:#363a3c; font-size:19px; display: block; margin: 0 0 20px 0}

div.main_box2 div.gong a.notice_main{display: block; color:#494949; font-family: "Noto Sans KR"; font-size:16px; margin:10px 10px 10px 15px}
div.main_box2 div.gong a.notice_main span.day{font-size:15px; color:#999; float:right}

div.main_box3 {width:100%;height:200px; margin:60px 0; padding:0;}
div.main_box3 div.tit_area{float:left; width:230px; height:200px}
div.main_box3 div.ebook_area{float:right; width:1210px; height:200px}

div.main_box3 div.ebook_area li.ebook_img{width:155px; height:169px;background-size: 100%; cursor: pointer}


div.main_box3 div.tit_area p.tit{font-size:28px; color:#363a3c; font-weight: bold; margin: 10px 0 }
div.main_box3 div.tit_area span.prev{display: inline-block; width:29px; height: 38px; background: url("/skin/default/img/ebook_slide_prev.png"); margin:0px 20px 0 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"); margin:0px 0 0 20px;cursor:pointer}

/*main banner */
div.main_banner_wrap{width: 100%; height: 40px;}
li.banner_slider{width: 155px; height:40px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat;}


/* 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 : 1440px; height: 180px; background-position: center center; background-repeat: no-repeat; background-size:cover; position: relative;  margin: 0 auto ; }

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: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: 1440px; margin: 0 auto;  position: relative; min-height:450px; padding-bottom:90px}

div.body_body div.body_contents div.left{vertical-align: top; display: inline-block; width: 280px; overflow: hidden}
div.body_body div.body_contents div.right{vertical-align: top; display: inline-block; width: 1150px; min-height:500px; padding:40px 0 50px 20px; font-family: "Noto Sans KR"}

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_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: block; overflow: hidden; width:100% ; border-bottom:1px solid #ccc; padding:20px 30px}
div.gasa_list_box div.img_box{float:left; width:250px; height:200px; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer}
div.gasa_list_box div.tit_box{float:right; width:800px; 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%;  background:url("/skin/default/img/polygon1.png") no-repeat center; overflow: hidden}
div.gasa_main_box div.text_box div.tleft{float: left; width:538px ;border:0px solid #aaa;min-height:300px;}
div.gasa_main_box div.text_box div.tright{float: right; width:538px ;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 input.find_txt {width:250px;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.find_form input.find_txt2 {width:250px;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: 25px 0 0 25px}
form.find_form 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 span.find_view i{color: #fff; font-size: 38px; vertical-align: top; padding: 5px 0 0 10px;}
form.find_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: 25px 0 0 25px; width:100px} 


/* 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;}

/* 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 20px; text-align: left }
div.pav_list_box div.pav_box{ display: inline-block; width:180px; height:210px; border:1px solid #aaa; padding:0; margin:0px 17px 60px 17px; cursor:pointer; border-radius: 8px}
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}
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 0;margin:0 auto;width: 1440px; vertical-align: top;}
div.bottom div.bbody div.logo{display: inline-block; width: 300px; vertical-align: top; padding-top: 0px;}
div.bottom div.bbody div.logo img{display: block; margin-top:9px; height: auto}
div.bottom div.bbody div.text{display: inline-block; width: 1130px; font-size: 13px; color: #222; padding-left: 20px;}
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:1440px; margin:0 auto; padding:0 ; 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;}
{}
</style>