/* BASIC css start */
a{text-decoration:none;color:#000;}
a:hover {text-decoration:none;}
a:active{text-decoration:none;}
html ,body{ width:100%; height:100%; font-size:11px; font-family: Arial, sans-serif; min-width:1150px; letter-spacing:1px; }


#header_wrap{width:100%;position:fixed;top:15px;right:0;z-index:2;min-width:1100px;}
#header{width:100%;display:table;}
#header_l{float:left;padding-left:30px;}
#header_l a{padding-right:10px;}
#header_r{float:right;padding-right:30px;}
#header_r a{padding-left:10px;}
#header img{height:15px;vertical-align:middle;}

/* hdSchFrm */
#header #hdSchFrm { position: absolute; right:30px; top:25px;}
#header #hdSchFrm fieldset { float: left; width: auto; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width: auto; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 17px; padding: 2px 0 0 2px; background-color: transparent; border:1px solid #000; color:#000; }

#scrolltop{position:fixed;right:0;bottom:0;display:none!important;z-index:2;}
#scrolltop img{width:45px;}
#logo{width:100%;text-align:center;z-index:2;font-size:20px;padding:10px 0 30px 0;}
#topmenu_wrap{width:100%;z-index:2;line-height:30px;text-align:center;}
#topmenu_wrap li{display:inline-block;*zoom:1;*display:inline;vertical-align:top;width:150px;position:relative;}
#topmenu_wrap a{font-size:14px; font-weight:normal;}
#topmenu_wrap .sub{position:absolute;width:100%;}
#topmenu_wrap .sub a{clear:both;display:block;font-size:11px;}
#topmenu .sub{display:none;padding-bottom:10px;}

#container{z-index:1;position:relative;padding:200px 30px 0 30px;min-width:1100px;}
#contents{}

.logomain { display:none; }
#topmenu_wrap {
  padding: 0;
  margin: 0;
}

#topmenu_wrap li {
  position: relative;
  display: inline-block;
  width: 150px;
  text-align: center;
  vertical-align: top;
}

/* 상위 메뉴 */
#topmenu_wrap li > a {
  display: block;
  padding: 10px 0;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  color: #000;
  text-decoration: none;
}

/* ===============================
   SUB MENU 기본 상태
=============================== */

#topmenu_wrap li .sub {
  position: absolute;
  top: 100%;
  left: 0;
  width: 150px;

  max-height: 0;               /* 접힌 상태 */
  overflow: hidden;

  opacity: 0;
  transform: translateY(-10px);

  transition:
    max-height 0.35s ease,
    opacity 0.25s ease,
    transform 0.25s ease;

  background: rgba(255,255,255,0);
  z-index: 9999;

  padding: 0;
  margin: 0;
}

/* ===============================
   hover 시 펼쳐짐
=============================== */

#topmenu_wrap li:hover .sub {
  max-height: 160px;
  opacity: 1;
  transform: translateY(0);
}

/* ===============================
   SUB MENU 링크
=============================== */

#topmenu_wrap li .sub li {
  list-style: none;
}

#topmenu_wrap li .sub a {
  display: block;
  padding: 6px 8px;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  color: #000;
  text-decoration: none;
  background: transparent;
}

/* header 기준점 */
#header {
  position: relative;
}

/* 검색 전체 래퍼 */
#header #hdSchFrm {
  position: absolute;
  top: 0;
  right: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  z-index: 5;
}

/* fieldset 기본 리셋 */
#header #hdSchFrm fieldset {
  position: relative;
  border: none;
  margin: 0;
  padding: 0;

  display: flex;
  align-items: center;
  gap: 6px;
}

/* 검색 input */
#header #hdSchFrm .MS_search_word {
  width: 0;
  opacity: 0;
  padding: 4px 0;
  border: none;
  border-bottom: 1px solid #000;
  background: transparent;

  font-size: 11px;
  color: #000;

  transition: width 0.3s ease, opacity 0.2s ease;
}

/* 검색 버튼 */
#header #hdSchFrm .btn-sch {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* ===============================
   hover 시 검색창 노출
=============================== */

#header #hdSchFrm:hover .MS_search_word {
  width: 160px;
  opacity: 1;
  padding-left: 4px;
}

#header #hdSchFrm .MS_search_word {
  border-bottom: 1px solid rgba(0,0,0,0.6);
  letter-spacing: 1px;
}

#header #hdSchFrm:hover .MS_search_word {
  border-bottom: 1px solid #000;
}


#header #hdSchFrm .MS_search_word {
  width: 0;
  opacity: 0;
  border: none;
  padding: 0;
  margin: 0;

  transition: all 0.3s ease;
}

/* 활성화 상태 */
#header #hdSchFrm.active .MS_search_word {
  width: 160px;
  opacity: 1;
  padding: 2px 4px;
  border-bottom: 1px solid #000;
}

.btn-sch {
  background: none;
  border: none;
  font-size: 35px;
  font-weight: normal;
  cursor: pointer;
  padding: 0;
  color: #000;
}

#header #hdSchFrm {
  top: 5px;   /* 기존 25px → 32px */
}

#header #hdSchFrm .MS_search_word {
  border-bottom: 1px solid rgba(0,0,0,0.6);
}

#header #hdSchFrm .MS_search_word:focus {
  border-bottom: 1px solid #000;
}


/* BASIC css end */