/*! Generated by Live LESS Theme Customizer */
/* vars*/
/* media 변수*/
/* 유틸리티 클래스*/
/* global*/
img {
  max-width: 100%;
  max-height: 100%;
}
#header,
h1,
h2,
h3,
h4,
h5,
.title,
.btn,
th {
  font-family: 'Nanum Square';
}
.btn-lg {
  margin: 40px 0;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1.3em;
}
.btn-outline {
  transition: all 0.2s linear;
  background: #fff;
  color: #ff9e10;
}
.btn-outline:hover {
  background: #ff9e10;
  color: #fff;
}
.btn-trans {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}
/* Hamburger Menu Icon*/
/* -------------------------*/
.hamburger {
  vertical-align: middle;
  outline: none !important;
  background: transparent !important;
  border: 0 none;
  font-size: 20px;
}
.hamburger,
.hamburger:before,
.hamburger .hamburger-bar,
.hamburger:after {
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.hamburger:before,
.hamburger:after {
  content: "";
}
.hamburger:before,
.hamburger .hamburger-bar,
.hamburger:after {
  display: block;
  width: 1em;
  height: 0.1em;
  margin: 0;
  border-radius: 1px;
  background: #242424;
}
.hamburger .hamburger-bar {
  margin: 0.2em 0;
  background: #242424;
}
/* Hamburger Menu Close style*/
/* -------------------------*/
.hamburger-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 8%;
  transform-origin: 8%;
}
.hamburger-close .hamburger-bar {
  opacity: 0;
}
.hamburger-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 8%;
  transform-origin: 8%;
}
.hamburger-close.hided:before,
.hamburger-close.collapsed:before {
  background: #fff;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.hamburger-close.hided .hamburger-bar,
.hamburger-close.collapsed .hamburger-bar {
  background: #fff;
  opacity: 1;
}
.hamburger-close.hided:after,
.hamburger-close.collapsed:after {
  background: #fff;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
/* renew19*/
body {
  padding-top: 88px;
}
@media only screen and (max-width: 1199px) {
  body {
    padding-top: 50px;
  }
}
body.sub_search {
  background: #f6f6f6;
}
.header_button {
  transition: all 0.2s linear;
  padding: 0;
  display: inline-block;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: top;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  background: #f5db00;
  height: 62px;
  width: 62px;
}
@media only screen and (max-width: 1199px) {
  .header_button {
    height: 40px;
    width: 40px;
  }
}
.header_button.info {
  background: #242424;
}
.header_button:hover {
  background: #fff;
  color: #ffe829;
}
.search_wrap {
  position: relative;
}
.search_wrap .input_wrap {
  width: 99%;
  padding: 0 5em 0 40px;
  background: #fff;
  border-radius: 62px;
}
.search_wrap .input_wrap input {
  border: 0 none;
  height: 62px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .search_wrap .input_wrap {
    border-radius: 40px;
  }
  .search_wrap .input_wrap input {
    height: 40px;
  }
}
.search_wrap button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0 none;
}
#header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  background: #ffe829;
  z-index: 1001;
}
@media only screen and (max-width: 1199px) {
  #header_wrap {
    height: 50px;
  }
}
#header {
  line-height: 88px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  #header {
    padding-right: 3em;
    height: 50px;
    line-height: 50px;
  }
  #header .buttons .header_button {
    background: none;
  }
  #header .buttons .header_button:hover {
    color: #fff494;
  }
  #header .logo {
    height: 25px;
  }
}
#header .logo {
  float: left;
  z-index: 1;
  width: 100px;
}
#header .gnb {
  /* position: absolute;*/
  /* z-index: 0;*/
  width: 100%;
  text-align: center;
}
#header .gnb li {
  display: inline-block;
  margin: 0 10px 0 0;
  min-width: 150px;
  text-align: center;
}
#header .gnb li a {
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  position: relative;
  height: 88px;
  line-height: 88px;
  display: inline-block;
  text-decoration: none !important;
  /* -webkit-transition: font-size 0.4s;*/
  /* -moz-transition: font-size 0.4s;*/
  /* -o-transition: font-size 0.4s;*/
  /* -ms-transition: font-size 0.4s;*/
  /* transition: font-size 0.4s;*/
}
#header .gnb li a:before {
  content: "";
  position: absolute;
  top: 78px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #fff;
  transition: all 0.4s;
}
#header .gnb li a:hover:before {
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  #header .gnb {
    transition: all 0.2s linear;
    overflow: hidden;
    height: 0;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
  }
  #header .gnb.open {
    padding-top: 2em;
    padding-bottom: 2em;
    height: auto;
    border-bottom: 1px solid #242424;
  }
  #header .gnb li {
    margin: 0;
    display: block;
  }
  #header .gnb li a {
    font-size: 16px;
    height: auto;
    line-height: 1.6;
    display: inline;
    color: #242424;
  }
}
#header .buttons {
  position: relative;
  margin-top: 13px;
  z-index: 1;
  float: right;
  text-align: right;
  color: #fff;
  line-height: 62px;
}
@media only screen and (max-width: 1199px) {
  #header .buttons {
    margin-top: 0;
    line-height: 50px;
  }
}
#header .hamburger {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 101;
  height: 88px;
  line-height: 88px;
}
@media only screen and (max-width: 1199px) {
  #header .hamburger {
    display: block;
    height: 50px;
    line-height: 50px;
  }
}
#header .open_top_search_wrap {
  display: none;
  position: absolute;
  z-index: 22;
  left: 0;
  top: 13px;
  height: 62px;
  line-height: 62px;
  width: 100%;
  max-width: 100%;
  background: #ffe829;
  text-align: right;
  padding-right: 3em;
}
@media only screen and (max-width: 1199px) {
  #header .open_top_search_wrap {
    top: 5px;
    height: 40px;
    line-height: 40px;
  }
}
#header .open_top_search_wrap .close {
  font-size: 2em;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 62px;
  line-height: 62px;
}
@media only screen and (max-width: 1199px) {
  #header .open_top_search_wrap .close {
    display: none;
    right: 0;
    width: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 1199px) {
}
.header_info {
  background: #ffe829;
  position: relative;
  overflow: hidden;
  padding: 0 15px;
  margin-bottom: 20px;
}
.header_info .header_info_content {
  position: relative;
  z-index: 20;
}
.header_info .header_info_content p.title {
  padding: 2em 0 1em 0;
  font-weight: bolder;
  text-align: center;
  font-size: 48px;
  color: #fff;
}
.header_info .header_info_content p.title img {
  max-width: 50%;
}
@media only screen and (max-width: 767px) {
  .header_info .header_info_content p.title {
    font-size: 5vw;
    padding-top: 1em;
  }
}
.header_info .header_info_content p.title .light {
  color: #fff494;
}
.header_info .search_wrap {
  width: 60%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
.header_info .search_wrap .input_wrap {
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.35);
}
.header_info .search_wrap button {
  border: 3px solid #ffe829;
  /* Fall back, not used in fiddle */
}
.header_info.sub {
  background-size: 30%;
  text-align: center;
}
.header_info.sub .img_wrap {
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}
.header_info.sub .img_wrap img {
  max-width: 50%;
}
.header_info.sub p.title {
  text-align: center;
  padding-top: 1em;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .header_info.sub .header_image {
    height: 30px;
  }
}
#ft_new {
  padding: 40px 0;
  background: #fff;
  color: #242424;
}
#ft_new img {
  margin-bottom: 20px;
}
#ft_new a {
  color: #242424;
}
@media only screen and (max-width: 767px) {
  #ft_new {
    display: none;
  }

  #ft_new .lineHeight a {
    display: block;
  }
  #ft_new .divider {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 0px;
  }
}
/* KEYFRAMES */
@-webkit-keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  100% {
    margin-left: 100%;
  }
}
@-moz-keyframes animateCloud {
  0% {
    margin-left: -1000px;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes animateCloud {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 50%;
  }
}
@keyframes animateBg {
  0% {
    margin-left: -50%;
  }
  100% {
    margin-left: 50%;
  }
}
.bg-wrapper,
.cloud-wrapper {
  overflow: hidden;
}
.cloud-wrapper {
  position: absolute;
  bottom: 0;
  height: 456px;
  left: 0;
  width: 100%;
  z-index: 9;
}
.cloud-wrapper > div {
  position: absolute;
}
.cloud {
  display: block;
  height: 37px;
  width: 124px;
  background: url(/resources/images/renew19/cloud/cloud_on.png) no-repeat;
}
.cloud1 {
  top: 0px;
  left: 85%;
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 45s linear infinite;
}
.cloud2 {
  top: 52px;
  left: 75%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation: animateCloud 35s linear infinite;
  -moz-animation: animateCloud 35s linear infinite;
  animation: animateCloud 55s linear infinite;
}
.cloud3 {
  top: 30px;
  left: 15%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: animateCloud 45s linear infinite;
  -moz-animation: animateCloud 45s linear infinite;
  animation: animateCloud 45s linear infinite;
}
.cloud4 {
  top: 165px;
  left: 3%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-animation: animateCloud 30s linear infinite;
  -moz-animation: animateCloud 30s linear infinite;
  animation: animateCloud 25s linear infinite;
}
.bg-wrapper {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 360px;
  z-index: 1;
  width: 1000%;
  -webkit-animation: animateBg 100s linear infinite;
  -moz-animation: animateBg 100s linear infinite;
  animation: animateBg 100s linear infinite;
}
.bg-wrapper .main-bottom-bg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 315px;
  background: url(/resources/images/renew19/cloud/main_bg_repeat.png) repeat-x;
}
.bg-wrapper .main-cloud-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 62px;
  background: url(/resources/images/renew19/cloud/main_cloud_repeat.png) repeat-x;
}
.animation_image {
  position: relative;
  padding-bottom: 20px;
}
.animation_image .btn {
  position: absolute;
  top: 0;
  line-height: 36px;
  padding-left: 2em;
  padding-right: 2em;
}
.animation_image .btn.store {
  left: 0;
}
.animation_image .btn.blog {
  right: 0;
}
.animation_image .btn img {
  height: 36px;
}
@media only screen and (max-width: 767px) {
  .animation_image > img {
    height: 80px;
  }
  .animation_image .btn {
    display: none;
  }
  .main-cloud-bg {
    display: none;
  }
  .cloud-wrapper {
    position: absolute;
    bottom: 0;
    height: 100px;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  .cloud-wrapper > div {
    position: absolute;
  }
  .cloud {
    display: none;
    height: 15px;
    width: 49px;
    background: url(/resources/images/renew19/cloud/cloud_on.png) no-repeat;
    background-size: 74px 15px;
  }
  .cloud1 {
    top: 0px;
    left: 85%;
    -webkit-animation: animateCloud 35s linear infinite;
    -moz-animation: animateCloud 35s linear infinite;
    animation: animateCloud 15s linear infinite;
  }
  .cloud2 {
    top: 52px;
    left: 75%;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation: animateCloud 35s linear infinite;
    -moz-animation: animateCloud 35s linear infinite;
    animation: animateCloud 25s linear infinite;
  }
  .cloud3 {
    top: 30px;
    left: 15%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation: animateCloud 45s linear infinite;
    -moz-animation: animateCloud 45s linear infinite;
    animation: animateCloud 20s linear infinite;
  }
  .cloud4 {
    top: 50px;
    left: 3%;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation: animateCloud 30s linear infinite;
    -moz-animation: animateCloud 30s linear infinite;
    animation: animateCloud 15s linear infinite;
  }
  .bg-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 78px;
    z-index: 1;
    width: 1000%;
    -webkit-animation: animateBg 50s linear infinite;
    -moz-animation: animateBg 50s linear infinite;
    animation: animateBg 50s linear infinite;
  }
  .bg-wrapper .main-bottom-bg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/resources/images/renew19/cloud/main_bg_repeat.png) repeat-x;
    background-size: auto 78px;
  }
}
/* KEYFRAMES */
.bx-wrapper {
  border: 0 none !important;
  -moz-box-shadow: 0 0 0 !important;
  -webkit-box-shadow: 0 0 0 !important;
}
.bx-wrapper .bx-pager-link {
  background: #d6d6d6 !important;
}
.bx-wrapper .bx-pager-link.active {
  background: #ffe829 !important;
}
.page_main section {
  padding: 20px 0;
  margin: 20px 0;
}
.page_main section.odd {
  background: #f1f1f1;
}
.page_main section.black {
  background: #242424 url('/resources/images/renew19/bg.png') 50% 50%;
  padding: 60px 0;
  margin-bottom: 0;
  margin-top: -20px;
}
.page_main section.black h3 {
  color: #ffe829;
  text-align: center;
}
.page_main h3 {
  margin-top: 0;
  margin-bottom: 1em;
}
.page_main h3 img {
  margin-right: 5px;
}
.tbl_wrap_home_banner {
  overflow: hidden;
}
.tbl_wrap_home_banner .category_box {
  overflow: hidden;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-align: center;
}
.tbl_wrap_home_banner img {
  margin: 0 auto;
}
.tbl_wrap_new_store li img {
  margin: 0 auto;
}
.form-search {
  background: #fff;
  margin-top: -40px;
  margin-bottom: 40px;
  padding: 40px 0 0 0;
  display: none;
}
.form-search .form-group i {
  color: #242424;
  margin-right: 10px;
}
.form-search .close_form_search {
  text-align: center;
  margin-bottom: -1em;
}
.form-search .close_form_search button {
  border: 1px solid #000 !important;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  color: #000 !important;
  background: #fff !important;
}
@media only screen and (max-width: 1199px) {
  .item_list {
    font-size: 13px;
  }
}
.item_list .item {
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  border:2px solid #f6f6f6;
}
.item_list .item:before {
  transition: all 0.2s linear;
  position: absolute;
  content: '';
  width: 100%;
  height: 45%;
  z-index: 1;
  left: 0;
  bottom: 0;
  background: #ffe829;
  opacity: 0;
}
.item_list .item a {
  text-decoration: none;
}
.item_list .item .img_wrap {
  transition: all 0.2s linear;
  padding-top: 100%;
  background: #ccc 50% 50% no-repeat;
  background-size: cover;
}
.item_list .item .info {
  position: relative;
  z-index: 2;
  padding: 1em;
}
.item_list .item .info p {
  transition: all 0.2s linear;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.item_list .item .info .name {
  color: #000;
  font-size: 1.5em;
}
.item_list .item .info .type {
  color: #ff9e10;
}
.item_list .item .info .addr {
  color: #797979;
  margin-bottom: 0;
}
.item_list .item .info .phone {
  color: #797979;
}
.item_list .item .info .btn {
  display: none;
}
.item_list .item .icon {
  z-index: 3;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  border: 2px solid #ffe829;
  color: #ffe829;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.item_list .item:hover:before {
  opacity: 1;
  height: 50%;
}
.item_list .item:hover .img_wrap {
  opacity: 0.5;
}
.item_list .item:hover .icon {
  top: 50%;
  opacity: 1;
}

@media only screen and (max-width: 991px) {
  .item_list .item {
    padding-left: 115px;
    overflow: hidden;
  }

  .item_list .item p {
    margin-bottom: 3px;
  }

  .item_list .item .info {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .item_list .item .info .name {
    font-size: 1.2em;
  }

  .item_list .item .img_wrap {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    /*bottom: 0;*/
    width: 120px;
    height: 120px;
    /*margin-top: -60px;*/
    /*background-size: contain;*/
  }

  .btn-lg {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .banner_list {
    font-size: 13px;
  }
}
.banner_list .item {
  margin-bottom: 1em;
  border: 1px solid #d6d6d6;
  position: relative;
  background: #ffe829;
}
.banner_list .item a {
  text-decoration: none;
}
.banner_list .item .img_wrap {
  transition: all 0.2s linear;
  padding-top: 70%;
  background: #ccc no-repeat;
  background-size: cover;
}
.banner_list .item .info {
  transition: all 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2.1em;
  width: 100%;
  z-index: 2;
}
.banner_list .item .info p {
  transition: all 0.2s linear;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.banner_list .item .info .name {
  font-size: 1.3em;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  background: #000;
  border-radius: 1em;
  text-align: center;
  padding: 5px 10px;
}
.banner_list .item .info .phone {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 2px #000000;
  margin-top: 1em;
}
.banner_list .item .icon {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-left: -21px;
  text-align: center;
  line-height: 42px;
  background-color: #050505;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.banner_list .item:hover .img_wrap {
  opacity: 0.3;
}
.banner_list .item:hover .info {
  margin-top: -3em;
}
.banner_list .item:hover .info p {
  color: #fff;
}
.banner_list .item:hover .icon {
  opacity: 1;
  bottom: 30px;
}
.view_wrap .info li {
  overflow: hidden;
  margin-bottom: 5px;
}
.view_wrap .info li > * {
  display: block;
}
.view_wrap .info li > *.title {
  font-weight: bold;
  width: 15%;
  margin-right: 5%;
  float: left;
}
.view_wrap .info li > *.title i {
  width: 1.5em;
}
@media only screen and (max-width: 767px) {
  .view_wrap .info li > *.title {
    width: 25%;
  }
}
.view_wrap .info li > *.desc {
  width: 80%;
  float: left;
  padding-bottom: 20px;
}
.view_wrap .info li > *.desc .label {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .view_wrap .info li > *.desc {
    width: 70%;
  }
}
#popup_doc_modal .modal-dialog .modal-body {
  max-height: 300px;
  overflow: auto;
}
.popup_doc {
  white-space: pre-line;
}
/** 
	** 팝업뷰
	** -------------------------------------------- **/
#popup {
  margin-top: 15px;
}
#popup .popup_top {
  /* background: url("../../images/popup/popup_top.png")  no-repeat; */
  background: #ffe829;
  width: 747px;
  height: 50px;
  background-size: 747px;
}
#popup .b-close {
  /* background: url("../../images/popup/btn_close_normal.png")  no-repeat; */
  cursor: pointer;
  text-align: center;
  width: 38px;
  height: 38px;
  right: 1px;
  position: absolute;
  margin: 18px 15px 15px 0px;
  background-size: 38px;
  color: #ffffff;
  font-family: "NanumSquareR", sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
#popup .popup_title {
  color: #ffffff;
  font-family: "NanumGothic", sans-serif;
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  width: 747px;
  vertical-align: middle;
  padding-top: 10px;
}
.popup_content {
  background-color: #fff;
  /* background: url("../../images/popup/box.png")  no-repeat; */
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
  color: #000000;
  font-family: "NanumGothic", sans-serif;
  font-size: 10pt;
  font-weight: normal;
  /*  width: 690px; */
  /* width:450px; */
  height: 265px;
  padding: 0px 0px 0px 0px;
  /* float:left; */
  border: 1px solid #bdbdbd;
  display: inline-block;
}
.popup_top {
  position: relative;
  height: 50px;
  width: 500px;
  background-color: #ff0000;
}
.popup_address_tag {
  color: #000000;
  height: 30px;
  /* float:left; */
  width: 360px;
  vertical-align: middle;
  text-align: middle;
  background: #ffffff;
  font-family: "NanumSquareR", sans-serif;
  font-size: 11pt;
  font-weight: bold;
  display: inline-block;
  padding: 16px 0px 0px 0px;
}
.popup_address {
  color: #000000;
  font-size: 12pt;
  height: 30px;
  /* width:570px; */
  width: 350px;
  float: left;
  padding: 10px 0px 0px 10px;
  background: #ffffff;
}
.popup_address_tag img {
  margin-left: 25px;
  margin-top: -3px;
  float: left;
  width: 21px;
}
.popup_address_tag div {
  margin: 0px 0px 0px 10px;
  float: left;
}
.popup_number {
  color: #a30435;
  font-size: 12pt;
  height: 30px;
  /* width:570px; */
  width: 350px;
  float: left;
  padding: 15px 0px 0px 10px;
  background: #ffffff;
}
.popup_number_tag {
  color: #000000;
  font-size: 12pt;
  height: 30px;
  /* float:left; */
  width: 360px;
  vertical-align: middle;
  text-align: middle;
  background: #ffffff;
  font-family: "NanumSquareR", sans-serif;
  font-size: 11pt;
  font-weight: bold;
  display: inline-block;
}
.popup_number_tag img {
  margin-left: 25px;
  margin-top: -4px;
  float: left;
  width: 21px;
}
.popup_number_tag div {
  margin: 0px 0px 0px 10px;
  float: left;
}
.popup_sec {
  color: #5f5f5f;
  font-size: 12pt;
  height: 30px;
  /* width:570px; */
  width: 350px;
  float: left;
  padding: 16px 0px 0px 10px;
  background: #ffffff;
}
.popup_sec_tag {
  color: #000000;
  font-size: 12pt;
  height: 30px;
  /* float:left; */
  width: 360px;
  vertical-align: middle;
  text-align: middle;
  background: #ffffff;
  font-family: "NanumSquareR", sans-serif;
  font-size: 11pt;
  font-weight: bold;
  display: inline-block;
}
.popup_sec_tag img {
  margin-left: 25px;
  margin-top: -3px;
  float: left;
  width: 21px;
}
.popup_sec_tag div {
  margin: 0px 0px 0px 10px;
  float: left;
}
.popup_markup {
  color: #000000;
  font-size: 12pt;
  height: 60px;
  /* width:570px; */
  width: 350px;
  float: left;
  overflow-y: auto;
  padding: 16px 0px 0px 10px;
  background: #ffffff;
}
.popup_markup_tag {
  color: #000000;
  font-size: 12pt;
  height: 55px;
  /* float:left; */
  width: 360px;
  vertical-align: middle;
  text-align: middle;
  background: #ffffff;
  font-family: "NanumSquareR", sans-serif;
  font-size: 11pt;
  font-weight: bold;
  display: inline-block;
}
.popup_markup_tag img {
  margin-left: 25px;
  margin-top: -3px;
  float: left;
  width: 21px;
}
.popup_markup_tag div {
  margin: 0px 0px 0px 10px;
  float: left;
}
.popup_option_tag {
  color: #9a9a9a;
  background: #ffffff;
  height: 104px;
  vertical-align: middle;
  width: 340px;
  font-family: "NanumSquareR", sans-serif;
  font-size: 11pt;
  font-weight: bold;
  display: inline-block;
  padding-left: 19px;
}
.popup_option {
  float: left;
  padding: 3px;
  background-color: #ff9e10;
  color: #ffffff;
  margin-right: 10px;
  font-family: "NanumSquareL", sans-serif;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 5px;
}
.b-iframe {
  width: 100%;
  height: 100%;
}
/** 
	** 팝업뷰 - 약관
	** -------------------------------------------- **/
#popup_doc {
  margin-top: 15px;
}
#popup_doc .popup_top {
  /* background: url("../../images/popup/popup_top.png")  no-repeat; */
  background: #ffe829;
  width: 747px;
  height: 50px;
  background-size: 747px;
}
#popup_doc .b-close {
  /* background: url("../../images/popup/btn_close_normal.png")  no-repeat; */
  cursor: pointer;
  text-align: center;
  width: 38px;
  height: 38px;
  right: 1px;
  position: absolute;
  margin: 18px 15px 15px 0px;
  background-size: 38px;
  color: #ffffff;
  font-family: "NanumSquareR", sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
#popup_doc .popup_title {
  color: #ffffff;
  font-family: "NanumGothic", sans-serif;
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  width: 747px;
  vertical-align: middle;
  padding-top: 10px;
}
.popup_content_doc {
  background-color: #fff;
  margin: 10px;
  margin-right: 27px;
  color: #000000;
  font-family: "NanumGothic", sans-serif;
  font-size: 10pt;
  font-weight: normal;
  height: 547px;
  padding: 10px;
  border: 1px solid #bdbdbd;
  display: inline-block;
  overflow-y: auto;
  white-space: pre-line;
}