@charset "UTF-8";
@import url(normalize.css);
@import url(common.css);

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
#srchForm {
    border-top: 1px solid #888;
}
html,
body {
	font-size: 14px;
	width: 100%;
	height: 100%;
/*	font-family: "Noto Sans KR", sans-serif !important;*/
    font-family: Pretendard, "Noto Sans KR", sans-serif !important;
	background: #f8f8f8;
    font-weight: 600;
}

#wrapper {
	width: 100%; 
/*		width: 1200px; */
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#wrapper #contBox {
	height: 100%;
	position: relative;
}

#wrapper #contBox .cont_div {
	min-height: 100%;

}
#wrapper #contBox .left_menu {
	width: 250px;
	min-height: 100%;
	background: #303342;
	position: fixed;
	bottom: 0;
	left: 0;

}
#wrapper #contBox .right_cont {
	width: calc(100% - 250px);
	min-height: 100%;
	position: relative;
	margin-left: 250px;
}
#wrapper #contBox .top_box {
	height: 80px;
}
#wrapper #contBox .left_menu .top_box {
/*	background: #00376D; */
	border-bottom: 1px solid #474747;

}
#wrapper #contBox .right_cont .top_box {
	background: #fff;
	border-bottom: 1px solid #eee;
}

#wrapper #contBox .left_menu .top_box .user_info {
	margin: 0 auto;
	padding: 0px 20px;
	font-weight: 500;
	font-size: 16px;
	color: #eee;
	height: 80px;
	position: relative;
}
#wrapper #contBox .left_menu .top_box .user_info span {
	line-height: 80px;
}

#wrapper #contBox .left_menu .top_box .user_info .logout {
	position: absolute;
	top: 15px;
	right: 25px;
	padding: 5px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	color: #111;
	font-size: 10px;
	font-weight: 500;
	border-radius: 3px;
	letter-spacing: 0px;
}
#wrapper #contBox .left_menu .top_box .user_info .setting {
	position: absolute;
	top: 45px;
	right: 25px;
	padding: 5px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	color: #111;
	font-size: 10px;
	font-weight: 500;
	border-radius: 3px;
	letter-spacing: 0px;
}

#wrapper #contBox  .left_menu .gnb .gnb_list {
	width: calc(100% - 60px);
	margin: 0 auto;
	padding: 20px 0px;
}

#wrapper #contBox .left_menu .gnb .gnb_list dl dt {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: #ccc;
	padding: 10px 10px;
	border-bottom: 1px solid #474747;
	position: relative;
	cursor: pointer;
}
    /* 1. 화살표 기본 스타일 (V자 모양, 아래쪽) */
    .gnb_list dl dt .arrow {
        position: absolute;
        right: 20px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid #666; /* 화살표 색상 */
        border-bottom: 2px solid #666;
        
        /* 기본 상태: 아래(∨) 바라보기 */
        transform: translateY(-70%) rotate(45deg); 
        transition: transform 0.3s ease; /* 0.3초 동안 부드럽게 회전 */
    }

    /* 2. 애니메이션 동작 조건 (여기가 핵심!) */
    /* 조건 A: dl에 마우스가 올라갔을 때 (:hover) */
    /* 조건 B: dt가 이미 켜져있을 때 (.on) */
    
    .gnb_list dl:hover dt .arrow,
    .gnb_list dl dt.on .arrow {
        /* 위쪽(∧) 바라보기 (180도 회전) */
        transform: translateY(-30%) rotate(225deg);
        border-color: #666; /* 활성화 시 색상을 조금 더 진하게 (선택사항) */
    }

#wrapper #contBox  .left_menu .gnb .gnb_list dl dt.on {
/*	background: #000;	*/
	color: #f39800;
}
#wrapper #contBox .left_menu .gnb .gnb_list dl dd {
	padding: 7px 20px;
	color: #ccc;
	background: #1a1c22;
	font-size: 14px;
	font-weight: 500;
}
#wrapper #contBox  .left_menu .gnb .gnb_list dl dd.active {
	display: block !important;
}
#wrapper #contBox .left_menu .gnb .gnb_list dl dd.sub_menu {
	display: none;
}
#wrapper #contBox .left_menu .gnb .gnb_list dl dd:last-child {
	border-bottom: 1px solid #474747;
}

