@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Prompt:wght@200;300;400;500;700&display=swap'); @font-face {font-family: 'paperlogy'; font-weight:100; src: url('/fonts/PAPERLOGY-1THIN.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:200; src: url('/fonts/PAPERLOGY-2EXTRALIGHT.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:300; src: url('/fonts/PAPERLOGY-3LIGHT.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:400; src: url('/fonts/PAPERLOGY-4REGULAR.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:500; src: url('/fonts/PAPERLOGY-5MEDIUM.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:600; src: url('/fonts/PAPERLOGY-6SEMIBOLD.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:700; src: url('/fonts/PAPERLOGY-7BOLD.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:800; src: url('/fonts/PAPERLOGY-8EXTRABOLD.woff') format('woff'); } @font-face {font-family: 'paperlogy'; font-weight:900; src: url('/fonts/PAPERLOGY-9BLACK.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:100; src: url('/fonts/S-CoreDream-1Thin.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:200; src: url('/fonts/S-CoreDream-2ExtraLight.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:300; src: url('/fonts/S-CoreDream-3Light.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:400; src: url('/fonts/S-CoreDream-4Regular.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:500; src: url('/fonts/S-CoreDream-5Medium.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:600; src: url('/fonts/S-CoreDream-6Bold.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:700; src: url('/fonts/S-CoreDream-7ExtraBold.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:800; src: url('/fonts/S-CoreDream-8Heavy.woff') format('woff'); } @font-face {font-family: 'S-Core'; font-weight:900; src: url('/fonts/S-CoreDream-9Black.woff') format('woff'); } @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Thin.woff2') format('woff2'), url('/fonts/Pretendard-Thin.woff') format('woff'); font-weight: 100;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/fonts/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Light.woff2') format('woff2'), url('/fonts/Pretendard-Light.woff') format('woff'); font-weight: 300;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Regular.woff2') format('woff2'), url('/fonts/Pretendard-Regular.woff') format('woff'); font-weight: 400;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Medium.woff2') format('woff2'), url('/fonts/Pretendard-Medium.woff') format('woff'); font-weight: 500;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/fonts/Pretendard-SemiBold.woff') format('woff'); font-weight: 600;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Black.woff2') format('woff2'), url('/fonts/Pretendard-Black.woff') format('woff'); font-weight: 900;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Bold.woff2') format('woff2'), url('/fonts/Pretendard-Bold.woff') format('woff'); font-weight: 700;} @font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/fonts/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800;} @font-face {font-family: 'RIASANEXTRABOLD'; src: url('/fonts/RIASANS-EXTRABOLD.woff') format('woff'); } @font-face {font-family: 'RIASANREGULAR'; src: url('/fonts/RIASANS-REGULAR.woff') format('woff'); } @font-face {font-family: 'RIASANBOLD'; src: url('/fonts/RIASANS-BOLD.woff') format('woff'); } html, body { margin:0px;padding:0px; font-family: 'Pretendard','Noto Sans', 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;} 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: #018071; 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 {line-height:1.8em; padding:15px 5px; bocx-sizing:border-box;} .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%;} .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; letter-spacing:-1px;} .tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; letter-spacing:-1px;} .tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:16px; cursor:pointer;} .tableSearch .alignRight {float:right;} table.tableList {clear:both; width:100%; margin:0 auto 30px; border-collapse:collapse; border-top:3px solid #018071; border-bottom:1px solid #ddd; color:#444; font-size:16px; text-align:left;} table.tableList th {height:58px; padding:0 10px; background:#f7fbf8; border-bottom:1px solid #dcebe0; color:#222; font-size:16px; font-weight:600; text-align:center; letter-spacing:-0.8px;} table.tableList td {height:58px; padding:0 15px; border-bottom:1px solid #e5e5e5; color:#666; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:-0.6px; box-sizing:border-box;} table.tableList tr:hover td {background:#fbfdfc;} table.tableList td a {display:inline-block; max-width:100%; color:#333; font-size:16px; font-weight:500; text-decoration:none; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} table.tableList td a:hover {color:#018071;} table.tableList .tableRight {border-right:1px solid #e5e5e5;} table.tableList .tableLeft {border-left:1px solid #e5e5e5;} table.tableList .tableBoth {border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} table.tableList input {height:34px; border:1px solid #ddd; border-radius:0; padding:0 10px; box-sizing:border-box;} table.tableList select {height:34px; border:1px solid #ddd; border-radius:0; padding:0 10px; box-sizing:border-box;} .tableList01 {width:100%; margin:50px 0 30px; border:1px solid #e5e5e5; background:#fafafa; border-collapse:collapse;} .tableList01 th {width:120px; padding:20px; background:#f3f7f5; color:#018071; font-size:16px; font-weight:600; text-align:center; border-bottom:1px solid #e5e5e5; box-sizing:border-box;} .tableList01 td {padding:20px 25px; background:#fff; border-bottom:1px solid #e5e5e5; box-sizing:border-box;} .tableList01 tr:last-child th, .tableList01 tr:last-child td {border-bottom:0;} .tableList01 td a {display:block; color:#444; font-size:16px; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .tableList01 td a:hover {color:#018071;} .tableList01 th:before {display:inline-block; margin-right:6px; color:#018071; font-size:12px;} .btnSt_list01 {display:inline-block; height:32px; line-height:32px; padding:0 28px; background:#018071; border:1px solid #018071; border-radius:24px; color:#fff; font-size:16px; font-weight:500; text-decoration:none; letter-spacing:-0.8px; transition:0.25s;cursor:pointer;} #subTab {margin-bottom:60px; border:solid 1px #c8c8c8; border-left:none; width:100%;} #subTab:after {content:""; display:block; clear:both;} #subTab li {border-left:solid 1px #c8c8c8; float:left; line-height:50px; width:33.33333333333333%; font-size:18px; text-align:center; box-sizing:border-box;} #subTab li.subTab2 {width:50%; line-height:50px;} #subTab li.subTab3 {width:33.333%; line-height:50px; font-size:16px;} #subTab li.subTab4 {width:25%; line-height:50px; font-size:14px;} #subTab li.subTab5 {width:20%; line-height:50px; font-size:14px;} #subTab li.subTab6 {width:16.5%; line-height:50px; font-size:14px;} #subTab li a {display:block; color:#333; letter-spacing:-.5px; text-decoration:none;} #subTab li a:hover {color:#222; } #subTab li a.selected {color:#fff; background-color:#009944;} #subPage {width:1300px; margin:0 auto; margin-bottom:30px;}