/* CSS Document */

#wrap {display:block;width: 100%; min-width: 320px; height:100%; padding:0px; margin:0px; min-height:100%;background:rgb(255,255,255);}
#_index {width: 100%; min-width: 320px; max-width: 100%; height:100%; min-height:100%; padding:0px; margin:0px; background:rgb(255,255,255);}
._page_list{width: 100%; min-width: 320px; max-width: 100%; height:100%; min-height:100%;background:rgb(255,255,255);}
#one,#two,#three,#four{width: 100%; min-width: 320px; height:100%; min-height:100%;background:rgb(255,255,255);}

/* skip navigation */
#skipNavigation {position:absolute; left:0; top:0; width:100%; z-index:10000;}
#skipNavigation a {display:block; position:absolute; left:0; top:-10px; width:100%; height:1px; margin-bottom:-1px; background:#f2f2f2; font-size:0; text-align:center; font-weight:bold; color:#444;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position:absolute; left:0; top:0; height:20px; padding:4px; font-size:15px;}

/* header */
#header {position: relative;width: 100%;min-width:320px;height:99px; text-align:center;}
	header h1 {position:absolute;z-index:1;width:100%;padding-top:18px;text-align:center;}
	header #tnb {clear:both;position:relative;width: 100%;height:59px;}
		header #tnb ul{clear:both;width:100%;}
		header #tnb ul li a {display: block; overflow:hidden; width:45px; height:31px; text-indent:-9999px;}
		header #tnb ul li a.back {display: block; position:absolute; z-index:2; top:16px; left:5px;width:45px; height:31px; text-indent:-9999px; overflow:hidden;background:url(/images/common/btn1_back.png) no-repeat left top;}
		header #tnb ul li a.sitemap {display: block; position:absolute; z-index:2; top:16px; right:5px; width:34px; height:31px; text-indent:-9999px; overflow:hidden;background:url(/images/common/btn1_sitemap.png) no-repeat left top;}
	header #gnb{clear:both;position:relative; width:100%; height: 37px;border-top:1px solid #7517a8;border-bottom:1px solid #4e1071;background:#671594}
		header #gnb li {float:left; width:24%;height:37px;}
		header #gnb li a {display: block; width: 100%;height:37px; text-align:center;font-family:Malgun Gothic; font-weight: bold; color:rgb(255,255,255);line-height:37px;}
		header #gnb li a:hover {display: block; width:100%; color:rgb(255,240,170)}
		header #gnb li.on a {display: block;font-size:1.1em; letter-spacing:-.1em;color:rgb(255,240,170)}
		header #gnb li.on a:hover {display: block; color:rgb(255,240,170)}

/* content */

