@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body {font-family: 'Noto Sans KR', sans-serif;}
@charset "utf-8";
/* reset */
* {padding: 0; margin: 0;box-sizing: border-box;}
a {text-decoration: none; color: inherit;}
body,div,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,th,td,tr,textarea,button,form,figure,figcaption{margin:0;padding:0;}
li {list-style: none;}
body,html {margin:0; padding:0;-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; font-size:15px; color:#000;}
/* 폰트 스타일 초기화 */
em,address {font-style: normal;}
/* 블릿기호 초기화 */
ul,li,ol {list-style: none;}
/* 버튼 초기화 */
button {border: 0; cursor: pointer; font-size: inherit; font-size: 14px; background-color: inherit; outline: none;}
/* 반응형 */
img {max-width: 100%;}
/* 이미지박스 */
.img-box > img {display: block; width: 100%;}
/* 표 초기화 */
table {border-spacing: 0; table-layout: fixed; word-break: break-all;  border-collapse: collapse;}

/* 라이브러리 */
.clearfix::before, .clearfix::after {content: ""; display: block; clear: both;}
.cell {float: left; box-sizing: border-box;}
.cell-right {float: right; box-sizing: border-box;}
input[type='text'] {box-sizing: border-box; padding-left: 5px; outline: none;}
input[type='radio'] {box-sizing: border-box;padding-left: 5px; outline: none;}

/* max-width */
.container {width: 1170px; display: block; max-width:1170px;  margin: 0 auto 0px;  padding: 0 0px;}
/* subpage_top */
.mg-top {margin-top: 40px;}
.h3 {font-size: 20px; font-weight: 400; color: inherit;}
/* 커스텀 */

/********  index page 시작   *********/

/* header */

header{position: fixed; top:0; left: 0; z-index: 999;}
.menu-bar {position:fixed; top:0; left:0; width:100%; height:130px; font-weight: 600; background-color:white;  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.menu-bar .top-menu {position: relative; width: 100%; height: 45px; color:#fff; background: #041a3d;}
.menu-bar .top-menu .top-logo {position: absolute; left: 1%; top:50%; transform: translateY(-50%);}
.menu-bar .top-menu .top-logo img {width: 90px;}
/* 오른쪽메뉴_로그인/회원가입 */
.menu-bar .top-menu .mamber_nav{float: right; text-align: right; margin-right: 50px;} 
.menu-bar .top-menu .mamber_nav li{float:left; padding: 13px 10px;}
.menu-bar .top-menu .mamber_nav li a{display: block; font-size:14px; font-weight: 500;}


.menu-bar .hd-con {position: relative; width:1250px; height: 90px; margin: 10px auto 0; display: block;}

.menu-bar .hd-con .logo {position: absolute; top: 30%; left: -13px; transform: translateY(-50%); margin-top: 10px;}
.menu-bar .hd-con .logo-noimage {position: absolute; top: 30%; left: -36px; transform: translateY(-50%); margin-top: 10px;}
.menu-bar .menu-1 {margin-left: 10%; margin-top: 10px;}
.menu-bar .hd-con .logo img {width: 120px;}										   
.menu-bar .menu-1 ul > li > a {display:block; text-align:center;}
/* 1차메뉴  */
.menu-bar .menu-1 > ul > li .menu-scroll {overflow-y: scroll; overflow-x: hidden;}																  
.menu-bar .menu-1 > ul > li {position: relative; width:calc((100%/6) - 0.01px); top:0; left:0; }
.menu-bar .menu-1 > ul > li > a {padding:30px 15px;}
.menu-bar .menu-1 > ul > li > a:hover {background: #0b4499; color: #fff;}
/* 2차메뉴  */
.menu-bar .menu-1 > ul > li:first-child ul::before {/*content: '';*/ width: 100%; height: 100%; background: #fff; position: absolute;}
.menu-bar .menu-1 > ul ul {position: absolute; width: 100%; top:99%; left: 0; height:0; display: none; background: #fff; border-right: 1px solid #eee; border-top:1px solid #eee;  -moz--webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.6);}
.menu-bar .menu-1 > ul:hover ul {height:275px; display: block;}
.menu-bar .menu-1 ul ul > li > a {padding:17px 15px;}
.menu-bar .menu-1 ul ul > li > a:hover {background: #0b4499; color: #fff;}
.menu-bar .menu-1 ul ul > li > a:hover::before{ content:""; position:absolute; top:0; left:50%; transform:translatex(-50%); width:100%; height:5px; background-color:#0123b4;}

.menu-bar .menu-1 > ul ul .submenu-content {
    display: none;
    z-index: 1;
    position: relative;
}
.submenu-content {
    top: 0;
    left: 120px;
}

.menu-bar .menu-1 > ul .submenu:hover .submenu-content {
    display: block;
    height: 550px;
    background: #fff; border-right: 1px solid #eee; border-top:1px solid #eee;
}

/* header 끝 */


/* slider */

.slider-1 { position: relative; top:0; left: 0; width: 100%; margin-top: 135px;}
.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item { height:500px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.slider-1 > .owl-carousel > .owl-nav > .owl-prev, .slider-1 > .owl-carousel > .owl-nav > .owl-next {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); margin-left:-700px; background-color:transparent;}
.slider-1 > .owl-carousel > .owl-nav > .owl-prev:hover, .slider-1 > .owl-carousel > .owl-nav > .owl-next:hover {background-color:transparent;}
.slider-1 > .owl-carousel > .owl-nav > .owl-next {margin-left:700px;}
.slider-1 > .owl-carousel > .owl-dots {margin:0; position:absolute; bottom:0; left:50%; top:85%; transform:translateX(-50%);}
.slider-1 > .owl-carousel > .owl-dots > .owl-dot > span {margin:0; padding:0; border-radius:0; width:100px; margin:0 10px 15px; position:relative; border-radius: 2px;}
.slider-1 > .owl-carousel > .owl-dots > .owl-dot > span::after {content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; background-color:#0b4499;}
.slider-1 > .owl-carousel > .owl-dots > .owl-dot.active > span, .slider-1 > .owl-carousel > .owl-dots > .owl-dot:hover > span { background-color:rgba(255,255,255,0.6);}
.slider-1 > .owl-carousel > .owl-dots > .owl-dot.active > span, .slider-1 > .owl-carousel > .owl-dots > .owl-dot > span { background-color:rgba(255,255,255,0.6);}
.slider-1 > .owl-carousel > .owl-dots > .owl-dot.active > span::after { width:100%; transition:width 5s 0.2s;}

.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .txt-box {position:absolute; top:-10%; left:20%; text-shadow: 4px 2px 4px rgba(0,0,0,.5);}
.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item.text-color-white {color:white;}
.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .txt-box > h1 { font-size:4rem; transition:opacity 1s 0.5s, transform 1s 0.5s; transform:translateY(200px); opacity:1; text-transform: uppercase;}
.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .txt-box > h2 { font-size:3rem; transition:opacity 1s 1s, transform 1s 1s; transform:translateY(200px); opacity:1;}
.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .txt-box > div { font-size:2rem; transition:opacity 1s 1.5s, transform 1s 1.5s; transform:translateY(200px); opacity:1;}
.slider-1 > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item.active > .item > .txt-box > *     { transform:translateY(0); opacity:1;}
.owl-theme .owl-dots .owl-dot span {background: #fff;}

/* slider 끝 */


/* schedule */

/*경기일정*/
.schedule-box {position: relative;}
.play-schedule {width:100%; height: 100%; /*margin-top: 30px;*/}
/* 타이틀 */
.top-box {margin-top: 30px;}
.top-box .main-title {width: 10%; font-size: 20px; color: #000; font-weight: 700;}
.play-schedule .main-title > span {margin-left: 5px;}
/* 리그 */
.sch_combo {margin-left: 20px;}
.sch_combo select {border:1px solid #aeaeae; width: 200px; height: 32px; border-radius: 5px; padding: 5px;}
.sch_combo select:focus {outline: none !important;}
/* month */
.top-box .month-slider {position: relative; width: 60%; left:2.8%;}
.top-box .month-slider .slider {position: relative; width: 190px; height: 30px; left: 20%;}
/* 버튼 */
.top-box .month-slider .slider > .btns > button {font-size:20px; position:absolute; top:50%; left:0; transform: translateY(-50%); width:20%; cursor:pointer; z-index:10; border:1px solid #ddd; padding: 5px 0; border-radius: 5px;}
.top-box .month-slider .slider > .btns > button:last-child{left:auto; right:0;}
.month-slider .slider > .slides {position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%);}
.top-box .month-slider .slider > .slides::after {content:""; display:block; clear:both;}
.top-box .month-slider .slider > .slides > div{display:none; text-align: center; font-weight: bold; font-size: 16px;}
.top-box .month-slider .slider > .slides > div.active{display:block;}
.top-box .month-slider .slider > .slides > div.active {border-color:red;}
/* 결과조회 영역 설정*/
.play-bottom { max-height: 421px; overflow-y: auto; }
/* 결과없음 */
.play-bottom .empty{margin-top: 20px; padding-top: 135px; border:1px solid #e5e5e5; height: 300px; color: #707070; text-align: center;display: none;}
/* 결과조회_테이블 */
.result_table {border-collapse:collapse; border-spacing:0; margin-top: 20px; font-size: 14px; text-align: center; color: #333; color: #707070;}
.result_table tr {border:1px solid #e0e0e0; height: 50px;}
.result_table td {padding: 6px 10px;}
.result_table th {text-align: center; line-height: 30px; background: rgba(238, 244, 255, 0.44); font-size: 1.2rem;}
.result_table span {width: 100%; display: block;}
.result_table button {text-align: center; padding: 10px; background: #3888ec; font-weight: 500; color: #fff; border:0; border-radius: 5px; margin-left: 30px; font-size: 1rem; cursor: pointer;}
.result_table button:hover {background: #60a1f2;}
.result_table tr td img{width: 35px;}
.result_table tr .date i {color: #0b4499;}
.result_table tr .location i {color: #0b4499;}
.result_table tr .score-1 {font-size: 1.4rem;}
.result_table tr .ing font {text-align: center; display: inline-block; background: #aeaeae; color: #fff; border-radius: 35px; padding: 5px 10px;}
.result_table tr .ing.red font {background: #ff2121;}
.result_table tr .ing.blue font {background: #0b4499;}
.result_table tr .result span {border-radius: 5px; padding: 6px 5px; background: #aeaeae; color: #fff;}
.result_table tr .result.red span {background: #ff2121; color: #fff;}
.result_table tr .result.blue span {background: #0b4499; color: #fff;}
/* 라인선 */
.result_table tr .date {border-right: 1px solid #eee;}
.result_table tr .location {border-right: 1px solid #eee;}
.result_table tr .result {border-right: 1px solid #eee;}
.result_table tr .team_2 {border-left: 1px solid #eee; border-right: 1px solid #eee; font-weight: bold; text-align: left;}
.result_table tr .team_1 {border-right: 1px solid #eee; font-weight: bold; text-align: right;}
.result.blue a {cursor: pointer;}
.result.red a {cursor: pointer;}
.text-overflow{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* schedule 끝 */

/* video-list */
.video-list {margin-top: 30px; position: relative;}
.video-list ul {display: flex; flex-wrap: wrap; margin-left: -10px;}
.video-list li {width: calc(20% - 10px); margin: 0 0 10px 10px;}
.video-list li iframe {width: 100%;}
.video-list li p {text-indent: 3px; margin: 5px;}
.video-list .video-tit {display: block;color: #333; font-weight: bold; line-height: 18px; line-height: 20px;}
.video-list .video-tit span {line-height: 20px; padding: 0px 8px; background: red; border-radius: 3px; color: white; font-weight: 500; margin-left: 3px; display: inline-block; text-indent: -1px; letter-spacing: 0.5px;}
.video-list .top-box { margin-bottom: 15px;}
.video-list .top-box .main-title span{ margin-left: 10px; }
.video-more {position: absolute; top:28%; right: -5%; border-radius: 2px; cursor: pointer;}
.video-more a {display: block; padding: 0 15px; border-radius: 3px; text-align: center; line-height: 40px; border:1px solid #ddd; font-size: 20px;}
.video-more:hover a {background: rgba(0, 0, 0, 0.66); color: #fff;}
.video-more p {text-align: center; margin-top:5px; font-size: 13px; color: #666;}
.video-more:hover p {text-decoration: underline;}
/* video-list 끝 */

/* news-list */
.news-list {margin-top: 30px;}
.news-list .main-title {font-size: 20px; color: #000; font-weight: 700; padding:20px 0 25px;}
.news-list .main-title > span {margin-left: 5px;}
.news-list ul {display: flex; flex-wrap: wrap; margin-left: -10px;}
.news-list li {background: #efefef; width: calc(20% - 10px); margin: 0 0 10px 10px; box-sizing: border-box; cursor: pointer; padding: 20px; border-radius: 2px;}
.news-list li:hover {background: #d8d8d8;}
.news-list li .s-tit {color: #2f81d4; font-size: 14px; display: block; margin-bottom: 5px;}
.news-list li .s-tit {color: #2f81d4; font-size: 14px; display: block; margin-bottom: 5px;}
.news-list li .tit {font-size: 15px;font-weight: bold; letter-spacing: -1px; margin-bottom: 10px;}
.mulit-line-ellipsis {position: relative; overflow: hidden; line-height: 1.2em; max-height: 6.0em;}
.mulit-line-ellipsis {position: relative; overflow: hidden; line-height: 1.2em; max-height: 6.0em;}
.mulit-line-ellipsis::after {content: '...'; position: absolute; right: 0; bottom: 0;}
.news-more-box {text-align: right; margin: 30px 0 15px;}
.news-list .info-more {background: rgba(238, 238, 238, 0.8); padding: 6px 10px; border-radius: 3px; color:#2f81d4;}
.news-list .info-more i {color:#2f81d4; }
.news-list .info-more:hover {text-decoration: underline;}
.news-list .more-icon{float:right; display: inline-block; margin-right: 20px; font-size: 16px;}
.news-list .more-icon > img{width:26px;}

/* news-list 끝 */


/* gallery */

/* 타이틀 */
.gallery {margin: 30px 0;}
.gallery .main-title {font-size: 20px; color: #000; font-weight: 700; padding:20px 0 25px;}
.gallery .main-title > span {margin-left: 5px;}

.gallery .photo-box {width: 100%; height: 400px;}
.gallery .photo-box .back {position: relative;}
.gallery .photo-box .back .text {position: absolute; bottom:0%; transform: translateX(-50%); left: 50%; width: 100%; text-align: center; background: rgba(0,0,0,0.6); color: white; height: 50px; line-height: 50px; transition: height .4s;}

.gallery .img-box {width: 100%; margin: 0 auto; max-height: 450px; height:300px; overflow: hidden;}
.gallery img {display: block; width: 100%; box-sizing: border-box; }
.gallery .pho {float: left; margin: 0 1%; transition: padding .4s;}
.gallery .pho1 {width: 48%; height: 100%; display: block;}
.gallery .pho1 img {display: block; width: 100%; box-sizing: border-box; height: 400px;}
.gallery .photo-box .back:hover .text {height: 80px; line-height: 80px;}
.gallery .pho2 {width: 23%; height: 100%;}
.gallery .pho2-1 {width: 100%; height: 48%; margin-bottom: 6%;}
.gallery .pho2-1 img {display: block; width: 100%; box-sizing: border-box; height: 200px;}
.gallery .pho2-2 {width: 100%; height: 48%;}
.gallery .pho2-2 img {display: block; width: 100%; box-sizing: border-box; height: 200px;}
.gallery .pho3 {width: 23%; height: 100%;}
.gallery .pho3 img {display: block; width: 100%; box-sizing: border-box; height: 400px;}
.gallery .back {position: relative;}
/* 갤러리 더보기 */
.main-title {vertical-align: middle;}
.gallery .more-icon{float:right; display: inline-block; margin-right: 20px; font-size: 16px;}
.gallery .more-icon > img{width:26px;}
/* gallery 끝 */
/********  index page 끝   *********/


/********  video-list 시작   *********/
.video-box {margin-top: 50px; min-height: 484px;}
.video-box .main-title {width: 100%; font-size: 28px; color: #000; font-weight: 600; border-bottom: 1px solid #dedede; display: block; line-height: 45px;}
.video-box .main-title .left i {color: #041a3d; font-size: 28px; margin-right: 5px;}
.video-box .main-title > span {margin-left: 5px; letter-spacing: -2px; color: #041a3d;}

/*검색바*/
.video-box .search input {margin-bottom: 10px;}											   
.search {position: relative;}
.search .has-search {position: relative;}
/*.search .has-search .form-control {padding-left: 2.675rem;}*/
.has-search span {position: absolute; right:10%; z-index: 2; display: block; width: 1rem; height: 2rem; line-height: 2.7rem; text-align: center; pointer-events: none; color: #aaa; font-size: 18px;}
.search input { display: block; width: 100%; height: 42px; padding: .375rem .75rem; font-size: 18px; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem;}
.search input::placeholder {color: #ced4da; font-size: 16px;}

/* 비디오박스 */
.video-box ul {display: flex; flex-wrap: wrap; margin-left: -2rem; margin-top: 2rem;}
.video-box ul li {position: relative; width: calc(25% - 2rem); margin: 0 0 2rem 2rem; box-sizing: border-box; cursor: pointer;}
.video-box ul .gallery-list {overflow: hidden;}
.video-box ul .gallery-list .img-box {overflow: hidden; height:200px; max-height: 200px;}
.video-box ul .gallery-list img {display: block; width: 100%;box-sizing: border-box; height: 200px;}
.video-box ul .gallery-list .txt {position: relative;}
.video-box ul .gallery-list .tit-1 {font-size: 15px; color: #707070; margin-bottom: 5px;}
.video-box ul .gallery-list .txt .tit-2 {font-size: 1.17rem; color: #333; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; */-webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; line-height: 20px; height: 50px; word-break: keep-all; font-weight: bold;}
.video-box ul .gallery-list .txt .tit-2:hover {text-decoration: underline; color: #5c91c0;}
.video-box ul .gallery-list .txt .tit-2 span {line-height: 20px; padding: 0px 8px; background: red; border-radius: 3px; color: white; font-weight: 500; margin-left: 3px; display: inline-block; text-indent: -1px; letter-spacing: 0.5px; font-size: 14px;}
.video-box ul .gallery-list .txt .tit-3 {color: #333;}
.video-box ul .gallery-list .date {margin-top: 15px; color: #707070;}
.video-box ul .gallery-list .info {padding: 2rem 0 1rem;}
.video-box ul .gallery-list .left-logo {float: left; width: 80px;}
.video-box ul .gallery-list .info .info-date {float: right; font-size: 1.1rem; color: #666; line-height: 60px;}
.video-box ul .gallery-list .img-box::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0);}
.video-box ul .gallery-list .img-box:hover::after {background: rgba(255, 255, 255, 0.35);}
/* 페이지 버튼 */
.video-box .board_page {text-align: center; padding: 20px 0 50px;}
.video-box .board_page a {display: inline-block; width: 35px; height: 35px; margin: 0 4px; border: 1px solid #ddd; border-radius: 3px; color: #444; font-size: 15px; line-height: 35px; font-weight: 500; box-sizing: border-box;}
.video-box .board_page a.on {border: 1px solid #3888ec; background-color: #3888ec; color: #fff;}
.video-box .board_page i { text-align: center; color: #444; line-height: 35px;}

@media screen and (max-width: 1224px) {
    .video-box ul.gallery-box .gallery-list .img-box {margin-left: -20%;}
}

@media screen and (max-width: 768px) {
    .video-box ul.gallery-box .gallery-list .img-box {margin-left: -70%;}
}

.sel_comp { padding: 4px; vertical-align: middle; }
/********  video-list 끝   *********/


/********  video-detail 시작   *********/

.video-detail {margin-top: 50px;}
.video-detail .main-title {width: 100%; font-size: 25px; color: #000; font-weight: 600; border-bottom: 1px solid #dedede; display: block; line-height: 50px;}
.video-detail .main-title i {color: #041a3d; font-size: 28px;}
.video-detail .main-title > span {margin-left: 5px; color: #041a3d;}
/*영상 타이틀*/
.sub-tit {padding: 12px 8px; border: 1px solid #e2e2e2; background-color: #f2f2f2; margin-top: 10px; margin-bottom: 10px;}
.sub-tit .left {font-size: 18px; text-indent: 10px; font-weight: 500;}
.sub-tit .right {font-size: 15px; padding-right: 15px;}
/*동영상*/
.video-detail .iframe-box {margin-top: 50px; width: 100%; height: 550px; position: relative;}
.video-detail .iframe-box iframe {position: absolute; left: 50%; transform: translateX(-50%);  width: 70%; height: 550px;}
/*나의댓글*/
.chat-box {position: relative; border: 1px solid #e2e2e2;  background: #f2f2f2; padding: 10px; margin: 50px 0;}
.chat-box textarea{font-size: 16px; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #bbb; line-height: 20px; text-indent: 5px; width: 400px; display: block; clear: both; margin-bottom: 5px;}
.chat-box textarea{ width: 91%; height: 100px; resize: none;}
.chat-box button {position: absolute; top:70%; transform:translateY(-50%); padding:12px 30px; border:0; background:#3888ec; color:#fff; border-radius:5px; margin-left: 20px;}
/*댓글리스트*/
.reply {margin-bottom: 70px;}
.reply .reply-list {border-bottom: 1px solid #e2e2e2; padding: 10px;}
.reply .reply-list .profile {width: 15%;}
.reply .reply-list .profile .date {font-size: 13px; color: #969696; margin: 5px 0 0;}
.reply .reply-list .content {width: 77%;}

.reply button {padding:12px 30px; border:0; background:#afafaf; color:#fff; border-radius:5px; margin-left: 20px; margin-top: 20px;}
.reply .reply-list .button button { padding: 12px 20px; margin-top: 0; background: #cd3438; }

/********  video-detail 끝   *********/

/**         pagination 시작       **/
.board_page {text-align: center; padding: 20px 0 50px;}
.board_page a {display: inline-block; width: 35px; height: 35px; margin: 0 4px; border: 1px solid #ddd; border-radius: 3px; color: #444; font-size: 15px; line-height: 35px; font-weight: 500; box-sizing: border-box;}
.board_page a.on {border: 1px solid #3888ec; background-color: #3888ec; color: #fff;}
.board_page i { text-align: center; color: #444; line-height: 35px;}
/**         pagination 끝        **/
/********  서브페이지 공통   *********/
/* sub_banner */
.sub_banner{width:100%; height: 200px; overflow: hidden; position: relative; box-sizing: border-box; z-index: 3; margin-top: 110px;}
.sub_banner img {width: 100%; height: 100%; left:-375px; display: block; animation: zoomin 4s ease-in; transition: all 1.5s; overflow: hidden;}
.sub_banner .businese_txt {position: absolute; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #000; font-size: 2.2rem; font-weight: bold;}
/* sub_banner_zoomin */
@-webkit-keyframes zoomin {
	0% {transform: scale(1);}
	50% {transform: scale(1.07);}
	100% {transform: scale(1);}
}
.lt_tit{line-height: 30px; text-align: right; margin: 30px 10px 0 0;}
.lt_line{width: 100%; margin: 5px auto; border-bottom: 1px solid #eee;}
/* sub_title */
.sub_tit {text-align: center; margin: 50px 0;}

/******sub-root******/
.sub-root{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;background: #fff;}
.root {width:100%; max-width: 1300px; margin: 0 auto; height: 45px;line-height: 45px;   }
.sub-root .root > .col-xs-6 > ul > li{display: inline-block;}
.sub-root .root > .col-xs-6 > ul > li:nth-child(1){width:45px; text-align: center; border-right: 1px solid #dcdcdc; display:list-item; }
.sub-root  .root > .col-xs-6 > ul > li:nth-child(2),
.sub-root  .root > .col-xs-6 > ul > li:nth-child(3){padding:0 20px; border-right: 1px solid #dcdcdc;}
ul.root-drop{border-radius:0;margin-top:-1px;margin-left:-5px;}
ul.root-drop > li{line-height: 35px;height: 35px;}
ul.root-drop > li > a{display: block;line-height: 35px;width:100%;}
ul.root-drop > li > a:hover{background-color:rgba( 198, 0, 1, 0.2) ;background:rgba( 198, 0, 1, 0.2) ;color:#fff;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}


/********  sub1-1 시작   *********/
.greeting {margin-bottom: 100px;}

.greeting .top_cont {position: relative; width: 100%; height: auto;}
.greeting .top_cont .greeting_tit {font-size: 3rem; font-weight: 700; color: #041a3d; line-height: 5.833rem; letter-spacing: -.05em;}
.greeting .top_cont .img-greeting {position: absolute; width:470px; height: 100%; right: 0; top: 0; z-index: -1; }
.greeting .quote {position: relative; display: block; width: 28.167rem; margin: 2.5rem 0 0 10rem; font-size: 1.5rem; line-height: 2.833rem; text-indent: -2.666rem; z-index: 3; font-weight: 500;}
.greeting .quote:after, .greeting .quote:before {content: ''; display: inline-block; vertical-align: baseline; width: 2.666rem; height: 1.75rem; background-image: url('../images/bg_quote.png'); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.greeting .quote:before {-webkit-transform: translateX(-.833rem); -moz-transform: translateX(-.833rem);}
.greeting .quote:after {-ms-background-position-y: bottom; background-position-y: bottom;}


.greeting .txt_box {position: relative; width: 100%; background: #f1f1f1; padding: 30px; border-radius: 3px; margin-top: 30px;}
.greeting .greeting_txt {max-width:1020px; margin: 0 auto; font-size: 1.2rem; word-break: keep-all; line-height: 35px; text-align: left; }
.greeting .txt_box .last {font-size: 20px; text-align: right; font-weight: 600; font-family:sans-serif;}

/********  sub1-1 끝   *********/

/********  sub1-2 시작   *********/
.history-wrap {width: 100%; padding:25px 0; position: relative; margin-top: 120px; padding: 15px; background: #f1f1f1; border-radius: 10px;}
.history-circle {position: absolute; top: -100px; left: 50%; transform: translateX(-50%); z-index: 2;}
.history-circle img {width: 160px;}

.history-box {width:100%; position:relative; padding-bottom:80px; margin-top: 30px;}
.history-box .line {width:1px; height: 100%; background: #ccc; position: absolute; top:0; left: 50%;}

@-webkit-keyframes fadeIn{
 0% {opacity: 0; transform: translateY(40px);}
 100% {opacity: 1; transform: translateY(0px);}
}
@-moz-keyframes fadeIn{
 0% {opacity: 0; transform: translateY(40px);}
 100% {opacity: 1; transform: translateY(0px);}
}
@-o-keyframes fadeIn{
  0% {opacity: 0; transform: translateY(40px);}
 100% {opacity: 1; transform: translateY(0px);}
}
@-ms-keyframes fadeIn{
  0% {opacity: 0; transform: translateY(40px);}
 100% {opacity: 1; transform: translateY(0px);}
}
@keyframes fadeIn{
  0% {opacity: 0; transform: translateY(40px);}
 100% {opacity: 1; transform: translateY(0px);}
}
.history-box .his-list {width:100%; display:block;
-webkit-animation: fadeIn 1s linear 0.3s both;
 -moz-animation: fadeIn 1s linear 0.3s both;
 -o-animation: fadeIn 1s linear 0.3s both;
 -ms-animation: fadeIn 1s linear 0.3s both;
 animation: fadeIn 1s linear 0.3s both;
}
.history-box .his-list .his-left {float:left; width:100%; margin: 30px 0; text-align:right; padding-right: 46.2%;}
.history-box .his-list .his-left .left_box {position: absolute; top:0; left: 0;}

.history-box .his-list:first-child .his-left {margin: 0 0; padding-top:40px; }
.history-box .his-list .his-left .his-txt {padding-right: 20px; border-bottom: 1px solid #ccc; }

.history-box .his-list .his-right {float: right ; width:100%; padding-left:49.1%; margin: 30px 0; }
.history-box .his-list .his-right .his-txt {padding-left: 20px; border-bottom: 1px solid #ccc;}
.history-box .his-arrow {float:left; width:5%; vertical-align:top;}
.history-box .his-arrow .his-round {display:inline-block; border:6px solid #0b4499; width:25px;height:25px;border-radius:50px;margin-top: 5px;}
.his-txt {float:left;  width:90%; vertical-align:top; padding-bottom: 20px;}
.his-txt .his-year {display:block; color:#0b4499; font-size:22px; font-weight:600; padding-bottom:15px;}
.his-txt dl {width:100%; position:relative;}
.his-txt dd {width:100%; float:left; margin: 0; word-break: keep-all;}
.history-box .his-list:hover .his-txt dd {color: #1f54b7;}
/********  sub1-2 끝   *********/

/********  sub1-3 시작   *********/

/* 타이틀 */
.member {margin-top: 50px; border: 1px solid #e2e2e2; }
.member .sub-tit {margin-top: 10px; margin-bottom: 10px; text-align: center;}
.member .team {background-color: #f1f1f1; text-align: center; font-size: 1.5rem; line-height: 60px; border-bottom: 1px solid #e2e2e2; text-transform: uppercase;}
.member .sub-tit .picture {width: 100%;}
.member .empty {text-align: center; padding: 5rem 0;}
/********  sub1-3 끝   *********/

/********  sub1-4 임원현황 시작   *********/

/* 타이틀 */
.executive {margin-top: 50px; border: 1px solid #e2e2e2; }
.executive .sub-tit {margin-top: 10px; margin-bottom: 10px; display: none;}
.executive .team {background-color: #f1f1f1; text-align: center; font-size: 1.5rem; line-height: 60px; border-bottom: 1px solid #e2e2e2; text-transform: uppercase;}
.executive .sub-tit .picture {width: 100%;}
.executive .empty {text-align: center; padding: 5rem 0;}
/********  sub1-4 끝   *********/



/********  sub1-5 시작   *********/

.address h3 {border-bottom: 1px solid #ddd; line-height: 50px; text-align: center; box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.04);}
.address h4 {border-bottom: 1px solid #ddd; line-height: 50px; text-align: center; box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.04);}
.map-area { width: 100%; height: 500px; background: #dcdcdc;}
/********  sub1-5 끝   *********/



/********  sub2-1 시작   *********/

.noti-table{width:100%; height: auto; padding:0px 0 10px;}
table.boarder{width:100%;}
table.boarder > thead > tr {border-top:2px solid #134098; border-bottom:1px solid #ddd;  background: #e8f0ff;}
table.boarder > thead > tr > th{text-align: center; height: 45px; vertical-align: middle; font-weight: 500; font-size: 16px;}
table.boarder > tbody > tr {border-bottom:1px solid rgba(221, 221, 221, 0.51); height: 45px; vertical-align: middle; background: #fff;}
table.boarder > tbody > tr:last-child {border-bottom:1px solid #ddd;}
table.boarder > tbody > tr > td{text-align: center;}
table.boarder > tbody > tr > td:nth-child(2){text-align: left;}
.sub2-1 .search input {margin-bottom: 10px;}
.sub2-1 button {    padding: 12px 30px; border: 0; background: #0b4499; color: #fff; border-radius: 3px; font-size: 14px; margin-bottom: 10px;}

/*sub2-1_infodetail*/

.post-box {width:100%; float:left; height: auto; background: #fff; border-top:2px solid #134098;}
.post-title{width:100%; float:left; height: auto; padding:15px 60px 40px; border-bottom:1px solid #dcdcdc; background: #e8f0ff;}
.post-title > h4{text-align: center; font-weight: bold; color:#383838; font-size:1.5rem; padding: 20px 0;}
.post-title > ul{float:right;}
.post-title > ul > li{float:left; margin-left:20px; color:#5a5a5a;}
.post-title > ul > li > span:nth-child(1){font-weight: bold;margin-right: 5px;}
.post-item{width:100%;float:left;height: auto;padding:20px 0px;border-bottom:1px solid #dcdcdc;}
.post-item-attach{width:100%;float:left;text-align: right;}
.post-item-attach > a {height: 40px;line-height: 40px;}
.post-item-attach > a > span{margin-left:5px;}
.post-item-attach > a > span:last-child{color:#c60001;}
.post-item-attach > a:hover{color:#c60001;}
.post-item > img{margin-left: auto; margin-right: auto;}
.post-item > p{padding:5px 20px;}
.post-item > p{font-size: 106%;line-height: 180%;}
/******** 댓글창 **********/
.post-comment{width:100%;float:left;height: auto;padding:20px 0px;}
.post-comment > span{width:100%;float:left;font-weight: bold;padding:8px 0;}
.post-comment-r{width: 100%;float:left;height:auto;border:1px solid #dcdcdc;}
.post-comment-r > p{width:100%;padding:5px 10px;}
.post-comment-r > textarea{width:100%;padding:0 10px;height: 70px;line-height: 180%;border:0; resize:vertical; min-height:70px; max-height: 140px; }
.post-comment-r > div{height: 35px;border-top:1px solid #dcdcdc;}
.post-comment-r > div > span:nth-child(1){padding-left:10px;line-height: 35px;}
.post-comment-r > div > span:nth-child(2){float:right;}
.post-btn-g{margin-top:20px;}
.post-comment-list{width:100%;float:left;}
.post-comment-list > ul{margin-top:20px;}
/* postbox button */ 
.btn-write-ok {background: #0b4499; color: #fff; padding: 10px 20px; border-radius: 5px; margin: 10px;}
.btn-write-list {background: #9a9a9a; color: #fff; padding: 12px 30px;; border-radius: 5px; }


/********  sub2-1 끝   *********/





/********  sub3-1 시작   *********/

.sub3-1 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub3-1 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

/*경기일정 및 결과*/

/* 경기일정 및 결과 & 팀현황 공통부분 */
.schedule-filter{width:100%; height: auto; margin-top:20px; margin-bottom:5px;}
.filter-calendar select {text-align: center;}
.schedule-filter > h4{padding:10px 10px;margin:0;font-size: 16px;font-weight: 500; background:  #0b4499;color:#fff;}
.schedule-filter > .filter-box{width:100%; margin:0;padding: 15px 0;background: #fff; border:1px solid #ddd;}
.schedule-filter > .filter-box > ul > li:last-child{border-left:1px solid #dcdcdc;}
select.form-control{border-radius: 0;height: 35px;font-size: 87.5%;}
.schedule-filter .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px;font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
/* 리그/대회 테이블 */
.sub3-1 .schedule-box{width:100%;height: auto;float:left;margin-top:20px;background: #fff;}
.sub3-1 .schedule-box > table.schedule-table{width:100%;height: auto;border-top:2px solid #134098;border-bottom:1px solid #ddd;}
.sub3-1 .schedule-box > table.schedule-table > thead > tr{border-bottom:1px solid #ddd;height: 45px;background: #e8f0ff;}
.sub3-1 .schedule-box > table.schedule-table > thead > tr > th{text-align: center;color:#383838;font-weight: 500; font-size: 16px;}
.sub3-1 .schedule-box > table.schedule-table > tbody > tr {
border-bottom:1px solid rgba(221, 221, 221, 0.51);}
.sub3-1 .schedule-box > table.schedule-table > tbody > tr:last-child{border-bottom:0;}
.sub3-1 .schedule-box > table.schedule-table > tbody > tr > td{text-align: center;vertical-align: middle;padding:10px 0;}
.sub3-1 .schedule-box > table.schedule-table > tbody > tr > td:nth-child(3) >span{width:100%;float:left;}

/* 날짜선택 */
ul.filter-calendar{width:100%;float:left;}
ul.filter-calendar > li{float:left;}
ul.filter-calendar > li:nth-child(1),
ul.filter-calendar > li:nth-child(4){width:12%;}
ul.filter-calendar > li:nth-child(2),
ul.filter-calendar > li:nth-child(3){width:38%;}
ul.filter-calendar > li:nth-child(2) > select{border-left:0;}
ul.filter-calendar > li:nth-child(3) > select{border-left:0;border-right: 0;}
ul.filter-calendar > li > button{width:100%; text-align: center; height: 35px; background: #fff; border:1px solid #dcdcdc; line-height: 35px; color:#5a5a5a; border-radius: 5px;}
select.filter-select-d{ border-radius: 0; height: 35px; font-size: 87.5%; width:100%; border:1px solid #dcdcdc;}
/*버튼디자인*/
.schedule-btn {padding: 5px 20px; line-height: 20px; margin: 5px; color: #fff; border-radius: 5px; width:39%;}
.schedule-table .bg-color-r{background: #ff2121}
.schedule-table .bg-color-g{background: #0b4499;}
/********  sub3-1 끝   *********/





/********  sub3-2 시작   *********/

.sub3-2 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub3-2 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

.sub3-2 .col-xs-3 {width: 25%;}
.sub3-2 .col-xs-4 {width: 33.33333333%;}
.sub3-2 .col-xs-8 { width: 66.66666667%;}

/*팀 리스트*/
.teamList {width: 100%; margin-top: 20px;border:1px solid #ddd; }
.teamList .team-box {padding: 10px; margin-left: -10px; max-height: 520px; overflow-y: auto;}
.teamList .team-box .teamItem {width: calc(16.6666% - 10px); margin: 0 0 10px 10px; box-sizing: border-box; cursor: pointer;  box-sizing: border-box; float:left; display: block; border:1px solid #ddd; padding: 10px; border-radius: 3px; font-weight: 500;}
.teamList .team-box .teamItem:hover { background: #e8f0ff; cursor:pointer; color:#0b4499; }

.teamList .team-box .teamItem .teamLogo { width: 100%; height: 125px;}
.teamList .team-box .teamItem span {text-align: center; display: block; font-size: 15px; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*팀 로고*/
.teamInfo {width: 100%; height: 300px; margin-top: 55px; padding: 50px 0; border-radius: 5px; border:1px solid #ddd;  
  -webkit-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);
  -ms-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);}

.teamInfo .teamImg {position: relative; float: left; width: 25%; height: 100%; text-align: center;}
.teamInfo .teamImg img {width: 80%; position: absolute; top:50%; left: 50%; transform: translateX(-50%)translateY(-50%);}
/*팀 상세 txt*/
.teamInfo .team-txt {float: left; width: 75%; height: 100%;}
.teamInfo .team-txt .tit {float: left; width: 50%; height: 25%; display: block;}

.teamInfo .label-teamInfo {width: 30%; font-weight: 500;text-align-last: justify; padding-right: 15px; padding-left: 15px; font-size: 18px;}

.teamInfo .label-content {width: 70%; font-weight: 400; padding-right: 15px; padding-left: 15px; font-size: 18px; /*letter-spacing: 5px;*/}
.teamInfo .address {letter-spacing: 0px;}
.teamInfo .address:hover {color: #0b4499; text-decoration: underline;}

.teamInfo h4:last-child .label-teamInfo {width: 35%; font-size: 18px;}
.teamInfo h4:last-child .label-content {width: 65%;}

.noResult,.msgSelGroup { text-align:center; border-bottom:2px solid #ddd; padding: 50px;}
.msgSelComp {text-align: center; border-bottom: 2px solid #ddd; padding: 50px;}
.col-xs-offset-1 {line-height: 35px; font-size: 18px; font-weight: 400;}

/* 선수목록 테이블 */
/* 테이블 공통 레이아웃_관찰진단검사 */
.team-list{width:100%; height: auto; padding:10px 0; margin-top: 50px;}
table.team-list{width:100%;}
table.team-list > thead > tr {border-top:2px solid #134098; border-bottom:1px solid #ddd;  background: #e8f0ff;}
table.team-list > thead > tr > th{text-align: center; height: 45px; vertical-align: middle; font-weight: 500; font-size: 16px;}
table.team-list > tbody > tr {border-bottom:1px solid rgba(221, 221, 221, 0.51); height: 45px; vertical-align: middle; background: #fff;}
table.team-list > tbody td > img {width: 45px;}
table.team-list > tbody .info-list .color_1 {background: #ff2121; padding: 3px 8px; border-radius: 5px; color: #fff; margin: 3px 0; display: inline-block;}
table.team-list > tbody .info-list .color_2 {background: #ff741e; padding: 3px 8px; border-radius: 5px; color: #fff; margin: 3px 0; display: inline-block;}
table.team-list > tbody .info-list .color_3 {background: #0b4499; padding: 3px 8px; border-radius: 5px; color: #fff; margin: 3px 0; display: inline-block;}
table.team-list > tbody > tr:last-child {border-bottom:1px solid #ddd;}
table.team-list > tbody > tr > td {text-align: center; padding: 10px;}

/********  sub3-2 끝   *********/


/********  sub4-1 시작   *********/

.sub4-1 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub4-1 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

.sub4-1 .col-xs-3 {width: 25%;}
.sub4-1 .col-xs-4 {width: 33.33333333%;}
.sub4-1 .col-xs-8 { width: 66.66666667%;}
.sub4-1 h4 {margin-top: 30px;}
/* 팀순위 테이블 */
.rank-team-list{width:100%; height: auto; padding:10px 0; margin-top: 10px;}
table.rank-team-list{width:100%;}
table.rank-team-list > thead > tr {border-top:2px solid #134098; border-bottom:1px solid #ddd;  background: #e8f0ff; text-align: center;}
table.rank-team-list > thead > tr > th{text-align: center; height: 45px; vertical-align: middle; font-weight: 500; font-size: 16px;}
table.rank-team-list > tbody > tr {border-bottom:1px solid rgba(221, 221, 221, 0.51); height: 45px; vertical-align: middle; background: #fff;}
table.rank-team-list > tbody > tr:last-child {border-bottom:1px solid #ddd;}
table.rank-team-list > tbody td > img {width: 60%;}
table.rank-team-list > tbody > tr > td {text-align: center; padding: 10px;}
table.rank-team-list > tbody > tr > td:first-child {text-align: left; padding-left: 67px;}
table.rank-team-list > tbody > tr > td i {color:#0b4499; margin-left: 10px; font-size: 18px; text-shadow: 2px 0px 1px #dcdcdc;}
.sub4-1 .msgSelComp {border-top: 2px solid #ddd;}
.sub4-1 .bt-line {padding-bottom: 5px;}

/********  sub4-1 끝   *********/


/********  sub4-2 시작   *********/

.sub4-2 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub4-2 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

.sub4-2 .col-xs-3 {width: 25%;}
.sub4-2 .col-xs-4 {width: 33.33333333%;}
.sub4-2 .col-xs-8 { width: 66.66666667%;}
.sub4-2 h4 {margin-top: 30px;}
.sub4-2 .msgSelComp {border-top: 2px solid #ddd;}
.sub4-2 .bt-line {padding-bottom: 5px;}

.table-list .team-ranking{width:calc(25% - 20px); height: auto; padding:10px 0; margin-top: 30px; margin-left: 20px; border:1px solid #ddd;min-height: 368px;}
table.team-ranking > thead > tr {border-top:3px solid #0b4499; border-bottom:1px solid #ddd;  background: #cfe0ff; text-align: center;}
table.team-ranking > thead > tr > th{text-align: center; height: 45px; vertical-align: middle; font-weight: 500; font-size: 18px;}
table.team-ranking > tbody > tr {border-bottom:1px solid rgba(221, 221, 221, 0.51); height: 45px; vertical-align: middle; background: #fff;}
table.team-ranking > tbody > tr:last-child {border-bottom:1px solid #ddd;}
table.team-ranking > tbody > tr > td {text-align: center; padding: 10px 0;}
.sub4-1 .msgSelComp {border-top: 2px solid #ddd;}
.sub4-1 .bt-line {padding-bottom: 5px;}
/* 테이블 커스텀 */
.table-list .team-ranking .num {text-align: right;}
table.team-ranking > tbody .top-win {background: rgba(232, 240, 255, 0.7);}
table.team-ranking > tbody .top-win .num {font-size: 20px; font-weight: bold;}
table.team-ranking > tbody .top-win td:nth-child(2) {font-size: 16px; color: #041a3d; font-weight: 500;}
.table-list table tbody .winner span {vertical-align: middle;}
.table-list table tbody .winner .score {margin-left: 20px; font-size: 18px; font-weight: bold; color: #ff2121; vertical-align: middle; padding: 10px;}
.table-list table tbody .winner .win-img {text-align: left;}
table.team-ranking > tbody .winner span img {width: 45px;}
.table-list table tbody .txt-r {text-align: right;}

.rank-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rank-grid .team-ranking{height: auto; padding:10px 0; margin: 10px; border:1px solid #ddd;min-height: 368px;}

.rank-team-name {
    color:#5a5a5a;
    font-size: 80%;
    display: inline-block;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align: bottom;
    width: 135px;
}

/********  sub4-2 끝   *********/


/********  sub4-3 시작   *********/
.sub4-3 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub4-3 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

.sub4-3 .col-xs-3 {width: 25%;}
.sub4-3 .col-xs-4 {width: 33.33333333%;}
.sub4-3 .col-xs-8 { width: 66.66666667%;}

.rank-personal > ul.nav-pills{margin:20px 0 20px;}
.rank-personal > ul.nav-pills > li {float: left;}
.rank-personal > ul.nav-pills > li > a{ display: block; padding: 20px; border:1px solid #ddd;}
.rank-personal > ul.nav-pills > li.active > a{background: #0b4499; color: #fff; border:1px solid #0b4499;}
.rank-personal > ul.nav-pills > li > a:hover{background: #0b4499; color:#fff; border:1px solid #0b4499;}

.rank-personal-list{width:100%; height: auto; padding:10px 0;}
table.rank-personal-list{width:100%;}
table.rank-personal-list > thead > tr {border-top:2px solid #134098; border-bottom:1px solid #ddd;  background: #e8f0ff; }
table.rank-personal-list > thead > tr > th{text-align: center; height: 45px; vertical-align: middle; font-weight: 500; font-size: 16px; padding: 5px;}
table.rank-personal-list > thead > tr > th:first-child{border-left: 1px solid #ddd;}
table.rank-personal-list > thead > tr > th:last-child{border-right: 1px solid #ddd;}
table.rank-personal-list > tbody > tr {border-bottom:1px solid rgba(221, 221, 221, 0.51); height: 45px; vertical-align: middle; background: #fff;}
table.rank-personal-list > tbody > tr:last-child {border-bottom:1px solid #ddd;}
table.rank-personal-list > tbody > tr > td{text-align: center;}
table.rank-personal-list > tbody > tr > td:first-child{border-left: 1px solid #ddd;}
table.rank-personal-list > tbody > tr > td:last-child{border-right: 1px solid #ddd;}

/********  sub4-3 끝   *********/


/********  sub4-4 시작   *********/

.sub4-4 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub4-4 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

.sub4-4 .col-xs-3 {width: 25%;}
.sub4-4 .col-xs-4 {width: 33.33333333%;}
.sub4-4 .col-xs-8 { width: 66.66666667%;}

/********  sub4-4 끝   *********/


/********  sub5-1 시작   *********/

.sub5-1 .top-write {margin-top: 40px;} 
.sub5-1 .top-write button {padding:12px 30px; border:0; background:#0b4499; color:#fff; border-radius:3px; font-size: 14px; margin-bottom: 10px;}
/* sub5-1_write */
.cs3-2_table {width: 100%; border-top: 2px solid #0b4499; border-bottom: 1px solid #ddd; margin-top: 50px;}
.cs3-2_table tr{height: 30px; border-bottom: 1px solid #ddd;}
.cs3-2_table tr th{background-color: #e8f0ff; width: 20%; padding: 10px 15px;font-size: 16px; height: 30px; text-align: center; font-weight: 500;}
.cs3-2_table td{padding: 10px;}
.cs3-2_table tr td input[type='text']{ width: 100%; height: 35px; background-color: #f2f2f2; padding: 3px 0px 3px 5px; border-width: 0;}
.cs3-2_table tr td textarea {resize: none;
 width: 100%; padding: 5px; min-height: 300px; border: 1px solid #ddd;}
.cs3-2_table tr td input[type='password'] {width: 20%; height: 35px; background-color: #f2f2f2; padding: 3px 0px 3px 5px; border-width: 0;}
.q_btns button{padding: 12px 30px; text-align: center; color: #fff; background-color: rgb(170, 170, 170); border: 0; border-radius: 5px; vertical-align: top; float: right; margin: 10px 5px;}
.q_btns button:nth-child(2) {background: #0b4499;}
#files input[type=file] { display: block;}
.file_ready { display: block; }


/********  sub5-1 끝   *********/


/********  sub5-2 시작   *********/

/* 동영상 */
.sub5-3 ul.photo-box{display: flex; flex-wrap: wrap; margin-left: -2rem; margin-top: 50px;}
.sub5-3 ul.photo-box li{position: relative; width: calc(25% - 2rem); margin: 0 0 2rem 2rem; border: 1px solid #ececec; box-sizing: border-box; cursor: pointer; }
.sub5-3 ul.photo-box .photo-list .img-box {width: 100%; margin: 0 auto; max-height: 250px; overflow: hidden;}
.sub5-3 ul.photo-box .photo-list img {display: block; width: 100%; height: 200px;  box-sizing: border-box; }
.sub5-3 ul.photo-box .photo-list .txt {position: relative; padding: 20px 20px 0; height: 1rem; }
.sub5-3 ul.photo-box .photo-list .txt span {display: inline-block; margin-bottom:2px; color: #2f81d4;}
.sub5-3 ul.photo-box .photo-list .txt p {font-size: 18px; color: #333; overflow:hidden;
text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */
-webkit-box-orient:vertical; line-height:25px; height:50px; word-break:keep-all;}
.sub5-3 ul.photo-box .photo-list .left-logo {float: left; width:80px;}
.sub5-3 ul.photo-box .photo-list .info .info-date {float: right; font-size: 14px; color: #666; line-height: 60px;}
.sub5-3 ul.photo-box .gallery-list .img-box::after {content: ''; position: absolute; top:0; left: 0; width:100%; height: 100%; background: rgba(255, 255, 255, 0);}
.sub5-3 ul.photo-box .photo-list:hover .img-box::after {background: rgba(255, 255, 255, 0.35);}

/********  sub5-2 끝   *********/


/********  sub6-1 시작   *********/
.sub6-1 .filter-box .col-xs-3 {width: 25%; margin-left: 8.33333333%; padding-right: 15px; padding-left: 15px;}
.sub6-1 .filter-box .col-xs-4 {width: 33.33333333%; padding-right: 15px; padding-left: 15px;}

.sub6-1 .col-xs-3 {width: 25%;}
.sub6-1 .col-xs-4 {width: 33.33333333%;}
.sub6-1 .col-xs-8 { width: 66.66666667%;}
.sub6-1 .schedule-filter > .filter-box { padding: 8px 0; }
.sub6-1 .schedule-filter > .filter-box > ul > li:last-child{border-left:1px solid rgba(221, 221, 221, 1);}
.sub6-1 .filter-box ul .mg-left {margin-left: 20px; font-size: 18px; font-weight: 500; line-height: 42px; color: #041a3d;}

/*검색바*/
.sub6-1 .search {position: relative;}
.sub6-1 .search .has-search {position: relative;}
.sub6-1 .has-search span {position: absolute; z-index: 2; display: block; width: 1rem; height: 2rem; line-height: 2.7rem; text-align: center; pointer-events: none; color: #aaa; padding-left: 10px; font-size: 18px;}
.sub6-1 .search input { display: block; width: 100%; height: 42px; padding: .375rem .75rem; font-size: 18px; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem;}
.sub6-1 .search input::placeholder {color: #ced4da; font-size: 16px;}

.competition-box {margin-top: 50px;}
.competition-list {display: flex; align-items: center; height: 175px; margin-bottom: 20px; border-radius: 5px; border:1px solid #ddd; -webkit-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);
  -ms-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.24);}
.competition-list .compe {display: inline-block; padding: 20px;}
.competition-list .com-img {width: 20%; height: 100%; }
.competition-list img { width: 100%; height:100%;}
.competition-list .com-txt {width: 58%; height: 100%; border-left: 1px solid #ddd;}
.competition-list .com-txt p {margin-bottom: 20px; margin-left: 15px; font-size: 16px;}
.competition-list .com-txt .cont-1 {font-size: 20px; font-weight: 500; margin-bottom: 5px; margin-top:10px; color: #0b4499;}
.competition-list .com-txt .cont-2 {font-weight: 500; color: #041a3d;}
.competition-list .com-txt .cont-3 {font-size: 20px; font-weight: 500; color: #e33232;}
.competition-list .com-button {position: relative; width: 22%; height: 100%; border-left: 1px solid #ddd;}
.competition-list .com-button button {position: absolute; top:40%; left: 50%; transform: translateX(-50%); padding: 12px 30px; color: #fff; background-color: #0b4499; border: 0; border-radius: 5px; color: #fff;}
/********  sub6-1 끝   *********/
/********  footer 시작    *********/
footer{position: relative;}
.footer_container {background: #111; position: relative;}
.footer-gnb-container { border-bottom: 1px solid #333; height: 60px; background: #222;}
.footer-gnb-container .footer-gnb { width: 1200px; margin: 0 auto; height: 100%;  }
.footer-gnb-container .footer-gnb ul { height: 100%; }
.footer-gnb-container .footer-gnb ul li { float: left; height: 100%; margin-right: 30px; }
.footer-gnb-container .footer-gnb ul li a { display: block; height: 100%; line-height: 59px; font-size: 16px; color: #999; font-weight: 500;}
.footer-gnb-container .footer-gnb ul li a:hover { color: #555; }

.footer {position: relative; width: 100%; margin: 0 auto;  padding: 20px 20px 50px; }
.footer .info-wrap { margin-bottom: 10px; }
.footer .info-wrap .info { display: inline-block; margin-right: 30px; margin-bottom: 8px; }
.footer .info-wrap .info p { font-size: 16px; color: #999;  }
.footer .info-wrap .info p.department { margin-right: 18px; position: relative; display: inline-block; }
.footer .info-wrap .info p.content { display: inline-block; }
.footer .info-wrap .info p.department:after { height: 10px; width: 1px; background: #dcdcdc; position: absolute; content: ''; right: -10px; top: 5px; }
.select_wrap {position: absolute; top: 45%; right: 7%;}
.footer p { font-size: 16px; color: #999;}
.footer p.copy { letter-spacing: 0; }
.footer .org-wrap { margin-bottom: 10px; width: 1000px; }
.footer .org-wrap .info { display: inline-block; margin-right: 30px; margin-bottom: 8px; width: 160px; }
.footer .org-wrap .info p { font-size: 16px; color: #999;  }

/*common select*/
footer select {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background: #555; background-image: none; flex: 1; padding: 0 .5em; color:#fff; cursor:pointer; font-size: 1em; font-family: 'Open Sans', sans-serif;}
footer select::-ms-expand { display: none;}
footer .select { position: absolute; top: 26px; right: 5%; display: flex; width: 250px; height: 40px; line-height: 3; background: #5c6664; overflow: hidden; border-radius: .25em;}
footer .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: #2b2e2e; cursor:pointer; pointer-events:none; transition:.25s all ease;}
footer .select:hover::after {color: #fff;}
.foot-logo {position: absolute; top:48%; left: 98%; width: 100px;}
/* bottom_cont */
.foot{width:100%; background:#222; color:#888; font-size:12px;  padding:1% 0;}
.footWrap {width:1470px; margin:0 auto; position:relative; text-align: center;}
.footWrap address {font-size: 14px; color: #ddd;}

/********  footer 끝    *********/

/* 인증서 발급 페이지 설정 시작 */
.certi-button { padding: 10px 10px; background: #0b4499; border-radius: 5px; color: white; }
.certi-info { width: 90%; margin-left: 5%; margin-top: 12px; }
.certi-type { margin-top: 10px; width: 85%; margin-left: 7.5%; margin-bottom: 20px; }
.certi-way { width: 85%; height: 150px; margin-left: 7.5%; margin-top: 20px; margin-bottom: 20px;  border: 1px solid #eeeeee; border-radius: 10px;}
.certi-way div{ display: block; float:left; width: calc(100%/3); height: 50px; text-align:center;}
.certi-way .way--header { line-height: 3; background: #0b4499; color:white; }
.certi-way .way--context { padding:3%; }
.certi-apply { text-align: center; height: 100px; }
.certi-form { width: 75%; height: 580px; margin-left: 12.5%; border: 1px solid #E1E1E1; margin-top: 30px; margin-bottom: 20px; }
.certi--form { height: 60px; box-sizing: border-box;}
/*.certi--form.form-1, .certi--form.form-2, .certi--form.form-3 { float: left; width: 100%;}*/
.certi--form.form-1 { width: 100%; float:left; }
.certi--form.form-2 { width: 100%; float:left; }
.certi--form.form-3 { width: 100%; float:left; }
.certi--form.form-4 { width: 100%; float:left; }
.certi--form.form-5 { width: 100%; float:left; }
.certi--form.form-6 { width: 50%; float:left; }
.certi--form.form-7 { width: 50%; float:left; }
.certi--form.form-8 { width: 100%; text-align:center; float:left;}
.certi--form.form-1 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-2 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-3 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-4 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-5 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-6 .form--label { padding: 20px; float:left; width: 30%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }

.certi--form.form-1 .form--input { padding: 15px; float:left; width: 35%; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-2 .form--input { padding: 20px; float:left; width: 35%; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-3 .form--input { padding: 18px; float:left; width: 35%; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-4 .form--input { padding: 18px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-5 .form--input { padding: 18px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.certi--form.form-6 .form--input { padding: 15px; float:left; width: 70%; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.certi--form.form-7 .form--input { padding: 18px; float:left; width: 100%; border-bottom: 1px solid #e1e1e1; height:61px; }
.form-1 .form--input select { height: 30px; width: 150px;padding-left:10px; }
.form-2 .form--input select { height: 30px; width: 150px;padding-left:10px; }
.form-6 .form--input select { height: 30px; width: 150px;padding-left:10px; }
.form-3 .form--input input { height: 24px; width: 240px; padding-left:10px; }
.form-4 .form--input input { height: 24px; width: 680px; padding-left:10px; }
.form-5 .form--input input { height: 24px; width: 680px; padding-left:10px; }
.form-7 .form--input input { height: 24px; width: 445px; padding-left:10px; display:none;}

.certi_list { width: 100%; }
.certi_list tr { height: 40px; }
.certi_list td { text-align: center; }
.certi-admin-menu ul { margin-left: 0; }
.certi-admin-menu ul li { width: auto; }
.certi-admin-menu ul li a span.active { background: #0b4499; border-radius: 15px; color: white; padding: 3px 10px; }
.certi_list tr { border-bottom: 1px solid #eeeeee; }
.certi_list thead tr:nth-child(1) { background-color: #0b4499; color:white; border-top:1px solid #eeeeee;}
.certi_list tbody tr:nth-child(2n) { background-color: #dddddd; }
/* 인증서 발급 페이지 설정 끝 */

.tennis-score-row { height: 30px; vertical-align: middle }
.tennis-score-status { width: 100px; font-size: 14px; }
.tennis-score-name { width: 200px; font-size: 16px; padding-left: 20px; text-align: left }
.tennis-score-point { width: 40px; font-size: 16px; white-space: nowrap; }

.team-create-form { width: 75%; height: 580px; margin-left: 12.5%; border: 1px solid #E1E1E1; margin-top: 30px; margin-bottom: 20px; }
.team-create--form { height: 60px; box-sizing: border-box;}
/*.team-create--form.form-1, .team-create--form.form-2, .team-create--form.form-3 { float: left; width: 100%;}*/
.team-create--form.team-create-form-1 { width: 100%; float:left; }
.team-create--form.team-create-form-2 { width: 100%; float:left; }
.team-create--form.team-create-form-3 { width: 100%; float:left; }
.team-create--form.team-create-form-4 { width: 100%; float:left; }
.team-create--form.team-create-form-5 { width: 100%; height: 120px; float:left; }
.team-create--form.team-create-form-6 { width: 50%; float:left; }
.team-create--form.team-create-form-7 { width: 50%; float:left; }
.team-create--form.team-create-form-8 { width: 100%; text-align:center; float:left; padding: 24px; }
.team-create--form.team-create-form-1 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-2 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-3 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-4 .form--label { padding: 20px; float:left; width: 15%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-5 .form--label { padding: 20px; float:left; width: 15%; height: 100%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-6 .form--label { padding: 20px; float:left; width: 30%; text-align: center; background: #f4f4f4; border-bottom: 1px solid #e1e1e1; }

.team-create--form.team-create-form-1 .form--input { padding: 15px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-2 .form--input { padding: 15px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-3 .form--input { padding: 15px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-4 .form--input { padding: 15px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-5 .form--input { padding: 15px; float:left; width: 85%; border-bottom: 1px solid #e1e1e1; }
.team-create--form.team-create-form-6 .form--input { padding: 15px; float:left; width: 70%; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.team-create--form.team-create-form-7 .form--input { padding: 18px; float:left; width: 100%; border-bottom: 1px solid #e1e1e1; height:61px; }
.team-create-select { padding: 2px; width: 40% }
.team-create-file { height: 32px; }
.team-create-text { padding: 8px; width: 90%; height: 85px; }
.team-create-button { padding: 10px 10px; background: #0b4499; border-radius: 5px; color: white; }

.sub-cont{ float:left; width:100%; height: auto; padding:40px 0; margin-top: 120px; }
.create-box{
    border:1px solid #dcdcdc;
    background: #fff;
    height: auto;
    padding-left:0;
    padding-right: 0;
    padding-bottom:30px;
    float:left;
    margin-bottom: 30px;

}
.create-box > h4{
    border-bottom:1px solid #dcdcdc;
    height: 70px;
    line-height: 70px;
    margin:0;
    text-align: center;
    font-weight: bold;
    font-size: 125%;
}

.create-box > h5{
    font-size: 112.3%;
    height: 30px;
    line-height: 30px;
    margin:0;
    text-align: center;
    font-weight: bold;
}
.create-box > p{
    padding-left:0;
    padding-top:30px;
}
.create-box-in-info {

    padding: 20px 0;
    height: auto;
    margin-bottom:20px;
    border-top:2px solid #5a5a5a;
    border-left:1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom:1px solid #eee;
}


.create-box-in-info > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.create-box-in-info > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}
.create-box-in-info > ul > li > label{
    width:100px;
    padding:10px 0;
    /*width:50%;*/
}
.create-box-in-info > ul > li > textarea,
.create-box-in-info > ul > li > input[type=text],
.create-box-in-info > ul > li > input[type=password],
.create-box-in-info > ul > li > input[type=email],
    /*ksm 200427 협회-엘리트유소년 회원가입*/
.create-box-in-info > ul > li > input[type=number]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.create-box-in-info > ul > li > input{
    width:100%;
}
.create-box-in-info > ul > li > select{
    border:0;
    box-shadow: none;
    width:49%;
    display: inline-block;

}
.create-box-in-info > ul > li > textarea{
    width: 100%;
}
.create-box-in-info > div > ul > li{
    text-align: center;
    line-height: 25px;
}
.create-box-in-info > div > ul > li > span{
    margin-right: 10px;
}
.create-box-in-info > ul > li > label {
    margin-left:10px;

}

.create-box-in-info > form > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.create-box-in-info > form > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}
.create-box-in-info > form > ul > li > label{
    width:100px;
    padding:10px 0;
    /*width:50%;*/
}
.create-box-in-info > form > ul > li > textarea,
.create-box-in-info > form > ul > li > input[type=text],
.create-box-in-info > form > ul > li > input[type=password],
.create-box-in-info > form > ul > li > input[type=email],
.create-box-in-info > form > ul > li > input[type=number]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.create-box-in-info > form > ul > li > input{
    width:100%;
}
.create-box-in-info > form > ul > li > select{
    border:0;
    box-shadow: none;
    width:49%;
    display: inline-block;

}
.create-box-in-info > form > ul > li > textarea{
    width: 100%;
}
.create-box-in-info > form > div > ul > li{
    text-align: center;
    line-height: 25px;
}
.create-box-in-info > form > div > ul > li > span{
    margin-right: 10px;
}
.create-box-in-info > form > ul > li > label {
    margin-left:10px;

}
/*가입방법선택*/
.join_select_box{
    height: auto;
    border:1px solid #eee;
    padding:20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.join_select_box > form > input{
    width:100%;
    padding:0 10px;
    line-height: 40px;
    min-height: 42px;
}
.join_select_box > p{
    text-align: center;
    font-size: 100%;
    color:#333;
    line-height: 160%;
    padding:15px 0;
    font-weight: bold;

}
.join_select_box > div{
    width:100%;
    text-align: center;
    height: auto;
    margin-bottom: 10px;
}
.join_select_box > div > a > i{
    font-size: 100%;
    padding: 15px 0;
    color :#fff;

}
.join_select_box > div >a > i > span{
    margin-left:10px;
}
.join_select_box > span{
    width:100%;
    font-size: 83.5%;
}
.join_select_box > span > a{
    margin-left:10px;
    color:#868686;
}
.join_select_box > ul > li{
    width:50%;
    float:left;
    margin-bottom:10px;
}
.join_select_box > h5{
    font-size: 112.5%;
    text-align: center;
    line-height: 180%;
}
button.sns-login{
    border:0;

}


/*약관동의*/
.term_select_box{

    height: auto;

    border:1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 30px;

}
.box_terms{
    width:100%;
    height: 250px;
    overflow: auto;
    padding: 15px;
    box-sizing: border-box;
    font-size: 83.5%;
    line-height: 150%;
    border-top:1px solid #eee;
}

.term_select_box > h5{
    font-size: 87.5%;
    color :#333;
    margin: 0;
    padding:10px;
    line-height: 30px;
    font-weight: bold;
}

.create-box > ul{
    text-align: center;
    padding: 10px 0;
}
.create-box > ul > li{
    display:inline-block;
    height: 10px;
    width: 10px;
    margin-right: 12px;
    background: #dcdcdc;
    border-radius: 5px;
}

.write-box{
    width:100%;
    height: auto;
    float:left;
}
.write-btn-g{
    width:100%;
    text-align: center;
}

button.btn-write{
    padding:8px 20px;
    color:#fff;
    border:0;
}
.normal {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.bolder {
    font-weight: 800
}

.light {
    font-weight: 300
}
.bg-color-g{
    background: #9a9a9a;
}
/*.bg-color-r
{
	background: #c60001;
}*/
/*ksm 이미지디자인 변경 후 폰트*/
.bg-color-r
{
    background: #743A8F;
}
.bg-color-p{
    background: #f3776b;
}

.ft-color-r{
    color:#c60001;
}
.ft-color-w{
    color:#fff;
}