@charset "utf-8";
/* CSS Document */

/*******************************
 * Infomation : 국가 통합물관리정보플랫폼
 * FileName   : common.css 
 * Update     : 2025.05.09.
********************************/

:root {
	/* Layout */	
	--ce-inner-width: 1760px;
	--ce-sub-cont-width: 1316px;

	--ce-white: #fff;
	--main-color: #246BEB;
	--sub-color: #002b50;
	--txt-color: #222;
	--txt-sub-color: #555;	
	--ce-line-color: #dcdcdc;
	--ce-bg-color: #fff;
	--ce-subline: #d8d8d8;

	--ce-btn-main: #3456c5;
	--ce-btn-sub: #1f3a69;
	--ce-btn: #7b7b7f;
	--ce-btn-bBgE: #2a784d;

	--ce-input-color: #717171;
	
	--ce-spacer-10: 4rem;
    --ce-spacer-9: 3.6rem;
    --ce-spacer-8: 3.2rem;
    --ce-spacer-7: 2.8rem;
    --ce-spacer-6: 2.4rem;
    --ce-spacer-5: 2rem;
    --ce-spacer-4: 1.6rem;
    --ce-spacer-3: 1.2rem;
    --ce-spacer-2: 0.8rem;
    --ce-spacer-1: 0.4rem;
    --ce-spacer-0: 0;

	--ce-rd-1: .1rem;
    --ce-rd-2: .2rem;
    --ce-rd-4: .4rem;
    --ce-rd-6: .6rem;
    --ce-rd-8: .8rem;
    --ce-rd-10: 1rem;
    --ce-rd-12: 1.2rem;

	--ce-secondary-5: #EDF1F5;
    --ce-secondary-10: #CDD7E4;
    --ce-secondary-20: #B4C4D6;
    --ce-secondary-30: #99B0CB;
    --ce-secondary-40: #2A5C96;
    --ce-secondary-60: #002B5E;
    --ce-secondary-70: #002046;
    --ce-secondary-80: #00162F;
    --ce-secondary-90: #000B17;

	--ce-select-h-sm: 4rem;
    --ce-select-h-md: 4.8rem;
    --ce-select-h-lg: 5.6rem;
    --ce-select-pd-sm: 0 5.2rem 0 1.6rem;
    --ce-select-pd-md: 0 5.2rem 0 1.6rem;
    --ce-select-pd-lg: 0 5.2rem 0 1.6rem;
    --ce-select-rd-sm: .6rem;
    --ce-select-rd-md: .8rem;
    --ce-select-rd-lg: .8rem;
    --ce-select-fz-sm: 1.5rem;
    --ce-select-fz-md: 1.7rem;
    --ce-select-fz-lg: 1.9rem;
    --ce-select-rn-sm: 1.6rem;
    --ce-select-rn-md: 1.6rem;
    --ce-select-rn-lg: 1.6rem;
    --ce-select-bgs-sm: 2rem;
    --ce-select-bgs-md: 2rem;
    --ce-select-bgs-lg: 2.4rem;

	--ce-gray-5: #F8F8F8;
    --ce-gray-10: #F0F0F0;
    --ce-gray-20: #E4E4E4;
    --ce-gray-30: #D8D8D8;
    --ce-gray-40: #C6C6C6;
    --ce-gray-50: #8E8E8E;
    --ce-gray-60: #717171;
    --ce-gray-70: #555555;
    --ce-gray-80: #2D2D2D;
    --ce-gray-90: #1D1D1D;

	--ce-primary-5: #EFF5FF;
    --ce-primary-10: #D3E1FB;
    --ce-primary-20: #A7C4F7;
    --ce-primary-30: #7CA6F3;
    --ce-primary-40: #5089EF;
    --ce-primary-60: #1D56BC;
    --ce-primary-70: #16408D;
    --ce-primary-80: #0E2B5E;
    --ce-primary-90: #07152F;

    --ce-secondary-5: #EDF1F5;
    --ce-secondary-10: #CDD7E4;
    --ce-secondary-20: #B4C4D6;
    --ce-secondary-30: #99B0CB;
    --ce-secondary-40: #2A5C96;
    --ce-secondary-60: #002B5E;
    --ce-secondary-70: #002046;
    --ce-secondary-80: #00162F;
    --ce-secondary-90: #000B17;

	--ce-white: #fff;
    --ce-black: #000;
    --ce-primary: #246BEB;
    --ce-secondary: #003675;
    --ce-point: #E71825;
    --ce-danger: #EB003B;
    --ce-warning: #FFB724;
}

/* ################################################ common ################################################ */

#wrap{  height: 100%; width: 100%;}

#wrap:before{ content: ""; display: block; width: 100%; height: 100%; position: fixed; top: -100%; left: 0; z-index: 999; opacity: 0; background-color: rgba(34, 34, 34, 0.6);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#wrap.on::before{ top: 3.2rem; opacity: 1; /* transition: opacity 0.5s; */}

.w_dis_no{ display:none;}
.m_dis_no{ display:block;}

.w_ver{}
.m_ver{ display: none;}

@media (max-width: 766px) {
	.w_ver{ display: none;}
	.m_ver{ display: block;}
}

.nS { overflow:hidden; width:100%; height:100%;}

