@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@import url("https://fastly.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@import url("https://gcore.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
*/
/* 중문
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
*/
/* 일문
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
*/

/*[s] Reset Css */
html,
body {
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  -webkit-text-size-adjust: none;
}
input,
button,
textarea {
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}
input[type="submit"],
input[type="image"],
input[type="button"],
button,
a {
  cursor: pointer;
  text-decoration: none;
}
img,
video,
audio,
object,
embed,
iframe {
  max-width: 100%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
legend {
  margin: 0;
  padding: 0;
}
fieldset,
img,
abbr,
acronym {
  border: none;
}
fieldset {
  display: block;
}
ol,
ul {
  list-style: none outside;
}
h1,
h2,
h3,
h4,
h5,
h6,
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-size: 100%;
  font-weight: normal;
}

hr,
legend,
caption,
hr {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -1000em;
}

img {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
}

/* 다국어
	html[lang="ko"]{font-family:'Noto Sans KR', sans-serif;}
	html[lang="en"]{font-family:'Noto Sans KR', sans-serif;}
	html[lang="zh"]{font-family:'Noto Sans SC', 'Noto Sans KR', sans-serif;}
	html[lang="ja"]{font-family:'Noto Sans JP', 'Noto Sans KR', sans-serif;}
	*/

body,
th,
td,
input,
select,
textarea,
h2,
h3,
h4,
h5,
address,
code {
  font-family: "Pretendard", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
}
/*[e] Reset Css */

/*[s] Transition Style */
#header,
#header:before,
#header .gnbBg,
#header .gnbBg:before,
#header h1,
#header h1 > a,
#header h1 > a img,
#header .mMenu,
#header .mMenu > span,
#header .mMenu:before,
#header .mMenu:after,
#header #gnb:after,
#header #gnb:before,
#header #gnb > li > a:before,
#header #gnb > li > a i:before,
#header #gnb > li > a i:after,
#header #gnb > li,
#header #gnb a,
#header #gnb > li > a > span:before,
#header #gnb .gnbSub > li > a,
#header #gnb > li > a em,
#header #gnb > li > a em:after,
#header #gnb > li > a em:before,
#header #pcMenu,
#header #pcMenu:before,
#header #pcMenu .bg,
#header #pcMenu #list:before,
#header #pcMenu #list > li,
#header #pcMenu #list > li > a,
#header #pcMenu #list > li > a i,
#header #pcMenu #list > li > a > span:before,
#header #pcMenu #list .gnbSub > li > a,
#header .utill .appDown,
#header .language:before,
#header .tSchArea,
#header .tSchArea .tSch:before,
#header .tSchArea .tSch:after,
#header .tSchArea .tSch_in,
#pt_Menu #pt_Menu_list > li > a,
#pt_Menu #pt_Menu_list > li > a i,
#pt_Menu #pt_Menu_list > li > a i:after,
#pt_Menu #pt_Menu_list > li > a i:before,
#pt_Menu #pt_Menu_list .gnbSub > li > a,
.menuLayer .gnb > li > a,
.menuLayer .gnb > li > a i,
.menuLayer .gnb > li > a i:after,
.menuLayer .gnb > li > a i:before,
.menuLayer .gnb .gnbSub > li > a,
#snb #nav > li > a,
#snb #nav > li > a i,
#snb #nav > li > a i:after,
#snb #nav > li > a i:before,
#snb #nav .lnbSub > a,
#snbPc .inConts a,
#snbMobile > a i,
#snbD3 .inConts a,
#snbD3 .inConts a > span:before,
#container.portrait #snb #nav > li > a,
#container.portrait #snb #nav > li .d3 > li > a {
  transition: all 0.3s ease-out;
  transform-origin: 50% 50%;
}

a.goTop,
a.goTop:before {
  transition: all 0.5s ease-out;
}

.menuLayer,
#pt_Menu {
  transition: all 0.5s ease-in-out;
  transform-origin: 50% 50%;
}

