@charset "utf-8";
/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-08-01
Last Updated: 2016-08-05
Author: OBS
*/

/***** RESET *****/



/* Form Type (html5 & 모바일 적용) */
input[type='tel'],input[type='number'],input[type='email'],input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; height: 30px; border:0;  padding:0 10px; outline-color:none; /* margin-top:3px; */}
;;-webkit-input-placeholder
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
input[type='number']{-webkit-appearance:none}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input:focus{outline:none;}
textarea{resize:none; padding:0px; border:none;  font-family:'NotoSansCJKkr-DemiLight'}
textarea:focus{outline:none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}


input[type="checkbox"],
input[type="radio"]{
	display:none;
}


input[type="checkbox"] + label span{
	display:inline-block;
	width:18px;
	height:18px;
	background:url("../img/btn_check_box_off.png")no-repeat;
	cursor:pointer;
	vertical-align:-5%;
	margin-right:5px;
}

input[type="checkbox"]:checked + label span{
	background:url("../img/btn_check_box_on.png")no-repeat;
	width:18px;
	height:18px;
}


input[type="radio"] + label span{
	display:inline-block;
	width:18px;
	height:18px;
	background:url("../img/btn_check_off.png")no-repeat;
	cursor:pointer;
	vertical-align:-5%;
	margin-right:5px;
}

input[type="radio"]:checked + label span{
	background:url("../img/btn_check_on.png")no-repeat;
	width:18px;
	height:18px;
}

input[type="checkbox"] + label span.mt,
input[type="radio"] + label span.mt{margin-top:5px;}


input[type="text"]{height:40px; border:1px solid #cecece; font-size:20px; box-sizing:border-box;}

/* placeholder font*/
::-webkit-input-placeholder{font-family:"NanumGothic"}
:-moz-placeholder{font-family:"NanumGothic"}
::-moz-placeholder{font-family:"NanumGothic"}
:-ms-input-placeholder {font-family:"NanumGothic"}



/*/셀렉트박스/*/
select{-webkit-appearance: none;  /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
background:#fff url("../../images/2020/select_arrow.png") no-repeat 95% 50%;/* 화살표 모양의 이미지 */
width:100px; /* 원하는 너비설정 */
height:40px;
padding:0px 3%;
font-size:20px;
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
border:1px solid #cecece;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display:none;
}

select.sel_type_02{-webkit-appearance: none;  /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
background:#fff url("../../images/2020/select_arrow_02.png") no-repeat 95% 50%;/* 화살표 모양의 이미지 */
width:100px; /* 원하는 너비설정 */
height:40px;
padding:0px 1.5%;
font-size:20px;
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
border:1px solid #cecece;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
	display:none;
}






.new-modal{position:fixed; width:900px; height:570px; border:3px solid #1471c0; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:#ffffff;}
.new-modal *{box-sizing:border-box;}
.m-title-box{width:100%; height:60px; position:relative; padding:0 20px; background:#1471c0;}
.m-title-box .title-01{position:absolute; font-size:18px; color:#ffffff; margin-top:0; top:50%; transform:translateY(-50%); line-height:24px; font-weight:bold;}
.m-title-box .btn-close{position:absolute; top:50%; transform:translateY(-50%); right:20px; width:20px; height:19px;}
.m-title-box .btn-close img{width:100%;}
.m-content{width:100%; height:auto; padding:20px; box-sizing:border-box;}
.m-table{width:100%; border-collapse:collapse; table-layout: fixed;  color:#000000; line-height:24px;}
.m-table tbody tr{height:auto;}
.m-table tbody tr th{border:1px solid #dddddd; font-size:16px; padding:5px; background:#f8f9fa; font-weight:bold;}
.m-table tbody tr td{border:1px solid #dddddd; font-size:14px; padding:5px; color:#666;}
.m-nav{display:inline-block; vertical-align:bottom; padding:0; }
.m-nav p{display:inline-block; font-size:16px; margin-right:20px; position:relative; line-height:38px; box-sizing:border-box; }
.m-nav p::after{display:inline-block; content:''; position:absolute; width:8px; height:12px; background:url(/images/front/nav-arrow.png); top:50%; transform:translateY(-50%); left:-20px;}
.m-nav p:first-child::after{display:none;}
.m-btn-go{display:inline-block;  height:40px; background:#1471c0; line-height:40px; padding:0 10px;  text-decoration:none; font-size:14px; color:#ffffff; }
.m-table tbody tr td input{width:100%; font-size:14px; }
.m-table tbody tr td textarea{width:100%; height:200px; border:0; padding:10px; font-size:14px; color:#666;}


@media screen and (max-width: 930px) { 
    .new-modal{width:95%; height:auto;}
}


@media screen and (max-width: 630px) { 
    .m-content{padding:10px;}
    .m-table tbody tr{height:40px; }
    .m-table tbody tr th, .m-table tbody tr td, .m-nav p{font-size:14px; }
	.m-table tbody tr td textarea{height:85px;}
    .m-nav{padding:10px;}
    .m-nav p{ margin-left:10px;}
    /* .m-nav p::after{left:50%; transform:translateX(-50%) rotate(90deg); top:-8%;} */
    .m-btn-go{width:100%; text-align:center; }
    
}