

html, body { margin:0px;padding:0px; font-family:'Noto Sans KR', '나눔 고딕','Nanum Square','맑은고딕', sans-serif; font-size:15px;color:#333; 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; }
.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: #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;
}

#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;}

@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');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}


.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: 950px;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%;}

	 @-webkit-keyframes jumping{
        0%{transform:translateY(2px)}
        15%{transform:translateY(-3px)}
        40%{transform:translateY(3px)}
        70%{transform:translateY(-2px)}
        100%{transform:translateY(1px)}
    }
     @keyframes jumping {
         0%{transform:translateY(2px)}
        15%{transform:translateY(-3px)}
        40%{transform:translateY(3px)}
        70%{transform:translateY(-2px)}
        100%{transform:translateY(1px)}
    }
	li:hover .jumping{ animation:jumping 1s linear 0.3s infinite alternate; cursor:pointer;}
    
     @keyframes img_bounce02 {
        0% {top: 10px; transform: rotate(0deg)}
	    50% {top: 5px; transform: rotate(-3deg)}
	    100% {top: 0px; transform: rotate(3deg)}
	}
    
    @keyframes run {
      from { transform: translate(-120px,-50%); }
      to { transform: translateX(90px,-50%); }
	  }
    
	.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 2px #0a6e2b;  font-size:14px; width:100%;  }
	table.tableList th {background-color:#f8f8f8;  padding:15px 0; font-weight:600; font-size:15px; border-bottom:solid 1px #e8e8e8; letter-spacing:-1px;text-align:center;}
	table.tableList td {border-bottom:solid 1px #e8e8e8; font-weight:normal; line-height:23px; padding:15px 15px 15px 15px; letter-spacing:-0.5px;}
	table.tableList .tableRight {border-right:solid 1px #e8e8e8;}
	table.tableList .tableLeft {border-left:solid 1px #e8e8e8;}
	table.tableList .tableBoth {border-right:solid 1px #e8e8e8; border-left:solid 1px #e8e8e8;}


	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%; min-width:1280px; text-align:left; *zoom:1; overflow:hidden; margin-bottom:30px; box-sizing:border-box;}

	#subTop {width:100%; min-width:1280px;  background:#fafafa url('/images/bg/bg_sub.jpg')center no-repeat; overflow:hidden; height:150px; line-height:150px; text-align:center;  }
	#subTop h2{font-weight:800; font-size:30px; color:#fff;}


	#subContents {width:1280px; margin:60px auto; }
	#subContents::after{content:''; clear:both; display:block;}
	#subContents .subTit{text-align:center;}

  


	#subContents {width:1240px; margin:0 auto 60px auto; position:relative;}

	#subLeft {float:left; width:220px;  z-index:999; box-sizing:border-box; margin-top:-30px;}
	#subLeft h2 {font-size:24px; font-weight:800; color:#fff; text-align:center; line-height:95px; height:90px;  background:linear-gradient(-45deg, #11972d, #25adf3);  border-radius:10px 30px 10px 30px; margin-bottom:10px;}
	#subLeft ul { margin-bottom:10px; border-radius:10px; overflow:hidden; border:solid 1px #e5e5e5;}
	#subLeft ul li {line-height:50px; height:50px;  border-bottom:solid 1px #e5e5e5;  box-sizing:border-box; background:url('/images/icon/icon_arrow.png')90% center no-repeat; }
	#subLeft ul li:nth-of-type(n+2){border-top:none;}
	#subLeft ul li:nth-last-of-type(1){border-bottom:none; }
	#subLeft ul li a {display:block; font-size:15px; letter-spacing:-1px; color:#333;  padding-left:30px; }
	#subLeft ul li .selected {background:#fefcf7 url('/images/icon/icon_arrow.png')90% center no-repeat;border-bottom:solid 1px #e5e5e5;  }
	#subLeft ul li a.selected {  color:#ff9435; font-weight:500;}
	#subLeft .subCall{text-align:center; padding:20px 10px; box-sizing:border-box; background:#f8f8f8; border-radius:10px;}
	#subLeft .subCall dt{font-size:15px; color:#444; margin-bottom:10px;}
	#subLeft .subCall dd P{font-size:22px; color:#ff9435; font-family: "Nanumsquare" , sans-serif; font-weight:900; letter-spacing:-1.5px; margin-bottom:5px;}
	#subLeft .subCall dd span{color:#999; font-size:13px; line-height:16px; display:inline-block;}

	
    #subRight {float:right; width:960px; }
	#subRight .subTit {border-bottom:solid 1px #e8e8e8; margin-bottom:40px; overflow:hidden;}
	#subRight .subTit h3 {float:left; font-size:24px; font-weight:600; color:#000;   letter-spacing:-1.8px; padding:55px 0 20px 0px;}
	#subRight .subTit ul{overflow:hidden; float:right; margin-top:70px;}
	#subRight .subTit ul li{float:left;}
	#subRight .subTit ul li a{font-size:14px; color:#a7a7a7;}
	#subRight .subTit ul li:nth-last-of-type(1) a{font-weight:500; color:#555555;}
	#subRight .subTit ul i{padding:0 15px; vertical-align:middle;}

	.listTit{position:relative; padding-left:30px; font-size:24px; margin:25px 0 30px 0; font-weight:700; color:#111;}
	.listTit::before{width:20px; height:10px; border-radius:4px; background: linear-gradient(45deg, #6dd33c, #55c6f8); position:absolute; top:50%; left:0; transform:translate(0, -50%); display:block; clear:both; content:'';}

	/*사업안내 탭*/

	.busiTab{overflow:hidden; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; margin-bottom:40px;}
	.busiTab li{float:left; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; ; height:40px; line-height:40px; text-align:center; width: calc((100%) / 6); box-sizing:border-box}
	.busiTab li a{display:block; letter-spacing:-0.8px;}
	.busiTab li .selected{background: -webkit-linear-gradient(45deg, #8EC31F, #0086CA); color:#8EC31F; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
	font-weight:700; border:1px solid #149b53; box-sizing:border-box; height:40px; line-height:40px;}			
				
   
   /*웹진*/
   	.webzineTop{overflow:hidden; margin-bottom:30px; background:#f8f8f8; border-radius:10px; padding:10px; box-sizing:border-box;}
	.webzineTop i{float:left; padding-top:6px;}
	.webzineTop i img{vertical-align:middle;}
	.webzineTop p{float:right; padding:10px 20px; box-sizing:border-box; border-radius:8px 16px 8px 16px; background:#89d154; text-align:right; color:#fff; font-size:14px; line-height:22px;}
	.webzineTop p b{font-size:20px; display:block;}

	.webzineList{overflow:hidden; margin-bottom:32px; text-align:center; display:flex;}
	.webzineList li{display:inline-block; width:100%; border:1px solid #e8e8e8; border-radius:8px; margin-right:10px; box-sizing:border-box; padding:20px 0; text-align:center;}
	.webzineList li i{display:block; margin-bottom:10px;}
	.webzineList li span{color:#666666;}
	.webzineList li:nth-of-type(5n){margin-right:0;}
	.webzineList li.selected {border:1px solid #10b480;}
	.webzineList li.selected span{color:#10b480; font-weight:500;}

	.busiMore{text-align:center; margin:24px auto;}
	.busiMore span{line-height:54px; display:inline-block; width:200px; background:#bcbcbc; border-radius:60px;}
	.busiMore a{display:block; font-size:18px; color:#fff;}

	.busiMore span:hover { background:linear-gradient(-45deg, #11972d, #25adf3); transition:all 0.5s ease;}