@charset "utf-8";

@import url('layer.css');

@media (min-width: 1024px) {
}
@media (max-width: 1023px) and (min-width: 768px) {
}

@media (max-width: 1280px) {
	.gnb_area{margin-bottom: 20px;}
	.gnb_area,
	.gnb_area #gnb{position: relative;top: auto;left: auto;right: auto;z-index: 1;}
	.gnb_area #gnb{display: flex;gap: 6px;flex-wrap: wrap;}
	.gnb_area #gnb > li{margin-left: 0}
	
	.form_type02{display: block;}
	.form_type02 .field{width: 100%}
	.form_type02 .field.wide{gap:30px}
	
	.search_zone .search_row,
	.search_zone .search_row .search_col{flex-wrap: wrap;}

	.pnlGrid_list {height: 540px;}
}

@media (max-width: 1023px) {
	.tbl_resp_area table,
	.tbl_resp_area tbody,
	.tbl_resp_area tr,
	.tbl_resp_area td,
	.tbl_resp_area tfoot{display: block;}
	.tbl_resp_area thead{border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
	.tbl_resp_area colgroup{display: none}
	
	.tbl_resp_area table{border: 0;}
	.tbl_resp_area tbody tr{margin-bottom: 10px;border-top: 1px solid #ced2d7;}
	.tbl_resp_area tbody td{text-align: left;display: table;border: 0;width: 100%;table-layout: fixed;border-bottom: 1px solid #ced2d7;}
	.tbl_resp_area tbody td::before{width: 140px;content: attr(data-label);text-transform: uppercase;background-color: #edeff1;border-right: 1px solid #ced2d7;text-align: center}
	.tbl_resp_area tbody td::before,
	.tbl_resp_area tbody td .cont{display: table-cell;vertical-align: middle}
	.tbl_resp_area tbody td .cont{padding: 0 12px}
	.tbl_resp_area tfoot tr{border-top: 1px solid #ced2d7;border-left: 1px solid #ced2d7;}
	.tbl_resp_area .mo_hide{display: none !important}
	
	.search_zone{border-bottom: 1px solid #d6d9de;padding-bottom: 20px;margin-bottom: 20px;}
	.search_zone .search_row > *{flex: 1 1 100%;}
	.search_zone .int{max-width: 100%}
	.search_zone .search_row{margin-top: 5px}
	.search_zone .search_row .search_col{gap: 5px 20px}
	.search_zone .form_group.horiz{flex: 1 1 100%;}
	.search_zone .form_group.horiz .label{width: 100px;padding-right: 5px;flex-shrink: 0;}
	
	.form_type02 .field.wide{display: block;padding-bottom: 14px;margin-bottom: 0px;}
	.form_type02 .field.wide .field_col{width: 100%}
	.form_type02 .field.wide .form_group {padding: 4px 0 3px;}

	.pnlGrid_list {height: 440px;}
}

@media (max-width: 767px) {
	html, body{font-size: 14px;}
	
	.pc,
	.pc.inline{display: none;}
	.mo{display: block;}
	.mo.inline{display: inline;}
	
	colgroup.pc,
	col.pc,
	th.pc,
	td.pc{display: none}
	
	colgroup.mo{display: table-column-group}
	
	#header .head{text-align: center;justify-content: center;}
	#header .logo{margin-left: 0}
	#header .logo > a{font-size: 23px}
	#header .logo img{width: 80px}
	#wrap.login_wrap #header .head,
	#wrap.page_wrap #header .head{height: 65px;}
	#wrap.page_wrap #header{background-color: #fff;}
	.sub_logo{padding-top: 46px;margin-bottom: 19px;background-size: 85px auto !important;font-size: 20px;line-height: 1.2}
	#wrap.login_wrap{padding-top: 72px;}
	.white_box01{padding: 30px 15px 59px;}
	.white_box02{background: none;border: 0;padding: 0}
	
	.form_type01 .label{margin-bottom: 0;padding-bottom: 5px;}
	.form_type01 .int{height: 45px;border-radius: 6px;}
	.form_type01 .form_group{margin-bottom: 25px;}
	
	.gnb_area{margin-bottom: 13px;}
	.gnb_area #gnb > li{width: calc(20% - 5px);flex: 0 1 calc(20% - 5px);}
	.gnb_area #gnb a{width: 100%;font-size: 13px;border-radius: 4px;}
	
	.contents{margin-left: 0;padding-left: 15px;padding-right: 15px;width: 100%;}
	
	#header .sidebar_total{position: absolute;top:0;left:0;border: 0;width: 62px;height:65px;margin-right: 0;}
	.sidebar{width: 0;visibility: hidden}
	.sidebar.show{visibility: visible}
	.sidebar .inner{padding: 78px 11px 0;}
	.sidebar a{font-size: 17px}
	.sidebar a .btns{width: 60px;height: 60px;border-radius: 6px;font-size: 14px}
	.sidebar a .btns + span{margin-left: 5px;}
	
	.form_group .label{font-size: 14px;line-height: 1.2}
	.form_group.horiz .label{min-width: 95px}
	
	.grid_type01{display: block;}
	.grid_type01 > .col.sz1,
	.grid_type01 > .col.sz2,
	.grid_type01 > .col.sz3{width: 100%}
	.grid_type01 .form_group.sz2{width: 100%;flex-shrink: 1;}
	
	.int, 
	.textarea,
	.div_textarea,
	.sel,
	.upload-name,
	.filebox .upload-name,
	.filebox .ocr-name,
	.file_box,
	.file_name,
	.input-search,
	.search_int {height: 38px}

	.filebox .ocr-name {width: 92%}

	.div_textarea.sz1,
	.textarea.sz1 {height: 54px;}
	.div_textarea.sz2,
	.textarea.sz2 {height: 135px;}

	.search_zone .form_group.horiz .label {width: 80px;}

	.tbl_type01 td {line-height: 1.1}

	.tbl_resp_area tbody td::before {width: 120px;}

	.pnlGrid_main {height: 200px;}
	.pnlGrid_list {height: 470px;}
}

@media screen and (hover: none) and (pointer: coarse) {
 	/* MO에 적용할 CSS */
	/*.mo_hidden{display: none !important}*/
}