* {box-sizing:border-box;}
html, body { margin:0px;padding:0px; font-family:'Noto Sans KR', 'Noto Sans CJK KR', '나눔 고딕', '맑은 고딕' , 'yg-jalnan', sans-serif; color:#333; box-sizing:border-box; font-size:15px; letter-spacing:-0.5px; width:100%; height:100%; position:relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox,textarea { 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: #111; 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');}
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
.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);}
.br{display:block;}
.vw_content img {max-width: 1200px;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(3px)}
15%{transform:translateY(-4px)}
40%{transform:translateY(4px)}
70%{transform:translateY(-1px)}
100%{transform:translateY(2px)}
}
@keyframes jumping {
0%{transform:translateY(3px)}
15%{transform:translateY(-4px)}
40%{transform:translateY(4px)}
70%{transform:translateY(-1px)}
100%{transform:translateY(2px)}
}
@-webkit-keyframes swif{
0% {transform:scale(1,1); -webkit-transform:scale(1,1);}
50% {transform:scale(0,1); -webkit-transform:scale(0,1);}
100% {transform:scale(1,1); -webkit-transform:scale(1,1);}
}
@keyframes swif{
0% {transform:scale(1,1); -webkit-transform:scale(1,1);}
50% {transform:scale(0,1); -webkit-transform:scale(0,1);}
100% {transform:scale(1,1); -webkit-transform:scale(1,1);}
}
li:hover .jumping{ animation:jumping 0.8s linear 0.3s infinite alternate; cursor:pointer;}
li:hover .swif{ animation:swif 0.3s linear alternate; cursor:pointer;}
::selection {*background: rgba(152, 187, 95, 0.9); /* Firefox */ background: rgba(152, 187, 95, 0.9); /* Safari */ color: #fff;}
::-moz-selection {*background: rgba(152, 187, 95, 0.9); /* Firefox */ background: rgba(152, 187, 95, 0.9); /* Firefox */ color: #fff;}
.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:20px 0; border-top:solid 2px #1e1e1e; font-size:16px; width:100%; color:#2d2d2d; }
table.tableList th {background-color:#fafafa; padding:16px 6px; font-weight:500; font-size:18px; border-bottom:solid 1px #e3e3e3; text-align:center;}
table.tableList td {border-bottom:solid 1px #e3e3e3; font-weight:normal; line-height:24px; padding:14px 10px; color:#555;}
table.tableList .tableRight {border-right:solid 1px #e3e3e3;}
table.tableList .tableLeft {border-left:solid 1px #e3e3e3;}
table.tableList .tableBoth {border-right:solid 1px #e3e3e3; border-left:solid 1px #e3e3e3;}
table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}
/*메인페이지 공통CSS*/
.mainNavi{width:1400px; padding:66px 20px; box-sizing:border-box; margin:0 auto; position:relative; }
.mainNavi::after{display:block; clear:both; content:'';}
.mainTit{font-size:40px; font-weight:700; color:#1d1d1d; letter-spacing:-0.5px; text-align:Center;}
.mainMore{ overflow:hidden;}
.mainMore > a{display:block; background:url("/images/button/btn_mainMore.png")100% 50% no-repeat; float:right; padding:12px 54px 12px 0; color:#868686; font-weight:500;}
.red{color:#f72d30;}
table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}
#subTop {width:100%; min-width:1300px; background:#fafafa url('/images/bg/bg_sub.jpg')center ; overflow:hidden; height:280px; text-align:center; }
#subTop h2{line-height:360px; font-size:38px; color:#fff; }
.subTab {margin-bottom:60px; border-bottom:solid 1px #e5e5e5; width:100%;}
.subTab ul{display: block; overflow: hidden; margin: auto; width: auto; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; flex-wrap: nowrap; width:1400px; position:relative; padding:0 20px; box-sizing:border-box; }
.subTab .home{position:absolute; top:0; left:20px; background:linear-gradient(-45deg, #96e133, #02c0f4); padding:0; margin:0; }
.subTab li {line-height:66px; margin:0 10px; padding:0 8px; box-sizing:border-box;}
.subTab li a {display:block; font-size:18px; color:#333; letter-spacing:-.5px; text-decoration:none;}
.subTab li.selected {border-bottom:3px solid #7cbc2b; line-height:62px; }
.subTit h3{font-size:34px; color:#333; text-align:center; margin-bottom:82px; position:relative;}
.subTit h3::after{display:block; clear:both; content:''; position:absolute; width:30px; height:2px; background:#111; left:50%; bottom:-30px; transform:translate(-50%,0);}
#subPage { width:1400px; padding:0 20px; margin:0 auto 80px auto; box-sizing:border-box; }
#subPage::after{display:block; clear:both; content:'';}
/*서브페이지 탭*/
.subTabMenu{overflow:hidden; text-align:center; width:1400px; padding:0 20px; box-sizing:border-box; margin:0 auto 42px auto; }
.subTabMenu li{display:inline-block; padding:6px 20px; box-sizing:border-box; border-radius:30px; margin:0 14px 10px 0; text-align:center; background:#e9e9e9; font-size:18px;}
.subTabMenu li a{ color:#686868;}
.subTabMenu li.selected{border:1px solid #02b6f2; background:#fff; box-sizing:border-box;}
.subTabMenu li.selected a{color:#02b6f2; font-weight:500;}
/*주요서비스 상단CSS*/
.busiTop{overflow:hidden; padding:24px 40px; box-sizing:border-box; border:1px solid #e5e5e5; border-left:1px solid #03c1f2; border-radius:0 10px 10px 0; margin-bottom:50px; font-size:17px; color:#555; background:#fbfbfb;}
.busiTop i{float:left; margin-right:30px;}
.busiTop p{float:left; margin-top:10px; width:1170px; word-break:keep-all;}
.busiTop span.topTxt{display:block; margin-bottom:10px; font-size:18px; color:#333;}
.busiTop p b{display:block; font-size:20px; color:#111; margin-bottom:4px;}
.busiTop p span{font-size:15px; line-height:24px; display:block; margin-bottom:4px; color:#787878;}
/*타이틀css*/
.servTit{font-size:22px; color:#222; font-weight:700; margin:32px 0 20px 0; position:relative; padding-left:24px;}
.servTit::before{display:block; clear:both; content:''; width:14px; height:8px; background: linear-gradient(90deg, #04c0f1, #3dcda6); border-radius:10px; position:absolute; left:0; top:14px;}