@charset "UTF-8"; #container .mgupfile-box .mgupfile-list ul li .mgupfile-wrap .nofile button { display: inline-block; border:none; width:80px; text-align:center; color: #fff; background-color: #494949; cursor: pointer; border-radius: 5px; height:32px; line-height:32px; box-sizing: border-box; margin-left:5px; } #container .mgupfile-box .mgupfile-list ul li .mgupfile-wrap .nofile button:first-of-type { margin-left:0; } .img-viewlayer { z-index:999; } @media all and (max-width:1280px){ /*로그인*/ #login-wrap .login-con { width:100%; padding:10px; box-sizing: border-box; } #login-wrap .login-con .login-box { flex-wrap:wrap; width:100%; height:100%; border-radius:5px; overflow: hidden; box-shadow:0 0 15px rgba(0,0,0,0.5); } #login-wrap .login-con .login-box .login-left { width:100%; display:flex; align-items: center; justify-content: center; padding:35px 20px; background-size:200px 76px; background-position:right 5px bottom -5px; } #login-wrap .login-con .login-box .login-left .logo { top:20px; left:20px; } #login-wrap .login-con .login-box .login-left .tit { padding-top:0; } #login-wrap .login-con .login-box .login-left .tit em { font-size:1.8em; letter-spacing: -0.05em;} #login-wrap .login-con .login-box .login-right { width:100%; padding:30px; } #login-wrap .login-con .login-box .login-right .login-form { max-width:360px; margin:0 auto; } #login-wrap .login-con .login-box .login-right .login-form .tit { font-size:1.8em; margin-bottom:15px;} #login-wrap .login-con .login-box .login-right .login-form .input-box { height:45px; } #login-wrap .login-con .login-box .login-right .login-form .input-box i.ico-id { width:45px; height:45px; } #login-wrap .login-con .login-box .login-right .login-form .input-box input { height:43px; padding:0; line-height:1;} #login-wrap .login-con .login-box .login-right .login-form .input-box i { width:45px; height:45px; } #header .inner { width:100%; padding:0 10px; box-sizing: border-box; } #h-utils a.ac-notice { display:none; } #container .inner { padding:0 10px; box-sizing: border-box; } #container .customer-mgsearch { width:100%; margin-bottom:25px; } #container .customer-mgsearch form { flex-wrap:wrap; align-items: flex-end; height:100%; } #container .customer-mgsearch form .customer-project { display:flex; flex-wrap:wrap; width:100%; } #container .customer-mgsearch form .customer-project label { display:block; width:100%; margin-bottom:10px; } #container .customer-mgsearch form .select-box { display:block; margin-right:8px; } #container .customer-mgsearch form .select-box select { min-width:100%; } #container .customer-mgsearch form .select-box:first-of-type { width:130px;} #container .customer-mgsearch form .select-box:last-of-type { margin-right:0; width:calc(100% - 138px); } #container .customer-mgsearch form .select-box select.project-subj.w480 { min-width:100%; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #container .customer-mgsearch form a.link-btn { margin-top:8px; } #container .customer-mgsearch form a.link-btn:first-of-type { margin-left:0; } #container .bs-wrap .bs-search.customer form .input-wrap { width:100%;} #container .bs-wrap .bs-search.customer form .input-wrap .input-box { width:49%; margin-right:2%; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box:nth-of-type(2n) { margin-right:0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box.ml25 { margin-left:0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box.ml20 { margin-left:0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box.ml10 { margin-left:0; width:100%; margin-right:0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box button.bs-sbutton { margin-top:15px; width:50%; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box button.dt-btn { margin-top:15px; margin-left:5px; width:calc(25% - 5px)} #container .bs-wrap .bs-search.customer form .input-wrap .input-box button.reset-btn { margin-top:15px; margin-left:5px; width:calc(25% - 5px) } #container .bs-wrap .bs-search.customer form .input-wrap .input-box label { width:55px; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box.noflex { margin:5px 2% 5px 0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box.noflex label { width:100%;} #container .bs-wrap .bs-search.customer form .input-wrap .input-box.noflex:nth-child(2n) { margin-right:0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box input[type="text"] { width:calc(100% - 65px); } #container .bs-wrap .bs-search.customer form .input-wrap .select-box { width:calc(100% - 65px); margin-bottom:0; } #container .bs-wrap .bs-search.customer form .detail-search .input-wrap .select-box { width:100%; } #container .bs-wrap .bs-search.customer form .detail-search .input-wrap .select-box:nth-of-type(2) { margin-left:0; margin-top:5px;} #container .bs-wrap .bs-search.customer form .input-wrap .select-box select { width:100%; } #container .bs-wrap .bs-search.customer form .detail-search .input-wrap { width:100%; } #container .bs-wrap .bs-search { padding:20px; } #container .bs-wrap .bs-search form { justify-content: space-between; } #container .bs-wrap .bs-search form button.bs-sbutton { width:49%; margin-left:0; margin-top:15px; } #container .bs-wrap .bs-search button.reset-btn2 { width:49%; margin-left:2%; margin-top:15px; } #container .bs-wrap .bs-search form .bs-gubun.ml20 { margin-left:0; } #container .bs-wrap .bs-search form .bs-agency.ml20 { margin-left:0; } #container .bs-wrap .bs-statecate { display:flex; align-items:center; justify-content: flex-end; flex-wrap:wrap; } #container .bs-wrap .bs-statecate .cate-list { width:100%; } #container .bs-wrap .bs-statecate .cate-list ul { justify-content: center; flex-wrap:wrap; } #container .bs-wrap .bs-statecate .cate-list ul li { display:block; width:105px; margin:2.5px; } #container .bs-wrap .bs-statecate .cate-list ul li:first-child { margin:2.5px; } #container .bs-wrap .bs-statecate .cate-list ul li:nth-child(6n) { margin-right:0;} #container .bs-wrap .bs-statecate .cate-list ul li:last-child { margin-right:0; } #container .bs-wrap .bs-statecate .cate-list ul li a { display:flex; align-items: center; justify-content: center; height:40px; } #container .bs-wrap .bs-statecate .bs-write { position:static; margin-top:15px; } #container .table-wrap .list-table.project { table-layout: auto; } #container .table-wrap .list-table.project colgroup { display:none; } #container .table-wrap .list-table.project colgroup col:nth-child(8) { width:10% !important } #container .table-wrap .list-table tbody tr td { overflow:visible; white-space:inherit; text-overflow:clip; padding:8px; } #container .table-wrap .list-table.project tbody tr td a.link-btn { display:block; width:100%; margin:0 auto 5px auto; } #container .table-wrap .list-table.project tbody tr td a.link-btn:first-of-type { margin:0 auto 5px auto; } #container .table-wrap .list-table.project tbody tr td a.link-btn:last-of-type { margin-bottom:0; } #container .table-wrap .list-table.manage { table-layout: auto; } #container .table-wrap .list-table.managecolgroup { display:none; } #container .table-wrap .list-table.manage colgroup col:nth-child(8) { width:10% !important } #container .table-wrap .list-table.manage tbody tr td a.link-btn { display:block; width:100%; margin:0 auto 5px auto; } #container .table-wrap .list-table.manage tbody tr td a.link-btn:first-of-type { margin:0 auto 5px auto; } #container .table-wrap .list-table.manage tbody tr td a.link-btn:last-of-type { margin-bottom:0; } #container .customer-mgsearch form button.customer-sbutton { margin-left:0; margin-top:10px; width:100%;} #container .s-gubunwrap .s-gubunlist .list ul li .list-top strong.list-name { margin-left:0; } #container .s-gubunwrap .s-gubunlist .list ul { justify-content: center;} #container .s-gubunwrap .s-gubunlist .list ul li { border:1px solid #ddd; margin:5px } #container .reg-table tr td input[type="text"] { display:block; width:100%; } } @media all and (max-width:1024px){ html,body { font-size:14px; } #header { height:auto; background-image:none; } #header .inner { display:block; background-color:#353840; padding:0; } #header .header-left { padding:8px 10px; box-sizing: border-box; } #gnb ul.depth1 li.depth1-item { display:block; height:auto; width:100%; } #gnb ul.depth1 li.depth1-item:nth-child(1) { display:none } #gnb ul.depth1 li.depth1-item:nth-child(2) { display:none } #gnb ul.depth1 li.depth1-item:nth-child(4) { display:none } #gnb ul.depth1 li.depth1-item .depth-wrap { height:100%; } #gnb ul.depth1 li.depth1-item:nth-child(3) .depth-wrap a.d1 { display:none; } #gnb ul.depth1 li.depth1-item:nth-child(3) .depth-wrap .depth2 { display:block; position:static } #gnb ul.depth1 li.depth1-item:nth-child(3) .depth-wrap .depth2 ul li:nth-child(2) { display:none; } #gnb ul.depth1 li.depth1-item .depth-wrap .depth2 { padding:0 10px; background-color:#f2f2f2; border-top:1px solid #000; border-bottom:1px solid #ddd; } #gnb ul.depth1 li.depth1-item .depth-wrap .depth2 ul { display:flex; justify-content: center; align-items: center; } #gnb ul.depth1 li.depth1-item .depth-wrap .depth2 ul li { margin:0 15px } #gnb ul.depth1 li.depth1-item .depth-wrap .depth2 ul li a { font-size:1em; color:#333; padding:10px; font-weight:500; } #gnb ul.depth1 li.depth1-item .depth-wrap .depth2 ul li.active a { color:#000; font-weight:500; } #h-utils { position:absolute; top:20px; right:10px; z-index: 999;} #h-utils .login-menu.on { border:1px solid #ddd; } #container { padding:20px 0 ; } #container .select-box select { line-height:1.3; } #container .customer-mgsearch form .select-box{ height:40px; margin-right:4px; } #container .customer-mgsearch form .select-box:last-of-type { width:calc(100% - 134px); } #container .customer-mgsearch form .select-box select { height:38px; padding: 0 45px 0 15px; } #container .customer-mgsearch form .select-box::after { width:38px; height:38px; } /* #container .customer-mgsearch form a.link-btn { display:none; } */ #container h2 { font-size:1.4em; line-height:1; } #container .bs-wrap .bs-write { top:-5px;} #container .bs-wrap .bs-search form .bs-year { display:flex; align-items: center; width:100%; } #container .bs-wrap .bs-search form .bs-gubun { display:flex; align-items: center; width:100%; } #container .bs-wrap .bs-search form .bs-agency { display:flex; align-items: center; width:100%; } #container .bs-wrap .bs-search form .bs-agency input[type="text"] { height:40px; width:calc(100% - 65px); } #container .bs-wrap .bs-search form label { text-overflow:clip; display:block; width:55px; } #container .bs-wrap .bs-search form .select-box { width:calc(100% - 65px); height:40px; margin-bottom:8px; } #container .bs-wrap .bs-search form .select-box select { width:100%; height:40px; padding:0 45px 0 15px; } #container .bs-wrap .bs-search form .select-box::after { height:38px; width:40px;} #container .bs-wrap .bs-search.customer form .input-wrap .input-box input[type="text"] { height:40px; } #container .bs-write span { padding:10px 10px 10px 30px; } #container .bs-write span::before { left:12px;} #container .table-wrap .list-count .view-count .select-box { height:40px; } #container .table-wrap .list-count .view-count .select-box select { height:38px; padding:0 45px 0 15px; width:auto; } #container .table-wrap .list-count .view-count .select-box::after { width:40px; height:38px; } #container .reg-table { font-size:0.9em; } #container .reg-table colgroup { display:none; } #container .reg-table tbody tr { display:flex; flex-wrap:wrap; } #container .reg-table tbody th { display:flex; align-items: center; justify-content: center; text-align: center; width:110px; height:auto; padding:10px; word-break: keep-all; line-height:1.3; } #container .reg-table tbody td { display:flex; align-items: center; width:calc(100% - 110px); height:auto; padding:10px 20px; } #container .reg-table tr td a.link-btn { padding:5px 8px; width:130px;} #container .reg-table tr td .energy-list ul { flex-wrap:wrap; justify-content: center; } #container .reg-table tr td .energy-list ul li.energy-item:first-child { margin:5px; } #container .reg-table tr td .energy-list ul li.energy-item { margin:5px;} #container .reg-table tr td .flex { flex-wrap:wrap; } #container .reg-table tr td .radio-wrap.ml20 { margin:2px 10px 2px 0; } #container .reg-table tr td .radio-wrap:first-of-type { margin:2px 10px 2px 0; } #container .reg-table tr td .radio-wrap.ml20:last-of-type { margin-right:0; } #container .customer-mgtab { margin-bottom:15px;} #container .customer-mgtab ul li a { display:flex; align-items: center; justify-content: center; padding:0; height:45px; font-size:1.1em;} #container .customer-mgtab ul li.active a::before { display:none; } #container .customer-mgtab ul li a:hover::before { display:none; } #container .customer-mgtab ul li.active a::after { content:""; display:block; width:20px; height:20px; background-image:url(../images/i_tabon.png); background-repeat:no-repeat; margin-left:10px; background-size:cover; } #container .customer-mgtab ul li a:hover::after { content:""; display:block; width:20px; height:20px; background-image:url(../images/i_tabon.png); background-repeat:no-repeat; margin-left:10px; background-size:cover; } #container .mgupfile-boxwrap { flex-wrap:wrap; margin-top:20px; } #container .mgupfile-box { width:100%; margin-top:15px; } #container .mgupfile-box:first-of-type { margin-top:0; } #container .table-wrap .list-table.manage { table-layout: auto; } #container .table-wrap .list-table.manage colgroup { display:none; } #container .table-wrap .list-table.manage thead { display:none; } #container .table-wrap .list-table.manage tbody tr { display:block; border-bottom:2px solid #000; } #container .table-wrap .list-table.manage tbody tr:nth-last-of-type(2n) { background-color:#f9f9f9; } #container .table-wrap .list-table.manage tbody td { display:flex; align-items: center; padding:8px 0; justify-content: flex-start; border-right:0; height:auto; } #container .table-wrap .list-table.manage tbody td a { display:block; width:calc(100% - 75px); text-align: left; } #container .table-wrap .list-table.manage tbody td:last-of-type { border-bottom:none; } #container .table-wrap .list-table.manage tbody tr td a.link-btn { width:60px; margin:0 5px 0 0; } #container .table-wrap .list-table.manage tbody tr td a.link-btn:first-of-type { margin:0 5px 0 0; } #container .table-wrap .list-table.manage tbody tr td a.link-btn:last-of-type { margin-right:0; } #container .table-wrap .list-table.manage tbody tr td a.fav-state { margin:0; } #container .table-wrap .list-table.manage tbody td::before { content:""; display:block; width:65px; margin-right:10px; font-weight:500; border-right:1px solid #eaeaea} #container .table-wrap .list-table.manage tbody td:nth-child(1)::before { content:"선택"} #container .table-wrap .list-table.manage tbody td:nth-child(2)::before { content:"번호"} #container .table-wrap .list-table.manage tbody td:nth-child(3)::before { content:"공정상태"} #container .table-wrap .list-table.manage tbody td:nth-child(4)::before { content:"신청자명"} #container .table-wrap .list-table.manage tbody td:nth-child(5)::before { content:"연락처"} #container .table-wrap .list-table.manage tbody td:nth-child(6)::before { content:"에너지원"} #container .table-wrap .list-table.manage tbody td:nth-child(7)::before { content:"설치유형"} #container .table-wrap .list-table.manage tbody td:nth-child(8)::before { content:"지역구분"} #container .table-wrap .list-table.manage tbody td:nth-child(9)::before { content:"설치주소"} #container .table-wrap .list-table.manage tbody td:nth-child(10)::before { content:"사진"} #container .table-wrap .list-table.manage tbody td:nth-child(11)::before { content:"서류"} #container .table-wrap .list-table.manage tbody tr td span.full-file { width:75px; } #container .table-wrap .list-table.manage tbody tr td a.pic-filestate { width:75px; text-align: center;} #container .table-wrap .list-table.manage tbody tr td a.data-filestate { width:75px; text-align: center;} #container .reg-table tbody td { flex-wrap:wrap;} #container .reg-table tr td .select-box { height:40px; margin:2px 4px 2px 0; } #container .reg-table tr td .select-box select { height:40px; } #container .reg-table tr td .select-box::after { width:40px; height:38px; } #container .reg-table tr td .select-box:last-of-type { margin-right:0; } #container .reg-table tr td input[type="text"]{ height:40px; padding:0 15px;} #container .reg-table tr td .donglist .dong-wrap button[type="button"] { width:40px; height:40px; } #container .reg-table tbody td { padding: 10px;} #container .reg-table tr td .address-wrap { flex-wrap:wrap; width:100% } #container .reg-table tr td .address-wrap input[type="text"].postcode { margin-bottom:8px;} #container .reg-table tr td .address-wrap input[type="text"].address { margin-left:0; width:calc(100% - 83px);} #container .reg-table tr td .address-wrap a.address-search { width:75px; height:40px; } #container .reg-table tr td .attachment { width:100%; } #container .reg-table tr td .attachment .upfile-wrap { width:100%; } #container .reg-table tr td .attachment .upfile-wrap .document-file { width:calc(100% - 173px); height:40px; padding:0 15px;} #container .reg-table tr td .attachment .upfile-wrap label { width:75px; height:40px; line-height:40px; } #container .reg-table tr td .attachment .upfile-wrap button[type="button"] { width:40px; height:40px; } #container .reg-table tr td .attachment .upfile-wrap button[type="button"].addfile { margin-left:5px; } #container .reg-table tr td .module-numlist { width:100%; } #container .reg-table tr td .module-numlist .num-wrap { width:100%; } #container .reg-table tr td .module-numlist .num-wrap input[type="text"].input-mdnum { width:calc(100% - 90px); height:40px; padding:0 15px;} #container .reg-table tr td .module-numlist .num-wrap label { width:75px; height:40px; line-height:40px; } #container .reg-table tr td .module-numlist .num-wrap button[type="button"] { width:40px; height:40px; } #container .reg-table tr td .module-numlist .num-wrap button[type="button"].add-mdnum { margin-left:5px; } #container .reg-table tr td .flex .flex-box { margin:2px 5px 2px 0; } #container .reg-table tr td .flex .flex-box.ml10 { margin:2px 5px 2px 0; } #container .reg-table tr td .flex .flex-box:last-of-type { margin-right:0; } #container .reg-table tr td a.kw3 { height:40px; line-height: 40px;} } @media all and (max-width:960px){ #container .table-wrap .list-table.process { table-layout: auto; } #container .table-wrap .list-table.process colgroup { display:none; } #container .table-wrap .list-table.process thead { display:none; } #container .table-wrap .list-table.process tbody tr { display:block; border-bottom:2px solid #000; } #container .table-wrap .list-table.process tbody tr:nth-last-of-type(2n) { background-color:#f9f9f9; } #container .table-wrap .list-table.process tbody td { display:flex; align-items: center; padding:8px 0; justify-content: flex-start; border-right:0; height:auto; } #container .table-wrap .list-table.process tbody td a { display:block; width:calc(100% - 75px); text-align: left; } #container .table-wrap .list-table.process tbody td:last-of-type { border-bottom:none; } #container .table-wrap .list-table.process tbody tr td a.link-btn { width:60px; margin:0 5px 0 0; } #container .table-wrap .list-table.process tbody tr td a.link-btn:first-of-type { margin:0 5px 0 0; } #container .table-wrap .list-table.process tbody tr td a.link-btn:last-of-type { margin-right:0; } #container .table-wrap .list-table.process tbody tr td a.fav-state { margin:0; } #container .table-wrap .list-table.process tbody td::before { content:""; display:block; width:65px; margin-right:10px; font-weight:500; border-right:1px solid #eaeaea} #container .table-wrap .list-table.process tbody td:nth-child(1)::before { content:"선택"} #container .table-wrap .list-table.process tbody td:nth-child(2)::before { content:"번호"} #container .table-wrap .list-table.process tbody td:nth-child(3)::before { content:"계약상태"} #container .table-wrap .list-table.process tbody td:nth-child(4)::before { content:"공정상태"} #container .table-wrap .list-table.process tbody td:nth-child(5)::before { content:"신청자명"} #container .table-wrap .list-table.process tbody td:nth-child(6)::before { content:"연락처"} #container .table-wrap .list-table.process tbody td:nth-child(7)::before { content:"에너지원"} #container .table-wrap .list-table.process tbody td:nth-child(8)::before { content:"설치유형"} #container .table-wrap .list-table.process tbody td:nth-child(9)::before { content:"지역구분"} #container .table-wrap .list-table.process tbody td:nth-child(10)::before { content:"설치주소"} #container .table-wrap .list-table.process tbody td:nth-child(11)::before { content:"사진"} #container .table-wrap .list-table.process tbody td:nth-child(12)::before { content:"서류"} #container .table-wrap .list-table.process tbody tr td span.full-file { width:75px; } #container .table-wrap .list-table.process tbody tr td a.pic-filestate { width:75px; text-align: center;} #container .table-wrap .list-table.process tbody tr td a.data-filestate { width:75px; text-align: center;} #container .table-wrap .list-utils { display:block; } #container .table-wrap .list-utils .util-box:nth-of-type(2) { justify-content: flex-end; margin-top:20px;} #container .table-wrap .list-utils .util-box .select-box { height:40px; } #container .table-wrap .list-utils .util-box .select-box select { height:40px; padding:0 55px 0 15px; } #container .table-wrap .list-utils .util-box .select-box::after { width:40px; height:38px; } #container .table-wrap .list-utils .util-box a.util-btn { min-height:40px;} #container .table-wrap .list-utils .util-box a.util-btn.down { margin-left:0; } #container .table-wrap .link-btns a.link-btn { height:35px; } #container .mgupfile-boxwrap { padding:15px;} } @media all and (max-width:768px){ #login-wrap .login-con .login-box .login-left { display:block; padding:30px 10px; background-size:150px 57px; } #login-wrap .login-con .login-box .login-left .logo { position:static; display:block; width:100px; margin:0 auto 15px; auto; } #login-wrap .login-con .login-box .login-left .logo img { width:100%; } #login-wrap .login-con .login-box .login-left .tit p { margin-top:10px; letter-spacing: -0.05em; font-size:1.1em;} #login-wrap .login-con .login-box .login-right .login-form .save-id { margin-bottom:20px;} #login-wrap p.copy { margin-top:20px; word-break: keep-all; line-height:1.5; } #container .table-wrap .list-table.project { } #container .table-wrap .list-table.project colgroup { display:none; } #container .table-wrap .list-table.project thead { display:none; } #container .table-wrap .list-table.project tbody tr { display:block; border-bottom:2px solid #000; } #container .table-wrap .list-table.project tbody tr:nth-last-of-type(2n) { background-color:#f9f9f9; } #container .table-wrap .list-table.project tbody td { display:flex; align-items: center; padding:8px 0; justify-content: flex-start; border-right:0; height:auto; } #container .table-wrap .list-table.project tbody td a { display:block; width:calc(100% - 75px); text-align: left; } #container .table-wrap .list-table.project tbody td:last-of-type { border-bottom:none; } #container .table-wrap .list-table.project tbody tr td a.link-btn { width:60px; margin:0 5px 0 0; } #container .table-wrap .list-table.project tbody tr td a.link-btn:first-of-type { margin:0 5px 0 0; } #container .table-wrap .list-table.project tbody tr td a.link-btn:last-of-type { margin-right:0; } #container .table-wrap .list-table.project tbody tr td a.fav-state { margin:0; } #container .table-wrap .list-table.project tbody td::before { content:""; display:block; width:65px; margin-right:10px; font-weight:500; border-right:1px solid #eaeaea} #container .table-wrap .list-table.project tbody td:nth-child(1)::before { content:"번호"} #container .table-wrap .list-table.project tbody td:nth-child(2)::before { content:"사업연도"} #container .table-wrap .list-table.project tbody td:nth-child(3)::before { content:"지자체"} #container .table-wrap .list-table.project tbody td:nth-child(4)::before { content:"사업상태"} #container .table-wrap .list-table.project tbody td:nth-child(5)::before { content:"등록고객"} #container .table-wrap .list-table.project tbody td:nth-child(6)::before { content:"계약률"} #container .table-wrap .list-table.project tbody td:nth-child(7)::before { content:"공정률"} #container .table-wrap .list-table.project tbody td:nth-child(8)::before { content:"바로가기"} #container .table-wrap .list-table.project tbody td:nth-child(9)::before { content:"즐겨찾기"} .pagination_wrap { margin:25px 0;} #container .table-wrap .list-pagination { display: flex; justify-content: center; } #container .table-wrap .list-pagination span a{ width: 30px; } #container .table-wrap .list-pagination span.page-number { border:none; margin:0 10px; } #container .table-wrap .list-pagination span.page-number a { display:none; border:none; font-size:0.95em; } #container .table-wrap .list-pagination span.page-number a:last-child { display:inline; width:auto; } #container .table-wrap .list-pagination span.page-number a.active { width:auto; display:inline; background:transparent; color:#000; border:none; } #container .table-wrap .list-pagination span.page-number a.active::after { content:"/"; display:inline; padding:0 2px;} #container .customer-issue .flex { flex-wrap:wrap; justify-content: center; } #container .customer-issue .select-wrap { width:100%; margin-bottom:8px; } #container .customer-issue .select-wrap .select-input { height:40px; } #container .customer-issue .select-wrap .select-input::after { width:40px; height:38px; } #container .customer-issue .flex a.select-del { margin-left:0; height:40px; } #container .customer-issue .flex a.reset-btn { height:40px; } #container .customer-issue .issue-reg { flex-wrap:wrap; border:none; border-radius:0; } #container .customer-issue .issue-reg textarea { width:100%; border: 1px solid #ddd;} #container .customer-issue .issue-reg a.reg-btn { width:100%; padding:15px; font-size:1.2em; margin-top:10px; border-radius:4px; } #container .customer-issue .issue-regutils .input-wrap label { font-size:1em; } #container .customer-issue .issue-regutils { padding-right:0;} #container .customer-issue .issue-list ul li { display:block; } #container .customer-issue .issue-list ul li .issue-con { width:100%; padding-right:0; } #container .customer-issue .issue-list ul li .issue-btns { display:flex; width:100%; justify-content: flex-end; } #container .customer-issue .issue-list ul li .issue-btns a.issue-modify { width:80px; margin:0; } #container .customer-issue .issue-list ul li .issue-btns a.reply-cancle { width:80px; margin:0 0 0 5px } #container .customer-issue .issue-list ul li .issue-btns a.issue-del { width:80px; margin-left:5px; } #container .s-gubunwrap .s-gubunlist { padding:20px 15px;} #container .s-gubunwrap .s-gubunlist .con-tit { justify-content: center;} #container .s-gubunwrap .s-gubunlist .con-tit h4 { font-size:1.3em;} #container .s-gubunwrap .s-gubunlist .con-tit p.percent { font-size:1.8em; margin:0 5px;} #container .s-gubunwrap .s-gubunlist .con-tit span { font-size:1em; margin-right:5px; } #container .reg-table tr td .check-wrap { flex-wrap:wrap } #container .reg-table tr td .check-wrap p.req { width:100%; padding-left:0; margin-top:5px;} } @media all and (max-width:640px){ html,body { font-size:13px; } #login-wrap .login-con .login-box .login-left { padding:20px; } #login-wrap .login-con .login-box .login-left .tit em { font-size:1.6em; } #header .header-left #header-logo a { max-width:100px; } #header .header-left #header-logo a img { width:100%; } #header .header-left .head-info { margin-left:8px;} #header .header-left .head-info em { font-size:0.9em} #header .header-left .head-info p { font-size:0.85em} #gnb ul.depth1 li.depth1-item .depth-wrap .depth2 ul li { width:25%; margin:0; } #container .customer-mgsearch form .select-box:first-of-type { width:100%; margin:0; } #container .customer-mgsearch form .select-box:last-of-type { width:100%; margin-top:5px;} #container .customer-mgsearch form a.link-btn { min-width:24.25%; margin-left:1%; height:35px; } #container .customer-mgtab ul li.active a::after { display:none;} #container .bs-wrap .bs-search { padding:15px; } #container .bs-wrap .bs-search form button.bs-sbutton { height:40px; } #container .bs-wrap .bs-search button.reset-btn2 { height:40px; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box { width:100%; margin-right:0; margin-bottom:5px;} #container .bs-wrap .bs-search.customer form .input-wrap .input-box:last-of-type { margin-bottom:0; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box button.dt-btn { height:40px; padding:0 5px; } #container .bs-wrap .bs-search.customer form .input-wrap .input-box button.reset-btn { height:40px; padding:0 5px; } #container .bs-wrap .bs-search.customer form .detail-search .input-wrap { margin-top:15px;} #container .bs-wrap .bs-search.customer form .detail-search .input-wrap .input-box.noflex { width:49%; margin:5px 2% 5px 0; } #container .bs-wrap .bs-search.customer form .detail-search .input-wrap .input-box.noflex:nth-of-type(2n) { margin-right:0; } #container .table-wrap .list-utils .util-box { justify-content: center;} #container .table-wrap .list-utils .util-box:nth-of-type(2) { display:block; margin-top:10px; } #container .table-wrap .list-utils .util-box:nth-of-type(2) a.util-btn { width:280px; margin: 0 auto; text-align: center; justify-content: center; align-items: center; padding:0 10px; margin-bottom:8px; } #container .table-wrap .list-utils .util-box:last-of-type { display:block; margin-top:10px; } #container .table-wrap .list-utils .util-box:last-of-type a.util-btn { width:280px; margin: 0 auto; text-align: center; justify-content: center; align-items: center; padding:0 10px; margin-bottom:8px; } #container .table-wrap .list-utils .util-box a.util-btn.down::before { position:static; transform: none; margin-right:10px } #container .table-wrap .list-utils .util-box a.util-btn.print::before { position:static; transform: none; margin-right:10px } #container .table-wrap .list-utils .util-box a.util-btn.excel-down::before { position:static; transform: none; margin-right:10px } #container .table-wrap .link-btns { justify-content: center; } .form-btns a.cancle-btn { width:120px; height:40px; } .form-btns a.form-modify { width:120px; height:40px; } .form-btns button.form-delete { width:120px; height:40px; } .form-btns button.form-save { width:120px; height:40px; } #container .customer-issue .issue-list { padding:15px; } #container .customer-issue .issue-list ul li { padding-bottom:20px; margin-bottom:20px; } #container .customer-issue .flex a.select-del { height:35px; } #container .customer-issue .flex a.reset-btn { height:35px; } #container .mgupfile-box .flex { flex-wrap:wrap; justify-content: center; margin-bottom:10px; } #container .mgupfile-box .flex h3 { width:100%; text-align: center; margin-bottom:10px;} #container .mgupfile-box .flex a:first-of-type { margin-left:0; } #container .mgupfile-box .print-btn { height:35px; padding:0 10px; } #container .mgupfile-box .mgupfile-alldown span { height:35px; padding:0 10px; } #container .mgupfile-box .mgupfile-alldown span::before { position:static; transform: none; margin-right:5px;} #container .mgupfile-box .mgupfile-list ul li { padding:10px; flex-wrap:wrap; } #container .mgupfile-box .mgupfile-list ul li i.upfile-chk { width:28px; height:28px; background-size:12px 12px;} #container .mgupfile-box .mgupfile-list ul li .topic { width:calc(100% - 28px); padding:0 0 0 15px; box-sizing: border-box; } #container .mgupfile-box .mgupfile-list ul li .mgupfile-wrap .nofile label { height:30px; line-height:30px; width:75px;} #container .mgupfile-box .mgupfile-list ul li .mgupfile-wrap { width:100%; margin-top:5px; } #container .s-gubunwrap .s-gubunlist { padding:0; overflow: hidden; } #container .s-gubunwrap .s-gubunlist .con-tit { padding:15px 0; background-color:#f9f9f9;} #container .s-gubunwrap .s-gubunlist .con-tit a { padding:0 5px; height:25px; } #container .s-gubunwrap .s-gubunlist .con-tit h4 { font-size:1.2em} #container .s-gubunwrap .s-gubunlist .con-tit p.percent { font-size:1.5em; margin:0 3px; } #container .s-gubunwrap .s-gubunlist .con-tit span { margin-right:3px; } #container .s-gubunwrap .s-gubunlist .con-tit a:nth-of-type(2) { margin-left:3px; } #container .s-gubunwrap .s-gubunlist .list { padding:20px 10px; } #container .s-gubunwrap .s-gubunlist .list:last-of-type { padding-bottom:20px; } #container .s-gubunwrap .s-gubunlist .list ul li { width:calc(50% - 10px); } #container .s-gubunwrap .s-gubunlist .list ul li .list-top { padding:10px; } #container .s-gubunwrap .s-gubunlist .list ul li .list-con { padding:15px 5px;} #container .reg-table tr td .address-wrap input[type="text"].address { width:100%; margin-bottom:8px; } #container .reg-table tr td .donglist { width:100%; } #container .reg-table tr td .donglist .dong-wrap { width:100%; } #container .reg-table tr td .donglist .dong-wrap input[type="text"].input-dong { width:calc(100% - 95px); } #container .reg-table tr td .address-wrap a.address-search { width:100%; margin-left:0; } #container .reg-table tr td .inline-box { display:block; width:100%; } #container .reg-table tr td input[type="text"].bs-expenses.w250 { width:calc(100% - 20px); } #container .reg-table tr td .attachment .upfile-wrap { width:100%; flex-wrap:wrap; justify-content: flex-start; } #container .reg-table tr td .attachment .upfile-wrap .document-file { width:100%; margin-bottom:5px;} #container .reg-table tr td .attachment .upfile-wrap label { width:75px; height:40px; line-height:40px; margin-left:0; } #container .reg-table tr td .attachment .upfile-wrap button[type="button"] { width:40px; height:40px; } #container .reg-table tr td .attachment .upfile-wrap button[type="button"].addfile { margin-left:5px; } #container .mgupfile-box .mgupfile-list ul li .mgupfile-wrap .nofile button { display: inline-block; border:none; width:80px; text-align:center; color: #fff; background-color: #494949; cursor: pointer; border-radius: 5px; height:32px; line-height:32px; box-sizing: border-box; margin-left:5px; } #container .mgupfile-box .mgupfile-list ul li .mgupfile-wrap .nofile button:first-of-type { margin-left:0; } .img-viewlayer { width:100%; padding:15px; box-sizing: border-box;} .img-viewlayer .layer-top { padding:15px; } .img-viewlayer .layer-top .tit { font-size:1.2em;} .img-viewlayer .layer-top .close-layer { top:15px; right:15px;} #s-footer1 { padding:0 10px; box-sizing: border-box; text-align: center; } #s-footer1 p { line-height:1.5;} }