@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 25.04.16 */

/******** Common ********/
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix::after{content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
a{text-underline-offset:3px}

/* Layout */
#wrap {position: relative; width: 100%; min-width: 320px; font-family:'SEBANG_Gothic',; font-weight: 500}
#content{position: relative; z-index:1}
#mainheader {z-index: 100}
 
/* Visual */
.visual {position:relative; overflow:hidden}
.visual_wrap .slick-arrow {display:none !important}
.visual_wrap .slick-dots li button, .visual_wrap .btn_visual li button{border:none; background:none; font-size:0}
.visual_wrap .visual_item{display:block !important}
.visual_wrap .visual_item > a{position: relative; display:block !important}
.visual_wrap .visual_item > a:focus-visible{outline:2px solid #000}
.visual_wrap .visual_item span.vbg_txt{height:0; width:0; line-height:0; font-size:0;text-indent:-9999999px}
/*재생,일시정지*/
.visual_wrap .btn_visual{position: absolute; left:50%; bottom:25px; margin:0 0 0 -782px; z-index: 1}
.visual_wrap .btn_visual li.blind{display:none}
.visual_wrap .btn_visual button{width:16px; height:16px; margin: 0 0 0 4px; cursor:pointer; border-radius:50%; box-sizing: border-box}
.visual_wrap .btn_visual button.vbtn_pause{background:url(../images/main/vbtn_play.png) 0 0 no-repeat}
.visual_wrap .btn_visual .vbtn02 button.vbtn_pause{background:url(../images/main/vbtn_pause.png) 0 0 no-repeat}
/*비주얼 이동 블릿*/
.slick-dots {position: absolute; left:50%; bottom:27px; margin:0 0 0 -850px; z-index: 1}
.slick-dots li {display:block; float: left; margin: 0 7px 0 0; background:rgba(255, 255, 255, 0.6); border-radius:5px; opacity: 0.8px; box-sizing: border-box}
.slick-dots li button{display:block; width:16px; height:12px; border-radius:5px; cursor:pointer; box-sizing: border-box; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15)}
.slick-dots li.slick-active button{display:block; width: 35px; height: 12px; background:#fff; border:none}

/********************************************* Layout **********************************************/

/***Content  Common***/ 
.conline02 .main_titbx{margin-bottom: 50px}

/*메인 타이틀 공통*/
.conline .main_titbx{position: relative; margin-top: 40px; text-align: center}
.conline .main_titbx::after{display: block; clear: both; content:''; position: absolute; left:0; bottom:13px; width: 100%; height: 2px; background: #e5e5e5}
.conline.conline01 .main_titbx{margin-top: 85px}
.conline .main_titbx .tit_name{margin-bottom: 23px; font-size: 32px; color:#000}
.conline .main_titbx .tit_name span{font-weight: 600}
.conline .main_titbx .eng_name{position: relative; display: inline-block; padding: 0 25px; background: #fff; font-size:25px; color:#e6e6e6; font-weight: 600; z-index: 1}

/*메인 더보기 버튼*/
.conline .more{position: absolute; top:0; right:0}
.conline .more a{position: relative; display: block; width: 100px; height: 32px; line-height: 32px; padding: 0 13px; border-radius: 50px; border:1px solid #e5e5e5; color:#b7b7b7; font-weight: 500; box-sizing: border-box; transition: all .3s}
.conline .more a:hover{background: #ededed}
.conline .more a::after{display: block; clear: both; content:''; position: absolute; right:13px; top:9px; width: 12px; height: 12px; background:url(../images/main/btn_more.png) right center no-repeat; transition: all .3s}
.conline .more a:hover::after{transform: rotate(180deg)}

/* 알림팝업 */
.main_fullpop {position:relative}
/*알림팝업 기본레이아웃*/
.fullpop_bx {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px; z-index: 1000}
.fullpop_bx.on {display:block}
.fullpop_bx .pop_lstbx {position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 90%; max-width: 657px; padding: 20px}
.fullpop_bx .fillpop_tit{margin-bottom: 25px; font-size: 28px; font-weight: 600; color:#fff}
.fullpop_bx .fillpop_tit span{display: inline-block; padding-left: 45px; background:url(../images/main/ico_fillpop.png) left center no-repeat}
/*알림팝업 이미지*/ 
.pop_lstbx .fullpop_lst .poptem{border-radius: 30px; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15)}
.pop_lstbx .fullpop_lst .poptem a{display: block; overflow: hidden; width:657px; height:370px; margin: 0 auto; border-radius: 30px}
.pop_lstbx .fullpop_lst img{width:657px; height:370px}
/*닫기 버튼*/ 
.fullpop_bx .fullpop_btn{position: absolute; top:10px; right:0; display: flex; gap:15px}
.fullpop_bx .fullpop_btn li a{display: block; height: 42px; line-height: 42px; border-radius: 50px; background: rgba(255, 255, 255, 0.3); text-align: center; transition: all .3s}
.fullpop_bx .fullpop_btn li a:hover{background: rgba(0, 0, 0, 0.6)}
.fullpop_bx .fullpop_btn li.btn_popclose a{width: 60px}
.fullpop_bx .fullpop_btn li.btn_popclose a span{display: block; background:url(../images/main/popbtn_close.png) center no-repeat; font-size: 0; text-indent: -9999px}
.fullpop_bx .fullpop_btn li.btn_poptoday a{width: 194px; font-size: 15px; color:#fff}
/*이동 버튼*/ 
.fullpop_bx button{display: block; position: absolute; top:150px; width:49px; height: 49px; font-size: 0; text-indent: -9999px; transition: all .3s; z-index: 1}
.fullpop_bx button.slick-prev{left:-105px; background:url(../images/main/popbtn_prev.png) center no-repeat}
.fullpop_bx button.slick-next{right:-105px; background:url(../images/main/popbtn_next.png) center no-repeat}
.fullpop_bx button.slick-prev:hover{background:url(../images/main/popbtn_prev_a.png) center no-repeat}
.fullpop_bx button.slick-next:hover{background:url(../images/main/popbtn_next_a.png) center no-repeat}


/*고정퀵메뉴*/  
.fixquick_menu ul{display: flex; flex-wrap: wrap; gap:20px} 
.fixquick_menu ul li a{position: relative; overflow: hidden; display: block; min-width: 250px; height: 288px; border-radius: 20px; border:2px solid #456883; background: #fff; line-height: 150%; font-size: 20px; transition: all .3s}
.fixquick_menu ul li a::after{display: block; clear: both; content:''; position: absolute; bottom:-60px; right: -40px; width:173px; height: 173px; border-radius: 50%; background:#f2f2f2; transition: all .3s} 
.fixquick_menu ul li a span.fq_tit{display: block; position: relative; padding: 27px 23px}
.fixquick_menu ul li a span.fq_tit::after{display: block; clear: both; content:''; position: absolute; top:32px; right:25px; width: 48px; height: 48px; border-radius: 50px; background:url(../images/main/fq_btnarw.png) center no-repeat #33a5af; transition: all .3s}
.fixquick_menu ul li:nth-child(n+3) a span.fq_tit::after{background-color: #0072bc}
.fixquick_menu ul li a span.fq_tit span{font-weight: 600}
.fixquick_menu ul li a span.fq_img{display: block; position: absolute; bottom:23px; right:35px; z-index: 1}
.fixquick_menu ul li a:hover span.fq_img img{position: relative;transition:transform 1.2s;transform-style: preserve-3d; transform: rotateY(360deg)}
.fixquick_menu ul li a:hover{border-color:#ff7f65; color:#ff7f65} 
.fixquick_menu ul li a:hover span.fq_tit::after{background-color:#ff7f65}
.fixquick_menu ul li:hover a::after{background:#ffd7cf} 

 /**경기일정**/ 
#main_schedule{position: relative; margin-top: 30px}
.calendar_wrap .calendar_bx{position: relative}
/*달력*/
.calendar_wrap{position: absolute;top:0; left:0; width: 510px; height: 455px; padding:10px 15px 15px; background: #fff; border:2px solid #f0f0f0; box-sizing: border-box}
.calendar_wrap .calbx_wrap{font-family:NSQ}
/*타이틀*/
.calendar_wrap .cal_month{margin: 8px 0 15px; font-size: 21px}
.calendar_wrap .cal_month span{font-size: 30px; font-weight: 600}
/*요일표시*/
.calbx_wrap .cal_week{display: flex; justify-content: space-between; background: #f3f3f3; margin-bottom: 10px}
.calbx_wrap .cal_week li{width: calc(100% / 7 - 10px); height:40px; align-content: space-around; font-size: 15px; font-weight: 500; text-align: center}
/*일 표시*/
.cal_daybx ul.daynum{display: flex; flex-wrap:wrap; gap:5px 11px; margin-bottom: 10px}
.cal_daybx ul.daynum li{position: relative; width: calc(100% / 7 - 10px); height:40px; min-width: 5px; margin-bottom: 3px; background:url(../images/main/other_month.gif) center no-repeat; border:1px solid #e5e5e5; text-align: center; box-sizing: border-box; transition: all .3s}
.cal_daybx ul.daynum li span, 
.cal_daybx ul.daynum li a{display: block; height: 100%; align-content: space-around; background: #fff; font-size: 14px}
.cal_daybx ul.daynum li.other_month span{display:none}
.cal_daybx ul.daynum li:hover{border-color: #bdbdbd}
.cal_daybx ul.daynum li:hover a{font-weight: 600}
/*오늘*/
.cal_daybx ul.daynum li.today{border-color: #369ad9}
.cal_daybx ul.daynum li.today a{background: #d7effd; color:#369ad9; font-weight: 600}
/*경기있는 날*/
.cal_daybx ul.daynum li.game::after{display: block; clear: both; content:''; position: absolute; right:2px; top:0; width: 9px; height: 12px; background:url(../images/main/ico_game.png) center no-repeat}
.cal_daybx ul.daynum li.game a{color:#369ad9; font-weight: 600}
/*휴관 및 휴일*/
.cal_daybx ul.daynum li.holi::after{display: block; clear: both; content:''; position: absolute; right:2px; top:0; width: 9px; height: 12px; background:url(../images/main/ico_holi.png) center no-repeat}
.cal_daybx ul.daynum li.holi a{ color:#bdbdbd}
/*달력 표시설명*/
.calbx_wrap .cal_info{padding: 7px; margin-top: 8px; background:#f3f3f3}
.calbx_wrap .cal_info ul{display: flex; justify-content: flex-end; gap:23px}
.calbx_wrap .cal_info ul li{padding-left: 17px; font-size: 15px}
.calbx_wrap .cal_info ul li.holiday{background:url(../images/main/ico_holi.png) left center no-repeat}
.calbx_wrap .cal_info ul li.gameday{background:url(../images/main/ico_game.png) left center no-repeat}
/*전체 일정 보기*/
.calendar_bx .allday_view{position: absolute; top:-3px; right:0}
.calendar_bx .allday_view a{display: block; width: 167px; height: 36px; padding: 1px 18px 0; border:1px solid #818181; border-radius: 50px; font-size: 15px; box-sizing: border-box; transition: all .3s}
.calendar_bx .allday_view a span{display:block; padding: 10px 0; background:url(../images/main/ico_allview.png) right 7px no-repeat}
.calendar_bx .allday_view a:hover{background: #369ad9; border-color: #369ad9; color:#fff}
.calendar_bx .allday_view :hover span{background:url(../images/main/ico_allview_a.png) right 7px no-repeat}

/*세부경기일정*/  
/*리스트 스타일*/ 
.detail_wrap{position: relative; margin-left:545px; height: 476px; padding: 7px 0 0; box-sizing: border-box}
.detail_lstbx .slick-list{height: 405px !important}
.detail_lstbx .detail_area{overflow: hidden; height: 405px; background:url(../images/main/no_sports_lst.gif) center no-repeat; font-family:NSQ}
.detail_lstbx .detail_area ul{background:#fff}
/*상단안내문구*/ 
.detail_lstbx .dttxt{padding-bottom: 17px; margin-bottom: 5px; border-bottom: 1px solid #e5e5e5;  font-size: 20px}
.detail_lstbx .dttxt span{padding: 5px 0 5px 40px; background:url(../images/main/ico_dttxt.png) left 5px no-repeat}
/*세부리스트*/
/*타이틀*/
.detail_area .lst_titbx{display: flex; gap:16px}
.detail_area .detail_lst .lst_titbx{position: relative; padding: 16px 70px 16px 0; border-bottom: 1px solid #e5e5e5; font-weight: 500; box-sizing: border-box; cursor: pointer} 
.detail_area .detail_lst .lst_titbx::after,
.detail_area .detail_lst .active .lst_titbx::after{display: block; clear: both; content:''; position: absolute; right:0; top:16px; width: 60px; height: 32px; border-radius: 50px; border:1px solid #c1c1c1}
.detail_area .detail_lst .lst_titbx::after{background:url(../images/main/btn_dtview.png) center no-repeat #fff}
.detail_area .lst_titbx .date{display: flex; justify-content: space-between; width: 147px; height: 34px; line-height: 36px; padding:0 15px; border-radius: 50px; background: #f3f3f3; font-size: 15px; box-sizing: border-box}
.detail_area .lst_titbx .date span{display: block}
.detail_area .lst_titbx .tit{display:block; overflow:hidden; width:95%; text-overflow:ellipsis; white-space:nowrap; font-size: 17px; align-content: space-around}
/*오버*/
.detail_area .detail_lst .active .lst_titbx::after{background:url(../images/main/btn_dtview_a.png) center no-repeat #369ad9; border-color:#369ad9}
.detail_area .detail_lst .active{border-bottom: 1px solid #e5e5e5}
.detail_area .detail_lst .active .lst_titbx{border-bottom: none}
.detail_area .detail_lst .active .date{background: #369ad9; color: #fff}
.detail_area .detail_lst .active .tit{font-weight: 600; align-content: space-around}
/*세부내용*/
.detail_area .lst_infobx{display: flex; gap:10px; padding: 5px; margin:0 0 10px; border:2px solid #f0f0f0; background: #fff}
.detail_area .lst_infobx .ifb_tit{width:140px; font-size: 15px; line-height: 150%; text-align: center; align-content: space-around}
.detail_area .lst_infobx .ifb_tit span{display: block}
.detail_area .lst_infobx .ifb_tit > span{padding-top:50px; background:url(../images/main/ico_ifbtit.png) top center no-repeat}
/*대결*/
.detail_area .lst_infobx .ifb_lst{width: 100%; font-size: 14px}
.detail_area .lst_infobx .battle_sch{display:flex; margin-bottom: 8px; background: #f1f1f1}
.detail_area .lst_infobx .battle_sch span{display: block; padding: 10px; line-height:120%}
.detail_area .lst_infobx .battle_sch span.tit{min-width:120px; width: 10%; background: #e5e5e5; text-align: center; font-weight: 600}
.detail_area .lst_infobx .battle_sch span.txt{width: 85%}
/*기타내용*/
.detail_area .battle_info ul{display: flex; flex-wrap: wrap}
.detail_area .battle_info ul li{display: flex;width: calc(100% / 2 - 10px)}
.detail_area .battle_info ul li:nth-child(n+3){margin-top: 8px}
.detail_area .battle_info ul li > span{display: block; padding: 6px 10px}
.detail_area .battle_info span.tit{min-width:140px; width: 15%; border:1px solid #f0f0f0; text-align: center; font-weight: 600; box-sizing: border-box}
.detail_area .battle_info span.txt{width: 85%}
/*이동버튼*/
.detail_lstbx .btn_bx{position: absolute; top:0; right:112px}
.detail_lstbx .btn_slide{display: flex; overflow: hidden; width: 100px; height: 32px; border-radius: 50px}
.detail_lstbx .btn_slide li{position: relative; flex: 1; text-align: center}
.detail_lstbx .btn_slide li:first-child::after{display: block; clear: both; content:''; position: absolute; right:0; top:0; width: 1px; height: 32px; background: #fff}
.detail_lstbx .btn_slide li a{display: block !important; width: 100%; height: 100%; align-content: space-around; background: #f0f0f0; transition: all .3s}
.detail_lstbx .btn_slide li a:hover{background: #b7b7b7}

/*공지사항*/ 
#main_notice .notice_bx{position: relative} 
.notice_bx h3.tit{margin-bottom: 28px; font-size: 25px; font-weight: 500}
.notice_bx h3.tit span{font-weight: 600}
/*공지내용*/
.notice_bx .notice_tb{overflow: hidden; height:290px; font-family:NSQ}
.notice_bx .notice_tb li{position: relative; padding-top: 38px; margin-bottom: 16px}
.notice_bx .notice_tb .notitb{padding: 20px 10px; border-top:1px solid #e1e1e1; border-bottom: 2px solid #e1e1e1; font-size: 15px; transition: all .3s}
.notice_bx .notice_tb .notitb .tit{overflow:hidden; width:95%; margin-bottom: 8px; line-height: 150%; font-weight: 600; text-overflow:ellipsis; white-space:nowrap}
.notice_bx .notice_tb .notitb .txt{overflow:hidden; height: 45px}
.notice_bx .notice_tb .notitb .txt{line-height: 150%; color:#545454}
.notice_bx .notice_tb .notitem{position: absolute; top:0; left:0}
.notice_bx .notice_tb .notitem span{display: inline-block; width: 62px; height: 26px; line-height: 26px; border-radius: 50px; background: #5da8ef; text-align: center; color:#fff}
.notice_bx .notice_tb .notidate{position: absolute; top:5px; right:0}
.notice_bx .notice_tb .notidate > span{display: inline-block; padding: 2px 0 2px 20px; background:url(../images/main/ico_date.gif) left center no-repeat; color:#868686}
.notice_bx .notice_tb li:hover .tit{text-decoration: underline}
.notice_bx .notice_tb li:hover .txt{color:#000}
.notice_bx .notice_tb li:hover .notitb{border-top-color: #5da8ef; border-bottom-color: #5da8ef}
/*첫번째 공지글*/
.notice_bx li.first_list{height: 108px; padding: 10px; background: #f7f7f7; box-sizing: border-box}
.notice_bx li.first_list .notitb{margin: 10px 0 10px 120px; padding: 0; border:none}
.notice_bx li.first_list .notitb .tit{margin: 18px 0 10px; font-size: 17px}
.notice_bx li.first_list .notitb .txt{display:block; overflow:hidden; width:95%; height: auto; font-size: 15px; text-overflow:ellipsis; white-space:nowrap}
.notice_bx li.first_list .notidate{position: absolute; top:10px; left:10px; width: 100px; height: 90px; background: #fff; text-align: center; align-content:space-around; transition: all .3s; font-family:'SEBANG_Gothic'} 
.notice_bx li.first_list .notidate > span{display: flex; flex-direction: column-reverse; padding: 0; background: none}
.notice_bx li.first_list .notidate > span > span{display: block; margin-bottom: 10px; font-size: 36px; font-weight: 600; color:#424242}
.notice_bx li.first_list:hover .notidate{background: #5da8ef}
.notice_bx li.first_list:hover .notidate span{color:#fff}

/*묻고답하기*/
#main_question .quest_bx{position: relative} 
.quest_bx h3.tit{margin-bottom: 28px; font-size: 25px; font-weight: 500}
.quest_bx h3.tit span{font-weight: 600}
.quest_bx .quest_tb{overflow: hidden; padding:0 13px; height: 281px; border:2px solid #f0f0f0; box-sizing: border-box; font-family:NSQ}
.quest_bx .quest_tb ul li{position: relative; padding: 21px 90px 21px 10px; border-bottom: 1px solid #e1e1e1}
.quest_bx .quest_tb ul li a{display: block; transition: all .3s}
.quest_bx .quest_tb .titbx{display: flex; gap:15px}
.quest_bx .quest_tb .titbx span{display: block}
.quest_bx .quest_tb .titbx span.date{width: 112px; height: 26px; line-height: 26px; border-radius: 50px; border:1px solid #e1e1e1; background: #fff; text-align: center; font-size: 14px; transition: all .3s}
.quest_bx .quest_tb .titbx span.tit{display:block; overflow:hidden; width:85%; font-size: 15px; text-overflow:ellipsis; white-space:nowrap; align-content: space-around}
.quest_bx .quest_tb .namebx{position: absolute; top:27px; right:10px; font-size: 15px}
.quest_bx .quest_tb .namebx span{display: block; padding-left: 23px; background:url(../images/main/ico_name.gif) left 0 no-repeat}
.quest_bx .quest_tb ul li a:hover .titbx{font-weight: 600}
.quest_bx .quest_tb ul li a:hover .titbx span.date{border-color:#737c8a; background: #737c8a; color:#fff}
.quest_bx .quest_tb ul li a:hover .namebx{font-weight: 600}

/* Banner */
.conline03{ background: #4d5259}
.banner_wrap {position: relative; width: 1700px; height:108px; margin: 0 auto; border-bottom: 1px solid #686e77; box-sizing: border-box}
.banner_wrap .tit{padding:26px 0 0; color:#fff; font-size: 18px; font-weight: 500}
.banner_wrap .tit span{padding: 10px 0}
/*배너*/
.banner_wrap .ban_item a {overflow: hidden; display: block; width: 240px; height:62px; margin: 0 auto; background:#ccc}
.banner_wrap .ban_item img {margin: 0 auto; width:240px; height:62px; transition: all .5s}
.banner_wrap .ban_item:hover img{transform: scale(120%)}
/*이동버튼*/
.banner_wrap .btns{overflow: hidden; display:flex; position: absolute; left:0; bottom:20px; border-radius:50px}
.banner_wrap .btns span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.banner_wrap .btns button{position: relative; display: block; cursor: pointer; width:43px; height:20px;  background-color: #fff; background-repeat: no-repeat;  background-position: center; transition: all .3s}
.banner_wrap .btns button::after{display: block; content:''; clear:both; position: absolute; top:0; right:0; width: 1px; height: 20px; background: #4d5259}
.banner_wrap .btns button:hover{background-color: #c6d0dd}
.banner_wrap .btns button:focus-visible{outline:2px solid #000}
.banner_wrap .btns button.ban_btn_prev{background-image:url(../images/main/ban_btn_v1.png)}
.banner_wrap .btns button.ban_btn_stop{background-image:url(../images/main/ban_btn_v2.png)}
.banner_wrap .btns button.ban_btn_next{background-image:url(../images/main/ban_btn_v3.png)}
.banner_wrap .btns button.ban_btn_next::after{display:none}
.banner_wrap .ban_area{margin:-19px 0 0 140px}
/*더보기 버튼*/
.banner_wrap .ban_more{position: absolute; top:25px; left:95px}
.banner_wrap .ban_more a{display: block; width: 34px; height: 17px; padding: 3px; border-radius: 50px; background: #f0f0f0; text-align: center; box-sizing: border-box; transition: all .3s}
.banner_wrap .ban_more:hover a{background: #c6d1d7}
 
/* Footer */
#footwrap{background: #4d5259}
#footwrap .foot_call{display: flex; justify-content: space-around; width: 245px; margin: 0 auto; color:#b4b6b9; font-size: 14px}
#footwrap .foot_call dt{font-weight: 600}
#footwrap .foot_call dt span{display: block; padding:4px 0 4px 35px; background: url(../images/main/call_ico.png) no-repeat left center}
#footwrap .foot_call dd{align-content: space-around}
#footwrap .foot_btmbx{background: #363b42; color:#b2b2b2; line-height: 160%}
#footwrap .foot_btmbx .btm_txt{display: flex; justify-content: space-between; padding: 15px 0; width: 1700px; margin: 0 auto; box-sizing: border-box}
#footwrap .foot_btmbx p{width: 50%; font-size: 14px; align-content: space-around}  
#footwrap .foot_btmbx p.addtxt span{padding: 5px 13px 5px 35px; margin-right: 7px; border-radius: 50px; background:url(../images/main/foot_add.png) left 10px center no-repeat #4d5259; font-weight: 700}
#footwrap .foot_btmbx p.copy{text-align: right}
#footwrap .copy span.copy_font{font-family:NSQ}
/* 유관기관 */ 
#footwrap .fm_site {position: relative; display: flex; gap:10px; margin-top: 15px}
#footwrap .fm_site > div{width: 90%}
#footwrap .fm_site > p{width: 10%; background: #33373d; text-align: center; align-content: space-around}
#footwrap .fm_site > p a{display: block; height:30px; line-height: 30px; color:#fff}
#footwrap .fm_site .site_tit {position: relative; width:100%; height:30px; line-height:30px; margin: 0 auto; box-sizing: border-box}
#footwrap .fm_site .site_tit a {display:block; height:30px; padding-left:15px; padding-right:52px; background:#6f767f; box-sizing:border-box; font-size: 14px; font-weight:500; color:#fff} 
#footwrap .fm_site .site_tit .fm_btn{display: block; content: " "; clear: both; position:absolute; top:2px; right:10px; width:13px; height: 11px; text-align: center; box-sizing: border-box}
#footwrap .fm_site .site_tit.active .fm_btn img{transform: rotate(180deg); transition:.3s ease-out}
#footwrap .fm_site .site_lst {overflow:hidden; display:none; position: absolute; height: 0; width:100%; background:#fff; box-sizing:border-box; border-radius:5px 5px 0 0}
#footwrap .fm_site .site_lst ul {overflow-y:auto; height:120px; padding:5px 5px 0}
#footwrap .fm_site .site_lst ul li {padding:4px 0; border-bottom:1px solid #ccc}
#footwrap .fm_site .site_lst ul li:last-child{padding-bottom: 0; border-bottom: none}
#footwrap .fm_site .site_lst ul li a {position:relative;  display:block; overflow:hidden; width:100%; padding:7px 40px 7px 10px; text-overflow:ellipsis;  white-space:nowrap; font-weight:400; color:#000;  box-sizing: border-box}
#footwrap .fm_site .site_lst ul li a:after {content:"GO"; display:block; position:absolute; top:50%; right:0; width:30px; height:20px; line-height:20px; margin-top:-10px; background:#353e4b;border-radius:50px 50px; text-align: center; color:#fff; font-size: 11px}
#footwrap .fm_site .site_lst {display: block; bottom:calc(100% - 2px); left:0}
#footwrap .fm_site .site_lst ul li:hover a {color:#000; font-weight:400}
#footwrap .fm_site .site_lst ul li:hover a:after {background:#3782df; font-weight:500; transition:all .3s}


/******** MOBILE LAYOUT ********/
@media only screen and (max-width:1024px) {
.skip_navi .pc_skip{display:none}
/*Mainheader */
.header_top{position: absolute; top:0; width: 100%; height: 46px; margin: 0; z-index:100}
.header_top .header_box{position: relative}
.logo_top{position: absolute; top:51px; left:10px}
.logo_top a{display: block; width:228px; height: 30px; background: url(../images/main/logo_m.png) no-repeat left top; z-index: 10}
.logo_top img{display: none} 

/* Mobile fix */
.fixed{position:fixed; top:0; left:0; width:100%; height: 35px; transition: 0.6s}
.fixed .header_top .header_btn{background:rgba(255,255,255,0.9); box-shadow:0 2px 3px rgba(0, 0, 0, 0.1)}
.fixed .qmu_popup{display: none}
.fixed .header_top .logo_top{display: none}
.fixed .logo_top a{top:5px}

/*알림팝업*/
.header_top .qmenu .fullpop_open{ position: absolute; top:49px; right:10px; width: 33px; height: 33px; background: url(../images/main/mb_fullpop.png) no-repeat center; font-size: 0; text-indent: -9999px; z-index: 1}
/*모바일 버튼*/
.header_top .qmenu .mb_non{display: none}
.header_top  .qmenu_tb{position: absolute; top:0; left:0; width: 100%}
.header_top .qmu_btnbox{display: flex}
.header_top .qmu_btnbox div,
.header_top .qmu_btnbox p{flex: 1}
.header_top .qmu_btnbox p a{display: block; height: 35px; line-height: 35px; padding:0 10px; color:#fff; text-align: right; box-sizing: border-box; transition: all .5s} 
.header_top .qmu_btnbox p a span{display: block}
.header_top .qmu_btnbox p.qmu_log a{background:#0072bc}
.header_top .qmu_btnbox p.qmu_log a span{background: url(../images/main/btn_login.png) no-repeat left center}
.header_top .qmu_btnbox p.qmu_log a:hover{background: #2f556d}
.header_top .qmu_btnbox p.btn_all a{background: #0d6197}
.header_top .qmu_btnbox p.btn_all a span{background: url(../images/main/btn_fullmu.png) no-repeat left center}
.header_top .qmu_btnbox p.btn_all a:hover{background: #2f556d}

/* GNB */
.mobile_bg{z-index: 500 !important}
#gnb {display: none; position:fixed; top:0; right:0; width: 100%; min-width: 320px; height:100%; min-height:100%; background:#fff; z-index:1000; overflow-y:auto; box-sizing:border-box}
.gnb_topbx{background: #fff}
#gnb p.mb_gnbtit{display: block; height:50px; line-height: 50px; padding-left: 25px; background:url(../images/main/gnb_mbg.png) no-repeat left top #4d5259; font-size:18px; font-weight:500; color:#fff; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
#gnb p.mb_gnbtit span{padding-left:15px}
/*GNB_상단*/
#gnb .allbtnclose .closebtn {display:block; position:absolute; top:10px; right:15px; width: 28px; height: 28px; overflow: hidden; background: url(../images/main/btn_menu_close.png) no-repeat left top; font-size:0; line-height:0; text-indent:-9999px}
/*GNB_메뉴버튼*/
#gnb .mbl_area{box-sizing: border-box}
#gnb .mbl_area .mbl_btntx{padding: 15px; background: #f7f7f7}
#gnb .mbl_area ul{display: flex; gap: 8px}
#gnb .mbl_area li {flex: 1; height: 37px; line-height: 37px; border-radius:10px 10px 0 0}
#gnb .mbl_area li a {display:block; padding:0 10px; border-radius:50px; color:#fff; font-size: 14px; font-weight:600; text-align: right; box-sizing: border-box}
#gnb .mbl_area li:first-child a{background:url(../images/main/icon_login_m.png) no-repeat 10px center #3a88bb}
#gnb .mbl_area li:last-child a{background:url(../images/main/icon_join_m.png) no-repeat 10px center #3a88bb}
#gnb .mbl_area li a span{padding-left: 20px}
#gnb .mbl_area p.mbtn_srch a{display:block; padding:10px; margin-top: 8px; background:url(../images/main/icon_srch_m.png) no-repeat 10px center;  border-radius:50px; border:1px solid #d5d5d5; color:#000; font-size: 14px; font-weight:600; text-align: right; box-sizing: border-box}
/*GNB_메뉴타이틀*/
#gnb .gnb_list{padding: 10px}
#gnb .gnb_list .depth1 > h2{margin-bottom: 10px}
#gnb .gnb_list .depth1 > h2 a{position: relative; display:block; line-height:48px; font-size:16px; font-weight:600; padding:0 0 0 10px; margin:0; width:auto; border-radius: 10px; background: #fff; border-bottom: 1px solid #e5e5e5; color:#000; box-sizing: border-box}
#gnb .gnb_list .depth1 > h2 a::after{content: ""; display: block; clear: both; position:absolute; right:10px; top:10px; width: 44px; height: 25px; border-radius: 50px; background:url(../images/main/bg_mn.png) no-repeat center #e7e7e7}
#gnb .gnb_list .act > h2 a {position: relative; border-bottom: none; color:#ff7f65}
#gnb .gnb_list .act > h2 a::after{background:url(../images/main/bg_mn_a.png) no-repeat center #ff7f65; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
#gnb .gnb_list .act{padding-bottom: 1px; border-bottom: 1px solid #e5e5e5}
/*GNB_메뉴세부*/
#gnb .gnb_list .depth1 .navi_sub {display:none; position: relative; width: 100%; margin:-6px 0 10px; background: #f7f7f7; box-sizing: border-box}
#gnb .gnb_list .depth1 .navi_sub ul > li{border-bottom: 1px solid #e2e2e2}
#gnb .gnb_list .depth1 .navi_sub ul > li:last-child{margin-bottom: 0; border-bottom: none}
#gnb .gnb_list .depth1 .navi_sub ul > li > a {position: relative; display:block; padding:7px 3px 7px 20px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden; font-size: 14px; font-weight: 400; line-height:180%}
#gnb .gnb_list .depth1 .navi_sub ul > li > a::after{display: block; clear: both; content: ''; position: absolute; top:17px; left:5px; width: 5px; height: 5px; border-radius: 50px; background: #9d9d9d}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover a::after{background:#fff}
#gnb .gnb_list .depth1 .navi_sub ul > li:hover > a {background: #8a8f97; color:#fff; font-weight:600}
    
/* Visual */
.visual .visual_wrap {position: relative;  margin: 0 auto; padding-top: 96px}
.visual .visual_item{position: relative; width:auto; height:296px; margin: 0 auto}
.visual .item1{background:url(../images/main/v01_m_n.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/v02_m_n.jpg) no-repeat top center}
/*비주얼 이동 블릿, 재생,일시정지*/
.slick-dots, .visual_wrap .btn_visual {display: none !important}

/* Footer */
#footwrap{margin-top: -5px}
#footwrap .foot_bx{padding:0 10px 10px}
#footwrap .foot_area{position:relative}
#footwrap .foot_menu .foot_mlst{position: relative}
#footwrap .foot_menu .mb_menu{position: relative; margin:5px auto; text-align: center}
#footwrap .foot_menu .mb_menu li{position: relative; display: inline-block; padding:7px 10px; height: 25px; line-height: 25px}
#footwrap .foot_menu .mb_menu li::after {content:""; clear:both; display:block; position: absolute; top:14px; right:-3px; width: 1px; height: 10px; background: #d0d0d0}
#footwrap .foot_menu .mb_menu li:first-child {padding:7px 3px 7px 8px}
#footwrap .foot_menu .mb_menu li:first-child::after, #footwrap .foot_menu .mb_menu li:last-child::after{background:none}
#footwrap .foot_menu .mb_menu li a {display:block; font-size: 13px; font-weight: 400; color:#fff}
#footwrap .foot_menu .mb_menu li.foot_home a{display:block;  padding:5px 0; width: 18px; height: 18px; line-height: 18px; background:url(../images/main/foot_home.gif) no-repeat left 4px}
#footwrap .foot_menu .mb_menu li.foot_home a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
/*PC버튼*/
#footwrap .pc_menu{display: flex; flex-wrap: wrap; background: #59606a; margin-bottom: 15px}
#footwrap .pc_menu li{flex: 1; min-width: 150px; border-right: 1px solid #4d5259; border-bottom: 1px solid #4d5259; text-align: center; box-sizing: border-box}
#footwrap .pc_menu li a{display: block; padding: 10px; color:#fff}  
#footwrap .pc_menu li.li_1 a{font-weight: 600; color:#67cfff}
/*하단로고*/
#footwrap .foot_logo{margin-bottom: 15px; text-align: center}
#footwrap .foot_logo img{width: 260px}
/*하단주소 및 카피라이트*/
#footwrap .foot_btmbx .btm_txt{display: block; padding: 10px; width: auto}
#footwrap .foot_btmbx p{width: 100%; font-size: 13px}  
#footwrap .foot_btmbx p.addtxt{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #4d5259; text-align: center} 
#footwrap .foot_btmbx p.copy{text-align:center} 
    
/********************************************* Layout **********************************************/

/***Content  Common***/   
.mb_none{display: none}
.content_area{position: relative}
.content_area .conline_bx{margin: 0 10px}
.content_area .conline_bx.conline02{margin-bottom: 20px}
.conline02 .main_titbx{margin-bottom: 15px}

/*고정퀵메뉴*/ 
.fixquick_menu{margin: 5px 10px}
.fixquick_menu ul{display: flex; gap:0; justify-content:space-between}
.fixquick_menu ul li{width: calc(100% / 2 - 5px); margin-bottom: 10px}
.fixquick_menu ul li:nth-child(n+3){margin-bottom: 0}
.fixquick_menu ul li a{min-width:auto; height: 135px; font-size: 16px; transition: all .3s}
.fixquick_menu ul li a::after{bottom:-30px; right: -20px; width:90px; height: 90px} 
.fixquick_menu ul li a span.fq_tit{padding: 15px}
.fixquick_menu ul li a span.fq_tit::after{top:20px; right:15px; width: 34px; height: 34px; background-size: 10px}
.fixquick_menu ul li a span.fq_img{bottom:10px; right:25px}
.fixquick_menu ul li a span.fq_img img{width:55px}
    
/*메인 타이틀 공통*/
.conline .main_titbx{margin-top: 20px}
.conline .main_titbx::after{bottom:9px}
.conline.conline01 .main_titbx{margin-top: 20px}
.conline .main_titbx .tit_name{margin-bottom: 15px; font-size: 22px}
.conline .main_titbx .eng_name{padding: 0 13px; font-size:18px}
    
/*메인 더보기 버튼*/ 
.conline .more a{width: 68px; height: 30px; line-height: 30px; padding: 0 8px; font-size: 11px}
.conline .more a::after{right:10px; top:10px; width: 9px; height: 9px; background-size: 9px}

/**경기일정**/ 
#main_schedule{position: relative; margin-top: 10px}
.calendar_wrap{display: none}
/*세부경기일정*/  
/*리스트 스타일*/ 
.detail_wrap{position: relative; margin-left:0; height: auto}
.detail_lstbx .slick-list{height: 230px !important}
.detail_lstbx .detail_area{overflow: hidden; height: 230px}
/*상단안내문구*/ 
.detail_lstbx .dttxt{padding-bottom: 20px; margin-bottom: 0; font-size: 16px}
.detail_lstbx .dttxt span{padding: 5px 0 5px 30px; background-position: left 3px; background-size:21px}
/*세부리스트*/
/*타이틀*/
.detail_area .lst_titbx{gap:10px}
.detail_area .detail_lst .lst_titbx{padding: 13px 60px 13px 10px} 
.detail_area .detail_lst .lst_titbx::after,
.detail_area .detail_lst .active .lst_titbx::after{right:10px; top:8px; width: 40px; height: 26px; background-size: 10px}  
.detail_area .lst_titbx .date{ width: 100px; height: 30px; line-height: 32px; padding:0 15px; font-size: 14px}
.detail_area .lst_titbx .tit{font-size: 14px}
/*세부내용*/ 
.detail_area .lst_infobx .ifb_tit{width:100px; font-size: 14px} 
.detail_area .lst_infobx .ifb_tit > span{padding-top:35px;  background-size: 35px}
/*대결*/
.detail_area .lst_infobx .ifb_lst{font-size: 13px}
/*이동버튼*/
.detail_lstbx .btn_bx{position: absolute; top:0; right:112px}
.detail_lstbx .btn_slide{display: flex; overflow: hidden; width: 100px; height: 32px; border-radius: 50px}
.detail_lstbx .btn_slide li{position: relative; flex: 1; text-align: center}
.detail_lstbx .btn_slide li:first-child::after{display: block; clear: both; content:''; position: absolute; right:0; top:0; width: 1px; height: 32px; background: #fff}
.detail_lstbx .btn_slide li a{display: block !important; width: 100%; height: 100%; align-content: space-around; background: #f0f0f0; transition: all .3s}
.detail_lstbx .btn_slide li a:hover{background: #b7b7b7}

/*공지사항*/  
.notice_bx h3.tit{margin-bottom: 15px; font-size: 18px}
/*공지내용*/
.notice_bx .notice_tb{overflow: hidden; height:260px}
.notice_bx .notice_tb li{margin-bottom: 10px}
.notice_bx .notice_tb .notitb{padding: 12px 10px; font-size: 14px}
.notice_bx .notice_tb .notitb .tit{overflow:hidden; width:95%; margin-bottom: 8px; line-height: 150%; font-weight: 600; text-overflow:ellipsis; white-space:nowrap}
/*첫번째 공지글*/
.notice_bx li.first_list{height: auto}
.notice_bx li.first_list .notitb{margin: 40px 0 0}
.notice_bx li.first_list .notitb .tit{margin: 21px 0 8px}
.notice_bx li.first_list .notidate{top:0; left:0; width:auto; height:auto; padding: 8px; border:5px solid #f7f7f7; box-sizing: border-box}
.notice_bx li.first_list .notidate > span{display:block; font-size: 15px}
.notice_bx li.first_list .notidate > span > span{display:inline-block; margin-bottom:0; font-size: 18px}
/*더보기버튼*/
.notice_bx .more a{top:-8px}

/*묻고답하기*/ 
#main_question .quest_bx{margin-top: 25px}
.quest_bx h3.tit{margin-bottom: 15px; font-size: 18px} 
.quest_bx .quest_tb{padding:0 10px; height: 210px}
.quest_bx .quest_tb ul li{padding: 12px 80px 12px 0} 
.quest_bx .quest_tb .titbx span.date{width: 85px; height: 26px; line-height: 26px}
.quest_bx .quest_tb .titbx span.tit{font-size: 14px}
.quest_bx .quest_tb .namebx{top:17px; right:0; font-size: 14px}
/*더보기버튼*/
.quest_bx .more a{top:-8px}

/* Banner */ 
.banner_wrap {width: auto; height:100px; padding:0 10px}
.banner_wrap .tit{font-size: 16px} 
/*배너*/
.banner_wrap .ban_item a {width: 176px; height:53px}
.banner_wrap .ban_item img {width: 176px; height:53px}
/*이동버튼*/
.banner_wrap .btns{left:10px; bottom:22px}
.banner_wrap .btns button{ width:40px}  
}


/******** PC LAYOUT ********/
@media only screen and (min-width:1025px) {
.skip_navi .mb_skip{display:none}
#wrap {min-width:1700px}
#content{position: relative}
.content_area .conline_bx{width: 1700px; margin: 0 auto}
.btn_top_pc{position: absolute; top:35px; right:50%; margin-right: -670px}

/* Main */
.headerwrap {position: relative; width: 100%; height: 140px; margin: 0 auto; background:url(../images/main/headerwrap_bg.jpg) no-repeat center top}
.logo_top {position:absolute; top:71px; left:0}

/* Mainheader */
.header_top{position: relative; width: 1700px; margin: 0 auto; padding: 48px 0 0 0; box-sizing: border-box}
.header_top .qmenu .pc_non{display: none}
.header_top .qmenu_tb{position: absolute; top:7px; right:0; height: 49px}
.header_top .qmu_btnbox{display: flex; gap:10px}
/*알림팝업*/
.header_top .qmenu a.fullpop_open{display: flex; justify-content: space-between; position: absolute; top:8px; left:0; width: 160px; height: 32px; line-height: 32px; padding: 0 10px; border-radius: 50px; background: #fff; text-align: center; font-size: 15px; z-index: 1; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: all .3s} 
.header_top .qmenu a.fullpop_open > span{display: block}
.header_top .qmenu a.fullpop_open > span.tit{padding-left: 27px; background:url(../images/main/ico_popup.png) no-repeat left center}
.header_top .qmenu a.fullpop_open > span.num span{font-weight: 600; color:#ff2d2d}
.header_top .qmenu a.fullpop_open:hover{background:#ffc23f; color:#fff}
.header_top .qmenu a.fullpop_open:hover span.tit{background:url(../images/main/ico_popup_a.png) no-repeat left center}
.header_top .qmenu a.fullpop_open:hover span.num span{font-weight: 600}
    
/*PC 로그인,회원가입*/
.header_top .mem_btnbx{display: flex; overflow: hidden; border-radius: 50px}
.header_top .qmu_mem a{display: block; width: 100px; height: 22px; padding: 5px 0; line-height: 23px; background: #0072bc; font-size: 15px; font-weight:500; color:#fff; transition: all .3s; text-align: center} 
.header_top .qmu_mem a span{display: block}
.header_top .qmu_mem a span:first-child{border-right: 1px solid #4095cd}
.header_top .qmu_mem a:hover{background: #4095cd; font-weight: 600}
.header_top .mem_btnbx:hover span:first-child{border: none}
/*PC 검색,사이트맵*/
.header_top .qmu_btnbox > p{align-content: space-around}
.header_top .qmu_btnbox p.qmu_btn a{display: block; width: 60px; height: 32px; padding: 10px 0; border-radius: 50px; border: 2px solid #e0e0e0; background-position: center; background-repeat: no-repeat; text-align: center; font-size: 0; text-indent: -9999px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: all .3s} 
.header_top .qmu_btnbox p.qmu_search a{background-image:url(../images/main/btn_search.png)}
.header_top .qmu_btnbox p.qmu_site a{background-image:url(../images/main/btn_sitemap.png)}
.header_top .qmu_btnbox p.qmu_search a:hover{background-image:url(../images/main/btn_search_a.png)}
.header_top .qmu_btnbox p.qmu_site a:hover{background-image:url(../images/main/btn_sitemap_a.png)}
.header_top .qmu_btnbox p.qmu_btn a:hover{border-color:#415057; background-color: #415057}

/* GNB */
#gnb .allbtnclose, #gnb .mbl_area, #gnb .navi_sub {display: none}
#gnb .mb_gnbtit, #gnb p.gnb_mbtxt{display: none}
#gnb .gnb_list{display: flex; justify-content: space-between; margin-left: 530px}
#gnb .depth1 {position: relative; padding:37px 0; text-align: center; align-content:space-around; text-align: center}
#gnb .depth1 h2 a{display: inline; text-align: center; font-size:19px; color: #000; font-weight:500}
#gnb .navi_sub{position: absolute; left:50%; top:77px; width:270px; margin-left:-145px; padding:15px 10px 30px 10px; border-radius:5px 5px 20px 20px; background:url(../images/main/navisub_bg.gif) repeat-x bottom center #fff; box-shadow:0 5px 5px rgba(0, 0, 5, 0.1)}
#gnb .navi_sub::before{content: ""; display: block; clear: both; position: absolute; top:-10px; left:50%; margin-left: -5px; width:15px; height:15px; border-radius: 50px; background:#0072bc; z-index:1}
#gnb .navi_sub::after{content: "SPORT CENTER"; display: block; clear: both; position: absolute; bottom:7px; left:50%; margin-left: -60px; font-size: 16px; font-weight: 600; color:#448bc6}
#gnb .navi_sub li{background:#f6f6f6; border-radius:50px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}
#gnb .navi_sub li a{display: block; line-height: 140%; padding:10px 3px 8px; margin: 10px 0; text-align: center; font-size:14px; color:#000; font-weight: 600}
#gnb .navi_sub li:first-child a{margin-top: 0}
#gnb .navi_sub li:last-child a{margin-bottom: 0; border:none}
/*GNB-hover*/
#gnb .depth1.active .navi_sub{display: block; z-index: 30}
#gnb .depth1.active h2 > a{font-weight:600; color: #0072bc}
#gnb .navi_sub li:hover a,
#gnb .depth1.active .navi_sub .depth2 > li.active a{display: block; font-weight:600; background: #3e5e73; border-radius: 50px; color:#fff}

/* Visual */ 
.visual{margin-bottom: 0; position: relative}
.visual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.visual .visual_item{display: block; position: relative; width:100%; height:724px}
.visual .visual_item > a{display: block; height:724px}
.visual .item1 a:focus-visible{height:605px; outline:2px solid #000}
.visual .item1 {background:url(../images/main/v01_p_n.jpg) no-repeat center top}
.visual .item2 {background:url(../images/main/v02_p_n.jpg) no-repeat center top}
 
/********************************************* Layout **********************************************/

/***Content  Common***/   
.pc_none{display:none}
.content_area{position: relative}
.content_area .conline_bx.conline02{margin-bottom: 60px}
.content_area .conline02 .inside_line{position: relative}

/*고정퀵메뉴*/ 
.fixquick_menu{display: flex; justify-content: flex-end; width: 1700px; margin:-327px auto 40px}
.fixquick_menu ul li{flex:1}

/*공지사항*/ 
#main_notice{width: 1056px}
#main_notice .notice_bx{position: relative}  
.notice_bx ul::after{display: block; clear: both; content: ''}
.notice_bx li:not(:first-child){float: left; height: 154px; width: 48.5%; box-sizing: border-box}
.notice_bx li:nth-child(2){margin-right: 3%}  

/*묻고답하기*/
#main_question{position: absolute; top:0; right:0; width: 600px} 

/* Footer */ 
#footwrap .foot_bx {position: relative; width:1700px; margin:0 auto; padding-top: 22px}
#footwrap .foot_area{padding: 80px 0 30px}
#footwrap .mb_menu {display:none}
#footwrap .pc_menu{display: flex; gap:50px; border-radius: 50px; box-sizing: border-box}
#footwrap .pc_menu li {position: relative; text-align: center}
#footwrap .pc_menu li::after {content:""; clear:both; display:block; position: absolute; top:4px; right:-25px; width: 5px; height: 5px; border-radius: 50px; background: #bbb}
#footwrap .pc_menu li:last-child::after{background: none}
#footwrap .pc_menu li a {font-size:14px; color:#fff; font-weight:400}
#footwrap .pc_menu li a:hover{font-weight:600}
#footwrap .pc_menu li.li_1 a{font-weight: 600; color: #67cfff}
#footwrap .pc_menu li.li_1 a:hover{color:#40a9d9}
#footwrap .pc_menu li.li_1 a span{padding-left: 25px; background:url(../images/main/ico_muinfo.png) no-repeat left 0}
/*Footer_count*/ 
#footwrap .foot_count {display:block; position: absolute; top:23px; right:0}
#footwrap .foot_count ul{display: flex; justify-content: space-between; overflow: hidden; width:428px; min-height:48px; padding:0 10px; border:1px solid #6e7278; box-sizing: border-box}
#footwrap .foot_count ul li{position: relative; display: flex; flex: 1; justify-content: space-between; height: 48px; line-height: 48px; padding:0 15px; color:#d4d4d4; box-sizing:border-box} 
#footwrap .foot_count ul li:first-child::after{content:""; clear:both; display:block; position: absolute; top:12px; right:0; width: 1px; height: 22px; border-radius: 50px; background: #6e7278}
#footwrap .foot_count ul li .tit{padding-left: 23px; background:url(../images/main/ico_count.png) no-repeat left 16px} 
#footwrap .foot_count ul li.today .num{color:#fff}
/*Admin*/
#footwrap .btn_admin{position: absolute; bottom:17px; right:310px}
#footwrap .btn_admin a{display: block; width:118px; height: 38px; line-height: 38px; background-image:url(../images/main/icon_admin.png); background-position: 10px 10px; background-repeat: no-repeat; background-color: #33373d; color: #868686; font-size: 14px; font-weight: 500; box-sizing: border-box; transition: all .3s}
#footwrap .btn_admin a span{margin-left: 40px}
#footwrap .btn_admin a:hover{background-image:url(../images/main/icon_admin_a.png); background-color: #6f767f; border-color: #2e9ee0; color: #fff}
/*FootLogo*/
#footwrap .foot_logo{position: absolute; top:27px; left:0}
/*전화번호*/
#footwrap .foot_call{position: absolute; top:36px; right:440px; width: 270px; font-size: 17px}
/* 유관기관 */ 
#footwrap .fmsite_wrap{position: absolute; bottom:17px; right:0}
#footwrap .fm_site {position: relative; display: flex; gap:10px; margin-top: 15px; width: 298px; z-index: 10}
#footwrap .fm_site > div{width: 242px}
#footwrap .fm_site > p{width: 50px; background: #33373d; text-align: center; align-content: space-around}
#footwrap .fm_site > p a{height:38px; line-height: 38px}
#footwrap .fm_site .site_tit {position: relative; width:100%; height:38px; line-height:38px; margin: 0 auto; box-sizing: border-box}
#footwrap .fm_site .site_tit a {display:block; height:38px; padding-left:15px; padding-right:52px; background:#6f767f; box-sizing:border-box; font-size: 14px; font-weight:500; color:#fff} 
#footwrap .fm_site .site_tit .fm_btn{display: block; content: " "; clear: both; position:absolute; top:2px; right:10px; width:13px; height: 11px; text-align: center; box-sizing: border-box}
#footwrap .fm_site .site_tit.active .fm_btn img{transform: rotate(180deg); transition:.3s ease-out}
#footwrap .fm_site .site_lst {overflow:hidden; display:none; position: absolute; height: 0; width:100%; background:#fff; box-sizing:border-box; border-radius:5px 5px 0 0}
#footwrap .fm_site .site_lst ul {overflow-y:auto; height:120px; padding:5px 5px 0}
#footwrap .fm_site .site_lst ul li {padding:4px 0; border-bottom:1px solid #ccc}
#footwrap .fm_site .site_lst ul li:last-child{padding-bottom: 0; border-bottom: none}
#footwrap .fm_site .site_lst ul li a {position:relative;  display:block; overflow:hidden; width:100%; padding:7px 40px 7px 10px; text-overflow:ellipsis;  white-space:nowrap; font-weight:400; color:#000;  box-sizing: border-box}
#footwrap .fm_site .site_lst ul li a:after {content:"GO"; display:block; position:absolute; top:50%; right:0; width:30px; height:20px; line-height:20px; margin-top:-10px; background:#353e4b;border-radius:50px 50px; text-align: center; color:#fff; font-size: 11px}
#footwrap .fm_site .site_lst {display: block; bottom:calc(100% - 2px); left:0}
#footwrap .fm_site .site_lst ul li:hover a {color:#000; font-weight:400}
#footwrap .fm_site .site_lst ul li:hover a:after {background:#3782df; font-weight:500; transition:all .3s}
}

/**** LOWSET FIX ****/
@media only screen and (min-width:1025px) and (max-width:1410px) {
#mainheader{position: relative; margin: 0 auto}
#mainheader .headerwrap{position: absolute; top:0; left:0}
}

@media only screen and (min-width:1410px) {
/* Menu FIX */
.top_bar_fix{position:absolute; top:0; left:0; width:100%; z-index:1000; transition: 0.6s}
.fixed{position:fixed; top:0; left:0; width:100%; height: 100px; padding-left:0; margin-top:-36px; background:rgba(255,255,255,0.95); box-shadow:0 3px 5px rgba(0, 0, 0, 0.1); transition: 0.6s}
.fixed .headerwrap{height: 100px; background:none}
.fixed .header_top{padding-top: 37px}
.fixed .logo_top{top:46px}
.fixed .logo_top img{width:310px}
.fixed .qmenu{display: none}
.fixed #gnb .depth1{padding: 23px 0}
.fixed .gnb_box{border-radius: 0; background:none; box-shadow:none}
.fixed ul.gnb_list{margin:0 auto; padding: 0}
.fixed #gnb .navi_sub{top:60px}
}

/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1900px) {
 
}
/********* TABLET LAYOUT[중간사이즈 조정 끝] *********/
@media only screen and (max-width:1730px) {
/* GNB */ 
#gnb .navi_sub{width:220px; margin-left:-119px}
}

@media only screen and (max-width:900px) {
/* 알림팝업 */
.main_fullpop {position:relative}
/*알림팝업 기본레이아웃*/ 
.fullpop_bx .pop_lstbx {width: 90%}
.fullpop_bx .fillpop_tit{margin-bottom: 20px; font-size: 22px}
.fullpop_bx .fillpop_tit span{padding-left: 32px; background-size:21px}
/*알림팝업 이미지*/ 
.pop_lstbx .fullpop_lst .poptem a{width:100%; height:340px}
.pop_lstbx .fullpop_lst img{width:100%; height:100%}
/*닫기 버튼*/ 
.fullpop_bx .fullpop_btn{top:15px; right:15px; gap:5px}
.fullpop_bx .fullpop_btn li a{height: 35px; line-height: 35px} 
.fullpop_bx .fullpop_btn li.btn_popclose a{width: 40px} 
.fullpop_bx .fullpop_btn li.btn_poptoday a{width: 130px; font-size: 14px}
/*이동 버튼*/ 
.fullpop_bx button{top:350px; width:45px; height: 45px}
.fullpop_bx button.slick-prev,
.fullpop_bx button.slick-next,
.fullpop_bx button.slick-prev:hover,
.fullpop_bx button.slick-next:hover{background-size: 35px}
.fullpop_bx button.slick-prev{left:50%; margin-left: -55px}
.fullpop_bx button.slick-next{right:50%; margin-right: -40px}
}

@media only screen and (max-width:820px) {
/*풋터*/
.address .telnumbox{text-align: left}
.address .telnumbox{width: 250px; margin: 0 auto}
.address .telnumbox li{margin-bottom: 3px}
}

@media only screen and (max-width:795px) {
/*세부경기일정*/  
/*리스트 스타일*/ 
.detail_wrap{position: relative; margin-left:0; height: auto}
.detail_lstbx .slick-list{height: 355px !important}
.detail_lstbx .detail_area{height:355px}
.detail_area .detail_lst .lst_titbx{display: block; padding:  8px 10px}
.detail_area .lst_titbx .tit{margin:12px 5px 0}
.detail_lstbx .dttxt{padding-bottom: 45px; border-bottom: none}
/*세부내용*/
.detail_area .lst_infobx{display: block; gap:10px}
.detail_area .lst_infobx .ifb_tit{width: 100%; margin: 3px 0 6px}
.detail_area .lst_infobx .ifb_tit span{display:inline; background-size:23px; background-position: left center}
.detail_area .lst_infobx .ifb_tit > span{padding: 0 0 0 30px}
.detail_area .lst_titbx .date{display:block; width:140px; height: 25px; line-height: 27px; padding:0; text-align:center}
.detail_area .detail_lst .lst_titbx::after,
.detail_area .detail_lst .active .lst_titbx::after{height: 22px}
/*대결*/
.detail_area .lst_infobx .ifb_lst{width: 100%}
.detail_area .lst_infobx .battle_sch{margin-bottom: 0}
.detail_area .lst_infobx .battle_sch span{display: block; padding: 10px}
.detail_area .lst_infobx .battle_sch span.tit{min-width:75px; width: auto}
/*기타내용*/ 
.detail_area .battle_info ul li{width:100%; margin-top: 3px}
.detail_area .battle_info ul li:nth-child(n+3){margin-top: 5px} 
.detail_area .battle_info span.tit{min-width:95px; width: auto}
/*이동버튼*/
.detail_lstbx .btn_bx{top:40px; right:0; width: 100%}
.detail_lstbx .btn_slide{width: 100%; height:25px}
.detail_lstbx .btn_slide li a img{width: 13px}   
}

@media only screen and (max-width:580px) {
/*묻고답하기*/ 
.quest_bx .quest_tb{height: 231px}
.quest_bx .quest_tb ul li{padding: 12px 0} 
.quest_bx .quest_tb .titbx{display: block; gap:0}  
.quest_bx .quest_tb .titbx span.tit{width: 95%; margin: 10px 5px 0}  

/*주소*/
.address dl.add_num dd li{display:block; padding:0; background:none}
.address dl.add_num dd li::after {display: none}
}
 
@media only screen and (max-width:400px) {
/*고정퀵메뉴*/  
.fixquick_menu ul li a{height: 70px; border-radius: 15px; font-size: 14px}
.fixquick_menu ul li a::after{bottom:-45px; right: -40px} 
.fixquick_menu ul li a span.fq_tit{padding:10px 12px}
.fixquick_menu ul li a span.fq_tit::after{display: none}
.fixquick_menu ul li a span.fq_img{bottom:10px; right:10px}
.fixquick_menu ul li a span.fq_img img{width:35px}
}




/**** keyframe ****/
@keyframes shake{
    0% {transform:translateY(3px)}
    50% {transform:translateY(-3px)}
    100% {transform:translateY(3px)}
}
@keyframes shake2{
    0% {transform:translateY(5px)}
    50% {transform:translateY(-5px)}
    100% {transform:translateY(5px)}
}
@keyframes shake3 {
    0%,40%,100% {transform:translatex(0)}
    20%,60% {transform:translatex(-5px)}
}
@keyframes effect{
    0%,40%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(-5px)}
}
@keyframes effect2 {
    0%,40%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(-3px)}
}