#contents {clear:both;position:relative;width: 100%;min-width:320px;background:rgb(255,255,255)}

	/* ¸ÞÀÎ */
	.main{display: block;clear:both;}
		#visual_wrap{display: block;clear:both;position: relative;width:100%;height:auto;}
			#popup{display:block;position:relative;width:100%;}
				#popup .clsBannerScreen{position: relative;z-index:9; width:100%; overflow:hidden}
				#popup .clsBannerScreen .images {display:none;position:absolute;z-index:10;left:0px;top:0px;width:100%;}
				#popup .clsBannerScreen .images img{width:100%;}
				#popup .clsBannerButton {display:block;position:absolute;z-index:10;bottom:5px;width:100%;}
				#popup .clsBannerButton ul{display: block;clear:both;width:44px;margin:0 auto;}
				#popup .clsBannerButton ul li{display:block;float: left;width:30%;}

			#notice_wrap{display:block;position:relative;min-height:130px;padding:15px;text-align:center;background:url(/images/main/notice_bg.png) repeat left top;}
			#notice_wrap .notice1 h3,#notice_wrap .notice2 h3{display:block;padding:0;margin:0;background:none;color:rgb(255,255,255);text-align:center;line-height:25px}
			#notice_wrap .notice1 .notice_list, #notice_wrap .notice2 .notice_list{display:block;padding:10px;text-align:left;}
			#notice_wrap .notice1 .notice_list .img {display:block;float:left;width:110px;height:76px;text-align:left;}
			#notice_wrap .notice1 .notice_list .img img{width:101px;height:76px;}
			#notice_wrap .notice1 .notice_list .subject {display:block; overflow:hidden;height:16px;line-height:16px;color:rgb(84,84,84);letter-spacing:-0.05em;white-space:nowrap;text-overflow:ellipsis;}
			#notice_wrap .notice1 .notice_list .con {display:block;overflow:hidden;height:45px;font-size:9pt;color:#787878;line-height:125%;}
			#notice_wrap .notice1 .notice_list .wdate{display:block;height:16px;line-height:12px;font-family:Verdana;font-size:8pt;color:#adadad;}
			#notice_wrap .notice2 .notice_list .subject {display:block; position:relative;overflow:hidden;height:16px;line-height:16px;color:rgb(84,84,84);letter-spacing:-0.05em;white-space:nowrap;text-overflow:ellipsis;}
			#notice_wrap .notice2 .notice_list .wdate{display:block;position:absolute;top:0;right:0;height:16px;padding-left:5px;line-height:16px;font-family:Verdana;font-size:8pt;color:#adadad;background:rgb(255,255,255)}

			#mservice{display: block}
			#mservice ul	{display: block;clear:both;}
			#mservice ul:after	{ content: ""; clear: both; display: block;}
			#mservice ul li {display:block;float:left;width:50%}
			#mservice ul li a{display: block;}
			#mservice ul li img{max-width:100%;width:100%;height:auto}

			@media only screen and (min-width: 640px){
				#notice_wrap .notice1{display:block;float:left; width:49%;height:130px;min-height:130px; border-radius:10px;box-shadow: 1px 1px 5px rgba(0,0,0,.3); background:url(/images/main/notice1_bg.png) repeat-x left top}
				#notice_wrap .notice2{display:block;float:right; width:49%;height:130px;min-height:130px; border-radius:10px;box-shadow: 1px 1px 5px rgba(0,0,0,.3); background:url(/images/main/notice2_bg.png) repeat-x left top}
			}
			@media only screen and (min-width: 320px) and (max-width: 640px) {
				#notice_wrap .notice1{display:block; height:130px;margin-bottom:10px;border-radius:10px;box-shadow: 1px 1px 5px rgba(0,0,0,.3); background:url(/images/main/notice1_bg.png) repeat-x center top}
				#notice_wrap .notice2{display:block; height:130px;margin-bottom:10px;border-radius:10px;box-shadow: 1px 1px 5px rgba(0,0,0,.3); background:url(/images/main/notice2_bg.png) repeat-x center top}
			}





	/*###########################################################*/

	#contents #snb {clear:both; position:relative;z-index:30;width:100%; height: 32px; padding:0; background:url(/images/sub/gnb_bg.png) repeat-x left top;}

		#contents #snb .snb_btn_left {display:inline-block;position:absolute; z-index:999999; top:0; left:0;width:20px;height: 19px;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:0 0;}
		#contents #snb .snb_btn_right {display:inline-block;position:absolute;z-index:999999; top:0; right:0;width:20px;height: 19px;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:-40px 0;}

		#contents #snb .snb_btn_left a					{display:block;overflow:hidden;width:31px;height:32px;padding:0;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:0 -40px; text-indent:-9999px;}
		#contents #snb .snb_btn_right a				{display:block;overflow:hidden;width:31px;height:32px;padding:0;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:-40px -40px; text-indent:-9999px;}
		#contents #snb .snb_btn_left a.on				{background-position:0 -40px;}
		#contents #snb .snb_btn_right a.on			{background-position:-40px -40px;}

		#contents #snb .snb_btn_body {display:block;position:relative;z-index:31;height: 32px; padding:0 20px;}
			#contents #snb .snb_btn_body #snb_btn_list {display:block;overflow:hidden;width:100%;height: 34px;}
			#contents #snb .snb_btn_body #snb_btn_list ul {display:block; width:100%;}
			#contents #snb .snb_btn_body #snb_btn_list ul li {display:block;float: left;width:33.33%;padding:0;text-align:center;}
			#contents #snb .snb_btn_body #snb_btn_list ul li a {display: block; font-size:.95em;color:rgb(84,84,84);text-align:center;line-height:32px;letter-spacing:-.15em}
			#contents #snb .snb_btn_body #snb_btn_list ul li a:hover {display: block;font-weight: bold;color:rgb(0,122,178);}
			#contents #snb .snb_btn_body #snb_btn_list ul li.on a {display: block;font-weight:bold;color:rgb(0,122,178);}

	#contents #s_visual{clear:both;padding-top:1px;}
	#contents #s_main,#s_main{display: block;clear:both;min-height:250px;padding:20px 15px 20px 15px;}
	#contents #s_main2{display: block;clear:both;min-height:250px;padding:20px 15px 0px 15px;}
	#contents #mobile_board_list{display: block;clear:both;min-height:250px;padding:0px 0px 0px 0px;}

	#contents .sub_bg_top{display: block;clear:both;height:17px;}

