@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("//cdn.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');

html, body {
  font-size: 16px;
  line-height: 1.285;
  color: #222;
}

.je_container {
  width: 90%;
  max-width: 1760px;
  margin: 0 auto;
}

.je_section {
  padding: 80px 0;
}

@keyframes upDown {
  0% {
    top: 35%;
  }
  50% {
    top: 25%;
  }
  100% {
    top: 35%;
  }
}

@keyframes upDown2 {
  0% {
    top: 45%;
  }
  50% {
    top: 35%;
  }
  100% {
    top: 45%;
  }
}

@keyframes txtLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.je_header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
  transition: .6s;
}

.je_header .je_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.je_header .je_container h1 {
  width: 85px;
  height: 42px;
}

.je_header .je_container h1 a {
  background: url("../img/dfix_logo-ww.png") center/cover;
}

.je_header .je_container .je_hdrRight {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}

.je_header .je_container .je_hdrRight .je_topNav .je_navWrap {
  display: flex;
}

.je_header .je_container .je_hdrRight .je_topNav .je_navWrap .je_navList {
  padding: 40px 40px;
  position: relative;
}

.je_header .je_container .je_hdrRight .je_topNav .je_navWrap .je_navList .je_navSub {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  text-align: center;
}

.je_header .je_container .je_hdrRight .je_topNav .je_navWrap .je_navList .je_navSub .je_navSubList {
  margin-top: 20px;
}

.je_header .je_container .je_hdrRight .je_topNav .je_navWrap .je_navList.on {
  background-color: #111;
  color: #fff;
}

.je_header .je_container .je_hdrRight .je_topNav .je_navWrap .je_navList.on .je_navSub {
  display: block;
  background-color: #111;
}