#pt_Menu .head .closeMenu {
  transition: all 0.7s ease-in-out;
  transform-origin: 50% 50%;
}
/*[e] Transition Style */

/*[s] Bace Css */
:root,
html {
  font-size: 10px;
}
:root {
  /* color */
  --point: #3617cd;
  --event__color--point: #035ab6;
  --event__color--end: #b3b3b3;

  /* font size */
  --f__size--12: 1.2rem;
  --f__size--13: 1.3rem;
  --f__size--14: 1.4rem;
  --f__size--15: 1.5rem;
  --f__size--16: 1.6rem;
  --f__size--17: 1.7rem;
  --f__size--18: 1.8rem;
  --f__size--19: 1.9rem;
  --f__size--20: 2rem;
  --f__size--21: 2.1rem;
  --f__size--22: 2.2rem;
  --f__size--23: 2.3rem;
  --f__size--24: 2.4rem;

  --f__size--36: 3.6rem;

  /* min size */
  --min__size: 140rem;
}

.wVar,
.pVar,
.ptVar {
  display: block;
}
img.pVar,
img.ptVar {
  display: inline-block;
}
th.pVar,
td.pVar {
  display: table-cell;
}
.tVar,
.mVar,
.tmVar,
.br_t {
  display: none;
}
.br_p {
}

.tal {
  text-align: left !important;
}
.tac {
  text-align: center !important;
}
.tar {
  text-align: right !important;
}

.f_arr,
.mySwiper2-btns .swiper-button:before {
  font-family: "SUIT Variable", sans-serif !important;
}

*[data-font="Poppins"],
.f_Poppins {
  font-family: "Poppins", sans-serif !important;
}

*[data-font="Roboto"],
.f_Roboto {
  font-family: "Roboto", sans-serif !important;
}

*[data-font="Mont"] {
  font-family: "Mont", sans-serif !important;
}

html.hide {
  height: 100vh;
  overflow: hidden;
}

.inConts {
  width: 100%;
  max-width: 126rem;
  margin: 0 auto;
  padding: 0 3rem;
  position: relative;
}
.w1080 {
  width: 100%;
  max-width: 108rem;
  margin: 0 auto;
  position: relative;
}
#wrap {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
#wrap * {
  letter-spacing: -0.04em;
  word-break: keep-all;
  word-wrap: break-word;
  box-sizing: border-box;
}
/*[e] Bace Css */

/*[s] HEADER */
#progressBar {
  width: 0%;
  height: 3px;
  background-color: var(--point);
  font-size: 0;
  line-height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
}

#ribbonArea {
  width: 1920px;
  margin-left: -960px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  left: 50%;
  display: none;
}
#ribbonArea .ribbon_close {
  width: 160rem;
  margin: 0 auto;
  position: relative;
  z-index: 7;
  opacity: 0.6;
}
#ribbonArea .ribbon_close .checkIn {
  position: absolute;
  right: 0;
  top: -46px;
}
#ribbonArea .ribbon_close .checkIn input[type="checkbox"] + label:before {
  background-color: transparent;
  left: auto;
  right: 0;
}
#ribbonArea .ribbon_close .checkIn input[type="checkbox"] + label {
  padding: 0 2.6rem 0 0;
  font-family: "S-CoreDream-2ExtraLight";
  font-weight: 300;
  font-size: 12px;
  color: #fff;
}

#header {
  width: 100%;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8;
}
#header .gnbBg {
  width: 100vw;
  height: 0;
  background-color: #f2f4f6;
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0;
  overflow: hidden;
}
#header .inConts {
  max-width: 1720px;
  padding: 0 3rem;
  display: flex;
  justify-content: space-between;
}
#header .inConts > * {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
#header h1 {
  padding: 2.7rem 0;
  display: inline-block;
  position: relative;
  z-index: 8;
}
#header h1 > a {
  display: inline-block;
  position: relative;
}
#header h1 > a img {
  width: 16.5rem;
}
#header h1 > a img.ov {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#header #pcMenu,
#header #pcMenu #list,
#header #pcMenu #list > li,
#header #pcMenu #list > li > a {
  height: 9rem;
}

