/**/
#body {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.page.full #body {
  display: block;
}
.page.full #body > .main {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
#body > .main {
  padding-top: 50px;
  padding-bottom: 200px;
}
/* [ @ta ] 768이상 ~ 1023이하 - 테블릿 세로 only 화면*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  #body > .main {
    padding-top: 50px;
    padding-bottom: 150px;
  }
}
/* [ @mo ] 767이하 - 휴대폰 이하▼ 화면*/
@media all and (max-width: 767px) {
  #body > .main {
    padding-top: 50px;
    padding-bottom: 250px;
  }
}
/**/
#sub_page_visual {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#sub_page_visual {
  overflow: hidden;
  background: black;
}
#sub_page_visual > img {
  display: block;
  max-width: none !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
/**/
#sub_page_title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  padding-bottom: 15px;
  line-height: 1.5em;
  font-weight: 700;
  color: #222222;
  font-size: 26px;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
}
/* [ @de~ ] 1440이상 - 데스크탑 이상▲ 화면*/
@media all and (min-width: 1440px) {
  #sub_page_title {
    width: 1200px;
  }
}
/* [ @lt ] 1024이상 ~ 1439이하 - 랩탑 and 테블릿 가로 only 화면*/
@media all and (min-width: 1024px) and (max-width: 1439px) {
  #sub_page_title {
    width: 1004px;
  }
}
/* [ @ta ] 768이상 ~ 1023이하 - 테블릿 세로 only 화면*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  #sub_page_title {
    width: 750px;
  }
}
/* [ @mo ] 767이하 - 휴대폰 이하▼ 화면*/
@media all and (max-width: 767px) {
  #sub_page_title {
    width: 460px;
  }
}
/**/
#loactionSection {
  box-sizing: border-box;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: white;
}
#loactionSection.close {
  border-top: 1px solid #e7e7e7;
}
#loactionSection .inner {
  padding-right: 41px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#loactionSection .inner {
  text-align: right;
}
/* [ @de~ ] 1440이상 - 데스크탑 이상▲ 화면*/
@media all and (min-width: 1440px) {
  #loactionSection .inner {
    max-width: 1200px;
  }
}
/* [ @lt ] 1024이상 ~ 1439이하 - 랩탑 and 테블릿 가로 only 화면*/
@media all and (min-width: 1024px) and (max-width: 1439px) {
  #loactionSection .inner {
    max-width: 1024px;
  }
}
/* [ @~ta ] 1023이하 - 태블릿 세로 이하▼ 화면*/
@media all and (max-width: 1023px) {
  #loactionSection .inner {
    text-align: left;
    padding-right: 0;
  }
}
/* [ @ta ] 768이상 ~ 1023이하 - 테블릿 세로 only 화면*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  #loactionSection .inner {
    max-width: 750px;
  }
}
/* [ @mo ] 767이하 - 휴대폰 이하▼ 화면*/
@media all and (max-width: 767px) {
  #loactionSection .inner {
    max-width: 460px;
  }
}
/**/
#btnHideVisual {
  position: absolute;
  top: 0px;
  right: 0px;
}
#btnHideVisual {
  width: 41px;
  height: 41px;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
