/* 공통 */
*, *::before, *::after {
  margin:0; padding:0; box-sizing: border-box;
}

html {
  overflow-x:hidden;
  color:#333333;
  font-family: 'Montserrat', 'NanumSquareAc', sans-serif;
  font-size:62.5% !important;
  letter-spacing:-0.02em;
  word-break: keep-all;
  word-wrap: break-word;
  box-sizing: border-box;
  animation:entry .3s ease forwards;
  opacity: 0;
}

body {
  font-size:1.6rem;
}

ul,ol {
  list-style: none;
}

a {
  color:inherit;
  outline:none;
  text-decoration: none;
}

img {
  max-width:100%;
}

button{
  font-family:inherit;
  background-color:transparent;
  border:none;
  outline:none;
  cursor:pointer;
}

b, strong {
  font-weight:800;
}

input, textarea {
  font-family:inherit;
  -webkit-transition:all ease .1s;
  transition:all ease .1s;
  outline: none;
}

select{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background-color:#fff;
  background-size:11px auto;
  background-image: url('/child/img/common/selectArrow.png');
  background-repeat:no-repeat;
  background-position:right 15px center;
}

:focus{
  outline:none;
}

::placeholder {
  color:#999999;
}

@-webkit-keyframes entry {
    to{opacity: 1;}
}

@keyframes entry {
    to{opacity: 1;}
}

/* 숨김여부 */
.hidden {
  overflow: hidden;
}

/* 블록정의 */
.sp{display:none;}
.mo{display:none;}

@media(max-width:1024px){
  .sp{display:block;}
  .pc{display:none;}
}

@media(max-width:768px){
  .tb{display:none;}
  .mo{display:block;}
}


/* 텍스트 */
.ellip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* 블라인드 */
.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px,1px,1px,1px);
}


/* 폰트 패밀리 */
.font_m {
  font-family: 'Montserrat', sans-serif !important;
}


/* 페이징 */
.pagination {
  display:flex;
  justify-content:center;
  margin-top:60px;
}

.pagination a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 4px;
  width:30px;
  height:30px;
  text-align:center;
  font-size:1.6rem;
  font-weight:400;
  background-repeat:no-repeat;
  background-position:center;
  color:#999;
  background-color:#fff;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

.pagination a:not(.current) {
  cursor:pointer;
}

.pagination .current {
  color:#222;
  font-weight:700;
}

.pagination__prev, .pagination__next {
  border:1px solid #dfdfdf;
}

.pagination__prev {
  background-image: url('/child/img/common/pagination-prev.png');
}

.pagination__next {
  background-image: url('/child/img/common/pagination-next.png');
}

@media (max-width:1200px) {

}
@media (max-width:1024px) {

  .pagination {
    margin-top:40px;
  }

  .pagination a{
    margin:0 2px;
    width:24px;
    height:24px;
    font-size:1.4rem;
  }

}
@media (max-width:768px) {

}
@media (max-width:500px) {

  .pagination a{
    font-size:1.3rem;
  }

}


/* 폼메일 */
.form_table .form_box {
  display: -webkit-box;
  display: flex;
  padding-bottom:25px;
}

.form_table .form_box_center {
  -webkit-box-align: center;
  align-items: center;
}

.form_table .form_box:last-child {
  padding-bottom:0px;
}

.form_table .form_th {
  width:200px;
}

.form_table .form_th p {
  font-size:1.6rem;
  font-weight:700;
}

.form_table .form_th span {
  color:#e00f35;
}

.form_table .form_td {
  width:calc(100% - 200px);
}

