@font-face {
  font-family: "dsiccc";
  src: url("dsiccc2020930.woff2") format("woff2"),
    url("dsiccc2020930.woff") format("woff"),
    url("dsiccc2020930.ttf") format("truetype"),
    url("dsiccc2020930.eot") format("embedded-opentype"),
    url("dsiccc2020930.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

input { font-family: Avenir, Helvetica, Arial, sans-serif, dsiccc !important; }
body {
    margin: 0;
    padding: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif, dsiccc !important;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

/* header */
.header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    height: 80px !important;
    background-color: #fff;
    background-image: url("../images/background.png");
    background-size: auto 100%;
}

.ext-header {
	border-bottom: 2px solid #1976d2;
	color: #1976d2;
}

.int-header {
	border-bottom: 2px solid #008a89;
	color: #008a89;
}

.header-lan {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.header-lan .lan {
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.int-lan-active {
    background: #008a89 !important;
    color: #fff !important;
}

.ext-lan-active {
	background: #1976d2 !important;
    color: #fff !important;
}

/* main */
.main, .ext-main {
    min-height: calc(100% - 82px);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}


.header-logo img {
	padding: 0 44px;
	height: 55px;
}

/* main */
.main {
	background-image: url("../images/lg_background.png");
}

.ext-main {
	background-image: url("../images/ext-lg_background.png");
}