@charset "utf-8";
/**************************************************

	Global.css

**************************************************/
/**************************************************
	Public
**************************************************/
#wrap{overflow: hidden;}
#wrap .csr{visibility: hidden;}
#wrap img{max-width:100%;height: auto;}
/* #wrap .motion{position: relative;top:-50px;opacity: 0;} */
#wrap .appear2{position: absolute;top:200px;right:0;width: 100%;height: 1px;z-index:9999;}
#wrap .rel{position: relative;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 15px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 15px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/* Etc */
.selectbox{height: 40px;border: 1px solid #ccc;position: relative;display: inline-block;vertical-align: top;min-width: 170px;overflow: hidden;}
.selectbox:after{content: '\f107';font-family: axicon;display: block;position: absolute;top: 50%;right: 10px;margin-top: -7px;font-size: 14px;}
.selectbox select{height: 38px;background: transparent;width: 130%;border: none;letter-spacing: -1px;padding-left: 10px;}

.custlab{position: relative;font-size: 14px;color: #333;letter-spacing: -1px;padding-left: 25px;line-height: 25px;text-align: left !important;display: inline-block;margin: 3px;}
.custlab:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;box-sizing: border-box;border: 2px solid #ddd;border-radius: 50%;}
.custlab input{display: none;}
.custlab.on{color: #000;}
.custlab.on:before{border-color: #333;}
.custlab.on:after{content: '';display: block;position: absolute;left: 5px;top: 50%;margin-top: -5px;width: 10px;height: 10px;background: #333;border-radius: 50%;}

/**************************
	Shop Default Style
**************************/
#sb-footer{position: relative;margin-top: 30px;min-height: 35px;}
#sb-footer .left{position: absolute;top: 0;left: 0;text-align: left;width: 50%;z-index: 2;}
#sb-footer .center{text-align: center;}
#sb-footer .right{text-align: right;}

.sb-btnWrap{margin-top: 20px;}
.sb-btn{display: inline-block;vertical-align: top;box-sizing: border-box;text-align: center !important;}
.sb-btn.type1{background: #222;border: none;height: 40px;line-height: 38px;padding: 0 20px;min-width: 80px;font-size: 14px;letter-spacing: -1px;color: #fff;border: 1px solid #ccc;text-decoration: none;}
.sb-btn.type1.small{height: 30px;line-height: 28px;padding: 0 10px;font-size: 13px;min-width: auto;}
.sb-btn.type2{background: #222;border: none;height: 40px;line-height: 38px;padding: 0 20px;min-width: 80px;font-size: 14px;letter-spacing: -1px;color: #fff;border: 1px solid #222;text-decoration: none;}
.sb-btn.type2.small{height: 30px;line-height: 28px;padding: 0 10px;font-size: 13px;min-width: auto;}
.sb-btn.type2:hover{background: #fff;color: #222;}
.sb-btn.w100p{width: 100%;}

.sb-no-data{display: block;background: #f7f7f7;padding: 40px 10px;text-align: center;font-size: 14px;letter-spacing: -1px;color: #999;}







/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#wrap{padding-left: 260px;}
#wrap:after{display: block;content: '';width: 1px;height: 100%;position: fixed;top:0;left:260px;background: #eee;}

#header{position: fixed;top:0;left:0;width: 260px;background: #fff;z-index:200;}
@media all and (min-width: 1200px){
	#header .customScroll{height: 100vh;overflow-y: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}
#header .inner{padding: 0 10px 30px;}
#header .logo{display: block; padding: 50px 0; text-align: center; }
#header .logo a {
	display: inline-block;
	/* width:100%;
	height: 100%;
	background: url('../images/layout/logo.svg') no-repeat center; */
}

#header .logo img{max-width:100%; width:184px; height:48px;}
#header .sns-ico{position: absolute;top:0;right:0;height: 100%;font-size: 0;padding-left: 100px;}
#header .sns-ico:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#header .sns-ico li{display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: 10px;}
#header .sns-ico li:first-child{margin-left: 0;}


#container{position: relative;}
.snsBoxMo{display: none;}
#gnbMo{display: none;}
.gnb{z-index: 2;}
.gnb .cate{padding: 20px;margin-top: 20px;padding-bottom: 0;border-top:1px solid #ddd;}
.gnb .cate:first-child{margin-top: 0;padding-top: 0;border-top:0;}
.gnb .cate > li{position: relative;display: block;margin-top: 15px;}
.gnb .cate > li:first-child{margin-top: 0;}
.gnb .cate > li > a{display: block;font-size: 14px;line-height: 1.1em;color: #111;text-decoration: none;}
.gnb .cate > li.active > a{font-weight: 600;}
.gnb .cate > li > ul{position: absolute;top: 90px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #00afe5;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
.gnb .cate > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
.gnb .cate > li > ul li.active a{font-weight: bold;}
.gnb .cate > li:hover > ul{visibility: visible;opacity: 1;}
.gnb .cate > li.hidden-gnb{display: none;}

/* 20240325 추가 */
.gnb .cate > li.cate_bold a {font-weight:700;}

@media (min-width:1201px) {
	.gnb .cate > li.cate_mb { margin-bottom:60px;}
}


.inWrap .infoDownload{display: block;margin: 0px 0px 25px; height: 45px;line-height: 43px;border:1px solid #111;text-align: center;font-size: 13px;color: #fff;background: #111;font-weight: 300;transition: all 0.2s;}
.inWrap .infoDownload:hover{background: #fff;color: #111;border-color: #999;}
.inWrap .telBox{padding-bottom: 24px;margin-bottom: 20px;border-bottom:1px solid #ddd;}
.inWrap .telBox dt{font-family: mon;font-weight: 500;color: #111;font-size: 24px;line-height: 1.1em;text-align: center;margin-bottom: 15px;letter-spacing: 0;}
.inWrap .telBox dd{font-size: 12px;line-height: 18px;color: #999;text-align: center;}
.inWrap .txtBox{font-size: 12px;line-height: 18px;color: #666;text-align: center;}
.inWrap .txtBox .mon{font-size: inherit;font-family: mon;color: #777;font-weight: normal;}
.tnb{text-align: center;margin-top: 28px;}
.tnb > li{display: inline-block;margin:0 5px;box-sizing: border-box;}
.tnb > li.tnb_admin{display: block;text-align: center;margin-left: 0;}
.tnb > li a{font-family: mon;font-size: 10px;color: #999;}


/* S:20250317 버튼 추가 */
.inWrap .plateApplyBtn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 25px 0px 5px;
	height: 60px;
	border:none;
	background-color: #0010a2;
	text-align: center;
	overflow: hidden;
}

.inWrap .plateApplyBtn::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width:223px;
	height:118px;
	background: url('/theme/wm-type1/images/sub/fanfandaero/fanfandaero_btn.png') no-repeat center / cover;
	opacity: 0;
	transition: all 0.4s ease-out;
}

.inWrap .plateApplyBtn .animate-line {
	position: absolute;
  top:0px;
  left:0px;
  display: block;
  width: 100%;
	height:100%;
  z-index:5;
}

.inWrap .plateApplyBtn .animate-line dd {
  position: absolute;
  display: block;
  background-color: #cdd2fd;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function:linear;
}

.inWrap .plateApplyBtn .animate-line .line1 {
  animation-name: animate1;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
	animation-delay: .1s;
}

.inWrap .plateApplyBtn .animate-line .line2 {
  animation-name: animate2;
  top:0;
  right: 0;
  width: 3px;
  height: 100%;
  animation-delay: .6s;
}

.inWrap .plateApplyBtn .animate-line .line3 {
  animation-name: animate3;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  animation-delay: 1.2s;
}

.inWrap .plateApplyBtn .animate-line .line4 {
  animation-name: animate4;
  bottom:0;
  left: 0;
  width: 3px;
  height: 100%;
  animation-delay: 1.65s;
}

.inWrap .plateApplyBtn span {
	display: block;
	position: relative;
	z-index:2;
	font-size: 18px;
	font-weight: 700;
	line-height:20px;
	color: #fff;
}

.inWrap .plateApplyBtn em {
	font-style: normal;
	font-size:14px;
	font-weight:300;
}

@keyframes animate1 {
	0%{
		left: -100%;
	}
	50%,100%{
		left: 100%;
	}
}

@keyframes animate2 {
	0%{
		top: -100%;
	}
	50%,100%{
		top: 100%;
	}
}

@keyframes animate3 {
	0%{
		right: -100%;
	}
	50%,100%{
		right: 100%;
	}
}

@keyframes animate4 {
	0%{
		bottom: -100%;
	}
	50%,100%{
		bottom: 100%;
	}
}

.inWrap .plateReceiptBtn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px 0px 6px;
	height: 60px;
	border:1px solid transparent;
	background-color: #ff4115;
	text-align: center;
	overflow: hidden;
	transition: all .2s ;
}

.inWrap .plateReceiptBtn span {
	display: block;
	position: relative;
	z-index:2;
	font-size: 18px;
	font-weight: 700;
	line-height:20px;
	color: #fff;
}

.inWrap .plateReceiptBtn em {
	font-style: normal;
	font-size:14px;
	font-weight:300;
}

@media (min-width:1201px){
	.inWrap .plateApplyBtn:hover::after {
		opacity:1;
		top:-40px;
	}

	.inWrap .plateReceiptBtn:hover {
		background-color: transparent;
		color:#ff4115;
		border-color: #ff4115;
	}

	.inWrap .plateReceiptBtn:hover  span {
		color:#ff4115;
	}
}


/* E:20250317 버튼 추가 */


#footer{background: #000;}
/* #footer .partnersList{font-size: 0;}
#footer .partnersList li{display: inline-block;vertical-align: top;height: 80px;font-size: 0;margin-left: 100px;}
#footer .partnersList li:first-child{margin-left: 0;}
#footer .partnersList li:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#footer .partnersList li a{display: inline-block;vertical-align: middle;} */

/* S:20250225 리뉴얼 */
#footer .partnersList{font-size: 0; display: flex; flex-wrap: wrap; margin-right:20px;}
#footer .partnersList li{flex:1 0 20%; max-width:20%; padding:12px 50px; font-size:0px; display: flex; align-items: center; justify-content: center;}
/* #footer .partnersList li:first-child{margin-left: 0;} */
/* #footer .partnersList li:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;} */
#footer .partnersList li a{display: block;}

#footer .partnersList li img {
	display: block;
}



@media (max-width:1200px){
	#footer .partnersList{ margin:0px;}
}
@media (max-width:1024px){
	#footer .partnersList{ margin:0px;}
	#footer .partnersList li{padding:12px 30px;}
}
/* E:20250225 리뉴얼 */


#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: auto;margin: 0 auto;padding-left: 80px;}
#footer .ftWrap{position: relative;width: auto;margin: 0 auto;padding: 50px 0;padding-left: 150px;}
#footer .footerText{position: relative;padding-left: 260px;}
#footer .footerText address{}
#footer .footerText .footerLogo{position: absolute;top:0;left:0;}

#footer .footerLogo {
	display: block;
	width:160px;
	height: 38px;
	background: url('../images/layout/footer-logo.svg') no-repeat center;
}

#footer address{font-size: 13px;line-height: 22px;color: #999;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 12px;color: #777777;}


#snsicoWrap{position: fixed;top:0;right:20px;height: 100%;font-size: 0;z-index:100;}
#snsicoWrap:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#sns-ico{display: inline-block;vertical-align: middle;}
#sns-ico li{display: block;margin-top: 10px;}
#sns-ico li:first-child{margin-top: 0;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('../images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;bottom: 35px;right: 0;display: none;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #282828;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}
#slide-menu{display: none;}
/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{position: relative;}
.portfolioTop{font-size: 0;}
.portfolioTop >*{display: inline-block;vertical-align: top;width: 50%;}
.portfolioTop .list{font-size: 0;}
.portfolioTop .list li{display: inline-block;vertical-align: top;width: 50%;}
.portfolioList{font-size: 0;}
.portfolioList li{display: inline-block;vertical-align: top;width: 25%;}
.portfolioTop .titleimg{position: relative;overflow: hidden;}
.portfolioTop .list li a,
.portfolioList li a{position: relative;display: block;overflow: hidden;}
/* .portfolioTop .titleimg:after,
.portfolioTop .list li a:after,
.portfolioList li a:after{display: block;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top:0;left:0;opacity: 0;transition: all 0.3s;}
.portfolioTop .titleimg:hover:after,
.portfolioTop .list li a:hover:after,
.portfolioList li a:hover:after{opacity: 1;} */

.portfolioTop .titleimg img,
.portfolioTop .list li a img,
.portfolioList li a img{transition: all 0.5s;}
.portfolioTop .titleimg:hover img,
.portfolioTop .list li a:hover img,
.portfolioList li a:hover img{transform:scale(1.06);}

#wrap .infoType1{padding: 200px 0 180px;}
#wrap .infoType1 dt{text-align: center;margin-bottom: 15px;}
#wrap .infoType1 dt span{font-family: noto-serif;font-style: italic;color: #999;}
#wrap .infoType1 dd{text-align: center;font-size: 42px;line-height: 60px;font-weight: 100;color: #111;letter-spacing: -0.05em;}
#wrap .infoType1 .mainLogo{text-align: center;margin-top: 40px;}

#wrap .infoType2{padding: 200px 0 130px;}
#wrap .infoType2 dt{text-align: center;margin-bottom: 15px;}
#wrap .infoType2 dt span{font-family: noto-serif;font-style: italic;color: #999;}
#wrap .infoType2 dd{text-align: center;font-size: 30px;line-height: 35px;font-weight: 100;color: #111;letter-spacing: -0.05em;}
#wrap .infoType2 dd strong{font-weight: 600;}

.rollingBanner{position: relative;}
.rollingBanner .slick-arrow{width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;top:50%;margin-top: -20px;text-indent: -9999em;border:0;z-index:100;}
.rollingBanner .slick-arrow.slick-prev{background: rgba(0,0,0,0.5) url(../images/rb-prev.png) no-repeat 50% 50%;left:30px;}
.rollingBanner .slick-arrow.slick-next{background: rgba(0,0,0,0.5) url(../images/rb-next.png) no-repeat 50% 50%;right:30px;}

#mainWrap .section3{display: table;width: 100%;}
#mainWrap .section3 .box{display: table-cell;vertical-align: top;padding: 75px 50px;border:1px solid #ddd;}
#mainWrap .section3 .box .title{display: inline-block;vertical-align: top;}
#mainWrap .section3 .box .title dt{font-size: 36px;font-weight: 600;color: #111;letter-spacing: -0.05em;margin-bottom: 25px;}
#mainWrap .section3 .box .title dd{font-size: 16px;line-height: 24px;}
#mainWrap .section3 .box1{font-size: 0;background: #fbfbfb;}
#mainWrap .section3 .box1 .inquiryLef{display: inline-block;vertical-align: top;width: 35%;}
#mainWrap .section3 .box1 .inquiryBox{display: inline-block;width: 65%;}
#mainWrap .section3 .box1 .tel{margin-top: 20px;font-size: 24px;font-family: mon;color: #111;}
#mainWrap .section3 .box1 .btn{margin-top: 20px;}
#mainWrap .section3 .box .typeText{width: 100%;height: 40px;border:0;border:1px solid #ddd;background: #e8e8e8;text-indent: 40px;}
#mainWrap .section3 .btn{width: 100%;height: 50px;line-height: 48px;font-size: 16px;font-weight: 300;background: #111;color: #fff;transition: all 0.2s;border:1px solid #111;}
#mainWrap .section3 .btn:hover{background: #fff;color: #111;border:1px solid #111;}
#mainWrap .inputWrap{display: inline-block;vertical-align: top;font-size: 0;margin: -5px;}
#mainWrap .inp{display: inline-block;vertical-align: top;width: 33.33%;padding: 5px;}
#mainWrap .inp.ip1 .typeText{background: #e8e8e8 url(../images/main-sec3-ip1.gif) no-repeat 15px 50%;}
#mainWrap .inp.ip2 .typeText{background: #e8e8e8 url(../images/main-sec3-ip2.gif) no-repeat 15px 50%;}
#mainWrap .inp.ip3 .typeText{background: #e8e8e8 url(../images/main-sec3-ip3.gif) no-repeat 15px 50%;}
#mainWrap .inp.ip4 .typeText{background: #e8e8e8 url(../images/main-sec3-ip4.gif) no-repeat 15px 50%;}
#mainWrap .inp.ip5 .typeText{background: #e8e8e8 url(../images/main-sec3-ip5.gif) no-repeat 15px 50%;}
#mainWrap .inp.ip6 .typeText{background: #e8e8e8 url(../images/main-sec3-ip6.gif) no-repeat 15px 50%;}
#mainWrap .labelWrap{margin: 10px -10px 20px;font-size: 0;}
#mainWrap .labelWrap label{display: inline-block;vertical-align: middle;margin:5px 10px;font-size: 14px;color: #444;}
#mainWrap .typeArea{padding: 15px;border:1px solid #ddd;background: #e8e8e8;font-size: 14px;width: 100%;height: 80px;box-sizing:border-box;margin-bottom: 10px;}

#mainWrap .checkWrap{margin: -2px -10px;}
#mainWrap .checkWrap label{display: inline-block;margin:2px 10px;}
#mainWrap .section3 .box2{position: relative;width: 30%;border-left:0;}
#mainWrap .section3 .box2 .bwrap{position: absolute;bottom:0;left:0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:75px 50px;}
#mainWrap .section3 .box2 .btn{display: block;}
#mainWrap .section4{}
#mainWrap .section5{padding: 65px 0;}
#mainWrap .section5 .textBox{text-align: center;}
#mainWrap .section5 .text{font-size: 30px;line-height: 42px;color: #111;}
#mainWrap .section5 .tel{display: inline-block;vertical-align: top;width: 260px;height: 60px;line-height: 56px;border:2px solid #111;margin-top: 35px;font-size: 20px;font-weight: normal;color: #111;}
#mainWrap .section5 .tel strong{font-weight: 600;}
#mainWrap .dropBtn{display: none;}



/* 메인 포트폴리오 배너 css 추가 20230705 */
.portfolioTop .titleimg li,
.portfolioTop .list li,
.portfolioList li {
	position: relative;
}

.portfolioTop .titleimg li:after,
.portfolioTop .list li a:after,
.portfolioList li a:after{
	display: block;content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top:0;left:0;
	opacity: 0;
	transition: all 0.3s;
}

.portfolioTop .titleimg li:hover:after,
.portfolioTop .list li a:hover:after,
.portfolioList li a:hover:after{opacity: 1;}

.portfolioTop .titleimg p,
.portfolioTop .list p,
.portfolioList p {
	position: absolute;
	bottom:30px;
	right:30px;
	font-size:18px;
	color:#fff;
	z-index:9999;
	transition:all .3s ease;
	opacity: 0;
}

@media (min-width:1201px) {
	.portfolioTop .titleimg li:hover p,
	.portfolioTop .list li:hover p,
	.portfolioList li:hover p {
		opacity:1;
	}
}


/* 메인 견적문의 css 추가 20230704 */
#mainWrap .main-container {
	width:1060px;
	margin:0 auto;
}

#mainWrap .main-container .box {
	background-color: transparent;
	border:0px;
	padding:75px 0px;
}

#mainWrap .section3 {
	background-color:#fbfbfb;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#mainWrap .section3 .emailWraps {
    margin: 20px 0px;
}

#mainWrap .section3 .emailWraps .email_item {
    display: flex;
    padding-top: 10px;
}

#mainWrap .section3 .emailWraps input {
    width: calc(100% - 50px);
    height: 40px;
    border: 0;
    border: 1px solid #ddd;
    background: #e8e8e8;
    padding: 0px 15px;
    background-color: #f8f8f8;
}

#mainWrap .section3 .emailWraps .email_defult input {
    width: 100%;
}

#mainWrap .section3 .emailWraps button {
    display: flex;
    align-items: center;
    justify-content: center;
}

#mainWrap .section3 .emailWraps .itemplus_btn {
    width: 40px;
    height: 40px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    margin-left: 10px;
}

#mainWrap .section3 .emailWraps .itemplus_remove {
    width: 40px;
    height: 40px;
    background-color: #999;
    border: 1px solid #999;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    margin-left: 10px;
}

@media (max-width:1200px) {
	#mainWrap .main-container {
		width:auto;
	}
}



#wrap .logoList{font-size: 0;padding: 60px 25px;background: #ebebeb;}
#wrap .logoList li{display: inline-block;vertical-align: top;width: 16.666%;padding: 30px 20px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#wrap .logoList li img{max-width:100%;height: auto;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1060px;margin: 0 auto;padding: 175px 0 150px;transition: all 0.2s;}
#sub #content.full{padding: 0;width: 100%;}
#sub #content.member{padding: 100px 0;}
#sub #content.list{padding: 175px 0 150px;}

#sub #content > *{}

#sub .sub-vis{position: relative;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis .cover{position: absolute;top:0;left:0;width: 100%;height: 100%;font-size: 0;z-index:80;/* background: rgba(0,0,0,0.6); */}
#sub .sub-vis .cover:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#sub .sub-vis .item img{display: block;position: relative;width: 1660px;height: 320px;left:50%;margin-left: -830px;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}
#sub .sub-vis img{max-width: inherit;}
#sub .sub-vis .slick-dots{position: absolute;bottom:30px;left:0;width: 100%;z-index:90;}
#sub .sub-vis .slick-dots li{display: inline-block;vertical-align: top;margin-left: 10px;}
#sub .sub-vis .slick-dots li:first-child{margin-left: 0;}
#sub .sub-vis .slick-dots li button{width: 10px;height: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border:1px solid #ccc;text-indent: -9999em;background: none;}
#sub .sub-vis .slick-dots li.slick-active button{background: #ccc;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('../images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}


.tabType1{font-size: 0;margin:-10px -5px;padding-bottom: 60px;}
.tabType1 li{display: inline-block;vertical-align: top;width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:10px 5px;}

/* 탭 4개로 구성 퍼블 20230704 */
.tabType1--custom li{width: 25%;}

@media (max-width:500px) {
	.tabType1--custom li{width: 50%;}
}

.tabType1 li a{display: block;padding: 15px;border-bottom:2px solid #aaa;text-align: center;font-size: 16px;color: #aaa;font-weight: 300;}
.tabType1 li:hover a,
.tabType1 li.active a{color: #333;border-color:#333;}
.tabType1 li.active a{}

.tabType2{font-size: 0;margin: -5px;padding-bottom: 100px;}
.tabType2 li{padding: 5px;display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 20%;}
.tabType2 li a{display: block;height: 45px;line-height: 45px;border:1px solid #f4f4f4;background: #f4f4f4;text-align: center;}
.tabType2 li:hover a,
.tabType2 li.active a{background: #fff;border-color: #111;color: #111;}

.listType1{font-size: 0;margin:-30px -15px;}
.listType1 li{display: inline-block;vertical-align: top;width: 33.33%;padding:30px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.listType1 li .textBox{margin-top: 20px;padding-bottom: 20px;border-bottom:1px solid #ddd;color: #333;font-size: 16px;}

.listType1 li .imgBox .basic{display: block; }
.listType1 li .imgBox .over{display: none;}
.listType1 li .link:hover .basic{display: none;}
.listType1 li .link:hover .over{display: block;}

.pagingType1{margin-top: 50px;font-size: 0;text-align: center;}
.pagingType1 a{display: inline-block;vertical-align: middle;width: 30px;height: 30px;text-align: center;line-height: 30px;}
.pagingType1 a.arrow{width: 20px;}
.pagingType1 a.arrow.prev{margin-right: 20px;}
.pagingType1 a.arrow.next{margin-left: 20px;}
.pagingType1 a.num{font-size: 15px;color: #888;font-family: mon;}
.pagingType1 a.num:hover,
.pagingType1 a.num.active{color: #111;}

#aboutus{margin-bottom: 150px;}
#aboutus .section1 .infoType1 dt{}
#aboutus .section1 .list{font-size: 0;margin: 140px 0 180px;}
#aboutus .section1 .list li{display: inline-block;vertical-align: top;width: 50%;}
#aboutus .section2 .list{font-size: 0;margin: 140px 0 0;}
#aboutus .section2 .list li{display: inline-block;vertical-align: top;width: 25%;position: relative;}
#aboutus .section2 .list li a {display: block;position: relative;overflow: hidden;}
#aboutus .section2 .list li a img {transition: all 0.5s;}
#aboutus .section2 .list li a:after{display: block;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top:0;left:0;opacity: 0;transition: all 0.3s;}
#aboutus .section2 .list li a:hover:after {opacity: 1;}
#aboutus .section2 .list li a:hover img{transform:scale(1.06);}
#aboutus .textType1 dt{font-size: 30px;line-height: 38px;font-weight: 100;color: #111;text-align: center;margin-bottom: 20px;}
#aboutus .textType1 dd{text-align: center;font-size: 24px;font-weight: 100;line-height: 35px;}
#aboutus .profileList{font-size: 0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
#aboutus .profileList li{position: relative;display: inline-block;vertical-align: top;width: 25%;border:1px solid #ddd;border-left:0;border-top:0;}
#aboutus .profileList li:after{display: block;content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
#aboutus .profileList li .textBox{position: absolute;bottom:35px;left:35px;z-index:2;}
#aboutus .profileList li .textBox dt{font-size: 20px;/* color: #111; */color: #fff;}
#aboutus .profileList li .textBox dd{font-size: 14px;/* color: #999; */margin-top: 10px;color: #fff;}
#aboutus .section4{padding: 220px 0 200px;}
#aboutus .section5 .text{font-size: 30px;line-height: 42px;text-align: center;font-weight: 100;color: #111;}
#aboutus .section5 .btmText{text-align: center;}
#aboutus .section5 .btmText .btn{display: inline-block;width: 180px;height: 45px;line-height: 45px;background: #111;color: #fff;border:1px solid #111;text-align: center;margin-top: 25px;transition: all 0.2s;}
#aboutus .section5 .btmText .btn:hover{background: #fff;color: #111;}

#aboutus .location{font-size: 0;}
#aboutus .location >*{display: inline-block;vertical-align: top;width: 50%;}
#aboutus .location .locTable{table-layout: fixed;}
#aboutus .location .locTable th{padding:0 30px;text-align: left;}
#aboutus .location .locTable th,
#aboutus .location .locTable td{height: 100px;vertical-align: middle;border-top:1px solid #ddd;}
#aboutus .location .locTable th strong{font-size: 16px;font-weight: 300;color: #111;padding-left: 30px;}
#aboutus .location .locTable th strong.addr{background: url(/theme/wm-type1/images/loc-front1.png) no-repeat 0 50%;}
#aboutus .location .locTable th strong.mail{background: url(/theme/wm-type1/images/loc-front2.png) no-repeat 0 50%;padding-left: 33px;}
#aboutus .location .locTable th strong.tel{background: url(/theme/wm-type1/images/loc-front3.png) no-repeat 0 50%;}
#aboutus .location .locTable th strong.time{background: url(/theme/wm-type1/images/loc-front4.png) no-repeat 0 50%;}
#aboutus .location .locTable td{width: 390px;}
#aboutus .location .locTable .time th,
#aboutus .location .locTable .time td{height: 60px;background: #f5f5f5;border-top:0;border-bottom:1px solid #ddd;}

.brandWrite .topText{margin-bottom: 80px;}
.brandWrite .topText dt{text-align: center;font-size: 30px;font-weight: 100;color: #131010;margin-bottom: 15px;}
.brandWrite .topText dd{text-align: center;font-size: 14px;line-height: 24px;}
.brandWrite .process .title{position: relative;padding-left: 35px;}
.brandWrite .process .title:before{display: block;content: '';width: 2px;height: 54px;background: #111;position: absolute;top:50%;left:0;margin-top: -27px;}
.brandWrite .process dt{font-size: 21px;font-weight: 300;color: #111;margin-bottom: 10px;}
.brandWrite .process dd{font-size: 16px;line-height: 24px;}
.brandWrite .process .img{margin-top: 40px;margin-bottom: 120px;}
.brandWrite .process .img img{max-width: none;}
.formType1{}
.formType1 .fieldWrap{position: relative;border:1px solid #ddd;padding: 70px;z-index:1;}
.formType1 .fieldWrap:after{display: block;content: '';width: 100%;height: 350px;position: absolute;bottom:0;left:0;z-index:-1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.formType1 fieldset{margin-top: 30px;}
.formType1 fieldset:first-child{margin-top: 0;}
.formType1 fieldset .doubleField{font-size: 0;margin: -5px;}
.formType1 fieldset .doubleField .box.gray{background: #f4f4f4;}
.formType1 fieldset .doubleField .box{display: inline-block;vertical-align: top;width: 50%;padding: 5px;}
.formType1 fieldset .doubleFieldBlock{padding: 20px;border:1px solid #ddd;background: #f7f7f7;}
.formType1 fieldset .doubleFieldBlock .box{padding-top: 15px;margin-bottom: 15px;border-top:1px dashed #ddd;}
.formType1 fieldset .doubleFieldBlock .box:first-child{margin-top: 0;padding-top: 0;border-top:0;}
.formType1 fieldset .doubleFieldBlock .tit{font-size: 15px;color: #444;font-weight: 300;margin-bottom: 15px;}
.formType1 fieldset .doubleFieldBlock .labelWrap{margin: -5px -10px;}
.formType1 fieldset .doubleFieldBlock .labelWrap label{display: inline-block;width: 30%;margin: 5px 10px;}
.formType1 fieldset .doubleFieldBlock .labelWrap label span{font-weight: normal;color: #444;}
.formType1 legend{margin-bottom: 10px;font-size: 0;}
.formType1 legend >*{display: inline-block;vertical-align: middle;}
.formType1 legend .text{display: block;font-size: 13px;line-height: 20px;color: #888;margin-top: 5px;}
.formType1 legend strong{font-size: 15px;color: #444;font-weight: 300;}
.formType1 legend span{font-size: 14px;color: #999;margin-left: 10px;}
.formType1 legend .btn{height: 30px;line-height: 30px;padding: 0 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #111;color: #fff;font-size: 14px;margin-left: 10px;}

.formType1 .typeText{width: 100%;height: 40px;border:1px solid #ddd;text-indent: 15px;}
.formType1 .typeArea{width: 100%;padding: 15px;height: 80px;border:1px solid #ddd;}
.formType1 .typeArea.agree{height: 150px;}
.formType1 .agreeField .agreeBtm{text-align: right;margin-top: 10px;}
.formType1 .inputTriple{margin: -5px;font-size: 0;}
.formType1 .inputTriple .ip{display: inline-block;vertical-align: top;width: 33.33%;padding: 5px;}
.formType1 .thumbLabel{font-size: 0;margin: -5px;}
.formType1 .thumbLabel label{display: inline-block;vertical-align: top;width: 25%;padding: 5px;}
.formType1 .thumbLabel label .img{border:1px solid #ddd;}
.formType1 .thumbLabel label .txt{position: relative;padding-left: 25px;margin-top: 10px;}
.formType1 .thumbLabel label .txt input[type='radio']{position: absolute;top:3px;left:0;margin: 0;padding: 0;}
.formType1 .thumbLabel label .txt dt{font-size: 14px;color: #444;font-weight: 300;margin-bottom: 5px;}
.formType1 .thumbLabel label .txt dd{font-size: 13px;color: #999;}
.formType1 .logoLabel{margin: -5px 0;}
.formType1 .logoLabel label{display: inline-block;vertical-align: middle;width: 23%;margin: 5px 0;}
.formType1 .logoLabel label span{color: #888;}
.formType1 .logoLabel label strong{color: #111;font-weight: 300;}


.formType1 .btnWrap{text-align: center;}
.formType1 .btnSubmit{display: inline-block;width: 300px;height: 50px;background: #fff;border:1px solid #111;color: #111;text-align: center;font-size: 16px;font-weight: 300;transition: all 0.2s;}
.formType1 .btnSubmit:hover{background: #111;color: #fff;}
.formType1 .file_input{font-size: 0;}
.formType1 .file_input .typeText{display: inline-block;width: calc(100% - 93px);padding: 0;}
.formType1 .file_input label{position: relative;overflow: hidden;
    display: inline-block;
    position: relative;
    width: 91px;
    height: 40px;
    border: none;
    background: #444;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
}
.formType1 .file_input label span{color: #fff;}
.formType1 .file_input label input{position: absolute;top:0;left:0;overflow: hidden;visibility: hidden;}


.confirmType1{border:5px solid #f3f3f3;padding: 70px;}
.confirmType1 .text{text-align: center;margin-bottom: 30px;padding-top: 110px;background: url(../images/interview-confirm-top-icon.gif) no-repeat 50% 0;}
.confirmType1 .text dt{font-size: 34px;line-height: 1.1em;text-align: center;color: #111;}
.confirmType1 .text dd{font-size: 16px;line-height: 24px;color: #888;margin-top: 15px;}
.confirmType1 .btnWrap2{text-align: center;font-size: 0;}
.confirmType1 .btnWrap2 .btn{display: inline-block;width: 180px;height: 45px;border:2px solid #111;font-size: 15px;font-weight: 300;color: #111;line-height: 41px;margin-left: 5px;}
.confirmType1 .btnWrap2 .btn:first-child{margin-left: 0;}
.confirmType1 .btnWrap2 .btn.type2{background: #111;color: #fff;}


.searchWrap1{font-size: 0;text-align: center;margin-top: 40px;}
.searchWrap1 select{width: 120px;height: 40px;border:1px solid #ddd;margin-right: 10px;}
.searchWrap1 .searchType1{display: inline-block;vertical-align: middle;border:1px solid #ddd;}
.searchWrap1 .searchType1 .typeText{width: 214px;height: 38px;border:0;text-indent: 10px;}
.searchWrap1 .searchType1 button{width: 34px;height: 38px;background: url(../images/search-type1-btn.gif) no-repeat 0 50%;border:0;text-indent: -9999em;}


.listType2{margin:-35px -15px;font-size: 0;}
.listType2 li{display: inline-block;vertical-align: top;width: 33.33%;padding:35px 15px;}
.listType2 li .link{display: block;}
.listType2 li .imgBox{margin-bottom: 25px;}
.listType2 li .imgBox .basic{display: block;}
.listType2 li .imgBox .over{display: none;}
.listType2 li .link:hover .basic{display: none;}
.listType2 li .link:hover .over{display: block;}
.listType2 li .textBox .title{padding-bottom: 15px;margin-bottom: 20px;border-bottom:1px solid #ddd;}
.listType2 li .textBox .cate{display: block;font-family: mon;font-size: 14px;font-weight: 300;color: #999;margin-bottom: 6px;transition: all 0.2s;}
.listType2 li .textBox .price{display: block;font-size: 18px;font-weight: 300;color: #111;}
.listType2 li .textBox .price strong{font-family: mon;color: #111;font-weight: 600;font-size: 22px;}
.listType2 li .textBox .text{font-size: 14px;color: #999;line-height: 24px;transition: all 0.2s;}
.listType2 li .link:hover .textBox .cate{color: #111;}
.listType2 li .link:hover  .textBox .text{color: #111;}

/* S: 2024.11.22 추가 */
.listType2 li .imgBox{
	position: relative;
}

/* .listType2 li .link:hover .imgBox::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	transition: all .3s ease;
} */
 
.listType2 li .imgBox .link-box {
	width: 100%;
	padding: 0 20px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 5;
	transform: translate(-50%, 50%);
	display: flex;
	align-items: center;
	gap: 0 10px;
	opacity: 0;
	transition: all .3s ease-in;
}

.listType2 li .imgBox .link-box .more-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 40px;
	background-color: #fff;
	font-size: 16px;
	letter-spacing: -0.025em;
	border: none;
}

.listType2 li .imgBox .link-box .more-link.black {
	background-color: #131010;
	color: #fff;
}
 

.listType2 li .link:hover .link-box {
	transform: translate(-50%, 0);
	opacity: 1;
}

.listType2 li .textBox .tag-wrap {
	display: flex;
	align-items: center;
	gap: 0 9px;
}

.listType2 li .textBox .sale-tag {
	width: fit-content;
	padding: 0 9px;
	margin-top: 14px;
	border: 1px solid #111;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.025em;
	text-align: center;
	
	/* 2024.11.26 추가 */
	margin-top: 0;
	margin-bottom: 6px;
}

.listType2 li .textBox .sale-tag p {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	color: #131010;
	margin: -1px 0;
}

@media (max-width:750px) {
	.listType2 li .textBox .tag-wrap {
		flex-direction: column;
		align-items: start;
	}
	
	.listType2 li .textBox .sale-tag {
		font-size: 14px;
		padding: 1px 5px;
		font-weight: 700;
	}
}

@media(max-width:1200px) {
	.listType2 li .imgBox .link-box {
		display: none;
		bottom: 10px;
		padding: 0 5px;
		gap: 0 5px;
	}
	
	.listType2 li .imgBox .link-box .more-link {
		height: 30px;
		font-size: 13px;
	}
	
}

/* 로고 프로모션 배너 */
.promotion-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	background-color: #f4f5f5;
}

.promotion-banner p {
	font-weight: 400;
	font-size: 26px;
	letter-spacing: -0.025em;
	color: #131010;
	text-align: center;
}

.promotion-banner p span {
	font-weight: 500;
	color: #cf0000;
	font-size: inherit;
}

@media(max-width:1200px) {
	.promotion-banner {
		height: 60px;
	}
	
	.promotion-banner p {
		font-size: 20px;
	}
}

@media(max-width:768px) {
	.promotion-banner {
		height: 50px;
		padding: 0 5px;
	}
	
	.promotion-banner p {
		font-size: 13px;
	}
}
/* E: 2024.11.22 추가 */

.guideBox{border:1px solid #ddd;display: table;width: 100%;table-layout: fixed;margin-top: 170px;}
.guideBox .box{display: table-cell;width: 50%;padding: 50px;vertical-align: middle;border-left:1px solid #ddd;text-align: center;}
.guideBox .box1{border-left:0;}
.guideBox .box .text{font-size: 16px;line-height: 24px;color: #111;}
.guideBox .box .text strong{font-weight: 300;}
.guideBox .box .text .tel{display: block;font-family: mon;font-weight: 300;color: #111;font-size: 24px;margin-top: 8px;}
.guideBox .box .btn{display: inline-block;width: 200px;height: 50px;line-height: 50px;border:1px solid #111;background: #111;color: #fff;margin-top: 20px;font-size: 16px;transition: all 0.2s;}
.guideBox .box .btn:hover{background: #fff;color: #111;}

#infoTab{margin-top:175px;}
#infoTab .tab{position:relative;font-size:0;padding-bottom:2px;margin-bottom:30px;}
#infoTab .tab:after{position:absolute;bottom:0;left:0;display:block;content:'';width:100%;height:2px;background:#666;z-index:1;}
#infoTab .tab .btn{position:relative;display:inline-block;vertical-align:top;width:20%;height:50px;font-size:0;text-align:center;border:1px solid #ddd;bottom:-2px;z-index:10;border-bottom:2px solid #666;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:0;background: #fafafa;}
#infoTab .tab .btn:first-child{border-left:1px solid #ddd;}
#infoTab .tab .btn:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
#infoTab .tab .btn.active{background: #fff;border:2px solid #666;border-bottom:2px solid #fff;position:relative;z-index:11;}
#infoTab .tab .btn span{display:inline-block;vertical-align:middle;font-size:16px;color:#666;}
#infoTab .tab .btn.active span{color:#111;font-weight: 300;}



#wrap .fullinner{width: 1060px;margin: 120px auto;}
#portfolioView .topVis{overflow: hidden;position: relative;}
#portfolioView .topVis .cover{position: absolute;top:0;left:0;width: 100%;height: 100%;text-align: center;font-size: 0;background: rgba(0,0,0,0.6);}
#portfolioView .topVis .cover:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#portfolioView .topVis .cover .text{display: inline-block;vertical-align: middle;width: 1060px;margin-top: -100px;z-index:100;text-align: left;}
#portfolioView .topVis .cover .text dt{font-size: 60px;font-family: mon;color: #fff;}
#portfolioView .topVis .cover .text dd{font-size: 40px;font-weight: 100;color: #fff;margin-top: 10px;}
#portfolioView .topVis img{display: block;width: 1660px;position: relative;left:50%;margin-left: -830px;max-width: inherit;}
#portfolioView .portText .top{font-size: 14px;line-height: 24px;}
#portfolioView .pvdlWrap{font-size: 0;margin: 30px 0 45px;}
#portfolioView .pvdlWrap dl{position: relative;display: inline-block;vertical-align: top;width: 33.33%;padding: 0 45px;}
#portfolioView .pvdlWrap dl:before{display: block;content: '';width: 1px;height: 50px;background: #ddd;position: absolute;top:50%;left:0;margin-top: -25px;}
#portfolioView .pvdlWrap dl:first-child{padding-left: 0;}
#portfolioView .pvdlWrap dl:first-child:before{display: none;}
#portfolioView .pvdlWrap dt{font-size: 22px;font-weight: 300;color: #131010;margin-bottom: 15px;}
#portfolioView .pvdlWrap dd{font-size: 15px;font-weight: 100;color: #666;}
#portfolioView .editor{margin-top: 100px;}


.process .sgWrap{position:relative;}
.process  .scrollGuide{display:none;}


@media all and (max-width: 750px){
	.process .sgWrap{overflow: hidden;overflow-x: auto;height: 130px;font-size: 0;white-space: nowrap;}
	.process .sgWrap:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
	.process  .sgWrap > img{display: inline-block;vertical-align: middle;min-width:600px;}
	.process  .scrollGuide{display:block;width:130px;height:130px;position:absolute;top:50%;left:50%;margin-left:-65px;margin-top:-65px;z-index:100;}
}

.portfolioTop .titleimg .slick-dots{position: absolute;bottom:30px;left:0;width: 100%;z-index:90;text-align: center;font-size: 0;}
.portfolioTop .titleimg .slick-dots li{display: inline-block;vertical-align: top;margin: 0 5px;}
.portfolioTop .titleimg .slick-dots li button{display: block;width: 12px;height: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border:0;text-indent: -9999em;transition: all 0.3s;}
.portfolioTop .titleimg .slick-dots li button{background: #ddd;}
.portfolioTop .titleimg .slick-dots li.slick-active button{width: 35px;background: #222;}

#wrap .listBottom{margin-top: 125px;}
#wrap .listBottom .cont1{position: relative;width: 1920px;left:50%;margin-left: -960px;text-align: center;background: #f4f5f5;padding: 90px 0;}
#wrap .listBottom .cont1 .fullinner{margin: 0 auto;}
#wrap .listBottom .title{margin-bottom: 55px;}
#wrap .listBottom .title dt{font-size: 36px;font-weight: 600;color: #111;margin-bottom: 10px;}
#wrap .listBottom .title dd{font-size: 24px;font-weight: 100;color: #111;}
#wrap .listBottom .lbProcess{position: relative;font-size: 0;}
#wrap .listBottom .lbProcess:after{display: block;content: '';top:0;width: 100%;height: 1px;background: #bababa;position: absolute;top:0;left:0;}
#wrap .listBottom .lbProcess dl{position: relative;display: inline-block;vertical-align: top;width: 25%;padding-top: 30px;}
#wrap .listBottom .lbProcess dl:after{display: block;content: '';position: absolute;top:-4px;left:50%;margin-left: -4px;width: 8px;height: 8px;border:2px solid #111;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index:70;}
#wrap .listBottom .lbProcess dl:first-child:before{position: absolute;top:-1px;display: block;content: '';width: 100%;left:-50%;background: #f4f5f5;height: 3px;z-index:1;}
#wrap .listBottom .lbProcess dl:last-child:before{position: absolute;top:-1px;display: block;content: '';width: 100%;right:-50%;background: #f4f5f5;height: 3px;z-index:1;}
#wrap .listBottom .lbProcess dt{font-size: 22px;color: #131010;font-weight: normal;margin-bottom: 10px;}
#wrap .listBottom .lbProcess dt strong{font-weight: 600;margin-right: 5px;}
#wrap .listBottom .lbProcess dd{font-size: 15px;line-height: 24px;font-weight: 100;color: #666;}
#wrap .listBottom .cont2{margin-top: 65px;}
#wrap .listBottom .cont2 dt{font-size: 36px;text-align: center;font-weight: 100;color: #131010;margin-bottom: 15px;}
#wrap .listBottom .cont2 dd{font-size: 18px;line-height: 30px;font-weight: 100;color: #111;text-align: center;}
#wrap .listBottom .cont2 .btn{display: block;width: 260px;height: 50px;line-height: 46px;border:2px solid #111;color: #111;margin: 20px auto 0;font-weight: 300;font-size: 16px;transition: all 0.2s;}
#wrap .listBottom .cont2 .btn:hover{background: #111;color: #fff;}

.prolist{font-size: 0;/* margin: -5px; */padding: 50px 0 140px;text-align: center;}
.prolist li{display: inline-block;vertical-align: top;/* width: 14.285%; */-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow:4px 4px 4px rgba(100,100,100,0.1);margin-left: 10px;}
.prolist.type1 li{width: 123px;height: 123px;}
.prolist.type2 li{width: 142px;height: 142px;}
.prolist.type3 li{width: 142px;height: 142px;}
.prolist li:first-child{margin-left: 0;}


@media all and (max-width: 1300px){
	.prolist{padding: 25px 0 50px;}
}
@media all and (max-width: 750px){
	.prolist li{width: 70px;height: 70px;}
	.prolist.type1 li{width: 70px;height: 70px;margin-bottom: 5px;}
	.prolist.type1 li:nth-child(4n+1){margin-left: 0;}
}

@media all and (max-width: 360px){
	.prolist li{width: 60px;height: 60px;}
}


.sgWrap{position:relative;overflow-x: auto;text-align: center;}
.scrollGuide{display:none;}
@media all and (max-width: 750px){
	.scrollGuide{display:block;width:150px;height:150px;position:absolute;top:50%;left:50%;margin-left:-75px;margin-top:-75px;z-index:100;}
	.sgWrap .scrollGuide + img{max-width: 750px;}
	.sgWrap .tbl_wrap table{min-width: 550px;}
}


#infoTab .listBottom{display: none;}
#sit_rel .sb-no-data{margin: 35px 15px 0;}


.orderTitle {width:100%; text-align:center; font-size:30px; margin:0 0 30px 0;color: #333;}




.formType1 .logoLabel.name label:nth-child(8) span,
.formType1 .logoLabel.name label:nth-child(9) span{font-size: 0;}
.formType1 .logoLabel.name label:nth-child(8) strong,
.formType1 .logoLabel.name label:nth-child(9) strong{font-size: 14px;}
.formType1 .logoLabel.logo label:nth-child(7) span{font-size: 0;}
.formType1 .logoLabel.logo label:nth-child(7) strong{font-size: 14px;}





/* [220726 kyj] 건별 */
#editing{margin-bottom: 150px;}
#editing .textType1 {padding: 140px 0;}
#editing .textType1 dt{font-size: 30px;line-height: 38px;font-weight: 100;color: #111;text-align: center;margin-bottom: 20px;}
#editing .textType1 dd{text-align: center;font-size: 24px;font-weight: 100;line-height: 35px;}
#editing .section1 .list li{display: inline-block;vertical-align: top;width: 50%;}
#editing .section2 .list li{display: inline-block;vertical-align: top;width: 25%;position: relative;}
#editing .section2 .list li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#editing .section2 .list li .off {display: block;}
#editing .section2 .list li .on {display: none;}
/* #editing .section2 .list li:hover .off {display: none;}
#editing .section2 .list li:hover .on {display: block;} */
#editing .section3 {width: 1070px;margin: 0 auto 100px;}
#editing .section3 .list {margin: -10px;text-align: center;}
#editing .section3 .list > li {margin: 10px;width: calc(100%/7 - 20px);display: inline-block;vertical-align: top;}
#editing .section3 .list > li > * {display: block;text-align: center;}
#editing .section3 .list > li > img {margin-left: auto;margin-right: auto;}
#editing .section3 .list > li > p {font-size: 20px;color: #000000;font-weight: 300;letter-spacing: -0.05em;padding: 20px 0 60px;}
#editing .section3 .btmText{text-align: center;margin-top: 30px;}
#editing .section3 .btmText .btn{display: inline-block;width: 180px;height: 45px;line-height: 45px;background: #111;color: #fff;border:1px solid #111;text-align: center;margin-top: 25px;transition: all 0.2s;}
#editing .section3 .btmText .btn:hover{background: #fff;color: #111;}
#editing .section4{padding: 100px 0;margin-bottom: 100px;background: #f4f5f5;}
#editing .section4 .textType1 {padding: 0;margin-bottom: 60px;}
#editing .section4 .step {text-align: center;max-width: 1050px;margin: 0 auto;}
#editing .section4 .step > li {width: calc(100%/4);display: inline-block;vertical-align: top;position: relative;padding-top: 30px;}
#editing .section4 .step > li:before {display: block;content: '';width: 8px;height: 8px;border-radius: 50%;background: #f4f5f5;border: 2px solid #0d0d0d;position: absolute;top: -3px;left: calc(50% - 4px);z-index: 1;}
#editing .section4 .step > li:not(:first-child):after {display: block;content: '';position: absolute;top: 0;left: -50%;right: 50%;height: 1px;background: #ccc;}
#editing .section4 .step > li > * {display: block;text-align: center;}
#editing .section4 .step > li > strong {font-size: 22px;color: #131010;font-weight: normal;}
#editing .section4 .step > li > strong em {font-style: normal;font-size: 22px;color: #131010;font-weight: 600;margin-right: 10px;}
#editing .section4 .step > li > p {margin-top: 15px;font-size: 15px;font-weight: 200;line-height: 24px;}
/* #editing .section5 .text > dt{font-size: 36px;line-height: 1.1em;text-align: center;font-weight: 100;color: #131010;}
#editing .section5 .text > dd{font-size: 18px;line-height: 30px;text-align: center;font-weight: 100;color: #131010;margin-top: 20px;}
#editing .section5 .btmText{text-align: center;}
#editing .section5 .btmText .btn{display: inline-block;width: 180px;height: 45px;line-height: 45px;background: #fff;color: #111;border:1px solid #111;text-align: center;margin-top: 25px;transition: all 0.2s;}
#editing .section5 .btmText .btn:hover{background: #111;color: #fff;} */
#editing .section5 .text > dt{font-size: 36px;text-align: center;font-weight: 100;color: #131010;margin-bottom: 15px;}
#editing .section5 .text > dd{font-size: 18px;line-height: 30px;font-weight: 100;color: #111;text-align: center;}
#editing .section5 .btmText .btn{display: block;width: 260px;height: 50px;line-height: 46px;border:2px solid #111;color: #111;margin: 20px auto 0;font-weight: 300;font-size: 16px;transition: all 0.2s;}
#editing .section5 .btmText .btn:hover{background: #111;color: #fff;}
#editing .section3 .btmText .btn.type01{display: block;width: 260px;height: 50px;line-height: 46px;border:2px solid #111;color: #111;margin: 20px auto 0;font-weight: 300;font-size: 16px;transition: all 0.2s; background: #fff}
#editing .section3 .btmText .btn.type01:hover{background: #111;color: #fff;}


#homepage{margin-bottom: 150px;}
#homepage .textType1 {padding: 140px 0;}
#homepage .textType1 dt{font-size: 30px;line-height: 38px;font-weight: 100;color: #111;text-align: center;margin-bottom: 20px;}
#homepage .textType1 dd{text-align: center;font-size: 24px;font-weight: 100;line-height: 35px;}
#homepage .section1 .list li{display: inline-block;vertical-align: top;width: 50%;}
#homepage .section2 .list li{display: inline-block;vertical-align: top;width: 25%;position: relative;}

#homepage .section2 .list li img {transition: all 0.5s;}
#homepage .section2 .list li a:after{display: block;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top:0;left:0;opacity: 0;transition: all 0.3s;}
#homepage .section2 .list li a:hover:after {opacity: 1;}
#homepage .section2 .list li:hover img{transform:scale(1.06);}

#homepage .section2 .list li .link  {display:block; overflow: hidden;}
/*#homepage .section2 .list li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}*/


#homepage .section2 .list li .off {display: block;}
#homepage .section2 .list li .on {display: none;}
/* #homepage .section2 .list li:hover .off {display: none;}
#homepage .section2 .list li:hover .on {display: block;} */
#homepage .section3 {width: 1070px;margin: 0 auto 100px;}
#homepage .section3 .list {margin: -10px;text-align: center;}
#homepage .section3 .list > li {margin: 10px;width: calc(100%/7 - 20px);display: inline-block;vertical-align: top;}
#homepage .section3 .list > li > * {display: block;text-align: center;}
#homepage .section3 .list > li > img {margin-left: auto;margin-right: auto;}
#homepage .section3 .list > li > p {font-size: 20px;color: #000000;font-weight: 300;letter-spacing: -0.05em;padding: 20px 0 60px;}
#homepage .section3 .btmText{text-align: center;margin-top: 30px;}
#homepage .section3 .btmText .btn{display: inline-block;width: 180px;height: 45px;line-height: 45px;background: #111;color: #fff;border:1px solid #111;text-align: center;margin-top: 25px;transition: all 0.2s;}
#homepage .section3 .btmText .btn:hover{background: #fff;color: #111;}
#homepage .section3 .btmText .btn.type01{display: block;width: 260px;height: 50px;line-height: 46px;border:2px solid #111;color: #111;margin: 20px auto 0;font-weight: 300;font-size: 16px;transition: all 0.2s; background: #fff}
#homepage .section3 .btmText .btn.type01:hover{background: #111;color: #fff;}
#homepage .section4{padding: 100px 0;margin-bottom: 100px;background: #f4f5f5;}
#homepage .section4 .textType1 {padding: 0;margin-bottom: 60px;}
#homepage .section4 .step {text-align: center;max-width: 1060px;margin: 0 auto;}
#homepage .section4 .step > li {width: calc(100%/4);display: inline-block;vertical-align: top;position: relative;padding-top: 30px;}
#homepage .section4 .step > li:before {display: block;content: '';width: 8px;height: 8px;border-radius: 50%;background: #f4f5f5;border: 2px solid #0d0d0d;position: absolute;top: -3px;left: calc(50% - 4px);z-index: 1;}
#homepage .section4 .step > li:not(:first-child):after {display: block;content: '';position: absolute;top: 0;left: -50%;right: 50%;height: 1px;background: #ccc;}
#homepage .section4 .step > li > * {display: block;text-align: center;}
#homepage .section4 .step > li > strong {font-size: 22px;color: #131010;font-weight: normal;}
#homepage .section4 .step > li > strong em {font-style: normal;font-size: 22px;color: #131010;font-weight: 600;margin-right: 10px;}
#homepage .section4 .step > li > p {margin-top: 15px;font-size: 15px;font-weight: 200;line-height: 24px;}
/* #homepage .section5 .text > dt{font-size: 36px;line-height: 1.1em;text-align: center;font-weight: 100;color: #131010;}
#homepage .section5 .text > dd{font-size: 18px;line-height: 30px;text-align: center;font-weight: 100;color: #131010;margin-top: 20px;}
#homepage .section5 .btmText{text-align: center;}
#homepage .section5 .btmText .btn{display: inline-block;width: 180px;height: 45px;line-height: 45px;background: #fff;color: #111;border:1px solid #111;text-align: center;margin-top: 25px;transition: all 0.2s;}
#homepage .section5 .btmText .btn:hover{background: #111;color: #fff;} */
#homepage .section5 .text > dt{font-size: 36px;text-align: center;font-weight: 100;color: #131010;margin-bottom: 15px;}
#homepage .section5 .text > dd{font-size: 18px;line-height: 30px;font-weight: 100;color: #111;text-align: center;}
#homepage .section5 .btmText .btn{display: block;width: 260px;height: 50px;line-height: 46px;border:2px solid #111;color: #111;margin: 20px auto 0;font-weight: 300;font-size: 16px;transition: all 0.2s;}
#homepage .section5 .btmText .btn:hover{background: #111;color: #fff;}
#homepage .section6 {padding: 140px 0;background: url('../images/hp-sec6-bg.jpg') no-repeat 50% 50%;background-size: cover;}
#homepage .section6 .inner {max-width: 1060px;margin: 0 auto;}
#homepage .section6 .count {text-align: center;margin: -37px;}
#homepage .section6 .count > li {margin: 37px;width: calc(100%/3 - 74px);display: inline-block;vertical-align: top;text-align: left;}
#homepage .section6 .count > li > * {display: block;color: #fff;letter-spacing: -0.05em;line-height: 1.1em;}
#homepage .section6 .count > li > p {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 2px solid #fff;font-size: 22px;font-weight: 200;}
#homepage .section6 .count > li > span {font-size: 60px;font-weight: 600;}
#homepage .section6 .count > li > span:after {display: inline-block;vertical-align: 0;content: '+';font-size: 30px;font-weight: 600;margin-left: 20px;}
#homepage .section7 {max-width: 1060px;margin: 140px auto;}
#homepage .section7 .step {margin: -60px 0 -30px;}
#homepage .section7 .step > li {padding: 60px 0 30px;font-family: empty;font-size: 0;}
#homepage .section7 .step > li:not(:first-child) {border-top: 1px solid #ddd;}
#homepage .section7 .step > li > * {display: inline-block;vertical-align: middle;line-height: 1.1em;letter-spacing: -0.05em;}
#homepage .section7 .step > li > strong {width: 200px;font-size: 30px;color: #131010;font-weight: 600;position: relative;}
#homepage .section7 .step > li > strong em {display: block;font-style: normal;font-size: 22px;color: #cccccc;font-weight: 600;position: absolute;bottom: 100%;left: 0;}
#homepage .section7 .step > li > p {width: calc(100% - 200px);font-size: 18px;color: #666666;font-weight: 200;line-height: 1.6em;}





#homepage .section8 {margin:140px auto 150px; max-width:1060px; width:100%;}
#homepage .section8 .box {width:100%; font-size: 0;}
#homepage .section8 .box .inquiryLef {display: inline-block;vertical-align: top; width: 35%;}
#homepage .section8 .box .inquiryBox{display: inline-block;width: 65%;}
#homepage .section8 .box .title{display: inline-block;vertical-align: top;}
#homepage .section8 .box .title dt{font-size: 36px;font-weight: 600;color: #111;letter-spacing: -0.05em;margin-bottom: 25px;}
#homepage .section8 .box .title dd{font-size: 16px;line-height: 24px;}
#homepage .section8 .box .tel {margin-top: 20px; font-size: 24px;font-family: mon;color: #111;}
#homepage .section8 .box .btn {margin-top: 20px;}
#homepage .section8 .btn{width: 100%;height: 50px;line-height: 48px;font-size: 16px;font-weight: 300;background: #111;color: #fff;transition: all 0.2s;border:1px solid #111;}
#homepage .section8 .btn:hover{background: #fff;color: #111;border:1px solid #111;}

#homepage .section8 .dropBtn {display: none;}

#homepage .section8 .box .typeText{width: 100%;height: 40px;border:0;border:1px solid #ddd;background: #e8e8e8;text-indent: 40px;}
#homepage .section8 .inputWrap{display: inline-block;vertical-align: top;font-size: 0;margin: -5px;}
#homepage .section8 .inp{display: inline-block;vertical-align: top;width: 33.33%;padding: 5px;}
#homepage .section8 .inp.ip1 .typeText{background: #e8e8e8 url('../images/main-sec3-ip1.gif') no-repeat 15px 50%;}
#homepage .section8 .inp.ip2 .typeText{background: #e8e8e8 url('../images/main-sec3-ip2.gif') no-repeat 15px 50%;}
#homepage .section8 .inp.ip3 .typeText{background: #e8e8e8 url('../images/main-sec3-ip3.gif') no-repeat 15px 50%;}
#homepage .section8 .inp.ip4 .typeText{background: #e8e8e8 url('../images/main-sec3-ip4.gif') no-repeat 15px 50%;}
#homepage .section8 .inp.ip5 .typeText{background: #e8e8e8 url('../images/main-sec3-ip5.gif') no-repeat 15px 50%;}
#homepage .section8 .inp.ip6 .typeText{background: #e8e8e8 url('../images/main-sec3-ip6.gif') no-repeat 15px 50%;}
#homepage .section8 .labelWrap{margin: 10px -10px 20px;font-size: 0;}
#homepage .section8 .labelWrap label{display: inline-block;vertical-align: middle;margin:5px 10px;font-size: 14px;color: #444;}
#homepage .section8 .typeArea{padding: 15px;border:1px solid #ddd;background: #e8e8e8;font-size: 14px;width: 100%;height: 80px;box-sizing:border-box;margin-bottom: 10px; resize: none;}
#homepage .section8 .checkWrap{margin: -2px -10px;}
#homepage .section8 .checkWrap label{display: inline-block;margin:2px 10px;}


@media screen and (max-width: 1200px){


	#homepage .section8 {display: block;}
	#homepage .section8 .box {display: block;width: 100%;text-align: center;padding: 35px 20px;}
	#homepage .section8 .box .inquiryLef {display: block;width: 100%;box-sizing:border-box;text-align: center;}
	#homepage .section8 .box .title dt {font-size: 28px;margin-bottom: 15px;}
	#homepage .section8 .box .inquiryBox {width: 100%;box-sizing:border-box;margin-top: 20px;}


}

@media all and (max-width: 750px){
	/* .portfolioTop >*{width: 100%;}
	#wrap .infoType1 dd{font-size: 18px;line-height: 26px;} */
	#homepage .section8 .inp {width: 50%;}
	#homepage .section8 .dropBtn{display: block;margin-top: 20px;}
	#homepage .section8 .dropBox{display: none;}

	#homepage .section8 .checkWrap label{font-size: 13px;}
	#homepage .section8 .box .btn{height: 45px;line-height: 43px;}
	#homepage .section8 .box .title dt{font-size: 24px;margin-bottom: 10px;}
	#homepage .section8 .box .title dd{font-size: 13px;line-height: 21px;}
	/* #mainWrap .section5 .text{font-size: 20px;line-height: 30px;}
	#mainWrap .section5 .tel{width: 230px;height: 50px;line-height: 46px;font-size: 17px;margin-top: 25px;}
	#mainWrap .dropBtn{display: block;margin-top: 20px;}
	#mainWrap .dropBox{display: none;} */
}



/* Band Banner */
.band_banner {
	padding:10px;
	background-color: #000;
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	width: calc(100% - 261px);
	z-index: 99;
	transition:all .3s ease;
}

.band_banner .cont {
	display: none;
}

.band_banner p {
	font-size:16px;
	color:#fff;
	line-height: 1;
	position: relative;
	z-index:2;
	display:inline-block;
}

.band_banner button {
	background-color: transparent;
	outline: none;
	border:none;
	cursor: pointer;
}

.band_banner .band_close_btn {
	position: absolute;
	top:50%;
	right:1%;
	transform: translateY(-50%);
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/theme/wm-type1/images/main/band_close.png');
	z-index:999999;
}

.band_banner .img {
	display: none;
}

@media (max-width:1200px) {
	.band_banner  {
		top:100px;
		width:100%;
	}

	.band_banner.fixed  {
		width:100%;
	}

	.band_banner .cont {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.band_banner .img {
		font-size:0px;
		width:30px;
		height: 30px;
		margin-right:6px;
	}

	.band_banner p  {
		font-size:14px;
		font-weight:700;
	}

	.band_banner p.b-pc {
		display: none;
	}

	.band_banner .img {
		display: block;
	}

	.band_banner .img img {
		width:160px;
	}

	.band_banner .band_close_btn {
		width:12px;
		height:12px;
		background-size:auto 12px;
	}

}

@media (max-width:768px) {

	.band_banner {
		padding:6px 50px;
	}

	.band_banner p  {
		font-size:13px;
	}

	.band_banner .band_close_btn {
		width:12px;
		height:12px;
		background-size:auto 12px;
		right:10px;
	}

	.band_banner .img {
		width:20px;
		height: 20px;
		margin-right:4px;
	}

}

@media (max-width:571px) {

}


/* 문의 신설페이지 퍼블 20230503 */
#sub #content.inquiry--page {
	width:100%;
	padding:0px;
}

#writeIq .section1{display: table;width: 100%;}
#writeIq .section1 .box{display: table-cell;vertical-align: top;padding: 75px 50px;border:1px solid #ddd;}
#writeIq .section1 .box .title{display: inline-block;vertical-align: top;}
#writeIq .section1 .box .title dt{font-size: 36px;font-weight: 600;color: #111;letter-spacing: -0.05em;margin-bottom: 25px;}
#writeIq .section1 .box .title dd{font-size: 16px;line-height: 24px;}
#writeIq .section1 .box1{font-size: 0;background: #fbfbfb;}
#writeIq .section1 .box1 .inquiryLef {display: inline-block;vertical-align: top;width: 35%;}
#writeIq .section1 .box1 .inquiryBox {display: inline-block;width: 65%;}
#writeIq .section1 .box1 .tel{margin-top: 20px;font-size: 24px;font-family: mon;color: #111;}
#writeIq .section1 .box1 .btn{margin-top: 20px;}
#writeIq .section1 .box .typeText{width: 100%;height: 40px;border:0;border:1px solid #ddd;background: #e8e8e8;text-indent: 40px;}
#writeIq .section1 .btn{width: 100%;height: 50px;line-height: 48px;font-size: 16px;font-weight: 300;background: #111;color: #fff;transition: all 0.2s;border:1px solid #111;}
#writeIq .section1 .btn:hover{background: #fff;color: #111;border:1px solid #111;}
#writeIq .inputWrap{display: inline-block;vertical-align: top;font-size: 0;margin: -5px;}
#writeIq .inp{display: inline-block;vertical-align: top;width: 33.33%;padding: 5px;}
#writeIq .inp.ip1 .typeText{background: #e8e8e8 url(../images/main-sec3-ip1.gif) no-repeat 15px 50%;}
#writeIq .inp.ip2 .typeText{background: #e8e8e8 url(../images/main-sec3-ip2.gif) no-repeat 15px 50%;}
#writeIq .inp.ip3 .typeText{background: #e8e8e8 url(../images/main-sec3-ip3.gif) no-repeat 15px 50%;}
#writeIq .inp.ip4 .typeText{background: #e8e8e8 url(../images/main-sec3-ip4.gif) no-repeat 15px 50%;}
#writeIq .inp.ip5 .typeText{background: #e8e8e8 url(../images/main-sec3-ip5.gif) no-repeat 15px 50%;}
#writeIq .inp.ip6 .typeText{background: #e8e8e8 url(../images/main-sec3-ip6.gif) no-repeat 15px 50%;}
#writeIq .labelWrap{margin: 10px -10px 20px;font-size: 0;}
#writeIq .labelWrap label{display: inline-block;vertical-align: middle;margin:5px 10px;font-size: 14px;color: #444;}
#writeIq .typeArea{padding: 15px;border:1px solid #ddd;background: #e8e8e8;font-size: 14px;width: 100%;height: 80px;box-sizing:border-box;margin-bottom: 10px;}

#writeIq .checkWrap{margin: -2px -10px;}
#writeIq .checkWrap label{display: inline-block;margin:2px 10px;}
#writeIq .section1 .box2 {position: relative;width: 30%;border-left:0;}
#writeIq .section1 .box2 .bwrap{position: absolute;bottom:0;left:0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:75px 50px;}
#writeIq .section1 .box2 .btn{display: block;}

#writeIq .dropBtn{display: none;}


/* 메인 포트폴리오 이미지 퍼블 20230619 */
.section0 .sec_main {
	display:flex;
	flex-wrap: wrap;
}

.section0 .sec_main__full {
	flex:1 1 50%;
	overflow: hidden;
}

.section0 .sec_main__full ul::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
}

.section0 .sec_main__full img {
	transition:all .5s;
}

.section0 .sec_main__full ul:hover::after {
	opacity:1;
}

.section0 .sec_main__full ul:hover img {
	transform: scale(1.06);
}

.section0 .sec_main__single {
	flex:1 1 50%;
	overflow: hidden;
}

.section0 .sec_main__single ul,
.section0 .sec_sub__single ul {
	display: flex;
	flex-wrap: wrap;
}

.section0 .sec_main__single li {
	width:50%;
	height:255px;
	position: relative;
	overflow: hidden;
}

.section0 .sec_sub__single li {
	width:33.33%;
	height:255px;
	position: relative;
	overflow: hidden;
}

.section0 .sec_main__single img,
.section0 .sec_sub__single img {
	width: 100%;
	margin-top: 0;
	transition-property: all;
	transition-duration: 2.5s;
	transition-timing-function: cubic-bezier(0.38, 0.03, 0.39, 0.96);
	transition-delay: 0s;
}

.section0 .sec_image__test::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
}

.section0 .sec_image__test p {
	z-index:10;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	font-size:16px;
	color:#fff;
	padding:10px;
	transition:all 0.3s;
	opacity:0;
}

.section0 .sec_main__single li:hover .sec_image__test::after,
.section0 .sec_sub__single li:hover .sec_image__test::after {
	opacity:1;
}


.section0 .sec_main__single li:hover .sec_image__test p,
.section0 .sec_sub__single li:hover .sec_image__test p {
	opacity:1;
}


/* 견적문의폼 모든 페이지 컨테이너 css 20230705 */
.sec-container {
	width:1060px;
	margin:0 auto;
}

#writeIq .sec-container .box{border:0px; padding:140px 0px;}
#writeIq .sec-container .box1{font-size: 0; background-color: #fff;}

@media (max-width:1200px) {
	.sec-container {
		width:auto;
	}
}


/* 견적요청 추가 퍼블 - 홈페이지 20230705 */
.process--border {
	border-bottom:1px solid #f4f5f5;
}

#writeHompage .inquiry {margin:140px auto 0px; max-width:1060px; width:100%;}
#writeHompage .inquiry .box {width:100%; font-size: 0;}
#writeHompage .inquiry .box .inquiryLef {display: inline-block;vertical-align: top; width: 35%;}
#writeHompage .inquiry .box .inquiryRight {display: inline-block;vertical-align: top; width: 65%;}
/* #writeHompage .inquiry .box .inquiryBox{display: inline-block;width: 65%;} */
#writeHompage .inquiry .box .title{display: inline-block;vertical-align: top;}
#writeHompage .inquiry .box .title dt{font-size: 36px;font-weight: 600;color: #111;letter-spacing: -0.05em;margin-bottom: 25px;}
#writeHompage .inquiry .box .title dd{font-size: 16px;line-height: 24px;}
#writeHompage .inquiry .box .tel {margin-top: 20px; font-size: 24px;font-family: mon;color: #111;}
#writeHompage .inquiry .box .btn {margin-top: 20px;}
#writeHompage .inquiry .btn{width: 100%;height: 50px;line-height: 48px;font-size: 16px;font-weight: 300;background: #111;color: #fff;transition: all 0.2s;border:1px solid #111;}
#writeHompage .inquiry .btn:hover{background: #fff;color: #111;border:1px solid #111;}

#writeHompage .inquiry .dropBtn {display: none;}

#writeHompage .inquiry .box .typeText{width: 100%;height: 40px;border:0;border:1px solid #ddd;background: #e8e8e8;text-indent: 40px;}
#writeHompage .inquiry .inputWrap{display: inline-block;vertical-align: top;font-size: 0;margin: -5px;}
#writeHompage .inquiry .inp{display: inline-block;vertical-align: top;width: 33.33%;padding: 5px;}
#writeHompage .inquiry .inp.ip1 .typeText{background: #e8e8e8 url('../images/main-sec3-ip1.gif') no-repeat 15px 50%;}
#writeHompage .inquiry .inp.ip2 .typeText{background: #e8e8e8 url('../images/main-sec3-ip2.gif') no-repeat 15px 50%;}
#writeHompage .inquiry .inp.ip3 .typeText{background: #e8e8e8 url('../images/main-sec3-ip3.gif') no-repeat 15px 50%;}
#writeHompage .inquiry .inp.ip4 .typeText{background: #e8e8e8 url('../images/main-sec3-ip4.gif') no-repeat 15px 50%;}
#writeHompage .inquiry .inp.ip5 .typeText{background: #e8e8e8 url('../images/main-sec3-ip5.gif') no-repeat 15px 50%;}
#writeHompage .inquiry .inp.ip6 .typeText{background: #e8e8e8 url('../images/main-sec3-ip6.gif') no-repeat 15px 50%;}
#writeHompage .inquiry .labelWrap{margin: 10px -10px 20px;font-size: 0;}
#writeHompage .inquiry .labelWrap label{display: inline-block;vertical-align: middle;margin:5px 10px;font-size: 14px;color: #444;}
#writeHompage .inquiry .typeArea{padding: 15px;border:1px solid #ddd;background: #e8e8e8;font-size: 14px;width: 100%;height: 80px;box-sizing:border-box;margin-bottom: 10px; resize: none;}
#writeHompage .inquiry .checkWrap{margin: -2px -10px;}
#writeHompage .inquiry .checkWrap label{display: inline-block;margin:2px 10px;}


#writeHompage .inquiry .emailWraps {margin: 20px 0px;}
#writeHompage .inquiry .emailWraps .email_item {display: flex; padding-top: 10px;}
#writeHompage .inquiry .emailWraps input {width: calc(100% - 50px); height: 40px; border: 0; border: 1px solid #ddd; background: #e8e8e8; padding: 0px 15px; background-color: #f8f8f8;}
#writeHompage .inquiry .emailWraps .email_defult input {width: 100%;}
#writeHompage .inquiry .emailWraps button {display: flex; align-items: center; justify-content: center;}
#writeHompage .inquiry .emailWraps .itemplus_btn {width: 40px;height: 40px; background-color: #000; border: 1px solid #000; color: #fff; font-size: 20px; line-height: 1; font-weight: 600; margin-left: 10px;}
#writeHompage .inquiry .emailWraps .itemplus_remove { width: 40px; height: 40px; background-color: #999; border: 1px solid #999; color: #fff; font-size: 20px; line-height: 1; font-weight: 600; margin-left: 10px;}


@media screen and (max-width: 1200px){
	#writeHompage .inquiry {display: block;}
	#writeHompage .inquiry .box {display: block;width: 100%;text-align: center;padding: 35px 20px;}
	#writeHompage .inquiry .box .inquiryLef {display: block;width: 100%;box-sizing:border-box;text-align: center;}
	#writeHompage .inquiry .box .title dt {font-size: 28px;margin-bottom: 15px;}
	#writeHompage .inquiry .box .inquiryRight {width: 100%;box-sizing:border-box;margin-top: 20px;}
}

@media all and (max-width: 750px){
	#writeHompage .inquiry .inp {width: 50%;}
	#writeHompage .inquiry .dropBtn{display: block;margin-top: 20px;}
	#writeHompage .inquiry .dropBox{display: none;}

	#writeHompage .inquiry .checkWrap label{font-size: 13px;}
	#writeHompage .inquiry .box .btn{height: 45px;line-height: 43px;}
	#writeHompage .inquiry .box .title dt{font-size: 24px;margin-bottom: 10px;}
	#writeHompage .inquiry .box .title dd{font-size: 13px;line-height: 21px;}
}


/* 문의 페이지 퍼블 추가 수정 20230705 */
#writeIq .emailWraps {margin:20px 0px;}
#writeIq .emailWraps .email_item {display:flex;padding-top:10px;}
#writeIq .emailWraps input {width:calc(100% - 50px); height: 40px; border: 0; border: 1px solid #ddd; background: #e8e8e8; padding:0px 15px; background-color: #f8f8f8;}
#writeIq .emailWraps .email_defult input {width:100%;}
#writeIq .emailWraps button {display:flex; align-items: center;justify-content: center;}
#writeIq .emailWraps .itemplus_btn {width:40px; height:40px; background-color: #000; border:1px solid #000; color:#fff; font-size:20px; line-height:1; font-weight:600; margin-left:10px;}
#writeIq .emailWraps .itemplus_remove {width:40px; height:40px; background-color: #999; border:1px solid #999; color:#fff; font-size:20px; line-height:1; font-weight:600; margin-left:10px;}


/* 20230828 추가 퍼블 - 문의폼 하단 문구 추가(파일첨부관련) */
.file-hints {
	font-size: 13px;
	margin-top: 10px;
}

.file-hints span {
	font-size: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width:500px) {
	.file-hints {
		font-size: 12px;
		margin-top: 4px;
	}
}



/* 20240110 추가 퍼블 - 풀 사이즈 비주얼 배너 */
/* 폰트 추가*/
/* Pretendard Font - KOR */
@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-style: normal;
  src: url('../font/Pretendard-Thin.woff2') format('font-woff2'),
  url('../font/Pretendard-Thin.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-style: normal;
  src: url('../font/Pretendard-ExtraLight.woff2') format('font-woff2'),
  url('../font/Pretendard-ExtraLight.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-style: normal;
  src: url('../font/Pretendard-Light.woff2') format('font-woff2'),
  url('../font/Pretendard-Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-style: normal;
  src: url('../font/Pretendard-Regular.woff2') format('font-woff2'),
  url('../font/Pretendard-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-style: normal;
  src: url('../font/Pretendard-Medium.woff2') format('font-woff2'),
  url('../font/Pretendard-Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-style: normal;
  src: url('../font/Pretendard-SemiBold.woff2') format('font-woff2'),
  url('../font/Pretendard-SemiBold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-style: normal;
  src: url('../font/Pretendard-Bold.woff2') format('font-woff2'),
  url('../font/Pretendard-Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-style: normal;
  src: url('../font/Pretendard-ExtraBold.woff2') format('font-woff2'),
  url('../font/Pretendard-ExtraBold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-style: normal;
  src: url('../font/Pretendard-Black.woff2') format('font-woff2'),
  url('../font/Pretendard-Black.woff') format('woff');
  font-display: swap;
}


#mainWrap .section--full {
	position: relative;
	width:100%;
	overflow: hidden;
}

#mainWrap .section--full .hidden {
	overflow: hidden;
}

#mainWrap .section--full .full-slide {
	height:100%;
}

#mainWrap .section--full .context {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	max-width:860px;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0px 15px;
}

#mainWrap .section--full .main-mb {
	margin-bottom:40px;
}

#mainWrap .section--full .context h3 {
	font-family: "Pretendard";
	font-size: 44px;
	font-weight:500;
	color:#fff;
	opacity:0;
  transform: translateY(100%);
	text-align: center;
}

#mainWrap .section--full .context h3 span {
	font-family: inherit;
	font-size: inherit;
	font-weight:700;
	color:inherit;
}

#mainWrap .section--full .context p {
	font-family: "Pretendard";
	font-size: 24px;
	font-weight:300;
	line-height: 32px;
	color:#fff;
	text-align: center;
	opacity:0;
}

#mainWrap .section--full .slide-img {
	height:100%;
	overflow: hidden;
}

#mainWrap .section--full .slide-img img {
	display: block;
}

#mainWrap .section--full .slide-img .background {
	overflow: hidden;
}

#mainWrap .section--full .slide-img .img_mo {
	display: none;
}

#mainWrap .section--full .slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left:50%;
	bottom:30px;
	transform: translateX(-50%);
}

#mainWrap .section--full .slick-dots li {
	display: block;
	margin:0px 5px;
}

#mainWrap .section--full .slick-dots button {
	font-size:0px;
	display:block;
	width:12px;
	height:12px;
	border-radius:12px;
	background-color: #ddd;
	outline: none;
	border:0px;
	transition: all 0.3s;
}

#mainWrap .section--full .slick-dots li.slick-active button {
	width:35px;
	background-color:#222;
}

#mainWrap .section--full .slick-active .context h3 {
	animation:tit-up 1.2s ease both;
}

#mainWrap .section--full .slick-active .context p {
	animation:tit-fade 1.2s ease .2s both;
}

@keyframes tit-up {
	from {
    opacity:0;
    transform: translateY(100%);
  }
  to {
    opacity:1;
    transform: translateY(0);
  }
}

@keyframes tit-fade {
	from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

@media all and (max-width: 768px){
	#mainWrap .section--full {
		/* height:calc(100vh - 250px); */
	}
	

	#mainWrap .section--full img {
		width:100%;
		/* height:100%; */
	}

	#mainWrap .slick-list,
	#mainWrap .slick-track,
	#mainWrap .slick-slide {
		/* height:100%; */
	}

	#mainWrap .section--full .slide-img .img_pc {
		display: none;
	}

	#mainWrap .section--full .slide-img .img_mo {
		display: block;
		position: relative;
		width:100%;
		height:0;
		padding-top: calc(1280/800*100%);
		overflow: hidden;
		/* height:100%; */
	}

	#mainWrap .section--full .slide-img .img_mo img {
		position: absolute;
		top: 50%;
		left:50%;
		transform: translate(-50%,-50%);
		width:100%;
		height:100%;
	}
}



/* 20240321 */
#conWrap .overyArea {
	position: relative;
}

#conWrap .overy-cover {
	position: fixed;
	top:0;
	width: calc(100vw - 261px);
	margin:0 auto;
	z-index:-1;
}

#conWrap .overy-cover .img-mo {
	display: none;
}

#conWrap .overy-item {
  top:0;
  width:calc(100vw - 261px);
  margin:0 auto;
}

#conWrap .overy-item .img-mo {
	display: none;
}

#conWrap .section--bnr {
	position: relative;
}

#conWrap .bnr-intro {
	/* pointer-events: none; */
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0px 15px;
	z-index:50;
	background-color:rgba(0,0,0,.6);
	opacity:0;
	visibility: hidden;
	transition:all 1.25s ease-out;
}

#conWrap .bnr-intro p {
	width:400px;
	height:100px;
}

#conWrap .bnr-intro.on {
	opacity:1;
	visibility: visible;
}

#mainWrap .section--bnr .swiper-container {
	height:100%;
}

#mainWrap .section--bnr .swiper-wrapper {
	height:100%;
}

#mainWrap .section--bnr .swiper-slide {
	height:100%;
	overflow: hidden;
}

#mainWrap .section--bnr img {
	display: block;
}

#mainWrap .section--bnr .context {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width:100%;
	height:100%;
	padding:0px 15px;
	z-index:10;
}

#mainWrap .section--bnr .context_br {
	display: none;
}

#mainWrap .section--bnr .context_tit {
	display: flex;
	align-items: center;
	font-family: "Pretendard";
	font-size: 44px;
	font-weight:500;
	color:#fff;
	overflow: hidden;
	text-align: center;
	margin-bottom:40px;
}

#mainWrap .section--bnr .context_tit span {
	display: block;
	margin:3px 0px;
	padding:0px 6px;
	font-style: normal;
	font-family: inherit;
	font-size: inherit;
	color:inherit;
	overflow: hidden;
}

#mainWrap .section--bnr .context_tit i {
	display: inline-block;
	font-style: normal;
	font-family: inherit;
	font-size: inherit;
	color:inherit;
	transition:all 1s ease;
	opacity:0;
	transform: translateY(100%);
}

#mainWrap .section--bnr .context_tit em {
	font-style: normal;
	font-family: inherit;
	font-size: inherit;
	font-weight:700;
	color:inherit;
}

#mainWrap .section--bnr .context_txt {
	font-family: "Pretendard";
	font-size: 24px;
	font-weight:300;
	line-height: 34px;
	color:#fff;
	text-align: center;
	overflow: hidden;
}

#mainWrap .section--bnr .context_txt span {
	display: block;
	font-style: normal;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color:inherit;
	overflow: hidden;
	/* transition:all 1s ease;
	opacity:0;
	transform: translateY(100%); */
}

#mainWrap .section--bnr .context_txt i {
	display: inline-block;
	font-style: normal;
	font-family: inherit;
	font-size: inherit;
	color:inherit;
	transition:all 1s ease;
	opacity:0;
	transform: translateY(100%);
}

#mainWrap .section--bnr .background {
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
}

#mainWrap .section--bnr .background-mo {
	display: none;
}

#mainWrap .section--bnr .img_mo {
	display: none;
}

#mainWrap .section--bnr .swiper-controls {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left:50%;
	bottom:30px;
	transform: translateX(-50%);
	z-index:10;
}

#mainWrap .section--bnr .pagination {
	display: flex;
	align-items: center;
}

#mainWrap .section--bnr .swiper-pagination-bullet {
	display: block;
	font-size:0px;
	width:12px;
	height:12px;
	border-radius:12px;
	background-color: #ddd;
	outline: none;
	border:0px;
	transition: all 0.3s;
	margin:0px 5px;
	opacity:1;
}

#mainWrap .section--bnr .swiper-pagination-bullet-active {
	width:35px;
	background-color:#222;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit .tit_ani i {
	animation:tit-start 1.2s ease both;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit .tit_ani i.down-action {
	animation:tit-down 1.2s ease both;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit .tit_ani i:not(.context_br):nth-child(1){
	animation-delay: .25s;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit .tit_ani i:not(.context_br):nth-child(2){
	animation-delay: .5s;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit .tit_ani i:not(.context_br):nth-child(3){
	animation-delay: .75s;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit .tit_ani i:not(.context_br):nth-child(4){
	animation-delay: 1s;
}

#mainWrap .section--bnr .swiper-slide-active .context_txt .txt_ani i {
	animation:txt-start 1.6s ease both;
}

#mainWrap .section--bnr .swiper-slide-active .context_txt .txt_ani:nth-child(1) i {
	animation-delay: .25s;
}

#mainWrap .section--bnr .swiper-slide-active .context_txt .txt_ani:nth-child(2) i {
	animation-delay: .5s;
}


@keyframes tit-start {
	0% {
		opacity:0;
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

@keyframes tit-down {
	0% {
		opacity:0;
		transform: translateY(-100%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

@keyframes txt-start {
	0% {
		opacity:0;
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

/* #mainWrap .section--bnr .swiper-slide-active .context_tit span.tit_ani {
	animation:tit-start 1.2s ease both;
}

#mainWrap .section--bnr .swiper-slide-active .context_tit span.tit_ani--down {
	animation:tit-down 1.2s ease both;
}

#mainWrap .section--bnr .swiper-slide-active .context_txt span.txt_ani {
	animation:txt-start 1.2s ease both;
}

#mainWrap .section--bnr .swiper-slide-active .context_txt span.txt_ani:nth-child(1){
	animation-delay: .25s;
}

#mainWrap .section--bnr .swiper-slide-active .context_txt span.txt_ani:nth-child(2){
	animation-delay: .5s;
} */

/* @keyframes tit-start {
	0% {
		opacity:0;
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

@keyframes tit-down {
	0% {
		opacity:0;
		transform: translateY(-100%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

@keyframes txt-start {
	0% {
		opacity:0;
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
} */

@media all and (max-width: 1200px){
	#conWrap .overy-cover {
		top:100px;
		width:100%;
	}

	#conWrap .overy-item {
		top:100px;
		width:100%;
	}

	#conWrap .bnr-intro p {
		width:300px;
		height:60px;
	}

	#mainWrap .section--bnr .context_tit {
		font-size:32px;
		margin-bottom:30px;
	}

	#mainWrap .section--bnr .context_txt {
		font-size:20px;
	}
}
@media all and (max-width: 768px){
	#conWrap .overy-cover .img-pc {
		display: none;
	}

	#conWrap .overy-cover .img-mo {
		display: block;
		position: relative;
		width:100%;
		height:0;
		padding-top: calc(1440/800*100%);
		overflow: hidden;
	}

	#conWrap .overy-cover .img-mo img {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
	}
	
	#conWrap .overy-item .img-pc {
		display:none;
	}

	#conWrap .overy-item .img-mo {
		display: block;
		position: relative;
		width:100%;
		height:0;
		padding-top: calc(1440/800*100%);
		overflow: hidden;
	}

	#conWrap .overy-item .img-mo img {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
	}

	#mainWrap .section--bnr .background-pc {
		display: none;
	}

	#mainWrap .section--bnr .background-mo {
		display: block;
		position: relative;
		width:100%;
		height:0;
		padding-top: calc(1440/800*100%);
		overflow: hidden;
	}

	#mainWrap .section--bnr .background-mo img {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
	}

	#conWrap .bnr-intro p {
		width:260px;
		height:50px;
	}

	#mainWrap .section--bnr .context_tit {
		font-size:26px;
		margin-bottom:22px;
	}

	#mainWrap .section--bnr .context_txt {
		font-size:18px;
		line-height:28px;
	}
}

@media all and (max-width: 640px){
	#conWrap .overy-cover .img-mo {
		padding-top: calc(1240/800*100%);
	}

	#conWrap .overy-item .img-mo {
		padding-top: calc(1240/800*100%);
	}

	#mainWrap .section--bnr .background-mo {
		padding-top: calc(1240/800*100%);
	}

	/* #mainWrap .section--bnr .context_br {
		display: block;
	} */

	#conWrap .bnr-intro p {
		width:200px;
		height:38px;
	}

	#mainWrap .section--bnr .context_tit {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* display: block; */
		font-size:20px;
		margin-bottom:18px;
	}