.form_table .form_tel,
.form_table .form_email {
  font-size:0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.form_table .tel_box,
.form_table .email_box {
  display: inline-block;
  vertical-align:middle;
  width:32%;
}

.form_table .form_tel span,
.form_table .form_email span {
  display: inline-block;
  vertical-align:middle;
  font-size:1.5rem;
  width:4%;
  text-align: center;
}

.form_table .form_box input,
.form_table .form_box select {
  font-size:1.5rem;
  max-width:300px;
  width:100%;
  height:45px;
  background-color: #fff;
  border:1px solid #cccccc;
  padding:0px 15px;
}

.form_table .form_box select {
  padding-right:40px;
}

.form_table .form_box textarea {
  font-size:1.5rem;
  width:100%;
  height:230px;
  resize: none;
  background-color: #fff;
  border:1px solid #cccccc;
  padding:15px;
}

.form_table .form_box .form_file {
  max-width:300px;
  width:100%;
  height:45px;
  background-color: #fff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  border:1px solid #cccccc;
}

.form_table .form_box .form_file .file_label {
  width:100%;
  height:100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}

.form_table .form_box .form_file input {
  display: inline-block;
  font-size: 999px;
  opacity: 0;
  text-align: left;
  z-index: 1;
  position: absolute;
  top:0;
  left:0;
}

.form_table .form_box .form_file .file_name {
  position: absolute;
  top:50%;
  left:15px;
  -webkit-ransform: translateY(-50%);
  transform: translateY(-50%);
}

.form_table .form_box .form_file .file_btn {
  font-size:1.2rem;
  font-weight:700;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width:65px;
  height:30px;
  background-color: #e9e9e9;
  position: relative;
  z-index:20;
  margin-right:10px;
  cursor:pointer;
}

.form-buttons {
  width: 100%;
  margin-top: 90px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.form-buttons .button {
  color:#fff;
  max-width: 250px;
  width: 100%;
  font-size: 1.6rem;
  font-weight:700;
  height: 55px;
  padding: 0px 15px;
  background-color: #293492;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid transparent;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  cursor: pointer;
}

@media (min-width:1201px) {
  .form-buttons .button:hover {
    background-color: #162075;
  }
}
@media (max-width:1200px) {

  .form_table .form_th p {
    font-size:1.5rem;
  }

  .form_table .form_box input, .form_table .form_box select {
    font-size:1.4rem;
  }

}
@media (max-width:1024px) {

  .form_table .form_box {
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    padding-bottom:16px;
  }

  .form_table .form_th {
    width:100%;
    margin-bottom:10px;
  }

  .form_table .form_td {
    width:100%;
  }

  .form_table .form_box input, .form_table .form_box select {
    max-width: none;
    height:40px;
  }

  .form_table .form_box .form_file {
    max-width: none;
  }

  .form-buttons {
    margin-top: 60px;
  }

  .form-buttons .button {
    max-width: 200px;
    font-size: 1.4rem;
    height:45px;
  }

}
@media (max-width:768px) {

  .form-buttons {
    margin-top: 40px;
  }

  .form_table .form_th p {
    font-size:1.4rem;
  }

  .form_table .form_box input, .form_table .form_box select {
    font-size:1.3rem;
  }

  .form_table .form_box textarea {
    font-size:1.3rem;
  }

}
@media (max-width:500px) {

  .form_table .form_email {
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
  }

  .form_table .email_box {
    width:46%;
  }

  .form_table .form_email span {
    width:8%;
  }

  .form_table .form_email span.last_span {
    display: none;
  }

  .form_table .email_box:last-child {
    width:100%;
    padding-top:5px;
  }

}


/* 메인 */
#main {
  width:100%;
  padding-left:230px;
  min-height:calc(100vh - 350px);
}

@media (max-width:1200px) {

  #main {
    width:100%;
    padding:0px;
  }

}
@media (max-width:1024px) {

}
@media (max-width:768px) {

}
@media (max-width:500px) {

}


/* 랩 */
@media (max-width:1200px) {

  .wrap--main, .wrap--sub {
    margin-top:50px;
  }
}


/* 컨테이너 */
.container {
  max-width:1520px;
  width:100%;
  margin:0 auto;
  padding:0px 15px;
}

.container_st1 {
  max-width:1210px;
}

.container_prd,
.container_sie,
.container_eme {
  max-width:1080px;
}

.container_vis,
.container_prc,
.container_eit,
.container_tld {
  max-width:1410px;
}


/*헤더 */
#header {
  position: fixed;
  top:0;
  left:0;
  width:230px;
  height:100%;
  box-shadow: 2px 0px 8px 2px rgba(100,100,100,.1);
  font-family: 'NanumSquareAc', sans-serif;
  z-index:99999;
  background-color: #fff;
}

#header .h_inner {
  height:100%;
  position: relative;
}

/* 헤더 네비 */
#header .h_navi {
  width:100%;
  height:100%;
  padding:70px 0px;
}

#header .h_container {
  height:100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

