@charset "utf-8";

#atc03{overflow:hidden;position:relative}
#atc03:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:100%;height:485px;background:url('./img/in03_bg.jpg') no-repeat center top}
#atc03 .inner{width:100%;max-width:1500px;margin:0 auto;padding-top:124px}

/* 타이틀 영역 */
#atc03 .top_tit{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:80px}
#atc03 .top_tit .l_txt{color:rgba(255,255,255,.65)}
#atc03 .top_tit .l_txt span{display:block;font-size:15px;font-weight:600;color:#fff;font-family:var(--e-font)}
#atc03 .top_tit .l_txt b{display:block;margin:34px 0 7px;font-size:33px;font-weight:700;color:#fff}
#atc03 .top_tit a{padding:0 40px;border:2px solid #fff;border-radius:50px;font-size:15px;line-height:60px;font-weight:600;color:#fff;transition:all .3s}
#atc03 .top_tit a span{margin-left:28px}

/* 콘텐츠 영역 */
#atc03 .atc03_cont{position:relative;border-left:1px solid #e1e1e1}
#atc03 .atc03_cont .tit_txt .go_btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:3px;font-size:15px;font-weight:600;color:#111;background-color:#f5f5f5;transition:all .3s}

#atc03 .calendar_wrap{display:flex;position:relative}
#atc03 .calendar_wrap:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:500%;height:100%;border-bottom:1px solid #e1e1e1;background:#fff}
#atc03 .calendar_wrap .calendar_box{display:flex;gap:70px;width:calc(100%/3 * 2);padding:70px 70px 100px;border-right:1px solid #e1e1e1}

/* 달력 */
#lat_calendar_Wrap{flex-shrink:0;width:360px;font-family:var(--e-font), var(--k-font)}
#lat_calendar_Wrap .title_wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid #e1e1e1}
#lat_calendar_Wrap .title_wrap .year{font-size:25px;font-weight:700;color:#111}
#lat_calendar_Wrap .title_wrap .slide_arrow{background-color:var(--primary)}
#lat_calendar_Wrap .title_wrap .slide_arrow .arrow+.arrow{border-left:1px solid rgba(255,255,255,.2)}
#lat_calendar_Wrap .title_wrap .slide_arrow .arrow svg{color:#fff}
#lat_calendar_Wrap .tbl_calendar{width:100%;border-spacing:0;text-align:center;font-weight:500;color:#111}
#lat_calendar_Wrap .tbl_calendar tr .ca_red{color:#b81b25}
#lat_calendar_Wrap .tbl_calendar tr .ca_blue{color:#4687d1}
#lat_calendar_Wrap .tbl_calendar tr th{padding-bottom:18px;font-weight:500}
#lat_calendar_Wrap .tbl_calendar tr td p{display:flex;align-items:center;justify-content:center;height:40px}
#lat_calendar_Wrap .tbl_calendar tr td p.select{position:relative}
#lat_calendar_Wrap .tbl_calendar tr td p.select:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);content:'';z-index:-1;width:35px;height:35px;border-radius:100px;background:#f5f5f5}
#lat_calendar_Wrap .tbl_calendar tr td button{border:none;background:none;font-family:var(--e-font)}

/* 대회일정 리스트 */
#atc03 .calendar_box .list_box{width:100%}
#calendar_list li{list-style:none}
#calendar_list li+li{border-top:1px solid #e1e1e1}
#calendar_list li a{display:block;overflow:hidden;padding:20px 10px}
#calendar_list li:first-child a{padding-top:0}
#calendar_list li:last-child a{padding-bottom:0}
#calendar_list li .lt_date{float:left;display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:3px;font-size:13px;font-weight:500;color:#666;background-color:#f5f5f5;font-family:var(--e-font)}
#calendar_list li .lt_date .day{font-size:18px;line-height:20px;font-weight:700;color:#6399dc}
#calendar_list li .lt_tit{float:left;width:calc(100% - 70px);padding:5px 0 0 25px;font-size:15px;font-weight:600;color:#111}
#calendar_list li .lt_tit .tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#calendar_list li .lt_tit .date{margin-top:4px;font-weight:400;color:#888}
#calendar_list li.no{text-align:center;line-height:150px}

