@charset "euc-kr";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


/*####################### Default  #######################*/
html, body, div, span, a, ul, li, dl, dt, dd, form, a {font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim';}
th, td, th *, td *, input {font-family:'Nanum Gothic', 'Gulim';}

html, body, ul, li, dl, dt, dd, form, h1, h2, h1, h3, h4, h5, h6 {padding:0; margin:0}
ul, ol, li								{list-style:none; margin:0;}
td *, div *, li *, span *, p *	{vertical-align: middle;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr	{border:none;}
img					{vertical-align: top; border:0px ;}
strong				{font-weight:bold;}


/* Link */
a:link,
a:visited	,
a:hover,
a:active	{font-size:13px; text-decoration:none; color:#555;}

a {selector-dummy: expression(this.hideFocus=true);} /* ÀÏ¹Ý ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */
a,img {selector-dummy: expression(this.hideFocus=true);} /* À̹ÌÁö¸Ê ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */


/* Table */
/*table  		{border-collapse:collapse;}*/


/* From */
textarea	{border:1px solid #666666; padding:10px; border:1px solid #ccc}
select		{border:1px solid #bebebe; font-size:13px;}
input		{vertical-align: top; }


/* Img */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* etc */
.pointer {cursor:pointer;}


/*####################### common #######################*/
.inner {width:1100px; min-width:1100px; text-align:left; margin:0 auto;}
.relative {position:relative;}


/* header */
.header {clear:both; width:100%; min-width:1100px; text-align:center; height:31px; vertical-align:top; overflow:hidden; position:absolute; z-index:1; top:0px; left:0; background-color:#315c91;}

	.header h1 {height:31px; width:145px; background-color:#49a3e1; text-align:right; position:absolute; top:0; left:660px; color:#fff; font-weight:300; font-size:15px; line-height:27px;}
	.header h2 {height:31px; width:120px; background-color:#49a3e1; text-align:left; position:absolute; top:0; left:805px; color:#d8ff00; font-weight:300; font-size:15px; line-height:27px;}

	.header h3 {height:31px; width:180px; background-color:#0080d9; text-align:center; position:absolute; top:0; right:0; line-height:31px;}
	.header h3 a {display:inline-block; color:#fff; font-weight:300; font-size:13px; display:inline-block; background:url('../img/bar2.jpg') no-repeat center left; padding:0 6px 0 9px; margin-top:-8px;}
	.header h3 a:first-child {background:url('none.jpg');}


/* top */
.top {clear:both; width:100%; text-align:center; height:170px; overflow:hidden; position:absolute; z-index:1; top:30px; left:0; background:url('../img/top_bg.jpg') repeat-x 0 0;}

	.logo {float:left;}
	.logo img {margin-top:10px;}

	.menu {float:right; position:relative; width:764px;}
	@media \0screen {	.menu { margin-top:0px; }   }/* ie8 */


/* left */
.left_wrap {width:240px; text-align:left; float:left; vertical-align:top; margin: 0; padding:0 0 40px 0; overflow:hidden;}

	.submenu_title {clear:both; width:200px; height:106px; }
	.submenu {width:200px; padding-top:20px; padding-bottom:20px; background:url('../img/submenu_depth1_bg.jpg') repeat-y bottom left; border-bottom:1px solid #d9d9d9;}
	.submenu ul {width:160px; margin-left:20px;border-top:1px solid #e7e7e7;}


	/* ¼­ºê¸Þ´º */
	.depth1			{clear:both; width:160px; height:40px; vertical-align:top; /*background:url('../img/submenu_depth1.jpg') repeat-y bottom left;*/ border-bottom:1px solid #e7e7e7;}
	.depth1_on		{clear:both; width:160px; height:40px; vertical-align:top; background:url('../img/submenu_depth1_on.jpg') no-repeat center left; border-bottom:1px solid #e7e7e7;}

		a.depth_a:link,
		a.depth_a:visited,
		a.depth_a:active	{display:block; color:#333; font-weight:normal; font-size:15px; line-height: 18px; text-decoration:none; line-height:40px;}
		a.depth_a:hover	{color:#f60; text-decoration:none}

		a.depth_a_on:link,
		a.depth_a_on:visited,
		a.depth_a_on:active {display:block; color:#f60; font-weight:normal; font-size:15px; line-height: 18px; text-decoration:none; line-height:40px;}
		a.depth_a_on:hover	{color:#f60; text-decoration:none}

	.depth2			{clear:both; width:160px; height:auto; background:url('../img/submenu_depth2.jpg') repeat-y center left; overflow:hidden;}
	.depth2_on		{clear:both; width:160px; height:auto; background:url('../img/submenu_depth2_on.jpg') repeat-y center left; overflow:hidden;}

		a.depth_b:link,
		a.depth_b:visited,
		a.depth_b:active {display:inline-block; width:100%; padding:5px 0 5px 20px; color:#555; font-weight:normal; font-size:14px; text-decoration:none;}
		a.depth_b:hover {color:#08c; text-decoration:none}

		a.depth_b_on:link,
		a.depth_b_on:visited,
		a.depth_b_on:active {display:inline-block; width:100%; padding:5px 0 5px 20px; color:#08c; font-weight:normal; font-size:14px; text-decoration:none}
		a.depth_b_on:hover {color:#08c; text-decoration:none}


	/* ÁÂÃø ¹è³Ê */
	.left_banner {clear:both; margin-top:10px}
	.left_banner li {float:left; padding:0 0 10px 0;}
	.left_banner li img {display:block;}


/* footer */
.footer_wrap { clear:both; width:100%; min-width:1100px; text-align:center; vertical-align:top; background-color:#eee; height:135px;}
.footer {clear:both; width:1100px; margin: 0px auto; vertical-align:top;}
	.footer_left {float:left; padding-top:45px; text-align:left; width:235px;}

	.footer_right {float:left; padding-top:30px; font-size:15px; line-height:26px; color:#888; text-align:left; font-weight:300;}
	.footer_right strong{vertical-align:0; font-weight:300; color:#000; display:inline-block;}
	.footer_right span{color:#888}


/*####################### contents #######################*/
/* common */
.contain_wrap {clear:both; width:100%; text-align:center;}
.contain {width:1100px; text-align:left; margin:0 auto;}


/*¸ÞÀÎ ºñÁÖ¾ó*/
.mainimg {clear:both; width:100%; min-width:1100px; height:475px; text-align:center; overflow:hidden; padding-top:119px; position:relative; cursor:pointer}
	#todayArea1 {clear:both; width:100%; height:475px; overflow:hidden; background:url('../img/visual_1.jpg') no-repeat bottom center;}
	#todayArea2 {clear:both; width:100%; height:475px; overflow:hidden; background:url('../img/visual_2.jpg') no-repeat bottom center;}
	#todayArea3 {clear:both; width:100%; height:475px; overflow:hidden; background:url('../img/visual_3.jpg') no-repeat bottom center;}
	#todayArea4 {clear:both; width:100%; height:475px; overflow:hidden; background:url('../img/visual_4.jpg') no-repeat bottom center;}

/*¸ÞÀÎ ³»¿ë*/
.main_wrap {clear:both; width:1100px; margin: 0 auto; vertical-align:top; text-align:left; padding-top:20px;}

	/* °øÁö»çÇ× */
	.notice {float:left; width:355px;}
		.notice > .tit {clear:both; width:100%; height:65px;position:relative;}
		.notice > .latest {clear:both;}
		.notice > .latest dl {clear:both; height:29px;}
		.notice > .latest dt {float:left; width:280px; height:29px; vertical-align:0; text-align:left; overflow:hidden;}
		.notice > .latest dt a { font-weight:300; font-size:14px; color:#333;}
		.notice > .latest dd {float:left; width:75px; height:29px; font-weight:300; font-size:14px; color:#999; vertical-align:0; text-align:left; padding-top:4px;}

	/* ¹è³Ê */
	.mb {float:left; width:365px; margin-left:30px;}
	.mb li {clear:both; padding-bottom:10px;}

	.mb2 {float:right;}

	/* Á¦Ç°¼Ò°³ */
	.gallery {clear:both; margin:0 auto; padding-top:15px; width:100%; height:auto;}
	.gallery > .tit {clear:both; width:100%; height:62px; position:relative;}
	.gallery > ul {clear:both; width:100%; height:310px;}
	.gallery > ul > li {float:left; width:262px; height:295px; background:url('../img/thumb.jpg') no-repeat bottom right; text-align:center; padding-left:17px; text-align:center; overflow:hidden; }
	.gallery > ul > li:first-child {padding-left:0;}
	.gallery > ul > li img {display:block; margin-bottom:8px; border:1px solid #ccc;}
	.gallery > ul > li a {font-size:14px; color:#555;}

/* sub */
.topimg_wrap {clear:both; width:100%; height:235px; text-align:center; padding-top:119px;}
	.topimg1 {background:url('../img/topimg1.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg2 {background:url('../img/topimg2.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg3 {background:url('../img/topimg3.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg4 {background:url('../img/topimg4.jpg') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}

.contents_wrap {color:#555; font-size:13px; line-height:21px; word-break: keep-all; width:860px; text-align:left; vertical-align:top; padding: 0px 0 40px 0px;}
.contents_wrap * {color:#555; font-size:13px; line-height:21px; word-break: keep-all; position:relative;}
.cont {clear:both; font-size:15px; line-height:27px; font-weight:300; color:#555;-webkit-text-size-adjust: 100%; font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim';} /* ÀϹÝÆäÀÌÁöÀÇ ±ÛÀÚÅ©±â */
	.title_wrap {width:100%; text-align:left; float:right; vertical-align:top; padding: 30px 0 30px 0px; margin-bottom:40px; border-bottom:1px solid #e4e4e6; }
		.page_title {color:#111; font-size:18px; font-weight:600; text-align:left; float:left}
		.navigation {color:#999; font-size:12px; font-weight:normal; text-align:right; float:right;}
		.navigation img{vertical-align:-5px}

.tit1 {clear:both; font-size:19px; color:#333; text-align:left; width:100%; height:20px; font-weight:500; background:url('../img/tit1.jpg') no-repeat left bottom; text-indent:32px; margin-bottom:15px;}
.tit2 {clear:both; font-size:17px; color:#c60; text-align:left; width:100%; height:20px; font-weight:500; background:url('../img/tit2.jpg') no-repeat left bottom; text-indent:32px; margin-bottom:15px;}

.tb1 {border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; width:100%;}
.tb1 th{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:8px; background-color:#f8f8f8;}
.tb1 td{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:left; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:8px 0 8px 20px;}
.tb1 td.bg{background-color:#f8f8f8;}

.tb2 {border-top:2px solid #15aee0; width:100%; margin:5px 0 20px 0;}
.tb2 th{border-bottom:1px solid #dddada; text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:10px 30px; background-color:#f8f8f8; width:145px; }
.tb2 th img {display:inline-block; margin-right:8px;}
.tb2 td{border-bottom:1px solid #dddada; text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:10px 0 10px 30px;}
.tb2 td strong {font-size:15px; line-height:27px; color:#3b80c5; font-weight:300; vertical-align:0;}

.tb3 {margin:30px 0 0 0;}
.tb3 th{text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; vertical-align:top;}
.tb3 td{text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300;; vertical-align:top; }

.tb4 {border-top:1px solid #59b2de; width:100%;}
.tb4 th{border-bottom:1px solid #dddada; text-align:right; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:15px 60px 0 0; vertical-align:top; background-color:#f4fbff;}
.tb4 th strong {display:inline-block; padding-right:25px; font-size:15px; line-height:27px; color:#08c; font-weight:300; vertical-align:0;}
.tb4 td{border-bottom:1px solid #dddada; text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:15px 0 15px 25px; vertical-align:top;}

.tb5 {border-top:1px solid #59b2de; width:100%;}
.tb5 th{border-bottom:1px solid #dddada; text-align:center; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:10px 0; vertical-align:top; background-color:#f4fbff;}
.tb5 td{border-bottom:1px solid #dddada; text-align:center; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:10px 0; vertical-align:top;}
.tb5 td.total{font-size:15px; color:#333; font-weight:bold; background-color:#fafafa;}
.tb5 tr td:first-child {border-right:1px solid #dddada}

.box1 {clear:both; width:100%; text-align:center; padding:10px 0; font-size:15px; line-height:25px; color:#555; font-weight:500; background-color:#f2f2f2; border-radius:12px; margin-top:20px;}
.box2 {clear:both; width:100%; text-align:center; padding:10px 0; font-size:15px; line-height:25px; color:#555; font-weight:300; border:1px solid #e6e6e6; border-radius:12px; margin-top:20px; margin-bottom:30px;}
.box2 strong {vertical-align:0; font-size:15px; color:#f60; font-weight:500;}

.font1 {display:block; font-size:24px; font-weight:bold; color:#333; height:40px; width:100%; text-align:center;}
	.font1 h1 {display:inline-block; font-size:24px; font-weight:bold; color:#08c; vertical-align:0;}
	.font1 h2 {display:inline-block; font-size:24px; font-weight:bold; color:#690; vertical-align:0;}
	.font1 h3 {display:inline-block; font-size:24px; font-weight:bold; color:#f60; vertical-align:0;}
.font2 {display:block; font-size:17px; font-weight:300; color:#333; width:100%; text-align:center;}
.font3 {display:block; width:100%; text-align:center; font-size:15px; font-weight:400; color:#777; line-height:28px;}
.font4 {display:block; width:100%; height:35px; text-align:center; font-size:26px; font-weight:bold; color:#08c;}
.font5 {display:block; width:100%; height:70px; text-align:center; font-size:17px; font-weight:300; color:#333;}


/* etc */
.hr {width:100%; margin-top:30px; height:25px; border-top:1px dotted #999}
.v {vertical-align:0;}
.ar {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.block {display:block;}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pt30 {padding-top:30px !important;}

.red {font-size:15px; color:#f66 !important; vertical-align:0;}
.orange {font-size:15px; color:#f60 !important; vertical-align:0;}
.blue {font-size:15px; color:#08c !important; vertical-align:0;}
.black {font-size:15px; color:#333 !important; vertical-align:0}
.gray {font-size:15px; color:#999 !important; vertical-align:0;}
.green {font-size:15px; color:#690 !important; vertical-align:0;}
.violet {font-size:15px; color:#8733e0 !important; vertical-align:0;}
.no {font-size:13px; color:#fff !important; vertical-align:0; background-color:#333; border-radius:20px; width:23px; height:23px; text-align:center; display:inline-block;}