@charset "UTF-8";
#contain_wrap { max-width: 640px; margin: 0 auto; }

.content { padding: 3rem; box-sizing: border-box; position: relative; }
.content * { box-sizing: border-box; }
.content .contain { width: 100%; padding: 0 3rem; margin: 0 auto; background: #fff; overflow: hidden; max-width: 64rem; }

.onlyimg { width: calc(100% + 6rem); margin: -3rem; }

td, th { border: 1px solid #ccc; padding: 0.5rem 0; word-break: keep-all; font-size: 2.5rem; }

th { color: #555; }

.table { margin-top: 7.5rem; }
.table th { background: #e3e3e3; padding: 1.25rem 0; font-size: 2.5rem; line-height: 1.5; font-weight: 600; text-align: center; }
.table td { padding: 1.25rem 0.625rem; text-align: center; font-size: 2.5rem; }

.table2 th { background: #e3e3e3; padding: 1.25rem 0; font-size: 14px; line-height: 1.5; font-weight: 600; text-align: center; }
.table2 td { padding: 1.25rem 0.625rem; text-align: center; }

.pay_totals { margin: 0; margin-bottom: 2.5rem; background: #fff; width: 100%; padding: 1.25rem; }
.pay_totals.payment_list { padding: 0; border: none; background: initial; }

.inTable1 td { font-weight: 600; padding: 0; padding-right: 1.25rem; font-size: 2.5rem; word-break: break-all; background: #fff; }
.inTable1 td.th { background: #efefef; }

.pay_totals_td td { padding: 1.25rem 0; width: auto; }
.pay_totals_td .th { text-align: center; }
.pay_totals_td table { margin-bottom: 2.5rem; background: #fff; }
.pay_totals_td table th.title { background: #e3e3e3; padding: 1.25rem 0; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; }

.htbody { background: #f5f5f5; }

.pays td a.btn { background: linear-gradient(#fff 0%, #ececec 35%, #fff 100%); border: 1px solid #999; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 8px; text-align: center; color: #333; display: block; cursor: pointer; font-weight: bold; font-size: 13px; }
.pays .htbody td { background-color: #ffffff; font-size: 13px; word-break: keep-all; word-wrap: break-word; }
.pays .htbody td.bg_y { background-color: #fffffa; padding: 0px 0px 0px 0px; }
.pays .htbody td.th14 { background-color: #eee; font-weight: bold; text-align: center; font-size: 14px; }
.pays .htbody td.th12 { background-color: #eee; font-weight: bold; text-align: center; font-size: 12px; }
.pays .htbody th { font-weight: bold; text-align: center; background-color: #efefef; }
.pays .htbody .f12 { font-size: 12px; }
.pays .htbody .f13 { font-size: 13px; }
.pays .htbody .f14 { font-size: 14px; }
.pays th.title { border-top: 0px none; font-size: 12px; }

/*신 상세내역 버튼*/
a:hover { color: #f4c413; }

/* 페이징 모바일(5)*/
.pagingNew3 { font-size: 0; padding-top: 5rem; text-align: center; }
.pagingNew3 span { margin: 0; padding: 0; border: none; outline: none; font-style: normal; text-decoration: none; background: none; display: inline-flex; justify-content: center; align-items: center; position: relative; width: 4.8rem; height: 4.8rem; border: 1px solid transparent; border-radius: 100%; color: #f4c413; font-size: 2.7rem; font-weight: 500; }
.pagingNew3 span a { margin: 0; padding: 0; border: none; outline: none; font-style: normal; text-decoration: none; background: none; cursor: pointer; text-decoration: none; width: 100%; height: 100%; height: 100%; font-weight: 300; color: #6a6a6a; display: flex; justify-content: center; align-items: center; }
.pagingNew3 span a:hover { color: #f4c413; text-decoration: none; border: none; }
.pagingNew3 span.currentPage { color: #f4c413; font-weight: 700; }
.pagingNew3 span.currentPage:after { content: ""; position: absolute; bottom: 0.625rem; left: 50%; width: 100%; height: 100%; width: 2.1rem; height: 1px; background: #f4c413; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.pagingNew3 span.arrow { border: 1px solid #e0e0e0; border-radius: 100%; margin: 0 0.25rem; }
.pagingNew3 span.arrow i { font-size: 2.7rem; color: #e0e0e0; }
.pagingNew3 span.arrow.left i { -moz-transform: translateX(-5%); -webkit-transform: translateX(-5%); transform: translateX(-5%); }
.pagingNew3 span.arrow.right i { -moz-transform: translateX(5%); -webkit-transform: translateX(5%); transform: translateX(5%); }
.pagingNew3 span.arrow.margin.left { margin-right: 2.5rem; }
.pagingNew3 span.arrow.margin.right { margin-left: 2.5rem; }
.pagingNew3 span.arrow:hover { border-color: #bdbdbd; }
.pagingNew3 span.arrow:hover i { color: #9e9e9e; }

/*인덱스 영역 */
#index { overflow: hidden; }
#index::after { content: ''; display: block; clear: both; }

.main-visual { width: 100%; height: 87rem; margin: 0 auto; position: relative; color: #fff; }
.main-visual::after { content: ''; display: block; clear: both; }
.main-visual .swiper-slide { display: inline-flex; justify-content: center; align-items: center; }
.main-visual .swiper-slide .swiper-inner { padding: 0 3rem; }
.main-visual .swiper-slide-active { z-index: 1; }
.main-visual .swiper-slide img { width: 100%; object-fit: cover; }
.main-visual .txt { height: 100%; color: inherit; text-align: left; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.main-visual .txt .stit { font-size: 4.2rem; font-weight: 300; line-height: 1.25; letter-spacing: -0.02em; color: inherit; }
.main-visual .txt .tit { font-size: 4.2rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.02em; color: inherit; margin-bottom: 5.5rem; }
.main-visual .swiper-pagination { margin-top: -9rem; width: 100%; }
.main-visual .swiper-pagination .swiper-pagination-bullet { width: 1.4rem; height: 1.4rem; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #fff; margin: 0 0.8rem; opacity: .6; }
.main-visual .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

.swiper-inner { position: absolute; bottom: 0; left: 50%; width: 64rem; height: 0; transform: translateX(-50%); z-index: 1; }

.index-bn { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.index-bn > div { width: 100%; margin: 0 auto; padding-bottom: 8rem; position: relative; line-height: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.index-bn .img, .index-bn .txts { display: inline-flex; justify-content: center; align-items: center; line-height: 1.5; }
.index-bn img { width: 100%; }

.index-bn .img { width: 100%; height: 60rem; }
.index-bn .txts { width: calc(100% - 6rem); min-height: 54rem; margin-top: -13rem; justify-content: flex-start; flex-direction: column; text-align: left; padding: 5rem 4rem; position: relative; }
.index-bn .txts > div { display: inline-flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin: 0 auto; }
.index-bn .txts span { color: #efb817; font-size: 2.1rem; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 1rem; }
.index-bn .txts .tit { color: #222; font-size: 4.2rem; letter-spacing: -0.08em; font-weight: 500; line-height: 1.4; margin-bottom: 4rem; }
.index-bn .txts .tit b { font-weight: 700; }
.index-bn .txts .txt { color: #7e7e7e; font-size: 2.6rem; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: 5rem; }
.index-bn .txts a { display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size: 2rem; font-weight: 600; width: 15rem; height: 5.4rem; cursor: pointer; background: #f4c413; }

@media (min-width: 500px) { .index-bn .txts > div { align-items: center; }
  .index-bn .txts .txt { text-align: center; } }
.index-bn .bn01 .img { background: url("/images/index/bn01.jpg") no-repeat center right 10%/cover; }
.index-bn .bn01 .txts { align-items: flex-start; background: #f7f7f7; }
.index-bn .bn02 { background: #f7f7f7; }
.index-bn .bn02 .img { background: url("/images/index/bn02.jpg") no-repeat center/cover; }
.index-bn .bn02 .txts { align-items: flex-start; background: #fff; }
.index-bn .bn02 .txts li { position: relative; }

.index-btn { margin: 0 auto; }
.index-btn ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: calc(100% + 1rem); height: 100%; margin: 7.5rem -0.5rem; }
.index-btn li { display: inline-flex; justify-content: flex-start; align-items: center; flex-direction: column; width: calc(50% - 1rem); height: 51rem; margin: 0.5rem; position: relative; text-align: center; }
.index-btn a { display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 100%; cursor: pointer; padding: 3rem; }

.index-btn .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.index-btn .img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 0; opacity: 0.6; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
.index-btn .img img { width: 100%; opacity: 0; }
.index-btn .txts { position: relative; z-index: 1; color: #fff; margin-top: 35%; }
.index-btn .txts .tit { font-size: 3.2rem; font-weight: 500; letter-spacing: -0.01em; color: inherit; }
.index-btn .txts i { width: 15rem; height: 1px; background: rgba(255, 255, 255, 0.2); margin: 3rem auto 4rem auto; display: block; }
.index-btn .txts p { font-size: 2.2rem; letter-spacing: -0.01em; color: #ddd3aa; margin-bottom: 6rem; word-break: keep-all; }
.index-btn .btn { position: absolute; top: 50%; left: 50%; z-index: 1; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #f4c413; color: #fff; width: 17rem; height: 5.4rem; display: inline-flex; justify-content: center; align-items: center; font-weight: 600; opacity: 0; }

.index-btn li:nth-child(1) .img { background: url("/images/index/btn01.jpg") no-repeat center/cover; }
.index-btn li:nth-child(2) .img { background: url("/images/index/btn02.jpg") no-repeat center/cover; }
.index-btn li:nth-child(3) .img { background: url("/images/index/btn03.jpg") no-repeat center/cover; }
.index-btn li:nth-child(4) .img { background: url("/images/index/btn04.jpg") no-repeat center/cover; }

.index-btn li:hover .img:after { opacity: 0; }
.index-btn li:hover .txts { text-shadow: 0 0px 5px #f4c413; }
.index-btn li:hover .txts p { color: inherit; }
.index-btn li:hover .txts i { box-shadow: 0 10px 500px 0 rgba(0, 0, 0, 0.6); }
.index-btn li:hover a { margin-top: 0; opacity: 1; }
.index-btn li:hover a:hover { background: transparent; color: #f4c413; }

/*오시는 길*/
.location { width: 100%; position: relative; display: flex; flex-direction: column-reverse; justify-content: space-between; font-size: 2.5rem; padding: 6rem 3rem; }
.location .wrap_map { height: 100% !important; }
.location .wrap_controllers { display: none; }
.location .map_border { display: none !important; }
.location .wrap_btn_zoom { display: none !important; }
.location .root_daum_roughmap { padding: 0 !important; border-radius: 0 !important; border: none !important; width: 100%; height: 40rem; }
.location-info { display: flex; flex-direction: column; width: 100%; color: #222; font-weight: 400; padding-bottom: 6rem; }
.location-info h5 { display: flex; justify-content: center; align-items: center; width: 100%; word-break: keep-all; font-size: 3.3rem; line-height: 1.2; font-weight: 500; margin-top: 6rem; }
.location-info h5 i { font-size: 4.3rem; color: #f4c413; margin-right: 2.15rem; }
.location-info h5 .icon-location:before { margin: 0; }
.location-info .info { display: flex; flex-direction: column; margin: 5rem 0; }
.location-info .info li { display: flex; justify-content: center; align-items: center; width: 100%; word-break: keep-all; padding: 1rem 0; border-bottom: 1px solid rgba(186, 162, 74, 0.4); }
.location-info .info li:first-child { border-top: 1px solid rgba(186, 162, 74, 0.4); }
.location-info .info li h6 { font-size: 2.9rem; font-weight: 500; width: 40%; padding: 1% 0; }
.location-info .info li span { display: block; width: 100%; padding: 2% 0; }
.location-info a { display: inline-flex; justify-content: center; align-items: center; width: 40%; min-width: 120px; padding: 2.5rem 3rem; background: #f4c413; color: #fff !important; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; text-decoration: none !important; }
.location-info a span { color: #fff; display: inline-flex; justify-content: center; align-items: center; position: relative; font-size: 2.9rem; line-height: 0; width: 25%; height: 100%; margin-left: 15%; text-align: right; vertical-align: middle; text-decoration: none; opacity: .5; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.location-info a span::before { content: ''; position: relative; width: 100%; height: 0.2rem; background: #fff; -moz-border-radius: 5rem; -webkit-border-radius: 5rem; border-radius: 5rem; margin-right: -0.5rem; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.location-info a span i { display: flex; justify-content: center; align-items: center; height: 100%; }
.location-info a span i::before { margin: 0; width: auto; line-height: 0; }
.location-info a:hover { background: #dcbd11; box-shadow: 0.25rem 0.5rem 1rem #dcbd11; }
.location-info a:hover span { width: 35%; opacity: 1; }

/*준비중 페이지*/
.ready { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; text-align: center; font-size: 3rem; padding: 5rem 0; }
.ready div { width: 32rem; height: 32rem; position: relative; -webkit-mask: url("/images/content/maintenance-line.svg") no-repeat; -webkit-mask-size: 99.8% 100%; opacity: .7; }
.ready div:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #f4c413; mix-blend-mode: color; }
.ready div img { width: 100%; filter: brightness(1.4); }
.ready p { margin: 5rem 0; }
.ready span { color: #cba109; font-weight: 600; font-size: 3.3rem; }

/*이용약관*/
.policy { margin: 3rem 0; font-size: 2.4rem; color: #424242; }
.policy .agree_box { position: relative; z-index: 1; border: 1px solid #bdbdbd; width: 100%; height: 42.6666666667rem; margin: 0 auto; scroll-behavior: smooth; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.policy .agree_box:before, .policy .agree_box:after { content: ''; position: absolute; left: 0; z-index: 2; width: 100%; height: 5%; }
.policy .agree_box:before { top: 0; background: linear-gradient(180deg, #fff, transparent); }
.policy .agree_box:after { bottom: 0; background: linear-gradient(0deg, #fff, transparent); }
.policy .fade { position: absolute; z-index: 2; }
.policy .agree_content { position: relative; z-index: 1; width: 100%; height: 100%; padding: 5rem; overflow-x: hidden; overflow-y: scroll; }
.policy .agree_content b { color: #e8bd1f; font-size: 2.6rem; font-weight: 500; overflow: hidden; }
.policy .agree_content::-webkit-scrollbar { position: relative; width: 1.5rem; z-index: 2; }
.policy .agree_content::-webkit-scrollbar-thumb { background: #bdbdbd; background-clip: padding-box; border: 0rem solid transparent; }
.policy .agree_content::-webkit-scrollbar-track { background: #f5f5f5; z-index: 1; }

.company01 { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; color: #525252; font-size: 2.5rem; margin: 5rem 0; }
.company01 u { text-decoration: none; font-style: normal; }
.company01 .txt { width: 100%; display: inline-flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.company01 .txt .tit { width: 100%; color: #1b1b1b; font-size: 3.2rem; font-weight: 600; letter-spacing: -0.05em; }
.company01 .txt i { width: 15rem; height: 1px; background: #000; margin: 5rem 0; }
.company01 .txt p { width: 100%; color: inherit; font-size: inherit; font-weight: 500; letter-spacing: -0.025em; word-break: keep-all; }
.company01 .img { width: 100%; margin: 6rem 0; background: url("/m/images/content/company01.jpg") no-repeat center/cover; }
.company01 .img img { width: 100%; position: relative; z-index: -1; opacity: 0; }

.business { position: relative; font-size: inherit; line-height: inherit; }
.business > div { font-size: 5rem; margin-bottom: 2.5rem; font-weight: 300; color: #000; }
.business > div span { position: relative; }
.business > div span:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: #f4c413; opacity: 0.2; z-index: -1; }
.business article { margin: 5rem 0; width: 100%; }
.business h1 { font-size: 2.8rem; font-weight: 600; color: #222; line-height: 1.5; }
.business section { margin: 2.5rem 0; }
.business p { word-break: keep-all; }
.business h2 { font-weight: 700; font-size: 2.6rem; margin: 1.25rem 0; line-height: 1.5; }
.business ul { margin: 1.25rem 0; }
.business ul > li { padding-left: 2.5rem; text-indent: -2.5rem; word-break: keep-all; }
.business ol { padding: 1.25rem 0; }
.business ol li { color: #757575; word-break: keep-all; }
.business table { margin: 2.5rem 0; width: 100%; width: 100%; text-align: center; }
.business table table { border: none; }
.business table tr { border: none; }
.business table th, .business table td { border: none; padding: 10px; }
.business table thead th { background: whitesmoke; color: #6e6e6e; font-weight: 500; border: 1px solid gainsboro; height: 5rem; }
.business table tbody tr { border-bottom: 1px solid #ebebeb; }
.business table tbody th { border: 1px solid #dedede; background: #f8f8f8; color: #6e6e6e; height: 5rem; }
.business table tbody td { border: 1px solid #ebebeb; height: 5rem; }
.business table thead th:first-of-type { border-left: none; }
.business table thead th:last-of-type { border-right: none; }
.business table tbody th:first-of-type { border-left: none; }
.business table tbody th:last-of-type { border-right: none; }
.business table tbody th + td { border-left: 1px solid #dedede !important; }
.business table tbody td:first-of-type { border-left: none; }
.business table tbody td:last-of-type { border-right: none; }
.business table tbody td:first-of-type { border-left: 1px solid #ebebeb; }
.business table tbody th { font-weight: 400; }

.business04 .txt { display: inline-flex; justify-content: center; align-items: flex-start; padding: 1rem 2rem; background: #f5f5f5; flex-direction: column; }

.nav-left .depth2 ol .salesman { display: none !important; }

/*고객센터 search form*/
#bbs_search { width: 100%; }
#bbs_search form { display: flex; justify-content: space-between; align-items: center; }
#bbs_search select, #bbs_search input, #bbs_search button { margin: 0; padding: 0; border: none; outline: none; font-style: normal; text-decoration: none; background: none; min-width: 8rem; height: 8rem; padding: 1.25rem 2.5rem; border: 1px solid #bdbdbd; }
#bbs_search select { margin-right: 1.25rem; width: 16rem; }
#bbs_search .search { display: inline-flex; justify-content: center; align-items: center; flex: 1; }
#bbs_search .search input[type="text"] { flex: 1; border-right: none; width: 100%; }
#bbs_search .search button { outline: none; cursor: pointer; text-align: center; text-decoration: none; font-family: "Pretendard", "Roboto", "Noto Sans KR", sans-serif; font-feature-settings: 'tnum'; /* 고정폭 숫자 */ padding: 1rem 1.5rem; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; font-weight: 400; border: solid 1px #080808; background: #212121; display: inline-flex; justify-content: center; align-items: center; }
#bbs_search .search button:hover { color: #fff; text-decoration: none; background: #2e2e2e; }
#bbs_search .search button:active { color: #a1a1a1; background: #141414; }
#bbs_search .search button i { font-size: 3rem; }
#bbs_search .search button i:before { margin: 0; }