@charset "utf-8";
/* 공통 */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{font:400 14px 'GmarketSansMedium', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; color:#333; letter-spacing:-0.025em; min-width:320px;}
body, html, p, div, ul, li , h1, h2, h3, h4, h5, h6, span,br, dl, dt, dd{padding:0; margin:0;}
h1, h2, h3, h4, h5{font-weight:400;}
a{text-decoration:none; color:#252525}
a, img{border:none; vertical-align:middle;}
ul, li{list-style:none;}
img{max-width:100%;}


.intro_bg { background:url(img/bg01.jpg) repeat-x left top; }

.intro_wrap { background:url(img/bg.jpg) no-repeat center top; height: 941px;}
.intro_wrap .contents { max-width:1200px;margin: 0 auto;text-align: center;}
.intro_wrap .contents ul { display: flex;justify-content:space-between;padding-bottom: 15px;}
.intro_wrap .contents ul li { width: 30%;background: #fff;text-align: center;height: 385px;box-sizing:border-box;border-radius:20px;box-shadow: 0px 0px 10px 5px rgb(156 156 156 / 10%);padding: 0 28px;border:2px solid #fff}
.intro_wrap .contents ul li p {display: block; font-size: 28px; font-family: 'GmarketSansMedium';}
.intro_wrap .contents ul li a { display: inline-block;height: 45px;line-height: 49px;font-size: 18px;width: 130px;background: #ff4200;color: #fff;border-radius:23px;margin-top: 23px; font-family: 'GmarketSansMedium';}
.intro_wrap .contents ul li div.half {float: left; width: 50%;}
.intro_wrap .contents ul li.type03 a  { background: #ff7900;}
.intro_wrap .contents ul li.type02 a.type02,
.intro_wrap .contents ul li.type03 a.type02  { background: #0a3d84;}
.intro_wrap .contents ul li.type02 a.type02  {font-size: 14px;}

.intro_wrap .contents ul li.type02,
.intro_wrap .contents ul li.type03 { padding-top: 55px;}
.intro_wrap .contents ul li.type02 img,
.intro_wrap .contents ul li.type03 img { margin-bottom: 30px;}




.intro_wrap .contents ul li.type01 { padding-top: 45px;}
.intro_wrap .contents ul li.type01 p { margin-bottom: 15px;}
.intro_wrap .contents ul li.type01 img { margin-bottom: 15px;}
.intro_wrap .contents ul li.type01 input[type=text],
.intro_wrap .contents ul li.type01	input[type=password] { height: 50px;line-height: 50px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom: 10px;padding-left: 20px;font-size: 14px;color: #333;text-align: left;display: block;width: 100%;box-sizing:border-box;font-family: 'GmarketSansMedium';;}
.intro_wrap .contents ul li ::placeholder { color: #a5a5a5;font-weight: normal}
.intro_wrap .contents ul li.type01	input[type=button] { height: 50px;line-height: 50px;border:0;border-radius:8px;margin-top: 23px;;font-size: 18px;color: #fff;text-align: center;background: #0a3d84;display: block;width: 100%;font-family: 'GmarketSansMedium';cursor:pointer}



.intro_wrap .contents ul li.type01:hover { border:2px solid #0a3d84}
.intro_wrap .contents ul li.type02:hover { border:2px solid #ff4200}
.intro_wrap .contents ul li.type03:hover { border:2px solid #ff7900}

.footer_wrap { padding: 25px 0;text-align: center;font-size: 13px;color: #777777;border-top:1px solid #e0e0e0;font-weight: 300; font-family: 'GmarketSansMedium';}
.footer_wrap .mo-block {display: none;}

.sports_foundation_web_quick_menu_con .sports_foundation_quick_menu_title { font-size: 11px!important;line-height: 12px!important;}
.sports_foundation_web_quick_menu_con .sports_foundation_quick_menu_list > li > a > span { font-size: 11px!important;line-height: 12px!important;}



/* 250718 반응형 수정 */
.intro_wrap .contents .login-logo.mo-visible { display: none; } 
.intro_wrap .contents ul li.type01 .mo-usermenu { display: none; } 

/* 250924 로그인 수정 */
.login-wrap {width:100%;max-width:1009px;margin:148px auto 140px;}
.login-wrap h1 {text-align:center;}
.login-wrap .text-01 {text-align:center;margin:20px 0 36px;font-size:20px;}
.login-wrap .form-login {border:1px solid #ddd;border-radius:6px;padding:44px 0 52px;display:flex;}
.login-wrap .form-login .left {width:50%;padding:0 52px;}
.login-wrap .form-login .right {width:50%;padding:0 52px;border-left:1px solid #ddd;}
.login-wrap .form-login h2 {font-size:26px;line-height:30px;font-weight:bold;margin:12px 0 36px}
.login-wrap .form-login .input-login {width:100%;padding:0 5px 0 50px;border:1px solid #ddd;border-radius:6px;height:52px;line-height:50px;}
.login-wrap .form-login .input-login.id {background:#fff url(../../resources/images/ico_login_person.png) 14px center no-repeat;}
.login-wrap .form-login .input-login.pass {background:#fff url(../../resources/images/ico_login_pass.png) 14px center no-repeat;margin-top:16px;}
.login-wrap .form-login .btn-login-02 {width:100%;line-height:60px;border-radius:6px;text-align:center;background-color:#00B4B4;color:#fff;font-size:16px;margin-top:28px;transition:.3s ease-out;}
.login-wrap .form-login .btn-login-02:hover,
.login-wrap .form-login .btn-login-02:focus {background-color:#006d6d;}
.login-wrap .form-login .btns-login-bottom {display:flex;justify-content:space-between;margin-top:14px;}
.login-wrap .form-login .btns-login-bottom .btn {font-size:15px;line-height:18px;color:#7E7E7E;}
.login-wrap .form-login .btns-login-bottom .btn:hover,
.login-wrap .form-login .btns-login-bottom .btn:focus {text-decoration:underline;}
.login-wrap .btns-login-right {display:flex;gap:20px;height:240px;}
.login-wrap .btns-login-right .btn {position:relative;display:flex;justify-content:center;align-items:center;width:calc(50% - 10px);border:1px solid #ddd;border-radius:6px;transition:.3s ease-out;}
.login-wrap .btns-login-right .btn:hover,
.login-wrap .btns-login-right .btn:focus {border-color:#00B4B4;box-shadow:0 3px 6px rgba(0,0,0,0.12);}
.login-wrap .btns-login-right p {min-width:72px;padding-top:88px;text-align:center;}
.login-wrap .btns-login-right .btn.info p {background:url(../../resources/images/img_paper_01.png) center top no-repeat;}
.login-wrap .btns-login-right .btn.paper p {background:url(../../resources/images/img_info_01.png) center top no-repeat;}

.footer-wrap-02 {background-color:#F8F8F8;padding:38px 20px;text-align:center;color:#7F7F7F;font-size:14px;line-height:16px;}
.footer-wrap-02 .info {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 25px;max-width: 800px;margin: 0px auto;}
.footer-wrap-02 .info p {position:relative;display:flex;}
.footer-wrap-02 .info p + p:before {content:'';position:absolute;top:4px;left:-13px;width:1px;height:10px;background-color:#ddd;}
.footer-wrap-02 .info .tit {color:#444;margin-right:4px;font-weight:500;}
.footer-wrap-02 .copyright {margin-top:8px;}

@media screen and (min-width:1025px){
    .mo-only {display:none !important;}
}
/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px){
 .intro_bg { min-height: 100vh;display: flex;flex-direction: column;} 
 .intro_wrap { width: 100%;flex-grow: 1;height: auto;display: flex;align-items: center;justify-content: center;padding-top: 76px;padding-bottom: 44px; } 
 .intro_wrap #login_form {width: 100%;}
 .intro_wrap .contents .login-logo.mo-hidden { display: none; } 
 .intro_wrap .contents .login-logo.mo-visible { display: block; } 
 .intro_wrap .contents .login-logo .login-greeting { margin-top: 8px; font-size: 15px; line-height: 1.4; color: #777777; } 
 .intro_wrap .contents ul li.type01 { width: 100%; height: 100%; padding: 24px 20px 20px; border-radius: 0; box-shadow: none; } 
 .intro_wrap .contents ul li.type01:hover { border-color: #fff; } 
 .intro_wrap .contents ul li.type02, .intro_wrap .contents ul li.type03 { display: none; } 
 .intro_wrap .contents ul li.type01 p, .intro_wrap .contents ul li.type01 img { display: none; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu { display: block}
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links { background-color: #fff; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links2 { margin-top: 48px; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-title { position: relative; display: flex; align-items: center; font-size: 12px; color: #999999; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-title::before,
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-title::after { content:""; display: block; width: 50%; height: 1px; background: #eee; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-title span { background: #fff; display: block; padding: 0 16px; flex-shrink: 0; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont { display: flex; gap: 7px; justify-content: center; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont .btn-download,
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont .btn-outlink { width: 50%; height: 42px; line-height: 42px; padding: 0 16px; font-size: 14px; border-radius: 8px; background-color: #fff; border: 1px solid #fff; text-align: left; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont .btn-download { background-image: url("/resources/images/front/ico_btn_link_arrow_navy.svg"); background-repeat: no-repeat; background-position: center right 16px; background-size: 16px 12px; border-color: #0A3D84; color: #0A3D84; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont .btn-outlink { background-image: url("/resources/images/front/ico_btn_link_arrow_orange.svg"); background-repeat: no-repeat; background-position: center right 16px; background-size: 16px 12px; border-color: #FF7900; color: #FF7900; } 
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont .btn-signUp,
 .intro_wrap .contents ul li.type01 .mo-usermenu .menu-links .link-cont .btn-findId { font-size: 13px; color: #444444; line-height: 1.46; background: transparent; border: none; height: auto; border-radius: 0; } 
 .footer_wrap { padding: 16px 24px; background: #F4F4F4; font-size: 11px; color: #7F7F7F; text-align: left; } 
 .footer_wrap .tit { font-family: inherit; color: #444444; } 
 .footer_wrap .mo-visible { display: block; } 
 .footer_wrap .copyright { display: block; margin-top: 12px; color: #D0D0D0; } 
 
 /* 모바일에서 필요한 버튼인지 확인 필요 */
 .sports_foundation_mobile_quick_menu_con > .sports_foundation_mobile_quick_menu_open_btn { display: none !important; } 

 
    /* 250924 로그인 수정 */
    .pc-only {display:none !important;}
    .login-wrap {margin:92px auto 75px;max-width:375px;}
    .login-wrap h1 img {width:172px;}
    .login-wrap .text-01 {font-size:16px;line-height:24px;margin:8px auto 24px;max-width:240px;text-align:center;word-break:keep-all;}
    .login-wrap .form-login {flex-wrap:wrap;border:none;padding:0;}
    .login-wrap .form-login .left {width:100%;padding:0 20px;}
    .login-wrap .form-login .left h2 {display:none;}
    .login-wrap .form-login .input-login {line-height:46px;height:48px;padding-left:47px;}
    .login-wrap .form-login .input-login.pass {margin-top:8px;}
    .login-wrap .form-login .btn-login-02 {margin-top:18px;}
    .login-wrap .form-login .btns-login-bottom {justify-content:center;margin-top:18px;}
    .login-wrap .form-login .btns-login-bottom .btn {position:relative;font-size:13px;line-height:19px;}
    .login-wrap .form-login .btns-login-bottom .btn + .btn {margin-left:29px;}
    .login-wrap .form-login .btns-login-bottom .btn + .btn:before {content:'';position:absolute;top:5px;left:-15px;width:1px;height:10px;background-color:#ddd;}
    .login-wrap .form-login .right {width:100%;padding:0 20px;margin-top:47px;border:0;}
    .login-wrap .form-login .right h2 {position:relative;font-size:12px;line-height:17px;text-align:center;}
    .login-wrap .form-login .right h2:before,
    .login-wrap .form-login .right h2:after {content:'';position:absolute;top:55%;height:1px;background-color:#ddd;}
    .login-wrap .form-login .right h2:before {left:0;right:70%;}
    .login-wrap .form-login .right h2:after {right:0;left:70%;}
    .login-wrap .btns-login-right {height:auto;gap:10px;}
    .login-wrap .btns-login-right .btn {width:calc(50% - 5px);padding:15px;font-size:14px;}
    .login-wrap .btns-login-right p {width:100%;padding:0 0 0 34px;text-align:left;line-height:24px;}
    .login-wrap .btns-login-right .btn.info p {background:url(../../resources/images/img_info_01_mo.png) left center no-repeat;}
    .login-wrap .btns-login-right .btn.paper p {background:url(../../resources/images/img_paper_01_mo.png) left center no-repeat;}
    .login-wrap .btns-login-right .btn:before {content:'';position:absolute;top:50%;right:15px;width:16px;height:16px;margin-top:-8px;background:url(../../resources/images/arr_login_01.png) center no-repeat;}
    .login-wrap .btns-login-right .btn:hover:before,
    .login-wrap .btns-login-right .btn:focus:before {background:url(../../resources/images/arr_login_01_active.png) center no-repeat;}

    .footer-wrap-02 {padding:16px 20px;text-align:left;font-size:11px;line-height:13px;}
    .footer-wrap-02 .info {justify-content:left;}
    .footer-wrap-02 .info p {display:block;}
    .footer-wrap-02 .info p + p:before {display:none;}
    .footer-wrap-02 .copyright {margin-top:16px;}


}