@charset "UTF-8";

/* 전역 변수 */
:root {
  /* color */
  --font-color:#373737;

  /* font */
  --font-size-h3:2.25rem;
  --font-weight-h3:700;

  /* border */
  --border-color:#000;
}

#sub_wrap {padding: 3rem 0 5rem;}

.flex-area { display:flex; }
#inner-contents { width:100%; }
#inner-contents .conTitle { color:#222; font-size:1.625em; font-weight:700; letter-spacing:-0.025em; margin-bottom:25px; }
#inner-contents .contentWrap { margin-bottom:4em; }
#inner-contents .contentWrap:last-child { margin-bottom:0; }


/* 테이블 */
table {width:100%;}

/* flex 로 만든 table */
#inner-contents .table-wrap { justify-content:space-between; flex-flow:row wrap; width:100%; font-size:1em; border-top:2px solid var(--border-color); }
#inner-contents .table-wrap .table-content { justify-content:space-between; flex-flow:row wrap; padding:1em 0; border-bottom:1px solid var(--border-color); box-sizing:border-box; }

#inner-contents .table-wrap .table-content.full {}
#inner-contents .table-wrap .table-content.half {width:50%;}

#inner-contents .table-wrap .table-content .table-inner.full { width:100%; padding-bottom:0.875em; margin-bottom:0.875em; border-bottom:1px solid var(--lightgray-color); }
#inner-contents .table-wrap .table-content .table-inner.full:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
#inner-contents .table-wrap .table-content .table-inner.half { width:48.5%; padding-bottom:0.875em; margin-bottom:0.875em; border-bottom:1px solid var(--lightgray-color); }
#inner-contents .table-wrap .table-content .table-inner.half:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
#inner-contents .table-wrap .table-content .table-inner.title { width:150px; }
#inner-contents .table-wrap .table-content .table-inner.detail { width:calc(100% - 150px); }
#inner-contents .table-wrap .table-content .table-inner.table-head { border-bottom:1px solid var(--border-color); }

#inner-contents .table-wrap .table-content .table-inner.align-left { text-align:left; }
#inner-contents .table-wrap .table-content .table-inner.align-center { text-align:center; }
#inner-contents .table-wrap .table-content .table-inner.align-right { text-align:right; }

#inner-contents .table-wrap .table-content .table-inner .table-title { font-size:1em; font-weight:700; }
#inner-contents .table-wrap .table-content .table-inner .table-text { font-size:1em; font-weight:400; word-break:keep-all; }
#inner-contents .table-wrap .table-content .table-inner .table-text.point-circle { position:relative; padding-left:12px; }
#inner-contents .table-wrap .table-content .table-inner .table-text.point-circle::before { content:""; position:absolute; top:9px; left:0; display:block; width:5px; height:5px; border-radius:20px; background-color:var(--point-color);  }
#inner-contents .table-wrap .table-content .table-inner .table-text .table-etc { display:block; width:100%; padding:12px 10px; margin-top:10px; margin-bottom:10px; background-color:var(--lightgray-color); box-sizing:border-box; }
#inner-contents .table-wrap .table-content .table-inner .table-text:last-child .table-etc { margin-bottom:0; }
#inner-contents .table-wrap .table-content .table-inner .table-text .table-etc strong,
#inner-contents .table-wrap .table-content .table-inner .table-text .table-etc span { display:block; font-size:0.875em; word-break:keep-all; }
#inner-contents .table-wrap .table-content .table-inner .table-text .table-etc strong { position:relative; padding-left:10px; }
#inner-contents .table-wrap .table-content .table-inner .table-text .table-etc strong::before { content:""; position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:5px; background-color:var(--point-color); transform:translateY(-50%); }


/* 제목 */
h2.subtitle {position:relative; display:inline-block; color:#101010; font-size:2.25rem; font-weight:700; line-height: 1; margin:1rem 0 2rem 0; background-color:#eaecef;}
h2.subtitle::after {content:""; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color:#101010;}


/* 브래드크럼 */
.breadcrumb {color:#8b8b8b;}

/* 레이어팝업 */
.layerPopupWrap {display: none;position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 9999;}
.layerPopup {width:60%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.layerPopup .popTop {background-color: var(--border-color); padding: 0.75rem 1.25rem; display: flex; justify-content: space-between; align-items: center;}
.layerPopup .popTop .popTit {color: #fff;}
.layerPopup .popTop .popClose {width: 20px; cursor: pointer; padding-left: 1rem;}
.layerPopup .popBody {background: var(--font-color); padding: 2rem; box-sizing:border-box; text-align: center;}
.layerPopup .popBody img {vertical-align: top;}
.layerPopup .popBody iframe {width: 100%; min-height:600px;vertical-align: top;}



@media(max-width:1200px){

  /* 레이어팝업 */
  .layerPopup {width: 90%;}

}

@media(max-width:1024px){
  :root {
    /* font */
    --font-size-h3:2em;
  }

  h2.subtitle {font-size:2.125em}

  #inner-contents .conTitle { font-size:1.25em; margin-bottom:15px; }

}




@media screen and (max-width:768px){
  :root {
    /* font */
    --font-size-h3:1.25em;
  }
  h2.subtitle {font-size:1.5em}
  .breadcrumb {font-size:0.8em}

  /* flex 로 만든 table */
  #inner-contents .table-wrap .table-content.half {width:100%;}
  #inner-contents .table-wrap .table-content .table-inner.half { width:100%; }
  #inner-contents .table-wrap .table-content .table-inner.title { width:100%; padding-bottom:0.875em; margin-bottom:0.875em; border-bottom:1px solid var(--lightgray-color); }
  #inner-contents .table-wrap .table-content .table-inner.detail { width:100%; }

  /* 레이어팝업 */
  .layerPopupWrap {}
  .layerPopup {width: 94%; }
	.layerPopup .popBody {padding: 1rem;}
}

@media screen and (max-width:640px){

  /* 레이어팝업 */
  .layerPopup .popTop {padding: 0.625rem 1rem;}

}
@media screen and (max-width:480px){
.lastDate{right:22px;}
  /* 레이어팝업 */
  .layerPopup .popTop .popTit {word-break:keep-all;}
}


@media(max-width:360px){
.lastDate{right:22px;}

}