@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@charset "utf-8";
* {margin:0;padding:0;color:#ffffff;}
* {font-family: "ONE_Mobile_Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}


@font-face {
	font-family: 'ONE_Mobile_Light';
	src: url('/font/ONE_Mobile_Light.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ONE_Mobile_Regular';
	src: url('/font/ONE_Mobile_Regular.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ONE_Mobile_Bold';
	src: url('/font/ONE_Mobile_Bold.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ONE_Mobile_Title';
	src: url('/font/ONE_Mobile_Title.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ONE_Mobile_POP';
	src: url('/font/ONE_Mobile_POP.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* SB aggro Font */

@font-face {
	font-family: 'SB_aggro_Light';
	src: url('/font/SB_aggro_Light.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SB_aggro_Medium';
	src: url('/font/SB_aggro_Medium.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SB_aggro_Bold';
	src: url('/font/SB_aggro_Bold.ttf') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* SC-CORE */
@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('/font/SCDream/SCDream3.otf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-4Regular';
	src: url('/font/SCDream/SCDream4.otf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-5Medium';
	src: url('/font/SCDream/SCDream5.otf') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-6Bold';
	src: url('/font/SCDream/SCDream6.otf') format('woff');
	font-weight: normal;
	font-style: normal;
}

html,body {width:100%;height:100%;}
html {overflow-y:scroll;}
body {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:40px;border:1px solid #707070;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select:focus {outline:none;}
textarea {border:1px solid #707070;}
input[type=text] {width:calc(100% - 2px);margin:0;height:40px;border:1px solid #fff;color:#FFF;background:none;border-radius:4px;padding-left:12px;}
input[type=password] {width:calc(100% - 2px);margin:0;height:40px;border:1px solid #fff;color:#FFF;background:none;border-radius:4px;padding-left:12px;}
input[type=date] {height:40px;border:1px solid #fff;color:#FFF;background:none;border-radius:4px;}
input[type=file] {width:300px;height:40px;border:1px solid #fff;color:#FFF;background:none;border-radius:4px;}
input[type=image] {vertical-align:middle;border:1px solid #fff;color:#FFF;background:none;border-radius:4px;}

.dialog input[type=text] {width:calc(100% - 14px);margin:0;height:30px;border:1px solid #ddd;color:#111;background:#FFF;border-radius:4px;padding-left:12px;}
.dialog input[type=password] {width:calc(100% - 14px);margin:0;height:30px;border:1px solid #ddd;color:#111;background:#FFF;border-radius:4px;padding-left:12px;}
.dialog input[type=date] {height:30px;border:1px solid #ddd;color:#111;background:#FFF;border-radius:4px;}
.dialog input[type=file] {width:300px;height:30px;border:1px solid #ddd;color:#111;background:#FFF;border-radius:4px;}
.dialog input[type=image] {vertical-align:middle;border:1px solid #ddd;color:#111;background:#FFF;border-radius:4px;}

input[type=text]:focus {outline:1px solid #6CCFBE;border:1px solid #6CCFBE;}
input[type=password]:focus {outline:1px solid #6CCFBE;border:1px solid #6CCFBE;}
input[type=date]:focus {outline:1px solid #6CCFBE;border:1px solid #6CCFBE;}
input[type=file]:focus {outline:1px solid #6CCFBE;border:1px solid #6CCFBE;}
input[type=image]:focus {outline:1px solid #6CCFBE;border:1px solid #6CCFBE;}

input.phone1, input.fax1, input.handphone1 {width:calc(30% - 18px);}
input.phone2, input.fax2, input.handphone2 {width:calc(35% - 18px);}
input.phone3, input.fax3, input.handphone3 {width:calc(35% - 18px);}
input.zipcode {width:60px;}
input.companyNum1 {width:calc(30% - 18px);}
input.companyNum2 {width:calc(35% - 18px);}
input.companyNum3 {width:calc(35% - 18px);}
input.won {width:100px;}
input.float {width:100px;}

input.registNum1 {width:calc(40% - 20px);}
input.registNum2 {width:calc(60% - 20px);}
input.companyNum1 {width:calc(30% - 18px);}
input.companyNum2 {width:calc(20% - 18px);}
input.companyNum3 {width:calc(50% - 18px);}
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 #707070;color:#999;}
input.search {width:calc(100% - 129px);}

.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 * {color:#5B5B5B;}
	.dialog {display:none;overflow:hidden;position:absolute;z-index:999;background:#FFF;border:none;padding:0;margin:0 auto;border-radius:12px;}
	.dialog .head {clear:both;overflow:hidden;text-align:right;background:#FFF;display: flex; justify-content: space-between; padding:24px  24px 16px;}
	.dialog .head label {background: url(/image/user/join/logo.png) no-repeat; width: 168px; height: 34px; display: block; font-size: 0;}
	.dialog .head h1 {float:left;color:#6CCFBE;font-size:14pt;font-weight:bold;line-height:20px;}
	.dialog .head span:last-child a {display:none;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(100vmax - 160px);border-top:1px solid #6CCFBE;}
	.dialog .body h1 {font-size:20px;color:#6CCFBE;margin-bottom:36px;}
	.dialog .body h2 {font-size:16px;color:#6CCFBE; font-weight: normal; margin-top: 36px;}
	.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 * {color:#5B5B5B;}
	.dialog {display:none;overflow:hidden;position:absolute;z-index:999;background:#FFF;border:none;padding:0;margin:0 auto;border-radius:12px;}
	.dialog .head {clear:both;overflow:hidden;text-align:right;background:#FFF;display: flex; justify-content: space-between; padding:24px  24px 16px;}
	.dialog .head label {background: url(/image/user/join/logo.png) no-repeat; width: 168px; height: 34px; display: block; font-size: 0;}
	.dialog .head h1 {float:left;color:#6CCFBE;font-size:14pt;font-weight:bold;line-height:20px;}
	.dialog .head span:last-child a {display:none;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(100vmax - 160px);border-top:1px solid #6CCFBE;}
	.dialog .body h1 {font-size:20px;color:#6CCFBE;margin-bottom:36px;}
	.dialog .body h2 {font-size:16px;color:#6CCFBE; font-weight: normal; margin-top: 36px;}
	.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% - 168px);top:calc(50%);background:#fff;text-align:center;padding:10px 25px;border:3px solid #ddd;border-radius:10px;color:#111;}

.tab {clear:both;overflow:hidden;}
.tab li {float:left;padding:14px;border-bottom:1px solid #6CCFBE;text-align:center;}
.tab li.over {border-left:1px solid #6CCFBE;border-top:1px solid #6CCFBE;border-right:1px solid #6CCFBE;border-bottom:0;}
.tab li a {font-size:16px;color:#CFCFCF;}
.tab-content {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;white-space:nowrap;}
table.list thead th { border:1px Solid #fff;padding:10px;text-align:center;font-size:16px;font-weight:normal; }
table.list thead tr:first-child th:first-child { border-radius:8px 0 0 0; }
table.list thead td { border:1px Solid #fff;padding:10px;text-align:center;font-size:16px;font-weight:normal; }
table.list thead a { font-size:16px;font-weight:normal;color:#333;white-space:nowrap;font-size:9pt;}
table.list tbody th { border:1px Solid #fff;padding:10px;text-align:center;font-size:16px; }
table.list tbody td { border:1px Solid #fff;padding:10px;text-align:center;font-size:16px; }
table.list tbody td > div {clear:both;overflow:hidden;line-height:20px;}
table.list tbody tr.over td { background-color:#fff;color:#000; }
table.list tbody td.over { background-color:#fff;color:#000;font-weight:bold;cursor:hand; }
table.list tbody tr:hover th {background:#fff;color:#000;}
table.list tbody tr:hover td {background:#fff;color:#000;}
table.list tbody tr:hover div {background:#fff;color:#000;}
table.list thead a { color:#fff;white-space:nowrap;font-size:16px;font-weight:normal; }
table.list tfoot th { border:1px Solid #fff;padding:10px;text-align:center;font-size:16px; }
table.list tfoot td { border:1px Solid #fff;padding:10px;text-align:center; font-size:16px;}
table.list label {color:#fff;font-weight:bold;margin-right:5px;}
table.list span {color:#ddd;}

table.form {clear:both;overflow:hidden;width:100%;border-bottom:1px solid #ddd;margin-top:10px;margin-bottom:20px;}
table.form th {width:100px;text-align:center;padding:5px 10px;background-color:#f6f6f6;border-top:1px solid #ddd;font-size:9pt;line-height:30px;}
table.form td {text-align:left;padding:5px 10px;background-color:#ffffff;border-top:1px solid #ddd;font-size:9pt;line-height:30px;}
table.form label {color:#111;font-weight:bold;margin-right:5px;}
table.form span {color:#666;}

ul.list {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:9pt;}
ul.list li.list-body div {border-bottom:1px Solid #eeeeee;padding:10px;background-color:#ffffff;text-align:center;font-size:9pt;}

ul.form {overflow:hidden;}
ul.form > li > label {float:left;width:62px;display:inline-block;line-height:32px;font-size:16px;margin:0 20px 24px 0;}
ul.form > li > span {float:left;width:calc(100% - 82px);display:inline-block;line-height:32px;font-size:20px;}
ul.form > li > span input {border:1px solid #707070;height:32px;line-height:40px;}
ul.form > li > span select {border:1px solid #707070;height:32px;line-height:40px;}

.paging {clear:both;overflow:hidden;text-align:center;padding:25px 0;}
.paging b {background:#fff;color:#444444;padding:5px 7px;font-size:9pt;border-radius:2px;text-align:center;border-radius:4px;}
.paging a {color:#666;padding:5px 7px;font-size:9pt;margin:0 5px;text-align:center;border-radius:4px;}
.paging .firstPage {border-radius:2px;border:1px solid #fff;text-align:center;border-radius:4px;}
.paging .prevPage {border-radius:2px;border:1px solid #fff;text-align:center;border-radius:4px;}
.paging .nextPage {border-radius:2px;border:1px solid #fff;text-align:center;border-radius:4px;}
.paging .lastPage {border-radius:2px;border:1px solid #fff;text-align:center;border-radius:4px;}

.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 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;}

.underline {text-decoration:underline;}

.pricelist .price.same {display:none;}
.pricelist .price.differ {text-decoration:line-through;font-size:11px;line-height:20px;margin-right:5px;}
.pricelist .rate {margin-left:5px;color:#FF0000;}