@charset "UTF-8";
/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:160%;
}

:root {
    --color1: #00b7ee;
    --color2: #4bd5ff;
    --color3: #009bd8;
    --color4: #1e2b5e;
    --mono1: #010102;
    --mono2: #323234;
    --mono3: #646466;
    --mono4: #878789;
    --mono5: #bcbdbd;
    --mono6: #d3d4d6;
    --mono7: #e5e6e8;
    --mono8: #f1f2f4;
    --mono9: #f7f8fa;
}

/* body {font-family: 'Nanum Gothic', sans-serif; font-size:14px; color:#666; } */

body {
    font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  }

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Presentation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

address { font-style:normal;}
a { display:block;}
html, body { height:100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
    vertical-align:initial;
}

img { 
	border:none;
	vertical-align:top;
}

.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}
a:link, a:visited { color:#666; text-decoration:none;}
a:active, a:hover { color:#666; text-decoration:underline;}

.site-wrap { height:100%;}

/*hidden*/
.hidden { position:absolute; left:-9999px; font-size:1px; width:1px; height:1px; line-height:0; }

/*스킵메뉴*/
#skip_menu { width:300px; position:absolute; z-index:9999;}
#skip_menu a { position:absolute; top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

:root{
    --color-main: #dead32;
    --color-hover: #c99615;
    --color-sub: #e95c47;
    --color-deep: #2f4e93;
    --mono1: #272729;
    --mono2: #38383a;
    --mono3: #565659;
    --mono4: #909093;
    --mono5: #bcbcbf;
    --mono6: #d3d3d5;
    --mono7: #f1f2f4;
    --mono8: #f7f8fa;
}

/* 헤더 상단고정 */
#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff; /* 배경 투명 방지 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* 스크롤 시 살짝 그림자 */
}

#header.fixed .header_wrap {
 
    padding-right: 30px;
}

.header_wrap .logo img {width:180px;}

