/* ----------------
	Common
----------------  */

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.float_l {
    float: left !important;
}

.float_r {
    float: right !important;
}

.mobile_view {
    display: block;
}

.pc_view {
    display: none;
}

.pagination {
    height: 35px;
    margin-top: 25px;
    padding: 0 35px;
    position: relative;
}

.pagination .next_set,
.pagination .prev_set {
    height: 100%;
    position: absolute;
    top: 0;
    font-size: 0;
}

.pagination .prev_set {
    left: 0;
}

.pagination .next_set {
    right: 0;
}

.pagination button {
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px auto;
}

.pagination button.first,
.pagination button.last {
    display: none;
}

.pagination button.prev {
    background-image: url('/resources/images/common/m_ico_paging_left.png');
}

.pagination button.next {
    background-image: url('/resources/images/common/m_ico_paging_right.png');
}

.pagination .page {
    font-size: 0;
}

.pagination .page a {
    width: 20%;
    display: inline-block;
    line-height: 35px;
    color: #999;
    text-align: center;
    font-size: 12px;
}

.pagination .page a.active {
    color: #ff7a00;
}

.popup_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
}

.popup_wrap .popup_area {
    width: 300px;
    padding: 10px;
    transform: translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    box-shadow: 2px 2px 20px #696969;
    border: 1px solid #e1e1e1;
    border-top: 3px solid #ea002c;
    box-sizing: border-box;
}

.popup_wrap.notice-popup .popup_area {
    width: 300px;
    text-align: center;
    padding: 40px 20px;
}

.popup_wrap.notice-popup .popup_area .cont {
    text-align: center;
}

.popup_wrap.notice-popup .popup_area .cont strong {
    font-size: inherit;
}

.notice-popup-title {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 15px;
}

.notice-popup-text {
    font-size: 14px;
    color: #656565;
    line-height: 1.5em;
}

.notice-popup-text2 {
    font-size: 13px;
    color: #656565;
    line-height: 1.5em;
    text-align: center;
    width: 80%;
    margin: 0 auto 25px;
}

.popup_wrap .popup_area.nopd {
    padding: 0;
}

.popup_wrap .popup_area .pop_close {
    width: 28px;
    height: 28px;
    background: #ea002c url('/resources/images/common/btn_close.png') 50% no-repeat;
    background-size: 14px auto;
    position: absolute;
    top: 0;
    right: -1px;
}

.popup_wrap .top {
    margin-bottom: 10px;
    text-align: center;
}

.popup_wrap .top .title {
    color: #111;
    font-size: 20px;
    line-height: 23px;
    display: inline-block;
}

.icon-text {
    color: #656565;
    font-size: 13px;
    line-height: 1.5em;
    padding-top: 162px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 136px;
}

.icon-text.icon1 {
    background-image: url(/resources/images/common/img_information1.png);
}

.icon-text.icon2 {
    background-image: url(/resources/images/common/img_information2.png);
}

.icon-text.icon3 {
    background-image: url(/resources/images/common/img_information3.png);
    background-size: 300px;
    padding-top: 120px;
}

/* ?????? */

.btn_area {
    text-align: center;
    margin-top: 15px;
    font-size: 0;
}

.btn_area.col2 a,
.btn_area.col2 button {
    width: 49%;
    margin-left: 2%;
}

.btn_area.col2 a:first-child,
.btn_area.col2 button:first-child {
    margin-left: 0;
}

.btn_area.col3 a,
.btn_area.col3 button {
    width: 32%;
    margin-left: 2%;
}

.btn_area.col3 a:first-child,
.btn_area.col3 button:first-child {
    margin-left: 0;
}

.btn_more {
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: 50%;
    background-color: #3a3b3c;
    background-image: url('/resources/images/common/m_ico_more_h.png');
}

.btn_more.red {
    background-color: #fff;
    background-image: url('/resources/images/common/m_ico_more_red.png');
}

.btn_st {
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 15px;
    border: 1px solid transparent;
}

.btn_st.wauto {
    width: auto;
}

.btn_st.nopd {
    padding-left: 0;
    padding-right: 0;
}

.btn_st.btn_st_sm {
    padding-left: 5px;
    padding-right: 5px;
}

.btn_st.small {
    padding: 5px 0;
    font-size: 11px;
}

.btn_st.line {
    border: 1px solid #ccc;
    color: #999;
}

.btn_st.list_size {
    width: 115px;
}

.btn_st_round {
    padding: 5px 25px;
    box-sizing: border-box;
    border-radius: 20px;
    display: inline-block;
}

.btn_st_round.orange {
    color: #fff;
    background-color: #ff7a00;
}

.btn_st_round.line {
    border: 1px solid #c5c5c5;
    color: #8a8a8a;
}

.btn_st.gray {
    background-color: #656565;
    color: #fff;
}

.btn_st.dimgray {
    background-color: #999;
    color: #fff;
}

.btn_st.red {
    background-color: #ea002c;
    color: #fff;
}

.btn_st.orange {
    background-color: #ff7a00;
    color: #fff;
}

.btn_st.indigo {
    background-color: #3f485f;
    color: #fff;
}

.btn_st.line-red {
    border-color: #ea002c;
    color: #ea002c;
}

.btn_st.down {
    width: auto;
    padding-right: 35px;
    padding-left: 35px;
    background-color: #999;
    color: #fff;
}

.btn_st.down:active {
    background-color: #ea002c;
}

.btn_st.down span {
    padding-left: 25px;
    display: inline-block;
    background: url('/resources/images/common/ico_download.png') 0 0 no-repeat;
    background-size: 21px auto;
    line-height: 23px;
}

.social_media {
    font-size: 0;
}

.social_media button {
    width: 30px;
    height: 30px;
    margin-left: 6px;
    background-color: #c7c7c7;
    border-radius: 50%;
}

.social_media button:first-child {
    margin-left: 0;
}

.social_media button.facebook {
    background: #c7c7c7 url('/resources/images/common/ico_facebook.png') 50% no-repeat;
    background-size: auto 12px;
}

.social_media button.facebook.active {
    background-color: #4862a3;
}

.social_media button.youtube {
    background: #c7c7c7 url('/resources/images/common/ico_youtube.png') 50% no-repeat;
    background-size: 16px auto;
}

.social_media button.youtube.active {
    background-color: #ea002c;
}

.btn_list_more {
    width: 50px;
    height: 50px;
    background: #ea002c url('/resources/images/common/ico_list_more.png') 50% no-repeat;
    background-size: 19px auto;
    border-radius: 50%;
}

.link_home {
    padding-left: 20px;
    display: inline-block;
    position: relative;
}

.link_home:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    border-radius: 50%;
    background: #ea002c url('/resources/images/common/ico_home2.png') 50% no-repeat;
    background-size: 9px auto;
    position: absolute;
    top: 50%;
    left: 0;
}

.link_home a {
    display: block;
    font-size: 11px;
    color: #656565;
    line-height: 16px;
    border-bottom: 1px solid #656565;
}

/* form ????????? */

.form_wmid {
    width: 128px !important;
}

.form_w100 {
    width: 100% !important;
}

.form_st {
    width: 100%;
    height: 35px;
    padding: 0 8px;
    border: 1px solid #ccc;
    color: #656565;
    box-sizing: border-box;
}

textarea.form_st {
    height: 150px;
    padding: 8px;
}

.search_input,
.select_wrap {
    position: relative;
    display: inline-block;
}

.select_wrap select {
    padding-right: 26px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.select_wrap:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    margin-top: -2.5px;
    background: url('/resources/images/common/ico_select_down_2.png') 0 0 no-repeat;
    background-size: 10px auto;
    position: absolute;
    top: 50%;
    right: 8px;
}

.search_input input {
    padding-right: 33px;
}

.search_input .btn_search {
    width: 25px;
    height: 100%;
    background: url('/resources/images/common/ico_search.png') 0 50% no-repeat;
    background-size: 17px auto;
    position: absolute;
    top: 0;
    right: 0;
}

.search_wrap {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 120px;
    position: relative;
    box-sizing: border-box;
}

.search_wrap .select_wrap {
    width: 115px;
    position: absolute;
    top: 0;
    left: 0;
}

.search_wrap .search_input {
    width: 100%;
}

.select_box {
    margin-bottom: 15px;
    padding: 15px 10px 15px 70px;
    background-color: #f2f2f2;
    border-top: 2px solid #ea002c;
    position: relative;
}

.select_box > label {
    margin-top: -18px;
    font-size: 13px;
    color: #656565;
    position: absolute;
    top: 50%;
    left: 10px;
    line-height: 35px;
}

.select_box .select_wrap {
    width: 100%;
}

.select_box.type2 {
    padding: 15px 10px;
}

.select_box.type2 .colgroup {
    overflow: hidden;
}

.select_box.type2 .colgroup.col2 .col {
    width: 49%;
    margin-left: 2%;
    float: left;
}

.select_box.type2 .colgroup.col2 .col:first-child {
    margin-left: 0;
}

.select_box.type2 .colgroup.col2 .col label {
    font-size: 13px;
    color: #111;
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.select_box.type2 .colgroup + button {
    margin-top: 15px;
}

.division_area {
    margin-bottom: 25px;
}

.division_area.type2 {
    margin-bottom: 15px;
}

.division_area.type2 .select_wrap {
    width: 100%;
}

.tel_group,
.tel_group fieldset {
    font-size: 0;
}

.tel_group .select_wrap,
.tel_group input[type='text'].form_st,
.tel_group input[type='number'].form_st {
    width: 32%;
}

.tel_group input[type='text'].form_st {
    margin-left: 2%;
}

.radio_set label {
    padding-left: 20px;
    font-size: 12px;
    color: #656565;
    position: relative;
    line-height: 16px;
    display: inline-block;
}

.radio_set input[type='radio'] {
    width: 0;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
}

.radio_set label:after,
.radio_set label:before {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.radio_set label:before {
    width: 16px;
    height: 16px;
    display: block;
    border: 1px solid #c5c5c5;
    top: 0;
    left: 0;
}

.radio_set label:after {
    width: 10px;
    height: 10px;
    background-color: #ea002c;
    top: 4px;
    left: 4px;
    display: none;
}

.radio_set label.active:after {
    display: block;
}

.privacy_area {
    margin-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #8a8a8a;
}

.privacy_area strong.tit {
    margin-bottom: 10px;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    background-color: #ea002c;
    text-align: center;
    display: block;
}

.privacy_area .cont {
    padding: 0 10px;
}

.privacy_area .cont .privacy_txt {
    height: 195px;
    padding: 10px;
    font-size: 11px;
    color: #656565;
    line-height: 14px;
    overflow-y: auto;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.privacy_area .cont .privacy_txt p + p {
    margin-top: 10px;
}

.privacy_area .agree_select {
    margin-top: 10px;
}

.privacy_area .agree_select label:first-child {
    margin-bottom: 10px;
}

.join_contents {
    resize: none;
    height: 150px;
    width: 97%;
    border: 1px solid #ccc;
}

/* 2018.09.18 ??????? */

.with strong {
    font-size: 15px;
}

.with span {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}

.with label {
    display: block;
    color: #656565;
    font-size: 15px;
    font-weight: 400;
}

.with input[type='text'] {
    width: 154px;
    height: 38px;
    margin: 10px 0 0 10px;
    padding: 0 10px;
    border: 1px solid #ccc;
    color: #656565;
    box-sizing: border-box;
}

/* slide - bxslider */

.bxslider li {
    width: 100%;
    height: 100%;
    position: relative;
}

.bxslider li a {
    display: block;
}

/* slide - custom */

.slide_area {
    position: relative;
}

.slide_area .slide {
    width: 100%;
}

.slide_area .slide:first-child {
    margin-left: 0;
}

.slide_area .screen {
    overflow: hidden;
}

.slide_area .view {
    position: relative;
}

.slide_area .view:after {
    content: '';
    display: block;
    clear: both;
}

.slide_area .view .slide {
    float: left;
}

/* text */

.desc {
    line-height: 18px;
    font-size: 13px;
    color: #656565;
}

.desc2 {
    color: #656565;
    font-size: 11px;
    line-height: 16px;
    font-weight: 300;
}

.desc3 {
    color: #656565;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}

.desc4 {
    font-size: 16px;
    font-weight: 500;
}

.font_bold {
    font-weight: 700;
}

.font_normal {
    font-weight: 300;
}

.text_left {
    text-align: left !important;
}

.text_right {
    text-align: right !important;
}

.text_center {
    text-align: center !important;
}

.text_center .notice_wrap {
    display: inline-block;
}

.notice_wrap {
    margin-top: 15px;
    min-height: 33px;
    padding-left: 40px;
    position: relative;
}

.notice_wrap.search:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    background: #656565 url('/resources/images/common/ico_search_2.png') 50% no-repeat;
    border-radius: 50%;
    background-size: 18px auto;
    position: absolute;
    top: 0;
    left: 0;
}

.notice_wrap p.notice_txt {
    margin-top: 0;
    padding-top: 3px;
    /* line-height:33px */
}

p.notice_txt {
    margin-top: 15px;
    padding-left: 13px;
    color: #999;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    position: relative;
}

p.notice_txt.mobile_view {
    margin-top: 0;
}

p.notice_txt .bullet {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
}

.bullet_txt > li,
p.bullet_txt {
    padding-left: 10px;
    color: #656565;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    font-weight: 300;
}

.bullet_txt > li {
    margin-top: 10px;
}

.bullet_txt > li:first-child {
    margin-top: 0;
}

.bullet_txt.circle > li,
.bullet_txt.dotted > li {
    margin: 0;
}

.bullet_txt > li > .bullet,
p.bullet_txt > .bullet {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.bullet_txt.circle > li > .bullet,
p.bullet_txt.circle > .bullet {
    width: 5px;
    height: 5px;
    border: 1px solid #656565;
    border-radius: 50%;
    top: 5px;
}

.bullet_txt.dotted > li,
p.bullet_txt.dotted {
    padding-left: 5px;
}

.bullet_txt.dotted > li > .bullet,
p.bullet_txt.dotted > .bullet {
    width: 2px;
    height: 2px;
    background-color: #656565;
    top: 8px;
}

/* color */

.f_col_dim {
    opacity: 0.8;
}

.f_col_orange {
    color: #ff7a00 !important;
}

.f_col_red {
    color: #ea002c !important;
}

.f_col_green {
    color: #22a54a !important;
}

.f_col_gold {
    color: #d0a428 !important;
}

.f_col_black {
    color: #111 !important;
}

/* title */

.title_wrap {
    position: relative;
}

.title_wrap.interval {
    margin-bottom: 30px;
}

.title_wrap h3.title + p.desc {
    margin-top: 10px;
}

h2.title {
    font-size: 25px;
    color: #111;
    line-height: 28px;
    text-align: center;
}

h3.title {
    font-size: 22px;
    color: #111;
    line-height: 25px;
}

h4.title {
    margin-bottom: 8px;
    font-size: 15px;
    color: #111;
    line-height: 16px;
}

h4.title.left {
    text-align:left;
}

h4.title .small {
    font-size: 12px;
}

.title_under {
    display: inline-block;
    margin: 15px 0 10px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #111;
    line-height: 15px;
    border-bottom: 2px solid #111;
    font-weight: 400;
}

.title_under.first {
    margin-top: 0;
}

.title_wrap.red_under {
    padding-bottom: 30px;
    border-bottom: 2px solid #ea002c;
    margin-bottom: 15px;
}

/* table */

.list_table td {
    padding: 12px 10px;
    border-bottom: 1px solid #e1e1e1;
    color: #999;
}

.list_table tr:first-child td {
    border-top: 1px solid #e1e1e1;
}

.list_table td a.link {
    font-size: 14px;
    color: #656565;
    line-height: 16px;
}

.list_table td .date {
    font-size: 11px;
    color: #999;
}

.list_table td a.link + .date {
    margin-top: 8px;
}

.list_table td.speaker {
    padding-left: 40px;
    background: url('/resources/images/common/ico_speaker.png') 10px 10px no-repeat;
    background-size: 20px auto;
}

.list_table tr:active,
.list_table tr:hover {
    background-color: #f8f8f8;
}

.scroll_x {
    overflow-x: auto;
}

.scroll_y {
    overflow-y: auto;
}

.table_group .table_wrap {
    margin-top: 15px;
}

.table_group .table_wrap.first {
    margin-top: 0;
}

.table_wrap {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.table_wrap.lineem {
    border-top: 1px solid #656565;
    border-bottom: 1px solid #656565;
}

.table_wrap.lineem .table_st thead + tbody tr:first-child td,
.table_wrap.lineem .table_st thead + tbody tr:first-child th {
    border-top: 1px solid #656565;
}

.table_wrap.topred {
    border-top: 1px solid #ed1f24;
}

.table_wrap.topblack {
    border-top: 1px solid #111;
}

.table_wrap.sideborder {
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}

.table_wrap.intitle {
    border-top: none;
}

.table_wrap.intitle > strong.tit {
    display: block;
    text-align: center;
    font-size: 14px;
    width: 50%;
    float: left;
    line-height: 35px;
}

.table_wrap.intitle > strong.tit span {
    display: inline-block;
    font-size: 12px;
}

.table_wrap.intitle > strong.tit.mvp {
    background-color: #ff7a00;
    color: #fff;
}

.table_wrap.intitle > strong.tit.v2 {
    background-color: #ea0029;
    color: #fff;
}

/* .table_wrap.intitle>strong.tit.mvp span{background:url("/resources/images/common/ico_mvp.png") 0 0 no-repeat;background-size:27px auto} */

.scroll_x .table_wrap.topred {
    border-top: none;
}

.scroll_x .table_wrap.topred .table_st {
    border-top: 1px solid #ed1f24;
}

.table_wrap.vt_line_no .table_st td,
.table_wrap.vt_line_no .table_st th {
    border-left: none;
}

.table_wrap.vt_align_top .table_st td,
.table_wrap.vt_align_top .table_st th {
    vertical-align: top;
}

.table_wrap.font_dim .table_st tbody td,
.table_wrap.font_dim .table_st tbody th {
    color: #999;
}

.table_st .bg_highlight td,
.table_st .bg_highlight th {
    background-color: #fff1e5;
}

.table_st td,
.table_st th {
    padding: 10px 5px;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}

.table_st td:first-child,
.table_st th:first-child {
    border-left: none;
    border-right: 1px solid #c5c5c5;
}

.table_st td:last-child {
    border-right: none;
}

.table_st tr:first-child td,
.table_st tr:first-child th {
    border-top: none;
}

.table_st thead + tbody tr:first-child td,
.table_st thead + tbody tr:first-child th {
    border-top: 1px solid #c5c5c5;
}

.table_st th {
    background-color: #f8f8f8;
    color: #111;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    word-wrap: break-word;
}

.table_st td {
    color: #656565;
    font-weight: 300;
    font-size: 11px;
}

.table_st colgroup.mobile_view {
    display: table-column-group;
}

.table_st .small {
    font-size: 10px;
    color: #999;
    font-weight: 300;
}

.table_bg {
    padding-top: 100px;
    background-color: transparent;
    background-position: 50% 10px;
    background-repeat: no-repeat;
}

.table_bg.discount {
    background-image: url('/resources/images/common/img_discount.jpg');
    background-size: 92px;
}

.table_bg.member_p {
    background-image: url('/resources/images/common/img_member_p.jpg');
    background-size: 92px;
}

.table_bg.rsvnotice {
    background-image: url('/resources/images/common/img_reserve_notice.jpg');
    background-size: 102px;
}

.table_bg .table_st {
    border-top: 1px solid #c5c5c5;
}

.table_st .bul_ico {
    padding-left: 30px;
    display: inline-block;
    position: relative;
}

.table_st .bul_ico:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px auto;
    position: absolute;
    top: 50%;
    left: 0;
}

.table_st .bul_ico.red:before {
    background-color: #ea002c;
}

.table_st .bul_ico.green:before {
    background-color: #22a54a;
}

.table_st .bul_ico.gold:before {
    background-color: #d0a428;
}

.table_st .bul_ico.blue:before {
    background-color: #2d60d2;
}

.table_st .bul_ico.yellow:before {
    background-color: #ffcc00;
}

.table_st .bul_ico.gray:before {
    background-color: #a8a8a8;
}

.table_st .bul_ico.indigo:before {
    background-color: #3f485f;
}

.table_st .bul_ico.seat:before {
    background-image: url('/resources/images/common/ico_seat.png');
}

.table_st .bul_ico.exit:before {
    background-image: url('/resources/images/common/ico_exit.png');
}

.table_st .bul_ico.train:before {
    background-image: url('/resources/images/common/ico_train.png');
}

.table_st .bul_ico.bus:before {
    background-image: url('/resources/images/common/ico_bus.png');
}

.table_st .bul_ico.location:before {
    background-image: url('/resources/images/common/ico_location.png');
}

.table_st .bul_ico.tel:before {
    background-image: url('/resources/images/common/ico_tel.png');
}

.table_st .bul_ico.time:before {
    background-image: url('/resources/images/common/ico_time.png');
}

.table_st .bul_ico.join_fee:before {
    background-image: url('/resources/images/common/ico_join_fee.png');
}

.table_st .bul_ico.peaple:before {
    background-image: url('/resources/images/common/ico_peaple.png');
}

.table_st .bg_pink {
    background-color: #fff0f3;
}

.table_st .pictogram {
    display: block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50% 0;
}

.table_st .pictogram.force {
    padding-top: 45px;
    background-image: url('/resources/images/common/ico_force.png');
    background-size: 36px auto;
}

.table_st .pictogram.wisdom {
    padding-top: 50px;
    background-image: url('/resources/images/common/ico_wisdom.png');
    background-size: 43px auto;
}

.table_st .pictogram.emotion {
    padding-top: 40px;
    background-image: url('/resources/images/common/ico_emotion.png');
    background-size: 47px auto;
}

.table_st .pictogram.sociability {
    padding-top: 50px;
    background-image: url('/resources/images/common/ico_sociability.png');
    background-size: 42px auto;
}

.table_st .pictogram.multi_intelly {
    padding-top: 50px;
    background-image: url('/resources/images/common/ico_multi_intelly.png');
    background-size: 37px auto;
}

.music_control button {
    display: inline-block;
    margin-left: 15px;
}

.music_control button:first-child {
    margin-left: 0;
}

.table_st th.back_no {
    background: none;
    border-right: none;
}

.event_table .table_st thead th {
    border-right: none;
}

.event_table .table_st tbody td {
    border: none;
}

/* 191029 ????? */

#m05 .table_st tbody td:first-child,
#m06 .table_st tbody td:first-child,
#m07 .table_st tbody td:first-child,
#m08 .table_st tbody td:first-child,
#m09 .table_st tbody td:first-child,
#m05 .table_st tbody td:last-child,
#m06 .table_st tbody td:last-child,
#m07 .table_st tbody td:last-child,
#m08 .table_st tbody td:last-child,
#m09 .table_st tbody td:last-child {
    text-align: center;
}

/* icon */

.ico_new {
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: #ea002c;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
}

.ico_st {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #ea002c;
}

.ico_st i {
    vertical-align: middle;
}

.ico_st.music {
    background-image: url('/resources/images/common/ico_music.png');
    background-size: 16px auto;
    background-color: #8a8a8a;
}

button.active .ico_st.music,
button:hover .ico_st.down {
    background-color: #ea002c;
}

.ico_st.down {
    background-image: url('/resources/images/common/ico_down.png');
    background-size: 16px auto;
    background-color: #8a8a8a;
}

/* ???? ???????? */

.roll_tab_wrap {
    margin-bottom: 15px;
    border-top: 2px solid #c5c5c5;
    border-bottom: 2px solid #c5c5c5;
    overflow: hidden;
    position: relative;
}

.roll_tab {
    font-size: 0;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.roll_tab li {
    display: inline-block;
    position: relative;
    text-align: center;
}

.roll_tab li a {
    padding: 15px 20px;
    display: block;
    font-size: 12px;
    color: #656565;
    line-height: 14px;
}

.roll_tab li a:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 0;
}

.roll_tab li:first-child a:after {
    display: none;
}

.roll_tab li.active a {
    color: #ea002c;
    font-weight: 700;
}

.roll_tab li.active:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ea002c;
    position: absolute;
    bottom: 0;
    left: 0;
}

.roll_tab_wrap .btn_st_round {
    margin-top: -18px;
    position: absolute;
    top: 50%;
    right: 0;
}

.tab_area .tab_cont .cont {
    display: none;
}

.tab_area .tab_cont .cont.active {
    display: block;
}

.box_tab_st {}

.box_tab_st .tab_btn {
    font-size: 0;
}

.box_tab_st .tab_btn .btn {
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
    font-weight: 700;
    text-align: center;
    background-color: #e1e1e1;
    border-bottom: 1px solid #ea002c;
    display: inline-block;
    line-height: 16px;
}

.box_tab_st.col3 .tab_btn .btn {
    width: 33.33%;
}

.box_tab_st .tab_btn .btn.active {
    background-color: #fff;
    color: #ea002c;
    border-top: 1px solid #ea002c;
    border-right: 1px solid #ea002c;
    border-left: 1px solid #ea002c;
    border-bottom: none;
}

/*???????????????????????*/

.preparation {
    text-align: center;
}

.preparation img {
    width: 251px;
}

/*???????*/

.layer_div {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 500;
    text-align: center;
    width: 100%;
    height: 100%;
}

.pop_con {
    display: inline-block;
    position: absolute;
    top: 10%;
    left: 50%;
    /*margin-left:-180px;*/
}

.pop_con.succesive .main_img {
    width: 360px;
}

.pop_con span {
    color: #f1ca7d;
    position: absolute;
    font-weight: 600;
}

.pop_con .order {
    bottom: 110px;
    left: 73px;
    font-size: 15px;
    letter-spacing: -0.4px;
}

.pop_con .victories {
    color: #e0b16b;
    font-size: 111px;
    bottom: 62px;
    left: 112px;
}

.pop_con .close_btn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.pop_con .close_btn img {
    width: 40px;
}

.multi_pop .pop_con {
    width: 255px;
    max-height: 95%;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.multi_pop .pop_con::-webkit-scrollbar {
    display: none;
}

.multi_pop .pop_con .pop {
    position: relative;
}

.multi_pop .pop_con .pop .btn_close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 18px;
    height: 18px;
}

.multi_pop .pop_con .pop .btn_apply {
    position: absolute;
    bottom: 12px;
    width: 50%;
    left: 50%;
    margin-left: -25%;
}

.multi_pop .pop_con .pop img {
    width: 100%;
}

.pop_con.victory {
    width: 90%;
    margin-left: -45%;
}

.pop_con.victory .main_img {
    width: 100%;
}

.pop_con.victory .close_btn img {
    width: 26px;
}

.layer_div.victory_layer {
    position: absolute;
}

.popup_overlay {
    position: fixed;
    z-index: 99998;
    top: 0;
    left: 0;
    z-index: 60;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    margin: 0;
}

.popup-box {
    display: none;
    position: fixed;
    z-index: 89;
    max-width: 700px;
    width: calc(100% - 10px);
    overflow-y: auto;
    height: auto;
    max-height: 100%;
    margin: 0;
    background: #fff;
    text-align: left;
    border-top: 3px solid #ea002c;
}

.popup-box.type2 {
    max-width: 300px;
}

.popup-title {
    color: #111;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 0;
    text-align: center;
    background-color: #f2f2f2;
}

.popup_inner {
    position: relative;
    z-index: 80;
    display: block;
    height: auto;
    padding: 15px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.popup-bottom {
    text-align: center;
    padding: 15px 0;
}

.popup_inner .popup_close {
    top: 8px;
    right: 20px;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    position: absolute;
}

.respwan-text {
    color: #656666;
}

.respwan-text * {
    word-break: keep-all;
}

.respwan-text > p {
    margin-bottom: 15px;
    font-size: inherit;
    line-height: 1.5em;
}

/* 2018.09.18 ??????? */

.vd_pop {
    display: none;
    margin-bottom: 5px;
    padding: 16.5px 15px;
    background: #fff;
}

.vd_pop h4 {
    font-size: 15px;
}

.vd_pop iframe {
    width: 100%;
    margin-top: 15px;
}

.vd_pop a {
    display: inline-block;
    width: 100% !important;
    margin-top: 5px;
    font-size: 12px;
}

.vd_pop .btn_close {
    position: static !important;
}

.vd_pop .today {}

.vd_pop .btn_st.indigo {}

.vd_pop .btn_st.gray {
    background: none;
    border: 1px solid #656565;
    color: #656565;
}

/* ----------------
layout
----------------  */

#container .inner,
#footer .inner,
#header .inner {
    width: auto;
}

#container .m_inner,
#footer .m_inner,
#header .m_inner {
    padding: 0 10px;
}

#header {
    height: 60px;
    position: relative;
    z-index: 10;
}

#header h1.logo {
    width: 60.5px;
    margin-left: -30.25px;
    position: absolute;
    top: 8px;
    left: 50%;
}

#header h1.logo a {
    display: block;
}

#header h1.logo img {
    width: 100%;
}

#header.jnr_knight h1.logo {
    width: 100px;
}

#header .second_top {
    display: none;
}

#header h2.title {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 50px;
    text-align: center;
}
#header h2.title.esg {line-height: 1.4;}
#header h2.title.esg p {font-size : 16px;}
@media only screen and (max-width: 767px) {
    #header h2.title.esg p {font-size : 3.6vw;}    
}

.category_area,
.gnb_area {
    width: 100%;
    position: relative;
}

.category_area.active,
.gnb_area.active {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index:1;
}

.category_area .open_btn,
.gnb_area .open_btn {
    /* width: 37px;
  height: 60px; */
    position: absolute;
}

.category_area .open_btn {
    width: 25px;
    height: 26px;
    background: url('/resources/images/new/m_fm_menu.png') 0 0 no-repeat;
    top: 18px;
    right: 15px;
}

.gnb_area .open_btn {
    width: 28px;
    height: 18px;
    background: url('/resources/images/new/m_btn_menu.png') 0 0 no-repeat;
    top: 22px;
    left: 15px;
}

.category_wrap,
.gnb_wrap {
    display: none;
    width: 86%;
    height: 100%;
    position: fixed;
    background-color: #212429;
    overflow-y: auto;
}

.category_wrap {
    right: 0;
    box-shadow: -1px 0 40px #000;
}

.gnb_wrap {
    left: 0;
    box-shadow: 1px 0 40px #000;
    background-image: url('/resources/images/common/m_line_repeat.gif');
    background-repeat: repeat-y;
    background-position: 119px 0;
}

.category_area.active .category_wrap,
.gnb_area.active .gnb_wrap {
    display: block;
}

.category_wrap .top,
.gnb_wrap .top {
    /* background-color: #ea002c */
}

.category_wrap .top {
    text-align: right;
}

.gnb_wrap .top {
    text-align: left;
}

.category_wrap .close_btn,
.gnb_wrap .close_btn {
    padding: 15px 0;
    font-size: 16px;
    color: #fff;
}

.category_wrap .close_btn:after,
.gnb_wrap .close_btn:before {
    content: '';
    width: 23px;
    height: 19px;
    margin: 0 10px;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 23px auto;
    vertical-align: top;
}

/* .category_wrap .close_btn:after {
  background-image: url("/resources/images/common/m_btn_back_right.png")
}

.gnb_wrap .close_btn:before {
  background-image: url("/resources/images/common/m_btn_back_left.png")
} */

.gnb_area .depth_bg {
    display: none;
}

.category_list > li > a,
#gnb li > a {
    padding: 15px 10px;
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    box-sizing: border-box;
}

.category_list > li {
    border-top: 1px solid #383a3f;
}

.category_list > li:first-child {
    border-top: none;
}

.category_list > li.bg_black {
    background-color: #0f1216;
}

.category_list > li > a {
    padding: 15px 10px 15px 20px;
}

.category_list > li > a > i {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.category_list > li > a > i img {
    width: 24px;
    height: auto;
}

.gnb_area.nodepth .gnb_wrap {
    background-image: none;
}

.gnb_area.nodepth #gnb {
    padding-left: 0;
}

.gnb_area.nodepth #gnb > li > a {
    width: auto;
    left: 0;
}

#gnb {
    padding-top: 18px;
    padding-left: 120px;
}

#gnb > li {
    position: relative;
}

#gnb > li > a {
    width: 120px;
    position: relative;
    left: -120px;
}

#gnb > li.active > a {
    color: #ea002c;
}

#gnb > li.active > a:after {
    content: '';
    display: block;
    width: 4px;
    height: 14px;
    margin-top: -7px;
    background-color: #ea002c;
    position: absolute;
    top: 50%;
    right: 0;
}

#gnb .depth2 {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
}

#gnb > li.active .depth2 {
    display: block;
}

#gnb .depth2 > li {
    border-bottom: 1px solid #383a3f;
}

#gnb .depth2 > li.dep > a {
    /* background: url("/resources/images/common/ico_depth_arrow_down.png") 95% 50% no-repeat;
  background-size: 20px auto */
}

#gnb .depth2 > li.dep.active > a {
    /* background-image: url("/resources/images/common/ico_depth_arrow_up.png");
  background-color: #191c22 */
}

#gnb .depth3 {
    display: none;
    padding: 10px 0;
    background-color: #0f1216;
}

