@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: #f07a16; 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 {width:100%; margin-bottom:18px; text-align:left;}
.tableSearch:after {content:""; display:block; clear:both;}
.tableSearch select {height:42px; padding:0 38px 0 14px; border:1px solid #e6ddd5; background:#fff; border-radius:7px; color:#6f6862; font-size:14px; font-family:'S-Core'; letter-spacing:-.4px; box-sizing:border-box; outline:none;}
.tableSearch input {height:42px; padding:0 14px; border:1px solid #e6ddd5; background:#fff; border-radius:7px; color:#77716c; font-size:14px; font-family:'S-Core'; letter-spacing:-.4px; box-sizing:border-box; outline:none;}
.tableSearch select:focus,
.tableSearch input:focus {border-color:#f07a16; box-shadow:0 0 0 3px rgba(240,122,22,.08);}
.tableSearch .tableSearchBtn {display:inline-flex; align-items:center; justify-content:center; width:70px; height:42px; padding:0; border:0; background:linear-gradient(135deg,#f07a16 0%,#ff963d 100%); border-radius:7px; color:#fff; font-size:14px; font-weight:600; line-height:42px; text-align:center; letter-spacing:-.3px; cursor:pointer; box-shadow:0 5px 12px rgba(240,122,22,.18); transition:background .2s ease,transform .2s ease; margin-left:5px;}
.tableSearch .tableSearchBtn:hover {background:linear-gradient(135deg,#e96d09 0%,#f5872e 100%); transform:translateY(-1px);}
.tableSearch .alignRight {float:right; display:flex; align-items:center; gap:6px;}


table.tableList {clear:both; width:100%; margin:0 auto 30px; border-collapse:collapse; border-top:2px solid #f07a16; border-bottom:1px solid #e7ddd4; color:#4b4642; font-size:15px; text-align:left; table-layout:fixed;}
table.tableList th {height:58px; padding:0 12px; background:#fff8f1; border-bottom:1px solid #eadfd5; color:#493f38; font-size:15px; font-weight:600; text-align:center; letter-spacing:-.5px; box-sizing:border-box;}
table.tableList td {height:60px; padding:0 15px; border-bottom:1px solid #eee7e1; background:#fff; color:#746d67; font-size:15px; font-weight:400; line-height:1.5; letter-spacing:-.4px; box-sizing:border-box;}
table.tableList tr:hover td {background:#fffaf5;}
table.tableList td a {display:inline-block; max-width:100%; color:#37322e; font-size:15px; font-weight:500; text-decoration:none; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color .2s ease;}
table.tableList td a:hover {color:#ef6f06;}
table.tableList .tableRight {border-right:1px solid #eee7e1;}
table.tableList .tableLeft {border-left:1px solid #eee7e1;}
table.tableList .tableBoth {border-right:1px solid #eee7e1; border-left:1px solid #eee7e1;}
table.tableList input {height:38px; padding:0 12px; border:1px solid #e4dbd3; background:#fff; border-radius:6px; color:#666; font-size:14px; box-sizing:border-box; outline:none;}
table.tableList select {height:38px; padding:0 36px 0 12px; border:1px solid #e4dbd3; background:#fff; border-radius:6px; color:#666; font-size:14px; box-sizing:border-box; outline:none;}
table.tableList input:focus,
table.tableList select:focus {border-color:#f07a16; box-shadow:0 0 0 3px rgba(240,122,22,.07);}


.tableList01 {width:100%; margin:50px 0 30px; border:1px solid #eadfd5; background:#fff; border-collapse:collapse; border-top:2px solid #f07a16; table-layout:fixed;}
.tableList01 th {width:130px; padding:18px 20px; background:#fff8f1; border-bottom:1px solid #eadfd5; color:#ef6f06; font-size:15px; font-weight:600; text-align:center; letter-spacing:-.4px; box-sizing:border-box;}
.tableList01 td {padding:18px 24px; background:#fff; border-bottom:1px solid #eee7e1; color:#6f6862; font-size:15px; box-sizing:border-box;}
.tableList01 tr:last-child th,
.tableList01 tr:last-child td {border-bottom:0;}
.tableList01 td a {display:block; color:#403a36; font-size:15px; font-weight:500; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color .2s ease;}
.tableList01 td a:hover {color:#ef6f06;}
.tableList01 th:before {display:inline-block; margin-right:7px; color:#f07a16; font-size:11px;}

.btnSt_list01 {display:inline-block; height:32px; line-height:32px; padding:0 28px; background:#f07a16; border:1px solid #f07a16; border-radius:24px; color:#fff; font-size:16px; font-weight:500; text-decoration:none; letter-spacing:-0.8px; transition:0.25s;cursor:pointer;}


	#subTab {width:100%; margin:0 auto 38px; overflow:hidden;}
	#subTab ul {width:100%; overflow:hidden; border:1px solid #ef6f06; box-sizing:border-box;}
	#subTab ul li {float:left; height:52px; line-height:52px; text-align:center; border-right:1px solid #ef6f06; box-sizing:border-box;}
	#subTab ul li:last-child {border-right:0;}
	#subTab ul li a {display:block; width:100%; height:100%; font-size:17px; color:#222; letter-spacing:-0.5px;}
	#subTab ul li.on a {background:#ef6f06; color:#fff; font-weight:600;}

	#subTab ul li.subTab2 {width:50%; }
	#subTab ul li.subTab3 {width:33.333%;}
	#subTab ul li.subTab4 {width:25%; }
	#subTab ul li.subTab5 {width:20%;}
	#subTab ul li.subTab6 {width:16.5%;}



	#subPage {width:1300px; margin:0 auto; margin-bottom:30px;}