@charset "utf-8";

/* 새창열림 */
.new_win{display:inline-block;width:17px;height:17px;font-size:0;background:url("/images/gjsports/common/ico_newwin.png") left center/15px no-repeat;vertical-align:middle;margin-left: 8px;}


/* 헤더 */
#header{position:relative;z-index:100;}
.hd_top{display:flex;align-items:center;background:#0057d9;padding: 0 20px;height: 70px;}
.hd_wrap .logo_wrap{display:flex;align-items:center;height:55px;}
.hd_wrap h1 a{display:block;width:158px;height:40px;background:url("/images/gjsports/main/m_logo.png") center center/contain no-repeat;}
.hd_wrap h1 span{position:absolute;top:-10000px;}

.d_day{display:flex;flex-direction:column;align-items:center;color:#fff;margin-left:20px;}
.d_day .day_tit{font-size:12px;font-weight:600;letter-spacing:1px;}
.d_day strong{margin-top:2px;font-size:20px;font-weight:800;line-height:1.2;border-top:1px solid rgba(255,255,255,.39);}

.site{display:none;margin-left:auto;}
.site .site_open{display:none;}
.site .site_open span{position:absolute;top:-10000px;}

.gnb_open{display:block;position:relative;width:36px;height:36px;margin-left:auto;background:rgba(255,255,255,.16);border-radius:8px;}
.gnb_open:before{content:"";position:absolute;left:9px;top:10px;width:18px;height:2px;background:#fff;box-shadow:0 7px 0 #fff,0 14px 0 #fff;}
.gnb_open span{position:absolute;top:-10000px;}

.gnb{position:fixed;top:0;right:-100%;width:82%;max-width:360px;height:100vh;background:#fff;z-index:200;transition:right .3s ease;box-shadow:-8px 0 20px rgba(0,0,0,.16);}
.gnb.on{right:0;}
.gnb_wrap{height:100%;padding:72px 20px 30px;background:#fff;box-sizing:border-box;overflow-y:auto;}
.gnb_close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:8px;background:#0057d9;}
.gnb_close:before,
.gnb_close:after{content:"";position:absolute;left:9px;top:17px;width:18px;height:2px;background:#fff;}
.gnb_close:before{transform:rotate(45deg);}
.gnb_close:after{transform:rotate(-45deg);}
.gnb_close span{position:absolute;top:-10000px;}

.menu_box a{font-family:'Paperozi',sans-serif;cursor:pointer;}
.menubox_wrap{display:block;}
.menubox_wrap>li{padding:0;border-bottom:1px solid #e5e5e5;}
.menubox_wrap .depth1{display:block;}
.menubox_wrap .depth1>a{display:flex;align-items:center;justify-content:space-between;height:56px;font-size:18px;font-weight:700;color:#222;letter-spacing:-1.2px;}
.menubox_wrap .depth1>a:after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg);}
.menubox_wrap .depth1.on>a{font-weight:600;text-decoration:underline;}
.menubox_wrap .depth1.on>a:after{margin-top:6px;border-color:#0057d9;transform:rotate(-135deg);}

.depth2,
.depth3{display:none;}

.depth1.on .depth2{display:block;padding:0 0 15px;}
.depth2>ul{display:block;padding:10px 14px;background:#f6f8fb;border-radius:12px;}
.depth2>ul>li+li{border-top:1px solid #e4e8ef;}
.depth2>ul>li>a{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;font-size:15px;font-weight:500;line-height:1.4;color:#333;letter-spacing:-.6px;}
.has_depth3>a:after{content:"+";font-size:17px;font-weight:700;color:#777;}
.depth2>ul>li.on>a{color:#0057d9;}
.depth2>ul>li.on>a:after{content:"-";color:#0057d9;}

.depth2>ul>li.on .depth3{display:block;padding:0 0 10px;}
.depth3>ul{display:block;padding:2px 0 8px 10px;}
.depth3>ul>li>a{display:block;position:relative;padding:5px 0 5px 10px;font-size:14px;font-weight:400;color:#555;letter-spacing:-.6px;}
.depth3>ul>li>a:before{content:"";position:absolute;top:14px;left:0;width:4px;height:4px;border-radius:50%;background:#9aa5b1;}

/* tablet */
@media (min-width:768px){

.menubox_wrap .depth1>a{font-size:19px;}
.hd_top{height: 80px;}
}

/* desktop */
@media (min-width:1024px){

#header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:background .35s ease,box-shadow .35s ease;}
.hd_wrap{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.14);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset;transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;}
.hd_top{height:100px;background:none;gap:24px;transition:height .35s ease;}
.hd_wrap .logo_wrap{height:70px;}
.hd_wrap h1 a{width:160px;height: 40px;background:url("/images/gjsports/main/logo.png") no-repeat center top/100% auto;text-indent:-9999px;transition:background-position .45s ease;}

.d_day{min-width:70px;margin-left:0;transition:color .35s ease;}
.d_day .day_tit{font-size:16px;}
.d_day strong{font-size:24px;transition:border-color .35s ease,color .35s ease;}

.gnb_open,
.gnb_close{display:none;}

.gnb{position:static;width:auto;max-width:none;height:auto;background:none;z-index:auto;transition:none;box-shadow:none;flex:1;}
.gnb_wrap{display:flex;justify-content:center;height:auto;padding:0;background:none;overflow:visible;}
.menu_box{width:100%;}
.menubox_wrap{display:flex;flex-wrap:nowrap;justify-content:center;gap:58px;}
.menubox_wrap>li{border-bottom:0;}
.menubox_wrap .depth1{position:static;flex:0 0 auto;}
.menubox_wrap .depth1>a{height:70px;font-size:21px;font-weight:500;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.25);transition:color .35s ease,text-shadow .35s ease;}
.menubox_wrap .depth1>a:after{display:none;}

.depth1.on .depth2{padding:0;}
.depth2,
.depth1.on .depth2{display:none;}
.menu_box.on .depth1.on .depth2{display:block;}
.depth2{position:absolute;top:100px;left:0;width:100%;min-height:350px;background:rgba(255,255,255,.96);z-index:90;}
.depth2>ul{display:flex;gap:22px;width:1000px;height:auto;margin:0 auto;padding:44px 0 0;background:none;border-radius:0;}
.depth2>ul>li{width:35%;margin:0 auto;}
.depth2>ul>li+li{border-top:0;}
.depth2>ul>li>a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;border:1px solid #e1e1e1;border-radius:8px;font-size:16px;font-weight:500;line-height:1.4;color:#333;}
.has_depth3>a:after{display:none;}
.depth2>ul>li>a:hover,
.depth2>ul>li>a:focus{border-color:#0057d9;color:#0057d9;}

.depth3,
.depth2>ul>li.on .depth3{display:block;padding:0;margin-top:14px;background:none;}
.depth3>ul{padding:0;}
.depth3>ul>li{padding:0;margin:0;}
.depth3>ul>li+li{margin-top:6px;}
.depth3>ul>li>a{padding:0 0 0 10px;font-size:15px;line-height:1.55;white-space:nowrap;}
.depth3>ul>li>a:before{top:10px;}
.depth3>ul>li>a:hover,
.depth3>ul>li>a:focus{color:#0057d9;text-decoration:underline;}

.site{display:flex;align-items:center;margin-left:24px;padding-right:28px;}
.site .site_open{display:block;width: 28px;height: 20px;margin-left:0;background:url("/images/gjsports/main/sitemap.png") no-repeat center top/100% auto;transition:background-position .45s ease;overflow:hidden;}
.site .site_open img{display:none;}

#header.is_scroll .hd_wrap{height:100px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);box-shadow:0 4px 18px rgba(0,0,0,.08);}
#header.is_scroll .hd_wrap h1 a{background-position:center bottom;}
#header.is_scroll .d_day{color:#0057d9;}
#header.is_scroll .d_day strong{border-top:1px solid rgba(0,87,217,.35);}
#header.is_scroll .menubox_wrap .depth1>a{font-size:21px;color:#333;text-shadow:none;}
#header.is_scroll .menubox_wrap .depth1.on>a{color:#0057d9;}
#header.is_scroll .site .site_open{background-position:center bottom;}

}

/* desktop */
@media (min-width:1200px){

.hd_top{gap:34px;}
.hd_wrap .logo_wrap{height:61px;}
.hd_wrap h1 a{width:247px;height:61px;}
.d_day strong{font-size:30px;letter-spacing:-1.2px;}

.menubox_wrap{gap:80px;}
.depth2>ul{gap:24px;}

.site{padding-right: 40px;}

}

/* pc */
@media all and (min-width:1600px){

.hd_wrap{margin:0 auto;padding:0 80px;}
.hd_top{padding:0;}
.site{padding-right:0;}
.menubox_wrap{gap:133px;}
.depth2>ul{gap:28px;}

}