#gnb .depth2 > li.dep.active .depth3 {
    display: block;
}

#gnb .depth3 > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #d3d3d3;
}

#footer {
    overflow: hidden;
    width: 100%;
    padding: 0 15px;
    background: #262626;
    box-sizing: border-box;
}

#footer .inner {
    width: 79.2%;
    margin: 0 auto;
    padding: 10px 0;
}

#footer .inner img {
    vertical-align: middle;
}

#footer .footer_link .sns {
    display: none;
}

#footer .fot_menu {
    font-size: 0;
    text-align: center;
    /* background-color: #3a3b3c */
}

#footer .fot_menu a {
    padding-left: 10px;
    display: inline-block;
    font-size: 12px;
    color: #aaa;
    position: relative;
    line-height: 28px;
}

/* #footer .fot_menu a:last-child {line-height:20px;} */

#footer .fot_menu a:first-child {
    /* color: #ea002c;
  font-weight: 700 */
}

/* #footer .fot_menu a:after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 5px
} */

#footer .fot_menu a:first-child {
    padding-left: 0;
}

#footer .fot_menu a:after:first-child {
    display: none;
}

#footer address {
    padding: 15px 0;
    line-height: 16px;
    color: #999;
    font-size: 12px;
}

#footer p.copy {
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

#footer .f_box {
    text-align: center;
}

#footer .f_box span {
    display: block;
}

#footer .fot_fam {
    display: none;
}

#container {
    padding-bottom: 50px;
    position: relative;
    z-index: 5;
}

#container.submain {
    margin-top: 30px;
}

#container.active {
    padding-top: 65px;
}

#container.main {
    padding-bottom: 0;
}

#container .location_area {
    margin-bottom: 30px;
    position: relative;
    background-color: #ea002c;
    z-index: 100;
}

#container.active .location_area {
    width: 100%;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
}

#container .location_area .inner {
    padding-left: 35px;
    height: 35px;
}

#container .location_area:after {
    content: '';
    display: block;
    clear: both;
}

#container .location_area .one_view {
    padding: 11px 25px 0 10px;
    color: #fff;
    box-sizing: border-box;
}

#container .location_area a {
    display: block;
}

#container .location_area .home {
    width: 35px;
    height: 35px;
    background: #d80029 url('/resources/images/common/ico_home.png') 50% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 10px auto;
}

#container .location_list_wrap:after {
    content: '';
    display: block;
    clear: both;
}

#container .location_list {
    width: 50%;
    float: left;
    position: relative;
}

#container .location_list > a {
    height: 35px;
    padding: 10px 25px 0 10px;
    position: relative;
    color: #fff;
    border-left: 1px solid #d80029;
    box-sizing: border-box;
}

#container .location_list:first-child > a {
    border-left: none;
}

#container .location_list > a:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    margin-top: -3px;
    background: url('/resources/images/common/ico_location_arrow_down.png') 0 no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    background-size: 10px auto;
}

#container .location_list.active > a:after {
    background-image: url('/resources/images/common/ico_location_arrow_up.png');
}

#container .location_list ul {
    display: none;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    border-right: 1px solid #d80029;
    border-bottom: 1px solid #d80029;
    border-left: 1px solid #d80029;
    box-sizing: border-box;
}

#container .location_list.active ul {
    display: block;
}

#container .location_list ul a {
    color: #656565;
}

#container .location_list ul li {
    margin-top: 10px;
}

#container .location_list ul li:first-child {
    margin-top: 0;
}

#container .location_list ul li.active a {
    color: #ea002c;
    font-weight: 700;
}

#container .location_area_ex {
    margin-bottom: 30px;
    font-size: 0;
}

#container .location_area_ex .inner {
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

#container .location_area_ex .page {
    font-size: 0;
}

#container .location_area_ex a {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #656565;
    display: block;
    box-sizing: border-box;
}

#container .location_area_ex .home,
#container .location_area_ex .page {
    float: left;
}

#container .location_area_ex .home {
    width: 35px;
    background: url('/resources/images/common/ico_home3.png') 50% no-repeat;
    background-size: 10px auto;
}

#container .location_area_ex .page li {
    padding-left: 12px;
    margin-left: 10px;
    float: left;
    background: url('/resources/images/common/ico_history_arrow.png') 0 50% no-repeat;
    background-size: 5px auto;
}

#container .location_area_ex .page li:first-child {
    margin-left: 0;
}

.section_wrap {}

.section_wrap.line section {
    padding-top: 15px;
    border-top: 1px solid #e1e1e1;
}

.section_wrap.line section:first-child {
    padding-top: 0;
    border-top: none;
}

.section_wrap section {
    margin-top: 20px;
}

.section_wrap section:first-child {
    margin-top: 0;
}

.section_wrap section.top_space {
    margin-top: 20px;
}

/* 191023 ????? */

.section_wrap .info_list {
    margin-bottom: 20px;
}

.section_wrap .info_list li,
.section_wrap .table_list li {
    position: relative;
    padding-left: 5px;
    font-size: 11px;
    color: #656565;
    font-weight: 300;
    line-height: 160%;
}

.section_wrap .info_list li::before,
.section_wrap .table_list li::before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 8px;
    left: 0;
    background: #656565;
}

.section_wrap td:last-child .table_list li::before {
    display: none;
}

.section_wrap .info_list:last-child {
    margin-top: 20px;
}

.section_wrap .info_list:last-child ul {
    margin-bottom: 20px;
}

.section_wrap .info_list:last-child ul li {}

.section_wrap .info_list:last-child ul li::before {
    display: none;
}

/* ----------------
Main 190708 ??
----------------  

.main_visual02 {
    overflow: hidden;
    width: 100%;
}

.main_visual02 .video_slide {
    width: 100%;
    padding: 0;
    position: relative;
     -webkit-filter: grayscale(100%);
  filter: gray;
}

.main_video_list {
    height: auto;
    min-height: 175px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
}

.main_video_list.owl-carousel .owl-stage-outer {
    min-height: 200px;
    max-height: 400px;
}

.main_video_list.owl-carousel .owl-item.center {
    width: 100%;
}

.main_video_list .item {
    width: 100%;
    min-height: 200px;
    max-height: 400px;
}

.main_video_list .item img {
    height: 100%;
}

.main_video_list .item div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.main_video_list .item div p {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 48px;
    left: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    transform: translate(-50%, 0);
    z-index: 10;
}

.main_video_list .item .shadow {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.main_video_list .center .item div p {
    display: block;
    overflow: hidden;
    display: -webkit-inline-box;
    width: 90%;
    height: 21px;
    max-height: 21px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    vertical-align: top;
    text-overflow: ellipsis;
}

.main_video_list .center .item .shadow {
    background: linear-gradient(0deg,
            rgba(0, 0, 0, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
}

.main_visual02 .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.main_visual02 .owl-nav .owl-prev {
    left: 15px;
}

.main_visual02 .owl-nav .owl-next {
    right: 15px;
}

.main_visual02 .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.main_visual02 .owl-dots button {}

.main_visual02 .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 100%;
    background: rgba(211, 211, 211, 0.5);
}

.main_visual02 .owl-dots button.owl-dot:last-child {
    margin-right: none;
}

.main_visual02 .owl-dots button.active {
    width: 25px;
    border-radius: 15px;
    background: #e0252b;
}

.main_visual02 .btn {
    position: absolute;
    bottom: 48px;
    right: 883px;
    z-index: 11;
}

.main_visual02 .btn button {
    display: none;
    width: 24px;
    height: 24px;
}

.main_visual02 .btn button.on {
    display: block;
}

.main_visual02 .owl-nav button.disabled {
    display: none;
}

.main_visual02 .owl-nav button span {
    display: block;
    width: 40px;
    height: 40px;
}

.main_visual02 .owl-nav .owl-prev span {
    background: url('/resources/images/new/btn_prev.png') center center no-repeat;
    background-size: 100%;
    color: transparent;
}

.main_visual02 .owl-nav .owl-next span {
    background: url('/resources/images/new/btn_next.png') center center no-repeat;
    background-size: 100%;
    color: transparent;
}

.main_visual02 .btn {
    position: absolute;
    bottom: 19px;
    left: 60%;
    right: 0;
    z-index: 11;
}

/* ????????????????? */

.section01 {
    width: 100%;
    position: relative;
}

.section01 .match_box {
    width: 100%;
    height: 225px;
    background: url('/resources/images/new/m_bg_match.png') center no-repeat;
    background-size: cover;
    color: #fff;
}

.section01 .match_box .box {
    height: 280px;
}

.section01 .match_box .box .owl-dots,
.section01 .match_box .box .owl-nav {
    width: 0;
    height: 0;
}

.section01 .match_box .match_date {
    width: 100%;
    height: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #c53c18;
    text-align: center;
}

.section01 .match_box .match_date span {
    display: inline-block;
}

.section01 .match_box .match_date .title {
    height: 30px;
    padding: 0 12px;
    background: #fff;
    border-radius: 15px;
    color: #e5202e;
    font-size: 14px;
    line-height: 30px;
}

.section01 .match_box .match_date .date {
    margin-left: 9px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
}

.section01 .match_box .match_info {
    border-top: 1px solid #f26c42;
}

.section01 .match_box .match_info dl {
    padding: 10px 15px 0;
}

.section01 .match_box .match_info dt {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.section01 .match_box .match_info dt span {
    display: inline-block;
    font-size: 18.5px;
    font-weight: 600;
}

.section01 .match_box .match_info dt,
.section01 .match_box .match_info dd {
    color: #fff;
}

.section01 .match_box .match_info dd {
    display: flex;
    justify-content: space-between;
}

.section01 .match_box .match_info dd div {
    flex: 1;
    width: auto;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.section01 .match_box .match_info dd div span {
    /* margin-left:-10px; */
    position: absolute;
    left: 50%;
    bottom: 0;
}

.section01 .match_box .match_info dd div.mobile_view {
    text-align: right;
}

.section01 .match_box .match_info dd div.mobile_view span {
    margin-left: -14px;
    right: 50%;
    text-align: center;
}

/* .section01 .match_box .match_info dd div:first-child {margin-right:20.8%;} */

.section01 .match_box .match_info dd div img {
    display: inline-block;
    width: 63px;
    vertical-align: middle;
}

.section01 .match_box .match_btn {
    overflow: hidden;
    width: 100%;
    padding: 0 15px 20px;
    box-sizing: border-box;
}

.section01 .match_box .match_btn li {
    float: left;
    width: 48.5%;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.section01 .match_box .match_btn li:first-child {
    margin-right: 2.66666666667%;
    background: #232d38;
    color: #fff;
}

.section01 .match_box .match_btn li:last-child {
    background: #fff;
    color: #232d38;
}

.section01 .match_box .match_btn a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section01 .match_box .owl-nav button {}

.section01 .match_box .owl-nav span {
    display: inline-block;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 20px;
    color: transparent;
}

.section01 .match_box .owl-nav .owl-prev span {
    left: 15px;
    background: url('../images/new/match_prev.png') 0 0 no-repeat;
}

.section01 .match_box .owl-nav .owl-next span {
    right: 15px;
    background: url('../images/new/match_next.png') 0 0 no-repeat;
}

/* ??????????*/

.section01 .event {
    width: 100%;
    padding: 40px 15px 32px;
    position: relative;
    box-sizing: border-box;
}

.section01 .event .owl-carousel {
    margin-top: 20px;
}

.section01 .event .owl-carousel .item a {
    display: block;
    overflow: hidden;
}

.section01 .event .owl-carousel .item a p {
    overflow: hidden;
}

.section01 .event .owl-carousel .item a p span {
    float: right;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 200;
}

.section01 .event .owl-carousel .item a p span.text_title {
    overflow: hidden;
    float: left;
    display: -webkit-inline-box;
    width: 72%;
    height: 17px;
    max-height: 17px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: top;
    text-overflow: ellipsis;
}

.section01 .event .owl-carousel .owl-nav {
    display: none;
}

.section01 .event .more {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 34px;
    right: 15px;
    border: 1px solid #b2b2b2;
    text-align: center;
    line-height: 24px;
}

.section01 .event .more img {
    width: 16px;
    vertical-align: middle;
}

.section01 .event .owl-dots {
    position: absolute;
    top: 15px;
    right: 15px;
}

.section01 .event .owl-dots button {
    margin-right: 6px;
}

.section01 .event .owl-dots button span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #aaa;
    border-radius: 100%;
}

.section01 .event .owl-dots button.active span {
    background: #d91b2f;
}

.section01 .event .owl-carousel .item.no_event img {
    border: 1px solid #ddd;
    box-sizing: border-box;
}

/* ????????????????????????? */

.section01 .highlight {
    width: 100%;
    padding: 40px 15px 32px;
    position: relative;
    background: #eee;
    box-sizing: border-box;
}

.section01 .highlight .h_play {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    /*position:absolute;top:20px;left:0;*/
}

.section01 .highlight .h_play figure {
    width: 100%;
    position: relative;
}

.section01 .highlight .h_play figure img {
    width: 100%;
}

.section01 .highlight .h_play figure .shadow {
    display: block;
    width: 20vw;
    height: 20vw;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.75);
    transform: translate(-50%, -50%);
}

.section01 .highlight .h_play figure::after {
    content: '';
    display: block;
    width: 30px;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url('../images/new/icon_highlight_on.png') 0 0 no-repeat;
    transform: translate(-50%, -50%);
}

.section01 .highlight .h_play figcaption {
    margin-top: 15px;
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.section01 .highlight .h_play figcaption span {
    float: right;
    font-size: 13px;
    font-weight: 200;
}

.section01 .highlight .h_play figcaption span.text_title {
    overflow: hidden;
    float: left;
    display: -webkit-inline-box;
    width: 72%;
    height: 17px;
    max-height: 17px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: top;
    text-overflow: ellipsis;
}

.section01 .highlight .more {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 34px;
    right: 15px;
    border: 1px solid #b2b2b2;
    text-align: center;
    line-height: 24px;
}

.section01 .highlight .more img {
    width: 16px;
    vertical-align: middle;
}

/* ????????????????? */

.notice {
    padding: 27px 15px 30px;
    position: relative;
}

.notice h3 img {
    height: 20px;
}

.notice .notice_list {
    margin-top: 16px;
}

.notice .notice_list figure {
    overflow: hidden;
    height: 96px;
}

.notice .notice_list figure {
    width: 100%;
}

.notice .notice_list figcaption dt {
    overflow: hidden;
    margin-top: 18px;
    display: -webkit-inline-box;
    width: 100%;
    height: 17px;
    max-height: 17px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: top;
    text-overflow: ellipsis;
    font-weight: 600;
}

.notice .notice_list figcaption dd.text {
    overflow: hidden;
    display: -webkit-inline-box;
    width: 100%;
    height: 50px;
    max-height: 50px;
    margin-top: 15px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #222;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top;
    text-overflow: ellipsis;
}

.notice .notice_list figcaption dd {
    color: #777;
    font-weight: 200;
}

.notice .notice_list .owl-nav {
    position: absolute;
    top: -40px;
    right: 37px;
}

.notice .notice_list .owl-nav span {
    display: block;
    width: 28px;
    height: 28px;
    border: 1px solid #b2b2b2;
    color: transparent;
    text-align: center;
}

.notice .notice_list .owl-nav .owl-prev span {
    background: url('../images/new/btn_prev02.jpg') 50% 50% no-repeat;
    border-right: none;
}

.notice .notice_list .owl-nav .owl-next span {
    background: url('../images/new/btn_next02.jpg') 50% 50% no-repeat;
}

.notice .more {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 24px;
    right: 15px;
    border: 1px solid #b2b2b2;
    text-align: center;
    line-height: 24px;
}

.notice .more img {
    width: 16px;
    vertical-align: middle;
}

/* ?????????????????? */

.photo_gall {
    padding: 38px 15px 36px;
    position: relative;
    background: #eee;
    box-sizing: border-box;
}

.photo_gall h3 img {
    height: 20px;
}

.photo_gall .photo_list {
    margin-top: 15px;
}

.photo_list.owl-carousel.owl-drag .owl-item {
    width: 100%;
}

.photo_list figure {
    overflow: hidden;
    width: 100%;
    height: 196px;
}

.photo_list figure img {
    width: 100%;
}

.photo_list figcaption {
    overflow: hidden;
    width: 100%;
    height: 46px;
    padding: 0 15px;
    background: #fff;
    line-height: 46px;
    box-sizing: border-box;
}

.photo_list figcaption span {
    float: right;
    color: #777;
    font-size: 13px;
    font-weight: 200;
}

.photo_list figcaption span.text_title {
    overflow: hidden;
    float: left;
    display: -webkit-inline-box;
    width: 72%;
    height: 17px;
    max-height: 17px;
    padding: 15px 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    vertical-align: top;
    text-overflow: ellipsis;
}

.photo_gall .owl-nav {
    position: absolute;
    top: -43px;
    right: 35px;
}

.photo_gall .owl-nav span {
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #b2b2b2;
    color: transparent;
    text-align: center;
}

.photo_gall .owl-nav .owl-prev span {
    background: url('../images/new/btn_prev02.png') 50% 50% no-repeat;
    border-right: none;
}

.photo_gall .owl-nav .owl-next span {
    background: url('../images/new/btn_next02.png') 50% 50% no-repeat;
}

.photo_gall .more {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 30px;
    right: 15px;
    border: 1px solid #b2b2b2;
    text-align: center;
    line-height: 24px;
}

.photo_gall .more img {
    vertical-align: middle;
}

/* ????????????????????, ??????????????????????? ???? */

.banner_box {}

.banner_box .inner div {
    width: 100%;
    padding: 22px 15px;
    position: relative;
    background: url('../images/new/bg_sec04.png') center center no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

.banner_box .inner .shop {
    background-position: 0 0;
    text-align: right;
}

.banner_box .inner .shop::before {
    content: '';
    display: block;
    width: 123px;
    height: 106px;
    position: absolute;
    top: 22px;
    left: 45px;
    background: url('../images/new/img_uni.png?v200303') 0 0 no-repeat;
    background-size: cover;
}

.banner_box .inner .skjunior {
    background-position: right 0;
    border-top: 1px solid #e9604e;
}

.banner_box .inner .skjunior::after {
    content: '';
    display: block;
    width: 148px;
    height: 120px;
    position: absolute;
    top: 14px;
    right: 30px;
    background: url('../images/new/img_knight.png') 0 0 no-repeat;
    background-size: cover;
}

.banner_box .inner .logo {
    display: none;
}

.banner_box .inner dl dt {
    font-size: 20px;
    font-weight: 600;
}

.banner_box .inner dl dd {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 200;
    line-height: 140%;
}

.banner_box .inner dl dt,
.banner_box .inner dl dd {
    color: #fff;
}

.banner_box .inner div a {
    display: inline-block;
    width: 124px;
    height: 20px;
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
    text-align: center;
}

/* sns tab */

.sns_box {
    width: 100%;
    padding: 38px 2.8125% 50px 2.8125%;
    text-align: center;
    box-sizing: border-box;
}

.sns_box h3 {
    color: #222;
    font-size: 16px;
    font-weight: 400;
}

.sns_box h3 img {
    height: 20px;
}

.sns_box h3 span {
    display: inline-block;
    font-weight: 600;
}

.sns_box .tabs {
    display: flex;
    width: 76%;
    margin: 15px auto 0;
    justify-content: center;
    align-items: center;
}

.sns_box .tabs li {
    padding-right: 25px;
    position: relative;
    color: #666;
    font-size: 12px;
    line-height: 1.4em;
    cursor: pointer;
}

.sns_box .tabs li.active {
    color: #e41d30;
}

.sns_box .tabs li::before {
    content: '';
    display: block;
    width: 2px;
    height: 9px;
    position: absolute;
    top: 7px;
    right: 11px;
    background: #eaeaea;
}

.sns_box .tabs li:last-child {
    padding-right: 0;
}

.sns_box .tabs li:last-child::before {
    display: none;
}

.sns_box .tab_container {
    margin-top: 22px;
}

.sns_box .tab_container .tab_content ul {
    display: flex;
    flex-wrap: wrap;
}

.sns_box .tab_container .tab_content li {
    flex: auto;
    margin-top: 10px;
    position: relative;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

.sns_box .tab_container .tab_content li::before {
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.55);
}

.sns_box .tab_container .tab_content li a {
    display: block;
    width: 100%;
    height: 100%;
}

.sns_box .tab_container .tab_content li a figure {
    width: 100%;
    height: 100%;
}

.sns_box .sns_list figure > span {
    display: block;
    width: 308px;
    height: 308px;
    position: relative;
}

.sns_box .sns_list figure > span img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sns_box .youtube_list figure > span {
    display: block;
    width: 417.33px;
    height: 233px;
    position: relative;
}

.sns_box .youtube_list figure > span img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sns_box .tab_container .tab_content li a figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: url('/resources/images/new/bg_text.png') 0 bottom repeat-x;
}

.sns_box .tab_container .tab_content li a figcaption div {
    padding: 0 15px;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #fff;
    text-align: left;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.sns_box .tab_container .tab_content li a figcaption h4 {
    overflow: hidden;
    width: 100%;
    height: 31px;
    max-height: 31px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    vertical-align: top;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: none;
}

.sns_box .tab_container .tab_content li a figcaption .date {
    display: block;
    margin-top: 8px;
    color: #ccc;
    font-size: 12px;
    text-align: right;
}

.sns_box .tab_container .tab_content .sns_list li {
    width: 43.75%;
    margin-right: 10px;
}

.sns_box .tab_container .tab_content .sns_list li:nth-child(2n) {
    margin-right: 0;
}

.sns_box .tab_container .tab_content .sns_list li:nth-child(-n + 2) {
    margin-top: 0;
}

.sns_box .tab_container .tab_content .youtube_list li {
    width: 100%;
}

.sns_box .tab_container .tab_content .youtube_list li a figcaption h4 {
    height: 32px;
    max-height: 32px;
    -webkit-line-clamp: 1;
}

.sns_box .tab_container #tab1 .sns_list {
    margin-top: 10px;
}

.sns_box .tab_container #tab1 .sns_list:first-child {
    margin-top: 0;
}

/* sns? ??? icon */

.sns_box .tab_container .tab_content li::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.icon_fb::after {
    background: url('/resources/images/new/icon_fb.png') 0 0 no-repeat;
}

.icon_you::after {
    background: url('/resources/images/new/icon_you.png') 0 0 no-repeat;
}

.icon_in::after {
    background: url('/resources/images/new/icon_in.png') 0 0 no-repeat;
}

/* sns ???? ?? */

.sns_link {
    width: 100%;
    margin-top: 25px;
}

.sns_link span {
    display: block;
    padding-bottom: 16px;
    color: #222;
    font-size: 14px;
}

.sns_link a {
    display: inline-block;
    width: 56px;
    margin-right: 22px;
}

/* 190904 */

.sns_link a img {
    /* -webkit-filter: grayscale(100%);
  filter: gray; */
}

.sns_link a:last-child {
    margin-right: 0;
}

/* ??????????????? ???????????????????? */

.slide_wrap {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #eee;
}

.slide_wrap h3 {
    display: none;
}

.sponser_slide .owl-nav {
    display: none;
}

.slide_wrap .btn {
    display: none;
}

/*.visual_wrap{position:relative}
.main_visual .bxslider li{width:100%}
.main_visual .bxslider li img{width:100%}
.main_visual .bx-pager{width:100%;position:absolute;bottom:10px;left:0;font-size:0;text-align:center}
.main_visual .bx-pager a{margin-left:5px;display:inline-block;width:15px;height:15px;background-color:rgba(255,255,255,0.5);border-radius:50%}
.main_visual .bx-pager a img{display:none}
.main_visual .bx-pager a:first-child{margin-left:0}
.main_visual .bx-pager a.active{background-color:#fff}
.main_visual .bx-controls-direction{display:none}
.visual_wrap .info{padding:10px 0 35px;background-color:#ea002c;text-align:center}
.visual_wrap .info strong.tit{font-size:15px;color:#fff;display:block}
.visual_wrap .info p{display:none}*/

/* 190708 ?? */

.sports_view {}

.sports_view strong.tit {
    font-size: 16px;
}

.video_box {
    width: 100%;
    height: 100%;
    padding: 35px 2.8125% 25px;
    position: relative;
    background-color: #eee;
    box-sizing: border-box;
}

.video_box strong.tit {
    position: relative;
    color: #111;
    font-size: 16px;
    line-height: 15px;
}

.video_box strong.tit::after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    position: absolute;
    top: -8px;
    left: 0;
    background: #111;
}

.video_box .main_video_g {
    width: 100%;
    height: auto;
    min-height: 170px;
    margin: 17px auto 0;
    border: none;
}

.video_box .main_video_g .video_gallery {
    height: 100%;
    min-height: 170px;
}

.video_box .main_video_g .video_gallery iframe {
    width: 100%;
    height: 100%;
    min-height: 170px;
}

.video_box .v_more {
    position: absolute;
    top: 22px;
    right: 2.8125%;
}

.sports_view .box {
    width: 50%;
    padding: 15px 10px;
    box-sizing: border-box;
}

/* 190904 */

.sports_view .box.notice {
    background-color: #ea002c;
    /* background-color: #8c8c8c; */
}

/* 190904 */

.sports_view .box.jnr {
    background: #ff7a00 url('/resources/images/m_img_sk_jn_knights.png') 100% 100% no-repeat;
    /* background: #8c8c8c url("/resources/images/m_img_sk_jn_knights.png") 100% 100% no-repeat;
  -webkit-filter: grayscale(100%);
  filter: gray; */
    background-size: 158px auto;
}

.sports_view .box strong.tit {
    padding: 5px 0 15px;
    font-size: 17px;
    color: #fff;
    line-height: 20px;
    display: block;
    position: relative;
}

.sports_view .box strong.tit:after {
    content: '';
    display: block;
    width: 18px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.sports_view .box .btn_more {
    position: absolute;
    top: 0;
    right: 0;
}

.sports_view .box p.desc {
    color: #fff;
}

.sports_view .box.notice p.desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
}

.sports_view .box p.small {
    display: none;
}

.sports_view .box .line_txt {
    margin-top: 25px;
}

.sports_view .box .line_txt p.desc {
    padding-top: 7px;
    margin-top: 8px;
    font-size: 11px;
    /* 190904 */
    border-top: 1px solid #f15976;
    /* border-top: 1px solid #a3a3a3; */
}

.sports_view .box .line_txt p.desc:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.match_schedule .sports_info {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #e0e4e9;
}

.match_schedule .sports_info .date {
    margin-bottom: 5px;
    font-size: 18px;
    color: #ea002c;
    font-weight: 700;
    line-height: 22px;
}

.match_schedule .sports_info .location {
    font-size: 12px;
    color: #111;
    font-weight: 700;
}

.match_schedule .teamvs {
    padding: 10px 0;
    overflow: hidden;
    position: relative;
}

.match_schedule .teamvs .team {
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}

.match_schedule .teamvs .team img {
    width: auto;
    height: 55px;
    max-width: 120px;
}

.match_schedule .teamvs .team p {
    color: #3a3a3a;
}

.match_schedule .teamvs .team p .result_ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
}

.match_schedule .teamvs .team p .result_ico.win {
    background-color: #ea002c;
}

.match_schedule .teamvs .team p .result_ico.defeat {
    background-color: #999;
}

.match_schedule .teamvs .score {
    width: 100%;
    padding-top: 20px;
    font-size: 22px;
    color: #3a3a3a;
    line-height: 25px;
    font-weight: 700;
    position: absolute;
    top: 28px;
    left: 0;
    text-align: center;
}

.match_schedule .teamvs .score:after {
    display: block;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 50%;
}

.match_schedule .teamvs .score.home:after {
    content: 'H';
    background-color: #ea002c;
}

.match_schedule .teamvs .score.away:after {
    content: 'A';
    background-color: #656565;
}

.match_schedule .teamvs .match {
    width: 100%;
    font-size: 22px;
    color: #3a3a3a;
    line-height: 25px;
    font-weight: 700;
    position: absolute;
    top: 28px;
    left: 0;
    text-align: center;
}

.match_schedule .teamvs .match:after {
    width: 14px;
    height: 14px;
    margin-left: -7px;
    font-size: 10px;
    color: #fff;
    display: block;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    left: 50%;
}

.match_schedule .teamvs .match.home:after {
    content: 'H';
    background-color: #ea002c;
}

.match_schedule .teamvs .match.away:after {
    content: 'A';
    background-color: #656565;
}

.bottom .shop {
    width: 100%;
    margin-top: 24px;
    padding: 0 2.8125%;
    box-sizing: border-box;
}

.bottom .slide_wrap {
    width: 100%;
    margin-top: 26px;
}

.sponser_slide {
    /*height: 66px;
  padding: 15px 55px;*/
    box-sizing: border-box;
}

.sponser_slide .owl-item {}

.sponser_slide a {
    display: block;
    position: relative;
}

.sponser_slide img {
    width: 100%;
    opacity: 0;
}

