@charset 'utf-8';

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");*/
/*
	'Pretendard',sans-serif;
	font-weight:
		Thin		100
		ExtraLight	200
		Light		300
		Regular		400
		Medium		500
		SemiBold	600
		Bold		700
		ExtraBold	800
		Black		900
*/

/* reset */
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Pretendard", "맑은 고딕", Dotum, "droid sans fallback",
    "AppleGothic", sans-serif;
  font-weight: 500;
  font-size: 20px;
  height: 100%;
  color: #262626;
  -webkit-text-size-adjust: none;
  position: relative;
  line-height: 1.2; /*letter-spacing:-0.03em;*/
}
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}
th,
td,
input,
textarea,
select {
  font-size: 20px;
  color: #262626;
  font-family: "Pretendard", "맑은 고딕", Dotum, "droid sans fallback",
    "AppleGothic", sans-serif;
  -webkit-text-size-adjust: none;
}
th,
td {
  word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  padding: 0;
  font-weight: 500;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-text-size-adjust: none;
  border: 0;
  table-layout: fixed;
  width: 100%;
}
address,
caption,
cite,
code,
dfn,
var {
  font-style: normal;
  font-weight: 500;
  -webkit-text-size-adjust: none;
}
em {
  font-style: inherit;
  -webkit-text-size-adjust: none;
}
ol,
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
  color: inherit;
}
abbr,
acronym {
  border: 0;
}
hr,
legend,
caption {
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
img,
fieldset {
  border: 0 none;
}
label {
  cursor: pointer;
}
a {
  color: inherit;
}
a:link,
a:visited,
a:hover {
  color: inherit;
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
input,
img {
  vertical-align: middle;
}
i {
  font-style: normal;
}
.hidden_obj {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  line-height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  font: 0/0 Arial;
}

li {
  text-align: inherit;
}
input,
textarea,
button,
a {
  outline: 0 none;
}

/* html5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

/* placeholder */
input::-webkit-input-placeholder {
  color: #c4c4c6;
} /* webkit */
input:-moz-placeholder {
  color: #c4c4c6;
} /* Firefox 4-18 */
input::-moz-placeholder {
  color: #c4c4c6;
} /* Firefox 19+ */
input:-ms-input-placeholder {
  color: #c4c4c6;
} /* IE10+ */
textarea::-webkit-input-placeholder {
  color: #c4c4c6;
} /* webkit */
textarea:-moz-placeholder {
  color: #c4c4c6;
} /* Firefox 4-18 */
textarea::-moz-placeholder {
  color: #c4c4c6;
} /* Firefox 19+ */
textarea:-ms-input-placeholder {
  color: #c4c4c6;
} /* IE10+ */

input:disabled,
textarea:disabled {
  color: #858585 !important;
  background: #f3f3f3 !important;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  color: inherit;
  background-color: transparent;
  font: inherit;
  font-size: inherit;
  cursor: pointer;
  text-align: inherit;
}
/*input[type='checkbox'],
	input[type='radio'] {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:0; height:0; border:0; font-size:0;}*/

textarea {
  box-sizing: border-box;
  border: 0;
  resize: none;
  width: 100%;
  height: 100%;
}

/*body {user-select:none;}*/

/******************************
***
***	layout
***
******************************/

body {
  /*height:100% !important;*/
}
.container {
  height: 100%;
  max-width: 100%;
  position: relative;
  box-sizing: border-box;
}
/*.container::before {content:''; position:absolute; left:0; right:0; top:0; height:80px; background:#fff;}*/

/* ================
		HEADER
	================*/
.header_container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5000;
}
/* PC */
@media (min-width: 1441px) {
  .header_container {
    height: 80px;
  }
  .header_container .header_inner {
    width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    z-index: 1000;
  }
  .header_container .header_inner .logo {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
  }
  .header_container .header_inner .logo a {
    display: block;
    width: 134px;
    padding-top: 34px;
    height: 0;
    overflow: hidden;
    background: url("../images/logo_nedec01.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .header_container .header_inner .gnb_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .header_container .header_inner .gnb_wrap ul {
    display: flex;
  }
  .header_container .header_inner .gnb_wrap li {
    position: relative;
  }
  .header_container .header_inner .gnb_wrap li ~ li {
    margin-left: 100px;
  }
  .header_container .header_inner .gnb_wrap li a {
    color: #fff;
    line-height: 1.5;
    position: relative;
    transition: color 0.3s ease;
  }
  .header_container .header_inner .gnb_wrap li a:hover {
    color: #ff4d00 !important;
  }
  .header_container .header_inner .gnb_wrap li.on {
    position: relative;
  }
  .header_container .header_inner .gnb_wrap li.on > a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -12px;
    left: 0;
    background-color: #ff773c;
  }

  .header_container .header_inner .gnb_wrap li:not(.on) > a::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 4px;
    bottom: -12px;
    left: 0;
    background-color: #ff773c;
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .header_container .header_inner .gnb_wrap li:not(.on) > a:hover::after {
    transform: scaleX(1);
  }
  .header_container .header_inner .util_menu {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .header_container .header_inner .util_menu .lang_wrap {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
  }
  .header_container .header_inner .util_menu .lang_wrap .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-left: 28px;
  }
  .header_container .header_inner .util_menu .lang_wrap .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url("../images/ico_language02.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .header_container .header_inner .util_menu .lang_wrap ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 16px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.14);
    background: #fff;
    border-radius: 4px;
    width: 180px;
    z-index: 1000;
  }
  .header_container .header_inner .util_menu .lang_wrap li {
  }
  .header_container .header_inner .util_menu .lang_wrap li a {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    color: #262626;
  }
  .header_container .header_inner .util_menu .lang_wrap li a.active,
  .header_container .header_inner .util_menu .lang_wrap li a:hover {
    color: #ff4d00;
  }
  .header_container .header_inner .util_menu .lang_wrap.open ul {
    display: block;
  }
  .header_container .header_inner .util_menu .btnContact {
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border: 1px solid #ff773c;
    border-radius: 4px;
    color: #ff773c;
    width: 120px;
    height: 40px;
    font-size: 16px;
  }
  .header_container .header_inner .util_menu .btnContact:hover {
    background: #ff4d00;
    color: #fff;
    border-color: #ff4d00;
  }
  .header_container .btnMenu {
    display: none;
  }
  .header_container .allMenu_inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    border-top: 1px solid #e9e9e9;
    z-index: 500;
    background: #fff;
    padding: 40px 0 60px;
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
    transition:
      opacity 0.4s ease,
      transform 0.4s ease,
      visibility 0.4s,
      height 0.4s ease;
    height: 0;
    overflow: hidden;
  }
  .header_container .allMenu_inner .inner {
    width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  .header_container .allMenu_inner .menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
  }
  .header_container .allMenu_inner .menu.visible {
    opacity: 1;
    visibility: visible;
  }
  .header_container .allMenu_inner .depth1 {
    display: flex;
  }
  .header_container .allMenu_inner .depth1 > li {
    width: 220px;
    opacity: 0;
    transform: translateY(15px);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }
  .header_container .allMenu_inner .depth1 > li > a {
    font-size: 18px;
    font-weight: 600;
  }
  .header_container .allMenu_inner .depth1 > li > a:hover {
    color: #ff4d00;
  }
  .header_container .allMenu_inner .depth2 {
    margin-top: 20px;
  }
  .header_container .allMenu_inner .depth2 > li ~ li {
    margin-top: 20px;
  }
  .header_container .allMenu_inner .depth2 > li {
    opacity: 0;
    transform: translateY(15px);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }
  .header_container .allMenu_inner .depth2 > li > a {
    font-size: 16px;
    font-weight: 500;
  }
  .header_container .allMenu_inner .depth2 > li > a:hover {
    color: #ff4d00;
  }
  .header_container.white {
    background: #fff;
  }
  .header_container.white .header_inner .gnb_wrap li a {
    color: #262626;
  }
  .header_container.white .header_inner .util_menu .lang_wrap .btn {
    color: #262626;
  }
  .header_container.white .header_inner .util_menu .lang_wrap .btn::before {
    background-image: url("../images/ico_language01.png");
  }
  .header_container.open .allMenu_inner {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  .header_container.open .allMenu_inner .menu.visible .depth1 > li,
  .header_container.open .allMenu_inner .menu.visible .depth2 > li {
    opacity: 1;
    transform: translateY(0);
  }
  .header_container.open
    .allMenu_inner
    .menu.visible
    .depth1
    > li:nth-child(1) {
    transition-delay: 0.1s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible
    .depth1
    > li:nth-child(2) {
    transition-delay: 0.2s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible
    .depth1
    > li:nth-child(3) {
    transition-delay: 0.3s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible
    .depth1
    > li:nth-child(4) {
    transition-delay: 0.4s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible
    .depth1
    > li:nth-child(5) {
    transition-delay: 0.5s;
  }

  /* SOLUTIONS 메뉴의 2차 메뉴 애니메이션 - 올바른 선택자로 수정 */
  .header_container.open
    .allMenu_inner
    .menu.visible[data-menu="solution"]
    .depth2
    > li:nth-child(1) {
    transition-delay: 0.35s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible[data-menu="solution"]
    .depth2
    > li:nth-child(2) {
    transition-delay: 0.45s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible[data-menu="solution"]
    .depth2
    > li:nth-child(3) {
    transition-delay: 0.55s;
  }
  .header_container.open
    .allMenu_inner
    .menu.visible[data-menu="solution"]
    .depth2
    > li:nth-child(4) {
    transition-delay: 0.65s;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .header_container {
    height: 60px;
    background: #fff;
  }
  .header_container .header_inner {
    height: 100%;
    position: relative;
  }
  .header_container .header_inner .logo {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12px;
  }
  .header_container .header_inner .logo a {
    display: block;
    width: 93px;
    padding-top: 24px;
    height: 0;
    overflow: hidden;
    background: url("../images/logo_nedec01_m.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .header_container .header_inner .gnb_wrap {
    display: none;
  }
  .header_container .header_inner .util_menu {
    display: none;
  }
  .header_container .btnMenu {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 24px;
    padding-top: 24px;
    margin-top: -12px;
    height: 0;
    overflow: hidden;
    background: url("../images/btn_menu01.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .header_container .allMenu_inner {
    display: none;
  }
}

/* ================
		ASIDE
	================*/
.aside_container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8000;
  background: #fff;
  overflow-y: auto;
  display: none;
}
/* PC */
@media (min-width: 1441px) {
}
/* Mobile */
@media (max-width: 1440px) {
  .aside_container.visible {
    display: block;
  }
  .aside_container .aside_inner {
    height: 100%;
  }
  .aside_container .header_wrap {
    height: 60px;
    border-bottom: 1px solid #e9e9e9;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .aside_container .header_wrap .logo {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12px;
    width: 93px;
    padding-top: 24px;
    height: 0;
    overflow: hidden;
    background: url("../images/logo_nedec01_m.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .aside_container .header_wrap .btnClose {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    padding-top: 24px;
    height: 0;
    overflow: hidden;
    background: url("../images/btn_cancel01.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .aside_container .menu_wrap {
    min-height: 100%;
    box-sizing: border-box;
    padding: 80px 20px 160px;
  }
  .aside_container .menu_wrap li.depth1 {
  }
  .aside_container .menu_wrap li.depth1 > .m {
    height: 48px;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
  }
  .aside_container .menu_wrap li.depth1 > ul {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
  }
  .aside_container .menu_wrap li.depth1.open > ul {
    max-height: 500px;
  }
  .aside_container .menu_wrap li.depth2 {
  }
  .aside_container .menu_wrap li.depth2 > .m {
    height: 48px;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
  }
  .aside_container .menu_wrap li.depth2 > ul {
  }
  .aside_container .menu_wrap li.depth3 {
  }
  .aside_container .menu_wrap li.depth3 > .m {
    height: 48px;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
  }
  .aside_container .util_menu {
    height: 160px;
    box-sizing: border-box;
    padding: 20px 20px 40px;
    margin-top: -160px;
    position: relative;
    z-index: 1000;
  }
  .aside_container .util_menu .lang_wrap {
    margin-bottom: 20px;
    text-align: right;
    position: relative;
  }
  .aside_container .util_menu .lang_wrap .btn {
    height: 32px;
    line-height: 32px;
    padding-left: 28px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
  }
  .aside_container .util_menu .lang_wrap .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url("../images/ico_language01.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .aside_container .util_menu .lang_wrap ul {
    display: none;
    width: 180px;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
  }
  .aside_container .util_menu .lang_wrap li {
  }
  .aside_container .util_menu .lang_wrap li a {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 48px;
    font-size: 16px;
    font-weight: 600;
  }
  .aside_container .util_menu .lang_wrap.open ul {
    display: block;
  }
  .aside_container .util_menu .btnContact {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    border: 1px solid #ff773c;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #ff773c;
  }
}

/* ================
		BODY
	================*/
.body_container {
  box-sizing: border-box;
  z-index: 3000;
  position: relative;
}
.body_container .body_inner {
}
/* PC */
@media (min-width: 1441px) {
  .body_container {
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .body_container {
    padding-top: 60px;
  }
}

/* ================
		FOOTER
	================*/
.footer_container {
  color: #d3d3d3;
  z-index: 4000;
  position: relative;
  background: #262626;
  height: 728px;
}
.footer_container .footer_inner {
  padding-top: 80px;
  width: 1440px;
  margin: 0 auto;
}
.footer_container .contact_wrap {
  position: relative;
  padding-bottom: 40px;
  border-bottom: 1px solid #3a3a3a;
}
.footer_container .contact_wrap .title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}
.footer_container .contact_wrap .desc {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.footer_container .contact_wrap .btnContact {
  position: absolute;
  right: 0;
  top: 0;
  width: 360px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #ff773c;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #ff773c;
  transition: all 0.3s ease-in-out;
}
.footer_container .contact_wrap .btnContact:hover {
  background: #ff4d00;
  border-color: #ff4d00;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(255, 119, 60, 0.4);
}
.footer_container .content_inner {
  position: relative;
  padding-top: 40px;
}
.footer_container .content_inner .logo_wrap {
}
.footer_container .content_inner .logo_wrap .img {
  display: block;
  width: 132px;
  padding-top: 34px;
  height: 0;
  overflow: hidden;
  background: url("../images/logo_nedec02.png") 0 0 no-repeat;
  background-size: 100% 100%;
}
.footer_container .content_inner .logo_wrap .copyright {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #8d8d8d;
  margin-top: 12px;
}
.footer_container .content_inner .familySite_wrap {
  position: absolute;
  right: 0;
  top: 40px;
  width: 360px;
}
.footer_container .content_inner .familySite_wrap .btn {
  height: 48px;
  background: #fff;
  display: flex;
  align-items: center;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  color: #c4c4c6;
  position: relative;
}
.footer_container .content_inner .familySite_wrap .btn::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../images/ico_arrow_b01.png") 0 0 no-repeat;
}
.footer_container .content_inner .familySite_wrap ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 12px;
  background: #fff;
  border-radius: 4px;
  z-index: 1000;
}
.footer_container .content_inner .familySite_wrap li {
}
.footer_container .content_inner .familySite_wrap li a {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.footer_container .content_inner .familySite_wrap li a:hover {
  color: #ff4d00;
}
.footer_container .content_inner .familySite_wrap.open {
}
.footer_container .content_inner .familySite_wrap.open .btn {
  border-color: #1f53ff;
}
.footer_container .content_inner .familySite_wrap.open ul {
  display: block;
}
.footer_container .content_inner .menuList_wrap {
  position: relative;
  margin-top: 40px;
}
.footer_container .content_inner .menuList_wrap .gnbPage {
  display: flex;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth1 {
  width: 150px;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth1 ~ li.depth1 {
  margin-left: 100px;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth2 ~ li.depth2 {
  margin-top: 12px;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth2 > a {
  font-size: 18px;
  font-weight: 600;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth2 > a:hover {
  color: #ff4d00;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth2 > ul {
  margin-top: 12px;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth3 ~ li.depth3 {
  margin-top: 12px;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth3 > a {
  font-size: 16px;
  font-weight: 500;
}
.footer_container .content_inner .menuList_wrap .gnbPage li.depth3 > a:hover {
  color: #ff4d00;
}
.footer_container .content_inner .menuList_wrap .etcPage {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.footer_container .content_inner .menuList_wrap .etcPage li {
  display: inline-block;
  vertical-align: middle;
}
.footer_container .content_inner .menuList_wrap .etcPage li ~ li {
  padding-left: 25px;
  position: relative;
}
.footer_container .content_inner .menuList_wrap .etcPage li ~ li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #4d4a4a;
}
.footer_container .content_inner .menuList_wrap .etcPage li a {
  font-size: 12px;
  font-weight: 600;
}
/* PC */
@media (min-width: 1441px) {
}
/* Mobile */
@media (max-width: 1440px) {
  .footer_container {
    height: 374px;
  }
  .footer_container .footer_inner {
    padding: 40px 20px 0;
    width: auto;
  }
  .footer_container .contact_wrap {
    padding-bottom: 20px;
  }
  .footer_container .contact_wrap .title {
    font-size: 20px;
  }
  .footer_container .contact_wrap .desc {
    font-size: 14px;
  }
  .footer_container .contact_wrap .btnContact {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
  .footer_container .contact_wrap .btnContact:hover {
  }
  .footer_container .content_inner {
    padding-top: 20px;
  }
  .footer_container .content_inner .logo_wrap {
  }
  .footer_container .content_inner .logo_wrap .img {
    display: block;
    width: 132px;
    padding-top: 34px;
    height: 0;
    overflow: hidden;
    background: url("../images/logo_nedec02.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .footer_container .content_inner .logo_wrap .copyright {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #8d8d8d;
    margin-top: 12px;
  }
  .footer_container .content_inner .familySite_wrap {
    display: none;
  }
  .footer_container .content_inner .menuList_wrap {
    margin-top: 20px;
  }
  .footer_container .content_inner .menuList_wrap .gnbPage {
    display: none;
  }
  .footer_container .content_inner .menuList_wrap .etcPage {
    position: static;
  }
  .footer_container .content_inner .menuList_wrap .etcPage li {
  }
  .footer_container .content_inner .menuList_wrap .etcPage li ~ li {
  }
  .footer_container .content_inner .menuList_wrap .etcPage li ~ li::before {
  }
  .footer_container .content_inner .menuList_wrap .etcPage li a {
  }
}

.btn_top {
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 60px;
  padding-top: 60px;
  height: 0;
  overflow: hidden;
  background: url("../images/btn_top01.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: 6000;
}

/******************************
***
***	common
***
******************************/
/* PC */
@media (min-width: 1441px) {
  .mOnly {
    display: none;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .pcOnly {
    display: none;
  }
}

.pointc01 {
  color: #ff4d00 !important;
}

/* PC에서만 줄바꿈 표시, 모바일에서는 숨김 */
.pc-break {
  display: inline;
}
@media (max-width: 1440px) {
  .pc-break {
    display: none;
  }
}

body a.link01 {
  font-size: 14px;
  font-weight: 500;
  color: #1f86ff;
}
body a.link01::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url("../images/ico_window01.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

/* 컨텐츠섹션_공통 */
.content_section {
  position: relative;
}
/* PC */
@media (min-width: 1441px) {
  .content_section .section_inner {
    width: 1440px;
    margin: 0 auto;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .content_section {
    overflow: hidden;
  }
}

/* 상담문의_공통 */
.contact_section {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 414px;
  background: url("../images/sub020201/bg_contact01.jpg") center center
    no-repeat;
  background-size: cover;
  color: #fff;
  line-height: 1.5;
}
.contact_section.see_total_product {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: url("../images/sub020201/bg_contact02.webp") center center
    no-repeat;
  background-size: cover;
  color: #fff;
  line-height: 1.5;
}
.contact_section .title {
  font-size: 40px;
  font-weight: 700;
}
.contact_section .stit {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-top: 40px;
}
.contact_section .txt {
  margin-top: 12px;
  font-size: 16px;
  color: #d3d3d3;
}
.contact_section .btn_type03 {
  margin-top: 40px;
}
/* Mobile */
@media (max-width: 1440px) {
  .contact_section {
    height: 275px;
    padding: 0 20px;
    background-image: url("../images/sub020201/bg_contact01_m.jpg");
  }
  .contact_section .section_inner {
    width: 100%;
  }
  .contact_section .title {
    font-size: 20px;
  }
  .contact_section .stit {
    font-size: 18px;
    margin-top: 20px;
  }
  .contact_section .txt {
    margin-top: 8px;
    font-size: 14px;
  }
  .contact_section .btn_type03 {
    margin-top: 20px;
  }
}

.intro_header {
  height: 720px;
  background: center center no-repeat;
  background-size: cover;
}
.intro_header.sub0102 {
  background-image: url("../images/sub0102/bg_intro01.jpg");
}
.intro_header.sub0103 {
  background-image: url("../images/sub0103/bg_intro01.jpg");
}
.intro_header.sub0104 {
  background-image: url("../images/sub0104/bg_intro01.jpg");
}
.intro_header.sub0201 {
  background-image: url("../images/sub0201/bg_intro01.jpg");
}
.intro_header.sub0202 {
  background-image: url("../images/sub0202/bg_intro01.jpg");
}
.intro_header.sub020201 {
  background-image: url("../images/sub020201/bg_intro01.jpg");
}
.intro_header.sub020202 {
  background-image: url("../images/sub020202/bg_intro01.jpg");
}
.intro_header.sub020203 {
  background-image: url("../images/sub020203/bg_intro01.jpg");
}
.intro_header.sub020204 {
  background-image: url("../images/sub020204/bg_intro01.jpg");
}
.intro_header.sub0203 {
  background-image: url("../images/sub0203/bg_intro01.jpg");
}
.intro_header.sub03 {
  background-image: url("../images/sub03/bg_intro01.jpg");
}
.intro_header.sub04 {
  background-image: url("../images/sub04/bg_intro01.jpg");
}
.intro_header.sub05 {
  background-image: url("../images/sub05/bg_intro01.jpg");
}
.intro_header .intro_inner {
  width: 1440px;
  box-sizing: border-box;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: 80px;
  color: #fff;
}
.intro_header .title {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.5;
}
.intro_header .txt {
  margin-top: 12px;
  font-size: 24px;
  font-weight: 500;
  color: #e9e9e9;
}
/* Mobile */
@media (max-width: 1440px) {
  .intro_header {
    height: 480px;
  }
  .intro_header .intro_inner {
    width: auto;
    padding: 0 20px 80px;
  }
  .intro_header .title {
    font-size: 32px;
  }
  .intro_header .txt {
    font-size: 16px;
  }
}

/*.defaultFU {transition:opacity 1s, transform 1s; opacity:0; transform:translateY(50px);}
	.defaultFU.m_start {opacity:1; transform:none;}
	.defaultFADE {transition:opacity 1s; opacity:0;}
	.defaultFADE.m_start {opacity:1;}
	.defaultFL {transition:opacity 1s, transform 1s; opacity:0; transform:translateX(50px);}
	.defaultFL.m_start {opacity:1; transform:none;}*/

/******************************
***
***	Icon / Lable
***
******************************/

body .label_type01 {
}

/******************************
***
***	button
***
******************************/
body .btn_type01 {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  width: 360px;
  height: 48px;
  border: 1px solid;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}
body .btn_type01.c01 {
  border-color: #ff773c;
  color: #ff773c;
}
body .btn_type01.c02 {
  border-color: #3a3a3a;
  color: #3a3a3a;
}
body .btn_type01 .ic {
  padding-left: 26px;
  position: relative;
}
body .btn_type01 .ic::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: 0 0 no-repeat;
  background-size: 100% 100%;
}
body .btn_type01 .ic.down::before {
  width: 18px;
  height: 18px;
  background-image: url("../images/ico_download01.svg");
}
/* PC */
@media (min-width: 1441px) {
  body .btn_type01.c01:hover {
    background: #ff773c;
    color: #fff;
  }
  body .btn_type01.c02:hover {
    background: #3a3a3a;
    color: #fff;
  }
  body .btn_type01:hover .ic.down::before {
    background-image: url("../images/ico_download02.svg");
  }
}
/* Mobile */
@media (max-width: 1440px) {
  body .btn_type01 {
    display: flex;
    width: 100%;
  }
}

body .btn_type02 {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 360px;
  height: 48px;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}
body span.btn_type02,
body .btn_type02.c00 {
  background: #e9e9e9;
  color: #adadad;
}
body .btn_type02.c01 {
  background: #ff773c;
  color: #fff;
}

/* 비활성화 상태 (disabled) */
body .btn_type02.c00,
body .btn_type02.disabled,
body span.btn_type02 {
  background: #e9e9e9 !important;
  color: #adadad !important;
  cursor: not-allowed;
  pointer-events: none;
}

/* 활성화 상태 (active) */
body .btn_type02.c01,
body .btn_type02.active {
  background: #ff773c !important;
  color: #fff !important;
  cursor: pointer;
  pointer-events: auto;
}
/* Mobile */
@media (max-width: 1440px) {
  body .btn_type02 {
    display: flex;
    width: 100%;
  }
}

body .btn_type03 {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  width: 360px;
  height: 48px;
  border: 1px solid;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
}
body .btn_type03.c01 {
  border-color: #3a3a3a;
  color: #3a3a3a;
}
body .btn_type03.c02 {
  border-color: #fff;
  color: #fff;
}
body .btn_type03.no_border {
  border: 0;
}
body .btn_type03.c02 .ic.go::before {
  background-image: url("../images/ico_arrow_r02.svg");
}
body .btn_type03 .ic {
  padding-right: 26px;
  position: relative;
}
body .btn_type03 .ic::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: 0 0 no-repeat;
  background-size: 100% 100%;
}
body .btn_type03 .ic.go::before {
  width: 18px;
  height: 18px;
  background-image: url("../images/ico_arrow_r01.svg");
}
/* PC */
@media (min-width: 1441px) {
  body .btn_type03.c01:hover {
    border-color: #ff773c;
    background: #ff773c;
    color: #fff;
  }
  body .btn_type03.c02:hover {
    border-color: #ff773c;
    background: #ff773c;
    color: #fff;
  }
  body .btn_type03.c02.no_border:hover {
    background: none;
    color: #fff;
  }
  body .btn_type03:hover .ic.go::before {
    background-image: url("../images/ico_arrow_r02.svg");
  }
}
/* Mobile */
@media (max-width: 1440px) {
  body .btn_type03 {
    display: flex;
    width: 100%;
  }
}

.btnAlign_type01 {
  text-align: center;
  margin-top: 40px;
}
/* Mobile */
@media (max-width: 1440px) {
}

/******************************
***
***	form
***
******************************/

.chkBox01 {
  position: relative;
  font-size: 0;
}
.chkBox01 input {
  position: absolute;
  left: -9999px;
  top: 0;
}
.chkBox01 .c_name {
  font-size: 16px;
  line-height: 1.5;
  color: #6a6a6a;
  padding-left: 33px;
  position: relative;
}
.chkBox01 .c_name::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: url("../images/bg_checkbox01.svg") 0 0 no-repeat;
}
.chkBox01 input:checked ~ .c_name::before {
  background-image: url("../images/bg_checkbox01_on.svg");
}
/* Mobile */
@media (max-width: 1440px) {
  .chkBox01 .c_name {
    font-size: 12px;
    padding-left: 36px;
  }
  .chkBox01 .c_name::before {
    top: -1px;
  }
}

.txtEntry01 {
  border: 1px solid #e9e9e9;
  height: 48px;
  box-sizing: border-box;
  border-radius: 4px;
}
.txtEntry01 input {
  background: transparent;
  border: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  padding: 0 15px;
  box-sizing: border-box;
}
span.txtEntry01 {
  display: inline-block;
  vertical-align: middle;
}
/* PC */
@media (min-width: 1441px) {
}
/* Mobile */
@media (max-width: 1440px) {
  .txtEntry01 {
  }
  .txtEntry01 input {
  }
  span.txtEntry01 {
  }
}

.selectBox01 {
  position: relative;
}
.selectBox01 .valTxt {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 48px;
  padding: 0 45px 0 15px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.selectBox01 .valTxt .hint {
  color: #c4c4c6;
}
.selectBox01 .valTxt::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../images/bg_selectbox01.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.selectBox01 ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 12px;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.14);
  z-index: 1000;
  max-height: 260px;
  overflow-y: auto;
}
.selectBox01 li {
}
.selectBox01 li a {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.selectBox01.active {
}
.selectBox01.active ul {
  display: block;
}
.selectBox01.bottom {
}
.selectBox01.bottom ul {
  top: auto;
  bottom: 100%;
  margin-bottom: 12px;
}
/* Mobile */
@media (max-width: 1440px) {
}

.txtArea01 {
  height: 400px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  font-size: 0;
}
.txtArea01 textarea {
  border: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 12px 15px;
  font-size: 14px;
  color: #262626;
  line-height: 1.5;
}
.txtArea01.byte {
  padding-bottom: 40px;
}
.txtArea01.byte .byte {
  position: absolute;
  right: 15px;
  bottom: 12px;
  font-size: 14px;
  color: #c4c4c6;
  font-weight: 400;
}
.txtArea01.byte .byte .n {
  color: #1f86ff;
}
/* PC */
@media (min-width: 1441px) {
}

.select_type01 {
}
.select_type01 ul {
}
.select_type01 li {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.select_type01 input {
  position: absolute;
  left: -9999px;
  top: 0;
}
.select_type01 .s_name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border: 1px solid #c4c4c6;
  border-radius: 4px;
  font-size: 16px;
  color: #adadad;
}
.select_type01 input:checked ~ .s_name {
  border-color: #ff773c;
  color: #ff773c;
}
/* PC */
@media (min-width: 1441px) {
  .select_type01 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 12px;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .select_type01 li ~ li {
    margin-top: 12px;
  }
}

/******************************
***
***	ETC
***
******************************/

.term_type01 {
  border: 1px solid #c4c4c6;
  border-radius: 4px;
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #262626;
}
/* Mobile */
@media (max-width: 1440px) {
  .term_type01 {
    height: 200px;
    font-size: 12px;
  }
}

.video_type01 {
  height: 0;
  overflow: hidden;
  position: relative;
}
.video_type01 video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imgViewer_type01 {
  width: 600px;
}
.imgViewer_type01 .viewer {
}
.imgViewer_type01 .viewer li {
  display: none;
  padding-top: 400px;
  height: 0;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  background: #f6f6f6;
}
.imgViewer_type01 .viewer li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgViewer_type01 .viewer li.on {
  display: block;
}
.imgViewer_type01 .thumb {
  display: flex;
  margin-top: 20px;
}
.imgViewer_type01 .thumb li {
  width: 20%;
  padding-top: 120px;
  height: 0;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  background: #f6f6f6;
}
.imgViewer_type01 .thumb li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.imgViewer_type01 .thumb li ~ li {
  margin-left: 12px;
}
/* Mobile */
@media (max-width: 1440px) {
  .imgViewer_type01 {
    width: auto;
  }
  .imgViewer_type01 .viewer {
  }
  .imgViewer_type01 .viewer li {
    padding-top: 66.865%;
  }
  .imgViewer_type01 .viewer li img {
  }
  .imgViewer_type01 .viewer li.on {
  }
  .imgViewer_type01 .thumb {
  }
  .imgViewer_type01 .thumb li {
    width: 20%;
    padding-top: 62px;
  }
  .imgViewer_type01 .thumb li img {
  }
  .imgViewer_type01 .thumb li ~ li {
  }
}

.header_type01 {
}
.header_type01 .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}
.header_type01 .txt {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #6a6a6a;
  line-height: 1.5;
}
.header_type01 .btnBox {
  font-size: 0;
  margin-top: 20px;
}
.header_type01 .btnBox .btn ~ .btn {
  margin-left: 12px;
}
/* Mobile */
@media (max-width: 1440px) {
  .header_type01 {
  }
  .header_type01 .title {
    font-size: 20px;
  }
  .header_type01 .txt {
    margin-top: 12px;
    font-size: 14px;
  }
  .header_type01 .btnBox {
  }
  .header_type01 .btnBox .btn ~ .btn {
    margin: 12px 0 0;
  }
}

.tab_type01 {
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.tab_type01 ul {
  width: 1440px;
  margin: 0 auto;
  display: flex;
}
.tab_type01 li {
  flex: 1;
}
.tab_type01 li ~ li {
  margin-left: 40px;
}
.tab_type01 li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 74px;
  color: #c4c4c6;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.tab_type01 li.on a {
  position: relative;
  color: #ff773c;
}
.tab_type01 li.on a::after {
  display: none;
}
/* 슬라이딩 바 추가 */
.sliding-bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 4px;
  background: #ff773c;
  transition:
    left 0.4s ease,
    width 0.4s ease;
}

/* Mobile */
@media (max-width: 1440px) {
  .tab_type01 {
  }
  .tab_type01 ul {
    width: auto;
  }
  .tab_type01 li {
  }
  .tab_type01 li ~ li {
    margin-left: 0;
  }
  .tab_type01 li a {
    height: 40px;
    font-size: 12px;
  }
  .tab_type01 li.on a {
  }
  .sliding-bar {
    height: 2px;
  }
  .tab_type01.scrl .sliding-bar {
    bottom: 0;
  }
  .tab_type01.multiline li a {
    height: 58px;
  }
  .tab_type01.scrl {
    border-bottom: 0;
  }
  .tab_type01.scrl ul {
    overflow-x: auto;
  }
  /* .tab_type01.scrl li {min-width:120px;} */
  .tab_type01.scrl li {
    min-width: fit-content;
  }
}

.tab_type02 {
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  font-size: 0;
  background: #fff;
  z-index: 1000;
}
.tab_type02 ul {
  width: 1440px;
  margin: 0 auto;
}
.tab_type02 li {
  display: inline-block;
  vertical-align: middle;
}
.tab_type02 li ~ li {
  margin-left: 40px;
}
.tab_type02 li a {
  font-size: 20px;
  font-weight: 600;
  color: #c4c4c6;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.tab_type02 li.on a {
  color: #ff773c;
  position: relative;
}
.tab_type02 li.on a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 4px;
  background: #ff773c;
}
.tab_type02.sticky {
  position: sticky;
  top: 80px;
}
/* Mobile */
@media (max-width: 1440px) {
  .tab_type02 {
    border-bottom: 0;
  }
  .tab_type02 ul {
    white-space: nowrap;
    overflow-x: auto;
    width: auto;
  }
  .tab_type02 li {
    min-width: 120px;
  }
  .tab_type02 li ~ li {
    margin-left: 20px;
  }
  .tab_type02 li a {
    font-size: 12px;
    height: 40px;
  }
  .tab_type02 li.on a {
  }
  .tab_type02 li.on a::after {
    bottom: 0;
  }
  .tab_type02.sticky {
    top: 60px;
  }
}

.tab_type03 {
}
.tab_type03 ul {
  display: flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #d3d3d3;
}
.tab_type03 li {
  flex: 1;
}
.tab_type03 li a {
  display: flex;
  height: 56px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #c4c4c6;
  border-radius: 999px;
}
.tab_type03 li.on a {
  background: #ff773c;
  color: #fff;
}
/* PC */
@media (min-width: 1441px) {
  .tab_type03 ul {
    width: 1440px;
    margin: 0 auto;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .tab_type03 {
  }
  .tab_type03 ul {
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 20px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .tab_type03 li {
    min-width: 150px;
  }
  .tab_type03 li a {
    height: 48px;
    font-size: 14px;
  }
  .tab_type03 li.on a {
  }
}

.tab_type04 {
}
.tab_type04 ul {
}
.tab_type04 li {
  box-sizing: border-box;
}
.tab_type04 li a {
  display: flex;
  align-items: center;
  height: 62px;
  padding: 0 16px;
  position: relative;
  background: #f6f6f6;
  font-size: 20px;
  font-weight: 600;
  color: #8d8d8d;
}
.tab_type04 li a::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url("../images/ico_arrow_r03.svg") 0 0 no-repeat;
}
.tab_type04 li.on a {
  color: #fff;
  background: #ff773c;
}
.tab_type04 li.on a::after {
  background-image: url("../images/ico_arrow_r04.svg");
}
/* PC */
@media (min-width: 1441px) {
  .tab_type04 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .tab_type04 li:nth-child(even) {
    border-left: 1px solid #e9e9e9;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .tab_type04 li a {
    height: 56px;
    font-size: 14px;
  }
}

.tab_type05 {
}
.tab_type05 ul {
  display: flex;
}
.tab_type05 li {
  box-sizing: border-box;
}
.tab_type05 li ~ li {
  margin-left: 40px;
}
.tab_type05 li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 74px;
  font-size: 20px;
  font-weight: 600;
  color: #c4c4c6;
}
.tab_type05 li.on a {
  color: #ff773c;
  position: relative;
}
.tab_type05 li.on a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #ff773c;
}
/* PC */
@media (min-width: 1441px) {
}
/* Mobile */
@media (max-width: 1440px) {
  .tab_type05 ul {
    overflow-x: auto;
    white-space: nowrap;
  }
  .tab_type05 li {
    flex: 1;
  }
  .tab_type05 li ~ li {
    margin-left: 0;
  }
  .tab_type05 li a {
    height: 40px;
    font-size: 12px;
    min-width: 120px;
  }
}

.pageNavi_type01 {
}
/* Mobile */
@media (max-width: 1440px) {
  .pageNavi_type01 {
  }
}

/******************************
***
***	item / product
***
******************************/

.prdList_type01 {
}
/* Mobile */
@media (max-width: 1440px) {
}

.product_type01 {
}
/* PC */
@media (min-width: 1441px) {
}
/* Mobile */
@media (max-width: 1440px) {
}

/******************************
***
***	table + board
***
******************************/

.write_type01 {
}
.write_type01 .w_item {
}
.write_type01 .w_item ~ .w_item {
  margin-top: 80px;
}
.write_type01 .w_header {
  margin-bottom: 24px;
}
.write_type01 .w_header .w_tit {
  font-size: 20px;
  line-height: 1.5;
}
.write_type01 .w_content {
}
.write_type01 .w_content ~ .w_content {
  margin-top: 20px;
}
.write_type01 .w_content .w_termBox {
}
.write_type01 .w_content .w_termBox .agree {
  text-align: center;
  margin-top: 20px;
}
.write_type01.sm .w_item ~ .w_item {
  margin-top: 20px;
}
.write_type01.sm .w_header {
  margin-bottom: 8px;
}
.write_type01.sm .w_header .w_tit {
  font-size: 14px;
}
/* PC */
@media (min-width: 1441px) {
  .write_type01 .w_content.n3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 12px;
  }
}
/* Mobile */
@media (max-width: 1440px) {
  .write_type01 {
  }
  .write_type01 .w_item {
  }
  .write_type01 .w_item ~ .w_item {
    margin-top: 40px;
  }
  .write_type01 .w_header {
    margin-bottom: 20px;
  }
  .write_type01 .w_header .w_tit {
    font-size: 16px;
  }
  .write_type01 .w_content {
  }
  .write_type01 .w_content .grid_inner {
  }
  .write_type01 .w_content .grid_inner ~ .grid_inner {
    margin-top: 20px;
  }
  .write_type01 .w_content .w_termBox {
  }
  .write_type01 .w_content .w_termBox .agree {
    text-align: left;
  }
}

.write_type02 {
}
.write_type02 .w_item {
}
.write_type02 .w_item ~ .w_item {
  margin-top: 16px;
}
.write_type02 .w_header {
  margin-bottom: 2px;
}
.write_type02 .w_header .w_tit {
  font-size: 14px;
  line-height: 1.5;
  color: #4d4a4a;
}
.write_type02 .w_content {
  font-size: 20px;
  font-weight: 600;
  color: #262626;
  line-height: 1.5;
}
/* Mobile */
@media (max-width: 1440px) {
  .write_type02 {
  }
  .write_type02 .w_item {
  }
  .write_type02 .w_item ~ .w_item {
    margin-top: 12px;
  }
  .write_type02 .w_header {
  }
  .write_type02 .w_header .w_tit {
    font-size: 12px;
  }
  .write_type02 .w_content {
    font-size: 16px;
  }
}

.board_type01 {
}
/* PC */
@media (min-width: 1441px) {
}
/* Mobile */
@media (max-width: 1440px) {
}

.table_type01 {
}
/* Mobile */
@media (max-width: 1440px) {
}

/******************************
***
***	Layer Popup
***
******************************/
.popup_container {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9000;
  justify-content: center;
  align-items: center;
  background: rgba(49, 51, 53, 0.5);
  overflow-y: auto; /*padding:60px 0;*/
  display: flex;
  justify-content: center; /* 수평 중앙 */
  align-items: center; /* 수직 중앙 */
}
.popup_container .pop_inner {
  background: #fff;
  border-radius: 12px;
  padding: 64px 24px 32px;
  box-sizing: border-box;
  width: 360px; /*max-height:90%;*/ /*overflow-y:auto;*/
  position: relative;
}
.popup_container .pop_content {
}
.popup_container .pop_content .pop_txt01 {
  font-size: 20px;
  font-weight: 600;
}
.popup_container .pop_button {
  margin-top: 24px;
}
.popup_container .pop_button .btn_type02 {
  width: 100%;
}
.popup_container .pop_close {
  position: absolute;
  right: 24px;
  top: 32px;
  width: 24px;
  padding-top: 24px;
  height: 0;
  overflow: hidden;
  background: url("../images/btn_cancel02.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.popup_container.alert .pop_inner {
  padding: 20px;
}
.popup_container.alert .pop_content {
  min-height: 132px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.popup_container.alert .pop_button {
  margin-top: 0;
}
.popup_container.visible {
  display: flex;
}
/* Mobile */
@media (max-width: 1440px) {
  .popup_container {
  }
  .popup_container .pop_inner {
    width: 335px !important;
    overflow-y: auto;
    max-height: 90%;
  }
  .popup_container .pop_content {
  }
  .popup_container .pop_content .pop_txt01 {
    font-size: 16px;
  }
  .popup_container .pop_button {
  }
  .popup_container .pop_button .btn_type02 {
  }
  .popup_container.alert .pop_inner {
  }
  .popup_container.alert .pop_content {
  }
  .popup_container.alert .pop_button {
  }
}

.p_regist_page {
}
.p_regist_page .pop_inner {
  width: 480px;
}
.p_regist_page .header_wrap {
  text-align: center;
  margin-bottom: 24px;
}
.p_regist_page .header_wrap .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

/******************************
***
***	풀레이어 팝업
***
******************************/

/******************************
***
***	개별 레이어팝업
***
******************************/

/* PC에서만 줄바꿈 표시, 모바일에서는 숨김 */
.pc-break {
  display: inline;
}
@media (max-width: 1440px) {
  .pc-break {
    display: none;
  }
}

.mobile-break {
  display: none;
}
@media (min-width: 1441px) {
  .mobile-break {
    display: inline;
  }
}