.c_container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 2rem;
}



/* header */
.header {
  position: relative;
  transition: 0.3s;
  border:0px solid blue;
  height:136px;/* 로고가 생기면 변경가능성*/
}
.header:hover {
  background-color: var(--white);
}
.header::after {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 0 0 8px 8px;
  background-color: rgba(246, 246, 246, 0.9);
  position: absolute;
  z-index: 0;
  transition: 0.3s;
}
.header:hover::after {
  height: 30rem;
  border:0px solid red;
}
.top_nav {
  display: flex;
  justify-content: right;
  padding: 1.5rem 0;
}
.top_nav ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 1.4rem;
}
.top_nav ul li span {
  display: inline-block;
  width: 6.5rem;
  padding: 6px 0;
  margin-left: 5px;
  border-radius: 11px;
  background-color: #f6f6f6;
  color: #acacac;
  text-align: center;
}
.gnb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  position: relative;
}
.gnb .logo {
  width: 300px;
  /*height: 60px;*/
  cursor: pointer;
}
.gnb .gnb_right {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #000;
  border:0px solid green !important;
}
.gnb .gnb_right > li {
  position: relative;
  padding: 0 3.5rem;
}
.gnb .gnb_right > li:last-child {
  padding-right: 0;
}
.header .gnb .gnb_right li .navi {
  position: relative;
}
.header .gnb .gnb_right li .navi::after {
content: "";
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--main-color);
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.header .gnb .gnb_right li:hover .navi::after {
  display: block;
}
.gnb .gnb_right .icons {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.gnb .gnb_right .icons .search {
  position: relative;
}
.gnb .gnb_right .icons .search .search_input {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 24.3rem;
  height: 4.5rem;
  padding: 0 2.4rem;
  border: 1px solid #acacac;
  border-radius: 15px;
  background-color: var(--white);
  box-shadow: 0 0 13px rgba(8, 8, 8, 0.19);
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 2;
}
.gnb .gnb_right .icons .search.open .search_input {
  display: flex;
}
.gnb .gnb_right .icons .search_input input {
  width: 70%;
}
.gnb .gnb_right .icons .search_input .img_box {
  cursor: pointer;
}
.gnb .gnb_right .icons .ham_btn a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2.2rem;
  height: 1.5rem;
}
.gnb .gnb_right .icons .ham_btn p {
  width: 100%;
  height: 3px;
  background-color: var(--text-color);
}
.gnb .sub_nav {
  display: none;
  flex-direction: column;
  gap: 2.2rem;
  padding-top: 5rem;
  font-size: 1.5rem;
  font-weight: 400;
  position: absolute;
  z-index: 1;

  margin: 0 auto !important;
  left: 0;
}
.header:hover .sub_nav {
  display: flex;
  width: 100%;

}
.gnb .sub_nav > li {
	/*border:1px solid red;*/
  padding: 0 1rem;
  text-align: center;
}
.gnb .sub_nav a {
/*  transition: 0.3s;
  border-bottom: 1px solid transparent; */
  display: inline-block;
}
.gnb .sub_nav a:hover {
  color: var(--main-color);
  /*border-bottom: 1px solid var(--main-color);*/
  font-weight:700;
}
.gnb .sub_nav::after {
  content: "";
  width: 100%;
  height: 0;
  background-color: var(--white);
  position: absolute;
  top: 31px;
  left: 0;
  z-index: -1;
  box-sizing: border-box;
}
.header .gnb .gnb_right li:hover .sub_nav::after {
  height: 35rem;
}