#header #pcMenu {
  text-align: center;
  position: relative;
  justify-content: center;
}
#header #pcMenu #list {
  display: inline-block;
}
#header #pcMenu #list > li {
  padding: 0 4.1rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#header #pcMenu #list > li > a {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  text-align: center;
  display: table;
  position: relative;
  z-index: 3;
}
#header #pcMenu #list > li > a > span {
  display: table-cell;
  vertical-align: middle;
}
#header #pcMenu #list > li > a > span:before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #3617cd;
  margin-left: 0%;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 5;
}

#header #pcMenu #list .gnbSub {
  padding: 20px 0;
  text-align: center;
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  white-space: nowrap;
  transform: translateX(-50%);
  z-index: 6;
}
#header #pcMenu #list .gnbSub > li {
}
#header #pcMenu #list .gnbSub > li > a {
  width: 100%;
  height: 34px;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  text-align: center;
  display: table;
}
#header #pcMenu #list .gnbSub > li > a > span {
  display: table-cell;
  vertical-align: middle;
  word-break: keep-all;
  word-wrap: break-word;
}

#header #pcMenu #list > li:hover > a,
#header #pcMenu #list > li.oPage > a {
  color: var(--point);
}

#header #pcMenu #list .gnbSub > li:hover > a,
#header #pcMenu #list .gnbSub > li.oPage > a {
  color: #fff600;
}

#header #pcMenu #list > li:hover > a > span:before,
#header #pcMenu #list > li.active > a > span:before,
#header #pcMenu #list > li.oPage > a > span:before {
  width: 100%;
  margin-left: 0;
  left: 0;
  opacity: 1;
}

#header #pcMenu #list .gnbSub > li.hide {
  display: none !important;
}

#header .right-utill {
  justify-content: flex-end;
  position: relative;
}
#header .right-utill > * + * {
  margin-left: 4rem;
}

#header .mMenu {
  width: 3.4rem;
  height: 2.9rem;
  background-color: transparent;
  border: none;
  font-size: 0;
  line-height: 0;
  z-index: 4;
  cursor: pointer;
  overflow: hidden;
  display: none;
  position: relative;
}
#header .mMenu > span,
#header .mMenu:before,
#header .mMenu:after {
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#header .mMenu > span {
  width: 50%;
  margin-top: 0;
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
#header .mMenu:before {
  width: 75%;
  margin-top: -1.2rem;
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
#header .mMenu:after {
  margin-top: 1.3rem;
}

#header .mMenu.open > span {
  width: 100%;
  opacity: 0;
}
#header .mMenu.open:before {
  width: 100%;
  margin: -0.1rem 0 0 -1.7rem;
  transform: rotate(45deg);
}
#header .mMenu.open:after {
  margin: -0.1rem 0 0 -1.7rem;
  transform: rotate(-45deg);
}

#header .language {
  white-space: nowrap;
}
#header .language a {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  display: inline-block;
  vertical-align: top;
}
#header .language > * + * {
  margin-left: 3rem;
}
#header .language > a.active {
  font-weight: 600;
  text-decoration: underline;
  text-underline-position: under;
}

#header.move:before,
html.sub #header:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.3);
}

#header.all,
#header.move,
html.sub #header {
  background-color: #fff;
}
#header.all .gnbBg {
  height: 34rem;
  opacity: 1;
}

#header.all h1 > a img,
#header.move h1 > a img,
html.sub #header h1 > a img {
  opacity: 0;
}

#header.all h1 > a img.ov,
#header.move h1 > a img.ov,
html.sub #header h1 > a img.ov {
  opacity: 1;
}

#header.all #pcMenu #list > li > a,
#header.move #pcMenu #list > li > a,
html.sub #header #pcMenu #list > li > a,
#header.all .language a,
#header.move .language a,
html.sub #header .language a {
  color: #222;
}

