@charset "euc-kr";
@import url('common.css');

:root {
	--menu-background-color: #ffffff; /* ü ޴   */
	--main-notice-titleFont: #ffffff; /*   ŸƲ Ʈ  */
	--main-notice-titleFont2: #7497c7; /*   ŸƲ Ȱ Ʈ  */
	--main-notice-titleBackground: #005aab; /*   ŸƲ   */

    --main-result-titleFont: #ffffff; /*   ŸƲ Ʈ */
	--main-result-titleBackground: #2d3744; /*   ŸƲ   */
	--main-result-bodyBackground: #d1d1d1; /*      */

    --main-schedule-titleFont: #ffffff; /*   ŸƲ Ʈ  */
    --main-schedule-titleBackground: #013566; /*   ŸƲ   */
    --main-schedule-dateFont: #ffffff; /*   ¥ Ʈ  */
    --main-schedule-dateBackground: #434d6b; /*   ¥   */
    --main-schedule-groundBackground: #ddd; /*      */
    --main-schedule-timeFont: #0067c7; /*   ¥ Ʈ  */

    --main-ranking-titleFont:#ffffff; /*  ŷ ŸƲ Ʈ  */
    --main-ranking-titleBackground:#013566 !important; /*  ŷ ŸƲ  */

    --main-menu-background-scroll:rgba(0, 0, 0, 0.8); /* θ޴  ũ Ǿ */
}


