@import url("//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");

/* Container */

.container {
    margin: 0 auto;
    max-width: calc(100% - 5em);
    width: 60em;
}

.container.xsmall {
    width: 15em;
}

.container.small {
    width: 30em;
}

.container.medium {
    width: 45em;
}

.container.large {
    width: 75em;
}

.container.xlarge {
    width: 90em;
}

.container.max {
    width: 100%;
}

@media screen and (max-width: 840px) {
    .container {
        width: 100% !important;
    }
}

@media screen and (max-width: 736px) {
    .container {
        max-width: 100%;
    }
    .box.special.damoa-left {
        width: 100%;
    }
    .box.special.damoa-right {
        width: 100%;
    }
    .button.alt.damoa-gallery-more {
        margin-bottom: 2em;
    }
}

/* Section/Article */

section.special, article.special {
    text-align: center;
}

header p {
    color: #999;
    position: relative;
    margin: 0 0 1.5em 0;
    font-style: italic;
}

header h2+p {
    font-size: 1.25em;
    margin-top: -1em;
    line-height: 1.5em;
}

header h3+p {
    font-size: 1.1em;
    margin-top: -0.85em;
    line-height: 1.5em;
}

header h4+p, header h5+p, header h6+p {
    font-size: 0.8em;
    margin-top: -0.5em;
    line-height: 1.5em;
}

header.major {
    padding: 1em 0;
    text-align: center;
}

header.major h2 {
    margin: 0;
}

header.major p {
    display: inline-block;
    border-top: solid 2px #e5e5e5;
    color: #777;
    font-style: normal;
	padding-bottom: 30px;
	word-break: keep-all;
}

/* Form */

form {
    margin: 0 0 2em 0;
}

label {
    color: #646464;
    display: block;
    font-size: 0.9em;
    font-weight: 300;
    margin: 0 0 1em 0;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #f8f8f8;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
}

input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, select:invalid, textarea:invalid {
    box-shadow: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
    border-color: #e89980;
    box-shadow: 0 0 0 2px #e89980;
}

select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e5e5e5' /%3E%3C/svg%3E");
    background-size: 1.25em;
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) center;
    height: 3em;
    padding-right: 3em;
    text-overflow: ellipsis;
}

select option {
    color: #777;
    background-color: #f5f5f5;
}

select:focus::-ms-value {
    background-color: transparent;
}

select::-ms-expand {
    display: none;
}

input[type="text"], input[type="password"], input[type="email"], select {
    height: 3em;
}

textarea {
    padding: 0.75em 1em;
}

input[type="checkbox"], input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1;
}

input[type="checkbox"]+label, input[type="radio"]+label {
    text-decoration: none;
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 300;
    padding-left: 2.55em;
    padding-right: 0.75em;
    position: relative;
}

input[type="checkbox"]+label:before, input[type="radio"]+label:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

input[type="checkbox"]+label:before, input[type="radio"]+label:before {
    background: #f8f8f8;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    content: '';
    display: inline-block;
    height: 1.8em;
    left: 0;
    line-height: 1.725em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.8em;
}

input[type="checkbox"]:checked+label:before, input[type="radio"]:checked+label:before {
    background: #666;
    border-color: #666;
    color: #ffffff;
    content: '\f00c';
}

input[type="checkbox"]:focus+label:before, input[type="radio"]:focus+label:before {
    border-color: #e89980;
    box-shadow: 0 0 0 1px #e89980;
}

input[type="checkbox"]+label:before {
    border-radius: 6px;
}

input[type="radio"]+label:before {
    border-radius: 100%;
}

::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1.0;
}

:-moz-placeholder {
    color: #999 !important;
    opacity: 1.0;
}

::-moz-placeholder {
    color: #999 !important;
    opacity: 1.0;
}

:-ms-input-placeholder {
    color: #999 !important;
    opacity: 1.0;
}

/* Box */

.box {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 0 0 #e5e5e5;
    margin: 0 0 2em 0;
    padding: 3em;
}

.box> :last-child {
    margin-bottom: 0;
}

.box.alt {
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 0 2em 0;
    padding: 0 !important;
}

.box.features .features-row {
    border-top: solid 2px #e5e5e5;
    position: relative;
}

.box.features .features-row:after {
    clear: both;
    content: '';
    display: block;
}

.box.features .features-row section {
    float: left;
    padding: 3em;
    width: 50%;
}

.box.features .features-row section :last-child {
    margin-bottom: 0;
}

.box.features .features-row section:nth-child(2n) {
    padding-right: 0;
}

.box.features .features-row section:nth-child(2n):before {
    background: #e5e5e5;
    content: '';
    display: block;
    height: 100%;
    margin-left: -3em;
    position: absolute;
    top: 0;
    width: 2px;
}

.box.features .features-row section:nth-child(2n-1) {
    padding-left: 0;
}

.box.features .features-row:first-child {
    border-top: 0;
}

.box.features .features-row:first-child section {
    padding-top: 0;
}

.box.features .features-row:last-child {
    padding-bottom: 0;
}

.box.features .features-row:last-child section {
    padding-bottom: 0;
}

.box.special {
    text-align: center;
}

.box .image.featured {
    border-radius: 0;
    display: block;
    margin: 3em 0 3em -3em;
    position: relative;
    width: calc(100% + 6em);
}