.je_header .je_container .je_hdrRight .je_icon {
  display: flex;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList {
  position: relative;
  padding: 30px 10px;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList .je_langIcon .je_langIconBtn {
  background: url("../img/header/img_lang.png") center/cover;
  width: 18px;
  height: 18px;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList .je_langIcon .je_langList {
  display: none;
  position: absolute;
  bottom: -55%;
  left: -5%;
  text-align: center;
  padding: 40px 10px 16px 10px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #ddd;
  z-index: -1;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList .je_langIcon .je_langList .je_langJp {
  margin-top: 10px;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList.on .je_langIcon .je_langIconBtn {
  background: url("../img/header/img_lang_on.png") center/cover;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList.on .je_langIcon .je_langList {
  color: #000;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList .je_navBar .je_stick {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #fff;
}

.je_header .je_container .je_hdrRight .je_icon .je_iconList .je_navBar .je_stick:not(:first-of-type) {
  margin-top: 5px;
}

.je_header.on {
  background-color: #fff;
}

.je_header.on .je_container h1 a {
  background: url("../img/dfix_logo-bb.png") center/cover;
}

.je_header.on .je_container .je_hdrRight {
  color: #000;
}

.je_header.on .je_container .je_icon .je_iconList .je_langIcon .je_langIconBtn {
  background: url("../img/header/img_lang_on.png") center/cover;
}

.je_header.on .je_container .je_icon .je_iconList .je_navBar .je_stick {
  background-color: #000;
}

.je_header .je_slideMenu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 12;
  width: 0;
  height: 100vh;
  background-color: rgba(0,0,0,.95);
  color: #fff;
  overflow: hidden;
  transition: .5s;
}

.je_header .je_slideMenu .je_logoBox {
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
}

.je_header .je_slideMenu .je_logoBox .je_logo {
  background: url("/img/dfix_logo-ww.png") center/cover;
  width: 85px;
  height: 42px;
  margin: 0 auto;
}

.je_header .je_slideMenu .je_logoBox .je_slideInfo {
  margin-top: 20px;
}

.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList {
  font-size: 1rem;
  text-align: left;
  color: #666;
  font-weight: 700;
}

.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList span {
  font-weight: 700;
  margin-right: 20px;
  color: #fff;
}

.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList.je_sil02 {
  margin-top: 10px;
}

.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList.je_sil02 span {
  margin: 0 20px;
}

.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList.je_sil02 span:nth-child(1){margin-left: 0;}

.je_header .je_slideMenu .je_slideNav {
  position: absolute;
  left: calc(50% - 100px);
  top: 50%;
  transform: translateY(-50%);
  width: calc(50% + 100px);
  color: #666;
}

.je_header .je_slideMenu .je_slideNav .je_navList {
  font-size: 3.125rem;
}

.je_header .je_slideMenu .je_slideNav .je_navList:not(:first-of-type) {
  margin-top: 40px;
}

.je_header .je_slideMenu .je_slideNav .je_navList a {
  display: inline;
  font-weight: 900;
  transition: color .2s ease;
}

.je_header .je_slideMenu .je_slideNav .je_navList a:hover {
  color: #42AECB;
}


.je_header .je_slideMenu .je_slideCloseBtn {
  position: absolute;
  top: 50px;
  right: 80px;
}

.je_header .je_slideMenu .je_slideCloseBtn button {
  color: #fff;
  font-size: 24px;
}

.je_header .je_slideMenu.on {
  width: 100vw;
}

.je_main {
  position: relative;
  padding-bottom: 60px;
}

.je_main .je_bannerView {
  height: 100vh;
  width: 100vw;
  position: relative;
}

.je_main .je_bannerView .je_bannerGroup {
  width: 200%;
  height: 100%;
  display: flex;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem {
  position: relative;
  width: calc(100% / 2);
  height: 100%;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_videoSec {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333;
  z-index: -1;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container {
  display: flex;
  align-items: center;
  height: 100%;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts {
  color: #fff;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText {
  font-size: 5.3125rem;
  font-weight: 100;
  line-height: 1;

}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText span {
  display: inline-block;
  overflow: hidden;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText span strong {
  display: inline-block;
  position: relative;
  animation: txtLeft 1.0s 0.8s;
  animation-fill-mode: both;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText {
  font-size: 1.5rem;
  margin-top: 40px;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText span{
	display: inline-block;
	margin: 0 -3px;
}

.je_main .je_bannerView .swiper-pagination-banner {
  position: absolute;
  margin: auto;
  right: -90%;
  top: 0;
  bottom: 0;
  height: 40px;
  width: 60px;
  z-index: 9;
}

.je_main .je_bannerView .swiper-pagination-banner span {
  width: 20px;
  height: 20px;
  background-color: #fff;
  display: inline-block;
  font-size: 20px;
}

.je_main .je_bannerView .je_goDown {
  width: 70px;
  height: 70px;
  background-color: #fff;
  margin-top: -70px;
  z-index: 4;
  position: relative;
}

.je_main .je_bannerView .je_goDown .je_goDownBtn {
  width: 100%;
  height: 100%;
  position: relative;
}

.je_main .je_bannerView .je_goDown .je_goDownBtn i {
  font-size: 2.5rem;
  color: #333;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  animation: upDown2 1.3s infinite;
}

.je_main .je_bannerView .je_goDown .je_goDownBtn i:nth-of-type(2) {
  top: 30px;
  opacity: .5;
  animation: upDown 1.3s infinite;
}

.je_main .je_portfolio {
  position: relative;
  overflow: hidden;
}

.je_main .je_portfolio .je_container {
  display: flex;
}

.je_main .je_portfolio .je_secHdr {
  width: 50%;
  height: 620px;
  position: relative;
}

.je_main .je_portfolio .je_secHdr h3 {
  font-size: 4.6875rem;
  font-weight: 100;
}

.je_main .je_portfolio .je_secHdr h6 {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 40px;
}

.je_main .je_portfolio .je_secHdr .je_btns {
  position: absolute;
  left: 0;
  bottom: 0;
}

.je_main .je_portfolio .je_secHdr .je_btns button {
  width: 88px;
  height: 88px;
  outline: 1px solid #aaa;
}

.je_main .je_portfolio .je_secHdr .je_btns button i {
  font-size: 4rem;
}

.je_main .je_portfolio .je_secHdr .je_btns button.je_nextBtn {
  margin-left: 20px;
}

.je_main .je_portfolio .je_swipe {
  position: absolute;
  left: 50%;
  display: flex;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView {
  width: 420px;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  left: -350px;
  bottom: -75px;
  z-index: 2;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup {
  display: flex;
  width: calc(100% * 7);
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem {
  width: calc(100% / 7);
  padding: 40px 50px;
  background-color: #666;
  color: #fff;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem h4 {
  font-size: 2.5rem;
  font-weight: 700;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem ul {
  margin-top: 40px;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem ul li {
  display: flex;
  justify-content: space-between;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 20px;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem ul li h5 {
  font-size: 1.6rem;
  font-weight: 700;
  width: calc(20% - 10px);
  opacity: .8;
}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem ul li p {
  font-size: 1.6rem;
  width: calc(80% - 10px);
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .5;
}

.je_main .je_portfolio .je_swipe .je_swipeImageView {
  overflow: hidden;
  cursor: pointer;
}

.je_main .je_portfolio .je_swipe .je_swipeImageView .je_swipeImageGroup {
  width: 1720px;
}

.je_main .je_portfolio .je_swipe .je_portPagi{
	top: auto;
	left: 7%;
	bottom: -15%;
	width: 380px;
	height: 1px;
}

.je_main .je_portfolio .je_swipe .je_portNum{
	position: absolute;
    bottom: -15%;
    left: 35%;
    z-index: 9;
	font-size: 5rem;
	line-height: 1;
	color: #f0f0f0;
	font-weight: 100;
}

.je_main .je_portfolio .je_swipe .je_portNum .je_number .je_cn01{
	color: #ddd;
}

.je_main .je_portfolio .je_swipe .je_portNum .je_txt{
	font-size: 2rem;
	color: #666;
	position: absolute;
	left: -20%;
	bottom: 0;
	background-color: #fff;
}

.je_main .je_portfolio .je_swipe .je_portNum .je_number{
	display:flex
}

.je_main .je_portfolio .je_swipe .je_portNum .je_cn02{
	margin-top: -20px;		
}

.je_main .je_portfolio .je_swipe .je_portPagi span{
	height: 3px;
	margin-top: -1px;
	background-color: #b50b14;
}

.je_main .je_subBanner .je_container .je_texts {
  text-align: center;
}

.je_main .je_subBanner .je_container .je_texts h2 {
  font-size: 1.5625rem;
  font-weight: 500;
}

.je_main .je_subBanner .je_container .je_texts p {
  font-size: 5rem;
  font-weight: 100;
  margin-top: 60px;
  line-height: 1;
}

.je_main .je_subBanner .je_container .je_bgi {
  width: 100%;
  height: 450px;
  background: url("../img/subBanner/bgi.jpg") center/cover;
  margin-top: -130px;
  transition: 1s;
}

.je_main .je_subBanner .je_container .je_bgi.on {
/*  width: 100%;*/
}

.je_main .je_information .je_secHdr h3 {
  font-size: 4.6875rem;
  font-weight: 100;
}

.je_main .je_information .je_secHdr h6 {
  font-size: 1.25rem;
  margin-top: 40px;
}

.je_main .je_information .je_infoSwipe .je_infoSwipeBtns {
  direction: rtl;
}

.je_main .je_information .je_infoSwipe .je_infoSwipeBtns button {
  width: 70px;
  height: 70px;
  background-color: #f4f4f4;
}

.je_main .je_information .je_infoSwipe .je_infoSwipeBtns button i {
  font-size: 4rem;
}

.je_main .je_information .je_infoSwipe .je_infoSwipeBtns button.je_infoNext {
  margin-left: 10px;
}

.je_main .je_information .je_infoSwipe .je_artView {
  overflow: hidden;
  padding: 20px 10px;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem {
  border: 1px solid #ccc;
  padding: 45px 30px;
  transition: all .5s;
  position: relative;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem h5, .je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem h5 {
  font-size: 1.5625rem;
  font-weight: 700;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem p {
  font-size: 1rem;
  margin-top: 40px;
  height: 40px;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem p.time {
  margin-top: 60px;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem .plus {
  width: 0;
  height: 0;
  background-color: #b50c15;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -10px;
  right: -10px;
  transition: all .4s;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem .plus i {
  color: #fff;
  font-size: 2rem;
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem:hover {
  background-color: #f4f4f4;
  border: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem:hover .plus {
  width: 80px;
  height: 80px;
}

.je_sub .je_container {
  max-width: 1500px;
  margin: 0 auto;
  position: relative;
  width: 95%;
}

.je_sub .je_section {
  padding: 0;
}

.je_sub .je_section .je_ctSubTitle {
  font-weight: 700;
  font-size: 16px;
  color: #cb0f19;
}

.je_sub .je_section .je_ctTitle {
  font-weight: 700;
  font-size: 4rem;
  letter-spacing: -0.05em;
}

.je_sub .je_section .je_paragraph {
  color: #666;
  font-size: 1.6rem;
  line-height: 2;
}

.je_sub .je_section .mt {
  margin-top: 40px;
}

.je_sub .je_subBanner {
  background: url("../img/sub01_company/mnBanner01.jpg") center/cover;
  height: 650px;
  position: relative;
}

.je_sub .je_subBanner .je_container {
  height: 100%;
  color: #fff;
}

.je_sub .je_subBanner .je_container .je_texts {
  position: absolute;
  left: 0;
  bottom: 45px;
  text-align: left;
}

.je_sub .je_subBanner .je_container .je_texts .je_mnTitle {
  font-size: 8rem;
  font-weight: 400;
}

.je_sub .je_subBanner .je_container .je_texts .je_subTitle {
  font-size: 1.8rem;
  margin-top: 20px;
}

.je_sub .je_subBanner .je_container .je_subNav {
  position: absolute;
  bottom: 50px;
  right: 0;
  width: 253px;
}

.je_sub .je_subBanner .je_container .je_subNav .je_subNavBtn {
  position: relative;
  width: 100%;
  text-align: left;
  height: 30px;
  border-bottom: 2px solid #f9f9f9;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}

.je_sub .je_subBanner .je_container .je_subNav .je_subNavBtn i {
  position: absolute;
  right: 0;
}

.je_sub .je_subBanner .je_container .je_subNav .je_navWrap {
  position: absolute;
  width: 100%;
  top: 30px;
  border-bottom: 1px solid #ddd;
  display: none;
}

.je_sub .je_subBanner .je_container .je_subNav .je_navWrap .je_mnNav {
  display: none;
}

.je_sub .je_subBanner .je_container .je_subNav .je_navWrap .je_navList {
  position: relative;
  z-index: 2;
}

.je_sub .je_subBanner .je_container .je_subNav .je_navWrap .je_navList .je_navSub .je_navSubList {
  padding: 16px 20px;
  background-color: #fff;
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  color: #555;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
  border-width: 0 1px;
}

.je_sub .je_subBanner .je_container .je_subNav .je_navWrap .je_navList .je_navSub .je_navSubList:hover {
  background-color: #b50b14;
  border: 1px solid #b50b14;
}

.je_sub .je_subBanner .je_container .je_subNav .je_navWrap .je_navList .je_navSub .je_navSubList:hover a {
  color: #fff;
}

.je_sub01Company .je_companyBanner .je_subNav .je_navWrap .je_navList .je_navSub .je_navSubList:nth-of-type(1) {
  background-color: #b50b14;
  border: 1px solid #b50b14;
  color: #fff;
}

.je_sub01Company .je_companyBanner .je_subNav .je_navWrap .je_navList:not(:nth-of-type(1)) {
  display: none;
}

.je_sub01Company .je_thank {
  padding: 80px 0 170px 0;
  position: relative;
  z-index: -1;
}

.je_sub01Company .je_thank .je_container .je_dfix {
  font-size: 1.8rem;
  color: #222;
  font-weight: 700;
}

.je_sub01Company .je_thank .je_logo {
  background: url("../img/dfix_logo-bb.png") center/cover;
  width: 85px;
  height: 42px;
  margin-top: 90px;
}

.je_sub01Company .je_thank::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1050px;
  height: 120%;
  z-index: -1;
  background: url("../img/sub01_company/bgImage01.png") center/cover;
	display:none;
}

.je_sub01Company .je_thank::before { 
	content:''; 
	position: absolute;
  left: 0;
  top: 0;
	width:100%;
	height:100%;
	z-index: -1;
  background: url("../img/sub01_company/b_bg.jpg") center/cover;
	opacity:.3;

}

.je_footer {
  background-color: #f1f1f1;
  padding: 40px 0;
}

.je_footer .je_container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.je_footer .je_container .je_goTop {
  width: 100px;
  height: 100px;
  background-color: #B50B14;
  position: absolute;
  left: 0;
  top: -65%;
}

.je_footer .je_container .je_goTop .je_goTopBtn {
  width: 100%;
  height: 100%;
  position: relative;
}

.je_footer .je_container .je_goTop .je_goTopBtn i {
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  animation: upDown 1.3s infinite;
}

.je_footer .je_container .je_goTop .je_goTopBtn i:nth-of-type(2) {
  top: 30px;
  opacity: .5;
  animation: upDown2 1.3s infinite;
}

.je_footer .je_container .je_ftrLeft h1 {
  width: 85px;
  height: 42px;
  background: url("../img/dfix_logo-bb.png");
}

.je_footer .je_container .je_ftrLeft h6 {
  font-size: 0.9375rem;
  margin-top: 40px;
}

.je_footer .je_container .je_ftrRight nav .je_ftrNav {
  display: flex;
}

.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList {
  font-size: 1.125rem;
  position: relative;
  margin-left: 30px;
}

.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList .je_familyList {
  position: absolute;
  bottom: 150%;
  right: 0;
  background-color: #666;
  padding: 20px;
  display: none;
}

.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList .je_familyList li {
  width: 100px;
  color: #fff;
  opacity: .3;
  font-size: 1.6rem;
}

.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList .je_familyList li:not(:first-of-type) {
  margin-top: 20px;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo {
  margin-top: 40px;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo li {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo li.mt20 {
  margin-top: 20px;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo li h5 {
  font-size: 1.6rem;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo li h5 span {
  font-weight: 700;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo li h5 span.mr10 {
  margin-right: 10px;
}

.je_footer .je_container .je_ftrRight .je_ftrInfo li h5.ml10 {
  margin-left: 10px;
}


@media (max-width: 768px) {
  .je_logoBox {
    display:none;
  }
 
 .je_slideMenu{
	overflow-y: auto !important;
    overflow-x: hidden !important;
 }
}
@media (max-width: 1023px) {
  html, body {
    font-size: 14px;
  }
  .je_header .je_slideMenu .je_slideNav {
    left: 50px;
    width: calc(100% - 50px);
    top: 150px;
    transform: translateY(0);
  }
  .je_header .je_slideMenu .je_slideNav .je_navWrap {
    text-align: left;
  }
  .je_header .je_slideMenu .je_logoBox {
    left: 50px;
    top: auto;
    bottom: 50px;
    transform: translateY(0);
  }
/*  .je_main .je_bannerView {*/
/*    height: 80vh;*/
/*  }*/
  .je_main .je_bannerView .je_goDown {
    width: 80px;
    height: 80px;
  }
  .je_main .je_portfolio .je_secHdr {
    height: auto;
  }
  .je_main .je_portfolio .je_secHdr h6 {
    margin-top: 20px;
  }
  .je_main .je_portfolio .je_secHdr .je_btns {
    position: static;
    margin-top: 20px;
  }
  .je_main .je_portfolio .je_secHdr .je_btns button {
    width: 50px;
    height: 50px;
  }
  .je_main .je_portfolio .je_container {
    display: block;
  }
  .je_main .je_portfolio .je_swipe {
    position: static;
    left: auto;
    margin-top: 20px;
  }

  .je_main .je_portfolio .je_swipe .je_portPagi{
	bottom: 0;
	width: 120px;
  }

  .je_main .je_portfolio .je_swipe .je_portNum{
	bottom: 0;
  }

  .je_main .je_portfolio .je_swipe .je_swipeTextView {
    left: auto;
    right: 0;
	width: 250px;
	bottom: 0;
  }
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem ul{
	margin-top: 20px;
}
  .je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem{
	padding: 20px 20px;	
  }



  .je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem h4{
	font-size: 3rem;
  }

  .je_main .je_portfolio .je_swipe .je_swipeImageView .je_swipeImageGroup .je_swipeImageItem {
    width: calc(100% / 4);
  }
  .je_main .je_portfolio .je_swipe .je_swipeImageView .je_swipeImageGroup .je_swipeImageItem img {
    width: 100%;
  }
  .je_main .je_portfolio .je_swipe .je_swipeImageView .je_swipeImageGroup .je_swipeImageItem ul {
    margin-top: 20px;
  }
  .je_main .je_portfolio .je_swipe .je_swipeImageView .je_swipeImageGroup .je_swipeImageItem h4 {
    font-size: 3rem;
  }
  .je_main .je_subBanner .je_container .je_texts p {
    margin-top: 20px;
  }
  .je_main .je_subBanner .je_container .je_bgi {
    margin-top: -90px;
	height: 350px;
  }
  .je_main .je_information .je_secHdr h6 {
    margin-top: 20px;
  }
  .je_main .je_information .je_infoSwipe .je_artView {
    margin-top: 20px;
  }
  .je_footer .je_container .je_goTop {
    width: 80px;
    height: 80px;
  }
  .je_sub .je_subBanner {
    height: 500px;
  }
  .je_sub .je_subBanner .je_container .je_texts {
    left: 0;
    bottom: 25%;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
  }
  .je_sub01Company .je_thank::after {
    right: -370px;
  }
}

@media (max-width: 767px) {
  .je_header .je_container .je_hdrRight .je_topNav .je_navWrap {
    display: none;
  }
  .je_main .je_portfolio .je_swipe .je_swipeTextView {
    width: 300px;
  }
  .je_main .je_subBanner .je_container .je_bgi {
    height: 320px;
    margin-top: -90px;
  }
  .je_footer .je_container {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .je_footer .je_container .je_ftrLeft, .je_footer .je_container .je_ftrRight {
    width: 100%;
  }
  .je_footer .je_container .je_ftrLeft {
    margin-top: 40px;
  }
  .je_footer .je_container .je_ftrRight nav .je_ftrNav {
    justify-content: center;
  }
  .je_footer .je_container .je_ftrRight .je_ftrInfo li {
    justify-content: center;
  }
  .je_footer .je_container .je_ftrRight .je_ftrInfo li {
    justify-content: center;
  }
  .je_footer .je_container .je_ftrLeft h1 {
    margin: 0 auto;
  }
  .je_footer .je_container .je_ftrLeft h6 {
    text-align: center;
  }
  .je_footer .je_container .je_goTop {
    top: -25%;
  }
  .je_sub .je_subBanner .je_container .je_subNav {
    width: 220px;
  }
  .je_sub01Company .je_thank::after {
    right: -420px;
  }
}

@media (max-width: 479px) {
  html, body {
    font-size: 12px;
  }
  .je_header .je_slideMenu .je_slideCloseBtn {
    right: 40px;
  }
  .je_main {
    padding-bottom: 0;
  }
  .je_section {
    padding: 40px 0;
  }
  .je_main .je_bannerView .je_goDown {
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText{
	font-size: 6.5rem;
}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText{
	margin-top: 20px;
}

  .je_footer .je_container .je_goTop {
    width: 50px;
    height: 50px;
  }
  .je_main .je_information .je_infoSwipe .je_infoSwipeBtns {
    text-align: center;
    margin-top: 20px;
  }
  .je_main .je_information .je_infoSwipe .je_infoSwipeBtns button {
    width: 50px;
    height: 50px;
  }
  .je_main .je_portfolio .je_swipe .je_swipeTextView {
    width: 260px;
  }

.je_main .je_portfolio .je_swipe .je_portPagi{
	display: none;
}

.je_main .je_portfolio .je_swipe .je_portNum{
	left: 10%;
	font-size: 40px;
}


  .je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem {
    padding: 20px 20px;
  }
  .je_main .je_subBanner .je_container .je_bgi {
    height: 260px;
	margin-top: -80px;
  }
  .je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem h5 {
    font-size: 3.5rem;
  }
  .je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem p {
    font-size: 1.9rem;
  }
  .je_sub .je_section .je_paragraph {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .je_sub .je_section .je_paragraph br {
    display: none;
  }
  .je_sub .je_section .mt {
    margin-top: 20px;
  }
  .je_sub01Company .je_thank .je_logo {
    margin-top: 40px;
  }
  .je_sub01Company .je_thank {
    padding: 40px 0 80px 0;
  }

}


.je_main {padding-bottom:0; }








@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
html, body{font-family: "Pretendard", sans-serif;}

.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText{font-family: 'Manrope', sans-serif; font-weight:800; letter-spacing:-1px;}
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText span{overflow:unset; }
.je_main .je_portfolio .je_secHdr h3{font-family: 'Manrope', sans-serif; font-weight:800; letter-spacing:-1px; color:#333;}

.je_main .je_portfolio .je_swipe .je_swipeTextView{width:460px;}
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem{background-color:#f8f8f8; }
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem h4{word-break:keep-all; color:#333; }
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem p{font-size:1.0625rem; margin-top:20px; line-height:1.5; word-break:keep-all; color:#333;}
.je_main .je_portfolio .je_swipe .je_portNum .je_txt{display:none;}
.je_main .je_portfolio .je_secHdr .je_btns button{width: 60px; height: 60px; outline: 1px solid #e7e7e7;}
.je_main .je_portfolio .je_secHdr .je_btns button.je_nextBtn{margin-left:10px;}
.je_main .je_portfolio .je_secHdr .je_btns button i{font-size: 2rem;}
.je_main .je_portfolio .je_swipe .je_portPagi{display: none;}



@media (max-width: 1023px){ 
	 .je_main .je_portfolio .je_swipe .je_portNum{bottom: 365px; right: 5%; left:unset; }
}

.je_main .je_subBanner{background:#f9f9f9; }
.je_main .je_subBanner .je_container .je_texts h2{color:#333; font-size: 1.5625rem; line-height: 1.4; word-break:keep-all;}
.je_main .je_subBanner .je_container .je_bgi{height:auto; background:none; margin-top: 60px;}
.je_main .je_subBanner .je_container .je_bgi ul{transition: 1s; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.je_main .je_subBanner .je_container .je_bgi ul{width:100%; transition: 1s;}
.je_main .je_subBanner .je_container .je_bgi ul li{width:23%; }
.je_main .je_subBanner .je_container .je_bgi ul li p{border-radius:20px; overflow:hidden;
	box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
	-webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
}
.je_main .je_subBanner .je_container .je_bgi ul li p:hover img{transform:scale(1.05); transition: transform .3s;}
.je_main .je_subBanner .je_container .je_bgi ul li p img{display:block; width:100%; transition: transform .3s;}
.je_main .je_subBanner .je_container .je_bgi ul li span{font-size: 0.9375rem; font-weight:800; color: #2656f6; display:block; margin: 15px 0 8px 0; letter-spacing:1px;}
.je_main .je_subBanner .je_container .je_bgi ul li h5{font-size: 1.25rem; font-weight:700; color:#333; word-break:keep-all; }


.je_main .je_information .je_secHdr h3{font-family: 'Manrope', sans-serif; letter-spacing:-1px; font-weight:800; color:#333; }



@media (max-width: 1023px){ 
	 .je_main .je_subBanner{margin-top:60px;}
}



@media (max-width: 830px){ 
	 .je_main .je_subBanner .je_container .je_bgi ul li{width:48%; margin-bottom:30px;}

}

@media (max-width: 767px){ 
	 .je_main .je_subBanner{margin-top:0px;}
}


@media (max-width: 460px){ 
	.je_main .je_subBanner{padding: 80px 0;padding-bottom: 40px;}
	 	.je_main .je_subBanner .je_container .je_bgi ul li{width:100%;  }

		.je_main .je_subBanner .je_container .je_bgi ul li span{font-size: 12px;}
		.je_main .je_subBanner .je_container .je_bgi ul li h5{font-size: 14px;}
}


.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem{background-color:#111; border:none; border-radius:10px;}
.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem h5{color:#fff; }
.je_main .je_information .je_infoSwipe .je_infoSwipeBtns button{width:60px; height:60px; background-color:#fff; outline: 1px solid #e7e7e7;}
.je_main .je_information .je_infoSwipe .je_infoSwipeBtns button i{font-size:2rem; }

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem:hover {
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem:hover .plus {
  width: 60px;
  height: 60px;
}
.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem:hover h5{color:#333; }
.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem p{color:rgba(255,255,255,.4);}
.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem:hover p{color:#333; }
.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem .plus{background-color: #2656f6; overflow:hidden;}
.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem .plus i{color: #fff; }


.je_footer .je_container .je_goTop{width:70px; height:70px; background-color: #fff; top: -80%;}
.je_footer .je_container .je_goTop .je_goTopBtn i{font-size: 2.5rem; color: #333;}
.je_footer{background-color:#fff; border-top: 1px solid #f2f2f2;}
.je_footer .je_container .je_ftrLeft h1{opacity:.3;}
.je_footer .je_container .je_ftrLeft h6{font-size: 0.9375rem;color: #777;}
.je_footer .je_container .je_ftrRight nav .je_ftrNav{justify-content: end;}
.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList{font-size: 1rem;font-weight: 500;}
/*.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList:last-child{font-family: 'Manrope', sans-serif;}*/
.je_footer .je_container .je_ftrRight .je_ftrInfo li h5{font-size: 0.9375rem;}
.je_footer .je_container .je_ftrRight .je_ftrInfo li h5 span{letter-spacing:1px; font-family: 'Manrope', sans-serif;}

.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList .je_familyList{border-radius:10px;}
.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList .je_familyList li{color:#e7e7e7; opacity:1;}
.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList .je_familyList li:hover{color:#fff; text-decoration:underline;}


@media screen and (max-width:767px){ 
	 .je_footer .je_container .je_ftrRight nav .je_ftrNav{justify-content: center;}
	 .je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList{margin:0 10px;}
}



.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container{justify-content: center;}
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText{text-align: center;}
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText{text-align: center;}


/*---2022.11.11 - new css---*/
/*---2022.11.11 - new css---*/
/*---2022.11.11 - new css---*/

/*---header---*/
#k_header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 11; border-bottom:1px solid rgba(255,255,255,.3); background-color:rgba(0,0,0,.2); }
#k_header::after{content: "";position: absolute;bottom: 1px;left: 0;width: 0;height: 1px;background: #eee;}
.k_hd_con{width: 90%;max-width: 1760px;margin: 0 auto;height: 100%;}

.k_logo{float: left;width: 120px;height: 50px;margin-top: 29px;}
.k_logo a{background: url("../img/header/b_logo.png") center/cover;}

.k_hd_rgt{float: right;display: flex;height: 100%;}
.k_hd_rgt ul{/*display: flex;*/ display:none;}
.k_hd_rgt ul li{margin-left: 25px;}
.k_hd_rgt ul li a{display: block;width: 100%;line-height: 100px;font-weight: 500;color: rgba(255,255,255,.7);font-size: 15px;}
.k_hd_rgt ul li a:hover{color: #fff;text-decoration: underline;}

#k_hd_btn{width: 25px;height: 100%;position: relative;margin-left: 25px;}
#k_hd_btn span{position: absolute;top: 49px;left: 0;width: 100%;height: 2px;background: #FFF;transition: transform .3s ease; border-radius:50px;}
#k_hd_btn span:nth-child(1){transform: translateY(-6px);}
#k_hd_btn span:nth-child(2){transform: translateY(6px);}

#k_hd_btn:hover span{transform: translateY(0);}

.k_hd_gnb{position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.k_hd_gnb>ul{display: flex;}
.k_hd_gnb>ul>li{position: relative;}
.k_hd_gnb>ul>li>a{display: block;width: 100%;line-height: 100px;font-size: 1rem;padding: 0 45px;font-weight: 700;color: #fff;white-space: nowrap;transition: color .2s ease;}
.k_hd_gnb>ul>li>a>i{display: block;width: 100%;height: 100%;position: relative;}
.k_hd_gnb>ul>li>a>i::after{content: "";position: absolute;bottom: 0;right: 0;left: auto;width: 0;height: 2px;background: #42AECB;transition: width .3s ease;}

.k_hd_gnb>ul>li>ol{position: absolute;top: 100%;left: 0;width: 100%;padding: 20px 0;display: none;}
.k_hd_gnb>ul>li>ol>li>a{display: block;width: 100%;padding: 10px 0;padding-left: 45px;font-size: 0.9375rem;font-weight: 500;color: #000;transition: padding-left .25s ease;}

#gnb_bg{position: absolute;top: 100%;left: 0;width: 100%;height: 320px;background: #fff;z-index: 1;display: none;}

/*on*/
#k_header.on {background-color: #fff; border-bottom:1px solid rgba(0,0,0,.1);}
#k_header.on .k_logo a{background: url("../img/header/b_logo_b.png") no-repeat contain;}
#k_header.on #k_hd_btn span{background: #000;}


#k_header.on .k_hd_gnb>ul>li>a{color: #000;}
#k_header.on .k_hd_rgt ul li a{color: #555;}
#k_header.on .k_hd_rgt ul li a:hover{color: #000;}

#k_header.menu_open::after{width: 100%;}

/*hover*/
#k_header .k_hd_gnb>ul>li:hover>a{color: #42AECB;}
#k_header .k_hd_gnb>ul>li:hover>a>i::after{right: auto;left: 0;width: 100%;}

.k_hd_gnb>ul>li>ol>li>a:hover{text-decoration: underline;padding-left: 48px;}

/*모바일 - 로그인*/
.mo_login{display: none;}

.je_slideNav .je_navSub{margin-top: 8px;display: none;}
#k_header .je_slideNav .je_navSub li a{display: block;width: 100%;height: 100%;font-size: 1.18rem;padding: 8px 0;font-weight: bold;}
#k_header .je_slideNav .je_navSub li:hover a{color: #fff;}
#k_header .je_slideNav .je_navList.menu_on>a{color: #42AECB;}

@media (max-width: 1480px){ 
	
	.k_hd_gnb>ul>li>a{font-size: 0.9375rem;}
	.k_hd_gnb>ul>li>ol>li>a{font-size: 0.875rem;}
}

@media (max-width: 1080px){ 
	
	.k_hd_gnb{display: none;}
	.k_hd_rgt ul{display: none;}
	.mo_login{display: flex;margin-left: 50px;margin-top: 50px;}
	.mo_login li a{display: block;width: 100%;height: 100%;color: #FFF;font-size: 13px;padding-right: 20px;font-weight: 500;text-decoration: underline;}
}

@media (max-width: 768px){ 
	
	#k_header{height: 70px;}
	#k_header .k_logo{width: 80px; height: 40px; margin-top: 16px;}
	#k_header .k_logo a{background-size: contain;background-repeat: no-repeat;}

	#k_hd_btn span{top: 34px;}

	.je_header .je_slideMenu .je_slideCloseBtn{top: 24px !important;right: 20% !important;}
	.je_header .je_slideMenu .je_slideNav .je_navList{font-size: 20px;}
}

/*---visual---*/

@media (max-width: 1480px){ 
	
	.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText{font-size: 3.75rem;}
	.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText{font-size: 1.25rem;}
}

@media (max-width: 768px){ 
	
	.je_main .je_bannerView .je_goDown{margin-top: -80px;}
	
	.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText{font-size: 40px;}
	.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText{font-size: 18px;}
}

@media (max-width: 479px){ 
	
	.je_main .je_bannerView .je_goDown{margin-top: -50px;}
}

/*---section 01 ---*/
.je_main .je_portfolio .je_secHdr h6{color: #444;}

@media (max-width: 768px){ 
	

	.je_main .je_portfolio .je_secHdr{width: 100% !important;}
	.je_main .je_portfolio .je_swipe .je_swipeTextView{width: 100%;}
	
	.je_main .je_portfolio .je_secHdr h6{font-size: 16px;}

	.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem p{font-size: 12px;}

	.je_main .je_subBanner .je_container .je_texts h2{font-size: 16px;}

	.je_main .je_information .je_secHdr h6{font-size: 14px;}

	.je_main .je_information .je_infoSwipe .je_artView .je_artGroup .je_infoItem h5{font-size: 20px !important;}
}

/*---footer---*/

@media (max-width: 768px){ 
	
	.je_footer .je_container .je_goTop{display: none;}

	.je_footer{padding: 30px 0;}
	.je_footer .je_container .je_ftrRight .je_ftrInfo{margin-top: 0;}
	.je_footer .je_container .je_ftrRight nav .je_ftrNav .je_ftrNavList{font-size: 13px;}
	.je_footer .je_container .je_ftrRight .je_ftrInfo li h5{font-size: 12px;}

	.je_footer .je_container .je_ftrLeft, .je_footer .je_container .je_ftrLeft h6{margin-top: 20px !important;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #2656f6;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_tit h4{font-size: 1.125rem;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease; transform: rotate(110deg);}
.add_pop_close span:nth-child(1){transform: rotate(70deg);}
.add_pop_close span:nth-child(2){transform: rotate(70deg);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}

/*---new 서브 네비게이션---*/
.n_sub_navi{display: flex;margin-top: -65px;position: relative;z-index: 10;max-width: 1280px;}
.n_sub_navi::before{content: "";position: absolute;top: 0;right: 99%;width: 100%;height: 100%;background: #f9f9f9;border-bottom: 1px solid #eee;}
.n_sub_navi>div{width: 33.333%;position: relative;}
.n_sub_navi>div>a{display: flex;width: 100%;line-height: 65px;padding: 0 25px;align-items: center;justify-content: space-between;font-size: 1.13rem;font-weight: 500;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background: #f9f9f9;}

.n_sub_navi .navi_box_01>ul>li>a{border-left: 1px solid #eee;}
.n_sub_navi .navi_box_03>a{border-bottom-color: #FFF;background: #fff;}

.navi_box_02>ul, .navi_box_03>ul>li>ol{position: absolute;top: 100%;left: 0;width: 100%;z-index: 1;background: rgba(0,0,0,.9);display: none;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.navi_box_02>ul>li, .navi_box_03>ul>li>ol>li{border-bottom: 1px solid #333;}
.navi_box_02>ul>li>a, .navi_box_03>ul>li>ol>li>a{display: block;width: 100%;height: 100%;line-height: 50px;color: #FFF;padding: 0 25px;font-weight: 500;}
.navi_box_02>ul>li:hover, .navi_box_03>ul>li>ol>li:hover{background: #252525;}

/*1 - 2depth on*/
.navi_box_02>ul>li>ol{display: none !important;}
.navi_box_03>ul>li>a{display: none !important;}

/*on*/
.navi_box_02>a.on>i, .navi_box_03>a.on>i{transform: rotate(180deg);}

@media (max-width: 1480px){ 
	
	.sv_txt_box{margin-top: 20px;}

	.n_sub_navi{margin-top: -55px;}
	.n_sub_navi>div>a{line-height: 55px;font-size: 1rem;}
}

@media (max-width: 720px){ 
	
	.n_sub_navi{width: 100%;margin-top: -46px;}
	.n_sub_navi::before{display: none;}
	
	.n_sub_navi>div>a{line-height: 46px;padding: 0 13px;}

	.n_sub_navi .navi_box_01{width: 46px;}
	.n_sub_navi .navi_box_01>a{padding: 0;justify-content: center;}
	.n_sub_navi .navi_box_01>a b{display: none;}
	.n_sub_navi .navi_box_02, .n_sub_navi .navi_box_03{width: calc( ( 100% - 46px ) / 2 );}
	.n_sub_navi .navi_box_03>a{border-right: none !important;}

	.navi_box_02>ul>li>a, .navi_box_03>ul>li>ol>li>a{line-height: 43px;padding: 0 13px;}
}







/*********22.12.20 LHB style**********/
html, body {font-family: "Noto Sans KR", sans-serif;}
.k_hd_con {width: 94%; /*max-width: 1480px;*/ /*max-width: 1280px;*/max-width: 1100px; }
.je_section {padding: 150px 0;}
.je_container {width: 94%; /*max-width: 1480px;*/ /*max-width: 1280px;*/ max-width: 1100px;margin: 0 auto;}
.je_main .je_bannerView{overflow:hidden; }
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container{justify-content: left;}
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText{font-size:3.125rem; line-height:1.3; font-weight:200;text-align: left;}
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText span.b_top_txt{font-weight:600; display:block; font-size:1rem; color:#42AECB; margin-bottom:10px;}
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerText span.b_top_txt b{font-weight:600; }
.je_main .je_bannerView .je_bannerGroup .je_bannerItem .je_container .je_texts .je_bannerSubText {text-align: left;}

.je_main .je_bannerView .b_video_box{position: absolute; left: 0; top: 0; width: 100%; height: 100vh;}
.je_main .je_bannerView .b_video_box:after{content:''; width:100%; height:100%; position: absolute; left: 0; top: 0; background-color:rgba(0,0,0,.4);}
.je_main .je_bannerView .b_video_box iframe{aspect-ratio: 16/9; width: 100%; margin-top: -66px;}


/*.je_main .b_mv_sec{background:url(../img/index/mv_img.jpg) no-repeat center / cover; }*/
.je_main .b_mv_sec .je_container{display:flex; align-items:center; height: 100vh;}
.je_main .b_mv_sec .b_mv_txt{color:#fff; }
.je_main .b_mv_sec .b_top_txt span{color:#42AECB; font-weight:600;  font-size: 1.2rem;}
.je_main .b_mv_sec .b_top_txt h2{font-size:3.125rem; font-weight:300; margin-top:10px; line-height:1.3; }
.je_main .b_mv_sec .b_bot_txt{margin-top:30px;}
.je_main .b_mv_sec .b_bot_txt strong{display:inline-block; /*border-radius:50px; background-color:rgba(255,255,255,.2); */}
.je_main .b_mv_sec .b_bot_txt strong span{padding:5px 0px; display:block; font-weight:500;font-size: 1.25rem; }
.je_main .b_mv_sec .b_bot_txt p{font-size:1rem; font-weight:400; margin-top:25px; line-height:1.5;font-size: 1.125rem;}


@media screen and (max-width:1700px){ 
	 .je_main .je_bannerView{height:87vh;}
}

@media screen and (max-width:1520px){ 
	.je_main .je_bannerView .b_video_box iframe{width:unset; height:100%; } 
}

.br_767_on{display:none;}
@media screen and (max-width:767px){ 
	 .je_main .je_bannerView{height:80vh;}
	 .je_main .b_mv_sec .je_container{height:80vh;}
	 .je_main .b_mv_sec .b_top_txt h2{font-size: 2.4rem;}
	 .br_767_on{display:block;}

}

.br_430_on{display:none;}
@media screen and (max-width:430px){ 
	 .br_430_on{display:block;}
}

.br_390_on{display:none;}
@media screen and (max-width:390px){ 
	 .br_390_on{display:block;}
}

.je_header .je_slideMenu .je_logoBox .je_logo{background:none; }
.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList span{display:block; margin-bottom:10px; margin-right:0; }
.je_header .je_slideMenu .je_logoBox .je_slideInfo .je_slideInfoList.je_sil02 span{margin-bottom:10px;}



.je_main .je_portfolio .je_container {display: flex; flex-direction: column; flex-wrap: wrap;}
.je_main .je_portfolio .je_secHdr{height:unset; margin-bottom:40px; }
.je_main .je_portfolio .je_secHdr h3{display: flex; font-size:2.5rem; }
.je_main .je_portfolio .je_swipe{position:unset; width: 100%;position:relative;left:unset;  }
.je_main .je_portfolio .je_swipe .je_swipeTextView{width:50%; position:unset;}
.je_main .je_portfolio .je_swipe .je_swipeImageView{width:50%;}
.b_circle{width:12px; height:12px; background-color:#42AECB; border-radius:50%; display:inline-block;  margin-left:3px; }


.je_main .je_portfolio .je_swipe .je_btns{position: absolute; left: 50%; z-index: 10; transform:translate(-50%,-50%); display: flex;top: 50%; width: 100%; justify-content: space-between;}
.je_main .je_portfolio .je_swipe .je_btns .b_btn{display:block; width:90px; height:90px; background-color:#fff; opacity:.6;}
.je_main .je_portfolio .je_swipe .je_portNum{right:0; left:unset; display:none; }
.je_main .je_portfolio .je_swipe .je_btns .b_btn .xi-angle-left-thin:before, .je_main .je_portfolio .je_swipe .je_btns .b_btn .xi-angle-right-thin:before{font-size:20px; font-weight:600; color:#222; }

.je_main .je_portfolio .je_btns{position: absolute; left: 50%; z-index: 10; transform:translateX(-50%); display: flex;top: 50%; justify-content: space-between; width:1460px;}
.je_main .je_portfolio .je_btns .b_btn{display:block; width:90px; height:90px; }
.je_main .je_portfolio .je_btns .b_btn i{font-size:30px; color:#ccc;}

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem h4{font-size:2.25rem; }
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem h4 .b_sub_tit{font-size:1.25rem; display:block; margin-top:15px;}
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem p{font-size:1rem; }

.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem .b_bot_txt{font-size:0.875rem; color:#888; }
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem .b_bot_txt .b_color{font-size:0.875rem; color:#42AECB; font-weight:600; }
.je_main .je_portfolio .je_swipe .je_swipeTextView{position: relative; bottom:unset; left:unset; overflow: unset;}
.je_main .je_portfolio .je_swipe .je_swipeTextView:before{content:''; width:500%; height:100%; background-color:#f8f8f8; top:0; right:0; position:absolute;  }
.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem{padding: 40px 50px 40px 0;}

.je_main .je_portfolio .je_swipe .je_swipeImageView .b_swipe_bg01{background:url(../img/index/sec02_img01.jpg) no-repeat center / cover; }
.je_main .je_portfolio .je_swipe .je_swipeImageView .b_swipe_bg02{background:url(../img/index/sec02_img02.jpg) no-repeat center / cover; }
.je_main .je_portfolio .je_swipe .je_swipeImageView .b_swipe_bg03{background:url(../img/index/sec02_img03.jpg) no-repeat center / cover; }

.je_main .je_portfolio .je_swipe .b_swipe_box{width: 100%; display: flex; flex-wrap:wrap; }


.b_more_btn{display:flex; border-radius:50px; background-color:rgba(66,174,203,.6); padding:8px 28px; align-items:center;  margin-top:30px; transition:background-color .2s;}
.b_more_btn span{font-size:1.125rem; color:#fff; font-weight:400; margin-right:10px; }
.b_more_btn img{width:7px; transition:transform .2s; display:block;}
.b_more_btn:hover{background-color:rgba(66,174,203,1); transition:background-color .2s;}
.b_more_btn:hover img{transform:translateX(5px); transition:transform .2s; }


@media screen and (max-width:1080px){ 
	 
	 .je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem h4 {font-size: 2rem;}
}

.b_mo_ver{display:none; }
@media screen and (max-width:930px){ 
	 .je_main .je_portfolio .je_swipe .b_swipe_box{flex-direction:column-reverse; }
	 .b_mo_ver{display:block; max-width:100%; }
	 .je_main .je_portfolio .je_swipe .je_swipeImageView .b_swipe_bg{background:none; }
	 .je_main .je_portfolio .je_swipe .je_swipeTextView{width: 100%;}
	 .je_main .je_portfolio .je_swipe .je_swipeImageView {width: 100%;}.je_main .je_portfolio .je_swipe .je_swipeTextView .je_swipeTextGroup .je_swipeTextItem{padding:40px 50px 40px 20px;}
	 .je_main .je_portfolio .je_swipe .je_swipeTextView:before{display:none;}
	 .je_main .je_portfolio .je_swipe .je_btns .b_btn{width:60px; height:60px;}
	 .je_main .je_portfolio .je_swipe .je_btns .b_btn .xi-angle-left-thin:before, .je_main .je_portfolio .je_swipe .je_btns .b_btn .xi-angle-right-thin:before{font-size:1rem;}

	
}




.je_main .je_information{padding:0 0 150px 0}
.je_main .je_information .je_secHdr h3{font-size: 2.5rem;display: flex;}

.je_main .je_subBanner{background:url(../img/index/b_banner_bg.jpg) no-repeat center bottom / cover;}
.je_main .je_subBanner .b_cont_list{width:100%; display:flex; flex-wrap:wrap; }
.je_main .je_subBanner .b_cont_list li{width:33.333%; display:flex; align-items:center; flex-direction:column; justify-content: center;}
.je_main .je_subBanner .b_cont_list li .b_txt_box h4{display:flex; color:#fff; justify-content: center; font-size:2.5rem; font-weight:600; margin:50px 0 20px 0; }
.je_main .je_subBanner .b_cont_list li .b_txt_box > p{font-size:1.25rem; font-weight:400; color:#fff; text-align: center;}


.je_footer{background-color:#111; border-top:0;padding: 40px 0 80px 0; }
.je_footer .je_container{flex-wrap:wrap; }
.je_footer .b_sitemap{width:100%; border-bottom:1px solid rgba(255,255,255,.15); padding:40px 0; }
.je_footer .b_sitemap .je_navWrap{width:100%; display:flex; flex-wrap: wrap;}
.je_footer .b_sitemap .je_navWrap > li{width:20%; }
.je_footer .b_sitemap .je_navWrap > li a{height:unset; color:#fff; font-size:1.125rem; font-weight:400; }
.je_footer .b_sitemap .je_navWrap .je_navSub{margin-top:30px;  }
.je_footer .b_sitemap .je_navWrap .je_navSub li{margin-bottom:15px; display:flex; }
.je_footer .b_sitemap .je_navWrap .je_navSub li a{font-size:1rem; width: auto; padding:3px 3px 3px 0; opacity:.6; transition: opacity .2s;}
.je_footer .b_sitemap .je_navWrap .je_navSub li:hover a{opacity:.8; transition: opacity .2s;}
.je_footer .b_bot_box{width:100%; display:flex; flex-wrap:wrap; padding-top:50px; }
.je_footer .b_ft_box{width:50%; }
.je_footer .b_ft_box .b_ft_tit{color:#fff; margin-bottom: 30px; font-size:1.125rem; font-weight:400; }
.je_footer .b_ft_left .b_info_list li{color:#fff; font-size:1rem; opacity:.6; display:flex; margin-bottom:15px; align-items:center; }
.je_footer .b_ft_left .b_info_list li .b_list_tit{font-weight:600; }
.je_footer .b_ft_left .b_info_list li p{margin-left:10px;}

.je_footer .b_form_box ul li{margin-bottom:10px;}
.je_footer .b_form_box ul li input::placeholder{font-size:1.125rem; font-weight:400; color:#aaa; }
.je_footer .b_form_box ul li input{max-width:470px; width:100%; height:40px; padding:0 10px; }
.je_footer .b_form_box ul li.b_check{display: flex; align-items:center; }
.je_footer .b_form_box ul li.b_check label{color:#fff; font-size:1rem; display: flex;}
.je_footer .b_form_box ul li.b_check input{width: 18px; height:18px; margin-right:5px; }
.je_footer .b_form_box ul li.b_check label a{width:unset; margin-left:5px;  }
.je_footer .b_sbm_btn input{max-width:470px; width:100%; height:40px; background-color:#42AECB; font-size:1.125rem; font-weight:400; color:#000 !important; display:block; border-radius:5px; border: 0;}



.je_footer .je_container .je_goTop{display:none; }
.b_top_btn{position:fixed; right:50px; bottom:50px; width:50px; height:50px; border:1px solid #888; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.b_top_btn button{display:block; width:100%; height:100%; }







@media screen and (max-width: 1024px){ 
	 .je_section {padding: 100px 0;}
		.je_main .je_subBanner .b_cont_list li .b_txt_box h4{font-size: 2.2rem; margin: 20px 0 10px 0;}
		.je_main .je_portfolio .je_secHdr{margin-bottom: 20px}
		.je_main .je_information {padding: 0 0 80px 0;}
}

.br_767_on{display:none;}
@media screen and (max-width: 767px){ 

	 .br_767_on{display:block;}

	 .je_main .je_subBanner .b_cont_list li{justify-content: flex-start;}
	 .je_main .je_subBanner .b_cont_list li .b_img_box img{width:26px;}

	 .je_footer{padding: 40px 0 40px 0;}
	 .je_footer .je_container{flex-direction: column;}
	 .je_footer .b_bot_box{padding: 20px 0 30px 0;}
	 .je_footer .b_ft_box{margin-top:30px;}
	 .je_footer .b_sitemap{padding: 20px 0 40px 0;}
	 .je_footer .b_sitemap .je_navWrap > li {width: 33.333%;}
	 .je_footer .b_sitemap .je_navWrap .je_navSub li{margin-bottom: 5px}
	 .je_footer .b_sitemap .je_navWrap .je_navSub {margin-top: 10px;padding-right: 5px}

	 
	 .b_top_btn{right:30px;bottom:15px;}
}

@media screen and (max-width: 640px){ 
	 .je_main .je_subBanner{padding:60px 0; }
	 .je_main .je_subBanner .b_cont_list li{width:100%; margin-bottom: 60px;}
	 .je_main .je_subBanner .b_cont_list li:last-child{ margin-bottom: 0px;}

	 
}


.b_news_box{box-shadow:0px 6px 20px rgba(173,173,173,.25); border-radius:20px; margin-top:30px; padding:15px 35px; }
.b_news_box .b_news_list{width:100%; padding:30px 0 ; border-bottom:1px solid rgba(0,0,0,.1); border-radius:5px;}
.b_news_box .b_news_list:last-child{border-bottom:0; }
.b_news_box .b_news_list:hover{background-color:#fafafa;}
.b_news_box .b_news_list a{display:flex; width:100%; justify-content:space-between; align-items: center;}
.b_news_box .b_news_list .b_news_num{text-align:center; font-size:2rem; font-weight:400; color:#42AECB; display:none; width:15%;  } /*추가수정*/
.b_news_box .b_news_list .b_left_box{display:flex; width:80%; align-items: center;}
.b_news_box .b_news_list .b_right_box{display:flex; width:20%; justify-content: end; align-items: center; padding-right: 20px;}
.b_news_box .b_news_list .b_left_box .b_news_text{font-size:1.25rem; font-weight:600; }
.b_news_box .b_news_list .b_left_box .b_news_text .b_news_tit{word-break:keep-all; }
.b_news_box .b_news_list .b_left_box .b_news_cont{font-size:1rem; font-weight:400; color:#555; margin-top:15px;line-height: 1.5;}
.b_news_box .b_news_list .b_right_box .b_time {color:#929292; font-size:1rem; word-break: keep-all;}
.b_news_box .b_news_list .b_right_box .b_plus{width:40px; height:40px; background-color:rgba(66,174,203); border-radius:50%; display:flex; justify-content:center; align-items:center; margin-left:15%; opacity:.6; transition:opacity .2s; }
.b_news_box .b_news_list .b_right_box .b_plus:hover{opacity:1; transition:opacity .2s;  }

.b_noti_box{height:360px; width:100%; display:flex; justify-content:space-between; margin-top:30px; }
.b_noti_box .b_boxs{width:49%; box-shadow:0px 6px 20px rgba(173,173,173,.25); border-radius:20px; overflow:hidden; height:100%; }
.b_noti_box .b_press_box .b_img_box{width:100%; height:100%; max-height:260px; transition:transform .2s;overflow:hidden; transform: scale(1);}
.b_noti_box .b_press_box .b_img_box img{width:100%; }
.b_noti_box .b_press_box:hover .b_img_box{transform: scale(1.05); transition:transform .2s;}
.b_noti_box .b_press_box .b_press_tit{padding:20px 30px; background: #fff; position: relative;}
.b_noti_box .b_press_box .b_press_tit h5{font-size:1.25rem; font-weight:600; line-height:1.5; word-break:keep-all; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.b_noti_box .b_press_box .b_press_tit button{display:flex; margin-top:15px; align-items:center; }
.b_noti_box .b_press_box .b_press_tit button:hover img{transform:translateX(5px); transition: transform .2s;}
.b_noti_box .b_press_box .b_press_tit button img{transition: transform .2s;}

.b_noti_box .b_press_box .b_press_tit button span{color:#42AECB; font-size:1.125rem; font-weight:300;   margin-right:7px;}

.b_noti_box .b_youtube_box .yt_open{position:relative;}
.b_noti_box .b_youtube_box .b_img_box{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  }
/*.b_noti_box .b_youtube_box .b_img_box img{opacity:.8; transition:opacity .2s;}*/
/*.b_noti_box .b_youtube_box .b_img_box:hover img{opacity:1; transition:opacity .2s;}*/


@media screen and (max-width: 1024px){ 
/*	 .b_news_box .b_news_list .b_left_box{width:60%;}*/
	 .b_news_box{padding: 15px;}
	 .b_news_box .b_news_list .b_news_num{width:15%;}
	 .b_news_box .b_news_list .b_left_box .b_news_text{margin-left: 10px;}
	 .b_news_box .b_news_list .b_right_box{width: 30%;}


	 .b_noti_box{height: 300px; }
	 .b_noti_box .b_press_box .b_img_box{max-height: 180px;}


}

@media screen and (max-width: 767px){ 
/*	 .b_news_box{padding: 15px 25px;}*/
	 .b_news_box .b_news_list .b_news_num{display:none; }
	 .b_news_box .b_news_list .b_right_box .b_time{display:none; }
	 .b_news_box .b_news_list .b_left_box .b_news_cont{display:none; }
	 .b_news_box .b_news_list .b_right_box .b_plus{width: 30px; height: 30px;}

	 .b_noti_box{flex-wrap: wrap;height: unset;}
	 .b_noti_box .b_boxs{width: 100%; height: 350px;}
	 .b_noti_box .b_press_box{margin-bottom:30px;}

}

@media screen and (max-width: 430px){ 
	 .b_news_box .b_news_list .b_right_box{padding-right: 10px;}
}




.n_navi_wrap{display:none; }
.b_sections img{max-width:100%; display:block; margin: 0 auto;}
.b_sections .b_tit_tab{display:flex; flex-wrap:wrap; justify-content:center; padding:60px 0; }
.b_sections .b_tit_tab li{width:100%; max-width:315px; border-radius:50px; border:1px solid #42AECB; margin-right:25px; height:60px; }
.b_sections .b_tit_tab li:last-child{margin-right:0; }
.b_sections .b_tit_tab li a{display:flex; justify-content:center; align-items:center; font-size:1.125rem; font-weight:400; color:#42AECB; }
.b_sections .b_tit_tab li.b_on{background-color:#42AECB; }
.b_sections .b_tit_tab li.b_on a{color:#fff; }

@media screen and (max-width:1080px){ 
	 .b_sections .b_tit_tab{justify-content: space-between;width: 100%; margin: 0 auto; max-width: 650px;}
	 .b_sections .b_tit_tab li{margin-bottom:15px; margin-right:0; }
	 
}

@media screen and (max-width:767px){ 
	 .b_sections .b_tit_tab{justify-content: center;max-width: 315px;}
	 .b_sections .b_tit_tab li{height: 50px;}
}




.add_pop_tit{background:#42AECB;}
.page_title{display:none; }
#new_bo_cate{display:none; }



@media screen and (max-width: 1023px){ 
	 .je_header .je_slideMenu .je_slideNav{top: 60px;}
	 .je_header .je_slideMenu .je_slideNav .je_navList:not(:first-of-type) {margin-top: 20px;}
}

.mo_login{display:none;}


@media screen and (max-width:767px){
.br_720_none{display:none;}
}

/*보도자료/공지사항 css*/
#k_gall_ul2 .k_gall_li .k_gall_tit h2{font-size:1.25rem;}
#k_gall_ul2 .k_gall_li .k_gall_tit .b_board_tit{color:#555; font-weight:normal; line-height:1.4; }
#k_gall_ul2 .k_gall_li .k_gall_tit .b_board_time{text-align:right; font-weight:300; color:#ccc;}



.b_noti_box .b_youtube_box a{display: block;width: 100%;height: 100%;}
.b_noti_box .b_youtube_box img{display: block;width: 100%;height: 100%;}












/*youtube pop*/
#yt_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 2000;display: none;}
.yt_inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 1024px;z-index: 1;}

.yt_video{position: relative;width: 100%;height: auto;padding-bottom: 56.25%;margin: 0 auto;border-radius: 15px;overflow: hidden;}
.yt_video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#yt_close{position: absolute;top: -14px;right: -57px;width: 50px;height: 50px;z-index: 1;}
#yt_close span{position: absolute;top: 24px;left: 10px;width: 30px;height: 2px;background: #FFF;transition: transform .3s;}
#yt_close span:nth-child(1){transform: rotate(45deg);}
#yt_close span:nth-child(2){transform: rotate(-45deg);}

#yt_close:hover span{transform: rotate(0);}

.yt_arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;display: none;}
.yt_arrow_l{left: -80px;}
.yt_arrow_r{right: -80px;}
.yt_arrow img{max-width: 28px;}





/*230222 css*/
.k_hd_gnb>ul>li>a>i::after{display:none;}
.k_hd_gnb>ul>li>a::after{content: "";position: absolute;bottom: 0;right: 0;left: 21%; width: 0;height: 2px;background: #42AECB;transition: width .3s ease;}
.k_hd_gnb>ul>li:hover>a::after{width: 60%;}
.k_hd_gnb>ul>li>ol>li>a{color:#555; font-weight:400; padding: 6px 0; padding-left: 45px;}

/*.k_hd_gnb>ul>li.je_nl02>ol>li>a{padding-left: 0;}*/
/*.k_hd_gnb>ul>li.je_nl02>ol>li>a:hover{padding-left: 3px;}*/

.k_hd_gnb>ul>li.je_nl01>ol>li:nth-child(5){padding-top:15px;}
.k_hd_gnb>ul>li.je_nl01>ol>li:first-child>a{font-size:1rem; font-weight:700; color:#000}
.k_hd_gnb>ul>li.je_nl01>ol>li:nth-child(5)>a{font-size:1rem; font-weight:700; color:#000}
.k_hd_gnb>ul>li.je_nl01>ol>li:first-child>a:hover{padding-left:45px; text-decoration:none;}
.k_hd_gnb>ul>li.je_nl01>ol>li:nth-child(5)>a:hover{padding-left:45px; text-decoration:none;}

.k_hd_gnb>ul>li.je_nl02>ol>li:nth-child(5){padding-top:15px;}
.k_hd_gnb>ul>li.je_nl02>ol>li:first-child>a{font-size:1rem; font-weight:700; color:#000}
.k_hd_gnb>ul>li.je_nl02>ol>li:nth-child(5)>a{font-size:1rem; font-weight:700; color:#000}
/*.k_hd_gnb>ul>li.je_nl02>ol>li:first-child>a:hover{padding-left:0; text-decoration:none;}*/
/*.k_hd_gnb>ul>li.je_nl02>ol>li:nth-child(5)>a:hover{padding-left:0; text-decoration:none;}*/

.k_hd_gnb>ul>li.je_nl03>ol>li:nth-child(5){padding-top:15px;}
.k_hd_gnb>ul>li.je_nl03>ol>li:first-child>a{font-size:1rem; font-weight:700; color:#000}
.k_hd_gnb>ul>li.je_nl03>ol>li:nth-child(5)>a{font-size:1rem; font-weight:700; color:#000}
.k_hd_gnb>ul>li.je_nl03>ol>li:first-child>a:hover{padding-left:45px; text-decoration:none;}
.k_hd_gnb>ul>li.je_nl03>ol>li:nth-child(5)>a:hover{padding-left:45px; text-decoration:none;}

/*.k_hd_gnb>ul>li.je_nl04>ol>li:nth-child(4)>a{font-size:1rem; font-weight:400; color:#555}*/
/*.k_hd_gnb>ul>li.je_nl04>ol>li:nth-child(4)>a:hover{padding-left:45px; text-decoration:none;}*/



.b_sol_sec .b_viewer_01 .b_svc_list{display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.b_sol_sec .b_viewer_01 .b_svc_list li{width:49%; margin-bottom:50px;}
.b_sol_sec .b_viewer_01 .b_svc_list li .b_img_box{border-radius:20px; overflow:hidden; }
.b_sol_sec .b_viewer_01 .b_svc_list li .b_txt_box{margin-top: 20px;}
.b_sol_sec .b_viewer_01 .b_svc_list li .b_txt_box h4{margin-bottom: 10px;}

.b_sol_sec .b_viewer_02 .b_svc_list{display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.b_sol_sec .b_viewer_02 .b_svc_list li{width:32%;}
.b_sol_sec .b_viewer_02 .b_svc_list li .b_img_box img{border-radius:20px; }
.b_sol_sec .b_viewer_02 .b_svc_list li .b_txt_box{margin-top: 20px;}

.b_sol_sec .b_viewer_03 .b_svc_list{display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.b_sol_sec .b_viewer_03 .b_svc_list li{width:49%;}
.b_sol_sec .b_viewer_03 .b_svc_list li .b_img_box img{border-radius:20px; }
.b_sol_sec .b_viewer_03 .b_svc_list li .b_txt_box{margin-top: 20px;}

.b_sol_sec .b_converter_sec .b_svc_list{display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.b_sol_sec .b_converter_sec .b_svc_list li{width:49%;}
.b_sol_sec .b_converter_sec .b_svc_list li .b_img_box img{border-radius:20px; }
.b_sol_sec .b_converter_sec .b_svc_list li .b_txt_box{margin-top: 20px;}
.b_sol_sec .b_converter_sec .b_svc_list li .b_txt_box h4{margin-bottom: 10px;}

.b_sections.b_nlp .b_top_box{margin-bottom:0; }


@media screen and (max-width:1110px){ 
	 .b_sol_sec .b_sub_txt br{display:none;}
}


.br_767o{display:none;}
@media screen and (max-width:767px){ 
	 .br_767o{display:block;}
	 .b_sol_sec .b_viewer_01 .b_svc_list li{width:100%;}
	 .b_sol_sec .b_viewer_01 .b_svc_list li:last-child{margin-bottom:20px; }

	 .b_sol_sec .b_viewer_02 .b_svc_list{flex-direction:column; justify-content:center; align-items:center; }
	 .b_sol_sec .b_viewer_02 .b_svc_list li{width:80%; margin-bottom:50px;}
	 .b_sol_sec .b_viewer_02 .b_svc_list li:last-child{margin-bottom:20px; }

	 .b_sol_sec .b_viewer_03 .b_svc_list li{width:100%; margin-bottom:50px;}
	 .b_sol_sec .b_viewer_03 .b_svc_list li:last-child{margin-bottom:20px; }
	 .b_sol_sec .b_viewer_03 .b_cont_box .b_spec_list li{margin-bottom: 15px;}

	 .b_sol_sec .b_converter_sec .b_svc_list li{width:100%; margin-bottom:50px;}


}

/*#k_header .je_slideNav .je_navSub li:hover a{color: rgba(255,255,255,.5);}*/

.je_header .je_slideMenu .je_slideNav .je_navList.je_nl01 .je_navSub li:first-child a{color:#fff; }
.je_header .je_slideMenu .je_slideNav .je_navList.je_nl01 .je_navSub li:nth-child(5) a{color:#fff; }

.je_header .je_slideMenu .je_slideNav .je_navList.je_nl02 .je_navSub li:first-child a{color:#fff; }
.je_header .je_slideMenu .je_slideNav .je_navList.je_nl02 .je_navSub li:nth-child(5) a{color:#fff; }

.je_header .je_slideMenu .je_slideNav .je_navList.je_nl03 .je_navSub li:first-child a{color:#fff; }
.je_header .je_slideMenu .je_slideNav .je_navList.je_nl03 .je_navSub li:nth-child(5) a{color:#fff; }

/*.je_header .je_slideMenu .je_slideNav .je_navList.je_nl04 .je_navSub li:nth-child(4) a{color:#fff; }*/


@media screen and (max-width:1080px){ 
	/* .b_sections .b_sub_txt br{display:none;} */
}

@media screen and (max-width:768px){ 
	.b_ai_sec .b_process_box .b_process_list{margin-top: 40px;}
	.b_ai_sec .b_cont_box ul.b_bot_list li{margin-bottom: 25px;}
	.b_ai_sec .b_process_box .b_process_list ul li .b_img_box img{width:40px;}
}






/*230303*/
.k_hd_con{position:relative;}
.k_hd_gnb{width:70%; }
.k_hd_gnb>ul>li{width:20%; }
.k_hd_gnb>ul>li>a{text-align: center; padding:0; }
.k_hd_gnb>ul>li>ol{left: 50%;transform: translateX(-50% );}




.k_logo{width: 60px; height: 68px; margin-top: 16px;}
#bo_list.k_bo_list .qa_list_head ul li span.s-view, #bo_list.k_bo_list .qa_list_head ul li span.s-cate, #bo_list.k_bo_list .qa_list ul li span.s-view{display:none;}
#bo_list.k_bo_list .qa_list_head ul li span.s-number, #bo_list.k_bo_list .qa_list ul li span.s-number{width:10% !important; }
#bo_list.k_bo_list .qa_list_head ul li span.s-name, #bo_list.k_bo_list .qa_list ul li span.s-name{width:70% !important;}

@media screen and (max-width: 980px){ 
	 #bo_list.k_bo_list .qa_list_head ul li span.s-name{width:70% !important;}
	 #bo_list.k_bo_list .qa_list_head ul li span.s-user, #bo_list.k_bo_list .qa_list ul li span.s-user{display:none;}
}