/*						¹é¾÷º»

	#contents #snb {clear:both; position:relative;z-index:30;width:100%; height: 32px; padding:0; background:url(/images/sub/gnb_bg.png) repeat-x left top;}
		#contents #snb .snb_btn_left {display:inline-block;position:absolute; z-index:999999; top:0; left:0;width:31px;height: 32px;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:0 0;}
		#contents #snb .snb_btn_right {display:inline-block;position:absolute;z-index:999999; top:0; right:0;width:31px;height: 32px;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:-40px 0; }

		#contents #snb .snb_btn_left a					{display:block;overflow:hidden;width:31px;height:32px;padding:0;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:0 -40px; text-indent:-9999px;}
		#contents #snb .snb_btn_right a				{display:block;overflow:hidden;width:31px;height:32px;padding:0;background:url(/images/sub/snb_btn.png) no-repeat left top; background-position:-40px -40px; text-indent:-9999px;}
		#contents #snb .snb_btn_left a.on				{background-position:0 -40px;}
		#contents #snb .snb_btn_right a.on			{background-position:-40px -40px;}

		#contents #snb .snb_btn_body {display:block;position:relative;z-index:31;height: 32px; padding:0 20px;}
			#contents #snb .snb_btn_body #snb_btn_list {display:block;overflow:hidden;width:100%;height: 34px;}
			#contents #snb .snb_btn_body #snb_btn_list ul {display:block; width:100%;}
			#contents #snb .snb_btn_body #snb_btn_list ul li {display:block;float: left;width:33.33%;padding:0;text-align:center;}
			#contents #snb .snb_btn_body #snb_btn_list ul li a {display: block; font-size:.95em;color:rgb(84,84,84);text-align:center;line-height:32px;letter-spacing:-.15em}
			#contents #snb .snb_btn_body #snb_btn_list ul li a:hover {display: block;font-weight: bold;color:rgb(0,122,178);}
			#contents #snb .snb_btn_body #snb_btn_list ul li.on a {display: block;font-weight:bold;color:rgb(0,122,178);}

	#contents #s_visual{clear:both;padding-top:1px;}
	#contents #s_main,#s_main{display: block;clear:both;min-height:250px;padding:20px 15px 20px 15px;}
	#contents #s_main2{display: block;clear:both;min-height:250px;padding:20px 15px 0px 15px;}
	#contents #mobile_board_list{display: block;clear:both;min-height:250px;padding:0px 0px 0px 0px;}

	#contents .sub_bg_top{display: block;clear:both;height:17px;}



*/


	/*		¼­ºê¸Þ´º ÀçÁ¤ÀÇ mobile jquery¿¡¼­ ¹®¼­ÀÐÀ»¶§ ¸¶´Ù È£ÃâÇÔ		*/


