html, body { margin:0px;padding:0px; font-family:'Noto Sans KR','¸¼Àº °íµñ','Nanum Square', sans-serif; font-size:15px; color:#232323; 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;}
img { border:0px;vertical-align:top; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #222; 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;
}
 
    
    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}


#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);}


 .ani:hover i img{ animation: img_bounce  0.4s linear 0s infinite alternate; padding-top: 0px;}
    @keyframes img_bounce {
		0% {margin-top: 0px;}
	    100% {padding-top: 5px;}
	}
	
	.vw_content img {max-width: 890px;height:auto;}

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 15%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 25%;}
	.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 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:16px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:600; 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;}


	table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
	table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}

	#sub {width:100%; text-align:left; *zoom:1; border-top:1px solid #000;}
	#sub:after {content:""; display:block; clear:both;}
	#sub h2{font-weight:900; font-size:37px; color:#fff;}

	#subTop {width:100%; min-width:1280px;  background:url('/images/bg/bg_sub.jpg')center no-repeat; overflow:hidden; height:160px; line-height:160px; text-align:center;}	
	#subTop02 {width:100%; min-width:1280px;  background:url('/images/bg/bg_sub02.jpg')center no-repeat; overflow:hidden; height:160px; line-height:160px; text-align:center;}	
	#subTop03 {width:100%; min-width:1280px;  background:url('/images/bg/bg_sub03.jpg')center no-repeat; overflow:hidden; height:160px; line-height:160px; text-align:center;}
	#subTop04 {width:100%; min-width:1280px;  background:url('/images/bg/bg_sub04.jpg')center no-repeat; overflow:hidden; height:160px; line-height:160px; text-align:center;}
	#subTop05 {width:100%; min-width:1280px;  background:url('/images/bg/bg_sub05.jpg')center no-repeat; overflow:hidden; height:160px; line-height:160px; text-align:center;}
	#subTop06 {width:100%; min-width:1280px;  background:url('/images/bg/bg_sub06.jpg')center no-repeat; overflow:hidden; height:160px; line-height:160px; text-align:center;}

	#subContents {width:1280px; margin:0 auto; margin-bottom:80px;}
	#subContents:after {content:""; display:block; clear:both;}


	#subPage {clear:both; width:100%; margin:0 auto;}
	#subPage:after {content:""; display:block; clear:both;}


	#subLeft {float:left; width:200px;  margin-top:70px; box-sizing:border-box;}
	#subLeft ul { border:1px solid #dfdfdf; border-radius:15px;  padding:10px;}
	#subLeft ul li {line-height:55px;}
	#subLeft ul li a {display:block; font-size:16px; letter-spacing:-0.8px; border-bottom:1px solid #f0f0f0; color:#444;  padding-left: 20px;}
    #subLeft ul li:nth-last-of-type(1) a{border-bottom: none;}
    #subLeft ul li a.selected{background:#0c3a9e url('/images/icon/icon_leftBullet.png')150px 18px no-repeat; border-radius:12px; color:#fff;  border-bottom:none; display:block;}

	#subLeft .subCall {margin-top:20px; overflow:hidden; border:solid 2px #b5b5b5; border-radius:22px; text-align:center; padding:15px; box-sizing:border-box;}
	#subLeft .subCall dt {float:left; }
	#subLeft .subCall dd {float:left; margin-left:8px; font-size:20px; color:#242424; font-weight:900; letter-spacing:-1px; line-height: 35px;}

	#subRight {float:right; width:1000px; padding-top:76px; }
	#subRight::after{content:''; display:block; clear:both; }
	#subRight .subTit{width:100%; border-bottom:1px solid #333; padding-bottom:16px; overflow:hidden; margin-bottom:60px;}
	#subRight .subTit h3{font-weight:500;  font-size:27px; letter-spacing:-1px; float:left; color:#222;}
	#subRight .subTit .subCate{ float:right; margin-top:19px; color:#5d5d5d; font-size:14px; vertical-align:middle; line-height: 13px;}

	.serviceTop{border:1px solid #c8c8c8; padding:0px 20px; box-sizing:border-box; margin-bottom:25px; height:50px; line-height:50px; border-radius:0 10px 0 10px; background:#fafafa}
	.serviceTop img{vertical-align:middle; margin-right:10px;}

	#subTab:after {content:""; display:block; clear:both; margin-bottom:55px;}
	#subTab li {float:left; line-height:52px; font-size:15px; text-align:center; letter-spacing:-1.5px; width:19.4%; margin:0 0.3%}
	#subTab li a {display:block; color:#777; height:52px; border:solid 1px #e8e8e8;}
	#subTab li a:hover {color:#4a7465; font-weight:600;}
	#subTab li a.selected {display:block; text-decosration:none; border:solid 1px #4a7465; color:#4a7465; font-weight:600;}

	#subTab li.tabW02{ width:49.4%;}

	.licenseTxt{float:right; font-size:13px; color:#888;}
	.licenseTxt a{color:#666;}