.wrap {
    display: -ms-grid;
    display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 9px; gap: 9px;
    -ms-grid-columns: 450px 9px 450px 9px 450px;
    grid-template-columns: 450px 450px 450px;
}


.fc-dk {color:var(--magenta) !important; }
.bc-dk {background-color:var(--magenta) !important;}

.fc-call {color:var(--m-grass) !important;}
.bc-call {background-color:var(--m-grass) !important;}

.fc-market {color:var(--m-ye) !important;}
.bc-market {background-color:var(--m-ye) !important;}

.fc-report {color:var(--cyan) !important;}
.bc-report {background-color:var(--cyan) !important;}

.fc-screen {color:var(--m-bye) !important;}
.bc-screen {background-color:var(--m-bye) !important;}

.fc-kg {color:var(--bright-green01) !important;}
.bc-kg {background-color:var(--bright-green01) !important;}

.fc-ms {color:var(--blue) !important;}
.bc-ms {background-color:var(--blue) !important;}


/* Global */
.header {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: header;}
.search {-ms-grid-row: 2;-ms-grid-column: 1;grid-area: search;}
.nav {-ms-grid-row: 2;-ms-grid-column: 2;-ms-grid-column-span: 2;grid-area: nav;}
.position {-ms-grid-row: 3;-ms-grid-row-span: 3;-ms-grid-column: 1;grid-area: position;}
.member {-ms-grid-row: 6;-ms-grid-column: 1;grid-area: member;}
.bigdata {-ms-grid-row: 7;-ms-grid-row-span: 3;-ms-grid-column: 1;grid-area: bigdata;}
.kospi {-ms-grid-row: 10;-ms-grid-column: 1;grid-area: kospi;}
.kosdaq {-ms-grid-row: 11;-ms-grid-column: 1;grid-area: kosdaq;}
.lab {-ms-grid-row: 12;-ms-grid-column: 1;grid-area: lab;}
.theme {-ms-grid-row: 13;-ms-grid-column: 1;grid-area: theme;}
.sheet {-ms-grid-row: 14;-ms-grid-column: 1;grid-area: sheet;}
.line {-ms-grid-row: 15;-ms-grid-column: 1;grid-area: line;}

.footer {padding-left: 459px;}
@media screen and (max-width: 1200px) {
    .footer {padding-left: 0;}
}

