/* ==========================================================================

// www.jsd.or.kr theme 
// Base Stylesheet - http://getbase.org

========================================================================== */
/* ==========================================================================
reset 
========================================================================== */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: inherit; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

body, form, fieldset, legend, input, select, textarea, button { margin: 0; }

audio:not([controls]) { display: none; height: 0; }

audio, canvas, progress, video { display: inline-block; }

progress { vertical-align: baseline; }

[hidden], template { display: none; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

body { font-family: "dotum, arial"; font-size: 15px; font-size: 0.9375rem; line-height: 22px; line-height: 1.375rem; color: #000; font-weight: 400; background: #fff; }

p { margin: 0 0 20px 0; }

a { color: #000; text-decoration: underline; background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { color: #000; outline-width: 0; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "dotum, arial"; margin: 0; }

h1, .fs-1 { font-size: 32px; font-size: 2rem; line-height: 38px; line-height: 2.375rem; }

h2, .fs-2 { font-size: 26px; font-size: 1.625rem; line-height: 32px; line-height: 2rem; }

h3, .fs-3 { font-size: 22px; font-size: 1.375rem; line-height: 28px; line-height: 1.75rem; }

h4, .fs-4 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; }

h5, .fs-5 { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; }

h6, .fs-6 { font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; }

h1 { margin-bottom: .5em; color: #000; font-weight: 700; }

h2 { margin-bottom: .2em; color: #000; font-weight: 700; }

h3 { margin-bottom: .2em; color: #000; font-weight: 700; }

h4 { margin-bottom: .2em; color: #000; font-weight: 700; }

h5 { margin-bottom: .1em; color: #000; font-weight: 700; }

h6 { margin-bottom: .1em; color: #000; font-weight: 700; }

b, strong, .strong { font-weight: 700; }

em, .em { font-style: italic; }

abbr[title], .abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

dfn { font-style: italic; }

small, .small { font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; }

mark, .mark { background-color: #ff0; color: #000; }

sub, .sub, sup, .sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub, .sub { bottom: -0.25em; }

sup, .sup { top: -0.5em; }

del, .del { text-decoration: line-through; }

figure { margin: 1em 40px; }

hr, .hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 1px; background: #eee; border: 0; margin-top: 20px; margin-bottom: 20px; }

ul, ol { margin: 20px 0; padding: 0 0 0 40px; }

dl:before, dl:after { content: " "; display: table; }
dl:after { clear: both; }
dl dt { float: left; width: 25%; display: block; font-weight: 400; }
dl dd { overflow: hidden; display: block; }

blockquote, .blockquote { font-family: sans-serif; font-weight: 400; font-style: italic; margin: 20px 0; }
blockquote p, .blockquote p { font-size: 22px; font-size: 1.375rem; line-height: 28px; line-height: 1.75rem; margin-bottom: 20px; }
blockquote cite, .blockquote cite { font-size: 12px; font-size: 0.75rem; line-height: 19px; line-height: 1.1875rem; font-weight: 700; font-style: normal; }

caption { font-size: inherit; line-height: normal; font-weight: 700; text-align: left; padding: 10px; border-bottom: 1px solid #d7d7d7; }

table { font-size: 13px; font-size: 0.8125rem; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; text-align: left; }
table thead td, table thead th, table tbody td, table tbody th, table tfoot td, table tfoot th { color: #585858; padding: 10px; border-bottom: 1px solid #e9e9e9; }

code, kbd, pre, samp { font-size: 13px; font-size: 0.8125rem; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; font-family: monospace, monospace; color: #000; background-color: transparent; font-weight: normal; padding: 0; white-space: pre-wrap; }

pre { padding: 10px; overflow: auto; border: 1px solid #d7d7d7; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

label, button, input, optgroup, select, textarea { color: #000; font: inherit; margin: 0; }

[type="text"], [type="email"], [type="password"], [type="tel"], [type="number"], [type="date"] { height: 36px; padding: 10px; background-color: #fff; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: textfield; border-radius: 0; }
[type="text"]:focus, [type="email"]:focus, [type="password"]:focus, [type="tel"]:focus, [type="number"]:focus, [type="date"]:focus { background-color: #fff; border-color: #f7c723; outline: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="date"]::-webkit-inner-spin-button { display: none; -webkit-appearance: none; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { padding: 10px; background-color: #fff; border: 1px solid #ccc; overflow: auto; border-radius: 0; }
textarea:focus { background-color: #fff; border-color: #f7c723; outline: 0; }

select { text-transform: none; height: 36px; padding: 0 10px; background-color: #fff; border: 1px solid #ccc; }
select:focus { background-color: #fff; border-color: #f7c723; outline: 0; }

optgroup { font-weight: 700; }

button { border-radius: 0; overflow: visible; text-transform: none; cursor: pointer; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; border-radius: 0; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

button[disabled], html input[disabled] { cursor: not-allowed; }

input::-webkit-input-placeholder { color: #999; }

input:-moz-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input:-ms-input-placeholder { color: #999; }

.button { cursor: pointer; border: 1px solid #d7d7d7; background-color: #f3f3f3; line-height: normal; padding: 10px 20px; text-decoration: none; color: #363636; display: inline-block; transition: all 0.3s; }
.button:hover, .button:active { text-decoration: none; }
.button:hover { background: #f9f9f9; }

.button-link { color: #000; text-decoration: underline; border: 0; background: transparent; padding: 0; }
.button-link:hover { text-decoration: none; }
.button-link:active { outline: 0; }

.clear:before, .clear:after { content: " "; display: table; }

.clear:after { clear: both; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }

.row { position: relative; margin-left: -15px; margin-right: -15px; }

@media only screen and (min-width: 740px) { .row-m { position: relative; margin-left: -15px; margin-right: -15px; }
  .row-m:before, .row-m:after { content: ""; display: table; }
  .row-m:after { clear: both; }
  .clear-m:before, .clear-m:after { content: ""; display: table; }
  .clear-m:after { clear: both; } }
@media only screen and (min-width: 980px) { .row-l { position: relative; margin-left: -15px; margin-right: -15px; }
  .row-l:before, .row-l:after { content: ""; display: table; }
  .row-l:after { clear: both; }
  .clear-l:before, .clear-l:after { content: ""; display: table; }
  .clear-l:after { clear: both; } }
@media only screen and (min-width: 1140px) { .row-xl { position: relative; margin-left: -15px; margin-right: -15px; }
  .row-xl:before, .row-xl:after { content: ""; display: table; }
  .row-xl:after { clear: both; }
  .clear-xl:before, .clear-xl:after { content: ""; display: table; }
  .clear-xl:after { clear: both; } }
.container, .container-full { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 740px) { .container { width: 720px; }
  .container-m, .container-full-m { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
  .container-m { width: 720px; }
  .container-full-m { width: auto; } }
@media only screen and (min-width: 980px) { .container { width: 960px; }
  .container-l, .container-full-l { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
  .container-l { width: 960px; }
  .container-full-l { width: auto; } }
@media only screen and (min-width: 1140px) { .container { width: 1120px; }
  .container-xl, .container-full-xl { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
  .container-xl { width: 1120px; }
  .container-full-xl { width: auto; } }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 { padding-left: 15px; padding-right: 15px; position: relative; float: left; }

.col-1 { width: 8.3333333333%; }

.col-2 { width: 16.6666666667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.3333333333%; }

.col-5 { width: 41.6666666667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.3333333333%; }

.col-8 { width: 66.6666666667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.3333333333%; }

.col-11 { width: 91.6666666667%; }

.col-12 { width: 100%; }

.col-1-2 { width: calc(6.0 / 12 * 100%); }

.col-1-3 { width: calc(4.0 / 12 * 100%); }

.col-2-3 { width: calc(8.0 / 12 * 100%); }

.col-1-4 { width: calc(3.0 / 12 * 100%); }

.col-3-4 { width: calc(9.0 / 12 * 100%); }

.col-1-5 { width: calc(2.4 / 12 * 100%); }

.col-2-5 { width: calc(4.8 / 12 * 100%); }

.col-3-5 { width: calc(7.2 / 12 * 100%); }

.col-4-5 { width: calc(9.6 / 12 * 100%); }

.col-full { width: 100%; }

.push-1 { left: 8.3333333333%; }

.push-2 { left: 16.6666666667%; }

.push-3 { left: 25%; }

.push-4 { left: 33.3333333333%; }

.push-5 { left: 41.6666666667%; }

.push-6 { left: 50%; }

.push-7 { left: 58.3333333333%; }

.push-8 { left: 66.6666666667%; }

.push-9 { left: 75%; }

.push-10 { left: 83.3333333333%; }

.push-11 { left: 91.6666666667%; }

.push-1-2 { left: calc(6 / 12 * 100%); }

.push-1-3 { left: calc(4 / 12 * 100%); }

.push-2-3 { left: calc(8 / 12 * 100%); }

.push-1-4 { left: calc(3 / 12 * 100%); }

.push-3-4 { left: calc(9 / 12 * 100%); }

.push-1-5 { left: calc(2.4 / 12 * 100%); }

.push-2-5 { left: calc(4.8 / 12 * 100%); }

.push-3-5 { left: calc(7.2 / 12 * 100%); }

.push-4-5 { left: calc(9.6 / 12 * 100%); }

.pull-1 { left: -8.3333333333%; }

.pull-2 { left: -16.6666666667%; }

.pull-3 { left: -25%; }

.pull-4 { left: -33.3333333333%; }

.pull-5 { left: -41.6666666667%; }

.pull-6 { left: -50%; }

.pull-7 { left: -58.3333333333%; }

.pull-8 { left: -66.6666666667%; }

.pull-9 { left: -75%; }

.pull-10 { left: -83.3333333333%; }

.pull-11 { left: -91.6666666667%; }

.pull-1-2 { left: -50%; }

.pull-1-3 { left: -33.3333333333%; }

.pull-2-3 { left: -66.6666666667%; }

.pull-1-4 { left: -25%; }

.pull-3-4 { left: -75%; }

.pull-1-5 { left: -20%; }

.pull-2-5 { left: -40%; }

.pull-3-5 { left: -60%; }

.pull-4-5 { left: -80%; }

@media only screen and (min-width: 740px) { .col-1-m, .col-2-m, .col-3-m, .col-4-m, .col-5-m, .col-6-m, .col-7-m, .col-8-m, .col-9-m, .col-10-m, .col-11-m, .col-12-m, .col-1-2-m, .col-1-3-m, .col-2-3-m, .col-1-4-m, .col-3-4-m, .col-1-5-m, .col-2-5-m, .col-3-5-m, .col-4-5-m { padding-left: 15px; padding-right: 15px; position: relative; float: left; }
  .col-1-m { width: 8.3333333333%; }
  .col-2-m { width: 16.6666666667%; }
  .col-3-m { width: 25%; }
  .col-4-m { width: 33.3333333333%; }
  .col-5-m { width: 41.6666666667%; }
  .col-6-m { width: 50%; }
  .col-7-m { width: 58.3333333333%; }
  .col-8-m { width: 66.6666666667%; }
  .col-9-m { width: 75%; }
  .col-10-m { width: 83.3333333333%; }
  .col-11-m { width: 91.6666666667%; }
  .col-12-m { width: 100%; }
  .col-1-2-m { width: 50%; }
  .col-1-3-m { width: 33.3333333333%; }
  .col-2-3-m { width: 66.6666666667%; }
  .col-1-4-m { width: 25%; }
  .col-3-4-m { width: 75%; }
  .col-1-5-m { width: 20%; }
  .col-2-5-m { width: 40%; }
  .col-3-5-m { width: 60%; }
  .col-4-5-m { width: 80%; }
  .col-full-m { width: 100%; }
  .push-1-m { left: 8.3333333333%; }
  .push-2-m { left: 16.6666666667%; }
  .push-3-m { left: 25%; }
  .push-4-m { left: 33.3333333333%; }
  .push-5-m { left: 41.6666666667%; }
  .push-6-m { left: 50%; }
  .push-7-m { left: 58.3333333333%; }
  .push-8-m { left: 66.6666666667%; }
  .push-9-m { left: 75%; }
  .push-10-m { left: 83.3333333333%; }
  .push-11-m { left: 91.6666666667%; }
  .push-1-2-m { left: 50%; }
  .push-1-3-m { left: 33.3333333333%; }
  .push-2-3-m { left: 66.6666666667%; }
  .push-1-4-m { left: 25%; }
  .push-3-4-m { left: 75%; }
  .push-1-5-m { left: 20%; }
  .push-2-5-m { left: 40%; }
  .push-3-5-m { left: 60%; }
  .push-4-5-m { left: 80%; }
  .pull-1-m { left: -8.3333333333%; }
  .pull-2-m { left: -16.6666666667%; }
  .pull-3-m { left: -25%; }
  .pull-4-m { left: -33.3333333333%; }
  .pull-5-m { left: -41.6666666667%; }
  .pull-6-m { left: -50%; }
  .pull-7-m { left: -58.3333333333%; }
  .pull-8-m { left: -66.6666666667%; }
  .pull-9-m { left: -75%; }
  .pull-10-m { left: -83.3333333333%; }
  .pull-11-m { left: -91.6666666667%; }
  .pull-1-2-m { left: -50%; }
  .pull-1-3-m { left: -33.3333333333%; }
  .pull-2-3-m { left: -66.6666666667%; }
  .pull-1-4-m { left: -25%; }
  .pull-3-4-m { left: -75%; }
  .pull-1-5-m { left: -20%; }
  .pull-2-5-m { left: -40%; }
  .pull-3-5-m { left: -60%; }
  .pull-4-5-m { left: -80%; } }
@media only screen and (min-width: 980px) { .col-1-l, .col-2-l, .col-3-l, .col-4-l, .col-5-l, .col-6-l, .col-7-l, .col-8-l, .col-9-l, .col-10-l, .col-11-l, .col-12-l, .col-1-2-l, .col-1-3-l, .col-2-3-l, .col-1-4-l, .col-3-4-l, .col-1-5-l, .col-2-5-l, .col-3-5-l, .col-4-5-l { padding-left: 15px; padding-right: 15px; position: relative; float: left; }
  .col-1-l { width: 8.3333333333%; }
  .col-2-l { width: 16.6666666667%; }
  .col-3-l { width: 25%; }
  .col-4-l { width: 33.3333333333%; }
  .col-5-l { width: 41.6666666667%; }
  .col-6-l { width: 50%; }
  .col-7-l { width: 58.3333333333%; }
  .col-8-l { width: 66.6666666667%; }
  .col-9-l { width: 75%; }
  .col-10-l { width: 83.3333333333%; }
  .col-11-l { width: 91.6666666667%; }
  .col-12-l { width: 100%; }
  .col-1-2-l { width: 50%; }
  .col-1-3-l { width: 33.3333333333%; }
  .col-2-3-l { width: 66.6666666667%; }
  .col-1-4-l { width: 25%; }
  .col-3-4-l { width: 75%; }
  .col-1-5-l { width: 20%; }
  .col-2-5-l { width: 40%; }
  .col-3-5-l { width: 60%; }
  .col-4-5-l { width: 80%; }
  .col-full-l { width: 100%; }
  .push-1-l { left: 8.3333333333%; }
  .push-2-l { left: 16.6666666667%; }
  .push-3-l { left: 25%; }
  .push-4-l { left: 33.3333333333%; }
  .push-5-l { left: 41.6666666667%; }
  .push-6-l { left: 50%; }
  .push-7-l { left: 58.3333333333%; }
  .push-8-l { left: 66.6666666667%; }
  .push-9-l { left: 75%; }
  .push-10-l { left: 83.3333333333%; }
  .push-11-l { left: 91.6666666667%; }
  .push-1-2-l { left: 50%; }
  .push-1-3-l { left: 33.3333333333%; }
  .push-2-3-l { left: 66.6666666667%; }
  .push-1-4-l { left: 25%; }
  .push-3-4-l { left: 75%; }
  .push-1-5-l { left: 20%; }
  .push-2-5-l { left: 40%; }
  .push-3-5-l { left: 60%; }
  .push-4-5-l { left: 80%; }
  .pull-1-l { left: -8.3333333333%; }
  .pull-2-l { left: -16.6666666667%; }
  .pull-3-l { left: -25%; }
  .pull-4-l { left: -33.3333333333%; }
  .pull-5-l { left: -41.6666666667%; }
  .pull-6-l { left: -50%; }
  .pull-7-l { left: -58.3333333333%; }
  .pull-8-l { left: -66.6666666667%; }
  .pull-9-l { left: -75%; }
  .pull-10-l { left: -83.3333333333%; }
  .pull-11-l { left: -91.6666666667%; }
  .pull-1-2-l { left: -50%; }
  .pull-1-3-l { left: -33.3333333333%; }
  .pull-2-3-l { left: -66.6666666667%; }
  .pull-1-4-l { left: -25%; }
  .pull-3-4-l { left: -75%; }
  .pull-1-5-l { left: -20%; }
  .pull-2-5-l { left: -40%; }
  .pull-3-5-l { left: -60%; }
  .pull-4-5-l { left: -80%; } }
@media only screen and (min-width: 1140px) { .col-1-xl, .col-2-xl, .col-3-xl, .col-4-xl, .col-5-xl, .col-6-xl, .col-7-xl, .col-8-xl, .col-9-xl, .col-10-xl, .col-11-xl, .col-12-xl, .col-1-2-xl, .col-1-3-xl, .col-2-3-xl, .col-1-4-xl, .col-3-4-xl, .col-1-5-xl, .col-2-5-xl, .col-3-5-xl, .col-4-5-xl { padding-left: 15px; padding-right: 15px; position: relative; float: left; }
  .col-1-xl { width: 8.3333333333%; }
  .col-2-xl { width: 16.6666666667%; }
  .col-3-xl { width: 25%; }
  .col-4-xl { width: 33.3333333333%; }
  .col-5-xl { width: 41.6666666667%; }
  .col-6-xl { width: 50%; }
  .col-7-xl { width: 58.3333333333%; }
  .col-8-xl { width: 66.6666666667%; }
  .col-9-xl { width: 75%; }
  .col-10-xl { width: 83.3333333333%; }
  .col-11-xl { width: 91.6666666667%; }
  .col-12-xl { width: 100%; }
  .col-1-2-xl { width: 50%; }
  .col-1-3-xl { width: 33.3333333333%; }
  .col-2-3-xl { width: 66.6666666667%; }
  .col-1-4-xl { width: 25%; }
  .col-3-4-xl { width: 75%; }
  .col-1-5-xl { width: 20%; }
  .col-2-5-xl { width: 40%; }
  .col-3-5-xl { width: 60%; }
  .col-4-5-xl { width: 80%; }
  .col-full-xl { width: 100%; }
  .push-1-xl { left: 8.3333333333%; }
  .push-2-xl { left: 16.6666666667%; }
  .push-3-xl { left: 25%; }
  .push-4-xl { left: 33.3333333333%; }
  .push-5-xl { left: 41.6666666667%; }
  .push-6-xl { left: 50%; }
  .push-7-xl { left: 58.3333333333%; }
  .push-8-xl { left: 66.6666666667%; }
  .push-9-xl { left: 75%; }
  .push-10-xl { left: 83.3333333333%; }
  .push-11-xl { left: 91.6666666667%; }
  .push-1-2-xl { left: 50%; }
  .push-1-3-xl { left: 33.3333333333%; }
  .push-2-3-xl { left: 66.6666666667%; }
  .push-1-4-xl { left: 25%; }
  .push-3-4-xl { left: 75%; }
  .push-1-5-xl { left: 20%; }
  .push-2-5-xl { left: 40%; }
  .push-3-5-xl { left: 60%; }
  .push-4-5-xl { left: 80%; }
  .pull-1-xl { left: -8.3333333333%; }
  .pull-2-xl { left: -16.6666666667%; }
  .pull-3-xl { left: -25%; }
  .pull-4-xl { left: -33.3333333333%; }
  .pull-5-xl { left: -41.6666666667%; }
  .pull-6-xl { left: -50%; }
  .pull-7-xl { left: -58.3333333333%; }
  .pull-8-xl { left: -66.6666666667%; }
  .pull-9-xl { left: -75%; }
  .pull-10-xl { left: -83.3333333333%; }
  .pull-11-xl { left: -91.6666666667%; }
  .pull-1-2-xl { left: -50%; }
  .pull-1-3-xl { left: -33.3333333333%; }
  .pull-2-3-xl { left: -66.6666666667%; }
  .pull-1-4-xl { left: -25%; }
  .pull-3-4-xl { left: -75%; }
  .pull-1-5-xl { left: -20%; }
  .pull-2-5-xl { left: -40%; }
  .pull-3-5-xl { left: -60%; }
  .pull-4-5-xl { left: -80%; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fade-in { animation-name: fadeIn; }

@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -30px, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-down { animation-name: fadeInDown; }

@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-down-big { animation-name: fadeInDownBig; }

@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-30px, 0, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-left { animation-name: fadeInLeft; }

@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-left-big { animation-name: fadeInLeftBig; }

@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(30px, 0, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-right { animation-name: fadeInRight; }

@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-right-big { animation-name: fadeInRightBig; }

@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 30px, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-up { animation-name: fadeInUp; }

@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; transform: none; } }
.fade-in-up-big { animation-name: fadeInUpBig; }

@media print { *, *:before, *:after { background: transparent; color: #000; box-shadow: none; text-shadow: none; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr { page-break-inside: avoid; }
  img { page-break-inside: avoid; max-width: 100%; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  abbr[title]:after { content: " (" attr(title) ")"; } }
/* ==========================================================================
layout  
========================================================================== */
/* main ------------------------------------------------------------------ */
.widget_title1 { display: inline-block; font-size: 20px; }

.new { color: #f00; padding-left: 5px; }

html.lt-ie8 #top_menu .menutabs li { float: left; display: block; }

p { margin: 0; }

html a { text-decoration: none; }

.wrap { width: 100%; margin: 0 auto; }

.wrap2 { width: 100%; margin: 0 auto; padding: 0 10px 0; }

/* header */
#header { width: 100%; z-index: 9999; }
#header #headerbox { margin: 0 auto; position: relative; }
#header #headerbox #headertop #topline { height: 50px; background: #319ce0; padding: 13px 10px 7px; }
#header #headerbox #headertop #topline #sitemenu_popup_btn { position: absolute; left: 0; margin-top: -12px; padding: 10px 10px 15px 10px; background: #319ce0; cursor: pointer; }
#header #headerbox #headertop #topline #sitemenu_popup_btn img { width: 18px; }
#header #headerbox #headertop #topline #search_btn { position: absolute; right: 0px; top: 12px; padding-left: 5px; padding-right: 10px; background: #319ce0; width: 50px; text-align: right; }
#header #headerbox #headertop #topline #top_links { position: absolute; margin-left: 30px; x-width: 90%; }
#header #headerbox #headertop #topline #top_links ul { margin: 0; padding: 0; list-style: none; width: 1000px; }
#header #headerbox #headertop #topline #top_links ul li { display: inline-block; padding: 0 4px 0; font-size: 14px; color: #fff; }
#header #headerbox #headertop #topline #top_links ul li a { color: #fff; }
#header #headerbox #headertop #topline #top_links ul li.on { font-weight: bold; }
#header #headerbox #headertop #topline img { vertical-align: bottom; }
#header #headerbox #headertop #subline { height: 35px; padding: 5px 2px 2px; background: #f1f5f8; border-bottom: solid 1px #e4e5e9; }
#header #headerbox #headertop #subline ul { margin: 0; padding: 0; list-style: none; width: 1000%; }
#header #headerbox #headertop #subline ul li { display: inline-block; font-size: 13px; color: #5e6470; padding: 0 7px 0; }
#header #headerbox #headertop #subline ul li a { color: #5e6470; }
#header #headerbox #headertop #subline ul li.on { font-weight: bold; color: #444444; }

#go_top { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 100; }
#go_top img { width: 48px; }

#gnb { margin-top: 0px; padding-top: 1px; }
#gnb #gnb_layor { display: none; position: relative; width: 100%; height: 190px; background: url(image/main/main_bg.jpg); background-size: 100%; }
#gnb #gnb_layor #slogan { position: absolute; top: 7px; left: 30px; width: 270px; text-align: center; color: #444; }
#gnb #gnb_layor #slogan img { width: 100%; }
#gnb #gnb_layor #links { position: absolute; bottom: 30px; left: 30px; x-height: 100px; margin: 0 auto; }
#gnb #gnb_layor #links ul { list-style: none; margin: 0; padding: 0; }
#gnb #gnb_layor #links ul li { float: left; margin: 0; padding: 0 5px 0; }
#gnb #gnb_layor #links ul li a img { width: 50px; }
#gnb #gnb_layor #close_now { position: absolute; bottom: 5px; right: 5px; font-size: 14px; text-align: right; }
#gnb #gnb_layor #close_now a { padding: 2px; }
#gnb #gnb_layor #close_now a:hover { color: #777; }
#gnb #gnb_layor label { color: #fff; cursor: pointer; mix-blend-mode: difference; }
#gnb #gnb_bar { position: relative; margin: 00px auto 0px; x-height: 40px; width: 90%; display: none;     /*
		ul {
			list-style:none;
			margin:0; padding:0;
			border:solid #c9c9c9 1px;
			border-radius:5px;
			height:35px;
			background-color:#f9f9f9;
			text-align:center;
			li {
				display:inline-block;
				margin:0;
				padding:5px 5px 5px;
				height:33px;
				font-size:16px;
				a {
				}
				strong {
					font-weight:inherit;
				}
				&.on {
					font-weight:bold;
				}
			}
			li:hover {
				background-color:#ed116b;
				color:white;
				cursor:pointer;
			}
			li:hover a {
				color:#fff;
			}
		}
		*/ }
#gnb #gnb_bar strong { font-weight: inherit; }
#gnb #gnb_bar table { width: 100%; border: #d9d4c9; border-collapse: collapse; }
#gnb #gnb_bar table tr { height: 25px; }
#gnb #gnb_bar table td { text-align: center; background: #f7f3eb; padding: 10px; }
#gnb #gnb_bar table td a { font-size: 15px; }
#gnb #gnb_bar table td.on { font-weight: bold; }
#gnb #gnb_bar table tr, #gnb #gnb_bar table td { border: solid 1px #d9d4c9; }
#gnb #gnb_bar #open_layor { display: none; position: absolute; right: -60px; top: 10px; }
#gnb #gnb_bar #open_layor input#button { font-size: 10px; }
#gnb #gnb_menu_circles { margin: 0px auto; padding: 0 0 0; background: #efefef; }
#gnb #gnb_menu_circles ul { list-style: none; text-align: center; padding: 0; margin: 0; }
#gnb #gnb_menu_circles ul li.menu { width: 22%; display: inline-block; padding: 5px; position: relative; text-align: center; }
#gnb #gnb_menu_circles ul li.menu .circle { display: inline-block; width: 76px; height: 76px; --background: #aaa; --border-radius: 38px; overflow: hidden; }
#gnb #gnb_menu_circles ul li.menu .circle img { width: 76px; height: 76px; }
#gnb #gnb_menu_circles ul li.menu .desc { margin-top: 20px; text-align: center; font-size: 20px; }
#gnb #gnb_menu_boxes { margin: 10px auto; padding: 0 7px 0; }
#gnb #gnb_menu_boxes table { border-collapse: collapse; list-style: none; padding: 0; margin: 0; }
#gnb #gnb_menu_boxes table td { padding: 5px; position: relative; text-align: center; vertical-align: middle; border: 1px solid #cccccc; }
#gnb #gnb_menu_boxes table td img { width: 70px; }

#best_posts #posts_wrap, #recommend_posts #posts_wrap { border: none; padding: 10px 0 5px; width: 100%; overflow-x: scroll; }
#best_posts #posts_wrap ul#best_post_list, #recommend_posts #posts_wrap ul#best_post_list { list-style: none; height: 140px; overflow-x: hidden; overflow-y: hidden; min-width: 1000px; padding: 0; margin: 0; }
#best_posts #posts_wrap ul#best_post_list li, #recommend_posts #posts_wrap ul#best_post_list li { display: inline-block; border: solid #ffefbf 1px; background-color: #eff; width: 100px; height: 100px; }

#tag_list { margin: 20px 0 20px; padding: 5px; }
#tag_list #search_wrap #search { margin: 0 auto; width: 300px; }
#tag_list #search_wrap #search .keyword_input { float: left; padding: 0; height: 38px; border: solid #23b8ce 3px; margin: 0 auto; width: 260px; }
#tag_list #search_wrap #search .submit { float: left; padding: 5px 5px 0; height: 38px; background: #23b8ce; color: #fff; cursor: pointer; }
#tag_list #search_wrap #search input[type="text"] { padding: 5px; width: 100%; font-size: 14px; border: none; height: 30px; }
#tag_list #tags { width: 100%; margin: 0 auto; }
#tag_list #tags ul { list-style: none; margin: 20px 0; padding: 0 0 0 10px; text-align: center; }
#tag_list #tags ul li { display: inline-block; min-width: 50px; height: 25px; margin: 4px 5px 4px; padding: 1px 10px 4px; text-align: center; border-radius: 15px; font-size: 11px; background-color: #3bacb2; color: #fff; cursor: pointer; }

#fullslider { padding: 0; margin: 0; }

#main_top_container2 { background: #66cdcc; margin: 10px 0 10px; }

#main_top_container3 { padding: 20px 0 10px; border-top: solid 1px #eee; }
#main_top_container3 .title { font-size: 20px; color: #444; }

#main_top_container4 { padding: 20px 0 10px; x-border-top: solid 1px #eee; }
#main_top_container4 .title { font-size: 20px; color: #444; }

#main_top_container5 { padding: 10px 0 10px; margin: 0 10px 0; }

#main_bottom_container1 { padding: 10px 0 10px; border-top: #d9d9d9 solid 1px; }

.dojeon_wrap { margin-bottom: 40px; padding: 30px 0 30px; position: relative; background-color: #319ce0; color: #fff; x-background: url(image/main_m/bg-flower.png) right center no-repeat; }
.dojeon_wrap .wrap_inner { padding: 30px 20px 80px; border: solid 2px #fff; margin: 30px; border-radius: 30px; background: url(image/main_m/bg-flower.png) center bottom no-repeat; min-height: 450px; }
.dojeon_wrap .dojeon_title { margin-right: 40px; text-align: right; }
.dojeon_wrap .dojeon_title img { max-width: 100px; }
.dojeon_wrap #dojeon_word { color: #fff; font-size: 18px; padding: 30px 30px 30px; text-align: center; }
.dojeon_wrap #dojeon_word a { color: #fff; font-family: serif; font-weight: bold; }
.dojeon_wrap #dojeon_title { position: absolute; left: 30px; top: 0; background: #349cdb; color: white; padding: 5px 20px 5px; font-size: 14px; border-radius: 0 0 5px 5px; }
.dojeon_wrap #dojeon_title a { color: #fff; }

#blog_main { padding: 0; }
#blog_main .title { padding: 10px 0 10px; x-height: 60px; font-size: 20px; color: #444; }

#side_widgets { margin-top: 5px; }
#side_widgets .side_widget { float: left; margin-right: 10px; width: 70px; font-size: 10px; color: #fff; }
#side_widgets .side_widget img { width: 100%; }

.location { text-align: right; font-size: 11px; margin: 10px 10px 10px; display: none; }
.location a { font-size: 11px; }

#container { margin: 10px auto 10px; padding: 0 10px 0; background: #fff; position: relative; }
#container .location { display: block; }
#container .mainbox { height: 320px; padding: 25px 0; }
#container img.photo { width: 100%; }
#container .sitelink { text-align: right; }
#container .sitelink a { color: #ff8040; font-weight: bold; }

.content_wrap { font-size: 18px; line-height: 160%; }

.app_banner { margin: 0; padding: 0; }
.app_banner img { width: 100%; display: block; }

.customer_banner { padding: 5px 0 0px 0; margin: 0 auto; text-align: center; white-space: nowrap; }
.customer_banner img { width: 49%; }

/* sns icons */
.sns_contents { background-color: #319ce0; padding: 40px 20px 40px; }

.section { margin: 0 0 30px; }

.msub_title { margin: 20px 0 15px; }
.msub_title h3 { margin: 0 10px 10px; color: #444; font-size: 20px; font-weight: normal; }
.msub_title h4 { margin: 0 10px 5px; color: #000; font-size: 18px; font-weight: bold; }

.ellipsis2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; max-height: 3em; }

.ellipsis1 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }

.recservices { margin: 15px 10px 15px; border: solid 1px #e8e8ea; border-radius: 10px; padding-bottom: 20px; }
.recservices ul { list-style: none; padding: 20px 10px 20px; margin: 0; }
.recservices ul li { float: left; font-size: 15px; font-weight: bold; width: 32%; background: url(image/main_m/dot-blue.png) 0 0 no-repeat; padding-left: 30px; height: 30px; line-height: 2.2; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.recservices ul li.em { font-style: normal; color: #f00; background: url(image/main_m/dot-red.png) 0 0 no-repeat; }
.recservices .append2 { display: inline-block; min-width: 20px; height: 16px; color: #fff; background: #319ce0; text-align: center; font-weight: 600; font-size: 9px; line-height: 14px; border-radius: 4px; padding: 1px 4px 1px; }
.recservices .item { font-weight: bold; }

@media (max-width: 470px) { .recservices ul li { width: 45%; } }
.snslinks { padding: 12px 0 0 0; margin: 0 auto; text-align: center; }

.icons { text-align: center; }
.icons .icon { display: inline-block; width: 60px; height: 100px; margin: 5px; vertical-align: top; }
.icons .icon img { width: 60px; height: 60px; border-radius: 30px; }
.icons .icon .name { text-align: center; font-size: 11px; line-height: 130%; color: #fff; }

/* footer */
#footer { clear: both; background-color: #f5f5f5; border-top: solid 1px #d0d0d0; width: 100%; margin: 50px auto 0; text-align: center; }
#footer .foot { border-top: solid 1px #d0d0d0; width: 100%; margin: 0 auto; padding: 20px 0 20px; }
#footer .foot ul { height: 28px; margin: 0 auto; overflow: hidden; text-align: center; width: 300px; list-style: none; padding: 0; }
#footer .foot ul li { display: inline-block; text-align: left; }
#footer .foot ul li a { display: inline-block; font-size: 12px; text-align: center; padding: 0 5px 0; color: #6a6a6a; font-weight: bold; }
#footer .foot .copyright { font-size: 9px; margin: 10px 0 10px 0; width: 100%; color: #444; }
#footer .links { padding: 12px 0 0 0; margin: 0 auto; }
#footer .links li { display: inline-block; height: 16px; letter-spacing: -1px; margin: 0; text-align: left; }
#footer .links li a { color: #fff; font-size: 14px; height: 16px; padding: 0 10px 0 5px; }
#footer .links li.end a { background: none repeat scroll 0 0 transparent; }
#footer .links2 { padding: 0; padding: 10px 0 10px; margin: 0; }
#footer .links2 li { display: inline-block; height: 16px; letter-spacing: -1px; margin: 0; text-align: left; }
#footer .links2 li a { color: #6a6a6a; font-size: 14px; height: 16px; padding: 0 6px 0 5px; }
#footer .links2 li.end a { background: none repeat scroll 0 0 transparent; }
#footer .sitelinks { padding: 10px 0 5px; }
#footer .sitelinks select { font-size: 14px; height: 30px; width: 94%; }

#popup_menu_bg { display: none; width: 100%; height: 100%; background: none rgba(0, 0, 0, 0.498039); position: fixed; top: 0px; left: 0px; z-index: 100000; }

#popup_menu { display: none; position: fixed; right: 0; top: 0; width: 250px; box-shadow: 0px 0px 10px #ccc; font-size: 14px; background: #fff; z-index: 100001; overflow: hidden; height: 100%; overflow: auto; }
#popup_menu #popup_logo { position: relative; width: 250px; height: 50px; background-color: #319ce0; border-bottom: solid 1px #319ce0; }
#popup_menu #popup_logo #popup_logo_x { position: absolute; right: 5px; top: 10px; cursor: pointer; }
#popup_menu #popup_logo .site_name { font-size: 16px; font-weight: bold; color: #fff; padding: 10px; padding-top: 14px; }
#popup_menu #popup_logo .site_name a { color: #fff; }
#popup_menu #search { height: 36px; margin: 5px 5px 0; }
#popup_menu #search input { height: 30px; }
#popup_menu #search input[type="text"] { width: 150px; }
#popup_menu #popup_login { padding: 0; margin: 0; background-color: #319ce0; color: #fff; }
#popup_menu #popup_login .join { padding: 15px 20px 15px; width: 120px; display: inline-block; border-right: solid 1px #319ce0; text-align: center; }
#popup_menu #popup_login .login { padding: 15px 20px 15px; width: 120px; display: inline-block; text-align: center; }
#popup_menu #popup_login a { color: #fff; }
#popup_menu #menutabs { z-index: 1000; background: #fff; border: solid 1px #eee; }
#popup_menu #menutabs ul { padding: 0; margin: 0; list-style-type: none; }
#popup_menu #menutabs li { list-style: none; margin: 0; padding: 10px 10px 10px; line-height: 140%; position: relative; display: block; border-bottom: solid 1px #eeeeee; cursor: pointer; }
#popup_menu #menutabs li:hover { x-background: #ffe599; }
#popup_menu #menutabs li.on { background: #ffe599; font-weight: bold; }
#popup_menu #menutabs li:first-child { margin-left: 0; }
#popup_menu #menutabs li:last-child { border-right: 0; }
#popup_menu #menutabs li.selected { padding-bottom: 10px; }
#popup_menu #menutabs li a { color: #444; font-size: 14px; padding: 5px 0; }
#popup_menu #menutabs li .fold_switch { float: right; }
#popup_menu #menutabs li .fold_switch .unfold { display: none; }
#popup_menu #menutabs li .fold_switch.unfold .unfold { display: block; }
#popup_menu #menutabs li .fold_switch.unfold .fold { display: none; }
#popup_menu #menutabs li ul { padding: 10px; list-style-type: none; display: none; top: 35px; left: 10px; x-width: 300px; z-index: 100; }
#popup_menu #menutabs li ul.on { display: block; }
#popup_menu #menutabs li ul li { background: none; border-bottom: none; font-size: 14px; line-height: 130%; margin-right: 20px; padding: 5px 10px 5px 0; }
#popup_menu #menutabs li ul li a { font-size: 14px; padding: 5px; }
#popup_menu #menutabs li ul li a:hover { text-decoration: underline; }
#popup_menu #menutabs li.selected ul { display: block; }
#popup_menu #menutabs .open { x-background: url(./image/arr_minus.gif) left 9px no-repeat; }
#popup_menu #menutabs .on { x-color: #e52a4d; }
#popup_menu #btns { margin-top: 10px; padding: 5px; }
#popup_menu #btns a { padding: 5px 0px 5px; margin: 0 auto; width: 100%; color: #fff; font-weight: bold; background: #ffcc99; border: solid 1px #ffaa55; color: #9f5000; text-align: center; display: block; }

#date { font-size: 11px; line-height: 120%; color: #319ce0; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; }

/* popup */
.widget_eventbanner { margin: 30px 0 30px; }
.widget_eventbanner ul { margin: 0; padding: 0; }
.widget_eventbanner ul li { list-style: none; }

/* etc */
.dojeon { border: 1px solid #eeeeee; padding: 10px 20px 10px; background-color: #fffcf0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

.dojeon h3 { font-size: 16px; color: #b30000; xpadding: 0.5em 0 0.5em; font-weight: 700; }

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

.dojeon li { padding: 5px; }

/* tabmenu1 */
#tabmenu1 > ul { position: relative; margin: 0; margin-bottom: 5px; padding: 5px 0 0 0; list-style: none; font-size: 12px; *zoom: 1; }

#tabmenu1 > ul:after { content: ""; display: block; clear: both; }

#tabmenu1 > ul li { float: left; margin: 0 10px 0; }

#tabmenu1 > ul li a { position: relative; float: left; text-decoration: none; background: white; color: #777; display: inline-block; font-weight: bold; font-size: 15px; vertical-align: top; }

#tabmenu1 > ul li a:hover, #tabmenu1 > ul li a.on { color: #333333; }

#tabmenu1 div.tab1box { display: none; }

#tabmenu1 > ul li:first-child a img { margin-top: -3px; }

/* widget_post_gallery_01 */
.widget_post_gallery_01 { position: relative; padding: 0; }

.widget_post_gallery_01 h6 { border-bottom: #dfdfdf solid 1px; padding: 0 0 9px 0; margin: 0 0 5px 0; font-weight: bold; font-size: 13px; color: #384799; }

.widget_post_gallery_01 h6 a { color: #384799; }

.widget_post_gallery_01 ul { padding: 0; margin: 0; }

.widget_post_gallery_01 li { list-style-type: none; padding: 2px 0 2px 0; line-height: 140%; border-bottom: #eee dotted 1px; }

.widget_post_gallery_01 li a { font-size: 14px; color: #444; }

.widget_post_gallery_01 li a:hover { text-decoration: underline; }

.widget_post_gallery_01 li .dot { font: normal 10px arial; color: #999; margin-left: -4px; }

.widget_post_gallery_01 li .comment { font: normal 11px arial; color: #fc6138; }

.widget_post_gallery_01 li .new { font-family: arial; font-size: 10px; color: #ff0000; }

.widget_post_gallery_01 .none { border: 0; }

.widget_post_gallery_01 .more { position: absolute; top: -24px; right: 15px; font-size: 11px; font-family: dotum, gothic; color: #c0c0c0; }

.widget_post_gallery_01 .more:hover { text-decoration: underline; color: #000000; }

.widget_post_gallery_01 li .date { font: normal 11px arial; color: #fff; background-color: #7396ff; padding: 3px; border-radius: 3px; font-weight: bold; margin-right: 5px; }

.widget_post_gallery_01 .gallery { width: 220px; float: left; }

.widget_post_gallery_01 .text { width: 480px; float: left; }

.widget_post_gallery_01 .gallery { position: relative; padding: 0 0 20px 0; }

.widget_post_gallery_01 .gallery h6 { padding: 0 0 9px 0; margin: 0 0 5px 0; font-weight: bold; font-size: 15px; color: #333; }

.widget_post_gallery_01 .gallery h6 a { color: #333; }

.widget_post_gallery_01 .gallery ul { padding: 0; margin: 0; padding-left: 10px; }

.widget_post_gallery_01 .gallery li { display: inline-block; list-style-type: none; margin: 10px 0 10px 0; line-height: 150%; width: 200px; height: 100px; overflow: hidden; }

.widget_post_gallery_01 .gallery li .thumb { border: dfdfdf solid 1px; margin: 0 15px 0 0; }

.widget_post_gallery_01 .gallery li p { line-height: 130%; padding: 5px 0 0 0; height: 30px; overflow: hidden; }

.widget_post_gallery_01 .gallery li p a { font-weight: bold; color: #333; }

.widget_post_gallery_01 .gallery li p a:hover { text-decoration: underline; }

.widget_post_gallery_01 .gallery li p .comment { font: normal 11px arial; color: #fc6138; }

.widget_post_gallery_01 .gallery li p .new { font-family: arial; font-size: 10px; color: #ff0000; }

.widget_post_gallery_01 .gallery li p .date { display: block; font-family: arial; font-size: 10px; color: #999; }

.widget_post_gallery_01 .gallery .more { position: absolute; top: 4px; right: 1px; font-size: 11px; font-family: dotum; color: #c0c0c0; }

.widget_post_gallery_01 .gallery .more:hover { text-decoration: underline; color: #000000; }

.widget_post_gallery_01 .text { position: relative; padding: 0; overflow: hidden; white-space: nowrap; }

.widget_post_gallery_01 .text h6 { border-bottom: #dfdfdf solid 1px; padding: 0 0 9px 0; margin: 0 0 5px 0; font-weight: bold; font-family: "gothic", "dotum"; font-size: 13px; color: #384799; }

.widget_post_gallery_01 .text h6 a { color: #384799; }

.widget_post_gallery_01 .text ul { padding: 0; margin: 10px; }

.widget_post_gallery_01 .text li { list-style-type: none; padding: 5px 0 5px 0; line-height: 140%; border-bottom: #dfdfdf dotted 1px; overflow: hidden; white-space: nowrap; }

.widget_post_gallery_01 .text li a { font-size: 13px; color: #444; overflow: hidden; text-overflow: ellipsis; x-white-space: nowrap; width: 100px; height: 15px; }

.widget_post_gallery_01 .text li a strong { display: inline; margin: 0px 0 4px 0; color: #616161; font-size: 14px; }

.widget_post_gallery_01 .text li a:hover { text-decoration: underline; }

.widget_post_gallery_01 .text li .dot { font: normal 10px arial; color: #999; margin-left: -4px; }

.widget_post_gallery_01 .text li .comment { font: normal 11px arial; color: #fc6138; }

.widget_post_gallery_01 .text li .new { font-family: arial; font-size: 10px; color: #ff0000; }

.widget_post_gallery_01 .text .none { border: 0; }

.widget_post_gallery_01 .text .more { position: absolute; top: 4px; right: 1px; font-size: 11px; font-family: dotum; color: #c0c0c0; }

.widget_post_gallery_01 .text .more:hover { text-decoration: underline; color: #000000; }

.basic-post-webzine { overflow: hidden; line-height: 20px; }
.basic-post-webzine .txt-normal { letter-spacing: 0; }
.basic-post-webzine .txt-short { letter-spacing: -1px; padding-right: 1px; }
.basic-post-webzine .post-vicon { position: absolute; left: 6px; top: 6px; color: #fff; font-size: 20px; z-index: 1; text-shadow: 1px 1px 1px #000; }
.basic-post-webzine .post-none { padding: 50px 10px; text-align: center; color: #888; }
.basic-post-webzine .post-row { float: left; overflow: hidden; }
.basic-post-webzine .post-list { overflow: hidden; }
.basic-post-webzine .post-image { position: relative; overflow: hidden; }
.basic-post-webzine .post-content { margin: 0 0 -2px; overflow: hidden; }
.basic-post-webzine .post-subject { overflow: hidden; letter-spacing: -1px; padding-right: 1px; }
.basic-post-webzine .post-text { font-size: 12px; color: #888; margin-top: 4px; }
.basic-post-webzine .post-sp { color: #ccc; margin: 0 4px; }

.is-pc .ko .basic-post-webzine .post-ko { font-size: 11px; }

#fullslider button { border: 0 none; padding: 0; margin: 0; x-vertical-align: middle; background: transparent; *overflow: visible; cursor: pointer; }
#fullslider button:focus { border: 0; outline: 0; }
#fullslider .append { display: block; position: absolute; min-width: 14px; height: 14px; color: #fff; background: #4c79ff; text-align: center; font-weight: 600; font-size: 10px; line-height: 14px; border-radius: 5px; padding: 1px; }
#fullslider .control { position: relative; top: 5px; left: 0; background: #fff; z-index: 100; padding-top: 4px; width: 100%; border-bottom: 1px solid #ccc; }
#fullslider .control > ul { list-style: none; margin: 0; padding: 0; }
#fullslider .control > ul li { width: 16%; text-align: center; }
#fullslider .control > ul li button > span { position: relative; display: block; padding: 0 3px; height: 30px; line-height: 120%; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #222; white-space: nowrap; }
#fullslider .control > ul li button > span span.append { left: 0px; top: -13px; padding-left: 5px; padding-right: 5px; }
#fullslider .control > ul li.on button > span, #fullslider .control > ul li.touchslider-nav-item-current button > span { color: #319ce0; background: url(./image/main_m/bg_header.png) no-repeat 50% bottom; }
#fullslider .control > ul li:nth-child(1) { width: 7%; padding-left: 7px; }
#fullslider .control > ul li:nth-child(2) { width: 17%; padding-left: 0px; }
#fullslider .control > ul li:nth-child(3) { width: 8%; padding-left: 0px; }
#fullslider .control > ul li:nth-child(4) { width: 22%; padding-left: 0px; }
#fullslider .control > ul li:nth-child(5) { width: 15%; padding-left: 0px; }
#fullslider .control > ul li:nth-child(6) { width: 15%; padding-left: 0px; }
#fullslider .touchslider .touchslider-item.item2 .touchslider-item-wrap { background-color: #f2f2f2; }
#fullslider .touchslider .touchslider-viewport { width: 100%; x-height: 300px; }
#fullslider .touchslider .touchslider-nav-item { cursor: pointer; margin-right: 2px; font-weight: normal; padding: 0 0 0; color: #999999; border-bottom: none; display: inline-block; font-family: Arial; font-size: 15px; font-style: normal; height: 30px; line-height: 30px; text-decoration: none; text-align: center; }
#fullslider .touchslider .touchslider_menu { height: 40px; }

#main_top_container5 .touchslider1 .touchslider-item { xwidth: 330px; }
#main_top_container5 .touchslider1 .touchslider-viewport { width: 100%; height: 300px; }
#main_top_container5 .touchslider1 .touchslider-nav-item { cursor: pointer; margin-right: 5px; font-weight: normal; padding: 0 10px 0; color: #999999; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); background-color: #f9f9f9; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-indent: 0; border: 1px solid #dcdcdc; border-bottom: none; display: inline-block; font-family: Arial; font-size: 15px; font-style: normal; height: 30px; line-height: 30px; text-decoration: none; text-align: center; }
#main_top_container5 .touchslider1 .touchslider-nav-item-current { color: #444; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a2d0d0), color-stop(1, #6fb7b7)); background: -moz-linear-gradient(center top, #a2d0d0 5%, #6fb7b7 100%); background: linear-gradient(center top, #a2d0d0 5%, #6fb7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d0d0', endColorstr='#6fb7b7'); x-background-color: #ffce79; background-color: #a2d0d0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-indent: 0; border: 1px solid #6fb7b7; border-bottom: none; display: inline-block; color: #ffffff; font-family: Arial; font-size: 15px; font-weight: bold; font-style: normal; height: 30px; line-height: 30px; text-decoration: none; text-align: center; }

ul.pagination { list-style: none; margin: 0 auto; padding: 0; width: 600px; text-align: center; }
ul.pagination li { display: inline-block; width: 40px; height: 40px; border: solid 1px #dddddd; padding: 0 10px 0; padding-top: 10px; margin: 0 10px 0; font-size: 16px; text-align: center; }
ul.pagination li:first-child { border: solid 1px transparent; }
ul.pagination li:last-child { border: solid 1px transparent; }
ul.pagination li.disabled { color: #aaa; }
ul.pagination li.active { border: solid 1px #ff4c4d; background-color: #fff3d0; font-weight: bold; }

.mobile ul.pagination { list-style: none; margin: 0 auto; padding: 0; width: 300px; text-align: center; }
.mobile ul.pagination li { display: inline-block; width: 30px; height: 30px; border: solid 1px #dddddd; padding: 0 4px 0; padding-top: 4px; margin: 0 5px 0; font-size: 12px; text-align: center; }
.mobile ul.pagination li:first-child { border: solid 1px transparent; }
.mobile ul.pagination li:last-child { border: solid 1px transparent; }
.mobile ul.pagination li.disabled { color: #aaa; }
.mobile ul.pagination li.active { border: solid 1px #ff4c4d; background-color: #fff3d0; font-weight: bold; }

/**************************************************************/
/* from pure css ( http://purecss.io/buttons/ ) */
.pure-button { /* Structure */ display: inline-block; *display: inline; /*IE 6/7*/ zoom: 1; line-height: normal; white-space: nowrap; vertical-align: baseline; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner { padding: 0; border: 0; }

/* csslint unqualified-attributes:false, outline-none:false */
.pure-button { font-size: 100%; *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/ *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */ padding: 0.5em 1.5em 0.5em; color: #444; /* rgba not supported (IE 8) */ color: rgba(0, 0, 0, 0.8); /* rgba supported */ *color: #444; /* IE 6 & 7 */ border: 1px solid #999; /*IE 6/7/8*/ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ background-color: #E6E6E6; text-decoration: none; border-radius: 2px; /* Transitions */ -webkit-transition: 0.1s linear -webkit-box-shadow; -moz-transition: 0.1s linear -moz-box-shadow; -ms-transition: 0.1s linear box-shadow; -o-transition: 0.1s linear box-shadow; transition: 0.1s linear box-shadow; margin-bottom: 5px; }

.pure-button-hover, .pure-button:hover, .pure-button:focus { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

.pure-button:focus { outline: 0; }

.pure-button-active, .pure-button:active { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset; }

.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active { border: none; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=40); -khtml-opacity: 0.40; -moz-opacity: 0.40; opacity: 0.40; cursor: not-allowed; box-shadow: none; }

.pure-button-hidden { display: none; }

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner { padding: 0; border: 0; }

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { background-color: #0078e7; color: #fff; }

.pure-button-success, a.pure-button-success, .pure-button-error, a.pure-button-error, .pure-button-warning, a.pure-button-warning, .pure-button-secondary, a.pure-button-secondary { color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.pure-button-success { background: #1cb841; /* this is a green */ }

.pure-button-error { background: #ca3c3c; /* this is a maroon */ }

.pure-button-warning { background: #df7514; /* this is an orange */ }

.pure-button-secondary { background: #42b8dd; /* this is a light blue */ }

.pure-button-xsmall { font-size: 70%; }

.pure-button-small { font-size: 85%; }

.pure-button-large { font-size: 110%; }

.pure-button-xlarge { font-size: 125%; }

img#img_menu_header { max-width: 100%; }

img#img_menu_footer { max-width: 100%; }

/* ==========================================================================
helper  
========================================================================== */
.no-margin { margin: 0; }

.no-padding { padding: 0; }

.no-float { float: none; }

.no-background { background: transparent; }

.no-border { border: 0; }

.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }

.font-100 { font-weight: 100; }

.font-200 { font-weight: 200; }

.font-300 { font-weight: 300; }

.font-400 { font-weight: 400; }

.font-500 { font-weight: 500; }

.font-600 { font-weight: 600; }

.font-700 { font-weight: 700; }

.font-800 { font-weight: 800; }

.font-900 { font-weight: 900; }

.font-normal { font-style: normal; }

.font-italic { font-style: italic; }

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

.text-left { text-align: left; }

.text-right { text-align: right; }

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

.text-justify { text-align: justify; }

.relative { position: relative; }

.absolute { position: absolute; }

.static { position: static; }

.fixed { position: fixed; }

.none { display: none; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.flex { display: flex; }

.flex-row { flex-direction: row; }

.flex-column { flex-direction: column; }

.flex-space-around { justify-content: space-around; }

.flex-space-between { justify-content: space-between; }

.flex-start { justify-content: flex-start; }

.flex-center { justify-content: center; }

.flex-end { justify-content: flex-end; }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.left { float: left; }

.right { float: right; }

.center { float: none; margin-left: auto; margin-right: auto; }

.pad-top-5 { padding-top: 5px; }

.pad-top-10 { padding-top: 10px; }

.pad-top-15 { padding-top: 15px; }

.pad-top-20 { padding-top: 20px; }

.pad-top-25 { padding-top: 25px; }

.pad-top-30 { padding-top: 30px; }

.pad-top-35 { padding-top: 35px; }

.pad-top-40 { padding-top: 40px; }

.pad-top-45 { padding-top: 45px; }

.pad-top-50 { padding-top: 50px; }

.pad-top-55 { padding-top: 55px; }

.pad-top-60 { padding-top: 60px; }

.pad-bottom-5 { padding-bottom: 5px; }

.pad-bottom-10 { padding-bottom: 10px; }

.pad-bottom-15 { padding-bottom: 15px; }

.pad-bottom-20 { padding-bottom: 20px; }

.pad-bottom-25 { padding-bottom: 25px; }

.pad-bottom-30 { padding-bottom: 30px; }

.pad-bottom-35 { padding-bottom: 35px; }

.pad-bottom-40 { padding-bottom: 40px; }

.pad-bottom-45 { padding-bottom: 45px; }

.pad-bottom-50 { padding-bottom: 50px; }

.pad-bottom-55 { padding-bottom: 55px; }

.pad-bottom-60 { padding-bottom: 60px; }

.pad-5 { padding: 5px; }

.pad-10 { padding: 10px; }

.pad-15 { padding: 15px; }

.pad-20 { padding: 20px; }

.pad-25 { padding: 25px; }

.pad-30 { padding: 30px; }

.pad-35 { padding: 35px; }

.pad-40 { padding: 40px; }

.pad-45 { padding: 45px; }

.pad-50 { padding: 50px; }

.pad-55 { padding: 55px; }

.pad-60 { padding: 60px; }

.sr { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.list-unstyled { list-style: none; margin: 0; padding: 0; }
.list-unstyled li { margin: 0; padding: 0; }

.list-inline { list-style: none; margin: 0; padding: 0; }
.list-inline li { margin: 0; padding: 0; display: inline-block; }

.img-fluid { max-width: 100%; }

.field { width: 100%; }

.form-group { overflow: hidden; }
.form-group label { display: inline-block; padding-top: 8px; }

.disabled, [disabled] { pointer-events: none; cursor: not-allowed; opacity: .5; }

.checkbox, .radio { display: inline-block; position: relative; }
.checkbox label, .radio label { padding-left: 20px; padding-top: 0; display: inline-block; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="checkbox"], .radio input[type="radio"] { position: absolute; top: 4px; left: 0; }

.select { position: relative; display: block; }
.select:before { content: ""; border: 6px solid transparent; border-top-color: #676767; top: 50%; right: 10px; margin-top: -3px; pointer-events: none; position: absolute; }
.select select { -webkit-appearance: none; -moz-appearance: none; height: 36px; width: 100%; padding: 0 10px; line-height: normal; border: 1px solid #ccc; background: #fff; display: block; }
.select select::-ms-expand { display: none; }
.select select:focus { border-color: #f7c723; }
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; border-color: #f7c723; }

.animation { animation-duration: 1s; animation-fill-mode: both; }

.animation-infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@media only screen and (min-width: 740px) { .no-float-m { float: none; }
  .no-padding-m { padding: 0; }
  .no-margin-m { margin: 0; }
  .relative-m { position: relative; }
  .absolute-m { position: absolute; }
  .static-m { position: static; }
  .fixed-m { position: fixed; }
  .none-m { display: none; }
  .block-m { display: block; }
  .inline-block-m { display: inline-block; }
  .inline-m { display: inline; }
  .flex-m { display: flex; }
  .flex-row-m { flex-direction: row; }
  .flex-column-m { flex-direction: column; }
  .flex-space-around-m { justify-content: space-around; }
  .flex-space-between-m { justify-content: space-between; }
  .flex-start-m { justify-content: flex-start; }
  .flex-center-m { justify-content: center; }
  .flex-end-m { justify-content: flex-end; }
  .flex-wrap-m { flex-wrap: wrap; }
  .flex-nowrap-m { flex-wrap: nowrap; }
  .left-m { float: left; }
  .right-m { float: right; }
  .center-m { float: none; margin-left: auto; margin-right: auto; }
  .text-left-m { text-align: left; }
  .text-right-m { text-align: right; }
  .text-center-m { text-align: center; }
  .text-justify-m { text-align: justify; }
  .no-col-m { width: auto; float: none; }
  .no-push-m, .no-pull-m { left: 0; }
  .pad-top-0-m { padding-top: 0; }
  .pad-top-5-m { padding-top: 5px; }
  .pad-top-10-m { padding-top: 10px; }
  .pad-top-15-m { padding-top: 15px; }
  .pad-top-20-m { padding-top: 20px; }
  .pad-top-25-m { padding-top: 25px; }
  .pad-top-30-m { padding-top: 30px; }
  .pad-top-35-m { padding-top: 35px; }
  .pad-top-40-m { padding-top: 40px; }
  .pad-top-45-m { padding-top: 45px; }
  .pad-top-50-m { padding-top: 50px; }
  .pad-top-55-m { padding-top: 55px; }
  .pad-top-60-m { padding-top: 60px; }
  .pad-bottom-0-m { padding-bottom: 0; }
  .pad-bottom-5-m { padding-bottom: 5px; }
  .pad-bottom-10-m { padding-bottom: 10px; }
  .pad-bottom-15-m { padding-bottom: 15px; }
  .pad-bottom-20-m { padding-bottom: 20px; }
  .pad-bottom-25-m { padding-bottom: 25px; }
  .pad-bottom-30-m { padding-bottom: 30px; }
  .pad-bottom-35-m { padding-bottom: 35px; }
  .pad-bottom-40-m { padding-bottom: 40px; }
  .pad-bottom-45-m { padding-bottom: 45px; }
  .pad-bottom-50-m { padding-bottom: 50px; }
  .pad-bottom-55-m { padding-bottom: 55px; }
  .pad-bottom-60-m { padding-bottom: 60px; }
  .pad-0-m { padding: 0; }
  .pad-5-m { padding: 5px; }
  .pad-10-m { padding: 10px; }
  .pad-15-m { padding: 15px; }
  .pad-20-m { padding: 20px; }
  .pad-25-m { padding: 25px; }
  .pad-30-m { padding: 30px; }
  .pad-35-m { padding: 35px; }
  .pad-40-m { padding: 40px; }
  .pad-45-m { padding: 45px; }
  .pad-50-m { padding: 50px; }
  .pad-55-m { padding: 55px; }
  .pad-60-m { padding: 60px; } }
@media only screen and (min-width: 980px) { .no-float-l { float: none; }
  .no-padding-l { padding: 0; }
  .no-margin-l { margin: 0; }
  .relative-l { position: relative; }
  .absolute-l { position: absolute; }
  .static-l { position: static; }
  .fixed-l { position: fixed; }
  .none-l { display: none; }
  .block-l { display: block; }
  .inline-block-l { display: inline-block; }
  .inline-l { display: inline; }
  .flex-l { display: flex; }
  .flex-row-l { flex-direction: row; }
  .flex-column-l { flex-direction: column; }
  .flex-space-around-l { justify-content: space-around; }
  .flex-space-between-l { justify-content: space-between; }
  .flex-start-l { justify-content: flex-start; }
  .flex-center-l { justify-content: center; }
  .flex-end-l { justify-content: flex-end; }
  .flex-wrap-l { flex-wrap: wrap; }
  .flex-nowrap-l { flex-wrap: nowrap; }
  .left-l { float: left; }
  .right-l { float: right; }
  .center-l { float: none; margin-left: auto; margin-right: auto; }
  .text-left-l { text-align: left; }
  .text-right-l { text-align: right; }
  .text-center-l { text-align: center; }
  .text-justify-l { text-align: justify; }
  .no-col-l { width: auto; float: none; }
  .no-push-l, .no-pull-l { left: 0; }
  .pad-top-0-l { padding-top: 0; }
  .pad-top-5-l { padding-top: 5px; }
  .pad-top-10-l { padding-top: 10px; }
  .pad-top-15-l { padding-top: 15px; }
  .pad-top-20-l { padding-top: 20px; }
  .pad-top-25-l { padding-top: 25px; }
  .pad-top-30-l { padding-top: 30px; }
  .pad-top-35-l { padding-top: 35px; }
  .pad-top-40-l { padding-top: 40px; }
  .pad-top-45-l { padding-top: 45px; }
  .pad-top-50-l { padding-top: 50px; }
  .pad-top-55-l { padding-top: 55px; }
  .pad-top-60-l { padding-top: 60px; }
  .pad-bottom-0-l { padding-bottom: 0; }
  .pad-bottom-5-l { padding-bottom: 5px; }
  .pad-bottom-10-l { padding-bottom: 10px; }
  .pad-bottom-15-l { padding-bottom: 15px; }
  .pad-bottom-20-l { padding-bottom: 20px; }
  .pad-bottom-25-l { padding-bottom: 25px; }
  .pad-bottom-30-l { padding-bottom: 30px; }
  .pad-bottom-35-l { padding-bottom: 35px; }
  .pad-bottom-40-l { padding-bottom: 40px; }
  .pad-bottom-45-l { padding-bottom: 45px; }
  .pad-bottom-50-l { padding-bottom: 50px; }
  .pad-bottom-55-l { padding-bottom: 55px; }
  .pad-bottom-60-l { padding-bottom: 60px; }
  .pad-0-l { padding: 0; }
  .pad-5-l { padding: 5px; }
  .pad-10-l { padding: 10px; }
  .pad-15-l { padding: 15px; }
  .pad-20-l { padding: 20px; }
  .pad-25-l { padding: 25px; }
  .pad-30-l { padding: 30px; }
  .pad-35-l { padding: 35px; }
  .pad-40-l { padding: 40px; }
  .pad-45-l { padding: 45px; }
  .pad-50-l { padding: 50px; }
  .pad-55-l { padding: 55px; }
  .pad-60-l { padding: 60px; } }
@media only screen and (min-width: 1140px) { .no-float-xl { float: none; }
  .no-padding-xl { padding: 0; }
  .no-margin-xl { margin: 0; }
  .relative-xl { position: relative; }
  .absolute-xl { position: absolute; }
  .static-xl { position: static; }
  .fixed-xl { position: fixed; }
  .none-xl { display: none; }
  .block-xl { display: block; }
  .inline-block-xl { display: inline-block; }
  .inline-xl { display: inline; }
  .flex-xl { display: flex; }
  .flex-row-xl { flex-direction: row; }
  .flex-column-xl { flex-direction: column; }
  .flex-space-around-xl { justify-content: space-around; }
  .flex-space-between-xl { justify-content: space-between; }
  .flex-start-xl { justify-content: flex-start; }
  .flex-center-xl { justify-content: center; }
  .flex-end-xl { justify-content: flex-end; }
  .flex-wrap-xl { flex-wrap: wrap; }
  .flex-nowrap-xl { flex-wrap: nowrap; }
  .left-xl { float: left; }
  .right-xl { float: right; }
  .center-xl { float: none; margin-left: auto; margin-right: auto; }
  .text-left-xl { text-align: left; }
  .text-right-xl { text-align: right; }
  .text-center-xl { text-align: center; }
  .text-justify-xl { text-align: justify; }
  .no-col-xl { width: auto; float: none; }
  .no-push-xl, .no-pull-xl { left: 0; }
  .pad-top-0-xl { padding-top: 0; }
  .pad-top-5-xl { padding-top: 5px; }
  .pad-top-10-xl { padding-top: 10px; }
  .pad-top-15-xl { padding-top: 15px; }
  .pad-top-20-xl { padding-top: 20px; }
  .pad-top-25-xl { padding-top: 25px; }
  .pad-top-30-xl { padding-top: 30px; }
  .pad-top-35-xl { padding-top: 35px; }
  .pad-top-40-xl { padding-top: 40px; }
  .pad-top-45-xl { padding-top: 45px; }
  .pad-top-50-xl { padding-top: 50px; }
  .pad-top-55-xl { padding-top: 55px; }
  .pad-top-60-xl { padding-top: 60px; }
  .pad-bottom-0-xl { padding-bottom: 0; }
  .pad-bottom-5-xl { padding-bottom: 5px; }
  .pad-bottom-10-xl { padding-bottom: 10px; }
  .pad-bottom-15-xl { padding-bottom: 15px; }
  .pad-bottom-20-xl { padding-bottom: 20px; }
  .pad-bottom-25-xl { padding-bottom: 25px; }
  .pad-bottom-30-xl { padding-bottom: 30px; }
  .pad-bottom-35-xl { padding-bottom: 35px; }
  .pad-bottom-40-xl { padding-bottom: 40px; }
  .pad-bottom-45-xl { padding-bottom: 45px; }
  .pad-bottom-50-xl { padding-bottom: 50px; }
  .pad-bottom-55-xl { padding-bottom: 55px; }
  .pad-bottom-60-xl { padding-bottom: 60px; }
  .pad-0-xl { padding: 0; }
  .pad-5-xl { padding: 5px; }
  .pad-10-xl { padding: 10px; }
  .pad-15-xl { padding: 15px; }
  .pad-20-xl { padding: 20px; }
  .pad-25-xl { padding: 25px; }
  .pad-30-xl { padding: 30px; }
  .pad-35-xl { padding: 35px; }
  .pad-40-xl { padding: 40px; }
  .pad-45-xl { padding: 45px; }
  .pad-50-xl { padding: 50px; }
  .pad-55-xl { padding: 55px; }
  .pad-60-xl { padding: 60px; } }
@media print { .no-float-print { float: none; }
  .no-padding-print { padding: 0; }
  .no-margin-print { margin: 0; }
  .none-print { display: none; }
  .block-print { display: block; }
  .inline-block-print { display: inline-block; }
  .inline-print { display: inline; }
  .text-left-print { text-align: left; }
  .text-right-print { text-align: right; }
  .text-center-print { text-align: center; }
  .text-justify-print { text-align: justify; }
  .no-col-print { width: auto; float: none; }
  .no-push-print, .no-pull-print { left: 0; }
  .pad-top-0-print { padding-top: 0; }
  .pad-top-5-print { padding-top: 5px; }
  .pad-top-10-print { padding-top: 10px; }
  .pad-top-15-print { padding-top: 15px; }
  .pad-top-20-print { padding-top: 20px; }
  .pad-top-25-print { padding-top: 25px; }
  .pad-top-30-print { padding-top: 30px; }
  .pad-top-35-print { padding-top: 35px; }
  .pad-top-40-print { padding-top: 40px; }
  .pad-top-45-print { padding-top: 45px; }
  .pad-top-50-print { padding-top: 50px; }
  .pad-top-55-print { padding-top: 55px; }
  .pad-top-60-print { padding-top: 60px; }
  .pad-bottom-0-print { padding-bottom: 0; }
  .pad-bottom-5-print { padding-bottom: 5px; }
  .pad-bottom-10-print { padding-bottom: 10px; }
  .pad-bottom-15-print { padding-bottom: 15px; }
  .pad-bottom-20-print { padding-bottom: 20px; }
  .pad-bottom-25-print { padding-bottom: 25px; }
  .pad-bottom-30-print { padding-bottom: 30px; }
  .pad-bottom-35-print { padding-bottom: 35px; }
  .pad-bottom-40-print { padding-bottom: 40px; }
  .pad-bottom-45-print { padding-bottom: 45px; }
  .pad-bottom-50-print { padding-bottom: 50px; }
  .pad-bottom-55-print { padding-bottom: 55px; }
  .pad-bottom-60-print { padding-bottom: 60px; }
  .pad-0-print { padding: 0; }
  .pad-5-print { padding: 5px; }
  .pad-10-print { padding: 10px; }
  .pad-15-print { padding: 15px; }
  .pad-20-print { padding: 20px; }
  .pad-25-print { padding: 25px; }
  .pad-30-print { padding: 30px; }
  .pad-35-print { padding: 35px; }
  .pad-40-print { padding: 40px; }
  .pad-45-print { padding: 45px; }
  .pad-50-print { padding: 50px; }
  .pad-55-print { padding: 55px; }
  .pad-60-print { padding: 60px; } }

/*# sourceMappingURL=_main.css.map */