/* 로고 배경색상: #0e77bb */
/* #0f3b58 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

/* 나눔명조 적용 */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nanum-myeongjo-v11-latin_korean/nanum-myeongjo-v11-latin_korean-regular.eot');
  /* IE9 Compat Modes */
  src:local('NanumMyeongjo'), url('fonts/nanum-myeongjo-v11-latin_korean/nanum-myeongjo-v11-latin_korean-regular.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/nanum-myeongjo-v11-latin_korean/nanum-myeongjo-v11-latin_korean-regular.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/nanum-myeongjo-v11-latin_korean/nanum-myeongjo-v11-latin_korean-regular.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/nanum-myeongjo-v11-latin_korean/nanum-myeongjo-v11-latin_korean-regular.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url(  'fonts/nanum-myeongjo-v11-latin_korean/nanum-myeongjo-v11-latin_korean-regular.svg#NanumMyeongjo') format('svg');
  /* Legacy iOS */
}
/* 나눔고딕 적용 */
/* nanum-gothic-regular - latin_korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nanum-gothic-v13-latin_korean/nanum-gothic-v13-latin_korean-regular.eot');
  /* IE9 Compat Modes */
  src:local('NanumGothic'), url('fonts/nanum-gothic-v13-latin_korean/nanum-gothic-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('fonts/nanum-gothic-v13-latin_korean/nanum-gothic-v13-latin_korean-regular.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('fonts/nanum-gothic-v13-latin_korean/nanum-gothic-v13-latin_korean-regular.woff') format('woff'),
  /* Modern Browsers */
  url('fonts/nanum-gothic-v13-latin_korean/nanum-gothic-v13-latin_korean-regular.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url(  'fonts/nanum-gothic-v13-latin_korean/nanum-gothic-v13-latin_korean-regular.svg#NanumGothic') format('svg');
  /* Legacy iOS */
}

/* 나눔펜 적용 */
@font-face {
  font-family: 'Nanum Pen Script';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/nanum-pen-script-v11-latin_korean/nanum-pen-script-v11-latin_korean-regular.eot');
  /* IE9 Compat Modes */
  src:local('Nanum Pen'), local('NanumPen'), url('/fonts/nanum-pen-script-v11-latin_korean/nanum-pen-script-v11-latin_korean-regular.eot?#iefix') format('embedded-opentype'),
  /* IE6-IE8 */
  url('/fonts/nanum-pen-script-v11-latin_korean/nanum-pen-script-v11-latin_korean-regular.woff2') format('woff2'),
  /* Super Modern Browsers */
  url('/fonts/nanum-pen-script-v11-latin_korean/nanum-pen-script-v11-latin_korean-regular.woff') format('woff'),
  /* Modern Browsers */
  url('/fonts/nanum-pen-script-v11-latin_korean/nanum-pen-script-v11-latin_korean-regular.ttf') format('truetype'),
  /* Safari, Android, iOS */
  url(  '/fonts/nanum-pen-script-v11-latin_korean/nanum-pen-script-v11-latin_korean-regular.svg#NanumPenScript') format('svg');
  /* Legacy iOS */
}

.lead {
  font-size: 1rem;
  font-weight: 300;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  margin: 0;
  /* 20-7-6 : height: 100% 할시 index 페이지에서는 제대로 작동이 안한다?*/
  min-height: 100%;
  height: auto;
}
/* 20-7-6 : 위에 문제를 해결못해서 적용한 코드, 꼼수없이 해결할 것 */
body.sub{
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}

header,
nav {
  display: block;
}

a {
  background-color: transparent;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

img {
  border: 0;
}

table {
  font-size: 12px;
}

header div{
  position: static;
  /* 20-7-17 작성 : 매우 중요!!! 메뉴레이아웃 유지에 필수적 div:relative 와 상관됨 */
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:after,
.container-fluid:before {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:after,
.row:before {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xxs-12,
.col-xxs-6 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xxs-12,
.col-xxs-6 {
  float: left;
}

.col-xxs-6 {
  width: 50%;
}

.col-xxs-12 {
  width: 100%;
}
@-ms-viewport {
  width: device-width;
}

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

th,
thead {
  white-space: nowrap;
}

* {
  box-sizing: border-box;
}

*:after,
*:before {
  box-sizing: border-box;
}

body {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  font-family: 'Nanum Gothic';
}

p {
  margin: 0 0 1rem;
}

.content p,
p.content {
  line-height: 25px;
  font-size: 14px;
  font-size: 1.167em;

}

div.content p.lead,
p.content.lead {
  font-size: 1.2rem;
}

.dropdown-menu {
  font-size: 12px;
  font-size: .75rem;
}

a {
  transition: all .3s ease;
  color: black;
  cursor: pointer;
  text-decoration: none;
  transition-property: color, background;
}

a:focus,
a:hover {
  color: skyblue;
}

a:active {
  color: skyblue;
}

a.nav-item,
a.nav-link {
  font-size: 14px;
  font-size: .9rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: ">";
}

.sepa-item {
  padding-left: 8px;
}

.sepa-item + .sepa-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "/";

}

.breadcrumb > li {
  font-size: 12px;
}

ul {
  padding-left: 1.1rem;
} 

/* #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler:before, #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem .menuitem-toggler:before {
	content: "\e906"
}

#Wrap header.main nav.primary .level-2-wrapper-content .banner .link-text:after {
	content: "\e908"
}

#Wrap header.main .navigation-toggler:before {
	content: "\e90a"
}

#Wrap header.main .mobile-menu:before {
	content: "\e90c"
} */

#Wrap {
  /* 코드 추가 : 20-7-6 */
  height: 100%;
  background: #fff;
  min-width: 320px;
  min-height: 950px;
  /* overflow: hidden; */
}


/* 2018-12-04 추가된 제목 과 메뉴 사이 간격을 위한 코드 */

#Wrap > .container-fluid {
  background-color: #fff;
}

#Wrap > .container-fluid > .row {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  position: relative;
  width: 100%;
}

#Wrap header.main {
  background: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: top .3s ease;
  color: #666;
  left: 0;
  min-width: 320px;
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000;
}

#Wrap a.main-logo {
  display: inline-block;
  /* 2018-12-10 삭제 */
  /* background: #0e77bb; */

}

#Wrap header.main .col-xxs-12 {
  transition: all .3s ease;
  height: 50px;
}
/* 1 */
@media(max-width:480px) {
  #Wrap a.main-logo > img {
    height: auto;
  }
  /* 2018-12-20추가 */
  .jumbotron {
    margin-top: 40px;
  }
}
@media (min-width: 480px) {
  #Wrap header.main .col-xxs-12 {
    height: 70px;
  }

  #Wrap a.main-logo > img {
    height: 50px;
  }
  /* 2018-12-20추가 */
  .jumbotron {
    margin-top: 70px;
  }
}
/* //1 */
#Wrap header.main+#main {
  margin-top: 40px;
}
/* 2018-12-10 추가 */

#Wrap header.main .main-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 200000;
}

/* 2 */
@media (min-width: 992px) {
  #Wrap header.main .col-xxs-12 {
    height: 90px;
  }
  /* 2018-12-20추가 */
  .jumbotron {
    margin-top: 90px;
  }

  #Wrap a.main-logo > img {
    height: 35px;
  }

  #Wrap header.main .main-logo {
    position: absolute;
    top: 50%;
    left: 15%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  #Wrap header.main > a {
    position: absolute;
    left: 0;
  }

}
/* //2 */

#Wrap header.main .main-logo img {
  transition: all .3s ease;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  max-width: 230px;
}
/* 3 */
@media (min-width: 480px) {
  #Wrap header.main+#main {
    margin-top: 70px;
  }

  #Wrap header.main .main-logo img {
    max-width: 350px;
  }
}
/* //3 */
/* 4 */
@media (min-width: 992px) {
  #Wrap header.main+#main {
    margin-top: 90px;
  }

  #Wrap header.main .main-logo img {
    max-width: 300px;

  }

  #Wrap header.main .mobile-menu {
    display: none;
  }
}
/* //4 */
#Wrap header.main .mobile-menu {
  font-size: 16px;
  font-size: 1rem;
  color: #0e77bb;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-left: 1px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 1281px ){
  #Wrap header.main .main-logo img{
    max-width: 350px;
    height: 50px;
  }
}

#Wrap header.main .mobile-menu:before {
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Wrap header.main .mobile-menu:focus,
#Wrap header.main .mobile-menu:hover {
  color: skyblue;
}
/* 2018-12-03 삽입코드 모바일 버튼 디자인*/
.mobile-menu {
  position: absolute;
  top: 10px;
  width: 47px;
  height: 47px;
  z-index: 30;
}

#Wrap header.main .mobile-menu > i:before,
#Wrap header.main .mobile-menu:after,
#Wrap header.main .mobile-menu:before {
  content: '';
  position: absolute;
  background: #0e77bb;
  left: 8px;
  width: 16px;
  height: 1px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.mobile-menu:before {
  top: 17px;
}

.mobile-menu:after {
  top: 27px;
}

#Wrap header.main .mobile-menu > i:before {
  top: 22px;
  width: 12px;
  -webkit-transition: all .3s .6s;
  transition: all .3s .6s;
}

.js-status-headeropen .mobile-menu {
  opacity: 1;
  -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: opacity .5s 0s, visibility .1s 0s;
  transition: opacity .5s 0s, visibility .1s 0s;
}

.js-status-headeropen .mobile-menu::before {
  top: 20px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.js-status-headeropen .mobile-menu::after {
  top: 20px;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.js-status-headeropen .mobile-menu > i::before {
  left: -4px;
  opacity: 0;
  -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* //2018-12-03 삽입코드 */
/* 5 */
@media (min-width: 992px) {
  #Wrap header.main .mobile-menu {
    display: none;
  }
}
/* //5 */

#Wrap header.main .navigation-container .menuitem-toggler,
#Wrap header.main .navigation-toggler {
  display: none;
}

#Wrap header.main nav.primary ul {
  margin: 0;
  padding: 0;
}