.mBurger {display: block; position: absolute; font-size: 0; width: 70px; height:66px; right: 0; top: 4px;  z-index: 1200;}
.mBurger span {width: 24px; height: 2px; background: #fff; top: 30px; left: 22px; font-size: 0; display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s; }
.mBurger span::after,
.mBurger span::before {left: 0; -webkit-transition: 0.3s; transition: 0.3s; content: ''; width: 24px; height: 2px; background: #fff; position: absolute; transform: rotate(0deg); -webkit-transform-origin: center; transform-origin: center; }
.mBurger span::before {content: ''; background: #fff; top: -8px; }
.mBurger span::after {content: ''; background: #fff; bottom: -8px; }
.mBurger.on span {width: 0; }
.mBurger.on span::before { transform: rotate(225deg); top:0; width: 30px; left:-4px;}
.mBurger.on span::after { transform: rotate(-225deg); bottom:0;width: 30px; left:-4px;}

.menu_web_all{ position: absolute; top: 30px; right: 0; color: #1d1d1d; padding-right: 40px;}

.menu_web_all span{ width: 20px; height: 2px; background: #1d1d1d; top: 10px; right: 0; font-size: 0; display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s;}
.menu_web_all span::after,
.menu_web_all span::before{ content: ""; position: absolute; right: 0; -webkit-transition: 0.3s; transition: 0.3s; width: 24px; height: 2px; background: #1d1d1d; transform: rotate(0deg); -webkit-transform-origin: center; transform-origin: center; }
.menu_web_all span::before{ top: -8px; }
.menu_web_all span::after{ bottom: -8px;}
#header.on .menu_web_all{ color: #1d1d1d;}
#header.on .menu_web_all span,
#header.on .menu_web_all span::after,
#header.on .menu_web_all span::before{ background: #1d1d1d;}

.menu_web_all:hover span{ width: 2.4rem;}

.menu_web_all:hover span::before{ top: -10px; }
.menu_web_all:hover span::after{ bottom: -10px;}

.btn_menu_mobile_all{ position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #1d1d1d; width: 24px; height: 18px; display: none;}
.btn_menu_mobile_all span{ width: 20px; height: 2px; border-radius: 2px; background: #1d1d1d; top: 10px; right: 0; font-size: 0; display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s;}
.btn_menu_mobile_all span::after,
.btn_menu_mobile_all span::before{ content: ""; position: absolute; left: -4px; -webkit-transition: 0.3s; transition: 0.3s; width: 24px; height: 2px; border-radius: 2px; background: #1d1d1d; transform: rotate(0deg); -webkit-transform-origin: center; transform-origin: center; }
.btn_menu_mobile_all span::before{ top: -8px; }
.btn_menu_mobile_all span::after{ bottom: -8px;}

.btn_mobile_menu_close{ position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 18px; height: 18px;}
.btn_mobile_menu_close span{ width: 20px; height: 2px; background: #1d1d1d; top: 10px; right: 0; font-size: 0; display: block; position: absolute; -webkit-transition: 0.3s; transition: 0.3s;}
.btn_mobile_menu_close span::after,
.btn_mobile_menu_close span::before{ content: ""; position: absolute; left: -4px; -webkit-transition: 0.3s; transition: 0.3s; width: 24px; height: 2px; background: #1d1d1d; transform: rotate(0deg); -webkit-transform-origin: center; transform-origin: center; }
.btn_mobile_menu_close span::before{ top: -8px; }
.btn_mobile_menu_close span::after{ bottom: -8px;}
.btn_mobile_menu_close span {width: 0; }
.btn_mobile_menu_close span::before { transform: rotate(225deg); top: -2px; width: 22px; left: -18px;}
.btn_mobile_menu_close span::after { transform: rotate(-225deg); bottom: 2px;width: 22px; left: -18px;}


.m_menu_top{ position: relative; height: 70px; display: flex; align-items: center; padding-left: 2rem;}

.m_menu_top .m_logo{ width: 190px; display: inline-block;}

@media (max-width: 1759px) {
	.menu_web_all{ right: 4rem;}
}

@media (max-width: 1398px) {
    .btn_menu_mobile_all{ display: block; right: 2rem;}
}

.m-gnb-wrap {
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 100;
	width: 100%;
	height: 100%;
	transition: right ease 0.5s 0.1s;
  }
  .m-gnb-wrap::after {
	display: none;
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	transition: opacity 0.5s 0.1s;
  }
  .m-gnb-wrap .m-gnb-in {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	height: 100%;
	background-color: #fff;
	width: 100%;
  }
  .m-gnb-wrap .ico-close { width: 2.4rem; height: 2.4rem;}
.m-gnb-wrap .m-gnb-head { display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; position: sticky;
	top: 0; left: 0;}

  .m-gnb-wrap .m-gnb-head .btn-navi {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--ce-spacer-2);
	font-size: var(--ce-fz-body-md);
	height: 4rem;
	padding: 0;
  }
  .m-gnb-wrap .m-gnb-head .btn-navi::before {
	display: inline-flex;
	content: "";
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: contain;
  }
  .m-gnb-wrap .m-gnb-head .btn-navi:active {
	border-radius: var(--ce-rd-6);
	background-color: var(--ce-secondary-10);
	transition: 0.4s ease-in-out;
  }

.m-gnb-wrap .m-gnb-body {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	flex: 1;
	overflow-y: auto;
	scroll-behavior: smooth;
	border-top: 0.1rem solid #e4e4e4;
  }
  .m-gnb-wrap .m-gnb-body.type1 {
	border: 0;
  }
  .m-gnb-wrap .m-gnb-top-etc {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
  }
  .m-gnb-wrap .m-gnb-menu {
	display: flex;
	position: relative;
	background-color: #f8f8f8;
  }
  .m-gnb-wrap .m-gnb-menu .menu-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	top: 0;
	left: 0;
	width: 15rem;
  }
  .m-gnb-wrap .m-gnb-menu .menu-wrap .ul {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
  }
.m-gnb-wrap .m-gnb-menu .menu-wrap .mn {
display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative; z-index: 1; width: 100%; height: 6.4rem; padding: 0 2.4rem; font-size: 1.7rem;
}
  .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active {
	color: #246beb;
	background-color: #fff;
  }
  .m-gnb-wrap .m-gnb-menu .menu-wrap .mn.active::after {
	position: absolute;
	top: 0;
	right: -1px;
	content: "";
	width: 0.1rem;
	height: 100%;
	background-color: #fff;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	flex: 1;
	border-left: 0.1rem solid #d8d8d8;
	background-color: #fff;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl {
	padding: 1.6rem 2.4rem;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl:not(:first-child) {
	border-top: 0.1rem solid #d8d8d8;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl dt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	font-weight: 700;
	height: 6.4rem;
	margin-bottom: var(--ce-spacer-2);
	border-bottom: 0.1rem solid #d8d8d8; font-size: 1.7rem;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	height: 5.6rem;
	padding: 0 var(--ce-spacer-2);
	border-radius: 0.8rem; font-size: 1.7rem;
	position: relative;
  }
.m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm.active{ color: #246beb; font-weight: 500;}
.is-dep3::before,
.is-dep3::after{ content: ""; position: absolute; background: #246beb; border-radius: 0.2rem; height: 0.2rem; width: 1.4rem; right: 1rem; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in;}
.is-dep3.on::before,
.is-dep3.on::after{ background: #8e8e8e;}
.is-dep3.on::after{ transform: translateY(-50%) rotate(-90deg);}

  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm:hover {
	background-color: var(--ce-secondary-5);
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sm:active {
	border-radius: var(--ce-rd-6);
	background-color: var(--ce-secondary-10);
	transition: 0.4s ease-in-out;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul {
	display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: var(--ce-spacer-2);	background: #f8f8f8; border-radius: 0.8rem; display: none;
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm {
	display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 0.4rem; height: 3.6rem; padding: 1.2rem 1.6rem; font-size: 1.4rem;
  }

  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm:hover {
	background-color: var(--ce-secondary-5);
  }
  .m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm:active {
	border-radius: var(--ce-rd-6);
	background-color: var(--ce-secondary-10);
	transition: 0.4s ease-in-out;
  }
.m-gnb-wrap .m-gnb-menu .submenu-wrap .dl .sub-ul .subm.active{ color: #246beb; text-decoration: underline; font-weight: 700;}

  .m-gnb-wrap .m-gnb-menu.type1 {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	background-color: #fff;
  }
  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl {
	padding: 1.6rem 0;
  }
  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl:not(:last-child) {
	border-bottom: 0.4rem solid #d8d8d8;
  }
  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .dt {
	font-size: var(--ce-fz-body-lg);
	height: 5.6rem;
	padding: 0 2.4rem;
  }
  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .sm {
	padding: 0 2.4rem;
  }
  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .subm {
	padding: 1.2rem var(--ce-spacer-10);
  }

  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .sub-ban {
	padding: 1.6rem 2.4rem 0;
  }
  .m-gnb-wrap .m-gnb-menu.type1 .submenu-wrap .dl .sub-ban .ban-in {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--ce-spacer-2);
	padding: 0 1.6rem;
	border-radius: 0.8rem;
	background-color: var(--ce-gray-5);
  }
  .m-gnb-wrap .m-gnb-in.type1.is-active .m-gnb-head {
	padding-bottom: 0;
  }
  .m-gnb-wrap .m-gnb-in.type1.is-active .m-gnb-top-scroll {
	display: block;
  }
  .m-gnb-wrap .m-gnb-in.type1 .m-gnb-head {
	border-bottom: 0.4rem solid #d8d8d8;
  }
  .m-gnb-wrap .m-gnb-top-scroll {
	display: none;
	height: 0;
	overflow: hidden;
  }
  .m-gnb-wrap .sch-input + .menu-hori {
	margin-top: 2.4rem;
  }
  .m-gnb-wrap .menu-hori {
	padding: 0 2.4rem;
	margin: 0 -2.4rem;
	overflow: hidden;
  }
  .m-gnb-wrap .menu-hori .ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--ce-spacer-2);
	position: relative;
	padding-bottom: 1.6rem;
	overflow-x: auto;
	scroll-behavior: smooth;
  }
  .m-gnb-wrap .menu-hori .ul .mn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	font-weight: 400;
	height: 3.6rem;
	padding: 0 1.2rem;
	border-radius: 0.6rem;
	background-color: var(--ce-gray-10);
  }
  .m-gnb-wrap .menu-hori .ul .mn.active {
	background-color: var(--ce-secondary-10);
  }
  .m-gnb-wrap.is-open {
	right: 0;
  }
  .m-gnb-wrap.is-open::after {
	display: block;
	opacity: 1;
  }
  .m-gnb-wrap.is-close::after {
	display: block;
	opacity: 0;
  }
  
  .w-gnb-dim {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 60;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
  }

#mGnb-anchor5{ height: calc(100vh - 70px);}

.newWindow{ background: url("../images/common/icon_newpage2.svg") no-repeat right 1rem center; background-size: 1rem;}

/* Layout Skip Menu */
div.skip{position:absolute;top:0;left:0;width:98%;text-align:center;z-index:100;}
div.skip a{display:block;height:0px;width:10px;overflow:hidden;color:#004bd9;font-weight:bold;background:#fff;}
div.skip a:focus, div.skip a:active{height:auto;width:100%;padding:5px;margin-bottom:10px; }
div.skip button{display:block;height:0px;width:10px;overflow:hidden;color:#004bd9; background:#fff; font-size:12px;}
div.skip button:focus, div.skip button:active{height:auto;width:100%;padding:5px;margin-bottom:10px; }

/* inner div */
.inner{ margin: 0px auto; width: var(--ce-inner-width); position: relative;}
.sub_inner{ margin: 0px auto; width: var(--ce-sub-cont-width); min-width: var(--ce-sub-cont-width); position: relative;}
.flex{ display: flex;}
.jcSB{ justify-content: space-between;}
.header_inner{ height: 80px;}

@media (max-width: 1316px) {
	.inner{ padding: 2rem; width: 100%; min-width: 100%;}
	.sub_inner{ padding: 2rem; width: 100%; min-width: 100%;}	
}



/* Layout Skip Menu */
div.skip{position:absolute;top:0;left:0;width:98%;text-align:center;z-index:100;}
div.skip a{display:block;height:0px;width:10px;overflow:hidden;color:#004bd9;font-weight:bold;background:#fff;}
div.skip a:focus, div.skip a:active{height:auto;width:100%;padding:5px;margin-bottom:10px;}
/*
#header{ }
#header .inner{ display: flex; align-items: center; justify-content: space-between;}

#header h1 a{ display: flex; align-items: center;}

#header .gnb{ display: flex;}
#header .gnb > li{ position:relative; text-align:center;}
#header .gnb > li > a{ height:70px; padding:0 55px; font-size: 18px; color: #fff; display: flex; align-items: center; transition: 0.3s ease-in-out;}
#header .gnb > li > a:hover{ font-weight: 700; padding-bottom: 10px;}
#header .gnb > li.on > a{ }

#header .gnb li ul{ position: absolute; border: 1px solid #053863; padding: 10px; background:#fff; width: 180px; top:60px; left: 50%; transform: translateX(-50%); display:block;
	border-radius: 10px; z-index:4;
}
#header .gnb li ul li{}
#header .gnb li ul a{ color: var(--txt-color); display:block; height: 40px; display: flex; justify-content: center; align-items: center; line-height: 1.2; word-break: keep-all;}
#header .gnb li ul li.on a{ background:#f3f6ff; font-weight: 700; border-radius: 10px;}
*/
#gnb{ display: flex; width: var(--ce-sub-cont-width);}

.nuri_wrap{ background-color: #eef2f7; height: 3.2rem; display: flex; align-items: center;}
.nuri_txt{ position: relative; display: flex; align-items: center; gap: 0.8rem; font-size: 1.5rem; word-break: break-all;}
.nuri_txt::before{ content: ""; display: inline-flex; width: 2.4rem; height: 2.4rem; background: url("../images/common/ico_flag.svg") no-repeat left center; background-size: 100%;}

@media (max-width: 1759px) {
	.nuri_wrap{ padding-left: 4rem;}
	#footer .nuri_wrap{ padding-left: 0;}
}

@media (max-width: 1315px) {
	.nuri_wrap{ padding-left: 0;}
	.nuri_wrap .inner{ padding: 0 2rem;}
}

#header { position: absolute; width: 100%; height: 90px; z-index: 9999; transition: top 1.3s;}
#header .header_wrap { width: 100%; height: 90px; text-align: center; transition: top 1.3s;}
#header .header_wrap > .inner { position: relative; max-width: 100%; height: 90px; z-index: 10; }
#header a.logo { position: absolute; left: 0; top: 20px;}
#header a.logo img{ display: inline-block;}

#header #gnb { display: inline-block; vertical-align: middle; width: 100%; /*height: 90px; overflow: hidden;*/ transition: all 0.3s ease-in;}
#header #gnb > ul { max-width: 1000px; height: 100%; margin: 0 auto; transition: 0.3s; font-size: 0; text-align: left; display: flex; justify-content: center;}
#header #gnb > ul > li { display: inline-block; vertical-align: top; position: relative; height: 100%;}
#header #gnb > ul > li > a{ position: relative; display: inline-block; vertical-align: top; width: auto; height: 90px; padding: 0 28px; box-sizing: border-box; font-size: 2.1rem; letter-spacing: -0.02em; line-height: 0.7; line-height: 90px; font-weight: 500; text-align: center; transition: padding-left 0.3s, padding-right 0.3s; position: relative;}

#header #gnb > ul > li:first-of-type > a {}
#header #gnb > ul > li:nth-of-type(2) > a { padding: 0 40px;}
#header #gnb > ul > li:nth-of-type(3) > a { padding: 0 40px;}
#header #gnb > ul > li:nth-of-type(4) > a { padding: 0 40px;}
#header #gnb > ul > li:last-of-type > a { padding: 0 40px;}
#header #gnb > ul > li:last-of-type > a::after { display: none;}
/* menu Hover 1Depth */
#header #gnb > ul > li:hover > a,
#header #gnb > ul > li.active > a { border-bottom: 3px solid #246beb; color: #246beb;}
#header #gnb > ul > li:hover > a{ border-bottom: 3px solid #246beb;}
#header #gnb > ul > li:hover > a span{ color: #246beb; font-weight: 700;}

#header #gnb > ul > li:first-child .sub_gnb{ border-left: 1px solid #eaeaea;}
#header #gnb > ul > li .sub_gnb { position: relative; padding-top: 30px; width: 100%; height: calc(100% - 90px); text-align: center; display: none;}
#header #gnb > ul > li .sub_gnb{ }
#header #gnb > ul > li .sub_gnb::after{ content: ""; position: absolute; width: 1px; height: 400px; background: #eaeaea; right: 0; top: 0;}

#header #gnb > ul > li .sub_gnb.on { display: block;}
#header #gnb .depth2_list { padding: 0 30px 50px 30px; min-height: 250px;}

#header #gnb .depth2_list > li > a { display: block; padding: 8px 0; font-size: 1.7rem; letter-spacing: -0.02em; line-height: 1.3333333333; color: #444; word-break: keep-all; text-align: left;}

.depth2_list li a{ position: relative;}
.depth2_list > li.active > a::before{ content: ""; position: absolute; background: #246beb; height: 2px; width: 100%; top: 50%; left: 0; transform: translateY(-50%); z-index: -1;}
.depth2_list > li a span{ z-index: 4;}
.depth2_list > li.active > a > span{ color: #246beb; font-weight: 700; display: inline-block; background: #fff; padding-right: 15px; z-index: 2;}

#header #gnb .depth2_list > li:nth-of-type(1) > a {
padding-top: 0;
}
#header #gnb .depth3_list{ border-radius: 10px; background: #f8f8f8; padding: 4px 18px; display: none;}
#header #gnb .depth3_list > li > a { text-align: left; display: block;
font-size: 1.4rem;
line-height: 1.6923076923;
color: #1d1d1d;
}

#header #gnb .depth3_list > li.active > a { color: #246beb; font-weight: bold;}

.depth3_add > li.on{}
.depth3_add > li.on .depth3_list{ display: block !important;}

#header #gnb .banner img {
height: 100%;
}
#header #gnb .banner_wt_gis { display: none;}
#header #gnb .banner_wt_gis { display: block; position: absolute; top: 110px; right: 160px; visibility: hidden;/* opacity: 0;
transition: opacity 0s; transition-delay: 0;*/}

#header #gnb .banner_wt_gis .banner_100th_mo {
display: none;
}
#header #gnb.on > ul > li:first-child > a {
padding: 0 45px 0 45px;
}
#header #gnb.on > ul > li:nth-of-type(2) > a {
padding: 0 55px 0 55px;
}
#header #gnb.on > ul > li:nth-of-type(3) > a {
padding: 0 55px 0 55px;
}
#header #gnb.on > ul > li:nth-of-type(4) > a {
padding: 0 55px 0 55px;
}
#header #gnb.on > ul > li:nth-of-type(5) > a {
padding: 0 55px 0 55px;
}
#header #gnb.on > ul > li:last-child > a {
padding: 0 55px 0 55px;
}
#header.active .header_wrap {
top: -90px;
}
#header.scroll .inner {
border-bottom-color: #ddd;
}
#header.on .header_wrap{ overflow: hidden;}
#header.on .header_wrap {
	background: url("../images/common/gnb_bg.png") no-repeat left -1rem bottom 4rem #fff;
}
#header.on::after{ content: ""; position: absolute; left: 0; top: 90px; width: 100%; height: 1px; background: #eaeaea;}
#header.on #gnb > ul > li > a{ color: #000;}
#header.on .inner {
border-bottom-color: transparent;
}
#header.on #gnb .banner_wt_gis {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in-out;
transition-delay: 0.3s;
}

#header #pcdimmed {
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 10005;
}
#header #pcdimmed.on {
top: 0;
opacity: 1;
transition: opacity 0.5s;
}

@media (max-width: 1759px) {
	#header a.logo { left: 4rem;}
}
@media (max-width: 1398px) {
    #header a.logo { left: 2rem;}
}

@media (max-width: 1539px) {
	#header .header_wrap > .inner {
		width: 100%;
	}
	#header #util {
		right: 40px;
	}
	#header #gnb .banner_wt_gis {
		right: 40px;
	}

}
@media (max-width: 1399px) {
	#header #gnb {
		display: none;
	}
	
	#header #pcdimmed {
		display: none;
	}
	}
	@media (max-width: 1023px) {
	#header .header_wrap > .inner {
		width: 100%;
	}
	#header a.logo {
		left: 2rem;
		width: 190px;
	}
	#header #util {
		width: auto;
		right: 4.8%;
	}
	#header #util .allmenu_btn {
		width: 30px;
		height: 30px;
		margin-left: 8px;
	}
	#header #util .search_btn.on {
		width: 30px;
		height: 30px;
		background-size: 19px 19px;
	}
}