/* 
	#mainWrap .section--bnr .context_tit span {
		display: inline-block;
	} */

	#mainWrap .section--bnr .context_txt {
		font-size:16px;
		line-height:24px;
	}

	#mainWrap .section--bnr .swiper-pagination-bullet {
		width:8px;
		height:8px;
		margin:0px 4px;
	}

	#mainWrap .section--bnr .swiper-pagination-bullet-active {
		width:26px;
	}
}



/* Benefit */
#benefit .pc {
	display: block;
}

#benefit .sub-layer--benefit {
  padding:0px;
  max-width:none;
  width:100%;
}

#benefit .benefit__inner {
  max-width:1410px;
  width:100%;
  margin:0 auto;
  padding:0px 15px;
}

#benefit .basic__intro {
  width:100%;
  height:100%;
  display: flex;
  align-items: center;
  padding:240px 0px;
}

#benefit .basic__intro .direction {
	width:100%;
}

#benefit .basic__intro .tit {
  font-size:34px;
  color:#121212;
  font-weight:600;
	margin-bottom:40px;
}

#benefit .basic__intro .subtit {
  font-size:18px;
  color:#505050;
  font-weight:400;
  line-height:1.5;
}

#benefit .benefit__sequence ul {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -1.5%;
}

#benefit .benefit__sequence li {
  flex: 0 0 25%;
  padding: 30px 1.5%;
  text-align: center;
}