.box .image.featured img {
    border-radius: 0;
    display: block;
    width: 100%;
}

.box .image.featured:first-child {
    border-radius: 6px 6px 0 0;
    margin-bottom: 3em;
    margin-top: -3em;
}

.box .image.featured:first-child img {
    border-radius: 6px 6px 0 0;
}

.box .image.featured:last-child {
    border-radius: 0 0 6px 6px;
    margin-bottom: -3em;
    margin-top: 3em;
}

.box .image.featured:last-child img {
    border-radius: 0 0 6px 6px;
}

/* Icon */

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.icon>.label {
    display: none;
}

.icon.major {
    background: #666;
    border-radius: 100%;
    color: #ffffff;
    cursor: default;
    display: inline-block;
    height: 5.5em;
    line-height: 5.5em;
    margin: 0 0 2em 0;
    width: 5.5em;
}

.icon.major:before {
    font-size: 2.5em;
}

.icon.major.accent1 {
    background: #666;
    color: #ffffff;
}

.icon.major.accent2 {
    background: #e89980;
    color: #ffffff;
}

.icon.major.accent3 {
    background: #7fcdb8;
    color: #ffffff;
}

.icon.major.accent4 {
    background: #90b0ba;
    color: #ffffff;
}

.icon.major.accent5 {
    background: #e5cb95;
    color: #ffffff;
}

/* Image */

.image {
    border-radius: 6px;
    border: 0;
    display: inline-block;
    position: relative;
}

.image img {
    border-radius: 6px;
    display: block;
}

.image.left {
    float: left;
    padding: 0 1.5em 1em 0;
    top: 0.25em;
}

.image.right {
    float: right;
    padding: 0 0 1em 1.5em;
    top: 0.25em;
}

.image.fit {
    display: block;
    margin: 0 0 2em 0;
    width: 100%;
}

.image.fit img {
    display: block;
    width: 100%;
}

/* List */

ol {
    list-style: decimal;
}

ol li {
    padding-left: 0.25em;
}

ul {
    list-style: disc;
}

ul li {
    padding-left: 0.5em;
}

ul.alt {
    list-style: none;
    padding-left: 0;
}

ul.alt li {
    border-top: solid 1px #e5e5e5;
    padding: 0.5em 0;
}

ul.alt li:first-child {
    border-top: 0;
    padding-top: 0;
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.icons li {
    display: inline-block;
    padding: 0 1.25em 0 0;
}

ul.icons li:last-child {
    padding-right: 0;
}

ul.icons li .icon {
    color: inherit;
}

ul.icons li .icon:before {
    font-size: 1.75em;
}

dl {
    margin: 0 0 2em 0;
}

/* Actions */

ul.actions {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    cursor: default;
    list-style: none;
    margin-left: -1em;
    padding-left: 0;
}

ul.actions li {
    padding: 0 0 0 1em;
    vertical-align: middle;
}

ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-left: 0;
}

ul.actions.special li:first-child {
    padding-left: 0;
}

ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
}

ul.actions.stacked li {
    padding: 1.3em 0 0 0;
}

ul.actions.stacked li:first-child {
    padding-top: 0;
}

ul.actions.fit {
    width: calc(100% + 1em);
}

ul.actions.fit li {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 100%;
}

ul.actions.fit li>* {
    width: 100%;
}

ul.actions.fit.stacked {
    width: 100%;
}

@media screen and (max-width: 560px) {
    iframe {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    ul.actions:not(.fixed) {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        width: 100% !important;
    }
    ul.actions:not(.fixed) li {
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
        padding: 1em 0 0 0;
        text-align: center;
        width: 100%;
    }
    ul.actions:not(.fixed) li>* {
        width: 100%;
    }
    ul.actions:not(.fixed) li:first-child {
        padding-top: 0;
    }
    ul.actions:not(.fixed) li input[type="submit"], ul.actions:not(.fixed) li input[type="reset"], ul.actions:not(.fixed) li input[type="button"], ul.actions:not(.fixed) li button, ul.actions:not(.fixed) li .button {
        width: auto;
    }
    /* ul.actions:not(.fixed) li input[type="submit"].icon:before,
		ul.actions:not(.fixed) li input[type="reset"].icon:before,
		ul.actions:not(.fixed) li input[type="button"].icon:before,
		ul.actions:not(.fixed) li button.icon:before,
		ul.actions:not(.fixed) li .button.icon:before {
			margin-left: -0.5em;
		} */
}

/* Table */

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

table {
    margin: 0 0 2em 0;
    width: 100%;
}

table tbody tr {
    border: solid 1px #e5e5e5;
    border-left: 0;
    border-right: 0;
}

table tbody tr:nth-child(2n+1) {
    background-color: #f8f8f8;
}

table td {
    padding: 0.75em 0.75em;
}

table th {
    color: #646464;
    font-size: 0.9em;
    font-weight: 300;
    padding: 0 0.75em 0.75em 0.75em;
    text-align: left;
}

table thead {
    border-bottom: solid 2px #e5e5e5;
}

table tfoot {
    border-top: solid 2px #e5e5e5;
}

table.alt {
    border-collapse: separate;
}

table.alt tbody tr td {
    border: solid 1px #e5e5e5;
    border-left-width: 0;
    border-top-width: 0;
}

table.alt tbody tr td:first-child {
    border-left-width: 1px;
}

table.alt tbody tr:first-child td {
    border-top-width: 1px;
}

table.alt thead {
    border-bottom: 0;
}

table.alt tfoot {
    border-top: 0;
}

/* Button */

input[type="submit"], input[type="reset"], input[type="button"], .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #666;
    border-radius: 6px;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    height: 3em;
    line-height: 3em;
    padding: 0 2em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {
    background-color: #737373;
}

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active {
    background-color: #595959;
}

input[type="submit"].icon, input[type="reset"].icon, input[type="button"].icon, .button.icon {
    padding-left: 1.35em;
}

input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, .button.icon:before {
    margin-right: 0.5em;
}

input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, .button.fit {
    width: 100%;
}

input[type="submit"].small, input[type="reset"].small, input[type="button"].small, .button.small {
    font-size: 0.8em;
    height: 2.7em;
    line-height: 2.7em;
}

input[type="submit"].large, input[type="reset"].large, input[type="button"].large, .button.large {
    font-size: 1.25em;
    height: 2.7em;
    line-height: 2.7em;
}

input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #e5e5e5;
    color: #777;
    margin-top: 2em;
}