#wrapper #contBox .left_menu .gnb .gnb_list dl dd.sub_menu p {
	padding: 5px 0px;
	cursor: pointer;
}
#wrapper #contBox .left_menu .gnb .gnb_list dl dd.sub_menu p.on {
	color: #f39800;
}
#wrapper #contBox .gnb .gnb_list dl dt span {
	min-width: 80px;
	max-width: 100px;
	position: absolute;
	top: 20px;
	right: 0px;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px;
	font-weight: 400;
	letter-spacing: 0px;
}

#wrapper #contBox .right_cont .m_title {
	font-size: 25px;
	font-weight: 600;
	color: #111;
	line-height: 60px;
	margin-left: 50px;
	letter-spacing: 2px;
	position: relative;
}
#wrapper #contBox .right_cont .t_search_box {
	position: absolute;
	top: 10px;
	right: 20px;
}

#wrapper #contBox .right_cont .m_content {
	margin: 20px;	
	background: #fff;
	padding: 20px;
}
.srchFor{
text-align: center;
}
#srch_table{
    width:100%;
}

.m_content .sub_title {
	font-size: 18px;
	color: #004E9B;
	font-weight: 600;
	padding: 10px 0px;
}
.m_content .searchBox {
	padding: 20px 40px;
	text-align: left;
	border: 1px solid #eee;
	background: #f8f8f8;
	border-radius: 3px;
}
.m_content .searchBox .srch_left {
	width: 100px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #001d3a;
}
.m_content section {
	margin: 20px 0px;
	background: #fff;
	position: relative;

}

.m_content section .board_total {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #001d3a;
}

.board_div table {
	width: 95%;
    border-collapse: collapse;
    margin: 0 auto;
    background: white;
    padding: 30px;
	border-collapse: collapse;
}
.board_div table thead tr th {
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #001d3a;
	padding: 12px 5px;
	background: #f8f8f8;
    border: 1px solid #dcdcdc;
}

.board_div table tbody tr td {
	padding: 15px 5px;
	line-height: 1.4;
	font-size: 15px;
	font-weight: 500;
	color: #001d3a;
	vertical-align: middle;
	border-bottom: 1px solid #dcdcdc;
}

.board_div table tfoot {
background: #DDEBF7;
    border-top:2px solid #dcdcdc;
}
.board_div table tfoot tr td {
    padding:15px 5px;
}
.btnBox{
    text-align: center;
    padding:30px 0 40px;
}

.btnBox_flex {
	margin: 20px auto;
	position: relative;
    width: 90%;
    display: flex;
    text-align: right;
    justify-content: space-between;
    padding-bottom:30px;
}

.btnBox dl dd {
	float: left;
	width: calc(100% / 2 - 10px);

}
.auth{
    color:white;
    background-color:#28A745;
}
.pagination {
    display:block;
	text-align: center;
	padding: 10px;
	margin: 10px 0px;
}
.pagination dl {
	text-align: center;
}
.pagination dl dd {
	display: inline-block;
	min-width: 30px;
	min-height: 30px;
	line-height: 30px !important;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 500;
	margin: 0 2px;

}
.pagination dl dd.on {
	background: #00376D;
	color: #fff !important;
}