#benefit .benefit__sequence .card {
  height: 100%;
  padding: 20px;
  border: 1px solid #d3d3d3;
  border-top: 2px solid #121212;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#benefit .benefit__sequence .list p {
  font-size:16px;
  color:#505050;
  line-height:1.4;
}

#benefit .benefit__sequence .list p.card__tit {
  font-size:24px;
  font-weight:700;
  color:#121212;
  line-height:1;
}

#benefit .benefit__sequence .list .card__point {
  margin-top:28px;
  padding: 28px 16px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

#benefit .benefit__sequence .list p.point__tit {
  font-size:18px;
  font-weight:600;
  color:#000000;
  margin-bottom:20px;
}

#benefit .benefit__introduction {
  padding:80px 0px;
}

#benefit .benefit__introduction .line {
  width:100%;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  padding:80px 2%;
}

#benefit .benefit__introduction .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin:0px -30px;
}

#benefit .benefit__introduction .list li {
  flex:1 1 50%;
  padding:0px 30px;
}

#benefit .benefit__introduction .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height:100%;
}

#benefit .benefit__introduction .card__left {
  margin-bottom:40px;
}

#benefit .benefit__introduction .card__left p {
  font-size:24px;
  font-weight:600;
  color:#505050;
  line-height:1.4;
}

