@charset "utf-8";
body { font-family: 'Montserrat', 'NotoSansKR'; }
.wrap { width: 1400px; margin: 0 auto; box-sizing: border-box; }
button { font-family: 'Montserrat', 'NotoSansKR'; font-size: 13px; color: #ffffff; font-weight: 500; transition: all 0.2s; }

/* 헤더 스타일이동_230925 */
header { width: 100%; border-bottom: 1px solid #e6e6e6; }
header .top_header { width: 100%; height: 70px; border-bottom: 1px solid #e6e6e6; }
header .top_header .wrap { display: flex; align-items: center; justify-content: space-between; height: 100%; }
header .langArea { display: flex; align-items: center; }
header h1 { height: 100%; color: #444444; font-weight: 500; }
header h1 a { height: 100%; display: block; }
header h1 img { width: 38px; padding-top: 11px; vertical-align: sub; }
header h1 p { display: inline-block; font-weight: 500; margin-left: 10px; vertical-align: super; }
header .langArea { height: 30px; margin-left: auto; }
header .langArea .langIcon { width: 30px; height: 100%; text-align: center; background-color: #b8d8ff; margin-right: 1px; }
header .langArea .langIcon img { width: 14px; height: 100%; }
header .langArea .selectBox { height: 100%; width: 170px; background-color: #b8d8ff; }
header .langArea .selectBox .select { background: transparent; color: #014d9e; font-weight: 500; border: 0; }
header .langArea .selectBox .select option { background: #b8d8ff; font-weight: 500; }
header .gnb { height: unset !important; min-height: 40px; }
header .gnb nav { height: 100%; width: 100%; text-align: center; }
header .gnb nav .pc_menuArea li { display: flex; justify-content: center; width: 180px; /* 1depth 메뉴 갯수따라 width 조정 필요 */ box-sizing: border-box; margin-right: 20px; }

header .gnb .mobile_h1, #hambur, .mobile_menuArea { display: none; }

/* 헤더 스타일추가_230925 */
header .gnb nav .pc_menuArea { position: relative; display: flex; justify-content: center; }
.pc_menuArea .ulDep02 { opacity: 0; visibility: hidden; position: absolute; top: 40px; width: 250px; padding: 10px; /* 메뉴명 늘어날경우 width 조정 필요 */ background-color: #ffffff; border: 1px solid #d9d9d9; border-top-width: 0; box-sizing: border-box; box-shadow: 3px 15px 15px rgba(0,0,0,0.15); transition: all 0.4s ease; transition-property: opacity, right, visibility; transition-delay: 0s, 0s, 0s; z-index: 9999; }
.pc_menuArea .ulDep02 li { display: block !important; width: 100% !important; margin-right: 0 !important; text-align: center; padding: 0 !important; }
.pc_menuArea li:hover .ulDep02 li:hover a { color: #ffffff !important; background-color: #0650a3;  }
.pc_menuArea li:hover .ulDep02 li:link a { font-weight: 500 !important; }
.mobile_menuArea .ulDep02 { display: none; }

/* 관리자 헤더 추가_230926 */
header .gnb nav .pc_menuArea.admin_header li { width: unset; max-width: 430px; box-sizing: border-box; }
.pc_menuArea.admin_header a { padding: 0 20px; }
.pc_menuArea.admin_header a.on { font-weight: 500 !important; color: #ffffff !important; background-color: #01314e; }

/* 230926_추가 */
.logoutArea img { width: 32px; vertical-align: bottom; margin-left: 5px; }

/* 셀렉트박스 */
.selectBox {
	position: relative;
	}
	.selectBox .select {
	font-family: unset;
	font-size: 13px;
	color: #333333;
	width: inherit;
	height: inherit;
	background: #ffffff;
	border: 1px solid #dddddd;
	outline: 0 none;
	padding: 0 5px;
	position: relative;
	z-index: 3; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	.selectBox .select option {
	background: #ffffff;
	color: #333333;
	border: 1px solid #c9c9c9;
	padding: 3px 0;
	font-size: 13px;
	margin-top: 5px;
	}

/* 인풋스타일 */
input[type=text], input[type=password], input[type=search] {
	height: 18px;
    line-height: 18px;
    border: 1px solid #c9c9c9;
    font-size: 13px;
    color: #333333;
    padding: 0 7px;
    box-sizing: border-box;
	font-family: unset;
}

/* 230807_추가 */
.conHeight { min-height: calc(100vh - 338px); box-sizing: border-box; }

/* 230807_버튼 디자인 */
.btnStyle {
	position: relative;
	display: block;
	height: 30px;
	padding: 10px 20px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

/* 230807_수정 */
.btnStyle.update { background-color: #7fb1bf; box-shadow: 0px 4px #74a3b0; }
.btnStyle.update:hover { box-shadow: 0 4px #3d5389; background-color: #4b6ec8; }

.btnStyle.regist { background-color: #9abf7f; box-shadow: 0px 4px 0px #87a86f; }
.btnStyle.regist:hover { box-shadow: 0 4px #01731f; background-color: #00a12b; }

.btnStyle.delete { background-color: #fa5a5a; box-shadow:0px 4px 0px #E04342; }
.btnStyle.delete:hover { box-shadow: 0 4px #a30303; background-color: #c90000; }

/* 230808_리스트버튼 */
.btnStyle.listbtn { background-color: #6a6972; box-shadow:0px 4px 0px #46454b; }
.btnStyle.listbtn img { width: 15px; }
.btnStyle.listbtn span { vertical-align: text-top; }
.btnStyle.listbtn:hover { box-shadow: 0 4px #323235; background-color: #3b3b3f; }

/* 230809_아이디체크버튼 */
.btnStyle.idcheck { display: inline-block; width: 170px; margin: unset; background-color: #425dab; box-shadow:0px 4px 0px #344a8d; }
.btnStyle.idcheck:hover { box-shadow: 0 4px #165982; background-color: #01314e; }

/* textarea스타일_230919 */
textarea { font-family: unset; border: 1px solid #9a9a9a; }

/* 추가_231010 */
.pc_menuArea .ulDep02 > li > a { height: 60px; min-width: 150px; display: inline-block; font-size: 14px; color: var(--primary-color); text-align: center; transition: all 0.3s ease; padding: 0 5px; box-sizing: border-box; }
.gnb nav .pc_menuArea > li.active .ulDep02 { opacity: 1; visibility: visible; z-index: 10; transition-delay: 0s, 0s, 0s; }




/* 반응형작업_이동_230925 */

@media screen and (max-width:1919px)
{
	.wrap { width: 100%; padding: 0 20px; }
	header .gnb { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 20px; box-sizing: border-box; }
}

@media screen and (max-width:900px)
{
	header .top_header { height: 30px; }
	header .top_header .wrap { display: block; padding: 0; }

	/* 언어선택영역 */
	.langArea { width: 100%; }
	.langArea .selectBox { width: 100% !important; }

	header .top_header h1 { display: none; }
	header .gnb { display: block !important; height: 70px !important; padding: 0; background-color: #ffffff !important; }
	header .gnb h1.mobile_h1 { display: block; padding-left: 10px; display: inline-block; float: left; }
	header .gnb nav { display: none; }
	#hambur { display: block; float: right; width: 70px; height: 70px; border-left: 1px solid #e6e6e6; }
	#hambur.h_default { background: url('/img/menubar.png') 25px 25px no-repeat; background-size: 20px auto; }
	#hambur.h_close { background: url('/img/close_d.svg') 25px 25px no-repeat; background-size: 20px auto; }
	.mobile_menuArea { display: none; position: absolute; top: 70px; left: 0; width: 100%; z-index: 5; background-color: #065bb6; box-sizing: border-box; }
	.mobile_menuArea a { display: block; height: 60px; color: #ffffff; line-height: 60px; padding: 0 20px; }
	.mobile_menuArea > li > a { background: url('/img/arrow_down_white.svg') no-repeat 98% 19px; background-size: 17px auto; }

	/* 스타일추가_230925 */
	.mobile_menuArea .ulDep02 li a { color: #ffffff; }
	.mobile_menuArea .ulDep02 li a:active { background-color: #d9d9d9; font-weight: 800; }
	.ulDep02 li { background-color: #2d2d2d; border-bottom: 1px solid #d9d9d9; }
	.mobile_menuArea > li { border-bottom: 1px solid #2273ca; }
	.mobile_menuArea > li:last-child { border-bottom: 0; }
	.mobile_menuArea > li.on > a { font-weight: 800; background-color: #1c4066; background: url('/img/arrow_up_white.svg') no-repeat 98% 19px; background-size: 17px auto; }

	/* 추가_230925 */
	header .gnb h1.mobile_h1 .logo_txtm { display: inline-block; }
	header .gnb h1.mobile_h1 .logo_txtm p { display: block; font-size: 15px; line-height: 1.2; }
}

@media screen and (max-width:1400px){
	.pc_menuArea .ulDep02 { width: 20%; }
	.pc_menuArea .ulDep02 a { word-break: break-all; line-height: 1.7; }
}