#Wrap header.main nav.primary ul:after,
#Wrap header.main nav.primary ul:before {
  content: " ";
  display: table;
}

#Wrap header.main nav.primary ul:after {
  clear: both;
}

#Wrap header.main nav.primary ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

#Wrap header.main nav.primary ul > li {
  display: block;
}

#Wrap header.main nav.primary ul a {
  display: block;
}

#Wrap header.main nav.primary .level-1 > li > .menuitem > a {
  /* 수정날짜: 2018-12-04	 */
  font-size: 13px;
  font-size: .8125rem;
  transition: all .3s ease;
  color: #666;
  font-weight: bold;
  padding: 20px 0;
  position: relative;
  text-transform: uppercase;
}

#Wrap header.main nav.primary .level-1 > li > .menuitem > a:focus,
#Wrap header.main nav.primary .level-1 > li > .menuitem > a:hover {
  color: #333;
}

#Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a,
#Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a {
  color: #666;
  font-weight: bold;
  text-transform: uppercase;
}

#Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a:focus,
#Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a:hover,
#Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a:focus,
#Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a:hover {
  color: #333;
}

#Wrap header.main nav.primary .level-3 > li {
  padding-left: 15px;
  left: -15px;
  position: relative;
  width: 110%;
}

#Wrap header.main nav.primary .level-3 > li > a {
  color: #999;
}

#Wrap header.main nav.primary .level-3 > li:focus > a,
#Wrap header.main nav.primary .level-3 > li:hover > a {
  color: #333;
}

#Wrap header.main nav.primary .level-2-wrapper-content {
  display: none;
}
/* 6 */
@media (min-width: 992px) {
  #Wrap header.main nav.primary {
    float: left;
    margin-left: 30%;
    margin-top: 18px;
  }

  #Wrap header.main nav.primary .level-1 {
    margin: 0;
    padding: 0;
  }

  #Wrap header.main nav.primary .level-1:after,
  #Wrap header.main nav.primary .level-1:before {
    content: " ";
    display: table;
  }

  #Wrap header.main nav.primary .level-1:after {
    clear: both;
  }

  #Wrap header.main nav.primary .level-1 > li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #Wrap header.main nav.primary .level-1 > li {
    display: block;
    float: left;
  }

  #Wrap header.main nav.primary .level-1 > li {
    /* 수정날짜: 2018-12-05	 */
    /* margin-left: 32px; */
    /* 2019-2-25 */
    padding-left: 32px;
  }
}
/* //6 */
/* 7 */
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1100px) {
  #Wrap header.main nav.primary .level-1 > li {
    /* 수정날짜: 2018-12-04	 */
    /* margin-left: 20px */
    /* margin-left: 18px; */
    /* 2019-2-25 */
    padding-left: 18px;
  }

  #Wrap header.main nav.primary .level-1 > li > .menuitem > a {
    font-size: 12px;
  }

}
/* //7 */

