@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 25.06.17 */
/* ★ 공통스타일은 common.css에 있음 */
/* ★ 서브 기본 스타일은 sub.css에 있음 */

/** 공통 컨텐츠 타이틀 **/
.cont_titbx{position: relative; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 2px solid #ededed; text-align: center}
.cont_titbx::after{display: block; content:''; clear: both; position: absolute; bottom:-8px; left:50%; width:44px; height: 14px; margin-left: -20px; background:url(../images/content/ico_titone.gif) center no-repeat}
.cont_titbx dl{position: relative; display: inline-block}
.cont_titbx .smtit{position: relative; display:inline-block; padding: 7px 30px 5px; margin-top: 20px; border-radius: 50px; background: #0072bc; font-size: 1.067em;  color:#fff}
.cont_titbx .smtit::after{display: block; content:''; clear: both; position: absolute; top:-22px; left:50%; width:40px; height: 14px; margin-left:-20px; background:url(../images/content/ico_tittop.png) center no-repeat}
.cont_titbx .bigtit{position: relative; margin-top: 20px; padding: 0 90px; font-size: 1.667em; font-weight: 600; line-height: 150%; color:#0072bc}
.cont_titbx .bigtit::before,
.cont_titbx .bigtit::after{display: block; content:''; clear: both; position: absolute; bottom:0; width:42px; height: 75px}
.cont_titbx .bigtit::before{left:0; background:url(../images/content/tit_laurel1.png) center no-repeat}
.cont_titbx .bigtit::after{right:0; background:url(../images/content/tit_laurel2.png) center no-repeat}


/** 공통항목타이틀 **/
.tit_type{position: relative; width: 225px; padding: 10px 5px 8px; margin: 0 auto 25px; border-radius: 10px; background: #8a8f97; border:2px solid #8a8f97; font-size: 1.2em; font-weight: 600;  text-align: center; color:#fff; box-sizing: border-box}
.tit_type::before,
.tit_type::after{display: block; content:''; clear: both; position: absolute; top:16px; width: 6px; height: 6px; border-radius:10px; background: #fff}
.tit_type::before{left:20px}
.tit_type::after{right:20px}
.tit_type.type2{background: #fff; color:#787d85}
.tit_type.type2::before,
.tit_type.type2::after{background:#8a8f97}
.tit_type.type3{background: #5ba4d4; border-color: #5ba4d4}


/** 위쪽방향 화살표 **/
.arw_item{text-align: center}


/** 중간 설명글 **/
.mid_info{background: #f1f1f1; padding: 15px 15px 13px; margin-bottom: 30px; font-size:1.067em; text-align: center}
.mid_info span{display: inline-block; padding:2px 0 2px 33px; background:url(../images/content/ico_midinfo.png) left 0 no-repeat}


/** 학생체육 기본방향 **/
/*목표*/
.direc_goal{position: relative; margin: 35px 0 30px; text-align: center; letter-spacing: 1px}
.direc_goal::before,
.direc_goal::after{display: block; clear: both; content: ''; position: absolute; top:-12px; width:185px; height: 85px}
.direc_goal::before{left:50%; margin-left: -450px; background:url(../images/content/direction_bg1.png) center no-repeat}
.direc_goal::after{right:50%; margin-right: -450px; background:url(../images/content/direction_bg2.png) center no-repeat}
.direc_goal .goal_tit{display: inline-block; position: relative; padding-left: 35px; margin-bottom:27px; line-height: 150%; font-size: 2em}
.direc_goal .goal_tit::before{display: block; clear: both; content: ''; position: absolute; top:-10px; left:0; width:49px; height: 33px; background:url(../images/content/mark_cont.png) center no-repeat}
.direc_goal .goal_tit > p{position: relative}
.direc_goal .goal_tit span{font-size:1.167em; font-weight: 600}
.direc_goal .goal_tit span.point1{color:#ffb71b}
.direc_goal .goal_tit span.point2{color:#58a24c}
.direc_goal .goal_txt{padding: 15px 5px; border-radius: 25px 25px 0 0; background: #f9f9f9; font-size: 1.133em; color:#3f3f3f}
.direc_goal .goal_txt span{font-weight: 600}
/*주요 추진 과제*/
.direc_work{display: flex; flex-wrap:wrap; justify-content: space-between; gap:30px}
.direc_work .work_bx{width: calc(100% / 2 - 20px); padding: 10px; background: #fff; border:1px solid #e5e5e5; border-bottom: 3px solid #ccc; box-sizing: border-box}
.direc_work .work_bx .tit{padding: 15px; margin-bottom: 15px; background: #ccc; text-align: center; font-weight: 600; font-size: 1.2em; color:#fff}
.direc_work .work_bx li{line-height: 150%}
.direc_work .work_bx > ul{padding: 0 5px 5px}
.direc_work .work_bx > ul > li{padding-left: 18px; background:url(../images/content/blt_arw.png) left 5px no-repeat; margin-bottom: 5px; font-size: 1.067em}
.direc_work .work_bx > ul > li:last-child{margin-bottom: 0}
.direc_work .work_bx .inner_lst{padding: 10px; margin: 5px 0 13px; background: #f3f3f3; font-size: 0.933em; color:#676767}
.direc_work .work_bx .inner_lst li{position: relative; padding-left: 10px}
.direc_work .work_bx .inner_lst li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:8px; width:3px; height: 3px; background: #616161}
.direc_work .work_bx.work1 .tit{background:#6bc676}
.direc_work .work_bx.work1{border-bottom-color:#6bc676}
.direc_work .work_bx.work2 .tit{background:#fdb833}
.direc_work .work_bx.work2{border-bottom-color:#fdb833}
.direc_work .work_bx.work3 .tit{background:#f26521}
.direc_work .work_bx.work3{border-bottom-color:#f26521}
.direc_work .work_bx.work4 .tit{background:#0072bc}
.direc_work .work_bx.work4{border-bottom-color:#0072bc}


/** 조직도 **/
.sport_organize {margin: 60px 0 80px; text-align: center}
/*교육감*/
.sport_organize .topboss_bx{position: relative; width: 340px; padding: 25px 10px; margin: 0 auto 35px; background: #fff; border-top:6px solid #0072bc; border-bottom: 2px solid #dfdfdf; box-sizing: border-box}
.sport_organize .topboss_bx::before,
.sport_organize .topboss_bx::after{display: block; content:''; clear: both; position: absolute}
.sport_organize .topboss_bx::before{top:-35px; left:50%; width:40px; height: 14px; margin-left: -20px; background:url(../images/content/ico_orgtop_v1.gif) center no-repeat}
.sport_organize .topboss_bx::after{ bottom:-37px; left:50%; width: 2px; height:35px; background: #ededed}
.sport_organize .topboss_bx dt{margin-bottom: 15px; font-size: 1.2em; color:#5a5a5a}
.sport_organize .topboss_bx dd{font-size: 1.6em; font-weight: 600; color:#0072bc}
/*부교육감*/
.sport_organize .minboss_bx{position: relative; width: 340px; padding: 15px 10px 20px; margin: 0 auto 35px; background: #0072bc; font-size: 1.333em; font-weight: 600; color:#fff; box-sizing: border-box}
.sport_organize .minboss_bx::after{display: block; content:''; clear: both; position: absolute; bottom:-35px; left:50%; width: 2px; height:35px; background: #ededed}
.sport_organize .minboss_bx span{position: relative; display: block; padding-top: 27px}
.sport_organize .minboss_bx span::after{display: block; content:''; clear: both; position: absolute; top:0; left:50%; width:40px; height: 14px; margin-left: -20px; background:url(../images/content/ico_orgtop_v2.gif) center no-repeat}
/*세부부서*/
.sport_organize .chart_lst{position: relative; display: flex; justify-content: space-between; margin: 0 110px; gap:15px}
.sport_organize .chart_lst::before{display: block; content:''; clear: both; position: absolute; top:25px; left:0; width:100%; height:2px; background: #ededed}
.sport_organize .depart_bx{width: 340px}
.sport_organize .part_header{position: relative; padding: 15px 10px; margin-bottom: 10px; border:2px solid #0072bc; background: #fff; font-size: 1.267em; font-weight: 600; color:#0072bc; box-sizing: border-box}
.sport_organize .part_header::after{display: block; content:''; clear: both; position: absolute; bottom:-12px; left:50%; width: 2px; height:10px; background: #ededed}
.sport_organize .depart_bx ul li{position: relative; padding: 15px 10px; margin-bottom: 10px; border:2px solid #ededed; background: #fff; font-size: 1.133em; box-sizing: border-box}
.sport_organize .depart_bx ul li::after{display: block; content:''; clear: both; position: absolute; bottom:-12px; left:50%; width: 2px; height:10px; background: #ededed}
.sport_organize .depart_bx ul li:last-child{margin-bottom: 0}
.sport_organize .depart_bx ul li:last-child::after{display: none}
/*체육예술인성교육과 포인트*/
.sport_organize .depart_bx ul li.sport_point{padding: 15px 10px 10px 10px; border-color: #0072bc; color:#0072bc; font-weight:600}
.sport_organize .depart_bx .logo_bx{padding: 15px; margin-top: 13px; background: #f6f6f6}
.sport_organize .depart_bx .logo_bx dt{position: relative; padding-top: 48px; font-size: 0.933em; color:#1f1f1f; letter-spacing: 0.5px}
.sport_organize .depart_bx .logo_bx dt::after{display: block; content:''; clear: both; position: absolute; top:0; left:50%; width:44px; height: 35px; margin-left: -20px; background:url(../images/content/ico_orglogo.gif) center no-repeat}
.sport_organize .depart_bx .logo_bx dd{margin-top: 12px; font-size:1.059em; color:#0072bc; font-weight:600}


/** 학생스포츠종합지원센터 운영 **/
.sport_operate span.point1{color:#4ab957; font-weight: 600}
.sport_operate span.point2{color:#fdb833; font-weight: 600}
.sport_operate span.point3{color:#f26521; font-weight: 600}
.sport_operate span.point4{color:#0072bc; font-weight: 600}
/*비전,목표*/
.oper_titbx > p{width: 765px; padding:45px 10px 25px;  margin: -46px auto 30px; border-radius: 15px; background: #f8f8f8; font-size: 1.4em; line-height: 170%; text-align: center; letter-spacing: 1px; box-sizing: border-box; box-shadow:0 1px 3px rgba(0, 0, 0, 0.10)}
.oper_titbx > p span{font-size: 1.19em}
/*목표*/
.oper_goal span.txtbg{display: inline-block; width: 42px; height: 40px; line-height: 42px; margin: 0 3px; border-radius:15px; color:#fff; font-weight: 600}
.oper_goal span.poinbg1{background:#4ab957}
.oper_goal span.poinbg2{background:#fdb833}
.oper_goal span.poinbg3{background:#f26521}
/*중점방향*/
.point_way{position: relative; display: flex; flex-wrap:wrap; justify-content: space-between; gap:30px; margin-bottom: 30px; text-align: center}
.point_way::after{display: block; clear: both; content: ''; position: absolute; top:-198px; right:15px; width:214px; height: 198px; background:url(../images/content/way_img.png) center no-repeat}
.point_way .way_bx{flex: 1; min-width: 280px; background: #fff; border-bottom: 2px solid #ccc}
.point_way .way_bx dt{position: relative; padding: 7px; background: #ccc; color:#fff; font-weight: 600; font-size: 1.333em}
.point_way .way_bx dt::after{display: block; clear: both; content: ''; position: absolute; bottom:-20px; left:50%; width:0; height:0; margin-left:-10px; border-top: 10px solid #ccc; border-bottom: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent}
.point_way .way_bx dd{min-height:72px; line-height: 150%; padding: 20px 10px; font-size: 1.067em; align-content: space-around}
.point_way .way_bx.waytype1{border-bottom-color:#4ab957}
.point_way .way_bx.waytype1 dt{background: #4ab957}
.point_way .way_bx.waytype1 dt::after{border-top-color:#4ab957}
.point_way .way_bx.waytype2{border-bottom-color:#fdb833}
.point_way .way_bx.waytype2 dt{background: #fdb833}
.point_way .way_bx.waytype2 dt::after{border-top-color:#fdb833}
.point_way .way_bx.waytype3{border-bottom-color:#f26521}
.point_way .way_bx.waytype3 dt{background: #f26521}
.point_way .way_bx.waytype3 dt::after{border-top-color:#f26521}
.point_way .way_bx.waytype4{border-bottom-color:#0072bc}
.point_way .way_bx.waytype4 dt{background: #0072bc}
.point_way .way_bx.waytype4 dt::after{border-top-color:#0072bc}
/*추진전략 및 세부과제*/
.detail_project{display:flex; flex-wrap:wrap; justify-content: space-between; gap:30px; margin: 40px 0 30px}  
.detail_project .project_bx{flex: 1; min-width: 300px; padding: 0 10px 10px; margin-bottom:20px; background: #fff; border: 1px solid #e5e5e5; border-bottom: 2px solid #ccc; box-sizing: border-box} 
.detail_project .project_bx dt{position: relative; width:167px; height: 40px; line-height: 40px; padding:0 15px; margin: -20px auto 0 ; background: #f0f;  border-radius: 50px; text-align: right; font-weight: 600; color:#fff; font-size: 20px; box-sizing: border-box; z-index: 1}
.detail_project .project_bx dt span{display: block; position: absolute; top:5px; left:5px; width: 30px; height: 30px; line-height: 32px; border-radius: 50px; background: #fff; text-align: center; font-weight: 600; color:#ccc; font-size: 15px}
.detail_project .project_bx .proj_top{padding: 38px 10px 18px; margin-top:-20px; background: #f8f8f8; line-height: 150%; font-size: 1.067em; text-align: center}
.detail_project .dtpro_tit{padding: 15px 5px; border-bottom: 2px solid #cbcbcb; text-align: center}
.detail_project .dtpro_tit span{position:relative; display: inline-block; padding: 0 30px; font-size: 1.067em; font-weight: 600; color:#4e4e4e}
.detail_project .dtpro_tit span::before,
.detail_project .dtpro_tit span::after{display: block; clear: both; content: ''; position: absolute; top:6px; width: 5px; height: 5px; background: #cbcbcb; border-radius: 10px}
.detail_project .dtpro_tit span::before{left:0}
.detail_project .dtpro_tit span::after{right:0}
.detail_project .dtpro_lst ul{margin:15px 10px 5px}
.detail_project .dtpro_lst li{position: relative; padding-left: 10px; line-height: 150%; margin-bottom: 5px}
.detail_project .dtpro_lst li:last-child{margin-bottom: 0}
.detail_project .dtpro_lst li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:8px; width:3px; height: 3px; background: #616161}
.detail_project .project_bx.proj1{border-bottom-color:#4ab957}
.detail_project .project_bx.proj1 dt{background: #4ab957}
.detail_project .project_bx.proj1 dt span{color:#4ab957}
.detail_project .project_bx.proj2{border-bottom-color:#fdb833}
.detail_project .project_bx.proj2 dt{background: #fdb833}
.detail_project .project_bx.proj2 dt span{color:#fdb833}
.detail_project .project_bx.proj3{border-bottom-color:#f26521}
.detail_project .project_bx.proj3 dt{background: #f26521}
.detail_project .project_bx.proj3 dt span{color:#f26521}


/** 오시는길 **/
.sport_map {clear:both; padding:0; margin:0}
.sport_map .map_area {width:100%!important; margin:0; border:2px solid #e7e7e7; box-sizing: border-box; background: #fff}
.sport_map .map_area .root_daum_roughmap {width:100%!important; padding:0; background: #fff}
.sport_map .map_area .root_daum_roughmap .wrap_map {overflow:hidden; height:480px !important; background: #fff}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display: none!important}
/*주소 및 전화*/
.sport_map .map_addbx{display: flex; gap:10px; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0}
.map_addbx dl{display: flex; flex: 1; gap:10px}
.map_addbx dl dt{width:25%; padding:10px 18px; text-align: right; color:#fff; font-weight: 600; font-size: 1.133em; box-sizing: border-box}
.map_addbx dl dt span{display: block; padding: 3px 0}
.map_addbx dl dt.add_bx{background: #3d98da}
.map_addbx dl dt.add_bx span{background:url(../images/content/ico_add.gif) left center no-repeat}
.map_addbx dl dt.tel_bx{background: #42bab0}
.map_addbx dl dt.tel_bx span{background:url(../images/content/ico_tel.gif) left center no-repeat}
.map_addbx dl dd{width: 75%; align-content: space-around}
/*교통편 안내*/
.sport_map .map_trafficbx{display: flex; gap:25px; justify-content: space-between}
.map_trafficbx .traffic_lst{flex: 1; background: #fff; padding: 10px; border:1px solid #e5e5e5}
.map_trafficbx .traffic_lst span{display: inline-block}
.map_trafficbx .traffic_lst span.tit{width:115px; padding: 10px; background:#f0f0f0; text-align: center; font-weight: 600; box-sizing: border-box}
.map_trafficbx .traffic_lst .station_type{margin-bottom: 7px; background:url(../images/content/ico_bus.gif) right 10px center no-repeat #585d65;color:#fff}
.traffic_lst .station_type span.tit{background:#3c424b}
.traffic_lst .station_type .name{padding: 10px}
.traffic_lst ul li{margin-bottom: 7px}
.traffic_lst ul li:last-child{margin-bottom: 0}
.traffic_lst ul li span.num{padding: 10px}


/** 학교스포츠 클럽 대회 **/
/*대회명*/
.champion_info .champ_titbx{padding: 10px; background:linear-gradient(90deg, #179cd3 , #17b394); color:#fff; font-weight: 600; font-size: 1.267em; text-align: center}
.champion_info .champ_titbx dl dt{display: inline-block; width: 162px; height: 35px; margin-right: 10px; line-height: 35px; border-radius: 50px; background: #198499; text-align: center}
.champion_info .champ_titbx dl dd{display: inline-block}
/*기간안내*/
.champion_info .champ_date{text-align: center}
.champion_info .champ_date .date_item{display: inline-block; margin:23px 0 18px; padding: 5px 0 5px 38px; background:url(../images/content/ico_date.png) left 2px no-repeat; font-size:1.333em}
.champion_info .champ_date .date_item span{font-weight: 600}
.champion_info .champ_date .date_txt{max-width:490px; margin: 0 auto; padding: 13px; border-radius: 50px; background: #f3f3f3; font-size: 1.067em}
.champion_info .champ_date .date_txt span{text-decoration: underline; text-underline-offset:4px}
/*세부내용*/
.champion_info .champ_lst{padding: 10px; margin: 30px 0 40px; border:1px solid #e5e5e5}
.champion_info .champ_lst li{display: flex; gap:10px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5}
.champion_info .champ_lst li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.champion_info .champ_lst li p.tit{width: 15%; padding: 10px; background: #eee; font-weight: 600; text-align: center; align-content: space-around; box-sizing: border-box}
.champion_info .champ_lst li p.txt,
.champion_info .champ_lst li div.txt{width: 100%; align-content: space-around}
.champion_info .champ_lst li span.point1{color:#ff684a; font-weight: 600}
.champion_info .champ_lst a.down_btn{display: flex}
.champion_info .champ_lst a.down_btn .link_btn{width: 125px; height: 32px; line-height: 34px; padding:0 13px; margin-right: 10px; border-radius: 50px; background: url(../images/content/btn_down.png) right 10px center no-repeat #66bb70; color:#fff; box-sizing: border-box; transition: all .3s}
.champion_info .champ_lst a.down_btn .link_txt{align-content: space-around}
.champion_info .champ_lst .link_txt span{color:#6b6b6b; font-size: 14px}
.champion_info .champ_lst a.down_btn:hover .link_btn{background-color: #326538}
.champion_info .champ_lst a.down_btn:hover .link_txt{text-decoration: underline; text-underline-offset:4px}
/*세부 운영 종목*/
.sport_champion .cz_table tbody tr:hover td{background: #f8f8f8; font-weight: 600}
.sport_champion .cz_table tbody tr:hover th{background: #ececec}
/*컨텐츠 하단 버튼*/
.champion_btn{padding-top: 30px; margin: 30px 0 10px; border-top:2px solid #e7e7e7} 
.champion_btn a{position: relative; display: block; width:600px; height:50px; line-height:50px; padding:0 15px; margin: 0 auto; border-radius: 50px; background: #3183b1; font-size: 16px; color:#fff; font-weight: 500; box-sizing: border-box; transition: all .3s}
.champion_btn a > span{padding: 2px 0 2px 30px; background: url(../images/content/ico_fullfile.png) left center no-repeat}
.champion_btn a::after{display: block; clear: both; content: ''; position: absolute; right:10px; top:9px; width: 60px; height: 32px; background: url(../images/content/btn_down.png) center no-repeat #2a6484; border-radius: 50px}
.champion_btn a:hover{background: #2a6484}
.champion_btn a:hover::after{background-color:#194157}


/** 대회정보 및 요강은 게시판스타일에 있음! **/ 


/** 이용약관 동의 **/
.sport_terms .terms_top{padding:15px 5px 25px; margin-bottom: 25px; border-bottom: 3px solid #dcdcdc; background:url(../images/content/terms_logo_n.gif) no-repeat right top 17px}
.sport_terms .terms_top .tit01{margin-bottom: 10px; font-size: 1.333em}
.sport_terms .terms_top .tit01 span{font-weight: 600}
.sport_terms .terms_top .tit02{font-size: 1.133em}
.sport_terms .terms_all{padding: 10px; margin:30px 0 15px; background: #3096cf; color:#fff; font-size: 1.267em} 
.sport_terms h4.terms_tit{position: relative; line-height:140%; padding:0 0 0 20px; margin:5px 0 10px; font-size:1.2em; font-weight:500}
.sport_terms h4.terms_tit::after{display: block; clear: both; content: ''; position: absolute; top:2px; left:0; width: 6px; height: 19px; background: #3096cf}
.sport_terms .terms_tb{font-size:0.933em; line-height: 150%}
.sport_terms .terms_tb > ol{margin-bottom: 30px}
.sport_terms .terms_tb > ol > li{margin:0 0 5px 18px; text-indent: -18px}
.sport_terms .terms_tb > ol > li:last-child{margin-bottom:0}
.sport_terms .terms_tb > ol > li > ol{margin:5px 0 15px; padding: 15px; border-radius: 5px; background: #f7f7f7}
.sport_terms .terms_tb > ol > li > ol > li{margin-bottom: 5px; text-indent: 0}
.sport_terms .terms_tb > ol > li > ol > li:last-child{margin-bottom: 0}
.sport_terms .terms_tb > p{margin-bottom: 20px}


/** 저작권신고 **/
.sport_copyright{margin-top: 50px}
.sport_copyright .copy_top{padding-top:70px; margin-bottom: 25px; background:url(../images/content/bg_siren.gif) no-repeat center top; line-height: 160%; text-align: center; font-size:1.067em}
.sport_copyright .copy_tb{padding: 20px 20px 20px 145px; background: #fff; border-top:1px solid #dfdfdf; border-bottom: 3px solid #f2554c; background:url(../images/content/bg_copyright.gif) no-repeat left 20px center}
.sport_copyright .copy_tb li{position: relative; padding-left: 15px; margin-bottom: 7px; line-height: 150%}
.sport_copyright .copy_tb li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:8px; width:3px; height: 3px; background: #616161}
.sport_copyright .copy_tb li:last-child{margin-bottom: 0}


/** 이메일 무단 수집 거부 **/
.sport_email{margin-top: 50px}
.sport_email .email_top{padding-top: 70px; margin-bottom: 25px; background:url(../images/content/bg_email.gif) no-repeat center top; line-height: 160%; text-align: center; font-size:1.067em}
.sport_email .email_tb{padding: 25px; background: #ffff; border-top:1px solid #dfdfdf; border-bottom: 3px solid #f9ca24; text-align: center}
.sport_email .mail_rule{margin-bottom: 10px; letter-spacing: 1px}
.sport_email .mail_date{display: inline-block; padding: 10px 100px; border-radius: 50px; background: #dcdcdc}


 

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {

/** 공통 컨텐츠 타이틀 **/
.cont_titbx{padding-bottom: 20px; margin-bottom: 20px}
.cont_titbx .smtit{padding: 7px 18px 5px; border-radius: 8px; font-size:14px}
.cont_titbx .bigtit{margin-top: 18px; padding:0 56px; font-size: 23px}
    
/** 위쪽방향 화살표 **/
.arw_item img{width:130px}
    
/** 학생체육 기본방향 **/
/*목표*/
.direc_goal{letter-spacing:0}
.direc_goal::before,
.direc_goal::after{display: none}
/*주요 추진 과제*/
.direc_work{gap:20px}
.direc_work .work_bx{width: calc(100% / 2 - 10px)}

/** 조직도 **/
.sport_organize {margin: 50px 0}
/*교육감*/
.sport_organize .topboss_bx{width: 80%; padding: 15px 10px; margin: 0 auto 20px}
.sport_organize .topboss_bx::after{bottom:-22px; height:20px}
/*부교육감*/
.sport_organize .minboss_bx{width: 80%; margin: 0 auto 20px}
.sport_organize .minboss_bx::after{bottom:-20px; height:20px}
/*세부부서*/
.sport_organize .chart_lst{margin: 0}

/** 학생스포츠종합지원센터 운영 **/
/*비전,목표*/
.oper_titbx > p{width: 100%; padding:40px 10px 20px;  margin: -46px auto 20px; font-size: 17px; letter-spacing: 0}
/*목표*/
.oper_goal span.txtbg{width: 35px; height: 35px; line-height: 37px; margin: 0 2px; border-radius:12px}
/*중점방향*/
.point_way{gap:20px; margin-bottom: 20px}
.point_way::after{display: none}
.point_way .way_bx dt{font-size: 16px}
/*추진전략 및 세부과제*/ 
.detail_project{gap:20px}   
.detail_project .project_bx dt{font-size:17px}

/** 오시는길 **/
.sport_map .map_area .root_daum_roughmap .wrap_map {height:300px !important}
/*주소 및 전화*/
.sport_map .map_addbx{display: block}
.map_addbx dl{margin-bottom: 10px}
.map_addbx dl:last-child{margin-bottom: 0}
.map_addbx dl dt{width:130px; padding:6px 10px}
.map_addbx dl dd{width: auto}
/*교통편 안내*/
.sport_map .map_trafficbx{display: block}
.map_trafficbx .traffic_lst{margin-bottom: 10px}

/** 이용약관 동의 **/
.sport_terms .terms_top{background:none; text-align: center}

/** 저작권신고 **/
.sport_copyright{margin-top:0}
.sport_copyright .copy_top{padding-top:60px; margin-bottom: 20px; background-size: 50px}
.sport_copyright .copy_tb{padding: 10px; background:none}

/** 이메일 무단 수집 거부 **/
.sport_email{margin-top: 0}
.sport_email .email_top{padding-top:60px; background-size: 70px}
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}


/**** LOWSET FIX ****/
@media only screen and (max-width:690px) {  
/** 공통항목타이틀 **/
.tit_type{width: 100%; margin-bottom: 15px; font-size: 15px}

/** 학생체육 기본방향 **/
/*목표*/
.direc_goal{position: relative; margin: 25px 0 20px; text-align: center}
.direc_goal .goal_tit{padding-left: 15px; margin-bottom:15px; font-size: 23px}
.direc_goal .goal_tit::before{top:-10px; width:35px; background-size: 35px}     
/*주요 추진 과제*/ 
.direc_work .work_bx{width: 100%}

/** 학교스포츠 클럽 대회 **/
/*대회명*/
.champion_info .champ_titbx{padding: 10px; background:linear-gradient(90deg, #179cd3 , #17b394); color:#fff; font-weight: 600; font-size: 16px; text-align: center}
.champion_info .champ_titbx dl dt{display:block; margin: 0 auto 10px; height: 30px; line-height: 30px;}
/*기간안내*/
.champion_info .champ_date .date_item{margin:13px 0 10px; font-size: 16px}
.champion_info .champ_date .date_txt{padding: 10px; border-radius: 10px; font-size: 13px}
/*세부내용*/
.champion_info .champ_lst{margin: 10px 0 20px}
.champion_info .champ_lst li{display: block; gap:10px; margin-bottom: 5px; padding-bottom: 5px; border-bottom:none} 
.champion_info .champ_lst li p.tit{width: 100%; padding: 5px; margin-bottom: 10px}
.champion_info .champ_lst li p.txt,
.champion_info .champ_lst li div.txt{text-align: center} 
.champion_info .champ_lst a.down_btn{display:block}
.champion_info .champ_lst a.down_btn .link_btn{display: block; width:100%; margin-bottom: 7px; text-align: left} 
/*컨텐츠 하단 버튼*/
.champion_btn{padding-top: 20px; margin:-20px 0 10px} 
.champion_btn a{width:100%; height:auto; line-height:140%; padding:10px 10px 50px; border-radius:10px; font-size: 14px; text-align: center}
.champion_btn a::after{right:inherit; left:2.5%; top:inherit; bottom:10px; width: 95%}
    
}

@media only screen and (max-width:565px) {  
/** 조직도 **/
/*세부부서*/
.sport_organize .chart_lst{display: block} 
.sport_organize .chart_lst::before{display: none}
.sport_organize .depart_bx{width: 100%; margin-bottom: 10px}
.sport_organize .depart_bx ul li:last-child::after{display: block}

/** 오시는길 **/
/*주소 및 전화*/
.map_addbx dl{display: block}
.map_addbx dl dt{width:100%}
.map_addbx dl dd{text-align: center; margin-top: 10px}
/*교통편 안내*/
.map_trafficbx .traffic_lst ul li span{display: block} 
.map_trafficbx .traffic_lst ul li span.tit{display: block; width: 100%}
.traffic_lst ul li span.num{text-align: center}
}