@charset "utf-8";

@import url("/resources/css/front/main.css?version=1");  
@import url("/resources/css/front/sub.css?version=1");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*****************************************************************************************************/
:root {
	color-scheme: light only;
}
html, body {margin:0; padding:0; height:100%;}
body {height:100%;background:#fff; font-size:14px; color:#333; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; }

div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
ol, ul, li {list-style: none;  }
fieldset {border:none;}
legend {display:none;}
a,button { text-decoration:none; color:inherit; } 
img{margin:0; padding:0;}
table{border-spacing: 0px;}
*{box-sizing:border-box; margin:0; padding:0;}

select {
	padding-left:10px;
	border: 1px solid #999;
	font-family: inherit;
	background: url('/image/sub/arrow_down.png') no-repeat 95% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input, textarea { font-family: 'Noto Sans KR', sans-serif; caret-color:black;} 

.textbox input[type="text"], 
.textbox input[type="password"] { 
	margin:0 auto;
	line-height : normal; /* line-height 초기화 */ 
	padding: .8em .5em; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */ 
	font-family: 'Noto Sans KR', sans-serif; /* 폰트 상속 */ 
	border: 1px solid #999; 
	border-radius: 0; /* iSO 둥근모서리 제거 */ 
	outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */ 
	-webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ 
	-moz-appearance: none; 
	appearance: none; 
}

.notosans { font-family: 'Noto Sans KR', sans-serif; }

/* 말줄임 */
.text-over { overflow:hidden; text-overflow:ellipsis; }

.marginright { margin-right:10px; } 
.marginright33 { margin-right:33px; } 
.margintop35 { margin-top:35px; }
.margintop60 { margin-top:60px; }
.margintop120 { margin-top:120px; }
.marginbottom10 { margin-bottom:10px; }
.marginbottom120 { margin-bottom:120px; }

.paddingtop30 { padding-top:30px; }
.paddingtop35 { padding-top:35px; }
.paddingright35 { padding-right:35px; }
.paddingbottom35 { padding-bottom:35px; }
.paddingbottom85 { padding-bottom:85px; }

.border-bottom { border-bottom:1px solid #cccccc; }

/* 버튼목록 start */
.btn_01 { border:none; text-align:center; cursor:pointer; font-weight:500; font-size:20px; }
.btn_02 { border: none; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; }
.btn_03 { border:none; text-align:center; cursor:pointer; font-weight:500; font-size:18px; }

.color_03604f { background-color:#03604f; color:#ffffff; }
.color_058aae { background-color:#058aae; color:#ffffff; }
.color_05aaae { background-color:#05aaae; color:#ffffff; }
.color_0589af { background-color:#0589af; color:#ffffff; }
.color_059eae { background-color:#059eae; color:#ffffff; }
.color_06b28a { background-color:#06b28a; color:#ffffff; }
.color_666666 { background-color:#666666; color:#ffffff; }
.color_444444 { background-color:#444444; color:#ffffff; }
.color_cccccc { background-color:#CCCCCC; color:#444444; }
.bg-gray { background-color:#dddddd; }  /* 2021-08-31 */
.bg-gray1 { background-color:#1c75b9; } /* 2021-08-31 */
.color_1c75b9 { color:#1c75b9; } /* 2021-08-31 */
.color_ffffff { color:#ffffff; } /* 2021-08-31 */


.width100p { width:100%; } 
.width100 { width:100px; }
.width120 { width:120px; }
.width133 { width:133px; }
.width140 { width:140px; }
.width150 { width:150px; }
.width280 { width:280px; }

.width160 { width:160px; }
.width100 { width:110px; }
.min1000 { min-width:1000px; }

.height40 { height:40px; } 
.height43 { height:43px; } 
.height52 { height:52px; } 
.height70 { height:70px; } 
.height75 { height:75px; } 
.height100 { height:100px; } 
.height120 { height:120px; } 
.height150 { height:150px; } 
.height167 { height:167px; }
.height210 { height:210px; }

.find_id_btn { width:138px; height:33px; font-weight:400; font-size:16px; background-color:#ffffff; color:#000000; background:url('../../image/nhp/icon_id.png') no-repeat 0% 50%; padding-left:35px; }
.find_pw_btn { width:141px;	height:33px; font-weight:400; font-size:16px; background-color:#ffffff; color:#000000; background:url('../../image/nhp/icon_pw.png') no-repeat 0% 50%; padding-left:35px; }


/* 버튼목록 end  */


#popup_wrap { display: none; position: fixed; left: 0; top: 47px; width:100%; margin-left:0%; min-height:350px; margin-top:0; z-index: 1000; background-color:#ddd; cursor:default; padding:30px 0px; }

#popup_wrap2 { display: none; position: fixed; left: 0; top: 0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.5); cursor:default; }
.popup1 { display:none; } 

.popup_contents { margin:0 auto; margin-top:30px; width:calc(100% - 10px); height:calc(100% - 60px); background-color:#fff; border:3px solid #929292; overflow:auto; }
.popup_contents2 { margin:0 auto; margin-top:30px; width:calc(100% - 10px); height:calc(100% - 88px); background-color:#fff; border:3px solid #929292; overflow:auto; }

.popup_title { position:relative; width:100%; text-align:center; height:30px; margin-top:12px; font-size:20px; font-weight:700; color:#333333; } 
.popup_close { position:absolute; top:5px; right:0; width:50px; height:20px; } 
.popup_search { position:relative; width:100%; text-align:center; height:50px; margin-top:15px; font-size:14px; color:#333333; } 
.popup_input { width:calc(100% - 20px); margin:0 10px; }
.popup_input > ul { display:flex; margin-top:10px; } 
.popup_input > ul > li { } 
.popup_input > ul > li:nth-child(1) { width:90px; font-size:15px; font-weight:500; color:#333333; text-align:right; padding-right:20px; padding-top:10px; } 
.popup_input > ul > li:nth-child(2) { width:calc(100% - 90px); margin:0 auto; font-size:14px; font-weight:500; color:#626262; } 

.popup_title2 { width:calc(100% - 20px); margin:0 10px; margin-top:20px; height:30px; font-size:20px; font-weight:700; color:#333333; text-align:left; vertical-align:middle; } 
.popup_approve { width:calc(100% - 20px); margin:0 10px;  margin-top:12px;  } 
.popup_approve > ul { height:35px; border-top:1px solid #b2b2b2; }
.popup_approve > ul:last-child { border-bottom:1px solid #b2b2b2; }

.popup_approve > ul > li { float:left; display:inline-block; height:100%; padding-top:5px; font-size:16px; text-align:center; } 
.popup_approve > ul > li > img { margin-top:0px;  } 
.popup_approve > ul > li:nth-child(1) { width:100px; } 
.popup_approve > ul > li:nth-child(2) { width:100px; } 
.popup_approve > ul > li:nth-child(3) { width:calc(100% - 200px); text-align:right; padding-right:20px; } 

/*
.popup_list { width:100%; margin:0 auto; font-size:16px; font-weight:400; } 
.popup_list > ul > li { width:calc(100% - 20px); height:90px; border:1px solid #bdbdbd; border-radius:5px; margin:10px; padding:10px; text-align:left; line-height:23px; } 
*/
.popup_list { width:100%; margin:0 auto; font-size:16px; font-weight:400; } 
.popup_list > ul { width:calc(100% - 20px); min-height:50px; max-height:90px; border:1px solid #bdbdbd; border-radius:5px; margin:10px; padding:10px; text-align:left; line-height:23px; } 
.popup_list > ul > li:nth-child(1) { width:100%; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.popup_list > ul > li:nth-child(2) { width:100%; font-size:14px; } 


.popup_notopen { position:fixed; bottom:30px; margin:0 5px; width:calc(100% - 10px); height:30px; text-align:left; font-size:14px; padding:3px 0 0 15px; background-color:#f2f2f2; border-left:3px solid #929292; border-right:3px solid #929292; border-bottom:3px solid #929292;  } 

.calendar { background-image:url('/resources/images/front/sub/icon_calendar1.png'); background-repeat:no-repeat; background-position:calc(100% - 5px) center;  background-size:20px 20px; }
.search { background-image:url('/resources/images/front/sub/icon_search1.png'); background-repeat:no-repeat; background-position:calc(100% - 5px) center;  background-size:20px 20px; }
.arrow_down { background-image:url('/resources/images/front/sub/icon_arrow_down1.png'); background-repeat:no-repeat; background-position:calc(100% - 5px) center;  background-size:16px 10px; }
.ui-timepicker { font-size: 12px; width: 150px; }	


/************************************************************************************/
@media (min-width: 1201px) {
/************************************************************************************/

}

/************************************************************************************/
@media all and (min-width:1024px) and (max-width:1200px) {
/************************************************************************************/


}

/************************************************************************************/
@media all and (min-width:768px) and (max-width:1023px) {
/************************************************************************************/


}

/************************************************************************************/
@media all and (min-width:480px) and (max-width:767px) {
/************************************************************************************/


}

/************************************************************************************/
@media all and (max-width:479px) {
/************************************************************************************/

	.width133 { width:100px; }

}

#modify_menu_popup { display: none; position: absolute; width:50px; margin-left:0%; height:75px; z-index: 1000; background-color:#f2f2f2; padding:5px; border:2px solid #929292;}
#modify_popup { display: none; position: fixed; left: 0; top: 47px; width:100%; margin-left:0%; height:350px; margin-top:0; z-index: 1000; background-color:#acacac; cursor:default; padding:30px 0px; }

#loading{
	display:none;
}
#loading .loading_bg{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	opacity: 0.5;
	z-index:999;
	top:0px;
}
#loading img{
	position:absolute;
	top:50%;	
	left:calc(50% - 25px);
	z-index:9999;	
	width:50px;
}