@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@charset "utf-8";
* {
	font-family:"Noto Sans KR", 'Malgun Gothic', '맑은고딕', '돋움', 'Dotum', 'Tahoma', "Arial", 'AppleGothic', 'sans-serif';
	font-weight: 300;
	margin:0; padding:0; border:0; outline:0; vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
table {border-collapse: collapse;}
input, select, textarea {vertical-align: middle;}

.snb {text-align:right;height:18px;}
.snb a {display:inline-block;font-size:10px; color:#aeaeae;padding:0 3px;}
.logo {text-align:center;}
.m414, .m316, .m414in, .m414in2, .m360in {display:none;}
.m414in3 {display:inline-block; padding-left:10px;}
.un{text-decoration:underline; font-weight:bold;}
#wrap {width:960px; position: relative; margin:0 auto;}
#header {position:relative;}
.snb-wrap {float:left; width:180px; margin-right:40px;border-bottom:2px solid #000;}
.snb_title {line-height:40px; padding-top:30px;font-size:20px;font-weight:400; padding-left:5px;}
.snb-wrap li {line-height:10px;border-top:1px solid #ececec;}
.snb-wrap p {font-size:9px; font-family:verdana; color:#BDBDBD;}
.snb-wrap a {font-size:12px; font-weight:500;padding:15px 0 15px 5px;}
.snb-wrap a.on {color: #ff65cb;}
.snb-wrap a:hover {color: #ff65cb;}
.mimg_wrap {margin:20px 0 10px 0;}
.mimg_wrap.mo {display:none;}
.mbd{width:30%; margin:0 15px;float:left;margin:15px;}
.mbd span{display:inline-block;}
.mbd.w-320 {width:320px}
.mbd.w-230 {width:230px}
.mbd .mbd_title {width:70%;margin-bottom:10px;}
.mbd .more {font-family:돋움;font-size:12px;color:#666;}
.mbd li a{font-family:돋움;font-size:12px;color:#666;line-height:22px;}
.content-wrap {overflow:hidden;}
.content {float:left;width:740px;}
.mo_img{display:none;}
.breadcrumb {padding:20px 0; text-align:right;}
.breadcrumb li {display:inline-block;position:relative;font-size:10px; font-weight:400;}
.breadcrumb li span {font-size:0; padding:0 10px;}
.breadcrumb li span:before { content: "";border: 3px solid transparent;border-left: 4px solid #222;position: absolute;top: 2px;left: 10px;}
.cnt-left, .cnt-right {display:inline-block;}
.cnt-left.v2, .cnt-right.v2 {vertical-align:middle;}
.cnt-right.v2 .article{margin-bottom:0;}
.cnt-left {margin-right:25px; padding-top:12px;text-align:center;}
.cnt1p_img{position:absolute; top:210px; right:0;}
.cnt1p_imgv2 {position:absolute; top:210px; right:0;}
.article{font-size:15px;color:#404040;font-weight:400;line-height:42px;letter-spacing:-0.8;margin-bottom:70px;}
.article.v2 {line-height:26px;}
.article span{display:inline-block;}
.article .btxt{font-size:20px;font-weight:500;}
.article .btxt.v2 {margin-bottom:30px;}
.article .btxt.pink{color:#ff65cb;}
.article li::before {content:"\2022"; color:#ff65cb; margin-right:5px;}
.article.v3 {font-size:14px;text-align:left;line-height:24px;}
.lv-wrap {/*margin-bottom:40px;*/text-align:left;}
.lv {display:inline-block; padding-right:8px;}
.lv, .lv li {font-weight:500;}
.lv li {margin-bottom:24px;}
.lv span {display:inline-block; padding-left:8px; COLOR:#424242;font-weight:400;}
.lv1 {float:left; margin-right:15px;line-height:25px;font-weight:500;width:130px;}
.lv2 {overflow:hidden;}
.lv2 ul {margin-bottom:20px; overflow:hidden;}
.lv2 li {float:left;}
.lv2 li.name {width:200px; padding-right:15px;}
.lv2 li p {line-height:25px; font-weight:400; color:#424242;}
.lv2 li p.bname {font-weight:500; color:#000;}

.cnt-left.v4, .cnt-right.v4 {width:48%;border:1px solid #999; text-align:left;padding:0;margin:0;}
.cnt-left.v4.v5 {width:60%; margin:30px 0;}
.gid_tit {font-size:30px;font-weight:600;border-bottom:1px solid #999;padding:10px;}
.gid_tit img {vertical-align:middle;}
.gidul {height:400px;}
.cnt-left.v4 li, .cnt-right.v4 li {padding-left:10px; line-height:30px;}
.hr {width:100%; height:1px; background:#424242; margin-bottom:13px;}
.cnt-left.v3 {margin-right:0;}
.article.v3 {font-size:15px;}
.article.v4 {font-size:16px;}

.itxt {font-weight:400;}
.mo_no {display:inline-block;}

.list-table {width:100%; margin:auto;}
.list-table thead td {border-top: 2px solid #424242;border-bottom: 2px solid #e1e1e1;/*padding: 12px 0;*/background: #fafafa;}
.list-table tbody td {border-bottom:1px solid #e3e3e3;}
.list-table td {text-align:center;padding: 7px 0; font-size:12px;}
.list-table td.unum {width:60px;}
.list-table td.uname {width:80px;}
.list-table td.usubject {text-align:left;}
.list-table td.udate {width:100px;}
.list-table td.ursel {width:60px;}
.brd_tit {border-top: 2px solid #424242;border-bottom: 2px solid #e1e1e1;background:#fafafa;font-weight:400;text-align:left;padding:10px;}
.brd_ifo, .brd_dn {padding:10px;font-size:13px;border-bottom: 1px solid #e3e3e3;text-align:right;}
.brd_dn span {display:inline-block;}
.brd_cnt {width:100%;border-bottom: 1px solid #e3e3e3; padding-top:15px;padding-bottom: 20px;margin-bottom: 20px;overflow:hidden;}
.brd_cnt img, .brd_file  img {max-width:100%;}
.brd_lnk {width:100%;border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;margin-bottom: 30px;overflow:hidden;font-size:14px;}
.brd_dn a, .brd_cnt a, .brd_lnk a{display:inline;}

.archive-wrap {margin-bottom: 25px;}
.archive-wrap li {position:relative; width:85%; margin:0 auto; padding:5px 0;}
.archive-wrap li a {display:block; background:#000;}
.archive-wrap li a::after {display: inline-block; opacity: 0; content: ''; width: 96%; height: 80%; border: 1px solid #fff; position: absolute; top: 9%; left: 2%; transition: ease-in-out .3s;}
.archive-wrap li a img{width: 100%;display: block;}
.archive-wrap li a .over-wrap {width: 90%; position: absolute; top: 50%; text-align: center; left: 50%; transform: translate(-50%, -50%); color: #fff; opacity: 0; transition: ease-in-out .3s;}
.archive-wrap li a:hover::after {opacity:1; transition: ease-in-out .5s;}
.archive-wrap li a:hover .over-wrap{opacity: 1; transition: ease-in-out .5s;}
.archive-wrap li a:hover .over {opacity:0.3;}
.archive-wrap li a .over-wrap p {font-size: 24px; font-weight: 500; margin-bottom: 18px; line-height: 18px;}
.archive-box {margin-top:25px; font-size:15px; line-height:26px; letter-spacing:-0.5;}
.archive-box span {display:inline-block; font-weight:500;}
.archive-box span.lst {font-weight:300;}
.archive-box span.lst::before {content: "\2022"; color: #ff65cb; margin-right: 5px;}
.article.ach {margin-bottom:40px;}
.video-box iframe {width:100%; height:550px;}
.btxt.pink.ach {margin-bottom:20px;}
.ach-img {text-align:center;}
.ach-l {clear:both; display:inline-block;}

.spacer20 {margin-bottom:20px;}

.paging {margin: 30px auto;text-align: center;}
.paging a{display:inline-block;}
.paging span {margin: 0 2px 0 2px;}
.paging span.pg_text {display: inline-block;width: 25px; height: 22px;line-height: 22px;text-align: center;background: #fff;border: 1px solid #e2e2e2;font-size:13px;color: #333;}


.fmenu {clear:both;height:28px; background:#3b3e43;line-height:28px; margin-bottom:20px;}
.fmenu li {display:inline-block; width:130px;}
.fmenu li a{font-size:11px; color:#fff;text-align:center;}
.fmenu .mhp {display:none;}
.footer {font-family:돋움;font-size:12px;color:#777;line-height:18px; margin-bottom:30px;padding:0 12px;}
.footer .foname{display:inline-block; font-family:돋움;font-weight:bold;}
.footer .cright{display:inline-block; font-family:verdana;font-size:9px;}

#agg-wrap{
	width:320px;
	position:absolute;
	left:0;
	bottom:100px;
	background:#fff;
	border:1px solid #999;
	z-index:999;
	display:none;
}
#agg-wrap2 {
	width:320px;
	position:absolute;
	left:110px;
	bottom:100px;
	background:#fff;
	border:1px solid #999;
	z-index:999;
	display:none;
}
.agwrap_title {
    position: relative;
    font-size: 14px;
    line-height: 23px;
    background-color: #e5e5e5;
    padding: 10px 10px;
}
.agwrap_title span {
    position: absolute;
    right: 10px;
    top: 25%;
}
#agg-wrap .value, #agg-wrap2 .value {
    width: 320px;
    height: 200px;
    font-size: 12px;
    padding: 10px;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
    overflow-y: auto;
}
 @media all and (max-width: 960px)
 {
	 #wrap {width:100%;}
	 .logo {height:90px;}
	.logo img{height:100%;}
	.snb, .snb-wrap{display:none;}
	.content {float:none;width:100%;}
	.article {font-size:16px; line-height:35px;padding:0 15px;}
	.breadcrumb {padding-right:15px;}
	.cnt1p_img img{width:80%;}
	.archive-wrap li {width:90%;}
	.cnt-left.v3 {margin-left:25px;}
 }
 
   @media all and (max-width: 768px)
 {
	.mimg_wrap {width:95%; margin:auto;margin-top:20px;}
	.mimg_wrap img {width:100%;}
	.mbd {margin:10px 10px;}
	.mbd.w-320, .mbd.w-230 {width:30%;}
	.cnt1p_img {position: absolute;top: 120px;right: -50;}
	.cnt-left.v2 img {width:95%;}
	.cnt-left.v4, .cnt-right.v4 {display:block; width:98%;margin:0 auto;}
	.cnt-left.v4.v5 {display:block; width:98%;margin:0 auto; margin-top:30px;margin-bottom:30px;}
	.gidul{height:auto;padding:5px 0;}
	.ach-img {width:100%;}
	.ach-img img{width:100%;}
	.video-box iframe {height:300px;}
 }
 
  @media all and (max-width: 640px)
 {
	.logo {width:255px; height:70px;position:absolute;left:0; right:0; margin-left:auto; margin-right:auto; margin: auto; z-index:9999;}
	.content {margin-top:70px;}.mimg_wrap {padding-top:20px;}
	.mbd, .mbd.w-320, .mbd.w-230 {width:100%; margin:10px 20px;}
	.mbd .mbd_title {width:85%;}
	.cnt1p_img {display:none;}
	.cnt-left {width:100%;}
	.cnt-left.ci img {margin-bottom:20px; border:1px solid #ececec;}
	.cnt-left.dir {margin-bottom:20px;}
	.cnt-left.v4 img {width:26px;}
	.cnt-left  img {width:40%;}
	.brd_file, .brd_cnt, .brd_lnk {padding:0 10px;}
	.brd_cnt {margin:15px 0;}
	.brd_file img, .brd_cnt img{width:100%;}
	.lv1 {float:none; margin-bottom:20px;font-size:24px;width:200px;}
 }
 
  @media all and (max-width:480px)
 {
	.logo img{height:90%;}
	.mimg_wrap.pc {display:none;}
	.mimg_wrap.mo {display:block;}
	.mbd .mbd_title {width:80%;}
	.mbd li a {font-size:16px;}
	.article {word-break:keep-all; margin-bottom:40px;font-size:15px;}
	.cnt1p_imgv2 {top:350px;}
	.cnt1p_imgv2 img{width:75%;}
	.cnt-left.v3 {margin-right:0; margin-left:0;}
	.cnt-left.v3, .cnt-right.v3 {display:block;}
	.cnt-right.v3 {text-align:center; margin-bottom:45px;}
	.lv-wrap {padding-left:15px;}
	.wbr {display:none;}
	.m414{display:block;}
	.m414in, .m414in2 {display:inline-block; padding-left:10px;}
	.gid_tit  {font-size:24px;}
	.list-table td {font-size:14px;}
	.list-table td.unum {width:50px;}
	.list-table td.uname {display:none;}
	.list-table td.udate {width:60px;}
	.list-table td.ursel {width:45px;}
	.footer {font-family:돋움;font-size:15px; color:#999;line-height:24px;}
	.fmenu {height:50px;}
	.fmenu ul {display:none;}
	.fmenu .mhp {display:block;}
	.fmenu .mhp a {display:block; line-height:50px; font-size:17px;color:#fff; font-weight:400;text-align:center;}
	.mo_img {display:block;width:95%; margin:0 auto; margin-bottom:30px;}
	.mo_img img{width:100%;}
	.mo_no {display:none;}
 }
 
   @media all and (max-width:400px)
 {
	.mbd .mbd_title {width:75%;}
	.mbd, .mbd.w-320, .mbd.w-230 {margin-left:10px;}
	.mbd li a {font-size:15px;}
	/*.article .btxt{display:block; font-size:18px; text-align:center;}*/
	.article {font-size:14px;}
	.article .btxt.v2 {font-size:18px;}
	.cnt1p_imgv2 {right:-40px;}
	.m316{display:block;}
	.lv-wrap {padding-left:15px;}
	.lv {font-size:15px;}
	.article.v3 {font-size:15px;}
	.article.v4 {font-size:15px;}
	.m414in2, .m414in3 {display:inline; padding-left:0;}
	.m360in {display:inline-block; padding-left:10px;}
 }
 
 
 /* 전체 오버레이 */
.nm-overlay{
  position:fixed; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,.65);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

/* 모달 박스 (배경이미지 1400x800 권장) */
.nm-box{
  width:90%;
  max-width:620px;
  background-color:#fff;
  background:url('/common_img/smtbg.jpg') no-repeat center;
  background-size:cover;

  border-radius:12px;
  overflow:hidden;
  position:relative;
  color:#000;

  /* 텍스트 길이 대응 */
  max-height:80vh;
  display:flex;
  flex-direction:column;
}



/* 닫기 X */
.nm-x{
  position:absolute;
  top:10px; right:10px;
  width:36px; height:36px;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  z-index:2;
}

/* 내용 영역 */
.nm-inner{
  position:relative;
  z-index:1;
  padding:28px 22px 14px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.nm-title{
  margin:0 0 10px;
  font-size:19px;
  font-weight:800;
  line-height:1.35;
   text-align:center;
}

.nm-sub{
  font-size:14px;
  opacity:.92;
  margin:0 0 14px;
  font-weight:700;
}

.nm-body p{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.7;
}

/* 강조 문구 */
.nm-em{
  color:#ff6b6b;
  font-weight:900;
}

/* 하단 서명 */
.nm-foot{
  margin-top:16px;
  font-size:13px;
  opacity:.92;
  font-weight:700;
  text-align:center;
}

/* 하단 버튼/체크 */
.nm-bottom{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:12px 14px;
  border-top:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.25);
}

.nm-check{
  font-size:13px;
  display:flex;
  align-items:center;
  gap:6px;
  user-select:none;
}

.nm-close{
  border:0;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
  font-weight:800;
}

/* ✅ 모바일: 상단 배치 + 가로 폭 줄이기 */
@media (max-width: 768px){
  .nm-overlay{
    align-items:flex-start;     /* 중앙 → 상단 */
    justify-content:center;
    padding:12px;              /* 좌우 여백 */
  }

  .nm-box{
    width: calc(100% - 24px);  /* 화면보다 작게(좌우 12px씩) */
    max-width: 420px;          /* 3.jpg처럼 '가로가 꽉 안 차는' 느낌 */
    margin-top: calc(12px + env(safe-area-inset-top)); /* 아이폰 노치 고려 */
    max-height: calc(100vh - 24px);
  }

  .nm-x{
    top:8px; right:8px;
  }

  .nm-inner{
    padding:22px 16px 12px;
  }

  .nm-bottom{
    flex-direction:column;
    align-items:stretch;
  }

  .nm-close{
    width:100%;
  }

  .nm-check{
    justify-content:center;
  }
}

/* ✅ 모바일에서만 강제 줄바꿈(br) 제거 */
@media (max-width:768px){
  #noticeModal .nm-body br{
    display:none;
  }

  /* 혹시 모를 단어 끊김 방지 */
  #noticeModal .nm-body p{
    word-break: keep-all;
  }
  
   .nm-overlay{
    align-items:flex-start;
    justify-content:center;
    padding:0; /* 기존 12px 제거 */
  }

  .nm-box{
    width: calc(100% - 24px);
    max-width: 420px;

    margin-top: 80px;  /* 🔥 로고 아래로 내리는 핵심 */
    max-height: calc(100vh - 100px);
  }
}

/* 모바일 최적화 */
@media (max-width:480px){
  .nm-inner{ padding:22px 16px 12px; }
  .nm-title{ font-size:17px; }
  .nm-body p{ font-size:14px; }
  .nm-bottom{ flex-direction:column; align-items:stretch; }
  .nm-close{ width:100%; }
  .nm-check{ justify-content:center; }
}

/* ✅ 공통 CSS가 강하게 걸린 경우를 강제로 덮어쓰기 */
#noticeModal .nm-inner,
#noticeModal .nm-body,
#noticeModal .nm-body p,
#noticeModal .nm-box *{
  word-break: keep-all !important;
  overflow-wrap: normal !important;   /* 여기서 핵심: break-word를 끔 */
  word-wrap: normal !important;
  white-space: normal !important;
  line-break: strict;
}