#benefit .benefit__introduction .card__right {
  display:flex;
  justify-content: flex-end;
}

#benefit .benefit__introduction .card__right p {
  display: flex;
  align-items: flex-end;
}

#benefit .benefit__introduction .card__right span {
  font-size:42px;
  font-weight: 600;
	line-height: 1;
  color:#474747;
  display: block;
}

#benefit .benefit__introduction .card__right span.num {
  font-size:140px;
  font-weight:700;
  color:#121212;
  line-height:.8;
}

#benefit .benefit__price {
  padding-bottom:120px;
}

#benefit .benefit__price .mobile-alert {
  font-size:14px;
  margin-bottom:10px;
  color:#e33236;
}

#benefit .benefit__price .price__con {
  border-radius:15px;
  box-shadow: 0px 0px 4px 0px rgba(50,50,50,.2);
  overflow: hidden;
}

#benefit .benefit__price .table {
  table-layout: fixed;
  width:100%;
  overflow:hidden;
}

#benefit .benefit__price .table tr {
  background-color: #f8f8f8;
}

#benefit .benefit__price .table tr:nth-child(odd) {
  background-color: #fff;
}

#benefit .benefit__price .table th,
#benefit .benefit__price .table td {
  font-size:16px;
  font-weight:400;
  color:#373737;
  height:54px;
  padding:6px 10px;
}

