Code - itnAdmin/itsm

/* 공통 */ .maTop12 {margin-top:12px !important;} .maTop14 {margin-top:14px !important;} .maTop60 {margin-top:60px !important;} .maTop64 {margin-top:64px !important;} .maTop20 {margin-top:20px !important;} .maBottom10 {margin-bottom:10px !important;} .maBottom20 {margin-bottom:20px !important;} .maBottom30 {margin-bottom:30px !important;} .maBottom40 {margin-bottom:40px !important;} .maBottom50 {margin-bottom:50px !important;} .maBottom60 {margin-bottom:60px !important;} .maBottom80 {margin-bottom:80px !important;} .maRight6 {margin-right:6px !important;} .maRight1per {margin-right:1% !important;} .paTopBottm50 {padding-top:50px !important;padding-bottom:50px !important;} .paLeft16 {padding-left:16px !important;} .paLeft29 {padding-left:29px !important;} .paLeft52 {padding-left:52px !important;} .paTop10 {padding-top:10px !important;} .paBottom40 {padding-bottom:40px !important;} .fSize13 {font-size:13px !important;} .fSize14 {font-size:14px !important;} .fSize15 {font-size:15px !important;} .fSize16 {font-size:16px !important;} .fSize28 {font-size:28px !important;} .C2858ad {color:#2858ad !important;} .fLeft {float:left !important;} .fRight {float:right !important;} .vAlignM {vertical-align:middle !important;} .bold {font-weight:bold} .fcor12 {color:#ee1d25 !important} .con_box {position:relative; width:100%; margin-bottom:40px; border:0px solid red} .clear_wrap {width:100%; overflow:hidden;} .con_list01 {color:#1b1b1b; font-size:18px; font-weight:bold; margin-bottom:15px; background:url('../img/sub/con_list01.png') no-repeat 0 6px; padding-left:28px; } .con_list02 {color:#055eae; font-size:16px; font-weight:bold; margin-bottom:8px; background:url('../img/sub/con_list02.png') no-repeat 0 3px; padding-left:20px; margin-left:10px } .con_list03 ul {color:#646464; font-size:14px; margin:3px 0 20px 30px } .con_list03 ul li {background:url('../img/sub/con_list03.png') no-repeat 0 8px; padding:0 0 5px 10px; line-height:18px; font-size:13px} .con_list03 ul li ul {margin:3px 0 0 0 } .con_list03 ul li ul li {background:none; padding:0 0 5px 0px; line-height:18px; font-size:13px} .con_text {color:#666; font-size:14px; line-height:22px } /* 이미지 */ .content_img {width:100%; text-align:center;} .content_img_1920 {width:100%; text-align:center;} .content_img_480 {display:none;} @media screen and (max-width: 1150px) { .content_img_1920 img {width:100%; padding:0 10px} } @media screen and (max-width: 870px) { .content_img img {width:100%; padding:0 20px} } @media screen and (max-width: 480px) { .content_img_1920 {display:none;} .content_img_480 {display:block; } .content_img_480 img {width:100%; padding:0 0px} } /* 표 */ .tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;} .tbl01 caption {height:0; text-indent:-9999px;} .tbl01 th, .tbl01 td {padding:10px; font-size:14px; border:1px solid #dedee1;} @media screen and (max-width: 480px) { .tbl01 th, .tbl01 td {padding:3px; font-size:13px; } } .tbl01 thead th {color:#000;background:#f7f7f9;} .tbl01 th:first-child, .tbl01 td:first-child {border-left:0px;} .tbl01 th:last-child, .tbl01 td:last-child {border-right:0px;} .tbl01 td {text-align:center; color:#666;} /* 1.주요사업 */ .sub11_list1 {float:left; width:14%; height:200px; background:url('../img/sub/img11_3.jpg') no-repeat center; margin:10px 1% 0px 1%; } .sub11_list1 dt {padding:8px 0 45px 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; } .sub11_list1 dd {margin-left:13%; color:#1b1b1b; text-align:left; font-size:14px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; padding-left:8px; } .sub11_list2 {float:left; width:31.3333%; margin:1%; height:200px; border:2px solid #00559c; border-radius:20px;} dl.img11_5a {background:url('../img/sub/img11_5a2.jpg') no-repeat top;} dl.img11_5b {background:url('../img/sub/img11_5b2.jpg') no-repeat top;} dl.img11_5c {background:url('../img/sub/img11_5c2.jpg') no-repeat top;} .sub11_list2 dt {padding:8px 0 25px 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; } .sub11_list2 dd {margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; font-size:13px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; } .sub12_list {float:left; width:31.3333%; padding:20px 10px; margin:1%; height:auto; border:1px solid #d8d8d8; border-radius:20px; background-size:cover; background:url('../img/sub/img12_5.jpg') no-repeat right bottom;} .sub12_list li {margin-left:4%; padding:0px 0px 5px 8px; color:#1b1b1b; text-align:left; font-size:13px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; } .sub14_list {float:left; width:31.3333%; margin:1%; height:170px; border:2px solid #00559c; border-radius:20px;} dl.img11_5a3 {background:url('../img/sub/img11_5a3.jpg') no-repeat top;} dl.img11_5b3 {background:url('../img/sub/img11_5b3.jpg') no-repeat top;} dl.img11_5c3 {background:url('../img/sub/img11_5c3.jpg') no-repeat top;} .sub14_list dt {padding:12px 0 35px 0; text-align:center; color:#fff; font-size:16px; font-weight:bold; } .sub14_list dd {margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; font-size:13px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; } @media screen and (max-width: 770px) { .sub11_list1 {float:left; width:31%; height:200px; background:url('../img/sub/img11_3.jpg') no-repeat center; margin:1%; } .sub11_list1 dd {margin-left:25%;} .sub11_list2 {float:none; padding-bottom:20px; width:98%; height:auto; border:2px solid #00559c; border-radius:20px;} .sub11_list2 dt {padding:8px 0 25px 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; } .sub11_list2 dd {margin-left:2%; width:98%; color:#1b1b1b; text-align:left; font-size:13px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; padding:0px 0 3px 8px; } .sub12_list {float:none; width:98%; padding:20px 10px; margin:1%; height:auto; border:1px solid #d8d8d8; border-radius:20px; background-size:cover; background:url('../img/sub/img12_5.jpg') no-repeat right bottom;} .sub12_list li {margin-left:4%; padding:0px 0px 5px 8px; color:#1b1b1b; text-align:left; font-size:13px; background:url('../img/sub/con_list04.png') no-repeat 0 8px; } .sub14_list {float:none; width:98%; padding-bottom:20px; margin:1%; height:auto; border:2px solid #00559c; border-radius:20px;} } @media screen and (max-width: 480px) { .sub11_list1 dd {margin-left:7%; font-size:13px;} } /* 3.알림마당 */ .con_box361 {width:100%; padding:50px 30px 50px 250px; background:url('../img/sub/img316_1.png') no-repeat center left 50px #f6f6f6;} .title_gr {color:#fff; text-align:center; border-radius:100px; width:150px; padding:7px 10px; font-size:18px; font-weight:bold; background: -moz-linear-gradient(left, #75b4ed 0%, #75b4ed 0%, #005aab 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #75b4ed 0%,#75b4ed 0%,#005aab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b4ed', endColorstr='#005aab',GradientType=1 ); /* IE6-9 */ } .con_box361 .title {color:#000; font-size:20px; font-weight:bold; line-height:50px;} .con_box361 .title span {color:#045dad; font-size:27px;} .con_box361 .text {color:#797979; font-size:15px;} .con_box361 .text strong {color:#333; } .normal_dl dt {margin:13px 0 0 10px; color:#000; font-size:15px; font-weight:bold; background:url('../img/sub/con_list02.png') no-repeat 0 3px; padding-left:23px; } .normal_dl dd {color:#646464; font-size:14px; background:url('../img/sub/con_list03.png') no-repeat 0 7px; padding-left:10px; margin:3px 0 0 30px } .normal_dl dd ul {margin:10px 0} .normal_dl dd ul li {line-height:20px; font-size:13px} .con_box_red {border:0px solid red; width:100%; text-align:center; padding:30px; background:#f6f6f6;border-radius:100px; } @media screen and (max-width: 770px) { .con_box361 {width:100%; padding:30px; background:#f6f6f6;} } @media screen and (max-width: 480px) { .con_box361 .title {margin:15px 0; color:#000; font-size:17px; font-weight:bold; line-height:25px;} .con_box361 .title span {display:block; color:#045dad; font-size:20px;} .con_box361 .text {color:#797979; font-size:14px;} } /* 신고게시판 */ .complain_tt {width:100%; height:auto; text-align:center; padding:100px 10px 30px 10px; background:url('../img/sub/complain_tt.png') no-repeat top 20px center #fbfbfb; } .complain_step {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea} .complain_step ul {width:100%; margin:0 auto; background:url('../img/sub/complain_step_next3.png') no-repeat center; background-size:30%} .complain_step ul li {display:inline-block; width:23%; vertical-align:top; font-size:18px; color:#000; font-weight:bold; } .complain_step ul li p {padding-top:20px;} .complain_step ul li img {width:40%} .complain_btn {text-align:center; margin:30px 0} .complain_btn ul li {display:inline-block} .complain_btn button {border:0; padding:14px 26px; cursor:pointer; font-weight:bold; text-align:center; font-size:17px; color:#fff; border-radius:100px} .complain_btn .complain_btn1 {background:#005aab; font-size:15px; margin:5px 2px;} .complain_btn .complain_btn2 {background:#7e7e7e; font-size:15px; margin:5px 2px; } .complain_tt2 {position:relative; width:100%; height:auto; padding:50px 10px 50px 250px; border-bottom:2px solid #2d2d2d; background:url('../img/sub/complain_tt2.png') no-repeat 80px 45px #fbfbfb; } .complain_tt2 .title {position:absolute; bottom:45px; left:100px; color:#000; font-weight:bold; font-size:18px} .complain_tt2 .text_red {color:#df2f2f; margin-bottom:10px} .complain_tt2 .text {color:#5c5c5c} .complain_tt3 {padding:20px 0; border-bottom:2px solid #eaeaea} .complain_tt3 .title {text-align:center; color:#000; padding-bottom:20px; border-bottom:2px solid #eaeaea; font-weight:bold; font-size:20px} .complain_tt3 .text {text-align:center; padding-top:20px; color:#5c5c5c;} @media screen and (max-width: 770px) { .complain_step {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea} .complain_step ul {width:100%; margin:0 auto; background:url('../img/sub/complain_step_next3.png') no-repeat center; background-size:40%} .complain_step ul li {display:inline-block; width:32%; vertical-align:top; font-size:15px; color:#000; font-weight:bold} .complain_step ul li p {padding-top:20px;} .complain_step ul li img {width:50%} .complain_tt2 {position:relative; width:100%; height:auto; padding:20% 10px 20px 10px; border-bottom:2px solid #2d2d2d; background:url('../img/sub/complain_tt2.png') no-repeat top 10px center #fbfbfb; background-size:20%;} .complain_tt2 .title {position:relative; top:0px; left:auto; margin-bottom:15px; text-align:center; color:#000; font-weight:bold; font-size:18px} .complain_tt2 .text_red {color:#df2f2f; margin-bottom:10px} .complain_tt2 .text {color:#5c5c5c} .complain_tt3 {padding:20px 0; border-bottom:2px solid #eaeaea} .complain_tt3 .title {text-align:center; color:#000; padding-bottom:20px; border-bottom:2px solid #eaeaea; font-weight:bold; font-size:20px} .complain_tt3 .text {text-align:center; padding-top:20px; color:#5c5c5c;} }