/* 대회결과 */
#atc03 .calendar_wrap .result_late{width:calc(100%/3);padding:70px 0 0 70px}
#atc03 .result_list ul li+li{border-top:1px solid #e1e1e1}
#atc03 .result_list ul li.sh_nodata{text-align:center;line-height:150px}
#atc03 .result_list ul li a{display:block;overflow:hidden;padding:20px 10px}
#atc03 .result_list ul li:first-child a{padding-top:0}
#atc03 .result_list ul li:last-child a{padding-bottom:0}
#atc03 .result_list ul li .sh_date{float:left;display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:3px;font-size:13px;font-weight:500;color:#666;background-color:#f5f5f5;font-family:var(--e-font)}
#atc03 .result_list ul li .sh_date .day{font-size:18px;line-height:20px;font-weight:700;color:#6399dc}
#atc03 .result_list ul li .txt_wrap{float:left;overflow:hidden;width:calc(100% - 70px);padding:5px 0 0 25px;font-size:15px;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:#111}
#atc03 .result_list ul li .txt_wrap .sh_contents{display:block;margin-top:4px;font-weight:400;color:#888}

/* 하단 콘텐츠 */
#atc03 .bottom_cont{display:flex}

/* 갤러리 */
#atc03 .bottom_cont .gall_wrap{width:calc(100%/3 * 2);padding:94px 60px 113px 70px}
#atc03 .gall_wrap .gall_tit{display:flex;align-items:flex-end}
#atc03 .gall_wrap .gall_tit .tit{font-size:25px;line-height:1.4;font-weight:700;white-space:pre-line;color:#111}
#atc03 .gall_wrap .gall_tit .slide_arrow{height:auto;margin:0 0 6px 19px;padding:0;background-color:#fff}
#atc03 .gall_tit .sns_list{display:flex;gap:10px;margin-left:auto}
#atc03 .gall_tit .sns_list li a{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:100%;font-size:23px;color:#fff}
#atc03 .gall_tit .sns_list li:nth-child(1) a{background:linear-gradient(to right, #833ab4,#fd1d1d,#fcb045)}
#atc03 .gall_tit .sns_list li:nth-child(2) a{background-color:#0866ff}
#atc03 .gall_slide{margin-top:60px}
#atc03 .gall_slide article .img{width:100%;height:214px;border-radius:10px;background:no-repeat center;background-size:cover}
#atc03 .gall_slide article .txt{overflow:hidden;padding:20px 10px 0;font-size:18px;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:#111;}

/* 유튜브 */
#atc03 .bottom_cont .video_wrap{position:relative;width:calc(100%/3);padding:100px 0 113px 60px}
#atc03 .bottom_cont .video_wrap:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:500%;height:100%;background:#f5f5f5}
#atc03 .video_wrap .video_tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}
#atc03 .video_wrap .video_tit>span a{display:flex;align-items:center;gap:20px;font-size:25px;font-weight:700;color:#111;font-family:var(--e-font)}
#atc03 .video_wrap .video_tit{display:flex;align-items:center;justify-content:space-between}
#atc03 .video_wrap .video_tit .more_btn{padding:0 30px;border-radius:50px;font-size:15px;line-height:50px;font-weight:600;color:#fff;background-color:var(--primary)}
#atc03 .video_wrap .video_tit .more_btn span{margin-left:18px}
#atc03 .video_area .gall_img button{overflow:hidden;display:flex;align-items:center;justify-content:center;height:253px;border:none;border-radius:10px}
#atc03 .video_area .gall_img button img{width:105%}
#atc03 .video_area .gall_img .gall_img_info{overflow:hidden;padding:20px 10px 0;font-size:18px;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:#111;}