#benefit .benefit__price .table th {
  background-color: #505050;
  color:#fff;
  border-right:1px solid #fff;
}

#benefit .benefit__price .table th:last-child {
  border-right:0px;
}

#benefit .benefit__price .table td {
  border-top:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
}

#benefit .benefit__price .table td:last-child {
  border-right:0px;
}

/* Large devices (desktops, less than 1400px) - lg */
@media (max-width: 1400px) {
	#benefit .basic__intro {
    padding:140px 0px;
  }

  #benefit .benefit__sequence ul {
		margin: -12px -8px;
	}
	
	#benefit .benefit__sequence li {
		padding: 12px 8px;
	}

  #benefit .benefit__price {
    padding-bottom:60px;
  }

  #benefit .benefit__price .table th, #benefit .benefit__price .table td {
    /* font-size:1.6rem; */
    height:45px;
  }

}
/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1200px) {
  #benefit .benefit__sequence li {
    flex:0 0 33.33%;
  }

}
/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 1024px) {
	#benefit .pc {
		display: none;
	}

	#benefit .basic__intro .tit {
		font-size:26px;
		margin-bottom:26px;
	}
	
	#benefit .basic__intro .subtit {
		font-size:16px;
	}	

  #benefit .benefit__sequence .card {
    padding:14px;
  }

  #benefit .benefit__sequence .list p {
    font-size:14px;
  }

  #benefit .benefit__sequence .list p.card__tit {
    font-size:20px;
  }

  #benefit .benefit__sequence .list .card__point {
    margin-top:20px;
    padding:20px 16px;
  }

  #benefit .benefit__sequence .list p.point__tit {
    font-size:16px;
    margin-bottom:12px;
  }

  #benefit .benefit__introduction {
    padding:60px 0px;
  }

  #benefit .benefit__introduction .line {
    padding:60px 20px;
  }

  #benefit .benefit__introduction .card__left {
    margin-bottom:26px;
  }

  #benefit .benefit__introduction .card__left p {
    font-size:20px;
  }

  #benefit .benefit__introduction .card__right span.num {
    font-size:80px;
  }

  #benefit .benefit__introduction .card__right span {
    font-size:30px;
  }

  #benefit .benefit__price {
    padding-bottom:30px;
  }

  #benefit .price__con .scroll {
    overflow-x: auto;
  }

  #benefit .price__con .table {
    min-width:800px;
  }

  #benefit .benefit__price .table th, #benefit .benefit__price .table td {
    font-size:14px;
  }

}
/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {
	#benefit .basic__intro {
    padding:80px 0px;
  }

  #benefit .benefit__sequence li {
    flex:0 0 50%;
  }

  #benefit .benefit__introduction .line {
    padding:40px 20px;
  }

  #benefit .benefit__introduction .list {
    margin:-40px -20px;
  }

  #benefit .benefit__introduction .list li {
    flex:1 1 100%;
    padding:40px 20px;
    border-bottom:1px solid #000;
  }

  #benefit .benefit__introduction .list li:last-child {
    border:none;
  }

}
/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 500px) {
	#benefit .basic__intro .tit {
		font-size:24px;
	}

	#benefit .basic__intro .subtit {
		font-size:14px;
	}


  #benefit .benefit__sequence ul {
    margin: -6px -4px;
  }

  #benefit .benefit__sequence li {
    flex:1 1 100%;
    padding:6px 4px;
  }

  #benefit .benefit__sequence .card {
    padding:6px;
  }

  #benefit .benefit__sequence .list p {
    font-size:13px;
  }

  #benefit .benefit__sequence .list p.card__tit {
    font-size:18px;
  }

  #benefit .benefit__sequence .list .card__point {
    margin-top:16px;
    padding:16px 8px;
  }

  #benefit .benefit__sequence .list p.point__tit {
    font-size:14px;
    margin-bottom:6px;
  }

  #benefit .benefit__introduction {
    padding:40px 0px;
  }

  #benefit .benefit__introduction .card__left p {
    font-size:18px;
  }

  #benefit .benefit__introduction .card__right span.num {
    font-size:50px;
  }

  #benefit .benefit__introduction .card__right span {
    font-size:24px;
  }

  #benefit .benefit__price .table th, #benefit .benefit__price .table td {
    font-size:13px;
  }

}