input[type="submit"].alt:hover, input[type="reset"].alt:hover, input[type="button"].alt:hover, .button.alt:hover {
    background-color: #f8f8f8;
}

input[type="submit"].alt:active, input[type="reset"].alt:active, input[type="button"].alt:active, .button.alt:active {
    background-color: #f0f0f0;
}

input[type="submit"].alt.icon:before, input[type="reset"].alt.icon:before, input[type="button"].alt.icon:before, .button.alt.icon:before {
    color: #999;
}

input[type="submit"].primary, input[type="reset"].primary, input[type="button"].primary, .button.primary {
    background-color: #e89980;
    color: #ffffff !important;
}

input[type="submit"].primary:hover, input[type="reset"].primary:hover, input[type="button"].primary:hover, .button.primary:hover {
    background-color: #ecaa96;
}

input[type="submit"].primary:active, input[type="reset"].primary:active, input[type="button"].primary:active, .button.primary:active {
    background-color: #e4886a;
}

input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, .button.disabled, .button:disabled {
    background-color: #777 !important;
    box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
    color: #f5f5f5 !important;
    cursor: default;
    opacity: 0.25;
}

/* Header */

body.landing #wrapper {
    padding-top: 0;
}

@-moz-keyframes reveal-header {
    0% {
        top: -5em;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes reveal-header {
    0% {
        top: -5em;
    }
    100% {
        top: 0;
    }
}

@-ms-keyframes reveal-header {
    0% {
        top: -5em;
    }
    100% {
        top: 0;
    }
}

@keyframes reveal-header {
    0% {
        top: -5em;
    }
    100% {
        top: 0;
    }
}

#header {
    background: #444;
    color: #bbb;
    cursor: default;
    height: 3.25em;
    left: 0;
    line-height: 3.25em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#header h1 {
    color: inherit;
    height: inherit;
    left: 1.25em;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

#header h1 a {
    color: #fff;
    border: 0;
}

#header nav {
    height: inherit;
    line-height: inherit;
    position: absolute;
    right: 0.75em;
    top: 0;
    vertical-align: middle;
}

#header nav>ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#header nav>ul>li {
    display: inline-block;
    padding-left: 0;
}

#header nav>ul>li>ul {
    display: none;
}

#header nav>ul>li a {
    display: inline-block;
    height: 2em;
    line-height: 1.95em;
    padding: 0 1em;
    border-radius: 6px;
}

#header nav>ul>li a:not(.button) {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border: 0;
}

#header nav>ul>li a:not(.button).icon:before {
    color: #999;
    margin-right: 0.5em;
}

#header nav>ul>li:first-child {
    margin-left: 0;
}

#header nav>ul>li.active a:not(.button) {
    background-color: rgba(153, 153, 153, 0.25);
}

#header nav>ul>li .button {
    margin: 0 0 0 0.5em;
    position: relative;
}

#header input[type="submit"], #header input[type="reset"], #header input[type="button"], #header .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #999;
    color: #fff;
}

#header input[type="submit"]:hover, #header input[type="reset"]:hover, #header input[type="button"]:hover, #header .button:hover {
    background-color: rgba(153, 153, 153, 0.25);
}

#header input[type="submit"]:active, #header input[type="reset"]:active, #header input[type="button"]:active, #header .button:active {
    background-color: rgba(153, 153, 153, 0.5);
}

#header .container {
    position: relative;
}

#header .container h1 {
    left: 0;
}

#header .container nav {
    right: 0;
}

#header.reveal {
    -moz-animation: reveal-header 0.5s;
    -webkit-animation: reveal-header 0.5s;
    -ms-animation: reveal-header 0.5s;
    animation: reveal-header 0.5s;
}

#header.alt {
    -moz-animation: none;
    -webkit-animation: none;
    -ms-animation: none;
    animation: none;
    background: none;
    color: rgba(255, 255, 255, 0.75);
    position: absolute;
}

#header.alt nav>ul>li a:not(.button).icon:before {
    color: rgba(255, 255, 255, 0.75);
}