html.sub #header #pcMenu #list > li.oPage > a,
#header.all .language a.active,
#header.move .language a.active,
html.sub #header .language a.active {
  color: var(--point);
}

#header.all .mMenu > span,
#header.all .mMenu:before,
#header.all .mMenu:after,
#header.move .mMenu > span,
#header.move .mMenu:before,
#header.move .mMenu:after,
html.sub #header .mMenu > span,
html.sub #header .mMenu:before,
html.sub #header .mMenu:after {
  background-color: #1b1b1b;
}
#header.all .mMenu > span,
#header.move .mMenu > span,
html.sub #header .mMenu > span {
  background-color: var(--point);
}
/*
	#header #pcMenu #list>li:hover>a,
	#header #pcMenu #list>li.oPage>a{color: var(--point) !important;}
	*/
#header #pcMenu #list .gnbSub > li:hover > a,
#header #pcMenu #list .gnbSub > li.oPage > a {
  color: var(--point) !important;
}

.menuLayer {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0;
  line-height: 0;
  position: fixed;
  top: 6.875rem;
  bottom: 0;
  z-index: 12;
  overflow: hidden;
  overflow-y: auto;
}
.menuLayer > .language {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #ccc;
  display: table;
  table-layout: fixed;
}
.menuLayer > .language > a {
  height: 8rem;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #434343;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
}
.menuLayer > .language > a > span {
  padding-left: 3.25rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2.625rem 1.75rem;
}
.menuLayer > .language > a.ko > span {
  background-image: url("/images/flag_ko.gif");
}
.menuLayer > .language > a.en > span {
  background-image: url("/images/flag_en.gif");
}
.menuLayer > .language > a + a {
  border-left: 1px solid #ccc;
}
.menuLayer > .language > a.active {
  font-weight: 500;
  color: var(--point);
}

.menuLayer .gnb {
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.menuLayer .gnb > li {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.menuLayer .gnb > li > a {
  width: 100%;
  height: 9rem;
  padding: 0 7rem 0 3rem;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.4;
  color: #1b1b1b;
  display: table;
  position: relative;
  box-sizing: border-box;
}
.menuLayer .gnb > li > a > span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.menuLayer .gnb > li > a i {
  width: 2.6rem;
  height: 1.4rem;
  margin-top: -0.7rem;
  position: absolute;
  right: 3rem;
  top: 50%;
  display: inline-block;
}
.menuLayer .gnb > li > a i:after,
.menuLayer .gnb > li > a i:before {
  content: "";
  width: 1.7rem;
  height: 0.2rem;
  margin: 0 0 0 0;
  background-color: #aaa;
  display: block;
  position: absolute;
  top: 50%;
}
.menuLayer .gnb > li > a i:after {
  right: 1rem;
  transform: rotate(45deg);
}
.menuLayer .gnb > li > a i:before {
  right: -0.1rem;
  transform: rotate(-45deg);
}

.menuLayer .gnb .gnbSub {
  background-color: #f7f7f7;
  display: none;
}
.menuLayer .gnb .gnbSub > li {
  border-top: 1px solid #ccc;
}
.menuLayer .gnb .gnbSub > li > a {
  width: 100%;
  height: 7.4rem;
  padding-left: 3rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.3;
  color: #666;
  text-align: left;
  letter-spacing: -1px;
  display: table;
  position: relative;
  box-sizing: border-box;
}
.menuLayer .gnb .gnbSub > li > a > span {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.menuLayer .gnb > li.active > a {
  background-color: var(--point);
  color: #fff !important;
}
.menuLayer .gnb > li.active > a em {
  color: #fff;
}

.menuLayer .gnb > li.oPage > a {
  color: var(--point);
  text-decoration: underline;
  text-underline-position: under;
}
.menuLayer .gnb > li.oPage > a em {
  color: var(--point);
}

.menuLayer .gnb > li.active > a i,
.menuLayer .gnb > li.oPage > a i {
  transform: rotate(-180deg);
}

.menuLayer .gnb > li.oPage > a i:after,
.menuLayer .gnb > li.oPage > a i:before {
  background-color: var(--point) !important;
}

.menuLayer .gnb > li.active > a i:after,
.menuLayer .gnb > li.active > a i:before {
  background-color: #fff !important;
}

.menuLayer .gnb > li.one > a i {
  transform: rotate(-90deg);
}

#menuArea {
  right: -100%;
}
#menuArea.open {
  right: 0;
}
/*[e] HEADER */

/*[s] SUB */
#sVisual {
  width: 100%;
  height: 46rem;
  margin-top: 9rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#sVisual h2 {
  font-weight: 600;
  font-size: 6rem;
  line-height: 1.2;
  color: #222;
}