.sponser_slide img.default {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.sponser_slide a:hover img {
    opacity: 1;
}

.sponser_slide a:hover img.default {
    opacity: 0;
}

.sponser_slide .owl-nav {
    font-size: 0;
}

.sponser_slide .owl-nav button span {
    display: block;
    /*width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: transparent;
  border-radius: 50%;*/
}

.sponser_slide .owl-nav .owl-prev span {
    left: 10px;
    background: #fff url('../images/common/ico_arrow_l_2.png') center center no-repeat;
    background-size: 7px 11px;
}

.sponser_slide .owl-nav .owl-next span {
    right: 10px;
    background: #fff url('../images/common/ico_arrow_r_2.png') center center no-repeat;
    background-size: 7px 11px;
}

/* 190705 ?? */

.video_box {
    position: relative;
}

.video_box .controll {}

.video_box .controll .btn_next,
.video_box .controll .btn_prev {
    width: 50px;
    height: 62px;
    position: absolute;
    top: 0;
    background-size: 10px auto;
    background-repeat: no-repeat;
}

.video_box .controll .btn_prev {
    background-image: url('../images/common/m_ico_arrow_l.png');
    background-position: 100% 50%;
    left: 0;
}

.video_box .controll .btn_next {
    background-image: url('../images/common/m_ico_arrow_r.png');
    background-position: 0 50%;
    right: 0;
}

.video_box .btn_ticket {
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 60px;
    background-color: #3a3b3c;
    display: block;
    text-align: center;
}

.video_box .btn_ticket span {
    padding-right: 75px;
    display: inline-block;
    background: url('/resources/images/common/ico_ticket.png') 100% 50% no-repeat;
    background-size: 46px auto;
}

.line_box_wrap {
    margin-top: 15px;
    margin-bottom: 15px;
}

.line_box_wrap .box {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 2px solid #ea002c;
}

.line_box_wrap .box:first-child {
    margin-top: 0;
}

.line_box_wrap .box strong.tit {
    font-size: 17px;
    color: #111;
}

.line_box_wrap .box .title_wrap {
    margin-bottom: 12px;
}

.line_box_wrap .box .title_wrap .btn_more {
    position: absolute;
    top: 0;
    right: 0;
}

.line_box_wrap .box .title_wrap .social_media {
    position: absolute;
    top: -5px;
    right: 0;
}

.main_video_g {
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #cacaca;
}

.main_video_g .video_gallery iframe {
    width: 100%;
    height: 170px;
}

.main_video_g .video_gallery p {
    height: 40px;
    font-size: 13px;
    color: #111;
    text-align: center;
    border-top: 1px solid #efefef;
    line-height: 40px;
}

.main_video_g .btn_next,
.main_video_g .btn_prev {
    width: 80px;
    height: 40px;
    position: absolute;
    bottom: 0;
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
}

.main_video_g .btn_prev {
    background-image: url('../images/common/m_ico_arrow_l.png');
    left: 0;
    border-right: 1px solid #efefef;
}

.main_video_g .btn_next {
    background-image: url('../images/common/m_ico_arrow_r.png');
    right: 0;
    border-left: 1px solid #efefef;
}

.sponser_area {
    padding: 20px 55px;
    background-color: #f4f5f6;
    position: relative;
}

.sponser_area .slide a {
    display: block;
    position: relative;
}

.sponser_area .slide img {
    width: 100%;
    opacity: 0;
}

.sponser_area .slide img.default {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.sponser_area .slide a:active img {
    opacity: 1;
}

.sponser_area .slide a:active img.default {
    opacity: 0;
}

.sponser_area .btn_next,
.sponser_area .btn_prev {
    width: 25px;
    height: 25px;
    margin-top: -12px;
    background-size: 8px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
}

.sponser_area .btn_next {
    background-image: url('../images/common/m_ico_arrow_r_2.png');
    right: 10px;
}

.sponser_area .btn_prev {
    background-image: url('../images/common/m_ico_arrow_l_2.png');
    left: 10px;
}

.shop-banner {
    display: block;
    max-width: 100%;
}

.shop-banner img {
    width: 100%;
    /* 190904 */
    /* -webkit-filter: grayscale(100%);
  filter: gray; */
}

/* ???????? */

.allstar_slide {
    display: none;
}

.view_table {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.view_table .top {
    border-bottom: 1px solid #e1e1e1;
}

.view_table .top .subject {
    padding: 10px 15px;
    font-size: 14px;
    color: #111;
    background-color: #f8f8f8;
    border-bottom: 1px solid #c5c5c5;
}

.view_table .top.speaker .subject {
    background: #f8f8f8 url('/resources/images/common/ico_speaker.png') 10px 10px no-repeat;
    background-size: 20px auto;
}

.view_table .top.speaker .subject {
    padding-left: 40px;
}

.view_table .date_area {
    padding: 10px 0;
    font-size: 0;
    text-align: right;
}

.view_table .date_area .date span,
.view_table .date_area .wirte_area span {
    margin-left: 15px;
    padding-left: 16px;
    display: inline-block;
    font-size: 11px;
    color: #999;
    position: relative;
}

.view_table .date_area .date span:after,
.view_table .date_area .wirte_area span:after {
    content: '';
    display: block;
    background-color: #e4e4e4;
    width: 1px;
    height: 8px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    left: 0;
}

.view_table .date_area .date span:first-child,
.view_table .date_area .wirte_area span:first-child {
    margin-left: 0;
    padding-left: 0;
}

.view_table .date_area .date span:first-child:after,
.view_table .date_area .wirte_area span:first-child:after {
    display: none;
}

.view_table .date_area .wirte_area span {
    color: #656565;
}

.view_table .cont {
    padding: 20px 0;
    font-size: 16px;
}

.view_table .cont * {
    font-size: inherit;
}

.view_table .cont iframe {
    width: 100%;
    height: 50vw;
}

.ytp-cued-thumbnail-overlay-image {
    background-size: cover;
}

@media (max-width: 767px) {
    .view_table .cont img {
        width: 100% !important;
        height: auto;
    }    
}

.view_table .file_area {
    margin-top: 25px;
    padding: 10px 0 10px 50px;
    position: relative;
    border-top: 1px solid #e1e1e1;
}

.view_table .file_area dt {
    width: 50px;
    height: 100%;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    color: #656565;
    font-weight: 300;
    box-sizing: border-box;
}

.view_table .file_area dt:after {
    content: '';
    display: block;
    background-color: #e4e4e4;
    width: 1px;
    height: 8px;
    margin-top: -4px;
    position: absolute;
    top: 16px;
    right: 0;
}

.view_table .file_area dd {
    padding-left: 25px;
    background: url('/resources/images/common/ico_clip.png') 10px 50% no-repeat;
    background-size: 10px auto;
}

.view_table .file_area dd a {
    font-size: 11px;
    color: #999;
}

.vicinity_page {}

.vicinity_page .paging_area {
    margin-top: 25px;
    border-top: 2px solid #ef181f;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}

.vicinity_page .paging_area .paging {
    padding-left: 50px;
    font-size: 0;
    position: relative;
}

.vicinity_page .paging_area .paging .arrow {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #f8f8f8;
    display: inline-block;
}

.vicinity_page .paging_area .paging.prev .arrow {
    background-image: url('../images/common/m_paging_up.png');
}

.vicinity_page .paging_area .paging.next .arrow {
    background-image: url('../images/common/m_paging_down.png');
}

.vicinity_page .paging_area .paging a {
    width: 100%;
    padding: 15px 10px;
    display: inline-block;
    color: #999;
    font-size: 12px;
    box-sizing: border-box;
}

.vicinity_page + .btn_area,
.vicinity_page .btn_area {
    margin-top: 25px;
}

.video_list_wrap {}

.video_list li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
}

.video_list li:first-child {
    border-top: 1px solid #e1e1e1;
}

.video_list li .pic img {
    width: 100%;
}

.video_list li .subject {
    padding: 12px;
    font-size: 14px;
    color: #111;
    background-color: #f8f8f8;
    margin-bottom: 10px;
}

.video_list li .subject span.player_title {
    overflow: hidden;
    display: -webkit-inline-box;
    width: 95%;
    height: 17px;
    max-height: 17px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #222;
    line-height: 16px;
    vertical-align: top;
    text-overflow: ellipsis;
}

.video_list li .date span {
    padding: 0 15px;
    font-size: 11px;
    color: #999;
    display: inline-block;
    position: relative;
}

.video_list li .date span:after {
    content: '';
    display: block;
    width: 1px;
    height: 8px;
    margin-top: -4px;
    background-color: #e4e4e4;
    position: absolute;
    top: 50%;
    left: 0;
}

.video_list li .date span:first-child:after {
    display: none;
}

.video_list + .btn_area {
    margin-top: 15px;
}

/* ??????????? */

.schedule_area {
    margin-bottom: 15px;
    overflow: hidden;
}

.schedule_area .date_area,
.schedule_area .home-away {
    float: left;
}

.schedule_area .date_area {
    font-size: 0;
    margin-right: 15px;
}

.schedule_area .date_area .year {
    width: 75px;
    margin-right: 5px;
}

.schedule_area .date_area .month {
    width: 60px;
}

.schedule_area .home-away span {
    padding-left: 25px;
    margin-left: 10px;
    color: #656565;
    font-size: 13px;
    display: inline-block;
    position: relative;
    line-height: 35px;
}

.schedule_area .home-away span:first-child {
    margin-left: 0;
}

.schedule_area .home-away span:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 0;
    border: 1px solid #656565;
    box-sizing: border-box;
}

.schedule_area .home-away span.home:after {
    background-color: #ffe2e7;
}

.schedule_list {}

.schedule_list li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    position: relative;
}

.schedule_list li:first-child {
    border-top: 1px solid #ccc;
}

.schedule_list li.home {
    background-color: #ffe2e7;
}

.schedule_list li:before {
    display: block;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}

.schedule_list li.home:before {
    content: 'H';
}

.schedule_list li.away:before {
    content: 'A';
}

.schedule_list li:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    text-align: right;
    border-left: 40px solid transparent;
}

.schedule_list li.home:after {
    border-top: 40px solid #ea002c;
}

.schedule_list li.away:after {
    border-top: 40px solid #656565;
}

.schedule_list li .tit {
    margin-bottom: 12px;
    display: block;
    font-size: 14px;
    color: #222;
}

.schedule_list li .teamvs {
    overflow: hidden;
    position: relative;
}

.schedule_list li .teamvs .team {
    width: 50%;
    float: left;
}

.schedule_list li .teamvs .team img {
    width: auto;
    height: 48px;
}

.schedule_list li .teamvs .team p {
    margin-top: 5px;
    color: #222;
    font-size: 13px;
}

.schedule_list li .teamvs .match {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}

.schedule_list li .teamvs .match {}

.schedule_list li .teamvs .match .btn_st_round {
    margin-bottom: 5px;
}

.schedule_list li .teamvs .match .score {
    margin-bottom: 10px;
    font-size: 20px;
    color: #222;
    line-height: 22px;
    font-weight: 700;
}

.schedule_list li .teamvs .match .result {
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
}

.schedule_list li .teamvs .match .result.win {
    background-color: #ea002c;
}

.schedule_list li .teamvs .match .result.defeat {
    background-color: #999999;
}