/* 모바일네비 */
.mo_header {
  display: none;
  padding: 1.5rem 0;
  background-color: var(--white);
}
.mo_header .c_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mo_header .logo {
  width: 21rem;
  height: 4.5rem;
}
.mo_header .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/pages/img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.mo_header .mo_right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.mo_header .mo_right .mo_search {
  position: relative;
}
.mo_header .mo_right .mo_search .search_input {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 24.3rem;
  height: 4.5rem;
  padding: 0 2.4rem;
  border: 1px solid #acacac;
  border-radius: 15px;
  background-color: var(--white);
  box-shadow: 0 0 13px rgba(8, 8, 8, 0.19);
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 2;
}
.mo_header .mo_right .mo_search.open .search_input {
  display: flex;
}
.mo_header .mo_right .mo_search .search_input input {
  width: 70%;
}
.mo_header .mo_right .moham_btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 22px;
  height: 15px;
}
.mo_header .mo_right .moham_btn p {
  width: 100%;
  height: 3px;
  background-color: var(--text-color);
}
.mo_nav_back {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: 0.4s;
  z-index: 1000;
}
.mo_nav_back.mo {
  transform: translateX(0);
}
.mo_nav {
  width: 426px;
  height: 100vh;
  background-color: var(--white);
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: 0.3s;
  transition-delay: 0.2s;
  z-index:100 !important
}
.mo_nav_back.mo .mo_nav {
  transform: translateX(0);
}
.mo_nav .top {
  display: flex;
  justify-content: space-between;
  padding: 3rem 3rem;
  background-color: #FFF;

}
.mo_nav .top .left {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 1.4rem;
}
.mo_nav .top .left .lock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--main-color);
}
.mo_nav .top .close_btn {
  cursor: pointer;
}
.mo_nav .mid {
  padding: 2rem;
  padding-top: 15px;

  background-image:url('/pages/img/mo_navbgnew.jpg');
  background-size:cover;
}
.mo_nav .mid .mo_top_nav {
  display: flex;
  justify-content: space-around;
  padding: 2.2rem 0;
  /*border: 1px solid var(--main-color);
  border-radius: 10px;
  background-color: #f6f6f6; */
  color:#FFF !important;
  font-weight:700;
}
.mo_nav .mo_gnb > li {
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
}
.mo_nav .navi {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.7rem 2.3rem;
  background-color: var(--white);
}
.mo_nav .navi p:last-child {
  width: 14px;
  height: 14px;
  position: relative;
}
.mo_nav .navi p span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #acacac;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.mo_nav .navi p span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.mo_nav .mo_gnb > li .mo_sub_nav {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 0;
  padding: 0;
  background-color: #f6f6f6;
  font-size: 1.3rem;
  transition: .2s;
  overflow: hidden;
}
.mo_nav .mo_gnb > li.accordionTitleActive .mo_sub_nav {
  height: auto;
  padding: 1.5rem 2.3rem;
}
.mo_nav .mo_gnb > li.accordionTitleActive .navi {
  border-bottom: 1px solid #d7d7d7;
}
.mo_nav .mo_gnb > li.accordionTitleActive .navi p span:last-child {
  transform: translate(-50%, -50%) rotate(0);
}