/* Counseling */
#benefit .basic__counseling {
  padding:120px 0px;
}

#benefit .basic__counseling .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#benefit .basic__counseling .subtit {
  color:#121212;
	font-size:18px;
  font-weight:400;
  margin-bottom: 14px;
  margin-top:0px;
}

#benefit .basic__counseling .tit {
  color:#121212;
	font-size:34px;
  font-weight:600;
}

#benefit .basic__counseling .body {
  margin-top:60px;
  width:100%;
}

#benefit .basic__counseling .body__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap:wrap;
}

#benefit .basic__counseling .body__box .box__item {
  width:calc(100% - 450px);
}

#benefit .basic__counseling .body__box ul {
  display:flex;
  flex-wrap: wrap;
  margin:-20px -24px;
}

#benefit .basic__counseling .body__box li {
  flex:1 1;
  padding:20px 24px;
}

#benefit .basic__counseling .body__box p {
  font-size:18px;
  color:#121212;
	line-height: 1;
}

#benefit .basic__counseling .body__box p.card__tit {
  font-weight:600;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #121212;
}

#benefit .basic__counseling .body__box .button {
  max-width:350px;
  width:100%;
  font-size:16px;
	font-weight:600;
  padding:0px 15px;
  height:54px;
	color:#121212;
}

