

html, body { margin:0px;padding:0px; font-family:"맑은고딕", "Malgun Gothic" ,"Nanum Square", sans-serif; font-size:15px;color:#666666;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;box-sizing:border-box; }

li{list-style:none;}
button{border:none; background:none; cursor:pointer;}
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: #4f4f4f; 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:1px; box-sizing:border-box; margin-bottom:20px;}
#popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}



.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: 1190px;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:after {content:""; display:block; clear:both;}
	.tableSearch p.tableSearchBox {float:left; margin-right:4px;}
	.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px; width:99%; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;}
	.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; width:99%; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;}
	.tableSearch p.tableSearchBtn {float:left; background-color:#333; color:#fff; line-height:35px; width:63px; letter-spacing:-1px; text-align:center; font-size:13px; cursor:pointer;}

	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:14px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:600; font-size:14px; 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%;  *zoom:1;  overflow:hidden; margin-bottom:60px; min-width:1220px;}
	#sub:after {content:""; display:block; clear:both;}
	
	#sub .subCate {height:50px; background-color:#eaedf0; }
	#sub .subCate .subCateNavi {width:1220px; margin:0 auto; position:relative;}
	#sub .subCate p.subCateLeft {text-align:left; font-size:15px; color:#666; line-height:50px; }
	#sub .subCate p.subCateLeft img{  padding:20px 15px; }
	.subPage{margin:50px 0;}


	#subTop {width:100%; background:url(/images/bg/bg_sub.jpg) top center no-repeat; height:200px;}
	#subTop p{width:1220px; margin:0 auto;}
	#subTop .subTopNavi {width:1200px; margin:0 auto; }
	#subTop .subTopNavi h2 { font-family: nanumgothic, sans-serif; color:#fff; font-weight:600; letter-spacing:-1px; font-size:36px; text-align:center; line-height:200px;}

	#subContents {width:1220px; margin:0 auto; }

	#subCourse{width:1220px; margin:0 auto;  overflow:hidden;}
	#subCourse h3 {font-size:28px; color:#333; padding:40px 0 20px 0; text-align:left; border-bottom:2px solid #252525;}
	#subCourse h3 span{font-size:18px;  font-family: nanumgothic, sans-serif;}
	#subCourse h3 .textColor01{color:#888; font-weight:normal; }

	
	#subContents h3 {font-size:28px; color:#333; padding:30px 0 20px 0; text-align:left; border-bottom:2px solid #252525;}


	#subListBox{border-top:1px solid #d6d7d9; width:100%; margin-top:-1px;}

	
	#subContents .courseBar01{width:100%;  border:1px solid #d6d7d9; height:80px; line-height:80px; box-shadow:2px 0px 5px #d8d8d8; letter-spacing:-1px; margin-bottom:65px;}
	#subContents .courseBar01 li{float:left; font-size:18px; width:12.5%;  text-align:center; }
	#subContents .courseBar01 li.selected{ background:#0074c3; height:78px;}
	#subContents .courseBar01 li.selected a{ color:#fff; font-weight:700; padding-left:28px; background:url('/images/icon/icon_checked.png')0px 2px no-repeat;}
	
	#subContents .courseBar02{width:100%;  border:1px solid #d6d7d9; height:80px; line-height:80px; box-shadow:2px 0px 5px #d8d8d8; letter-spacing:-1px; margin-bottom:65px;}
	#subContents .courseBar02 li{float:left; font-size:18px; width:14.28571428571429%;  text-align:center; }
	#subContents .courseBar02 li.selected{ background:#0074c3; height:78px;}
	#subContents .courseBar02 li.selected a{ color:#fff; font-weight:700; padding-left:28px; background:url('/images/icon/icon_checked.png')0px 2px no-repeat;}

	.listMenu{width:120px; height:50px; background:#cfcfcf; border-radius:5px; text-align:center; float:right; margin-top:20px;}
	.listMenu a{padding-left:20px; background:url('/images/icon/icon_listMenu.png')30px 17px no-repeat; display:block;  line-height:50px;}

	.subTabMenu{width:1220px; height:76px; border-top:1px solid #d6d7d9; border-left:1px solid #d6d7d9; margin:0 auto; border-radius:5px 5px 0 0; overflow:hidden;}
	.subTabMenu li{float:left; width:33.33333333333333%; border-right:1px solid #d6d7d9; line-height:76px; text-align:center; background:#f5f5f5;}
	.subTabMenu li a{color:#666; display:block;}
	.subTabMenu li.selected{background:#fff;}
	.subTabMenu li.selected a{ font-weight:700; color:#101010;}

#footer{min-width:1220px;}