@charset "utf-8";

.m_visual{position:relative; width:100%; min-width:320px; height:660px; margin:0 auto; margin-top:100px; z-index:100;
background-color:#193b5f; background:url('/img/2023/main/m_bg01.png') right no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center;}

.m_visual .visual_box{height: 554px; max-width:1400px; width:100%; margin:0 auto; box-shadow:0px 3px 10px #000000;}
.m_visual .visual_wrap{position:relative; width:65%; height:554px; overflow:hidden;}
.m_visual .visual_wrap.slick-slider{height:100%; margin-bottom:0 !important;}
.m_visual .visual01{width: 100%; height: 554px; overflow:hidden;  background-size:cover; background-position:center center;}

.m_visual .m_link{width:35%; height:100%;}
.m_visual a{width:50%;}
.m_visual .link_box{background:#fff; height:100%; text-align:center; justify-content:center; align-items:center;}
.m_visual a:nth-child(1){width:100%}
.m_visual a:nth-child(1) .link_box{background:url('/img/2023/main/m_link_bg01.jpg') left top no-repeat; background-size:cover; transition:0.3s;}
.m_visual a:nth-child(2) .link_box{background:url('/img/2023/main/m_link_bg02.jpg') left top no-repeat; background-size:cover; transition:0.3s;}
.m_visual a:nth-child(3) .link_box{background:url('/img/2023/main/m_link_bg03.jpg') left top no-repeat; background-size:cover;  transition:0.3s;}
.m_visual a:nth-child(4) .link_box{background:url('/img/2023/main/m_link_bg04.jpg') left top no-repeat; background-size:cover;  transition:0.3s;}
.m_visual a:nth-child(5) .link_box{background:url('/img/2023/main/m_link_bg05.jpg') left top no-repeat; background-size:cover;  transition:0.3s;}
.m_visual a:nth-child(1):hover .link_box{background:#f6bb47; border-left:8px solid #ffe28a; color:#fff;}
.m_visual a:nth-child(2):hover .link_box{background:#44b4ca; border-left:8px solid #91e3f2; color:#fff;}
.m_visual a:nth-child(3):hover .link_box{background:#438fc9; border-left:8px solid #8ec6f0; color:#fff;}
.m_visual a:nth-child(4):hover .link_box{background:#2ea3ad; border-left:8px solid #5ad7e3; color:#fff;}
.m_visual a:nth-child(5):hover .link_box{background:#4580c4; border-left:8px solid #89b1f3; color:#fff;}
.m_visual .link_box p{font-size:20px; font-family: 'Pretendard-Bold';}
.m_visual .link_box p span{font-family: LeferiPointWhite; font-size:15px; color:#5e5e5e; display:block; margin:0 auto;}
.m_visual .slick-slide{width:100%; height:100%; background-size:cover; background-position:center center;}
.m_visual .slick-slide > div{position:relative; width:100%; height:100%;}
.m_visual .slick-prev{left:12px;}
.m_visual .slick-next{right:12px;}


/* 230922 메인 신청확인 추가 */
.twice {width: 50%; min-height: 141px;}
.twice.box01 .link_box .cont a {position: relative; border-left: 8px solid #44b4ca; transition:0.3s;}
.twice.box01 .link_box .cont:first-child a::before {content: ""; position: absolute; border-top: 8px solid #91e3f1; left: 0; top: 0; width: 100%; height: 8px; transition:0.3s;}
.twice.box01 .link_box .cont:first-child a:hover::before {border-color: #44b4ca;}
.twice.box01 .link_box .cont a:hover {background: #44b4ca; border-left: 8px solid #91e3f1; color:#fff; padding-left: 33px;}
.twice.box02 .link_box .cont a {position: relative; border-left: 8px solid #438FC9; transition:0.3s;}
.twice.box02 .link_box .cont:first-child a::before {content: ""; position: absolute; border-top: 8px solid #8FC5F1; left: 0; top: 0; width: 100%; height: 8px; transition:0.3s;}
.twice.box02 .link_box .cont:first-child a:hover::before {border-color: #438FC9;}
.twice.box02 .link_box .cont a:hover {background: #438FC9; border-left: 8px solid #8FC5F1; color:#fff; padding-left: 33px;}
.twice.box03 .link_box .cont a {position: relative; border-left: 8px solid #2EA2AD; transition:0.3s;}
.twice.box03 .link_box .cont:first-child a::before {content: ""; position: absolute; border-top: 8px solid #5BD7E3; left: 0; top: 0; width: 100%; height: 8px; transition:0.3s;}
.twice.box03 .link_box .cont:first-child a:hover::before {border-color: #2EA2AD;}
.twice.box03 .link_box .cont a:hover {background: #2EA2AD; border-left: 8px solid #5BD7E3; color:#fff; padding-left: 33px;}
.twice .link_box {display:  flex; flex-wrap: wrap; width: 100%; height: 100%; padding: 0!important;}
.twice .link_box .cont {width: 100%; height: 50%; display: flex; align-items: center; justify-content: flex-start;}
.twice .link_box .cont + .cont {border-top: 1px dashed #ddd;}
.twice .link_box .cont a {width: 100%; height: 100%; padding: 0; display: flex; align-items: center;  justify-content: flex-start; padding: 0 25px;}
.twice .link_box .cont a .img_wrap { margin: 0!important;}
.twice .link_box .cont a p {text-align: left; margin-left: 10px;}

/*main common-------------------------------------------------------------------------------------------------------------------------------------*/
.main{width:100%; min-width:320px; margin:0 auto;}

.main .h2_box{padding-bottom: 10px; border-bottom:2px solid #ff6854;}
.main h2{position:relative; width: 100%; font-size:26px; color:#222; font-weight:bold; text-align:left;}
.main h2 a{position:absolute; right: 0; top:50%; transform:translate(0,-50%); float: right; padding: 3px; background: #ff6854; color: #fff; 
border-radius: 50%; width: 30px; height: 30px; line-height: 25px; font-weight: normal; text-align: center; font-size: 18px;}
.main h3{font-size:30px; font-family: 'Pretendard-Bold';}

.m_join{margin:60px auto -60px;}
.m_join .join_box{color:#fff; width:50%; box-shadow:2px 2px 10px #656565; padding:28px 30px; position:relative;}
.m_join .join_box p{font-size:20px; margin-top:10px;  font-family: 'Pretendard-Light';}
.m_join .join_box span{font-size:18px;  font-family: 'OTWelcomeRA'; position: absolute; right: 17px; padding: 10px 30px 4px; bottom: 15px; transition:0.3s; border-radius:20px;}
.m_join .join_box:nth-child(1) span{box-shadow:2px 2px 11px #1a4a9b; background:#4474c4;}
.m_join .join_box:nth-child(2) span{box-shadow:2px 2px 11px #08568d; background:#448fc4;}
.m_join .join_box:nth-child(1) span:hover{background:#2152a5; box-shadow:2px 2px 11px #78aaff; color:#fff;}
.m_join .join_box:nth-child(2) span:hover{background:#236fa5; box-shadow:2px 2px 11px #7cc9ff; color:#fff;}
.m_join .join_box:nth-child(1){background:#4474c4; font-family: 'MICEGothic Bold';}
.m_join .join_box:nth-child(2){background:#448fc4; font-family: 'MICEGothic Bold';}

.m_info{background:#f7f7f7; padding:100px 0 40px;}
.m_info .m_date{width:26%;background:#114862; box-shadow:0px 3px 11px #767676; padding:30px 30px; position:relative;}
.m_info .m_date h3{color:#fff; margin-bottom:40px;}
.m_info .m_date ul li{color:#fff; font-size:21px; font-family: 'Pretendard-Light';}
.m_info .m_date ul li b{margin-right:10px;}
.m_info .m_date ul li:nth-child(2){color:#ff9985;}
.m_info .m_date ul li:nth-child(2) b{color:#fff;}
.m_info .m_date ul li:nth-child(3){margin:30px 0 0 0; color:#e8fff7; font-size:20px;}
.m_info .m_date ul li:nth-child(4){color:#e8fff7; font-size:20px;}
.m_info .info_link{position:absolute; bottom:10%; width:250px; left:50%; margin-left:-124px;}
.m_info .info_link a{background:#fff; font-size:18px;  position:relative; font-family: 'OTWelcomeRA'; display:block; padding:10px 20px; font-weight:600;box-shadow:2px 2px 12px #001d2a; margin-bottom:5px;}
.m_info .info_link a:last-child{margin-bottom:0;}
/* .m_info .info_link a:nth-child(1){margin-bottom:5px; color:#343434;} */
.m_info .info_link a img{vertical-align:middle;}
.m_info .info_link a span{display:inline-block; vertical-align:middle; float:right; margin-top:10px; }
.m_info .info_link a:hover {color: #fff; background: transparent; box-shadow:none;}
.m_info .info_link a:before,.m_info .info_link a:after{
  content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #fff;
  box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002; transition:400ms ease all;}
.m_info .info_link a:after{right:inherit; top:inherit; left:0; bottom:0;}
.m_info .info_link a:hover:before,.m_info .info_link a:hover:after{width:100%; transition:800ms ease all;}

.m_calendar{width:46%; margin:0 1%; background:#fff; padding:30px 30px; position:relative;  box-shadow:0px 3px 11px #767676;}
.m_calendar>p{margin-top:7px;}
.m_calendar>p span{color:#448fc4; text-decoration:underline;}
.m_calendar .year{position:absolute; top:23px; right:17px;}
.m_calendar .year img{width:16px; vertical-align:middle;}
.m_calendar .year p{background:#43b4c9; border-radius:50%; padding:10px 15px; color:#fff; font-size:19px; font-family: 'Pretendard-Light'; display:inline-block; text-align:center; vertical-align:middle;}
.m_calendar .year p span{font-size:27px;font-family: 'Pretendard-Bold'; display:block; margin:0 auto;}
.calendar{margin-top:42px;}
.calendar>ul>li{width:calc(100% / 7); font-size:15px; text-align:center; }
.calendar .sun{color:#fb3d73;}
.calendar .month{font-family: 'Pretendard-Bold'; margin-bottom:20px;}
.calendar .dates{}
.calendar .dates>li{margin-bottom:25px;}
.calendar .event{}
.calendar .event p{border-radius:50%; background:#f7f7f7; padding:7px 9px; width:fit-content; display:inline-block;}
.calendar .event_list{display:inline-block; vertical-align:top;}
.calendar .event_list li{}
.calendar .event_list i{border-radius:50%; display:inline-block; width:5px; height:5px; vertical-align:middle;}
.calendar .event_list .default i{background:#ccc;}
.calendar .event_list .perform i{background:#ffa500;}
.calendar .event_list .display i{background:#4dcf84;}
.calendar .event_list .class i{background:#f698f7;}
.calendar .event_list .closed i{background:#fb3d73;}
.calendar .event_list span{font-size:14px; margin-left:6px;}

.event_info_list{}
.event_cont{background:#fff; display:block; width:100%; height:100%; padding:0 20px 20px; overflow:auto; max-width:740px; margin:0 auto;}
.event_close{text-align:right;}
.event_close span{display:inline-block;}
.event_close span::after{display: inline-block;content: "\00d7"; font-size:37px;}
.event_cont ul li span.title{display:flex; flex-wrap:wrap; margin-bottom:10px;}
.event_cont ul li span.title p{color:#008095; border-bottom:1px solid #b1d2d9; display:inline-block; padding:10px 10px 5px; font-family: 'OTWelcomeBA'; display:inline-block; width:80%;}
.event_cont ul li span.title span{background:#2aabc5; color:#fff; display:inline-block; padding:10px 10px 5px; font-family: 'OTWelcomeRA'; width:20%; text-align:center;}
.event_cont ul li span.date{margin:5px 0; color:#327eef;}
.event_cont span.date{display:block; margin:0 auto; text-align:center; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc; font-family: 'MICEGothic Bold'; font-size:20px;}



.m_notice{width:26%; background:#fff;  padding:30px 30px;  box-shadow:0px 3px 11px #767676;}
.m_notice h3{margin-bottom:30px;}
.m_notice .m_board_list{border-top:1px solid #43b4c9; border-bottom:1px solid #43b4c9; padding:30px 0;}
.m_notice .m_board_list li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #c9c9c9;}
.m_notice .m_board_list li:hover a{color:#4474c4;}
.m_notice .m_board_list li a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:300px; transition:0.2s;}
.m_notice .m_board_list li  .date{display:none;}
.m_notice .m_board_list li:last-child{margin-bottom:0px; border-bottom:none;}

.btn_basic{display:block; position:relative;}
.back{position:absolute; top:0; left:0;}
.btn_basic > span{display:block; display:inline-flex; align-items:center; width:212px; height:70px; background:#fff; box-shadow:15px 25px 46px 0px rgba(0, 84, 83, 0.15); 
transition:-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s; 
transition:transform .35s cubic-bezier(.76,0,.24,1) 0s,-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.btn_basic:hover .front,
.eff_text:hover .front{transform:translateY(-100%) rotateX(90deg); -webkit-transform:translateY(-100%) rotateX(90deg);}
.front{position:relative; -webkit-transform-origin:50% 100% 0; transform-origin:50% 100% 0;}
.btn_basic:hover .back,
.eff_text:hover .back{z-index:1; transform:translateY(-100%) rotateX(0); -webkit-transform:translateY(-100%) rotateX(0);}
.back{position:absolute; top:100%; left:0; transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); -webkit-transform-origin:50% 0 0; transform-origin:50% 0 0;}
.btn_basic > span > i{margin:0 60px 0 33px;  font-size:18px; color:#0a7d93; font-family: 'OTWelcomeRA'; font-style:inherit;}
.btn_basic > span > i.ko{font-size:15px;}
.btn_basic > span::after{content:""; position:absolute; top:49%; right:30px; width:26px; height:2px; background:#005453;}
.eff_text > span{display:inline-block; transition:-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s; 
transition:transform .35s cubic-bezier(.76,0,.24,1) 0s,-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.m_club{padding:50px 0; background:url('/img/2023/main/m_club_bg.jpg') no-repeat; background-size:cover;}
.m_club .club_int{width:25%; padding-top:80px;}
.m_club .club_int>span{font-size:14px; display:block; margin-bottom:18px;}
.m_club .club_int p{font-family: 'Pretendard-Light'; margin:40px 0 80px;}
.m_club .m_club_list{width:75%;}
.m_club_list li{background:#fff; border:1px solid #eee; padding:25px 18px; margin:20px 5px; height:500px; transition:0.3s; border-top:2px solid #32b6cf;}
.m_club_list .cate{color:#00b4ff; font-size:19px; font-family: 'Pretendard-Medium'; display:block;}
.m_club_list .tit{font-size:25px; font-family: 'Pretendard-Bold'; display:block; margin:13px 0 26px;}
.m_club_list .img_wrap{overflow:hidden; height:230px; display:block; margin:0 auto;}
.m_club_list .img_wrap img{max-width:100%; width:100%; height:100%; object-fit:cover;}
.m_club_list .info{font-size:15px; margin-top:30px; text-align:justify; font-family: 'Pretendard-Light';
display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:18px; height:90px;}
.m_club_list li:hover{box-shadow:5px 5px 9px #cfcfcf; transform:translateY(-10px);}
.m_club_list .slick-current{box-shadow:5px 5px 9px #cfcfcf; transform:translateY(-10px);}



@media (max-width: 566px) {
	.twice .link_box .cont a {padding: 0;}
}