:root {
  --primary-color: #2d3e54;
  --primary-color-hover: #1d2734;
  --secondary-color: #547788; 
  --secondary-color-hover: #3c5d6d; 
  --blue-color:#bfd0dc;
  --beige-color:#eae6e2; 
}

.toggle, [id^=drop]{display: none;}
nav:after {
  content: "";
  display: table;
  clear: both;
}

.inner{width:1400px; margin:0 auto;}
.header {position:fixed; top:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:10px 20px; z-index:999; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1)}
.header .logo img{max-width:95px;}
nav ul {float: left; padding: 0; margin: 0; list-style: none; position: relative;}
nav ul li {margin: 0px; display: inline-block; float: left; }
nav a {display: block; padding: 0 25px; color: #FFF; font-size: 1.125rem; line-height: 55px; text-decoration: none; color:var(--primray-color)}
nav ul li ul li{background-color:var(--secondary-color); color:#fff;}
nav ul li ul li a{color:#fff; font-size:1rem}
nav ul li ul li a:hover{background-color:var(--secondary-color-hover); color:#fff;}
nav a:hover {color:var(--secondary-color) }
nav ul ul {display: none; position: absolute; top:55px; z-index:999}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {width: 170px; float: none; display: list-item; position: relative;}
nav ul ul ul li{position: relative; top: -70px; left: 170px;}
/*nav li > a:after { content: ' +'; }
nav li > a:only-child:after { content: ''; }*/

@media all and (max-width : 768px) {
	.toggle + a,.menu { display: none; }
	.toggle.m-menu{display: block; background-color:var(--secondary-color); padding: 0 20px; font-size:1.75rem; color: #FFF; line-height: 65px; text-decoration: none; border: none;}
	.toggle {display: block; background-color:var(--secondary-color); padding: 0 20px; color: #FFF; font-size:1.25rem; line-height: 55px; text-decoration: none; border: none;}
	.toggle:hover { background-color: #000000; }
	[id^=drop]:checked + ul { display: block; }
	nav ul.menu{position:absolute; width:100%; left:0; z-index:99}
	nav ul.menu > li > a{padding:0 20px; background-color:var(--secondary-color); color:#fff; font-size:1.25rem}
	nav ul li {display: block; width: 100%;}
	nav ul ul .toggle, nav ul ul a { padding: 0 40px; }
	nav ul ul ul a { padding: 0 80px; }
	nav a:hover, nav ul ul ul a { background-color: #000000; }
	nav ul li ul li .toggle, nav ul ul a { background-color: #212121; }
	nav ul ul {float: none; position: static; color: #ffffff;}
	nav ul ul li:hover > ul,nav ul li:hover > ul { display: none; }
	nav ul ul li {display: block; width: 100%;}
	nav ul ul ul li { position: static;}
}

@media all and (max-width:479px) {
	nav ul li {display: block; width: 100%;}
}


.visual{position:relative; margin-top:90px; height:950px; display:flex; justify-content:end; align-items:center; flex-flow:column; color:#fff;}
.visual .sub-txt{font-size:1.063rem; letter-spacing:10px}
.visual h1{padding:45px 20px 0; font-size:5rem; font-family:'Cinzel', sans-serif; font-weight:600; text-align:center;}
.visual .sub-txt-02{margin-bottom:180px; padding-top:15px; font-size:1.313rem; font-weight:300; opacity:.9}
.visual :where(.sub-txt,h1,.sub-txt-02){position:relative; z-index:99}
.visual .swiper{position:absolute; width:100%; height:100%;}
.visual .swiper:before{content:''; position:absolute; bottom:0; width:100%; height:250px; background:linear-gradient(to bottom, transparent, rgba(0,0,0,.3)); z-index:2}
.visual .swiper-slide:nth-child(1){background:url(/assets/img/visual-01.jpg) no-repeat center / cover;}
.visual .swiper-slide:nth-child(2){background:url(/assets/img/visual-02.jpg) no-repeat center / cover;}
.visual .swiper-slide:nth-child(3){background:url(/assets/img/visual-03.jpg) no-repeat center / cover;}
.visual .loading-bar-wrapper {position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #ddd;}
.visual .loading-bar{height: 100%; background-color: #2196F3; width: 0; transition: width 0.3s ease;}

.visual .all-box {position: absolute; display: inline-flex; justify-content:center;	width: 90%;	height: 50px; left: 50%; bottom: 10px; box-sizing: border-box; padding: 0 20px;	transform: translate(-50%, -50%); z-index: 99;}
.visual .progress-box{position: relative; width: 200px;	height: 50px; z-index: 11;}
.visual .autoplay-progress{position: absolute;	left: 30px;	top: 10px; z-index: 10; width: 140px; height: 3px; background-color: rgba(0, 0, 0, 0.1);}
.visual .autoplay-progress svg{--progress: 0; position: absolute; left: 0; top: 0; z-index: 10;	width: 100%;/*	height: 100%;*/	stroke-width: 4px; stroke: #fff; fill: none; stroke-dashoffset: calc(100 * (1 - var(--progress))); stroke-dasharray: 100;}
.visual .swiper-pagination {display: flex;	color: #fff; justify-content: space-between; position: static; text-align: left;}
.visual .arrow-box{position: absolute; width:100%; display:flex; justify-content:space-between; align-items:center;}
.visual .swiper-button-next,.visual .swiper-button-prev{width: 21px; height: 21px;	top: 0;	margin-top: 0;	background: url(/assets/img/brand/icon-arrow-left.svg) no-repeat center / 100%;}
.visual .swiper-button-prev{margin-left:-50px}
.visual .swiper-button-next{margin-right:-50px; background-image: url(/assets/img/brand/icon-arrow-right.svg);}
.visual .swiper-button-next::after,.visual .swiper-button-prev::after {font-size: 0;}


@media only screen and (max-width:1400px){
	.visual{height:700px; margin-top:80px;}
	.visual h1{padding:30px 20px 0; font-size:3.25rem}
	.visual .sub-txt-02{margin-bottom:130px;}
}
@media only screen and (max-width:1024px){
	.visual{margin-top:70px;}
	
}
@media only screen and (max-width:768px){
	.visual{margin-top:60px;}
	.visual .all-box{bottom:-15px}
	.visual .sub-txt{display:none;}
	.visual h1{font-size:3rem}
	.visual .sub-txt-02{margin-bottom:100px; font-size:1.25rem}
}
@media only screen and (max-width:650px){
	.visual h1{font-size:2.75rem; line-height:1.15}
}



.main-space{margin-top:135px;}
.main-quality.main-space{margin-top:155px;}
.main-quality{position:relative; width:670px; margin-left:auto; margin-right:auto; text-align:center;}
.main-quality h2{font-family:'Cinzel', sans-serif; font-size:2.5rem; font-weight:600}
.main-quality p{margin-top:20px; font-size:1.063rem; line-height:1.9; font-weight:400}
.main-quality .swiper-slide{margin-top:50px;}
.main-quality .swiper-pagination{position:relative; margin-top:10px; }
.main-quality .swiper-pagination-bullet{margin:0 6px!important; width:10px; height:10px; background-color:var(--primary-color)}

.marquee-container {margin-top:-300px; width: 100%; overflow: hidden; white-space: nowrap; padding: 10px 0; }
.marquee-text{display: inline-block; animation: marquee 5s 0s linear infinite; font-family:'Cinzel', sans-serif; color:var(--beige-color); font-size:9.25rem; white-space:nowrap; font-weight:600}
@keyframes marquee {
  0% {
	opacity:.3
  }
  50% {
	opacity:1
  }
   100% {
	opacity:.1
  }
}

@media only screen and (max-width:650px){
	.main-quality .swiper-slide{margin-top:40px}
}

.main-why{position:relative; padding-bottom:120px; }
.main-why:before{content:''; position:absolute; width:100%; height:100%; bottom:0; left:0; background:url(/assets/img/main-why-bg.png) no-repeat center bottom / 100%; opacity:.7}
.main-why .line{position:relative; display:block; padding-top:20px; font-size:1.375rem; font-family:'Cinzel', sans-serif; font-weight:600; border-top:1px solid #222}
.main-why .line:before{content:''; position:absolute; left:190px; top:0; height:155px; width:1px; background-color:#222;}
.main-why .line:after{content:''; position:absolute; top:-1px; left:100%; width:100%; height:1px; background-color:#222; }
.main-why .top-tit{display:flex; gap:0 105px; margin:135px 0 0 0; }
.main-why .top-tit h2{font-family:'Cinzel', sans-serif; font-size:5.875rem; font-weight:600; line-height:.9; color:var(--secondary-color)}
.main-why .top-tit h2 span{display:block; margin-left:185px; line-height:.9; color:var(--primary-color); font-size:7rem}
.main-why .top-tit .txt{margin-top:10px; font-size:1.25rem; color:#999; line-height:1.8}
.main-why .view-img{display:block; margin-top:50px;}
.main-why .swiper-slide{text-align:center;}
.main-why .swiper-slide .tit{margin-top:-65px; font-family:'Cinzel', sans-serif; font-size:5.375rem; font-weight:700; text-align:center;}
.main-why .swiper-slide .txt{margin-top:20px; font-size:1.375rem}
.main-why .swiper-pagination2{position:relative; margin-top:45px; text-align:center;}
.main-why .swiper-pagination2 .swiper-pagination-bullet{margin:0 6px!important; width:10px; height:10px; background-color:var(--primary-color)}
.main-why .swiper-button-next,.main-why .swiper-button-prev{margin-top:-120px; width:45px; height:45px}
.main-why .swiper-button-next:after,.main-why .swiper-button-prev:after{display:none;}
.main-why .swiper-button-next{background:url(/assets/img/arrow-right.png) no-repeat center / 100%}
.main-why .swiper-button-prev{background:url(/assets/img/arrow-left.png) no-repeat center / 100%}

.main-recommend{position:relative; padding:100px 0; background-color:var(--secondary-color);}
.main-recommend .inner .wrap{position:relative; display:flex; align-items:start; justify-content:space-between; overflow:visible; padding:100px; background-color:#fff;}
.main-recommend .inner .wrap:before{content:''; position:absolute; width:1px; height:100%; left:50%; top:0; transform:translateX(-50%); background-color:#eee}
.main-recommend .inner .wrap .con{margin-top:70px; padding:70px 45px; background-color:#f5f5f5; text-align:center;}
.main-recommend .inner .wrap :where(.left-side,.right-side){width:calc(50% - 70px);}
.main-recommend .inner .wrap .left-side .con:first-child{margin-top:0}
.main-recommend .inner .wrap .left-side .con:first-child img{margin-bottom:20px;}
.main-recommend .inner .wrap .con img{mix-blend-mode:multiply; max-width:150px}
.main-recommend .inner .wrap .con .name{font-size:1.625rem; font-weight:600}
.main-recommend .inner .wrap .con .txt{margin-top:5px; color:#666;}
.main-recommend .inner .wrap .con .price{margin-top:20px; font-weight:600}
.main-recommend .center-line{position:sticky; top:100px; display:flex; justify-content:flex-end; align-items:flex-start; padding:15px 0; font-family:'Cinzel', sans-serif; font-size:1.75rem; font-weight:600; writing-mode:vertical-lr; transform:rotate(180deg); background-color:#fff;}

.main-world{padding:200px 0 160px; background:url(/assets/img/main-world-bg.jpg) no-repeat center / cover; color:#fff; overflow:hidden;}
.main-world .swiper{overflow:inherit}
.main-world .swiper .swiper-slide{width:auto}
.main-world .swiper .swiper-slide img{max-width:320px}
.main-world .sub-txt{font-size:1.25rem; font-family:'Cinzel', sans-serif; color:var(--blue-color); font-weight:500}
.main-world .tit{margin-top:25px; font-size:2.5rem; font-weight:500; line-height:1.4}
.main-world .txt{margin-top:17px; font-size:.938rem; font-family:'Cinzel', sans-serif; color:var(--blue-color); font-weight:500}
.main-world .subj{font-size:1.75rem; font-weight:500}

.footer{position:relative; padding:45px 0; display:flex; align-items:center; justify-content:space-between;}
.footer .info dl{margin:5px 0; display:flex; align-items:center; gap:0 23px}
.footer .info dt{font-weight:500; color:var(--primary-color); flex-shrink:0; width:90px; }
.footer .info dd{font-size:.938rem; color:#888; font-weight:400}
.footer .info dd a{color:var(--secondary-color)}
.footer .logo{text-align:center; }
.footer .logo img{max-width:105px; filter:grayscale(100%); opacity:.4}
.footer .logo .copy{margin-top:10px; font-size:.875rem; color:#888; font-weight:300}
.footer .btn-wrap button{padding:14px 30px; background-color:var(--primary-color); color:#fff; border:none; font-size:.938rem}
.footer .btn-wrap button:hover{background-color:var(--primary-color-hover)}

.footer .right-con{text-align:right}
.footer .right-con .tel{font-size:2.25rem; font-weight:700}
.footer .right-con .tel  a{display:flex; align-items:center; gap:0 10px; justify-content:end;}
.footer .right-con .tel .phone-icon{display:inline-block; width: 40px; height: 40px; border-radius: 50%; background:var(--secondary-color) url(/assets/img/icon-tel.png) no-repeat center / 40%; position: relative;}
.footer .right-con .tel .num{line-height:1.3}
.footer .right-con .txt{font-size:.938rem}



@media only screen and (max-width:1400px){
	.header{padding:10px 20px 5px}
	.header.inner{width:100%}
	.header .logo img{max-width:80px}
	nav a{font-size:1.063rem}
	.main-space{margin-top:120px;}
	.main-quality.main-space{margin-top:140px}
	.inner{width:92%;}
	.main-why .view-img{max-width:100%;}
	.main-why .swiper-slide img{max-width:550px}
	.main-why .swiper-slide .tit{font-size:4.25rem}
	.main-why .top-tit{gap:0 90px}
	.main-why .top-tit h2{font-size:4.375rem}
	.main-why .top-tit h2 span{font-size:4.25rem}
	.main-why .top-tit .txt{margin-top:0; font-size:1.125rem}
	.main-why .line:after{display:none;}
	.main-recommend .inner .wrap{padding:80px;}
	.main-world .tit{font-size:2.25rem}
}
@media only screen and (max-width:1024px){
	.header .logo img{max-width:70px}
	.visual{height:650px;}
	.main-why .line:before{height:100px}
	.main-why .top-tit{gap:0 70px; margin-top:100px}
	.main-why .top-tit h2 span{font-size:3.5rem}
	.main-why .swiper-button-prev,.main-why .swiper-button-next{width:40px; height:40px;}
	.main-recommend{padding:50px 0;}
	.main-recommend .inner .wrap{padding:50px;}
	.main-recommend .inner .wrap :where(.left-side,.right-side){width:calc(50% - 50px)}
	.main-recommend .center-line{font-size:1.5rem}
	.main-recommend .inner .wrap .con{margin-top:50px; padding:50px 35px}
	.main-why .swiper-slide .tit{margin-top:-50px}
	.main-quality .swiper-slide img{max-width:500px}
	.main-quality .swiper-pagination{margin-top:20px}
}
@media only screen and (max-width:860px){
	.footer{flex-wrap:wrap; padding:35px 0; align-items:start;}
	.footer .logo img{max-width:85px}
	.footer .logo .copy{margin-top:7px;}
	.footer .info{padding-bottom:15px; margin-bottom:15px; flex:0 1 100%; border-bottom:1px solid #ddd;}
	.footer .logo{text-align:left;}
	.footer .logo,.footer .info,.footer .btn-wrap{flex:1 0 0; width:100%;}
	.footer .info,.footer .btn-wrap{flex:0 1 auto}
	
}
@media only screen and (max-width:768px){
	.header{width:100%; padding:0 0 0 2%}
	.main-space{margin-top:100px;}
	.main-quality.main-space{margin-top:120px}
	.main-why{padding-bottom:80px}
	.main-why.main-space{margin-top:170px}
	.main-why .top-tit{margin-top:60px; gap:0 60px}
	.main-why .top-tit h2,.main-why .top-tit h2 span{font-size:3.75rem}
	.main-why .top-tit h2 span{margin-left:135px}
	.main-why .line:before{left:135px; height:70px}
	.main-why .view-img{margin-top:40px}
	.main-quality{width:92%;}
	.main-why .swiper-slide img{max-width:60%}
	.main-why .swiper-slide .tit{font-size:3.875rem}
	.main-why .swiper-button-prev, .main-why .swiper-button-next{width:35px; height:35px}
	.main-recommend{padding:25px 0}
	.main-recommend .inner{width:calc(100% - 50px);}
	.main-recommend .inner .wrap{padding:40px 25px}
	.main-recommend .inner .wrap .con{margin-top:45px;}
	.main-recommend .inner .wrap :where(.left-side,.right-side){width:calc(50% - 30px)}

	.main-world{padding:150px 0 120px}
	.main-world .swiper.main-space{margin-top:80px}
	.main-world .swiper .swiper-slide img{max-width:280px;}
	.main-world .tit{font-size:2rem}

}

@media only screen and (max-width:650px){
	.main-space{margin-top:80px;}
	.main-quality.main-space{margin-top:100px}
	.visual{height:550px;}
	.visual .sub-txt{font-size:.875rem}
	.visual h1{padding:35px 35px 0; font-size:2.375rem; }
	.visual .sub-txt-02{padding-top:12px; font-size:1.063rem}
	.main-quality h2{font-size:1.875rem}
	.main-quality p{font-size:.875rem; line-height:1.6; }
	.main-quality .swiper-slide img{width:100%;}
	.main-quality .swiper-pagination-bullet{margin:0 5px!important}
	.main-why.main-space{margin-top:140px}
	.main-why .line{padding-top:10px; font-size:1.063rem}
	.main-why .top-tit{margin-top:35px; display:block; gap:0 30px}
	.main-why .top-tit .txt{display:none; margin-top:10px; font-size:.938rem; line-height:1.5; text-align:center;}
	.main-why .top-tit .txt br{display:none}
	.main-why .top-tit h2{line-height:1.2; text-align:center;}
	.main-why .top-tit h2,.main-why .top-tit h2 span{font-size:2.325rem}
	.main-why .top-tit h2 span{margin-left:0}
	.main-why .view-img{margin-top:25px; display:none;}
	.main-why .line:before{left:70px; height:40px;}
	.main-why .swiper.main-space{margin-top:30px;}
	.main-why .swiper-slide .tit{margin-top:-25px; font-size:2.063rem; display:none;}
	.main-why .swiper-slide .txt{margin-top:15px; font-size:1.125rem}
	.main-why .swiper-pagination2{margin-top:30px;}
	.main-why .swiper-pagination2 .swiper-pagination-bullet{margin:0 5px!important}
	.main-why .swiper-button-prev, .main-why .swiper-button-next{width:20px; height:20px; margin-top:-70px;}
	.main-why .swiper-slide .txt br{display:none;}
	.main-why .swiper-slide img{max-width:70%}
	.main-recommend .center-line{display:none;}
	.main-recommend .inner .wrap:before{display:none;}
	.main-recommend .inner .wrap{flex-flow:column; }
	.main-recommend .inner .wrap :where(.left-side,.right-side){width:100%}
	.main-recommend .inner .wrap .con{margin-top:20px; padding:0 30px 40px;}
	.main-recommend .inner .wrap .con img{max-width:110px}
	.main-recommend .inner .wrap .con .name{font-size:1.5rem}
	.main-world{padding:100px 0 80px}
	.main-world .swiper.main-space{margin-top:55px;}
	.main-world .sub-txt{font-size:1.125rem}
	.main-world .tit{margin-top:15px; font-size:1.5rem}
	.main-world .subj{font-size:1.375rem}

	.footer{padding:25px 0 35px; }
	.footer .logo img{max-width:70px}
	.footer .logo .copy{position:absolute; margin-top:4px;}
	.footer .btn-wrap{margin-top:15px;}	
	.footer .right-con{text-align:right;}
	.footer .right-con .tel{ font-size:1.5rem;}
	.footer .right-con .tel a{gap:0 5px; justify-content:end;}
	.footer .right-con .tel .phone-icon{width:27px; height:27px;}
	.footer .right-con .txt{margin-top:4px;}
}
@media only screen and (max-width:479px){
	.footer .right-con .txt{font-size:.875rem; letter-spacing:-.2px}
}


.sub-space{margin-top:120px}
.sub-visual{padding-top:90px;}
.sub-visual .inner{position:relative; display:flex; align-items:center; justify-content:center; flex-flow:column; height:520px; color:#fff; }
.sub-visual h2{padding-top:30px; font-size:4.375rem; font-family:'Cinzel', sans-serif; font-weight:500}
.sub-visual .txt-01{font-size:1.063rem; color:var(--blue-color); letter-spacing:10px}
.sub-visual .txt-02{padding:15px 15px 0; font-size:1.188rem; font-weight:200; text-align:center;}
.sub-footer-space{margin-bottom:120px;}

.brand-intro .sub-visual{background:var(--primary-color) url(/assets/img/brand/sub-visual-01-01.jpg) no-repeat center right / cover;}
.vision .sub-visual{background:var(--primary-color) url(/assets/img/brand/sub-visual-01-02.jpg) no-repeat center bottom / cover;}
.greeting .sub-visual{background:var(--primary-color) url(/assets/img/brand/sub-visual-01-03.jpg) no-repeat left 60% center / contain;}
.business .sub-visual{background:var(--primary-color) url(/assets/img/brand/sub-visual-01-04.jpg) no-repeat center bottom / contain;}
.location .sub-visual{background:var(--primary-color) url(/assets/img/brand/sub-visual-01-05.jpg) no-repeat center bottom / cover;}

.pro-process .sub-visual{background:var(--primary-color) url(/assets/img/product/sub-visual-02-01.jpg) no-repeat center right / contain;}
.feature .sub-visual{background:var(--primary-color) url(/assets/img/product/sub-visual-02-02.jpg) no-repeat center right / contain;}

.gallery .sub-visual{background:var(--primary-color) url(/assets/img/board/sub-visual-03-01.jpg) no-repeat center right / cover;}
.notice .sub-visual{background:var(--primary-color) url(/assets/img/board/sub-visual-04-01.jpg) no-repeat center / cover;}
.qna .sub-visual{background:var(--primary-color) url(/assets/img/board/sub-visual-05-01.jpg) no-repeat top right / contain;}


.btn-wrap-po{margin-top:50px;}
.btn-basic{padding:17px 60px; background-color:var(--primary-color); color:#fff; font-size:1.125rem}
.btn-basic:hover{background:var(--primary-color-hover)}

@media only screen and (max-width:1400px){
	.sub-visual{padding-top:80px;}
}
@media only screen and (max-width:1024px){
	.sub-visual{padding-top:70px;}
	.sub-visual .inner{height:350px}
	.sub-visual h2{font-size:3.75rem}
}
@media only screen and (max-width:768px){
	.sub-visual{padding-top:65px;}
	.sub-visual .inner{height:300px}
	.sub-visual h2{font-size:2.5rem}
	.sub-visual .txt-02{padding-top:12px; font-size:1.063rem}
}
@media only screen and (max-width:650px){
	.sub-visual .inner{height:280px}
	.sub-visual h2{font-size:2.125rem}
	.sub-visual .txt-01{font-size:.938rem}
	.sub-visual .txt-02{padding-top:10px; font-size:1.063rem}
	.btn-wrap-po{margin-top:30px;}
}


.brand-intro .philosophy{position:relative; display:flex; justify-content:center; }
.brand-intro .philosophy .txt-wrap{position:absolute; width:1400px; left:50%; transform:translateX(-50%); padding:70px 0;}
.brand-intro .philosophy .txt-wrap .cont{width:600px;}
.brand-intro .philosophy .txt-wrap .sub-txt{font-family:'Cinzel', sans-serif; font-weight:500; font-size:1.5rem}
.brand-intro .philosophy .txt-wrap .tit{margin-top:28px; font-size:2.125rem; line-height:1.4; font-weight:600}
.brand-intro .philosophy .txt-wrap .txt-01{margin-top:70px; font-size:1.063rem; font-weight:300; color:var(--primary-color); line-height:1.9; opacity:.95}
.brand-intro .philosophy .txt-wrap .txt-02{margin-top:70px; font-size:1.5rem; font-weight:500; line-height:1.6}
.brand-intro .philosophy .img-wrap{margin-left:auto; display:flex; gap:0 50px; align-items:start;}
.brand-intro .philosophy .img-wrap img{display:block}
.brand-intro .philosophy .img-wrap .ball{display:inline-block; margin:50px 0 0 0}

.brand-intro .intro-con{height:890px; background:url(/assets/img/brand/brand-intro-con-01.jpg) no-repeat center / cover}
.brand-intro .intro-con .txt-wrap{position:relative; padding:150px 0 0; left:50%; width:35%;}
.brand-intro .intro-con .txt-wrap .sub-tit{font-family:'Cinzel', sans-serif; font-weight:600; color:var(--secondary-color)}
.brand-intro .intro-con .txt-wrap .tit{margin-top:30px; font-size:2.5rem; font-weight:600}
.brand-intro .intro-con .txt-wrap .txt{margin-top:15px; font-size:1.125rem; line-height:1.8; opacity:.75}

.brand-intro .intro-con-02{padding:90px 0; background-color:var(--beige-color);}
.brand-intro .intro-con-02 ul{display:flex; gap:0 40px; margin:0 10%}
.brand-intro .intro-con-02 ul li{flex:0 0 calc(50% - 20px); background-color:#fff;}
.brand-intro .intro-con-02 ul li img{display:block; max-width:100%}
.brand-intro .intro-con-02 ul li .con{padding:55px 55px 60px; }
.brand-intro .intro-con-02 ul li .con .tit{font-size:1.5rem; font-weight:600}
.brand-intro .intro-con-02 ul li .con .txt{margin-top:10px; font-size:1rem; line-height:1.7; opacity:.8}

@media only screen and (max-width:1800px){
	.brand-intro .philosophy .img-wrap img{max-height:600px}
}
@media only screen and (max-width:1400px){
	.brand-intro .philosophy{width:92%; margin-left:auto; margin-right:auto}
	.brand-intro .philosophy .txt-wrap{position:relative; padding:60px 0; left:0; transform:none; width:100%;}
	.brand-intro .philosophy .img-wrap{gap:0 35px}
	.brand-intro .philosophy .img-wrap img{max-height:400px}
	.brand-intro .intro-con-02 ul{margin:0;}
}
@media only screen and (max-width:1200px){
	.brand-intro .philosophy .txt-wrap .cont{width:500px}
	.brand-intro .philosophy .txt-wrap .sub-txt{font-size:1.25rem}
	.brand-intro .philosophy .txt-wrap .tit{font-size:2rem}
	.brand-intro .philosophy .txt-wrap .txt-01{margin-top:60px;}
	.brand-intro .philosophy .txt-wrap .txt-02{margin-top:50px; font-size:1.25rem}

	.brand-intro .intro-con{height:750px;}
	.brand-intro .intro-con .txt-wrap{padding:110px 0 0; width:50%; left:45%}
	.brand-intro .intro-con .txt-wrap .tit{font-size:2.375rem}
	.brand-intro .intro-con .txt-wrap .txt{font-size:1.063rem; line-height:1.7}
}
@media only screen and (max-width:1024px){
	.sub-space{margin-top:100px}
	.brand-intro .philosophy{gap:0 50px;}
	.brand-intro .philosophy .txt-wrap{padding:0; }
	.brand-intro .philosophy .txt-wrap .cont{width:auto}
	.brand-intro .philosophy .txt-wrap .txt-01{margin-top:30px;}
	.brand-intro .philosophy .img-wrap{gap:0 20px}
	.brand-intro .philosophy .img-wrap img{max-height:200px}
	.brand-intro .philosophy .img-wrap .ball{display:none}

	.brand-intro .intro-con{height:680px;}
	.brand-intro .intro-con .txt-wrap{padding:100px 0 0; width:50%; left:45%}
	.brand-intro .intro-con .txt-wrap .tit{margin-top:20px;}
	.brand-intro .intro-con .txt-wrap .txt{margin-top:10px;}

	.brand-intro .intro-con-02{padding:80px 0}
	.brand-intro .intro-con-02 ul{gap:0 30px}
	.brand-intro .intro-con-02 ul li{flex:0 0 calc(50% - 15px)}
	.brand-intro .intro-con-02 ul li .con{padding:40px 45px 50px}
}
@media only screen and (max-width:768px){
	.sub-space{margin-top:90px}
	.brand-intro .philosophy{gap:0 40px}
	.brand-intro .philosophy .img-wrap img{max-height:180px}

	.brand-intro .intro-con .txt-wrap{left:40%; width:55%}

	.brand-intro .intro-con-02{padding:70px 0}
	.brand-intro .intro-con-02 ul{gap:0 25px}
	.brand-intro .intro-con-02 ul li{flex:0 0 calc(50% - 12.5px)}
	.brand-intro .intro-con-02 ul li .con{padding:40px 35px 40px}
}
@media only screen and (min-width:651px){
	.brand-intro .philosophy .txt-wrap img{display:none;}
}
@media only screen and (max-width:650px){
	.sub-space{margin-top:70px}
	.brand-intro .philosophy{display:block;}
	.brand-intro .philosophy .txt-wrap{padding:20px 0 0;}
	.brand-intro .philosophy .txt-wrap img{float:right; max-width:40%; margin:0 0 15px 15px}
	.brand-intro .philosophy .txt-wrap,.brand-intro .philosophy .img-wrap{display:inline-block; margin:0}
	.brand-intro .philosophy .txt-wrap .sub-txt{font-size:1.125rem}
	.brand-intro .philosophy .img-wrap{display:none;}
	.brand-intro .philosophy .txt-wrap .sub-txt{font-size:1.063rem}
	.brand-intro .philosophy .txt-wrap .tit{margin-top:22px; font-size:1.5rem; line-height:1.47}
	.brand-intro .philosophy .txt-wrap .txt-01{margin-top:35px; line-height:1.7; font-size:1rem}
	.brand-intro .philosophy .txt-wrap .txt-02{margin-top:10px; font-size:1rem; line-height:1.7}

	.brand-intro .intro-con{height:600px}
	.brand-intro .intro-con .txt-wrap{padding:90px 0 0; left:2%; width:96%; text-align:center;}
	.brand-intro .intro-con .txt-wrap .tit{margin-top:15px; font-size:1.625rem;}
	.brand-intro .intro-con .txt-wrap .sub-tit{font-size:.938rem;}
	.brand-intro .intro-con .txt-wrap .txt{font-size:1rem;}

	.brand-intro .intro-con-02{padding:55px 0;}
	.brand-intro .intro-con-02 ul{flex-flow:column; gap:20px 0}
	.brand-intro .intro-con-02 ul li .con{padding:30px}
	.brand-intro .intro-con-02 ul li .con .tit{font-size:1.25rem}
	.brand-intro .intro-con-02 ul li .con .txt{margin-top:7px; line-height:1.5; font-size:.938rem}
}


.ctxt-01{font-family:'Cinzel', sans-serif; font-size:1.375rem; font-weight:500}
.ctit-01{margin-top:50px; font-size:2.375rem; line-height:1.35; font-weight:600}
.ctit-01 span{color:var(--secondary-color)}
.ctxt-02{font-size:1.125rem; line-height:1.9; opacity:.95}
.vision .vision-con{padding:180px 0 150px; background-color:#f5f5f5;}
.vision .vision-con .inner{background:url(/assets/img/brand/vision-map.png) no-repeat center / contain; text-align:center;}
.vision .vision-con .line{display:block; margin:40px auto; width:2px; height:70px; background:var(--primary-color)}
.vision .vision-con ul{margin-top:230px; display:flex; justify-content:space-between; gap:0 25px}
.vision .vision-con ul li{position:relative; flex:1 1 auto; height:480px; color:#fff;}
.vision .vision-con ul li:nth-child(1){background:url(/assets/img/brand/vision-bg-01.jpg) no-repeat center / cover;}
.vision .vision-con ul li:nth-child(2){margin-top:-80px; background:url(/assets/img/brand/vision-bg-02.jpg) no-repeat center / cover;}
.vision .vision-con ul li:nth-child(3){background:url(/assets/img/brand/vision-bg-03.jpg) no-repeat center / cover;}
.vision .vision-con ul li .txt-wrap{padding:0 0 45px 40px; position:absolute; bottom:0; text-align:left;}
.vision .vision-con ul li .txt-wrap .tit{font-size:2.188rem; font-weight:500}
.vision .vision-con ul li .txt-wrap .txt{}

@media only screen and (max-width:1024px){
	.vision .vision-con{padding:150px 0 100px}
	.ctit-01{margin-top:40px;}
	.vision .vision-con .line{margin:30px auto; }
	.vision .vision-con ul{margin-top:180px;}
	.vision .vision-con ul li{height:350px}
}
@media only screen and (max-width:768px){
	.vision .vision-con{padding:120px 0 80px}
	.vision .vision-con .inner{background-position:top center;}
	.ctxt-01{font-size:1.125rem}
	.ctit-01{margin-top:30px; font-size:2.125rem}
	.ctxt-02{line-height:1.8}
	.ctxt-02 br{display:none;}
	.vision .vision-con .line{margin:25px auto; height:55px}
	.vision .vision-con ul{margin-top:60px; flex-flow:column; gap:20px 0;}
	.vision .vision-con ul li{height:250px}
	.vision .vision-con ul li:nth-child(2){margin-top:0}
}
@media only screen and (max-width:650px){
	.vision .vision-con{padding:110px 0 80px}
	.ctxt-01{font-size:1rem}
	.ctit-01{margin-top:20px; font-size:1.75rem; line-height:1.45}
	.vision .ctit-01{padding:0 20px;}
	.vision .vision-con .line{margin:22px auto; width:1.5px;}
	.ctxt-02{font-size:.938rem; line-height:1.7}
	.vision .vision-con ul li .txt-wrap{padding:0 0 25px 25px;}
	.vision .vision-con ul li .txt-wrap .tit{font-size:1.75rem}
}


.greeting .greeting-con{text-align:center;}
.greeting .greeting-con .img-wrap{margin-top:62px; }
.greeting .greeting-con .img-wrap img{max-width:100%;}
.greeting .greeting-con .gt-tit{margin-top:80px; font-size:2rem; font-weight:600}
.greeting .greeting-con .gt-sub-tit{margin-top:10px; font-size:1.25rem; color:var(--secondary-color); font-weight:500}
.greeting .greeting-con ul{margin-top:50px; display:flex; justify-content:center; gap:0 40px;}
.greeting .greeting-con ul li{flex:1 1 0; text-align:left; color:#666; line-height:2}
.greeting .greeting-con .from{margin-top:45px; font-size:1.188rem; font-weight:500}

.greeting .pk-info{margin-top:160px; text-align:center;}
.greeting .pk-info > .tit{font-family:'Cinzel', sans-serif; font-size:5.25rem; font-weight:600}
.greeting .pk-info > .txt{font-size:1.125rem; font-weight:300}
.greeting .pk-info ul{margin-top:80px; display:flex; gap:0 25px; justify-content:center; align-items:start;}
.greeting .pk-info ul li{padding:32px 40px; display:flex; justify-content:end; flex:1 1 0; flex-flow:column; height:470px; color:#fff; text-align:left; transition:all .3s}
.greeting .pk-info ul li:hover{margin-top:-20px}
.greeting .pk-info ul li:nth-child(even){margin-top:45px;}
.greeting .pk-info ul li:nth-child(even):hover{margin-top:25px}
.greeting .pk-info ul li .tit{font-size:1.75rem; font-weight:600}
.greeting .pk-info ul li .txt{font-size:.938rem}
.greeting .pk-info ul li:nth-child(1){background:url(/assets/img/brand/greeting-01.jpg) no-repeat center / cover;}
.greeting .pk-info ul li:nth-child(2){background:url(/assets/img/brand/greeting-02.jpg) no-repeat center / cover;}
.greeting .pk-info ul li:nth-child(3){background:url(/assets/img/brand/greeting-03.jpg) no-repeat center / cover;}
.greeting .pk-info ul li:nth-child(4){background:url(/assets/img/brand/greeting-04.jpg) no-repeat center / cover;}

@media only screen and (max-width:1200px){
	.greeting .pk-info ul li{height:360px; padding:27px 32px;}
}

@media only screen and (max-width:1024px){
	.greeting .greeting-con .img-wrap{margin-top:45px}
	.greeting .greeting-con .gt-tit{margin-top:70px}
	.greeting .greeting-con ul{margin-top:40px}
	.greeting .greeting-con .from{margin-top:35px;}
	.greeting .pk-info ul{gap:0 20px}
	.greeting .pk-info{margin-top:130px}
	.greeting .pk-info > .tit{font-size:4.75rem}
}
@media only screen and (max-width:768px){
	.greeting .pk-info ul{margin-top:60px; justify-content:space-between; flex-wrap:wrap}
	.greeting .pk-info ul li{width:45%; flex:auto; padding:20px;}
	.greeting .pk-info ul li:nth-child(even){margin-top:20px}
	.greeting .pk-info ul li .tit{font-size:1.625rem}
}
@media only screen and (max-width:650px){
	.greeting .greeting-con .img-wrap{margin-top:25px;}
	.greeting .greeting-con .ctit-01{font-size:1.5rem}
	.greeting .greeting-con .gt-tit{margin-top:45px; font-size:1.125rem;}
	.greeting .greeting-con .gt-sub-tit{margin-top:2px; font-size:1.063rem;}
	.greeting .greeting-con ul{flex-flow:column; margin-top:12px;}
	.greeting .greeting-con ul li{line-height:1.8; text-align:center;}
	.greeting .greeting-con .from{margin-top:25px; font-size:1.063rem;}

	.greeting .pk-info{margin-top:120px;}
	.greeting .pk-info > .tit{font-size:2.625rem}
	.greeting .pk-info > .txt{margin-top:5px; font-size:.938rem; line-height:1.6}
	.greeting .pk-info > .txt br{display:none;}
	.greeting .pk-info ul{margin-top:45px; gap:0 12px;}
	.greeting .pk-info ul li{height:260px}
	.greeting .pk-info ul li:hover{margin-top:0}
	.greeting .pk-info ul li:nth-child(even),.greeting .pk-info ul li:nth-child(even):hover{margin-top:12px;}	
	.greeting .pk-info ul li .tit{font-size:1.375rem}

	.sub-footer-space{margin-bottom:70px}
}


.business .business-con{background:var(--secondary-color) url(/assets/img/brand/business-bg.jpg) no-repeat center bottom fixed ;background-size:100%; color:#fff;}
.business .business-con .inner{display:flex; justify-content:space-between; }
.business .business-con .txt-wrap{position:sticky; top:0; margin-top:30px; flex-grow:1; display:flex; flex-flow:column; justify-content:space-between; height:100vh; padding:180px 0 50px;}
.business .business-con .txt-wrap .sub-txt{font-family:'Cinzel', sans-serif; font-size:1.188rem}
.business .business-con .txt-wrap .tit{margin-top:30px; font-size:3rem; font-weight:600; line-height:1.32}
.business .business-con .txt-wrap .num-wrap{position:relative;}
.business .business-con .txt-wrap .num-wrap .num{font-size:15rem; font-family:'Cinzel', sans-serif; font-weight:700; color:rgba(255,255,255,.2); line-height:1}
.business .business-con .txt-wrap .num-wrap .txt{position:absolute; top:50%; left:40px;}
.business .business-con .info-wrap{padding:50px 0; width:540px; border-left:1px solid rgba(255,255,255,.2);}
.business .business-con .info-wrap ul li{margin:100px 0; text-align:center;}
.business .business-con .info-wrap ul li img{width:340px}
.business .business-con .info-wrap ul li .in-tit{padding-top:10px; font-size:2.125rem; font-weight:600}

@media only screen and (max-width:1200px){
	.business .business-con .txt-wrap .tit{}
	.business .business-con .txt-wrap .num-wrap .num{font-size:13rem}
	.business .business-con .info-wrap{width:360px;}
	.business .business-con .info-wrap ul li img{width:250px;}
	.business .business-con .info-wrap ul li .in-tit{padding-top:5px; font-size:2rem}
}
@media only screen and (max-width:768px){
	.business .business-con .txt-wrap .tit{font-size:2.5rem}
	.business .business-con .txt-wrap .num-wrap .num{font-size:10rem}
	.business .business-con .info-wrap{width:250px; padding: 50px 20px}
	.business .business-con .info-wrap ul li img{width:180px;}
	.business .business-con .info-wrap ul li .in-tit{padding-top:5px; font-size:1.5rem}
	.business .business-con .info-wrap ul li .in-txt{font-size:.938rem; font-weight:300}
}
@media only screen and (max-width:650px){
	.business .business-con .txt-wrap{padding:130px 0 50px}
	.business .business-con .txt-wrap .tit{margin-top:20px; font-size:1.938rem}	
	.business .business-con .info-wrap{width:170px;}
	.business .business-con .info-wrap ul li img{width:140px;}
	.business .business-con .info-wrap ul li .in-tit{font-size:1.375rem}
	.business .business-con .txt-wrap .num-wrap .txt{display:none;}
	.business .business-con .txt-wrap .num-wrap .num{font-size:8rem}
}


.location .ctit-01{font-size:2.5rem}
.location .tit{font-size:2.25rem; text-align:center; font-weight:600}
.location .location-con{text-align:center;}
.location .location-con .tel{margin-top:35px; padding:9px 25px; background-color:var(--secondary-color); color:#fff; font-weight:500; font-size:1.188rem}
.location .location-con .tel:hover{background:var(--secondary-color-hover)}
.location .location-con .tel span{margin-right:3px;}
.location .location-con .map{margin-top:40px;}
.location .location-con .map .root_daum_roughmap{width:100%; border-bottom:1px solid #ddd;}
.location .location-con .map .root_daum_roughmap .wrap_map{height:500px}
.location .location-con .map .root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont{display:none; }
.location .service-con{}
.location .service-con .swiper-slide img{max-width:500px;}
.location .service-con .swiper{margin-top:45px; overflow:hidden;}
.location .service-con .swiper-slide{width:auto}
.location .service-con .swiper-slide .in-tit{margin-top:18px; font-size:1.625rem; font-weight:600}
.location .service-con .swiper-slide .txt{margin-top:4px; font-size:1.063rem; color:#666; }
.location .service-con .swiper-scrollbar{position:relative; left:0; margin-top:60px; background:var(--blue-color); opacity:.7;}
.location .service-con .swiper-scrollbar-drag{background:var(--primary-color);}

.location .store ul{margin-top:30px; border-top:2px solid #333;}
.location .store ul li{display:flex; justify-content:space-between; border-bottom:1px solid #ddd;}
.location .store ul li:first-child{}
.location .store ul li .list-wrap{display:flex; align-items:stretch; flex-grow:1;}
.location .store ul li .list-wrap :where(.name,.tel){justify-content:center;}
.location .store ul li .list-wrap :where(.name,.tel,.address){border-right:1px solid #ddd;}
.location .store ul li .list-wrap :where(.name,.tel,.address,.map-go){display:flex; padding:10px 35px; flex:1 1 0; min-width:100px; align-items:center;}
.location .store ul li .list-wrap :where(.tel,.adress){color:#666;}
.location .store ul li .list-wrap .name{color:var(--primary-color); font-weight:500; font-size:1.125rem}
.location .store ul li .list-wrap .address{flex:2 1 0}

.location .store ul li.part{border-bottom:1px solid #666;}

.location .store ul li.header-row .list-wrap > div{justify-content:center; font-size:1rem; color:var(--primary-color); font-weight:500; background-color:#eef3f7;}

.location .store ul li .list-wrap .map-go{flex:0 0 auto; width:200px; justify-content:center;}
.location .store ul li .list-wrap .map-go a{display:inline-block; padding:5px 10px; color:#fff; background-color:#888; font-size:.875rem;}
.location .store ul li .list-wrap .map-go a:hover{background-color:#777;}
.location .store ul li .direct{display:none;}
.location .store ul li .direct img{max-width:12px}

@media only screen and (max-width:1400px){
	.location .tit{font-size:2rem}
	.location .ctit-01{margin-top:30px; font-size:2.125rem}
	.location .location-con .tel{margin-top:30px;}
	.location .location-con .map{margin-top:30px}
	.location .service-con .swiper{margin-top:32px;}
	.location .service-con .swiper-slide img{width:400px}
	.location .service-con .swiper-slide .in-tit{font-size:1.25rem}
	.location .service-con .swiper-slide .txt{font-size:1rem}
}
@media only screen and (max-width:1024px){
	.location .location-con .tel{margin-top:25px;}
	.location .location-con .map{margin-top:25px}

	.location .store ul li .list-wrap :where(.name,.tel,.address,.map-go){padding:10px 25px;}
	.location .store ul li .list-wrap .map-go{width:110px}
}
@media only screen and (max-width:768px){
	.location .location-con .map .root_daum_roughmap .wrap_map{height:400px}
	.location .service-con .swiper{margin-top:45px;}
}
@media only screen and (max-width:650px){
	.location .ctit-01{margin-top:20px; font-size:1.625rem;}
	.location .location-con .tel{margin-top:25px;}
	.location .location-con .map{margin-top:20px}
	.location .location-con .map .root_daum_roughmap .wrap_map{height:300px}
	.location .tit{font-size:1.625rem}
	.location .service-con .swiper{margin-top:25px;}
	.location .service-con .swiper-slide img{width:250px}
	.location .service-con .swiper-slide .in-tit{margin-top:10px;}
	.location .service-con .swiper-scrollbar{margin-top:42px;}

	.location .store ul li{padding:15px 0; align-items:center;}
	.location .store ul li.header-row{display:none;}
	.location .store ul li .list-wrap{flex-flow:column;}
	.location .store ul li .list-wrap :where(.name,.tel,.address,.map-go){padding:0; border-right:0; justify-content:start;}
	.location .store ul li .list-wrap :where(.tel,.address){font-size:.938rem;}
	.location .store ul li .list-wrap .name{padding-bottom:2px; font-size:1.25rem;}
	.location .store ul li .list-wrap .map-go{width:auto; justify-content:start;}
	.location .store ul li .list-wrap .map-go a{margin-top:7px; padding:3px 5px; }
	.location .store ul li .direct{display:flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:100px; background-color:#f3f3f3;}
	.location .store ul li .direct img{max-width:13px;}
}



.pro-process-con .top-img{margin-top:60px;}
.pro-process-con .top-img img{max-width:100%}
.pro-process-con .ctxt-02{margin-top:10px;}
.pro-process-con ul{margin-top:80px; padding:0 150px; display:flex; flex-wrap:wrap; justify-content:start; gap:50px 30px}
.pro-process-con ul li{flex:0 0 250px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1)}
.pro-process-con ul li img{max-width:100%}
.pro-process-con ul li .txt-wrap{display:flex; gap:0 10px; align-items:start; padding:10px 15px 15px; text-align:left;}
.pro-process-con ul li .txt-wrap .circle{display:flex; width:33px; height:33px; justify-content:center; align-items:center; border-radius:100px; background:#dfe7ed; font-size:.875rem; font-weight:600; color:var(--secondary-color); opacity:.9}
.pro-process-con ul li .txt-wrap .txt{margin-top:5px; font-weight:500}

@media only screen and (max-width:1400px){
	.pro-process-con .top-img img{width:100%;}
	.pro-process-con ul{display:grid; padding:0; grid-template-columns:repeat(4,1fr); gap:50px 3%}
	.pro-process-con ul li{}
}
@media only screen and (max-width:1024px){
	.pro-process-con .top-img{margin-top:40px;}
	.pro-process-con ul{margin-top:35px; gap:35px 15px;}
	.pro-process-con ul li .txt-wrap .txt{font-size:1.125rem}
}
@media only screen and (max-width:768px){
	.pro-process-con ul{margin-top:35px; grid-template-columns:repeat(3,1fr); gap:35px 15px;}
}
@media only screen and (max-width:650px){
	.pro-process-con .top-img{margin-top:25px;}
	.pro-process-con ul{margin-top:15px; grid-template-columns:repeat(2,1fr); gap:20px 12px;}
	.pro-process-con ul li .txt-wrap{padding:5px 10px 10px;}
	.pro-process-con ul li .txt-wrap .txt{margin-top:6px; font-size:1.063rem; line-height:1.4}
	.pro-process-con .ctit-01 span{display:block; margin-top:-2px;}
}


.feature-con{padding:150px 0; background-color:#efefef;}
.feature-con .ctit{font-size:3.125rem; font-weight:600}
.feature-con .sub-txt{margin-top:15px; font-size:1.25rem}
.feature-con .img-con{position:relative; margin-top:35px;  z-index:1}
.feature-con .img-con img{width:400px;}
.feature-con .img-con:before{content:'KINGSTAR'; position:absolute; left:50%; bottom:-100px; transform:translateX(-50%); font-size:250px; color:var(--blue-color); opacity:.5; font-weight:700; z-index:-1}
.feature-con ul{margin-top:100px; padding:0 100px; display:grid; grid-template-columns:repeat(2,1fr); gap:55px 100px}
.feature-con ul li{display:flex; gap:0 25px}
.feature-con ul li img{max-width:115px;}
.feature-con ul li .txt-wrap{text-align:left;}
.feature-con ul li .txt-wrap .tit{margin-top:10px; font-size:1.75rem; font-weight:600}
.feature-con ul li .txt-wrap .txt{margin-top:10px; font-size:1.063rem; color:#666}

.feature .custom{position:relative; color:#fff;}
.feature .custom .video-bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:-1;}
.feature .custom .video-bg video{width:100%; height:100%; object-fit:cover;}
.feature .custom .video-bg:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3)}
.feature .custom .inner{position:relative; display:flex; padding:180px 0 100px; flex-flow:column; justify-content:space-between; height:calc(100vh - 90px); }
.feature .custom .inner .tit{font-size:3rem; font-weight:600; line-height:1.35}
.feature .custom .inner .txt{margin-top:22px; font-size:1.188rem; font-weight:300}
.feature .custom ul{display:flex; justify-self:end; gap:0 15px}
.feature .custom ul li{padding:40px 50px; width:290px; background-color:rgba(255,255,255,.8); border-radius:20px; text-align:center; color:var(--primary-color)}
.feature .custom ul li img{max-height:140px}
.feature .custom ul li .in-tit{font-size:1.625rem; font-weight:600}
.feature .custom ul li .in-txt{margin-top:5px; color:#666; line-height:1.4;}

.feature .line-up .top-tit{padding:17px; font-size:1.435rem; background-color:var(--primary-color); color:#fff; text-align:center;}
.feature .line-up ul{display:grid; gap:65px 50px; grid-template-columns:repeat(3,1fr); padding:100px; border:1px solid #ddd;}
.feature .line-up ul li{text-align:center;}
.feature .line-up ul li img{max-height:240px; display:block; margin:0 auto 30px}
.feature .line-up ul li .badge{display:inline-block; padding:5px 12px; background-color:var(--secondary-color); color:#fff; font-size:.875rem; font-weight:300}
.feature .line-up ul li .tit{margin-top:15px; font-size:1.5rem; font-weight:600}
.feature .line-up ul li .txt{margin-top:5px; color:#666; font-size:.938rem}

@media only screen and (max-width:1400px){
	.feature-con{padding:120px 0}
	.feature-con .ctit{font-size:2.875rem}
	.feature-con .sub-txt{margin-top:13px; font-size:1.125rem}
	.feature-con .img-con:before{font-size:20vw; }

	.feature .custom .inner{padding:130px 0 50px}
	.feature .custom .inner .tit{font-size:2.625rem}
}
@media only screen and (max-width:1200px){
	.feature-con ul{padding:0 30px}
	.feature-con .img-con:before{bottom:-70px}
	.feature-con ul li .txt-wrap .tit{font-size:1.625rem}

	.feature .custom .inner{padding:100px 0 50px}
	.feature .custom .inner .tit{font-size:2.25rem}
	.feature .custom ul li{padding:40px 25px 25px; width:250px}
	.feature .custom ul li img{max-height:120px}

	.feature .line-up ul{padding:80px 50px;}
	.feature .line-up ul li img{max-height:200px;}
	.feature .line-up .top-tit{font-size:1.25rem}
}
@media only screen and (max-width:1024px){
	.feature-con{padding:100px 0}
	.feature-con ul{margin-top:85px; padding:0; gap:35px 30px}
	.feature-con ul li img{max-width:100px}
	.feature-con .img-con:before{bottom:-40px; font-size:18vw;}

	.feature .custom .inner{padding:70px 0 25px; height:calc(100vh - 80px);}
	.feature .custom .inner .txt{margin-top:17px; font-size:1.125rem}
	.feature .custom ul li{padding:30px 25px 25px; width:220px}
	.feature .custom ul li img{max-height:120px}
}
@media only screen and (max-width:768px){
	.feature-con .ctit{font-size:2.5rem}
	.feature-con .sub-txt{margin-top:10px}
	.feature-con .img-con:before{bottom:-10px;}
	.feature-con ul li{gap:0 19px}
	.feature-con ul li img{max-width:85px}
	.feature-con ul li .txt-wrap .tit{margin-top:5px; font-size:1.5rem}
	.feature-con ul li .txt-wrap .txt{margin-top:7px; font-size:1rem}
	.feature .custom .inner{padding:80px 0 35px;}

	.feature .line-up ul{padding:65px 30px; gap:40px 30px;}
	.feature .line-up ul li img{max-height:150px;}

}
@media only screen and (max-width:650px){
	.feature-con .ctit{font-size:2.125rem}
	.feature-con .sub-txt{font-size:1.063rem; margin-top:8px;}
	.feature-con .img-con img{width:350px;}
	.feature-con .img-con:before{bottom:30px; font-size:19vw;}
	.feature-con ul{margin-top:40px; grid-template-columns:repeat(1,1fr); gap:25px 0;}
	.feature-con ul li .txt-wrap .tit{margin-top:3px; font-size:1.438rem}
	.feature-con ul li .txt-wrap .txt{margin-top:4px;}
	.feature-con ul li img{max-width:77px; }
	.feature .custom .inner{height:calc(90vh - 70px)}
	.feature .custom .inner .tit{font-size:2rem}
	.feature .custom ul{gap:0 13px;}
	.feature .custom ul li{padding:25px 23px 23px; flex:1 1 0; width:auto;}
	.feature .custom ul li img{max-height:100px;}
	.feature .custom ul li .in-tit{margin-top:3px; font-size:1.375rem}
	.feature .custom ul li .in-txt{margin-top:3px;}

	.feature .line-up .top-tit{padding:21px 35px; font-size:1.063rem; line-height:1.4; font-weight:500}
	.feature .line-up ul{padding:60px 20px; gap:40px 20px; grid-template-columns:repeat(2,1fr)}
	.feature .line-up ul li img{margin:0 auto 18px; max-height:145px;}
	.feature .line-up ul li .badge{padding:4px 10px; font-weight:400;}
	.feature .line-up ul li .tit{margin-top:11px; font-size:1.375rem}
	.feature .line-up ul li .txt{margin-top:3px; font-size:.875rem}

}


/*.product-line .product-con{width:100%; background:linear-gradient(-45deg, #547788, #bfd0dc); background-repeat:no-repeat; background-size:400% 400%; background-position:center; background-attachment:fixed; animation: colorChange 10s ease alternate infinite;}*/
.product-line .product-con{position:relative; /*background-color:var(--secondary-color)*/ }
.product-line .product-con:after{content:''; position:fixed; width:500px; height:500px; top:50%; left:50%; transform:translate(-50%,-50%); background:url(/assets/img/logo-white.png) no-repeat center/ 100%; background-attachment:fixed; z-index:0; opacity:.1}
.product-line .product-con .tabs{position: sticky; top: 120px; left: 0; width: 100%; z-index: 10; text-align:center;}
.product-line .product-con .tabs ul {display: inline-flex; list-style: none; padding: 7px 0; justify-content: center; background-color:rgba(0,0,0,.2); border-radius:100px}
.product-line .product-con .tabs ul li{margin: 0 15px;}
.product-line .product-con .tabs a{color: rgba(255,255,255,.7); text-decoration: none; font-size: 18px; padding: 10px 20px; display: block;}
.product-line .product-con .tabs a.active{background-color: #fff; border-radius: 100px; color:var(--primary-color); font-weight:500}
.product-line .product-con .sections{position:relative; /*background: linear-gradient(-45deg, #547788, #bfd0dc);*/ background-size: 400% 400%; transition: background 1s ease-in-out; /* 그라데이션 효과 전환 */ }
.product-line .product-con .sections:before{}

.product-line .product-con .pro-wrap{position:relative; display: flex; height:100vh; gap:0 270px; justify-content: center; align-items: center; font-size: 24px; text-align: center; z-index:9; border-bottom:1px dotted rgba(255,255,255,.5)}
.product-line .product-con .pro-wrap > div{margin-top:80px;}
/*.product-line .product-con .pro-wrap:nth-child(odd){background:var(--blue-color); }
.product-line .product-con .pro-wrap:nth-child(odd):before{opacity:.3}
.product-line .product-con .pro-wrap:before{content:''; width:500px; height:500px; position:absolute; top:50%; left:43%; transform:translate(-50%,-50%); background:url(/assets/img/logo-white.png) no-repeat center/ 100%; background-attachment:fixed; z-index:0; opacity:.1}*/
.product-line .product-con .pro-wrap:after{content:''; position:absolute; top:0; width:100%; height:100%; background:radial-gradient(circle, transparent 60%, rgba(0,0,0,.1)); z-index:-1}
.product-line .product-con .pro-wrap .img-con{position:relative;}
.product-line .product-con .pro-wrap .img-con img{display:block; margin-top:-50px}
.product-line .product-con .pro-wrap .img-con:before{content:''; position:absolute; bottom:-100px; right:10px; width:110%; height:70px; background:linear-gradient(to right, rgba(0,0,0,.01),rgba(0,0,0,.3)) ; border-radius:50%; filter:blur(15px)}
.product-line .product-con .pro-wrap .img-con .back{position:absolute; bottom:-30px; right:-120px; display:flex; width:200px; height:200px; justify-content:center; align-items:center; background-color:rgba(255,255,255,.9); border-radius:200px; border:8px groove rgba(0,0,0,.15)}
.product-line .product-con .pro-wrap .img-con .back img{max-width:70%; margin-top:0;}
.product-line .product-con .pro-wrap .spec-wrap{margin-top:48px; padding:35px; border-radius:40px; background-color:#fff;}
.product-line .product-con .pro-wrap .spec-wrap .in-tit{font-size:1.625rem; font-weight:600}
.product-line .product-con .pro-wrap .pro-con{padding:40px; border-radius:40px; } /* background-color:rgba(255,255,255,.98); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2) */
.product-line .product-con .pro-wrap .pro-con .badge{display:inline-block; padding:7px 13px; background:rgba(255,255,255,.15); font-size:1.063rem; color:rgba(255,255,255,.7); font-weight:500}
.product-line .product-con .pro-wrap .pro-con .tit{margin-top:20px; font-size:4.25rem; font-family:'Cinzel', sans-serif; font-weight:600; line-height:1.3; color:#fff;}
.product-line .product-con .pro-wrap .pro-con .txt{margin-top:2px; font-size:1.188rem;  color:#fff;}
.product-line .product-con .pro-wrap .pro-con .table-wrap{position:relative; margin-top:15px; padding:32px 40px; width:650px; max-height:420px; overflow-x:hidden; overflow-y:auto; background-color:#eef3f7; border-radius:22px; text-align:left; z-index:9}
.product-line .product-con .pro-wrap .pro-con .table-wrap dl{display:flex; padding:7px 0; gap:0 28px; font-size:1rem}
.product-line .product-con .pro-wrap .pro-con .table-wrap dt{width:75px; flex-shrink:0; font-weight:500; font-size:1.063rem}
.product-line .product-con .pro-wrap .pro-con .table-wrap dd{color:#666; line-height:1.4}
.product-line .product-con .pro-wrap .pro-con .table-wrap .half{display:flex; gap:0 50px;}
.product-line .product-con .pro-wrap .pro-con .table-wrap .half > dl{flex:1 1 0}
.product-line .go-shop{margin-top:20px; display:inline-flex; justify-content:center; align-items:center; gap: 0 5px; padding:13px 35px; text-align:center; background:var(--primary-color); z-index:99; font-size:1.188rem; font-weight:500; color:#fff; border-radius:100px;}
.product-line .go-shop:hover{background:var(--primary-color-hover)}
.product-line .go-shop img{max-width:15px; filter: invert(1); transform:rotate(-45deg)}




@keyframes colorChange{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}




@media only screen and (max-width:1400px){
	.product-line .product-con .tabs{top:100px}
	.product-line .product-con .sections{padding-top:42px}
	.product-line .product-con .pro-wrap{gap:0 130px}
	.product-line .product-con .pro-wrap .pro-con{padding:35px;}
	.product-line .product-con .pro-wrap .pro-con .tit{font-size:3rem}
	.product-line .product-con .pro-wrap .pro-con .txt{margin-top:0; font-size:1.063rem}
	.product-line .product-con .pro-wrap .pro-con .badge{font-size:1rem}
	.product-line .product-con .pro-wrap .img-con img{max-width:350px}
	.product-line .product-con .pro-wrap .pro-con .table-wrap{width:570px}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dl{padding:6px 0}
	.product-line .product-con .pro-wrap .pro-con .table-wrap .half{gap:0 30px}
	.product-line .product-con .pro-wrap .pro-con .table-wrap .half > dl{flex:0 0 48%;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dl,.product-line .product-con .pro-wrap .pro-con .table-wrap .half > dl{gap:0 20px}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dt{font-size:.938rem}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dd{font-size:.938rem; font-weight:300}
	.product-line .product-con .pro-wrap .img-con .back{width:150px; height:150px; border-width:5px; bottom:-30px; right:-50px}
}
@media only screen and (max-width:1200px){
	.product-line .product-con .pro-wrap{gap:0 75px}
	.product-line .product-con .pro-wrap .img-con img{max-width:280px}
	.product-line .product-con .pro-wrap .spec-wrap{padding:30px 30px 20px; margin-top:35px;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap{margin-top:0; padding:25px 35px;}
	.product-line .product-con .pro-wrap .spec-wrap .in-tit{display:none;}
	.product-line .go-shop{margin-top:15px; padding:11px 30px; font-size:1.063rem;}
}
@media only screen and (max-width:1024px){
	.product-line .product-con .sections{padding-top:40px}
	.product-line .product-con .tabs{top:90px}
	.product-line .product-con .tabs a{padding:6px 15px; font-size:1.063rem}
	.product-line .product-con .tabs ul{padding:7px;}
	.product-line .product-con .tabs ul li{margin:0}
	.product-line .product-con .pro-wrap{height:calc(100vh - 65px); gap:0 40px; justify-content:space-evenly}
	.product-line .product-con .pro-wrap .pro-con{padding:30px; width:50vw}
	.product-line .product-con .pro-wrap .pro-con .table-wrap{width:auto}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dl, .product-line .product-con .pro-wrap .pro-con .table-wrap .half > dl{gap:0 10px}
	.product-line .product-con .pro-wrap .pro-con .table-wrap .half{display:block;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap .half{gap:0 20px}
	.product-line .product-con .pro-wrap .img-con:before{right:0;}
}
@media only screen and (max-width:860px){
	.product-line .product-con .pro-wrap .spec-wrap{padding:25px 25px 15px}
	.product-line .product-con .pro-wrap .pro-con .tit{margin-top:10px; font-size:2.5rem}
	.product-line .product-con .pro-wrap .pro-con{padding:25px;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dl{padding:5px 0}
	.product-line .product-con:after{width:300px; height:300px;}
}
@media only screen and (max-width:768px){
	.product-line .product-con .tabs{top:85px}
	.product-line .product-con .pro-wrap .img-con img{max-width:220px}
	.product-line .product-con .pro-wrap .pro-con .table-wrap{padding:20px 25px;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dt{width:65px}
}
@media only screen and (max-width:650px){
	.product-line .product-con .sections{padding-top:20px;}
	.product-line .product-con:after{display:none;}
	.product-line .product-con .tabs{top:75px}
	.product-line .product-con .tabs a{font-size:.875rem; padding:5px 10px}
	.product-line .product-con .pro-wrap .spec-wrap{margin-top:20px; padding:25px 20px 20px;}
	.product-line .product-con .pro-wrap .img-con{margin-left:-20px}
	.product-line .product-con .pro-wrap .img-con img{max-width:180px;}
	.product-line .product-con .pro-wrap .img-con .back{width:115px; height:115px; bottom:-10px; right:-70px;}
	.product-line .product-con .pro-wrap{flex-flow:column; height:auto; padding-bottom:50px; gap:35px 0}
	.product-line .product-con .pro-wrap > div{margin-top:0}
	.product-line .product-con .pro-wrap .pro-con{padding:0; width:92vw; border-radius:30px;}
	.product-line .product-con .pro-wrap .img-con img{margin-top:0}
	.product-line .product-con .pro-wrap .img-con:before{bottom:-30px; background:linear-gradient(to right, rgba(0,0,0,.01) 10%,rgba(0,0,0,.5))}
	.product-line .product-con .pro-wrap:before{width:300px; height:300px; top:20%; left:50%}
	.product-line .product-con .pro-wrap .pro-con .tit{margin-top:15px;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap{padding:20px 25px; max-height:100%;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dl, .product-line .product-con .pro-wrap .pro-con .table-wrap .half > dl{gap:0 6px;}
	.product-line .product-con .pro-wrap .pro-con .table-wrap dt{width:65px;}
	.product-line .product-con .pro-wrap .pro-con .txt{font-size:1rem}
	.product-line .go-shop{margin-top:15px; padding:12px 25px; font-size:1.063rem;}
	.product-line .go-shop img{max-width:15px;}
}








.gallery-con .top{padding:100px 0; background:#f3f4f5;}
.gallery-con .top .inner a{display:flex; gap:0 70px; }
.gallery-con .top .inner a .img-con{width:600px; height:400px; flex-shrink:0; overflow:hidden}
.gallery-con .top .inner a .img-con img{width:100%; height:100%; object-fit:cover;}
.gallery-con .top .inner a:hover .go-btn{color:var(--secondary-color)}
.gallery-con .top .inner a:hover .tit{color:var(--secondary-color)}
.gallery-con .top .txt-con{display:flex; flex-flow:column; justify-content:space-between;}
.gallery-con .top .go-btn{display:flex; align-items:center; gap:0 8px; font-size:1.25rem}
.gallery-con .top .go-btn img{max-width:14px;}
.gallery-con .txt-con .date{display:flex; gap:0 30px; font-size:1.125rem}
.gallery-con .txt-con .date span{position:relative; }
.gallery-con .txt-con .date span:before{content:''; position:absolute; right:-15px; top:50%; transform:translateY(-50%); width:1px; height:17px; background-color:#bbb;}
.gallery-con .txt-con .date span:first-child{color:var(--secondary-color)}
.gallery-con .txt-con .date span:nth-child(2){color:#666;}
.gallery-con .txt-con .date span:last-child:before{display:none;}
.gallery-con .top .inner .txt-con .tit{margin-top:35px; font-size:2.75rem; font-weight:600}
.gallery-con .top .inner .txt-con .txt{margin-top:15px; font-size:1.25rem; color:#666; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.gallery-con .gal-list{display:grid; margin-top:80px; grid-template-columns:repeat(3,1fr); gap:70px 30px;}
.gallery-con .gal-list li figure{margin:0; height:450px;}
.gallery-con .gal-list li figure img{width:100%; height:100%; object-fit:cover;}
.gallery-con .gal-list li .txt-con{margin-top:20px;}
.gallery-con .gal-list li .txt-con .date{font-size:1rem}
.gallery-con .gal-list li .tit{margin-top:5px; font-size:1.5rem; font-weight:600}
.gallery-con .gal-list li a:hover .tit{color:var(--secondary-color)}


.gallery-con.view{padding:70px; display:flex; gap:0 60px; align-items:start; border:1px solid var(--primary-color); border-radius:20px;}
.gallery-con.view .subj{position:sticky; top:130px; flex:0 0 320px; z-index:1}
.gallery-con.view .tit{font-size:2.625rem; font-weight:600; line-height:1.3}
.gallery-con.view .date{margin-top:15px; font-size:1.188rem; opacity:.9}
.gallery-con.view .date span{display:inline-block; margin-left:5px;}
.gallery-con.view .con{flex-grow:1; max-width:100%; font-size:1.125rem; line-height:1.6; color:#555;}
.gallery-con.view .con img{max-width:100%;}

.gallery-con.view .con figure{margin:5px 0;}


.pagination{margin-top:100px; display:flex; align-items:center; justify-content:center; gap:0 10px;}
.pagination .arrow{position:relative; width:45px; height:45px; cursor:pointer}
.pagination .arrow:hover{background-color:#f3f4f5;}
.pagination .arrow:before{content:''; position:absolute; top:50%; left:50%; margin-left:5px; transform:translate(-50%,-50%) rotate(45deg); width:11px; height:11px; border-left:1px solid var(--primary-color); border-bottom:1px solid var(--primary-color)}
.pagination .arrow.right:before{margin-left:-7px; margin-top:-5px; transform:rotate(-135deg)}
.pagination ul{display:flex; justify-content:center; align-items:center;}
.pagination ul li.active a{background-color:var(--primary-color); color:#fff;}
.pagination ul li a{display:flex; justify-content:center; align-items:center; width:45px; height:45px;}


@media only screen and (max-width:1400px){
	.gallery-con .top .inner a .img-con{width:45%;}
	.gallery-con .gal-list li figure{height:400px;}
	.gallery-con .top .inner .txt-con .tit{font-size:2.5rem}
	.gallery-con .top .inner .txt-con .txt{margin-top:12px; font-size:1.125rem}

	.gallery-con.view{}
	.gallery-con.view .tit{font-size:2.75rem}
	.gallery-con.view .subj{flex:0 0 270px}
	.gallery-con.view .con{font-size:1.063rem}
}
@media only screen and (max-width:1200px){
	.gallery-con.view{gap:0 50px}
	.gallery-con.view .subj{flex:0 0 250px}
	.gallery-con.view .tit{font-size:2.5rem}
	.gallery-con.view .date{font-size:1.063rem}
	.gallery-con.view .con{font-size:1rem}
}
@media only screen and (max-width:1024px){
	.gallery-con .top{padding:80px 0}
	.gallery-con .top .inner a .img-con{height:300px;}
	.gallery-con .gal-list{gap:60px 22px;}
	.gallery-con .gal-list li figure{position:relative; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; overflow:hidden;}
	.gallery-con .gal-list li figure img{ }
	.gallery-con .gal-list li a{display:block;}

	.gallery-con.view{gap:0 40px; padding:50px;}
	.gallery-con.view .subj{flex:0 0 230px}
}
@media only screen and (max-width:860px){
	.gallery-con.view{gap:0 40px; padding:0; border:0}
	.gallery-con.view .subj{flex:0 0 180px}
	.gallery-con.view .tit{font-size:2.25rem}
}
@media only screen and (max-width:768px){
	.pagination{margin-top:80px;}
	.gallery-con .top{padding:50px 0}
	.gallery-con .top .inner a{gap:0 50px}
	.gallery-con .top .inner .txt-con .tit{margin-top:30px; font-size:2.25rem}
	.gallery-con .top .inner .txt-con .txt{margin-top:7px}
	.gallery-con .top .inner a .img-con{height:270px}
	.gallery-con .top .inner a .go-btn{margin-top:15px; font-size:1.125rem}
	.gallery-con .txt-con .date{font-size:1rem; gap:0 25px;}
	.gallery-con .txt-con .date span:before{height:13px; right:-12.5px;}
	.gallery-con .gal-list{grid-template-columns:repeat(2,1fr)}
	.gallery-con .gal-list{margin-top:70px; gap:40px 20px;}
	.gallery-con .gal-list li .tit{margin-top:3px; font-size:1.375rem}

	.gallery-con .top .go-btn img{max-width:12px; opacity:.8}

	.gallery-con.view{flex-flow:column; gap:50px;}
	.gallery-con.view .subj{position:relative; top:0; flex:0; width:200px; padding-bottom:15px; border-bottom:2px solid var(--primary-color)}
	.gallery-con.view .date{margin-top:12px;}
}
@media only screen and (max-width:650px){
	.gallery-con .top .inner a .img-con{width:100%;}
	.gallery-con .top .inner a{flex-flow:column; gap:35px 0}
	.gallery-con .top .inner .txt-con .tit{font-size:1.75rem; margin-top:15px;}
	.gallery-con .top .inner .txt-con .txt{margin-top:5px; font-size:.938rem}
	.gallery-con .top .inner a .go-btn{margin-top:20px; font-size:1.063rem}

	.gallery-con .txt-con .date{gap:0 16px}
	.gallery-con .txt-con .date span:before{height:10px; right:-8px; background-color:#ddd;}

	.gallery-con .gal-list li .txt-con{margin-top:12px;}
	.gallery-con .gal-list li .txt-con .date{font-size:.813rem; gap:0 16px}
	.gallery-con .gal-list li .tit{font-size:1.188rem; margin-top:1px}
	.gallery-con .gal-list{margin-top:50px; gap:40px 13px;}

	.pagination{margin-top:55px;}

	.gallery-con.view .tit{font-size:1.875rem}
	.gallery-con.view .subj{border-width:1px;}
}






.notice-con ul.notice-list{display:grid; grid-template-columns:repeat(3,minmax(200px,1fr)); gap:25px;}
.notice-con ul.notice-list li a{position:relative; display:block; padding:55px 45px; border:1px solid #ddd; border-radius:20px; transition:.3s all}
.notice-con ul.notice-list li a:hover{border:1px solid var(--secondary-color);}
.notice-con ul.notice-list li .badge{display:inline-block; padding:5px 10px 4px; border:1px solid #ddd; border-radius:20px; font-size:.875rem}
.notice-con ul.notice-list li .badge.active{background:var(--primary-color); color:#fff; border-color:var(--primary-color)}
.notice-con ul.notice-list li .tit{width:100%; margin-top:20px; font-size:1.625rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice-con ul.notice-list li .txt{margin-top:8px; height:50px; color:#666; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.063rem}
.notice-con ul.notice-list li .date{margin-top:50px; font-size:.938rem; color:#666; font-weight:300}


.notice-con.gallery-con.view{flex-flow:column; border:none; padding:0}
.notice-con.gallery-con.view .subj{position:relative; top:0; flex:0;}
.notice-con.gallery-con.view .con{width:100%; margin-top:45px; padding-top:35px; min-height:200px; border-top:1px solid var(--primary-color)}


@media only screen and (max-width:1024px){
	.notice-con.gallery-con.view .con{min-height:auto;}
	.notice-con ul.notice-list li a{padding:40px 35px}
	.notice-con ul.notice-list li .txt{height:40px}
	.notice-con ul.notice-list li .date{margin-top:35px;}
	.notice-con ul.notice-list li .badge{padding:4px 10px 3px}
}
@media only screen and (max-width:860px){
	.notice-con ul.notice-list{gap:20px;}
	.notice-con ul.notice-list li a{padding:35px 30px}
	.notice-con ul.notice-list li .tit{font-size:1.5rem}
	.notice-con ul.notice-list li .txt{font-size:1rem; margin-top:5px}
	.notice-con ul.notice-list li .date{margin-top:30px}
}
@media only screen and (max-width:768px){
	.notice-con.gallery-con.view .con{margin-top:0; padding-top:0; border:none}
	.notice-con ul.notice-list li a{padding:30px 27px}
	.notice-con ul.notice-list li .tit{margin-top:17px; font-size:1.375rem}
}
@media only screen and (max-width:650px){
	.notice-con ul.notice-list li a{padding:25px 22px;}
	.notice-con ul.notice-list li .tit{font-size:1.25rem}
	.notice-con ul.notice-list li .txt{margin-top:3px; font-size:.938rem}
	.notice-con ul.notice-list li .date{margin-top:20px; font-size:.875rem}
	.notice-con ul.notice-list{grid-template-columns:repeat(2,minmax(100px,1fr)); gap:12px;}
}



.dim{display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); width:100%; height:100%; z-index:999}
.layer-pop{display:none; position:fixed; padding:40px; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; z-index:9999; border-radius:20px}
.layer-pop .close{position:absolute; display:inline-block; top:17px; right:20px; width:30px; height:30px; cursor:pointer;}
.layer-pop .close:before,.layer-pop .close:after{content:''; position:absolute; left:5px; top:15px; width:22px; height:2px; transform:rotate(45deg); border-radius:100px; background-color:#333;}
.layer-pop .close:after{content:''; transform:rotate(-45deg);}
.layer-pop .btn-basic{margin-top:15px; padding:12px 50px; font-size:1rem}
.lock-pop{width:500px; text-align:center;}
.lock-pop img{max-width:70px;}
.lock-pop .tit{margin-top:15px; font-size:1.375rem; font-weight:500}
.lock-pop .txt{margin-top:3px;}
.lock-pop input{margin-top:15px; font-size:1.25rem; text-align:center; width:80%;}

.qna-con.list-wrap{text-align:right;}
.qna-con .write-btn{margin-bottom:20px; padding:12px 25px; background-color:var(--primary-color); color:#fff;}
.qna-con .list{padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:0 20px; border-top:1px solid #ddd;}
.qna-con .list.first{border-top:2px solid var(--primary-color)}
.qna-con .list:last-child{border-bottom:1px solid #ddd;}
.qna-con .list.answer{border-style:dotted; background-color:#f4f8fb}
.qna-con .list.answer:hover{background-color:#f1f7fb;}
.qna-con .list:hover{background-color:#f3f4f5;}
.qna-con .list:first-child{border-top:2px solid #333;}
.qna-con .list .user-con{flex-grow:1; display:flex; justify-content:space-between; align-items:center; gap:0 20px}
.qna-con .list .user-con .subj{display:flex; align-items:center; gap:0 30px; font-size:1.125rem; text-align:left;}
.qna-con .list .user-con .subj img{max-width:13px; margin-right:5px; }
.qna-con .list .user-con .subj .num{display:inline-block; flex-shrink:0; width:80px; text-align:center; font-size:.938rem}
.qna-con .list .user-con .info{color:#666;}
.qna-con .list .info{display:flex; align-items:center; gap:0 15px; flex:0 0 auto; font-size:.938rem; font-weight:300}
.qna-con .list .status{padding:6px 7px; background-color:rgba(191,208,220,.4); font-size:.875rem; border-radius:3px; var(--secondary-color); opacity:.9}
.qna-con .list .status.wait{background-color:var(--secondary-color); color:#fff;}
.qna-con .list .badge{margin-left:20px; padding:2px 6px 1px; display:inline-block; border:1px solid var(--secondary-color); font-size:.875rem}
.qna-con .list .user-con .subj:has(.badge){display:flex; align-items:center; gap:0 10px}


.notice-con.gallery-con.qna-con.view .con{min-height:auto; padding:35px 0;}
.notice-con.gallery-con.qna-con.view .answer-con{display:block; width:100%; padding:50px; background:#f3f4f5;}
.notice-con.gallery-con.qna-con.view .answer-con .date{font-size:.875rem; color:#999;}
.notice-con.gallery-con.qna-con.view .date :where(.modify,.delete){padding:4px 10px; font-size:.875rem; border:1px solid #ddd;}
.notice-con.gallery-con.qna-con.view .date .modify{margin-left:20px; cursor:pointer}



.qna-con.write table{width:100%; border-top:2px solid var(--primary-color)}
.qna-con.write :where(th,td){padding:10px; border-bottom:1px solid #eee;}
.qna-con.write th{font-size:1.063rem; font-weight:500}
.qna-con.write .notice{padding:10px 0 15px; color:var(--secondary-color); font-size:1.125rem}
.qna-con.write input{width:100%}
.qna-con.write input.half{width:50%}
.qna-con.write textarea{min-height:300px;}
.qna-con.write .required{position:relative; display:inline-block}
.qna-con.write .required:after{content:''; position:absolute; top:2px; right:-7px; width:4px; height:4px; border-radius:100px; background-color:#f37272;}




@media only screen and (max-width:1200px){
	.qna-con .list{padding:20px 0}
	.qna-con .list .user-con .subj{font-size:1rem}
}
@media only screen and (max-width:1024px){
	.qna-con .list{padding:15px 0;}
	.qna-con .list .user-con .subj{gap:0 15px}
	.qna-con .list .badge{margin-left:5px;}
	
	.notice-con.gallery-con.qna-con.view .con{margin-top:35px;}
}
@media only screen and (max-width:1024px){
	.qna-con .list .user-con .subj{gap:0}
}
@media only screen and (max-width:768px){
	.notice-con.gallery-con.qna-con.view{gap:0}
	.notice-con.gallery-con.qna-con.view .subj{width:100%; padding-bottom:25px}
	.notice-con.gallery-con.qna-con.view .con{margin-top:0}
	.notice-con.gallery-con.qna-con.view .answer-con{padding:35px}

	.qna-con.write input.half{width:100%}
}
@media only screen and (max-width:650px){
	.layer-pop{padding:35px;}
	.lock-pop{width:92%;}
	.qna-con .list .user-con{flex-flow:column; justify-content:start; align-items:start;}
	.qna-con .list .user-con .subj{font-size:1.063rem; word-break:break-all; line-height:1.45}
	.qna-con .list .user-con .subj .num{display:none;}
	.qna-con .list .user-con .date{margin-left:10px}
	.qna-con .list .user-con .info{margin-top:2px; font-size:.813rem; gap:0 5px}
	.qna-con .list .status{padding:9px 10px;}

	.notice-con.gallery-con.qna-con.view .date{font-size:.938rem}
	.notice-con.gallery-con.qna-con.view .date .modify{margin-left:10px;}

	.notice-con.gallery-con.qna-con.view .subj{padding-bottom:20px}
	.qna-con.write textarea{min-height:200px;}
}







.fix-banner{position:fixed; bottom:30px; right:20px; color:#fff; z-index:9; border-radius:100px;}
.fix-banner ul{display:flex; align-items:center; justify-content:center; flex-flow:column; padding:10px 0; gap:8px 0}
/*.fix-banner ul li:first-child{padding:13px 0; text-align:center; font-size:1.125rem; color:var(--blue-color); background-color:var(--secondary-color)}
.fix-banner ul li:first-child span{display:block; margin:-2px 0 0 0; font-size:.688rem; }*/
.fix-banner ul li a{display:flex; align-items:center; justify-content:center; flex-flow:column; gap:3px 0; padding:15px 10px; text-align:center; width:90px; height:90px; background:var(--primary-color); border-radius:100px;}
.fix-banner ul li a:hover img{opacity:1}
.fix-banner ul li p{padding-top:3px; font-size:.813rem}
.fix-banner ul li img{max-width:42%; opacity:.7}

@media only screen and (max-width:1024px){
	.fix-banner ul li a{width:70px; height:70px;}
}
@media only screen and (max-width:768px){
	.fix-banner{bottom:100px; right:5px;}
	.fix-banner ul{padding:10px 0; gap:5px 0}
	.fix-banner ul li a{padding:10px 0; width:65px; height:65px;gap:3px 0;}
	.fix-banner ul li:first-child img{max-width:34%}
	.fix-banner ul li img{max-width:31%;}
	.fix-banner ul li p{padding-top:1px; font-size:.688rem}
}