@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@charset "utf-8";
* {margin:0;padding:0;}
* {font-family: "Noto Sans KR", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}

html,body {width:100%;height:100%;}
body {background-color:#fff;*word-break:break-all;-ms-word-break:break-all;overflow:auto;}
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 { color:#101010;text-decoration:none; }
a:visited { color:#101010;text-decoration:none; }
a:active { color:#101010;text-decoration:none; }
a:hover { color:#101010;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:28px;border:1px Solid;border-color:#c7c7c7;}
input[type=password] {width:calc(100% - 2px);margin:0;height:28px;border:1px Solid;border-color:#c7c7c7;}
input[type=date] {height:28px;border:1px Solid;border-color:#c7c7c7;}
input[type=file] {width:300px;height:28px;border:1px Solid;border-color:#c7c7c7;}
input[type=image] {vertical-align:middle;border:0;}

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.zipcode {width:60px;}
input.companyNum1 {width:30px;}
input.companyNum2 {width:40px;}
input.companyNum3 {width:40px;}
input.won {width: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:130px;}
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-right:10px;}
.ul-radio-list li:last-child {margin-right:0;}

@media screen and (min-width:980px) {
	.dialog {display:none;overflow:hidden;position:absolute;z-index:999;background:#FFF;border:1px solid #ddd;width:790px;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 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:hidden;text-align:left;background:#FFF;}
	.dialog .foot {clear:both;overflow:hidden;text-align:right;background:#FFF;border-top:1px solid #ddd;padding:10px;}
}

@media screen and (max-width:980px) {
	.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 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:hidden;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;z-index:9999;position:absolute;left:0;top:calc(50% - 35px);width:100%;text-align:center;vertical-align:middle;}
#loading div {clear:both;overflow:hidden;display:inline-block;background:#fff;vertical-align:middle;padding:15px;line-height:35px;border:1px solid #ddd;}

.tab {clear:both;overflow:hidden;}
.tab li {display:inline-block;width:calc(25% - 40px);padding:19px;border:1px solid #ddd;background:#FFF;line-height:20px;margin:0;}
.tab li a {color:#666;padding:0;margin:0;}
.tab li.over {padding:17px;border:3px solid #015aae;}
.tab li.over a {color:#101010;font-weight:bold;}
.tab-content {padding:25px;}

table.list {width:100%;border-collapse:collapse;margin:10px 0;border-top:3px solid #005bac;}
table.list tr {padding:0px;border-spacing:0px;}
table.list tr td {padding:0px;border-spacing:0px;white-space:nowrap;}
table.list thead th { border-bottom:1px Solid #bbb;padding:10px;background-color:#fcfcfc;text-align:center;font-size:11pt; }
table.list thead td { border-bottom:1px Solid #bbb;padding:10px;background-color:#fcfcfc;text-align:center;font-size:11pt; }
table.list thead a { font-size:11pt;font-weight:normal;color:#333;white-space:nowrap;font-size:11pt;}
table.list tbody th { border-bottom:1px Solid #eeeeee;padding:10px;background-color:#fcfcfc;text-align:center;font-size:11pt; }
table.list tbody td { border-bottom:1px Solid #eeeeee;padding:10px;background-color:#ffffff;text-align:center;font-size:11pt; }
table.list tbody tr.over td { background-color:#f9f9f9;color:#000000; }
table.list tbody td.over { background-color:#f9f9f9;color:#000000;font-weight:bold;cursor:hand; }
table.list tbody tr:hover th {background:#f9f9f9;}
table.list tbody tr:hover td {background:#f9f9f9;}
table.list tfoot th { border-top:1px Solid #bbb;border-bottom:1px Solid #bbb;padding:10px;background-color:#fcfcfc;text-align:center;font-size:9pt; }
table.list tfoot td { border-top:1px Solid #bbb;border-bottom:1px Solid #bbb;padding:10px;background-color:#fcfcfc;text-align:center; font-size:9pt;}

.form {clear:both;overflow:hidden;width:100%;border-top:3px solid #005bac;margin-top:20px;margin-bottom:20px;}
.form th {width:calc(25% - 40px);text-align:center;padding:15px 20px;background-color:#f1f1f1;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:11pt;line-height:30px;}
.form td {text-align:left;padding:15px 20px;background-color:#ffffff;border-bottom:1px solid #ddd;font-size:11pt;line-height:30px;}
.form label {background:#374f67;border:1px solid #333;color:#fff;line-height:26px;padding:5px;width:60px;text-align:center;}

.paging {clear:both;overflow:hidden;padding:10px 0;text-align:center;}
.paging b {display:inline-block;background:#FFF;color:#555555;padding:5px;min-width:18px;line-height:18px;font-size:9pt;white-space:nowrap;border:1px solid #ddd;border-radius:0;margin:2px;}
.paging a {display:inline-block;background:#EEE;color:#111111;padding:5px;min-width:18px;line-height:18px;font-size:9pt;white-space:nowrap;border:1px solid #ddd;border-radius:0;margin:2px;}

.board .top {clear:both;overflow:hidden;}
.board .top .summary .total {font-size:9pt;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:9pt;}
.board .top .page_setup .totalPages {font-size:9pt;margin-right:10px;}
.board .bottom .buttons {text-align:left;}
.board input[name=keyword] {width:100px;height:28px;font-size:9pt;}
.board input[name=page] {width:30px;height:28px;font-size:9pt;}

.board .list tbody td {font-size:9pt;color:#333;}
.board .list .title a {font-size:9pt;color:#333;}