#sVisual.bg_1 {
  background-image: url("/images/img_sVisual_01.jpg");
}
#sVisual.bg_2 {
  background-image: url("/images/img_sVisual_01.jpg");
}
#sVisual.bg_3 {
  background-image: url("/images/img_sVisual_01.jpg");
}
#sVisual.bg_4_2 {
  background-image: url("/images/img_sVisual_0402.jpg");
  height: 51rem;
}
#sVisual.bg_4_3 {
  background-image: url("/images/img_sVisual_0403.jpg");
  background-position: center bottom;
  height: 51rem;
}
#sVisual.bg_5 {
  background-image: url("/images/img_sVisual_05.jpg");
}
#sVisual.bg_6 {
  background-image: url("/images/img_sVisual_06.jpg");
}
#sVisual.bg_7 {
  background-image: url("/images/img_sVisual_01.jpg");
}
#sVisual.bg_8 {
  background-image: url("/images/img_sVisual_01.jpg");
}
#sVisual.bg_9 {
  background-image: url("/images/img_sVisual_01.jpg");
}

#sVisual.bg_10,
#sVisual.bg_11,
#sVisual.bg_12,
#sVisual.bg_97,
#sVisual.bg_98,
#sVisual.bg_99 {
  background-image: url("/images/img_sVisual_01.jpg");
}
/*
		#snb{width:100%; background-color: #fff; border-bottom:1px solid rgba(191,191,191,0.6); font-size:0; line-height:0; position: relative; z-index:6;}
		#snb:before{content: ""; width: 25%; height: 100%; background-color: var(--point); display: inline-block; position:absolute; left: 0; top:0px;}
		#snb #nav{width:100%; background-color: #fff; border-left:1px solid rgba(191,191,191,0.6); position: relative; z-index:2; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start;}
		#snb #nav>li{flex:0 1 18%; border-top:1px solid rgba(191,191,191,0.6); border-right:1px solid rgba(191,191,191,0.6); display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; position:relative;}
		#snb #nav>li>a{width:100%; height:5rem; padding:0 5rem 0 2rem; font-weight: 300; font-size:1.5rem; line-height:1.2; color:#666; display:table; position: relative;}
		#snb #nav>li>a>span{padding:0.5rem 0; display:table-cell; vertical-align: middle; word-break:break-all !important;}

		#snb #nav>li>a i{width:1.5rem; height:1rem; margin-top:-0.5rem; position: absolute; right:2rem; top:50%; display:inline-block;}
		#snb #nav>li>a i:after,
		#snb #nav>li>a i:before{content: ""; width:1rem; height: 0.2rem; margin:0 0 0 0; background-color: #b2b2b2; display: block; position:absolute; top:50%;}
		#snb #nav>li>a i:after{right:0.6rem; transform:rotate(45deg);}
		#snb #nav>li>a i:before{right:0px; transform:rotate(-45deg);}

		#snb #nav>li.home{flex-basis: 6rem; max-width:6rem;}
		#snb #nav>li.home>a{width:100%; height:5rem; padding:0; background:url('/images/icon_home.png') no-repeat center center; font-size:0; line-height:0;}
		#snb #nav>li.home>a:before{content: ""; display:none;}

		#snb #nav>li:last-child{flex-basis: 25%;}
		#snb #nav>li:last-child>a{font-weight: 400; color: #333;}

		#snb #nav .lnbSub{background-color: #fff; border:1px solid rgba(191,191,191,0.6); position:absolute; left:-1px; right:-1px; top:100%; z-index:3; display:none;}
		#snb #nav .lnbSub>a{width:100%; height:5rem; padding:0px 2rem; font-weight: 300; font-size:1.5rem; line-height:1.4; color:#717171; display:table;}
		#snb #nav .lnbSub>a>span{padding:0.5rem 0; display:table-cell; vertical-align: middle; word-break:break-all !important;}
		#snb #nav .lnbSub>a+a{border-top:1px solid rgba(191,191,191,0.6);}
		#snb #nav .lnbSub>a:hover,
		#snb #nav .lnbSub>a.active{background-color: #f0f0f0; color: #333;}
		#snb #nav .lnbSub>a.active{font-weight: 400;}

		#snb #nav>li.active>a i{transform:rotate(180deg);}

		#pageTop{padding:6rem 0 8rem; font-size:0; line-height:0; text-align: center; position: relative;}
		#pageTop>h3{padding-top:7.5rem; font-weight: bold; font-size:4rem; line-height:1; color: #1b1b1b; text-align: center; position: relative;}
		#pageTop>h3:before{content: ""; width: 1px; height: 4rem; margin-left:-0.5px;background-color: #000; display: inline-block; position:absolute; left: 50%; top:0px;}
		#pageTop>p{padding-top:3rem; font-weight: 400; font-size:2rem; line-height:1; color: #333;}
	*/