#header.alt nav>ul>li.active a:not(.button) {
    background-color: rgba(255, 255, 255, 0.2);
}

#header.alt input[type="submit"], #header.alt input[type="reset"], #header.alt input[type="button"], #header.alt .button {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

#header.alt input[type="submit"]:hover, #header.alt input[type="reset"]:hover, #header.alt input[type="button"]:hover, #header.alt .button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#header.alt input[type="submit"]:active, #header.alt input[type="reset"]:active, #header.alt input[type="button"]:active, #header.alt .button:active {
    background-color: rgba(255, 255, 255, 0.2);
}

.dropotron {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.5);
    list-style: none;
    margin: calc(-0.5em + 1px) 0 0 1px;
    padding: 0.5em 0;
    width: 11em;
}

.dropotron li {
    padding: 0;
}

.dropotron li a, .dropotron li span {
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
    border: 0;
    border-top: solid 1px #f2f2f2;
    color: inherit;
    display: block;
    padding: 0.15em 1em;
}

.dropotron li:first-child>a, .dropotron li:first-child>span {
    border-top: 0;
}

.dropotron li.active>a, .dropotron li.active>span, .dropotron li:hover>a, .dropotron li:hover>span {
    background: #e89980;
    color: #ffffff;
}

.dropotron.level-0 {
    font-size: 0.9em;
    margin: 1em 0 0 0;
}

.dropotron.level-0:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    border: solid 1px rgba(229, 229, 229, 0.5);
    border-bottom: 0;
    border-right: 0;
    box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);
    content: '';
    display: block;
    height: 0.75em;
    position: absolute;
    right: 1.25em;
    top: -0.375em;
    width: 0.75em;
    z-index: 0;
}

#wrapper {
    padding-top: 3em;
}

/* Banner */

#banner {
    height: 100%;
    width: 100%;
    color: #fff;
    padding: 12em 0 20em 0;
    text-align: center;
}

#banner :last-child {
    margin-bottom: 0;
	text-shadow: 0 0 5px rgb(0 0 0 / 100%);
}

#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
    color: #fff;
}

#banner h2 {
    font-size: 3.5em;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    padding: 0;
	text-shadow: 0 0 5px rgb(0 0 0 / 80%);
}

#banner p {
    font-size: 1.25em;
    margin-bottom: 1.75em;
}

#banner input[type="submit"], #banner input[type="reset"], #banner input[type="button"], #banner .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
    color: #fff;
    min-width: 12em;
}

#banner input[type="submit"]:hover, #banner input[type="reset"]:hover, #banner input[type="button"]:hover, #banner .button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#banner input[type="submit"]:active, #banner input[type="reset"]:active, #banner input[type="button"]:active, #banner .button:active {
    background-color: rgba(255, 255, 255, 0.2);
}

#banner input[type="submit"].primary, #banner input[type="reset"].primary, #banner input[type="button"].primary, #banner .button.primary {
    background: #fff;
    color: #666 !important;
}

/* Main */

#main {
    padding: 4em 0;
}

#main>header {
    text-align: center;
    margin: 0 0 3em 0;
}

#main>header h2 {
    font-size: 2.75em;
    margin: 0;
}

#main>header>div {
    border-top: solid 2px #e5e5e5;
    color: #777;
    display: inline-block;
    font-style: normal;
    margin: 1em 0 0 0;
    padding: 1em 0 1.25em 0;
}

body.landing #main {
    margin-top: -14em;
}

.damoa-mimg02 {display: block; width: 100%; height: 370px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
/*
@media screen and (max-width: 1680px) {
	.damoa-mimg02 {height: 300px; }
	header.major p {padding-bottom: 20px;}
}

@media screen and (max-width: 1280px) {
	.damoa-mimg02 {height: 260px; }
	header.major p {padding-bottom: 15px;}
}

@media screen and (max-width: 736px) {
	.damoa-mimg02 {height: 210px; }
	header.major p {padding-bottom: 30px;}
}

@media screen and (max-width: 640px) {
	header.major p {padding-bottom: 10px;}
}
*/
#go_url {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    padding: 3.5em 0 4em 0;
    text-align: center;
	text-shadow: 0 0 5px rgb(0 0 0 / 80%);
}

#go_url::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

#go_url h2, #go_url h3, #go_url h4, #go_url h5, #go_url h6 {
    color: #fff;

}

#go_url form {
    margin: 0 auto;
    max-width: 100%;
    width: 25em;
}

#go_url input[type="submit"], #go_url input[type="reset"], #go_url input[type="button"], #go_url .button {
    box-shadow: none;
    background: #fff;
    color: #e89980;
}

#go_url input[type="text"], #go_url input[type="password"], #go_url input[type="email"], #go_url select, #go_url textarea {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border: 0;
}

#go_url input[type="text"]:focus, #go_url input[type="password"]:focus, #go_url input[type="email"]:focus, #go_url select:focus, #go_url textarea:focus {
    box-shadow: inset 0 0 0 2px #fff;
}

#go_url ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#go_url :-moz-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#go_url ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#go_url :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#go_url .formerize-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Wide */

@media screen and (max-width: 1680px) {
    /* Basic */
    body, input, select, textarea {
        font-size: 13pt;
    }
    /* Banner */
    #banner {
        padding: 10em 0 18em 0;
    }
}