#header .h_logo {
  display:block;
  width:169px;
  height:35px;
  margin:0px 30px;
}

#header .h_logo a {
  display:block;
  width:100%;
  height:100%;
  background:url('/child/img/common/header-logo.png') no-repeat;
}

#header .h_menu {
  margin:-20px 0px;
}

#header .h_menu__list {
  padding:20px 30px;
  cursor: pointer;
}

#header .h_menu__link {
  font-size:1.8rem;
  font-weight:700;
  display:block;
  position: relative;
}

#header .h_menu__link h2 {
  font-size: inherit;
  font-weight: inherit;
}

#header .submenu_inner {
  position: absolute;
  top:0;
  left:230px;
  width:230px;
  height:100%;
  background-color: #333;
  display:flex;
  align-items: center;
  justify-content: center;
  padding:60px 30px;
  text-align: center;
  -webkit-ransition:all .3s;
  transition:all .3s;
  opacity:0;
  visibility:hidden;
}

#header .h_submenu li {
  /* margin:10px 0px; */
}

#header .h_submenu a {
  width:100%;
  font-size:1.6rem;
  font-weight:700;
  color:#fff;
  line-height:1;
  display:block;
  padding:15px 0px;
}

#header .h_tel {
  text-align: center;
  font-size:1.6rem;
  font-weight:700;
}

#header .h_tel strong {
  font-size:2.4rem;
  font-weight:800;
  display: inline-block;
  margin-top:10px;
}

#header .h_menu__list.on .submenu_inner {
  opacity:1;
  visibility: visible;
}

/* 네비 햄버거 버튼 */
#header .mh_menu {
  display:none;
  position: absolute;
  top:0;
  right:0;
  width:50px;
  height:50px;
  z-index:99999;
}

#header .mh_menu__btn {
  display: inline-block;
  position: relative;
  width:100%;
  height:100%;
}

#header .mh_menu__btn span {
  position: relative;
  margin: 0 auto;
}

#header .mh_menu__btn span::before,
#header .mh_menu__btn span::after {
  content: '';
  position: absolute;
}

#header .mh_menu__btn span,
#header .mh_menu__btn span::before,
#header .mh_menu__btn span::after {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #333;
}

#header .mh_menu__btn span::before {
  margin-top: -8px;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}

#header .mh_menu__btn span::after {
  margin-top: 8px;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}

#header .mh_menu__btn[aria-pressed="true"] span {
    background-color: rgba(0,0,0,0) !important;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
#header .mh_menu__btn[aria-pressed="true"] span::before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}
#header .mh_menu__btn[aria-pressed="true"] span::after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}

#header .h_global {
  margin-top:20px;
  padding:0px 15px;
}

#header .gloabl_nav {
  width:100%;
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
}

#header .gloabl_nav li {
  text-align:center;
  border:1px solid #ccc;
  display: table-cell;
}

#header .gloabl_nav a {
  display:block;
  padding:10px 15px;
  font-size:1.4rem;
  font-weight:400;
}

#header .gloabl_nav li.on {
  background-color:#293492;
  border-color: #293492;
}

#header .gloabl_nav li.on a {
  font-weight:700;
  color:#fff;
}

@media (min-width:1201px) {


}