/* CSS Clear */
* {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Noto Sans KR'; color: #FFF;}
ul, li, ol {list-style: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
button {cursor: pointer; background: inherit; border: none;}

/* CSS Defult */
:root {
    --base: #342B47;
    --card: #494E64;
    --card-dark: #3E4358;
    --card-black: #383C4C;
    --card-block: #3C4053;
    --white: #fff;
    --white01: #F1F1F5;
    --black: #000;
    --gray01: #EAEAEA;
    --gray02: #CBCBCB;
    --gray03: #B2B2B2;
    --gray04: #979BAE;
    --gray05: #777;
    --gray06: #3C4053;
    --red: #FF4D4D;
    --magenta: #FC5D79;
    --yellow: #F9CE75;
    --bright-green01: #ACFFD0;
    --bright-green02: #17DCB8;
    --cyan: #57C5DB;
    --blue: #77A1FF;
    --bright-purple01: #AF81FF;
    --bright-purple02: #C7CCE6;
    --bright-purple03: #CCAFFF;
    --purple: #7323FF;

    --m-base: #333646;
    --m-white: #F1F1F5;
    --m-grass: #95DB57;
    --m-g1: #E7E7EE;
    --m-ye: #FFB400;
    --m-bye: #FFF677;
}

/* CSS Simple */
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-26 {font-size: 26px;}
.fs-28 {font-size: 28px;}
.fs-30 {font-size: 30px;}
.fs-32 {font-size: 32px;}
.fw-l {font-weight: 300;}
.fw-n {font-weight: 400;}
.fw-m {font-weight: 500;}
.fw-b {font-weight: 700;}
.fc-base {color: var(--base);}
.fc-card {color: var(--card);}
.fc-bl {color: var(--black);}
/* 전체보기 */ .fc-g1, .fc-all {color: var(--gray01);}
.fc-g2 {color: var(--gray02);}
.fc-g3 {color: var(--gray03);}
.fc-g4 {color: var(--gray04);}
.fc-g5 {color: var(--gray05);}
.fc-re {color: var(--red);}
/* 데일리케이 */ .fc-ma, .fc-dailyk {color: var(--magenta);}
.fc-ye {color: var(--yellow);}
/* 애널리틱 리포트 */ .fc-cy, .fc-kreport {color: var(--cyan);}
/* 매수신호서비스 */ .fc-blue, .fc-buysignal {color: var(--blue)}
/* 케이 가이드 */ .fc-kguide, .fc-bgr1 {color: var(--bright-green01);}
.fc-bgr2 {color: var(--bright-green02);}
/* 공지사항 */ .fc-bpu1, .fc-notice {color: var(--bright-purple01);}
.fc-bpu2 {color: var(--bright-purple02);}
.fc-bpu3 {color: var(--bright-purple03);}
.fc-pu {color: var(--purple);}
.bgc-bl {background-color: var(--black);}
.bgc-base {background-color: var(--base);}
/* 전체보기 */ .bgc-g1, .bgc-all {background-color: var(--gray01);}
.bgc-g2 {background-color: var(--gray02);}
.bgc-g4 {background-color: var(--gray04);}
.bgc-g5 {background-color: var(--gray05);}
.bgc-g6 {background-color: var(--gray06);}
.bgc-card {background-color: var(--card);}
.bgc-card-dark {background-color: var(--card-dark);}
.bgc-card-black {background-color: var(--card-black);}
.bgc-wh {background-color: var(--white);}
.bgc-wh1 {background-color: var(--white01);}
.bgc-re {background-color: var(--red);}
/* 데일리케이 */ .bgc-ma, .bgc-dailyk {background-color: var(--magenta);}
.bgc-ye {background-color: var(--yellow);}
/* 케이 가이드 */ .bgc-bgr1, .bgc-kguide {background-color: var(--bright-green01);}
.bgc-bgr2 {background-color: var(--bright-green02);}
/* 애널리틱 리포트 */ .bgc-cy, .bgc-kreport {background-color: var(--cyan);}
/* 매수신호서비스 */ .bgc-buysignal, .bgc-blue {background: var(--blue);}
/* 공지사항 */ .bgc-bpu1, .bgc-notice {background-color: var(--bright-purple01);}
.bgc-bpu2 {background-color: var(--bright-purple02);}
.bgc-bpu3 {background-color: var(--bright-purple03);}
.bgc-pu {background-color: var(--purple);}
.dp-none {display: none;}
.dp-block {display: block;}
.dp-inblock {display: inline-block;}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-center {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-end  {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.flex-space {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flex-vertical {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flex-imiddle {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flex-iend {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.flex-grow {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.flex-space-imiddle {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flex-centerall {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.posit-r {position: relative;}
.posit-a {position: absolute;}
.bg-contain {background-repeat: no-repeat; background-size: contain; background-position: center;}
.bg-left {background-repeat: no-repeat; background-size: contain; background-position: left center;}
.bg-right {background-repeat: no-repeat; background-size: contain; background-position: right center;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-over-hidden {overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.text-over-hidden-line2 {display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-over-hidden-line3 {display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-over-hidden-line5 {display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-over-hidden-line6 {display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-over-hidden-line7 {display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.text-over-hidden-line10 {display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}
.circle {border-radius: 100%;}
.radius-6 {border-radius: 6px;}
.radius-10 {border-radius: 10px;}
.radius-20 {border-radius: 20px;}
.radius-20-noleft {border-radius: 0 20px 20px 20px;}

/* Global */
.margin-v12 {margin-top: 12px; margin-bottom: 12px;}
.margin-v18 {margin-top: 18px; margin-bottom: 18px;}
.margin-v24 {margin-top: 24px; margin-bottom: 24px;}
.margin-v27 {margin-top: 27px; margin-bottom: 27px;}
.margin-h15 {margin-right: 15px; margin-left: 15px;}
.margin-h16 {margin-right: 16px; margin-left: 16px;}
.margin-h18 {margin-right: 18px; margin-left: 18px;}
.margin-h20 {margin-right: 20px; margin-left: 20px;}
.margin-h24 {margin-right: 24px; margin-left: 24px;}
.margin-h30 {margin-right: 30px; margin-left: 30px;}
.margin-h36 {margin-right: 36px; margin-left: 36px;}
.padding-v12 {padding-top: 12px; padding-bottom: 12px;}
.padding-v15 {padding-top: 15px; padding-bottom: 15px;}
.padding-v18 {padding-top: 18px; padding-bottom: 18px;}
.padding-v20 {padding-top: 20px; padding-bottom: 20px;}
.padding-v24 {padding-top: 24px; padding-bottom: 24px;}
.padding-v48 {padding-top: 48px; padding-bottom: 48px;}
.padding-h12 {padding-right: 12px; padding-left: 12px;}
.padding-h16 {padding-right: 16px; padding-left: 16px;}
.padding-h18 {padding-right: 18px; padding-left: 18px;}
.padding-h20 {padding-right: 20px; padding-left: 20px;}
.padding-h24 {padding-right: 24px; padding-left: 24px;}
.padding-h27 {padding-right: 27px; padding-left: 27px;}
.padding-h30 {padding-right: 30px; padding-left: 30px;}
.padding-h36 {padding-right: 36px; padding-left: 36px;}
.padding-h42 {padding-right: 42px; padding-left: 42px;}
.padding-h48 {padding-right: 48px; padding-left: 48px;}
.padding-h64 {padding-right: 64px; padding-left: 64px;}
.size-10 {width: 10px; height: 10px;}
.size-18 {width: 18px; height: 18px;}
.size-21 {width: 21px; height: 21px;}
.size-24 {width: 24px; height: 24px;}
.size-27 {width: 27px; height: 27px;}
.size-30 {width: 30px; height: 30px;}
.size-36 {width: 36px; height: 36px;}
.size-40 {width: 40px; height: 40px;}
.size-48 {width: 48px; height: 48px;}
.size-54 {width: 54px; height: 54px;}
.size-60 {width: 60px; height: 60px;}
.size-64 {width: 64px; height: 64px;}
.size-70 {width: 70px; height: 70px;}
.size-75 {width: 75px; height: 75px;}
.size-81 {width: 81px; height: 81px;}
.size-100 {width: 100px; height: 100px;}
.size-120 {width: 120px; height: 120px;}
.size-150 {width: 150px; height: 150px;}
.hovereffect1:hover {-webkit-filter: brightness(110%);filter: brightness(110%);}
.hovereffect2:hover {-webkit-filter: brightness(120%);filter: brightness(120%);}
.hovereffect3:hover {-webkit-filter: brightness(135%);filter: brightness(135%);}

/* Mobile */
.shadow01 {-webkit-box-shadow: 0 0 18px #282c3e;box-shadow: 0 0 18px #282c3e;}
.mbg-base {background-color: var(--m-base);}
.mbg-wh {background-color: var(--m-white);}
/* 컨콜 */ .mbg-gr, .bgc-conference {background-color: var(--m-grass);}
.mbg-g1 {background-color: var(--m-g1);}
/* 시장전략 */ .mbg-ye, .bgc-marketstrategy {background-color: var(--m-ye);}
/* 테마 스크리닝 */ .mbg-bye, .bgc-screening {background-color: var(--m-bye);}
.mfc-base {color: var(--m-base);}
.mfc-wh {color: var(--m-white);}
/* 컨콜 */ .mfc-gr, .fc-conference {color: var(--m-grass);}
.mfc-g1 {color: var(--m-g1);}
/* 시장전략 */ .mfc-ye, .fc-marketstrategy {color: var(--m-ye);}
/* 테마 스크리닝 */  .mfc-bye, .fc-screening {color: var(--m-bye);}

.float-clear::after {content: ""; clear: both;}
.datet {font-size:14px;color:#d7d7d7;display:inline-block;padding-left:3px;}

.fc-macro {color:#AF81FF}