html {font-size: 16px;}
body {font-family:'SCoreDream', 'GmarketSans', sans-serif ; font-weight: 400; font-size: 1rem;}
#wrap-all{overflow:hidden;min-width:320px;}
#wrap>#content {min-height: 400px;}
.container-fluid {max-width: 1200px;margin: 0 auto;position:relative;}
.flexslider {background: none;}
.slick-prev, .slick-next {width:18px;height:34px;border-radius: 0;font-size: 0; z-index: 2;}
.slick-prev:before, .slick-next:before {display: none}
/* .slick-prev{background: url(../img/arr_slide_prev.png) no-repeat 50%; left: -45px}
.slick-next {background: url(../img/arr_slide_next.png) no-repeat 50%; right: -45px} */
.flex-control-nav {font-size: 0;bottom: 6%}
.flex-control-paging li a.flex-active {background: #109481; opacity: 1}
.flex-control-paging li a {background: #cdcdca; -webkit-box-shadow: none; box-shadow: none; width: 1rem; height: 1rem;}
.slick-dots {font-size: 0; bottom: 6%}
.slick-dots li {margin: 0 6px;width: auto;height: auto}
.slick-dots li button:before {display: none}
.slick-dots li button {background: #fff; -webkit-box-shadow: none; box-shadow: none; width: 1rem; height: 1rem; border-radius: 50%; margin: 0; padding: 0;}
.slick-dots li.slick-active button {background: #146eb1; opacity: 1;width:50px;border-radius:15px 15px;transition:all .25s ease}

/* HEADER */
#header {z-index:101;position: relative;top: 0;left: 0;right: 0;width: 100%; height: 142px; background:rgba(255,255,255,1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .inc{position:relative;padding-left:300px;padding-right:270px;height:96px;}
#header:hover{background:#fff;}
#header h1.logo {font-size: 0;position: absolute;top:0;left:2.188rem;width:182px;height:48px;background:url("../img/logo.png") 0 0 no-repeat;margin-top:1.5rem;} /* 메인 좌측 로고 공간 width, height, margin-top? ?미?? ??즈에 맞춰 ??? 조정??. 88?? #header.fixed h1.logo, 341?? */
#header h1.logo img{width:254px;height:49px;}
#header h1.logo a{display:block;height:100%;}
#header #gnb {text-align: center;font-weight: 400;z-index:500;}
/* ?????????*/
#header #gnb:before {content: "";opacity: 0;height: 0; position: fixed;left: 0;right: 0;top: 0;z-index: -1;-webkit-transition: all .2s ease;transition: all .2s ease;background:url("../img/gnb-bg.png") 10px 100% var(--menu-background-color) no-repeat;height:0;}
#header #gnb:hover:before {opacity: 1;height: 442px;-webkit-transition: all .2s ease;transition: all .2s ease;}
#header #gnb ul li:first-child ul:before{content:"";position:absolute;top:0;left:-180px;width:180px;opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease}
/* #header #gnb:hover ul li:first-child ul:before {height:180px;background:url("../img/gnb-bg.png") 0 0 no-repeat;opacity: 1;-webkit-transition: all .2s ease;transition: all .2s ease} */

#header #gnb>ul{text-align:center;font-size:0;}
#header #gnb>ul>li {font-size:1.25rem;display: inline-block;vertical-align: top;width:20%;}
#header #gnb>ul>li:nth-child(3), #header #gnb>ul>li:nth-child(4){width:17%}
#header #gnb>ul>li>a {font-family:'GmarketSans', sans-serif ;padding: 0 20px;display: block; font-size: 1.375rem;line-height: 96px;position: relative;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;color:#333;font-weight:500; white-space:nowrap;}
#header #gnb>ul>li>a:before {content: "";display: block;position: absolute;width: 0;left: 50%; bottom: 0;height: 3px;background:url("../img/bg-service.jpg") 0 0  #146eb1 no-repeat;background-size:cover;-webkit-transition: all .2s ease;transition: all .2s ease}
#header #gnb>ul>li:hover>a, #header #gnb>ul>li.active>a {color: #146eb1}
#header #gnb>ul>li:hover>a:before, #header #gnb>ul>li.active>a:before {width: 100%;left: 0;right: 0;-webkit-transition: all .2s ease;transition: all .2s ease}
/* ?????????
#header #gnb>ul>li:hover ul {display: block;}
#header #gnb>ul>li:hover ul:before {display: block}
*/
#header #gnb>ul>li>ul>li{text-align:center;}
#header #gnb>ul>li>ul>li>a{color:#888;font-size:1rem;line-height:1.2rem;padding-bottom:0.5rem;display:block;}
#header #gnb>ul>li>ul>li>a:hover{color:#000;}
#header #gnb ul ul {font-size: 14px;padding-top: 20px;height:0;webkit-transition: all .2s ease;transition: all .2s ease;overflow:hidden;}
#header #gnb:hover ul ul {position:relative;height:300px;webkit-transition: all .2s ease;transition: all .2s ease;}
#header #gnb ul ul li+li {margin-top: 5px;}
#header #gnb ul ul li:hover {color: #ff5f33;}
#header #gnb>ul>li:nth-child(4)>ul>li>a{text-align:center;}

.top_area{border-bottom:1px solid #e7e7e7}
.top_area:after{content:"";display:block;clear:both;}
.top_area .btn_sns{float:left;}
.top_area .btn_sns li{float:left;width:45px;height:45px;border-right:1px solid #e7e7e7}
.top_area .btn_sns li a{display:block;height:100%;}
.top_area .btn_sns li.s-youtube{background:url('../img/ico-youtube.svg') 50% 50% no-repeat;background-size:50% auto;}
.top_area .btn_sns li.s-kakao{background:url('../img/ico-kakao.svg') 50% 50% no-repeat;background-size:50% auto;}


.top_area .top_search{position:absolute;padding-right:51px;width:300px;left:0px;padding-top:2px;border-right:1px solid #e7e7e7;height:46px}
.top_area .top_search .btn{position:absolute;top:0.4rem;right:0.6rem;width:30px;height:30px;background:#005aab;border-radius:50px 50px;}
.top_area .top_search .btn:before{content:"";display:block;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url("../img/ui/ui-btn-search.svg") 0 0 no-repeat;}
.top_area .top_search .form-control{width:100%;background:#fff;border:1px solid #ccc;font-size:0.875rem;letter-spacing:-1px;border-radius:4px 0 0 4px;height:40px;padding:0 12px 0 12px;border:0;}


.top_area .btn_login{float:right;}
.top_area .btn_login li{position:relative;float:left;}
.top_area .btn_login li a{display:block;font-size:0.938rem;line-height:45px;padding:0 2rem}
.top_area .btn_login li+li:before{content:"";display:block;width:1px;height:1rem;background:#e2e2e2;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.top_area .btn_login li:first-child a{background:url( "../img/ico-top-login.svg") 0 45% no-repeat;background-size:1rem;}

.g-menu.wd{position:absolute;top:0;right:0;height:100%;}
.g-menu{font-size:0;}
.g-menu li{position:relative;float:left;;height:100%;}
.g-menu li a{display:block;height:100%;font-size:0.938rem;font-family:'GmarketSans', sans-serif ;}
.g-menu .btn_reg a{position:relative;background:#005aab;padding:2.4rem 2rem 0 1.5rem;color:#fff;display:block;height:100%;box-sizing:border-box;font-size:1.25rem;}
.g-menu .btn_reg a:after{content:"";display:block;position:absolute;top:50%;right:1rem;width:8px;height:13px;background:url("../img/ui/ui-btn-arr2.svg") 0 50% no-repeat;transform:translateY(-50%)}
.g-menu .btn_srch button{display:block;width:4.5rem;height:100%;background:url("../img/ico-srch.svg") 50% 50% no-repeat;background-size:1.875rem auto;border:0;}

#header-placeholder { height: 96px; display: none; } /* ??? ? ??? 방???? ??  기본 ??, ??? header.fixed ???? ????? 맞추? */
#header.fixed + #header-placeholder { display: block; } /* ??? ? ??? 방???? ??  */

#header.fixed {position:fixed; top:0; height: 96px; background: var(--main-menu-background-scroll); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;border-bottom:0;}
#header.fixed h1 {line-height: 98px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#header.fixed h1.logo {width:182px;height:48px;background:url("../img/logo-w.png") 0 0 no-repeat;}
#header.fixed h1 img {max-height: 2rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#header.fixed #gnb>ul>li>a {color:#fff;}
#header.fixed #gnb>ul>li>a {-webkit-transition: all 0.2s ease;transition: all 0.2s ease;font-weight:500;}
#header.fixed #gnb>ul>li>ul>li>a{color:#cecece;}
#header.fixed #gnb>ul>li>ul>li>a:hover{color:#fff;}
#header.fixed .top_area{ visibility: hidden; height: 0px; overflow: hidden; /* height: 0; overflow: hidden; transition: height 0.3s ease;*/ /* 최초 코드 display:none; */}
#header.fixed .g-menu .btn_srch a{background:url("../img/ico-srch-w.svg") 50% 50% no-repeat;background-size:1.875rem auto;}

#header.fixed #gnb:before {content: "";opacity: 0;height: 0; position: fixed;left: 0;right: 0;top: 96px;z-index: -1;-webkit-transition: all .2s ease;transition: all .2s ease;background: var(--main-menu-background-scroll); }
#header.fixed #gnb:hover:before {opacity: 1;height: 300px;-webkit-transition: all .2s ease;transition: all .2s ease;}

.mobile-menu{display:block;position:fixed;right:-120%;top:0;transition:left 0.5s;width:100%;background:#353535;height:100%;z-index:1001;opacity:0;box-sizing:border-box}
.mobile-menu.on{right:0;transition:all 0.2s ease;opacity:1}
#header .btn-mobile-menu{display:none;position:absolute;top:2rem;left:1rem;border-top:2px solid #000;border-bottom:2px solid #000;width:30px;height:20px;cursor:pointer}
#header .btn-mobile-menu:before{content:"";display:block;position:absolute;top:50%;margin-top:-1px;width:100%;height:2px;background:#000;}
#header .mobile-menu {padding:1rem;}
#header .mobile-menu .logo{display:block;padding: 1rem 0 1rem 2rem;opacity:.4;}
#header .mobile-menu .logo img{height:50px;}
#header .mobile-menu .inb{border-top:1px solid #333;}
#header .mobile-menu .inb li{border-bottom:1px solid #595959;}
#header .mobile-menu .inb>li>a{display:block;padding-left:1rem;color:#fff;font-size:1.125rem;font-weight:600;}
#header .mobile-menu .inb>li.active>a{border-bottom:2px solid #146eb1;}
#header .mobile-menu {text-align: left;font-size: 0.9em;}
#header .mobile-menu>ul>li>a {font-size: 1rem;;color:#cacaca;padding:1rem}
#header .mobile-menu li {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#header .mobile-menu li li:last-child {border-bottom: 0;}
#header .mobile-menu li a {display: block;padding: 0.3rem 1rem;position: relative;font-size:1.1rem;}
#header .mobile-menu li ul {border-top: 1px solid rgba(0, 0, 0, 0.1); display: none;background:#282828;padding:1rem;transition:all 0.2s ease;}
#header .mobile-menu li ul li {background: #282828; border-bottom:0!important}
#header .mobile-menu li ul li a{color:#cacaca;}
/* #header .mobile-menu li ul li a:after {content: "\f112";position: absolute;right: 0;top: 0;margin: 0 14px;padding: 0.5em 0; font-family: LineAwesome; color: #ccc;} */
#header .mobile-menu li.active ul {display: block;transition:all 0.2s ease}
#header .mobile-menu.on .g-menu{display:flex;}

#header .mobile-menu.on .btn_sns{display:flex}
#header .mobile-menu.on .btn_sns li{width:45px;height:45px;}
#header .mobile-menu.on .btn_sns li a{display:block;height:100%;}
#header .mobile-menu.on .btn_sns li.s-youtube{background:url('../img/ico-youtube2.svg') 50% 50% no-repeat;background-size:50% auto;}
#header .mobile-menu.on .btn_sns li.s-kakao{background:url('../img/ico-kakao2.svg') 50% 50% no-repeat;background-size:50% auto;}




.dim{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;}
.btn-close{border:0;position:absolute;top:1.5rem;right:1rem;background:none;width:1.8rem;height:1.8rem;}
.btn-close:before{content:"";display:block;width:1.8rem;height:1.8rem;background:url(../img/ui/ui-btn-close.svg) 0 0 no-repeat}
#header #toggle-open {display: none}
#header #send-msg {display: none}
#header .toggle-nav-wrap {display: none}

#header .util{position:absolute;top:45px;right:22px;height:100%;display:inline-block;font-size:0;}
/*
#header .sitemap-btn{display:inline-block;width:80px;height:96px;vertical-align:top;cursor:pointer;}
#header .sitemap-btn:before{content:"\f131";font-family:LineAwesome;font-size:2rem;color:#333;}
*/
#header .sitemap-open{position:fixed;top:96px;left:0;width:100%;height:0;background:#fff;opacity:0;transition:all 0.2s ease;text-align:center;overflow:hidden;}
#header .sitemap-open.open{height:2.6rem;opacity:1;padding:1.563rem 0;;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);font-size:1rem;}
#header .sitemap-open label{font-size:1.125rem;margin-right:1.5rem;color:#9b9b9b;font-weight:300;letter-spacing:0.1rem;vertical-align:middle;}

#main{position:relative;/* padding-top:142px*/z-index:1;}
#main .m-visual-wr{position:relative;}
#main .m-visual-wr>.container{position:absolute;bottom:3rem;z-index:20;width:1200px;left:50%;margin-left:-600px;}
#main .m-visual-wr>.container>ul{display:flex;background:#fff;font-family:'GmarketSans', sans-serif;font-size:1.25rem;}
.list-service li{flex:1;height:3.5rem;text-align:center;line-height:3.5rem;}
.list-service li+li{border-left:1px solid #e1e1e1;}
.list-service li a{display:block;height:3.5rem;padding-top:0.2rem;}
.list-service li a:hover{color:#1469b5;font-weight:600}
.list-service li:first-child{background:url("../img/bg-service.jpg") 0 0 no-repeat;background-size:cover;color:#fff;font-weight:600;padding-top:0.2rem;}

#main .m-visual{height:500px;overflow:hidden;position:relative;margin-bottom:0px;}
#main .m-visual .acc{display:block;width:554px;height:26px;background:url("../img/m-visual-acc.png") 0 0 no-repeat;position:absolute;bottom:0;z-index:1000;right:20%; animation:fadein  3s;-moz-animation: fadein  3s; -webkit-animation: fadein 3s; -o-animation: fadein  3s; }
#main .m-visual .vis-container{position:relative;height:500px;width:100%;overflow:hidden;}
#main .m-visual .bg{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;max-width:none;z-index:-1}
#main .m-visual .bg {display: block; }
#main .m-visual .slick-active .bg {display: block; -ms-transform:translateX(-50%) scale(1.0,1.0); -ms-transition:all 4s ease; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) scale(1.0, 1.0); transform: translateX(-50%) scale(1.0, 1.0); -webkit-transition: all 4s ease; transition: all 4s ease;}
#main .m-visual div:first-child .bg{  animation:fadein  3s;-moz-animation: fadein  3s; -webkit-animation: fadein 3s; -o-animation: fadein  3s; }
#main .m-visual .slogan{color:#333;padding-top:75px;text-align:center;}
#main .m-visual h2{position:relative;font-size:5.125rem;letter-spacing:-0.2rem;font-weight:100;text-align:center;display:inline-block;}
#main .m-visual h2 small{font-size:1.875rem;font-weight:300!important;position:absolute;bottom:1rem;right:-8rem;}
#main .m-visual .slick-prev, #main .m-visual .slick-next {width:28px;height:48px;border-radius: 0;font-size: 1.125rem!important; z-index: 2;color:#fff!important;top:50%;letter-spacing:0.15rem;}
#main .m-visual .slick-prev:before{width:28px;height:48px;content:"";display:block;position:absolute;top:50%;right:0;background:url( "../img/ui/ui-btn-prev.png") 0 0 no-repeat;}
#main .m-visual .slick-next:before {width:28px;height:48px;content:"";display:block;position:absolute;top:50%;left:0;background:url( "../img/ui/ui-btn-next.png") 0 0 no-repeat;}
#main .m-visual .slick-prev{left:4rem;text-align:left;}
#main .m-visual .slick-next {right:4rem;text-align:right;}
#main .m-visual .vis-detail{text-align:center;font-size:0;margin-top:2.5rem;}
#main .m-visual .vis-detail li{position:relative;display:inline-block;font-size:1.125rem;opacity:0;width:310px;height:187px;transition:all 1s ease}
#main .m-visual .vis-detail li .thumb{display:block;width:100%;padding-top:60.3%;overflow:hidden;z-index:1}
#main .m-visual .vis-detail li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;}
#main .m-visual .vis-detail li .overlay{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}
#main .m-visual .vis-detail li .txt{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50% , -50%);color:#fff;z-index:3;}
#main .m-visual .vis-detail li:nth-child(1){ -webkit-animation: fadein 0.5s linear forwards;}
#main .m-visual .vis-detail li:nth-child(2){ -webkit-animation: fadein 0.5s linear 0.3s forwards;}
#main .m-visual .vis-detail li:nth-child(3){ -webkit-animation: fadein 0.5s linear 0.8s forwards;}
#main .m-visual .vis-detail li+li{margin-left:2.5rem;}

.visible, .invisible {opacity: 0.0;transition: opacity 0.5s ease;}
.visible {opacity: 1.0;}

[data-slideInLeft].visible, [data-slideInLeft].invisible,
[data-slideInRight].visible, [data-slideInRight].invisible ,
[data-slideInBottom].visible, [data-slideInBottom].invisible {
    opacity: 1.0;
    transform: translate(0, 0);
    transition: transform 0.8s ease, opacity 0.8s ease;
}

[data-slideInLeft].invisible {
    opacity: 0.0;
    transform: translate(10px, 0);
}

[data-slideInRight].invisible {
    opacity: 0.0;
    transform: translate(-10px, 0);
}

[data-slideInBottom].invisible {
    opacity: 0.0;
    transform: translate(0, 10px);
}

@keyframes ChevronAnimation {
	0% {
		transform: translateY(3px);
		opacity: 1
	}
	50% {
		transform: translateY(8px);
		opacity: 0
	}
	60% {
		transform: translateY(3px);
		opacity: 0
	}
}

.container-fluid:after{content:"";display:block;clear:both;}

#main #col-main{float:left;width:66%;}
#main #col-side{float:right;width:34%;}
#main #col-schedule{width:100%;}
#main .title-box{position:relative;font-size:1.625rem;font-weight:600;letter-spacing:-0.05rem;height:5rem;font-family:'GmarketSans', sans-serif ;color: var(--main-result-titleFont); line-height:5rem;padding-left:2rem;}
#main .title-box h2{font-size:1.625rem;}
#main .title-box h2, #main .title-box small{display:inline-block;}
#main .title-box small{font-weight:400;padding-left:0.813rem;color:#575757;font-size:1rem;}
#main .date-box:after{content:"";display:block;clear:both;}
#main .date-box h3{float:left;font-size:1.250rem;}
#main .date-box button{float:right;}
.m-notice .title-box{padding-left:1rem;background: var(--main-notice-titleBackground);}
.m-notice .tab_content a, .side-board .tab_content a{font-family:'SCoreDream', sans-serif;font-size:1.375rem;font-weight:400;letter-spacing:-0.05rem;}
.tab_container{position:relative;}
.tab_content .btn-more{position:absolute;top:-5.3rem;right:1.5rem;font-size:2.5rem!important;color:#fff;}
.side-board .btn-more{position:absolute;top:0rem;right:1.5rem;font-size:2.5rem!important;color:#fff;font-family: 'SCoreDream', sans-serif;font-weight:400;}


.side-board .title-box{background: var(--main-result-titleBackground); }
.side-board .schedule, .rank{ background: var(--main-ranking-titleBackground);}
.m-notice ul{padding-right:2rem;}
.board-latest ul{border:1px solid #d3d2d2;}
.board-latest li+li{border-top:1px solid #f0f1f3}
.board-latest li>a{position:relative;display:block;padding:0.8rem 8rem 0.8rem 1rem;font-size:1.375rem;letter-spacing:-0.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-latest li>a:before{content:"";display:block;width:3px;height:3px;background:#41434b;position:absolute;left:0;top:50%;}
.board-latest li>a small{position:absolute;top:0;right:0;color:#a5a5a5;letter-spacing:0;font-family:'GmarketSans', sans-serif ;font-size:1.125rem;padding-top:1.2rem;}
.side-board ul{background:#efefef;padding:1.2rem;min-height:300px;}
.side-board .board-latest li{text-align:center; position:relative;display:block;padding:0.8rem 0.8rem 0.8rem 1rem;font-size:1.375rem;letter-spacing:-0.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-board .board-latest li+li{border-top:1px solid #d0d0d0}
.side-board .board-latest li>a:before{content:"";display:block;width:3px;height:3px;background:#c1c1c1;position:absolute;left:0;top:50%;}

.m-bnr ul{width:100%;display:flex;flex-direction: row;justify-content: space-between;flex-wrap:nowrap;margin:2rem 0}
.m-bnr li{flex-basis:138px;}
ul.m-bnr { background-color: var(--main-result-bodyBackground); }

.bnr-ico li{position:relative;padding-left:3rem;}
.bnr-ico li a{display:block;font-size:1.25rem;padding:2rem 1rem}
.bnr-ico li a:before{content:"";display:block;width:2rem;height:2rem;background-size:100% auto;position:absolute;top:50%;left:0.5rem;transform:translateY(-50%)}
.bnr-ico li a:after{content:"";display:block;width:0.688rem;height:1.250rem;position:absolute;top:50%;right:0.5rem;transform:translateY(-50%);background:url("../img/ui/ui-btn-arr.svg") 0 50% no-repeat;}
.bnr-ico li:nth-child(1) a:before{background:url("../img/ico-info.svg") 0 50% no-repeat;}
.bnr-ico li:nth-child(2) a:before{background:url("../img/ico-team.svg") 0 50% no-repeat;}
.bnr-ico li+li{border-top:1px solid #d3d2d2}

.bnr-link li{border:1px solid #d3d2d2;margin-bottom:0.5rem;text-align:center;}
.bnr-link li a{font-size:0;display:block;}
.bnr-link li img{height:100%;}


th { background-color: #f5f5f5; text-align: center; }
td { background-color: #ffffff; text-align: center; }

td, th { font-size:1.1rem; border: 1px solid #ddd; padding: 7px;  }


/* 메인??? 각종(?????, ????, ??) 기록? */
.ranking-box { display: flex; justify-content: space-between; gap:20px; flex-wrap: wrap;}
.ranking-box > div { /* width:33.33333%; */}
.ranking-box h3 {padding:20px 0 10px 0;}
.ranking-box table { width:100%; border:1px solid #ddd; }
.ranking-box table tr { height:3rem; }
.ranking-box table thead th {background-color: #efefef; text-align: center;}
.ranking-box table tbody td { text-align: center; font-size:1.2rem;}
.bat-rank { }

.title-box form{position:absolute;top:0rem; right:1.5rem; font-size:1.3rem!important; font-family: 'SCoreDream', sans-serif;font-weight:400;}
.title-box form select { background-color: #013566; }

#leagueChoice { display:flex; justify-content:space-between; margin-bottom:20px;}

#guideMessage { margin-bottom:1em; position: relative; }
#guideMessage p.yearBox { position: absolute; top:0; right:0; }


 /* 경기?? ?? ? ?? ?? ul */
#monthChoice ul {
    display: flex;       /* ?? 배치 */
    flex-wrap: wrap;
    gap:10px;
    list-style: none;    /* 기본 불릿 ?? */
    padding: 0; margin: 0 0 1.5rem 0;
}

/* 경기?? ?? ? ?? ?? li */
#monthChoice ul li { background-color: #005aab;  line-height: 1.8rem; border-radius: 10px; flex: 1; /* ??? ?? 분배 */  text-align: center;  /* ??? 중앙 ?? */ }
#monthChoice ul li a { width:100%; height:100%; display:inline-block; color:#fff; padding:5px 0; border: 1px solid;  }

p.sc_time { color: var(--main-schedule-timeFont); }
p.sc_team a i { font-size:1rem; padding:0 2px; color:#686868; }

.team-rank, .bat-rank, .pitcher-rank {
    flex: 1; /* 기본??? 같?? 비율? 차?? */
    min-width: 350px; /* 최소 ?? ?? */
}

.table-container { width: 100%; overflow-x: auto; }
.table-container table { width: 100%;}
.table-container .borderBlack { border:1px solid #000!important; }

table.rankTable thead th {  }
table.rankTable th, table.rankTable td {
  border-left: none;
  border-right: none;
}

/* top5, ???목록 ??? 개수? ???? ? 경우 마??? div? 100%차???? 것을 50%? 줄이? ?? 코드 */
/*
#simpleRankWrap > .table-container:nth-of-type(odd):last-child {
    flex: 0 0 calc(50% - 15px);
    max-width: 50%;
}
*/

/* ??? tr? 첫번? td? 고정?? ?? css */
.firstTdFixed th:first-child,  .firstTdFixed td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    /*background-color: #ffffff;
     background-color: #f5f5f5; */
}

.pdSmall th, .pdSmall td { padding:6px; }

span.rankNo { display:inline-block; text-align:center; height:25px; width:25px; font-size:0.8em; background-color:#14275f; color:white;padding:3px 3px 2px 3px;margin-right:5px; border-radius:50%; }
/* ??? tr? ?번째 td? 고정?? ?? css */
/*
.firstTdFixedth:nth-child(2), .firstTdFixed td:nth-child(2) {
    position: sticky;
    left: 57px; -- ? 번째 ?? ?비에 맞춰? ?. ?: 30px + padding 고려
    z-index: 1;
    background-color: #f5f5f5;
}
*/

/* 간단 ?????, ????,???? ??? 감싸? div */
#simpleRankWrap { display:flex; gap:30px; flex-wrap: wrap; } /* gap ?기?? ??? simpleRank? flex ? 조절?? ? ?? -15px? 경우 ???? 30px */

span.jdp1 { position: absolute; top: 0px; right: 5px; color: blue; }
span.jdp2 { position: absolute; top: 0px; right: 5px; color: red; }

/* 경기결과 ??? ?? */
.resultUnitLap { margin-bottom: 30px; flex: 0 0 calc(50% - 15px);}
/* .resultUnitLap.simpleRank { flex: 1 1 calc(50% - 15px); } */
.resultGameInfo {
    margin:10px 0;
    display:flex;           /* ? ?? ? 간격 */
    flex-wrap: wrap;        /* 줄바? ?? (?? ????? 경우 ??) */
    max-width: 100%;
}

/* ȸĢ,   */
h5.rule-ttl { font-size:1.3rem; margin:30px 0 10px 0;}
ul.rule-item li { padding:5px; line-height: 1.5rem;}


/*     */

.resultBadge{
  position:relative;
  top:-3px; /*   ʾƼ  ణ ø */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;           /*  ũ */
  height: 24px;          /*  ũ */
  color: #fff;           /*   */
  border-radius: 50%;    /* ׶ */
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;  /*     */

}

.badgeWin { background: #ff0000;   /*    */ }
.badgeFail { background: #0000ff;   /*   */ }
.badgeNoth { background: #525252;   /*   */ }


.resultGameInfo p { margin-right:30px; }
.resultGameInfo p i { margin-right:5px; }
.resultUnitLap #gameResultTbl td { text-align:center; }

h3.result-title {
    position: relative;
    display: flex;
    align-items: center;
    gap:5px;
}

h3.result-title::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #888888;
    margin-left: 10px;
  }

#teamInfoWrap { display: flex; flex-wrap: wrap; gap: 20px; }
#teamInfoWrap #teamImg, #teamInfoWrap #teamInfo { flex: 1 1 300px;  min-width: 400px;  }
#teamImg { width:40%; display: flex; justify-content: center; align-items: center; align-items: flex-start; /* ?? ?? */}

  #teamImg img { max-width: 100%; height: auto; display: block; }

/* sitBtnGroup : ???기록 ? 개인기록 ??? ? ??? 기록 버튼 모음 */
#sitBtnGroup { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 8px 0; }
#sitBtnGroup > p { width:150px; padding: 6px 14px; font-size: 1em; border-radius: 4px; }
#sitBtnGroup > p:first-of-type { /* font-weight: bold; color: #333; margin: 0; background-color:rgb(125, 147, 170); width:150px; */  } /* ??????? ????? */
#sitBtnGroup > p:not(:first-of-type) { margin: 0; } /* 버튼 ????? */

/* 링크? ??? 버튼처럼 */
#sitBtnGroup a {
    display: inline-block;
    width:150px;
    padding: 6px 14px;
    font-size: 1em;
    color: #fff;
    background-color: #007bff;
    border: 1px solid #007bff;
    border-radius: 4px;
    text-align:center;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

#sitBtnGroup a:hover { background-color: #0056b3; transform: scale(1.05);}

p.contentNone { font-weight: 600; text-align:center; padding:20px; margin:30px; color: #9e9e9e; }

/* ???? ? 기록 ??? ???? */
.player-profile { display: flex; flex-wrap: wrap; border: 1px solid #ccc;  padding: 16px;  gap: 16px; }
.player-photo img { width: 150px; height: auto; object-fit: cover; border: 1px solid #ddd; border-radius: 6px; }
.player-info { flex: 1; min-width: 220px; display: flex; flex-direction: column;  gap: 8px; }
.info-row { display: flex; border-bottom: 1px dashed #eee;  padding: 6px 0; }
.player-info .label { font-weight: 600; color: #333; border:1px solid #0000ff;}
.player-info .value { color: #555;  border:1px solid #0000ff;}
/* ? - ???? ? 기록 ??? ???? */

/* FOOTER */
#footer {padding:0;text-align: left; color: #333;font-size:0.875rem;}

#footer .f-service{background:#e3e6eb;}
#footer .f-service>li{float:left;line-height:65px;}
#footer .f-service:after{content:"";display:block;clear:both;}
#footer .f-menu{float:left;background:#e3e6eb;}
#footer .f-menu li{position:relative;float:left;line-height:4.063rem;padding: 0 1rem;}
#footer .f-menu li+li:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:10px;background:#cecece;transform:translateY(-50%);}
#footer .f-menu li:first-child{padding-left:0;}
#footer .f-menu li a{display:block;font-family:'GmarketSans', sans-serif;font-size:1rem;color:#3d464d;padding-top:0.2rem;}
.link-sel-wr{float:right;position:relative;font-size:0;margin:0.938rem 0;}
.link-sel{position:relative;vertical-align:top;font-size:1rem;color:#525b62;z-index:1;text-align:center;width:180px;display:inline-block;background:#d1d5db;}
.link-sel .link-title{border-right:1px solid rgba(255,255,255,.2);}
.link-sel:first-of-type .link-title{border-left:1px solid rgba(255,255,255,.2);}
.link-list{position:absolute;bottom:45px ;padding: 0; height: 0; padding-left:15px; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:1000;overflow:hidden;}
.link-list a{padding:0.4rem 0 0 0;display:block;}
.link-list a:hover{color:#9adfff;}
.link-sel .link-title{position:relative;display:block;line-height:36px;width:100%;;text-align:left;padding-left:20px;padding-right:20px;box-sizing:border-box;}
.link-sel .link-title:before {content: "";position:absolute;top:50%;right:1rem;width:0.6rem;;height:0.635rem;transform:translateY(-50%);background:url("../img/ui/ui-sel-arrf.svg") 50% 50% no-repeat;}
.link-sel.open .link-title:before {content: "";position:absolute;top:50%;right:1rem;width:8px;height:5px;transform:translateY(-50%);}
.link-sel.open .link-list {position:absolute;width:100%;bottom:36px;padding: 0; height:220px;overflow:auto; opacity: 1;background:#2f2f2f;border:1px solid #a1a1a1;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;padding-left:15px;font-weight:400;font-size:0.875rem;box-sizing:border-box;}
.link-sel .link-list li{text-align:left;padding:0 0 0.3rem  0 ;}
.link-sel .link-list li a{display:block;position:relative;padding-left:0.1rem;}
.link-sel .link-list li a:before{position:absolute;top:60%;left:-0.2rem;width:3px;height:2px;background:#ccc;content:"";}
.link-sel.open .link-list li a{font-weight:400;color:rgba(255,255,255,.8)}
.link-sel.open .link-list li a:hover{color:#9adfff;}

.link-sel+.link-sel{margin-left:1rem;}

#footer h1{position:absolute;top:2.7rem;left:50;width:182px;height:48px;background:url( "../img/logo-f.png") 0 0 no-repeat;background-size:100% auto;}
#footer address {padding-left:240px;display: block; line-height: 1.6;font-size:0.875rem;font-style:normal;padding:2.5rem 2.5rem 2.5rem 220px;}
#footer address p{color:#333;padding-bottom:0.1rem;font-weight:400;}
#footer small { display: block;margin-top: 1rem;text-transform: uppercase;}
#footer .bar {padding: 0 10px; color: #ccc; font-weight: 300; font-size: 90%}

.index-popup p {background: #343434;color: #fff;font-size: .875rem;padding: .5rem 1rem; text-align: right;line-height: 1rem;}
.index-popup p span {display: inline-block;vertical-align: top;}
.index-popup p i {font-size: 1rem;margin-left: 5px;}
.popup.map-detail {width: 1200px;}

/* SUB */
.s-visual{position:relative;height:340px;overflow:hidden;}
.s-visual .bg{display: block;position: absolute; left: 50%; top: 0;height:100%;transform:translateX(-50%); animation:a-scale 2s;-moz-animation: a-scale 2s; -webkit-animation: a-scale 2s; -o-animation: a-scale 2s;max-width:none;}
.s-visual h2{color:#fff;padding-top:150px;float:right;font-size:3.438rem;font-weight:500;letter-spacing:-0.1rem;}
.s-visual h2 p{font-size:1.875rem;font-weight:300;}
.s-visual h2 p span{color:#146eb1;}
.snb-wr{background:#464646;font-size:0;position:relative;}
.snb-wr .home{position:absolute;top:0;left:0;;width:50px;height:50px;border-right:1px solid #909090;background:url("../img/ui-home.png") 50% 50% no-repeat; }
.snb-sel-wr{margin-left:50px;}
.snb-menu{position:relative;display:inline-block;width:250px;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:1;text-align:center;}
.snb-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
.snb-list a{padding:0.4rem 0 0 0;display:block;text-align:left;}
.snb-list a:hover{color:#146eb1;}
.snb-menu .snb-title{position:relative;display:block;line-height:50px;border-right:1px solid #909090;text-align:left;font-size:1.125rem;padding:0 1.5rem;}
.snb-menu .snb-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#464646;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #6c6c6c;}
.snb-menu.open .snb-list li a{height:40px;line-height:40px;padding:0 1.5rem;border-bottom:1px solid #6c6c6c;border-right:1px solid #6c6c6c;border-left:1px solid #6c6c6c;display:block;}
.snb-menu.open .snb-list li a:hover{background:#383838}
.snb-menu.open .snb-title.open{background:#2f2f2f}
.snb-menu.open .snb-list  li.active a{position:relative;background:#383838;color:#146eb1}
.snb-menu.open .snb-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

/* CONTENTS */
.contents-wr{min-height:500px;padding:3.313rem 0;}
.contents-wr h2.title{position:relative;font-size:1.750rem;padding-left:1.5rem;margin-bottom:2.188rem}
.contents-wr h2.title:before{content:"";display:block;width:13px;height:21px;background:url("/img/ui-contents-title.png") 0 0 no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%)}

.tabs-dp3 ul{font-size:0;}
.tabs-dp3 li{display:inline-block;}
.tabs-dp3 li a{display:block;border:1px solid #e4e4e4;font-size:1.125rem;height:3.500rem;line-height:3.500rem;text-align:center;margin:-1px 0 0 -1px;background:#f5f5f5;}
.tabs-dp3 li.active a{background:#a8906d;color:#fff;border-color:transparent;font-weight:400;}
.tabs-dp3 li:last-child a{border-right:1px solid #e4e4e4;}
.tabs-col4 li{width:25%;}
.tabs-col5 li{width:20%;}
.tabs-col6 li{width:16.666%;}
.tabs-col8 li{width:12.5%;}
.tabs-col9 li{width:11.1111%;}
.tabs-col10 li{width:10%;}

.tabs-menu{position:relative;display:inline-block;width:300px;vertical-align:top;font-size:0.875rem;color:#fff;text-align:center;background:#a8906d;z-index:1;}
.tabs-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
.tabs-list a{padding:0.4rem 0 0 0;display:block;text-align:left;}
.tabs-list a:hover{color:#146eb1;}
.tabs-menu .tabs-title{position:relative;display:block;line-height:50px;border-right:1px solid #909090;text-align:left;font-size:1.125rem;padding:0 1.5rem;}
.tabs-menu .tabs-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.tabs-menu.open .tabs-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.tabs-menu.open .tabs-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#f5f5f5;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #e4e4e4;overflow:auto;}
.tabs-menu.open .tabs-list li a{height:50px;line-height:50px;padding:0 1.5rem;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;display:block;color:#777}
.tabs-menu.open .tabs-list li a:hover{background:#fff;color:#222;}
.tabs-menu.open .tabs-title.open{background:#a8906d;}
.tabs-menu.open .tabs-list  li.active a{position:relative;background:#fff;color:#222}
.tabs-menu.open .tabs-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

.contents-wr .col-col4-lg li{width:25%;display:inline-block;}
.contents-wr .col-col3-lg li{width:33.3333%;display:inline-block;}
.article-wr, .edu-wr, .stats-wr, .org-wr{padding-top:3.750rem}
.contents-wr h3.title{position:relative;text-align:center;font-size:2rem;font-weight:300;padding-bottom:0.8rem;}
.contents-wr h3.title:after{content:"";width:2.5rem;height:1px;background:#a8906d;position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;}



/* ?????? ?????? */

#container_wr .vis{position:relative;display:block;height:214px;overflow:hidden;}
#container_wr .vis .slogan{padding-top:3.5rem;}
#container_wr .vis .slogan h2{font-size:3rem;display:inline-block;padding:0 1rem;border-left:1px solid #333;border-right:1px solid #333;font-weight:400;letter-spacing:-0.3rem;line-height:2.8rem;color:#403c34;transition:all 1s ease;opacity:0;transform:translateY(30px)}
#container_wr .vis .slogan>span{color:#7b7b7b;font-size:1.125rem;vertical-align:top;display:inline-block;padding-left:1rem;letter-spacing:-0.05rem;line-height:1.3rem;font-weight:400;padding-top:0.3rem;transition:all 1s ease;opacity:0;transform:translateY(30px)}
#container_wr .vis .slogan h2{-webkit-animation: fadein 1s ease forwards; transform:translateY(0px);-ms-animation:fadein 1s ease forwards;}
#container_wr .vis .slogan>span{-webkit-animation: fadein 1.3s ease 0.5s forwards; transform:translateY(0px);-ms-animation: fadein 1.3s ease 0.5s forwards;}
#container_wr .vis .vis-img img{display:block;position:absolute;top:0;left:50%;height:100%;max-width:none;transform:translateX(-50%);}

.snb-wr{position:relative;left:0;top:-50px;;background:rgba(17,79,163,.9);font-size:0;width:100%;z-index:100}
.snb-wr .home{position:absolute;top:0;left:0;;width:50px;height:50px;border-right:1px solid rgba(255, 255, 255, .3);background:url("/img/ui-home.png") 50% 50% no-repeat; }
.snb-sel-wr{margin-left:50px;}
.snb-menu{position:relative;display:inline-block;min-width:250px;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:1;text-align:center;}
.snb-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
.snb-list a{padding:0.4rem 0 0 0;display:block;text-align:left;}
.snb-list a:hover{color:#fff;}
.snb-menu .snb-title{position:relative;display:block;line-height:50px;border-right:1px solid rgba(255, 255, 255, .3);text-align:left;font-size:1.125rem;padding:0 3rem 0 1.5rem;}
.snb-menu .snb-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#07164d;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #1e3176;}
.snb-menu.open .snb-list li a{height:40px;line-height:40px;padding:0 1.5rem;border-bottom:1px solid #1e3176;border-right:1px solid #1e3176;border-left:1px solid #1e3176;display:block;}
.snb-menu.open .snb-list li a:hover{background:#0e1f5e}
.snb-menu.open .snb-title.open{background:#07164d}
.snb-menu.open .snb-list  li.active a{position:relative;background:#0e1f5e;color:#fff}
.snb-menu.open .snb-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

.acc-eng{display:block;font-size:1.125rem;color:#005aab;font-family:'GmarketSans', sans-serif;margin-bottom:1rem;}

/* ?????? ???? */
.quick-wr{position:fixed;top:50%;right:0;width:120px;background:#fff;}
.list-quick li{height:2.8rem;text-align:center;line-height:2.8rem;}
.list-quick li+li{border-top:1px solid #eee;}
.list-quick li a{display:block;height:3.5rem;padding-top:0.2rem;}
.list-quick li a:hover{color:#1469b5;font-weight:600}
.list-quick li:first-child{background:url("../img/bg-service.jpg") 0 0 no-repeat;background-size:cover;color:#fff;font-weight:600;padding-top:0.2rem;}

/* ????????? ?????? */
.ctt_admin{position:absolute;top:100px;right:1rem;}
.container-contents{padding-top:2.5rem;min-height:700px;padding-bottom:3rem;}
/*
#container_title{text-align:center;position:relative;z-index:3;}
#container_title span{position:relative;text-align:center;font-size:2.188rem;display:inline-block!important;font-weight:400;letter-spacing:-0.05rem;}
#container_title span:after{position:absolute;left:50%;bottom:-15px;content:"";display:block;width:40px;height:1px;background:#000;transform:translateX(-50%)}
.title-small{text-align:center;letter-spacing:0.5rem;color:#7b98ac;font-size:1.250rem;display:block;text-transform:uppercase;padding-bottom:3rem;padding-left:0.5rem;padding-top:0.5rem;z-index:3;position:relative}
*/

.location-path{padding-bottom:2.125rem;}
.location-path:after{content:"";display:block;clear:both;}
.location-path li{position:relative;float:left;font-size:0.875rem;padding:0 1rem 0 1.5rem;}
.location-path li+li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";display:block;width:7px;height:13px;background:url("../img/ui/ui-path-arr.svg") 0 50% no-repeat;}
.location-path li:first-child{height:18px;padding-left:0;}
.location-path li a{display:block;width:18px;height:18px;background:url("../img/ico-home.svg") 0 50% no-repeat;}
.stitle-box{position:relative;font-size:1.250rem;font-weight:600;letter-spacing:-0.05rem;margin-bottom:2.125rem;padding-bottom:0.4rem;}
.stitle-box:after{content:"";display:block;clear:both;}
.stitle-box:before{content:"";display:block;width:22px;height:4px;background:#005aab;position:absolute;bottom:0;left:0;}
.stitle-box h2{float:left;font-size:2rem;font-family:'GmarketSans', sans-serif;}
.stitle-box h2 span{display:inline-block;}
.stitle-box h2 small{font-size:1rem;font-weight:400;color:#575757;}
.stitle-box .sel{float:right;}





/* ?????? */

.evenTrbg tbody tr:nth-child(even) td { background-color: #f5f5f5 !important; }

#recordTable .highlight-cell { background-color: #fff6b1 !important;  } /* 기록 ??? ?? 기록? 배경? ?? */


table.table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table.table.type1{}
table.table.type1 thead th{padding:0.7rem 0.7rem;font-size:1.125rem;color:#000;border-top:2px solid #000;border-bottom:1px solid #000;text-align:center;}
table.table.type1 tbody td{padding:0.7rem 0.7rem;font-size:1.125rem;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;text-align:center;}
table.table.type1 tbody td:last-child{text-align:left;}
table.table.type1.type-ct tbody td:last-child{text-align:center;}
table.table.type1 tbody th{background:#f6f6f6;border-bottom:1px solid #d3d2d2;font-size:1.125rem;}
table.table.type1 tbody th.th-g{background:#f2f2f2;border-bottom:1px solid #d3d2d2;color:#333;}
table.table.type1 tbody th.th-n{background:#09325b;border-bottom:1px solid #1c4a77;color:#fff;}
table.table.type1 tbody th.th-b{background:#585f66;border-bottom:1px solid #7a7f84;color:#fff;}
table.table.type1 tbody td.num{color:#09325b;font-weight:500;}

table.table.type1.dbl thead th{line-height:1.125rem;}
table.table.type1.dbl thead th.th-cate1{background:#e5ebf2;}
table.table.type1.dbl thead th.th-cate2{background:#ebf4e5;}
table.table.type1.dbl thead th.th-sec{border-top:1px solid #eee;background:#f9f9f9;font-size:1rem;color:#555;}
table.table.type1.dbl tbody th{background:#09325b;border-bottom:1px solid #1c4a77;color:#fff;}
table.table.type1.dbl tbody th.th-g{background:#b49871;border-bottom:1px solid #c6ad8b;color:#fff;}
table.table.type1.dbl tbody td:last-child{text-align:center;background:#eee;}

table.table.type2{border-top:0;min-width:1100px;}
table.table.type2 thead{border-top:1px solid #000;}
table.table.type2 thead th, table.table.type2 tbody th{padding:0.5rem 0.5rem;text-align:center;background:#f2f2f2;border:0;border-bottom:1px solid #d3d2d2;color:#333;font-size:1.125rem;}
table.table.type2 thead th.th-g{background:#5f5b55}
table.table.type2 thead th.th-g{border-left:1px solid #6e6b65;}
table.table.type2 thead td, table.table.type2 tbody td{padding:0.5rem 0.5rem;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;text-align:center;background:#fff;font-size:1.125rem;}
table.table.type2 tbody td:first-child{border-left:0;}

table.table.type3{border-top:1px solid #000;min-width:1100px;}
table.table.type3 tbody th{padding:0.5rem 0.5rem;font-size:1rem;text-align:center;background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;}
table.table.type3 tbody th.th-b{background:#5f5b55;color:#fff;border-bottom:1px solid #6e6b65;}
table.table.type3 tbody td{padding:0.5rem 0.5rem;font-size:1rem;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;text-align:center;background:#fff;}
table.table.type3 tbody td:first-child{border-left:0;}



/* ??????? */


.schedule-list{width:100%;border-spacing:0;border-collapse:collapse;text-align:center;color:#333;}
.schedule-list .badge-notice{color:#005aab;}
.schedule-list th{ background-color: #efefef; border:1px solid #ddd; font-size:1.2rem;padding:0.8rem;font-weight:400;}
.schedule-list tbody th, .schedule-list tbody td{padding:0.8rem 0; width:16.66667%;}
.schedule-list td{font-size:1.1rem; border:1px solid #ddd;}
.schedule-list tbody td.subject{text-align:left;}

.tblFixed { table-layout: fixed; }
.tblFixed th, .tblFixed td { font-size:1em; text-align: center; word-wrap: break-word; }


span.vs { font-size: 0.9rem; color:#013566; }
p.gameday { width:100%; background-color:var(--main-schedule-dateBackground); color: var(--main-schedule-dateFont);  top: 0px;    left: 0%;   padding: 5px; margin-bottom: 15px; position: absolute11; }

.board-header:after{content:"";display:block;clear:both;}
.board-header{padding-bottom:1rem;}
.board-header button.mid{min-width:100px; text-align:center;font-family:'SCoreDream', sans-serif;font-size:0.9rem;}
.board-header .total{display:inline-block;font-size:0.938rem;padding-top:0.6rem;}


.board-list{width:100%;border-spacing:0;border-collapse:collapse;text-align:center;color:#333;}
.board-list .badge-notice{color:#005aab;}
.board-list thead th{border-top:2px solid #242b35;border-bottom:1px solid #242b35;font-size:1.063rem;padding:0.8rem;font-weight:400; border-left: none; border-right: none;}
.board-list tbody th, .board-list tbody td{padding:0.8rem 0; border-left: none; border-right: none;}
.board-list td{border-bottom:1px solid #ddd; }
.board-list tbody td.subject{text-align:left;}

.board-view{width:100%;font-family:'GmarketSans', sans-serif }
.board-view .view-title{border-top:2px solid #242b35;border-bottom:1px solid #242b35;text-align:center;padding:1.3rem 0;}
.board-view .view-title h3{font-size:1.625rem;padding-bottom:0.5rem;font-weight:500;}
.board-view .view-title span{position:relative;display:inline-block;color:#adadad;padding:0 1rem;}
.board-view .view-title span+span:before{content:"";display:block;clear:both;position:absolute;top:50%;left:0;width:1px;height:12px;transform:translateY(-50%);background:#ddd;}
.board-view .view-contents{padding:3rem 1rem;font-family:'SCoreDream', sans-serif;font-size:1rem;border-bottom:1px solid #242b35;}
.board-view-item {border-bottom:1px solid #242b35;}
.board-view-item li{font-family:'SCoreDream', 'GmarketSans', sans-serif;display:flex;font-size:1rem;}
.board-view-item li span{flex-basis:120px;padding:1rem;}
.board-view-item li span.title{background:#f8f8f8;text-align:center;font-weight:500}
.board-view-item li span.cont{flex:1;font-family:'SCoreDream', sans-serif;}
.board-view-item li span.cont p+p{margin-top:0.2rem;}
.board-view-item li span.cont p a{text-decoration:underline}


.board-write{border-top:2px solid #242b35;}
.board-write tbody td{padding-left:1rem;}
.board-write td .form-control{width:100%;}
.board-write tbody th{background:#f8f8f8;border-bottom:1px solid #ddd;}

.btn-set{margin-top:1rem;}
.btn-set button{min-width:80px;text-align:center;font-family:'SCoreDream', sans-serif;font-size:0.9rem;}
.btn-set button+button{margin-right:0.5rem;}
button.gray{padding:0.5rem;text-align:center;background:#42464a;color:#fff;}
button.gray.line{color:#333!important;border:1px solid #333!important;}

.srch-box{width:500px;margin:0 auto;display:flex;}

.wauto-wrap{position:relative;}
.auto-info{position:relative;background:#f4f4f4;font-size:1rem;color:#555;text-align:center;padding:0 3rem;display:none;}
.auto-info:before{content:"";width:1.625rem;height:1.438rem;display:block;position:absolute;top:50%;left:1rem;transform:translateY(-50%);background:url("../img/ui/ui-ico-wleft.png") 0 0 no-repeat;background-size:100% 100%;}
.auto-info:after{content:"";width:1.625rem;height:1.438rem;display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:url("../img/ui/ui-ico-wright.png") 0 0 no-repeat;background-size:100% 100%;}
.auto-info .ico{position:relative;padding:1.5rem 0;display:inline-block;}
.auto-info .ico:before{content:"";display:block;width:2.188rem;height:2.563rem;background:url("/img/ui-ico-wauto.png") 0 50% no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%);background-size:100% 100%;}


p.search1 {font-family:'SCoreDream', sans-serif;font-size:1.375rem;font-weight:400;letter-spacing:-0.05rem; padding:1.5rem 0 0.7rem 0;}
p.search2, p.search3 {font-family:'SCoreDream', sans-serif;font-size:1rem;font-weight:400;letter-spacing:-0.05rem; padding:0.3rem 0;}
p.search3 { padding-bottom:1rem; }


.breadcrumb {text-align: right;font-size: .812rem;margin-bottom: 15px;margin-top: -27px;line-height: 30px;}
.sub-top {display: none}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {padding: 15px 0}
.sub-content .btn-home img {max-width: 30%}
.sub-category {position: relative;margin-top: 40px; z-index: 22;}
.terms {min-height: 15.625rem;border: 1px solid #e5e5e5;}
.form {}
.form span.bar {padding: 0 5px;line-height: 30px;min-width: 20px;}
.form table.table {border-bottom: 1px solid #333}
.form table.table th {padding-left: 2rem;background: #f8f8f8;height: 50px; font-weight: 600;}
.form table.table th span {width:10px;display: inline-block;color: #e02d56;margin-left: -10px;}
.form table.table td .help-block {display: inline-block;margin-left: 15px;}
.form table.table td .btn {min-width: 90px;}
.form table.table td .checkbox, .form table.table td .radio {margin: 0;}
.form .form-group {max-width: 98%;}
.form .email div>div, .form .addr div>div{margin-bottom: 5px;}
.form .email div>div:last-child, .form .addr div>div:last-child  {margin: 0;}
.form .btn-box .btn {width: 120px;height: 40px;font-size: 15px;}
.form .form-group .help-block {line-height: 2rem}


/* ??????????????? */
.list-info{padding:0 1rem}
.list-info:after{content:"";display:block;clear:both;}
.list-info li{position:relative;font-size:1.25rem;padding:0.7rem 0;}
.list-info li .tit{display:block;color:#3886dd;}
.list-info li .cont{}
.list-info li+li{border-top:1px solid #d3d2d2;}

.title-h3{position:relative;font-family:'GmarketSans', sans-serif ;font-size:1.500rem;color:#333;font-weight:600;padding-left:2rem;}
.title-h3 span.num{display:block;position:absolute;left:0;top:0;color:#5788cb;font-size:1.25rem;font-weight:400;}
.title-h3 span.num:after{content:"";display:block;width:100%;height:1px;background:#5788cb;position:absolute;left:0;bottom:0;}

.title-h3-org{position:relative;font-family:'GmarketSans', sans-serif ;font-size:1.500rem;color:#333;font-weight:600;padding-bottom:1rem;margin-top:3rem;}

.exp-w{display:block;position:relative;padding:1rem;padding-left:1.5rem;font-size:1rem;}
.exp-w:before{content:"";display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url("../img/ui/exp-w.svg") 0 0 no-repeat;background-size:100% auto;}

.cont-basic{font-size:1.25rem;}

.list-join{border:1px solid #eee;}
.list-join .title{position:relative;display:block;text-align:center;padding:5rem 0 2rem 0;font-weight:600;font-size:1.25rem;}
.list-join .title:before{content:"";display:block;width:3rem;height:3rem;position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);background:#369af2;border-radius:50%;color:#fff;padding-top:0.9rem;font-size:1rem;}

.join-process--wr .col-md-4:nth-of-type(1) .title:before{content:"01"}
.join-process--wr .col-md-4:nth-of-type(2) .title:before{content:"02"}
.join-process--wr .col-md-4:nth-of-type(3) .title:before{content:"03"}
.join-arr{padding: 0 0.5rem;width:2rem;}
.join-process--wr > .row > div+div{padding-left:2rem;}
.join-process--wr > .row > div+div:before{content:"";display:block;width:1rem;height:100%;position:absolute;top:0;left:0;background:url(../img/ui/ui-btn-arr.svg) 50% 50% no-repeat;}
.list-join .cont{display:block;padding:1.2rem 1rem;background:#f5f5f5;min-height:5rem;text-align:center;}
.btn-set.ctx{display:flex;justify-content:center;padding:1rem 0;}
.btn-set.ctx button{flex:0 1 250px!important;text-align:center!important;}
.btn-set.ctx button+button{margin-left:0.5rem;}
.list-benefit{display:flex;flex-wrap:wrap;}
.list-benefit > li{flex:0 1 49%;border:1px solid #dfdfdf;padding:2rem 2rem 1.4rem;font-size:1rem;margin-bottom:1.5rem;}
.list-benefit > li+li:nth-child(even){margin-left:2%;}
.list-benefit > li strong{position:relative;padding-left:1.5rem;display:block;font-size:1.125rem;font-weight:600;padding-bottom:0.5rem;}
.list-benefit > li > ul > li{padding-bottom:0.2rem;}
.list-benefit > li strong:before{content:"";display:block;width:1.3rem;height:1.3rem;background: url(../img/ui/ui-check.svg) 0 0 no-repeat;position:absolute;top:0.2rem;left:0;}

/* ?????븝옙 ?????? */

table.type-info {width:100%;border-collapse:collapse;border-spacing:0;}
table.type-info.txc td{text-align:center;}
table.type-info.none{border-top:1px solid #000!important;}
table.type-info thead th{background:#8e99a8;color:#fff;font-size:1.063rem;padding:0.5rem 1rem;font-weight:500;}
table.type-info tbody th{background:#ebedf0;color:#333;}
table.type-info tbody th, table.type-info tbody td{padding:0.5rem 1rem;color:#333;border-bottom:1px solid #c9c9c9;font-weight:400;}
table.type-info tbody td+td{border-left:1px solid #e6e6e6;}
table.type-info tbody tr td:first-child{border-left:1px solid #e6e6e6;}

/* ????????? */
.snb-dp1{display:flex;margin:1rem 0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.snb-dp1 li{flex:1;}
.snb-dp1 li a{display: block;padding:0.8rem 0;font-size:1.125rem;font-weight:500;text-align: center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.snb-dp1 li.active a{background:#122d86;color:#fff;}

.snb-dp2{display:flex;margin:2.5rem 0;justify-content: center;}
.snb-dp2 li a{position:relative;font-size:1.25rem;padding:1rem 0 0.7rem 0;font-weight:500;margin:0 1rem;}
.snb-dp2 li.active a:before{content:"";display:block;position:absolute;bottom:0;left:0;height:3px;width:100%;background: #122d86;}

.greeting-title{font-size:2.125rem;color:#242b35;line-height:2.4rem;}
.greeting-vision{position:relative; font-size:1.375rem;padding-left:1rem;font-weight:500;}
.greeting-vision strong{color:#5788cb;font-weight:500;}
.greeting-vision:before{content:"";display:block;width:3px;height:100%;background:#005aab;position:absolute;top:0;left:0;}
.greeting-cont{position:relative; padding-left:390px;margin-top:3.125rem;background:url(../img/cimg-0101.jpg) 0 0 no-repeat;}
.greeting-cont p{font-size:1.25rem;}
.greeting-name{display:inline-block;margin-top:3rem;font-size:1.125rem;padding:1.5rem 7rem 1.5rem 0;background:url(../img/cimg-0102.jpg) 100% 50% no-repeat;}
.greeting-cont .profile{position:absolute; top:0; left:0; width:309px;height:451px; }
.box-org{border:1px solid #ddd;text-align:center;padding:4rem 2rem}
.greeting-cont .profile .btn{position:absolute;left:0;bottom:0;display:block;width:280px;background:rgba(0,90,171,.8);padding:1.4rem;color:#fff;font-size:1.188rem;font-weight:500;}



.welfare-wr p{font-size:1.25rem;}
.welfare-wr p strong{color:#5788cb;font-weight:500;}
.type-welfare tbody th{border-bottom:1px solid #c7c7c7!important;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7}
.welfare-logo{display:flex;align-items:center}
.welfare-logo img{max-width:8rem;margin-left:1rem;}


.table-layout{display:flex}
.table-layout > div{flex:1;}
.table-layout > div+div{margin-left:1rem;}

.btn-set-cont{display:flex;}
.btn-set-cont button{flex-grow:1;}
.btn-set-cont button:last-child{flex-shrink: 0;flex-basis:100px;}
button.dw{position:relative;flex:1;font-family:'SCoreDream', sans-serif;font-size:1rem;padding:0.5rem 3rem .5rem 1rem;text-align:left;border:1px solid #5788cb;color:#5788cb;background:#fff;font-weight:500}
button.dw:after{position:absolute;top:1px;bottom:0;right:0;width:2.4rem;height:2.3rem;content:"";display:block;background:#f4f6f8 url("../img/ui/ui-download.svg") 50% 50% no-repeat;background-size:50% 50%;}
button.link, a.link {position:relative;flex:1;font-family:'SCoreDream', sans-serif;font-size:1rem;padding:0.5rem 1rem;text-align:left;border:1px solid #5788cb;color:#5788cb;background:#fff;font-weight:500}
button.link:after, a.link:after{position:absolute;top:1px;bottom:0;right:0;width:2.4rem;height:2.3rem;content:"";display:block;background: url("../img/ui/ui-arr.svg") 50% 50% no-repeat;background-size:50% 50%;}
.btn-set-cont button+button{margin-left:1rem;}

a.link.btn-xs{padding:0.3rem 1rem;}

.history-header:after{content:"";display:block;clear:both;}
.history-header .title-history{float:left;color:#3474b7;font-family:'GmarketSans', sans-serif ;font-size:2.5rem;}
.history-header .title-history span{font-size:1.5rem;}

.history-header .link-sel-wr{float:left;margin:0 2rem;}
.history-header .link-sel{position:relative;vertical-align:top;font-size:1rem;color:#fff;z-index:1;text-align:center;width:190px;display:inline-block;background:#8e99a8;}
.history-header .link-sel.open .link-list {background:#808b99;}
.history-header .link-sel .link-title{line-height:2.5rem;padding-right:1rem;}
.history-header .link-sel.open .link-list{padding-left:0;}
.history-header .link-sel.open .link-list li{padding-bottom:0;}
.history-header .link-sel.open .link-list li+li{border-top:1px solid #707e8f;}
.history-header .link-sel.open .link-list li a{color:#fff;padding-top:0; padding:0.5rem 1rem;font-size:0.938rem;}
.history-header .link-sel.open .link-list li a:before{display:none;}
.history-header .link-sel .link-title:before {background:url("../img/ui/ui-sel-arr.svg") 50% 50% no-repeat;width:0.6rem;;height:0.635rem;}

table.history{font-size:1.063rem}


.title-h4{position:relative;font-size:1.25rem;padding:0.6rem 0 0.6rem 2rem;}
.title-h4 .num{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.3rem;height:1.3rem;background:#122d86;color:#fff;font-size:0.938rem;line-height:1.25rem;text-align:center;}

.list-dp1 li{margin-left:1rem;position:relative;font-size:1.063rem;padding:0.3rem 0.6rem;}
.list-dp1 li:after{content:"";display:block;width:3px;height:3px;position:absolute;top:1rem;left:0;background:#5f5f5f;}
.list-dp2.box{background:#ebedf0;padding:0.9rem 0.5rem;margin-top:0.5rem;}
.list-dp2.box>li:after{display:none;}

.list-photo{display:flex;flex-wrap:wrap;justify-content: space-between}
.list-photo li{flex-basis:49%;margin-bottom:1rem;}
.root_daum_roughmap_landing{width:100%!important;}


/* ???책占????? */
.c0201_title{height:154px;background:url("../img/cimg02-01.jpg");background-size:cover;}
.list-policy{margin-top:1.5rem;}
.list-policy li{position:relative;font-size:1.25rem;padding:0.6rem 0 0.6rem 2rem;border-bottom:1px solid #efefef;font-weight:500;}
.list-policy li .num{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.3rem;height:1.3rem;background:#122d86;color:#fff;font-size:0.938rem;line-height:1.25rem;text-align:center;}

.notice-pop{background:#fff;width:300px;height:400px;position:fixed;top:10px;left:10px;z-index:900;border:1px solid #333;}
.notice-pop .pop-panel{padding-bottom:1.3rem;display:flex; align-items: stretch;height:100%;}
.notice-pop .pop-panel img{width:100%;}
.notice-pop .pop-close{width:100%;position:absolute;right:0;bottom:0;background:#000;color:#fff;font-size:0.816rem;padding:0.3rem;text-align:right}
.notice-pop .pop-close .btn-pop-close{border:0;background:none;}

#m-loginOpen .modal-dialog{width: 400px}
#m-loginOpen .btn-login{width:100%;margin-top:1rem;padding:0.5rem;font-size:1rem;}
#m-loginOpen .login-help{position:relative;padding:0.5rem 0 0;display:block;font-size:0.9rem; text-align:right;}
/* #m-loginOpen .login-help:before{content:"";display:block;width:3px;height:3px;position:absolute;top:55%;left:0;background:#333} */

#m-searchOpen .modal-dialog{width:100%;height:100%;margin:0;background:rgba(0,0,0,.85);}
#m-searchOpen .modal-content{height:100%;display:flex;background:none;}
#m-searchOpen .modal-body{width:100%;height:100%;display:flex;align-items: center;justify-content: center;background:none;}
#m-searchOpen .modal-body .close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:url(../img/ui/ui-btn-close.svg) 50% 50% no-repeat;opacity:1;}

.search-group-open{position:relative;width:600px;}
.search-group-open .btn{position:absolute;top:5px;right:0.5rem;width:50px;height:50px;background:#005aab;border-radius:50px;}
.search-group-open .btn:before{content:"";display:block;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url("../img/ui/ui-btn-search.svg") 50% 50% no-repeat;background-size:50% 50%;}
.search-group-open .form-control{width:100%;background:#fff;font-size:1.25rem;letter-spacing:-1px;border-radius:50px;height:60px;padding:0 20px 0 20px;border:0;}


@media (max-width: 1500px) {
    .container-fluid{width:1200px;}
    #header .inc{padding-left:260px;padding-right:240px;}
    #header h1.logo{width:200px;left:2rem;}
    #header h1.logo img{width:180px;height:49px;}
    #header #gnb>ul>li>a{font-size:1.1rem}
    #main .m-visual .slogan{padding-left:4rem;}
    #main .m-visual .slogan img{height:200px;}

@media (max-width: 1400px) {
   .quick-wr{display:none;}
   #main .m-visual{height:400px;}
   #main .m-visual-wr>.container{bottom:1rem;}
}


@media (max-width: 1200px) {
    #main > .container-fluid{margin-bottom:1rem!important;}
   .container-fluid {width: 100%;padding:0 1rem;box-sizing:border-box;}
   .container-fluid:after{content:"";display:block;clear:both;}
   #header h1.logo{width:220px;}
   .pop-media{position:absolute;top:10rem;}
   .g-menu{display:none;}
    #header{background:none;min-width: 320px;height:130px;}
    #header:hover{background:none;}
    #header #gnb {display:none;}
    #header .language-sel{display:none;}
    #header .sitemap-btn{display:none;}
    #header .list-btn{display:inline-block;width:50px;height:84px;}
    #header .list-btn:before{position:absolute;top:50%;transform:translateY(-50%);scroll-margin-right:1rem; content:"";width:2.5rem;height:2.5rem;display:block;background:url(../img/ico-list.svg) 0 0 no-repeat;background-size:100% auto;}
    #header .util{right:0px;height:auto}
    #header .mobile-menu{width:50%;}

    #header h1{z-index:10;}
    #header.fixed{position:absolute;}
    #header .inc{height:80px;}

    .list-service>li{border-bottom:1px solid #e1e1e1}

	#main .m-visual{height:300px;}
    #main .m-visual .vis-container{height:300px;}
    #main .m-visual .vis-detail{display:none;}

    #main .m-visual .slogan{height:300px;padding:3rem;box-sizing:border-box;}
	#main .m-visual .slogan img{height:70%;}
    #main .m-visual h2{font-size:4.125rem;}
    #main .m-visual h2 small{font-size:1.750rem;font-weight:300!important;position:absolute;bottom:1rem;right:-7rem;}
    #main .m-visual .slogan p{font-size:1.250rem;font-weight:300;color:#867d75;letter-spacing:-0.1rem;}

    #main .m-visual .slick-prev, #main .m-visual .slick-next {top:50%;}
    #main .m-visual .vis-container:before{content:"";display:block;width:100%;height:200px;background:url("../img/mobile-header-bg.png") 0 0 repeat-x;z-index:2;background-size:auto 100%;position:absolute;top:0;left:0;}
    #main .m-visual .slick-prev:before{top:50%;transform:translateY(-50%);background-size:100% auto;width:1.25rem;}
    #main .m-visual .slick-next:before {top:50%;transform:translateY(-50%);background-size:100% auto;width:1.25rem;}
    #main .m-visual .slick-prev{left:1rem;margin-left:0;text-align:left;}
    #main .m-visual .slick-next {right:1rem;margin-right:0;text-align:right;}

    .g-menu.wd{display:none;}

    #main .m-visual-wr{margin-bottom:2rem;}
    #main .m-visual-wr>.container{width:100%;bottom:0;left:0;right:0;margin:0;}
    #main #col-main{width:60%}
    #main #col-side{width:40%}

    /* SUB */
    #container_wr .vis .slogan{padding-left:3rem;}
    #container_wr .vis .vis-img img{max-width:auto;}

    #main .s-visual{height:200px;}
    #main .s-visual h2{font-size:2.125rem;float:none;text-align:center;padding-top:100px;}
    #main .s-visual  h2 p{font-size:1.125rem;font-weight:300;}
    .contents-wr{padding:1.875rem 0;}
    .tabs-dp3 li a{height:3.125rem;line-height:3.125rem;}

    .m-notice .board-latest{margin-top:1rem!important;padding-left:1rem;}
    .side-board ul{padding:1rem;}

    .archive-wr .tabs-dp3{display:none;}
    .tabs-menu{display:block;position:absolute;top:0;right:1rem;}
    .tabs-dp3.sel{display:none;}
    .container-contents{padding-top:2.5rem;min-height:700px;padding-bottom:3rem;}
    /* .m-bnr{display:none;} */

    #footer .link-sel-wr{display:none;}
    /* table */
    .is-auto-box{width:100%;overflow-x:scroll;}
    .auto-info{display:block;}
    table.table.type-ws{min-width:700px;}
    table.table.type-ws2{min-width:850px;}



    /* footer */
    #footer {text-align:center;}
	#footer h1{display:none;}
	#footer address{padding-left:0;}
    #footer .info-menu{font-size:0;text-align:center;}
    #footer address {text-align:center;padding:2rem;}
    #footer address p:first-child{padding-bottom:0.2rem;}
    #footer small { display: block;margin-top: 1rem;text-transform: uppercase;}
    #footer .bar {padding: 0 10px; color: #ccc; font-weight: 300; font-size: 90%}
    .link-sel-container{padding:0;}
    #footer .f-menu{float:none;display:flex;justify-content: center;}
    #footer .f-menu li{float:none;}

    .tab_content .btn-more{top:-5.2rem;}
}

@media (max-width: 1000px) {
	#main #col-main{float:none;width:100%;}
	#main #col-side{float:none;width:100%;}
	#main #col-main+#col-side{padding-left:0;}
	.stitle-box h2 small{display:none;}
}

@media (max-width: 991px) {

    .table-container.resultUnitLap { /* ????? ???, ???격순? ? */
        flex: 1 1 100%;
    }

    .tabs-col6 li{width:33.3333%;}
    .snb-wr .container-fluid{padding:0;}
    .snb-menu{position:relative;display:inline-block;width:50%;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:10;text-align:center;}
    .contents-wr .col-col4-lg li{width:33.3333%;}

	.stitle-box{text-align:center;}
	.stitle-box:before{content:"";display:block;width:30px;height:4px;background:#3886dd;position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%)}
	.stitle-box h2{float:none;display:inline-block;}
	.stitle-box .sel{float:none;margin-top:1rem;}
	.stitle-box .sel.single .select-group{width:50%;}
	.stitle-box .sel.single .select-group select{width:100%;}

    #main .m-visual-wr>.container{max-width:initial;bottom:-3.5rem;}
    #main .m-visual-wr>.container>ul{display:flex;flex-wrap:wrap;}
    #main .m-visual-wr>.container>ul li{flex:1 1 33.333%;}
	#main .m-visual .slogan img{height:60%;}

    .top_area{display:none;}
    #header{height:85px;}
    #header h1.logo{left:50%;transform:translateX(-50%)}
    #header .inc{padding:0;}
    #header .util{top:0;}

    .m-notice ul{margin-top:2rem!important;padding-right:0;}
    .side-board{margin-top:1rem;}
    .side-board ul{min-height:initial}
    .board-latest li>a{padding-right:1rem;}
    .board-latest li>a:before{display: none;}
    .board-latest li>a small{position:relative;right:initial;display:block;padding-top:0.2rem;}

    .greeting-cont{padding-left:240px;background-size:220px auto;}
    .greeting-cont .profile{width:220px;height:330px;}
    .greeting-cont .profile .btn{width:200px;padding:0.8rem;}
     /* FOOTER */


    .link-sel-container{}
    .link-sel{position:relative;margin:0 auto;width:50%;margin-top:-1px;}
    #footer .link-list{position:absolute;width:100%;bottom:40px ;padding: 0; height: 0; padding-left:15px; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;overflow:hidden;}
    .link-sel .link-title{line-height:40px;;width:100%;padding-left:15px;border:1px solid rgba(255,255,255,.2);}
    .link-sel.open .link-list {bottom:40px;width:100%;}
    .link-sel:nth-of-type(2n) .link-title{border-left:1px solid transparent}
    .join-process--wr>div{flex-wrap:wrap;}
    .join-process--wr .col-sm-6{flex-basis:50%}
    .join-process--wr > .row > div{margin-bottom:0.5rem;}
    .join-process--wr > .row > div+div{padding-left:1rem;}
    .join-process--wr > .row > div+div:nth-child(even){padding-left:2rem;}
    .join-process--wr > .row > div+div:last-child:before{display:none;}

}


@media (max-width: 930px) {
	/* p.gameday { font-size:1rem; } */


}

@media (max-width: 750px) {
	/* p.gameday { font-size:1rem; } */
    #guideMessage {  }
    #guideMessage p.yearBox {
        position: static;
        margin-top: 10px;
    }
}


@media (max-width: 700px) {
    .greeting-cont{padding-left:0;background-size:220px auto;background-position:0 100%;padding-bottom:350px;}
    .greeting-cont .profile{width:220px;height:330px;bottom:0;top:auto;}
    .greeting-cont .profile .btn{width:200px;padding:0.8rem;}
    .greeting-name{margin-top:1rem;margin-bottom:1rem;background-size:80px auto;}
    .greeting-title{font-size:1.8rem;}


	.notice-pop { width:100%; height: 50%; }

}

@media all and (max-width: 576px) {
    html {font-size: 13px}
    h4 {font-size:15px; }
    #header .search-open{top:65px;}
    #header .search-open label{display:none; }
    #header .search-open .form-control{width:90%;height:2.3rem;font-size:1.125rem;}
    #header .search-open .search-ok{position:absolute;top:50%;right:3rem;transform:translateY(-50%)}
    #header .search-btn{height:65px;}
    #header .mobile-menu{width:100%;}

	#container_wr .vis{height:130px;}
	#container_wr .vis .slogan {height:130px;padding:1.3rem;}
	#container_wr .vis .slogan img{max-height:80%;}

    #main .m-visual{height:260px;}
    #main .m-visual .vis-container{height:300px;}
    #main .m-visual  h2{padding-top:70px;}
    #main .m-visual .slick-prev, #main .m-visual .slick-next{width:28px;}
    #main .m-visual .slick-prev:before, #main .m-visual .slick-next:before{width:28px;}


	.stitle-box .sel{display:flex;}
	.stitle-box .sel .select-group{flex:1}
	.stitle-box .sel .select-group select{width:97%;}
	.stitle-box .sel.single .select-group select{width:60%;}
    .table-layout{display:block;}
    .table-layout .table-items{width:100%;}
    .table-layout > div+div{margin-left:0;}
    .title-h4 .num{padding-top:0.1rem;}
    .btn-set-cont{flex-wrap:wrap}
    .btn-set-cont button{flex:0 1 48%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:0.5rem;}
    .btn-set-cont button+button{margin-left:0;}
    .btn-set-cont button+button:nth-child(even){margin-left:2%}
    .btn-set-cont button:last-child{flex-basis:48%;}

    .tabs-menu{position:relative;right:auto;}
    .tabs-menu{position:relative;display:inline-block;width:100%;vertical-align:top;font-size:1.375rem;color:#fff;z-index:1;text-align:center;background:#a8906d;}
    .tabs-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
    .tabs-menu .tabs-title{position:relative;display:block;line-height:50px;border-right:1px solid #909090;text-align:left;font-size:1.250rem;padding:0 1.5rem;}
    .tabs-menu .tabs-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
    .tabs-menu.open .tabs-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
    .tabs-menu.open .tabs-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#f5f5f5;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #e4e4e4;overflow:auto;}
    .tabs-menu.open .tabs-list li a{height:50px;line-height:50px;padding:0 1.5rem;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;display:block;color:#777;font-size:1.250rem}
    .tabs-menu.open .tabs-list li a:hover{background:#fff;color:#222;}
    .tabs-menu.open .tabs-title.open{background:#a8906d;}
    .tabs-menu.open .tabs-list  li.active a{position:relative;background:#fff;color:#222}
    .tabs-menu.open .tabs-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

    .snb-dp1{flex-wrap:wrap}
    .snb-dp1 li{flex:0 1 50%}

   /* SUB */
    .tabs-dp3 li a{height:2.500rem;line-height:2.500rem;}
    .tabs-col4 li{width:50%;}
    .tabs-col6 li{width:50%;}
    .btn-close{right:1.5rem;width:2rem;}
    .contents-wr h2.title{margin-bottom:1.4rem;}
    .contents-wr h3.title{font-size: 1.7rem;}
    .contents-wr .col-col4-lg li{width:50%;}
    .link-sel{position:relative;margin:0 auto;width:100%;margin-top:-1px;}
    .link-sel:nth-of-type(2n) .link-title{border-left:1px solid rgba(255,255,255,.2)}
    #footer .f-menu {flex-wrap:wrap}
    #footer .f-menu li{padding:0.5rem;}
    .pc-view{display:none;}
    .pc-date, .pc-subject{display:block;width:100%;text-align:left;}
    .pc-date{padding-top:0!important;}
    .pc-subject{border-bottom:0!important;padding-bottom:0!important;}
    .pc-subject a{display:block;width:65%;white-space: nowrap; font-size:1.125rem!important;overflow:hidden;text-overflow:ellipsis}
    .board-list{border-top:2px solid #000;}
}

@media all and (max-width: 480px) {

    #main .m-visual .vis-container{height:220px}
    #main .m-visual-wr>.container{bottom:-0.5rem;}
    #main .m-visual .slogan{height:200px}
    #main .m-visual .slogan img{height:80%}
    .m-notice ul{margin-top:0!important}

    #footer .f-menu {padding:0.5rem 0;}
    #footer .f-menu li{padding-bottom:0;line-height:1;}
    #footer address{padding:1rem 0;}
    #header h1.logo{width:180px;}
    #header{height:75px;}
    #header .list-btn{height:75px;}
    #header .list-btn:before{right:0.5rem;}
    .history-header .link-sel-wr{width:100%;margin:0;margin-top:1rem;}
    .history-header .link-sel{width:100%}
    .link-sel.open .link-list{bottom:34px;}


    .join-process--wr>div{flex-wrap:wrap;}
    .join-process--wr .col-sm-6{flex-basis:100%}
    .join-process--wr > .row > div{margin-bottom:0.5rem;}
    .join-process--wr > .row > div+div{padding-left:1rem;}
    .join-process--wr > .row > div+div:nth-child(even){padding-left:1rem;}
    .join-process--wr > .row > div+div:before{display:none;}
    .btn-set.ctx{flex-wrap:wrap;}
    .btn-set.ctx button{flex-basis:100%;margin-bottom:0.5rem;}
    .list-benefit > li{flex-basis:100%;height:fit-content!important}
    .list-benefit > li+li:nth-child(even){margin-left:0;}
}

@media all and (max-width: 320px) {
    html {font-size: 12px}
    .btn-set-cont button{flex-basis:100%;}
    .btn-set-cont button+button{margin-left:0!important;}
    .btn-set-cont button:last-child{flex-basis:100%}
}
