@charset "UTF-8";
/* ======================================================== */
/* [ Version      ] event.css v0.1.0 © uiux-leader */
/* [ Author       ] 정인영 */
/* [ Inquiry      ] uiux-leader@ijbinfo.com */
/* [ Date Updated ] 2019.10.07 */
/* ======================================================== */
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea { margin: 0; padding: 0; border: 0 none; }

ul, ol, li { list-style: none; }

em, address { font-style: normal; }

figure { margin: 0; }

img { border: 0 none; font-size: 0; line-height: 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption { text-align: left; margin-bottom: 10px; }

th, td { vertical-align: middle; }

a { color: inherit; text-decoration: none; line-height: 1; }

a:hover, a:focus, a:active { text-decoration: underline; }

a:visited { color: inherit; }

*, html { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

*, *:before, *:after { box-sizing: border-box; }

button { background: transparent; border: 0; }

.qator-product [class^="qator-"] .core-technology, .qator-product [class^="qator-"] h3, .qator-forensic .analysis, .download-and-email { *zoom: 1; }

.qator-product [class^="qator-"] .core-technology::before, .qator-product [class^="qator-"] h3::before, .qator-forensic .analysis::before, .download-and-email::before, .qator-product [class^="qator-"] .core-technology::after, .qator-product [class^="qator-"] h3::after, .qator-forensic .analysis::after, .download-and-email::after { content: ""; display: block; }

.qator-product [class^="qator-"] .core-technology::after, .qator-product [class^="qator-"] h3::after, .qator-forensic .analysis::after, .download-and-email::after { clear: both; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

html[lang="ko"] body, html[lang="en"] body { font-family: 'NanumSquare', MalgunGothic, '맑은 고딕', AppleGothic, Arial, Sans-serif; font-size: 17px; font-weight: 300; }

html[lang="ja"] body { font-family: "M PLUS Rounded 1c", AppleGothic, Arial, Sans-serif; letter-spacing: 0.06em; font-weight: normal; }

body { font-size: 14px; color: #ffffff; line-height: 1.5; }

body:before { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100vw; height: 100vh; background: #0d1723 url("../images/bg-qator-series.png") no-repeat; background-position: top center; background-size: cover; background-attachment: scroll; z-index: -10 !important; content: ""; }

@media screen and (min-width: 769px) { body { font-size: 17px; } }

.core-technology li svg .cls-2 { fill-rule: evenodd; }

.qator-live .core-technology li svg .cls-2 { fill: #e9b229; }

.qator-forensic .core-technology li svg .cls-2 { fill: #1e9673; }

.qator-enterprise .core-technology li svg .cls-2 { fill: #008bcf; }

.product-title { position: relative; max-width: 1024px; padding: 30px 15px 0; margin: 0 auto; }

.product-title h1 { height: 33px; }

.product-title h1 img, .product-title h1 svg { vertical-align: top; width: 124px; height: 33px; }

.product-title .btn-support { position: absolute; top: 30px; right: 15px; height: 33px; line-height: 31px; font-size: 13px; font-weight: bold; padding: 0 20px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); }

.product-title .btn-support:hover, .product-title .btn-support:focus { text-decoration: none; border: 1px solid #fff; box-shadow: -1px 1px 8px rgba(255, 255, 255, 0.3); }

.product-title .btn-support img, .product-title .btn-support svg { width: auto; height: 14px; vertical-align: middle; margin-right: 6px; }

.product-menu { max-width: 1024px; padding: 30px 15px 0; margin: 0 auto; }

.product-menu .product-tab ul { border: 1px solid #ffffff; border-radius: 3px; background-color: rgba(13, 24, 42, 0.4); }

.product-menu .product-tab ul li { display: inline-block; width: 33.3333%; height: 45px; border-right: 1px solid #ffffff; }

.product-menu .product-tab ul li:last-child { border-right: 0; }

.product-menu .product-tab ul li.slick-active, .product-menu .product-tab ul li:focus { background-color: #ffffff; }

.product-menu .product-tab ul li.slick-active button, .product-menu .product-tab ul li:focus button { outline: 0; }

.product-menu .product-tab ul li.slick-active button:before, .product-menu .product-tab ul li:focus button:before { color: #0b0f17; }

.product-menu .product-tab ul li button { width: 100%; color: transparent; padding-left: 15px; outline: 0; cursor: pointer; }

.product-menu .product-tab ul li button:before { color: #ffffff; width: 100%; font-weight: 700; text-align: center; line-height: 43px; }

.product-menu .product-tab ul li:nth-of-type(1) button:before { content: "Live"; }

.product-menu .product-tab ul li:nth-of-type(2) button:before { content: "Forensic"; }

.product-menu .product-tab ul li:nth-of-type(3) button:before { content: "Enterprise"; }

@-webkit-keyframes ani-mouse { 0% { opacity: 1;
    top: 29%; }
  15% { opacity: 1;
    top: 50%; }
  50% { opacity: 0;
    top: 50%; }
  100% { opacity: 0;
    top: 29%; } }

@keyframes ani-mouse { 0% { opacity: 1;
    top: 29%; }
  15% { opacity: 1;
    top: 50%; }
  50% { opacity: 0;
    top: 50%; }
  100% { opacity: 0;
    top: 29%; } }

.mouse { display: block; position: fixed; left: 50%; bottom: 30px; width: 80px; height: 80px; border-radius: 40px; margin-left: -40px; background: rgba(13, 23, 40, 0.8); opacity: 1; }

.mouse.visible { opacity: 0; transition: all 0.5s ease-in-out; }

.mouse > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #ffffff; letter-spacing: 2px; }

.mouse > *:hover, .mouse > *:focus, .mouse > *.active { color: #ffffff; }

.mouse .scroll { position: relative; display: block; width: 24px; height: 38px; box-sizing: border-box; border: 2px solid #ffffff; border-radius: 12px; margin-top: 21px; margin-left: 29px; }

.mouse .scroll > * { position: absolute; display: block; top: 28%; left: 50%; width: 4px; height: 6px; margin: -2px 0 0 -2px; background: #ffffff; border-radius: 2px; -webkit-animation: ani-mouse 1.8s linear infinite; animation: ani-mouse 1.8s linear infinite; }

.table-type { width: 100%; margin-bottom: 30px; }

.table-type tr th { background-color: #444444; }

.table-type tr td { background-color: rgba(13, 24, 42, 0.4); }

.table-type tr th, .table-type tr td { font-weight: 300; text-align: left; padding: 6px 15px; border-bottom: 1px solid #444444; }

.qator-product { position: relative; min-width: 320px; max-width: 768px; padding: 15px 15px 0; margin: 0 auto; }

.qator-product .draggable .slick-track .slick-slide { outline: none; }

.qator-product [class^="qator-"] h2 { position: relative; margin-top: 45px; padding-bottom: 15px; }

.qator-product [class^="qator-"] h2:before { position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 1px; background-color: #cccccc; content: ""; }

.qator-product [class^="qator-"] h2 img { margin: 0 auto; }

.qator-product [class^="qator-"] .slogan { text-align: center; padding: 0 30px; margin-top: 12px; }

.qator-product [class^="qator-"] .core-technology { position: relative; padding: 45px 15px 15px; }

.qator-product [class^="qator-"] .core-technology li { float: left; text-align: center; vertical-align: top; width: calc( 100% / 3); min-height: 110px; padding: 0 6px; margin-bottom: 22px; }

.qator-product [class^="qator-"] .specification { position: relative; padding: 30px 0 15px; margin: 0 auto; }

.qator-product [class^="qator-"] .specification:before { position: absolute; left: 0; right: 0; top: 0; height: 1px; background-color: #666666; content: ""; }

.qator-product [class^="qator-"] h3 { font-size: 14px; line-height: 1; padding-left: 8px; margin-bottom: 30px; }

@media screen and (min-width: 769px) { .qator-product { min-width: 769px; max-width: 1024px; }
  .qator-product [class^="qator-"] h2 { margin-top: 60px; }
  .qator-product [class^="qator-"] h2 img { width: auto; height: 50%; }
  .qator-product [class^="qator-"] .core-technology { padding: 105px 15px 70px; }
  .qator-product [class^="qator-"] .core-technology li img, .qator-product [class^="qator-"] .core-technology li svg { width: 50%; height: 50%; }
  .qator-product [class^="qator-"] .core-technology li svg rect { width: 50%; height: 50%; }
  .qator-product [class^="qator-"] h3 { font-size: 17px; } }

.qator-live h3 { color: #e9b229; border-left: 2px solid #e9b229; }

@media screen and (min-width: 769px) { .qator-live .core-technology li { width: calc( (100% - 30px) / 5) !important; } }

.qator-forensic h3 { color: #1e9673; border-left: 2px solid #1e9673; }

.qator-forensic .analysis { padding: 15px; }

.qator-forensic .analysis ol li { position: relative; }

.qator-forensic .analysis ol li:before { position: absolute; top: 18px; width: calc( 100% - 22px); height: 2px; background-color: #1e9673; content: ""; }

.qator-forensic .analysis ol li:nth-of-type(3):before, .qator-forensic .analysis ol li:nth-of-type(4):before { width: calc( 50% + 4px); }

.qator-forensic .analysis ol li:nth-of-type(1):before, .qator-forensic .analysis ol li:nth-of-type(2):before, .qator-forensic .analysis ol li:nth-of-type(3):before { left: 50%; margin-left: 11px; }

.qator-forensic .analysis ol li:nth-of-type(4):before, .qator-forensic .analysis ol li:nth-of-type(5):before, .qator-forensic .analysis ol li:nth-of-type(6):before { right: 50%; margin-right: 11px; }

.qator-forensic .analysis ol li { float: left; width: calc( 100% / 3); text-align: center; vertical-align: top; }

.qator-forensic .analysis ol li span { display: block; font-size: 13px; }

.qator-forensic .analysis ol li span:first-child { width: 22px; height: 22px; text-align: center; border: 2px solid #1e9673; border-radius: 50%; margin: 8px auto; }

.qator-forensic .analysis ol li span:last-child { margin-bottom: 20px; }

.qator-forensic .specification .table-type caption { display: none; }

@media screen and (min-width: 769px) { .qator-forensic .core-technology li img, .qator-forensic .core-technology li svg { width: 30% !important; height: 30% !important; }
  .qator-forensic .core-technology li svg rect { width: 30% !important; height: 30% !important; }
  .qator-forensic .analysis { padding-bottom: 60px; }
  .qator-forensic .analysis ol li { width: calc( 100% / 6); } }

.qator-enterprise h3 { color: #008bcf; border-left: 2px solid #008bcf; }

@media screen and (min-width: 769px) { .qator-enterprise .core-technology li { width: calc( (100% - 30px) / 5) !important; } }

.download-and-email { text-align: center; padding: 0 15px 40px; margin: 0 auto; }

.download-and-email a[role="button"] { display: inline-block; text-align: center; min-width: 100%; height: 50px; padding: 0 15px; line-height: 48px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); }

.download-and-email a[role="button"]:hover, .download-and-email a[role="button"]:focus { border: 1px solid #fff; box-shadow: -1px 1px 8px rgba(255, 255, 255, 0.3); }

.download-and-email a[role="button"]:first-child { margin-bottom: 10px; }

@media screen and (min-width: 480px) { .download-and-email a[role="button"] { min-width: calc( ( 100% - 15px ) / 2); }
  .download-and-email a[role="button"]:first-child { margin-right: 11px; } }

@media screen and (min-width: 769px) { .download-and-email { max-width: 1024px; }
  .download-and-email a[role="button"] { min-width: calc( ( 50% - 15px ) / 2); } }

.copyright { height: 100px; text-align: center; background-color: #282828; clear: both; }

.copyright img, .copyright svg { margin-top: 23px; width: 124px; height: 33px; opacity: 0.2; }

.copyright address { font-size: 12px; font-weight: 600; color: #515151; }

@media screen and (min-width: 769px) { .copyright address { font-size: 14px; } }

a:hover { text-decoration: none !important; }

#container { width: 733px !important; min-height: 600px !important; margin: 0 0 110px !important; }

#container_wr { width: auto !important; min-width: 769px; max-width: 1024px; padding: 33px 15px 0; }

#container_title { padding: 10px 0 16px; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; background: rgba(255, 255, 255, 0.1) !important; }

#container_title span { font-size: 28px !important; font-weight: 400 !important; font-weight: normal !important; font-variant: all-petite-caps; text-align: center; line-height: 1; margin: 0 !important; }

#aside { margin: 0 !important; }

.btn_bo_user li { height: 30px !important; line-height: 30px !important; background: transparent !important; }

.btn_bo_user li a.btn, .btn_bo_user li .btn { font-size: 17px !important; height: 30px !important; line-height: 1 !important; padding: 0 3px !important; }

a.btn, .btn { font-size: 14px !important; font-weight: normal; border-radius: 0 !important; }

.bo_vc_w textarea { color: #ffffff !important; background: transparent !important; padding: 10px !important; margin-top: 10px !important; }

#bo_list_total, #bo_v_info { color: #ffffff !important; line-height: 30px !important; }

#bo_btn_top { margin: 40px 0 20px !important; }

#bo_cate_ul li { padding: 0 10px 0 0 !important; }

#bo_cate_ul a { font-size: 13px !important; letter-spacing: 0.04em; color: #ffffff !important; line-height: 28px !important; padding: 0px 20px !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; background: rgba(255, 255, 255, 0.1) !important; border-radius: 0 !important; }

#bo_cate_ul a:focus, #bo_cate_ul a:hover, #bo_cate_ul a:active { border: 1px solid #ffffff !important; box-shadow: -1px 1px 8px rgba(255, 255, 255, 0.3); }

#bo_cate_ul #bo_cate { margin: 20px 0 40px !important; }

#bo_cate_ul #bo_cate_on { font-weight: 400; border: 1px solid #3a8afd !important; background: #3a8afd !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

.btn_bo_user li { background: transparent !important; }

a.btn_b01, .btn_b01, a.btn_admin, .btn_admin { color: #bababa !important; vertical-align: sub !important; }

a.btn_b01:focus, a.btn_b01:hover, a.btn_b01:active, .btn_b01:focus, .btn_b01:hover, .btn_b01:active, a.btn_admin:focus, a.btn_admin:hover, a.btn_admin:active, .btn_admin:focus, .btn_admin:hover, .btn_admin:active { color: #ffffff !important; }

.tbl_wrap table { background: transparent !important; }

#bo_list tbody .even td { background: transparent !important; }

#bo_list .tbl_head01 caption { display: none !important; }

#bo_list .tbl_head01 a { color: #fff !important; font-weight: normal !important; }

#bo_list .tbl_head01 td { color: #fff !important; }

#bo_list .bo_tit .fa-download, #bo_list .bo_tit .new_icon { background: transparent !important; }

#bo_list .cnt_cmt { background: transparent !important; font-size: 14px !important; font-weight: bold; }

#bo_list .cnt_cmt:before { font-family: "FontAwesome"; font-size: 16px; content: "\f075"; margin-right: 4px; }

.tbl_head01 td { height: 50px !important; line-height: 1.5 !important; }

.tbl_head01 thead th { height: 50px !important; line-height: 1.5 !important; padding: 0 !important; }

.tbl_head01 tbody tr:hover { border-left: 0 !important; background: rgba(255, 255, 255, 0.1) !important; }

.tbl_head01 tbody tr:hover td { background: transparent !important; }

.sv_member { color: #fff !important; }

#ol_after { padding: 20px; }

#ol_after_private, #ol_after_info { display: none !important; }

#ol_after_logout { color: #ffffff; border-top: 0 !important; background: #3a8afd; }

#ol_after_logout .fa-sign-out { display: none !important; }

#ol_after_hd { height: auto !important; text-align: center !important; padding: 0 !important; }

#ol_after_hd .btn_admin { display: none !important; }

#ol_after_hd strong { margin: 10px 0 10px !important; line-height: 30px !important; }

#ol_after_hd .profile_img { position: relative !important; top: 0 !important; left: 0 !important; }

#ol_after_hd .profile_img img { border-radius: 0 !important; width: 69px !important; height: 70px !important; }

.ol { border: 0 !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.1) !important; }

.ol h2 { font-size: 24px !important; font-weight: 400 !important; text-align: left !important; width: 100% !important; line-height: 1 !important; padding: 20px 20px 0 !important; }

#ol_id, #ol_pw, #ol_submit { font-size: 17px !important; height: 40px !important; border: 0 !important; border-radius: 0 !important; }

#ol_id, #ol_pw { margin-bottom: 10px !important; }

#ol_submit { border-left: 0 !important; }

#bo_v, #bo_v_top ul, #hd { background: transparent !important; }

#bo_v_share .btn { width: auto !important; }

.bo_cate_link { font-size: 12px !important; letter-spacing: 0.04em; height: 28px !important; line-height: 26px !important; padding: 0 14px !important; border-radius: 14px !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; background: rgba(255, 255, 255, 0.1) !important; }

.bo_cate_link:hover, .bo_cate_link:focus { text-decoration: none !important; background: #3a8afd !important; border: 1px solid #3a8afd !important; }

#bo_v_title .bo_v_cate { float: right; font-size: 12px !important; color: #ffffff !important; letter-spacing: 0.04em; height: 28px !important; line-height: 26px !important; padding: 0 14px !important; border-radius: 14px !important; background: #3a8afd !important; border: 1px solid #3a8afd !important; }

#bo_v_title .bo_v_tit { font-size: 40px !important; font-weight: normal !important; margin: 0 0 10px !important; color: #3a8afd !important; clear: both; }

.cmt_btn { background: transparent !important; }

.cmt_btn b { color: #ffffff !important; }

.cmt_btn span.cmt_more { width: 20px !important; height: 20px !important; background: transparent !important; margin-top: 6px !important; text-align: center !important; }

.cmt_btn span.cmt_more:before { font-family: "FontAwesome"; font-size: 17px; color: #bababa; vertical-align: super !important; content: "\f106"; }

.cmt_btn.cmt_btn_op span.cmt_more:before { content: "\f107"; }

.cmt_btn:hover, .cmt_btn:focus { outline: 0; }

.cmt_btn:hover span.cmt_more, .cmt_btn:focus span.cmt_more { background: rgba(255, 255, 255, 0.1) !important; }

.cmt_btn:hover span.cmt_more:before, .cmt_btn:focus span.cmt_more:before { color: #ffffff; }

.bo_vc_w .btn_confirm .secret_cm label { font-size: 14px !important; }

.chk_box input[type="checkbox"] + label, #bo_vc_empty { color: #bababa !important; }

.chk_box input[type="checkbox"]:checked + label { color: #ffffff !important; }

#bo_v_info .profile_info { margin: 10px 0 !important; }

#bo_v_info .profile_info .profile_info_ct { padding: 0 !important; line-height: 25px !important; }

#bo_v_top .bo_v_com { margin: 20px 0 !important; }

button.btn_frmline { font-size: 14px !important; }

#bo_w .bo_w_flie .frm_file { margin-top: 0 !important; }

.bo_vc_act { width: 80px !important; text-align: center !important; color: #bababa !important; }

.bo_vc_act li a { padding: 8px 15px !important; }

#bo_v_share .btn { font-size: 14px !important; height: 28px !important; line-height: 28px !important; }

#bo_v_share .btn i { font-size: 14px !important; vertical-align: 1px !important; }

.bo_v_nb li:hover { background: #0e1a2d !important; }

#bo_v_share { display: none; }

#bo_v_con { margin: 30px 0 !important; }

#bo_w .write_div { margin: 20px  0 !important; }

/*# sourceMappingURL=map/event.css.map */