@import url(reset.css); @import url(g3way.sidms.font.css); @import url(g3way.sidms.home.css); @import url(g3way.sidms.login.css); @import url(vendors/slick.css); /* ----------------------------- Commons ----------------------------- */ *, *::before, *::after { box-sizing: border-box; } html, body { width:100%;height:100%; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td, input, select, button { margin: 0; padding: 0; outline: none; } article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,menu,nav,section { display:block;padding:0px;margin:0px; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; box-sizing: border-box; } body { margin: 0; background: #fff; direction: ltr; -webkit-text-size-adjust: none; color: black; font: normal 16px/1.2 "Noto Sans KR LOCAL"; } h1 { font-size: 2em; } h4 { margin:0.3em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { color: #000; text-decoration: none; background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } /* ----------------------------- Forms ----------------------------- */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } input, select, textarea, button { border-radius: 0; vertical-align: middle; } textarea { width:100%; } button, input { overflow: visible; } button, select { text-transform: none; } button { border: 0 none; background-color: transparent; cursor: pointer; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } dl, ul, ol, menu, li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } input::-ms-clear { display: none; } fieldset, img { border: 0 none; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { border: none; margin: 0; padding: 0; overflow-y: scroll; outline: none; line-height:2em; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } main { display: block; } [type=checkbox] + label { cursor:pointer; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; } select option[disabled] { color: #666; background-color:#e0e0e0; font-weight: lighter; } .input__radioGrp input[type="radio"] { opacity: 0; position: fixed; width: 0; } .input__radioGrp label { display:inline-block; padding:.8em 1.5em; font-size:14px; border-radius: 2em; border:4px solid #e0e0e0; margin:0 10px; cursor: pointer; } .input__radioGrp label:hover { background:#F8F8F8; } .input__radioGrp input[type="radio"]:checked + label { background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #0175d3, #03b166) border-box; border: 4px solid transparent; font-weight:bold; } .input__radioGrp_tab { margin-top:20px; } .input__radioGrp_tab input[type="radio"] { opacity: 0; position: fixed; width: 0; } .input__radioGrp_tab label { display:inline-block; padding:.8em 1.5em; font-size:14px; border-radius: 0.5em; border:2px solid #e0e0e0; margin-right:5px; cursor: pointer; } .input__radioGrp_tab label:hover { background:#F8F8F8; } .input__radioGrp_tab input[type="radio"]:checked + label { background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #0175d3, #03b166) border-box; border: 2px solid transparent; font-weight:bold; } button[type="button"].btn_basic { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#4d515a; font-size:14px; border-radius:6px; } button[type="button"].btn_basic:hover { background:#005498; } button[type="button"].btn_basic:disabled { background: #ccc; cursor: default; } button[type="button"].btn_basic2 { display:inline-block; padding:8px 25px; color:#fff; background:#4d515a; font-size:14px; margin:4px 0; vertical-align:top; border-radius:6px; } button[type="button"].btn_basic2:hover { background:#005498; } button[type="button"].btn_basic2:disabled { background: #ccc; cursor: default; } button[type="button"].btn_common { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0076c0; font-size:14px; border-radius:6px; } button[type="button"].btn_common:hover { background:#005498; } button[type="button"].btn_common:disabled { background: #ccc; cursor: default; } button[type="button"].btn_common2 { display:inline-block; padding:8px 25px; color:#fff; background:#0076c0; font-size:14px; margin:4px 0; vertical-align:top; border-radius:6px; } button[type="button"].btn_common2:hover { background:#005498; } button[type="button"].btn_common2:disabled { background: #ccc; cursor: default; } /* 필수항목 */ .required { background-color:#faebd7; } .required_background { background-color:#faebd7; } table.required, ul.required { background:none; } table.required tbody, ul.required > li.ul_body, .sidms-info-tb tbody td.required { background:none; border:3px solid #ecd9bf; } .sidms-info-tb2 tbody td.required { background:none; border:3px solid #ecd9bf; } .nowrap { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .focus-validate { border:3px solid #ec3154 !important; border-radius:6px; } .focus-validate + span.mesaage-txt { color:#ec3154; text-align:left; font-size:12px; display:block; } span.message-txt { color:#ec3154; text-align:left; font-size:12px; display:block; } .fail-validate { background-color:#ec3154 !important; color: #ffffff;} /* ----------------------------- Customs Layout ----------------------------- */ .ir_wa { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; z-index: -1; } .screen_out { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } .clearfix::after { clear: both; content: ''; display: table; } .container { width: 1280px; margin-left: auto; margin-right: auto; position:relative; } .popupcontainer { width: 95%; margin-left: auto; margin-right: auto; position:relative; } .tabContainer { width: 1240px; margin-left: auto; margin-right: auto; position:relative; } .hide-text { overflow: hidden; padding: 0; text-indent: 101%; white-space: nowrap; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr_only { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } .main_login_Btn {right: 0; top: 0; font-size: 18px; width: 100%; height: 100px; color: #fff; display: inline-block; background: url(../images/sub/login_btn.gif); background-size: cover; margin: 54px 0; border-radius: 6px;} .main_chk_login_Btn {right: 0; top: 0; font-size: 18px; width: 44%; height: 151px; color: #fff; display: inline-block; background: url(../images/sub/login_btn.gif); background-size: cover; margin: 54px 0; border-radius: 6px;} .bbs_list_subject { overflow: hidden; text-overflow: ellipsis; white-space: pre; } .bbs_text { white-space: pre-wrap; text-align: left; line-height: 25px; width: 100%; overflow: hidden; text-overflow: ellipsis; } .bbs_contents { white-space: pre-wrap; text-align: left; line-height: 25px; min-height: 250px; } .bbs_content_edit { padding: 10px; width: 100%; height: 250px; resize: none; } .clear {clear:both;} .title-s { margin:1.25em 0 0.65em; padding-left:10px; line-height:1.2; font-size:1.5em; font-weight: 500; color:#3262b9; margin-top: 0; } .title-s2 { margin:1.25em 0 0.65em; padding-left:10px; line-height:1.2; font-size:1em; font-weight: 500; color:#000000; margin-top: 0; } .title-s2 strong { color:#ff0000; } .faq_table { width: 100%; border-collapse: collapse; border-spacing: 0 10px; } .faq_table span { display: inline-block; vertical-align: middle; } .faq_table .fnt1 { color: #888888; } .faq_table .fnt2 { color: #ff0000; } .faq_table .spanMargin { margin-left:23px; margin-top:2px; } .fontRed { color: red; } .fontBlue { color: blue; } .dpNone { display:none; } .fontEmpha { font-size:1.2em; font-weight:bold; text-decoration: underline; } .chk_label { vertical-align: middle; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; } .inptLabelBox { display:inline-block;width:auto;margin-bottom:5px; } /* ----------------------------- Sub Title ----------------------------- */ #backgroundCover {position: absolute; z-index: 9999;background-color: #000000;display:none;left:0;top:0;} #loadingBarImage {position: absolute;left:calc(50% - 100px);top: calc(50% - 100px);display:none;z-index:9999;} .is_page { text-align: center; padding: 70px 0 50px; font-weight: 400; font-size: 26px; } .sub_title { padding-bottom: 40px; text-align: center; } .sub_title h3 { font-size: 26px; font-weight: normal; } /* ----------------------------- Position&Align ----------------------------- */ .blind { display:none; } .fl_left { float:left; clear:both; } .fl_right { float:right; margin-right:0 !important; } .left {float:left;} .right {float:right;} .tl { text-align:left !important; } .tc { text-align:center !important; } .tr { text-align:right !important; } .text_word_break {word-break: break-all;} .marginTop10 { margin-top:10px; } .marginTop20 { margin-top:20px; } .marginTop25 { margin-top:25px; } .marginTop50 { margin-top:50px; } .marginTop100 { margin-top:100px; } .marginTop200 { margin-top:200px; } .marginBottom10 { margin-bottom:10px; } .marginBottom50 { margin-bottom:50px; } .marginLeft10 { margin-left:10px; } .marginLeft20 { margin-left:20px; } .m10 { margin: 10px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .ml40 { margin-left: 40px; } /* ----------------------------- WidthSize(Percent) ----------------------------- */ .w100p { width: 100% !important; } .w99p { width: 99% !important; } .w98p { width: 98% !important; } .w96p { width: 96% !important; } .w94p { width: 94% !important; } .w92p { width: 92% !important; } .w90p { width: 90% !important; } .w86p { width: 86% !important; } .w80p { width: 80% !important; } .w76p { width: 76% !important; } .w70p { width: 70% !important; } .w60p { width: 60% !important; } .w58p { width: 58% !important; } .w51p { width: 51% !important; } .w50p { width: 50% !important; } .w49p { width: 49% !important; } .w48p { width: 48% !important; } .w47p { width: 47% !important; } .w45p { width: 45% !important; } .w40p { width: 40% !important; } .w33p { width: 33% !important; } .w30p { width: 30% !important; } .w22p { width: 22% !important; } .w20p { width: 20% !important; } .w10p { width: 10% !important; } /* ----------------------------- WidthSize(Pixel) ----------------------------- */ .w60 { width: 60px !important; } .w80 { width: 80px !important; } .w90 { width: 90px !important; } .w93 { width: 93px !important; } .w100 { width: 100px !important; } .w105 { width: 105px !important; } .w120 { width: 120px !important; } .w123 { width: 123px !important; } .w145 { width: 145px !important; } .w150 { width: 150px !important; } .w160 { width: 160px !important; } .w170 { width: 170px !important; } .w180 { width: 180px !important; } .w190 { width: 190px !important; } .w200 { width: 200px !important; } .w250 { width: 250px !important; } .w260 { width: 260px !important; } .w280 { width: 280px !important; } .w300 { width: 300px !important; } .w350 { width: 350px !important; } .w355 { width: 355px !important; } .w375 { width: 375px !important; } .w400 { width: 400px !important; } .w475 { width: 475px !important; } .w500 { width: 500px !important; } /* ----------------------------- HeightSize(Pixel) ----------------------------- */ .h700 { height:700px; } /************************/ /* 필수입력항목 */ /************************/ div.mandatory {float:right; margin-bottom:5px;} div.mandatory div.left {float:left;} div.mandatory div.symbol {float:left; margin-top:2px; margin-left:2px; width:20px; height:14px; background-color:#faebd7; border:1px solid #C0C0C0;} div.mandatory div.right {float:left; margin-left:5px;} /************************************************************************************************ LAYOUT ************************************************************************************************/ /* ----------------------------- HEADER ----------------------------- */ #header { background-color: #fff; position: relative; z-index: 1004; } .container:after { content: ""; display: block; overflow: hidden; clear: both; } .header__top { border-bottom: 1px solid #eeeeee; position: relative; z-index: 20; } .header__top .container { position: relative; height: 82px; } .header__top .logo { width: 303px; height: 66px; padding-top: 18px; } .header__top .logo a { display: block; width: 100%; height: 100%; background: url(../images/common/logo.png) no-repeat 0 0; } .header__top__util { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .header__top__util > div { position: relative; } .header__top__util > div:after { content: ""; display: block; overflow: hidden; clear: both; } .header__top__util > div > a { display: block; position: relative; float: left; background-repeat: no-repeat; background-image: url(../images/common/header-util-icon.png); height: 26px; } .header__top__util > div > a + a { margin-left: 30px; } .header__top__util .top__push { background-position: 0 0; width: 23px;} .header__top__util .top__push .count { display: inline-block; position: absolute; width: 23px; height: 23px; color: #fff; background-color: #eb6100; border-radius: 50%; text-align: center; line-height: 23px; right: -12px; top: -10px; font-size: 11px; } .header__top__util .top__date { background-position: -53px 0; width: 25px; } .header__top__util .top__msg { background-position: -107px 0; width: 24px; } .header__top__util .top__profile { background-position: -161px 0; width: 23px; } .header__top__util .top__box { display: none; position: absolute; /* left: 0; */ top: 43px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); background-color: #fff; } .header__top__util .top__box .box_content { position: relative; } .header__top__util .top__box .box_content:before { content: ""; display: block; position: absolute; left: 50%; margin-left: -8.5px; top: -9px; width: 17px; height: 9px; background: url(../images/common/util-box-arrow.png) no-repeat 0 0; } .header__top__util .box__push { right: -30px; } .header__top__util .box__push.box__push_si { right: -125px; } .header__top__util .box__push .box_content { width: 375px; height: 135px; padding: 30px 0; } .header__top__util .box__push .col { float: left; width: 33%; text-align: center; line-height: 1; } .header__top__util .box__push .col + .col { border-left: 1px solid #e0e0e0; } .header__top__util .box__push .col h4 { color: #666; font-size: 16px; padding-bottom: 12px; } .header__top__util .box__push .col .count b { font-weight: 700; font-size: 48px; color: #333333; cursor: pointer;} .header__top__util .box__push .col .count b.linkMenu{ color:#eb6100;} .header__top__util .box__push .col .count em { font-style: normal; color: #666; } .header__top__util .box__profile { height: 166px; width: 255px; right : -115px; /* left: 102px; */ } .header__top__util .avatar__area { text-align: center; border-bottom: 1px solid #e0e0e0; height: 120px; } .header__top__util .avatar__link { text-align: left; display: inline-block; position: relative; padding-left: 83px; padding-top: 36px; } .header__top__util .avatar__link .img { display: inline-block; position: absolute; left: 0; top: 28px; width: 60px; height: 60px; background: url(../images/common/avatar.png) no-repeat 0 0; overflow: hidden; border-radius: 50%; } .header__top__util .avatar_detail p:nth-child(2) { font-size: 24px; font-weight: 700; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 150px;} .header__top__util .profile__links { text-align: center; padding-top: 14px; } .header__top__util .profile__links a { display: inline-block; vertical-align: top; color: #666666; font-size: 14px; } .header__top__util .profile__links a + a { margin-left: 60px; position: relative; } .header__top__util .profile__links a + a:after { content: ""; display: block; position: absolute; left: -30px; top: 0; background: #eeeeee; width: 1px; height: 14px; } .header__top__util .box__date { width: 375px; height: 275px; left: -125px; } .header__top__util .box__date .datepickerfull { padding: 24px 60px; } .header__top__util .box__date .datepickerfull .ui-datepicker-calendar tbody tr:first-child td { padding-top: 10px; } .header__top__util .box__date .datepickerfull .ui-datepicker-calendar tbody td { padding: 3px; } /* ----------------------------- NAV : SUBMENU - Navigation ----------------------------- */ nav { z-index:9999; } nav #breadcrumb { background: linear-gradient(to right, #a6d8d6, #88c9de); } nav #breadcrumb .list:after { content: ""; display: block; clear: both; overflow: hidden; } nav #breadcrumb .list > li { float: left; border-right: 1px solid #eeeeee; } nav #breadcrumb .list > li:first-child { border-left: 1px solid #eeeeee; } nav #breadcrumb .list > li.home a { display: block; width: 47px; height: 47px; background: url(../images/common/home.png) no-repeat 50% 50%; font-size: 0; text-indent: -888em; } nav #breadcrumb .list > li + li { position: relative; } nav #breadcrumb .list > li + li > a { display: block; color: #383434; font-size: 14px; padding: 0 34px 0 22px; height: 47px; line-height: 47px; position: relative; min-width: 250px; } nav #breadcrumb .list > li + li > a:after { content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 14px; height: 7px; background: url(../images/common/breadcrumb-arrow.png) no-repeat 0 0; } nav #breadcrumb .list > li ul { display: none; position: absolute; left: 0; right: 0; background-color: #fff; border: 1px solid #eee; top: 47px; } nav #breadcrumb .list > li ul li + li { border-top: 1px solid #eee; } nav #breadcrumb .list > li ul > li > a { display: block; color: #383434; font-size: 14px; padding: 0 34px 0 22px; height: 47px; line-height: 47px; position: relative; min-width: 250px; } nav #breadcrumb .list > li > ul > li > a:hover { text-decoration:underline; font-weight: bold; } /* ----------------------------- CONTAINER ----------------------------- */ .sub_wrap { padding-top: 40px; padding-bottom: 100px; } .sub_wrap2 { padding-top: 40px; padding-bottom: 50px; } .inner { width: 1280px; margin: auto; } .inner_half_left { width: 640px; margin: auto; float: left; padding-right:5px;} .inner_half_right { width: 640px; margin: auto; float: right; padding-left:5px;} .modal .inner { width: 100%; margin: auto; } /* ----------------------------- SUBTOP ----------------------------- */ .subtop { height: 300px; background: url(../images/common/subtop.jpg) round 0 50%; } .subtop .container { text-align: center; color: #fff; } .subtop .container h2 { font-size: 36px; margin-bottom: 20px; padding-top: 110px; } .subtop .container h2 span { display: inline-block; position: relative; line-height: 1; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } .subtop .container h2 span em { position: relative; z-index: 2; font-style: normal; } .subtop .container h2 span:after { z-index: 1; content: ""; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; background: #007a9e; height: 18px; border-radius: 15px; } .subtop .container p { font-size: 18px; } .layerPopup .subtop { height: 100px; background: url(../images/common/subtop.jpg) round 0 50%; } .layerPopup .subtop .container { text-align: center; color: #fff; } .layerPopup .subtop .container h2 { font-size: 36px; margin-bottom: 20px; padding-top: 25px; } .layerPopup .subtop .container h2 span { display: inline-block; position: relative; line-height: 1; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } .layerPopup .subtop .container h2 span em { position: relative; z-index: 2; font-style: normal; } .layerPopup .subtop .container h2 span:after { z-index: 1; content: ""; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; background: #007a9e; height: 18px; border-radius: 15px; } .layerPopup .subtop .container p { font-size: 18px; } /* ----------------------------- STEP : 입력단계 표시 ----------------------------- */ .step { display:block; width:100%; text-align:center; margin:2em 0; } .step ul { display:inline-block; } .step ul li { font: normal 16px/1.2 "Noto Sans KR LOCAL"; float:left; color:#000; border-radius:15px; border:5px solid #e8e8e8; padding:1.6em; position:relative; margin-right:30px; } .step ul li:first-child { margin-left:0px; } .step ul li:after { content:""; background-color:#333; height:1px; width:30px; position:absolute; top:50%; right:-35px; display:inline-block; } .step ul li:last-child { margin-right:0; } .step ul li:last-child:after { background:none; width:0; height:0px; } .step ul li.on { border:5px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #0175d3, #03b166) border-box; color:#000; font-weight:bold; } /* ----------------------------- FOOTER ----------------------------- */ .footer__links { background-color: #42464d; height: 50px; } .footer__links ul { padding-top: 15px; } .footer__links ul:after { content: ""; display: block; clear: both; overflow: hidden; } .footer__links ul li { float: left; background: url(../images/common/footer-links-blit.png) no-repeat 0 0; padding-left: 40px; margin-left: 39px; height: 21px; line-height: 21px; } .footer__links ul li a { color: #dddddd; } .footer__links ul li:nth-child(1) { background: none; margin-left: 0; padding-left: 0; } .footer__links ul li:nth-child(3) a { color: #e0c055; } .footer__contents { background-color: #4d515a; padding: 25px 0; } .footer__contents .container { position: relative; padding-left: 220px; } .footer__contents .container h2 { position: absolute; left: 0; top: 12px; background: url(../images/common/footer-logo.png) no-repeat 0 0; width: 171px;height: 53px; } .footer__addr { color: #ffffff; line-height: 1.45; } .footer__copy { padding-top: 12px; color: #8d9197; } .footer__family { position: absolute; right: 0; top: 0; } .footer__family select { color: #fff; width: 230px; height: 46px; padding-left: 18px; border: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #42464d url(../images/common/select-arrow.png) no-repeat 90% 50%; } .footer__family select::-ms-expand { display: none; } /************************************************************************************************ COMMON Utils ************************************************************************************************/ /* ----------------------------- Floating ----------------------------- */ .floating { position: absolute;left: 0;top: 0;transition:all 0.15s; z-index: 999;} .floating button { display: block;} .floating ul { background-color: #fff;border: 1px solid #ddd;margin: 10px 0;} .floating ul li {} .floating ul li+li { border-top: 1px solid #ddd;} .floating ul li a { text-align: center;display: block;height: 34px;line-height: 34px;color: #999999;font-size: 14px;} .floating ul li a:hover, .floating ul li a.active { color: #0176d1;} .floating + div { margin-left:150px; max-width:1130px; } /* ----------------------------- TIP ----------------------------- */ .div__tip { position:relative; margin:2em 0; padding:1.4em 1.4em 1.4em 6em; border:solid 1px #c7cdd7; background:#f8f8f8; } .div__tip h3.tip-label { position:absolute; top:0.8em; left:1em; font-size:1.43em; color:#1c2238; } .div__tip dl.tip-list { font-size:0.9em; } .div__tip dl.tip-list dt { margin-top:1em; padding-left:12px; color:#5d5d5d; } .div__tip dl.tip-list dt:before { content:"- "; } .div__tip dl.tip-list dt:first-child { margin-top:0; } .div__tip dl.tip-list dt strong { color:#eb6100; } .div__tip dl.tip-list dd { margin-top:0 !important; } .div__tip dl.tip-list dt.mandatory span { display:inline-block; width:30px; height:19px; vertical-align:middle; } .div__tip dl.tip-list dt.mandatory span.symbol { border:1px solid #C0C0C0; background-color:#faebd7; } .div__tip dl.tip-list dt.mandatory span.symbol2 { border:3px solid #f5e1c6; } .div__tip2 { position:relative; margin:2em 0; padding:1.4em 1.4em 1.4em 6em; border:solid 1px #c7cdd7; background:#ffffff; } .div__tip2 h3.tip-label { position:absolute; top:0.8em; left:1em; font-size:1.43em; color:#1c2238; } .div__tip2 dl.tip-list { font-size:0.9em; } .div__tip2 dl.tip-list dt { margin-top:1em; padding-left:12px; color:#5d5d5d; } .div__tip2 dl.tip-list dt:before { content:""; } .div__tip2 dl.tip-list dt:first-child { margin-top:0; } .div__tip2 dl.tip-list dt strong { color:#3170B5; } .div__tip2 dl.tip-list dd { margin-top:0 !important; } .div__tip2 dl.tip-list dd { margin-top:0 !important; } .div__tip2 dl.tip-list dt.mandatory span { display:inline-block; width:30px; height:19px; vertical-align:middle; } .div__tip2 dl.tip-list dt.mandatory span.symbol { border:1px solid #C0C0C0; background-color:#ffffff; } .div__tip2 dl.tip-list dt.mandatory span.symbol2 { border:3px solid #f5e1c6; } /* ----------------------------- board_list Button ----------------------------- */ .list_bottom { text-align: right; margin-bottom: 20px; } .list_bottom .bp_btn { padding: 0 25px; height: 35px; background: #0076c0; font-size: 14px; color: #fff; margin-bottom: 20px; border-radius:6px; } .list_bottom .bp_btn:disabled { background: #ccc; cursor: default; } .list_bottom select { width: 160px; padding: 0 10px; display: inline-block; border: 1px solid #e0e0e0; height: 36px; line-height: 36px; font-size: 14px; color: #666666; margin-bottom: 20px;} .list_bottom select:disabled { background: #ccc; cursor: default; } .sidms-list-tb { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .sidms-list-tb caption { display:none; left:-99999999in; } .sidms-list-tb thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #eeeeee; padding: 10px 10px; text-align: center; font-size: 14px; } .sidms-list-tb tbody tr.selected { background: #f1f1f1; } .sidms-list-tb tbody tr.selected td { font-weight:bold; } .sidms-list-tb tbody tr.addRow { background:lightgreen; } .sidms-list-tb tbody tr.delRow { background: lightpink;; text-decoration: line-through; color: black;} .sidms-list-tb tbody tr.delRow select, .sidms-list-tb tbody tr.delRow input { text-decoration: line-through; } /* .sidms-list-tb tbody tr.groupSum { background : #eeeeee; } */ .sidms-list-tb tbody th { border: 1px solid #e0e0e0; background: #eeeeee; padding: 10px 10px; text-align: center; font-size: 14px; } .sidms-list-tb tbody td { border: 1px solid #e0e0e0; padding: 10px 10px; text-align: center; font-size: 14px; } .sidms-list-tb tbody td.tbl_ti { text-align: left; } .sidms-list-tb tbody td.tbl_ti a { max-width: 600px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; padding-right: 10px; vertical-align: middle;} .sidms-list-tb tbody td div.over_text { max-width: 460px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; } .sidms-list-tb tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; height: 36px; font-size: 14px; padding: 10px; } .sidms-list-tb thead th input[type="checkbox"], .sidms-list-tb tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; height: 20px; font-size: 14px; padding: 10px; } .sidms-list-tb tbody td input:disabled, .sidms-list-tb tbody td button:disabled, .sidms-list-tb tbody td select:disabled { background:#e0e0e0; } .sidms-list-tb tbody td select { width: 100%; padding:0 10px; display:inline-block; border:1px solid #e0e0e0; height:36px; line-height:36px; font-size:14px; color:#666; } .sidms-list-tb tbody td button.list_btn { padding: 0 30px; height: 35px; background: #4d515a; font-size: 13px; color: #fff; border-radius:6px; } .sidms-list-tb tbody td button.list_btn:hover { background:#005498; } .sidms-list-tb tbody td button.list_btn:disabled { background: #ccc; cursor: default; } .sidms-list-tb tbody td div.txtBox { max-width: 150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sidms-list-tb tbody td.point { cursor: pointer; } .sidms-list-tb tbody td button.list_epln_btn { padding: 0 15px; height: 30px; background: #4d515a; font-size: 13px; color: #fff; border-radius:6px; } .sidms-list-tb tbody td button.list_epln_btn:hover { background:#005498; } .sidms-list-tb tbody td button.list_epln_btn:disabled { background: #ccc; cursor: default; } .sidms-list-tb tbody td.halfHeight { padding: 5px 5px;} /* .sidms-list-tb tbody td.halfHeight input[type="checkbox"], */ .sidms-list-tb tbody td.halfHeight input[type="text"]{ height: 17px;} .sidms-statsList-tb { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .sidms-statsList-tb caption { display:none; left:-99999999in; } .sidms-statsList-tb thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #CCFFCC; padding: 10px 10px; text-align: center; font-size: 14px; } .sidms-statsList-tb tbody tr.selected { background: #f1f1f1; } .sidms-statsList-tb tbody tr.selected td { font-weight:bold; } .sidms-statsList-tb tbody tr.addRow { background:lightgreen; } .sidms-statsList-tb tbody tr.modifyRow { background:lightgoldenrodyellow; } .sidms-statsList-tb tbody tr.delRow { background: lightpink;; text-decoration: line-through; color: black;} /* .sidms-statsList-tb tbody tr.groupSum { background : #eeeeee; } */ .sidms-statsList-tb tbody th { border: 1px solid #e0e0e0; background: #eeeeee; padding: 10px 10px; text-align: center; font-size: 14px; } .sidms-statsList-tb tbody td { border: 1px solid #e0e0e0; padding: 10px 10px; text-align: center; font-size: 14px; } .sidms-statsList-tb tbody td.tbl_ti { text-align: left; } .sidms-statsList-tb tbody td.tbl_ti a { max-width: 600px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; padding-right: 10px; vertical-align: middle;} .sidms-statsList-tb tbody td div.over_text { max-width: 460px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; } .sidms-statsList-tb tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; height: 36px; font-size: 14px; padding: 10px; } .sidms-statsList-tb tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; height: 20px; font-size: 14px; padding: 10px; } .sidms-statsList-tb tbody td.halfHeight { padding: 5px 5px;} /* .sidms-statsList-tb tbody td.halfHeight input[type="checkbox"], */ .sidms-statsList-tb tbody td.halfHeight input[type="text"]{ height: 17px;} .sidms-eplnList-tb { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .sidms-eplnList-tb caption { display:none; left:-99999999in; } .sidms-eplnList-tb thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #eeeeee; padding: 5px 5px; text-align: center; font-size: 12px; } .sidms-eplnList-tb tbody tr.selected { background: #f1f1f1; } .sidms-eplnList-tb tbody tr.selected td { font-weight:bold; } .sidms-eplnList-tb tbody tr.addRow { background:lightgreen; } .sidms-eplnList-tb tbody tr.delRow { background: lightpink;; text-decoration: line-through; color: black;} /* .sidms-eplnList-tb tbody tr.groupSum { background : #eeeeee; } */ .sidms-eplnList-tb tbody tr.group_tr { background : #eeeeee; font-weight: bold; } .sidms-eplnList-tb tbody th { border: 1px solid #e0e0e0; background: #eeeeee; padding: 5px 5px; text-align: center; font-size: 12px; } .sidms-eplnList-tb tbody td { border: 1px solid #e0e0e0; padding: 5px 5px; text-align: center; font-size: 11px; } .sidms-eplnList-tb tbody td.tbl_ti { text-align: left; } .sidms-eplnList-tb tbody td.tbl_ti a { max-width: 600px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; padding-right: 10px; vertical-align: middle;} .sidms-eplnList-tb tbody td div.over_text { max-width: 460px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; } .sidms-eplnList-tb tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; height: 36px; font-size: 14px; padding: 10px; } .sidms-eplnList-tb tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; height: 20px; font-size: 14px; padding: 10px; } .sidms-eplnList-tb tbody td.halfHeight { padding: 5px 5px;} /* .sidms-eplnList-tb tbody td.halfHeight input[type="checkbox"], */ .sidms-eplnList-tb tbody td.halfHeight input[type="test"]{ height: 17px;} .grayRow { background : #eeeeee; } .totalPage {text-align: left; height: 30px;} /* ----------------------------- board_info ----------------------------- */ .defaultBtn { padding: 0 40px; height: 50px; background: #0175d3; font-size: 18px; color: #fff; margin-bottom: 20px; border-radius: 6px;} .btnToggleFile { padding: 0 40px; height: 50px; background: #0175d3; font-size: 18px; color: #fff; margin-bottom: 20px; } .sidms-info-tb { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .sidms-info-tb thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #eeeeee; padding: 20px 10px; text-align: center; font-size: 14px; } .sidms-info-tb caption { display:none; left:-99999999in; } .sidms-info-tb tbody th { border: 1px solid #e0e0e0; background: #eeeeee; height:50px; padding: 5px 10px; text-align: center; font-size: 14px; } .sidms-info-tb tbody tr.selected { background: #f1f1f1; } .sidms-info-tb tbody td { border: 1px solid #e0e0e0; padding: 10px 10px; text-align: left; font-size: 14px; word-break:break-all} .sidms-info-tb tbody td.tbl_ti { text-align: left; } .sidms-info-tb tbody td.tbl_ti a:not(.paging_number) { max-width: 600px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; padding-right: 10px; vertical-align: middle;} .sidms-info-tb tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; height: 30px; font-size: 14px; padding: 5px 10px; } .sidms-info-tb tbody td input[type="password"] { width: 100%; border: 1px solid #e0e0e0; height: 30px; font-size: 14px; padding: 5px 10px; } .sidms-info-tb tbody td input[type="text"].upd { width: 120px; border: 1px solid #e0e0e0; height: 36px; font-size: 14px; padding: 10px; } .sidms-info-tb tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; height: 20px; font-size: 14px; padding: 10px; } /* .sidms-info-tb tbody td input[type="checkbox"]:nth-child(n+2) { margin-left:20px;} */ .sidms-info-tb tbody td.halfHeight { padding: 5px 5px;} /* .sidms-info-tb tbody td.halfHeight input[type="checkbox"], */ .sidms-info-tb tbody td.halfHeight input[type="text"] { height: 17px;} .sidms-info-tb tbody td button[type="button"].btn_balue { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0175d3; font-size:14px; } .sidms-info-tb tbody td select { width: 100%; padding:0 10px; display:inline-block; border:1px solid #e0e0e0; height:36px; line-height:36px; font-size:14px; color:#666; } .sidms-info-tb tbody td input:disabled, .sidms-info-tb tbody td button:disabled, .sidms-info-tb tbody td select:disabled { background:#e0e0e0; } .sidms-info-tb tbody tr.tr_list_file td { padding:0; } .sidms-info-tb.status { width: 300px; float: right;} .sidms-info-tb.status:after { content: ""; display: block; clear: both; } .sidms-info-tb .paging { padding: 0 0 10px;} .sidms-info-tb .sidms-info-sub-tb {font-size: 12px; width: 100%;} .sidms-info-tb .sidms-info-sub-tb tbody tr.delRow { background: lightpink; text-decoration: line-through; color: black;} .sidms-info-tb .sidms-info-sub-tb tbody tr.delRow input , .sidms-info-tb .sidms-info-sub-tb tbody tr.delRow select{text-decoration: line-through;} .sidms-info-tb .sidms-info-sub-tb thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #eeeeee; height: 40px; padding: 10px 10px; text-align: center; font-size: 12px; } .sidms-info-tb .sidms-info-sub-tb tbody td { border: 1px solid #e0e0e0; padding: 5px 10px; text-align: left; font-size: 12px; word-break:break-all} .sidms-info-tb .sidms-info-sub-tb tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; height: 30px; font-size: 12px; padding: 5px 5px; } .sidms-info-tb .sidms-info-sub-tb tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; height: 20px; font-size: 12px; padding: 5px; } /* .sidms-info-tb .sidms-info-sub-tb tbody td input[type="checkbox"]:nth-child(n+2) { margin-left:10px;} */ .sidms-info-tb .sidms-info-sub-tb tbody td.halfHeight { padding: 5px 5px;} /* .sidms-info-tb .sidms-info-sub-tb tbody td.halfHeight input[type="checkbox"], */ .sidms-info-tb .sidms-info-sub-tb tbody td.halfHeight input[type="text"] { height: 17px;} .sidms-info-tb .sidms-info-sub-tb tbody td button[type="button"].btn_balue { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0175d3; font-size:12px; } .sidms-info-tb .sidms-info-sub-tb tbody td select { width: 100%; padding:0 5px; display:inline-block; border:1px solid #e0e0e0; height:36px; line-height:30px; font-size:12px; color:#666; } .sidms-info-tb .btnChk { display: inline-block; padding: 0 10px; height: 30px; color: #fff; background-color: #0175d3; font-size: 14px; border-radius: 6px; margin-left:5px; } .sidms-info-tb2 { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .sidms-info-tb2 thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #eeeeee; padding: 20px 10px; text-align: center; font-size: 14px; } .sidms-info-tb2 caption { display:none; left:-99999999in; } .sidms-info-tb2 tbody th { border: 1px solid #e0e0e0; background: #eeeeee; height:50px; padding: 5px 10px; text-align: center; font-size: 14px; } .sidms-info-tb2 tbody tr.selected { background: #f1f1f1; } .sidms-info-tb2 tbody td { border: 1px solid #e0e0e0; padding: 10px 10px; text-align: left; font-size: 14px; word-break:break-all} .sidms-info-tb2 tbody td.tbl_ti { text-align: left; } .sidms-info-tb2 tbody td.tbl_ti a:not(.paging_number) { max-width: 600px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; padding-right: 10px; vertical-align: middle;} .sidms-info-tb2 tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; font-size: 14px; padding: 5px 10px; } .sidms-info-tb2 tbody td input[type="password"] { width: 100%; border: 1px solid #e0e0e0; font-size: 14px; padding: 5px 10px; } .sidms-info-tb2 tbody td input[type="text"].upd { width: 120px; border: 1px solid #e0e0e0; font-size: 14px; padding: 10px; } .sidms-info-tb2 tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; font-size: 14px; padding: 10px; } /* .sidms-info-tb2 tbody td input[type="checkbox"]:nth-child(n+2) { margin-left:20px;} */ .sidms-info-tb2 tbody td.halfHeight { padding: 5px 5px;} /* .sidms-info-tb2 tbody td.halfHeight input[type="checkbox"], */ .sidms-info-tb2 tbody td.halfHeight input[type="text"] { height: 17px;} .sidms-info-tb2 tbody td button[type="button"].btn_balue { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0175d3; font-size:14px; } .sidms-info-tb2 tbody td select { width: 100%; padding:0 10px; display:inline-block; border:1px solid #e0e0e0; height:29px; line-height:36px; font-size:14px; color:#666; } .sidms-info-tb2 tbody td input:disabled, .sidms-info-tb2 tbody td button:disabled, .sidms-info-tb2 tbody td select:disabled { background:#e0e0e0; } .sidms-info-tb2 tbody tr.tr_list_file td { padding:0; } .sidms-info-tb2 tbody tr.addRow { background:lightgreen; } .sidms-info-tb2 tbody tr.modifyRow { background:lightgoldenrodyellow; } .sidms-info-tb2 tbody tr.delRow { background: lightpink;; text-decoration: line-through; color: black;} .sidms-info-tb2.status { width: 300px; float: right;} .sidms-info-tb2.status:after { content: ""; display: block; clear: both; } .sidms-info-tb2 .paging { padding: 0 0 10px;} .sidms-info-tb2 .sidms-info-sub-tb {font-size: 12px; width: 100%;} .sidms-info-tb2 .sidms-info-sub-tb tbody tr.delRow { background: lightpink; text-decoration: line-through; color: black;} .sidms-info-tb2 .sidms-info-sub-tb tbody tr.delRow input , .sidms-info-tb2 .sidms-info-sub-tb tbody tr.delRow select{text-decoration: line-through;} .sidms-info-tb2 .sidms-info-sub-tb thead th { border: 1px solid #e0e0e0; border-top: 1px solid #333333; background: #eeeeee; height: 40px; padding: 10px 10px; text-align: center; font-size: 12px; } .sidms-info-tb2 .sidms-info-sub-tb tbody td { border: 1px solid #e0e0e0; padding: 5px 10px; text-align: left; font-size: 12px; word-break:break-all} .sidms-info-tb2 .sidms-info-sub-tb tbody td input[type="text"] { width: 100%; border: 1px solid #e0e0e0; height: 30px; font-size: 12px; padding: 5px 5px; } .sidms-info-tb2 .sidms-info-sub-tb tbody td input[type="checkbox"] { width: 20px; border: 1px solid #e0e0e0; height: 20px; font-size: 12px; padding: 5px; } /* .sidms-info-tb2 .sidms-info-sub-tb tbody td input[type="checkbox"]:nth-child(n+2) { margin-left:10px;} */ .sidms-info-tb2 .sidms-info-sub-tb tbody td.halfHeight { padding: 5px 5px;} /* .sidms-info-tb2 .sidms-info-sub-tb tbody td.halfHeight input[type="checkbox"], */ .sidms-info-tb2 .sidms-info-sub-tb tbody td.halfHeight input[type="text"] { height: 17px;} .sidms-info-tb2 .sidms-info-sub-tb tbody td button[type="button"].btn_balue { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0175d3; font-size:12px; } .sidms-info-tb2 .sidms-info-sub-tb tbody td select { width: 100%; padding:0 5px; display:inline-block; border:1px solid #e0e0e0; height:29px; line-height:30px; font-size:12px; color:#666; } .sidms-info-tb2 .btnChk { display: inline-block; padding: 0 10px; height: 30px; color: #fff; background-color: #0175d3; font-size: 14px; border-radius: 6px; margin-left:5px; } .buttonArea { height: 40px; width: 100%; margin-top: 10px ; clear: both;} .buttonArea .right { float: right; } .buttonArea .left { float: left; } .buttonArea button { padding: 0 40px; height: 50px; background: #0175d3; font-size: 18px; color: #fff; margin-bottom: 20px;} .buttonArea .right button:nth-child(n+2) { margin-right:10px;} .buttonArea .left button:nth-child(n+2) { margin-left:10px;} .tableInfobuttonArea { min-height: 30px; width: 100%; clear: both; text-align:center; margin-bottom: 10px;} .tableInfobuttonArea .right { float: right; } .tableInfobuttonArea .left { float: left; } .tableInfobuttonArea button { padding: 0 15px; margin-right:5px; height: 30px; background: #4d515a; font-size: 12px; color: #fff; border-radius:6px;} .tableInfobuttonArea button:hover { background:#005498; } .tableInfobuttonArea button:last-child { margin:0; } .tableInfobuttonArea .right button:nth-child(n+2) {margin-right:10px;} .tableInfobuttonArea .left button:nth-child(n+2) {margin-left:10px;} /* ----------------------------- 계층별 구조 ----------------------------- */ ul.sidms-list-ul { border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } ul.sidms-list-ul ul { display:table; table-layout:fixed; width:100%; } ul.sidms-list-ul ul li { display:table-cell; } ul.sidms-list-ul li.ul_header ul li { text-align:center; padding:10px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background:#eee; font-size:14px; font-weight:bold; } ul.sidms-list-ul li.ul_header ul li:last-child { border-right:none; } ul.sidms-list-ul li.ul_body ul li { border-top:1px solid #e0e0e0; } ul.sidms-list-ul li.ul_body ul.nohover li { padding:10px 0; font-size:14px; word-break:break-all; } ul.sidms-list-ul li.ul_body ul li a { display:block; height:40px; line-height:40px; } ul.sidms-list-ul li.ul_body ul li a:hover { background:#F8F8F8; } ul.sidms-list-ul li.ul_body ul li a.selected { background:#F8F8F8; font-weight:bold; } ul.sidms-list-ul li.ul_body ul li a span { display:inline-block; float:left; position:relative; padding: 0 .3em; height:100%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; } ul.sidms-list-ul li.ul_body ul li a span:last-child { float:none; clear:both; } ul.sidms-list-ul li.ul_body ul li a span:after { content:""; width:1px; height:100%; position:absolute; top:0; right:0; background:#e0e0e0; } ul.sidms-list-ul li.ul_body ul li a span:last-child:after { background:none; } /* LEVEL1 */ ul.sidms-list-ul li.ul_body > ul > li > a > span { text-indent:1em; } /* LEVEL2 */ ul.sidms-list-ul li.ul_body > ul > li > ul > li > a > span { text-indent:2em; } /* LEVEL3 */ ul.sidms-list-ul li.ul_body > ul > li > ul > li > ul > li > a > span { text-indent:3em; } /* LEVEL4 */ ul.sidms-list-ul li.ul_body > ul > li > ul > li > ul > li > ul > li { display:block; width:100%; } ul.sidms-list-ul li.ul_body > ul > li > ul > li > ul > li > ul > li > a > span:first-child { text-indent:4em; } ul.sidms-list-ul li.ul_body > ul > li > ul > li > ul > li > ul > li > div { padding:1.5em; } /* ----------------------------- board_detail_info Button ----------------------------- */ .info_bottom { margin:20px 0; min-height: 30px; text-align:center; } .info_bottom button { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#4d515a; font-size:14px; border-radius:6px; } .info_bottom button:hover { background:#005498; } .info_bottom button.white { color:#0175d3; background:#fff; border: 1px solid #888;} .info_bottom button:last-child { margin:0; } .info_bottom_sub { margin:10px 0; min-height: 30px; text-align:center; } .info_bottom_sub button { display:inline-block; margin-right:5px; padding:0 15px; height:30px; color:#fff; background:#4d515a; font-size:12px; border-radius:6px; } .info_bottom_sub button:hover { background:#005498; } .info_bottom_sub button.white { color:#0175d3; background:#fff; border: 1px solid #888;} .info_bottom_sub button:last-child { margin:0; } /* ----------------------------- board_common_info Button ----------------------------- */ .common_bottom { margin:20px 0; min-height: 30px; text-align:center; } .common_bottom button { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0076c0; font-size:14px; border-radius:6px; } .common_bottom button:hover { background:#005498; } .common_bottom button.white { color:#0175d3; background:#fff; border: 1px solid #888;} .common_bottom button:last-child { margin:0; } .common_bottom button:disabled { background: #ccc; cursor: default; } .common_bottom_r { margin:20px 0; min-height: 30px; text-align:right; } button[id$='btnAdd'], button[id^='btnAdd'], button[id$='BtnAdd'], button[id^='BtnAdd'] { background-color:#0076c0; border-radius:6px; } button[id$='btnAdd']:hover, button[id^='btnAdd']:hover, button[id$='BtnAdd']:hover, button[id^='BtnAdd']:hover { background-color:#005498; } button[id$='btnAdd']:disabled, button[id^='btnAdd']:disabled, button[id$='BtnAdd']:disabled, button[id^='BtnAdd']:disabled { background: #ccc; cursor: default; } button[id$='btnDelete'], button[id^='btnDelete'], button[id$='BtnDelete'], button[id^='BtnDelete'] { background-color:#ec3154; border-radius:6px; } button[id$='btnDelete']:hover, button[id^='btnDelete']:hover, button[id$='BtnDelete']:hover, button[id^='BtnDelete']:hover { background-color:#cc1739; } button[id$='btnDelete']:disabled, button[id^='btnDelete']:disabled, button[id$='BtnDelete']:disabled, button[id^='BtnDelete']:disabled { background: #ccc; cursor: default; } /* ----------------------------- board_list_upper Button ----------------------------- */ .sidms-list-upper { margin-bottom: 10px; text-align:right; } .sidms-list-upper button { display:inline-block; margin-right:5px; padding:0 25px; height:36px; color:#fff; background:#0076c0; font-size:14px; border-radius:6px; } .sidms-list-upper button:hover { background:#005498; } .sidms-list-upper2 { margin-bottom: 10px; text-align:left; } .sidms-list-upper2 button { display:inline-block; padding:0 15px; height:36px; color:#fff; background:#0076c0; font-size:14px; border-radius:6px; } .sidms-list-upper2 button:hover { background:#005498; } /* ----------------------------- tableTitle ----------------------------- */ .tableTitle .title { float:left;} .tableTitle .selectRow { float:right;} .tableTitle .selectRow select { width: 160px; margin-bottom: 10px; padding: 0 10px; display: inline-block; border: 1px solid #e0e0e0; height: 36px; line-height: 36px; font-size: 14px; color: #666666; } /* ----------------------------- loading ----------------------------- */ #back {position: absolute; z-index: 9999;background-color: #000000;display:none;left:0;top:0;} #loadingBar {position:absolute;left:calc(50% - 100px);top: calc(50% - 100px);display:none;z-index:9999;} /* ----------------------------- 페이징 ----------------------------- */ .paging { text-align: center; padding: 0 0 40px; } .paging.nopadding { padding: 0 0 0 0; } .paging .paging_g { display: inline-block; } .paging .paging_g .pageNumber { display: initial; } .paging a, .paging strong { display: block; float: left; text-align: center; font-size: 16px; color: #666666; } .paging strong { color: #0175d3; border-bottom: 1px solid #0175d3; } .paging .paging_number { margin: 0 5px; font-weight: normal;} .paging .first, .paging .prev, .paging .next, .paging .end { background-repeat: no-repeat; background-position: 50% 50%; width: 20px; height: 20px; line-height: 20px; margin: 0 6px; } .paging .first:hover, .paging .prev:hover, .paging .next:hover, .paging .end:hover { background-color: #dddddd; border-radius: 50%; } .paging .first { background-image: url(../images/sub/paging_first.gif); } .paging .next { background-image: url(../images/sub/paging_next.gif); } .paging .prev { background-image: url(../images/sub/paging_prev.gif); } .paging .end { background-image: url(../images/sub/paging_end.gif); } .paging2 { text-align: center; } .paging2.nopadding { padding: 0 0 0 0; } .paging2 .paging_g { display: inline-block; } .paging2 .paging_g .pageNumber { display: initial; } .paging2 a, .paging strong { display: block; float: left; text-align: center; font-size: 16px; color: #666666; } .paging2 strong { color: #0175d3; border-bottom: 1px solid #0175d3; } .paging2 .paging_number { margin: 0 5px; font-weight: normal;} .paging2 .first, .paging2 .prev, .paging2 .next, .paging2 .end { background-repeat: no-repeat; background-position: 50% 50%; width: 20px; height: 20px; line-height: 20px; margin: 0 6px; } .paging2 .first:hover, .paging2 .prev:hover, .paging2 .next:hover, .paging2 .end:hover { background-color: #dddddd; border-radius: 50%; } .paging2 .first { background-image: url(../images/sub/paging_first.gif); } .paging2 .next { background-image: url(../images/sub/paging_next.gif); } .paging2 .prev { background-image: url(../images/sub/paging_prev.gif); } .paging2 .end { background-image: url(../images/sub/paging_end.gif); } /* ----------------------------- Sub Tab ----------------------------- */ .h4 { font-size: 21px; background: url(../images/sub/blit.gif) no-repeat 0 0; padding-left: 30px; color: #222; font-weight: 700; margin-bottom: 10px; clear:both; } .h5 { font-size: 18px; color: #222; font-weight: 700; margin-bottom: 5px; clear:both; display:inline-block; } .space150 { height: 150px; } .js__tab__content .mapline { margin:46px 0 55px; } .js__tab__content { display: none; } .js__tab__content:first-child { display: block; } .js__tab__content .pie-chart { position: relative; display:inline-block; width: 300px; height: 300px; border-radius: 50%; transition: 0.2s; margin-right: 115px;} .js__tab__content .pie-chart.first{ margin-left: 70px; } .js__tab__content .pie-chart.last{ margin-right: 0px;} .js__tab__content .pie-chart span.center{ background: #fff; display : block; position: absolute; top:50%; left:50%; width:250px; height:250px; border-radius: 50%; text-align:center; line-height: 200px; font-size:30px; transform: translate(-50%, -50%); } .js__tab__content .js__tab__content_span{ text-align: center; margin-top: 15px;} .js__tab__content .js__tab__content_span div {display: inline-block;} .js__tab__content .js__tab__content_span div span {padding: 10px 20px; margin-top: 10px; border-radius: 30px; color: #fffaba; font-size: 30px; font-weight: bold;} .js__tab__content .js__tab__content_span div:nth-child(1) span {background-color: #b1c4de;} .js__tab__content .js__tab__content_span div:nth-child(2) span {background-color: #7eb6cb;} .js__tab__content .js__tab__content_span div:nth-child(3) span {background-color: #9ac9c7;} .submain_tab { } .submain_tab ul { border-bottom: 0; background-color: #f8f8f8; overflow: hidden;} .submain_tab ul.li2 li:nth-child(1) button:before, .submain_tab ul.li2 li:nth-child(2) button:before { top: 0; height: 100%; margin-top: 0; } .submain_tab ul.li3 li:nth-child(2) button:before { top: 0; height: 100%; margin-top: 0; } .submain_tab ul li { float: left; width: 33.3333%; } .submain_tab ul#d1 li { float: left; width: 100%; } .submain_tab ul#d2 li { float: left; width: 50%; } .submain_tab ul#d3 li { float: left; width: 33.3333%; } .submain_tab ul#d4 li { float: left; width: 25%; } .submain_tab ul#d5 li { float: left; width: 20%; } .submain_tab ul#d6 li { float: left; width: 16.666%; } .submain_tab ul#d7 li { float: left; width: 14.28%; } .submain_tab ul#d8 li { float: left; width: 12.5%; } .submain_tab ul#d9 li { float: left; width: 11.11%; } .submain_tab ul#d10 li { float: left; width: 10%; } .submain_tab ul#d11 li { float: left; width: 9.09%; } .submain_tab ul#d12 li { float: left; width: 8.33%; } .submain_tab ul#d13 li { float: left; width: 7.69%; } .submain_tab ul#d14 li { float: left; width: 7.14%; } .submain_tab ul#d15 li { float: left; width: 6.66%; } .submain_tab ul#d16 li { float: left; width: 6.25%; } .submain_tab ul.tab_li1 li { float: left !important; width: 100% !important; } .submain_tab ul.tab_li2 li { float: left !important; width: 50% !important; } .submain_tab ul.tab_li3 li { float: left !important; width: 33.3333% !important; } .submain_tab ul.tab_li4 li { float: left !important; width: 25% !important; } .submain_tab ul.tab_li5 li { float: left !important; width: 20% !important; } .submain_tab ul.tab_li6 li { float: left !important; width: 16.666% !important; } .submain_tab ul.tab_li7 li { float: left !important; width: 14.28% !important; } .submain_tab ul.tab_li8 li { float: left !important; width: 12.5% !important; } .submain_tab ul.tab_li9 li { float: left !important; width: 11.11% !important; } .submain_tab ul.tab_li10 li { float: left !important; width: 10% !important; } .submain_tab ul.tab_li11 li { float: left !important; width: 9.09% !important; } .submain_tab ul.tab_li12 li { float: left !important; width: 8.33% !important; } .submain_tab ul.tab_li13 li { float: left !important; width: 7.69% !important; } .submain_tab ul.tab_li14 li { float: left !important; width: 7.14% !important; } .submain_tab ul.tab_li15 li { float: left !important; width: 6.66% !important; } .submain_tab ul.tab_li16 li { float: left !important; width: 6.25% !important; } .submain_tab ul li button { display: block; width: 100%; height: 60px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; position: relative;} .submain_tab ul li:first-child button { border-left: 1px solid #d8d8d8; } .submain_tab ul li:last-child button { border-right: 1px solid #d8d8d8; } .submain_tab ul li button:before { content: ""; display: block; position: absolute; right: -1px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #d8d8d8; } .submain_tab ul li.active button:before { top:0; height:100%; margin-top:0; } .submain_tab ul li:last-child button:before { display: none; } .submain_tab ul li.active button { background-color: #fff; border-bottom: #fff; border-left: 1px solid #d8d8d8; border-top: 3px solid #0175d4; font-weight: 700; color: #0175d4; } .submain__tab__cont { position:relative; } .submain__tab__cont .mapline .js__tab__content { border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding:1em; line-height:2em; } .submain__tab__cont .mapline .js__tab__input__content { border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding:1em; } .submain__tab__cont .img { padding-top: 50px; } .js__tab__inner__content { border: 1px solid #d8d8d8; padding:1em;} /* ----------------------------- board_list ----------------------------- */ .board_list .box-search { overflow: hidden; background: #f8f8f8; padding: 10px; margin-bottom: 20px; } .board_list .box-search { overflow: hidden; background: #f8f8f8; padding: 10px; margin-bottom: 20px; } .board_list .box-search select { width: 160px; padding: 0 10px; display: inline-block; border: 1px solid #e0e0e0; height: 36px; line-height: 36px; font-size: 14px; color: #666666; } .board_list .box-search input { width: 280px; border: 1px solid #e0e0e0; height: 36px; font-size: 14px; padding: 10px; } .board_list .box-search input::placeholder { color: #d3d3d3; } .board_list .box-search .box-search-line { float: left; } .board_list .box-search .box-search-keyword { float: right; } .board_list .box-search .box-search-keyword button { display: inline-block; padding: 0 25px; height: 36px; color: #fff; background: #313647; font-size: 14px; border-radius:6px; } /* ----------------------------- modal ----------------------------- */ .modal-title { } .modal-title h4 { font-size: 18px; background: url(../images/sub/blit.gif) no-repeat 0 0; padding-left: 30px; color: #222; font-weight: 700; margin-bottom: 20px; clear:both; } .modal-content { padding:2em 0; } .modal-btn { float:right; } .modal-btn button { height: 36px; padding:0 25px; background: #0175d3; font-size: 14px; color: #fff; border-radius:6px; } .modal_tab { margin-top: 20px; overflow: hidden; } .modal_tab .mapline { text-align: center; } .modal_tab ul { border-bottom: 0; overflow: hidden;} .modal_tab ul.li2 li:nth-child(1) button:before, .modal_tab ul.li2 li:nth-child(2) button:before { top: 0; height: 100%; margin-top: 0; } .modal_tab ul.li3 li:nth-child(2) button:before { top: 0; height: 100%; margin-top: 0; } .modal_tab ul.tab { float:left; width: 150px; } .modal_tab .detail { float: left; text-align: left; margin-left: 10px; overflow-y: scroll; height: 240px; line-height: 20px; width: 78%; } .modal_tab ul li button { display: block; width: 100%; height: 60px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; position: relative; outline:none; } .modal_tab ul li:first-child button { border-left: 1px solid #d8d8d8; } .modal_tab ul li:last-child button { border-right: 1px solid #d8d8d8; } .modal_tab ul li button:before { content: ""; display: block; position: absolute; right: -1px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #d8d8d8;} .modal_tab ul li.active button:before { top:0; height:100%; margin-top:0; } .modal_tab ul li:last-child button:before { display: none;} .modal_tab ul li.active button { background-color: #fff; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-left: 3px solid #0175d4; font-weight: 700; color: #0175d4; } /* ----------------------------- 달력 UI ----------------------------- */ .ui-widget.ui-widget-content { z-index:9999 !important; } /* ----------------------------- 파일드래그인드랍 업로드 ----------------------------- */ label.label_file { display: inline-block; margin-right:5px; padding:0 25px; height:33px; line-height:33px; color: #fff; font-size:14px; text-align:center; background:#4d515a; border-radius:6px; cursor: pointer; } label.label_file:hover { background: #005498; } label.label_file_upload { display: inline-block; margin-right:5px; padding:0 25px; height:33px; line-height:33px; color: #fff; font-size:14px; text-align:center; background:#0076c0; border-radius:6px; cursor: pointer; } label.label_file_upload:hover { background: #005498; } input[type="file"] { position:absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* ----------------------------- DRAG FILES ----------------------------- */ div.div-drag-files { width:100%; height:100px; border:1px solid #ccc; overflow-y:auto; margin:10px 0 ; display:inline-block; } div.div-drag-files p { text-align:center; line-height:100px; user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; } div.div-drag-files ul { counter-reset : row-num; } div.div-drag-files ul li { counter-increment: row-num; padding:0 15px; height:32px; line-height:32px; text-align:left; background-color:#FFF; } div.div-drag-files ul li:nth-child(2n) { background-color:#f1f1f1; } div.div-drag-files ul li:before { content: counter(row-num) ". "; } div.div-drag-files ul li a.delete { margin-left:5px;} div.div-drag-files + div { width:100%; display:inline-block; } /* ----------------------------- FILES UPLOAD ----------------------------- */ a.attachedFile { padding:2px; display:inline-block; margin-left: 10px;} a.attachedFile img { display: inline-block; } /* ----------------------------- FILE LIST ----------------------------- */ div.div-file-list { width:100%; clear:both; } div.div-file-list ul { counter-reset : row-num; } div.div-file-list ul li { counter-increment: row-num; position:relative; display:inline-block; width:100%; padding:0 15px; line-height:32px; text-align:left; background-color:#FFF; } div.div-file-list ul li img { margin-right:5px;} div.div-file-list ul li:nth-child(2n) { background-color:#f1f1f1; } div.div-file-list ul li a:before { content: counter(row-num) ". "; } div.div-file-list ul li a.delete , div.div-file-list ul li a.deleteCancle { margin-left: 5px;} div.div-file-list ul li a.delete:before , div.div-file-list ul li a.deleteCancle:before { content: none; } div.div-file-list ul li a img { margin:2px 6px -2px 1px; } div.div-file-list ul li input[type=checkbox] { float:left; margin-right:6px; margin-left:0px !important; } div.div-file-list ul li.deleteFile span { text-decoration: line-through; color: red; } div.div-file-list button { margin:10px 0 10px 10px; } div.div-file-list + div { padding:10px; } div.div-file-upload { width:100%; display: none; clear:both; float:none; padding:5px 0; } div.div-file-upload > p { text-align:right; } div.div-file-upload > div.div-filedrop { border:1px solid #e3e3e3; height:160px; overflow-y:auto; margin-bottom:5px; } div.div-file-upload > div.div-filedrop > p { line-height:160px; text-align:center; } div.div-file-upload > div.div-filedrop > ul { counter-reset : row-num; } div.div-file-upload > div.div-filedrop > ul li:nth-child(2n) { background-color:#f1f1f1; } div.div-file-upload > div.div-filedrop > ul li { padding:0 15px; counter-increment: row-num; height:32px; line-height:32px; text-align:left; background-color:#FFF; } div.div-file-upload > div.div-filedrop > ul li label { cursor:pointer; -ms-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; } div.div-file-upload > div.div-filedrop > ul li:hover { background-color:#f1f1f1; } div.div-file-upload > div.div-filedrop > ul li:before { content: counter(row-num) ". "; } div.div-file-list + div ul li button.delfile { display: inline-block; margin-right: 5px; padding: 0 25px; height: 26px; color: #fff; background: #0175d3; font-size: 14px;} /* 221109 성능개선시범사업 파일리스트2 추가 */ div.div-file-list2 { width:100%; clear:both; } div.div-file-list2 ul { counter-reset : row-num; } div.div-file-list2 ul li { counter-increment: row-num; position:relative; display:inline-block; width:100%; padding:0 15px; line-height:32px; text-align:left; background-color:#FFF; } div.div-file-list2 ul li img { margin-right:5px;} div.div-file-list2 ul li:nth-child(2n) { background-color:#f1f1f1; } div.div-file-list2 ul li a:before { content: counter(row-num) ". "; } div.div-file-list2 ul li a.delete , div.div-file-list2 ul li a.deleteCancle { margin-left: 5px;} div.div-file-list2 ul li a.delete:before , div.div-file-list2 ul li a.deleteCancle:before { content: none; } div.div-file-list2 ul li a img { margin:2px 6px -2px 1px; } div.div-file-list2 ul li input[type=checkbox] { float:left; margin-right:6px; margin-left:0px !important; } div.div-file-list2 ul li.deleteFile span { text-decoration: line-through; color: red; } div.div-file-list2 button { margin:10px 0 10px 10px; } div.div-file-list2 + div { padding:10px; } div.div-file-list2 + div ul li button.delfile { display: inline-block; margin-right: 5px; padding: 0 25px; height: 26px; color: #fff; background: #0175d3; font-size: 14px;} div.div-innorix-file-body { padding-top : 45px; } /* ----------------------------- ToggleEditMenu ----------------------------- */ div.div-add-item { position:absolute; display:none; } div.div-add-item div.list-marker-button { position:absolute; left:1285px; width:37px; height:37px; border:1px solid #ddd; background-color:#fff; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3); vertical-align:top; } div.div-add-item a.list-marker-btn { content:""; font-size:0px; position:absolute; top:0; right:0; bottom:0; left:0; transform:rotate(0deg); cursor:pointer; -webkit-transition-property:-webkit-transform; transition-property:transform,-webkit-transform; transition-duration:.3s; transition-timing-function:cubic-bezier(.19,1,.22,1); } div.div-add-item a.list-marker-btn:after , div.div-add-item a.list-marker-btn:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background-color:#888; } div.div-add-item a.list-marker-btn:before { width:1px; height:11px; } div.div-add-item a.list-marker-btn:after { width:11px; height:1px; } div.div-add-item ul { display:none; position:absolute; top:19px; left:1395px; width:110px; background-color:#fff; box-sizing:border-box; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-sizing:border-box; -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3); transform:translate(-100%,17px); -webkit-transform:translate(-100%,17px); } div.div-add-item ul li { user-select:none; -ms-user-select:none; -webkit-user-select:none; -moz-user-select: -moz-none; -khtml-user-select: none; } div.div-add-item ul li button { width:110px; border-bottom:1px solid #fff; } /* div.div-add-item.active ul { display:block; } */ /* div.div-add-item.active div.list-marker-button { border-color:#ddd; background-color:#e6e6e6; } */ div.div-add-item a.list-marker-btn:hover { transform:rotate(45deg); -webkit-transform:rotate(45deg); } div.div-add-item.limit li.hidden { display:none; } div.div-add-item li.hidden { display:block; } /* ----------------------------- 팝업페이지 ----------------------------- */ .popup__wrap { padding:1em; } /************************************************************************************************ PAGE Utils ************************************************************************************************/ /* ----------------------------- 설문조사 ----------------------------- */ .intro{width:600px;height:900px;margin:0 auto} .screen_out{position:absolute;left:-9999em;opacity:0;text-indent:-999em;font-size:0} #brand_wrap{width:650px;margin:0 auto;border: 1px solid #e0e0e0;} .e_banner{background-color:#ddd;height:150px;background:url(../images/common/subtop.jpg) round 0 50%;text-align: center;padding-top: 0px;margin-bottom: 30px;} .e_banner img{display: inline-block;margin-bottom: 15px;} .e_banner p{font-size: 14px;color: #fff;line-height: 1;} .e_year{position:relative;background:#f0f0f0;padding:17px;text-align:center;margin-bottom:50px} .e_year:after{display:block;content:'';width:19px;height:11px;position:absolute;bottom:-11px;right:420px;background:url(../images/e_year_01.gif) no-repeat} .e_year dl{display:inline-block;font-size:18px;font-weight:400} .e_year dl:first-child{margin-right:42px} .e_year dl dt{display:inline-block;color:#cd45fd} .e_year dl dd{display:inline-block;color:#424343} .fraction_veiw{text-align:center;margin-bottom:30px} .fraction_veiw .fraction_cont{display:inline-block;width:140px;height:40px;background:url(../images/quize_pazination_bg.gif);font-size:18px;line-height:2.3} .fraction_veiw .fraction_cont .active_question{color:#424343} .fraction_veiw .fraction_cont span{color:#b3b3b3} .end .question_example .btn__next{opacity:.5} .question_example{position:relative;padding:0 150px;width:860px;margin:0 auto 45px} .question_example .btn__prev,.question_example .btn__next{display:block;position:absolute;top:140px;width:41px;height:72px;text-indent:-9999px} .question_example .btn__prev{left:20px;background:url(../images/prev_btn.png) no-repeat} .question_example .btn__next{right:20px;background:url(../images/next_btn.png) no-repeat} .question_area{padding: 0 30px 30px} .question_area .question{margin-bottom:10px;font-size:16px;font-weight: bold;} .multiple_list{overflow:hidden; margin-bottom: 10px;} .multiple_list li{position:relative;display: block; float:left; line-height: 24px;} .multiple_list li input[type="radio"]{position:absolute;left:-9999em;opacity:0;width:1px;height:1px} .multiple_list li input[type="radio"]:checked + label{background:url(../images/sub/lbl_checked.png) no-repeat 0 0;background-size: contain;} .multiple_list li input[type="radio"]:checked + label:before{font-size:0;text-indent:-999999em} .multiple_list li label{cursor:pointer;font-size:14px;position:relative;background:url(../images/sub/lbl_radio.png) no-repeat 0 0;height:23px;padding-left:27px;display:block;background-size: contain;color: #222222} .multiple_list li label:before{content:"";display:block;width:24px;height:26px;text-align:center;position:absolute;left:0;top:50%;transform: translateY(-50%);font-size:14px;color:#b3b3b3} .multiple_list li:nth-child(1) label:before{content:"1"} .multiple_list li:nth-child(2) label:before{content:"2"} .multiple_list li:nth-child(3) label:before{content:"3"} .multiple_list li:nth-child(4) label:before{content:"4"} .multiple_list li:nth-child(5) label:before{content:"5"} .multiple_list li:nth-child(6) label:before{content:"6"} .multiple_list li + li{margin-left: 20px;} .answer_view{display:none;text-align:center;margin-bottom:50px} #f_content{display:none} .example_area{text-align:center} .hint_cont{height:194px;padding-top:30px;background:#f0f0f0} .hint_view{width:600px;margin:auto;padding-left:140px;font-size:18px;color:#717272;line-height:1.7;min-height:110px;background:url(../images/hint_view_bg.gif) no-repeat} #f_content{margin:auto;text-align:center} .end_coment{background:url(../images/end_coment_bg.gif) no-repeat;width:600px;height:220px;padding-top:40px;margin:0 auto 50px;text-align:center} .end_coment h3{width:510px;padding-bottom:20px;margin:0 auto 20px;font-size:30px;font-weight:700;border-bottom:3px dotted #d7d7d8} .end_coment p{font-size:30px;line-height:1.5} .end_coment p span{color:#ff4244} .phone_con{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0} .phone_con .box{display:inline-block;overflow:hidden} .phone_con label,.phone_con span,.phone_con input{float:left;display:block} .phone_con label{font-size:30px;color:#424343;vertical-align:middle;margin-right:26px;line-height:44px} .phone_con .hipen{width:30px;height:44px;background:url(../images/hipen.gif) no-repeat 50% 50%} .phone_con input[type="text"]{width:250px;height:44px;text-align:center;padding:0 6px;font-size:30px;color:#424343;border:4px solid #dadada} .phone_con input[type="text"]:focus{border-color:#000;transition:border .15s ease-in} .phone_con1 { width: 300px; border: 1px solid #e0e0e0; height: 36px; font-size: 14px; padding: 10px;} .btn_wrap{padding-bottom:120px} .question_box{ margin-top: 20px; } .question_box:first-child{ margin-top: 0; } .question_box .question{ position: relative; padding-left: 20px; line-height: 24px; } .question_box .question strong{ display: inline-block; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; font-weight: bolder; background:url(../images/sub/li_bul.png); } .question_box .input_box .form_control{ width: 100%; display: block; border: 1px solid #dedede; padding: 10px; } .next_btn{ text-align: center; margin-bottom: 20px; } .next_btn button{ width: 120px; height: 50px; background: #292e3e; color: #fff; font-size: 16px;} /* ----------------------------- 사이트맵 ----------------------------- */ .sitemap_section{ margin-top: 40px; } .sitemap_section>ul{ display: flex;flex-wrap: wrap; } .sitemap_section>ul>li{ width: calc((100%/3) - 25px);margin-bottom: 30px;margin-right: 25px; } .sitemap_section>ul>li:nth-child(3n){ margin-right: 0; } .sitemap_section ul li h3{ padding: 15px 0 15px 5px;border-bottom: 2px solid #111111; } .sitemap_section ul li div ul li a{ display: block;border-bottom: 1px solid #e1e1e1;padding: 15px 0 15px 5px;transition: all ease 0.3s; } .sitemap_section ul li div ul li a:hover{ color:#0087b1;font-weight:bold;} /* ----------------------------- 통합검색 ----------------------------- */ .search_content .tab ul.tab.unit4 li { width: 25%; } .search_content .tab ul.tab { border-bottom: solid 3px #3872dc; overflow: hidden; white-space: nowrap; font-size: 1.2em; } .search_content .tab ul.tab:after { display: block; content: ""; clear: both; } .search_content .tab ul.tab li { display: inline-block; box-sizing: border-box; width: 50%; height: 42px; background: #fff; overflow: hidden; border: solid 1px #ccc; border-left-width: 0; border-bottom: 0; vertical-align: top; white-space: normal; text-align: center; line-height: 1.2; font-size: 16px; font-weight: 400; color: #1c2238; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s; } .search_content .tab ul.tab li { float: left; font-size: 1em; color: #fff; background-color: #7d8290; border-color: #7d8290; } .search_content .tab ul.tab li a { display: table; box-sizing: border-box; width: 100%; padding: 6px 0; } .search_content .tab ul.tab li a span { display: table-cell; height: 30px; color: #ffffff; font-size: 20px; } .search_content .tab .search_content .tab ul.tab li:hover, .search_content .tab ul.tab li:focus, .search_content .tab ul.tab li.on { color: #fff; background-color: #004bab; border-color: #004bab; text-decoration: underline; } .search_content .tab ul.tab li:hover span, .search_content .tab ul.tab li:focus span, .search_content .tab ul.tab li.on span { color: #fff; opacity: 1; } .search_content .searchResultTitle { position: relative; overflow: hidden; padding-bottom: 20px; font-weight: bold; font-size: 24px; color: #000000; text-align: center; border-bottom: 1px solid #d4d4d4; } .search_content .searchResultContents h3 { font-size: 22px; } .search_content .searchResultContents .searchResultVolume { display:flex; flex-direction:column; padding: 1rem; border-bottom: 1px solid #9b9b9b; } .search_content .searchResultContents .searchResultVolume:last-child { border: none; } .search_content .searchResultContents .searchResultVolume h4 { font-size: 20px; } .search_content .searchResultContents .searchResultVolume h5 { text-indent: 10px; font-size: 18px; font-weight: 500; padding: 5px 10px 10px 5px; border-top: 1px dotted #e0e0e0; } .search_content .searchResultContents .searchResultVolume h5:before { content: ""; } .search_content .searchResultContents .searchResultVolume h5.noBorder { border:none; } .search_content .searchResultContents .searchResultVolume dl { display: inline-block; float: left; clear: both; padding-bottom: 20px; margin-left: 40px; } .search_content .searchResultContents .searchResultVolume span.noResult { color: #E46C0A; text-indent: 9px; } .search_content .searchResultContents .searchResultVolume dl dt span.title { color: #1861c3; font-size: 16px; font-weight: bold; } .search_content .searchResultContents .searchResultVolume dl dt span.title:hover { text-decoration: underline; } .search_content .searchResultContents .searchResultVolume dl dt span.ymd { color: #959595; font-size: 12px; } .search_content .searchResultContents .searchResultVolume dl.moreInfo a { color: #1861c3; font-size: 15px; text-decoration: underline; } .search_content .searchResultContents .searchResultVolume dd.subContent .search_content .searchResultContents .searchResultVolume dd.subContent2 { margin-top:5px; } .search_content .searchResultContents .searchResultVolume dd.subContent p span { display: inline-block; width: 250px; font-size: 14px; color: #959595; } .search_content .searchResultContents .searchResultVolume dd.subContent2 p span { display: block; font-size: 14px; color: #959595; margin: 5px 0; } /* ----------------------------- 성능개선 시범사업 ----------------------------- */ /*기반터에서 사용하는 탭 css 추가 2022-01-19 */ ul.tab.unit1 li {width: 100%;} ul.tab.unit2 li {width: 50%;} ul.tab.unit3 li {width: 33.33%;} ul.tab.unit4 li {width: 25%;} ul.tab.unit5 li {width: 20%;} ul.tab.unit6 li {width: 16.66%;} ul.tab.unit7 li {width: 14.28%;} ul.tab.unit8 li {width: 12.5%;} ul.tab.unit9 li {width: 11.11%;} ul.tab.unit10 li {width: 10%;} ul.tab.unit11 li {width: 9.09%;} ul.tab.unit12 li {width: 8.33%;} ul.tab.unit13 li {width: 7.69%;} ul.tab.unit14 li {width: 7.14%;} ul.tab.unit15 li {width: 6.66%;} ul.tab.unit16 li {width: 6.25%;} ul.tab2.unit1 li {width: 100%;} ul.tab2.unit2 li {width: 50%;} ul.tab2.unit3 li {width: 33.33%;} ul.tab2.unit4 li {width: 25%;} ul.tab2.unit5 li {width: 20%;} ul.tab2.unit6 li {width: 16.66%;} ul.tab2.unit7 li {width: 14.28%;} ul.tab2.unit8 li {width: 12.5%;} ul.tab2.unit9 li {width: 11.11%;} ul.tab2.unit10 li {width: 10%;} ul.tab {border-bottom: solid 3px #3872dc; overflow: hidden; white-space: nowrap; font-size: 1.2em;} ul.tab:after {display: block; content: ""; clear: both;} ul.tab li {display: inline-block; box-sizing: border-box; width: 50%; height: 42px; background: #fff; overflow: hidden; border: solid 1px #ccc; border-left-width: 0; border-bottom: 0; vertical-align: top; white-space: normal; text-align: center; line-height: 1.2; font-size: 16px; font-weight: 400; color: #1c2238; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s;} ul.tab li {float: left; font-size: 1em; color: #fff; background-color: #7d8290; border-color: #7d8290;} ul.tab li a {display: table; box-sizing: border-box; width: 100%; padding: 6px 0; color: #fff;} ul.tab li a span {display: table-cell; height: 30px;} ul.tab li button span {font-size: 90%;} ul.tab li:hover, ul.tab li:focus, ul.tab li.on {color: #fff; background-color: #004bab; border-color: #004bab; text-decoration: underline;} ul.tab li:hover span, ul.tab li:focus span, ul.tab li.on span {color: #fff; opacity: 1;} /* Tab Menu 2~4 depth 추가 230120 */ ul.tab2 {overflow: hidden; white-space: nowrap; font-size: 1.0em;} ul.tab2:after {display: block; content: ""; clear: both;} ul.tab2 li {display: inline-block; box-sizing: border-box; width: 50%; height: 42px; background: #fff; overflow: hidden; border: solid 2px #ccc; vertical-align: top; white-space: normal; text-align: center; line-height: 1.2; font-size: 16px; font-weight: 400; color: #1c2238; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, background-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s;} ul.tab2 li {float: left; font-size: 1em; color: #fff; border-color: #e5edf6;} ul.tab2 li a {display: table; box-sizing: border-box; width: 100%; padding: 6px 0; color: #004bab;} ul.tab2 li a span {display: table-cell; height: 30px;} ul.tab2 li:hover, ul.tab2 li:focus, ul.tab2 li.on {color: #004bab; border-color: #ffffff; font:bold; font-size: 1.1em; border:2px solid #004bab;} ul.tab2 li:hover span, ul.tab2 li:focus span, ul.tab2 li.on span {color: #004bab; opacity: 1;} .tabDetail {margin-top: 15px;} .spTitle {font-size: 20px; font-weight: bold; margin: 0px 0px 10px 30px;} .round-bg-list { border-radius: 10px 0 10px 0; background-color: #d5ecf1; padding: 35px 0 35px 45px;} .round-bg-list ul li { position: relative; font-size: 20px; color: #000; padding-left: 14px;} .round-bg-list ul li + li { margin-top: 14px;} .round-bg-list ul li:before { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background: url("../images/report/h4-icon.png") no-repeat 0 0;} .round-bg-list ul li p { color: #666666; margin-top: 5px;} .cell-list .rows { display: -webkit-box; display: -ms-flexbox; display: flex;} .cell-list .rows + .rows { margin-top: 5px;} .cell-list .rows:first-child .tits { border-radius: 15px 0 0 0;} .cell-list .tits { background-color: #0175d4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 200px;} .cell-list .tits strong { color: #fff; font-size: 20px; font-weight: 400;} .cell-list .cont { border: 1px solid #ddd; margin-left: 5px; width: calc(100% - 205px); padding: 15px 0 15px 20px; line-height: 1.78;} .cell-list .cont .cols { font-size: 20px;} .cell-list .cont p { color: #666666; font-size: 18px; margin: 10px 0 0 10px; padding-left: 10px; position: relative; line-height: 1.1;} .cell-list .cont p:before { content: ""; display: block; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 50%; background-color: #666666;} .cell-list .cont p span { display: block; font-size: 12px; color: #666; margin-top: 5px;} .step-list { padding-top: 25px;} .step-list .rows { display: -webkit-box; display: -ms-flexbox; display: flex;} .step-list .rows:not(.rows:nth-child(1)) + .rows { padding-top: 82px; background: url("../images/report/icon-arw.png") no-repeat 136px 15px;} .step-list .rows .col { width: 318px; margin-right: 4px; min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; border: 1px solid #d8d8d8;} .step-list .rows:nth-child(1) .col { min-height: 40px; background: #9fa7ff;} .step-list .rows:not(.rows:nth-child(1)) .col:nth-child(3) { flex-direction: column; align-items: flex-start; padding-left: 20px;} .step-list .rows:not(.rows:nth-child(1)) .col_mul2:nth-child(3) { padding-left: 0px;} .step-list .rows:nth-child(1) .col:nth-child(1) { border-radius: 15px 0 0 15px;} .step-list .rows .col:nth-child(4) { border-radius: 0 15px 15px 0;} .step-list .rows .col_mul2:nth-child(4) > div { border-radius: 0 15px 15px 0;} .step-list .rows .col .lh { line-height: 1.6; text-align: center;} .step-list .rows .tits { border-radius: 15px 0 0 15px; border: 0;} .step-list .rows .tits span { color: #fff; font-size: 20px;} .step-list .rows .col_mul2 { display: block; border: 0;} .step-list .rows .col_mul2 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #d8d8d8; height: 90px;} .step-list .rows .col_mul2 > div span { line-height: 1.6;} .step-list .rows .col_mul2 > div + div { margin-top: 4px;} .step-list .rows .col_mul { display: -webkit-box; display: -ms-flexbox; display: flex;} .step-list .rows .col_mul > div:nth-child(1) { border-radius: 15px 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 4px;} .step-list .rows .col_mul > div:nth-child(2) div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .app-process .rows { display: -webkit-box; display: -ms-flexbox; display: flex;} .app-process .rows:first-child { padding-bottom: 55px; position: relative;} .app-process .rows:first-child:after { content: ""; display: block; position: absolute; left: 95px; bottom: 5px; width: 1098px; height: 60px; background: url("../images/report/icon-pro2.png") no-repeat 0 0;} .app-process .rows .col { border-radius: 10px; width: 212px; height: 140px; text-align: center; color: #fff; position: relative;} .app-process .rows .col:last-child::after { display: none;} .app-process .rows .col:after { content: ""; display: block; position: absolute; right: -48px; top: 50%; width: 61px; height: 34px; margin-top: -17px; background: url("../images/report/icon-pro.png") no-repeat 0 0;} .app-process .rows .col p:nth-child(1) { position: relative; font-size: 14px; padding-bottom: 12px; padding-top: 25px;} .app-process .rows .col p:nth-child(1)::after { content: ""; display: block; height: 3px; background-color: #fff; width: 12px; position: absolute; left: 50%; margin-left: -6px; bottom: 0;} .app-process .rows .col p:nth-child(2) { margin-top: 35px; font-size: 18px; line-height: 1.34;} .app-process .rows .col p:nth-child(2).t2 { margin-top: 20px;} .app-process .rows .col + .col { margin-left: 55px;} /* ----------------------------- 메인페이지 팝업공지 ----------------------------- */ .mainNoticePopup {} .mainNoticePopup img {width:100%} .banerPopup {display: contents; max-width: 100%;} .layerPopup img {margin-bottom : 20px;} .layerNoticePopup { z-index:10000; position:absolute; left: 50%; margin-left: -550px; top: 150px; max-width: 1100px;} .layerNoticePopup.priview { z-index:10000; position:absolute; left: 80%; margin-left: -550px; top: 90%; max-width: 1100px; transform: translate(-50%, -50%);} .layerNoticePopup .layerBox{z-index:10000; padding:30px; background:#fff; border-radius:6px; border: 1px solid; margin:0 30px 30px 0; float:left; position: relative;} .layerNoticePopup .layerBox .layerbg1, .layerbg1 {color : white; background-repeat: round; background-image: url('../images/main/bnr/bnr_bimg1.png'); width:400px; height:550px;} .layerNoticePopup .layerBox .layerbg2, .layerbg2 {color : black; background-repeat: round; background-image: url('../images/main/bnr/bnr_bimg2.png'); width:400px; height:550px;} .layerNoticePopup .layerBox .layerbg3, .layerbg3 {color : white; background-repeat: round; background-image: url('../images/main/bnr/bnr_bimg3.png'); width:400px; height:550px;} .bnrCloseBtn {width:30px; height:30px;} .layerNoticeSlice {visibility: hidden;} .slick-slider .layerNoticeSlice {visibility: visible;} .layerNoticeSlice .layerbg1 {color : white; background-repeat: round; background-image: url('../images/main/bnr/bnr_bimg1.png'); width:400px; height:550px;} .layerNoticeSlice .layerbg2 {color : white; background-repeat: round; background-image: url('../images/main/bnr/bnr_bimg2.png'); width:400px; height:550px;} .layerNoticeSlice .layerbg3 {color : white; background-repeat: round; background-image: url('../images/main/bnr/bnr_bimg3.png'); width:400px; height:550px;} .layerNoticePopup .title, .layerNoticeSlice .title{text-align:center; padding:25px; font-size : 1.6em; font-weight:600; } .layerNoticePopup .cont, .layerNoticeSlice .cont {text-align:left; padding:10px; white-space: pre-wrap; font-size : 1em; height: 470px; font-weight:400; overflow: hidden;} .layerNoticePopup .brn_btnList, .layerNoticeSlice .brn_btnList {text-align: center; position: absolute; top: 0px; width: 400px; z-index:99998;} .layerNoticePopup .brn_btnList button, .layerNoticeSlice .brn_btnList button {margin-top: 480px;} .layerNoticePopup .bnr_btn, .layerNoticeSlice .bnr_btn {padding: 0 30px; height: 35px; background: #0076c0; font-size: 14px; color: #fff; margin-bottom: 20px; border-radius: 6px;} .layerNoticePopup .layerBox .closeSpan {float:right; font-size:12px; color:#666; margin:15px 10px 0 0; z-index:99999; cursor: pointer;} .layerNoticePopup .layerBox .closeSpan label {cursor: pointer;;} .layerNoticePopup .layerBox .closeSpan input {vertical-align:middle;} /* ----------------------------- 통계&보고서 ----------------------------- */ .box-search.flex-end{ overflow: hidden; background: #f8f8f8; padding: 10px; margin-bottom: 20px;} .box-search.flex-end select{ width: 160px; padding: 0 10px; display: inline-block; border: 1px solid #e0e0e0; height: 36px; line-height: 36px; font-size: 14px; color: #666666;} .flex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .nav-tab { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;} .nav-tab a { position: relative; display: block; text-align: center; width: 33.333%; color: #666666; background-color: #f8f8f8; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; font-size: 18px; height: 60px; line-height: 56px;} .nav-tab a:after { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; background-color: #d8d8d8; margin-top: -8px;} .nav-tab a:before { content: ""; display: none; position: absolute; right: 0; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #fff;} .nav-tab a:first-child:after { display: none;} .nav-tab a:nth-child(1).active + :nth-child(2):after { top: 0; height: 100%; margin-top: 0;} .nav-tab a:nth-child(2).active:after { top: 0; height: 100%; margin-top: 0;} .nav-tab a:nth-child(2).active + :nth-child(3):after { top: 0; height: 100%; margin-top: 0;} .nav-tab a:nth-child(3).active:after { top: 0; height: 100%; margin-top: 0;} .nav-tab a.active { color: #0175d4; font-weight: 700; border-top: 2px solid #0175d4; background-color: #fff;} .nav-tab a.active:before { display: block;} .mean { display: none;} .price_list2 { margin-top: -20px; position: relative; min-height : 230px;} .price_list2:after { content: ""; display: block; clear: both; overflow: hidden;} .price_list2 .col { float: left; margin-top: 20px; overflow: hidden; border-radius: 10px 0 10px 0;} .price_list2 .col .hgroup { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list2 .tit_col { width: 300px; position: absolute; left: 0; top: 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);} .price_list2 .tit_col .hgroup { background-color: #0175d4; color: #fff; height: 100px;} .price_list2 .tit_col .hgroup strong { font-size: 26px;} .price_list2 .tit_col .cont { height: 220px; border: 0; padding-top: 35px;} .price_list2 .tit_col .cont .price_view { padding-top: 5px;} .price_list2 .tit_col .cont .price_view strong { font-size: 45px;} .price_list2 .row-group { margin-left: 330px; min-height: 360px;} .price_list2 .row-group:after { content: ""; display: block; clear: both; overflow: hidden;} .price_list2 .row-group .col { width: calc(16.66% - 25px);} .price_list2 .row-group .col + .col { margin-left: 30px;} .price_list2 .row-group .col:nth-child(6n+1) { margin-left: 0;} .price_list2 .hgroup { border-radius: 10px 0 0 0; overflow: hidden; background-color: #7d8290; height: 50px; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0;} .price_list2 .hgroup.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list2 .row-group .cont { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 104px; padding: 0 15px;} .price_list2 .row-remain .cont, .price_list2 .row-remain .cont { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 104px; padding: 0 15px;} .price_list2 .row-group .cont .price_view, .price_list2 .row-remain .cont .price_view{ margin-top: 26px;} .price_list2 .hgroup strong { color: #fff; font-weight: 400; font-size: 15px;} .price_list2 .hgroup a { color: #fff; display: block; background: url("../images/report/q.png") no-repeat 99% 50%; padding-right: 20px; font-size: 14px;} .price_list2 .cont { border: 1px solid #ddd; border-radius: 0 0 10px 0; padding: 11px 0; height: 100px; text-align: center;} .price_list2 .cont.nodata { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list2 .cont.nodata p { color: #666666; font-size: 14px; padding-bottom: 0; padding-bottom: 65px; background: url("../images/report/nodata.png") no-repeat 50% 99%;} .price_list2 .cont.nodata-2 { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list2 .cont.nodata-2 p { color: #666666; font-size: 12px; padding-bottom: 40px; background: url("../images/report/nodata.png") no-repeat 50% 99%; background-size: 40px auto;} .price_list2 .cont .icon { margin: 0 auto; width: 75px; height: 75px; border-radius: 10px; background-color: #dde1e9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list2 .cont .price_view strong { color: #000; font-size: 20px; line-height: 1;} .price_list2 .row-group .cont .price_view strong, .price_list2 .row-remain .cont .price_view strong { color: #000; font-size: 20px; line-height: 1;} .price_list2 .cont .price_view p { color: #666666; font-size: 14px; margin-top: 6px;} .price_list2 .row-remain:after { content: ""; display: block; clear: both; overflow: hidden;} .price_list2 .row-remain .col { width: 134px;} .price_list2 .row-remain .col + .col { margin-left: 29px;} .price_list2 .row-remain .col:nth-child(8n+1) { margin-left: 0;} .price_list2.width-3 .col { width: 156px;} .price_list2.width-3 .col + .col { margin-left: 30px;} .price_list2.width-3 .col:nth-child(7n+1) { margin-left: 0;} .price_list2.width-3 .col .price_view { display: block;} .price_list2.width-3 .col .cont { height: 145px; padding-top: 35px; padding-bottom: 0;} .price_list2.width-3 .col .cont.nodata { padding-top: 20px;} .price_list2.width-3 .col .hgroup { padding-left: 18px; padding-right: 18px;} .price_list2.width-3 .hgroup strong { font-size: 15px;} .price_list { overflow: hidden; margin-top: -20px; min-height : 230px;} .price_list .col { float: left; width: calc(25% - 22.5px); margin-top: 20px;} .price_list .col + .col { margin-left: 30px;} .price_list .col:nth-child(4n+1) { margin-left: 0;} .price_list .hgroup { border-radius: 10px 0 0 0; overflow: hidden; background-color: #7d8290; height: 50px; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .price_list .hgroup.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list .hgroup strong { color: #fff; font-weight: 400; font-size: 18px;} .price_list .hgroup a { color: #fff; display: block; background: url("../images/report/q.png") no-repeat 99% 50%; padding-right: 20px; font-size: 14px;} .price_list .cont { border: 1px solid #ddd; border-radius: 0 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 18px 15px; height: 110px;} .price_list .cont.nodata { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list .cont.nodata p { color: #666666; font-size: 14px; padding-bottom: 65px; background: url("../images/report/nodata.png") no-repeat 50% 99%;} .price_list .cont .icon { width: 75px; height: 75px; border-radius: 10px; background-color: #dde1e9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .price_list .cont .price_view strong { color: #000; font-size: 26px;} .price_list.width-2 .cont .price_view strong { color: #000; font-size: 45px;} .price_list .cont .price_view span { color: #666666; font-size: 14px; -webkit-transform: translateY(-5px); transform: translateY(-5px); display: inline-block;} .price_list.width-2 .col { width: calc(50% - 15px);} .price_list.width-2 .col:nth-child(2n+1) { margin-left: 0;} .price_list.width-2 .mean { display: block;} .toggle-list .col { cursor: pointer; position: relative;} .toggle-list .col:after { content: ""; z-index: 1; display: block; position: absolute; border-top: 0; border: 3px solid transparent; left: 0; top: 47px; right: 0; bottom: 0; -o-border-image: linear-gradient(to right, #0075d4 0%, #02b168 100%); border-image: -webkit-gradient(linear, left top, right top, from(#0075d4), to(#02b168)); border-image: linear-gradient(to right, #0075d4 0%, #02b168 100%); border-image-slice: 1; display: none;} .toggle-list .col .hgroup { position: relative; z-index: 3;} .toggle-list .col:hover .hgroup { background: -webkit-gradient(linear, left top, right top, from(#0077d2), to(#00b16a)); background: linear-gradient(to left, #0077d2 0%, #00b16a 100%);} .toggle-list .col:hover:after { display: block;} .grade_list { overflow: hidden; margin-top: -20px; min-height : 230px;} .grade_list.type1 .col:nth-child(4n+1) { margin-left: 0;} .grade_list .col { float: left; width: calc(25% - 22.5px); margin-top: 20px;} .grade_list .col + .col { margin-left: 30px;} .grade_list .col .hgroup { border-radius: 10px 0 0 0; overflow: hidden; background-color: #7d8290; height: 50px; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .grade_list .col .hgroup.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .grade_list .col .hgroup strong { color: #fff; font-weight: 400; font-size: 15px;} .grade_list .col .hgroup a { color: #fff; display: block; background: url("../images/report/q.png") no-repeat 99% 50%; padding-right: 20px; font-size: 14px;} .grade_list .col .grade_cont { border: 1px solid #ddd; border-radius: 0 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 35px; height: 201px;} .grade_list .col .grade_cont.nodata { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .grade_list .col .grade_cont.nodata p { color: #666666; font-size: 14px; padding-bottom: 65px; background: url("../images/report/nodata.png") no-repeat 50% 99%;} .grade_list .col .grade_cont .icon { width: 123px; height: 123px; border-radius: 10px; background-color: #dde1e9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .grade_list .col .grade_cont .grade_view { padding-left: 20px;} .grade_list .col .grade_cont .grade_view p { text-align: center;} .grade_list .col .grade_cont .grade_view p span { display: inline-block; color: #666666; font-size: 14px; border: 1px solid #e0e0e0; border-radius: 3px; padding: 7px;} .grade_list .col .grade_cont .grade_view .class { font-size: 80px; font-weight: 800; color: #000; position: relative; width: 85px;} .grade_list .col .grade_cont .grade_view .class i { display: block; position: absolute; right: -8px; top: 50%; width: 18px; height: 10px; margin-top: -5px; background-repeat: no-repeat; background-position: 0 0;} .grade_list .row-group .col .grade_cont .grade_view .class i{ right: 0px;} .grade_list .col .grade_cont .grade_view .class i.v1 { background-image: url("../images/report/class-1.png");} .grade_list .col .grade_cont .grade_view .class i.v2 { background-image: url("../images/report/class-2.png");} .grade_list .col .grade_cont .grade_view .class i.v3 { margin-top: -1px; background-image: url("../images/report/class-3.png");} .grade_list.type2.width-2 .col { width: 156px;} .grade_list.type2.width-2 .col + .col { margin-left: 30px;} .grade_list.type2.width-2 .col:nth-child(7n+1) { margin-left: 0;} .grade_list.type2 .col { width: calc(12.5% - 26.25px);} .grade_list.type2 .col + .col { margin-left: 30px;} .grade_list.type2 .col:nth-child(8n+1) { margin-left: 0;} .grade_list.type2 .col .hgroup { padding-left: 18px; padding-right: 18px;} .grade_list.type2 .col .hgroup a { font-size: 0; width: 16px; height: 16px; padding-right: 0;} .grade_list.type2 .col .grade_cont { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; height: 145px;} .grade_list.type2 .col .grade_cont .grade_view { padding-left: 0;} .grade_list.type2 .col .grade_cont .class { margin-left: -20px;} .grade_list.type2 .col .icon { display: none;} .grade_list.type3 { position: relative;} .grade_list.type3 .tit_col { position: absolute; left: 0; top: 0;} .grade_list.type3 .tit_col .hgroup { background-color: #0175d4; text-align: center; height: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .grade_list.type3 .tit_col .hgroup strong { font-size: 26px;} .grade_list.type3 .tit_col .grade_cont { height: 228px;} .grade_list.type3 .row-group { overflow: hidden; margin-left: 330px; min-height: 350px; width: calc(100% - 330px);} .grade_list.type3 .row-group .col { width: calc(16.666% - 25px);} .grade_list.type3 .row-group .col + .col { margin-left: 30px;} .grade_list.type3 .row-group .col:nth-child(7) { margin-left: 0;} .grade_list.type3 .row-group .grade_cont { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 104px; padding: 0 15px;} .grade_list.type3 .row-group .grade_cont .grade_view { padding-left: 0;} .grade_list.type3 .row-group .grade_cont .grade_view .class { font-size: 36px; margin-left: -20px;} .grade_list.type3 .row-group .hgroup { height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .grade_list.type3 .row-remain { overflow: hidden;} .grade_list.type3 .row-remain .col { width: calc(12.5% - 26.25px);} .grade_list.type3 .row-remain .col + .col { margin-left: 30px;} .grade_list.type3 .row-remain .col:nth-child(8n+1) { margin-left: 0;} .grade_list.type3 .row-remain .grade_cont { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 104px; padding: 0 15px;} .grade_list.type3 .row-remain .grade_cont .grade_view { padding-left: 0;} .grade_list.type3 .row-remain .grade_cont .grade_view .class { font-size: 36px; margin-left: -20px;} .grade_list.type3 .row-remain .hgroup { height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}#ssAnlsRsltModal { z-index: 1010; width: 100%; padding: 0 0 0 0 ;} .modal_black { z-index: 1; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0.5; width: 100%; height: 100%;} .modal_container { position: relative; z-index: 2; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .modal_header { border-radius: 10px 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: -webkit-gradient(linear, left top, right top, from(#0077d2), to(#00b268)); background: linear-gradient(to left, #0077d2 0%, #00b268 100%); padding: 0 25px; height: 50px;} .modal_header h2 { color: #fff; font-weight: 400; font-size: 18px;} .modal_header .close { background: url("../images/report/close.png") no-repeat 50% 50%; width: 15px; height: 15px; display: block; font-size: 0;} .modal_content { background-color: #fff; padding: 25px; border-radius: 0 0 10px 10px;} .table { border-top: 1px solid #000;} .table table { border-spacing: 0px; border-collapse: collapse; width: 100%;} .table table caption { display: none;} .table table th,.table table td { border-bottom: 1px solid #ddd; padding: 15px 0; font-size: 14px; text-align: center;} .table table .text-right { text-align: right; padding-right: 20px;} .table table th { background-color: #fafafa;} .table table .font-color-1 { color: #666666;} .table table .font-color-2 { color: #0175d4;} .table table .font-color-3 { color: #03b267;} .table table th + th { border-left: 1px solid #ddd;} .table table td + td { border-left: 1px solid #ddd;} .table table th + td { border-left: 1px solid #ddd;} .n-tit { color: #1aae88; font-size: 15px; font-weight: 600; margin-bottom: 15px; padding-left: 23px; background: url("../images/report/n-tit.png") no-repeat 0 0;} .benefit_list { margin-top: -20px; min-height: 400px;} .benefit_list:after { content: ""; display: block; clear: both; overflow: hidden;} .benefit_list .col { margin-top: 20px; border-radius: 10px 0 10px 0; overflow: hidden; border-top: 0; border: 1px solid #e0e0e0; float: left; width: calc(25% - 22.5px);} .benefit_list .col + .col { margin-left: 30px;} .benefit_list .row-group .col{ width: calc(50% - 16px);} .benefit_list .row-group .col + .col { margin-left: 31px;} .benefit_list .col:nth-child(4n+ 1) { margin-left: 0;} .benefit_list .hgroup { background-color: #7d8290; color: #fff; text-align: center; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .benefit_list .hgroup strong { font-size: 18px; font-weight: 400; color: #fff;} .benefit_list .cont { padding: 9px; height: 340px;} .benefit_list .cont.nodata { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .benefit_list .cont.nodata p { color: #666666; font-size: 14px; padding-bottom: 65px; background: url("../images/report/nodata.png") no-repeat 50% 99%;} .benefit_list .box { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fafafa; border: 1px solid #e0e0e0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 15px;} .benefit_list .box + .box { margin-top: 4px;} .benefit_list .tit_area span { color: #666666; font-size: 14px; white-space: nowrap;} .benefit_list .tit_area p { display: none;} .benefit_list .data_view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;} .benefit_list .data_view strong { font-weight: 700; font-size: 18px; color: #000;} .benefit_list .data_view p { font-size: 14px; color: #666666; margin-left: 5px; white-space: nowrap;} .benefit_list.type2 .col { width: calc(50% - 15px);} .benefit_list.type2 .col + .col { margin-left: 30px;} .benefit_list.type2 .col:nth-child(2n+1) { margin-left: 0;} .benefit_list.type2 .cont { height: 340px;} .benefit_list.type2 .tit_area p { display: block; background-repeat: no-repeat; background-position: 50% 50%; width: 41px; height: 37px; margin-top: 12px;} .benefit_list.type2 .tit_area .v1 { background-image: url("../images/report/bene-1.png");} .benefit_list.type2 .tit_area .v2 { background-image: url("../images/report/bene-2.png");} .benefit_list.type2 .tit_area .v3 { background-image: url("../images/report/bene-3.png");} .benefit_list.type2 .tit_area .v4 { background-image: url("../images/report/bene-4.png");} .benefit_list.type2 .tit_area .v5 { background-image: url("../images/report/bene-5.png");} .benefit_list.type2 .tit_area .v6 { background-image: url("../images/report/bene-6.png");} .benefit_list.type2 .data_view { display: block; padding-top: 33px;} .benefit_list.type2 .data_view strong { white-space: nowrap; font-size: 26px; font-weight: 800; position: absolute; right: 30px; top: 7px; padding-top: 13px;} .benefit_list.type2 .box { width: calc(50% - 2px); float: left; height: 104px; margin-top: 4px;} .benefit_list.type2 .box + .box { margin-left: 4px;} .benefit_list.type2 .box:nth-child(1), .benefit_list.type2 .box:nth-child(2) { margin-top: 0;} .benefit_list.type2 .box:nth-child(2n + 1) { margin-left: 0;} .benefit_list .row-group { overflow: hidden; margin-left: 655px; min-height: 400px; width: calc(100% - 656px);} .benefit_list .row-group:after { content: ""; display: block; clear: both; overflow: hidden;} .benefit_list .tit_col { width: calc(50% - 20px);} .benefit_list .tit_col .hgroup { background-color: #0175d4;} .benefit_list .tit_col .cont { height: 340px;} .benefit_list .tit_col .tit_area p { display: block; background-repeat: no-repeat; background-position: 50% 50%; width: 41px; height: 37px; margin-top: 12px;} .benefit_list .tit_col .tit_area .v1 { background-image: url("../images/report/bene-1.png");} .benefit_list .tit_col .tit_area .v2 { background-image: url("../images/report/bene-2.png");} .benefit_list .tit_col .tit_area .v3 { background-image: url("../images/report/bene-3.png");} .benefit_list .tit_col .tit_area .v4 { background-image: url("../images/report/bene-4.png");} .benefit_list .tit_col .tit_area .v5 { background-image: url("../images/report/bene-5.png");} .benefit_list .tit_col .tit_area .v6 { background-image: url("../images/report/bene-6.png");} .benefit_list .tit_col .data_view { display: block; padding-top: 33px;} .benefit_list .tit_col .data_view strong { white-space: nowrap; padding-top: 13px; font-size: 26px; font-weight: 800; position: absolute; right: 30px; top: 7px;} .benefit_list .tit_col .box { width: calc(50% - 2px); float: left; height: 104px; margin-top: 4px;} .benefit_list .tit_col .box + .box { margin-left: 4px;} .benefit_list .tit_col .box:nth-child(1), .benefit_list .tit_col .box:nth-child(2) { margin-top: 0;} .benefit_list .tit_col .box:nth-child(2n + 1) { margin-left: 0;}/** * innorix 다운로드 페이지 구성 css 230125 추가 */.file-page { text-align: center; padding: 120px 0 170px;} .file-page-text { padding-top: 380px; background: url("../images/common/file-logo.png") no-repeat 50% 0;} .file-page-text p:nth-child(1) { font-size: 18px; color: #000;} .file-page-text p:nth-child(2) { font-size: 15px; color: #666;} .file-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; border: 1px solid #d8d8d8; border-radius: 5px; margin-top: 45px;} .file-link span { display: inline-block; color: #666666; font-size: 15px; background: url("../images/common/icon-attach.png") no-repeat 0 0; padding-left: 20px; margin-right: 10px;} .file-link a { color: #0175d4; font-size: 15px; border-bottom: 1px solid #0175d4;} /* ----------------------------- focused_task(인덱스 내 목록 사용) ----------------------------- */ .focused_task { position: relative; background: #f1f2f4; padding: 50px 0 100px; } .focused_task .inner:after { content:""; clear:both; display:block; } .focused_task .focused_con { background: #fff; padding: 50px 100px; border-radius: 50px 0 50px 0; overflow: hidden; } .focused_task .focused_con > li { width: 50%; height: 170px; float: left; padding-left: 200px; background-repeat: no-repeat; } .focused_task .focused_con > li strong { display: block; } .focused_task .focused_con > li > span { display: block; margin-bottom: 25px; font-size: 18px; color: #222222; } .focused_task .focused_con > li ul li { position: relative; font-size: 14px; margin-bottom: 5px; line-height: 1; padding-left: 15px; } .focused_task .focused_con > li ul li:after { position: absolute; left: 0; top: 7px; display: block; content: ''; width: 7px; height: 2px; background: url(../images/sub/focused_bul.gif) no-repeat; } .focused_task .focused_con > li:first-child { background-image: url(../images/sub/focused_ico01.png); background-position: 49px 0; border-bottom: 1px solid #f1f2f4; border-right: 1px solid #f1f2f4; } .focused_task .focused_con > li:first-child + li { background-image: url(../images/sub/focused_ico02.png); background-position: 49px 0; } .focused_task .focused_con > li:first-child + li + li { padding-top: 45px; background-image: url(../images/sub/focused_ico03.png); background-position: 49px 47px; } .focused_task .focused_con > li:first-child + li + li + li { padding-top: 45px; background-image: url(../images/sub/focused_ico04.png); background-position: 49px 47px; border-left: 1px solid #f1f2f4; border-top: 1px solid #f1f2f4; } .focused_btn { position: absolute; bottom: -42px; left: 50%; transform: translatex(-50%); width: 346px; height: 80px; line-height: 80px; text-align-last: left; padding-left: 45px; color: #fff; font-size: 24px; background: #ec3154 url(../images/sub/focused_btn_arrow.png) no-repeat 275px center; border-radius: 50px; } .focused_btn2 { position: absolute; margin-top:70px; left: 50%; transform: translatex(-50%); width: 346px; height: 80px; line-height: 80px; text-align-last: left; padding-left: 45px; color: #fff; font-size: 24px; background: #ec3154 url(../images/sub/focused_btn_arrow.png) no-repeat 275px center; border-radius: 50px; } .focused_task div.index_list { width:49%; float:left; } .focused_task div.index_list:nth-child(odd) { margin-right:2%; } .focused_task div.index_list table { width:100%; } .focused_task .div__tb_title { height:80px; text-align:center; background-color:#37414d; border-radius:35px 0 0 0; padding:30px 0 0 0; position:relative; color:#03b267; font-size:24px; font-weight:bold; line-height:1; } .focused_task .table__list { border-collapse: collapse; margin-top:.3em; } .focused_task .table__list caption { display:none; } .focused_task .table__list thead tr th { padding:.5em 0; } .focused_task .table__list thead tr th span { border-bottom:5px solid #fec200; background-color:#fff; box-shadow:2px 2px 2px #f0f0f0; display:inline-block; width:100%; height:67px; line-height:67px; } .focused_task .table__list tbody tr td { padding:.5em 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .focused_task .table__list tbody tr td span { background-color:#fff; box-shadow:2px 2px 2px #f0f0f0; display:inline-block; width:100%; height:67px; line-height:67px; } /* ----------------------------- 리스트 상세 페이지 ----------------------------- */ .ContentDetail{margin-top: 10px;} .ContentDetail p.detailTitle {padding: 10px 5px; border: 1px solid black; text-align: center; font-weight: bold; margin: 10px 0;} /* ----------------------------- 공통기준, 개별기준 ----------------------------- */ div.contentList { width:29%; border:1px solid #000; display:inline-block; float:left; padding:10px; } div.contentDetail { width:70%; border:1px solid #000; display:inline-block; margin-left:1%; padding:10px; vertical-align:top; } div.contentDetail button.btn_item { border-radius:3em; border:4px solid #e0e0e0; padding:.5em; font-size:13px; box-sizing: border-box; } div.contentDetail button.btn_item:hover { background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #0175d3, #03b166) border-box; border: 4px solid transparent; } ul.ul-crtr-list { width:100%;display:inline-block;margin-top:10px; } ul.ul-crtr-list > li { position:relative; } ul.ul-crtr-list > li > input { float: left; position: relative; top:4px; margin-right: 5px; } ul.ul-crtr-list > li > span { vertical-align:top; margin-right:0.5em; } ul.ul-crtr-list > li > .subject { font-weight:900; } ul.ul-crtr-list > li > span.con-text { white-space: pre-wrap; overflow:auto; line-height:1.5em; } table.tb-ctrt-info form input[type=text], table.tb-ctrt-info form textarea { width:90% !important; margin-bottom:0.3em; } table.tb-ctrt-info form textarea { padding:10px; } table.tb-ctrt-info form label { display:inline-block; } table.tb-ctrt-info td span { line-height:2em; } /* ----------------------------- 전략별추진과제 Editor ----------------------------- */ div#cke_stpsCn img { max-width:700px; height:auto; } /* ----------------------------- 위원회 ----------------------------- */ .disPlayNone { display:none; } /*위원회 회의참석 위원 목록 */ .tbl_info.mtgMember tbody td { cursor: pointer; text-align: left;} .mtgMember .mtps { padding: 5px; border-radius: 10px; border: 1px solid #aaa; margin-right: 5px; text-align: center; } .mtgMember .mtps img { width: 16px; height: 13px; margin-top: 5px; margin-left: 5px;} .mtgMember a.active, .mtgMember a.selected { color: white; background-color:#185686; } .mtgMember a.addRow { background:lightgreen} .mtgMember a.delRow { background: lightpink;; text-decoration: line-through; color: black;} /* ----------------------------- 실행계획 처리방침 ----------------------------- */ .excelResultArea { margin: 0; padding: 0; justify-content: center; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .excelResultArea:before { display: inline-block; width: 1px; content: '';} .excelResultArea:after { display: inline-block; width: 1px; content: '';} .excelResultArea .item { margin-left : 30px; display: inline-block; text-align: center; line-height: 30px;} .excelResultArea .item .successCnt { color :blue; } .excelResultArea .item .failCnt { color :red; } /* ----------------------------- 개인정보 처리방침 ----------------------------- */ .privacy_header { border:3px solid #e0e2ea; padding:20px; background-color: #fff; } .privacy_title { margin:60px 0 15px 0; font-size:20px; font-weight:bold; color:#444; word-break:keep-all; text-align:center !important; } .privacy_label { width: 100%; box-sizing: border-box; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative; } .privacy_label > div.privacy_label_item { width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%); display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position: relative; transition: border .05s; } .privacy_label > div.privacy_label_item .label_tit { font-size: 14px; margin-top: 20px; font-weight: 400; color: #111; } .privacy_label > div.privacy_label_item > div.privacy_label_over { display:none; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #eee; width: 480px; z-index: 999; } .privacy_label > div.privacy_label_item > div.num1 { top: -2px; left: 110%; } .privacy_label > div.privacy_label_item > div.num2 { top: -2px; left: 110%; } .privacy_label > div.privacy_label_item > div.num3 { top: -2px; right: 110%; } .privacy_label > div.privacy_label_item > div.num4 { top: -2px; left: 110%; } .privacy_label > div.privacy_label_item > div.num5 { top: -2px; left: 110%; } .privacy_label > div.privacy_label_item > div.num6 { top: -2px; right: 110%; } .privacy_label > div.privacy_label_item:hover { border: solid 2px #0087b1;} .privacy_label > div.privacy_label_item:hover > div.privacy_label_over { display:block; } .privacy_label > div.privacy_label_item > div.privacy_label_over .label_desc_header { width: 100%; box-sizing: border-box; padding: 10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px; } .privacy_label > div.privacy_label_item > div.privacy_label_over .label_desc_header p { color:#fff; } .privacy_label > div.privacy_label_item > div.privacy_label_over .label_desc_body { width: 100%; box-sizing: border-box; padding: 15px 20px;} .label_desc_body ul.desc_list { display: flex; flex-flow: row wrap; } .label_desc_body ul.desc_list li { width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between; } .label_desc_body ul.desc_list li .desc_body_tit { width: 30%; font-weight: 400; color: #1647aa; word-break: keep-all; } .label_desc_body ul.desc_list li .desc_body_body { width: 68%; color: #333; font-size: 14px; } .cnt_list { width:85%; margin:10px auto; display: flex; flex-flow: row wrap; justify-content: space-between; } .cnt_list li { width:45%; margin: 15px 0; position: relative; box-sizing: border-box; } .cnt_list li a { color:#444; font-weight: bold; box-sizing: border-box; padding-left: 30px; height: 25px; display: block; } .cnt_list li:first-child a { background-image: url(../images/sub/privacy/img_object_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(2) a { background-image: url(../images/sub/privacy/img_period_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(3) a { background-image: url(../images/sub/privacy/img_private_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(4) a { background-image: url(../images/sub/privacy/img_third_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(5) a { background-image: url(../images/sub/privacy/img_consign_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(6) a { background-image: url(../images/sub/privacy/img_destruction_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(7) a { background-image: url(../images/sub/privacy/img_court_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(8) a { background-image: url(../images/sub/privacy/img_safe_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(9) a { background-image: url(../images/sub/privacy/img_cookie_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(10) a { background-image: url(../images/sub/privacy/img_cpo_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(11) a { background-image: url(../images/sub/privacy/img_browse_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:nth-child(12) a { background-image: url(../images/sub/privacy/img_help_20.png); background-repeat: no-repeat; background-position: 0 0; } .cnt_list li:last-child a { background-image: url(../images/sub/privacy/img_change_20.png); background-repeat: no-repeat; background-position: 0 0; } .tit_list { font-size: 18px; font-weight: 600; color: #333; box-sizing: border-box; margin: 20px 0 10px; vertical-align: middle; } .list_icon { margin-right: 5px; vertical-align: middle; } .tit_text { font-size: 20px; } .privacy_ul { margin-top:5px; margin-bottom: 30px; line-height: 1.8em; } .privacy_ul > li { margin: 4px 0 0 10px; padding-left: 20px; text-indent: -18px; } .privacy_ul > li.noBlank { padding: 0; text-indent: 0; } .privacy_box { border:1px solid #cdd3d9; padding:20px 30px; background-color: #f6f6f6 !important; } .privacy_box > ul > li { margin-left: 15px; text-indent: -18px; } .privacy_box .tit_rule { font-size: 16px; font-weight: normal;} .privacy_box .privacy_box_tit { color: #3b874d !important; font-weight: bold; } .privacy_box dl { margin: 0 0 0 10px;} .privacy_box dt { text-indent: -9px;} .privacy_box dd { text-indent: 0;} .sidms-privacy-tb { width:100%; background-color: #f6f6f6 !important; border-collapse: collapse; } .sidms-privacy-tb thead th { border: 1px solid #e0e0e0; border-top:1px solid #cdd3d9; padding: 20px 10px; text-align: center; font-size: 16px; } .sidms-privacy-tb caption { display:none; left:-99999999in; } .sidms-privacy-tb tbody td { border: 1px solid #e0e0e0; border-bottom: 1px solid #cdd3d9; padding: 10px 10px; text-align: left; font-size: 16px; word-break:break-all; } /* ----------------------------- 통합검색 ----------------------------- */ .header__top .header__search { position: absolute; width: 30%; right: 33%; top: 60%; transform: translateY(-45%); } .header__top .header__search__input { margin-bottom: 27px; position: relative; background: url(../images/common/search-line2.gif) no-repeat 0 100%; padding-bottom: 2px; } .header__top .header__search__input input[type="text"] { display: block; border: 0; background: transparent; text-align: center; width: 100%; height: 56px; color: #7f7f7f; font-size: 24px; } .header__top .header__search__input #btnUntSearch { position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../images/common/search-icon2.png) no-repeat 0 0; } .header__menu { border-bottom: 1px solid #e0e0e0; position: relative; } .header__menu #btnSearchOpen { position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/common/search-off.png); width: 57px; height: 57px; } .header__menu #btnSearchOpen.active { background-image: url(../images/common/search-on.png); } .header__menu .container { position: relative; z-index: 11; } .header__menu .header__gnb__bg { position: absolute; left: 0; top: 58px; width: 100%; background-color: #fff; height: 0; z-index: 10; opacity: 0; visibility: hidden; } .header.extend .header__menu .header__gnb__bg { height: 315px; opacity: 1; visibility: visible; } .header.extend #gnb > li ul { opacity: 1; visibility: visible; } /* GNB */ #gnb:after { content: ""; display: block; clear: both; overflow: hidden; } #gnb > li { float: left; position: relative; } #gnb > li + li { padding-left: 80px; } #gnb > li:hover > a { color: #1880a4; } #gnb > li:hover > a:after { content:""; position:absolute; display:inline-block; top:0; left:0; height:3px; width:100%; background-color:#1880a4; } #gnb > li > a { display: block; color: #222222; font-size: 18px; height: 57px; line-height: 57px; position:relative; } #gnb > li > a:hover, #gnb > li > a:focus { color: #1880a4; } #gnb > li > a.on { color: #1880a4; font-weight: bold; } #gnb > li > a.on:after { content:""; position:absolute; display:inline-block; top:0; left:0; height:3px; width:100%; background-color:#1880a4; } #gnb > li:nth-child(1) ul { left: 0; } /* #gnb > li:nth-child(4) { padding-left: 55px; } */ #gnb > li ul { position: absolute; top: 37px; padding-top: 40px; opacity: 0; visibility: hidden; transition: all 0.1s ease 0s; } #gnb > li ul li { line-height: 1; } #gnb > li ul li + li { padding-top: 17px; } #gnb > li ul li a { font-size: 14px; color: #666666; white-space: nowrap; } #gnb > li ul li a img { width:13px; height:13px; } #gnb > li ul li a:hover { text-decoration: underline; color: #000000; } #gnb > li ul li a.on { text-decoration: underline; color: #000000;} .black__dimmed { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: #000; visibility: hidden; opacity: 0; } .black__dimmed.extend { opacity: 0.6; visibility: visible; } #allSearchLayer.extend { transition: all 0.25s ease 0.2s; } #allSearchLayer.extend.extend { opacity: 1; visibility: visible; } .searchlayer { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 140px; width: 100%; background-color: #292e3e; height: 520px; } .searchlayer__wr { margin: 0 auto; width: 1280px; } .search__input { margin-top: 90px; position: relative; background: url(../images/common/search-line.gif) no-repeat 0 100%; } .search__input input[type="text"] { display: block; border: 0; background: transparent; text-align: center; width: 100%; height: 65px; color: #fff; font-size: 24px; } .search__input input[type="text"]::-webkit-input-placeholder { color: #fff; } .search__input input[type="text"]:-ms-input-placeholder { color: #fff; } .search__input #btnSearch { position: absolute; right: 30px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../images/common/search-icon.png) no-repeat 0 0; } .search__keyword__list { padding-top: 40px; text-align: center; } .search__keyword__list b { display: inline-block; vertical-align: top; color: #fff799; font-weight: 700; font-size: 18px; height: 38px; line-height: 38px; padding-left: 25px; background: url(../images/common/keyword-icon.png) no-repeat 0 50%; margin-right: 15px; } .search__keyword__list button { vertical-align: top; display: inline-block; border: 1px solid #c9c9c9; border-radius: 20px; padding: 0 19px; min-width: 100px; color: #fff; font-size: 16px; height: 38px; } .search__keyword__list button + button { margin-left: 16px; } /* ----------------------------- 통계현황 > 기반시설보고서, 분석결과 통계 ----------------------------- */ div.infrSymbol { display:inline-block;width:300px;margin-bottom:10px;margin-right:5px; } div.infrSymbol table { margin: 0 } div.infrSymbol span { font-weight:bold; font-size: 3em; } div.infrPevlSymbol { display:inline-block;width:155px;margin-right:5px; } div.infrPevlSymbol table { margin: 0 } div.infrPevlSymbol span { font-weight:bold; font-size: 3em; } div.infrLccaSymbol { display:inline-block;width:315px;margin-right:5px; } div.infrLccaSymbol table { margin: 0 } div.infrLccaSymbol span { font-weight:bold; font-size: 1.5em; } /* ----------------------------- 통계현황 > 기반시설보고서, 분석결과 통계 ----------------------------- */ div.infrAnlsrtTitle { } div.infrAnlsrtTitle .h4 { float: left; margin-top:10px; } div.infrAnlsrtTitle button { float: right; display: inline-block; padding: 0 25px; height: 36px; color: #fff; background: #0076c0; font-size: 14px; border-radius: 6px;} div.fullChart { margin-left:2px; margin-top:10px; margin-bottom:10px; width:1280px; min-height:550px;} div.chart { width:100%;} div.infrAnlsrt { width:100%; display: flex; margin-bottom:15px;} div.infrLccReport { width:100%; display: flex; margin-bottom:15px;} div.infrAnlsrMntn { flex:1; margin-right:10px; min-height: 350px;} div.infrAnlsrPfmnc { flex:2; min-height: 350px;} div.infrLccSymbol { flex:1; width:30%; margin-right:10px;} div.infrLccSymbol:last-child { margin-right:0px; } div.infrLccSymbol table { margin: 0 } div.infrLccSymbol span { font-weight:bold; font-size: 2em; } div.infrEfctAnlsrt { width:100%; display: flex; flex-wrap: wrap; margin-bottom:15px; min-height:750px; } div.infrEfctAnlsrtChart { width:33.3%; min-height: 375px; border:1px solid #e0e0e0;} /* ----------------------------- 종합성능 분석 -> 기대효과(230120) ----------------------------- */ .efct-list { overflow: hidden; } .efct-list .col { height: 312px; float: left; border-radius: 10px 0 0 0; margin-top: 20px; width: 396px; border: 1px solid #e0e0e0; } .efct-list .col:nth-child(3n+1) { clear: left; } .efct-list .col:nth-child(2) { margin-left: 45px; margin-right: 45px; } .efct-list .col:nth-child(5) { margin-left: 45px; margin-right: 45px; } .efct-list .col .data { height: 210px; border: 1px solid #e0e0e0; border-left: 0; border-right: 0; } .efct-list .col .hgroup { background-color: #fafafa; text-align: center; height: 50px; line-height: 50px; border-radius: 10px 0 0 0; font-size: 15px; color: #666666; } .efct-list .col .data-tit { height: 50px; text-align: center; line-height: 48px; font-size: 18px; } .efct-list .info-col { background-color: #d5ecf1; border: 0; padding: 30px 30px; padding-right: 0; } .efct-list .info-col ul li { position: relative; font-size: 14px; padding-left: 14px; } .efct-list .info-col ul li:before { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background: url("../images/sub/h4-icon.png") no-repeat 0 0; } .efct-list .info-col ul li b { font-weight: 400; color: #0175d4; display: block; letter-spacing: -0.04em; }u .efct-list .info-col ul li p { color: #666; letter-spacing: -0.04em; } .efct-list .info-col ul li + li { margin-top: 15px; } /* ---------------------------------------- 종합성능 관리 -> 분석설정 변경 -> 분석모델 설정 ---------------------------------------- */ .btnDeleteRow { display:inline-block; padding:0 18px; height:34px; color:#fff; background:#4d515a; font-size:14px; border-radius:6px; margin: 4px 0;} .btnDeleteRow:hover { background:#005498; } .btnDeleteRow:disabled { background: #ccc; cursor: default; } /* ---------------------------------------- GIS CSS ---------------------------------------- */ .setPostion1Btn { padding: 6px; background: #4d515a; font-size: 14px; color: #fff; border-radius: 6px; } .setPostion2Btn { padding: 6px; width:75px; height: 45px; background: #4d515a; font-size: 14px; color: #fff; border-radius: 6px; } .gisKeyword { float: left; margin-left: 25px; } .gis-form-inline { color: black; margin-top:5px; } .displayN { display: none; } .inlineBlock-w100 { display: inline-block; width:100%; }