@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 아이파킹 앱 페이지 CSS
 * date : 2026-04-28
******************************************************** */

/* app 풀페이지 추가 2024-05-07 */
.area-full{max-width:1360px; margin:0px auto;}

/* full header */
#header.full-header{top:3rem;}
#header.full-header:before{display: none;}
#header.full-header .logo svg *{fill:#fff; transition:var(--transition-custom);}

#header.full-header .logo{position: relative;}
#header.full-header .logo img{position: absolute; left:0; top:0; transition:var(--transition-custom); transform: translateY(-50%);}
#header.full-header .logo img.color{opacity:0;}
#header.full-header .logo img.white{opacity:1;}

#header.full-header.active .logo img.color{opacity:1;}
#header.full-header.active .logo img.white{opacity:0;}

/* full header ::active */
#header.full-header.active .logo svg *{fill:var(--main-color);}

#header.full-header .header-util-box{padding-right:0;}
.header-down-btn-list{position: relative; opacity:0; transition:var(--transition-custom); pointer-events: none;}
.header-down-btn-list .header-down-btn,
.header-down-link{display: flex; align-items:center; justify-content:center; width:16rem; height:5rem; background:#282828; border-radius:5rem; color:#fff; font-size:2rem; letter-spacing:-0.025em; font-weight:600;}
.header-down-btn-list .header-down-btn i,
.header-down-link i{font-size:2.4rem; margin-right:0.5rem; margin-top:0.3rem;}
.header-down-link{background:#fff; border:1px solid #d3d3d4; color:#333;}
.header-down-btn-list .header-down-list{position: absolute; top:calc(100% + 2.5rem); left:50%; transform:translateX(-50%); border-radius:0.9rem; display: none; overflow:hidden;}
.header-down-btn-list .header-down-list .list-item{position: relative; background:#282828; }
.header-down-btn-list .header-down-list .list-item:before{position: absolute; content:''; width:calc(100% - 2rem); height:1px; bottom:0; left:1rem; background:#fff;}
.header-down-btn-list .header-down-list .list-item:last-child:before{display: none;}
.header-down-btn-list .header-down-list .list-item a{display: flex; align-items:center; justify-content:center; width:14rem; height:4.7rem;}
.header-down-btn-list .header-down-list .list-item a span{font-size:1.8rem; letter-spacing:-0.025em; color:#fff; font-weight:500; margin-left:0.5rem;}

.active .header-down-btn-list{opacity:1; pointer-events: auto;}

.full-content{position: relative; display: flex; justify-content:space-between; align-items:center; height:100%;}
.full-content .left-box{width:50%;}
.full-content .right-box{width:50%;}

.cm-full-tit-box{}
.cm-full-tit-box .full-tit{position: relative; font-size:9.2rem; line-height:1.13; letter-spacing:-0.025em; color:#333; font-weight:300; margin-bottom:4rem; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.cm-full-tit-box .full-tit > span{font-weight:700; color:#ea443c;}
.cm-full-tit-box .full-txt{font-size:3.2rem; line-height:1.3125; letter-spacing:-0.025em; color:#333; font-weight:300; margin-bottom:4.5rem; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.cm-full-tit-box .full-txt b{font-weight:600;}
.cm-full-tit-box .full-txt:last-child{margin-bottom:0;}

.cm-full-tit-box .full-tit .date-txt{position: absolute; font-size:1.8rem; left:0; top:0; transform:translateY(-100%); letter-spacing:-0.05em;}

.full-scroll-JS{cursor: pointer;}
.full-scroll-icon{position: absolute; bottom:5rem; left:50%;  transition:var(--transition-custom2); transform:translate(-50%, 50px); opacity:0;}
.full-scroll-icon .icon{position: relative; width:20px; height:33px; border:2px solid #333; border-radius:2rem; box-sizing:border-box; margin:0 auto 0.5rem;}
.full-scroll-icon .icon span{position: absolute; width:4px; height:4px; border-radius:50%; background:#333; top:4px; left:50%; transform:translateX(-50%); animation: scroll-move 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; opacity:0;}
.full-scroll-icon .txt{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:300; margin-bottom:1rem;}
.full-scroll-icon .arrow{position: relative; display: flex; align-items:center; justify-content:center; flex-direction:column;}
.full-scroll-icon .arrow i{font-size:1.5rem; color:#333; line-height:0.5;}
.full-scroll-icon .arrow i:last-child{opacity:0.5}

.full-scroll-icon .down-btn-m{display: none;}

@keyframes scroll-move {
	0% {
		opacity:0;
		top:4px;
	}
	20%{
		opacity:1;
		top:4px;
	}
	80%{
		opacity:1;
		top:20px;
	}
	100% {
		opacity:0;
		top:20px;
	}
}

.full-content .img-box{position: relative; text-align:center; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.full-content .img-box img{max-width:100%;}

/* animated */
.animated .cm-full-tit-box .full-tit{transition-delay:0s; transform:translateY(0px); opacity:1;}
.animated .cm-full-tit-box .full-txt{transition-delay:0.2s; transform:translateY(0px); opacity:1;}
.animated .full-content .img-box{transition-delay:0.4s; transform:translateY(0px); opacity:1;}
.animated .download-btn-wrap{transition-delay:0.4s; transform:translateY(0px); opacity:1;}
.animated .full-scroll-icon{transition-delay:0.6s; transform:translate(-50%, 0px); opacity:1;}


#fullContent1{background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/app_visual_bg.jpg')}
#fullContent1 .cm-full-tit-box .full-tit{font-weight:700; color:#fff;}
#fullContent1 .cm-full-tit-box .full-tit span{color:#ee2e24;}
#fullContent1 .cm-full-tit-box .full-txt{color:#fff;}
#fullContent1 .cm-full-tit-box .full-txt.txt-logo{display: flex; align-items:center;}
#fullContent1 .cm-full-tit-box .full-txt b{display: inline-flex; align-items:center; color:#ee2e24; margin-left:1rem;}
#fullContent1 .cm-full-tit-box .full-txt b img{margin-right:0.5rem; height:3.5rem;}
.download-btn-wrap{display: flex; align-items:Center; margin-top:3.3rem; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.download-btn-wrap a{display: flex; align-items:center; justify-content:center; width:21.8rem; height:5.8rem; background:#fff; border-radius:5.8rem; margin-right:1.5rem;}
.download-btn-wrap a img{margin-right:0.7rem;}
.download-btn-wrap a span{font-size:2.08rem; letter-spacing:-0.025em; color:#666; font-weight:300;}

/* #fullContent1 .full-scroll-icon .icon{border-color:#f5f5f5;}
#fullContent1 .full-scroll-icon .icon span{background:#f5f5f5;}
#fullContent1 .full-scroll-icon .txt{color:#fff;}
#fullContent1 .full-scroll-icon .arrow i{color:#fff;} */

#fullContent1 .full-content .right-box{height:100%;}
#fullContent1 .full-content .img-box{position: relative; display: flex; justify-content: center; align-items: flex-end; height: 100%;}
#fullContent1 .full-content .img-box .qr{position: absolute; bottom:7%; right:5%; filter: drop-shadow(8px 8px 10px rgba(1, 1, 1, 0.15)); max-width: 20rem;}

#fullContent2,#fullContent4,#fullContent6{background:#f5f5f5}


/* app 풀페이지 추가 2024-05-07 */
@media all and (max-width:1440px){
	#fp-nav.sub_full{left:10px;}
}
@media all and (max-width:1420px){
	.area-full{max-width:none; padding:0 var(--area-padding);}
}
@media all and (max-width:1280px){
	.cm-full-tit-box .full-tit{font-size:4.9rem;}
	.cm-full-tit-box .full-txt{font-size:1.7rem;}
	.download-btn-wrap{display: none;}

	.full-content{padding-top:15rem; padding-bottom:15rem;}

	#fullContent1 .full-content{padding-top:0; padding-bottom:0;}
	#fullContent1 .full-content .img-box{padding:15rem 10rem 0;}
	#fullContent1 .full-scroll-icon .icon{border-color:#333;}
	#fullContent1 .full-scroll-icon .icon span{background:#333;}
	#fullContent1 .full-scroll-icon .txt{color:#333;}
	#fullContent1 .full-scroll-icon .arrow i{color:#333;}

	
	.full-scroll-icon{bottom:1rem;}
	.full-scroll-icon .icon{width:12px; height:20px; border:1px solid #333; margin:0 auto 5px;}
	.full-scroll-icon .icon span{width:2px; height:2px; border-radius:50%; background:#333; top:3px; animation: scroll-move-m 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
	.full-scroll-icon .txt{font-size:14px; margin-bottom:5px; text-align:center;}
	.full-scroll-icon .arrow i{font-size:12px;}
	@keyframes scroll-move-m {
		0% {
			opacity:0;
			top:3px;
		}
		20%{
			opacity:1;
			top:3px;
		}
		80%{
			opacity:1;
			top:13px;
		}
		100% {
			opacity:0;
			top:13px;
		}
	}
}
@media all and (max-width:800px){
	#header.full-header{top:0rem;}
	#header.full-header .logo img{height:30px;}
	.header-down-btn-list{display: none;}
	
	.cm-full-tit-box .full-tit{margin-bottom:1.7rem;}
	.cm-full-tit-box .full-txt{margin-bottom:0;}
	.full-scroll-icon .down-btn-m{display: flex; align-items:center; justify-content:center; width:20rem; height:6rem; background:#282828; border-radius:5rem; color:#fff; font-size:2.5rem; letter-spacing:-0.025em; font-weight:600; margin-bottom:2rem;}
	.full-scroll-icon .down-btn-m i{margin-left:1rem;}

	.full-content{display: block; padding-top:10.5rem !important; padding-bottom:20rem; box-sizing:border-box;}
	.full-content .left-box{width:100%;}
	.full-content .right-box{width:100%; margin-top:0rem;}
	.full-content .img-box{padding:4rem 3rem 0; height: calc(var(--vh, 1vh) * 30);}
	.full-content .img-box img{max-height:100%;}


	#fullContent1 .full-content{display:flex; flex-direction: column; justify-content: space-between;}
	#fullContent1 .cm-full-tit-box .full-txt:last-child{display: none;}
	#fullContent1 .full-content .right-box{height:auto;}
	#fullContent1 .full-content .img-box{padding:4rem 5rem 0; max-height:380px; overflow:hidden; align-items: flex-start;}
	#fullContent1 .full-content .img-box .qr{display: none;}


	#fullpage.app-page .section:not(#mainFooter){height: calc(var(--vh, 1vh) * 100) !important;}

	#fp-nav{display: none !important;}


	.full-scroll-JS{display: none;}
	.full-scroll-JS-M{display: block;}
	.full-scroll-icon.full-scroll-JS-M{opacity:1; transform:translateX(-50%);}

	.full-scroll-JS-M.footer{opacity:0; pointer-events:none;}
}

@media all and (max-height:700px){
	.full-scroll-JS-M{position: fixed;}
	.full-content{padding-bottom:10rem;}
	.full-content .img-box{height: 30rem;}
}




/* ============================================ */
/* ******************** 
* 파킹앱 페이지 리뉴얼 2024-11-26 MJ
******************** */
#header.top-fixed.app-header{background:#fff; transform:none !important;}
.app-header:before{display: none;}
.app-header .header-util-box{display: flex;}
.app-header .header-util-box .header-down-link{margin-right:2rem;}
.app-header .header-down-btn-list .header-down-btn,.app-header .header-down-link{width:20rem;}
.app-header .header-down-btn-list .header-down-btn img,
.app-header .header-down-link img{margin-left:1.2rem;}
.app-header .header-down-link i{margin-top:0; margin-left:0.7rem; margin-right:0;}

.app-header .header-down-btn-list { opacity: 1; pointer-events: auto; }

.app-header .header-down-btn-list .header-down-list{background:#272727; border-radius:2rem; padding:1.6rem 1rem; box-sizing:border-box;}
.app-header .header-down-btn-list .header-down-list .list-item:before{display: none;}
.app-header .header-down-btn-list .header-down-list .list-item a{width:18rem; justify-content: flex-start; padding:1rem; box-sizing:border-box; border-radius:1.2rem; height:4.2rem; transition:var(--transition-custom);}
.app-header .header-down-btn-list .header-down-list .list-item a:hover{background:#606060;}
.app-header .header-down-btn-list .header-down-list .list-item a i{margin-right:0.7rem;}

#gnb.app-gnb{width:auto; left:calc(50% - 2rem); transform:translateX(-50%);}
#gnb.app-gnb > ul{margin-left:0;}
#gnb.app-gnb > ul > li{width:auto;}
#gnb.app-gnb > ul > li > a{padding:0 5rem; font-size:2.2rem; letter-spacing:-0.025em; color:#333; font-weight:700;}

#gnb.app-gnb.each-menu > ul > li .gnb-2dep:before{background:#fff; border:1px solid #ddd;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul{padding:1.7rem 1rem; box-sizing:border-box;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul li{text-align:left; padding:0;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul li a{font-size:1.8rem; letter-spacing:-0.025em; color:#333; padding:1rem 1.4rem; border-radius:1.2rem; box-sizing:border-box; transition:var(--transition-custom); text-align:left;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul li a:hover{background:#e4efff; font-weight:700;}


/* 앱 서브페이지 헤더 */
#wrap:not(.app-main) .app-header #headerInner.area-full{max-width:1240px;}
#wrap:not(.app-main) .app-header #gnb.app-gnb{left: calc(50% - 6rem);}

/* 앱 서브페이지 푸터 */
#appFooter{background:#000; padding-top:8rem; padding-bottom:4rem;}
#appFooter2{background:#000; padding-top:4rem; padding-bottom:0rem;}

@media all and (max-width:1280px){
	#header.app-header .logo{width: 50%; max-width: 294px;}
	#header.app-header .logo img{width:100%;}
	.app-header .header-util-box{display: none;}
	.app-header .nav-open-btn{top:20px;}
	.app-header .nav-open-btn .line{width:21px; border-radius:2px; height:2px;}
	.app-header .nav-open-btn .line:nth-child(1){width:15px; margin-right:0;}

	.app-header .nav-open-btn:before{position: absolute; content:''; width:30px; height:30px; border-radius:50%; background:#3a3a3a; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:var(--transition-custom);}
	.app-header .nav-open-btn.active{top:20px;}
	.app-header .nav-open-btn.active:before{opacity:1;}
	#header.app-header .nav-open-btn.active .line{width:16px; background: #fff !important;}
	.app-header .nav-open-btn.active .line:nth-child(1){ transform: translateY(7px) rotate(45deg); }
	.app-header .nav-open-btn.active .line:nth-child(2){ transform: translateY(0px) rotate(-45deg); }
	.app-header .nav-open-btn.active .line:nth-child(3){opacity:0;}

	.app-header #gnbM{background:#222;}
	.app-header .gnb-m-logo{padding:0 var(--area-padding); box-sizing:border-box; display: flex; align-items:center; height:10rem;}
	.app-header .gnb-m-logo img{width: 50%; max-width: 170.5px;}
	.app-header .gnb-style-full #navigation{vertical-align:top;}
	.app-header .gnb-style-full .gnb-navigation-inner{height:calc(100% - 10rem);}

	.app-header #navigation > li{padding:0 var(--area-padding); box-sizing:border-box;}
	.app-header #navigation > li > a{font-size:2rem; line-height:1.1; letter-spacing:-0.025em; color:#fff; font-weight:700; text-align: left; padding:2.5rem 0; box-sizing:border-box; border-bottom:1px solid #444;}
	.app-header #navigation > li.active > a{color:#fff;}
	.app-header #navigation > li.has-2dep > a:before{content:'\e942'; font-weight: 400; right:0;}
	.app-header #navigation > li.has-2dep.active > a:before{content:'\e945';}
	.app-header #navigation > li .gnb-2dep{background:transparent;}
	.app-header #navigation > li .gnb-2dep > ul > li >a{font-size: 1.7rem; text-align: left; color: rgba(255, 255, 255, 0.7); padding: 1rem 0; font-weight:300;}
}
@media all and (max-width:1280px){
	#header.app-header .logo{width: 45%;}
}


/* ******************** 
* 파킹앱 서브페이지 2024-11-26 MJ
******************** */
.app-page{margin:20rem 0 0;}

.app-tit-con .app-tit{font-size:4.2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700; border-bottom:1px solid #bbb; margin-bottom:1.3rem; padding-bottom:1.5rem;}
.app-tit-con .app-txt{font-size:2.2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:500;}

.app-list-wrap{margin-bottom:15rem;}
.app-list-item{display: flex; align-items:center; padding:7rem 0;}
.app-list-item .img-box{width:43.79%;}
.app-list-item .img-box .phone-img{position: relative; display: block; width:29.6rem; height:63.2rem; margin:auto;}
.app-list-item .img-box .phone-img.big-img{width:41.7rem;}
.app-list-item .img-box .phone-img:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:33.2rem; height:66.4rem; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/app_phone_cover.png'); filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.1));}
.app-list-item .img-box .phone-img img{position: relative; width:100%;}

.app-list-item .txt-box{width:56.21%;}
.app-list-item .txt-box .num-box{display: flex; align-items:center; margin-bottom:2rem;}
.app-list-item .txt-box .num-box .num{width:5.4rem; height:5.4rem; line-height:5.4rem; background:#222; border-radius:0.8rem; text-align:center; color:#fff; font-size:2.6rem; letter-spacing:-0.025em; font-weight:700;}
.app-list-item .txt-box .num-box .tit{font-size:3rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700; margin-left:1rem;}
.app-list-item .txt-box .txt{font-size:2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:500; white-space:nowrap;}
.app-list-item .txt-box .plus-box{margin-top:3rem;}
.app-list-item .txt-box .plus-box span{display: block; margin-bottom:2.5rem}
.app-con-btn{display: flex; align-items:center; justify-content:center; width:28rem; height:8rem; border-radius:2rem; background:#cf2129; font-size:2.2rem; letter-spacing:-0.025em; color:#fff; font-weight:700;}


.app-list-item.left-item{display: flex; align-items:center;}

.app-list-item.right-item{flex-direction:row-reverse;}
.app-list-item.right-item .txt-box{max-width:355px;}

.app-page-plus{margin-bottom:10rem;}
.parking-plus-box{position: relative; display: flex;}
.parking-plus-box .plus-item{width:50%; text-align:center;}
.parking-plus-box .plus-item .tit-box{margin-bottom:4.5rem;}
.parking-plus-box .plus-item .tit{display: inline-block; position: relative; font-size:3rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700; padding-left:3.6rem;}
.parking-plus-box .plus-item .tit:before{position: absolute; content:''; width:2.4rem; height:2.4rem; background:#222; border-radius:0.8rem; top:1.2rem; left:0;}
.parking-plus-box .plus-item .inner-box{position: relative;}
.parking-plus-box .plus-item .inner-box:before{position: absolute; content:''; width:1px; height:100%; background:#bbb; top:0; right:0;}
.parking-plus-box .plus-item:last-child .inner-box:before{display: none;}
.parking-plus-box .plus-item .inner-box .txt{font-size:2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700;}
.parking-plus-box .plus-item .inner-box .img-box{text-align:center; margin-top:4rem;}
.parking-plus-box .plus-item .inner-box .img-box img{max-width:100%; margin:auto;}

.app-page .footer-quick-wrapper,
.app-page + .footer-quick-wrapper{display: none;}

@media all and (max-width:800px){
	.app-page{margin:15rem 0 0;}
	.app-tit-con .app-tit{font-size:2.7rem;}
	.app-tit-con .app-txt{font-size:1.7rem;}
	.app-list-wrap{margin-bottom:6rem;}
	.app-list-item{flex-direction: column-reverse !important; padding:4rem 0 8rem;}
	.app-list-item .img-box{width:100%; margin-top:7rem;}
	.app-list-item .img-box .phone-img{width:22.2rem !important; height:47.4rem;}
	.app-list-item .img-box .phone-img:before{width:24.9rem; height:49.8rem;}
	.app-list-item .img-box .phone-img.big-img{width:31.275rem;}
	.app-list-item .img-box .phone-img img{left:-2px;}
	.app-list-item .txt-box{width:100%; max-width:none !important;}
	.app-list-item .txt-box .num-box{display: flex; align-items:center; margin-bottom:1rem;}
	.app-list-item .txt-box .num-box .num{width:3.7rem; height:3.7rem; line-height:3.7rem; border-radius:0.4rem; font-size:1.8rem;}
	.app-list-item .txt-box .num-box .tit{font-size:2.3rem; margin-left:0.5rem;}
	.app-list-item .txt-box .txt{font-size:1.7rem; white-space:normal;}
	.app-list-item .txt-box .plus-box{margin-top:2rem;}
	.app-list-item .txt-box .plus-box span{margin:0 auto 1.5rem; max-width:24rem;}
	.app-list-item .txt-box .plus-box span img{max-width:100%;}
	.app-list-item .txt-box .plus-box .app-con-btn{margin:auto;}
	.app-con-btn{width:18rem; height:5.6rem; border-radius:1rem; font-size:1.54rem;}
	
	
	.parking-plus-box{display: block;}
	.parking-plus-box .plus-item{width:100%; margin-bottom:5rem;}
	.parking-plus-box .plus-item:last-child{margin-bottom:0;}
	.parking-plus-box .plus-item .tit-box{margin-bottom:1.5rem;}
	.parking-plus-box .plus-item .tit{font-size:2.1rem; padding-left:2rem;}
	.parking-plus-box .plus-item .tit:before{width:1.2rem; height:1.2rem; border-radius:0.4rem; top:0.9rem;}
	.parking-plus-box .plus-item .inner-box:before{display: none;}
	.parking-plus-box .plus-item .inner-box .txt{font-size:1.5rem;}
	.parking-plus-box .plus-item .inner-box .img-box{margin-top:2rem;}
	.parking-plus-box .plus-item .inner-box .img-box img{width: 100%; max-width: 25rem;}
}


/***** news *****/
.news-page .bbs-basic-gallery-con12-list-con {margin: 0 -0.75%;}
.news-page .bbs-basic-gallery-con12-list-con li {width: 31.782%; margin: 0 0.7725% 3%;}
.news-page .bbs-basic-gallery-con12-list-con li > a {border-radius: 20px; overflow: hidden; border: none; background-color: #f5f5f5; transition: all 0.5s;}
.news-page .bbs-basic-gallery-con12-list-con li > a::before {display: none;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box {padding: 5rem 5rem 0 5rem; text-align: left; box-sizing: border-box; height: 24rem;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-content-box {position: relative; padding: 0 5rem; height: 24rem;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-content-box .inner {transition: all 0.5s;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-content-box .content-txt {font-size: 1.6rem; line-height: 1.8em; letter-spacing: -0.32px; color: rgba(70, 70, 70, 0.8); white-space: normal; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .news-category {display: flex; align-items: center; justify-content: center; width: 7rem; height: 2rem; background-color: #222; color: #fff; font-size: 1.4rem; line-height: 2em; letter-spacing: -0.28px; border-radius: 50px; margin-bottom: 1rem; transition: all 0.5s;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover {box-shadow: 10px 10px 40px #1C00000D;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-info-box .news-category {background-color: #f04137;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover {background-color: #fff;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-content-box .inner {filter: blur(5px);}


/***** 온라인 문의 *****/
.inquiry-page .cm-btn-controls button {border-color: #f04137;}

/*** 타이틀 텍스트 ***/
.inquiry-txt-box {margin-bottom: 4rem;}
.inquiry-txt-box .inquiry-tit {display: flex; align-items:center; font-size: 2rem; font-weight: 700; line-height: 1.2em; color: #EE3F3B; padding-bottom: 2rem;}
.inquiry-txt-box .inquiry-tit span{margin-right:1rem;}
.inquiry-txt-box .inquiry-tit .inquiry-plus-txt{display: inline-block; padding:2px 0.7rem; font-size:1.6rem; color:#fff; font-weight:700; background:#222; border-radius:5px;}
.inquiry-txt-box .inquiry-tit .tit{margin-right:1rem;}
.inquiry-txt-box .inquiry-txt {font-size: 4rem; font-weight: 700; line-height: 1.4em; letter-spacing: -0; color: #111; padding-bottom: 0.7rem;}
.inquiry-txt-box .inquiry-txt span {color: #EE3F3B; white-space: nowrap;}
.inquiry-txt-box .inquiry-subtxt {font-size: 1.8rem; font-weight: 500; line-height: 1.4em; letter-spacing: -0.36px; color: #999;}

.inquiry-page .bbs-inquiry-style07{margin-top:6rem;}
.inquiry-page .bbs-inquiry-style07 .board-custom-select-box .custom-select-trigger {color: #222;}
.inquiry-page .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.select-box.show::before {content: "\e945";}
.inquiry-page .custom-select.opened .custom-select-trigger:after {display: none;}

.inquiry-tel-list{display: flex; align-items:center;}
.inquiry-tel-list .tel-box{display: flex; align-items:center; justify-content:center; min-width:36rem; height:6rem; border-radius:3rem; border:1px solid #000; box-sizing:border-box; font-size:1.6rem; font-weight:700; color:#000; padding:0.5rem 1rem; box-sizing:border-box; margin-right:1.5rem;}
.inquiry-tel-list .tel-box i{font-size:1.125em; margin-right:0.5rem;}
.inquiry-tel-list .tel-box:first-child{background:#000; color:#fff;}

@media all and (max-width:800px){
	.inquiry-txt-box .inquiry-tit{flex-wrap:wrap;}
	.inquiry-txt-box .inquiry-tit .tit{width:100%;}
	.inquiry-txt-box .inquiry-tit .inquiry-plus-txt{margin-bottom:4px;}
	
	.inquiry-tel-list{display: block;}
	.inquiry-tel-list .tel-box{width:100%; min-width:auto; height:5rem; margin-bottom:1rem;}
}
@media all and (max-width: 480px) {
	/*** 타이틀 텍스트 ***/
	.inquiry-txt-box .inquiry-tit{flex-wrap:wrap;}
	.inquiry-txt-box .inquiry-tit .tit{width:100%; margin-bottom:0.5rem;}
}

/* Footer :: TOP버튼 */
.to-top-btn{
	position: fixed; bottom: -6rem;  right: 9rem; transition: var(--transition-custom);
	width:6rem; height:6rem; 
	display: flex; align-items: center; justify-content: center;
	font-size: 2.4rem; color:#222; border-radius: 50%; background: rgba(255,255,255,0.9); box-shadow:3px 4px 5px 0px rgba(0, 0, 0, 0.2);
}
.to-top-btn.bottom-fixed{bottom:7rem;}

.to-top-btn.to-top-btn-full.active{bottom:5rem;}