/* -------- 비디오 팝업 [s] */
#video_view{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1001;font-size:15px;color:#777;letter-spacing:-.2px;line-height:1.6;background:rgba(0,0,0,0.7);font-family:'notokr-regular'}
#video_view .inner{opacity:0;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;width:calc(100% - 30px);max-height:80vh;padding:20px 15px 40px 20px;margin-top:40px;border-radius:16px;background-color:#fff;transition:all .4s .1s}
#video_view.on .inner{opacity:1;margin-top:0}
#video_view iframe{width:100%}
#video_view .close{position:absolute;right:20px;top:20px;width:40px;height:40px;background:none;border:none}
#video_view .close:before, #video_view .close:after{display:block;content:"";position:absolute;top:15px;left:7px;transform:rotate(45deg);width:26px;height:2px;background-color:#222}
#video_view .close:after{transform:rotate(-45deg)}
#video_view .tit_area{padding-right:60px;margin-bottom:15px}
#video_view .tit_area p{font-size:18px;color:#222;font-family:'notokr-medium'}
#video_view .tit_area span+span{margin-left:10px}
#video_view .scr_area{overflow-y:scroll;max-height:75vh}
#video_view .scr_area::-webkit-scrollbar{width:5px}
#video_view .scr_area::-webkit-scrollbar-thumb{border-radius:5px;background-color:#b1b1b1}
#video_view .cont img{max-width:100%}
/* -------- 비디오 팝업 [e] */