/* footer */
footer {clear:both;position:relative;width: 100%;min-width:320px; border-top:0.1em solid rgb(0,0,0); background:rgb(255,255,255);}
	footer .fnb1{display: block;height:85px;padding-top:10px;text-align:center;background:#000}
	footer .fnb1 ul {text-align:center;}
	footer .fnb1 ul li {display:inline-block;*display:inline;*zoom:1;height:148px; padding:0 1px 0 1px;text-align:center}
	footer .fnb1 ul li a{display:block;width:70px;height:60px;padding-top:7px;border-radius:5px;font-size:0.8rem;font-weight:bold;letter-spacing:-1px;color:#671594;background:#fff;text-align:center;line-height:100%}
	footer .fnb1 ul li a img{display: block;margin:0 auto 5px}

	footer .fnb2{clear:both; position:relative; width:100%; height:30px; padding-top:10px; border-top:0.1em solid rgb(229,229,229);border-bottom:0.1em solid rgb(229,229,229);text-align:center;background:rgb(241,241,241); }
		footer .fnb2 ul {text-align:center;}
		footer .fnb2 ul li {display:inline-block;*display:inline;*zoom:1;height:19px; padding:0 1px 0 1px;}
		footer .fnb2 ul li a{display:inline-block;width:58px; height:19px;border:1px solid rgb(229,229,229);border-radius:3px;font-size:7pt;color:rgb(100,100,100);background:rgb(255,255,255)}

	footer .info{padding:10px 0}
	footer .info p{clear:both; width:100%;text-align:center;font-family:Verdana;font-size:0.8em;color:rgb(153,153,153);letter-spacing:-.07em;line-height:130%;}
	footer .info .copyright{color:rgb(190,190,190)}


/* ³»¿ë */


	.sub1_2{display:block;clear:both;}
	.sub1_2 li{display:block;float: left; text-align:left;}
	.sub1_2 li img{margin:0 10px 10px 0;border:1px solid rgb(230,230,230)}

	.sub4_1{display:block;clear:both;}
	.sub4_1 li{display:block;float: left;}
	.sub4_1 li img{margin:0 10px 10px 0;}

	#map_canvas {display:block;overflow: hidden;height: 200px;min-height:200px; border:2px solid rgb(220,220,220)}

	/* °Ô½ÃÆÇ */
		.boardView_contents {position:relative;display:block;margin-top:-5px;}
		.boardView_contents dt{display:block;min-height:25px;height:auto;padding:8px 10px 5px 10px;border-top: 1px solid rgb(110,184,219);border-bottom: 1px solid rgb(165,206,226);background:rgb(236,248,250);}
		.boardView_contents dt span{padding: 0 5px 0 5px; color:rgb(230,230,230)}

		.boardView_contents dd{clear:both;display:block;min-height:150px;padding:15px 10px 10px 10px;border-top: 3px solid rgb(250,250,250);background:rgb(255,255,255)}
		.boardView_contents dd.btn{clear:both;display:block;min-height:20px;padding:15px 10px 15px 10px;border-top:none;text-align:center;}
		.board_date{display:block;padding-top:3px;font-size:8pt;text-align:right;}

		.mobile_board_count {margin:0; margin-top:-10px; width:50px;}

	/*	ÀԽûó´ã	*/
		#mobile_mask {position:absolute; z-index:99999999; top:0px; left:0px;min-width:100%;width:100%;height: 100%;height: 100%;background-color:#282828;padding:0px;opacity: .8;}
		#board_security {display:none; position:absolute; z-index:999999999; top:0px; left:0px;min-width:300px;width:100%;height: auto;padding:0px;}
		#board_security #popup{text-align:center;display:table; margin-left:auto; margin-right:auto;}
		#board_security #guestBoardSecurity{text-align:center; background-color:white;}
		#board_security #guestBoardSecurity .guestBoardSecurity {display:table; margin-left:auto; margin-right:auto; display:inline-block;padding-top:30px;padding-bottom:30px;}
		#board_security #guestBoardSecurity .guestBoardSecurity div {margin-top:10px}
		#board_security #guestBoardSecurity .guestBoardSecurity .password{height:110%; width:98%}
		#center { text-align:center; background-color:white; }
		#center #board_form_list { display:table;  width:100% margin-left:auto; margin-right:auto; display:inline-block;padding-top:30px;padding-bottom:30px;}
		#center #board_form_list label { float:left;}
		#center #board_form_list ul { width:100% }
		#center #board_form_list ul li{ text-align:left; width:100% }



	/*	ÇлçÀÏÁ¤ */
		.schedule_tle_list {clear:both; display: block; margin:5px -10px 10px -10px;}
		.schedule_tle_list li {display:inline; float: left;}


/*ŸÀÌƲ ±Û*/
.content_tit1{color:#898989;letter-spacing:-.05em}
.content_tit1_1{color:#13bbd0;letter-spacing:-.02em}
.content_tit1_2{color:#454545;letter-spacing:-.07em}
.content_tit1_3{color:#eb8000;letter-spacing:-.02em}

.content_tit2{letter-spacing:-.02em}
.content_tit2_1{letter-spacing:-.02em}

.content_tit3{letter-spacing:-.05em}
.content_tit3_1{color:#aaaaaa;letter-spacing:-.05em}
.content_tit3_2{color:#454545;letter-spacing:-.07em}
.content_tit3_3{letter-spacing:-.07em}

/*³»¿ë ±Û*/
.content_tle3{letter-spacing:-.05em;}
.content_tle3_1{color:#565656;}