@media (max-width:1200px) {

  /*헤더 */
  #header {
    width:100%;
    height:50px;
    box-shadow: 0px 2px 8px 2px rgba(100,100,100,.1);
  }

  /* 헤더 네비 */
  #header .h_navi {
    padding:0px;
  }

  #header .h_container {
    display:block;
  }

  #header .h_logo {
    position:absolute;
    top:11px;
    left:15px;
    width:126px;
    height: 26px;
    margin:0px;
    z-index:10001;
  }

  #header .h_logo a {
    background-size: auto 26px;
  }

  #header .h_menu {
    margin:0px;
  }

  #header .h_menu__list {
    padding:0px;
  }

  #header .h_menu__link {
    font-size:1.8rem;
    padding:6px 0px;
    margin:10px 0px;
  }

  #header .h_menu__link h2:before,
  #header .h_menu__link h2:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    margin-top: -1px;
    background-color: #333;
    height: 3px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  #header .h_menu__link h2:before {
    z-index: 2;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
  }

  #header .submenu_inner {
    position: relative;
    top:0;
    left:0;
    width:auto;
    max-height:0;
    height: auto;
    background-color: #fff;
    padding:0px;
    margin:-10px 0px 15px;
    display:block;
    text-align: left;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }

  #header .h_submenu li {
    padding:0px;
  }

  #header .h_submenu a {
    display: inline-block;
    width:auto;
    font-size:1.4rem;
    color:#999;
    padding:10px 0px;
  }

  #header .h_tel {
    display: none;
  }

  /* 헤더 네비 이벤트 */
  #header .h_menu__list.on .submenu_inner {
    max-height:300px;
  }

  #header .h_menu__list.on h2:before {
      background: #333 !important;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  #header .h_menu__list.on h2:after {
      opacity: 0;
      background: #333 !important;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
  }

  /* 네비 햄버거 버튼 */
  #header .mh_menu {
    display: block;
  }


  /* 네비 모바일 메뉴 */
  #header .h_main {
    overflow-x: hidden;
    position: fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    height:100%;
    padding:80px 15px;
    background-color: #fff;
    pointer-events:none;
    -webkit-clip-path: circle(0 at calc(100% - 4.25rem) 3.6rem);
    clip-path: circle(0 at calc(100% - 4.25rem) 3.6rem);
    transition: clip-path 0.4s;
  }

  #header[data-header-mobile="on"] .h_main {
    pointer-events: all;
    -webkit-clip-path: circle(137.5% at calc(100% - 4.25rem) 3.6rem);
    clip-path: circle(137.5% at calc(100% - 4.25rem) 3.6rem);
  }

  /* 글로벌 네비 */
  #header .h_global {
    position: absolute;
    right:60px;
    top:5px;
    margin-top:0px;
    padding:0px;
  }

  #header .gloabl_nav {
    display: block;
  }


}
@media (max-width:1024px) {

}
@media (max-width:768px) {

  #header .h_global {
    top:11px;
  }

  #header .gloabl_nav a {
    font-size:1.2rem;
    padding:6px 10px;
  }

}
@media (max-width:500px) {

}


/* 푸터 */
#footer {
  font-family: 'NanumSquareAc', sans-serif;
  padding:50px 0px;
  background-color: #f4f4f4;
}

#footer .f_container {
  max-width:1520px;
  width:100%;
  margin:0 auto;
  padding:0px 15px;
}

#footer .f_direction {
  display: -webkit-box;
  display: flex;
}

#footer .f_left {
  width:40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#footer .f_left .f_lt_top {
  margin-bottom:60px;
}

#footer .f_left .f_logo {
  display:inline-block;
  width:170px;
  height:35px;
  background:url('/child/img/common/footer-logo.png') no-repeat;
}

#footer .f_left .f_info {
  /* margin:80px 0px 20px; */
  margin-top:65px;
}

#footer .f_left .f_info p {
  font-size:1.4rem;
  line-height:1.8;
  font-weight:400;
}

#footer .f_left .f_member {
  display: -webkit-box;
  display: flex;
  margin:0px -10px;
}

#footer .f_left .f_member li {
  padding:0px 10px;
  line-height:.8;
  border-right:1px solid #999;
}

#footer .f_left .f_member li:last-child {
  border:0px;
}

#footer .f_left .f_member a {
  font-size:1.4rem;
  color:#999999;
  font-weight:400;
}

#footer .f_right {
  width:60%;
  position: relative;
}

#footer .f_right .f_company {
  display: -webkit-box;
  display: flex;
  margin:-10px -30px;
}

#footer .f_right .f_company > li {
  flex:1 1 calc(33.33% - 60px);
  margin:10px 30px;
}

#footer .f_right .f_company p {
  font-size:1.8rem;
  font-weight:700;
}

#footer .f_right .f_company p::after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background-color:#000;
  margin:10px 0px 20px;
}

#footer .f_right .its_info li {
  font-size:1.4rem;
  color:#999999;
  line-height:1.8;
}

#footer .f_right .f_capylight {
  position: absolute;
  right:0;
  bottom:0;
  font-size:1.6rem;
  font-weight:600;
}

