@charset "utf-8";  #content { color: #000; font-size: 16px; float: left; width: 100%; font-weight:300; line-height:1.7em;}
 }
*/ /*#content img {max-width: 100%;}
*/ #content span.next { display:block;}
 div#js-load {padding-top:0;}
 .mobile_img{ display:none}
 .bgno { background:none !important;}
   h3.c0, h4.c0, h5.c0 { margin-top:0 !important;}
 h3 { color:#10326c; font-size:24px; font-weight:400; margin:55px 0 0 0; clear:both; line-height:25px; letter-spacing:-0.4px; }
 h4 { font-size: 20px; font-weight:400; line-height:27px; height:24px; margin: 45px 0 10px 0; color:#000; letter-spacing:-0.3px; background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 0 -38px; padding:0 0 0 30px;}
 h5 { color: #403a3a; display:block; font-size: 18px; font-weight: 400; margin: 40px 0 0 0; text-decoration:underline;}
 h4.bgno { padding:0;}
 div.c0 { margin-top:0; }
 #container h3 { font-size:24px; margin:60px 0 30px;}
  .align_center {text-align:center !important;}
 .align_left {text-align:left !important;}
 .align_right {text-align:right !important;}
  /*.fw1{ font-weight:100;}
*/ .fw3{ font-weight:300;}
 .fw4{ font-weight:400;}
 .fw5{ font-weight:500; color:#000;}
 .fw6{ font-weight:600;}
 .fw7{ font-weight:700;}
 .fw8{ font-weight:800;}
 .bold { font-weight:400;}
  p.basic { margin-top:20px !important;}
 p.tour_soon {text-align: center !important;}
  .bl, .job_check_end { color:#2c6ea8;}
 .rd, .job_check_box { color:#cc2634;}
 .gr { color:#017601;}
 .pp { color:#4264a3;}
 .bk { color:#000;}
  .c_wi { color:#fff}
  .c_or { color:#bd2104;}
  .c_bu { color:#043D93;}
  .c_bl { color:#131313;}
  .c_red { color:#ae0a11;}
   .c_box { margin-top:25px; padding:20px; border:1px solid #d4d4d4; border-top:2px solid #4264a3; }
 .c_box p.basic, .c_box ul.basic, .c_box ol.basic { margin-top:0;}
 .c_box h4 { margin-top:3px; margin-bottom:5px; color:#1f2f46; font-size:17px;}
 .c_box h4 { background:none; padding:0;}
 .c_box ol.basic li:last-child { border-bottom:none;}
 .c_box2 {background: url("/images/colocal/common/box_pattern_b.gif?build_20260819005"); display:inline-block; width:100%; margin-top: 0px;}
 .c_box2 .in_box{background: #fff; margin: 6px; padding: 18px 35px;}
 .c_box2 .in_box h4{margin-top:18px; margin-bottom: 5px; color: #ffff; font-size: 17px;padding: 0px 11px;background-color:#e2716b;display: inline-block;}
 .c_box2 p.basic, .c_box2 ul.basic, .c_box2 ol.basic { margin-top:0;}
 .c_box2 .in_box h4.c0 { margin-top:0px;}
 .c_box2 .in_box h5{margin-top: 20px; font-size: 17px; margin-bottom: 9px; color: #099a84; background: url("/images/colocal/common/box_h5.gif?build_20260819005") no-repeat 0 2px; padding-left: 26px;}
 .c_box2 .in_box > ol.basic > li:last-child {border:0px;}
 .b_box {border:1px solid #d4d4d4;}
  .c_box.iconbox { padding:0; min-height:135px; border:1px solid #d4d4d4; border-top:none; display:inline-block; width: 100%;}
 .iconbox .ico { float:left; width:16%; background: url("/images/common/sub/content_boxico.png?build_20260819005") no-repeat center center; position:relative; height:93px; padding-top:41px;}
 .iconbox .ico:after {content:"";width:100%;height:18px;border-top: 2px solid #4264a3;border-left: 2px solid #4264a3;position:absolute;top:0;left:-1px;}
 .iconbox .info { float:left; width:84%; background-color:#fff; padding-bottom:25px; position:relative; }
 .iconbox .info:after { content:""; width:100%; height:18px; border-top:2px solid #afafaf; border-right:2px solid #afafaf; position:absolute; top:0;}
 .iconbox .info h4 { margin:25px 20px 5px 0;}
 .iconbox p.basic, .iconbox ul.basic, .iconbox ol.basic { margin:0 20px 0 0; }
  ul.basic { margin-top:20px;}
 ul.basic > li { background:url("/images/colocal/common/content_bl.png?build_20260819005") no-repeat -136px -6px; padding:0 0 0 10px; margin-bottom:3px;}
 ul.basic > li > ul { margin-top:5px; color:#000; margin-bottom:5px;}
 ul.basic > li > ul li { background:url("/images/colocal/common/content_bl.png?build_20260819005") no-repeat -136px -423px; padding:0 0 0 10px;}
 ul.basic_none > li { background-image:none;}
   ul.basic_w { margin-top:20px;}
 ul.basic_w > li { background:url("/images/colocal/common/content_bl.png?build_20260819005") no-repeat -136px -6px; padding:0 0 0 10px; margin-bottom:3px; width:25%;float: left;}
  ol.basic { margin-top:20px;}
 ol.basic > li { border-bottom:1px dashed #d4d4d4; padding:7px 0; list-style-type:decimal; margin-left:17px; }
 ol.basic > li > ul { margin-top:5px; color:#000; margin-bottom:5px;}
 ol.basic > li > ul li { padding:0 0 0 10px;}
  .line_dot { border-bottom:1px dashed #d2d2d2; display:block; margin:20px 0 10px;}
 .line_right { border-right:1px solid #ddd; }
 .line_left { border-left:1px solid #ddd; }
 .text_line { text-decoration:underline;}
  table.basic { margin:25px 0 5px 0; border-right:1px solid #d2d2d2; border-top:1px solid #1a2a42; border-bottom:1px solid #d2d2d2; border-collapse:collapse; clear:both; width:100%; }
 table.basic th { font-weight:400; padding:13px; background-color:#f7f7f7; border-bottom:2px solid #b7b7b7; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; vertical-align:middle; word-break:keep-all;}
 table.basic td { text-align:center; padding:13px; border-left:1px solid #dedede; border-top:1px solid #dedede; vertical-align:middle; word-break:break-all;}
 table.basic td.th { background-color:#f7f7f7;}
 table.basic th.bbn { border-bottom:1px solid #d2d2d2; }
 table.basic.bbn th { border-bottom:1px solid #d2d2d2; }
 table.table {clear:both; width:100%; margin:20px 0 10px 0; border-top:2px #1c4c75 solid; border-bottom:1px #d2d2d2 solid; border-right:1px #d2d2d2 solid; border-collapse:collapse; }
 table.table th {background-color:#ededed; padding:10px 10px; text-align:center; border-left:1px #d2d2d2 solid; border-bottom:1px #bfbfbf solid; font-weight:400; border-top:1px #d2d2d2 solid;vertical-align:middle; }
 table.table td {padding:5px 0; text-align:center; border-left:1px #d2d2d2 solid; border-top:1px #d2d2d2 solid;}
 table.table td ul { margin-bottom:9px; margin-top:8px;}
 table.table td ul > li { background:url("/images/common/sub/content_bl.png?build_20260819005") no-repeat -136px -6px; padding-left:8px; margin-bottom:2px;}
 table.table td ul li ul, table.table td ul li ul.basic { margin-top:8px;}
 table.table td ul li ul li { background:url("/images/common/sub/content_bl.png?build_20260819005") no-repeat -136px -6px;}
 table.table td ol > li {padding:0 0 5px 2px; margin:5px 0 5px 20px; text-align:justify; list-style-type:decimal; border-bottom:1px dashed #c9c9c9;}
 table.table td ol li:last-child { border-bottom:none;}
 table.table td ol > li > ul > li {list-style-type: none;}
 table.table td p.basic { margin-top:6px; margin-bottom:7px;}
 table.table td.top { vertical-align:top;}
 table.table td.th{background-color:#ededed; font-size:17px;}
 table.table td.td_gs {background-color:#f9f9f9;}
 table.table th.th_gs {background-color:#f9f9f9;}
 table.table td span.fs14 { display:block; font-size:14px; line-height: 15px;color: #666;}
  table.table_1 {clear:both; width:100%; margin:20px 0 10px 0; border-top:2px #1c4c75 solid; border-bottom:1px #d2d2d2 solid; border-right:1px #d2d2d2 solid; border-collapse:collapse;border-left:1px solid #d2d2d2; }
 table.table_1 thead tr th {font-weight:400; padding:13px; background-color:#f7f7f7; border-bottom:2px solid #b7b7b7;  vertical-align:middle; word-break:keep-all;}
 table.table_1 th { padding:10px 10px; text-align:center;  font-weight:400; vertical-align:middle; }
 table.table_1 td {padding:6px 0 6px 10px;text-align:center;border-left:1px #d2d2d2 solid;border-right:1px #d2d2d2 solid;border-top:1px #d2d2d2 solid; vertical-align:middle;line-height: 21px;height: 40px;}
 table.table_1 tr th {background-color:#f7f7f7;font-size: 17px;}
 table.table_1 tbody td {font-size:14px;}
 table.table_1 tfoot td {background-color:#ececec;}
 table.table_1 td.btds {background-color:#4c5d78; color:#fff;}
 table.table_1 td ul { margin-bottom:9px; margin-top:8px;}
 table.table_1 td ul li {text-align:left;}
  .btn_p a { color:#fff; padding:8px 35px; transition: all 0.3s ease 0s; }
 .btn_p a.p1 { background-color:#4264a3; border:1px solid #4262a3; }
 .btn_p a.p1:hover { background-color:#2c9a37; border:1px solid #2c9a37 }
 .btn_p a.p2 { background-color:#2b9a37; border:1px solid #2b9a37; }
 .btn_p a.p2:hover { background-color:#534f4e; border:1px solid #534f4e; }
 .btn_p a.p3 { background-color:#d24933;}
 .btn_p a.p3:hover { background-color:#4264a3;}
 .btn_p a.p4 { background-color:#fabb0f; color:#000;}
 .btn_p a.p4:hover { background-color:#0381b4; color:#fff;}
 .btn_p a.rdno { border-radius:0; padding:8px 25px; text-align:center;}
 .btn_p a.block { display:block;}
  .btn_dw { border:1px solid #d2d2d2; background-color:#f4f4f4; border-radius:30px; padding:5px 20px 5px 38px; transition: all 0.3s ease 0s; margin-left: 3px;}
 .btn_dw:first-child{margin-left: 0;}
 .btn_dw.hwp { background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 15px -256px;}
 .btn_dw.hwp:hover { background: #1a4589 url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 15px -256px; color:#fff; border:1px solid #1a4599; }
 .btn_dw.xls { background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 15px -334px;}
 .btn_dw.xls:hover { background: #188657 url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 15px -334px; color:#fff; border:1px solid #188658; }
 .btn_dw.pdf { background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 15px -296px;}
 .btn_dw.pdf:hover { background: #d14c42 url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 15px -296px; color:#fff; border:1px solid #d14c41; }
 .btn_dw.new1 { background: url("/images/common/sub/newwin_b.png?build_20260819005") no-repeat 18px 10px;}
 .btn_dw.new1:hover { background: #e0e0e0 url("/images/common/sub/newwin_b.png?build_20260819005") no-repeat 18px 10px; color:#282828; border:1px solid #c0c0c0; }
 .btn_dw.new2 { background: #2b9a37 url("/images/common/sub/newwin_w.png?build_20260819005") no-repeat 18px 10px; border:1px solid #2b9a36; color:#fff; }
 .btn_dw.new2:hover { background: #2c6ea8 url("/images/common/sub/newwin_w.png?build_20260819005") no-repeat 18px 10px; border:1px solid #2c6ea7; color:#fff; }
 .btn_dw.new1.patb0, .btn_dw.new1.patb0:hover { background-position: 11px 5px; padding:1px 19px 2px 32px; font-size:14px;}
 .btn_dw.new3 { border:none; background: url("/images/common/sub/newwin_b.png?build_20260819005") no-repeat 18px 10px; text-decoration:underline; }
 .btn_dw.new4 { padding:4px 16px;}
 .btn_dw.new5 { border:none; background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat 18px -183px; }
 .btn_dw.new5:hover { text-decoration: underline;}
 .btn_dw.edit{background: url("/images/common/sub/edit_icon.png?build_20260819005") no-repeat 15px 9px;}
 .btn_dw.edit:hover{background-color: #ffda21;}
 .btn_dw.add{background: #f4f4f4 url("/images/common/sub/add_icon.png?build_20260819005") no-repeat 15px 9px;}
 .btn_dw.add:hover{background-color: #d6d6d6;}
  .txt_col2 { display:inline-block;}
 .txt_col2 li { width:48.5%; float:left;}
 .txt_col3 { display:inline-block;}
 .txt_col3 li { width:31.15%; float:left;}
  .img_txt {clear:both; width:100%; margin:35px 0 15px 0; display:inline-block;}
  .img_txt .left20 { width:20%; float:left;}
 .img_txt .right80 { float:left; width:76%; padding-left:4%;}
  .img_txt .left30 { width:30%; float:left;}
 .img_txt .right70 { float:left; width:66%; padding-left:4%;}
  .img_txt .left40 { width:40%; float:left;}
 .img_txt .right60 { float:left; width:56%; padding-left:4%;}
 /*!.img_txt .right60 >img {padding-top:20px;}
*/  .img_txt .left50 { width:50%; float:left;}
 .img_txt .right50 { float:left; width:46%; padding-left:4%;}
  .img_txt .left70 { width:66%; float:left; padding-right:4%;}
 .img_txt .right30 { float:left; width:30%; }
  .img_txt3 {clear:both; width:100%; margin:35px 0 15px 0; display:inline-block;}
 .img_txt3 > div { width:32%; float:left; margin-left:1.93333%; overflow:hidden;}
 .img_txt3 > div:first-child { margin-left:0;}
  img.basic { margin-top:15px;}
 ul.img_col2 { margin:35px 0 15px; width: 100%; display:inline-block;}
  ul.img_col2 li {display: inline-block; text-align: center; width: 49%; float:left; }
 ul.img_col2 li img { width:100%; height:auto;}
 ul.img_col2 li.img img { width:auto; height:auto;}
 ul.img_col2 li:first-child {margin-right: 2%;}
 ul.img_col3 { margin:35px 0 15px; width: 100%; display:inline-block;}
  ul.img_col3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
 ul.img_col3 li img { width:100%; height:auto; max-width:378px;}
 ul.img_col3 li:last-child {margin-right:0;}
 ul.img_col4 { margin:35px 0 15px; width: 100%; display:inline-block;}
  ul.img_col4 li {display: inline-block; text-align: center; width: 23.5%; margin-right:2%; float:left; }
 ul.img_col4 li img { width:100%; height:auto; max-width:282px;}
 ul.img_col4 li:last-child {margin-right:0;}
 ul.img_col5 { margin:35px 0 15px; width: 100%; display:inline-block;}
  ul.img_col5 li {display: inline-block; text-align: center; width: 18.4%; margin-right:2%; float:left; }
 ul.img_col5 li img { width:100%; height:auto; max-width:205px;}
 ul.img_col5 li:last-child {margin-right:0;}
 @media (max-width: 1209px){  .img_txt .left40 { width:100%; float:none;}
 .img_txt .right60 { float:none; width:100%; padding-left:0;}
 .img_txt .right60 >img { width:100%; padding-top:20px;}
 ul.img_col2 li {width: 100%; float:none; padding-bottom:20px; }
 ul.img_col2 li.img img { width:100%;}
 }
  ul.img_col2 li { position:relative;}
 ul.img_col2 li span.photo_name1 { display:block; width:100%; background: url("/contents/23063/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:45px; line-height:45px; color:#fff;}
 ul.img_col3 li { position:relative;}
 ul.img_col3 li span.photo_name1 { display:block; width:100%; background: url("/contents/23063/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}
 ul.img_col4 li { position:relative;}
 ul.img_col4 li span.photo_name1 { display:block; width:100%; background: url("/contents/23063/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}
 ul.img_col2 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
 ul.img_col3 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
 ul.img_col4 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
 ul.img_col5 li span.photo_name2 {display:block; width:100%; margin-top:10px; text-align:center;}
 div.hf { display:inline-block; width:95.8%;}
 div.hf ul.basic li { width:45%; float:left; margin-right:15px;}
  .bor_box1 { border:1px dashed #d8d8d8; margin-top:13px; padding:30px; margin-bottom:10px; background-color:#f9f9f9;}
 .bor_box1 .basic { margin-top:11px;}
 .bor_box1 .inbox span.title {display: block;font-size: 17px; color:#000;font-weight: 500;background:url("/layout/images/www/common/sub_sprite.png?build_20260819005") no-repeat -7px -384px;padding-left:14px;}
 .bor_box1 ul.basic li {line-height:24px; padding:0 0 0 12px;}
 .bor_box2 { border:1px solid #d8d8d8; margin-top:13px; margin-bottom:35px; padding:20px 25px 17px 30px; }
 .bor_box2 .basic { margin-top:11px;}
 .bor_box2 span.title {display: block;font-size: 17px; color:#000;font-weight: 500;background:url("/layout/images/www/common/sub_sprite.png?build_20260819005") no-repeat -7px -384px;padding-left:14px;}
 .bor_box2 > ul.basic li {line-height:20px; padding:0 0 0 12px;}
  #content_box div.section{margin: 0 0 30px;}
 .section > li {float:left; width:25%; margin-bottom:10px}
 .section > li a { padding:0 10px; font-size: 16px;}
 .section.depth4{background-color:inherit; display:inline-block; width:100%;}
 .section.depth4 > li{margin:0 0 0 -1px;}
 .section.depth4 > li > a {display:block; text-align:center; height:48px; line-height:48px; background-color:#fff; color:#000; border: solid #d5d5d5; border-bottom-color: #d24a34; border-width: 0 1px 1px 1px;}
 .section.depth4 > li > a:hover, .section.depth4 > li.on a{ background-color:#d24a34; color:#fff; position:relative; z-index:1;}
  .section.five ul li { width:19.97%; }
 .section.five .section.depth4 > li:nth-child(n+0):nth-child(-n+5) a{border-top: 1px solid #d5d5d5;}
 .section.four ul li { width:24.97%; }
 .section.four .section.depth4 > li:nth-child(n+0):nth-child(-n+4) a{border-top: 1px solid #d5d5d5;}
 .section.three ul li { width:33.33333%; }
 .section.three .section.depth4 > li:nth-child(n+0):nth-child(-n+3) a{border-top: 1px solid #d5d5d5;}
 .section.two ul li { width:50.1%; }
 .section.two .section.depth4 > li:nth-child(n+0):nth-child(-n+2) a{border-top: 1px solid #d5d5d5;}
 .section.depth5 { display:inline-block; width:91.6%; border:1px solid #d5d5d5; padding:15px 4%; margin-top:15px; background-color: #f1f1f1;}
 .section.depth5 li { margin-right:20px; width: auto; margin-bottom:5px;}
 .section.depth5 li a { background: url("/images/common/sub/path_5d_bl.png?build_20260819005") no-repeat 0 11px;}
 .section.depth5 li a:hover { background: url("/images/common/sub/path_5d_bl_hover.png?build_20260819005") no-repeat 0 11px; color:#d24a34;}
 .section.depth5 li.on a { color:#d24a34; font-weight:400; background: url("/images/common/sub/path_5d_bl_hover.png?build_20260819005") no-repeat 0 11px; text-decoration: underline;}
  .section.depth6{ overflow:hidden; margin: 5px 0 0;}
 .section.depth6 li{ float:left; width:auto; box-sizing:border-box; text-align:center; background:#fafafa; margin:0 5px 5px 0; height: 38px; line-height: 38px;}
 .section.depth6 li a{ display:block; padding: 0 15px; border: solid #d2d2d2; border-width: 1px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
 .section.depth6 li.on a{ background:#3c5060; border-color: #3c5060; color: #fff;}
 .section.depth6 li:nth-child(n+0):nth-child(-n+5) a{border-top: 1px solid #d2d2d2}
 #content_top{position:relative; height:28px; padding-bottom:28px; background:url('/images/common/sub/content_top_line.jpg?build_20260819005') repeat-x bottom}
 #content_top h3{font-size:27px; color:#000; padding-top:8px}
  .agree_btn_box .sch_btn {background-color:#4164a2; color:#fff; padding:7px 25px; border:0px; border-radius:3px; cursor: pointer;}
   .section.four ul li a{font-size:15px; letter-spacing:-0.09em;}
 .section.four ul li.sectionA4 a{letter-spacing: -0.1em;}
  .pop_container {box-sizing: border-box;}
 .pop_container .card {float: left; width: 48%; height: auto; border: 1px solid #e5e5e5; padding: 25px 22px 17px 22px; box-sizing: border-box; margin: 0 1% 1% 0;}
 .pop_container .card_top {margin:40px 0 0;}
 .pop_container .card_top .reg_info {display: block; margin-bottom: 10px;}
 .pop_container .card_top .reg_info .pic {display: block; float: left; width: 40px; height: 40px; border: 1px solid #fff; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -9px -169px #96B7D7; margin-right: 8px; border-radius: 50%; overflow: hidden;}
 .pop_container .card_top .reg_info .pic img { width: 40px; height: 40px;}
 .pop_container .card_top .reg_info .date {font-size: 13px; line-height: 15px; color: #999999;}
 .pop_container .category {margin-bottom: 10px; font-size: 14px; color: #fff;}
 .pop_container .card_contents {padding-bottom: 28px; border-bottom: 1px solid #e5e5e5;}
 .pop_container .card_contents .title {font-size: 17px; font-weight: 400; margin-bottom: 10px;}
 .pop_container .card_contents .preview {font-size: 15px; line-height: 22px;color: #666666; margin-bottom: 20px;}
 .pop_container .card_contents .more {display: inline-block; border: 1px solid #e5e5e5; border-radius: 5px; padding: 8px 25px; font-size: 15px; margin-top: 20px; color: #666666; transition: all .3s linear;}
 .pop_container .card_contents .more:hover {background-color: #1d64aa; color: #fff;}
 .pop_container .card_bottom {padding:15px 0; }
 .pop_container .card_bottom .likes {display: block; float: left; }
 .pop_container .card_bottom .likes .likes_icon {display: block; float: left; width: 25px; height: 21px; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -63px -178px; margin-right: 2px;}
 .pop_container .card_bottom .comments {display: inline-block; border: 1px solid #e5e5e5; padding: 0px 6px; border-radius: 3px; margin-left: 15px; font-size: 14px;}
 .pop_container .card_bottom .comments:hover {background: #e4e4e4;}
 .pop_container .card_bottom .tag_wrap {float: right; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
 .pop_container .card_bottom .tag_wrap > a {padding-left: 20px; transition: all 0.3s ease 0s;}
 .pop_container .card_bottom .tag_wrap > a:hover {color: #1D64AA;}
  .view_detail {isplay: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
 .view_detail .dimbg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
 .pop_layer { display: none; position: absolute; top: 50%; left: 50%; width: 900px; height: 900px; overflow:auto; background-color: #fff; z-index: 10;}
 .pop_layer .pop_container {padding: 0 40px 40px; width:100%;}
 .view_detail .pop_layer {display: block;}
 .pop_container a.btn_close {display: block; width: 30px; height: 30px; text-align: center; padding: 5px; border: 1px solid #1d64aa; border-radius: 5px; font-size: 17px; color: #fff; margin: 15px auto 0; transition: ease 0.15s; position: absolute; top:-8px; right: 5px; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -129px -17px #1d64aa; text-indent: -9999px;}
 .pop_container a.btn_close:hover {background-color: #2787E7;}
 .pop_container a.btn_submit {display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 5px 20px; border: 1px solid #1d64aa; background-color: #1d64aa; border-radius: 3px; font-size: 17px; color: #fff; margin: 15px auto 0; transition: ease 0.15s;}
 .pop_container a.btn_submit:hover {background-color: #2787E7;}
 @media (max-width: 759px){ .pop_layer .pop_container {padding: 40px;}
 }
 .attach_img {text-align: center;}
 .attach_img img {max-width: 100%; margin-bottom: 10px; max-height: 470px;}
 .pop_layer .tag_wrap {margin-top: 30px; font-weight: 400; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .pop_layer .tag_wrap > a {padding-right: 20px;}
 .comment_wrap {width: 100%; display: block; background: #f6f6f6; }
 .comment_wrap .item_comment {position: relative; padding: 20px 10px 25px 10px; border-bottom: 1px solid #d7d7d7; }
 .comment_wrap .reg_info {width: 100%; padding-left: 53px; color: #333333; font-weight: 400;}
 .comment_wrap .pic {display: block; width: 40px; height: 40px; border: 1px solid #fff; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -9px -169px #96B7D7; position: absolute; top:26px; left: 15px; border-radius: 50%; overflow: hidden; box-sizing: border-box;}
 .comment_wrap .pic img { width: 40px; height: 40px; }
 .comment_wrap .reg_info .date {font-size: 13px; color: #999999; padding: 0 3px 0 10px;}
 .comment_wrap .reg_info .icon > span {background: url("/images/colocal/common/sprite.png?build_20260819005"); display: inline-block; height: 15px; margin-right: 2px; text-indent: -5000px; vertical-align: middle; width: 15px;}
 .comment_wrap .reg_info .icon.comment_remove > span {background-position: -1062px -498px;}
 .comment_wrap .reg_info .icon.comment_modify > span {background-position: -1081px -498px;}
 .comment_wrap .comment {padding-left: 54px; font-size: 15px; color: #333333;line-height: 15px;}
 .comment_write_wrap {margin:30px 0;}
 .comment_write_wrap .comment_write {width: 100%; border-radius: 3px; padding: 15px; box-sizing: border-box;}
   .related_project .control .controller > a {border: 1px solid #999; display: block; width: 40px; height: 40px; text-indent: -99999px; float: left;}
 .related_project .control .controller > a.bx-prev {background:url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -865px -207px; margin-right: 5px;}
 .related_project .control .controller > a.bx-next {background:url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -892px -207px;}
  .recity_wrap.region {border: 2px solid #e5e5e5; padding: 3% 5%; width: 100%; display: inline-block; box-sizing: border-box; margin-bottom: 10px;}
 .recity_wrap.region .region_l {width: 29%; float: left; margin-left: 5%;}
 .recity_wrap.region .region_l .img_box {display: block; width: 345px; height: 100%; text-align: center; max-width: 345px; line-height: 200px; overflow: hidden; background: url("/images/colocal/common/noimage.png?build_20260819005") no-repeat -124px -179px; }
 .recity_wrap.region .region_l .img_box.bg_hidden {background: none;}
 .recity_wrap.region .region_r .img_box img {width: 100%; vertical-align: middle; background-color: #fff;}
 .recity_wrap.region .region_r {width: 65%; float: left; }
 .recity_wrap.region .region_r table {margin-bottom: 10px;}
 .recity_wrap.region .region_r > p {font-size: 30px; font-weight: 300; margin-bottom: 10px; border-bottom: 1px solid #bfbfbf; padding-bottom: 17px;}
 .recity_wrap.region .region_r th {font-weight: 400; font-size: 17px; text-align:left;}
 .recity_wrap.region .region_r td {font-size: 17px; text-align: left;}
 .recity_wrap.region .region_r .img_box {display: block; width: 100%; height: 265px; text-align: center; max-width: 345px; line-height: 265px; overflow: hidden; background: url("/images/colocal/common/noimage.png?build_20260819005") no-repeat; }
 .recity_wrap .region_r .img_box img {width: 100%; vertical-align: middle;}
  .recity_wrap.region .region_r .region_info_view {margin-top: 25px; margin-left: 5px;}
 .recity_wrap.region .region_r .region_info_view ul li {margin-bottom: 60px;}
 .recity_wrap.region .region_r .region_info_view ul li > span.index {font-size: 19px; font-weight: 400; display: inline-block; margin-bottom: 15px;}
 .recity_wrap.region .region_r .region_info_view ul li span.index::before {content: ''; display: block; background: #dcdcdc; width: 4px; height: 16px; float: left; position: relative; left: -5px; top: 5px;}
 .recity_wrap.region .region_r .region_info_view ul li p.view_contents {color: #666; font-size: 16px;}
  .project_info .info_l .photo_box{display: inline-block; margin-top: 50px;}
 .recity_wrap.region .region_r .photo_box, .project_info .info_l .photo_box {display: inline-block;}
 .project_info .info_l .photo_box ul li, .recity_wrap.region .region_r .photo_box ul li {overflow: hidden; float: left; height: 160px; margin-right: 1%;}
 .project_info .info_l .photo_box ul li:only-child, .recity_wrap.region .region_r .photo_box ul li:only-child {width: 100%; margin-right: 0%;}
 .project_info .info_l .photo_box ul li:nth-last-child(2), .recity_wrap.region .region_r .photo_box ul li:nth-last-child(2), .recity_wrap.region .region_r .photo_box ul li:nth-last-child(2)+li {width: 49%;}
 .project_info .info_l .photo_box ul li:nth-last-child(3), .recity_wrap.region .region_r .photo_box ul li:nth-last-child(3), .recity_wrap.region .region_r .photo_box ul li:nth-last-child(3)~li {width: 32%;}
 .project_info .info_l .photo_box ul li:nth-last-child(4), .recity_wrap.region .region_r .photo_box ul li:nth-last-child(4), .recity_wrap.region .region_r .photo_box ul li:nth-last-child(4)~li {width: 24%;}
 .project_info .info_l .photo_box ul li:last-child, .recity_wrap.region .region_r .photo_box ul li:last-child{margin-right: 0%;}
 .recity_wrap.region .region_r .photo_box ul li { display: inline-block; background: url("/images/colocal/common/view.png?build_20260819005") no-repeat center #000; padding: 0; }
 .recity_wrap.region .region_r .photo_box ul li img { display: block; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
 .recity_wrap.region .region_r .photo_box ul li:hover img { opacity: 0.5; }
 /*.recity_wrap.region .region_r .photo_box ul li img {width: 200%; margin-left: -40%;}
*/  .recity_wrap.partner {border: 2px solid #e5e5e5; padding: 3% 5%; width: 100%; display: inline-block; box-sizing: border-box; margin-bottom: 10px;}
 .recity_wrap.partner .region_l {width: 29%; float: left; margin-right: 5%;}
 .recity_wrap.partner .region_l .img_box {display: block; width: 100%; height: auto;text-align: center; line-height: 200px; overflow: hidden; background: url("/images/colocal/common/noimage.png?build_20260819005") no-repeat -124px -179px; }
 .recity_wrap.partner .region_l .img_box img {height: 250px; width: auto; max-width: 340px; }
 .recity_wrap.partner .region_l .img_box.bg_hidden {background: none;}
 .recity_wrap.partner .region_r .img_box img {width: 100%; vertical-align: middle; background-color: #fff;}
 .recity_wrap.partner .region_r {width: 65%; float: left; }
 .recity_wrap.partner .region_r table {margin-bottom: 10px;}
 .recity_wrap.partner .region_r > p {font-size: 30px; font-weight: 400; }
 .recity_wrap.partner .region_r th {font-weight: 400; font-size: 17px; text-align:left;padding-left: 13px;}
 .recity_wrap.partner .region_r td {font-size: 16px; text-align: left;}
 .recity_wrap.partner .region_r .img_box {display: block; width: 100%; height: 265px; text-align: center; max-width: 345px; line-height: 265px; overflow: hidden; background: url("/images/colocal/common/noimage.png?build_20260819005") no-repeat; }
 .recity_wrap.partner .region_r .img_box img {width: 100%; vertical-align: middle;}
 .edit_info {display: inline-block; padding: 5px 25px; border: 1px solid #195ec9; color: #195ec9; border-radius: 5px; float: right; transition: all 0.3s ease 0s}
 .edit_info:hover{ background-color: #195ec9; color: #fff; }
 .write_info {display: inline-block; padding: 5px 25px; border: 1px solid #195ec9; color: #195ec9; border-radius: 5px; float: right; transition: all 0.3s ease 0s}
 .write_info:hover{ background-color: #195ec9; color: #fff; }
 .related_project {display: block;}
 .related_project > p, .project_list > p {font-size: 30px; font-weight: 400; margin: 40px 0 30px 0;}
 .project_list {height: 470px; width: 100%;margin-top: 40px; padding: 10px 0 33px 0; overflow: hidden; position: relative; margin: 0 auto; z-index: 1;}
 .project_list .bx-wrapper{max-width: none !important; width: 100%;}
 .project_list #bxslider > li {float: left; margin: 0 10px 10px 0; border: 1px solid #e0e0e0; box-sizing: border-box; min-height: 450px; position: relative; padding-bottom: 50px; transition: all 0.3s ease 0s; width: 390px;}
 .project_list.multy #bxslider > li {width: 400px !important;}
 .project_list #bxslider > li:hover {background: #f3f6f9; border: 1px solid #B0B0B0;}
 .project_list #bxslider > li:nth-child(3n+3) {margin-right: 0;}
 .project_list #bxslider > li.no_item {padding: 20px; float: none;}
 .project_list .item a {display: block;}
 .project_list .item .img {display: block; width: 100%; height: 210px; text-align: center; max-width: 400px; line-height: 210px; overflow: hidden;}
 .project_list .item img {width: 100%; vertical-align: middle;}
  .follower_list {position: absolute; top: 12px; left: 10px;}
 .follower_list .follower {float: left; width: 28px; height: 28px; border-radius: 50%; margin-right: -3px; box-shadow: 0px 0px 0px 2px #fff; cursor: pointer; transition: margin 0.2s; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -271px -18px #f6f6f6; overflow: hidden;}
 .follower_list .follower > a {display: block;}
 .follower_list .follower > a > img { width: 28px; height: 28px;}
 .follower_list:hover .follower {margin-right: 10px;}
 .project_list .text_list {padding: 30px 20px; height: 204px; box-sizing: border-box;}
 .project_list .text_list .title {font-size: 21px; font-weight: 400; padding-bottom: 9px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .project_list .text_list .summary {font-size: 16px; color: #666;}
 .project_list .bottom_box {width: 100%; height: 55px; position: absolute; bottom: 0; left: 0;border-top: 1px solid #e0e0e0; box-sizing: border-box; padding: 11px 15px;}
 .project_list .bottom_l {float: left;}
 .project_list .bottom_l > span {float: left; margin-top: 2px;}
 .project_list .bottom_l > span.member_count {margin-right: 10px;}
 .project_list .bottom_l .icon {display: block; float: left; width: 20px; height: 20px; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat; margin: 5px 3px 0 0;}
 .project_list .bottom_l .member_count .icon {background-position: -19px -179px;}
 .project_list .bottom_l .comment_count .icon {background-position: -63px -179px;}
 .project_list .bottom_r {float: right;}
 .project_list .category {font-size: 13px; color: #fff; margin-top: 2px;}
 .project_list .category .theme {display: inline-block; padding: 0px 5px; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 /*.project_list .category .theme.theme1 {background: #0d6277; border: 1px solid #0d6277;}
 .project_list .category .theme.theme2 {background: #d8a50a; border: 1px solid #d8a50a;}
 .project_list .category .theme.theme3 {background: #339933; border: 1px solid #339933;}
 .project_list .category .theme.theme4 {background: #e16e3d; border: 1px solid #e16e3d;}
 .project_list .category .theme.theme5 {background: #3ba3e4; border: 1px solid #3ba3e4;}
 .project_list .category .theme.theme6 {background: #4b3a86; border: 1px solid #4b3a86;}
 .project_list .category .theme.theme7 {background: #ce8945; border: 1px solid #ce8945;}
 .project_list .category .theme.theme8 {background: #999933; border: 1px solid #999933;}
 .project_list .category .theme.theme9 {background: #0c5d5d; border: 1px solid #0c5d5d;}
 .project_list .category .theme.theme10 {background: #2d353a; border: 1px solid #2d353a;}
*/ .project_list .category .region {display: inline-block; padding: 0px 5px; color: #000; border: 1px solid #999; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .recity_wrap table td.summary {font-size: 16px;}
 .recity_wrap table th {color: #666;}
 .recity_wrap table tr.contact th {border: none; padding: 7px 13px;}
 .recity_wrap table tr.contact.contact1 th {border: none; padding: 15px 5px 7px 13px;}
 .recity_wrap table tr.contact.contact4 th {border-bottom: 1px solid #d2d2d2;}
 .recity_wrap table tr.contact td {border: none; padding: 7px 5px;}
 .recity_wrap table tr.contact.contact1 td {border: none; padding: 15px 5px 7px 5px;}
 .recity_wrap table tr.contact.contact4 td {border-bottom: 1px solid #d2d2d2; padding: 7px 5px 15px 5px;}
 .recity_wrap .region_r .btn_slide {display: block; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; color: #1D64AA; font-size: 15px;}
 .btn_article_more {border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 10px 0; text-align: center; transition: all 0.3s ease 0s; float: left; width: 100%;}
 .btn_article_more:hover {background: #f5f5f5; color: #666;}
 .btn_article_more a {display: block; color: #666;}
  .team_member_list, .network_list {padding: 30px 0; display: inline-block; width: 100%;}
 .team_member_list inner, .network_list inner {padding: 0 0 0 2%;}
 .team_member_list ul li, .network_list ul li {float: left; border: 1px solid #d7d7d7; border-radius: 3px; padding: 10px 13px; width: 31.3%; margin-right: 2%; box-sizing: border-box; height: 90px; position: relative; margin-bottom: 20px;}
 /*.team_member_list ul li:nth-child(3n+3), .network_list ul li:nth-child(3n+3) {margin-right: 0;}
*/ .team_member_list ul li .pic, .network_list ul li .pic {display: block; width: 50px; height: 50px; border: 3px solid #eeeeee; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -3px -165px #f6f6f6; position: absolute; top:16px; left: 20px; border-radius: 50%; overflow: hidden;}
 .team_member_list ul li .pic img, .network_list ul li .pic img { width: 50px; height: 50px; }
 .team_member_list ul li .reg_info, .network_list ul li .reg_info{width: 100%; padding-left: 80px; color: #333333; font-weight: 400; box-sizing: border-box; margin-top: 14px;}
 .team_member_list ul li .reg_info .nickname, .network_list ul li .reg_info .nickname { width: 60%; font-size: 17px; font-weight: 400; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .team_member_list ul li .reg_info .company, .network_list ul li .reg_info .company {font-size: 14px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 63%;font-weight: 300;}
 .mypage_l td span.mini_status {display: none;}
 .btns {position: absolute; top: 7px; right: 6px; font-size: 14px;text-align: center;}
 .btns a, .btns p {display: block; margin-bottom:4px; padding: 4px 18px; border-radius: 3px; transition: all 0.3s ease 0s; color: #fff;}
 .btns a.subscribe {border-radius: 5px; background: #ff6633;}
 .btns a.subscribe:hover {background: #FF9F7F}
 .btns a.profile {background: #00ba35; }
 .btns a.profile:hover {background: #73BA87;}
 .btns a.profile_n { background: #014886;}
 .btns a.profile_n:hover {background: #026BC7;}
 .btns p.profile_l { background: #1EB65C;}
 .btns p.profile_y { background: #1EB65C;}
 .btns p.profile_w { background: #888;}
 .btns a.refuse {background: #ea4141;}
 .btns a.refuse:hover{background: #FF5163;}
 .btns a.accept {background: #1d64aa;}
 .btns a.accept:hover {background: #1F7FD9;}
 .write_partner {display: inline-block; padding: 5px 25px; border: 1px solid #195ec9; color: #195ec9; border-radius: 5px; float: right; transition: all 0.3s ease 0s}
 .write_partner:hover{ background-color: #195ec9; color: #fff; }
  .theme_info {border: 3px solid #E5E5E5; padding: 3% 5%;display: inline-block; width: 100%; box-sizing: border-box;}
 .theme_info p {font-size: 17px;}
 .tag_box {display: inline-block; margin-top: 20px;}
 .tag_box li {float: left; margin-right:7px; margin-bottom: 7px;}
 .tag_box li:last-child {margin-right: 0;}
 .tag_box li a {display: inline-block; color: #777; border: 1px solid #c3c3c3; border-radius: 18px; padding: 0px 7px;font-size: 13px; transition: all 0.3s ease 0s;line-height: 23px;}
 .tag_box li a:hover {border: 1px solid #1D64AA; color: #1D64AA;}
  .login_container {background: #fff; width: 100%; height: auto; padding: 2%; box-sizing: border-box;}
 .login_wrap { margin: 60px auto; width: 40%;}
 .login_wrap > p {display: block; width: 234px; height: 37px; background: url("/images/colocal/common/login_sp.png?build_20260819005") no-repeat -16px -344px; text-indent: -99999px; margin-bottom: 10px;}
 .login_wrap .sns_easylogin {width: 100%; height: 573px;  background: #fff; box-shadow:1px 1px 4px rgba(0,0,0,0.2);}
 .login_wrap .sns_easylogin > p {padding: 130px 0 60px 0; text-align: center; font-size: 27px; font-weight: 400;}
 .login_wrap .sns_easylogin ul li {}
 .login_wrap .sns_easylogin ul li a {display: block; width: 80%; height: 55px; margin: 0 auto 30px; text-indent: -99999px;}
 .login_wrap .sns_easylogin ul li a span {display: block; width: 290px; height: 55px; background: url("/images/colocal/common/login_sp.png?build_20260819005") no-repeat; margin: 0 auto ;}
 .login_wrap .sns_easylogin ul li a.naver {background: #36ac36;}
 .login_wrap .sns_easylogin ul li a.facebook {background: #3b5997;}
 .login_wrap .sns_easylogin ul li a.kakao {background: #f5bf04;}
 .login_wrap .sns_easylogin ul li a.naver span {background-position: -2px -23px;}
 .login_wrap .sns_easylogin ul li a.facebook span {background-position: -4px -110px;}
 .login_wrap .sns_easylogin ul li a.kakao span {background-position: 0px -194px;}
  .project_info {width:100%; position: relative;box-sizing: border-box;padding-top: 25px;}
 .project_info .info_l {width: 70%; float: left; margin-right: 2%;}
 .project_info .info_l .list {padding: 20px 0 60px; border-bottom: 1px dashed #ccc;}
 .project_info .info_l .list:first-child {padding: 0 0 38px 0;}
 .project_info .info_l .list p {padding: 0 5px 12px; font-weight: 400; color: #36506a; font-size: 19px; position: relative;}
 .project_info .info_l .list p .check {display: block; width: 20px; height: 17px; position: absolute; top: 0; left: 0; margin-top: 7px;}
 .project_info .info_l .list p .check::before {content: ''; display: block; background: #dcdcdc; width: 4px; height: 16px; float: left; position: relative; left: -5px; top:0;}
 .project_info .info_l .list ul li {padding-left: 30px; color: #333333; font-weight: 400; font-size: 17px; line-height: 33px;}
 .project_info .info_l .img {display: block; width: 100%; height: 500px; text-align: center; line-height: 500px; overflow: hidden; margin: 38px 0;}
 .project_info .info_l .img img {width: 100%; vertical-align: middle;}
 .project_info .info_r {float: left; width: 26%;}
 .project_info .info_r .img {display: block; width: 100%; max-width: 345px; height: 200px; text-align: center; line-height: 200px; overflow: hidden; }
  a.btn {display: inline-block; padding: 5px 25px; border: 1px solid #195ec9; color: #195ec9; border-radius: 5px; float: right; transition: all 0.3s ease 0s; margin-left: 2%; margin-bottom: 10px;}
 a.btn:hover{ background-color: #195ec9; color: #fff; }
  .mypage_l {width: 100%; box-sizing: border-box; margin:0 auto;}
 .mypage_r {position: absolute; top: 68px; right: 90px;}
 .mypage_r .myinfo_wrap {width: 230px; border: 1px solid #d7d7d7; }
 .mypage_r .myinfo_wrap li {width: 100%; height: 70px; border-bottom: 1px solid #d7d7d7; padding: 18px; box-sizing: border-box;}
 .mypage_r .myinfo_wrap li:last-child {border-bottom: none;}
 .mypage_r .myinfo_wrap li p {font-size: 14px; color: #999999; line-height: 14px;}
 .mypage_r .myinfo_wrap li p.name {font-size: 20px; float: left; color: #000; line-height: 34px;}
 .mypage_r .myinfo_wrap li span {font-size: 15px; line-height: 15px;}
 .mypage_r .myinfo_wrap li a.edit_myinfo {float: right; display: inline-block; padding: 5px 10px; color: #fff; background: #11428B; border-radius: 5px; font-size: 14px; transition: all 0.3s ease 0s;}
 .mypage_r .myinfo_wrap li a.edit_myinfo:hover{background: #295AA3;}
  .mypage_l table .apply {position: relative;}
 .mypage_l .new_join {display: inline-block; background: #D43131; border-radius: 50%; padding: 2px 10px; color: #fff;}
 .mypage_l .new_join_box {position: absolute; top: 40px; right: 23px; width: 400px; background: #fff; display: none; z-index: 5; padding: 10px 0 0 15px ; border: 1px solid #d2d2d2;}
 .mypage_l .new_join_box > p {text-align: left; font-size: 15px; color: #333; border-bottom: 1px solid #d2d2d2; padding-bottom: 7px;}
 .new_join_box ul li {border-bottom: 1px solid #d7d7d7; padding: 10px 13px; width: 100%; margin-right: 2%; box-sizing: border-box; height: 70px; position: relative;}
 .new_join_box ul li.none {line-height: 50px;}
 .new_join_box ul li:last-child {border-bottom: none;}
 .new_join_box ul li .pic {display: block; width: 40px; height: 40px; border: 2px solid #eeeeee; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -8px -169px #96B7D7;  position: absolute; top:11px; left: 20px; border-radius: 50%; overflow: hidden;}
 .new_join_box ul li .pic img { width: 40px; height: 40px;}
 .new_join_box ul li .reg_info {width: 100%; padding-left: 65px; color: #333333; font-weight: 400; box-sizing: border-box; margin-top: 4px; text-align: left;}
 .new_join_box ul li .reg_info .nickname { width: 60%; font-size: 15px; font-weight: 400; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .new_join_box ul li .reg_info .company {font-size: 14px; color: #999;}
 .new_join_box .btns {position: absolute; top: 19px; right: 20px; font-size: 14px;}
  .mypage_l .unfollow {display: inline-block; padding: 2px 10px; background: #D43131; border-radius: 5px; color: #fff; font-size: 14px; }
  .mypage_l .form_write {display: block;}
 .myinfo { width:80%;}
 .write_title {margin-bottom: 20px;}
 .write_title .chk_list label {display: inline-block; margin-bottom: 5px; font-size: 17px;}
 .write_title .chk_list label em {color: #F2313A;}
 .write_title .input_wrap > input[type="text"] {padding: 10px 10px; width: 100%; display: block; box-sizing:border-box;}
 .write_title.phone .input_wrap > input[type="text"] {display: inline-block; width: 15%; }
 .write_title .pic {display: block; float: left; width: 60px; height: 60px; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat 1px -161px #96B7D7; margin-right: 8px; border-radius: 50%; overflow: hidden; border: 3px solid #eeeeee;}
 .write_title .pic img { width: 60px; height: 60px;}
  .write_title .chk_list {float: left; margin-right: 10px;}
 .write_title .chk_open_info { }
 .write_title .input_wrap {clear: both;}
  .view_other_info .photo_name {text-align: center; width: 22%; float: left; padding-right: 40px; box-sizing: border-box;}
 .view_other_info .pic {display: block; width: 120px; height: 120px; border: 3px solid #eeeeee; background: #fff; border-radius: 50%; overflow: hidden; margin: 5px auto;}
 .view_other_info .photo_name .pic img { width: 120px; height: 120px; }
 .view_other_info .photo_name p {font-size: 22px;}
 .view_other_info .r_info {float: left; width: 78%;}
 .view_other_info .r_info .r_top {margin-top: 25px;}
 .view_other_info .r_info .list {float: left; width: 50%; margin-bottom: 12px; color: #333; font-size: 17px;}
 .view_other_info .r_info .list .title {font-size: 17px; color: #666; font-weight: 400; display: inline-block; width: 150px;}
 .view_other_info .r_info .list .title .icon {float: left; margin:4px 8px 0 0; width: 20px; height: 20px; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat;}
 .view_other_info .r_info .list.sns_wrap .title .icon {background-position: -1064px -581px;}
 .view_other_info .r_info .list.company_wrap .title .icon {background-position: -1064px -614px;}
 .view_other_info .r_info .list.email_wrap .title .icon {background-position: -1064px -649px;}
 .view_other_info .r_info .list.phone_wrap .title .icon {background-position: -1064px -684px;}
 .view_other_info .theme_info .tag_box {margin-top: 28px;}
 .view_other_info .project_list {padding: 0; display: inline-block; overflow: visible; height: auto;}
  .card {float: left; width: 48%; height: auto; border: 1px solid #e5e5e5; padding: 30px 22px 72px 22px; box-sizing: border-box; margin: 0 auto 3%; box-shadow: 3px 3px 3px #eee;}
 .card .category { display:none }
 .card .category .theme, .pop_container .theme {font-size: 15px; color: #fff;display: inline-block; border-radius: 20px; padding: 2px 12px; margin-right: 7px;}
 .theme.theme1 {background: #0d6277; border: 1px solid #0d6277;}
 .theme.theme2 {background: #d8a50a; border: 1px solid #d8a50a;}
 .theme.theme3 {background: #339933; border: 1px solid #339933;}
 .theme.theme4 {background: #e16e3d; border: 1px solid #e16e3d;}
 .theme.theme5 {background: #3ba3e4; border: 1px solid #3ba3e4;}
 .theme.theme6 {background: #4b3a86; border: 1px solid #4b3a86;}
 .theme.theme7 {background: #ce8945; border: 1px solid #ce8945;}
 .theme.theme8 {background: #999933; border: 1px solid #999933;}
 .theme.theme9 {background: #0c5d5d; border: 1px solid #0c5d5d;}
 .theme.theme10 {background: #2d353a; border: 1px solid #2d353a;}
 .card .category .region, .pop_container .region {font-size: 15px; display: inline-block; border-radius: 20px; padding: 2px 12px; color: #000; border: 1px solid #999; background: #fff;}
 .card p.title {font-size: 17px; font-weight: 400; margin-bottom: 10px; line-height: 25px;}
 .card p.preview {font-size: 15px; line-height: 22px;color: #666666; margin-bottom: 15px;}
 .card .more, .card .modify, .card .remove {display: inline-block; border: 1px solid #e5e5e5; border-radius: 3px; padding: 5px 25px; font-size: 15px; color: #666666; transition: all .3s linear;}
 .card .more:hover, .card .modify:hover, .card .remove:hover {background-color: #1d64aa; color: #fff;}
 .card .thum_list {width: 100%; display: block; float: left; padding:5px 0 10px 0}
 .card .thum_list > li {float: left; margin: 0 15px 15px 0;}
 .card .thum_list > li:last-child {margin-right: 0px}
 .card .thum_list > li > a {display: block; width: 100%; height: 100px; text-align: center; max-width: 145px; line-height: 100px; overflow: hidden;}
 .card .thum_list > li > a > img {width: 100%;}
 .card .card_bottom {border-top: 1px solid #e5e5e5; position: absolute; bottom: 0; left: 0; height: 72px; width: 100%; box-sizing: border-box; padding: 14px 0;}
 .card .card_bottom .reg_info {width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 71px; color: #333333; font-weight: 400; box-sizing: border-box;}
 .card .card_bottom .pic {display: block; width: 40px; height: 40px; border: 1px solid #fff; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -9px -169px #bfbfbf; position: absolute; top:15px; left: 23px; border-radius: 50%; overflow: hidden;}
 .card .card_bottom .pic img {width: 40px; height: 40px; }
 .card .card_bottom .reg_info .nickname {font-size: 17px; line-height: 18px;}
 .card .card_bottom .reg_info .nickname .company {font-size: 14px;}
 .card .card_bottom .reg_info .date {font-size: 13px; color: #999999; line-height: 13px;font-weight: 300;}
 /*.card .card_bottom .tag_wrap {max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 22px; right: 86px; box-sizing: border-box;}
 .card .card_bottom .tag_wrap > a {padding-left: 17px; font-weight: 300; transition:all 0.3s ease 0s;}
 .card .card_bottom .tag_wrap > a:first-child {padding-left: 0;}
 .card .card_bottom .tag_wrap > a:hover {color: #1D64AA;}
*/  .card .card_top .tag_wrap {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; margin-bottom: 10px;font-size: 14px;}
 .card .card_top .tag_wrap > a {margin-right: 10px;color: #343434;}
 .card .card_top .tag_wrap > a:last-child {margin-right: 0;}
 .card .card_bottom .comment_count {position: absolute; bottom: 21px; right: 30px;}
 .card .card_bottom .comment_count .icon {margin-top: 2px; display: block; float: left; width: 20px; height: 20px; background: url("/images/colocal/common/sprite.png?build_20260819005") no-repeat -63px -176px; margin: 3px 3px 0 0;}
 .card.js-load {display: none;}
 .card.js-load.active {display: block;}
 .btn_article_more {margin: 30px 0;}
  .searh_article .card {float: none; width: 100%; padding: 0; border: none; margin:0; box-shadow: none; margin-top: 50px;}
 .searh_article .card:nth-child(1) {margin-top: 20px;}
 .searh_article .card .category {position: inherit;}
 .searh_article .card .card_bottom {position: inherit; height: auto; padding: 13px 0; border: none;}
 .searh_article .card .card_bottom .reg_info {width: 80%; padding-left: 8px;}
 .searh_article .card .card_bottom .pic {position: inherit; float: left;}
  .sch_detail_project .project_list {height: auto; overflow: auto;}
 .sch_detail_project .project_list > ul > li {float: left; margin: 0 10px 10px 0; border: 1px solid #e0e0e0; box-sizing: border-box; min-height: 450px; position: relative; transition: all 0.3s ease 0s; width: 390px;}
 .sch_detail_project .project_list > ul > li:nth-child(3n) {margin: 0 0 10px 0;}
 .sch_detail_project .project_list .bottom_box {position: inherit; }
 @media (max-width: 1300px){  .recity_wrap.region {padding: 5%;margin: 30px auto;}
 .recity_wrap.region .region_l {float: none; width: 100%; margin-left: 0;}
 .recity_wrap.region .region_l .img_box {margin: 0 0 30px 0; max-width: 100%; height: auto; width: 100%; height: auto; text-align: left; background: none;}
 .recity_wrap.region .region_l .tag_box {margin-top: 0px; margin-bottom: 20px;}
 .recity_wrap.region .region_r {float: none; width: 100%;}
 .recity_wrap.region .region_r .photo_box {margin-bottom: 30px;}
  .recity_wrap.partner .region_l {float: none; width: 100%; margin-left: 0;}
 .recity_wrap.partner .region_l .img_box {margin: 0 auto 30px; max-width: 100%; height: auto; }
 .recity_wrap.partner .region_l .tag_box {margin-top: 0px; margin-bottom: 20px;}
 .recity_wrap.partner .region_r {float: none; width: 100%;}
  .project_list.three {overflow: unset; float: none; width: 100%; height: auto;}
 .project_list.three #bxslider > li {float: none !important; display: block !important; width: 100% !important;}
 .project_list.three .item .img {max-width: 1300px;}
  .card {width: 100%; margin: 1% 0 2% 0; position: relative;}
 .card .card_bottom .reg_info {width: 70%;}
  .team_member_list ul li {width: 48%;}
 .network_list ul li:nth-child(6n+6){margin-right: 2% !important;}
  .view_other_info .r_info .list {width: 100%;}
  .myinfo { width:100%;}
  .pop_layer {width:700px;}
  .project_info .info_l {width: 100%; float: none;}
 .project_info .info_r {width: 100%; float: none; margin: 30px 0; }
 .project_info .info_r .img {width: 100%; height: auto; text-align: left; background: none; max-width: 100%; }
  .sch_detail_project .project_list > ul > li {width: 100%; margin-right: 0;}
 .sch_detail_project .project_list .item .img {max-width: 1300px;}
  }
 @media (max-width: 899px){  .project_list {overflow: unset; width: 100%; height: auto;}
 .project_list #bxslider > li {display: block; width: 100%;}
 .project_list.multy #bxslider {width: 100% !important;}
 .project_list.multy #bxslider > li {width: 100% !important;}
 .project_list .item .img {max-width: 899px;}
 .project_list #bxslider > li.no_item {width: 320px;}
 .project_list .category .region {max-width: 170px;}
 .project_list .category .theme {max-width: 90px;}
  .login_wrap {width: 100%;}
 .login_wrap .sns_easylogin {height: 360px;}
 .login_wrap .sns_easylogin > p {font-size: 20px; padding: 60px 0 30px 0;}
 .login_wrap .sns_easylogin ul li a {height: 40px;}
 .login_wrap .sns_easylogin ul li a span {width: 95px; height: 40px;}
 .login_wrap .sns_easylogin ul li a.naver span {background-position: -34px -480px;}
 .login_wrap .sns_easylogin ul li a.facebook span {background-position: -29px -545px;}
 .login_wrap .sns_easylogin ul li a.kakao span {background-position: -31px -610px;}
  .view_other_info .photo_name {width: 100%;}
 .view_other_info .r_info {width: 100%;}
 .view_other_info .r_info .list .title {width: 100%;}
  .card {margin: 5% 0; padding: 30px 15px 72px 15px;}
  .theme_info {padding: 5%;}
  .team_member_list ul li {width: 100%; margin-right: 0;}
 /* .team_member_list ul li:nth-child(even), .network_list ul li:nth-child(even) {margin-right: 0;}
 .team_member_list ul li:nth-child(3n+3), .network_list ul li:nth-child(3n+3){margin-right: 0;}
*/  .pop_layer {width:350px; height: 700px;}
 .pop_layer .pop_container {padding: 15px;}
 .pop_container .theme, .pop_container .region {margin-right: 3px;}
 .pop_layer .tag_wrap > a {padding-right: 10px;}
 .comment_wrap .reg_info {margin-bottom: 6px;}
 .comment_wrap .reg_info .nickname {display: block; height: 21px; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 .comment_wrap .reg_info .date {padding-left: 0; line-height: 15px;}
 .comment_wrap p.comment {padding-left: 0; font-size: 14px;}
  .mypage_l {width: 100%; padding:0 2%}
 .write_title.phone .input_wrap > input[type="text"] {width: 30.333%; }
 .write_title {width: 100%;}
  .mypage_l th {display: none;}
 .mypage_l td {box-sizing: border-box;}
 .board_t1 td.title > a, .board_t1 td.title_wrap > a {font-size: 14px;}
 .mypage_l td.blind {display: none;}
 .mypage_l td span.mini_status {display: inline-block; padding: 2px 5px; color: #666666; border: 1px solid #e5e5e5; border-radius: 5px; margin-left: 4px; font-size: 14px;}
 .mypage_l td span.mini_status.ongoing {background: #fff;}
 .mypage_l td span.mini_status.stopped {background: #e5e5e5;}
 .mypage_l .new_join_box {width: 350px;}
 .mypage_l .new_join {font-size: 14px; padding: 2px 8px;}
 .related_project .control_box{display: none;}
  .snb_3rd ul li { width:50%; margin-right:0; }
 .snb_3rd ul li a {width: 100%; height: 40px; font-size: 15px; line-height: 40px;}
 }
 @media (max-width: 420px){  .recity_wrap.region .region_r .photo_box ul li {height: 90px;}
 .project_list .category .region {max-width: 80px;}
 .project_list .category .theme {max-width: 80px;}
  .mypage_l .new_join_box {width: 290px;}
 }
 @media (max-width: 330px){  .pop_layer {width: 280px; height: 500px;}
 }
  .box_info {margin-bottom: 20px;width: 100%;display: inline-block;}
 .box_info li {width: 35%;float: left;padding: 3% 7%;height: 60px;font-size: 21px;color:#fff;text-align: center;border-radius: 92px;line-height: 30px;}
 .box_info li.bbg_b {background:#4668a5 url("/images/colocal/common/bg_sprite.png?build_20260819005") no-repeat 0 -70px;}
 .box_info li.bbg_g {background:#4fadb9; opacity: 0.9;margin: 0 -20px;}
  .org { width:100%; display:inline-block; margin:5% 0; background: url("/contents/11/information_bg_line.png") no-repeat center 175px;}
 .org > div { margin-bottom:10px;}
 .org p.director { margin:0 auto; background: url("/contents/11/information_bg_1.png") no-repeat ; width:186px; height:208px;text-align: center;padding-top: 50px;font-size: 26px;}
 .org p.director em { font-size:36px;line-height: 65px;}
 .org dl {width: 31.333%;float: left; margin-top:100px; border: 1px #ccc solid;box-sizing: border-box;margin: 0 1%;min-height: 230px; background:#fff;}
 .org dl dt { width:100%;box-sizing: border-box;padding: 2%; text-align:center; font-size:18px;line-height: 45px; color:#fff;margin-bottom: 14px;}
 .org dl dt.org1_1 { background:#5c7393;}
 .org dl dt.org1_2 { background:#9d9ed7;}
 .org dl dt.org1_3 { background:#2bc9ba;}
 .org > dl dd {background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat -122px -6px;padding: 0 0 0 25px;}
  .chart { width:100%; display:inline-block; margin:1% 0; background: url("/contents/11/chart_img_bg.jpg") no-repeat center -224px; background-size:100%;}
 .chart > div { margin-bottom:10px;}
 .chart p.director0 { position:absolute;left:25%;display: inline-block;margin:0 auto; background: url("/contents/11/information_bg_3.png") no-repeat ; width:186px; height:208px;text-align: center;padding-top: 50px;font-size: 26px;color: #fff;}
 .chart p.director0 em { font-size:23px;line-height: 75px;}
 .chart p.director { position:relative; left:52.5%; display: inline-block;margin:0 auto; background: url("/contents/11/information_bg_2.png") no-repeat ; width:186px; height:150px;text-align: center;padding-top: 50px;font-size: 26px;color: #fff;}
 .chart p.director em { font-size:23px;line-height: 75px;}
 .chart dl {width: 29.333%;float: left; margin-top:100px;box-sizing: border-box;margin: 0 2%;}
 .chart dl dt { width:100%;box-sizing: border-box;padding:4%; text-align:center; font-size:18px;line-height: 45px; color:#fff;margin-bottom: 14px; background-color:#464646;}
 .chart > dl dd {background:#eeeae1;padding: 1% 25px;text-align: center;}
 .org_1 {width:23%;float: left; margin-top:100px; border: 1px #ccc solid;box-sizing: border-box;margin: 0 1%;min-height: 200px; background:#fff;}
 .org_1 dt { width:100%;box-sizing: border-box;padding: 2%; text-align:center; font-size:18px;line-height: 45px; color:#fff;margin-bottom: 14px;background:#5c7393;}
 .org_1 > dd {background: url("/images/common/sub/content_bl.png?build_20260819005") no-repeat -115px -6px;padding: 0 0 0 30px;}
 .org_1 > dd.org_t {background:none; border-bottom: 1px solid #ccc;padding-bottom: 2%; margin-bottom:1%;font-size: 18px;}
 @media (max-width: 1300px){  .box_info li {font-size: 18px;}
 }
 @media (max-width: 899px){  .box_info li {float: none;width: 100%;box-sizing: border-box;height: auto;line-height: 26px;height: 95px;}
 .box_info li.bbg_g {margin: 0;}
 #content span.next {display: inline;}
  .org { background: url("/contents/11/information_bg_line2.png") no-repeat center 175px;}
 .org dl {width: 100%;float: none;margin-bottom: 20px;}
 .chart p.director0 { position:initial;left:2%;display:block;margin:0 auto; height:180px;}
 .chart p.director { position:initial;left:0;display:block;margin:0 auto; height:180px;}
 .chart dl {width: 100%;float: none;margin: 0;margin-bottom: 30px;}
 .chart dl dt { width:100%;box-sizing: border-box;padding:2%; text-align:center; font-size:18px;line-height: 45px; color:#fff;margin-bottom: 14px; background-color:#464646;}
 .chart > dl dd {background:#eeeae1;padding: 2% 25px; border: 1px #ccc solid; margin:2% 0;text-align: center;}
 .org_1 {width: 100%;float: none;margin-bottom: 20px;}
 }
  .concept_p { position:relative;height: 60px; margin-bottom:2%;}
 .concept_p li { float:left;width:33.333%; padding:15px 20px; box-sizing:border-box; text-align:center;}
 .concept_p li.cp01 {border:1px solid #ccc; background-color:#EEEAE1;}
 .concept_p li.cp02 {padding:0 20px;background: url("/contents/19/cp02_bg.jpg") no-repeat center -6px}
 .concept_p li.cp03 {border:1px solid #ccc; color:#fff;background-color:#003466;}
 @media (max-width: 600px){  .concept_p li { float:none; width:100% !important;}
 }
  .srategy_list>li {margin-top:10px; padding:15px;border-radius: 100px 10px 10px 100px;}
 .srategy_list>li .box { float:left; display:table; width:100%; height:196px; color:#222;}
 .srategy_list>li .tit { display:inline-block;color:#fff;font-size:25px; vertical-align:middle;border-radius:50%; width:80px; height:80px; text-align:center;line-height: 80px;}
 .srategy_list>li .txt {display:inline-block; width:45%; font-size:26px; vertical-align:middle;padding-left:2%;}
 .srategy_list>li ul { display:inline-block; width:537px; vertical-align:middle;}
 .srategy_list>li ul li { position:relative; padding-left:17px; color:#343434; font-size:18px;font-weight: 400;}
 .srategy_list .srategy_box1 { background-color:#fdebe6;}
 .srategy_list .srategy_box1 .tit { background-color:#de6462; }
 .srategy_list .srategy_box1 .txt { color:#de6462;}
 .srategy_list .srategy_box2 { background-color:#fdecd4;}
 .srategy_list .srategy_box2 .tit { background-color:#ec9a3f; }
 .srategy_list .srategy_box2 .txt { color:#ec9a3f;}
 .srategy_list .srategy_box3 { background-color:#f0f5ea;}
 .srategy_list .srategy_box3 .tit { background-color:#53a97b; }
 .srategy_list .srategy_box3 .txt { color:#53a97b;}
 .srategy_list .srategy_box4 { background-color:#faf1ef;}
 .srategy_list .srategy_box4 .tit { background-color:#eba79d; }
 .srategy_list .srategy_box4 .txt { color:#e1716b;}
 @media (min-width: 601px){  .pc_none { display:none; }
 }
 .img {max-width: 100%;height: auto;}
 @media (max-width: 600px){ .mb_none { display:none; }
  ul.basic_w > li {width:100%;float: none;}
 }
  .url_tit > p { color:#e2716b; font-size:20px; }
 .saying ul.saying_li { margin-top:20px;}
 .saying ul.saying_li > li { background:url("/images/common/sub/content_bl.png?build_20260819005") no-repeat -136px -423px; padding:0 0 0 10px; margin:1% 2%;font-size: 20px;float: left;width: 45%;}
 .saying ul.saying_li > li span { display:block; color:#555;min-height: 57px;}
 .saying ul.saying_li > li > ul { margin-top:5px; color:#000; margin-bottom:5px;}
 .saying ul.saying_li > li > ul li { background:url("/images/common/sub/content_bl.png?build_20260819005") no-repeat -136px -423px; padding:0 0 0 10px;}
  .saying .bor_box1 {clear:both;padding:5px 5px;margin:25px 0 30px 0;color:#323232;position:relative; border:1px dashed #e4e4e4; background:#fff;}
 .saying .bor_box1 .inbox {padding: 20px 35px; min-height:100px;}
 .saying .bor_box1 .inbox span.title {font-size: 17px; color:#b2111b;padding-left:180px;font-weight: 500;}
 .saying .bor_box1 .inbox p, .bor_box1 .inbox ul {padding-left:180px;}
 .saying .bor_box1 .inbox ul {margin-top:0;}
 .saying .bor_box1 span.ico1 {position:absolute;background:url("/contents/107/saying_bg01.jpg") no-repeat scroll 0 0;width:100px;height: 100px;background-size: 100%;}
 .saying .bor_box1 span.ico2 {position:absolute;background:url("/contents/107/saying_bg01.jpg") no-repeat scroll 0 -118px;width:100px;height: 100px;background-size: 100%;}
  .tit1 {font-size: 33px;font-weight: 400; margin:60px 0 45px;color:#295091;background: url("/images/common/sub/box_pattern.gif?build_20260819005");}
 .btn_p {margin: 2% 0;}
 .btn_p a.p5 { background-color:#ffffff; border:1px solid #4264a3; color:#062662; }
 .btn_p a.p5:hover { background-color:#008cd1; border:1px solid #008cd1; color:#fff; }
  .map_box {margin-top:3%;}
 .map_box > img{ width:100%;}
  .information_box { background:url("/contents/11/information_bg.jpg") no-repeat right 70px; height:550px; webkit-print-color-adjust:exact !important;}
 .information_box .information_cont { width:63%; padding-top:3%}
 .information_box .information_cont h3 { color:#369;}
 .information_box p { margin-left:0; }
 .information_box p.basic { margin-top:10px; letter-spacing:-0.5px; }
 .information_box p.basic span { font-weight:bold; }
 .information_box p.info01 { text-align:right;font-weight: 400;color: #000;}
 @media (max-width: 759px){ .information_box { background:none; height:auto;}
 .information_box .information_cont { width:100%;}
 }
  .agree { counter-reset:num; padding:0; margin:0; list-style:none;}
 .agree > h4 {counter-reset:ol;}
 .agree > h4:before { content:"제" counter(num)"조 "; counter-increment:num 1;}
 .agree > ol > li:before { content: counter(ol); counter-increment:ol 1; display:inline-block; width:15px; height:15px; border:1px solid #ccc; font-size:12px; border-radius:15px; text-align:center; line-height:15px; margin-right:5px;}
 .agree > ol > li {counter-reset:ol2;}
 .agree > ol > li > ol { margin-bottom:10px;}
 .agree > ol > li > ol li { font-size:14px;line-height: 22px;line-height: 22px;color:#666;}
 .agree > ol > li > ol li:before { content: counter(ol2)". "; counter-increment:ol2 1; display:inline-block; width:15px; height:15px; font-size:14px; text-align:center; line-height:15px; margin-left:10px;margin: 0 4px 0 18px;}
  .table_card{display: block; padding-left: 20px; padding-right: 20px; margin-left: -27px; margin-right: -27px;height: 760px;}
 .table_card_in{display: block; width: 33.333%; float: left;}
 .card_border {border: 1px solid #ccc; margin: 7px; padding: 30px 27px 24px; overflow: hidden; position: relative; line-height: normal;height: 300px;}
 .card_border img {width:100%;}
 .table_card p{width: 100%; float: left;}
 .card_border > h3.service_tit{font-size: 21px !important; font-weight: 500 !important; color: #000;margin: 20px 0 !important; padding:0; background:none;text-align: center;}
 .card_border > h3.service_tit > span {font-weight: 200;}
 .card_border > ul { height:70px;}
 .card_border .btn_p a {color: #fff;padding-top: 8px;transition: all 0.3s ease 0s;width: 80%;display: inline-block;}
 .btn_link {display: inline-block;width: 70px;text-align: center;height: 35px;font-size: 14px;line-height: 35px;vertical-align: middle;background: #384d75;color: #fff !important;}
  .partners_work_join .join_guide {margin-bottom:22px;overflow:hidden;margin-left:1px}
 .partners_work_join .join_guide ul{float:left;width:100%;}
 .partners_work_join .join_guide ul li{position:relative;float:left;width: 28.333%;min-height:200px;border:solid #c8c8c8; margin:2%; padding-top:1%;}
 .partners_work_join .join_guide ul li img{display:block; height:auto; margin: 0 auto;background-size: 100%;}
 .partners_work_join .join_guide ul li a{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-99999em;overflow:hidden;}
 .partners_work_join .join_guide ul li a em{display:none}
 .partners_work_join .join_guide ul li a:hover{width:100%; min-height:200px; background:#C00; opacity:0.7;}
 .partners_work_join .join_guide ul li a:hover em{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('/contents/131/partner_btn.png') center center no-repeat}
 .partners_work_join .join_guide ul li strong{display:block;font-size:18px;color:#222;line-height:60px;text-align:center;font-weight:400;border-top: 1px solid #ccc;width: 100%;text-align: center;margin: 4% auto 0;}
  .info_search {background-color:#f3f3f3; padding:20px; text-align:center; margin-bottom:30px;}
 .info_search span {font-size: 18px;}
 .info_search select {border:0 solid #ddd; height:34px; min-width:130px; padding:0 0 0 5px; color:#666;margin: 0 15px;}
 .info_search input.input_text {height: 36px;line-height: 36px;margin:0 15px 0 5px;font-size: 13px;color: #999;text-indent: 15px;border: 0;}
 .info_search select.wd1 { width:30%; }
 .info_search .btn_search {background:#0c4da1;padding: 0 20px;line-height:36px; border: none; color: white; text-align: center; text-decoration: none; display: inline-block;font-size: 16px;margin: 4px 2px; cursor: pointer;}
 .info_search .btn_search:hover {background:#036;}
 @media (max-width: 425px){ #content {margin-top: 30px;}
 .box_info li {float: none;}
 .c_box2 .in_box {padding:4%;}
  span.br_m {display: block;}
  .btn_p {margin: 5% 0 7%;}
  .table_card_in{width:100%;}
 .card_border {border: 1px solid #ccc; margin: 7px; padding: 30px 27px 24px; overflow: hidden; position: relative; line-height: normal;height:auto;}
 .card_border .btn_p a {width: 100%;box-sizing: border-box;}
  .partners_work_join .join_guide ul li{float:none;width: 96%; box-sizing:border-box;}
 }
  colgroup { display:none;}
 .rwd-table {margin: 1em auto; width:100%; border-top:2px #1c4c75 solid; border-bottom:1px #d2d2d2 solid;  border-collapse:collapse;}
 .rwd-table tr { border-top: 1px solid #333; border-bottom: 1px solid #333;}
 .rwd-table th { display: none;}
 .rwd-table td { display: block;}
 .rwd-table td:first-child { padding-top: .5em;}
 .rwd-table td:last-child { padding-bottom: .5em;}
 .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 6.5em; display: inline-block;}
 .rwd-table th { text-align: left;}
 .rwd-table td { text-align: left;}
 .rwd-table {overflow: hidden;}
 .rwd-table tr { border-color: #46637f;}
 .rwd-table th, .rwd-table td { margin: .5em 1em;}
 @media (min-width: 480px) { colgroup { display:inline;}
 .rwd-table td:before {display: none;}
 .rwd-table th, .rwd-table td {display: table-cell; padding: .25em .5em; }
 .rwd-table th:first-child, .rwd-table td:first-child {padding-left: 0;}
 .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0;}
 .rwd-table th { text-align:center; padding: 1em !important;background-color: #ededed; width:20%;}
 .rwd-table td { text-align:center; padding: 0.7em 0 !important;}
 .rwd-table th:nth-child(5n) { color:#C00; font-weight:500;}
 .rwd-table td:nth-child(5n) { color:#C00; font-weight:500;}
 }
 .tbl td {padding:0px 0px !important; }
  .category_box{ overflow:hidden; margin-bottom:20px}
 .category_box li{float:left;width: 13.7%;box-sizing:border-box;text-align:center;background:#fafafa;margin:0 0 0 -1px;height: 47px;line-height: 47px;}
 .category_box li.on{ background:#195ec9; color:#FFF; border-color: #195ec9;}
 .category_box li.on a {color: #FFFFFF;}
 .category_box a{ display:block; color:#333; padding: 0 10px; border: solid 1px #d2d2d2; height: 47px; line-height: 47px; box-sizing: border-box; font-size:15px; border-bottom:none; }
 .category_box li:nth-child(17) a, .category_box li:nth-child(18) a, .category_box li:nth-child(19) a, .category_box li:nth-child(20) a, .category_box li:nth-child(21) a, .category_box li:nth-child(22) a, .category_box li:nth-child(23) a{border-bottom:1px solid #d2d2d2 !important;}
 .category_box li:first-child, .category_box li:nth-child(8), .category_box li:nth-child(15), .category_box li:nth-child(22){border-left:1px solid #d2d2d2;}
 .category_box li:nth-child(14),.category_box li:nth-child(15), .category_box li:nth-child(16) {border-bottom:1px solid #d2d2d2;}