@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

/****** reset ******/
html,body {-webkit-overflow-scrolling:touch;-webkit-text-size-adjust: 100%;width: 100%;height: 100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin: 0;padding: 0;font-size:inherit;}
body {font-size: 12px;font-family: 'Noto Sans KR', 'Apple SD Gothic', '맑은고딕', sans-serif;color: #000;background: #fff;font-weight:400}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
li {list-style: none;}
img,fieldset {border: none;vertical-align: top;}
table {width: 100%;border: 0;border-spacing: 0;border-collapse: collapse;}
caption {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
th,td {border: 0;vertical-align: top;}
button {overflow: visible;padding: 0;margin: 0;border: 0;cursor: pointer;background:none;font-family: 'Noto Sans KR', 'Apple SD Gothic', '맑은고딕', sans-serif;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/* :focus {outline:none} 웹 접근성 */
h1, h2, h3, h4, h5, h6, strong {font-weight:400}


/****** layout ******/
/* skip navigation */
.skip-navigation a {position:absolute;top:-99px;left:0;background:#333;color:#fff;width:100%;padding:10px 0;text-align:center;text-decoration:none;z-index:999;}
.skip-navigation a:hover, .skip-navigation a:focus, .skip-navigation a:active{display:block;top:0;}

.wrap {width:100%;margin:0 auto;overflow-x:hidden}
.con-inner {padding:0 112px;box-sizing:border-box;max-width:1920px;margin:0 auto;}

.header {position:fixed;left:0;top:0;width:100%;background:#fff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);z-index:20;}
.header .btn-m-menu{display:none;}
.header.tit-header .m-tit-header {display:none}
.header .con-inner {position:relative;text-align:center;height:94px;}
.header .logo {position:absolute;left:112px;top:31px;width:200px;height:30px;}
.header .logo a {display:inline-block;width:100%;height:100%;background:url('../images/common/logo.png') no-repeat 50% 50%;background-size:100%;}
.header .logo .pg-title {display:none}
#gnb {display:inline-block; padding:15px 150px 15px 0;}
#gnb .main-menu .menu-top,
#gnb .menu-list .menu-contact,
#gnb .btn-logout,
#gnb .btn-close {display:none;}
#gnb .menu-list {display:flex;}
#gnb .menu-list > li {position:relative;padding:0 20px;}
#gnb .menu-list > li > a {display:flex;flex-direction:column;padding:20px 4px;font-size:16px;color:#5a5a5a;line-height:24px;}
#gnb .menu-list > li.on > a {color:#4c5ff5;font-weight:700}
#gnb .menu-list > li:hover > a,
#gnb .menu-list > li > a:focus  {color:#4c5ff5;font-weight:700}
#gnb .menu-list li.has-sub .btn-folding {display:none;}
#gnb .menu-list .sub-menu {display:none;position:absolute;left:0;top:60px;width:288px;padding:18px 0 30px;background:#fff;box-sizing:border-box;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
#gnb .menu-list > li .sub-menu li + li {margin-top:20px;}
#gnb .menu-list > li .sub-menu a {display:block;padding:6px 10px 6px 36px;text-align:left;font-size:16px;color:#5a5a5a;line-height:24px;}
#gnb .menu-list > li .sub-menu a:hover,
#gnb .menu-list > li .sub-menu a:focus {color:#333;font-weight:700}
.header .header-side {position:absolute;right:112px;top:35px;display:flex;}
.header .header-search {position:relative;}
.header .header-side .input-search {width:140px;border:solid #ccc;border-width:0 0 1px;padding:0 30px 0 4px;border-radius:0;line-height:34px;height:36px;color:#000;}
.header .header-side .focus .input-search {border-color:#000}
.header .header-search .btn-search {display:inline-block;position:absolute;right:4px;bottom:6px;width:24px;height:24px;background:url('../images/common/ico_search.png') no-repeat 50% 50%;background-size:24px;}

.header .header-side .header-link {font-size:16px;color:#5a5a5a;line-height:34px;margin-left:24px;display:flex;flex-direction:column}
.header .header-side .header-link:hover,
.header .header-side .header-link:focus,
.header .header-side .header-link.on {font-weight:700;color:#4c5ff5}
.header .header-side .header-link:after {content:attr(data-text); height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold;}
.header .header-side .btn-login {display:inline-block;height:36px;width:100px;font-size:16px;color:#5a5a5a;border:solid 1px #757575;border-radius:4px;line-height:32px;box-sizing:border-box;margin-left:24px;}
.header .header-side .btn-myinfo {display:flex;align-items:center;justify-content:center;position:relative;margin-left:24px;width:36px;height:36px;padding:3px;border-radius:100%;border:1px solid transparent;box-sizing:border-box;}
.header .header-side .btn-myinfo a {display:block;width:100%;height:100%;border-radius:100%;background-size:cover;overflow:hidden;background-position:50% 50%;}
.header .header-side .btn-myinfo a:not(.photo) {opacity:0.65;}
.header .header-side .btn-myinfo a:hover {opacity:1;}
.header .header-side .btn-myinfo.on {border-color: #4c5ff5;}
.header .header-side .btn-myinfo.alarm:after {content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background:#ff6a6a;position:absolute;right:-2px;top:-2px;}
.header .header-side .btn-myinfo a.photo {border:1px solid rgba(0,0,0,0.1)}
.header .header-side .btn-myinfo a.general {background-image:url('../images/common/ico_member_general.png')}
.header .header-side .btn-myinfo a.investor {background-image:url('../images/common/ico_member_investor.png')}
.header .header-side .btn-myinfo a.startup {background-image:url('../images/common/ico_member_startup.png')}
.header .header-side .btn-myinfo a.admin {background-image:url('../images/common/ico_member_admin.png')}
.header .ly-myinfo-menu {display:none;width:258px;background:#fff;position:absolute;right:0;top:46px;box-shadow:0px 5px 10px rgba(0,0, 0, 0.2);padding:24px 36px;box-sizing:border-box}
.header .btn-myinfo.show + .ly-myinfo-menu {display:block}
.header .ly-myinfo-menu .link-menu li {text-align:left}
.header .ly-myinfo-menu .link-menu .account > a{display:inline-block;margin-bottom:20px;font-size:16px;line-height:24px;color:#5a5a5a}
.header .ly-myinfo-menu .link-menu ul {padding:16px 0;border:solid #e5e5e5;border-width:1px 0;}
.header .ly-myinfo-menu .link-menu .account > a:hover,
.header .ly-myinfo-menu .link-menu .account > a:focus {color:#333;font-weight:700}
.header .ly-myinfo-menu .link-menu ul li {padding:4px 0;}
.header .ly-myinfo-menu .link-menu ul li a {position:relative;font-size:16px;line-height:24px;color:#5a5a5a;display:inline-flex;align-items:flex-start;}
.header .ly-myinfo-menu .link-menu ul li a:hover {color:#333;font-weight:700;}
.header .ly-myinfo-menu .link-menu .count {display:inline-block;margin-left:4px;font-size:10px;line-height:14px;width:20px;border-radius:8px;background:#ff6a6a;color:#fff;text-align:center;font-weight:400 !important}
.header .ly-myinfo-menu .link-menu .logout {padding-top:21px;}
.header .ly-myinfo-menu .link-menu .logout .btn-logout   {font-size:16px;line-height:24px;color:#5a5a5a;padding-left:28px;background:url('../images/common/ico_logout.png') no-repeat 0 50%;background-size:24px;}
.header .ly-myinfo-menu .link-menu .logout .btn-logout:hover,
.header .ly-myinfo-menu .link-menu .logout .btn-logout:focus {color:#333;font-weight:700}

#content {position:relative;padding-top:94px;z-index:10;min-height:calc(100vh - 250px);box-sizing:border-box}

.footer {border-top:solid 1px #e5e5e5;padding:57px 0 58px;}
.footer .rel-link {margin-bottom:28px;display:flex;}
.footer .rel-link li {position:relative;display:flex;align-items:center;}
.footer .rel-link li:after {content:'';display:inline-block;width:1px;height:18px;position:relative;top:1px;background:#757575;margin:0 10px;}
.footer .rel-link li:last-child:after {display:none}
.footer .rel-link a {font-size:18px;line-height:26px;letter-spacing:-0.3px;color:#4c5ff5;box-sizing:border-box;}
.footer .company-info p {margin-bottom:10px;color: #757575;letter-spacing:-0.3px;line-height:20px;font-size:14px;font-style:normal;display:flex;}
.footer .company-info .address span {display:flex;align-items:center;}
.footer .company-info .address span:last-child:before {content:'';display:inline-block;width:1px;height:14px;background:#757575;margin:0 10px;position:relative;top:1px;}
.footer .company-info a {color:#757575;margin-left:3px;}
.footer .company-info .copy {margin-bottom:0;}

/* breadcrumb */
.breadcrumb-list {display:flex;align-items:center;}
.breadcrumb-list li {margin:0 2px;display:flex;align-items:center;}
.breadcrumb-list li + li:before {content:'';display:inline-block;width:18px;height:18px;min-width:18px;background:url('../images/common/chevron_right_36x36.png') no-repeat 50% 50%;background-size:100%;}
.breadcrumb-list li a {flex:auto;color:#5a5a5a;font-size:12px;line-height:18px;}
.breadcrumb-list .home a {display:inline-block;width:18px;height:18px;background:url('../images/common/ico_home.png') no-repeat 50% 50%;background-size:100%;}
.breadcrumb-list li:last-child a {font-weight:bold;}

.breadcrumb.wh .breadcrumb-list li + li:before {background-image:url('../images/common/chevron_right_wh_36x36.png')}
.breadcrumb.wh .breadcrumb-list li a {color:#fff}
.breadcrumb.wh .breadcrumb-list .home a {background-image:url('../images/common/ico_home_wh.png')}


/* dim 처리 및 scroll block style */
body.menu-open {overflow:hidden}
body.menu-open .header:after {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10;}
body.search-open .wrap:after {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10;}
body.layer-open {overflow:hidden}
body.layer-open .wrap:after {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:25;}

/* 방송 알림 창 */
.alarm-live-ir {position:absolute;top:130px;left:0;z-index:10;width:100%;padding:0 112px;text-align:center;animation:alarmAnimation 2s ease;box-sizing:border-box;}
.alarm-live-ir .alarm-inner {position:relative;margin:0 auto;max-width:1696px;background:rgba(0,0,0,0.65);padding:29px 36px;display:flex;align-items:center;border-radius:10px;box-sizing:border-box;}
.alarm-live-ir .alarm-tit {display:flex;align-items:center;color:#fff;font-weight:700;font-size:24px;line-height:1.33;letter-spacing:-0.3px;padding-right:52px;flex:0 0 284px;}
.alarm-live-ir .alarm-tit:before {content:'';display:inline-block;width:46px;height:34px;margin-right:12px;background:url('../images/common/ico_live_ir.png') no-repeat 0 0}
.alarm-live-ir .alarm-detail {flex:auto;word-break:keep-all;padding-right:230px;}
.alarm-live-ir .alarm-detail p {text-align:left;font-size:16px;line-height:1.5;letter-spacing:-0.4px;color:#fff}
.alarm-live-ir .alarm-detail .detail-date {font-weight:700}
.alarm-live-ir .link-live {font-size:16px;line-height:36px;letter-spacing:-0.4px;color:#fff;border:1px solid #fff;text-align:center;height:40px;width:142px;border-radius:5px;position:absolute;right:104px;top:33px;box-sizing:border-box}

@keyframes alarmAnimation {
  from {top:-106px;opacity:0.5;}
  to {top:130px;opacity:1;}
}

/****** common style ******/
body div::-webkit-scrollbar,
body ul::-webkit-scrollbar {width:5px;height:5px;}
body div::-webkit-scrollbar-thumb,
body ul::-webkit-scrollbar-thumb {background:rgba(0, 0, 0, 0.1)}

.blind {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.w-blind {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.w-block {display:block}
.w-hidden {display:none !important;}
.point {color:#4c5ff5 !important}
.custom-checkbox {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.custom-checkbox + label {display:flex;align-items:center;font-size:14px;line-height:1.43;letter-spacing:-0.4px;color:#5a5a5a}
.custom-checkbox + label:before {content:'';margin-right:6px;width:18px;min-width:18px;height:18px;background:url('../images/common/checkbox_basic.png') no-repeat 50% 50%;background-size:18px;}
.custom-checkbox:checked + label:before {border-color:#4c5ff5;background-image:url('../images/common/checkbox_active.png')}
.custom-checkbox:focus + label {outline:2px solid #000}
.custom-checkbox.none-all:checked + label:before {background-image:url('../images/common/checkbox_all_none.png')}

.custom-radio {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.custom-radio + label {display:flex;align-items:center;font-size:14px;line-height:1.43;letter-spacing:-0.4px;color:#5a5a5a}
.custom-radio + label:before {content:'';margin-right:6px;width:18px;min-width:18px;height:18px;background:url('../images/common/checkbox_basic.png') no-repeat 50% 50%;background-size:18px;}
.custom-radio:checked + label:before {border-color:#4c5ff5;background-image:url('../images/common/radio_active.png')}

input[type="text"],input[type="password"],input[type="tel"]{border:1px solid #e5e5e5;padding:0 18px;height:54px;box-sizing:border-box;border-radius:4px;font-size:16px;color:#333;box-shadow: none;appearance:none;text-overflow:ellipsis;-webkit-appearance: none;font-family: 'Noto Sans KR', 'Apple SD Gothic', '맑은고딕', sans-serif;}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="tel"]::-ms-clear {display: none;}
input[type="text"]::placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]::-webkit-placeholder,
input[type="text"]::-ms-placeholder,
input[type="password"]::placeholder,
input[type="password"]::-webkit-placeholder,
input[type="password"]::-moz-placeholder,
input[type="password"]::-ms-placeholder,
input[type="tel"]::placeholder,
input[type="tel"]::-moz-placeholder,
input[type="tel"]::-webkit-placeholder,
input[type="tel"]::-ms-placeholder,
textarea::placeholder {color:#757575 !important;text-overflow:ellipsis;text-align:left}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled {background-color: rgba(95, 60, 60, 0.04);color: rgba(0, 0, 0, 0.2); }
input[type="text"]:disabled::placeholder,
input[type="text"]:disabled::placeholder,
input[type="password"]:disabled::placeholder,
input[type="tel"]:disabled::placeholder {color:#757575 ;}
select {padding:10px 60px 10px 18px;height:54px;border:1px solid #e5e5e5;border-radius:4px;font-size:16px;box-sizing:border-box;-webkit-appearance: none;appearance: none;background:url('../images/common/arr_select.png') no-repeat right 3px top 50%;background-size:55px;color:#333}
input:-webkit-autofill {
  background-color:#fff
}

textarea {width:100%;border:1px solid rgba(0,0,0,0.1);border-radius:4px;resize:none;height:128px;box-sizing:border-box;padding:15px 18px;font-family: 'Noto Sans KR', 'Apple SD Gothic', '맑은고딕', sans-serif;color:#333;font-weight:400;font-size:16px;line-height:24px;background:none;box-shadow:none;-webkit-appearance: none}
textarea::-webkit-scrollbar {width:4px;}
textarea::-webkit-scrollbar-thumb {background:rgba(0, 0, 0, 0.1)}

.btn-like {display:inline-block;width:24px;height:24px;background:url('../images/common/ico_like.png') no-repeat 50% 50%;background-size:100%;box-sizing:border-box}
.btn-like.on {background-image:url('../images/common/ico_like_on.png')}
.ico-like {display:inline-block;width:24px;height:24px;background:url('../images/common/ico_like.png') no-repeat 50% 50%;background-size:100%;box-sizing:border-box}
.ico-like.on {background-image:url('../images/common/ico_like_on.png')}
.btn-share {display:inline-block;width:24px;height:24px;background:url('../images/common/ico_share.png') no-repeat 50% 50%;background-size:24px;}
.btn-share:hover, .btn-share:focus {background-image:url('../images/common/ico_share_active.png')}
.btn-message {display:inline-block;width:24px;height:24px;background:url('../images/common/ico_mail.png') no-repeat 50% 50%;background-size:24px;}
.btn-message:hover, .btn-message:focus {background-image:url('../images/common/ico_mail_active.png')}
.btn-delete {width:14px;height:14px;border-radius:7px;background:url('../images/common/ico_circle_cancel.png') no-repeat 50% 50%;background-size:14px;}
.btn-img-view {display:none}
.file-download {display:flex;align-items:center;font-size:14px;}
.file-download:after {content:'';display:inline-block;width:14px;height:14px;margin:2px 0 0 2px;background:url('../images/common/ico_download.png') no-repeat 50% 50%;background-size:14px;}

.item-tags {display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.item-tags .tag {display:inline-block;margin:3px 6px 3px 0;text-align:center;letter-spacing:-0.2px;font-size:14px;padding:0 8px;height:20px;line-height:18px;border:1px solid #e5e5e5;border-radius:10px;color:#333}
.item-tags.point .tag,
.item-tags .tag.active {color:#4c5ff5;border-color:#4c5ff5}
.item-tags .ellipsis {position:absolute;top:0;margin:3px 0 3px 0;font-size:12px;padding:0 8px;border:1px solid #e5e5e5;border-radius:10px;color:#333;letter-spacing:-1px;line-height:20px;}

.btn-basic {display:inline-block;padding:0 10px;color:#5a5a5a;font-size:14px;border:1px solid #e5e5e5;border-radius:4px;font-weight:700;box-sizing:border-box;height:54px;line-height:52px;}
.btn-point {display:inline-block;padding:0 10px;color:#fff;font-size:14px;background:#4c5ff5;border-radius:4px;font-weight:700;box-sizing:border-box;height:54px;line-height:52px;}
.btn-point-line {display:inline-block;padding:0 16px;color:#4c5ff5;font-size:14px;border:1px solid #4c5ff5;border-radius:4px;font-weight:700;box-sizing:border-box;height:54px;line-height:52px;}
.btn-dark {display:inline-block;padding:0 10px;color:#fff;font-size:14px;background:#2d34a4;border-radius:4px;font-weight:700}
.btn-point.disabled {color:#6e6e6e;background-color:#f1f1f1;}
.btn-gray {display:inline-block;border-radius:4px;font-weight:700;box-sizing:border-box;height:54px;line-height:52px;background-color:#f5f5f5;color:#5a5a5a;font-size:14px;padding:0 16px;}
.btn-select-sty {display:flex;justify-content:space-between;align-items:center;width:100%;height:54px;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:4px;padding:10px 0 10px 18px ;text-align:left;color:#333;line-height:24px;font-size:16px;overflow:hidden}
.btn-select-sty:after {content:'';display:inline-block;width:55px;height:100%;background:url('../images/common/arr_select.png') no-repeat 100% 50%;background-size:55px;}
.btn-basic-line {display:inline-block;height:36px;line-height:34px;border:1px solid #757575;border-radius:4px;padding:0 12px;font-size:14px;color:#5a5a5a}
.btn-basic-line.disabled {border-color:#e5e5e5;color:#ccc;background:#f5f5f5}


.btn-list-more {text-align:center;}
.btn-list-more .btn-more {font-size:14px;font-weight:700;color:#5a5a5a;border:1px solid #e5e5e5;height:54px;width:226px;border-radius:4px;text-align:center}

.link-list-wrap {position:absolute;left:0;top:36px;width:100%;}
.link-list {font-size:14px;line-height:20px;letter-spacing:-0.4px;color:#5a5a5a;display:flex;align-items:center;}
.link-list:before {content:'';
display:inline-block;width:24px;height:24px;background:url('../images/common/chevron_left_48x48.png') no-repeat 50% 50%;background-size:100%;}
.alert-txt {font-size:12px;line-height:17px;color:#4c5ff5;margin-top:2px;text-align:left}
.alert-txt.fail {color:#f95d5d}

.btn-txt-more {display:none;}
.more .btn-txt-more {display:inline-block;margin-top:4px;font-size:16px;line-height:1.5;letter-spacing:-0.5px;text-decoration:underline;}

.radio-tab {display:flex;border-radius:4px;}
.radio-tab li {flex:1;text-align:center}
.radio-tab li label {display:block;height:54px;width:100%;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;line-height:52px;font-size:14px;font-weight:700;color:#5a5a5a;}
.radio-tab li:first-child label {border-radius:4px 0 0 4px;}
.radio-tab li:last-child label {border-radius:0 4px 4px 0;}
.radio-tab li label span {display:flex;align-items:center;justify-content:center;}
.radio-tab li input[type="radio"]:checked + label {border-color:#4c5ff5;color:#4c5ff5}
.radio-tab li input[type="radio"]:focus + label {border-color:#000;}
.radio-tab li input[type="radio"]:checked + label span:before {content:'';display:inline-block;width:24px;height:24px;margin-right:6px;background:url('../images/common/ico_check_active_48x48.png') no-repeat 50% 50%;background-size:24px}

.radio-tab-cont  {width:100%;}
.radio-tab-cont > div {display:none;}
.radio-tab-cont > div.on {display:flex;}

.tab-list {display:flex;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #e5e5e5}
.tab-list .tab-item {padding:8px;font-size:20px;color:#757575;line-height:1.6;letter-spacing:-0.4px;border-bottom:4px solid transparent;margin:0 25px;}
.tab-list button.tab-item {cursor:pointer}
.tab-list .tab-item.on {color:#000;border-bottom:4px solid rgba(0,0,0,0.8)}
.tab-list .tab-item span {line-height:32px;}
.detail-tab-cont {display:none}
.detail-tab-cont.on {display:block}

.link-tab-list {display:flex;justify-content:center;align-items:center;width:100%;border-bottom:1px solid #e5e5e5;}
.link-tab-list .link-item {padding:8px;font-size:20px;color:#797979;line-height:1.6;letter-spacing:-0.4px;border-bottom:4px solid transparent;cursor:pointer;margin:0 25px;}
.link-tab-list .link-item.on {color:#000;border-bottom:4px solid rgba(0,0,0,0.8)}
.link-tab-list .link-item span {line-height:32px;}

.tab-sty-tit {display:flex;justify-content:center;width:100%;border-bottom:1px solid #e5e5e5}
.tab-sty-tit .tit {display:inline-block;padding:8px;font-size:20px;color:#000;line-height:1.6;letter-spacing:-0.4px;border-bottom:4px solid #333;margin:0 25px;font-weight:400;}

.folding-cont {display:none}

.ui-datepicker {display:none;width:370px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;margin-top:12px;z-index:25 !important;}
.ui-datepicker-header {display:flex;padding:16px 0;align-items:center;justify-content:center;position:relative;}
.ui-datepicker-header .ui-datepicker-title {font-size:20px;line-height:1.6;letter-spacing:-0.4px;color:#333}
.ui-datepicker-header .ui-icon {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.ui-datepicker-header .ui-datepicker-prev {position:absolute;left:0;top:0;display:inline-block;width:56px;height:64px;background:url('../images/common/chevron_left_48x48.png') no-repeat 50% 50%;background-size:24px;cursor:pointer;}
.ui-datepicker-header .ui-datepicker-next {position:absolute;right:0;top:0;display:inline-block;width:56px;height:64px;background:url('../images/common/chevron_right_48x48.png') no-repeat 50% 50%;background-size:24px;cursor:pointer;}
.ui-datepicker .ui-datepicker-calendar {display:block;padding:4px 20px 20px;box-sizing:border-box}
.ui-datepicker .ui-datepicker-calendar thead,
.ui-datepicker .ui-datepicker-calendar tbody {display:block;}
.ui-datepicker .ui-datepicker-calendar tr {display:flex;justify-content:space-between;}
.ui-datepicker .ui-datepicker-calendar th {display:inline-block;font-size:14px;line-height:1.43;letter-spacing:-0.4px;color:#333;font-weight:700;padding:4px 0;height:32px;width:calc(100% / 7)}
.ui-datepicker .ui-datepicker-calendar td {display:inline-block;font-size:14px;line-height:1.43;letter-spacing:-0.4px;text-align:center;height:32px;padding:4px 0;width:calc(100% / 7)}
.ui-datepicker .ui-datepicker-calendar a,
.ui-datepicker .ui-datepicker-calendar span {display:inline-block;width:100%;height:32px;line-height:30px;box-sizing:border-box;border:1px solid transparent;color:#333;}
.ui-datepicker .ui-datepicker-calendar span[title="Sunday"] {color:#ff6a6a}

.ui-datepicker .ui-datepicker-calendar .ui-state-active{background:#4c5ff5;color:#fff;}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover{background:rgba(0,0,0,0.04);color:#333}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {border-color:#4c5ff5;color:#333;background:#fff}
.datepicker {position:relative;}
.datepicker input:disabled {background:#fff;}
.datepicker input:disabled::placeholder {color:#757575}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month span {color:#757575}
.ui-datepicker .ui-datepicker-current {display:none;height:64px;line-height:32px;text-align:center;width:100%;font-size:20px;letter-spacing:-0.4px;color:#4c5ff5}
.ui-datepicker .ui-datepicker-close {position:absolute;left:230px;top:-52px;overflow:hidden;width:24px;height:24px;text-indent:-9999px;background: #fff url('../images/common/cancel_bk.png') no-repeat 50% 50%;background-size:24px;}
.ui-datepicker.form .ui-datepicker-close {left:242px;top:-52px;}
.ui-datepicker .ui-datepicker-clear {position:absolute;left:135px;top:-47px;overflow:hidden;width:14px;height:14px;background: #fff url('../images/common/ico_circle_cancel.png') no-repeat 50% 50%;background-size:14px;text-indent:-9999px;}

.layer-popup {display:none;position:fixed;left:0;top:0;height:0;width:100%;height:100%;z-index:30;align-items:center;justify-content:center;}
.layer-popup .layer-wrap {background:#fff;width:492px;border-radius:10px;position:relative;background-repeat: inherit;overflow:hidden;margin:0 12px;}
.layer-wrap .layer-header{font-size:20px;font-weight:700;padding:22px 30px;border-bottom:1px solid rgba(0,0,0,0.1)}
.layer-popup .layer-cont {padding:36px;box-sizing:border-box}
.layer-popup .layer-cont .layer-tit {font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-0.3px;margin-bottom:12px;}
.layer-popup .layer-cont .layer-txt {font-size:16px;line-height:1.75;letter-spacing:-0.4px;color:#333}
.layer-popup .layer-btn {text-align:right;padding:0 36px 30px;display:flex;justify-content:flex-end;}
.layer-popup .layer-btn.justify {justify-content:space-between;align-items:center;}
.layer-popup .layer-btn button {height:36px;width:108px;font-size:14px;line-height:34px;font-weight:400;background:#4c5ff5;position:static;margin-left:6px;}
.layer-popup .layer-btn button.btn-gray {background-color:rgba(0, 0, 0, 0.04)}
.layer-wrap .layer-footer {border-top:1px solid rgba(0,0,0,0.1);padding:18px 30px;display:flex;justify-content: flex-end;}
.layer-wrap .layer-footer.justify {justify-content:space-between;}
.layer-wrap .layer-footer button {width:108px;height:36px;margin-left:8px;line-height:34px;font-weight:400}
.layer-wrap .layer-footer button:first-child {margin-left:0;}
.layer-wrap .layer-footer button.sm {width:50px;padding:0 8px;}
.layer-wrap .layer-footer button.ly-close {background-image:none;position:static}
.layer-wrap .layer-footer button.ly-close.btn-point {background-color:#4c5ff5}
.layer-wrap .ly-close {width:24px;height:24px;background:url('../images/common/cancel_bk.png') no-repeat 50% 50%;background-size:24px;position:absolute;right:24px;top:24px;}
.layer-wrap .ly-close2 {width:24px;height:24px;background:url('../images/common/cancel_bk.png') no-repeat 50% 50%;background-size:24px;position:absolute;right:24px;top:24px;}

#videoPopup .layer-wrap,
#youtubePopup .layer-wrap  {width:1008px;background:#000;}
#videoPopup .video-area,
#youtubePopup .video-area {box-sizing:border-box;position:relative;padding:52px 0 53px;}
#videoPopup .video-area .youtube-wrap,
#youtubePopup .video-area .youtube-wrap  {padding-bottom:56.25%;display:block;position:relative}
#videoPopup .video-area .youtube-wrap:after,
#youtubePopup .video-area .youtube-wrap:after {content:'';height:100%;display:inline-block;vertical-align: middle;}
#videoPopup .video-area video {width:100%;height:100%;max-height:500px;}
#videoPopup .video-area iframe,
#youtubePopup .video-area iframe {width:100%;height:100%;position:absolute;left:0;top:0;}
#videoPopup .video-area .btn-play {display:inline-block;width:98px;height:98px;background:url('../images/content/ico_play.png') no-repeat 50% 50%;position:absolute;left:50%;top:50%;margin:-49px 0 0 -49px;}
#videoPopup .ly-close,
#youtubePopup .ly-close {background-image:url('../images/common/cancel_48x48.png')}
.layer-popup .script-area {padding:0 24px 24px 24px;height:108px;width:100%;box-sizing:border-box}
.layer-popup .script-area.none {height:auto;padding:0;}
.layer-popup .script-text {height:100%;overflow-y:auto}
.layer-popup .script-text p {color:#fff;font-size:16px;line-height:24px;color:#ccc;word-break:keep-all;overflow-wrap:break-word}
.layer-popup .script-text::-webkit-scrollbar{width:17px; height:17px;}
.layer-popup .script-text::-webkit-scrollbar-thumb{background:#c1c1c1;}
.layer-popup .script-text::-webkit-scrollbar-track{background:#f1f1f1;}

.loading-layer {display:none;position:fixed;left:0;top:0;height:0;width:100%;height:100%;z-index:30;align-items:center;justify-content:center;}
.loading-layer .loading-circle {display:inline-block;position:relative;width:98px;height:98px;background:url('../images/common/loading_logo.png');background-size:100%;}
.loading-layer .loading-circle .bg {display:inline-block;position:absolute;left:50%;top:50%;margin:-33px 0 0 -33px;width:66px;height:66px;background:url('../images/common/loading_bg.png');background-size:100%;animation:rotation 1.5s infinite linear;}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }to {
    transform: rotate(359deg);
  }
}

.pagination {display:flex;justify-content: center;align-items:center;}
.pagination .num {display:inline-block;width:24px;line-height:24px;color:#5a5a5a;text-align:center;}
.pagination .num.active {color:#4c5ff5}
.pagination .btn-next {margin-left:12px;width:24px;height:24px;background:url('../images/common/chevron_right_bk.png') no-repeat 50% 50%;background-size:100%;}
.pagination .btn-prev {margin-right:12px;width:24px;height:24px;background:url('../images/common/chevron_left_bk.png') no-repeat 50% 50%;background-size:100%;}
.pagination .btn-next.disabled {background-image:url('../images/common/chevron_right_disabled_48x48.png')}
.pagination .btn-prev.disabled {background-image:url('../images/common/chevron_left_disabled_48x48.png')}

.ly-dropdown {display:none;position:absolute;left:0;top:66px;width:100%;height:300px;background:#fff;border-radius:4px;border:1px solid #e5e5e5;z-index:10;}
.ly-dropdown .ly-inner {overflow:hidden;border-radius:4px;height:100%;}
.ly-dropdown ul {overflow:hidden;overflow-y:auto;height:100%}
.ly-dropdown li {display:flex;padding:12px 17px 11px;font-size:14px;line-height:20px;align-items:center;box-sizing:border-box;min-height:53px;}
.ly-dropdown li:hover {background-color:rgba(76,95,245, 0.1)}
.ly-dropdown .ly-close {display:block;position:absolute;right:18px;top:-52px;width:24px;height:24px;background:#fff url('../images/common/cancel_bk.png') no-repeat 50% 50%;background-size:100%;}
.ly-dropdown .ly-close.btn-point {background:#4c5ff5;height:54px;line-height:52px;display:inline-block;position:static}
.ly-dropdown .company-list .item-thum {display:inline-block;width:30px;height:30px;border-radius:4px;overflow:hidden;margin-right:6px;}
.ly-dropdown .company-list .item-thum img {width:100%;height:100%;}

.block-msg {display:none;}
.block .block-msg {display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.block .block-msg p {color:#757575;font-size:16px;line-height:24px;letter-spacing:-0.4px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.block .block-msg p:before {content:'';display:inline-block;width:98px;height:98px;margin-bottom:8px;background:url('../images/common/ico_result_none.png') no-repeat 50% 50%;background-size:100%;}

.swiper-pagination-bullet {opacity:1 !important;}


@media all and (max-width: 1696px) {
.header .logo {left:112px;}
.header .header-side {right:112px;}
.footer {padding:57px 0 58px;}
.alarm-live-ir .alarm-detail {padding-right:160px;}
.alarm-live-ir .link-live {right:36px}
}
@media all and (max-width: 1480px) {
  #gnb .menu-list > li {padding:0 10px;}
  .header .header-side .header-link {margin-left:10px;}
  .header .header-side .btn-myinfo,
  .header .header-side .btn-login {margin-left:10px;}
}
@media all and (max-width: 1340px) {
  #gnb .menu-list > li {padding:0;}
}
@media all and (max-width: 1300px){
  #gnb {padding-right:50px;}
  .header .header-search {display:none;}
}
@media all and (max-width: 1200px) {
  .con-inner {width:100%;padding:0 68px;}
  .header .logo {left:68px;}
  .header .header-side {right:68px;}
  .alarm-live-ir {padding:0 68px;}
  .link-list {left:68px;}
}

@media all and (min-width: 1024px) {
#gnb .menu-list > li.focus .sub-menu,
#gnb .menu-list > li:hover .sub-menu {display:block !important;}
#gnb .menu-list > li > a:after {content:attr(data-text);height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold;}
}

@media all and (max-width: 1024px) {
  .w-blind {position:static;width:auto;height:auto;margin:0;}
  .m-blind {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
  .header .con-inner {height:56px;text-align:center;padding:0;vertical-align:top}
  .header .logo {position:static;width:124px;display:inline-block;}
  .header .logo a {padding:22px 0;height:13px;background:url('../images/common/m_logo.png') no-repeat 50% 50%;background-size:124px;}
  .header .logo .pg-title {display:none}

  .header .header-side {top:0;right:0;}
  .header .header-side .header-link {display:none}
  .header .header-side .btn-login {display:none;}
  .header .header-side .btn-myinfo {display:none;}
  .header .btn-m-menu {width:56px;height:56px;position:absolute;left:0px;top:0px;padding:16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
  .header .btn-m-menu > span {display:inline-block;width:14px;height:1px;background:rgba(0, 0, 0, 0.8);position:relative;}
  .header .btn-m-menu > span:before {content:'';display:block;width:14px;height:1px;background:rgba(0, 0, 0, 0.8);margin-top:-6px;}
  .header .btn-m-menu > span:after {content:'';width:14px;height:1px;background:rgba(0, 0, 0, 0.8);display:block;margin-top:11px;}
  #gnb {padding:0;}
  #gnb .main-menu {position:fixed;left:-100%;top:0;width:80%;height:100%;transition:all 0.5s ease;z-index:30;}
  #gnb .main-menu .menu-inner {display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;background:#fff;box-sizing:border-box;overflow-y:auto;height:100%;}
  #gnb .main-menu .menu-top {display:block;padding:26px 0 27px 24px;text-align:left;width:100%;box-sizing:border-box}
  #gnb .nav-logo {display:inline-block;margin-bottom:26px;width:134px;height:20px;background:url('../images/common/m_logo2.png') no-repeat 50% 50%;background-size:134px;}
  #gnb .my-info {display:flex;flex-direction: row;align-items:center;}
  #gnb .my-info .profile-photo {position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:100%;padding:2px;border:1px solid transparent;margin-right:12px;background:url('../images/common/m_photo.png');background-size:cover;}
  #gnb .my-info.login {position:relative;background:none}
  #gnb .my-info.login .profile-photo {background-image:none;}
  #gnb .my-info.login .profile-photo .profile-inner {display:block;width:100%;height:100%;border-radius:100%;background:url('../images/common/m_photo.png');background-position:50% 50%;background-size:cover;overflow:hidden}
  #gnb .my-info.login .profile-photo .general {background-image:url('../images/common/ico_member_general.png')}
  #gnb .my-info.login .profile-photo .startup {background-image:url('../images/common/ico_member_startup.png');}
  #gnb .my-info.login .profile-photo .investor {background-image:url('../images/common/ico_member_investor.png');}
  #gnb .my-info.login .profile-photo .admin {background-image:url('../images/common/ico_member_admin.png');background-color:rgba(0, 0, 0, 0.1)}
  #gnb .my-info.login .profile-photo .photo {border:1px solid rgba(0,0,0,0.1);}
  #gnb .my-info.login .profile-photo.alarm:after {content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background:#ff6a6a;position:absolute;top:0px;right:0px;z-index:1;}
  #gnb .my-info.login .profile-photo.on {border-color:#4c5ff5}
  #gnb .my-info.login .login-link {display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
  #gnb .my-info.login .login-link:after {display:none;}
  #gnb .my-info .login-link {display:flex;align-items:center;font-size:16px;line-height:1.5;letter-spacing:-0.5px;font-weight:500}
  #gnb .my-info .login-link:after {content:'';display:inline-block;margin-left:4px;width:24px;height:24px;background:url('../images/common/m_chevron_right_48x48.png') no-repeat 0 0;background-size:24px;}
  #gnb .my-info .my-info-txt {display:Flex;flex-direction:column;align-items:flex-start;}
  #gnb .my-info .my-info-txt .name {font-size:16px;line-height:1.5;letter-spacing:-0.5px;font-weight:500}
  #gnb .my-info .my-info-txt .company {font-size:12px;font-weight:500;color:rgba(0,0,0,0.65);letter-spacing:-0.5px;}
  #gnb .menu-list {flex-direction:column;width:100%;text-align:left;height:calc(100% - 223px);overflow-y:auto;}
  #gnb .main-menu .menu-list .menu-contact {display:block;}
  body.menu-open #gnb .main-menu {left:0;}
  #gnb .menu-list > li {padding:0;}
  #gnb .menu-list > li > a {display:flex;padding:16px 0 16px 24px;font-size:16px;color:rgba(0,0,0,0.8);line-height:24px;font-weight:400}
  #gnb .menu-list > li:hover .sub-menu,
  #gnb .menu-list > li.focus .sub-menu {display:none;}
  #gnb .menu-list > li.has-sub {display:flex;flex-wrap:wrap;justify-content:space-between;}
  #gnb .menu-list > li.has-sub > a {flex:auto;box-sizing:border-box}
  #gnb .menu-list li.has-sub .btn-folding {display:inline-block;height:56px;background:url('../images/common/m_chevron_down_48x48.png') no-repeat 50% 50%;background-size:24px;flex:0 0 72px;}
  #gnb .menu-list > li .sub-menu {position:static;box-shadow:none;padding:0 !important;width:100%;}
  #gnb .menu-list > li.show {background:rgba(76,95,245,0.1);}
  #gnb .menu-list > li.show > a {font-weight:700;color:#4c5ff5;}
  #gnb .menu-list > li.show.has-sub .btn-folding {background-image:url('../images/common/m_chevron_up_48x48.png');}
  #gnb .menu-list > li .sub-menu li + li {margin:0;}
  #gnb .menu-list > li .sub-menu a {display:block;font-size:14px;color:rgba(0,0,0,0.65);line-height:20px;padding:14px 48px;}
  #gnb .btn-logout {display:flex;align-items:center;width:100%;box-sizing:border-box;padding:23px 24px;font-size:16px;font-weight:500;color:rgba(0,0,0,0.8);line-height:24px;text-align:left;position:absolute;left:0;bottom:0;}
  #gnb .btn-logout span {padding-bottom:3px;}
  #gnb .btn-logout:before {content:'';display:inline-block;width:24px;height:24px;background:url('../images/common/ico_logout.png') no-repeat 0 0;background-size:24px;}
  #gnb .btn-close {display:block;position:absolute;right:12px;top:8px;display:inline-block;width:48px;height:48px;background:url('../images/common/m_cancle_48x48.png') no-repeat 50% 50%;background-size:24px;}

  .header.tit-header > .con-inner {display:none}
  .header.tit-header .m-tit-header {display:block;text-align:center;display:flex;align-items:center;justify-content:center;height:56px;}
  .header.tit-header .link-home {display:inline-block;width:56px;height:56px;position:absolute;right:0;top:0;background:url('../images/common/m_ico_home.png') no-repeat 50% 50%;background-size:24px;}
  .header.tit-header .btn-prev {display:inline-block;width:56px;height:56px;position:absolute;left:0;top:0;background:url('../images/common/m_chevron_left_48x48.png') no-repeat 50% 50%;background-size:24px;}
  .header.tit-header .pg-title {width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.38;}
  .header .ly-myinfo-menu {display:none !important}

  #content {padding-top:56px;}

  /* dim 처리 및 scroll block style */
  body.filter-open {overflow:hidden}
  body.filter-open .header {z-index:1;position:static}
  body.search-open .wrap:after {display:none;}
  body.filter-open #content {padding-top:0;}
  body.filter-open #content:after {content:'';display:block;position:fixed;left:0;top:0;width:100% !important;height:100%;border:0;background:rgba(0,0,0,0.3);z-index:8;border-radius:0;overflow:hidden}

  .alarm-live-ir {top:80px;padding:0 68px;animation-name:alarmAnimationMobile;}
  .alarm-live-ir .alarm-inner {flex-direction:column;align-items:flex-start;padding:24px 20px;}
  .alarm-live-ir .alarm-tit {font-size:16px;line-height:1.5;letter-spacing:-0.4px;margin-bottom:7px;padding-right:0;flex:auto;}
  .alarm-live-ir .alarm-tit:before {width:23px;height:17px;margin-right:8px;background-size:auto 17px;}
  .alarm-live-ir .alarm-detail {margin-bottom:16px;width:100%;padding:0;}
  .alarm-live-ir .alarm-detail p {font-size:14px;line-height:1.43;letter-spacing:-0.4px;}
  .alarm-live-ir .link-live {position:static;width:100%;font-size:14px;}
  @keyframes alarmAnimationMobile {
    from {top:-106px;opacity:0.5;}
    to {top:80px;opacity:1;}
  }

  .link-list {display:none}
  .alert-txt {font-size:12px;line-height:17px}

  .ui-datepicker .ui-datepicker-clear {left:auto;top:-42px;right:95px;}
  .ui-datepicker-header {padding:20px;}
  .ui-datepicker-header .ui-datepicker-title {font-size:16px;line-height:1.88;letter-spacing:-0.5px;}
  .ui-datepicker-header .ui-datepicker-prev {height:70px;}
  .ui-datepicker-header .ui-datepicker-next {height:70px;}
  .ui-datepicker .ui-datepicker-calendar {padding:0 20px 23px;}
  .ui-datepicker .ui-datepicker-current {height:62px;font-size:16px;line-height:60px;}
  .ui-datepicker .ui-datepicker-close {display:none;}
  .ui-datepicker .ui-datepicker-close:before {content:'';display:block;width:100vw;height:54px;color:#fff;}
  .ui-datepicker .ui-datepicker-clear {display:none}
  .block .block-msg p {font-size:16px;line-height:24px;}
  .block .block-msg p:before {margin-bottom:8px;}

}
@media all and (min-width: 720px) {
  .m-folding-cont {display:block !important}
}
@media all and (max-width: 720px) {
  .w-block {display:inline}
  .m-block {display:block;}
  .m-hidden {display:none !important;}
  .w-hidden {display:block !important;}

  .con-inner {width:100%;padding:0 24px;}

  .footer {padding:36px 0}
  .footer .con-inner {padding:0 24px}
  .footer .rel-link {margin-bottom:24px;}
  .footer .rel-link li:after {height:14px;}
  .footer .rel-link a {font-size:14px;line-height:20px;letter-spacing:-0.4px;}
  .footer .company-info p {font-size:13px;line-height:19px;letter-spacing:-0.4px;margin-bottom:6px;}
  .footer .company-info .address span:last-child {padding-left:0;margin-left:8px;}
  .footer .company-info p:not(:nth-child(2)) {display:block}
  .footer .company-info p:first-child span {padding-left:0;margin:6px 0 0 0;}
  .footer .company-info p:first-child span:last-child {margin-left:0;}
  .footer .company-info .address span:last-child:before {display:none;}

  .breadcrumb-list li a {font-size:10px;text-align:left}
  .breadcrumb-list li:not(:last-child) {flex:0 0 auto}
  .breadcrumb-list li:last-child {flex:1 1 auto;overflow:hidden;}
  .breadcrumb-list li:last-child a {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
  .breadcrumb-list .home a {width:16px;height:16px;background-image:url('../images/common/m_ico_home_bread.png')}

  .alarm-live-ir {padding:0 24px;}

  .btn-basic, .btn-point, .btn-point-line, .btn-gray {height:48px;line-height:46px;}
  .btn-list-more .btn-more {height:48px;width:160px;font-size:14px;}

  input[type="text"],
  input[type="password"],
  input[type="tel"],
  select {padding:0 12px;height:48px;font-size:14px;}
  textarea {padding:12px;height:240px;font-size:14px;}

  .radio-tab li label {height:48px;line-height:46px;}

  .btn-share {margin-left:12px;width:24px;height:24px;background-image:url('../images/common/m_ico_share.png'); background-size:24px;}
  .btn-img-view {display:block;width:24px;height:24px;background:url('../images/common/ico_img_view.png') no-repeat 50% 50%;background-size:24px;border-radius:100%;}

  .tab-list .tab-item {font-size:16px;line-height:30px;letter-spacing:-0.5px;padding:6px 4px;margin:0 13px -1px;}
  .tab-list .tab-item.on {border-width:2px;}
  .tab-list .tab-item span {line-height:30px;}

  .link-tab-list .link-item {font-size:12px;line-height:30px;letter-spacing:-0.5px;padding:6px 4px;margin:0 13px -1px;}
  .link-tab-list .link-item.on {border-width:2px;}
  .link-tab-list .link-item span {line-height:30px;}

  .m-folding-cont {display:none;padding-bottom:48px;}

  .layer-popup {align-items:flex-end;}
  .layer-popup .layer-wrap {padding:0px;border-radius:0px;width:100%;margin:0;}
  .layer-wrap.full {height:100%;}
  .layer-popup .layer-cont {padding:24px 24px 30px;}
  .layer-popup .layer-cont .layer-tit {font-size:18px;line-height:1.44;letter-spacing:-0.5px;}
  .layer-popup .layer-cont .layer-txt {font-size:16px;line-height:1.88;letter-spacing:-0.5px;}
  .layer-popup .layer-btn {margin-top:30px;padding:0;}
  .layer-popup .layer-cont + .layer-btn {margin-top:0;}
  .layer-popup .layer-wrap > .ly-close.btn-point {height:62px;width:100%;font-size:14px;line-height:60px;font-weight:700;border-radius:0;}
	.layer-wrap .layer-header {text-align:center;font-size:16px;font-weight:500;color:rgba(0,0,0,0.8);padding:12px 0;line-height:30px;}
	.layer-wrap .ly-close {right:15px;top:15px;}
	.layer-wrap .layer-btn > button {flex:1;height:62px;width:100%;margin:0;border-radius:0;}
	.layer-wrap .ly-close.btn-point {position:static;background:#4c5ff5;border-radius:0;}
  .layer-wrap .layer-footer button {height:62px;line-height:60px;margin:0;border-radius:0;font-weight:700;}
	.layer-wrap .layer-footer .btn-basic {background:rgba(0,0,0,0.04);width:120px ;border:0;}
	.layer-wrap .layer-footer .btn-basic.sm {width:120px;}
	.layer-wrap .layer-footer .btn-basic.m-full {width:100%;}
	.layer-wrap .layer-footer .btn-point {width:calc(100% - 120px);}

  #videoPopup .layer-wrap,
  #youtubePopup .layer-wrap {display:flex;align-items:center;position:relative;height:100%;}
  #videoPopup .video-area,
  #youtubePopup .video-area {width:100%;max-height:100%;padding:0;}
  .layer-wrap .script-area {position:absolute;left:0;bottom:0;}

}

@media all and (max-width: 320px) {
  #gnb .main-menu .menu-inner {width:90%;}
  #gnb .menu-list li.has-sub .btn-folding {flex:0 0 52px;}
  .link-tab-list .link-item {margin:0 8px -1px;}
}


/* 운영  css 추가 (21.10.06 ~ ) */

.fl {float: left;}
.fr {float: right;}
.fn {float:none !important;}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}

.vm {vertical-align: middle !important}
.vt {vertical-align: top !important}
.vb {vertical-align: bottom !important}

.mg0 {margin: 0px !important;}
.mt0 {margin-top: 0px !important;}
.mr0 {margin-right: 0px !important;}
.mb0 {margin-bottom: 0px !important;}
.ml0 {margin-left: 0px !important;}

.mt5 {margin-top: 5px !important;}
.mr5 {margin-right: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.ml5 {margin-left: 5px !important;}

.mt10{margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}

.mt14{margin-top: 14px !important;}
.mr14 {margin-right: 14px !important;}
.mb14 {margin-bottom: 14px !important;}
.ml14 {margin-left: 14px !important;}

.mt15 {margin-top: 15px !important;}
.mr15 {margin-right: 15px !important;}
.mb15 {margin-bottom: 15px !important;}
.ml15 {margin-left: 15px !important;}

.mt20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}

.mt25 {margin-top: 25px !important;}
.mr25 {margin-right: 25px !important;}
.mb25 {margin-bottom: 25px !important;}
.ml25 {margin-left: 25px !important;}

.mt30 {margin-top: 30px !important;}
.mr30 {margin-right: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml30 {margin-left: 30px !important;}

.mt35 {margin-top: 35px !important;}
.mr35 {margin-right: 35px !important;}
.mb35 {margin-bottom: 35px !important;}
.ml35 {margin-left: 35px !important;}

.mt40 {margin-top: 40px !important;}
.mr40 {margin-right: 40px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml40 {margin-left: 40px !important;}

.mt45 {margin-top: 45px !important;}
.mr45 {margin-right: 45px !important;}
.mb45 {margin-bottom: 45px !important;}
.ml45 {margin-left: 45px !important;}

.mt50 {margin-top: 50px !important;}
.mr50 {margin-right: 50px !important;}
.mb50 {margin-bottom: 50px !important;}
.ml50 {margin-left: 50px !important;}

.mt60 {margin-top: 60px !important;}
.mr60 {margin-right: 60px !important;}
.mb60 {margin-bottom: 60px !important;}
.ml60 {margin-left: 60px !important;}

.mt70 {margin-top: 70px !important;}
.mr70 {margin-right: 70px !important;}
.mb70 {margin-bottom: 70px !important;}
.ml70 {margin-left: 70px !important;}

.mt80 {margin-top: 80px !important;}
.mr80 {margin-right: 80px !important;}
.mb80 {margin-bottom: 80px !important;}
.ml80 {margin-left: 80px !important;}

.mt150 {margin-top: 150px !important;}
.mr150 {margin-right: 150px !important;}
.mb150 {margin-bottom: 150px !important;}
.ml150 {margin-left: 150px !important;}

.pd0 {padding:0 !important}
.pt0 {padding-top: 0px !important;}
.pr0 {padding-right: 0px !important;}
.pb0 {padding-bottom: 0px !important;}
.pl0 {padding-left: 0px !important;}

.pt5 {padding-top: 5px !important;}
.pr5 {padding-right: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pl5 {padding-left: 5px !important;}

.pd10 {padding:10px !important;}
.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}

.pd13 {padding:13px !important;}
.pt13 {padding-top: 13px !important;}
.pr13 {padding-right: 13px !important;}
.pb13 {padding-bottom: 13px !important;}
.pl13 {padding-left: 13px !important;}

.pt15 {padding-top: 15px !important;}
.pr15 {padding-right: 15px !important;}
.pb15 {padding-bottom: 15px !important;}
.pl15 {padding-left: 15px !important;}

.pd18 {padding: 18px !important;}
.pt18 {padding-top: 18px !important;}
.pr18 {padding-right: 18px !important;}
.pb18 {padding-bottom: 18px !important;}
.pl18 {padding-left: 18px !important;}

.pd20 {padding: 20px !important;}
.pt20 {padding-top: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}

.pd25 {padding: 25px !important;}
.pt25 {padding-top: 25px !important;}
.pr25 {padding-right: 25px !important;}
.pb25 {padding-bottom: 25px !important;}
.pl25 {padding-left: 25px !important;}

.pd30 {padding: 30px !important;}
.pt30 {padding-top: 30px !important;}
.pr30 {padding-right: 30px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl30 {padding-left: 30px !important;}

.pd35 {padding: 35px !important;}
.pt35 {padding-top: 35px !important;}
.pr35 {padding-right: 35px !important;}
.pb35 {padding-bottom: 35px !important;}
.pl35 {padding-left: 35px !important;}

.pd40 {padding: 40px !important;}
.pt40 {padding-top: 40px !important;}
.pr40 {padding-right: 40px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl40 {padding-left: 40px !important;}

.pd50 {padding: 50px !important;}
.pt50 {padding-top: 50px !important;}
.pr50 {padding-right: 50px !important;}
.pb50 {padding-bottom: 50px !important;}
.pl50 {padding-left: 50px !important;}

.pd55 {padding: 55px !important;}
.pt55 {padding-top: 55px !important;}
.pr55 {padding-right: 55px !important;}
.pb55 {padding-bottom: 55px !important;}
.pl55 {padding-left: 55px !important;}

.pd60 {padding: 60px !important;}
.pt60 {padding-top: 60px !important;}
.pr60 {padding-right: 60px !important;}
.pb60 {padding-bottom: 60px !important;}
.pl60 {padding-left: 60px !important;}

.pd70 {padding: 70px !important;}
.pt70 {padding-top: 70px !important;}
.pr70 {padding-right: 70px !important;}
.pb70 {padding-bottom: 70px !important;}
.pl70 {padding-left: 70px !important;}

.pd80 {padding: 80px !important;}
.pt80 {padding-top: 80px !important;}
.pr80 {padding-right: 80px !important;}
.pb80 {padding-bottom: 80px !important;}
.pl80 {padding-left: 80px !important;}

.pd190 {padding: 190px !important;}
.pt190 {padding-top: 190px !important;}
.pr190 {padding-right: 190px !important;}
.pb190 {padding-bottom: 190px !important;}
.pl190 {padding-left: 190px !important;}

.txt15 { font-size: 15px !important;; }
.txt16 { font-size: 16px !important;; }
.txt18 { font-size: 18px !important;; }
.txt20 {font-size: 20px !important;; line-height: 1.6em;}
.txt28 { font-size: 28px !important;; }
.txt30 { font-size: 30px !important;; }
.txt34 { font-size: 34px !important;; }
.txtL {font-size: 24px !important;; line-height: 1.47em; letter-spacing: -0.03em;}
.txtM {font-size: 14px !important;; line-height: 1.6em;}
.txtS {font-size: 12px !important;; line-height: 1.6em;}
.txtLetter { letter-spacing: -0.03em; }

.c000 {color:#000000 !important;}
.c333 {color:#333333 !important;}
.c666 {color:#666666 !important;}
.c999 {color:#999999 !important;}

#gnb .menu-list .sub-point{position:relative; color:#4c5ff5;}
#gnb .menu-list .sub-point:before{content:''; position:absolute; top:53%; left:-10px; width:6px; height:6px; border-radius:50%; transform: translateY(-50%); background-color:#ff7d2f;}

[class^=input].disabled, textarea:disabled{background-color: rgba(95, 60, 60, 0.04); color: rgba(0, 0, 0, 0.2);}
[class^=input].disabled input[type="text"]:disabled, [class^=input].disabled input[type="password"]:disabled, [class^=input].disabled input[type="tel"]:disabled{background:none;}
.new-content button[disabled], .new-content button[disabled]:hover{background-color: rgba(95, 60, 60, 0.04); color:#bbb; opacity: 1;}
.btn-point-line.only, .btn-point.only{width:100% !important;}
.btn-point.auto{height:auto; min-height:54px; line-height: normal; padding:10px 0;}

.img-popup.layer-popup.layer-bnr .layer-wrap{max-height:738px;}
.img-popup.layer-popup.layer-bnr .layer-item{height:100% !important; margin:0 auto; background: none; border-radius: 0;}
.img-popup .img-layer-cont{height:calc(100% - 85px); overflow-y:scroll;}
.img-popup .img-layer-cont::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3);}
.img-popup .img-item img{width:100%;}


.img-popup .layer-btn.justify{width:100px; margin:0 auto; border-top:0; }
.img-popup .layer-wrap .ly-close.btn-point{height:35px; line-height: 35px; border-radius: 4px;}
.img-popup .img-item img.pc{display: block;}
.img-popup .img-item img.mobile{display: none;}


/* 방송 알림 창 */
.alarm-live-ir.under {top:165px;animation:alarmAnimationUnder 2.5s ease;}
.alarm-live-ir.under .alarm-tit{flex: 0 0 295px;}
.alarm-live-ir.under .alarm-tit:before {content:''; display:inline-block; width:39px; height:37px; margin-right:12px; background:url('../images/common/nextone_icon3.png') no-repeat; }

@keyframes alarmAnimationUnder {
  from {top:-106px;opacity:0.5;}
  to {top:165px;opacity:1;}
}

@media all and (max-width: 1024px) {
.alarm-live-ir.under .alarm-tit{flex: auto;}
.alarm-live-ir.under .alarm-tit:before {width:23px;height:17px;margin-right:8px;background-size:auto 17px;}
}

@media all and (max-width: 720px) {
	.img-popup .img-item img.pc{display: none;}
	.img-popup .img-item img.mobile{display: block;}
	.img-popup .layer-btn.justify{padding:24px 36px;}
}

/* 2025-10-01 IrRequestPopup 및 LoginPopup 관련 css 추가*/
.pointC1{color:#FF5C64 !important;}
.blk{display:block !important;}
.inB{display: inline-block !important;} 
.link-point{color:#4c5ff5; font-size:14px; font-weight:700; text-decoration: underline;}
.link-point:hover{text-decoration: underline !important;}
.flex-btn{display:flex; justify-content:space-between; width:100%; margin-top:10px;}
.flex-btn button{margin-left:10px;}
.flex-btn button:first-child{margin-left:0;}
.flex-btn.col2 button{width:50%;}
.white-box{position:relative; width:100%; padding: 15px 15px;box-sizing:border-box;border:1px solid #d2d2d2;text-align:center;}
.white-box span{display: block; padding-left: 30px; box-sizing: border-box; font-size: 18px;color:#333;}
.white-box.alert:before{content:''; position:absolute; top:50%; transform: translateY(-50%); left:30px; display:block; width:30px; height:34px; background:url('../images/common/ico_alert.png') no-repeat;}
.white-box.alert span{padding-left: 40px;}
.layer-wrap .signin-wrap{padding:20px 0 0 0;}
.layer-wrap .signin-wrap .signup-link{margin-top:30px; padding-top:30px;}

/* 2026-06-02 비디오 썸네일 팝업 추가*/
.jc-center{justify-content:center !important;}
.jc-start{justify-content:flex-start !important;}
.jc-end{justify-content:flex-end !important;}
.jc-between{justify-content:space-between !important;}
.ai-center{align-items: center !important;}
.lineT{border-top:1px solid #e5e5e5;}
.lineB{border-bottom:1px solid #e5e5e5;}
.lineL{border-left:1px solid #e5e5e5;}
.lineR{border-right:1px solid #e5e5e5;}
.bold{font-weight:700 !important;}
.normal{font-weight:400 !important;}
.btn-box{margin-top:20px; text-align: center;}
.btn-box > * {letter-spacing: 0; margin-left:10px;}
.btn-box > *:first-of-type {margin-left: 0}
.btn-box button.S{height:36px; line-height:normal; font-size:14px; font-weight:400;}
.link{font-size:14px; color:#333; text-decoration: underline;}
.link:hover{text-decoration: underline !important;}

button[class^=btn].ico{font-weight:700;}
.ico span{position:relative; padding-left:30px;}
.S.ico span{padding-left:26px;}
.ico span:before{content:''; position:absolute; top:-7px; left:0; width:36px; height:36px;}
.ico span.capture:before{background: url("../images/common/ico_capture_b.png") no-repeat -8px center;}
.ico span.capture-wh:before{top:-8px; background: url("../images/common/ico_capture_wh.png") no-repeat -8px center;}
.ico span.upload:before{background: url("../images/common/ico_upload_b.png") no-repeat -8px center;}
.ico span.upload-wh:before{top:-8px; background: url("../images/common/ico_upload_wh.png") no-repeat -8px center;}
.ico span.prev:before{background: url("../images/common/ico_prev_b.png") no-repeat -8px center;}
.ico span.play:before{background: url("../images/common/ico_video_play.png") no-repeat -8px center;}
.ico span.stop:before{background: url("../images/common/ico_video_stop.png") no-repeat -8px center;}
.ico-capture{padding-left:30px; background: url("../images/common/ico_capture_b.png") no-repeat -5px center;}
.ico-upload{padding-left:30px; background: url("../images/common/ico_upload_b.png") no-repeat -5px center;}
.ico-play{padding-left:30px; background: url("../images/common/ico_video_play.png") no-repeat -2px -5px;}
.ico-stop{padding-left:30px; background: url("../images/common/ico_video_stop.png") no-repeat -2px -5px;}

.layer-popup-dimmed {display:none; position: fixed;top:0;left: 0;right:0;bottom:0;width:100%;height:100%;overflow:auto; background:rgba(0,0,0,0.5); z-index: 700;box-sizing: border-box;outline:rgba(0,0,0,0.5)}
.layer-wrap.thumb-confirm{width:400px; margin:0 auto; text-align:center;}
.layer-wrap .ly-prev{width:24px; height:24px; background:url('../images/common/chevron_left_bk.png') no-repeat 50% 50%; background-size:100%; position:absolute; left:24px; top:26px;}
.layer-wrap .layer-footer.col2 button:first-of-type{margin-left:0px;}
.layer-footer.col2 .btn-point-line{width:50%; height:54px;}
.layer-cont .thumb-list {display:flex; flex-wrap: wrap; justify-content:center; gap:10px;}
.layer-cont .thumb-list li{width:calc(50% - 8px); max-width:218px; box-sizing:border-box;}
.layer-cont .thumb-list li button{width:100%;}
.layer-cont .thumb-list li img{width:100%; height:100px; object-fit:contain; border:1px solid #e5e5e5; background-color:#f5f5f5;}
.layer-cont .thumb-list .info-box{display:flex; justify-content:space-between; padding: 8px 10px 0 10px;}
.layer-cont .thumb-list .info-box .num{margin-left:auto;}
.layer-cont .thumb-video{width:100%; height:100%;}
.layer-cont .thumb-img{width:218px; height:100px; object-fit:contain; border:1px solid #e5e5e5; background-color:#f5f5f5;}
.layer-cont .noti-txt{font-size:16px; text-align:center; line-height:1.6em;}
.layer-cont .desc-txt{font-size:14px; color:#757575; line-height:1.8em;}
.layer-cont .upload-img label {position:relative; display:block; width:218px; height:100px; margin:0 auto; border:1px solid rgba(0,0,0,0.1); background:url('../images/common/ico_attach_plus.png') no-repeat 50% 20px; background-size:29px; border-radius:4px; cursor:pointer;}
.layer-cont .upload-img label span{position:absolute; top:55px; left:50%; transform: translateX(-50%); color:rgba(0,0,0,0.65); font-size:14px;}
.layer-cont .upload-img input:focus + label {outline:1px solid #000;}

.layer-wrap.scroll .layer-cont{max-height:456px; overflow-y:scroll;}
.layer-wrap.scroll .layer-footer{flex-wrap:wrap;}
.layer-wrap.scroll .layer-footer .noti-txt{width:100%; padding-bottom:20px; font-size:16px; text-align:center; line-height:1.6em; background-color:#fff;}
.layer-wrap.scroll .layer-footer button{flex:1;}

/* 로딩 추가 */
.layer-cont .thumb-box{position:relative;}
.layer-cont .thumb-box .spinner-border-sm{position:absolute; top: 40px; left: 50%; margin-left: -10px; }

@media all and (max-width: 720px) {
	.btn-basic.ico + .btn-basic.ico{border-left:1px solid #ddd;}
	.ico-play{background: url("../images/common/ico_video_play.png") no-repeat -2px -7px;}
	.ico-stop{background: url("../images/common/ico_video_stop.png") no-repeat -2px -7px;}
	.layer-wrap.thumb-confirm{padding:0px;border-radius:0px;width:100%;margin:0;}
	.layer-wrap.scroll {overflow-y:scroll;}
	.layer-wrap.scroll .layer-header{position:fixed; width:100%; background-color:#fff; z-index:20;}
	.layer-wrap.scroll .ly-close{position:fixed; z-index:20;}
	.layer-wrap.scroll .layer-cont{max-height:none; padding-top:80px !important; padding-bottom:190px !important; }
	.layer-wrap.scroll .layer-footer .noti-txt{padding:20px 0;}
	.layer-wrap .layer-footer{position:fixed !important;}
	.layer-wrap .layer-footer .btn-basic{background:#f5f5f5;}
	.layer-wrap .ly-prev {left:15px;top:15px;}
	.layer-cont .noti-txt{font-size:14px;}
	.layer-cont .desc-txt{font-size:12px;}
}