@media (max-width:1200px) {

}
@media (max-width:1024px) {

  #footer .f_direction {
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
  }

  #footer .f_left {
    width:100%;
  }

  #footer .f_left .f_lt_top {
    margin-bottom:0px;
  }

  #footer .f_left .f_logo {
    display:block;
    margin:0 auto;
  }

  #footer .f_left .f_info {
    margin:28px 0px 20px;
    text-align: center;
  }

  #footer .f_left .f_info p {
    display: inline-block;
    font-size:1.3rem;
    padding:0px 4px;
  }

  #footer .f_left .f_member {
    -webkit-box-pack: center;
    justify-content: center;
  }

  #footer .f_left .f_member a {
    font-size:1.3rem;
  }

  #footer .f_right {
    width:100%;
    margin-top:40px;
  }

  #footer .f_right .f_company {
    margin:-10px -20px;
  }

  #footer .f_right .f_company > li {
    flex:1 1 calc(33.33% - 40px);
    margin:10px 20px;
  }

  #footer .f_right .f_company p {
    font-size:1.6rem;
  }

  #footer .f_right .its_info li {
    font-size:1.3rem;
  }

  #footer .f_right .f_capylight {
    margin-top:30px;
    position:relative;
    text-align: center;
    font-size:1.4rem;
  }


}
@media (max-width:768px) {

  #footer .f_right .f_company {
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
  }

  #footer .f_right .f_company p {
    font-size:1.4rem;
  }

  #footer .f_right .f_company p::after {
    margin:6px 0px 12px;
  }

  #footer .f_right .f_company > li {
    flex:1 1 calc(100% - 40px);
  }


}
@media (max-width:500px) {

}

/* 퀵메뉴 */
#quick {
  position:fixed;
  right:100px;
  bottom:50px;
  z-index:20;
  opacity:0;
  animation: quickmenu .3s ease-out .8s forwards;
}

#quick .q_inner {
  width:115px;
  height:115px;
}

#quick .q_main {
  width:100%;
  height:100%;
  border-radius:50%;
  transition:all .3s ease;
  background-color: rgba(255,255,255,.7);
}

#quick .q_link {
  width:100%;
  height:100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

#quick .q_img {
  width:40px;
  height:40px;
  margin-left:5px;
}

#quick svg path {
   fill:#333;
   transition:all .3s ease;
}

#quick p {
  font-size:1.6rem;
  font-weight:700;
  margin-top:10px;
  transition:all .3s ease;
  text-align: center;
}

@-webkit-keyframes quickmenu {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes quickmenu {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


@media (min-width:1201px) {
  #quick:hover .q_main {
    background-color:#293492;
  }

  #quick:hover svg path {
     fill:#fff;
  }

  #quick:hover p {
    color:#fff;
  }
}

@media (max-width:1200px){

  #quick {
    right: 30px;
    bottom: 30px;
  }

  #quick .q_inner {
    width:95px;
    height:95px;
  }

  #quick .q_img {
    width:32px;
    height:32px;
  }

  #quick p {
    font-size:1.4rem;
  }

}
@media (max-width:500px){

  #quick {
    right: 20px;
    bottom: 20px;
  }

  #quick .q_inner {
    width:80px;
    height:80px;
  }

  #quick .q_img {
    width:26px;
    height:26px;
  }

  #quick p {
    font-size:1.2rem;
    margin-top:5px;
  }

}

/* 모달창 */
[data-header-modal = "on"] {
  /* overflow-y: hidden; */
}

[data-header-modal = "on"] body::before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background-color: rgba(0,0,0,.4);
  z-index: 100109;
}

[data-header-modal = "on"] #modal {
  display:block;
}

#modal {
  position: fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:100111;
  display: none;
}

#modal .modal_inner {
  max-width:1100px;
  width:100%;
  height:100%;
  margin:0 auto;
  padding:15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}

#modal .modal_container {
  width:100%;
  height: auto;
  max-height: 100%;
  background-color: #fff;
  position: relative;
}

#modal .close_btn {
  display:block;
  position: absolute;
  top:-80px;
  left:50%;
  -webkit-ransform: translateX(-50%);
  transform: translateX(-50%);
  z-index:10;
}

#modal .close_btn span {
  display: inline-block;
  width:50px;
  height:50px;
  background:url('/child/img/common/modal_close.png') no-repeat center;
  background-size:auto 36px;
}


#modal .modal_direction {
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#modal .modal_direction .left,
#modal .modal_direction .right {
  width:50%;
  position: relative;
}