.empty-content {
    color: #999;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: center 65px;
    background-size: 70px;
    padding: 147px 0 65px;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

table .empty-content {
    border: none;
}

.empty-content.no-schedule {
    background-image: url(/resources/images/common/icon-no-schedule.png);
}

.empty-content.no-player {
    background-image: url(/resources/images/common/icon-no-player.png);
}

.sports_highlight {
    height: 170px;
}

.sports_highlight iframe {
    width: 100%;
    height: 100%;
}

.detail_record {}

.detail_record .team_area {
    margin-top: 25px;
}

.detail_record .team_area:first-child {
    margin-top: 0;
}

.detail_record .team_division {
    border-top: 1px solid #ed1f24;
    border-bottom: 1px solid #ed1f24;
    text-align: center;
}

.detail_record .team_division span {
    padding: 18px 0 18px 60px;
    display: inline-block;
    font-size: 13px;
    color: #111;
    font-weight: 700;
    line-height: 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 55px auto;
}

.detail_record .table_wrap {
    margin-top: 10px;
}

.ticket_view {
    margin-bottom: 20px;
    position: relative;
}

.ticket_map {
    margin-bottom: 20px;
    text-align: center;
}

.ticket_map .map {
    width: 300px;
    height: 288px;
    margin: 0 auto;
    position: relative;
}

.ticket_map img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ticket_map img.default {
    z-index: 10;
}

.map.bench img.bench,
.map.brand img.brand,
.map.cafe img.cafe,
.map.center img.center,
.map.coaching img.coaching,
.map.family img.family,
.map.floor3 img.floor3,
.map.kids img.kids,
.map.knightszone img.knightszone,
.map.r_seat img.r_seat,
.map.reporter img.reporter,
.map.royal img.royal,
.map.s_seat img.s_seat,
.map.table_zone img.table_zone,
.map.tspace img.tspace,
.map.happy img.happy,
.map.vip img.vip,
.map.winnerzone img.winnerzone {
    z-index: 10;
}

.ticket_reserve {
    height: 60px;
    padding: 10px 0 10px 148px;
    background-color: #ea002c;
    position: relative;
    box-sizing: border-box;
}

.ticket_reserve a {
    padding-top: 25px;
    font-size: 14px;
    color: #fefefe;
    font-weight: 700;
    background: url('/resources/images/common/ico_ticket.png') 50% 0 no-repeat;
    background-size: 30px auto;
    text-align: center;
    display: block;
}

.ticket_reserve img {
    height: 82px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ticket_view .popup_wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.ticket_view .popup_wrap .popup_area {
    top: 0px;
}

.seat_slide {
    position: relative;
}

.seat_slide .bxslider li img {
    width: 100%;
}

.seat_slide .bx-pager {
    width: 100%;
    font-size: 0;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.seat_slide .bx-pager .bx-pager-item {
    width: 13px;
    height: 2px;
    margin-left: 5px;
    display: inline-block;
    text-indent: -9999px;
}

.seat_slide .bx-pager .bx-pager-item:first-child {
    margin-left: 0;
}

.seat_slide .bx-pager a {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
}

.seat_slide .bx-pager a.active {
    background-color: #ea002c;
}

.seat_slide .bx-controls .bx-next,
.seat_slide .bx-controls .bx-prev {
    width: 23px;
    height: 38px;
    margin-top: -19px;
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px auto;
    text-indent: -9999px;
}

.seat_slide .bx-controls .bx-prev {
    background-image: url('/resources/images/common/ico_arrow_l_2.png');
    left: -11px;
}

.seat_slide .bx-controls .bx-next {
    background-image: url('/resources/images/common/ico_arrow_r_2.png');
    right: -11px;
}

.seat_slide .bx-controls .bx-prev:active {
    background-image: url('/resources/images/common/ico_arrow_l_2_on.png');
}

.seat_slide .bx-controls .bx-next:active {
    background-image: url('/resources/images/common/ico_arrow_r_2_on.png');
}

.location_map img {
    width: 100%;
}

.table_st .age-info th {
    font-size: 13px;
}

.event_wrap {}

.event_wrap > li {
    border-top: 2px solid #ea002c;
    border-bottom: 1px solid #c5c5c5;
    padding: 14px 0;
    margin-top: 20px;
}

.event_wrap > li:first-child {
    margin-top: 0;
}

.event-img {
    border: 1px solid #c5c5c5;
    max-width: 376px;
    margin: 0 auto 15px;
}

.event-img img {
    max-width: 100%;
}

.event_wrap .title {
    margin-bottom: 15px;
}

.event_wrap .title strong {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    background-color: #ea002c;
    padding: 8px;
    min-width: 80px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-weight: 400;
}

.event_wrap .title h2 {
    display: inline;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    line-height: 22.5px;
}

.event-text {
    color: #656565;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 15px;
}

.event-btn-group {}

.event-btn-group .btn_st {
    width: calc(50% - 5px);
}

.event-btn-group .btn_st:first-child {
    margin-right: 7px;
}

.event_label {
    color: #111;
    font-size: 13px;
    font-weight: 600;
}

.event-img2 {
    max-width: 600px;
    margin: 0 auto 15px;
}

.event-img2 img {
    max-width: 100%;
}

.event-img-m {}

.event-img-web {
    display: none;
}

.table_caption {
    color: #656565;
    font-weight: 100;
    font-size: 13px;
}

/* ???????????? */

.profile {
    margin-bottom: 5px;
}

.profile > li {
    margin-top: 3px;
    color: #656565;
    font-size: 11px;
}

.profile > li:first-child {
    margin-top: 0;
}

.profile > li span {
    min-width: 50px;
    display: inline-block;
}

.coaching_staff {}

.coaching_staff .director {
    margin-bottom: 40px;
}

.coaching_staff .director .pic {
    margin-bottom: 10px;
}

.coaching_staff .director .pic img {
    width: 100%;
}

.coaching_staff .director .name_area {
    margin-bottom: 10px;
    text-align: center;
}

.coaching_staff .director .name_area .position {
    margin-bottom: 5px;
    color: #999;
    font-size: 11px;
}

.coaching_staff .director .name_area .name_kor {
    margin-bottom: 5px;
    font-size: 23px;
    color: #111;
    line-height: 25px;
    font-weight: 700;
}

.coaching_staff .director .name_area .name_eng {
    font-size: 14px;
    color: #999;
    line-height: 16px;
    font-weight: 700;
}

.coaching_staff .career_history li {
    margin-top: 10px;
    font-size: 10px;
    color: #999;
}

.coaching_staff .career_history li span {
    min-width: 90px;
    display: inline-block;
}

.coaching_staff .career_history li:first-child {
    margin-top: 0;
}

.coaching_staff .coach_list > li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.coaching_staff .coach_list > li.first {
    padding-top: 0;
}

.coaching_staff .profile_area {
    min-height: 135px;
    padding-left: 142px;
    position: relative;
}

.coaching_staff .profile_area .pic {
    width: 128px;
    position: absolute;
    top: 0;
    left: 0;
}

.coaching_staff .profile_area .pic img {
    width: 100%;
}

.coaching_staff .profile_area .name_area {
    margin-bottom: 10px;
    padding-left: 8px;
    border-left: 3px solid #111;
}

.coaching_staff .profile_area .name_area .name_kor {
    margin-bottom: 5px;
    font-size: 20px;
    color: #111;
    line-height: 22px;
    font-weight: 700;
}

.coaching_staff .profile_area .name_area .position {
    font-size: 10px;
    color: #999;
}

.coaching_staff .profile_area .name_area .name_eng {
    font-size: 10px;
    color: #656565;
    font-weight: 700;
}

.coaching_staff .coach_list .em_career {
    margin-top: 10px;
    display: none;
}

.coaching_staff .coach_list li.active .em_career {
    display: block;
}

.coaching_staff .coach_list .em_career strong {
    padding: 5px 10px;
    display: block;
    background-color: #f8f8f8;
    color: #111;
}

.coaching_staff .coach_list .em_career .career_history {
    padding: 5px 10px;
}

.support_staff {
    overflow: hidden;
}

.support_staff li {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.support_staff li:nth-child(3n) {
    margin-right: 0;
}

.support_staff li:nth-child(n + 4) {
    margin-top: 2%;
}

.support_staff li .pic {
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

.support_staff li .pic img {
    width: 100%;
}

.support_staff li .name {
    font-size: 12px;
    color: #111;
    font-weight: 700;
}

.support_staff li .name span {
    font-size: 10px;
    color: #656565;
    font-weight: 300;
    vertical-align: baseline;
}

.player_list_wrap {}

.player_list {
    margin-top: 15px;
}

.player_list:first-child {
    margin-top: 0;
}

.player_list > li {
    padding: 10px;
    margin-top: 15px;
    background: url('/resources/images/common/bg_player.jpg') 50% no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
}

.player_list > li:first-child {
    margin-top: 0;
}

.player_list > li .name {
    margin-bottom: 20px;
    font-size: 35px;
    color: #fff;
    line-height: 38px;
    font-weight: 700;
}

.player_list > li .name .num {
    margin-bottom: 5px;
    display: block;
    font-size: 20px;
    color: #ff2f34;
    line-height: 22px;
}

.player_list > li .name .position {
    margin-top: 5px;
    font-size: 15px;
    color: #888;
    line-height: 16px;
    font-weight: 700;
    display: block;
}

.player_list > li .profile > li {
    color: #fff;
}

.player_list > li .pic {
    width: 128px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.player_list > li .pic img {
    width: 100%;
    max-height: 270px;
}

.hall_of_fame {}

.hall_of_fame .tab_btn {
    margin-bottom: 20px;
    overflow: hidden;
}

.hall_of_fame .tab_btn button,
.hall_of_fame .tab_btn a {
    width: 49%;
    margin-left: 2%;
    float: left;
    display: block;
}

.hall_of_fame .tab_btn button:first-child,
.hall_of_fame .tab_btn a:first-child {
    margin-left: 0;
}

.hall_of_fame .tab_btn button:active .pic img.focus,
.hall_of_fame .tab_btn a:active .pic img.focus {
    opacity: 1;
}

.hall_of_fame .tab_btn button:active .pic .name,
.hall_of_fame .tab_btn a:active .pic .name {
    color: #fff;
}

.hall_of_fame .tab_btn .pic {
    position: relative;
    border: 1px solid #c7c7c7;
}

.hall_of_fame .tab_btn .pic img {
    width: 100%;
    position: relative;
}

.hall_of_fame .tab_btn .pic img.focus {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.hall_of_fame .tab_btn button.active .pic img.focus,
.hall_of_fame .tab_btn a.active .pic img.focus {
    opacity: 1;
}

.hall_of_fame .tab_btn .pic .name {
    text-align: left;
    font-size: 22px;
    color: #111;
    line-height: 24px;
    font-weight: 700;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 20;
}

.hall_of_fame .tab_btn button.active .pic .name,
.hall_of_fame .tab_btn a.active .pic .name {
    color: #fff;
}

.hall_of_fame .tab_btn .pic .name span {
    font-size: 13px;
    line-height: 16px;
    display: block;
}

.hall_of_fame .tab_btn .pic .name span.eng {
    display: none;
}

.fame_player .profile_pic img {
    width: 100%;
}

.fame_player .peaple_info {
    padding: 15px 0;
    overflow: hidden;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.fame_player .peaple_info .box {
    width: 50%;
    text-align: left;
    float: left;
}

.fame_player .peaple_info .label {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 3px;
    padding: 0 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    line-height: 19px;
    background-color: #000;
    transform: skewX(-10deg);
}

.fame_player .peaple_info .name p {
    font-weight: 700;
}

.fame_player .peaple_info .name p.nickname {
    font-size: 15px;
    color: #1f101a;
    line-height: 18px;
}

.fame_player .peaple_info .name p.name_kor {
    font-size: 35px;
    color: #1f101a;
    line-height: 38px;
}

.fame_player .peaple_info .name p.name_eng {
    font-size: 15px;
    color: #edeef1;
    line-height: 18px;
}

.fame_player .peaple_info .profile_list {
    margin-top: 10px;
}

.fame_player .peaple_info .profile_list li {
    font-size: 12px;
    color: #656565;
    margin-top: 5px;
    line-height: 14px;
}

.fame_player .peaple_info .profile_list li:first-child {
    margin-top: 0;
}

.fame_player .history_area .sec {
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.fame_player .history_area strong.tit {
    margin-bottom: 10px;
    font-size: 15px;
    color: #111;
    line-height: 16px;
    display: block;
}

.fame_player .history_area .history_list li {
    padding-left: 40px;
    margin-top: 5px;
    color: #656565;
    font-size: 12px;
    line-height: 15px;
    position: relative;
}

.fame_player .history_area .history_list.range li {
    padding-left: 95px;
}

.fame_player .history_area .history_list li:first-child {
    margin-top: 0;
}

.fame_player .history_area .history_list li span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
}

.video_area {
    padding: 15px;
    background-color: #edeef1;
}

.video_area > .detail_view {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.video_area > .detail_view p.subject {
    margin-top: 10px;
    color: #222;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.video_area .pic {
    text-align: center;
}

.video_area .pic img {
    max-width: 100%;
}

.video_area .video {
    width: 100%;
    height: 200px;
}

.video_area .video iframe {
    width: 100%;
    height: 100%;
}

.video_area .view_list {
    padding: 0 20px;
}

.video_area .slide {
    position: relative;
}

.video_area .slide a {
    display: block;
}

.video_area .slide a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.video_area .slide.active a:after {
    background-color: transparent;
}

.video_area .slide img {
    width: 100%;
}

.video_area .btn_next,
.video_area .btn_prev {
    width: 20px;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px auto;
    position: absolute;
    top: 0;
}

.video_area .btn_prev {
    background-image: url('/resources/images/common/ico_video_slide_l.png');
    left: 0;
}

.video_area .btn_next {
    background-image: url('/resources/images/common/ico_video_slide_r.png');
    right: 0;
}

/* ????????????? */

.season_review {
    height: 200px;
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    box-sizing: border-box;
}

.season_review p {
    font-size: 11px;
    color: #656565;
    line-height: 20px;
}

.season_review .scroll_y {
    height: 100%;
}

.player_record {}

.player_record .col.player {}

.player_record .col.player .cont {
    position: relative;
    padding-left: 95px;
}

.player_record .col.player .pic {
    width: 85px;
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 95px;
}

.player_record .col.player .pic img {
    width: 135px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.player_record .col.player .info {
    height: 95px;
    padding-top: 5px;
    padding-bottom: 28px;
    position: relative;
    font-weight: 700;
    box-sizing: border-box;
}

.player_record .col.player .info .num {
    font-size: 18px;
    color: #ea002c;
    line-height: 22px;
    font-style: italic;
}

.player_record .col.player .info .name {
    font-size: 18px;
    color: #111;
    line-height: 22px;
}

.player_record .col.player .info .name span {
    display: block;
    font-size: 11px;
    color: #ccc;
    line-height: 14px;
}

.player_record .col.player .info .record {
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    font-size: 0;
}

.player_record .col.player .info .record > div {
    width: 50%;
    line-height: 26px;
    font-size: 11px;
    color: #111;
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

.player_record .col.player .info .record > div:first-child {
    border-left: none;
}

.player_record .col.player .info .record > div em.point {
    font-size: 18px;
    color: #ea002c;
}

.player_record .col.player .info .record > div span {
    font-weight: 300;
}

/* ???????????? */

.about_list_wrap {}

.about_list {
    margin-top: 10px;
}

.about_list li {
    margin-top: 10px;
}

.about_list li:first-child {
    margin-top: 0;
}

.about_list li strong.tit {
    margin-bottom: 10px;
    font-size: 13px;
    color: #111;
    line-height: 16px;
    border-bottom: 2px solid #111;
    display: inline-block;
}

.about_list li .bg_pattern {
    border: 1px solid #e1e1e1;
    background: url('/resources/images/common/bg_pattern_4.gif') 0 0 repeat;
    background-size: 6px auto;
}

.about_list li .pic img {
    width: 298px;
    margin: 0 auto;
}

.about_list_wrap + .btn_area,
.check_text_area + .btn_area {
    margin-top: 15px;
}

.check_text_area .top {
    background-color: #ea002c;
    padding-bottom: 15px;
    text-align: center;
    position: relative;
}

.check_text_area .top:after,
.check_text_area .top:before {
    content: '';
    display: block;
    width: 77px;
    height: 100%;
    position: absolute;
    top: 0;
}

.check_text_area .top:before {
    left: 0;
    background: url('/resources/images/common/m_chk_point_l.png') 0 0 no-repeat;
    background-size: 77px auto;
}

.check_text_area .top:after {
    right: 0;
    background: url('/resources/images/common/m_chk_point_r.png') 0 0 no-repeat;
    background-size: 77px auto;
}

.check_text_area .top strong {
    padding: 25px 0 5px 20px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    background: url('/resources/images/common/img_check.png') 0 10px no-repeat;
    background-size: 30px auto;
}

.check_text_area .top p {
    color: #fff;
}

.check_text_area .cont {
    padding: 15px 5px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.check_text_area .cont p {
    margin-top: 20px;
    font-size: 11px;
    color: #656565;
}

.check_text_area .cont p:first-child {
    margin-top: 0;
}

.check_text_area .cont p.em {
    color: #ea002c;
    font-weight: 700;
}

.champion_area {
    margin-bottom: 15px;
}

.champion_list {
    overflow: hidden;
}

.champion_list li {
    width: 32%;
    margin-left: 2%;
    float: left;
}

.champion_list li:nth-child(3n + 1) {
    margin-left: 0;
}

.champion_list li:nth-child(n + 4) {
    margin-top: 5%;
}

.champion_list li .pic {
    border: 1px solid #e1e1e1;
}

.champion_list li .pic img {
    width: 100%;
}

.champion_list li .name {
    margin-top: 10px;
    color: #656565;
}

.champion_list li .name em {
    color: #111;
}

.strorage_wrap .home_away {
    margin-bottom: 15px;
    text-align: center;
    font-size: 0;
}

.strorage_wrap .home_away span {
    margin-left: 10px;
    font-size: 12px;
    padding-left: 20px;
    color: #656565;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: 15px;
}

.strorage_wrap .home_away span:first-child {
    margin-left: 0;
}

.strorage_wrap .home_away span:after {
    display: block;
    width: 15px;
    height: 15px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.strorage_wrap .home_away span.home:after {
    content: 'H';
    background-color: #ea002c;
}

.strorage_wrap .home_away span.away:after {
    content: 'A';
    background-color: #656565;
}

.strorage_list {}

.strorage_list:after {
    content: '';
    display: block;
    clear: both;
}

.strorage_list li {
    width: 100%;
    margin-top: 15px;
    float: left;
}

.strorage_list li.mobile_half {
    width: 49%;
}

.strorage_list li.mobile_half:after {
    content: '';
    display: block;
    clear: both;
}

.strorage_list li.mobile_half.first {
    margin-top: 0;
}

.strorage_list li.mobile_half.left_space {
    margin-left: 2%;
}

.strorage_list li.first {
    margin-top: 0;
}

.strorage_list li strong.tit {
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    color: #111;
    line-height: 16px;
    text-align: center;
}

.strorage_list li strong.tit .name {
    font-size: 14px;
    color: #ea002c;
}

.strorage_list li .col_group:after {
    content: '';
    display: block;
    clear: both;
}

.strorage_list li .col_group .col {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: relative;
}

.strorage_list.uniform_list li .col_group .col {
    padding: 10px;
}

.strorage_list li .col_group_area .col_group {
    margin-top: 2%;
}

.strorage_list li .col_group_area .col_group:first-child {
    margin-top: 0;
}

.strorage_list li .col_group.col2:first-child {
    margin-top: 0;
}

.strorage_list li .col_group.col2 .col {
    width: 49%;
}

.strorage_list li .col_group.col2 .col:nth-child(2n) {
    margin-left: 2%;
}

.strorage_list li .uniform {
    background: url('/resources/images/common/bg_pattern_4.gif') 0 0 repeat;
    background-size: 5px auto;
}

.strorage_list li .col_group .col > div:after {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
}

.strorage_list li .col_group .col .uniform:after {
    width: 15px;
    height: 15px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    top: 6px;
    right: 6px;
}

.strorage_list li .col_group .col .uniform.home:after {
    content: 'H';
    background-color: #ea002c;
}

.strorage_list li .col_group .col .uniform.away:after {
    content: 'A';
    background-color: #656565;
}

.strorage_list li .uniform img {
    width: 100%;
}

.strorage_list li .signball img {
    width: 100%;
}

.strorage_list li .emblem {
    padding: 45px 0;
    text-align: center;
}

.strorage_list li .emblem img {
    width: 71px;
}

.cheerleader_wrap {}

.cheerleader_list {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e1e1e1;
}

.cheerleader_list:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.cheerleader_list li {
    margin-top: 15px;
    position: relative;
}

.cheerleader_list li:first-child {
    margin-top: 0;
}

.cheerleader_list li .pic {
    width: 174px;
}

.cheerleader_list li .pic img {
    width: 100%;
}

.cheerleader_list li .info {
    width: 150px;
    position: absolute;
    left: 150px;
    top: 42px;
}

.cheerleader_list li .name {
    font-size: 22px;
    color: #111;
    line-height: 24px;
    display: block;
}

.cheerleader_list li .name span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #ea002c;
    line-height: 14px;
}

.cheerleader_list li dl {
    margin-top: 5px;
    overflow: hidden;
}

.cheerleader_list li dl dd,
.cheerleader_list li dl dt {
    margin-bottom: 5px;
    font-size: 12px;
    float: left;
}

.cheerleader_list li dl dt {
    width: 40%;
    color: #111;
}

.cheerleader_list li dl dd {
    width: 60%;
    color: #656556;
}

.sponer_list_wrap {
    border-top: 2px solid #ea002c;
}

.sponer_list {
    padding: 15px 0 25px;
    border-bottom: 1px solid #c5c5c5;
    overflow: hidden;
}

.sponer_list li {
    width: 49%;
    float: left;
}

.sponer_list li:nth-child(2n) {
    margin-left: 2%;
}

.sponer_list li:nth-child(n + 3) {
    margin-top: 15px;
}

.sponer_list li strong {
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    color: #111;
}

.sponer_list li a {
    display: block;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.sponer_list li a img {
    /* height:43px */
    height: 65px;
}

.director_slide {
    padding-top: 40px;
    position: relative;
}

.director_slide .shadow_inner {
    padding: 0 10px 10px;
}

.director_slide .pager_wrap {
    width: 100%;
    padding: 0 50px;
    position: absolute;
    top: 7px;
    left: 0;
    box-sizing: border-box;
}

.director_slide .bx-pager {
    height: 1px;
    font-size: 0;
    position: relative;
    background-color: #8a8a8a;
}

.director_slide .bx-pager a {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    display: inline-block;
    background-color: #656565;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}

.director_slide .bx-pager a.active:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 1px solid #ea002c;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
}

.director_slide .bx-pager a:nth-child(1) {
    left: 0;
}

.director_slide .bx-pager a:nth-child(2) {
    left: 17%;
}

.director_slide .bx-pager a:nth-child(3) {
    left: 34%;
}

.director_slide .bx-pager a:nth-child(4) {
    left: 50%;
}

.director_slide .bx-pager a:nth-child(5) {
    right: 32%;
}

.director_slide .bx-pager a:nth-child(6) {
    right: 17%;
}
.director_slide .bx-pager a:nth-child(7) {
    right: 0;
}

.director_slide .bx-controls .bx-next,
.director_slide .bx-controls .bx-prev {
    width: 50px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: 50% 0;
    text-indent: -9999px;
    position: absolute;
    top: 0;
}

.director_slide .bx-controls .bx-prev {
    background-image: url('/resources/images/common/ico_arrow_l_3.png');
    left: 0;
}

.director_slide .bx-controls .bx-next {
    background-image: url('/resources/images/common/ico_arrow_r_3.png');
    right: 0;
}

.director_profile {
    padding: 0 10px 10px;
    border-top: 2px solid #ea002c;
    box-shadow: 0 2px 10px #696969;
}

.director_profile strong.name {
    padding: 8px 0;
    font-size: 18px;
    color: #111;
    display: block;
    text-align: center;
    line-height: 20px;
}

.director_profile .pic {
    margin-bottom: 10px;
}

.director_profile .pic img {
    width: 100%;
}

.director_profile .info {
    padding: 10px;
    background-color: #edeef1;
}

.director_profile .info dl {
    padding-left: 8px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

.director_profile .info dl:first-child {
    margin-top: 0;
}

.director_profile .info dl:before {
    content: '';
    width: 2px;
    height: 2px;
    background-color: #656565;
    position: absolute;
    top: 6px;
    left: 0;
}

.director_profile .info dl dd,
.director_profile .info dl dt {
    color: #656565;
    float: left;
    line-height: 18px;
}

.director_profile .info dl.floatno dd,
.director_profile .info dl.floatno dt {
    float: none;
}

.director_profile .info dl dt {
    width: 20%;
}

.audio_player {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #ea002c;
    border-radius: 10px;
}

.audio_player .top {
    margin-bottom: 8px;
    overflow: hidden;
}

.audio_player .top .time,
.audio_player .top .tit {
    color: #fff;
}

.audio_player .top .tit {
    float: left;
    display: block;
}

.audio_player .top .time {
    float: right;
}

.audio_player .music_bar {
    height: 10px;
    border-radius: 20px;
    background-color: #292929;
    box-shadow: 0 2px 10px #1b1d25;
}

.audio_player .music_bar .flag {
    width: 0;
    height: 100%;
    display: block;
    background-color: #2ea544;
    border-radius: 20px;
}

.audio_player .sound_area {
    height: 12px;
    margin-top: 10px;
    padding: 0 25px;
    position: relative;
}

.audio_player .sound_area:after,
.audio_player .sound_area:before {
    content: '';
    display: block;
    width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 12px;
    position: absolute;
    top: 0;
}

.audio_player .sound_area:before {
    background-image: url('/resources/images/common/ico_sound_defalt.png');
    left: 0;
}

.audio_player .sound_area:after {
    background-image: url('/resources/images/common/ico_sound_active.png');
    right: 0;
}

.audio_player .sound_area .sound_bar {
    width: 100%;
    height: 100%;
    position: relative;
}

.audio_player .sound_area .sound_bar:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 0;
}

.audio_player .sound_area .sound_bar .flag {
    width: 50%;
    display: block;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
}

.audio_player .sound_area .sound_bar .flag:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -6px;
    border-radius: 50%;
}

.audio_player .ctr_set {
    margin-top: 10px;
    font-size: 0;
    text-align: center;
}

.audio_player .ctr_set button.next,
.audio_player .ctr_set button.prev {
    width: 11px;
    height: 12px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 11px auto;
}

.audio_player .ctr_set button.prev {
    background-image: url('/resources/images/common/ico_sound_prev.png');
}

.audio_player .ctr_set button.next {
    background-image: url('/resources/images/common/ico_sound_next.png');
}

.audio_player .ctr_set .play_ctl {
    margin: 0 20px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 18px auto;
}

.audio_player .ctr_set .play_ctl.play {
    background-image: url('/resources/images/common/ico_sound_play.png');
}

.audio_player .ctr_set .play_ctl.pause {
    background-image: url('/resources/images/common/ico_sound_pause.png');
}

.team_record img {
    display: none;
}

/* ????????????? ????? */

.sponser_player .player_profile {
    border-top: 2px solid #ea002c;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.sponser_player.type2 .player_profile {
    border-top: 2px solid #999999;
    margin-bottom: 20px;
}

.sponser_player .player_profile .player {
    padding-left: 149px;
    min-height: 174px;
    position: relative;
}

.sponser_player .player_profile .player .pic {
    overflow: hidden;
    width: 149px;
    height: 174px;
    position: absolute;
    top: 0;
    left: 0;
}

.sponser_player .player_profile .player .pic img {
    width: 100%;
}

.sponser_player .player_profile .player .info {
    padding: 10px;
    box-sizing: border-box;
}

.sponser_player .player_profile .player .name {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    color: #111;
    line-height: 16px;
    text-align: center;
    font-weight: 700;
}

.sponser_player .player_profile .player .name span {
    font-size: 12px;
    font-weight: 300;
}

.sponser_player .player_profile .player .simplicity {}

.sponser_player .player_profile .player .simplicity dl {
    padding-left: 8px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

.sponser_player .player_profile .player .simplicity dl:first-child {
    margin-top: 0;
}

.sponser_player .player_profile .player .simplicity dl:before {
    content: '';
    width: 2px;
    height: 2px;
    background-color: #656565;
    position: absolute;
    top: 6px;
    left: 0;
}

.sponser_player .player_profile .player .simplicity dl dd,
.sponser_player .player_profile .player .simplicity dl dt {
    color: #656565;
    line-height: 18px;
}

.sponser_player .player_profile .player .simplicity dl dt {
    width: 60px;
}

.sponser_player .player_profile .player_histroy {
    padding: 10px;
}

.spon_organization_list {}

.spon_organization_list li {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #ea002c;
    border-bottom: 1px solid #c5c5c5;
}

.spon_organization_list li:first-child {
    margin-top: 0;
}

.spon_organization_list li .pic {
    margin-bottom: 15px;
}

.spon_organization_list li .pic img {
    width: 100%;
}

.spon_organization_list li .top {
    margin-bottom: 15px;
    text-align: center;
}

.spon_organization_list li .top strong.tit {
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #111;
}

.sponser_main_list {}

.sponser_main_list li {
    margin-top: 15px;
    background-color: #f1f1f1;
    border-top: 1px solid #ea002c;
}

.sponser_main_list li:first-child {
    margin-top: 0;
}

.sponser_main_list li .pic img {
    width: 100%;
}

.sponser_main_list li .info {
    padding: 15px;
}

.sponser_main_list li dl {
    text-align: center;
    padding-bottom: 15px;
}

.sponser_main_list li dl dt {
    margin-bottom: 10px;
}

.sponser_main_list li dl dt span {
    padding-top: 13px;
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #111;
    line-height: 22px;
}

.sponser_main_list li dl dt span:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    margin-left: -10px;
    background-color: #ea002c;
    position: absolute;
    top: 0;
    left: 50%;
}

.sponser_main_list li dl dd {
    font-size: 11px;
    color: #111;
    line-height: 15px;
}

.sponser_main_list li .link {
    text-align: center;
}

.sponser_main_list li .link a {
    padding-right: 25px;
    display: inline-block;
    color: #656565;
    position: relative;
}

.sponser_main_list li .link a:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: #ea002c url('/resources/images/common/m_link_arrow.png') 50% no-repeat;
    background-size: 14px auto;
    position: absolute;
    top: 50%;
    right: 0;
    border-radius: 50%;
}

.sponser_main_list li .link a span {
    display: inline-block;
    line-height: 14px;
    border-bottom: 1px solid #656565;
}

.sponer_list li.pd10 a {
    padding: 10px 0;
    height: 45px;
}

.sponer_list li.pd10 a img {
    height: 45px;
}

/* ???? ???????? ???????? */

.privacy_top {
    padding: 10px 0;
    border-top: 2px solid #ea002c;
    border-bottom: 1px solid #e1e1e1;
}

.privacy_top > p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}

.privacy_wrap .bullet_txt + p,
.privacy_wrap p + .bullet_txt,
.privacy_wrap p + p {
    margin-top: 10px;
}

/* ??????????? ???????????? */

.jn_slogan_area {
    padding: 120px 25px 20px;
    overflow: hidden;
    border-top: 2px solid #ea002c;
    border-bottom: 1px solid #8a8a8a;
    position: relative;
}

.jn_slogan_area:before {
    content: '';
    display: block;
    width: 74px;
    height: 74px;
    margin-left: -37px;
    background: #f8f8f8 url('/resources/images/common/ico_slogan.png') 50% no-repeat;
    background-size: 39px auto;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    left: 50%;
}

.jn_program_list {
    margin-bottom: 15px;
    font-size: 0;
}

.jn_program_list li {
    width: 25%;
    padding-top: 95px;
    font-size: 12px;
    color: #111;
    line-height: 14px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.jn_program_list li:after {
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 90px auto;
}

.jn_program_list li.orange:after {
    background-color: rgba(255, 116, 34, 0.8);
}

.jn_program_list li.pink:after {
    background-color: rgba(255, 38, 79, 0.8);
    z-index: 10;
}

.jn_program_list li.action:after {
    background-image: url('/resources/images/common/img_pictogram_action.png');
}

.jn_program_list li.stunt:after {
    background-image: url('/resources/images/common/img_pictogram_stunt.png');
}

.jn_program_list li.dance:after {
    background-image: url('/resources/images/common/img_pictogram_dance.png');
}

.jn_program_list li.chant:after {
    background-image: url('/resources/images/common/img_pictogram_chant.png');
}

.jn_program_list li span {
    display: block;
    font-size: 10px;
    color: #656565;
    font-weight: 300;
}

.map_area .root_daum_roughmap {
    width: 100%;
}

.contact_us_area {
    padding: 8px 0;
    border-bottom: 1px solid #c5c5c5;
}

.contact_us_area li {
    padding-left: 35px;
    margin-top: 4px;
    position: relative;
}

.contact_us_area.two li {
    padding-left: 55px;
}

.contact_us_area li > span {
    color: #111;
}

.contact_us_area li:first-child {
    margin-top: 0;
}

.contact_us_area li > p {
    padding-left: 15px;
    position: relative;
    color: #656565;
    font-size: 11px;
    line-height: 18px;
}

.contact_us_area li > p:after {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background-color: #e7e7e7;
    position: absolute;
    top: 2px;
    left: 0;
}

.contact_us_area li span.traffic {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px auto;
}

.contact_us_area li span.traffic.secend {
    left: 30px;
}

.contact_us_area li span.traffic.blue {
    background-color: #3875ff;
}

.contact_us_area li span.traffic.green {
    background-color: #1fa22f;
}

.contact_us_area li span.traffic.green2 {
    background-color: #1a8c1a;
}

.contact_us_area li span.traffic.green3 {
    background-color: #697215;
}

.contact_us_area li span.traffic.orange {
    background-color: #ff6c0a;
}

.contact_us_area li span.traffic.purple {
    background-color: #421a8c;
}

.contact_us_area li span.traffic.bus {
    background-image: url('/resources/images/common/ico_bus_small.png');
}

.contact_us_area + .btn_area {
    margin-top: 15px;
}

.line_box {
    padding: 15px 0;
    border-top: 1px solid #ed1f24;
    border-bottom: 1px solid #c5c5c5;
}

.round_tit_list > li {
    margin-top: 4px;
}

.round_tit_list > li:first-child {
    margin-top: 0;
}

.round_tit_list > li > dl {
    padding-left: 70px;
    position: relative;
}

.round_tit_list > li > dl dd,
.round_tit_list > li > dl dt {
    font-size: 11px;
    line-height: 16px;
    font-weight: 300;
}

.round_tit_list > li > dl dt {
    width: 56px;
    color: #fff;
    background-color: #3f485f;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.round_tit_list > li > dl dd {
    color: #656565;
}

.round_tit_list > li > dl .bullet_txt li {
    margin-top: 0;
    line-height: 16px;
}

.teacher_area {
    border: 1px solid #e1e1e1;
    box-shadow: 4px 4px 0 #f5f5f5;
}

.teacher_area .cont {
    min-height: 139px;
    padding-left: 110px;
    position: relative;
}

.teacher_area .cont .pic {
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
}

.teacher_area .cont .pic img {
    width: 100%;
}

.teacher_area .cont .info {
    padding: 0 10px 10px;
}

.teacher_area .cont .info strong.name {
    margin-bottom: 5px;
    padding: 6px 0;
    color: #111;
    font-size: 13px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}

.teacher_area > .teach_profile {
    padding: 8px;
}

.teacher_area .teach_profile .bullet_txt.dotted {
    font-weight: 700;
}

.teacher_area .bullet_txt li {
    margin-top: 0;
}

.teacher_list {}

.teacher_list li.cont {
    min-height: 201px;
    padding-left: 110px;
    position: relative;
    margin-top: 15px;
    border: 1px solid #e1e1e1;
    box-shadow: 4px 4px 0 #f5f5f5;
}

.teacher_list li.cont:first-child {
    margin-top: 0;
}

.teacher_list li.cont .pic {
    width: 110px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f7f8fa;
}

.teacher_list li.cont .pic.ymca {
    background: #f7f8fa url('/resources/images/img_ymca.png') 50% no-repeat;
    background-size: 60px auto;
}

.teacher_list li.cont .pic img {
    width: 100%;
}

.teacher_list li.cont .info {}

.teacher_list li.cont .info strong.name {
    padding: 10px 0;
    color: #111;
    font-size: 14px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}

.teacher_list li.cont .info strong.name span {
    font-size: 11px;
    display: block;
    font-weight: 300;
}

.teacher_list li.cont .teach_profile {
    padding: 10px;
}

.teacher_list.type2 li.cont .pic {
    padding-top: 15px;
    text-align: center;
    box-sizing: border-box;
}

.teacher_list.type2 li.cont .pic img {
    width: 50px;
    border-radius: 5px;
}

.area_map {
    background-color: #f1f1f1;
}

.area_map .pic {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

.area_map .pic img {
    width: 100%;
}

.area_map .map_point .point {
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
    border-radius: 5px;
    background-color: #ea002c;
    position: absolute;
    display: none;
    box-sizing: border-box;
}

.area_map .map_point .point.active {
    display: block;
}

.area_map .map_point .point:after {
    content: '';
    display: block;
    width: 8px;
    height: 7px;
    margin-left: -4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: url('/resources/images/common/ico_map_arrow.png') 0 0 no-repeat;
    background-size: 8px auto;
    position: absolute;
    bottom: -7px;
    left: 50%;
}

.area_map .map_point .point.noarrow:after {
    display: none;
}

.area_map .map_point .point.mogdong {
    top: 192px;
    left: 27px;
}

.area_map .map_point .point.gangnam {
    top: 205px;
    left: 155px;
}

.area_map .map_point .point.yangcheon {
    top: 196px;
    left: 16px;
}

.area_map .map_point .point.ally_songpa {
    top: 198px;
    left: 218px;
}

.area_map .map_point .point.ally_guri {
    top: 115px;
    left: 214px;
}

.area_map .map_point .point.ally_dobong {
    top: 55px;
    left: 158px;
}

.area_map .map_point .point.ally_mapho {
    top: 155px;
    left: 86px;
}

.area_map .map_point .point.ally_bundang {
    top: 259px;
    left: 242px;
}

.area_map .map_point .point.ally_hanam {
    top: 157px;
    left: 218px;
}

.area_map .map_point .point.ally_hanam:after {
    margin-left: 4px;
}

.area_map .map_point .point.ally_suji {
    top: 280px;
    left: 245px;
}

.area_map .map_point .point.ally_ilsan {
    top: 115px;
    left: 50px;
}

.area_map .map_point .point.ally_uijeongbu {
    top: 45px;
    left: 214px;
}

.area_map .map_point .point.ally_jamsil {
    top: 214px;
    left: 234px;
}

.area_map .map_point .point.ally_jugjeon {
    top: 276px;
    left: 242px;
}

.area_map .map_point .point.ally_kangnam {
    top: 205px;
    left: 170px;
}

.area_map .map_point .point.ally_dongback {
    top: 290px;
    left: 148px;
}

.area_map .map_point .point.ally_gwangjin {
    top: 155px;
    left: 200px;
}

.area_map .map_point .point.ally_suwon {
    top: 290px;
    left: 55px;
}

.area_map .map_point .point.ally_guro {
    top: 222px;
    left: 25px;
}

.area_map .map_point .point.ally_nowone {
    top: 80px;
    left: 180px;
}

.area_map .map_point .point.ally_dongdae {
    top: 130px;
    left: 170px;
}

.area_map .map_point .point.ally_irvrne {
    top: 25px;
    left: 35px;
}

.area_map .map_point .point.ally_sejong {
    top: 295px;
    left: 242px;
}

.area_map .map_point .point.ally_gimpo {
    top: 103px;
    left: 43px;
}

.area_map .map_point .point.ally_seosan {
    top: 260px;
    left: 0px;
}

/* ???????????? ???????? */

.sports_main body {}

.sports_main #wrap {
    padding: 0 15px;
}

.sports_main .sports_logo {
    margin-bottom: 10px;
    padding-top: 30px;
    text-align: center;
}

.sports_main .sports_logo a {
    width: 78px;
    display: inline-block;
}

.sports_main .sports_logo a img {
    width: 100%;
}

.sports_main .intro_txt {
    margin-bottom: 20px;
    text-align: center;
}

.sports_main .intro_txt span.small {
    display: inline-block;
    font-size: 11px;
    color: #6b6b6b;
    font-weight: bold;
}

.sports_main .intro_txt p,
.sports_main .intro_txt span {
    font-family: 'mb_kor', 'mb_eng', dotum, Arial, sans-serif;
}

.sports_main .intro_txt span:last-child {
    display: block;
}

.sports_main .intro_txt p {
    font-size: 27px;
    color: #333;
    line-height: 35px;
}

.sports_main .intro_txt p .red {
    color: #e51937;
}

.sports_main .intro_txt p .ornage {
    color: #f58026;
}

.sports_main .intro_txt p .big {
    font-size: 32px;
}

.sports_category_list {
    overflow: hidden;
}

.sports_category_list li {
    width: 100%;
    height: 150px;
    margin-top: 2%;
    border-radius: 20px;
    position: relative;
    background-size: 290px auto;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    float: left;
}

.sports_category_list li a {
    height: 100%;
    padding: 25px;
    display: block;
    box-sizing: border-box;
}

.sports_category_list li:after {
    content: '';
    display: none;
    width: 20px;
    height: 18px;
    background: url('/resources/images/common/ico_arrow_dotted.png') 0 0 no-repeat;
    background-size: 20px auto;
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.sports_category_list li:active:after {
    display: block;
}

.sports_category_list li:first-child {
    margin-top: 0;
}

.sports_category_list li.category1 {
    background-color: #48b3fe;
    background-image: url('/resources/images/m_img_sports_ct_1.png');
}

.sports_category_list li.category2 {
    background-color: #f9ad09;
    background-image: url('/resources/images/m_img_sports_ct_2.png');
}

.sports_category_list li.category3 {
    background-color: #ec1c23;
    background-image: url('/resources/images/m_img_sports_ct_3.png');
}

.sports_category_list li.category4 {
    background-color: #20559c;
    background-image: url('/resources/images/m_img_sports_ct_4.png');
}

.sports_category_list li.category5 {
    background-color: #3db8b1;
    background-image: url('/resources/images/m_img_sports_ct_5.png');
}

.sports_category_list li.category6 {
    background-color: #5a4332;
    background-image: url('/resources/images/m_img_sports_ct_6.png');
}

.sports_category_list li.category7 {
    background-color: #5cb931;
    background-image: url('/resources/images/m_img_sports_ct_7.png');
}

.sports_category_list li.category8 {
    width: 49%;
    background-color: #444;
}

.sports_category_list li.category9 {
    width: 49%;
    margin-left: 2%;
    background-color: #ff6427;
}

.sports_category_list li dd,
.sports_category_list li dt {
    color: #fff;
}

.sports_category_list li dt {
    font-size: 22px;
    margin-bottom: 10px;
    font-family: 'mb_kor', 'mb_eng', dotum, Arial, sans-serif;
}

.sports_category_list li dd {
    font-size: 12px;
    line-height: 19px;
    font-family: 'mb_kor', 'mb_eng', dotum, Arial, sans-serif;
}

.sports_main footer {
    padding: 0;
    background-color: #444;
    margin-top: 50px;
}

.sports_main #footer .inner {
    padding: 27px 0;
}

.sports_main #footer .fot_fam {
    bottom: 20px;
}

.sports_fot_menu {
    padding-top: 50px;
    background: url('/resources/images/common/img_logo_sports.png') 50% 0 no-repeat;
    background-size: 78px auto;
    text-align: center;
}

.sports_fot_menu a {
    color: #999;
    font-family: 'mb', dotum, Arial, sans-serif;
    font-size: 11px;
    display: inline-block;
    font-family: 'mb_kor', 'mb_eng', dotum, Arial, sans-serif;
}

.sports_fot_menu a:first-child {
    margin-right: 20px;
}

.loading-circle:after {
    content: '';
    display: block;
    background: url(/resources/images/common/ajax_loader4.gif) no-repeat center;
    height: 80px;
    background-size: 80px;
}

.fb-page {
    position: relative;
}

.fb-page.loading-circle {
    border: 1px solid #cacaca;
    width: 100%;
    height: 372px;
    box-sizing: border-box;
}

.fb-page.loading-circle:after {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
}

.Error-Page-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.Error-Page {
    font-family: 'mb_kor';
    max-width: 620px;
    margin: 0 auto;
    padding: 0 20px;
}

.Error-Page * {
    font-family: inherit;
}

.Error-Page-title {
    color: #514442;
    font-size: 45px;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 2px solid #8a8a8a;
    margin-bottom: 40px;
}

.Error-paragraph1 {
    color: #514442;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.Error-paragraph2 {
    color: #8a8a8a;
    font-size: 16px;
    margin-bottom: 40px;
}

.Error-button-group {}

.Error-button-group .btn_st {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1em;
    padding: 24px 0;
}

.Error-button-group .btn_st:first-child {
    margin-left: 0;
}

.form-control1 {}

.form-control1 .form-label {
    width: 30%;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #111;
    height: 35px;
    position: relative;
}

.form-control1 .form-label > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.form-control1 .form_st {
    width: 70%;
}

.video_area.type2 {
    padding: 0;
    background-color: transparent;
}

.video_area.type2 > .detail_view {
    padding-bottom: 0;
    border-bottom: none;
}

.video_area.type2 .view_list {
    padding: 0;
}

.img_slider_box {}

.img_slider_box iframe {
    width: 100%;
    height: 100%;
}

.img_slider {
    margin-bottom: 10px;
}

.img_slider .slick-slide,
.img_slider_nav .slick-slide {
    text-align: center;
}

.img_slider .slick-slide img,
.img_slider_nav .slick-slide img {
    max-width: 100%;
    display: inline-block;
}

.img_slider .slick-list,
.img_slider .slick-track {
    height: 200px;
}

.img_slider_nav .slick-list {
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
}

.img_slider_nav .slick-slide {
    box-sizing: border-box;
    position: relative;
}

.img_slider_nav .slick-slide:first-child {}

.img_slider_nav .slick-slide img {
    -webkit-filter: grayscale(100%);
    filter: gray;
}

.img_slider_nav .slick-slide.slick-current img {
    -webkit-filter: grayscale(0%);
    filter: none;
}

.img_slider_nav .slick-arrow {
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px auto;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.img_slider_nav .slick-prev {
    background-image: url(/resources/images/common/ico_video_slide_l.png);
    left: 0;
}

.img_slider_nav .slick-next {
    background-image: url(/resources/images/common/ico_video_slide_r.png);
    right: 0;
}

/* 2019.03.07 ????? */

.size {
    margin-top: 20px;
}

.size .img {
    width: 100%;
    text-align: center;
}

.size .img.pc {
    display: none;
}

.size .img.mo {
    display: block;
}

.size > ul {
    padding: 20px 0 0 16px;
}

.size ul li {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5em;
}

.size .info {
    margin-top: 16px;
    padding: 15px;
    border: 10px solid #ececec;
    text-align: center;
}

.size .info li {
    line-height: 2em;
}

.size .info li:first-child {
    font-size: 14px;
}

.size .info li:nth-child(2) {
    font-size: 12px;
}

.size .info li:last-child {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
}

.table_st td.result_text {
    font-weight: 600;
    text-align: center;
}

/* 190925 ????? */

/* ??????? ????? */

.sports_highlight {
    width: 100%;
}

.sports_highlight iframe {
    width: 100%;
}

.best_player {
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    flex-direction: row;
    align-content: flex-start;
    width: 100%;
}

.Bestpic {
    flex: 48.666666666665%;
    margin: 8px 1.333333333335% 0 0;
    position: relative;
    border-top: 2px solid #ea002c;
    text-align: center;
}

.Bestpic:nth-child(2n) {
    margin: 8px 0 0 1.333333333335%;
}

.Bestpic:nth-child(-n + 2) {
    margin-top: 0;
}

.Bestpic span {
    display: block;
}

.Bestpic .best_title {
    width: 100%;
    height: 33px;
    border-bottom: 2px solid #ccc;
    font-size: 12px;
    font-weight: 600;
    line-height: 33px;
}

.Bestpic .bg_img {
    background: #f8f8f8;
}

.Bestpic img {
    width: 100%;
    max-width: 100%;
}

.Bestpic .player_name {
    width: 100%;
    height: 29px;
    position: absolute;
    bottom: 25px;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    line-height: 29px;
}

.Bestpic .score {
    height: 25px;
    color: #777;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 25px;
}

.Bestpic .score em {
    display: inline-block;
    color: #fa3230;
    font-weight: 400;
}

.table_st th:last-child {
    border-right: 0;
}

/* ?????????????????? ???????? */

.search_wrap.photo_search {
    overflow: hidden;
    width: 100%;
    padding-left: 0;
}

.search_wrap.photo_search div {
    float: left;
}

.search_wrap.photo_search .search_input {
    width: 68%;
    margin-left: 1.33333333333%;
}

.search_wrap.photo_search .select_wrap {
    width: 30.66666666667%;
    position: relative;
    top: 0;
    left: 0;
}

.search_wrap.photo_search div.search_select {
    width: 100%;
    margin-top: 8px;
    position: relative;
    color: #222;
    font-size: 14px;
}

.search_wrap.photo_search div.search_select span {
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
}

.search_wrap.photo_search div.search_select select {
    float: right;
    width: 83.2%;
    margin-left: 16px;
    padding-right: 26px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.search_wrap.photo_search div.search_select:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    margin-top: -2.5px;
    background: url('/resources/images/common/ico_select_down_2.png') 0 0 no-repeat;
    background-size: 10px auto;
    position: absolute;
    top: 50%;
    right: 8px;
}

/* ?????????????????? ?????????? */

.photo {
    position: relative;
}

.photo .slider-nav {
    height: 66px;
    position: relative;
    margin-top: 20px;
    padding: 0 15px;
}

.photo .slider-nav .slick-list {
    height: 100%;
}

.photo .slider-nav .slick-track {
    height: 100%;
    margin: 0;
}

.photo .slider-nav .slick-slide {
    /*height: 100%;*/
    /*padding: 0 4%;*/
    position: relative;
    background: #f5f5f5;
    /*border: 1px solid #ddd;*/
    border-right: 0;
    text-align: center;
    box-sizing: border-box;
}

.photo .slider-nav .slick-slide::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    border-right: 0;
    box-sizing: border-box;
}

.photo .slider-nav .slick-slide:last-child::before {
    border-right: 1px solid #ddd;
}

.photo .slider-nav .slick-slide.slick-current::before {
    border: 1px solid #e31f28;
}

.photo .slider-nav .slick-slide img {
    display: inline-block;
    height: 100%;
}

.photo button {
    display: block !important;
    width: 15px;
    height: 66px;
    position: absolute;
    bottom: 20px;
    z-index: 15;
    font-size: 0;
    color: transparent;
}

.photo .nav_prev {
    left: 0;
    background: #999 url('/resources/images/new/btn_photo_prev.jpg') 50% 50% no-repeat;
    background-size: 8px;
}

.photo .nav_next {
    right: 0;
    background: #999 url('/resources/images/new/btn_photo_next.jpg') 50% 50% no-repeat;
    background-size: 8px;
}

@media (min-width: 768px) {
    .m_sns {
        display: none;
    }

    /* ----------------
    Common
  ----------------  */
    .mobile_view {
        display: none;
    }

    .pc_view {
        display: block;
    }

    .paging_wrap {
        text-align: center;
    }

    .pagination {
        display: inline-block;
        height: 38px;
        margin-top: 35px;
        padding: 0 90px;
    }

    .pagination button {
        width: 38px;
        height: 38px;
        background-size: auto;
    }

    .pagination button.first,
    .pagination button.last {
        display: inline-block;
    }

    .pagination button.prev {
        background-image: url('/resources/images/common/ico_paging_left.png');
    }

    .pagination button.next {
        background-image: url('/resources/images/common/ico_paging_right.png');
    }

    .pagination button.first {
        background-image: url('/resources/images/common/ico_paging_first.png');
        border-right: none;
    }

    .pagination button.last {
        background-image: url('/resources/images/common/ico_paging_last.png');
        border-left: none;
    }

    .pagination .page {
        text-align: center;
    }

    .pagination .page a {
        width: 30px;
        line-height: 38px;
        font-size: 14px;
    }

    .pagination .page a.active {
        color: #ff7a00;
    }

    .popup_wrap .popup_area {
        width: 670px;
        padding: 20px;
        transform: translateX(-50%);
        border-top: 5px solid #ea002c;
    }

    .popup_wrap.notice-popup .popup_area {
        width: 403px;
        text-align: center;
    }

    .popup_wrap.notice-popup .popup_area .cont {
        text-align: center;
    }

    .popup_wrap.notice-popup .popup_area .cont strong {
        font-size: inherit;
    }

    .notice-popup-title {
        font-size: 25px;
        margin-bottom: 23px;
    }

    .notice-popup-text {
        font-size: 16px;
    }

    .popup_wrap .popup_area .pop_close {
        width: 40px;
        height: 40px;
        background-size: 22px auto;
    }

    .popup_wrap .top {
        margin-bottom: 20px;
    }

    .popup_wrap .top .title {
        font-size: 30px;
        line-height: 32px;
    }

    .notice-popup-text2 {
        font-size: 16px;
    }

    .icon-text {
        font-size: 16px;
        background-size: 195px;
        padding-top: 208px;
    }

    .icon-text.icon3 {
        padding-top: 240px;
        background-size: 599px;
    }

    /* form ????????? */
    .form_wmid {
        width: 225px !important;
    }

    .form_wsmall {
        width: 122px !important;
    }

    .form_st {
        height: 38px;
        padding: 0 10px;
    }

    textarea.form_st {
        height: 140px;
        padding: 10px;
    }

    .select_wrap select {
        padding-right: 28px;
    }

    .select_wrap:after {
        width: 10px;
        height: 6px;
        margin-top: -3px;
        background-size: 10px auto;
        right: 10px;
    }

    .search_input input {
        padding-right: 42px;
    }

    .search_input .btn_search {
        width: 32px;
        background-size: 19px auto;
    }

    .search_wrap {
        width: auto;
        margin-bottom: 10px;
        padding-left: 132px;
    }

    .search_wrap .select_wrap {
        width: 122px;
    }

    .select_box.type1 {
        margin-bottom: 0;
        padding: 0;
        background-color: transparent;
        border-top: none;
    }

    .select_box.type1 label {
        margin-top: 0;
        margin-right: 20px;
        font-size: 14px;
        position: relative;
        top: 0;
        left: 0;
        line-height: 38px;
    }

    .select_box.type1 .select_wrap {
        width: 165px;
    }

    .select_box.type2 {
        padding: 30px 90px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .select_box.type2 .colgroup.col2 {
        float: left;
    }

    .select_box.type2 .colgroup.col2 .col {
        width: auto;
        margin-left: 50px;
    }

    .select_box.type2 .colgroup.col2 .col label {
        margin-right: 20px;
        font-size: 18px;
        display: inline-block;
        margin-bottom: 0;
    }

    .select_box.type2 .select_wrap {
        width: 220px;
    }

    .select_box.type2 .colgroup + button {
        margin-top: 0;
        float: right;
        background-color: #ff7a00;
        width: 150px;
    }

    .division_area {
        margin-bottom: 45px;
    }

    .division_area.type2 {
        margin-bottom: 20px;
        text-align: right;
    }

    .division_area.type2 .select_wrap {
        width: auto;
    }

    .tel_group .select_wrap,
    .tel_group input[type='text'].form_st {
        width: 122px;
    }

    .tel_group input[type='text'].form_st {
        margin-left: 10px;
    }

    .radio_set label {
        padding-left: 34px;
        font-size: 16px;
        line-height: 24px;
    }

    .radio_set label:before {
        width: 24px;
        height: 24px;
    }

    .radio_set label:after {
        width: 14px;
        height: 14px;
        top: 6px;
        left: 6px;
    }

    .privacy_area {
        margin-top: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #c5c5c5;
    }

    .privacy_area strong.tit {
        margin-bottom: 15px;
        padding: 15px 0;
        font-size: 18px;
        line-height: 20px;
    }

    .privacy_area .cont {
        padding: 0 30px;
    }

    .privacy_area .cont .privacy_txt {
        height: 185px;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .privacy_area .cont .privacy_txt p + p {
        margin-top: 15px;
    }

    .privacy_area .agree_select {
        margin-top: 20px;
        text-align: center;
    }

    .privacy_area .agree_select label:first-child {
        margin-bottom: 0;
        margin-right: 50px;
    }

    .join_contents {
        width: 100%;
    }

    /* text */
    p.desc {
        font-size: 16px;
        line-height: 24px;
    }

    .desc2 {
        font-size: 14px;
        line-height: 26px;
    }

    .desc2 {
        font-size: 16px;
        line-height: 30px;
    }

    .notice_wrap {
        margin-top: 10px;
        min-height: 42px;
        padding-left: 60px;
    }

    .notice_wrap.search:after {
        width: 42px;
        height: 42px;
        background-size: 20px auto;
    }

    .notice_wrap p.notice_txt {
        line-height: 42px;
    }

    p.notice_txt {
        margin-top: 10px;
        padding-left: 15px;
        font-size: 16px;
        line-height: 20px;
    }

    .bullet_txt > li,
    p.bullet_txt {
        padding-left: 12px;
        font-size: 14px;
        line-height: 26px;
    }

    .bullet_txt > li {
        margin-top: 15px;
    }

    .bullet_txt.circle > li > .bullet,
    p.bullet_txt.circle > .bullet {
        width: 8px;
        height: 8px;
        top: 9px;
    }

    .bullet_txt.dotted > li,
    p.bullet_txt.dotted {
        padding-left: 8px;
    }

    .bullet_txt.dotted > li > .bullet,
    p.bullet_txt.dotted > .bullet {
        top: 14px;
    }

    /* ?????? */
    .btn_area {
        margin-top: 30px;
    }

    .btn_area.col2 a,
    .btn_area.col2 button {
        width: 130px;
        margin-left: 10px;
    }

    .btn_more {
        width: 30px;
        height: 30px;
        background-size: auto;
        background-color: transparent;
        background-image: url('/resources/images/common/ico_more.png');
        border: 1px solid #c7c7c7;
    }

    .btn_more:hover {
        border: 1px solid #474747;
        background-image: url('/resources/images/common/ico_more_2.png');
    }

    .btn_more.red {
        background-color: transparent;
        background-image: url('/resources/images/common/ico_more.png');
        border: 1px solid #c7c7c7;
        opacity: 0.6;
    }

    .btn_more.red:hover {
        opacity: 1;
    }

    .btn_st_round {
        padding: 5px 25px;
        border-radius: 20px;
    }

    .btn_st_round.mid {
        padding: 10px 25px;
        font-size: 18px;
    }

    .btn_st {
        width: 100%;
        padding: 11px;
        font-size: 13px;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
    }

    .btn_st.line {
        border: 1px solid #ccc;
        color: #999;
    }

    .btn_st.lists {
        width: 115px;
    }

    .btn_st.down {
        padding-right: 45px;
        padding-left: 45px;
        font-size: 16px;
    }

    .btn_st.down:hover {
        background-color: #ea002c;
    }

    .btn_st.down span {
        padding-left: 30px;
    }

    .btn_st.arrow {
        width: auto;
        padding-right: 35px;
        padding-left: 35px;
        background-color: #3f485f;
        color: #fff;
    }

    .btn_st.arrow:hover {
        background-color: #ea002c;
    }

    .btn_st.arrow span {
        padding-right: 40px;
        display: inline-block;
        background: url('/resources/images/common/ico_btn_arrow.png') 100% 50% no-repeat;
        line-height: 18px;
    }

    .social_media button {
        width: 58px;
        height: 58px;
        margin-left: 10px;
    }

    .social_media button.facebook {
        background: #c7c7c7 url('/resources/images/common/ico_facebook.png') 50% no-repeat;
        background-size: 13px auto;
    }

    .social_media button.facebook.active {
        background-color: #4862a3;
    }

    .social_media button.youtube {
        background: #c7c7c7 url('/resources/images/common/ico_youtube.png') 50% no-repeat;
        background-size: 28px auto;
    }

    .social_media button.youtube.active {
        background-color: #ea002c;
    }

    .link_home {
        padding-left: 40px;
    }

    .link_home:before {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-size: 17px auto;
        background-color: #8a8a8a;
    }

    .link_home:hover:before {
        background-color: #ea002c;
    }

    .link_home a {
        font-size: 14px;
        line-height: 30px;
    }

    /* title */
    .title_wrap.interval {
        margin-bottom: 50px;
    }

    .title_wrap.interval2 {
        margin-bottom: 10px;
    }

    .title_wrap h3.title + p.desc {
        margin-top: 25px;
    }

    h3.title {
        font-size: 45px;
        color: #111;
        line-height: 48px;
    }

    h4.title {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 28px;
    }

    h4.title .small {
        font-size: 18px;
        vertical-align: baseline;
    }

    .title_wrap h4.title {
        margin-bottom: 0;
    }

    .title_under {
        margin: 25px 0 20px;
        padding-bottom: 8px;
        font-size: 18px;
        line-height: 20px;
    }

    /* table */
    .list_table td {
        padding: 25px 10px;
        font-size: 14px;
    }

    .list_table td a.link {
        font-size: 16px;
        line-height: 18px;
    }

    .list_table td.speaker {
        padding-left: 0;
        background: none;
    }

    .list_table td.speaker img {
        width: 26px;
    }

    .table_wrap.lineem {
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #c5c5c5;
    }

    .table_wrap.lineem .table_st thead + tbody tr:first-child td,
    .table_wrap.lineem .table_st thead + tbody tr:first-child th {
        border-top: 1px solid #c5c5c5;
    }

    .table_wrap.topred {
        border-top: 1px solid #ed1f24;
    }

    .table_wrap.intitle > strong.tit {
        padding: 15px 0;
        font-size: 20px;
    }

    .table_wrap.intitle > strong.tit a,
    .table_wrap.intitle > strong.tit span {
        font-size: 20px;
    }

    .table_wrap.intitle > strong.tit.mvp span {
        background-size: 45px auto;
    }

    .table_st th {
        padding: 25px 10px;
        font-size: 15px;
    }
    .rate-table.table_st th {
        padding: 10px 10px;
    }

    .table_st td {
        padding: 25px 10px;
        font-size: 15px;
    }

    .table_st.vtsmall td,
    .table_st.vtsmall th {
        padding: 5px 10px;
    }

    .event_table {
        width: 800px;
        margin: 0 auto;
    }

    .event_table .table_st thead th {
        font-size: 22px;
    }

    .table_st colgroup.mobile_view {
        display: none;
    }

    .table_st colgroup.pc_view {
        display: table-column-group;
    }

    td.team_egis,
    td.team_elephants,
    td.team_kgc,
    td.team_knights,
    td.team_orions,
    td.team_phoebus,
    td.team_promy,
    td.team_sakers,
    td.team_sonic,
    td.team_thunders {
        background-repeat: no-repeat;
        background-image: url('/resources/images/common/img_team_logo_sp.png');
        text-align: left;
        padding-left: 100px;
    }

    td.team_kgc {
        background-position: 0 0;
    }

    td.team_orions {
        background-position: 0 -72px;
    }

    td.team_thunders {
        background-position: 0 -144px;
    }

    td.team_phoebus {
        background-position: 0 -216px;
    }

    td.team_promy {
        background-position: 0 -288px;
    }

    td.team_elephants {
        background-position: 0 -360px;
    }

    td.team_knights {
        background-position: 0 -432px;
    }

    td.team_sakers {
        background-position: 0 -504px;
    }

    td.team_sonic {
        background-position: 0 -576px;
    }

    td.team_egis {
        background-position: 0 -648px;
    }

    .table_bg {
        padding-top: 0;
        padding-left: 240px;
        background-position: 60px 50%;
    }

    .table_bg.discount {
        background-size: 105px;
        text-align:left;
    }

    .table_bg.member_p {
        background-size: 120px;
    }

    .table_bg.member_p .table_st {
        min-height: 120px;
    }

    .table_bg.rsvnotice {
        background-size: 155px;
        text-align:left;
    }

    .table_bg .table_st {
        border-top: none;
    }

    .table_st .bul_ico {
        padding-left: 50px;
    }

    .table_st .bul_ico:before {
        width: 44px;
        height: 44px;
        margin-top: -22px;
        background-size: 44px auto;
    }

    .table_st .pictogram.force {
        padding-top: 120px;
        background-size: 72px auto;
        background-position: ;
    }

    .table_st .pictogram.wisdom {
        padding-top: 120px;
        background-size: 86px auto;
    }

    .table_st .pictogram.emotion {
        padding-top: 120px;
        background-size: 93px auto;
    }

    .table_st .pictogram.sociability {
        padding-top: 120px;
        background-size: 84px auto;
    }

    .table_st .pictogram.multi_intelly {
        padding-top: 120px;
        background-size: 75px auto;
    }

    .music_control button {
        margin-left: 105px;
        font-size: 16px;
    }

    .music_control button:first-child {
        margin-left: 100px;
    }

    /* icon */
    .ico_new {
        width: 16px;
        height: 16px;
        line-height: 16px;
    }

    .ico_st {
        width: 30px;
        height: 30px;
    }

    .ico_st.down,
    .ico_st.music {
        background-size: auto;
    }

    /* ???? ???????? */
    .roll_tab_wrap {
        margin-bottom: 50px;
        text-align: center;
    }

    .roll_tab {
        margin: 0 auto;
    }

    .roll_tab li {
        padding: 20px 15px;
    }

    .roll_tab li a {
        padding: 0 10px;
        display: inline-block;
        font-size: 18px;
        line-height: 24px;
    }

    .roll_tab li a:after {
        height: 12px;
        margin-top: -6px;
    }

    .roll_tab li.active a {
        color: #fff;
        background-color: #ea002c;
    }

    .roll_tab li.active:after {
        display: none;
    }

    .box_tab_st .tab_btn .btn {
        padding: 18px 0;
        font-size: 16px;
        color: #656565;
        background-color: #f8f8f8;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        position: relative;
    }

    .box_tab_st .tab_btn .btn:first-child {
        border-left: 1px solid #e1e1e1;
    }

    .box_tab_st .tab_btn .btn.active {
        color: #111;
        border-top: none;
        border-right: 1px solid #e1e1e1;
        border-left: none;
    }

    .box_tab_st .tab_btn .btn.active:after {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background-color: #ea002c;
        position: absolute;
        top: -1px;
        left: 0;
    }

    .box_tab_st.col4 .tab_btn .btn {
        width: 25%;
    }

    /*???????????????????????*/
    .preparation {
        text-align: center;
        padding-top: 65px;
    }

    .preparation img {
        width: auto;
    }

    /* ----------------
    layout
  ----------------  */
    #container,
    #footer {
        min-width: 1280px;
        overflow: hidden;
    }    
    
    #header {
        min-width: 1280px;        
    }

    #container .m_inner,
    #footer .m_inner,
    #header .m_inner {
        padding: 0;
    }

    
    #container .inner,
    #header .inner {
        width: 1280px;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
    }
    #footer .inner {
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
    }

    #header {
        min-width: 1280px;
        height: auto;
    }

    #header h1.logo {
        width: 155px;
        margin-left: -78.5px;
        top: 9px;
        z-index: 10;
    }

    #header.jnr_knight h1.logo {
        width: 138px;
        margin-left: -69px;
        top: 67px;
    }

    .m_logo {
        display: none;
    }

    #header .second_top {
        height: 100px;
        padding: 20px 0 30px;
        display: block;
        box-sizing: border-box;
    }

    #header h2.title {
        top: 65px;
    }

    .category_area {
        position: relative;
    }

    .category_area .open_btn,
    .gnb_area .open_btn {
        display: none;
    }

    .jnr_knight .category_wrap {
        width:1280px;
        margin:0 auto;
    }

    .category_wrap,
    .gnb_wrap {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        overflow-y: visible;
        background: none;
        right: inherit;
        left: inherit;
        box-shadow: none;
    }

    .category_wrap .top,
    .gnb_wrap .top {
        display: none;
    }

    .category_area {
        overflow: hidden;
        background-color: #818181;
    }

    .category_area .gnb {
        overflow: hidden;
        width: 1280px;
        margin: 0 auto;
    }

    .category_list {
        /* width: 1280px;
      margin: 0 auto; */
        width: auto;
        font-size: 0;
    }

    .category_list > li {
        width: auto;
        height: 40px;
        display: inline-block;
        text-align: center;
        position: relative;
        line-height: 40px;
    }

    .ex_type #category_list {
        width: 1280px;
        margin: 0 auto;
    }

    #category_list01 {
        float: left;
    }

    #category_list01 > li {
        padding: 0 5px;
    }

    #category_list01 > li:first-child {
        padding-left: 0;
    }

    #category_list02 {
        float: right;
    }

    #category_list02 > li {
        padding: 0 8px;
    }

    #category_list02 > li:first-child {
        padding-left: 0;
    }

    #category_list02 > li:last-child {
        padding-right: 0;
    }

    /*
  .category_list>li.active:after {
      content: "";
      display: block;
      width: 7px;
      height: 100%;
      position: absolute;
      top: 0;
      right: -7px;
      background: url("../images/common/ico_menu_shadow.png") 0 0 no-repeat
  }


  .category_list>li.active a {
      background-color: #fff;
      color: #111
  }
*/
    .category_list > li > a,
    #gnb li > a {
        padding: 0;
    }

    .category_list > li > a {
        padding: 0;
        color: #fff;
        font-size: 14px;
        line-height: 38px;
    }

    .category_list > li > a img {
        vertical-align: middle;
    }

    .category_list > li {
        border-top: none;
    }

    .category_list > li.peaple {
        display: none;
    }

    .category_list > li.bg_black {
        background-color: transparent;
    }

    .category_list > li > a > i {
        display: none;
    }

    .category_list01 {
        float: left;
        width: auto;
    }

    .category_list02 {
        float: right;
        width: auto;
    }

    .ex_type .gnb_area {
        background-color: #ea002c;
    }

    .ex_type .gnb_area #gnb > li > a {
        color: #fff;
        margin-bottom: 0;
        line-height: 45px;
    }

    .gnb_area {
        position: relative;
    }

    .gnb_area .depth_bg {
        display: none;
        width: 100%;
        background-color: rgba(242, 242, 242, 0.9);
        border-top: 2px solid #ea002c;
        position: absolute;
        top: 90px;
        left: 0;
        box-sizing: border-box;
    }

    .gnb_area.active {
        background-color: transparent;
        position: relative;
    }

    .gnb_area.active .depth_bg {
        display: block;
    }

    .gnb_wrap {
        width: 1280px;
        margin: 0 auto;
    }

    #gnb {
        padding-top: 0;
        padding-left: 0;
    }

    #gnb:after {
        content: '';
        display: block;
        clear: both;
    }

    #gnb > li {
        width: 14.5%;
        text-align: center;
        float: left;
    }

    #gnb > li:nth-child(3) {
        margin-right: 133px;
    }

    #header.jnr_knight #gnb > li {
        width: 25%;
    }

    #header.jnr_knight #gnb > li:nth-child(3),
    #header.ex_type #gnb > li:nth-child(3) {
        margin-right: 0;
    }

    #gnb.col4 > li {
        width: 25%;
    }

    #gnb.col2 > li {
        width: 50%;
    }

    #gnb > li > a {
        width: 100%;
        height: 90px;
        /* margin-bottom: 30px; */
        padding: 0;
        left: 0;
        font-size: 19px;
        color: #111;
        line-height: 90px;
        font-weight: 700;
    }

    #gnb > li.active > a {
        color: #111;
    }

    #gnb > li.active > a:after {
        display: none;
    }

    #gnb .depth2 {
        padding: 20px 0;
        position: absolute;
        top: 90px;
        left: 0;
    }

    .gnb_area.active #gnb .depth2 {
        display: block;
    }

    #gnb .depth2 > li {
        margin-top: 15px;
        border-bottom: none;
    }

    #gnb .depth2 > li:first-child {
        margin-top: 0;
    }

    #gnb .depth2 > li a {
        color: #111;
        padding: 0;
    }

    #gnb .depth2 > li a:hover {
        color: #ea002c;
    }

    #gnb .depth2 > li.dep > a {
        background: none;
    }

    .ex_type #gnb > li > a {
        height: 45px;
    }

    #footer {
        overflow: visible;
        min-width: 1280px;
        text-align: left;
        position: relative;
        background: #262626;
        z-index: 10;
    }

    #footer > .inner {
        padding: 14px 0 50px 0px;
        position: relative;
    }

    #footer .flot_logo {
        float: left;
    }

    #footer .flot_logo a {
        display: block;
        margin-right: 6px;
    }

    #footer .fot_menu {
        float: left;
        margin-bottom: 20px;
        padding-top: 10px;
        background-color: transparent;
    }

    #footer .fot_menu a {
        padding-left: 16px;
        font-size: 15px;
        color: #aaa;
        line-height: 16px;
    }

    #footer .fot_menu a:last-child {
        line-height: 16px;
    }

    #footer .fot_menu a.mobile_view {
        display: none;
    }

    #footer .footer_link .sns {
        display: block;
    }

    #footer .sns {
        position: absolute;
        right: 0;
        top: 19px;
    }

    #footer .sns a {
        display: inline-block;
        margin-right: 23px;
        padding-top: 4px;
    }

    #footer .sns a.in {
        opacity: 0.8;
    }

    #footer .sns a:last-child {
        margin-right: 0;
    }

    #footer .f_box {
        clear: both;
        padding-top: 22px;
        position: relative;
        border-top: 1px solid #333;
        text-align: left;
    }

    #footer address {
        padding: 0;
        color: #aaa;
        font-size: 15px;
    }

    #footer address span {
        display: block;
        margin-bottom: 10px;
        color: #aaa;
        font-size: 15px;
    }

    #footer address span:last-child {
        display: inline-block;
        margin-left: 16px;
    }

    #footer .fot_fam {
        width: 248px;
        border: 1px solid #444;
        background-color: #262626;
        display: block;
        position: absolute;
        top: 38px;
        right: 0;
    }

    #footer .fot_fam a,
    #footer .fot_fam button {
        width: 100%;
        padding: 10px;
        color: #656565;
        display: block;
        font-size: 15px;
        box-sizing: border-box;
        text-align: left;
    }

    #footer .fot_fam button {
        padding-right: 40px;
        position: relative;
    }

    #footer .fot_fam button:after {
        content: '';
        display: block;
        width: 30px;
        height: 80%;
        position: absolute;
        top: 2px;
        right: 2px;
        /* border-left: 1px solid #ccc; */
        background: url('/resources/images/new/btn_select.png') 50% no-repeat;
    }

    #footer .fot_fam .fam_list {
        display: none;
    }

    #footer .fot_fam.active .fam_list {
        display: block;
        position: absolute;
        bottom: 39px;
        left: -1px;
        width: 100%;
        background: #262626;
        border: 1px solid #444;
        border-bottom: none;
        z-index: 11;
    }

    #footer .fot_fam.active {
        border-top: none;
    }

    #footer .fot_fam.active button:after {
        background-image: url('/resources/images/new/btn_select_on.png');
    }

    #footer p.copy {
        line-height: 25px;
        color: #666;
        font-size: 14px;
        background: none;
        text-align: left;
    }

    #container {
        padding-bottom: 100px;
    }

    #container.submain {
        margin-top: 80px;
    }

    #container.active {
        padding-top: 100px;
    }

    #container .location_area {
        margin-bottom: 55px;
    }

    #container.active .location_area {
        margin-bottom: 0;
    }

    #container .location_area .inner {
        padding-left: 45px;
        height: 45px;
    }

    #container .location_area .home {
        width: 45px;
        height: 45px;
        background-size: 15px auto;
    }

    #container .location_list_wrap {
        left: 45px;
    }

    #container .location_list {
        width: 145px;
    }

    #container .location_list > a {
        height: 45px;
        padding: 13px 40px 0 15px;
    }

    #container .location_list > a:after {
        width: 13px;
        height: 7px;
        margin-top: -4px;
        right: 15px;
        background-size: 13px auto;
    }

    #container .location_list.active > a:after {
        background-image: url('/resources/images/common/ico_location_arrow_up.png');
    }

    #container .location_list ul {
        padding: 15px;
        top: 45px;
    }

    #container .location_area_ex {
        margin-bottom: 55px;
    }

    #container .location_area_ex a {
        height: 45px;
        line-height: 45px;
    }

    #container .location_area_ex .home {
        width: 50px;
        background-size: auto;
    }

    #container .location_area_ex .page li {
        padding-left: 27px;
        margin-left: 22px;
        background-size: auto;
    }

    .section_wrap section {
        margin-top: 50px;
    }

    .section_wrap section.top_space {
        margin-top: 50px;
    }

    /* 191023 ????? */
    .section_wrap .info_list li,
    .section_wrap .table_list li {
        padding-left: 7px;
        font-size: 15px;
    }

    .section_wrap .info_list li::before,
    .section_wrap .table_list li::before {
        top: 12px;
    }

    .section_wrap .info_list:last-child ul li {
        font-size: 14px;
    }

    /* ----------------
    Main 190705 ??
  
    .main_visual02 {
        width: 100%;
        height: 700px;
        overflow: hidden;
    }

    .main_visual02 .video_slide {
        width: 100%;
        height: 700px;
        padding: 0;
        /* -webkit-filter: grayscale(100%);
      filter: gray; 
    }

    .main_video_list {
        height: 700px;
        max-height: 700px;
        transform: translate(-50%, -50%);
    }

    .main_video_list.owl-carousel .owl-stage-outer {
        height: 700px;
        max-height: 700px;
    }

    .main_video_list.owl-carousel .owl-item.center {
        width: 1280px !important;
        margin-left: -320px;
    }

    .main_video_list .item {
        width: 1280px;
        height: 700px;
        max-height: 700px;
    }

    .main_video_list .item div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .main_video_list .item div p {
        display: none;
        width: 750px;
        position: absolute;
        bottom: 85px;
        left: 50%;
        color: #fff;
        font-size: 38px;
        font-weight: 600;
        text-align: center;
        transform: translate(-50%, 0);
        z-index: 10;
    }

    .main_video_list .item .shadow {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.75);
        position: absolute; bottom: 0; left: 0;
    }

    .main_video_list .center .item div p {
        display: block;
        height: 40px;
        max-height: 40px;
        font-size: 38px;
        line-height: 40px;
    }

    .main_video_list .center .item .shadow {
        height: 50%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    }

    
  .main_video_list .item iframe {
      width: 620px;
      height: 350px;
  }

    
  .owl-carousel .owl-item {width:320px !important;}
  .owl-carousel .owl-item.center {width:1280px !important;z-index:10;}

    .main_visual02 .owl-nav .owl-prev {
        left: 280px;
    }

    .main_visual02 .owl-nav .owl-next {
        right: 284px;
    }

    .main_visual02 .owl-nav button span {
        width: 60px;
        height: 60px;
    }

    .main_visual02 .owl-dots.disabled {
        width: 100%;
        margin-left: -1%;
        position: absolute;
        bottom: 50px;
        text-align: center;
    }

    .main_visual02 .owl-dots.disabled button {
        width: 12px;
        height: 12px;
        margin-right: 12px;
        border-radius: 100%;
        background: rgba(211, 211, 211, 0.5);
    }

    .main_visual02 .owl-dots.disabled button:last-child {
        margin-right: 0;
    }

    .main_visual02 .owl-dots.disabled button.active {
        width: 25px;
        border-radius: 15px;
        background: #e0252b;
    }

    .main_visual02 .btn {
        position: absolute;
        bottom: 48px;
        left: 51.5%;
        z-index: 11;
    }

    .main_visual02 .btn button {
        display: none;
        width: 24px;
        height: 24px;
    }

    .main_visual02 .btn button.on {
        display: block;
    }

    /* sns tab */
    .sns_box {
        padding: 50px 0 60px 0;
        clear: both;
    }

    .sns_box h3 {
        font-size: 32px;
    }

    .sns_box h3 img {
        height: auto;
    }

    .sns_box .tabs {
        width: 366px;
        margin: 15px auto 0;
    }

    .sns_box .tabs li {
        padding-right: 50px;
        font-size: 16px;
    }

    .sns_box .tabs li::before {
        width: 2px;
        height: 11px;
        right: 25px;
    }

    .sns_box .tab_container .tab_content li {
        margin: 0 16px 0 0;
    }

    .sns_box .tab_container .tab_content li:nth-child(4n) {
        margin-right: 0;
    }

    .sns_box .tab_container .tab_content li a figcaption div {
        bottom: 15px;
    }

    .sns_box .tab_container .tab_content li a figcaption h4 {
        height: 44px;
        max-height: 44px;
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
        display: none;
    }

    .sns_box .tab_container .tab_content li a figcaption .date {
        font-size: 13px;
    }

    .sns_box .tab_container .tab_content .sns_list li {
        width: 308px;
        height: 308px;
        margin: 16px 16px 0 0;
    }

    /*.sns_box .tab_container .tab_content .sns_list li span {display:block;width:244px;height:244px;}*/
    .sns_box .tab_container .tab_content .sns_list li:nth-child(-n + 4) {
        margin-top: 0;
    }

    .sns_box .tab_container .tab_content .sns_list li:nth-child(2n) {
        margin-right: 16px;
    }

    .sns_box .tab_container .tab_content .sns_list li:nth-child(4n) {
        margin-right: 0;
    }

    .sns_box .tab_container .tab_content .youtube_list {
        margin-top: 16px;
    }

    .sns_box .tab_container .tab_content .youtube_list li {
        width: 416px;
        height: 233px;
        margin: 16px 14px 0 0;
    }

    .sns_box .tab_container .tab_content .youtube_list li:nth-child(-n + 3) {
        margin-top: 0;
    }

    .sns_box .tab_container .tab_content .youtube_list li:nth-child(3n) {
        margin-right: 0;
    }

    .sns_box .tab_container .tab_content .youtube_list li a figcaption h4 {
        height: 20px;
        max-height: 20px;
    }

    .sns_box .tab_container .tab_content .tab_more {
        display: inline-block;
        width: 200px;
        height: 45px;
        margin-top: 30px;
        background: #fff;
        border: 1px solid #aaa;
        color: #666;
        font-size: 16px;
        font-weight: 400;
    }

    .sns_box .tab_container #tab1 .sns_list {
        margin-top: 16px;
    }

    /* sns ???? ?? */
    .sns_link.pc_view {
        margin-top: 50px;
    }

    .sns_link span {
        padding-bottom: 32px;
        font-size: 19px;
    }

    .sns_link a {
        width: 240px;
        margin-right: 14px;
        position: relative;
    }

    .sns_link a:last-child {
        margin-right: 0;
    }

    .sns_link a::after {
        content: '';
        display: block;
        width: 1px;
        height: 60px;
        position: absolute;
        top: 24px;
        right: 0;
        background: #ddd;
    }

    .sns_link a:last-child::after {
        display: none;
    }

    .sports_view {
        margin-top: 40px;
        position: relative;
    }

    .sports_view .box {
        width: 28%;
        min-height: 300px;
        padding: 30px;
    }

    .sports_view .box.jnr {
        background-image: url('/resources/images/img_sk_jn_knights.png');
        background-size: auto;
    }

    .sports_view .box strong.tit {
        padding: 10px 0 25px;
        font-size: 25px;
        line-height: 28px;
    }

    .sports_view .box strong.tit:after {
        width: 30px;
    }

    .sports_view .box p.small {
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }

    .sports_view .box .line_txt p.desc {
        padding-top: 10px;
        margin-top: 9px;
        font-size: 14px;
    }

    .match_schedule .sports_info {
        padding: 21px 0;
    }

    .match_schedule .sports_info .date {
        font-size: 20px;
    }

    .match_schedule .sports_info .location {
        font-size: 16px;
    }

    .match_schedule .teamvs {
        padding: 10px 0 0;
    }

    .match_schedule .teamvs .team img {
        height: 85px;
    }

    .match_schedule .teamvs .team p {
        font-size: 16px;
        line-height: 24px;
    }

    .match_schedule .teamvs .team p .result_ico {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

    .match_schedule .teamvs .score {
        padding-top: 30px;
        font-size: 25px;
        line-height: 28px;
        top: 30px;
    }

    .match_schedule .teamvs .score:after {
        width: 28px;
        height: 28px;
        margin-left: -14px;
        line-height: 28px;
        font-size: 16px;
    }

    .match_schedule .teamvs .match {
        font-size: 45px;
        line-height: 50px;
        top: 25px;
    }

    .match_schedule .teamvs .match:after {
        width: 27px;
        height: 27px;
        margin-left: -14px;
        font-size: 16px;
        line-height: 27px;
    }

    /* 190705 ?? */
    .video_box {
        width: 44%;
        height: 100%;
        margin-left: -22%;
        padding: 45px 45px 30px;
        position: absolute;
        top: 0;
        left: 50%;
        box-sizing: border-box;
    }

    .video_box strong.tit {
        position: relative;
        font-size: 25px;
        line-height: 15px;
    }

    .video_box strong.tit::after {
        content: '';
        display: block;
        width: 30px;
        height: 3px;
        position: absolute;
        top: -5px;
        left: 0;
        background: #111;
    }

    .video_box .main_video_g {
        width: 100%;
        height: 192px;
        margin: 17px auto 0;
        border: none;
    }

    .video_box .main_video_g .video_gallery {
        height: 192px;
    }

    .video_box .main_video_g .video_gallery iframe {
        width: 100%;
        height: 100%;
    }

    /* 190920 ?? */
    .slide_wrap {
        overflow: hidden;
        position: relative;
        padding: 16px 0;
        background: #eee;
    }

    .slide_wrap .inner {
        width: 1280px;
        margin: 0 auto;
    }

    .slide_wrap h3 {
        display: block;
        float: left;
        margin-right: 18px;
        height: 67px;
        line-height: 67px;
    }

    .slide_wrap h3 img {
        vertical-align: middle;
    }

    .slide_wrap .sponser_slide {
        float: left;
        width: 1160px;
        height: 68px;
        padding-left: 98px;
    }

    .slide_wrap .btn {
        display: block;
        position: absolute;
        top: 21px;
        left: 182px;
        z-index: 15;
    }

    .slide_wrap .btn button {
        display: none;
        width: 27px;
        height: 27px;
        border: 1px solid #ddd;
        background: #fff;
        line-height: 7px;
    }

    .slide_wrap .btn button img {
        vertical-align: middle;
    }

    .slide_wrap .btn button.on {
        display: inline-block;
    }

    .sponser_slide a {
        display: block;
        position: relative;
    }

    .sponser_slide img {
        width: 100%;
        opacity: 0;
    }

    .sponser_slide img.default {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .sponser_slide a:hover img {
        opacity: 1;
    }

    .sponser_slide a:hover img.default {
        opacity: 0;
    }

    .sponser_slide .owl-nav {
        display: block;
        position: absolute;
        top: 21px;
        left: 0;
    }

    .sponser_slide .owl-nav button span {
        display: inline-block;
        width: 25px;
        height: 25px;
        border: 1px solid #ddd;
        margin-right: 3px;
        /*width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      color: transparent;
      border-radius: 50%;*/
    }

    .sponser_slide .owl-nav .owl-prev span {
        background: #fff url('../images/new/btn_spon_prev.png') center center no-repeat;
    }

    .sponser_slide .owl-nav .owl-next span {
        background: #fff url('../images/new/btn_spon_next.png') center center no-repeat;
    }

    /* 190919 ?? */
    .section01 {
        overflow: hidden;
        height: 343px;
        padding: 52px 0 59px 0;
        background: #eee;
    }

    .section01 .inner {
        width: 1280px;
        margin: 0 auto;
    }

    .section01 .inner > div {
        float: left;
        padding: 0;
    }

    .section01 .event {
        width: 416px;
        height: 276px;
        margin-right: 16px;
        position: relative;
        top: 0px;
        left: -430px;
    }

    .section01 .event .owl-carousel {
        margin-top: 20px;
    }

    .section01 .event .owl-carousel .item img {
        height: 236px;
    }

    .section01 .event .owl-carousel .item a {
        display: block;
        overflow: hidden;
    }

    .section01 .event .owl-carousel .item a p {
        padding: 21.5px 0;
    }

    .section01 .event .owl-carousel .item a p span {
        float: right;
        margin-top: 0;
        font-size: 16px;
        font-weight: 200;
    }

    .section01 .event .owl-carousel .item a p span.text_title {
        margin-top: 0;
        color: #222;
        font-size: 18px;
        font-weight: 600;
    }

    .section01 .event .owl-carousel .owl-nav {
        display: none;
    }

    .section01 .event .more {
        width: 34px;
        height: 34px;
        position: absolute;
        top: 0;
        right: 0;
        border: 1px solid #b2b2b2;
        text-align: center;
        line-height: 31px;
    }

    .section01 .event .more img {
        width: auto;
        vertical-align: middle;
    }

    .section01 .event .owl-dots {
        position: absolute;
        top: 19px;
        right: 13px;
    }

    .section01 .event .owl-dots button {
        margin-right: 6px;
    }

    .section01 .event .owl-dots button span {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #aaa;
        border-radius: 100%;
    }

    .section01 .event .owl-dots button.active span {
        background: #d91b2f;
    }

    .section01 .match_box {
        width: 416px;
        height: 398px;
        margin: -52px 16px 0 0;
        position: relative;
        top: 0;
        left: 432px;
        background: url('../images/new/bg_match.png') 0 0 no-repeat;
        color: #fff;
    }

    .section01 .match_box h3 img {
        height: auto;
    }

    .section01 .match_box .match_date {
        width: 100%;
        height: 30px;
        padding: 15px 0;
        border-bottom: 1px solid #c53c18;
        text-align: center;
    }

    .section01 .match_box .match_date span {
        display: inline-block;
    }

    .section01 .match_box .match_date .title {
        height: 30px;
        padding: 0 12px;
        background: #fff;
        border-radius: 15px;
        color: #e5202e;
        font-size: 18px;
        line-height: 30px;
    }

    .section01 .match_box .match_date .date {
        margin-left: 9px;
        color: #fff;
        font-size: 21px;
        font-weight: 600;
        line-height: 29px;
    }

    .section01 .match_box .match_info {
        border-top: 1px solid #f26c42;
    }

    .section01 .match_box .match_info dl {
        padding: 10px 20px 20px 20px;
    }

    .section01 .match_box .match_info dt {
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
    }

    .section01 .match_box .match_info dt span {
        display: block;
        margin-top: 15px;
        font-size: 34px;
        font-weight: 600;
    }

    .section01 .match_box .match_info dt,
    .section01 .match_box .match_info dd {
        color: #fff;
    }

    .section01 .match_box .match_info dd {
        overflow: hidden;
        margin-top: 10px;
    }

    .section01 .match_box .match_info dd div {
        flex: inherit;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }

    /* .section01 .match_box .match_info dd div:first-child {margin-right:100px;} */
    .section01 .match_box .match_info dd div img {
        display: block;
        width: auto;
        height: 93px;
        margin-bottom: 10px;
    }

    .section01 .match_box .match_info dd div span {
        position: static;
    }

    .section01 .match_box .match_btn {
        width: 376px;
        padding: 0 20px;
        position: absolute;
        bottom: 20px;
        left: 0;
        box-sizing: content-box;
    }

    .section01 .match_box .match_btn li {
        float: none;
        width: 100%;
        height: 45px;
        font-size: 18px;
        font-weight: 500;
        line-height: 45px;
        text-align: center;
    }

    .section01 .match_box .match_btn li:first-child {
        margin-right: 0;
        background: #232d38;
        color: #fff;
    }

    .section01 .match_box .match_btn li:last-child {
        margin-top: 8px;
        background: #fff;
        color: #232d38;
    }

    .section01 .match_box .owl-nav button {}

    .section01 .match_box .owl-nav span {
        display: inline-block;
        width: 12px;
        height: 19px;
        position: absolute;
        top: 20px;
        color: transparent;
    }

    .section01 .match_box .owl-nav .owl-prev span {
        left: 25px;
        background: url('../images/new/match_prev.png') 0 0 no-repeat;
    }

    .section01 .match_box .owl-nav .owl-next span {
        right: 25px;
        background: url('../images/new/match_next.png') 0 0 no-repeat;
    }

    .section01 .highlight {
        width: 416px;
        height: 308px;
        position: relative;
        top: 0px;
        right: 0px;
    }

    .section01 .highlight h3 img {
        height: auto;
    }

    .section01 .highlight .h_play {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin-top: 20px;
        /*position:absolute;top:20px;left:0;*/
    }

    .section01 .highlight .h_play figure img {
        width: 100%;
        height: 236px;
    }

    .section01 .highlight .h_play figure .shadow {
        display: none;
    }

    .section01 .highlight .h_play figure::before {
        content: '';
        display: block;
        width: 80px;
        height: 80px;
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.75);
        transform: translate(-50%, -50%);
    }

    .section01 .highlight .h_play figure::after {
        content: '';
        display: block;
        width: 30px;
        height: 34px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url('../images/new/icon_highlight_on.png') 0 0 no-repeat;
        transform: translate(-50%, -50%);
    }

    .section01 .highlight .h_play figcaption {
        margin-top: 0;
        padding: 21.5px 0;
    }

    .section01 .highlight .h_play figcaption span {
        float: right;
        font-size: 16px;
        font-weight: 200;
    }

    .section01 .highlight .h_play figcaption span.text_title {
        color: #222;
        font-size: 18px;
        font-weight: 600;
    }

    .section01 .highlight .more {
        width: 34px;
        height: 34px;
        position: absolute;
        top: -3px;
        right: 0;
        border: 1px solid #b2b2b2;
        text-align: center;
        line-height: 31px;
    }

    .section01 .highlight .more img {
        width: auto;
        vertical-align: middle;
    }

    .notice {
        padding: 62px 0 60px 0;
    }

    .notice h3 {
        text-align: center;
    }

    .notice h3 img {
        height: auto;
    }

    .notice .notice_list {
        margin-top: 30px;
    }

    /* .notice .notice_list.owl-carousel .owl-stage-outer {height:383px;} */
    .notice .notice_list figure {
        height: 199px;
    }

    .notice .notice_list figure img {
        object-fit: cover;
    }

    .notice .notice_list figcaption dt {
        height: 18px;
        max-height: 18px;
        margin-top: 25px;
        font-size: 18px;
        font-weight: 600;
        line-height: 18px;
    }

    .notice .notice_list figcaption dd.text {
        height: 60px;
        font-size: 16px;
    }

    .notice .notice_list figcaption dd {
        margin-top: 20px;
        color: #777;
        font-size: 16px;
        font-weight: 200;
    }

    .notice .notice_list .owl-nav {
        position: absolute;
        top: -59px;
        right: 41px;
    }

    .notice .notice_list .owl-nav span {
        display: block;
        width: 32px;
        height: 32px;
        border: 1px solid #b2b2b2;
        color: transparent;
        text-align: center;
    }

    .notice .notice_list .owl-nav .owl-prev span {
        background: url('../images/new/btn_prev02.jpg') 50% 50% no-repeat;
        border-right: none;
    }

    .notice .notice_list .owl-nav .owl-next span {
        background: url('../images/new/btn_next02.jpg') 50% 50% no-repeat;
    }

    .notice .more {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: -3px;
        right: 0;
        border: 1px solid #b2b2b2;
        text-align: center;
        line-height: 29px;
    }

    .notice .more img {
        width: auto;
        vertical-align: middle;
    }

    .photo_gall {
        padding: 62px 0 60px 0;
        position: relative;
        background: #eee;
    }

    .photo_gall h3 {
        text-align: center;
    }

    .photo_gall h3 img {
        height: auto;
    }

    .photo_gall .photo_list {
        margin-top: 30px;
    }

    .photo_list.owl-carousel .owl-stage-outer {
        height: 360px;
    }

    .photo_list.owl-carousel.owl-drag .owl-item {
        width: 416px !important;
    }

    .photo_list figure {
        overflow: hidden;
        width: 416px;
        height: 250px;
    }

    .photo_list figure img {
        width: 100%;
    }

    .photo_list figcaption {
        height: 60px;
        padding: 0 20px;
        background: #fff;
    }

    .photo_list figcaption span {
        float: right;
        height: 60px;
        max-height: 60px;
        color: #777;
        font-size: 16px;
        font-weight: 200;
        line-height: 60px;
    }

    .photo_list figcaption span.text_title {
        color: #222;
        height: 60px;
        max-height: 60px;
        padding: 0;
        font-size: 18px;
        font-weight: 600;
        line-height: 60px;
    }

    .photo_gall .owl-nav {
        position: absolute;
        top: -59px;
        right: 360px;
    }

    .photo_gall .owl-nav span {
        display: block;
        width: 32px;
        height: 32px;
        border: 1px solid #b2b2b2;
        color: transparent;
        text-align: center;
    }

    .photo_gall .owl-nav .owl-prev span {
        background: url('../images/new/btn_prev02.png') 50% 50% no-repeat;
        border-right: none;
    }

    .photo_gall .owl-nav .owl-next span {
        background: url('../images/new/btn_next02.png') 50% 50% no-repeat;
    }

    .photo_gall .more {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 59px;
        right: 320px;
        border: 1px solid #b2b2b2;
        text-align: center;
        line-height: 29px;
    }

    .photo_gall .more img {
        width: auto;
        vertical-align: middle;
    }

    .banner_box {
        float: left;
        width: 100%;
        height: 230px;
        background: url('../images/new/bg_sec04.png') center center no-repeat;
        background-size: cover;
    }

    .banner_box .inner {
        width: 1375px !important;
        margin: 0 auto;
    }

    .banner_box .inner div {
        float: left;
        padding: 46px 0;
        background: none;
    }

    .banner_box .inner .shop {
        width: 492px;
        position: relative;
        text-align: right;
    }

    .banner_box .inner .shop::before {
        content: '';
        display: block;
        width: 266px;
        height: 240px;
        position: absolute;
        top: -24px;
        left: 0;
        background: url('../images/new/img_uni.png?v200303') 0 0 no-repeat;
    }

    .banner_box .inner .skjunior {
        width: 500px;
        position: relative;
        text-align: left;
    }

    .banner_box .inner .skjunior::after {
        content: '';
        display: block;
        width: 268px;
        height: 255px;
        position: absolute;
        top: -24px;
        right: 0;
        background: url('../images/new/img_knight.png') 0 0 no-repeat;
    }

    .banner_box .inner .logo {
        display: block;
        width: 219px;
        height: 230px;
        margin: 0 60px;
        padding: 0;
        line-height: 230px;
    }

    .banner_box .inner .logo img {
        vertical-align: middle;
    }

    .banner_box .inner dl dt {
        font-size: 32px;
        font-weight: 600;
    }

    .banner_box .inner dl dd {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 200;
        line-height: 140%;
    }

    .banner_box .inner dl dt,
    .banner_box .inner dl dd {
        color: #fff;
    }

    .banner_box .inner div a {
        display: inline-block;
        width: 158px;
        height: 38px;
        margin-top: 10px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: #fff;
        font-size: 15px;
        font-weight: 200;
        line-height: 38px;
        text-align: center;
    }

    /*
  .section01 .highlight .h_play img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
  .section01 .highlight .shadow {width:100%;height:100%;position:absolute;top:0;left;0;background:rgba(0,0,0,0.75)}*/
    /*.sponser_slide li {width:169px !important;height:56px !important;}
  .sponser_slide li img {width:100%;}
  .sponser_slide .btn_next,
  .sponser_slide .btn_prev{width:50px;height:50px;margin-top:-25px;background-size:auto}
  .sponser_slide .btn_next{background-image:url("../images/common/ico_arrow_r_2.png")}
  .sponser_slide .btn_prev{background-image:url("../images/common/ico_arrow_l_2.png")}
  .sponser_slide .btn_next:hover{background-image:url("../images/common/ico_arrow_r_2_on.png");background-color:#ea002c}
  .sponser_area .btn_prev:hover{background-image:url("../images/common/ico_arrow_l_2_on.png");background-color:#ea002c}
  .sponser_slide .slide a:hover img{opacity:1}
  .sponser_slide .slide a:hover img.default{opacity:0}*/
    /* ???????? */
    .allstar_slide {
        margin-bottom: 50px;
        display: block;
        position: relative;
    }

    .allstar_slide .bxslider li {
        width: auto;
        height: 274px;
        padding-right: 512px;
        position: relative;
        overflow: hidden;
    }

    .allstar_slide .bxslider li img {
        width: 100%;
    }

    .allstar_slide .info {
        width: 512px;
        height: 100%;
        padding: 35px 30px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0;
        background: #ff7a00 url('/resources/images/common/bg_pattern_1.png') 50% repeat;
    }

    .allstar_slide .info strong.tit {
        margin-bottom: 20px;
        font-size: 28px;
        display: block;
        color: #fff;
        line-height: 30px;
    }

    .allstar_slide .info p.desc {
        margin-bottom: 20px;
        font-size: 14px;
        color: #fff;
        line-height: 30px;
    }

    .allstar_slide .info .date {
        color: #fff;
        font-size: 14px;
    }

    .allstar_slide .slide_num {
        width: 48px;
        height: 48px;
        position: absolute;
        bottom: 30px;
        left: 690px;
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        font-size: 16px;
        line-height: 48px;
        text-align: center;
    }

    .allstar_slide .slide_num > span {
        display: block;
        line-height: 18px;
        position: absolute;
    }

    .allstar_slide .slide_num > span.current_num {
        top: 10px;
        left: 10px;
    }

    .allstar_slide .slide_num > span.total_num {
        bottom: 10px;
        right: 10px;
    }

    .allstar_slide .bx-controls {
        position: absolute;
        right: 40px;
        bottom: 30px;
        z-index: 10;
    }

    .allstar_slide .bx-controls-direction > a {
        width: 48px;
        height: 48px;
        margin-left: 10px;
        text-indent: -9999px;
        display: inline-block;
        font-size: 0;
        border: 1px solid #fff;
        border-radius: 50%;
        opacity: 0.5;
    }

    .allstar_slide .bx-controls-direction .bx-next:hover,
    .allstar_slide .bx-controls-direction .bx-prev:hover {
        opacity: 1;
        background-position: center center;
    }

    .allstar_slide .bx-controls-direction > a:first-child {
        margin-left: 0;
    }

    .allstar_slide .bx-controls-direction .bx-next {
        margin-left: 10px;
        background: url('/resources/images/common/ico_visual_slide_arrow_r.png') 50% no-repeat;
    }

    .allstar_slide .bx-controls-direction .bx-prev {
        background: url('/resources/images/common/ico_visual_slide_arrow_l.png') 50% no-repeat;
    }

    .view_table .top .subject {
        padding: 20px 40px;
        font-size: 17px;
    }

    .view_table .top.speaker .subject {
        background-size: 26px auto;
        background-position: 40px 50%;
    }

    .view_table .top.speaker .subject {
        padding-left: 90px;
    }

    .view_table .date_area {
        padding: 15px 40px;
        overflow: hidden;
        text-align: left;
    }

    .view_table .date_area .date {
        float: right;
    }

    .view_table .date_area .date span,
    .view_table .date_area .wirte_area span {
        margin-left: 26px;
        padding-left: 25px;
        font-size: 14px;
        line-height: 30px;
    }

    .view_table .date_area .date span:after,
    .view_table .date_area .wirte_area span:after {
        height: 16px;
        margin-top: -8px;
    }

    .view_table .date_area .wirte_area {
        float: left;
    }

    .view_table .cont {
        padding: 40px;
    }

    .view_table .cont iframe {
        width: 580px;
        height: 330px;
    }

    .view_table .cont img {
        max-width: 100%;
    }

    .view_table .file_area {
        float: left;
        margin-top: 0;
        padding: 0 0 0 70px;
        border-top: none;
    }

    .view_table .file_area dd,
    .view_table .file_area dt {
        line-height: 30px;
    }

    .view_table .file_area dt {
        width: 70px;
        padding-top: 0;
        font-size: 14px;
    }

    .view_table .file_area dt:after {
        height: 16px;
        margin-top: -8px;
    }

    .view_table .file_area dd {
        padding-left: 50px;
        background-size: 20px auto;
    }

    .view_table .file_area dd a {
        font-size: 14px;
    }

    .view_table .file_area dt.no_file:after {
        height: 16px;
        margin-top: 8px;
    }

    .vicinity_page {}

    .vicinity_page .paging_area {
        padding: 10px 0;
        margin-top: 40px;
        margin-bottom: 0;
        border: none;
        overflow: hidden;
    }

    .vicinity_page .paging_area .paging {
        width: 50%;
        padding-left: 0;
        float: left;
        line-height: 15px;
    }

    .vicinity_page .paging_area .paging.next {
        text-align: right;
    }

    .vicinity_page .paging_area .paging .arrow {
        width: auto;
        height: auto;
        position: relative;
        text-indent: 0;
        background-size: 14px auto;
        background-color: transparent;
        color: #656565;
        font-size: 14px;
    }

    .vicinity_page .paging_area .paging.prev .arrow {
        padding-right: 20px;
        padding-left: 35px;
        background-image: url('../images/common/ico_arrow_l.png');
        background-position: 0 50%;
    }

    .vicinity_page .paging_area .paging.next .arrow {
        padding-left: 20px;
        padding-right: 35px;
        background-image: url('../images/common/ico_arrow_r.png');
        background-position: 100% 50%;
    }

    .vicinity_page .paging_area .paging a {
        width: auto;
        padding: 0;
        font-size: 14px;
    }

    .vicinity_page .paging_area + .btn_area {
        margin: -35px auto 0;
        position: relative;
        display: block;
        width: 115px;
    }

    .vicinity_page + .btn_area {
        margin-top: 40px;
    }

    .video_thumnail {
        padding: 30px 0;
        overflow: hidden;
        border-top: 1px solid #e1e1e1;
    }

    .video_thumnail li {
        width: 240px;
        margin-left: 20px;
        float: left;
        text-align: center;
    }

    .video_thumnail li:first-child {
        margin-left: 0;
    }

    .video_thumnail li a {
        display: block;
    }

    .video_thumnail li .pic {
        overflow: hidden;
        height: 135px;
        margin-bottom: 15px;
    }

    .video_thumnail li .pic img {
        width: 100%;
    }

    .video_thumnail li .info {
        font-size: 16px;
        color: #111;
    }

    .video_list_wrap {}

    .video_list {
        overflow: hidden;
        width: 100%;
    }

    .video_list li {
        width: 23.828125%;
        min-height: 290px;
        margin-right: 1.5625%;
        padding: 20px 0 10px;
        float: left;
        box-sizing: border-box;
    }

    .video_list li:first-child {
        border-top: none;
    }

    .video_list li:nth-child(4n) {
        margin-right: 0;
    }

    .video_list li a {
        display: block;
        width: 100%;
    }

    .video_list li .pic {
        overflow: hidden;
        width: 100%;
        height: 185px;
        background-color: #f8f8f8;
    }

    .video_list li .pic img {
        width: 100%;
        height: 100%;
    }

    .video_list li .subject {
        padding: 15px 0;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .video_list li .date span {
        padding: 0 30px;
        font-size: 14px;
    }

    .video_list li .date span:after {
        height: 16px;
        margin-top: -8px;
    }

    .video_list + .btn_area {
        display: none;
    }

    .video_list.photo_list li .pic img,
    .video_list.player_list02 li .pic img {
        height: auto;
        min-height: 185px;
    }

    /* ??????????? */
    .schedule_area {
        margin-bottom: 20px;
        position: relative;
    }

    .schedule_area .date_area,
    .schedule_area .home-away {
        float: none;
        position: absolute;
        bottom: 0;
    }

    .schedule_area .date_area {
        margin-right: 0;
        right: 0;
    }

    .schedule_area .date_area .year {
        width: 122px;
        margin-right: 10px;
    }

    .schedule_area .date_area .month {
        width: 122px;
    }

    .schedule_area .home-away {
        left: 0;
    }

    .schedule_area .home-away span {
        padding-left: 30px;
        margin-left: 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .empty-content {
        font-size: 16px;
        background-repeat: no-repeat;
        background-position: center 71px;
        background-size: auto;
        padding: 193px 0 92px;
        text-align: center;
    }

    .empty-content.no-schedule {
        display: none;
    }

    .calendar_day {
        text-align: center;
    }

    .calendar_day button {
        width: 16px;
        height: 43px;
        vertical-align: middle;
    }

    .calendar_day button.prev {
        background: url('/resources/images/common/ico_calendar_arrow_l.png') 0 0 no-repeat;
    }

    .calendar_day button.next {
        background: url('/resources/images/common/ico_calendar_arrow_r.png') 0 0 no-repeat;
    }

    .calendar_day button.prev:hover {
        background-image: url('/resources/images/common/ico_calendar_arrow_l_on.png');
    }

    .calendar_day button.nex:hovert {
        background-image: url('/resources/images/common/ico_calendar_arrow_r_on.png');
    }

    .calendar_day .day {
        padding: 0 50px;
        font-size: 36px;
        color: #111;
        line-height: 38px;
        font-weight: 700;
        display: inline-block;
    }

    .calendar_day .day .year {
        color: #999;
    }

    .calendar_wrap {}

    .calendar_wrap .day_list,
    .calendar_wrap .week {
        overflow: hidden;
    }

    .calendar_wrap .day_list li,
    .calendar_wrap .week li {
        width: 14.28%;
        box-sizing: border-box;
        float: left;
    }

    .calendar_wrap .week li {
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #222;
        color: #fff;
        font-size: 16px;
    }

    .calendar_wrap .day_list li.sunday .day,
    .calendar_wrap .week li.sunday {
        color: #ea002c;
    }

    .calendar_wrap .day_list li {
        padding: 10px;
        height: 140px;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        text-align: center;
        position: relative;
    }

    .calendar_wrap .day_list li:hover {
        cursor: pointer;
    }

    .calendar_wrap .day_list li:hover:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #656565;
        box-sizing: border-box;
    }

    .calendar_wrap .day_list li:nth-child(7n + 1) {
        border-left: 1px solid #e1e1e1;
    }

    .calendar_wrap .day_list li .box {
        position: relative;
        z-index: 10;
    }

    .calendar_wrap .day_list .day {
        color: #999;
        font-size: 16px;
        text-align: left;
    }

    .calendar_wrap .day_list li.away .day,
    .calendar_wrap .day_list li.home .day {
        font-weight: 700;
    }

    .calendar_wrap .day_list li.home {
        background-color: #ffe2e7;
    }

    .calendar_wrap .day_list li.away:after,
    .calendar_wrap .day_list li.home:after {
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 13px;
        border-radius: 50%;
    }

    .calendar_wrap .day_list li.home:after {
        content: 'H';
        background-color: #ea002c;
    }

    .calendar_wrap .day_list li.away:after {
        content: 'A';
        background-color: #656565;
    }

    .calendar_wrap .day_list li .team_logo {}

    .calendar_wrap .day_list li .team_logo img {
        height: 55px;
        max-width: 100%;
    }

    .calendar_wrap .day_list li .txt {
        margin-bottom: 5px;
        font-size: 14px;
        color: #222;
    }

    .state .result {
        width: 24px;
        height: 24px;
        display: inline-block;
        line-height: 23px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border-radius: 50%;
        vertical-align: middle;
    }

    .state .result.win {
        background-color: #ea002c;
    }

    .state .result.defeat {
        background-color: #999;
    }

    .sports_highlight {
        width: 564px;
        height: 330px;
        margin: 0 auto;
    }

    .detail_record .team_division {
        border-bottom: none;
    }

    .detail_record .team_area {
        margin-top: 20px;
    }

    .detail_record .team_division span {
        padding: 25px 0 25px 90px;
        font-size: 22px;
        line-height: 24px;
        background-size: 75px auto;
    }

    .detail_record .table_wrap {
        margin-top: 0;
    }

    .ticket_view {
        margin-bottom: 30px;
    }

    .ticket_map {
        margin-bottom: 0;
    }

    .ticket_map .map {
        width: 723px;
        height: 693px;
    }

    .ticket_reserve {
        height: 120px;
        margin-top: 40px;
        padding: 38px 0 38px 690px;
        position: relative;
    }

    .aBookingGuide {
        position: absolute;
        right: 40px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        font-weight: 500;
        color: #ea002c;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 10px 30px;
        border-radius: 10px;
    }

    .ticket_reserve a {
        padding-top: 0;
        padding-left: 75px;
        font-size: 22px;
        line-height: 40px;
        background-size: 60px auto;
        background-position: 0 50%;
        text-align: left;
    }

    .ticket_reserve img {
        height: auto;
    }

    .ticket_view .popup_wrap .table_st .bul_ico {
        padding-left: 45px;
    }

    .ticket_view .popup_wrap .table_st .bul_ico:before {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-size: 30px auto;
    }

    .ticket_view .popup_wrap .popup_area {
        top: 0;
    }

    .seat_slide .bx-pager .bx-pager-item {
        width: 26px;
        height: 3px;
        margin-left: 10px;
    }

    .seat_slide .bx-controls .bx-next,
    .seat_slide .bx-controls .bx-prev {
        width: 45px;
        height: 75px;
        margin-top: -37px;
        background-size: 15px auto;
    }

    .seat_slide .bx-controls .bx-prev {
        left: -21px;
    }

    .seat_slide .bx-controls .bx-next {
        right: -21px;
    }

    .seat_slide .bx-controls .bx-prev:hover {
        background-image: url('/resources/images/common/ico_arrow_l_2_on.png');
    }

    .seat_slide .bx-controls .bx-next:hover {
        background-image: url('/resources/images/common/ico_arrow_r_2_on.png');
    }

    .event_wrap > li {
        border-top-width: 1px;
        padding: 20px 0;
        margin-top: 30px;
    }

    .event_wrap > li:after {
        content: '';
        clear: both;
        display: block;
        width: 100%;
        height: 0;
    }

    .event_wrap .title {
        padding-bottom: 20px;
        border-bottom: 1px solid #e1e1e1;
    }

    .event_wrap .title strong {
        font-size: 16px;
        min-width: 128px;
    }

    .event_wrap .title h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .event-img {
        float: left;
        margin: 0 30px 0 0;
    }

    .event-content {
        float: left;
        width: calc(100% - 408px);
    }

    .event-text {
        font-size: 14px;
        line-height: 30px;
    }

    .event-text2 {
        font-size: 16px;
        text-align: center;
    }

    .event-btn-group .btn_st {
        width: 128px;
        font-size: 16px;
    }

    .event_label {
        font-size: 18px;
    }

    .event-img2 {
        max-width: 1280px;
    }

    .event-img-m {
        display: none;
    }

    .event-img-web {
        display: block;
    }

    .table_caption {
        font-size: 14px;
        font-weight: 400;
    }

    /* ???????????? */
    .profile {
        padding: 0 15px;
        margin-bottom: 0;        
    }

    .profile > li {
        margin-top: 7px;
        font-size: 16px;
    }

    .profile > li span {
        min-width: 70px;
    }

    .profile > li .career_history {
        margin-top: 20px;
    }

    .coaching_staff .director {
        padding: 90px 0 60px 60px;
        margin-bottom: 30px;
        background: #222 url('/resources/images/bg__knight_director.jpg') 100% 0 no-repeat;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        height: 798px;
    }

    .coaching_staff .director .pic {
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        right: 100px;
    }

    /*
    .coaching_staff .director .em_career,
    .coaching_staff .director .profile_area {
        float: left;
    }
    */

    .coaching_staff .director .profile_area {
        margin-right: 50px;
    }

    .coaching_staff .director .profile_area .name_area {
        margin-bottom: 65px;
        text-align: left;
        border-left-color: #fff;
    }

    .coaching_staff .director .profile_area .name_area .name_eng,
    .coaching_staff .director .profile_area .name_area .name_kor,
    .coaching_staff .director .profile_area .name_area .position {
        color: #fff;
    }

    .coaching_staff .director .profile {
        padding-left: 0;
    }

    .coaching_staff .director .profile > li {
        color: #fff;
    }

    .coaching_staff .director .em_career {margin-top: 30px;}
    .coaching_staff .director .em_career > strong {
        margin-bottom: 15px;
        padding-bottom: 15px;
        display: inline-block;
        font-size: 20px;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,.5);   
        width: 400px;
    }

    .coaching_staff .career_history li {
        margin-top: 5px;
        font-size: 16px;
    }

    .coaching_staff .career_history li span {
        min-width: 160px;
    }

    .coaching_staff .coach_list {
        margin-top: 30px;
        overflow: hidden;
    }

    .coaching_staff .coach_list:first-child {
        margin-top: 0;
    }

    .coaching_staff .coach_list > li {
        width: 32%;
        margin-right: 2%;
        padding: 0 0 20px;
        border: 1px solid #e1e1e1;
        float: left;
    }

    .coaching_staff .coach_list > li:nth-child(3n) {
        margin-right: 0;
    }

    .coaching_staff .coach_list > li:nth-child(n + 4) {
        margin-top: 2%;
    }

    .coaching_staff .profile_area {
        min-height: auto;
        padding-left: 0;
        line-height: 2;
    }

    .coaching_staff .profile_area .pic {
        margin-bottom: 20px;
        width: 100%;
        position: relative;
    }

    .coaching_staff .profile_area .name_area {
        margin-bottom: 25px;
        padding-left: 15px;
        border-left: 5px solid #111;        
    }
    .director * {line-height: 1.6; color: #fff !important; font-size: 16px;}
    .director .em_career {margin-top: 40px !important;}
    .director .profile_area .name_area {        
        padding-left: 40px;        
        margin-bottom: 30px !important;
    }
    .director .profile_area .name_area .name_kor {
        margin-bottom: 10px;
        font-size: 60px !important;
        line-height: 60px !important;
    }

    .director .profile_area .name_area .position {
        font-size: 28px !important;
    }

    .director .profile_area .name_area .name_eng {
        font-size: 28px !important;
        line-height: 28px !important;
    }
    
    
    .coaching_staff .profile_area .name_area .name_kor {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 32px;
    }

    .coaching_staff .profile_area .name_area .position {
        font-size: 12px;
    }

    .coaching_staff .profile_area .name_area .name_eng {
        font-size: 18px;
        line-height: 18px;
    }

    .coaching_staff .coach_list li.active .em_career {
        display: none;
    }

    .coaching_staff .profile_area .btn_st {
        display: none;
    }

    .support_staff li {
        width: 23.5%;
    }

    .support_staff li:nth-child(3n) {
        margin-right: 2%;
    }

    .support_staff li:nth-child(4n) {
        margin-right: 0;
    }

    .support_staff li:nth-child(n + 4) {
        margin-top: 0;
    }

    .support_staff li:nth-child(n + 5) {
        margin-top: 2%;
    }

    .support_staff li .pic {
        margin-bottom: 10px;
    }

    .support_staff li .name {
        font-size: 22px;
    }

    .support_staff li .name span {
        font-size: 15px;
    }

    .player_list {
        margin-top: 2%;
        overflow: hidden;
    }

    .player_list > li {
        width: 49%;
        padding: 30px;
        margin-top: 0;
        margin-right: 2%;
        float: left;
        box-sizing: border-box;
    }

    .player_list > li:nth-child(2n) {
        margin-right: 0;
    }

    .player_list > li:nth-child(n + 3) {
        margin-top: 2%;
    }

    .player_list > li .name {
        margin-bottom: 45px;
        font-size: 50px;
        line-height: 52px;
    }

    .player_list > li .name .num {
        font-size: 30px;
        line-height: 32px;
    }

    .player_list > li .name .position {
        font-size: 40px;
        line-height: 42px;
    }

    /* .player_list>li:nth-child(8) .name {
      font-size: 43px;
      letter-spacing: -7.5px;
  } */
    .player_list > li .pic {
        width: auto;
    }

    .player_list > li .pic .pc_view {
        max-height: 300px;
    }

    .player_list > li .profile {
        padding: 0;
    }

    .hall_of_fame .tab_btn {
        margin-bottom: 50px;
    }

    .hall_of_fame .tab_btn button,
    .hall_of_fame .tab_btn a {
        width: 49%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    .hall_of_fame .tab_btn .pic .name {
        font-size: 45px;
        line-height: 48px;
        top: 30px;
        left: 30px;
    }

    .hall_of_fame .tab_btn .pic .name span {
        font-size: 25px;
        line-height: 26px;
    }

    .hall_of_fame .tab_btn .pic .name span.eng {
        font-size: 15px;
        line-height: 17px;
        font-weight: 300;
        display: block;
    }

    .fame_player {
        position: relative;
    }

    .fame_player .profile_pic {
        display: none;
    }

    .fame_player .peaple_info {
        padding: 30px 0;
    }

    .fame_player.mke .peaple_info {
        background: url('/resources/images/pc_img_fame_MKE.jpg') 100% no-repeat;
    }

    .fame_player.chc .peaple_info {
        background: url('/resources/images/pc_img_fame_CHC.jpg') 100% no-repeat;
    }

    .fame_player .peaple_info .box {
        width: auto;
        float: none;
    }

    .fame_player .peaple_info .label {
        margin-bottom: 15px;
        margin-left: 5px;
        padding: 0 10px;
        font-size: 16px;
        line-height: 30px;
    }

    .fame_player .peaple_info .name p.nickname {
        font-size: 30px;
        line-height: 32px;
    }

    .fame_player .peaple_info .name p.name_kor {
        font-size: 70px;
        line-height: 72px;
    }

    .fame_player .peaple_info .name p.name_eng {
        font-size: 60px;
        line-height: 62px;
    }

    .fame_player .peaple_info .profile_list {
        margin-top: 30px;
    }

    .fame_player .peaple_info .profile_list li {
        font-size: 18px;
        margin-top: 0;
        line-height: 35px;
    }

    .fame_player .history_area {
        overflow: hidden;
    }

    .fame_player .history_area .sec {
        padding: 25px 0;
        width: 50%;
        border-bottom: none;
        float: left;
    }

    .fame_player .history_area strong.tit {
        margin-bottom: 25px;
        font-size: 30px;
        line-height: 32px;
    }

    .fame_player .history_area .history_list li {
        padding-left: 65px;
        margin-top: 0;
        font-size: 15px;
        line-height: 30px;
    }

    .fame_player .history_area .history_list.range li {
        padding-left: 150px;
    }

    .video_area {
        padding: 50px;
    }

    .video_area > .detail_view {
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .video_area > .detail_view p.subject {
        margin-top: 0;
        font-size: 20px;
        text-align: left;
        line-height: 60px;
    }

    .video_area .video {
        width: 100%;
        height: 520px;
    }

    .video_area .view_list {
        padding: 0 40px;
    }

    .video_area .btn_next,
    .video_area .btn_prev {
        width: 40px;
        background-size: 20px auto;
    }

    /* ????????????? */
    .season_review {
        padding: 30px 0 30px 410px;
        height: 560px;
        border-top: 1px solid #ea002c;
        border-bottom: 1px solid #e1e1e1;
        position: relative;
    }

    .season_review .pic {
        position: absolute;
        top: 30px;
        left: 0;
    }

    .season_review strong.tit {
        margin-bottom: 20px;
        font-size: 25px;
        color: #111;
        display: block;
    }

    .season_review p {
        font-size: 16px;
        line-height: 30px;
    }

    .player_record {
        overflow: hidden;
        border-bottom: 1px solid #e1e1e1;
    }

    .player_record .col {
        border-left: 1px solid #e1e1e1;
        box-sizing: border-box;
        width: 25%;
        float: left;
    }

    .player_record .col:first-child {
        border-left: none;
    }

    .player_record .col .cont {
        padding: 20px;
    }

    .player_record .col strong {
        font-size: 20px;
        color: #111;
        background-color: #f8f8f8;
        line-height: 60px;
        display: block;
        text-align: center;
    }

    .player_record .col.player {
        width: 50%;
    }

    .player_record .col.player .cont {
        position: relative;
        padding-left: 210px;
    }

    .player_record .col.player .pic {
        width: 172px;
        top: 20px;
        left: 20px;
        height: 192px;
    }

    .player_record .col.player .pic img {
        width: 276px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .player_record .col.player .info {
        height: 192px;
        padding-top: 15px;
        padding-bottom: 0;
    }

    .player_record .col.player .info .name,
    .player_record .col.player .info .num {
        font-size: 35px;
        line-height: 38px;
    }

    .player_record .col.player .info .name span {
        font-size: 20px;
        line-height: 22px;
    }

    .player_record .col.player .info .record {
        display: none;
    }

    .player_record .col .record {
        padding-top: 70px;
        text-align: center;
        font-size: 40px;
        color: #ea002c;
        line-height: 42px;
        font-weight: 700;
    }

    .player_record .col .record span {
        font-size: 16px;
        color: #656565;
        line-height: 18px;
        vertical-align: baseline;
    }

    .team_record td {
        padding: 10px;
    }

    .team_record td.team_name {
        padding-left: 128px;
    }

    .team_record img {
        width: 60px;
        padding-right: 10px;
        display: inline-block;
    }

    .team_record.team_history .team_name {
        padding-left: 66px;
    }

    /* ???????????? */
    .about_list_wrpa {}

    .about_list {
        margin-top: 30px;
        overflow: hidden;
    }

    .about_list li {
        margin-top: 30px;
    }

    .about_list.col2 li {
        margin-top: 0;
    }

    .about_list.col2 li {
        width: 48%;
        margin-left: 4%;
        float: left;
    }

    .about_list.col2 li:nth-child(2n + 1) {
        margin-left: 0;
    }

    .about_list.col2 li:nth-child(n + 3) {
        margin-top: 30px;
    }

    .about_list li strong.tit {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 30px;
        border-bottom: 2px solid #818181;
    }

    .about_list li .bg_pattern {
        background-size: 11px auto;
    }

    .about_list li .pic img {
        width: auto;
    }

    .about_list_wrap + .btn_area,
    .check_text_area + .btn_area {
        margin-top: 30px;
        text-align: right;
    }

    .check_text_area .top {
        padding-bottom: 30px;
    }

    .check_text_area .top:after,
    .check_text_area .top:before {
        width: 260px;
        height: 100%;
    }

    .check_text_area .top:after,
    .check_text_area .top:before {
        background-size: 260px auto;
    }

    .check_text_area .top strong {
        padding: 50px 0 20px 50px;
        font-size: 28px;
        background-size: 80px auto;
    }

    .check_text_area .top p {
        font-size: 24px;
    }

    .check_text_area .cont {
        padding: 45px;
        text-align: center;
    }

    .check_text_area .cont p {
        margin-top: 35px;
        font-size: 16px;
        line-height: 30px;
    }

    .champion_area {
        margin-bottom: 45px;
    }

    .champion_list li {
        width: 16%;
        margin-left: 0;
    }

    .champion_list li:nth-child(n + 4) {
        margin-top: 0;
    }

    .champion_list li .name {
        margin-top: 15px;
        font-size: 16px;
        text-align: center;
    }

    .champion_list.type2 li {
        width: calc(20% - 5px);
        margin-left: 6px;
        margin-bottom: 20px;
    }

    .champion_list.type2 li:nth-child(5n + 1) {
        margin-left: 0;
    }

    .strorage_wrap .home_away {
        margin-bottom: 0;
        text-align: right;
    }

    .strorage_wrap .home_away span {
        margin-left: 30px;
        font-size: 14px;
        padding-left: 35px;
        line-height: 25px;
    }

    .strorage_wrap .home_away span:after {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .strorage_list {
        padding: 0 85px;
    }

    .strorage_list li {
        padding-top: 105px;
        margin-top: 0;
        position: relative;
        box-sizing: border-box;
    }

    .strorage_list li.mobile_half {
        width: 100%;
    }

    .strorage_list li.mobile_half.left_space {
        margin-left: 0;
    }

    .strorage_list li:after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: #8a8a8a;
        position: absolute;
        top: 0;
        left: 50%;
    }

    .strorage_list li:last-child:after {
        height: 65%;
    }

    .strorage_list li strong.tit {
        width: 138px;
        height: 138px;
        margin-left: -69px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 138px;
        border-radius: 50%;
        border: 1px solid #eb0e38;
        text-align: center;
        position: absolute;
        top: 0;
        left: 50%;
        background-color: #fff;
        z-index: 10;
    }

    .strorage_list.emblem_list li strong.tit {
        width: 250px;
        height: auto;
        margin-left: -125px;
        padding: 20px 0;
        line-height: 30px;
        border-radius: 50px;
    }

    .strorage_list.uniform_list li .col_group .col {
        padding: 20px;
    }

    .strorage_list.uniform_list li .col_group .col {
        width: 260px;
    }

    .strorage_list.sign_ball li .col_group .col {
        width: 265px;
    }

    .strorage_list.emblem_list li .col_group .col {
        width: 265px;
    }

    .strorage_list li .col_group.col2 .col {
        margin-left: 0;
    }

    .strorage_list li .col_group.col2 .col:nth-child(2n) {
        float: right;
        margin-top: 80px;
        margin-left: 0;
    }

    .strorage_list li .uniform {
        background-size: 8px auto;
    }

    .strorage_list li .emblem {
        padding: 48px 0;
    }

    .strorage_list li .emblem img {
        width: 140px;
    }

    .strorage_list li .col_group .col > div:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #e1e1e1;
        position: absolute;
        top: 50%;
        z-index: 10;
    }

    .strorage_list li .col_group .col .signball:before {
        width: 160px;
        right: -160px;
    }

    .strorage_list li .col_group .col .emblem:before {
        width: 160px;
        right: -160px;
    }

    .strorage_list li .col_group .col.float_r .signball:before,
    .strorage_list li .col_group .col:nth-child(2n) .signball:before {
        left: -160px;
    }

    .strorage_list li .col_group .col.float_r .emblem:before,
    .strorage_list li .col_group .col:nth-child(2n) .emblem:before {
        left: -160px;
    }

    .strorage_list li .col_group .col .uniform:before {
        width: 160px;
    }

    .strorage_list li .col_group .col > div:after {
        z-index: 10;
        top: 50%;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        background-color: #ea002c;
    }

    .strorage_list li .col_group .col .signball:after {
        right: -168px;
    }

    .strorage_list li .col_group .col .emblem:after {
        right: -168px;
    }

    .strorage_list li .col_group .col.float_r .signball:after,
    .strorage_list li .col_group .col:nth-child(2n) .signball:after {
        left: -168px;
    }

    .strorage_list li .col_group .col.float_r .emblem:after,
    .strorage_list li .col_group .col:nth-child(2n) .emblem:after {
        left: -168px;
    }

    .strorage_list li .col_group .col .uniform:after {
        top: 50%;
    }

    .strorage_list li .col_group .col .uniform:after {
        width: 25px;
        height: 25px;
        margin-top: -12px;
        line-height: 25px;
        font-size: 14px;
    }

    .strorage_list li .col_group .col .uniform.home:after {
        right: -181px;
    }

    .strorage_list li .col_group .col .uniform.home:before {
        right: -160px;
    }

    .strorage_list li .col_group .col .uniform.away:after {
        left: -180px;
    }

    .strorage_list li .col_group .col .uniform.away:before {
        left: -160px;
    }

    .cheerleader_wrap {}

    .cheerleader_list {
        margin-top: 50px;
        padding-top: 50px;
        overflow: hidden;
    }

    .cheerleader_list li {
        margin-top: 0;
        width: 50%;
        float: left;
    }

    .cheerleader_list li:nth-child(n + 3) {
        margin-top: 50px;
    }

    .cheerleader_list li .pic {
        width: auto;
    }

    .cheerleader_list li .pic img {
        width: auto;
    }

    .cheerleader_list li .info {
        width: auto;
        left: 250px;
        top: 195px;
    }

    .cheerleader_list li .name {
        font-size: 36px;
        line-height: 38px;
    }

    .cheerleader_list li .name span {
        font-size: 20px;
        line-height: 22px;
    }

    .cheerleader_list li dl {
        margin-top: 25px;
    }

    .cheerleader_list li dl dd,
    .cheerleader_list li dl dt {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .cheerleader_list li dl dt {
        width: 40%;
        color: #111;
    }

    .cheerleader_list li dl dd {
        width: 60%;
        color: #656556;
    }

    .sponer_list_wrap {
        border-top: 1px solid #ea002c;
    }

    .sponer_list {
        padding: 40px 0;
    }

    .sponer_list li {
        width: 155px;
        margin-left: 5px;
    }

    .sponer_list li:nth-child(2n) {
        margin-left: 5px;
    }

    .sponer_list li:nth-child(n + 3) {
        margin-top: 0;
    }

    .sponer_list li:nth-child(8n + 1) {
        margin-left: 0;
    }

    .sponer_list li:nth-child(n + 9) {
        margin-top: 20px;
    }

    .sponer_list li strong {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .sponer_list li a {}

    .sponer_list li a img {
        height: 100%;
    }

    .sponer_list li.pd10 a {
        padding: 0;
        height: 71px;
    }

    .sponer_list li.pd10 a img {
        height: 100%;
    }

    .director_slide {
        padding-top: 120px;
    }

    .director_slide .bxslider {
        padding-top: 30px;
        position: relative;
    }

    .director_slide .bxslider li {
        width: 368px;
        height: auto;
        position: absolute;
        top: 0;
        display: none;
    }

    .director_slide .bxslider li.prev {
        left: 0;
    }

    .director_slide .bxslider li.next {
        right: 0;
    }

    .director_slide .bxslider li.active {
        margin-left: -184px;
        position: absolute;
        top: -30px;
        left: 50%;
        z-index: 20;
    }

    .director_slide .pager_wrap {
        width: 300px;
        margin-left: -150px;
        padding: 0;
        top: 35px;
        left: 50%;
    }

    .director_slide .bx-pager a {
        width: 8px;
        height: 8px;
        margin-top: -4px;
    }

    .director_slide .bx-pager a.active:after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        border: 1px solid #ea002c;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        box-sizing: border-box;
    }

    .director_slide .bx-controls .bx-next,
    .director_slide .bx-controls .bx-prev {
        width: 16px;
        height: 26px;
        background-size: 16px auto;
        background-position: 0;
        top: 22px;
    }

    .director_slide .bx-controls .bx-prev {
        left: 290px;
    }

    .director_slide .bx-controls .bx-next {
        right: 290px;
    }

    .director_slide .bx-controls .bx-prev:hover {
        background-image: url('/resources/images/common/ico_arrow_l_3_on.png');
    }

    .director_slide .bx-controls .bx-next:hover {
        background-image: url('/resources/images/common/ico_arrow_r_3_on.png');
    }

    .director_profile {
        padding: 0 20px 20px;
        border-top: 5px solid #6b6b6b;
        background-color: #fff;
        position: relative;
    }

    .director_profile:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .director_slide .bxslider li.active .director_profile {
        border-top: 5px solid #ea002c;
    }

    .director_slide .bxslider li.active .director_profile:after {
        display: none;
    }

    .director_profile strong.name {
        padding: 15px 0;
        font-size: 25px;
        line-height: 28px;
    }

    .director_profile .info {
        padding: 20px;
    }

    .director_profile .info dl {
        margin-top: 10px;
    }

    .director_profile .info dl:before {
        top: 10px;
    }

    .director_profile .info dl dd,
    .director_profile .info dl dt {
        font-size: 14px;
        line-height: 20px;
    }

    .director_profile .info dl.floatno dd,
    .director_profile .info dl.floatno dt {
        float: none;
    }

    .director_profile .info dl dt {
        width: 75px;
    }

    .audio_player {
        margin-bottom: 30px;
        padding: 25px 380px 25px 200px;
        position: relative;
    }

    .audio_player .top {
        margin-bottom: 0;
    }

    .audio_player .top .tit {
        float: none;
        display: none;
    }

    .audio_player .top .time {
        float: none;
        position: absolute;
        top: 23px;
        left: 650px;
    }

    .audio_player .sound_area {
        width: 160px;
        height: 26px;
        margin-top: -13px;
        margin-bottom: 0;
        padding-left: 50px;
        padding-right: 0;
        position: absolute;
        top: 50%;
        right: 30px;
    }

    .audio_player .sound_area:after,
    .audio_player .sound_area:before {
        width: 29px;
        height: 26px;
        background-size: auto 26px;
    }

    .audio_player .sound_area:before {
        background-image: url('/resources/images/common/ico_sound_active.png');
        left: 0;
    }

    .audio_player .sound_area:after {
        display: none;
    }

    .audio_player .sound_area .sound_bar:after {
        height: 10px;
        margin-top: -5px;
        background-color: #292929;
        border-radius: 10px;
    }

    .audio_player .sound_area .sound_bar .flag {
        height: 10px;
        margin-top: -5px;
        background-color: #ff7a00;
        border-radius: 10px;
        z-index: 10;
    }

    .audio_player .sound_area .sound_bar .flag:after {
        display: none;
    }

    .audio_player .ctr_set {
        margin-top: -18px;
        position: absolute;
        top: 50%;
        left: 30px;
        display: flex;
        align-items: center;
    }

    .audio_player .ctr_set button.next,
    .audio_player .ctr_set button.prev {
        width: 15px;
        height: 18px;
        margin-top: 3px;
        background-size: 15px auto;
    }

    .audio_player .ctr_set .play_ctl {
        margin: 0 25px;
        width: 36px;
        height: 36px;
        background-size: 36px auto;
    }

    /* ????????????? ????? */
    .sponser_player_list_wrap .sponser_player_list {
        margin-top: 2%;
    }

    .sponser_player_list_wrap .sponser_player_list:first-child {
        margin-top: 0;
    }

    .sponser_player_list:after {
        content: '';
        display: block;
        clear: both;
    }

    .sponser_player_list li {
        width: 49%;
        float: left;
        border-top: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-bottom: 5px solid #999;
        border-left: 1px solid #e1e1e1;
        box-sizing: border-box;
        box-shadow: 10px 10px 0 #f5f5f5;
    }

    .sponser_player_list li:hover {
        border-bottom: 5px solid #ea002c;
    }

    .sponser_player_list li:nth-child(2n) {
        margin-left: 2%;
    }

    .sponser_player_list li:nth-child(n + 3) {
        margin-top: 2%;
    }

    .sponser_player.type2 .sponser_player_list li {
        border-bottom: 1px solid #e1e1e1;
        border-top: 5px solid #999;
    }

    .sponser_player.type2 .sponser_player_list li:hover {
        border-bottom: 1px solid #e1e1e1;
    }

    .sponser_player .player_profile {
        border: none;
    }

    .sponser_player.type2 .player_profile {
        border: none;
    }

    .sponser_player .player_profile .player {
        padding-left: 226px;
        height: 354px;
    }

    .sponser_player.pop .player_profile .player {
        height: 256px;
    }

    .sponser_player .player_profile .player .pic {
        width: 226px;
        height: 100%;
    }

    .sponser_player .player_profile .player .info {
        height: 100%;
        padding: 30px;
        position: relative;
    }

    .sponser_player .player_profile .player .name {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 28px;
    }

    .sponser_player .player_profile .player .name span {
        font-size: 16px;
        line-height: 18px;
    }

    .sponser_player .player_profile .player .simplicity {
        margin-top: 10px;
    }

    .sponser_player .player_profile .player .simplicity:before {
        top: 10px;
    }

    .sponser_player .player_profile .player .simplicity dl dd,
    .sponser_player .player_profile .player .simplicity dt {
        float: left;
        font-size: 13px;
        line-height: 20px;
    }

    .sponser_player .player_profile .player .simplicity dt {
        width: 75px;
    }

    .sponser_player .player_profile .player_histroy {
        padding: 20px;
    }

    .sponser_player .player_profile .player .info .btn_area {
        width: 100%;
        position: absolute;
        bottom: 30px;
        left: 0;
    }

    .spon_organization_list {}

    .spon_organization_list li {
        margin-top: 30px;
        padding: 20px 0;
        position: relative;
    }

    .spon_organization_list li .pic {
        margin-bottom: 0;
    }

    .spon_organization_list li .pic img {
        width: auto;
    }

    .spon_organization_list li .info {
        position: absolute;
        top: 20px;
        left: 405px;
    }

    .spon_organization_list li .top {
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e1e1e1;
        text-align: left;
        overflow: hidden;
    }

    .spon_organization_list li .top strong.tit {
        margin-bottom: 0;
        font-size: 25px;
        line-height: 28px;
        float: left;
    }

    .spon_organization_list li .top .link_home {
        float: right;
    }

    .sponser_main_list {}

    .sponser_main_list li {
        margin-top: 40px;
        border-top: none;
        overflow: hidden;
    }

    .sponser_main_list li .info,
    .sponser_main_list li .pic {
        float: left;
    }

    .sponser_main_list li:nth-child(even) .pic {
        float: right;
    }

    .sponser_main_list li .pic img {
        width: auto;
    }

    .sponser_main_list li .pic.amateur img {
        width: 925px;
    }

    .sponser_main_list li .info {
        padding: 34px 38px;
    }

    .sponser_main_list li dl {
        padding-bottom: 15px;
        text-align: left;
    }

    .sponser_main_list li dl dt {
        margin-bottom: 20px;
    }

    .sponser_main_list li dl dt span {
        padding-top: 20px;
        font-size: 30px;
        line-height: 32px;
    }

    .sponser_main_list li dl dt span:after {
        width: 38px;
        height: 5px;
        margin-left: 0;
        top: 0;
        left: 0;
    }

    .sponser_main_list li dl dd {
        font-size: 16px;
        line-height: 26px;
    }

    .sponser_main_list li .link {
        text-align: left;
    }

    .sponser_main_list li .link a {
        padding-right: 40px;
        color: #111;
    }

    .sponser_main_list li .link a:after {
        width: 23px;
        height: 6px;
        margin-top: -3px;
        background: transparent url('/resources/images/common/ico_link_arrow_b.png') 50% no-repeat;
        background-size: auto;
        top: 50%;
        right: 0;
        border-radius: 0;
    }

    .sponser_main_list li .link a span {
        font-size: 14px;
        line-height: 16px;
        border-bottom: none;
    }

    .sponser_main_list li:hover {
        background-color: #ea002c;
    }

    .sponser_main_list li:hover dl dd,
    .sponser_main_list li:hover dl dt span {
        color: #fff;
    }

    .sponser_main_list li:hover .link a {
        color: #fff;
    }

    .sponser_main_list li:hover dl dt span:after {
        background-color: #fff;
    }

    .sponser_main_list li:hover .link a:after {
        background-image: url('/resources/images/common/ico_link_arrow_h.png');
    }

    /* ???? ???????? ???????? */
    .privacy_top {
        padding: 30px 0;
        border-top: 1px solid #ea002c;
        border-bottom: 1px solid #e1e1e1;
    }

    .privacy_top > p {
        font-size: 16px;
        line-height: 30px;
    }

    .privacy_wrap .bullet_txt + p,
    .privacy_wrap p + .bullet_txt,
    .privacy_wrap p + p {
        margin-top: 25px;
    }

    /* ??????????? ???????????? */
    .jn_slogan_area {
        padding: 20px 20px 20px 290px;
        border-top: 1px solid #ea002c;
    }

    .jn_slogan_area:before {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: 0;
        background-size: 78px auto;
        top: 50%;
        left: 55px;
    }

    .jn_slogan_area ul {
        float: left;
        margin-left: 75px;
    }

    .jn_slogan_area ul:first-child {
        margin-left: 0;
    }

    .jn_program_list {
        padding: 0 70px;
        margin-bottom: 40px;
    }

    .jn_program_list li {
        width: 25%;
        padding-top: 270px;
        font-size: 22px;
        line-height: 25px;
    }

    .jn_program_list li:after {
        width: 246px;
        height: 246px;
        margin-left: -123px;
        background-size: 246px auto;
    }

    .jn_program_list li span {
        font-size: 16px;
    }

    .contact_us_area {
        padding: 20px 0;
    }

    .contact_us_area li {
        padding-left: 40px;
        margin-top: 10px;
    }

    .contact_us_area.two li {
        padding-left: 80px;
    }

    .contact_us_area li > p {
        padding-left: 20px;
        font-size: 16px;
        line-height: 28px;
    }

    .contact_us_area li > p:after {
        height: 11px;
        top: 8px;
        left: 0;
    }

    .contact_us_area li span.traffic {
        width: 28px;
        height: 28px;
        font-size: 16px;
        line-height: 28px;
        background-size: 28px auto;
        left: 0;
    }

    .contact_us_area + .btn_area {
        margin-top: 30px;
    }

    .line_box {
        padding: 30px 0;
    }

    .line_box.pictogram {
        padding-left: 280px;
        position: relative;
    }

    .line_box.pictogram:after {
        content: '';
        display: block;
        width: 150px;
        height: 150px;
        background-color: #f8f8f8;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        position: absolute;
        top: 30px;
        left: 50px;
    }

    .line_box.pictogram.pic_center:after {
        top: 50%;
        margin-top: -75px;
    }

    .line_box.pictogram.join:after {
        background-image: url('/resources/images/common/ico_pictogram_join.png');
    }

    .line_box.pictogram.enrollment:after {
        background-image: url('/resources/images/common/ico_pictogram_enrollment.png');
    }

    .round_tit_list {}

    .round_tit_list > li {
        margin-top: 10px;
    }

    .round_tit_list > li > dl {
        padding-left: 140px;
    }

    .round_tit_list > li > dl dd,
    .round_tit_list > li > dl dt {
        font-size: 16px;
        line-height: 26px;
    }

    .round_tit_list > li > dl dt {
        width: 108px;
        border-radius: 15px;
    }

    .round_tit_list > li > dl .bullet_txt li {
        margin-top: 0;
        line-height: 26px;
    }

    .teacher_area {
        box-shadow: 10px 10px 0 #f5f5f5;
    }

    .teacher_area .cont {
        min-height: 284px;
        padding-left: 225px;
    }

    .teacher_area .cont .pic {
        width: 225px;
    }

    .teacher_area .cont .info {
        padding: 0 30px 30px;
    }

    .teacher_area .cont .info strong.name {
        margin-bottom: 25px;
        padding: 20px 0;
        font-size: 25px;
    }

    .teacher_area .teach_profile .bullet_txt {
        float: left;
    }

    .teacher_area .teach_profile .bullet_txt.dotted {
        margin-right: 15px;
        font-weight: 700;
    }

    .teacher_list {
        overflow: hidden;
    }

    .teacher_list li.cont {
        width: 492px;
        float: left;
        margin-top: 0;
        box-shadow: 10px 10px 0 #f5f5f5;
        box-sizing: border-box;
    }

    .teacher_list li.cont:nth-child(2n) {
        float: right;
    }

    .teacher_list li.cont:nth-child(n + 3) {
        margin-top: 20px;
    }

    .teacher_list li.cont {
        min-height: 360px;
        padding-left: 220px;
    }

    .teacher_list li.cont .pic {
        width: 220px;
        overflow: hidden;
    }

    .teacher_list li.cont .pic.ymca {
        background-size: auto;
    }

    .teacher_list li.cont .info {
        padding: 0 25px;
    }

    .teacher_list li.cont .info strong.name {
        padding: 20px 0;
        font-size: 25px;
    }

    .teacher_list li.cont .info strong.name span {
        font-size: 16px;
    }

    .teacher_list li.cont .teach_profile {
        padding: 25px 0;
    }

    .teacher_list li.cont .bullet_txt.dotted > li {
        letter-spacing: -0.5px;
    }

    .teacher_list.type2 li.cont .pic img {
        width: 100px;
    }

    .teacher_list.type2 li.cont .desc2 {
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    .area_map .pic {
        width: 1050px;
    }

    .area_map .pic img {
        width:auto;
    }

    .area_map .map_point .point {
        font-size: 12px;
        line-height: 26px;
        box-shadow: 2px 2px 3px #616161;
        display: block;
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid #999;
        color: #656565;
    }

    .area_map .map_point .point.active,
    .area_map .map_point .point:hover {
        background-color: #ea002c;
        border: none;
        color: #fff;
    }

    .area_map .map_point .point:after {
        display: none;
    }

    .area_map .map_point .point.mogdong {
        top: 305px;
        left: 270px;
    }

    .area_map .map_point .point.gangnam {
        top: 390px;
        left: 590px;
    }

    .area_map .map_point .point.yangcheon {
        top: 335px;
        left: 248px;
    }

    .area_map .map_point .point.ally_songpa {
        top: 350px;
        left: 840px;
    }

    .area_map .map_point .point.ally_guri {
        top: 183px;
        left: 905px;
    }

    .area_map .map_point .point.ally_dobong {
        top: 60px;
        left: 720px;
    }

    .area_map .map_point .point.ally_mapho {
        top: 270px;
        left: 555px;
    }

    .area_map .map_point .point.ally_bundang {
        top: 453px;
        left: 940px;
    }

    .area_map .map_point .point.ally_hanam {
        top: 305px;
        left: 905px;
    }

    .area_map .map_point .point.ally_suji {
        top: 485px;
        left: 860px;
    }

    .area_map .map_point .point.ally_ilsan {
        top: 145px;
        left: 500px;
    }

    .area_map .map_point .point.ally_uijeongbu {
        top: 50px;
        left: 870px;
    }

    .area_map .map_point .point.ally_jamsil {
        top: 400px;
        left: 900px;
    }

    .area_map .map_point .point.ally_jugjeon {
        top: 490px;
        left: 940px;
    }

    .area_map .map_point .point.kangnam1 {
        top: 360px;
        left: 760px;
    }

    .area_map .map_point .point.kangnam2 {
        top: 393px;
        left: 760px;
    }

    .area_map .map_point .point.ally_dongback {
        top: 520px;
        left: 730px;
    }

    .area_map .map_point .point.ally_gwangjin {
        top: 285px;
        left: 800px;
    }

    .area_map .map_point .point.ally_suwon {
        top: 524px;
        left: 530px;
    }

    .area_map .map_point .point.ally_guro {
        top: 372px;
        left: 438px;
    }

    .area_map .map_point .point.ally_nowone {
        top: 110px;
        left: 790px;
    }

    .area_map .map_point .point.ally_dongdae {
        top: 220px;
        left: 750px;
    }

    .area_map .map_point .point.ally_irvrne {
        top: 120px;
        left: 130px;
    }

    .area_map .map_point .point.ally_sejong {
        top: 527px;
        left: 940px;
    }

    .area_map .map_point .point.ally_gimpo {
        top: 274px;
        left: 184px;
    }

    .area_map .map_point .point.ally_seosan {
        top: 524px;
        left: 260px;
    }

    /* ???????????? ???????? */
    .sports_main,
    .sports_main #wrap,
    .sports_main body {
        height: 100%;
    }

    .sports_main body {}

    .sports_main #wrap {
        padding: 0;
        background: none;
    }

    .sports_main #wrap .inner {
        width: 1100px;
        margin: 0 auto;
        position: relative;
    }

    .sports_main .sports_logo {
        margin-bottom: 45px;
        padding-top: 40px;
    }

    .sports_main .sports_logo a {
        width: 195px;
    }

    .sports_main .intro_txt {
        margin-bottom: 45px;
    }

    .sports_main .intro_txt span.small {
        font-size: 45px;
        line-height: 1em;
        margin-bottom: 34px;
    }

    .sports_main .intro_txt span:last-child {
        display: inline;
    }

    .sports_main .intro_txt p {
        font-size: 70px;
        line-height: 1em;
        font-weight: bold;
    }

    .sports_main .intro_txt p .big {
        font-size: 103px;
    }

    .sports_category_list {
        height: 850px;
        position: relative;
    }

    .sports_category_list li {
        width: 265px;
        height: 400px;
        min-height: auto;
        margin-top: 0;
        border-radius: 20px;
        background-size: auto;
        float: none;
        position: absolute;
    }

    .sports_category_list li a {
        padding: 30px;
    }

    .sports_category_list li:active:after {
        display: none;
    }

    .sports_category_list li.category1 {
        top: 86px;
        left: 0;
        background-image: url('/resources/images/img_sports_ct_1.png');
    }

    .sports_category_list li.category2 {
        top: 35px;
        left: 278px;
        background-image: url('/resources/images/img_sports_ct_2.png');
    }

    .sports_category_list li.category3 {
        top: 86px;
        left: 557px;
        background-image: url('/resources/images/img_sports_ct_3.png');
    }

    .sports_category_list li.category4 {
        top: 0;
        left: 835px;
        background-image: url('/resources/images/img_sports_ct_4.png');
    }

    .sports_category_list li.category5 {
        top: 500px;
        left: 0;
        height: 350px;
        background-image: url('/resources/images/img_sports_ct_5.png');
    }

    .sports_category_list li.category6 {
        top: 450px;
        left: 278px;
        background-image: url('/resources/images/img_sports_ct_6.png');
    }

    .sports_category_list li.category7 {
        top: 500px;
        left: 557px;
        height: 350px;
        background-image: url('/resources/images/img_sports_ct_7.png');
    }

    .sports_category_list li.category8 {
        top: 414px;
        left: 835px;
        width: 265px;
        height: 211px;
    }

    .sports_category_list li.category9 {
        top: 639px;
        left: 835px;
        width: 265px;
        height: 211px;
        margin-left: 0;
    }

    .sports_category_list li dl {
        padding-bottom: 40px;
        position: relative;
    }

    .sports_category_list li dl:after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background: url('/resources/images/common/ico_plus.png') 0 0 no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .sports_category_list li:hover dl {
        padding-bottom: 60px;
    }

    .sports_category_list li:hover dl:after {
        width: 40px;
        height: 40px;
        display: block;
        background: url('/resources/images/common/ico_arrow_dotted.png') 0 0 no-repeat;
        background-size: 40px auto;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .sports_category_list li dt {
        font-size: 35px;
        margin-bottom: 15px;
        line-height: 38px;
    }

    .sports_category_list li dd {
        font-size: 16px;
        line-height: 25px;
    }

    .sports_main #footer .inner {
        background: none;
        border-top: none;
    }

    .sports_main #footer .fot_fam {
        background-color: transparent;
        border: none;
    }

    .sports_main #footer .fot_fam button {
        border: 1px solid #ccc;
    }

    .sports_main #footer .sports_fot_menu a {
        color: #939597;
        font-size: 14px;
    }

    .sports_main #footer .fot_fam.pc_view.active {}

    .sports_main #footer .fot_fam.pc_view.active .fam_list {
        background-color: #444;
        border: 1px solid #ccc;
        margin-bottom: -1px;
    }

    .sports_fot_menu {
        padding-top: 15px;
        padding-left: 50px;
        background: url('/resources/images/common/logo_sk.png') 8px 0 no-repeat;
        background-size: auto;
        text-align: left;
    }

    .sports_fot_menu a {
        padding-left: 16px;
        margin-left: 15px;
        font-size: 12px;
        color: #656565;
        position: relative;
    }

    .sports_fot_menu a:before {
        content: '';
        display: block;
        width: 1px;
        height: 10px;
        margin-top: -5px;
        background-color: #b9b7b7;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .sports_fot_menu a:hover {
        color: #999;
    }

    .sports_fot_menu a:first-child {
        margin: 0;
        padding-left: 0;
    }

    .sports_fot_menu a:first-child:before {
        display: none;
    }

    .fb-page.loading {
        height: 372px;
    }

    .Error-Page-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .Error-Page {
        font-family: 'mb_kor';
        max-width: 620px;
        margin: 0 auto;
    }

    .Error-Page * {
        font-family: inherit;
    }

    .Error-Page-title {
        font-size: 65px;
        padding-bottom: 47px;
    }

    .Error-paragraph1 {
        font-size: 30px;
    }

    .Error-paragraph2 {
        font-size: 22px;
    }

    .Error-button-group {}

    .Error-button-group .btn_st {
        width: calc(50% - 10px);
        margin-left: 20px;
    }

    .Error-button-group .btn_st:first-child {
        margin-left: 0;
    }

    /*???????*/
    .pop_con {
        top: 25%;
        /* margin-left:-382px; */
    }

    .pop_con .main_img {
        width: auto;
    }

    .pop_con .order {
        bottom: 240px;
        left: 164px;
        font-size: 30px;
    }

    .pop_con .victories {
        font-size: 240px;
        bottom: 138px;
        left: 238px;
    }

    .pop_con.victory {
        margin-left: -452px;
        width: auto;
    }

    .pop_con.victory .close_btn img {
        width: auto;
    }

    .popup-title {
        font-size: 22px;
    }

    .popup_inner {
        padding: 30px 109px;
    }

    .popup-bottom {
        padding: 30px 0 50px;
    }

    .multi_pop .pop_con {
        width: auto;
        height: auto;
        overflow: auto;
    }

    .multi_pop .pop_con .pop .btn_close {
        top: 14px;
        right: 10px;
        width: 33px;
        height: 33px;
    }

    .multi_pop .pop_con .pop .btn_apply {
        font-size: 19px;
        bottom: 20px;
    }

    .multi_pop .pop_con .pop .btn_close img {
        /*width:46px;*/
    }

    .multi_pop .pop_con .pop img {
        width: auto;
    }

    .multi_pop.single_pop .pop_con .pop {
        width: auto;
    }

    .form-control1 .form-label {
        font-size: 18px;
    }

    .popup-box.type2 {
        max-width: 620px;
    }

    .popup-box.type2 .popup_inner {
        padding: 30px 10px;
    }

    .respwan-text {
        text-align: center;
        font-size: 16px;
    }

    /* 2018.09.18 ??????? */
    .vd_pop {
        overflow: hidden;
        width: 630px;
        padding: 16.5px 30px;
        margin: 0 5px 0 0;
        background: #fff;
    }

    .vd_pop h4 {
        font-size: 30px;
    }

    .vd_pop iframe {
        height: 360px;
        margin-top: 15px;
    }

    .vd_pop a {
        display: inline-block;
        float: left;
        width: auto !important;
        margin-top: 15px;
        font-size: 15px;
    }

    .vd_pop .btn_close {
        margin-right: 5px;
    }

    .vd_pop .today {
        float: right;
    }

    .vd_pop .btn_st.indigo {
        width: 23% !important;
    }

    .vd_pop .btn_st.gray {
        width: 23% !important;
        margin-right: 0 !important;
        background: none;
        border: 1px solid #656565;
        color: #656565;
    }

    .img_slider_box {}

    .img_slider {
        width: 670px;
        height: 377px;
        margin-right: 30px;
    }

    .img_slider .slick-list,
    .img_slider .slick-track {
        height: 100%;
    }

    .img_slider,
    .img_slider_nav {
        float: left;
    }

    .img_slider iframe {
        width: 100%;
        height: 100%;
        display: block;
    }

    .img_slider_nav {
        width: 324px;
    }

    .img_slider_nav .slick-arrow {
        width: 40px;
        height: 40px;
        background-size: 20px auto;
    }

    .img_slider_nav.slick-vertical .slick-slide {
        text-align: left;
        padding: 28px 0;
        border-bottom: 1px solid #c6c6c6;
        display: flex;
        align-items: center;
    }

    .img_slider_nav.slick-vertical .slick-slide:hover {
        cursor: pointer;
    }

    .img_slider_nav.slick-vertical .slick-slide:first-child {
        border-top: 2px solid #eb1530;
    }

    .img_slider_nav .slick-slide img {
        width: 108px;
        height: 66px;
        margin-right: 20px;
        float: left;
    }

    .img_slider_nav .slick-slide.slick-current img {}

    .img_slider_nav .slick-slide .desc4 {
        color: #111;
        display: inline-block;
        width: calc(100% - 128px);
        float: left;
        line-height: 1.5em;
    }

    .img_slider_nav .slick-slide.slick-current .desc4 {
        color: #ea002c;
    }

    /* 2019.03.07 ????? */
    .size {
        margin-top: 20px;
    }

    .size .img {
        width: 100%;
        text-align: center;
    }

    .size .img.pc {
        display: block;
    }

    .size .img.mo {
        display: none;
    }

    .size ul {
        padding: 18px 0 0 20px;
    }

    .size ul li {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5em;
    }

    .size .info {
        margin-top: 40px;
        padding: 40px;
        border: 10px solid #ececec;
        text-align: center;
    }

    .size .info li {
        line-height: 2em;
    }

    .size .info li:first-child {
        font-size: 26px;
    }

    .size .info li:nth-child(2) {
        font-size: 18px;
    }

    .size .info li:last-child {
        color: #767676;
        font-size: 16px;
        font-weight: 400;
    }

    .table_st td.result_text {
        font-size: 18px;
    }

    /* 190925 ????? */
    /* ????????????????? ???????? */
    .schedule_btn {
        position: absolute;
        top: 55px;
        right: 0;
    }

    .schedule_btn button {
        display: inline-block;
        width: 100px;
        height: 38px;
        padding: 10px 0;
        border: 1px solid #ccc;
        border-radius: 2px;
        color: #666;
        font-size: 14px;
        text-align: left;
    }

    .schedule_btn button.active {
        border: none;
        background: #ea002c;
        color: #fff;
    }

    .schedule_btn button.cal {
        padding-left: 42px;
        background-image: url('/resources/images/new/icon_cal.png');
        background-position: 17px 55%;
        background-repeat: no-repeat;
    }

    .schedule_btn button.cal.active {
        background-image: url('/resources/images/new/icon_cal_on.png');
    }

    .schedule_btn button.list {
        padding-left: 39px;
        background-image: url('/resources/images/new/icon_list.png');
        background-position: 13px 55%;
        background-repeat: no-repeat;
    }

    .schedule_btn button.list.active {
        background-image: url('/resources/images/new/icon_list_on.png');
    }

    .list_wrap {}

    .list_wrap table {
        width: 1280px;
    }

    .list_wrap table tr.home {
        background: #ffe2e7;
    }

    .list_wrap table th {
        height: 40px;
        background: #222;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
    }

    .list_wrap table tbody tr:hover {
        cursor: pointer;
    }

    .list_wrap table td {
        height: 38px;
        border-bottom: 1px solid #c5c5c5;
        color: #666;
        font-size: 15px;
        text-align: center;
    }

    .list_wrap table td:nth-child(2) {
        text-align: left;
    }

    .list_wrap table td .team_logo img {
        width: 72px;
    }

    .list_wrap table td .team_logo span {
        display: inline-block;
        margin-left: 9px;
        color: #666;
        font-size: 15px;
        vertical-align: middle;
    }

    .list_wrap table td .state {
        display: inline-block;
    }

    /* ???????????? */
    .best_player {
        display: flex;
        flex-flow: wrap;
        align-items: flex-start;
        flex-direction: row;
        align-content: flex-start;
        width: 100%;
    }

    .Bestpic {
        flex: 1;
        margin: 0 19px 0 0;
        position: relative;
        border-top: 2px solid #ea002c;
        text-align: center;
    }

    .Bestpic:nth-child(2n) {
        margin: 0 19px 0 0;
    }

    .Bestpic:nth-child(-n + 2) {
        margin-top: 0;
    }

    .Bestpic:last-child {
        margin-right: 0;
    }

    .Bestpic span {
        display: block;
    }

    .Bestpic .best_title {
        width: 100%;
        height: 48px;
        border-bottom: 2px solid #ccc;
        font-size: 19px;
        font-weight: 600;
        line-height: 48px;
    }

    .Bestpic .bg_img {
        background: #f8f8f8;
    }

    .Bestpic img {
        width: 100%;
        max-width: 100%;
    }

    .Bestpic .player_name {
        width: 100%;
        height: 40px;
        position: absolute;
        bottom: 40px;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-size: 17px;
        line-height: 40px;
    }

    .Bestpic .score {
        height: 40px;
        color: #777;
        font-size: 19px;
        font-weight: 500;
        line-height: 40px;
    }

    .Bestpic .score em {
        display: inline-block;
        color: #fa3230;
        font-weight: 400;
    }

    .table_st th:last-child {
        border-right: 0;
    }

    /* ?????????????????? ???????? */
    .search_wrap.photo_search {
        height: 38px;
        position: relative;
        margin-bottom: 0;
    }

    .search_wrap.photo_search div {
        float: none;
    }

    .search_wrap.photo_search .select_wrap {
        width: 122px;
        position: absolute;
        left: 838px;
    }

    .search_wrap.photo_search .search_input {
        width: 310px;
        margin-left: 10px;
        position: absolute;
        right: 0;
    }

    .search_wrap.photo_search div.search_select {
        overflow: hidden;
        width: 215px;
        margin-top: 0;
    }

    .search_wrap.photo_search div.search_select select {
        width: 173px;
    }

    /* ?????????????????? ?????????? */
    /* .view_table .cont.photo {padding:40px 0;border:1px solid red;} */
    .slider-imgs {
        width: 850px;
        height: 500px;
        margin: 0 auto;
    }

    .slider-imgs.slick-initialized .slick-slide {
        width: 850px;
        height: 500px;
        text-align: center;
    }

    .slider-imgs > .slick-list img {
        display: inline-block;
        width: auto;
        height: 100%;
    }

    .photo .slider-nav {
        height: 105px;
        padding: 0 28px;
    }

    .photo .slider-nav .slick-slide {
        /* width:195px !important; */
        padding: 0 15px;
        height: 100%;
    }

    .photo .slider-nav .slick-list {
        /* width:1187px; */
        /* margin:0 auto; */
    }

    .photo .slider-nav .slick-track {
        /* min-width:395px !important;
      margin:0 */
        margin: 0;
    }

    .photo .slider-nav .slick-slide::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #ddd;
        border-right: 0;
        box-sizing: border-box;
    }

    .photo .slider-nav .slick-slide:last-child::before {
        border-right: 1px solid #ddd;
    }

    .photo .slider-nav .slick-slide.slick-current::before {
        border: 2px solid #e31f28;
    }

    .photo .slider-nav .slick-slide.slick-current {
        position: relative;
        border: none;
    }

    .photo .slider-nav .slick-slide.slick-current::before {
        height: 105px;
    }

    .photo .slider-nav .slick-slide img {
        display: inline-block;
        height: 100%;
    }

    .photo button {
        width: 29px;
        height: 105px;
        bottom: 40px;
    }

    .photo .nav_prev {
        left: 39px;
        background: #999 url('/resources/images/new/btn_photo_prev.jpg') 50% 50% no-repeat;
        background-size: 11px;
    }

    .photo .nav_next {
        right: 40px;
        background: #999 url('/resources/images/new/btn_photo_next.jpg') 50% 50% no-repeat;
        background-size: 11px;
    }

    .slick-arrow {
        display: block !important;
    }

    /* 191025 ????? */
    .tab_btn.player_tab {
        width: 100%;
        margin-bottom: 30px;
        display: flex;
    }

    .tab_btn.player_tab button {
        width: 318px;
        height: 45px;
        margin-right: 2px;
        background: #f3f3f3;
        border: none;
        color: #888;
        font-size: 16px;
    }

    .tab_btn.player_tab button.active {
        background: #ea002c;
        color: #fff;
    }

    .player_histroy02 tr td:first-child,
    .player_histroy02 tr td:last-child {
        text-align: center;
    }

    .cicle {
        margin-top: 52px;
    }

    .cicle h4 {
        margin-bottom: 26px;
        color: #111;
        font-size: 25px;
    }

    #tab4 p {
        margin-top: 30px;
        font-size: 16px;
        line-height: 160%;
    }

    #tab4 span {
        display: inline-block;
        width: 100%;
        height: 100%;
        font-weight: 600;
    }

    #tab4 .sponser_player_list {
        margin-top: 110px;
    }

    /* 191031 ????? */
    .noti_text {
        margin-top: 15px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1050px) {
    .multi_pop .pop_con {
        padding: 0 0.5%;
    }

    .multi_pop .pop_con .pop {
        width: 33%;
    }

    .multi_pop .pop_con .pop img {
        width: 100%;
    }

    .multi_pop .pop_con .pop .btn_close {
        text-align: right;
    }

    .multi_pop .pop_con .pop .btn_close img {
        width: 40%;
    }
}

