@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Noto+Sans+KR:wght@300;400;700;900&display=swap');
:root{
    --itw-primary-color-1:#FC4800;
    --itw-primary-color-2:#BF4200;
    --itw-secndary-color-1:#FC9A03;
    --itw-secndary-color-2:#707070;
    --itw-secndary-color-3:#E80014;
    --itw-secndary-color-4:#FC4800;
    --itw-font-color-1:#000000;
    --itw-font-color-2:#222222;
    --itw-font-color-3:#282828;
    --itw-font-color-4:#666666;
    --itw-font-color-5:#737373;
    --itw-font-color-6:#ffffff;
    --itw-font-color-7:#A7A7A7;
    --itw-gray-color-1:#6A6C6F;
    --itw-gray-color-2:#DDDDDD;
    --itw-gray-color-3:#E1E1E1;
    --itw-gray-color-4:#EDEDED;
    --itw-gray-color-5:#F0F1F2;
    --itw-gray-color-6:#F7F7F7;
    --itw-gray-color-8:#222222;
    --itw-state-select-color:#F21D2F;
    --itw-state-success-color:#A50C0D;
    --itw-state-error-color:#A50C0D;
    --itw-hover-color:#ffffff;
    --itw-font-size-default:15px;
    --itw-blue:#2B95FF;
    --itw-blue-dark:#004AF6;

    --color-kakao-1:#FFE812;
    --color-twitter-1:#1D95E0;
    --color-facebook-1:#3A579F;

    --color-insider:#6EAE00;
}
body{
    /*min-width: 576px;*/
    font-family: 'Noto Sans KR', sans-serif;
    counter-reset: top-story-count;
    font-size:var(--itw-font-size-default);
    color:var(--itw-font-color-2);
    line-height: 1.5rem;
}
a,a:visited{
    color:var(--itw-font-color-2);
    text-decoration: none;
}
a:hover{
    color:var(--itw-font-color-2);
}
a.white:hover,button.white:hover{
    color:var(--itw-font-color-6);
}
a:visited{
    color:var(--itw-font-color-2);
}
h1{
    Letter-Spacing : -0.7px;
}
h2{
    Letter-Spacing : -0.7px;
}
h3{
    Letter-Spacing : -0.7px;
}
h4{
    Letter-Spacing : -0.7px;
}
h5{
    Letter-Spacing : -0.7px;
    font-weight: bold;
}
h6{
    Letter-Spacing : -0.7px;
    line-height: 1.5em;
}
.font-lato{
    font-family: lato;
}
.font-helvetica{
    font-family: Helvetica;
}
.font-sm{
    font-size:0.93em;
}
.font-xs,small{
    font-size:0.86em;
}
p{
    line-height: 1.5rem;
    word-break: break-word;
}

.text-topic{
    color: var(--itw-primary-color-1) !important;
}
.font-color-primary-1{color: var(--itw-primary-color-1);}
.font-color-primary-2{color: var(--itw-primary-color-2);}
.font-color-secndary-1{color: var(--itw-secndary-color-1);}
.font-color-secndary-2{color: var(--itw-secndary-color-2);}
.font-color-b{color: var(--itw-font-color-1);}
.font-color-2{color: var(--itw-font-color-2);}
.font-color-3{color: var(--itw-font-color-3);}
.font-color-4{color: var(--itw-font-color-4);}
.font-color-5{color: var(--itw-font-color-5);}
.font-color-8{
    color: var(--itw-font-color-1);
    opacity: 0.11;
}
.font-color-numbers{
    color:#006FE2;
}

.font-color-w{color: var(--itw-font-color-6);}
.bg-primary-1{background-color: var(--itw-primary-color-1);}
.bg-gray-1{background-color: var(--itw-gray-color-1);}
.bg-gray-2{background-color: var(--itw-gray-color-2);}
.bg-gray-4{background-color: var(--itw-gray-color-3);}
.bg-gray-4{background-color: var(--itw-gray-color-4);}
.bg-gray-5{background-color: var(--itw-gray-color-5);}
.bg-gray-6{background-color: var(--itw-gray-color-6);}
.bg-black{background-color: var(--itw-font-color-2);}
.bg-numbers{
    background-color:#006FE2;
}
.border-primary-1{border-color:var(--itw-primary-color-1) !important;}

.color-gray-1{color: var(--itw-gray-color-1);}
.color-gray-2{color: var(--itw-gray-color-2);}
.color-gray-4{color: var(--itw-gray-color-3);}
.color-gray-4{color: var(--itw-gray-color-4);}
.color-gray-5{color: var(--itw-gray-color-5);}
.color-gray-6{color: var(--itw-gray-color-6);}

