body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }
/*gnb*/
.gnb_inner{
  width:1200px;
  margin:0 auto;
  height:62px;
  display:flex;
  box-sizing:border-box;
}

/* LEFT 회색 탭 바 */
.gnb_list{
  margin:0;
  padding:0;
  list-style:none;
   display:flex;
  flex-wrap:nowrap;        
  white-space:nowrap;     
  gap:0;     
  align-items:stretch;
  height:30px;
  background:#7a7a7a;                    
}

/* 각 탭 */
.gnb_item{ position:relative; flex:0 0 auto;  }

.gnb_link{
  display:flex;
  align-items:center;
  justify-content:center;
  height:30px;
  padding:0 30px;                /* 너무 넓으면 18~22로 */
  font-size:14px;
  font-weight:700;
  color:#fff !important;
  text-decoration:none;
white-space:nowrap;       /* 한글 한 글자씩 떨어지는 것 방지 */
  word-break:keep-all; 
  background:transparent;
  border-right:1px solid rgba(0,0,0,0.18);  /* 더 자연스럽게 */
  box-sizing:border-box;
}

.gnb_item:last-child .gnb_link{ border-right:none; }

.gnb_item.is_open > .gnb_link,
.gnb_link:hover{
  background:#8a8a8a;
}

/* 2뎁스 바 */
.gnb_subbar{
  width:1200px;
  margin:0 auto;
  height:32px;
  background:#f2f2f2;
  border:1px solid #d9d9d9;
  border-top:none;
  display:none;           
  padding:0 20px; 
  box-sizing:border-box;
  margin-top:-32px;
 
}

/* 한줄 메뉴 */
.sub_line{
  margin:0;
  padding:0 0;
  list-style:none;
  display:none;
  gap:0;
}

/* 활성 */
.gnb_subbar.is_on{ display:flex; }
.sub_line.is_on{ display:flex; }

.sub_line li{ display:flex; align-items:center; }

/* 점 구분 */
.sub_line li + li:before{
  content:"·";
  color:#9a9a9a;
  margin:0 14px;
  font-weight:700;
}

/* 링크 */
.sub_line a{
  font-size:12px;
  color:#7a7a7a;
  padding:0 18px;
  text-decoration:none;
  line-height:1;
}

.sub_line a:hover{
  color:#2b2b2b;
  text-decoration:underline;
}


/* RIGHT 파란바 (높이 62 고정) */
.util_menu{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  height:30px;
  background:#0b5f8f;
  margin-left:auto; 

}

.util_link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100px;                 /* 스샷처럼 타일형 */
  height:30px;
  color:#fff !important;
  font-size:13px;

  font-weight:700;
  text-decoration:none;
  border-left:1px solid rgba(255,255,255,0.25);
  box-sizing:border-box;
  
}
.util_item:first-child .util_link{ border-left:none; }
.util_link:hover{ background:rgba(0,0,0,0.12); }


/* Flash 189x361 대체: 카드형 박스 */
.subbox{
  width:189px;
  background:#fff;
  border:1px solid #e5e5e5;
  box-sizing:border-box;
}

.subbox-head{
  padding:16px 14px 10px;
}

.subbox-kr{
  font-size:12px;
  color:#8b8b8b;
  line-height:1.2;
}

.subbox-en{
  margin-top:6px;
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.2px;
  color:#2f2f2f;
  line-height:1.1;
}

.subbox-thumb{
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
}

.subbox-thumb img{
  display:block;
  width:100%;
  height:auto;
}

.subbox-menu{
  list-style:none;
  margin:0;
  padding:12px 14px 16px;
}

.subbox-menu li{
  margin:0;
  padding:0;
}

.subbox-menu li a{
  display:block;
  padding:6px 0;
  font-size:13px;
  font-weight:600;
  color:#6b6b6b;
  text-decoration:none;
}

.subbox-menu li.active a{
  color:#2f2f2f;
}

.subbox-menu li a:hover{
  color:#2f2f2f;
}