@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



html {font-size: 10px;}

@media only screen and (max-width: 1024px) {
  html {   font-size: 9.375px;}}
@media only screen and (max-width: 768px) {
  html {  font-size: 10px; }}
@media only screen and (max-width: 400px) {
  html { font-size: 9.375px;}}
html,body { height: 100%; box-sizing: border-box;}

body { background: #f7f7f7; font-family: 'Noto Sans KR', sans-serif, dotum,arial;  font-size: 1.6rem;  line-height: 1.875;  color: #767676; margin: 0;  padding: 0;}




a,a:visited { color: #0087cc; -webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover,a:focus { color: #39b54a;}



h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 {font-family: 'Noto Sans KR', sans-serif, dotum,arial;  color: #151515; font-style: normal;  text-rendering: optimizeLegibility; margin-bottom: 2.4rem;}

h3, .h03, h4, .h04 {  margin-bottom: 1.5rem;}
h5, .h05, h6, .h06 { margin-bottom: 1.2rem;}
h1, .h01 {  font-size: 3.1rem; line-height: 1.35; letter-spacing: -.1rem;}

@media only screen and (max-width: 600px) {
  h1, .h01 { font-size: 2.6rem;  letter-spacing: -.07rem; }
}

h2, .h02 { font-size: 2.4rem; line-height: 1.25;}
h3, .h03 { font-size: 2rem; line-height: 1.5;}
h4, .h04 {  font-size: 1.7rem; line-height: 1.76;}
h5, .h05 {  font-size: 1.4rem; line-height: 1.7; text-transform: uppercase; letter-spacing: .2rem;}
h6, .h06 { font-size: 1.3rem; line-height: 1.85; text-transform: uppercase; letter-spacing: .2rem;}

p img { margin: 0;}

p.lead {  font-family: 'Noto Sans KR', sans-serif, dotum,arial;   font-size: 1.7rem;  font-weight: 300; line-height: 3.3rem; color: #838383; margin-bottom: 3.6rem;}
.lead span{font-size: 1.7rem; color:#9eff22;}
.lead span b{font-size: 2rem;}



em, i, strong, b { font-size: 1.6rem; line-height: 1.875;
  font-style: normal;
  font-weight: normal;
}
em, i {
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
}
strong, b {
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
}

small {
  font-size: 1.1rem;
  line-height: inherit;
}

blockquote {
  margin: 3rem 0;
  padding-left: 5rem;
  position: relative;
}

blockquote:before {
  content: "\201C";
  font-size: 10rem;
  line-height: 0px;
  margin: 0;
  color: rgba(0, 0, 0, 0.3);
  font-family: arial, sans-serif;
  position: absolute;
  top: 3.6rem;
  left: 0;
}

blockquote p {
   font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  padding: 0;
  font-size: 1.9rem;
  line-height: 1.895;
}

blockquote cite {
  display: block;
  font-size: 1.3rem;
  font-style: normal;
  line-height: 1.615;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
  color: #838383;
  border: none;
}

abbr {
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: .05rem;
  color: #838383;
}

var, kbd, samp, code, pre {
 font-family: 'Noto Sans KR', sans-serif, dotum,arial;
}

pre {
  padding: 2.4rem 3rem 3rem;
  background: #F1F1F1;
}

code {
  font-size: 1.4rem;
  margin: 0 .2rem;
  padding: .3rem .6rem;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
}

pre>code {
  display: block;
  white-space: pre;
  line-height: 2;
  padding: 0;
  margin: 0;
}

pre.prettyprint>code {
  border: none;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
  text-decoration: none;
}

mark {
  background: #FFF49B;
  color: #000;
}

hr {
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0 0;
  clear: both;
  margin: 4.4rem 0 4.4rem 0;
  height: 0;
}



ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  display: list-item;
}

ol,
ul {
  margin-left: 1.7rem;
}

ul li {
  padding-left: .4rem;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: .6rem 0 .6rem 1.7rem;
}

ul.disc li {
  display: list-item;
  list-style: none;
  padding: 0 0 0 .8rem;
  position: relative;
}

ul.disc li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #39b54a;
  position: absolute;
  left: -17px;
  top: 11px;
  vertical-align: middle;
}

dt {
  margin: 0;
  color: #39b54a;
}

dd {
  margin: 0 0 0 2rem;
}


/* ------------------------------------------------------------------- 
 * Spacing - (_document-setup)  
 * ------------------------------------------------------------------- */

button,
.button {
  margin-bottom: 1.2rem;
}

fieldset {
/*  margin-bottom: 1.5rem;*/
}

input,
textarea,
select,
pre,
blockquote,
figure,
table,
p,
ul,
ol,
dl,
form,
.fluid-video-wrapper,
.ss-custom-select {
  margin-bottom: 3rem;
}


img.pull-right {
  margin: 1.5rem 0 0 3rem;
}

img.pull-left {
  margin: 1.5rem 3rem 0 0;
}



.bgrid {
  padding: 0 20px;
}

@media only screen and (max-width: 1024px) {
  .bgrid {
    padding: 0 18px;
  }
}

@media only screen and (max-width: 768px) {
  .bgrid { padding: 0 6px;}
}

@media only screen and (max-width: 600px) {
  .bgrid {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 400px) {
  .bgrid {
    padding: 0;
  }
}


table {
  border-width: 0;
  width: 100%;
  max-width: 100%;
 font-family: 'Noto Sans KR', sans-serif, dotum,arial;
}

th,
td {
  padding: 1.5rem 3rem;
  text-align: left;
  border-bottom: 1px solid #E8E8E8;
}

th {
  color: #151515;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
}

td {
  line-height: 1.5;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

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


/* ------------------------------------------------------------------- 
 * pace.js styles - center simple  - (_document-setup.scss)
 * ------------------------------------------------------------------- */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 150px;
  background: #dedede;
  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 150px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #69B1E9;
}

.pace.pace-inactive {
  display: none;
}

.oldie .pace {
  display: none;
}




#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 800;
  height: 100%;
  width: 100%;
}

.no-js #preloader,
.oldie #preloader {
  display: none;
}



fieldset {
  border: none;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
 display: block;
    height: 4.6rem;
    padding: 0.5rem 1rem;
    border: 0;
    outline: none;
    color: #333333;
    font-family: 'Noto Sans KR', sans-serif, dotum,arial;
    font-size: 1.5rem;
    line-height: 4rem;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ss-custom-select {
  position: relative;
  padding: 0;
}

.ss-custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  margin: 0;
  line-height: 3rem;
  vertical-align: middle;
}

.ss-custom-select select option {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ss-custom-select select::-ms-expand {
  display: none;
}

.ss-custom-select::after {
  content: '\f0d7';
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  position: absolute;
  top: 50%;
  right: 2.5rem;
  margin-top: -10px;
  bottom: auto;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
  pointer-events: none;
  color: #252525;
}


/* IE9 and below */

.oldie .ss-custom-select::after {
  display: none;
}

textarea {
  min-height: 25rem;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  color: #000000;
}

label,
legend {
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  font-size: 1.4rem;
  margin-bottom: .6rem;
  color: #151515;
  display: block;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

label>.label-text {
  display: inline-block;
  margin-left: 1rem;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  line-height: inherit;
}

label>input[type="checkbox"],
label>input[type="radio"] {
  margin: 0;
  position: relative;
  top: .15rem;
}



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

:-moz-placeholder {
  color: #838383;
  /* Firefox 18- */
}

::-moz-placeholder {
  color: #838383;
  /* Firefox 19+ */
}

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

.placeholder {
  color: #838383 !important;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #57ca67;
  transition: background-color 5000s ease-in-out 0s;
}




.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  font-size: 1.5rem;
  height: 4.4rem;
  line-height: 4.2rem;
  padding: 0 3rem;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  border: 1px solid #ccc;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background-color: #ddd;
  border-color: #aaa;
  color: #333;
  outline: 0;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
background-color: #ff5152e0;
    border-color: #f93839;
  color: #FFFFFF;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    background-color: #333;
    border-color: #000;color:#FFF; 
}

button.full-width,
.button.full-width {
  width: 100%;
  margin-right: 0;
}

button.medium,
.button.medium {
  height: 5.7rem !important;
  line-height: calc(5.7rem - .6rem) !important;
}

button.large,
.button.large {
  height: 6rem !important;
  line-height: calc(6rem - .6rem) !important;
}

button.stroke,
.button.stroke {
  background:#304887 !important;
  color: #fff !important;
}

button.stroke:hover,
.button.stroke:hover {
  border: 0.3rem solid #39b54a;
  color: #39b54a;
}

button.pill,
.button.pill {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  border-radius: 1000px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}



/* ===================================================================
 *  07. other components - (_others.scss)
 *
 * ------------------------------------------------------------------- */


/* ------------------------------------------------------------------- 
 * alert box - (_alert-box.scss)
 * ------------------------------------------------------------------- */

.alert-box {
  padding: 2.1rem 4rem 2.1rem 3rem;
  position: relative;
  margin-bottom: 3rem;
  border-radius: 3px;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  font-size: 1.5rem;
}

.alert-box .close {
  position: absolute;
  right: 1.8rem;
  top: 1.8rem;
  cursor: pointer;
}

.ss-error {
  background-color: #ffd1d2;
  color: #e65153;
}

.ss-success {
  background-color: #c8e675;
  color: #758c36;
}

.ss-info {
  background-color: #d7ecfb;
  color: #4a95cc;
}

.ss-notice {
  background-color: #fff099;
  color: #bba31b;
}


/* ------------------------------------------------------------------- 
 * additional typo styles - (_additional-typo.scss)
 * ------------------------------------------------------------------- */


/* drop cap 
 * ----------------------------------------------- */

.drop-cap:first-letter {
  float: left;
  margin: 0;
  padding: 1.5rem .6rem 0 0;
  font-size: 8.4rem;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  line-height: 6rem;
  text-indent: 0;
  background: transparent;
  color: #151515;
}


/* line definition style 
 * ----------------------------------------------- */

.lining dt,
.lining dd {
  display: inline;
  margin: 0;
}

.lining dt+dt:before,
.lining dd+dt:before {
  content: "\A";
  white-space: pre;
}

.lining dd+dd:before {
  content: ", ";
}

.lining dd+dd:before {
  content: ", ";
}

.lining dd:before {
  content: ": ";
  margin-left: -0.2em;
}



.dictionary-style dt {
  display: inline;
  counter-reset: definitions;
}

.dictionary-style dt+dt:before {
  content: ", ";
  margin-left: -0.2em;
}

.dictionary-style dd {
  display: block;
  counter-increment: definitions;
}

.dictionary-style dd:before {
  content: counter(definitions, decimal) ". ";
}



.pull-quote {
  position: relative;
  padding: 2.1rem 3rem 2.1rem 0px;
}

.pull-quote:before,
.pull-quote:after {
  height: 1em;
  position: absolute;
  font-size: 10rem;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  color: rgba(0, 0, 0, 0.3);
}

.pull-quote:before {
  content: "\201C";
  top: -3.6rem;
  left: 0;
}

.pull-quote:after {
  content: '\201D';
  bottom: 3.6rem;
  right: 0;
}

.pull-quote blockquote {
  margin: 0;
}

.pull-quote blockquote:before {
  content: none;
}



.stats-tabs {
  padding: 0;
  margin: 3rem 0;
}

.stats-tabs li {
  display: inline-block;
  margin: 0 1.5rem 3rem 0;
  padding: 0 1.5rem 0 0;
  border-right: 1px solid #ccc;
}

.stats-tabs li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.stats-tabs li a {
  display: inline-block;
  font-size: 2.5rem;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  border: none;
  color: #151515;
}

.stats-tabs li a:hover {
  color: #39b54a;
}

.stats-tabs li a em {
  display: block;
  margin: .6rem 0 0 0;
  font-size: 1.4rem;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  color: #909090;}

h1.intro-header {font-family: 'Noto Sans KR', sans-serif, dotum,arial;   font-size: 2rem;    line-height: 1.324;   color: #333;   position: relative;   padding-bottom: 1.3rem;    font-weight: 400;}

h1.intro-header::before {
display: block;
    content: "";
    height: 2px;
    width: 120px;
    background-color: #ff5152;
    position: relative;
    top: 5rem;
}

h1.special_h {
font-family: 'Noto Sans KR', sans-serif, dotum,arial;
    font-size: 2rem;
    line-height: 1.324;
    color: #fff;
    position: relative;
    padding-bottom: 1.3rem;
    font-weight: 500;
	text-align: left;
}

h1.special_h::before {
display: block;
    content: "";
    height: 2px;
    width: 120px;
    background-color: #ffd100;
    position: relative;
    top: 5rem;
}



.wide {
  max-width: 1300px;
}

.narrow {
  max-width: 800px;
}


@media only screen and (max-width: 768px) {
  h1.intro-header {
    font-size: 3.1rem;
  }
}

@media only screen and (max-width: 600px) {
  h1.intro-header {
    font-size: 2.6rem;
  }

}



#header {
  width: 100%;
  height: 72px;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 501;
	background: transparent;
}

#header::after{background: #fff;}


.header-logo {
  position: initial;
    left: 40px;
    top: 50%;
    margin: 35px 0 0 0;
	position: initial;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 501;
}

.header-logo a {
  display: block;
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
  width: 120px;
  height: 40px;
/*   background: url("../../common/img/logo_wide.svg") no-repeat center; */
  background: url("../../common/img/logo_wide_temp.svg") no-repeat center;
  
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}



.header-menu-toggle {
  display: none;
  position: fixed;
  right: 32px;
  top: 15px;
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-menu-toggle:hover,
.header-menu-toggle:focus {
  color: #FFFFFF;
}

.header-menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  left: 9px;
  top: 50%;
  right: auto;
  bottom: auto;
  background-color: #333;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.header-menu-toggle span::before,
.header-menu-toggle span::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: inherit;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.header-menu-toggle span::before {
  top: -9px;
}

.header-menu-toggle span::after {
  bottom: -9px;
}

.header-menu-toggle.is-clicked span {
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.header-menu-toggle.is-clicked span::before,
.header-menu-toggle.is-clicked span::after {
  background-color: #333;
}

.header-menu-toggle.is-clicked span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.header-menu-toggle.is-clicked span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}



#header-nav-wrap {
font-family: 'Noto Sans KR', sans-serif, dotum,arial;
    font-size: 15px;
    top: 0;
    position: relative;
    float: right;
    top: -75px;}

#header-nav-wrap .header-main-nav {  display: inline-block;  list-style: none;  height: 72px; margin: 0 1rem 0 0;}

#header-nav-wrap .header-main-nav li {  display: inline-block;
 padding-left: 0;  margin-right: 1.5rem;}

#header-nav-wrap .header-main-nav li a { display: block;height: 72px; line-height: 72px;}

#header-nav-wrap .header-main-nav li a,
#header-nav-wrap .header-main-nav li a:visited {  color:#333;cursor: pointer;}

#header-nav-wrap .header-main-nav li a:hover,
#header-nav-wrap .header-main-nav li a:focus {  color:#aaa;}
 
#header-nav-wrap .header-main-nav li.current a {  color: #000; font-weight: bold;}

#header-nav-wrap .cta {  height: 3.8rem;  line-height:  3.6rem;  padding: 0 1.5rem;  font-family: 'Noto Sans KR', sans-serif, dotum,arial;
  font-size: 14px;  text-transform: none;  letter-spacing: normal;  margin: 0;}

#header .row{height: 74px;}
.row.er_p{height: 74px !important;}

@media only screen and (max-width: 1230px) {
  #header {    max-width: none;  height: fit-content;max-height: 72px;  }
}

@media only screen and (max-width: 768px) {
  .header-logo a {    width:120px;    height: 40px;    background-size:120px 40px;  }
  #header-nav-wrap {    display: none;    height: auto;    width: 100%;    right: auto;    left: 0;    background-color: #111111;    background-color: #ffffff;    padding: 20px 40px 54px 40px;z-index: 999;  top: 0;  }
  #header-nav-wrap .header-main-nav {    display: block;    height: auto;    margin: 0 0 4.2rem 0;}
  #header-nav-wrap .header-main-nav li {  display: block; margin: 0;   padding: 0;   border-bottom: 1px solid #eee;  }
  #header-nav-wrap .header-main-nav li a {   padding: 18px 0;   line-height: 18px; }
  #header-nav-wrap .cta {    height: 42px;    line-height: calc(42px - .6rem);   padding: 0 30px;  }
  .header-menu-toggle {    display: block; }
	#header .row{background:#fff;position: fixed; width: 100%;height: fit-content;}
	#header-nav-wrap{padding:0;}
	#header-nav-wrap .header-main-nav li{font-size:2rem;    height: 5.6rem;}
}

@media only screen and (max-width: 600px) {
  #header-nav-wrap .cta {  display: block;   padding: 0 20px; }	
	.home-content-left h3{    padding: 10px 0; background: #ffffffba; border-radius: 5px;}
	.home-content-left h1{    padding: 10px 0; background: #ffffffba; border-radius: 5px;}
}

@media only screen and (max-width: 400px) {
  .header-menu-toggle {   right: 24px; }
}



@media only screen and (min-width: 769px) {
  #header-nav-wrap {  display: block !important; }
}




#home {  width: 100%;  height: 85vh;  min-height: 786px;	max-height: 820px;  background-color: transparent;  position: relative; display: table;}
#home .shadow-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; opacity: .2;
  background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, black 0%, black 20%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}

#home .overlay {  position: absolute; top: 0;  left: 0; width: 100%; height: 100%;  opacity: .2;}

.no-js #home { background: #151515;}

.home-content { display: table-cell;  width: 100%; height: 100%;  vertical-align: bottom;}
.home-content .contents {  position: relative;	    top: -18rem;}
.home-content-left {  padding: 15rem 0 12rem 0;  position: relative;  width: 45%;}
.home-content-left h3 {  color: rgba(255, 255, 255, 0.8);  font-size: 1.1em;  line-height: 1.2; text-transform: uppercase; letter-spacing: -0.07rem;	font-weight: 500;	color:#222;}
.accent1{color:#FF5152;}
.accent2{color:#ffc800;}
.accent3{color:#2498f2;}
.accent4{color:#39b54a;}
.accent5{color:#0089ff;}

.home-content-left h1 {  font-family: 'Noto Sans KR', sans-serif, dotum,arial;  font-size: 3.8rem;  letter-spacing: -0.2rem;  line-height: 1.5;  color: #111;  margin-bottom:3rem;	font-weight: normal;}

.home-content-left .button.stroke {  color: #ffffff !important;  border-color: #00038d;  margin: 0 .6rem 1.2rem;  padding: 0 2.2rem;  min-width: 188px;}

.home-content-left .button.stroke span[class*="icon"] {  margin-right: 5px; position: relative;}
.home-content-left .button.stroke:hover,
.home-content-left .button.stroke:focus {  background-color: white !important; color: #000000 !important;}
.home-image-right { display: block;  position: absolute; right: 0;  top: 45%; -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%);  padding-top:33rem;z-index: 500;  width: 55%; text-align:center;}
.home-image-right img.main_top_01 { vertical-align: bottom; width:100%;	padding:20px;}
.home-image-right img.main_top_02 {  vertical-align: bottom;  width:100%;animation: up-down 1.5s infinite ease-in-out alternate;	padding:20px;}

@keyframes up-down{
  from{   transform: translate(0px, 10px);	   box-shadow:0 0px 40px #ffffff7a; clip-path: polygon(1% 1%, 100% 0%, 100% 120%, 0% 120%);  }
  to{   transform: translate(0px, -15px);   box-shadow:0 0px 40px #00000000; clip-path: polygon(1% 0%, 99% 0%, 100% 120%, 0% 120%); }
}

/* home social-list */

.home-social-list {  position: absolute;  right: 42px;  top: 50%;  margin: 0;  padding: 0;  list-style: none; font-size: 2.2rem;  line-height: 1.75; text-align: center; -webkit-transform: translateY(-55%);  -ms-transform: translateY(-55%); transform: translateY(-55%);}
.home-social-list li {  padding-left: 0;}
.home-social-list li a,.home-social-list li a:visited { color: #FFFFFF;}
.home-social-list li a:hover,
.home-social-list li a:focus,
.home-social-list li a:active { color: #44c455;}

/* scroll down */

.home-scrolldown {  position: absolute;  bottom: 0; right: 26px;  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg); transform: rotate(90deg);  -webkit-transform-origin: right top;  -ms-transform-origin: right top;  transform-origin: right top; float: right;}
.home-scrolldown i { padding-left: 9px;}
.home-scrolldown a:hover,.home-scrolldown a:focus {  color:#93D839 !important;}
html[data-useragent*='MSIE 10.0'] .home-scrolldown,
.oldie .home-scrolldown {  display: none;}
.scroll-icon {  display: inline-block; font-family: 'Noto Sans KR', sans-serif, dotum,arial; font-size: 1.2rem;  text-transform: uppercase;  color: #333 !important;  background: transparent; position: relative; top: 36px; right:22px; -webkit-animation: animate-it 3s ease infinite; animation: animate-it 3s ease infinite;
}

.scroll-icon i { font-size: 2.4rem; position: relative;  bottom: -6px;}


/* vertical animation */

@-webkit-keyframes animate-it {
  0%, 60%,  80%,  100% {   -webkit-transform: translateX(0);  }
  0%,  60%, 80%, 100% {  transform: translateX(0); }
  20% {   -webkit-transform: translateX(-5px); }
  20% {  transform: translateX(-5px); }
  40% {  -webkit-transform: translateX(20px); }
  40% {  transform: translateX(20px);  }
}

@keyframes animate-it {
  0%,  60%, 80%,  100% {   -webkit-transform: translateX(0);  }
  0%, 60%, 80%, 100% {    transform: translateX(0);  }
  20% {   -webkit-transform: translateX(-5px); }
  20% {   transform: translateX(-5px); }
  40% {   -webkit-transform: translateX(20px); }
  40% {  transform: translateX(20px);}
}


.home-social-list span{display:block; font-size:12px; color:#000; margin-bottom:2.5em;}
.main_top_01{width:60% !important;position: absolute; top:-13%; left:0%; }
.main_top_02{width:50% !important; left:46%;top:37%;  z-index:99999;position: absolute; }
.app_icon{margin-right:20px;border-radius: 20px;width:60px; height:60px;display: inline-block;}
.app_icon img{width:60px; margin:0 auto; vertical-align: -5px;}
.app_icon:hover{box-shadow:0px 12px 12px -7px rgba(111,130,191,0.84);}
  .home-image-right {margin-top: -1rem;}
.tooltip {   opacity: 0;   z-index: 99;  color: #fff;   display: block; font-size: 12px;  padding: 5px 10px;   border-radius: 3px;	border: 1px solid #412fb6; text-align: center; background: #654efa;   box-shadow: 0 0 3px rgba(0,0,0,0.5);   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;   transition: all .2s ease-in-out;   -webkit-transform: scale(0);   -moz-transform: scale(0);   -o-transform: scale(0);  -ms-transform: scale(0);transform: scale(0);  position: absolute;   left: 0px;  bottom:60px;}
.tip2{left: 85px;}
.tip3{left: 170px;}

@media only screen and (max-width: 1400px) {
  .home-image-right {  right: 6rem;width:55%;  }
}

@media only screen and (max-width: 1240px) {
	.row{margin:0 20px;}
}
@media only screen and (max-width: 1200px) {
	.row{margin:0 auto;
	  padding: 0 !important;
	}
  #home { overflow: hidden; }
  .home-content {   vertical-align: middle;  }
  .home-content-left { padding: 20rem 0 12rem 40px; }
  .home-content-left h3 { font-size: 1.5rem;}
.home-content-left h1 {  font-size: 3.2rem;}
  .home-image-right img { vertical-align: top; width: 90%; }
	.header-logo{margin-left:40px;}
	#header-nav-wrap{margin-right:40px;}
	.home-content .contents{top:-8rem;}
	.main_top_02{left:42%;}
	.sales_man{width:150px;margin-bottom: 10px; }
}

@media only screen and (max-width: 1100px) {
  .home-content-left h1 { font-size: 2.7rem; }
}

@media only screen and (max-width: 1024px) {
  .home-content-left { width: 45%;  padding: 18rem 6rem 12rem 4rem;}
  .home-content-left h3 {  font-size: 1.5rem; }
 
  .home-image-right {  width: 55%; }
  .home-image-right img { vertical-align: top; width: 100%;  padding:0;}
	.sales_man{width:100px;margin-bottom: 10px; }
	.carousel-open:checked + .carousel-item{margin-top:2rem;}
}

@media only screen and (max-width: 900px) {
  #home {   height: auto;   min-height: 840px; }
  #home, .home-content {   display: block;   text-align: center;}
  .home-content-left {   width: 100%;   position: static;   padding: 24rem 5rem 55rem 5rem;  margin: 0 auto;  }
  .home-content-left h1 {   margin-bottom: 3.6rem;}
  .home-image-right {   width: 80%;   right: auto;   top: 60rem;   left: 50%;   bottom: 0;  -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);   transform: translateX(-50%);   padding: 0;   margin-bottom: -10px; }
	.item_inside h4{font-size: 1.5rem;}
	.item_inside span{font-size:13px;line-height: 20px;}
	.main_top_02{top:5rem;}
	.tooltip{left:33%;}
	.tip2{left:45%;}
	.tip3{left:55%;}
}

@media only screen and (max-width: 768px) {
  #home {   min-height: auto; }
  .home-content-left h3 {  font-size: 2rem;  }
  .home-content-left h1 {   font-size: 3.2rem; }
	.header-logo{margin-left:0px;}
	#header-nav-wrap{margin-right:0px;}
	.sales_man{display: none !important;}
	.tooltip{left:30%;}
	.tip2{left:43%;}
	.tip3{left:58%;}
	#faqmain .app_icon{margin-bottom:60px;}
	#faqmain .col-three{text-align:center;}
	#faqmain .col-three br{display:none;}
}
@media only screen and (max-width: 660px) {
	.home-social-list,  .home-scrolldown {   display: none; }
	.home-content-left{padding: 23rem 5rem;}
	.tooltip{left:24%;}
	.tip2{left:43%;}
	.tip3{left:59%;}
}
@media only screen and (max-width: 600px) {
  .home-content-left {   padding: 12rem 0 55rem 0;  }
  .home-content-left h1 {    font-size: 3.3rem;  }
  .home-content-left .button.stroke {   width: 45;  min-width: 0;   max-width: 280px;  }
  .home-social-list {   font-size: 2rem;   right: 30px; }
  .scroll-icon {   top: 21px;  }
	#details{padding-top:25rem;}
}

@media only screen and (max-width: 500px) {
  .home-content-left {   padding: 2rem 0 55rem 0;     margin-top: 1rem;   width: 100%; }
  .home-content-left h1 {      font-size: 2.6rem; }
	.home-image-right{top:400px;}
	.main_top_02{margin-top:-160px;}
}

@media only screen and (max-width: 400px) {
  .home-content-left {    padding: 3rem 0 12rem 0;}
  .home-content-left .button.stroke {  margin: 0 0 1.2rem 0; }
  .home-image-right { width: 320px; margin-bottom: -298px;  }
}



#about { min-height: 786px;background: rgba(233, 233, 233,1);background: linear-gradient(180deg, rgb(209 211 219) 0%, rgb(244 244 244) 10%, rgba(255,255,255,1) 40%);  padding-top: 10rem; overflow: hidden;  border-top: 1px solid #fff;}

.about-intro {padding-bottom: 3.6rem;  border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.about-features .features-list { padding-top: 5.4rem;padding-bottom: 5.4rem;}
.about-features .feature { margin-bottom: 1.8rem;}
.about-features .feature .icon {  margin-bottom: 1.5rem; display: inline-block;	width:100%;	height: 200px;}
.about-features .feature .icon i { color: #39b54a;font-size: 4.8rem;}
.about-features .feature h3 {    font-family: 'Noto Sans KR', sans-serif, dotum,arial;    font-size: 1.5rem; color: #333;   margin: 2rem;   font-weight: normal;   text-align: center;   padding: 8px 0;   border-radius: 10px ;border: 1px solid #cdcdcd;}

.service-content p{text-align:center;font-family: 'Noto Sans KR', sans-serif, dotum,arial; font-size:15px; font-weight: normal;}
.about-how {  padding-top: 7.2rem;}
.about-how h1.intro-header {  text-align: center;}
#about .about-how h1.intro-header::before {  left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);}
.about-how-content { position: relative;  width: 100%;  max-width: 1000px;  min-height: 300px;  margin-top: 7.2rem;  margin-left: auto;  margin-right: auto; clear: both;}
.about-how-content::before,.about-how-content::after {  content: ""; display: block; width: 1px;  height: 100%;  background-color: rgb(255 255 255 / 19%);  position: absolute;  top: 0;}
.about-how-content::before {  left: 0;}
.about-how-content::after {  left: 50%;}
.about-how-content .about-how-steps { width: 100%;}
.about-how-content .step {  padding: 0 40px 1.5rem 60px;  position: relative;  min-height: 240px;	color: #fff;  font-weight: 200;}
.about-how-content .step h3 {margin-bottom: 2.4rem;    color: #fff;   font-weight: 300;   letter-spacing: -0.5px;}
.about-how-content .step p{color: #eee;    font-size: 1.5rem; border: 1px solid #666;background:#0000007a;   padding: 20px;   border-radius: 5px;}

.about-how-content .step::before {display: block;    font-family: 'Noto Sans KR', sans-serif, dotum,arial;    font-size: 2rem;    content: attr(data-item);    color: #ffffff;  height: 54px;    width: 54px;    line-height: 54px;    text-align: center;    border-radius: 50%;   z-index: 500;    position: absolute;    top: -12px;    left: -27px;    font-weight: 500;}
.about-how-content .step.hd01::before{text-shadow: -1px -1px 1px #d50000; background: rgb(255,75,75);  background: linear-gradient(90deg, rgba(255,98,98,1) 0%, rgb(255 75 75) 35%, rgb(255 76 76) 100%);}
.about-how-content .step.hd02::before{ 	text-shadow: -1px -1px 1px #b97e00;background: rgb(254,255,0);    background: linear-gradient(
90deg, rgba(254,255,0,1) 0%, rgba(255,214,0,1) 35%, rgba(255,209,0,1) 100%);}
.about-how-content .step.hd03::before{	text-shadow: -1px -1px 1px #1573cd;background: rgb(81, 176, 229);  background: linear-gradient(90deg, rgba(66,197,255,1) 0%, rgb(81 176 229) 35%, rgb(84 153 242) 100%);}
.about-how-content .step.hd04::before{   text-shadow: -1px -1px 1px #62812e; background: #93d839;    background: linear-gradient(90deg, #a7d56a 0%, #93d839 35%, #47ca59 100%);}
.about-bottom-image img {  vertical-align: bottom;}

#speciality{	padding:5rem 0 0 0;	 height: 100vh;   background-image: url('../images/hero-bg2.jpg');   background-repeat : no-repeat; background-size : cover;}
#details {border-top:2px solid #428bca;border-bottom: 1px solid #428bca; background: #ffffff;padding-top:10rem;		padding-bottom: 10rem;}
#root{margin-top: -5rem; margin-bottom: 3rem;}
#faqmain{padding: 12rem 0 7rem 0;}


@media only screen and (max-width: 1200px) {
  .about-how-content {   max-width: 95%;    margin-left: 5rem;}
	.service-content p{font-size:13px;letter-spacing: -0.3px;}
	#about{padding:10rem 2rem 2rem 2rem;}
	#speciality{padding:10rem 2rem 2rem 2rem;height: auto;}
	#details{padding:10rem 2rem;}
	
}

@media only screen and (max-width: 1024px) {
  .about-intro {    max-width: 800px;    text-align: center;}
  .about-intro h1::before {  left: 50%;   -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%); transform: translateX(-50%);}
  .about-intro [class*="col-"] { width: 100% !important;   float: none !important; clear: both !important;  margin-left: 0;  margin-right: 0;}
  .about-how-content { max-width: 700px;}
	#details{padding-left:20px;padding-rightt:20px;}
	#speciality h1{padding-left:20px;padding-rightt:20px;}
}

@media only screen and (max-width: 850px) {
  .about-how-content {   max-width: 550px; }
  .about-how-content::after {   display: none; }
  .about-how-content .step {   width: 100% !important;  float: none !important; clear: both !important;  margin-left: 0;  margin-right: 0;  padding-right: 18px; min-height: auto; padding: 0 40px .9rem 60px; }
}

@media only screen and (max-width: 768px) {
	#about{padding:10rem 1rem 1rem 1rem;}
  .about-features .feature .icon i {  font-size: 4.4rem; }
  .about-features .feature h3 { font-size: 1.8rem;}
  .about-how h3 { font-size: 1.9rem;  }
  .about-how-content::before { left: 30px;}
	.about-how-content{margin-left:0;}
  .about-how-content .step::before {  font-size: 1.6rem; height: 45px;  width: 45px;  line-height: 45px;  top: -9px;  left: 7.5px; }
	p.lead {  font-size: 1.7rem; }
 #faqmain	.mob-full { border-bottom: none;}
}

@media only screen and (max-width: 700px){
p.lead { font-size: 1.4rem;}
}

@media only screen and (max-width: 650px) {
  .about-features {   max-width: 600px;  text-align: center; }
  .about-features .feature { width: 100% !important;  float: none !important; clear: both !important; margin-left: 0; margin-right: 0; margin-bottom: 4.5rem; }
  .about-features .feature h3 { margin-bottom: 1.5rem; }
	h1.intro-header::before{margin:0 auto;}
}

@media only screen and (max-width: 400px) {
  .about-how-content {  text-align: center;}
  .about-how-content::before {   display: none; }
  .about-how-content .step { padding: 60px 0 0 0; }
  .about-how-content .step::before {   top: 0; left: 50%;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);   transform: translateX(-50%); }
}



#download {  background: url("../images/hero_bg3.png") no-repeat center center fixed;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; color: #fff;  padding-top: 12rem; padding-bottom: 12rem; text-align: center;
}

#download h1 { color: #ffffff;font-weight: 400;}
#download h1::before {  background-color: #2a9038;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
#download .lead { color: #fff; margin-top: 4.8rem;}
#download .row {  max-width: 800px;}

#download .download-badges { list-style: none;margin: 0; text-align: center;}
#download .download-badges li { display: inline-block; margin: 0 7.5px; padding-left: 0;}
#download .download-badges li a {display: block; width: 230px; height: 71px; font: 0/0 a; text-shadow: none; color: transparent; background-repeat: no-repeat; background-position: center; background-size: 230px 71px;}
#download .download-badges li a.badge-appstore { background-image: url("../images/appstore.png");}
#download .download-badges li a.badge-googleplay {  background-image: url("../images/google-play.png");}
#download .download-badges li a.badge-onestore { background-image: url("../images/onestore.png");}


@media only screen and (max-width: 768px) {
  #download .download-badges li a {  width: 194px;   height: 60px;  background-size: 194px 60px; }
}


footer { padding-top: 6rem;   padding-bottom: 2.2rem;   font-size: 14px;  line-height: 32px;  color: #333;  background: #fff;}
footer a,footer a:visited {  color: #39b54a;}
footer a:hover,footer a:focus {  color: white;}
footer h4 {  color: #333;  font-size: 1.5rem;  margin-bottom: 1.5rem;  position: relative;}
footer h4::before {  content: "";  display: block;  width: 120px; height: 1px;  background-color: rgba(255, 255, 255, 0.05); position: absolute;  left: 0;  bottom: 0;}
footer ul {  list-style: none;  margin: 0;}
footer ul li {  padding-left: 0;}
footer ul a,footer ul a:visited {  color: #000;}
footer ul a:hover{color:#fc0;}
.footer-logo { display: block;  margin: 0 0 1.4rem -0.9rem;  padding: 0;  outline: 0; border: none;  width: 100px;  height: 30px;  background: url("../images/logo_wide.svg") no-repeat center; background-size: 93px 21px; font: 0/0 a;  text-shadow: none;  color: transparent; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.footer-social-list {  font-size: 1.8rem;  margin-top: -1.5rem;  margin-bottom: 3rem;}
.footer-social-list li { display: inline-block; margin-right: 8px;}
.footer-social-list li:last-child { margin-right: 0;}
.footer-site-links .list-links {  margin-bottom: 3rem;}
.list-links h2{margin-bottom: 1.55rem;}
.footer-subscribe .subscribe-form { margin: 0; padding: 0; position: relative;}
.footer-subscribe #mc-form { width: 100%;}
.footer-subscribe #mc-form input[type="email"] {  width: 100%; height: 5.4rem; padding: 1.2rem 100px 1.2rem 60px;  background: url(../images/email-icon.png) 20px center no-repeat, rgba(0, 0, 0, 0.1); background-size: 24px 16px, auto; margin-bottom: 1.8rem;color: rgba(255, 255, 255, 0.5);}
.footer-subscribe #mc-form input[type="email"]:focus {  color: #ffffff;}
.footer-subscribe #mc-form input[type=submit] { position: absolute; top: 0;  right: 0;  color: #ffffff;  background: #39b54a; border-color: #39b54a; border-radius: 0 .5rem .5rem 0;  padding: 0 15px;}
.footer-subscribe #mc-form label { color: #ffffff; font-family: 'Noto Sans KR', sans-serif, dotum,arial;font-size: 1.3rem; padding: 0 2rem;}
.footer-subscribe #mc-form label i { padding-right: 6px;}
.footer-subscribe #mc-form ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2);}
.footer-subscribe #mc-form :-moz-placeholder { color: rgba(255, 255, 255, 0.2);}
.footer-subscribe #mc-form ::-moz-placeholder { color: rgba(255, 255, 255, 0.2);}
.footer-subscribe #mc-form :-ms-input-placeholder {color: rgba(255, 255, 255, 0.2);}
.footer-subscribe #mc-form .placeholder {  color: rgba(255, 255, 255, 0.2) !important;}
.footer-bottom { text-align: center;   border-top: 1px dashed #aaa;   padding: 20px 0 0px 0;  font-size: 13px;  color: #999;   margin-top: 10px;}
.footer-bottom .copyright span {display: inline-block;}

.footer-bottom .copyright span::after { content: "|";  display: inline-block;padding: 0 1rem 0 1.2rem;color: rgba(255, 255, 255, 0.1);}

.footer-bottom .copyright span:last-child::after { display: none;}


#go-top { position: fixed;  bottom: 36px;  right: 33px;  z-index: 600;  display: none;}
#go-top a, #go-top a:visited {  text-decoration: none; border: 0 none;
  display: block; height:24px; width: 24px;  line-height: 50px;  text-align: center; color: #ccc; text-align: center; text-transform: uppercase; border-radius: 5px;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
#go-top a i,#go-top a:visited i {  font-size: 18px;  line-height: inherit;}
#go-top a:hover,#go-top a:focus {}


@media only screen and (max-width: 1024px) {
  .footer-main>.row {   max-width: 800px;  }
	.footer-info, .footer-contact, .footer-site-links {  margin-bottom: 1.2rem; }
  .footer-subscribe {  clear: both;  }
}

@media only screen and (max-width: 768px) {
  .footer-logo {   margin-left: auto;  margin-right: auto;}
  .footer-info {text-align: center;}
  #go-top {    bottom: 20px;    right: 15px; }
  #go-top a, #go-top a:visited {  border-radius: 5px 0 0 0; }
	.mob-full {   width: 100%;   border-bottom: 1px dashed #aaa;   margin-bottom: 20px;padding-bottom: 40px;}
	.mob-full p{margin-bottom: 0px; padding-bottom: 55px;   text-align: center;}
	.footer-main ul.list-links {  display: block;    text-align: center; margin-left: auto;   margin-right: auto; }
	
  .footer-main ul.list-links li a {   display:inline-block;  border-bottom: 1px solid rgba(255, 255, 255, 0.03);   padding:1rem 2rem; }
  .footer-main ul.list-links li:first-child a {    border-top: 1px solid rgba(255, 255, 255, 0.03);}
  .footer-contact, .footer-site-links, .footer-subscribe {  text-align: center;}
  .footer-bottom {   padding-bottom: .2rem; }
  .footer-bottom .copyright span {  display: block; color:#999; }
  .footer-bottom .copyright span::after {  display: none;}
		.col_last{border-bottom:0;margin-bottom:0;}
	.footer-logo{width:200px; height:60px;margin-bottom:20px;    background-size: 120px 40px;}
	  .footer-main h4 {    margin-top: 1rem; text-align: center; font-size:20px;   line-height: 2rem;}
  .footer-main h4::before {  display: none;}
	footer ul li{display:inline-block;}
	.list-links h2{margin:0rem 4rem 2rem 4rem;}
}

@media only screen and (max-width: 600px) {
  .footer-main .row {   max-width: 480px;}
	.home-content .contents {top:0;}
	#header{background:#fff;}
	body{overflow-x:hidden;}
	footer ul li {   padding-left: 0;   line-height: 1.9rem;}
	
	#faqmain {    padding: 10rem 16px 16px 16px;}
	#faqmain .mob-full {border-bottom: 0; }
	.faq_sample{margin-left:0;}
	.home-image-right img.main_top_02{margin-top: -60px;    padding: 10px;}
}

*,
*:before,
*:after {-webkit-box-sizing: border-box; box-sizing: inherit;}

ul {  list-style-type: none; padding: 0;}
a { text-decoration: none; color: inherit;}

.carousel__wrap {
  margin-top: 10%;
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
}

.carousel__inner {  height: 40rem; position: relative;  width: calc(90rem);}
.carousel__container { height: 100%; overflow: hidden;  position: relative;  width: 100%;}
.carousel__slide-list {  height: 100%; left: 50%; list-style-type: none; margin: 0;  padding: 0; position: absolute;  transform: translateX(-50%);  width: calc(330rem);}
.carousel__slide-item {  display: inline-block;  height: 30rem;margin: 0; padding: 1rem;  position: absolute; transition: all 0.3s; width: 30rem;}
.carousel__slide-item-img-link {  cursor: zoom-in;  display: flex;  height: 100%; overflow: hidden; position: relative; width: 100%;}
.carousel__slide-item-img-link img {  height: 100%; object-fit: cover; transition: all 0.5s ease; width: 100%;}
.carousel__slide-item-img-link::after {align-items: center;  background: rgba(0, 0, 0, 0.5);  color: white;  content: "read more"; display: flex;  height: 100%;justify-content: center;  opacity: 0;  position: absolute; transition: all 0.5s ease;  width: 100%;}
.carousel__slide-item-img-link:hover::after {opacity: 1;}
.carousel__slide-item-img-link:hover img {transform: scale(1.3);}
.carousel-slide-item__body {bottom: -2.5rem;  height: 10%; position: absolute;}
.carousel-slide-item__body h4 { margin: 0.7rem 0 0; text-transform: uppercase;}
.carousel-slide-item__body p {  font-size: 1.2rem; line-height: 1.3;  margin: 0.7rem 0 0;}

.carousel__btn { align-items: center;background: 0; border: 0;  cursor: pointer; display: flex; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%);}
.carousel__btn--prev {left: -10rem;}
.carousel__btn--next { right: -10rem;}
.carousel__btn-arrow {  border: solid black; border-width: 0 0.4rem 0.4rem 0; height: 6rem;  padding: 3px; width: 6rem; z-index: 10;}
.carousel__btn-arrow--left { transform: rotate(135deg);}
.carousel__btn-arrow--right {transform: rotate(-45deg);}

.carousel__dots {  display: inline-block; left: 50%; margin-top: 2rem;  position: absolute;  transform: translateX(-50%);}
.carousel__dots .dot {background: #ccc;   border: 0;   border-radius: 50%;    cursor: pointer;  height:  2rem;	outline: none;  transform: scale(0.5);   width: 10px;   padding: 0 10px;}
.carousel__dots .dot.active {  background: black;}

.faq_sample li{  margin-bottom: 0.25em;}

.faq_sample li a{display: block;   position: relative;   background: #fff;   color: #333; font-weight: 400;	font-size:0.9em;    padding: 0.75em 1em 0.75em 1.5em;	margin-bottom: 0.5rem;	border-radius: 5px;	box-shadow: 0 1px 2px rgb(0 0 0 / 8%);box-shadow: 0 1px 2px rgb(0 0 0 / 8%);	transition: box-shadow .2s;}
.faq_sample li a:hover, .faq_sample li a:active{border:1px solid #ffd100;}

h3.next_faqm{margin-top:2rem;}
img.next_btn{ float: right; padding: 8px 4px 8px 8px; position: absolute;}

#header.shadow {	background:#fff;   -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);}

#ask_doc{padding-top:110px; }
.con_req{color:#FF3639;}

#ask_doc form{background: #fff;  border: 1px solid #ddd;   border-radius: 8px;   padding: 2em;}

#ask_doc select, #ask_doc input, #ask_doc textarea{margin-bottom:0; width:100%; background: #fff; border:2px solid #ddd;}
.error_msg{text-align:right; font-size:13px; margin-bottom:2em; display:block;color: #f00;}

#header-nav-wrap .header-main-nav li.current a.ind_02{color:#FF5152;}
#header-nav-wrap .header-main-nav li.current a.ind_03{color:#FFD100;}
#header-nav-wrap .header-main-nav li.current a.ind_04{color:#69B1E9;}
#header-nav-wrap .header-main-nav li.current a.ind_05{color:#93D839;}
#header-nav-wrap .header-main-nav li.current a.ind_06{color:#9f70d3;}




.agreement_e{ display: block; background: #f7f7f7; border:1px solid #ddd; padding:10px;}
.agreement_e input[type="checkbox"]{    display: inline-block !important;   width: 30px !important;    height: 30px !important;  border:3px solid #aaa !important;	margin-top:5px;      position: relative;    }
.agreement_e input[id="check1"]:checked::after{  content:'�쐱';   font-size: 25px;  width: 30px;  height: 30px;  position: absolute;  left: 0;  top:0;  }
.agreement_e label{position:relative; margin-top:-36px; margin-left:40px;}
.caution_h{margin-top: 2.2rem;font-size: 1.5rem;}
.caution_u{font-size: 1.4rem;}
.caution_u li{list-style: unset;}
.send_msg{background: #69b1e9 !important; border: 1px solid #428bca !important;color: #fff !important;}
.send_msg:hover, .send_msg:focus{background:#428bca !important;border: 1px solid #428bca !important; margin-top:1px;}

.tip4{position: relative;  width: 130px;   background: #999;   border: 1px solid #777; left:20px; top:-80px;}

.tooltip:before,.tooltip:after { content: '';  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #412fb6;  position: absolute;  bottom: -10px;   left: 0;}

.tooltip-container:hover .tooltip,a:hover .tooltip {  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);   -o-transform: scale(1);   -ms-transform: scale(1);   transform: scale(1);}

@media only screen and (max-width: 500px) {
	.tooltip{left:20%;}
	.tip2{left:40%;}
	.tip3{left:60%;}
	.sales_man{width:25%;      position: relative;   margin: 0 auto;    margin-top: -208px;    margin-bottom: 50px;}
	.item_inside h4{font-size:1.65rem;padding: 10px 40px;}
	.item_inside span{font-size:14px;}
	#faqmain p{margin-bottom:20px;text-align: left;}
	#speciality{min-height:1350px;}
	.mob-full{margin-bottom:40px}
	.header-menu-toggle{right:20px;}
}
@media only screen and (max-width: 600px){
.carousel-bullet{color:#aaa;}
.carousel-control { background: rgba(0, 0, 0, 0.05); color:#fff;}
.item_inside {margin-top: -22%;}
.carousel-control{top: 50%;}
.item_inside h4 {color: #fff;}
.item_inside span {color: #fff;}
.carousel-indicators {bottom: 10px;}
#details {min-height: 440px;}
}
.ex_h{height:72px;-webkit-box-shadow: 0 3px 5px rgb(57 63 72 / 30%);   -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);   box-shadow: 0 3px 5px rgb(57 63 72 / 30%);}