@charset 'utf-8'; /* ****************************************************************************************************** webfont define ****************************************************************************************************** */ @import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700,300); @font-face { font-family:'Nanum Gothic'; font-weight:400; font-style:normal; src:url(/css/fonts/NanumGothic-Regular.eot); src:local('※'), url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/css/fonts/NanumGothic-Regular.woff) format('woff'), url(/css/fonts/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family:'Nanum Gothic'; font-weight:700; font-style:normal; src:url(/css/fonts/NanumGothic-Bold.eot); src:local('※'), url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(/css/fonts/NanumGothic-Bold.woff) format('woff'), url(/css/fonts/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family:'Nanum Gothic'; font-weight:800; font-style:normal; src:url(/css/fonts/NanumGothic-ExtraBold.eot); src:local('※'), url(/css/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(/css/fonts/NanumGothic-ExtraBold.woff) format('woff'), url(/css/fonts/NanumGothic-ExtraBold.ttf) format('truetype'); } /* ****************************************************************************************************** Default Class ****************************************************************************************************** */ .fl{float:left;} .fr{float:right;} .clear:after{ content:''; display:block; clear:both; } .PIE{ behavior:url(/js/lib/polyfill/PIE.htc); } .Hardware-Acceleration{ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } .overlay{ position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 99; opacity: 0; background: rgba(0,0,0,0.4); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } html.ie8 .overlay{background: #000;opacity: .5;} @media screen and (max-width:768px){ select {width:100%;} } hr.unset,.seedbbsContentWrap hr,.webnote_container hr{overflow: visible;position: static;top: 0;left: 0;width: 100%;height: auto;font-size: inherit;line-height: inherit;text-indent: 0;}table[width="1%"]{width:1%;}table[width="2%"]{width:2%;}table[width="3%"]{width:3%;}table[width="4%"]{width:4%;}table[width="5%"]{width:5%;}table[width="6%"]{width:6%;}table[width="7%"]{width:7%;}table[width="8%"]{width:8%;}table[width="9%"]{width:9%;}table[width="10%"]{width:10%;}table[width="11%"]{width:11%;}table[width="12%"]{width:12%;}table[width="13%"]{width:13%;}table[width="14%"]{width:14%;}table[width="15%"]{width:15%;}table[width="16%"]{width:16%;}table[width="17%"]{width:17%;}table[width="18%"]{width:18%;}table[width="19%"]{width:19%;}table[width="20%"]{width:20%;}table[width="21%"]{width:21%;}table[width="22%"]{width:22%;}table[width="23%"]{width:23%;}table[width="24%"]{width:24%;}table[width="25%"]{width:25%;}table[width="26%"]{width:26%;}table[width="27%"]{width:27%;}table[width="28%"]{width:28%;}table[width="29%"]{width:29%;}table[width="30%"]{width:30%;}table[width="31%"]{width:31%;}table[width="32%"]{width:32%;}table[width="33%"]{width:33%;}table[width="34%"]{width:34%;}table[width="35%"]{width:35%;}table[width="36%"]{width:36%;}table[width="37%"]{width:37%;}table[width="38%"]{width:38%;}table[width="39%"]{width:39%;}table[width="40%"]{width:40%;}table[width="41%"]{width:41%;}table[width="42%"]{width:42%;}table[width="43%"]{width:43%;}table[width="44%"]{width:44%;}table[width="45%"]{width:45%;}table[width="46%"]{width:46%;}table[width="47%"]{width:47%;}table[width="48%"]{width:48%;}table[width="49%"]{width:49%;}table[width="50%"]{width:50%;}table[width="51%"]{width:51%;}table[width="52%"]{width:52%;}table[width="53%"]{width:53%;}table[width="54%"]{width:54%;}table[width="55%"]{width:55%;}table[width="56%"]{width:56%;}table[width="57%"]{width:57%;}table[width="58%"]{width:58%;}table[width="59%"]{width:59%;}table[width="60%"]{width:60%;}table[width="61%"]{width:61%;}table[width="62%"]{width:62%;}table[width="63%"]{width:63%;}table[width="64%"]{width:64%;}table[width="65%"]{width:65%;}table[width="66%"]{width:66%;}table[width="67%"]{width:67%;}table[width="68%"]{width:68%;}table[width="69%"]{width:69%;}table[width="70%"]{width:70%;}table[width="71%"]{width:71%;}table[width="72%"]{width:72%;}table[width="73%"]{width:73%;}table[width="74%"]{width:74%;}table[width="75%"]{width:75%;}table[width="76%"]{width:76%;}table[width="77%"]{width:77%;}table[width="78%"]{width:78%;}table[width="79%"]{width:79%;}table[width="80%"]{width:80%;}table[width="81%"]{width:81%;}table[width="82%"]{width:82%;}table[width="83%"]{width:83%;}table[width="84%"]{width:84%;}table[width="85%"]{width:85%;}table[width="86%"]{width:86%;}table[width="87%"]{width:87%;}table[width="88%"]{width:88%;}table[width="89%"]{width:89%;}table[width="90%"]{width:90%;}table[width="91%"]{width:91%;}table[width="92%"]{width:92%;}table[width="93%"]{width:93%;}table[width="94%"]{width:94%;}table[width="95%"]{width:95%;}table[width="96%"]{width:96%;}table[width="97%"]{width:97%;}table[width="98%"]{width:98%;}table[width="99%"]{width:99%;}table[width="100%"]{width:100%;} /* 테이블 css 정리 */ /* 테이블 반응형 css tablet 감추기 .item-tablet-hidden mobile 감추기 .item-mobile-hidden */ /* 기능 상태- 사용,중지,삭제 */ .table-layout table tbody .skin-default, .table-layout table tbody .skin-default span, .table-layout table tbody .skin-default a{color:#676fb2;} .table-layout table tbody .state-delete, .table-layout table tbody .state-delete span, .table-layout table tbody .state-delete a{color:#c32500;} .table-layout table tbody .state-stop, .table-layout table tbody .state-stop span .table-layout table tbody .state-stop a{color:#676fb2;} .table-layout table tbody td .red {color:#c32500;} /* .item-box 안 인풋박스 스타일 정리 input의 width defalut 값 width:100% */ /* pc에서 width %로 고정/ tablet , mobile 에서 width:100% */ .item-box input.width50, .item-box select.width50 {width:50%;} .item-box input.width40, .item-box select.width40 {width:40%;} .item-box input.width30, .item-box select.width30 {width:30%;} .item-box input[type="text"].width50, .item-box select.width50 {width:50%;} .item-box input[type="text"].width40, .item-box select.width40 {width:40%;} .item-box input[type="text"].width30, .item-box select.width30 {width:30%;} .item-box input[type="password"].width50, .item-box select.width50 {width:50%;} .item-box input[type="password"].width40, .item-box select.width40 {width:40%;} .item-box input[type="password"].width30, .item-box select.width30 {width:30%;} .item-box input[type="file"]{display: block;overflow: hidden;position: absolute;width: 1px;height: 1px;font-size: 0;line-height: 0px;text-indent: -9999em;} .item-box input[type="file"] + label{position: relative;display:inline-block;;background:#676fb2;height:30px;line-height:30px !important;color:#fff;border-radius:3px; padding:0 7px 0 35px;vertical-align:middle;overflow:hidden;} .item-box input[type="file"] + label:before{content:'';position:absolute;left:0;top:0;display:block;width:30px;height:100%;vertical-align: middle; background:url(/img/file_up_big.png) no-repeat 50% 50% #474B7B;background-size:19px 16px;} html.ie8 .item-box input[type="file"] + label:before{background:url(/img/file_up_small.png) no-repeat 50% 50% #474B7B;} /* pc, tablet, mobile 모두 px로 고정 css */ .item-box input.width50px {width:50px !important;} .item-box input.width60px {width:60px !important;} .item-box input.width70px {width:70px !important;} .item-box input.width80px {width:80px !important;} .item-box input.width90px {width:90px !important;} .item-box input.width100px {width:100px !important;} /* pc에서 width:200px 고정, tablet, mobile 에서 width:100% */ .item-box select.pc-width200px {width:200px;} /* 필수 입력 */ .bbs-view-item .item-box input.essential {background:url(/img/bg_essential.png) 0 0 no-repeat;} .bbs-view-item.webnote-area{padding:0;} .bbs-view-item.webnote-area .item-box{padding:0;} /* input[type="checkbox"] class="checkbox width-none" input[type="radio"] class="radio" checked 됐을때 class="checked" 추가 */ .checkbox {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} .checkbox + label {display:inline-block;width:18px;height:18px;background:url(/img/checkbox-checked-none-big.png) no-repeat 0 0;background-size:100%;} .checkbox.checked + label {background:url(/img/checkbox-checked-big.png) no-repeat 0 0;background-size:100%;} .checkbox.width-none + label {width:auto;padding:0 0 0 25px;background:url(/img/checkbox-checked-none-big.png) no-repeat 0 0;background-size:18px;} .radio {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} .radio + label {display:inline-block;width:auto;padding:3px 0 4px 25px;margin:3px 5px 3px 0;background:url(/img/radio-checked-none-big.png) no-repeat 0 0;background-size:20px;} .radio.checked + label {background:url(/img/radio-checked-big.png) no-repeat 0 0;background-size:20px;} /* ****************************************************************************************************** 대시보드, 서브 컨텐츠 ****************************************************************************************************** */ .page-content-inner{position:relative;margin:20px 0;} /* ****************************************************************************************************** pjax tab ****************************************************************************************************** */ .pjax-tab-menu-wrap{opacity:1;visibility:visible;position:relative;height:35px;} .pjax-tab-menu-wrap > button{/*display:none;*/position: absolute;right:0;top:50%;margin-top:-7px;} .pjax-tab-menu-wrap > button.visible{display:block;} .pjax-tab-menu-wrap .whole-tabs.setting-list{position: absolute;right:30px;top:0;left:auto;width:200px;border-radius:0 0 3px 3px;} .pjax-tab-menu-wrap .whole-tabs.setting-list li{list-style:none;} .pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a{position: relative;} .pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab{display:none;position: absolute;left:82%;top:50%;width:25px;height:25px; margin-top:-11px;} .pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab img{width:10px;height:10px;} .pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab{display:none;} .pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a:hover .closeTab{display:block;} .pjax-tab-menu-wrap .whole-tabs.setting-list .close > button{color:#DCDCDC;background:#616161;padding:9px 5px;} .pjax-tab-menu-wrap .whole-tabs.setting-list .close > button > span{font-size:19px;} .pjax-tab-menu-wrap .whole-tabs.setting-list li:hover > a{background-color:#E1E3F5;color: #1E232D;} .pjax-tab-menu-wrap .whole-tabs.setting-list li > a.on{background:url(/img/icon-tabmenu-chk.png) no-repeat 13px 11px #E1E3F5;} html.ie8 .pjax-tab-menu-wrap .whole-tabs.setting-list li.current-tab > a.check{background:url(/img/all_tab_small.png) no-repeat 13px 11px;} .pjax-tab-menu{margin-right:20px;} .pjax-tab-menu li{list-style:none;} .pjax-tab-menu > li{float:left;width:170px;border: 1px solid #dcdcdc;border-top:0;border-radius:0 0 4px 4px;overflow:hidden;margin-left:-1px;} .pjax-tab-menu > li > a{position:relative;display:block;width:100%;height:100%;padding:10px 0 10px 10.8%;background-color:#f8f8f8;background-size:10px 10px;color:#404040;} .pjax-tab-menu > li > a > span{display:block;width:70%;line-height:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pjax-tab-menu > li > a > button.closeTab{position: absolute;left:85%;top:50%;margin-top:-10px;} .pjax-tab-menu > li > a > button.closeTab > img{width:10px;height:10px;} .pjax-tab-menu > li > a.on{position: relative;z-index:10;background-color:#BCD1FF;color:#1E232D;} .waveEffect{position: absolute;z-index: 1;display: block;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px; border-radius: 50%;opacity: 1;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 1.2s ease-out;transition: all 1.2s ease-out;} /* ****************************************************************************************************** 대시보드 레이아웃 ****************************************************************************************************** */ .panel-row{margin-bottom:20px;} .panel-row:after{content:'';display:block;clear:both;} .panel-row:last-child{margin-bottom:0;} .panel-row > .col{width:100%;} .panel-row > .col-s{width:32.53%;} .panel-row > .col-xr{width:66.26%;} .panel-row > .panel{float:left;height: 305px;padding: 25px 25px 0 25px;border: 1px solid #e0e0e0;border-radius:3px;background:#fff;margin-right:1.2%;} @media screen and (max-width:768px){ .panel-row > .panel{padding: 30px 15px 10px 15px;min-height:305px;height:auto} } .panel-row > .panel li{list-style:none;} .panel-row > .panel:last-child{margin-right:0;} .panel-row > .panel .panel-header{position: relative;margin-bottom: 20px;} .panel-row > .panel .panel-header:after{content:'';display:block;clear:both;} .panel-row > .panel .panel-header h3{float:left;font-size:16px;font-weight:700;color:#000;/* vertical-align: bottom; */} .panel-row > .panel .panel-header h3 > small{display:inline-block;/* vertical-align: middle; */line-height: 15px;} .panel .panel-header > a{display:block;float:right;position:relative;top:2px} .panel .panel-header > button{float:right;position:relative;text-indent:-999em;border-radius: 50%;width: 32px;height: 32px;margin-top: -8px;margin-right: -10px;} .panel .panel-header > button:hover{background-color: rgba(153, 153, 153, 0.2);} .panel .panel-header > button:active{background-color: rgba(153, 153, 153, 0.5);} .panel .panel-header > button span, .panel .panel-header > button:before, .panel .panel-header > button:after{content:'';position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-2px;width:4px;height:4px;background:#757575;border-radius:50%} .panel .panel-header > button:before{margin-top:-8px} .panel .panel-header > button:after{margin-top: 4px;} /* 대시보드 컨텐츠 */ .dashboard-data-list > li{margin-top: 7px;padding-top:7px;} .dashboard-data-list > li:first-child{padding:0;margin:0;border:0;} .dashboard-console { position:relative; width: 100%; height: 215px; overflow-y: auto; background-color: #2f3541; color:#fff; font-size: 15px; word-wrap:break-word; padding:10px; border-radius: 2px; } .log-cursor{ display:block; width:1px; height:14px; margin:2px 0; background:#fff; visibility: hidden; } .log-title{ position:relative; display:block; margin:5px 0; font-size:14px; margin:15px 0 5px 0; } .log-title:first-of-type{ margin-top:5px; } .row-wrap .row:first-child{ margin-top:0; } .row-wrap .row{ margin-top:3px; line-height:1.2; word-wrap: break-word; font-size:13px; } .dashboard-dropdown{ display:none; position:absolute; min-width: 140px; top:17px; right:10px; background:#fff; border: 1px solid #e2e2e2; z-index:30; border-radius:3px; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); max-height: 600px; overflow-y: auto; z-index: 1001; } .dashboard-dropdown > ul > li{position:relative;padding:11px 10px;text-align: left;color: #787878;font-weight: 600;} .dashboard-dropdown > ul > li .console-select-area button{width:100%;margin:0;} .dashboard-dropdown > ul > li:first-child ~ li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#e2e2e2;} .dashboard-dropdown > ul > li > a{display:block;height:100%;color:#525252;font-weight:600} .dashboard-dropdown > ul > li .menu-visible + span{display:inline-block;padding-left:5px;vertical-align: middle;text-transform: uppercase;} .dashboard-data-list > li > div{position:relative;} .dashboard-data-list > li > div.board{background: url(/img/dashboard_check_off_big.png) no-repeat 0 0;background-size: 12px 13px;} .dashboard-data-list > li:first-child > div.board{background-image:url(/img/dashboard_check_on_big.png);} .dashboard-data-list > li:hover > div.board{background-image:url(/img/dashboard_check_on_big.png);} html.ie8 .dashboard-data-list > li > div.board{position:relative;display:block;background:url(/img/dashboard_check_off_small.png) no-repeat 0 50%;} html.ie8 .dashboard-data-list > li:hover > div.board{background-image:url(/img/dashboard_check_on_small.png);} html.ie8 .dashboard-data-list > li:first-child > div.board{background-image:url(/img/dashboard_check_on_small.png);} .dashboard-data-list > li > div.error{background: url(/img/dashboard_error_big.png) no-repeat 0 2px;background-size: 11px 11px;} html.ie8 .dashboard-data-list > li > div.error{background:url(/img/dashboard_error_small.png) no-repeat 0 50%;} .dashboard-data-list > li > div.member{background: url(/img/dashboard_member_big.png) no-repeat 0 0;background-size: 12px 12px;} html.ie8 .dashboard-data-list > li > div.member{background:url(/img/dashboard_member_small.png) no-repeat 0 50%;} .dashboard-data-list > li > div a:hover{text-decoration:underline} .dashboard-data-list > li p{position:relative;vertical-align:middle;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;line-height: 1.3;max-width: 74%; line-height:1;margin:3px 0} .dashboard-data-list > li p.date{position:absolute;right:0;top:0;font-size: 12px;} .dashboard-data-list > li.no-data{text-align: center;margin: 100px 0;} /* 대시보드 차트 스타일 */ .morris-hover{position:absolute;z-index:1000} .morris-hover.morris-default-style{border-radius:3px;padding:10px;color:#666;background:rgb(51,51,51);background:rgba(51,51,51,0.8);font-family:sans-serif;font-size:12px;text-align:center;} .morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;color:#fff;text-align: left;} .morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin: 0.3em 0;text-transform: uppercase;text-align: left;} .panel-body .morris-hover.morris-default-style .morris-hover-point{color:#fff !important;} .panel-body{position:relative;} .panel-body .chart{height: 200px;text-align:left;} .panel-body text, .panel-body tspan{font-size:13px !important;font-weight: 600;font-family:'Open Sans', 'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif; letter-spacing:-1px;text-transform: uppercase;} .chart-detail-list{text-align: center;margin: 5px 0;} .chart-detail-list.ar{text-align:right} .chart-detail-list > li{display:inline-block;margin: 5px;} .chart-detail-list > li > h5{font-size:13px;text-transform: uppercase;} .chart-detail-list > li > h5 > i{display:inline-block;width: 12px;height: 12px;border-radius:50%;background:#000;vertical-align:middle;margin-right:5px;} /* ****************************************************************************************************** 파일관리 페이지 ****************************************************************************************************** */ .folder-list li{list-style:none;} .file-name-list li{margin:5px 0;list-style:none;} .file-name-list li:first-child{margin-top:10px} .file-name-list li:last-child{margin-bottom:10px} .file-name-list .file-name{ /* color: #444344; */ /* font-weight: 600; */ } .file-name-list .file-delete{ font-size: 22px; line-height: 0.7; padding-left: 5px; } @media screen and (min-width:640px){ .file-add-list::-webkit-scrollbar{width:7px;} .file-add-list::-webkit-scrollbar{height:7px;} .file-add-list::-webkit-scrollbar-track, .file-add-list::-webkit-scrollbar-track{background:#F1F1F1;} .file-add-list::-webkit-scrollbar-thumb, .file-add-list::-webkit-scrollbar-thumb {background:#dadada;} .file-add-list::-webkit-scrollbar-thumb:window-inactive, .file-add-list::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } .folder-list::-webkit-scrollbar{width:7px;} .folder-list::-webkit-scrollbar{height:7px;} .folder-list::-webkit-scrollbar-track, .folder-list::-webkit-scrollbar-track{background:#F1F1F1;} .folder-list::-webkit-scrollbar-thumb, .folder-list::-webkit-scrollbar-thumb {background:#dadada;} .folder-list::-webkit-scrollbar-thumb:window-inactive, .folder-list::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } .file-list.table-layout table tbody::-webkit-scrollbar{width:7px;} .file-list.table-layout table tbody::-webkit-scrollbar{height:7px;} .file-list.table-layout table tbody::-webkit-scrollbar-track, .file-list.table-layout table tbody::-webkit-scrollbar-track{background:#F1F1F1;} .file-list.table-layout table tbody::-webkit-scrollbar-thumb, .file-list.table-layout table tbody::-webkit-scrollbar-thumb {background:#dadada;} .file-list.table-layout table tbody::-webkit-scrollbar-thumb:window-inactive, .file-list.table-layout table tbody::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } } .file-wrap{border:1px solid #dcdcdc;border-radius:3px;height:566px;background:#fff;overflow:hidden;} .drag-target{z-index:103;outline:3px dashed rgba(255,255,255,.2);outline-offset:-15px;background:rgba(18,31,138,.2);} .drag-target:after{content:'파일을 이곳에 드래그 & 드롭하여 업로드하세요.';position:absolute;top:50%;left:50%; width:520px;height:150px;border-radius:3px;background:#fff;text-align:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#909090;font-weight:400;font-size:18px;line-height:150px;} .drag-target.is-dragover{opacity:1;visibility:visible;} .file-category{position:relative;float:left;width:28.60%;height:100%;background:#fff;border-right:1px solid #dcdcdc} .file-find{height:46px;border-bottom:1px solid #dcdcdc;background: rgba(250,250,250,1); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);} html.ie8 .file-find{background:#f0f0f0;} .file-find form{height:100%;} .file-find form label{display:inline-block;width:100%;height:100%;font-size:13px;font-weight:700;color:#4d4d4d;} .file-find form label:before{content:'';display:inline-block;width:46px;height:100%;vertical-align: middle;margin-right:10px; background:url(/img/file_up_big.png) no-repeat 50% 50% #696f7c;background-size:19px 16px;} html.ie8 .file-find form label:before{background:url(/img/file_up_small.png) no-repeat 50% 50% #696f7c;} .file-add-list{position:relative;display:none;padding:20px 0 20px 28px;height:93px;overflow-y:auto;border-bottom:1px solid #dcdcdc} .file-add-list .file-submit{position:absolute;top:10px;right:10px;z-index:10} .file-add-list.show{display:block;} .file-add-list > ul > li:first-child{margin-top:0} .file-add-list > ul > li{margin-top:8px;color:#545454} .file-add-list > ul > li > button{font-size:0;vertical-align:middle;margin-right:9px} .folder-list{padding:20px 30px;overflow-y:auto;height:468px} .file-add-list.show + .folder-list{height:375px;} .folder-list > ul > li > a{display:block;color:#545454;height:13px;margin-bottom:14px;} .folder-list > ul > li strong{padding-left:9px} .folder-list .folder > li > a.dirDels{padding-left:3px;} .folder-list .dirDels img{vertical-align:middle;} .folder-list .folder > li{padding-left:17px;height:13px;margin-bottom:14px;white-space: nowrap;} .folder-list .folder > li:last-child{margin-bottom:0;} .folder-list .folder > li > a{color:#545454;padding-left:9px} .folder-add{position: absolute;bottom:0;left:0;width:100%;padding:8px 4.5% 9px 4.5%;border-top:1px solid #dcdcdc;height:50px;} .folder-add input.essential{width:49%;max-width:210px;text-indent:10px;background: url(/img/bg_essential.png) 0 0 no-repeat;} .folder-add button{display: inline-block;min-height: 28px;margin-left: 5px;padding: 7px 3%;background: #8e8e8e;color: #fff;text-align: center;border-radius: 3px;vertical-align: middle;} .MultiFile-wrap{position:absolutel;top:-1000px;overflow:hidden;left:0;width:0;height:0;line-height:0;color:transparent;} .MultiFile-remove img{vertical-align:middle} .file-list{float:left;width:71.39%;height:100%;} .file-list.table-layout .tbodyScroll-outer{width:100%} .file-list.table-layout .file-locat{position:absolute;bottom:0;left:0;width:100%;height:50px;padding-top:17px;padding-left:20px;border-top:1px solid #dcdcdc; color:#5f5f5f;background:#fff;} .file-list.table-layout table tbody{display:none;padding:10px 0;position:absolute;top:46px;left:0;height:469px;overflow-y:auto} .file-list.table-layout table tbody tr{border-top:0;} .file-list.table-layout table tbody tr:last-child{border-bottom:0;} .file-list.table-layout{border:0;border-radius:0;} .file-list.table-layout th{font-size:14px;font-weight:700;color:#444;height:45px;border-bottom:1px solid #dcdcdc;} .file-list.table-layout .subj{text-align:left;padding-left:5%} .file-list.table-layout table tbody tr:hover{background:#fff;border:0;} .file-list.table-layout table tbody tr:hover + tr{border:0;} .file-list.table-layout table tbody tr:last-child:hover{border:0;} .file-list.table-layout table tbody tr:hover td:after{display:none;} .file-list.table-layout table tbody td{color:#333;height:32px;} .file-list.table-layout table tbody td > a > img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto} .file-message{position:fixed;bottom:24px;right:24px;box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);border-radius:3px;width:362px;opacity:0;visibility:hidden;background:#fff; -webkit-transform: translate3d(0,24px,0);-moz-transform: translate3d(0,24px,0);-ms-transform: translate3d(0,24px,0);transform: translate3d(0,24px,0); -webkit-transition: transform .15s cubic-bezier(0.4,0.0,1,1),opacity .15s cubic-bezier(0.4,0.0,1,1),visibility 0ms linear .15s; transition: transform .15s cubic-bezier(0.4,0.0,1,1),opacity .15s cubic-bezier(0.4,0.0,1,1),visibility 0ms linear .15s; } .file-message.show{opacity:1;visibility:visible; -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .file-message .message-header{position:relative;padding:15px 10px;background:#323232;color:#fefefe;font-size:13px;} .file-message .message-header strong{position:relative;z-index:2;} .file-message .message-header button{position:absolute;top:10px;right:10px;z-index:2;font-size:22px;color:#fff;} .file-message .message-body ul{max-height:400px;overflow-y:auto} .file-message .message-body li{padding:15px 18px;border-bottom:1px solid #eeeeee;overflow:hidden;} .file-message .message-body li span:first-child{float:left;display:block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222} .file-message .message-body li span:last-child{float:right;color:#222} .message-progress{position:absolute;width:0;height:100%;background:#676fb2;left:0;top:0;} .MultiFile-label{margin-bottom:10px;} .file-add-list .MultiFile-label:last-child{margin-bottom:0;} .login-page {position:relative;height:100%;} .login-area {min-height:488px;} .login-area {position:relative;width: 90%;height:93.93%;max-width:425px;margin:0 auto;text-align:center;} .login-wrap{position:absolute;left:50%;top:50%;width:100%;margin-left:-50%;margin-top: -43%;} .login-title {margin-bottom: 20px;height: 209px;} .login-title h1 {margin-bottom:23px;height: 168px;} .approval .login-title h1{margin-bottom:5px;} html.ie8 .approval .login-title h1{margin-bottom:15px} .approval .login-title{height:191px;} .login-title p {color:#575858;font-weight:bold;line-height:1.4;} html.ie8 .login-title p span {display:block;line-height:1.4;} .login-form-wrap {width: 90%;margin: 0 auto;} .login-form-wrap .input-outline {position:relative;margin-bottom: 8px;border-bottom: 1px solid #e0e0e0;border-radius:3px;background:#fff;text-align: left;} .login-form-wrap label {display:none;position:absolute;left: 10px;top: 50%;margin-top: -7px;font-size: 14px;color:#929292;letter-spacing: -1px;} html.ie9 .login-form-wrap label, html.ie8 .login-form-wrap label{display:block;} .login-form-wrap .input-outline input[type="text"], .login-form-wrap .input-outline input[type="password"] {display:block;width:100%;/* min-height:auto; *//* height:25px; */border:none;color:#606060;font-size:14px;/* line-height:24px; */padding: 7px 10px;height: 42px;} .login-form-wrap .btn-area {padding-top:20px} .login-btn-area{margin-top: 20px;width: 90%;margin: 20px auto 0 auto;} .login-btn-area .btn-login:first-child{margin-right:3px;} .btn-login {padding: 12px 0px;border:1px solid #2f3541;border-radius:3px;background:#404a5e;color:#fff;font-size:15px;width: 130px;} a.btn-login {display:inline-block;line-height:1;} .login-page footer {height:30px;} html.ie8 .login-title h1 {display:inline-block;width:186px;height:152px;background:url(/img/seed_ver3_logo.png) center center} html.ie8 .login-title h1.h1-title-color-img {background:none;} html.ie8 .login-title h1 svg {display:none;} .login-title .seed-logo-area {width:189.75px;height:164.5px;display: none;margin: 0 auto;} html.ie .login-title .seed-logo-area{display:block;} .seed-logo-area .seed-logo {stroke-dasharray: 187;stroke-width: 1;stroke: #c8c8c8;stroke-dashoffset: 191;-webkit-animation: logoAni 3s linear forwards;-moz-animation: logoAni 3s linear forwards;-ms-animation: logoAni 3s linear forwards;animation: logoAni 3s linear forwards;} .seed-logo-area .seed-logo-ver3 {-webkit-animation: logoSeedAni 3.3s linear forwards;-moz-animation: logoSeedAni 3.3s linear forwards;-ms-animation: logoSeedAni 3.3s linear forwards;animation: logoSeedAni 3.3s linear forwards} .login-site-list {width: 90%;position:relative;z-index:10;margin: 0 auto;} .login-site-list.active {overflow:visible;} .login-site-list .btn-site-list {position:relative;z-index:1;width:100%;padding: 14px 16px;border:1px solid #e0e0e0;border-radius:3px;background:url(/img/arrow-down-balck-big.png) #fff 96% center no-repeat;background-size:14px;color:#919191;font-size:16px;text-align:left;outline:none;line-height:1} html.ie8 .login-site-list .btn-site-list {background:url(/img/arrow-down-balck-small.png) #fff 96% center no-repeat;} .login-site-list .site-list-area {display:none;position:absolute;left:0;top:44px;width:100%;max-height:160px;padding:15px 10px;background:#fff;border-radius:3px;border:1px solid #e0e0e0;} .site-list-area li {text-align:left;line-height:1;list-style:none;} .site-list-area li a {display:block;padding-left:10px;color:#3f3f3f;line-height:2;transition:background .3s} .site-list-area li a:hover {background:#efefef} .site-list-area .mCSB_scrollTools {width:4px;} @-webkit-keyframes logoAni { 0% { fill: transparent; stroke: #575858; } 80% { fill: transparent; } 90% { stroke-width: 1; } 100% { fill: #c8c8c8; stroke: #575858; stroke-dashoffset: 0; stroke-width: 0; } } @-ms-keyframes logoAni { 0% { fill: transparent; stroke: #575858; } 80% { fill: transparent; } 90% { stroke-width: 1; } 100% { fill: #c8c8c8; stroke: #575858; stroke-dashoffset: 0; stroke-width: 0; } } @-moz-keyframes logoAni { 0% { fill: transparent; stroke: #575858; } 80% { fill: transparent; } 90% { stroke-width: 1; } 100% { fill: #c8c8c8; stroke: #575858; stroke-dashoffset: 0; stroke-width: 0; } } @keyframes logoAni { 0% { fill: transparent; stroke: #575858; } 80% { fill: transparent; } 90% { stroke-width: 1; } 100% { fill: #c8c8c8; stroke: #575858; stroke-dashoffset: 0; stroke-width: 0; } } @-webkit-keyframes logoSeedAni { 0% { fill-opacity: 0; } 90% { fill-opacity: 0; } 100% { fill-opacity: 1; } } @-moz-keyframes logoSeedAni { 0% { fill-opacity: 0; } 90% { fill-opacity: 0; } 100% { fill-opacity: 1; } } @-ms-keyframes logoSeedAni { 0% { fill-opacity: 0; } 90% { fill-opacity: 0; } 100% { fill-opacity: 1; } } @keyframes logoSeedAni { 0% { fill-opacity: 0; } 90% { fill-opacity: 0; } 100% { fill-opacity: 1; } } /* ****************************************************************************************************** 알림 페이지 ****************************************************************************************************** */ .alert-area {width:100%;height:100%;padding:27px 6.12%;-webkit-box-shadow:0px 5px 13px #d3d3d3;-moz-box-shadow:0px 5px 13px #d3d3d3;-ms-box-shadow:0px 5px 13px #d3d3d3;box-shadow:0px 5px 13px #d3d3d3;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;background:url(/img/seed_ver3_logo-color.png) 8% center no-repeat #fff;background-size:20%;} html.ie8 .alert-area {background:url(/img/seed_ver3_logo-color-small.png) 8% center no-repeat #fff;} .alert-area h1 {float:left;width:23%;height:10px;text-indent:-999em;} .alert-area .alert-content {float:left;width: 77%;display:table;height:75px;/* margin-left:10.75%; */text-align:center;font-weight:bold;color:#434343;word-break:break-all;padding: 0 5%;} .alert-area .alert-content span {display:table-cell;width:100%;line-height:1.5;vertical-align:middle;text-align: center;} /* 서브페이지 타이틀*/ .page-title-inner{float:left;} .page-title-wrap{position:relative;margin-bottom:10px;} .page-title-wrap h3 {float:left;line-height: 28px;margin-right: 5px;} .page-title-wrap .sch-content-wrap {float:right} .page-refresh{position:absolute;top:0;right:0;text-align:right;margin:10px 5px;z-index:20} .page-refresh.static{ position:relative; } @media (max-width:768px){ .page-refresh{ position:absolute !important; top:8px; margin:0 5px; } } /* 툴팁 */ .tooltipBox {position:relative;float: right;line-height: 28px;} .tooltipBox .tooltipText {display:none;position:absolute;z-index:-1;top:35px;left:-10px;width:300px;background:#2f3541;padding:10px 15px;color:#fff;border-radius:3px;} .tooltipBox .tooltipText.active {display:block;z-index:400} .tooltipBox.type01 .tooltipText {/* left:30px; */} .tooltipBox .tooltipText:after{ content: ''; display: block; position: absolute; top: -6px; width: 0; height: 0; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #000 transparent; } .tooltipBox .tooltipText p {line-height:1.3} .file-info, .page-tip {text-indent:-999em;width:21px;height: 21px;background: url(/img/icon-page-tip.png) no-repeat 0 0;background-size: 21px 21px;vertical-align: middle;cursor:pointer} .file-info{display:inline-block;margin-left:5px;} .file-info-txt{position:absolute;top:0;padding:3px;background:#2f3541;color:#fff;border-radius:3px;} .file-info-txt:after{content:'';width: 0;height: 0;border-style: solid;border-width: 5px 3.5px 0 3.5px;border-color: #2f3541 transparent transparent transparent; position: absolute;left:50%;bottom:-5px;margin-left:-2.5px;} html.ie8 .page-tip{background:url(/img/ie8-icon-page-tip.png) no-repeat 0 0;} /* 서브페이지 검색 */ .sch-content-wrap {text-align:right;} .sch-content-wrap .sch-select {float:left;margin-right:5px;border:1px solid #dcdcdc;border-radius:3px;} .sch-content-wrap .sch-text {float:left;width:258px;min-width:140px;margin-right:5px;padding:0 10px;box-sizing: border-box;} .sch-content-wrap .btn-page-sch {float:left;padding:6px 20px;border-radius:3px;background:#616161;color:#fff;text-align:center;} /* 데이터 이동 */ .change-state-area {padding:30px 30px;background: #fff;} .change-state-area label {display:inline-block;margin-right:16px;line-height:28px;} .change-state-area .btn-change-state {padding:6px 20px;border-radius:3px;background:#8e8e8e;color:#fff;} .change-list {width:16.51%;min-width:150px;} /* ****************************************************************************************************** 테이블, 폼 기본 스타일 ****************************************************************************************************** */ .form-wrap {position:relative;background:#fff;border:1px solid #dcdcdc;border-radius:3px;} /* 테이블 리스트 스타일 */ .table-layout{position:relative;border:1px solid #dcdcdc;border-radius:3px;} .table-layout.table-fixed{overflow-x:scroll;} .table-layout.table-fixed table{/* table-layout: fixed; */} .table-layout.table-fixed td, .table-layout.table-fixed th{/* min-width:120px; */white-space:nowrap;} .table-layout.br-none {border:none;} .table-layout.inner-br-none table tbody tr {border-top:none} /* .table-layout table {table-layout:fixed;word-break:break-all;} */ .table-layout table thead img{vertical-align:middle;} .table-layout colgroup col.title{width:40%} .table-layout colgroup col.title35{width:35%} .table-layout colgroup col.title30{width:30%} .table-layout colgroup col.title25{width:25%} .table-layout colgroup col.title20{width:20%} .table-layout colgroup col.title15{width:15%} .table-layout colgroup col.title10{width:10%} .table-layout colgroup col.title7{width:7%} .table-layout colgroup col.title5{width:5%} .table-layout colgroup col.small_checkbox{width: 6.9%;} .table-layout img{vertical-align: middle;max-width:100%;} .table-layout.siteMenuList colgroup col:first-child{width:40%} @media screen and (max-width:1024px){ .table-layout colgroup col.checkbox{width:5.9%} } /* ie10 테이블 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .table-layout table colgroup { display: table-row; } .table-layout table colgroup col { display: table-cell; } } .table-layout table.scroll-x th, .table-layout table.scroll-x td{ padding-left:10px !important; padding-right:10px !important; box-sizing:initial !important; } .table-layout table th, .table-layout table td{text-align:center;} .table-layout table th{ padding: 11px 8px 9px 8px; border-top:0; border-bottom:1px solid #cfcfcf; background: rgba(250,250,250,1); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); } html.ie8 .table-layout table th {background:#F2F2F2;} .table-layout table tbody tr {border-top:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background:#fff;} @media screen and (min-width:1024px){ .table-layout table tbody tr:hover {border-top:1px solid #f8f8f8;background:#f3f3f3;} .table-layout table tbody tr:hover + tr {border-top:1px solid #cbccce;} /* .table-layout table tbody tr:hover td:after {position:absolute;left:0;bottom:-11px;width:100%;height:10px;background:url(/img/background-table-tr.png) repeat-x 0 0;content:'';} */ .table-layout.inner-br-none table tbody tr:hover, .table-layout.inner-br-none table tbody tr:hover + tr{border-top:none;} .table-layout.inner-br-none table tbody tr:hover td:after {background:none;} } .table-layout table tbody tr:first-child {border-top:0;} .table-layout table tbody tr:first-child:hover {border-top:0;} .table-layout table tbody tr:last-child {border-bottom:1px solid #e8e8e8;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .table-layout table colgroup { display: table-row; } .table-layout table colgroup col { display: table-cell; } } .table-layout table tbody td {position:relative;vertical-align:middle;padding: 11px 8px 9px 8px;} .table-layout table tbody td.al {text-align:left;padding-left:25px;} .table-layout table tbody td > span, .table-layout table tbody td > a {overflow: hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;width:95%;} .table-layout table tbody td > a.dataDel {display:inline-block;height:auto;} .table-layout table tbody td > a.level-change {display:inline-block;height:auto;} .table-layout table tbody td > a:hover > span{text-decoration:underline;} .table-layout table tbody td.al a.hover-link {margin:0;} .table-layout table tbody td > a > span{position:relative;} html.ie .table-layout table tbody td > a > span{} .table-layout table tbody td > a .comm-num{vertical-align: bottom;} .table-layout table tbody td > a .comm-num + img{margin-left:3px;} .table-layout table tbody tr:first-child.on {border-top:none;} .table-layout table tbody tr:first-child.on:hover {border-top:none;} .table-layout table tbody tr.on {background:#676fb2;border-top:1px solid #676fb2;color:#fff;} .table-layout table tbody tr.on + tr{border-top:1px solid #cbccce;} .table-layout table tbody tr.on + tr.on {border-top:1px solid #cbccce;} .table-layout table tbody tr.on td .level-down, .table-layout table tbody tr.on td.skin-default, .table-layout table tbody tr.on td a {color:#fff;} .table-layout table tbody tr.on td.state-delete a {color:#fecfc4;} .table-layout table tbody tr.on td.state-stop {color:#ffe1b4;} .table-layout table tbody tr.on td:after {position:absolute;left:0;bottom:-11px;width:100%;height:10px;background:url(/img/background-table-tr.png) repeat-x 0 0;content:'';} .table-layout table tbody tr.on + tr.on td:after {background:none;} html.ie8 .table-layout table tbody tr:first-child {border-top:none;} html.ie8 .table-layout table tbody tr.on {background:#676fb2;} .table-layout table tbody tr.active {background:#676fb2} .table-layout table tbody tr.active td, .table-layout table tbody tr.active a {color:#fff} .table-layout table tbody tr.active td a.hover-link:hover span:after {background:url(/img/hover-link-L.png) no-repeat center center;background-size:13px;} .table-layout table tbody td.no-data-colspan{padding:14px 0;text-transform: uppercase;font-weight:700} .table-layout table tbody td.no-data-colspan strong{text-transform: uppercase;} @media screen and (min-width:1024px){ .table-layout table tbody td a.hover-link:hover > span:after {position:absolute;right:-17px;width: 12px;height: 12px;background:url(/img/hover-link-black-L.png) no-repeat center center;background-size: 12px;content:'';bottom: 1px;} .table-layout table tbody tr.on td a.hover-link:hover > span:after {background:url(/img/hover-link-L.png) no-repeat center center;background-size:13px;} .table-layout table tbody tr:last-child:hover {border-bottom:1px solid #cbccce;} html.ie8 .table-layout table tbody td a.hover-link:hover > span:after {background:url(/img/hover-link-black-S.png) no-repeat center center; position:absolute;right:-17px;width: 12px;height: 12px;content:'';bottom: 1px;} html.ie8 .table-layout table tbody tr.on td a.hover-link:hover > span:after {background:url(/img/hover-link-S.png) no-repeat center center;} } .more-btn-box{position:relative;display:none;text-align:right;margin-bottom:10px;padding-right:5px;} .more-table-item {width:15px;height:15px;background:url(/img/more-table-item.png) no-repeat center center;background-size:15px;text-indent:-999em;} .colummListBox{position:absolute;top:20px;right:10px;z-index:12;background:#fff;padding:10px;box-shadow: 0 1px 5px rgba(0,0,0,0.3);border-radius:3px;text-align:left;} .colummListBox li{padding:3px 0} @media screen and (max-width:1024px){ .more-btn-box{display:block;} } .depth-1, .depth-2, .depth-3, .depth-4, .depth-5, .depth-6 {position:relative;} .depth-1:after, .depth-2:after, .depth-3:after, .depth-4:after, .depth-5:after, .depth-6:after {position:absolute;top: 50%;width:12px;height:12px;margin-top: -5px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;} .depth-1:after {left:0;background:#c92626;} .depth-2:after {left:17px;background:#f09d1f;} .depth-3:after {left:34px;background:#7dc242;} .depth-4:after {left:51px;background:#116bb4;} .depth-5:after {left:68px;background:#2d4485;} .depth-6:after {left:85px;background:#7d397b;} .depth-1{padding-left:17px !important} .depth-2{padding-left:34px !important;} .depth-3{padding-left:51px !important} .depth-4{padding-left:68px !important} .depth-5{padding-left:85px !important} .depth-6{padding-left:102px !important} .sub1, .sub2, .sub3, .sub4, .sub5, .sub6 {position:relative;} .sub1:after, .sub2:after, .sub3:after, .sub4:after, .sub5:after, .sub6:after {position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;} .sub1:after {left:0;background:#c92626;} .sub2:after {left:17px;background:#f09d1f;} .sub3:after {left:34px;background:#7dc242;} .sub4:after {left:51px;background:#116bb4;} .sub5:after {left:68px;background:#2d4485;} .sub6:after {left:85px;background:#7d397b;} .sub1 {padding-left:17px !important} .sub2{padding-left:34px !important} .sub3{padding-left:51px !important} .sub4{padding-left:68px !important} .sub5{padding-left:85px !important} .sub6{padding-left:102px !important} p.menu-visible {display:inline-block;width:55px;height:25px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;border-radius: 15px;vertical-align: middle;} p.menu-visible.on {border:1px solid #18ac8c;background:#25ba9a;} p.menu-visible.off {border:1px solid #c6c9ca;background:#bdc1c2 !important;} p.menu-visible span, p.menu-visible a {position:relative;display:block;height:100%;padding-top: 2px;color:#fff;cursor:pointer;} p.menu-visible.on span, p.menu-visible.on a {padding-right: 8px;text-align:right;} p.menu-visible.off span, p.menu-visible.off a{padding-left: 5px;text-align:left;} p.menu-visible span:after, p.menu-visible a:after {position:absolute;top:50%;width:19px;height:19px;margin-top:-9.5px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#fff;content:'';} p.menu-visible.on span:after, p.menu-visible.on a:after{left:2px;} p.menu-visible.off span:after, p.menu-visible.off a:after{right:2px;} .go-btn{width: 21px;height: 18.75px;display: inline-block;transform:translateX(-40px);transition:all .3s;opacity:0;} .menu-barogagi span{transform: translateX(-11px);transition:all .3s;} .menu-barogagi:hover .go-btn{transform:translateX(-10px);opacity: 1;} .menu-barogagi:hover span{transform: translateX(0);} @media screen and (min-width:1024px){ p.menu-visible.on:hover {background:#119d7f} p.menu-visible.off:hover {background:#b1b2b3} } .bookmark-list-pc.menu-manage {position:fixed;right:30px;bottom:50px;float:right;margin-right:0;margin-top:0;z-index:100;} .bookmark-list-pc.menu-manage ul {position:absolute;top:0;} .bbs-view-layout {background:#fff;border-radius:3px;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);box-shadow: 0 1px 5px rgba(0,0,0,0.1);padding: 20px 0;/* padding-top: 20px; */} .bbs-view-item {display:table;width:95%;margin:0 auto;/* padding:15px 0; */border-top:1px solid #ECECEC;min-height:50px;table-layout: fixed;} .bbs-view-item.data-table-content{min-height:100px;padding:15px;} .bbs-view-item.data-table-content p{margin:10px 0;} .bbs-view-item .bbsFileList{margin:10px 0} .bbs-view-item:after {content:'';clear:both;display:block;} .bbs-view-item:first-child {border-top:0;} .bbs-view-item .item-title {display:table-cell;width:25%;padding:15px 10px;line-height:1.4;vertical-align:middle;font-weight:bold;color:#444344;padding-left:0} .bbs-view-item .item-box {display:table-cell;width:75%;line-height:1.4;padding:15px 0;color:#4b4e52;word-break: break-all;vertical-align: middle;} .bbs-view-item .item-box.width100 {width:100%;} .bbs-view-item .item-box:after {content:'';clear:both;display:block;} .bbs-view-item .item-box input.checkbox, .bbs-view-item input.radio {width:0;padding:0;} .bbs-view-item .item-box .btn-sch-item {display:inline-block;margin-left:5px;padding:6px 20px;background:#8e8e8e;color:#fff;text-align:center;border-radius:3px;vertical-align: middle;} .bbs-view-item .item-box input.essential {background:url(/img/bg_essential.png) 0 0 no-repeat;} .bbs-view-item .item-box .row{margin:5px 0;} .bbs-view-item .item-box .row.inline{display:inline-block;} .bbs-view-item .item-box .row:last-child.inline{display:inline-block;margin:5px 0} .bbs-view-item .item-box .row:last-child{margin:0;} .bbs-view-item .item-box .skin-list-box {margin-top:5px;} .skin-list-box {margin-left:20px;} .bbs-view-item .item-box .spanIp4, .bbs-view-item .item-box .spanIp6 {display:inline-block;line-height:28px;} .bbs-view-item .item-box textarea{min-height:300px;} .bbs-view-item .item-box textarea ~ select{max-width:180px;margin-top:10px;margin-left:45px;} .frm-comment{position: relative;} .frm-comment .writeComment{width:100%;padding-right:90px;} .frm-comment .writeComment textarea{min-height:63px;} .frm-comment .btn-comment-area{position:absolute;right:0;top:0;width:80px;margin-top:0;height:63px;} .frm-comment .btn-comment-area button{width:80px !important;height:100%;box-shadow:none;margin:0;padding:0;} .readComment {background: #fff;margin-top:20px;border-top: 2px solid #5E66AB;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);} .readComment li {border-top:1px solid #DADADA;margin:0 1%} .readComment li:first-child {border-top:0;} .readComment .user_write_date {background:#fff;height:40px;border-bottom:1px solid #eeeeee;line-height:40px;} .readComment .user_write_date > p {float:left;line-height:40px;font-size: 12px;} .readComment .user_write_date > p strong{line-height:40px;} .readComment .user_write_date a {float:right;margin-top:15px;margin-right:10px;} .readComment .user_write_date strong {margin:0 10px;} .readComment .user_write_date .date {font-size:11px;line-height:40px;} .readComment .commentTxt {padding:25px;line-height: 1.4;} .upFileHtml, #upFileHtml{display:inline-block;margin-top:10px;vertical-align: text-top;} .upFileHtml, #upFileHtml li{display:inline-block;margin:10px;text-align:center;overflow:hidden;background:#fff;vertical-align: bottom;} .upFileHtml, #upFileHtml label{color:#595959;font-weight:600;letter-spacing:-1px;} .file-anchor-list{display:block;margin:5px 0;} .file-anchor-list span:first-child, .file-anchor-list a:first-child{font-weight:600;letter-spacing:-1px;color:#595959} .file-anchor-list span:first-child + a, .file-anchor-list a:first-child + a{font-size:22px;line-height:13px;color:#d12626} .file-img-list{border-radius:1px;overflow:hidden;} .file-img-list img{max-width:100px;} @media screen and (max-width:1024px){ .bbs-view-item .item-box textarea ~ select{margin-left:18px;} .upFileHtml{text-align:center;} } .bbs-view-item#trSiteMenuContent{width:100%} .item-box textarea {width:100%;vertical-align:middle} .item-box input[type="file"]{padding:0;} .item-box input[type="text"], .item-box input[type="password"] {width:100%;} .checkbox {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} html.ie8 .checkbox + label, html.ie8 .checkbox.width-none + label{background:url(/img/checkbox-small.png) no-repeat 0 0;} html.ie8 .checkbox.checked + label, html.ie8 .checkbox.width-none.checked + label {background:url(/img/checkbox-checked-small.png) no-repeat;} .checkbox.width-none.checked + label {background:url(/img/checkbox-checked-big.png) no-repeat 0 0;background-size:18px;} html.ie8 input.checkbox[disabled] + label, html.ie8 input.checkbox[disabled="disabled"] + label{background-image:url(/img/checkbox-disabled-small.png)} input.checkbox:disabled + label, input.checkbox[disabled], input.checkbox[disabled="disabled"]{background-image:url(/img/checkbox-disabled-big.png)} ul.checkbox.block li {margin-bottom:5px;} .radio {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} .radio + label {display:inline-block;width:auto;padding:3px 0 4px 25px;margin:3px 5px 3px 0;background:url(/img/radio-checked-none-big.png) no-repeat 0 0;background-size:20px;} .radio.checked + label {background:url(/img/radio-checked-big.png) no-repeat 0 0;background-size:20px;} html.ie8 .radio + label {background:url(/img/radio-small.png) no-repeat 0 0;} html.ie8 .radio.checked + label {background:url(/img/radio-checked-small.png) no-repeat;} .seedPop #textAreaCode{text-align:center;} #textAreaCode {width:100% !important;} .pagination-container{text-align:center;margin: 20px 0;} .pagination-inner{display:inline-block;border:1px solid #e6e6e6;border-radius:3px;background:#fff;padding:3px 0;} .pagination-inner .bx-wrapper{float:left;} .pagination{float:left;height:32px;overflow:hidden;} .pagination li{float:left;} .pagination li a{display:block;width:28px;height:32px;line-height:32px;font-size:12px;font-weight:700;color:#000;border-radius:3px;} .pagination li a.on{background:#676fb2;color:#fff;} .pagination-control{float:left;height:32px;} .pagination-control.prev{margin-right:10px;} .pagination-control.next{margin-left:10px;} .pagination-control a{position:relative;float:left;display:block;width:42px;height:100%;text-indent:-999em;} .pagination-control.prev a:after{content:'';position:absolute;top:50%;margin-top:-12px;right:0;width:1px;height:24px;background:#dce0df;} .pagination-control.next a:after{content:'';position:absolute;top:50%;margin-top:-12px;left:0;width:1px;height:24px;background:#dce0df;} .pagination-control.prev a.prev-btn{background:url(/img/pagination_big_prev.png) no-repeat 50% 50%;background-size:8px 14px} .pagination-control.next a.next-btn{background:url(/img/pagination_big_next.png) no-repeat 50% 50%;background-size:8px 14px} .pagination-control.prev a.first-btn{background:url(/img/pagination_big_first.png) no-repeat 50% 50%;background-size:14px 14px} .pagination-control.next a.last-btn{background:url(/img/pagination_big_last.png) no-repeat 50% 50%;background-size:14px 14px} html.ie8 .pagination-control.prev a.prev-btn{background:url(/img/pagination_small_prev.png) no-repeat 50% 50%;} html.ie8 .pagination-control.next a.next-btn{background:url(/img/pagination_small_next.png) no-repeat 50% 50%;} html.ie8 .pagination-control.prev a.first-btn{background:url(/img/pagination_small_first.png) no-repeat 50% 50%;} html.ie8 .pagination-control.next a.last-btn{background:url(/img/pagination_small_last.png) no-repeat 50% 50%;} .seed-popup-wrap {width:95%;margin:0 auto;padding-top:2%} .bbs-view-title {width:95%;padding:18px 0;margin:0 auto;border-bottom:2px solid #5E66AB;} .bbs-view-title h1 {margin:0 10px;font-size:15px;} .seed-popup-wrap .btn-area button{display:inline-block;width:140px;} .seed-popup-wrap .btn-area a{display:inline-block;width:140px} .temp-file-area {overflow:hidden;display:inline-block;position:relative;/* margin-left:5px; */} .temp-file-area .temp-file-button {display:inline-block;padding: 5px 15px;text-align:center;background:#8e8e8e;color:#fff;border-radius:3px;} .temp-file-area .temp-file-hideen {font-size:22px;position:absolute;right:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;} .blockUI.blockMsg.blockPage {/* padding:15px 30px 25px 30px; *//* margin-left:-147px; *//* margin-top:-75.5px; */} .blockUI.blockMsg.blockPage .img-page-loding{display:block;/* width:100px; *//* height:75px; */margin:0 auto;margin-bottom:10px;} .editor{height:560px;position: relative;} .editor iframe{display:none;width:100%;height:540px;border:none;} .CodeMirror pre{font-family:'Noto Sans KR', Open Sans !important;font-weight:400;tab-size:8;} .CodeMirror-code div{height:20px;} .CodeMirror-linenumber.CodeMirror-gutter-elt{color:#acacac;text-align:right;font-family:'Noto Sans KR', Open Sans !important;left:0;} .CodeMirror-linenumbers{width:47px !important;} .CodeMirror-vscrollbar::-webkit-scrollbar{width:7px;} .CodeMirror-hscrollbar::-webkit-scrollbar{height:7px;} .CodeMirror-vscrollbar::-webkit-scrollbar-track, .CodeMirror-hscrollbar::-webkit-scrollbar-track{background:#F1F1F1;} .CodeMirror-vscrollbar::-webkit-scrollbar-thumb, .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {background:#dadada;} .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:window-inactive, .CodeMirror-hscrollbar::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } .btn-area button.DSP-NONE{display:none;} .layout-footer{padding:25px;background:#fff} .layout-footer.skin-css{padding: 10px;padding-left: 0;} html.ie .rolling{display:none} .rolling { font-size: 10px; position: absolute; left:50%;top:50%;margin-left:-3em;margin-top:-3.5em; text-indent: -9999em; border-top: 0.2em solid rgba(103, 111, 178, 1); border-right: 0.2em solid rgba(103, 111, 178, 1); border-bottom: 0.2em solid rgba(103, 111, 178, 1); border-left: 0.2em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .rolling, .rolling:after { border-radius: 50%; width:6em; height:6em; } .rolling:after{ content:''; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .pjax-loader-bar { position: fixed; top: 0; left: 0; z-index: 40000; opacity: 0; -webkit-transition: opacity 0.4s linear 0.4s; transition: opacity 0.4s linear 0.4s; } .pjax-loader-bar.is-loading { opacity: 1; -webkit-transition: none; transition: none; } .pjax-loader-bar .progress { position: fixed; top: 0; left: 0; z-index:40000; height: 3px; background: #bfd1fa; box-shadow: 0 0 10px rgba(188,209,255,0.8); -webkit-transition: width 0.4s ease; transition: width 0.4s ease; } /* ****************************************************************************************************** new ****************************************************************************************************** */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .text-left{ text-align:left; } .text-center{ text-align:center; } .text-right{ text-align:right; } .text-justify{ text-align:justify; } .text-nowrap{ white-space: nowrap; } .font-normal{ font-weight: normal !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .center-block { display: block; margin-left: auto; margin-right: auto; } .show { display: block !important; } .invisible { visibility: hidden; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .list-unstyled{ padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li{ display: inline-block; padding-right: 5px; padding-left: 5px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #828282; } .ellipsis{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .row{ display: block; margin: 15px 0; } .half-rule { width: 100px; margin: 40px auto; border: 0; border-top: 1px solid #ededed; } /* ****************************************************************************************************** new ****************************************************************************************************** */ .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .ellip, .ellip-line { position: relative; overflow: hidden; } .mt0{margin-top:0px!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt3{margin-top:3px!important}.mt4{margin-top:4px!important}.mt5{margin-top:5px!important}.mt6{margin-top:6px!important}.mt7{margin-top:7px!important}.mt8{margin-top:8px!important}.mt9{margin-top:9px!important}.mt10{margin-top:10px!important}.mt11{margin-top:11px!important}.mt12{margin-top:12px!important}.mt13{margin-top:13px!important}.mt14{margin-top:14px!important}.mt15{margin-top:15px!important}.mt16{margin-top:16px!important}.mt17{margin-top:17px!important}.mt18{margin-top:18px!important}.mt19{margin-top:19px!important}.mt20{margin-top:20px!important}.mt21{margin-top:21px!important}.mt22{margin-top:22px!important}.mt23{margin-top:23px!important}.mt24{margin-top:24px!important}.mt25{margin-top:25px!important}.mt26{margin-top:26px!important}.mt27{margin-top:27px!important}.mt28{margin-top:28px!important}.mt29{margin-top:29px!important}.mt30{margin-top:30px!important}.mt31{margin-top:31px!important}.mt32{margin-top:32px!important}.mt33{margin-top:33px!important}.mt34{margin-top:34px!important}.mt35{margin-top:35px!important}.mt36{margin-top:36px!important}.mt31{margin-top:37px!important}.mt38{margin-top:38px!important}.mt39{margin-top:39px!important}.mt40{margin-top:40px!important}.mt41{margin-top:41px!important}.mt42{margin-top:42px!important}.mt43{margin-top:43px!important}.mt44{margin-top:44px!important}.mt45{margin-top:45px!important}.mt46{margin-top:46px!important}.mt47{margin-top:47px!important}.mt48{margin-top:48px!important}.mt49{margin-top:49px!important}.mt50{margin-top:50px!important}.mt51{margin-top:51px!important}.mt52{margin-top:52px!important}.mt53{margin-top:53px!important}.mt54{margin-top:54px!important}.mt55{margin-top:55px!important}.mt56{margin-top:56px!important}.mt57{margin-top:57px!important}.mt58{margin-top:58px!important}.mt59{margin-top:59px!important}.mt60{margin-top:60px!important}.mt61{margin-top:61px!important}.mt62{margin-top:62px!important}.mt63{margin-top:63px!important}.mt64{margin-top:64px!important}.mt65{margin-top:65px!important}.mt66{margin-top:66px!important}.mt67{margin-top:67px!important}.mt68{margin-top:68px!important}.mt69{margin-top:69px!important}.mt70{margin-top:70px!important}.mt71{margin-top:71px!important}.mt72{margin-top:72px!important}.mt73{margin-top:73px!important}.mt74{margin-top:74px!important}.mt75{margin-top:75px!important}.mt76{margin-top:76px!important}.mt77{margin-top:77px!important}.mt78{margin-top:78px!important}.mt79{margin-top:79px!important}.mt80{margin-top:80px!important}.mt81{margin-top:81px!important}.mt82{margin-top:82px!important}.mt83{margin-top:83px!important}.mt84{margin-top:84px!important}.mt85{margin-top:85px!important}.mt86{margin-top:86px!important}.mt87{margin-top:87px!important}.mt88{margin-top:88px!important}.mt89{margin-top:89px!important}.mt90{margin-top:90px!important}.mt91{margin-top:91px!important}.mt92{margin-top:92px!important}.mt93{margin-top:93px!important}.mt94{margin-top:94px!important}.mt95{margin-top:95px!important}.mt96{margin-top:96px!important}.mt97{margin-top:97px!important}.mt98{margin-top:98px!important}.mt99{margin-top:99px!important}.mt100{margin-top:100px!important}.mr0{margin-right:0px!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr6{margin-right:6px!important}.mr7{margin-right:7px!important}.mr8{margin-right:8px!important}.mr9{margin-right:9px!important}.mr10{margin-right:10px!important}.mr11{margin-right:11px!important}.mr12{margin-right:12px!important}.mr13{margin-right:13px!important}.mr14{margin-right:14px!important}.mr15{margin-right:15px!important}.mr16{margin-right:16px!important}.mr17{margin-right:17px!important}.mr18{margin-right:18px!important}.mr19{margin-right:19px!important}.mr20{margin-right:20px!important}.mr21{margin-right:21px!important}.mr22{margin-right:22px!important}.mr23{margin-right:23px!important}.mr24{margin-right:24px!important}.mr25{margin-right:25px!important}.mr26{margin-right:26px!important}.mr27{margin-right:27px!important}.mr28{margin-right:28px!important}.mr29{margin-right:29px!important}.mr30{margin-right:30px!important}.mr31{margin-right:31px!important}.mr32{margin-right:32px!important}.mr33{margin-right:33px!important}.mr34{margin-right:34px!important}.mr35{margin-right:35px!important}.mr36{margin-right:36px!important}.mr31{margin-right:37px!important}.mr38{margin-right:38px!important}.mr39{margin-right:39px!important}.mr40{margin-right:40px!important}.mr41{margin-right:41px!important}.mr42{margin-right:42px!important}.mr43{margin-right:43px!important}.mr44{margin-right:44px!important}.mr45{margin-right:45px!important}.mr46{margin-right:46px!important}.mr47{margin-right:47px!important}.mr48{margin-right:48px!important}.mr49{margin-right:49px!important}.mr50{margin-right:50px!important}.mr51{margin-right:51px!important}.mr52{margin-right:52px!important}.mr53{margin-right:53px!important}.mr54{margin-right:54px!important}.mr55{margin-right:55px!important}.mr56{margin-right:56px!important}.mr57{margin-right:57px!important}.mr58{margin-right:58px!important}.mr59{margin-right:59px!important}.mr60{margin-right:60px!important}.mr61{margin-right:61px!important}.mr62{margin-right:62px!important}.mr63{margin-right:63px!important}.mr64{margin-right:64px!important}.mr65{margin-right:65px!important}.mr66{margin-right:66px!important}.mr67{margin-right:67px!important}.mr68{margin-right:68px!important}.mr69{margin-right:69px!important}.mr70{margin-right:70px!important}.mr71{margin-right:71px!important}.mr72{margin-right:72px!important}.mr73{margin-right:73px!important}.mr74{margin-right:74px!important}.mr75{margin-right:75px!important}.mr76{margin-right:76px!important}.mr77{margin-right:77px!important}.mr78{margin-right:78px!important}.mr79{margin-right:79px!important}.mr80{margin-right:80px!important}.mr81{margin-right:81px!important}.mr82{margin-right:82px!important}.mr83{margin-right:83px!important}.mr84{margin-right:84px!important}.mr85{margin-right:85px!important}.mr86{margin-right:86px!important}.mr87{margin-right:87px!important}.mr88{margin-right:88px!important}.mr89{margin-right:89px!important}.mr90{margin-right:90px!important}.mr91{margin-right:91px!important}.mr92{margin-right:92px!important}.mr93{margin-right:93px!important}.mr94{margin-right:94px!important}.mr95{margin-right:95px!important}.mr96{margin-right:96px!important}.mr97{margin-right:97px!important}.mr98{margin-right:98px!important}.mr99{margin-right:99px!important}.mr100{margin-right:100px!important}.mb0{margin-bottom:0px!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb3{margin-bottom:3px!important}.mb4{margin-bottom:4px!important}.mb5{margin-bottom:5px!important}.mb6{margin-bottom:6px!important}.mb7{margin-bottom:7px!important}.mb8{margin-bottom:8px!important}.mb9{margin-bottom:9px!important}.mb10{margin-bottom:10px!important}.mb11{margin-bottom:11px!important}.mb12{margin-bottom:12px!important}.mb13{margin-bottom:13px!important}.mb14{margin-bottom:14px!important}.mb15{margin-bottom:15px!important}.mb16{margin-bottom:16px!important}.mb17{margin-bottom:17px!important}.mb18{margin-bottom:18px!important}.mb19{margin-bottom:19px!important}.mb20{margin-bottom:20px!important}.mb21{margin-bottom:21px!important}.mb22{margin-bottom:22px!important}.mb23{margin-bottom:23px!important}.mb24{margin-bottom:24px!important}.mb25{margin-bottom:25px!important}.mb26{margin-bottom:26px!important}.mb27{margin-bottom:27px!important}.mb28{margin-bottom:28px!important}.mb29{margin-bottom:29px!important}.mb30{margin-bottom:30px!important}.mb31{margin-bottom:31px!important}.mb32{margin-bottom:32px!important}.mb33{margin-bottom:33px!important}.mb34{margin-bottom:34px!important}.mb35{margin-bottom:35px!important}.mb36{margin-bottom:36px!important}.mb31{margin-bottom:37px!important}.mb38{margin-bottom:38px!important}.mb39{margin-bottom:39px!important}.mb40{margin-bottom:40px!important}.mb41{margin-bottom:41px!important}.mb42{margin-bottom:42px!important}.mb43{margin-bottom:43px!important}.mb44{margin-bottom:44px!important}.mb45{margin-bottom:45px!important}.mb46{margin-bottom:46px!important}.mb47{margin-bottom:47px!important}.mb48{margin-bottom:48px!important}.mb49{margin-bottom:49px!important}.mb50{margin-bottom:50px!important}.mb51{margin-bottom:51px!important}.mb52{margin-bottom:52px!important}.mb53{margin-bottom:53px!important}.mb54{margin-bottom:54px!important}.mb55{margin-bottom:55px!important}.mb56{margin-bottom:56px!important}.mb57{margin-bottom:57px!important}.mb58{margin-bottom:58px!important}.mb59{margin-bottom:59px!important}.mb60{margin-bottom:60px!important}.mb61{margin-bottom:61px!important}.mb62{margin-bottom:62px!important}.mb63{margin-bottom:63px!important}.mb64{margin-bottom:64px!important}.mb65{margin-bottom:65px!important}.mb66{margin-bottom:66px!important}.mb67{margin-bottom:67px!important}.mb68{margin-bottom:68px!important}.mb69{margin-bottom:69px!important}.mb70{margin-bottom:70px!important}.mb71{margin-bottom:71px!important}.mb72{margin-bottom:72px!important}.mb73{margin-bottom:73px!important}.mb74{margin-bottom:74px!important}.mb75{margin-bottom:75px!important}.mb76{margin-bottom:76px!important}.mb77{margin-bottom:77px!important}.mb78{margin-bottom:78px!important}.mb79{margin-bottom:79px!important}.mb80{margin-bottom:80px!important}.mb81{margin-bottom:81px!important}.mb82{margin-bottom:82px!important}.mb83{margin-bottom:83px!important}.mb84{margin-bottom:84px!important}.mb85{margin-bottom:85px!important}.mb86{margin-bottom:86px!important}.mb87{margin-bottom:87px!important}.mb88{margin-bottom:88px!important}.mb89{margin-bottom:89px!important}.mb90{margin-bottom:90px!important}.mb91{margin-bottom:91px!important}.mb92{margin-bottom:92px!important}.mb93{margin-bottom:93px!important}.mb94{margin-bottom:94px!important}.mb95{margin-bottom:95px!important}.mb96{margin-bottom:96px!important}.mb97{margin-bottom:97px!important}.mb98{margin-bottom:98px!important}.mb99{margin-bottom:99px!important}.mb100{margin-bottom:100px!important}.ml0{margin-left:0px!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml4{margin-left:4px!important}.ml5{margin-left:5px!important}.ml6{margin-left:6px!important}.ml7{margin-left:7px!important}.ml8{margin-left:8px!important}.ml9{margin-left:9px!important}.ml10{margin-left:10px!important}.ml11{margin-left:11px!important}.ml12{margin-left:12px!important}.ml13{margin-left:13px!important}.ml14{margin-left:14px!important}.ml15{margin-left:15px!important}.ml16{margin-left:16px!important}.ml17{margin-left:17px!important}.ml18{margin-left:18px!important}.ml19{margin-left:19px!important}.ml20{margin-left:20px!important}.ml21{margin-left:21px!important}.ml22{margin-left:22px!important}.ml23{margin-left:23px!important}.ml24{margin-left:24px!important}.ml25{margin-left:25px!important}.ml26{margin-left:26px!important}.ml27{margin-left:27px!important}.ml28{margin-left:28px!important}.ml29{margin-left:29px!important}.ml30{margin-left:30px!important}.ml31{margin-left:31px!important}.ml32{margin-left:32px!important}.ml33{margin-left:33px!important}.ml34{margin-left:34px!important}.ml35{margin-left:35px!important}.ml36{margin-left:36px!important}.ml31{margin-left:37px!important}.ml38{margin-left:38px!important}.ml39{margin-left:39px!important}.ml40{margin-left:40px!important}.ml41{margin-left:41px!important}.ml42{margin-left:42px!important}.ml43{margin-left:43px!important}.ml44{margin-left:44px!important}.ml45{margin-left:45px!important}.ml46{margin-left:46px!important}.ml47{margin-left:47px!important}.ml48{margin-left:48px!important}.ml49{margin-left:49px!important}.ml50{margin-left:50px!important}.ml51{margin-left:51px!important}.ml52{margin-left:52px!important}.ml53{margin-left:53px!important}.ml54{margin-left:54px!important}.ml55{margin-left:55px!important}.ml56{margin-left:56px!important}.ml57{margin-left:57px!important}.ml58{margin-left:58px!important}.ml59{margin-left:59px!important}.ml60{margin-left:60px!important}.ml61{margin-left:61px!important}.ml62{margin-left:62px!important}.ml63{margin-left:63px!important}.ml64{margin-left:64px!important}.ml65{margin-left:65px!important}.ml66{margin-left:66px!important}.ml67{margin-left:67px!important}.ml68{margin-left:68px!important}.ml69{margin-left:69px!important}.ml70{margin-left:70px!important}.ml71{margin-left:71px!important}.ml72{margin-left:72px!important}.ml73{margin-left:73px!important}.ml74{margin-left:74px!important}.ml75{margin-left:75px!important}.ml76{margin-left:76px!important}.ml77{margin-left:77px!important}.ml78{margin-left:78px!important}.ml79{margin-left:79px!important}.ml80{margin-left:80px!important}.ml81{margin-left:81px!important}.ml82{margin-left:82px!important}.ml83{margin-left:83px!important}.ml84{margin-left:84px!important}.ml85{margin-left:85px!important}.ml86{margin-left:86px!important}.ml87{margin-left:87px!important}.ml88{margin-left:88px!important}.ml89{margin-left:89px!important}.ml90{margin-left:90px!important}.ml91{margin-left:91px!important}.ml92{margin-left:92px!important}.ml93{margin-left:93px!important}.ml94{margin-left:94px!important}.ml95{margin-left:95px!important}.ml96{margin-left:96px!important}.ml97{margin-left:97px!important}.ml98{margin-left:98px!important}.ml99{margin-left:99px!important}.ml100{margin-left:100px!important}.pt0{padding-top:0px!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt3{padding-top:3px!important}.pt4{padding-top:4px!important}.pt5{padding-top:5px!important}.pt6{padding-top:6px!important}.pt7{padding-top:7px!important}.pt8{padding-top:8px!important}.pt9{padding-top:9px!important}.pt10{padding-top:10px!important}.pt11{padding-top:11px!important}.pt12{padding-top:12px!important}.pt13{padding-top:13px!important}.pt14{padding-top:14px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pt17{padding-top:17px!important}.pt18{padding-top:18px!important}.pt19{padding-top:19px!important}.pt20{padding-top:20px!important}.pt21{padding-top:21px!important}.pt22{padding-top:22px!important}.pt23{padding-top:23px!important}.pt24{padding-top:24px!important}.pt25{padding-top:25px!important}.pt26{padding-top:26px!important}.pt27{padding-top:27px!important}.pt28{padding-top:28px!important}.pt29{padding-top:29px!important}.pt30{padding-top:30px!important}.pt31{padding-top:31px!important}.pt32{padding-top:32px!important}.pt33{padding-top:33px!important}.pt34{padding-top:34px!important}.pt35{padding-top:35px!important}.pt36{padding-top:36px!important}.pt31{padding-top:37px!important}.pt38{padding-top:38px!important}.pt39{padding-top:39px!important}.pt40{padding-top:40px!important}.pt41{padding-top:41px!important}.pt42{padding-top:42px!important}.pt43{padding-top:43px!important}.pt44{padding-top:44px!important}.pt45{padding-top:45px!important}.pt46{padding-top:46px!important}.pt47{padding-top:47px!important}.pt48{padding-top:48px!important}.pt49{padding-top:49px!important}.pt50{padding-top:50px!important}.pt51{padding-top:51px!important}.pt52{padding-top:52px!important}.pt53{padding-top:53px!important}.pt54{padding-top:54px!important}.pt55{padding-top:55px!important}.pt56{padding-top:56px!important}.pt57{padding-top:57px!important}.pt58{padding-top:58px!important}.pt59{padding-top:59px!important}.pt60{padding-top:60px!important}.pt61{padding-top:61px!important}.pt62{padding-top:62px!important}.pt63{padding-top:63px!important}.pt64{padding-top:64px!important}.pt65{padding-top:65px!important}.pt66{padding-top:66px!important}.pt67{padding-top:67px!important}.pt68{padding-top:68px!important}.pt69{padding-top:69px!important}.pt70{padding-top:70px!important}.pt71{padding-top:71px!important}.pt72{padding-top:72px!important}.pt73{padding-top:73px!important}.pt74{padding-top:74px!important}.pt75{padding-top:75px!important}.pt76{padding-top:76px!important}.pt77{padding-top:77px!important}.pt78{padding-top:78px!important}.pt79{padding-top:79px!important}.pt80{padding-top:80px!important}.pt81{padding-top:81px!important}.pt82{padding-top:82px!important}.pt83{padding-top:83px!important}.pt84{padding-top:84px!important}.pt85{padding-top:85px!important}.pt86{padding-top:86px!important}.pt87{padding-top:87px!important}.pt88{padding-top:88px!important}.pt89{padding-top:89px!important}.pt90{padding-top:90px!important}.pt91{padding-top:91px!important}.pt92{padding-top:92px!important}.pt93{padding-top:93px!important}.pt94{padding-top:94px!important}.pt95{padding-top:95px!important}.pt96{padding-top:96px!important}.pt97{padding-top:97px!important}.pt98{padding-top:98px!important}.pt99{padding-top:99px!important}.pt100{padding-top:100px!important}.pr0{padding-right:0px!important}.pr1{padding-right:1px!important}.pr2{padding-right:2px!important}.pr3{padding-right:3px!important}.pr4{padding-right:4px!important}.pr5{padding-right:5px!important}.pr6{padding-right:6px!important}.pr7{padding-right:7px!important}.pr8{padding-right:8px!important}.pr9{padding-right:9px!important}.pr10{padding-right:10px!important}.pr11{padding-right:11px!important}.pr12{padding-right:12px!important}.pr13{padding-right:13px!important}.pr14{padding-right:14px!important}.pr15{padding-right:15px!important}.pr16{padding-right:16px!important}.pr17{padding-right:17px!important}.pr18{padding-right:18px!important}.pr19{padding-right:19px!important}.pr20{padding-right:20px!important}.pr21{padding-right:21px!important}.pr22{padding-right:22px!important}.pr23{padding-right:23px!important}.pr24{padding-right:24px!important}.pr25{padding-right:25px!important}.pr26{padding-right:26px!important}.pr27{padding-right:27px!important}.pr28{padding-right:28px!important}.pr29{padding-right:29px!important}.pr30{padding-right:30px!important}.pr31{padding-right:31px!important}.pr32{padding-right:32px!important}.pr33{padding-right:33px!important}.pr34{padding-right:34px!important}.pr35{padding-right:35px!important}.pr36{padding-right:36px!important}.pr31{padding-right:37px!important}.pr38{padding-right:38px!important}.pr39{padding-right:39px!important}.pr40{padding-right:40px!important}.pr41{padding-right:41px!important}.pr42{padding-right:42px!important}.pr43{padding-right:43px!important}.pr44{padding-right:44px!important}.pr45{padding-right:45px!important}.pr46{padding-right:46px!important}.pr47{padding-right:47px!important}.pr48{padding-right:48px!important}.pr49{padding-right:49px!important}.pr50{padding-right:50px!important}.pr51{padding-right:51px!important}.pr52{padding-right:52px!important}.pr53{padding-right:53px!important}.pr54{padding-right:54px!important}.pr55{padding-right:55px!important}.pr56{padding-right:56px!important}.pr57{padding-right:57px!important}.pr58{padding-right:58px!important}.pr59{padding-right:59px!important}.pr60{padding-right:60px!important}.pr61{padding-right:61px!important}.pr62{padding-right:62px!important}.pr63{padding-right:63px!important}.pr64{padding-right:64px!important}.pr65{padding-right:65px!important}.pr66{padding-right:66px!important}.pr67{padding-right:67px!important}.pr68{padding-right:68px!important}.pr69{padding-right:69px!important}.pr70{padding-right:70px!important}.pr71{padding-right:71px!important}.pr72{padding-right:72px!important}.pr73{padding-right:73px!important}.pr74{padding-right:74px!important}.pr75{padding-right:75px!important}.pr76{padding-right:76px!important}.pr77{padding-right:77px!important}.pr78{padding-right:78px!important}.pr79{padding-right:79px!important}.pr80{padding-right:80px!important}.pr81{padding-right:81px!important}.pr82{padding-right:82px!important}.pr83{padding-right:83px!important}.pr84{padding-right:84px!important}.pr85{padding-right:85px!important}.pr86{padding-right:86px!important}.pr87{padding-right:87px!important}.pr88{padding-right:88px!important}.pr89{padding-right:89px!important}.pr90{padding-right:90px!important}.pr91{padding-right:91px!important}.pr92{padding-right:92px!important}.pr93{padding-right:93px!important}.pr94{padding-right:94px!important}.pr95{padding-right:95px!important}.pr96{padding-right:96px!important}.pr97{padding-right:97px!important}.pr98{padding-right:98px!important}.pr99{padding-right:99px!important}.pr100{padding-right:100px!important}.pb0{padding-bottom:0px!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb3{padding-bottom:3px!important}.pb4{padding-bottom:4px!important}.pb5{padding-bottom:5px!important}.pb6{padding-bottom:6px!important}.pb7{padding-bottom:7px!important}.pb8{padding-bottom:8px!important}.pb9{padding-bottom:9px!important}.pb10{padding-bottom:10px!important}.pb11{padding-bottom:11px!important}.pb12{padding-bottom:12px!important}.pb13{padding-bottom:13px!important}.pb14{padding-bottom:14px!important}.pb15{padding-bottom:15px!important}.pb16{padding-bottom:16px!important}.pb17{padding-bottom:17px!important}.pb18{padding-bottom:18px!important}.pb19{padding-bottom:19px!important}.pb20{padding-bottom:20px!important}.pb21{padding-bottom:21px!important}.pb22{padding-bottom:22px!important}.pb23{padding-bottom:23px!important}.pb24{padding-bottom:24px!important}.pb25{padding-bottom:25px!important}.pb26{padding-bottom:26px!important}.pb27{padding-bottom:27px!important}.pb28{padding-bottom:28px!important}.pb29{padding-bottom:29px!important}.pb30{padding-bottom:30px!important}.pb31{padding-bottom:31px!important}.pb32{padding-bottom:32px!important}.pb33{padding-bottom:33px!important}.pb34{padding-bottom:34px!important}.pb35{padding-bottom:35px!important}.pb36{padding-bottom:36px!important}.pb31{padding-bottom:37px!important}.pb38{padding-bottom:38px!important}.pb39{padding-bottom:39px!important}.pb40{padding-bottom:40px!important}.pb41{padding-bottom:41px!important}.pb42{padding-bottom:42px!important}.pb43{padding-bottom:43px!important}.pb44{padding-bottom:44px!important}.pb45{padding-bottom:45px!important}.pb46{padding-bottom:46px!important}.pb47{padding-bottom:47px!important}.pb48{padding-bottom:48px!important}.pb49{padding-bottom:49px!important}.pb50{padding-bottom:50px!important}.pb51{padding-bottom:51px!important}.pb52{padding-bottom:52px!important}.pb53{padding-bottom:53px!important}.pb54{padding-bottom:54px!important}.pb55{padding-bottom:55px!important}.pb56{padding-bottom:56px!important}.pb57{padding-bottom:57px!important}.pb58{padding-bottom:58px!important}.pb59{padding-bottom:59px!important}.pb60{padding-bottom:60px!important}.pb61{padding-bottom:61px!important}.pb62{padding-bottom:62px!important}.pb63{padding-bottom:63px!important}.pb64{padding-bottom:64px!important}.pb65{padding-bottom:65px!important}.pb66{padding-bottom:66px!important}.pb67{padding-bottom:67px!important}.pb68{padding-bottom:68px!important}.pb69{padding-bottom:69px!important}.pb70{padding-bottom:70px!important}.pb71{padding-bottom:71px!important}.pb72{padding-bottom:72px!important}.pb73{padding-bottom:73px!important}.pb74{padding-bottom:74px!important}.pb75{padding-bottom:75px!important}.pb76{padding-bottom:76px!important}.pb77{padding-bottom:77px!important}.pb78{padding-bottom:78px!important}.pb79{padding-bottom:79px!important}.pb80{padding-bottom:80px!important}.pb81{padding-bottom:81px!important}.pb82{padding-bottom:82px!important}.pb83{padding-bottom:83px!important}.pb84{padding-bottom:84px!important}.pb85{padding-bottom:85px!important}.pb86{padding-bottom:86px!important}.pb87{padding-bottom:87px!important}.pb88{padding-bottom:88px!important}.pb89{padding-bottom:89px!important}.pb90{padding-bottom:90px!important}.pb91{padding-bottom:91px!important}.pb92{padding-bottom:92px!important}.pb93{padding-bottom:93px!important}.pb94{padding-bottom:94px!important}.pb95{padding-bottom:95px!important}.pb96{padding-bottom:96px!important}.pb97{padding-bottom:97px!important}.pb98{padding-bottom:98px!important}.pb99{padding-bottom:99px!important}.pb100{padding-bottom:100px!important}.pl0{padding-left:0px!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl3{padding-left:3px!important}.pl4{padding-left:4px!important}.pl5{padding-left:5px!important}.pl6{padding-left:6px!important}.pl7{padding-left:7px!important}.pl8{padding-left:8px!important}.pl9{padding-left:9px!important}.pl10{padding-left:10px!important}.pl11{padding-left:11px!important}.pl12{padding-left:12px!important}.pl13{padding-left:13px!important}.pl14{padding-left:14px!important}.pl15{padding-left:15px!important}.pl16{padding-left:16px!important}.pl17{padding-left:17px!important}.pl18{padding-left:18px!important}.pl19{padding-left:19px!important}.pl20{padding-left:20px!important}.pl21{padding-left:21px!important}.pl22{padding-left:22px!important}.pl23{padding-left:23px!important}.pl24{padding-left:24px!important}.pl25{padding-left:25px!important}.pl26{padding-left:26px!important}.pl27{padding-left:27px!important}.pl28{padding-left:28px!important}.pl29{padding-left:29px!important}.pl30{padding-left:30px!important}.pl31{padding-left:31px!important}.pl32{padding-left:32px!important}.pl33{padding-left:33px!important}.pl34{padding-left:34px!important}.pl35{padding-left:35px!important}.pl36{padding-left:36px!important}.pl31{padding-left:37px!important}.pl38{padding-left:38px!important}.pl39{padding-left:39px!important}.pl40{padding-left:40px!important}.pl41{padding-left:41px!important}.pl42{padding-left:42px!important}.pl43{padding-left:43px!important}.pl44{padding-left:44px!important}.pl45{padding-left:45px!important}.pl46{padding-left:46px!important}.pl47{padding-left:47px!important}.pl48{padding-left:48px!important}.pl49{padding-left:49px!important}.pl50{padding-left:50px!important}.pl51{padding-left:51px!important}.pl52{padding-left:52px!important}.pl53{padding-left:53px!important}.pl54{padding-left:54px!important}.pl55{padding-left:55px!important}.pl56{padding-left:56px!important}.pl57{padding-left:57px!important}.pl58{padding-left:58px!important}.pl59{padding-left:59px!important}.pl60{padding-left:60px!important}.pl61{padding-left:61px!important}.pl62{padding-left:62px!important}.pl63{padding-left:63px!important}.pl64{padding-left:64px!important}.pl65{padding-left:65px!important}.pl66{padding-left:66px!important}.pl67{padding-left:67px!important}.pl68{padding-left:68px!important}.pl69{padding-left:69px!important}.pl70{padding-left:70px!important}.pl71{padding-left:71px!important}.pl72{padding-left:72px!important}.pl73{padding-left:73px!important}.pl74{padding-left:74px!important}.pl75{padding-left:75px!important}.pl76{padding-left:76px!important}.pl77{padding-left:77px!important}.pl78{padding-left:78px!important}.pl79{padding-left:79px!important}.pl80{padding-left:80px!important}.pl81{padding-left:81px!important}.pl82{padding-left:82px!important}.pl83{padding-left:83px!important}.pl84{padding-left:84px!important}.pl85{padding-left:85px!important}.pl86{padding-left:86px!important}.pl87{padding-left:87px!important}.pl88{padding-left:88px!important}.pl89{padding-left:89px!important}.pl90{padding-left:90px!important}.pl91{padding-left:91px!important}.pl92{padding-left:92px!important}.pl93{padding-left:93px!important}.pl94{padding-left:94px!important}.pl95{padding-left:95px!important}.pl96{padding-left:96px!important}.pl97{padding-left:97px!important}.pl98{padding-left:98px!important}.pl99{padding-left:99px!important}.pl100{padding-left:100px!important} /** * col-* (1% ~ 100%) */ .col-1{width:1% !important;}.col-2{width:2% !important;}.col-3{width:3% !important;}.col-4{width:4% !important;}.col-5{width:5% !important;}.col-6{width:6% !important;}.col-7{width:7% !important;}.col-8{width:8% !important;}.col-9{width:9% !important;}.col-10{width:10% !important;}.col-11{width:11% !important;}.col-12{width:12% !important;}.col-13{width:13% !important;}.col-14{width:14% !important;}.col-15{width:15% !important;}.col-16{width:16% !important;}.col-17{width:17% !important;}.col-18{width:18% !important;}.col-19{width:19% !important;}.col-20{width:20% !important;}.col-21{width:21% !important;}.col-22{width:22% !important;}.col-23{width:23% !important;}.col-24{width:24% !important;}.col-25{width:25% !important;}.col-26{width:26% !important;}.col-27{width:27% !important;}.col-28{width:28% !important;}.col-29{width:29% !important;}.col-30{width:30% !important;}.col-31{width:31% !important;}.col-32{width:32% !important;}.col-33{width:33% !important;}.col-34{width:34% !important;}.col-35{width:35% !important;}.col-36{width:36% !important;}.col-37{width:37% !important;}.col-38{width:38% !important;}.col-39{width:39% !important;}.col-40{width:40% !important;}.col-41{width:41% !important;}.col-42{width:42% !important;}.col-43{width:43% !important;}.col-44{width:44% !important;}.col-45{width:45% !important;}.col-46{width:46% !important;}.col-47{width:47% !important;}.col-48{width:48% !important;}.col-49{width:49% !important;}.col-50{width:50% !important;}.col-51{width:51% !important;}.col-52{width:52% !important;}.col-53{width:53% !important;}.col-54{width:54% !important;}.col-55{width:55% !important;}.col-56{width:56% !important;}.col-57{width:57% !important;}.col-58{width:58% !important;}.col-59{width:59% !important;}.col-60{width:60% !important;}.col-61{width:61% !important;}.col-62{width:62% !important;}.col-63{width:63% !important;}.col-64{width:64% !important;}.col-65{width:65% !important;}.col-66{width:66% !important;}.col-67{width:67% !important;}.col-68{width:68% !important;}.col-69{width:69% !important;}.col-70{width:70% !important;}.col-71{width:71% !important;}.col-72{width:72% !important;}.col-73{width:73% !important;}.col-74{width:74% !important;}.col-75{width:75% !important;}.col-76{width:76% !important;}.col-77{width:77% !important;}.col-78{width:78% !important;}.col-79{width:79% !important;}.col-80{width:80% !important;}.col-81{width:81% !important;}.col-82{width:82% !important;}.col-83{width:83% !important;}.col-84{width:84% !important;}.col-85{width:85% !important;}.col-86{width:86% !important;}.col-87{width:87% !important;}.col-88{width:88% !important;}.col-89{width:89% !important;}.col-90{width:90% !important;}.col-91{width:91% !important;}.col-92{width:92% !important;}.col-93{width:93% !important;}.col-94{width:94% !important;}.col-95{width:95% !important;}.col-96{width:96% !important;}.col-97{width:97% !important;}.col-98{width:98% !important;}.col-99{width:99% !important;}.col-100{width:100% !important;} fieldset{ min-width:inherit; } @-moz-document url-prefix() { fieldset { display: table-cell; } } label{ display: inline-block; max-width: 100%; margin-bottom: 7px; font-weight:600; } input + label{ margin-bottom:0; } [data-tooltip]{ position:relative; } [data-tooltip]:after, [data-tooltip]:before { opacity: 0; position: absolute; left: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } [data-tooltip]:after{ content: attr(data-tooltip); box-sizing: border-box; text-align: center; padding: 6px 6px 5px; border-radius: 7px; color: #fff; -webkit-transition: opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1); transition: opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1); transition: opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1); transition: opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1); pointer-events: none; z-index: 100000; white-space: nowrap; background: #000; bottom: 100%; -webkit-transform: translate(-50%,12px); -moz-transform: translate(-50%,12px); -ms-transform: translate(-50%,12px); transform: translate(-50%,12px); max-width: 320px; text-overflow: ellipsis; overflow: hidden; } [data-tooltip]:before { border-style: solid; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-bottom-width: 0; content: ''; top: -2px; width: 0; height: 0; -webkit-transform: translate(-50%,calc(-50% - 6px)); -moz-transform: translate(-50%,calc(-50% - 6px)); -ms-transform: translate(-50%,calc(-50% - 6px)); transform: translate(-50%,calc(-50% - 6px)); -webkit-transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s; transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s; transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s; transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s; z-index: 110000; } [data-tooltip]:before { border-top-color: #000; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } [data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before { opacity: 1; } [data-tooltip]:focus:after, [data-tooltip]:hover:after { -webkit-transform: translate(-50%,-6px); -moz-transform: translate(-50%,-6px); -ms-transform: translate(-50%,-6px); transform: translate(-50%,-6px); } [data-tooltip]:focus:before, [data-tooltip]:hover:before { -webkit-transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s; transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s; transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s; transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s; -webkit-transform: translate(-50%,calc(-50% - 2px)); -moz-transform: translate(-50%,calc(-50% - 2px)); -ms-transform: translate(-50%,calc(-50% - 2px)); transform: translate(-50%,calc(-50% - 2px)); } /* 스크린리더 외 기기에선 안보이게 */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .hover-link{ position:relative; } .hover-link:hover:after{ content:''; position:absolute; right:-15px; bottom:2px; display:inline-block; width:12px; height:12px; background-image: url(/img/hover-link-black-L.png); background-repeat: no-repeat; background-position:0 0; background-size: 12px 12px; } /* tooltip ie */ .ie [data-tooltip]:before{ /* ie translate calc버그 때문에... */ margin-top:-4px; margin-left:-2px; } /* .ie8은 style부터 다시 잡습니다. */ .ie8 [data-tooltip]:after, .ie8 [data-tooltip]:before{ display:none; margin-top:0; margin-left:0; } .ie.ie8 [data-tooltip]:after{ height:28px; top:-100%;left:1px; margin-top:-4px; } .ie.ie8 [data-tooltip]:before{ margin-left:-2px; margin-top:-4px; } .ie.ie8 [data-tooltip]:focus:after, .ie.ie8 [data-tooltip]:focus:before, .ie.ie8 [data-tooltip]:hover:after, .ie.ie8 [data-tooltip]:hover:before { display:block; } .fl{ float:left; } .fr{ float:right; } .ac{ text-align:center; } .al{ text-align:left; } .ar{ text-align:right; } .t-show{ display:none; } .m-show{ display:none; } .row{ margin:5px 0; } .row:last-child{ margin:0; } .col{ display:inline-block; vertical-align:middle; } .col:last-child{ margin-right:0; } .ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .essential{ background:url(/img/bg_essential.png) no-repeat 0 0; } .help-block { display: block; font-size:13px !important; /* important 지워주세요 */ margin-top: 5px !important; /* important 지워주세요 */ margin-bottom: 10px !important; /* important 지워주세요 */ color: #737373; } .help-inline { display: inline-block; font-size:13px !important; /* important 지워주세요 */ margin-top: 5px !important; /* important 지워주세요 */ margin-bottom: 10px !important; /* important 지워주세요 */ color: #737373; } .bbs-view-layout { padding:5px 0; background:#fff; border-radius:3px; font-family:'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif; /* 지워야합니다. */ -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); } .bbs-view-layout *{ /* reset을 잘못해가 -_-.. */ line-height:inherit !important; } .bbs-view-item { display:table; table-layout: fixed; width:95%; margin:0 auto; border-top:1px solid #ECECEC; min-height:50px; } .bbs-view-item:after{ content:''; clear:both; display:block; } .bbs-view-item:first-child{ border-top:0; } .bbs-view-item .item-title { display:table-cell; width:23%; font-size:13px; padding:15px 10px; vertical-align:middle; font-weight:bold; color:#444344; padding-left:0; margin:0; } .bbs-view-item .item-box { display:table-cell; width:77%; padding:15px 0; color:#4b4e52; word-break: break-all; vertical-align: middle; } .col .form-element{ display: inline-block; width: auto; vertical-align: middle; } .form-inline, .form-group{ margin-bottom:15px; } .form-inline:last-child, .form-group:last-child{ margin-bottom:0; } .form-element{ display: block; width: 100%; height:30px; min-height:auto; padding:4px 10px; font-family: inherit; color: #555; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.065) !important; } .form-element:focus { border-color: #94b6ed; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.035),0 0 5px rgba(102,175,233,.45) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.035),0 0 5px rgba(102,175,233,.45) !important; } select.form-element{ min-width:65px !important; padding-right:35px !important; background-image:url(/img/arrow-down-balck-big.png) !important; background-position:99% 55% !important; background-repeat:no-repeat !important; background-size:16px !important; background-color:#fff !important; } .ie9 select.form-element, .ie8 select.form-element{ background:none !important; padding-right:10px !important; } textarea.form-element{ height:auto; padding:6px 10px; resize:vertical; } .form-checkbox, .form-checkbox-all{ position: absolute; width: 1px; height: 1px; padding: 0 !important; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .form-checkbox + label, .form-checkbox-all + label{ position: relative; display:inline-block; padding:0 0 0 23px; margin:0 5px 0 0; height:18px; font-weight:normal; } .form-checkbox + label:last-child, .form-checkbox-all + label:last-child{ margin-right:0; } .form-checkbox + label:before, .form-checkbox-all + label:before{ content:''; position:absolute; left:0;top:0; display:inline-block; width:18px; height:18px; background-image:url(/img/checkbox-checked-none-big.png); background-repeat:no-repeat; background-position:0 0; background-size:18px; } .form-checkbox:checked + label:before, .form-checkbox-all:checked + label:before{ background-image:url(/img/checkbox-checked-big.png); } .ie8 .form-checkbox, .ie8 .form-checkbox-all{ position: static; width:auto; height:auto; line-height:inherit; z-index:1; } .ie8 .form-checkbox + label, .ie8 .form-checkbox-all + label{ padding:0 0 0 5px; } .ie8 .form-checkbox + label:before, .ie8 .form-checkbox-all + label:before{ display:none; } .form-radio{ position: absolute; width:1px; height:1px; line-height:0; z-index:-1; } .form-radio + label{ position: relative; display:inline-block; padding:0 0 0 24px; margin:0 5px 0 0; height:20px; line-height:1.42857143; font-weight:normal; } .form-radio + label:last-child{ margin-right:0; } .form-radio + label:before{ content:''; position:absolute; left:0;top:-1.5px; display:inline-block; width:20px; height:20px; background-image:url(/img/radio-checked-none-big.png); background-repeat:no-repeat; background-position:0 0; background-size:20px; } .form-radio:checked + label:before{ background-image:url(/img/radio-checked-big.png); } .ie8 .form-radio{ position: static; width:auto; height:auto; line-height:inherit; z-index:1; } .ie8 .form-radio + label{ height:18px; padding:0 0 0 5px; } .ie8 .form-radio + label:before{ display:none; } .form-file{ position: absolute; width:1px; height:1px; line-height:0; z-index:-1; } .form-file + label{ position:relative; padding:5px 7px 5px 37px; color:#fff; background:url(/img/file_up_big.png); background-repeat:no-repeat; background-position:0 50%; background-size:30px 28px; background-color:#676fb2; border-radius:3px; } .ie8 .form-file + label{ background-image:url(/img/file_up_small.png); } fieldset[disabled] .form-element, .form-element[disabled]{ cursor: not-allowed; background:#eee; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group .form-element { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-element:not(:first-child):not(:last-child){ border-radius:0; } .input-group .form-element:first-child{ border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-element:last-child{ border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .form-element, .input-group-addon, .input-group-btn { display: table-cell; } .input-group-addon { padding: 4px 10px; font-size: 13px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; vertical-align: middle; } .input-group-addon:first-child{ border-top-right-radius: 0; border-bottom-right-radius: 0; border-right:0; } .input-group-addon:last-child{ border-top-left-radius: 0; border-bottom-left-radius: 0; border-left:0; } .btn-default{ position:relative; display: inline-block; vertical-align:middle; padding:6px 20px; font-size:13px; color:#fff !important; /* important 지워요 */ font-weight:400; border-radius:3px; border: none; white-space: nowrap; text-align: center; background:#7e7e7e; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; } .btn-default:hover{ text-decoration:none !important; } .btn-default.shadow{ box-shadow: 0 5px 0 #5F5F5F; } .btn-default:first-child{ margin-left:0; } .btn-default.gray{ background: #616161; } .btn-default.violet{ background: #5e66ab; } .btn-default.red{ background: #a72000; } .btn-default.gray.shadow{ background: #616161; box-shadow: 0 5px 0 #504d4d; } .btn-default.violet.shadow{ background: #5e66ab; box-shadow: 0 5px 0 #474B7B } .btn-default.red.shadow{ background: #a72000; box-shadow: 0 5px 0 #6a1400 } .btn-default.shadow:active { top: 5px; box-shadow: 0 0 0; } /* 테이블 */ .data-table{ position:relative; overflow-x: auto; overflow-y:hidden; width:100%; min-height: .01%; border: 1px solid #dcdcdc; } .data-table table{ width:100%; max-width:100%; } .data-table.scroll-x table th, .data-table.scroll-x table td{ white-space:nowrap; } .data-table.bordered{ border:0; } .data-table.no-gradient th{ background:#F2F2F2; } .data-table.no-hover table tbody tr:hover { background: #fff; } .data-table table tbody tr{ border-top:1px solid #e8e8e8;background:#fff; } .data-table table tbody tr:hover{ background:#f3f3f3; } .data-table table tr.on{ background:#676fb2 !important; } .data-table table tr.on *{ color:#fff !important; } .data-table table tbody td.no-data-colspan{ padding:14px 0; text-transform: uppercase; font-weight:700 } .data-table table tbody td.no-data-colspan strong{ text-transform: uppercase; } .data-table table th, .data-table table td{ padding:11px 8px 9px 8px; font-family:NanumGothic, Arial, Helvetica, sans-serif; text-align:center; } .data-table table thead th{ border-bottom:1px solid #cfcfcf; background:#F2F2F2; background: rgba(250,250,250,1); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); } .data-table table thead th{ vertical-align:middle; } .data-table table th{ white-space:nowrap; } .data-table table td.nowrap{ white-space:nowrap; } .data-table table th.al, .data-table table td.al{ text-align:left; } .data-table table th.ac, .data-table table td.ac{ text-align:center; } .data-table table th.ar, .data-table table td.ar{ text-align:center; } .data-table.al th, .data-table.al td{ text-align:left; } .data-table.ac th, .data-table.ac td{ text-align:center; } .data-table.ar th, .data-table.ar td{ text-align:right; } .data-table.bordered thead th{ border:1px solid #dcdcdc; } .data-table.bordered tbody th, .data-table.bordered tbody td{ border: 1px solid #e8e8e8; } .data-table img{ vertical-align:middle; } .columm-box{ display:none; position:relative; text-align:right; margin-bottom:10px; padding-right:5px; } .columm-btn{ width:15px; height:15px; background:url(/img/more-table-item.png) no-repeat center center; background-size:15px; text-indent:-999em; } .columm-list{ position:absolute; top:20px;right:10px; z-index:12; background:#fff; margin:0 !important; /* 지워야함 */ padding:10px !important; /* 지워야함 */ box-shadow: 0 1px 5px rgba(0,0,0,0.3); border-radius:3px; text-align:left; } .columm-list li{ padding:3px 0; line-height:1;/* 지워야함 */ margin-bottom:0;/* 지워야함 */ font-size:13px;/* 지워야함 */ } .columm-list li label{ font-weight:600; } @media screen and (min-width:1024px){ .p-hide{ display:none; } .form-inline .form-group{ display:inline-block; margin-bottom:0; vertical-align:middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group > .form-element { width: 100%; } .form-inline label{ margin-bottom:0; } .form-inline .form-element{ display:inline-block; width:auto; } } /* 2019.12.12 추가 */ .sign_wrap {padding: 5px 0;} .sign_wrap:first-child {padding-top: 0 !important;} .sign_wrap li {position:relative; display: inline-block; padding-right: 20px;} .sign_wrap li:after {content:''; position:absolute; width:1px; height:12px; right:12px; top:3px; background: #4b4e52; transform: rotate(25deg);} .sign_wrap li:first-child:after, .sign_wrap li:last-child:after{display:none;} .li_sign {width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-radius: 50%; padding-right: 5px !important;;} .sign_chk {background-color: #008299; } .sign_not_chk {background-color: transparent; border: 1px solid #008299;} .li_file {margin-right: 3px; padding: 4px 5px !important; font-size: 12px !important; background-color: #5e66ab;} .li_need_sign {color: #d72126;} @media screen and (max-width:1200px){ .ds-hide{ display:none; } } @media screen and (max-width:1024px){ .t-hide{ display:none; } .t-show{ display:block; } .col{ margin-bottom:5px; } .btn-default{ margin:5px 0; } .btn-default.responsive{ width: 200px; } .columm-box{ display:block; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } } @media screen and (max-width:768px){ .m-hide{ display:none; } .m-show{ display:block; } .bbs-view-item { padding:18px 0; } .bbs-view-item .item-title { display:block; width:100%; margin-bottom:15px; padding:0 5px; } .bbs-view-item .item-title:before { content:'+ '; } .bbs-view-item .item-box { display:block; width:100%; padding:0 5px; } } @media screen and (max-width: 680px){ .btn-default.responsive{ width: 80%; } }