/* 8 */
@media(min-width:1200px) {
  #Wrap header.main nav.primary .level-1 > li:hover > .menuitem > a::before {
    background: #fff;
    content: "";
    position: absolute;
    left: -0.5vw;
    top: -1vw;
    right: -0.5vw;
    bottom: 0;
    z-index: -10;
  }
}
@media (min-width: 992px) {
  #Wrap header.main nav.primary .level-1 > li:first-child {
    margin-left: 0;
    /* 2019-2-25 */
    padding-left: 0;
  }

  #Wrap header.main nav.primary .level-1 > li > .menuitem > a {
    padding: 20px 0;
  }

  #Wrap header.main nav.primary .level-1 > li:focus > .menuitem > a::before,
  #Wrap header.main nav.primary .level-1 > li:hover > .menuitem > a::before {
    background: #fff;
    content: "";
    position: absolute;
    left: -0.0095vw;
    top: -2vw;
    right: -0.0095vw;
    bottom: 0;
    z-index: -1;
    border-left: #0e77bb 1px solid;
    border-right: #0e77bb 1px solid;
    box-shadow: 0 10px 20px grey;
  }

  #Wrap header.main nav.primary .level-1 > li > .menuitem > a:after {
    transition: all .3s ease;
    background: skyblue;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 100%;
  }

  #Wrap header.main nav.primary .level-1 > li:focus > .menuitem > a,
  #Wrap header.main nav.primary .level-1 > li:hover > .menuitem > a {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    color: white;
  }

  #Wrap header.main nav.primary .level-1 > li:focus > .menuitem > a::before,
  #Wrap header.main nav.primary .level-1 > li:hover > .menuitem > a::before {
    position: absolute;
    top: -20px;
    width: 100%;
    bottom: -13px;
    background: #0f3b58;
  }

  #Wrap header.main nav.primary .level-1 > li:focus > .menuitem > a:after,
  #Wrap header.main nav.primary .level-1 > li:hover > .menuitem > a:after {
    right: 0;
    margin: 0 16px;
  }

  #Wrap header.main nav.primary .level-1 > li:focus .level-2,
  #Wrap header.main nav.primary .level-1 > li:hover .level-2 {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(1) .level-2-wrapper-menu {
    max-width: calc((50% - (1 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(2) .level-2-wrapper-menu {
    max-width: calc((50% - (2 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(3) .level-2-wrapper-menu {
    max-width: calc((50% - (3 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(4) .level-2-wrapper-menu {
    max-width: calc((50% - (4 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-2 {
    /* transition: all .3s ease; */
    /* transition: all .1s ease; */
    opacity: 0;
    /* transition-delay: .3s; */
    /* transition-delay: .1s; */
    visibility: hidden;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu {
    position: absolute;
    min-height: 180px;
    padding: 18px 0 0px;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu:before {
    content: "";
    /* 2018-12-10 */
    /* background: #fff; */
    background: #0f3b58;
    /* background: rgba(15,59,88,0.8); */
    position: absolute;
    left: -100vw;
    top: 0;
    right: -100vw;
    bottom: -2vh;
    /* box-shadow: 0 1px 20px grey; */

  }
  /* 2018-12-10 추가 코드 - 그림자를 한 면만 적용하기 위함 */
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu:after {
    content: '';
    position: absolute;
    width: 200vw;
    height: 1px;
    bottom: 0;
    left: -100vw;
    z-index: -1;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.75);
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul {
    position: relative;
    white-space: nowrap;
    /* 2018-12-05 추가 코드 
				 2018-12-17 추가 수정*/
    width: 120%;
    left: -20%;
    text-align: center;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li {
    float: none;
    /* margin-top: 5px; */
    /* padding: 5px; */
    /* width: 149px */
    padding: 5px 5px 5px 15px;

    text-align: left;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li:focus,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li:hover {
    background: #fff;
  }
  /* 2018-12-17 추가 코드 */
  #Wrap header.main nav.primary li.facilities .level-2 .level-2-wrapper-menu > ul > li:focus,
  #Wrap header.main nav.primary li.facilities .level-2 .level-2-wrapper-menu > ul > li:hover {
    background: none;
  }

  #Wrap header.main nav.primary li.facilities .level-2 .level-2-wrapper-menu > ul > li .level-3 li:focus,
  #Wrap header.main nav.primary li.facilities .level-2 .level-2-wrapper-menu > ul > li .level-3 li:hover {
    background: #fff;
  } 

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li:first-child {
    margin-top: 0;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li:last-child {
    margin-right: 0;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal {
    white-space: normal;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li {
    /* 아래 코드는 depth-3 메뉴를 사용하지 않으므로 임시폐기함 */
    /* margin: 0 10px 20px 0; 
			 display: inline-block; */
    display: block;
    vertical-align: top;
  }

  #wrap header.main nav.primary .facilities .level-2 .level-2-wrapper-menu > ul > li {
    margin-top: 5px;
    padding: 5px;
    width: 149px;
  }

  #Wrap header.main nav.primary .facilities .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li {
    margin: 0 10px 20px 0;
    display: inline-block;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li > .menuitem > a {
    color: white;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li > .level-3 > li > a {
    color: #bbb;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li:focus > .menuitem > a,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li:hover > .menuitem > a {
    color: #333;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal.has-level-3 > li:focus > .menuitem > a,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal.has-level-3 > li:hover > .menuitem > a {
    color: #0e77bb;
    text-decoration: none;
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul.menu-horizontal > li > .level-3 > li:hover > a {
    color: #333;
  }

  #Wrap header.main nav.primary .level-3 > li {
    float: none;
    margin-top: 5px;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content {
    display: block;
    position: absolute;
    z-index: 1;
    /* 2018-12-10 삭제 */
    /* left: 50%; */
    right: 0;
    margin-top: 18px;
  }
  /* 2018-12-10 추가 코드 */
  #Wrap header.main nav.primary .level-2-wrapper-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 200px;
    border-left: white 1px dashed;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner a {

    color: white;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner {
    float: right;
    max-width: 275px;
    padding-bottom: 30px;
    text-align: center;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #666;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner figcaption {
    margin-top: 10px;
    /* 2018-12-11 중요함, 익스플로러11에서 메뉴 전환시 딜레이가 있어서 배경색상을 줘야 겹쳐보이지 않는다 */
    background-color: #0f3b58;

  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner figcaption p {
    display: inline-block;
    height: 60px;
    background-color: #0f3b58;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner .link-text {
    transition: all .3s ease;
    font-size: 14px;
    font-size: .875rem;
    color: #ccc;
    display: inline-block;
    font-family: "FFMagdaCleanWebProBold", Arial, Helvetica, sans-serif;
    padding-top: 10px;
    text-transform: uppercase;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner .link-text:after {
    display: inline-block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner .link-text:after {
    font-size: 8px;
    font-size: .5rem;
    font-weight: bold !important;
    vertical-align: middle;
    margin-left: 4px;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .banner a:hover .link-text,
  #Wrap header.main nav.primary .level-2-wrapper-content .banner:focus .link-text {
    color: #fff;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .categories-usp-banner {
    clear: both;
    float: right;
    letter-spacing: .35px;
    max-width: 550px;
    text-align: center;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .categories-usp-banner * {
    font-size: 18px;
    font-size: 1.125rem;
    color: #ccc;
    font-family: "FFMagdaCleanWebProRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .categories-usp-banner * * {
    color: inherit;
  }

  #Wrap header.main nav.primary .level-2-wrapper-content .categories-usp-banner:focus {
    color: #fff;
  }
}
/* //8 */
/* 9 */
@media (min-width: 1200px) {
  #Wrap header.main nav.primary .level-1 > li:nth-child(1) .level-2-wrapper-menu {
    max-width: calc((58% - (1 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(2) .level-2-wrapper-menu {
    max-width: calc((58% - (2 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(3) .level-2-wrapper-menu {
    max-width: calc((58% - (3 * 10%)) + 6%);
  }

  #Wrap header.main nav.primary .level-1 > li:nth-child(4) .level-2-wrapper-menu {
    max-width: calc((58% - (4 * 10%)) + 6%);
  }
  /* 2018-12-20 추가 코드 */
  #Wrap header.main nav.primary .level-1 > li > .menuitem > a {
    font-size: 14px;
  }
}
/* //9 */
/* 10 */
@media (min-width: 992px) {
  #Wrap header.main .header-search-container {
    position: relative;
    z-index: 1;
  }
}
/* //10 */
/* 11 */
@media (min-width: 720px) {
  #Wrap header.main nav.secondary {
    float: right;
    position: relative;
    padding: 22px 0 0 20px;
  }
}
/* //11 */
/* 12 */
@media (min-width: 992px) {
  #Wrap header.main nav.secondary {
    padding-top: 35px;
  }
}
/* //12 */
/* 13 */
@media (min-width: 720px) {
  #Wrap header.main nav.secondary .menu-helper-links-wrapper,
  #Wrap header.main nav.secondary .menu-utility-user {
    display: inline-block;
    vertical-align: top;
  }

  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links,
  #Wrap header.main nav.secondary .menu-utility-user .user-info {
    height: 48px;
  }
}
/* //13 */
/* 14 */
@media (min-width: 720px) and (min-width: 992px) {
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links,
  #Wrap header.main nav.secondary .menu-utility-user .user-info {
    height: 55px;
  }
}
/* //14 */
/* 15 */
@media (min-width: 720px) {
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .helper-links,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links .background,
  #Wrap header.main nav.secondary .menu-utility-user .user-info .background,
  #Wrap header.main nav.secondary .menu-utility-user .user-panel {
    transition: all .3s ease;
    opacity: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
  }
}
/* //15 */
/* 16 */
@media (min-width: 720px) and (min-width: 480px) {
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .helper-links,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links .background,
  #Wrap header.main nav.secondary .menu-utility-user .user-info .background,
  #Wrap header.main nav.secondary .menu-utility-user .user-panel {
    top: 70px;
  }
}
/* //16 */
/* 17 */
@media (min-width: 720px) and (min-width: 992px) {
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .helper-links,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links .background,
  #Wrap header.main nav.secondary .menu-utility-user .user-info .background,
  #Wrap header.main nav.secondary .menu-utility-user .user-panel {
    top: 90px;
  }
}
/* //17 */
/* 18 */
@media (min-width: 720px) {
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:focus .helper-links,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:focus .menu-helper-links .background,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:hover .helper-links,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:hover .menu-helper-links .background,
  #Wrap header.main nav.secondary .menu-utility-user:focus .user-info .background,
  #Wrap header.main nav.secondary .menu-utility-user:focus .user-panel,
  #Wrap header.main nav.secondary .menu-utility-user:hover .user-info .background,
  #Wrap header.main nav.secondary .menu-utility-user:hover .user-panel {
    opacity: 1;
    visibility: visible;
    padding-top: 20px;
  }

  #Wrap header.main nav.secondary .menu-helper-links-wrapper:focus .main-link:after,
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:hover .main-link:after,
  #Wrap header.main nav.secondary .menu-utility-user:focus .link-user:after,
  #Wrap header.main nav.secondary .menu-utility-user:hover .link-user:after {
    right: 0;
  }
  /* ,#Wrap header.main nav.secondary .menu-utility-user .user-info .background  */
  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links .background {
    transition: all .3s ease;
    background: #0f3b58;
    box-sizing: content-box;
    left: 0;
    min-height: 90px;
    right: 0;
    z-index: -1;
  }

  /* #Wrap header.main nav.primary .level-1 > li:focus > .menuitem > a,
  #Wrap header.main nav.primary .level-1 > li:hover > .menuitem > a {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    color: white;
  } */
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:hover>.menu-helper-links{
	  padding-left: 16px;
	  
  }
  #Wrap header.main nav.secondary .menu-helper-links-wrapper:hover::before {
    content: "";
    position: absolute;
    background: #0f3b58;
    bottom: 0;
    top: 0;
    width: 48%;
  }

  #Wrap header.main nav.secondary .menu-helper-links-wrapper .menu-helper-links .menu-content,
  #Wrap header.main nav.secondary .menu-utility-user .user-info .menu-content {
    padding-bottom: 20px;
  }

  #Wrap header.main nav.secondary .menu-helper-links-wrapper .main-link,
  #Wrap header.main nav.secondary .menu-utility-user .link-user {
    display: block;
    height: 26px;
    line-height: 26px;
    position: relative;
  }

  #Wrap header.main nav.secondary .menu-helper-links-wrapper .main-link:after,
  #Wrap header.main nav.secondary .menu-utility-user .link-user:after {
    transition: all .3s ease;
    border-bottom: 1px solid skyblue;
    content: "";
    display: block;
    left: 0;
    margin-top: 10px;
    position: absolute;
    right: 100%;
    top: 100%;
  }
}
/* //18
	이하 컴퓨터 작성
*/

#Wrap header.main .menu-utility-user {
  margin: 0;
  padding: 0;
  margin-right: 20px;
}

#Wrap header.main .menu-utility-user:after,
#Wrap header.main .menu-utility-user:before {
  content: " ";
  display: table;	
}

#Wrap header.main .menu-utility-user:after {
  clear: both;
}

#Wrap header.main .menu-utility-user > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#Wrap header.main .menu-utility-user > li {
  display: block;
  float: left;
}

#Wrap header.main .menu-utility-user a {
  color: #666;
}

#Wrap header.main .menu-utility-user .user-panel .user-links a {
  color: #999;
  display: block;
  font-weight: bold;
  margin-top: 6px;
  text-transform: uppercase;
}
/* 19 */
@media (min-width: 720px) and (max-width: 991px) {
  #Wrap header.main .menu-utility-user .user-panel .user-links a {
    margin-top: 10px;
  }
}
/* //19 */
#Wrap header.main .menu-utility-user .user-panel .user-links a:first-child {
  margin-top: 0;
}

#Wrap header.main .menu-utility-user .user-panel .user-links a:focus,
#Wrap header.main .menu-utility-user .user-panel .user-links a:hover {
  color: #fff;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links {
  margin-right: 20px;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .main-link {
  color: #666;
}
#Wrap header.main .menu-helper-links-wrapper:hover .menu-helper-links .main-link{
	color: #fff
}


#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links {
  margin: 0;
  padding: 0;
  left: 0;
  right: 70px;
  text-align: right;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links:after,
#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links:before {
  content: " ";
  display: table;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links:after {
  clear: both;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links > li {
  display: block;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links li {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 10px;
}
/* 20 */
@media (min-width: 720px) and (max-width: 991px) {
  #Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links li {
    margin-top: 10px;
  }
}
/* //20 */
#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links li:first-child {
  margin-top: 0;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links li a {
  color: #999;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links li a:focus,
#Wrap header.main .menu-helper-links-wrapper .menu-helper-links .helper-links li a:hover {
  color: #fff;
}
/* 21 */
/* 모바일 구성시 */
@media (max-width: 991px) {
  #Wrap header.main {
    z-index: 11;
  }

  #Wrap header.main .mobile-menu-container {
    transition: all .3s ease;
    background: #333;
    left: -370px;
    position: absolute;
    top: 0;
    width: 270px;
    z-index: 1;
    padding-top: 105px;
  }

  #Wrap header.main .navigation-toggler {
    font-size: 18px;
    font-size: 1.125rem;
    transition: all .3s ease;
    background: #333;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 70px;
    left: 270px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
  }

  #Wrap header.main .navigation-toggler:before {
    display: inline-block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #Wrap header.main .navigation-toggler:focus,
  #Wrap header.main .navigation-toggler:hover {
    color: skyblue;
  }

  #Wrap header.main .mobile-navigation-container {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 105px);
  }

  #Wrap header.main nav.primary .level-1 > li > .menuitem > a,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a,
  #Wrap header.main nav.primary .level-3 > li > a {
    color: #fff;
    padding: 10px 15px;
  }

  #Wrap header.main nav.primary .level-1 > li > .menuitem > a:focus,
  #Wrap header.main nav.primary .level-1 > li > .menuitem > a:hover,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a:focus,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a:hover,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a:focus,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a:hover,
  #Wrap header.main nav.primary .level-3 > li > a:focus,
  #Wrap header.main nav.primary .level-3 > li > a:hover {
    color: #999;
  }

  #Wrap header.main nav.primary .level-1 li,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu {
    position: relative;
  }

  #Wrap header.main nav.primary .level-1 li .menuitem a,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem a {
    display: inline-block;
    position: relative;
    z-index: 1;
  }

  #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem .menuitem-toggler {
    transition: all .3s ease;
    /* background: rgba(0,0,0,0.54); */
    /* background: rgba(14, 119, 187, 0.6); */
    cursor: pointer;
    display: block;
    height: 36px;
    left: 0;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    z-index: 0;
  }
  /* 모바일메뉴 토글 아이콘 */
  #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler:before,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem .menuitem-toggler:before {
    display: inline-block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler:before {
    content: '+';
    font-size: 20px;
  }

  #Wrap header.main nav.primary .level-1 li.on > .menuitem > .menuitem-toggler:before {
    content: '-';
  }
  /* 2018-12-18 추가 코드 */
  #Wrap header.main nav.primary .has-level-3 li.active > .menuitem > .menuitem-toggler:before {
    content: '-';
  }

  #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler:before,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem .menuitem-toggler:before {
    margin-right: 10px;
  }

  #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler:focus,
  #Wrap header.main nav.primary .level-1 li .menuitem .menuitem-toggler:hover,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem .menuitem-toggler:focus,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .menuitem .menuitem-toggler:hover {
    color: #999;
  }

  #Wrap header.main nav.primary .level-1 li .level-2,
  #Wrap header.main nav.primary .level-1 li .level-3,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu .level-3 {
    display: none;
  }
  /* 2018-12-18 수정 */
  #Wrap header.main nav.primary .level-1 li.active .level-3,
  #Wrap header.main nav.primary .level-2 li.has-sub-menu.active .level-3 {
    display: block;
  }
  /* 2018-12-03 추가된 코드 */
  #Wrap header.main nav.primary .level-1 li.active .level-2 {
    display: block;
  }
  #Wrap header.main nav.primary ul.level-1{
    margin: 40% auto;
    width: 80%;
  }
  #Wrap header.main nav.primary .level-1 {
    border-top: 1px solid #fff;
  }

  #Wrap header.main nav.primary .level-1 > li .menuitem {
    border-bottom: 1px solid #fff;
  }

  #Wrap header.main nav.primary .level-3 > li {
    border-bottom: 1px solid #424242;
  }
  /* 이게 1075번 코드랑 중복되어야 할 이유는? level-2토글 제거시 이 색상이 적용된다.*/
  #Wrap header.main nav.primary .level-2 {
    /* background: rgba(0,0,0,0.54); */
  }

  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > .menuitem > a,
  #Wrap header.main nav.primary .level-2 .level-2-wrapper-menu > ul > li > a {
    padding-left: 30px;
  }

  #Wrap header.main nav.primary .level-3 > li > a {
    color: #ccc;
    padding-left: 45px;
  }
  /* 2018-12-03 추가된 코드 */
  nav.primary {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: opacity .5s 0s, visibility .1s .5s;
    transition: opacity .5s 0s, visibility .1s .5s;
  }
  /* //2018-12-03 추가된 코드 */
  ul.level-1 {
    border-top: 1px solid #666;
  }

  ul.level-1 > li {
    display: block;
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #666;
    /* 2018-12-03 코드 수정 */
    /* 2020-7-27 코드 수정 */
    /* background: rgba(0,0,0,0.54); */
    /* background: rgba(14, 119, 187, 0.902); */
    /* background: rgba(0,0,0,0.54); */
    font-size: 12px;
    color: #fff;
    text-align: center;
    letter-spacing: .1em;
    width: 100%!important;
  }

  ul.level-1 > li.has-sub-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    /* background: #000; */
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
  }

  .js-status-headeropen nav.primary {
    opacity: 1;
    width: 50%;
    min-width: 300px;
    height: 9999%;
    background: rgba(0,0,0,0.74);
    -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transition: opacity .5s 0s, visibility .1s 0s;
    transition: opacity .5s 0s, visibility .1s 0s;
  }

  /* 2018-12-10추가한 코드 */
  #Wrap header.main nav.primary .level-1 li.on .level-2,
  #Wrap header.main nav.primary .level-1 li:focus .level-2 {
    display: block;
  }

}
@media(max-width:479px) {
  nav.primary {
    top: 50px;
  }
}
/* //21 */
/* 22 */
@media (min-width: 720px) and (max-width: 991px) {
  #Wrap header.main .navigation-toggler {
    left: auto;
    right: 0;
    width: 40px;
  }
}
/* //22 */
/* 23 */
@media (max-width: 719px) {
  #Wrap header.main .mobile-menu-container {
    padding-top: 100px;
  }

  #Wrap header.main .mobile-navigation-container {
    max-height: calc(100vh - 100px);
  }

  #Wrap header.main nav.secondary {
    padding-top: 25px;
  }

  #Wrap header.main nav.secondary > * {
    display: none;
  }
}
/* //23 */
/* 24 */
@media (max-width: 479px) {
  #Wrap header.main .navigation-toggler {
    height: 40px;
    left: 270px;
    line-height: 40px;
    width: 50px;
  }

  #Wrap header.main nav.secondary {
    padding-top: 10px;
  }
}
/* //24 */
/* 25 */
@-moz-document url-prefix() {}
/* //25 */
/* #Wrap {
  overflow-y: hidden;
} */

