* {
-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-tap-highlight-color: transparent;
}
* {
-webkit-tap-highlight-color: transparent;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, 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 {
box-sizing: border-box;
vertical-align: baseline;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
margin: 0;
padding: 0;
border: 0;
}
a {
text-decoration: none;
cursor: pointer;
}
svg {
pointer-events: none;
}
.css-kolp40 {
position: fixed;
top: 0;
right: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #ffffff;
background: transparent;
min-height: 84px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
z-index: 21;
pointer-events: none;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.css-kolp40::before {
content: '';
position: absolute;
top: 84px;
left: 0;
opacity: 0;
width: 100%;
height: 1px;
background-color: #323539;
}
.css-1nnstz6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-flex: none;
-ms-flex: none;
flex: none;
height: 84px;
-webkit-transition: height 5s ease-in-out;
transition:height 0.5s ease-in-out 0s;
overflow: hidden;
pointer-events: all;
}
.css-n134ho {
color: rgb(255, 255, 255);
text-decoration: none;
width: auto;
font-size: 16px;
padding-top: 33px;
letter-spacing: -0.2px;
font-weight: 300;
height: 100%;
cursor: pointer;
display: inline-block;
position: relative;
}
.css-n134ho > p, .css-n134ho > a {
position: relative;
margin: 0px 88px 0px 0px;
}
.css-n134ho > svg {
position: absolute;
right: 19px;
top: 22px;
display: none;
transition: transform 0.3s ease-in-out 0s;
transform: rotate(180deg) !important;
}
.css-32r6rg {
padding: 43px 0px 29px;
width: 100%;
height: 100%;
}
.css-1na7mue {
font-size: 14px;
font-weight: 300;
line-height: 1.57;
letter-spacing: -0.1px;
color: rgb(255, 255, 255);
margin: 16px 0px 0px;
position: relative;
}
.css-1na7mue > svg {
position: absolute;
top: 12px;
right: 19px;
display: none;
transition: transform 0.3s ease-in-out 0s;
transform: rotate(180deg) !important;
}
.css-zr9jze {
color: rgb(255, 255, 255);
text-decoration: none;
width: auto;
font-size: 16px;
padding-top: 33px;
letter-spacing: -0.2px;
font-weight: 300;
height: 100%;
cursor: pointer;
display: inline-block;
position: relative;
}
.css-zr9jze > p, .css-zr9jze > a {
position: relative;
margin: 0px 88px 0px 0px;
}
.css-1gv9pe0 {
opacity: 0.8;
font-size: 10px;
font-weight: 300;
line-height: 1.6;
color: rgba(255,255,255,0.48);
margin: 124px 0 24px;
display: none;
}
.css-1tmorcr {
font-size: 14px;
font-weight: 300;
line-height: 1.57;
letter-spacing: -0.1px;
color: rgba(255, 255, 255, 0.48);
margin: 8px 0px 0px;
padding: 0px;
}
.css-1tmorcr:first-of-type {
margin: 16px 0px 0px;
}
.css-1tmorcr > a {
display: inline-block;
position: relative;
}
.css-1tmorcr > a::before {
content: "";
position: absolute;
background-color: rgb(149, 149, 149);
width: 100%;
height: 1px;
opacity: 0;
left: 0px;
bottom: 0px;
}
.css-n134ho > p::before, .css-n134ho > a::before {
content: "";
width: 100%;
height: 6px;
border-radius: 3px;
background-color: rgb(255, 235, 0);
left: 0px;
bottom: -8px;
position: absolute;
transition: all 0.5s ease-in-out 0s;
transform: scaleX(0);
transform-origin: left center;
opacity: 0;
}
.css-ejobfj > div:last-of-type { height:556px; }
.css-rdejr9 {
display:flex;
align-items:flex-start;
flex:0 0 auto;
height:84px;
transition:height 0.5s ease-in-out 0s;
overflow:hidden;
pointer-events:all;
}
.css-1ryzij8 {
display: none;
}
.css-1yuqhws {
position: fixed;
top: 0px;
right: 0px;
width: 100%;
display: flex;
color: rgb(255, 255, 255);
background: rgba(25, 28, 32, 0.94);
min-height: 84px;
-webkit-box-pack: end;
justify-content: flex-end;
align-items: flex-start;
z-index: 21;
pointer-events: none;
transition-delay: 0.4s;
}
.css-1q3cpl2 {
cursor: pointer;
position: absolute;
top: 29px;
left: 88px;
pointer-events: all;
}
.css-1yuqhws img {
width: 86px;
}
.css-9gxmb7 {
width: 100%;
height: 56px;
padding: 0 48px;
box-shadow: 0 1px 0 0 rgb(0 0 0 / 8%);
background-color: rgba(255,255,255,1);
z-index: 9;
margin-top: 84px;
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.css-ep0ll6 {
width: auto;
height: 100%;
margin: 0px 44px;
display: flex;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
position: relative;
}
.css-ep0ll6::before {
content: "";
position: absolute;
bottom: 0px;
left: -2px;
width: calc(100% + 4px);
height: 6px;
border-radius: 3px;
background-color: rgb(59, 165, 255);
z-index: -1;
opacity: 1;
}
.css-zzbuix {
width: auto;
height: 100%;
margin: 0px 44px;
display: flex;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
position: relative;
}
.css-zzbuix::before {
content: "";
position: absolute;
bottom: 0px;
left: -2px;
width: calc(100% + 4px);
height: 6px;
border-radius: 3px;
background-color: rgb(25, 28, 32);
z-index: -1;
opacity: 0;
}
.css-zzbuix p {
font-size: 14px;
font-weight: 300;
letter-spacing: -0.2px;
color: rgb(6, 11, 17);
position: relative;
z-index: 1;
}
.css-ep0ll6 p {
font-size: 14px;
font-weight: 300;
letter-spacing: -0.2px;
color: rgb(6, 11, 17);
position: relative;
z-index: 1;
}
.css-ubc9p0 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e3e8ec;
border-radius: 9999px;
height: 56px;
padding: 14px 22px;
object-fit: contain;
cursor: pointer;
font-size: 18px;
color: #060b11;
text-align: center;
background: #ffffff;
border: 1px solid #e3e8ec;
font-weight: 500;
}
.css-pxsvd9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 351px;
padding: 80px 20px 0;
background: #3544E5;
}
.css-1aqo0p2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.css-1jygh8n {
position: relative;
display: inline-block;
width: 100%;
max-width: 792px;
}
.css-np03yo {
font-size: 2rem;
font-weight: 500;
color: #060b11;
}
.css-1o7qj8v {
position: relative;
top: -1px;
width: 100%;
font-size: 20px;
border: 0;
border-radius: 33px;
box-sizing: border-box;
height: 66px;
padding: 0 84px 0 40px;
}
.css-6sp9k9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 48px;
height: 48px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 24px;
position: absolute;
top: calc(50%);
right: 26px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.css-6sp9k9 > svg {
position: relative;
top: 1px;
left: 1px;
cursor: pointer;
}
.css-1xiariu {
display: none;
padding: 6px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 8px;
cursor: pointer;
}
.css-3jgcxc {
padding: 240px 0px;
min-height: calc(100vh - 724px);
}
.css-1ploecl {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex-direction: column;
padding: 0px 62px 4%;
}
.css-mwvrnm {
font-size: 16px;
margin: 8px 0px;
font-weight: 300;
line-height: 1.63;
letter-spacing: -0.2px;
text-align: center;
word-break: keep-all;
color: rgba(6, 11, 17, 0.48);
}
.css-1j6gy1j {
position: relative;
max-width: 100%;
min-height: calc(100vh - 160px);
padding: 84px 0 0;
margin: auto;
}
.content_wrap { padding-top:200px; margin-bottom:20px; width:1200px; margin:0 auto; position:relative; font-size:14px; }
.content_top { width:100% ; overflow:hidden; padding-top:56px; }
.content_mid { width:100% ; overflow:hidden; }
.content_bottom { width:100% ; overflow:hidden; }
.buttons { width:100%; padding:50px 0 10px 0; overflow:hidden; text-align:center; }
.pagings { width:100%; padding:10px 0 100px 0; overflow:hidden; text-align:center; }
.cover_info { position:fixed; top:25%; left:5%; padding:80px; background:rgba(0,0,0,0.75); border-radius:10px; text-align:center; color:#fff; }
.cover_info_maintenance { position:fixed; top:25%; left:5%; padding:50px; min-width:600px; min-height:500px; background:rgba(0,0,0,0.75); border-radius:10px; text-align:center; color:#fff; }
@media (max-width: 1920px) {
.cover_info { top:17%; padding:50px; }
.cover_info_maintenance { top:17%; }
}
@media (max-width: 1280px) {
.css-n134ho > p, .css-n134ho > a {
margin: 0px 60px 0px 0px;
}
.css-1q3cpl2 {
left: 60px;
}
.css-zr9jze > p, .css-zr9jze > a {
margin: 0px 60px 0px 0px;
}
.cover_info { top:12.5%; padding:30px; }
}
@media (max-width: 768px) {
.css-1yuqhws::before {
opacity: 0;
}
.css-1ryzij8 {
display: inherit;
position: absolute;
top: 6px;
right: 6px;
z-index: 1;
}
.css-rdejr9 {
display: block;
position: fixed;
width: 100%;
height: 100vh;
padding: 56px 0px 0px 20px;
background: rgb(25, 28, 32);
transition: transform 0.7s ease-in-out 0s;
transform: translateY(0px);
overflow: hidden auto;
top: 0px;
left: 0px;
}
.css-1yuqhws {
padding: 0px;
}
.css-1yuqhws {
display: block;
min-height: 56px;
pointer-events: all;
}
.css-1q3cpl2 {
padding: 18px 0px 0px 20px;
top: 0px;
left: 0px;
height: 56px;
position: relative;
z-index: 1;
background: rgba(25, 28, 32, 0.94);
}
.css-n134ho {
width: 100%;
height: 64px;
overflow: hidden;
color: rgb(249, 249, 249);
min-height: 64px;
font-size: 20px;
font-weight: 500;
border-bottom: 1px solid rgb(50, 53, 57);
padding: 0px;
}
.css-rdejr9 > div {
transition: opacity 0.5s ease-in-out 0.9s;
opacity: 1;
}
.css-n134ho > p, .css-n134ho > a {
width: 100%;
height: 64px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
}
.css-n134ho > svg {
display: inherit;
}
.css-1na7mue > svg {
display: inherit;
}
.css-32r6rg {
padding: 0px 0px 24px 28px;
height: auto;
margin-top: 0px;
}
.css-1na7mue {
margin: 0px;
font-size: 16px;
line-height: 1.5;
letter-spacing: normal;
color: rgb(255, 255, 255);
height: 45px;
overflow: hidden;
}
.css-1na7mue > a, .css-1na7mue > p {
height: 45px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.css-zr9jze {
width: 100%;
height: auto;
overflow: hidden;
color: rgb(249, 249, 249);
min-height: 64px;
font-size: 20px;
font-weight: 500;
border-bottom: 1px solid rgb(50, 53, 57);
padding: 0px;
}
.css-zr9jze > p, .css-zr9jze > a {
width: 100%;
height: 64px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
}
.css-zr9jze > svg {
position: absolute;
right: 19px;
top: 22px;
display: none;
transition: transform 0.3s ease-in-out 0s;
transform: rotate(0deg);
}
.css-zr9jze > svg {
display: inherit;
}
.css-1yuqhws img {
width: 77px;
}
.css-9gxmb7 {
height: 48px;
margin-top: 56px;
padding: 0;
background-color: rgba(255,255,255,0.96);
}
.css-ep0ll6 {
width: 100%;
margin: 0px;
-webkit-box-pack: center;
justify-content: center;
}
.css-zzbuix {
width: 100%;
margin: 0px;
-webkit-box-pack: center;
justify-content: center;
}
.css-9gxmb7 > a {
width: 25%;
height: 100%;
}
.css-1j6gy1j {
padding: 56px 0 0;
min-height: calc(100vh - 302px);
}
.content_top { padding-top:48px; }
.searchamount { width:calc(100% - 20px) !important; }
.searchdate { width:calc(100% - 20px) !important; }
.pagings { padding:50px 0; }
.cover_info {
width:100%;
top:30%;
left:50%;
transform:translate(-50%, -30%);
padding:10px 5px;
}
.cover_info_maintenance {
width:100%;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
}
.n-m-t { margin-top:0 !important; }
.n-m-b { margin-bottom:0 !important; }
.n-m-l { margin-left:0 !important; }
.n-m-r { margin-right:0 !important; }
.n-p-t { padding-top:0 !important; }
.n-p-b { padding-bottom:0 !important; }
.n-p-l { padding-left:0 !important; }
.n-p-r { padding-right:0 !important; }
.n-b-t { border-top:0 !important; }
.n-b-b { border-bottom:0 !important; }
.n-b-l { border-left:0 !important; }
.n-b-r { border-right:0 !important; }
.ft-white { color:#fff !important; }
.ft-red { color:#ff3b5b !important; }
.ft-yellow { color:#ffeb00 !important; }
.ft-blue { color:#3ba5ff !important; }
.ft-green { color:#3e6f46 !important; }
.ft-orange { color:#efaf03 !important; }
.ft-lightgray { color:#EFF2F4 !important; }
.fill-white { background:#fff !important; }
.fill-red { background:#ff3b5b !important; }
.fill-yellow { background:#ffeb00 !important; }
.fill-blue { background:#3ba5ff !important; }
.fill-green { background:#3e6f46 !important; }
.fill-orange { background:#efaf03 !important; }
.fill-lightgray { background:#EFF2F4 !important; }
.fill-sblue { background:#3544E5 !important }
.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.procBtn { display:inline-block; margin:0 2px; padding:10px 20px; text-align:center; color:#000; font-size:14px; cursor:pointer; box-shadow:1px 1px 1px rgba(0,0,0,0.5); border-radius:20px; }
.list_paging{ float:left; margin:0 auto; padding:0px; width:100%; line-height:30px; text-align:center; }
.list_paging li{display:inline-block;font-family:"kakaoBold";cursor:pointer;font-size:12px;}
.list_paging .pbtns{ color: #555; font-size: 1.083em; height: 30px; line-height: 28px; padding: 0 3px; margin: 0 2px; min-width: 30px; text-decoration: none; border-radius: 3px; display: inline-block; vertical-align: middle; background: #f3f3f3; border: 1px solid #bbbcc3; }
.list_paging .pg_start { text-indent: -999px; overflow: hidden; background: url(../../styles/image/btn_first.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; }
.list_paging .pg_end{ text-indent: -999px; overflow: hidden; background: url(/styles/image/btn_end.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; }
.list_paging .chioce { display: inline-block; background: #4c4f6f; color: #fff; font-weight: bold; height: 30px; line-height: 30px; padding: 0 3px; min-width: 30px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.css-n134ho a:hover { color:#3ba5ff; }