html, body { margin:0px;padding:0px; font-family:'Noto Sans CJK KR' , 'Noto Sans KR', '나눔 고딕', '맑은 고딕' , 'yg-jalnan', sans-serif; color:#333; box-sizing:border-box; font-size:15px; letter-spacing:-0.8px; }
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);}
.vw_content img {max-width: 1250px;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%;}
.vertical6{margin:6px 0;}
.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 #2f2f2f; width:100%;color:#444; }
table.tableList th {background-color:#f8f8f8; padding:12px 6px; font-weight:700; font-size:18px; border-bottom:1px solid #e5e5e5; letter-spacing:-0.8px; text-align:center;}
table.tableList td {border-bottom:solid 1px #e5e5e5; font-weight:normal; line-height:24px; padding:8px 6px; font-size:16px; letter-spacing:-0.8px;}
table.tableList .tableRight {border-right:solid 1px #e5e5e5;}
table.tableList .tableLeft {border-left:1px solid #e5e5e5;}
table.tableList .tableBoth {border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
table.tableList02 {clear:both; text-align:left; margin:0 auto; width:100%;color:#444; border-top:1px solid #e5e5e5; }
table.tableList02 th {background-color:#f8f8f8; padding:12px 6px; font-weight:500; font-size:16px; border-bottom:1px solid #e5e5e5; letter-spacing:-0.8px; text-align:center;}
table.tableList02 td {border-bottom:solid 1px #e5e5e5; font-weight:normal; line-height:24px; padding:8px 12px; font-size:16px; letter-spacing:-0.8px;}
table.tableList02 input[type="text"]{border:1px solid #ccc; border-radius:4px; line-height:34px; height:34px; padding:0 10px; box-sizing:border-box;}
table.tableList02 input[type="password"]{border:1px solid #ccc; border-radius:4px; line-height:34px; height:34px; padding:0 10px; box-sizing:border-box;}
table.tableList02 select{border:1px solid #ccc; border-radius:4px; line-height:34px; height:34px; padding:0 10px; box-sizing:border-box;}
table.tableList02 input[type="checkbox"]{width:24px; height:24px; vertical-align:middle;}
table.tableList02 .th{background:#fafafa; font-weight:500;}
table.tableList02 .address{margin-top:4px;}
table.tableList02 .addressBtn{color:#fff; background:#333; border-radius:4px; line-height:34px; height:34px; padding:0px 10px; box-sizing:border-box; display:inline-block; font-size:14px;cursor:pointer;}
.tableBox{border:1px solid #222; border-radius:20px; padding:46px; box-sizing:border-box; margin-bottom:32px;}
@-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.2s infinite alternate; cursor:pointer;}
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:1320px; background:url('/images/bg/bg_sub.png')center repeat; width:100%; height:280px; position:relative; overflow:hidden;}
#subTop h2{ font-size:36px; color:#fff; line-height:210px; font-family:"yg-jalnan","Nanumsquare", sans-serif; text-align:center; width:1280px; display:block; ; margin:0 auto; overflow: hidden; }
/* IE10+ 폰트위치 고정*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#subTop h2{line-height:240px;}
}
#subContents {width:100%;}
#subPage { width:1320px; margin:60px auto 0px auto; position:relative; padding:0 20px 80px 20px; box-sizing:border-box;}
#subPage::after{display:block; clear:both; content:'';}
#subPage .subTit h3{text-align:center; font-size:32px; position:relative; color:#1d1d1d; margin-bottom:48px; display:none;}
#subPage .subTit h3::after{display:block; clear:both; content:''; width:2px; height:20px; background:#1d1d1d; position:absolute; left:50%; bottom:-20px; transform:translate(-50%,0) rotate(45deg); }
.subTab{width:1320px; background:#fff; position:absolute; left:50%; bottom:0; overflow:hidden; transform:translate(-50%); border-radius:20px 20px 0 0;}
.subTab ul{position:relative; box-sizing:border-box; text-align:center; 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:wrap; box-sizing:border-box; line-height:80px;}
.subTab li a{display:block; padding:0 24px; box-sizing:border-box; font-size:20px; color:#5f5f5f; position:relative;}
.subTab li a:after{width:1px; height:20px; background:#e2e2e2; display:block; clear:both; content:''; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.subTab li.selected a{color:#759b05; font-weight:700;}
.subTab li:nth-last-of-type(1) a:after{background:none;}
.subTab li.home{width:80px; height:80px; background:#acdc1d; position:absolute; left:0; top:0; }
.subTab li.home a{padding:0;}
/*메인 공통*/
.mainTit{text-align:center; font-size:36px; margin-bottom:18px;}
.mainTit span{ position:relative;}
.mainTit span::after{display:block; clear:both; content:''; width:10px; height:10px; border-radius:100%; background:#94c11e;
position:absolute; right:-28px; top:-4px;}
.contsTit{text-align:center; margin:0 auto 50px auto;}
.contsTit span{background:#feac37; font-size:20px; font-weight:500; border-radius:60px; min-weight:120px; display:inline-block; color:#fff; padding:6px 40px; box-sizing:border-box;}