/* footer */
.footerWrap {  text-align:center;border:0px solid red;margin:0 auto;font-size:16px;width:100%;background-color:#3b3b3b}
.footerWrapInner {width:100%;text-align:center;margin-bottom:10px}
.footerWrapInner_mobile {width:100%;text-align:center;margin-bottom:10px}
.footerWrapInner {display:none}
.footerCname {color:#FFFFFF;font-size:28px;font-weight:700}
.footerCdesc {  color:#FFFFFF;font-size:16px !important;font-weight:300 !important;line-height:180%}

  @media (max-width: 600px) {
	.footerWrapInner {display:none}
	.footerWrapInner_mobile {display:block}
	.footerWrap {  text-align:center;border:0px solid red;margin:0 auto;font-size:16px;width:100%;background-color:#3b3b3b}
	.footerWrapInner {width:100%;text-align:center;}
	.footerCname {color:#FFFFFF;font-size:22px;font-weight:700}
	.footerCdesc {  color:#FFFFFF;font-size:14px !important;font-weight:300 !important;line-height:180%;white-space: normal;word-break:keep-all }
	.footerSocialicon {width:38px !important}
  }







.top_footer {
  background-color: #515151;
  color:#555555 !important;
/*  border:2px solid red; */
}
.top_footer ul {
  display: inline-flex;
  gap: 6rem;
  row-gap: 1rem;
  padding: 1.7rem 0;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--white);
  margin:0 auto !important;
 /* border:3px solid yellow*/
}
.top_footer ul li {
  padding-bottom: 3px;
  /border: 1px solid transparent;
  transition: 0.2s;
   /*border:2px solid red*/
}
.top_footer ul li:hover {
  color: #1cb59d;
  /*border-bottom: 1px solid #1cb59d;*/
}
.bottom_footer {
  padding: 3.8rem 0 5.7rem;
}
.bottom_footer .c_container {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}
.bottom_footer .c_container .bottom_txt {
  margin-top: 1.5rem;
  color: #acacac;
}


.bottom_footer  p { color:#555555  !important}














@media screen and (max-width: 1400px) {
  .c_container {
    padding: 0 3rem;
  }
  .pc_header {
    display: none;
  }
  .header::after {
    display: none;
  }
  .mo_header {
    display: block;
  }
  .top_nav {
    display: none;
  }
  .gnb {
    padding: 2rem 0;
  }
  .gnb .gnb_right > li {
    display: none;
  }
  .gnb .gnb_right > li:last-child {
    display: block;
  }
}

@media screen and (max-width: 850px) {
  .top_footer ul {
    flex-wrap: wrap;
    justify-content: center;
    word-break: keep-all;
    gap: 2rem;
  }
  .bottom_footer .c_container {
    flex-direction: column;
    text-align: center;
    word-break: keep-all;
  }
  .top_btn {
    right: 3rem;
  }
}

@media screen and (max-width: 500px) {
  .mo_nav {
    width: 330px;
  }
}


.flexItemCenter {display:flex;align-item:center}

.divCenter {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

.moreCenter {
	width:100%;text-align:center;margin-top:20px;
}

.moreBtn {	
	background-color:#FFF;
	color:#000;
	font-weight:300;
	padding:12px 28px;
	border:0;
	font-size:18px;
	margin-right:8px;
	border:1px solid #DDD;
	border-radius:24px;
	}

	.submainTXT {color:#FFF;font-size:38px;font-weight:700;text-align:center}



/*상단여백*/
.marginT60 {margin-top:60px}
.marginT50 {margin-top:50px}
.marginT40 {margin-top:40px}
.marginT30 {margin-top:30px}
.marginT20 {margin-top:20px}
.marginT10 {margin-top:10px}

.marginB60 {margin-bottom:60px}
.marginB50 {margin-bottom:50px}
.marginB40 {margin-bottom:40px}
.marginB30 {margin-bottom:30px}
.marginB20 {margin-bottom:20px}
.marginB10 {margin-bottom:10px}

/* border */
.border5Red  {border:5px solid red  !important}
.border5Green  {border:5px solid green !important}
.border5Blue  {border:5px solid blue !important}

.border0Red  {border:0px solid red  !important}
.border0Green  {border:0px solid green !important}
.border0Blue  {border:0px solid blue !important}



/*float*/
.float-left { float: left; }
.float-right { float: right; }

/*position*/
.por { position: relative; }
.poa { position: absolute; }


/*align */
.alignCenter {
    text-align: center !important;
}
.alignLeft {
    text-align: left !important;
}
.alignRight {
    text-align: right !important;
}


.subMainHeder {
	position:relative;width:100%;border:0px solid red;height:220px;background-image:url('/pages/img/subheaderbg.jpg');background-size:cover
}

/*sub header*/
.subHeader {
    color: #323131;
    width: auto;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
    font-size: 28px;
    font-weight: 700;
	display:block;
	margin-bottom:30px;
}

.subHeader2depthfirst {
    color: #323131;
    width: auto;
    padding: 15px 0;
    font-size: 24px;
    font-weight: 700;
	display:block;
	margin-top:20px;
}

.subHeader2depth {
    color: #323131;
    width: auto;
    padding: 15px 0;
	margin-top:20px;
    font-size: 24px;
    font-weight: 700;
	display:block;
	margin-top:20px;
}

.subHeader3depth {
    color: #323131;
    width: auto;
    padding: 15px 0 6px 0;
	margin-top:0px;
    font-size: 18px;
    font-weight: 500;
	display:block;
}

.ovfhdn {overflow:hidden !important}
.height100 {height:100% !important}
.subNavTXT { padding:15px 0;text-align:right;font-weight:300 }


.alignR {text-align:right !important}
.alignL {text-align:left !important}
.alignC {text-align:center !important}

.inFlex {display: inline-flex}
.uLine {border-bottom:1px solid #DDD}