/********************
email: smartfolder@naver.com
Correct Author: smartfolder
********************/

@font-face {font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal;}

.newsletter p{margin-top: 10px; margin-bottom: 10px; line-height: 1.5; font-size: 16px; word-break: break-all;}
tr, td, input, select, button, textarea {font-size: 16px;}
input, select, button{padding: 1px 2px;}
ul, li {list-style:none; padding:0;}

.newsletter {font-family: 'S-CoreDream-4Regular';}

.newsletter input[type=checkbox] {
    margin-right: 10px;
	margin-left: 10px;
}

.news-wrap h3{
    font-size: 2.8125em;
    line-height: 1.333333333em;
    font-family: 'S-CoreDream-6Bold';
	padding-bottom: 2.5rem;
}

.news-wrap p {
    font-size: 2rem;
    line-height: 1.666666667;
}

.cus_edit th, .cus_insert th {
    width: 150px; 
	padding: 10px;
	font-family: 'S-CoreDream-4Regular';
}

.cus_edit td, .cus_insert td {
    border-bottom: none;
}

.cus_edit tr, .cus_insert tr {
    border-bottom: none;
}

.cus_edit input, .cus_edit select, .cus_insert input, .cus_insert select {
    width:350px; height: 32px;
}

.cus_insert input[type="date" i], .cus_edit input[type="date" i], .cus_insert input[type="email" i], .cus_edit input[type="email" i], .cus_insert input[type="password" i], .cus_edit input[type="password" i], .cus_edit input[type="text" i], .cus_insert input[type="text" i]{
	box-sizing: border-box; font-family: 'S-CoreDream-4Regular';
	padding: 5px;
    border: 1px solid #cdc9c9;
    background: #fff;
    color: #444343;
    -webkit-appearance: none;
    font-size: 16px;
    letter-spacing: normal;
    border-radius: 2px;
}

.news_input input[type="radio" i], .news_input input[type="checkbox" i] {
    width: 20px;
    height: 15px;
}

.news_input input[type="date" i] {padding:0;}

.cus_edit textarea, .cus_insert textarea{
	height: 135px;	
	background: #fffce4;
	width:350px; 
	box-sizing: border-box;
}

table {
	white-space: nowrap; 
	border-spacing: 0px;
	width:100%;	
}

th {
	background: #4738a2;
	color:#fff;
}

tr {
	border-bottom: 1px solid #d9d9d9;
}

tbody > tr > td, thead > tr > th {
	padding: 10px;
    vertical-align: middle;
	border-bottom: 1px solid #d9d9d9;
}

form#form1, form#form2 {line-height:2;}

.news_checkbox {
    background: #f7f9fa;
    border: 1px solid #dae1e6;
	margin-bottom:30px;
	padding: 0 10px;
	padding-bottom: 20px;
}	

.newsletter h5 {
    margin: 20px 10px;
    line-height: 1.2;
    font-size: 16px;
}

.newsletter a {
    text-decoration: underline;
    vertical-align: unset;
	color: #673ab7;
}

table.news_input{
    background: #f7f9fa;
    border: 1px solid #dae1e6;
	margin-top:30px;
	margin-bottom:30px;
	padding-right:10px;
}

.pop1, .pop2 {
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    display: none;
	font-family: 'S-CoreDream-4Regular';
    font-size: 15px;
}

.pop1 .pop-inner, .pop2 .pop-inner {
    position: absolute;
    top: 3%;
    bottom: 3%;
    left: 3%;
    right: 3%;
    padding: 1% 2%;
    border: 2px solid #4738a2;
	background: #fff;
	color: #444444;
}

.pop1 .pop-con, .pop2 .pop-con {
    position: absolute;
    top: 7%;
    bottom: 3%;
    left: 3%;
    right: 3%;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #DAE0E3;
}

.pop1 .pop-con-inner, .pop2 .pop-con-inner{
    padding: 2%;
	line-height: 1.6;
}

.pop1.on, .pop2.on {
    display: block;
}

.pop1_close_btn, .pop2_close_btn {
    float: right;
    height: 5rem;
    width: 5rem;
    background: url(/assets/images/common/ico_pop_close.png) no-repeat 50% 50%;
    background-size: 1.4rem auto;
}

.pop1 .pop-header h5, .pop2 .pop-header h5 {
    position: absolute;
    top: 1%;
	left: 3%;
	margin: 20px 0;
}

@media (max-width: 499px) {
.newsletter p{font-size:15px;}	
.cus_edit th, .cus_insert th {width:10%;}	
.cus_edit td, .cus_insert td {
	padding-right: 0px;
    width: auto;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
}
cus_edit input, .cus_edit select, .cus_insert input, .cus_insert select {width: 100%;}
.cus_insert input[type="date" i], .cus_edit input[type="date" i], .cus_insert input[type="email" i], .cus_edit input[type="email" i], .cus_insert input[type="password" i], .cus_edit input[type="password" i], .cus_edit input[type="text" i], .cus_insert input[type="text" i].cus_insert input[type="date" i], .cus_edit input[type="date" i], .cus_insert input[type="email" i], .cus_edit input[type="email" i], .cus_insert input[type="password" i], .cus_edit input[type="password" i], .cus_edit input[type="text" i], .cus_insert input[type="text" i] {
    width: 100%;
}
.cus_edit textarea, .cus_insert textarea{width:100%;}
input[type="radio" i] {width:20px;}
}