@media (max-width: 766px) {
	#header {
		height: 70px;
	}
	#header .header_wrap {
		height: 70px;
	}
	#header .header_wrap > .inner {
		height: 70px;
	}
	#header a.logo {
		/* width: 190px; */
		top: 50%;
		transform: translateY(-50%);
		left: 2rem;
	}
	#header #util {
		right: 4%;
	}
	#header #util .inquiry_btn {
		font-size: 1rem;
		letter-spacing: -0.02em;
		line-height: 1.75;
	}
	#header #util .inquiry_btn + .search_btn {
		margin-left: 0;
	}
	#header #util .search_btn {
		width: 28px;
		height: 28px;
		background-size: 18px 18px;
	}
	#header #util .search_btn.on {
		width: 25px;
		height: 25px;
		background-size: 15px 15px;
	}
	#header #util .allmenu_btn {
		width: 28px;
		height: 26px;
		background-size: 18px 16px;
	}
}

/* Title */
.h4{ position: relative; font-size: 2.5rem; font-weight: 700;}
.txt_unline{ position: relative; display: inline-flex; padding: 0 .2rem;}
.txt_unline::before{ content: ""; position: absolute; background: #eff5ff; left: 0; bottom: .3rem; width: 100%; height: 1.2rem; z-index: -1;}
.h5{ font-size: 1.9rem; background: url("../images/common/h5.svg") no-repeat left 0 center; padding-left: 1.9rem; background-size: 1.2rem 1.4rem; font-weight: bold;}
.h5_2{ position: relative; font-size: 1.9rem; font-weight: 700; padding-left: .4rem;}
.h5_2::before{ content: ""; position: absolute; width: .5rem; height: .5rem; border-radius: .5rem; background: #246beb; left: -.4rem; top: 0;}
.h6{ margin: 0 0 0 1.8rem; font-size: 1.9rem; font-weight: 700;}

@media (max-width: 766px) {
	.h5_2{ padding-left: .8rem;}
	.h5_2::before{ left: 0;}
}

/* ################################################ Footer ################################################ */
#footer{ border-top: 1px solid #e4e4e4; padding: 4rem 0; background-color: #f8f8f8;}

#footer .home_info{ margin-top: 2.2rem;}

#footer .f_middle{ position: relative; display: flex; justify-content: space-between; align-items: center;}

#footer .gov_info{}
#footer .gov_info ul{ display: flex; gap: 6rem;}
#footer .gov_info ul li .logo_footer_me{}
#footer .gov_info ul li .logo_footer_nier{}
#footer .gov_info ul li address{ margin-top: 1rem; color: #555;}

#footer .f_mark{ position: absolute; right: 0; top: 12.8rem; display: flex; gap: 2rem; display: none;}

#footer .f_link{ display: flex; flex-direction: column; gap: 2rem;}
#footer .btn_f_tel{ background: url("../images/common/btn_f_tel.svg") no-repeat left 2.5rem center #5089ef; color: #fff; border-radius: 1rem; width: 20rem; height: 4.8rem; padding-left: 6rem; font-weight: 700; font-size: 1.5rem; display: inline-flex; align-items: center; }
#footer .btn_site_info{ font-weight: 700; background: url("../images/common/arr_common_right.svg") no-repeat right center; padding-right: 2rem; margin-right: 120px;}

#footer .link_go{ margin: 2.4rem 0 .8rem 0; padding-top: 1.4rem; border-top: 1px solid #d8d8d8; display: flex; justify-content: space-between;}
#footer .link_go ul{ display: inline-flex; gap: 2.4rem;}
#footer .link_go ul li a{ font-weight: 500; }
#footer .f_copy{ color: #555; font-size: 1.5rem;}

@media (max-width: 1023px) {
	#footer .f_middle{ flex-direction: column; align-items: flex-start; gap: 2rem;}
}

@media (max-width: 766px) {
	
	#footer .gov_info ul{ flex-direction: column; gap: 2rem;}
	#footer .f_link{ position: relative; right: auto; top: auto;}
	#footer .link_go{ flex-direction: column; gap: 1rem;}
}

#footer .nuri_wrap{ background-color: #f8f8f8;}
#footer .nuri_wrap .sub_inner{ background-color: #fff; height: 4.2rem; display: flex; align-items: center; padding-left: 2rem; border-radius: .5rem;}

#footer .nuri_txt::before{ width: 4rem; height: 2.4rem; background: url("../images/common/logo_me.svg") no-repeat left center; background-size: 100%;}

@media (max-width: 766px) {
	.nuri_txt{ font-size: 1.3rem;}
	#footer .nuri_wrap{ height: auto;}
	#footer .nuri_wrap .sub_inner{ height: auto; padding: 1rem 2rem;}
	#footer .nuri_txt{ flex-direction: column; align-items: flex-start;}
}


/* radio checkbox */
.chk_area{ display: inline-flex; gap: 2.8rem;}

.form_check input[type=radio],
.form_check input[type=checkbox] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.form_check input[type=radio] ~ label { position: relative; display: inline-flex; min-height: 2rem; padding-left: calc(2rem + 0.4rem); font-size: 1.7rem; line-height: 2rem;}
.form_check input[type=checkbox] ~ label { position: relative; display: inline-flex; min-height: 2rem; padding-left: calc(2rem + 0.8rem); font-size: 1.7rem; line-height: 2rem;}

.form_check input[type=radio] ~ label:before,
.form_check input[type=radio] ~ label:after,
.form_check input[type=checkbox] ~ label:before,
.form_check input[type=checkbox] ~ label:after { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);}

.form_check input[type=radio] ~ label:before,
.form-check input[type=checkbox] ~ label:before { z-index: 3;}

.form_check input[type=radio] ~ label:after,
.form_check input[type=checkbox] ~ label:after { z-index: 4; }

.form_check input[type=radio] ~ label:before { position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; background-color: #fff; border: 1px solid #717171; border-radius: 100%;}

.form_check input[type=radio] ~ label:after { position: absolute; top: calc((2em - 2.4rem) / 2); left: calc((2rem - 1rem) / 2);
    width: 1rem; height: 1rem; background-color: #fff; border-radius: 100%;
}

.form_check input[type=radio]:checked ~ label:before { border-color: var(--main-color); }
.form_check input[type=radio]:checked ~ label:after { background-color: var(--main-color);}

.form_check input[type=radio]:disabled ~ label:before { border-color: var(--ce-gray-40); background-color: var(--ce-gray-20);}

.form_check input[type=radio]:disabled + label,
.form_check input[type=checkbox]:disabled + label { color: var(--ce-gray-50); cursor: default;}
.form_check input[type=radio]:checked:disabled ~ label:after { display: block; background-color: var(--ce-gray-40);}
.form_check input[type=radio]:disabled ~ label:after { display: none; background-color: var(--ce-gray-40); }

/* Radio button middle Size */
.form_check.md > [type=radio] ~ label { font-size: 1.5rem; line-height: 1.6rem; min-height: 1.6rem; padding-left: calc(1.6rem + 0.8rem);}
.form_check.md > [type=radio] ~ label::before { width: 1.6rem; height: 1.6rem;}
.form_check.md > [type=radio] ~ label::after { top: calc((1.6rem - 0.8rem) / 2); left: calc((1.6rem - 0.8rem) / 2); width: 0.8rem; height: 0.8rem;}

/* Radio button Large Size */
.form_check.lg > [type=radio] ~ label { font-size: 1.9rem; line-height: 2.4rem; min-height: 2.4rem; padding-left: calc(2.4rem + 0.8rem);}
.form_check.lg > [type=radio] ~ label::before { width: 2.4rem; height: 2.4rem;}
.form_check.lg > [type=radio] ~ label::after { top: calc((2.4rem - 1.4rem) / 2); left: calc((2.4rem - 1.4rem) / 2); width: 1.4rem; height: 1.4rem;}

/* Check Box */
.form_check input[type=checkbox] ~ label:before { position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; 
    background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: 0.4rem;
}
.form_check input[type=checkbox] ~ label:after {
    position: absolute; top: calc((2rem - 2rem) / 2); left: calc((2rem - 2rem) / 2); 
    width: 2rem; height: 2rem; background: url("../images/common/ico_check_checked.svg") no-repeat 0 0; background-size: contain;
    opacity: 0;
}

.form_check input[type=checkbox]:checked ~ label:before { background-color: #246BEB; /* border-color: #246BEB; */}
.form_check input[type=checkbox]:checked ~ label:after { opacity: 1; transition-delay: 0.2s;}

/* Check Box : disabled */
.form_check input[type=checkbox]:disabled ~ label:before { border-color: var(--ce-gray-40); background-color: var(--ce-gray-20);}
.form_check input[type=checkbox]:disabled ~ label:after { background-image: url("../images/common/ico_check_disabled.svg");}

/* Check Box : Small Size */
.form_check.sm > [type=checkbox] ~ label { font-size: 1.5rem; line-height: 1.6rem; min-height: 1.6rem; padding-left: calc(1.6rem + 0.8rem);}
.form_check.sm > [type=checkbox] ~ label::before { width: 1.6rem; height: 1.6rem;}
.form_check.sm > [type=checkbox] ~ label::after { width: 1.2rem; height: 1.2rem;}

/* Check Box : Large Size */
.form_check.lg > [type=checkbox] ~ label { font-size: 1.9rem; line-height: 2.4rem; min-height: 2.4rem; padding-left: calc(2.4rem + 0.8rem);}
.form_check.lg > [type=checkbox] ~ label::before { width: 2.4rem; height: 2.4rem;}
.form_check.lg > [type=checkbox] ~ label::after { width: 2rem; height: 2rem;}

.form_check input[type=radio]:focus ~ label,
.form_check input[type=checkbox]:focus ~ label,
.form_switch [type=checkbox]:focus ~ label { outline-offset: 0.4rem; outline: 2px solid rgba(36, 107, 235, 0.8);}

/* select */
.form_sel { appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.form_sel{ width: 100%; height: 4.4rem; padding: var(--ce-select-pd-lg);
    background-color: #fff; background-image: url("../images/common/arr_common_down.svg"); background-repeat: no-repeat; background-position: center right var(--ce-select-rn-lg); border: 1px solid var(--ce-gray-60); border-radius: var(--ce-select-rd-sm); font-family: inherit; color: var(--ce-gray-90);
    opacity: 1;
}

.inp_m_chk{ position: relative; width: 100%; height: 4.4rem; padding: 0 1.7rem; background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: .6rem; font-family: inherit; color: var(--ce-gray-90); transition: 0.4s ease-in-out;}

.inp_date{ position: relative; width: 100%; height: 4.4rem; padding: 0 1.7rem; background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: .6rem; font-family: inherit; color: var(--ce-gray-90); transition: 0.4s ease-in-out;}

/* 검색 search */
.tw_sch_wrap{ padding: var(--ce-spacer-10); border-radius: var(--ce-rd-12); background: var(--ce-secondary-5);}
.tw_sch_wrap .filter_form{ display: flex; align-items: normal; justify-content: flex-start; max-width: 100%;}
.tw_sch_wrap .filter_keyword .form_sel{ width: 100%; max-width: 18rem;}
.tw_sch_wrap .tit_sch{ display: inline-block; font-weight: 700; width: 14rem; font-size: 1.9rem;}

.filter_keyword{ margin-top: var(--ce-spacer-6); padding-top: var(--ce-spacer-6); border-top: 0.1rem solid var(--ce-gray-40);}
.filter_keyword .inp_m_chk{ width: 55rem;}
.filter_keyword > div{ display: flex; align-items: center;}
.desc_sch{ font-size: 1.5rem;}

.keyword_sch_wrap{ display: flex; gap: .8rem;}
.filter_keyword .desc_sch{ font-size: 1.7rem; margin-top: .8rem; color: var(--txt-sub-color); margin-left: 14rem;}

/* 버튼 button */
.btn{ position: relative; padding: 0 20px; height: 4.4rem; min-width: 8rem; color: #fff; border-radius: .6rem; background-color: #7b7b7f; display: inline-flex; gap: .8rem; justify-content: center; align-items: center;}
.btn_sch_m{ background-color: #246beb; color: #fff;}
.btn.line{ background-color: #fff; border: 1px solid #555; color: #1d1d1d;}

.btn.primary { background-color: var(--ce-primary); border: 1px solid var(--ce-primary); color: #fff;}
.btn.secondary { background-color: var(--ce-primary-5); border: 1px solid var(--ce-primary-60); color: #1D56BC;}
.btn.tertiary { background-color: var(--ce-white); border: 1px solid var(--ce-gray-90); color: var(--ce-secondary-90);}

.btn[class*=ico_]{ padding: 0 1rem 0 2rem;}

.btn[class*=ico_]::after,
.btn[class*=ico_].ico_before::before{ display: inline-flex; content: ""; width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; background-size: contain;}

.btn[class*=ico_].ico_before::after{ display: none;}

.ico_go::before,
.ico_go::after{ background-image: url("../images/common/newwin_wh.svg"); width: 1.8rem !important; height: 1.8rem !important;}

.ico_go.secondary::before,
.ico_go.secondary::after{ background-image: url("../images/common/newwin_bu.svg");}

.ico_go.tertiary::before,
.ico_go.tertiary::after{ background-image: url("../images/common/newwin.svg");}

.ico_link::before,
.ico_link::after{ background-image: url("../images/common/arr_common_right.svg"); width: 1.8rem; height: 1.8rem;}

.ico_link.secondary::before,
.ico_link.secondary::after{ background-image: url("../images/common/arr_common_right_bu.svg");}

.secondary.refresh{}
.btn.refresh::before{ content: ""; width: 2rem; height: 2rem;  background-image: url("../images/common/icon_common_refresh_bu.svg"); background-position: center; background-repeat: no-repeat;}

/* 게시판 이전 다음 버튼 */
.btn_bbs_prev{ background-image: url("../images/common/arr_common_left.svg"); background-position: left 1.4rem center; background-repeat: no-repeat; min-width: 10rem; justify-content: flex-end; padding: 0 1.8rem 0 0;}
.btn_bbs_next{ background-image: url("../images/common/arr_common_right.svg"); background-position: right 1.4rem center; background-repeat: no-repeat; min-width: 10rem; justify-content: flex-start; padding: 0 0 0 1.8rem;}
.btn_bbs_list{ position: relative; padding-right: 1.8rem; height: 4.4rem; min-width: 10rem; color: #1d56bc; border-radius: .6rem; background-color: #eff5ff; border: 1px solid #246beb; background-image: url("../images/common/icon_bbs_list.svg"); background-repeat: no-repeat; background-position: left 1.8rem center; display: inline-flex; justify-content: flex-end; align-items: center;}

/************************************* Unit ********************************/
.formSet{ display: inline-flex; gap: 15px;}
.inFlex{ display: inline-flex !important;}
.formUnit{ display: flex; gap: 5px; align-items: center;}
.schSet{ display: inline-flex; gap: .8rem;}

.inp_sch{ padding: 0 4px 0 12px; height: 4.4rem; border-radius: .6rem; border: 1px solid #C6C6C6; box-sizing: border-box; border: 1px solid var(--ce-input-color); font-size: 1.7rem;}

.sel_m,
.sel_sch{padding: 0 3rem 0 1rem; height: 4.4rem; border-radius: .6rem; border: 1px solid #C6C6C6; box-sizing: border-box; border: 1px solid var(--ce-input-color); font-size: 1.7rem;
	appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background-image: url("../images/common/arr_common_down.svg"); background-repeat: no-repeat; background-position: right .6rem center;}

/************************************* Btn ********************************/

/* 공용 버튼 */
.btnArea{ margin: 20px 0; display: flex; justify-content: flex-end; gap: .8rem;}
.btnArea.center{ justify-content: center;}

.btn_m{ position: relative; padding: 0 20px; height: 4.4rem; min-width: 80px; color: #fff; border-radius: .6rem; background-color:#7b7b7f; display:inline-flex; gap:4px; justify-content: center; align-items: center;} /* 버튼 기본 */
.btn_m.down{ background-image:url(../images/common/icon_download.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 다운로드 icon */
.btn_m.search{ background-image:url(../images/common/icon_search.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 검색 icon */
.btn_m.excel{ background-image:url(../images/common/icon_excel.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 검색 icon */
.btn_m::before,
.btn_m::after{ content: ""; position: absolute; background: #fff; top: 50%; transform: translateY(-50%);}
.btn_m.plus,
.btn_m.minus{ padding-left:34px;} /* 플러스 icon */
.btn_m.plus::before,
.btn_m.minus::before{ width: 12px; height: 2px; left: 14px;}
.btn_m.plus::after{ width: 2px; height: 12px; left: 19px;}

/* Button Large Site */
.btn_m.lg{ padding: 0 24px; height: 36px; font-size: 16px; border-radius: 5px;}

 /*  테이블 안 btn */
.btn_sm{ position: relative; padding:0 12px; height: 28px; color: #fff; border-radius: 3px; background-color:#595959; display:inline-flex; gap:4px; justify-content: center; align-items: center;}
.btn_m.sm{  height: 28px; font-size: 13px; border-radius: 3px;}

/* 검색 영역 버튼 */
.btn_sch{ position: relative; padding: 0 20px; height: 4.4rem; color: #fff; border-radius: 2px; background-color:#7b7b7f; display:inline-flex; gap:4px; justify-content: center; align-items: center; border-radius: .6rem; min-width: 84px;}
.btn_sch.down{ background-image:url(../images/common/icon_download.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 다운로드 icon */
.btn_sch.search{ background-image:url(../images/common/icon_search.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 검색 icon */
.btn_sch.newwin{ background-image:url(../images/common/icon_newpage.svg); background-repeat:no-repeat; background-position:left 15px center; padding-left: 3.8rem; background-size: 1.8rem;} /* 검색 icon */
.btn_sch::before,
.btn_sch::after{ content: ""; position: absolute; background: #fff; top: 50%; transform: translateY(-50%);}

.btn_reset{ padding: 0 1.2rem 0 1.2rem;}

.btn_reset::before{ content: "";  background-image: url("../images/common/icon_common_refresh_bu.svg"); background-repeat: no-repeat; width: 1.8rem; height: 1.8rem;}
.btn_sch.plus,
.btn_sch.minus{ padding-left:34px;} /* 플러스 icon */
.btn_sch.plus::before,
.btn_sch.minus::before{ width: 12px; height: 2px; left: 14px;}
.btn_sch.plus::after{ width: 2px; height: 12px; left: 19px;}

.btn_sch.toggle{}
.btn_sch.toggle.tg_on{ background-color: var(--sub-color);}

.btn_gis_mtr_go{ position: relative;}
.btn_gis_mtr_go::after{ content: ""; background-image: url("../images/common/newwin_bu.svg"); width: 2rem; height: 2rem;}

@media (max-width: 766px) {
	.btn_gis_mtr_go{ width: 100%;}
}

/* Button Icon */

.btn_m.arr_up{ background-image:url(../images/common/arrow_up.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:38px;}
.btn_m.arr_down{ background-image:url(../images/common/arrow_down.png); background-repeat:no-repeat; background-position:left 15px center; padding-left:38px;}
.btn_arr_up2{ background-image:url(../images/common/icon_arr_up2.png); border:0; outline:0; background-color: white; background-size:35px; background-repeat:no-repeat; background-position:center; padding: 10px 15px 10px 15px;}
.btn_arr_down2{ background-image:url(../images/common/icon_arr_down2.png); border:0; outline:0; background-color: white; background-size:35px; background-repeat:no-repeat; background-position: center; padding: 10px 15px 10px 15px;}
.btn_Rup2{ border:0; outline:0; background-color: white; background-size:35px; background-repeat:no-repeat; background-position:center; padding: 5px 5px 5px 5px;}
.btn_Rdown2{ border:0; outline:0; background-color: white; background-size:35px; background-repeat:no-repeat; background-position:center; padding: 5px 5px 5px 5px;}

.sch_btn_area{ display: flex; justify-content: flex-end;}

.btn_d_view{ display: inline-block; background: url("../images/common/icon_circle_zoom.png") no-repeat; width: 24px; height: 24px;}

/* BTN Color */
.bBgA{ background-color: var(--ce-primary);} /* Main */
.bBgB{ background-color:#eff5ff; border: 1px solid #1d56bc;} /* Sub */
.bBgC{ background-color:#526fa2;} /* sub2 */
.bBgE{ background-color:#00643b;} /* Excel */

.btn_disable{ background: #bdbdbd; color: #727272; cursor: default;}

/* Input - icon  */
.inp_sch_icon{ border: 1px solid var(--ce-input-color); background: #fff; border-radius: .6rem; overflow: hidden; display: flex; padding-right: 4px; height: 4.4rem;}
.inp_sch_icon input[type=text]{ border: none; padding: 0 0 0 6px; width: 100%;}
.inp_sch_icon button{ width: 32px; background: url("../images/common/icon_search2.png") no-repeat center;}

/*  */
.inp_cal{ border: 1px solid var(--ce-input-color); background: url("../images/common/icon_cal.png") no-repeat left 10px center #fff; border-radius: .6rem; overflow: hidden; display: flex; padding: 0 0 0 34px; width: 124px; height: 4.4rem; font-size: 1.7rem;}


/************************************* 공용 팝업(wt) ********************************/
.wt_popup{}
.wt_popup_top{ position: relative; height: 5rem; background: #246beb; padding: 0 30px; display: flex; align-items: center;}
.wt_popup_top span{ color: #fff; font-weight: 500; font-size: 2.1rem;}
.wt_popup_opinion_desc{ height: 80px; background: url("../images/common/wt_popup_opinion_desc_img.png") no-repeat left center; font-size: 20px; padding: 6px 20px 0 104px; line-height: 1.3; margin-bottom: 20px;}
.wt_popup_opinion_desc b{ color: #003a82; font-weight: 600;}

.wt_popup_cont{ padding: 3rem;}

@media (max-width: 766px) {
	.wt_popup_cont{ padding: 1.5rem;}
}

.btn_wt_popup_close{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%); display: inline-block; width: 20px; height: 20px; background: url("../images/common/icon_wt_popup_close.png") no-repeat center;}

/************************************* 게시판(wt) ********************************/
.tbl_bbs{ border-top: 2px solid #1f3a69;}
.tbl_bbs th,
.tbl_bbs td{ border-bottom: 1px solid #dddde1; padding: 9px 10px;}
.tbl_bbs th{ background: #f4f4f8; text-align: center; font-weight: 500;}
.tbl_bbs td{}

.tbl_bbs.edit th{ border-right: 1px solid #dddde1;}
.tbl_bbs.edit td{ padding: 9px 20px;}

.tbl_bbs.edit input[type=text]{ width: 100%;}

.inp_bbs{ border: 1px solid #b6b6be; border-radius: 3px;}
.textarea_m{ border: 1px solid var(--ce-input-line); border-radius: 3px;}

.tbg1{ background-color: #f7f7f7;}

/* 오류문의/개선의견 등록 */
.opin_textarea{ height: 200px;}
.wt_popup_cont .btnArea{ margin: 20px 0 0 0;}

/************************************* 테이블 Type2 ********************************/

.tbl2{ width: 100%; border-collapse: separate; border-top: 2px solid #323232;}
.tbl2 tr th,
.tbl2 tr td{ font-size: 1.5rem;  border-bottom: 1px solid #d8d8d8; line-height: 1.2; padding:10px 10px; text-align: center;}
.tbl2 thead tr th{ background-color: #edf1f5; font-weight: 700;}
.tbl2 tbody tr th{ background-color: #eff5ff; border-right: 1px solid #d8d8d8;}
.tbl2 tbody tr td:not(:last-child){ border-right: 1px solid #d8d8d8;}
.tbl2 td{ min-height: 3.9rem;}

/************************************* TAB ********************************/

/* 컨텐츠 안 탭메뉴*/
.page_tab{ display: flex; width:100%; margin-bottom: 30px; border-bottom: 1px solid #1e1e1e;}
.page_tab li{ text-align:center; border-top:1px solid var(--ce-line-color); border-right:1px solid var(--ce-line-color); border-bottom:1px solid var(--ce-line-color);}
.page_tab li:first-child{border-left:1px solid var(--ce-line-color);}
.page_tab li a{ color:#1e1e1e; display:block; padding: 13px 40px; font-size: 16px; min-width: 200px;}
.page_tab li.on{ border: 1px solid var(--main-color);}
.page_tab li.on a{ background: var(--main-color); color:#fff; font-weight: 600;}

/* 작은 탭 */
.s_tab{ margin-bottom:20px; display: flex; gap: 1.7rem; }
.s_tab li{ position: relative; padding: 0 1.7rem;}
.s_tab li a,
.s_tab li button{ width: 100%; color: #555; font-weight: 700; display: block; font-size: 2.1rem; height:44px; line-height:44px; text-align:center;}
.s_tab li.active{}
.s_tab li.active a,
.s_tab li.active button{ color: #003675; height:44px; line-height:44px;}
.s_tab li.active::after{ content: ""; position: absolute; height: 2px; width: 100%; background: #003675; left: 0; bottom: 0;}


/* 텝 메뉴 */
.data_pop_tab {padding-bottom:15px; height:40px; border-bottom:1px solid var(--gray-60); margin-bottom:20px; display: flex; gap: 4px;}
.data_pop_tab li {text-align:center; cursor: pointer; color:var(--txt-sub-color);  font-size:14px; position:relative;}
.data_pop_tab li a { border: 1px solid var(--ce-line-color); border-bottom:1px solid var(--gray-60); padding:0 40px; line-height:40px; height:40px; display:block; background: var(--ce-bg-color);}
.data_pop_tab li a.active { background: var(--main-color); color:#fff; border:none; position:relative; line-height:40px; height:40px;}
.data_pop_tab li a.active:before{ content: ""; position: absolute; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid var(--main-color); bottom: -8px; left: 50%; transform: translateX(-50%);}
.data_pop_tab.t_long li{width:50%;}


#data_popup .data_info_box {border: 1px solid #e6e6e6; background: #f8f8f8; padding: 10px; font-size: 13px;}/*bang 추가*/
#data_popup .blit3 {background: url(../images/common/blit_2.png) no-repeat left 8px !important;margin-left: 18px;}/*bang 추가*/
.txt_red{color: red !important;}/*bang 추가*/
.txt_blue{color: #004bd9 !important;}

.txt_red{color: red !important;}
.txt_blue{color: #004bd9 !important;}
.txt_gray{color: #666 !important;}
.txt_orage{color: orange !important;}

.gray_box{ background: var(--ce-th-bg); border: 1px solid var(--ce-line-color); padding: 20px;}

/************************************* Search ********************************/

/* 검색 싱글 박스 */
.searchBox{ border:1px solid var(--ce-table-top-line); padding:15px; margin:0 0 20px 0; text-align:center;}
.searchBox .date_inp{ width: 120px;}
.searchBox .sel_m{ min-width: 80px;}

.searchBox.type2{ display: flex; justify-content: center; align-items: center; gap: 20px;}
.searchBox .tit_sch{ position: relative; font-size: 16px; font-weight: 500; padding-left: 10px;}
.searchBox .tit_sch::before{ content: ""; position: absolute; width: 4px; height: 4px; background: #232323; border-radius: 4px; left: 0; top: 8px;}

.btn_calendar{ width: 18px; height: 18px; background: url("../images/common/icon_calendar.png") no-repeat;}
input + .btn_calendar{ margin-left: 5px;}

/* 검색 테이블 */
.tableSearch{ border: 1px solid var(--ce-table-top-line); width:100%; margin-bottom:20px;}
.tableSearch th,
.tableSearch td{ border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; min-height: 40px;}
.tableSearch th{ background:#f5f5f5; text-align:center; padding:10px; font-weight: 500;}
.tableSearch td{ padding:6px 10px;}
.tableSearch .sel_m{ margin-right:4px; min-width: 80px;}
.tableSearch label:nth-child(n+2){ margin-right:14px;}
.tableSearch label:last-child{ margin-right:0;}




/************************************* Select ********************************/
.select_m{}

/*************************************************** 게시판 ************************************************/

/* 게시판 : 상단 */
.tableTopWrap{ margin: 0 0 10px 0; display: flex; justify-content: space-between; align-items: center;}
.tableTopWrap .right{ display: flex; gap: 10px}
.sch_info{ position: relative; font-size: 2.1rem; font-weight: 700;}
.sch_info ::before{ content: ""; position: absolute; background: #8e8e8e; width: .5rem; height: .5rem; border-radius: .5rem; left: 0; top: 6px; display: none;}
.sch_info em{ color: var(--main-color); font-weight: 700; font-size: 2.1rem;}
.tableTopWrap .tit{ font-size: 1.7rem;}
.tableTopWrap .tit.sortType{ background:url(../images/common/icon_list.png) no-repeat left center; padding-left:20px;}
.tableTopWrap .page_num{ margin-left: 10px;}

/* 게시판 : 상단 : 검색 */
.bbsSearchWrap{}
.bbsSearchWrap #bbsSearch{ min-width: 80px;}
.bbsSearchWrap .inputBox{ width: 280px;}

/* 게시판 : 목록 */
.bbsList { width: 100%; border-collapse: separate; border-top: 2px solid var(--ce-table-top-line);}
.bbsList tr th,
.bbsList tr td{ border-bottom: 1px solid var(--ce-line-color); padding:14px 10px; text-align:center;}
.bbsList tr th { background: var(--ce-th-bg); font-size: 15px; font-weight: 500;}
.bbsList tr td { color:var(--txt-sub-color);}

.scroll .bbsList th,
.scroll .bbsList td,
.scroll .dataView td{white-space: nowrap;}

/*페이징*/
.pagebtn { text-align: center; margin-top: 45px; display: flex; justify-content: center; align-items: center; gap: 6px;}
.pagebtn> a { border:1px solid var(--ce-line-color); min-width: 34px; height: 34px; padding: 0 6px; color: var(--txt-sub-color); display: flex; justify-content: center; align-items: center;}
.pagebtn> .select { color:#fff; background: var(--sub-color);}
.pagebtn> a:hover { text-decoration: underline;}
.pagebtn> .arrowbtn { color: var(--txt-sub-color); font-weight: bold; letter-spacing:-2px;}

/* 게시판 수정 */
.bbsList.edit{ border-bottom: 1px solid var(--ce-table-top-line);}
.bbsList.edit tr th{min-height: 44px;line-height: 32px}
.bbsList.edit tr th,
.bbsList.edit tr td{ padding:6px 10px;}
.bbsList.edit tr td{ text-align: left;}
.bbsList textarea,
.bbsView textarea{ width:100%; border:1px solid var(--ce-line-color); resize: none; padding:10px; min-height: 300px;}
.bbsList .txt_cont{height:100px;}

.bbsList .subject { font-size: 16px; font-weight:bold; color:#000;}
.bbsList .subject input[type=text]{padding: 8px 3px; border: 1px solid #526fa2 ; font-size: 14px; color: #000; font-weight:bold;}

.bbs_type{}

/* 새글 */
.bbs_new{ margin-left: 1rem;}

.bbs_btn_area{ margin-top: 5px; border: 1px solid #e6e6e6; padding: 10px 10px 5px 10px;}

@media (max-width: 766px) {
	.tw_sch_wrap .filter_form{ display: flex; flex-direction: column;}
	.keyword_sch_wrap{ width: 100%; flex-direction: column;}
	.keyword_sch_wrap .form_sel{ width: 100% !important; margin-bottom: 1rem;}
	.filter_keyword > div{ flex-direction: column; align-items: flex-start;}
	.chk_area{ flex-wrap: wrap; gap: 1rem;}
	.schSet{ width: 100%;}
	.filter_keyword .inp_m_chk{ width: 100%;}
	.filter_keyword .desc_sch{ margin-left: 0;}
	.tw_sch_wrap{ padding: var(--ce-spacer-6);}
	.tw_sch_wrap .tit_sch{ margin-bottom: var(--ce-spacer-6);}

}


/* 게시판 상세 */
.bbsView{border-top: 2px solid var(--ce-table-top-line); border-bottom: 1px solid var(--ce-table-top-line);}
.bbsView .bbsLine{ border-bottom: 1px solid var(--ce-line-color); line-height: 15px; padding: 16px 10px;}
.bbsView .bbsLine.subject {background: var(--ce-th-bg); font-size: 18px; padding: 20px 10px;}
.bbsView .bbsLine.info{ display: flex; justify-content: space-between;}
.bbsView .bbsLine.cont{ color:#555; min-height: 300px;}
.bbsView .bbsLine.down{ display: flex; flex-direction: column; gap: 4px;}
.bbsView .bbsLine img{max-width: 100% !important;}

/* 게시판 이전글, 다음글 */
.bbsPreView { border-top: 1px solid var(--ce-line-color); overflow:hidden;}
.bbsPreView dt,
.bbsPreView dd{ border-bottom: 1px solid var(--ce-line-color);  padding: 14px 10px; float:left;}
.bbsPreView dt{ width:20%; text-align:center; background:#fafafa;}
.bbsPreView dd{ width:80%; display: flex; justify-content: space-between;}
.bbsPreView em{ font-size:13px; color: var(--txt-sub-color);}

/* File Donwload Link */
.file_down{ background: url("../images/common/icon_addFile.png") no-repeat left center; padding-left: 22px; color: blue;}
.file_down:hover{ text-decoration: underline;}

/* 답글 : 입력 */
.bbsReply{ border-top: 1px solid var(--ce-line-color); border-bottom: 1px solid var(--ce-line-color); display: flex; margin-top: 30px;}
.bbsReply dt{ width: 20%; background: var(--ce-th-bg); font-weight: 600; display: flex; justify-content: center; align-items: center;}
.bbsReply dd{ flex: 1; display: flex; gap: 10px; padding: 10px 20px 10px 10px;}
.bbsReply dd button{ width: 90px;}

/* 답글 : 목록 */
.bbsReplyList{ margin-top: 10px; border-top: 1px solid var(--ce-line-color);}
.bbsReplyList li{ border-bottom: 1px solid var(--ce-line-color); display: flex;}
.bbsReplyList span{ padding: 10px; display: flex;}
.bbsReplyList .name{ background: var(--ce-th-bg); width: 180px; font-weight: 500; justify-content: center; align-items: center;}
.bbsReplyList .comm{ flex: 1; color: var(--txt-sub-color);}
.bbsReplyList .date{ width: 140px; justify-content: center; align-items: center;}

/*************************************************** 메뉴관리 ************************************************/
.menu_move_show{ display: none;}
.menu_move_wrap{ margin-left: 10px;}
.menu_move_wrap > div{ display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.menu_move_wrap div span { font-weight: 700;}

/*************************************************** 공통팝업 ************************************************/
.pop_wrap{}
.pop_wrap .pop_header{ position: relative; font-weight: 500; padding:14px 20px 14px 38px; color:#fff; position:relative; background:url(../images/common/d_tit.png) no-repeat left 20px center #004bd9;}
.pop_wrap .popClose{ position:absolute; right:20px; top: 12px; }
.pop_wrap .popClose a{ display:inline-block; height:20px; width:20px; background:url(../images/common/icon_close.png) center no-repeat; font-size:0;vertical-align: middle;}
.pop_wrap .pop_content{ padding:20px;}
.pop_content .NumDesc { background: #f7f7f7; border: 1px solid #d2d2d2; padding: 5px; overflow-y: scroll;}
.pop_body{}
.pop_content .labelPop{font-size: 12px;}
.pop_wrap .pop_footer{ padding: 10px 20px; display: flex; justify-content: flex-end; gap: 8px;}

.pop_btn_area{ margin-top: 20px; text-align: center;}


/*************************************************** 테이블 ************************************************/
/* 게시판 상단*/
.tbl_list_top{ display: flex; justify-content: space-between; align-items: center; gap: var(--ce-spacer-10); padding: 0 0 2.4rem 0;}
.tbl_list_top.type1{ }
.tbl_list_top .tbl_info{ font-size: 2.1rem; font-weight: 700;}
.tbl_list_top .tbl_info .keyword{ color: #1d56bc;}
.tbl_list_top .inp_m_chk{ width: 25rem;}
.tbl_list_top .keyword_sch_wrap .form_sel{ width: max-content;}

.tw_sch_wrap + .tbl_list_top{ padding: var(--ce-spacer-10) 0 2.4rem 0;}

@media (max-width: 766px) {
	.tbl_list_top{ flex-direction: column; gap: 2rem; align-items: flex-start;}
	.schSet .form_sel{ width: 100%;}
	.schSet .inp_m_chk{ width: 100%;}
	.tbl_list_top .schSet .inp_m_chk{ width: calc(100% - 9rem);}
	.tbl_list_top .schSet .btn{ width: 8rem;}

	.tbl_list_top.type2{ flex-direction: row; align-items: center; padding: 0 0 1rem 0;}
	.tbl_list_top.type2 .keyword_sch_wrap{ width: 12rem !important;}
}

/* 게시판 목록 */
.tbl_bbs_list{ border-top: 2px solid #1d1d1d; table-layout: fixed;}
.tbl_bbs_list thead th{ padding: 2rem 1rem; text-align: center; border-bottom: 1px solid #d8d8d8; background-color: #edf1f5; font-weight: 700;}
.tbl_bbs_list tbody td{ padding: 2rem 1rem; text-align: center; border-bottom: 1px solid #d8d8d8;}
.tbl_bbs_list tbody td .noti{ display: inline-flex; justify-content: center; align-items: center; width: 5rem; height: 3rem; background-color: #edf1f5; color: #246beb; border-radius: .6rem;}
.tbl_bbs_list tbody tr:hover{ background-color: #eff5ff;}
.tbl_bbs_list tbody tr:hover a{ text-decoration: underline;}
.tbl_bbs_list tbody td a{ display: inline-block; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media (max-width: 766px) {
	.tbl_bbs_list{ table-layout: auto;}
	.tbl_bbs_list tbody td a{ overflow: auto; text-overflow:ellipsis; white-space:normal;}
	.tbl_bbs_list .date{ border: 1px solid red;}
	/*.tbl_bbs_list colgroup col:last-child{ display: none;}*/
}

/* paging */
.paging { display: flex; align-items: center; justify-content: center; gap: 0.8rem; width: 100%; margin-top: 6.4rem;}
.paging .page_navi { display: inline-flex; align-items: center; justify-content: center; color: var(--gray-70); min-width: 6.2rem; height: 4rem;}

.paging .page_navi.prev::before,
.paging .page_navi.next::after{ content: ""; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem;}
.paging .page_navi.prev::before{ background-image: url("../images/common/ico_page_arr_left.svg"); background-repeat: no-repeat;}
.paging .page_navi.next::after{ background-image: url("../images/common/ico_page_arr_right.svg"); background-repeat: no-repeat;}

.paging a:hover,
.paging a:active{ background-color: #EDF1F5; transition: 0.4s ease-in-out; border-radius: 6px;}

.paging .page_wrap { display: flex; align-items: center; justify-content: center; gap: 0.8rem;}
.paging .page_wrap a{ display: flex; align-items: center; justify-content: center; color: var(--ce-gray-70); min-width: 4rem; height: 4rem; border-radius: 6px;}
.paging .page_wrap span{ display: flex; justify-content: center; color: var(--ce-gray-70); min-width: 4rem; height: 3rem;}
.paging .page_wrap a.on{ font-weight: 700; color: #fff; background-color: #246beb;}

@media (max-width: 766px) {
	.paging{ position: relative; margin-top: 12rem;}
	.paging .page_navi.prev{ position: absolute; left: calc(50% - 4.2rem); transform: translateX(-50%); top: -6rem;}
	.paging .page_navi.next{ position: absolute; left: calc(50% + 4.2rem); transform: translateX(-50%); top: -6rem;}
	.paging .page_wrap{ }
}

/* 게시판 상세 */
.tbl_bbs_view{}
.bbs_tit_wrap{ padding: 3rem; background-color: #edf1f5; display: flex; justify-content: space-between; align-items: center; border-top: 2px solid #1d1d1d;}
.bbs_tit_wrap .bbs_tit{ display: flex; gap: 1.5rem; align-items: center;}
.bbs_tit_wrap .bbs_tit .noti{ font-size: 1.7rem; width: 5rem; height: 3.2rem; border-radius: .6rem; color: #246beb; background-color: #fff; display: inline-flex; justify-content: center; align-items: center;}
.bbs_tit_wrap .bbs_tit p{ font-size: 2.1rem; font-weight: 700; flex: 1;}
.bbs_tit_wrap .bbs_tit p b{ margin-right: 1rem;}
.bbs_tit_wrap .bbs_info{}
.bbs_tit_wrap .bbs_info .bbs_date{ display: flex; gap: 1.2rem; width: 16rem; justify-content: flex-end;}
.bbs_tit_wrap .bbs_info .bbs_date b{}

.bbs_file_wrap{ padding: 2rem 3rem; border-bottom: 1px solid #d8d8d8; background: url("../images/common/icon_bbs_file.svg") no-repeat right 2rem bottom; display: flex; gap: 2rem;}
.bbs_file_wrap .bbs_file_tit{ font-weight: 700;}
.bbs_file_wrap .bbs_file_list{ }
.bbs_file_wrap .bbs_file_list li{}
.bbs_file_wrap .bbs_file_list li a{ color: #246beb; text-decoration: underline;}

.bbs_cont_view{ padding: 3rem; border-bottom: 1px solid #d8d8d8; min-height: 30rem;}
.bbs_area_btn{ margin-top: 3rem; display: flex; justify-content: space-between; align-items: center;}
.bbs_area_btn .btn_wrap{ display: flex; gap: 1rem;}
.bbs_area_btn .btn_wrap.left{}
.bbs_area_btn .btn_wrap.right{}

@media (max-width: 766px) {
	.bbs_tit_wrap{ flex-direction: column; align-items: flex-start; padding: 3rem 1.5rem;}
	.bbs_tit_wrap .bbs_tit{ flex-direction: column; align-items: flex-start;}
	.bbs_tit_wrap .bbs_info{ margin-top: 1rem;}
	.bbs_tit_wrap .bbs_info .bbs_date { display: flex; width: auto; justify-content: flex-start;}
	.bbs_file_wrap{ flex-direction: column; padding: 2.5rem 1.5rem; gap: 1.5rem;}

	.bbs_cont_view{ padding: 2.5rem 1.5rem;}
}

 /* 기본 테이블 */
.tbl{ width: 100%;border-left: 1px solid #d8d8d8; border-collapse: separate; border-top: 2px solid #323232;}
.tbl tr th,
.tbl tr td{border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;line-height:22px; padding:10px 10px;}
.tbl tr th { text-align:center;background-color:var(--ce-th-bg);}
.tbl tr td { text-align:left; color: var(--txt-sub-color);}
.tbl tbody tr td select,
.tbl tbody tr td input[type=text],
.tbl tbody tr td input[type=select] { width:96%;}
.tbl tbody tr td textarea { width:96%;}
.tbl.tdCenter td{ text-align:center;}

/* 가로 데이터 테이블*/
.tbl.dataView tr td { text-align:center;}
.tbl.dataView {white-space:nowrap}
.tbl.dataFix tr td { text-align:center;}
.tbl.dataFix.tdLeft  tr td { text-align:left;}

.thFix{ border-top: 1px solid var(--ce-table-top-line);}
.thFix .tbl{ position: relative; border-top: none; border-collapse: collapse; border-spacing: 0px;}
.thFix .tbl thead{ position: sticky; top: 0; z-index: 2;}
.thFix .tbl thead th{ position: relative;}
.thFix .tbl thead th::after{ content: ""; position: absolute; width: 100%; height: 1px; background-color: #d8d8d8; left: 0; bottom: -1px;}
.thFix .tbl thead tr:first-child th:first-child{}

.tbl_row { width: 100%; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-collapse: separate; border-top: 2px solid #323232;}
.tbl_row tr th,
.tbl_row tr td{  border-bottom: 1px solid #d8d8d8;line-height:22px; padding:10px 10px;}
.tbl_row tr th { text-align:center;background-color:var(--ce-th-bg);}
.tbl_row tr td { text-align:center; color: var(--txt-sub-color);}
.tbl_row tbody tr td select,
.tbl_row tbody tr td input[type=text],
.tbl_row tbody tr td input[type=select] { width:96%;}
.tbl_row tbody tr td textarea { width:96%; border:1px solid var(--ce-input-color);}
table .link{ text-decoration: underline;}

.hoverClick tr:hover td{ background: #fafafa; cursor: pointer;}

.tbl.subc tr td{ padding: 1.5rem 1rem;}

 /* 좁은 테이블 */
.tableS01 { width: 100%;border-left: 1px solid #d8d8d8; border-collapse: separate; border-top: 2px solid #323232;}
.tableS01 tr th,
.tableS01 tr td{border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding:4px 4px;}
.tableS01 tr th { text-align:center;background-color:#f8f8f8; padding:6px 6px; font-size:14px;}
.tableS01 tr td { text-align:center; color:#555;}
.tableS01 tr td span { color:#004bd9; font-weight: bold;}
.tableS01 tbody tr td select,
.tableS01 tbody tr td input[type=text],
.tableS01 tbody tr td input[type=select] { width:96%;}
.tableS01 tbody tr td textarea { width:96%;border:1px solid #d9d9d9;}
.tableS01 .colorb { background-color: #f0f7ff;}

/* 상세 게시판 */
.dataView { width: 100%; border-collapse: separate; border-top: 1px solid var(--ce-table-top-line); border-left: 1px solid var(--ce-line-color);}
.dataView tr th,
.dataView tr td{ padding:8px; text-align:center; font-size:14px;}
.dataView tr th {background:#fafafa;}
.dataView tr td { color: var(--txt-sub-color);}

/* DIV Box */
.divBox{ overflow:hidden;}

/******************** Quick Menu ********************/
.quick_menu{ position: fixed; top: 50%; transform: translateY(-50%); right: 7rem; width: 9rem; border-radius: .6rem; border: 1px solid #d8d8d8; padding: 8px 0 4px 0; background: #fff; z-index: 10;}
.quick_menu ul{ padding: 0 1.6rem;}
.quick_menu ul li{}
.quick_menu ul li{ border-bottom: 1px solid #d8d8d8;}
.quick_menu ul li a{ height: 100%; display: block; font-size: 1.5rem; text-align: center; line-height: 1.2;}
.quick_menu ul li:nth-child(1) a{ padding: 5.2rem 0 1rem 0; background: url("../images/common/quick_icon01.png") no-repeat center top 1.1rem;}
.quick_menu ul li:nth-child(2) a{ padding: 5rem 0 1rem 0; background: url("../images/common/quick_icon02.png") no-repeat center top 1.5rem;}

.quick_menu.show{ animation: quick_show 1.4s  both;}

.btn_move_top{ width: 100%; display: block; height: 4.8rem; background: url("../images/common/quick_arr_top.svg") no-repeat center;}

@media (max-width: 1700px) {
    .quick_menu{ right: 2rem;}
}
@media (max-width: 1520px) {
    .quick_menu{ display: none !important;}
}

@keyframes quick_show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 레이어 팝업 */
.layer_pop_wrap{ display: none;}
.layer_pop{ position: absolute; min-width: 40rem; z-index: 9999; border-radius: 1rem; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999;}
.layer_pop_top{ background-color: #1d56bc; padding: 0 2.5rem; height: 6rem; display: flex; justify-content: space-between; align-items: center;}
.layer_pop_top .tit{ font-size: 2.1rem; font-weight: 700; color: #fff;}
.layer_pop_cont{ min-height: 6rem; background: #fff; padding: 2.5rem;}
.layer_pop_btn_wrap{ margin-top: 2.5rem; display: flex; gap: 1rem;}
.layer_pop_btn_wrap button{ flex: 1;}
.btn_layerpop_close{ width: 1.8rem; height: 1.8rem; background: url("../images/common/btn_layerpop_close.png") no-repeat center;}

@media (max-width: 766px) {
	.layer_pop{ min-width: calc(100% - 2rem) !important; width: calc(100% - 2rem) !important;}
}

.dim_bg{ position: fixed; top: 0; right: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none;}