.main {position: relative;}
.mainSlideArea {position: relative;}
.mainSlide .swiper-slide { height: 100vh; min-height: 650px; background-position: center !important; background-size: cover !important;}
.mainSlide__txtWrap {width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 7rem;}
.mainSlide__tit {color: #fff; font-size: 5.6rem; font-weight: 500; letter-spacing: 0.5px; }
.mainSlide__tit span {font-size: 7.8rem; font-weight: 400; font-family: 'Marcellus', serif; }
.mainSlide__txt {color: #fff; font-size: 2.4rem; font-weight: 300; letter-spacing: 0.5px; margin-bottom: 7rem;}
.mainSlide__txtWrap a {width: 18rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 30px; border: 1px solid #fff;}
.mainSlide__txtWrap a p {font-size: 1.7rem; font-weight: 500; color: #fff;}

.icon__scroll {position: absolute; left: 50%; bottom: 10rem; z-index: 2; transform: translate(-50%,0);}


.mainSlideArea .prev_icon_img {left: 25rem; color: rgba(255, 255, 255, 0.8); top: 46%;}
.mainSlideArea .next_icon_img {right: 25rem; color: rgba(255, 255, 255, 0.8); top: 46%;}
.mainSlideArea .swiper-button-prev:after {font-size: 7rem; }
.mainSlideArea .swiper-button-next:after  {font-size: 7rem;}

.noticeWrap {position: absolute; bottom: 0;  width: 100%; height: 10rem; }
.noticeWrap::before {content: ''; position: absolute; left: 0%; width: 50%; height: 100%; background: #203f95;  top: 0; z-index: 2;}
.noticeWrap::after {content: ''; position: absolute; right: 0%; width: 50%; height: 100%; background: #f1f3f8;  top: 0; z-index: 2;}
.noticeWrap .wrap1280 {display: flex; height: 100%; position: relative; z-index: 3;}

.noticeWrap .notice_left {width: 100%; max-width: 19rem; background: #f1f3f8; display: flex; align-items: center; justify-content: center;}
.noticeWrap .notice_left_tit {font-size: 2.1rem; color: #1b1b1b; font-weight:500; font-family: 'Prompt';}

.noticeWrap .notice_right {display: flex; width: calc(100% - 19rem); background: #f1f3f8; align-items: center; height: 100%; padding: 0 10px 0 0;}
.noticeWrap .swiper-container {height: 100%; width: 100%;}

.noticeWrap .notice__slide--link {display: flex; height: 100%; align-items: center;}
.noticeWrap .notice__slide--flex {display: flex; justify-content: space-between; width: 100%;}
.noticeWrap .notice__slide--txt {font-size: 1.6rem; color: #333333; font-weight:300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5rem 0 0;}
.noticeWrap .notice__slide--date {font-size: 1.6rem; color: #666666; font-weight: 300; white-space: nowrap;}

.noticeWrap .prev_icon_img {margin: 0 0 0 10rem; cursor: pointer;}
.noticeWrap .next_icon_img {margin: 0 4rem 0 0; cursor: pointer;}

.noticeWrap .swiper-pagination-fraction {width: auto; display: flex; position: relative; padding: 0 2rem; align-items: center; bottom: 0; font-size: 1.6rem; margin-bottom: 0.5rem;}


.goLink {position: relative;  width: 100%; height: 13rem; }
.goLink::before {content: ''; position: absolute; left: 0%; width: 50%; height: 100%; background: #cda436;  top: 0; z-index: 2;}
.goLink::after {content: ''; position: absolute; right: 0%; width: 50%; height: 100%; background: #1d47ba;  top: 0; z-index: 2;}
.goLink .wrap1280 {display: flex; height: 100%; position: relative; z-index: 3;} 
.goLink__inner {display: flex; width: 100%;}
.goLink__inner a {flex: 1 ; display: flex; align-items: center; width: 50%; justify-content: space-between;}
.goLink__inner a.goLink__left {padding-right: 4.5rem;}
.goLink__inner a.goLink__right {padding-left: 4.5rem;}
.goLink__txtwrap {display: flex; align-items: center;}
.goLink__txt {padding-left: 4rem;}
.goLink__txt b {font-size: 2.1rem; font-weight: 700; color: #fff;}
.goLink__txt p {font-size: 1.8rem; font-weight: 400; color: #fff;}
.goLink__btn {display: flex ; align-items: center; gap: 1rem;}
.goLink__btn p {font-size: 3.2rem; font-weight: 300; color: #fff; font-family: 'Prompt';}

.boardWrap {padding: 9rem 0 0;}
.boardWrap .wrap1280 {display: flex; gap: 9rem; justify-content: space-between;}

.board__contWrap {width: calc((100% - 9rem)/2);}

.board__tit {display: flex; align-items: center; gap: 1rem;}
.board__tit strong {font-size: 2.4rem; font-weight: 700; color: #1b1b1b;}

.board__cont {margin-top: 5rem; width: 100%;}
.board__tabWrap {display: flex; justify-content: space-between;}
.board_tabs {display: flex;  text-align: center;  }
.board_tabs li{display: flex; justify-content: center; align-items: center; border: 1px solid #bbbbbb; border-bottom: 1px solid #000; color: #888888; width: 16rem; height: 5rem; cursor: pointer; font-size: 2rem; font-weight: 500; }
.board_tabs li:nth-of-type(1) {border-right: none !important;}
.board_tabs li:nth-of-type(2)  {border-left: 1px solid #000;}
.board_tabs li.current{ color: #000; border: 1px solid #000; border-bottom: none;}
.tab-content{display: none; }
.tab-content.current{ display: block;}
.board__btn {border-bottom: 1px solid #000; display: flex; flex: 1; align-items: center; justify-content: flex-end;}
.board__btn a {font-size: 1.7rem; font-weight: 400; color: #737373;}
.board__list {min-height: 30rem; padding: 4rem 1rem;}
.board__list li a {display: flex; align-items: center; justify-content: space-between; font-size: 1.7rem; font-weight: 400; transition: .3s ease;}
.board__list .board__txt { color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 1.2em; padding-right: 4rem;}
.board__list .board__day { color: #737373;}
.board__list li + li {margin-top: 1.5rem; }

.btn__box1 {display: flex; flex-wrap: wrap; justify-content: flex-start;gap: 0 6.62rem;margin-bottom: 3rem;}
.btn__box1 > a {width:13.3rem;text-align: center;}
.btn__box2 {display: flex; justify-content: space-between; width: calc(());}
.btn__box3 {margin: 4rem 0; display: flex; justify-content: space-between;}


/*sub*/

.subpage {padding-bottom: 14rem;}
.sub__tit {font-size: 2.5rem; font-weight: 500; color: #1b1b1b;}
.sub__tit.bd {font-weight: 700;}
.sub__tit.bool { padding-left: 2.5rem; }
.sub__tit.bool02 { padding-left: 3rem; }
.sub__tit span {position: relative;}
.sub__tit.bool span::before {content: ""; position: absolute; top: 50%; left: -2.5rem; transform: translateY(-50%); width: 0.6rem; height: 2.5rem; background: url('/img/sub/sub__bool01.jpg') no-repeat center; background-size: contain;}
.sub__tit.bool02 span::before {content: ""; position: absolute; top: 50%; left: -3rem; transform: translateY(-50%); width: 2rem; height: 2.9rem; background: url('/img/sub/sub__bool02.png') no-repeat center; background-size: contain;}
.sub__txt {font-size: 1.8rem; font-weight: 300; color: #666666; line-height: 2.7rem;}
.sub__tit.mg {padding: 3rem 0;}
.sub__tit.mg1 {padding: 6rem 0 3rem;}
.sub__tit.mg2 {padding-bottom: 3rem;}
.sub__tit.mg3 {padding: 6rem 3rem 3rem; }

.sub__box {display: flex; align-items: center; justify-content: center; height: 6rem; color: #fff; font-size: 1.8rem; font-weight: 500; background: #bb9632; margin-bottom: 5rem; padding: 1rem; text-align: center;}

.greet__img {margin-bottom: 5rem;}
.greet__txt {margin-top: 5rem;}
.greet__txt p + p { margin-top: 3rem;}


.social__img + .social__img {margin-top: 5rem;}


.nursery__txt {padding-left: 2.5rem;}
.nursery .sub__txt {padding: 2rem 0 5rem;}
.social .sub__txt {padding: 2rem 0 5rem;}
.nursery__img {font-size: 0;}
.nursery .nursery__img.mg {margin-bottom: 5rem;}
.social .nursery__img.mg {margin-bottom: 5rem;}

.social__txtWrap {margin: -1rem 0 5rem;}
.social__txt {font-size: 1.8rem; font-weight: 400; color: #333333;}
.social__txt span{font-size: 2rem; font-weight: 700; color: #333333;}
.social__txt + .social__txt {margin-top: 3rem;}


.registration table,
.registration table td{min-height:100%;}
.registration table{width:100%; border-top:2px solid #23408f; border-spacing:0; table-layout : fixed; position: relative;}
.registration table th,
.registration table td{padding:2rem 0; background-color: transparent;  font-size:1.6rem; line-height:2.5rem; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show;}
.registration table td {padding:3rem 3rem;}


.registration table td:nth-of-type(1) {color: #000; font-weight: 500;}
.registration table td.md {color: #666; font-weight: 400;}
.registration table td span {color: #ff1515;}

.registration table td.td_style {color:#666; font-weight: 400; border-left: 1px solid #e6e6e6;}

.registration table thead>tr>th{background-color: #fcfdfe; font-weight: 500; font-size:1.7rem; line-height:2.3rem; color: #222; text-align: center;}

.registration table tr.two>td{height:10.5rem;}
.registration table tr.three>td{height:13.5rem;}

.registration table tr {border-bottom: 1px solid #e6e6e6;}

.registration table.line th + th,
.registration table.line td + td {border-left:1px solid #e6e6e6;}


.registration table.small th,
.registration table.small td{padding:1rem 0; font-size:1.5rem; line-height:1.3;}

.table__btmTxt {padding: 2rem 0 0 ; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #1b1b1b; letter-spacing: -0.5px;}
.table__btmTxt + .table__btmTxt {padding-top: 3rem;}
.table__btmTxt span {position: relative; }
.table__btmTxt span::before {content: "※"; position: absolute; top: 50%; left: -2.5rem; transform: translateY(-50%); }
.table__btmTxt.pd {padding: 2rem 0 0 2.5rem;}

.table__top {margin-bottom: 5rem;}
.table__top b {display: block; font-size: 1.9rem; color: #1b1b1b; font-size: 400; letter-spacing: -0.5px; padding-bottom: 1rem;}
.table__topFlex {display: flex; }
.table__top span {display: inline-block; padding-right: 0.5rem; font-size: 1.7rem; color: #666666; font-size: 400; letter-spacing: -0.5px; line-height: 2.6rem;}
.table__top p { font-size: 1.7rem; color: #666666; font-size: 400; letter-spacing: -0.5px; line-height: 2.6rem;}

.subpage.registration {background:url('/img/sub/regis__bg.png') no-repeat right bottom; }
.regis__btnWrap {display: flex; align-items: center ; justify-content: center; margin: 3rem auto 0; gap: 2rem;}
.regis__btnWrap .regis__btn {width: 22rem; height: 6rem; background: #23408f ; border-radius: 3px; display: flex; align-items: center; justify-content: center; gap: 1.5rem; border: none; transition: .3s ease;}
.regis__btnWrap .regis__btn p {font-size: 2rem ; font-weight: 500; color: #fff; }
.regis__btnWrap .regis__btn.esc {background: #fff; border: 1px solid #23408f; }
.regis__btnWrap .regis__btn.esc p {color: #23408f;}


.regis__btnWrap .regis__btn:hover {background-color: #cda436;}
.regis__btnWrap .regis__btn.esc:hover {background-color: transparent;}
p.infor_Pnum {font-size:22px; text-align:center; margin-top:30px; color:#000000;}
p.infor_Pnum > span{font-size:26px; color:#23408f; font-weight:bold;}

@media only screen and (max-width : 1024px){
p.infor_Pnum {font-size:18px;}
p.infor_Pnum > span{font-size:22px;}
}

.board .nursery__txt {margin-bottom: 5rem;}


.dw__flex {display: flex ; align-items: center; justify-content: space-between;}
.dw__flex a {display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 6rem;}
.dw__flex a b {font-size: 1.6rem; color: #005bab; font-weight: 500;}



	
    .video { width: 100%; max-width: 900px; margin: 30px auto;}
    .video-container { position: relative; width: 100%; height: auto; padding-top: 50%;}
    iframe {z-index: 1;top: 0;left: 0;position: absolute;width: 100%;height: 100%;}


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

	.mainSlideArea .prev_icon_img {left: 2rem;}
	.mainSlideArea .next_icon_img {right: 2rem;}

}
@media only screen and (max-width : 1200px){

	.noticeWrap .prev_icon_img {margin: 0 0 0 4rem;}
    
}

@media only screen and (max-width : 1024px){
    .regis__btnWrap .regis__btn.pc {display: none;}

	.mainSlideArea .prev_icon_img {display: none;}
	.mainSlideArea .next_icon_img {display: none;}

	.mainSlide__tit {font-size: 4.5rem;}

	.noticeWrap .swiper-pagination-fraction {display: none;}
	.noticeWrap .notice_left {width: 12rem;}
	.noticeWrap .notice_right {width: calc(100% - 12rem); flex: 1;}

	.goLink__txt p {display:none;}
	.goLink__inner a.goLink__left {padding: 3rem;}
	.goLink__inner a.goLink__right {padding: 3rem;}
	.goLink__btn p {display: none;}
	.goLink {height: 11rem;}

	.boardWrap .wrap1280 {display: block;}
	.board__contWrap {width: 100%;}
	.boardWrap {padding: 7rem 0 5rem;}
	.board__cont {margin-top: 3rem;}

    .subpage {padding-bottom: 10rem;}

    .subpage.registration {background-size: 48rem;}

    colgroup {display: none;}


    .registration table thead>tr>th:first-of-type {width: 20rem;}
    .registration .wd {width: 20rem;}
    .registration table thead>tr>th.wd2 {width: 17rem ;}

    #container {padding-bottom: 10rem;}

    .btn__box3 {display: block; text-align: center;}
    .btn__box1 {gap: 2rem; justify-content: center; margin: 0 auto; margin-bottom: 2rem;}
    .btn__box1 > a {width: calc((100% - 2rem)/2)}
    .btn__box2 {margin: 0 auto; justify-content: center;}

}
@media only screen and (max-width : 840px){

	.mainSlide__tit {line-height: 6rem; margin-bottom: 2rem;}
	.board__list {min-height: 28rem;}
    .registration table td {
        padding: 3rem 2rem;
    }

    .registration table thead>tr>th:first-of-type {width: 18rem;}
    .registration .wd {width: 18rem;}
    .point__box {padding: 3rem 2rem 3rem 7rem;}
    .registration table thead>tr>th.wd2 {width: 16rem ;}

    

	/*[e] Sub Style */
}

@media only screen and (max-width : 600px){
    .table600 {width: 100%;  overflow: auto;}
    .table600 table { width: 600px; table-layout: fixed;}

    .scroll_info{ width:100%; padding:25px 0 10px; font-weight: 700; font-size:0; line-height:0; position: relative; }
    .scroll_info:before{content:"← scroll →"; margin-top:-1.25rem; font-size:16px; font-weight: 700; line-height:1; color: #daa518; display:inline-block; position: absolute; left:5%; top:50%; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}
    /*.scroll_info .scrolls{font-size:1.25rem; line-height:1.4; color: #cb0011; display:inline-block; position: absolute; left:44%; bottom:0.625rem; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}*/
    @keyframes scrollMove {
        from {color: #bb9632; left:2%;}
        to {color: #000; left:6%;}
    }

}


@media only screen and (max-width : 480px){
	.noticeWrap .notice_left {width: auto; padding: 0 1rem;}
	.noticeWrap .notice_right {width: calc(100% - 7rem);}
	.noticeWrap .notice__slide--txt {padding: 0 2rem 0 0;}

    .goLink__txt {padding-left: 1rem;}
    .goLink__inner a.goLink__left {padding: 3rem 1rem;}
    .goLink__inner a.goLink__right {padding: 3rem 1rem;}

    .btn__box1 {justify-content: center; max-width: 44rem;}
    .btn__box1 a {width: calc((100% - 2rem)/2);}
    .btn__box2 {display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; max-width: 50rem;}
    .btn__box2 a {width: calc((100% - 1rem)/2); text-align: center;}
    .btn__box3__Flex1 {display: flex; flex-wrap: wrap; align-items: center; justify-content: center ; gap: 1rem;  max-width: 40rem; margin:  0 auto 2rem;}
    .btn__box3__Flex1 > a {width: calc((100% - 2rem)/2); text-align: center;}
    .btn__box3__Flex2 {display: flex; gap: 1rem; margin: 0 auto; justify-content: center;}
    .btn__box3__Flex1 b {width: 100%; text-align: center;}



	/*[e] Sub Style */
}


.__tblList {width:100%;border-left:2px solid #fff;border-right:2px solid #fff;border-top:2px solid #222;}
.__tblList tr > * {font-size:15px;line-height:1.5;font-weight:500;text-align:center;border:1px solid #e5e5e5;padding:12px 10px;}
.__tblList tr th {background:#f8f8f8;color:#000;font-weight:600;}
.__tblList.fix {table-layout:fixed;}

.__tblList tr td .dot > li {position:relative;padding-left:15px;}
.__tblList tr td .dot > li ~ li {margin-top:5px;}
.__tblList tr td .dot > li:before {content:"";display:block;width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:10px;background:#3f68ff;}
.__tblList tr td .dot > li strong {color:#000;}
.__tblList tr td .dot > li dl {display:flex;}
.__tblList tr td .dot > li dl dt {width:100%;}
.__tblList tr td .dot > li dl dd {width:0;flex-grow:1;}



/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/