@charset "UTF-8";
/* css setting start */
.sec-wrap, .sec-header, .sec-content, .sec-footer { position:relative;width:100%;margin:0;padding:0;box-sizing:border-box; }
.sec-footer { border-top: solid 1px #E0E1E3; }

/* contents */
.wr { max-width:1280px; margin:100px auto; }
.popup-scroll { height: 540px; overflow-y: scroll; border: solid 1px #e1e1e1; padding: 30px; }
.mb30 { margin-bottom: 30px; }
.line-box { border: solid 1px #E0E1E3; border-radius: 20px; padding: 35px 65px; text-align: center; font-size: 24px; margin-bottom: 50px; }
a.point { color: #0A73DE; }
a.underline { text-decoration: underline; }
.line-top { border-top: solid 1px #e1e1e1; }
.line-bottom { border-bottom: solid 1px #e1e1e1; }
.cut-line { font-weight: 100; line-height: inherit; margin: 0 10px; color: #e1e1e1; }
.logo-box img { border-radius: 10px; }

/* flex */
.flex { display: flex; align-items: center; }
.flex.ju-center { justify-content: center; }
.flex.ju-around { justify-content: space-around; }
.flex.ju-between { justify-content: space-between; }
.flex.ju-evenly { justify-content: space-evenly; }
.flex.flex-start { align-items: flex-start; }
.flex.wrap { flex-wrap: wrap; }
.flex.direction {flex-direction: column;}
.inherit { display: inherit!important; }

/* color */
.tc-green { color: #16B51C; }
.tc-red { color: #FF2B00; }
.tc-blue { color: #1653B5; }
.tc-orange { color: #FFAB00; }
.tc-gray { color: #999; }

/* font-size */
.fs21 { font-size: 21px; }
.fs24 { font-size: 24px; }

/* icon */
.icon { display: inline-block; background-position: center center; }
.icon.league { background: url("../img/icon_league.svg") no-repeat; width: 38px; height: 38px;}
.icon.tournament { background: url("../img/icon_tournament.svg") no-repeat; width: 38px; height: 38px; }
.icon.map { background: url("../img/icon_map.svg") no-repeat; width: 24px; height: 24px; }


/*=================================================================================
* header
=================================================================================*/
.sec-header { position:fixed; top:0; left:0; z-index:9; height:94px; text-align:center; transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; }

/* header */
.sec-header.on { background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05); }
.sec-header.on .logo { background-image:url(../img/logo.svg); }
.sec-header.on .nav:after { display:none; }
.sec-header.on .nav > li > h2 { color:#333; }
.sec-header .logo { display: block; width:167px; height:78px; background: url(../img/logo.svg) no-repeat 50%; position:absolute; left:100px; top:11.7px; }
.sec-header:after { opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s; }
.sec-header:before { content:''; width:100%; height:94px; background:#1C2747; position:absolute; top:0; right:0; z-index:-1; opacity: 1; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s; }
.sec-header.active:after { content:''; width:320px; height:168px; position:absolute; bottom:0; right:12%; z-index:-2; opacity:1; }
.sec-header.active:before { opacity:1; }

/* menu */
.nav { display:inline-block; }
.nav:after { content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:94px; }
.nav h2 { font-weight:400; cursor:pointer; }
.nav h3 { font-weight:400; }
.nav > li { float:left; }
.nav > li h2 { font-size:18px; font-weight: 500; }
.nav > li h2 a { line-height:94px; color:#FFD26A; position: relative; padding:0 30px; }
.nav > li h2 a:hover, .nav > li h2 a.active:hover { color:#1C2747; }
.nav > li h2 a:hover::before, .nav > li h2 a.active:hover::before { content: ""; position: absolute; left: 0; top: 50%;  width: 100%; height: 44px; margin-top: -22px; background-color: #FFD26A; z-index: -1; border-radius: 22px; }
.nav > li h3 { color:#000; font-size:16px; font-weight:500; }
.nav > li h3 a { transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; }
.nav > li h3 a:hover { color:#BB8C32; }
.nav > li > a { color:#666; font-size:16px; }
.nav > li > ul { width:100%; height:0; padding:0; overflow:hidden; position:absolute; top:94px; left:0; text-align:center; }
.nav > li > ul.sub-depth h3 { margin-top: -10px; }
.nav > li > ul > li { display:inline-block; text-align:left; padding:0 35px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s; }
.nav > li > ul > li > h3 { margin:0 0 20px; }
.nav > li > ul > li > a { display:block; padding: 5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
.nav > li > ul > li > a:hover { color:#BB8C32; }
.nav > li.open h2 a { position:relative; color:#1C2747; }
.nav > li.open h2 a:after { content: ""; position: absolute; left: 0; top: 50%;  width: 100%; height: 44px; margin-top: -22px; background-color: #FFD26A;  z-index: -1; border-radius: 22px; }
.nav > li.open ul { padding:30px; border-top:1px solid #eee; }
.nav > li.open ul > li { opacity:1; }

/* sitemap */
.btn-category { position:absolute; top:36px; right:100px; width:40px; height:24px; cursor:pointer; }
.btn-category .bar { position: absolute; left:0; width:100%; height:3px; border:0; background:#FFD26A;; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s; }
.on .btn-category .bar { background:#FFD26A; }
.btn-category .bar:nth-child(1) { top:0; transform:rotate(0); }
.btn-category .bar:nth-child(2) { top:11px; opacity:1; width: 50%; }
.btn-category .bar:nth-child(3) { top:22px; transform:rotate(0); }
.btn-category.map { right:100px; }
.btn-category.map .bar { background:#FFD26A; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) { top:11px; background:#FFD26A; transform:rotate(-45deg); }
.btn-category.map .bar:nth-child(2) { opacity:0; }
.btn-category.map .bar:nth-child(3) { top:11px; background:#FFD26A; transform:rotate(45deg); }

#sitemap { position:fixed; top:100px; right:-100%; width:100%; height:calc(100% - 100px); background:#fff; padding:50px 20px; z-index:10;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto; }
#sitemap > ul { max-width:1024px; overflow:hidden; margin:0 auto; }
#sitemap > ul > li { float:left; width:20%; padding:0; text-align: center; }
#sitemap > ul > li h2 { font-size:21px; color:#333; }
#sitemap > ul > li h3 { font-size:16px; color:#333; font-weight:500; margin:0 0 10px; }
#sitemap > ul > li > ul > li { margin:30px 0; }
#sitemap > ul > li > ul > li > a { color:#999; font-size:16px;  padding:7px 0; display:block; }
#sitemap > ul > li h3 > a:hover { color:#BB8C32; }
#sitemap > ul > li > ul > li > a:hover { color:#BB8C32; }
#sitemap.open { right:0; }
.sec-header.stm-hd { background:#fff; }
.sec-header.stm-hd .logo { background-image:url(../img/logo.svg); }
.sec-header.stm-hd .nav { display:none; }
.sec-header.stm-hd .join { display:none; }
.scr { overflow-y:hidden; }
.join { position:absolute; top:35px; right:170px; }
.join a {  position:relative; color: #FFD26A; margin-left: 20px; }
.join a.active { opacity:1; }

/*=================================================================================
* footer
=================================================================================*/
.wr-footer { max-width:1280px; margin:25px auto; }
.foot-logo { margin-right: 50px; }
.foot-link { display: flex; align-items: center; margin-bottom: 10px; }
.foot-link a { font-size: 14px; color: #555; }
.foot-link span { margin: 0 12px; color: #e1e1e1; }
.adress, .copy { font-size: 13px; color: #999; }


/*=================================================================================
* contents
=================================================================================*/

/* quick */
.quick-menu { position:fixed; right:20px; bottom:20px; width:60px; opacity:0; transition:all ease .6s; z-index:8; visibility: hidden; }
.quick-menu.on { opacity:1;visibility: visible; }
.quick-menu a { cursor:pointer; margin:10px 0 0; display:block; }
.quick-menu .qm-cu { background:#dee8fe; color:#000; border-radius:50%; text-align:center; font-size:13px; width:60px; height:60px; padding:18px 0 0; line-height:1.2; font-weight:500; }

/* title */
.big-title { font-size: 36px; text-align: center; padding: 80px 0 50px; }
.big-title span { display: block; font-size: 26px; }
.big-title span.subtit { font-size: 27px; position: relative; display: inline-block; }
.big-title span.subtit::before { content: ""; width: 120%; height: 2px; position: absolute; left: -10%; bottom: 0;  background-color: #1C2747; }

/* align */
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

/* margin */
.ma-bottom5 { margin-bottom: 5px; }
.ma-bottom50 { margin-bottom: 50px; }
.ma-top10 { margin-top: 10px; }
.ma-right10 { margin-right: 10px; }
.ma-bottom10 { margin-bottom: 10px; }
.ma-left10 { margin-left: 10px; }
.ma-top20 { margin-top: 20px; }
.ma-right20 { margin-right: 20px; }
.ma-bottom20 { margin-bottom: 20px; }
.ma-left20 { margin-left: 20px; }
.ma-top30 { margin-top: 30px; }
.ma-right30 { margin-right: 30px; }
.ma-bottom30 { margin-bottom: 30px; }
.ma-left30 { margin-left: 30px; }

/* padding */
.pb-0 { padding-bottom: 0!important; }
.pa-top10 { padding-top: 10px!important; }
.pa-right10 { padding-right: 10px!important; }
.pa-bottom10 { padding-bottom: 10px!important; }
.pa-left10 { padding-left: 10px!important; }
.pa-top20 { padding-top: 20px!important; }
.pa-right20 { padding-right: 20px!important; }
.pa-bottom20 { padding-bottom: 20px!important; }
.pa-left20 { padding-left: 20px!important; }
.pa-top30 { padding-top: 30px!important; }
.pa-right30 { padding-right: 30px!important; }
.pa-bottom30 { padding-bottom: 30px!important; }
.pa-left30 { padding-left: 30px!important; }

/* color */


/* btn */
.btn-wr { text-align: center; margin-top: 30px; }
.btn { display: inline-block; text-align: center; border-radius: 5px; }
.full { width: 100%; }
.rec-btn-big { background-color: #1C2747; border: solid 1px #1C2747; font-size: 21px; color: #fff; height: 54px; line-height: 54px; padding: 0 70px; }
.rec-btn-medium { background-color: #1C2747; border: solid 1px #1C2747; font-size: 18px; color: #fff; height: 46px; line-height: 42px; padding: 0 50px; }
.rec-btn-small { background-color: #1C2747; border: solid 1px #1C2747; font-size: 14px; color: #fff; padding: 7px 20px; }
.rec-btn-xsmall { background-color: #1C2747; border: solid 1px #1C2747; font-size: 13px; color: #fff; padding: 3px 10px;}
.rec-btn-xsmall-blue { background-color: #1C2747; border: solid 1px #1C2747; font-size: 13px; color: #fff; padding: 3px 10px;}
.rec-btn-small-line { background-color: #f7f7f7; border: solid 1px #E0E1E3;  font-size: 14px; color: #999; padding: 7px 20px; }
.rec-btn-member { background-color: #0A73DE; border: solid 1px #0A73DE; font-size: 18px; color: #fff; height: 36px; line-height: 36px; padding: 0 30px;  }
.gray { background-color: #999!important; border: solid 1px #999; }
.lgray { background-color: #ededed!important; border: solid 1px #ededed; }
.red { background-color: #ff2b00!important; border: solid 1px #ff2b00; }
.green { background-color: #4fb352!important; border: solid 1px #4fb352; }
.blue { background-color: #1678CD!important; border: solid 1px #1678CD; }
.brown { background-color: #BB8C32!important; border: solid 1px #BB8C32;}
.round { border-radius: 30px; }
.cl-back { width: 18px; height: 30px; background: url("../img/icon_backarrow.svg") center center no-repeat; }
.cl-next { width: 18px; height: 30px; background: url("../img/icon_nextarrow.svg") center center no-repeat; }

/* relative */
.relative { position: relative; }
.relative .right { position: absolute; right: 0; }

/* box style */
.agree-box { width: 100%; height: 160px; overflow-y: scroll; background-color: #FAF8F4; border: solid 1px #E0E1E3; padding: 20px; border-radius: 5px; }

/* join */
.join-area { width: 740px; margin: 0 auto; }
.location { margin-bottom: 50px; }
.location ul { display: flex; justify-content: space-between; position: relative; }
.location ul::before { content: ""; width: 95%; height: 1px; border-bottom: dotted 1px #E0E1E3; position: absolute; top: 42px; left: 50%; transform: translate(-50%); z-index: -1; }
.location ul li { font-size: 18px; font-weight: 500;  text-align: center; display: flex; flex-direction: column; align-items: center; }
.location ul li .thumb { width: 84px; height: 84px; border:  solid 3px #E0E1E3; border-radius: 20px; display: block; margin-bottom: 10px; background-color: #FFFCF8; }
.location .step-01 .thumb { background: #FFFCF8 url("../img/laction_thumb_01.svg") center center no-repeat; }
.location .step-02 .thumb { background: #FFFCF8 url("../img/laction_thumb_02.svg") center center no-repeat; }
.location .step-03 .thumb { background: #FFFCF8 url("../img/laction_thumb_03.svg") center center no-repeat; }
.location .step-04 .thumb { background: #FFFCF8 url("../img/laction_thumb_04.svg") center center no-repeat; }
.location .step-05 .thumb { background: #FFFCF8 url("../img/laction_thumb_05.svg") center center no-repeat; }
.location .step-06 .thumb { background: #FFFCF8 url("../img/laction_thumb_06.svg") center center no-repeat; }
.location .step-07 .thumb { background: #FFFCF8 url("../img/laction_thumb_07.svg") center center no-repeat; }
.location ul li.active { color: #7D5D2C; }
.location ul li.active .thumb { border:  solid 3px #7D5D2C; }
.location .step-01.active .thumb { background: #FFFCF8 url("../img/laction_thumb_01_active.svg") center center no-repeat; }
.location .step-02.active .thumb { background: #FFFCF8 url("../img/laction_thumb_02_active.svg") center center no-repeat; }
.location .step-03.active .thumb { background: #FFFCF8 url("../img/laction_thumb_03_active.svg") center center no-repeat; }
.location .step-04.active .thumb { background: #FFFCF8 url("../img/laction_thumb_04_active.svg") center center no-repeat; }
.location .step-05.active .thumb { background: #FFFCF8 url("../img/laction_thumb_05_active.svg") center center no-repeat; }
.location .step-06.active .thumb { background: #FFFCF8 url("../img/laction_thumb_06_active.svg") center center no-repeat; }
.location .step-07.active .thumb { background: #FFFCF8 url("../img/laction_thumb_07_active.svg") center center no-repeat; }
.user-agree { }
.user-cerif { }
.line-title { width: 100%; border-bottom: solid 2px #BB8C32; padding-bottom: 10px; font-size: 18px; }
.caution-text { padding: 50px 0; display: flex; align-items: center; }
.user-regis dd { display: flex; border-bottom: solid 1px #E1E1E1; padding-bottom: 10px; }
.user-regis dd .title { width: 20%; padding-top: 5px; }
.user-regis dd .title em { color: #E8261F; }
.user-regis dd .field { width: 80%; }
.user-regis .photobox { display: block; margin-bottom: 10px; width: 160px; height: 190px; }
.user-regis .photobox img { border-radius: 10px; }

/* popup */
.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.modal-content { background-color: #FFD26A; padding: 36px 20px; width: 80%; max-width: 500px; position: absolute; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.modal-content h2 { font-size: 24px; text-align: center; margin: 10px 0; }
.modal-content p { text-align: center; }
.modal .close { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 24px; height: 24px; background: url("../img/icon_close.svg") 50% 50% no-repeat; }

.modal2 { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(15, 23, 42, 0.72); }
.modal2 .modal-content { background-color: #ffffff; padding: 28px 24px 24px; width: 90%; max-width: 720px; max-height: 90vh; overflow-y: auto; position: absolute; border-radius: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.28); border: 1px solid #e2e8f0; }
.modal2 .modal-content h2 { font-size: 24px; margin: 0; text-align: left; color: #0f172a; }
.modal2 .modal-content > h3 { font-size: 19px; font-weight: 700; margin: 0 52px 16px 0; color: #0f172a; letter-spacing: -0.02em; padding-bottom: 12px; border-bottom: 2px solid #1769ff; }
.modal2 .modal-content .popup-table { margin-top: 8px; }
.modal2 .modal-content .popup-table h3 { font-size: 18px; margin-bottom: 12px; color: #0f172a; font-weight: 700; }
.modal2 .modal-content .popup-table table { width: 100%; border-collapse: collapse; border-top: solid 1px #cbd5e1; border-left: solid 1px #cbd5e1; }
.modal2 .modal-content .popup-table table th, .modal2 .modal-content .popup-table table td { border-bottom: solid 1px #cbd5e1; border-right: solid 1px #cbd5e1; padding: 11px 10px; text-align: center; font-size: 14px; line-height: 1.45; }
.modal2 .modal-content .popup-table table th { background-color: #f1f5f9; color: #334155; font-weight: 600; }
.modal2 .modal-content .popup-table table td { background-color: #ffffff; color: #1e293b; }
.modal2 .modal-content .popup-table table td strong { color: #0f172a; font-weight: 600; }
.modal2 .modal-content .popup-table table td .scroll { min-height: 105px; height: 105px; overflow-y: auto; background: #f8fafc; border-radius: 6px; padding: 8px 10px; text-align: left; border: 1px solid #e2e8f0; box-sizing: border-box; }
.modal2 .modal-content .popup-table table .thumb { vertical-align: middle; padding: 12px; background-color: #ffffff; }
.modal2 .modal-content .progress { display: flex; justify-content: space-between; margin-bottom: 30px; padding: 0 20px; }
.modal2 .modal-content .progress span { width: 25%; text-align: center; background-color: #1653B5; border-radius: 10px; padding: 12px 0; color: #fff; position: relative; }
.modal2 .modal-content .progress span::after { content: ""; position: absolute; top: 30px; right: -50px; width: 23px; height: 15px; background: url("../img/icon_arrow2.svg") no-repeat; }
.modal2 .modal-content .progress span:last-child::after { display: none; }
.modal2 .modal-content .progress span.stand { background-color: #16B51C; }
.modal2 .modal-content .progress span.approval { background-color: #999; }
.modal2 .modal-content .progress span.return { background-color: #FF2B00; }
.modal2 .close { position: absolute; top: 18px; right: 18px; cursor: pointer; width: 40px; height: 40px; border-radius: 8px; background: #e2e8f0 url("../img/icon_close.svg") 50% 50% no-repeat; }
.modal2 .close:hover { background-color: #cbd5e1; }

.modal3 { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.modal3 .modal-content { background-color: #FFD26A; padding: 36px 20px; width: 80%; max-width: 500px; position: absolute; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.modal3 .modal-content h2 { font-size: 24px; text-align: center; margin: 10px 0; }
.modal3 .modal-content p { text-align: center; }
.modal3 .close { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 24px; height: 24px; background: url("../img/icon_close.svg") 50% 50% no-repeat; }

/* col-group */
.col-1 { width: 8.33333%; }
.col-2 { width: 16.66667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }

/* main */
.main-left-wr { }
.main-left-wr .visual { width: 720px; padding: 100px 0; background: url("../img/visual_bg.png") 110% 90% no-repeat; background-size: 50%; }
.visual .text01 { font-size: 100px; font-weight: 800; line-height: 35px; }
.visual .text02 { font-size: 94px; font-weight: 600; }
.visual .text03 { font-size: 74px; font-weight: 300; line-height: 40px; }
.visual p { margin-top: 40px; font-size: 42px; }
.main-left-wr .notice { width: 500px; }
.notice .tit-bar { display: flex; justify-content: space-between; }
.notice .tit-bar h3 { font-size: 18px; padding: 2px 15px; border: solid 1px #1C2747; border-radius: 24px; }
.notice .tit-bar a { font-size: 13px; position: relative; padding-right: 15px; display: block; height: 20px; line-height: 20px; margin-top: 10px; }
.notice .tit-bar a::after { content: ""; background: url("../img/icon_arrow.svg") no-repeat; width: 12px; height: 4px; position: absolute; right: 0; bottom: 5px; }
.main-right-wr { width: 500px; }
.main-right-wr .user-box { padding-top: 100px; }
.user-box h3 { font-size: 34px; font-weight: 300; margin-bottom: 25px; }
.user-box h3 strong { display: block; font-weight: 700; line-height: 34px; }
.main-btn-wr { display: flex; justify-content: space-between; }
.main-btn-wr a { width: 49%; margin-bottom: 15px; }
.main-link-wr { display: flex; justify-content: space-between; }
.main-link-wr div { border: solid 1px #B1B2B5; border-radius: 5px; width: 32%; text-align: center; padding: 20px 0; }
.main-link-wr div span { display: block; font-size: 18px; font-weight: 500; }
.main-link-wr div span em { display: block; font-weight: 300; font-size: 16px; }
.banner { margin-top: 80px; }
.banner .swiper-pagination { bottom: 10px!important; }
.banner .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { padding-bottom: 50px; }
.notice-box { overflow: hidden; margin-top: 20px;padding-left: 20px; }
.notice-box  h4 { font-size: 21px; margin-bottom: 10px; }
.notice-box .swiper-pagination { position: relative; text-align: left; font-size: 13px; color: #FFD26A; padding: 3px 32px 4px 10px; background-color: #4C5057; border-radius: 20px; display: inline-block; width: auto; margin-top: -20px; }
.notice-box .swiper-button-next { position: absolute; left: 40px; top: 128px; width: 18px; height: 18px; background: #FFD26A url("../img/icon_arrow_s.svg") 55% 50% no-repeat; z-index: 20; border-radius: 100%; }
.notice-box .swiper-button-next::after { font-size: 0!important; }

/* sub */
.info-box { padding: 20px; background-color: #f7f7f7; border-radius: 20px; }
.info-box ul { padding-left: 20px; }
.info-box ul li { list-style: decimal; }
.sub-contents { }
.sub-contents h3 { margin-bottom: 10px; font-size: 18px; }
.transfer-wr .location { width: 460px; margin: 0 auto; }
.application-wr dl, .board-write dl { display: flex; justify-content: space-between; flex-wrap: wrap; }
.application-wr dl dd, .board-write dl dd { width: 50%; }
.application-wr dl dd.full, .board-write dl dd.full { width: 100%; }
.application-wr dl dd, .board-write dl dd { display: flex; border-bottom: solid 1px #E1E1E1; padding-bottom: 10px; }
.application-wr dl dd .title, .board-write dl dd .title { width: 120px; padding-top: 5px; }
.application-wr dl dd .title em, .board-write dl dd .title em { color: #E8261F; }
.application-wr dl dd .field, .board-write dl dd .field { width: 80%; }
.application-wr .info-box { border: solid 1px #e1e1e1; }
.team-menu { font-size: 18px; display: flex; align-items: center; }
.team-menu span { margin: 0 12px; font-weight: 100; }
.team-menu .active { font-weight: 700; color: #BB8C32; }

/* tabmenu */
    .tab { overflow: hidden; display: flex; justify-content: space-between; }
    .tab button { width: 25%; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; border-radius: 5px 5px 0 0; margin-right: 1px; }
	.tab button:last-child { margin-right: 0; }
    .tab button:hover { background-color: #e1e1e1; }
    .tab button.active { background-color: #1C2747; color: #fff; }
    /* 탭 콘텐츠 스타일링 */
    .tabcontent { display: none; padding: 50px; }

.schedule-list li { border: solid 1px #e1e1e1; padding: 20px; border-radius: 10px; margin-bottom: 10px; }
.schedule-list li:last-child { margin-bottom: 0; }
.schedule-list li .time a { margin-right: 20px; }
.line-right { position: relative; }
.line-right strong { font-weight: 700; }
.line-right::after { content: ""; width: 2px; height: 100%; background-color: #e1e1e1; position: absolute; right: 30px; }

.mvp strong { font-size: 18px; }

.game-history { border-top: solid 2px #1C2747; padding-top: 20px; }
.game-history .game-title { width: 100%; position: relative; }
.game-history .game-title h3 { text-align: center; font-size: 24px; margin-top: 30px; }
.game-history .game-title h3 em { display: block; font-size: 18px; font-weight: 300; }
.game-history .game-title span { position: absolute; right: 0; bottom: 0; }
.game-history .left-team { font-size: 18px; }
.game-history .score { font-size: 34px; font-weight: 700; }
.game-history .right-team { font-size: 18px; }

.team-list li { border: solid 1px #e1e1e1; border-radius: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; padding: 15px; }
.team-list .thumb { width: 20%; display: flex; align-items: center; justify-content: center; border-right: solid 1px #e1e1e1; }
.team-list .thumb img { border-radius: 10px; }
.team-list .info { width: 65%; }
.team-list .info dl { display: flex; padding-bottom: 5px;}
.team-list .info dl:last-child { padding-bottom: 0; border-bottom: 0; }
.team-list .info dl dt, .team-list dl dd { align-items: center; margin-bottom: 0; }
.team-list .info dl dt span { padding: 3px 10px; background-color: #1C2747; color: #fff; border-radius: 5px; }
.team-list .link { width: 10%; display: flex; align-items: flex-end; justify-content: flex-end; }

/*=================================================================================
* responsive
=================================================================================*/
@media screen and (max-width:1240px){
	/* layout */
	.nav{ display:none; }
	#sitemap {  background:rgba(0,0,0,0.5); }
	#sitemap > ul > li { width:100%; float:none; margin:0 0 30px; }
	#sitemap > ul > li h2 { color:#0B3CAC; }
	#sitemap > ul > li > ul > li { height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd; }
	#sitemap > ul > li > ul > li.m-open { height:auto; }
	#sitemap > ul > li h3 { background:url('../img/btn/sel-arr.png') no-repeat center right; margin:0; }
	#sitemap > ul > li > ul > li > h3 > a { display:block; background: #fff; }
	#sitemap > ul { max-width:500px; padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%; }
}

@media screen and (max-width:480px){
	/* layout */
	.sec-header .logo { width:110px; height: 70px; background-size:100%; left:20px; }
	.btn-category, .btn-category.map { right:20px; }
	.join { display: block; }
	.btn-category { width:30px; }
	.sec-header { background:#1C2747; height:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.05); }
	.sec-header .logo { background-image:url(../img/logo.svg); top:0; }
	.sec-header .nav:after { display:none; }
	.sec-header .nav > li > h2 { color:#333; }
	.sec-header:before { display:none; }
	#sitemap > ul > li { padding:0; }
	#sitemap > ul > li h2 { font-size:20px; }
	#sitemap > ul > li h3 { font-size:17px; }
	#sitemap > ul > li > ul > li > a { font-size:15px; }
	#sitemap { top:70px; height: calc(100% - 70px); }
	.btn-category { top:23px; }
	.join { top:23px; right:20%; }
}