@charset "UTF-8";
/* 기본 컬러 */
/* reset.css */
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 { margin: 0; padding: 0; border: 0; vertical-align: middle; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body { height: 100%; -webkit-text-size-adjust: none; }
body, button, h1, h2, h3, h4, h5, h6, input, select, table, textarea { line-height: 1.5; color: inherit; font: inherit; }
ol, ul, li { list-style: none; }
a { color: inherit; text-decoration: none; }
address { font-style: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
table caption { width: 0; height: 0; line-height: 0; text-indent: -9999px; font-size: 0; visibility: hidden; overflow: hidden; }
input, button, form, select { padding: 0; margin: 0; font-family: inherit; font-size: inherit; }
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=email], input[type=tel], textarea, select { -webkit-appearance: none; border-radius: 0; }
button { cursor: pointer; border: 0; background-color: transparent; }
.hide, legend { position: absolute; left: -9999px; }
/* Noto Sans KR */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("../font/notosanskr/NotoSansKR-Light.woff2") format("woff2"), url("../font/notosanskr/NotoSansKR-Light.woff") format("woff"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("../font/notosanskr/NotoSansKR-Regular.woff2") format("woff2"), url("../font/notosanskr/NotoSansKR-Regular.woff") format("woff"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../font/notosanskr/NotoSansKR-Medium.woff2") format("woff2"), url("../font/notosanskr/NotoSansKR-Medium.woff") format("woff"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("../font/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../font/notosanskr/NotoSansKR-Bold.woff") format("woff"); }
html, body { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; }
body { font-size: 14px; }
/* stylelint-disable */
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; }
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s; }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s; }
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s; }
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s; }
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s; }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s; }
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s; }
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s; }
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s; }
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s; }
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s; }
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s; }
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s; }
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s; }
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s; }
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s; }
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s; }
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s; }
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s; }
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s; }
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s; }
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s; }
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s; }
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s; }
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s; }
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s; }
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s; }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s; }
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s; }
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s; }
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s; }
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s; }
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s; }
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s; }
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s; }
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; }
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; }
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; }
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; }
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; }
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; }
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; }
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; }
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; }
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; }
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; }
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; }
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; }
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; }
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; }
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; }
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; }
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; }
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; }
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; }
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; }
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; }
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; }
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; }
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; }
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; }
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; }
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; }
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; }
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; }
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; }
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; }
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; }
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; }
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; }
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; }
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; }
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; }
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; }
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; }
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; }
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; }
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; }
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; }
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; }
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; }
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; }
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; }
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; }
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; }
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; }
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; }
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; }
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; }
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; }
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; }
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; }
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; }
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; }
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; }
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; }
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; }
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; }
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; }
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; }
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; }
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; }
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; }
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; }
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; }
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; }
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; }
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; }
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; }
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; }
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; }
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; }
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; }
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; }
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; }
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; }
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s; }
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; }
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; }
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; }
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; }
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; }
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; }
[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); }
[data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
[data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
[data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }
[data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }
[data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); }
[data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); }
[data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); }
[data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); }
[data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; }
[data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); }
[data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); }
[data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); }
[data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); }
[data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); }
[data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); }
[data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); }
[data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); }
[data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); }
[data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); }
[data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); }
[data-aos^=slide][data-aos^=slide] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
[data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); }
[data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
[data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
[data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
[data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
[data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
[data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); }
[data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); }
[data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); }
[data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); }
[data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); }
[data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); }
[data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); }
[data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); }
/*! jQuery UI - v1.12.1 - 2016-09-14 http://jqueryui.com Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
/* Component containers */
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget.ui-widget-content { border: 1px solid #c5c5c5; }
.ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; }
.ui-widget-content a { color: #333; }
.ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; }
.ui-widget-header a { color: #333; }
/* Interaction states */
.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 { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; }
/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; }
.ui-state-checked { border: 1px solid #dad55e; background: #fffa90; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(Opacity=70); /* support: IE8 */ font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(Opacity=35); /* support: IE8 */ background-image: none; }
/* Icons */
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }
/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-widget-header .ui-icon { background-image: url("../images/common/sprite-jquery-ui.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("../images/common/sprite-jquery-ui-on.png"); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
/* Overlays */
.ui-widget-overlay { background: #aaa; filter: alpha(Opacity=30); /* support: IE8 */ }
.ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }
.board-detail { border-top: 1px solid #000; border-bottom: 1px solid #949494; }
.board-detail > .row { display: table; table-layout: fixed; width: 100%; font-size: 16px; border-top: 1px solid #e7e7e7; }
.board-detail > .row:first-child { border-top: 0; }
.board-detail > .row dt { box-sizing: border-box; display: table-cell; width: 160px; height: 59px; padding: 17px 18px; color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; vertical-align: top; word-wrap: break-word; }
.board-detail > .row dt .mark { color: #e6440c; vertical-align: top; }
.board-detail > .row dd { box-sizing: border-box; display: table-cell; width: calc(100% - 160px); height: 59px; line-height: 1.6; padding: 17px 18px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; word-wrap: break-word; }
.board-detail > .row dd.title { padding: 15px 18px; font-size: 18px; font-weight: 500; }
.board-detail > .row dd.title .black { display: inline-block; color: #222; vertical-align: top; }
.board-detail > .row dd.title .green { display: inline-block; color: #00a78d; vertical-align: top; }
.board-detail > .row dd .new { box-sizing: border-box; display: inline-block; width: 22px; height: 0; max-height: 0; padding-top: 24px; overflow: hidden; position: relative; }
.board-detail > .row dd .new:after { content: 'N'; display: inline-block; width: 100%; height: 22px; line-height: 22px; background-color: #ef774d; border-radius: 11px; font-size: 12px; color: #fff; text-align: center; position: absolute; top: 0; right: 0; }
.board-detail > .row dd .lock { box-sizing: border-box; display: inline-block; width: 22px; height: 0; max-height: 0; padding-top: 24px; overflow: hidden; position: relative; }
.board-detail > .row dd .lock:after { content: ''; display: inline-block; width: 22px; height: 22px; background: url("../images/common/icon-lock.png") no-repeat; background-size: 12px 16px; background-position: center center; position: absolute; top: 0; right: 0; }
.board-detail > .row dd > div.txt, .board-detail > .row dd > p.txt { min-height: 300px; }
.board-detail > .row dd > div.txt > img, .board-detail > .row dd > p.txt > img { width: 100%; }
.board-detail > .row dd textarea.txt { width: 100%; }
.board-detail > .prevnext { border-top: 1px solid #949494; }
.board-detail > .prevnext > .prev:after, .board-detail > .prevnext > .next:after { content: ""; display: block; clear: both; }
.board-detail > .prevnext > .prev:hover dt, .board-detail > .prevnext > .prev:hover dd, .board-detail > .prevnext > .next:hover dt, .board-detail > .prevnext > .next:hover dd { background-color: #f8fafc; }
.board-detail > .prevnext > .prev dt, .board-detail > .prevnext > .next dt { box-sizing: border-box; float: left; width: 160px; height: 59px; padding: 17px 20px; color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; vertical-align: top; word-wrap: break-word; }
.board-detail > .prevnext > .prev dd, .board-detail > .prevnext > .next dd { box-sizing: border-box; float: left; width: calc(100% - 160px); height: 59px; line-height: 1.6; padding: 17px 20px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.board-detail > .prevnext > .prev dd a, .board-detail > .prevnext > .next dd a { display: inline-block; width: auto; height: 25px; line-height: 25px; max-width: 100%; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; vertical-align: top; }
.board-detail > .prevnext > .prev dd a:hover, .board-detail > .prevnext > .next dd a:hover { text-decoration: underline; }
.board-detail > .prevnext > .prev span { padding-left: 40px; position: relative; }
.board-detail > .prevnext > .prev span:before { content: ''; display: inline-block; width: 26px; height: 26px; margin-top: -15px; background: url("../images/common/board-prev.png") no-repeat; background-size: 8px 11px; background-position: center center; border: 2px solid #e8e8e8; border-radius: 50%; position: absolute; top: 50%; left: 0; }
.board-detail > .prevnext > .prev + .next { border-top: 1px solid #e8e8e8; }
.board-detail > .prevnext > .next span { padding-left: 40px; position: relative; }
.board-detail > .prevnext > .next span:before { content: ''; display: inline-block; width: 26px; height: 26px; margin-top: -15px; background: url("../images/common/board-next.png") no-repeat; background-size: 8px 11px; background-position: center center; border: 2px solid #e8e8e8; border-radius: 50%; position: absolute; top: 50%; left: 0; }
.board-detail.hidden-title > .row dt { position: absolute; left: -9999px; }
.board-detail.hidden-title > .row dd { width: 100%; }
.table-wrap.board-detail { position: relative; }
.table-wrap.board-detail .table-layout > thead > tr > th, .table-wrap.board-detail .table-layout > thead > tr > td, .table-wrap.board-detail .table-layout > tbody > tr > th, .table-wrap.board-detail .table-layout > tbody > tr > td { height: 60px; }
.table-wrap.board-detail .table-layout > thead > tr > th:not(:last-child), .table-wrap.board-detail .table-layout > thead > tr > td:not(:last-child), .table-wrap.board-detail .table-layout > tbody > tr > th:not(:last-child), .table-wrap.board-detail .table-layout > tbody > tr > td:not(:last-child) { border-right: 0; }
.table-wrap.board-detail .table-layout > tbody > tr > th { padding: 16px 20px; vertical-align: top; }
.table-wrap.board-detail .table-layout > tbody > tr > th .mark { color: #e6440c; vertical-align: top; }
.table-wrap.board-detail .table-layout > tbody > tr > th label { vertical-align: top; }
.table-wrap.board-detail .table-layout > tbody > tr > td { padding: 10px 20px; }
.table-wrap.board-detail .table-layout > tbody > tr > td textarea.txt { width: 100%; }
.board-foot { margin-top: 40px; text-align: center; position: relative; }
.board-foot .btn-area { font-size: 0; }
.board-foot .btn-area.float { position: absolute; bottom: 0; right: 0; }
.board-foot .btn-area .btn { margin-left: 15px; }
.board-foot .btn-area .btn:first-child { margin-left: 0; }
.board-list .table-layout { table-layout: fixed; }
.board-list .table-layout > thead > tr > th:not(:last-child) { border-right: 0; }
.board-list .table-layout > thead > tr > th { height: 60px; border-bottom: 1px solid #949494; font-size: 16px; color: #222; }
.board-list .table-layout > tbody > tr:hover > td { background-color: #f8fafc; }
.board-list .table-layout > tbody > tr > td { height: 60px; font-size: 16px; color: #696969; word-wrap: break-word; }
.board-list .table-layout > tbody > tr > td:not(:last-child) { border-right: 0; }
.board-list .table-layout > tbody > tr > td a { display: inline-block; width: auto; color: #222; word-break: break-all; }
.board-list .table-layout > tbody > tr > td a:hover { color: #00a78d; text-decoration: underline; }
.board-list .table-layout > tbody > tr > td.green { color: #00a78d; }
.board-list .table-layout > tbody > tr > td.black { color: #222; }
.board-list .new { box-sizing: border-box; display: inline-block; width: 22px; height: 0; max-height: 0; padding-top: 24px; overflow: hidden; position: relative; }
.board-list .new:after { content: 'N'; display: inline-block; width: 100%; height: 22px; line-height: 22px; background-color: #ee6d3f; border-radius: 11px; font-size: 12px; color: #fff; text-align: center; position: absolute; top: 0; right: 0; }
.board-list .lock { box-sizing: border-box; display: inline-block; width: 22px; height: 0; max-height: 0; padding-top: 24px; overflow: hidden; position: relative; }
.board-list .lock:after { content: ''; display: inline-block; width: 22px; height: 22px; background: url("../images/common/icon-lock.png") no-repeat; background-size: 12px 16px; background-position: center center; position: absolute; top: 0; right: 0; }
.board-list .download { box-sizing: border-box; display: inline-block; width: 22px; height: 0; max-height: 0; padding-top: 24px; overflow: hidden; position: relative; }
.board-list .download:after { content: ''; display: inline-block; width: 100%; height: 100%; background: url("../images/common/icon-download-gray.png") no-repeat; background-size: 16px 18px; background-position: center center; position: absolute; top: 0; right: 0; }
.board-util { margin-bottom: 10px; }
.board-util:after { content: ""; display: block; clear: both; }
.board-util .count { float: left; display: block; height: 100%; padding-top: 10px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; }
.board-util .count span { display: inline-block; vertical-align: bottom; }
.board-util .count span.num { font-weight: 500; }
.board-util .filter { float: right; vertical-align: bottom; }
.board-util .filter .select { width: 110px; height: 30px; font-size: 14px; }
.board-write { border-top: 1px solid #000; border-bottom: 1px solid #949494; }
.board-write > .row { display: table; width: 100%; font-size: 16px; border-top: 1px solid #e7e7e7; }
.board-write > .row:after { content: ""; display: block; clear: both; }
.board-write > .row:first-child { border-top: 0; }
.board-write > .row dt { box-sizing: border-box; display: table-cell; width: 160px; height: 59px; padding: 15px 20px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; vertical-align: top; word-wrap: break-word; }
.board-write > .row dt .mark { color: #e6440c; vertical-align: top; }
.board-write > .row dd { box-sizing: border-box; display: table-cell; height: 59px; line-height: 1.6; padding: 6px 20px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; word-wrap: break-word; }
.board-write > .row dd > .txt { min-height: 300px; }
.board-write > .row dd > .text { width: 100%; }
.board-write > .row dd > .editor { min-height: 200px; }
.board-write > .prevnext { border-top: 1px solid #949494; }
.board-write > .prevnext > .prev:after, .board-write > .prevnext > .next:after { content: ""; display: block; clear: both; }
.board-write > .prevnext > .prev:hover dt, .board-write > .prevnext > .prev:hover dd, .board-write > .prevnext > .next:hover dt, .board-write > .prevnext > .next:hover dd { background-color: #f8fafc; }
.board-write > .prevnext > .prev dt, .board-write > .prevnext > .next dt { box-sizing: border-box; float: left; width: 160px; height: 59px; padding: 17px 20px; color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; vertical-align: top; word-wrap: break-word; }
.board-write > .prevnext > .prev dd, .board-write > .prevnext > .next dd { box-sizing: border-box; float: left; width: calc(100% - 160px); height: 59px; line-height: 1.6; padding: 17px 20px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.board-write > .prevnext > .prev dd a, .board-write > .prevnext > .next dd a { display: inline-block; width: auto; height: 25px; line-height: 25px; max-width: 100%; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; vertical-align: top; }
.board-write > .prevnext > .prev dd a:hover, .board-write > .prevnext > .next dd a:hover { text-decoration: underline; }
.board-write > .prevnext > .prev span { padding-left: 40px; position: relative; }
.board-write > .prevnext > .prev span:before { content: ''; display: inline-block; width: 26px; height: 26px; margin-top: -15px; background: url("../images/common/board-prev.png") no-repeat; background-size: 8px 11px; background-position: center center; border: 2px solid #e8e8e8; border-radius: 50%; position: absolute; top: 50%; left: 0; }
.board-write > .prevnext > .prev + .next { border-top: 1px solid #e8e8e8; }
.board-write > .prevnext > .next span { padding-left: 40px; position: relative; }
.board-write > .prevnext > .next span:before { content: ''; display: inline-block; width: 26px; height: 26px; margin-top: -15px; background: url("../images/common/board-next.png") no-repeat; background-size: 8px 11px; background-position: center center; border: 2px solid #e8e8e8; border-radius: 50%; position: absolute; top: 50%; left: 0; }
.board-comment { padding-left: 2px; margin-top: 14px; }
.board-comment li { margin-top: 2px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; }
.board-comment li:first-child { margin-top: 0; }
.btn { box-sizing: border-box; display: inline-block; min-width: 100px; height: 40px; line-height: 38px; padding: 0 10px; background-color: #757575; border: 1px solid #757575; border-radius: 0; font-family: "Noto Sans KR"; font-weight: 400; color: #fff; font-size: 15px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; }
.btns { box-sizing: border-box; display: inline-block; min-width: 100px; height: 40px; line-height: 38px; padding: 0 10px; background-color: #757575; border: 1px solid #757575; border-radius: 0; font-family: "Noto Sans KR"; font-weight: 400; color: #fff; font-size: 15px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; }
.btn:hover { background-color: #666; border-color: #666; }
.btn:focus span, .btn:active span { position: relative; top: 0; left: 0; }
.btn.primary { background-color: #43d9bd; border-color: #43d9bd; color: #333; }
.btn.primary:hover { background-color: #5bedd2; border-color: #5bedd2; }
.btn.primary2 { background-color: #2e3d59; border-color: #2e3d59; outline-color: #00a78d; }
.btn.primary2.empo { float: right; }
.btn.primary2:hover { background-color: #1d273b; border-color: #1d273b; }
.btn.disabled { background-color: #aaa; border-color: #949494; }
.btn.disabled:hover { background-color: #aaa; border-color: #949494; }
.btn.light { background-color: #fff; color: #757575; }
.btn.light:hover { background-color: #757575; border-color: #757575; color: #fff; }
.btn.light.primary { background-color: #fff; border-color: #43d9bd; color: #222; }
.btn.light.primary:hover { background-color: #effffa; }
.btn.light.dark { background-color: #fff; border-color: #222; color: #222; }
.btn.light.dark:hover { background-color: #f5f5f5; }
.btn.round { border-radius: 5px; }
.btn.round.small { border-radius: 5px; }
.btn.round.large { border-radius: 5px; }
.btn.small { min-width: 64px; height: 30px; line-height: 28px; padding: 0 10px; font-size: 14px; }
.btn.large { min-width: 120px; height: 52px; line-height: 50px; padding: 0 18px; font-size: 16px; }
.btn.ghost { background: 0 0; border-color: #fff; }
.btn.ghost.primary { background-color: #fff; border-color: #fff; color: #757575; }
.btn span { display: block; }
.btn .icon-download { display: inline-block; width: 14px; height: 16px; margin-top: -6px; margin-right: 4px; background: url("../images/common/icon-download.png") no-repeat; background-size: cover; vertical-align: middle; }
.btn .icon-reserve { display: inline-block; width: 22px; height: 22px; margin-top: -6px; margin-right: 6px; background: url("../images/main/icon-reserve.png") no-repeat; background-size: cover; vertical-align: middle; }
.btn .icon-install { display: inline-block; width: 22px; height: 24px; margin-top: -6px; margin-right: 6px; background: url("../images/main/icon-install.png") no-repeat; background-size: cover; vertical-align: middle; }
.btn-del { width: 24px; height: 0; max-height: 0; padding-top: 24px; background: url("../images/common/btn-del.jpg") no-repeat; background-size: cover; vertical-align: top; overflow: hidden; }
.btn-add { width: 24px; height: 0; max-height: 0; padding-top: 24px; background: url("../images/common/btn-add.jpg") no-repeat; background-size: cover; vertical-align: top; overflow: hidden; }
.btn-content-switch { display: inline-block; width: 90px; height: 30px; line-height: 28px; padding: 0 0 0 14px; background-color: #949494; border-radius: 15px; outline: 0; position: relative; transition: all .2s; left: 95px; top: -28px;}
.btn-content-switch.active { background-color: #43d9bd; }
.btn-content-switch.active:after { left: calc(100% - 26px); }
.btn-content-switch.active span { padding: 0 24px 0 14px; text-align: left; }
.btn-content-switch:after { content: ''; display: block; width: 20px; height: 20px; background-color: #fff; border-radius: 13px; position: absolute; top: 5px; left: 6px; transition: all .2s; }
.btn-content-switch span { box-sizing: border-box; display: block; width: 100%; height: 30px; line-height: 28px; padding: 0 14px 0 24px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; text-align: right; position: absolute; top: 0; left: 0; transition: all .2s; }
.btn-tooltip { display: inline-block; width: 40px; height: 0; max-height: 0; padding-top: 40px; outline: none; overflow: hidden; position: relative; }
.btn-tooltip:after { content: '?'; display: block; width: 24px; line-height: 24px; margin-top: -12px; margin-left: -12px; background-color: #2e3d59; border-radius: 5px; color: #fff; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; text-align: center; position: absolute; top: 50%; left: 50%; }
.comment-area { margin-bottom: 36px; border-top: 1px solid #949494; }
.comment-area > .list { padding: 24px 20px; }
.comment-area > .list .item { padding-right: 150px; margin-top: 20px; position: relative; }
.comment-area > .list .item:first-child { margin-top: 0; }
.comment-area > .list .title { color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; word-wrap: break-word; }
.comment-area > .list .content { margin-top: 10px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; letter-spacing: .005em; word-wrap: break-word; }
.comment-area > .list .action { position: absolute; top: 0; right: 0; }
.comment-area > .list .action .btn { margin-left: 8px; }
.comment-area > .list .action .btn:first-child { margin-left: 0; }
.comment-area > .form { padding: 20px; margin-top: 12px; background-color: #f8fafc; }
.comment-area > .form .input textarea.txt { width: 100%; }
.comment-area > .form .btn-area { margin-top: 10px; font-size: 0; text-align: right; }
.comment-area > .form .btn-area .btn { margin-left: 8px; }
.comment-area > .form .btn-area .btn:first-child { margin-left: 0; }
.form-layout { position: relative; }
.form-layout > .wrap { padding: 40px 0 50px; background-color: #f8fafc; text-align: center; }
.form-layout > .wrap > .box { display: inline-block; }
.form-layout .row { padding-bottom: 10px; font-size: 0; text-align: left; }
.form-layout .row:last-child { padding-bottom: 0; }
.form-layout .row:last-child .content { padding-bottom: 0; }
.form-layout .row .title { box-sizing: border-box; display: inline-block; width: 170px; padding: 0 10px; color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; text-align: left; vertical-align: top; }
.form-layout .row .title label { display: inline-block; margin-top: 6px; }
.form-layout .row .content { box-sizing: border-box; display: inline-block; width: calc(100% - 170px); color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; text-align: left; vertical-align: middle; }
.form-layout .row .content + .content { display: block; margin-top: 10px; margin-left: 170px; }
.form-layout .row .mark { color: #e6440c; vertical-align: top; }
.form-layout .row .input-join-id { font-size: 0; }
.form-layout .row .input-join-id .btn { margin-left: 10px; }
.form-layout .row .input-pwd-view { width: 350px; }
.form-layout .row .input-join-pwd { font-size: 0; }
.form-layout .row .input-join-pwd .btn-tooltip { vertical-align: middle; }
.form-layout .row .status-msg { display: none; padding-left: 4px; margin-top: 6px; color: #e61f0c; font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; text-align: left; }
.form-layout .row .status-msg.is-invalid { display: block; }
.form-layout.vertical .row .title { display: block; width: auto; padding: 0; margin-bottom: 6px; }
.form-layout.vertical .row .title label { margin-top: 0; }
.form-layout.vertical .row .content { display: block; width: auto; padding: 0; }
.form-layout.vertical .row .content + .content { margin-left: 0; }
.form-layout.hidden-title .row .title { position: absolute; left: -9999px; }
.form-layout.hidden-title .row .content { width: 100%; }
.form-layout.hidden-title .row .content + .content { margin-left: 0; }
.login-form { padding: 50px 0; background-color: #f8fafc; }
.login-form > .wrap { width: 400px; margin: 0 auto; }
.login-form .row { padding-bottom: 10px; font-size: 0; }
.login-form .row:last-child { padding-bottom: 0; }
.login-form .row:last-child .content { padding-bottom: 0; }
.login-form .content { box-sizing: border-box; display: inline-block; width: 100%; margin-left: auto; }
.login-form .content + .content { margin-top: 10px; }
.login-form .content .input-pwd-view { width: 100%; }
.login-form .action { margin-top: 20px; }
.login-form .action .submit { box-sizing: border-box; display: inline-block; width: 100%; height: 50px; line-height: 48px; padding: 0 10px; background-color: #43d9bd; border: 1px solid #00a78d; border-radius: 5px; font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 16px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; }
.login-form .util { padding: 0 5px; }
.login-form .status-msg { display: none; padding-left: 4px; margin-top: 4px; color: #e61f0c; font-family: "Noto Sans KR"; font-size: 14px; text-align: left; }
.login-form .status-msg.is-invalid { display: block; }
label.check { display: inline-block; vertical-align: middle; }
label.check input[type='checkbox'] { position: absolute; left: -9999px; }
label.check input[type='checkbox']:checked + span:before { background-image: url("../images/common/check-on.png"); }
label.check input[type='checkbox'][disabled] + span:before { background-image: url("../images/common/check-disabled.png"); }
label.check input[type='checkbox'][disabled]:checked + span:before { background-image: url("../images/common/check-disabled-on.png"); }
label.check span { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 8px 6px 27px; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; word-wrap: break-word; position: relative; }
label.check span:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/check.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
input.check { position: absolute; left: -9999px; }
input.check:checked + label:before { background-image: url("../images/common/check-on.png"); }
input.check[disabled] + label:before { background-image: url("../images/common/check-disabled.png"); }
input.check[disabled]:checked + label:before { background-image: url("../images/common/check-disabled-on.png"); }
input.check + label { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 8px 6px 27px; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; position: relative; }
input.check + label:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/check.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.check-only { display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: relative; }
.check-only input { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; }
.check-only input[disabled] + span { background-image: url("../images/common/check-disabled.png"); }
.check-only input:checked + span { background-image: url("../images/common/check-on.png"); }
.check-only input[disabled]:checked + span { background-image: url("../images/common/check-disabled-on.png"); }
.check-only span { display: block; width: 100%; height: 100%; background: url("../images/common/check.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }
.file-upload .input:after { content: ""; display: block; clear: both; }
.file-upload .input .input-file { position: absolute; left: -9999px; }
.file-upload .input .info { float: left; width: 400px; }
.file-upload .input .info .title { box-sizing: border-box; height: 40px; line-height: 38px; padding: 0 14px; background-color: #eee; border: 1px solid #949494; border-radius: 5px; color: #888888; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; word-wrap: break-word; }
.file-upload .input .action { float: left; margin-left: 8px; font-size: 0; }
.file-upload .input .btn-add { width: 24px; height: 0; max-height: 0; padding-top: 24px; margin-left: 10px; background: url("../images/common/btn-file-add.jpg") no-repeat; background-size: cover; vertical-align: middle; overflow: hidden; position: relative; }
.file-upload .input .btn-remove { width: 24px; height: 0; max-height: 0; padding-top: 24px; margin-left: 5px; background: url("../images/common/btn-file-del.jpg") no-repeat; background-size: cover; vertical-align: middle; overflow: hidden; position: relative; }
.file-upload .list { margin-top: 16px; }
.file-upload .list:after { content: ""; display: block; clear: both; }
.file-upload .list li { float: left; padding-right: 34px; margin-right: 50px; position: relative; }
.file-upload .list .tit { line-height: 30px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.file-upload .list .del { width: 30px; height: 0; max-height: 0; padding-top: 30px; overflow: hidden; background: url("../images/common/btn-file-del.png") no-repeat; background-size: 24px 24px; background-position: center center; position: absolute; top: 0; right: 0; }
.file-upload .comment { padding-bottom: 10px; margin-top: 14px; }
.file-upload .comment li { margin-top: 4px; color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; }
.file-upload .comment li:first-child { margin-top: 0; }
.attachment-file .input .msg { box-sizing: border-box; display: inline-block; width: 300px; height: 40px; line-height: 38px; padding: 0 14px; background-color: #eee; border: 1px solid #949494; border-radius: 5px; color: #888888; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; word-wrap: break-word; }
.attachment-file .input .input-file { position: absolute; left: -9999px; }
.attachment-file .input .btn-area { float: left; margin-left: 8px; font-size: 0; }
.attachment-file .input .btn-add { width: 24px; height: 0; max-height: 0; padding-top: 24px; margin-left: 10px; background: url("../images/common/btn-file-add.jpg") no-repeat; background-size: cover; vertical-align: middle; overflow: hidden; position: relative; }
.attachment-file .input .btn-remove { width: 24px; height: 0; max-height: 0; padding-top: 24px; margin-left: 5px; background: url("../images/common/btn-file-del.jpg") no-repeat; background-size: cover; vertical-align: middle; overflow: hidden; position: relative; }
.attachment-file .comment { padding-bottom: 10px; padding-left: 6px; margin-top: 14px; }
.attachment-file .comment li { margin-top: 3px; color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; }
.attachment-file .comment li:first-child { margin-top: 0; }
.input-text-btn { display: inline-block; width: 100%; max-width: 550px; font-size: 0; }
.input-text-btn .text { width: calc(100% - 106px); }
.input-text-btn .btn { margin-left: 6px; border-radius: 5px; }
.input-ymd { display: inline-block; width: 100%; max-width: 550px; font-size: 0; }
.input-ymd .select { width: calc((100% - 12px) / 3); margin-left: 6px; }
.input-ymd .select:first-child { margin-left: 0; }
.input-email { display: inline-block; width: 100%; max-width: 700px; font-size: 0; }
.input-email .text { width: calc((100% - 40px) / 3); }
.input-email .select { width: calc((100% - 40px) / 3); margin-left: 10px; }
.input-email .at { display: inline-block; width: 30px; line-height: 40px; font-size: 16px; text-align: center; }
.input-tel { display: inline-block; width: 100%; max-width: 550px; font-size: 0; }
.input-tel .select { width: calc((100% - 13px) / 3); }
.input-tel .text { width: calc((100% - 13px) / 3); margin-left: 6px; }
.input-tel .text:first-child { margin-left: 0; }
.input-tel-wrap { display: inline-block; width: 100%; max-width: 550px; font-size: 0; }
.input-tel-wrap .input-tel { width: calc(100% - 116px); }
.input-tel-wrap .btn { width: 110px; margin-left: 6px; border-radius: 5px; }
.input-type-comment .comment { display: block; margin-top: 5px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; color: #696969; }
.input-tel-comment { display: inline-block; width: 100%; font-size: 0; }
.input-tel-comment .text { width: 280px; }
.input-tel-comment .comment { width: calc(100% - 300px); margin-left: 20px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; text-align: left; }
.input-address-wrap { display: inline-block; max-width: 550px; }
.input-address-wrap .input-address { display: inline-block; width: 100%; margin-top: 6px; font-size: 0; }
.input-address-wrap .input-address:first-child { margin-top: 0; }
.input-address-wrap .input-address:first-child .btn { width: 100px; margin-right: 6px; border-radius: 5px; }
.input-address-wrap .input-address:first-child .text { width: calc(100% - 106px); }
.input-lock .radio { margin-right: 50px; }
.input-lock .radio:last-child { margin-right: 0; }
.input-radio-wrap .checkbox { margin-right: 50px; display: inline-block; position: relative; padding: 5px 1px; line-height: 20px;}
.input-radio-wrap .checkbox:last-child { margin-right: 0; }
.input-part .select { width: 220px; }
.input-part .text { width: 320px; margin-left: 10px; }
.file-upload-download:after { content: ""; display: block; clear: both; }
.file-upload-download .file-upload { float: left; }
.file-upload-download .btn-area { float: right; }
.input-alarm-comment .comment { margin-left: 40px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; text-align: left; }
.input-period { display: inline-block; font-size: 0; }
.input-period .date-picker { width: 190px; }
.input-period .line { display: inline-block; width: 30px; line-height: 40px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; }
.input-period-comment .comment { margin-top: 14px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; text-align: left; }
.input-period-comment .comment li { margin-top: 3px; }
.input-period-comment .comment li:first-child { margin-top: 0; }
.input-visit-analysis .text { width: 190px; margin-left: 10px; }
.input-visit-analysis .text:first-child { margin-left: 0; }
.input-extension-day { font-size: 0; }
.input-extension-day .btn-extension { box-sizing: border-box; display: inline-block; min-width: 70px; height: 40px; line-height: 38px; padding: 0 14px; margin-left: 10px; border: 1px solid #222; border-radius: 5px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; vertical-align: middle; }
.input-extension-day .btn-extension:first-child { margin-left: 0; }
.input-extension-day .btn-extension.active { border-color: #43d9bd; }
.input-extension-day .date-picker { width: 350px; margin-left: 10px; }
.input-radio-text .text { width: 440px; margin-left: 12px; }
.input-pw-modify .row { display: block; margin-top: 10px; font-size: 0; }
.input-pw-modify .row:first-child { margin-top: 0; }
.input-pw-modify .password { width: calc(100% - 40px); vertical-align: top; }
.input-pw-modify .input-pwd-view { width: calc(100% - 40px); vertical-align: top; }
.input-pw-confirm { display: inline-block; width: 100%; font-size: 0; }
.input-pw-confirm .text { width: 100%; }
.input-send-mail { font-size: 0; }
.input-send-mail .select { width: 170px; height: 30px; line-height: 28px; }
.input-send-mail .btn { margin-left: 10px; }
.input-pwd-view { display: inline-block; width: 100%; font-size: 0; position: relative; }
.input-pwd-view .text-pwd { box-sizing: border-box; width: 100%; height: 40px; padding: 0 14px; border: 1px solid #949494; border-radius: 5px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; vertical-align: top; resize: none; }
.input-pwd-view .text-pwd:focus { border-color: #00a78d; color: #222; outline: 0; }
.input-pwd-view .text-pwd::-webkit-input-placeholder { color: #888888; }
.input-pwd-view .text-pwd:-ms-input-placeholder { color: #888888; }
.input-pwd-view .text-pwd::placeholder { color: #888888; }
.input-pwd-view .text-pwd[readonly] { background-color: #eee; }
.input-pwd-view .text-pwd[readonly]:focus { border-color: #00a78d; outline: 0; }
.input-pwd-view .text-pwd[disabled] { background-color: #eee; color: #aaa; }
.input-pwd-view .btn-view { display: inline-block; width: 44px; height: 0; max-height: 0; padding-top: 38px; background: #fff url("../images/common/icon-view.png") no-repeat; background-size: 24px 18px; background-position: center center; border-radius: 5px; overflow: hidden; position: absolute; top: 1px; right: 1px; }
.input-pwd-view .btn-view.is-blind { background-image: url("../images/common/icon-blind.png"); background-size: 24px 22px; }
input[type=password]::-ms-clear { display: none; width: 0; height: 0; }
input[type=password]::-ms-reveal { display: none; width: 0; height: 0; }
.input-search { box-sizing: border-box; width: 600px; height: 50px; margin: 0 auto 25px; border: solid 2px #00a78d; border-radius: 5px; font-size: 0; }
.input-search .filter { box-sizing: border-box; display: inline-block; width: 146px; height: 100%; padding-left: 14px; background: url("../images/common/arrow-select.png") no-repeat; background-size: 12px 7px; background-position: calc(100% - 6px) 50%; border: 0; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; position: relative; }
.input-search .filter[disabled] { background-image: url("../images/common/arrow-select-disabled.png"); background-color: #eee; color: #999; }
.input-search .filter:focus { background-image: url("../images/common/arrow-select-active.png"); color: #222; }
.input-search .filter + .wrap { display: inline-block; width: calc(100% - 146px); position: relative; }
.input-search .filter + .wrap:before { content: ''; display: block; width: 1px; height: calc(100% - 16px); background-color: #eee; position: absolute; top: 8px; left: 8px; }
.input-search .wrap { height: 100%; font-size: 0; }
.input-search .keyword { box-sizing: border-box; display: inline-block; width: calc(100% - 52px); height: 100%; line-height: 1.5; padding: 6px 20px; border: 0; border-radius: 5px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; vertical-align: middle; resize: none;}
.input-search .keyword:focus { border-color: #00a78d; color: #222; }
.input-search .submit { width: 52px; height: 0; max-height: 0; padding-top: 46px; background: url("../images/common/btn-search.png") no-repeat; background-size: 24px 24px; background-position: center center; vertical-align: middle; overflow: hidden;  }
input.text { box-sizing: border-box; height: 40px; padding: 0 14px; border: 1px solid #949494; border-radius: 5px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; vertical-align: middle; resize: none; }
input.text:focus { border-color: #00a78d; color: #222; outline: 0; }
input.text::-webkit-input-placeholder { color: #888888; }
input.text:-ms-input-placeholder { color: #888888; }
input.text::placeholder { color: #888888; }
input.text[readonly] { background-color: #eee; }
input.text[readonly]:focus { border-color: #00a78d; outline: 0; }
input.text[disabled] { background-color: #eee; color: #888888; }
input.text.block { width: 100%; }
input.text.date-picker { padding-right: 40px; background: url("../images/common/icon-calendar.png") no-repeat; background-size: 15px 16px; background-position: calc(100% - 12px) center; color: #999; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; }
input.text.date-picker[disabled] { background-color: #eee; color: #888888; }
input.text.password { padding-right: 40px; background: url("../images/common/icon-password.png") no-repeat; background-size: 24px 18px; background-position: calc(100% - 10px) center; color: #aaa; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; }
textarea.txt { box-sizing: border-box; line-height: 1.5; padding: 6px 10px; border: 1px solid #949494; border-radius: 5px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; vertical-align: middle; resize: none; }
textarea.txt:focus { border-color: #00a78d; color: #222; outline: 0; }
textarea.txt::-webkit-input-placeholder { color: #888888; }
textarea.txt:-ms-input-placeholder { color: #888888; }
textarea.txt::placeholder { color: #888888; }
textarea.txt[readonly] { background-color: #eee; }
textarea.txt[readonly]:focus { border-color: #00a78d; outline: 0; }
textarea.txt[disabled] { background-color: #eee; color: #888888; }
select.select { box-sizing: border-box; display: inline-block; min-width: 80px; height: 40px; padding-left: 10px; background: url("../images/common/arrow-select.png") no-repeat; background-size: 12px 7px; background-position: calc(100% - 6px) 50%; border: 1px solid #949494; border-radius: 5px; color: #222; font-weight: 300; font-size: 16px; vertical-align: middle; }
select.select[disabled] { background-image: url("../images/common/arrow-select-disabled.png"); background-color: #eee; border-color: #c0c4c7; color: #999; }
select.select:focus { background-image: url("../images/common/arrow-select-active.png"); border-color: #00a78d; color: #222; outline: 0; }
.select2-container.select2 .select2-selection { height: 36px; border: 1px solid #d1d1d1; border-radius: 0; }
.select2-container.select2 .select2-selection:focus { border: 1px solid #333; outline: 1px solid #333; }
.select2-container.select2 .select2-selection .select2-selection__rendered { line-height: 34px; padding-left: 10px; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 13px; }
.select2-container.select2 .select2-selection .select2-selection__arrow { width: 34px; height: 34px; }
.select2-container.select2 .select2-selection .select2-selection__arrow b { width: 11px; height: 7px; background: url("../images/common/arrow-select.png") no-repeat; background-size: cover; border: 0; }
.select2-container.select2-container--default .select2-dropdown { border: 1px solid #d1d1d1; }
.select2-container.select2-container--default .select2-dropdown .select2-search .select2-search__field { border: 1px solid #d1d1d1; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 13px; }
.select2-container.select2-container--default .select2-dropdown .select2-search .select2-search__field:focus { border: 1px solid #333; outline: 1px solid #333; color: #333; }
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__group { color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 13px; }
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__options .select2-results__option { color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 12px; }
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__options .select2-results__option.select2-results__option--selected { background-color: #eee; color: #666; }
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__options .select2-results__option.select2-results__option--highlighted { background-color: #43d9bd; color: #fff; }
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__message { color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 13px; }
label.radio { display: inline-block; vertical-align: middle; }
label.radio input[type='radio'] { position: absolute; left: -9999px; }
label.radio input[type='radio']:checked + span:before { background-image: url("../images/common/radio-on.png"); }
label.radio input[type='radio'][disabled] + span:before { background-image: url("../images/common/radio-disabled.png"); }
label.radio input[type='radio'][disabled]:checked + span:before { background-image: url("../images/common/radio-disabled-on.png"); }
label.radio span { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 25px 6px 27px; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; position: relative; }
label.radio span:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/radio.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
input.radio { position: absolute; left: -9999px; }
input.radio:checked + label:before { background-image: url("../images/common/radio-on.png"); }
input.radio[disabled] + label:before { background-image: url("../images/common/radio-disabled.png"); }
input.radio[disabled]:checked + label:before { background-image: url("../images/common/radio-disabled-on.png"); }
input.radio + label { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 8px 6px 27px; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; position: relative; }
input.radio + label:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/radio.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.radio-only { display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: relative; }
.radio-only input { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; }
.radio-only input[disabled] + span { background-image: url("../images/common/radio-disabled.png"); }
.radio-only input:checked + span { background-image: url("../images/common/radio-on.png"); }
.radio-only input[disabled]:checked + span { background-image: url("../images/common/radio-disabled-on.png"); }
.radio-only span { display: block; width: 100%; height: 100%; background: url("../images/common/radio.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }
.radio-text { position: absolute; left: -9999px; }
.radio-text:checked + label:before { background-image: url("../images/common/radio-on.png"); }
.radio-text[disabled] + label:before { background-image: url("../images/common/radio-disabled.png"); }
.radio-text[disabled]:checked + label:before { background-image: url("../images/common/radio-disabled-on.png"); }
.radio-text + label { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 8px 6px 27px; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; position: relative; }
.radio-text + label:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/radio.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.radio-text + label + .text { width: 440px; margin-left: 18px; vertical-align: top; }
label.switch { display: inline-block; font-size: 0; vertical-align: middle; }
label.switch input[type='checkbox'] { position: absolute; left: -9999px; }
label.switch input[type='checkbox']:checked + span { background-color: #43d9bd; }
label.switch input[type='checkbox']:checked + span:before { right: 2px; }
label.switch input[type='checkbox']:checked + span:after { content: 'ON'; padding: 0 20px 0 0; }
label.switch span { box-sizing: border-box; display: inline-block; width: 60px; height: 0; max-height: 0; padding-top: 26px; border-radius: 13px; background-color: #aaa; font-size: 0; overflow: hidden; position: relative; transition: all .4s; }
label.switch span:before { content: ''; display: block; width: 22px; height: 22px; margin-top: -11px; background-color: #fff; border-radius: 11px; position: absolute; top: 50%; right: calc(100% - 24px); transition: all .2s; }
label.switch span:after { content: 'OFF'; box-sizing: border-box; width: 100%; height: 100%; line-height: 24px; padding: 0 0 0 20px; color: #fff; font-weight: 400; font-size: 14px; text-align: center; position: absolute; top: 0; left: 0; transition: all .2s; }
label.switch.txt-hide input[type='checkbox']:checked + span:after { content: none; }
label.switch.txt-hide span:after { content: none; }
.accordion-list { border-top: 1px solid #222; border-bottom: 1px solid #949494; }
.accordion-list .item:last-child .title { border-bottom: 0; }
.accordion-list .item.on .title { background-color: #f8fafc; }
.accordion-list .item.on .title:after { background-image: url("../images/common/accordion-arrow-up.png"); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion-list .title { border-bottom: 1px solid #e8e8e8; font-family: "Noto Sans KR", sans-serif; font-weight: 400; color: #222; font-size: 16px; position: relative; }
.accordion-list .title:after { content: ''; display: block; width: 11px; height: 6px; background: url("../images/common/accordion-arrow-down.png") no-repeat; background-size: cover; position: absolute; top: 26px; right: 16px; transition: all .3s; pointer-events: none; }
.accordion-list .title a { display: block; padding: 17px 40px 18px 20px; word-wrap: break-word; }
.accordion-list .title a:hover { text-decoration: none; }
.accordion-list .content { display: none; padding: 20px 32px; border-bottom: 1px solid #949494; font-family: "Noto Sans KR", sans-serif; font-weight: 400; color: #222; font-size: 16px; word-wrap: break-word; }
.accordion-list .content .attached-list { padding-left: 30px; margin-top: 10px; }
.attached-list.n-type { display: inline-block; margin-left: 5px; }
.attached-list.n-type a { text-indent: -9999px; }
.attached-list li { margin-top: 2px; }
.attached-list li:first-child { margin-top: 0; }
.attached-list a { display: inline-block; padding-left: 25px; background: url("../images/common/icon-download-gray.png") no-repeat; background-size: 16px 18px; background-position: 0 2px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.attached-list a:hover { text-decoration: underline; }
.card-list:after { content: ""; display: block; clear: both; }
.card-list li { float: left; width: 285px; margin-left: 20px; margin-bottom: 20px; /*overflow: hidden;*/ }
.card-list li:first-child { margin-left: 0; }
.card-list li:nth-child(4n+1) { margin-left: 0; }
.card-list a { display: block; }
.card-list a:hover .item { background-color: #2e3d59; border-color: #2e3d59; }
.card-list a:hover .item:before { right: 20px; opacity: 1; transition: all .4s; }
.card-list a:hover .item:after { right: -20px; opacity: 0; transition: all .01s; }
.card-list a:hover .item .title { color: #fff; }
.card-list a:hover .item .date { color: #fff; }
.card-list .item { box-sizing: border-box; width: 100%; height: 230px; padding: 22px 30px 50px; border: 4px solid #f5f5f5; border-radius: 8px; position: relative; transition: all .2s; }
.card-list .item:before { content: ''; display: block; width: 26px; height: 26px; background: url("../images/common/card-arrow.png") no-repeat; background-size: 8px 11px; background-position: center center; border: 2px solid #00a78d; border-radius: 50%; position: absolute; bottom: 20px; right: 60px; opacity: 0; transition: all .01s; }
.card-list .item:after { content: ''; display: block; width: 26px; height: 26px; background: url("../images/common/card-arrow.png") no-repeat; background-size: 8px 11px; background-position: center center; border: 2px solid #00a78d; border-radius: 50%; position: absolute; bottom: 20px; right: 20px; transition: all .4s; }
.card-list .item .title { color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; word-wrap: break-word; transition: all .2s; }
.card-list .item .date { margin-top: 10px; color: #00a78d; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; word-wrap: break-word; overflow: hidden; transition: all .2s; }
.card-list .item .status { box-sizing: border-box; width: 100%; height: 40px; padding: 0 50px 0 30px; color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; word-wrap: break-word; overflow: hidden; position: absolute; top: 175px; left: 0; }
.card-list .item .status.orange { color: #ef774d; }
.sitemap-list > li { float: left; width: calc((100% - 198px) / 4); margin-left: 66px; margin-bottom: 65px; }
.sitemap-list > li:nth-child(4n+1) { margin-left: 0; }
.sitemap-list > li > p { padding-bottom: 5px; margin-bottom: 13px; border-bottom: 1px solid #eee; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 24px; }
.sitemap-list .sub-list li { padding: 0 10px; margin-top: 9px; position: relative; }
.sitemap-list .sub-list li:first-child { margin-top: 0; }
.sitemap-list .sub-list li:after { content: '-'; display: block; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 19px; position: absolute; top: -2px; left: 0; }
.sitemap-list .sub-list li a { color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; vertical-align: top; word-wrap: break-word; }
.sitemap-list .sub-list li a:hover { color: #01a78e; text-decoration: underline; }
.common-pagination { text-align: center; font-size: 0; }
.common-pagination .paging-btn { box-sizing: border-box; display: inline-block; width: 30px; height: 0; max-height: 0; padding-top: 28px; margin: 0  5px; background: url("../images/common/paging-next.png") no-repeat; background-size: 6px 10px; background-position: center center; border: 1px solid #ddd; border-radius: 5px; vertical-align: middle; overflow: hidden; }
.common-pagination .paging-btn:hover { padding-top: 26px; border: 2px solid #00a78d; }
.common-pagination .paging-btn.first { background-image: url("../images/common/paging-first.png"); background-size: 9px 12px; }
.common-pagination .paging-btn.prev { background-image: url("../images/common/paging-prev.png"); }
.common-pagination .paging-btn.next { background-image: url("../images/common/paging-next.png"); }
.common-pagination .paging-btn.last { background-image: url("../images/common/paging-last.png"); background-size: 9px 12px; }
.common-pagination a.paging-num { box-sizing: border-box; display: inline-block; min-width: 30px; height: 30px; line-height: 27px; padding: 0 8px; margin: 0 5px; border: 1px solid #ddd; border-radius: 5px; color: #333; font-size: 14px; text-align: center; vertical-align: middle; }
.common-pagination a.paging-num:hover { line-height: 25px; border: 2px solid #00a78d; text-decoration: underline; }
.common-pagination a.paging-num.on { line-height: 25px; border: 2px solid #00a78d; }
.step-progress { text-align: center; }
.step-progress .list { display: inline-block; position: relative; }
.step-progress .list:after { content: ""; display: block; clear: both; }
.step-progress .list:before { content: ''; display: block; width: 100%; height: 2px; background-color: #949494; position: absolute; top: 60px; left: 0; z-index: 1; }
.step-progress .list > li { float: left; margin-left: 80px; position: relative; z-index: 2; }
.step-progress .list > li:first-child { margin-left: 0; }
.step-progress .list > li:first-child .item:after { content: none; }
.step-progress .item { float: left; position: relative; }
.step-progress .item:before { content: ''; display: block; width: 118px; height: 118px; margin-left: -60px; background-color: #fff; border: 1px solid #949494; border-radius: 50%; position: absolute; top: 0; left: 50%; z-index: 1; }
.step-progress .item.active:before { background-color: #2e3d59; border-color: #2e3d59; }
.step-progress .item.active .seq { color: #fff; }
.step-progress .item.active .seq.document:before { background-image: url("../images/myservice/icon-document-active.png"); }
.step-progress .item.active .seq.data:before { background-image: url("../images/myservice/icon-data-active.png"); }
.step-progress .item.active .seq.complete:before { background-image: url("../images/common/icon-complete-active.png"); }
.step-progress .item.active .seq.agree:before { background-image: url("../images/common/icon-agree-active.png"); }
.step-progress .item.active .seq.auth:before { background-image: url("../images/common/icon-auth-active.png"); }
.step-progress .item.active .seq.form:before { background-image: url("../images/common/icon-form-active.png"); }
.step-progress .item.active .title { color: #222; }
.step-progress .item .seq { box-sizing: border-box; display: block; width: 120px; height: 120px; padding-top: 20px; color: #999; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; text-align: center; position: relative; z-index: 2; }
.step-progress .item .seq:before { content: ''; display: block; width: 100%; height: 40px; margin-bottom: 14px; background-repeat: no-repeat; background-position: center bottom; }
.step-progress .item .seq.document:before { background-image: url("../images/myservice/icon-document.png"); background-size: 26px 32px; }
.step-progress .item .seq.data:before { background-image: url("../images/myservice/icon-data.png"); background-size: 32px 28px; }
.step-progress .item .seq.complete:before { background-image: url("../images/common/icon-complete.png"); background-size: 28px 28px; }
.step-progress .item .seq.request:before { background-image: url("../images/myservice/icon-request.png"); background-size: 32px 32px; }
.step-progress .item .seq.prepare:before { background-image: url("../images/myservice/icon-prepare.png"); background-size: 32px 32px; }
.step-progress .item .seq.perform:before { background-image: url("../images/myservice/icon-perform.png"); background-size: 34px 32px; }
.step-progress .item .seq.agree:before { background-image: url("../images/common/icon-agree.png"); background-size: 32px 32px; }
.step-progress .item .seq.auth:before { background-image: url("../images/common/icon-auth.png"); background-size: 26px 32px; }
.step-progress .item .seq.form:before { background-image: url("../images/common/icon-form.png"); background-size: 32px 32px; }
.step-progress .item .title { display: block; margin-top: 10px; color: #999; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 20px; letter-spacing: -.025em; text-align: center; }
.step-progress .sub-list { float: left; margin-left: 30px; }
.step-progress .sub-list:after { content: ""; display: block; clear: both; }
.step-progress .sub-list li { float: left; margin-left: 30px; }
.step-progress .sub-list li:first-child { margin-left: 0; }
.step-progress .sub-list .sub-item { display: inline-block; width: 120px; line-height: 120px; background-color: #f5f5f5; border-radius: 60px; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; text-align: center; }
.step-progress.analysis-detail .list > li { margin-left: 40px; }
.step-progress.analysis-detail .list > li:first-child { margin-left: 0; }
.step-progress.analysis-detail .item .seq { color: #222; }
.step-progress.analysis-detail .sub-list li { margin-left: 20px; }
.step-progress.analysis-detail .sub-list li:first-child { margin-left: 0; }
.step-progress + .section-head { margin-top: 36px; }
.page-head + .step-progress { margin-top: 40px; }
.table-wrap + .step-progress { margin-top: 80px; }
.step-progress + .member-layout { margin-top: 60px; }
.tab-menu { margin-bottom: 40px; position: relative; }
.tab-menu:before { content: ''; display: block; width: 100%; height: 4px; background-color: #eee; position: absolute; top: 0; left: 0; z-index: 2; }
.tab-menu:after { content: ''; display: block; width: 100%; height: 4px; background-color: #eee; position: absolute; bottom: 0; left: 0; z-index: 2; }
.tab-menu.full .list { width: 100%; }
.tab-menu .list { display: table; margin-bottom: -1px; }
.tab-menu li { display: table-cell; min-width: 80px; }
.tab-menu li a { box-sizing: border-box; display: block; width: 100%; height: 70px; line-height: 66px; padding: 0 10px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 4px solid #eee; color: #222; font-size: 18px; text-align: center; white-space: nowrap; position: relative; z-index: 1; }
.tab-menu li a:hover { color: #00a78d; }
.tab-menu li.selected + li a { border-left: 0; }
.tab-menu li.selected a { border-bottom: 4px solid #00a78d; font-weight: 500; color: #00a78d; z-index: 3; }
.agree-area { padding: 40px 50px; background-color: #f8fafc; }
.agree-area .title { margin-bottom: 15px; color: #232323; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; text-align: left; }
.agree-area .title .orange { color: #ef774d; vertical-align: top; }
.agree-area .content { box-sizing: border-box; max-height: 300px; padding: 26px 30px; background-color: #fff; border: 1px solid #eee; overflow-y: auto; }
.agree-area .content .title { margin-top: 56px; margin-bottom: 26px; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; text-align: left; }
.agree-area .content .title:first-child { margin-top: 0; }
.agree-area .content .tit { margin-top: 20px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: left; }
.agree-area .content .tit.use { font-weight: 600; }
.agree-area .content .tit + p { margin-top: 4px; }
.agree-area .content .use-inner { font-weight: 600; color: #222; }
.agree-area .content .use-inner span { border-bottom: 1px solid #222; }
.agree-area .content .bylaw { margin-top: 66px; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; text-align: left; }
.agree-area .content .bylaw + p { margin-top: 4px; }
.agree-area .content p { margin-top: 24px; color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: left; }
.agree-area .content p:first-child { margin-top: 0; }
.agree-area .content p.black { color: #222; }
.agree-area .content p a { color: #15c; text-decoration: underline; vertical-align: top; }
.agree-area .content ul, .agree-area .content ol { margin-top: 24px; }
.agree-area .content ul li, .agree-area .content ol li { margin-top: 4px; color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: left; }
.agree-area .content ul li:first-child, .agree-area .content ol li:first-child { margin-top: 0; }
.agree-area .content ul ul, .agree-area .content ul ol, .agree-area .content ol ul, .agree-area .content ol ol { margin-top: 4px; }
.agree-area .content ul ul li, .agree-area .content ul ol li, .agree-area .content ol ul li, .agree-area .content ol ol li { padding-left: 10px; color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: left; }
.agree-area .input { padding: 12px 34px; background-color: #fff; border: 1px solid #eee; border-top: 0; text-align: right; }
.agree-area .input .radio { margin-left: 50px; }
.info-layout + .agree-area { margin-top: 40px; }
.agree-area + .agree-area { margin-top: -20px; }
.calendar-layout > .title { margin-bottom: 28px; color: #101010; font-family: "Noto Sans KR"; font-weight: 500; font-size: 22px; text-align: center; }
.calendar-layout > .content { border-top: 1px solid #222; border-bottom: 1px solid #aaa; }
.calendar-layout .calendar > thead > tr { height: 100%; }
.calendar-layout .calendar > thead > tr > th { box-sizing: border-box; height: 50px; padding: 4px 8px; background-color: #fff; border: 1px solid #eee; border-bottom: 1px solid #aaa; color: #222; font-family: "Noto Sans KR"; font-weight: 500; font-size: 16px; text-align: center; }
.calendar-layout .calendar > tbody > tr { height: 100%; }
.calendar-layout .calendar > tbody > tr:first-child > td.cell { border-top: 1px solid #aaa; }
.calendar-layout .calendar > tbody > tr:last-child > td.cell { border-bottom: 0; }
.calendar-layout .calendar > tbody > tr > td.cell { box-sizing: border-box; height: 100%; padding: 0; background-color: #f5f5f5; border: 1px solid #eee; font-size: 0; vertical-align: top; position: relative; background-clip: padding-box; }
.calendar-layout .calendar > tbody > tr > td.cell.is-schedule { background-color: #fff; }
.calendar-layout .calendar > tbody > tr > td.cell.is-schedule .day { color: #222; }
.calendar-layout .calendar > tbody > tr > td.cell.none .status { margin-top: 33px; color: #ef774d; font-family: "Noto Sans KR"; font-weight: 500; font-size: 14px; }
.calendar-layout .calendar .content { box-sizing: border-box; width: 100%; height: 100%; min-height: 100px; padding: 10px 10px 4px; }
.calendar-layout .calendar .wrap { min-height: 70px; }
.calendar-layout .calendar .day { color: #999; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; text-align: right; }
.calendar-layout .calendar .status { margin-top: 26px; vertical-align: bottom; }
.calendar-layout .check-reserve { display: inline-block; vertical-align: middle; }
.calendar-layout .check-reserve input[type='checkbox'] { position: absolute; left: -9999px; }
.calendar-layout .check-reserve input[type='checkbox']:checked + span:before { background-image: url("../images/common/check-on.png"); }
.calendar-layout .check-reserve input[type='checkbox'][disabled] + span:before { background-image: url("../images/common/check-disabled.png"); }
.calendar-layout .check-reserve input[type='checkbox'][disabled]:checked + span:before { background-image: url("../images/common/check-disabled-on.png"); }
.calendar-layout .check-reserve span { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 8px 6px 27px; color: #00a78d; font-weight: 500; font-size: 14px; vertical-align: middle; word-wrap: break-word; position: relative; }
.calendar-layout .check-reserve span:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/check.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.calendar-layout .btn-area { margin-top: 30px; text-align: center; }
.error-message { display: table; width: 100%; min-width: 1280px; height: 100%; margin: 0 auto; }
.error-message > .wrap { display: table-cell; text-align: center; }
.error-message > .wrap > .inner { display: inline-block; margin: 0 auto; }
.error-message .content { padding: 37px 0 47px; border-top: 1px solid #e7e8ee; border-bottom: 1px solid #e7e8ee; }
.error-message .content .title { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 40px; text-align: center; }
.error-message .content .title .str { display: block; margin-top: 3px; color: #00a78d; font-weight: 400; font-size: 26px; letter-spacing: -.02em; }
.error-message .content .desc { margin-top: 19px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; text-align: center; letter-spacing: .01em; }
.error-message .info { padding: 20px 0; border-bottom: 1px solid #e7e8ee; }
.error-message .info .title { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 26px; text-align: center; letter-spacing: -.03em; }
.error-message .info .desc { margin-top: 12px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; text-align: center; letter-spacing: -.03em; }
.error-message .btn-area { margin-top: 50px; font-size: 0; text-align: center; }
.error-message .btn-area .btn { margin-left: 20px; }
.error-message .btn-area .btn:first-child { margin-left: 0; }
.info-detail:after { content: ""; display: block; clear: both; }
.info-detail .item { box-sizing: border-box; float: left; width: calc((100% - 20px) / 2); min-height: 490px; padding: 32px 30px 14px; margin-left: 20px; margin-bottom: 20px; border: solid 4px #f5f5f5; position: relative; }
.info-detail .item:first-child { margin-left: 0; }
.info-detail .item.block { width: 100%; min-height: 420px; margin-left: 0; }
.info-detail .item.block .body { font-size: 0; }
.info-detail .item.block .body:after { content: ""; display: block; clear: both; }
.info-detail .item.block .body .list { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.info-detail .item.block .body .list .tit { margin-bottom: 6px; }
.info-detail .item.block .body .list .con { width: calc(50% - 142px); margin-bottom: 6px; }
.info-detail .item.block .body .list .btn-area { width: auto; margin: 0; position: absolute; top: 50%; right: 38px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.info-detail .item.block .body .list .btn-area .btn { display: block; margin-top: 6px; }
.info-detail .item.block .body .list .btn-area .btn:first-child { margin-top: 0; }
.info-detail .head .title { line-height: 1.2; padding-bottom: 18px; margin-bottom: 25px; border-bottom: 1px solid #949494; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; letter-spacing: -.03em; }
.info-detail .head .title.center { text-align: center; }
.info-detail .head .title .thin { font-weight: 300; vertical-align: top; }
.info-detail .body .list { padding: 0 9px; font-size: 0; position: relative; }
.info-detail .body .list .tit { display: inline-block; width: 142px; margin-bottom: 16px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; vertical-align: top; }
.info-detail .body .list .con { display: inline-block; width: calc(100% - 142px); line-height: 1.4; margin-bottom: 16px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; vertical-align: top; word-wrap: break-word; }
.info-detail .foot .desc { padding-top: 24px; margin-top: 40px; border-top: 1px solid #eee; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; word-wrap: break-word; }
.info-detail .foot .action { position: absolute; top: 32px; right: 30px; }
.info-detail .foot .action .btn { margin-left: 10px; }
.info-detail .foot .action .btn:first-child { margin-left: 0; }
.info-detail .msg-box { box-sizing: border-box; display: table; width: 100%; min-height: 200px; padding: 30px 30px; border: solid 4px #f5f5f5; position: relative; }
.info-detail .msg-box > .wrap { display: table-cell; text-align: center; vertical-align: middle; }
.info-detail .msg-box .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; text-align: center; }
.info-detail .msg-box .title .green { color: #00a78d; vertical-align: top; }
.info-detail .msg-box .desc { margin-top: 20px; line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; text-align: center; }
.info-detail .msg-box .desc .green { color: #00a78d; vertical-align: top; }
.info-layout { padding: 60px 50px; border: 6px solid #f5f5f5; }
.info-layout > .head .title { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; text-align: center; }
.info-layout > .head .title .name, .info-layout > .head .title .id { display: block; }
.info-layout > .head .title .str { color: #00a78d; vertical-align: top; }
.info-layout > .head .desc { margin-top: 6px; color: #232323; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; text-align: center; }
.info-layout > .head .desc .str { color: #00a78d; vertical-align: top; }
.info-layout > .box { padding: 40px; margin-top: 25px; background-color: #f8fafc; }
.info-layout > .box .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; text-align: center; }
.info-layout > .box .title .id, .info-layout > .box .title .name { display: block; }
.info-layout > .box .title .str { color: #43d9bd; }
.info-layout > .box .status { color: #232323; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; text-align: center; }
.info-layout > .box .status.data-center .latest { margin-top: 20px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; text-align: left; color: #222; }
.info-layout > .box .status.data-center .latest span { vertical-align: top; }
.info-layout > .box .status.data-center .latest span.num { font-weight: 500; }
.info-layout > .box .status.data-center .table-wrap { margin: 2px 0 20px; }
.info-layout > .box .status.data-center .table-wrap thead tr th { background-color: #f8fafc; border-bottom: 1px solid #e1e1e1; }
.info-layout > .box .status.data-center .table-wrap tbody tr td { background-color: #f8fafc; border-top: 1px solid #e1e1e1; }
.info-layout > .box .status .str { display: block; margin-bottom: 6px; font-size: 22px; }
.info-layout > .box .status .green { color: #00a78d; vertical-align: top; }
.info-layout > .box .date { margin-top: 20px; color: #232323; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 20px; text-align: center; }
.info-layout > .box .date .str { color: #43d9bd; }
.info-layout > .box .list.center li { text-align: center; }
.info-layout > .box .list li { color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; }
.info-layout > .box .list .tit { display: inline-block; color: #696969; vertical-align: top; }
.info-layout > .box .list .con { display: inline-block; padding-left: 6px; vertical-align: top; }
.info-layout > .analyst { margin-top: 15px; }
.info-layout > .analyst:after { content: ""; display: block; clear: both; }
.info-layout > .analyst .item { box-sizing: border-box; width: 50%; margin-bottom: 8px; position: relative; }
.info-layout > .analyst .item:after { content: ""; display: block; clear: both; }
.info-layout > .analyst .item:nth-child(2n-1) { float: left; padding-left: 260px; }
.info-layout > .analyst .item:nth-child(2n-1) .title { left: 260px; }
.info-layout > .analyst .item:nth-child(2n) { float: right; padding-left: 45px; }
.info-layout > .analyst .item:nth-child(2n) .title { left: 45px; }
.info-layout > .analyst .item .title { color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; position: absolute; top: 0; }
.info-layout > .analyst .item .content { padding-left: 122px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; }
.info-layout > .comment { margin-top: 20px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; text-align: center; }
.info-layout > .title { margin-top: 40px; margin-bottom: 12px; color: #232323; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; }
.info-layout > .desc { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; }
.info-layout .txt-list li { margin-top: 2px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; }
.info-layout .txt-list li:first-child { margin-top: 0; }
.info-layout .txt-scroll { box-sizing: border-box; height: 330px; padding: 25px 30px; border: 1px solid #eee; overflow-y: scroll; }
.info-layout .txt-scroll p { margin-top: 20px; color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; }
.info-layout .txt-scroll p:first-child { margin-top: 0; }
.info-layout .txt-scroll p.str { color: #222; }
.step-progress + .info-layout { margin-top: 50px; }
.license-wrap { margin-top: 75px; }
.license-wrap:first-child { margin-top: 0; }
.license-wrap:first-child .license-title { margin-top: 0; }
.license-wrap .license-title { margin-top: 50px; margin-bottom: 16px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 22px; }
.license-wrap .license-tit1 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 20px; }
.license-wrap .license-tit0 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit2 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit3 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit4 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit5 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit6 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit7 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit8 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit9 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit10 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit11 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit12 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit13 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit14 { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tit { margin-bottom: 12px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-tits { margin-bottom: 2px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.license-wrap .license-titz { margin-bottom: 20px; color: #FF7F00; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px;}
.license-wrap .license-tit + .license-desc { margin-top: 12px; }
.license-wrap .license-tit + .license-list { margin-top: 12px; }
.license-wrap .license-desc { margin-top: 22px; color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; line-height:28px;}
.license-wrap .license-con { color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; }
.license-wrap .license-img { margin-top: 22px; margin-bottom: 10px; }
.license-wrap .license-list { margin-top: 22px; }
.license-wrap .license-list li { margin: 4px 0px 0 16px; color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; }
.license-wrap .license-list li:first-child { margin-top: 0; }
.license-wrap .license-list li .tit { display: block; }
.license-wrap .license-list li ul { margin-top: 6px; margin-bottom: 10px; padding-left: 10px; }
.license-wrap .license-list li ul li { margin-top: 2px; }
.license-wrap .license-list li ul li:first-child { margin-top: 0; }
.license-wrap .license-list li ul li p.license-list-inner { padding: 20px 0; margin: 5px 0 20px; text-align: center; background-color: #f9fafc; }
.license-wrap .license-comment { margin-top: 14px; color: #222; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; }
.license-wrap .license-comments { margin-top: 14px; color: #222; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px;}
.license-wrap .license-commentz { text-align: center; margin-top: 14px; color: #222; font-family: "Noto Sans KR"; font-weight: 300; font-size: 25px; margin-bottom: 15px; }
.license-wrap .license-commenta { text-align: center; font-size:25px; margin-bottom: 15px; margin-top: 14px; color: #222; font-family:"Noto Sans KR"; font-weight: 300; }
.license-wrap .license-table { margin-top: 16px; }
.license-wrap .license-box { padding: 20px 50px; border: 4px solid #f5f5f5; }
.license-wrap .license-box p { color: #222; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; }
.license-wrap .license-boxs { padding: 20px 30px; border: 4px solid #f5f5f5;}
.license-wrap .license-boxs p { color: #222; font-family: "Noto Sans KR"; font-weight: 300; font-size: 25px; margin-bottom: 15px;}
.license-wrap .license-boxs .comments { color: #ff00ff; font-family: "Noto Sans KR"; font-weight: 300; font-size: 30px; margin-bottom: 15px;}
.license-wrap a { color: #15c; text-decoration: underline; vertical-align: top; }
.license-bylaw { margin-top: 80px; }
.license-bylaw .title { margin-bottom: 16px; color: #222; font-family: "Noto Sans KR"; font-weight: 400; font-size: 22px; }
.license-bylaw .desc { margin-top: 22px; color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 16px; }
.member-layout { box-sizing: border-box; display: table; width: 100%; min-height: 270px; border-top: 1px solid #232323; border-bottom: 1px solid #949494; }
.member-layout > .wrap { display: table-cell; vertical-align: middle; }
.member-layout .head { margin: 50px 0 35px; }
.member-layout .head .title { color: #232323; font-family: "Noto Sans KR"; font-weight: 500; font-size: 28px; letter-spacing: -.045em; text-align: center; }
.member-layout .head .title span { vertical-align: top; }
.member-layout .head .title .green { color: #00a78d; }
.member-layout .head .desc { margin-top: 12px; color: #232323; font-family: "Noto Sans KR"; font-weight: 400; font-size: 18px; letter-spacing: -.05em; text-align: center; }
.member-layout .head .desc span { vertical-align: top; }
.member-layout .head .desc .green { color: #00a78d; }
.member-layout .head .comment { margin-top: 22px; color: #696969; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; letter-spacing: -.05em; text-align: center; }
.member-layout .foot { padding: 30px 0 50px; }
.member-layout .foot .btn-area { font-size: 0; text-align: center; }
.member-layout .foot .btn-area .btn { margin-left: 10px; }
.member-layout .foot .btn-area .btn:first-child { margin-left: 0; }
.member-layout .member-form { margin-top: 40px; }
.member-layout .member-form > .title { margin-bottom: 14px; color: #232323; font-family: "Noto Sans KR"; font-weight: 500; font-size: 22px; letter-spacing: -.05em; }
.member-layout .member-form > .title .mark { color: #ef774d; vertical-align: top; }
.member-layout .member-form > .wrap { padding: 30px 0 40px; background-color: #f8fafc; position: relative; }
.member-layout .member-form > .wrap > .comment { color: #696969; font-family: "Noto Sans KR"; font-weight: 300; font-size: 14px; position: absolute; top: -30px; right: 0; }
.member-layout .member-form > .wrap .form-layout { width: 520px; margin: 0 auto; }
.member-layout .member-form + .caution-list { margin-top: 40px; }
.member-layout .join-auth .list { padding: 40px 0; font-size: 0; text-align: center; }
.member-layout .join-auth .list li { display: inline-block; width: 33.33%; border-left: 1px solid #eee; }
.member-layout .join-auth .list li:first-child { border-left: 0; }
.member-layout .join-auth .list .item { padding: 10px 0 36px; }
.member-layout .join-auth .list .icon { width: 100px; height: 100px; margin: 0 auto 7px; background-repeat: no-repeat; background-position: center center; }
.member-layout .join-auth .list .icon.phone { background-image: url("../images/member/icon-phone.png"); background-size: 43px 71px; }
.member-layout .join-auth .list .icon.ipin { background-image: url("../images/member/icon-ipin.png"); background-size: 71px 67px; }
.member-layout .join-auth .list .title { color: #232323; font-family: "Noto Sans KR"; font-weight: 500; font-size: 22px; letter-spacing: -.05em; text-align: center; }
.member-layout .join-auth .list .action { margin-top: 15px; text-align: center; }
.member-layout .caution-list { padding: 25px 0 30px 56px; background: url("../images/common/icon-caution.png") no-repeat; background-size: 28px 29px; background-position: 0 25px; border-top: 1px solid #eee; }
.member-layout .caution-list li { margin-top: 4px; color: #696969; font-family: "Noto Sans KR"; font-weight: 400; font-size: 16px; }
.member-layout .caution-list li:first-child { margin-top: 0; }
.member-layout .input-join-id { display: inline-block; width: 100%; font-size: 0; position: relative; }
.member-layout .input-join-id .btn { position: absolute; top: 0; right: -10px; -webkit-transform: translateX(100%); transform: translateX(100%); }
.member-layout .input-join-pwd { display: inline-block; width: 100%; font-size: 0; position: relative; }
.member-layout .input-join-pwd .btn-tooltip { position: absolute; top: 0; right: -2px; -webkit-transform: translateX(100%); transform: translateX(100%); }
.survey-layout { padding: 50px 50px 60px; border: 6px solid #f5f5f5; }
.survey-layout .head { padding: 20px 0 30px; border-bottom: 1px solid #f5f5f5; }
.survey-layout .head .title { font-family: "Noto Sans KR"; font-weight: 500; color: #222; font-size: 28px; text-align: center; }
.survey-layout .body { padding: 30px 10px 0; }
.survey-layout .body .title { padding: 0 20px; margin-top: 70px; margin-bottom: 40px; font-family: "Noto Sans KR"; font-weight: 500; color: #232323; font-size: 22px; }
.survey-layout .body .title:first-child { margin-top: 0; }
.survey-layout .body .item { padding: 18px 20px 0; margin-top: 14px; border-top: 1px solid #eee; }
.survey-layout .body .item:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.survey-layout .body .tit { font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 16px; }
.survey-layout .body .con { padding: 0 6px; margin-top: 12px; font-size: 0; }
.survey-layout .body .con .input { display: inline-block; margin: 0 0 6px; }
.survey-layout .body .con .input.block { width: 100% !important; }
.survey-layout .body .con.line-2 .input { width: 50%; }
.survey-layout .body .con.line-3 .input { width: 33.33%; }
.survey-layout .body .con.line-4 .input { width: 25%; }
.survey-layout .body .con.line-5 .input { width: 20%; }
.survey-layout .body .con.line-6 .input { width: 16.66%; }
.survey-layout .body .con.line-7 .input { width: 14.28%; }
.survey-layout .body .con.line-8 .input { width: 12.5%; }
.survey-layout .body .con.line-9 .input { width: 11.11%; }
.survey-layout .body .con.line-10 .input { width: 10%; }
.survey-layout .foot .btn-area { margin-top: 40px; text-align: center; }
.survey-layout .foot .btn-area .btn { margin-left: 20px; }
.survey-layout .foot .btn-area .btn:first-child { margin-left: 0; }
.tooltip-tpl { position: absolute; left: -9999px; }
.tooltipster-default .tooltipster-box { padding: 10px; margin-bottom: -110px; background-color: #fff; border: 1px solid #43d9bd; border-radius: 5px; box-shadow: 0 4px 6px 0 rgba(134, 135, 138, 0.48); position: relative; }
.tooltipster-default .tooltipster-box:before { content: ''; display: block; width: 10px; height: 10px; background-color: #fff; border-top: 0 solid transparent; border-bottom: 1px solid #43d9bd; border-left: 1px solid #43d9bd; border-right: 0 solid transparent; position: absolute; top: 20px; left: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.tooltipster-default .tooltipster-content { line-height: 1.7; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; }
.tooltipster-default .tooltipster-arrow { display: none !important; }
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { position: absolute; left: -9999px; }
/* 스크롤 고정 */
.scroll-fixed { width: 100%; height: 100%; position: fixed; overflow: hidden; }
.common-popup { box-sizing: border-box; width: 100%; height: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.7); font-size: 0; text-align: center; overflow: auto; position: relative; z-index: 1000; }
.common-popup:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.common-popup.full { padding: 0; }
.common-popup.full.hidden-title > .common-popup-inner > .container { height: 100vh; max-height: none; }
.common-popup.full > .common-popup-inner { width: 100%; max-width: none; height: 100%; }
.common-popup.full > .common-popup-inner > .container { height: calc(100vh - 50px); max-height: none; }
.common-popup.hidden-title > .common-popup-inner > .header:after { content: none; }
.common-popup.hidden-title > .common-popup-inner > .header > .title { position: absolute; left: -9999px; }
.common-popup.hidden-title > .common-popup-inner > .container { max-height: calc(100vh - 52px); padding-top: 34px; }
.common-popup.full-scroll > .common-popup-inner > .container { height: auto; max-height: none; }
.common-popup > .common-popup-inner { display: inline-block; min-width: 300px; max-width: 500px; }
.common-popup > .common-popup-inner > .header { box-sizing: border-box; padding: 0 15px; background-color: #fff; position: relative; }
.common-popup > .common-popup-inner > .header:after { content: ''; display: block; width: 100%; height: 1px; background-color: #d1d1d1; position: absolute; bottom: 0; left: 0; }
.common-popup > .common-popup-inner > .header > .title { height: 50px; line-height: 50px; font-size: 18px; white-space: nowrap; text-align: left; }
.common-popup > .common-popup-inner > .header > .btn-close { display: block; width: 50px; height: 0; max-height: 0; padding-top: 50px; background: url("../images/common/btn-close.png") no-repeat; background-size: 20px 22px; background-position: center center; overflow: hidden; position: absolute; top: 0; right: 0; }
.common-popup > .common-popup-inner > .container { box-sizing: border-box; height: auto; max-height: calc(100vh - 70px); overflow-y: auto; padding: 15px 0; background-color: #fff; font-size: 14px; text-align: left; }
.common-popup > .common-popup-inner > .container > .head { padding: 0 28px; }
.common-popup > .common-popup-inner > .container > .head > .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; }
.common-popup > .common-popup-inner > .container > .head > .desc { margin-top: 8px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; }
.common-popup > .common-popup-inner > .container > .body { padding: 0 28px; margin-top: 26px; }
.common-popup > .common-popup-inner > .container > .foot { padding: 15px; margin-top: 40px; border-top: 1px solid #ececec; }
.common-popup > .common-popup-inner > .container > .foot .btn-area { margin-top: 10px; font-size: 0; text-align: center; }
.common-popup > .common-popup-inner > .container > .foot .btn-area .btn { margin-left: 10px; }
.common-popup > .common-popup-inner > .container > .foot .btn-area .btn:first-child { margin-left: 0; }
.common-popup.is-layer { position: fixed; top: 0; left: 0; }
.common-popup[data-motion-in].is-layer { background: transparent; transition: all .2s; }
.common-popup[data-motion-in].is-layer .common-popup-inner { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: all .2s; }
.common-popup[data-motion-in].is-layer.init { background: rgba(0, 0, 0, 0.7); transition: all .4s; }
.common-popup[data-motion-in].is-layer.init .common-popup-inner { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .4s; }
.common-popup:not([data-motion-in]).is-layer { background: rgba(0, 0, 0, 0.7); }
.popup-form-layout { width: 100%; }
.popup-form-layout .row { padding-bottom: 20px; font-size: 0; text-align: right; }
.popup-form-layout .row:last-child { padding-bottom: 0; }
.popup-form-layout .row:last-child .content { padding-bottom: 0; }
.popup-form-layout .title { box-sizing: border-box; display: inline-block; width: 80px; padding: 0 10px 0 0; color: #333; font-size: 14px; text-align: left; vertical-align: top; }
.popup-form-layout .title label { display: inline-block; margin-top: 6px; }
.popup-form-layout .content { box-sizing: border-box; display: inline-block; width: calc(100% - 80px); margin-left: auto; color: #666; font-size: 14px; text-align: left; vertical-align: middle; }
.popup-form-layout .content + .content { margin-top: 10px; }
.popup-form-layout .status-msg { display: none; padding-left: 4px; margin-top: 4px; color: #e61f0c; font-size: 12px; text-align: left; }
.popup-form-layout .status-msg.is-invalid { display: block; }
.popup-form-layout.hidden-title .title { position: absolute; left: -9999px; }
.popup-form-layout.hidden-title .content { width: 100%; }
.popup-service-pw-confirm { max-width: 510px; }
.common-popup > .popup-analyst-register { width: 510px; max-width: none; }
.popup-analyst-register .analyst-register > .form { font-size: 0; }
.popup-analyst-register .analyst-register > .form .desc { margin-bottom: 16px; font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 16px; letter-spacing: .01em; }
.popup-analyst-register .analyst-register > .form .text { width: 180px; margin-right: 10px; }
.popup-analyst-register .analyst-register > .form .submit { box-sizing: border-box; display: inline-block; width: 74px; height: 40px; line-height: 38px; padding: 0 10px; background-color: #fff; border: 1px solid #222; border-radius: 5px; font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 15px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; }
.popup-analyst-register .analyst-register > .form .submit:hover { background-color: #effffa; }
.popup-analyst-register .analyst-register > .content { margin-top: 35px; }
.popup-analyst-register .analyst-register > .content .desc { margin-bottom: 16px; font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 16px; letter-spacing: .01em; }
.popup-analyst-register .analyst-register > .content .desc .str { color: #00a78d; vertical-align: top; }
.popup-analyst-register .analyst-register > .content .comment { line-height: 1.6; margin-top: 5px; font-family: "Noto Sans KR"; font-weight: 300; color: #696969; font-size: 14px; }
.common-popup > .popup-otp-register { width: 1090px; min-width: 1090px; }
.popup-otp-register .card-step-wrap { margin-top: 40px; }
.popup-otp-register .card-step-wrap > .title { margin-bottom: 14px; font-family: "Noto Sans KR"; font-weight: 500; color: #232323; font-size: 22px; }
.popup-otp-register .card-step:after { content: ""; display: block; clear: both; }
.popup-otp-register .card-step > li { float: left; box-sizing: border-box; width: 248px; height: 224px; padding: 20px 23px; margin-left: 13px; border: 4px solid #f5f5f5; border-radius: 10px; }
.popup-otp-register .card-step > li.large { height: 254px; }
.popup-otp-register .card-step > li:first-child { margin-left: 0; }
.popup-otp-register .card-step > li > .title { margin-bottom: 8px; font-family: "Noto Sans KR"; font-weight: 700; color: #00a78d; font-size: 20px; letter-spacing: -.04em; }
.popup-otp-register .card-step > li > .desc { line-height: 1.6; font-family: "Noto Sans KR"; font-weight: 300; color: #232323; font-size: 16px; }
.popup-otp-register .card-step > li .tit { font-family: "Noto Sans KR"; font-weight: 500; color: #232323; font-size: 16px; }
.popup-otp-register .card-step > li li { font-family: "Noto Sans KR"; font-weight: 300; color: #232323; font-size: 16px; }
.popup-otp-register .card-step > li li li { padding-left: 10px; text-indent: -8px; }
.common-popup > .popup-data-calendar { width: 1090px; min-width: 1090px; }
.common-popup > .popup-data-calendar > .container { padding-bottom: 55px; }
.common-popup > .popup-data-calendar > .container > .body { padding: 0 55px; }
.common-popup > .popup-data-calendar > .container > .foot { margin-top: 0; border-top: 0; }
.popup-data-calendar .calendar { width: 100%; }
.popup-data-calendar .swiper-button-prev { width: 50px; height: 50px; margin: 0; background: url("../images/myservice/btn-calendar-prev.png") no-repeat; background-size: 10px 16px; background-position: center center; outline: none; top: -8px; bottom: auto; left: 350px; right: auto; }
.popup-data-calendar .swiper-button-prev:after { content: none; }
.popup-data-calendar .swiper-button-next { width: 50px; height: 50px; margin: 0; background: url("../images/myservice/btn-calendar-next.png") no-repeat; background-size: 10px 16px; background-position: center center; outline: none; top: -8px; bottom: auto; left: auto; right: 350px; }
.popup-data-calendar .swiper-button-next:after { content: none; }
.common-popup > .popup-member-pw-change { width: 420px; min-width: 420px; }
.common-popup > .popup-down-check { width: 500px; min-width: 800px; }
.common-popup > .popup-contact-pw-confirm { width: 420px; min-width: 420px; }
.common-popup > .popup-pw-change-guide { width: 500px; min-width: 500px; }
.common-popup > .popup-preview-column { width: 1120px; min-width: 1120px; }
.common-popup > .popup-period-set { width: 790px; min-width: 790px; }
.common-popup > .popup-period-set > .container > .head { padding: 0 46px; }
.common-popup > .popup-period-set > .container > .body { padding: 0 46px; }
.popup-period-set .period-set { padding-bottom: 20px; border-top: 1px solid #222; border-bottom: 1px solid #949494; }
.popup-period-set .period-set .option-list { padding: 22px 28px; background-color: #f8fafc; border-bottom: 1px solid #eee; }
.popup-period-set .period-set .option-list li { margin-top: 2px; font-family: "Noto Sans KR"; font-weight: 400; color: #696969; font-size: 16px; }
.popup-period-set .period-set .option-list li:first-child { margin-top: 0; }
.popup-period-set .period-set .option-list li .str { color: #222; vertical-align: top; }
.popup-period-set .period-set .actions { margin-top: 20px; font-size: 0; }
.popup-period-set .period-set .actions .btn-extension { box-sizing: border-box; display: inline-block; min-width: 77px; height: 40px; line-height: 38px; padding: 0 15px; margin-left: 10px; border: 1px solid #222; border-radius: 5px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; vertical-align: middle; }
.popup-period-set .period-set .actions .btn-extension:first-child { margin-left: 0; }
.popup-period-set .period-set .actions .btn-extension.active { border-color: #43d9bd; }
.popup-period-set .period-set .input { margin-top: 20px; }
.popup-period-set .period-set .input .date { font-size: 0; }
.popup-period-set .period-set .input .date .date-picker { width: 250px; }
.popup-period-set .period-set .input .date .line { display: inline-block; width: 30px; line-height: 40px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; }
.popup-period-set .period-set .select-wrap { margin-top: 20px; }
.popup-period-set .period-set .select-wrap .select { min-width: 121px; }
.popup-period-set .period-set .select-wrap .line { display: inline-block; width: 30px; line-height: 40px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; }
.common-popup .common-popup-inner.popup-notice { min-width: 100%; max-width: 100%; }
.common-popup .common-popup-inner.popup-notice .container { height: 100%; padding: 15px 0 10px; }
.common-popup .common-popup-inner.popup-notice .container .head { padding: 0 20px 13px; font-size: 22px; font-weight: 500; border-bottom: 1px solid #43d9bd; color: #222; }
.common-popup .common-popup-inner.popup-notice .container .body { padding: 20px 24px; margin-top: 0; }
.common-popup .common-popup-inner.popup-notice .container .body .inner .tit { font-size: 16px; font-weight: 400; color: #696969; }
.common-popup .common-popup-inner.popup-notice .container .body .inner .desc { margin-top: 20px; font-size: 16px; font-weight: 400; color: #696969; }
.common-popup .common-popup-inner.popup-notice .container .body .inner .visual { width: 393px; height: 0; max-height: 0; padding-top: 239px; margin-top: 20px; background: url("../images/common/popup-visual.jpg") no-repeat; background-size: cover; overflow: hidden; }
.common-popup .common-popup-inner.popup-notice .container .foot { margin-top: 0; }
.common-popup .common-popup-inner.popup-notice .container .foot > label { cursor: pointer; }
.common-popup .common-popup-inner.popup-notice .container .foot .btn-area { float: right; margin-top: 0; }
.popup-notice { min-width: 100%; max-width: 100%; }
.popup-notice .container { height: 100%; padding: 15px 0 10px; }
.popup-notice .container .head { padding: 0 20px 13px; font-size: 22px; font-weight: 500; border-bottom: 1px solid #43d9bd; color: #222; }
.popup-notice .container .body { padding: 20px 24px; margin-top: 0; }
.popup-notice .container .body .inner .tit { font-size: 16px; font-weight: 400; color: #696969; }
.popup-notice .container .body .inner .desc { margin-top: 20px; font-size: 16px; font-weight: 400; color: #696969; }
.popup-notice .container .body .inner .visual { width: 393px; height: 0; max-height: 0; padding-top: 239px; margin-top: 20px; background: url("../images/common/popup-visual.jpg") no-repeat; background-size: cover; overflow: hidden; }
.popup-notice .container .foot { margin-top: 0; padding: 15px; border-top: 1px solid #ececec; }
.popup-notice .container .foot > label { cursor: pointer; }
.popup-notice .container .foot .btn-area { float: right; margin-top: 0; }
.table-wrap { border-top: 1px solid #222; border-bottom: 1px solid #949494; }
.table-wrap + .table-wrap { margin-top: 20px; }
.table-layout { width: 100%; table-layout: fixed; }
.table-layout.center > thead > tr > th, .table-layout.center > thead > tr > td, .table-layout.center > tbody > tr > th, .table-layout.center > tbody > tr > td { text-align: center; }
.table-layout.left > thead > tr > th, .table-layout.left > thead > tr > td, .table-layout.left > tbody > tr > th, .table-layout.left > tbody > tr > td { text-align: left; }
.table-layout > thead > tr > th, .table-layout > tbody > tr > th { box-sizing: border-box; height: 50px; padding: 12px 14px; background-color: #fff; color: #696969; font-weight: 400; font-size: 16px; text-align: center; vertical-align: middle; }
.table-layout > thead > tr > th:not(:last-child), .table-layout > tbody > tr > th:not(:last-child) { border-right: 1px solid #eee; }
.table-layout > thead > tr > th.center, .table-layout > tbody > tr > th.center { text-align: center; }
.table-layout > thead > tr > th.left, .table-layout > tbody > tr > th.left { text-align: left; }
.table-layout > thead > tr > th.right, .table-layout > tbody > tr > th.right { text-align: right; }
.table-layout > thead > tr > th .mark, .table-layout > tbody > tr > th .mark { color: #e6440c; vertical-align: top; }
.table-layout > thead > tr > td, .table-layout > tbody > tr > td { box-sizing: border-box; height: 50px; padding: 12px 14px; background-color: #fff; border-top: 1px solid #eee; color: #222; font-weight: 400; font-size: 16px; text-align: center; vertical-align: middle; }
.table-layout > thead > tr > td:not(:last-child), .table-layout > tbody > tr > td:not(:last-child) { border-right: 1px solid #eee; }
.table-layout > thead > tr > td.left, .table-layout > tbody > tr > td.left { text-align: left; }
.table-layout > thead > tr > td.left .reserve-address, .table-layout > tbody > tr > td.left .reserve-address { vertical-align: top; }
.table-layout > thead > tr > td.right, .table-layout > tbody > tr > td.right { text-align: right; }
.table-layout > thead > tr.empty:hover > td, .table-layout > tbody > tr.empty:hover > td { background-color: #fff; }
.table-layout > thead > tr.empty > td, .table-layout > tbody > tr.empty > td { height: 200px; font-weight: 400; font-size: 20px; }
.table-layout > thead + tbody > tr:first-child > td { border-top: 1px solid #949494; }
.table-layout > tbody > tr > th { border-top: 1px solid #eee; text-align: center; vertical-align: top; }
.table-layout > tbody > tr:first-child th { border-top: 0; }
.table-layout > tbody > tr:first-child th ~ td { border-top: 0; }
.table-layout > tbody > tr > td .str { font-weight: 500; }
.table-layout > tbody > tr > td .orange { color: #ef774d; font-weight: 500; }
.table-layout > tbody > tr > td .orange ~ .btn { display: block; margin: 4px auto; }
.table-layout + .agree-area { border-bottom: 1px solid #eee; }
.table-comment { position: relative; }
.table-comment .txt { color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; position: absolute; top: -35px; right: 0; }
.table-comment .txt.str { color: #ef774d; }
.table-comment .txt.left { left: 0; }
.table-comment .mark { color: #ef774d; vertical-align: top; }
.breadcrumb { height: 48px; }
.breadcrumb.is-fixed > .wrap { width: 100%; min-width: 1280px; border-top: 0; /*position: fixed;*/ top: 0; left: 0; }
.breadcrumb > .wrap { height: 48px; background-color: #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; position: relative; z-index: 10; }
.breadcrumb > .wrap > .list { box-sizing: border-box; width: 1280px; padding-left: 40px; margin: 0 auto; overflow: hidden; }
.breadcrumb > .wrap > .list:after { content: ""; display: block; clear: both; }
.breadcrumb > .wrap > .list > li { float: left; position: relative; }
.breadcrumb > .wrap > .list > li:last-child .sub:after { background-image: url("../images/common/breadcrumb-arrow-current.png"); }
.breadcrumb > .wrap > .list > li:last-child:not(.home) > a { color: #222; }
.breadcrumb > .wrap > .list > li:last-child .sub .list a { color: #222; }
.breadcrumb > .wrap > .list > li:last-child .sub .list a:hover { color: #00a78d; background-color: #f8fafc; }
.breadcrumb > .wrap > .list > li.on { height: auto; }
.breadcrumb > .wrap > .list > li.on li.on a { color: #7db72c; }
.breadcrumb > .wrap > .list > li.home a { display: block; width: 60px; height: 0; max-height: 0; padding-top: 48px; background: url("../images/common/icon-home.png") no-repeat; background-size: 16px 14px; background-position: center center; overflow: hidden; position: relative; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.breadcrumb > .wrap > .list > li:not(.home) > a { box-sizing: border-box; display: block; min-width: 218px; height: 48px; line-height: 46px; padding: 0 30px; background-color: #fff; border-right: 1px solid #dedede; font-weight: 400; font-size: 16px; color: #696969; }
.breadcrumb > .wrap > .list > li:not(.home) > a:after { content: ''; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.breadcrumb .sub { width: 100%; }
.breadcrumb .sub:after { content: ''; display: block; width: 10px; height: 7px; background: url("../images/common/breadcrumb-arrow.png") no-repeat; background-size: cover; position: absolute; top: 20px; right: 16px; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; pointer-events: none; }
.breadcrumb .sub.on:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.breadcrumb .sub .list { display: none; box-sizing: border-box; width: calc(100% + 1px); padding: 10px 0px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; position: relative; left: -1px; background-color: #fff; }
.breadcrumb .sub .list li.on a { color: #7db72c; }
.breadcrumb .sub .list a { box-sizing: border-box; display: block; min-width: 216px; line-height: 50px; padding: 0 30px; font-size: 16px; font-weight: 400; color: #696969; }
.breadcrumb .sub .list a:hover { color: #00a78d; background-color: #f8fafc; text-decoration: underline; }
.breadcrumb .current { display: none; box-sizing: border-box; min-width: 218px; min-height: 60px; padding: 17px 20px; font-size: 16px; font-weight: 500; color: #101010; }
a.skip-navi { background-color: #000; color: #fff; font-size: 16px; position: absolute; left: 0; top: -500px; width: 100%; text-align: center; padding: 8px 0; z-index: 999; }
a.skip-navi:focus { top: 0; }
.common-container { box-sizing: border-box; width: 1280px; min-height: 800px; padding: 90px 40px 150px; margin: 0 auto; }
.common-container .page-head { margin-bottom: 20px; }
.common-container .page-head > .title { line-height: 1.3; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; word-wrap: break-word; }
.common-container .page-head > .desc { margin-top: 11px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.common-container .page-head > .list { margin-top: 11px; }
.common-container .page-head > .list li { margin-top: 4px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; }
.common-container .page-head > .list li:first-child { margin-top: 0; }
.common-container .page-head + .info-layout { margin-top: 50px; }
.common-container .page-foot { margin-top: 50px; }
.common-container .page-foot .btn-area { font-size: 0; text-align: center; }
.common-container .page-foot .btn-area .btn { margin-left: 20px; }
.common-container .page-foot .btn-area .btn:first-child { margin-left: 0; }
.common-container .section-wrap { margin-top: 30px; margin-left: -70px;}
.common-container .section-wrap:first-child { margin-top: 0; }
.common-container .section-wrap.account .table-layout thead + tbody tr td:last-child { text-align: left; }
.common-container .section-wrap .account-notice { padding-left: 10px; margin-top: 5px; color: #696969; }
.common-container .section-head > .title { line-height: 1.3; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 24px; letter-spacing: -.04em; word-wrap: break-word; }
.common-container .section-head > .title + .tit { margin-top: 40px; }
.common-container .section-head > .tit { line-height: 1.3; color: #232323; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; letter-spacing: -.025em; word-wrap: break-word; }
.common-container .section-head > .comment { margin-top: 5px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; text-align: left; }
.common-container .section-head > .tit .thin { font-weight: 300; vertical-align: top; }
.common-container .section-head > .desc { margin-top: 11px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; clear: both; }
.common-container .section-head > .list { margin-top: 11px; }
.common-container .section-head > .list li { color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.common-container .section-head > .list li .str { color: #00a78d; vertical-align: top; }
.common-container .section-head .btn-area { margin-top: -40px; text-align: right; }
.common-container .section-head + .info-layout { margin-top: 18px; }
.common-container .section-body { margin-top: 14px; }
.common-container .section-foot { margin-top: 30px; }
.common-container .section-foot .btn-area { font-size: 0; text-align: center; }
.common-container .section-foot .btn-area.right { text-align: right; }
.common-container .section-foot .btn-area .btn { margin-left: 10px; }
.common-container .section-foot .btn-area .btn:first-child { margin-left: 0; }
.common-container .content-caution { margin-top: 13px; }
.common-container .content-caution li { margin-top: 4px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; }
.common-container .content-caution li:first-child { margin-top: 0; }
.common-container .analysis-btn-expand { display: block; width: 100%; padding: 20px 0; border: 1px solid #949494; border-top: none; }
.common-container .analysis-btn-expand:after { content: '▼'; display: inline; margin-left: 5px; }
.common-container.no-data { min-height: 0; }
.common-footer { background-color: #fff; border-top: 1px solid #ececec; width: 100%; position: absolute; bottom: 0; left: 0; }
.common-footer .wrap { box-sizing: border-box; width: 1280px; height: 200px; padding: 44px 70px 44px 282px; margin: 0 auto; position: relative; }
.common-footer .logo { width: 145px; height: 0; max-height: 0; padding-top: 43px; background: url("../images/common/footer-logo.png") no-repeat; background-size: cover; overflow: hidden; position: absolute; top: 90px; left: 70px; }
.common-footer .logo2 { width: 149px; height: 0px; max-height: 0px; padding-top: 34px; background: url("../images/common/footer-logo2.png") no-repeat; background-size: cover; overflow: hidden; position: absolute; top: 95px; left: 240px; }
.common-footer .util:after { content: ""; display: block; clear: both; }
.common-footer .util li { float: left; margin-left: 32px; }
.common-footer .util li:first-child { margin-left: 0; }
.common-footer .util a { color: #000000; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; }
.common-footer .util a:hover { color: #01a78e; }
.common-footer .address { color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; position: absolute; top: 90px; left: 450px }
.common-footer .copyright { color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; letter-spacing: -.015em; position: absolute; top: 115px; left: 450px }
.common-footer .family-site { position: absolute; top: 44px; right: 10px; }
.common-footer .family-site > li > a { box-sizing: border-box; display: inline-block; min-width: 230px; height: 40px; line-height: 38px; padding: 0 32px 0 17px; border: 1px solid #949494; border-radius: 5px; color: #666; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; position: relative; }
.common-footer .family-site .sub { width: 100%; position: absolute; bottom: 39px; left: 0; }
.common-footer .family-site .sub:after { content: ''; display: block; width: 12px; height: 7px; background: url("../images/common/family-site-arrow.png") no-repeat; background-size: cover; position: absolute; bottom: -24px; right: 10px; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; pointer-events: none; }
.common-footer .family-site .sub.on:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.common-footer .family-site .sub .list { display: none; box-sizing: border-box; padding: 12px 0; background-color: #fff; border: 1px solid #00a78d; border-radius: 5px; }
.common-footer .family-site .sub .list a { display: block; box-sizing: border-box; width: 100%; padding: 6px 12px; background-color: #fff; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.common-footer .family-site .sub .list a:hover { background-color: #f8fafc; }
.common-footer .contact { color: #666; font-family: 'Noto Sans KR'; font-weight: 600; font-size: 14px; letter-spacing: -.025em; position: absolute; top: 140px; left: 450px }
.common-header { width: 100%; height: 90px; position: fixed; z-index: 100; }
@media screen and (max-width : 1024px) { .common-header { position: relative; }}
.common-header.is-active:after { opacity: 1; }
.common-header.is-active .wrap { height: 365px; box-shadow: 0 0 20px 0 #d1d1d1; }
.common-header.is-active .nav > li.on > a:after { opacity: 1; }
.common-header .wrap { height: 110px; background-color: #fff; overflow: hidden; transition: all .3s; }
.common-header > .wrap:after { content: ''; display: block; width: 100%; height: 20px; background-color: #EBEFF2; position: absolute; top: 0px; left: 0px; /*z-index: 22;*/ }
.common-header .inner { position: relative; width: 1280px; margin: 0 auto; z-index: 21; }
.common-header .logos { position: absolute; top: 1px; left: 40px;}
.common-header .logos a { display: block; width: 110px; height: 0px; max-height: 0px; padding-top: 30px; background: url("../images/common/eg_logo.png") no-repeat; overflow: hidden; }
.common-header .utils { position: absolute; top: 0px; left: 75px; width: 1065px; font-size: 12px; font-family: 'Noto Sans KR';}
.common-header > .utils:after { content: ''; display: block; width: 100%; height: 1px; background-color: #eee; position: absolute; top: 118px; left: 0px; z-index: 22; font-family: 'Noto Sans KR';}
.common-header .logo { position: absolute; top: 24px; left: 40px; }
.common-header .logo a { display: block; width: 215px; height: 0; max-height: 0; padding-top: 42px; background: url("../images/common/logo.png") no-repeat; background-size: cover; overflow: hidden; }
.common-header .gnb { padding: 27px 0 30px 340px; }
.common-header .nav:after { content: ""; display: block; clear: both; }
.common-header .nav > li { float: left; text-align: center; }
.common-header .nav > li:first-child { width: 140px; }
.common-header .nav > li:nth-child(2) { width: 160px; }
.common-header .nav > li:nth-child(3) { width: 140px; }
.common-header .nav > li:nth-child(4) { width: 135px; }
.common-header .nav > li:nth-child(5) { width: 140px; }
.common-header .nav > li > a { box-sizing: border-box; display: inline-block; max-width: 140px; line-height: 1.2; padding: 6px 10px; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 20px; letter-spacing: 0; text-align: center; position: relative; transition: color .3s; }
.common-header .nav > li.on > a::after { content: ""; position: absolute; left:50%; bottom: -20px; transform: translateX(-50%); width: 100px; height: 4px; background-color: #196450; }
/* .common-header .nav > li > a:after { content: ''; display: block; width: calc(100% - 20px); height: 4px; background-color: #196450; opacity: 0; position: absolute; top: 60px; left: 10px; transition: all .2s; z-index: 20; } */
.common-header .sub-nav { padding-top: 23px; margin: 15px -25px 0px 25px;}
.common-header .sub-nav li { text-align: left; position: relative; }
.common-header .sub-nav li a { box-sizing: border-box; display: inline-block; padding: 7px 4px 8px; color: #333; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: left; }
.common-header .sub-nav li a:hover { color: #196450; font-weight: 500;  text-decoration: underline; text-underline-offset: 5.5px; }
.common-header .sub-nav li a:FOCUS { color: #196450; font-weight: 500;  text-decoration: underline; text-underline-offset: 5.5px; }
.common-header .sub-nav li.on a { color: #196450; font-weight: 500; position: relative;}
.common-header .sub-nav li.on a:after { content: ''; display: block; width: calc(100% - 8px); height: 2px; background-color: #196450; position: absolute; bottom: 5px; left: 4px; }
.common-header .util { position: absolute; top: 29px; right: 45px; }
.common-header .util:after { content: ""; display: block; clear: both; }
.common-header .util li { float: left; margin-left: 5px; }
.common-header .util li:first-child { margin-left: 0; }
.common-header .util a { box-sizing: border-box; display: block; min-width: 70px; height: 32px; line-height: 30px; padding: 0 16px; background-color: #fff; border: 1px solid #949494; border-radius: 5px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; text-align: center; }
.common-header .util a:hover { background-color: #f5f5f5; }
.top-area { height: 260px; background-color: #f9fafe; background-repeat: no-repeat; background-size: 1920px 260px; background-position: center center; overflow: hidden; margin-top: 115px; }
@media screen and (max-width : 1024px) { .top-area { margin-top: 25px; }}
.top-area .wrap { box-sizing: border-box; width: 1280px; height: 100%; padding: 70px 40px 0; margin: 0 auto; position: relative; }
.top-area .title { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 40px; }
.top-area .title:after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 8px; margin-bottom: 8px; background-color: #ffc50b; border-radius: 50%; vertical-align: bottom; }
.top-area .desc { margin-top: 10px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; }
.wrapper { box-sizing: border-box; min-width: 1280px; min-height: 100%; padding: 0 0 200px 0; margin: 0 auto; position: relative; overflow: hidden; }
.section-case .visual-case .visual-case-bg { width: 637px; height: 238px; background: url("../images/case/visual-case-bg.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 27px; right: 0; }
.section-case .visual-case .visual-case-graph { width: 290px; height: 189px; position: absolute; top: 63px; right: 55px; }
.section-case .visual-case .visual-case-graph1 { width: 100%; height: 100%; background: url("../images/case/visual-case-graph1.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 0; right: 0; }
.section-case .visual-case .visual-case-graph2 { width: 79px; height: 66px; background: url("../images/case/visual-case-graph2.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 0; right: 118px; }
.section-case .visual-case .visual-case-paper1 { width: 201px; height: 236px; background: url("../images/case/visual-case-paper1.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 11px; right: 356px; }
.section-case .visual-case .visual-case-paper2 { width: 80px; height: 169px; background: url("../images/case/visual-case-paper2.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 30px; right: 443px; }
.section-case .visual-case .visual-case-paper3 { width: 78px; height: 169px; background: url("../images/case/visual-case-paper3.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 54px; right: 402px; }
.section-case .visual-case .visual-case-bg { opacity: 0; transition: all .4s .4s; }
.section-case .visual-case .visual-case-graph { opacity: 0; margin-top: 20px; transition: all .4s .8s; }
.section-case .visual-case .visual-case-graph2 { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: all .4s 1.4s; }
.section-case .visual-case .visual-case-paper1 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1.8s; }
.section-case .visual-case .visual-case-paper2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 2s; }
.section-case .visual-case .visual-case-paper3 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 2.2s; }
.init .section-case .visual-case .visual-case-bg { opacity: 1; }
.init .section-case .visual-case .visual-case-graph { opacity: 1; margin-top: 0; }
.init .section-case .visual-case .visual-case-graph2 { -webkit-transform: translate(8px, -32px); transform: translate(8px, -32px); }
.init .section-case .visual-case .visual-case-paper1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-case .visual-case .visual-case-paper2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-case .visual-case .visual-case-paper3 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.visual-member { width: 1280px; height: 100%; position: absolute; top: 0; left: 0; }
.visual-member .visual-member-bg { width: 663px; height: 368px; background: url("../images/member/visual-member-bg.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: -54px; right: 0; }
.visual-member .visual-member-device1 { width: 348px; height: 328px; background: url("../images/member/visual-member-device1.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: -20px; right: 185px; }
.visual-member .visual-member-device2 { width: 133px; height: 108px; background: url("../images/member/visual-member-device2.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 111px; right: 112px; }
.visual-member .visual-member-symbol { width: 50px; height: 60px; background: url("../images/member/visual-member-symbol.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 76px; right: 177px; }
.visual-member .visual-member-lock { width: 50px; height: 86px; background: url("../images/member/visual-member-lock.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 27px; right: 548px; }
.visual-member .visual-member-balloon1 { width: 62px; height: 61px; margin-bottom: 0; background: url("../images/member/visual-member-balloon1.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 15px; right: 370px; }
.visual-member .visual-member-human { width: 58px; height: 134px; background: url("../images/member/visual-member-human.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 68px; right: 264px; }
.visual-member .visual-member-balloon2 { width: 116px; height: 91px; background: url("../images/member/visual-member-balloon2.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 30px; right: 293px; }
.visual-member .visual-member-bg { opacity: 0; transition: all .4s .4s; }
.visual-member .visual-member-device1 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.visual-member .visual-member-device2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.visual-member .visual-member-symbol { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .6s 1.4s; }
.visual-member .visual-member-lock { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .6s 1.6s; }
.visual-member .visual-member-human { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all 1s 2s; }
.visual-member .visual-member-balloon1 { opacity: 0; margin-bottom: -20px; -webkit-transform: translate(30px, 30px); transform: translate(30px, 30px); transition: opacity .6s 2.8s, margin .6s 2.8s, -webkit-transform .6s 3.4s; transition: opacity .6s 2.8s, margin .6s 2.8s, transform .6s 3.4s; transition: opacity .6s 2.8s, margin .6s 2.8s, transform .6s 3.4s, -webkit-transform .6s 3.4s; }
.visual-member .visual-member-balloon2 { opacity: 0; -webkit-transform: translate(40px, 30px); transform: translate(40px, 30px); transition: all .6s 3.4s; }
.init .visual-member .visual-member-bg { opacity: 1; }
.init .visual-member .visual-member-device1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .visual-member .visual-member-device2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .visual-member .visual-member-symbol { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .visual-member .visual-member-lock { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .visual-member .visual-member-human { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .visual-member .visual-member-balloon1 { opacity: 1; margin-bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.init .visual-member .visual-member-balloon2 { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.section-customer .top-area { background-color: #f9fafe; }
.section-customer .visual-customer .visual-customer-bg { width: 488px; height: 308px; background: url("../images/customer/visual-customer-bg.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; bottom: 12px; right: 0; }
.section-customer .visual-customer .visual-customer-device { width: 254px; height: 294px; background: url("../images/customer/visual-customer-device.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; bottom: 3px; right: 234px; }
.section-customer .visual-customer .visual-customer-board { width: 107px; height: 124px; background: url("../images/customer/visual-customer-board.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 47px; right: 527px; }
.section-customer .visual-customer .visual-customer-human { width: 47px; height: 139px; background: url("../images/customer/visual-customer-human.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 95px; right: 533px; }
.section-customer .visual-customer .visual-customer-balloon1 { width: 68px; height: 81px; background: url("../images/customer/visual-customer-balloon1.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 11px; right: 450px; }
.section-customer .visual-customer .visual-customer-balloon2 { width: 48px; height: 57px; background: url("../images/customer/visual-customer-balloon2.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 69px; right: 426px; }
.section-customer .visual-customer .visual-customer-balloon3 { width: 68px; height: 81px; background: url("../images/customer/visual-customer-balloon3.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 13px; right: 156px; }
.section-customer .visual-customer .visual-customer-bg { opacity: 0; transition: all .4s .4s; }
.section-customer .visual-customer .visual-customer-device { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.section-customer .visual-customer .visual-customer-board { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .6s 1.3s; }
.section-customer .visual-customer .visual-customer-human { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .8s 1.5s; }
.section-customer .visual-customer .visual-customer-balloon1 { opacity: 0; margin-top: 58px; -webkit-transform: translateY(20px); transform: translateY(20px); transition: opacity .4s 2.2s, margin .6s 3s, -webkit-transform .4s 2.2s; transition: opacity .4s 2.2s, transform .4s 2.2s, margin .6s 3s; transition: opacity .4s 2.2s, transform .4s 2.2s, margin .6s 3s, -webkit-transform .4s 2.2s; }
.section-customer .visual-customer .visual-customer-balloon2 { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: all .6s 3s; }
.section-customer .visual-customer .visual-customer-balloon3 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 3.8s; }
.init .section-customer .visual-customer .visual-customer-bg { opacity: 1; }
.init .section-customer .visual-customer .visual-customer-device { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-customer .visual-customer .visual-customer-board { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-customer .visual-customer .visual-customer-human { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-customer .visual-customer .visual-customer-balloon1 { opacity: 1; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-customer .visual-customer .visual-customer-balloon2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-customer .visual-customer .visual-customer-balloon3 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.customer-faq .accordion-list.faq .title { font-weight: 500; }
.customer-faq .accordion-list.faq .title span { padding-left: 20px; position: relative; }
.customer-faq .accordion-list.faq .title span:after { content: 'Q.'; display: block; font-weight: 700; position: absolute; top: 0; left: 0; }
.customer-faq .accordion-list.faq .content span { padding-left: 30px; position: relative; }
.customer-faq .accordion-list.faq .content span:after { content: 'A'; display: block; width: 24px; line-height: 24px; background-color: #41dabe; border-radius: 50%; color: #000; font-weight: 700; text-align: center; position: absolute; top: 0; left: 0; }
.customer-archive .download-list:after { content: ""; display: block; clear: both; }
.customer-archive .download-list li { float: left; width: 380px; margin-left: 30px; margin-bottom: 30px; }
.customer-archive .download-list li:first-child { margin-left: 0; }
.customer-archive .download-list .item { box-sizing: border-box; height: 222px; padding: 22px 30px; border: 4px solid #f5f5f5; border-radius: 8px; }
.customer-archive .download-list .item .title { color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 20px; }
.customer-archive .download-list .item .desc { height: 76px; margin-top: 10px; color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; overflow: hidden; }
.customer-archive .download-list .item .btn-area { margin-top: 14px; text-align: right; }
.customer-survey .form-survey .item { margin-top: 50px; }
.customer-survey .form-survey .item:first-child { margin-top: 0; }
.customer-survey .form-survey .title { margin-bottom: 15px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.customer-survey .form-survey .select-img { font-size: 0; }
.customer-survey .form-survey .select-img .img-radio { display: inline-block; margin: 0 30px 10px 0; vertical-align: middle; }
.customer-survey .form-survey .select-img .img-radio input[type='radio'] { position: absolute; left: -9999px; }
.customer-survey .form-survey .select-img .img-radio input[type='radio']:checked + span:before { background-image: url("../images/common/radio-on.png"); }
.customer-survey .form-survey .select-img .img-radio input[type='radio'][disabled] + span:before { background-image: url("../images/common/radio-disabled.png"); }
.customer-survey .form-survey .select-img .img-radio input[type='radio'][disabled]:checked + span:before { background-image: url("../images/common/radio-disabled-on.png"); }
.customer-survey .form-survey .select-img .img-radio .img { display: inline-block; width: 180px; height: 100px; margin-right: 20px; position: relative; }
.customer-survey .form-survey .select-img .img-radio .img > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.customer-survey .form-survey .select-img .img-radio .tit { box-sizing: border-box; display: inline-block; min-width: 60px; padding: 6px 8px 6px 27px; color: #222; font-weight: 400; font-size: 16px; vertical-align: middle; position: relative; }
.customer-survey .form-survey .select-img .img-radio .tit:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/radio.png") no-repeat; background-size: 20px 20px; background-position: center center; position: absolute; top: calc(.75em + 7px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.customer-survey .survey-result { padding: 10px; }
.customer-survey .survey-result .title { display: table; table-layout: fixed; margin-bottom: 10px; font-size: 0; }
.customer-survey .survey-result .title .img { display: table-cell; width: 60px; padding-right: 10px; position: relative; vertical-align: middle; }
.customer-survey .survey-result .title .img > img { width: 60px; height: 60px; position: absolute; top: 0; left: 0; }
.customer-survey .survey-result .title .img + .txt { width: calc(100% - 70px); height: 60px; }
.customer-survey .survey-result .title .txt { display: table-cell; width: 100%; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; word-wrap: break-word; vertical-align: middle; }
.customer-survey .survey-result .list { margin-top: 10px; }
.customer-survey .survey-result .list li { margin-top: 10px; }
.customer-survey .survey-result .list li:first-child { margin-top: 0; }
.customer-survey .survey-result .list li:after { content: ""; display: block; clear: both; }
.customer-survey .survey-result .list .tit { float: left; display: table; table-layout: fixed; width: calc(100% - 160px); }
.customer-survey .survey-result .list .tit .img { display: table-cell; width: 50px; padding-right: 18px; position: relative; }
.customer-survey .survey-result .list .tit .img > img { width: 50px; height: 50px; position: absolute; top: 0; left: 0; }
.customer-survey .survey-result .list .tit .img + .txt { height: 50px; }
.customer-survey .survey-result .list .tit .txt { display: table-cell; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.customer-survey .survey-result .list .con { float: right; width: 160px; text-align: right; }
.customer-survey .survey-result .list .con .num { color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; vertical-align: top; }
.customer-survey .survey-result .list .con .rate { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; word-wrap: break-word; vertical-align: top; }
.customer-survey .survey-result > .txt { margin-top: 20px; }
.customer-survey .survey-result > .text { margin-top: 20px; }
.section-guide .visual-guide .visual-guide-bg { width: 602px; height: 326px; background: url("../images/guide/visual-guide-bg.png") no-repeat; background-size: cover; position: absolute; top: -40px; right: 0; }
.section-guide .visual-guide .visual-guide-book { width: 269px; height: 296px; background: url("../images/guide/visual-guide-book.png") no-repeat; background-size: cover; position: absolute; top: -18px; right: 208px; }
.section-guide .visual-guide .visual-guide-human { width: 52px; height: 138px; background: url("../images/guide/visual-guide-human.png") no-repeat; background-size: cover; position: absolute; top: 104px; right: 397px; }
.section-guide .visual-guide .visual-guide-balloon1 { width: 77px; height: 69px; background: url("../images/guide/visual-guide-balloon1.png") no-repeat; background-size: cover; position: absolute; top: 42px; right: 506px; }
.section-guide .visual-guide .visual-guide-balloon2 { width: 77px; height: 69px; background: url("../images/guide/visual-guide-balloon2.png") no-repeat; background-size: cover; position: absolute; top: 100px; right: 525px; }
.section-guide .visual-guide .visual-guide-book { width: 269px; height: 296px; background: url("../images/guide/visual-guide-book.png") no-repeat; background-size: cover; position: absolute; top: -18px; right: 208px; }
.section-guide .visual-guide .visual-guide-glasses { width: 208px; height: 172px; background: url("../images/guide/visual-guide-glasses.png") no-repeat; background-size: cover; position: absolute; top: 109px; right: 125px; }
.section-guide .visual-guide .visual-guide-bg { opacity: 0; transition: all .4s .4s; }
.section-guide .visual-guide .visual-guide-book { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.section-guide .visual-guide .visual-guide-human { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1s; }
.section-guide .visual-guide .visual-guide-balloon1 { opacity: 0; margin-top: 50px; -webkit-transform: translateY(20px); transform: translateY(20px); transition: opacity .6s 1.4s, margin .6s 2.2s, -webkit-transform .6s 1.4s; transition: opacity .6s 1.4s, transform .6s 1.4s, margin .6s 2.2s; transition: opacity .6s 1.4s, transform .6s 1.4s, margin .6s 2.2s, -webkit-transform .6s 1.4s; }
.section-guide .visual-guide .visual-guide-balloon2 { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: all .6s 2.2s; }
.section-guide .visual-guide .visual-guide-glasses { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition: all .5s 3.2s; }
.init .section-guide .visual-guide .visual-guide-bg { opacity: 1; }
.init .section-guide .visual-guide .visual-guide-book { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-guide .visual-guide .visual-guide-human { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-guide .visual-guide .visual-guide-balloon1 { opacity: 1; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-guide .visual-guide .visual-guide-balloon2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-guide .visual-guide .visual-guide-glasses { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.guide-data .data-detail { padding: 32px 30px 40px; border: solid 4px #f5f5f5; }
.guide-data .data-detail .wrap:not(:first-child) { padding-top: 32px; }
.guide-data .data-detail .wrap .tbl-title { font-size: 20px; font-weight: 400; color: #222; }
.guide-data .data-detail .wrap .data-table table { margin: 15px 0 0; }
.guide-data .data-detail .wrap .data-table table tbody tr { height: 32px; }
.guide-data .data-detail .wrap .data-table table tbody tr th { position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; text-align: left; vertical-align: top; color: #222; }
.guide-data .data-detail .wrap .data-table table tbody tr th:before { content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; top: 10px; left: 0; border-radius: 3px; background-color: #43d9bd; }
.guide-data .data-detail .wrap .data-table table tbody tr th span { float: right; margin-right: 10px; }
.guide-data .data-detail .wrap .data-table table tbody tr td { padding-left: 10px; font-size: 16px; font-weight: 400; vertical-align: top; color: #696969; }
.guide-data .data-detail .wrap .btn-area { padding: 15px 0; text-align: right; border-bottom: 1px solid #949494; }
.guide-info .tab-menu ul li span { box-sizing: border-box; display: block; width: 100%; height: 70px; line-height: 66px; padding: 0 10px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 4px solid #eee; color: #222; font-size: 18px; text-align: center; white-space: nowrap; position: relative; cursor: pointer; z-index: 1; }
.guide-info .tab-menu ul li span:hover { color: #00a78d; }
.guide-info .tab-menu ul li.selected span { font-weight: 500; border-bottom: 4px solid #00a78d; color: #00a78d; z-index: 3; }
.guide-info .tab-menu ul li span.maps { box-sizing: border-box; display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 4px solid #eee; color: #222; font-size: 16px; text-align: center; white-space: nowrap; position: relative; cursor: pointer; z-index: 1; }
.guide-info .tab-menu ul li span.maps:hover { color: #437e6f; }
.guide-info .tab-menu ul li.selected span.maps { font-weight: 500; border-bottom: 4px solid grey; color: black; z-index: 3; }
.guide-info .tab-menu ul li.selected + li span { border-left: 0; }
.guide-info .tab-content { display: none; }
.guide-info .tab-content.on { display: block; }
.guide-info .tab-content .guide-wrap { position: relative; margin-top: 80px; }
.guide-info .tab-content .guide-wrap .title { font-size: 26px; font-weight: 500; color: #222; }
.guide-info .tab-content .guide-wrap .sub-title { margin-top: 5px; font-size: 16px; font-weight: 400; color: #222; }
.guide-info .tab-content .guide-wrap .section { margin-top: 60px; }
.guide-info .tab-content .guide-wrap .section ul { margin-top: 15px; }
.guide-info .tab-content .guide-wrap .section ul li { margin-top: 5px; font-size: 16px; font-weight: 300; line-height: 22px; color: #696969; }
.guide-info .tab-content .guide-wrap .section ul li span { display: inline-block; width: 24px; height: 24px; margin-right: 5px; font-size: 13px; font-weight: 500; line-height: 20px; text-align: center; vertical-align: top; border: 2px solid #43d9bd; border-radius: 50%; box-sizing: border-box; }
.guide-info .tab-content .guide-wrap .section:first-child { margin-top: 80px; }
.guide-info .tab-content .guide-wrap .section.detail1 .visual { margin-top: 20px; }
.guide-info .tab-content .guide-wrap .section.analysis1 .visual { margin-top: 20px; }
.guide-info .tab-content .guide-wrap .section.analysis2 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.analysis4 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.analysis5 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.data1 .visual { margin-top: 20px; }
.guide-info .tab-content .guide-wrap .section.data2 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.data3 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.data4 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.data5 .visual { margin-top: 30px; }
.guide-info .tab-content .guide-wrap .section.system1 .visual { margin-top: 20px; }
.guide-info .tab-content .guide-wrap .section.system2 .visual { margin-top: 30px; }
.main-index .main-section { padding: 80px 0; position: relative; margin-top: 70px;}
@media screen and (max-width : 1024px) { .main-index .main-section { margin-top: -20px; }}
.main-index .main-section.bg { padding-bottom: 175px; background-color: #f8fafc; }
.main-index .main-section > .inner { box-sizing: border-box; max-width: 1280px; padding: 0 40px; margin: 0 auto; position: relative; }
.main-index .main-section2 { padding: 80px 0; position: relative; }
.main-index .main-section2.bg { padding-bottom: 140px; background-color: #f8fafc; }
.main-index .main-section2 > .inner { box-sizing: border-box; max-width: 1280px; padding: 0 40px; margin: 0 auto; position: relative; }
.main-index .main-section2 .head { margin-bottom: 40px; }
.main-index .main-section2 .head .title { line-height: 1.2; color: #222; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 44px; text-align: left; letter-spacing: -.025em; }
.main-index .main-section2 .head .title .thin { font-weight: 400; }
.main-index .main-section2 .visual-motion-2 { width: 650px; height: 400px; position: absolute; top: -80px; right: 0; z-index: 1; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-bg { width: 402px; height: 265px; background: url("../images/main/visual-motion-2-bg.png") no-repeat; background-size: cover; position: absolute; top: 136px; right: 90px; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-human { width: 100px; height: 147px; background: url("../images/main/visual-motion-2-human.png") no-repeat; background-size: cover; position: absolute; top: 278px; right: 164px; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-cloud { width: 210px; height: 188px; background: url("../images/main/visual-motion-2-cloud.png") no-repeat; background-size: cover; position: absolute; top: 37px; right: 70px; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-circle { width: 60px; height: 59px; background: url("../images/main/visual-motion-2-circle.png") no-repeat; background-size: cover; position: absolute; top: 95px; right: 160px; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-balloon .balloon { width: 92px; height: 94px; background: url("../images/main/visual-motion-2-balloon.png") no-repeat; background-size: cover; position: absolute; top: 50px; right: 388px; -webkit-animation-name: aniVisualMotion2Balloon; animation-name: aniVisualMotion2Balloon; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniVisualMotion2Balloon { 0% { opacity: 0;
    -webkit-transform: translateY(75px);
            transform: translateY(75px); }
  10% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  40% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  90% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); } }
@keyframes aniVisualMotion2Balloon { 0% { opacity: 0;
    -webkit-transform: translateY(75px);
            transform: translateY(75px); }
  10% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  40% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  90% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); } }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-balloon .balloon2 { width: 74px; height: 75px; background: url("../images/main/visual-motion-2-balloon2.png") no-repeat; background-size: cover; position: absolute; top: 68px; right: 380px; -webkit-animation-name: aniVisualMotion2Balloon2; animation-name: aniVisualMotion2Balloon2; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 3s; animation-delay: 3s; }
@-webkit-keyframes aniVisualMotion2Balloon2 { 0% { opacity: 0;
    -webkit-transform: translateY(75px);
            transform: translateY(75px); }
  10% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  40% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  90% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); } }
@keyframes aniVisualMotion2Balloon2 { 0% { opacity: 0;
    -webkit-transform: translateY(75px);
            transform: translateY(75px); }
  10% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  40% { opacity: 1;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  50% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  90% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); } }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-device { width: 104px; height: 130px; background: url("../images/main/visual-motion-2-device.png") no-repeat; background-size: cover; position: absolute; top: 249px; right: 469px; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-graph { width: 46px; height: 41px; background: url("../images/main/visual-motion-2-graph.png") no-repeat; background-size: cover; position: absolute; top: 293px; right: 511px; }
.main-index .main-section2 .visual-motion-2 .visual-motion-2-graph2 { width: 51px; height: 31px; background: url("../images/main/visual-motion-2-graph2.png") no-repeat; background-size: cover; position: absolute; top: 298px; right: 508px; }
.main-index .intro { display: table; width: 100%; height: 500px; padding-bottom: 50px; text-align: center; }
.main-index .intro > .wrap { display: table-cell; vertical-align: middle; }
.main-index .intro .title { line-height: 1.2; color: #222; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 44px; text-align: left; letter-spacing: -.025em; }
.main-index .intro .title .thin { font-weight: 500; }
.main-index .intro .desc { margin-top: 20px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; text-align: left; letter-spacing: .01em; }
.main-index .intro .btn-area { margin-top: 38px; font-size: 0; text-align: left; }
.main-index .intro .btn-area .btn { margin-left: 10px; }
.main-index .intro .btn-area .btn:first-child { margin-left: 0; }
.main-index .visual-motion { width: 805px; height: 514px; position: absolute; top: 0; right: -80px; }
.main-index .visual-motion .visual-motion-bg { width: 710px; height: 450px; background: url("../images/main/visual-motion-bg.png") no-repeat; background-size: cover; position: absolute; top: 61px; right: 49px; }
.main-index .visual-motion .visual-motion-center-base1 { width: 376px; height: 231px; background: url("../images/main/visual-motion-center-base1.png") no-repeat; background-size: cover; position: absolute; top: 187px; right: 283px; }
.main-index .visual-motion .visual-motion-center-base2 { width: 121px; height: 116px; background: url("../images/main/visual-motion-center-base2.png") no-repeat; background-size: cover; position: absolute; top: 306px; right: 527px; }
.main-index .visual-motion .visual-motion-center-base3 { width: 115px; height: 130px; background: url("../images/main/visual-motion-center-base3.png") no-repeat; background-size: cover; position: absolute; top: 343px; right: 394px; }
.main-index .visual-motion .visual-motion-center-base4 { width: 67px; height: 94px; background: url("../images/main/visual-motion-center-base4.png") no-repeat; background-size: cover; position: absolute; top: 200px; right: 558px; }
.main-index .visual-motion .visual-motion-center-base5 { width: 213px; height: 213px; background: url("../images/main/visual-motion-center-base5.png") no-repeat; background-size: cover; position: absolute; top: 132px; right: 338px; }
.main-index .visual-motion .visual-motion-center-cloud { width: 105px; height: 177px; background: url("../images/main/visual-motion-center-cloud.png") no-repeat; background-size: cover; position: absolute; top: 0; right: 423px; }
.main-index .visual-motion .visual-motion-center-data { width: 68px; height: 67px; background: url("../images/main/visual-motion-center-data.png") no-repeat; background-size: cover; position: absolute; top: 112px; right: 471px; }
.main-index .visual-motion .visual-motion-center-balloon1 { width: 64px; height: 58px; position: absolute; top: 118px; right: 362px; }
.main-index .visual-motion .visual-motion-center-balloon1 .img { width: 100%; height: 100%; background: url("../images/main/visual-motion-center-balloon1.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionCenterBalloon1; animation-name: aniVisualMotionCenterBalloon1; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniVisualMotionCenterBalloon1 { 0% { opacity: 0;
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px); }
  10% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  40% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  90% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  100% { opacity: 0;
    -webkit-transform: translate(-60px, -40px);
            transform: translate(-60px, -40px); } }
@keyframes aniVisualMotionCenterBalloon1 { 0% { opacity: 0;
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px); }
  10% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  40% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  90% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  100% { opacity: 0;
    -webkit-transform: translate(-60px, -40px);
            transform: translate(-60px, -40px); } }
.main-index .visual-motion .visual-motion-center-balloon2 { width: 64px; height: 58px; position: absolute; top: 118px; right: 362px; }
.main-index .visual-motion .visual-motion-center-balloon2 .img { width: 100%; height: 100%; background: url("../images/main/visual-motion-center-balloon2.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionCenterBalloon2; animation-name: aniVisualMotionCenterBalloon2; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 3s; animation-delay: 3s; }
@-webkit-keyframes aniVisualMotionCenterBalloon2 { 0% { opacity: 0;
    -webkit-transform: translate(20px, 10px);
            transform: translate(20px, 10px); }
  10% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  40% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  90% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  100% { opacity: 0;
    -webkit-transform: translate(-60px, -40px);
            transform: translate(-60px, -40px); } }
@keyframes aniVisualMotionCenterBalloon2 { 0% { opacity: 0;
    -webkit-transform: translate(20px, 10px);
            transform: translate(20px, 10px); }
  10% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  40% { opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  90% { opacity: 1;
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px); }
  100% { opacity: 0;
    -webkit-transform: translate(-60px, -40px);
            transform: translate(-60px, -40px); } }
.main-index .visual-motion .visual-motion-center-board { width: 250px; height: 200px; background: url("../images/main/visual-motion-center-board.png") no-repeat; background-size: cover; position: absolute; top: 147px; right: 236px; }
.main-index .visual-motion .visual-motion-center-graph1 { width: 36px; height: 52px; background: url("../images/main/visual-motion-center-graph1.png") no-repeat; background-size: cover; position: absolute; top: 259px; right: 377px; }
.main-index .visual-motion .visual-motion-center-graph2 { width: 23px; height: 33px; background: url("../images/main/visual-motion-center-graph2.png") no-repeat; background-size: cover; position: absolute; top: 232px; right: 357px; }
.main-index .visual-motion .visual-motion-center-graph3 { width: 97px; height: 75px; background: url("../images/main/visual-motion-center-graph3.png") no-repeat; background-size: cover; position: absolute; top: 168px; right: 248px; }
.main-index .visual-motion .visual-motion-center-graph4 { width: 58px; height: 78px; background: url("../images/main/visual-motion-center-graph4.png") no-repeat; background-size: cover; position: absolute; top: 187px; right: 260px; }
.main-index .visual-motion .visual-motion-center-human1 { width: 89px; height: 192px; background: url("../images/main/visual-motion-center-human1.png") no-repeat; background-size: cover; position: absolute; top: 254px; right: 283px; }
.main-index .visual-motion .visual-motion-center-human2 { width: 42px; height: 172px; background: url("../images/main/visual-motion-center-human2.png") no-repeat; background-size: cover; position: absolute; top: 248px; right: 251px; }
.main-index .visual-motion .visual-motion-part1-base1 { width: 186px; height: 111px; background: url("../images/main/visual-motion-part1-base1.png") no-repeat; background-size: cover; position: absolute; top: 40px; right: 175px; }
.main-index .visual-motion .visual-motion-part1-doughnut1 { width: 77px; height: 47px; position: absolute; top: 64px; right: 228px; }
.main-index .visual-motion .visual-motion-part1-doughnut1 .img { width: 100%; height: 100%; background: url("../images/main/visual-motion-part1-doughnut1.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart1Doughnut1; animation-name: aniVisualMotionPart1Doughnut1; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniVisualMotionPart1Doughnut1 { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  2.14% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  8.56% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  21.42% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes aniVisualMotionPart1Doughnut1 { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  2.14% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  8.56% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  21.42% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.main-index .visual-motion .visual-motion-part1-doughnut2 { width: 32px; height: 26px; position: absolute; top: 48px; right: 235px; }
.main-index .visual-motion .visual-motion-part1-doughnut2 .img { width: 100%; height: 100%; background: url("../images/main/visual-motion-part1-doughnut2.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart1Doughnut2; animation-name: aniVisualMotionPart1Doughnut2; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniVisualMotionPart1Doughnut2 { 0% { -webkit-transform: translateY(16px); transform: translateY(16px); }
  2.14% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  4.28% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  8.56% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  21.42% { -webkit-transform: translateY(16px); transform: translateY(16px); }
  100% { -webkit-transform: translateY(16px); transform: translateY(16px); } }
@keyframes aniVisualMotionPart1Doughnut2 { 0% { -webkit-transform: translateY(16px); transform: translateY(16px); }
  2.14% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  4.28% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  8.56% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  21.42% { -webkit-transform: translateY(16px); transform: translateY(16px); }
  100% { -webkit-transform: translateY(16px); transform: translateY(16px); } }
.main-index .visual-motion .visual-motion-part1-base2 { width: 83px; height: 79px; background: url("../images/main/visual-motion-part1-base2.png") no-repeat; background-size: cover; position: absolute; top: 12px; right: 140px; }
.main-index .visual-motion .visual-motion-part2-base1 { width: 133px; height: 107px; position: absolute; top: 388px; right: 88px; }
.main-index .visual-motion .visual-motion-part2-base1 .visual-motion-part2-base1-top { width: 100%; height: 100%; background: url("../images/main/visual-motion-part1-base1-top.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }
.main-index .visual-motion .visual-motion-part2-base1 .visual-motion-part2-base1-bottom { width: 100%; height: 100%; background: url("../images/main/visual-motion-part1-base1-bottom.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }
.main-index .visual-motion .visual-motion-part2-base1 .visual-motion-part2-base1-card1 { width: 56px; height: 31px; background: url("../images/main/visual-motion-part2-base1-card1.png") no-repeat; background-size: cover; position: absolute; top: 25px; left: 25px; -webkit-animation-name: aniVisualMotionPart2Base1Card1; animation-name: aniVisualMotionPart2Base1Card1; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
@-webkit-keyframes aniVisualMotionPart2Base1Card1 { 0% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10.71% { opacity: 1;
    -webkit-transform: translate(60px, 45px);
            transform: translate(60px, 45px); }
  17.13% { opacity: 1;
    -webkit-transform: translate(60px, 45px);
            transform: translate(60px, 45px); }
  21.42% { opacity: 0;
    -webkit-transform: translate(60px, 45px);
            transform: translate(60px, 45px); }
  100% { opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@keyframes aniVisualMotionPart2Base1Card1 { 0% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10.71% { opacity: 1;
    -webkit-transform: translate(60px, 45px);
            transform: translate(60px, 45px); }
  17.13% { opacity: 1;
    -webkit-transform: translate(60px, 45px);
            transform: translate(60px, 45px); }
  21.42% { opacity: 0;
    -webkit-transform: translate(60px, 45px);
            transform: translate(60px, 45px); }
  100% { opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
.main-index .visual-motion .visual-motion-part2-base1 .visual-motion-part2-base1-card2 { width: 56px; height: 31px; background: url("../images/main/visual-motion-part2-base1-card2.png") no-repeat; background-size: cover; position: absolute; top: 25px; left: 25px; -webkit-animation-name: aniVisualMotionPart2Base1Card2; animation-name: aniVisualMotionPart2Base1Card2; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
@-webkit-keyframes aniVisualMotionPart2Base1Card2 { 0% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  4.28% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  14.99% { opacity: 1;
    -webkit-transform: translate(50px, 30px);
            transform: translate(50px, 30px); }
  20.64% { opacity: 1;
    -webkit-transform: translate(50px, 30px);
            transform: translate(50px, 30px); }
  21.82% { opacity: 0;
    -webkit-transform: translate(50px, 30px);
            transform: translate(50px, 30px); }
  100% { opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@keyframes aniVisualMotionPart2Base1Card2 { 0% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  4.28% { opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  14.99% { opacity: 1;
    -webkit-transform: translate(50px, 30px);
            transform: translate(50px, 30px); }
  20.64% { opacity: 1;
    -webkit-transform: translate(50px, 30px);
            transform: translate(50px, 30px); }
  21.82% { opacity: 0;
    -webkit-transform: translate(50px, 30px);
            transform: translate(50px, 30px); }
  100% { opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
.main-index .visual-motion .visual-motion-part2-base2 { width: 149px; height: 178px; background: url("../images/main/visual-motion-part2-base2.png") no-repeat; background-size: cover; position: absolute; top: 249px; right: 0; }
.main-index .visual-motion .visual-motion-part2-symbol { width: 53px; height: 64px; background: url("../images/main/visual-motion-part2-symbol.png") no-repeat; background-size: cover; position: absolute; top: 350px; right: 150px; }
.main-index .visual-motion .visual-motion-part3-base1 { width: 129px; height: 89px; background: url("../images/main/visual-motion-part3-base1.png") no-repeat; background-size: cover; position: absolute; top: 398px; right: 674px; }
.main-index .visual-motion .visual-motion-part3-paper { width: 40px; height: 87px; position: absolute; top: 338px; right: 747px; }
.main-index .visual-motion .visual-motion-part3-paper .img { width: 100%; height: 100%; background: url("../images/main/visual-motion-part3-paper.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart3Paper; animation-name: aniVisualMotionPart3Paper; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 4.1s; animation-delay: 4.1s; }
@-webkit-keyframes aniVisualMotionPart3Paper { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  3.21% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  21.42% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes aniVisualMotionPart3Paper { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  3.21% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  21.42% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.main-index .visual-motion .visual-motion-part4-base1 { width: 126px; height: 91px; position: absolute; top: 139px; right: 644px; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-front { width: 100%; height: 100%; background: url("../images/main/visual-motion-part4-base1-front.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-back { width: 100%; height: 100%; background: url("../images/main/visual-motion-part4-base1-back.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-bar { width: 71px; height: 75px; position: absolute; top: -30px; left: 15px; overflow: hidden; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-bar1 { width: 100%; height: 100%; background: url("../images/main/visual-motion-part4-base1-bar1.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart4Base1Bar; animation-name: aniVisualMotionPart4Base1Bar; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 5.9s; animation-delay: 5.9s; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-bar2 { width: 100%; height: 100%; background: url("../images/main/visual-motion-part4-base1-bar2.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart4Base1Bar; animation-name: aniVisualMotionPart4Base1Bar; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 6.4s; animation-delay: 6.4s; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-bar3 { width: 100%; height: 100%; background: url("../images/main/visual-motion-part4-base1-bar3.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart4Base1Bar; animation-name: aniVisualMotionPart4Base1Bar; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 6.9s; animation-delay: 6.9s; }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-bar4 { width: 100%; height: 100%; background: url("../images/main/visual-motion-part4-base1-bar4.png") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; -webkit-animation-name: aniVisualMotionPart4Base1Bar; animation-name: aniVisualMotionPart4Base1Bar; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 7.4s; animation-delay: 7.4s; }
@-webkit-keyframes aniVisualMotionPart4Base1Bar { 0% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  1.54% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  5.35% { opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px); }
  18.20% { opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px); }
  19.87% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  21.42% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes aniVisualMotionPart4Base1Bar { 0% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  1.54% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  5.35% { opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px); }
  18.20% { opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px); }
  19.87% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  21.42% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.main-index .visual-motion .visual-motion-part4-base1 .visual-motion-part4-base1-partition { width: 100px; height: 40px; }
.main-index .guide-info { margin-top: 50px; }
.main-index .guide-info:after { content: ""; display: block; clear: both; }
.main-index .guide-info > .title { float: left; box-sizing: border-box; width: 210px; line-height: 1.2; padding-right: 18px; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; }
.main-index .guide-info .list { float: left; width: calc(100% - 210px); }
.main-index .guide-info .list:after { content: ""; display: block; clear: both; }
.main-index .guide-info .list li { float: left; box-sizing: border-box; width: calc((100% - 270px) / 4); height: 250px; margin-left: 90px; position: relative; }
.main-index .guide-info .list li:first-child { margin-left: 0; }
.main-index .guide-info .list li:first-child:after { content: none; }
.main-index .guide-info .list li:after { content: ''; display: block; width: 48px; height: 33px; background: url("../images/main/guide-arrow.png") no-repeat; background-size: cover; position: absolute; top: 7px; left: -68px; }
.main-index .guide-info .list .icon { height: 80px; background-repeat: no-repeat; background-position: center 0; }
.main-index .guide-info .list .icon.register { background-image: url("../images/main/icon-register.png"); background-size: 48px 48px; }
.main-index .guide-info .list .icon.prepare { background-image: url("../images/main/icon-prepare.png"); background-size: 46px 48px; }
.main-index .guide-info .list .icon.use { background-image: url("../images/main/icon-use.png"); background-size: 47px 48px; }
.main-index .guide-info .list .icon.archive { background-image: url("../images/main/icon-archive.png"); background-size: 48px 48px; }
.main-index .guide-info .list .wrap { box-sizing: border-box; height: 170px; padding: 15px 10px; border-top: 1px solid #e7e8ee; border-bottom: 1px solid #e7e8ee; overflow: hidden; }
.main-index .guide-info .list a { display: block; }
.main-index .guide-info .list a:hover .tit { text-decoration: underline; }
.main-index .guide-info .list a:hover .more { color: #222; }
.main-index .guide-info .list a:hover .more:after { background-image: url("../images/main/btn-more-active.png"); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.main-index .guide-info .list .title { color: #101010; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 24px; }
.main-index .guide-info .list .num { display: block; line-height: 1.4; margin-bottom: 10px; color: #00a78d; font-weight: 500; font-size: 18px; }
.main-index .guide-info .list .tit { display: block; line-height: 1.4; }
.main-index .guide-info .list .more { display: inline-block; padding: 4px 20px 4px 0; margin-top: 6px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; position: relative; transition: all .2s; }
.main-index .guide-info .list .more:after { content: ''; display: block; width: 11px; height: 11px; background: url("../images/main/btn-more.png") no-repeat; background-size: cover; position: absolute; top: 11px; right: 0; -webkit-transform: rotate(0); transform: rotate(0); transition: all .2s; }
.main-index .user-status { margin-top: 50px; }
.main-index .user-status .link > .title { display: inline-block; margin-bottom: 50px; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; letter-spacing: -.025em; position: relative; }
.main-index .user-status .link > .title:after { content: ''; display: block; width: 100%; height: 3px; background-color: #222; position: absolute; bottom: 0; left: 0; }
.main-index .user-status .link:hover .title:after{ content: ''; display: block; width: 100%; height: 5px; background-color: #08aa91; position: absolute; bottom: 0; left: 0; }
.main-index .user-status .link > .title .green { color: #08aa91; vertical-align: top; }
.main-index .user-status > .content:after { content: ""; display: block; clear: both; }
.main-index .user-status .info { float: left; box-sizing: border-box; width: 280px; padding: 8px 20px 8px 0; margin-right: 20px; border-right: 1px solid #e7e8ee; position: relative; }
.main-index .user-status .info .title { color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 26px; }
.main-index .user-status .info .desc { margin-top: 30px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; }
.main-index .user-status .info .desc .str { font-weight: 500; vertical-align: top; }
.main-index .user-status .info .desc .link { font-weight: 500; vertical-align: top; cursor: pointer; }
.main-index .user-status .info .desc .link:hover { text-decoration: underline; }
.main-index .user-status .info .list { width: 100%; margin-top: 30px; }
.main-index .user-status .info .list li { width: 100%; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; /*overflow: hidden;*/ white-space: nowrap; }
.main-index .user-status .info .list .con { display: inline-block; width: 220px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-index .user-status .info .list a.con { display: inline-block; width: 220px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-index .user-status .info .list a.con:hover { text-decoration: underline; }
.main-index .user-status .info .btn-more { position: absolute; top: 15px; left: 135px; }
.main-index .user-status .info .btn-more .link { display: block; width: 25px; height: 0; max-height: 0; padding-top: 25px; background: url("../images/main/btn-more.png") no-repeat; background-size: 15px 15px; background-position: center center; overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0); transition: all .2s; }
.main-index .user-status .info .btn-more .link:hover { background-image: url("../images/main/btn-more-active.png"); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.main-index .user-status .info .empty { padding: 39px 10px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; }
.main-index .user-status .status-list { float: left; width: 600px; font-size: 0; text-align: center; }
.main-index .user-status .status-list li { display: inline-block; width: 25%; }
.main-index .user-status .status-list .icon { width: 84px; height: 84px; margin: 0 auto 6px; background-color: #f3f6f8; border-radius: 42px; background-repeat: no-repeat; background-position: center center; }
.main-index .user-status .status-list .icon.register { background-image: url("../images/common/icon-register.png"); background-size: 32px 32px; }
.main-index .user-status .status-list .icon.prepare { background-image: url("../images/common/icon-prepare.png"); background-size: 32px 36px; }
.main-index .user-status .status-list .icon.perform { background-image: url("../images/common/icon-perform.png"); background-size: 32px 32px; }
.main-index .user-status .status-list .icon.complete { background-image: url("../images/common/icon-complete.png"); background-size: 28px 28px; }
.main-index .user-status .status-list .tit { display: block; color: #101010; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; text-align: center; }
.main-index .user-status .status-list .count { display: block; margin-top: 5px; color: #494e65; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; text-align: center; }
.main-index .user-status .status-list .count .num { display: inline-block; line-height: 40px; margin-left: 5px; color: #00a78d; font-weight: 700; font-size: 40px; vertical-align: bottom; }
.main-index .guide-data { padding: 46px 50px; background-color: #fff; border: 1px solid #e7e8ee; border-radius: 5px; position: relative; }
.user-guide { font-size: 14px; font-weight: 400; color:#696969; padding:16px 0 0 0; }
.user-guide .link { font-weight: 500; vertical-align: top; }
.main-index .guide-data > .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; }
.main-index .guide-data > .desc { margin-top: 6px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; }
.main-index .guide-data > .list { margin-top: 26px; }
.main-index .guide-data > .list:after { content: ""; display: block; clear: both; }
.main-index .guide-data .item { float: left; box-sizing: border-box; width: calc((100% - 60px) / 3); height: 255px; padding: 95px 10px 10px; border: solid 4px #e2f5f1; border-radius: 10px; overflow: hidden; position: relative; }
.main-index .guide-data .link .item { margin-left: 30px; }
.main-index .guide-data .list .item:hover { background-color : #e2f5f1; transition-delay: 0.1s;}
.main-index .guide-data .list .item:hover .num{ text-decoration : underline; }
.main-index .guide-data .item .tit { color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; text-align: center; }
.main-index .guide-data .item .count { width: 100%; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; text-align: center; position: absolute; top: 26px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.main-index .guide-data .item .count .num { display: inline-block; line-height: 50px; color: #00a78d; font-weight: 700; font-size: 50px; vertical-align: bottom; }
.main-index .guide-data .item .desc { margin-top: 10px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; text-align: center; }
.main-index .guide-data .btn-more { position: absolute; top: 54px; left: 190px; }
.main-index .guide-data .btn-more .link { display: block; width: 25px; height: 0; max-height: 0; padding-top: 25px; background: url("../images/main/btn-more.png") no-repeat; background-size: 15px 15px; background-position: center center; overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0); transition: all .2s; }
.main-index .guide-data .btn-more .link:hover { background-image: url("../images/main/btn-more-active.png"); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.main-index .grid-wrap { margin-top: 40px; }
.main-index .grid-wrap:after { content: ""; display: block; clear: both; }
.main-index .grid-wrap .column { float: right; width: 580px; }
.main-index .grid-wrap .visual-motion-3 { width: 685px; height: 400px; position: absolute; top: 895px; left: 40px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-track { width: 193px; height: 136px; background: url("../images/main/visual-motion-3-track.png") no-repeat; background-size: cover; position: absolute; top: 150px; right: 275px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-device { width: 288px; height: 334px; background: url("../images/main/visual-motion-3-device.png") no-repeat; background-size: cover; position: absolute; top: 0; right: 0; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-device2 { width: 53px; height: 81px; background: url("../images/main/visual-motion-3-device2.png") no-repeat; background-size: cover; position: absolute; top: 175px; right: 330px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-device3 { width: 52px; height: 81px; background: url("../images/main/visual-motion-3-device3.png") no-repeat; background-size: cover; position: absolute; top: 205px; right: 385px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-device4 { width: 53px; height: 80px; background-image: url("../images/main/visual-motion-3-device4-active.png"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 235px; right: 440px; -webkit-animation-name: aniVisualMotion3Device4; animation-name: aniVisualMotion3Device4; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniVisualMotion3Device4 { 0% { background-image: url("../images/main/visual-motion-3-device4.png"); }
  15% { background-image: url("../images/main/visual-motion-3-device4-active.png"); }
  30% { background-image: url("../images/main/visual-motion-3-device4-active.png"); }
  75% { background-image: url("../images/main/visual-motion-3-device4-active.png"); }
  100% { background-image: url("../images/main/visual-motion-3-device4.png"); } }
@keyframes aniVisualMotion3Device4 { 0% { background-image: url("../images/main/visual-motion-3-device4.png"); }
  15% { background-image: url("../images/main/visual-motion-3-device4-active.png"); }
  30% { background-image: url("../images/main/visual-motion-3-device4-active.png"); }
  75% { background-image: url("../images/main/visual-motion-3-device4-active.png"); }
  100% { background-image: url("../images/main/visual-motion-3-device4.png"); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-shadow { width: 67px; height: 29px; background: url("../images/main/visual-motion-3-shadow.png") no-repeat; background-size: cover; position: absolute; top: 348px; right: 244px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-human { width: 63px; height: 118px; background: url("../images/main/visual-motion-3-human.png") no-repeat; background-size: cover; position: absolute; top: 250px; right: 238px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-graph { width: 71px; height: 69px; background: url("../images/main/visual-motion-3-graph.png") no-repeat; background-size: cover; position: absolute; top: 115px; right: 191px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-mail { width: 38px; height: 45px; background: url("../images/main/visual-motion-3-mail.png") no-repeat; background-size: cover; position: absolute; top: 167px; right: 225px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-graph2 { width: 25px; height: 33px; background: url("../images/main/visual-motion-3-graph2.png") no-repeat; background-size: cover; position: absolute; top: 196px; right: 192px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-graph3 { width: 78px; height: 66px; background: url("../images/main/visual-motion-3-graph3.png") no-repeat; background-size: cover; position: absolute; top: 219px; right: 190px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-document { width: 47px; height: 92px; background: url("../images/main/visual-motion-3-document.png") no-repeat; background-size: cover; position: absolute; top: 122px; right: 524px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain { width: 91px; height: 180px; position: absolute; top: 67px; right: 503px; }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain1 { width: 2px; height: 25px; background-color: #43d9bd; position: absolute; top: 72px; left: 0; -webkit-animation-name: aniRain1; animation-name: aniRain1; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain1 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
@keyframes aniRain1 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain2 { width: 2px; height: 20px; background-color: #43d9bd; position: absolute; top: 27px; left: 11px; -webkit-animation-name: aniRain2; animation-name: aniRain2; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain2 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
@keyframes aniRain2 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain3 { width: 2px; height: 13px; background-color: #ffc50b; position: absolute; top: 0; left: 30px; -webkit-animation-name: aniRain3; animation-name: aniRain3; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain3 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
@keyframes aniRain3 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain4 { width: 2px; height: 14px; background-color: #2a3a58; position: absolute; top: 37px; left: 49px; -webkit-animation-name: aniRain4; animation-name: aniRain4; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain4 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
@keyframes aniRain4 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain5 { width: 2px; height: 16px; background-color: #43d9bd; position: absolute; top: 163px; left: 53px; -webkit-animation-name: aniRain5; animation-name: aniRain5; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain5 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
@keyframes aniRain5 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain6 { width: 2px; height: 20px; background-color: #ffc50b; position: absolute; top: 39px; left: 77px; -webkit-animation-name: aniRain6; animation-name: aniRain6; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain6 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
@keyframes aniRain6 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain7 { width: 2px; height: 22px; background-color: #2a3a58; position: absolute; top: 79px; left: 89px; -webkit-animation-name: aniRain7; animation-name: aniRain7; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain7 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
@keyframes aniRain7 { 0% { opacity: 1;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); } }
.main-index .grid-wrap .visual-motion-3 .visual-motion-3-rain .rain8 { width: 2px; height: 20px; background-color: #43d9bd; position: absolute; top: 143px; left: 88px; -webkit-animation-name: aniRain8; animation-name: aniRain8; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes aniRain8 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
@keyframes aniRain8 { 0% { opacity: 1;
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px); }
  100% { opacity: 0;
    -webkit-transform: translateY(90px);
            transform: translateY(90px); } }
.main-index .analysis { float: left; box-sizing: border-box; width: 580px; padding: 46px 50px; background-color: #fff; border: 1px solid #e7e8ee; border-radius: 5px; }
.main-index .analysis > .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; }
.main-index .analysis > .desc { margin-top: 6px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; }
.main-index .analysis > .btn-area { margin-top: 16px; font-size: 0; }
.main-index .analysis > .btn-area .btn { margin-left: 20px; }
.main-index .analysis > .btn-area .btn:first-child { margin-left: 0; }
.main-index .notice { height: 168px; padding: 46px 50px; margin-bottom: 30px; background-color: #fff; border: 1px solid #e7e8ee; border-radius: 5px; letter-spacing: -.025em; position: relative; }
.main-index .notice > .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; }
.main-index .notice .list { margin-top: 12px; }
.main-index .notice .list li { width: 100%; margin-top: 4px; }
.main-index .notice .list li:first-child { margin-top: 0; }
.main-index .notice .list a { display: block; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-index .notice .list a:hover { text-decoration: underline; }
.main-index .notice .btn-more { position: absolute; top: 54px; left: 160px; }
.main-index .notice .btn-more .link { display: block; width: 25px; height: 0; max-height: 0; padding-top: 25px; background: url("../images/main/btn-more.png") no-repeat; background-size: 15px 15px; background-position: center center; overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0); transition: all .2s; }
.main-index .notice .btn-more .link:hover { background-image: url("../images/main/btn-more-active.png"); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.main-index .faq { padding: 46px 50px; background-color: #fff; border: 1px solid #e7e8ee; border-radius: 5px; letter-spacing: -.025em; position: relative; }
.main-index .faq > .title { line-height: 1.4; color: #222; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; }
.main-index .faq .list { margin-top: 12px; }
.main-index .faq .list li { width: 100%; margin-top: 10px; }
.main-index .faq .list li:first-child { margin-top: 0; }
.main-index .faq .list a { display: block; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-index .faq .list a:hover { text-decoration: underline; }
.main-index .faq .list .type { display: inline-block; height: 24px; line-height: 22px; padding: 0 6px; margin-right: 6px; border: 1px solid #494e65; border-radius: 3px; color: #222; font-weight: 400; font-size: 14px; vertical-align: top; }
.main-index .faq .btn-more { position: absolute; top: 54px; left: 110px; }
.main-index .faq .btn-more .link { display: block; width: 25px; height: 0; max-height: 0; padding-top: 25px; background: url("../images/main/btn-more.png") no-repeat; background-size: 15px 15px; background-position: center center; overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0); transition: all .2s; }
.main-index .faq .btn-more .link:hover { background-image: url("../images/main/btn-more-active.png"); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.main-index .main-section.ready .intro .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .main-section.ready .intro .desc { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .main-section.ready .intro .btn-area { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-bg { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-base1 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-base2 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-base3 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-base4 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-base5 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-data { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-cloud { opacity: 0; -webkit-transform: translateY(-25px); transform: translateY(-25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-board { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-human1 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-human2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-graph1 { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-graph2 { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-graph3 { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-graph4 { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-balloon1 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-center-balloon2 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part1-base1 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part1-base2 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part1-doughnut { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part2-base1 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part2-base2 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part2-symbol { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part2-base1-card { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part3-base1 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part3-paper { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part4-base1 { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .visual-motion .visual-motion-part4-base1-bar { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); transition: all .01s; }
.main-index .main-section.ready .guide-info > .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .main-section.ready .guide-info .list li { opacity: 0; transition: all .01s; }
.main-index .main-section.ready .guide-info .list li:after { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); transition: all .01s; }
.main-index .main-section.ready .guide-info .list .wrap { height: 0; padding: 0 10px; transition: all .01s; }
.main-index .main-section.ready .user-status > .title { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: all .01s; }
.main-index .main-section.ready .user-status .info .title { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .user-status .info .desc { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .user-status .info .list { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .user-status .info .btn-area { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .user-status .info .empty { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready .user-status .status-list li { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .main-section.ready.in .intro .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s; }
.main-index .main-section.ready.in .intro .desc { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .2s; }
.main-index .main-section.ready.in .intro .btn-area { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .main-section.ready.in .visual-motion { opacity: 1; transition: all .6s .6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-bg { opacity: 1; transition: all .6s .6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-base1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-base2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.4s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-base3 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-base4 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.8s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-base5 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-data { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2.4s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-cloud { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-board { opacity: 1; transition: all .4s 3.2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-human1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 1.2s 4s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-human2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 1.2s 4.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-graph1 { opacity: 1; transition: all .6s 5.4s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-graph2 { opacity: 1; transition: all .6s 5.5s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-graph3 { opacity: 1; transition: all .6s 5.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-graph4 { opacity: 1; transition: all .6s 5.7s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-balloon1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-center-balloon2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 6.1s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part1-base1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part1-base2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.3s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part1-doughnut { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 7.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part2-base1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part2-base2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.3s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part2-symbol { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 7.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part2-base1-card { opacity: 1; transition: all .6s 7.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part3-base1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part3-paper { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 7.6s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part4-base1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.2s; }
.main-index .main-section.ready.in .visual-motion .visual-motion-part4-base1-bar { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 7.6s; }
.main-index .main-section.ready.in .guide-info > .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s 1s; }
.main-index .main-section.ready.in .guide-info .list li { opacity: 1; }
.main-index .main-section.ready.in .guide-info .list li:after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); transition: all .6s .8s; }
.main-index .main-section.ready.in .guide-info .list li:first-child { transition: all .6s 1s; }
.main-index .main-section.ready.in .guide-info .list li:first-child:after { transition-delay: 1.1s; }
.main-index .main-section.ready.in .guide-info .list li:first-child .wrap { transition-delay: 1.1s; }
.main-index .main-section.ready.in .guide-info .list li:nth-child(2) { transition: all .6s 1.2s; }
.main-index .main-section.ready.in .guide-info .list li:nth-child(2) .wrap { transition-delay: 1.3s; }
.main-index .main-section.ready.in .guide-info .list li:nth-child(3) { transition: all .6s 1.4s; }
.main-index .main-section.ready.in .guide-info .list li:nth-child(3) .wrap { transition-delay: 1.5s; }
.main-index .main-section.ready.in .guide-info .list li:nth-child(4) { transition: all .6s 1.6s; }
.main-index .main-section.ready.in .guide-info .list li:nth-child(4) .wrap { transition-delay: 1.7s; }
.main-index .main-section.ready.in .guide-info .list .wrap { height: 170px; padding: 15px 10px; transition: all .6s; }
.main-index .main-section.ready.in .user-status > .title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1s; }
.main-index .main-section.ready.in .user-status .info:first-child .title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.4s; }
.main-index .main-section.ready.in .user-status .info:first-child .list { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.5s; }
.main-index .main-section.ready.in .user-status .info:first-child .btn-area { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.4s; }
.main-index .main-section.ready.in .user-status .info:first-child .empty { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.5s; }
.main-index .main-section.ready.in .user-status .info:nth-child(2) .title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.6s; }
.main-index .main-section.ready.in .user-status .info:nth-child(2) .desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.7s; }
.main-index .main-section.ready.in .user-status .info:nth-child(2) .btn-area { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.6s; }
.main-index .main-section.ready.in .user-status .info:nth-child(2) .empty { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.7s; }
.main-index .main-section.ready.in .user-status .status-list li:first-child { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.8s; }
.main-index .main-section.ready.in .user-status .status-list li:nth-child(2) { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.9s; }
.main-index .main-section.ready.in .user-status .status-list li:nth-child(3) { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2s; }
.main-index .main-section.ready.in .user-status .status-list li:nth-child(4) { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2.1s; }
.main-index .main-section2 .head.ready .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .main-section2 .head.ready.in .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s; }
.main-index .visual-motion-2.ready { opacity: 0; transition: all .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-cloud { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-circle { opacity: 0; transition: all .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-human { opacity: 0; transition: all .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-balloon { opacity: 0; transition: all .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-device { opacity: 0; transition: opacity .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-graph { opacity: 0; transition: opacity .01s; }
.main-index .visual-motion-2.ready .visual-motion-2-graph2 { opacity: 0; transition: opacity .01s; }
.main-index .visual-motion-2.ready.in { opacity: 1; transition: all .6s .6s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-cloud { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .4s .8s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-circle { opacity: 1; transition: all .6s 1.3s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-human { opacity: 1; transition: all .6s 1.1s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-balloon { opacity: 1; transition: all .6s 2s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-device { opacity: 1; transition: opacity .6s 2.6s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-graph { opacity: 1; transition: opacity .6s 3s; }
.main-index .visual-motion-2.ready.in .visual-motion-2-graph2 { opacity: 1; transition: opacity .6s 3.2s; }
.main-index .guide-data.ready { opacity: 0; transition: all .01s; }
.main-index .guide-data.ready > .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .guide-data.ready > .desc { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .guide-data.ready > .list .item { opacity: 0; transition: all .01s; }
.main-index .guide-data.ready .btn-area { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .guide-data.ready.in { opacity: 1; transition: all .6s; }
.main-index .guide-data.ready.in > .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .guide-data.ready.in > .desc { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .6s; }
.main-index .guide-data.ready.in > .list .item { opacity: 1; transition: all .8s; }
.main-index .guide-data.ready.in > .list .item:first-child { transition-delay: .8s; }
.main-index .guide-data.ready.in > .list .item:nth-child(2) { transition-delay: 1s; }
.main-index .guide-data.ready.in > .list .item:nth-child(3) { transition-delay: 1.2s; }
.main-index .guide-data.ready.in > .list .item:nth-child(4) { transition-delay: 1.4s; }
.main-index .guide-data.ready.in .btn-area { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .grid-wrap.ready .analysis { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .analysis > .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .analysis > .desc { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .analysis > .btn-area { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .notice { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .notice > .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .notice .list { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .notice .btn-area { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .faq { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .faq > .title { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .faq .list { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .faq .btn-area { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-track { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-device { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-device2 { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-device3 { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-device4 { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-shadow { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-human { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-graph { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-mail { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-graph2 { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-graph3 { opacity: 0; transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-document { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .01s; }
.main-index .grid-wrap.ready .visual-motion-3 .visual-motion-3-rain { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); transition: all .01s; }
.main-index .grid-wrap.ready.in .analysis { opacity: 1; transition: all .6s; }
.main-index .grid-wrap.ready.in .analysis > .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .grid-wrap.ready.in .analysis > .desc { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .6s; }
.main-index .grid-wrap.ready.in .analysis > .btn-area { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .8s; }
.main-index .grid-wrap.ready.in .notice { opacity: 1; transition: all .6s; }
.main-index .grid-wrap.ready.in .notice > .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .grid-wrap.ready.in .notice .list { height: 140px; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .6s; /*overflow: hidden;*/ }
.main-index .grid-wrap.ready.in .notice .btn-area { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .grid-wrap.ready.in .faq { opacity: 1; transition: all .6s; }
.main-index .grid-wrap.ready.in .faq > .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .grid-wrap.ready.in .faq .list { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .6s; }
.main-index .grid-wrap.ready.in .faq .btn-area { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: all .6s .4s; }
.main-index .grid-wrap.ready.in .visual-motion-3 { opacity: 1; transition: all .6s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-track { opacity: 1; transition: all .6s 1.4s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-device { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s .8s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-device2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.6s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-device3 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 1.8s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-device4 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-shadow { opacity: 1; transition: all .6s 2.4s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-human { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 2.2s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-graph { opacity: 1; transition: all .6s 2.6s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-mail { opacity: 1; transition: all .6s 2.7s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-graph2 { opacity: 1; transition: all .6s 2.8s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-graph3 { opacity: 1; transition: all .6s 2.9s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-document { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all .6s 3.6s; }
.main-index .grid-wrap.ready.in .visual-motion-3 .visual-motion-3-rain { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 1s 3.2s; }
.section-intro .visual-intro .visual-intro-bg { width: 617px; height: 182px; background: url("../images/intro/visual-intro-bg.png") no-repeat; background-size: cover; position: absolute; top: 38px; right: 0; }
.section-intro .visual-intro .visual-intro-device1 { width: 254px; height: 288px; background: url("../images/intro/visual-intro-device1.png") no-repeat; background-size: cover; position: absolute; top: -43px; right: 289px; }
.section-intro .visual-intro .visual-intro-device2 { width: 170px; height: 163px; position: absolute; top: 77px; right: 552px; }
.section-intro .visual-intro .visual-intro-device2-front { width: 100%; height: 100%; background: url("../images/intro/visual-intro-device2-front.png") no-repeat; background-size: cover; position: absolute; top: 0; right: 0; }
.section-intro .visual-intro .visual-intro-paper { width: 48px; height: 68px; margin: 0; background: url("../images/intro/visual-intro-paper.png") no-repeat; background-size: cover; position: absolute; top: -21px; left: 91px; }
.section-intro .visual-intro .visual-intro-device2-back { width: 100%; height: 100%; background: url("../images/intro/visual-intro-device2-back.png") no-repeat; background-size: cover; position: absolute; top: 0; right: 0; }
.section-intro .visual-intro .visual-intro-device3 { width: 41px; height: 116px; background: url("../images/intro/visual-intro-device3.png") no-repeat; background-size: cover; position: absolute; top: 38px; right: 232px; }
.section-intro .visual-intro .visual-intro-device4 { width: 41px; height: 116px; background: url("../images/intro/visual-intro-device4.png") no-repeat; background-size: cover; position: absolute; top: 60px; right: 196px; }
.section-intro .visual-intro .visual-intro-device5 { width: 41px; height: 116px; background: url("../images/intro/visual-intro-device5.png") no-repeat; background-size: cover; position: absolute; top: 80px; right: 159px; }
.section-intro .visual-intro .visual-intro-human { width: 44px; height: 130px; background: url("../images/intro/visual-intro-human.png") no-repeat; background-size: cover; position: absolute; top: 106px; right: 492px; }
.section-intro .visual-intro .visual-intro-bg { opacity: 0; transition: all .4s .4s; }
.section-intro .visual-intro .visual-intro-device1 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.section-intro .visual-intro .visual-intro-device2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.section-intro .visual-intro .visual-intro-device3 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1.2s; }
.section-intro .visual-intro .visual-intro-device4 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1.3s; }
.section-intro .visual-intro .visual-intro-device5 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1.4s; }
.section-intro .visual-intro .visual-intro-human { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all 1s 1.8s; }
.section-intro .visual-intro .visual-intro-paper { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); transition: all .8s 2.4s; }
.init .section-intro .visual-intro .visual-intro-bg { opacity: 1; }
.init .section-intro .visual-intro .visual-intro-device1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-intro .visual-intro .visual-intro-device2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-intro .visual-intro .visual-intro-device3 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-intro .visual-intro .visual-intro-device4 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-intro .visual-intro .visual-intro-device5 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-intro .visual-intro .visual-intro-human { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-intro .visual-intro .visual-intro-paper { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.section-intro .intro-overview { padding: 100px 40px 0; }
.section-intro .intro-overview .overview-head-wrap .tit { line-height: 1.3; }
.section-intro .intro-overview .overview-head-wrap .tit p { font-size: 34px; font-weight: 500; text-align: center; color: #222; }
.section-intro .intro-overview .overview-head-wrap .tit p span { color: #00a78d; vertical-align: top; }
.section-intro .intro-overview .overview-head-wrap .sub-tit { margin-top: 20px; }
.section-intro .intro-overview .overview-head-wrap .sub-tit p { font-size: 18px; font-weight: 400; text-align: center; color: #222; }
.section-intro .intro-overview .overview-head-wrap .desc { padding-top: 30px; margin-top: 30px; border-top: 1px solid #eee; }
.section-intro .intro-overview .overview-head-wrap .desc p { font-size: 18px; font-weight: 400; text-align: center; color: #696969; }
.section-intro .intro-overview .overview-head-wrap .desc p:last-child { margin-top: 30px; }
.section-intro .intro-overview .overview-foot-wrap { width: 1920px; padding: 60px 0 100px; margin-top: 60px; margin-left: -352px; text-align: center; background-color: #f8fafc; }
.section-intro .intro-overview .overview-foot-wrap .tit { max-width: 1200px; margin: 0 auto; font-size: 26px; font-weight: 500; text-align: left; color: #222; }
.section-intro .intro-overview .overview-foot-wrap .inner { margin-top: 20px; }
.section-intro .intro-overview .overview-foot-wrap .inner .box { display: inline-block; margin-left: 48px; border: 4px solid #e2f5f1; border-radius: 5px; }
.section-intro .intro-overview .overview-foot-wrap .inner .box:first-child { margin-left: 0; }
.section-intro .intro-overview .overview-foot-wrap .inner .box .service { padding: 40px 60px; background-color: #fff; }
.section-intro .intro-overview .overview-foot-wrap .inner .box .service dt { width: 90px; height: 90px; margin: 0 auto 30px; font-size: 32px; font-weight: bold; line-height: 86px; border-radius: 50%; background-color: #f3f6f8; color: #00a78d; }
.section-intro .intro-overview .overview-foot-wrap .inner .box .service dd { font-size: 22px; font-weight: 500; text-align: center; color: #222; }
.section-intro .intro-overview .overview-foot-wrap .inner .box .service dd span { display: block; margin-top: 20px; font-size: 16px; font-weight: 500; color: #696969; }
.section-intro .intro-regulation .info-layout { padding: 40px 50px 55px; }
.section-intro .intro-regulation .info-layout .head .sub-title { margin-top: 20px; font-size: 18px; font-weight: 400; text-align: center; color: #222; }
.section-intro .intro-regulation .info-layout .head .sub-title span { display: block; }
.section-intro .intro-regulation .license-wrap.line { padding-bottom: 50px; border-bottom: 1px solid #949494; }
.section-intro .intro-regulation .license-wrap.line .license-list { margin-top: 35px; }
.section-intro .intro-regulation .license-wrap .license-tit span { font-size: 16px; font-weight: 300; color: #696969; }
.section-intro .intro-regulation .page-foot .btn-area .btn.large { min-width: 160px; }
.section-intro .intro-regulation .title1 {margin-top:40px; font-size: 26px; font-weight: 500; color: #222; }
.section-intro .intro-regulation .title2 {margin:24px 0; font-size: 20px; font-weight: 500; color: #222; }
.section-intro .intro-organization .organization-wrap { position: relative; }
.section-intro .intro-organization .organization-wrap:before { content: ''; display: inline-block; width: 868px; height: 246px; background: url("../images/intro/organization-bg.png") no-repeat; background-size: cover; position: absolute; top: 76px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.section-intro .intro-organization .organization-wrap .page-head { position: relative; margin-bottom: 129px; }
.section-intro .intro-organization .organization-wrap .page-head .organization.data-service { text-align: center; }
.section-intro .intro-organization .organization-wrap .page-head .organization.data-service span { font-size: 25px; font-weight: 500; border-radius: 50px; border-color: #43d9bd; background-color: #43d9bd; color: #333; }
.section-intro .intro-organization .organization-wrap .page-head .organization.committee { margin-top: 40px; text-align: right; }
.section-intro .intro-organization .organization-wrap .page-head .organization.committee span { padding: 0 78px; font-size: 20px; font-weight: 500; border-radius: 5px; background-color: #2e3d59; color: #fff; }
.section-intro .intro-organization .organization-wrap .page-head .organization span { box-sizing: border-box; display: inline-block; min-width: 120px; height: 76px; line-height: 74px; padding: 0 58px; background-color: #757575; border: 1px solid #757575; border-radius: 0; font-family: "Noto Sans KR"; font-weight: 400; color: #fff; font-size: 16px; text-align: center; white-space: nowrap; vertical-align: middle; }
.section-intro .intro-organization .organization-wrap .work-list { position: relative; text-align: center; }
.section-intro .intro-organization .organization-wrap .work-list .category { position: relative; display: inline-block; margin-left: 35px; vertical-align: top; }
.section-intro .intro-organization .organization-wrap .work-list .category:first-child { margin-left: 0; }
.section-intro .intro-organization .organization-wrap .work-list .category .tit { width: 250px; height: 60px; font-size: 20px; font-weight: 500; line-height: 58px; text-align: center; border: 1px solid #2e3d59; border-radius: 10px; box-sizing: border-box; background-color: #fff; color: #2e3d59; }
.section-intro .intro-organization .organization-wrap .work-list .category .important-list { width: 190px; padding: 30px; margin-top: 10px; border-radius: 10px; background-color: #f8fafc; }
.section-intro .intro-organization .organization-wrap .work-list .category .important-list .list-tit { margin-bottom: 15px; font-size: 20px; font-weight: 500; text-align: left; color: #222; }
.section-intro .intro-organization .organization-wrap .work-list .category .important-list li { margin-top: 10px; font-size: 16px; font-weight: 400; text-align: left; color: #696969; }
.section-intro .intro-organization .organization-wrap .work-list .category .important-list li:first-child { margin-top: 0; }
.section-intro .intro-organization .organization-wrap .work-list .category .important-list li:before { content: ''; width: 6px; height: 6px; background-color: #43d9bd; float: left; margin-top: 10px; margin-right: 5px; border-radius: 50%; }
.section-intro .intro-committee { padding: 100px 40px 0; }
.section-intro .intro-committee .operation-wrap { position: relative; }
.section-intro .intro-committee .operation-wrap .title { font-size: 26px; font-weight: 500; color: #222; }
.section-intro .intro-committee .operation-wrap .desc { margin-top: 5px; font-size: 16px; font-weight: 400; color: #696969; }
.section-intro .intro-committee .operation-wrap .inner-cont { margin-top: 20px; border: 4px solid #f5f5f5; border-radius: 5px; background-color: #fff; }
.section-intro .intro-committee .operation-wrap .inner-cont .deliberate-list { padding: 40px 150px; }
.section-intro .intro-committee .operation-wrap .inner-cont .deliberate-list li { display: inline-block; width: 440px; font-size: 16px; font-weight: 400; line-height: 32px; color: #222; }
.section-intro .intro-committee .operation-wrap .inner-cont .deliberate-list li:nth-child(2n) { text-align: left; }
.section-intro .intro-committee .operation-wrap .inner-cont .deliberate-list li:before { content: ''; display: inline-block; width: 6px; height: 6px; background-color: #43d9bd; margin-bottom: 3px; margin-right: 5px; border-radius: 50%; }
.section-intro .intro-committee .committee-composition { position: relative; width: 1920px; padding: 60px 0 100px; margin-top: 60px; margin-left: -352px; text-align: center; background-color: #f8fafc; }
.section-intro .intro-committee .committee-composition .title { max-width: 1200px; margin: 0 auto; font-size: 26px; font-weight: 500; text-align: left; color: #222; }
.section-intro .intro-committee .committee-composition .inner { max-width: 1200px; margin: 0 auto; text-align: left; color: #222; }
.section-intro .intro-committee .committee-composition .inner .box { display: block; position: relative; margin-top: 20px; border: 4px solid #e2f5f1; border-radius: 5px; }
.section-intro .intro-committee .committee-composition .inner .box ul { position: relative; padding: 20px 30px; background-color: #fff; }
.section-intro .intro-committee .committee-composition .inner .box ul p { position: relative; font-size: 18px; font-weight: 500; padding:0 0 16px 0; color: #222;}
.section-intro .intro-committee .committee-composition .inner .box ul li { position: relative; font-size: 15px; font-weight: 400; line-height: 28px; color: #555;}
.section-intro .intro-committee .committee-composition .inner .box ul li p { position: relative; font-size: 15px; font-weight: 400; line-height: 24px; color: #555; padding-left:12px;}
.section-intro .intro-committee .committee-composition .inner .box ul li:before { content: '-'; display: inline-block; margin-left: -5px; padding-right: 5px; }
.section-intro .intro-committee .committee-composition .inner .box ul li span { font-weight: 500; vertical-align: top; }
.section-intro .intro-committee .committee-composition .inner .box:last-child ul li:last-child span { display: block; padding-left: 5px; }
.section-join .top-area { background-color: #f9fafe; }
.section-login .top-area { background-color: #f9fafe; }
.section-myservice .top-area { background-color: #f9fafe; }
.section-myservice .visual-myservice .visual-myservice-bg { width: 709px; height: 280px; background: url("../images/myservice/visual-myservice-bg.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 11px; right: 0; }
.section-myservice .visual-myservice .visual-myservice-device { width: 324px; height: 193px; background: url("../images/myservice/visual-myservice-device.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 66px; right: 212px; }
.section-myservice .visual-myservice .visual-myservice-graph { width: 92px; height: 124px; background: url("../images/myservice/visual-myservice-graph.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 95px; right: 94px; }
.section-myservice .visual-myservice .visual-myservice-paper1 { width: 52px; height: 112px; background: url("../images/myservice/visual-myservice-paper1.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 34px; right: 175px; }
.section-myservice .visual-myservice .visual-myservice-human { width: 90px; height: 136px; background: url("../images/myservice/visual-myservice-human.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 92px; right: 415px; }
.section-myservice .visual-myservice .visual-myservice-light { width: 395px; height: 232px; background: url("../images/myservice/visual-myservice-light.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: -6px; right: 160px; }
.section-myservice .visual-myservice .visual-myservice-mail { width: 55px; height: 71px; background: url("../images/myservice/visual-myservice-mail.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 61px; right: 314px; }
.section-myservice .visual-myservice .visual-myservice-paper2 { width: 51px; height: 97px; background: url("../images/myservice/visual-myservice-paper2.png") no-repeat; background-size: 100% auto; background-position: center center; position: absolute; top: 20px; right: 361px; }
.section-myservice .visual-myservice .visual-myservice-bg { opacity: 0; transition: all .4s .4s; }
.section-myservice .visual-myservice .visual-myservice-device { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s .8s; }
.section-myservice .visual-myservice .visual-myservice-graph { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1.2s; }
.section-myservice .visual-myservice .visual-myservice-paper1 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 1.4s; }
.section-myservice .visual-myservice .visual-myservice-human { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all 1s 2s; }
.section-myservice .visual-myservice .visual-myservice-light { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); transition: all .4s 2.8s; }
.section-myservice .visual-myservice .visual-myservice-mail { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 3s; }
.section-myservice .visual-myservice .visual-myservice-paper2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .4s 3.2s; }
.init .section-myservice .visual-myservice .visual-myservice-bg { opacity: 1; }
.init .section-myservice .visual-myservice .visual-myservice-device { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-myservice .visual-myservice .visual-myservice-graph { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-myservice .visual-myservice .visual-myservice-paper1 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-myservice .visual-myservice .visual-myservice-human { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-myservice .visual-myservice .visual-myservice-light { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-myservice .visual-myservice .visual-myservice-mail { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.init .section-myservice .visual-myservice .visual-myservice-paper2 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.section-myservice .multi-box { border-top: 1px solid #222; border-bottom: 1px solid #ddd; position: relative; }
.section-myservice .multi-box > .menu-wrap:after { content: ""; display: block; clear: both; }
.section-myservice .multi-box .menu { float: left; }
.section-myservice .multi-box .menu:first-child > .wrap { border-left: 1px solid #ddd; }
.section-myservice .multi-box .menu:first-child .title { border-left: 1px solid #ddd; }
.section-myservice .multi-box .menu > .wrap { border-right: 1px solid #ddd; overflow-y: auto; }
.section-myservice .multi-box .menu .title { line-height: 49px; background-color: #f8fafc; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; text-align: center; }
.section-myservice .multi-box .menu .list { display: none; overflow-y: hidden; }
.section-myservice .multi-box .menu .list a { box-sizing: border-box; display: block; width: 100%; padding: 13px 26px 13px 16px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; position: relative; }
.section-myservice .multi-box .menu .list a.active { background-color: #eefcf9; }
.section-myservice .multi-box .menu .list a.active:after { right: 10px; opacity: 1; }
.section-myservice .multi-box .menu .list a:after { content: ''; display: block; width: 6px; height: 11px; background: url("../images/common/multi-box-arrow-right.png") no-repeat; background-size: cover; position: absolute; top: 20px; right: 20px; opacity: 0; transition: all .2s; }
.section-myservice .multi-box .menu .list label.check { margin: 7px 20px; }
.section-myservice .multi-box .menu .list label.radio { margin: 7px 20px; }
.section-myservice .multi-box.provide-data .menu { width: 260px; }
.section-myservice .multi-box.provide-data .menu > .wrap { height: 360px; }
.section-myservice .multi-box.provide-data .menu.last { width: 420px; }
.section-myservice .multi-box.provide-data .menu.last > .wrap { height: 360px; }
.section-myservice .multi-box.provide-data2 .menu { width: 400px; }
.section-myservice .multi-box.provide-data2 .menu > .wrap { height: 360px; }
.section-myservice .multi-box.provide-data2 .menu.last { width: 400px; }
.section-myservice .multi-box.provide-data2 .menu.last > .wrap { height: 360px; }
.section-myservice .data-box .table-fixed { max-height: 400px; overflow-x: hidden; overflow-y: auto; }
.section-myservice .option-box { border-top: 1px solid #222; border-bottom: 1px solid #ddd; }
.section-myservice .option-box .head { box-sizing: border-box; min-height: 50px; padding: 10px 10px; text-align: center; }
.section-myservice .option-box .head .title { color: #696969; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 16px; }
.section-myservice .option-box .body { border-top: 1px solid #eee; }
.section-myservice .option-box .body .list { box-sizing: border-box; height: 240px; padding: 20px 8px; background-color: #f8fafc; overflow-y: auto; }
.section-myservice .option-box .body .list .item { box-sizing: border-box; display: inline-block; min-width: 688px; line-height: 1.4; padding: 8px 40px 8px 20px; margin-left: 10px; margin-bottom: 10px; background-color: #fff; border: 1px solid #43d9bd; border-radius: 20px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; position: relative; }
.section-myservice .option-box .body .list .del { width: 40px; height: 0; max-height: 0; padding-top: 40px; background: url("../images/common/btn-option-del.png") no-repeat; background-size: 24px 24px; background-position: center center; overflow: hidden; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.myservice-analysis .data-import .section-head:after { content: ""; display: block; clear: both; }
.myservice-analysis .data-import .section-head .tit { float: left; }
.myservice-analysis .data-import .section-head .side-area { float: left; margin-left: 20px; }
.myservice-analysis .analysis-status { padding: 48px 10px; border: 6px solid #f5f5f5; text-align: center; }
.myservice-analysis .analysis-status .item { box-sizing: border-box; display: inline-block; width: 210px; padding-top: 6px; padding-left: 84px; margin-left: 65px; position: relative; }
.myservice-analysis .analysis-status .item:first-child { margin-left: 0; }
.myservice-analysis .analysis-status .item:before { content: ''; display: block; width: 84px; height: 84px; border-radius: 42px; background-color: #f3f6f8; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; }
.myservice-analysis .analysis-status .item.register:before { background-image: url("../images/myservice/icon-register.png"); background-size: 32px 32px; }
.myservice-analysis .analysis-status .item.prepare:before { background-image: url("../images/myservice/icon-prepare.png"); background-size: 32px 36px; }
.myservice-analysis .analysis-status .item.perform:before { background-image: url("../images/myservice/icon-perform.png"); background-size: 32px 32px; }
.myservice-analysis .analysis-status .item.complete:before { background-image: url("../images/common/icon-complete.png"); background-size: 28px 28px; }
.myservice-analysis .analysis-status .title { color: #101010; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; text-align: center; }
.myservice-analysis .analysis-status .count { display: inline-block; margin-top: 8px; margin-left: -6px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; text-align: center; position: relative; }
.myservice-analysis .analysis-status .count .unit { position: absolute; bottom: 2px; right: -18px; }
.myservice-analysis .analysis-status .count .num { display: inline-block; line-height: 40px; margin-top: 0; color: #00a78d; font-weight: 700; font-size: 40px; vertical-align: bottom; }
.myservice-analysis .analysis-sequence { box-sizing: border-box; min-height: 100px; padding: 35px 10px; background-color: #f8fafc; }
.myservice-analysis .analysis-sequence .list { text-align: center; }
.myservice-analysis .analysis-sequence .list li { box-sizing: border-box; display: inline-block; min-width: 130px; padding: 0 20px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; text-align: center; position: relative; }
.myservice-analysis .analysis-sequence .list li:after { content: ''; display: block; width: 10px; height: 10px; border-top: 2px solid #dedede; border-right: 2px solid #dedede; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 8px; left: -8px; }
.myservice-analysis .analysis-sequence .list li:first-child:after { content: none; }
.myservice-analysis .analysis-info { margin-top: 20px; }
.myservice-analysis .analysis-info.progress .info { padding: 26px 30px 80px 30px; }
.myservice-analysis .analysis-info.progress .action { padding: 30px 30px 70px 0; }
.myservice-analysis .analysis-info .item { box-sizing: border-box; display: table; width: 100%; margin-top: 20px; border: 1px solid #eee; font-size: 0; overflow: hidden; position: relative; }
.myservice-analysis .analysis-info .item:first-child { margin-top: 0; }
.myservice-analysis .analysis-info .status { box-sizing: border-box; display: table-cell; width: 509px; vertical-align: top; position: relative; }
.myservice-analysis .analysis-info .status:after { content: ''; display: block; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; left: 509px; }
.myservice-analysis .analysis-info .status .title { width: 100%; line-height: 49px; background-color: #fff; border-bottom: 1px solid #eee; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; position: absolute; top: 0; left: 0; }
.myservice-analysis .analysis-info .status .content { box-sizing: border-box; display: table; width: 100%; height: 100%; padding: 60px 10px 10px; position: absolute; top: 0; left: 0; }
.myservice-analysis .analysis-info .status .content > .wrap { display: table-cell; vertical-align: middle; }
.myservice-analysis .analysis-info .status .content .tit { color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 22px; text-align: center; }
.myservice-analysis .analysis-info .status .content .tit > span { vertical-align: top; }
.myservice-analysis .analysis-info .status .content .tit .green { color: #00a78d; vertical-align: top; }
.myservice-analysis .analysis-info .status .content .regis { margin-top: 4px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; text-align: center; color: #222; }
.myservice-analysis .analysis-info .status .content .regis span { vertical-align: top; color: #ef774d; }
.myservice-analysis .analysis-info .status .content .desc { margin-top: 4px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; text-align: center; }
.myservice-analysis .analysis-info .status .content .desc > span { vertical-align: top; }
.myservice-analysis .analysis-info .status .content .desc .underline { text-decoration: underline; }
.myservice-analysis .analysis-info .status .list { box-sizing: border-box; width: 100%; height: 100%; padding-top: 50px; position: absolute; top: 0; left: 0; }
.myservice-analysis .analysis-info .status .list:after { content: ""; display: block; clear: both; }
.myservice-analysis .analysis-info .status .list li { float: left; display: table; width: 25%; height: 100%; position: relative; }
.myservice-analysis .analysis-info .status .list li:first-child:after { content: none; }
.myservice-analysis .analysis-info .status .list li:after { content: ''; display: block; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; left: 0; }
.myservice-analysis .analysis-info .status .list .wrap { display: table-cell; vertical-align: top; padding-top: 30px; }
.myservice-analysis .analysis-info .status .list .count { margin-bottom: 6px; color: #00a78d; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 28px; text-align: center; }
.myservice-analysis .analysis-info .status .list .count .slash { position: relative; bottom: 4px; font-size: 18px; font-weight: 700; vertical-align: middle; color: #aaa; }
.myservice-analysis .analysis-info .status .list .count .total { vertical-align: top; color: #696969; }
.myservice-analysis .analysis-info .status .list .tit { color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: center; }
.myservice-analysis .analysis-info .status .list .label { position: absolute; width: 100%; bottom: 22px; text-align: center; color: #fff; }
.myservice-analysis .analysis-info .status .list .label span { display: inline-block; width: 60px; height: 26px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; border-radius: 30px; background-color: #ed7026; }
.myservice-analysis .analysis-info .info { box-sizing: border-box; display: table-cell; width: 518px; padding: 26px 30px 20px 30px; vertical-align: top; }
.myservice-analysis .analysis-info .info:after { content: ""; display: block; clear: both; }
.myservice-analysis .analysis-info .info .tit { box-sizing: border-box; float: left; width: 148px; padding-right: 6px; margin-bottom: 3px; color: #696969; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; }
.myservice-analysis .analysis-info .info .con { float: left; width: calc(100% - 148px); margin-bottom: 5px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-wrap: break-word; }
.myservice-analysis .analysis-info .info .con a { display: inline-block; vertical-align: top; word-wrap: break-word; word-break: break-all; }
.myservice-analysis .analysis-info .info .con a:hover { color: #01a78e; text-decoration: underline; }
.myservice-analysis .analysis-info .action { box-sizing: border-box; display: table-cell; padding: 30px 30px 70px 0; padding-right: 30px; width: 170px; height: 100%; vertical-align: top; }
.myservice-analysis .analysis-info .action .btn-action { box-sizing: border-box; display: block; width: 140px; height: 30px; line-height: 28px; padding: 0 10px; margin-top: 5px; background-color: #fff; border: 1px solid #222; border-radius: 5px; font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 15px; text-align: center; white-space: nowrap; cursor: pointer; }
.myservice-analysis .analysis-info .action .btn-action:first-child { margin-top: 0; }
.myservice-analysis .analysis-info .category { position: absolute; width: 688px; bottom: 20px; right: 0; text-align: center; }
.myservice-analysis .analysis-info .category .btn-action { box-sizing: border-box; display: inline-block; width: 140px; height: 30px; line-height: 28px; padding: 0 10px; margin-right: 10px; background-color: #fff; border: 1px solid #43d9bd; border-radius: 5px; font-family: "Noto Sans KR"; font-weight: 400; color: #222; font-size: 15px; text-align: center; white-space: nowrap; cursor: pointer; }
.myservice-analysis .analysis-info .category .btn-action.add { border: none; background-color: #aaa; color: #fff; }
.myservice-analysis .analysis-info .empty { padding: 61px 0; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 24px; text-align: center; }
.myservice-data .select-setting { padding: 30px 28px 38px 28px; background-color: #f8fafc; border-top: 1px solid #eee; }
.myservice-data .select-setting .btn-area { font-size: 0; }
.myservice-data .select-setting .btn-area .btn-select { box-sizing: border-box; display: inline-block; min-width: 198px; height: 40px; line-height: 38px; padding: 0 38px 0 22px; margin-left: 10px; background-color: #fff; border: 1px solid #43d9bd; border-radius: 20px; color: #222; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; text-align: left; position: relative; }
.myservice-data .select-setting .btn-area .btn-select:first-child { margin-left: 0; }
.myservice-data .select-setting .btn-area .btn-select button { content: ''; display: block; width: 40px; height: 0; max-height: 0; padding-top: 40px; background: url("../images/common/btn-select-del.png") no-repeat; background-size: 24px 24px; background-position: center center; overflow: hidden; position: absolute; top: 0; right: 0; }
.myservice-data .site-contact { margin-top: 22px; text-align: center; }
.myservice-data .site-contact p { display: inline-block; padding: 0 13px; color: #222; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; }
.myservice-data .site-contact p .tit { display: inline-block; padding-right: 4px; font-weight: 400; vertical-align: top; padding-bottom: 19px; }
.myservice-data .site-contact p .tit1 { display: inline-block; padding-right: 6px; font-weight: 400; vertical-align: top; }
.myservice-data .site-contact p .tit2 { display: inline-block; padding-right: 14px; font-weight: 400; vertical-align: top; }
.myservice-data .site-contact p .tit3 { display: inline-block; padding-right: 6px; font-weight: 400; vertical-align: top; padding-left: 137px; }
.under a:hover { text-decoration: underline; }

.license-wrap > .license-boxs td li{
    height: 100px;
    font-size: 16px;
    background-color: #fff;
    vertical-align: top !important;
    width: 480px;
}

.license-wrap > .license-boxs td li button:hover{ color: #00a78d; font-weight: 480; text-decoration: underline;}
.license-wrap .license-boxs .boxarea{ padding: 20px 30px; border-top: 4px solid #f5f5f5;}

.wrap_tbl_label {float:left; width:100%;  margin-top: 40px; }
.license-wrap > .tbl_label {margin: 5px 0 0 0; width:100%; border: 4px solid #f5f5f5;}
.license-wrap > .tbl_label td { height: 230px; font-size: 16px; border: 2px solid #dce4e9; background-color: #fff; vertical-align: top !important; }
/*# sourceMappingURL=common.css.map */
.labelBoxText {
		background-color: #1c449c;
		border-radius: 20px 20px 0 0;
		color: #fff;
		height: 35px;
    	line-height: 40px;
    	font-size: 20px;
    	text-align: center;
	}
	.labelBoxText2 {
		padding: 10px 20px;
	}

	.labelBoxText3 {
		padding: 0px 20px;
	}
	.mt5{
		font-size:17px;
	}




.clauseChk{
	margin: -45px 2px 35px 165px;
    border: 2px solid #dce4e9;
    width: 80%;
    text-align: center;
    background-color: #f9fafc;
    height: 50px;
    padding-top: 10px;
    position: relative;
}

.clauseChk > label{
	margin: 0px 9px 1px 0px;
    font-size: 17px;
}

.clauseChk > .w77{
	box-sizing: border-box;
    display: inline-block;
    min-width: 95px;
    height: 41px;
    line-height: 40px;
    padding: 0 32px 0 17px;
    border: 1px solid #c8c9d0;
    border-radius: 5px;
    color: #666;
    font-family: 'Noto Sans KR';
    font-weight: 400;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}
.menu-header{
	font-size: 19px;
	transition  : transform 0.3s ease;
	display: flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
}
ul#menuList li:last-child .menu-header{
	border-bottom:1px solid #222;
}
.menu-header:first-child{
	border-top:1px solid #222;
}

.arrow{
	width: 0;
	height: 0;
	border-left : 8px solid transparent;
	border-right: 8px solid transparent;
	border-top  : 8px solid #333;
	transition  : transform 0.3s ease;
}
.arrow.expanded{
	transform: rotate(180deg);
}
.arrow.collapsed{
	transform: rotate(0deg);
}