.layerPopup {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layerPopup .contWrap {
    position: relative;
}

.layerPopup .p__link a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: inline-block;
}

.layerPopup .p__close button {
    width: 23px;
    height: 23px;
    position: absolute;
    right: 20px;
    top: 20px;
}

@media screen and (max-width: 768px) {
    .dh-pc {display: none;}
    .dh-mobile {display: block;;}
    
    .layerPopup .contWrap {
        width: 100%;
        margin: 0 auto;
    }

    .layerPopup .contWrap .p__cont img {
        width: 100%;
        height: auto;
    }

    .layerPopup .p__link a {
        height: 6.5vh;
    }

    .layerPopup .p__close button {
        width: 7vw;
        height: 7vw;
        position: absolute;
        right: 3vw;
        top: 3vw;
        border: 1px solid transparent;
    }

    .page_preparation.true {
        width: 100% !important;
        padding: 0 !important;
    }

    .page_preparation.true img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .ticket_reserve {
        padding: 10px 0;
    }
}

.page_preparation.true {
    display: block;
    text-align: center;
    width: 1280px;
    margin: 0 auto;
}

.page_preparation.false {
    display: none;
}

.badWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2vw;
}

@media screen and (max-width: 768px) {
    .badWrapper img {
        width: 100%;
        height: auto;
    }

    .video_list li .pic {
        overflow: hidden;
        height: 50vw;
    }
}

