@charset "utf-8";

#header,
#container,
#foot-layout{ width:100%; text-align:center; display:block; position:relative;}
#header .headerWrap,
#container .body-wrap{ width:1550px; display:inline-block; position:relative;}
#foot-layout .foot-wrap{max-width: 1300px;display: flex;position:relative;flex-direction: column;justify-content: flex-start;align-items: flex-start;margin: 0 auto;width: 100%;}

body.on{overflow:hidden !important;}
body.jui{padding:0 !important;}
#container :not(td).empty{font-size: 1.5rem;text-align: center !important;color: #767676 !important;min-height: 15rem;margin: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;}
#container{margin-top:11rem;}

.flex{display:flex !important;}
.flexAuto{flex:auto !important;}
.flexNone{flex:none !important;}
.flexWrap{flex-wrap:wrap;}
.noWrap{flex-wrap:nowrap !important;}

.jui .input:not(textarea) {font-size: 1.6rem !important;padding: 0.4rem 0.8rem !important;height: 3.2rem !important;line-height: 1.1 !important;border-radius: 0.3rem !important;vertical-align: top;}
.jui textarea.input {padding: 1rem;word-break: keep-all;font-size: 1.6rem;}
.ContArea>h4 { font-size:1.6rem; color:#222; font-weight:bold; margin-bottom:1rem;}
.jui .window .ContArea > h4:nth-of-type(1){margin-top:0;}
.jui button, .jui input, .jui select, .jui textarea, .jui option{font-size:1.6rem;}

.layout {position: relative;max-width: 1300px; /* contents 영역 width 값 */width: 100%;margin: 0 auto;background: #fff;}
/* 검정배경 */
.blind {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0;z-index: 12;}

/*헤더*/
#header {position: fixed;top: 0;left: 0;background: #fff;height: 11rem;z-index: 15;border-bottom: 1px solid #ddd;display: flex !important;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 0;transition: all .15s ease-in-out;}
#header .layout{z-index:1;}
  /* - 사용자 편의 */
  #header .top_util{display:flex;align-items:center;justify-content: center;background: #f2f2f2;border: 1px solid #dfdfdf;padding: 0.6rem 0;height: 3rem;width: 100%;}
  #header .top_util .layout{display:flex;align-items: center;justify-content: flex-end; background:transparent;}
      /* - 누리집 로고 */
      #header .top_util .nurizib{display:flex;align-items:center;justify-content:flex-start;margin-right: auto;flex: none;font-size: 1.3rem;color: #555;line-height: 1.1;white-space: nowrap;text-align: center;}

      #header .top_util .nurizib:before{content:'';width: 4.4rem;height: 1.5rem;display:block;background: url(../img/common/icon_nurizib.png) center center / cover no-repeat;margin-right: 0.5rem;}
      /* - 퀵메뉴 */
      .topUtilTool{display:flex;align-items:center;justify-content: flex-end;}
      .topUtilTool > a,
      .topUtilTool > button{font-size:15px;border-left: 1px solid #ddd;padding: 0 10px;line-height: 1.1;}
      .topUtilTool > a:first-child,
      .topUtilTool > button:first-child{border-left:none;}
          /* ^ hover */
          .topUtilTool > a:hover,
          .topUtilTool > button:hover{text-decoration:underline;}
      /* - 사용자 정보 */
      .top_txt{font-size:15px;line-height:1.1;padding-left: 5px;letter-spacing: -0.05em;}
      .top_txt span{color:#555; font-weight:bold; letter-spacing:0;}
  /* - layout */
  #header #gnb_wrap{height: 100%;display: flex;align-items: center;justify-content: flex-start;width: 100%;background: #fff;z-index: 1;}
  #header #gnb_wrap .layout {height: 100%;display: flex;align-items: center;justify-content: flex-start;}
  #header #gnb_wrap .logo {flex: none;position: inherit;left: inherit;top: inherit;margin-right: auto;}
  #header #gnb_wrap .logo a { display: block; font-size: 0;}
  #header #gnb_wrap .logo a img { width: 13rem;  height: 5.4rem;}
  #header #gnb_wrap #gnb {width: auto;z-index: 2;margin: 0 5rem;flex: auto;}
  #header #gnb_wrap #gnb > ul {display: flex;table-layout: fixed;width: 100%;align-items: center;justify-content: flex-start;}
  #header #gnb_wrap #gnb > ul > li {display: inline-flex;position: relative;flex: 1;align-items: center;justify-content: center;}
  #header #gnb_wrap #gnb > ul > li > a {display: flex;text-align: center;height: 7.9rem;line-height: 1.1;position: relative;justify-content: center;align-items: center;width: 100%;}
  #header #gnb_wrap #gnb > ul > li > a > span {  display: inline-block;  vertical-align: middle;  line-height: 100%;  font-size: 1.8rem;  font-weight: 600;}
  #header #gnb_wrap #gnb > ul > li > a:before {content: "";display: block;width: 0;height: 0.4rem;bottom: -0.1rem;left: 50%;transform: translateX(-50%);position: absolute;background: #014287;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header #gnb_wrap #gnb > ul > li > a.on:before {  width: 100%;}
  #header #gnb_wrap #gnb > ul > li > .sub {position: absolute;top: 100%;width: 100%;}
  #header #gnb_wrap #gnb > ul > li > .sub > ul { display: none;  text-align: center;  width: 100%;  height: auto;}
  #header #gnb_wrap #gnb > ul > li > .sub > ul > li:first-of-type {padding-top: 1rem;}
  #header #gnb_wrap #gnb > ul > li > .sub > ul > li:last-of-type { padding-bottom: 1rem;}
  #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a {  display: block;  font-size: 1.5rem;  font-weight: 500;  color: #333;  padding: 1rem;}
  #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a:focus,
  #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a:hover {  text-decoration: underline;  text-underline-position: under;}
  .nav_bg {display: none;position: absolute;top: 8rem;left: 0;width: 100%;height: 100%;background: #fff;z-index: 0;}
  .nav_bg::after {position: absolute;bottom: 0;width: 0;height: 0.1rem;background: #014287;content: "";display: block;-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;z-index: -1;}
  .nav_bg.active::after { width: 100%; }
  
  #header .layout .top_util {position:absolute;right: 4.3rem;top: 50%; margin-top:-0.7rem; padding:0rem 1rem 0 0;font-size:0;text-align:right;z-index:1101;transition:0.2s;}
  #header .layout .top_util>a,
  #header .layout .top_util>button,
  #header .layout .top_util>div>a,
  #header .layout .top_util>div>button {display:inline-block;position:relative;overflow:hidden;box-sizing:border-box;color:#0f0f0f;font-size:1.5rem; font-weight:400;text-align:left;vertical-align:top;}
  #header .layout .top_util>a>span {display:block;}
  #header .layout .top_util>a {margin-right:0.5rem;padding-right:0.7rem;}
  #header .layout .top_util>a::after {content:'';display:block;position:absolute;right:0;top:0.4rem;width:0.1rem;height:1.3rem;background:#d2d2d2}
  #header .layout .top_util>a:last-child {margin-right:0; padding-right: 0;}
  #header .layout .top_util>a:last-child::after {display:none;}
  #header .layout .top_util>div {display:inline-block;vertical-align:top;}
  .btn_login {position:relative;display:inline-block; margin-right:5px; padding-right: 0; margin-top:-0.5rem;box-sizing:border-box;border:0.1rem solid #ccc;background:#fff;border-radius:0.5rem;text-align:center;transition:.2s all;}
  .btn_login:after {display:none;}
  #header .adminNm{flex:none;margin-left:auto;font-size: 1.7rem;color: #666;line-height: 1.1;display: none;}
  #header .adminNm span{margin-right:0.3rem;color: #4d75d2;font-size: 1.7rem;flex: none;}
  #header .layout .btn_login{flex:none;margin-left: auto;display: inline-flex;align-items: center;justify-content: center;margin-top: 0;}
  #header .layout .btn_login>span {position:inherit;display:inline-block;margin:0;font-size: 1.7rem;padding:0.1rem 0.5rem;font-weight:500;color:#666;transition:.2s all;vertical-align:top;width: 100%;white-space: nowrap;}
  #header .layout .top_util .top_txt {display: block;  font-size:1.5rem;}
  #header .layout .top_util .top_txt span {font-weight: 600; color:#22abb5; }

/* 헤더를 고정한다 */
#header.scrolled {position: fixed;width: 100%;top: -3rem;z-index:999;transition: all .3s ease-in-out;}
/* ios에서 애니메이션 이슈 있을 수 있음 */
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*서브비주얼*/
.sub_visual {
  padding: 11rem 0 17rem 0;
  text-align: center;
}
.sub_visual.vs01 {
  background: url(/html/images/layout/sub_bg01.jpg) no-repeat center center/cover;
}
.sub_visual .layout h2 {
  color: #fff;
}

/*모바일/전체메뉴 버튼*/
#header .all_menu {height: 4rem;width: 4rem;background: url("../img/common/all_menu.png") center center / cover no-repeat;display: block;flex: none;margin-left: 1.5rem;}
#header .all_menu:focus {  border: 2px solid #000;}
#header .all_menu.on {background: transparent;right:0;/*right: 6rem;*/}
#header .all_menu.on::after {
  display: block;
  font-family: "xeicon";
  content: "\e921";
  font-size: 3rem;
  /* width: 3rem;
  height: 3rem; */
  position: relative;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#header .all_menu.on:hover::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#header .all_menu p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
}
#header .all_menu p i {
  font-size: 2.5rem;
  vertical-align: middle;
  color: #fff;
  transition: all 1s;
  display: none;
}
#header .all_menu .open {
  display: block;
}
#header .all_menu.on .open {
  display: none;
}
#header .all_menu .close {
  display: none;
}
#header .all_menu.on .close {
  display: block;
}

/*서브바*/
.snb .layout .snb_wrap {
  position: relative;
  margin-top: -6rem;
}
.snb .layout .snb_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.snb .layout .snb_wrap:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #014287;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.snb .layout .snb_wrap .home {
  width: 6rem;
  height: 6rem;
  display: block;
  position: relative;
  float: left;
}
.snb .layout .snb_wrap .home i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2rem;
}
.snb .layout .snb_wrap .snb_select {
  float: left;
  border-left: 1px solid #fff;
  position: relative;
}
.snb .layout .snb_wrap .snb_select:last-of-type {
  border-right: 1px solid #fff;
}
.snb .layout .snb_wrap .snb_select .select_active {
  width: 30rem;
  height: 6rem;
  line-height: 6rem;
  position: relative;
  padding-right: 4.25rem;
}
.snb .layout .snb_wrap .snb_select .select_active i {
  color: #fff;
  font-size: 2.25rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.snb .layout .snb_wrap .snb_select .select_active.on {
  background: #014287;
}
.snb .layout .snb_wrap .snb_select .select_active.on i {
  transform: translateY(-50%) rotate(180deg);
}
.snb .layout .snb_wrap .snb_select .select_active span {
  position: relative;
  color: #fff;
}
.snb .layout .snb_wrap .snb_select .select_list {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
}
.snb .layout .snb_wrap .snb_select .select_list:before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: #014287;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.snb .layout .snb_wrap .snb_select .select_list li {
  border-top: 1px solid #fff;
  position: relative;
}
.snb .layout .snb_wrap .snb_select .select_list li a {
  padding: 1.25rem 2rem;
  display: block;
  position: relative;
  color: #fff;
}
.snb .layout .snb_wrap .snb_select .select_list li a:hover {
  background: #014287;
}
.snb .layout .snb_wrap .snb_select .select_list li a span {
  text-align: center;
}

/*서브 제목*/
#sub_tit {
  position: relative;
  padding: 0 0 5rem 0;
  border-bottom: 1px solid #ddd;
}
#sub_tit .layout h3 {
  font-size: 3rem;
  color: #000;
  text-align: center;
}

/*좌측메뉴*/
#lnb {
  width: 26rem;
  height: 100%;
  float: left;
}
#lnb .lnb_menu > li > a {
  display: block;
  position: relative;
  padding: 2rem;
  color: #3f3f3f;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  letter-spacing: -0.05em;
  transition: none;
}
#lnb .lnb_menu > li > a[target="_blank"]:after {
  width: 13px;
  height: 10px;
  display: block;
  content: "";
  background: url(../img/common/blank.png) center center no-repeat;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