#benefit .basic__counseling .foot {
  margin-top:80px;
  padding:40px 120px;
  border:1px solid #d3d3d3;
  background-image: url('../images/counseling-arrow.png');
  background-position: center left 50px;
  background-repeat: no-repeat;
}

#benefit .basic__counseling .foot p {
  font-size:18px;
  font-weight: 400;
  color:#979797;
  line-height:1.4;
}

#benefit .basic__counseling .foot span {
  font-weight:600;
}

#benefit .basic__counseling .foot p.foot__tit {
  font-size:24px;
  font-weight:600;
  margin-bottom:20px;
}

#benefit .button-animate--inner {
  max-width:300px;
  width:100%;
  height:54px;
  position: relative;
  display:block;
  overflow: hidden;
  cursor: pointer;
}

#benefit .button-animate--inner .animate-line {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  height: calc(100% + 2px);
  height: -webkit-calc(100% + 2px);
  height: -moz-calc(100% + 2px);
  overflow: hidden;
  z-index:5;
}
#benefit .button-animate--inner .animate-line span {
  position: absolute;
  display: block;
  background-color: #25282b;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function:linear;
}

#benefit .button-animate--inner .animate-line .line1 {
  animation-name: animate1;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  /* animation-delay: 0.1s; */
}

#benefit .button-animate--inner .animate-line .line2 {
  animation-name: animate2;
  top: -100%;
  right: 0;
  width: 3px;
  height: 100%;
  animation-delay: 0.25s;
}
#benefit .button-animate--inner .animate-line .line3 {
  animation-name: animate3;
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 3px;
  animation-delay: 0.50s;
}

.button-animate--inner .animate-line .line4 {
  animation-name: animate4;
  bottom: -100%;
  left: 0;
  width: 3px;
  height: 100%;
  animation-delay: 0.75s;
}

@keyframes animate1{
	0%{
		left: -100%;
	}
	50%,100%{
		left: 100%;
	}
}
@keyframes animate2{
	0%{
		top: -100%;
	}
	50%,100%{
		top: 100%;
	}
}
@keyframes animate3{
	0%{
		right: -100%;
	}
	50%,100%{
		right: 100%;
	}
}
@keyframes animate4{
	0%{
		bottom: -100%;
	}
	50%,100%{
		bottom: 100%;
	}
}

#benefit .button-animate--inner .button {
  width:100%;
  height:100%;
  font-size:16px;
  padding:0px 15px;
  /* background-color: #000;
  border:0px; */
  /* background-color:transparent; */
  background-color: #ebebeb;
  border:0px;
  font-weight:600;
  position: relative;
  z-index:2;
}

#benefit .button-animate--inner:hover .button {
  background-color: #25282b;
  color:#fff;
}


/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1400px) {
  #benefit .basic__counseling {
    padding:60px 0px;
  }

  #benefit .basic__counseling .body__box .box__item {
    width:calc(100% - 260px);
  }

  #benefit .basic__counseling .body__box ul {
    margin:-20px -16px;
  }

  #benefit .basic__counseling .body__box li {
    padding:20px 16px;
  }

  #benefit .basic__counseling .body__box p.card__tit {
    margin-bottom:6px;
    padding-bottom:6px;
  }

	#benefit .button-animate--inner {
    max-width:200px;
    height:45px;
  }

	#benefit .basic__counseling .body__box .button {
		max-width: 200px;
    height: 45px;
	}
}

/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1200px) {

}

/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 1024px) {
	#benefit .basic__counseling .tit {
		font-size:26px;
	}

	
  #benefit .basic__counseling .subtit {
		font-size:16px;
    margin-bottom: 6px;
  }

  #benefit .basic__counseling .body {
    margin-top:40px;
  }

  #benefit .basic__counseling .body__box {
    justify-content: flex-start;
  }

  #benefit .basic__counseling .body__box .box__item {
    width:100%;
    order:2;
    margin-top:40px;
  }

  #benefit .basic__counseling .body__box p {
    font-size:16px;
  }

  #benefit .basic__counseling .body__box .button {
    font-size:14px;
  }

  #benefit .basic__counseling .foot {
    margin-top:60px;
    padding:24px 70px;
    background-size: auto 34px;
    background-position: center left 30px;
  }

  #benefit .basic__counseling .foot p {
    font-size:16px;
  }

  #benefit .basic__counseling .foot p.foot__tit {
    font-size:20px;
    margin-bottom:12px;
  }

}

/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {
  #benefit .basic__counseling {
    padding:30px 0px;
  }

  #benefit .basic__counseling .body__box ul {
    margin:-16px -12px;
  }

  #benefit .basic__counseling .body__box li {
    flex: 1 1 100%;
    padding:16px 12px;
  }

}

/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 500px) {
	#benefit .basic__counseling .tit {
		font-size:24px;
	}

	
  #benefit .basic__counseling .subtit  {
		font-size:14px;
	}

  #benefit .basic__counseling .body {
    margin-top:26px;
  }

  #benefit .basic__counseling .body__box p {
    font-size:14px;
  }

  #benefit .basic__counseling .foot {
    margin-top:40px;
    padding:18px;
    background-image:none;
  }

  #benefit .basic__counseling .foot p {
    font-size:14px;
  }

  #benefit .basic__counseling .foot p.foot__tit {
    font-size:18px;
  }

}


/* Quick Item*/
.quick-items {
	position: fixed;
	right:20px;
	bottom:20px;
	z-index:999;
}

.quick-items a {
	display: flex;
	align-items:center;
	width:250px;
	/* height:64px; */
	border-radius:10px;
	background-color: #fff;
	padding:10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}

.quick-items .icon {
	display:flex;
	align-items: center;
	justify-content: center;
	width:44px;
	height:44px;
	border-radius:5px;
	background-color: #ddbb66;
	animation: icon-bg 6s ease infinite;
}

.quick-items .txt {
	font-family: "Pretendard";
	font-size:14px;
	line-height:20px;
	color:#212121;
}

.quick-items .txt em {
	font-style: normal;
	font-weight:800;
}

.quick-items .quick-area {
	display: flex;
	align-items: center;
	position: relative;
	gap: 0px 16px;
}

.quick-items02 {
	bottom:94px;
}

.quick-items02 .icon  {
	padding:6px;
	background-color: #e1002a;
	animation: icon-bg2 6s ease infinite;
}

@keyframes icon-bg {
	0% {
		background-color: #ddbb66;
	}
	12.5% {
		background-color: #b3a070;
	}
	25% {
		background-color: #de9966;
	}
	37.5% {
		background-color: #de668f;
	}
	50% {
		background-color: #c866de;
	}
	62.5% {
		background-color: #6686de;
	}
	75% {
		background-color: #66deb5;
	}
	87.5% {
		background-color: #5c4f5e;
	}
	100% {
		background-color: #ddbb66;
	}
}


@keyframes icon-bg2 {
	0% {
		background-color: #e1002a;
	}
	20% {
		background-color: #ff7d01;
	}
	40% {
		background-color: #177b8c;
	}
	60% {
		background-color: #06304e;
	}
	80% {
		background-color: #92bf86;
	}
	100% {
		background-color: #e1002a;
	}
}


/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1200px) {
	/* .quick-items a {
		width:220px;
	} */

	.quick-items .quick-area {
		gap:0px 12px;
	}

	.quick-items .icon {
		width:40px;
		height:40px;
	}

	.quick-items01 .icon img {
		width:18px;
	}

	.quick-items .txt {
		font-size:13px;
		line-height:18px;
	}

	.quick-items02 {
		display: none;
	}
}

/* Large devices (desktops, less than 1024px) - lg */
@media (max-width: 1024px) {
	.quick-items02 {
		bottom:86px;
	}
}

/* Large devices (desktops, less than 768px) - medium */
@media (max-width: 768px) {
	.quick-items a {
		width:220px;
		padding:6px;
	}

	.quick-items .quick-area {
		gap:0px 12px;
	}

	.quick-items .icon {
		width:34px;
		height:34px;
	}

	.quick-items01 .icon img {
		width:15px;
	}

	.quick-items .txt {
		font-size:12px;
		line-height:16px;
	}

	.quick-items02 {
		bottom:72px;
	}
}

/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 500px) {

}



/* 20250313 수정 */
.portfolioList--custom li { width: 33.33%;}
.portfolioList--custom li a {
	display: block;
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(553/553*100%);
	overflow: hidden;
}

.portfolioList--custom li img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100%;
}


/* 20250317 신규 퍼블 - 판판대로 */
.write-fanfandaero .topText--custom p {
	text-align: center;
	font-size:18px;
	font-weight:300;
	margin-bottom:12px;
}

.write-fanfandaero .topText--custom dt {
	font-size:32px;
}

.write-fanfandaero .topText--custom dd {
	font-size:16px;
	line-height:28px;
}

.write-fanfandaero .topText--custom dd span {
	white-space: nowrap;
	font-size:18px;
	font-weight:700;
}

.write-fanfandaero .bizTable p {
	display: flex;
	align-items: center;
	margin-bottom:20px;
}

.write-fanfandaero .bizTable p strong {
	font-size: 17px;
	color: #444;
	font-weight: 300;
}

.write-fanfandaero .bizTable p .btn {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #111;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
}

.write-fanfandaero .bizTable .info {
	margin-bottom:30px;
}

.write-fanfandaero .bizTable .info dd {
	font-size:16px;
	line-height:28px;
	color:#666666;
}

.write-fanfandaero .bizTable .info dd.point {
	font-weight:700;
	color:#002cb9;
	padding-top:16px;
}

.write-fanfandaero .bizTable .table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

.write-fanfandaero .bizTable .table th {
	padding:10px;
	background-color: #7f98e8;
	border-left:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	font-size:16px;
	font-weight:700;
	color:#fff;
}

.write-fanfandaero .bizTable .table th.point {
	background-color:#002cb9;
}

.write-fanfandaero .bizTable .table th.none {
	border-left:0px;
}

.write-fanfandaero .bizTable .table td {
	padding:10px;
	height:80px;
	background-color: #f9f9f9;
	border-right:1px solid rgba(0,0,0,.1);
	text-align: center;
	font-size:14px;
	font-weight:500;
	color:#666666;
}

.write-fanfandaero .bizTable .table td:last-child {
	border-right:0px;
}

.write-fanfandaero .process {
	padding:50px 0 70px;
}

.write-fanfandaero .process-list-new {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}

.write-fanfandaero .process-list-new li {
	flex:1 1;
}

.write-fanfandaero .process-list-new .process-img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:4px 4px 4px rgba(100,100,100,0.1);
}

.write-fanfandaero .process-text {
	display: flex;
	justify-content: flex-end;
	margin-top:20px;
}

.write-fanfandaero .process-text p {
	transform: translateX(8px);
}

.write-fanfandaero .formType1 legend strong b {font-weight:700; color:red;}

.write-fanfandaero .formType1 .designLabel,
.write-fanfandaero .formType1 .serviceLabel,
.write-fanfandaero .formType1 .addLabel,
.write-fanfandaero .formType1 .platformLabel {
	margin: -5px 0;
}

.write-fanfandaero .formType1 .designLabel label,
.write-fanfandaero .formType1 .addLabel label,
.write-fanfandaero .formType1 .platformLabel label {
	display: inline-block;
	vertical-align: middle;
	width: 23%;
	margin: 5px 0;
}

.write-fanfandaero .formType1 .serviceLabel label {
	display: inline-block;
	vertical-align: middle;
	width:23%;
	margin: 5px 0;
}

.write-fanfandaero .formType1 .designLabel label span,
.write-fanfandaero .formType1 .serviceLabel label span,
.write-fanfandaero .formType1 .addLabel label span,
.write-fanfandaero .formType1 .platformLabel label span {
	color: #888;
}

.write-fanfandaero .formType1 .designLabel label strong,
.write-fanfandaero .formType1 .serviceLabel label strong,
.write-fanfandaero .formType1 .addLabel label strong,
.write-fanfandaero .formType1 .platformLabel label strong {
	color: #111;
	font-weight: 200 !important;
}

.write-fanfandaero .formType1 .platformLabel input[type ="text"] {
	max-width:110px;
	text-indent:10px;
	margin-left:4px;
	border:1px solid #ddd;
}

.write-fanfandaero .formType1 .typeText:read-only {
	background-color: #f9f9f9;
}

.write-fanfandaero .fanfan-guides {
	margin-top:30px;
	padding:40px 40px 40px 70px;
	background-color: #f5f5f5;
}

.write-fanfandaero .fanfan-guides .din {
	display: flex;
	align-items: center;
}

.write-fanfandaero .fanfan-guides .lt {
	width: calc(100% - 120px);
	padding-right:40px;
}

.write-fanfandaero .fanfan-guides .rt {
	width: 120px;
}

.write-fanfandaero .fanfan-guides dd {
	font-size:16px;
	line-height:28px;
	font-weight:600;
	color:#666666;
}

.write-fanfandaero .fanfan-guides dd span {
	font-size:18px;
	color:#002cb9;
}

@media all and (max-width: 1300px){
	.write-fanfandaero .process {padding: 25px 0 50px;}

	.write-fanfandaero .process-list-new {
		justify-content: center;
	}

	.write-fanfandaero .process-list-new li {
		flex:none;
	}

	.write-fanfandaero .process-text {
		justify-content: center;
	}

	.write-fanfandaero .process-text p {
		transform: none;
	}
}


/* 판판대로 랜딩 페이지 신규 20250319 */
/* 판판대로 랜딩 페이지 공통 */
#fanfandaeroLanding * {
	font-family: "Noto Sans KR", sans-serif;
	font-size: inherit;
	color:inherit;
}

#fanfandaeroLanding .container {
	max-width: 1090px;
	width: 100%;
	margin:0 auto;
	padding:0px 15px;
}

#fanfandaeroLanding .d-block {
	display: block;
}

#fanfandaeroLanding .d-flex {
	display: flex;
}

#fanfandaeroLanding .d-inline-block {
	display: inline-block;
}

#fanfandaeroLanding .d-inline-flex {
	display: inline-flex;
}

#fanfandaeroLanding .justify-content-center {
	justify-content:center;
}

#fanfandaeroLanding .align-items-center {
	align-items: center;
}

#fanfandaeroLanding .text-center {
	text-align: center;
}

#fanfandaeroLanding .fw-400 {
	font-weight:400;
}

#fanfandaeroLanding .fw-500 {
	font-weight:500;
}

#fanfandaeroLanding .fw-600 {
	font-weight:600;
}

#fanfandaeroLanding .fw-700 {
	font-weight:700;
}

#fanfandaeroLanding .color-white {
	color:#ffffff;
}

#fanfandaeroLanding .color-blue {
	color:#002cba;
}

#fanfandaeroLanding .color-yellow {
	color:#ffcc2f;
}

#fanfandaeroLanding .mb-10 {
	margin-bottom: 10px;
}

#fanfandaeroLanding .mb-20 {
	margin-bottom: 20px;
}

#fanfandaeroLanding .mb-30 {
	margin-bottom: 30px;
}

#fanfandaeroLanding .mb-40 {
	margin-bottom: 40px;
}

#fanfandaeroLanding .mb-50 {
	margin-bottom: 50px;
}

#fanfandaeroLanding .mb-60 {
	margin-bottom: 60px;
}

#fanfandaeroLanding .pb-40 {
	padding-bottom: 40px;
}

#fanfandaeroLanding .pb-60 {
	padding-bottom: 60px;
}


/* 판판대로 랜딩 페이지 섹션1 */
#fanfandaeroLanding .sec01 {
	position: relative;	
	padding:130px 0px;
	overflow: hidden;
	background: url('/theme/wm-type1/images/sub/landing/sec01/bak.png') no-repeat center / cover;
}

#fanfandaeroLanding .sec01 .context {
	max-width: 1090px;
	width: 100%;
	margin:0 auto;
	padding:0px 15px;
}

#fanfandaeroLanding .sec01 .pin {
	justify-content: center;
	align-items: center;
	width: 120px;
	height:40px;
	border-radius:100px;
	background-color: #fff;
	font-size:24px;
	line-height: 1;
}