@media (max-width: 767px) {    
    .director .pic {height: 100vw; overflow: hidden;}
    .sns_box .tab_container .tab_content .youtube_list li a figcaption h4 {height: 14px; min-height: 14px; max-height: 14px;}
    .sns_list.all_part1 li {
        height: 43.75vw;
    }
    .sns_box .sns_list figure > span {width: 100%; height: 100%;}
    .sns_box .youtube_list figure > span {width: 100%; height: 0; padding-bottom: 56.25%;}
    .sns_box .tab_container .tab_content .youtube_list li {height: 56.25%}
    
    
    .tab_btn.player_tab {
        display: flex;
        margin-bottom: 10px;
    }

    .tab_btn.player_tab button {
        width: 100%;
        background: #f3f3f3;
        color: #888;
        padding: 10px 0;
    }

    .tab_btn.player_tab button.on {
        background-color: #e9002d;
        color: #fff;
    }

    .section01 .match_box .box {
        height: 170px;
    }

    /* 191031 ????? */
    .noti_text {
        margin-top: 8px;
        font-weight: 600;
    }

    /* ???????? ?????190924 */
    #header.mobile {}

    .mobile .gnb_wrap .top {
        background-color: #fff;
    }

    #header.mobile .gnb_wrap .top {
        overflow: hidden;
        height: 60px;
        padding: 13px 15px 10px;
        box-sizing: border-box;
    }

    #header.mobile .gnb_wrap .top .m_logo {
        float: left;
        display: block;
        width: 96px;
        margin-left: 6px;
    }

    #header.mobile .gnb_wrap .top .m_logo img {
        width: 100%;
        max-width: 100%;
    }

    #header.mobile .gnb_wrap .close_btn {
        float: right;
        width: 22px;
        height: 22px;
        padding: 0;
    }

    #header.mobile .gnb_wrap .close_btn:before {
        width: 22px;
        height: 22px;
        margin: 0;
        position: absolute;
        top: 19px;
        right: 20px;
        background: url('/resources/images/new/m_close.png') 0 0 no-repeat;
        background-size: 100%;
    }

    #header.mobile .gnb_wrap {
        background: #fff;
    }

    #header.mobile .category_list > li > a,
    #header.mobile #gnb li > a {
        height: 39px;
        padding: 0 20px;
        line-height: 39px;
    }

    #header.mobile #gnb {
        padding: 0;
        width: 100%;
    }

    #header.mobile #gnb > li {
        border-top: 1px solid #ebebeb;
    }

    #header.mobile #gnb > li > a {
        width: 100%;
        height: 39px;
        padding: 0 20px;
        position: relative;
        left: 0;
        color: #222;
        line-height: 39px;
    }

    #header.mobile #gnb > li > a::after {
        content: '';
        display: block;
        width: 19px;
        height: 11px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        right: 20px;
        background: url('/resources/images/new/m_depth.png') center center no-repeat;
        background-size: cover;
    }

    #header.mobile #gnb > li.active {}

    #header.mobile #gnb > li.active > a {
        background: #e52031;
        color: #fff;
    }

    #header.mobile #gnb > li.active > a::after {
        background: url('/resources/images/new/m_depth_on.png') center center no-repeat;
    }

    #header.mobile #gnb .depth2 {
        width: 100%;
        position: static;
        border-top: 1px solid #ebebeb;
    }

    #header.mobile #gnb .depth2 li {
        border-bottom: 1px solid #ebebeb;
    }

    #header.mobile #gnb .depth2 li:last-child {
        border-bottom: none;
    }

    #header.mobile #gnb .depth2 li a {
        padding-left: 20px;
        color: #777;
        font-size: 14px;
    }

    #header.mobile #gnb .depth2 > li.dep > a {
        position: relative;
    }

    #header.mobile #gnb .depth2 > li.dep.active > a {
        color: #e52031;
    }

    #header.mobile #gnb .depth2 > li.dep > a::after {
        content: '';
        display: block;
        width: 19px;
        height: 11px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        right: 20px;
        background: url('/resources/images/new/m_depth.png') center center no-repeat;
        background-size: cover;
    }

    #header.mobile #gnb .depth2 > li.dep.active > a::after {
        background: url('/resources/images/new/m_depth2_on.png') center center no-repeat;
    }

    #header.mobile #gnb .depth3 {
        padding: 0;
        background: #eaeaea;
    }

    #header.mobile #gnb .depth3 li {
        padding-left: 11px;
        border-bottom: 1px solid #f2f2f2;
    }

    #header.mobile #gnb .depth3 li a {
        position: relative;
    }

    #header.mobile #gnb .depth3 li a::before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        left: 8px;
        background: #e52031;
    }

    .m_sns {
        display: block;
        width: 100%;
        padding: 20px 20px 50px 20px;
        border-top: 1px solid #ebebeb;
    }

    .m_sns a {
        display: inline-block;
        margin-right: 15px;
    }

    .m_sns a:first-child {
        margin-left: 5px;
    }

    .m_sns a:last-child {
        margin-right: 0;
    }

    #header.mobile .category_wrap {
        background: #e51b35;
    }

    #header.mobile .category_wrap .top {
        overflow: hidden;
        height: 60px;
        padding: 13px 15px 10px;
        background: #cb0e29;
        box-sizing: border-box;
    }

    #header.mobile .category_wrap .top .m_logo {
        float: left;
        display: block;
        width: 82px;
        margin: -3px 0 0 6px;
    }

    #header.mobile .category_wrap .top .m_logo img {
        width: 100%;
        max-width: 100%;
    }

    #header.mobile .category_wrap .close_btn {
        float: right;
        width: 22px;
        height: 22px;
        padding: 0;
    }

    #header.mobile .category_wrap .close_btn:before {
        content: '';
        display: block;
        width: 22px;
        height: 22px;
        margin: 0;
        position: absolute;
        top: 19px;
        right: 20px;
        background: url('/resources/images/new/m_close02.png') 0 0 no-repeat;
        background-size: 100%;
    }

    #header.mobile .category_list > li {
        border-top: 1px solid #c61129;
    }

    #header.mobile .category_list > li > a {
        color: #fff;
    }

    #header.mobile .category_list > li > a > i {
        display: none;
    }

    #header.mobile .category_wrap #category_list02 {
        border-bottom: 1px solid #c61129;
    }

    #header.mobile .category_wrap #category_list02 li:nth-child(6) {
        display: none;
    }

    #header.mobile .category_wrap .pc_view {
        display: none;
    }
}

