@charset "utf-8";
/*탭메뉴 스타일 재선언 */
.c-tab01 {position:relative;overflow:hidden;margin-bottom:30px;min-height:43px;}
.c-tab01:after {clear:both;content:"";display:block;}
.c-tab01 li a {padding:13px 14px;height:16px;font-weight:bold;display:block;border-style:solid;line-height:135%;background:#f5f5f5;border:1px solid #d2d2d2;border-top-width:0;border-left-width:0;margin:0px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-tab01 a.over , .c-tab01 .over a {background:#154396;padding-bottom:14px;color:#fff;border-color:#0c2364;border-bottom-width:0;}
.c-tab01 .over span, .c-tab01 li  a.over span {color:#FFF;background:url(../img/common/ctab_bt_arr.png) no-repeat center bottom;padding:0 0 14px 0;}
.c-tab01 li a:hover span, .c-tab01 a:focus span{text-decoration:underline;}
.c-tab01 li a.over:hover , .c-tab01 .over a:hover, .c-tab01 li a.over:focus , .c-tab01 .over a:focus {color:#fff;font-weight:bold;text-decoration:underline;}

/* 타이틀 */
.c-tit01 {background:url(../img/common/blt01.gif) no-repeat 0 5px;padding:0 0 10px 15px;font-size:123%;color:#004cb3;font-weight:600;}
.c-tit02 {color:#292b6d;}
.c-tit03 {font-size:100%;color:#444;}

/* 안내문 / 도움말 / 필수항목 */
.info-box {background:#fff url(../img/common/info_box_bg.gif) no-repeat 30px 20px;padding-right:20px;}
.info-box.cg {background:#f1f1f1 url(../img/common/ginfo_box_bg.gif) no-repeat 30px 20px;} /* 회색배경 */


/* 선수단소개 */
/* 코치진 */
.roster-wrap {padding:5px 0;}
.roster-list {margin:0 5px;background:#fff;padding:15px 0}
.roster-wrap .list {background:url(../img/content/roster_vbar.gif) repeat-y center 0;*zoom:1;}
.roster-wrap .list:after {clear:both;content:"";display:block;}
.roster-wrap .list > li {position:relative;float:left;width:50%;}
.roster-wrap .list img {width:100%;}
.roster-wrap .profile {margin-left:20px;color:#333;}
.roster-wrap .profile h3 {font-size:153%;font-weight:800;margin:5px 0}
.roster-wrap .profile h3 span {font-size:100%;padding-left:8px;}
.roster-wrap .profile dl {overflow:hidden;margin-top:10px;}
.roster-wrap .profile dt {float:left;width:100%;font-weight:bold;margin:3px 0}
.roster-wrap .profile dd {float:left;width:100%;margin:3px 0; padding-bottom: 10px;}
.roster-wrap .profile dd li {line-height:18px;margin-top:5px;font-size:92%;}
.roster-wrap .profile dd li:first-child {padding-top:0;}
.roster-wrap .profile .award {margin-top:10px;}
.roster-wrap .profile .award li {background:url(../img/content/ico_cup.gif) no-repeat 0 3px;padding-left:17px;}
.roster-wrap .profile img {max-width: 100%;}
.roster-wrap .coach {margin-left: 0;}
.roster-wrap .coach h3{text-align: center; border-bottom: 5px solid #b8b8b8; padding-bottom: 10px; margin: 10px 10px 0 10px; font-size: 22px;}
.roster-wrap .flex {display: flex;}
.roster-wrap .flex .area1 {width: 50%; padding:0px 20px 20px 20px; box-sizing: border-box;}
.roster-wrap .flex .area1:first-child {border-right: 1px solid #b8b8b8; width: calc(50% - 20px); margin-right: 5px;}
.roster-wrap h4 {font-size: 18px; margin: 15px 0 10px 0;}

@media all and (max-width:480px){
	.roster-wrap .flex {display: block;}
	.roster-wrap .flex .area1{width:100%}
	.roster-wrap .flex .area1:first-child {border:none; width: 100%; margin-right: 0;}
}

/* 선수 */
.roster-wrap .roster-list.player {padding:0 20px 20px;}
.roster-wrap .player .list {background:url(../img/content/player_vbar.gif) repeat 0 0;}
.roster-wrap .player .list > li {display:inline-block;*display:inline;*zoom:1;width:32%;min-height:150px;padding:5px 0 12px 0;vertical-align:top;float:none;margin:0 2px;}
.roster-wrap .player .list > li.first img, .roster-wrap .player .list > li img {left:0;top:15px;}
.roster-wrap .player .list .profile {margin-left:127px;text-align:left;}
.roster-wrap .player h3 {font-size:123%;color:#444;font-weight:600;margin:0 0 10px;}
.roster-wrap .player h3 span {display:block;color:#21a58f;font-family:arial;font-size:230%;font-weight:normal;padding-left:0;letter-spacing:-1px;line-height:100%;}
.roster-wrap .slider img {max-width: 100%;}
/* 20200226KJY 추가 */
.roster-wrap .slider-for {
    width: 100%;
    overflow: hidden;
    padding: 0px;
    margin: 0 auto;
}
.slider-for .slick-prev.slick-arrow {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 42%;
    left: 10px;
    border: none;
    background: url(../img/mbtn_prev.png) center center no-repeat;
    width: 50px;
    height: 65px;
    text-indent: -9999px;
    background-color: #0000004f;
    background-size: 40px 50px ;
}
.slider-for .slick-next.slick-arrow {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 42%;
    right: 10px;
    border: none;
    background: url(../img/mbtn_next.png) center center no-repeat;
    width: 50px;
    height: 65px;
    text-indent: -9999px;
    background-color: #0000004f;
    background-size: 40px 50px ;
}

@media all and (max-width:480px){
	.slider-for .slick-prev.slick-arrow,
    .slider-for .slick-next.slick-arrow {
        width: 30px; height: 40px; background-size: 20px 30px ;

    } 
}
/* 구단소개 */
/* 인사말 */
.agree-wrap .tit {font-size:177%;font-weight:800;color:#333;}
.agree-wrap .tit p {line-height:27px;padding:3px 0;}
.agree-wrap .tit p span {display:block;}
.agree-wrap .cont {font-size:107%;overflow:hidden;}
.agree-wrap .cont .img {float:right;width:41%;margin-left:5%;}
.agree-wrap .cont .img img {width:100%;}
.agree-wrap .cont p {margin-top:30px;}
.agree-wrap .cont .sign {text-align:right;font-size:115%;font-weight:600;margin:44px 15px 0 0;clear:both;}
.agree-wrap .cont .sign img {padding-left:14px;vertical-align:bottom;}

/* 구단연혁 */
.btcf-history .history-top {background:url(../img/content/history_bg.gif) no-repeat 36px 0;color:#333;font-size:107%;min-height:112px;}
.btcf-history .history-top .tit {font-size:169%;font-weight:600;padding:30px 0 5px 280px;}
.btcf-history .history-top .txt {padding-left:280px;}
.history-list {background:#f8f8f8 url(../img/content/ico_hstart.gif) no-repeat center 0;margin-top:40px;padding:40px 0;}
.history-list ol {background:url(../img/content/history_vline.gif) repeat-y center 0;overflow:hidden;}
.history-list ol li {width:50%;margin-top:20px;position:relative;*zoom:1;}
.history-list ol li:after {clear:both;content:"";display:block;}
.history-list ol li:first-child {margin-top:0;}
.history-list ol li dl {width:76%;}
.history-list ol li dt {width:20px;margin:0 20px;}
.history-list ol li dd {width:72%;}
.history-list ol li h3 {font-size:138%;font-family:arial;font-weight:bold;color:#333;line-height:130%;}
.history-list ol li.h-left {float:left;text-align:right;}
.history-list ol li.h-left h3, .history-list ol li.h-left dl, .history-list ol li.h-left dt, .history-list ol li.h-left dd {float:right;}
.history-list ol li.h-left h3 {background:url(../img/content/history_arr.gif) no-repeat right 4px;padding-right:25px;}
.history-list ol li.h-left:hover h3 {background:url(../img/content/history_arr_o.gif) no-repeat right 4px;color:#2952ad;}
.history-list ol li.h-right {float:right;padding-left:20px}
.history-list ol li.h-right h3, .history-list ol li.h-right dl, .history-list ol li.h-right dt, .history-list ol li.h-right dd {float:left;}
.history-list ol li.h-right h3 {background:url(../img/content/history_arr2.gif) no-repeat left 4px;padding-left:25px;}
.history-list ol li.h-right:hover h3 {background:url(../img/content/history_arr2_o.gif) no-repeat left 4px;color:#2952ad;}
/* 연도별사진 */
.history-list ol li.y2006 {margin:30px 0 50px;}
.history-list ol li.y2006 img, .history-list ol li.y2012 img {position:absolute;top:0;left:-220px;}
.history-list ol li.y2008, .history-list ol li.y2012 {margin:30px 0 60px;}
.history-list ol li.y2008 img {position:absolute;top:0;right:-240px;}

/* 조직도 */
.org-wrap {position:relative;background:url(../img/content/org_bg.gif) no-repeat 50% 0;color:#fff;padding-bottom:30px;}
.org-wrap .org {background:url(../img/content/org_vline.png) no-repeat 50% 197px;}
.org-wrap em {font-style:normal;display:block;font-size:90%;letter-spacing:-1px;font-weight:bold;}
.org-wrap .ceo {background:url(../img/content/org_lg.png) no-repeat 0 37px;width:135px;height:202px;text-align:center;font-size:123%;margin:0 auto 30px;;}
.org-wrap .ceo h3 {font-size:153%;padding-top:74px;}
.org-wrap .ceo em {display:inline-block;font-size:107%;font-weight:bold;}
.org-wrap .dep2, .org-wrap .dep3, .org-wrap .dep4 {overflow:hidden;width:300px;height:66px;margin:0 auto;font-size:123%;}
.org-wrap .dep2 h4, .org-wrap .dep2 span, .org-wrap .dep3 h5, .org-wrap .dep3 span, .org-wrap .dep4 h6, .org-wrap .dep4 span {float:left;width:50%;display:block;text-align:center;}
.org-wrap .dep2 h4, .org-wrap .dep3 h5, .org-wrap .dep4 h6 {padding-top:23px;}
.org-wrap .dep2 span, .org-wrap .dep3 span, .org-wrap .dep4 span {background:url(../img/content/org_opacity.png) repeat;height:100%;font-size:110%;padding-top:23px;}
.org-wrap .dep2 {background:#d5352d;}
.org-wrap .dep3 {background:#2c61a1;margin:22px auto;}
.org-wrap .dep4 {background:#0f9d85;}
.org-wrap .dep5 {overflow:hidden;text-align:center;margin-top:45px;}
.org-wrap .dep5 li {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:160px;background:#f0f0f0;color:#555;margin:0 10%;}
.org-wrap .dep5 li span {display:block;background:#dfdfdf;border:1px solid #d2d2d2;text-align:center;font-size:107%;font-weight:600;padding:10px 0}

/* 엠블렘/마스코트 */
.emblem {position:relative;overflow:hidden;}
.emblem .img {box-sizing:border-box;float:left;width:49.7%;border:1px solid #d2d2d2;background:url(../img/content/grid_bg.gif) repeat 0 0;text-align:center;padding:20px 0;}
.emblem .cont {float:right;width:46%;line-height:200%;}
.emblem .cp-btn {position:absolute;bottom:0;left:54%;}
.box-img {border:1px solid #d2d2d2;}
.box-img img {max-width:99.9%;} 

/* 경기장 소개 */
.stadium-wrap {}
.stadium-vis {position:relative;text-align:center;}
.stadium-vis .visual-list {position:relative;margin:0 auto;width:100%;height:320px;overflow:hidden;}
.stadium-vis .visual-list img {width:100%;}
.stadium-vis .mPaging {text-align:right;margin-top:20px;}
.stadium-vis .mPaging button {border:0;background:url(../img/content/ctrl_btns.gif) no-repeat 0 0;width:26px;height:18px;cursor:pointer;}
.stadium-vis .mPaging button.btnPrev {background-position:0 0;border-right:1px solid #cfcfcf;}
.stadium-vis .mPaging button.btnNext {background-position:-28px 0;}
.stadium-cont {position:relative; margin-top:10px;overflow:hidden; display: inline-block; width: 49%; vertical-align: top;}
.stadium-cont .info-img {float:left;width:370px;}
.stadium-cont .info-img h3 {width:100%;}
.stadium-cont .info-img h3 span {display:block;}
.stadium-cont .info-img img {display:block;padding-top:17px; width: 100%}
.stadium-cont .info-list {float:left; margin-top:30px;box-sizing:border-box;}
.stadium-cont .info-list .c-list01 {margin-bottom:30px;}

/* 유니폼 */
.uniform-wrap .list {overflow:hidden;clear:both; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
.uniform-wrap .list li {float:left; text-align:center; width:calc(50% - 1px);border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.uniform-wrap .list li .name {position:relative;height:30px;font-size:107%;color:#333;background:#e7e7e7;padding:10px 0 0 53px;font-weight:bold;text-align:left}
.uniform-wrap .list li .num {position:absolute;display:block;top:0;left:0;width:40px;height:30px;;background:#48525e;color:#fff;font-size:107%;font-weight:700;text-align:center;padding-top:10px;}
.uniform-wrap .list li img {padding:32px 0 ; width:100%; height:340px}
.uniform-wrap .list li .txt {float:right;padding:5px 0px 5px 0px;font-size:107%;width:40%;}

/* 서포터즈 */
.support-wrap {max-width:100%; padding-bottom:50px;}
.support-wrap  h3 {text-align:center; font-size: 40px; font-weight: 550; padding:2px; margin-bottom: 3%; background-color: #e8f2fb;}
.support-wrap img {max-width:100%; padding-bottom:30px;}
.support-wrap .txt p {font-size:150%; font-weight: 400; padding: 2% 1%;  text-align:justify; word-break: keep-all;}


/* 유소년축구교실 찾아오시는길 */
.u-sccor {overflow:hidden;}
.u-sccor .img {width:48%;float:left;}
.u-sccor .img img {width:100%;}
.u-sccor > ul {float:right;width:48%;}
.map-wrap {position:relative;border:1px solid #d2d2d2;margin-bottom:30px;}
.map-wrap img {max-width:100%;min-width:320px;}
.map-wrap .map-view {position:absolute;bottom:0;right:0;background:#465869 url(../img/content/btn_map.gif) no-repeat right 0;width:128px;height:29px;display:block;color:#fff;font-weight:700;padding:11px 0 0 12px;}
.map-wrap .map-view:hover,.map-wrap .map-view:focus,.map-wrap .map-view:active {text-decoration:underline;}

/* 사이트맵 */
.sitemap-wrap {margin-bottom:100px;}
.sitemap-wrap .sitemap {overflow:hidden;}
.sitemap-wrap .sitemap .mn_l1 {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:31%;padding-right:1%;}
.sitemap-wrap .sitemap li em {font-style:normal;font-size:115%;font-family:arial;font-weight:bold;display:inline-block;padding-right:10px;background:url(../img/content/sitemap_vline.gif) no-repeat 30px center;}
.sitemap-wrap .sitemap .mn_a1 {font-size:140%;font-weight:bold;display:block;color:#fff;background:#2841A0;padding:5px;}
.sitemap-wrap .sitemap .depth2-wrap {margin:15px 0 30px;}
.sitemap-wrap .sitemap .depth2-wrap .mn_l2 {padding:6px 0;border-bottom:1px solid #ddd;}
.sitemap-wrap .sitemap .depth2-wrap .mn_a2 {background:url(/img/common/blt02.gif) no-repeat 0 6px;padding-left:10px}
.sitemap-wrap .sitemap .depth2-wrap li a:hover, .sitemap-wrap .sitemap .depth2-wrap li a:focus, .sitemap-wrap .sitemap .depth2-wrap li a:active {text-decoration:underline;}
.sitemap-wrap .sitemap .depth3-wrap {margin:5px 0;}
.sitemap-wrap .sitemap .mn_l3 {padding:4px 0 4px 10px;}
.sitemap-wrap .sitemap .mn_a3 {background:url(/img/common/blt06.gif) no-repeat 0 8px;padding-left:11px;font-size:92%;line-height:140%;display:block;}

.ie8 .sitemap-wrap .sitemap .mn_l1 {width:32%;}

/* 배너모음 */
.banner-wrap {overflow:hidden;background:#e2e2e2 url(../img/board/common/line_vp_bg.gif) repeat-x;margin-bottom:20px;padding-top:2px;border-bottom:1px solid #ddd;}
.banner-wrap .banner-tit {float:left;width:20%;text-align:center;}
.banner-wrap .banner-tit h3 {font-size:123%;margin:30px 0}
.banner-wrap .banner-tit h3 span {display:block;font-size:84%;color:#777;}
.banner-wrap .banner-list {float:left;background:#fff;width:80%;;}
.banner-wrap .banner-list ul {overflow:hidden;padding:15px 2%;}
.banner-wrap .banner-list li {float:left;width:25%;padding:2% 0;text-align:center;}

.c-list01 li, .c-list01-li {background:url(/img/common/blt04.gif) no-repeat 0 10px;padding:2px 0 2px 11px;}
.c-list01 li span {font-size:120%; font-weight:600;}
.c-list02 li, .c-list02-li {background:url(/img/common/blt05.gif) no-repeat 0 10px;padding:2px 0 2px 11px;}
.c-list03 li, .c-list03-li {background:url(/img/common/blt06.gif) no-repeat 0 12px;padding:2px 0 2px 11px;}