/* Normal */

@media screen and (max-width: 1280px) {
    /* Basic */
    body, input, select, textarea {
        font-size: 11pt;
    }
    /* Header */
    .dropotron.level-0 {
        font-size: 1em;
    }
    /* Banner */
    #banner {
        background-attachment: scroll;
    }
    #banner h2 {
        font-size: 3.5em;
    }
}

/* Narrow */

@media screen and (max-width: 980px) {
    /* Basic */
    body, input, select, textarea {
        font-size: 11pt;
    }
}

/* Narrower */

#navPanel, #navButton {
    display: none;
}

@media screen and (max-width: 840px) {
    .box.special.damoa-left, .box.special.damoa-right {
        width: 100%;
    }

    ul.actions.special a, .damoa-gallery-more {
        font-size: .875em;
    }
    /* Basic */
    html, body {
        overflow-x: hidden;
    }
    body, input, select, textarea {
        font-size: 11pt;
    }
    /* Section/Article */
    header.major {
        padding: 0 4em;
    }
    /* Box */
    .box {
        padding: 2em 2em;
    }
    .box.features>section {
        padding: 3em 2em;
    }
    .box .image.featured {
        width: calc(100% + 4em);
    }
    .box .image.featured:first-child {
        margin-bottom: 3em;
        margin-top: -3em;
        margin-left: -2em;
    }
    .box .image.featured:last-child {
        margin-bottom: -3em;
        margin-top: 3em;
        margin-left: -2em;
    }
    /* Header */
    #wrapper {
        padding-top: 0;
    }

    /* Banner */
    /* Nav */
    #wrapper {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        padding-bottom: 1px;
    }
    #navButton {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        display: block;
        height: 44px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10001;
    }
    #navButton .toggle {
        text-decoration: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        border: 0;
        outline: 0;
    }
    #navButton .toggle:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important;
    }
    #navButton .toggle:before {
        background: rgba(192, 192, 192, 0.75);
        border-radius: 6px;
        color: #fff;
        content: '\f0c9';
        display: block;
        font-size: 16px;
        height: 2.25em;
        left: 0.5em;
        line-height: 2.25em;
        position: absolute;
        text-align: center;
        top: 0.5em;
        width: 3.5em;
    }
    #navPanel {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transform: translateX(-275px);
        -webkit-transform: translateX(-275px);
        -ms-transform: translateX(-275px);
        transform: translateX(-275px);
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        display: block;
        height: 100%;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 275px;
        z-index: 10002;
        background: #2b2b2b;
        color: #bbb;
    }
    #navPanel .link {
        border-bottom: 0;
        border-top: solid 1px rgba(255, 255, 255, 0.05);
        color: #bbb;
        display: block;
        height: 44px;
        line-height: 44px;
        padding: 0 1em 0 1em;
        text-decoration: none;
    }
    #navPanel .link:first-child {
        border-top: 0;
    }
    #navPanel .link.depth-0 {
        color: #fff;
    }
    #navPanel .link .indent-1 {
        display: inline-block;
        width: 1em;
    }
    #navPanel .link .indent-2 {
        display: inline-block;
        width: 2em;
    }
    #navPanel .link .indent-3 {
        display: inline-block;
        width: 3em;
    }
    #navPanel .link .indent-4 {
        display: inline-block;
        width: 4em;
    }
    #navPanel .link .indent-5 {
        display: inline-block;
        width: 5em;
    }
    body.navPanel-visible #wrapper {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px);
    }
    body.navPanel-visible #navButton {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px);
    }
    body.navPanel-visible #navPanel {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

/* Mobile */

@media screen and (max-width: 736px) {
    /* Basic */
    body, input, select, textarea {
        font-size: 11pt;
    }
    h2 {
        font-size: 1.75em;
        line-height: 1.35em;
        letter-spacing: -0.025em;
    }
    h3 {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1em;
    }
    /* Section/Article */
    header.major {
        padding: 0 1em;
    }
    header.major h2, header.major p {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    /* Box */
    .box {
        margin: 1em 0;
        overflow-x: hidden;
        padding: 2em 2em 10px 2em !important;
    }


    .box.features .features-row {
        border-top: 0;
        padding: 0;
    }
    .box.features .features-row section {
        border: 0;
        border-top: solid 1px #e5e5e5 !important;
        float: none;
        margin: 2em 0 0 0 !important;
        padding: 2em 0 0 0 !important;
        width: 100%;
    }
    .box.features .features-row:first-child section:first-child {
        border-top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .box .image.featured {
        margin-top: 2em;
    }
    .box .image.featured:first-child {
        margin-bottom: 2em;
        margin-left: -2em;
    }
    .box .image.featured:last-child {
        margin: 2em 0 0 0;
    }
    .box .image.featured:last-child img {
        border-radius: 0;
        width: 100%;
        margin: 0 auto;
    }
    /* Banner */
    #banner {
        padding: 4em 0;
    }
    #banner h2 {
        font-size: 2.25em;
    }
    #banner p {
        font-size: 1.25em;
    }
    /* Main */
    #main {
        padding: 4em 0 0 0;
    }
    #main>header {
        margin: 0 2em 1.5em 2em;
    }
    #main>header h2 {
        font-size: 2em;
    }
    #main>header>div {
        font-size: 1em;
        padding-bottom: 1em;
    }
    body.landing #main {
        padding: 0;
        margin-top: 0;
    }

}