#lnb .lnb_menu > li:last-of-type > a { border-bottom: 1px solid #e0e0e0;}
#lnb .lnb_menu > li > a:hover {  color: #222;}
#lnb .lnb_menu > li > a.sub:after {
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url(../img/common/lnb_arr.png) no-repeat;
  transition: all 0.3s;
}
#lnb .lnb_menu > li > a.on.sub { background: #014287;  color: #fff;}
#lnb .lnb_menu > li > a.on.sub:after {
  transform: rotate(180deg);
  background: url(../img/common/lnb_arr_on.png) no-repeat;
  width: 12px;
  height: 2px;
  margin-top: -1px;
}
#lnb .lnb_menu > li > ul {
  display: none;
  padding: 1.15rem 1.65rem;
  background: #f5f5f5;
}
#lnb .lnb_menu > li > ul > li > a {
  position: relative;
  display: block;
  color: #313131;
  padding-left: 1rem;
}
#lnb .lnb_menu > li > ul > li {
  margin-bottom: 0.5rem;
}
#lnb .lnb_menu > li > ul > li:first-of-type {
  margin-top: 0;
}
#lnb .lnb_menu > li > ul > li > a:hover {
  text-decoration: underline;
}
#lnb .lnb_menu > li > ul > li > a.on {
  color: #288bcc;
}
#lnb .lnb_menu > li > ul > li > a:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 1.15rem;
  background: #888888;
}
#lnb .lnb_menu > li > ul > li > a:hover:before {
  background: #888888 !important;
}
#lnb .lnb_menu > li > ul > li > a.on:before {
  background: #288bcc;
}

/*콘텐츠영역*/
#txt {
  margin: 4rem 0;
}

/*검색*/
#header .search {
  position: absolute;
  height: 5rem;
  width: 5rem;
  top: 50%;
  right: 8rem;
  margin-top: -2.5rem;
  background: #014287;
}
#header .search p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
}
#header .search p i {
  font-size: 2.5rem;
  vertical-align: middle;
  color: #fff;
  transition: all 1s;
  display: none;
}
#header .search p .open {
  display: block;
}
#header .search.on p .open {
  display: none;
}
#header .search p .close {
  display: none;
}
#header .search.on p .close {
  display: block;
}
#header .search_box:before {
  display: block;
  width: 1000%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  height: 100%;
  transform: translateX(-50%);
  z-index: 2;
}
#header .search_box {
  display: none;
  position: absolute;
  top: 10rem;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 4rem 0;
  border-bottom: 1px solid #ddd;
}
#header .search_box .search_wrap {
  width: 100rem;
  margin: 0 auto;
  position: relative;
  padding-left: 15rem;
  z-index: 3;
}
#header .search_box .search_wrap strong {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 2.5rem;
  color: #014287;
  transform: translateY(-50%);
  line-height: 100%;
}
#header .search_box .search_wrap .search_bar {
  padding-right: 4rem;
}
#header .search_box .search_wrap .search_bar input {
  height: 4rem;
  width: 100%;
}
#header .search_box .search_wrap .search_bar .submit {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  background: #014287;
}
#header .search_box .search_wrap .search_bar .submit i {
  font-size: 2rem;
  color: #fff;
}

/*전체메뉴*/
.mobile_wrap {
  position: fixed;
  top: 11rem;
  width: 100%;
  right: -100%;
  height: calc(100% - 11rem);
  opacity: 0;
  transition: all 0.2s;
  z-index: 2;
  visibility: hidden;
  overflow: hidden;
  z-index:9999
}
.mobile_wrap .layout {
  height: 100%;
}
.mobile_menu {
  position: relative;
  height: 100%;
}
.mobile_menu:before {
  width: calc(19rem + 1px);
  background: #f6f7f9;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  border-right: 1px solid #ddd;
}
.mobile_menu > ul {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
}
.mobile_menu > ul > li{width:100%;display: block;height: auto;}
.mobile_menu > ul > li > a {
  width: 19rem;
  height: 8rem;
  display: flex;
  background: #f6f7f9;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
}
.mobile_menu > ul > li > a.on {
  background: #014287;
}
.mobile_menu > ul > li > a.on > span {
  color: #fff;
}
.mobile_menu > ul > li > a > span {
  display: block;
  vertical-align: middle;
  font-size: 2rem;
  font-weight: 500;
}
.mobile_menu > ul > li > .sub {
  display: none;
  position: absolute;
  width: calc(100% - 19rem);
  left: calc(19rem + 1px);
  height: auto;
  top: 0;
  margin: 1em 0;
  /* background: #fff; */
}
.mobile_menu > ul > li.on .sub {
  display: block;
  padding: 2rem;
}
.mobile_menu > ul > li.on > a {
  background: #353541;
  color: #fff;
}
.mobile_menu > ul > li > .sub > ul > li > a {
  display: block;
  padding: 1.8rem 1rem;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  min-height: inherit;
}
.mobile_menu > ul > li > .sub > ul > li > a:hover,
.mobile_menu > ul > li > .sub > ul > li > a:focus,
.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li > a:hover,
.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li > a:focus {
  /* text-decoration: underline;
    text-underline-position: under; */
  font-weight: 700;
}
.mobile_menu > ul > li > .sub > ul > li > a > span {
  display: block;
}
.mobile_menu > ul > li > .sub > ul > li {
  border-top: 1px solid #ddd;
}
.mobile_menu > ul > li > .sub > ul > li:first-of-type {
  border-top: 0;
}
.mobile_menu > ul > li > .sub > ul > li > a.on {
  border-bottom: 1px solid #014287;
  font-weight: 700;
  color: #014287;
}
.mobile_menu > ul > li > .sub > ul > li > a.active {
  color: #014287;
  font-weight: 700;
}
.mobile_menu > ul > li > .sub > ul > li > .depth {
  padding: 2rem;
  display: none;
}
.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li {
  margin-top: 1rem;
}
.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li:first-of-type {
  margin-top: 0;
}
.mobile_menu > ul > li > .sub > ul > li > a:before {
  display: none;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  content: "";
  background: url(../img/common/mobile_menu_arr.png) no-repeat center center/cover;
  width: 1.3rem;
  height: 0.8rem;
}
.mobile_menu > ul > li > .sub > ul > li > a.on:before {
  transform: translateY(-50%) rotate(-180deg);
}
.mobile_menu > ul > li > a.on + .sub {
  display: block;
}
.mobile_menu > ul > li > .sub > ul > li > a.empty:before {
  display: none;
}
.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li > a {
  font-weight: 500;
}
.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li > a:hover > span {
  text-decoration: underline;
  text-underline-position: under;
}
.mobile_menu ul li a span {
  position: relative;
}
/* .mobile_menu ul li a[target="_blank"] span:after {
    width: 13px;
    height: 10px;
    display: block;
    content: "";
    background: url(/html/images/layout/blank.png) center center no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.mobile_menu > ul > li > .sub > ul > li > a[target="_blank"] span:after {
    width: 13px;
    height: 10px;
    display: block;
    content: "";
    background: url(/html/images/layout/blank.png) center center no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
} */

#header.scrolled + .mobile_wrap{top: 8rem;height: calc(100% - 8rem);}
.mobile_wrap.on {
  opacity: 1;
  right: 0;
  visibility: visible;
  overflow: visible;
  z-index: 12;
  background: #fff;
}

/*전체메뉴 스크롤바*/
.mobile_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #014287;
}
.mobile_wrap .mCSB_scrollTools .mCSB_draggerRail {
  background: #ddd;
}
.mobile_wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mobile_wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mobile_wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #014287;
}



/* 레이어 팝업*/
.PopupWrap{width:40.6rem;border-radius:1rem;box-shadow:0 0.4rem 2rem rgba(72,72,72,0.3);}
.Popup_md{width:48rem;}
.PopupInner{padding:2.5rem 3rem 3rem;}
.PopupHeader{padding:0 0 1.5rem;}
.PopupHeader h3{font-size:1.6rem;}
.PopupHeader .Popupclose{width: 1.6rem;height: 1.6rem;margin-top: 0.5rem;}