#snb {
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  position: fixed;
  left: -1px;
  top: -1px;
  z-index: -999;
  overflow: hidden;
  opacity: 0;
}

#container {
  width: 100%;
  max-width: 126rem;
  min-height: 400px;
  margin: 0 auto;
  padding: 8rem 3rem 14rem;
  background-color: #fff;
  position: relative;
}
#container.recruitment-area {
  padding-top: 21rem;
}

.pg-tit {
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  color: #222;
  text-align: center;
}
.pg-tit .bul {
  display: inline-block;
  position: relative;
}
.pg-tit .bul:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: -0.6rem;
  background-color: #ff404e;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -1rem;
  border-radius: 99px;
}
.pg-logo {
  margin: 3.5rem 0 3rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.pg-txt {
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem;
  color: #666;
  text-align: center;
}
* + .pg-txt {
  margin-top: 2rem;
}
.pg-txt.big {
  font-size: 2.6rem;
  line-height: 3.2rem;
  color: #222;
}
.pg-txt.link a {
  font-size: 1.7rem;
  line-height: 1.4;
  color: #3a01fe;
}
#hgroup {
}
#hgroup .pendulum-movement {
  margin: 2.5rem 0 3rem;
}
* + #hgroup {
  padding-top: 6.5rem;
}

.fullBox {
  width: 100vw;
  margin-left: -50vw;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  left: 50%;
  display: block;
}
.fullBox.gray {
  background-color: #f7f7f7;
}
/*[e] SUB */

/*[s] FOOTER */
#footer {
  width: 100%;
  background-color: #636772;
  font-size: 0;
  line-height: 0;
  text-align: left;
  position: relative;
}
#footer > .inConts {
  height: 26rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#footer .link {
}
#footer .link > a {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#footer .link > a + a {
  margin-left: 2.5rem;
}
/*#footer .link>a+a:before{content: ""; width: 0.2rem; height: 2rem; margin-top:-1rem; background-color: #717070; display: inline-block; position:absolute; left: -1.6rem; top:50%;}*/
#footer .link > a.point {
}