/* Mobile (Portrait) */

@media screen and (max-width: 480px) {
    /* Basic */
    html, body {
        min-width: 320px;
    }
    body, input, select, textarea {
        font-size: 11pt;
    }
    /* Section/Article */
    header.major {
        padding: 0;
    }
    /* List */
    ul.actions {
        margin: 2em 0 0 0;
    }
    ul.actions li {
        display: block;
        padding: 1em 0 0 0;
        text-align: center;
        width: 100%;
    }
    ul.actions li:first-child {
        padding-top: 0;
    }
    ul.actions li>* {
        width: 100%;
        margin: 0 !important;
    }
    ul.actions li>*.icon:before {}
    ul.actions.small li {
        padding: 0.5em 0 0 0;
    }
    ul.actions.small li:first-child {
        padding-top: 0;
    }
    /* Box */
    .box {
        border-radius: 0; box-shadow: none; margin: 1em 0 0 0; padding: 1em 1em !important;}
    .box.features .features-row section {margin: 3em 0 0 0 !important;padding: 3em 0 0 0 !important;}
    .box .image.featured img {border-radius: 0 !important;}
    /* Banner */
    #banner {padding: 5em 3em 4em 3em;}
    /* Main */
    #main>.box:first-child {margin-top: 0;}
    #go_url {padding: 2.5em 1em 3em 1em;}
}
@media screen and (max-width: 640px) {
    td.dt-first-column, .dt-head-first-column {padding-left: 20px !important;}
}
.table-wrapper .buttons {text-align: center;}
@media screen and (min-width: 740px) {
    .table-wrapper .buttons {text-align: right;}
}
table.dataTable thead th {font-size: 0.8em !important;}
div.dataTables_paginate {float: unset !important; text-align: center !important; margin-top: 20px !important;}
.dt-first-column {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 150px;}
#map span {word-break: break-all; font-size: 14px;}
@media screen and (max-width: 736px) {
    .menu-item__content{text-align: center;}
}
@media screen and (min-width: 737px) {
    .menu-item__price{text-align: right;}
}
.s-slide { max-height: 395px; overflow: hidden; margin: 0;}
.s-slide div {height: 100%; vertical-align: middle; max-height: 395px;}
.s-slide>div>img { width: 100%;}
#banner { background-attachment: scroll; background-color: #666;  background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; color: #fff; padding: 12em 0 20em 0; text-align: center;}
.top_icon{margin-top:10px; font-size:55px; color:rgba(255,255,255,0.60); cursor: pointer; display: inline-block}
.top_icon:hover{color:white; transition : color 0.2s;}
.damoa_img{padding-top: 75%; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important;}
/* 3. FOOTER */
#footer {clear:both;  width:100%; padding:65px 0;  background:#f0f0f0; color: #999;  position:relative;  z-index:0;}
#footer .wrap {/*min-height:160px;*/  padding:0;  overflow:visible;  position:relative;  z-index:0; clear: both; width: 100%; max-width: 1200px; padding: 0 50px; margin: 0 auto; overflow: hidden;}
.en #footer .wrap {min-height:160px;}
@media only screen and (max-width:1199px) {
  #footer .wrap {min-height:0;  padding:0 50px;  overflow:hidden;}
}
@media only screen and (max-width:1024px) {
  #footer {padding:40px 0;}
}
@media only screen and (max-width:767px) {
  #footer .wrap {padding:0 20px;}
}