* {
  transition: visibility .01s;
}

/* footer */
footer {
  background-color: #585858;
  padding: 25px;
}

li,
ul {
  list-style-type: none;
}

.list {
  margin-top: 15px;
}

footer div.row * {
  color: white;
}
/* 2018-12-05 추가 코드 */
@media (min-width: 1101px) and (min-width: 1101px) and (max-width: 1199px) {
  #Wrap header.main nav.primary .level-1 > li {
    /* margin-left: 20px; */
    /* 2019-2-25 */
    padding-left: 20px;
  }

}

.breadcrumb {
  position: relative;
}

.breadcrumb > li {
  z-index: 10;
}

.breadcrumb > .cover::before {
  content: "";
  position: absolute;
  height: 45px;
  top: 0;
  left: -300vw;
  right: -300vw;
  background: #e9ecef;
}
@media (min-width: 480px) {
  .breadcrumb > .cover::before {
    height: 42px;
  }

  .jumbotron {
    margin-bottom: 0;
    color: white;
  }

  .jumbo_1 {
    background: url("img/site01_about/bg_jumbo01_top.jpg");
    height: 200px;
  }

  .jumbo_2 {
    background: url("img/site02_facilities/bg_jumbo02_top.jpg");
    height: 200px;
  }

  .jumbo_3 {
    background: url("img/site03_produce/bg_jumbo03_top.jpg");
    height: 200px;
  }

  .jumbo_4 {
    background: url("img/site04_operation/bg_jumbo04_top.jpg");
    height: 200px;
  }

  .jumbo_5 {
    background: url("img/site05_movie/bg_jumbo05_top.jpg");
    height: 200px;
  }

  footer {
    font-family: open sans,malgun gothic,nanum gothic,dotum,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #555b61;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  body footer {
    font-family: open sans,malgun gothic,nanum gothic,dotum,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin-top: 30px;
  }

  footer p {
    margin: 0 0 5px;
  }

  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }

  a:active,
  a:hover {
    outline: none;
  }

  a {

    text-decoration: none;
    cursor: pointer;
  }

  a:hover {
    color: #388aff;
    text-decoration: underline;
  }

  * {
    -webkit-tap-highlight-color: transparent;
  }

  ::-moz-selection {
    color: #25282b;
    text-shadow: none;
  }

  ::selection {
    color: #25282b;
    text-shadow: none;
  }
  @-ms-viewport {
    width: device-width;
  }

  html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
  }

  *,
  *::after,
  *::before {
    box-sizing: inherit;
  }

  .eq.footer {
    padding-top: 20px;
    position: relative;
  }

  .footerLogo {
    position: absolute;
    top: 0;
    left: 530px;
  }

  .eq.footer-menu {
    margin: 0 0 20px;
    padding: 0;
  }

  .eq.footer-menu li {
    display: inline;
    list-style: none;
  }

  .eq.footer-menu li a {
    color: #868e96;
    /* font-size: .875rem; */
    font-size: .75rem;
    padding-right: 15px;
    text-decoration: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
  }

  .eq.footer-menu li a:hover {
    color: #555b61;
  }

  .eq.padding-bottom-default {
    padding-bottom: 30px !important;
  }
  @media(max-width:639px) {
    .eq.padding-horizontal-small\@s {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
  }

  .eq.text-xsmall {
    font-size: .75rem;
  }

  .eq.text-muted {
    color: #868e96!important;
  }

  .footerLeft {
    margin-top: 63px;
  }

  .footerLeft h6 {
    margin-bottom: 5px;
  }

  .footerSub p {
    font-size: .75rem;
  }
  @media (min-width: 768px) {
    /* 차장님이 푸터가 중앙에 안 있어서 싫어함 */
    footer .container {
      padding-top: 20px;
      padding-left: 20px;
    }
  }

  .card-body {
    padding: .4rem;
  }

  .card-body h6 {
    font-size: 12px;
  }
}

/* Basic table styling */
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.table-res td,
.table-res th {
  padding: 6px 8px;
  vertical-align: top;
  white-space: nowrap;
}
  
caption,
th {
  font-weight: bold;
  text-align: left;
}

/* thead th {
  background: #f3f3f3;

} */

/* Scrollable table styling */
.scrollable.has-scroll {
  position: relative;
  overflow: hidden;
  /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}

.scrollable.has-scroll:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  border-radius: 10px 0 0 10px / 50% 0 0 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  content: '';
}

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
  overflow-x: auto;
}

/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
.scrollable > div::-webkit-scrollbar {
  height: 12px;
}

.scrollable > div::-webkit-scrollbar-track {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
  background: #f0f0f0;
}

.scrollable > div::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #ccc;
}

.table-res .nwr {
  white-space: normal;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

.projectFactsWrap {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.projectFactsWrap .item {

  text-align: center;
}

.projectFactsWrap > div:first-child {
  background: #01448c;
}

.projectFactsWrap > div:nth-child(2) {
  background: #013c7b;
}

.projectFactsWrap > div:nth-child(3) {
  background: #01346b;
}

.projectFactsWrap .item p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 10px;
  font-family: "Open Sans";
}

.projectFactsWrap .item p.number {
  font-size: 30px;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item span.hr {
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}

.projectFactsWrap.card-group > .card {
  margin-bottom: 0;
}

ul.sitemap_depth1 > li span h3 {
  padding-left: 10px;
}

/* products */
/* Section Padding */
.section-padding-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.single_catagory_area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 400px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_catagory_area {
    height: 300px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single_catagory_area {
    height: 200px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single_catagory_area {
    margin-bottom: 30px;
  }
}

.single_catagory_area:after {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  content: "";
  width: 100%;
  height: 15%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -10;
}

.catagory-content {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
}

.single_catagory_area .catagory-content a {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_catagory_area .catagory-content a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single_catagory_area .catagory-content a {
    font-size: 18px;
  }
}

.single_catagory_area:hover .catagory-content a {
  color: rgba(255, 255, 255, 0.2);
}

.single_catagory_area:hover:after {
  background-color: rgba(255, 255, 255, 0.2);
}

/* my source */
.picPanel {
  float: left;
  padding: 0;
  margin: 10px;
  width: 250px;
  height: 100%;
}

.picPanel > img {
  width: 100%;
}

.picPanel > span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: #333;
  background-color: rgba(0,0,0,.5);
  color: #fff;
}

#m_cont_w{
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  z-index: 55;
}

#m_cont_w .m_cont{
  width: 100%;
  margin: 0 auto;
}