#footer .text {
  text-align: center;
}
#footer .text > p {
}
#footer address,
#footer .text > p > span {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#footer .text > p > span {
  padding: 0 0.7rem;
}
/*
	#footer .text>p>span+span{margin-left:12px;}
	#footer .text>p>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-4px; background-color: #717070; display: inline-block; position:absolute; left: -6px; top:50%;}
	*/
#footer address {
  text-align: right;
}
#footer address > a,
#footer address > span {
  color: #fff;
}

a.goTop {
  width: 50px;
  height: 50px;
  background-color: #acacac;
  font-size: 0;
  line-height: 0;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 9;
  display: block;
  overflow: hidden;
  opacity: 0;
}
a.goTop.open {
  opacity: 1;
}
a.goTop:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/images/arr_goTop.png") no-repeat center center;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
}
a.goTop:hover {
  background-color: var(--point);
  border-radius: 50%;
  transform: rotate(180deg);
}
a.goTop:hover:before {
  transform: rotate(-180deg);
}
/*[s] FOOTER */

@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1320px) {
}
@media only screen and (max-width: 1260px) {
  .wVar {
    display: none;
  }
  #header #pcMenu #list > li {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .pVar,
  th.pVar,
  td.pVar {
    display: none !important;
  }

  .mVar,
  .br_p {
    display: none;
  }

  .tVar {
    display: block;
  }
  .br_t {
    display: block;
  }
  .ptVar {
    display: block;
  }
  .tmVar {
    display: block;
  }

  img.tVar,
  img.ptVar,
  img.tmVar {
    display: inline-block;
  }

  table .br_t {
    display: table-cell;
  }

  /*[s] HEADER */
  #ribbonArea {
    display: none !important;
  }

  #header .utill {
    padding-right: 5rem;
  }
  #header .language {
  }
  #header .mMenu {
    display: block;
  }

  #header #pcMenu,
  #header .utill .appDown {
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    display: inline-block;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
  }
  .menuLayer {
    padding-left: 30%;
  }
  /*[e] HEADER */

  /*[s] SUB */
  #sVisual {
  }
  #sVisual .inConts {
  }
  #sVisual h2 {
    padding: 0;
  }

  #snb > .inConts {
    padding: 0 !important;
  }
  #snb #nav > li {
    flex: 1 1 30%;
  }

  #snb #nav > li:last-child {
    flex-basis: 45%;
  }

  .fullBox {
    width: 100vw;
    margin-left: -3rem;
    left: 0%;
  }
  /*[e] SUB */

  /*[s] FOOTER */
  #footer {
    padding: 7.5rem 0;
  }
  #footer > .inConts {
    height: auto;
    display: block;
  }

  #footer .link {
  }
  #footer .link > a {
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  #footer .link > a + a {
    margin-left: 2.5rem;
  }
  /*#footer .link>a+a:before{content: ""; width: 0.2rem; height: 2rem; margin-top:-1rem; background-color: #717070; display: inline-block; position:absolute; left: -1.6rem; top:50%;}*/
  #footer .link > a.point {
  }

  #footer .text {
    margin-top: 3rem;
    text-align: left;
  }
  #footer .text > p {
  }
  #footer address,
  #footer .text > p > span {
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  #footer .text > p > span {
    padding: 0 1.4rem 0 0;
  }
  /*
		#footer .text>p>span+span{margin-left:12px;}
		#footer .text>p>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-4px; background-color: #717070; display: inline-block; position:absolute; left: -6px; top:50%;}
		*/
  #footer address {
    margin-top: 2rem;
    text-align: left;
  }
  #footer address > a,
  #footer address > span {
    color: #fff;
  }
  /*[s] FOOTER */
}
@media only screen and (max-width: 840px) {
  :root,
  html {
    font-size: 6.5px !important;
  }

  :root {
    --f__size--12: 2rem;
    --f__size--13: 2rem;
    --f__size--14: 2rem;
    --f__size--15: 2rem;
    --f__size--16: 2rem;
    --f__size--17: 2.2rem;
    --f__size--18: 2.2rem;
    --f__size--19: 2.2rem;
    --f__size--20: 2.4rem;
    --f__size--21: 2.4rem;
    --f__size--22: 2.4rem;
    --f__size--23: 2.6rem;
    --f__size--24: 2.6rem;

    --f__size--36: 3rem;
  }

  .br_p,
  .pVar,
  .tVar,
  .ptVar {
    display: none !important;
  }
  .mVar,
  .tmVar,
  .br_t {
    display: block !important;
  }
  img.mVar,
  img.tmVar {
    display: inline-block !important;
  }
  table .br_t {
    display: table-cell !important;
  }

  /*[s] HEADER */
  #header {
  }
  #header h1 {
    padding: 3.4rem 0;
  }
  #header h1 > a {
  }
  #header h1 > a img {
  }

  #header .right-utill > * + * {
  }

  #header .language a {
    font-size: 2rem;
  }
  #header .language > * + * {
    margin-left: 2.5rem;
  }

  .menuLayer {
    padding-left: 0;
  }
  /*[e] HEADER */

  /*[s] SUB */
  #sVisual {
    margin-top: 9.5rem;
  }
  #sVisual h2 {
    font-weight: 600;
    font-size: 6rem;
    line-height: 1.2;
    color: #222;
  }

  #snb {
  }
  #snb:before {
    display: none;
  }
  #snb #nav {
  }
  #snb #nav > li {
    flex: 1 1 80%;
  }
  #snb #nav > li > a {
    height: 7rem;
    font-size: 2.2rem;
  }
  #snb #nav > li > a > span {
  }

  #snb #nav > li > a i {
    width: 2rem;
    height: 1.6rem;
    margin-top: -0.8rem;
  }
  #snb #nav > li > a i:after,
  #snb #nav > li > a i:before {
    width: 1.5rem;
  }
  #snb #nav > li > a i:after {
    right: 1rem;
  }
  #snb #nav > li > a i:before {
  }

  #snb #nav > li.home {
    flex-basis: 7rem;
    max-width: 7rem;
  }
  #snb #nav > li.home > a {
    width: 100%;
    height: 7rem;
  }

  #snb #nav > li.sDepth01 {
    flex-basis: 35%;
  }
  #snb #nav > li.sDepth02 {
    flex-basis: 45%;
  }
  #snb #nav > li.sDepth03 {
  }
  #snb #nav > li.sDepth04 {
  }
  #snb #nav > li:last-child {
    flex-basis: 45%;
  }

  #snb #nav .lnbSub {
  }
  #snb #nav .lnbSub > a {
    height: 6rem;
    font-size: 2.2rem;
  }

  #snb.four #nav > li.sDepth01 {
    flex-basis: 70%;
  }
  #snb.four #nav > li.sDepth02 {
  }
  #snb.four #nav > li.sDepth03 {
  }
  #snb.four #nav > li.sDepth04 {
  }
  #snb.four #nav > li:last-child {
    flex-basis: 80%;
  }

  #pageTop > h3 {
    font-size: 4.2rem;
  }

  .pg-tit {
    font-size: 4rem;
  }
  .pg-txt {
    margin-top: 2.5rem;
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  .pg-txt.big {
    font-size: 3rem;
    line-height: 4rem;
  }
  .pg-txt.link a {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  #hgroup {
  }
  * + #hgroup {
    padding-top: 7rem;
  }

  #container {
    min-height: 34.6rem;
  }
  /*[e] SUB */

  /*[s] FOOTER */
  #footer .link > a {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  #footer .link > a + a {
    margin-left: 3.5rem;
  }

  #footer .text {
    margin-top: 3.5rem;
  }
  #footer .text > p {
  }
  #footer address,
  #footer .text > p > span {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  #footer .text > p > span {
    padding-right: 2.4rem;
  }

  #footer address {
    margin-top: 2.5rem;
  }
  /*[s] FOOTER */
}

/*
-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/