.pop_box {
	position: fixed;
	top: 0px;
	left: 0px;
	background: url('/img/layer_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	height: 100%;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 99;

}
.pop_div {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;

	z-index: 100;
	display: none;
	border-radius: 5px;
	background: #fff;

}
.pop_inc {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
	max-height: 900px;
	padding: 10px 10px;
	z-index: 100;
}
.pop_close::after {
	content: "X";
	background: #bbb;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	border: 1px solid #bbb;
	border-radius: 50%;
	cursor: pointer;
}
.pop_form {
	min-width: 600px;
}
.pop_form .pop_title {
	font-size: 20px;
	color: #004e9b;
	font-weight: 600;
	padding: 10px;
/*	border-bottom: 1px solid #e1e1e1;	*/
}
.board_write {
/*	max-width: 1200px;*/
}

.item_list {
	width: 100%;	
}
.item_list table {
	width: 100%;
	border-collapse: collapse;
}
.item_list table thead tr td {
/*	width: calc(100% / 2);*/
	padding: 10px;
	border: 1px solid #e1e1e1;
	position: relative;

}
.item_list table tbody tr td {
/*	width: calc(100% / 2);*/
	padding: 10px;
	border: 1px solid #e1e1e1;
	position: relative;

}
.item_list table tbody tr td .mt_item {
	float: left;
	margin-right: 20px;
}
.item_list table tbody tr td .item-info dt  {
	position: relative;

	line-height: 1.4;
	font-size: 16px;
	font-weight: 500;
	color: #001D3A;
}
.item_list table tbody tr td .item-info dd  {
	position: relative;

	line-height: 1.4;
	font-size: 15px;
	font-weight: 600;
	color: #333;
}
.item_list table tbody tr td .item-info dd  img {
	max-width: 100%;
}
.contact_tab {
	margin-top: 20px;
	width: 100%;
}
.contact_tab ul li {
	float: left;
	display: table-cell;
	border: 1px solid #e1e1e1;
	padding: 5px 0px;
	height: 20px;
	line-height: 20px;
	font-weight: 500;
	font-size: 13px;
}
.contact_tab .list_box_head li {
	background: #eee;
}
.contact_tab ul li.check_item {
	width: 40px;
}
.contact_tab ul li.items {
	width: auto;
	min-width: 120px;
	text-align: center;
}
.content_tab {
	margin-top: 20px;
	width: 100%;
}
.content_tab ul li {
	float: left;
	display: table-cell;
	border-bottom: 1px solid #e1e1e1;
	min-height: 55px;
	line-height: 55px;

	font-weight: 500;
	font-size: 13px;
	vertical-align: middle;
}
.content_tab .list_box_head li {
	background: #eee;
}
.content_tab ul li.check_item {
	width: 40px;
}
.content_tab ul li.items {
	width: auto;
	text-align: center;
	width: 100px;
}
.content_tab ul li.w100 {
	width: calc(100% - 240px);
}
.fileBox {

}
.txt_small {
	font-size: 12px;
	font-weight: 500;
	color: #474747;
}
.title_small {
	font-size: 14px;
	font-weight: 500;
	color: #474747;
}

.p5 {
	padding: 5px;
}
.p10 {
	padding: 10px;
}
.p10_h {
	padding: 10px 0px;
}
.send_target p {
	padding: 5px 10px;
	border-bottom: 1px solid #e1e1e1;
}
.hand {
	cursor: pointer;
}

section .ajax_list_box {
	margin-bottom: 40px;
	padding: 0px 30px;
}

.gall_div {
	width: 100%;
}
.gall_div ul li {
	float: left;
	width: 300px;
	outline: 1px solid #ccc;
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
}
.gall_div ul li .gall_box_img {
	width: 300px;
	height: 250px;
	line-height: 250px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	z-index: 0;
	cursor: pointer;

}


.gall_div ul li .gall_box_txt {
	padding: 20px 0px;
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.board_write .cont_title {
	font-size: 20px;
	font-weight: 600;
}
.board_write .cont-info {
	background: #fff;
	margin-bottom: 20px;

}
.cont_view {
    width: 551px;
 
	margin: 20px;
	padding-bottom: 50px;
}
.cont_view {
	width: 500px;
	padding: 20px;
}
.cont_view ul li {
	padding: 5px 0px;
}
.cont_view ul dl dd {
	float: left;
	width: 33%;
	text-align: center;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0px;
	cursor: pointer;
}
.cont_view ul dl dd:first-child {
	border-left: 1px solid #e1e1e1;
}
.cont_view ul dl dd.on {
	background: #f39800;
	font-weight: 600;
	color: #fff;
	border-bottom: none;
}
.cont_view .cont_title {
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 600;
	font-size: 16px;
}
.cont_view .cont_detail {
	padding: 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.cont_view .cont_detail {
	display: none;
}
.cont_view .cont_detail.on {
	display: block;
}
.cont_view .content_file img {
	width: 100%;
}

.cont_tab ul li {
	float: left;
	min-width: 200px;
	font-size: 16px;
	font-weight: 600;
	display: table-cell;
	border: 1px solid #e1e1e1;
	padding: 10px 0px;
	text-align: center;
	cursor: pointer;
}

.cont_tab ul li.on {
	background: #fcab37;
}
.cont-info .cont_txt_box {
	padding: 20px;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	min-height: 100px;
}

.cont_file {
	width: 50px;
	height: 50px;
}

.cont-info .info_sub_txt {
	font-size: 14px;
	font-weight: 500;
}
.cont-info .msg_box {
	width: 100%;
}
.cont-info .msg_box ul li {
	float: left;	
}
.cont-info .msg_box ul li:first-child {
	width: 700px;
}
.img_bg_basic {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.move {
	cursor: pointer;
}

.roundBox {
	padding: 10px 0px;
}

.roundBox ul li.on {
	color: #004E9B;
}
.btn_list {
	position: relative;
}
.btn_list img {
	width: 15px;
	vertical-align: middle;
}
.btn_calendar img {
	width: 18px;
	vertical-align: middle;
}
.move_date {
	margin-top: 30px;
	position: relative;
}

.list_type ul li {
	float: right;
	position: relative;
	margin-right: 10px;
	font-weight: 600;
	font-size: 16px;
	color: #111;
	cursor: pointer;
}

.list_box span .next {
	transform: rotate(180deg);
}
.calendar_box {
	margin: 30px 0px;
	text-align: center;
}
.calendar_box table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
.calendar_box table thead tr th {
	width: calc(100% / 7);
	background: #f8f8f8;
	padding: 10px;
	text-align: center;
	border: 1px solid #e1e1e1;
}
.calendar_box table tbody tr td {
	padding: 10px;
	height: 100px;
	vertical-align: top;
	border: 1px solid #e1e1e1;

}
.calendar_box table tbody td dl dt {
	text-align: right;
	font-size: 13px;
	font-weight: 600;
}
.calendar_box table tbody td dl dd {
	width: 90%;
	text-align: left;
	font-weight: 500;
	padding: 5px 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:  ellipsis;
}
.calendar_box table tbody td dl dd.on {
	color: red;
}

.diary_form ul li {

}

.block_chk {
	background: #f8f8f8;
}

.login_wrapper {
	width: 100%;
	height: 100%;

	background: #303342;
}
.login_tbl {
	display: table;
	position: relative;
	width: 500px;
	min-height: 100vh;
	margin: 0 auto;
}
.login_tbl .login_div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.login_tbl .login_div .login_title {
	position: relative;
	width: 100%;
	margin-bottom: 60px;
	text-align: center;
}

.login_tbl .login_div .login_title h1 {
	line-height: 1.2;
	font-size: 65px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
	text-align: center;
}
.login_tbl .login_div .login_title h5 {
	color : #686e8e;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.login_tbl .login_div .loginBox {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 40px;
}
.login_tbl .login_div .loginBox .item-info {
	margin-bottom: 20px;
}
.login_tbl .login_div .loginBox .item-info > dt {
	display: block;
	position: relative;
	margin-bottom: 12px;
	line-height: 1.4;
	font-size: 13px;
	font-weight: 500;
	color: #004E9B;
	letter-spacing: 0px;
}
.login_tbl .login_div .loginBox .item-info > dd > input {
	width: 100%;
}

.login_tbl .login_div .loginBox .login_btn_box {
	width: 100%;
	position: relative;
}
.login_tbl .login_div .loginBox .login_btn_box .login_btn {
	background-color: #004E9B;
	border-color: #004E9B;
	color: #fff;
	width: 100%;
	padding: 10px 0px;
	border: none;
}

.sel_ph {
	display: inline-block;
	margin: 0px 5px;
	padding: 5px;
	border: 1px solid #ddd;

}
.cont-info .goods_name {
	padding: 10px 0px;
	font-size: 18px;
	font-weight: 500;
}

.item-info dd .ch_img {
	position: relative;
	width: 100px;
	display: inline-block;
	margin-right: 10px;
}
.item-info dd .ch_img span {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99;
	cursor: pointer;
}
.item-info dd .add_box {
	position: relative;
	margin-bottom: 18px;
}

.foods_list div {
	min-width: 100px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: inline-block;
	margin: 5px;
	text-align: center;
}
.target_cnt{
    padding:30px;
}
.tac{text-align: center;}
.tal{text-align: left}
.tar{text-align: right}
#con_lf{
    margin:20px;
}

    .m_content .searchBox {
    padding: 20px 40px;
    text-align: left;
    border: none;
     background: transparent !important; 
    border-radius: 3px;
}
    .searchBox th, .searchBox td {
    padding: 8px 14px;
    height: 23px;
    border-bottom: 1px solid #e4e5e7;
    text-align: left;
    vertical-align: middle;
}
    .searchBox th{background-color: #f8f8f8;}
/*    .searchBox #srchForm{border-top: 1px solid #888;}*/

select option[value=""][disabled] {
	display: none;
}
.nowrap{white-space: nowrap}