#btnHideVisual:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -6px;
  content: '';
  display: inline-block;
}
#btnHideVisual:before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #777777;
}
#loactionSection.close #btnHideVisual:before {
  border-right: 5px solid transparent;
  border-top: 5px solid #777777;
  border-bottom: none;
}
/* [ @~ta ] 1023이하 - 태블릿 세로 이하▼ 화면*/
@media all and (max-width: 1023px) {
  #btnHideVisual {
    display: none;
  }
}
/**/
#fold_breadcrumb {
  font-size: 0;
  text-align: left;
}
#fold_breadcrumb {
  display: inline-block;
  vertical-align: top;
}
#fold_breadcrumb > li {
  display: inline-block;
  vertical-align: top;
}
#fold_breadcrumb > li {
  vertical-align: top;
  color: #777777;
  font-size: 14px;
}
#fold_breadcrumb > li + li {
  margin-left: 10px;
}
#fold_breadcrumb > li + li:before {
  width: 4px;
  margin-left: -2px;
  left: calc(-1 * 10px / 2);
}
#fold_breadcrumb > li + li:before {
  background: url(/front/imgs/common/fold_breadcrumb_arrow.png) no-repeat center;
  height: 100%;
  position: absolute;
  top: 0px;
  content: '';
  display: block;
}
#fold_breadcrumb > li > * {
  display: block;
  line-height: 41px;
  padding-left: 5px;
  padding-right: 5px;
}
#fold_breadcrumb > li > * br {
  display: none !important;
}
#fold_breadcrumb > li.home > * {
  background: url(/front/imgs/common/ico_breadcrumb_home.png) no-repeat center;
  width: 15px;
  font-size: 0;
  box-sizing: content-box;
}
/**/
#printUtil {
  z-index: 10;
  position: absolute;
  top: 30px;
  right: 0px;
}
/**/
#dropdownBreadcrumb {
  background: #f3f3f3;
  z-index: 1000;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  display: none /* 20240830 추가 */
}
#dropdownBreadcrumb .dropdown_menu {
  padding-left: 54px;
  font-size: 0;
  border-left: 1px solid #dcdcdc;
}
#dropdownBreadcrumb .dropdown_menu > li {
  display: none;
}
#dropdownBreadcrumb .dropdown_menu > li.on {
  display: inline-block;
}
#dropdownBreadcrumb .dropdown_menu > li.home {
  display: inline-block;
  width: 54px;
}
#dropdownBreadcrumb .dropdown_menu > li.home {
  position: absolute;
  top: 0px;
  left: 0px;
}
#dropdownBreadcrumb .dropdown_menu > li.home:after {
  display: none;
}
#dropdownBreadcrumb .dropdown_menu > li.home > a {
  background: url(/front/imgs/common/dropdownLoctionHomeBtn.png) no-repeat;
  width: 100%;
  height: 50px;
}
#dropdownBreadcrumb .dropdown_menu > li.home > a {
  font-size: 0;
}
#dropdownBreadcrumb .dropdown_menu > li {
  display: inline-block;
  border-right: 1px solid #dcdcdc;
}
#dropdownBreadcrumb .dropdown_menu > li:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '';
  display: inline-block;
}
#dropdownBreadcrumb .dropdown_menu > li:after {
  width: 0;
  height: 0;
  margin-top: -3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
}
/*.device_is_mobile #dropdownBreadcrumb .dropdown_menu > li.open:after,*/
/*.device_is_pc #dropdownBreadcrumb .dropdown_menu > li:hover:after{ border-top:none; border-bottom:6px solid #666666; }*/
#dropdownBreadcrumb .dropdown_menu > li > div {
  font-size: 14px;
  line-height: 1.5em;
  color: #666666;
  letter-spacing: -0.05em;
}
#dropdownBreadcrumb .dropdown_menu > li > div {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
#dropdownBreadcrumb .dropdown_menu > li > div > span {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
#dropdownBreadcrumb .dropdown_menu > li > ul {
  position: absolute;
  top: 51px;
  left: 0px;
}
#dropdownBreadcrumb .dropdown_menu > li > ul {
  display: none;
  background: #f3f3f3;
  width: 100%;
  padding: 20px 30px;
}
.device_is_mobile #dropdownBreadcrumb .dropdown_menu > li.open > ul,
.device_is_pc #dropdownBreadcrumb .dropdown_menu > li:hover > ul {
  display: block;
}
#dropdownBreadcrumb .dropdown_menu > li > ul > li + li {
  margin-top: 20px;
}
#dropdownBreadcrumb .dropdown_menu > li > ul > li > a {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #666666;
  letter-spacing: -0.05em;
}
#dropdownBreadcrumb .dropdown_menu > li > ul > li > a:hover {
  color: #333333;
  text-decoration: underline;
}
/* [ @lt~ ] 1024이상 - 랩탑 and 테블릿 가로 이상▲ 화면*/
@media all and (min-width: 1024px) {
  #dropdownBreadcrumb .dropdown_menu > li:not(.home) {
    max-width: 33.33%;
  }
}
/* 768이상 ~ 1023이하 - 테블릿 세로 화면 only*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  #dropdownBreadcrumb .dropdown_menu > li:not(.home) {
    max-width: 50%;
  }
}
/* [ @mo ] 767이하 - 휴대폰 이하▼ 화면*/
@media all and (max-width: 767px) {
  #dropdownBreadcrumb .dropdown_menu {
    padding-left: 0;
  }
  #dropdownBreadcrumb .dropdown_menu > li.home {
    display: none;
  }
}
#tabuiByGnb {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
/* [ @de~ ] 1440이상 - 데스크탑 이상▲ 화면*/
@media all and (min-width: 1440px) {
  #tabuiByGnb {
    width: 1200px;
  }
}
/* [ @lt ] 1024이상 ~ 1439이하 - 랩탑 and 테블릿 가로 only 화면*/
@media all and (min-width: 1024px) and (max-width: 1439px) {
  #tabuiByGnb {
    width: 1004px;
  }
}
/* [ @ta ] 768이상 ~ 1023이하 - 테블릿 세로 only 화면*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  #tabuiByGnb {
    width: 750px;
  }
}
/* [ @mo ] 767이하 - 휴대폰 이하▼ 화면*/
@media all and (max-width: 767px) {
  #tabuiByGnb {
    width: 460px;
  }
}
/*# sourceMappingURL=subpage.css.map */


/* pc nav [2024-08-30] */
#dropdownBreadcrumb {display: none}
#dropdownBreadcrumb.nav_pc {display: block}
#dropdownBreadcrumb.nav_pc .section {}
#dropdownBreadcrumb.nav_pc .section .inside {}
#dropdownBreadcrumb.nav_pc ul {display: flex;}
#dropdownBreadcrumb.nav_pc li {margin-right: 40px; position: relative; height: 50px}
#dropdownBreadcrumb.nav_pc li a {display: inline-block; padding: 16px 0; font-size: 14px; color: #535353; position: relative}
#dropdownBreadcrumb.nav_pc li a:after {content: ""; display: block; width: 1px; height: 20px; background: #dcdcdc; position: absolute; top: 16px; right: -20px}
#dropdownBreadcrumb.nav_pc li:first-child a:after, #dropdownBreadcrumb.nav_pc li:last-child a:after {display: none}
#dropdownBreadcrumb.nav_pc li a:hover {color: #f04a20; opacity: 0.7}
/* 개별 class 관리*/
#dropdownBreadcrumb.nav_pc li.on a {color: #f04a20; font-weight: bold}
#dropdownBreadcrumb.nav_pc li.on:before {content: ""; display: block; width: 100%; height: 2px; background: #f04a20; position: absolute; bottom: 0; left: 0}
#dropdownBreadcrumb.nav_pc li.home {border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; margin-right: 20px}
#dropdownBreadcrumb.nav_pc li.home a {width: 53px; height: 50px; background: url(/front/imgs/common/dropdownLoctionHomeBtn.png) no-repeat; padding: 0}

@media screen and (max-width: 767px) {
	#dropdownBreadcrumb {display: block}
	#dropdownBreadcrumb.nav_pc {display: none}
}