@charset "utf-8";
h4, .blet { margin-top:70px; margin-bottom:20px; padding-left:35px; font-weight:normal; font-size:27px; line-height:130%; background:url('/img/sub/blet.gif') no-repeat left 4px; }
#detail_con>h4:first-child, #detail_con>.blet:first-child{ margin-top:20px; }
.sblet { position:relative; margin-bottom:15px; padding-left:13px; color:#000; font-size:19px; font-weight:400; background:url('/img/sub/sblet.gif') left 5px no-repeat; }
.ssblet { position:relative; margin-top:15px; padding-left:10px; color:#333; font-size:16px; font-weight:400; }
.ssblet:before {position:absolute; left:0; top:8px; width:3px; height:3px; background:#ed7300; content:''; }
.ssblet>ul>.sssblet:first-child { margin-top:10px; }
.sssblet { position:relative; margin-top:6px; padding-left:10px; color:#666; font-size:14px !important; font-weight:400; }
.sssblet:before { position:absolute; left:0; top:10px; width:5px; height:1px; background:#777; content:''; }
.ssssblet { position:relative; margin-top:5px; padding-left:8px; color:#666; font-size:14px !important; font-weight:400; }
.ssssblet:before { position:absolute; left:0; top:12px; width:2px; height:2px; background:#777; content:''; }

.gourl { margin-right:3px; padding-right:15px; font-weight:600; color:#de3131 !important; background:url('/img/sub/ic_gourl.gif') right 4px no-repeat; text-decoration:underline !important; }
.gourl2 { margin-right:3px; padding-right:15px; font-weight:600; background:url('/img/sub/ic_gourl_gray.gif') right 4px no-repeat; text-decoration:underline !important; }
.sfont { font-size:14px; color:#5f5f5f; }
.normal { font-size:15px; }
.listBox>li {margin-top:10px;}

.conbtnBox { text-align:center; margin-top:40px; }
.conbtn, .consbtn { position:relative; display:inline-block; padding:15px 95px 15px 30px; font-weight:bold; color:#fff !important; background-color:#488f12; text-decoration:none !important; transition:.3s; }
.conbtn:before, .consbtn:before { position:absolute; right:30px; top:50%; margin-top:-7px; width:16px; height:14px; background:url('/img/contents/conbtn_arr.gif'); content:''; transition:.3s; }
.conbtn:hover:before { right:65px; transition:.3s; }
.conbtn.down { padding:15px 60px 15px 30px !important; }
.conbtn.down:before, .consbtn.down:before { width:17px; height:15px; background:url('/img/contents/conbtn_down.gif'); }
.conbtn.down:hover:before { right:30px; top:60%; }
.consbtn { padding:5px 45px 5px 20px; border-radius:30px; }
.consbtn:before { right:15px; top:48%; }
.consbtn.down:hover:before { right:15px; top:60%; }

.para01 { margin-left:22px; margin-top:40px; } /** blet - sblet **/
.para02 { margin-left:13px; margin-top:20px; } /** sblet - ssblet **/
.para03 { margin-left:18px; margin-top:30px; margin-bottom:18px; }/** blet - ssblet **/
.para03_2 .ssblet {margin-top:30px; }/** blet - ssblet 반복 **/

h4+.datatable { margin-top:30px; }
.sssblet>.datatable { margin-top:10px; margin-bottom:20px; }
.datatable { margin-top:20px; }
.datatable table.data { position:relative; text-align:center; width:100%; padding-top:3px; }
.datatable table.data:before { position:absolute; left:0; top:0; width:100%; height:3px; background:#FFF url('/img/sub/table_bg.gif') repeat-y; background-size:100%; content:''; }
.datatable table.data thead th, .datatable table.data tbody th, .datatable table.data tbody td { padding:20px 1%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.datatable table.data thead th:first-child, .datatable table.data tbody th, .datatable table.data tbody td:first-child { border-left:none; }
.datatable table.data thead th { font-size:17px; background-color:#f7f7f7; }
.datatable table.data tbody th, .datatable table.data tbody td { font-size:16px; }
.datatable table.data .line { border-right:1px solid #ddd; }
.datatable table.data ul { text-align:left; }
.datatable table.data ul li:first-child { margin-top:0; }
.datatable table.data tbody td p.ssblet { margin-top:0; }
.datatable table.data tbody .bg { background-color:#f5f5f5; }
.datatable.no_head table.data tbody .tit { font-weight:bold; font-size:17px; background-color:#f7f7f7; }
.datatable table.mini th, .datatable table.mini td { padding:5px !important; font-size:14px !important; }

ol.step { overflow:hidden; width:100%; }
ol.step li { float:left; width:33.3%; counter-increment:step; }
ol.step.col4 li { width:25%; }
ol.step li dt, ol.step li .tit { position:relative; text-align:center; margin-bottom:25px; padding:20px 1%; font-size:17px; font-weight:600; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.5); }
ol.step li dt.num { padding:18px 1%; font-size:20px; font-weight:400; }
ol.step li dt span, ol.step li .tit span { position:relative; padding-left:35px; }
ol.step li dt span:after, ol.step li .tit span:after { position:absolute; top:-2px; left:0; font-size:20px; font-weight:400; content:'0'counter(step); }
ol.step li:nth-child(3n+1) .tit, ol.step li:nth-child(3n+1) .tit:before,
ol.step li:nth-child(3n+1) dt, ol.step li:nth-child(3n+1) dt:before { background-color:#488f12; }
ol.step li:nth-child(3n+2) .tit, ol.step li:nth-child(3n+2) .tit:before,
ol.step li:nth-child(3n+2) dt, ol.step li:nth-child(3n+2) dt:before { background-color:#7e9d02; }
ol.step li:nth-child(3n+3) .tit,
ol.step li:nth-child(3n+3) dt { background-color:#dd7c00; }
ol.step li:nth-child(4) .tit, ol.step li:nth-child(4) .tit:before,
ol.step li:nth-child(4) dt, ol.step li:nth-child(4) dt:before { background-color:#7e9d02; }
ol.step li:nth-child(5) .tit, ol.step li:nth-child(5) .tit:before,
ol.step li:nth-child(5) dt, ol.step li:nth-child(5) dt:before { background-color:#dd7c00; }
ol.step li:nth-child(6) .tit ,
ol.step li:nth-child(6) dt { background-color:#488f12; }
ol.step.col4 li:nth-child(3n+1) dt, ol.step.col4 li:nth-child(4) dt { background-color:#488f12; }
ol.step.col4 li:nth-child(4) dt:before { background-color:transparent; }
ol.step.col4 li:nth-child(3n+3) dt:before { background-color:#dd7c00; }

ol.step li dd { text-align:center; width:80%; margin:0 auto 20px auto; line-height:150%; }
ol.step li dd .sfont { font-size:14px; color:#5f5f5f; }

#detail_con h4+.con_box, #detail_con .con_box:first-child { margin-top:20px; padding:30px; }
#detail_con .con_box { padding:15px 20px; font-size:16px; background-color:#f5f5f5; line-height:150%; }
#detail_con .con_box.board_top { margin-top:-41px; margin-bottom:30px; }

#detail_con .photo { position:relative; display:inline-block; margin:0; padding:0; line-height:0; }
#detail_con .photo:before { position:absolute; left:2.5%; top:3%; width:95%; height:93%; border:1px solid rgba(255,255,255,.5); content:''; }
#detail_con .photo.wide:before { top:3%; left:2%; width:96%; height:93%; }
#detail_con h4+.con_link { margin-top:30px; }
#detail_con .con_link { position:relative; overflow:hidden; padding:5% 10%; width:100%; border-bottom:1px solid #ddd; background:#f9f9f9; }
#detail_con .con_link:before { position:absolute; left:0; top:0; width:100%; height:3px; background:url('/img/sub/table_bg.gif') repeat-y; background-size:100%; content:''; }
#detail_con .con_link .img { float:left; overflow:hidden; margin-right:5%; width:313px; height:211px; box-shadow:0 5px 20px rgba(0,0,0,.1); }
#detail_con .con_link .con { padding-top:4%; }
#detail_con .con_link .txt { color:#666; }
#detail_con .con_link .tit { margin-top:1%; margin-bottom:5%; font-size:22px; font-weight:bold; }

#login { text-align:center; }
#login .tit { padding-top:145px; margin-bottom:30px;  background:url('/img/contents/ic_login01.jpg') no-repeat center top; font-size:30px; font-weight:bold; }
#login .sub { padding:0 10px; word-break:keep-all; font-size:16px; line-height:150%; }
#login .sub span { display:block; }
#login .login_btn { margin:30px 0 10px 0; }
#login .login_btn input { display:inline-block; padding:15px 40px; background:#333; color:#fff; border:0; text-align:center; font-size:16px; }
#login .login_btn input:hover { color:#fff; background:#2a9ad5; font-weight:bold; }

#detail_con .government dl { overflow:hidden; min-height:280px; margin-bottom:5%; padding-top:2%; }
#detail_con .government dl dt { position:relative; margin-bottom:25px; padding-bottom:25px; padding-left:10px; font-size:22px; border-bottom:3px solid #e8e8e8; }
#detail_con .government dl dt:before { position:absolute; right:0; bottom:-3px; width:48px; height:3px; background:url('/img/contents/government_line.gif'); content:'' }
#detail_con .government dl dd { margin-bottom:2%; padding-left:10px; font-size:17px; line-height:150%; }
#detail_con .government dl dd span { display:inline-block; min-width:13%; font-weight:bold; }

#detail_con .photo_box { position:relative; overflow:hidden; }
#detail_con .photo_box.bg:after, #detail_con .photo_box.bg:before { position:absolute; content:''; }
#detail_con .photo_box.bg:after { left:0; bottom:0; width:100%; height:80%; background:#f5f5f5; z-index:-2; }
#detail_con .photo_box.bg:before { right:0; top:20%; border-top:30px solid #ff6711; border-left:30px solid transparent; z-index:-1; }
#detail_con .photo_box .img { position:relative; z-index:9; }
#detail_con .photo_box .img .tit { display:block; text-align:center; padding:20px; color:#fff; font-weight:bold; font-size:16px; background-color:#488f12; z-index:9; }
#detail_con .photo_box .img .photo { display:block; }
#detail_con .photo_box .con { margin-top:25px; z-index:9; }
#detail_con .photo_box .con .tit { margin-bottom:40px; font-size:29px; font-weight:500; color:#488f12; line-height:150%; }
#detail_con .photo_box .con dl { display:table; overflow:hidden; margin-bottom:4%; width:100%; }
#detail_con .photo_box .con dl dt, #detail_con .photo_box .con dl dd { display:table-cell; font-size:17px; line-height:150%; }
#detail_con .photo_box .con dl dt { width:20%; font-weight:bold; }
#detail_con .photo_box .con dl dd { margin-left:10%; width:70%; }
#detail_con .photo_box .con dl dd .sssblet { line-height:130%; }
#detail_con .photo_box .con dl dd ul li { line-height:19px; }

#detail_con .present  { margin-top:40px; }
#detail_con .present .img  { text-align:center; }

#detail_con .soccer_ready { padding:300px 0 100px 0; text-align:center; background:url('/img/contents/ready_bg.jpg') no-repeat center top; }
#detail_con .soccer_ready .tit { font-size:30px; }
#detail_con .soccer_ready .tit span { color:#488f12; font-weight:600; }
#detail_con .soccer_ready .sub { margin:20px 0 40px 0; color:#777; font-size:16px; }

#detail_con.introduction_all { overflow:hidden; }
#detail_con.introduction_all .introduction { overflow:unset; }
#detail_con .introduction { overflow:hidden; }
#detail_con .introduction li { overflow:hidden; position:relative; margin:1%; border:1px solid #e5e5e5; box-sizing:border-box; }
#detail_con .introduction li .img { height:250px; }
#detail_con .introduction li .img img { min-height:250px; }
#detail_con .introduction li dl { overflow:hidden; position:absolute; left:0; bottom:-200%; padding:100% 10% 10%; width:100%; color:#fff; background-color:rgba(0,0,0,.6); transition:.8s; opacity:0; z-index:2; }
#detail_con .introduction li.on dl { display:block; bottom:0; transition:.4s; opacity:1; }
#detail_con .introduction li dl dt { margin-bottom:30px; font-size:22px; font-weight:bold; }
#detail_con .introduction li dl dd { display:table; margin-top:10px; width:100%; }
#detail_con .introduction li dl dd span { display:table-cell; font-weight:bold; width:80px; }

#detail_con .organization { padding:50px; background:#f8f8f8; }
#detail_con .organization .rank1 { position:relative; margin:0 auto; padding-top:60px; width:150px; height:150px; border-radius:100%; color:#fff; background:#2192cd; font-size:17px; font-weight:bold; text-align:center;}
#detail_con .organization .rank1:after { position:absolute; z-index:1; content:''; left:50%; bottom:-120px; width:1px; height:120px; background:#ccc; }
#detail_con .organization .rank2 { position:relative; margin:0 auto; padding-top:30px; }
#detail_con .organization .rank2>ul>li>p { padding-top:18px; width:20%; height:57px; background:#6c9f1e; border-radius:300px; color:#fff; font-size:17px; font-weight:bold; text-align:center; }
#detail_con .organization .rank2>ul>li:first-child { position:absolute; z-index:1; left:0; top:30px; width:50%; }
#detail_con .organization .rank2>ul>li:first-child:before { position:absolute; z-index:-1; content:''; right:0; top:50%; width:50%; height:1px; background:#ccc; }
#detail_con .organization .rank2>ul>li:first-child>p { margin:0 auto; width:40%; }
#detail_con .organization .rank2>ul>li:nth-child(2)>p { margin:90px auto 0 auto; }
#detail_con .organization .rank2>ul>li:nth-child(3) { position:absolute; z-index:1; right:0; top:30px; width:50%; }
#detail_con .organization .rank2>ul>li:nth-child(3):before { position:absolute; z-index:-1; content:''; left:0; top:50%; width:50%; height:1px; background:#ccc; }
#detail_con .organization .rank2>ul>li:nth-child(3)>p { margin:0 auto; width:40%; }
#detail_con .organization .rank3 { overflow:hidden; position:relative; padding-top:80px; text-align:center;  }
#detail_con .organization .rank3:before { position:absolute; z-index:1; content:''; left:50%; top:0; width:1px; height:80px; background:#ccc; }
#detail_con .organization .rank3:after { position:absolute; z-index:1; content:''; left:10%; top:40px; width:80%; height:1px; background:#ccc; }
#detail_con .organization .rank3>li { position:relative; float:left; margin:0 0.5%; padding-top:17px; width:19%; height:215px; color:#000; background:#e5e5e5; font-weight:bold; text-align:center; }
#detail_con .organization .rank3>li:before { position:absolute; z-index:1; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ccc; }
#detail_con .organization .rank3>li:nth-child(3):before { display:none; }
#detail_con .organization .rank3>li ul{padding:15px 3px 10px 20px}
#detail_con .organization .rank3>li ul li { text-align:left; margin:2px; font-size:15px; font-weight:normal; }

#detail_con .ci_box { overflow:hidden; text-align:center; margin-top:20px; border:1px solid #ddd; line-height:0; }
#detail_con .ci_box img, #detail_con .ci_color img { max-width:100%; }
#detail_con .ci_box.grid { padding:60px 0; background:url('/img/contents/ci_grid.gif'); }
#detail_con .ci_box.grid li { float:left; margin:0 1%; width:31.3%; text-align:center; }
#detail_con .ci_color, #detail_con .ci_area { overflow:hidden; }
#detail_con .ci_color li,
#detail_con .ci_area li { float:left; text-align:center; margin:20px 1%; }
#detail_con .ci_area li { width:25%; }
#detail_con .ci_area li:nth-child(1) { margin-top:85px; }
#detail_con .ci_area li:nth-child(2) { margin-top:60px; }
#detail_con .ci_area li:nth-child(3) { width:44%; }

#detail_con .history { overflow:hidden; }
#detail_con .history>div { position:relative; float:left; width:33.3%; }
/* #detail_con .history>div.year2018 { float:right; } */
#detail_con .history>div h5 { position:relative; text-align:center; margin:4% 0px; padding:90px 0px 7%; font-size:40px; color:#365898; background:url('/img/contents/history.gif')no-repeat center top; border-bottom:3px solid #333; }
#detail_con .history>div h5:before, 
#detail_con .history>div h5:after { display:block; content:''; position:absolute; width:3px; height:9px; bottom:-6px; background:#333; }
#detail_con .history>div.year2017 h5:before { right:0px; }
#detail_con .history>div.year2018 h5:before { left:-3px; }
#detail_con .history>div.year2019 h5:before { left:-3px; }
#detail_con .history>div.year2017 h5:after { left:0px; }
#detail_con .history>div.year2018 h5:after { right:0px; }
#detail_con .history>div.year2019 h5:after { right:0px; }
#detail_con .history>div dl { overflow:hidden; position:relative; margin:10% 0px; }
#detail_con .history>div.year2017 dl { margin-right:5%; }
#detail_con .history>div.year2018 dl { margin-left:5%; }
#detail_con .history>div dl dt { position:absolute; font-size:25px; color:#222; }
#detail_con .history>div dl dd { padding-top:7px; padding-left:80px; font-size:16px; }
#detail_con .history>div dl dd ul li { position:relative; margin-top:8px; padding-left:10px; }
#detail_con .history>div dl dd ul li:first-child { margin-top:0px; }
#detail_con .history>div dl dd ul li:before { position:absolute; left:0; top:10px; width:5px; height:1px; background:#777; content:''; }
#detail_con .history>div dl dd ul.grayBg { margin-top:15px; padding:20px; font-size:15px; background:#eee; }
#detail_con .history_purpose { position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; margin-bottom:5%; padding:5% 0%; background:#f5f5f5; }
#detail_con .history_purpose:after { display:block; content:''; position:absolute; left:50%; top:10%; width:1px; height:80%; background:#ccc; }
#detail_con .history_purpose>li { float:left; text-align:center; padding:180px 5% 0px; width:50%; font-size:18px; line-height:150%; background-repeat:no-repeat; background-position:center top; }
#detail_con .history_purpose>li.ic01 { background-image:url('/img/contents/history_purpose01.gif'); }
#detail_con .history_purpose>li.ic02 { background-image:url('/img/contents/history_purpose02.gif'); }
#detail_con .history_purpose>li>p.sfont { font-size:.9em; }
#detail_con .vision { text-align:center; }
#detail_con .vision>div { margin-top:3%; }
#detail_con .vision>div h5 { display:inline-block; position:relative; padding:45px 0px; width:250px; font-size:32px; font-weight:normal; }
#detail_con .vision>div h5:after { display:block; content:''; position:absolute; bottom:0px; left:35%; width:30%; height:2px; background:#222; }
/*#detail_con .vision .type01 { display:inline-block; padding:0px 8%; border-radius:500px; font-size:34px; font-weight:bold; }
#detail_con .vision .type01 p { padding:50px 0px 55px;  }
#detail_con .vision .vision01 { background:#d3417b; }
#detail_con .vision .vision01 p { color:#FFF; }
#detail_con .vision .vision02 { border:5px solid #8fc43c; box-sizing:border-box; }
#detail_con .vision .vision02 p { color:#648929; } */
#detail_con .vision .type01 { margin:auto; max-width:820px; padding:30px 10px; border:7px solid #eee; border-radius:600px; }
#detail_con .vision .type01:after { display:block; content:''; clear:both; }
#detail_con .vision .type01>div { position:relative; float:left; width:390px; max-width:50%; height:390px; border-radius:600px;  box-shadow:0px 2px 3px rgba(0,0,0,.1) }
#detail_con .vision .type01>div.vision01 { left:30px; background:rgba(211,65,123,.5); }
#detail_con .vision .type01>div.vision02 { left:-30px;  background:rgba(143,196,61,.5); }
#detail_con .vision .type01>div p { position:absolute; right:0px; left:0px; margin:17% auto; width:55%; font-size:23px; word-break:keep-all; }
#detail_con .vision .type01>div.vision01 p { padding-right:5%; }
#detail_con .vision .type01>div.vision02 p { padding-left:5%; }
#detail_con .vision .type02 { background:#eee; border-radius:5px; }
#detail_con .vision .type02 p.txt { padding:40px 30px 50px; font-size:20px; }
#detail_con .vision .type02 p.txt.white { color:#fff; }
#detail_con .vision .type02 ul { overflow:hidden; padding:1% 2% 1%; }
#detail_con .vision .type02 ul li { position:relative; float:left; margin:3% 0px 3%; width:20%; font-size:20px;  line-height:140%; }
#detail_con .vision .vision03 ul li { padding:120px 0px 20px;background-repeat:no-repeat; background-position:center 20px;  border-left:1px solid #ccc; }
#detail_con .vision .vision03 ul li { font-weight:bold; }
#detail_con .vision .vision03 ul li:first-child { border-left:0px; }
#detail_con .vision .vision03 ul li.ic01 { background-image:url('/img/contents/vision01.gif'); }
#detail_con .vision .vision03 ul li.ic02 { background-image:url('/img/contents/vision02.gif'); }
#detail_con .vision .vision03 ul li.ic03 { background-image:url('/img/contents/vision03.gif'); }
#detail_con .vision .vision03 ul li.ic04 { background-image:url('/img/contents/vision04.gif'); }
#detail_con .vision .vision03 ul li.ic05 { background-image:url('/img/contents/vision05.gif'); }
#detail_con .vision .vision03 ul li span {display:inline-block; margin-top:10px; color:#2a9ad5; font-size:1.2em;}
#detail_con .vision .vision04 { position:relative; margin-top:40px; background:url('/img/contents/vision_bg.gif'); }
#detail_con .vision .vision04.target { background-image:url('/img/contents/target_bg.gif'); }
#detail_con .vision .vision04:after { display:block; content:''; position:absolute; left:0px; top:-30px; width:100%; height:30px; background:url('/img/contents/vision_arr.gif') no-repeat center top; }
#detail_con .vision>.vision04 h5 { color:#fff; }
#detail_con .vision>.vision04 h5:after { background:#fff; }
#detail_con .vision .vision04.type02 ul li {width:25%; color:#fff; }
#detail_con .vision .vision04 li:after { display:block; content:''; position:absolute; top:20px; left:-15px; width:30px; height:30px; background:url('/img/contents/vision_plus.png') no-repeat center center; }
#detail_con .vision .vision04 ul li:first-child:after { display:none; }
#detail_con .vision .vision04 ul li:first-child:after { display:none; }
#detail_con .vision .vision04 .img {margin-top:-10px;}
/* 경영목표/information/notice/target.jsp */
#detail_con .vision .vision05 { background:#fff; }
#detail_con .vision .vision05 h5 { padding:30px 0px; width:100%; z-index:1; }
#detail_con .vision .vision05 h5:before { display:inline-block; content:''; position:absolute; left:50%; transform:translateX(-50%); width:200px; height:50px; background:#fff; z-index:-1; }
#detail_con .vision .vision05 h5:after { left:0px; top:55%; transform:translateY(-50%); width:100%; height:2px; background:#ddd; z-index:-2; }
#detail_con .vision .vision05 ul{overflow:hidden}
#detail_con .vision .vision05>ul>li { float:left; width:23.5%; margin-left:2%; }
#detail_con .vision .vision05>ul>li:first-child { margin-left:0px; }
#detail_con .vision .vision05>ul ul {min-height:150px; padding:5% 10%; border:1px solid #ddd; }
#detail_con .vision .vision05>ul ul li {text-align:left; margin:10px 0px; width:100%; font-size:15px; }

#detail_con .traction .bus { background:url('/img/contents/traction_bus.gif') left 10px no-repeat; }
#detail_con .traction .subway { background:url('/img/contents/traction_subway.gif') left 10px no-repeat; }
#detail_con .traction dl { padding:15px 0 15px 80px; }
#detail_con .traction dl:first-child { margin-top:30px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd; }
#detail_con .traction dt { font-weight:bold; font-size:17px; }
#detail_con .traction dd { margin-top:10px; }
#detail_con .traction_search { padding:60px 10%; text-align:center; background:#f5f5f5;}
#detail_con .traction_search ul { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d5d5d5; }
#detail_con .traction_search div.insert p.point { margin-top:10px; font-size:14px; color:#e8307a; }
#detail_con .traction_search div.insert p.title { position:relative; display:block; padding-top:80px; margin-bottom:10px; font-size:16px; font-weight:bold; }
#detail_con .traction_search div.insert p.title:before {display:block; content:""; position:absolute; left:50%; top:10px; width:100px; height:100px; margin-left:-32px; background:url('/img/main/mainlink_ic.gif') no-repeat; top:5px; margin-left:-50px; background-position:-286px -288px;}
#detail_con .traction_search div.insert input[type="text"] { height:40px; padding:8px 15px; border:1px solid #aaa; background:#eee; }
#detail_con .traction_search div.insert input[type="submit"] { height:40px; margin-left:-1px; padding:11px 25px; color:#fff; border:0; background:#365898; }

#detail_con .guidance li { margin-bottom:10px; }
#detail_con .guidance dl { position:relative; padding:3px; }
#detail_con .guidance dl:before,
#detail_con .guidance dl:after { position:absolute; width:100%; height:100%; content:''; opacity:0; transition:.5s; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); box-sizing:border-box; z-index:-1; }
#detail_con .guidance dl:before { top:0; left:0; border-top:3px solid #488f12; border-left:3px solid #488f12; transform-origin:0 0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; }
#detail_con .guidance dl:after { right:0; bottom:0; border-right:3px solid #488f12; border-bottom:3px solid #488f12; transform-origin:100% 100%; -ms-transform-origin:100% 100%; -webkit-transform-origin:100% 100%; }
#detail_con .guidance dl:hover:before,
#detail_con .guidance dl.on:before,
#detail_con .guidance dl:hover:after,
#detail_con .guidance dl.on:after { opacity:1; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); }
#detail_con .guidance dt { position:relative; padding:20px 80px 20px 50px; font-size:17px; background-color:#f2f2f2; cursor:pointer; }
#detail_con .guidance dt:before { position:absolute; top:50%; right:42px; margin-top:-2px; width:20px; height:3px; background-color:#333; content:'';  z-index:9; transition:.3s; }
#detail_con .guidance dt:after { position:absolute; top:50%; right:50px; margin-top:-10px; width:3px; height:20px; background-color:#333; content:''; transition:.3s; }
#detail_con .guidance dt:hover,
#detail_con .guidance dl.on dt { font-weight:bold; color:#488f12; background-color:#fff; }
#detail_con .guidance dt:hover:before,
#detail_con .guidance dl.on dt:before { background-color:#488f12; }
#detail_con .guidance dt:hover:after,
#detail_con .guidance dl.on dt:after { background-color:#fff; }
#detail_con .guidance dd { display:none; padding:30px 50px; background-color:#f8f8f8; }

#detail_con .guidance table.left>tbody>tr>td.wfont { background-color:#fff; }
#detail_con .guidance table.left>tbody>tr>td:first-child { text-align:left; }

#detail_con .facility { position:relative; margin-top:120px; background-color:#f0f0f0; }
#detail_con .facility:before { position:absolute; left:50%; top:-60px; margin-left:-68px; width:145px; height:145px; background-repeat:no-repeat; content:''; }
#detail_con .facility01:before { background-image:url('/img/contents/facility_ic01.gif'); }
#detail_con .facility02:before { background-image:url('/img/contents/facility_ic02.gif'); }
#detail_con .facility03:before { background-image:url('/img/contents/facility_ic03.gif'); }
#detail_con .facility04:before { background-image:url('/img/contents/facility_ic04.gif'); }
#detail_con .facility>dl { text-align:center; }
#detail_con .facility>dl>dt { padding-top:110px; font-size:24px; font-weight:bold; color:#2a9ad5; }
#detail_con .facility>dl>dd { margin-top:5px; font-size:22px; color:#555; }
#detail_con .facility>ul { overflow:hidden; padding:2% 4% 4% 4%; }
#detail_con .facility>ul>li { margin:1%; }
#detail_con .facility>ul>li>a { position:relative; display:block; padding:10%; border:1px solid #ddd; background-color:#fff ; box-sizing:border-box; transition:ease-in .3s; }
#detail_con .facility>ul>li.line2>a {padding:7.9% 10%;}
#detail_con .facility>ul>li>a:hover { border:1px solid #aaa; text-decoration:none; }
#detail_con .facility>ul>li>a:after { position:absolute; right:10%; top:0; width:35px; height:100%; background:url('/img/contents/facility_off.gif') center no-repeat; content:''; }
#detail_con .facility>ul>li>a:hover:after { background-image:url('/img/contents/facility_on.gif'); animation:bounce .8s 1; -moz-animation:bounce .8s 1; -webkit-animation:bounce .8s 1; }
@keyframes bounce { 
	50% { transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -webkit-transform:translateY(10px); } 
}
#detail_con .facility>ul>li>a .tit { position:relative; font-weight:bold; font-size:17px; letter-spacing:-1px; text-shadow:2px 1px #fff; z-index:9; }
#detail_con .facility>ul>li>a:hover .tit { color:#2a9ad5; }
#detail_con .facility>ul>li>a .txt { display:block; margin-top:10px; font-size:16px; }

#detail_con .greeting .img { position:relative; }
#detail_con .greeting .img .txt { position:absolute; top:50%; left:10%; margin-top:-59px; z-index:99; }
#detail_con .greeting .img .txt:after { position:absolute; left:-58px; top:50%; margin-top:-124px; width:422px; height:248px; background-color:rgba(255,255,255,.9); content:''; z-index:-1; }
#detail_con .greeting .img .txt:before { position:absolute; left:-68px; top:50%; margin-top:-134px; width:442px; height:268px; background-color:rgba(255,255,255,.3); content:''; z-index:-1; }
#detail_con .greeting .con_tit { margin-top:50px; margin-bottom:30px; font-size:20px; font-weight:bold; }
#detail_con .greeting .con_txt { overflow:hidden; }
#detail_con .greeting .con_txt div p { margin-bottom:5%; font-size:17px; line-height:160%; letter-spacing:-.4px; }
#detail_con .greeting .name { text-align:right; }
#detail_con .greeting .name img { vertical-align:middle; margin-left:10px; }

#detail_con .service { margin:0 auto; padding:50px; background:#f5f5f5; }
#detail_con .service>div { position:relative; margin:0 auto; padding:50px; background:url('/img/contents/service_bg.gif')repeat-y center; background-size:100%; }
#detail_con .service>div:before, #detail_con .service>div:after { position:absolute; left:0; width:100%; height:85px; background-position:center top; background-repeat:no-repeat; background-size:100%; content:''; }
#detail_con .service>div:before { top:0; background-image:url('/img/contents/service_tbg.gif'); }
#detail_con .service>div:after { bottom:0; background-color:#f5f5f5; background-image:url('/img/contents/service_bbg.gif'); }
#detail_con .service>div>p.tit { margin-top:35px; color:#000; font-weight:400; font-size:40px; }
#detail_con .service>div>p.wfont { margin-bottom:35px; color:#000; }
#detail_con .service>div>p { margin-top:35px; color:#444; text-align:center; font-size:17px; }
#detail_con .service ul { margin:50px 40px; padding:40px 10px 0 10px; border-top:1px solid #cfcfcf; }
#detail_con .service ul li { overflow:hidden; margin-bottom:30px; font-size:16px; }
#detail_con .service ul li p.point { float:left; min-width:45px; width:7%; color:#f05700; font-weight:bold; }
#detail_con .service ul li p { float:left; width:92%; }

#detail_con .guide li { margin-bottom:50px; padding-top:50px; border-top:1px solid #ddd; }
#detail_con .guide li:first-child { border-top:none; }
#detail_con .guide .guide01 dl { background-image:url('/img/contents/guide01.gif'); }
#detail_con .guide .guide02 dl { background-image:url('/img/contents/guide02.gif'); }
#detail_con .guide .guide03 dl { background-image:url('/img/contents/guide03.gif'); }
#detail_con .guide li dl dt { margin-bottom:20px; color:#1d8bc5; font-size:20px; font-weight:bold; }
#detail_con .guide li dl dd { font-size:16px; }
#detail_con .guide li dl, 
#detail_con .main_contents>div { min-height:191px; background-repeat:no-repeat; }
#detail_con .main_contents>div.main_contents01 { background-image:url('/img/contents/main_contents01.gif'); }
#detail_con .main_contents>div.main_contents02 { background-image:url('/img/contents/main_contents02.gif'); }
#detail_con .main_contents>div.main_contents03 { background-image:url('/img/contents/main_contents03.gif'); }
#detail_con .main_contents>div.main_contents04 { background-image:url('/img/contents/main_contents04.gif'); }
#detail_con .main_contents>div.main_contents05 { background-image:url('/img/contents/main_contents05.gif'); }

#detail_con .declaration_box { overflow:hidden; text-align:center; margin-bottom:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#detail_con .declaration_box li { display:block; float:left; width:50%; padding:20px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; }

.ordinance table.data tbody .tit { color:#000; }
.ordinance td { font-size:16px; }
.ordinance tbody>tr>td:nth-child(1), .ordinance tbody>tr>td:nth-child(4) { color:#f05700; font-weight:bold; }

/* 지도서비스 */
#detail_con.map { position:fixed; padding:0px; margin:0px; width:100%; height:100%; overflow:hidden; }
#detail_con.map p.logo { padding:10px 0px 15px; border-bottom:1px solid #2a9ad5; text-align:center; }
#detail_con.map p.logo span:not(.note) { display:block; width:500px; margin:0 auto; background:url(/img/contents/map/logo.gif) no-repeat left center; font-size:24px; line-height:40px; }
#detail_con.map p.logo span.note {font-size:13px; color:#c55; letter-spacing:-1px;}
#detail_con.map div.map_search { position:absolute; padding:13px 0 14px; width:350px; text-align:center; background:#fff; border-bottom:1px solid #aaa; border-right:1px solid #aaa; z-index:3; }
#detail_con.map div.map_search .form { margin:0px auto; width:50%; max-width:100%; min-width:350px; text-align:center; }
#detail_con.map div.map_search .form input[type=text] { padding:10px; width:70%; border:1px solid #ccc; border-right:0px; }
#detail_con.map div.map_search .form input[type=submit] { padding:8px 10px 7px; width:20%; height:37.5px; border:0px solid #3c4449; background:#3c4449; color:#fff; font-weight:bold; font-size:17px; cursor:pointer; }
#detail_con.map div.map_menu { position:absolute; left:0px; margin-top:65px; width:150px; height:100%; background:#2a9ad5; z-index:2; }
#detail_con.map div.map_menu ul { height:100%; }
#detail_con.map div.map_menu ul li { padding:20px 0; border-bottom:1px solid #157fb6; }
#detail_con.map div.map_menu ul li a { position:relative; display:block; padding-top:100px; letter-spacing:-1px; text-align:center; font-size:16px; color:#fff; }
#detail_con.map div.map_menu ul li a:after {display:block; content:""; position:absolute; left:50%; top:20px; width:100px; height:100px; margin-left:-32px; background:url('/img/icon_is.png') no-repeat;}
#detail_con.map div.map_menu ul li.ic01 a:after {background-position:-200px top;}
#detail_con.map div.map_menu ul li.ic02 a:after {background-position:-300px top;}
#detail_con.map div.map_menu ul li.ic03 a:after {background-position:-100px top;}
#detail_con.map div.map_menu ul li.ic04 a:after {background-position:left top;}
#detail_con.map div.map_cate { position:absolute; left:150px; padding-right:20px; margin-top:65px; width:200px; height:100%; background:#fff; z-index:2; border-right:1px solid #aaa; }
#detail_con.map div.map_cate div.catearea { position:relative; padding-bottom:20%; height:80%; overflow:auto;; }
#detail_con.map div.map_cate div.para01 { margin-left:20px; }
#detail_con.map div.map_cate p.cate_more { margin-top:20px; }
#detail_con.map div.map_cate p.cate_more a { display:block; text-align:center; }

.masking { display:inline-block; vertical-align:middle; margin-right:2px; color:#222; line-height:16px; letter-spacing:2px; background:#222; }

#detail_con .guideline { position:relative; margin-top:120px; background-color:#f0f0f0; }
#detail_con .guideline:before { position:absolute; left:50%; top:-60px; margin-left:-68px; width:145px; height:145px; background:url('/img/contents/guideline.gif') no-repeat; content:''; }
#detail_con .guideline>div { text-align:center; }
#detail_con .guideline>div>p.tit { padding-top:110px; font-size:24px; font-weight:bold; color:#2a9ad5; }
#detail_con .guideline>div>p.txt { margin-top:5px; font-size:22px; color:#555; }
#detail_con .guideline>ul { overflow:hidden; padding:2% 4% 4% 4%; }
#detail_con .guideline>ul>li { margin:1%; }
#detail_con .guideline>ul>li>a { position:relative; display:block; padding:10%; border:1px solid #ddd; background-color:#fff ; box-sizing:border-box; transition:ease-in .3s; }
#detail_con .guideline>ul>li.line2>a {padding:7.9% 10%;}
#detail_con .guideline>ul>li>a:hover { border:1px solid #aaa; text-decoration:none; }
#detail_con .guideline>ul>li>a:after { position:absolute; right:10%; top:0; width:35px; height:100%; background:url('/img/contents/guideline_off.gif') center no-repeat; content:''; }
#detail_con .guideline>ul>li>a:hover:after { background-image:url('/img/contents/guideline_on.gif'); animation:bounce .8s 1; -moz-animation:bounce .8s 1; -webkit-animation:bounce .8s 1; }
#detail_con .guideline>ul>li>a .tit { position:relative; font-weight:bold; font-size:17px; letter-spacing:-1px; text-shadow:2px 1px #fff; z-index:9; }
#detail_con .guideline>ul>li>a:hover .tit { color:#2a9ad5; }
#detail_con .guideline>ul>li>a .txt { display:block; margin-top:10px; font-size:16px;}


/*pc*/
@media all and (min-width:801px) { 
	.pc_hidden, .pc_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }	
	.pc_block { display:block; }
	ol.step li dd span { display:block; }
	ol.step li .tit:before, ol.step li dt:before { position:absolute; right:-25px; top:0; width:60px; height:100%; border-radius:0 60px 60px 0; content:''; z-index:99; }
	ol.step li:nth-child(3n+1) .tit,
	ol.step li:nth-child(3n+1) dt { border-radius:30px 0 0 30px; }
	ol.step li:nth-child(3n+3) .tit,
	ol.step li:nth-child(3n+3) dt,
	ol.step.col4 li:nth-child(4) dt { border-radius:0 30px 30px 0; }
	ol.step li dd { min-height:120px; }

	#detail_con .h4_btn { text-align:right; margin-bottom:40px; margin-top:-60px; }

	#detail_con .con_link~.float_box { margin-left:0; } /** con_link - float_box **/
	#detail_con h4+.float_box { margin-top:40px; }
	#detail_con .float_box, #detail_con ul.float_box { display:table; width:100%; margin-top:60px; margin-left:15px; }
	#detail_con ul.float_box { margin-left:18px; margin-top:30px; }
	#detail_con .con_box.board_top .float_box { margin-top:0; margin-left:0; }
	#detail_con .float_box>div,#detail_con ul.float_box>li { display:table-cell; width:48%; }
	#detail_con .float_box>div:first-child, #detail_con ul.float_box>li:first-child { padding-right:4%; }
	#detail_con .float_box.col3>div {width:32.3%; }

	#detail_con .government .photo { float:left; }
	#detail_con .government dl { margin-left:420px; }
	
	#detail_con .photo_box { margin-top:40px; }
	#detail_con .photo_box.bg { padding:0 50px 50px; }
	#detail_con .photo_box .img { float:left; margin-right:4%; max-width:55%; }
	#detail_con .photo_box .img .photo { margin-left:10px; margin-bottom:10px; }
	#detail_con .photo_box .img .tit { position:absolute; left:0; bottom:0; }
	#detail_con .photo_box .con { float:left; width:40%; }
	#detail_con .photo_box.float { overflow:hidden; }
	#detail_con .photo_box.float  li { width:45%; margin-bottom:1%; }

	#detail_con .present  { overflow:hidden; }
	#detail_con .present .img { float:left; width:48%; margin-right:2%; }
	#detail_con .present .datatable { float:left; width:50%; }
	

	#detail_con .introduction li { float:left; width:31.3%; }

	#detail_con .ci_box.basic li { float:left; width:50%; border-left:1px solid #ddd; }
	#detail_con .ci_box.basic li:first-child { border-left:none; }
	#detail_con .ci_box.grid ul { margin:0 auto; width:70%; }
	#detail_con .ci_color li { width:18%; }
	#detail_con .ci_area { margin:0 auto; width:80%; }
	
	#detail_con .facility>ul>li { float:left; width:31.3%; }
	#detail_con .facility.facility03>ul>li, #detail_con .facility.facility04>ul>li {width:48%;}

	#detail_con .greeting .con_tit { width:88%; margin:50px auto 30px auto; }
	#detail_con .greeting .con_txt { width:88%; margin:0 auto; }
	#detail_con .greeting .con_txt div { float:left; margin-left:4%; width:48%; }
	#detail_con .greeting .con_txt div:first-child { margin-left:0; }
	#detail_con .greeting .con_txt div p span { display:block; }
	#detail_con .greeting .name { margin-top:15%; }
	#detail_con .service { width:83%; }
	#detail_con .service p span { display:block; }
	
	#detail_con .guide li dl { padding-top:3%; padding-left:270px; background-position:25px center; }
	#detail_con .main_contents>div.para01 { padding-bottom:30px; padding-left:270px; background-position:25px top; }
	#detail_con .main_contents>div.main_contents05 { padding-top:40px; }
	#detail_con .map div.map_con { padding-left:350px; }

	#detail_con .guideline>ul>li { float:left; width:31.3%; }
}

/*mobile*/
@media all and (max-width:800px) { 
	.mb_hidden, .mb_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }	
	ol.step li { clear:both; width:100% !important; }
	ol.step li dt, ol.step li .tit { border-radius:100px; }

	#detail_con .h4_btn { text-align:center; margin-bottom:40px; }

	#detail_con .con_link { padding:30px; }
	#detail_con .con_link .img { float:none; margin:0 auto; width:200px; height:135px; }
	#detail_con .con_link .con { padding-top:15px; text-align:center; }
	#detail_con .con_link .tit { font-size:17px; }

	#login .tit { margin-bottom:15px; font-size:24px; }
	#login .sub { font-size:15px; }

	#detail_con .government p { width:100%; text-align:center; }
	#detail_con .government dl { margin-top:20px; }
	#detail_con .government dt { line-height:150%; }
	#detail_con .government dl dd { margin-bottom:20px; }
	#detail_con .government dl dd span { margin-right:10px; }

	#detail_con .photo_box .img { width:100%; text-align:center; }
	#detail_con .photo_box .con { width:90%; margin:25px auto; }
	#detail_con .photo_box .con dl dt, #detail_con .photo_box .con dl dd { display:block; width:100%; margin-left:0; margin-bottom:10px; }

	#detail_con .soccer_ready .tit { font-size:22px; }
	#detail_con .soccer_ready .sub { padding:0 20px; }

	#detail_con .organization { padding:50px 15px; }
	#detail_con .organization .rank1 { padding-top:40px; width:100px; height:100px; }
	#detail_con .organization .rank1:after { bottom:-30px; height:30px; }
	#detail_con .organization .rank2>ul>li>p { padding-top:8px; width:60%; height:40px; }
	#detail_con .organization .rank2>ul>li:first-child { position:static; width:100%; }
	#detail_con .organization .rank2>ul>li:first-child>p { width:60%; }
	#detail_con .organization .rank2>ul>li:nth-child(2) { position:relative; padding-top:30px; }
	#detail_con .organization .rank2>ul>li:nth-child(2):after { position:absolute; z-index:1; content:''; left:50%; top:0; width:1px; height:30px; background:#ccc; }
	#detail_con .organization .rank2>ul>li:nth-child(2)>p { margin:0 auto; }
	#detail_con .organization .rank2>ul>li:nth-child(3) { position:relative; top:0; width:100%; padding-top:30px; }
	#detail_con .organization .rank2>ul>li:nth-child(3):before { display:none; }
	#detail_con .organization .rank2>ul>li:nth-child(3):after { position:absolute; z-index:1; content:''; left:50%; top:0; width:1px; height:30px; background:#ccc; }
	#detail_con .organization .rank2>ul>li:nth-child(3)>p { width:60%; }
	#detail_con .organization .rank3 { padding-top:10px; }
	#detail_con .organization .rank3:before, #detail_con .organization .rank3:after { display:none; }
	#detail_con .organization .rank3>li { margin:0 20% 10px 20%; width:60%; height:auto; }
	#detail_con .organization .rank3>li:last-child { margin-bottom:0px; }
	#detail_con .organization .rank3>li:before { top:-10px; height:10px; }
	#detail_con .organization .rank3>li:nth-child(3):before { display:block; }

	#detail_con .history>div{float:none; width:100%}
	#detail_con .history>div.year2018 h5:before, #detail_con .history>div.year2019 h5:before{left:0px}
	#detail_con .history>div dl{padding:8% 2%; margin:0%; border-bottom:1px dashed #ccc}
	#detail_con .history>div dl:last-child{border-bottom:0px}
	#detail_con .history>div dl dt{position:static; padding-bottom:5%}
	#detail_con .history>div dl dd{padding-left:0px}
	#detail_con .history_purpose{display:block; padding:0%; background:none}
	#detail_con .history_purpose:after{display:none}
	#detail_con .history_purpose>li{float:none; text-align:left; margin-top:5px; padding:10% 5% 10% 110px; width:100%; font-size:16px; line-height:150%; background-size:70px; background-position:20px center; background-color:#f5f5f5}
	
	#detail_con .vision>div h5 { display:block; padding:30px 0px; width:100%; font-size:24px; }	
	#detail_con .vision .type01 { padding:10px; border-radius:0px; }
	#detail_con .vision .type01>div { float:none; width:100%; max-width:100%; height:200px; border-radius:0px; }
	#detail_con .vision .type01>div.vision01 { left:0px; }
	#detail_con .vision .type01>div.vision02 { left:0px; margin-top:10px; }
	#detail_con .vision .type01>div p { margin:10% auto; width:90%; font-size:18px; }
	#detail_con .vision .type01>div.vision01 p { padding-right:0%; }
	#detail_con .vision .type01>div.vision02 p { padding-left:0%; }
	#detail_con .vision .type02 ul { padding:0px; }
	#detail_con .vision .type02 ul li { margin:6% 0% 6%; font-size:16px; line-height:140%; }
	#detail_con .vision .type02 p.txt { padding:10% 10% 12%; font-size:16px; }
	#detail_con .vision .vision03 ul li { margin:5% 0%; padding:60px 0px 10px; background-size:50px; background-position:center 5px}
	#detail_con .vision .vision04 li:after { left:-10px; width:15px; height:15px; background-size:100%; }
	#detail_con .vision .vision05>ul>li { width:100%; margin-bottom:5px; margin-left:0%; }
	#detail_con .vision .vision05>ul ul {min-height:auto; padding:7px 20px; }	
	#detail_con .vision .vision05>ul>li br {display:none;}

	#detail_con .ci_box.basic { border:none; }
	#detail_con .ci_box.basic li { width:100%; border:1px solid #ddd; }
	#detail_con .ci_box.basic li:first-child { border-bottom:none; }
	#detail_con .ci_color li { width:48%; }
	#detail_con .facility>ul>li { margin:3% 1%; }

	#detail_con .greeting .img .txt { position:static; margin-top:30px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; }
	
	#detail_con .service { padding:20px; }
	#detail_con .service ul { margin:50px 0; }

	#detail_con .guide li dl,
	#detail_con .main_contents>div.para01 { padding-top:230px; background-position:top center; }

	#detail_con.map p.logo a.menuopen { display:block; position:absolute; top:10px; left:17px; width:40px; height:40px; font-size:0px; text-indent:-5000px; background:url(/img/contents/map/mb_btn_menu.png) no-repeat center; }
	#detail_con.map p.map_close { position:absolute; top:0; right:-66px; }
	#detail_con.map p.map_close a { display:block; width:66px; height:66px; padding-top:24px; background:#3c4449; text-align:center; }
	#detail_con.map p.logo span { width:380px; font-size:18px; }
	#detail_con.map div.map_service { position:absolute; top:0px; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:2; }
	#detail_con.map div.map_menu ul li a { padding-top:0; }
	#detail_con.map div.map_menu ul li a:after { display:none; }


}
@media all and (max-width:450px) { 
	#detail_con .ci_box.grid li { width:98%; margin:20px 1%; }
	#detail_con .ci_color li, #detail_con .ci_area li { width:98% !important; }
	#detail_con .ci_area li {  margin:20px 1% !important; }

	#detail_con .greeting .img { overflow:hidden; }
	#detail_con .greeting .img>img { margin-left:-80%; max-width:200%; }
	#detail_con .greeting .con_tit { margin-top:0; }

	#detail_con .service>div { padding:10px; }
	#detail_con .service>div, #detail_con .service>div:before, #detail_con .service>div:after { background:none; }

	#detail_con.map p.logo span { font-size:15px; background:none; }
	#detail_con.map div.map_menu { width:80px; }
	#detail_con.map div.map_menu li a span { display:block; }
	#detail_con.map div.map_cate { left:80px; }
	#detail_con.map div.map_search { width:280px; }
	#detail_con.map div.map_search .form { min-width:280px; }

	#detail_con .vision .vision03 ul li {float:none; width:100%; padding-top:80px; border-left:0; border-top:1px solid #ddd; background-position:center 20px;}
	#detail_con .vision .vision03 ul li:first-child {border-top:0;}


}