/* ?????????? ?????????? PC */

.playerDetailWrap {
    width: 1280px;
    margin: 0 auto;
}

.detailBox {
    position: relative;
    height: 623px;
    background: url('/resources/images/players/detail/bg_detail.jpg') no-repeat 0 0;
    background-size: cover;
    display: flex;
    overflow: hidden;
}

.detailInfoWrap {
    width: 30%;
}

.detailBox strong,
.detailBox p {
    color: #fff;
}

.detailInfoWrap {
    padding: 80px 0 0 60px;
}

.detailInfo1 p {
    font-weight: 700;
}

.detailInfo1 p:first-child {
    color: #ea002c;
    font-style: italic;
    font-size: 50px;
}

.detailInfo1 p:nth-child(2) {
    font-size: 60px;
}

.detailInfo1 p:last-child {
    color: #999;
    font-size: 46px;
}

.detailInfo2 {
    margin-top: 170px;
}

.detailInfo2 p {
    line-height: 2;
}

.detailInfo2 strong,
.detailInfo2 p {
    font-size: 20px;
}

.detailInfo2 p:first-child strong {
    display: inline-block;
    letter-spacing: 4px;
}

.detailInfo2 p:last-child strong {
    display: inline-block;
    letter-spacing: 11px;
}

.detailInfo3 {
    width: 40%;
    height: 623px;
    /* background: url('/resources/images/players/detail/img_player.png') no-repeat center 0; */
}