#modal .modal_direction .left {
  background-color: #f5f5f5;
  /* padding:130px 40px 160px; */
  padding:0px 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal .modal_direction .left .modal_img {
  width:60%;
  height:auto;
}

#modal .modal_direction .left .modal_img img {
  max-width:90%;
}

#modal .modal_names {
  position: absolute;
  left:50%;
  bottom:60px;
  -webkit-ransform: translateX(-50%);
  transform: translateX(-50%);
}

#modal .modal_names p {
  font-size:1.7rem;
  font-weight:400;
}

#modal .modal_names p.names_tit {
  font-size:2rem;
  font-weight:600;
  color:#293492;
  margin-bottom:16px;
}

#modal .modal_direction .right .spec {
  padding:130px 40px;
}

#modal .modal_direction .right .spec table {
  width:100%;
  table-layout:fixed;
  border-collapse: collapse;
  text-align: center;
}

#modal .modal_direction .right .spec thead {
  display: table-header-group;
}

#modal .modal_direction .right .spec th,
#modal .modal_direction .right .spec td {
  padding:15px 10px;
  border-right:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  color:#333333;
}

#modal .modal_direction .right .spec th:last-child,
#modal .modal_direction .right .spec td:last-child {
  border-right:0px;
}

#modal .modal_direction .right .spec thead th {
  font-size:2rem;
  font-weight:700;
  background-color: #f1f1f1;
  border-bottom-width:2px;
  border-bottom-color:#333333;
}

#modal .modal_direction .right .spec td  {
  font-size:1.7rem;
  font-weight:400;
}


@media (max-width:1200px) {

  #modal .modal_names p {
    font-size:1.5rem;
  }

  #modal .modal_names p.names_tit {
    font-size:1.7rem;
    margin-bottom:12px;
  }

  #modal .modal_direction .right .spec thead th {
    font-size:1.7rem;
  }

  #modal .modal_direction .right .spec td {
    font-size:1.5rem;
  }

}
@media (max-width:1024px) {

  #modal .modal_direction .left {
    padding:80px 20px 120px;
  }

  #modal .modal_direction .right .spec {
    padding:80px 20px;
  }

}
@media (max-width:768px) {

  #modal .modal_container {
    overflow-y: auto;
  }

  #modal .close_btn {
    left:unset;
    top:15px;
    right:15px;
    -webkit-ransform: none;
    transform: none;
  }

  #modal .close_btn span {
    width:32px;
    height:32px;
    background-image: url('/child/img/common/modal_close_b.png');
    background-size: auto 24px;
  }

  #modal .modal_direction .left, #modal .modal_direction .right {
    width:100%;
  }

  #modal .modal_direction .left {
    padding:60px 20px;
    flex-direction: column;
  }

  #modal .modal_direction .left img {
    width:160px;
  }

  #modal .modal_names {
    position: relative;
    left: unset;
    bottom:unset;
    -webkit-ransform: none;
    transform: none;
    margin-top:10px;
  }

  #modal .modal_direction .right .spec {
    padding:40px 20px;
  }

  #modal .modal_names p {
    font-size:1.4rem;
  }

  #modal .modal_names p.names_tit {
    font-size:1.5rem;
    margin-bottom:6px;
  }

  #modal .modal_direction .right .spec th,
  #modal .modal_direction .right .spec td {
    padding:10px 5px;
  }

  #modal .modal_direction .right .spec thead th {
    font-size:1.5rem;
  }

  #modal .modal_direction .right .spec td {
    font-size:1.4rem;
  }

}
@media (max-width:500px) {

  #modal .modal_direction .left img {
    width:120px;
  }

  #modal .modal_direction .right .spec thead th {
    font-size:1.3rem;
  }

  #modal .modal_direction .right .spec td {
    font-size:1.2rem;
  }

}


/* 개인정보처리방침 */
.privacy {
  border:1px solid #ccc;
  padding:15px;
  min-height:500px;
}

.privacy p {
  font-size:1.4rem;
}

@media (max-width:1200px) {

}
@media (max-width:1024px) {


}
@media (max-width:768px) {

  .privacy {
    padding:12px;
  }

  .privacy p {
    font-size:1.3rem;
  }

}
@media (max-width:500px) {

}