#fanfandaeroLanding .sec01 .tit {
	font-size:40px;
	margin:20px 0px;
}

#fanfandaeroLanding .sec01 .subtit {
	justify-content: center;
	gap:20px;
}

#fanfandaeroLanding .sec01 .subtit p {
	font-size:32px;
	line-height: 1;
}

#fanfandaeroLanding .sec01 .subtit span {
	position: relative;
	font-size: inherit;
}

#fanfandaeroLanding .sec01 .subtit span::before {
	content: "";
	display: inline-block;
	position: absolute;
	left:0;
	bottom:-20px;
	width: 100%;
	height:16px;
	background: url('/theme/wm-type1/images/sub/landing/sec01/point.png') no-repeat center;
}

#fanfandaeroLanding .sec01 .txt {
	font-size: 24px;
	line-height:1.4;
	margin:40px 0px 50px;
}

#fanfandaeroLanding .sec01 .point {
	font-size:32px;
	margin-bottom:20px;
}

#fanfandaeroLanding .sec01 .logo {
	justify-content: center;
	gap:30px;
}


/* 판판대로 랜딩 페이지 섹션2 */
#fanfandaeroLanding .sec02 {
	padding:50px 0px;
	background-color: #e6e9f4;
}

#fanfandaeroLanding .sec02 .info dl {
	gap:30px;
	margin-bottom:20px;
}

#fanfandaeroLanding .sec02 .info dl:last-child {
	margin-bottom:0px;
}

#fanfandaeroLanding .sec02 .info dt {
	width:90px;
	padding:4px 0px 8px;
	background-color: #002cba;
	border-radius:4px;
	font-size:18px;
	line-height:1;
}

#fanfandaeroLanding .sec02 .info dd {
	width: calc(100% - 120px);
	font-size:18px;
	color:#191919;
}


/* 판판대로 랜딩 페이지 섹션3 */
#fanfandaeroLanding .sec03 {
	padding:100px 0px;
}

#fanfandaeroLanding .sec03 .article01,
#fanfandaeroLanding .sec03 .article02 {
	margin-bottom:100px;
}

#fanfandaeroLanding .sec03 .article-tit {
	border-bottom: 1px solid #002cba;
	margin-bottom:40px;
}

#fanfandaeroLanding .sec03 .article-tit p {
	font-size:28px;
	line-height:1;
	padding-bottom: 20px;
}

#fanfandaeroLanding .sec03 .assistant-tit {
	display: flex;
	align-items: center;
	gap:20px;
}

#fanfandaeroLanding .sec03 .assistant-tit p {
	position: relative;
	padding-left:15px;
	font-size:24px;
	font-weight: 700;
	line-height:1;
	color:#191919;
}

#fanfandaeroLanding .sec03 .assistant-tit p::before {
	content: "";
	display: block;
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:5px;
	height:5px;
	background-color: #002cba;
}

#fanfandaeroLanding .sec03 .assistant-tit span {
	font-size:18px;
	color:#191919;
}

#fanfandaeroLanding .sec03 .item-hd {
	position: relative;
	margin-bottom:20px;
	padding-left:35px;
}

#fanfandaeroLanding .sec03 .item-hd::before {
	display: flex;
	justify-content: center;
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:24px;
	height:24px;
	background-color: #002cba;
	border-radius:50%;
	font-size:18px;
	font-weight:700;
	line-height:22px;
	color:#fff;
}

#fanfandaeroLanding .sec03 .item-hd01::before {
	content: "1";
}

#fanfandaeroLanding .sec03 .item-hd02::before {
	content: "2";
}

#fanfandaeroLanding .sec03 .item-hd03::before {
	content: "3";
}

#fanfandaeroLanding .sec03 .item-hd04::before {
	content: "4";
}

#fanfandaeroLanding .sec03 .item-hd05::before {
	content: "5";
}

#fanfandaeroLanding .sec03 .item-hd p {
	font-size:20px;
	font-weight:700;
	line-height:1;
}

#fanfandaeroLanding .sec03 .compose {
	position: relative;
	padding:40px 20px 20px;
	border:1px solid #002cba;
}

#fanfandaeroLanding .sec03 .compose-tit {
	position: absolute;
	top:-25px;
	left:50%;
	transform: translateX(-50%);
	width:auto;
	padding:0px 20px;
	background-color: #fff;
}

#fanfandaeroLanding .sec03 .compose-tit p {
	font-size: 20px;
	color:#191919;
}

#fanfandaeroLanding .sec03 .compose-tit span {
	font-size:28px;
}

#fanfandaeroLanding .sec03 .compose-tit br {
	display: none;
}

#fanfandaeroLanding .sec03 .compose-list {
	display: flex;
	gap:10px;
}

#fanfandaeroLanding .sec03 .compose-list01 li {
	flex:1 1 calc(33.33% - 10px);
	max-width: 33.33%;
}

#fanfandaeroLanding .sec03 .compose-list02 li {
	flex:1 1 calc(50% - 10px);
	max-width: 50%;
}

#fanfandaeroLanding .sec03 .compose-list .small-pc {
	display: block;
}

#fanfandaeroLanding .sec03 .compose-list .small-mo {
	display: none;
}

#fanfandaeroLanding .sec03 .txt {
	padding:30px;
	background-color: #f5f7fb;
}

#fanfandaeroLanding .sec03 .txt .t01 {
	font-size:18px;
	color:#191919;
	margin-bottom:10px;
}

#fanfandaeroLanding .sec03 .txt .t01:last-child {
	margin-bottom:0px;
}

#fanfandaeroLanding .sec03 .txt .t01 .underline {
	position: relative;
	z-index: 1;
}

#fanfandaeroLanding .sec03 .txt .t01 .underline::after {
	content: "";
	display:inline-block;
	position:absolute;
	left:0;
	bottom:0;
	width: 100%;
	height: 8px;
	background-color: #ffcc2f;
	z-index:-1;
}

#fanfandaeroLanding .sec03 .txt .t02 {
	font-size:16px;
	color:#898989;
}

#fanfandaeroLanding .sec03 .order ul {
	display: flex;
	margin:-20px;
}

#fanfandaeroLanding .sec03 .order li {
	position: relative;
	flex:1 1 25%;
	max-width:25%;
	padding:20px;
}

#fanfandaeroLanding .sec03 .order li:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right:-5px;
	transform: translateY(-50%);
	width: 10px;
	height:18px;
	background: url('/theme/wm-type1/images/sub/landing/sec03/arr.png') no-repeat center;
}

#fanfandaeroLanding .sec03 .order .card {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	padding:20px 25px;
	background-color: #f5f7fb;
	text-align: center;
}

#fanfandaeroLanding .sec03 .order .card p {
	font-size:20px;
	line-height:28px;
}

#fanfandaeroLanding .sec03 .mini {
	text-align: right;
	font-size:14px;
	color:#191919;
}

#fanfandaeroLanding .sec03 .table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

#fanfandaeroLanding .sec03 .table th {
	padding:10px;
	background-color: #7f98e8;
	border-left:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	font-size:18px;
	font-weight:500;
	color:#fff;
}

#fanfandaeroLanding .sec03 .table th.point {
	background-color:#002cb9;
}

#fanfandaeroLanding .sec03 .table th.none {
	border-left:0px;
}

#fanfandaeroLanding .sec03 .table td {
	padding:10px;
	height:80px;
	background-color: #f9f9f9;
	border-right:1px solid rgba(0,0,0,.1);
	text-align: center;
	font-size:16px;
	color:#191919;
}

#fanfandaeroLanding .sec03 .table td:last-child {
	border-right:0px;
}

#fanfandaeroLanding .sec03 .info {
	padding:30px;
	background-color: #f5f7fb;
}

#fanfandaeroLanding .sec03 .info dl {
	gap:30px;
	margin-bottom:20px;
}

#fanfandaeroLanding .sec03 .info dl:last-child {
	margin-bottom:0px;
}

#fanfandaeroLanding .sec03 .info dt {
	width:120px;
	padding:4px 0px 8px;
	background-color: #002cba;
	border-radius:4px;
	font-size:18px;
	line-height:1;
}

#fanfandaeroLanding .sec03 .info dd {
	width: calc(100% - 150px);
	font-size:18px;
	color:#191919;
}

#fanfandaeroLanding .sec03 .cs p {
	font-size:24px;
	line-height:40px;
}

#fanfandaeroLanding .sec03 .cs span {
	font-size:16px;
}

#fanfandaeroLanding .sec03 .utils-hd {
	position: relative;
	margin-bottom:20px;
	padding-left:36px;
}

#fanfandaeroLanding .sec03 .utils-hd::before {
	content: "";
	display: flex;
	justify-content: center;
	position:absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:24px;
	height:24px;
	background: #002cba url('/theme/wm-type1/images/sub/landing/sec03/util.png') no-repeat center;
	border-radius:50%;
}

#fanfandaeroLanding .sec03 .utils-hd p {
	font-size:20px;
	line-height:1;
	color:#191919;
}

#fanfandaeroLanding .sec03 .utils-hd p br {
	display: none;
}

#fanfandaeroLanding .sec03 .utils-bd ul {
	display: flex;
	gap:20px;
}

#fanfandaeroLanding .sec03 .utils-bd li {
	flex:1 1 calc(50% - 20px);
	max-width:50%;
}

#fanfandaeroLanding .sec03 .utils-bd .card {
	display: flex;
	align-items: center;
	gap:30px;
	height: 100%;
	padding: 20px;
	background-color: #f5f7fb;
}

#fanfandaeroLanding .sec03 .utils-bd .card p {
	font-size:24px;
	color:#191919;
}

#fanfandaeroLanding .sec03 .utils-bd .card span {
	font-size:30px;
}


/* 판판대로 랜딩 페이지 섹션4 */
#fanfandaeroLanding .sec04 {
	padding: 100px 0px;
	background: url('/theme/wm-type1/images/sub/landing/sec04/bak.png') no-repeat center / cover;
}

#fanfandaeroLanding .sec04 .sec-tit {
	font-size:40px;
}

#fanfandaeroLanding .sec04 .big {
	gap:60px;
}

#fanfandaeroLanding .sec04 .big .img {
	width:520px;
}

#fanfandaeroLanding .sec04 .big .txt {
	width: calc(100% - 580px);
}

#fanfandaeroLanding .sec04 .big .txt .t01 {
	font-size:24px;
	line-height:36px;
}

#fanfandaeroLanding .sec04 .big .txt .t02 {
	font-size:18px;
	line-height:28px;
}

#fanfandaeroLanding .sec04 .big .txt .ico {
	position:relative;
	padding-left:26px;
}

#fanfandaeroLanding .sec04 .big .txt .ico::before {
	content:"";
	display: block;
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:19px;
	height:19px;
	background: url('/theme/wm-type1/images/sub/landing/sec04/ico.png') no-repeat center / auto;
}

#fanfandaeroLanding .sec04 .small ul {
	display: flex;
	margin:-10px;
}

#fanfandaeroLanding .sec04 .small li {
	flex:1 1 33.33%;
	max-width: 33.33%;
	padding:10px;
}

#fanfandaeroLanding .sec04 .small .step {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	font-size:24px;
	line-height:24px;
}

#fanfandaeroLanding .sec04 .small .txt {
	font-size: 18px;
	line-height:28px;
}

#fanfandaeroLanding .sec04 .small .txt .br2 {
	display: none;
}


/* 판판대로 랜딩 페이지 섹션5 */
#fanfandaeroLanding .sec05 {
	padding:100px 0px;
	background: url('/theme/wm-type1/images/sub/landing/sec05/bak.png') no-repeat center / cover;
}

#fanfandaeroLanding .sec05 .txt .t01 {
	font-size:32px;
	line-height:50px;
}

#fanfandaeroLanding .sec05 .txt .t02 {
	font-size:24px;
	line-height:38px;
}

#fanfandaeroLanding .sec05 .txt .underline {
	width:190px;
	height:2px;
	background-color: #ffffff;
	margin:50px 0px;	
}


/* 판판대로 랜딩 페이지 섹션6 */
#fanfandaeroLanding .sec06 {
	padding:100px 0px;
}

#fanfandaeroLanding .sec06 .article01 {
	margin-bottom:100px;
}

#fanfandaeroLanding .sec06 .article-tit {
	border-bottom: 1px solid #002cba;
	margin-bottom:40px;
}

#fanfandaeroLanding .sec06 .article-tit p {
	font-size:28px;
	line-height:1;
	padding-bottom: 20px;
}

#fanfandaeroLanding .sec06 .info {
	display: flex;
	flex-wrap: wrap;
	margin:-10px;
}

#fanfandaeroLanding .sec06 .info dd {
	flex:1 1 50%;
	max-width:50%;
	padding:10px;
}

#fanfandaeroLanding .sec06 .info .txt {
	padding:40px 30px;
	background-color: #f5f7fb;
}

#fanfandaeroLanding .sec06 .info .txt .t01 {
	font-size:18px;
	gap:10px;
}

#fanfandaeroLanding .sec06 .info .txt .t02 {
	font-size: 24px;
	color:#191919;
}

#fanfandaeroLanding .sec06 .box {
	padding:80px 30px;
	background-color:#f5f7fb;
}

#fanfandaeroLanding .sec06 .box p {
	font-size:32px;
	line-height: 50px;
	color:#191919;
}

#fanfandaeroLanding .sec06 .box a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	width:340px;
	height:70px;
	border: 3px solid transparent;
	border-radius: 100px;
	background-image: linear-gradient(#fae100, #fae100), linear-gradient(to right, #face00 0%, #ffdc4f 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	font-size:24px;
	font-weight:700;
	line-height:70px;
	color:#231f20;
}


/* 판판대로 랜딩 페이지 섹션7 */
#fanfandaeroLanding .sec07 .list {
	display: flex;
	flex-wrap: wrap;
}

#fanfandaeroLanding .sec07 .list li {
	flex:1 1 25%;
	max-width:25%;
	font-size:0px;
}

#fanfandaeroLanding .sec07 .list img {
	width: 100%;
}


/* 판판대로 랜딩 페이지 섹션8 */
#fanfandaeroLanding .sec08 {
	background-color: #f5f7fb;
}

#fanfandaeroLanding .sec08 .logo ul {
	display: flex;
	border-bottom: 1px solid #aaaaaa;
}

#fanfandaeroLanding .sec08 .logo li {
	flex:1 0 16.6667%;
	max-width:16.6667%;
}

#fanfandaeroLanding .sec08 .logo .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	padding:58px 20px;
}

#fanfandaeroLanding .sec08 .character ul {
	display: flex;
	border-bottom: 1px solid #aaaaaa;
}

#fanfandaeroLanding .sec08 .character ul:last-child {
	border:0px;
}

#fanfandaeroLanding .sec08 .character li {
	flex:1 0 16.6667%;
	max-width:16.6667%;
}

#fanfandaeroLanding .sec08 .character .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	padding:20px;
}


/* 판판대로 랜딩 페이지 섹션9 */
#fanfandaeroLanding .sec09 {
	padding:60px 30px;
	background-color: #333333;
}

#fanfandaeroLanding .sec09 ul {
	display: flex;
	flex-wrap: wrap;
	margin:-10px;
}

#fanfandaeroLanding .sec09 li {
	flex:1 1 25%;
	max-width:25%;
	padding:10px;
}


/* 판판대로 랜딩 페이지 섹션10 */
#fanfandaeroLanding .sec10 {
	padding:100px 0px;
}

#fanfandaeroLanding .sec10 a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	width:340px;
	height:70px;
	border: 3px solid transparent;
	border-radius: 100px;
	background-image: linear-gradient(#002cba, #002cba), linear-gradient(to right, #2d59e6 0%, #87a3ff 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	font-size:24px;
	font-weight:700;
	line-height:70px;
	color:#fff;
}


/* 판판대로 랜딩 페이지 섹션11 */
#fanfandaeroLanding .sec11 {
	padding:60px 0px;
	background-color: #f5f7fb;
}

#fanfandaeroLanding .sec11 .d-flex {
	justify-content: space-between;
}

#fanfandaeroLanding .sec11 dl {
	display: flex;
	align-items: center;
}

#fanfandaeroLanding .sec11 dt {
	font-size:24px;
	padding-right:50px;
}

#fanfandaeroLanding .sec11 img {
	display: inline-block;
	margin-right:20px;
}

#fanfandaeroLanding .sec11 img:last-child {
	margin:0px;
}