#m_cont_w .m_cont .slogan{
  text-align: center;
  color: #fff;
  padding-bottom: 45px;
}

#m_cont_w .m_cont .slogan p{
  font-size: 4vw;
  font-weight: 700;
  /* line-height: 90px; */
}

#m_cont_w .m_cont .link{overflow:hidden;}
#m_cont_w .m_cont .link p{text-align:center; float:left; padding:38px 0}
#m_cont_w .m_cont .link p a{font-size:16px; color:#fff; font-weight:700; display:inline-block; margin-left:30px}
#m_cont_w .m_cont .link p a:first-child{margin-left:0;}
#m_cont_w .m_cont .link p a img{display:block; margin-bottom:15px;}
#m_cont_w .m_cont .link .link_01{width:450px; background:rgba(44, 166, 241, 0.43);}
/*
#main .carousel-inner::after{
  background-color: black;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    opacity: 0.5!important;
    filter: alpha(opacity=50);
    background-size: 100%;
}  
*/


/* 임시 */


#mcontainer-wrap {position:relative;width:100%;letter-spacing:-.075em;}
#mcontainer {position:relative;word-break:keep-all;}

/* 레이아웃 */
.sec-in {max-width:1200px;margin:0 auto;position:relative;}
@media all and (max-width:1260px){
	.sec-in {margin:0 30px;}
}
@media all and (max-width:640px){
	.sec-in {margin:0 15px;}
}

/* 공통 */
.mtit {font-family:"Noto Serif KR";font-weight:500;font-size:28px;color:#333;}
.btn-more {font-family:"Noto Serif KR";font-weight:300;font-size:16px;color:#666;padding-right:37px;;position:relative;}
.btn-more:after {display:block;content:"";width:26px;height:8px;background:url(/resources/homepage/arpina/_Img/Main/main_more.png) no-repeat 100% 50%;transition:all .3s ease;position:absolute;top:0;bottom:0;right:0;margin:auto;}
.btn-more:hover:after, .btn-more:focus:after {right:10px;}
@media all and (max-width:999px){
	.mtit {font-size:26px;font-weight:700;}
	.btn-more {font-size:15px;font-weight:400;}
}
@media all and (max-width:768px){
	.mtit {font-size:22px;}
}
@media all and (max-width:599px){
	.mtit {font-size:20px;}
	.btn-more {font-size:14px;}
}

/* 메인 비쥬얼 */
#mvisual-wr {position:relative;overflow:hidden;margin:50px 0 0;opacity:0;}
.loaded #mvisual-wr {opacity:1;}
#mvisual {position:relative;/* height:560px; */}
#mvisual .owl-stage-outer {height:100%;overflow:visible;}
#mvisual .owl-stage-outer .owl-stage {height:100%}
#mvisual .owl-stage-outer .owl-stage .owl-item {height:100%;}
#mvisual .owl-item {overflow:hidden;}
#mvisual .item {position:relative;max-width:1200px;height:100%;margin:0 auto;padding-bottom:155px;}
#mvisual .vis-img {position:relative;width:100%;height:100%;margin-left:510px;}
#mvisual .vis-img:before, #mvisual .vis-img:after {display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:67px;transform:skewX(11.8deg);-ms-transform:skewX(11.8deg);}
#mvisual .vis-img:before {background:#e9e9e9;box-shadow:-25px 41px 57px 0px rgba(0, 0, 0, 0.29);top:60px;left:210px;}
#mvisual .vis-img:after {box-shadow:-25px 41px 57px 0px rgba(0, 0, 0, 0.29);}
#mvisual .vis-img img {position:relative;z-index:2;}
#mvisual .vis-txt {position:absolute;top:162px;left:0;}
#mvisual .vis-txt span {display:block;}
#mvisual .vis-txt .tit {font-size:36px;font-family:"Noto Serif KR";color:#333;line-height:1.2;position:relative;margin:0 0 35px;padding:0 0 38px}
#mvisual .vis-txt .tit em {display:block;font-style:normal;font-size:54px;color:#1d2088;}
#mvisual .vis-txt .tit:before {display:block;content:"";width:46px;height:1px;background:#494949;position:absolute;bottom:0;left:18px;}
#mvisual .vis-txt .tit em:before, #mvisual .vis-txt .tit em:after {display:block;content:"";width:5px;height:1px;background:#494949;position:absolute;bottom:0;}
#mvisual .vis-txt .tit em:before {left:0;}
#mvisual .vis-txt .tit em:after {left:8px;}
#mvisual .vis-txt .txt {font-size:20px;color:#333;}
#mvisual-wr .ctrlnums-wrap {max-width:1200px;margin:0 auto;position:relative;}
#mvisual-wr .ctrl-nums {background:#1b64b7;position:absolute;top:445px;left:0;vertical-align:middle;box-sizing:border-box;z-index:2;}
#mvisual-wr .ctrlnums-wrap span {display:inline-block;vertical-align:middle;}
#mvisual-wr .ctrlnums-wrap .ctrl-nums {max-width:510px;height:50px;}
#mvisual-wr .ctrlnums-wrap .ctrl-nums:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%;}
#mvisual-wr .ctrlnums-wrap button {display:inline-block;vertical-align:middle;width:28px;height:28px;border:0;background:transparent;position:relative;margin:0 2px;}
#mvisual-wr .ctrl-btns .btn-play {display:none;}
#mvisual-wr .ctrlnums-wrap button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transition:all .3s ease;}
#mvisual-wr .ctrl-btns {margin:0 0 0 10px;}
#mvisual-wr .ctrl-btns button:before {width:12px;height:12px;box-sizing:border-box;}
#mvisual-wr .ctrl-btns .btn-prev:before {border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#mvisual-wr .ctrl-btns .btn-next:before {border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#mvisual-wr .ctrl-btns .btn-play:before {border:6px solid transparent;border-left:10px solid #fff;border-right:0;left:3px;}
#mvisual-wr .ctrl-btns .btn-stop:before {width:8px;border:2px solid #fff;border-top:0;border-bottom:0;}
#mvisual-wr .nums {background:#174d9e;height:100%;padding:0 18px;margin:0 0 0 2px;}
#mvisual-wr .nums:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%;}
#mvisual-wr .nums button:before {width:8px;height:8px;background:#fff;border-radius:50%;}
#mvisual-wr .nums button.active:before {border:2px solid #fff;background:transparent;}
#mvisual-wr .ctrlnums-wrap .item-cnt {display:inline-block;vertical-align:middle;color:#fff;font-weight:300;font-size:16px;margin:0 10px;}
.isMain.loaded #mvisual .item {opacity:1;}
.isMain.loaded #mvisual .vis-txt .tit {opacity:1;transform:translateY(0);-ms-transform:translateY(0);transition-delay:.15s;}
.isMain.loaded #mvisual .vis-txt .txt {opacity:1;transform:translateY(0);-ms-transform:translateY(0);transition-delay:.55s;}
@media all and (max-width:1260px){
	#mvisual .owl-stage-outer .owl-stage .owl-item {}
	#mvisual .item {}
	#mvisual .vis-img {margin-left:40%;}
	#mvisual .vis-txt {top:85px;left:30px;z-index:2;}
	#mvisual .vis-txt .tit {font-size:26px;}
	#mvisual .vis-txt .tit em {font-size:40px;}
	#mvisual .vis-txt .txt {font-size:18px;}
	#mvisual-wr .ctrlnums-wrap {position:absolute;top:100%;left:30px;margin-top:-200px;}
	#mvisual-wr .ctrl-nums  {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;}
}
@media all and (max-width:1099px){
	#mvisual .vis-txt {top:55px;}
}
@media all and (max-width:999px){
	#mvisual .item {padding-bottom:17%;}
	#mvisual .vis-img:before {top:40px;left:100px;}
	#mvisual .vis-txt .tit {font-size:20px;padding-bottom:20px;margin-bottom:20px;}
	#mvisual .vis-txt .tit em {font-size:34px;}
	#mvisual .vis-txt .txt {font-size:16px;}
	#mvisual-wr .ctrlnums-wrap {margin-top:-23%;}
	#mvisual-wr .ctrlnums-wrap .item-cnt {font-size:14px;}
}
@media all and (max-width:768px){
	#mvisual .vis-img:before, #mvisual .vis-img:after {box-shadow:-15px 0px 47px 0px rgba(0, 0, 0, 0.29);}
	#mvisual .vis-img:before {top:30px;left:85px;}
	#mvisual .vis-txt {top:15px;}
	#mvisual .vis-txt .tit {font-size:18px;}
	#mvisual .vis-txt .tit em {font-size:28px;}
	#mvisual .vis-txt .txt {font-size:15px;}
}
@media all and (max-width:699px){
	#mvisual-wr {margin:0;}
	#mvisual-wr .sec-in {margin:0;}
	#mvisual .item {width:100%;padding-bottom:0;}
	#mvisual .vis-img {height:401px;position:relative;margin-left:0;}
	#mvisual .vis-img img {position:absolute;top:0;left:-80px;width:780px;height:100%;}
	#mvisual .vis-img:before, #mvisual .vis-img:after {display:none;}
	#mvisual .vis-txt {top:auto;bottom:40px;left:0;padding:10px 20px;width:100%;box-sizing:border-box;}
	#mvisual .vis-txt:before {display:block;content:"";width:100%;height:200%;background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);position:absolute;bottom:0;left:0;}
	#mvisual .vis-txt .tit {font-size:15px;padding-bottom:12px;margin-bottom:8px;color:#fff;}
	#mvisual .vis-txt .tit em {font-size:24px;color:#fff;}
	#mvisual .vis-txt .txt {color:#fff;}
	#mvisual .vis-txt .txt br {display:none;}
	#mvisual-wr .ctrlnums-wrap {margin-top:-40px;width:100%;left:0;}
	#mvisual-wr .ctrlnums-wrap .ctrl-nums {height:40px;width:100%;max-width:100%;}
  #mvisual-wr .nums {float:right;}
  #mvisual-wr .nums {float:right;}
  #mvisual-wr .nums {float:right;}
}
@media all and (max-width:599px){
	#mvisual .vis-img {height:360px;}
	#mvisual .vis-img img {left:-75px;width:700px;}
}
@media all and (max-width:499px){
	#mvisual .vis-img {height:308px;}
	#mvisual .vis-img img {width:600px;}
}
@media all and (max-width:399px){
	#mvisual .vis-img {height:247px;}
	#mvisual .vis-img img {width:480px;}
}

/* 시설안내 */
.mfacility-wr {margin:-45px 0 70px;}
.mfacility-wr .mtit {font-size:32px;text-align:center;margin-bottom:5px;}
.mfacility-wr .mtxt {font-size:18px;color:#555;text-align:center;margin-bottom:35px;}
.mfacility-wr .mfac-sec-wr {overflow:hidden;color:#fff;height:460px;}
.mfacility-wr .mfac-sec {width:33.333%;height:100%;float:left;text-align:left;box-sizing:border-box;padding:84px 30px;text-align:left;position:relative;overflow:hidden;}
.mfacility-wr .mfac-sec:before {display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(/resources/homepage/arpina/_Img/Main/mfacility01.jpg) no-repeat 50% 50%;background-size:100% auto;transition:all .7s ease;}
.mfacility-wr .mfac-sec a {display:block;color:#fff;position:relative;z-index:1;}
.mfacility-wr .mfac-sec .tit {position:relative;padding:0 0 10px;margin:0 0 15px;text-shadow: -1px 2px 10px rgba(0, 0, 0, 0.2);}
.mfacility-wr .mfac-sec .tit span {display:block;}
.mfacility-wr .mfac-sec .tit .etit {font-family:"Noto Serif KR";font-weight:300;font-size:17px;text-transform:uppercase;}
.mfacility-wr .mfac-sec .tit .ktit {display:inline-block;font-size:32px;font-weight:500;border-bottom:1px solid transparent;}
.mfacility-wr .mfac-sec .tit:before, .mfacility-wr .mfac-sec .tit:after, .mfacility-wr .mfac-sec .ktit:after {display:block;content:"";height:1px;background:#fff;position:absolute;bottom:0;}
.mfacility-wr .mfac-sec .tit:before {width:2px;left:0;}
.mfacility-wr .mfac-sec .tit:after {width:4px;left:4px;}
.mfacility-wr .mfac-sec .tit .ktit:after {width:14px;left:11px;}
.mfacility-wr .mfac-sec .txt {}
.mfacility-wr .mfac-sec .txt span {display:block;}
.mfacility-wr .mfac-sec ul {font-size:0;margin:38px 0 0;position:relative;z-index:1;}
.mfacility-wr .mfac-sec li {display:inline-block;vertical-align:middle;margin-left:13px;}
.mfacility-wr .mfac-sec li:first-child {margin-left:0;}
.mfacility-wr .mfac-sec li a {font-size:13px;text-align:center;position:relative;}
.mfacility-wr .mfac-sec li a:before, .mfacility-wr .mfac-sec li a:after {display:block;content:"";width:74px;height:74px;border-radius:50%;box-sizing:border-box;transition:all .3s ease;}
.mfacility-wr .mfac-sec li a:before {background:url(/resources/homepage/arpina/_Img/Main/mfacility_guest01.png) no-repeat;margin:0 auto 8px;}
.mfacility-wr .mfac-sec li a:after {border:2px solid transparent;position:absolute;top:0;left:50%;margin-left:-37px;}
.mfacility-wr .mfac-sec li a span {display:inline-block;border-bottom:1px solid transparent;padding-bottom:2px;transition:all .3s ease;}

.mfacility-wr .mfac1:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility01.jpg);}
.mfacility-wr .mfac2:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility02.jpg);}
.mfacility-wr .mfac3:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility03.jpg);}
.mfacility-wr .mfac1 li.n1 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest01.png);}
.mfacility-wr .mfac1 li.n2 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest02.png);}
.mfacility-wr .mfac1 li.n3 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest03.png);}
.mfacility-wr .mfac1 li.n4 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest04.png);}
.mfacility-wr .mfac3 li.n1 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_sport01.png);}
.mfacility-wr .mfac3 li.n2 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_sport02.png);}

