body {min-width:360px; font-family: 'Pretendard'; transition:all 0.5s; word-break:keep-all;}
a {display:block;}
a, button, input, select { font-family: 'Pretendard';}
.container {padding:0 15px; margin:0 auto; width:100%; box-sizing:border-box;}
.img-responsive {width:100%;}
.img-maxponsive {max-width:100%;}
img.borderShadow {border-radius:25px; box-shadow:3px 3px 5px rgba(0 0 0 / 15%); border:1px solid #f5f5f5; overflow:hidden;}
.relative {position:relative;}
.text-center {text-align:center;}
.bold {font-weight:700;}
:hover { transition:all 0.5s;}
.swiper-wrapper {height:auto !important;}

.pc {display:none;}
.mobile {display:block;}
.br {display:none;}
.mbr {display:block; width:1px;}

.fc-white {color:#fff;}
.fc-sky {color:#6df0ff;}
.fc-blue {color:#384bc7;}
.fc-pp {color:#624ff6;}


@font-face {
  font-family: 'DaeGwangYuRi';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Nanum DaeGwangYuRi.ttf') format('truetype');
}

.ft-yuri {font-family: 'DaeGwangYuRi';}

.wLayPopupWrap .wLayItem .wLayHead  {line-height:3; font-size:15px;}

/* header */
#top { width:100%; position:fixed;  left:50%; top:0;  transform:translateX(-50%);    z-index:99;}
#top.scroll {background:rgba(0,0,0,0.5); }
#top .pc .container {padding:35px 0; display:flex; align-items:center; justify-content:space-between; max-width:100%; padding:40px 55px;}
#top .pc .container .logo a {display:block; width:114px; filter:brightness(10);}
#top .pc .container .hmenu {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; gap:80px;}
#top .pc .container .hmenu a {display:block; font-size:20px; font-weight:400; color:#fff;}
#top .pc .container .hbtn {display:flex; align-items:center; gap:10px;}
#top .pc .container .hbtn img {width:30px;}
#top .pc .container .hbtn a {display:flex; align-items:center; gap:10px; font-size:24px; font-weight:bold; letter-spacing:-1px; color:#fff;}

#top .mobile .container {display:flex; align-items:center; padding:65px 30px 40px 30px; gap:13px; justify-content:space-between;}
#top .mobile .container .logo a {display:block; width:98px; filter:brightness(10);}
#top .mobile .container .hbtn {display:flex; align-items:center; gap:7px;}

#top.scroll .burger-icon {top:52%;}
#top.scroll .mobile .container {padding:20px 30px 15px 30px;}
#top.scroll .burger-check:checked~.menu ul {margin-top:59px;}

#top .menu { position: absolute; top: 0; right: 0;  height: 100vh;  max-width: 0;  transition: 0.5s ease;  z-index: 1;  background-color: #222;}
#top .burger-icon {  cursor: pointer;  display: inline-block;  position: absolute;  z-index: 2;  padding: 8px 0;  top:51%;  right: 23px; transform:translate(0,-50%);  user-select: none;  width: auto;  margin: 0;}
#top .burger-icon .burger-sticks {  background: #fff;  display: block;  height: 2px;  position: relative;  transition: background .2s ease-out;  width: 25px;}
#top .burger-icon .burger-sticks:before,
#top .burger-icon .burger-sticks:after { background: #fff;  content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out;  width: 100%;}
#top .burger-icon .burger-sticks:before {  top: 8px;}
#top .burger-icon .burger-sticks:after {  top: -8px;}
#top .burger-check {  display: none;}
#top .burger-check:checked~.menu {  max-width: 200px; height:100vh;}
#top .burger-check:checked~.menu ul {margin-top:128px;}

#top .burger-check:checked~.menu ul a {padding:16px 0 16px 16px; font-size:14px; border-top:1px solid #434343; color:#fff;}
#top .burger-check:checked~.burger-icon .burger-sticks { background: transparent;}
#top .burger-check:checked~.burger-icon .burger-sticks:before {transform: rotate(-45deg);}
#top .burger-check:checked~.burger-icon .burger-sticks:after {transform: rotate(45deg);}
#top .burger-check:checked~.burger-icon:not(.steps) .burger-sticks:before,
#top .burger-check:checked~.burger-icon:not(.steps) .burger-sticks:after { top: 0;}


a.longbtn {padding:18px 28px; display:inline-flex; align-items:center;  gap:15px; font-size:20px; font-weight:600; letter-spacing:-0.5px; border-radius:50px; color:#272727;}
a.longbtn .arrow {width:25px;}

/*visual*/
#visual { position:relative;  background:url('/_img/mvisual.png') no-repeat center bottom; background-size:cover; width:100%; height:100vh; overflow:hidden;}
#visual video {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100vh; z-index:1;}
#visual .container {width:100vw; height:100vh; }
#visual .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;  z-index:2;}
#visual .text h2 { margin-bottom:26px; font-size:28px; font-weight:800; line-height:1.5;  letter-spacing:-0.5px;}
#visual .text p {font-size:14px; font-weight:500; line-height:1.4;}

/*mFuture*/
#mFuture {padding:64px 0 42px 0;}
#mFuture h2 {margin-bottom:40px; font-size:25px; font-weight:800;  letter-spacing:-0.5px; line-height:1.4;}
#mFuture .img {border-radius:5px; overflow:hidden;}
#mFuture .text h3 {margin:14px 0 12px 0; font-size:20px; font-weight:700; color:#070707;}
#mFuture .text p {font-size:14px; font-weight:500; line-height:1.5; color:#656565;}
#mFuture .swiper-wrapper {padding-bottom:40px; }
#mFuture .swiper-scrollbar {display:block !important; height:5px;}
#mFuture .swiper-scrollbar-drag {background:#4F66AF !important;}

/*mCom*/
#mCom {}
#mCom .container {display:flex; flex-direction:column-reverse; }
#mCom .img .swiper {padding-bottom:40px;}
#mCom .img .swiper-pagination-bullet {margin:0 6px; width:11px; height:11px; background:#fff; border:1px solid #BFBFBF; opacity:1;}
#mCom .img .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#bfbfbf;}
#mCom .text {padding:40px 0 60px 0;}
#mCom .text h5 {font-size:12px; font-weight:500; color:#989898;}
#mCom .text h2 {margin:20px 0 24px 0; font-size:25px; font-weight:800; line-height:1.3; letter-spacing:-0.5px;}
#mCom .text p {font-size:14px; font-weight:500; line-height:1.5;}
#mCom .text a.longbtn {margin-top:40px; border:1px solid #707070; color:#272727;}

/*mNews*/
#mNews {position:relative; padding:40px 0 60px 0; background:#F3F3F3;}
#mNews .container {padding:0;}
#mNews .tit {margin-bottom:45px; padding:0 15px;}
#mNews .tit h2 {margin-bottom:24px; font-size:25px; font-weight:800; line-height:1.3; letter-spacing:-0.5px;}
#mNews .tit a.longbtn {border:1px solid #707070; color:#272727;}
#mNews .mnSwiper  {padding:0 15px 25px 15px;}
#mNews .mnSwiper .img {margin-bottom:24px; height:164px; overflow:hidden; border-radius:5px;}
#mNews .mnSwiper .text h3 {margin-bottom:16px; padding:0 20px 0 0; font-size:16px; font-weight:600; letter-spacing:-0.5px; color:#272727; line-height:1.5;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#mNews .mnSwiper .text .date {font-size:14px; color:#919191;}
#mNews .swiper-scrollbar { display:block !important; height:5px;}
#mNews .swiper-scrollbar-drag {background:#0060E6 !important;}

/*mEmploy*/
#mEmploy  {padding:50px 0 190px 0; background:url('/_img/employ_bg.jpg') no-repeat center bottom; background-size:cover;}
#mEmploy .tit {margin-bottom:45px; padding:0 15px;}
#mEmploy .tit h2 {margin-bottom:24px; font-size:25px; font-weight:800; line-height:1.3; letter-spacing:-0.5px;}
#mEmploy .tit a.longbtn {border:1px solid #dcdcdc; color:#272727;}
#mEmploy .tit a.longbtn:hover {}
#mEmploy .list ul {display:grid; grid-template-columns: repeat(1, 1fr); gap:18px;}
#mEmploy .list a {position:relative; display:block; width:100%; padding:38px 34px; height:215px; border-radius:5px; box-shadow:3px 3px 10px rgba(0 0 0 / 5%); background:#fff; box-sizing:border-box;}
#mEmploy .list a h3 {font-size:20px; font-weight:600; color:#272727; letter-spacing:-0.5px; line-height:1.4;}
#mEmploy .list a .bottom {position:absolute; bottom:30px; left:50%; transform:translate(-50%,0); display:flex; align-items:center; justify-content:space-between; width:100%; padding: 0 34px; box-sizing:border-box;}
#mEmploy .list a .bottom .date {font-size:14px; color:#919191; }
#mEmploy .list a .bottom .plus {width:15px;}
#mEmploy .list a:hover {background:linear-gradient(110deg, #02B4C8, #0059E9); transition:all 0.5s;}
#mEmploy .list a:hover h3 {color:#fff;}
#mEmploy .list a:hover .bottom .date {color:#fff;}
#mEmploy .list a:hover .bottom .plus {transform:rotate(180deg); filter:brightness(10); transition:all 0.5s;}


/*mApp*/
#mApp {padding:60px 0;}
#mApp .container {display:flex; flex-direction:column; gap:60px;}
#mApp .text h3 {font-size:25px; font-weight:800; line-height:1.3; letter-spacing:-0.5px;}
#mApp .text p {margin:20px 0; font-size:16px; color:#BEBEBE;}
#mApp .applink {display:flex; align-items:center; gap:10px;}
#mApp .applink a {width:160px;}
#mApp .appimg {display:flex; align-items:center; gap:15px;}
#mApp .appimg .img {width:80px; filter:drop-shadow(5px 5px 3px rgba(0 0 0/15%));}


/*mEvent*/
#mEvent {padding:30px 0; border-top:1px solid #c5c5c5;}
#mEvent ul {display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;}

/*footer*/
#fbn {background:#4D4D4D;}
#fbn ul {padding:15px 0; display:grid;  grid-template-columns: 40% 60%; gap:10px;}
#fbn a {display:block;font-size:12px; color:#fff; font-weight:400; letter-spacing:-0.5px;}

#footer {padding:20px 0; }
#footer .container {display:flex; flex-direction:column; gap:25px; }
#footer .logo { width:114px;}
#footer .text p {font-size:13px; font-weight:400; color:#3E3E3E; line-height:1.6;}
#footer .text p .bar {padding:0 8px; font-size:11px; color:#C9C9C9; }
#footer .text p.copyright {margin-top:13px; font-size:13px; color:#B4B4B4;}

/*sub*/
#svisual {position:relative; width:100%; height:480px;}
#svisual.int {background:url('/_img/com_visual.jpg') no-repeat center; background-size:cover;}
#svisual.notice {background:url('/_img/news_visual.jpg') no-repeat center; background-size:cover;}
#svisual.employ {background:url('/_img/employ_visual.jpg') no-repeat center; background-size:cover;}
#svisual.finProtect {background:linear-gradient(90deg, #4b6cb7, #182848) ; }

#svisual .svTxt  {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width:95%; color:#fff;}
#svisual .svTxt  h2 {margin-bottom:25px; font-size:28px; font-weight:700; letter-spacing:-1px;}
#svisual .svTxt  p {font-size:14px; font-weight:500; line-height:1.5;}


/*intTopMenu*/
#intTop {margin:30px 0 0 0;}
#intTop .tit {margin-bottom:20px; font-size:20px; font-weight:800; letter-spacing:-0.5px;}

.intTopMenu {overflow: hidden;  }
.intTopMenu ul {display:flex; align-items:center; flex-direction:column; gap:12px;}
.intTopMenu ul li {position:relative; width:100%; height:96px;}
.intTopMenu ul li:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0 0 0 / 50%); z-index:1; }
.intTopMenu ul li a {position:relative; display:block; width:100%; height:100%;}
.intTopMenu ul li a .txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:16px; font-weight:700; color:#fff; z-index:2;}
.intTopMenu ul li.on {height:170px;}
.intTopMenu ul li.on a .txt:after {content:''; position:absolute; bottom:-7px; left:50%;transform:translate(-50%, 0); width:80%; height:1px; background:#fff;}
.intTopMenu ul li:nth-child(1) {background:url('/_img/com_menu_1.jpg') center center; background-size:cover; }
.intTopMenu ul li:nth-child(2) {background:url('/_img/com_menu_2.jpg') center center; background-size:cover; }
.intTopMenu ul li:nth-child(3) {background:url('/_img/com_menu_3.jpg') center center; background-size:cover; }
.intTopMenu ul li:nth-child(4) {background:url('/_img/com_menu_4.jpg') center center; background-size:cover; }

#pageB {position:relative; top:0px; padding:10px 0;}

/*intText*/
#intText {margin:50px auto; letter-spacing:-0.5px;}
#intText h3 {margin-bottom:37px; font-size:16px; font-weight:500; line-height:1.5;}
#intText p {margin-bottom:28px; font-size:14px; font-weight:500; line-height:1.5;}
#intText p:last-child {margin-bottom:0;}
#intText .btn a {margin:45px auto 0 auto; width:100%; max-width:500px; padding:17px 0; display:flex; align-items:center; justify-content:center; gap:9px; font-size:16px; font-weight:500; color:#fff; background:#161616; border-radius:5px;}
#intText .btn a .text {position:relative; top:1px;}
#intText .btn a .arrow {width:17px;}

#intMerit {margin-bottom:70px;}
#intMerit ul {border-top:2px solid #1E1E1E; border-bottom:2px solid #1E1E1E;}
#intMerit ul li {display:flex; flex-direction:column; gap:10px; padding:28px 0 20px 0; border-bottom:1px solid #c5c5c5; letter-spacing:-0.5px;}
#intMerit ul li:last-child {border-bottom:0;}
#intMerit ul li .subject {font-size:16px; font-weight:800; color:#15396E;}
#intMerit ul li .text {color:#272727;}
#intMerit ul li .text h3 {margin-bottom:8px; font-size:14px; font-weight:700;}
#intMerit ul li .text p {font-size:14px; font-weight:500; line-height:1.6;}


/*comHistory*/
#comHistory {margin:0 auto 75px auto;}
#comHistory h3 {margin:40px 0 15px 0; font-size:20px; font-weight:700; color:#070707;}
#comHistory .listWarp {position:relative; display:flex; flex-direction:column; gap:23px; }
#comHistory .listWarp:before {content:''; position:absolute; top:-20px; right:10px; width:12px; height:12px; background:#005EE7; border-radius:100%; z-index:2;}
#comHistory .listWarp:after {content:''; position:absolute; top:-15px; right:16px; width:1px; height: calc(100% + 15px); background:#707070; z-index:1;}
#comHistory .listWarp .img { }
#comHistory .listWarp .img img { max-width:300px; }
#comHistory .listWarp .list {padding:0 35px 0 0;}
#comHistory .listWarp .list li {font-size:14px; font-weight:500; line-height:1.6; color:#656565;}

/*comOg*/
#comOg {color:#070707; letter-spacing:-0.5px; }
#comOg .ogWarp {margin:50px auto 70px auto; display:flex; flex-direction:column; gap:24px; }
#comOg .ogWarp .ogText h2 {margin-bottom:40px; font-size:20px; font-weight:700; line-height:1.4;}
#comOg .ogWarp .ogText p {margin-bottom:35px; font-size:14px; font-weight:500; line-height:1.5;}
#comOg .ogWarp .ogText .writer {display:flex; align-items:center; justify-content:end; gap:10px; font-size:14px;}
#comOg .ogWarp .ogText .writer .name {font-size:30px;}
#comOg .ogChart {margin-bottom:110px;}
#comOg .ogChart h3 {font-size:20px; font-weight:700;}
#comOg .ogChart p {margin:30px 0 50px 0; font-size:14px; font-weight:500; line-height:1.6;}
#comOg .ogChart .img > img {
    margin: 0 auto;
}

/*gnaPlace*/
#gnaPlace {padding:55px 0 15px 0; background:#F9F9F9;}
#gnaPlace .tit {margin-bottom:40px; text-align:center; }
#gnaPlace .tit h2 {margin-bottom:25px; font-size:20px; font-weight:700; letter-spacing:-0.5px;}
#gnaPlace .tit p {font-size:14px; font-weight:400; line-height:1.7; word-break:keep-all;}
#gnaPlace .navi .naviCon { background:#F9F9F9;}
#gnaPlace .img .list {width:100%; height:200px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#gnaPlace .img .list img { width: 100%;   height: 100%;  object-fit: cover; }

.placeTab {display:grid;  grid-template-columns: repeat(5, 1fr); border-bottom:1px solid #CCCCCC; padding:0 0 10px 0;}
.placeTab button {display:block; /*margin-left:-18px;*/ padding:8px 0; background:transparent; font-size:14px; font-weight:400; color:#A5A5A5;}
.placeTab button.active {font-weight:700; color:#272727;}
.tab-content { display: none; }
.tab-content.active {display: block;}
.tab-content .text {color:#272727;}
.tab-content .text .placetit {padding:25px 0 25px 10px;}
.tab-content .text h5 {font-size:13px; font-weight:500;}
.tab-content .text h2 {margin:4px 0 0 0; font-size:20px; font-weight:700;}
.tab-content .text p {font-size:14px; font-weight:500; line-height:1.7; word-break:keep-all;}
.tab-content .text p.mt {margin-top:15px;}
.tab-content .textp {margin-top:15px;}

/*awText*/
#awText {margin:50px auto; letter-spacing:-0.5px;}
#awText h2 {margin-bottom:30px; font-size:20px; font-weight:700;  line-height:1.5;}
#awText p {font-size:14px; font-weight:500; line-height:1.7;}

#awSlide .container  {position:relative; }
#awSlide .swiper-button-next:after,
#awSlide .swiper-button-prev:after {font-size:22px; color:#D2D2D2;}
#awSlide .swiper-button-next {right:15px;}
#awSlide .swiper-button-prev {left:15px;}

.navi {position:relative; text-align:center;}
.navi:before {content:''; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:1px; background:#A7A7A7;}
.navi .naviCon {position:relative; display:inline-flex; align-items:center; gap:12px; justify-content:center; padding:0 20px; background:#fff; z-index:9;}
.navi .naviCon .arrow {width:24px; border-radius:100%; background:none; cursor:pointer;}
.navi .naviCon .arrow:hover {background:#ececec; transition:all 0.5s;}
.navi .naviCon .naviCenter {display:flex; align-items:center; gap:7px; font-size:13px;}
.navi .naviCon .nowrap {white-space:nowrap; font-size:13px; font-weight:500;}
.navi .pagination {color:#A7A7A7; font-weight:500; letter-spacing:1px; width:38px; text-align:right;}
.navi .swiper-pagination-current {color:#000; font-weight:700;}

#certificate {margin:50px auto 90px;}
#certificate .bg-certificate {position:relative;padding:15px;}
#certificate .bg-certificate-info {display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#161F2E;z-index:0;}
#certificate .bg-certificate-info > img {max-width:60%;}
#certificate .bg-certificate-info > p {margin-top:60px;font-size:16px;color:#fff;text-align:center;}
#certificate .ccList {position:relative;display:grid;grid-template-columns: repeat(3, 1fr); gap:5px;z-index:1;}
#certificate .ccList > li {opacity:.05;transition:all .3s;}
#certificate .ccList > li:hover {opacity:1;}
#ceremony .ccList {margin-bottom:90px; display:grid; grid-template-columns: repeat(3, 1fr); gap:5px;}

/*noticeTop*/
#noticeTop {margin:35px auto;}
#noticeTop .container {display:flex; flex-direction:column; gap:17px;}
#noticeTop .total {font-size:14px; font-weight:500; }
#noticeTop .total .num {position:relative; top:-3px; font-size:20px; font-weight:800; color:#15396E;}
#noticeTop .search {position:relative;}
#noticeTop .search input {padding:15px 60px 15px 25px; width:100%; font-size:15px; background:#EFEFEF; border-radius:50px; color:#272727;}
#noticeTop .search input:placeholder {color:#888888;}
#noticeTop .search button {position:absolute; top:49%; right:22px; transform:translate(0,-50%); background:transparent; width:18px;}

#galleryList .container {display:grid; grid-template-columns: repeat(1, 1fr); gap:30px;}
#galleryList .list .img {margin-bottom:20px; width:100%; /* height:245px; */ border-radius:5px;}
#galleryList .list .img:before {content:"";display:block;padding-top:60%;}
#galleryList .list h5 {font-size:14px; font-weight:700; color:#15396E;}
#galleryList .list h3 {margin:4px 0 9px 0; font-size:20px; font-weight:700; color:#272727; overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap; width:100%; max-width:330px;}
#galleryList .list .type {font-size:14px; color:#8E8E8E; font-weight:400;}

/*pagination*/
.pagination {margin:20px auto; width:90%; max-width:1200px; display:flex; align-items:center; justify-content:center;}
.pagination button {background:transparent; width:37px; height:34px; display:flex; align-items:center; justify-content:center; font-size:14px;  line-height:11px; font-family:"맑은 고딕" }
.pagination button:hover {font-weight:800;}
.pagination button.active {border-radius:5px; background:linear-gradient(110deg, #008CD3, #0059E9); color:#fff;}
.pagination button.arrow {width:25px;}
.pagination button.arrow span {font-size:15px; color:#2D2D2D;}
.pagination .hide { display:flex; align-items:center; }
.pagination .show  { display:flex; align-items:center; }

/*emNotice*/
#emNotice .tit {margin:50px auto 40px auto; letter-spacing:-0.5px;}
#emNotice .tit h2 {margin-bottom:25px; font-size:20px; font-weight:700; line-height:1.5;}
#emNotice .tit p {font-size:14px; font-weight:500; line-height:1.6;}

#emNotice .emNoticeList {display:flex; flex-direction:column; }
#emNotice .emNoticeList li {position:relative; padding:33px 0; border-radius:5px; background:linear-gradient(180deg, #EFEFEF, #fff); }
#emNotice .emNoticeList li h3 {margin-bottom:15px; font-size:20px; font-weight:700;}
#emNotice .emNoticeList li p {font-size:14px; font-weight:500; line-height:1.7;}

#emList {margin-top:40px; border-top:2px solid #1E1E1E; border-bottom:2px solid #1E1E1E; }
#emList .list a {position:relative; display:block; padding:30px 0; border-bottom:1px solid #C5C5C5; }
#emList .list:last-child a {border-bottom:0;}
#emList .list a .markRight {position:absolute; top:25px; right:0; z-index:9; }
#emList .list a .mark {width:75px; height:33px; display:flex; align-items:center; justify-content:center;
border-radius:50px; font-size:14px; color:#fff; font-weight:500; letter-spacing:-0.5px;}
#emList .list a .mark.daily { background:linear-gradient(110deg, #008CD3, #0059E9);}
#emList .list a .mark.finish {background:#393939;}
#emList .list a h3 {padding:0 80px 0 0; margin-bottom:16px; font-size:20px; font-weight:700;}
#emList .list a p {display:flex; flex-wrap:wrap; padding:0 20px 0 0 ;font-size:14px; line-height:1.5;}
#emList .list a .bar {position:relative; top:1px; margin:0 8px; font-size:13px; color:#7D7D7D;}

#boardNotice {margin-top:40px; border-top:2px solid #1E1E1E; border-bottom:2px solid #1E1E1E; }
#boardNotice .list a {position:relative; display:block; padding:30px 0; border-bottom:1px solid #C5C5C5; }
#boardNotice .list:last-child a {border-bottom:0;}
#boardNotice .list a .markRight {position:absolute; top:25px; right:0; z-index:9; }
#boardNotice .list a .mark {width:75px; height:33px; display:flex; align-items:center; justify-content:center;
border-radius:50px; font-size:14px; color:#fff; font-weight:500; letter-spacing:-0.5px;}
#boardNotice .list a .mark.daily { background:linear-gradient(110deg, #008CD3, #0059E9);}
#boardNotice .list a .mark.finish {background:#393939;}
#boardNotice .list a h3 {padding:10px 80px 0 0; font-size:20px; font-weight:700;}
#boardNotice .list a p {display:flex; flex-wrap:wrap; padding:0 20px 0 0 ;font-size:14px; line-height:1.5;}
#boardNotice .list a .bar {position:relative; top:1px; margin:0 8px; font-size:13px; color:#7D7D7D;}

/*boardView*/
#boardView .bbTit {margin-bottom:37px; padding:40px 0; display:flex; flex-direction:column; gap:20px; border-bottom:2px solid #1E1E1E; }
#boardView .bbTit h3 {margin-bottom:14px; font-size:20px; font-weight:700; letter-spacing:-0.5px; }
#boardView .bbTit p {display:flex; flex-wrap:wrap; padding:0 10px 0 0 ; font-size:14px; line-height:1.5; font-weight:500;}
#boardView .bbTit p .bar {margin:0 6px; font-weight:300;}
#boardView .bbTit .date {color:#999;}
#boardView .bbTit .flexBox {display:flex; align-items:center; justify-content:space-between;}
#bbCon .employBtn  {padding:25px 0 50px 0; text-align:center;}
#bbCon .employBtn a {width:80%; justify-content:center; max-width:495px;}

.employBtn a {display:inline-flex; align-items:center;  gap:14px; padding:15px 30px; border-radius:5px; font-size:14px; font-weight:500; color:#fff; background:#161616;}
.employBtn a:hover {background:#1545da; transition:all 0.5s;}
.employBtn a .link {width:16px;}


#emPop { display: grid; grid-template-rows: 1fr auto; height: 100%; }
#emPop .pc {display:none;}
#emPop .mobile {display:block;}
#emPop .container {padding:40px 25px; height:100%; overflow:auto; }
#emPop .back {width:14px;}
#emPop .tit {padding-bottom:10px; border-bottom:1px solid #707070;}
#emPop .tit h2 {margin:15px 0; font-size:20px; font-weight:700;}
#emPop .tit p {font-size:14px; font-weight:500;}
#emPop .emSelectWarp {position:relative; width:50%; max-width:348px;}
#emPop .emSelectWarp select {margin-top:15px; width:100%; padding:10px 15px; border-radius:3px; border:1px solid #C4C4C4; font-size:14px; color:#C4C4C4; cursor:pointer;}
#emPop .emSelectWarp select:focus {border:1px solid #808080; color:#808080;}
#emPop .emSelectWarp select option[value=""][disabled] {display: none;}
#emPop .emSelectWarp .arrow {position:absolute; top:58%; right:15px; transform:translate(-50%,0); display:flex; width:11px; height:7px;}
#emPop h3 {margin:30px 0 22px 0; font-size:16px; font-weight:700;}
#emPop h4 {margin-bottom:15px; font-size:14px; font-weight:700;}
#emPop .emBasic {padding-bottom:20px; }
#emPop .emBasic li {margin-bottom:13px; width:100%; }
#emPop .emBasic li:last-child {margin-bottom:0;}
#emPop .emBasic input {padding:10px 0; border-bottom:1px solid #C4C4C4; font-size:14px; width:100%; color:#222; letter-spacing:-0.5px;}
#emPop .emBasic input:placeholder {color:#c4c4c4;}
#emPop .emDoc .inputWarp {margin-bottom:20px; display:flex; flex-direction:column; gap:15px; }
#emPop .emDoc .inputWarp:last-child {margin-bottom:0;}
#emPop .emDoc .inputWarp label {font-size:14px; font-weight:700; }
#emPop .inputFile {display:flex; align-items:center; gap:5px; cursor:pointer;}
#emPop .inputFile .plus {display:flex; align-items:center; justify-content:center; width:100%; border-radius:3px; border:1px solid #C4C4C4;  color:#C4C4C4; font-size: 20px; height:31px;}
#emPop .inputFile .add {display:flex; align-items:center; justify-content:center; padding:0 11px; font-size:12px; font-weight:600; color:#070707; background:#ECECEC; border-radius:3px; height:31px;}
#emPop .fileName {margin-bottom:20px;}
#emPop .fileName li {margin-bottom:5px; display:flex; align-items:center; justify-content:space-between; color:#aaa;}
#emPop .fileName li:last-child {margin-bottom:0;}
#emPop .fileName li p {font-size:12px; line-height:1.4; width:80%; }
#emPop .fileName li span {font-size:15px;}
#emPop .submitBtn {/*margin-top:45px;*/ text-align:center;}

#emPop .submitBtn button {display:block; padding:16px 65px; font-size:14px; color:#fff; background:#161616; border-radius:0 0 5px 5px;width:100%;}
/*#emPop .submitBtn button {display:inline-block; padding:16px 65px; font-size:14px; color:#fff; background:#161616; border-radius:5px;}
#emPop .submitBtn button:hover {color:#000;}
*/



/*noticeFinProtect*/
.noticeFinProtect .pagination {margin:20px auto;}
.noticeFinProtect .pagination button.active {background:none; color:#3052da; font-weight:800;}
.noticeFinProtect .pagination button {border:none; color:#91939e; font-size:13px;}
.noticeFinProtect .container {padding:20px 20px 40px 20px;}

#svimg.noticefp-sv {margin-bottom:20px; padding:140px 20px 40px 20px; background:#292b33;}
#svimg.noticefp-sv h2 {display:flex; align-items:center; gap:10px; flex-direction:column; justify-content:center; font-size:20px; line-height:1.4; font-weight:300; text-align:center; letter-spacing:-0.5px; color:#fff;}
#svimg.noticefp-sv h2 .ico {font-size:30px; color:#c2c7db;}


.nptSlect {width:100%; max-width:1300px; margin:0 auto;}
.nptSlect .swiper-container {overflow: visible;}
.nptSlect.swiper {padding:0 20px 15px 20px;}
.nptSlect .swiper-scrollbar {width:90% !important; left:50% !important; transform:translate(-50%,0);}
.nptSlect .swiper-slide {width:fit-content !important;}
.nptSlect input {display:none; appearance:none;}
.nptSlect input + label {display:block; cursor:pointer; padding:12px 15px; text-align:center; background:#f6f6f6; border:1px solid #ededed; border-radius:3px; color:#222; font-size:12px; font-weight:500;}
.nptSlect input + label:hover {background:#ededed; transition:all 0.5s;}
.nptSlect input:checked + label {background:#3052da; border:1px solid #3052da; color:#fff; font-weight:700;}

.nptList table {width:100%; text-align:center; font-size:12px; table-layout:fixed;}
.nptList table thead th {padding:12px 5px; background:#eff0f5; color:#2b2c2f; font-weight:600; border-top:2px solid #292b33; vertical-align:middle;}
.nptList table tbody td {padding:15px 0;  color:#222; font-weight:400; vertical-align:middle; white-space:normal; word-break:break-word;}
.nptList table tbody td .ico {font-size:20px;}
.nptList table tbody tr {background:#fff; border-bottom:1px solid #eff0f5;}
.nptList table tbody tr:hover {background:#f9faff; transition:all 0.5s;}
.nptList a:hover {color:#3052da;}

.nptSearch {}
.nptSearch .nptSearchCon {display:flex; align-items:center; justify-content:center; gap:5px;}
.nptSearch .nptSearchCon .select {position:relative; }
.nptSearch .nptSearchCon .select .arrow {position:absolute; top:50%; right:10px; transform:translate(0,-50%); width:8px;}
.nptSearch .nptSearchCon select {padding:10px 12px; background:#f6f6f6; border:1px solid #ededed; width:70px; border-radius:3px;}
.nptSearch .nptSearchCon select:focus {border:1px solid #181a20;}
.nptSearch .nptSearchCon input {padding:10px 12px; background:#f6f6f6; border:1px solid #ededed; width:65%; border-radius:3px;}
.nptSearch .nptSearchCon input:focus {border:1px solid #181a20;}
.nptSearch .nptSearchCon button.searchBtn {width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:#292b33; color:#fff; border-radius:3px;}
.nptSearch .nptSearchCon button.searchBtn img {width:16px; filter:grayscale(1) brightness(5);}
.nptSearch .nptSearchCon button:hover {background:#181a20;}

.nptTerm {margin-top:40px; width:100%; background:#eff0f5; padding:12px 25px;  border-radius:3px;}
.nptTerm ul {display:flex; align-items:center; justify-content:center; flex-direction:column;}
.nptTerm li {border-bottom:1px dashed #c7c9d5; width:100%; text-align:center;}
.nptTerm li:last-child {border:none;}
.nptTerm a {display:block; padding:7px 0; font-size:13px; color:#222;}


#docsBrockerPop {padding:20px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:15px;}
.nptTermTit {position:absolute; top:0; left:50%; transform:translate(-50%,0); width:100%; height:63px; display:flex; align-items:center; justify-content:center; background:#292b33; color:#fff; font-size:16px; text-align:center; z-index:9;}
#nptTermPop .nptTermCon { margin-top:60px; padding:20px; text-align:left; color:#393939; font-size:13px; line-height:1.4;}
#nptTermPop .nptTermCon {font-size:13px; line-height:1.5;}
#nptTermPop .nptTermCon h2 {margin-bottom:20px; font-size:18px; font-weight:700; color:#222; word-break:keep-all;}
#nptTermPop .nptTermCon h3 {margin-bottom:10px; font-size:16px; font-weight:500;}
#nptTermPop .nptTermCon p {margin-bottom:10px; }
#nptTermPop .nptTermCon ul {margin-bottom:10px;}
#nptTermPop .nptTermCon ul ul {margin:10px 0; opacity:0.8;}
#nptTermPop .nptTermCon ul ul li {gap:5px;}
#nptTermPop .nptTermCon li {display:flex; align-items:baseline; gap:10px;}



.noticeView .container {max-width:750px;}
.noticeView img {width:100% !important;}
.noticeView {line-height:1.8rem;}

/*
@media (min-width: 1280px) {
.noticeView { line-height:1.8rem;}
}
*/


@media (min-width: 1280px) {
	.pc {display:block;}
	.mobile {display:none;}
	.br {display:block; width:1px;}
	.mbr {display:none;}

	.wLayPopupWrap .wLayItem .wLayHead {line-height:2.5; font-size:20px;}

	.container { padding:0; max-width:1300px; }

	a.longbtn {padding:30px 38px; gap:30px; font-size:28px;}
	a.longbtn .arrow {width:45px;}

	#visual video {height:115vh;}
	#visual .text {top:54%;}
	#visual .text h2 { margin-bottom:31px; font-size:66px; line-height:1.4;}
	#visual .text p {font-size:23px; line-height:1.6;}

	#mFuture {padding:110px 0 200px;}
	#mFuture h2 {margin-bottom:60px; font-size:45px; }
	#mFuture .text h3 {margin:25px 0 15px 0; font-size:28px;}
	#mFuture .text p {font-size:16px;}
	#mFuture .swiper-wrapper {padding-bottom:80px; }
	#mFuture .swiper-scrollbar {height:7px;}
	#mFuture .swiper-scrollbar-drag {background:#0060E6 !important;}

	#mCom .container {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
	#mCom .img {width:630px;}
	#mCom .text {padding:0 ;}
	#mCom .text h5 {font-size:16px;}
	#mCom .text h2 {margin:13px 0 43px 0; font-size:45px; }
	#mCom .text p {font-size:23px;}
	#mCom .text a.longbtn {margin-top:80px;}
	#mCom .text a.longbtn:hover {background:#f1f1f1; transition:all 0.5s;}

	#mNews {margin-top:180px; padding:120px 0 160px 0;}
	#mNews .tit {display:flex; align-items:center; justify-content:space-between; margin-bottom:85px; padding:0;}
	#mNews .tit h2 {margin-bottom:0; font-size:45px;}
	#mNews .tit a.longbtn {border:1px solid #707070; color:#272727;}
	#mNews .mnSwiper  {padding:0 0 60px 0;}
	#mNews .mnSwiper .img {margin-bottom:42px; height:310px;}
	#mNews .mnSwiper .text h3 {margin-bottom:11px; padding:0 60px 0 0; font-size:23px;}
	#mNews .mnSwiper .text .date {font-size:16px;}
	#mNews a.longbtn:hover {background:#ededed; transition:all 0.5s;}

	#mEmploy  {padding:150px 0 515px 0;}
	#mEmploy .tit {display:flex; align-items:center; justify-content:space-between;  margin-bottom:90px;}
	#mEmploy .tit h2 {margin-bottom:0; font-size:45px;}
	#mEmploy .tit a.longbtn:hover {background:#f7f7f7; transition:all 0.5s;}
	#mEmploy .list ul {grid-template-columns: repeat(3, 1fr); gap:32px;}
	#mEmploy .list a {padding:50px 45px; height:287px; box-shadow:3px 3px 15px rgba(0 0 0 / 5%);}
	#mEmploy .list a h3 {font-size:28px;}
	#mEmploy .list a .bottom {position:absolute; bottom:37px;  padding: 0 45px;}
	#mEmploy .list a .bottom .date {font-size:16px; }
	#mEmploy .list a .bottom .plus {width:17px;}

	#mApp {padding:140px 0 95px 0;}
	#mApp .container {flex-direction:row; gap:0; justify-content:space-between;}
	#mApp .text h3 {font-size:35px;}
	#mApp .text p {margin:11px 0 20px 0; font-size:28px;}
	#mApp .applink {gap:7px;}
	#mApp .applink a {width:130px;}
	#mApp .appimg {gap:70px;}
	#mApp .appimg .img {width:140px; filter:drop-shadow(5px 5px 3px rgba(0 0 0/15%));}

	#mEvent {padding:85px 0;}
	#mEvent ul {grid-template-columns: repeat(4, 1fr); gap:20px;}

	#fbn ul {display:flex; align-items:center; gap:40px; }
	#fbn a {padding:15px 0; font-size:18px; font-weight:500;}

	#footer {padding:30px 0; }
	#footer .container {display:flex; flex-direction:row;  gap:45px;}
	#footer .logo {position:relative; top:4px; width:163px;}
	#footer .text p {font-size:16px;}
	#footer .text p .bar {display:inline-block; padding:0 8px; font-size:15px;}
	#footer .text p.copyright {margin-top:20px; font-size:16px;}

	#svisual {height:660px;}
	#svisual .svTxt {top:53%;}
	#svisual .svTxt  h2 {margin-bottom:27px; font-size:66px; }
	#svisual .svTxt  p {font-size:23px;}

	#intTop {margin:108px 0 0 0 ;}
	#intTop .tit {margin-bottom:63px; padding:0 5px; font-size:45px;}

	.intTopMenu {width:100%; height: 540px;  overflow: hidden;  }
	.intTopMenu ul { width: 100%; display: table;  table-layout: fixed;  margin: 0;  padding: 0; border-spacing:8px 0;}
	.intTopMenu ul li { display: table-cell;  border-spacing:8px; vertical-align: bottom; position: relative;  width:210px;  height: 540px;
	background-repeat: no-repeat;  background-position: center center;   transition: all 500ms ease; }
	.intTopMenu ul li a .txt {position:absolute; width:auto; top:inherit; bottom:33px; left:50%; transform:translate(-50%,0); font-size:28px; font-weight:800; color:#fff;}
	.intTopMenu ul li.on a .txt:after {display:none;}
	.intTopMenu ul li.on {width:635px;}
	.intTopMenu ul li.on .txt {left:60px; transform:translate(0,0); }
	.intTopMenu ul li:after {content:''; position:absolute; bottom:50px; right:62px; width:1%; height:1px; background:#fff; opacity:0;
	top:inherit; left:inherit; transform:translate(0, 0);}
	.intTopMenu ul li.on:after {content:''; position:absolute; bottom:50px; right:62px; width:62%; height:1px; background:#fff; opacity:1; transition:all 0.5s;
	top:inherit; left:inherit; transform:translate(0, 0);}
	.intTopMenu ul li.on.no:after {content:none;}
	.intTopMenu ul li.on.no.noo:after {content:''; position:absolute; bottom:50px; right:62px; width:62%; height:1px; background:#fff; opacity:1;}
	.intTopMenu ul li:hover:after {content:''; position:absolute; bottom:50px; right:62px; width:62%; height:1px; background:#fff; opacity:1; transition:all 0.5s;
	top:inherit; left:inherit; transform:translate(0, 0);}
	.intTopMenu ul li:hover .txt {left:60px; transform:translate(0,0); transition:all 0.5s;}
	.intTopMenu ul li:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:1; transition:all 0.3s;}
	.intTopMenu ul li:nth-child(1) {background-position:25% 0;}
	.intTopMenu ul li:nth-child(2) {background-position:35% 0;}
	.intTopMenu ul li:nth-child(3) {background-position:54% 0;}
	.intTopMenu ul li:nth-child(4) {background-position:48% 0;}
	.intTopMenu ul:hover li { width:210px; }
	.intTopMenu ul:hover li:hover { width: 635px;}

	#pageB {position:relative; top:0;}

	#intText {margin:180px auto 150px auto;}
	#intText h3 {margin-bottom:60px; font-size:45px;}
	#intText p {margin-bottom:55px; font-size:23px; line-height:1.8;}
	#intText p:last-child {margin-bottom:0;}
	#intText .img {margin:110px auto; border-radius:5px; overflow:hidden;}
	#intText .btn a {margin-top:0; padding:26px 0; gap:15px; font-size:23px;}
	#intText .btn a .arrow {width:26px;}

	#intMerit {margin-bottom:180px;}
	#intMerit ul li { flex-direction:row; gap:65px; align-items:center;  padding:90px 0 85px 0;}
	#intMerit ul li .subject {font-size:28px; width:175px;}
	#intMerit ul li .text h3 {margin-bottom:35px; font-size:28px;}
	#intMerit ul li .text p {font-size:23px;}

	#comHistory {margin:160px auto 200px auto;}
	#comHistory .container {width:1200px;}
	#comHistory h3 {margin:80px 0; font-size:45px; text-align:center; }
	#comHistory h3 span {position:relative; left:-47px;}
	#comHistory .listWarp {flex-direction:row; gap:10px; justify-content:space-around; }
	#comHistory .listWarp:before {top:-40px; right:inherit; left:46%; transform:translate(-50%,0); width:16px; height:16px;}
	#comHistory .listWarp:after {top:-25px; right:inherit; left:46%; transform:translate(-50%,0); height: calc(100% + 27px); }
	#comHistory .listWarp .img { width:95%; text-align:right; /* padding-left:0px; width:auto; max-width:390px; */ }
	#comHistory .listWarp .img img { padding-right:50px; }
	#comHistory .listWarp .list {  width:105%;padding:0; }
	#comHistory .listWarp .list li {font-size:16px; line-height:2.2;}

	#comOg .ogWarp {position:relative; margin:210px auto; flex-direction:row; gap:0; }
	#comOg .ogWarp .ogText {padding-left:80px;}
	#comOg .ogWarp .ogText h2 {margin-bottom:60px; font-size:45px; line-height:1.6;}
	#comOg .ogWarp .ogText p {margin-bottom:50px; font-size:23px; line-height:1.7;}
	#comOg .ogWarp .ogText .writer {gap:25px; font-size:23px; padding-right:70px;}
	#comOg .ogWarp .ogText .writer .name {font-size:63px;}
	#comOg .ogWarp .ceo {position:absolute; bottom:-75px; right:-110px; max-width:630px; z-index:-1;}
	#comOg .ogChart {margin-bottom:210px;}
	#comOg .ogChart h3 {font-size:45px;}
	#comOg .ogChart p {margin:55px 0 120px 0; font-size:23px;}

	#gnaPlace {margin-top:60px; padding:130px 0;}
	#gnaPlace .tit {margin-bottom:100px;}
	#gnaPlace .tit h2 {margin-bottom:57px; font-size:45px;}
	#gnaPlace .tit p {font-size:23px;}
	#gnaPlace .img .list {height:380px;}
	#gnaPlace .pagination {margin:0;}


	.placeCon {position:relative; }
	.placeTab {position:absolute; top:0; right:0;  width: calc(50% - 33px); }
	.placeTab button {display:block; /*margin-left:-35px;*/  padding:15px 0; font-size:20px; font-weight:400; color:#A5A5A5;}
	.tabCon {display:flex; gap:66px;}
	.tabCon .img,
	.tabCon .text {width:617px;}
	.tabCon .img .navi {margin-top:20px;}
	.tab-content .text .placetit {padding:230px 0 0 20px;}
	.tab-content .text .placetit p {font-size:18px; letter-spacing:-0.5px;}
	.tab-content .text h5 {font-size:18px;}
	.tab-content .text h2 {margin:0; font-size:30px;}
	.tab-content .text p {font-size:23px;}
	.tab-content .text p.mt {margin-top:25px;}
	.tab-content .text .flex {margin-top:6px; display:flex; gap:10px; align-items:baseline; }



	#awText {margin:220px auto 150px auto;}
	#awText h2 {margin-bottom:55px; font-size:45px;}
	#awText p {font-size:23px;}

	#awSlide .container  {position:relative; padding:0 85px 0 95px;}
	#awSlide .swiper-slide img {width:auto; height:270px;}
	#awSlide .swiper-button-next:after,
	#awSlide .swiper-button-prev:after {font-size:40px;}
	#awSlide .swiper-button-next {right:0;}
	#awSlide .swiper-button-prev {left:0;}

	#awSlide .navi {margin-top:20px;}
	.navi .naviCon {gap:16px; padding:0 30px;}
	.navi .naviCon .arrow {width:34px;}
	.navi .naviCon .naviCenter {margin-right:-7px; gap:10px; font-size:16px;}
	.navi .naviCon .nowrap {font-size:16px; }
	.navi .pagination {width:55px;}

	#certificate {margin:220px auto 420px auto;}
	#certificate .ccList {gap:15px; grid-template-columns: repeat(5, 1fr);}

	#ceremony .ccList {margin-bottom:400px; gap:30px 15px; display:grid; grid-template-columns: repeat(3, 1fr);}

	#noticeTop {margin:100px auto 60px auto;}
	#noticeTop .container {flex-direction:row; gap:0; justify-content:space-between; align-items:center; }
	#noticeTop .total {font-size:23px;}
	#noticeTop .total .num {position:relative; top:-3px; font-size:30px;}
	#noticeTop .search input {padding:17px 65px 17px 30px; max-width: 350px; font-size:20px;}
	#noticeTop .search button {width:25px;}

	#galleryList .container {grid-template-columns:repeat(3, 1fr); gap:95px 35px;}
	#galleryList .list .img {margin-bottom:28px; /* height:310px; */ }
	#galleryList .list h5 {font-size:16px;}
	#galleryList .list h3 {margin:4px 0 16px 0; font-size:23px; max-width:450px;}
	#galleryList .list .type {font-size:16px;}

	.pagination {margin:60px auto;}
	.pagination button {width:38px; height:37px; font-size:16px;}
	.pagination button.arrow {width:40px;}
	.pagination button.arrow span {font-size:22px;}

	#emNotice .tit {margin:135px auto 110px auto; }
	#emNotice .tit h2 {margin-bottom:40px; font-size:45px;}
	#emNotice .tit p {font-size:23px;  line-height:1.7;}

	#emNotice .emNoticeList {flex-direction:row; gap:38px; }
	#emNotice .emNoticeList li {width:33.33%; padding:50px 0 62px 0;}
	#emNotice .emNoticeList li h3 {margin-bottom:34px; font-size:28px;}
	#emNotice .emNoticeList li p {font-size:23px;}

	#emList { margin-top:110px; }
	#emList .list a {padding:42px 0  37px 0; }
	#emList .list a .markRight {top:50%; right:30px; transform:translate(0,-50%); display:flex; align-items:center; gap:30px;}
	#emList .list a .markRight .mark { width:107px; height:46px; font-size:16px; }
	#emList .list a .markRight .date {font-size:18px; font-weight:500; color:#070707;}
	#emList .list a h3 {padding:0; margin-bottom:16px; font-size:28px;}
	#emList .list a p {padding:0 ;font-size:16px;}
	#emList .list a .bar {top:1px; margin:0 11px; font-size:14px;}

	#boardNotice {  }
	#boardNotice .list a {padding:20px 0; }
	#boardNotice .list a .markRight {top:50%; right:30px; transform:translate(0,-50%); display:flex; align-items:center; gap:30px;}
	#boardNotice .list a .markRight .mark { width:107px; height:46px; font-size:16px; }
	#boardNotice .list a .markRight .date {font-size:18px; font-weight:500; color:#070707;}
	#boardNotice .list a h3 {padding:0;  font-size:20px;}
	#boardNotice .list a p {padding:0 ;font-size:16px;}
	#boardNotice .list a .bar {top:1px; margin:0 11px; font-size:14px;}


	#boardView .bbTit {margin-bottom:60px; padding:140px 0 35px 0; flex-direction:row; gap:0; justify-content:space-between;}
	#boardView .bbTit h3 {margin-bottom:16px; font-size:28px; }
	#boardView .bbTit p {padding:0; font-size:16px;}
	#boardView .bbTit p .bar {margin:0 8px;}
	#boardView .bbTit .flexBox {justify-content:flex-start; gap:20px;}
	#boardView .bbTit .date {font-size:16px;}
	#bbCon .employBtn  {padding:110px 0 200px 0 ; text-align:center;}
	#bbCon .employBtn a {padding:25px 0; font-size:22px; gap:24px;}
	#bbCon .employBtn a .link {position:relative; top:-1px; width:26px;}

	.employBtn a {gap:7px; padding:15px 25px; border-radius:5px; font-size:16px; }
	.employBtn a .link {width:18px;}

	#svimg.noticefp-sv {margin-bottom:40px; padding:160px 20px 80px 20px;}
	#svimg.noticefp-sv h2 {flex-direction:row; font-size:35px;}
	#svimg.noticefp-sv h2 .ico {font-size:40px;}

	.nptSlect ul {display:grid; grid-template-columns:repeat(7, 1fr); gap:10px;}
	.nptSlect .swiper-slide {width:100% !important;}
	.nptList table {font-size:15px;}
	.nptSlect input + label {padding:15px; font-size:14px;}
	.nptList table thead th {padding:20px 0; }
	.nptList table tbody td .ico {font-size:23px;}
	.nptSearch .nptSearchCon select {padding:12px 15px; width:80px;}
	.nptSearch .nptSearchCon input  {padding:12px 15px; width:260px; }
	.nptSearch .nptSearchCon button.searchBtn {width:42px; height:42px;}
	.nptSearch .nptSearchCon button.searchBtn img {width:20px;}
	.nptTerm {margin-top:60px; padding:15px 0;}
	.nptTerm ul {flex-direction:row;}
	.nptTerm li {width:auto; border-right:1px solid #c7c9d5; border-bottom:none;}
	.nptTerm a {padding:0 15px; font-size:15px;}
	.noticeFinProtect .pagination {margin:60px auto;}
	.noticeFinProtect .pagination button {font-size:15px;}
	.nptTermTit {font-size:20px;}
	#nptTermPop .nptTermCon {font-size:15px; line-height:1.6;}
	#nptTermPop .nptTermCon h2 {font-size:22px;}
	#nptTermPop .nptTermCon h3 {font-size:18px;}
	#nptTermPop .nptTermCon ul {margin-bottom:20px;}

}
@media (min-width: 1080px) and (max-width: 1279px) {
    #galleryList .container {grid-template-columns: repeat(3, 1fr);}    
	#certificate .ccList {grid-template-columns: repeat(4, 1fr);}
}
@media (min-width: 720px) and (max-width: 1079px) {
    #galleryList .container {grid-template-columns: repeat(2, 1fr);}  
	#certificate .ccList {grid-template-columns: repeat(4, 1fr);}
}
@media (min-width: 640px) { 
	#emPop .pc {display:block;}
	#emPop .mobile {display:none;}
	/*#emPop .container {padding:80px 90px; height:704px; overflow-y:scroll;}*/
	#emPop .back {width:18px;}
	#emPop .tit {padding-bottom:15px;}
	#emPop .tit h2 {margin:23px 0 15px 0; font-size:38px;}
	#emPop .tit p {font-size:18px; }
	#emPop .emSelectWarp {width:auto; max-width:176px;}
	#emPop .emSelectWarp select {margin-top:25px;  border-radius:5px; font-size:16px;}
	#emPop .emSelectWarp select:focus {border:1px solid #808080; color:#808080;}
	#emPop .emSelectWarp .arrow {top:63%; right:8px; width:13px;}
	#emPop h3 {margin:50px 0 45px 0; font-size:24px;}
	#emPop h4 {margin-bottom:20px; font-size:18px;}
	#emPop .emBasic {padding-bottom:30px; }
	#emPop .emBasic li {margin-bottom:25px; }
	#emPop .emBasic li:last-child {margin-bottom:0;}
	#emPop .emBasic input {padding:15px 0; font-size:18px;}
	#emPop .emDoc .inputWarp {margin-bottom:20px; display:flex; flex-direction:column; gap:15px; }
	#emPop .emDoc .inputWarp:last-child {margin-bottom:0;}
	#emPop .emDoc .inputWarp label {font-size:18px; }
	#emPop .inputFile {gap:8px; }
	#emPop .inputFile .plus {justify-content:flex-start; padding:0 15px; border-radius:5px; font-size: 15px; height:40px;}
	#emPop .inputFile .add {padding:0 22px; font-size:16px;  border-radius:5px; height:40px;}
	#emPop .fileName {margin-bottom:60px;}
	#emPop .fileName li {margin-bottom:5px;}
	#emPop .fileName li:last-child {margin-bottom:0;}
	#emPop .fileName li p {font-size:14px;}
	#emPop .fileName li span {font-size:18px;}
	/* #emPop .submitBtn {margin-top:95px;} */
	#emPop .submitBtn button {padding:26px 208px; font-size:23px;}
}