@charset "utf-8";

/* 공통 CSS */
.dn{display:none}
.df {display: flex !important;align-items: center;}

/*slick css*/
.slick-slider {width:100%;height: 100%;overflow:hidden;position:relative;z-index: 8;}
.slick-slider div {width:100%;height: 100%;float:left;}


/* 반응형 */
.pc-only {}
.mo-only {display: none;}

@media screen and (max-width: 960px) {
	.pc-only {display: none;}
	.mo-only {display: block;}
}


/* Owl Carousel */
.owl-stage-outer {position:relative;overflow:hidden;}
.owl-stage {position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-item {min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
/* .owl-nav {position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%} */
.owl-nav.disabled {display: none;}
.owl-dots {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 100%;}
.owl-dot {z-index:11;}
.owl-dot span {display: block;width: 8px;height: 8px;background: #c5c5c5;border-radius: 100%;margin: 0 5px; transition: all 0.3s;}
.owl-dot.active span {background: #005ad4; width: 20px; border-radius: 20px;}

/* 레이아웃 */
.wr-1200 {width: 100%; max-width: 1200px; margin: 0 auto;}
.wr-1300 {width: 100%; max-width: 1300px; margin: 0 auto;}
.wr-1400 {width: 100%; max-width: 1400px; margin: 0 auto;}

/* 버튼 */
.btn__wr {}
.btn__more {width: 150px; line-height: 50px; text-align: center; font-size: 20px; color: #000; border: 1px solid #000; transition: all 0.2s;}
.btn__more:hover {background: #005ad4; color: #FFF; border: 1px solid #005ad4;}
/* .btn__more:hover {background: #000; color: #FFF;} */

.btn__wr_v2 {text-align: center;}
.btn__more_v2 {width: 150px; line-height: 50px; text-align: center; font-size: 20px; color: #FFF; border: 1px solid #FFF; transition: all 0.2s;}
.btn__more_v2:hover {background: #005ad4;color: #FFF;border: 1px solid #005ad4;}

.btn__more_v3 {width: 150px; line-height: 50px; text-align: center; font-size: 20px; color: #000; border: 1px solid #000; transition: all 0.2s;}
.btn__more_v3:hover {background: #000;color: #FFF;border: 1px solid #000;}

@media screen and (max-width: 1024px) {
	.btn__more {width: 130px; line-height: 40px; font-size:16px;}
	.btn__more_v2 {width: 130px; line-height: 40px; font-size:16px;}
	.btn__more_v3 {width: 130px; line-height: 40px; font-size:16px;}
}

@media screen and (max-width: 768px) {
	.btn__more {width: 100px; line-height: 35px; font-size:14px;}
	.btn__more_v2 {width: 100px; line-height: 35px; font-size:14px;}
	.btn__more_v3 {width: 100px; line-height: 35px; font-size:14px;}
}

@media screen and (max-width: 500px) {
	.btn__more {width: 100px; line-height: 30px; font-size:14px;}
	.btn__more_v2 {width: 100px; line-height: 30px; font-size:14px;}
	.btn__more_v3 {width: 100px; line-height: 30px; font-size:14px;}
}

/* 폰트 */
.bd1 {font-weight: 100;}
.bd2 {font-weight: 200;}
.bd3 {font-weight: 300;}
.bd4 {font-weight: 400;}
.bd5 {font-weight: 500;}
.bd6 {font-weight: 600;}
.bd7 {font-weight: 700;}
.bd8 {font-weight: 800;}
.bd9 {font-weight: 900;}

.gft {font-family: 'GmarketSans';}
.nft {font-family: 'Noto Sans';}

.t-cell {display: table-cell; vertical-align: middle;}

/* 테이블 */
.table__wr {width: 100%;}
.table__wr::-webkit-scrollbar{height:5px}
.table__wr::-webkit-scrollbar-thumb{background-color:#272c8f;border-radius:10px}
.table__wr::-webkit-scrollbar-track{background-color:#d2d2d2;border-radius:10px}
.table__01 {width: 100%;text-align: center;border-collapse: collapse;font-size: 18px;border-top: 4px solid #939393;table-layout: fixed;}
.table__01 .bg-grey {background: #f5f5f5;}
.table__01 thead th:nth-child(1) {width: 20%;}
.table__01 thead th:nth-child(2) {width: 20%;}
.table__01 thead th:nth-child(3) {width: 20%;}
.table__01 thead th:nth-child(4) {width: 20%;}
.table__01 thead th:last-child {border-right: 0;}
.table__01 thead th{font-size: 20px;padding: 10px 5px; line-height: 30px;border-bottom: 1px solid #989898;}
.table__01 tbody th{font-size: 20px;padding: 10px 5px; line-height: 30px;}
.table__01 tbody td:first-child {border-left: 0;}
.table__01 tbody td{border: 1px solid #989898;font-size: 18px;line-height: 28px;height: 74px;padding: 5px;}
.table__01 tbody td:last-child {border-right:0px}
.table__01 tbody td.type02 {background: #f5f5f5;}
.table__01 tbody td.ttl {font-size: 18px; color: #000000; font-weight: 600;}
.table__01 .border-top-none{border-top: 0px;}
.table__01 .border-left-none{border-left: 0px;}
.table__01 .border-right-none{border-right: 0px;}

@media screen and (max-width: 1440px) {
	.table__01 thead th{font-size: 16px;padding: 10px 5px;height: 51px;}
	.table__01 tbody td{font-size: 16px;padding: 10px 5px;height: 51px;}
}

@media screen and (max-width: 1024px) {
	.table__01 thead th{font-size: 14px;line-height: 21px;}
	.table__01 tbody td{font-size: 14px;line-height: 20px;}
}

@media screen and (max-width: 768px) {
	.table__wr {padding: 0 0 5px}
	.table-wr::-webkit-scrollbar{height:5px}
	.table-wr::-webkit-scrollbar-thumb{background-color:#334049;border-radius:10px}
	.table-wr::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:10px}
	.table__01 {min-width: 300px;}
	.table__01 thead th{font-size: 14px;}
	.table__01 tbody td{font-size: 14px;}
	.table__01 tbody td.ttl {font-size: 16px}
}

@media screen and (max-width: 500px) {
	.table__01 tbody td.ttl {font-size: 14px}
}

.table__02 {width: 100%;text-align: center;border-collapse: collapse;font-size: 18px;table-layout: fixed;}
.table__02 .bg--grey {background: #ececec;}
.table__02 thead th:nth-child(1) {width: 25%;}
.table__02 thead th:nth-child(2) {width: 25%;}
.table__02 thead th:nth-child(3) {}
.table__02 thead th:last-child {border-right: 0;}
.table__02 thead th{font-size: 20px;padding: 10px 5px; line-height: 30px; color: #FFF; background: #272c8f; font-weight: 300;}
.table__02 tbody td:first-child {border-left: 0;}
.table__02 tbody td{border: 1px solid #989898;font-size: 18px;line-height: 28px;height: 74px;padding: 5px;}
.table__02 tbody td:last-child {border-right:0px}
.table__02 tbody td.type02 {background: #f5f5f5;}
.table__02 tbody td.ttl {font-size: 18px; color: #000000; font-weight: 600;}
.table__02 .border-top-none{border-top: 0px;}
.table__02 .border-left-none{border-left: 0px;}
.table__02 .border-right-none{border-right: 0px;}

@media screen and (max-width: 1440px) {
	.table__02 thead th{font-size: 16px;padding: 10px 5px;height: 51px;}
	.table__02 tbody td{font-size: 16px;padding: 10px 5px;height: 51px;}
}

@media screen and (max-width: 1024px) {
	.table__02 thead th{font-size: 14px;line-height: 21px;}
	.table__02 tbody td{font-size: 14px;line-height: 20px;}
}

@media screen and (max-width: 768px) {
	.table__02 {min-width: 300px;}
	.table__02 thead th{font-size: 14px;}
	.table__02 tbody td{font-size: 14px;}
	.table__02 tbody td.ttl {font-size: 16px}
}

@media screen and (max-width: 500px) {
	.table__02 tbody td.ttl {font-size: 14px}
}

.table__03 {width: 100%;text-align: center;border-collapse: collapse;font-size: 18px;table-layout: fixed;border-top: 2px solid #7f7f7f;}
.table__03 .bg--grey {background: #ececec;}
.table__03 thead th:nth-child(1) {width: 25%;}
.table__03 thead th:nth-child(2) {width: 25%;}
.table__03 thead th:nth-child(3) {}
.table__03 thead th:last-child {border-right: 0;}
.table__03 thead th{font-size: 20px;padding: 10px 5px; line-height: 30px; color: #FFF; background: #272c8f; font-weight: 300;}
.table__03 tbody td:first-child {border-left: 0;}
.table__03 tbody td{border-bottom: 1px solid #989898;font-size: clamp(13px, 2vw, 16px);line-height: 28px;height: 40px;padding: 5px 10px;}
.table__03 tbody td:first-child {border-left:0px;width: 100px;text-align:left;font-size: clamp(14px, 2vw, 17px);}
.table__03 tbody td:last-child {border-right:0px;text-align:left}
.table__03 tbody td.type02 {background: #f5f5f5;}
.table__03 tbody td.ttl {font-size: 18px; color: #000000; font-weight: 600;}
.table__03 .border-top-none{border-top: 0px;}
.table__03 .border-left-none{border-left: 0px;}
.table__03 .border-right-none{border-right: 0px;}

@media screen and (max-width: 1440px) {
	.table__03 thead th{font-size: 16px;padding: 10px 5px;height: 51px;}
	.table__03 tbody td{font-size: 16px;padding: 5px;height: 35px;}
}

@media screen and (max-width: 1024px) {
	.table__03 thead th{font-size: 14px;line-height: 21px;}
	.table__03 tbody td{font-size: 14px;line-height: 18px;}
}

@media screen and (max-width: 768px) {
	.table__03 {min-width: 200px;}
	.table__03 thead th{font-size: 14px;}
	.table__03 tbody td{font-size: 14px;}
	.table__03 tbody td.ttl {font-size: 16px}
}

@media screen and (max-width: 500px) {
	.table__03 tbody td.ttl {font-size: 14px}
}

/* 테이블 형 컨텐츠 */
/* 테이블형식 */
.table-form {}
.info {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 20px;margin: 0 0 10px;}
.info .ttl {flex: 0 1 200px;font-size: 18px;color: #FFF;background: #272c8f;text-align: center;padding: 10px 0;border-radius: 30px;}
.info .txt {flex: 0 1 calc(100% - 220px);font-size: 20px;line-height: 30px;color: #353535;background: #f2f2f2;padding: 5px 10px;text-align: center;border-radius: 30px;}

.info .small {font-size: 16px; text-align: right; color: #353535; padding: 10px 0;}

@media screen and (max-width:1400px) {
	.info .ttl {font-size:18px;}
	.info .txt {font-size: 18px; line-height: 28px;}
	
	.info .small {font-size: 16px;}
}

@media screen and (max-width:1024px) {
	.info {gap: 10px;}
	.info .ttl {font-size:18px;}
	.info .txt {font-size: 18px;line-height: 28px;}
	
	.info .small {font-size: 16px;}
}

@media screen and (max-width:768px) {
	.info {margin: 0 0 30px}
	.info .ttl {flex: 0 1 100%;font-size:16px;}
	.info .txt {flex: 0 1 100%;font-size: 16px;line-height: 26px;}
	
	.info .small {font-size: 14px;}
}

@media screen and (max-width:500px) {
	.info {margin: 0 0 20px;}
	.info .ttl {padding: 7px 0}
}

/* 이미지 클릭모달 */
.sub__img-modal {display: block; text-align: center;position: relative;}
.sub__img-modal img {}


@media screen and (max-width: 768px) {
	.sub__img-modal {overflow-x: scroll;}
	.sub__img-modal .overlay {display: flex;}
	.sub__img-modal::-webkit-scrollbar{height:5px}
	.sub__img-modal::-webkit-scrollbar-thumb{background-color:#272c8f;border-radius:10px}
	.sub__img-modal::-webkit-scrollbar-track{background-color:#d2d2d2;border-radius:10px}
	.sub__img-modal__img img {min-width: 720px;}
}


/* 게시판 모달창 */
.board__modal-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 110;display: none;}

.board__modal-content {padding: 20px 40px;}
.board__modal-exit {position: absolute;width: 20px;height: 60px;top: 5px;right: 10px;font-size: 30px;font-weight: 300;color: #FFF;text-align: center;padding: 30px;}
.board__modal-exit span {width: 30px;height: 3px;background: #000;display: block;margin: 0 auto;}
.board__modal-exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.board__modal-exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.board__modal {display: none;overflow-y: scroll;height: 75%;flex-wrap: wrap;justify-content: center;align-items: center;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 600px;background: #fff;box-shadow: 0px 0px 10px #353535;z-index: 111;border-radius: 30px;}
.board__modal-img {background: #f7f7f7;display: flex;justify-content: center;align-items: center;padding: 30px 0;border-top-left-radius: 30px;border-top-right-radius: 30px;min-height: 200px;}
.board__modal-img img {max-width:210px}
.board__modal-title {font-size: clamp(16px, 2vw, 24px);padding: 0 0 15px;text-align: center;}
.board__modal-text {font-size: clamp(16px, 2vw, 18px);padding: 0 0 20px;text-align: center;}
.board__modal-edit {position: fixed;right: 30px;bottom: 10px;background: #272c8F;color: #FFF;padding: 10px 15px;text-align: center;transition: all 0.3s;border-radius: 20px;font-size: clamp(14px, 2vw, 16px);}
.board__modal-edit:hover {background: #383ec3; color: #FFF;}

@media screen and (max-width: 768px) {
	.board__modal-content {padding: 20px}
	.board__modal-exit {width: 50px;height: 50px;padding: 20px;}
	.board__modal-exit span {width: 25px;height: 3px;}
	.board__modal-exit span:nth-child(1) {left: 13px;}
	.board__modal-exit span:nth-child(2) {left: 13px;}
}