.mfacility-wr .mfac-sec:hover:before, .mfacility-wr .mfac-sec:focus:before {transform:scale(1.1);-ms-transform:scale(1.1);}
.mfacility-wr .mfac-sec a.t-link:hover .ktit, .mfacility-wr .mfac-sec a.t-link:focus .ktit {border-bottom-color:#fff}
.mfacility-wr .mfac-sec li a:hover span, .mfacility-wr .mfac-sec li a:focus span {border-bottom-color:#fff;}
.mfacility-wr .mfac-sec li a:hover:after, .mfacility-wr .mfac-sec li a:focus:after {border-color:#1b64b7;}
@media all and (max-width:999px){
	.mfacility-wr {margin-bottom:40px;}
	.mfacility-wr .mtit {font-size:26px;text-align:left;}
	.mfacility-wr .mtxt {font-size:16px;text-align:left;margin:0 0 15px;}
	.mfacility-wr .mfac-sec-wr {height:auto;}
	.mfacility-wr .mfac-sec {padding:24px 20px;width:100%;position:relative;}
	.mfacility-wr .mfac-sec a.t-link {overflow:hidden;position:relative;font-size:0}
	.mfacility-wr .mfac-sec a.t-link:before {display:inline-block;vertical-align:middle;content:"";width:0;height:52px;}
	.mfacility-wr .mfac-sec .tit {position:absolute;top:0;left:0;width:125px;margin:0;padding:0;}
	.mfacility-wr .mfac-sec .tit .etit {font-size:14px;}
	.mfacility-wr .mfac-sec .tit .ktit {font-size:20px;}
	.mfacility-wr .mfac-sec .tit:after, .mfacility-wr .mfac-sec .ktit:after {display:none;}
	.mfacility-wr .mfac-sec .tit:before {width:1px;height:100%;left:100%;margin-left:-1px;}
	.mfacility-wr .mfac-sec .txt {padding-left:145px;display:inline-block;vertical-align:middle;font-size:1rem;}
	.mfacility-wr .mfac-sec .txt span {display:inline;}
	.mfacility-wr .mfac-sec ul {margin:25px 0 0;}
	.mfacility-wr .mfac-sec li {width:25%;margin:0;}
	.mfacility-wr .mfac2 {padding:34px 20px;}
}
@media all and (max-width:768px){
	.mfacility-wr {margin-bottom:30px;}
	.mfacility-wr .mtit {font-size:22px;}
	.mfacility-wr .mtxt {font-size:15px;}
	.mfacility-wr .mfac-sec {height:230px;}
	.mfacility-wr .mfac-sec a.t-link:before {display:none;}
	.mfacility-wr .mfac-sec .tit {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 5px;padding:0 0 5px;width:auto;}
	.mfacility-wr .mfac-sec .tit:after, .mfacility-wr .mfac-sec .ktit:after {display:block;}
	.mfacility-wr .mfac-sec .tit:before {width:2px;height:1px;left:0;margin:0;}
	.mfacility-wr .mfac-sec .txt {display:none;}
	.mfacility-wr .mfac2 {width:50%;}
	.mfacility-wr .mfac3 {width:50%;}
	.mfacility-wr .mfac3 li {width:50%;}
}
@media all and (max-width:699px){
	.mfacility-wr {margin-top:30px;}
}
@media all and (max-width:599px){
	.mfacility-wr .mtit {font-size:20px;}
	.mfacility-wr .mfac-sec {padding:15px 20px 10px;height:216px;}
	.mfacility-wr .mfac-sec .txt {padding-left:0;font-size:.9rem;}
}
@media all and (max-width:499px){
	.mfacility-wr .mfac-sec {padding:0;height:125px;}
	.mfacility-wr .mfac-sec a.t-link {height:100%;padding:15px 20px 10px;box-sizing:border-box;}
	.mfacility-wr .mfac-sec .tit .ktit {font-size:18px;}
	.mfacility-wr .mfac-sec ul {display:none;}
}

.msec2 .sec-in:after {display:block;content:"";clear:both;}
/* 포로모션 */
.mpopup-zone {float:right;position:relative;}
.mpopup-zone .mtit {margin-bottom:18px}
.mpopup-zone .btn-more {position:absolute;top:8px;right:0;}
.mpopup-zone img {width:100%;}
.mpopup-zone .ctrl-btns {display:none;}
@media all and (max-width:1260px){
	.mpopup-zone {width:32.5%;}
}
@media all and (max-width:999px){
	.mpopup-zone {width:48%;}
}
@media all and (max-width:699px){
	.mpopup-zone {width:100%;margin-top:20px;}
	.mpopup-zone .mtit {margin-bottom:8px}
}

.msec3 {position:relative;background:#f2f2f2;padding:45px 0 0;margin-top:50px;}
.msec3 .sec-in {font-size:0;overflow:hidden;}
.mcontact {float:left;padding:33px 30px;width:40%;background:#fff;box-sizing:border-box;}
.mcontact .mcont-tit {font-size:18px;font-weight:400;color:#858585;padding-bottom:20px;border-bottom:1px solid #ccc;position:relative;}
.mcontact .mcont-tit:before {display:block;content:"";width:7px;height:7px;border-radius:50%;background:#ccc;position:absolute;bottom:-4px;right:0;}
.mcontact dl {color:#333;}
.mcontact dl dt {font-family:"Noto Serif KR";font-size:26px;font-weight:500;color:#333;margin:26px 0 9px;}
.mcontact dl dd {font-size:1rem;}
.mcontact dl dd ul {background:#f5f5f5;overflow:hidden;padding:20px 5px;}
.mcontact dl dd li {float:left;border-left:1px solid #d6d6d6;padding:10px 17px 19px;}
.mcontact dl dd li:first-child {border-left:0;}
.mcontact dl dd li .tit {display:block;font-size:16px;font-weight:500;}
.mcontact dl dd li .num {display:block;font-size:14px;font-family:bio-sans, sans-serif;}
.mcontact dl dd li:first-child {padding-right:32px;}
.mcontact dl dd li:first-child .tit {font-size:17px;}
.mcontact dl dd li:first-child .num {font-size:16px;}
.m-map {float:right;width:60%;position:relative;margin-top:34px;}
.m-map:before {display:block;content:"";width:0;padding-top:370px;}
.m-map iframe, .m-map .root_daum_roughmap {position:absolute;top:0;left:0;width:100%;height:100%;}
.m-map .root_daum_roughmap {padding:0;border:0;border-radius:0}
.m-map .root_daum_roughmap .wrap_controllers {display:none;}
@media all and (max-width:1199px){
	.mcontact dl dd ul {padding:0;}
	.mcontact dl dd li {width:50%;border-left-width:0;box-sizing:border-box;padding:10px 15px;}
	.mcontact dl dd li:first-child {width:100%;border-bottom:1px solid #d6d6d6}
	.mcontact dl dd li:last-child {border-left:1px solid #d6d6d6;}
	.m-map:before {padding-top:390px;}
}
@media all and (max-width:999px){
	.mcontact {padding:23px 20px;}
	.mcontact dl dt {font-size:22px;}
	.m-map:before {padding-top:360px;}
}
@media all and (max-width:843px){
	.m-map {margin-top:55px;}
}
@media all and (max-width:768px){
	.msec3 {background:#fff;margin:0;padding:30px 0 0;}
	.mcontact {padding:15px 0;width:100%;float:none;}
	.mcontact .mcont-tit {padding-bottom:10px;}
	.mcontact dl dt {font-size:18px;font-weight:700;margin:15px 0 5px;}
	.mcontact dl dd ul {padding:10px 0;}
	.mcontact dl dd li {width:33.333%;border-left-width:1px;}
	.mcontact dl dd li .tit {font-size:1rem;}
	.mcontact dl dd li:first-child .tit {font-size:1.05rem;}
	.mcontact dl dd li:first-child {width:33.333%;border-bottom:0;}
	.m-map {width:100%;float:none;margin:0;}
	.m-map:before {padding-top:73.083%;}
	.m-map iframe, .m-map .root_daum_roughmap {width:100% !important;}
}
@media all and (max-width:499px){
	.mcontact dl dd ul {padding:0;}
	.mcontact dl dd li {width:50%;border-left-width:0;box-sizing:border-box;padding:10px 15px;}
	.mcontact dl dd li:first-child {width:100%;border-bottom:1px solid #d6d6d6}
	.mcontact dl dd li:last-child {border-left:1px solid #d6d6d6;}
}
@keyframes hover_up {
  0%, 50%, 100% {-ms-transform:translateY(0);transform:translateY(0);}
  25%, 75% {-ms-transform:translateY(-6px);transform:translateY(-6px);}
} 

/* 시설안내 */
.mfacility-wr {margin:-45px 0 70px;}
.mfacility-wr .mtit {font-size:32px;text-align:center;margin-bottom:5px;}
.mfacility-wr .mtxt {font-size:18px;color:#555;text-align:center;margin-bottom:35px;}
.mfacility-wr .mfac-sec-wr {overflow:hidden;color:#fff;height:460px;}
.mfacility-wr .mfac-sec {width:33.333%;height:100%;float:left;text-align:left;box-sizing:border-box;padding:84px 30px;text-align:left;position:relative;overflow:hidden;}
.mfacility-wr .mfac-sec:before {display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(/resources/homepage/arpina/_Img/Main/mfacility01.jpg) no-repeat 50% 50%;background-size:100% auto;transition:all .7s ease;}
.mfacility-wr .mfac-sec a {display:block;color:#fff;position:relative;z-index:1;}
.mfacility-wr .mfac-sec .tit {position:relative;padding:0 0 10px;margin:0 0 15px;text-shadow: -1px 2px 10px rgba(0, 0, 0, 0.2);}
.mfacility-wr .mfac-sec .tit span {display:block;}
.mfacility-wr .mfac-sec .tit .etit {font-family:"Noto Serif KR";font-weight:300;font-size:17px;text-transform:uppercase;}
.mfacility-wr .mfac-sec .tit .ktit {display:inline-block;font-size:32px;font-weight:500;border-bottom:1px solid transparent;}
.mfacility-wr .mfac-sec .tit:before, .mfacility-wr .mfac-sec .tit:after, .mfacility-wr .mfac-sec .ktit:after {display:block;content:"";height:1px;background:#fff;position:absolute;bottom:0;}
.mfacility-wr .mfac-sec .tit:before {width:2px;left:0;}
.mfacility-wr .mfac-sec .tit:after {width:4px;left:4px;}
.mfacility-wr .mfac-sec .tit .ktit:after {width:14px;left:11px;}
.mfacility-wr .mfac-sec .txt {}
.mfacility-wr .mfac-sec .txt span {display:block;}
.mfacility-wr .mfac-sec ul {font-size:0;margin:38px 0 0;position:relative;z-index:1;}
.mfacility-wr .mfac-sec li {display:inline-block;vertical-align:middle;margin-left:13px;}
.mfacility-wr .mfac-sec li:first-child {margin-left:0;}
.mfacility-wr .mfac-sec li a {font-size:13px;text-align:center;position:relative;}
.mfacility-wr .mfac-sec li a:before, .mfacility-wr .mfac-sec li a:after {display:block;content:"";width:74px;height:74px;border-radius:50%;box-sizing:border-box;transition:all .3s ease;}
.mfacility-wr .mfac-sec li a:before {background:url(/resources/homepage/arpina/_Img/Main/mfacility_guest01.png) no-repeat;margin:0 auto 8px;}
.mfacility-wr .mfac-sec li a:after {border:2px solid transparent;position:absolute;top:0;left:50%;margin-left:-37px;}
.mfacility-wr .mfac-sec li a span {display:inline-block;border-bottom:1px solid transparent;padding-bottom:2px;transition:all .3s ease;}

.mfacility-wr .mfac1:before {background-image:url(img/index/mfacility01.jpg);}
.mfacility-wr .mfac2:before {background-image:url(img/index/mfacility02.jpg);}
.mfacility-wr .mfac3:before {background-image:url(img/index/mfacility03.jpg);}
.mfacility-wr .mfac1 li.n1 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest01.png);}
.mfacility-wr .mfac1 li.n2 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest02.png);}
.mfacility-wr .mfac1 li.n3 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest03.png);}
.mfacility-wr .mfac1 li.n4 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_guest04.png);}
.mfacility-wr .mfac3 li.n1 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_sport01.png);}
.mfacility-wr .mfac3 li.n2 a:before {background-image:url(/resources/homepage/arpina/_Img/Main/mfacility_sport02.png);}

.mfacility-wr .mfac-sec:hover:before, .mfacility-wr .mfac-sec:focus:before {transform:scale(1.1);-ms-transform:scale(1.1);}
.mfacility-wr .mfac-sec a.t-link:hover .ktit, .mfacility-wr .mfac-sec a.t-link:focus .ktit {border-bottom-color:#fff}
.mfacility-wr .mfac-sec li a:hover span, .mfacility-wr .mfac-sec li a:focus span {border-bottom-color:#fff;}
.mfacility-wr .mfac-sec li a:hover:after, .mfacility-wr .mfac-sec li a:focus:after {border-color:#1b64b7;}
@media all and (max-width:999px){
	.mfacility-wr {margin-bottom:40px;}
	.mfacility-wr .mtit {font-size:26px;text-align:left;}
	.mfacility-wr .mtxt {font-size:16px;text-align:left;margin:0 0 15px;}
	.mfacility-wr .mfac-sec-wr {height:auto;}
	.mfacility-wr .mfac-sec {padding:24px 20px;width:100%;position:relative;}
	.mfacility-wr .mfac-sec a.t-link {overflow:hidden;position:relative;font-size:0}
	.mfacility-wr .mfac-sec a.t-link:before {display:inline-block;vertical-align:middle;content:"";width:0;height:52px;}
	.mfacility-wr .mfac-sec .tit {position:absolute;top:0;left:0;width:125px;margin:0;padding:0;}
	.mfacility-wr .mfac-sec .tit .etit {font-size:14px;}
	.mfacility-wr .mfac-sec .tit .ktit {font-size:20px;}
	.mfacility-wr .mfac-sec .tit:after, .mfacility-wr .mfac-sec .ktit:after {display:none;}
	.mfacility-wr .mfac-sec .tit:before {width:1px;height:100%;left:100%;margin-left:-1px;}
	.mfacility-wr .mfac-sec .txt {padding-left:145px;display:inline-block;vertical-align:middle;font-size:1rem;}
	.mfacility-wr .mfac-sec .txt span {display:inline;}
	.mfacility-wr .mfac-sec ul {margin:25px 0 0;}
	.mfacility-wr .mfac-sec li {width:25%;margin:0;}
	.mfacility-wr .mfac2 {padding:34px 20px;}
}
@media all and (max-width:768px){
	.mfacility-wr {margin-bottom:30px;}
	.mfacility-wr .mtit {font-size:22px;}
	.mfacility-wr .mtxt {font-size:15px;}
	.mfacility-wr .mfac-sec {height:230px;}
	.mfacility-wr .mfac-sec a.t-link:before {display:none;}
	.mfacility-wr .mfac-sec .tit {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 5px;padding:0 0 5px;width:auto;}
	.mfacility-wr .mfac-sec .tit:after, .mfacility-wr .mfac-sec .ktit:after {display:block;}
	.mfacility-wr .mfac-sec .tit:before {width:2px;height:1px;left:0;margin:0;}
	.mfacility-wr .mfac-sec .txt {display:none;}
	.mfacility-wr .mfac2 {width:50%;}
	.mfacility-wr .mfac3 {width:50%;}
	.mfacility-wr .mfac3 li {width:50%;}
}
@media all and (max-width:699px){
	.mfacility-wr {margin-top:30px;}
}
@media all and (max-width:599px){
	.mfacility-wr .mtit {font-size:20px;}
	.mfacility-wr .mfac-sec {padding:15px 20px 10px;height:216px;}
	.mfacility-wr .mfac-sec .txt {padding-left:0;font-size:.9rem;}
}
@media all and (max-width:499px){
	.mfacility-wr .mfac-sec {padding:0;height:125px;}
	.mfacility-wr .mfac-sec a.t-link {height:100%;padding:15px 20px 10px;box-sizing:border-box;}
	.mfacility-wr .mfac-sec .tit .ktit {font-size:18px;}
	.mfacility-wr .mfac-sec ul {display:none;}
}

.msec2 .sec-in:after {display:block;content:"";clear:both;}

/* 임시 */

/* .container{
  margin-top: 90px;
} */

.no-mt{
  margin-top: 0;
}

/* 메인페이지 전경  */
#main{
  
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 967px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

#main.visual-1{
  background-image: url(/images//about/visual.jpg);
}
#main.visual-2{
  background-image: url(img/site01_about/contact/visual.jpg);
}
#main.visual-3{
  background-image: url(img/site02_facilities/visual.jpg);
}
@media only screen and (max-width: 1024px){
  .main_visual {
    min-height: 843px;
}
}
@media only screen and (max-width: 1280px){
  #main{
    min-height: 843px;
  }
}

@media (max-width:1440px) and (min-width:769px){
  #main{
    position: relative;
    background-size: 100% 100%;
  }
}





div#footer{
  position: relative;
  z-index: 100;
}



/* 서브페이지 반응형 미디어 쿼리입니다. 작성일 : 20-7-3(금) */


.breadcrumb{
  z-index: 100;
}
.breadcrumb-item{
  z-index: 101;
}
#Wrap header.main{
  z-index: 300;
}
.right_gray_box{
  z-index: 1;
  text-align: left;
  box-sizing: border-box;
  /* 2020-7-6 코드수정 */
  float: right;
  background-color: rgba(0,0,0,.5);
  width: 100%;
  /* min-width: 500px; */
  max-width: 515px;
  height: 100%;
  color: #fff;
}
.right_gray_box.sub{
  background-color: rgba(0, 0, 0, 0.5);
  
  
}
.right_gray_box.sub .contents_top{
  border-bottom: none;
}

.right_gray_box_inner{
  position: relative;
  /* min-width: 450px; */
  /* width: 438px; */
  width: 91.25%;
  /* (438px ÷ 480px) × 100 = 91.25% */
  height: auto;
  /* (450px ÷ 600px) × 100 = 75% */
  margin: auto;
  margin-top: 150px;
}


.contents_top{
  position: relative;
  /* height: 220px; */
  height: 100%;
  border-bottom : solid 1px rgba(255, 255, 255, 0.8);
}
.contents_top.h_top{
  height: 230px;
}
.contents_top .contents_title{
  display: block;
  font-size: 35px;
}
.contents_top .contents_photo{
  display: block;
  width: 80px;
  margin-top: 30px;
  float: right;
}
.contents_top .contents_photo img{
  width: 100%;
}

.contents_top .contents_pro{
  /* font-size: 2vw; */
  margin-top: 30px;
  padding-bottom: 10px;
  display: block;
  width: 300px;
}
.contents_top .contents_pro.with_photo{
  width: 250px;
}

.contents_top .contents_sign{
  display: inline-block;
  margin-top: 15px;
}

.contents_top .contents_sign img{
  margin-left: 10px;
}

.contents_sub{
  margin-top: 20px;
}
.contents_sub .sub_txt{
  margin-top: 10px;
}

.contents_bold{
  font-weight: bold;
  font-size: 1.2em;
}

@media only screen and (min-width:480px){
  

  .right_gray_box_inner{
    position: relative;
    
    width: 70%;
    /* (438px ÷ 480px) × 100 = 91.25% */
    height: auto;
    /* (450px ÷ 600px) × 100 = 75% */
    margin: auto;
    margin-top: 150px;
    
    
  }
}

@media only screen and (min-width:992px){
  
  .right_gray_box{
    /* 2020-7-6 코드수정 */
    width: 70%;
    /* (692px ÷ 992px) × 100 = 69.758% */
  }

  .right_gray_box_inner{
    position: relative;
    
    width: 68.641618%;
    /* (475px ÷ 692px) × 100 = 68.641618% */
    border-left: solid 1px rgba(255, 255, 255, 0.8) ;
    padding-left: 5.04032%;
    /* (50px ÷ 992px) × 100 =  5.04032% */
  }
  .sub>.right_gray_box_inner{
    border-left: none;
  }

  .contents_top.h_top{
    height: auto;
  }

  .contents_top .contents_title{
    display: inline-block;
    font-size: 3.02419vw;
    /* 가변폰트 : (30px × 100) ÷ 992px = 3.02419vw */
    margin-top: 0;
    line-height: 1em;
  }

  .contents_top .contents_pro.with_photo{

    width: calc(100% - 130px);
  }

  .contents_top .contents_sign{
    font-size: 1.115em;
  }
  .contents_top .contents_photo{
    display: block;

  }
  

  

  .contents_sub{
    margin-top: 30px;
  }

  .contents_sub .sub_title{
    font-size: 1.115em;
  }
  .contents_sub .sub_txt{
    margin-top:10px;
  }
}

@media only screen and (min-width:1281px){
  .right_gray_box{
    width:50%;
  }

  .contents_top.h_top{
    height: 100%;
  }

  .contents_top .contents_title{
    font-size: 2.34192vw;
    /* 가변폰트 : (30px × 100) ÷ 1281px = 2.34192 */
  }

  .contents_top .contents_pro{
    font-size: 1.17096vw;
    /* 가변폰트 : (15px × 100) ÷ 1281px = 1.17096vw */
  }
  .contents_top .contents_photo{
    width: 100px;
    margin-top: 30px;

  }
}

@media only screen and (min-width:1440px){
  .right_gray_box{
    width: 27.08333%;
    /* (520px ÷ 1920px) × 100 = 27.08333% */
  }

  .contents_top .contents_title{
    font-size: 1.04166vw;
    /* 가변폰트 : (20px × 100) ÷ 1440px = 1.04166vw */
  }

  .contents_top .contents_pro{
    font-size: 0.78125vw;
    /* 가변폰트 : (15px × 100) ÷ 1920px = 0.78125vw */
  }
  .contents_top .contents_pro.with_photo{
    width: 180px;
  }

  .contents_top .contents_photo{
    width: 32.14611%;
    /* (97px ÷ 438px) × 100 */
  }

  
}


.right_gray_box.sub.cls{
  opacity: 0;
}



.btn_rit{
  position: absolute;
  width: auto;
  height: auto;
  right: -30px;
  top: 40%;

  cursor: pointer;
}
.flexslider ul.slides li{
  width: 100%;
}
@media only screen and (max-width:1046px){
  .right_gray_box.main.cls{
    display: none;
  }
}

@media only screen and (max-width:516px){
  .right_gray_box_inner{
    margin-top: 10%;
  }
}
.contents_sub button{
  font-size: 0.7vw;
  margin-left: auto;
  margin-right: auto;
  
}

/* 20-7-8 작성 */

.container.content{
  /* background-color: rgba(16, 16, 16, 0.856); */

  background-color: #fff;
  font-size: 14px;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  /* color: #fff; */
  max-width: 780px;
  /* float: right; */
}
.container.content .content *{
  /* color: #fff; */
  font-size: 14px;

}
.container.content .content a.active{
  color: #fff;
}

#Wrap.page{
  height: auto;
}

.nav-pills .nav-link.active{
  background-color: #ba822c;
}

.img_sig
{
	width: 106px;
	height: auto;
	overflow: hidden;
	margin-left: 10%;
	margin-right: auto;
	margin-top: 0;
}

.img_profile
{
	width: 10;
	height: 100%;
	overflow: hidden;
	margin-left: 10%;
	margin-right: auto;
	margin-top: 0;
}

.special2{
  height: 50px;
}

.mid td, .mid thead th{
  text-align: center;
  vertical-align: middle;
}

.table.bw thead th{
  border-bottom: 2px solid #fff;
}
.table.bw td, .table.bw th{
  border-bottom: 1px solid #fff;
}


/* 작성일 : 20-7-23  헤드라인 꾸미기 */
/* .hd_line::after,.hd_line::before{
content: "";
position: absolute;
top: 50%;
margin-top: -3px;
display: inline-block;
width: 98%;
border-bottom: 2px solid #ddd;
}
.hd_line::before{
  margin-left: -100%;
} */

.hd_line{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hd_line::after,.hd_line::before{
  content: "";
  border-top: #ddd 2px solid;
  margin: 0 20px 0 0 ;
  flex: 1 0 20px;
}
.hd_line::after{
  margin: 0 0 0 20px;
}

.hd_line2::after{
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  background: #000;
  margin-top: 15px;
  margin-bottom: 40px;
}

/* 추가 코드 */
p.btn03 {
  height: 45px !important;
 
}

input.txt {
  height: 20px !important;
}
div.todayBtn{
  height: 30px !important;
}

div.calDayTitle {
    width: 20px;

}