@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {margin:0;padding:0;}
* {font-family: "Pretendard","Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}

html,body {width:100%;height:100%;}
html {overflow-y:scroll;}
body {margin:0;background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
h1,h2,h3,h4,h5,h6 {text-align:left;}
img,fieldset,iframe{border:0 none;}
img {vertical-align:middle;}
input {vertical-align:middle;}
li{list-style:none;}
em,address{font-style:normal;}
textarea{overflow:auto;}
hr { display:none;}
table, tr, td {padding:0px;border-spacing:0px;border-collapse:collapse;}

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none; }

a.aover:link { text-decoration:none; }
a.aover:visited { text-decoration:none; }
a.aover:active { text-decoration:none; }
a.aover:hover { text-decoration:underline; }

select {height:28px;border:1px Solid;border-color:#c7c7c7;}
textarea {border:1px Solid;border-color:#c7c7c7;}
input[type=text] {width:calc(100% - 2px);margin:0;height:38px;border:1px Solid;border-color:#c7c7c7;font-size:12pt;}
input[type=password] {width:calc(100% - 2px);margin:0;height:38px;border:1px Solid;border-color:#c7c7c7;}
input[type=date] {height:38px;border:1px Solid;border-color:#c7c7c7;font-size:12pt;}
input[type=file] {width:300px;height:38px;border:1px Solid;border-color:#c7c7c7;font-size:12pt;}
input[type=image] {vertical-align:middle;border:0;font-size:12pt;}

input.phone1, input.fax1, input.handphone1 {width:30px;}
input.phone2, input.fax2, input.handphone2 {width:40px;}
input.phone3, input.fax3, input.handphone3 {width:40px;}
input.phone4, input.fax4, input.handphone4 {width:40px;}
input.zipcode {width:60px;}
input.companyNum1 {width:30px;}
input.companyNum2 {width:40px;}
input.companyNum3 {width:40px;}
input.won {width:100px;}
input.float {width:100px;}
input.search {width:calc(100% - 100px);}

input.name {width:50px;}
input.registNum1 {width:60px;}
input.registNum2 {width:70px;}
input.companyNum2 {width:20px;}
input.companyNum1 {width:30px;}
input.companyNum2 {width:20px;}
input.companyNum3 {width:50px;}
input.zipcode {width:60px;}
input.phone1 {width:30px;}
input.phone2 {width:40px;}
input.phone3 {width:40px;}
input.handphone1 {width:30px;}
input.handphone2 {width:40px;}
input.handphone3 {width:40px;}
input.email {width:250px;}
input.won {width:100px;}
input.date {width:120px;}
input.year {width:40px;}
input.month,input.day,input.hour,input.min,input.sec {width:20px;}
input.width,input.height,input.length,input.weight {width:50px;}
input.korean {ime-mode:active;}
input.english {ime-mode:inactive;}
input.readonly {border:1px Solid;border-color:#e7e7e7;color:#999;}

.ul-radio-list li {display:inline-block;margin:0 5px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

@media screen and (min-width:1180px) {
	.dialog {display:none;overflow:hidden;position:absolute;z-index:999;background:#FFF;border:1px solid #ddd;width:780px;padding:4px;}
	.dialog .head {clear:both;overflow:hidden;text-align:right;background:#EEEEEE;padding:10px;cursor: move;}
	.dialog .head h1 {float:left;color:#000;font-size:14pt;font-weight:normal;line-height:20px;margin:10px 0;}
	.dialog .head span a {display:inline-block;width:19px;height:19px;line-height:19px;font-size:0;background:url(http://cdn.elcsoft.com/image/button/btn_close19x19.png) no-repeat;margin:10px 0;}
	.dialog .body {clear:both;overflow:auto;text-align:left;background:#FFF;max-height:calc(100vh - 160px);}
	.dialog .foot {clear:both;overflow:hidden;text-align:right;background:#FFF;border-top:1px solid #ddd;padding:10px;}
}

@media screen and (max-width:1180px) {
	.dialog {display:none;overflow:hidden;position:absolute;left:0;top:0;z-index:999;background:#FFF;border:1px solid #ddd;width:calc(100% - 20px);padding:4px;}
	.dialog .head {clear:both;overflow:hidden;text-align:right;background:#EEEEEE;padding:10px;cursor: move;}
	.dialog .head h1 {float:left;color:#000;font-size:14pt;font-weight:normal;line-height:20px;margin:10px 0;}
	.dialog .head span a {display:inline-block;width:19px;height:19px;line-height:19px;font-size:0;background:url(http://cdn.elcsoft.com/image/button/btn_close19x19.png) no-repeat;margin:10px 0;}
	.dialog .body {clear:both;overflow:auto;text-align:left;background:#FFF;min-height:100px;}
	.dialog .foot {clear:both;overflow:hidden;text-align:right;background:#FFF;border-top:1px solid #ddd;padding:10px;}

	.btnSearch {
		color:#fff;
		height:40px;
		background:#727ee3;
		border:0;

	}
}

.dialog {position:fixed;box-shadow:rgba(0,0,0,0.5) 0 0 0 9999px, rgba(0,0,0,0.5) 2px 2px 3px 3px;z-index:100;}
.dialog .body .loading {clear:both; overflow:hidden; text-align:center;height:100px;line-height:100px;}

#loading {display:none;position:fixed;z-index:9999;width:280px;left:calc(50% - 140px);top:calc(50%);background:#fff;text-align:center;padding:10px 25px;border:3px solid #ddd;border-radius:10px;}

.tab {clear:both;overflow:hidden;}
.tab li {float:left;padding:9px 14px;border:1px solid #2e6da4;background:#337ab7;}
.tab li.over {background:#286090;border:1px solid #204d74;}
.tab li a {color:#FFF;}
.tab-content {border:1px solid #ddd;padding:14px;}

table.list {width:100%;border-collapse:collapse;margin:10px 0;}
table.list tr {padding:0px;border-spacing:0px;}
table.list tr td {padding:0px;border-spacing:0px;}
table.list thead th { border:1px Solid #d9d9d9;padding:10px;background-color:#f3f3f3;text-align:center;font-size:11pt;font-weight:normal;white-space: nowrap; }
table.list thead td { border:1px Solid #d9d9d9;padding:10px;background-color:#f3f3f3;text-align:center;font-size:11pt;font-weight:normal; }
table.list thead a { font-size:11pt;font-weight:normal;color:#333;white-space:nowrap;font-size: 11pt !important;}
table.list tbody th { border:1px Solid #d9d9d9;padding:10px;background-color:#f3f3f3;text-align:center;font-size:11pt;white-space: nowrap; }
table.list tbody td { border:1px Solid #d9d9d9;padding:10px;background-color:#ffffff;text-align:center;font-size:11pt; }
table.list tbody td > div {clear:both;overflow:hidden;line-height:20px;}
table.list tbody tr.over td { background-color:#cccccc;color:#000000; }
table.list tbody td.over { background-color:#cccccc;color:#000000;font-weight:bold;cursor:hand; }
table.list tbody tr:hover th {background:#f3f3f3;}
table.list tbody tr:hover td {background:#f3f3f3;}
table.list thead a { color:#666;white-space:nowrap;font-size:11pt;font-weight:normal; }
table.list tfoot th { border:1px Solid #d9d9d9;padding:10px;background-color:#f3f3f3;text-align:center;font-size:11pt; }
table.list tfoot td { border:1px Solid #d9d9d9;padding:10px;background-color:#f3f3f3;text-align:center; font-size:11pt;}
table.list label {color:#111;font-weight:bold;margin-right:5px;}
table.list span {color:#666;}

table.form {clear:both;overflow:hidden;width:100%;border-bottom:1px solid #ddd;margin-top:10px;margin-bottom:20px;}
table.form > tbody > tr > th {width:100px;text-align:center;padding:5px 10px;background-color:#f6f6f6;border-top:1px solid #ddd;font-size:12pt;line-height:30px;}
table.form > tr > th {width:100px;text-align:center;padding:5px 10px;background-color:#f6f6f6;border-top:1px solid #ddd;font-size:12pt;line-height:30px;}
table.form > tbody > tr > td {text-align:left;padding:5px 10px;background-color:#ffffff;border-top:1px solid #ddd;font-size:12pt;line-height:30px;}
table.form > tr > td {text-align:left;padding:5px 10px;background-color:#ffffff;border-top:1px solid #ddd;font-size:12pt;line-height:30px;}
table.form label {color:#111;font-weight:bold;margin-right:5px;}
table.form span {color:#666;}

ul.list {clear:both;overflow:hidden;display:table;width:100%;}
ul.list li {clear:both;overflow:hidden;display:table-row;}
ul.list li div {display:table-cell;}
ul.list li.list-head div {border-top:1px Solid #bbb;border-bottom:1px Solid #bbb;padding:10px;background-color:#fcfcfc;text-align:center;font-size:12pt;}
ul.list li.list-body div {border-bottom:1px Solid #eeeeee;padding:10px;background-color:#ffffff;text-align:center;font-size:12pt;}

ul.form {clear:both;overflow:hidden;}
ul.form > li > label {clear:both;overflow:hidden;display:block;margin:10px 0 5px 0;line-height:20px;color:#666;font-size:12pt;}
ul.form > li > span {clear:both;overflow:hidden;display:block;margin:5px 0 10px 0;border:1px solid #ddd;border-radius:5px;padding:10px;min-height:32px;line-height:32px;font-size:12pt;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}
ul.form > li > span input {border:0;height:28px;line-height:28px;}
ul.form > li > span input[type=checkbox] {border:0;height:26px;line-height:26px;}
ul.form > li > span select {border:0;height:30px;line-height:30px;}
ul.form > li > span input.handphone1 {border-bottom: 1px solid #ddd;flex-grow: 3;}
ul.form > li > span input.handphone2 {border-bottom: 1px solid #ddd;flex-grow: 4;}
ul.form > li > span input.handphone3 {border-bottom: 1px solid #ddd;flex-grow: 4;}

.paging {clear:both;overflow:hidden;text-align:center;padding:25px 0;}
.paging b {background:#2a3f54;color:#fff;padding:5px 7px;font-size:12pt;border-radius:2px;text-align:center;}
.paging a {color:#666;padding:5px 7px;font-size:12pt;margin:0 5px;text-align:center;}
.paging .firstPage {border-radius:2px;border:1px solid #ddd;text-align:center;}
.paging .prevPage {border-radius:2px;border:1px solid #ddd;text-align:center;}
.paging .nextPage {border-radius:2px;border:1px solid #ddd;text-align:center;}
.paging .lastPage {border-radius:2px;border:1px solid #ddd;text-align:center;}

.board .top {clear:both;overflow:hidden;}
.board .top .summary .total {font-size:12pt;color:#999;line-height:25px;}
.board .top .summary .total:before {content:'전체 ';}
.board .top .summary .total:after {content:'개';}
.board .top .search {float:left;}
.board .top .page_setup {float:right;font-size:12pt;}
.board .top .page_setup .totalPages {font-size:12pt;margin-right:10px;}

.board input[name=keyword] {width:100px;height:28px;font-size:12pt;}
.board input[name=page] {width:30px;height:28px;font-size:12pt;}

.board .list tbody td {font-size:12pt;color:#333;}
.board .list .title a {font-size:12pt;color:#333;}

.underline {text-decoration:underline;}
