/* /// 공통 /// */ #contents {padding-bottom:100px} #contents nav {text-align:center;border-bottom:1px solid #dddfe2;height:60px;width:100%;background:#fff;z-index:1000} #contents nav a {padding:0 27px;line-height:60px;font-size:20px} #contents nav a.active {color:#215cb2;position:relative} #contents nav a.active:before {content:"";display:block;position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:#215cb2} #contents #sub_txt {width:100%;max-width:1200px;margin:70px auto 0;position:relative} #contents #sub_txt .sub_navi {font-size:0;margin-bottom:5px} #contents #sub_txt .sub_navi,#contents #sub_txt h3 {text-align:center} #contents #sub_txt .sub_navi li {display:inline-block;font-size:15px;color:#ccc;position:relative;padding:0px 10px 0px 7px} #contents #sub_txt .sub_navi li:before {content:"";width:5px;height:9px;background:url(/images/inc/sub_navi_arrow.jpg) top center no-repeat;display:block;position:absolute;top:9px;left:-4px;color:#ccc;font-size:15px;} #contents #sub_txt .sub_navi li:first-child {padding-left:0} #contents #sub_txt .sub_navi li:first-child:before {display:none} #contents #sub_txt h2 {background:url(/images/inc/sub_title_bg.jpg) top center no-repeat;color:#fff;width:225px;height:149px;position:absolute;top:-219px;left:0;z-index:10000;text-align:center;line-height:149px;font-size:28px;font-weight:normal;font-family:"notoMedium";letter-spacing:-1px} #contents #sub_txt h3 {font-size:40px;font-family:"notoMedium";line-height:40px;margin-bottom:80px} #contents #sub_txt h4 {font-size:24px;line-height:24px;font-family:"notoMedium";margin-bottom:25px;background:url(/images/inc/sub_txt_title.jpg) left center no-repeat;padding-left:18px} #contents .stuck{position: fixed;top:0} /* /// 회사소개 /// */ /* 인사말 */ #introduce_bg {background:url(/images/introduce/introduce_bg.jpg) top center no-repeat #fff;width:100%;height:247px} #greeting_txt {width:100%;overflow:hidden} #greeting_txt dl {background:url(/images/introduce/greeting_img.jpg) bottom center no-repeat;padding-bottom:200px;margin-bottom:50px} #greeting_txt dl dt {font-size:24px;font-family:"notoMedium";line-height:24px;margin-bottom:20px} #greeting_txt dl dd {line-height:28px;} #greeting_txt dl dd b {display:block;margin:15px 0;} #greeting_txt dl dd b mark {color:#035cb2} #greeting_txt table {width:50%;float:left;border-bottom:1px solid #3e3a3b} #greeting_txt table tbody tr th {background:#f1f3f6;border-top:1px solid #bbbec3;width:50%;height:65px} #greeting_txt table tbody tr:first-child th, #greeting_txt table tbody tr:first-child td {border-color:#3e3a3b} #greeting_txt table tbody tr td {border-top:1px solid #bbbec3;box-sizing:border-box;padding:0px 10px} /* 찾아오시는 길 */ #map_txt ul {margin-top:30px} #map_txt ul li {display:inline-block;padding-right:110px;padding-left:30px;box-sizing:border-box} #map_txt ul li b {margin-right:5px} #map_txt ul li.address {background:url(/images/introduce/map_icon1.jpg) left center no-repeat;} #map_txt ul li.tel {background:url(/images/introduce/map_icon2.jpg) left center no-repeat;} #map_txt ul li.fax {background:url(/images/introduce/map_icon3.jpg) left center no-repeat;} /* /// 소모성자재사업 /// */ #materials_bg {background:url(/images/materials/materials_bg.jpg) top center no-repeat #fff;width:100%;height:247px} #materials_txt section,#systems_txt section {margin-bottom:60px;width:100%;overflow:hidden} #materials_txt img {display:block;width:100%;max-width:1005px;margin:50px auto} #materials_txt table {border-top:1px solid #3e3a3b;border-bottom:1px solid #3e3a3b;width:100%} #materials_txt table thead tr th {background:#f1f3f6;height:64px;width:33.333%} #materials_txt table tbody tr td {border-top:1px solid #bbbec3;text-align:center;height:64px} #materials_txt table thead tr th:last-child,#materials_txt table tbody tr td:last-child {color:#035cb2} #materials_txt dl {width:31%;float:left;text-align:center;margin-left:3.5%} #materials_txt dl.list1 {margin-left:0} #materials_txt dl dt {height:55px;line-height:55px;color:#fff;font-size:22px;font-family:"notoMedium";} #materials_txt dl.list1 dt {background:#1268b0} #materials_txt dl.list2 dt {background:#3088d0} #materials_txt dl.list3 dt {background:#147793} #materials_txt dl dd {box-sizing:border-box;border:1px solid #bbbec3;border-top:0;line-height:28px;padding:120px 20px 16px;box-sizing:border-box} #materials_txt dl.list1 dd {background:url(/images/materials/list1_icon.jpg) center 31px no-repeat} #materials_txt dl.list2 dd {background:url(/images/materials/list2_icon.jpg) center 25px no-repeat} #materials_txt dl.list3 dd {background:url(/images/materials/list3_icon.jpg) center 20px no-repeat} #materials_txt section.ogz {background:url(/images/materials/materials_line.jpg) center 60px no-repeat;} #materials_txt section.ogz p {text-align:center;width:480px;margin:0 auto;background:#444;color:#fff;line-height:60px;font-size:22px;border-radius:30px;margin-bottom:60px} #materials_txt section.ogz ul {width:15%;float:left;margin-left:1.5%;box-sizing:border-box;border:1px solid #bbbec3;height:265px} /*#materials_txt section.ogz ul.first {margin-left:0}*/ #materials_txt section.ogz ul li {padding:20px 18px;box-sizing:border-box;} #materials_txt section.ogz ul li:first-child {background:#d4d7db;padding:18px 0;font-size:18px;text-align:center} /* /// 정보통신사업 /// */ #communication_bg {background:url(/images/communication/communication_bg.jpg) top center no-repeat #fff;width:100%;height:247px} /* 시스템 통합사업 */ #systems_txt .SI_box {width:100%;max-width:797px;margin:35px auto 0;display:block} #systems_txt .category {width:100%;clear:both;margin-bottom:25px;overflow:hidden} #systems_txt .category img {float:left;width:100%;max-width:360px} #systems_txt .category p {font-size:20px;font-family:"notoMedium";line-height:20px;padding:15px 0px 15px 380px} #systems_txt .category ul {padding-left:380px;line-height:28px} #systems_txt .category ul li {background:url(/images/inc/list_dot.jpg) left 12px no-repeat;padding-left:12px} /* 유지보수 */ #maintenance_txt section {width:100%;overflow:hidden;margin-bottom:50px} #maintenance_txt section img {display:block;width:100%;max-width:500px;margin:45px auto 50px} #maintenance_txt section div {width:23%;margin-left:2.6%;box-sizing:border-box;float:left;} #maintenance_txt section div p {text-align:center;line-height:55px;font-size:22px;color:#fff} #maintenance_txt section div.systems {margin-left:0} #maintenance_txt section div.systems p {background:#61aeef} #maintenance_txt section div.SM p {background:#147793} #maintenance_txt section div.outsourcing p {background:#1e75be} #maintenance_txt section div.solution p {background:#105690} #maintenance_txt section div ul {border:1px solid #bbbec3;border-top:0;box-sizing:border-box;padding:12px 30px;line-height:30px;height:145px} #maintenance_txt section div ul li {background:url(/images/inc/list_dot.jpg) left 12px no-repeat;padding-left:12px} #maintenance_txt .service_list {width:100%;overflow:hidden} #maintenance_txt .service_list dl {width:48%;height:210px;float:left;box-sizing:border-box;border:1px solid #bbbec3;margin-bottom:2.16%;padding:35px 0px 0px 195px} #maintenance_txt .service_list dl.list1,#maintenance_txt .service_list dl.list3 {margin-right:2.16%} #maintenance_txt .service_list dl.list1 {background:url(/images/communication/maintenance_icon1.jpg) 57px 55px no-repeat} #maintenance_txt .service_list dl.list2 {background:url(/images/communication/maintenance_icon2.jpg) 63px 55px no-repeat} #maintenance_txt .service_list dl.list3 {background:url(/images/communication/maintenance_icon3.jpg) 59px 57px no-repeat} #maintenance_txt .service_list dl.list4 {background:url(/images/communication/maintenance_icon4.jpg) 68px 57px no-repeat} #maintenance_txt .service_list dl.list5 {background:url(/images/communication/maintenance_icon5.jpg) 65px 57px no-repeat} #maintenance_txt .service_list dl dt {font-size:20px;line-height:20px;font-family:"notoMedium";margin-bottom:13px} #maintenance_txt .service_list dl dd ul {line-height:28px} #maintenance_txt .service_list dl dd ul li {background:url(/images/inc/list_dot.jpg) left 12px no-repeat;padding-left:12px} /* /// 채용정보 /// */ #recruit_bg {background:url(/images/recruit/recruit_bg.jpg) top center no-repeat #fff;width:100%;height:247px} #recruit_txt {width:100%;overflow:hidden} #recruit_txt > p {font-size:24px;line-height:30px;margin-bottom:25px;text-align:center;font-family:"notoMedium"} #recruit_txt > p mark {color:#035cb2} #recruit_txt > div {width:100%;max-width:265px;float:left;margin-left:46px;box-sizing:border-box} #recruit_txt div > p {text-align:Center;font-size:24px;line-height:24px;padding-top:30%;padding-bottom:3%} #recruit_txt div > div {width:100%;height:265px;margin-bottom:18px} #recruit_txt div > div ul {margin:0 auto;display:block} #recruit_txt div > div ul li {background:url(/images/inc/list_dot.jpg) left 10px no-repeat;padding-left:12px} #recruit_txt div.list1 {margin-left:0} #recruit_txt div.list1 p,#recruit_txt div.list1 span mark {color:#61aeef} #recruit_txt div.list1 div {background:url(/images/recruit/information_list1_bg.jpg) top center no-repeat} #recruit_txt div.list1 div ul {width:80px} #recruit_txt div.list2 p,#recruit_txt div.list2 span mark {color:#1e75be} #recruit_txt div.list2 div {background:url(/images/recruit/information_list2_bg.jpg) top center no-repeat} #recruit_txt div.list2 div ul {width:117px} #recruit_txt div.list3 p,#recruit_txt div.list3 span mark {color:#147793} #recruit_txt div.list3 div {background:url(/images/recruit/information_list3_bg.jpg) top center no-repeat} #recruit_txt div.list3 div ul {width:75px} #recruit_txt div.list4 p,#recruit_txt div.list4 span mark {color:#105690} #recruit_txt div.list4 div {background:url(/images/recruit/information_list4_bg.jpg) top center no-repeat} #recruit_txt div.list4 div ul {width:105px} #recruit_txt div span {display:block;text-align:center;line-height:28px} #recruit_txt div span mark {font-family:"notoMedium"} /* /// 개발사업 /// */ #development_bg {background:url(/images/development/development_bg.jpg) top center no-repeat #fff;width:100%;height:247px} /* APP개발 */ #APP_txt .step_img {display:block;margin:0 auto 50px;width:100%;max-width:806px} #APP_txt .detail_step {box-sizing:border-box;border:1px solid #bbbec3;width:49%;float:left;height:210px;margin-bottom:2%;margin-right:2%;display:table} #APP_txt .detail_step ul {display:table-cell;vertical-align:middle;width:194px;text-align:center} #APP_txt .detail_step ul li {line-height:34px;width:119px;font-family:"notoMedium";font-size:20px;margin:14px auto 0px;letter-spacing:-1px} #APP_txt .detail_step ul li:first-child {margin-top:0} #APP_txt .detail_step dl {display:table-cell;padding-top:30px;box-sizing:border-box} #APP_txt .detail_step dl dt {font-family:"notoMedium";font-size:20px;line-height:20px;color:#035cb2;margin-bottom:10px} #APP_txt .detail_step dl dd {line-height:30px} #APP_txt .detail_step dl dd span {display:block} #APP_txt .step1 ul li,#APP_txt .step5 ul li {border:3px solid #7dbcf1;color:#7dbcf1} #APP_txt .step2 ul li {border:3px solid #005590;color:#005590} #APP_txt .step3 ul li {border:3px solid #147793;color:#147793} #APP_txt .step4 ul li {border:3px solid #105690;color:#105690} #APP_txt .step6 dl {padding:30px} #APP_txt .step2,#APP_txt .step4,#APP_txt .step6 {margin-right:0} #detail_vision {margin-top:2%;overflow:hidden;width:100%;height:auto;float:left} #detail_vision div {float:left;width:100%;max-width:380px;margin-right:30px;text-align:center;color:#fff} #detail_vision div dl {box-sizing:border-box;padding:18px 0 20px;height:160px} #detail_vision div dl dt {font-size:22px;font-family:"notoMedium";margin-bottom:12px} #detail_vision div dl dt mark {display:block;color:#05223a;margin-bottom:10px;font-size:16px} #detail_vision div.vision1 {background:#1268b0} #detail_vision div.vision2 {background:#3088d0} #detail_vision div.vision3 {margin-right:0;background:#147793} #detail_vision div img {display:block;width:100%;border:1px solid #bbbec3;box-sizing:border-box;border-bottom:0} /* 홈페이지 개발 */ #web_txt img.pc_view {display:block;margin:0 auto 50px;width:100%;max-width:788px} #web_txt img.m_view {display:none} #web_txt div{float:left;width:50%;box-sizing:border-box} #web_txt div.first {padding-right:1%} #web_txt div.last {padding-left:1%} #web_txt div dl {box-sizing:border-box;border:1px solid #bbbec3;width:100%;margin-bottom:15px;padding:34px} #web_txt div dl dt {font-family:"notoMedium";font-size:20px;line-height:20px;color:#035cb2;margin-bottom:10px} #web_txt div dl dd {line-height:30px} /* /// 보아테크놀로지 소식 /// */ #news_bg {background:url(/images/news/news_bg.jpg) top center no-repeat #fff;width:100%;height:247px} /* board */ .bsCon2_consult3_01 table{width:100%;border-top:2px solid #333;margin-bottom:36px} .bsCon2_consult3_01 table thead tr th{background:#f8f8f8;border-bottom:1px solid #333;height:50px;font-size:16px} .bsCon2_consult3_01 table tbody tr td{border-bottom:1px solid #e6e6e6;height:50px;text-align:center} .bsCon2_consult3_01 table tbody tr td a{display:block;text-align:left} .bsCon2_consult3_01 table tbody tr td a mark{border:1px solid #0552b8;color:#0552b8;width:36px;display:inline-block;text-align:center;line-height:21px;margin-left:5px;font-size:15px} .bsCon2_consult3_01 table span.notice{display:inline-block;color:#fff;background:#035cb2;padding:0 5px;margin-right:5px;text-align:center;text-indent:0} /* view */ .bsCon2_consult3_01 table.boardView th{text-align:left;text-indent:20px;font-weight:bold;border-bottom:1px solid #e6e6e6} .bsCon2_consult3_01 table.boardView th mark{background:none;color:#0090d9;margin-right:5px} .bsCon2_consult3_01 table.boardView td{text-align:left;box-sizing:border-box} .bsCon2_consult3_01 table.boardView td.name{text-align:left;padding-left:20px;border:0;width:40%} .bsCon2_consult3_01 table.boardView td.name a{display:inline-block} .bsCon2_consult3_01 table.boardView td.num{text-align:right;padding-right:20px;border:0;width:60%} .bsCon2_consult3_01 table.boardView td.txt{box-sizing:border-box;padding:20px;border-top:1px solid #333;line-height:24px} .bsCon2_consult3_01 table.boardView td p{line-height:24px} .bsCon2_consult3_01 table.boardView td ul {box-sizing:border-box;padding:0px 20px} .bsCon2_consult3_01 table.boardView td ul li {display:inline-block;margin-right:15px} .bsCon2_consult3_01 table.boardView td ul li b:after{content:'';width:1px;height:15px;background:#333;display:inline-block;margin:0 12px;vertical-align:middle} .bsCon2_consult3_01 div.m_board{display:none} /* paging */ .paging{text-align:center;margin-bottom:54px} .paging a{display:inline-block;margin:0px 1px;padding-bottom:0px} .paging a img{vertical-align:middle} .paging a.active{color:#035cb2;font-weight:bold} .paging a.leftArrow{margin-right:15px} .paging a.rightArrow{margin-left:15px} /* search */ .searchBox{float:right;overflow:hidden;margin-bottom:20px} .searchBox select {vertical-align: -webkit-baseline-middle; border: 1px #313131 solid;color:#313131;width:98px;height:42px; padding-left:7px;font-size:14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; float:left;border-radius:0; background:url(/images/news/selectArrow.png) 90% center no-repeat;z-index:1} .searchBox select::-ms-expand {display: none} .searchBox div:before {display:block;position:absolute;content:'';right:0px;top:0px;margin:2px;z-index:5} .searchBox div.txt{border:1px solid #e6e6e6;width:298px;height:40px;float:left;margin-left:10px} .searchBox div input{width:256px;height:38px;float:left;border:0;text-indent:15px} .searchBox div.txt:before{display:none} /* Next-Prev */ .viewNext li{line-height:32px} .viewNext strong{width:85px;display:inline-block;text-align:Center;position:relative;margin-right:20px} .viewNext strong:after{content:'';width:2px;height:13px;position:absolute;top:10px;right:0;background:#999;display:block;vertical-align:middle} /* Button */ .boardBtn{text-align:right;margin-bottom:50px;font-size:0} .boardBtn a{display:inline-block;width:154px;line-height:48px;text-align:center;margin-left:15px;color:#fff;font-size:16px} .boardBtn a.write{background:#0090d9} .boardBtn a.delete{background:#787878} .boardBtn a.list{background:#333} @media all and (max-width:1199px) { /* 공통 */ .pc_view {display:none} .m_view {display:block} /* header */ header {border-top:0} header .m_view {background:#fff;height:60px;border-bottom:1px solid #035bb2;position:fixed;top:0;left:0;width:100%} header section.m_view h1 {position:relative;top:18px;left:2%} header section.m_view h1 a {background:url(/images/inc/logo.png) top left no-repeat;background-size:115px} #contents nav {height:50px} #contents nav a {font-size:18px;line-height:18px;padding:16px 10px 14px;display:inline-block} #contents nav a.active:before {bottom:-3px} #contents #sub_txt {padding:0 2%;box-sizing:border-box;margin:50px auto} #contents #sub_txt h2 {width:100%;top:-201px;background-size:100%;height:100px;line-height:108px} #contents #sub_txt h3 {font-size:24px;line-height:24px;letter-spacing:-1px;margin-bottom:35px} #contents #sub_txt h4 {font-size:21px;line-height:21px;margin-bottom:15px} #contents #sub_txt .sub_navi {display:none} /* /// 회사소개 /// */ /* 인사말 */ #introduce_bg {height:100px;margin-top:61px;background:none} #greeting_txt dl {background-size:100%;padding-bottom:18%;margin-bottom:35px} #greeting_txt dl dt {font-size:18px;line-height:24px} #greeting_txt table {width:100%;float:none;} #greeting_txt table tbody tr th {width:30%} #greeting_txt table.first {border-bottom-color:#bbbec3} #greeting_txt table:last-child tbody tr:first-child th, #greeting_txt table:last-child tbody tr:first-child td {border-top:0} /* 찾아오시는 길 */ #mapBox div.root_daum_roughmap {height:350px} #map_txt ul li {display:block;padding-right:0;margin-bottom:10px} /* /// 소모성자재사업 /// */ #materials_bg {height:100px;margin-top:61px;background:none} #materials_txt dl {width:100%;margin:0 0 15px 0 } #materials_txt dl dt {font-size:18px;height:45px;line-height:45px} #materials_txt section.ogz {background:none} #materials_txt section.ogz p {width:100%;font-size:18px;line-height:45px;margin-bottom:15px} #materials_txt section.ogz ul {margin:0 0 15px 0;width:100%;height:auto} /* /// 정보통신사업 /// */ #communication_bg {height:100px;margin-top:61px;background:none} /* 시스템 통합사업 */ #systems_txt .SI_box {background:none} #systems_txt .SI_box dl {position:relative;top:0;margin:30px auto 0} #systems_txt .category img {float:none;margin:0 auto;display:block;} #systems_txt .category p {padding:15px 20px} #systems_txt .category ul {padding:0px 20px} /* 유지보수 */ #maintenance_txt section img {width:55%} #maintenance_txt section div {margin-left:0;width:100%;margin-bottom:15px} #maintenance_txt section div p {font-size:18px;line-height:40px} #maintenance_txt .service_list dl {width:100%;height:auto;padding:100px 20px 20px 20px} #maintenance_txt .service_list dl dt {font-size:18px;line-height:18px} #maintenance_txt .service_list dl.list1 {background:url(/images/communication/maintenance_icon1.jpg) center 25px no-repeat;background-size:45px} #maintenance_txt .service_list dl.list2 {background:url(/images/communication/maintenance_icon2.jpg) center 25px no-repeat;background-size:45px} #maintenance_txt .service_list dl.list3 {background:url(/images/communication/maintenance_icon3.jpg) center 25px no-repeat;background-size:45px} #maintenance_txt .service_list dl.list4 {background:url(/images/communication/maintenance_icon4.jpg) center 25px no-repeat;background-size:45px} #maintenance_txt .service_list dl.list5 {background:url(/images/communication/maintenance_icon5.jpg) center 25px no-repeat;background-size:45px} /* /// 채용정보 /// */ #recruit_bg {height:100px;margin-top:61px;background:none} #recruit_txt {width:100%;margin:0 auto;overflow:hidden} #recruit_txt > div {margin:0 auto 45px;max-width:550px;height:auto;float:none;width:100%} #recruit_txt div.list1 {margin:0 auto 45px} #recruit_txt div.list1 div {background:none;border:5px solid #509cdc;box-sizing:border-box} #recruit_txt div.list2 div {background:none;border:5px solid #1e75be;box-sizing:border-box} #recruit_txt div.list3 div {background:none;border:5px solid #147793;box-sizing:border-box} #recruit_txt div.list4 div {background:none;border:5px solid #105690;box-sizing:border-box} #recruit_txt div > div {height:auto;margin-bottom:10px;display:table;padding:15px 0} #recruit_txt div > p {padding:0} #recruit_txt div > div p {display:table-cell;width:50%;vertical-align:middle} #recruit_txt div > div ul {display:table-cell;width:50%} #recruit_txt div span span {display:inline-block} #recruit_txt > p {font-size:21px} /* /// 개발사업 /// */ #development_bg {height:100px;margin-top:61px;background:none} /* APP개발 */ #APP_txt .detail_step {width:100%;float:none;margin-right:0;box-sizing:border-box;padding:30px;height:auto} #APP_txt .detail_step ul {display:block;margin:0 auto} #APP_txt .detail_step dl {display:block;} #APP_txt .step6 dl {padding:0} #APP_txt .detail_step dl dt {font-size:18px;line-height:18px} #APP_txt .detail_step dl dd span {display:inline} #detail_vision {margin-top:45px} #detail_vision div {max-width:100%;float:none;margin-right:0;margin-bottom:15px;position:relative;overflow:hidden} #detail_vision div img {display:none} #detail_vision div dl {height:auto} #detail_vision div.vision1 {background:url(/images/development/APP_list1_img.jpg) center center no-repeat;background-size:cover} #detail_vision div.vision2 {background:url(/images/development/APP_list2_img.jpg) center center no-repeat;background-size:cover} #detail_vision div.vision3 {background:url(/images/development/APP_list3_img.jpg) center center no-repeat;background-size:cover} #detail_vision div.vision1 dl {background:rgba(18,104,176,0.7)} #detail_vision div.vision2 dl {background:rgba(48,136,208,0.7)} #detail_vision div.vision3 dl {background:rgba(20,119,147,0.7)} #detail_vision div dl dt {font-size:18px;margin-bottom:5px} #detail_vision div dl dt mark {margin-bottom:5px;font-size:15px} /* 홈페이지 개발 */ #web_txt img.pc_view {display:none} #web_txt img.m_view {display:block;width:100%;max-width:500px;margin:0 auto 50px} #web_txt div {float:none;width:100%;box-sizing:border-box} #web_txt div.first,#web_txt div.last {padding:0} #web_txt div dl dt {font-size:18px;margin-bottom:5px} /* /// 보아테크놀로지 소식 /// */ #news_bg {height:100px;margin-top:61px;background:none} .searchBox{float:none;width:100%} .searchBox select{width:28%;height:40px} .searchBox div.txt{width:70%;margin-left:2%;box-sizing:border-box} .searchBox div.txt input{width:80%;float:left} .searchBox div.txt img{float:right;width:38px} .bsCon2_consult3_01 table.pc_board{display:none} .bsCon2_consult3_01 div.m_board{display:block;border-top:1px solid #333;margin-bottom:30px} .bsCon2_consult3_01 div.m_board a{display:block;border-bottom:1px solid #e6e6e6;padding:13px 5px 10px} .bsCon2_consult3_01 div.m_board a span{color:#0552b8;font-size:15px;font-weight:bold} .bsCon2_consult3_01 div.m_board a mark{border:1px solid #0090d9;color:#0090d9;font-size:13px;padding:2px 10px;margin-left:5px;font-weight:normal} .bsCon2_consult3_01 div.m_board a b {display:inline-block;color:#fff;background:#035cb2;padding:0 5px;margin-right:5px;text-align:center;text-indent:0} .bsCon2_consult3_01 div.m_board a p{font-weight:bold;font-size:15px} .bsCon2_consult3_01 div.m_board a p span{font-size:14px;display:inline-block;width:110px} .bsCon2_consult3_01 div.m_board a ul li{display:inline-block;margin-right:15px;color:#858585;font-size:13px} .bsCon2_consult3_01 table{margin-bottom:25px} .bsCon2_consult3_01 table.boardView th{font-size:15px;text-indent:10px} .bsCon2_consult3_01 table.boardView td{font-size:14px} .bsCon2_consult3_01 table.boardView td ul {padding:10px} .bsCon2_consult3_01 table.boardView td ul li {display:block;margin-right:5px} .bsCon2_consult3_01 table.boardView td.txt{padding:10px;} .bsCon2_consult3_01 table.boardView td.name {padding:0 10px;box-sizing:border-box} table.boardView td.txt img{width:100%;height:auto} .viewNext {margin-bottom:50px} .viewNext strong{width:17%;margin-right:10px;float:left} .paging{margin-bottom:30px} .boardBtn{width:100%} .boardBtn a{width:32%;line-height:35px;margin-left:2%;font-size:14px} .boardBtn a:first-child{margin-left:0} .viewNext li a {display:block;width:75%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden} }