@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Roboto:300,400,500,700&subset=korean);
@media print {	body { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }
/*reset*/
/*html, body,*/
/*form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption, select, textarea, label {margin: 0; padding: 0;   font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕', 'sans-serif'; letter-spacing:-.5px;}*/


@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);


html, body, form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption, select, textarea, label {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', 'sans-serif';
  line-height: 30px;
}

body{
  background-color: #fff;
  position: relative;
  color: rgb(102, 102, 102);
}

.body-color1 { background-color: #1a2a44; }

ul li { list-style: none; }
a { text-decoration: none !important; color: rgb(102, 102, 102) !important; }
.img-width  { width: 100%; }
.form-wrapper{
  border-radius: 7px;
}
.form-wrapper label{
  font-weight: bold;
}
.errors li{
  list-style: none;
  width: 100%;
  text-align: center;
}
.errors ul{
  padding-left: 0;
  margin-bottom: 0;
}

/* menu background images */
.menu-bg {background: url(/images/hcft_background1.jpg) no-repeat 50% 80%;background-size: cover;background-position: center 88px;}
.menu-bg_sub {background: url(/images/hcft_background1sub.jpg) no-repeat 50% 80%;background-size: cover; background-position: center 100px; }
.menu-bg_sub1 {background: url(/images/hcft_background1sub1.jpg) no-repeat 50% 80%;background-size: cover; /*height: 574px;*/background-position: center 88px;}

.menu-bg_sub-mobile {background: url(/images/hcft_background1sub-m.jpg) no-repeat 50% 80%;background-size: cover;height: 200px; background-position: center 62px; }
.menu-bg_sub-mobile1 {background: url(/images/hcft_background1sub1-m.jpg) no-repeat 50% 80%;background-size: cover;height: 200px; background-position: center 68px;}
.main-menu-bg_sub-mobile {background: url(/images/hcft_background1-m.jpg) no-repeat 50% 80%;background-size: cover;height: 600px; background-position: center 88px;}

/* nav active */
.top_menu_active_box {position: relative;background-color: #ffffff;}
.sub-bgcolor1 {background-color: #1a2a44;}
.main-page .top_menu_box { height: 748px; position: relative; z-index: 70; border-bottom: 10px solid #c2a862; }
.subpage .top_menu_box { height: 708px; position: relative; z-index: 70;  }


.top_menu_box-default { z-index: 50; }
.top_menu_box_sub { height: 421px;  }

.main-flower-box { position: relative; z-index: 75; }

/* nav */
.nav { width: 100%; padding: 30px 0 38px 0; }
.nav > ul {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.nav > ul > li {
  position: relative;
}

.nav .submenu { padding-top: 30px; }
.nav .non-text {
  color: #ffffff00 !important;
  padding: 10px;
  height: 50px;
}

.top_menu_active_box .nav > ul > li > a {
  display: block;
  padding: 10px 16px;
  transition: all 0.2s;
  font-size: 20px;
  font-weight: bold;
  color: #666 !important;
}

.sub-bgcolor1 .nav > ul > li > a {
  display: block;
  padding: 10px 16px;
  transition: all 0.2s;
  font-size: 20px;
  font-weight: bold;
  color: #fff !important;
}

.nav > ul > li > a {
  display: block;
  padding: 10px 16px;
  transition: all 0.2s;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff !important;
}


.nav > ul > li > a:hover {
  color: #007aff !important;
  font-weight: bold;

}
.nav > ul > li > ul {
  position: absolute;
  left: 0;
  top: 42px;
  width: 100%;
  display: none;
}

.nav > ul > li > ul > li {
  padding: 10px 5px;
  display: block;
  transition: all 0.2s;
  text-align: center;
  color: #666 !important;
  font-size: 17px !important;
  /*min-height: 83px;*/
}

.nav > ul > li > ul > li > a {
  /*padding: 10px;*/
  display: block;
  transition: all 0.2s;
  text-align: center;
  color: #666 !important;
  font-size: 17px !important;
}
.nav > ul > li > ul > li > a:hover {
  text-align: center;
  color: #2f80e5 !important;
  font-size: 18px;
  font-weight: bold;
}


.sub-title01 {
  color: #505052;
  font-size: 1.9rem;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-weight: bold;
}

.sub-title02 {
  color: #fff;
  font-size: 2rem;
  text-align: left;
  padding-top: 3rem;
  padding-bottom: 2rem;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: 2px solid #fff;
}

.card-newtype1 {
  flex: 1 1 auto;
  margin: 0.3rem;
  border-radius: 20px;
  border: 1px solid #c39a4c;
}

.main-card { padding-bottom: 2.5rem; }
.main-card .card { border-top: 3px solid; border-radius: 20px; }

.main-card .card-title {
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: 2rem;
  font-weight: bold;
  font-size: 1.4rem;
  color: #505052;
}

.main-card .card-title a {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #000 !important;
}

.main-card  .card-content {
  padding-top: 2rem;
}

.main-card .card-content dl {
  width: 100%;
  overflow: hidden;
  padding: 0 7px;
  box-sizing: border-box;

}


.main-card .card-content dl dt {
  float: left;
  clear: both;
  font-size: 14px;
  color: #fff;
  width: 64px;
  background: #1a2a44;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 7px;
}

.main-card .card-content dl dd {
  font-size: 16px;
  margin: 0 0 7px 78px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  line-height: 24px;
  max-height: 96px;
  color: #0b0b0b;
}

.sub-lnb .home {
  float: left;
  background: url(/images/ico_home.png) no-repeat 50% 50%;
  width: 70px;
  height: 59px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.sub-lnb .home span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.custom-icon {
  width: 50px;
  height: 50px;
  font-size: 1.6rem;
  color: #000;
  margin-right: 0.5rem;
}

.custom-light { background-color: #e3ad44 !important; }

.mr1rem { margin-right: 1rem; }

.customer-dropdown {color: #ffffff;}

.customer-dropdown li .nav-link {color: #000 !important;padding-right: 1rem !important;font-size: 18px;font-weight: bold;}

.custom-dropdown-style { background-color: #dbaf57 !important; border: none; }
.custom-dropdown-style li a:hover { color: #ffffff !important; }
.white-color { color: #000 !important; font-weight: bold; }
.white-bg-color { background-color: #fff; }

.top-banner-box-sub1 {position: relative;top: -320px; z-index: 20;}
.top-banner-box-sub1 .top-banner-text h2 {text-align: center;color: #ffffff;font-size: 3.8rem;font-weight: bold; letter-spacing: 0.7rem;}
.top-banner-box {position: relative;top: -320px;z-index: 20;}
.top-banner-box .top-banner-text h2 {text-align: center;color: #000;font-size: 3.8rem;font-weight: bold; letter-spacing: 0.7rem; }

.info-text1 p { text-align: center; font-size: 18px; line-height: 39px !important; }
.info-text1 span  { font-size: 1.5rem; font-weight: bold; }
.info-comment { color: #000; }
.info-comment p { font-weight: bold; font-size: 20px; line-height: 46px;   }
.info-comment2 p { font-weight: bold; font-size: 20px; line-height: 46px;   }
.info-comment3 p { font-weight: bold;   }
.info-comment .comm-sub-text1 { padding-bottom: 2rem; border-bottom: 1px solid #d2d2d2; font-size: 1.1rem;   }

.info-comment4 { color: #000; }
.info-comment4 .title1 { font-weight: bold; font-size: 22px; }
.info-comment4 p { line-height: 46px;   }
.info-comment4 p span { font-weight: bold; font-size: 20px; line-height: 46px;   }
.line-default { line-height: normal !important;   }

.letter01 { letter-spacing: -1px; }
.padding01 { padding: 1em !important; }

/* box style */


.box25 { border: 1px solid #c39a4c; padding: 4px; background-color: #fff; }
.box27 { border: 2px solid #c39a4c; margin: 2em auto; padding:2em;  background-color:#f5f5f5;  }
.box27-img { border: 2px solid #c39a4c; background-color:#f5f5f5;  }
.box27-m { border: 2px solid #c39a4c; margin: 2em auto; padding:1em;  background-color:#f5f5f5; font-size: 16px;  }
.box27-m  { color: #000; }
.box27-m .info-comment4 .title1 { font-weight: bold; font-size: 18px; }
.box27-m .info-comment4 dd p { line-height: 46px;   }
.box27-m .info-comment4 dd p span { font-weight: bold; font-size: 16px; line-height: 46px;   }
.box27-m .info-comment4 .comm-sub-text1 p { line-height: 25px; }
.box27-m dt { width: 5% !important; }
.box27-m dd { width: 95% !important; }

.box27-m .bigtext1 dt { width: 8% !important; }
.box27-m .bigtext1 dd { width: 92% !important; }

.box28 p { text-align: center; }
.box28 .mar-top { margin-top: 12px; }

.box29 { padding-top: 4rem !important; }
.box29 p { text-align: center; font-size: 22px; line-height: 27px !important; color: #fff; padding-top: .5rem !important; }
.box29 > p > span { font-weight: bold; text-align: center; font-size: 24px; line-height: 27px !important; color: #fff; padding-top: .5rem !important; }
.box29 .small-text1 { text-align: center; font-size: 16px; line-height: 27px !important; color: #fff; padding-top: 36px !important; font-weight: bold; }

.box29-m { padding: 2rem 0 2rem 0; !important; }
.box29-m p { text-align: center; font-size: 22px; line-height: 27px !important; color: #fff; padding-top: .5rem !important; }
.box29-m > p > span { font-weight: bold; text-align: center; font-size: 24px; line-height: 27px !important; color: #fff; padding-top: .5rem !important; }
.box29-m .small-text1 { text-align: center; font-size: 16px; line-height: 27px !important; color: #fff; padding-top: 36px !important; font-weight: bold; }

.box30 { border: 1px solid #c39a4c; padding: 4px; }
.box30 .box30-sub { border: 1px solid #c39a4c; padding: 20px; }
.box30 .box30-sub p { color: #fff; font-size: 18px; line-height: 35px;  }
.box30 .box30-sub1 p { color: #fff; font-size: 20px; line-height: 35px;  }
.box30 .box30-sub2 p { color: #fff; font-size: 16px; line-height: 35px;  }
.box30 .box30-sub2 .comm-sub-text1 dt { color: #fff; font-size: 16px; line-height: 35px;  }
.box30 .box30-sub2 .comm-sub-text1 dd { color: #fff; font-size: 16px; line-height: 35px;  }
.box30 .box30-sub2 .comm-sub-text1 p span { color: #fff; font-size: 18px; line-height: 35px; font-weight: bold;  }
.box30 .padding20 { padding: 40px; }
.margin1 { margin: 1em auto; padding: 1rem; }
.display-flex1 { display: flex; }
.font-color-white { color: #fff !important; }
.font-color-black { color: #000 !important; }
.font-color-red { color: #c00606 !important; font-weight: bold; }



.box30-m { border: 1px solid #c39a4c; padding: 2px; color: #fff; display: flex;  }
.box30-m .box30-sub { border: 1px solid #c39a4c; padding: 10px;   }
.box30-m dt { width: 5% !important; float: left; }
.box30-m dd { width: 95% !important; float: left; }

.box31{ margin: 2em auto; padding:2em; position: relative; border:1px solid #cacaca; }
.box31:before{border-bottom:30px solid transparent;border-left:30px solid #2a2d2a;content: '';display: block;position: absolute;top: 0px;left: 0px;}
.box31:after{border-left:30px solid transparent;border-bottom:30px solid #2a2d2a;content: '';display: block;position: absolute;bottom: 0px;right: 0px;}
.box31-01{margin: 1em auto;padding:2em;position: relative;border:1px solid #cacaca;}
.box31-01:before{border-bottom:30px solid transparent;border-left:30px solid #2a2d2a;content: '';display: block;position: absolute;top: 0px;left: 0px;}
.box31-01:after{border-left:30px solid transparent;border-bottom:30px solid #2a2d2a;content: '';display: block;position: absolute;bottom: 0px;right: 0px;}

.box23 {margin: 2em auto;padding:2em;border-left:solid 5px #939393;background-color:#f5f5f5;}
.box23-m {padding: 1rem 0rem !important;letter-spacing: -1px;}
.box23-01 {margin: 0.2em auto;padding:0.5em;border-left:solid 5px #939393;background-color:#f5f5f5;}

.box24 {margin: 2em auto;padding:0.5em;border-top:solid 5px #e4cc8f;background-color:#F9F4E8;box-shadow:3px 1px 4px rgba(0, 0, 0, 0.2);}

.box26 {margin: 2em auto;padding:1.5em;border-left:double 5px #999fad;border-right:double 5px #999fad;background-color:#f1f3f4;box-shadow:3px 1px 4px rgba(0, 0, 0, 0.2);}
.box26-m { padding: 1rem 0.5rem !important; letter-spacing: -1px; }

.box35 { border: 1px solid #c39a4c; padding: 2em; display: flex;  }
.box35-m { border: 1px solid #c39a4c; padding: 1em; display: flex;  }
.box35 .info-comment { color: #fff; }
.box35 .info-comment .comm-sub-text1 { padding-bottom: 2rem; border-bottom: 0 solid #d2d2d2; font-size: 1.1rem;   }

.box36 { color: #fff; border: 3px solid #c39a4c; background-color: #1a2a44; margin: 2em auto; }
.box36 p span { vertical-align: middle; color: #c5a059; }
.box36 .fontsize { font-size: 20px; }

.box37 { border: 3px solid #c39a4c; padding: 2em; background-color: #1a2a44; color: #fff; margin: 2em auto; }
.box37 a:link { color: #fff !important; }

.box38 { color: #fff; border: 3px solid #c39a4c; background-color: #1a2a44; }
.box38 p span { vertical-align: middle; color: #c5a059; }
.box38 .fontsize { font-size: 20px; }

.box55 {margin: 2em auto;padding:2em;border-radius: 30px 60px/60px 30px;border: solid 8px #ccc7be;}

.span-font-size1 { font-size: 1.4rem; }


.table-price01 { --bs-table-bg: #fff; /* 배경색 */ }
.table-price01 th { text-align: center; padding-top: 0.6rem; padding-bottom: 0.6rem; }
.table-price01 td {  text-align: center; vertical-align: middle; }
.table-price01 .memo01 { text-align: left !important; vertical-align: middle; }
.table-price01 td dt { float: left; width: 8%; }
.table-price01 td dd { float: left; width: 92%;  display: inline-block; }


.clickable-row {cursor: pointer;}
.clickable-row:hover {background-color: #333; /* Change background color on hover */}

.comm-sub-text1 dt { float: left; width: 2%; text-align: center; }
.comm-sub-text1 dd { float: left; width: 98%;  display: inline-block; }

.comm-sub-text1-m dt { float: left; width: 4%; }
.comm-sub-text1-m dd { float: left; width: 96%;  display: inline-block; }

.comm-sub-text2 { display: grid; }
.comm-sub-text2 dt { float: left; width: 2%; text-align: center; }
.comm-sub-text2 dd { float: left; width: 98%;  display: inline-block; }

.comm-sub-text2 .font-size1 dt { float: left; width: 2%; text-align: center; font-size: 1.2rem; }
.comm-sub-text2 .font-size1 dd { float: left; width: 98%;  display: inline-block; font-size: 1.2rem; }

.comm-sub-text2-m { display: grid; }
.comm-sub-text2-m dt { float: left; width: 4%; text-align: center; }
.comm-sub-text2-m dd { float: left; width: 96%;  display: inline-block; }
.comm-sub-text2-m .sp dt { float: left; width: 8%; text-align: center; }
.comm-sub-text2-m .sp dd { float: left; width: 92%;  display: inline-block; }



.comm-sub-text3-m { display: grid; }
.comm-sub-text3-m dt { float: left; width: 4%; }
.comm-sub-text3-m dd { float: left; width: 96%;  display: inline-block; }


.table-parking th { text-align: center; padding-top: 0.6rem; padding-bottom: 0.6rem; }
.table-parking td {  vertical-align: middle;  }
.table-parking .memo01 { text-align: left !important; vertical-align: middle; }

.table-online01 .aster { color: #004ea2; font-weight: bold; padding-left: 0.3rem; }
.table-online01 th { text-align: center; padding-top: 0.6rem; padding-bottom: 0.6rem; font-weight: normal; }

.btn_number span {display: table-cell;vertical-align: middle;background: #5e5e5e;margin: 0 0 0 17px;color: #fff;border-radius: 24px;width: 130px;line-height: 44px;text-align: center;}
.btn_numberco span {display: table-cell;background: #5e5e5e;color: #fff;border-radius: 24px;width: 130px;line-height: 44px;text-align: center;}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.pleft1 { padding-left: 0.9rem; }


/* button */
.naver-button {background: #4fa42b;color: #ffffff;font-size: 18px;}

.naver-button:hover {
  color: #ffffff;
}
.naver-button-mobile {
  background: #4fa42b;
  color: #ffffff;
  font-size: 0.9rem;
  margin: 0.8rem;
}

.cacao-button {
  background: #febc00;
  color: #ffffff;
  font-size: 18px;
}

.cacao-button:hover {
  color: #ffffff;
}

.cacao-button-mobile {
  background: #febc00;
  color: #ffffff;
  font-size: 0.9rem;
  margin: 0.8rem;
}

.google-button {
  background: #5e5e5e;
  color: #ffffff;
  font-size: 18px;
}

.google-button:hover {
  color: #ffffff;
}

.google-button-mobile {
  background: #5e5e5e;
  color: #ffffff;
  font-size: 0.9rem;
  margin: 0.8rem;
}

.mobile-top-banner-wrap {
  position: absolute;
  width: 100%;
}

.top-banner-box-mobile {
  position: relative;
  top: 110px;
  z-index: 20;
}

.top-banner-box-mobile .top-banner-text h2 {
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}

.top-banner-box-mobile .top-banner-text-mobile h2 {
  text-align: center;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
}
 .navbar {z-index: 300;}
 .bg-mobile {
   --bs-bg-opacity: 1;
   background-color: rgb(29 42 66) !important;
 }

 .f-blue {backdrop-filter: blur(50px);padding: 0.2rem;}

/* swiper */
#gallery_view	 {max-width:920px; margin:30px auto 0; background:#e2e3e5;}
#gallery_view .swiper-slide .thumb	{display:block;}
#gallery_view .swiper-slide img	 {width:100%;}
#gallery_view .swiper-button-prev	{background:url("/images/gallery_swiper_prev_on.png") no-repeat 0 0; width:70px; height:100px; top:50%; left:0; margin-top:-50px;}
#gallery_view .swiper-button-prev.swiper-button-disabled	{background:url("/images/gallery_swiper_prev.png") no-repeat 0 0; width:70px; height:100px;}
#gallery_view .swiper-button-next	{background:url("/images/gallery_swiper_next_on.png") no-repeat 0 0; width:70px; height:100px; top:50%; right:0; margin-top:-50px;}
#gallery_view .swiper-button-next.swiper-button-disabled	{background:url("/images/gallery_swiper_next.png") no-repeat 0 0; width:70px; height:100px;}
#gallery_view .swiper-button-prev:after,
#gallery_view .swiper-button-next:after	{display:none;}
#gallery_view .info	{position:absolute; bottom:0; left:0; width:100%; background:url("/images/dot_000_opacity_80.png"); text-align:center; color:#ccc; letter-spacing:-0.05em; padding:0.4em 0; z-index:100;}
#gallery_view .info .pyeong	{color:#fff; margin-right:10px;}

#gallery_thumbs	 {max-width:592px; padding:0 60px; margin:30px auto 0;}
#gallery_thumbs .swiper-wrapper	{}
#gallery_thumbs .swiper-slide	 {width:25%;}
#gallery_thumbs .swiper-slide .thumb	{display:block;}
#gallery_thumbs .swiper-slide img { width:100%; }
#gallery_thumbs .swiper-slide:after	{position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/dot_000_opacity_40.png");content:"";box-sizing:border-box;}
#gallery_thumbs .swiper-slide.swiper-slide-thumb-active:after	{background:none; border:4px solid #2f80e5;}
#gallery_thumbs .swiper-button-prev	{background:url("/images/gallery_swiper_prev2.png") #485172 no-repeat 0 50%; width:49px; height:100px; top:50%; left:0; margin-top:-50px;}
#gallery_thumbs .swiper-button-next	{background:url("/images/gallery_swiper_next2.png") #485172 no-repeat 0 50%; width:49px; height:100px; top:50%; right:0; margin-top:-50px;}
#gallery_thumbs .swiper-button-prev.swiper-button-disabled,
#gallery_thumbs .swiper-button-next.swiper-button-disabled	{opacity:1;}
#gallery_thumbs .swiper-button-prev:after,
#gallery_thumbs .swiper-button-next:after	{display:none;}

/*#gallery_view	 {margin:15px auto 0;}*/
/*#gallery_view .swiper-button-prev	{background:url("/images/gallery_swiper_prev_m_on.png") no-repeat 0 0; background-size:auto 32px; width:22px; height:32px; margin-top:-11px;}*/
/*#gallery_view .swiper-button-prev.swiper-button-disabled	{background:url("/images/gallery_swiper_prev_m.png") no-repeat 0 0; background-size:auto 32px;}*/
/*#gallery_view .swiper-button-next	{background:url("/images/gallery_swiper_next_m_on.png") no-repeat 0 0; background-size:auto 32px; width:22px; height:32px; margin-top:-11px;}*/
/*#gallery_view .swiper-button-next.swiper-button-disabled	{background:url("/images/gallery_swiper_next_m.png") no-repeat 0 0; background-size:auto 32px;}*/
/*#gallery_view .info	{font-size:12px; padding:9px 0;}*/

/*#gallery_thumbs	 {max-width:290px; padding:0 30px; margin:15px auto 0;}*/
/*#gallery_thumbs .swiper-slide.swiper-slide-thumb-active:after	{border:2px solid #2f80e5;}*/
/*#gallery_thumbs .swiper-slide img	 {width:100%;}*/
/*#gallery_thumbs .swiper-button-prev	{background:url("/images/gallery_swiper_prev2_m.png") #485172 no-repeat 0 50%; background-size:auto 52px; width:25px; height:52px; margin-top:-26px;}*/
/*#gallery_thumbs .swiper-button-next	{background:url("/images/gallery_swiper_next2_m.png") #485172 no-repeat 0 50%; background-size:auto 52px; width:25px; height:52px; margin-top:-26px;}*/


.btn-outline-secondary-active {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.bgcolor1 { background-color: #f4f4f4 !important; font-weight: bold; }
.box-board1 {
  border: 1px solid #ddd;
  padding: 1rem;
  width: 65%;
  text-align: left;
  margin: 0 auto;
}

.box-board2 {
  border: 1px solid #ddd;
  padding: 2rem;
  text-align: left;
  margin: 0 auto;
}

.pt4rem { padding-top: 4rem !important;  }
.width400 { width: 400px; }
.width100 { width: 100px; }

.slogan-box {
  position: relative;
  top: 300px;
  left: 0px;
}

.slogan-box .pt-flower { padding-top: 80px; }

.slogan-box .slogan-content { position: absolute; }

.slogan-content-text { float: left; }
.slogan-content-right-text { float: left; padding-top: 1rem; }

.slogan-content-right-text .text-call {
  font-size: 1.8rem;
  padding-bottom: 2rem;
  color: #ffffff;
  font-weight: bold;
  text-align: right;
}


.slogan-content-text p {
  font-size: 3rem;
  padding-bottom: 2rem;
  font-weight: 400;
}


.slogan-content-text-m p {
  font-size: 1.8rem;
  padding-bottom: 1.2rem;
  font-weight: bold;
}

.slogan-content-text-m .sub-text {
  font-size: 1.5rem;
  padding-bottom: 2rem;
  color: #ffffff;
  letter-spacing: -1px;
}

.color-while {
  color: #ffffff;
}

.color-f3d7a7 {
  color: #f3d7a7;
}

.slogan-content-text .sub-text {
  font-size: 1.2rem;
  padding-bottom: 2rem;
  color: #ffffff;
}


.slogan-content-text .text-call {
  font-size: 1.8rem;
  padding-bottom: 2rem;
  color: #ffffff;
  font-weight: bold;
  text-align: right;
  padding-top: 7rem;
}

.slogan-content-text-m .text-call {
  font-size: 1.3rem;
  padding-bottom: 2rem;
  color: #ffffff;
  padding-top: 1.1rem;
}

.slogan-content-text .text-call .text1 {
  font-size: 1.6rem;
}

.message-box-call {
  width: 50%;
  margin: 0 auto;
  padding: 0.5rem;
  margin-top: 1rem;

}

.message-box-call .text1 {
  font-size: 1.3rem;
  padding-bottom: 2rem;
  font-weight: bold;
  padding-top: 1.1rem;
  color: #2a2d2a;
  padding-left: 0.4rem;
}

/* 공지사항 popup */
.popCmmn {
  position: fixed;
  /*top: 60%;*/
  top: 380px;
  left: 50%;
  width: 90%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 100;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}

.popCmmn-pc {
  position: relative;
  top: 200px;
  left: 0px;
  width: 485px;
  height: auto;
  /*transform: translate(-50%, -50%);*/
  z-index: 100;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}

.popInnerBox {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: left;
}

.popHead {
  height: 13.236vw;
  line-height: 13.236vw;
  padding: 0 6vw;
  background: #004ea2;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  position: relative;
}

.popCmmn-pc .popHead {
  height: 68px;
  line-height: 68px;
  padding: 0 30px;
  background: #004ea2;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}

.popHead .close_btn_box {
  position: absolute;
  top: 50%;
  right: 6vw;
  width: 7vw;
  height: 7vw;
  background: #080915 url(/images/close_btn.png) no-repeat center center;
  transform: translateY(-50%);
  background-size: 3vw;
  cursor: pointer;
}

.popCmmn-pc .popHead .close_btn_box {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 34px;
  height: 34px;
  background: #080915 url(/images/close_btn.png) no-repeat center center;
  transform: translateY(-50%);
  cursor: pointer;
}

.popBody {
  padding: 4vw;
  box-sizing: border-box;
  font-size: 3.6vw;
  color: #333;
  letter-spacing: -1px;
  background: #e9e9e9;
}

.popCmmn-pc .popBody {
  padding: 25px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 28px;
  color: #333;
  letter-spacing: -1px;
  background: #e9e9e9;
}

.popCmmn-pc .popBody .content_text_box {
  width: 100%;
  height: 110px;
  margin-bottom: 10px;
}

.popBody .content_text_box:last-of-type {
  margin-bottom: 0;
}

.popBody .content_text_box .right_main {
  width: 100%;
  height: auto;
  background: #fff;
  display: table;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  box-sizing: border-box;
  padding: 3vw;
}

.popCmmn-pc .popBody .content_text_box .right_main {
  width: 396px;
  height: 100%;
  float: left;
  background: #fff;
  display: table;
}

.popBody .content_text_box .right_main .main_center {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.popCmmn-pc .popBody .content_text_box .right_main .main_center {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.popBody .content_text_box .right_main .main_center .main_inner {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.popCmmn-pc .popBody .content_text_box .right_main .main_center .main_inner {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.popUp_botttom {
  background: #fff;
  width: 100%;
  height: 12vw;
  font-size: 3vw;
}

.popCmmn-pc .popUp_botttom {
  background: #fff;
  width: 100%;
  height: 53px;
  font-size: 14px;
}

.popUp_botttom .left_box {
  float: left;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #e6dfd5;
  line-height: 11vw;
  text-align: center;
  position: relative;
  color: #5d554a;
  font-weight: bold;
}

.popCmmn-pc .popUp_botttom .left_box {
  float: left;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #e6dfd5;
  line-height: 50px;
  text-align: center;
  position: relative;
  color: #5d554a;
  font-weight: bold;
}

.popUp_botttom .left_box .left_box_btn {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.popCmmn-pc .popUp_botttom .left_box .left_box_btn {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.popUp_botttom .left_box .today_hidden_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  padding-top: 0.4rem; font-size: 16px;
}

.popCmmn-pc .popUp_botttom .left_box .today_hidden_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  padding-top: 0.2rem;
}

.popUp_botttom .right_box {
  float: right;
  width: 50%;
  height: 100%;
}

.popUp_botttom .right_box button {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #5d554a;
  font-size: 3vw;
  line-height: 11vw;
  border: 0;
}

.popCmmn-pc .popUp_botttom .right_box button {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #5d554a; font-size: 16px; line-height: normal; font-weight: bold;
}

.popUp_botttom .left_box label {
  vertical-align: middle;
  font-size: 3vw;
}

.popCmmn-pc .popUp_botttom .left_box label {
  vertical-align: middle; font-size: 16px;
}

.popUp_botttom .left_box input {
  vertical-align: middle;
  font-size: 3vw;
}

.popCmmn-pc .popUp_botttom .left_box input {
  vertical-align: middle;
}

.popBody .content_text_box .right_main .main_center .main_inner .mo_txt {
  display: block;
}

.popCmmn-pc .popBody .content_text_box .right_main .main_center .main_inner .mo_txt {
  display: block; text-align: left;
}

.popBody .content_text_box1 .right_main .main_center .main_inner span { color: #31354e; }

.but-width1 { padding: 0.5rem 3rem; background-color: #212121; }
.but-width1 .btn-secondary:hover {
  color: #fff;
  background-color: #212121 !important;
  border-color: #565e64;
}

.dt-w { width: 10px !important; }


/* ------------------------------------- */






/* align */
.textright { text-align: right; }
.textcenter { text-align: center; }

.con-blank { margin-top: 1rem; }
.con-blank2 { margin-top: 2rem; }
.con-blank3 { margin-top: 3rem; }
.con-blank4 { margin-top: 2rem; --bs-gutter-x: 0; }
.con-blank5 { margin-top: 58px; }
.con-blank6 {
  margin-top: 5rem;
  border-top: 1px solid #d2d2d2;
  padding-top: 1rem;

}
.con-blank7 { margin: 2em auto; }

.font09 { font-size: 0.9rem !important; }
.font-content-sub01 { font-weight: bold; margin-top: 3rem; }

/* 더보기 */
.smalltype1 { padding-left: 0.6rem; font-size: 0.6rem; color: #646464;   }
.smalltype1 img { width: 15px;   }

.main-loc-img { padding: 1rem; }

/* main banner slide */
.main-slide h5 { color: #fff !important;}
.main-slide .main-caption{
  position: absolute;
  right: 15%;
  /*bottom: 1.25rem;*/
  top: 30%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.main-slide .main-xs-caption{
  position: absolute;
  right: 15%;
  /*bottom: 1.25rem;*/
  top: 1rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.main-slide .txt-title { color: #fff; font-size: 2rem; line-height: 4rem; font-weight: bold;   }
.main-slide .topline { border-top: 1px solid #fff;  }

.main-product-context { min-height: 90px; }

/* Main */
.fleamaketmain a { font-size: 1rem; letter-spacing: -1px; }
.fleamaketmain_m a { font-size: 0.85rem; letter-spacing: -1.5px; }

.fleamaketmain .iconlists li  { width: 12%; display: inline-block; }

/* main home border */
.mainboard1 { padding: 0rem !important;}
.mainboard1 li { float: left; font-size: 0.9rem; padding: 0.7rem 0rem 0.4rem 0.2rem; border-bottom: 1px solid #c7c7c7; }

/* logo */
.site-logo { margin-bottom: 3rem; margin-top: 3rem; }


.top_menu_box_warp { width: 100%; height: 134px; background-color: #1a2a44; }
.top_menu_box_warp .pc_top_logo { padding: 30px 0 38px 0;     }
.top_menu_active_box .pc_top_logo { padding: 30px 0 38px 0;     }



/* Nav */
/*.nav-link { color: #000 !important;  }*/
.nav-tabs .nav-link { background-color: #e1e1e1; border: 1px solid #cfcbcb; }
.nav .nav-item .active  { color: rgb(0, 90, 171) !important; }
.height1line { height: 50px !important; }
.height2line { height: 83px !important; }

/* Nav mouse over */
.pcmenu .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.pcmenu { padding-top: 2px; height: 530px; }
.pcmenu-sub { padding-top: 2px; height: 172px; }
.pcmenu .dropdown { position: static;  }
.top1depnav { padding-top: 4px; color: #888888 !important;  }
.top1deplastnav { padding-right: 8px; }

.logbuttext1 { font-size: 14px; letter-spacing: 1px; }


.mheadlink { color: #fff !important;  }

/* Movie */
.movie4h { min-height: 48px; }

/* shop card */
.shop-title { margin: 1rem 0 1rem 0; font-size: 1.2rem; color: #353535; font-weight: bold;  }
.shop-list-item { margin-bottom: 1rem; }
.shop-list-item .card-body { text-align: left; }
.card-prod { padding: 0.1rem 0.1rem; }

.shop-product-title {
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
}
.shop-product-price {
  font-size: 2.8rem;
  font-weight: bold;
}
.shop-product-button {

  font-weight: bold;
  width: 100%;
  height: 60px;
  color: #fff !important;
}

.button-text-type1 {
  font-weight: bold;
  width: 100%;
  height: 60px;
  color: #fff !important;
  cursor: default !important;
  background-color: #008cd6;
  border-color: #008cd6;
}

.nav > ul > li  > .button-text-type3-m {
  color: #c5a059 !important;
  border: 1px solid #c5a059;
  letter-spacing: 1px;
}

.top_menu_active_box .nav > ul > li > .button-text-type3-m {
  color: #c5a059 !important;
  border: 1px solid #c5a059;
  letter-spacing: 1px;
}

.button-text-type3-m {
  color: #c5a059 !important;
  border: 1px solid #c5a059;
  letter-spacing: 1px;
}


.button-text-type2-m {
  color: #ffffff;
  border-color: #b1b1b1;
  background-color: #5a4218a1;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 0.5rem 0.8rem;
}

.button-text-type2 {
  color: #ffffff;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  border-color: #b1b1b1;
  background-color: #22528763;
  letter-spacing: 4px;
  font-weight: bold;
  padding: 0.5rem 2rem;
}

.button-text-type2:hover {
  color: #fff;
  background-color: #e1ae5d;
  border-color: #ffffff;
}

.button-text-type2:active {
  color: #fff;
  background-color: #e1ae5d;
  border-color: #ffffff;
}



.busbut {
  height: 60px;
  width: 90px;
  font-size: 16px;
  letter-spacing: -1px;
  border-radius: 0.4rem;
}

/* Message Box */
.msg-box-warp1 {
  position: relative;
  width: 100%;
}
.msg-box-warp1-text1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(255, 255, 255);
}
.msg-box-warp1-text2 {
  font-size: 0.98rem;
}

.text-blue-msg {
  color: #0d6efd !important;
  font-size: 1.1rem;
  font-weight: 700;
}
.text-blue { color: #55e0ff; }


/* 인사말 */
.heading-text {
  margin-bottom: 30px;
}
.lead {
  font-weight: 400;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.greeting-msg {
  line-height: 1.8em;
  font-size: 20px !important;
  font-family: 'Noto serif KR';
  font-weight: 300 !important;
  color: #1D1D1E;
  padding-bottom: 15px;
  line-height: 1.8em;
}

.heading-text p {
  font-size: 20px;
  margin-bottom: 100px;
  font-family: 'Noto Sans KR';
  font-weight: 200;
  color: #1D1D1E;
}

.heading-text h2 {
  /* font-size: 60px; */
  margin-bottom: 30px;
  letter-spacing: -.7px;
  line-height: 66px;
  font-family: 'Noto serif KR';
  font-weight: 200;
  font-size: 45px;
  color: #1D1D1E;
}

/* 상가정보 */
.storemenu ul li { display: inline-block; padding: 0.3rem; margin-top: 1.2rem; }
.storemenu ul li select {font-size: .85rem;  }

.storemenu_m ul li { display: inline-block; padding: 0.1rem; }
.storemenu_m ul li select {font-size: .85rem;  }

.storesearch .depth1op { font-size: 1.05rem; background-color: #e2e2e2; }

/* Mobile mobile*/
.hrcolor { border-top: 1px solid rgb(255 255 255); };





/* shop info */
.shoptitle { font-size: 1.4rem; padding: 0.5rem; vertical-align: middle; font-weight: bold; color: #78af05; }
.storenamebox { padding: 1rem 0rem;  }
.fonttype-wr {  font-size: 1rem; margin: 0.4rem 0rem; }


/* Tag Item */
.tag-list {
  padding: 0em;
  display: inline-block;
}
.tag-item {
  float: left;
  background-color: #9ea9d8;
  padding: 0.5em 1em;
  border-radius: 0.6em;
  margin: 0.5em;
}

.del-btn {
  color: #000;
  font-size: 1.3em;
  padding: 0.3em;
  color: #fff;

}

/* upload image style */
#att_zone{
  width: 100%;
  min-height:150px;
  padding:10px;
  border:1px solid #e9ecef;
}
#att_zone:empty:before{
  content : attr(data-placeholder);
  color : #999;
  font-size:.9em;
}

/* 카테고리 선택 */
.cate_box {
  border: 1px solid rgb(220, 219, 228);
}
.cate_box ul li { height: 40px; }
.depth1_but1 {  }

/* Color */
.ad_red { color : red; }

.pop_chk_wrap .agree_info {
  margin-top: 15px;
  border: 1px solid #dcdde0;
  background: #f1f2fa;
}

.pop_chk_wrap .agree_info .inner {
  overflow-y: scroll;
  height: 249px;
  padding: 1rem 1rem 1rem 1rem;
}

.pop_chk_wrap .agree_info h5 {
  margin-bottom: 25px;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  font-family: 'NotoSans_Regular';
  color: #555;
  text-align: center;
}

.pop_chk_wrap .agree_info p {
  margin: 3px 0 11px;
  font-size: 12px;
  line-height: 17px;
  color: #555;
}

.pop_chk_wrap .agree_info .list_dot {
  padding: 0rem;
}

.pop_chk_wrap .agree_info .list_dot li {
  margin-top: 6px;
  font-size: 12px;
  line-height: 17px;
  color: #555;
  position: relative;
  padding-left: 10px;
  letter-spacing: -0.025em;
}

.pop_chk_wrap .agree_info .tbl_list.type2 {
  border-top: 2px solid #555;
  text-align: center;
  width: 100%;
}

.pop_chk_wrap caption {
  width: 0;
  height: 0;
  font-size: 1px;
  line-height: 0;
  overflow: hidden;
}

.pop_chk_wrap .agree_info .tbl_list.type2 th {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #555;
  font-size: 15px;
  background: #d2d5ef;
}

.tbl_list tbody tr:first-child {
  border-top: 1px solid #555;
}

.pop_chk_wrap .agree_info .tbl_list.type2 td {
  padding: 15px 13px;
  border-right: 1px solid #ccc;
  background: #fff;
}

.kt_pc.cs .pop_chk_wrap .agree_info strong {
  font-size: 12px;
  line-height: 17px;
}

.pop_chk_wrap .agree_info .list_dot ul, ol, li, dl, dt, dd {
  list-style: none;
  display: block;
}

/* Image Size */
.img200 { width: 200px; height: 200px; }
.img150 { width: 150px; height: 150px; }
.img100 { width: 100px; height: 100px; }


/* Table  */
.page-item.active .page-link {
  background-color: #cbcbcb !important;
  border-color: #747474 !important;
}

.cuspage .pagination { display: inline-block;}
.cuspage ul li { float:left; }


.bdtable00 th { text-align: center; padding-top: 0.6rem; padding-bottom: 0.6rem;}
.bdtable00 td { text-align: center; vertical-align: middle;}

.m-text-style1 { font-size: 0.75rem; color: rgb(162 162 162) !important; }
.m-text-style2 { font-size: 0.85rem; color: rgb(162 162 162) !important; }
.m-text-style2 a { font-size: 0.85rem; color: rgb(162 162 162) !important; }

.cinematab01 th { font-size: 0.85rem; }

/* form-switch  */
.form-switch {
  padding-left: 2.8em !important;
}
.form-switch .bootstrap-switch-container {
  margin-left: 0px !important;
}
.form-switch span {
  display: none;
}

/* login */
.loginbox {
  border: 1px solid #eee;
}

/* SNS LOGIN */
.snslogin li {
  float: left;
  padding: 0.5rem 0.5rem; height: 63px;
}


/* Calendar  */
.fc-content span.fc-title{
  white-space: normal;

}


/* Notice Board */
.bdtable table { padding-top: 1rem; font-size: 0.9rem; }
.bdtable .dataTables_length { font-size: 0.9rem; }
.bdtable .example_filter { font-size: 0.9rem; }
.bdtable .dataTables_paginate { margin-top: 1rem; font-size: 0.9rem; }
.bdtable th {
  background-color: #efefef;
  text-align: center !important;
  border-top: 2px solid;
}

.conview-type1 { display: contents; --bs-gutter-x: 0 !important; }
.text-type1{
  font-weight: bold;
  /*font-size: 1.1rem;*/
  color: rgb(102, 102, 102);
  line-height: 2.2rem;
  border-bottom: 1px solid ;
  padding: 0.8rem 1rem;
}

.text-type2{
  /*font-size: 1.1rem;*/
  color: rgb(102, 102, 102);
  line-height: 2.2rem;
  border-bottom: 1px solid ;
  padding: 0.8rem 1rem;
}

.fr-title { background-color: #e9edf1; }
.fr-board-style1 { border-top: 1px solid #b7babd; border-bottom: 1px solid #b7babd; }
.fr-board-style2 {border-top: 1px solid #b7babd; border-bottom: 1px solid #b7babd; }


/* Gallery Board */
.bdgalley { display: contents; }
.bdgalley li  { float: left; }
.bdgalley li .shop-list-item { margin: 0.8rem 0.4rem !important;  }
.bdgalley li .card-title { font-weight: bold; }
.bdgalley li .card-text { font-size: 0.9rem;  }

/* butbox */
.butbox { padding-top: 2rem; padding-bottom: 5rem; }
.applebut { width: 180px; height: 45px; }

/* card-title */
.card-body .card-title {
  /*min-height: 4rem; */
  /*font-size: 1rem !important;*/
}
.mainprodlist .card-body .card-title {
  min-height: 0rem;
  font-size: 0.85rem !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.split-cart-title {
  min-height: 0rem;
  font-size: 0.85rem !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.height0 {
  height: 0px;
}

/* callouts */
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem
}
.bd-callout h4 {
  margin-top: 0;
  margin-bottom: .25rem
}
.bd-callout-success{
  border-left-color: #28a745; margin-top: 0rem;
}
.bd-callout-success h4 {
  color: #28a745;
  font-size: 1.2rem;
}

.bd-callout-info {
  border-left-color: #5bc0de
}

.bd-callout-info h4 {
  color: #5bc0de
}

.custtext01 { font-size: 0.85em; color: #5b5b5b !important; padding: 0.35em 0; }
.mappic-box { border: 1px solid #dadada; padding: 0.3rem; }
.mappic-box1 { border: 1px solid #9b804a; padding: 0.3rem; }
.mapalerttext { font-size: .8rem; padding: 0.8rem; margin-top: 1rem; }


/* content title */
.con-title1 { font-size: 1.4rem; font-weight: bold; padding: 1.2rem 0rem 0.5rem 0rem; }
.con-title1 .mark1 { color: #005aab; font-size: 2rem; font-weight: bold; }
.con-m_title1 { font-size: 1.4rem; font-weight: bold; padding: 1.2rem 0rem 0.5rem 0rem; }
.con-title2 {font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕', 'sans-serif';font-size: 2.6rem;font-weight: 600;line-height: 2rem;}
.con-title2-subtit {line-height: 22px;font-size: 1.1rem;padding-bottom: 1.3rem;}

.con-title3 {font-family: 'Roboto';font-size: 2.8rem;font-weight: 600;line-height: 2rem;letter-spacing: -1px;}
.con-title4 { font-size: 1.4rem; font-weight: bold; padding: 1.2rem 0 0.5rem 0; color: #f7c159;  }

.con-title4 { font-size: 1.4rem; font-weight: bold; }
.con-title5 { font-size: 1.4rem; font-weight: bold; }
.con-title6 { font-size: 1.2rem; font-weight: bold; padding: 1.2rem 0rem 0.5rem 0rem; }
.con-title6 .mark6 { color: #005aab; font-size: 1.3rem; font-weight: bold; }
.con-title7 { font-size: 1.3rem; font-weight: bold; }
.con-title8 { font-size: 1.2rem; font-weight: bold; }
.con-title9 { font-size: 1.8rem; font-weight: bold; }
.con-title10 { font-size: 1.8rem; font-weight: bold; color: #fff; }


/* location urban */
.iw_inner h3 {
  /*font-size: 1.2rem !important;*/
  font-weight: bold;
  padding: 0.4rem;
}
.iw_inner p {
  font-size: 0.9rem !important;
  font-weight: bold;
  padding: 0.4rem;
}
/* Grid */
.rowover { --bs-gutter-x: 0rem !important; }


/* sold out */
.soldout_text {
  position: relative;
  border: 1px solid #cdcdcd;
  top: -83px;
  width: 232px;
  text-align: center;
  font-size: 1.1rem;
  left: 26px;
  background: #000000a8;
  color: white;
  padding: 0.8rem 0.8rem;
}

.soldout_text1 {
  position: relative;
  border: 1px solid #cdcdcd;
  top: -205px;
  width: 232px;
  text-align: center;
  font-size: 1.6rem;
  background: #b14b4bb5;
  color: white;
  padding: 0.8rem 0.8rem;
}

.soldout_img {
  opacity: 50%;
}

/* privacy */
.pri_title1 {
  width: auto;
  height: auto;
  margin: 30px 0 20px;
  padding: 0 0 0 28px;
  background: url(/images/privacy/h3bg.png) no-repeat left 5px;
  line-height: 1.4em;
  color: #000;
  font-size: 25px;
  font-weight: 600;

}
.pri_title2 {
  width: auto;
  height: auto;
  margin: 30px 0 20px 20px;
  padding: 0 0 0 11px;
  background: url(/images/privacy/h4bg.gif) no-repeat left 7px;
  line-height: 1.4em;
  color: #005baa;
  font-size: 23px;
  font-weight: 600;
}
.indent {
  margin: 0 0 0 25px;
}
.bu {
  margin: 10px 0 20px 34px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.bu li {
  margin-top: 4px;
  padding: 0 0 0 10px;
  list-style: none;
  background: url(../images/privacy/bu_li.gif) no-repeat 0 9px;
  color: #555555;
  font-size: 15px;
}

.bu li .num li {
  padding-left: 30px;
}

.btn.small.download {
  padding: 6px 13px 6px 18px;
}
.btn.download {
  padding: 12px 12px 12px 17px;
}
.btn.white-blue {
  background-color: #FFF;
  border-color: #005baa;
  color: #005baa;
}
.btn.small {
  line-height: 23px;
  padding: 6px 22px;
}



table.table_t1 {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 0.5em 0;
  border-top: #4a4a4a solid 3px;
}
table.table_t1 thead, table.table_t1 tfoot {
  font-weight: normal;
  color: #000;
}
table.table_t1 th:first-child, table.table_t1 td:first-child {
  border-left: none;
}
table.table_t1 thead th, table.table_t1 tfoot th {
  background: #fbfbfb;
  color: #000;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
table.table_t1 th {
  background: #fbfbfb;
  font-weight: normal;
  text-align: inherit;
}
table.table_t1 th, table.table_t1 td {
  border: 1px solid #babcbe;
  padding: 16px 10px;
  vertical-align: middle;
}


table caption {
  position: static;
}
.margin_t_10 {
  margin-top: 10px !important;
}
.margin_b_20 {
  margin-bottom: 20px !important;
}
.margin_t_20 {
  margin-top: 20px !important;
}

.num li {
  position: relative;
  line-height: 1.6em;
  margin-bottom: 3px;
  padding-left: 30px;
  text-align: left;
}

.num li span.icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 23px;
  height: 23px;
  background: url(/images/privacy/num_bg.png) no-repeat;
  line-height: 21px;
  text-align: center;
  color: #FFF;
  font-family: "Malgun Gothic";
  font-size: 15px;
}

.num .bu {
  margin-left: 0;
}

.num .bu li {
  padding: 0 0 0 10px;
  list-style: none;
  font-size: 15px;
}

.bu li:first-child {
  margin-top: 0;
}

.bu {
  margin: 10px 0 20px 34px;
  padding: 0;
  list-style: none;
  text-align: left;
}

.bu li {
  margin-top: 4px;
  padding: 0 0 0 10px;
  list-style: none;
  background: url(/images/privacy/bu_li.gif) no-repeat 0 9px;
  color: #555555;
  font-size: 15px;
}



.btn.small {
  line-height: 23px;
  padding: 6px 22px;
}

.btn.blue {
  background-color: #005aab;
  color: #FFF !important;
}


.custom-mb-type1 { margin-bottom: 33px !important; }






/* All Footer */
address { font-size: 0.8rem; }
address p { font-size: 0.8rem; }
address a { font-size: 0.8rem; color: #fff !important; }
.copyright { font-size: 0.8rem;  }
.footer {
  color: #fff;
  line-height: 2.5;
}
.footer-bx1 {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #fff;
}
.footer .text-type1{
  font-weight: bold;
  font-size: 1.1rem;
  color: rgb(102, 102, 102);
}
.footer .text-type2{
  font-size: 0.8rem;
  color: rgb(102, 102, 102);
}
.footer .text-type3{
  font-size: 1.8rem;
  line-height: 1;
  color: rgb(102, 102, 102);
  font-weight: bold;
}

/* 메뉴  */
/*세로형 메뉴*/
#menu2 {border-left: 10px;}
#menu2 a {display: block; color: #fff; padding-left: 1rem; }
.M01 { padding-left: 0rem; }
.M01>li, .M02>li, .M03>li {position: relative;width: 100%;height: 50px; text-align: left; line-height: 40px;}
.M01>li:hover .M02 {left: 140px;}
.M01>li a:hover {display: block;background: #e9ecef;}
.M02, .M03 {width: 100%; padding-left: 1rem; background: white; position: absolute;top: 0;left: -9999px;}
.M02>li:hover .M03 {left: 100px;}
.M02>li a:hover {display: block;background: #e9ecef;}
.M03>li a:hover {display: block;background: blue;}


/* Banner Style */
.sub-banner-box {
  display: table;
  max-width: none;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.sub-banner-text {
  display: table-cell;
  width: 100%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.m-banner-text1 {
  letter-spacing: 0.3rem !important;
}

.sub-banner0101 {
  background-image: url("/banner/sub_banner_0101.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /*height: 380px;*/
  height: 250px;
}
.sub-banner0101 span {
  color: white;
  font-size: 3rem;
  letter-spacing: 1rem;
  /*border-top: 1px solid;*/
  /*border-bottom: 1px solid;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner0102 {
  background-image: url("/banner/sub_banner_0102.jpg");
  background-position: bottom, center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /*height: 380px;*/
  height: 250px;
}
.sub-banner0102 span {
  color: white;
  font-size: 3rem;
  letter-spacing: 1rem;
  /*border-top: 1px solid;*/
  /*border-bottom: 1px solid;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner0103 {
  background-image: url("/banner/sub_banner_0103.jpg");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /*height: 380px;*/
  height: 250px;
}
.sub-banner0103 span {
  color: white;
  font-size: 3rem;
  letter-spacing: 1rem;
  /*border-top: 1px solid;*/
  /*border-bottom: 1px solid;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner0104 {
  background-image: url("/banner/sub_banner_0104.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /*height: 380px;*/
  height: 250px;
}
.sub-banner0104 span {
  color: white;
  font-size: 3rem;
  letter-spacing: 1rem;
  /*border-top: 1px solid;*/
  /*border-bottom: 1px solid;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner0105 {
  background-image: url("/banner/sub_banner_0105.jpg");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /*height: 380px;*/
  height: 250px;
}
.sub-banner0105 span {
  color: white;
  font-size: 3rem;
  letter-spacing: 1rem;
  /*border-top: 1px solid;*/
  /*border-bottom: 1px solid;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}




.sub-banner0302 {
  background-image: url("/banner/sub_banner_0302.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; height: 380px;
}
.sub-banner0302 span {
  color: white;
  font-size: 4rem;
  letter-spacing: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner-text .large-text {
  color: white;
  font-size: 4rem;
  letter-spacing: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid; margin: 1rem 1rem;
}
.sub-banner-text .large-text2 {
  color: white;
  font-size: 4rem;
  letter-spacing: 0.8rem;
  border-top: 1px solid;
  border-bottom: 1px solid; margin: 1rem 1rem;
}

.sub-banner0402 {
  background-image: url("/banner/sub_banner_0402.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; height: 380px;
}
.sub-banner0402 span {
  color: white;
  font-size: 4rem;
  letter-spacing: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner0405 {
  /*background-image: url("/banner/sub_banner_0402.jpg");*/
  background-image: url("/banner/sub_banner_0405_3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; height: 380px;
}
.sub-banner0405 span {
  color: white;
  font-size: 4rem;
  letter-spacing: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner0502 {
  background-image: url("/banner/sub_banner_0502.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; height: 380px;
}
.sub-banner0502 span {
  color: white;
  font-size: 4rem;
  letter-spacing: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sub-banner h1 {
  text-align: center;
  font-size: 2rem;
  color: #fff;
  margin: 0;
  /*padding: 130px 0;*/
}

.sub-banner h1 span {
  font-weight: bold;
}

.xs span  {
  color: white;
  font-size: 3.8rem;
  letter-spacing: 0.5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.xs .text1  {
  color: white;
  font-size: 3.6rem;
  letter-spacing: 0.5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 4.4rem;
}

.xs1 span  {
  color: white;
  font-size: 3.1rem;
  letter-spacing: 0.5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* inquery product */
.inqlist {
  border-top: 1px solid;
}

.inqlist .listlabel { font-weight: bold; }
.inqlist .listsbox { border-bottom: 1px solid #ced4da; }
.sellerlabel { padding-left: 1rem; }
.sellerlabelcol { color: rgb(0 95 181); }


/* admin dashboard  */
.adm_storelist {  }
.adm_storelist li { float: left; border: 1px solid #dee2e6; padding: 0.5rem;  }

/* hide css */
.thishide { display: none; }

.admfont { font-size: 0.9rem; }
.admfont h5 { font-size: 1rem; padding-top: 0.4rem; font-weight: bold; }
.admfont select { font-size: 1rem; }

.admsidemenu { padding-top: 3rem; }

/* History */
/* The actual timeline (the vertical ruler) */
.main-timeline-2 {
  position: relative;
}

/* The actual timeline (the vertical ruler) */
.main-timeline-2::after {
  content: "";
  position: absolute;
  width: 3px;
  /*background-color: #26c6da;*/
  background-color: #005aab;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline-2 {
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timeline-2::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: -11px;
  /*background-color: #26c6da;*/
  background-color: #005aab;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left-2 {
  padding: 0px 40px 20px 0px;
  left: 0;
}

/* Place the container to the right */
.right-2 {
  padding: 0px 0px 20px 40px;
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left-2::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right-2::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right-2::after {
  left: -14px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .main-timeline-2::after {
    left: 31px;
  }

  /* Full-width containers */
  .timeline-2 {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .timeline-2::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left-2::after,
  .right-2::after {
    left: 18px;
  }

  .left-2::before {
    right: auto;
  }

  /* Make all right containers behave like the left ones */
  .right-2 {
    left: 0%;
  }
}


@media (max-width: 768px){
  .form-wrapper .text-right{
    text-align: center !important;
  }

  .form-wrapper .btn-primary{
    display: block;
    margin: 0 auto;
  }
}