.border-gray-1{border-color: var(--itw-gray-color-1) !important;}
.border-gray-2{border-color: var(--itw-gray-color-2) !important;}
.border-gray-3{border-color: var(--itw-gray-color-3) !important;}
.border-gray-4{border-color: var(--itw-gray-color-4) !important;}
.border-gray-5{border-color: var(--itw-gray-color-5) !important;}
.border-gray-8{border-color: var(--itw-gray-color-8) !important;}

.no-focus:focus{
    outline: none;
    box-shadow: none;
}

.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-4 {
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-5 {
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-6 {
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-7 {
    -webkit-line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.rotate-180{
    transform: rotate(180deg);
}
.no-scrollbar{
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}
.no-scrollbar::-webkit-scrollbar{
    display: none; /* for Chrome, Safari, and Opera */
}
.btn-itw {
    color: var(--itw-font-color-6);
    background-color: var(--itw-secndary-color-4);
    border-color: var(--itw-secndary-color-4);
}
.btn-black {
    color: var(--itw-font-color-6);
    background-color: #000000;
    border-color: #000000;
}
.btn-blue{
    background-color: var(--itw-blue);
    color(--itw-font-color-6);
}
.owl-nav button,.owl-dots button{
    outline: 0;
}
.owl-dot.active span{
    background-color:var(--itw-secndary-color-4) !important;
}
.card.no-border{
    border-width:0;
}
.card.no-border .card-body{
    padding:0.5rem 0;
}

/* list group */
.list-group-border .card-header a ion-icon{
    height: 0.60rem;
}
.list-group-border .card-header{
    display: flex;
    justify-content: space-between;
}
.list-group-border .list-group-item a:hover{
    color:var(--itw-primary-color-2);
    text-decoration: underline;
    text-underline-position: under;
}
.list-group-black{
    background-color: var(--itw-font-color-3);
    color:var(--itw-font-color-7);
}
.list-group-gray{
    background-color: #444444;
    color:var(--itw-font-color-7);
}
.list-group-black .card-header,.list-group-gray .card-header{
    color:var(--itw-font-color-6) !important;
    display: flex;
    justify-content: space-between;
}
.list-group-black .card-header a ion-icon,.list-group-gray .card-header a ion-icon{
    height: 0.60rem;
}
.list-group-black .list-group-item,.list-group-gray .list-group-item{
    color:var(--itw-font-color-7) !important;
    background-color: transparent;
}
.list-group-black a,.list-group-gray a{
    color:var(--itw-font-color-7);
}
.list-group-black .list-group-item a:hover,.list-group-gray .list-group-item a:hover{
    color:var(--itw-font-color-6);
    text-decoration: underline;
    text-underline-position: under;
}

.card.list-group-flush .card-header{
    background-color: transparent;
    border-bottom-width:0px;
}
.card.list-group-flush .card-header{
    display: flex;
    justify-content: space-between;
}
.card.list-group-flush .card-header strong{
    color:var(--itw-font-color-1);
}
.card.list-group-flush .card-header>div>span{
    color:var(--itw-font-color-5);
}
.btn-group-xs>.btn, .btn-xs {
    padding: 0.5rem 0;
    font-size: .7rem;
    line-height: 1.2em;
    color:var(--itw-font-color-2);
    background-color: transparent;
}
.btn-group-xs>.btn small, .btn-xs small{
}
.btn-group-xs>.btn:hover, .btn-xs:hover {
    color:var(--itw-primary-color-2);
    background-color: transparent;
}
.carousel-evp .card{
    background-color: var(--itw-font-color-2);
    color:var(--itw-font-color-6);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #FC4800;
}
.nav-pills a.nav-link,.nav-pills a.nav-link:visited{
    color:var(--itw-font-color-1);
}
.nav-pills a.nav-link:hover{
    color:var(--itw-secndary-color-4);
}
.nav-link {
    display: block;
    padding: 0.3rem 1rem;
    color: var(--itw-font-color-1);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.border-orange{
    border-top-color: var(--itw-secndary-color-4) !important;
    border-bottom-color: var(--itw-secndary-color-4) !important;
    border-left-color: var(--itw-secndary-color-4) !important;
    border-right-color: var(--itw-secndary-color-4) !important;
}
.bullet-ranking{
    background-color:var(--itw-font-color-5);
    border-radius: 0.7em;
    border-bottom-right-radius: 0;
    display:inline-block;
    text-align:center;
    color:white;
    line-height:1.7em;
    margin-right:0.5em;
    padding:0 0.5em;
}
.list-group-ranking .card-header{
    background-color:transparent;
}
.list-group-ranking .highlight{
    background-color:var(--itw-secndary-color-4);
}
.visible-phone{
    display:none;
}
/* insider */
.custom-logo {
    filter: invert(100%);
    transition: filter .5s ease-out;
}