/* Top Button 기본 스타일 */
.top-btn {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(25px + env(safe-area-inset-bottom));
  z-index: 9999;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  border: none;
   background: linear-gradient(90deg, #037BEB 0%, #17C0F0 96%);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity .25s, transform .25s, visibility .25s;
  font-size: 14px;
  font-weight: 700;
}

/* 보이기 상태 */
.top-btn.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 접근성: 포커스 표시 */
.top-btn:focus-visible {
  outline: 3px solid #7cc3ff;
  outline-offset: 2px;
}

/* 모바일 크기 조정 */
@media (max-width: 480px) {
  .top-btn { width: 44px; height: 44px; font-size: 18px; }
}

/* 모션 최소화 선호 시 */
@media (prefers-reduced-motion: reduce) {
  .top-btn { transition: none; }
  html { scroll-behavior: auto; }
}



/* 게시판-문의하기 */
.sub0301 {}
.form_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.agreeTit-b {
  font-size: 22px;
  color: #3a3a3a;
  margin-top: 30px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
  font-weight: 700;
}
.agreeTit-b:before {
  content: "";
  width: 5px;
  height: 17px;
  background: #558bed;
  position: absolute;
  left: 0;
  top: 7px;
}

.contents {
  display: flex;
  flex-direction: column;
  /* gap: 50px; */
}
.contents .box .process-list {
  display: flex;
  gap: 50px;
  justify-content: center;
  position: relative;
}
.contents .box .process-list::before {
  width: 80%;
  position: absolute;
  height: 30px;
  background: #f2f2f2;
  z-index: -1;
  display: block;
  content: "";
  top: 35%;
  margin-top: 15px;
  border-radius: 30px;
}
.contents .box .process-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F7BE2D;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  justify-content: center;
}
.contents .box .process-list li span:first-child {
  font-size: 14px;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents .box .process-list li span:last-child {
  display: inline-block;
  margin-top: 10px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
}
.contents .box .process-list li:nth-child(1) {
  background: #83b9ff;
}
.contents .box .process-list li:nth-child(2) {
  background: #3b83df;
}
.contents .box .process-list li:nth-child(3) {
  background: #0c50a8;
}
.contents .box .process-list li:nth-child(4) {
  background: #073877;
}
.contents .box .process-list li:nth-child(5) {
  background: #021f45;
}
.contents .box .terms {
  display: flex;
  flex-direction: column;
}
.contents .box .terms div.termbox {
  min-height: 150px;
  background: #ffffff;
  border-color: rgba(119, 119, 119, 0.4666666667);
  resize: none;
  border: 1px solid #cacaca;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
}
.contents .box .agree-check {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
  align-items: center;
  font-size: 16px;
  color: #111;
}
.contents .box .agree-check > div {
  display: flex;
  align-items: center;
}
.contents .box .agree-check input {
  width: 30px;
  height: 19px;
}
.contents .box .agree-check label {
  font-size: 16px;
}
.contents .box .required {
  color: red;
  text-align: right;
}
.contents .apply-box {
  margin-bottom: 100px;
  box-sizing: border-box;
  background: url(../img/main/section3-bg.png) right bottom no-repeat;
  margin-top: 30px;
}
.contents .apply-box .formDiv {
  display: flex;
  /* justify-content: center; */
  /* border: 1px solid #ccc; */
  /* border-radius: 30px; */
  border-top: 2px solid #000;
  padding-top: 20px;
}
.contents .apply-box form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.contents .apply-box form > div {
  display: flex;
  border-bottom: 1px dashed #aeaeae;
  flex-direction: column;
  padding-bottom: 20px;
}
.contents .apply-box form > div:last-child {
  border-bottom: none;
}
.contents .apply-box form > div p {
  width: 100%;
  flex: 1 1;
}
.contents .apply-box form > div p label {
  display: inline-block;
  color: #222;
  font-size: 16px;
  margin-bottom: 10px;
}
.contents .apply-box form > div p input, .contents .apply-box form > div p select, .contents .apply-box form > div p textarea {
  height: 40px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #a6a4a4;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: inherit;
  color: #777;
}
.contents .apply-box form > div p textarea {
  min-height: 300px;
  padding: 15px;
}
.contents .apply-box .btn {
  display: flex;
  justify-content: center;
}
.contents .apply-box .btn button {
  width: 300px;
  border-radius: 30px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 20px;
  background: #F7BE2D;
  font-family: inherit;
  border: 0;
  transition: all 0.2s;
  cursor: pointer;
}
.contents .apply-box .btn button:hover {
  background: #dca20f;
  transition: all 0.2s;
} 

/* sub0301 */
.sub0301 .fa-asterisk {
    color: var(--color-sub);
    font-size: 0.75em;
    margin-left: 4px;
  }
  
  .sub0301 .point-circle {
    margin-bottom: 0.75em;
  }
  
  .sub0301 .point-circle .fa {
    margin-left: 0;
  }
  
  .sub0301 .btnList {
    justify-content: center;
    margin-top: 2.5em;
    display: flex;
    gap:20px;
  }
  
  .sub0301 .btnList .btn {
    height: 44px;
    font-size: 1.125em;
    line-height: 44px;
    padding: 0 1.5em;
    text-decoration: none;
    border: none;
    font-family: inherit;
    background: #d9dde1;
    border-radius: 28px;
    color:#444444;
    font-weight: 600;
    font-size: 20px;
  }
  .sub0301 .btnList li:first-child .btn {
    background: var(--Linear, linear-gradient(90deg, #037BEB 1.08%, #17C0F0 91.77%));;
    color: #FFF;
    font-family: Paperlogy;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    border-radius: 28px;
  }
  
  .sub0301 .scrollBox {
    color: #828282;
    background: #f8f8f8;
    width: 100%;
    max-height: 240px;
    padding: 1em;
    margin-bottom: 0.75em;
    border: 1px solid var(--mono6);
    border-radius: 10px;
    box-sizing: border-box;
    overflow-y: auto;
    border: 1px solid #e5e5e5;
  }
  .sub0301 .info-text{
    text-align: center;
    color:#555;
    display: block;
    margin-top: 20px;
  }
  
  .sub0301 .scrollBox .inner {
    white-space: pre-line;
  }
  
  .sub0301 .agreement {
    justify-content: center;
    align-items: center;
  }
  
  .sub0301 .agreement .checkText {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    color: var(--mono2);
    font-weight: 600;
  }
  
  .sub0301 .agreement .checkText span {
    display: inline-block;
    font-size: 1.125em;
    padding-right: 4px;
  }
  
  .sub0301 .agreement .checkText .fa-asterisk {
    margin-left: 0;
    margin-right: 4px;
  }
  
  .sub0301 .agreement .checkBox {
    align-items: center;
    margin-left: 3em;
  }
  
  .sub0301 .agreement .checkBox input[type=checkbox] {
    margin-right: 4px;
  }
  
  .sub0301 .agreement .checkBox label {
    color: var(--mono1);
    font-size: 1em;
    font-weight: 500;
  }
  
  .sub0301 .flex-table {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  
  .sub0301 .flex-table .table-content {
    align-items: center;
    width: 100%;
    padding: 1.25em 0;
  }
  
  .sub0301 .flex-table .table-content.half {
    width: 50%;
  }
  
  .sub0301 .flex-table .table-content.half:nth-child(2n+1) {
    padding-right: 0.75em;
  }
  
  .sub0301 .flex-table .table-content.half:nth-child(2n) {
    padding-left: 0.75em;
  }
  
  .sub0301 .flex-table .table-content .table-inner.label .table-title.essential {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input .table-text input:not([type=checkbox], [type=radio], [type=file]) {
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    padding-left: 10px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input .table-text input[type=file] {
    width: 180px;
    height: 36px;
    line-height: 36px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input .table-text label + input[type=file] {
    margin-left: 8px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input .table-text label {
    cursor: pointer;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.tel .table-text,
  .sub0301 .flex-table .table-content .table-inner.input.email .table-text {
    align-items: center;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.tel .table-text input:not([type=checkbox], [type=radio], [type=file]),
  .sub0301 .flex-table .table-content .table-inner.input.email .table-text input:not([type=checkbox], [type=radio], [type=file]) {
    width: 200px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.tel .table-text .unit,
  .sub0301 .flex-table .table-content .table-inner.input.email .table-text .unit {
    display: block;
    color: var(--mono2);
    margin: 0 4px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.email .table-text select {
    width: 200px;
    height: 36px;
    line-height: 36px;
    margin-left: 8px;
    box-sizing: border-box;
    padding-left: 15px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input .table-text textarea {
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    width: 100%;
    height: 180px;
    font-size: 1em;
    box-sizing: border-box;
    resize: none;
    padding: 10px;
    box-sizing: border-box;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.captcha .table-text {
    display: flex;
    flex-flow: row wrap;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.captcha .table-text input[type=text] {
    width: 200px;
    font-family: "Wave";
    padding-left: 15px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.captcha .table-text .unit {
    display: block;
    margin-left: 4px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.input.captcha .table-text .unitText {
    display: block;
    width: 100%;
    color: var(--mono3);
    font-size: 0.875em;
    margin-top: 8px;
  }
  
  .sub0301 .flex-table .table-content .table-inner.select select {
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    width: 200px;
    font-family: inherit;
    font-size: 16px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
  }
  .sub0301 .flex-table .table-content .table-inner p label {
    font-weight: 800;
  }
  .sub0301 .flex-table .table-content .table-inner label {
    color: #333;
    font-size: 16px;
  }
  .product-list {
    list-style: none;
    padding: 0;
    margin: 0;
    
  }
  
  .product-list li {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-bottom: 8px;
    background: #f8f8f8;
    transition: 0.2s;
  }
  .product-list li span{
    font-family: inherit;
    font-weight: bold;
  }
  
  .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    cursor: pointer;
  }
  
  .item:hover {
    background: #f8fafc;
  }
  
  .check {
    accent-color: #007aff;
    margin-right: 10px;
    transform: scale(1.2);
  }
  
  .name {
    flex: 1;
    font-size: 15px;
    color: #333;
  }
  
  .quantity {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  .quantity button {
    width: 28px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #555;
  }
  
  .quantity button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }
  
  .quantity input {
    width: 36px;
    text-align: center;
    border: none;
    font-size: 15px;
    color: #333;
    background: transparent;
  }
  
  .tag {
    background: #ff5b77;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 999px;
    margin-left: 10px;
  }
  /* 게시판 */
.flex-table {
    width: 100%;
    border-top: 2px solid var(--mono1);
  }
  
  .flex-table .table-content {
    justify-content: space-between;
    align-items: center;
    padding: 0.75em 0;
    border-bottom: 1px solid var(--mono6);
    box-sizing: border-box;
  }
  
  .flex-table .table-content.bg-type {
    width: 50%;
    padding: 0;
    background-color: var(--mono8);
  }
  
  .flex-table .table-content.full {
    width: 100%;
  }
  
  .flex-table .table-content .table-inner {
    padding: 0 0.25em;
    box-sizing: border-box;
  }
  
  .flex-table .table-content .table-inner.label {
    width: 150px;
  }
  
  .flex-table .table-content .table-inner.input,
  .flex-table .table-content .table-inner.select {
    width: calc(100% - 150px);
  }
  
  .flex-table .table-content.bg-type .table-inner.subject {
    width: 200px;
    text-align: center;
    padding: 0.75em;
  }
  
  .flex-table .table-content.bg-type .table-inner.detail {
    width: calc(100% - 200px);
    height: 100%;
    padding: 0.75em;
    background-color: #fff;
  }
  
  .flex-table .table-content .table-inner .table-title {
    color: var(--mono2);
    font-size: 1em;
    font-weight: 700;
    word-break: keep-all;
  }
  
  .flex-table .table-content .table-inner .table-text {
    color: var(--mono2);
    font-size: 1em;
    font-weight: 400;
    word-break: keep-all;
  }
  
  .flex-table .table-content .table-inner .table-ttl-link {
    display: inline-block;
    width: auto;
    max-width: calc(100% - 24px);
    color: var(--mono2);
    font-size: 1em;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .flex-table .table-content .table-inner .table-ttl-link:hover {
    color: var(--color-sub);
    text-decoration: underline;
  }
  
  .flex-table .table-content .table-inner .table-ttl-link + .new-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    text-align: center;
    line-height: 16px;
    margin-left: 5px;
    border-radius: 50px;
    background-color: var(--color-sub);
  }
  
  .btnList {align-items:center;width:100%;}
  .btnList li:not(:last-child) {margin-right:8px;}
  .btnList li .btn {display:block;height:36px;line-height:36px;font-size:1em;
      text-align:center;padding:0 1.25em;border-radius:8px;box-sizing:border-box;cursor:pointer;transition:0.2s;}
  .btnList li .btn.primary {color:#fff;background: #1664d7;    font-family: inherit; font-weight: bold;} 
  .btnList li .btn.primary:hover {background-color:var(--color-main);}
  .btnList li .btn.secondary {color:var(--mono2);background-color:var(--mono7);}




  /* 갤러리 */
  .subcon_wrap .subcon_wrap {border-top: 0;}
  .gallery_con ul {
    display: grid
    ;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        gap: 32px;
        max-width: 1400px;
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
  }
  .gallery_con.certi ul { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
  .gallery_con.certi ul li{ width: 300px !important;}

  .gallery_con ul li {
      border: 1px solid #ddd;
      border-radius: 1rem;
      width: 374px !important;
      margin: 24px 24px 24px 0px;
      min-height: 322px;
      background: #fff;
  }
  .gallery_con ul li:last-child {
     margin-right:0;
  }
  
  
  .gallery_con ul li img {
      width: 100% !important;
      object-fit: cover;
      max-height: 250px;
      height: 250px !important;
      border-radius: 1rem 1rem 0 0;
      background: #000;
  }
  .gallery_con ul li p {
    padding: 1rem 1.5rem;
    font-size: 21px;
    color: #222;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2; /*  2줄까지만 보이게 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /*  nowrap 해제 */
    border-top: 1px solid #e5e5e5;
    /* background: #fff;*/
  }
  .lang-en .gallery_con ul li p {
    font-size: 18px;;
    -webkit-line-clamp: none;
  }
  
  .select_del {display: flex; align-items: center;}
  @media (max-width:768px) {
  
      .gallery_con ul {
          padding: 0 1rem;
      }
  
      
      .gallery_con ul li {
          border: 1px solid #ddd;
          border-radius: 1rem;
          width: 100% !important;
          margin: 1rem 0;
          min-height: 322px;
      }
      .gallery_con ul li:last-child {
         margin-right:0;
      }
      
      
      .gallery_con ul li img {
          width: 100% !important;
          object-fit: cover;
          max-height: 250px;
          height: 250px !important;
          border-radius: 1rem 1rem 0 0;
      }
      .gallery_con ul li p {
          padding: 1rem 1.5rem;
          font-size: 21px;
          color: #333;
          font-weight: bold;
           display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }
      /* 공지사항 view */
.default_bd_view .top {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_view .tit>p {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    word-wrap: break-word;
}

.default_bd_view .tit>p br {
    display: none;
}

.default_bd_view .info>ul>li {
    display: inline-block;
    margin-right: 15px;
}

.default_bd_view .info>ul>li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    color: #555;
}

.default_bd_view .info>ul>li img {
    vertical-align: middle;
}

.default_bd_view .con {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
    word-wrap: break-word;
}

.default_bd_view .link {
    display:inline-block;
    margin-bottom:12px;
    border-radius:50px;
}

.default_bd_view .link a {
    display:block;
    color:#C4302B;
    text-align:center;
    padding:8px 24px;
    border:1px solid #C4302B;
    border-radius:50px;
    background-color:#c4302b10;
    box-sizing:border-box;
    transition:0.2s;
}

.default_bd_view .link a:hover {
    color:#fff;
    background-color:#C4302B;
}

.default_bd_view .upload {
    background-color: #f2f2f2;
    padding: 1rem;
    margin-bottom: 30px;
}

.default_bd_view .upload>a {
    display: inline-block;
    color: #333;
    margin-left: 15px;
    font-weight: 500;
}

.default_bd_view .upload>a:hover {
    color: #12b3fd;
}

.default_bd_view .upload>p {
    font-weight: 500;
    color: #555;
}

.default_bd_view .upload>span {
    border-right: 1px solid #a5a5a5;
    padding-right: 17px;
}

.default_bd_view .upload img {
    padding-right: 5px;
}

.default_bd_view .prevNext dl:first-of-type {
    border-top: 1px solid #d7d7d7;
}

.default_bd_view .prevNext dl {
    border-bottom: 1px solid #d7d7d7;
    padding: 1rem;
}

.default_bd_view .prevNext dt {
    display: inline-block;
    color: #555;
    padding-right: 15px;
    padding-left: 20px;
}

.default_bd_view .prevNext dd {
    display: inline-block;
    width: calc(100% - 150px);
    vertical-align: middle;
}

.default_bd_view .prevNext dd>a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.default_bd_view .prevNext dd>a:hover {
    text-decoration: underline;
}

.default_bd_view .pn_list .prev {
    background: url('/design/default/img/sub/toPrev.png') no-repeat center left;
}

.default_bd_view .pn_list .next {
    background: url('/design/default/img/sub/toNext.png') no-repeat center left;
}

/* 공지사항 post */
.default_bd_post input {
    border: none; padding:0 20px; box-sizing: border-box;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    padding: 0 10px;
    height: 44px;
    box-sizing: border-box;
    display: inline-block;margin-left:10px;    border-radius: 0.375rem;
}
.form_box ul {
    border-top:2px solid #222;
}
.form_box ul li {
    display: flex;
    border-bottom: 1px solid #d7d7d7;
    align-items: center;
}

.default_bd_post label {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    background-color: #e7e7e7;
    padding: 13px 18px;
    text-align: center;
    border-bottom: 1px solid #fff;
    vertical-align: top;
}
.default_bd_post select {
    display:inline-block;
    height: 44px;
    width:130px;
    margin:0 8px 0;
}

.default_bd_post #bd_title {
    width: calc(100% - 274px);
    border: 1px solid #d7d7d7;
    border-radius:2px;
    padding:0 10px;
    height:44px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 0.375rem; ;
}

.default_bd_post #cke_bd_content {
    width: calc(100% - 122px);
    display: inline-block;
    vertical-align: top;
    /* margin-left: -4px; */
}

.default_bd_post .cont_label {
    height: 477px;
    line-height: 477px;
}

.default_bd_post .upload_li {
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_post input[type="file"] {
    padding-left: 10px
}

.default_bd_post .link_li {
    border-bottom:1px solid #d7d7d7;
}

.default_bd_post .link_li input[type=text] {
    border: 1px solid #d7d7d7;
    border-radius:2px;
    padding:0 10px;
    height:44px;
    width:250px;
    box-sizing: border-box;
    display: inline-block;
    margin-left:10px;
    border-radius: 0.375rem;
}

  
  }

  /* pagination */
.pagination {
    margin-top: 30px;
}

.pagination>ul {
    text-align: center;
}

.pagination>ul>li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.pagination>ul>li:last-of-type {
    margin-right: 0;
}

.pagination>ul>li>a {
    width: 40px;
    height: 40px;
    border: 1px solid #d7d7d7;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    /* display: block; */
}

.pagination>ul>li.active>a {
    color: #777;
    background-color: #f7f7f9;
}

.pagination>ul>li img {
    vertical-align: inherit;
}

/* btn */
.btn {
    text-align: right;
    margin-top: 30px;
}

.btn>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.btn>div>a {
    width: 80px;
    height: 54px;
    color: #999;
    background-color: #f7f7f9;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 0 1rem;
    border-radius: 8px;
    /* vertical-align: middle; */
    line-height: 54px;
}
.btn>div.write>a {
    background-color: #333;
    color: #fff;
}

.btn>div.reply>a {
    background-color: #59c06a0f;
    color: #59c06a;
    border: 1px solid #59c06a;
}

.btn>div.delete>a {
    border: 1px solid #ca4621;
    color: #ca4621;
    background: #ca46210f;
}

.btn>div.modify>a {
    background-color: #558bed0f;
    color: #558bed;
    border: 1px solid #558bed;
}
.btn>div button {
    width: 80px;
    height: 54px;
    border: none;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
}

.btn>div.write>button {
    background-color: #333;
    border-radius: 8px;
    color: #fff;
    min-width: 150px;
}

.btn>div.delete>button {
    border: 1px solid #ca4621;
    color: #ca4621;
    background: #ca46210f;
}

.btn>div.modify>button {
    background-color: #558bed0f;
    color: #558bed;
    border: 1px solid #558bed;
}


 

/* 공지사항 list*/
.default_bd_list .tbl {
    width: 100%;
}

.default_bd_list .num_col {
    width: 5%;
}

.default_bd_list .tbl thead>tr {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 1rem 0;
}

.default_bd_list .tbl thead th {
    padding: 1.5rem 0
}

.default_bd_list .writer_col {
    width: 8%;
}

.default_bd_list .date_col {
    width: 10%;
}

.default_bd_list .hit_col {
    width: 5%;
}

.default_bd_list .list {
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_list .list td {
    padding: 1rem 0;
    vertical-align: middle;
}

.default_bd_list td.num {
    padding: 10px;
    box-sizing: border-box;
    color: #a3a3a3;
}

.default_bd_list td.tit {
    text-align: left;
    color: #333;
}

.default_bd_list td.tit a {
    color: #333;
    display: inline-block;
}

.default_bd_list td.writer {
    color: #555;
}

.default_bd_list td.date {
    color: #555;
}

.default_bd_list td.hit {
    color: #555;
}

.default_bd_list td.tit .new_icon {
    color: #fff;
    background-color: #12b3fd;
    font-size: 14px;
    padding: 2px 4px;
    border-radius: 5px;
    margin-left: 10px;
}

.default_bd_list tbody tr:hover {
    background-color: #f2f2f2;
}

.default_bd_list td.tit:hover .board {
    text-decoration: underline;
}

/* 공지사항 view */
.default_bd_view .top {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_view .tit>p {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    word-wrap: break-word;
}

.default_bd_view .tit>p br {
    display: none;
}

.default_bd_view .info>ul>li {
    display: inline-block;
    margin-right: 15px;
}

.default_bd_view .info>ul>li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    color: #555;
}

.default_bd_view .info>ul>li img {
    vertical-align: middle;
}

.default_bd_view .con {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
    word-wrap: break-word;
}

.default_bd_view .link {
    display:inline-block;
    margin-bottom:12px;
    border-radius:50px;
}

.default_bd_view .link a {
    display:block;
    color:#C4302B;
    text-align:center;
    padding:8px 24px;
    border:1px solid #C4302B;
    border-radius:50px;
    background-color:#c4302b10;
    box-sizing:border-box;
    transition:0.2s;
}

.default_bd_view .link a:hover {
    color:#fff;
    background-color:#C4302B;
}

.default_bd_view .upload {
    background-color: #f2f2f2;
    padding: 1rem;
    margin-bottom: 30px;
}

.default_bd_view .upload>a {
    display: inline-block;
    color: #333;
    margin-left: 15px;
    font-weight: 500;
}

.default_bd_view .upload>a:hover {
    color: #12b3fd;
}

.default_bd_view .upload>p {
    font-weight: 500;
    color: #555;
}

.default_bd_view .upload>span {
    border-right: 1px solid #a5a5a5;
    padding-right: 17px;
}

.default_bd_view .upload img {
    padding-right: 5px;
}

.default_bd_view .prevNext dl:first-of-type {
    border-top: 1px solid #d7d7d7;
}

.default_bd_view .prevNext dl {
    border-bottom: 1px solid #d7d7d7;
    padding: 1rem;
}

.default_bd_view .prevNext dt {
    display: inline-block;
    color: #555;
    padding-right: 15px;
    padding-left: 20px;
}

.default_bd_view .prevNext dd {
    display: inline-block;
    width: calc(100% - 150px);
    vertical-align: middle;
}

.default_bd_view .prevNext dd>a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.default_bd_view .prevNext dd>a:hover {
    text-decoration: underline;
}

.default_bd_view .pn_list .prev {
    background: url('/design/default/img/sub/toPrev.png') no-repeat center left;
}

.default_bd_view .pn_list .next {
    background: url('/design/default/img/sub/toNext.png') no-repeat center left;
}

/* 공지사항 post */
.default_bd_post input {
    border: none; padding:0 20px; box-sizing: border-box;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    padding: 0 10px;
    height: 44px;
    box-sizing: border-box;
    display: inline-block;margin-left:10px;    border-radius: 0.375rem;
}
.form_box ul {
    border-top:2px solid #222;
}
.form_box ul li {
    display: flex;
    border-bottom: 1px solid #d7d7d7;
    align-items: center;
}

.default_bd_post label {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    background-color: #e7e7e7;
    padding: 13px 18px;
    text-align: center;
    border-bottom: 1px solid #fff;
    vertical-align: top;
}
.default_bd_post select {
    display:inline-block;
    height: 44px;
    width:130px;
    margin:0 8px 0;
}

.default_bd_post #bd_title {
    width: calc(100% - 274px);
    border: 1px solid #d7d7d7;
    border-radius:2px;
    padding:0 10px;
    height:44px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 0.375rem; ;
}

.default_bd_post #cke_bd_content {
    width: calc(100% - 122px);
    display: inline-block;
    vertical-align: top;
    /* margin-left: -4px; */
}

.default_bd_post .cont_label {
    height: 477px;
    line-height: 477px;
}

.default_bd_post .upload_li {
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_post input[type="file"] {
    padding-left: 10px;
    line-height:44px;
    background: #fff;
}

.default_bd_post .link_li {
    border-bottom:1px solid #d7d7d7;
}
.default_bd_post .link_li,
.default_bd_post .upload_li,
.form_box p {background: #fff;}
.form_box p:has(#bd_notice) {display: flex; align-items: center;}

.default_bd_post .link_li input[type=text] {
    border: 1px solid #d7d7d7;
    border-radius:2px;
    padding:0 10px;
    height:44px;
    width:250px;
    box-sizing: border-box;
    display: inline-block;
    margin-left:10px;
    border-radius: 0.375rem;
}

/* 문의사항 */
.question .required {
    text-align: right;
    padding: 1rem 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 30px;
}


.gallery_con.certi ul li img{
    max-height: 450px;
    height: 450px !important;
}