@charset "utf-8";

/* 내용관리 */
#ctt {padding:20px; min-height: 400px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}




#container {background:#fff !important;}
.subpage-banner {
background: url(/img/subbanner-img.png) no-repeat;
height: 200px;
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
}
.subpage-menu ul li a.active { color:#fff;}
.subpage-menu ul li a:hover{color:#fff;}




.wrap {width: 100%;; max-width: 1156px; margin: 0 auto; padding: 100px 0 140px 0;}
.sub-title {display: flex; align-items: center; gap:10px;}
.sub-title p {font-size: 36px;  font-weight: 700; line-height: 36px; letter-spacing: -1.03px; color:#222;}
.sub-title::before {content: ""; display: inline-block; width:4px; height: 34px; background: #1428A0;}
.sub-ul {display: flex; gap:10px;}
.sub-ul a {padding:10px 16px 12px 16px; display: block; border-radius: 999px; border:1px solid #ddd; color:#888; font-size: 16px; line-height: 16px; font-weight: 500; letter-spacing: -.48px;}
.sub-ul a.active {background: #0080C2; color:#fff;}

.sub-nav {display: flex;}
.sub-nav p {color:#666; font-size: 14px; font-weight: 400; line-height: 14px; letter-spacing: -.42px; display: flex; align-items: center; gap:4px;}
.sub-nav p::after {content: ""; background: url(/img/icon/sub-nav.svg) no-repeat; width: 16px; height: 16px; display: inline-block;}
.sub-nav p:last-child:after {display: none;;}


@media screen and (max-width: 1024px) { 
  .wrap {padding: 16px;}
  .sub-title p {font-size: 20px;  font-weight: 700; line-height: 36px; letter-spacing: -1.03px; color:#222;}
}