/* 푸터 로고 */
#footer .footer-logo {float:left;  width:32%;  font-size:0;}
@media only screen and (max-width:1199px) {
  #footer .footer-logo {float:none;  width:100%;  padding-top:0;  margin-bottom:20px; text-align: center;}
}
@media only screen and (max-width:1024px) {
  #footer .footer-logo {float:none;  width:100%;  text-align:center;}
}
@media only screen and (max-width:767px) {
  #footer .footer-logo {width:100%;  padding:0 10px;}
}
/* 푸터 내용 */
#footer .footer-cont {float:left;  width:65%;}
/* 푸터 내용 - 푸터 메뉴 */
#footer .footer-cont ul.footer-menu {width:100%;  margin-bottom:30px;  overflow:hidden;}
#footer .footer-cont ul.footer-menu li {float:left;  width:auto;  height:20px;  font-size:0;  line-height:20px;}
#footer .footer-cont ul.footer-menu li:last-child:after {display:none;}
#footer .footer-cont ul.footer-menu li:after {content:'|';  display:inline-block;  margin:0 15px;  font-size:14px;  color:#999;  vertical-align:top;}
#footer .footer-cont ul.footer-menu li a {display:inline-block;  font-size:16px;  color:#999;  line-height:20px;  font-weight:300;}
#footer .footer-cont ul.footer-menu li a:hover {color:#999}
/* 푸터 내용 - 푸터 정보 */
#footer .footer-cont .footer-info {width:100%;  overflow:hidden;}
#footer .footer-cont .footer-info > span {font-size:16px;  color:#999;  line-height:35px;  letter-spacing:-0.5px;  font-weight:300;  word-break:keep-all;}
#footer .footer-cont .footer-info > span a {color:#999 !important;}
#footer .footer-cont .footer-info span.footer-address {display:inline-block;}
#footer .footer-cont .footer-info span.footer-address:before {content:':';  margin:0 5px;}
#footer .footer-cont .footer-info span.footer-address br {display:none;}
#footer .footer-cont .footer-info > span a.phone {color:#dadada;}
#footer .footer-cont .footer-info span.info-end + span {clear:left;}
#footer .footer-cont .footer-info span.info-end {color:#dadada !important;}
#footer .footer-cont .footer-info span.copyright {display:block;  letter-spacing:0;  color:#999;}
#footer .footer-cont .footer-info span.info-first {display:block;}
@media only screen and (max-width:1199px) {
  #footer .footer-cont {float:left;  width:760px;}
}
@media only screen and (max-width:1199px) {
  #footer .footer-cont {clear:both;  float:none;  width:100%;}
  #footer .footer-cont ul.footer-menu {margin-bottom:20px;}
  #footer .footer-cont ul.footer-menu li {width:32.666666666666666666666666666667%;  height:auto;  margin-bottom:10px;  text-align:center;}
  #footer .footer-cont ul.footer-menu li:after {display:none;}
  #footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 1%;}
  #footer .footer-cont ul.footer-menu li a {display:block;  line-height:40px;  color:#999;  border: 1px solid #BCBCBC;}
  #footer .footer-cont .footer-info {text-align:center;}
}
@media only screen and (max-width:850px) {
  #footer .footer-cont .footer-info > span:not(.info-end):before {display:none;}
}
@media only screen and (max-width:767px) {
  #footer .footer-cont ul.footer-menu {margin-bottom:10px;}
  #footer .footer-cont ul.footer-menu li {margin-bottom:5px;}
  .en #footer .footer-cont ul.footer-menu li {width:100%;}
  .en #footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}
  #footer .footer-cont ul.footer-menu li a {font-size:14px;  letter-spacing:-0.5px;  font-weight:300;}
  #footer .footer-cont .footer-info > span {float:none;  font-size:14px;}
  #footer .footer-cont .footer-info span.footer-address {display:block;  line-height:20px;}
  #footer .footer-cont .footer-info span.footer-address:before {display:none}
  #footer .footer-cont .footer-info span.footer-address br {display:inline;}
  #footer .footer-cont .footer-info span.copyright {line-height:20px;}
}
@media only screen and (max-width:500px) {
#footer .footer-cont ul.footer-menu li {width:100%;}
#footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}
}
/*푸터 추가 CSS*/
#footer .info-last:before{content:'|';  display:inline-block;  margin:0 15px;  font-size:14px;  color:#999;  vertical-align:top;}
/*푸터 바로가기 다운로드 - 미사용*/
#download{position: fixed; bottom: 60px; right: 20px; z-index: 9;}
#download #domoa_download{display: block; width: 60px; height: 60px; line-height: 15px; background: #006DF0; color: #fff; border-radius: 50%; font-size: 12px; text-align: center; padding-top: 15px; padding-bottom: 15px; box-shadow: 3px 3px 5px rgb(0 0 0 / 15%); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer;}
#download #domoa_download:hover{background: #d80027; }

@media only screen and (max-width:767px) {
	#footer .info-last:before{content:'';  display:block;  margin:0 15px;  font-size:14px;  color:#999;  vertical-align:top;}
}
/* 네이버 추가 CSS */
#footer #naver_search{display: inline-block;}
#footer #naver_search #naver_logo {display: inline-block; margin-right: 6px;}
#footer #naver_search #naver_logo img{vertical-align: middle;}
#footer #naver_search #naver_keyword{display: inline-block; border: 3px solid #1dc800; width: 200px; background: #FFF; padding: 0px 5px; vertical-align: middle; height: 35px; line-height: 31px;}
#footer #naver_search #naver_keyword b{color: #8b8686; width: 100%; height: 100%; display: block; font-size: 16px; font-weight: bold; text-align:center;}
#footer #naver_search > a{display: inline-block; vertical-align: middle; background: #1dc800; padding: 0px 12px; height: 35px; line-height: 35px; cursor: pointer;}
#footer #naver_search > a i{font-size:15px; color:#FFF; vertical-align: middle; text-align:center;}


/*영업안내 추가 CSS*/
.office_info .infoBox { width: 100% !important; margin:0px !important; /*padding:0px !important;*/ box-shadow:none !important;}
.office_info .bigTitle{font-size: 1.2em !important;}
.office_info .bizPoint{font-size:1em !important;}
.office_info .bizTitle{font-size:1em !important;}
.office_info .infoWrap{background:none !important;}
.office_info .bizText1{font-size:0.9em !important;}
.office_info .bizText{font-size:0.9em !important;}
.office_info img{width:100%;}
.office_info .smalText{display:none;}
.office_info table td{padding:inherit !important;}
.office_info table tbody tr:nth-child(2n+1) { background-color: initial;}
@media (max-width: 768px){
	.office_info .infoBox {padding:10px 0px !important;}
	.office_info .bigTitle{font-size: 1.2em !important;}
	.office_info .bizPoint{font-size:0.9em !important;}
}

.container{max-width:1040px;}

