@charset "utf-8";

#sub .grid-wrap {padding-bottom:0;}
.grid-wrap {padding:0 0 150px; margin-right:-20px;}
.grid-items {display:flex; flex-wrap:wrap; height:auto !important;}
.grid-items > div {flex:0 1 auto;}
.grid-items .tjGalleryItem {flex:0 1 auto; height:auto !important;}
.grid-items .tjGalleryItem:hover {z-index:2;}
.grid-item {padding:10px 10px 0 0; transition:.4s; opacity:0; height:0 !important;}
.grid-item a {position:relative; display:block;}
.grid-item.jg-entry-visible {height:auto !important;}
.grid-item.jg-entry-visible .grid-txt {display:block;}
.grid-image {position:relative; overflow:hidden;}
.grid-image img {position:absolute; top:50%; left:50%; margin:0 !important; transform:translate(-50%,-50%); width:100% !important; min-height:100%; object-fit:cover; transition:transform .4s;}
.grid-image video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform .4s;}
.grid-image iframe {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform .4s; z-index:-1;}
.grid-image.video:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:-2;}
.grid-txt {display:none; padding:10px; margin-bottom:60px; font-family:'Figtree','Pretendard', sans-serif; font-size:22px; line-height:1.3em; letter-spacing:-.01em; background:#fff; color:#000000;}
.grid-txt .tit {font-weight:700;}
.grid-txt .txt {font-weight:400;}

.grid-wrap.st2 {margin-right:-6px;}
.grid-wrap.st2 .grid-item {padding:6px 6px 0 0; transform:scale(.08); transition:1.2s; transform-origin:top center;}
.grid-wrap.st2 .grid-item.jg-entry-visible {opacity:1; transform:scale(1);}

.portfolio-main {overflow:hidden; margin-bottom:75px;}
.portfolio-main .row {display:flex; margin:0 -5px;}
.portfolio-main .col {position:relative; width:50%; padding:0 5px;}
.portfolio-main .col:nth-child(1) {width:45%}
.portfolio-main .col:nth-child(1) .item {padding-bottom:68.75%;}
.portfolio-main .col:nth-child(2) {width:55%}
.portfolio-main .item {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; background:#f4f4f4;}
.portfolio-main .item img,
.portfolio-main .item iframe,
.portfolio-main .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.portfolio-main .title {padding:15px 10px 0; color:#000000; font-family:'Figtree','Pretendard', sans-serif; font-size:30px; font-weight:600; line-height:1.3em; letter-spacing:-.01em;}
.portfolio-main .link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:50;}

/* common */
.container {padding-bottom:100px;}

.page-heading {text-align:center; padding:27px 0; margin-bottom:30px; border-bottom:1px solid #ddd; font-family:'Figtree','Pretendard', sans-serif; color:#878787; font-size:18px; font-weight:600; line-height:1.5em; letter-spacing:-.01em;}
.page-heading h2 {color:#000; font-size:30px; font-weight:600; line-height:1.3em; letter-spacing:-.01em;}

.lnb {margin-top:15px;}
.lnb ul {display:flex; flex-warp:warp; justify-content:center;}
.lnb ul li {display:flex; align-items:center;}
.lnb ul li:before {content:""; width:2px; height:18px; background:#878787; margin:-.1em 10px 0;}
.lnb ul li:first-child::before {display:none;}
.lnb ul li.active a {color:#000;}
.lnb .sns-img {display:block; width:20px; vertical-align:middle; margin-top:-.1em;}

.list-more {display:none !important; position:relative; width:30px; height:60px; margin:50px auto 0;}
.list-more:before,
.list-more:after {content:""; position:absolute; opacity:0; top:0; left:0; width:30px; height:18px; background:url("../images/main/arrow_down.png") 50% 50% no-repeat;}
.list-more:before {animation:scroll_down 1.8s .6s linear infinite;}
.list-more:after {animation:scroll_down 1.8s 1.1s linear infinite;}

/* about */
.about-container {background:#000 url("../images/sub/about_bg.png") 50% 50% no-repeat !important; border-bottom:1px solid #ddd;}

.about-wrap {padding:100px 0; min-height:100%; color:#fff; border-top:1px solid #ddd;}

.about-heading {text-align:center; margin-bottom:45px;}
.about-heading h2 {font-family:'Figtree', sans-serif; font-size:28px; font-weight:600; line-height:1.3em;}

.about-content {display:flex; align-items:center;}
.about-content .img {width:50%; padding-right:50px;}
.about-content .img .slider {width:100%; max-width:560px;}
.about-content .img .item {position:relative; padding-bottom:100%; overflow:hidden;}
.about-content .img .item img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.about-content .cnt {width:50%; color:#e8e8e8; font-size:17px; line-height:1.412em; letter-spacing:-.01em; height:calc(100vh - 453px); overflow:hidden;}
.about-content marquee {height:calc(100vh - 453px);}
.about-content article {margin-bottom:24px; opacity:.7;}
.about-content article h3 {font-size:19px; font-weight:600; margin-bottom:12px;}
.about-content article p {margin-bottom:10px;}
.about-content article p:last-child {margin-bottom:0;}
.about-content article:hover {color:#fff; opacity:1;}

#scroll-container {padding-bottom:700px;}

.about-bottom-blank-area {height:100vh; position:relative;}

/* news */
.news-container {display:flex; align-items:center; padding:100px 0;}
.news-container .contain {max-width:1660px;}

.news-wrap {display:flex;}
.news-wrap .news-view {flex:1 1 auto; min-width:0; width:1%;}
.news-wrap .news-title {margin-top:15px;}
.news-wrap .news-title h2 {margin-bottom:5px; color:#242424; font-size:30px; line-height:1.3em; font-weight:600; letter-spacing:-.02em;}
.news-wrap .news-title p {color:#686868; font-size:16px; line-height:1.375em; letter-spacing:-.02em;}
.news-wrap .news-list {width:460px; margin-left:40px;}
.news-wrap .news-list h2 {height:69px; font-family:"Fjalla One",sans-serif; color:#000; font-size:45px; font-weight:400; line-height:1em;}
.news-wrap .news-list .scrolled {overflow:hidden; position:relative; overflow:auto; padding-right:20px;}
.news-wrap .news-list .scrolled::-webkit-scrollbar {width:8px; background:#f3f3f3;}
.news-wrap .news-list .scrolled::-webkit-scrollbar-thumb {background:#000;}
.news-wrap .news-list ul li {margin-bottom:15px;}
.news-wrap .news-list ul li:last-child {margin-bottom:0;}
.news-wrap .news-list ul li a {display:block;}
.news-wrap .news-list .item {display:flex; align-items:flex-start;}
.news-wrap .news-list .item .thumb {position:relative; width:160px; height:100px; overflow:hidden;}
.news-wrap .news-list .item .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.news-wrap .news-list .item .thumb:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:40px; background-image: linear-gradient(transparent, #000); opacity:.4; z-index:2;}
.news-wrap .news-list .item .thumb:after {content:""; position:absolute; bottom:10px; left:10px; width:30px; height:30px; background:url("../images/sub/play.png") 55% 50% no-repeat; background-size:10px auto; border:2px solid rgba(255,255,255,.5); border-radius:100%; z-index:2;}
.news-wrap .news-list .item .info {flex:1 1 auto; min-width:0; width:1%; margin-left:18px;}
.news-wrap .news-list .item .info .tit {margin-bottom:5px; color:#242424; font-size:20px; line-height:1.3em; font-weight:600; letter-spacing:-.02em; line-break:auto; max-height:calc(1.3em * 1 * 2); overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-wrap .news-list .item .info .txt {color:#686868; font-size:16px; line-height:1.375em; letter-spacing:-.02em; line-break:auto; max-height:calc(1.375em * 1 * 2); overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.news-list-2 {margin-top:100px;}
.news-list-2 ul {display:flex; flex-wrap:wrap; margin:0 -16px;}
.news-list-2 ul li {width:25%; padding:0 16px; margin-bottom:50px;}
.news-list-2 ul li a {display:block;}
.news-list-2 ul li .thumb {position:relative; padding-bottom:56.25%; overflow:hidden; margin-bottom:12px;}
.news-list-2 ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.news-list-2 ul li .thumb:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:40px; background-image: linear-gradient(transparent, #000); opacity:.4; z-index:2;}
.news-list-2 ul li .thumb:after {content:""; position:absolute; bottom:10px; left:10px; width:44px; height:44px; background:url("../images/sub/play.png") 55% 50% no-repeat; background-size:14px auto; border:2px solid rgba(255,255,255,.5); border-radius:100%; z-index:2;}

.news-list-2 ul li .tit {color:#242424; font-size:18px; line-height:1.3em; font-weight:600; letter-spacing:-.02em;}

/* model */
.model-list {text-align:center; padding:0 30px;}
.model-list ul {display:flex; flex-wrap:wrap; margin:-30px;}
.model-list ul li {width:25%; padding:30px;}
.model-list .item {position:relative; transition:.4s;}
.model-list .item .img {position:relative; padding-bottom:130%; overflow:hidden; transition:.4s; overflow:hidden;}
.model-list .item .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.2s; opacity:0;}
.model-list .item .img img.loaded {opacity:1;}
.model-list .item .hover {position:absolute; top:0; left:0; display:flex; flex-direction:column; justify-content:center; padding:15px; width:100%; height:100%; background:rgba(255,255,255,.85); opacity:0; transition:.2s;}
.model-list .item .hover:after {content:""; position:absolute; top:100%; left:0; width:100%; height:100%;}
.model-list .item .tit {color:#242424; font-size:25px; font-weight:700; line-height:1.33em;}
.model-list .item .bar {width:20px; height:3px; background:#000; margin:14px auto 16px;}
.model-list .item .txt {color:#505050; font-size:18px; font-weight:600; line-height:1.33em; margin-top:4px;}
.model-list .item .link {position:absolute; top:100%; left:0; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999em;}
.model-list .item:hover {transform:scale(1.05);}
.model-list .item:hover .img img {filter:grayscale(1);}
.model-list .item:hover .hover {opacity:1;}
.model-list .hover:hover .link {top:0;}

.model-profile {margin-top:15px; font-weight:400; color:#000;}
.model-profile div {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:7px;}
.model-profile div:last-child {margin-bottom:0;}
.model-profile .item {display:flex; align-items:center; white-space:nowrap;}
.model-profile .item:before {content:""; width:2px; height:18px; background:#878787; margin:-.1em 10px 0;}
.model-profile .item:first-child::before {display:none;}
.model-profile .item strong {color:#000; font-weight:700; margin-right:9px;}

.model-view .item a {display:block; position:relative; padding-bottom:150%;}
.model-view .item a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.model-view .slick-arrow {position:absolute; top:50%; margin-top:-33px; width:66px; height:66px; border:0; background-position:50% 50%; background-color:transparent; background-repeat:no-repeat; overflow:hidden; font-size:0; line-height:0; text-indent:-99999em; z-index:50;}
.model-view .slick-prev {left:0; background-image:url("../images/sub/slide_prev.png");}
.model-view .slick-next {right:0; background-image:url("../images/sub/slide_next.png");}

/* agency */
.agency-list {padding:0 30px;}
.agency-list .row {display:flex; flex-wrap:wrap; margin:-15px;}
.agency-list .col {width:25%; padding:15px;}
.agency-list .logo-img {padding:20px 0 30px 0;}
.agency-list .logo-img img {max-height:60px;}
.agency-list .photo-img .img {display:none; position:relative; padding-bottom:147.1%; overflow:hidden;}
.agency-list .photo-img .img:first-child {display:block;}
.agency-list .photo-img .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

/* contact */
.contact-container {padding:50px 0 100px; background:#f6f6f6 !important;}

.contact-heading {text-align:center; margin-bottom:45px;}
.contact-heading h2 {font-family:'Figtree', sans-serif; font-size:45px; font-weight:600; line-height:1.2em; letter-spacing:-.02em;}
.contact-heading p {margin-top:12px; color:#454545; line-height:1.5em;}
.contact-heading .info {font-size:12px; line-height:1.5em;}
.contact-heading .info strong {margin-right:10px;}
.contact-heading .info .bar {margin:0 16px;}

.contact-form table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd;}
.contact-form table th {width:366px; height:56px; padding:10px 20px; text-align:left; color:#242424; font-size:18px; line-height:1.5em; letter-spacing:-.03em; font-weight:500; border-bottom:1px solid #ddd;}
.contact-form table th small {display:inline-block; color:#686868;}
.contact-form table td {padding:10px 20px; border-bottom:1px solid #ddd; color:#686868; line-height:1.5em; letter-spacing:-.03em;}
.contact-form .input {height:40px; background-color:#fff; border-radius:6px;}
.contact-form textarea.input {height:auto;}

.checkbox-items {display:flex; flex-wrap:wrap; align-items:center; margin:0 -10px;}
.checkbox-item {padding:5px 10px;}
.checkbox-item.etc {flex:1 1 auto; display:flex; align-items:center; min-width:0; width:1%;}
.checkbox-item.etc .input {flex:1 1 auto; min-width:0; width:1%; margin-left:12px;}

.contact-help-txt {text-align:center; margin-top:50px; _margin-top:20px; color:#242424; line-height:1.5em; letter-spacing:-.03em;}

.contact-agree {text-align:center; margin:17px 0 30px; color:#242424; line-height:1.5em; letter-spacing:-.03em;}
.contact-agree a {display:inline-block; background:#fff; margin-left:6px; padding:0 10px; font-size:13px; line-height:26px; letter-spacing:-.03em; border:1px solid #ddd;}

.file-upload-btn {display:inline-block; padding:9px 24px; background:#fff; border:1px solid #ddd; border-radius:6px; color:#686868; font-weight:500; line-height:1.3em;}
.file-upload-btn svg {width:14px; height:auto; margin:-.2em 10px 0 0; vertical-align:middle;}

.file-upload-preview {margin:0 5px;}
.file-upload-preview li {margin-top:10px; font-size:14px; line-height:1.3em; word-break:break-all;}
.file-upload-preview button {display:inline-block; margin:-.2em 5px 0 0; padding:4px; background:#000; border:0; vertical-align:middle;}
.file-upload-preview button svg {display:block; vertical-align:top; width:8px; height:auto;}

/* Info */
.info-ticker {color:#fff;}
.info-ticker .swiper-wrapper {transition-timing-function:linear;}
.info-ticker .swiper-slide {width:auto !important; padding:.6em; white-space:nowrap;}

.info-container {padding:100px 0;}
.info-wrap {max-width:800px; margin:0 auto;}

.info-sec {margin-bottom:100px;}
.info-sec.last {margin-bottom:0;}

.info-head {margin-bottom:25px;}
.info-head.mgb15 {margin-bottom:15px;}
.info-head-tit {display:flex; align-items:flex-end; margin-bottom:8px; color:#242424; font-size:40px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.info-head-tit .en {font-family:"Fjalla One", sans-serif; color:#000; font-size:1.25em; font-weight:400; line-height:inherit;}
.info-head-tit .bar {width:2px; height:35px; margin:.15em 16px; background:#282828;}
.info-head-txt {color:#454545; font-size:23px; line-height:1.48em; letter-spacing:-.03em;}
.info-head-txt big {line-height:inherit;}

.info-production {margin-bottom:16px; color:#000; font-family:"Fjalla One", sans-serif; font-size:30px; font-weight:400; line-height:1.27em;}
.info-production span {position:relative; display:inline-block; padding:0 16px;}
.info-production span:before {content:''; position:absolute; top:4px; bottom:6px; left:0; width:1px; background:#000;}
.info-production span:after {content:''; position:absolute; top:4px; bottom:6px; right:0; width:1px; background:#000;}

.info-summary-title {margin-bottom:8px; color:#242424; font-size:60px; line-height:1.22em; letter-spacing:-.03em;}
.info-summary-title strong {font-style:1.08em;}
.info-summary {margin-bottom:76px;}
.info-summary .image {position:relative;}
.info-summary .image p {position:absolute; top:0; left:0; width:100%; padding:40px; color:#fff; font-size:30px; line-height:1.3em; letter-spacing:-.03em;}
.info-summary .table {padding:20px 30px; background:#f6f6f6; color:#454545; font-size:26px; line-height:1.69em; letter-spacing:-.04em;}
.info-summary .table dl {display:flex;}
.info-summary .table dt {min-width:180px; font-weight:700;}

.info-merit {color:#242424; font-size:40px; letter-spacing:-.04em; text-align:center;}
.info-merit .txt-1 {position:relative; padding-top:40px; line-height:1.5em;}
.info-merit .txt-1 .marks {position:absolute;}
.info-merit .txt-1 .marks.start {top:0; left:0;}
.info-merit .txt-1 .marks.end {bottom:.6em; right:0;}
.info-merit .txt-1 .marks svg {display:block; width:30px;}
.info-merit .txt-1 .underline {text-decoration:underline; text-underline-offset:0.3em; text-decoration-thickness:1px; text-decoration-color:#9c9c9c;}
.info-merit .txt-1 .underline2 {text-decoration:underline; text-underline-offset:0.3em; text-decoration-thickness:1px; text-decoration-color:#454545;}
.info-merit .txt-2 {line-height:1.3em;}
.info-merit .vline {margin:15px auto; width:1px; height:50px; background:#454545;}

.info-video.gap {gap:20px;}
.info-video {display:flex; flex-wrap:wrap;}
.info-video video {display:block; width:100%;}
.info-video .item {position:relative; width:50%; background:#000;}
.info-video .item:before {content:''; display:block; padding-bottom:125%;}
.info-video .item.wide {width:100%;}
.info-video .item.wide:before {padding-bottom:56.25%;}
.info-video .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.info-video .card {width:calc(50% - 10px);}
.info-video .card-head {display:flex; align-items:center; padding:20px; border:1px solid #ddd;}
.info-video .card-head img {width:60px; margin-right:10px;}
.info-video .card-head p {flex:1 1 auto; min-width:0; width:1%; font-weight:500; letter-spacing:-.03em;}
.info-video .card-head p strong {font-size:1.56em;}

.info-equipment h2 {margin-bottom:45px; color:#242424; font-size:45px; font-weight:400; line-height:1.3em; letter-spacing:-.04em; text-align:center;}
.info-equipment .imgs {display:flex; justify-content:space-between; gap:10px; margin-bottom:45px;}
.info-equipment .table {display:grid; gap:18px; color:#454545; font-size:20px; line-height:1.4em; letter-spacing:-.04em;}
.info-equipment .table dl {display:flex;}
.info-equipment .table dt {min-width:157px; font-weight:700;}
.info-equipment .table dd strong {font-weight:600;}
.info-equipment .table .mg {margin-bottom:12px;}

.info-studio h2 {margin-bottom:45px; color:#242424; font-family:"Fjalla One", sans-serif; font-size:45px; font-weight:400; line-height:1.3em; letter-spacing:-.04em; text-align:center;}
.info-studio .imgs {display:flex; flex-wrap:wrap; margin:-5px;}
.info-studio .imgs div {width:50%; padding:5px;}
.info-studio .imgs div:first-child {width:100%;}
.info-studio .table {margin-top:20px;}
.info-studio .table table {width:100%; border-collapse:collapse; border-spacing:0px; color:#242424; font-size:20px; line-height:1.4em; letter-spacing:-.04em;}
.info-studio .table table th {padding:15px 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6; font-weight:600;}
.info-studio .table table td {padding:15px 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.info-studio .table table td ul li {padding-left:.6em; text-indent:-.6em;}

.info-package {padding:50px 30px; background:#000; color:#fff; text-align:center;}
.info-package h2 {margin-bottom:22px; font-family:"Fjalla One", sans-serif; font-size:60px; font-weight:400; line-height:1.3em; letter-spacing:-.01em;}
.info-package .text-area {font-size:30px; line-height:1.27em; letter-spacing:-.03em;}
.info-package .text-area .marks {position:absolute;}
.info-package .text-area .marks.start {top:0; left:0;}
.info-package .text-area .marks.end {bottom:0; right:0;}
.info-package .text-area .marks svg {display:block; width:30px;}
.info-package .text-area .vline {margin:22px auto; width:1px; height:50px; background:#fff;}
.info-package .text-area .big {font-size:1.33em;}
.info-package .text-area .sm {font-size:0.67em;}
.info-package .text-area.st2 {position:relative; padding-top:25px; padding-bottom:20px; color:#e0e0e0;}
.info-package .text-area.st3 {display:inline-block; position:relative; padding:10px 25px 10px 50px; font-size:25px; font-style:italic;}
.info-package .text-area.st3 svg {width:18px;}

.info-package .work-area {margin:38px 0; color:#000; font-size:23px; font-weight:700; line-height:1.33em; letter-spacing:-.03em;}
.info-package .work-area ul {display:flex; gap:12px;}
.info-package .work-area ul li {flex:1; position:relative; background:#fff; border-radius:100%;}
.info-package .work-area ul li:before {content:''; display:block; padding-bottom:100%;}
.info-package .work-area ul li span {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%;}

.info-process {margin-top:100px; padding:20px 13px; border:2px solid #fff;}
.info-process h2 {margin-bottom:40px; font-size:45px;}
.info-process .step {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.info-process .step dl {background:#fff; border:1px solid #ddd;}
.info-process .step dt {padding:14px 10px; background:#000; font-size:23px; font-weight:600; line-height:1.3em;}
.info-process .step dd {padding:16px 10px; color:#242424; font-size:18px; line-height:1.5em; letter-spacing:-.04em;}
.info-process .step dd small {font-weight:600; line-height:inherit;}
.info-process .step .vline {margin:8px auto; width:1px; height:15px; background:#737373;}
.info-process .etc {margin-top:30px; line-height:1.56em; text-align:left;}
.info-process .etc li {position:relative; padding-left:20px;}
.info-process .etc li:before {content:'ㆍ'; position:absolute; top:0; left:0;}

.info-counselling {margin-top:20px;}
.info-counselling h2 {margin-bottom:40px; font-size:45px;}

.info-contact {margin-top:60px; padding:40px; background:#eee; color:#000; font-size:20px; font-weight:700; line-height:1.5em; letter-spacing:-.03em; text-align:left;}
.info-contact .items {display:flex; justify-content:center; align-items:center; gap:40px;}
.info-contact .item {display:flex; align-items:center;}
.info-contact .ico {width:66px; margin-right:15px;}
.info-contact .txt {flex:1 1 auto; min-width:0; width:1%; display:grid; gap:10px;}
.info-contact .tt {display:inline-block; min-width:100px;}
.info-contact .btn {display:inline-flex; align-items:center; padding:0 8px; background:#000; border-radius:6px; color:red;}
.info-contact .btn svg {margin-left:12px;}

.info-contact-form {padding:50px 30px; margin:50px 0; background:#f6f6f6;}
.info-contact-form .contact-heading h2 {color:#000; font-family:"Fjalla One", sans-serif; font-size:60px; font-weight:400; line-height:1.3em; letter-spacing:-.01em;}
.info-contact-form .contact-heading p {margin-top:2px; font-size:23px; line-height:1.5em; letter-spacing:-.04em;}
.info-contact-form .contact-form table {display:block; padding:30px 20px 0;}
.info-contact-form .contact-form table tbody {display:grid; gap:27px 0;}
.info-contact-form .contact-form table tr {display:grid; gap:8px;}
.info-contact-form .contact-form table th {display:block; width:auto; height:auto; padding:0; border-bottom:0;}
.info-contact-form .contact-form table td {display:block; width:auto; height:auto; padding:0; border-bottom:0;}
.info-contact-form .contact-form .input.datepicker {width:100% !important; max-width:350px;}
.info-contact-form .contact-help-txt .only-mobile {display:block;}

/* popup */
.pop-view-wrap {position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:#fff;}
.pop-view-wrap .fancybox-skin {width:100% !important; height:100% !important;}
.pop-view-wrap .fancybox-outer {width:100% !important; height:100% !important;}
.pop-view-wrap .fancybox-inner {width:100% !important; height:100% !important; padding:100px 0 70px;}
.pop-view-heading {position:absolute; top:20px; left:20px;}
.pop-view-heading img {width:200px;}

.pop-view-slider {position:relative; height:100%;}
.pop-view-slider .item {position:relative; height:calc(100vh - 170px); overflow:hidden;}
.pop-view-slider .item img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pop-view-slider .slick-arrow {position:absolute; top:0; width:50%; height:100%; border:0; background-color:transparent; overflow:hidden; font-size:0; line-height:0; text-indent:-99999em; z-index:50;}
.pop-view-slider .slick-prev {left:0; cursor:w-resize;}
.pop-view-slider .slick-next {right:0; cursor:e-resize;}

.pop-view-video {position:relative; height:100%;}
.pop-view-video video,
.pop-view-video iframe {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}

.pop-view-close {position:absolute; top:0; right:0; width:80px; height:80px; text-indent:-9999em; overflow:hidden;}
.pop-view-close:before,
.pop-view-close:after {content:" "; position:absolute; top:50%; left:50%; margin:-2px 0 0 -25%; width:50%; height:2px; background:#000;}
.pop-view-close:before {transform:rotate(45deg);}
.pop-view-close:after {transform:rotate(-45deg);}

.pop-view-arrow {position:absolute; bottom:25px; right:20px; display:flex;}
.pop-view-arrow button {background:none; border:0; display:block; margin-left:20px;}
.pop-view-arrow svg {display:block; height:auto; overflow:visible; stroke: #000000; stroke-width:2px; width:40px;}

html.show-layer-contact,
html.show-layer-contact body {overflow:hidden;}
.layer-contact {position:fixed; top:110px; left:0; right:0; bottom:0; color:#cfcfcf; text-align:center; background:rgba(0,0,0,.94) url('../images/sub/layer_contact_bg.png') 50% 50% no-repeat; z-index:80;}
.layer-contact .inner {position:absolute; top:50%; left:0; width:100%; padding:30px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.layer-contact .txt1 {font-size:24px; font-weight:700; line-height:1.5em; margin-bottom:15px;}
.layer-contact .txt2 {font-size:18px; font-weight:500; line-height:1.889em;}
.layer-contact .close {position:absolute; top:30px; right:30px; width:33px; height:33px; text-indent:-9999em; overflow:hidden;}
.layer-contact .close:before,
.layer-contact .close:after {content:" "; position:absolute; top:50%; left:0; width:100%; height:3px; margin-top:-1px; background:#fff;}
.layer-contact .close:before {transform:rotate(45deg);}
.layer-contact .close:after {transform:rotate(-45deg);}

/* spiner */
.lds-ellipsis {
  margin:50px auto 0;
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}