.PopupBody{padding-bottom: 1.5rem;}
.PopupBody .strong_text{font-size:2rem;margin-bottom:1rem}
.PopupBody .strong_text span{font-size:2rem;}
.PopupBody p{color:#222;font-size:1.6rem;margin-right: 1rem;}

.Popupbottom{margin-top:1rem;}
.Popupbottom .PB_Info{min-height:4.8rem;}
.Popupbottom .PB_bt_box li{padding: 0 0.7rem;}
.Popupbottom .PB_bt_box li:after{top: 0.7rem;left: 0;height: 1.6rem;width: 0.1rem;}
.Popupbottom .PB_bt_box li:first-child{margin-left:0.5rem;}
.Popupbottom a{padding: 0;line-height:1.8rem;font-size:1.6rem;}

.Popup_window.open > .body .wrap_search{padding:1.5rem;}
.Popup_window.open > .body .btn_group .btn{margin: 0.2rem 0 0 0.5rem !important;}

/* 디지털 원패스 & GPKI 로그인 : 202308 추가 */
.PopupWrap .loginType{margin-top: 1rem;}
.PopupWrap .loginType > *{margin-left: 1rem;padding: 1.3rem 0;min-height: 4.4rem;border-radius: 0.3rem;font-size: 1.4rem;}
    /* ^ type */
    .PopupWrap .onePassLogin:before{width:2.8rem; height:2.4rem;margin-right:0.5rem; }
    
/** box common **/
[class*='box_type']{position:relative;margin:2.5rem 0;padding:2.5rem;border-radius:0.5rem;background:#f7f7f7;}
[class*='box_type'],[class*='box_type'] > p{line-height:2.6rem;font-size:1.7rem;letter-spacing:-0.08rem;}
[class*='box_type'] > p{margin: 1rem 0 0 0;}
[class*='box_type'] .f_bold{color:#222;font-weight:500;}
[class*='box_type'] > p:first-child,[class*='box_type'] [class*='bul_']:first-child,[class*='box_type'] [class*='tip_']:first-child{margin-top:0;}
[class*='box_type'] [class*='bul_']{margin:1rem 0 0;}
[class*='box_type'] [class*='bul_']:before,[class*='box_type'] [class*='bul_'] li:before{top:1.1rem;}

[class*='box_type'] .box_tit01{line-height:3rem;color:#111;font-size:2.5rem;}

/* box_type */
*[class^='box_type']{word-break: keep-all;}
.box_type00{padding: 2rem !important;font-size: 1.6rem;line-height: 2.6rem;font-weight:500;border:1px dotted #ccc;border-radius:0;background:#fff;word-break: keep-all;}
.box_type00:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:10px;height:calc(100% + 0.2rem);background:linear-gradient(to bottom,#00abad, #2c50a6);}
.box_type01,.box_type01 > p,.box_type01 [class*='bul_'] li{line-height:18px;font-size:1.5rem;}
.box_type02{padding: 1rem 1.5rem;font-weight:500;border:1px dotted #ccc;background:#f7f7f7;}
.box_type02 > p,.box_type02 li{line-height: 2.2rem;color:#555;font-size: 1.5rem;}
.box_type02 li{margin:0.2rem 0 !important;}
.box_type02 li strong{font-weight:500;}
.box_type03{padding:1rem 1.5rem;border:1px dotted #dbdbdb;background:#fff;}
.box_type03:before{content:'';display:block;position:absolute;top:0;left:0;width:0.7rem;height:100%;background:linear-gradient(to bottom,#00abad, #2c50a6)}


/** 검색조건 **/
.wrap_search,.sear_cont,.sear_footer,.sear_category,.sear_category > div{display:flex;flex-wrap:wrap;}
.wrap_search{justify-content: center;align-items: center;margin:2rem 0 3rem;padding:2rem;border:0.1rem solid #d8dde0;border-radius:0.3rem;background:#f5f5f5;}
.sear_cont{flex:1;width:calc(100% + 2rem);margin: -2rem 0 0 -2rem;}
.sear_category{align-items:center;margin: 2rem 0 0 2rem;}

.sear_category .sear_tit+div,.sear_category > div > *:not(:first-child){margin-left:0.5rem;font-size: 1.6rem;}
.sear_category .sear_tit{min-width: 6rem;font-size: 1.6rem !important;font-weight:500;line-height: 1.1;}
.sear_category select{min-width:8rem}
.sear_category > div{flex:1;width:100%;}

.sear_category.consonant{width:calc(100% - 2rem);}
.sear_category.consonant > div{display: flex;width:calc(100% - 6rem);margin:-0.2rem 0 0 0;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.sear_category.consonant > div > *{float:left;min-width:3rem;width: auto;margin: 0.5rem 0.5rem 0 0;padding:0 0.8rem;text-align:center;line-height: 1.1;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;font-size: 1.3rem;height: 3rem;background: #fff;white-space: nowrap;}

.sear_category .tui-datepicker-input{min-width:inherit !important;width:12rem !important;height:3.2rem !important;border-width:0 !important;}
.sear_category .tui-datepicker-input>input{border:0.1rem solid #d7d9dd !important;border-radius:0.1rem;font-size: 1.6rem;}


.sear_footer{justify-content:center;min-width:10rem;margin-top: 0;}
.sear_footer [class*='sear_'],.sear_footer [class*='sear_'] i{position:relative;}
.sear_footer [class*='sear_']{overflow:hidden;display:flex;justify-content:center;align-items:center;min-width:7rem;height: auto;padding: 0.7rem 1rem;line-height: 2.2rem !important;font-size: 1.7rem;border-radius:0.2rem;}
.sear_footer [class*='sear_'] > i{font-size:1.7rem;width: auto;white-space: nowrap;}
.sear_footer [class*='sear_']:hover:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);}
.sear_footer [class*='sear_']+[class*='sear_']{margin-left:0.3rem;}
.sear_reset{color:#787878;border:0.1rem solid #b7b7b7;background:#fff;}
.sear_submit{padding-right:1.3rem !important;background:#343942;}
.sear_submit i{padding-left:2.2rem;color:#fff;}
.sear_submit i:before{content:'';display:block;position:absolute;top:calc(50% - 0.6rem);left:0;width:1.3rem;height:1.3rem;background: url(/static/common/images/icon_search.png) center center / contain no-repeat;}


/* 게시판 - row style */
.bd_lst_row{margin-top:1rem;border-top:0.2rem solid #000;font-size: 1.4rem;}
.bd_lst_row > li > em *,
.bd_lst_row > li > div >  *{font-size: 1.6rem;}
.bd_lst_row > li{display:flex;flex-wrap:wrap;border-bottom:0.1rem solid #ddd;}
.bd_lst_row > li > em,.bd_lst_row > li > div{padding:1.6rem;line-height:2.5rem;}
.bd_lst_row > li > em{width:14rem;color:#333;font-weight:500;border-right:0.1rem solid #ddd;background:#fafafa;}
.bd_lst_row > li > div,.bd_lst_row > li > div > span{display:flex;align-items:center;}
.bd_lst_row > li > div{width:calc(100% - 14rem);min-height:2.8rem;}
.bd_lst_row > li > div > span{flex-wrap:wrap;}
.bd_lst_row > li > div input[type='checkbox']+label,.bd_lst_row > li > div input[type='radio']+label{margin:0 0 0 0.5rem;}
.bd_lst_row > li > div input[type='checkbox']+label+input[type='text'],.bd_lst_row > li > div input[type='checkbox']+label+input[type='password']{margin-left:-1.5rem;}
.bd_lst_row sup{line-height:0.3rem;color:#ed152e;}
.bd_lst_row textarea{height:100%;}

.bd_lst_row .w_flex1{flex:1}
.bd_lst_row .w_flex1 > *{width:100%;}
.bd_lst_row [class*='w_sel'] > span{align-items:baseline;flex-wrap:nowrap;}
.bd_lst_row [class*='w_sel'] label+.size_num{margin:0.1rem 0.5rem 0.1rem -2rem}
.bd_lst_row [class*='w_sel'] label+.size_num input[type='text']{width:5rem !important;margin-right:0.5rem;}
.bd_lst_row [class*='w_sel'] label+.size_num+i{margin-right:3rem;}

.bd_lst_row [class*='w_p'] > *:not([class*='btn']){width:100%;}
.bd_lst_row [class*='w_per'] *,.bd_lst_row [class*='w_px'] *{width:100%;}
.bd_lst_row [class*='w_per']{padding-right:1.5rem;}
.bd_lst_row [class*='w_px']{margin-right:1.5rem;}
.bd_lst_row [class*='w_px']:last-child{margin-right:0;}

.bd_lst_row > .view_cont,.bd_lst_row > .view_cont > div{width:100%;padding:1.5rem;}
.bd_lst_row > .view_cont{padding-right:0;padding-left:0;}
.bd_lst_row > .view_cont > div{display:block;min-height:30rem;border:0.1rem solid #e7e7e7;}
.bd_lst_row > .view_cont > div.bg_disabled{background:#eee;}


/** 로그인폼 **/
.inputs{margin-top:2rem;}
.inputs input{border-radius:0.3rem}
.inputs .password .hide{top:0.3rem;right:0.5rem;width:3rem;height:3rem;background:url("/static/common/images/password-hide.png") no-repeat center/2.4rem;}
.inputs .password .show{background:url("/static/common/images/password-show.png") no-repeat center/2.4rem;}
.inputs button{width:10.7rem;height:8rem;margin-left:1rem;line-height:7.8rem;font-size:1.6rem;border-radius:0.3rem;}
.save_id{font-size:1.5rem;display: inline-flex;align-items: center;justify-content: flex-start;line-height: 1;}
.save_id input{margin-right:0.4rem;}
.save_id input[type="checkbox"]{margin-right:0.5rem;}



.Popup_list {width:30rem;}
.Popup_list .PopupBody {max-height: 28rem;overflow-y: auto;padding:1rem 0;}
.Popup_list .PopupBody ul li {padding: 0.4rem 0;}
.Popup_list .PopupBody ul li a {line-height: 2.2rem;display: inline-block;}
.Popup_button {width:20rem;min-height: 0;}
.Popup_button .PopupInner {padding: 1.5rem 2rem 2rem;}
.Popup_button .PopupHeader {padding: 0 0 1rem 0;}
.Popup_button .PopupBody {max-height: initial;overflow: initial;padding: 0;border: none;margin: -0.4rem 0;}
.Popup_button .PopupBody ul li {padding: 0.4rem 0;}
.Popup_button .PopupBody ul li .btn {width:100% !important;}
.Popup_legend {width:25rem;min-height: 0;}
.Popup_legend .PopupInner {padding: 1.5rem 2rem 2rem;}
.Popup_legend .PopupHeader {padding: 0 0 1rem 0;}
.Popup_legend .PopupBody {max-height: initial;overflow: initial;padding: 0;border: none;margin: -0.4rem 0;}
.Popup_legend .PopupBody ul {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.Popup_legend .PopupBody ul li {padding: 0.4rem 0; flex: 50%;}
.Popup_legend .PopupBody ul.cols-1 {flex: 100%;}
.Popup_legend .PopupBody ul.cols-2 {flex: 50%;}
.Popup_legend .PopupBody ul.cols-3 {flex: 33.33%;}
.Popup_legend .PopupBody ul.cols-4 {flex: 25%;}
.Popup_legend .PopupBody ul.cols-5 {flex: 20%;}
.Popup_legend .PopupBody ul li legend span {display: inline-block;width: 1.4rem;height: 1.4rem;border-radius: 0.3rem;background: #eee;vertical-align: middle;margin-right: 0.5rem;}
.Popup_legend .PopupBody ul li legend span.green {background-color:#4fcf93;}
.Popup_legend .PopupBody ul li legend span.blue {background-color:#32c1ca;}
.Popup_legend .PopupBody ul li legend span.yellow {background-color:#f9c12c;}
.Popup_legend .PopupBody ul li legend span.orange {background-color:#f57100;}
.Popup_legend .PopupBody ul li legend span.red {background-color:#ff3e3e;}
.Popup_legend .PopupBody ul li legend span.pink {background-color:#ff58a5;}
.Popup_alert .PopupHeader {background: url(../images/icon_time.png) no-repeat center left; height: 13rem;padding:3rem 0 0 11rem;}
.Popup_alert .PopupHeader i {font-size:1.6rem;font-style: initial;}
.Popup_alert .PopupHeader h3 {font-size:2.4rem;letter-spacing: -0.1rem; white-space: nowrap;}
.Popup_alert .PopupHeader h3 span {font-weight: bold;font-size: inherit; }
.Popup_alert .PopupHeader h3 span.red {color:#f30606;}
.Popup_alert .PopupHeader h3 span.blue {color:#083e96;}
.Popup_alert .PopupBody ul li {padding-left: 1.2rem;background: url(../images/bleat_dot.png) no-repeat 0.2rem 1rem;letter-spacing: -0.1rem;line-height: 2.4rem;}
.Popup_alert .PopupBody ul li b.red {color:#f30606;}
.Popup_alert .PopupBody ul li b.blue {color:#083e96;}
.Popup_alert .Popupbottom {text-align: center;}
.jui .window > .head {height:3.6rem;}
.jui .window > .head {background: #224b9e !important;}
.jui .window > .head .left {color:#fff;}
.jui .window > .head .right i.icon-exit {color:#fff;font-size: 1.4rem;}
.Popup_window.window > .body {height: calc(100% - 9rem) !important;padding:1rem;}
.Popup_window.window > .body .ContArea{height: 100%;overflow-y: auto;}
.Popup_window.window.moWid-full > .body div.Tree#tree_bsns_hnf{width:100%;height: 100%;}
.Popup_window.window > .footer,
.window > .footer {text-align: right; padding: 1rem;}
.Popup_window.open {width: 100%;box-shadow: none;border-radius: 0;}
.Popup_window.open .head {border-radius:0 !important;height: 3.6rem}
.Popup_modal {overflow: hidden;border:none;min-height:0;}
.Popup_modal .PopupInner {padding:0;}
.Popup_modal .PopupHeader {padding: 0.7rem 1.2rem;background: #224b9e;}
.Popup_modal .PopupHeader h3 {color:#fff; font-size:1.4rem;}
.Popup_modal .PopupHeader .Popupclose {top: 50%;margin-top: -1.5rem; right: 0.5rem;background: none;}
.Popup_modal .PopupHeader .Popupclose:before,
.Popup_modal .PopupHeader .Popupclose:after {content:""; display:block; width:0.2rem; height:1.4rem; background:#fff; position:absolute; top:50%; left:50%; margin-top:-0.7rem;}
.Popup_modal .PopupHeader .Popupclose:before {transform: rotate(45deg);}
.Popup_modal .PopupHeader .Popupclose:after {transform: rotate(-45deg);}
.Popup_modal .PopupBody {padding: 1.5rem 2rem 1.5rem; border:none;}
.Popup_modal .Popupbottom {padding-bottom:1rem;}
.Popup_modal .Popupbottom .PB_bt_box {padding: 0 1rem;}
.Popup_modal .Popupbottom .PB_bt_box li {display: inline-block; padding: 0; margin-left: 0.2rem;}
.Popup_modal .Popupbottom .PB_bt_box li:after {display:none;}


.Popupbottom button {  font-size: 1.6rem; border:0rem; padding: 0 0.4rem; line-height: 3rem; display: inline-block; }
.Popupbottom .strong_bt  { position: relative; font-weight: bold; color: #222;   }
.P_AddFile_bt { position: absolute; position: absolute; right:0;top:0.2rem; width: 4.5rem; height: 4.5rem; border:0.1rem solid #ddd; border-radius: 2.2rem; background:#fff url(../images/popup_addfile_icon.png) no-repeat center center; text-indent: -999.9rem; overflow: hidden; }

.FrameSet {z-index:1;height:calc(100% - 5.5rem);width:100%;display:block;border:0;}




/* 레이어 팝업 끝 */






/* 검색필드 */
.jui .ContSearch {border-radius:0.4rem;padding: 2rem;margin-bottom:3rem;display: flex;align-items: center;justify-content: flex-start;}
.jui .ContSearch.verType{flex-direction:column;}
.jui .ContSearch + .ContSearch{margin-top:-2rem;}
.jui .ContSearch input[type=text],
.jui .ContSearch select {min-width:10rem;}
.jui .ContSearch dl {margin: 0;display: flex;align-items: center;justify-content: flex-start;margin-right: 1rem;width: auto;}
.jui .ContSearch.verType dl{width:100%;margin-right: 0;flex-direction: row;}
.jui .ContSearch.verType dl.verType{flex-direction:column; align-items:flex-start;}
.jui .ContSearch.verType dl.verType dt{padding: 2rem 0 1rem 0;width: 100%;}
.jui .ContSearch.verType dl.verType > *{width: 100%;}
.jui .ContSearch.verType dl:not(:nth-of-type(1)){margin-top: 1.5rem;}
.jui .ContSearch.verType dl dt{min-width:10%;}
.jui .ContSearch.verType  dl:nth-of-type(1) dt{padding-top:0}
.jui .ContSearch.verType dl dd{width: auto;display: flex;align-items: center;justify-content: flex-start;flex: auto;}
.jui .ContSearch.verType dl dd > *:not(:last-child){margin-right:0.5rem;}
.jui .ContSearch.verType .BtnGroup{margin-top:2rem;width: 100%;justify-content: center;}
.jui .ContSearch dl:nth-child(1):nth-last-child(1){margin-right:0;}
.jui .ContSearch dl:nth-last-of-type(1){margin-right:0;}
.jui .ContSearch dl.flexAuto{flex:auto;}
.jui .ContSearch dl.flexAuto dd{width:100%;}
.jui .ContSearch dl dt {padding: 0 1rem 0 0;}
.jui .ContSearch dl dt,
.jui .ContSearch dl dt label {line-height: 1.1;font-size: 1.6rem;word-break: keep-all;white-space: normal;}
.jui .ContSearch dl dd{margin-right:0.5rem;}
.jui .ContSearch dl dd:last-child{margin-right:0;}
.jui .ContSearch dl.btnArea{flex:none;margin-left: auto;}
.jui .ContSearch dl.period + .btnArea{margin-left:1rem;}
.jui .ContSearch dl + .BtnGroup{margin-left: 2rem;}
.jui .ContSearch dl:nth-last-of-type(1) + .BtnGroup{margin-left: auto;}
.jui .ContSearch .BtnGroup {right:1.5rem;bottom:1.6rem;position: inherit;right: inherit;bottom: inherit;flex: none;display: flex;align-items: center;justify-content: flex-start;}
.jui .ContSearch .BtnGroup button {min-width:7.5rem;height: auto;line-height: 1.1;margin-left:0.5rem;font-size: 1.7rem;border-radius:0.4rem;display: flex;align-items: center;justify-content: center;padding: 0.7rem 1.5rem;}
.jui .ContSearch .BtnGroup button:first-child{margin-left:0;}
.jui .ContSearch .BtnGroup button.BtnSearch::before {width:1.3rem;height:1.3rem;margin-right:0.4rem;background-size: contain;}
.jui .ContSearch .BtnGroup button > em{margin-right:0.3em;font-size: 1.4rem;}
.jui .InputArea .ContSearch {border-radius:0.4rem;padding: 2rem;margin-bottom:3rem;display: flex;align-items: center;justify-content: flex-start;}
.jui .ContSearch .inlineBox{flex: auto;}
.jui .ContSearch .inlineBox dd{width: 100%;display:flex;align-items: center;justify-content: flex-start;}
.jui .ContSearch .inlineBox dd select{flex:1; margin-right:0.5rem;} 
.jui .ContSearch .inlineBox dd select:last-child{margin-right:0;}
.jui .ContSearch .sml{width:100%;margin: 0.5rem 0 0 0; align-items:flex-start;}
.jui .ContSearch .sml:nth-of-type(1){margin-top:0;}
.jui .ContSearch .sml dt{padding-top: 0.9rem;min-width: 8rem;}
.jui .ContSearch .sml dd{display:flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.jui .ContSearch .sml button{font-size: 1.2rem;padding: 0;line-height: 1.1;border: 1px solid #b1b1b1;background: #fff;border-radius: 0.3rem;margin: 0.25rem 0.5rem 0.25rem 0;width: 2.8rem;height: 2.8rem;display: flex;align-items: center;justify-content: center;}
.jui .ContSearch .sml button:last-child{margin-right:0;}





/* .jui .btn */
.jui .btn,
.jui .btn[disabled] {color:#222;background: #f7f7f7;border: 0.1rem solid #9d9d9d;border-radius: 0.4rem;padding: 0 1rem;font-size: 1.6rem;line-height: 3.1rem;height: 3.2rem;text-align: center;}
.jui .btn > i,
.jui .btn[disabled] > i{font-size:1.6rem;} 
.jui .btn.sm {font-size: 1.3rem; padding:0 1rem; line-height: 2.3rem;height: 2.5rem;}
.jui .btn.md {font-size: 1.4rem; padding:0 1.5rem; line-height: 3rem;height: 3.2rem;}
.jui .btn.lg {font-size: 1.5rem; padding:0 1.9rem; line-height: 3.3rem;height: 3.5rem;}
.jui .btn.full {width:100%;}
.jui .btn.icon {padding: 0;width: 3.2rem;}
.jui .btn.icon.text {padding:0 0.8rem; width:auto;}
.jui .btn.icon.text i {font-size: 0.95em;}
.jui .btn.icon.text span {margin-left:0.4rem;}
.jui .btn:hover:not([disabled]),
.jui .btn.hover:not([disabled]) {background: #f7f7f7; border-color:#222;}
.jui .btn:focus:not([disabled]),
.jui .btn.focus:not([disabled]) {outline: thin dotted #333;outline: 0.5rem auto -webkit-focus-ring-color;outline-offset:0rem;}
/*.jui .btn:disabled,*/
/*.jui .btn.disabled {background:#f3f3f3; border-color:#bebebe; color:#959595;}*/
.jui .btn.red{background: #e90000;border: 0.1rem solid #e90000;color:#fff;}
.jui .btn.red[disabled] {background: #b54c4c;border: 0.1rem solid #b54c4c;color:#fff;}
.jui .btn.red:hover:not([disabled]) {background: #d20101;border: 0.1rem solid #d20101;}
.jui .btn.black{background: #363636;border: 0.1rem solid #333;color:#fff;}
.jui .btn.black[disabled] {background: #6b6b6b;border: 0.1rem solid #6b6b6b;color:#fff;}
.jui .btn.black:hover:not([disabled]) {background: #505050;border: 0.1rem solid #333;}
.jui .btn.blue{background: #224B9E;border: 0.1rem solid #224B9E;color:#fff;}
.jui .btn.blue[disabled] {background: #5a74a9;border: 0.1rem solid #5a74a9;color:#fff;}
.jui .btn.blue:hover:not([disabled]) {background: #2c57af;border: 0.1rem solid #224B9E;}
.jui .btn.green{background: #008000;border: 0.1rem solid #008000;color:#fff;}
.jui .btn.green[disabled] {background: #121212;border: 0.1rem solid #121212;color:#fff;}
.jui .btn.green:hover:not([disabled]) {background: #008000;border: 0.1rem solid #008000;}
.jui .btn:disabled,
.jui .btn.disabled {opacity: .7;}



/* 버튼 추가 */
.btn_group {text-align:right;margin-top: 1rem;display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;}
.btn_group .Sbtn,
.btn_group button,
.btn_group button.btn,
.btn_group label.btn { display: inline-block; height:2.7rem; line-height:2.5rem; padding:0 1.5rem; border-radius:0.4rem; margin-left:0.3rem; min-width: 6.8rem; font-size:1.4rem; }
.btn_group button[disabled] {font-size:1.4rem !important; padding:0 1.5rem !important;}
.Sbtn {  background:#fff;border:0.1rem solid #c7c7c7;border-radius: 0.4rem; font-weight: bold; padding: 0 1.5rem; line-height: 3.2rem; height: 3.2rem; font-size: 1.3rem; color:#333;  }
.gray_bg  {  background:#e0e0e0;border:0.1rem solid #a2a2a2; font-weight: bold; }
.black_bg  { border: 0.1rem solid #373737; background: #373737; color: #fff; }
.red_bg  { border: 0.1rem solid #e60124; background: #e60124; color: #fff; }
.blue_bg  { border: 0.1rem solid #0e4194; background: #0e4194; color: #fff; }
.icon_bt { padding: 0 1.5rem 0 3.4rem; position: relative; }
.icon_bt span { position: absolute;  width: 1.6rem;height: 1.6rem; text-indent: -999.9rem;overflow:  hidden; left:1rem;top:0.6rem;}


/** table **/
[class*="bd_tbl"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;margin-top:-0.1rem;border-top:0.2rem solid #000;border-bottom:0.1rem solid #ccc;word-break:break-all}
[class*="bd_tbl"] * > tr > *{border-top:0.1rem solid #e5e5e5}
[class*="bd_tbl"] * > tr:first-child > *{border-top-width:0}
[class*="bd_tbl"] * > tr > *[scope]{padding-top:1.5rem;padding-bottom:1.5rem;color:#323232;font-weight:500;background:#fafafa}
[class*="bd_tbl"] * > tr > *{height:4rem;padding:1rem;line-height:1.8rem;letter-spacing:-0.03em;text-align:center;vertical-align:middle;border-right:0.1rem solid #ccc;}
[class*="bd_tbl"] * > tr > *:last-child{border-right-width:0;}
[class*="bd_tbl"] thead > tr:last-child > *{border-bottom:0.1rem solid #000;}
[class*="bd_tbl"] thead+tbody > tr:first-child{border-top-width:0.1rem;}
[class*="bd_tbl"] tbody > tr > *[scope]{padding-right:1.5rem;padding-left:1.5rem;}
[class*="bd_tbl"] sup{line-height:0.2rem;color:#f33527;}
[class*="bd_tbl"] .TxtL a:hover{text-decoration:underline;}
[class*="bd_tbl"] .btn{width: auto;max-width: inherit;min-width: 7rem;margin:-0.4rem 0.1rem;padding:0 1rem;line-height:2.6rem;font-size:1.3rem;font-weight:300;letter-spacing:-0.1rem;text-align:center;vertical-align:middle;}
[class*="bd_tbl"] .btn:active,[class*="bd_tbl"] .btn:visited,[class*="bd_tbl"] .btn:focus{color:#fff;}


/* 스타일 추가 */

.add_search_int { position: relative; padding: 0 3rem 0 0}
.add_search_int .SearchIcon_bt  {position: absolute;right:0;top:0;width: 3.2rem;height: 3.2rem;}
.add_search_int input {width:100%;}
.SearchIcon_bt {width: 3.2rem;height: 3.2rem;display: inline-block;border:0.1rem solid #373737;border-radius: 0.4rem;text-indent: -999.9rem;overflow: hidden;background-size: 1.3rem;}

.SearchOption { border:#d8dde0 solid 0.1rem;padding: 0.9rem 1.3rem;background:#f5f5f5; margin-bottom: 2rem; border-radius: 0.4rem;}
.SearchOption input[type=text],
.SearchOption select,
.ContSearch input[type=text],
.ContSearch select {width:100%;}
.C_S_tbl { width: 100%; }
.C_S_tbl > tbody > tr > th { vertical-align: middle; padding-left: 2rem; text-align: left; font-size: 1.3rem; color:#222; }
.C_S_tbl > tbody > tr > td {padding: 0.3rem 0.6rem; }
.C_S_tbl .BtnGroup button {min-width: 7.5rem;height:2.7rem;vertical-align: middle;margin-left: 0.5rem;font-size: 1.4rem;line-height:2.5rem;border-radius: 0.4rem;padding: 0;}
.C_S_tbl .BtnGroup button span {position: initial;width: 1.3rem;height: 1.3rem;font-size: 0;display: inline-block;margin-right: 0.4rem;}
.C_S_tbl .BtnGroup button.gray_bg {background: #ccc; border: 0.1rem solid #b7b7b7;}


.asterisk_icon {position: relative;display: inline-block;font-size: 1.6rem;color:#222;}
.asterisk_icon:before { font-size: 1.4rem; content: '*'; display: block; position: absolute; left: -1rem; top:50%; margin-top: -0.7rem; color: #fa0303; }
.asterisk_icon.right {}
.asterisk_icon.right:before {display:none;}
.asterisk_icon.right:after {font-size: 1.4rem;content: '*';position: absolute;right: -0.7rem;top: -0.5rem;margin-top: 0;margin-left: 0;color: #fa0303;line-height: 1;display: inline-block;}

.CompanyInfo_wrap { background: #f3f3f3; border: 0.1rem solid #bebebe; border-top:0.2rem solid #222;/*border-bottom:0.2rem solid #222; margin-bottom: 0.5rem;*/ min-width: 163rem;}
.C_I_Row { border-bottom: 0.1rem solid #bebebe; padding: 0.5rem 0; overflow: hidden; }
.C_I_Row dl { float: left;  margin-left: 2rem}
.C_I_Row dl dt {   float: left;  line-height: 3.2rem; padding: 0 1rem 0 2.4rem;  font-size: 1.3rem; color: #222; }
.C_I_Row dl dd {  float: left;  }
.C_I_Row dl dd em {  display: inline-block; padding: 0 0.6rem 0 0; font-style: normal; color: #222; vertical-align: middle; font-size:1.3rem; }
.C_I_Row .SearchIcon_bt {width:2.7rem; height:2.7rem;}
.C_I_Row .Sbtn,
.C_I_Row .btn {height:2.7rem; line-height:2.5rem;border-radius: 0.4rem;padding: 0 1.5rem;border: 0.1rem solid #373737; background: #373737; color: #fff;}
.C_I_Row .C_I_Chk {float: none;display: inline-block;vertical-align: middle;margin: 0 0 0 1.2rem;}

.C_I_Row dl:first-child  {  margin-left: 0; }
.C_I_Row dl .First_dt { width: 11.5rem; color: #222 !important; padding: 0 1rem 0 2.4rem !important;   }
.C_I_Row .C_I_Extend  dt { padding: 0 2.6rem 0 0.6rem; color:#222;  }
.C_I_Chk { margin: 0.5rem 0 0 1.4rem; float: left;  }
.label_type { position: relative;padding: 0 0 0 1.7rem; font-size: 1.3rem;color: #222; }
.label_type  input[type=checkbox] {  position: absolute; left:0;top:0.5rem; }















/*전체메뉴 1000px 이상*/
@media (min-width: 1000px) {
  .mobile_wrap .layout {
    padding: 4rem 2rem;
    height: calc(100% - 10rem);
  }
  .mobile_menu > ul {
    max-width: 1400px;
    margin: 0 auto;
  }
  .mobile_menu:before {
    display: none;
  }
  .mobile_menu > ul > li > .sub {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    display: block !important;
    margin: 1em 0;
  }
  .mobile_menu > ul > li > .sub > ul > li {
    float: left;
    width: calc(100% / 6);
    border-top: 0;
  }
  .mobile_menu > ul > li > .sub > ul {
    /* overflow: hidden; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .mobile_menu > ul > li > .sub > ul > li > a:before {
    display: none;
    padding: 0;
  }
  .mobile_menu > ul > li > .sub > ul > li > .depth {
    display: block !important;
  }
  .mobile_menu > ul > li > a {
    width: 100%;
    height: auto;
    background: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
  }
  .mobile_menu > ul > li > a > span {
    padding: 2rem;
    display: inline-block;
    position: relative;
  }
  .mobile_menu > ul > li > a > span:before {
    content: "";
    display: block;
    height: 4px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #014287;
    position: absolute;
  }
  .mobile_wrap {
    background: #fff;
    top: 110px;
    right: -200%;
    height: 100%;
    transition: all .3s ease-in-out;
  }
  .mobile_wrap.on {
    opacity: 1;
    top: 11rem;
    z-index: 4988;
  }
  .mobile_wrap.on .mobile_menu > ul {
    overflow-y: auto;
  }
  .mobile_menu ul li a[target="_blank"] span:after {
    position: relative;
    display: inline-block;
    top: auto;
    right: auto;
    transform: none;
    margin-left: 1rem;
    vertical-align: middle;
  }
  .mobile_menu > ul > li > .sub > ul > li > a[target="_blank"] span:after {
    position: relative;
    display: inline-block;
    top: auto;
    right: auto;
    transform: none;
    margin-left: 1rem;
    vertical-align: middle;
  }
  .mobile_menu > ul > li > .sub > ul > li > a.on {
    border: 0;
  }
  .mobile_menu > ul > li > a.on {
    background: none;
  }
  .mobile_menu > ul > li > a.on span {
    color: #555;
  }
  .mobile_menu > ul > li > .sub > ul > li > a.active {
    color: #014287;
  }
}

@media (max-width: 1640px) {
  .layout {
    padding: 0 3rem;
  }
}

@media (max-width: 1400px) {
 
}

@media (max-width: 1280px) {
  html {font-size: 0.8vw;}
  
  #sub > .layout {  padding-top: 6rem;  padding-bottom: 6rem;}
  
}

@media (max-width: 1200px) {
  #lnb {
    display: none;
  }
  #content_wrap {
    margin-left: 0;
  }
  #sub_visual .product {
    text-align: right;
  }
  #sub_visual .product img {
    width: 70% !important;
    height: auto !important;
  }
  #header .top_util .layout{justify-content: center;}
  #header .top_util .nurizib{margin: 0 auto;}
  .topUtilTool{display:none;}
}

@media (max-width: 1000px) {
html {font-size: 1vw;}
  body.on .blind {
    display: block !important;
    opacity: 0.5 !important;
  }
  #header .all_menu {
    display: block;
    right: 0;
  }
  #header .all_menu.on {
    right: 0;
  }
  #header #gnb_wrap #gnb {
    display: none !important;
  }
  
   
  .mobile_wrap .layout {
    padding: 0;
  }
  .mobile_menu > ul > li > .sub{margin:0;}
  #header .search_box {
    padding: 4rem 2rem;
  }
  #header .search_box .search_wrap {
    width: 100%;
  }
  .mobile_wrap {
    width: 50rem;
  }

  #footer .layout .inner {
    padding-right: 0;
  }
  #footer .layout .inner .top {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  #footer .layout .inner .top .sitemap {
    display: none;
  }
  #footer .layout .inner .top .right {
    position: relative;
    top: inherit;
    right: inherit;
    text-align: center;
  }
  #footer .layout .inner .top .right .sns a {
    font-size: 2.4rem;
  }
  .select_box {
    margin: 1rem auto;
  }
  .select_box > button {
    margin: 0 auto;
  }
  .select_box ul {
    left: 50%;
    transform: translateX(-50%);
  }
  #footer .layout .inner .top .right .links a {
    display: inline-block;
    margin: 0 1rem;
  }
  .floating {
    display: none;
  }
  #sub_visual {
    height: 100%;
    padding: 6rem 0 !important;
    text-align: center;
  }
  #sub_visual .title {
    padding-right: 0;
    margin: 2rem auto;
  }
  #sub_visual.about .title strong {
    margin-bottom: 1rem;
  }
  #sub_visual .product {
    position: relative;
    top: inherit;
    right: inherit;
    transform: none;
    text-align: center;
  }
  #sub_visual .product img {
    width: auto !important;
    height: 18rem !important;
  }
  #sub_visual .product.menu1 img {
    height: 20rem !important;
  }
  #sub_visual .links {
    margin-top: 3rem;
  }
  .mobile_menu > ul > li > a[target="_blank"]::after {
    content: none;
  }
  .mobile_menu > ul > li > a[target="_blank"] span::after {
    display: inline-block;
    content: "\e980";
    font-family: "xeicon";
    margin-left: 0.6rem;
    font-size: 2rem;
  }
  #footer .layout .inner .top .right .number {
    text-align: center;
  }
  .family_wrap {
    display: none;
  }
  /* 211005 폰트 크기 수정 */
  .mobile_menu > ul > li > a > span {
    font-size: 2rem;
    white-space: nowrap;
  }
  .mobile_menu > ul > li > .sub > ul > li > a {
    font-size: 1.9rem;
    min-height: inherit;
  }
  .mobile_menu > ul > li > .sub > ul > li > .depth > ul > li > a {
    font-size: 2.2rem;
  }
  /* //211005 폰트 크기 수정 */
  
/*   .Popup_window.window{max-width: inherit;max-height: inherit;width: 90vw !important;height: 90vh !important;inset: 5vh auto auto 5vw !important;min-width: 20rem;min-height: 10rem;font-size: 1.3rem;border-radius: 0.5rem;z-index: 10000!important;overflow: hidden;} */
  .jui .window.moWid-full:not(.noPd){width:90vw !important; height:80vh !important; inset:calc(50% - 40vh) auto auto calc(50% - 45vw) !important;}
  .jui .window.moWid{height:80vh !important; top:calc(50% - 40vh) !important;}

}

@media (max-width: 768px) {
  html {font-size: 1.2vw;}
  .layout { padding: 0 2rem; }
    
  #sub > .layout { padding-top: 4rem; padding-bottom: 4rem; }
  .con_form_area ul.terms_chk_area { padding: 1rem 0 2rem; }
  #sub_visual { padding: 4rem 0 !important; }
  #sub_visual .links a {
    margin-bottom: 0.6rem;
  }
  .link_tab::before {
    content: none;
  }
  .link_tab_wrap {
    margin-top: 2rem;
  }
  #footer .layout .inner .top .right .number p a {
    cursor: pointer;
    pointer-events: inherit;
  }
  
  
  /* 검색필드 */
.jui .ContSearch{flex-direction:column;}
.jui .ContSearch.verType{min-width:inherit;width: 100%;}
.jui .ContSearch.verType dl dt{min-width:inherit; width:100%;}
.jui .ContSearch.verType dl dd{width:100%;}
.jui .ContSearch > *{margin-top:1rem}
.jui .ContSearch > *:first-child{margin-top:0;}
.jui .ContSearch dl{flex-direction:column;width: 100%;margin: 0;}
.jui .ContSearch.verType dl{flex-direction:column;align-items: flex-start;}
.jui .ContSearch.verType dl:not(:nth-of-type(1)){margin-top:0;}
.jui .ContSearch dl dt{width:100%;padding: 2rem 0 1rem 0;}
.jui .ContSearch dl:nth-of-type(1) dt{padding-top:0}
.jui .ContSearch dl dd{width:100%;margin-top:0.5rem;margin-right: 0;}
.jui .ContSearch dl dd > input[type="text"]:first-child:last-child{width: 100% !important;}
.jui .ContSearch dl dd:nth-of-type(1){margin-top:0;}
.jui .ContSearch:not(.verType) dl dd > input[type="text"]{width:100%;margin-top:0.5rem;display: block;}
.jui .ContSearch dl:not(.sml) dd > *:first-child{margin-top:0;}        
.jui .ContSearch .tui-datepicker-input{width:100%;}
.jui .ContSearch .inlineBox dd select:last-child{margin-top:0;}
.jui .ContSearch .BtnGroup{margin-top: 2rem; justify-content: center;}
.jui .ContSearch dl + .BtnGroup,
.jui .ContSearch dl:nth-last-of-type(1) + .BtnGroup{margin:2rem auto 0 auto;}
.jui .ContSearch input[type=text], .jui .ContSearch select{min-width:inherit;}
  
}



@media (max-width: 640px) {
   html {font-size: 1.6vw;}
  #footer .layout .inner {
    padding: 0;
    text-align: center;
  }
  #footer .layout .inner .f_logo {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
    margin-bottom: 2rem;
  }
  #footer .layout .inner .select_box {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    margin: 0 auto;
    width: 20rem;
    margin: 1rem auto;
  }
  .sub_visual {
    padding: 11rem 0;
  }
  .snb {
    display: none;
  }
  .page_topBtn {
    bottom: 6rem;
    right: 2rem;
  }
}
@media (max-width: 540px) {
   html {font-size: 2.15vw;}
}


@media (max-width: 350px) {
  .mobile_wrap {
    width: 45rem;
  }
  .mobile_menu > ul > li > .sub > ul > li > a:before {
    right: 1rem;
  }
}


#contentWrap{ position: relative; }

#svisual-layout{ width:100%; height:200px; text-align:center; display:block; position:relative; overflow: hidden;}
#svisual-layout .svisual-wrap{ width:100%;  height:100%; background:url(../img/common/svisual_sub01_img.jpg) no-repeat center center; background-size:cover; display:inline-block; animation-name: svisual_motion;animation-duration: 3.5s;animation-iteration-count: 1;}
#svisual-layout .svisual-wrap .title-wrap{ display:inline-block;width:1240px; text-align:left; margin-top:160px;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-wrap strong{ opacity: 0; display:inline-block; position:relative; z-index: 1; width:100%; font-weight:400; font-size:34px; color:#fff; text-align:center; line-height:44px;}/* 타이틀 폰트 설정 */
#svisual-layout .svisual-wrap .title-wrap strong span{ font-weight:700; color:#fff;}/* 타이틀폰트 포인트 설정 */
#svisual-layout .svisual-wrap .title-wrap strong:before{ width:55px; height:1px; background-color:rgba(255,255,255,0.5); content:""; margin-left:-25px; position:absolute; bottom:-10px; left:50%;}/* 타이틀 밑줄 설정 */
#svisual-layout .svisual-wrap .title-wrap p{ display:inline-block; position:relative; width:100%; font-size:18px; color:#fff; text-align:center; line-height:22px; margin-top:30px;}/* 보조문구 설정 */
#svisual-layout .svisual-wrap .svisualMov { max-width: none; max-height: none; width: 100%; height: auto; padding: 0; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

@keyframes svisual_motion {
  0% {transform: scale(1); -webkit-transform: scale(1);}
  50% {transform: scale(1.1); -webkit-transform: scale(1.1);}
  100% {transform: scale(1); -webkit-transform: scale(1);}
}

#snb{ width:100%; height: 65px; position: relative; z-index: 2;}
#snb:before{ width:100%; height:65px; content:""; position:absolute; top:0; left:0; z-index:-1;  background-color:#203c92;}/* 2차메뉴 배경 색 2차메뉴 높이 */
#snb .nav{ position: relative; width:1300px; height:65px; display:inline-block; margin:0 auto;}/* 3차메뉴 활성화시 lnb 전체 밑줄 */
#snb .title{ display:none;}
#snb .nav > ul{ float:left; display:inline-block; position:relative; width:auto;}
#snb .nav > ul:first-child{ margin-left:40px;}
#snb .nav:before{ content: ""; position: absolute; left:0; top:25px; display:inline-block; width:13px; height: 12px; background: url(../img/common/common_ir.png) -206px 0 no-repeat; font-size: 0; text-indent: -9999px;}
#snb .nav > ul:first-child:before{ content: ""; width:1px; height:16px; background-color:#657089; content:""; position:absolute; top:25px; left:0; z-index: 0;}
#snb .nav > ul:after{ content: ""; width:1px; height:16px; background-color:#657089; content:""; position:absolute; top:25px; right:0; z-index: 0;}
#snb .nav > ul { position: relative; width:auto; height: 65px; display:inline-block; float:left;}
#snb .nav > ul.menuOpen { height: auto;}
#snb .nav > ul.menuOpen li{ visibility: visible; opacity: 1; display: table; }
#snb .nav > ul > li{ visibility: hidden; overflow: hidden; height: 0; opacity: 0; background-color: #203c92; width: 210px;}
#snb .nav > ul:last-child > li{ width: 310px; }
#snb .nav > ul > li.active{ display: table; visibility: visible; opacity: 1; height: 65px;  }
#snb .nav > ul.on{ height: auto; }
#snb .nav > ul.on > li{ visibility: visible;overflow: visible; opacity: 1;-webkit-transition: all 0.2s;transition: all 0.2s;}
#snb .nav > ul > li > a{ position: relative; z-index: 1; width:100%; text-align:left; border:0; transition: 0.2s;-webkit-transition: 0.2s;}/* 2차메뉴 오른쪽 보더 */
#snb .nav > ul.menuOpen > li > a{ height: 65px;}
#snb .nav > ul > li.active > a:after{ position: absolute; right: 15px; top: 30px; content: ""; display: inline-block; width:15px; height: 10px; background: url(../img/common/gnb_arr_ov.png) 0 0 no-repeat; background-size: contain; vertical-align: middle; }
#snb .nav > ul > li:first-child > a{padding:0 35px 0 30px;}
#snb .nav > ul > li > a{ position:relative; display:table-cell; vertical-align:middle; font-size:17px; line-height:20px; color:#fff; line-height:1.2; word-break: keep-all; padding:0 35px 0 30px;}/* 2차메뉴 폰트설정 2차메뉴 높이 */
#snb .nav > ul > li > a[target="_blank"]:after{ font-family: 'xeicon'; content: "\e980"; display: inline-block; width: auto; height: auto; font-size: .8rem; color:#fff; margin-left: 5px; vertical-align: middle;}
#snb .nav > ul > li > a:hover,
#snb .nav > ul > li > a:focus,
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ text-decoration: underline; }
#snb .nav > ul > li.active > a:hover,
#snb .nav > ul > li.active > a:focus{ background-color:#162a56; border:0; text-decoration: none;}/* 2차메뉴 오버시 폰트 설정 */

#snb .nav > ul > li > a:hover:after,
#snb .nav > ul > li > a:focus:after,
#snb .nav > ul > li.on > a:after,
#snb .nav > ul > li.ov > a:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#snb .nav > ul > li > a[target="_blank"]:hover:after,
#snb .nav > ul > li > a[target="_blank"]:focus:after{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
#snb .nav > ul > li.on > a,
#snb .nav > ul > li.ov > a{ color:#fff; }
#snb .nav > ul > li.on > a:before,
#snb .nav > ul > li.ov > a:before{ display: none; }
#snb .nav > ul > li > ul{ display: none !important; }
#snb.fixed{ position: fixed; top: 0; left:0; margin-top:0; z-index: 10;}
#snb.fixed:before{ position: fixed; top:0;}

#snb .nav .utile-wrap{ float: right; display:inline-block; height: 100%;}
#snb .nav .utile-wrap .print-wrap{ position:relative; display:inline-block; height: 100%;}
#snb .nav .utile-wrap .print-wrap > li{display:table; float:left; height: 100%;margin-left: 30px;}
#snb .nav .utile-wrap .print-wrap > li:first-child{ margin-left: 0; }
#snb .nav .utile-wrap .print-wrap > li > a{ display: table-cell; vertical-align: middle; font-family: 'ttl'; color:#fff; font-size: 16px; letter-spacing: 0;}
#snb .nav .utile-wrap .print-wrap > li > a:before{ content:""; display:inline-block; width:22px; height:22px; background:url(../img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 15px;}
#snb .nav .utile-wrap .print-wrap > li.n1 > a:before{ background-position:-250px 0;}
#snb .nav .utile-wrap .print-wrap > li.n2 > a:before{ background-position:-287px 0;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap{ opacity: 0; visibility:hidden; display:inline-block; position:absolute; bottom: -50px; right:0; z-index: 1; width:260px; padding:10px 15px; background-color:#fff; border:1px solid #ddd;  transition: 0.3s;-webkit-transition: 0.3s;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap:before{ position:absolute; top:-8px; left:85px; content:""; display: inline-block; width:16px; height: 10px; background:url(../img/common/sns_arr.png) no-repeat; vertical-align: middle; }
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a{ float:left; display: inline-block; width:31px; height: 31px; background:url(../img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 10px; font-size: 0; text-indent: -9999px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.fa{ background-position:-209px -36px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.tw{ background-position:-249px -36px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.kakao{ background-position:-288px -36px;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.urlcopy{ width:auto; padding:8px 14px; border-radius: 30px; border:1px solid #ddd; text-indent: 0; font-size: 13px; line-height: 1; color:#555; letter-spacing: 0; background:#fff; transition: 0.3s;-webkit-transition: 0.3s;}
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.urlcopy:hover,
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.urlcopy:focus{ background-color:#ddd; }
#snb .nav .utile-wrap .print-wrap > li .sns-wrap a.btnClose{ width:14px; background-position: -325px -28px; margin-right: 0;}
#snb .nav .utile-wrap .print-wrap > li.on .sns-wrap{ opacity: 1; visibility:visible; bottom:-60px;}

#scTop{display: none;position: fixed;bottom: 25rem;right: 5rem;}
#scTop button{display: block;width: 5.1rem;height: 5.1rem;line-height: 5.1rem;background-color: rgba(131,134,141,0.9);font-size: 1rem;border-radius: 50%;color:#fff;margin-bottom: 1rem;}

#container .body-wrap{ width:100%; z-index:0;} 
#container > .body-wrap > .contents-wrap{ width:100%; display:inline-block; padding:9rem 0 8rem 0;}/* 컨텐츠 사이즈 및 아래 여백 설정 */
#contentWrap{ padding-bottom: 8rem; }
#contentWrap .content_info{ width:100%; display:inline-block; position:relative;}/* 페이지 타이틀 설정 */
#contents > h3{width:100%;color:#252525;line-height:4rem;font-size: 4rem;font-weight: 500;color:#222;padding:0;display:block;text-align: center;}/* 페이지 타이틀 폰트 설정 */
#contents > h3:before{ display:none;}

#contentWrap .content_info .utile-wrap{ width:100%; margin-top:10px;}/* 유틸설정 */
#contentWrap .content_info .location{ display: none; }
#sns_wrap{ position: absolute; top:0; right:50%; margin-right: -650px; z-index: 8; display: inline-block; width:auto; height: 65px;}
#sns_wrap > ul { display: inline-block; height: 100%;}
#sns_wrap > ul > li{ float: left; display: inline-block; width:auto; height: 65px; margin-left: 10px;}
#sns_wrap > ul > li.zoomP,
#sns_wrap > ul > li.zoomM{ display: none; }
#sns_wrap > ul > li > a{ display: inline-block; height: 100%; vertical-align: middle; font-family: 'ttl'; color: #fff; font-size: 16px; letter-spacing: 0; padding:20px;}
#sns_wrap > ul > li > a:before{ content:""; display:inline-block; width:22px; height:22px; background:url(../img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 15px;}
#sns_wrap > ul > li.snsBox #share{ display:inline-block; position:absolute; bottom: -50px; right:0; z-index: 1; width:240px; padding:10px 15px; background-color:#fff; border:1px solid #ddd;  transition: 0.3s;-webkit-transition: 0.3s;}
#sns_wrap > ul > li.snsBox #share:before{ position:absolute; top:-8px; left:85px; content:""; display: inline-block; width:16px; height: 10px; background:url(../img/common/sns_arr.png) no-repeat; vertical-align: middle; }
#sns_wrap > ul > li.snsBox #share li { float:left; display: inline-block;}
#sns_wrap > ul > li.snsBox #share li a { display: inline-block;}
#sns_wrap > ul > li.snsBox #share li a span{  display: inline-block; width:31px; height: 31px; background:url(../img/common/common_ir.png) no-repeat;vertical-align:middle; margin-right: 10px; font-size: 0; text-indent: -9999px;}
#sns_wrap > ul > li.snsBox #share li a span.fb{ background-position:-209px -36px;}
#sns_wrap > ul > li.snsBox #share li a span.tw{ background-position:-249px -36px;}
#sns_wrap > ul > li.snsBox #share li a span.kakao{ background-position:-288px -36px;}
#sns_wrap > ul > li.snsBox #share li a span.urlcopy{ width:auto; padding:8px 14px; margin-right: 0; border-radius: 30px; border:1px solid #ddd; text-indent: 0; font-size: 13px; line-height: 1; color:#555; letter-spacing: 0; background:#fff; transition: 0.3s;-webkit-transition: 0.3s;}
#sns_wrap > ul > li.snsBox #share li a:hover span.urlcopy,
#sns_wrap > ul > li.snsBox #share li a:focus span.urlcopy{ background-color:#ddd; }

#sns_wrap > ul > li.snsBox > a:before{ background-position:-250px 0;}
#sns_wrap > ul > li.btnPrint > a:before{ background-position:-287px 0;}
#sns_wrap > ul > li.rssFeed > a:before{ background-position: -250px -67px; }
#sns_wrap > ul > li a span{  }
#sns_wrap.fixed{ position: fixed; }

/* 네비게이션 */

.location{border-bottom:solid 1px #dedede;height: 6rem;position:relative;z-index: 10;}
.lnb {max-width:1300px;margin:0 auto;height: 6rem;z-index:2!important;}
.lnb .lnb_map{width:50%;height: 6rem;}
.lnb .lnb_map:after{content:'';display:block;clear:both;}
.lnb .lnb_map > li{float:left;width: calc(50% - 3rem);border-left: 1px solid #ddd;}
.lnb .lnb_map > li.two{border-right: 1px solid #ddd;}
.lnb .lnb_map li a {width:100%;height:100%;display: flex;justify-content: center;align-items: center;}
.lnb .lnb_map li a i{display: table-cell;color: #fff;font-size: 2rem;vertical-align: middle;text-align: center;}

.lnb .lnb_map li.home {
    display:block;
    width: 6rem;
    height: 6rem;
    background: #2c50a6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to righ bottom, #00abad, #2c50a6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right bottom, #00abad, #2c50a6);
    }
.lnb .lnb_map li.home a{font-size:0;}
.lnb .lnb_map li.home a i{color: #fff;}

.lnb .lnb_map li.depth {position:relative;background: url(../img/common/btn_lnb_down.png) center right 2rem / 1.5rem 0.9rem no-repeat;}
.lnb .lnb_map li.depth a {z-index:198; display:block; width:100%; height:100%;}
.lnb .lnb_map li.depth ul {display:none;position:absolute;left:0;top: 6rem;margin:0;padding:0;width:100%;z-index:99;}
.lnb .lnb_map li.depth ul li {width:100%;float:none;border-left: 1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box;padding: 0;}
.lnb .lnb_map li.depth ul li a {display:block;padding: 1.5rem 2rem;font-size: 1.6rem;background: #f7f7f7;border-bottom: 1px solid #ddd;}
.lnb .lnb_map li.depth ul li a.active {color: #fff;}
.lnb .lnb_map li.one ul li a.active{background: #203c92;}
.lnb .lnb_map li.two ul li a.active{background: #2c50a6;}
.lnb .lnb_map li.depth * {vertical-align:top;}
.lnb .lnb_map li.depth a span {float:left;padding-left: 2rem;width:100%;font-size: 1.6rem;color:#333;line-height: 6rem;text-align:left;/* background:url(../img/common/btn_lnb_down.png) no-repeat 90% 50%; */font-weight: 600;}

@media (max-width: 860px){
    .lnb .lnb_map{width: 100%;}
    .lnb .lnb_map > li.two{border-right: none;}
}
@media (max-width: 640px){
    .location{height: 5rem;}
    .lnb{height: 100%;}
    .lnb .lnb_map{height: 100%;}
    .lnb .lnb_map li a i{font-size: 1.8rem;}
    .lnb .lnb_map li.home {width: 5rem;height: 100%;}
    .lnb .lnb_map li.depth{width:calc(50% - 2.5rem)}
    .lnb .lnb_map li.depth ul{top: 5rem;}
    .lnb .lnb_map li.depth ul li a{padding: 0 2rem;height: 5rem;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;margin: 0;width: 100%;white-space: nowrap;}
    .lnb .lnb_map li.depth a span{font-size: 1.6rem;line-height: 5rem;}
}
@media (max-width: 460px){
    .lnb .lnb_map > li{width: calc(50% - 2.5rem);}
    
}
#contents{display:inline-block;width: 100%;margin-top: 5rem;}
#txt{ display:inline-block; width:100%; margin-top:50px; text-align: left;}
#txt:last-child{margin-bottom:0;}
.duty-wrap{ position: relative; width: 100%; padding:20px 20px 20px 85px; border: 1px solid #ddd; text-align: left;}
.duty-wrap + .duty-wrap{border-top: none;}
.duty-wrap .duty > span{ display: none; }
.duty dl:before{ position: absolute; top:14px; left:40px; content:""; display: inline-block; width: 35px; height: 35px; background: url(../img/common/duty-icon.png) no-repeat; vertical-align: middle; }
.duty dl:after{ content:"";display:block;visibility:hidden;clear:both; }
.duty dl dt,
.duty dl dd{ float: left; display: inline-block;}
.duty dl dt{ font-size: 0.8rem; font-weight: 500; margin-right: 10px; }
.duty dl dd{ font-size: 0.8rem; margin-right: 50px; }

#footer .footWrap .logo{ display: none; } 
#foot-layout{ background-color:#262626;}
#foot-layout:after{position:absolute;top: 6.6rem;left:0;content:"";display: inline-block;width: 100%;height: 1px;background-color:#454545;}
#foot-layout .foot-wrap .footlogo{position: absolute;top: 2.2rem;left:0;display:inline-block;width: 14rem;height: 5rem;background: url(../img/common/footer_logo.svg) center center / 11.3rem 4.4rem no-repeat;font-size:0;text-indent:-9999px;background-size: contain;opacity: .7;}
/* #foot-layout .foot-wrap .footlogo{ opacity: 0.5; position: absolute; top:88px; left:0; display:inline-block; width:104px; height:49px; background:url(../img/common/common_ir.png) no-repeat 0 0; font-size:0; text-indent:-9999px;} */
#foot-layout .foot-wrap .utile-wrap{width:100%;display:inline-block;padding: 2rem 0;min-height: 6.6rem;}
#foot-layout .foot-wrap .utile-wrap li{ display:inline-block; float:left; position:relative;}
#foot-layout .foot-wrap .utile-wrap li:nth-child(3) a{color:#e4cd5c;/* text-decoration: underline; */}
#foot-layout .foot-wrap .utile-wrap li:before{ width:1px; height:14px; background-color:#b4b4b4; content:""; margin-top:-7px; position:absolute; top:50%; left:0;}
#foot-layout .foot-wrap .utile-wrap li.n1:before{ display:none;}
#foot-layout .foot-wrap .utile-wrap li.n1 a{ padding-left:0;}
#foot-layout .foot-wrap .utile-wrap li:first-child a{ font-weight: bold; }
#foot-layout .foot-wrap .utile-wrap li a{font-size: 1.5rem;color:#bfbfbf;line-height: 2rem;padding: 0 1.1rem 0 0.9rem;display:inline-block;letter-spacing:0;}
 /* ^ newTab */
 #foot-layout .foot-wrap .utile-wrap li *[target]{display: inline-flex;align-items: center;justify-content: flex-start;}
 #foot-layout .foot-wrap .utile-wrap li *[target]:after{content:'';width: 1.3rem;height: 1.3rem;background: url('/static/main/img/common/icon_newTab-white.png') center center / contain no-repeat;margin-left: 0.5rem;display: block;opacity: .6;}
 /* ^ hover */
  #foot-layout .foot-wrap .utile-wrap li a:hover{text-decoration:underline;}
#foot-layout .foot-wrap .site-wrap{width: 20rem;height: auto;text-align:left;display:inline-block;position:absolute;top:0;right:0;min-height: 6.6rem;}
#foot-layout .foot-wrap .site-wrap > a{width:100%;font-size: 1.4rem;color:#bfbfbf;line-height: 4rem;padding: 1.3rem 0 1.3rem 1.5rem;display:inline-block;box-sizing:border-box;position:relative;}
#foot-layout .foot-wrap .site-wrap.on > a{background: #4b4b4b;}
#foot-layout .foot-wrap .site-wrap > a:after{width: 0.7rem;height: 0.5rem;background: url(../img/common/common_ir.png) -40.8rem 0 / 50rem 12.3rem no-repeat;content:"";position:absolute;top: 3rem;right: 2rem;}
#foot-layout .foot-wrap .site-wrap.on > a:after{transform:rotate(180deg)}
#foot-layout .foot-wrap .site-wrap > ul{width:100%;padding: 0;display:inline-block;position:absolute;top:-99999px;left:-1px;box-shadow: 0 -1rem 1rem rgba(255,255,255,.35);z-index: 1;}
#foot-layout .foot-wrap .site-wrap > ul li{width:100%;background-color: #393939;display:inline-block;float:left;border-top: 1px solid #494949;}
#foot-layout .foot-wrap .site-wrap > ul li:first-child{border-top: 0;}
#foot-layout .foot-wrap .site-wrap > ul li a{width:100%;font-size: 1.4rem;color:#bfbfbf;line-height: 4rem;padding: 0 2rem;display:inline-block;box-sizing:border-box;}
  /* ^ newTab */
  #foot-layout .foot-wrap .site-wrap > ul li *[target]{display: inline-flex;align-items: center;justify-content: center;}
  #foot-layout .foot-wrap .site-wrap > ul li *[target]:after{content:'';width: 1.3rem;height: 1.3rem;background: url('/static/main/img/common/icon_newTab-white.png') center center / contain no-repeat;margin-left: 0.5rem;display: block;opacity: .6;}

#foot-layout .foot-wrap .site-wrap > ul li a:hover{ font-weight:600; cursor:pointer;}
#foot-layout .foot-wrap .site-wrap > ul li a:focus{ outline-color:yellow; background:#3b3b3b;}
#foot-layout .foot-wrap .site-wrap.on > ul{bottom: 100%;top:auto;}
#foot-layout .foot-wrap .foot-txt{padding: 2.2rem 0 7rem 16rem;font-size: 1.6rem;width: 100%;position: relative;}
/*#foot-layout .foot-wrap .foot-txt:after{ position: absolute;top: 90px;right: 0;content:"";display: inline-block;width: 150px;height: 43px;background:url(../img/common/logo_after.png) no-repeat;vertical-align: middle;background-size: contain;}*/
#foot-layout .foot-wrap address,
#foot-layout .foot-wrap .copy{width:100%;font-style:normal;font-size: 1.6rem;color:#bfbfbf;text-align:left;line-height: 2rem;margin: 0 0 0.5rem 0;display:inline-block;letter-spacing:0;word-break: keep-all;}
#foot-layout .foot-wrap address br{ display: none; }
#foot-layout .foot-wrap address span{display: inline-block; margin-left: 10px;}
#foot-layout .foot-wrap .foot-sns{ position: absolute; top:25px; right: 200px; }
#foot-layout .foot-wrap .foot-sns a{ float:left; display: inline-block; width:20px; height: 18px; background:url(../img/common/common_ir.png) no-repeat; vertical-align: middle; margin-left: 15px; font-size: 0; text-indent: -999px;}
#foot-layout .foot-wrap .foot-sns a:first-child{ background-position: -316px 0; margin-left: 0;}
#foot-layout .foot-wrap .foot-sns a:nth-child(2){ background-position: -342px 0;}
#foot-layout .foot-wrap .foot-sns a:nth-child(3){ background-position: -373px 0;}
#foot-layout .foot-wrap .wa_mark{position:absolute;top: 90px;right: 165px;}

@media (max-width:1699px){
#container,
#snb .nav,
#foot-layout,
#svisual-layout .svisual-wrap{padding: 0 6rem;box-sizing:border-box;}

#container .body-wrap,
#foot-layout .foot-wrap,
#svisual-layout .svisual-wrap .title-wrap,
#contentWrap{width: 100%;padding-bottom: 0;}
#contentWrap #contents{ padding: 0 40px; }  

#snb .nav{ width:100%; }
#snb .nav:before{ left:65px; }

#header .utile-wrap li.search .clickClose{ margin-right: 0; right: 110px;}
#gnb .topmenu,
#header.allMenu #gnb .topmenu{ width:100%;}


#container{ padding:0;}
#gnb.on li.ov .submenu{ left:300px; }
#header.ov .gnb_bg:before{ margin-right: 0; right: auto; width:300px; }
#gnb .title-wrap{ left:-320px;}

}

@media (max-width:1399px){
#snb .nav,
#svisual-layout .svisual-wrap{ padding: 0 20px; }
#snb .nav:before{ left:22px; }
#header .utile-wrap li.search .clickClose{ right: 70px;}
#gnb .topmenu > li > a{ padding:0 15px; }
#gnb .topmenu > li > a span{ font-size: 19px; }
#gnb .submenu > ul > li{ padding:0 15px; }
#gnb.on li.ov .submenu { left: 230px;}
#header.ov .gnb_bg:before{ width: 230px; right: auto; left:0; margin-right: 0;}
#gnb .title-wrap { left: -250px; width: 250px; padding:0 20px;}
#gnb .title-wrap strong{ font-size: 24px; }
#gnb .title-wrap p{ word-break: keep-all;}
#sns_wrap{ margin-right: 0; right: 40px; }

#gnb .topmenu{ padding: 0 260px 0 100px; }
#gnb .topmenu > li > a{ font-size: 18px; padding: 0 10px; }
#gnb .submenu .lnb-detail{ padding: 0 }
#gnb.on li.ov .submenu{ left: 210px; }
#gnb .title-wrap{ width: 230px; left:-230px; }
#gnb .submenu > ul > li > a{ font-size: 16px; }
#gnb .submenu > ul > li > a:before{ display: none; }


#scTop{display:none !important;}    
  
}


@media (max-width:1199px){
#header .k-startup{ margin-right: -210px; }
#header .cert{ margin-right: -310px; }
#gnb .topmenu > li > a{ padding: 0 5px; }
#snb .nav > ul:last-child > li{ width: 250px; }
#foot-layout .foot-wrap .foot-txt:after{ display: none; }
#foot-layout .foot-wrap .wa_mark{position:absolute;top: 90px;right: 0px;}

}
@media (max-width:1000px){
  .mobile_menu > ul{padding:0;}
  .mobile_menu > ul > li > a{justify-content: center;}
}
@media (max-width:1023px){
#header .utile-wrap li a{ color:#222326;}
#header .k-startup, #header .cert{ display: none; }

#svisual-layout{display:none; height: 250px; }
#svisual-layout .svisual-wrap .title-wrap{ margin:45px 0;}

#snb .nav > ul{padding-left: 0;}
#snb .nav > ul > li.n0,
#snb .nav > ul > li.topmenu,
#snb .nav > ul > li.submenu{ display:none; }
#snb .nav > ul.menuOpen,
#snb .nav > ul.menuOpen > li{ width: 100%; }

#scTop{ bottom:8rem; right: 2rem; }

#contentWrap .content_info{ position: absolute; top:-150px; left:0; height:auto; margin:15px 0 60px 0;}
/* #contents > h3{ width:100%; font-size:32px; color:#fff; text-align:center; line-height:40px; margin-bottom:0; word-break: keep-all;} *//* 페이지 타이틀 폰트 설정 */
#contents > h3{width:100%;font-size: 2.7rem;color:#222;text-align:center;line-height: 4rem;margin-bottom:0;word-break: keep-all;margin-top: 30px;font-weight: bold;}
#contentWrap .content_info .utile-wrap{ width:100%; text-align:center; margin:5px 0 15px 0; position:relative; top:auto; right:auto;}/* 유틸설정 */
#contentWrap .content_info .utile-wrap .location-wrap,
#contentWrap .content_info .utile-wrap .print-wrap{ float:none;}
#contentWrap .content_info .utile-wrap .print-wrap{ position:absolute; bottom:-55px; right:0;}
#contentWrap .content_info .utile-wrap .print-wrap li.n1{ display:none;}
#contentWrap .content_info .utile-wrap .print-wrap li.on .sns-wrap{ padding:0 29px 0 0;}
#contentWrap .content_info .utile-wrap .print-wrap li .sns-wrap a{ left:auto; right:0;}
#sns_wrap{ display: none; }
#contentWrap #contents{padding: 0 20px;margin: 0;display: block;}

#snb .nav > ul{display:none;}
#snb .nav > ul:last-child{display:inline-block;}
#snb .nav{ padding:0;}
#snb .nav > ul > li > a:hover, 
#snb .nav > ul > li > a:focus, 
#snb .nav > ul > li.on > a, 
#snb .nav > ul > li.ov > a{ background-color:#2d4478; }
#snb .nav .utile-wrap{ padding-right: 20px; }
#snb .nav > ul.on{ position: absolute; top:0; left:0; width:100%; z-index: 1;}
#snb .nav > ul.on > li{ width:100%; }
#snb .nav > ul:after{ display: none; }
#snb .nav > ul > li > a:hover:after, 
#snb .nav > ul > li > a:focus:after, 
#snb .nav > ul > li.on > a:after {transform: rotate(0deg);-webkit-transform: rotate(0deg);}

#gnb{ display:none;}
#gnb.mb .submenu{transition:none;-webkit-transition:none;}

#header .adminNm{display: flex;align-items: center;justify-content: flex-start;margin-left: 1rem;}
#header .layout .btn_login{margin-left: 1.5rem;white-space: nowrap;}

a.btn_login {}

.duty-wrap{ padding-left: 60px; }
.duty dl:before{ left:20px;}
.duty dl dd{ margin-right: 10px; }

#foot-layout{padding: 0;}
#foot-layout:after{display: none;}
#foot-layout .foot-wrap .utile-wrap{border-bottom:1px solid #454545;display: inline-flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;padding: 10px 20px;}
#foot-layout .foot-wrap .utile-wrap li{float:none;display: flex;width: 50%;justify-content: center;align-items: center;padding: 15px 10px;border-bottom: 1px solid #3d3d3d;}
#foot-layout .foot-wrap .utile-wrap li:nth-child(2n-1):last-child,
#foot-layout .foot-wrap .utile-wrap li:nth-child(2n-1):nth-last-child(2),
#foot-layout .foot-wrap .utile-wrap li:nth-child(2n):last-child{border-bottom: 0;}
#foot-layout .foot-wrap .utile-wrap li:nth-child(2n-1){border-right:1px solid #3d3d3d;}
#foot-layout .foot-wrap .utile-wrap li:before{display:none;}
  #foot-layout .foot-wrap .utile-wrap li a{font-size: 1.6rem;padding: 0;line-height: 1.1;white-space: nowrap;width: 100%;}
#foot-layout .foot-wrap .site-wrap{position:relative;height:auto;width:100%;text-align: center;background-color:#2d2d2d;height: 60px;}
#foot-layout .foot-wrap .site-wrap > a{width: 100%;text-align: left;font-size: 1.6rem;height: 100%;padding: 0;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;}
#foot-layout .foot-wrap .site-wrap > a:after{position:inherit;top: inherit;right: inherit;margin-left: 20px;}
#foot-layout .foot-wrap .site-wrap > ul li a{font-size: 1.6rem;}
#foot-layout .foot-wrap address,
#foot-layout .foot-wrap .copy{font-size: 1.5rem;text-align:center;line-height: 1.25;}
#foot-layout .foot-wrap address br{ display: block; }
#foot-layout .foot-wrap .footlogo{ display: none; }
#foot-layout .foot-wrap .foot-txt{padding: 2.2rem 0;}
#foot-layout .foot-wrap .foot-sns{ position: static; width: 100%; text-align: center; border-top:1px solid #454545; padding: 20px 0 }
#foot-layout .foot-wrap .foot-sns a{float:none;}
#foot-layout .foot-wrap .wa_mark{display: none;}
}

@media (max-width:900px){
  .mobile_menu > ul{padding:0;}

  /** 게시판 목록 : table **/
   [class*="bd_tbl"] > * > tr > *{min-height:4rem;height:auto;line-height:2.1rem;border-top-width:0;}
   [class*="bd_tbl"]{border-bottom-width:0;}
   [class*="bd_tbl"]:before{top:-0.2rem;}
   [class*="bd_tbl"] tbody,[class*="bd_tbl"] tr,[class*="bd_tbl"] td{display:block;position:relative;width:100%;}
   [class*="bd_tbl"] col{display:none;}
   [class*="bd_tbl"] [data-cell-header]{overflow:hidden;min-width: 7rem;display: flex;align-items:center;padding:0.7rem 1rem;justify-content: flex-start;height: auto;justify-items: start;}
   [class*="bd_tbl"] [data-cell-header]:before,[class*="bd_tbl"] [data-cell-header]:after{display:block;left:0;min-width:9rem;width:10%;}
   [class*="bd_tbl"] [data-cell-header]:before{content:attr(data-cell-header);top:0;height: 100%;margin: 0 1rem 0 -1rem;padding: 0 1rem;text-align:left;color:#333;font-weight:500;display: flex;z-index:2;align-items: center;justify-content: center;}
   [class*="bd_tbl"] [data-cell-header]:after{content:'';position:absolute;bottom:0;height:100%;border-right:0.1rem solid #dcdcdc;background:#fafafa;z-index:1;}
   [class*="bd_tbl"] [data-cell-header]:before,[class*="bd_tbl"] td{font-size: 1.6rem;}
   [class*="bd_tbl"] thead{display:none;}
   [class*="bd_tbl"] tbody tr:not(first-child){border-bottom: 0.1rem solid #555;}
   [class*="bd_tbl"] td{min-height:3.9rem;padding:1rem 1rem 1rem 14rem;text-align:left;border-right-width:0 !important;border-bottom:0.1rem dotted #ccc;}
   [class*="bd_tbl"] td:last-child{border-bottom-width:0;}
   [class*="bd_tbl"] td[colspan]{justify-content:center;align-items:center;}
   [class*="bd_tbl"] td[colspan]:before,[class*="bd_tbl"] td[colspan]:after{display:none;}

  /** table **/
  [class*="bd_tbl"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;margin-top:-0.1rem;border-top:0.2rem solid #000;border-bottom:0.1rem solid #ccc;word-break:break-all}
  [class*="bd_tbl"] * > tr > *{border-top:0.1rem solid #e5e5e5}
  [class*="bd_tbl"] * > tr:first-child > *{border-top-width:0}
  [class*="bd_tbl"] * > tr > *[scope]{padding-top:1.5rem;padding-bottom:1.5rem;color:#323232;font-weight:500;background:#fafafa}
  [class*="bd_tbl"] * > tr > *{height:4rem;padding:1rem;line-height:1.8rem;letter-spacing:-0.03em;text-align:center;vertical-align:middle;border-right:0.1rem solid #ccc;}
  [class*="bd_tbl"] * > tr > *:last-child{border-right-width:0;}
  [class*="bd_tbl"] thead > tr:last-child > *{border-bottom:0.1rem solid #000;}
  [class*="bd_tbl"] thead+tbody > tr:first-child{border-top-width:0.1rem;}
  [class*="bd_tbl"] tbody > tr > *[scope]{padding-right:1.5rem;padding-left:1.5rem;}
  [class*="bd_tbl"] sup{line-height:0.2rem;color:#f33527;}
  [class*="bd_tbl"] .TxtL a:hover{text-decoration:underline;}
  [class*="bd_tbl"] .btn,  
  [class*="bd_tbl"] .btn[disabled]{width: auto;max-width: inherit;min-width: 7rem;margin: 0.2rem;padding: 0.7rem 0;font-size: 1.6rem;font-weight:300;letter-spacing: -0.05rem;text-align:center;vertical-align:middle;line-height: 1;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;height: auto;white-space: nowrap;}
  [class*="bd_tbl"] .btn:active,[class*="bd_tbl"] .btn:visited,[class*="bd_tbl"] .btn:focus{color:#fff;}

  /* 검색조건 */
  /** 검색조건 **/
.wrap_search{flex:auto;flex-direction:column;}
.sear_cont{flex:auto;flex-direction:column;margin: -1rem 0 0 -2rem;}
.wrap_search{padding:2rem;}
.sear_cont > div >*:not(.sear_tit),.sear_cont > div >*:not(.sear_tit) > *,.sear_cont > div .tui-datepicker-group > div{/* flex:1; */width:100%;min-width:inherit;font-size: 1.6rem;}
.sear_category.consonant > div > *{flex: 0 0 auto;min-width: 3rem;width:auto;padding:0 0.5rem;text-align: center;}



.sear_footer,.sear_footer [class*='sear_']{min-width:inherit;width:100%;}
.sear_footer{flex-wrap:wrap;margin-top: 2rem;}
.sear_footer [class*='sear_']{height: auto;padding: 0.7rem 1rem;}
.sear_footer [class*='sear_']+[class*='sear_']{margin: 0.5rem 0 0;}

  .sear_cont > div .tui-datepicker-group{flex:auto;width:100%;margin-top:0.2rem;margin-left:0;}
  
  .sear_category .sear_tit+div{margin-left: 0.5rem;padding-right: 0;}
  .w_form_word > input[type='text']{/* margin-top: 0; */}
  .sear_category:first-child{margin-top: 1rem;}
  .sear_category:first-child:last-child{margin-top: 1rem;}
  .sear_category{width: calc(100% - 2rem) !important;margin: 1rem 2rem 0 2rem;}


  /** 게시판 - row style **/
 .bd_lst_row > li{flex-wrap:wrap;border: 0.1rem solid #ddd;margin-top: 2rem;border-radius: 0.5rem;overflow: hidden;}
 .bd_lst_row > li.view_cont{padding:0; border:0;}
 .bd_lst_row > li > em,.bd_lst_row > li div,.bd_lst_row > li div *{width: 100% !important;max-width:inherit !important;}
 .bd_lst_row > li input[type='checkbox'],.bd_lst_row > li input[type='radio']{width:auto !important;}
 .bd_lst_row > li input[type='checkbox']+label,.bd_lst_row > li input[type='radio']+label{width:calc(100% - 2rem) !important;padding-right:0;}
 .bd_lst_row > li > em{padding:0.7rem 1rem;line-height:2.2rem;border-right-width:0;border-bottom:0.1rem dotted #ccc;;}
 .bd_lst_row > li > em br{display:none;}
 .bd_lst_row > li > div{min-height:3.2rem;padding: 1.5rem 1rem !important;line-height:2.2rem;font-size: 1.6rem;}
 .bd_lst_row > li > [class*='w_']{padding-right:0;padding-left:0;}
 .bd_lst_row li .w_flex1{flex:auto}
 .bd_lst_row li > [class*='w_px']{width:100% !important;}
 .bd_lst_row li > div > [class*='w_px'],.bd_lst_row li [class*='w_px']+[class*='tip_']{width: 100% !important;margin-right: 1.5rem;margin-left: 0;}
 .bd_lst_row li > div [class*='w_btn']{min-width:3.2rem !important;width:auto !important;flex: none;}

.bd_lst_row .w_addr .w_zip input[type='text']{width:calc(100% - 10.3rem) !important;}
.bd_lst_row .w_addr .w_zip .w_btn_submit{min-width: 9.5rem;width: auto !important;flex: none;}


  
}

@media (max-width:768px){

.moFlex{display:flex !important;}
.moFlex.verType{flex-direction:column;}   
.moFlex.verType > *{margin-bottom:0.5rem;}
.moFlex.verType > *:last-child{margin-bottom:0;}  
.pcVer{display:none;}

#scTop{display:block !important;}  
  
#header,
#svisual-layout .svisual-wrap{box-sizing:border-box;}
#header .utile-wrap li.search .search_wrap .search_box{ padding: 50px 0; }
#header .utile-wrap li.search .searchBox_inner{ width: 80% }
#header .utile-wrap li.search .clickClose { right: 70px;}
#header .utile-wrap li.search .ex a,
#header .utile-wrap li.search .ex .ex_tit{font-size: 14px;}
#gnb.mb .topmenu > li{ display: block; width:40%; }
#gnb.mb .topmenu > li > a{padding:20px 10px 10px 10px;}
#header.active #gnb.mb .topmenu > li > a > span{ font-size: 17px; line-height: 21px; }
#gnb.mb li.down .submenu, #gnb.mb li.up .submenu{ left:40%; padding:10px 15px; padding-bottom: 100px; }
#header.active #gnb.mb .topmenu > li.down > a:after{ top: 20px; left:80px; }

.duty-wrap{ padding-left: 40px; }
.duty dl:before{ top:20px; left:10px; width: 20px; height: 20px; background-size: contain;}

#npbTopUtil,
  #nsaTopUtil{display: none !important;}

 
.mobile_wrap{width:100vw;}
}


@media (max-width:640px) {
  .bd_lst_row li > div > [class*='w_px'], .bd_lst_row li [class*='w_px']+[class*='tip_']{margin-right:0;}
}

@media (max-width:540px) {
  .bd_lst_row .w_addr .w_zip{width:100% !important;}
}


@media (max-width:480px) {
    

#header .adminNm span{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 11rem;}
  
 /** 로그인 **/
 #loginPop .PopupBody{padding-bottom: 0;}
 #loginPop{width:calc(100% - 4rem);}
 #loginPop .PopupInner{padding: 2rem;}
 #loginPop .Popupbottom{display:flex;align-items: center;justify-content: flex-start;flex-direction: row;margin: 1.5rem 0 0 0;}
 #loginPop .Popupbottom .PB_bt_box{margin-top: 0;padding-top: 0;float: inherit  !important;width: auto;display: flex;align-items: center;flex-direction: row;margin-left: auto;flex: auto;justify-content: flex-end;border-top: 0;flex-wrap: wrap;}
 #loginPop .Popupbottom .PB_bt_box li{line-height:2.4rem;padding: 0 0 0 2rem;}
 #loginPop .Popupbottom .PB_bt_box li:after{top:1.2rem;left: 1.05rem;width:0.4rem;height:0.4rem;}
 #loginPop .Popupbottom a{line-height:2.2rem;font-size:1.4rem}
 #loginPop .Popupbottom li:first-child{margin-left:0;}
 
 #loginPop .inputs{margin: 1.5rem 0;}
 #loginPop .inputs .left input{font-size: 1.6rem;}
 #loginPop .inputs .left > *{margin-right:0;}
 #loginPop .inputs .left > *+*{margin-top: 1rem !important;}
 #loginPop .inputs button{min-height: 4rem;height: auto;margin: 1rem 0 0;line-height:3.5rem;font-size:1.5rem;display: flex;align-items: center;justify-content: center;line-height: 1.1;}   

 /* 디지털 원패스 & GPKI 로그인 : 202308 추가 */
  .PopupWrap .loginType{margin-top: 1.5rem;flex-direction: row;}
 .PopupWrap .loginType > *{margin-left: 0.5rem;padding: 1rem 0;min-height: 3.5rem;margin-top: 0;}
     /* ^ type */
     .PopupWrap .onePassLogin:before{width:2rem; height:1.7rem; }


/** 버튼영역 **/
.bd_btn_area{margin:2rem 0;}
.bd_btn_area>div{float:none !important}

.btn_style,
.btn_style i{width:100%;margin:0.2rem 0 !important;font-size: 1.7rem !important;padding: 1rem;line-height: 1.1;}
.btn_style.rounded{border-radius:0}
.btn_style.large{padding:1.5rem 2rem;line-height:2.2rem;font-size:1.7rem !important;}


  /* 검색영역 */
  .sear_category .sear_tit+div, .sear_category > div > *:not(:first-child){margin-left:0;}
  .sear_cont > div .tui-datepicker-group > div:last-of-type{margin-top: 0.5rem;}
  .w_form_word > input[type='text']{margin-top:0.5rem}
  .sear_footer{margin-top: 1.5rem;}
  .sear_category{width: 100% !important;}
  

  /* 페이징 */
  .jui .ListBottom .LeftPageSel, .jui .pagination .pagination-section1,
  .jui .ListPagMove, .jui .pagination-section3{display:none;}

  

  


}