/*모달 CSS*/
#website_condition, #privacy_policy, #uncollection_email{padding:0px; max-width: 800px;}
.modal_close_btn{background: #4d4d4d; padding: 5px 20px; border-radius: 5px; color: #FFF; box-sizing: border-box; display: inline-block; position: absolute; right: 10px; bottom: 10px; clear: both;}
.modal{width:95% !important;  overflow: initial; height: auto;}

/*전화걸기 문자전송 홈페이지 모바일 버튼 추가 CSS*/
#smsbox { width: 100%; height: 140px; margin-top: 20px; }
#smsbox p { font-size: 22px; color: #fff; padding-top: 20px; }
#smsbox1 { width: 49%; height: 80px; background: #555; float: left;  margin-bottom: 20px; }
#smsbox2 { width: 49%; height: 80px; background: #555; float: right; margin-bottom: 20px; }
.fa-phone { color:#fff; font-size:20px; }
.fa-envelope { color:#fff; font-size:20px; }
.fa-desktop { color:#fff; font-size:20px; }
.fa-mobile-alt { color:#fff; font-size:20px; }


@media screen and (max-width: 1680px) {
	#smsbox { height: 150px; }
	#smsbox p { font-size: 22px; color: #fff; padding-top: 25px; }
}
@media screen and (max-width: 1280px) {
	#smsbox { height: 115px; }
	#smsbox p { font-size: 17px; padding-top: 15px; }
	#smsbox1 { height: 60px; margin-bottom: 15px; }
	#smsbox2 { height: 60px; margin-bottom: 15px; }
	.fa-phone { font-size:15px; }
	.fa-envelope { font-size:15px; }
	.fa-desktop { font-size:15px; }
	.fa-mobile-alt { font-size:15px; }
}
@media screen and (max-width: 840px) {
	#smsbox { height: 115px; }
	#smsbox p { font-size: 15px; padding-top: 15px; }
	#smsbox1 { height: 50px; }
	#smsbox2 { height: 50px; }
}
@media screen and (max-width: 740px) {
	#smsbox { height: 105px; }
	#smsbox1 { width: 100%; }
	#smsbox2 { width: 100%; }
	#smsbox p { padding-top: 10px; }
	#smsbox1 { margin-bottom: 10px; }
	#smsbox2 { margin-bottom: 10px; }
}

@media screen and (max-width: 540px) {
	#smsbox p { padding-top: 12px; }
}

/* 이지플러스 반응형 sm 영업안내 부분 */
/* 이지플러스 반응형 sm 영업안내 부분 */
:root {
    --c-main: steelblue;
}

.office_info {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 1.35;
    letter-spacing: -0.035em;
    word-break: keep-all;
    overflow-wrap: break-word;
	text-align: left !important;
	padding: 50px !important;
}

.office_info div,
.office_info nav,
.office_info section,
.office_info h1,
.office_info h2,
.office_info h3,
.office_info h4,
.office_info h5,
.office_info h6,
.office_info button,
.office_info a,
.office_info ul,
.office_infool, li,
.office_info address,
.office_info strong,
.office_info span,
.office_info em,
.office_info p,
.office_info i,
.office_info dl,
.office_info dt,
.office_info dd,
.office_info form,
.office_info fieldset,
.office_info legend,
.office_info input,
.office_info textarea,
.office_info select,
.office_info table,
.office_info caption,
.office_info colgroup,
.office_info col,
.office_info thead,
.office_info tbody,
.office_info tfoot,
.office_info tr,
.office_info th,
.office_info td {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.office_info a {
    color: inherit;
    text-decoration: none;
}

.office_info em, .office_info address {
    font-style: normal;
}

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

.office_info form, .office_info input,.office_info select, .office_info textarea, .office_info button {
    background-color: transparent;
    border: 0;
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.office_info fieldset {
    border: 0;
}
.office_info legend {
    display: none;
}
.office_info button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.office_info table {
    width: 100%;
    border-collapse: collapse;
}

.office_info table caption {
    display: none;
}

.office_info h1, .office_info h2, .office_info h3, .office_info h4, .office_info h5, .office_info h6, .office_info strong, .office_info th {
    font-weight: 400;
}

.office_info .business .flex .txtbox ul li {
	padding-left: 20px;
}

.office_info .business .flex .txtbox ul li::after {
    content: "-";
	top: -4px;
}

.office_info .business .topbox h2 {
    font-size: 50px;
}

.office_info .business .topbox h3 {
    font-size: 42px;
}

@media screen and (max-width: 680px) {
	.office_info  {
		padding: 30px !important;
	}

	.office_info .business .topbox h2 {
		font-size: 40px;
	}

	.office_info .business .topbox h3 {
		font-size: 32px;
	}

	.office_info .business .flex .txtbox .txt1 {
		font-size: 32px;
	}

	.office_info .business .flex .txtbox .txt2 {
		font-size: 20px;
	}

	.office_info .business .flex .txtbox ul li {
		font-size: 16px;
	}
}


@media screen and (max-width: 480px) {

	.office_info .business .topbox h2 {
		font-size: 30px;
	}

	.office_info .business .topbox h3 {
		font-size: 25px;
	}

	.office_info .business .topbox h4 {
		font-size: 18px;
	}

}