html, body {
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#444;
	font-family: '¸¼Àº °íµñ', sans-serif;
	max-width:100%;
	overflow-x:hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox {
	margin:0px;
	padding:0px;
}
html *,
body *,
html *:before,
html *:after,
body *:before,
body *:after {
	box-sizing:border-box;
	min-width:0;
}
#popupWrap,
#sub {
	width:100%;
	max-width:100%;
	overflow:hidden;
}
img,
table img,
.vw_content img {
	max-width:100%;
	height:auto;
}
p, li, dt, dd, span, strong, em, b, a, th, td, h1, h2, h3, h4, label, button {
	word-break:keep-all;
	overflow-wrap:break-word;
}
table {
	max-width:100%;
}
table.tableList {
	table-layout:fixed;
}
table.tableList th,
table.tableList td {
	word-break:keep-all;
	overflow-wrap:break-word;
}
#subTab,
#subTab ul {
	max-width:100%;
}
#subTab:after,
.tableSearch:after,
#sub:after,
#subContents:after,
#popupWrap h2:after {
	content:"";
	display:block;
	clear:both;
}
#subTab li,
.tableSearch .alignRight {
	min-width:0;
}
#subTab li a {
	white-space:normal;
	word-break:keep-all;
	overflow-wrap:break-word;
}
#popupWrap .subContents,
#subContents,
.vw_content {
	max-width:100%;
}
.ui-dialog,
.ui-dialog .ui-dialog-content {
	max-width:100%;
}
.ui-dialog .ui-dialog-content {
	overflow-x:auto;
}

@media all and (max-width:699px) {
	html, body {
		overflow-x:hidden;
	}

	#popupWrap,
	#sub,
	#subContents,
	#popupWrap .subContents,
	#subTab,
	.tableSearch,
	.vw_content,
	.ui-dialog,
	.ui-dialog .ui-dialog-content,
	table.tableList {
		max-width:100%;
	}

	#subTab li {
		width:50%;
	}

	#subTab li a {
		padding:0 10px;
		line-height:1.4;
		min-height:50px;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.tableSearch select,
	.tableSearch input {
		max-width:100%;
	}

	table.tableList th,
	table.tableList td {
		vertical-align:middle;
	}

	.vw_content img,
	#popupWrap img {
		height:auto;
	}
}

@media all and (min-width:700px) and (max-width:767px) {
	html, body {
		overflow-x:hidden;
	}

	#popupWrap,
	#sub,
	#subContents,
	#popupWrap .subContents,
	#subTab,
	.tableSearch,
	.vw_content,
	.ui-dialog,
	.ui-dialog .ui-dialog-content,
	table.tableList {
		max-width:100%;
	}

	#subTab {
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
	}

	#subTab li {
		float:none;
		width:50%;
		display:flex;
	}

	#subTab li a {
		width:100%;
		padding:0 14px;
		line-height:1.4;
		min-height:54px;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.tableSearch {
		display:flex;
		flex-wrap:wrap;
		gap:8px;
		align-items:center;
	}

	.tableSearch .alignRight {
		float:none;
		display:flex;
		flex-wrap:wrap;
		gap:8px;
		align-items:center;
		justify-content:flex-end;
		width:100%;
	}

	.tableSearch select,
	.tableSearch input {
		max-width:100%;
	}

	table.tableList th,
	table.tableList td {
		vertical-align:middle;
	}

	.vw_content img,
	#popupWrap img {
		height:auto;
	}
}

