@charset "utf-8";

#mainWrapper{overflow:hidden;}
.mainVisual{position:relative; height:670px; text-align:center;line-height:0;}
.mainVisual .infoBoxjs{position:relative;height:100%;overflow:hidden;}
.mainVisual .infoBoxjs div{height:100%}
.mainVisual .infoBoxjs .item img{width:100%;height:100%;}
.mainVisual .ctrl{position:absolute;bottom:30px;left:0;width:100%;}
.mainVisual .ctrl button{width:25px;height:25px;text-indent:-9999px;overflow:hidden;background:#fff4f5 url('../imgs/main/info_ctrl.png') no-repeat;border-radius:100px;vertical-align:-8px;}
.mainVisual .ctrl button.slick-play{display:none;background-position:0 50%;}
.mainVisual .ctrl button.slick-stop{background-position:100% 50%;}

.mainVisual .ctrl button.slick-arrow{top:-335px;position:absolute; z-index:1;width:47px;height:91px;Background:url('../imgs/main/info_arr.png') no-repeat 50%; border-radius:0}
.mainVisual .ctrl button.slick-prev{left:calc(50% - 750px); }
.mainVisual .ctrl button.slick-next{right:calc(50% - 750px);transform:rotateY(180deg); }
.mainVisual .ctrl .dots{display:inline-block;}
.mainVisual .ctrl .dots li{display:inline-block;margin:-2px 10px 0 0;vertical-align:top;}
.mainVisual .ctrl .dots li button{position:relative;width:12px;height:12px;border:2px solid #fff;border-radius:100%;background:transparent;}
.mainVisual .ctrl .dots li.slick-active button{background:#e83436;}
/*
/*
.mainVisual{position:relative;height:727px;text-align:center;line-height:0;}
.infoBoxjs{position:relative;height:100%;overflow:hidden;}
.infoBoxjs div{height:100%}
.infoBoxjs .item img{width:100%;height:100%;object-fit:none;}
.infoBoxjs .slick-arrow{position:absolute;top:calc(50% - 32px);z-index:1;width:64px;height:64px;border-radius:100%;background:rgb(4 48 75 / 24%);text-indent:-9999px;overflow:hidden;}
.infoBoxjs .slick-arrow:before{content:'';display:block;width:100%;height:100%;background:url('../imgs/main/info_arr.png') no-repeat 50%;}
.infoBoxjs .slick-arrow:hover{transition:all .5s;background:rgb(4 48 75 / 50%);}
.infoBoxjs .slick-prev{left:calc(50% - 750px);}
.infoBoxjs .slick-next{right:calc(50% - 750px);transform:rotateY(180deg);}
*/
.quick{position:absolute;top:0;right:35px;z-index:1;height:100%;display:flex;flex-direction: column;justify-content:center;}
.quick li{}
.quick li a{display:block;padding:5px;}
.quick li a span{margin-top:7px;display:block;font-size:14px;font-weight:500;color:#000;line-height:1.2;word-break:keep-all;}
.quick li a img{width:80%; border-radius:100%;box-shadow:3px 3px 23px rgba(0,0,0,0.26);}
.quick li a:hover img{transition:all .5s;transform:rotateY(360deg);}

.calender{position:relative;padding:0 0 85px;margin:80px 0 60px;}
.calender:before{position:absolute;bottom:0;right:0;content:'';display:block;width:calc(50% + 535px);height:258px;background:#fcf1f1;}
.calender .title{position:absolute;top:110px;display:flex;flex-direction:column;align-items:center;width:8.75%;height:calc(100% - 25px);}
.calender .title:before{position:absolute;left:0;z-index:-1;content:'';display:block;width:200%;height:100%;background:#e83436;border-bottom-left-radius:100px;}
.calender .title h2{margin-top:40px;font-size:40px;font-weight:500;color:#fff;letter-spacing:-.8rem;writing-mode:tb;}
.calender .title h2 span{position:relative;margin-top:20px;}
.calender .title h2 span:after{position:absolute;bottom:0;right:0;content:'';display:block;width:8px;height:8px;background:#fff;border-radius:100%;}
.calender .title a.more{margin-top:50px;display:block;line-height:0;}
.calender .title a.more img{filter:brightness(0) invert(1);}
.calender .title a.more:hover img{transition:all .5s;transform:rotate(360deg);}
.calender .calBox{position:relative;float:left;width:45.55%;height:578px;margin-left:8.75%;padding:34px 50px 50px;background:#fff;box-shadow:6px 6px 36px rgba(0,0,0,0.14);box-sizing:border-box;}
.calender .calBox .date{display:flex;justify-content:space-between;}
.calender .calBox .date span{font-size:30px;font-weight:600;color:#000;}
.calender .calBox .date a{position:relative;display:inline-block;font-size:15px;color:#8f8f8f;line-height:44px;}
.calender .calBox .date a:before{position:absolute;content:'';display:block;width:42px;height:42px;border:1px solid #d8d8d8;border-radius:100%;background:#fff url("../imgs/main/cal_arr.png") no-repeat 50%;}
.calender .calBox .date a:hover{text-decoration:underline;}
.calender .calBox .date a.cal_prev{padding-left:55px;}
.calender .calBox .date a.cal_next{padding-right:55px;}
.calender .calBox .date a.cal_prev:before{left:0;}
.calender .calBox .date a.cal_next:before{right:0;transform:rotateY(180deg);}
.calender .calBox table{margin-top:20px;width:100%;height:428px;border-top:1px solid #000;border-collapse:collapse;font-size:15px;text-align:center;}
.calender .calBox table th{padding:14px 0;font-weight:500;color:#000;}
.calender .calBox table td{border:1px solid #dedede;vertical-align:top;}
.calender .calBox table td a{display:block;height:100%;padding:8px;font-weight:500;color:#616161;box-sizing:border-box;}
.calender .calBox table td a:focus{outline-offset:-2px;}
.calender .calBox table td.today a{position:relative;}
.calender .calBox table td.today a:after{position:absolute;left:calc(50% - 27px);width:50px;height:17px;line-height:18px;display:block;content:'TODAY';font-family:'Binggrae';font-weight:400;font-size:12px;color:#e83436;border:2px solid #e83436;border-radius:30px;}
.calender .calBox table td.plan a{font-weight:600;color:#000;background:#f9eeee;}
.calender .calBox table td.current a{font-weight:600;color:#fff !important;background:#e83436;border-color:transparent !important;}
.calender .calBox table td.current a:after{color:#fff;border-color:#fff;}
.calender .calBox table .sun, .calender .calBox table .sun a{color:#e83436 !important;}
.calender .calBox table .sat, .calender .calBox table .sat a{color:#145393 !important;}
.calender .calList{position:relative;float:left;width:calc(45.7% - 37px);height:468px;margin-left:37px;padding:105px 20px 30px;background:#fff;box-shadow:6px 6px 36px rgba(0,0,0,0.14);box-sizing:border-box;}
.calender .calList:after{position:absolute;left:15px;content:'Calendar';display:block;white-space:nowrap;font-family:'Paperlogy';font-size:141px;font-weight:700;color:#fff;opacity:0.65;}
.calender .calList h3{position:absolute;top:0;right:0;display:flex;align-items:center;font-size:25px;font-weight:600;color:#fff;height:80px;padding:0 20px;background:#383838;border-bottom-left-radius:50px;}
.calender .calList h3 span{margin-left:10px;font-size:21px;font-weight:400;}
.calender .calList h3:before{content:'';display:block;width:33px;height:33px;margin:0 12px;background:url('../imgs/main/cal_icon.png') no-repeat;}
.calender .calList .calSelList{padding:0 30px;height:100%;overflow-y:auto;}
.calender .calList .calSelList li{position:relative;padding:27px 10px;height:57px;}
.calender .calList .calSelList li + li{background:linear-gradient(180deg, transparent 1px, #fff 1px), repeating-linear-gradient(90deg, #695a52 1px, transparent 2px 7px, #695a52 7px 8px);}
.calender .calList .calSelList li:before{position:absolute;top:38px;left:-7px;content:'';display:block;width:8px;height:8px;border-radius:100%;background:#e53335;}
.calender .calList .calSelList li a{display:inline-block;font-size:19px;color:#000;max-height:100%;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.calender .calList .calSelList li a:hover{text-decoration:underline;text-underline-offset:3px;}
.calender .calList .calSelList::-webkit-scrollbar{width:4px;}
.calender .calList .calSelList::-webkit-scrollbar-thumb{background-color:#35383a;}
.calender .calList .calSelList::-webkit-scrollbar-track{background-color:#eee;}
.calender .calList .calSelList .nodata{display:flex;justify-content:center;align-items:center;height:100%;padding-bottom:75px;font-size:17px;font-weight:400;color:#000;line-height:1.3;text-align:center;box-sizing:border-box;}

.notice{position:relative;margin:0 0 75px;}
.notice h2{margin-left:35px;padding:0 0 20px;font-size:40px;color:#000;font-weight:500;border-bottom:2px solid #000;}
.notice h2 span{position:relative;}
.notice h2 span:after{position:absolute;bottom:10px;right:-12px;content:'';display:block;width:9px;height:9px;background:#e83436;border-radius:100%;}
.notice .tabList{position:absolute;top:10px;right:60px;display:flex;}
.notice .tabList li{position:relative;padding:5px 24px;}
.notice .tabList li + li:before{position:absolute;top:21px;left:-3px;content:'';display:block;width:6px;height:6px;background:#ccc;border-radius:100%;}
.notice .tabList li a.tabBtn{font-size:25px;color:#000;}
.notice .tabList li:not(.on) a.tabBtn:hover{text-decoration:underline;}
.notice .tabList li.on a.tabBtn{color:#e43335;font-weight:600;}
.notice .tabContent{min-height:245px;}
.notice .tabContent ul{display:flex;justify-content:space-between;column-gap:80px;}
.notice .tabContent li{position:relative;padding:40px 35px;flex:1;}
.notice .tabContent li + li:before{position:absolute;top:calc(50% - 37px);left:-40px;content:'';display:block;width:1px;height:74px;background:#e1e1e1;}
.notice .tabContent li [class^="cate"]{display:inline-block;width:78px;height:33px;line-height:34px;font-size:13px;color:#fff;text-align:center;}
.notice .tabContent li .cate1{background:#dd1226;}
.notice .tabContent li .cate2{background:#4fb0bd;}
.notice .tabContent li .cate3{background:#484848;}
.notice .tabContent li .tit{margin-top:12px;display:block;height:62px;}
.notice .tabContent li .tit a{display:inline-block;font-size:20px;font-weight:500;color:#000;max-height:100%;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.notice .tabContent li .tit a:hover{text-decoration:underline;text-underline-offset:3px;}
.notice .tabContent li .date{margin-top:35px;display:block;padding-left:20px;background:url('../imgs/main/date_icon.png') no-repeat 0 50%;font-size:15px;color:#808080;font-weight:300;}
.notice .tabContent li>a{display:flex;justify-content:center;align-items:center;height:164px;font-size:17px;color:#000;}
.notice .tabContent a.more{position:absolute;top:15px;right:0;display:block;line-height:0;}
.notice .tabContent a.more:hover img{transition:all .5s;transform:rotate(360deg);}
@media all and (max-width:1600px) {
	.quick li a span{text-shadow:1px 1px 1px rgba(255,255,255,0.7);}
	.calender:before{width:82.5%;}
}
@media all and (max-width:1280px) {
	.mainVisual, .infoBoxjs .item img{height:auto;min-height:240px;object-fit:cover;}
	.mainVisual .ctrl{left:28%;}
	.quick{right:10px;}
	.quick li{padding:2px;}
	.quick li a img{width:50px;}
	.calender .calBox{padding:34px 30px;}
	.calender .calList{width:calc(45.7% - 20px);margin-left:20px;}
	.notice h2{margin-left:0;}
	.notice .tabContent ul{column-gap:0;}
	.notice .tabContent li{padding:40px 20px;}
	.notice .tabContent li + li:before{left:0;}
}
@media all and (max-width:1024px) {
	.mainVisual{padding:0;}
	.mainVisual .ctrl{bottom:100px;left:50%;transform:translateX(-50%);padding:2px 6px 2px 12px;background:rgb(4 48 75 / 35%);border-radius:50px;}
	.infoBoxjs .slick-arrow{width:36px;height:36px;top:calc(50% - 18px);}
	.infoBoxjs .slick-arrow:before{background-size:50%;}
	.quick{position:static;width:100%;height:100px;border-bottom:1px solid #ececec;}
	.quick ul{display:flex;justify-content:space-evenly;align-items:center;}
	.quick li, .quick li a{padding:0;}
	.calender{margin:50px 0;}
	.calender .title{width:80px;}
	.calender .calBox{width:calc(100% - 80px);margin-left:80px;}
	.calender .calList{width:calc(100% - 80px);margin:20px 0 0 80px;}
	.calender .calList:after{left:80px;}
	.notice .tabList{right:45px;}
	.notice .tabList li{padding:5px 12px;}
}
@media all and (max-width:768px) {
	.calender .calList:after{bottom:-130px;font-size:100px;}
	.notice h2{padding:0 0 10px;}
	.notice .tabList{top:15px;}
	.notice .tabList li + li:before{width:4px;height:4px;top:18px;left:-2px;}
	.notice .tabList li a.tabBtn{font-size:20px;}
	.notice .tabContent li .tit{height:56px;}
	.notice .tabContent li .tit a{font-size:18px;}
}
@media all and (max-width:640px) {
	.mainVisual .ctrl button.slick-arrow{background-size:80% !important;}
	.quick li a span{font-size:12px;}
	.calender{margin:30px 0;}
	.calender:before{width:100%;}
	.calender .title{position:static;width:100%;height:auto;padding:10px 0;gap:20px;flex-direction:row;justify-content:center;background:#e83436;}
	.calender .title:before{display:none;}
	.calender .title h2{display:inline-block;margin:0;writing-mode:lr;letter-spacing:0;font-size:32px;}
	.calender .title h2 span:after{right:-10px;}
	.calender .title a.more{display:inline-block;margin:0;}
	.calender .title a.more img{height:30px;}
	.calender .calBox{width:100%;height:auto;margin:0;padding:20px;}
	.calender .calBox .date a{width:44px;font-size:0;padding:0 !important;}
	.calender .calBox .date span{font-size:26px;}
	.calender .calBox table{height:auto;margin-top:10px;}
	.calender .calBox table td{height:50px;}
	.calender .calBox table td a{padding:4px;}
	.calender .calBox table td.today a{padding:2px;border:2px solid #e83436;}
	.calender .calBox table td.today a:after{display:none;}
	.calender .calList{width:100%;height:349px;margin:20px 0 0;padding:80px 20px 20px;}
	.calender .calList:after{left:0;width:100%;text-align:center;}
	.calender .calList h3{width:100%;height:60px;padding:0;border-radius:0;justify-content:center;}
	.calender .calList h3:before{margin-left:0;}
	.calender .calList .calSelList{padding:0 5px;}
	.calender .calList .calSelList li{height:53px;padding:15px 10px;}
	.calender .calList .calSelList li:before{top:25px;left:-2px;width:5px;height:5px;}
	.calender .calList .calSelList li a{font-size:17px;}
	.calender .calList .calSelList .nodata{padding:0;}
	.notice h2{border:0;font-size:32px;}
	.notice .tabList{position:static;flex-wrap:wrap;padding:0 0 5px;border-bottom:2px solid #000;}
	.notice .tabContent li:nth-child(3){display:none;}
	.notice .tabContent a.more{top:8px;}
	.notice .tabContent a.more img{height:30px;}
}
@media all and (max-width:420px) {
	.notice .tabList li{flex:1 40%;text-align:center;}
	.notice .tabList li:nth-child(2n+1):before{display:none;}
	.notice .tabContent{min-height:347px;}
	.notice .tabContent ul{display:block;}
	.notice .tabContent li{padding:20px 12px;}
	.notice .tabContent li + li:before{top:0;width:100%;height:1px;}
	.notice .tabContent li .date{margin-top:10px;}
}

/* ÀÎÆ®·Î */
.intro{position:relative;width:100%;height:100vh;}
.intro_wrap{position:relative;display:flex;width:100%;height:100%;}
.intro_wrap:before{position:absolute;top:0;left:50%;z-index:1;content:'';display:block;width:1px;height:100%;background:#fff;opacity:0.35;}
.intro_wrap .intro_box{position:relative;width:50%;}
.intro_box a{display:block;height:100%;transition:all 0.35s ease-in-out;}
.intro_box.box1 a{background:#989898 url('../imgs/main/intro_bg1.png') no-repeat 50% 98%;}
.intro_box.box2 a{background:#989898 url('../imgs/main/intro_bg2.png') no-repeat 50% 98%;}
.intro_box .boxin{padding-top:185px;}
.intro_box .boxin .tit{display:flex;flex-direction:column;justify-content:center;max-width:90%;width:523px;height:440px;margin:0 auto;border:2px solid #787878;border-radius:50px;text-align:center;line-height:1.2;letter-spacing:0;transition:all 0.35s ease-in-out;}
.intro_box .boxin .tit strong{font-family:'JalnanGothic';font-size:68px;font-weight:500;color:#3c3c3c;text-shadow:6px 6px 6px rgba(255,255,255,0.3);}
.intro_box .boxin .tit p{margin-top:25px;font-family:'SCDream';font-size:29px;font-weight:500;color:#3c3c3c;}
.intro_box .boxin .tit span{text-decoration:underline;text-underline-offset:5px;color:#3c3c3c;}
.intro_box.box1 a:hover{background:#d82426 url('../imgs/main/intro_bg1_on.png') no-repeat 50% 95%;}
.intro_box.box2 a:hover{background:#3ca8b7 url('../imgs/main/intro_bg2_on.png') no-repeat 50% 95%;}
.intro_box a:hover .boxin .tit{border-color:#fff;transform:translateY(-30px);}
.intro_box a:hover .boxin .tit strong{color:#fff;text-shadow:6px 6px 6px rgba(0,0,0,0.15);}
.intro_box a:hover .boxin .tit p{color:#fff;text-shadow:6px 6px 13px rgba(0,0,0,0.23);}
.intro_box a:hover .boxin .tit span{color:#ffcf36;}

@media all and (max-width:1024px) {
	.intro_wrap{flex-direction:column;}
	.intro_wrap:before{display:none;}
	.intro_wrap .intro_box{width:100%;height:50%;}
	.intro_box .boxin{display:flex;align-items:center;height:100%;padding:0;}
	.intro_box .boxin .tit{width:auto;height:auto;max-height:calc(90% - 80px);padding:40px;border-radius:30px;border-color:#fff;}
	.intro_box .boxin .tit strong{color:#fff;text-shadow:6px 6px 6px rgba(0,0,0,0.15);}
	.intro_box .boxin .tit p{color:#fff;text-shadow:6px 6px 13px rgba(0,0,0,0.23);}
	.intro_box .boxin .tit span{color:#ffcf36;}
	.intro_box.box1 a{background:#d82426 url('../imgs/main/intro_bg1_on.png') repeat-x 50% 95%;}
	.intro_box.box2 a{background:#3ca8b7 url('../imgs/main/intro_bg2_on.png') repeat-x 50% 95%;}
	.intro_box a:hover .boxin .tit{transform:none;}
}
@media all and (max-width:768px) {
	.intro_box .boxin .tit strong{font-size:50px;}
	.intro_box .boxin .tit p{margin-top:10px;font-size:20px;}
}
@media all and (max-width:475px) {
	.intro_box .boxin .tit{padding:30px 20px;}
	.intro_box .boxin .tit strong{font-size:32px;}
	.intro_box .boxin .tit p{font-size:16px;}
}