/* **************************************** *
* FONT
* **************************************** */
@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");

* {font-family:'Pretendard Variable','나눔고딕',sans-serif;box-sizing:border-box;text-decoration:none;color:#222;}


/* **************************************** *
* RESET FILES
* **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,
figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {padding:0; margin:0;box-sizing:border-box;font-weight: 400; word-break:keep-all;word-wrap:break-word}
p{padding:0; margin:0;}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;word-break:keep-all}
figure,section,article,header,footer,nav,hgroup,video,audio,aside,main{display:block}
html {scroll-behavior: smooth;}
body {background-color:#f5f6f7;}/*#ebeef3*/

.main_h {
  position: fixed;
  top: 0px;
  max-height: 70px;
  z-index: 999;
  width: 100%;
  background: none;
  /*overflow: hidden;*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  top: -100px;
  /*font-family: "Montserrat", sans-serif;*/
}

.sticky {
  background-color: rgba(255, 255, 255, 0.93);
  opacity: 1;
  top: 0px;
  border-bottom: 1px solid gainsboro;
}

.row {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

a.gototop {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  bottom:calc(-70vh + 140px);
  z-index: 999;
  display: flex;
  justify-content:center;
  align-items:center;
  background-color:#000;
  color:#fff;
  opacity:30%;
}
/*color:#333;mix-blend-mode: difference;*/
a.gototop:hover {opacity:90%;}

nav {
    width: 100%;
}

nav ul {
  list-style: none;
  overflow: hidden;
  text-align: right;
}

nav ul li {
  display: inline-block;
  margin-left: 35px;
  line-height: 1.5;
  font-size:15px;
  color:#888;
}
nav ul li a {color:#222;}
nav ul li a:hover {color:#000;font-weight:500;letter-spacing:-0.2px;}

section.contents div {text-align:center;}
section.contents div:nth-child(3) {
  background:url(../img/en/03bg.png) no-repeat center center; 
  background-size:cover;
  background-color:hsl(0deg 0% 0% / 75%);
  background-blend-mode:overlay;
}
section.contents div:nth-child(6) {
  background:url(../img/en/06bg.png) no-repeat center center; 
  background-size:cover;
  background-color:hsl(0deg 0% 0% / 75%);
  background-blend-mode:overlay;
}
section.contents div:nth-child(11) {
  background:linear-gradient(90deg, rgb(245 155 0) 43%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%);
  border-bottom: 2px solid #fff;
}
section.contents div:nth-child(13) {
  background:linear-gradient(90deg, rgb(39 169 163) 43%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%);
  border-bottom: 2px solid #fff;
}
section.contents div:nth-child(14) {
  background:linear-gradient(90deg, rgb(119 142 234) 43%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%);
  border-bottom: 2px solid #fff;
}
section.contents div:nth-child(15) {
  background:linear-gradient(90deg, rgb(118 202 44) 43%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%)
}
section.contents div:nth-child(16) {
  background:url(../img/en/16bg.png) no-repeat right 150px center; 
  background-size:51%;
}
section.contents div:nth-child(17) {
  background:url(../img/en/03bg.png) no-repeat center center; 
  background-size:cover;
  background-color:hsl(0deg 0% 0% / 75%);
  background-blend-mode:overlay;
}
section.contents div:nth-child(18) {
  background:url(../img/en/bg_blur2.png) no-repeat right 100px center; 
  background-size:contain;
  position:relative;
  padding-bottom:60px;
}

section.contents div img {width:70%;display:block;margin:0 auto;}