@media all and (min-width:768px) and (max-width:1024px) {
	html, body {
		overflow-x:hidden;
	}

	#popupWrap,
	#sub,
	#subContents,
	#popupWrap .subContents,
	#subTab,
	.tableSearch,
	.vw_content,
	.ui-dialog,
	.ui-dialog .ui-dialog-content,
	table.tableList {
		max-width:100%;
	}

	#subContents {
		width:92% !important;
	}

	#subTab {
		width:94% !important;
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
	}

	#subTab li {
		float:none;
		width:50%;
		display:flex;
	}

	#subTab li a {
		width:100%;
		padding:0 18px;
		line-height:1.4;
		min-height:58px;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:18px;
	}

	.tableSearch {
		display:flex;
		flex-wrap:wrap;
		gap:10px;
		align-items:center;
	}

	.tableSearch .alignRight {
		float:none;
		display:flex;
		flex-wrap:wrap;
		gap:10px;
		align-items:center;
		justify-content:flex-end;
		width:100%;
	}

	.tableSearch select,
	.tableSearch input {
		max-width:100%;
	}

	table.tableList th,
	table.tableList td {
		vertical-align:middle;
	}

	.vw_content img,
	#popupWrap img {
		height:auto;
	}
}

@media all and (min-width:1025px) and (max-width:1180px) {
	html, body {
		overflow-x:hidden;
	}

	#popupWrap,
	#sub,
	#subContents,
	#popupWrap .subContents,
	#subTab,
	.tableSearch,
	.vw_content,
	.ui-dialog,
	.ui-dialog .ui-dialog-content,
	table.tableList {
		max-width:100%;
	}

	#subContents {
		width:94% !important;
	}

	#subTab {
		width:94% !important;
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
	}

	#subTab li {
		float:none;
		width:50%;
		display:flex;
	}

	#subTab li a {
		width:100%;
		padding:0 20px;
		line-height:1.4;
		min-height:60px;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:19px;
	}

	.tableSearch {
		display:flex;
		flex-wrap:wrap;
		gap:10px;
		align-items:center;
	}

	.tableSearch .alignRight {
		float:none;
		display:flex;
		flex-wrap:wrap;
		gap:10px;
		align-items:center;
		justify-content:flex-end;
		width:100%;
	}

	.tableSearch select,
	.tableSearch input {
		max-width:100%;
	}

	table.tableList th,
	table.tableList td {
		vertical-align:middle;
	}

	.vw_content img,
	#popupWrap img {
		height:auto;
	}
}

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}

.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}


#popupWrap {position:relative;width:100%; *zoom:1;background-color:#FFF;box-sizing:border-box;}
#popupWrap h2 {float:left; font-size:18px; text-align:left; background-color:#38445d; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:-2px; box-sizing:border-box;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}
#popupWrap .subContents {clear:both;width:98%;margin:0 auto;padding-top:20px;}


.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:503; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em;	top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content {	position: relative;	border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:102;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);}


	
	.vw_content img {max-width: 890px;height:auto;}

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 10%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 20%;}
	.Wid30 { width: 30%;}
	.Wid35 { width: 35%;}
	.Wid40 { width: 40%;}
	.Wid50 { width: 50%;}
	.Wid60 { width: 60%;}
	.Wid65 { width: 65%;}
	.Wid70 { width: 70%;}
	.Wid80 { width: 80%;}
	.Wid90 { width: 90%;}
	.Wid98 { width: 98%;}


	.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
	.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px;  font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
	.tableSearch .alignRight {float:right;}


	table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:15px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:700; font-size:15px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
	table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:15px 15px 15px 15px; letter-spacing:-1px;}
	table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}


	#sub {width:100%; text-align:left; *zoom:1;}
	
	#sub .subTop {clear:both; width:100%; background:url(/images/bg/bg_sub01.jpg) center top no-repeat; height:170px; text-align:center; margin-bottom:70px;}
	#sub .subTop h2 {font-size:29px; font-weight:600; color:#fff; letter-spacing:-2px; line-height:170px;}	
	
	#subContents {width:1200px; margin:0 auto; margin-bottom:80px;}

	#subTab {width:1180px; margin:0 auto; padding:0 0 70px 0;}
	#subTab li {float:left; width:49.87%; text-align:center; line-height:63px;}
	#subTab li a {display:block; border:solid 1px #e5e5e5; border-bottom:solid 1px #000; font-size:21px; letter-spacing:-1.5px; font-weight:600;}
	#subTab li a:hover {display:block; color:#189eb3;}
	#subTab li a.selected {display:block; color:#fff; font-weight:700; background-color:#ec4a56; border:solid 1px #ec4a56; border-bottom:solid 1px #000;}