@charset "utf-8";

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('/font/NEXON\ Lv1\ Gothic\ OTF\ Bold.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {  
	font-family: 'NEXON Lv1 Gothic OTF';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');;
}
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Godo';
	font-style: normal;
	font-weight: 400;
	src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url('/font/NotoSansCJKkr-Black.otf');
}

@font-face {
	font-family: 'Noto Sans KR Regular';
	src: url('/font/NotoSansCJKkr-Regular.otf');
}

@font-face {
	font-family: 'Noto Sans KR Bold';
	src: url('/font/NotoSansMonoCJKkr-Bold.otf');
}
@font-face {
	font-family: 'ROKAMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/ROKAMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ROKABold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/ROKABold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'NEXON Lv2 Gothic';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {margin:0;padding:0; word-break: keep-all;}
* {font-family: 'NEXON Lv1 Gothic OTF','NEXON Lv1 Gothic OTF Bold','NEXON Lv1 Gothic OTF Light'; color: #1B1D21;}

input { -webkit-appearance: none; -webkit-border-radius: 0; }
html,body {width:100%;height:100%;}
html {overflow-y:scroll; overflow-x: hidden;}
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: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;}
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;}
input[type=file] {width:300px;height:38px;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.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.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:0 5px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.underline {text-decoration:underline;}

@media screen and (min-width:1180px) {
	.dialog {display:none;overflow:hidden;position:absolute;z-index:999;background:#FFF;border:1px solid #ddd;width:880px;}
	.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:auto;text-align:left;background:#FFF;max-height:calc(100vh - 160px);padding:15px;}
	.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:100%;padding:4px; margin: 0 auto !important; height: 100vh;}
	.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: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;

	}
}
#loading {
    display: none;
    position: fixed;
    z-index: 999999999;
    width: 300px;
    left: calc(50% - 180px);
    top: calc(50%);
    background: #fff;
    text-align: center;
    padding: 10px 25px;
    border: 3px solid #ddd;
    border-radius: 10px;
}
.dialog {  box-shadow:rgba(0,0,0,0.5) 0 0 0 9999px, rgba(0,0,0,0.5) 2px 2px 3px 3px;z-index:99999999;}
.dialog .body .loading {clear:both; overflow:hidden; text-align:center;height:100px;line-height:100px;}
.r_box2 {margin:30px 0px ; border-top: 2px solid #92D050; border-bottom: 2px solid #92D050; text-align: center; padding-bottom: 20px;}		
.r_box2 h1 {background: #ffffff; text-align: center !important; color: #70AD47; font-size: 17px !important;  display: inline-block;  width: auto; height: auto; line-height: 1.9; white-space: nowrap; transform: translateY(-16px);}
.r_box2 h1::before{content: '' !important;width: 10px;height: 10px;background: #92D050;border-radius: 100%;padding-right: 0 !important; margin-right: 10px; float: left; margin-top: 10px;}
.r_box2 h1::after{content: '';width: 10px;height: 10px;background: #92D050;border-radius: 100%; margin-left: 10px; float: right; margin-top: 10px;}
.r_box2 li {font-size: 15px !important; line-height: 1.5; color: #7E7E7E; display: inline;}
.g_logo {color: #375424; font-size: 19px; font-family: 'NEXON Lv1 Gothic OTF Bold'; margin-top: 60px;}
.g_logo::before {float: left; content: ''; margin-right: 5px;  background: url(/image/m/common/g_left_logo.png) no-repeat center; background-size: contain; width: 26px;height: 22px; }
.orange {margin-left: 10px !important; margin: 10px 0; clear: both; overflow: hidden; background: url(/image/m/common/orange.png) no-repeat; background-position: left; background-size: 1.5%; padding-left: 15px; background-position-y: 5px;}
.tab-content {font-size: 13px;}
.tab-content::before{content: ''; display: block; background: #F5F5F8; height: 10px; margin-left: -20px; width: 100vw;}

.sub_table {width: 100%;}
.sub_table th,.sub_table td {padding: 13px 20px; }
.sub_table th {font-weight: initial; padding: 10px 50px; background: #70AD47; color: #ffffff; border-bottom: 1px solid #fff; font-size: 14px; text-align: center; width: 50%;}
.sub_table td {background: #f1f1f1; font-size: 14px; border: 1px solid #fff;}
.sub_table td ul {float: left;}
.sub_table td ul li {margin: 10px 0;}
.sub_table td > table {float: right;}
.sub_table td > table th{color: #fff; border: 1px solid #000;padding: 5px 10px;  background: #3a4c30; font-size: 10px;}
.sub_table td > table td { background: #ffffff; text-align: left; border: 1px solid #000;  font-size: 10px;}
.sub_table td > table td,.sub_table td > table th {padding-top: 5px;padding-bottom: 5px;} 

.chk {font-size: 16px; color: #1B1D21 !important; font-family: 'NEXON Lv2 Gothic';}
.chk::before {display: inline-block; margin-right: 5px; content: ''; background: url(/image/common/check.png) no-repeat left; width: 25px; height: 25px; background-size: cover;}

.t_round{width: 28vw; height: 28vw; border-radius: 100%; border: 8px solid #92D050;}
.t_round div {border-radius: 100%; width: 28vw; height: 28vw; border: 8px solid #50903A; box-sizing: border-box;}
.t_round ul{margin: 50px auto;}
.t_round li{ font-size: 32px; color: #50903A; text-align: center; font-family: 'ROKABold';}
.t_round li:last-child{color: #000; font-size: 21px; margin-top: 3px; font-family: 'ROKABold';}

.paging {clear:both;overflow:hidden;text-align:center;padding:25px 0;}
.paging b {color:#1B1D21;padding:8px 16px;font-size:16px;text-align:center; font-family: 'Noto Sans KR'; }
.paging a {color:#1b1d21;padding:5px 7px;font-size:9pt;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 input[name=keyword] {width:40%;height:28px;font-size:9pt;}