@charset "utf-8";
/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body, input, textarea, select, button, table{font:normal 12px '돋움', Dotum, AppleGothic, sans-serif; color:#545454; word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;}
img, fieldset{border:0;}
img{vertical-align:top;}
input, select{vertical-align:middle;}
ul, ol{list-style:none;}
em, address, caption, th{font-style:normal;}
a{text-decoration:none; color:#777;}
a:hover, a:active, a:focus{text-decoration:underline; color:#0066a6;}
form{margin:0; padding:0;}

/* table */
table{border-collapse:collapse; border-spacing:0;}

/* skip */
	#skipNavigation, .skip, hr, legend, .add, h2{
	position : absolute ;
	width : 0 ; 
	height : 0 ; 
	font-size : 0 ; 
	line-height : 0 ;
	overflow : hidden ; 
	visibility:hidden;
	}

body{width:100%; height:100%;}
#wrap{min-width:640px; min-height:540px; overflow:hidden; width:100%; height:100%; display:inline-block;}
/* header{height:31px; padding:10px; position:relative; border-bottom:1px solid #e7e7e4;} */
header{width:100%; height:66px; padding:18px 0; border-bottom:1px solid #e7e7e4; position:relative;}
header p.back{position:absolute; top:19px; right:22px;}
header h1{text-align:center; padding-top:5px;}

/* menu */
.slide-out-div{z-index:99999; width: 476px; height:100%; min-height:100%; background:url("../image/common/bg_all_menu.gif");}
.slide-out-div p.menuTitle{color:#fff; font-size:31px; letter-spacing:-2px; padding:38px 0 0 28px; height:66px; background:url("../image/common/bg_menu_line.gif") repeat-x 0 100%;}
.mainmenu{height:100%;}
.mainmenu li{color:#fff; font-size:28px; letter-spacing:-1px; padding:23px 0 0 0; text-indent:28px;}
.mainmenu li div.submenu{background:url("../image/common/bg_menu_line.gif") repeat-x 0 0 #333; margin:23px 0 0 0;}
.mainmenu li div.submenu ol{background:url("../image/common/bg_menu_line.gif") repeat-x 0 100%; padding:8px 0;}
.mainmenu li div.submenu ol li{padding:0;}
.mainmenu li div.submenu ol li a{color:#a0a0a0; font-size:23px; letter-spacing:-1px; display:block; padding:15px 0;}
.mainmenu li div.submenu ol li a:hover{color:#ffd800; text-decoration:underline;}

/* main_container */
#container{width:100%; height:auto; }
#container .sport{width:640px; height:auto; position:relative; text-align:center; margin:0 auto;}
#container .sport .vodBtn{position:absolute; bottom:10px; right:10px; text-align:right;}
#menu{width:640px; height:auto; margin:0 auto;}
#menu ul li{float:left; width:33%; height:auto; border-bottom:1px solid #f3f3f3;}
#menu ul li.line{border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3;}
#menu ul li a{display:block; width:100%; height:100%;}
#menu ul li img{width:100%;}

/* sub_container */
.path{padding:28px 0 0 22px;}
.path img{height:35px;}
#content{padding:0 22px 100px 22px;}
.greeting{width:100%; height:auto; margin:22px 0 0 0;}
.greeting .textBox{font-size:1.8em; letter-spacing:-1px; line-height:150%;}
.greeting .textBox p{margin:25px 0 0 0;}
.supervision .tableBox{width:100%; height:auto; margin:27px 0 0 0;}
.supervision .tableBox h4{font-size:2em; letter-spacing:-1px;}
.supervision table{width:100%; height:auto; margin:20px 0 0 0; padding-bottom:100px; border-right:1px solid #ccc;}
.supervision table thead th{border-top:2px solid #5b5b5b; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f7f7f7;padding:10px 0;}
.supervision table tbody th{border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; font-size:1.6em;}
.supervision table tbody td{border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; font-size:1.6em; line-height:150%;}
.supervision table tbody td.number{padding:10px 0; text-align:center;}
.history{width:100%; height:auto; margin:57px 0 0 0;}
.history #tabmenu{width:100%; height:42px; margin:46px 0 0 0;}
.history #tabmenu li{float:left; width:23.8%; height:45px; text-align:center; margin-right:2px;}
.history #tabmenu li a{background:url("../image/sub/tabmenu_off.gif") no-repeat top right #d7d7d7; display:block; width:100%; height:100%; font:bold 25px 'Myriad Pro', 'Dotum'; padding:10px 0 0 0; color:#fff; letter-spacing:-1px; text-decoration:none;}
.history #tabmenu li a:hover, .history #tabmenu li.on a{background:url("../image/sub/tabmenu_on.gif") no-repeat top right #3a3a3a; }
.history div.hisContents img{margin:1px 0 0 0;}
.history div.hisContents div.year_cont p{margin:37px 0 0 0; font-size:1.9em; line-height:140%; letter-spacing:-1px;}
.guide{width:100%; height:auto; margin:29px 0 0 0;}
.guide .guideBox1{width:100%; height:auto; margin:25px 0 0 0;}
.guide .guideBox1 h4{font-size:2em; letter-spacing:-1px; color:#235496; line-height:130%;}
.guide .guideBox1 h4 span{color:#91a9ca;}
.guide .guideBox1 p{font-size:1.8em; margin:20px 0 0 0; letter-spacing:-1px; line-height:140%;}
.guide .guideBox1 p span{color:#ff5a00;}
.guide .guideBox2{width:100%; height:auto; margin:33px 0 0 0;}
.guide .guideBox2 h4{font-size:2em; letter-spacing:-1px;}
.guide .guideBox2 img{margin:16px 0 0 0;}

.ModlList{width:100%; height:auto; margin:21px 0 0 0;}
.ModlList .search{border:2px solid #727272; padding:10px; height:36px;}
.ModlList .search select{font-size:2em; border:1px solid #c5c5c5; float:left;}
.ModlList .search #search_word{border:1px solid #c5c5c5; font-size:2em; padding:3px; width:59%; float:left; margin:0 5px;}
.ModlList .search button{float:left; width:38px; height:38px; border:0; background:none;}

.ModlList .ModlSearchBox{background:#006fc0;}
.ModlList .ModlSearchBox .openBox p span{color:#fff; float:right; font-size:2em;}
.ModlList .ModlSearchBox .openBox p a{display:block; padding:10px;}
.ModlList .ModlSearchBox .closeBox{background:#006fc0; height:auto; height:130px;}
.ModlList .ModlSearchBox .closeBox ul, .ModlList .ModlSearchBox .closeBox2 ul{padding:0 10px;}
.ModlList .ModlSearchBox .closeBox ul li, .ModlList .ModlSearchBox .closeBox2 ul li{float:left; margin:8px 0 0 0; width:100%;}
.ModlList .ModlSearchBox .closeBox ul li.fw50_l, .ModlList .ModlSearchBox .closeBox2 ul li.fw50_l{float:left; width:49%;}
.ModlList .ModlSearchBox .closeBox ul li.fw50_r, .ModlList .ModlSearchBox .closeBox2 ul li.fw50_r{float:right; width:49%;}
.ModlList .ModlSearchBox .closeBox ul li input, .ModlList .ModlSearchBox .closeBox2 ul li input{font-size:2em; padding:3px; border:0; width:100%;}
.ModlList .ModlSearchBox .closeBox2 ul li select{font-size:2em; padding:2px; border:0; width:100%;}
.ModlList .ModlSearchBox .closeBox .searchBtn, .ModlList .ModlSearchBox .closeBox2 .searchBtn{width:100%; border:0; background:#4a4a4a; color:#fff; font-size:2em; padding:10px 0; margin:10px 0 0 0;}

.ModlList .List{width:100%; height:auto; margin:20px 0 0 0; background:url("../image/sub/bg_bar.gif") repeat-x 0 100%;}
.ModlList .List .TE_R{font-size:1.8em; letter-spacing:-1px;}
.ModlList .List ul{width:100%; height:auto; margin:5px 0 0 0;}
.ModlList .List ul li{background:url("../image/sub/bg_bar.gif") repeat-x 0 0; padding:30px 5px;}
.ModlList .List ul li dl dt{letter-spacing:-1px; font-size:2em; color:#006fc0;}
.ModlList .List ul li dl dt a{color:#006fc0;}
.ModlList .List ul li dl dt em{display:block; color:#979797; font-size:0.75em;}
.ModlList .List ul li dl dd{margin:12px 0 0 0;}
.ModlList .List ul li dl dd ol li{background:url("../image/sub/bul_list.gif") no-repeat 0 4px; padding:0 0 0 20px; display:inline-block; width:231px; font-size:1.6em; margin:11px 0 0 0; letter-spacing:-1px; color:#929292;}
.ModlList .List ul li dl dd ol li.fn100{clear:both; width:90%;}
.ModlList .List ul li dl dd ol li strong{color:#4b4b4b;}
.ModlList .List ul li dl dd ol.viewlist li{width:80%;}

.ModlBtn{text-align:right; width:100%; height:auto; margin:20px 0 0 0;}
.ModlBtn button{background:#4a4a4a; font-size:1.6em; color:#fff; border:0; padding:10px 25px;}

/* board */
.boardList{width:100%; height:auto; margin:35px 0 0 0;}
.boardList ul{border-top:2px solid #4b4b4b;}
.boardList ul li{border-bottom:1px solid #d2d2d2; padding:18px 13px;}
.boardList ul li a{display:block; color:#454545; font-size:2em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.boardList ul li a:hover{color:#006fc0;}
.boardList ul li span{display:block; text-align:right; color:#979696; font-size:1.6em; letter-spacing:-1px; margin:5px 0 0 0;}

.boardView{width:100%; height:auto; margin:17px 0 0 0;}
.boardView p{color:#979696; font-size:1.6em; letter-spacing:-1px;}
.boardView dl{margin:5px 0 0 0;}
.boardView dt{border-top:2px solid #4b4b4b; border-bottom:1px solid #d2d2d2; background:#f5f5f5; padding:10px; font-size:2em; letter-spacing:-1px;}
.boardView dd{font-size:1.8em; color:#797979; border-bottom:1px solid #d2d2d2; padding:10px;}

/* paging */
.paging{text-align:center; margin:30px 0 0 0;}
.paging .page_on{font-weight:bold; color:#fff; display:inline-block; padding:7px 13px; background:#7da2bd; border:none;}
.paging a{display:inline-block; border:1px solid #d1d1d1; padding:7px 13px; margin:0 3px; text-decoration:none; letter-spacing:-2px; font-size:1.5em;}

/* footer */
footer{float:left; width:100%; height:123px; background:#393939; text-align:center; padding:37px 0 0 0;}
footer ul li{display:inline;}
footer ul li a{display:inline-block; width:128px; height:auto; padding:14px 0; background:#4d4d4d; color:#fff; font-weight:bold; font-size:1.8em; text-decoration:none;}
footer ul li a:hover{color:#fff; text-decoration:none;}
footer cite{display:block; width:100%; font-style:normal; margin:10px 0 0 0; font-size:1.8em;}
footer cite span{color:#ffe26a;}

/* align */
.TE_R{text-align:right;}

/*font */
.textem8{font-size:0.8em; letter-spacing:-1px; line-height:150%;}



#area1{display:none;}
.tit1{font-size:1.9em; letter-spacing:-1px; line-height:150%; sans-serif; color:#585858; font-weight:bold;}
.tit2{font-size:1.2em; letter-spacing:-1px; line-height:150%; sans-serif; color:#585858; font-weight:bold;}
.tit3{font-size:1em; letter-spacing:-1px; line-height:150%; sans-serif; color:#8f9394; font-weight:bold;}

#info{clear:both; float:left;}
#info ul {clear:both; float:left;}
#info ul li{float:left;}
#info ul li a{ float:left;}


div.greeting  table{width:100%; height:140px; margin-top:25px; background-color:#f9f9f9; font-size:1.2em;}
div.greeting  table tr{border-bottom:1px solid #c3c3c3;}
div.greeting  table .trtop{border-top:2px solid #494949;}
div.greeting  table tr td{padding-left:20px; border:1px solid #c3c3c3}
div.greeting  .tdcolor{background-color:#ededed;}

.bus_info{padding-top:30px;}
.bus_info dl{}
.bus_info dt {padding-left:10px; font-weight:bold; padding-bottom:5px; padding-top:15px;}
.bus_info dd{padding-left:20px; }



.bus_info dl{font-size:1.8em; letter-spacing:-1px; line-height:150%;}



/*exhibit*/

.dvs_right{text-align:center;padding-top:20px;}

.ec_right{clear:both; float:right; width:55%;}

.ec_right p img{float:left;}

.pt20{padding-top:20px;}
.pl5{padding-left:5px;}

.exhibitView{border-top:2px solid #727272; margin-top:30px;}
.exhibitView h1{display:block; color:#1759c7; font-size:3em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; padding:20px; border-bottom:1px solid #6b9bc3;}
.exhibitView ul{}
.exhibitView ul li{border-bottom:1px solid #d2d2d2; padding:18px 13px; display:block; color:#454545; font-size:2em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.exhibitView ul li a{display:block; color:#454545; font-size:2em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.exhibitView ul li a:hover{color:#006fc0;}
.exhibitView ul li span{display:block; text-align:right; color:#979696; font-size:1.6em; letter-spacing:-1px; margin:5px 0 0 0;}
.exhibitView img{padding-top:10px;}

.exhibitDetail{padding-top:20px;}
.exhibitDetail p {padding-top:20px; font-size:2em; color:#454545; }
.exline{border-bottom:1px solid #e5e5e5;}
.btnlistview{text-align:center;padding-top:20px;}

/*gallery*/
.galleryView{border-top:2px solid #727272; margin-top:30px;}
.galleryView h1{display:block; color:#1759c7; font-size:3em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; padding:20px; border-bottom:1px solid #6b9bc3;}
.galleryView ul{}
.galleryView ul li{border-bottom:1px solid #d2d2d2; padding:18px 13px; display:block; color:#454545; font-size:2em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.galleryView ul li a{display:block; color:#454545; font-size:2em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.galleryView ul li a:hover{color:#006fc0;}
.galleryView ul li span{display:block; text-align:right; color:#979696; font-size:1.6em; letter-spacing:-1px; margin:5px 0 0 0;}
.galleryView img{padding-top:10px;}

.data_list1{display:block; float:left; width:43%; padding-left:36px; text-align:center;}

.dl_thum{float:left; width:117px;  padding-left:40px;  padding-top:10px; text-align:center;}
.dl_data{float:left; padding-left:40px; padding-top:20px;width:60%;}

.dld_tl1{display:block; color:#454545; font-size:2em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.dld_date{padding-top:10px; display:block; color:#979696; font-size:1.3em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}


.galleryViewt{margin:0 0 20px 0; width:100%;}
.galleryView table{border: 1px;}
.galleryView table thead{}
.galleryView table tbody tr th{color:#454545; font-size:1.6em; height:46px;  border: solid 2px #eee; background-color:#e8e8e8;}
.galleryView table tbody tr td{color:#767676; font-size:1.3em;height:35px; border: solid 2px #eee; padding-left:15px;}
.galleryView table tbody tr td a{color: #767676;}


.gallery ul{width:100%; height:auto;margin:5px 0 0 0; border-bottom:1xp solid #767676;}
.gallery ul li{clear:both; background:url("../image/sub/bg_bar.gif") repeat-x 0 0; padding:30px 5px; }


.seed{text-align:center;}
.seed img{width:420px; height:186px; padding-top:100px; padding-bottom:100px;}


.pb20{padding-bottom:20px;}
.pr10{padding-right:10px;}

.booklink{height:150px;}
.booklink li{float:left; text-align:center; width:25%}
.booklink li{font-size:0.8em;}


.booklink2{height:150px;}
.booklink2 li{float:left; text-align:center; width:33%}
.booklink2 li{font-size:0.8em;}


.infofont {font:normal 1.2em '돋움', Dotum, AppleGothic, sans-serif; color:#be2e2e; font-weight:bold;}
.infofont2{font:normal 1.0em '돋움', Dotum, AppleGothic, sans-serif; color:#636363; font-weight:bold;}
.infofont3{font:normal 1.0em '돋움', Dotum, AppleGothic, sans-serif; color:#e9663b; font-weight:bold;}


.textc{text-align:center;}


/*행정서비스 헌장*/
.tit{font:normal 1em '돋움', Dotum, AppleGothic, sans-serif; color:#585858; font-weight:bold;}
.title_top{font-size:2em}
.top_guide2 { position:relative; background:url(../../image/common/bg_title.gif) no-repeat right 0 #ecebeb; padding:23px 30px 23px 25px; color:#235496; }
.ct_sstl2 { font-size:1.8em; background:url(../../image/common/bullet2.gif) no-repeat left 5px; padding-left:17px } 

.d_list { position:relative; margin-top:15px }
.d_list li { position:relative; background:url(../../image/common/bullet1.gif) no-repeat 10px 10px; padding-left:20px; padding-right:20px; margin-bottom:6px; font-size:1.8em}
.d_list li .d_list_dep2 { position:relative; margin-top:4px }
.d_list li .d_list_dep2 li { position:relative; background:url(../image/common/bullet3_1.gif) no-repeat 3px 9px; padding-left:10px; margin-bottom:2px; font-size:1.8em}
.d_list li .d_list_dep2 li .d_list_dep3 { position:relative; margin-top:2px }
.d_list li .d_list_dep2 li .d_list_dep3 li { position:relative; background:none; padding-left:0; margin-bottom:0; font-size:1.0em}
.d_list li table th, .d_list li table td { font-size:0.9em}


.tb_wp { width:100%; margin-top:25px; border-top:1px solid #b2b2b2 }
.tbst { width:100%; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; margin-top:0px; border-top:2px solid #6d6d6d; border-bottom:1px solid #b9b9b9; }
.tbst th { padding:12px 0; text-align:center; color:#424242; border-color:#e3e3e3; border-style:none solid solid none; border-width:0 1px 1px 0; background:#f9f9f9 }
.tbst td { padding:12px 10px; border-color:#e3e3e3; border-style:none solid solid none; border-width:0 1px 1px 0; text-align:center; color:#777 }
.tbst td.td_col { background:#faecea; color:#f04031 }
.tbst td.txt_l { text-align:left; padding-left:10px; padding-right:10px; line-height:1.7 }
.tbst td.suj a { color:#444; text-decoration:none; font-size:1.1em }
.tbst td.suj a:hover { color:#000; font-size:1.1em }


.colorpoint_b{color:#4ca0fa}


.mt_20{margin-top:20px;}