/* .detailInfo3 img {
    position: static;
    transform: translateY(0);
    width:auto;
} */

.detailInfo4 {
    position: relative;
    width: 34%;
}

#myChart {
    position: absolute;
    right: 20px;
    top: 40px;
    z-index: 9;
}

.detailInfo5 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border: 1px solid #d2d2d2;
    border-top: none;
    padding: 50px;
}

.detailInfo5 li {
    display: flex;
    align-items: center;
}

.detailInfo5 li::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 70px;
    background: #d2d2d2;
    margin: 0 60px;
}

.detailInfo5 li:first-child::before {
    display: none;
}

.detailInfo5 p {
    text-align: center;
}

.detailInfo5 li:first-child {
    color: #222;
    font-size: 32px;
    font-weight: 700;
}

.detailInfo5 li p:first-child {
    font-size: 22px;
    color: #222;
}

.detailInfo5 li p:last-child strong {
    font-size: 40px;
    color: #ea002c;
}

.detailInfo5 li p:last-child {
    font-size: 36px;
    color: #666;
}

.tabWrap {
    margin-top: 40px;
}

.tabMenu {
    display: flex;
    width: 440px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

.tabMenu li {
    cursor: pointer;
    width: 220px;
    padding: 15px 0;
    background: #f8f8f8;
    color: #666;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.tabMenu li:first-child {
    border-right: 1px solid #d2d2d2;
}

.tabMenu li.on {
    background: #fff;
    color: #ea002c;
    border-top: 2px solid #ea002c;
}

.tabContWrap {
    margin-top: 20px;
}

.tabCont {
    display: none;
}

.tabCont.on {
    display: block;
}

.tableWrap th,
.tableWrap td {
    border: 1px solid #d2d2d2;
    text-align: center;
    padding: 15px;
    font-size: 16px;
}

.tableWrap thead th {
    background: #f8f8f8;
    font-weight: 500;
    border-top-color: #ea002c;
}

.tableWrap thead th p {
    font-size: 12px;
    opacity: 0.5;
}

.tableWrap thead th:first-child {
    border-left: none;
}

.tableWrap thead th:last-child {
    border-right: none;
}

.tableWrap tbody th {
    font-weight: 300;
    border-left: none;
}

.tableWrap td {
    font-weight: 300;
}

.tableWrap td:first-child {
    border-left: none;
}

.tableWrap td:last-child {
    border-right: none;
}

.chartUlWrap {
    position: absolute;
    right: 239px;
    top: 114px;
}

.chartUl {
    position: relative;
}

.chartUl li {
    width: 1px;
    height: 263px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.chartUl li:nth-child(2) {
    transform: rotate(45deg);
}

.chartUl li:nth-child(3) {
    transform: rotate(90deg);
}

.chartUl li:nth-child(4) {
    transform: rotate(135deg);
}

.playerDetailWrap .inner.m_inner {
    width: 100% !important;
}

.playerDetailWrap .inner.m_inner .video_list li .date span {
    padding: 0 20px;
}

/* 191007 ????? */

.galleryWrap * {
    box-sizing: border-box;
}

.galleryWrap {
    position: relative;
}

.galleryBig {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    margin-top: 20px;
}

.galleryBig img {
    width: 580px;
    max-width: 100%;
    height: auto;
}

.galleryList {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}

.galleryCtrl {
    width: 30px !important;
    height: 105px;
    text-indent: -9999px;
}

.galleryCtrl.nav_prev {
    background: #999 url('/resources/images/new/btn_photo_prev.jpg') 50% 50% no-repeat;
    margin-right: 10px;
}

.galleryCtrl.nav_next {
    background: #999 url('/resources/images/new/btn_photo_next.jpg') 50% 50% no-repeat;
    /* margin-left: 10px; */
}

.galleryUlWrap {
    position: relative;
    overflow: hidden;
    width: calc(100% - 80px);
    height: 105px;
    max-width: 1200px !important;
}

.galleryUl {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
}

.galleryUl li {
    flex: 190px;
    width: 190px;
    height: 105px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
}

.galleryUl li.on::before {
    content: '';
    display: inline-block;
    width: 186px;
    height: 101px;
    border: 2px solid #e31f28;
    position: absolute;
    left: 0;
    top: 0;
}

.galleryUl li + li {
    margin-left: 10px;
}

.galleryUl li img {
    width: 100%;
    height: auto;
}

.btn_down {
    width: 105px;
    padding: 8px 0;
    position: absolute;
    bottom: 131px;
    right: 216px;
    background: #e31f28;
    color: #fff;
    font-size: 16px;
}

.gameRecordCont {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.gameRecordWrap * {
    box-sizing: border-box;
}

.grTeamName {
    font-size: 20px;
}

.grImgWrap {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    margin: 0px 20px;
}

.grTeam {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    height: 120px;
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border-top: 1px solid #ea002c;
    border-bottom: #c5c5c5;
    color: #111;
    padding: 20px 0;
}

.grTeam img {
    /* margin: 0 20px; */
    width: auto;
    height: 60px;
}

.grLeft .grTeam {
    justify-content: flex-end;
}

.grCenter .grTeam {
    width: 140px;
    justify-content: center;
    font-size: 30px;
    color: #aaa;
    padding: 0 20px;
}

.grRight .grTeam {
    justify-content: flex-start;
}

.grUl li {
    text-align: center;
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.grUl li.on {
    color: #ea002c !important;
}

.grUl li div {
    font-size: 16px !important;
    height: 20px;
    max-width: 510px;
}

.grUl li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 20px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    background: #fff;
}

.grLeft,
.grRight {
    width: 590px;
}

.grLeft li,
.grRight li {
    background: #eee;
}

.grLeft li div,
.grRight li div {
    color: #fff;
}

.grCenter {
    width: 140px;
}

.grLeft .grUl li {
    justify-content: flex-end;
}

.grCenter .grUl li {
    justify-content: center;
}

.grRight .grUl li {
    justify-content: flex-start;
}

.grLeft li div {
    text-align: right;
    text-indent: 9999px;
}

.grRight li div {
    text-align: left;
    text-indent: -9999px;
}

.grBar {
    width: 510px;
    display: flex;
}

.grLeft .grBar {
    justify-content: flex-end;
}

.grLeft .grBar div {
    background: #ea002c;
}

.grRight .grBar {
    justify-content: flex-start;
}

.grRight .grBar div {
    background: #777;
}

.ntCoronavirus {
    position: relative;
}

.ntCoronavirus .noti_text {
    display: inline-block;
    margin-top:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight:400;
    line-height: 1.2;
    word-break: keep-all;
    text-align: center;
}

.lpSection {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    display: none;
}

.lpSection * {
    box-sizing: border-box;
    line-height: 1.6;
}

.lpSection .lpCont {
    background: #fff;
    width: 820px;
    max-height: 80vh;
    overflow: auto;
    border-radius: 10px;
    padding: 30px;
}

.lpSection .lpCont .top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lpSection .lpCont .top strong {
    font-size: 32px;
    font-weight: 500;
    color: #222;
    margin-right: auto;
}

.lpSection .lpCont .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 30px 0;
}

.lpSection .lpCont .tab a {
    font-size: 18px;
    font-weight: 300;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
}

.lpSection .lpCont .tab a.on {
    color: #ea002c;
    font-weight: 400;
    border-bottom: 2px solid #ea002c;
}

.lpSection .lpCont .abgCont {
    display: none;
}

.lpSection .lpCont .abgCont.on {
    display: block;
}

.lpSection .lpCont .abgCont strong {
    font-size: 18px;
    font-weight: 500;
    color: #222;
}

.lpSection .lpCont .abgCont ol li strong {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 30px 0 15px;
}

.lpSection .lpCont .abgCont ol li strong::before {
    display: inline-block;
    background: #ea002c;
    color: #fff;
    padding: 2px 4px;
    font-size: 16px;
    margin-right: 10px;
}

.lpSection .lpCont .abgCont ol li:nth-of-type(1) strong::before {
    content: '01';
}

.lpSection .lpCont .abgCont ol li:nth-of-type(2) strong::before {
    content: '02';
}

.lpSection .lpCont .abgCont ol li:nth-of-type(3) strong::before {
    content: '03';
}

.lpSection .lpCont .abgCont ol li:nth-of-type(4) strong::before {
    content: '04';
}

.lpSection .lpCont .abgCont ol li:nth-of-type(5) strong::before {
    content: '05';
}

.lpSection .lpCont .abgCont .helpMent {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 20px;
    position: relative;
}

.lpSection .lpCont .abgCont .helpMent::before {
    content: '-';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
}

@media only screen and (max-width: 767px) {

    /* ???????????????????? ???????? */
    .playerDetailWrap {
        width: 100%;
    }

    .playerDetailWrap * {
        box-sizing: border-box;
    }

    .detailBox {
        display: flex;
        overflow: hidden;
        height: 360px;
        background:url('/resources/images/players/detail/bg_detail02.jpg') no-repeat 0 0;
        background-size:cover;
    }

    .detailInfo3,
    .detailInfoWrap {
        width: 50%;
    }

    .detailInfoWrap {
        padding: 0;
    }

    .detailInfo1 {
        display: flex;
        flex-wrap: wrap;
        width: 235px;
        padding: 20px;
    }

    .detailInfo1 p:first-child {
        font-size: 26px;
    }

    .detailInfo1 p:nth-child(2) {
        color: #999;
        font-size: 26px;
        margin-left: 10px;
    }

    .detailInfo1 p:last-child {
        color: #fff;
        font-size: 31px;
    }

    .detailInfo2 {
        padding: 20px 0;
        margin: 153px 0 0 15px;
    }

    .detailInfo2 * {
        font-size: 11px !important;
        letter-spacing: 0.4px !important;
    }

    .detailInfo3 {
        position: relative;
        height: inherit;
    }

    .detailInfo3 img {
        position: absolute;
        right: 0;
        bottom: 0;
        transform:translateY(-31%);
        width: 100%;
    }

    .detailInfo4 {
        width: 40%;
        position: absolute;
        left: 20px;
        top: 100px;
        /* display: none; */
    }

    .myChartWrap {
        width: 160px;
        height: 160px;
        position: relative;
    }

    .myChartWrap .myChart {
        right: 0 !important;
        left: 0;
        top: 0 !important;
    }

    .detailInfo5 {
        flex-wrap: wrap;
        padding: 20px;
    }

    .detailInfo5 li:first-child {
        width: 100%;
        text-align: center;
        justify-content: center;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .detailInfo5 li:not(:first-child) {
        width: 33.33%;
        align-items: center;
        justify-content: center;
    }

    .detailInfo5 li::before {
        display: none;
    }

    .detailInfo5 li:nth-child(3) {
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
    }

    .detailInfo5 li p:first-child {
        font-size: 13px;
    }

    .detailInfo5 li p:last-child strong {
        font-size: 23px;
    }

    .detailInfo5 li p:last-child {
        font-size: 21px;
    }

    .tabWrap {
        margin: 20px;
    }

    .tabMenu {
        width: 100%;
    }

    .tabMenu li {
        width: 50%;
        font-size: 13px;
    }

    .tableWrap {
        overflow-x: auto;
    }

    .tableWrap table {
        table-layout: fixed;
        width: 800px;
    }

    .tableWrap th,
    .tableWrap td {
        font-size: 13px;
        padding: 10px;
    }

    .chartUlWrap {
        right: 0px;
        top: 40px;
        left: 68px;
    }

    .chartUl li {
        height: 90px;
    }

    .galleryBig {
        padding: 0;
    }

    .galleryList {
        margin: 20px 0;
    }

    .galleryUlWrap {
        max-width: 767px !important;
        height: 66px;
    }

    .galleryUl li {
        max-width: 100px;
        height: 66px;
    }

    .galleryCtrl {
        width: 15px !important;
        height: 66px;
    }

    .galleryCtrl.nav_prev,
    .galleryCtrl.nav_next {
        background-size: 50%;
    }

    .galleryUl li.on::before {
        width: 98%;
        height: 62px;
    }

    .btn_down {
        display: none;
    }

    /* ?????????? 191126 */
    .grTeam {
        font-size: 13px !important;
        margin-bottom: 10px;
        flex-direction: column;
        height: inherit;
        padding: 10px 0;
    }

    .grImgWrap {
        width: 60px !important;
        height: 60px !important;
    }

    .grTeam img {
        width: auto;
        height: 40px;
        margin: 0px;
    }

    .grLeft,
    .grRight {
        width: 40% !important;
    }

    .grCenter {
        width: 20% !important;
    }

    .grCenter .grTeam {
        width: 100% !important;
        padding: 0 10px;
    }

    .grCenter .grUl li div {
        font-size: 12px !important;
    }

    .grUl li {
        width: 100%;
        margin: 10px 0 !important;
    }

    .grUl li span {
        font-size: 14px;
        width: 36px;
        height: 15px !important;
    }

    .grUl li div {
        max-width: 100px;
        height: 15px !important;
    }

    .grTeamName {
        width: 100px;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 500;
    }

    .grImgWrap {
        margin: 0;
    }

    /* .grLeft .grTeamName {        
      text-align: right;
  }

  .grRight .grTeamName {        
      text-align: left;
  } */

    .ticket_reserve {
        height: initial;
    }

    .aBookingGuide {
        font-size: 14px;
        font-weight: 500;
        color: #ea002c;
        background: #fff;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 10px;
    }

    .lpSection .lpCont {
        max-width: 90vw;
        max-height: 90vh !important;
        padding: 20px;
        word-break: keep-all;
    }

    .lpSection .lpCont .abgCont img {
        max-width: 100%;
    }

    .lpSection .lpCont .top strong {
        font-size: 20px;
    }

    .lpSection .lpCont .top img {
        width: 50%;
        height: auto;
    }

    .lpSection .lpCont .tab {
        margin: 20px 0;
    }

    .lpSection .lpCont .tab a {
        font-size: 14px;
        padding: 15px 0;
    }

    .lpSection .lpCont .abgCont ol li strong {
        align-items: flex-start;
    }

    .lpSection .lpCont .abgCont ol li strong::before {
        font-size: 12px;
        margin-top: -2px;
    }

    .lpSection .lpCont .abgCont strong {
        font-size: 14px;
    }

    .lpSection .lpCont .abgCont .helpMent {
        font-size: 12px;
    }
}

/* 201028 ??? */
@media (max-width: 430px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        transform:translateY(0);
    }
}

@media (min-width: 431px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        transform: translateY(-47%);
    }
}

@media (min-width: 461px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        transform: translateY(-44%);
    }
}

@media (min-width: 491px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        transform: translateY(-41%);
    }
}

@media (min-width: 531px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        transform: translateY(-39%);
    }
}

@media (min-width: 591px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        transform: translateY(-35%);
    }
}

@media (min-width: 651px) {
    .detailInfo3 img {
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        transform: translateY(-32%);
    }
}

@media (min-width: 768px) {
    .detailInfo3 img {
        position: static;
        width: auto;
        transform:translateY(0);
    }
    .dh-pc {display: block;}
    .dh-mobile {display: none;}
}