/* Minification failed. Returning unminified contents. (973,75): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (973,112): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (973,155): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (990,23): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (995,23): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (996,24): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (997,28): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (998,27): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' (1000,32): run-time error CSS1039: Token not allowed after unary operator: '-borderWidth' */ @charset "UTF-8"; /*변수선언*/ @font-face { font-family: nbg; font-weight: 400; font-style: normal; src: url("/Content/font/NanumBarunGothic.eot"); src: url("/Content/font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("/Content/font/NanumBarunGothic.woff") format("woff"), url("/Content/font/NanumBarunGothic.ttf") format("truetype"); } .ico--loading { background-image: url("/Content/images/loading.gif"); background-repeat: no-repeat; background-position: 50% 0; background-size: auto; } .transparent-background, .blocker, #container .contents .blocker--loading { background-color: transparent; zoom: 1; } /*@mixin tbl-row($rowN) { height: ($rowN * $rowHeight); max-height: ($rowN * $rowHeight); }*/ /*버튼 only text*/ /*버튼 only icon*/ /*버튼 text+icon*/ /*result default*/ /*autocomp*/ /*heading*/ /*http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; } /*HTML5 display-role reset for older browsers*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } q:before, q:after { content: ''; content: none; } table { border-spacing: 0; border-collapse: collapse; } /*reset*/ body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, table { font-family: tahoma, dotum, "돋움"; font-size: 12px; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; color: #363636; } a, em, label, span, strong, button { display: inline-block; } address, em { font-style: normal; } caption { font-size: 0; line-height: 0; visibility: hidden; overflow: hidden; width: 0; height: 0; padding: 0; } dd, dl, ol, ul, form, fieldset { margin: 0; padding: 0; } legend { position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; visibility: hidden; overflow: hidden; width: 0; height: 0; padding: 0; } input, select, textarea { font-size: 12px; line-height: 1; margin: 0; padding: 0; vertical-align: top; color: #363636; } label, button { cursor: pointer; } button { overflow: visible; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; } button::-moz-focus-inner { padding: 0; border: 0; } a, button { cursor: pointer; text-align: left; text-decoration: none; color: #363636; } a:link, button:link { text-decoration: none; } a:hover, a:focus, button:hover, button:focus { text-decoration: underline; color: #ca527a; } a:disabled, button:disabled { color: #adadad !important; cursor: default; text-decoration: none !important; } a:disabled:hover, a:disabled:focus, button:disabled:hover, button:disabled:focus { text-decoration: none !important; } /*base*/ .blind { display: none !important; } .hide, .header .logo a, .header .gnb--1dep > li > a, .lay--wrap .lay--label { position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 0; height: 0; text-indent: -9999px; } .taL { text-align: left !important; } .taC { text-align: center !important; } .taR { text-align: right !important; } .taT { vertical-align: top !important; } .fc { clear: both; } .fl { float: left; } .fr { float: right; } .tcr { color: #e20400 !important; } .tcb { color: #005dde !important; } .tcn { color: #363636 !important; } .fwb { font-weight: bold; } .tcp { color: #ca527a !important; } .tcfg{color:#962e45 !important;} /*item--flash*/ .nopd {padding: 0;} .pl0{padding-left:0} .mt25{margin-top:25px !important;} .mt15{margin-top:15px !important;} .ml6{margin-left:6px !important;} ol:before, ol:after, ul:before, ul:after { display: block; content: ''; } ol:after, ul:after { clear: both; } .clear--wrap { vertical-align: middle; position: relative; border: 1px solid #ababab; background-color: #fff; } .clear--wrap input[type=text], .clear--wrap input[type=password] { border: 0; padding-right: 20px; } .clear--wrap .btn--clear { width: 17px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 0; position: absolute; right: 3px; top: 5px; padding: 4px; } input[type=text], input[type=password], textarea { height: 26px; padding: 0 5px; color: #363636; border: 0; line-height: 14px; } input[type=text]::-ms-clear, input[type=text]::-ms-reveal, input[type=password]::-ms-clear, input[type=password]::-ms-reveal, textarea::-ms-clear, textarea::-ms-reveal { display: none; } textarea { line-height: 1.5; border: 1px solid #ababab; background-color: #fff; padding: 10px; } /*ie9 hack*/ @media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) { input[type=text], input[type=password] { line-height: 28px; } } /*ie10+ hack*/ select { padding: 5px 3px; } select:disabled, select[disabled] { background-color: #f9f9f9; border: 1px solid #c4c4c4; color: #bbb; } /* 레이어 > Select 형식 */ .selectList{position:relative;width:100%} .selectList .allList{position:relative;height:26px;line-height:26px;border:1px solid #767676;border-radius:2px;background:#fff;cursor:pointer;padding:0px 25px 0 8px;margin:0;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .selectList .allList:after{content:'';display:block;position:absolute;right:3px;top:50%;margin-top:-2px;width:11px;height:7px;background-image:url("/content/images/icon_select.png");background-repeat:no-repeat;background-position:0 0} /*.selectList .allList.on i{background-image:url("../images/icon_select_on.png");}*/ .selectList .allList option{display:none;width:0;height:0;font-size:0;opacity:0;text-indent:-9999px;z-index:-50;visibility:hidden} .selectList .txt_disabled{height:18px} .selectList .lay--list{position:absolute;left:0;top:26px;z-index:4;width:100%;background:#fff;overflow-y:auto;} .selectList .lay--list ul{border:1px solid #ccc;margin:0;overflow-y:auto;max-height:250px;padding:8px 0;} .selectList .lay--list ul li{position:relative;cursor:pointer;vertical-align:top;} .selectList .lay--list ul li label{color:#000;display:block !important;padding:6px 5px 6px 24px;text-indent:-19px;line-height:16px;margin-right:0 !important;letter-spacing:-0.5px;} /*.selectList .lay--list ul li:hover, .selectList .lay--list ul li:focus{background-color:#e7edff;} .selectList .lay--list ul li:hover label, .selectList .lay--list ul li:focus label{color:#ca527a;}*/ .selectList .lay--list ul li .checks{display:block;margin-top:0 !important;} .selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+label{outline:none;} .selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+input+label{outline:none} .selectList .select_area ul{margin:0} .selectList .select_area ul li{float:left;display:block;margin:0 10px 0 3px;color:#1391c0;word-break:keep-all;white-space:nowrap} .selectList .select_area ul li button{background:url(/Content/img/icon/icon_delete.gif) no-repeat center center;display:inline-block;width:11px;height:11px;text-indent:-9999px;margin:0 5px;border:0 none;} .checks { /*check, radio common*/ position: relative; display: inline-block; /*checkbox*/ /*radio*/ } .checks input[type='checkbox'], .checks input[type='radio'] { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .checks input[type='checkbox'] + label { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type='checkbox'] + label:before { display: inline-block; width: 14px; height: 14px; margin: -2px 5px 0 0; content: ' '; vertical-align: middle; background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .checks input[type='checkbox']:checked + label:before { background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left -14px; background-size: auto; } .checks input[type='checkbox']:disabled + label:before { background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left -28px; background-size: auto; } .checks input[type='checkbox']:checked:disabled + label:before { background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left -42px; background-size: auto; } .checks input[type='radio'] + label { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type='radio'] + label:before { display: inline-block; width: 13px; height: 13px; margin: -2px 5px 0 0; content: ''; vertical-align: middle; background-color: #fff; background-image: url("/Content/images/bg_radio.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .checks input[type='radio']:checked + label:before { background-image: url("/Content/images/bg_radio.png"); background-repeat: no-repeat; background-position: left -13px; background-size: auto; /*border-color: #a39e9f; background: #fff;*/ } .checks input[type='radio']:checked + label:after { /*position: absolute; top: 7px; left: 4px; width: 5px; height: 5px; content: ''; background: #9c231d; @include border-radius(100%);*/ } .checks input[type='radio']:disabled + label:before { background-image: url("/Content/images/bg_radio.png"); background-repeat: no-repeat; background-position: left -26px; background-size: auto; } .pay-chk.checks input[type='radio'].disabled + label:before { background-image: url("/Content/images/bg_radio.png?v=200603"); background-repeat: no-repeat; background-position: left -39px; background-size: auto; } .checks label { margin-right: 10px; } .chkR {float:right;padding-top:5px} /*file*/ .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .filebox label { display: inline-block; padding: 4px 12px; line-height: 1.5; font-size: 12px; text-align: center; color: #363636; background: #fcfcfc; border: 1px solid #b7b7b7; vertical-align: middle; cursor: pointer; } .filebox .upload--name { display: inline-block; width: 260px; background-color: #fff; border: 1px solid #b7b7b7; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*skip*/ .skip { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; } .skip a { font-size: 0; display: block; width: 0; height: 0; } .skip a:focus { font-size: 14px; display: block; width: 100%; height: 16px; padding: 16px 0 20px; text-align: center; color: #fff; background: #1e376d; } svg *, .amcharts-balloon-div > div { font-family: tahoma, dotum !important; } /*blocker*/ .blocker, #container .contents .blocker--loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 4; background: #000; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; /*ie8*/ } /**************************************************/ /*layout*/ body { height: 100vh; overflow-y: scroll; } .inside { position: relative; width: 1256px; margin: 0 auto; } .header { position: absolute; left: 0; top: 74px; width: 100%;height:73px; min-width: 1256px; z-index: 1; border-top: 1px solid #9c102c; background-image: url("/Content/images/header_patt.gif"); background-repeat: repeat-x; background-position: left top; background-size: auto; background: url("/Content/images/header_patt.gif") left top repeat-x; background-color:#252525} .header.shide { transition: top linear 200ms; top: 0 !important; } .header.js-expanded {height:424px;background-color: #fff;padding-bottom: 2px; z-index: 7; transition: 0 } .header.js-expanded:before{position:absolute;left:0;bottom:0;content:'';display:block;width:100%;height:2px;background: url("/Content/images/gnb_bottom.png") center bottom no-repeat !important; } .header.js-expanded .gnb--1dep .gnb--2dep { display: block; } .header.js-expanded .gnb--1dep .gnb--2dep > li:last-child{} .header .logo { position: absolute; left: -5px; top: 19px; width: 163px; height: 32px; background-image: url("/Content/images/logo.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index:1} .header .logo a { display: block; width: 100%; height: 100%; } .header .gnb { position:absolute;width: 100%; margin: 0 auto; /*overflow: hidden;*/ } .header .gnb a:hover { text-decoration: underline; } .header .gnb--1dep.js-noAnimtaion { -webkit-transition: none; transition: none; } .header .gnb--1dep{width:850px;margin:auto;} .header .gnb--1dep > li > a { position: relative; display: block; width: 100%; height: 73px;line-height:73px; } .header .gnb--1dep > li.on, .header .gnb--1dep > li:hover { background-color: #000; } .header .gnb--1dep > li.on > a, .header .gnb--1dep > li:hover > a { overflow: visible; } .header.js-expanded .gnb--1dep > li.on > a:before, .header.js-expanded .gnb--1dep > li:hover > a:before { content: ''; display: block; position: absolute; left: 89px; bottom: -16px; width: 9px; height: 5px; background-image: url("/Content/images/gnb_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index:1} .header .gnb--1dep > li.on > a:after, .header .gnb--1dep > li:hover > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #94243b; } /*.header .gnb--1dep > li.on > ul, .header .gnb--1dep > li:hover > ul { background-image: url("/Content/images/gnb_pt_new.png"); background-repeat: repeat-y; background-position: center 0; background-size: auto; }*/ /* nav 7개*/ .header .gnb--1dep > li { float: left;width:117px; background-image: url("/Content/images/gnb_220802.png"); background-repeat: no-repeat; background-position: left center; background-size: auto; } .header .gnb--2dep > li > a:hover { background-color: #fdf8f9; color: #94243b; background-image: url("/Content/images/gnb_pt_new.png"); background-repeat: repeat-y; background-position: center 0; background-size: auto;} .header .gnb--2dep > li > a.is3dep { background-image: url("/Content/images/gnb_2dep_new.png"); background-repeat: no-repeat; background-position: 0 top; background-size: auto; } .header .gnb--1dep > li > ul:after{content:'';display:block;position:absolute;left:0;top:30px;width:100%;height:100%;background-image: url("/Content/images/gnb_pt_new.png"); background-repeat: repeat-y; background-position: center 0; background-size: auto;z-index:-1 } .header .gnb--1dep > li.gnb--1dep__num0 {width:104px} .header .gnb--1dep > li.gnb--1dep__num3 {width:128px} .header .gnb--1dep > li.gnb--1dep__num4 {width:104px} .header .gnb--1dep > li.gnb--1dep__num6 {width:74px} .header .gnb--1dep > li.gnb--1dep__num0, .header .gnb--1dep > li.p1 { background-position: 0 29px; } .header .gnb--1dep > li.gnb--1dep__num1, .header .gnb--1dep > li.p2 { background-position: -102px 29px;} .header .gnb--1dep > li.gnb--1dep__num2, .header .gnb--1dep > li.p3 { background-position: -220px 29px; } .header .gnb--1dep > li.gnb--1dep__num3, .header .gnb--1dep > li.p4 { background-position: -336px 29px; } .header .gnb--1dep > li.gnb--1dep__num4, .header .gnb--1dep > li.p5 { background-position: -463px 29px; } .header .gnb--1dep > li.gnb--1dep__num5, .header .gnb--1dep > li.p6 { background-position: -637px 29px; } .header .gnb--1dep > li.gnb--1dep__num6, .header .gnb--1dep > li.p7 { background-position: -566px 29px; } .header.js-expanded .gnb--1dep > li.gnb--1dep__num0 > a:before, .header.js-expanded .gnb--1dep > li.p1 > a:before {left:-115px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num1 > a:before, .header.js-expanded .gnb--1dep > li.p2 > a:before {left:-40px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num2 > a:before, .header.js-expanded .gnb--1dep > li.p3 > a:before {left:20px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num3 > a:before, .header.js-expanded .gnb--1dep > li.p4 > a:before {left:80px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num4 > a:before, .header.js-expanded .gnb--1dep > li.p5 > a:before {left:130px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num5 > a:before, .header.js-expanded .gnb--1dep > li.p6 > a:before {left:205px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num6 > a:before, .header.js-expanded .gnb--1dep > li.p7 > a:before {left:270px} .header .gnb--1dep > li.gnb--1dep__num6 .gnb--2dep li:nth-of-type(4) .gnb--3dep li a, .header .gnb--1dep > li.gnb--1dep__num6 .gnb--2dep li.m3 .gnb--3dep li a, .header .gnb--1dep > li.p6 .gnb--2dep li:nth-of-type(4) .gnb--3dep li a, .header .gnb--1dep > li.p6 .gnb--2dep li.m3 .gnb--3dep li a { letter-spacing: 0; } .header .gnb--2dep { display: none; position:absolute;left:0;top:73px;width: 180px; padding-bottom:70px;} .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(2) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(3) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m2 .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m3 .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m4 .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(2) .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(3) .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li.m2 .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li.m3 .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li.m4 .gnb--3dep { width: 536px; position: absolute; } .header .gnb--1dep > li.gnb--1dep__num6 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num6 .gnb--2dep li.m3 .gnb--3dep, .header .gnb--1dep > li.p6 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.p6 .gnb--2dep li.m3 .gnb--3dep { width: 536px; position: absolute; } .header .gnb--1dep li.gnb--1dep__num0 .gnb--2dep{left:0;} .header .gnb--1dep li.gnb--1dep__num1 .gnb--2dep{left:179px;} .header .gnb--1dep li.gnb--1dep__num2 .gnb--2dep{left:358px;} .header .gnb--1dep li.gnb--1dep__num3 .gnb--2dep{left:537px;} .header .gnb--1dep li.gnb--1dep__num4 .gnb--2dep{left:716px;} .header .gnb--1dep li.gnb--1dep__num5 .gnb--2dep{left:895px;} .header .gnb--1dep li.gnb--1dep__num6 .gnb--2dep{left:1074px;} /* //////////////////////////// */ /* nav 6개 */ /*.header .gnb--1dep > li { float: left; width:135px; background-image: url("/Content/images/gnb_new.png?v=5"); background-repeat: no-repeat; background-position: left center; background-size: auto; } .header .gnb--1dep > li > ul:after{content:'';display:block;position:absolute;left:0;top:30px;width:100%;height:100%;background-image: url("/Content/images/gnb_pt_6.png"); background-repeat: repeat-y; background-position: center 0; background-size: auto;z-index:-1 } .header .gnb--1dep > li.gnb--1dep__num0 {width:127px} .header .gnb--1dep > li.gnb--1dep__num4 {width:117px} .header .gnb--1dep > li.gnb--1dep__num5 {width:100px} .header .gnb--1dep > li.gnb--1dep__num0, .header .gnb--1dep > li.p1 { background-position: 12px 29px; } .header .gnb--1dep > li.gnb--1dep__num1, .header .gnb--1dep > li.p2 { background-position: -93px 29px;} .header .gnb--1dep > li.gnb--1dep__num2, .header .gnb--1dep > li.p3 { background-position: -209px 29px; } .header .gnb--1dep > li.gnb--1dep__num3, .header .gnb--1dep > li.p4 { background-position: -331px 29px; } .header .gnb--1dep > li.gnb--1dep__num4, .header .gnb--1dep > li.p5 { background-position: -454px 29px; } .header .gnb--1dep > li.gnb--1dep__num5, .header .gnb--1dep > li.p6 { background-position: -553px 29px; } .header .gnb--1dep > li.gnb--1dep__num6, .header .gnb--1dep > li.p7 { background-position: -641px 29px; } .header .gnb--2dep { display: none; position:absolute;left:0;top:73px;width: 210px; padding-bottom:70px;} .header .gnb--1dep li.gnb--1dep__num0 .gnb--2dep{left:0;} .header .gnb--1dep li.gnb--1dep__num1 .gnb--2dep{left:209px;} .header .gnb--1dep li.gnb--1dep__num2 .gnb--2dep{left:418px;} .header .gnb--1dep li.gnb--1dep__num3 .gnb--2dep{left:627px;} .header .gnb--1dep li.gnb--1dep__num4 .gnb--2dep{left:836px;} .header .gnb--1dep li.gnb--1dep__num5 .gnb--2dep{left:1045px;} .header .gnb--1dep li.gnb--1dep__num6 .gnb--2dep{left:1254px;} .header .gnb--2dep > li > a:hover { background-color: #fdf8f9; color: #94243b; background-image: url("/Content/images/gnb_pt_6.png"); background-repeat: repeat-y; background-position: center 0; background-size: auto;} .header .gnb--2dep > li > a.is3dep { background-image: url("/Content/images/gnb_2dep_6.png"); background-repeat: no-repeat; background-position: 0 top; background-size: auto; } .header.js-expanded .gnb--1dep > li.gnb--1dep__num0 > a:before, .header.js-expanded .gnb--1dep > li.p1 > a:before {left:-105px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num1 > a:before, .header.js-expanded .gnb--1dep > li.p2 > a:before {left:-20px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num2 > a:before, .header.js-expanded .gnb--1dep > li.p3 > a:before {left:55px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num3 > a:before, .header.js-expanded .gnb--1dep > li.p4 > a:before {left:125px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num4 > a:before, .header.js-expanded .gnb--1dep > li.p5 > a:before {left:200px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num5 > a:before, .header.js-expanded .gnb--1dep > li.p6 > a:before {left:295px} .header.js-expanded .gnb--1dep > li.gnb--1dep__num6 > a:before, .header.js-expanded .gnb--1dep > li.p7 > a:before {left:400px} .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(2) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(3) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m2 .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m3 .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m4 .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(2) .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(3) .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li.m2 .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li.m3 .gnb--3dep, .header .gnb--1dep > li.p4 .gnb--2dep li.m4 .gnb--3dep { width: 626px; position: absolute; } .header .gnb--1dep > li.gnb--1dep__num5 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.gnb--1dep__num5 .gnb--2dep li.m3 .gnb--3dep, .header .gnb--1dep > li.p6 .gnb--2dep li:nth-of-type(4) .gnb--3dep, .header .gnb--1dep > li.p6 .gnb--2dep li.m3 .gnb--3dep { width: 626px; position: absolute; } */ /* //////////////////////////// */ .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(2) .gnb--3dep li, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(3) .gnb--3dep li, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li:nth-of-type(4) .gnb--3dep li, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m2 .gnb--3dep li, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m3 .gnb--3dep li, .header .gnb--1dep > li.gnb--1dep__num3 .gnb--2dep li.m4 .gnb--3dep li, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(2) .gnb--3dep li, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(3) .gnb--3dep li, .header .gnb--1dep > li.p4 .gnb--2dep li:nth-of-type(4) .gnb--3dep li, .header .gnb--1dep > li.p4 .gnb--2dep li.m2 .gnb--3dep li, .header .gnb--1dep > li.p4 .gnb--2dep li.m3 .gnb--3dep li, .header .gnb--1dep > li.p4 .gnb--2dep li.m4 .gnb--3dep li { width: 30%; display: inline-block; } .header .gnb--1dep > li.gnb--1dep__num5 .gnb--2dep li:nth-of-type(4) .gnb--3dep li, .header .gnb--1dep > li.gnb--1dep__num5 .gnb--2dep li.m3 .gnb--3dep li, .header .gnb--1dep > li.p6 .gnb--2dep li:nth-of-type(4) .gnb--3dep li, .header .gnb--1dep > li.p6 .gnb--2dep li.m3 .gnb--3dep li { width: 30%; display: inline-block; } .header .gnb--2dep li.gnb--2dep__title{position:relative;font-weight:bold;font-size:15px;padding:0 15px 16px} .header .gnb--2dep li.gnb--2dep__title:before{content:'';display:block;position:absolute;left:0;top:50%;width:4px;height:15px;background-color:#962e45;} .header .gnb--2dep > li:first-child{padding-top:30px} .header .gnb--2dep > li > a { display: block; line-height: 25px; height: 25px; padding: 0 15px; color: #222; font-size:13px;} .header .gnb--2dep > li > a.is3dep:hover { background-position: 0 -25px; } .header .gnb--2dep > li > a.is3dep.on { background-position: 0 -50px; background-color: #962e45; color: #fff; } .header .gnb--2dep > li > span { display: block; line-height: 25px; height: 25px; padding: 0 15px; color: #bbb !important; } .header .gnb--2dep > li.on > a { color: #ddd; } .header .gnb--2dep > li.on > .gnb--3dep { display: block; } .header .gnb--3dep { display: none; background: #f5f5f5 !important; padding: 9px 0; border: 1px solid #e1e1e1;z-index:1 } .header .gnb--3dep > li > a { display: block; padding: 3px 2px 4px 14px; background-image: url("/Content/images/gnb_3dep.gif"); background-repeat: no-repeat; background-position: 8px 0; background-size: auto; color: #374146; letter-spacing: -1px; } .header .gnb--3dep > li > a:hover { background-position: 8px -25px; color: #94243b; } .header .gnb--3dep > li > span { display: block; padding: 3px 0px 4px 17px; background-image: url("/Content/images/gnb_3dep.gif"); background-repeat: no-repeat; background-position: 8px -50px; background-size: auto; letter-spacing: -1px; color: #bbb !important; } .header .util { position: absolute; right: 0; top: 8px; width: 240px; /*util*/ /*util*/ } .header .util > a, .header .util > .lay--wrap { display: inline-block; } .header .util .inp fieldset { position: relative; margin: 0 auto; width: 240px; } .header .util .inp fieldset:after{content:'';display:block;clear:both;} .header .util .inp fieldset input[type=text], .header .util .inp fieldset input[type=password] { float:left;width: 89px; height: 25px; font-size: 11px; border: 1px solid #6b6a7c; -webkit-text-fill-color:white;color:#fff;background-color: #626167; -webkit-box-shadow: 0 0 0 0 #4f4e54 inset;margin-right:5px;box-sizing:border-box;} /* placeholder 브라우저별 폰트 색상 지정 */ .header .util .inp fieldset input[type=text]::placeholder{color:#aaa9b9} .header .util .inp fieldset input[type=password]::placeholder{color:#aaa9b9} .header .util .inp fieldset input[type=text]::-webkit-input-placeholder{color:#aaa9b9} .header .util .inp fieldset input[type=password]::-webkit-input-placeholder{color:#aaa9b9} .header .util .inp fieldset input[type=text]:-ms-input-placeholder{color:#aaa9b9} .header .util .inp fieldset input[type=password]:-ms-input-placeholder{color:#aaa9b9} .header .util .inp fieldset input[type=text]:-webkit-autofill, .header .util .inp fieldset input[type=password]:-webkit-autofill{-webkit-text-fill-color:white;transition: background-color 5000s ease-in-out 0s;} .header .util .inp fieldset input[type=text]:-webkit-autofill:hover, .header .util .inp fieldset input[type=password]:-webkit-autofill:hover, .header .util .inp fieldset input[type=text]:-webkit-autofill:focus, .header .util .inp fieldset input[type=password]:-webkit-autofill:focus, .header .util .inp fieldset input[type=text]:-webkit-autofill:active, .header .util .inp fieldset input[type=password]:-webkit-autofill:active{-webkit-text-fill-color:white;transition: background-color 5000s ease-in-out 0s;} .header .util .inp fieldset .btn--login {float:left;width: 50px; height: 25px; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #94243b; border: 1px solid #94243b; padding: 0; font-size: 11px; } .header .util .inp fieldset .btn--login:hover, .header .util .inp fieldset .btn--login:focus { color: #fff !important; text-decoration: none; } .header .util .inp .save { position: relative; margin-bottom: 2px; } .header .util .inp .save .checks { vertical-align: middle; font-size: 11px; color: #a3a3a3; } .header .util .inp .save .checks label { margin-right: 15px; } .header .util .inp .save .checks input[type='checkbox'] + label:before { background-image: url("/Content/images/bg_check2.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .header .util .inp .save .checks input[type='checkbox']:checked + label:before { background-image: url("/Content/images/bg_check2.png"); background-repeat: no-repeat; background-position: left -14px; background-size: auto; } .header .util .inp .save .btn--text-ty2 { vertical-align: middle; color: #a3a3a3; padding: 5px 0; margin-left: 10px; } .header .util .inp .save .lay--wrap { margin-left: 25px; } .header .util .inp .save .lay--wrap .btn--text-ty2 { margin-left: 0; } .header .util .userid { padding: 1px 0 3px; background: #000; text-align: center; color: #424242; height: 20px; margin-top: 5px; } .header .util .userid span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*width: 107px;*/ color: #828282; font-size: 11px; line-height: 22px; height: 22px; text-align: left; margin: 0 auto; } .header .util .userid span:before { content: " | "; color: #3b3f41; padding: 0 4px; } .header .util .userid span:first-child { /*width: 124px;*/ text-align: right; } .header .util .userid span:first-child:before { content: ""; padding: 0; } .header .util .btn--util { vertical-align: middle; width: 55px; text-align: center; color: #828282; padding: 5px 0; } .header .util .btn--util:hover, .header .util .btn--util.on { color: #fff; text-decoration: none; } .header .util a.btn--util { width: 60px; text-align: left; } .header .util .lay--wrap:nth-of-type(3) .btn--util { text-align: right; } .header .util .lay--util { position: absolute; background: #fff; text-align: left; z-index: 5; z-index: 6; width: 144px; right: 50%; margin-right: -88px; border: 1px solid #5e6471; background: #1a1a1a; padding: 12px; } .header .util .lay--util:before { content: ""; background-image: url("/Content/images/util_arr.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; position: absolute; left: 50%; margin-left: -5px; top: -6px; width: 10px; height: 6px; z-index: 6; } .header .util .lay--util.join { width: 115px; margin-right: -72px; } .header .util .lay--util a { display: block; margin-top: 2px; padding: 4px 0 4px 30px; background-image: url("/Content/images/gnb_util.png?20240229"); background-repeat: no-repeat; background-position: left top; background-size: auto; color: #a3a3a3; } .header .util .lay--util a:first-child { margin-top: 0; } .header .util .lay--util a:hover, .header .util .lay--util a:focus { background-color: #962e45; color: #fff; text-decoration: none; background-image: url("/Content/images/gnb_util.png?20240229");background-position: -144px 0;} .header .util .lay--util a.join1 { background-position: 0 0; } .header .util .lay--util a.join1:hover, .header .util .lay--util a.join1:focus { background-position: -144px 0; } .header .util .lay--util a.join2 { background-position: 0 -21px; } .header .util .lay--util a.join2:hover, .header .util .lay--util a.join2:focus { background-position: -144px -21px; } .header .util .lay--util a.news1 { background-position: 0 -42px; } .header .util .lay--util a.news1:hover, .header .util .lay--util a.news1:focus { background-position: -144px -42px; } .header .util .lay--util a.news2 { background-position: 0 -63px; } .header .util .lay--util a.news2:hover, .header .util .lay--util a.news2:focus { background-position: -144px -63px; } .header .util .lay--util a.news3 { background-position: 0 -84px; } .header .util .lay--util a.news3:hover, .header .util .lay--util a.news3:focus { background-position: -144px -84px; } .header .util .lay--util a.cs1 { background-position: 0 -105px; } .header .util .lay--util a.cs1:hover, .header .util .lay--util a.cs1:focus { background-position: -144px -105px; } .header .util .lay--util a.cs2 { background-position: 0 -126px; } .header .util .lay--util a.cs2:hover, .header .util .lay--util a.cs2:focus { background-position: -144px -126px; } .header .util .lay--util a.cs3 { background-position: 0 -147px; } .header .util .lay--util a.cs3:hover, .header .util .lay--util a.cs3:focus { background-position: -144px -147px; } .header .util .lay--util a.cs4 { background-position: 0 -210px; } .header .util .lay--util a.cs4:hover, .header .util .lay--util a.cs4:focus { background-position: -144px -210px; } .header .util .lay--util a.my1 { background-position: 0 -272px; } .header .util .lay--util a.my1:hover, .header .util .lay--util a.my1:focus { background-position: -144px -272px; } .header .util .lay--util a.my2 { background-position: 0 -189px; } .header .util .lay--util a.my2:hover, .header .util .lay--util a.my2:focus { background-position: -144px -189px; } .header .util .lay--util a.my3 { background-position: 0 -252px; } .header .util .lay--util a.my3:hover, .header .util .lay--util a.my3:focus { background-position: -144px -252px; } .header .util .lay--util a.my4 { background-position: 0 -231px; } .header .util .lay--util a.my4:hover, .header .util .lay--util a.my4:focus { background-position: -144px -231px; } .header .util .lay--util a.my5 { background-position: 0 -293px; } .header .util .lay--util a.my5:hover, .header .util .lay--util a.my5:focus { background-position: -144px -293px; } .header .util .lay--util a.my6 { background-position: 0 -168px; } .header .util .lay--util a.my6:hover, .header .util .lay--util a.my6:focus { background-position: -144px -168px; } #container { margin-top: 105px; min-width: 1256px; overflow: hidden; } #container .contents { position: relative; width: 100%; padding-bottom: 70px; min-height: 850px; } #container .contents.isSide { width: 990px; float: left; } #container .contents .blocker--loading { position: absolute !important; top: 30px !important; } #container .heading { margin-bottom: 10px; min-height: 22px; } #container .heading .lay--wrap { margin: 1px 0 0 -30px; } #container .heading .h2 { /*R*/ /*C*/ /*O*/ /*D*/ /*S*/ /*M*/ /*F*/ /*N*/ /*CS*/ } #container .heading .h2--11 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } #container .heading .h2--12 { float: left; margin-right: 30px; width: 132px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -30px; background-size: auto; } #container .heading .h2--13 { float: left; margin-right: 30px; width: 97px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -60px; background-size: auto; } #container .heading .h2--14 { float: left; margin-right: 30px; width: 67px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -90px; background-size: auto; } #container .heading .h2--15 { float: left; margin-right: 30px; width: 125px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -120px; background-size: auto; } #container .heading .h2--161 { float: left; margin-right: 30px; width: 117px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -150px; background-size: auto; } #container .heading .h2--162 { float: left; margin-right: 30px; width: 102px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -180px; background-size: auto; } #container .heading .h2--163 { float: left; margin-right: 30px; width: 103px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -210px; background-size: auto; } #container .heading .h2--171 { float: left; margin-right: 30px; width: 80px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -240px; background-size: auto; } #container .heading .h2--172 { float: left; margin-right: 30px; width: 67px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -270px; background-size: auto; } #container .heading .h2--173 { float: left; margin-right: 30px; width: 120px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -300px; background-size: auto; } #container .heading .h2--174 { float: left; margin-right: 30px; width: 102px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -330px; background-size: auto; } #container .heading .h2--18 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -360px; background-size: auto; } #container .heading .h2--19 { float: left; margin-right: 30px; width: 125px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -420px; background-size: auto; } #container .heading .h2--20 { float: left; margin-right: 30px; width: 115px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -450px; background-size: auto; } #container .heading .h2--1A { float: left; margin-right: 30px; width: 115px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -510px; background-size: auto; } #container .heading .h2--211 { float: left; margin-right: 30px; width: 145px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -200px 0; background-size: auto; } #container .heading .h2--212 { float: left; margin-right: 30px; width: 112px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -200px -30px; background-size: auto; } #container .heading .h2--22 { float: left; margin-right: 30px; width: 145px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -200px -60px; background-size: auto; } #container .heading .h2--23 { float: left; margin-right: 30px; width: 145px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -200px -90px; background-size: auto; } #container .heading .h2--24 { float: left; margin-right: 30px; width: 60px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -200px -120px; background-size: auto; } #container .heading .h2--25 { float: left; margin-right: 30px; width: 140px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -200px -151px; background-size: auto; } #container .heading .h2--31 { float: left; margin-right: 30px; width: 122px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px 0; background-size: auto; } #container .heading .h2--32 { float: left; margin-right: 30px; width: 122px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -30px; background-size: auto; } #container .heading .h2--33 { float: left; margin-right: 30px; width: 115px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -60px; background-size: auto; } #container .heading .h2--34 { float: left; margin-right: 30px; width: 103px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -90px; background-size: auto; } #container .heading .h2--35 { float: left; margin-right: 30px; width: 95px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -120px; background-size: auto; } #container .heading .h2--36 { float: left; margin-right: 30px; width: 95px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -150px; background-size: auto; } #container .heading .h2--37 { float: left; margin-right: 30px; width: 80px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -180px; background-size: auto; } #container .heading .h2--41 { float: left; margin-right: 30px; width: 70px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } #container .heading .h2--421 { float: left; margin-right: 30px; width: 160px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -30px; background-size: auto; } #container .heading .h2--422 { float: left; margin-right: 30px; width: 140px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -60px; background-size: auto; } #container .heading .h2--423 { float: left; margin-right: 30px; width: 80px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -90px; background-size: auto; } #container .heading .h2--424 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -120px; background-size: auto; } #container .heading .h2--425 { float: left; margin-right: 30px; width: 95px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -150px; background-size: auto; } #container .heading .h2--426 { float: left; margin-right: 30px; width: 63px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -180px; background-size: auto; } #container .heading .h2--427 { float: left; margin-right: 30px; width: 133px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -210px; background-size: auto; } #container .heading .h2--428 { float: left; margin-right: 30px; width: 170px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -240px; background-size: auto; } #container .heading .h2--429 { float: left; margin-right: 30px; width: 133px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -270px; background-size: auto; } #container .heading .h2--4210 { float: left; margin-right: 30px; width: 95px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -300px; background-size: auto; } #container .heading .h2--4211 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -330px; background-size: auto; } #container .heading .h2--4212 { float: left; margin-right: 30px; width: 117px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -360px; background-size: auto; } #container .heading .h2--4213 { float: left; margin-right: 30px; width: 110px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -390px; background-size: auto; } #container .heading .h2--4214 { float: left; margin-right: 30px; width: 110px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -420px; background-size: auto; } #container .heading .h2--4215 { float: left; margin-right: 30px; width: 125px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -450px; background-size: auto; } #container .heading .h2--4216 { float: left; margin-right: 30px; width: 35px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -480px; background-size: auto; } #container .heading .h2--431 { float: left; margin-right: 30px; width: 105px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -510px; background-size: auto; } #container .heading .h2--432 { float: left; margin-right: 30px; width: 115px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -540px; background-size: auto; } #container .heading .h2--433 { float: left; margin-right: 30px; width: 133px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -570px; background-size: auto; } #container .heading .h2--434 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -600px; background-size: auto; } #container .heading .h2--435 { float: left; margin-right: 30px; width: 117px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -630px; background-size: auto; } #container .heading .h2--436 { float: left; margin-right: 30px; width: 117px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -660px; background-size: auto; } #container .heading .h2--437 { float: left; margin-right: 30px; width: 150px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -690px; background-size: auto; } #container .heading .h2--438 { float: left; margin-right: 30px; width: 60px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -720px; background-size: auto; } #container .heading .h2--439 { float: left; margin-right: 30px; width: 95px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -750px; background-size: auto; } #container .heading .h2--4310 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -780px; background-size: auto; } #container .heading .h2--4311 { float: left; margin-right: 30px; width: 125px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -810px; background-size: auto; } #container .heading .h2--441 { float: left; margin-right: 30px; width: 113px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -840px; background-size: auto; } #container .heading .h2--442 { float: left; margin-right: 30px; width: 91px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -870px; background-size: auto; } #container .heading .h2--443 { float: left; margin-right: 30px; width: 123px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -900px; background-size: auto; } #container .heading .h2--444 { float: left; margin-right: 30px; width: 133px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -930px; background-size: auto; } #container .heading .h2--445 { float: left; margin-right: 30px; width: 133px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -960px; background-size: auto; } #container .heading .h2--446 { float: left; margin-right: 30px; width: 152px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -990px; background-size: auto; } #container .heading .h2--447 { float: left; margin-right: 30px; width: 53px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1020px; background-size: auto; } #container .heading .h2--451 { float: left; margin-right: 30px; width: 167px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1050px; background-size: auto; } #container .heading .h2--452 { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1080px; background-size: auto; } #container .heading .h2--453 { float: left; margin-right: 30px; width: 120px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1110px; background-size: auto; } #container .heading .h2--454 { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1140px; background-size: auto; } #container .heading .h2--46 { float: left; margin-right: 30px; width: 85px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1170px; background-size: auto; } #container .heading .h2--47 { float: left; margin-right: 30px; width: 97px; height: 19px; background-image: url("/Content/images/heading_db.png"); background-repeat: no-repeat; background-position: 0 -1200px; background-size: auto; } #container .heading .h2--51 { float: left; margin-right: 30px; width: 80px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -600px 0; background-size: auto; } #container .heading .h2--61 { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px 0; background-size: auto; } #container .heading .h2--62 { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -30px; background-size: auto; } #container .heading .h2--71 { float: left; margin-right: 30px; width: 70px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -390px; background-size: auto; }/*환경설정*/ #container .heading .h2--711 { float: left; margin-right: 30px; width: 90px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -420px; background-size: auto; }/*My Analyst*/ #container .heading .h2--712 { float: left; margin-right: 30px; width: 120px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -450px; background-size: auto; }/*My Consensus*/ #container .heading .h2--72 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -90px; background-size: auto; } #container .heading .h2--73 { float: left; margin-right: 30px; width: 75px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -120px; background-size: auto; } #container .heading .h2--74 { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -150px; background-size: auto; } #container .heading .h2--75 { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -540px; background-size: auto; } #container .heading .h2--76 { float: left; margin-right: 30px; width: 110px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -600px; background-size: auto; } #container .heading .h2--77 { float: left; margin-right: 30px; width: 95px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -630px; background-size: auto; } #container .heading .h2--78 { float: left; margin-right: 30px; width: 130px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -660px; background-size: auto; } #container .heading .h2--81 { float: left; margin-right: 30px; width: 60px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -180px; background-size: auto; } #container .heading .h2--82 { float: left; margin-right: 30px; width: 200px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -210px; background-size: auto; } #container .heading .h2--83 { float: left; margin-right: 30px; width: 140px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -240px; background-size: auto; } #container .heading .h2--91 { float: left; margin-right: 30px; width: 140px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -270px; background-size: auto; } #container .heading .h2--92 { float: left; margin-right: 30px; width: 140px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -300px; background-size: auto; } #container .heading .h2--93 { float: left; margin-right: 30px; width: 110px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -330px; background-size: auto; } #container .heading .h2--94 { float: left; margin-right: 30px; width: 80px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -360px; background-size: auto; } #container .heading .h2--95 { float: left; margin-right: 30px; width: 130px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -390px; background-size: auto; } #container .heading .h2--95__1 { float: left; margin-right: 30px; width: 130px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -570px; background-size: auto; } #container .heading .h2--96 { float: left; margin-right: 30px; width: 70px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -420px; background-size: auto; } #container .heading .h2--97 { float: left; margin-right: 30px; width: 55px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -450px; background-size: auto; } #container .heading .h2--98 { float: left; margin-right: 30px; width: 185px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -480px; background-size: auto; } #container .heading .h2--99 { float: left; margin-right: 30px; width: 65px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -800px -510px; background-size: auto; } #container .heading .h2--docs { float: left; margin-right: 30px; width: 75px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -270px; background-size: auto; } #container .heading .h2--alert { float: left; margin-right: 30px; width: 225px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -300px; background-size: auto; } #container .heading .h2--docu { float: left; margin-right: 30px; width: 200px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: -400px -330px; background-size: auto; } #container .heading .h2--mz11 { float: left; margin-right: 10px; width: 130px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } #container .heading .h2--mz12 { float: left; margin-right: 10px; width: 160px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -30px; background-size: auto; } #container .heading .h2--mz13 { float: left; margin-right: 30px; width: 200px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -60px; background-size: auto; } #container .heading .h2--mz2 { float: left; margin-right: 10px; width: 50px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -90px; background-size: auto; } #container .heading .h2--mz3 { float: left; margin-right: 10px; width: 95px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -120px; background-size: auto; } #container .heading .h2--mz4 { float: left; margin-right: 30px; width: 50px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -150px; background-size: auto; } #container .heading .h2--mz5 { float: left; margin-right: 10px; width: 85px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -180px; background-size: auto; } #container .heading .h2--mz6 { float: left; margin-right: 30px; width: 75px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -210px; background-size: auto; } #container .heading .h2--mz7 { float: left; margin-right: 30px; width: 125px; height: 19px; background-image: url("/Content/images/heading_mz.png"); background-repeat: no-repeat; background-position: 0 -240px; background-size: auto; } #container .heading .lay--wrap { float: left; } #container .heading .tabMn { float: left; } #container .heading .tabMn li { float: left; } #container .heading .tabMn li:before { content: " | "; color: #e4e4e4; padding: 0 6px 0 10px; vertical-align: middle; } #container .heading .tabMn li:first-child:before { content: ""; padding: 0; } #container .heading .tabMn li button.tabMn--111 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } #container .heading .tabMn li button.tabMn--111.on { background-position: -100px 0; } #container .heading .tabMn li button.tabMn--112 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -20px; background-size: auto; } #container .heading .tabMn li button.tabMn--112.on { background-position: -100px -20px; } #container .heading .tabMn li button.tabMn--171 { margin-top: 4px; width: 78px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -380px; background-size: auto; } #container .heading .tabMn li button.tabMn--171.on { background-position: -100px -380px; } #container .heading .tabMn li button.tabMn--172 { margin-top: 4px; width: 78px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -400px; background-size: auto; } #container .heading .tabMn li button.tabMn--172.on { background-position: -100px -400px; } #container .heading .tabMn li button.tabMn--173 { margin-top: 4px; width: 78px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -420px; background-size: auto; } #container .heading .tabMn li button.tabMn--173.on { background-position: -100px -420px; } #container .heading .tabMn li button.tabMn--1A1 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -520px; background-size: auto; } #container .heading .tabMn li button.tabMn--1A1.on { background-position: -100px -520px; } #container .heading .tabMn li button.tabMn--1A2 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -540px; background-size: auto; } #container .heading .tabMn li button.tabMn--1A2.on { background-position: -100px -540px; } #container .heading .tabMn li button.tabMn--1A3 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -560px; background-size: auto; } #container .heading .tabMn li button.tabMn--1A3.on { background-position: -100px -560px; } #container .heading .tabMn li button.tabMn--241 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -40px; background-size: auto; } #container .heading .tabMn li button.tabMn--241.on { background-position: -100px -40px; } #container .heading .tabMn li button.tabMn--242 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -60px; background-size: auto; } #container .heading .tabMn li button.tabMn--242.on { background-position: -100px -60px; } #container .heading .tabMn li button.tabMn--243 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -80px; background-size: auto; } #container .heading .tabMn li button.tabMn--243.on { background-position: -100px -80px; } #container .heading .tabMn li button.tabMn--331 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -100px; background-size: auto; } #container .heading .tabMn li button.tabMn--331.on { background-position: -100px -100px; } #container .heading .tabMn li button.tabMn--332 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -120px; background-size: auto; } #container .heading .tabMn li button.tabMn--332.on { background-position: -100px -120px; } #container .heading .tabMn li button.tabMn--341 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -140px; background-size: auto; } #container .heading .tabMn li button.tabMn--341.on { background-position: -100px -140px; } #container .heading .tabMn li button.tabMn--342 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -160px; background-size: auto; } #container .heading .tabMn li button.tabMn--342.on { background-position: -100px -160px; } #container .heading .tabMn li button.tabMn--4211, #container .heading .tabMn li button.tabMn--4241, #container .heading .tabMn li button.tabMn--4251, #container .heading .tabMn li button.tabMn--4261, #container .heading .tabMn li button.tabMn--4281, #container .heading .tabMn li button.tabMn--42111, #container .heading .tabMn li button.tabMn--42161, #container .heading .tabMn li button.tabMn--4371, #container .heading .tabMn li button.tabMn--43101, #container .heading .tabMn li button.tabMn--4411, #container .heading .tabMn li button.tabMn--4421, #container .heading .tabMn li button.tabMn--4441, #container .heading .tabMn li button.tabMn--4471 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -180px; background-size: auto; } #container .heading .tabMn li button.tabMn--4211.on, #container .heading .tabMn li button.tabMn--4241.on, #container .heading .tabMn li button.tabMn--4251.on, #container .heading .tabMn li button.tabMn--4261.on, #container .heading .tabMn li button.tabMn--4281.on, #container .heading .tabMn li button.tabMn--42111.on, #container .heading .tabMn li button.tabMn--42161.on, #container .heading .tabMn li button.tabMn--4371.on, #container .heading .tabMn li button.tabMn--43101.on, #container .heading .tabMn li button.tabMn--4411.on, #container .heading .tabMn li button.tabMn--4421.on, #container .heading .tabMn li button.tabMn--4441.on, #container .heading .tabMn li button.tabMn--4471.on { background-position: -100px -180px; } #container .heading .tabMn li button.tabMn--4212, #container .heading .tabMn li button.tabMn--4242, #container .heading .tabMn li button.tabMn--4252, #container .heading .tabMn li button.tabMn--4262, #container .heading .tabMn li button.tabMn--4282, #container .heading .tabMn li button.tabMn--42112, #container .heading .tabMn li button.tabMn--42162, #container .heading .tabMn li button.tabMn--4372, #container .heading .tabMn li button.tabMn--43102, #container .heading .tabMn li button.tabMn--4412, #container .heading .tabMn li button.tabMn--4422, #container .heading .tabMn li button.tabMn--4442, #container .heading .tabMn li button.tabMn--4472 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -200px; background-size: auto; } #container .heading .tabMn li button.tabMn--4212.on, #container .heading .tabMn li button.tabMn--4242.on, #container .heading .tabMn li button.tabMn--4252.on, #container .heading .tabMn li button.tabMn--4262.on, #container .heading .tabMn li button.tabMn--4282.on, #container .heading .tabMn li button.tabMn--42112.on, #container .heading .tabMn li button.tabMn--42162.on, #container .heading .tabMn li button.tabMn--4372.on, #container .heading .tabMn li button.tabMn--43102.on, #container .heading .tabMn li button.tabMn--4412.on, #container .heading .tabMn li button.tabMn--4422.on, #container .heading .tabMn li button.tabMn--4442.on, #container .heading .tabMn li button.tabMn--4472.on { background-position: -100px -200px; } #container .heading .tabMn li button.tabMn--4311 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -220px; background-size: auto; } #container .heading .tabMn li button.tabMn--4311.on { background-position: -100px -220px; } #container .heading .tabMn li button.tabMn--4312 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -240px; background-size: auto; } #container .heading .tabMn li button.tabMn--4312.on { background-position: -100px -240px; } #container .heading .tabMn li button.tabMn--4341 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -260px; background-size: auto; } #container .heading .tabMn li button.tabMn--4341.on { background-position: -100px -260px; } #container .heading .tabMn li button.tabMn--4342 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -280px; background-size: auto; } #container .heading .tabMn li button.tabMn--4342.on { background-position: -100px -280px; } #container .heading .tabMn li button.tabMn--4521, #container .heading .tabMn li button.tabMn--4541 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -300px; background-size: auto; } #container .heading .tabMn li button.tabMn--4521.on, #container .heading .tabMn li button.tabMn--4541.on { background-position: -100px -300px; } #container .heading .tabMn li button.tabMn--4522, #container .heading .tabMn li button.tabMn--4542 { margin-top: 4px; width: 52px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -320px; background-size: auto; } #container .heading .tabMn li button.tabMn--4522.on, #container .heading .tabMn li button.tabMn--4542.on { background-position: -100px -320px; } #container .heading .tabMn li button.tabMn--4531 { margin-top: 4px; width: 78px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -340px; background-size: auto; } #container .heading .tabMn li button.tabMn--4531.on { background-position: -100px -340px; } #container .heading .tabMn li button.tabMn--4532 { margin-top: 4px; width: 78px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -360px; background-size: auto; } #container .heading .tabMn li button.tabMn--4532.on { background-position: -100px -360px; } #container .heading .tabMn li button.tabMn--screener1 { margin-top: 4px; width: 51px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -440px; background-size: auto; } #container .heading .tabMn li button.tabMn--screener1.on { background-position: -100px -440px; } #container .heading .tabMn li button.tabMn--screener2 { margin-top: 4px; width: 51px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -460px; background-size: auto; } #container .heading .tabMn li button.tabMn--screener2.on { background-position: -100px -460px; } #container .heading .tabMn li button.tabMn--stat1 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -481px; background-size: auto; } #container .heading .tabMn li button.tabMn--stat1.on { background-position: -100px -481px; } #container .heading .tabMn li button.tabMn--stat2 { margin-top: 4px; width: 42px; height: 15px; background-image: url("/Content/images/tabMn.png?20240508"); background-repeat: no-repeat; background-position: 0 -501px; background-size: auto; } #container .heading .tabMn li button.tabMn--stat2.on { background-position: -100px -501px; } #container .heading .breadcrumb { float: right; padding-top:2px; } #container .heading .breadcrumb span { font-size: 11px; color: #a1a1a1; } #container .heading .breadcrumb span:before { content: " > "; color: #a1a1a1; padding: 0 1px; } #container .heading .breadcrumb span:first-child:before { content: ""; padding: 0; } #container .heading .breadcrumb a { font-size: 11px; color: #363636; } #container .std--date{float:left;color:#a3a3a3;} #container .side { width: 240px; float: right; padding-bottom: 70px;margin-top:1px; } #container .side .nodata { color: #6c6c6c; } #container .side .nodata strong { font-weight: bold; display: block; margin-bottom: 5px; } #container .side--cart { width: 100%;} #container .side--cart .cart--wrap { position: relative; background-color: #5e6471; padding: 7px 0 8px; } #container .side--cart .cart--wrap .tit { display: inline-block; padding-left: 15px; font-size: 11px; color: #fff; font-weight: bold; } #container .side--cart .cart--wrap .count { display: inline-block; color: #fff; font-size: 11px; } #container .side--cart .cart--wrap .count:before { content: " | "; color: #989898; padding: 0 4px; } #container .side--cart .cart--wrap .btn--help { margin-top: 2px; } #container .side--cart .cart--wrap .btn--cart { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -380px; position: absolute; right: 40px; top: 8px; } #container .side--cart .cart--wrap .btn--cart.on { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -380px; } #container .side--cart .cart--wrap .btn--down { width: 33px; height: 33px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -400px; position: absolute; right: 0; top: 0; } #container .side--cart .lay--cart { position: absolute; background: #fff; text-align: left; z-index: 5; position: static; width: 208px; padding:15px; border: 1px solid #bdc5ce; margin-top: -1px; } #container .side--cart .lay--cart > ul > li { position: relative; padding: 0 20px 0 10px; margin: 3px 0; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -244px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #container .side--cart .lay--cart > ul > li a, #container .side--cart .lay--cart > ul > li button { display: inline; color: #6c6c6c; } #container .side--cart .lay--cart > ul > li a:hover, #container .side--cart .lay--cart > ul > li button:hover { color: #ca527a !important; } #container .side--cart .lay--cart > ul > li a:visited, #container .side--cart .lay--cart > ul > li button:visited { color: #6974dc; } #container .side--cart .lay--cart > ul > li .btn--del { position: absolute; right: 0; top: 0; } #container .side--tab { position: relative; border: 1px solid #bdc5ce; margin-top: -1px; } #container .side--tab > ul { width: 100%; margin-left: 1px; } #container .side--tab > ul li { float: left; padding: 0; margin: 0; margin-left: -1px; } #container .side--tab > ul li .btn--tab { display: block; width: 100%; text-align: center; text-decoration: none; } #container .side--tab > ul li.on .tab--cont { display: block; z-index: 0; } #container .side--tab > ul li .tab--cont { display: none; position: absolute; left: 0; z-index: 0; } #container .side--tab.r1 { height: 195px; } #container .side--tab.r1 .tab--cont { height: 120px; overflow: hidden; } #container .side--tab.r1 .tab--cont .wr { height: 110px; overflow: hidden; } #container .side--tab.r1 .tab--cont .btn--keyDel { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 0 5px; font-size: 11px; color: #6c6c6c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; bottom: 0; right: 15px; } #container .side--tab.r1 .tab--cont .btn--keyDel.on { border: 1px solid #5e6471; background-color: #5e6471; color: #fff; } #container .side--tab.r1 .tab--cont .btn--keyDel.on:hover, #container .side--tab.r1 .tab--cont .btn--keyDel.on:focus { color: #fff !important; } #container .side--tab.r1 .tab--cont .btn--keyDel:hover, #container .side--tab.r1 .tab--cont .btn--keyDel:focus { color: #6c6c6c !important; } #container .side--tab.r2 { height: 757px; /*side-r tab*/ } #container .side--tab.r2 > ul > li:nth-of-type(1) .lay--wrap { width: 118px; } #container .side--tab.r2 > ul > li:nth-of-type(1) .lay--wrap .btn--tab { padding-right: 15px; } #container .side--tab.r2 > ul > li:nth-of-type(1) .lay--wrap .btn--help { margin-left: 33px; } #container .side--tab.r2 > ul > li:nth-of-type(1) .lay--wrap .lay--help { left: -7px; margin-top: 3px; } #container .side--tab.r2 > ul > li:nth-of-type(2) .lay--wrap { width: 119px; } #container .side--tab.r2 > ul > li:nth-of-type(2) .lay--wrap .btn--tab { padding-right: 14px; } #container .side--tab.r2 > ul > li:nth-of-type(2) .lay--wrap .btn--help { margin-left: 26px; } #container .side--tab.r2 > ul > li:nth-of-type(2) .lay--wrap .lay--help { left: -13px; margin-top: 3px; } #container .side--tab.c1 { height: 328px; /*side-c tab*/ } #container .side--tab.c1 > ul > li:nth-of-type(1) .lay--wrap { width: 118px; } #container .side--tab.c1 > ul > li:nth-of-type(1) .lay--wrap .btn--tab { padding-right: 15px; } #container .side--tab.c1 > ul > li:nth-of-type(1) .lay--wrap .btn--help { margin-left: 20px; } #container .side--tab.c1 > ul > li:nth-of-type(1) .lay--wrap .lay--help { left: -20px; margin-top: 3px; } #container .side--tab.c1 > ul > li:nth-of-type(2) .lay--wrap { width: 119px; } #container .side--tab.c1 > ul > li:nth-of-type(2) .lay--wrap .btn--tab { padding-right: 14px; } #container .side--tab.c1 > ul > li:nth-of-type(2) .lay--wrap .btn--help { margin-left: 20px; } #container .side--tab.c1 > ul > li:nth-of-type(2) .lay--wrap .lay--help { left: -19px; margin-top: 3px; } #container .side--tab.c2 { height: 330px; } #container .side--tab.c2 > ul > li { width: 33.3%; } #container .side--tab > ul { position: relative; margin-left: 0; background-color: #f5f5f5; } #container .side--tab > ul > li { width: 50%; border-left: 1px solid #bdc5ce; height: 32px; } #container .side--tab > ul > li .btn--tab { width: 100%; font-weight: bold; font-size: 11px; padding: 8px 0; background-image: url("/Content/images/side_bg.png"); background-repeat: repeat-x; background-position: 0 bottom; background-size: auto; background-color: #f5f5f5; color: #6c6c6c; } #container .side--tab > ul > li .btn--help { position: absolute; left: 50%; top: 9px; } #container .side--tab > ul > li.on .btn--tab { background: #fff !important; color: #363636; } #container .side--tab > ul > li .tab--cont { width: 208px; padding: 15px; } #container .side--tab > ul > li .tab--cont .h { display: inline; color: #5e6471; background-color: #f5f5f5; margin-right: 4px; padding: 0 2px; margin-bottom: 5px; } #container .side--tab > ul > li .tab--cont .h:hover, #container .side--tab > ul > li .tab--cont .h:focus { color: #ca527a; } #container .side--tab > ul > li .tab--cont .date { color: #94243b; font-weight: bold; text-align: center; font-size: 11px; padding-bottom: 8px; } #container .side .tbl--side { border-top: 1px solid #e4e4e4; padding: 10px 0; text-align: center; } #container .side .tbl--side thead th { padding: 2px 0 4px; font-size: 11px; color: #6c6c6c; } #container .side .tbl--side thead th.taL { color: #363636; font-weight: bold; } #container .side .tbl--side tbody th, #container .side .tbl--side tbody td { padding: 2px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #container .side .tbl--side tbody th a, #container .side .tbl--side tbody th button, #container .side .tbl--side tbody td a, #container .side .tbl--side tbody td button { display: inline; } #container .side .tbl--side tbody td div { height: 18px !important; } #container .side .tbl--side tbody td div .va { width: 60px; } #container .side .tbl--side .btn--expand { display: inline; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -760px; background-size: auto; width: 16px; height: 16px; } #container .side .tbl--side .btn--expand.on { background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: -20px -760px; background-size: auto; } #container .side .tbl--side:nth-of-type(1) { border-top: 0; padding-top: 0; } #container .side .countList { margin-bottom: 10px; width: 100%; } #container .side .countList li { float: left; width: 104px; height: 18px; margin-bottom: 3px; } #container .side .countList li:nth-of-type(2), #container .side .countList li:nth-of-type(4) { margin-left: 4px; width: 100px; } #container .side .countList li button { text-decoration: none; } #container .side .countList li.selected button { font-weight: bold; } #container .side .countList li div .text { vertical-align: top; } #container .side .countList li div .va { width: 55px; text-align: right; } #container .side .countList li div .va strong { margin-right: 3px; } #container .side .countList + .tbl--side { height: 133px; } #container .side .countList + .tbl--side + .paging { height: 19px; } #container .side .paging { position: relative; text-align: center; margin: 10px 0 0; } #container .side .paging .btn--prev { width: 19px; height: 19px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -59px; border: 1px solid #bdc5ce; } #container .side .paging .btn--next { width: 19px; height: 19px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -79px; border: 1px solid #bdc5ce; } #container .side .paging .total { position: absolute; right: 0; top: 0; font-size: 11px; color: #6c6c6c; } #container .side .paging .total strong { font-weight: bold; } #container .side .side--box { position: relative; background-color: #fff; border: 1px solid #bdc5ce; margin-top: -1px; padding: 15px; /*db favo layer*/ } #container .side .side--box .tbl--side { border-top: 0; padding-top: 0; } #container .side .side--box.favo > ul { padding-bottom: 5px; } #container .side .side--box.favo > ul > li { position: relative; padding: 0 10px; margin: 2px 0 8px; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -244px; } #container .side .side--box.favo > ul > li a, #container .side .side--box.favo > ul > li button { display: inline; } #container .side .side--box.favo > ul > li .btn--del { position: absolute; right: 0; top: 3px; } #container .side .side--box.favo > ul > li .favo--wrap .btn--favo { width: 160px; padding: 1px 0; color: #363636; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #container .side .side--box.favo > ul > li .favo--wrap .clear--wrap { float: left; width: 157px; margin-right: 5px; border: 1px solid #d2d2d2; } #container .side .side--box.favo > ul > li .favo--wrap .clear--wrap input[type=text] { width: 142px; height: 20px; padding: 0 15px 0 0; } #container .side .side--box.favo > ul > li .favo--wrap .clear--wrap .btn--clear { right: 2px; top: 1px; } #container .side .side--box.favo > ul > li .favo--loca { width: 100%; margin-top: 2px; font-size: 11px; color: #6c6c6c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #container .side .side--box.mz:first-child {margin-top:0;} /*FnMezzanine*/ #container .side .side--box.mz .title {color: #94243b; font-weight: bold; text-align: left; font-size: 11px; padding-bottom: 8px; } #container .side .side--box.mz .tbl--side thead th{vertical-align:top;padding-left:2px;font-weight:700;color:#363636;} #container .side .side--box.mz .tbl--side tbody td{color:#6C6C6C;} #container .side .side--box.mz .tbl--side tbody td:not(:first-child){padding-left:2px;} #container .side .side--box .lay--favo { position: absolute; background: #fff; text-align: left; z-index: 5; width: 208px; top: -15px; left: -220px; margin-top: 10px; font-size: 11px; color: #505050; font-weight: normal; border: 1px solid #bfbfbf; /*arrow*/ } #container .side .side--box .lay--favo:before { content: ""; position: absolute; z-index: 5; left: 100%; top: 10px; margin-left: 0; width: 7px; height: 10px; background-image: url("/Content/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: 0 -7px; background-size: auto; } #container .side .side--box .lay--favo .tit--wrap { padding: 10px 15px; font-size: 12px; color: #505050; font-weight: bold; } #container .side .side--box .lay--favo .tit--wrap .tit { width: 178px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #container .side .side--box .lay--favo .tit--wrap .date { color: #a3a3a3; font-size: 11px; font-weight: normal; } #container .side .side--box .lay--favo .cont { border-top: 1px solid #e9e9e9; padding: 15px; } #container .side .side--box .lay--favo .cont .f { color: #828282; } #container .side .side--box .lay--favo .cont li { margin-top: 5px; } #container .side .side--box .lay--favo .cont li:first-child { margin-top: 0; } #container .side .side--box.btn--calv { background-color: #fafafa; } #container .side .side--box.btn--calv a { display: block; color: #444; font-weight: bold; padding-left: 20px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -79px; } #container .side .rNavi p, #container .side .rNavi--m p, #container .side .rNavi--f p, #container .side .rNavi--n p, #container .side .rNavi--cs p { height: 50px; background-image: url("/Content/images/rnavi.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; } #container .side .rNavi ul, #container .side .rNavi--m ul, #container .side .rNavi--f ul, #container .side .rNavi--n ul, #container .side .rNavi--cs ul { border-top: 1px solid #bdc5ce; margin-top: 1px; } #container .side .rNavi ul li, #container .side .rNavi--m ul li, #container .side .rNavi--f ul li, #container .side .rNavi--n ul li, #container .side .rNavi--cs ul li { border-bottom: 1px solid #bdc5ce; background-color: #fafafa; margin-top: 1px; } #container .side .rNavi ul li a, #container .side .rNavi--m ul li a, #container .side .rNavi--f ul li a, #container .side .rNavi--n ul li a, #container .side .rNavi--cs ul li a { display: block; padding: 10px 10px 12px 35px; color: #363636; position: relative; } #container .side .rNavi ul li a:before, #container .side .rNavi--m ul li a:before, #container .side .rNavi--f ul li a:before, #container .side .rNavi--n ul li a:before, #container .side .rNavi--cs ul li a:before { content: ""; position: absolute; top: 6px; left: 5px; background-image: url("/Content/images/gnb_util.png?20240229"); background-repeat: no-repeat; background-position: left top; background-size: auto; width: 30px; height: 26px; } #container .side .rNavi ul li.on a, #container .side .rNavi--m ul li.on a, #container .side .rNavi--f ul li.on a, #container .side .rNavi--n ul li.on a, #container .side .rNavi--cs ul li.on a { font-weight: bold; } #container .side .rNavi--m p { background-position: 0 0; } #container .side .rNavi--m li:nth-of-type(1) a:before { background-position: 0 0 !important; } #container .side .rNavi--m li:nth-of-type(2) a:before { background-position: 0 -21px !important; } #container .side .rNavi--f p { background-position: 0 -50px; } #container .side .rNavi--f li.rnb1 a:before { background-position: 0 -168px !important; } #container .side .rNavi--f li.rnb2 a:before { background-position: 0 -189px !important; } #container .side .rNavi--f li.rnb3 a:before { background-position: 0 -252px !important; } #container .side .rNavi--f li.rnb4 a:before { background-position: 0 -231px !important; } #container .side .rNavi--f li.rnb5 a:before { background-position: 0 -272px !important; } #container .side .rNavi--f li.rnb6 a:before { background-position: 0 -293px !important; } #container .side .rNavi--n p { background-position: 0 -100px; } #container .side .rNavi--n li:nth-of-type(1) a:before { background-position: 0 -42px !important; } #container .side .rNavi--n li:nth-of-type(2) a:before { background-position: 0 -63px !important; } #container .side .rNavi--n li:nth-of-type(3) a:before { background-position: 0 -84px !important; } #container .side .rNavi--cs { /*li:nth-of-type(4) a:before { background-position: 0 -210px !important; }*/ } #container .side .rNavi--cs p { background-position: 0 -150px; } #container .side .rNavi--cs li:nth-of-type(1) a:before { background-position: 0 -105px !important; } #container .side .rNavi--cs li:nth-of-type(2) a:before { background-position: 0 -147px !important; /*background-position: 0 -126px !important;*/ } #container .side .rNavi--cs li:nth-of-type(3) a:before { background-position: 0 -210px !important; /*background-position: 0 -147px !important;*/ } #container .side .tel { width: 240px; height: 84px; background-image: url("/Content/images/bn_tel.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; margin-top: 20px; } .footer { min-width: 1256px; } .footer .sec0 { height: 50px; background: #dddfe1; } .footer .sec0 .family { position: relative; margin: 0 auto; text-align: center; } .footer .sec0 .family ul { padding: 13px 0; display: inline-block; } .footer .sec0 .family li { display: inline-block; margin-left: 70px; height: 26px; text-align: center; background-image: url("/Content/images/family.png?201223"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .footer .sec0 .family li a { display: block; width: 100%; height: 100%; } .footer .sec0 .family li.s1 { background-position: 0 0; width: 78px; margin-left: 0; } .footer .sec0 .family li.s2 { background-position: 0 -21px; width: 59px; } .footer .sec0 .family li.s3 { background-position: 0 -42px; width: 101px; } .footer .sec0 .family li.s4 { background-position: 0 -63px; width: 109px; } .footer .sec0 .family li.s5 { background-position: 0 -84px; width: 86px; } .footer .sec0 .family li.s6 { background-position: 0 -105px; width: 90px; } .footer .sec0 .family li.s7 { background-position: 0 -128px; width: 83px; } .footer .sec0 .family li.s8 { background-position: 0 -149px; width: 85px; } .footer .sec0 .family .btn--prev { display: none; position: absolute; left: 0; top: 15px; width: 10px; height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -700px; background-size: auto; text-indent: -9999px; } .footer .sec0 .family .btn--next { display: none; position: absolute; right: 0; top: 15px; width: 10px; height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: -26px -700px; background-size: auto; text-indent: -9999px; } .footer .sec1 { padding: 25px 0; background: #343739; } .footer .sec1 p { padding: 0 10px; color: #969696; font-size: 11px; letter-spacing: -0.4px; } .footer .sec2 { padding: 17px 0 27px; background: #2d3032; text-align: center; } .footer .sec2 > div > ul { margin-top: 8px; } .footer .sec2 > div > ul > li { display: inline-block; text-align: center; font-size: 11px; color: #979797; } .footer .sec2 > div > ul > li a { font-size: 11px; color: #979797; } .footer .sec2 > div > ul > li a:hover { color: #eae9e9; } .footer .sec2 > div > ul > li a.point5{color: #efeed1;text-decoration: underline} .footer .sec2 > div > ul > li a.point5:hover{color:#fff;text-decoration:none;} .footer .sec2 > div > ul > li:before { content: " | "; color: #3b3f41; padding: 0 8px; } .footer .sec2 > div > ul > li:first-child:before { content: ""; padding: 0; } .footer .sec2 > div > ul > li.isms{text-indent:-9999px;background:url(/Content/images/isms_dotcom.png) no-repeat 0 0;width:52px;height:46px;vertical-align:middle;margin-left:20px;cursor:pointer;} .footer .sec2 > div > ul > li.isms:hover{background-image:url(/Content/images/isms_dotcom_over.png)} .footer .sec2 > div > ul > li.isms:before{content:none;} .footer .sec2 .copy { margin-top: 8px; color: #8d9098; } .footer .sec2 .copy strong { color: #94243b; font-weight: bold; } .footer .sec3 { background: #000; } .footer .sec3 .inside { padding: 7px 0; } .footer .sec3 p { text-align: center; color: #969696; font-size: 11px; } .footer .btn--top { position: fixed; right: 0; bottom: 80px; z-index: 3; width: 60px; height: 60px; background-image: url("/Content/images/btn_top.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; } /**************************************************/ /*layer notice*/ .lay-notice { position: fixed; bottom: -200px; left: 50%; margin-left: -480px; width: 960px; height: 200px; background: #707784; z-index: 1; } .lay-notice .close { position: absolute; top: 8px; right: 30px; } .lay-notice .close:before, .lay-notice .close:after { display: block; content: ''; } .lay-notice .close:after { clear: both; } .lay-notice .close:after { position: absolute; top: 0; right: 0; width: 26px; height: 26px; } /**************************************************/ /*main*/ .main { height: auto; overflow-y: auto; } .main .header { position: fixed; z-index: 5; } .main.mobile { overflow-y: visible; } .main.mobile #container .btn--asis { top: 100px; margin-top: 0; } .main.mobile #container .mNavi { top: 160px; margin-top: 0; } .main #container { position: relative; margin-top: 74px; font-family: nbg; color: #fff; background-color: #000; /*.notice-wrap { position: fixed; left: 50%; width: 1256px; //height: 180px; margin-left: -628px; z-index: 3; .notice-header { background: #303949; @include border(bottom, #242a38); font-size: 14px; color: #fefefe; padding: 10px 30px 8px; } .notice-body { .noticeList { background: #3b4453; li { position: relative; float: left; width: 427px; min-height: 100px; margin: 20px 0; padding-left: 200px; color: #fff; &:before { content: ""; position: absolute; top: 0; left: 50px; width: 90px; height: 90px; } &.noti01:before { @include bg-image('/Content/images/mains.png', 0 -409px); } &.noti02:before { @include bg-image('/Content/images/mains.png', 0 -499px); } &:first-child { @include border(right, #5c6a82); } .tit { margin-bottom: 5px; font-size: 16px; } .cont { font-size: 13px; line-height: 22px; } .btn--detail { position: absolute; left: 200px; bottom: -5px; @include bg-image('/Content/images/mains.png', 0 -589px); width: 87px; height: 23px; } } } .noticeList2 { background-color: #0f162a; li { margin-bottom: 1px; height: 33px; line-height: 33px !important; padding-left: 20px; .tit { float: left; width: 1105px; a, button { display: block; font-size: 14px; color: #fff; @include ellipsis; } } .notice-close { position: relative; float: right; width: 115px; text-align: right; font-size: 12px; top: 8px; } &.noti01 { background-color: #202939; } &.noti02 { background-color: #2e384a; } &.noti03 { background-color: #394354; } &.noti04 { background-color: #414d60; } &.noti05 { background-color: #4a576d; } } } } .notice-close { position: absolute; right: 15px; top: 10px; padding-right: 25px; font-family: nbg; font-size: 14px; color: #fff; &:before { content: ""; position: absolute; top: 0; right: 0; width: 17px; height: 17px; @include bg-image('/Content/images/mains.png', 0 -612px); } &:hover, &:focus { &:before { background-color: #242a38; } } } }*/ } .main #container .btn--asis { position: fixed; right: 50%; margin-right: -628px; top: 50%; margin-top: -157px; z-index: 1; width: 90px; height: 36px; display: block; border: 1px solid #535353; color: #aaa; font-family: nbg; text-align: center; font-size: 13px; line-height: 36px; } .main #container .btn--asis:hover, .main #container .btn--asis:focus { background-color: #838383; color: #fff; border: 1px solid #aaa; text-decoration: none; } .main #container .mNavi { position: fixed; right: 50%; margin-right: -720px; top: 50%; margin-top: -98px; z-index: 1; width: 92px; display: block; } .main #container .mNavi .pg--up { display: block; width: 30px; height: 15px; background-image: url("/Content/images/mains.png?ver=4"); background-repeat: no-repeat; background-position: 0 -629px; background-size: auto; margin-left: 3px; } .main #container .mNavi .pg--up:focus, .main #container .mNavi .pg--up:hover { background-position: -30px -629px; } .main #container .mNavi .pg--down { display: block; width: 30px; height: 15px; background-image: url("/Content/images/mains.png?ver=4"); background-repeat: no-repeat; background-position: 0 -644px; background-size: auto; margin-left: 3px; } .main #container .mNavi .pg--down:focus, .main #container .mNavi .pg--down:hover { background-position: -30px -644px; } .main #container .mNavi .btn--bro { display: block; width: 84px; height: 17px; background-image: url("/Content/images/m_navi.png?ver=5"); background-repeat: no-repeat; background-position: -523px -24px; background-size: auto; margin-top: 40px; } .main #container .mNavi .btn--bro:focus, .main #container .mNavi .btn--bro:hover{background-position: -290px -24px;} .main #container .mNavi .btn--fng { display: block; width: 84px; height: 17px; background-image: url("/Content/images/m_navi.png?ver=5"); background-repeat: no-repeat; background-position: -523px -63px; background-size: auto; margin-top: 20px; } .main #container .mNavi .btn--fng:focus, .main #container .mNavi .btn--fng:hover{background-position: -290px -63px;} .main #container .mNavi .btn--karma { display: block; width: 110px; height: 17px; background-image: url("/Content/images/m_navi.png?ver=5"); background-repeat: no-repeat; background-position: -630px -23px; background-size: auto; margin-top: 20px; } .main #container .mNavi .btn--karma:focus, .main #container .mNavi .btn--karma:hover{background-position: -397px -23px;} .main #container .mNavi .btn--retamin { display: block; width: 110px; height: 17px; background-image: url("/Content/images/m_navi.png?ver=5"); background-repeat: no-repeat; background-position: -630px -63px; background-size: auto; margin-top: 20px; } .main #container .mNavi .btn--retamin:focus, .main #container .mNavi .btn--retamin:hover{background-position: -397px -63px;} .main #container .mNavi ul { margin: 10px 0; } .main #container .mNavi ul li button { display: block; width: 92px; height: 49px; background-image: url("/Content/images/m_navi.png?ver=5"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .main #container .mNavi ul li.m1 button { background-position: 0 0; } .main #container .mNavi ul li.m1.on button, .main #container .mNavi ul li.m1 button:hover { background-position: 0 -49px; } .main #container .mNavi ul li.m2 button { background-position: -92px 0; } .main #container .mNavi ul li.m2.on button, .main #container .mNavi ul li.m2 button:hover { background-position: -92px -49px; } .main #container .mNavi ul li.m3 button { background-position: -184px 0; } .main #container .mNavi ul li.m3.on button, .main #container .mNavi ul li.m3 button:hover { background-position: -184px -49px; } .main #container .btmBnr { /*position: fixed; left:0; right:0; bottom: 89px;*/ clear:both;margin:84px auto 0;z-index: 1; width: 1090px; display: block; } .main #container .btmBnr:after{content:'';display:block;clear:both;} .main #container .btmBnr.posAbsol{position:absolute;} .main #container .btmBnr p{float:left;width:25%;height:79px;line-height:79px;} .main #container .btmBnr p a{position:relative;display:block;width:100%;height:100%;color:#dba6bb;text-align:center;font-size:16px;padding-left:28px;box-sizing:border-box;} .main #container .btmBnr p a:hover{color:#fff;} .main #container .btmBnr p a:before{content:'';display:block;position:absolute;left:28px;top:50%;background-image:url("/Content/images/icn_btmBnr.png?20240507");background-repeat:no-repeat;} .main #container .btmBnr p.bnr1{background-color:rgba(141,17,65, .2);} .main #container .btmBnr p.bnr2{background-color:rgba(170,64,108, .2);} .main #container .btmBnr p.bnr3{background-color:rgba(184,104,132, .2);overflow:hidden;} .main #container .btmBnr p.bnr4{overflow:hidden;} .main #container .btmBnr p.bnr3 a:not(:first-child) {display:none;} .main #container .btmBnr p.bnr4 a{position:absolute;z-index:1;margin:var(--borderWidth);width:calc(100% - var(--borderWidth) * 2);height:calc(100% - var(--borderWidth) * 2);background-color:#3B2E43;} .main #container .btmBnr p.bnr1 a:before{background-position:0 0;width:28px;height:32px;margin-top:-16px;} .main #container .btmBnr p.bnr2 a:before{background-position:-40px 0;width:27px;height:33px;margin-top:-16px;} .main #container .btmBnr p.bnr3 a:before{background-position:-80px 0;width:28px;height:28px;margin-top:-14px;left:40px;} .main #container .btmBnr p.bnr4 a:before{background-position:-160px 0;width:29px;height:34px;margin-top:-18px;left:55px;} .main #container .btmBnr p.bnr1 a:hover:before{background-position:0 -50px;} .main #container .btmBnr p.bnr2 a:hover:before{background-position:-40px -50px;} .main #container .btmBnr p.bnr3 a.retamin:hover:before{background-position:-80px -50px;} .main #container .btmBnr p.bnr4 a.valueup:hover:before{background-position:-160px -50px;} /* gradient-border */ .main #container .btmBnr .gradient-border { --borderWidth: 2px; background: transparent; position: relative; display:block; height:100%; border-radius: var(--borderWidth); } .main #container .btmBnr .gradient-border:after { content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); border-radius: calc(2 * var(--borderWidth)); z-index: 0; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%; } @keyframes animatedgradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* // gradient-border */ .main #container .sec { position: relative; height: 700px; } .main #container .sec .inside { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 1090px; margin: auto; text-align: center; overflow: hidden; } .main #container .sec .inside .hd { margin-bottom: 45px; font-size: 28px; color: #fff; text-align: center; } .main #container .sec.ty1 { background-image: url("/Content/images/main_bg1.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover; } .main #container .sec.ty1 .inside { height: 565px; overflow:visible;} .main #container .sec.ty1 .autocomp { border: 2px solid #ccc; } .main #container .sec.ty1 .autocomp .clear--wrap { width: 268px; padding: 4px 0 4px 8px; border: none; background: transparent; } .main #container .sec.ty1 .autocomp .clear--wrap input[type=text] { width: 242px; background: transparent; color: #fff; font-size: 14px; font-family: nbg; } .main #container .sec.ty1 .autocomp .clear--wrap ::-webkit-input-placeholder { color: #666; } .main #container .sec.ty1 .autocomp .clear--wrap ::-moz-placeholder { color: #666; } .main #container .sec.ty1 .autocomp .clear--wrap :-ms-input-placeholder { color: #666 !important; } .main #container .sec.ty1 .autocomp .clear--wrap ::-ms-input-placeholder { color: #666; } .main #container .sec.ty1 .autocomp .clear--wrap ::placeholder { color: #666; } .main #container .sec.ty1 .autocomp .clear--wrap .btn--clear { top: 9px; background-color: transparent; } .main #container .sec.ty1 .autocomp .result { border: 1px solid #929ba6; width: 320px; border: none; left: -2px; background: #eaeaea; } .main #container .sec.ty1 .autocomp .result ul li { display: block; background: #fff; } .main #container .sec.ty1 .autocomp .result ul li a, .main #container .sec.ty1 .autocomp .result ul li button { display: block; width: 100%; padding: 3px 0; } .main #container .sec.ty1 .autocomp .result ul li a:hover, .main #container .sec.ty1 .autocomp .result ul li a:focus, .main #container .sec.ty1 .autocomp .result ul li button:hover, .main #container .sec.ty1 .autocomp .result ul li button:focus { color: #ca527a !important; text-decoration: none; } .main #container .sec.ty1 .autocomp .result ul li a span, .main #container .sec.ty1 .autocomp .result ul li button span { float: left; padding-left: 20px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .main #container .sec.ty1 .autocomp .result ul li a span strong, .main #container .sec.ty1 .autocomp .result ul li button span strong { color: #ca527a; } .main #container .sec.ty1 .autocomp .result ul li a span.code, .main #container .sec.ty1 .autocomp .result ul li button span.code { width: 50px; } .main #container .sec.ty1 .autocomp .result ul li a span.item, .main #container .sec.ty1 .autocomp .result ul li button span.item { width: 255px; } .main #container .sec.ty1 .autocomp .result ul li a span.item.wide, .main #container .sec.ty1 .autocomp .result ul li button span.item.wide { width: 330px; } .main #container .sec.ty1 .autocomp .result ul li a span.div, .main #container .sec.ty1 .autocomp .result ul li a span.gu, .main #container .sec.ty1 .autocomp .result ul li button span.div, .main #container .sec.ty1 .autocomp .result ul li button span.gu { float: right; text-align: right; padding-right: 20px; padding-left: 0; width: 55px; color: #6c6c6c; } .main #container .sec.ty1 .autocomp .result ul li a span.nm, .main #container .sec.ty1 .autocomp .result ul li button span.nm { width: 235px; } .main #container .sec.ty1 .autocomp .result ul li a span.num, .main #container .sec.ty1 .autocomp .result ul li button span.num { width: 80px; } .main #container .sec.ty1 .autocomp .result ul li a span.gu, .main #container .sec.ty1 .autocomp .result ul li button span.gu { width: 50px; } .main #container .sec.ty1 .autocomp .result ul li.ty2 .code { width: 70px; } .main #container .sec.ty1 .autocomp .result ul li.ty2 .item { width: 205px; } .main #container .sec.ty1 .autocomp .result ul li.ty2 .item.wide { width: 310px; } .main #container .sec.ty1 .autocomp .result ul li.ty2 .div { width: 85px; } .main #container .sec.ty1 .autocomp .result ul li.ty3 .code { width: 100px; } .main #container .sec.ty1 .autocomp .result ul li.ty3 .item.wide { width: 280px; } .main #container .sec.ty1 .autocomp .result ul { padding: 5px 0; } .main #container .sec.ty1 .autocomp .result ul li { background: #eaeaea; } .main #container .sec.ty1 .autocomp .result ul li a, .main #container .sec.ty1 .autocomp .result ul li button { font-size: 14px; padding: 5px 0; font-family: nbg; } .main #container .sec.ty1 .autocomp .result ul li a:hover, .main #container .sec.ty1 .autocomp .result ul li a:focus, .main #container .sec.ty1 .autocomp .result ul li button:hover, .main #container .sec.ty1 .autocomp .result ul li button:focus { color: #fff !important; background-color: #9d1749; } .main #container .sec.ty1 .autocomp .result ul li a:hover strong, .main #container .sec.ty1 .autocomp .result ul li a:focus strong, .main #container .sec.ty1 .autocomp .result ul li button:hover strong, .main #container .sec.ty1 .autocomp .result ul li button:focus strong { color: #fff !important; } .main #container .sec.ty1 .autocomp .result ul li a span, .main #container .sec.ty1 .autocomp .result ul li button span { padding-left: 15px; } .main #container .sec.ty1 .autocomp .result ul li a span.item, .main #container .sec.ty1 .autocomp .result ul li button span.item { width: 295px; } .main #container .sec.ty1 .autocomp .result ul li a span strong, .main #container .sec.ty1 .autocomp .result ul li button span strong { color: #9d1749; } .main #container .sec.ty1 .autocomp .result ul li.selected { color: #fff !important; background-color: #9d1749; } .main #container .sec.ty1 .autocomp .result ul li.selected a, .main #container .sec.ty1 .autocomp .result ul li.selected button { color: #fff !important; } .main #container .sec.ty1 .autocomp .result ul li.selected a strong, .main #container .sec.ty1 .autocomp .result ul li.selected button strong { color: #fff !important; } .main #container .sec.ty1 .autocomp .btn--search { border: none; width: 40px; height: 34px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 10px -803px; margin: 0; background-color: transparent; } .main #container .sec.ty1 .chartWrap { margin-top: 75px; } .main #container .sec.ty1 .chartWrap:after{content:'';display:block;clear:both;} .main #container .sec.ty1 .chartWrap .tit { font-size: 18px; text-align: center; margin-bottom: 45px; color: #bbb; font-family: nbg; } .main #container .sec.ty1 .chartWrap .donutWrap { float: left; width: 50%; padding: 0 50px 0 50px;box-sizing:border-box; } .main #container .sec.ty1 .chartWrap .donutWrap .sectorIcon, .main #container .sec.ty1 .chartWrap .donutWrap .sector1, .main #container .sec.ty1 .chartWrap .donutWrap .sector2, .main #container .sec.ty1 .chartWrap .donutWrap .sector3, .main #container .sec.ty1 .chartWrap .donutWrap .sector4, .main #container .sec.ty1 .chartWrap .donutWrap .sector5, .main #container .sec.ty1 .chartWrap .donutWrap .sector6, .main #container .sec.ty1 .chartWrap .donutWrap .sector7, .main #container .sec.ty1 .chartWrap .donutWrap .sector8, .main #container .sec.ty1 .chartWrap .donutWrap .sector9, .main #container .sec.ty1 .chartWrap .donutWrap .sector10, .main #container .sec.ty1 .chartWrap .donutWrap .sector11, .main #container .sec.ty1 .chartWrap .donutWrap .sector12 { background-image: url("/Content/images/m_sector.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; padding-left: 30px; font-size: 15px; color: #fff; } .main #container .sec.ty1 .chartWrap .donutWrap .sector1 { background-position: 0 0 !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector2 { background-position: 0 -30px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector3 { background-position: 0 -60px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector4 { background-position: 0 -90px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector5 { background-position: 0 -120px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector6 { background-position: 0 -150px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector7 { background-position: 0 -180px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector8 { background-position: 0 -210px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector9 { background-position: 0 -240px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector10 { background-position: 0 -270px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector11 { background-position: 0 -300px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .sector12 { background-position: 0 -330px !important; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer { float: left; width: 290px; height: 290px; position: relative; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .outer { display: table; width: 100%; height: 100%; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .outer .donut { display: table-cell; vertical-align: middle; text-align: center; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .outer .donut > div { overflow: visible !important; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .outer .donut svg { position: relative; display: inline-block; text-anchor: middle; color: white; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .outer .donut svg g { margin: auto; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .outer .donut svg:not(:root) { overflow: visible; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .wrapText { top: 63px; left: 85px; z-index: 2; position: absolute; width: 120px; height: 160px; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .wrapText .inner { display: table-cell; vertical-align: middle; text-align: center; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .wrapText .inner .centered { display: inline-block; font-size: 15px; line-height: 21px; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .wrapText .inner .centered .label { font-size: 20px; text-align: left; display: inline-block; margin: 0 auto 7px; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .wrapText .inner .centered p { margin-bottom: 5px; } .main #container .sec.ty1 .chartWrap .donutWrap .tContainer .wrapText .inner .centered .count { display: inline-block; width: 27px; margin: 0 5px; text-align: right; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer { float: right; width: 160px; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li { display: block; padding: 8px 0; margin-bottom: 10px; border-bottom: 1px solid #818283; font-size: 15px; text-align: left; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li .count { float: right; width: 30px; text-align: right; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li .cate { width: 14px; height: 14px; margin-right: 5px; vertical-align: middle; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li.c1 .cate { background-color: #8d1141; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li.c2 .cate { background-color: #aa406c; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li.c3 .cate { background-color: #b86884; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li.c4 .cate { background-color: #d5a2b5; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer ul li.c5 .cate { background-color: #fbedf2; } .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sectorIcon, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector1, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector2, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector3, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector4, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector5, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector6, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector7, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector8, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector9, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector10, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector11, .main #container .sec.ty1 .chartWrap .donutWrap .sContainer .sector12 { background-image: url("/Content/images/m_sector_s.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; padding-left: 22px; } .main #container .sec.ty1 .chartWrap .cloudWrap { float: left; width: 50%; height: 320px;padding-left:50px; box-sizing:border-box; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud { width: 480px; height: 320px; position: relative; font-size: 11px; line-height: normal; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span { cursor: pointer; font-family: nbg; /*&.w0 { font-size: 100%; color: #adadad; }*/ } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.over { color: #fff !important; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w10 { font-size: 430%; color: #226cde; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w9 { font-size: 390%; color: #2980dd; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w8 { font-size: 350%; color: #1596c7; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w7 { font-size: 310%; color: #37bfe9; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w6 { font-size: 280%; color: #73e6ff; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w5 { font-size: 250%; color: #8ef8f7; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w4 { font-size: 220%; color: #9bdefa; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w3 { font-size: 190%; color: #abbbfe; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w2 { font-size: 160%; color: #8ea2fa; } .main #container .sec.ty1 .chartWrap .cloudWrap .jqcloud span.w1 { font-size: 130%; color: #748cfa; } .main #container .sec.ty2 { background-image: url("/Content/images/main_bg1.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover; } .main #container .sec.ty2 .inside { height: 470px; } .main #container .sec.ty2 .inside .hd { width: 1090px; margin: 33px 0 0 18px; font-size: 24px; color: #7f8f98; } .main #container .sec.ty2 .news { width: 1090px; text-align: left; overflow: hidden; margin-top: 50px; } .main #container .sec.ty2 .news > div { float: left; width: 364px; height: 192px; border: 1px solid #dbdbdb; margin-left: -1px; margin-bottom: -1px; box-sizing:border-box;} .main #container .sec.ty2 .news .board { position: relative; /*width: 317px; height: 150px;*/ padding: 20px 25px 20px 20px; background: #fff;} .main #container .sec.ty2 .news .board .tit { margin-bottom: 20px; font-family: nbg; font-size: 16px; color: #9c102c; font-weight: bold; } .main #container .sec.ty2 .news .board li { position: relative; display: block; margin-bottom: 10px; } .main #container .sec.ty2 .news .board li > a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; font-size: 13px; } .main #container .sec.ty2 .news .board.news--list li > a{max-width:82%} .main #container .sec.ty2 .news .board.news--list li .add--file{right:0} .main #container .sec.ty2 .news .board .isDate a { width: 252px; display: inline-block; } .main #container .sec.ty2 .news .board .isDate .date { width: 65px; display: inline-block; color: #aaa; font-size: 12px; } .main #container .sec.ty2 .news .board .btn--more { position: absolute; right: 25px; top: 20px; background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: 0 -33px; background-size: auto; width: 45px; height: 15px; padding: 0; border: none; } .main #container .sec.ty2 .news .board .btn--more:focus, .main #container .sec.ty2 .news .board .btn--more:hover { background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: -45px -33px; background-size: auto; } .main #container .sec.ty2 .news .board .btn--more:before { display: none; } .main #container .sec.ty2 .news .banner { position: relative; width: 364px; height: 142px; } .main #container .sec.ty2 .news .banner ul { font-size: 0; } .main #container .sec.ty2 .news .banner .b--paging { position: absolute; right: 25px; top: 15px; } .main #container .sec.ty2 .news .banner .b--paging button { background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: left top; background-size: auto; width: 13px; height: 13px; } .main #container .sec.ty2 .news .banner .b--paging button.p1 { background-position: 0 -48px; } .main #container .sec.ty2 .news .banner .b--paging button.p1.on, .main #container .sec.ty2 .news .banner .b--paging button.p1:hover, .main #container .sec.ty2 .news .banner .b--paging button.p1:focus { background-position: -13px -48px; } .main #container .sec.ty2 .news .banner .b--paging button.p2 { background-position: 0 -61px; } .main #container .sec.ty2 .news .banner .b--paging button.p2.on, .main #container .sec.ty2 .news .banner .b--paging button.p2:hover, .main #container .sec.ty2 .news .banner .b--paging button.p2:focus { background-position: -13px -61px; } .main #container .sec.ty2 .news .banner .b--paging button.p3 { background-position: 0 -74px; } .main #container .sec.ty2 .news .banner .b--paging button.p3.on, .main #container .sec.ty2 .news .banner .b--paging button.p3:hover, .main #container .sec.ty2 .news .banner .b--paging button.p3:focus { background-position: -13px -74px; } .main #container .sec.ty2 .news .banner .b--paging button.p4 { background-position: -26px -48px; } .main #container .sec.ty2 .news .banner .b--paging button.p4.on, .main #container .sec.ty2 .news .banner .b--paging button.p4:hover, .main #container .sec.ty2 .news .banner .b--paging button.p4:focus { background-position: -39px -48px; } .main #container .sec.ty2 .news .banner .b--paging button.p5 { background-position: -26px -61px; } .main #container .sec.ty2 .news .banner .b--paging button.p5.on, .main #container .sec.ty2 .news .banner .b--paging button.p5:hover, .main #container .sec.ty2 .news .banner .b--paging button.p5:focus { background-position: -39px -61px; } .main #container .sec.ty2 .news .banner .b--paging button.p6 { background-position: -26px -74px; } .main #container .sec.ty2 .news .banner .b--paging button.p6.on, .main #container .sec.ty2 .news .banner .b--paging button.p6:hover, .main #container .sec.ty2 .news .banner .b--paging button.p6:focus { background-position: -39px -74px; } .main #container .sec.ty2 .news .customer { background-color: #f6f6f7; width: 364px; height: 142px; padding: 35px 21px; } .main #container .sec.ty2 .news .customer a { display: block; float: left; width: 100px; height: 20px; padding-top: 50px; text-align: center; position: relative; } .main #container .sec.ty2 .news .customer a:before { content: ""; background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: left top; background-size: auto; position: absolute; left: 50%; top: 0; margin-left: -17px; width: 35px; height: 35px; } .main #container .sec.ty2 .news .customer a.join:before { background-position: 0 -87px; } .main #container .sec.ty2 .news .customer a.join:hover:before, .main #container .sec.ty2 .news .customer a.join:focus:before { background-position: -35px -87px; } .main #container .sec.ty2 .news .customer a.faq { margin-left: 10px; } .main #container .sec.ty2 .news .customer a.faq:before { background-position: 0 -122px; } .main #container .sec.ty2 .news .customer a.faq:hover:before, .main #container .sec.ty2 .news .customer a.faq:focus:before { background-position: -35px -122px; } .main #container .sec.ty2 .news .customer a.mem { margin-left: 10px; } .main #container .sec.ty2 .news .customer a.mem:before { background-position: 0 -157px; } .main #container .sec.ty2 .news .customer a.mem:hover:before, .main #container .sec.ty2 .news .customer a.mem:focus:before { background-position: -35px -157px; } .main #container .sec.ty2 .news .customer .tel { margin: 4px 0 0 20px; position: relative; } .main #container .sec.ty2 .news .customer .tel:before { content: ""; background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: 0 -192px; background-size: auto; position: absolute; left: 0; top: 0; width: 53px; height: 55px; } .main #container .sec.ty2 .news .customer .tel p { padding: 5px 0 0 87px; font-size: 14px; color: #006ed1; } .main #container .sec.ty2 .news .customer .tel p span { display: inline-block; width: 80px; color: #6c6c6c; } .main #container .sec.ty3 { background-image: url("/Content/images/main_bg3.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover; } .main #container .sec.ty3 .inside { height: 650px; } .main #container .sec.ty3 .inside .hd{margin-bottom:30px;} .main #container .sec.ty3 .solutions { width: 1091px; height: 330px; margin-top:15px; margin-bottom: 37px; text-align: left; } .main #container .sec.ty3 .solutions .prod { position: relative; width: 254px; height: 243px; display: inline-block; margin-left: 25px; background-color: #fff; vertical-align: top; cursor: pointer; float: left; } .main #container .sec.ty3 .solutions .prod h3 { padding: 50px 25px; height: 25px; font-size: 16px; color: #fff; text-align: left; position: relative; } .main #container .sec.ty3 .solutions .prod h3:before { content: ""; background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: left top; background-size: auto; position: absolute; right: 25px; top: 35px; width: 66px; height: 54px; } .main #container .sec.ty3 .solutions .prod .desc--bg{position:absolute;left:0;top:0;width:100%;height:0;overflow:hidden;} .main #container .sec.ty3 .solutions .prod.ty1 { margin-left: 0; } .main #container .sec.ty3 .solutions .prod.ty1 h3 { background-color: #1e336c; } .main #container .sec.ty3 .solutions .prod.ty1 h3:before { background-position: 0 -247px; } .main #container .sec.ty3 .solutions .prod.ty2 h3 { background-color: #004e6b; } .main #container .sec.ty3 .solutions .prod.ty2 h3:before { background-position: 0 -660px; } .main #container .sec.ty3 .solutions .prod.ty3 h3 { background-color: #7e0043; } .main #container .sec.ty3 .solutions .prod.ty3 h3:before { background-position: 0 -301px; } .main #container .sec.ty3 .solutions .prod.ty4 h3 { background-color: #f16506; } .main #container .sec.ty3 .solutions .prod.ty4 h3:before { background-position: 0 -355px; } .main #container .sec.ty3 .solutions .prod .btn--down { position: absolute; left: 50%; bottom: 29px; margin-left: -50px; display: inline-block; text-align: center; border: 1px solid #bfbfbf; padding: 6px 20px 3px; } /**/ .main #container .sec.ty3 .solutions .prod .desc--txt{position:absolute;left:0;top:0;opacity:0;} .main #container .sec.ty3 .solutions .prod.on .desc--txt{opacity:1;transition-timing-function:linear;transition-duration:0.5s;} /**/ .main #container .sec.ty3 .solutions .prod.on h3{text-indent:-9999px;} .main #container .sec.ty3 .solutions .prod.on h3:before{display:none} .main #container .sec.ty3 .solutions .prod.on h4 { font-size: 16px; color: #fff; text-align: left; position: relative; padding: 25px 0 20px; margin:0 20px; height: 15px; } .main #container .sec.ty3 .solutions .prod.on h4 span {display:none;} .main #container .sec.ty3 .solutions .prod p { padding: 20px 25px 0; font-size: 14px; line-height: 24px; color: #000; text-align: center; } .main #container .sec.ty3 .solutions .prod.on .desc--bg{height:243px;transition-timing-function:linear;transition-duration:0.4s;} .main #container .sec.ty3 .solutions .prod.on p { padding: 15px 25px 0; color: #fff; text-align: left; } .main #container .sec.ty3 .solutions .prod.on .btn--down { border: 1px solid #fff; color: #fff; } .main #container .sec.ty3 .solutions .prod.on.ty1 .desc--bg { background-color: #1e336c; } .main #container .sec.ty3 .solutions .prod.on.ty1 h4 { border-bottom: 1px solid #6d7a9f; } .main #container .sec.ty3 .solutions .prod.on.ty2 .desc--bg { background-color: #004e6b; } .main #container .sec.ty3 .solutions .prod.on.ty2 h4 { border-bottom: 1px solid #4d8398; } .main #container .sec.ty3 .solutions .prod.on.ty3 .desc--bg { background-color: #7e0043; } .main #container .sec.ty3 .solutions .prod.on.ty3 h4 { border-bottom: 1px solid #ab5985; } .main #container .sec.ty3 .solutions .prod.on.ty4 .desc--bg { background-color: #f16506; } .main #container .sec.ty3 .solutions .prod.on.ty4 h4 { border-bottom: 1px solid #f69b5d; } .main #container .sec.ty3 .family { width: 1090px; } .main #container .sec.ty3 .family ul { position: relative; width: 136px; margin-left: 50px; height: auto; display: inline-block; vertical-align: top;} .main #container .sec.ty3 .family ul.first{margin-left:20px;width:116px;} .main #container .sec.ty3 .family ul li { text-align: left; font-size: 16px; color: #b0b0b0; line-height:24px; } .main #container .sec.ty3 .family ul li:first-child { margin-bottom: 7px;} .main #container .sec.ty3 .family ul li a { font-size: 14px; color: #b0b0b0; } .main #container .sec.ty3 .family ul li a:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #b0b0b0; margin: 3px 8px 3px 0; } .main #container .sec.ty3 .family ul li a:hover { color: #FFF; text-decoration: underline; } .main #container .sec.ty3 .family ul li a:hover:before { background-color: #FFF; } .main #noticeWrap .notice-wrap { position: fixed; top:0; z-index: 3; width: 100%; height:74px; background-color: #000; } .main #noticeWrap.shide .notice-wrap { transition: height linear 200ms; height:0 !important; } .main #noticeWrap .notice-wrap .notice-body { position: relative; width: 1256px; height:100%; margin: 0 auto; padding: 0; } .main #noticeWrap .notice-wrap .notice-body .noticeList { width: 1136px; } .main #noticeWrap .notice-wrap .notice-body .noticeList li { float: left; width: 100%; height:74px; line-height:74px; margin-left: 5px; color: #fff; } .main #noticeWrap .notice-wrap .notice-body .noticeList li:first-child {padding-left:3px;} .main #noticeWrap .notice-wrap .notice-body .noticeList li:not(:first-child) {display:none;} /*.main #noticeWrap .notice-wrap .notice-body .noticeList li.isbd { border-right: 1px solid #507fa6; }*/ .main #noticeWrap .notice-wrap .notice-body .noticeList li.wide { width: 1082px; margin-left: 5px; } .main #noticeWrap .notice-wrap .notice-body .noticeList li a { display: block; } .main #noticeWrap .notice-wrap .notice-body .noticeList li a span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family:nbg; } .main #noticeWrap .notice-wrap .notice-body .noticeList li a span.category_nm { font-size: 16px; color: #999; width:200px; } .main #noticeWrap .notice-wrap .notice-body .noticeList li a span.tit { margin-left:2px; font-size: 14px; color: #fefefe; max-width:500px; } .main #noticeWrap .notice-wrap .notice-body .noticeList li a span.cont { margin-left:10px; font-size: 14px; color: #999; width:65%; } .main #noticeWrap .notice-wrap .notice-body .noticeList li a:hover, .main #container .notice-wrap .notice-body .noticeList li a:focus { text-decoration: none; } .main #noticeWrap .notice-wrap .notice-body .notice-close { position: absolute; right: 3px; top: 15px; width: 17px; height: 17px; } .main #noticeWrap .notice-wrap .notice-body .notice-close:before { content: ""; position: absolute; top: 0; right: 0; width: 17px; height: 17px; background-image: url("/Content/images/mains.png?ver=2.1"); background-repeat: no-repeat; background-position: 0 -612px; background-size: auto; } .main #noticeWrap .notice-wrap .notice-body .notice-close:hover:before, .main #container .notice-wrap .notice-body .notice-close:focus:before { background-color: #153b5c; } .main #noticeWrap .notice-wrap .notice-body .today { position: absolute; right: 7px; top: 43px; font-family: nbg; font-size: 13px; color: #999; } .guide--wrap { overflow-y: auto; position: relative; width: 900px; margin: 0 auto; } .guide--wrap div { font-size: 0; } .guide--wrap button { position: absolute; top: 395px; width: 58px; height: 58px; background-image: url("/Content/images/btn_guide.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .guide--wrap .btn--prev { left: 18px; } .guide--wrap .btn--next { right: 18px; background-position: 0 bottom; } .mem_accent { color : #fff !important; } /**************************************************/ /*layer*/ .lay--wrap { display: inline-block; position: relative; } .pos--st { position: static !important; } .pos--re { position: relative !important; } .is-hidden { display: none; } /*viewer*/ .viewer { overflow-y: auto; position: static; display: flex; flex-direction: column; } .viewer .lay--popHeader { position: static; height: auto; padding-bottom: 4px; } .viewer .lay--popHeader .tit { width: calc(100% - 130px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .viewer .lay--popHeader .tit.global { width: calc(100% - 250px); } .viewer .lay--popHeader .date { overflow: hidden; } .viewer .lay--popHeader .btn--adobe { position: absolute; right: 35px; top: 5px; } .viewer .lay--popHeader .btn--emis { position: absolute; right: 35px; top: 5px; } .viewer .lay--popFooter { padding: 0; border-top: 1px solid #e9e9e9; } .viewer .lay--popFooter .comment { padding: 4px 15px; } .viewer .lay--popFooter .comment li { margin: 0; text-align: left; background-image: none; position: relative; word-break: keep-all; } .viewer .lay--popFooter .comment li:before { position: absolute; content: '※'; left: 0; top: 0; } .viewer .viewer--content { height: 100%; display: flex; flex-direction: column; } .viewer--info { background: #eee; display: flex; flex-wrap: wrap; padding: 6px 15px; column-gap: 20px; grid-row-gap: 4px; } .viewer--info li { float: left; vertical-align: middle; margin-left: 20px; font-size: 11px; color: #a3a3a3; } .viewer--info li:first-child { margin-left: 0; } .viewer--info .fl { display: flex; flex-wrap: wrap; column-gap: 20px; } .viewer--info .fl:before, .viewer--info .fl:after { display: none; } .viewer--info .fl a, .viewer--info .fl button { display: inline; font-size: 11px; } .viewer--info .fl li { margin-left: 0; } .viewer--info .fr { margin-left: auto; } .viewer--info .fr button { vertical-align: middle; } .viewer--info .fr button + span, .viewer--info .fr a + span, .viewer--info .fr div + span { margin-left: 5px; vertical-align: top; color: #363636; font-size: 11px; cursor: pointer; } .viewer--info .fr .btn--comp { vertical-align: middle; } .viewer--info .fr .rate { display: inline-block; vertical-align: top; color: #363636; font-size: 11px; margin-left: 5px; } .viewer--ifm { width: 100%; height: 100%; } .viewer--ifm > iframe { width: 100%; height: 100%; } .viewer--ifm.mv { padding: 30px 65px; min-width: auto; overflow-y: scroll; } .viewer--ifm .player { width: 640px; height: 360px; margin: 20px auto 30px; } .viewer--ifm .article { padding-bottom: 40px; font-size: 14px; line-height: 24px; color: #000; } .viewer--ifm .article strong { font-weight: bold; } /*lay--pop st1*/ .lay--pop { /*layer st1 size*/ } .lay--pop.set { position: absolute; background: #fff; text-align: left; z-index: 5; position: fixed; left: 50%; margin-left: -300px; top: 100px; } .lay--popHeader { position: relative; padding: 8px 15px; background: #303c55; } .lay--popHeader .tit { display: inline-block; font-weight: bold; color: #fff; } .lay--popHeader .date { display: inline-block; font-size: 11px; color: #adadad; margin-left: 15px; } .lay--popHeader .btn--x { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -20px; position: absolute; right: 10px; top: 9px; } .lay--popContents { margin: 20px 25px; /*fngHelp*/ } .lay--popContents .cont--tit { text-align: center; color: #6c6c6c; margin-bottom: 10px; } .lay--popContents .cont--tit strong { font-size: 16px; font-weight: bold; color: #000; } .lay--popContents .grid--header { padding-top: 0 !important; overflow: hidden; min-height: inherit; } .lay--popContents .opt { /*position: absolute; right: 25px; top: 55px;*/ margin-bottom: 0; } .lay--popContents .tab--type1 a.btn--tab, .lay--popContents .tab--type1 button.btn--tab { padding-left: 10px; padding-right: 10px; } .lay--popContents.gg .lookup--sch { text-align: center; } .lay--popContents.gg .lookup--sch p { padding: 20px; } .lay--popContents.gg .lookup--sch p strong { color: #e20400; font-weight: bold; } .lay--popContents.gg .guide ol { padding: 25px 0 0 20px; } .lay--popContents.gg .guide ol li { list-style-type: decimal; padding-bottom: 10px; } .lay--popContents.gg .guide ol li strong { color: #005dde; font-weight: bold; } .lay--popContents.gg .guide ol li img { margin: 20px 0; margin-left: -15px; } .lay--popFooter { text-align: center; padding: 10px 0 20px; /*close*/ } .lay--popFooter .btn--close { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; } .lay--popFooter .btn--close:hover, .lay--popFooter .btn--close:focus { color: #fff !important; text-decoration: none; } .lay--popFooter .btn--back { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; } .lay--popFooter .btn--back:hover, .lay--popFooter .btn--back:focus { color: #fff !important; text-decoration: none; } .lay--popFooter .btn--save { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; } .lay--popFooter .btn--save:hover, .lay--popFooter .btn--save:focus { color: #fff !important; text-decoration: none; } .lay--popFooter .btn--set { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; } .lay--popFooter .btn--set:hover, .lay--popFooter .btn--set:focus { color: #fff !important; text-decoration: none; } .lay--popFooter .grid--footer { margin-top: -10px; } .lay--pop.pw { width: 500px !important; margin-left: -250px !important; } .lay--pop.log, .lay--pop.zip { width: 600px; margin-left: -300px; } .lay--pop.log .zip--area .resultText, .lay--pop.zip .zip--area .resultText { text-align: center; padding: 9px 0 14px; } .lay--pop.log .zip--area .resultText strong, .lay--pop.zip .zip--area .resultText strong { color: #ca527a; } .lay--pop.log .zip--area .resultList, .lay--pop.zip .zip--area .resultList { position: relative; height: 470px; overflow-y: scroll; overflow-x: hidden; border-top: 1px solid #929ba6; border-bottom: 1px solid #929ba6; } .lay--pop.log .zip--area .resultList ul li, .lay--pop.zip .zip--area .resultList ul li { border-top: 1px solid #e9e9e9; padding: 5px 0; } .lay--pop.log .zip--area .resultList ul li:first-child, .lay--pop.zip .zip--area .resultList ul li:first-child { border-top: 0; } .lay--pop.log .zip--area .resultList ul li button span, .lay--pop.zip .zip--area .resultList ul li button span { display: block; float: left; } .lay--pop.log .zip--area .resultList ul li button span.code, .lay--pop.zip .zip--area .resultList ul li button span.code { width: 85px; text-align: center; } .lay--pop.log .zip--area .resultList ul li button span.addr, .lay--pop.zip .zip--area .resultList ul li button span.addr { margin-left: 10px; width: 430px; } .lay--pop.selectcom, .lay--pop.owfund, .lay--pop.items, .lay--pop.calEco { width: 500px; margin-left: -250px; } .lay--pop.calItem, .lay--pop.saveScr { width: 400px; margin-left: -200px; } .lay--pop.saveScr .clear--wrap input[type=text] { width: 200px; } .lay--pop.calBond { width: 920px; margin-left: -460px; } .lay--pop.calBondChart { width: 840px; margin-left: -420px; } .lay--pop.bandchart { width: 480px; margin-left: -240px; } .lay--pop.item { width: 600px; margin-left: -300px; } .lay--pop.calEvent{width:480px; margin-left:-240px;} .lay--pop.pf { width: 600px; margin-left: -300px; } .lay--pop.pf .pf--col { float: left; width: 178px; margin-top: 10px; margin-left: 5px; border: 1px solid #bdc5ce; } .lay--pop.pf .pf--col:nth-of-type(1) { margin-left: 0; } .lay--pop.pf .pf--col .tit { font-weight: bold; border-bottom: 1px solid #bdc5ce; background-color: #fafafa; min-height: 14px; padding: 8px 10px 10px 7px; overflow: hidden; } .lay--pop.pf .pf--col .tit select { width: 90px; padding: 0; } .lay--pop.pf .pf--col .tit input[type=checkbox] + label { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 0; } .lay--pop.pf .pf--col .tit .count { font-weight: normal; } .lay--pop.pf .pf--col .cont { position: relative; height: 380px;} .lay--pop.pf .pf--col .cont.ul--col{border:0 none;margin:0;} .lay--pop.pf .pf--col .cont.ul--col .ul--body{padding-top:0;padding-bottom:0;height:380px;background-position:0 -1px; width:100%;overflow-x:auto;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li{border:0 none;padding:0;overflow:initial;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li:hover{background:none} /*.lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep1 label{margin-left:20px}*/ .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep2 label{margin-left:20px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep3 label{margin-left:40px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep4 label{margin-left:60px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep5 label{margin-left:80px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep6 label{margin-left:100px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep7 label{margin-left:120px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li.dep8 label{margin-left:140px} .lay--pop.pf .pf--col .cont.ul--col .ul--body li > ul{padding:0;overflow:inherit;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li > span{position:relative;width:inherit;height:28px;line-height:25px;padding-left:7px;padding-right:7px;overflow:initial;} /*.lay--pop.pf .pf--col .cont.ul--col .ul--body li > span .btn--exp{position:absolute;left:4px;top:50%;margin-top:-6px;}*/ .lay--pop.pf .pf--col .cont.ul--col .ul--body li > span .btn--exp{margin-top:0} .lay--pop.pf .pf--col .cont.ul--col .ul--body li > span label{position:static;width:inherit;margin-right:0;/*padding-left:18px;*/box-sizing:border-box;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li > span .btn--va{width:auto;outline:none;margin-left:0;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li > span .btn--va label{padding-left:0} .lay--pop.pf .pf--col .cont.ul--col .ul--body li .checks label{width:inherit;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li input[type='checkbox']{vertical-align:middle;} .lay--pop.pf .pf--col .cont.ul--col .ul--body li input[type='checkbox'] + label { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .lay--pop.pf .pf--col .cont.ul--col .ul--body li input[type='checkbox'] + label:before {position:absolute;left:4px;top:50%; width: 14px; height: 14px; margin: -7px 0 0 0; content: ' '; vertical-align: middle; background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left top; background-size: auto; } .lay--pop.pf .pf--col .cont.ul--col .ul--body li input[type='checkbox']:checked + label:before { background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left -14px; background-size: auto; } .lay--pop.pf .pf--col .cont.ul--col .ul--body li input[type='checkbox']:disabled + label:before { background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left -28px; background-size: auto; } .lay--pop.pf .pf--col .cont.ul--col .ul--body li input[type='checkbox']:checked:disabled + label:before { background-image: url("/Content/images/bg_check.gif"); background-repeat: no-repeat; background-position: left -42px; background-size: auto; } .lay--pop.pf .pf--col .cont.isScr ul { overflow-y: auto; overflow-x: hidden; height: 370px; } .lay--pop.pf .pf--col .cont.isScr.isBtn ul { height: 330px; } .lay--pop.pf .pf--col .cont ul { padding: 5px 7px; } .lay--pop.pf .pf--col .cont ul.gr { padding: 5px 0; } .lay--pop.pf .pf--col .cont ul.gr li { position: relative; padding: 2px 5px 2px 7px; cursor: pointer; overflow: hidden; } .lay--pop.pf .pf--col .cont ul.gr li.on { background-color: #6e7b9d !important; color: #fff !important; } .lay--pop.pf .pf--col .cont ul.gr li.on .btn--text-ty2, .lay--pop.pf .pf--col .cont ul.gr li.on .count { color: #fff !important; } .lay--pop.pf .pf--col .cont ul.gr li.on > button { color: #fff; } .lay--pop.pf .pf--col .cont ul.gr li:hover { background-color: #f0f1f6; } .lay--pop.pf .pf--col .cont ul.gr li .inner { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lay--pop.pf .pf--col .cont ul.gr li .clear--wrap { float: left; width: 115px; border: 0; } .lay--pop.pf .pf--col .cont ul.gr li .clear--wrap input[type=text] { width: 100px; height: 18px; padding: 0 15px 0 0; } .lay--pop.pf .pf--col .cont ul.gr li .clear--wrap .btn--clear { right: 2px; top: 1px; } .lay--pop.pf .pf--col .cont ul.gr li .b { float: right; } .lay--pop.pf .pf--col .cont ul.gr li > button { display: block; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lay--pop.pf .pf--col .cont ul li { display: block; } .lay--pop.pf .pf--col .cont ul li label { width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lay--pop.pf .pf--col .cont .btns { position: absolute; bottom: 10px; left: 0; width: 158px; padding: 0 10px; } .lay--pop.pf .pf--col .cont .btns .btn--up { width: 18px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -500px; border: 1px solid #b7b7b7; } .lay--pop.pf .pf--col .cont .btns .btn--down { width: 18px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -520px; border: 1px solid #b7b7b7; } .lay--pop.pf .pf--col .count { float: left; display: inline-block; font-size: 11px; color: #a3a3a3; letter-spacing: -1px; margin: 1px 0 0 3px; } .lay--pop.itemlist { width: 600px; margin-left: -300px; } .lay--pop.shareholder { width: 1000px; margin-left: -500px; } .lay--pop.owimg { width: 800px; margin-left: -400px; } .lay--pop.dbchart { width: 640px; margin-left: -320px; } .lay--pop.site .pf--col{width:270px;overflow-x:auto;overflow-y:hidden;} .lay--pop.site .pf--col .cont.isScr ul li{position:relative;background-color:none;cursor:default} .lay--pop.site .pf--col .cont.isScr ul li > .chk_input{left:0;top:0;} .lay--pop.site .pf--col .cont.isScr ul li > ul{overflow-y:visible;height:100%;} .lay--pop.site .pf--col .cont .btns{width:250px;} .lay--pop.site .pf--col .cont ul.siteChk li label{width:220px;word-break:keep-all;padding-left:19px;text-indent:-19px;overflow:inherit;text-overflow:inherit;white-space:normal;} .lay--pop.site .siteChk li{padding-top:5px;} .lay--pop.site .siteChk li:first-child{padding-top:0} /*.lay--pop.site .pf--col .cont.isScr .ul--body li > span button.btn--exp{width:13px;height:13px;background-position:0 -600px;} .lay--pop.site .pf--col .cont.isScr .ul--body li > span button.btn--va{ height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -620px; margin-left: 8px; padding-left: 10px; margin-top: -5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/ /*lay--df st2*/ .lay--df { position: absolute; background: #fff; text-align: left; z-index: 5; left: 0; margin-top: 2px; border: 1px solid #5e6471; /*layer st2 size*/ } .lay--dfHeader { position: relative; padding: 8px 15px; background: #fff; border-bottom: 1px solid #c6c6c6; } .lay--dfHeader .tit { font-weight: bold; } .lay--dfHeader .btn--x { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -20px; position: absolute; right: 10px; top: 9px; } .lay--dfContents { border-top: 2px solid #f1f1f1; padding: 20px 25px; } .lay--dfFooter { text-align: center; padding: 10px 0 20px; } .lay--dfFooter .btn--close { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; } .lay--dfFooter .btn--close:hover, .lay--dfFooter .btn--close:focus { color: #fff !important; text-decoration: none; } .lay--df.cal1 { width: 228px; } .lay--df.cal1 .lay--dfContents { padding: 10px 15px 15px; } .lay--df.cal2 { width: 439px; } .lay--df.cal2 .lay--dfContents { padding: 10px 15px 15px; overflow: hidden; } .lay--df.cal2 .lay--dfContents .period { overflow: hidden; padding-bottom: 10px; } .lay--df.cal2 .lay--dfContents .period .btn--ranges { margin-left: 0; margin-right: 5px; padding: 2px 13px; text-align: center; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; text-decoration: none; } .lay--df.cal2 .lay--dfContents .cal--wrap { /*.calendar:first-of-type { float: left; } .calendar:last-of-type { float: right; }*/ } .lay--df.cal2 .lay--dfContents .cal--wrap > div:first-of-type { float: left; } .lay--df.cal2 .lay--dfContents .cal--wrap > div:last-of-type { float: right; } .lay--df.cal3 { width: 228px; } .lay--df.cal3 .lay--dfContents { padding: 10px 15px 15px; } .lay--df.cal3 .lay--dfContents .mmList li { float: left; width: 49px; border-bottom: 1px solid #e9e9e9; padding: 7px 0; } .lay--df.cal3 .lay--dfContents .mmList li button { width: 100%; height: 33px; text-align: center; line-height: 33px; border: 1px solid #fff; color: #505050; } .lay--df.cal3 .lay--dfContents .mmList li button.on, .lay--df.cal3 .lay--dfContents .mmList li button:hover:not(:disabled) { border: 1px solid #ebb2c0; background: #fdf0f0; color: #ca527a; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; text-decoration: none; } .lay--df.cal3 .lay--dfContents .mmList li button:disabled { color: #adadad; cursor: default; text-decoration: none; } .lay--df.ag { width: 251px; } .lay--df.ag .age, .lay--df.ag .gender { display: inline-block; vertical-align: top; } .lay--df.ag .age .checks > span, .lay--df.ag .gender .checks > span { display: block; margin-top: 7px; } .lay--df.ag .age .checks > span:first-child, .lay--df.ag .gender .checks > span:first-child { margin-top: 0; } .lay--df.ag .age { width: 100px; border-right: 1px solid #e5e5e5; } .lay--df.ag .gender { width: 76px; margin-left: 20px; } .lay--df.industry .lay--dfContents, .lay--df.inv .lay--dfContents { height: 560px; } .lay--df.industry .lay--dfContents .tab--type1, .lay--df.inv .lay--dfContents .tab--type1 { margin-bottom: 0; } .lay--df.industry .lay--dfContents .tab--type1 .invSet, .lay--df.inv .lay--dfContents .tab--type1 .invSet { position: absolute; right: 1px; top: 2px; } .lay--df.industry .lay--dfContents .tab--type1 .invSet button, .lay--df.inv .lay--dfContents .tab--type1 .invSet button { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -1037px; color: #6c6c6c; } .lay--df.com .lay--dfContents { height: 403px; } .lay--df.industry, .lay--df.com { width: 890px; } .lay--df.industry .inner, .lay--df.com .inner { padding: 20px 0; overflow: hidden; border-top: 1px solid #e9e9e9; } .lay--df.industry .inner:first-child, .lay--df.com .inner:first-child { border: 0; } .lay--df.industry .inner .checks, .lay--df.com .inner .checks { float: left; width: 168px; } .lay--df.industry .inner .checks > span, .lay--df.com .inner .checks > span { display: block; margin-top: 7px; } .lay--df.industry .inner .checks > span strong, .lay--df.com .inner .checks > span strong { font-weight: bold; } .lay--df.industry { width: 890px; } .lay--df.industry .inner { padding: 20px 0; overflow: hidden; border-top: 1px solid #e9e9e9; } .lay--df.industry .inner.sec1 { padding: 15px 5px 25px 15px; } .lay--df.industry .inner.sec1 > .checks { width: 114px; } .lay--df.industry .inner.sec2 { display: table; padding: 0; } .lay--df.industry .inner.sec2 .column { display: table-cell; width: 253px; height: 460px; padding: 15px 5px 25px 15px; border-left: 1px solid #e9e9e9; vertical-align: top; } .lay--df.industry .inner.sec2 .column:first-child { border-left: 0; } .lay--df.industry .inner.sec2 .column .btn--exp { position: absolute; left: 0; top: 3px; height: 14px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -1003px; padding-left: 14px; margin-right: 2px; margin-top: -1px; vertical-align: middle; } .lay--df.industry .inner.sec2 .column .btn--exp.on { height: 14px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -1023px; } .lay--df.industry .inner.sec2 .column ul { padding-left: 20px; } .lay--df.industry .inner.sec2 .column ul:first-child { padding-left: 0; } .lay--df.industry .inner.sec2 .column ul:first-child > li { padding-left: 0; margin-bottom: 20px; } .lay--df.industry .inner.sec2 .column ul:first-child > li:last-child { margin-bottom: 0; } .lay--df.industry .inner.sec2 .column ul.dep3 > li { padding-left: 0; } .lay--df.industry .inner.sec2 .column ul li { display: block; position: relative; padding-left: 20px; margin-top: 7px; } .lay--df.industry .inner.sec2 .column ul li strong { font-weight: bold; } .lay--df.industry .inner.sec2 .column ul li label { margin-right: 0; } .lay--df.industry .inner.sec2.global .column { width: 270px; } .lay--df.industry .inner.sec2.global .column .checks { width: auto; margin-bottom: 20px; clear:both;} .lay--df.industry .inner.sec2.global .column.ty2 { width: auto; } .lay--df.industry .ind--wrap, .lay--df.inv .ind--wrap { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; overflow-y: scroll; height: 500px; } .lay--df.inv { width: 320px; left: 895px; } .lay--df.inv .lay--dfContents { height: 618px; } .lay--df.inv .ind--wrap { border-left: 0; border-right: 0; } .lay--df.inv .go { padding: 7px 15px; background-image: url("/Content/images/tab_bg.png"); background-repeat: repeat-x; background-position: 0 0; background-size: auto; } .lay--df.inv .lst { padding-top: 15px; margin-left: 15px; } .lay--df.inv .lst li { padding-left: 10px; padding-bottom: 6px; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -244px; color: #a3a3a3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lay--df.inv .lst li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*layer st3 - help*/ .lay--help { position: absolute; background: #fff; text-align: left; z-index: 5; width: 198px; padding: 10px 15px; z-index: 6; left: -100px; margin-top: 10px; font-size: 11px; color: #505050; font-weight: normal; border: 1px solid #bfbfbf; /*arrow*/ } .lay--help:before { content: ""; position: absolute; left: 50%; top: -6px; margin-left: -13px; width: 10px; height: 6px; background-image: url("/Content/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index: 5; } /*layer st4 - more*/ .lay--more { position: absolute; background: #fff; text-align: left; z-index: 5; width: 250px; padding: 10px 15px; left: 50%; bottom: 23px; margin-left: -140px; margin-top: 10px; font-size: 11px; color: #505050; font-weight: normal; border: 1px solid #bfbfbf; /*arrow*/ } .lay--more:before { content: ""; position: absolute; left: 50%; margin-left: -13px; width: 10px; height: 6px; background-image: url("/Content/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index: 5; bottom: -6px; background-position: 0 -16px; } /*layer st5 - etc*/ .lay { /*move*/ } .lay--move { position: absolute; background: #fff; text-align: left; z-index: 5; width: 210px; height: 380px; z-index: 6; right: -55px; bottom: 26px; border: 1px solid #929ba6; } .lay--move .tit { background-color: #fff; border-bottom: 0; } .lay--move .cont { margin-top: 1px; height: 290px !important; } .lay--move .cont ul { height: 290px !important; } .lay--move .cont ul .inner { width: 200px !important; } .lay--move .btns--m { text-align: center; border-top: 1px solid #e9e9e9; padding: 15px 0; } /*cal common*/ .calComm .calendar .selection, .lay--df.cal1 .lay--dfContents .calendar .selection, .lay--df.cal2 .lay--dfContents .calendar .selection, .lay--df.cal3 .lay--dfContents .calendar .selection { position: relative; text-align: center; background-color: #fafafa; border-top: 1px solid #bdc5ce; border-bottom: 1px solid #bdc5ce; padding: 5px 0; } .calComm .calendar .selection .sel--yy, .lay--df.cal1 .lay--dfContents .calendar .selection .sel--yy, .lay--df.cal2 .lay--dfContents .calendar .selection .sel--yy, .lay--df.cal3 .lay--dfContents .calendar .selection .sel--yy { width: 65px; padding: 0; } .calComm .calendar .selection .sel--mm, .lay--df.cal1 .lay--dfContents .calendar .selection .sel--mm, .lay--df.cal2 .lay--dfContents .calendar .selection .sel--mm, .lay--df.cal3 .lay--dfContents .calendar .selection .sel--mm { width: 53px; padding: 0; } .calComm .calendar .selection .btn--prev, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--prev, .lay--df.cal2 .lay--dfContents .calendar .selection .btn--prev, .lay--df.cal3 .lay--dfContents .calendar .selection .btn--prev { width: 18px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -1px -241px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; left: 5px; top: 5px; } .calComm .calendar .selection .btn--next, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--next, .lay--df.cal2 .lay--dfContents .calendar .selection .btn--next, .lay--df.cal3 .lay--dfContents .calendar .selection .btn--next { width: 18px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -1px -261px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; right: 5px; top: 5px; } .calComm .calendar table, .lay--df.cal1 .lay--dfContents .calendar table, .lay--df.cal2 .lay--dfContents .calendar table, .lay--df.cal3 .lay--dfContents .calendar table { width: 196px; border-bottom: 1px solid #e9e9e9; } .calComm .calendar table col, .lay--df.cal1 .lay--dfContents .calendar table col, .lay--df.cal2 .lay--dfContents .calendar table col, .lay--df.cal3 .lay--dfContents .calendar table col { width: 28px; } .calComm .calendar table thead th, .lay--df.cal1 .lay--dfContents .calendar table thead th, .lay--df.cal2 .lay--dfContents .calendar table thead th, .lay--df.cal3 .lay--dfContents .calendar table thead th { padding: 4px 2px; border-bottom: 1px solid #e9e9e9; color: #505050; } .calComm .calendar table tbody td, .lay--df.cal1 .lay--dfContents .calendar table tbody td, .lay--df.cal2 .lay--dfContents .calendar table tbody td, .lay--df.cal3 .lay--dfContents .calendar table tbody td { padding: 0; height: 28px; margin: 2px; } .calComm .calendar table tbody td button, .lay--df.cal1 .lay--dfContents .calendar table tbody td button, .lay--df.cal2 .lay--dfContents .calendar table tbody td button, .lay--df.cal3 .lay--dfContents .calendar table tbody td button { display: block; width: 100%; height: 100%; color: #6c6c6c; text-align: center; text-decoration: none; } .calComm .calendar table tbody td button:hover:not(:disabled), .lay--df.cal1 .lay--dfContents .calendar table tbody td button:hover:not(:disabled), .lay--df.cal2 .lay--dfContents .calendar table tbody td button:hover:not(:disabled), .lay--df.cal3 .lay--dfContents .calendar table tbody td button:hover:not(:disabled) { background-color: #fdf0f0; border: 1px solid #ebb2c0; color: #ca527a !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; } .calComm .calendar table tbody td.sat button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.sat button, .lay--df.cal2 .lay--dfContents .calendar table tbody td.sat button, .lay--df.cal3 .lay--dfContents .calendar table tbody td.sat button { color: #459bf4; } .calComm .calendar table tbody td.sun button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.sun button, .lay--df.cal2 .lay--dfContents .calendar table tbody td.sun button, .lay--df.cal3 .lay--dfContents .calendar table tbody td.sun button { color: #ff4123; } .calComm .calendar table tbody td.holiday button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.holiday button, .lay--df.cal2 .lay--dfContents .calendar table tbody td.holiday button, .lay--df.cal3 .lay--dfContents .calendar table tbody td.holiday button { color: #ff4123; } .calComm .calendar table tbody td.today button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.today button, .lay--df.cal2 .lay--dfContents .calendar table tbody td.today button, .lay--df.cal3 .lay--dfContents .calendar table tbody td.today button { background-color: #fdf0f0; border: 1px solid #ebb2c0; color: #ca527a !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; } .calComm .calendar table tbody td.is-selected button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.is-selected button, .lay--df.cal2 .lay--dfContents .calendar table tbody td.is-selected button, .lay--df.cal3 .lay--dfContents .calendar table tbody td.is-selected button { background-color: #fdf0f0; border: 1px solid #ebb2c0; color: #ca527a !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; } /*popComp*/ .popComp { overflow-y: auto; position: relative; } /*For print*/ @page { size: A4; margin: 10mm 5mm; } @media print { html, body { color: #000; width: 210mm; -webkit-print-color-adjust: exact !important; } .header, .side, .footer, .lay--help { display: none; } #container, .inside, #container .contents.isSide { width: 100%; min-width: 100%; padding: 0; margin: 0; float: none; } #container .searchBox .row > div, .inside .searchBox .row > div, #container .contents.isSide .searchBox .row > div { margin-right: 5px; } #container .searchBox .autocomp, .inside .searchBox .autocomp, #container .contents.isSide .searchBox .autocomp { margin-right: 0; } #container .searchBox .autocomp .clear--wrap, .inside .searchBox .autocomp .clear--wrap, #container .contents.isSide .searchBox .autocomp .clear--wrap { width: 186px; } #container .searchBox .autocomp .clear--wrap input[type=text], .inside .searchBox .autocomp .clear--wrap input[type=text], #container .contents.isSide .searchBox .autocomp .clear--wrap input[type=text] { width: 160px; } #container .searchBox .print, .inside .searchBox .print, #container .contents.isSide .searchBox .print { display: none; } #container .searchBox .row .files .inner, .inside .searchBox .row .files .inner, #container .contents.isSide .searchBox .row .files .inner { margin-bottom: 10px; } #container thead, .inside thead, #container .contents.isSide thead { display: table-header-group; } #container tr, .inside tr, #container .contents.isSide tr { page-break-inside: avoid; } #container .tbl--sort thead th, .inside .tbl--sort thead th, #container .contents.isSide .tbl--sort thead th { position: inherit; } #container .tbl--col thead th .btn--help, .inside .tbl--col thead th .btn--help, #container .contents.isSide .tbl--col thead th .btn--help { display: none; } #container .tbl--ell tbody td > a, .inside .tbl--ell tbody td > a, #container .contents.isSide .tbl--ell tbody td > a { overflow: visible; white-space: normal; text-overflow: clip; } #container #Grid1 table, .inside #Grid1 table, #container .contents.isSide #Grid1 table { table-layout: auto; } #container #Grid1 table th, #container #Grid1 table td, .inside #Grid1 table th, .inside #Grid1 table td, #container .contents.isSide #Grid1 table th, #container .contents.isSide #Grid1 table td { padding-left: 3px; padding-right: 3px; } } /**************************************************/ /*common*/ /**************************************************/ /*grid--header*/ .grid--header { min-height: 28px; margin-bottom: 5px; padding-top: 25px; } .grid--header.mem { background-image: url("/Content/images/mem_h.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; padding-top: 15px; margin-top: 50px; margin-bottom: 15px; } .grid--header.mem .ast { font-size: 12px; font-weight: normal; margin-left: 10px; vertical-align: inherit; } .grid--header.mem .opt--item .checks .ast { margin-right: 10px; } .grid--header.ty2 {/*overflow: hidden;*/ min-height: 18px; padding-top: 30px; } .grid--header.ty2:after{content:'';display:block;clear:both;} .grid--header.ty2 .tit { font-size: 12px; color: #505050; } .grid--header.ty2 .date, .grid--header.ty2 .total, .grid--header.ty2 .infoTxt { line-height: 18px; } .grid--header.ty3 { padding-top: 10px; } .grid--header.ty4 {min-height: 18px; padding-top:5px;} .grid--header.ty4:after{content:'';display:block;clear:both;} .grid--header.ty4 .tit { font-size: 12px; color: #505050;margin-top:5px; } .grid--header.ty4 .date, .grid--header.ty4 .total, .grid--header.ty4 .infoTxt { line-height: 18px; margin-top:5px;} .grid--header.ty4 .lay--wrap{margin-top:4px;} .grid--header > .tit { float: left; font-size: 16px; font-weight: bold; color: #000; } .grid--header .text { float: left; } .grid--header .text strong { font-weight: bold; color: #94243b; } .grid--header > .keyRe { float: left; margin-left: 10px; color: #898989; margin-top: 2px; } .grid--header .date { float: left; line-height: 24px; vertical-align: bottom; margin-left: 10px; color: #a3a3a3; } .grid--header .total { float: left; line-height: 24px; vertical-align: bottom; color: #363636; } .grid--header .total:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; } .grid--header .infoTxt { float: left; line-height: 24px; vertical-align: bottom; color: #ca527a; font-size: 11px; } .grid--header .infoTxt:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; } .grid--header .icons { float: left; } .grid--header .icons li { display: inline-block; margin-right: 15px; } .grid--header .icons li > span { margin-right: 5px; } .grid--header .spTit { float: left; vertical-align: bottom; } .grid--header .spTit:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; vertical-align:middle;} .grid--header .spTit a { float: left; margin-right: 30px; width: 100px; height: 19px; background-image: url("/Content/images/heading.png?20240507"); background-repeat: no-repeat; background-position: 0 -390px; background-size: auto; float: none; vertical-align: middle; } .grid--header .spTit span{font-weight:bold; vertical-align: middle; } .grid--header .spTit.spTit__smallCap a {width:110px;background-position: 0 -474px;} .grid--header .lay--wrap { vertical-align: middle; margin-left: 5px; } .grid--header .lay--wrap .btn--help { vertical-align: middle; } .opt { float: right; } .opt .opt--item:first-child{margin-left:0;} .opt--item { display: inline-block; vertical-align: middle; margin-left: 10px; } .opt--item .unit { color: #a3a3a3; } .opt--item:not(.checks) > label { line-height: 28px; margin-right: 5px; vertical-align: top; } /*item--flash*/ .opt--item .item--flash {display:inline-block;margin-right:25px;} .opt--item .item--flash .label--flash {line-height:28px;margin-right:0;} .opt--item .item--flash .btn--flash {vertical-align: middle;margin-top: 0;margin-right:1px;} .btn--flash { width: 16px; height: 16px; background-image: url(/Content/images/btn.png?v=201810252); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -867px; margin: 5px 5px 0 0; vertical-align: top; } /*tbl--flash*/ .tbl--flash tbody td .btn--flash {margin: 0;vertical-align: bottom;background-image: none;cursor:default;} .tbl--flash tbody td .btn--flash:focus, .tbl--flash tbody td .btn--flash:active {border: none;box-shadow: none;outline: none;cursor: default;} .tbl--flash tbody td .btn--flash.fon {background-image: url(/Content/images/btn.png?v=20181106);} /*grid--footer*/ .grid--footer { position: relative; margin-top: 20px; } .grid--footer .paging { text-align: center; } .grid--footer .paging a, .grid--footer .paging button, .grid--footer .paging em { display: inline-block; vertical-align: middle; width: 26px; height: 26px; border: 1px solid #bdc5ce; background-color: #fff; color: #6c6c6c; text-decoration: none; text-align: center; } .grid--footer .paging em { border: 0; background-color: #5e6471; color: #fff; font-weight: bold; line-height: 26px; } .grid--footer .paging .btn--first { width: 26px; height: 26px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 3px -35px; } .grid--footer .paging .btn--prev { width: 26px; height: 26px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 5px -55px; } .grid--footer .paging .btn--next { width: 26px; height: 26px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 5px -75px; } .grid--footer .paging .btn--last { width: 26px; height: 26px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 3px -95px; } .grid--footer .total { position: absolute; right: 0; top: 5px; font-size: 12px; color: #94243b; } .grid--footer .total strong { font-weight: bold; } .btns--r { margin-top: 10px; float: right; /*position: absolute; right: 0; top: 0;*/ } .btns--posR{position:absolute;right:0;top:13px;} .grid--result { margin-top: 40px; } .btn--lay { text-decoration: underline; } /*grid*/ table { width: 100%; table-layout: fixed; word-break: break-all; } table th, table td { text-align: left; vertical-align: middle; padding-left: 10px; padding-right: 10px; background-clip: padding-box !important; } table thead th { text-align: center; } table tbody th, table td { text-align: left; background: #fff; } table tbody th a, table tbody th button, table td a, table td button { color: #6c6c6c; } table tbody th a:hover, table tbody th button:hover:not(:disabled), table td a:hover, table td button:hover:not(:disabled) { color: #ca527a !important; } table tbody th a:visited, table tbody th button:visited, table td a:visited, table td button:visited { color: #6974dc; } table td.nodata { text-align: center !important; } table td.td--date { /*font-family: dotum;*/ text-align: center; letter-spacing: -0.5px; } table td.td--date .btn--chart { /*font-family: dotum !important;*/ text-decoration: underline; } table td.td--isScr { padding-left: 27px !important; } table td .va { display: block; } .td--bgc1, .rowBgc1 th, .rowBgc1 td { background-color: #fff4e1; } .td--bgc2, .rowBgc2 th, .rowBgc2 td { background-color: #f1f6fa; } /*tbl--col*/ .tbl--col { border-bottom: 1px solid #929ba6; } .tbl--col .tbl--header { overflow-x: auto; overflow-y: hidden; } .tbl--col.no-overflow .tbl--header { overflow: inherit; } .tbl--col .tbl--scroll { overflow-y: auto; position: relative; } .tbl--col .tbl--scroll thead { display: none; } .tbl--col thead th { background: #f5f5f5; border-top: 1px solid #929ba6; border-bottom: 1px solid #c5ccd4; background-image: url("/Content/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; padding-top: 5px; padding-bottom: 7px; vertical-align: middle; font-weight: bold; color: #505050; /*help*/ } .tbl--col thead th > span { display: block; text-align: center; font-weight: normal; font-size: 11px; } .tbl--col thead th .btn--exp { padding-left: 17px !important; } .tbl--col thead th .btn--chart { width: 100%; height: 100%; vertical-align: top; text-align: center; font-weight: bold; color: #505050; text-decoration: underline; } .tbl--col thead th .btn--chart .s { display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 4px; text-align: center; text-indent: -99999px; } .tbl--col thead th select { padding: 0; font-weight: bold; color: #505050; } .tbl--col thead th .lay--wrap { vertical-align: top; } .tbl--col thead th .btn--help { display: inline-block; width: 11px; height: 11px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -320px; vertical-align: middle; margin-top: -2px; } .tbl--col thead th .t { display: inline-block; text-align: center; font-weight: normal; font-size: 11px; } .tbl--col thead tr th:first-child { background-image: none; } .tbl--col thead tr th.ln { background-image: url("/Content/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; } .tbl--col thead tr:first-child > th { border-bottom: 1px solid #c5ccd4; } .tbl--col tbody tr.even > th, .tbl--col tbody tr.even > td { background: #fafafa; } .tbl--col tbody .noExp { padding-left: 34px; } .tbl--col tbody tr.selected td { background-color: #ecf7ff !important; } .tbl--col tbody tr.selected td button { font-weight: bold; } .tbl--col tbody th .unit { display: inline-block; margin-left: 5px; color: #a3a3a3; font-size: 11px; } .tbl--col tbody tr.str td { font-weight: bold; } .tbl--col tbody .trans { margin-top: 2px; color: #767676; } .tbl--col tbody th, .tbl--col tbody td { border-bottom: 1px solid #e9e9e9; padding-top: 6px; padding-bottom: 6px; } .tbl--col tbody th a:link, .tbl--col tbody th button, .tbl--col tbody td a:link, .tbl--col tbody td button { color: #363636; } .tbl--col tbody th button.visited, .tbl--col tbody td button.visited { color: #6974dc; } .tbl--col tbody th .code, .tbl--col tbody td .code { display: block; } .tbl--col.checks label { margin-right: 0; } .tbl--col tbody tr.bd_double th, .tbl--col tbody tr.bd_double td{border-bottom:3px double #c5ccd4} .tbl--col tbody td .status{position:relative;} .tbl--col tbody td .bg--green{position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;width:70px;height:20px;background-color:#d6fcdd;border:1px solid #b1ebbc;border-radius:3px;color:#505050;padding:0 5px;} .tbl--col tbody td .bg--blue{position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;width:70px;height:20px;background-color:#e9f9ff;border:1px solid #d0ebf5;border-radius:3px;color:#505050;padding:0 5px;} .tbl--col tbody td .bg--red{position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;width:70px;height:20px;background-color:#ffd6d3;border:1px solid #f3c2bf;border-radius:3px;color:#505050;padding:0 5px;} .tbl--col tbody td .bg--orange{position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;width:70px;height:20px;background-color:#ffecda;border:1px solid #f1d9c3;border-radius:3px;color:#505050;padding:0 5px;} .tbl--col tbody td .bg--yellow{position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;width:70px;height:20px;background-color:#fff7d3;border:1px solid #f4e9ba;border-radius:3px;color:#505050;padding:0 5px;} .tbl--col .opt{text-align:right;float:none;min-height:28px;margin-bottom:5px;} /*tbl--col*/ .tbl--col2 { border-bottom: 1px solid #929ba6; } .tbl--col2 .tbl--header { overflow-x: auto; overflow-y: hidden; } .tbl--col2 .tbl--scroll { overflow-y: auto; position: relative; } .tbl--col2 .tbl--scroll thead { display: none; } .tbl--col2 thead th { background: #f5f5f5; border-top: 1px solid #929ba6; border-bottom: 1px solid #c5ccd4; background-image: url("/Content/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; padding-top: 5px; padding-bottom: 7px; vertical-align: middle; font-weight: bold; color: #505050; /*help*/ } .tbl--col2 thead th > span { display: block; text-align: center; font-weight: normal; font-size: 11px; } .tbl--col2 thead th .btn--exp { padding-left: 17px !important; } .tbl--col2 thead th .btn--chart { width: 100%; height: 100%; vertical-align: top; text-align: center; font-weight: bold; color: #505050; text-decoration: underline; } .tbl--col2 thead th .btn--chart .s { display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 4px; text-align: center; text-indent: -99999px; } .tbl--col2 thead th select { padding: 0; font-weight: bold; color: #505050; } .tbl--col2 thead th .lay--wrap { vertical-align: top; } .tbl--col2 thead th .btn--help { display: inline-block; width: 11px; height: 11px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -320px; vertical-align: middle; margin-top: -2px; } .tbl--col2 thead th .t { display: inline-block; text-align: center; font-weight: normal; font-size: 11px; } .tbl--col2 thead tr th:first-child { background-image: none; } .tbl--col2 thead tr th.ln { background-image: url("/Content/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; } .tbl--col2 thead tr:first-child > th { border-bottom: 1px solid #c5ccd4; } .tbl--col2 tbody tr.even > th, .tbl--col2 tbody tr.even > td { background: #fafafa; } .tbl--col2 tbody .noExp { padding-left: 34px; } .tbl--col2 tbody tr.selected td { background-color: #ecf7ff !important; } .tbl--col2 tbody tr.selected td button { font-weight: bold; } .tbl--col2 tbody th .unit { display: inline-block; margin-left: 5px; color: #a3a3a3; font-size: 11px; } .tbl--col2 tbody tr.str td { font-weight: bold; } .tbl--col2 tbody .trans { margin-top: 2px; color: #767676; } .tbl--col2 tbody th{background-color:#f5f5f5; color:#505050;border-right:1px solid #c5ccd4;} .tbl--col2 tbody th, .tbl--col2 tbody td { border-bottom: 1px solid #e9e9e9; padding-top: 24px; padding-bottom: 24px; } .tbl--col2 tbody th a:link, .tbl--col2 tbody th button, .tbl--col2 tbody td a:link, .tbl--col2 tbody td button { color: #363636; } .tbl--col2 tbody th button.visited, .tbl--col2 tbody td button.visited { color: #6974dc; } .tbl--col2 tbody th .code, .tbl--col2 tbody td .code { display: block; } .tbl--col2.checks label { margin-right: 0; } .tbl--col2 tbody tr.bd_double th, .tbl--col2 tbody tr.bd_double td{border-bottom:3px double #c5ccd4} .tbl--mem{border:1px solid #e9e9e9} .tbl--mem td{vertical-align:top; border-left:1px solid #e9e9e9;word-break:keep-all;} .tbl--mem td strong{font-weight:bold;text-decoration:underline;font-size:14px;color:#355b9e;} .tbl--zebra tbody tr:nth-child(even) > th, .tbl--zebra tbody tr:nth-child(even) > td { background: #fafafa; } /*tbl--narrow*/ .tbl--narrow th, .tbl--narrow td { padding-left: 0; padding-right: 0; } /*tbl--row*/ .tbl--row { border-top: 1px solid #929ba6; border-bottom: 1px solid #929ba6; } .tbl--row th { background: #f5f5f5; font-weight: bold; color: #505050; } .tbl--row th, .tbl--row td { border-bottom: 1px solid #e9e9e9; padding-top: 8px; padding-bottom: 8px; } .tbl--row th a, .tbl--row th button, .tbl--row td a, .tbl--row td button { color: #363636; } .tbl--row tr:last-child th, .tbl--row tr:last-child td { border-bottom: 0; } .tbl--row th .t { display: inline-block; text-align: center; font-weight: normal; font-size: 11px; } /*tbl--ell*/ .tbl--ell tbody th, .tbl--ell tbody td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tbl--ell tbody th > a, .tbl--ell tbody th > button, .tbl--ell tbody td > a, .tbl--ell tbody td > button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline; max-width: 100%; } .tbl--ell tbody th.no--ell, .tbl--ell tbody td.no--ell { overflow: visible; white-space: normal; text-overflow: clip; } .tbl--ell tbody th.no--ell .lay--wrap, .tbl--ell tbody td.no--ell .lay--wrap { max-width: 100%; } .tbl--ell tbody th.no--ell .lay--wrap .btn--long, .tbl--ell tbody td.no--ell .lay--wrap .btn--long { line-height: 18px; vertical-align: top; } .tbl--ell tbody td.td--summ .lay--help { width: 460px; left: -10px; } .tbl--ell tbody td.td--summ .lay--help:before { left: 30px; margin-left: 0; } .tbl--ell tbody td.td--summ .lay--help li { padding-left: 7px; color: #6c6c6c; font-size: 12px; margin-top: 3px; position: relative; } .tbl--ell tbody td.td--summ .lay--help li:before { content: ""; position: absolute; top: 8px; left: 0; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -252px; width: 3px; height: 3px; } /*tbl--sort*/ .tbl--sort thead th { padding-bottom: 7px; vertical-align: middle; position: relative; } .btn--sort, .btn--asc, .btn--desc { width: 100%; height: 100%; vertical-align: top; text-align: center; font-weight: bold; color: #505050 !important; text-decoration: none !important; } .btn--sort .s, .btn--asc .s, .btn--desc .s { display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 4px; text-align: center; text-indent: -99999px; } .btn--sort .s { background-image: url("/Content/images/sort.gif"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; } .btn--asc .s { background-image: url("/Content/images/sort_asc.gif"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; } .btn--desc .s { background-image: url("/Content/images/sort_desc.gif"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; } /*tbl--ten*/ .tbl--ten tbody tr td { height: 62px; } .tbl--ten tbody tr td:first-of-type { padding-left: 0; padding-right: 0; } /*tbl--loading*/ .tbl--loading { position: relative; height: 310px; max-height: 310px; } /* tbl--highlight */ .tbl--highlight tbody tr:hover th, .tbl--highlight tbody tr:hover td{background-color:#fef5e7;} .tbl--highlight .tbl--footer tbody tr:hover th, .tbl--highlight .tbl--footer tbody tr:hover td{background-color:#f1f6fa;} /*tbl--scroll*/ /*.tbl--scroll { overflow-x: auto; }*/ /*biggrid*/ .biggrid { position: relative; overflow: hidden; height: 520px; max-height: 520px; } .biggrid .fixhead { z-index: 2; position: absolute; top: 0; left: 0; overflow-x: visible; overflow-y: visible; } .biggrid .trow { position: absolute; left: 0; } .biggrid tbody td { box-sizing: border-box; } .biggrid tbody td > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .biggrid tbody td > div button { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .biggrid tbody td > div button.btn--chart { text-decoration: underline; } .biggrid tbody td.taC > div button { text-align: center; } .biggrid tbody td.taL > div button { text-align: left; } .biggrid tbody td.taR > div button { text-align: right; } .biggrid .staticbody { z-index: 0; overflow: hidden; overflow-y: scroll; position: absolute; height: 500px; max-height: 500px; top: 0; left: 0; } .biggrid .staticbody thead { display: none; } .biggrid .staticbody td { width: 50px; height: 30px; } .biggrid .fixpin { z-index: 3; position: absolute; top: 0; left: 0; width: 50px; } .biggrid .fixpin td { height: 30px; } .biggrid .fixbody { z-index: 1; top: 0; left: 0; position: absolute; } .biggrid .hScrollBar { z-index: 2; position: absolute; overflow-x: auto; } .biggrid .hScrollBar .hScrollContent { height:10px;min-height:10px;}/* 24.12.12 유란 : 웨일브라우저 스크롤바 사라지는 현상 확인하여 1px을 10px로 수정함*/ .biggrid .vScrollBar { width: 20px; z-index: 2; position: absolute; overflow-y: scroll; } .biggrid .vScrollBar .vScrollContent { width: 1px; } /*moreAccout*/ .account--wrap { overflow-y: auto; } .grid--wrap { overflow: hidden; position: relative; } .grid--wrap .fixed { position: absolute; left: 0; top: 0; width: 280px; } .grid--wrap .fixed .tbl--col:first-child { border-bottom: 0; } .grid--wrap .scroll { margin-left: 280px; overflow-x: auto; overflow-y: hidden; } .grid--wrap .scroll th { width: 142px; } .grid--wrap .scroll .tbl--col { border-bottom: 0; } .grid--wrap .scroll .tbl--col:last-child table { border-bottom: 1px solid #929ba6; } /*rowN*/ .row5 { height: 155px; max-height: 155px; } .row5.isX { height: 172px; max-height: 172px; } .row7 { height: 217px; max-height: 217px; } .row7.isX { height: 234px; max-height: 234px; } .row8 { height: 248px; max-height: 248px; } .row8.isX { height: 265px; max-height: 265px; } .row10 { height: 310px; max-height: 310px; } .row10.isX { height: 327px; max-height: 327px; } .row11{height:342px;max-height:342px;} .row15 { height: 465px; max-height: 465px; } .row15.isX { height: 482px; max-height: 482px; } .row16 { height: 496px; max-height: 496px; } .row16.isX { height: 513px; max-height: 513px; } .row17 { height: 528px; max-height: 528px; } .row17.isX { height: 544px; max-height: 544px; } .row20 { height: 620px; max-height: 620px; } .row20.isX { height: 637px; max-height: 637px; } .row25 { height: 775px; max-height: 775px; } .row25.isX { height: 792px; max-height: 792px; } .row30 { height: 930px; max-height: 930px; } .row30.isX { height: 947px; max-height: 947px; } .row35 { height: 1085px; max-height: 1085px; } .row35.isX { height: 1102px; max-height: 1102px; } .row40 { height: 1240px; max-height: 1240px; } .row40.isX { height: 1257px; max-height: 1257px; } .row45 { height: 1395px; max-height: 1395px; } .row45.isX { height: 1412px; max-height: 1412px; } .row50 { height: 1550px; max-height: 1550px; } .row50.isX { height: 1567px; max-height: 1567px; } /**************************************************/ /*comment*/ .comment { padding: 7px 0 10px; } .comment li { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-size: auto; background-position: 0 -562px; padding-left: 15px; color: #777; font-size: 11px; margin-top: 6px; line-height:145%; } .comment li a {text-decoration: underline;}/* 링크스타일 추가 - 챗봇링크 등 */ .comment li a:hover {color: #ca527a !important;}/* 링크스타일 추가 - 챗봇링크 등 */ .comment li.no_bulletpoint{ background-image:none;}/* 당구장 표시 없이 들여쓰기 필요한 경우 */ .comment li.tcR{color:#ca527a;}/* 붉은색강조 */ .comment li .td--bgc1, .comment li .rowBgc1 th, .rowBgc1 .comment li th, .comment li .rowBgc1 td, .rowBgc1 .comment li td, .comment li .td--bgc2, .comment li .rowBgc2 th, .rowBgc2 .comment li th, .comment li .rowBgc2 td, .rowBgc2 .comment li td { display: inline-block; width: 15px; height: 15px; } .comment.ty2 { border: 1px solid #bdc5ce; padding: 30px 20px 31px; } .comment.ty2 li { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -561px; font-size: 12px; color: #333; } .comment.ty3{position:absolute;left:0;bottom:-5px;} .msg li { padding-left: 10px; padding-bottom: 5px; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -215px; font-size: 11px; color: #6c6c6c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list { margin-top: 5px; } .list li { padding-left: 8px; padding-bottom: 3px; font-size: 11px; color: #363636; position: relative; } .list li:before { content: ""; position: absolute; top: 6px; left: 0; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 0; width: 3px; height: 3px; } .code { display: inline-block; text-align: center; /*color: #6c6c6c; &:hover { text-decoration: underline; }*/ } .sec--wrap { overflow: visible; } .sec--wrap .col2 { position: relative; } .sec--wrap .col2:first-child { display: inline-block; vertical-align: top; } .sec--wrap .col2:last-child { display: inline-block; vertical-align: top; } .sec--wrap .col2 .grid--header.ty2 + .lay--wrap { position: absolute; top: 32px; left: 60px; } .sec--wrap .col2 .grid--header.ty2 + .lay--wrap .lay--help { width: 503px; } .sec--wrap .col2 .grid--header.ty2 + .lay--wrap .lay--help:before { margin-left: -165px; } .sec--wrap .col3 { display: inline-block; } .sec--wrap:after { content: " "; display: block; clear: both; } .contents .col2 { width: 610px; } .contents .col2:last-child { margin-left: 32px; } .contents .col2 .searchBox, .contents .col2 .comment.ty2 { margin-bottom: 10px; } .contents .col2 .searchBox li, .contents .col2 .comment.ty2 li { margin-top: 0; } .contents .col2 .searchBox .row { padding: 10px 25px; } .contents .col3 { width:400px; } .contents .col3:not(:first-child) { margin-left:22px; } .contents.isSide .col2 { width: 480px; } .contents.isSide .col2:last-child { margin-left: 26px; } .contents .col33 {width:407px;} .contents .col66 {width:813px;} .ico--loading { position: absolute; left: 50%; top: 150px; margin-left: -45px; width: 90px; height: 10px; color: #000; padding-top: 80px; font-weight: bold; text-align: center; } .star--rate { display: inline-block; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -640px; background-size: auto; width: 75px; height: 16px; vertical-align: top; color: #363636; } .star--rate span { display: inline-block; overflow: hidden; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -660px; background-size: auto; text-indent: -9999px; } /**************************************************/ /*chart*/ .chart--type1 { position: relative; clear: both; border: 3px solid #eff0f1; min-height: 200px; padding: 30px 0 20px; margin: 0 auto; /*consensus*/ } .chart--type1 .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; } .chart--type1 .chart--unit1 { position: absolute; left: 30px; top: 20px; } .chart--type1 .chart--unit2 { position: absolute; right: 30px; top: 20px; } .chart--type1 .chart--cont { margin: 0 auto; } .chart--type1 .chart { margin: 0 auto; } .chart--type1 .opt { position: absolute; right: 30px; top: 60px; width: 255px; padding-left: 45px; } .chart--type1 .opt div { margin-bottom: 30px; } .chart--type1 .opt .opt--label { margin-bottom: 10px; } .chart--type2 { position: relative; clear: both; border: 3px solid #eff0f1; min-height: 200px; padding: 10px 0; margin: 0 auto; } .chart--type2 .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; } .chart--type2 .chart--unit1 { position: absolute; left: 30px; top: 20px; } .chart--type2 .chart--unit2 { position: absolute; right: 30px; top: 20px; } .chart--type2 .chart--cont { margin: 0 auto; } .chart--type2 .chart { margin: 0 auto; } .chart--exc .btn--text-ty3 { position: absolute; left: 550px; top: 15px; } .chart--exc .chart { margin: 0 20px; } .chart .nodata{display:flex;align-items:center;height:100%;justify-content:center;} .chart--type3 { position: relative; clear: both; border: 3px solid #eff0f1; min-height: 200px; padding: 0; margin: 0 auto; } /*FnMezzanine*/ .chart--type3 .chart.nodata {display:flex;justify-content:center;align-items:center;background-color:#FBFBFB;} .chart--type3 .chart--unit1 { position: absolute; left: 30px; top: 20px; } .chart--type3 .chart--unit2 { position: absolute; right: 30px; top: 20px; } /**************************************************/ /*tab*/ .tab--type1 { position: relative; margin-bottom: 5px; /*grid*/ /*topinsector*/ } .tab--type1 > ul { width: 100%; margin-left: 1px; } .tab--type1 > ul li { float: left; padding: 0; margin: 0; margin-left: -1px; } .tab--type1 > ul li .btn--tab { display: block; width: 100%; text-align: center; text-decoration: none; } .tab--type1 > ul li.on .tab--cont { display: block; z-index: 0; } .tab--type1 > ul li .tab--cont { display: none; position: absolute; left: 0; z-index: 0; } .tab--type1 > ul { background-image: url("/Content/images/tab_bg.png"); background-repeat: repeat-x; background-position: 0 0; background-size: auto; } .tab--type1 > ul li .btn--tab { padding: 6px 20px; background: #fff; border: 1px solid #bdc5ce; color: #505050; } .tab--type1 > ul li.on .btn--tab { background: #5e6471; border: 1px solid #5e6471; color: #fff; } .tab--type1.full > ul > li { width: 83px; } .tab--type1.full > ul > li .btn--tab { padding: 6px 0; } .tab--type1.full > ul > li:nth-of-type(1), .tab--type1.full > ul > li:nth-of-type(2), .tab--type1.full > ul > li:nth-of-type(3), .tab--type1.full > ul > li:nth-of-type(4), .tab--type1.full > ul > li:nth-of-type(5) { width: 84px; } .tab--type1.full.newYear > ul{width:inherit} .tab--type1.full.newYear > ul > li { width: 77px; } .tab--type1.full.newYear > ul > li:nth-of-type(2) { width: 78px; } .tab--type1.full.newYear > ul > li.tabNewYear.on .btn--tab { color: #fff; } .tab--type1.full.newYear > ul > li.tabNewYear .btn--tab { font-weight: bold; color: #ca527a; } .tab--type1.full.newYear2 > ul{width:inherit;} .tab--type1.full.newYear2 > ul > li { width: 74px; } .tab--type1.full.newYear2 > ul > li.tabNewYear{width:114px} .tab--type1.full.newYear2 > ul > li.tabNewYear .btn--tab { font-weight: normal;} .tab--type1.full.tabGlobal > ul > li { width: 90px; } .tab--type1.full.tabGlobal > ul > li:nth-of-type(1), .tab--type1.full.tabGlobal > ul > li:nth-of-type(2), .tab--type1.full.tabGlobal > ul > li:nth-of-type(3), .tab--type1.full.tabGlobal > ul > li:nth-of-type(4), .tab--type1.full.tabGlobal > ul > li:nth-of-type(5) { width: 92px; } .tab--type1.isSubDep { margin-bottom: 41px; } .tab--type1.isSubDep > ul > li:nth-of-type(2) .subDep ul { margin-left: 50px; } .tab--type1.isSubDep > ul > li:nth-of-type(3) .subDep ul { margin-left: 197px; } .tab--type1.isSubDep > ul > li:nth-of-type(4) .subDep ul { margin-left: 200px; } .tab--type1.isSubDep > ul > li:nth-of-type(5) .subDep ul { margin-left: 200px; } .tab--type1.isSubDep > ul > li:nth-of-type(6) .subDep ul { margin-left: 370px; } .tab--type1.isSubDep > ul > li:nth-of-type(7) .subDep ul { margin-left: 400px; } .tab--type1.isSubDep > ul > li:nth-of-type(8) .subDep ul { margin-left: 560px; } .tab--type1.isSubDep > ul > li:nth-of-type(9) .subDep ul { margin-left: 570px; } .tab--type1.isSubDep > ul > li:nth-of-type(10) .subDep ul { margin-left: 680px; } .tab--type1.isSubDep > ul > li:nth-of-type(11) .subDep ul { margin-left: 846px; } .tab--type1.isSubDep > ul > li:nth-of-type(12) .subDep ul { margin-left: 525px; } .tab--type1.isSubDep > ul > li .srh--detail { position: absolute; right: 20px; top: 0; } .tab--type1.isSubDep > ul > li .srh--detail select { padding: 0; margin-top: 6px; } .tab--type1.isSubDep > ul > li .srh--detail ul { margin-left: 10px !important; } .tab--type1.isSubDep > ul > li .srh--detail ul li { float: left; } .tab--type1.isSubDep > ul > li .srh--detail ul li.on button { font-weight: bold; } .tab--type1.isSubDep > ul > li .srh--detail ul li button { display: inline-block; font-size: 11px; color: #505050; vertical-align: middle; } .tab--type1.isSubDep > ul > li .srh--detail ul li button:hover, .tab--type1.isSubDep > ul > li .srh--detail ul li button:focus { color: #ca527a; } .tab--type1.isSubDep > ul > li .srh--detail ul li:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; vertical-align: middle; } .tab--type1.isSubDep > ul > li .srh--detail ul li:first-child:before { content: ""; padding: 0; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(2) .subDep ul { margin-left: 50px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(3) .subDep ul { margin-left: 100px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(4) .subDep ul { margin-left: 200px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(5) .subDep ul { margin-left: 200px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(6) .subDep ul { margin-left: 300px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(7) .subDep ul { margin-left: 400px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(8) .subDep ul { margin-left: 450px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(9) .subDep ul { margin-left: 570px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(10) .subDep ul { margin-left: 600px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(11) .subDep ul { margin-left: 700px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(12) .subDep ul { margin-left: 780px; } .tab--type1.isSubDep.newYear > ul > li:nth-of-type(13) .subDep ul { margin-left: 600px; } .tab--type1.isSubDep.newYear > ul > li .srh--detail { position: absolute; right: 20px; top: 0; } .tab--type1.isSubDep.newYear > ul > li .srh--detail select { padding: 0; margin-top: 6px; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul { margin-left: 10px !important; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li { float: left; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li.on button { font-weight: bold; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li button { display: inline-block; font-size: 11px; color: #505050; vertical-align: middle; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li button:hover, .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li button:focus { color: #ca527a; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; vertical-align: middle; } .tab--type1.isSubDep.newYear > ul > li .srh--detail ul li:first-child:before { content: ""; padding: 0; } .tab--type2 { position: relative; } .tab--type2 > ul { width: 100%; margin-left: 1px; } .tab--type2 > ul li { float: left; padding: 0; margin: 0; margin-left: -1px; } .tab--type2 > ul li .btn--tab { display: block; width: 100%; text-align: center; text-decoration: none; } .tab--type2 > ul li.on .tab--cont { display: block; z-index: 0; } .tab--type2 > ul li .tab--cont { display: none; position: absolute; left: 0; z-index: 0; } .tab--type2 ul li .btn--tab { padding: 8px 0; width: 169px; margin-top: -1px; background: #fff; border: 1px solid #bdc5ce; color: #505050; } .tab--type2 ul li.on .btn--tab { background: #f5f5f5; color: #94243b; text-decoration: underline; } .tab--type3 { position: relative; margin-bottom: 5px; /*faq*/ } .tab--type3 > ul { width: 100%; margin-left: 1px; } .tab--type3 > ul li { float: left; padding: 0; margin: 0; margin-left: -1px; } .tab--type3 > ul li .btn--tab { display: block; width: 100%; text-align: center; text-decoration: none; } .tab--type3 > ul li.on .tab--cont { display: block; z-index: 0; } .tab--type3 > ul li .tab--cont { display: none; position: absolute; left: 0; z-index: 0; } .tab--type3 .opt { position: absolute; right: 0; top: 5px; } .tab--type3.isSubDep { margin-bottom: 41px; } .tab--type3.isSubDep > ul > li:nth-of-type(3) .subDep ul { margin-left: 100px; } .tab--type3 > ul { background-image: url("/Content/images/tab_bg2.png"); background-repeat: repeat-x; background-position: 0 0; background-size: auto; } .tab--type3 > ul li .btn--tab { padding: 6px 20px; background: #fff; border: 1px solid #bdc5ce; color: #505050; } .tab--type3 > ul li.on .btn--tab { background: #5e6471; border: 1px solid #5e6471; color: #fff; } .tab--type3 > .sel--wrap { position: absolute; right: 350px; top: 0; } .tab--type3 > .sel--wrap > label { vertical-align: top; line-height: 28px; margin-right: 5px; } .tab--type3 > .keyword { position: absolute; right: 0; top: 0; } .tab--type3 > .keyword .checks { margin-right: 5px; } .tab--type3 > .keyword .autocomp { float: right; } .subDep { position: absolute; left: 0; width: 988px; height: 31px; background-color: #f5f5f5; border: 1px solid #bdc5ce; margin-top: -1px; margin-left: 0; } .subDep ul { display: inline-block; width: auto; } .subDep ul li { float: left; padding: 5px 0 7px; } .subDep ul li.on button { font-weight: bold; } .subDep ul li button { font-size: 11px; color: #505050; vertical-align: middle; } .subDep ul li button:hover, .subDep ul li button:focus { color: #ca527a; } .subDep ul li:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; vertical-align: middle; } .subDep ul li:first-child:before { content: ""; padding: 0; } /**************************************************/ /*keyword*/ .keyword label { display: inline-block; margin-right: 5px; vertical-align: top; line-height: 28px; } /*keyword - layer*/ .lay--wrap .keyword, .lay--popContents .keyword { padding: 15px 30px; text-align: center; background: #fff; border: 4px solid #eff0f1; } .lay--wrap .keyword label, .lay--popContents .keyword label { font-weight: bold; } /*autocomp*/ .autocomp { display: inline-block; text-align: left; position: relative; width: auto; font-size: 0; } /*.autocomp .clear--wrap { display: inline-block; vertical-align: middle; width: 206px; } .autocomp .clear--wrap input[type=text] { width: 180px; }// bf_20190129_장서은수정 */ .autocomp .clear--wrap { display: inline-block; vertical-align: middle; width: 208px; } .autocomp .clear--wrap input[type=text] { width: 183px; } .autocomp .clear--wrap + .btn--search { margin-left: -1px; position: relative; } /*.autocomp .clear--wrap.ty2 { width: 178px; } .autocomp .clear--wrap.ty2 input[type=text] { width: 152px; } .autocomp .result { border: 1px solid #929ba6; width: 266px; position: absolute; z-index: 4; margin-top: 3px; background: #fff; }// bf_20190129_장서은수정 */ .autocomp .clear--wrap.ty2 { width: 183px; } .autocomp .clear--wrap.ty2 input[type=text] { width: 157px; } .autocomp .clear--wrap.ty3 { width: 149px; } .autocomp .clear--wrap.ty3 input[type=text] { width: 124px; } .autocomp .clear--wrap.ty4 { width: 283px; } .autocomp .clear--wrap.ty4 input[type=text] { width: 257px; } .autocomp .result { border: 1px solid #929ba6; width: 208px; position: absolute; z-index: 4; margin-top: 3px; background: #fff; } .autocomp .result ul li { display: block; background: #fff; } .autocomp .result ul li a, .autocomp .result ul li button { display: block; width: 100%; padding: 3px 0; } .autocomp .result ul li a:hover, .autocomp .result ul li a:focus, .autocomp .result ul li button:hover, .autocomp .result ul li button:focus { color: #ca527a !important; text-decoration: none; } .autocomp .result ul li a span, .autocomp .result ul li button span { float: left; padding-left: 20px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .autocomp .result ul li a span strong, .autocomp .result ul li button span strong { color: #ca527a; } .autocomp .result ul li a span.code, .autocomp .result ul li button span.code { width: 50px; } .autocomp .result ul li a span.item, .autocomp .result ul li button span.item { width: 255px; } .autocomp .result ul li a span.item.wide, .autocomp .result ul li button span.item.wide { width: 330px; } .autocomp .result ul li a span.div, .autocomp .result ul li a span.gu, .autocomp .result ul li button span.div, .autocomp .result ul li button span.gu { float: right; text-align: right; padding-right: 20px; padding-left: 0; width: 55px; color: #6c6c6c; } .autocomp .result ul li a span.nm, .autocomp .result ul li button span.nm { width: 235px; } .autocomp .result ul li a span.num, .autocomp .result ul li button span.num { width: 80px; } .autocomp .result ul li a span.gu, .autocomp .result ul li button span.gu { width: 50px; } .autocomp .result ul li.ty2 .code { width: 70px; } .autocomp .result ul li.ty2 .item { width: 205px; } .autocomp .result ul li.ty2 .item.wide { width: 310px; } .autocomp .result ul li.ty2 .div { width: 85px; } .autocomp .result ul li.ty3 .code { width: 100px; } .autocomp .result ul li.ty3 .item.wide { width: 280px; } .autocomp .result ul li a:hover, .autocomp .result ul li a:focus, .autocomp .result ul li button:hover, .autocomp .result ul li button:focus { color: #ca527a; background-color: #f5f5f5; } /*.autocomp .result ul li a span, .autocomp .result ul li button span { padding-left: 10px; }// bf_20190129_장서은수정*/ .autocomp .result ul li a span, .autocomp .result ul li button span { padding-left: 6px; } .autocomp .result ul li a span.code, .autocomp .result ul li button span.code { width: 45px; } /*.autocomp .result ul li a span.item, .autocomp .result ul li button span.item { width: 131px; } .autocomp .result ul li a span.item.wide, .autocomp .result ul li button span.item.wide { width: 190px; }// bf_20190129_장서은수정*/ .autocomp .result ul li a span.item, .autocomp .result ul li button span.item { width: 91px; } .autocomp .result ul li a span.item.wide, .autocomp .result ul li button span.item.wide { width: 149px; } .autocomp .result ul li a span.item.ty2, .autocomp .result ul li button span.item.ty2 { width: 250px; } /*.autocomp .result ul li a span.div, .autocomp .result ul li button span.div { width: 50px; padding-right: 10px; }// bf_20190129_장서은수정*/ .autocomp .result ul li a span.div, .autocomp .result ul li button span.div { width: 50px; padding-right: 6px; } .autocomp .result ul li a span.nm, .autocomp .result ul li button span.nm { width: 101px; } .autocomp .result ul li a span.num, .autocomp .result ul li button span.num { width: 85px; } .autocomp .result ul li a span.gu, .autocomp .result ul li button span.gu { width: 50px; padding-right: 10px; } .autocomp .result ul li.selected { color: #ca527a !important; background-color: #f5f5f5; } .autocomp .result ul li.selected a, .autocomp .result ul li.selected button { color: #ca527a !important; } .autocomp .result ul li.ty2 .code { width: 60px; } .autocomp .result ul li.ty2 .item { width: 96px; } .autocomp .result ul li.ty2 .item.wide { width: 176px; } .autocomp .result ul li.ty2 .div { width: 80px; } .autocomp .result ul li.ty3 .code { width: 90px; } .autocomp .result ul li.ty3 .item.wide { width: 150px; } .autocomp .btn--lookup { vertical-align: middle; border: 1px solid #ababab; width: 26px; height: 28px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -56px 5px; margin-right: 2px; margin-left: -1px; } .autocomp + .btn--inquiry { vertical-align: top; } /*lookup*/ .lookup--wrap { overflow-y: auto; } .lookup .lookup--sch, .lay--popContents .lookup--sch { border: 4px solid #e9e9e9; background: #fff; } .lookup .lookup--sch .opts, .lay--popContents .lookup--sch .opts { padding: 10px 15px; min-height: 66px; vertical-align: middle; } .lookup .lookup--sch .opts.ty2, .lay--popContents .lookup--sch .opts.ty2 { padding-top: 20px; min-height: 40px; } .lookup .lookup--sch .opts .sel, .lay--popContents .lookup--sch .opts .sel, .lookup .lookup--sch .opts .checks, .lay--popContents .lookup--sch .opts .checks { display: block; text-align: center; min-height: 28px; } .lookup .lookup--sch .opts .sel, .lay--popContents .lookup--sch .opts .sel { margin: 0 auto 10px; } .lookup .lookup--sch .opts .sel select, .lay--popContents .lookup--sch .opts .sel select { width: 195px; } .lookup .lookup--sch .opts .sel select:last-child, .lay--popContents .lookup--sch .opts .sel select:last-child { margin-right: 0; } .lookup .lookup--sch .opts .checks, .lay--popContents .lookup--sch .opts .checks { margin: 5px auto; } .lookup .lookup--sch .opts .checks label, .lay--popContents .lookup--sch .opts .checks label { margin-right: 15px; } .lookup .lookup--sch .opts .init:first-of-type, .lay--popContents .lookup--sch .opts .init:first-of-type { margin-top: 10px; } .lookup .lookup--sch .opts .init, .lay--popContents .lookup--sch .opts .init { text-align: center; } .lookup .lookup--sch .opts .init button, .lay--popContents .lookup--sch .opts .init button { padding: 0 4px; margin-bottom: 10px; letter-spacing: -1px; font-size: 11px; border: 1px solid #e9e9e9; background: #fff; } .lookup .lookup--sch .opts .init button:hover, .lay--popContents .lookup--sch .opts .init button:hover { text-decoration: none; } .lookup .lookup--sch .opts .init button.on, .lay--popContents .lookup--sch .opts .init button.on { border: 1px solid #5e6471; background: #5e6471; color: #fff; } .lookup .lookup--sch .opts .init.global button, .lay--popContents .lookup--sch .opts .init.global button { letter-spacing: 0; font-size: 12px; padding: 2px 0; width: 80px; text-align: center; } .lookup .lookup--sch .keyword, .lay--popContents .lookup--sch .keyword { background: #fafafa; border: 0; border-top: 1px solid #e9e9e9; } .lookup .ul--header.global, .lay--popContents .ul--header.global { border: 1px solid #bdc5ce; border-bottom: 0; background-color: #f5f5f5; margin-top: 10px; } .lookup .ul--header.global li > span, .lay--popContents .ul--header.global li > span { float: left; text-align: center; vertical-align: middle; position: relative; padding: 3px 0 9px; background-color: #f5f5f5; border-left: 1px solid #bdc5ce; } .lookup .ul--header.global li > span.code, .lay--popContents .ul--header.global li > span.code { width: 80px; border-left: 0; } .lookup .ul--header.global li > span.item, .lay--popContents .ul--header.global li > span.item { width: 170px; } .lookup .ul--header.global li > span.local, .lay--popContents .ul--header.global li > span.local { width: 190px; } .lookup .ul--header.global li > span.en, .lay--popContents .ul--header.global li > span.en { width: 200px; } .lookup .lookup--result, .lay--popContents .lookup--result { border: 1px solid #929ba6; margin-top: 10px; border: 1px solid #bdc5ce; height: 360px; overflow-y: scroll; } .lookup .lookup--result ul li, .lay--popContents .lookup--result ul li { display: block; background: #fff; } .lookup .lookup--result ul li a, .lay--popContents .lookup--result ul li a, .lookup .lookup--result ul li button, .lay--popContents .lookup--result ul li button { display: block; width: 100%; padding: 3px 0; } .lookup .lookup--result ul li a:hover, .lay--popContents .lookup--result ul li a:hover, .lookup .lookup--result ul li a:focus, .lay--popContents .lookup--result ul li a:focus, .lookup .lookup--result ul li button:hover, .lay--popContents .lookup--result ul li button:hover, .lookup .lookup--result ul li button:focus, .lay--popContents .lookup--result ul li button:focus { color: #ca527a !important; text-decoration: none; } .lookup .lookup--result ul li a span, .lay--popContents .lookup--result ul li a span, .lookup .lookup--result ul li button span, .lay--popContents .lookup--result ul li button span { float: left; padding-left: 20px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lookup .lookup--result ul li a span strong, .lay--popContents .lookup--result ul li a span strong, .lookup .lookup--result ul li button span strong, .lay--popContents .lookup--result ul li button span strong { color: #ca527a; } .lookup .lookup--result ul li a span.code, .lay--popContents .lookup--result ul li a span.code, .lookup .lookup--result ul li button span.code, .lay--popContents .lookup--result ul li button span.code { width: 50px; } .lookup .lookup--result ul li a span.item, .lay--popContents .lookup--result ul li a span.item, .lookup .lookup--result ul li button span.item, .lay--popContents .lookup--result ul li button span.item { width: 255px; } .lookup .lookup--result ul li a span.item.wide, .lay--popContents .lookup--result ul li a span.item.wide, .lookup .lookup--result ul li button span.item.wide, .lay--popContents .lookup--result ul li button span.item.wide { width: 330px; } .lookup .lookup--result ul li a span.div, .lay--popContents .lookup--result ul li a span.div, .lookup .lookup--result ul li a span.gu, .lay--popContents .lookup--result ul li a span.gu, .lookup .lookup--result ul li button span.div, .lay--popContents .lookup--result ul li button span.div, .lookup .lookup--result ul li button span.gu, .lay--popContents .lookup--result ul li button span.gu { float: right; text-align: right; padding-right: 20px; padding-left: 0; width: 55px; color: #6c6c6c; } .lookup .lookup--result ul li a span.nm2, .lay--popContents .lookup--result ul li a span.nm2, .lookup .lookup--result ul li button span.nm2, .lay--popContents .lookup--result ul li button span.nm2 { width: 165px; } .lookup .lookup--result ul li a span.nm, .lay--popContents .lookup--result ul li a span.nm, .lookup .lookup--result ul li button span.nm, .lay--popContents .lookup--result ul li button span.nm .lookup .lookup--result ul li a span.num, .lay--popContents .lookup--result ul li a span.num, .lookup .lookup--result ul li button span.num, .lay--popContents .lookup--result ul li button span.num { width: 80px; } .lookup .lookup--result ul li a span.gu, .lay--popContents .lookup--result ul li a span.gu, .lookup .lookup--result ul li button span.gu, .lay--popContents .lookup--result ul li button span.gu { width: 50px; } .lookup .lookup--result ul li.ty2 .code, .lay--popContents .lookup--result ul li.ty2 .code { width: 70px; } .lookup .lookup--result ul li.ty2 .item, .lay--popContents .lookup--result ul li.ty2 .item { width: 205px; } .lookup .lookup--result ul li.ty2 .item.wide, .lay--popContents .lookup--result ul li.ty2 .item.wide { width: 310px; } .lookup .lookup--result ul li.ty2 .div, .lay--popContents .lookup--result ul li.ty2 .div { width: 85px; } .lookup .lookup--result ul li.ty3 .code, .lay--popContents .lookup--result ul li.ty3 .code { width: 100px; } .lookup .lookup--result ul li.ty3 .item.wide, .lay--popContents .lookup--result ul li.ty3 .item.wide { width: 280px; } .lookup .lookup--result li:nth-child(odd), .lay--popContents .lookup--result li:nth-child(odd) { background: #fafafa; } .lookup .lookup--result.global, .lay--popContents .lookup--result.global { margin-top: 0; } .lookup .lookup--result.global span, .lay--popContents .lookup--result.global span { padding: 0 10px; } .lookup .lookup--result.global span.code, .lay--popContents .lookup--result.global span.code { width: 60px; text-align: center; } .lookup .lookup--result.global span.item, .lay--popContents .lookup--result.global span.item { width: 150px; } .lookup .lookup--result.global span.local, .lay--popContents .lookup--result.global span.local { width: 170px; } .lookup .lookup--result.global span.en, .lay--popContents .lookup--result.global span.en { width: 180px; } /**************************************************/ /*search option*/ .searchBox { border: 1px solid #bdc5ce; border-top: 0; background-color: #fff; } .searchBox .row { position: relative; border-top: 1px solid #e4e4e4; padding: 10px 25px; min-height: 28px; /*dbn*/ } .searchBox .row.ov { overflow: hidden; } .searchBox .row.ty2 { padding: 0; } .searchBox .row:first-child { border-top: 1px solid #bdc5ce; } .searchBox .row.narrow--ty1 > div { margin-right: 4px; } .searchBox .row.narrow--ty2 > div { margin-right: 13px; } .searchBox .row.narrow--ty3 > div { margin-right: 26px; } .searchBox .row.narrow--ty3 .searchBox .row label{margin-left:4px} .searchBox .row .comment { padding-top: 10px; } .searchBox .row > div { display: inline-block; vertical-align: middle; margin-right: 23px; } .searchBox .row > div:last-child { margin-right: 0; } .searchBox .row label { margin-right: 5px; } .searchBox .row .t--label { display: inline-block; vertical-align: middle; margin-right: 15px; } .searchBox .row .sel--wrap label { vertical-align: top; line-height: 28px; } .searchBox .row .sel--wrap select:last-of-type { margin-right: 0; } .searchBox .row .print, .searchBox .row .file, .searchBox .row .xlsList, .searchBox .row .schList { position: absolute; right: 0; top: 0; display: block; margin-right: 0; padding: 0 20px; min-height: 48px; border-left: 1px solid #e4e4e4; background-color: #fafafa; } .searchBox .row .print .btn--print, .searchBox .row .file .btn--print, .searchBox .row .xlsList .btn--print, .searchBox .row .schList .btn--print { margin-top: 10px; } .searchBox .row .print a, .searchBox .row .file a, .searchBox .row .xlsList a, .searchBox .row .schList a { display: inline-block; margin-top: 13px; } .searchBox .row .xlsList ul { width: 430px; float: left; margin-top: 6px; } .searchBox .row .xlsList ul li { width: 30%; float: left; padding-left: 8px; /*margin-top: 5px;*/ } .searchBox .row .xlsList ul li span { width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; color: #6c6c6c; } .searchBox .row .xlsList ul li .btn--del { display: inline-block; } .searchBox .row .xlsList .btn--dwxls { float: right; margin-top: 10px; } .searchBox .row .schList { width: 400px; } .searchBox .row .schList .sel--wrap { padding-top: 10px; } .searchBox .row .schList .sel--wrap select { width: 260px; } .searchBox .row .checks label { margin-right: 5px; } .searchBox .row .checks .clear--wrap { display: inline-block; vertical-align: middle; } .searchBox .row .cf--result { display: inline-block; vertical-align: top; width: 427px; height: 28px; margin-left: 5px; font-size: 11px; line-height: 28px; } .searchBox .row .cf--result.ty2 { width: 340px; } .searchBox .row .cf--result span:before { content: " / "; color: #bfbfbf; padding: 0 5px 0 3px; } .searchBox .row .cf--result span:first-child:before { content: ""; padding: 0; } .searchBox .row .cf--result .btn--del { vertical-align: middle; margin-top: -2px; } .searchBox .row .cf.rTotal { margin-right: 0; } /*.searchBox .row .cf.rTotal .cf--result { width: 358px; margin-left: 17px; } // bf_20190129_장서은수정 */ .searchBox .row .cf.rTotal .cf--result { width: 354px; margin-left: 17px; } .searchBox .row .cf.rTotal .cf--result span { letter-spacing: -1px; } .searchBox .row .mm { margin-left: -10px; } .searchBox .row .mm li { float: left; } .searchBox .row .mm li button { font-size: 12px; color: #6c6c6c; letter-spacing: -1px; letter-spacing: normal; color: #363636; } .searchBox .row .mm li button:hover, .searchBox .row .mm li button:focus { text-decoration: underline; } .searchBox .row .mm li button.on { color: #ca527a; text-decoration: underline; } .searchBox .row .mm li button:disabled { color: #a3a3a3; cursor: default; } .searchBox .row .mm li:before { content: " | "; color: #e1e1e1; padding: 0 2px 0 4px; } .searchBox .row .mm li:first-child:before { content: ""; padding: 0; } .searchBox .row .files .inner { width: 300px; float: left; } .searchBox .row .files .inner .files--label { display: block; } .searchBox .row .files .inner a { display: block; font-weight: bold; color: #ca527a !important; margin-top: 8px; } .searchBox .row .files ul { float: left; width: 600px; } .searchBox .row .files ul li { float: left; width: 50%; margin-bottom: 10px; } .searchBox .row .files ul li:nth-of-type(3), .searchBox .row .files ul li:nth-of-type(4) { margin-bottom: 0; } .searchBox .row .files ul li a { display: block; } .searchBox .row .item--info .item--text { display: inline-block; vertical-align: bottom; color: #000; font-weight: bold; font-size: 16px; } .searchBox .row .item--info .item--text .code { color: #6c6c6c; font-size: 12px; font-weight: normal; display: inline; } .searchBox .row .item--info + .keyword { float: right; } .searchBox .row .item--info .btn--text-ty3 { vertical-align: bottom; } .searchBox .row .item--info .btn--r, .searchBox .row .item--info .btn--c, .searchBox .row .item--info .btn--o { margin-bottom: 1px; } .searchBox .row .msg { width: 317px; min-height: 26px; } .searchBox .row .msg + .sel--wrap { margin-left: 12px; } .searchBox .row .gb input[type=text] { width: 100px; } .searchBox .row .gb.buyerName input[type=text] { width: 210px; } .searchBox .row .line { display: block; margin-right: 0; padding: 5px; min-height: 28px; } .searchBox .row .line > label { display: inline-block; vertical-align: middle; width: 80px; } .searchBox .row .line > .inner { display: inline-block; vertical-align: top; width: 830px; } .searchBox .row .line > .inner > div { display: inline-block; margin-left: 15px; } .searchBox .row .line > .inner .checks label { margin-right: 10px; } .searchBox .row .line > .inner .clear--wrap { width: 120px; } .searchBox .row .line > .inner .clear--wrap input[type=text] { width: 95px; } .searchBox .row .line > .inner .key { display: inline-block; vertical-align: middle; margin-left: 35px; } .searchBox .row .line > .inner .key li { float: left; margin-right: 10px; font-size: 11px; color: #6c6c6c; } .searchBox .row .line > .inner .datepicker { vertical-align: top; } .searchBox .row .line:nth-of-type(1) .clear--wrap { width: 305px; } .searchBox .row .line:nth-of-type(1) .clear--wrap input[type=text] { width: 280px; } .searchBox .row .line:nth-of-type(7) .clear--wrap { width: 50px; } .searchBox .row .line:nth-of-type(7) .clear--wrap:nth-of-type(2) { margin-left: 0; } .searchBox .row .line:nth-of-type(7) .clear--wrap input[type=text] { width: 25px; } .searchBox .row .exp--wrap { display: block; margin-right: 0; padding: 18px 30px; } .searchBox .row .exp--wrap .r { display: block; float: right; width: 700px; text-align: left; color: #ca527a; } .searchBox .row .detail { display: block; margin-right: 0; background-color: #fafafa; border-top: 1px solid #f3f3f3; padding: 18px 30px 0 50px; } .searchBox .row .detail .opt--wrap { overflow: hidden; margin-bottom: 5px; } .searchBox .row .detail .col--wrap { padding-bottom: 25px; } .searchBox .row .detail .col--wrap .col { /*float: left;*/ display: inline-block; vertical-align: top; width: 300px; position: relative; } .searchBox .row .detail .col--wrap .col .tit { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -245px; padding-left: 10px; margin-bottom: 10px; font-weight: bold; color: #6c6c6c; float: left; } .searchBox .row .detail .col--wrap .col .tit + .lay--wrap { margin: 2px 0 0 8px; } .searchBox .row .detail .col--wrap .col .tit + .lay--wrap .lay--help { width: 398px; /*width: 205px; &:before { margin-left: -18px; }*/ } .searchBox .row .detail .col--wrap .col .tit + .lay--wrap .lay--help:before { margin-left: -113px; } .searchBox .row .detail .col--wrap .col .checks { clear: both; float: none; display: block; padding-left: 10px; } .searchBox .row .detail .col--wrap .col .checks li { display: block; padding: 7px 0; font-size: 11px; } .searchBox .row .detail .col--wrap .col .checks li select { padding: 0; } .searchBox .row .btns { float: right; } .searchBox .row .reSearch { margin-right: 0; } .searchBox .row .reSearch div { vertical-align: middle; } .searchBox .row .reSearch + .btn--text-ty0 { margin-top: 0; float: right; } .searchBox .row.dbn { padding: 0; } .searchBox .row.dbn:last-child { padding: 10px 13px; } .searchBox .row.dbn dl:before, .searchBox .row.dbn dl:after { display: block; content: ''; } .searchBox .row.dbn dl:after { clear: both; } .searchBox .row.dbn dl dt, .searchBox .row.dbn dl dd { display: table-cell; vertical-align: middle; padding: 10px 15px; height: 28px; } .searchBox .row.dbn dl dt { width: 75px; text-align: center; background-color: #f5f5f5; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } .searchBox .row.dbn dl dt:first-child { border-left: 0; } .searchBox .row.dbn dl dt label { margin: 0; } .searchBox .row.dbn dl dd { width: 370px; padding: 10px 0 10px 15px; background-color: #fff; } .searchBox .row.dbn dl dd.wide { width: 840px; } .searchBox .row.dbn dl dd .datepicker, .searchBox .row.dbn dl dd .ranges { display: inline-block; vertical-align: middle; margin-right: 10px; } .searchBox .row.dbn dl dd button { vertical-align: top; } .searchBox .row.dbn dl dd > .clear--wrap { width: 177px; } .searchBox .row.dbn dl dd > .clear--wrap input[type=text] { width: 150px; } .searchBox .row.dbn dl dd .keyword { display: inline-block; } .searchBox .row.dbn dl dd .keyword + .checks, .searchBox .row.dbn dl dd select + .checks { margin: 2px 0 0 10px; padding: 1px 0 0; vertical-align: middle; } .searchBox .row.dbn dl dd select:nth-of-type(2) { max-width: 200px; } .searchBox .row.dbn dl dd div:last-child { margin-right: 0 !important; } .searchBox .row.dbn:last-child { overflow: hidden; } .searchBox .row.dbn .dbList { width: 750px; float: left; margin-left: 18px; vertical-align: top; margin-right: 0; margin-top: 5px; } .searchBox .row.dbn .dbList ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .searchBox .row.dbn .dbList ul li span { font-size: 11px; color: #6c6c6c; } .searchBox .row.dbn .dbList ul li .btn--del { display: inline-block; vertical-align: top; margin-top: 2px; } .searchBox .row.dbn .btns { float: right; margin-right: 7px; } .searchBox .row.dbn .btns button { margin-left: 6px; } .searchBox:nth-of-type(1) { border-top: 0; } .searchBox.calEco { margin-top: -6px; } .searchBox.calEco .row { padding: 18px 25px 7px; } .searchBox.calEco .row .checks > span { width: 120px; padding-bottom: 11px; } .searchBox.calEco .row .checks > span > input[type='checkbox'] + label:before { margin-right: 10px; } .searchBox.calEco .row .btn--inquiry { position: absolute; right: 25px; bottom: 13px; } .searchBox.searchGlobal .fr .checks { vertical-align: middle; margin-top: 2px; } .searchBox.searchGlobal .cf--result { width: 800px; } .searchBox.searchGlobal .la { display: inline-block; vertical-align: middle; } /**************************************************/ /*select*/ .sel--stock { width: 100px; } .sel--pf { width: 145px; } .sel--uni { width: 119px; } .sel--ac { width: 125px; } .sel--st { width: 200px; } .sel--cf { width: 75px; } .sel--cfs1 { width: 122px; } .sel--cfs2 { width: 180px; } .sel--index { width: 220px; } .sel--screener { width: 83px; } /**************************************************/ /*datepicker*/ .btn--cal { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -280px; margin: 5px 5px 0 0; vertical-align: top; } .datepicker{position:relative;} .datepicker label { margin-right: 5px; vertical-align: top; line-height: 28px; } .datepicker .inner { display: inline-block; vertical-align: middle; position: relative; padding-left: 3px; border: 1px solid #bfbfbf; /*calendar*/ } .datepicker .inner.disabled{border:1px solid #c4c4c4;} .datepicker .inner.disabled:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f9f9f9;cursor:default;opacity:0.8} .datepicker .inner input[type=text] { width: 59px; /*font-family: dotum;*/ } .datepicker .inner .tilde { display: inline-block; vertical-align: top; height: 24px; } .datepicker .inner .lay--cal1 { position: absolute; background: #fff; text-align: left; z-index: 5; width: 200px; left: -100px; border: 1px solid #000; } .datepicker .inner .lay--cal2 { position: absolute; background: #fff; text-align: left; z-index: 5; width: 200px; left: -100px; border: 1px solid #000; } .datepicker .inner .lay--cal3 { position: absolute; background: #fff; text-align: left; z-index: 5; } .datepicker.disabled .inner{background-color:#f0f0f0;cursor:default;} .datepicker.disabled input{background-color:#f0f0f0;cursor:default;} @media screen and (-webkit-min-device-pixel-ratio: 0) { .datepicker .inner input[type=text] { letter-spacing: -0.5px; } } /**************************************************/ /*btn*/ .btn { /*search*/ /*del*/ /*xls down*/ /*chart down*/ /*pdf down*/ /*xls*/ /*print*/ /*best*/ /*summ*/ /*get*/ /*cart*/ /*trans*/ /*comp*/ /*star*/ /*pdf*/ /*adobe*/ /*emis*/ /*help*/ /*band*/ /*history*/ /*ecoItem ico*/ /*calItem ico*/ /*screener*/ /*fngGlobal*/ } .btn--search { display: inline-block; vertical-align: middle; width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; width: 60px; height: 28px; } .btn--search:hover, .btn--search:focus { color: #fff !important; text-decoration: none; } .btn--search:hover, .btn--search:focus { color: #fff; } .btn--del { display: inline-block; vertical-align: top; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -339px; } .btn--dwxls { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -135px; color: #6c6c6c; } .btn--dwchart { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -594px; color: #6c6c6c; } .btn--dwpdf { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -840px; color: #6c6c6c; } .btn--xls { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 7px -33px; color: #6c6c6c; } .btn--print { width: 26px; height: 26px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 4px -436px; border: 1px solid #ccc; } .btn--best { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -457px; padding-left: 15px; } .btn--summ { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -120px; } .btn--summ:hover, .btn--summ.on { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -120px; } .btn--get { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -140px; } .btn--get:hover { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -140px; } .btn--cart { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -160px; } .btn--cart:hover { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -160px; } .btn--cart.on { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -40px -160px; } .btn--cart_no, .btn--cart_no:disabled, .btn--cart_no.on, .btn--cart_no:hover{width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -160px; } .btn--notice { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -1103px;} .btn--issueComp, .btn--issueComp:link{display:inline-block;height:16px;border:1px solid #90d2eb;border-radius:3px;color:#15aae1 !important;background-color:#e9f9ff;padding:0px 3px;font-size:11px;vertical-align:top;margin-right:7px;} .btn--issueComp:hover{color:#15aae1 !important;border-color:#15aae1;text-decoration:underline;} .btn--issueComp + button{max-width:83% !important;} .btn--trans { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -840px; } .btn--trans:hover { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -840px; } .btn--transOff { display: inline-block; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -840px; } .btn--comp { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -620px; } .btn--comp:hover { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -620px; } .btn--star { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -523px; } .btn--star:hover, .btn--star.on { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -543px; } .btn--pdf { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -680px; } .btn--pdf:hover { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -680px; } .btn--adobe { background-image: url("/Content/images/btn_adobe.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; width: 155px; height: 25px; } .btn--emis { background-image: url("/Content/images/btn_emis.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; width: 100px; height: 25px; } .btn--help { display: inline-block; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -300px; } .btn--com { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px 4px; color: #6c6c6c; } .btn--text-ty0 { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #363636; background: #fcfcfc; border: 1px solid #b7b7b7; } .btn--text-ty0:hover, .btn--text-ty0:focus { text-decoration: none; color: #363636; } .btn--text-ty1 { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; } .btn--text-ty1:hover, .btn--text-ty1:focus { color: #fff !important; text-decoration: none; } .btn--text-ty2 { font-size: 11px; color: #6c6c6c; letter-spacing: -1px; } .btn--text-ty2:hover, .btn--text-ty2:focus { text-decoration: underline; } .btn--text-ty3 { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 0 5px; font-size: 11px; color: #6c6c6c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; } .btn--text-ty3.on { border: 1px solid #5e6471; background-color: #5e6471; color: #fff; } .btn--text-ty3.on:hover, .btn--text-ty3.on:focus { color: #fff !important; } .btn--text-ty3:hover, .btn--text-ty3:focus { color: #6c6c6c !important; } .btn--text-ty4 { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #6c6c6c; background: #fcfcfc; border: 1px solid #b7b7b7; } .btn--text-ty4--str { width: auto; height: auto; padding: 10px 40px; font-size: 16px; font-weight: bold; text-align: center; color: #fff; background: #962e45; border: 1px solid #782336; } .btn--text-ty4--str:hover, .btn--text-ty4--str:focus { color: #fff; text-decoration: none; } .btn--text-ty4--gray { width: auto; height: auto; padding: 10px 40px; font-size: 16px; font-weight: bold; text-align: center; color: #fff; background: #5e6471; border: 1px solid #5e6471; } .btn--text-ty4--gray:hover, .btn--text-ty4--gray:focus { color: #fff; text-decoration: none; } .btn--text-ty4--nor { width: auto; height: auto; padding: 10px 40px; font-size: 16px; font-weight: bold; text-align: center; color: #000; background: #fcfcfc; border: 1px solid #b7b7b7; } .btn--text-ty4--nor:hover, .btn--text-ty4--nor:focus { color: #000; text-decoration: none; } .btn--cf { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -95px; color: #6c6c6c; border: 1px solid #b7b7b7; } .btn--cf.on { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -115px; color: #6c6c6c; } .btn--more { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #363636; background: #fcfcfc; border: 1px solid #b7b7b7; padding: 4px 9px 4px 27px; position: relative; } .btn--more:hover, .btn--more:focus { text-decoration: none; color: #363636; } .btn--more:before { content: ""; position: absolute; top: 7px; left: 7px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -600px; background-size: auto; width: 13px; height: 13px; } .btn--more.on:before { background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: -20px -600px; background-size: auto; } .btn--an { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -796px; color: #6c6c6c; border: 1px solid #b7b7b7; } .btn--pf { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -818px; color: #6c6c6c; border: 1px solid #b7b7b7; } .btn--set { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -900px; color: #6c6c6c; border: 1px solid #b7b7b7; } .btn--docs{border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -1099px; color: #6c6c6c; border: 1px solid #b7b7b7;} .btn--mySite{border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png?"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -1144px; color: #6c6c6c; border: 1px solid #b7b7b7;} .btn--site { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -1119px; color: #6c6c6c; border: 1px solid #b7b7b7; } .btn--fav { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -517px; color: #6c6c6c; border: 1px solid #b7b7b7; } .btn--fav.on, .btn--fav:focus { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -55px -537px; color: #6c6c6c; } .btn--band { display: inline-block; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -560px; } .btn--band.on, .btn--band:hover, .btn--band:focus { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -560px; } .btn--his { display: inline-block !important; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -580px; } .btn--exp { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -480px; padding-left: 24px; } .btn--exp.on { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -500px; } .btn--inquiry { display: inline-block; vertical-align: middle; width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; width: 60px; height: 28px; } .btn--inquiry:hover, .btn--inquiry:focus { color: #fff !important; text-decoration: none; } .btn--inquiry:hover, .btn--inquiry:focus { color: #fff; } .btn--app { display: inline-block; vertical-align: middle; width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; } .btn--app:hover, .btn--app:focus { color: #fff !important; text-decoration: none; } .btn--app:hover, .btn--app:focus { color: #fff; } .btn--long { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .btn--long:root { border: 1px solid #000; } .btn--r { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -180px; display: inline-block; vertical-align: bottom; } .btn--c { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -200px; display: inline-block; vertical-align: bottom; } .btn--o { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -220px; display: inline-block; vertical-align: bottom; } .btn--d { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -180px; display: inline-block; vertical-align: bottom; } .btn--s { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -200px; display: inline-block; vertical-align: bottom; } .btn--p { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -220px; display: inline-block; vertical-align: bottom; } .btn--g { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -40px -180px; display: inline-block; vertical-align: bottom; } .btn--ds { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -40px -200px; display: inline-block; vertical-align: bottom; } .btn--mz { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -40px -220px; display: inline-block; vertical-align: bottom; } .btn--edit { width: 21px; height: 11px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -360px; vertical-align: middle; margin-left: 4px; } .btn--ed { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 2px -456px; vertical-align: top; margin-top: 2px; display: inline-block; } .btn--edok { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 2px -476px; vertical-align: top; margin-top: 2px; display: inline-block; } .btn--remove { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 0 3px 0 13px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -20px; font-size: 11px; color: #6c6c6c; vertical-align: middle; } .btn--add { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 0 3px 0 13px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -40px; font-size: 11px; color: #6c6c6c; vertical-align: middle; } .btn--move { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 0 3px 0 13px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -60px; font-size: 11px; color: #6c6c6c; vertical-align: middle; } .btn--move2:before { content:'';display:inline-block;width:16px; height: 17px; background-image: url("/Content/images/btn.png?220810"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -900px; vertical-align: middle;margin-right:7px; } .btn--move2:hover:before, .btn--move2:active:before { background-image: url("/Content/images/btn.png?220810"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -900px; vertical-align: middle; } .btn--view { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -53px -634px; color: #6c6c6c; } .btn--view.on { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -53px -75px; color: #6c6c6c; } .btn--eco1 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -680px; padding-left: 16px; } .btn--eco2 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -700px; padding-left: 16px; } .btn--eco3 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -720px; padding-left: 16px; } .btn--eco4 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -740px; padding-left: 16px; } .btn--eco5 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -760px; padding-left: 16px; } .btn--eco6 { height: 16px; background-image: url("/Content/images/btn.png?v1"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -780px; padding-left: 16px; } .btn--eco7 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -940px; padding-left: 16px; } .btn--eco8 { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -960px; padding-left: 16px; } .btn--item1 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -240px; padding-left: 16px; } .btn--item2 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -260px; padding-left: 16px; } .btn--item3 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -280px; padding-left: 16px; } .btn--item4 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -300px; padding-left: 16px; } .btn--item5 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -320px; padding-left: 16px; } .btn--item6 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -340px; padding-left: 16px; } .btn--item7 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -360px; padding-left: 16px; } .btn--item8 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -380px; padding-left: 16px; } .btn--item9 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -400px; padding-left: 16px; } .btn--item10 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -420px; padding-left: 16px; } .btn--item11 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -440px; padding-left: 16px; } .btn--item12 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -980px; padding-left: 16px; } .btn--item13 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -1060px; padding-left: 16px; } .btn--item14 { height: 17px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -1080px; padding-left: 16px; } .btn--pop { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -620px; display: inline-block; vertical-align: middle; } .btn--pop:hover, .btn--pop:focus { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -620px; } .btn--monthchart { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 9px 4px 27px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -53px -654px; color: #6c6c6c; } .btn--scdel { display: inline-block; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -780px; } .btn--scdel:hover{background-position: -40px -780px;} .btn--refresh { display: inline-block; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -780px; } .btn--gg { width: auto; height: auto; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #962e45; border: 1px solid #962e45; } .btn--gg:hover, .btn--gg:focus { color: #fff !important; text-decoration: none; } .btn--reset{border:1px solid #b7b7b7;background-color:#fcfcfc;padding:4px 9px;color:#6c6c6c;} .btn--reset:before{content:'';display: inline-block; width: 16px; height: 15px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -60px -1175px;margin-right:7px;vertical-align:middle;} .btn--addCondition{border:1px solid #962e45;background-color:#962e45;padding:4px 9px;color:#fff;} .btn--addCondition:hover{color:#fff;} .btn--addCondition:before{content:'';display: inline-block; width: 14px; height: 15px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -923px;margin-right:10px;vertical-align:middle;} .btns--c { text-align: center; padding-top: 30px; } .btns--c button { margin: 0 3px; } /**************************************************/ /*ico*/ .ico--pdf { height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -160px; padding-left: 25px; font-size: 12px !important; } .ico--zip { height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -180px; padding-left: 25px; font-size: 12px !important; } .ico--xls { height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -200px; padding-left: 25px; font-size: 12px !important; } .ico--doc { height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -220px; padding-left: 25px; font-size: 12px !important; } .ico--up { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -280px; padding-left: 15px !important; height: 18px; } .ico--down { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -310px; padding-left: 15px !important; height: 18px; } .ico--hold { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -338px; padding-left: 15px !important; height: 18px; } .ico--new { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -366px; padding-left: 15px !important; height: 18px; } .ico--all { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -395px; padding-left: 15px !important; height: 18px; } .ico--empty { padding-left: 15px !important; height: 18px; } .ico--newYear { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-size: auto; background-position: 0 -590px; padding-left: 15px; height: 16px;vertical-align: top;margin-top:2px;margin-left:2px;} /*.ico--newYear { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 80px -590px; height: 18px; color: #ca527a; }*/ .ico--new2 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-size: auto; background-position: 0 -643px; padding-left: 35px; height: 16px;vertical-align: top;margin-top:5px;margin-left:3px;} .add--file{position: absolute; right: 10px; top: 50%; margin-top: -9px; } .ico--file { display: inline-block; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -620px; margin-left: 3px !important; width: 16px; height: 17px;vertical-align:bottom;} .ico--file.mg_r{margin-right:8px;} .ast { display: inline-block; vertical-align: middle; color: #ca527a; } .va { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ico--ol1 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 0; } .ico--ol2 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -20px; } .ico--ol3 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -40px; } .ico--ol4 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -60px; } .ico--ol5 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -80px; } .ico--ol6 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -100px; } .ico--ol7 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -120px; } .ico--ol8 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -140px; } .ico--ol9 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -160px; } .ico--ol10 { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -180px; } .ico--ol1, .ico--ol2, .ico--ol3, .ico--ol4, .ico--ol5, .ico--ol6, .ico--ol7, .ico--ol8, .ico--ol9, .ico--ol10 { display: inline-block; vertical-align: top; width: 14px; height: 14px; padding-left: 5px; margin-top: 3px; } /**************************************************/ /*ranges*/ .ranges--wrap .ranges--label { display: inline-block; vertical-align: middle; margin-right: 7px; } .ranges--wrap .ranges { display: inline-block; vertical-align: middle; } .ranges.narrow .btn--ranges { padding: 4px 7px; } .ranges.disabled, .ranges2 .btn--ranges:disabled{position:relative;} .ranges.disabled:after{content:'';display:block;position:absolute;left:-1px;top:0;width:101%;height:100%;background-color:#f9f9f9;cursor:default;opacity:0.8;cursor:not-allowed;} .ranges .btn--ranges:first-child { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; } .ranges .btn--ranges:last-child { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; } .ranges2 .btn--ranges:disabled:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f9f9f9;cursor:default;opacity:0.8;cursor:not-allowed;} .btn--ranges { float: left; margin-left: -1px; padding: 4px 15px; border: 1px solid #b7b7b7; background-color: #fdfdfd; color: #898989; font-size: 12px; } .btn--ranges.on { position: relative; border: 1px solid #5e6471; background-color: #5e6471; color: #fff; } /**************************************************/ /*FnResearch*/ /*page*/ .page { text-align: left; } .page label { display: inline-block; vertical-align: middle; width: 30px; } .page .inp { width: 70px; display: inline-block; vertical-align: middle; border: 1px solid #bfbfbf; color: #adadad; font-size: 11px; } .page .inp input[type=text] { width: 27px; color: #363636; text-align: right; vertical-align: middle; } .slider { position: relative; display: inline-block; vertical-align: middle; width: 97px; height: 15px; margin-right: 12px; background-image: url("/Content/images/slider_bg.gif"); background-repeat: repeat-x; background-position: 0 6px; background-size: auto; } .ui-slider { position: relative; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 12px; width: 12px; height: 12px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -540px; cursor: default; -ms-touch-action: none; touch-action: none; cursor: pointer; } .ui-slider .ui-slider-range { position: absolute; top: 6px; z-index: 1; display: block; border: 0; height: 2px; border-top: 2px solid #b41837; } .ui-slider .ui-slider-range-min { } .ui-slider .ui-slider-range-max { right:0; } .ui-slider-horizontal .ui-slider-handle { margin-left: -6px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { position: absolute; top: 1px; left: 0; width: 12px; height: 12px; width: 12px; height: 12px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -540px; } /*TodayReports*/ .dlst { border: 1px solid #e4e4e4; background-color: #f5f5f5; overflow: hidden; margin: 5px 0 0; } .dlst dt { float: left; width: 132px; padding: 13px 0 15px; min-height: 10px; border-right: 1px solid #e4e4e4; text-align: center; background-color: #f5f5f5; color: #6c6c6c; font-weight: bold; font-size: 11px; } .dlst dd { float: left; width: 835px; padding: 12px 0 12px; padding-left: 20px; min-height: 10px; background-color: #fafafa; } .dlst dd strong { font-weight: bold; display: inline; } .dlst dd button { font-size: 11px; margin: 0 18px; } .dlst dd button:first-child { margin-left: 0; } /*preview*/ .rowPreview > td { padding: 0 !important; background-color: #f5f5f5; } .prev--wrap { position: relative; padding: 20px; overflow: hidden; } .prev--wrap .btn--x-prev { width: 43px; height: 10px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 12px -503px; border: 1px solid #c8c8c8; border-top: 0; background-color: #fff; position: absolute; left: 50%; margin-left: -22px; top: -0; } .prev--wrap .col { float: left; width: 301px; margin-left: 20px; border: 1px solid #d8d8d8; overflow: hidden; background-color: #fff; } .prev--wrap .col:first-child { width: 302px; margin-left: 0; } .prev--wrap .col .tit--wrap { border-bottom: 1px solid #bdc5ce; padding: 10px 15px; overflow: hidden; } .prev--wrap .col .tit--wrap .tit { float: left; font-weight: bold; min-height: 18px; } .prev--wrap .col .tit--wrap .tit span { font-weight: normal; color: #a3a3a3; font-size: 11px; } .prev--wrap .col .cont { height: 231px; } .prev--wrap .col .cont ul { padding: 20px 15px; } .prev--wrap .col .cont ul li { padding-left: 10px; padding-bottom: 5px; position: relative; } .prev--wrap .col .cont ul li:before { content: ""; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -220px; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; } .prev--wrap .col .cont .tbl--col { border-bottom: 0; } .prev--wrap .col .cont .tbl--col thead th { text-align: center; border-top: 0; padding-top: 5px; padding-bottom: 5px; } .prev--wrap .col .cont .tbl--col tbody tr th, .prev--wrap .col .cont .tbl--col tbody tr td { background-color: #fff; } .prev--wrap .col .cont .tbl--col tbody th, .prev--wrap .col .cont .tbl--col tbody td { padding-top: 5px; padding-bottom: 5px; } .prev--wrap .col .cont .tbl--col tbody tr:last-child th, .prev--wrap .col .cont .tbl--col tbody tr:last-child td { border-bottom: 0; } .prev--wrap .chart--type2 { padding: 10px 0 4px; min-height: 211px; } .prev--wrap .chart--type2 .infoTxt { position: absolute; right: 27px; top: 7px; font-size: 11px; } /*bar graph*/ .bar--wrap { position: relative; clear: both; border: 3px solid #eff0f1; min-height: 200px; padding: 10px; margin: 0 auto; padding-top: 50px; min-height: 314px; } .bar--wrap .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; } .bar--wrap .chart--unit1 { position: absolute; left: 30px; top: 20px; } .bar--wrap .chart--unit2 { position: absolute; right: 30px; top: 20px; } .bar--wrap .chart--cont { margin: 0 auto; } .bar--wrap .chart { margin: 0 auto; } .bar--wrap .bar { overflow: hidden; padding-left: 28px; margin-bottom: 50px; } .bar--wrap .bar p { float: left; font-weight: bold; } .bar--wrap .bar p.tit { color: #363636; } .bar--wrap .bar p.va { margin-left: 5px; color: #94243b; } .bar--wrap .bar p.rank { margin-left: 15px; color: #6c6c6c; font-weight: normal; } .bar--wrap .bar .fill--wrap { width: 400px; height: 20px; margin-top: 50px; background-image: url("/Content/images/bar_bg.png"); background-repeat: no-repeat; background-position: 0 bottom; background-size: auto; } .bar--wrap .bar .fill, .bar--wrap .bar .fill--st1, .bar--wrap .bar .fill--st2, .bar--wrap .bar .fill--st3 { position: relative; height: 6px; } .bar--wrap .bar .fill .p, .bar--wrap .bar .fill--st1 .p, .bar--wrap .bar .fill--st2 .p, .bar--wrap .bar .fill--st3 .p { position: absolute; right: 0; top: -30px; width: 50px; height: 20px; margin-right: -26px; border: 1px solid #b1b1b1; background-color: #fff; color: #363636; text-align: center; } .bar--wrap .bar .fill .p:before, .bar--wrap .bar .fill--st1 .p:before, .bar--wrap .bar .fill--st2 .p:before, .bar--wrap .bar .fill--st3 .p:before { content: ""; background-image: url("/Content/images/bar_arr.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; position: absolute; left: 50%; margin-left: -4px; bottom: -5px; width: 7px; height: 5px; z-index: 3; } .bar--wrap .bar .fill--st1 { background-color: #ca527a; } .bar--wrap .bar .fill--st2 { background-color: #5e6471; } .bar--wrap .bar .fill--st3 { background-color: #a7afbd; } /*exp*/ .rowExp > td { background-color: #f5f5f5; } .rowExp > td a { color: #ca527a !important; } .rowExp > td.inner { padding-left: 34px !important; } /*consen*/ .rowConsen th { font-weight: bold; } .rowConsen th, .rowConsen td { background-color: #f1f6fa; background-image: url("/Content/images/bg_consen.png"); background-repeat: repeat-x; background-position: 0 bottom; background-size: auto; } .rowBgc1 th { font-weight: bold; } .rowBgc2 th { font-weight: bold; } .rowDouble th, .rowDouble td { background-image: url("/Content/images/bg_consen.png"); background-repeat: repeat-x; background-position: 0 bottom; background-size: auto; } .expandChart--wrap { overflow-y: auto; } /*owner*/ .rowOwner th { font-weight: bold; } .rowOwner th, .rowOwner td { background-color: #f1f6fa; background-image: url("/Content/images/bg_owner.png"); background-repeat: repeat-x; background-position: 0 top; background-size: auto; } /* total */ .rowTotal th { font-weight: bold; } .rowTotal th, .rowTotal td { background-color: #f1f6fa; background-image: url("/Content/images/bg_owner.png"); background-repeat: repeat-x; background-position: 0 top; background-size: auto; } .rowSum th { font-weight: bold; } .rowSum{background-color: #f1f6fa;} .rowSum th, .rowSum td { background-color: #f1f6fa; background-image: url("/Content/images/bg_owner.png"); background-repeat: repeat-x; background-position: 0 top; background-size: auto; padding-top:6px;padding-bottom:6px;border-bottom:1px solid #e9e9e9} .ow--str { width: 750px; height: 500px; overflow-y: scroll; } .ow--str img { width: 730px; } .inst--wrap { clear: both; overflow: hidden; } .inst--wrap .col { float: right; width: 990px; } .inst--wrap .col:first-child { float: left; width: 240px; margin-top: 36px; } .inst--wrap .col:first-child .tab--type1 li { width: 81px; } .inst--wrap .col:nth-of-type(2) { margin-top: 15px; } .under--wrap { clear: both; overflow: hidden; } .under--wrap .col { float: right; width: 990px;margin-top: 15px; } .under--wrap .col:first-child { float: left; width: 240px; } .under--wrap .col:first-child .tab--type1 li { width: 81px; } .under--wrap2 .col { float: right; width: 976px;margin-top: 15px; } .under--wrap2 .col:first-child { float: left; width: 254px; } .rankText { display: inline-block; font-size: 11px; } .comMap { border: 1px solid #eee; } .comMap img { width: 100%; } /**************************************************/ /*FnDBn*/ .menu { margin-top: 30px; } .menu > div { border: 1px solid #bdc5ce; width: 227px; float: left; vertical-align: top; margin-left: 25px; } .menu > div:first-child { margin-left: 0; width: 226px; } .menu > div > p { background-color: #f5f5f5; color: #000; font-weight: bold; border-bottom: 1px solid #bdc5ce; padding: 10px 0 10px 38px; } .menu > div > div { border-top: 1px solid #e9e9e9; padding: 5px 0 6px; } .menu > div > div:first-child { border-top: 0; } .menu > div > div.exc { position: relative; } .menu > div > div.exc span { display: block; position: absolute; left: 0; top: 9px; width: 62px; text-align: right; color: #6c6c6c; font-weight: bold; font-size: 11px; } .menu > div > div.exc ul { margin-left: 75px; } .menu > div > div ul { margin-left: 40px; } .menu > div > div ul li { display: block; padding: 3px 0; } .menu > div.m1 p { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 16px -416px; } .menu > div.m2 p { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 16px -445px; } .menu > div.m3 p { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 16px -472px; } .menu > div.m4 p { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 16px -499px; } .menu > div.m5 p { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 16px -528px; } .menu > div.m4 > div:last-child li { margin-left: -25px; } .menu > div.m5 { margin-top: -40px; } .recomKey { display: inline-block; width: 610px; } .recomKey dt { display: inline-block; vertical-align: middle; width: 78px; } .recomKey dd { display: inline-block; vertical-align: middle; width: 526px; } .recomKey dd button { background-color: #f5f5f5; margin-right: 5px; } .recomKey dd button.selected { text-decoration: underline; color: #ca527a; } .selectedKey { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #fafafa; padding: 40px 20px; /*li { & > a, button { float: left; width: 300px; .nm { color: $hover-color; &:hover { text-decoration: underline; } } } & > .tag { float: left; width: 500px; } }*/ } .selectedKey .recomKey { width: 940px; } .selectedKey .recomKey dt { width: 300px; margin: 7px 0; padding-left: 10px; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -213px; vertical-align: top; } .selectedKey .recomKey dt .nm { display: inline; color: #ca527a; } .selectedKey .recomKey dd { width: 620px; vertical-align: top; margin: 7px 0; } .selectedKey .recomKey dd button { background-color: transparent; } .selectedKey .recomKey dd button.selected { color: #363636; text-decoration: none; font-weight: bold; } .sec--nodata { overflow: hidden; margin: 50px 0 5px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background-color: #fafafa; padding: 60px 0; } .sec--nodata:before, .sec--nodata:after { display: block; content: ''; } .sec--nodata:after { clear: both; } .sec--nodata p { padding-left: 66px; text-align: center; position: relative; } .sec--nodata p:before { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -85px; background-image: url("/Content/images/etc.png"); background-repeat: no-repeat; background-position: 0 -73px; background-size: auto; width: 48px; height: 38px; } .m4 .yymm-text {height:18px;padding:0;} .m4 .yy-text {width:30px; text-align:right;} .m4 .mm-text {width:16px; text-align:right;} /*keywords*/ .keywords { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #fafafa; min-height: 98px; margin-top: 35px; } .keywords dt, .keywords dd { display: inline-block; vertical-align: middle; } .keywords dt { width: 180px; min-height: 98px; position: relative; } .keywords dt:before { content: ""; position: absolute; top: 38px; left: 55px; background-image: url("/Content/images/etc.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; width: 72px; height: 18px; } .keywords dd { width: 785px; } .keywords dd a { display: inline-block; margin-right: 10px; margin-bottom: 5px; } .keywords > .checks { margin-right: 20px; } .searchBox--wrap { position: relative; } .searchBox--wrap .btn--schBox { position: absolute; bottom: -17px; left: 50%; margin-left: -60px; width: 118px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -53px -560px; border: 1px solid #bdc5ce; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; background-color: #f5f5f5; padding-left: 25px; color: #a3a3a3; font-size: 11px; } .searchBox--wrap .btn--schBox.on { width: 118px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -53px -580px; } .searchBox--wrap:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; padding: 0; margin: 0; width: 989px; height: 1px; background-color: #bdc5ce; } .ul--col { border: 1px solid #bdc5ce; margin-top: 5px; margin-bottom: 25px; } .ul--col ul li { display: block; border-top: 1px solid #e9e9e9; } .ul--col ul li > span { display: inline-block; height: 27px; line-height: 27px; vertical-align: top; text-align: center; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ul--col ul li > span.c1 { width: 420px; text-align: left; } .ul--col ul li > span.c2 { width: 140px; } .ul--col ul li > span.c3 { width: 100px; } .ul--col ul li > span.c4 { width: 100px; } .ul--col ul li > span.c5 { width: 100px; } .ul--col ul li > span.c6 { width: 80px; } .ul--col button { vertical-align: middle; } .ul--col .ul--header li { border-top: 0; background-color: #f5f5f5; border-bottom: 1px solid #bdc5ce; } .ul--col .ul--header li > span { color: #505050; font-weight: bold; } .ul--col .ul--header li > span.c1 { text-align: center; } .ul--col .ul--body { height: 280px; overflow-y: auto; overflow-x: hidden; background-image: url("/Content/images/bg_eco.png"); background-repeat: repeat; background-position: left top; background-size: auto; background-attachment: local; } .ul--col .ul--body > li:first-child { border-top: 1px solid #fff; } .ul--col .ul--body > li > span.c1 { padding-left: 4px; } .ul--col .ul--body ul { padding-left: 20px; } .ul--col .ul--body li.selected .btn--va { font-weight: bold; } .ul--col .ul--body li.hover .btn--va { text-decoration: underline; color: #ca527a; } .ul--col .ul--body li > span.c1 { text-align: left; } .ul--col .ul--body li > span button.btn--va { height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -60px -620px; margin-left: 8px; padding-left: 10px; margin-top: -5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ul--col .ul--body li > span button.btn--va .keyword { display: inline; color: #ca527a; } .ul--col .ul--body li > span .btn--text-ty3 { margin-top: -2px; } .ul--col .ul--body ul > li > span.c1 { width: 400px; } .ul--col .ul--body ul > li ul > li > span.c1 { width: 380px; } .ul--col .ul--body ul > li ul > li ul > li > span.c1 { width: 360px; } .ul--col .ul--body ul > li ul > li ul > li ul > li > span.c1 { width: 340px; } .ul--col .ul--body ul > li ul > li ul > li ul > li ul > li > span.c1 { width: 320px; } .ul--col .ul--body ul > li ul > li ul > li ul > li ul > li ul > li > span.c1 { width: 300px; } .ul--col .ul--body ul > li ul > li ul > li ul > li ul > li ul > li ul > li > span.c1 { width: 280px; } .ul--col .ul--body.selected { height: 140px; } .ul--col .ul--body.selected .btn--va { background: none; margin-left: 0; } .ul--col .ul--body.selected .nodata span { width: 988px; text-align: center; padding-left: 0; } .ul--col .ul--body.result { height: 280px; } .ul--col .btn--exp { height: 13px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -600px; padding-left: 0; margin-right: 5px; margin-top: -2px; width: 13px; } .ul--col .btn--exp.on { height: 13px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -600px; } .itemList { height: 300px; overflow-y: scroll; overflow-x: hidden; } .itemList ul { width: 420px; border: 1px solid #e9e9e9; border-left: 0; border-top: 0; } .itemList ul li { width: 199px; float: left; padding: 5px; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; } .dbCal--header { position: relative; margin: 30px 0 10px; min-height: 28px; } .dbCal--header .selection { position: relative; text-align: center; margin: 0 auto; width: 180px; } .dbCal--header .selection > p { display: inline-block; vertical-align: middle; font-family: 'Arial'; font-size: 18px; color: #000; } .dbCal--header .selection .btn--cal { vertical-align: middle; margin: 0 0 0 5px; } .dbCal--header .selection .btn--prev { width: 18px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -1px -241px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; left: 5px; top: 5px; } .dbCal--header .selection .btn--next { width: 18px; height: 18px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -1px -261px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; right: 5px; top: 5px; } .dbCal--header .btn--view { position: absolute; right: 0; top: 0; } .tbl--cal { width: 740px; float: left; } .tbl--cal table { width: 740px; } .tbl--cal tbody tr:last-child td { border-bottom: 0; } .tbl--cal tbody tr td { position: relative; background-image: url("/Content/images/bg_tbl_cal.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; height: 100px; vertical-align: top; padding: 5px 8px; font-size: 11px; letter-spacing: -1px; } .tbl--cal tbody tr td:first-child { background-image: none; } .tbl--cal tbody tr td > button { display: block; width: 92px; height: 100px; font-size: 12px; letter-spacing: -1px; vertical-align: top; } .tbl--cal tbody tr td > button:hover, .tbl--cal tbody tr td > button:focus { text-decoration: none; } .tbl--cal tbody tr td > button:after { content: ""; display: inline-block; vertical-align: top; height: 100%; } .tbl--cal tbody tr td span { display: inline-block; vertical-align: top; margin-bottom: 4px; width: 72px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tbl--cal tbody tr td span.dd { letter-spacing: 0; font-weight: bold; color: #000; } .tbl--cal tbody tr td span.bond { font-size: 12px; } .tbl--cal tbody tr td span.bond span { display: block; } .tbl--cal tbody tr td .more { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -640px; margin-bottom: 0; } .tbl--cal tbody tr td.today { background-color: #fff8ed !important; } .tbl--cal tbody tr td.today .dd { color: #ca527a; } .tbl--cal tbody tr td.selected { background-color: #ecf7ff; } .tbl--cal tbody tr td.empty { background-color: #fafafa; } .sch--cal { float: right; width: 230px; border-top: 1px solid #929ba6; border-bottom: 1px solid #929ba6; } .sch--cal .hd { border-bottom: 1px solid #bdc5ce; background-color: #f5f5f5; color: #505050; font-weight: bold; text-align: center; padding: 9px 0; } .sch--cal .item { border-top: 1px solid #e9e9e9; padding: 15px 5px 15px 15px; } .sch--cal .item:first-of-type { border-top: 0; } .sch--cal .item.on { background-color: #fff8ed; } .sch--cal .item > .schTit { color: #000; font-weight: bold; font-size: 12px; margin-bottom: 10px; } .sch--cal .item ul li { display: block; margin-top: 5px; } .sch--cal .item ul li .btn--text, .sch--cal .item ul li .btn--eco1, .sch--cal .item ul li .btn--eco2, .sch--cal .item ul li .btn--eco3, .sch--cal .item ul li .btn--eco4, .sch--cal .item ul li .btn--eco5, .sch--cal .item ul li .btn--eco6, .sch--cal .item ul li .btn--eco7, .sch--cal .item ul li .btn--eco8, .sch--cal .item ul li .btn--item1, .sch--cal .item ul li .btn--item2, .sch--cal .item ul li .btn--item3, .sch--cal .item ul li .btn--item4, .sch--cal .item ul li .btn--item5, .sch--cal .item ul li .btn--item6, .sch--cal .item ul li .btn--item7, .sch--cal .item ul li .btn--item8, .sch--cal .item ul li .btn--item9, .sch--cal .item ul li .btn--item10, .sch--cal .item ul li .btn--item11 { width: 205px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sch--cal .item ul li .desc { background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -246px; margin-left: 20px; padding-left: 7px; color: #6c6c6c; font-size: 11px; margin-top: 3px; } .sch--cal .item .bond { overflow: hidden; } .sch--cal .item .bond dl { float: left; } .sch--cal .item .bond dl:first-of-type { width: 105px; } .sch--cal .item .bond dl:last-of-type { width: 105px; } .sch--cal .item .bond dl:last-of-type dd strong { font-size: 12px; } .sch--cal .item .bond dl dt { margin-bottom: 5px; } .sch--cal .item .bond dl dd { color: #a3a3a3; font-size: 12px; line-height: 20px; } .sch--cal .item .bond strong { font-weight: bold; } .sch--cal .item .btn--monthchart { margin: 20px 0 3px 45px; } /**************************************************/ /*Screener*/ .scr:before, .scr:after { display: block; content: ''; } .scr:after { clear: both; } .scr:before { width: 1256px; } .scr .inner { float: none; } .scr .inner .scr--list { width: 631px; float: left; margin: 0; } .scr .inner .scr--list ul > li > span.c1 { width: 520px; } .scr .inner .scr--list ul > li > span.c2 { width: 80px; } .scr .inner .scr--list .ul--header li > span .total { display: inline-block; line-height: 27px; vertical-align: bottom; color: #363636; } .scr .inner .scr--list .ul--header li > span .total:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; } .scr .inner .scr--list .ul--body ul > li > span.c1 { width: 500px; } .scr .inner .scr--list .ul--body ul > li ul > li > span.c1 { width: 480px; } .scr .inner .scr--list .ul--body ul > li ul > li ul > li > span.c1 { width: 460px; } .scr .inner .scr--list .ul--body ul > li ul > li ul > li ul > li > span.c1 { width: 440px; } .scr .inner .scr--list .ul--body.selected .nodata span { width: 614px; } .scr .inner .scr--desc { width: 620px; float: right; margin: 0; } .scr .inner .scr--desc ul > li > span.c1 { width: 625px; } .scr .inner .scr--desc > p { height: 220px; padding: 30px 25px; overflow-y: auto; background-color: #fafafa; line-height: 22px; } .scr .inner .scr--desc > p strong { display: block; font-weight: bold; margin-bottom: 10px; } .scr--selected ul > li > span.c1 { width: 310px; } .scr--selected ul > li > span.c2 { width: 210px; } .scr--selected ul > li > span.c3 { width: 410px; } .scr--selected ul > li > span.c4 { width: 105px; } .scr--selected ul > li > span.c5 { width: 80px; } .scr--selected ul > li > span.c6 { width: 100px; } .scr--selected .ul--body { background-image: url("/Content/images/bg_scr.png"); background-repeat: repeat; background-position: left top; background-size: auto; } .scr--selected .ul--body.selected { height: 180px; } .scr--selected .ul--body.selected .nodata span { width: 1256px; } .scr--selected .ul--body li > span { height: 35px; line-height: 35px; } .scr--selected .ul--body li > span:nth-of-type(2), .scr--selected .ul--body li > span.c2, .scr--selected .ul--body li > span:nth-of-type(4), .scr--selected .ul--body li > span.c4 { text-align: right; } .scr--selected .ul--body li > span:nth-of-type(2) select, .scr--selected .ul--body li > span.c2 select, .scr--selected .ul--body li > span:nth-of-type(4) select, .scr--selected .ul--body li > span.c4 select { width: 100px; margin-top: 3px; } .scr--selected .ul--body li > span:nth-of-type(2) .clear--wrap, .scr--selected .ul--body li > span.c2 .clear--wrap, .scr--selected .ul--body li > span:nth-of-type(4) .clear--wrap, .scr--selected .ul--body li > span.c4 .clear--wrap { margin-top: 3px; display: inline-block; vertical-align: top; width: 100px; height: 26px; } .scr--selected .ul--body li > span:nth-of-type(2) .clear--wrap input[type=text], .scr--selected .ul--body li > span.c2 .clear--wrap input[type=text], .scr--selected .ul--body li > span:nth-of-type(4) .clear--wrap input[type=text], .scr--selected .ul--body li > span.c4 .clear--wrap input[type=text] { width: 74px; text-align: right; } .scr--selected .ul--body li > span:nth-of-type(3) .rg, .scr--selected .ul--body li > span.c3 .rg { margin: 0; } .scr--selected .ul--body li > span:nth-of-type(3) .rg .rg--min, .scr--selected .ul--body li > span.c3 .rg .rg--min { display: inline-block; width: 77px; text-align: right; font-size: 11px; color: #6c6c6c; } .scr--selected .ul--body li > span:nth-of-type(3) .rg .rg--max, .scr--selected .ul--body li > span.c3 .rg .rg--max { display: inline-block; width: 77px; text-align: left; font-size: 11px; color: #6c6c6c; } .scr--selected .ul--body li > span:nth-of-type(3) .rg .slider, .scr--selected .ul--body li > span.c3 .rg .slider { display: inline-block; width: 240px; margin: 0 4px; } /**************************************************/ /*DocsSearch*/ .reSearch .total { padding-left:15px;font-size: 12px; color: #94243b; vertical-align:middle;} .reSearch .total strong { font-weight: bold; } .schHistory { display: inline-block; width: 1084px; padding-top:4px;} .schHistory dt { display: inline-block; vertical-align: middle; width: 78px;font-weight:bold; } .schHistory dd { display: inline-block; vertical-align: middle; width: 526px; } .schHistory dd button { background-color: #f5f5f5; margin-right: 5px;margin-bottom:3px; } .schHistory dd button.selected { text-decoration: underline; color: #ca527a; } .btn_schHistory{padding-top:5px} .docs--wrap { position:relative;clear: both; overflow: hidden; } .docs--wrap .col { float: left; width: 726px; margin: 18px 0 0 25px; } .docs--wrap .col1, .docs--wrap .col3 { float: left; width: 240px;} .docs--wrap .col1{margin-left:0} .docs--wrap .col .ul--col{border:0 none;border-top:1px solid #929ba6; border-bottom:1px solid #929ba6;} .docs--wrap .col .ul--col ul > li{border:0 none;} .docs--wrap .col .ul--col ul > li span{cursor:pointer} .docs--wrap .col .ul--col ul > li.selected{font-weight:bold;} .docs--wrap .col .ul--col .ul--header .checks{padding-top:5px;} .docs--wrap .col .ul--col .ul--header li{padding:1px 0 2px 10px;border-bottom:1px solid #c5ccd4} .docs--wrap .col .ul--col .ul--body{ height: 620px;overflow-x:auto; background-position:left -1px;} .docs--wrap .col .ul--col .ul--body li > span{width:inherit;height:28px;line-height:28px;padding-right:4px;} .docs--wrap .col .ul--col .ul--body li > span .num{color:#ca527a;font-size:11px;padding-left:5px} .docs--wrap .col .ul--col .ul--body li > span button.btn--va{width:auto} .breadcrumb2 {float:left;padding:3px 0 0 5px;font-size: 12px; color: #a3a3a3; } .breadcrumb2:before { content: "|";color: #e8e8ec; padding: 0 5px; } .breadcrumb2 span { font-size: 12px; color: #a1a1a1; } .breadcrumb2 span:before { content: " > "; color: #a3a3a3; padding: 0 1px; } .breadcrumb2 span:first-child:before { content: ""; padding: 0; } .breadcrumb2 span:last-child { color: #363636; } .tbl--col.tbl--doc thead th{background-image:none;background-clip:border-box !important;} .tbl--doc .tbl--scroll{height:620px;overflow-y:auto;} .tbl--doc td{vertical-align:top} .tbl--doc td > a{height:80px;max-height:80px;overflow-y:hidden;line-height:175%} .tbl--doc td b{font-weight:bold} /**************************************************/ /*Member, MyFnguide*/ .joinStep, .joinPersonStep1, .joinPersonStep2, .joinPersonStep3, .joinPersonStep4, .joinCorpStep1, .joinCorpStep2, .joinCorpStep3, .joinCorpStep4, .applyStep1, .applyStep2, .csStep, .log--wrap, .dormant { background-image: url("/Content/images/bg_m.png"); background-repeat: repeat-x; background-position: 0 0; background-size: auto; padding: 55px 0; margin-top: 20px; } .joinStep ol, .joinPersonStep1 ol, .joinPersonStep2 ol, .joinPersonStep3 ol, .joinPersonStep4 ol, .joinCorpStep1 ol, .joinCorpStep2 ol, .joinCorpStep3 ol, .joinCorpStep4 ol, .applyStep1 ol, .applyStep2 ol, .csStep ol, .log--wrap ol { width: 728px; height: 70px; margin: 0 auto; } .dormant{padding:4px 0;} .joinPersonStep1 ol { background-image: url("/Content/images/mem_step_person.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } .joinPersonStep2 ol { background-image: url("/Content/images/mem_step_person.png"); background-repeat: no-repeat; background-position: 0 -70px; background-size: auto; } .joinPersonStep3 ol { background-image: url("/Content/images/mem_step_person.png"); background-repeat: no-repeat; background-position: 0 -140px; background-size: auto; } .joinPersonStep4 ol { background-image: url("/Content/images/mem_step_person.png"); background-repeat: no-repeat; background-position: 0 -210px; background-size: auto; } .joinCorpStep1 ol { background-image: url("/Content/images/mem_step_corp.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } .joinCorpStep2 ol { background-image: url("/Content/images/mem_step_corp.png"); background-repeat: no-repeat; background-position: 0 -70px; background-size: auto; } .joinCorpStep3 ol { background-image: url("/Content/images/mem_step_corp.png"); background-repeat: no-repeat; background-position: 0 -140px; background-size: auto; } .joinCorpStep4 ol { background-image: url("/Content/images/mem_step_corp.png"); background-repeat: no-repeat; background-position: 0 -210px; background-size: auto; } .applyStep1 ol { width: 440px; height: 84px; background-image: url("/Content/images/my_step.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } .applyStep2 ol { width: 440px; height: 84px; background-image: url("/Content/images/my_step.png"); background-repeat: no-repeat; background-position: 0 -84px; background-size: auto; } .csStep ol { width: 913px; height: 70px; background-image: url("/Content/images/cs_step.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; } .mem--msg { border-top: 2px solid #000; border-bottom: 1px solid #e5e5e5; padding: 20px 15px; overflow: hidden; } .mem--msg .text--ty1 { font-weight: bold; float: left; } .mem--msg .checks { float: right; font-weight: bold; color: #94243b; } .mem--msg .text--ty2 { font-weight: bold; font-size: 14px; text-align: center; } .mem--msg .text--ty2 strong { color: #ca527a; } .mem--terms { border: 1px solid #eaeaea; background-color: #fafafa; padding: 24px 30px; height: 150px; overflow-y: scroll; line-height: 22px; color: #363636; } .mem--agree {background-color:#fff;} .mem--agree pre{white-space:pre-wrap;} .mem--area { margin-top: 1px; background-color: #fafafa; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; overflow: hidden; min-height: 270px; text-align: center; } .mem--area .conf p { margin: 40px 0; text-align: center; } .mem--area .conf p strong { font-weight: bold; } .mem--area .conf div { float: left; width: 494px; text-align: center; margin: 20px 0 60px; padding-top: 120px; position: relative; } .mem--area .conf div:before { content: ""; position: absolute; top: 0; left: 50%; } .mem--area .conf div:nth-of-type(1) { border-right: 1px solid #ddd; } .mem--area .conf div:nth-of-type(1):before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 0; background-size: auto; margin-left: -32px; width: 64px; height: 100px; } .mem--area .conf div:nth-of-type(2):before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -100px; background-size: auto; margin-left: -45px; width: 90px; height: 100px; } .mem--area .conf div p { margin: 0 0 30px; color: #6c6c6c; } .mem--area .corpNum { display: inline-block; padding-top: 30px; } .mem--area .corpNum label { margin-right: 10px; } .mem--area .corpNum .btn--text-ty1 { margin-left: 10px; } .mem--area .txt_dormant{font-size:16px;background-color:#fff;width:100%;color:#000;font-weight:bold;border-bottom:1px solid #e5e5e5;padding:17px 0;} .mem--area .result { display: inline-block; position: relative; text-align: left; padding: 60px 0 60px 160px; width: 520px; line-height: 22px; } .mem--area .result strong { font-weight: bold; } .mem--area .result em { color: #ca527a; font-weight: bold; } .mem--area .result a { font-weight: bold; } .mem--area .result:before { content: ""; position: absolute; top: 60px; left: 0; } .mem--area .result .form--input{padding:20px 0} .mem--area .result .form--input dl{overflow:hidden;padding:5px 0;} .mem--area .result .form--input dl:first-child{padding-top:0} .mem--area .result .form--input dt{float:left;padding:2px 30px 0 0;font-weight:bold;} .mem--area .result .form--input dd{float:left;} .mem--area .result .form--input dd .clear--wrap{display:block;} .mem--area .result .form--input dd .pwd-terms{padding-top:5px;} .mem--area .v_middle{display:table;width:auto;height:auto;min-height:270px;padding-top:0;padding-bottom:0;margin:auto;} .mem--area .v_middle:before{top:50%;margin-top:-45px;} .mem--area .v_middle > div{display:table-cell;vertical-align:middle} .mem--area .v_middle .clear--wrap{display:block;} .mem--area .aDormant{width:auto;height:320px;display:table;padding-top:0;padding-bottom:0;margin:auto;} .mem--area .aDormant > div{display:table-cell;vertical-align:middle} .mem--area .aDormant > div > p{padding:3px 0 0 10px;} .mem--area .pStep2Fail:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -200px; background-size: auto; width: 100px; height: 95px; } .mem--area .pStep2Succ:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -295px; background-size: auto; width: 98px; height: 95px; } .mem--area .cStep2:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -390px; background-size: auto; width: 84px; height: 100px; } .mem--area .pStep4:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -490px; background-size: auto; width: 100px; height: 86px; } .mem--area .aSucc:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -576px; background-size: auto; width: 100px; height: 74px; } .mem--area .aFail:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -731px; background-size: auto; width: 100px; height: 76px; } .mem--area .aPw:before { top:50%;margin-top:-50px;background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -100px; background-size: auto; width: 90px; height: 100px; } .mem--area .pLeave:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -1032px; background-size: auto; width: 100px; height: 88px; } .mem--area .aDormant:before{top:50%;margin-top:-44px;background-image: url("/Content/images/my.png?20210218"); background-repeat: no-repeat; background-position: 0 -1120px; background-size: auto; width: 100px; height: 88px ;} .mem--area .filebox { margin-top: 20px; } .mem--area .filebox .type { display: block; margin-left: 0; } /*mypage>환경설정*/ .mem--area .setting div.set--area {float: left; padding-top: 40px; padding-left: 70px; width: 424px; text-align: left; position: relative; } .mem--area .setting .set--area .tit { font-weight:bold;} .mem--area .setting .set--area .infoTxt {font-weight:bold; color:#505050; font-size:12px;} .mem--area .setting .set--area .ast { margin-bottom:13px;} .mem--area .setting .set--area .checks { padding-left: 10px; padding-bottom: 20px; } .mem--area .setting .set--area .checks li { display: block; padding-bottom: 8px; } .mem--area .setting .set--area .checks.ty2 li { display: inline-block; } .filebox .btn--text-ty1 { margin-left: 10px; } .filebox .type { display: inline-block; margin-left: 10px; } .filebox .ast { display: inline; vertical-align: inherit; } .fileName { margin-top: 10px; } .fileName a, .fileName button { color: #ca527a; } .fileName .btn--del { vertical-align: middle; margin-top: -2px; } .tbl--col.mem th, .tbl--col.mem td { padding-top: 10px; padding-bottom: 10px; } .tbl--col.mem .rep { background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: -50px -879px; background-size: auto; padding-left: 40px; } .tbl--col.mem .repDep1 { padding-left: 10px; } .tbl--col.mem .repDep2 { padding-left: 20px; } .tbl--col.mem .repDep3 { padding-left: 30px; } .tbl--col.mem .repDep4 { padding-left: 40px; } .tbl--col.mem .repDep5 { padding-left: 50px; } .tbl--col.mem .repDep6 { padding-left: 60px; } .tbl--col.mem .repDep7 { padding-left: 70px; } .tbl--col.mem .repDep8 { padding-left: 80px; } .tbl--col.mem .repDep9 { padding-left: 90px; } .tbl--col.mem .repDep10 { padding-left: 100px; } .tbl--row.mem th, .tbl--row.mem td { padding-top: 15px; padding-bottom: 15px; } .tbl--row.mem th { vertical-align: top; padding-top: 18px; padding-left: 25px; position: relative; } .tbl--row.mem th .ast { position: absolute; left: 15px; top: 20px; } .tbl--row.mem td { padding-left: 20px; } .tbl--row.mem td strong { font-weight: bold; } .tbl--row.mem td .plancomment { display:block;color:#ca527a;margin-top: 6px;}/* 1일 이용권 주석*/ .tbl--row.mem td select.sel--term { vertical-align: middle; margin-right: 5px; } .tbl--row.mem .td--row { margin-top: 15px; color: #6c6c6c; letter-spacing: -1px; } .tbl--row.mem .checks em { color: #ca527a; } .tbl--row.mem .radios.checks { margin-top: 10px; vertical-align: middle; } .tbl--row.mem .radios.checks:first-child { margin-top: 0; } .tbl--row.mem .radios.checks label { margin-top:5px; margin-right: 45px; margin-bottom: 5px; vertical-align: top; } .tbl--row.mem .radios.checks label.mg_r66{margin-right:66px} .tbl--row.mem .radios.checks label:last-of-type { margin-right: 5px; } .tbl--row.mem .radios.checks .gr { display: inline-block; margin-right: 45px; } .tbl--row.mem .radios.checks .gr label { margin-right: 10px; } .tbl--row.mem .sel--cell { width: 80px; } .tbl--row.mem .tarea { padding: 20px; vertical-align: top; } .tbl--row.mem .tarea textarea { width: 930px; height: 200px; } .tbl--row.mem .tarea .inner { min-height: 150px; } .tbl--row.mem .price { font-size: 12px; font-weight: bold; } /*.tbl--issueance table td{position:relative;} .tbl--issueance table td .btn--issueComp + button{padding-left:5px;}*/ .tbl--buyer .tbl--scroll table{float:left;width:58%;} .tbl--buyer .tbl--scroll table:first-child{width:42%} /*.tbl--buyer .tbl--scroll{float:left;width:58%;} .tbl--buyer .tbl--scroll:nth-child(2){width:42%;-ms-overflow-style:none;scrollbar-width:none;} .tbl--buyer .tbl--scroll:nth-child(2)::-webkit-scrollbar{display:none;}*/ .tbl--buyer .tbl--scroll table .select, .tbl--buyer .tbl--scroll table .select button{font-weight:bold;color:#ca527a;outline:none;} .mem--area .clear--wrap, .tbl--row.mem .clear--wrap { display: inline-block; } .mem--area .clear--wrap.mem--ty1, .tbl--row.mem .clear--wrap.mem--ty1 { width: 90px; } .mem--area .clear--wrap.mem--ty1 input[type=text], .mem--area .clear--wrap.mem--ty1 input[type=password], .tbl--row.mem .clear--wrap.mem--ty1 input[type=text], .tbl--row.mem .clear--wrap.mem--ty1 input[type=password] { width: 64px; } .mem--area .clear--wrap.mem--ty2, .tbl--row.mem .clear--wrap.mem--ty2 { width: 180px; } .mem--area .clear--wrap.mem--ty2 input[type=text], .mem--area .clear--wrap.mem--ty2 input[type=password], .tbl--row.mem .clear--wrap.mem--ty2 input[type=text], .tbl--row.mem .clear--wrap.mem--ty2 input[type=password] { width: 154px; } .mem--area .clear--wrap.mem--ty3, .tbl--row.mem .clear--wrap.mem--ty3 { width: 280px; } .mem--area .clear--wrap.mem--ty3 input[type=text], .mem--area .clear--wrap.mem--ty3 input[type=password], .tbl--row.mem .clear--wrap.mem--ty3 input[type=text], .tbl--row.mem .clear--wrap.mem--ty3 input[type=password] { width: 254px; } .mem--area .clear--wrap.mem--ty4, .tbl--row.mem .clear--wrap.mem--ty4 { width: 380px; } .mem--area .clear--wrap.mem--ty4 input[type=text], .mem--area .clear--wrap.mem--ty4 input[type=password], .tbl--row.mem .clear--wrap.mem--ty4 input[type=text], .tbl--row.mem .clear--wrap.mem--ty4 input[type=password] { width: 354px; } .mem--area .clear--wrap.mem--ty5, .tbl--row.mem .clear--wrap.mem--ty5 { width: 790px; } .mem--area .clear--wrap.mem--ty5 input[type=text], .mem--area .clear--wrap.mem--ty5 input[type=password], .tbl--row.mem .clear--wrap.mem--ty5 input[type=text], .tbl--row.mem .clear--wrap.mem--ty5 input[type=password] { width: 764px; } .heading + .tab--type3 { margin-top: 30px; } .heading + .tab--type3 .btn--set { position: absolute; right: 0; top: 0; } .log--wrap .grid--header.mem { width: 725px; margin: 50px auto 15px; } .log--wrap .text--msg { width: 717px; margin: 0 auto 5px; } .log--wrap .log--area { width: 725px; margin: 0 auto; } .log--wrap .log--area .inp fieldset { margin-left: 177px; margin-top: 30px; } .log--wrap .log--area .inp .save, .log--wrap .log--area .inp .join { margin-left: 241px; } .log--wrap .log--area .inp .save { margin-top: 10px; } .log--wrap .lay--popFooter { margin-top: 20px; } .text--msg { border: 4px solid #eff0f1; padding: 20px 0; margin-bottom: 5px; text-align: center; } .text--msg em { color: #ca527a; } .text--msg .clear--wrap { width: 306px; } .text--msg .clear--wrap input[type=text] { width: 280px; } .log--area { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background-color: #fafafa; padding: 50px 0 40px; overflow: hidden; } .log--area.noStit { margin-top: 50px; } .log--area .inp fieldset { position: relative; width: 360px; margin-left: 90px; } .log--area .inp fieldset .row:first-child { margin-bottom: 10px; } .log--area .inp fieldset .row.ty2 label { width: 100px; } .log--area .inp fieldset .row label { display: inline-block; width: 55px; padding-right: 5px; text-align: right; } .log--area .inp fieldset .row .clear--wrap { display: inline-block; } .log--area .inp fieldset .row .clear--wrap input[type=text], .log--area .inp fieldset .row .clear--wrap input[type=password] { width: 190px; } .log--area .inp fieldset .btn--login { width: 70px; height: 66px; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #94243b; border: 1px solid #94243b; position: absolute; right: 0; top: 0; } .log--area .inp fieldset .btn--login:hover, .log--area .inp fieldset .btn--login:focus { color: #fff !important; text-decoration: none; } .log--area .inp fieldset .btn--conf { width: 70px; height: 66px; padding: 4px 12px; font-size: 12px; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; position: absolute; right: 0; top: 0; } .log--area .inp fieldset .btn--conf:hover, .log--area .inp fieldset .btn--conf:focus { color: #fff !important; text-decoration: none; } .log--area .inp .save { margin: 5px 0 0 154px; } .log--area .inp .save .checks { font-size: 11px; } .log--area .inp .save .btn--text-ty2 { margin-left: 70px; margin-top: 2px; color: #363636; } .log--area .inp .join { margin: 25px 0 0 154px; padding-bottom: 39px; } .log--area .inp .join .btn--join { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 4px 29px 4px 37px; background-image: url("/Content/images/gnb_util.png?20240229"); background-repeat: no-repeat; background-position: left top; background-size: auto; font-weight: bold; color: #000; } .log--area .inp .join .btn--join:nth-of-type(1) { background-position: 5px -1px; } .log--area .inp .join .btn--join:nth-of-type(2) { background-position: 5px -21px; } .log--area .cs { margin-top: 25px; text-align: center; color: #6c6c6c; } .log--area .result { position: relative; } .log--area .result p { padding-top: 137px; font-weight: bold; color: #000; text-align: center; } .log--area .result:before { content: ""; position: absolute; top: 20px; left: 50%; margin-left: -50px; } .log--area .result.ty1:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -807px; background-size: auto; width: 100px; height: 86px; } .log--area .result.ty2:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -893px; background-size: auto; width: 100px; height: 85px; } .log--area .result.ty3:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -295px; background-size: auto; width: 98px; height: 95px; } .log--area .result.ty4:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -893px; background-size: auto; width: 100px; height: 85px; } .log--area .result.ty4 p { padding-top: 136px; padding-bottom: 14px; font-weight: normal; line-height: 22px; } .log--area .result.ty4 p strong { font-weight: bold; color: #ca527a; } .log--area .result.ty5:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -100px; background-size: auto; width: 90px; height: 100px; } .log--area .result.ty5 p { padding-bottom: 14px; font-weight: normal; line-height: 22px; } .log--area .result.ty6:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -1032px; background-size: auto; width: 100px; height: 88px; } .log--area .result.ty6 p { padding-top: 136px; padding-bottom: 14px; font-weight: normal; line-height: 22px; } .log--area .result.ty6 p strong { font-weight: bold; color: #ca527a; } /*CS*/ .searchBoard { border-top: 1px solid #bdc5ce; border-bottom: 1px solid #bdc5ce; background-color: #fafafa; text-align: center; padding: 20px 0; } .searchBoard select { margin-right: 20px; } .searchBoard .checks { vertical-align: middle; margin-right: 20px; margin-top: 5px; } .msgBoard { margin: 15px 0; color: #a3a3a3; min-height: 18px; } .news .tbl--col.mem td{position:relative;} .news .tbl--col.mem td > a{max-width:88%;display:inline-block;vertical-align:top;} .boardBtns { padding-top: 30px; overflow: hidden; } .boardBtns .btns--l { float: left; } .boardBtns .btns--l button { margin-right: 5px; } .boardBtns .btns--r { float: right; } .boardBtns .btns--r button { margin-left: 5px; } .csinfo { margin-left: 10px; } .csinfo li { padding-left: 8px; padding-bottom: 6px; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -244px; } .csinfo li em { color: #ca527a; } .tbl--row.cs th, .tbl--row.cs td { padding: 15px 20px; font-size: 12px; font-weight: bold; } .tbl--row.cs th { border-right: 1px solid #e4e4e4; } .tbl--row.cs th.e { background-color: #fafafa; } .tbl--row.cs td { text-align: center; } .tbl--col.faq td { padding-top: 13px; padding-bottom: 13px; line-height: 22px; vertical-align: top; } .tbl--col.faq td .btn--r, .tbl--col.faq td .btn--c, .tbl--col.faq td .btn--o, .tbl--col.faq td .btn--d, .tbl--col.faq td .btn--s, .tbl--col.faq td .btn--none { vertical-align: middle; margin-right: 5px; } .tbl--col.faq td .btn--none { display: inline-block; width: 16px; height: 16px; } .tbl--col.faq .faq--a td { background-color: #fafafa; padding-top: 30px; padding-bottom: 30px; padding-right: 20px; } .tbl--col.faq .ico--q { position: relative; } .tbl--col.faq .ico--q:before { content: ""; position: absolute; top: 20px; left: 50%; background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -996px; background-size: auto; margin-left: -9px; width: 15px; height: 18px; } .tbl--col.faq .ico--q.on:before { background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -978px; background-size: auto; } .tbl--col.faq .ico--a { position: relative; } .tbl--col.faq .ico--a:before { content: ""; position: absolute; top: 40px; left: 50%; background-image: url("/Content/images/my.png"); background-repeat: no-repeat; background-position: 0 -1014px; background-size: auto; margin-left: -9px; width: 15px; height: 18px; } .tbl--col.faq .btn--faq { position: relative; width: 100%; min-height: 24px; } .tbl--col.faq .btn--faq span { display: block; margin-right: 50px; } .tbl--col.faq .btn--faq:before { content: ""; position: absolute; top: 0; right: 10px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -720px; background-size: auto; margin-left: -12px; width: 24px; height: 24px; } .tbl--col.faq .btn--faq.on:before { background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: -32px -720px; background-size: auto; } .sitemap .prod { position: relative; overflow: hidden; border-bottom: 1px solid #bdc5ce; border-style: dotted; margin: 40px 0; padding-bottom: 20px; } .sitemap .prod .grid--header.mem { position: absolute; left: 0; top: 0; width: 170px; margin-top: 0; } .sitemap .prod .row { overflow: hidden; margin-bottom: 25px; margin-left: 181px; } .sitemap .prod .row .mn { float: left; width: 180px; margin-left: 35px; } .sitemap .prod .row .mn a { display: block; } .sitemap .prod .row .mn .dep1 { border-bottom: 1px solid #e9e9e9; } .sitemap .prod .row .mn .dep1 a { margin-bottom: 5px; padding-left: 10px; font-weight: bold; } .sitemap .prod .row .mn .dep2 { margin: 8px 0 0 10px; } .sitemap .prod .row .mn .dep2 li { padding-left: 10px; padding-bottom: 5px; position: relative; } .sitemap .prod .row .mn .dep2 li:before { content: ""; position: absolute; top: 2px; left: 0; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -215px; width: 10px; height: 10px; } .sitemap .prod .row .mn .dep3 { margin-top: 5px; } .sitemap .prod .row .mn .dep3 > li { padding-left: 8px; padding-bottom: 4px; position: relative; } .sitemap .prod .row .mn .dep3 > li:before { content: ""; position: absolute; top: 0; left: 0; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -244px; width: 10px; height: 15px; } .sitemap .prod .row .mn .dep3 > li a { color: #8d92a1; } .service .link { border: 3px solid #f2f2f2; background-color: #fffdf5; padding:30px; overflow: hidden; } .service .link .column { float: left; width: 33%; } .service .link .column2 { float: left; width: 49.5%; } .service .link .column a, .service .link .column2 a { display: block; padding-bottom: 5px; color: #0668cb; font-weight: bold; } .service .cont { line-height: 26px; } .service .cont h2 { margin-top: 40px; font-size: 16px; font-weight: bold; padding-bottom: 25px; } .service .cont h3 { font-weight: bold; padding-bottom: 15px; } .service .cont .dep1 { padding-left: 30px; } .service .cont .dep2 { padding-left: 20px; padding-bottom: 40px; } .service .cont .dep3 { padding-left: 20px; } .service .cont a { text-decoration:underline; } .term{padding:50px;margin:auto} .term__tit{margin-bottom:20px;letter-spacing:-.3px} .term__tit p{padding-bottom:15px} .term__tit p strong{font-weight:bold} .term__cont{font-family:'돋움',dotum;color:#000} .term__cont td p{font-weight:700;padding-bottom:7px;letter-spacing:-.3px} .term__cont td table{margin-bottom:34px} .term__cont td table th{width:49%;font-weight:400;height:30px;line-height:30px;background-color:#5e6471;color:#fff;border:1px solid #5e6471;text-align:center;font-weight:bold} .term__cont td table th:first-child{background-color:#f5f5f5;color:#000;border:1px solid #b0b0b0;font-weight:400} .term__cont td table td{vertical-align:top;border:1px solid #b0b0b0;border-top:0;padding:20px;font-size:12px;white-space:pre-line;text-align:justify;margin:15px 0 34px} .term__cont td table th.empty,.term__cont td table td.empty{width:26px;display:inline-block;border:0;background:none;padding:0} .point1{color:#8d1141} .point2{color:#154d80} .point3{color:#727272;font-weight:400} .point4{color:#ca527a} .point5{color:#efeed1;text-decoration:underline} .bullet{display:inline-block;width:3px;height:3px;background:#5e6471;margin-bottom:5px;vertical-align:middle;text-indent:-9999px} .data--area { background-color: #fafafa; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; overflow: hidden; min-height: 60px; padding: 20px 50px; } .data--area .tit { color: #363636; font-weight: bold; margin-bottom: 10px; } .data--area strong { color: #ca527a; font-weight: bold; } .data--area .col { float: left; width: 530px; margin-left: 95px; } .data--area .col:first-child { margin-left: 0; } .data--area ul li { display: block; background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -244px; padding-left: 7px; font-size: 12px; margin-top: 6px; } /******************************************* 메자닌 /*******************************************/ .contents--mz .tbl--col{background-color:#fbfbfb;} .contents--mz .tbl--loading{background-color:inherit;} .contents--mz table th, .contents--mz table td{background-clip:border-box !important} /* CBBW */ .calendar-event{position:relative;} .calendar-event .btn--event{position:absolute;right:10px;top:50%;transform:translateY(-50%);} .calendar-event .btn--event:before{content:'';position:absolute;left:-22px;top:50%;transform:translateY(-50%);width: 18px; height: 19px; background-image: url("/Content/images/btn_event.svg"); background-repeat: no-repeat; background-size: auto; background-position: 0 0; display: inline-block; vertical-align: middle;margin-right:5px;} .calendar-event .btn--event:hover:before{background-image: url("/Content/images/btn_event-hover.svg"); } .calEvent .nodata{height:374px;display:flex;flex-direction:column;align-items:center;justify-content:center;} .calEvent .nodata strong{font-weight:bold;} /* 스크리너 간단검색 */ .list--item__box{margin:0 -18px;} .list--item__box:after{content:'';display:block;clear:both;} .list--item__box .list--item{position:relative;float:left;display:table;width:50%;padding:0 18px;box-sizing:border-box;margin-bottom:20px;} .list--item__box .list--item:nth-child(2n+1){clear:both;} .list--item__box .list--item a{position:relative;display:table-cell;vertical-align:middle;height:95px;border:1px solid #e3e3e3;padding:0 26px 0 120px;box-sizing:border-box;} .list--item__box .list--item a:hover:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0px 4px 8px -4px #bdc5ce;} .list--item__box .list--item a:hover{box-shadow:0 0 0 1px #bdc5ce inset;border:1px solid #bdc5ce;text-decoration:none;color:inherit} .list--item__box .list--item strong{display:block;font-size:14px;color:#ca527a;font-weight:bold;} .list--item__box .list--item span{display:block;padding-top:6px;} .list--item__box .list--item:before{content:'';display:block;position:absolute;left:45px;top:50%;margin-top:-32px;background:url("/Content/images/icon_simple_search.png?v1") no-repeat;width:64px;height:64px;} .list--item__box .list--item:hover:before{background-image:url("/Content/images/icon_simple_search_hover.png?v1");} /*.list--item__box .item1:before{background-position:0 0;}*/ /*톱니바퀴모양 아이콘*/ .list--item__box .item1:before{background-position:-64px 0;} .list--item__box .item2:before{background-position:0 -64px;} .list--item__box .item3:before{background-position:-64px -64px;} .list--item__box .item4:before{background-position:0 -128px;} .list--item__box .item5:before{background-position:-64px -128px;} .list--item__box .item6:before{background-position:0 -192px;} .list--item__box .item7:before{background-position: -64px -192px;} .list--item__box .item8:before{background-position:0 -256px;} .list--item__box .item9:before{background-position:-64px -256px;} .list--item__box .item10:before{background-position:0 -320px;} .list--item__box .item11:before{background-position:-64px -320px;} .list--item__box .item12:before{background-position:0 -384px;} .list--item__box .item13:before{background-position:-64px -384px;} .list--item__box .item14:before{background-position:0 -448px;} .list--item__box .item15:before{background-position:-64px -448px;} .list--item__box .item16:before{background-position:0 -512px;} .list--item__box .item17:before{background-position:-64px -512px;} .list--item__box .item18:before{background-position:0 -576px;} .list--item__box .item19:before{background-position:-64px -576px;} .list--item__box .item20:before{background-position:0 -640px;} .list--item__box .item21:before{background-position:-64px -640px;} .list--item__box .item22:before{background-position:0 -704px;} /* 스크리너 상세검색 */ .panel{position:relative;display:table;width:100%;border:1px solid #e3e3e3;padding:13px 30px;margin-top:20px;box-sizing:border-box;} .panel:after{content:'';display:block;clear:both;} .panel:hover:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0px 4px 8px -4px #bdc5ce;z-index:-1} .panel:hover{box-shadow:0 0 0 1px #bdc5ce inset;border:1px solid #bdc5ce;} .panel > div{display:table-cell;vertical-align:middle;} .panel .col1{width:231px;color:#ca527a;font-size:14px;font-weight:bold;} .panel .col2{width:340px;} .panel .col3{width:359px;} .panel .col3 .datepicker .inner input[type=text]{width:62px} .panel .col3 .datepicker .inner{padding-right:1px} .panel .col3 .sliderTypBtn{margin-left:1px;} .panel .col4{width:263px;} .panel .col23{width:701px;} .panel .col2:after, .panel .col2 .fl:after, .panel .col2 .sc--result:after{content:'';display:block;clear:both;} .screener--condition{padding-top:16px} .screener--condition:before{content:none;} .screener--condition .input--condition{clear:both;padding-top:10px;} .screener--condition .input--condition:after{content:'';display:block;clear:both} .screener--condition .input--condition .clear--wrap{float:left;width:109px;} .screener--condition .input--condition .clear--wrap > input{width:100%;box-sizing:border-box} .screener--condition .input--condition > span{float:left;height:28px;line-height:28px;padding:0 5px;font-size:11px} .screener--condition .input--condition > span.tilde{padding-left:0} .screener--condition .rg{position:relative;width:280px;margin-top:-15px;} .screener--condition .rg .rg--value{position:absolute;bottom:-23px;display: inline-block;font-size: 11px; color: #6c6c6c;} .screener--condition .rg .rg--value:before{content:'';display:inline-block;position:absolute;left:50%;top:-5px;width:1px;height:4px;background-color:#e3e3e3} .screener--condition .rg .rg--min {left:0;bottom:-20px;} .screener--condition .rg .rg--min:before{content:none} .screener--condition .rg .rg--max {right:-10px;bottom:-20px;} .screener--condition .rg .rg--max:before{content:none} .screener--condition .rg .rg--value.rg--division1 {left:-5px } .screener--condition .rg .rg--value.rg--division2 {left:26px;} .screener--condition .rg .rg--value.rg--division3 {left:56px } .screener--condition .rg .rg--value.rg--division4 {left:87px } .screener--condition .rg .rg--value.rg--division5 {left:113px;} .screener--condition .rg .rg--value.rg--division6 {left:151px;} .screener--condition .rg .rg--value.rg--division7 {left:182px;} .screener--condition .rg .rg--value.rg--division8 {left:214px;} .screener--condition .rg .rg--value.rg--division9 {left:245px;} .screener--condition .rg .rg--value.rg--division10 {left:276px;} .screener--condition .rg .slider { display: inline-block; width: 280px; margin: 0 4px; } /*.screener--condition .btn--ranges:first-child{margin-left:0;}*/ .screener--condition .btn--ranges.on:hover{color:#fff !important;} .screener--condition .screener--result{position:relative;display:table;width:100%;font-family:'돋움',dotum} .screener--condition .screener--result .result--event{position:relative;display:table-cell;vertical-align:middle;width:200px;height:66px;background-color:#fef8fa;text-align:center;} .screener--condition .screener--result .result{font-weight:bold;color:#ca527a;text-align:right;font-size:14px;} .screener--condition .screener--result .result_after{} .screener--condition .screener--result .btn--scdel{position:absolute;right:19px;top:50%;margin-top:-8px;vertical-align:middle} .screener--condition .screener--result .btn--move2{position:absolute;right:0;top:50%;margin-top:-10px;cursor:move;} .sc--result{clear:both;} .sc--result p{float:left;padding:5px 0 0 20px;} .sc--result p:first-child{padding-left:0} .sc--result span{color:#ca527a;} .sc--result .btn--del{background-position:0 -337px;outline:none;} .reslut-area{margin:30px 0;text-align:center;} /* 조건 추가 popup창 */ .popupCondition .popup-close{background:url(/Content/images/btn.png) no-repeat -20px -20px; width:16px;height:16px;text-indent:-9999px;position:absolute; right:13px; top:14px; } .popupCondition{position:fixed; overflow:hidden; width:300px; background-color: #FFF; z-index:9;border:1px solid #000; top:10%;} .popupCondition input[type="radio"], input[type="checkbox"] { margin:0px; } .popupCondition{width:902px; position:absolute; left:50%;margin-left:-447px;font-size:13px;z-index:15;} .popupCondition h5 {font-size: 14px;font-weight:bold;padding:10px 13px 11px;margin:0;text-align:left;border-bottom:1px solid #c6c6c6;box-shadow:0px 2px 0 0 rgba(128,128,128,0.1); -webkit-box-shadow:0px 2px 0 0 rgba(128,128,128,0.1);} .popupCondition > div > .rc {padding:25px; text-align:left;} .popupCondition > div > .rc:after{content:'';display:block;clear:both;} .popupCondition > div > .rc > .workDT {width:120px; margin-right:245px;font-weight:normal;font-size:11px;} .popupCondition > div > .rc > .selCond {position:relative;width:196px; height:458px;float:left; margin:11px 0 0 20px;} /*.popupCondition > div > .rc > .selCond .alert-message > p {width:220px;}*/ .popupCondition > div > .rc > .selCond li{border-bottom:1px solid #d7d7d7;line-height:15px} .popupCondition > div > .rc > .selCond li:first-child{border-top:1px solid #d7d7d7} .popupCondition > div > .rc > .selCond li strong{color:#ca527a;font-weight:700;} .popupCondition > div > .rc > .selCond .alert-message{position:relative;border:0 none;padding:10px 0;margin:0} .popupCondition > div > .rc > .selCond .alert-message p{margin:0} .popupCondition > div > .rc > .selCond .alert-message .close{background:url('/Content/images/btn.png') no-repeat -2px -342px; width:12px; height:12px; text-indent:-9999px; position:absolute;right:0; top:50%;margin-top:-6px;opacity:1} .popupCondition > div > .rc > .selCond .alert-message .close:hover{opacity:0.4;} .popupCondition > div > .rc > .selCond .btns--posR{position:absolute;right:0;bottom:0;top:inherit;} .popupCondition ul.selected-condition{margin:0px;} .popupCondition ul.selected-condition li{ width:100%; display:inline-block;} .popupCondition input[type="checkbox"]{cursor:pointer} .panel-line { clear:both;padding-top:15px; text-align:right; } *html .popupCondition .condition-wrap{width:517px;} .popupCondition .condition-wrap {overflow:hidden;background:#fff;border:2px solid #ca527a; float:left; width:472px;margin-left:-3px;min-height:465px;} .popupCondition h6.condition-title{margin:0;border-bottom:1px solid #d7d7d7;margin-bottom:1px;padding-bottom:10px;font-size:13px;font-weight:bold;} .popupCondition .condition-wrap .col{float:left;width:50%;} .popupCondition .condition-wrap .col2{background-color:#f9f9f9; } .popupCondition .condition-wrap .col > div{padding:9px 20px;height:447px} .popupCondition .condition-wrap .col .condition-item-list{margin:0;float:none;width:auto;padding:0;} .popupCondition .condition-wrap .col .condition-item-list li{position:relative;margin:0;padding:0;height:34px;line-height:35px;} .popupCondition .condition-wrap .col .condition-item-list li .img_cond_info{display:none;position:absolute;right:0;top:50%;margin-top:-5px;} .popupCondition .condition-wrap .col .condition-item-list li:first-child{border-top:1px solid #d7d7d7} .popupCondition .condition-wrap .col .c1 .condition-item-list li{width:100%;border-bottom:1px solid #d7d7d7;} .popupCondition .condition-wrap .col .c1 .condition-item-list li > span{display:inline-block; *display:inline; *zoom:1; vertical-align:top;} .popupCondition .condition-wrap .col .c1 .condition-item-list li > .checks > input{vertical-align:middle;} .popupCondition .condition-wrap .col .c1 .condition-item-list li > .item-name{width:100%;cursor:pointer;} .popupCondition .condition-wrap .col .c2{border-left:1px solid #cecece;} .popupCondition .condition-wrap .col .c2 .condition-item-list li.cond_def {height:338px;line-height:150%;padding:9px 0;} .popupCondition .comment li{background-image:none;padding:0;text-indent:-16px;margin-left:16px;} .popupCondition .comment li:before{content:'';display:inline-block;background-image: url("/Content/images/bl.png?20240509"); background-repeat: no-repeat; background-size: auto; background-position: 0 -562px;width:13px;height:13px;} .verticalslider {overflow: hidden;float:left /*height: 100%;*/ } /* Tabs */ .verticalslider_tabs {float: left;width: 162px;height:468px;border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7} .verticalslider_tabs, .verticalslider_tabs li{margin: 0px; padding: 0px;} .verticalslider_tabs span{list-style-type: none; cursor:pointer;display: block; width: 142px; height: 25px; padding:9px 10px 6px 10px;font-size: 13px ;font-weight:bold; border-top: 1px solid #D7D7D7; text-decoration: none;outline:none;} .verticalslider_tabs span a{color: #403e3c;} .verticalslider_tabs span:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top: none; height: 30px;} .verticalslider_tabs span:last-child{border-bottom:1px solid #d7d7d7;} .verticalslider_tabs span.activeTab{background: #FFF; width:140px; border:2px solid #ca527a;border-right:none; color:#111; z-index:5; position: relative;margin-left:-1px;margin-bottom:-1px;} .verticalslider_tabs span.activeTab a{color:#962e45;} .chk--condition{position:relative;padding:10px 0;} .chk--condition .btn--del{position:absolute;right:0;top:50%;margin-top:-8px;} /*# sourceMappingURL=common.css.map */ /*개인정보취급방침 -------------------------------------------------------------*/ .footer + .lay--wp {position:fixed;top:0;left:0;display:block;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:10;overflow:hidden;} .footer + .lay--wp.is-hidden {display:none;} .footer + .lay--wp .privacy {position:absolute;left:50%;top:50%;display:block;width: 890px;margin:-367px 0 0 -445px;text-align:left;font-size:12px;color:#333;z-index:10;} .privacy .lay--dfContents {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .privacy .lay--dfContInner {height:600px;padding-right:2px;overflow-y:scroll;} .privacy .txtarea{border:3px solid #F2F2F3;padding:18px 24px;background:#FAFAFA;} .privacy .txtarea p{line-height:20px;} .privacy .txtarea ul{padding-left:14px;padding-top:19px;} .privacy .txtarea a{color:#0668CB;line-height:20px;} .privacy .sctgroup{padding-bottom:30px;clear:both;overflow: hidden;} .privacy .sctgroup2{padding-bottom:30px;clear:both;overflow: hidden;} .privacy .sctgroup2 h2{padding-left:0} .privacy .txtdepth2{padding:0 15px 5px 29px;line-height:20px;padding-bottom:5px;position:relative;} .privacy .txtdepth3 {padding-left: 11px;line-height: 20px;padding-bottom: 5px;color: #677A8D;position: relative;} .privacy .txtdepth3_group {padding-top: 5px;} .privacy .txtdepth4{padding:0 15px 5px 17px;line-height:22px;padding-bottom:10px;position:relative;} .privacy .bltimg3{padding-right:8px;margin-top:4px;position:absolute;left:18px;top:0;border-top:5px solid rgba(0,0,0,0); border-bottom:5px solid rgba(0,0,0,0); border-left:5px solid #91959E;} .privacy .bltimg4 {margin-right:6px;margin-top:8px;position: absolute;left: 0;top: 0;width:3px;height:3px;line-height:20px;background:#91959E;} /*//개인정보취급방침 -------------------------------------------------------------*/ /*ISMS -------------------------------------------------------------*/ .footer + .lay--wp .isms {position:absolute;left:50%;top:50%;display:block;width: 463px;margin:-189px 0 0 -231px;text-align:left;font-size:12px;color:#333;z-index:10;box-sizing:border-box;text-align:center;line-height:1;font-family:nbg;} .isms .lay--dfHeader{border-bottom:0 none;padding:0;font-size:24px;color:#000;padding-top:50px;} .isms .lay--dfHeader .btn--x{background:url("/Content/images/popup/isms_popup_cancel.png") no-repeat 0 0;width:24px;height:24px;right:15px;top:15px;} .isms .lay--dfContents{border-top:0 none;padding:35px 30px 50px;} .isms .lay--dfContInner > div{border-top:2px solid #333;border-bottom:1px solid #e1e1e1;padding:26px 0 25px;margin-top:32px;} .isms .lay--dfContInner > div p:first-child{margin-top:0} .isms .lay--dfContInner > div p{color:#828282;margin-top:13px;font-size:14px;} /*//ISMS -------------------------------------------------------------*/ /*25주년 이벤트 작성자 : UN0087 정유란 작성일 : 2024.12.18 내 용 : 이벤트 기간에 단발성으로 사용하는 스타일 추가 -------------------------------------------------------------*/ /*공통*/ .css-25th-event .ir_so {overflow: hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px;} .css-25th-event .grid-col2 {display:grid;grid-template-columns:repeat(2, 1fr); column-gap:30px;} .css-25th-event .h2-title{display:inline-block;line-height:19px;height:19px;color:#962E45;font-size:16px;font-weight:700;} .css-25th-event .gray-divider{background-image: url("/Content/images/bg_m.png"); background-repeat: repeat-x; background-position: 0 0; background-size: auto;padding-top: 25px; margin-top: 20px; } .css-25th-event .banner-bg{background:url("/Content/images/25th-banner-title.png") no-repeat;width:auto;height:160px;} /*회원가입*/ .css-25th-event .event-bg{border-radius: 10px;background: #F5F5F5;padding:40px 35px;margin:30px 0 10px;} .css-25th-event .event-bg .event{display:flex;align-items:center;justify-content:space-between;} .css-25th-event .event-bg .event .infowrap{position:relative;display:flex;flex-direction:column;justify-content: center;padding:7px 0 7px 85px;letter-spacing: -0.4px;} .css-25th-event .event-bg .event .infowrap:before{position:absolute;display:block;content:'';left:0;top:50%;transform:translateY(-50%); background:url("/Content/images/25th-pin.png") no-repeat;width:60px;height:60px;} .css-25th-event .event-bg .event .infowrap .title{color: #000;font-size: 17px;font-weight: 600;line-height: normal;letter-spacing:-1.3px;} .css-25th-event .event-bg .event .infowrap .caption{margin-top:8px;color: #505050;font-size:13px;font-weight: 500;line-height: 1.4;letter-spacing:-.8px;} .css-25th-event .event-bg .event .btn--text-ty4--str{width:154px;height:48px; padding:0 10px;font-size:14px;font-weight: 600;line-height:48px;vertical-align:middle;} /*이벤트페이지*/ .css-25th-event.eventpage{width:990px;margin:0 auto;} .css-25th-event.eventpage .banner-bg{background:url("/Content/images/25th-banner-eventpage.png") no-repeat;width:auto;height:190px;} .css-25th-event.eventpage .eventcontentwrap{background: #F8F9FA;padding-bottom:40px;} .css-25th-event.eventpage .typewrap{padding:40px 35px 0;display:flex;align-items:center;justify-content:space-between;column-gap:30px;} .css-25th-event.eventpage .typecard{min-height:356px;border-radius: 15px;border: 1px solid #E2E8F0;background: #FFF;flex-basis:50%;padding:34px 35px;box-sizing: border-box;} .css-25th-event.eventpage .typecard .card-title{color: #962E45;text-align: center;font-size:21px;font-weight:bold;} .css-25th-event.eventpage .typecard .gray-line-divider{height:1px;width:100%;background: #E9E9E9;margin:20px 0;} .css-25th-event.eventpage .typecard .info-wrap{padding:20px 0;} .css-25th-event.eventpage .typecard .info-wrap .item{display:flex;align-items:center;column-gap:20px;} .css-25th-event.eventpage .typecard .info-wrap .item + .item{margin-top:13px;} .css-25th-event.eventpage .typecard .info-wrap .item .tag{padding:0 18px; flex:none;display:flex;align-items:center;justify-content:center;border-radius: 50px;background: #FDEEF5;height: 36px;font-weight: 600;} .css-25th-event.eventpage .typecard .info-wrap .item .caption{color: #000;font-size:13px;font-weight: 400;letter-spacing: -0.5px;} .css-25th-event.eventpage .typecard .info-wrap .item .caption.benefit{font-size:16px;font-weight:bold;letter-spacing: -0.17px;} .css-25th-event.eventpage .typecard .info-wrap .item .caption.benefit .discount{color: #CA527A;} .css-25th-event.eventpage .typecard .info-wrap .item .caption .point{color: #CA527A;font-weight:bold;} .css-25th-event.eventpage .typecard .btn-area{text-align:center;} .css-25th-event.eventpage .typecard .btn-area .btn--text-ty4--nor{width:185px;height:46px; color: #000;text-align: center;font-size:15px;line-height: 46px;padding:0 20px;} .css-25th-event.eventpage .condition{margin:30px 90px 0;color: #363636;font-size:14px;font-weight:400;text-align:center;} .css-25th-event.eventpage .condition .account{font-weight:700;} .css-25th-event.eventpage .btns--c .btn--text-ty4--nor, .css-25th-event.eventpage .btns--c .btn--text-ty4--str{box-sizing:border-box; width:185px;height:46px;padding:0 10px;margin:0 15px; line-height:44px;vertical-align:middle;font-size:16px;letter-spacing:-.8px;} .css-25th-event.eventpage .btns--c .btn--text-ty4--str:disabled{border: 1px solid #B7B7B7;background: #D3D3D3;color: #9E9E9E !important;font-weight:400;} /* 이벤트페이지 > 기존고객 */ .css-25th-event.eventpage .typecard.paid .card-title{color: #213482;} .css-25th-event.eventpage .typecard.paid .info-wrap .item .tag{background: #EEF1FD;} /* 1) 신규고객대상(구입/결제 : PmbsApply) */ /* > 상품선택 */ .css-25th-event .totalprice{color: #CA527A;} .css-25th-event .dcprice{color: #CA527A;font-weight:bold;padding-right:10px;} .css-25th-event .tbl--row.mem td strong.resultprice{color: #363636;text-decoration:line-through;font-weight:400;} .css-25th-event .comment li.highlight{color: #CA527A;} .css-25th-event .agreewrap{margin:0 auto;padding-top:30px;text-align: center;} /* 2) 기존고객대상(PaidCustomer) */ .css-25th-event.paidcustomer{width:990px;margin:0 auto;} .css-25th-event.paidcustomer .banner-bg{background:url("/Content/images/25th-banner-paidcustomer.png") no-repeat;width:auto;height:160px;} .css-25th-event.paidcustomer .select-service .tbl--row .highlight{color: #CA527A;font-weight:bold;} .css-25th-event.paidcustomer .select-service .tbl--row .active{font-weight:bold;} .css-25th-event.paidcustomer .comment li strong{font-weight:bold;} .css-25th-event.paidcustomer .tbl--col.mem th, .css-25th-event.paidcustomer .tbl--col.mem td{padding:20px 25px;} .css-25th-event.paidcustomer .service-intro{display:grid;grid-template-columns:120px auto; grid-auto-rows:minmax(34px, auto);align-items: center;} /* 리타민 혜택신청 */ .css-25th-event.retamin{width:990px;margin:0 auto;} .css-25th-event.retamin .mb-15{margin-bottom:15px;} .css-25th-event.retamin .highlight{color: #CA527A;} .css-25th-event.retamin .banner-bg{background:url("/Content/images/25th-banner-retamin.png") no-repeat;width:auto;height:250px;} .css-25th-event.retamin .grid--header.mem{margin-bottom:10px;} .css-25th-event.retamin .btns--c{padding-top:40px;} .css-25th-event.retamin .comment li{font-size:13px;} .css-25th-event.retamin .csinfo li{font-size:13px;} .css-25th-event.retamin .textwrap{padding-left:8px;} .css-25th-event.retamin .textwrap p:first-child{padding-top:0;} .css-25th-event.retamin .textwrap p{padding-top:8px;color: #363636;font-size: 13px;font-weight:400;letter-spacing: -.4px;} .css-25th-event.retamin strong{font-weight:700;} .css-25th-event.retamin .textwrap p .highlight{color: #CA527A;} .css-25th-event.retamin .btn--text-ty4--str{height:46px;font-size:15px;} .css-25th-event.retamin .qrcode-wrap{margin-top:50px;display:flex;align-items:center;justify-content:center;column-gap:90px;} .css-25th-event.retamin .qr{padding:0 8px;} .css-25th-event.retamin .qr img{width:120px;height:120px;user-select:none;} .css-25th-event.retamin .qr .caption{padding-top:8px;color: #363636;font-size: 13px;font-weight:700;text-align:center;} .css-25th-event.retamin .event-bg{padding:40px 80px;} .css-25th-event.retamin .event-bg .event .infowrap{padding-left:70px;font-size: 17px;} .css-25th-event.retamin .event-bg .event .infowrap:before{background: url("/Content/images/25th-check.png") no-repeat;} .css-25th-event.retamin .event-bg .event .btn--text-ty4--str{width:150px;height:30px;padding:0;line-height:normal;} .css-25th-event.retamin .event-bg .event .infowrap .title{font-size:16px;} .css-25th-event.retamin .applywrap{display:flex;align-items:center;column-gap:20px;} .css-25th-event.retamin .inputwrap{display:inline-flex;align-items:center;} .css-25th-event.retamin .inputwrap label{padding-right:16px;color: #505050;font-size: 14px;font-weight:400;cursor:default;} .css-25th-event.retamin .inputwrap + .inputwrap{margin-left:10px;} .css-25th-event.retamin .inputwrap input[type=text], .css-25th-event.retamin .inputwrap input[type=password]{width:150px;box-sizing:border-box;} /*-------------------------------------------------------------*/ /** * Drawing mode */ .amcharts-export-canvas { position: absolute; display: none; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; } .amcharts-export-canvas.active { display: block; } /** * Menu; Rest state */ .amcharts-export-menu { position: absolute; z-index: 2; opacity: 0.5; color: #000; } .amcharts-main-div:hover .amcharts-export-menu, .amcharts-stock-div:hover .amcharts-export-menu { opacity: 1; } .amcharts-export-menu-top-left > ul > li > ul:after { content: ""; position: absolute; top: 13px; right: 100%; z-index: 1000; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid #fff; border-bottom: 7px solid transparent; } .amcharts-export-menu-top-left > ul > li > ul > li:first-child > a:after { content: ""; position: absolute; top: 12px; right: 100%; z-index: 1001; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid #e2e2e2; border-bottom: 8px solid transparent; } .amcharts-export-menu-top-right > ul > li > ul:after { content: ""; position: absolute; top: 13px; left: 100%; z-index: 1000; border-top: 7px solid transparent; border-left: 7px solid #fff; border-right: 7px solid transparent; border-bottom: 7px solid transparent; } .amcharts-export-menu-top-right > ul > li > ul > li:first-child > a:after { content: ""; position: absolute; top: 12px; left: 100%; z-index: 1001; border-top: 8px solid transparent; border-left: 8px solid #e2e2e2; border-right: 8px solid transparent; border-bottom: 8px solid transparent; } .amcharts-export-menu-bottom-left > ul > li > ul:after { content: ""; position: absolute; bottom: 13px; right: 100%; z-index: 1000; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid #fff; border-bottom: 7px solid transparent; } .amcharts-export-menu-bottom-left > ul > li > ul > li:last-child > a:after { content: ""; position: absolute; bottom: 12px; right: 100%; z-index: 1001; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid #e2e2e2; border-bottom: 8px solid transparent; } .amcharts-export-menu-bottom-right > ul > li > ul:after { content: ""; position: absolute; bottom: 13px; left: 100%; z-index: 1000; border-top: 7px solid transparent; border-left: 7px solid #fff; border-right: 7px solid transparent; border-bottom: 7px solid transparent; } .amcharts-export-menu-bottom-right > ul > li > ul > li:last-child > a:after { content: ""; position: absolute; bottom: 12px; left: 100%; z-index: 1001; border-top: 8px solid transparent; border-left: 8px solid #e2e2e2; border-right: 8px solid transparent; border-bottom: 8px solid transparent; } .amcharts-export-menu ul { list-style: none; margin: 0; padding: 0; } .amcharts-export-menu li { position: relative; display: block; z-index: 1; } .amcharts-export-menu li > ul { position: absolute; display: none; border: 1px solid #e2e2e2; margin-top: -1px; background: #fff; } .amcharts-export-menu li > a { position: relative; display: block; color: #000; text-decoration: none; padding: 12px 12px; z-index: 2; white-space: nowrap; border-bottom: 1px solid #f2f2f2; } .amcharts-export-menu li:last-child > a { border-bottom: none; } .amcharts-export-menu li > a > img { border: none; } .amcharts-export-menu-top-left { top: 0; left: 0; } .amcharts-export-menu-bottom-left { bottom: 0; left: 0; } .amcharts-export-menu-top-right { top: 0; right: 0; } .amcharts-export-menu-bottom-right { bottom: 0; right: 0; } /** * Menu; Hover state */ .amcharts-export-menu li:hover > ul { display: block; } .amcharts-export-menu li:hover > a { color: #fff; background-color: #636363; } .amcharts-export-menu-top-left li:hover > ul { left: 100%; top: 0; } .amcharts-export-menu-bottom-left li:hover > ul { left: 100%; bottom: 0; } .amcharts-export-menu-top-right li:hover > ul { top: 0; right: 100%; } .amcharts-export-menu-bottom-right li:hover > ul { bottom: 0; right: 100%; } /** * Menu; custom class */ .amcharts-export-menu .export-main > a, .amcharts-export-menu .export-drawing > a, .amcharts-export-menu .export-delayed-capturing > a { display: block; overflow: hidden; text-indent: -13333337px; width: 36px; height: 36px; padding: 0; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23888%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23888%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E'); background-color: #fff; background-position: center; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); border-radius: 18px; margin: 8px 8px 0 10px; } .amcharts-export-menu .export-drawing > a { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2216px%22%20height%3D%2217px%22%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20fill%3D%22%23888%22%20width%3D%2214%22%20height%3D%221%22%2F%3E%3Cpath%20transform%3D%22translate(-12%2C-10)%22%20fill%3D%22%23888%22%20d%3D%22M17.098%2C20.305c-0.142%2C0.146%2C0.101%2C0.04%2C0.137%2C0.004c0.027-0.028%2C0.204-0.09%2C0.484-0.09c0.338%2C0%2C0.626%2C0.092%2C0.787%2C0.255%20c0.473%2C0.472%2C0.424%2C0.932%2C0.393%2C1.078l-2.521%2C1.055l-1.577-1.577l1.054-2.52c0.039-0.009%2C0.105-0.018%2C0.188-0.018%20c0.219%2C0%2C0.555%2C0.069%2C0.893%2C0.407c0.378%2C0.378%2C0.246%2C1.188%2C0.166%2C1.271C17.062%2C20.207%2C17.062%2C20.269%2C17.098%2C20.305z%20M26.984%2C14.472c-0.008-0.674-0.61-1.257-1.31-1.933c-0.134-0.129-0.679-0.673-0.809-0.808c-0.679-0.702-1.266-1.31-1.943-1.31%20c-0.37%2C0-0.734%2C0.207-1.114%2C0.587l-6.852%2C6.847c-0.012%2C0.016-2.877%2C7.354-2.877%2C7.354c-0.012%2C0.032%2C0%2C0.063%2C0.022%2C0.091%20c0.021%2C0.021%2C0.044%2C0.029%2C0.067%2C0.029c0.01%2C0%2C0.018-0.003%2C0.028-0.007c0%2C0%2C7.357-2.864%2C7.369-2.877l6.854-6.847%20C26.803%2C15.216%2C26.988%2C14.848%2C26.984%2C14.472z%22%2F%3E%3C%2Fsvg%3E'); } .amcharts-export-menu .export-main:hover, .amcharts-export-menu .export-drawing:hover { padding-bottom: 100px; } .amcharts-export-menu.amcharts-export-menu-bottom-left .export-main:hover, .amcharts-export-menu.amcharts-export-menu-bottom-left .export-drawing:hover, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-main:hover, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-drawing:hover { padding-bottom: 0; padding-top: 100px; } .amcharts-export-menu .export-main:hover > a { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23fff%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E'); } .amcharts-export-menu .export-drawing:hover > a { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2216px%22%20height%3D%2217px%22%3E%3Crect%20x%3D%220%22%20y%3D%2216%22%20fill%3D%22%23FFF%22%20width%3D%2214%22%20height%3D%221%22%2F%3E%3Cpath%20transform%3D%22translate(-12%2C-10)%22%20fill%3D%22%23FFF%22%20d%3D%22M17.098%2C20.305c-0.142%2C0.146%2C0.101%2C0.04%2C0.137%2C0.004c0.027-0.028%2C0.204-0.09%2C0.484-0.09c0.338%2C0%2C0.626%2C0.092%2C0.787%2C0.255%20c0.473%2C0.472%2C0.424%2C0.932%2C0.393%2C1.078l-2.521%2C1.055l-1.577-1.577l1.054-2.52c0.039-0.009%2C0.105-0.018%2C0.188-0.018%20c0.219%2C0%2C0.555%2C0.069%2C0.893%2C0.407c0.378%2C0.378%2C0.246%2C1.188%2C0.166%2C1.271C17.062%2C20.207%2C17.062%2C20.269%2C17.098%2C20.305z%20M26.984%2C14.472c-0.008-0.674-0.61-1.257-1.31-1.933c-0.134-0.129-0.679-0.673-0.809-0.808c-0.679-0.702-1.266-1.31-1.943-1.31%20c-0.37%2C0-0.734%2C0.207-1.114%2C0.587l-6.852%2C6.847c-0.012%2C0.016-2.877%2C7.354-2.877%2C7.354c-0.012%2C0.032%2C0%2C0.063%2C0.022%2C0.091%20c0.021%2C0.021%2C0.044%2C0.029%2C0.067%2C0.029c0.01%2C0%2C0.018-0.003%2C0.028-0.007c0%2C0%2C7.357-2.864%2C7.369-2.877l6.854-6.847%20C26.803%2C15.216%2C26.988%2C14.848%2C26.984%2C14.472z%22%2F%3E%3C%2Fsvg%3E'); } .amcharts-export-menu .export-close > a, .amcharts-export-menu .export-close:hover > a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAACXBIWXMAAAsTAAALEwEAmpwYAABBsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo4M2Q5NDllYS1lMjE3LTQ3Y2QtYTU1Ni04MTQ3NmRjNWEwYWQ8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjZhMTQ5MTc1LTNiODItMTE3OC05ZjZmLWY0MWMwNTYyYzQxYTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpkZGFhNTJkMi1mZDRiLTRkMmMtODEzOC01ZTEzNmQ4NGFjMDE8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6MDdhZmI1Y2UtYzQ1OS00YzQxLWJkMjItMTllMDJlMGE5YzVjPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOjA3YWZiNWNlLWM0NTktNGM0MS1iZDIyLTE5ZTAyZTBhOWM1Yzwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgICAgPHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjgzZDk0OWVhLWUyMTctNDdjZC1hNTU2LTgxNDc2ZGM1YTBhZDwvc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8L3htcE1NOkRlcml2ZWRGcm9tPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YmY3ZmRlNGYtZDk2MS00Njk4LWI0ZjAtMDJlYjEwOWE4OTA4PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE1LTA1LTE1VDEzOjE3OjQ5KzAyOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAyMSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNvbnZlcnRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6cGFyYW1ldGVycz5mcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wPC9zdEV2dDpwYXJhbWV0ZXJzPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+ZGVyaXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6cGFyYW1ldGVycz5jb252ZXJ0ZWQgZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcDwvc3RFdnQ6cGFyYW1ldGVycz4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6MDdhZmI1Y2UtYzQ1OS00YzQxLWJkMjItMTllMDJlMGE5YzVjPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE1LTA1LTE1VDEzOjE3OjQ5KzAyOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAyMSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmRlcml2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+Y29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmc8L3N0RXZ0OnBhcmFtZXRlcnM+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmRkYWE1MmQyLWZkNGItNGQyYy04MTM4LTVlMTM2ZDg0YWMwMTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNS0wNS0xNVQxMzoyMToyMSswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMjEgKE1hY2ludG9zaCk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNS0xNVQxMzoxMzoxNyswMjowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA1LTE1VDEzOjIxOjIxKzAyOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNS0wNS0xNVQxMzoyMToyMSswMjowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPgogICAgICAgICAgICA8cmRmOkJhZz4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxwaG90b3Nob3A6TGF5ZXJOYW1lPlg8L3Bob3Rvc2hvcDpMYXllck5hbWU+CiAgICAgICAgICAgICAgICAgIDxwaG90b3Nob3A6TGF5ZXJUZXh0Plg8L3Bob3Rvc2hvcDpMYXllclRleHQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpCYWc+CiAgICAgICAgIDwvcGhvdG9zaG9wOlRleHRMYXllcnM+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xMzwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xNjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+HyMp+AAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAA3UlEQVR42rSSXZECQQyEPygMrIVFAidhkQASQEIjYVsCSOAksBJAAlhAwvKSWcJBUQVVl6fM5Ke7k4z6vudTG/OFTQAktcAs/ja2TyVBUgVsgQq42F5PItYBCn8PTFNjAYvw5wM92x3gCNSSFCh1araLvAdNBi53VgMtgCuweRqE7RyogAPQxHsdcQBGf0cuaZ80APzaXn468urtniQ1CaXoayStct5AL4QfgToKfoBzIF2BadGVkVZRkIU7UdQDkqRZoDwJl3ROzea2u4LUvtpHOavkty9H/m9XfhsA0l9VuzQDWrIAAAAASUVORK5CYII=); } /** * Menu; Color picker */ .amcharts-export-menu .export-drawing-color { background: #000; width: 35px; } .amcharts-export-menu .export-drawing-color > a { display: block; overflow: hidden; text-indent: -13333337px; } .amcharts-export-menu .export-drawing-color-red { background: #f00; } .amcharts-export-menu .export-drawing-color-green { background: #0f0; } .amcharts-export-menu .export-drawing-color-blue { background: #00f; } .amcharts-export-menu .export-drawing-color-white { background: #fff; } /* ** Fallback */ .amcharts-export-fallback { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; } .amcharts-export-fallback textarea { border: none; outline: none; position: absolute; overflow: hidden; width: 100%; height: 100%; padding: 20px; } .amcharts-export-fallback-message { position: absolute; z-index: 1; padding: 20px; width: 100%; background-color: #fff; } /* ** DELAYED CAPTURING */ .amcharts-export-menu .export-delayed-capturing > a { text-indent: 0px; line-height: 36px; vertical-align: middle; text-align: center; background-image: none; } /* ** TRANSITION; OPACITY */ .amcharts-export-menu, .amcharts-export-canvas .canvas-container { -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .amcharts-export-canvas.dropbox .canvas-container { opacity: 0.5; } /* ** SHAPE */ .amcharts-export-menu .export-drawing-shape a { font: 0/0 a; text-shadow: none; color: transparent; } .amcharts-export-menu li img { height: 20px; } /* ** BRUSH */ .amcharts-export-menu .export-drawing-width a { text-align: center; } .amcharts-export-menu .export-drawing-width span { display: block; margin: 0 auto; } .amcharts-export-menu .export-drawing-width span > span { display: block; background: #000; border-radius: 100%; } .amcharts-export-menu .export-drawing-shape a:hover img { -webkit-filter: invert(100%); filter: invert(100%); }