/* 모바일 호버 X */
@media (hover: hover) {
#atc03 .top_tit a:hover{color:var(--primary);background-color:#fff}
#atc03 .atc03_cont .tit_txt .go_btn:hover{color:#fff;background-color:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1600px){
#atc03 .inner{max-width:none;padding:124px 70px 0}
#atc03 .calendar_wrap .calendar_box{gap:50px;padding:70px 50px 90px}
#atc03 .calendar_wrap .result_late{padding:70px 0 0 50px}
#lat_calendar_Wrap{width:290px}
#calendar_list li a{padding:20px 5px}
#calendar_list li .lt_date{width:65px;height:65px}
#calendar_list li .lt_tit{width:calc(100% - 65px);padding-left:20px}
#atc03 .result_list ul li a{padding:20px 5px}
#atc03 .result_list ul li .sh_date{width:65px;height:65px}
#atc03 .result_list ul li .txt_wrap{width:calc(100% - 65px);padding-left:20px}
#atc03 .bottom_cont .gall_wrap{padding:94px 50px 113px}
#atc03 .bottom_cont .video_wrap{padding:94px 0 113px 50px}
}
@media (max-width:1230px){
#atc03 .inner{padding:104px 0 0 50px}
#atc03 .top_tit{padding: 0 50px 70px 0}
#atc03 .top_tit .l_txt b{font-size:30px}
#atc03 .calendar_wrap{display:block}
#atc03 .calendar_wrap .calendar_box{width:100%;padding:70px 40px;border-right:none;border-bottom:1px solid #e1e1e1}
#lat_calendar_Wrap .title_wrap .year{font-size:23px}
#atc03 .calendar_wrap .result_late{width:100%;padding:55px 40px 70px}
#atc03 .bottom_cont .gall_wrap{width:60%;padding:70px 40px 80px}
#atc03 .gall_wrap .gall_tit .tit{font-size:23px}
#atc03 .gall_tit .sns_list li a{width:60px;height:60px}
#atc03 .gall_slide{margin-top:45px}
#atc03 .gall_slide article .img{height:210px}
#atc03 .gall_slide article .txt{font-size:16px}
#atc03 .bottom_cont .video_wrap{width:40%;padding:70px 40px 80px}
#atc03 .video_wrap .video_tit>span a{gap:15px;font-size:23px}
#atc03 .video_area .gall_img .gall_img_info{font-size:16px}
#atc03 .video_area .gall_img button{height:235px}
#atc03 .video_area .gall_img button img{width:107%}
#atc03 .video_wrap .video_tit .more_btn{padding:0 25px;line-height:45px}
}
@media (max-width:1024px){
#atc03 .inner{padding:75px 0 0 20px}
#atc03 .top_tit{padding:0 20px 60px 0}
#atc03 .top_tit .l_txt b{font-size:28px}
#atc03 .top_tit a{padding:0 30px;line-height:55px}
#atc03 .calendar_wrap .calendar_box{padding:60px 30px}
#atc03 .calendar_wrap .result_late{padding:45px 30px 60px}
#atc03 .bottom_cont .gall_wrap{width:50%;padding:45px 30px 60px}
#atc03 .gall_slide article .img{height:160px}
#atc03 .bottom_cont .video_wrap{width:50%;padding:45px 30px 60px}
#atc03 .gall_tit .sns_list li a{width:50px;height:50px}
#atc03 .video_wrap .video_tit>span a img{height:20px}
}
@media (max-width:768px){
#atc03 .inner{padding:65px 0 0}
#atc03 .atc03_cont{border-left:none}
#atc03 .top_tit{padding:0 15px 60px}
#atc03 .top_tit .l_txt span{font-size:14px}
#atc03 .top_tit .l_txt b{margin:25px 0 7px;font-size:25px}
#atc03 .top_tit a{padding:0 25px;line-height:50px}
#atc03 .calendar_wrap .calendar_box{display:block;padding:60px 15px}
#lat_calendar_Wrap{width:100%}
#lat_calendar_Wrap .title_wrap{margin-bottom:30px;padding-bottom:20px}
#lat_calendar_Wrap .title_wrap .year{font-size:20px}
#atc03 .calendar_box .list_box{margin-top:50px}
#atc03 .calendar_wrap .result_late{padding:45px 15px 60px}
#atc03 .bottom_cont{display:block}
#atc03 .bottom_cont .gall_wrap{width:100%;padding:45px 15px 60px}
#atc03 .gall_slide{margin-top:30px}
#atc03 .gall_slide article .img{height:195px}
#atc03 .gall_slide article .txt{padding:15px 10px 0;font-size:15px}
#atc03 .bottom_cont .video_wrap{width:100%;padding:45px 15px 60px}
#atc03 .video_area .gall_img button{width:100%;height:100%}
#atc03 .video_area .gall_img .gall_img_info{padding-top:15px;font-size:15px}
}
@media (max-width:480px){
#atc03 .inner{padding-top:55px}
#atc03 .top_tit{flex-direction:column;gap:20px;padding:0 15px 45px}
#atc03 .top_tit .l_txt{width:100%}
#atc03 .top_tit .l_txt span{font-size:13px}
#atc03 .top_tit .l_txt b{margin-top:20px;font-size:20px}
#atc03 .top_tit a{font-size:14px;line-height:45px}
#atc03 .top_tit a span{margin-left:20px}
#atc03 .calendar_wrap .calendar_box{padding:50px 15px}
#lat_calendar_Wrap .title_wrap .year{font-size:18px}
#atc03 .atc03_cont .tit_txt .go_btn{width:35px;height:35px}
#calendar_list li .lt_tit{padding-left:15px;font-size:14px}
#atc03 .result_list ul li .txt_wrap{padding-left:15px;font-size:14px}
#calendar_list li .lt_date{width:60px;height:60px}
#calendar_list li .lt_date .day{font-size:16px}
#atc03 .result_list ul li .sh_date{width:60px;height:60px}
#atc03 .result_list ul li .sh_date .day{font-size:16px}
#atc03 .gall_wrap .gall_tit .tit{font-size:20px}
#atc03 .gall_tit .sns_list li a{width:45px;height:45px;font-size:20px}
#atc03 .gall_slide article .img{height:160px}
#atc03 .video_wrap .video_tit{margin-bottom:30px}
#atc03 .video_wrap .video_tit>span a{font-size:20px}
#atc03 .video_wrap .video_tit .more_btn{padding:0 20px;font-size:14px;line-height:40px}
#atc03 .video_wrap .video_tit .more_btn span{margin-left:10px}
#video_view .tit_area p{font-size:16px}
}
@media (max-width:380px){
#atc03 .gall_slide article .img{height:200px}
}
/* 반응형 [e] */