@font-face {
    font-family: 'Pretendard-Bold';
    src: url('/public/fonts/Pretendard-Bold.otf') format('opentype');
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('/public/fonts/Pretendard-SemiBold.otf') format('opentype');
    font-style: normal;
}

/* :::::::::: ======  서브 상단 비주얼 START ~  ====== ::::::::::*/

.subWrap {
	overflow:hidden;
	padding-top:13.4rem; position:relative;
}
.subInner {
    width: 100%;
    max-width: 136rem;
    padding: 8rem 2rem;
    margin: 0 auto;
    position: relative;
}

h1, .subpTitle {
	color: #000;
	font-family: 'Pretendard-SemiBold';
	font-size: 4rem;
	line-height: 5rem;
	text-transform: uppercase;
	margin-bottom:4rem;
}

h2, .subpStitle {
	color: #666;
	font-family: "Pretendard-Light";
	font-size: 2.2rem;
	line-height: 3rem;
}

.contTitle {
	color: #000;
	font-family: 'Pretendard-Bold';
	font-size: 4rem;
	line-height: 5rem;
	margin-bottom:3rem;
	text-transform: uppercase;
}
.hiddenBox {overflow:hidden;}
@media (max-width:1300px) {
	.subWrap {padding-top: 12.4rem;}
}
@media (max-width:991px) {
	.subWrap {padding-top:7rem;}
	.subInner {padding: 8rem 2rem;}
	
	.contTitle {
		color: #000;
		font-family: 'Pretendard-SemiBold';
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom:2rem;
		text-transform: uppercase;
	}
}
@media (max-width:767px) {
	.subWrap {padding-top:5rem;}
	.subInner {padding: 4rem 2rem;}
	
	h1, .subpTitle {font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 3rem;}
	h2, .subpStitle {font-size: 1.8rem; line-height: 2.6rem;}
}


/*--------------------------------------------------------------
# 서브 공통 상단
--------------------------------------------------------------*/
.subcombox{

	z-index: 60;
	width:100%;
	height:42rem;
	position:relative;
	padding:0rem 0rem 0rem 0rem;
}

/*--------------- 상품상세 비주얼 ---------------*/
.officerelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/officerelocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.storagelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/storagelocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.librarylocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/librarylocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.documentlocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/documentlocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.schoollocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/schoollocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.factoryrelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/factoryrelocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.labrelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/labrelocation_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.shred_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/shred_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.shred_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/shred_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.periodicshred_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/periodicshred_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}.HDshred_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/HDshred_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.containerstorage_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/containerstorage_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.palletstorage_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/palletstorage_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.warehousestorage_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/warehousestorage_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.Removablecontainer_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/Removablecontainer_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.homemoving_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/homemoving_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.storagemoving_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/storagemoving_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.roommoving_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/roommoving_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cleaning_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/cleaning_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.officecleaning_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/officecleaning_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.chaircleaning_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/chaircleaning_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.periodiccleaning_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/periodiccleaning_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.documentstorage_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/documentstorage_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.scan_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/scan_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.indexing_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/indexing_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.project_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/project_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.vlog_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/vlog_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.inqury_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/inqury_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.faq_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/faq_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tip_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/tip_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.notice_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/notice_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.company_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/company_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.certification_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/certification_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.staff_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/staff_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.culture_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/culture_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.serverMoverelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/server_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.artMoverelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/art_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.viewPlacerelocation_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/visual/store_bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width:767px) {
	.officerelocation_bg{
		background-image: url(../img/sub/visual/officerelocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .storagelocation_bg{
		background-image: url(../img/sub/visual/storagelocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .librarylocation_bg{
		background-image: url(../img/sub/visual/librarylocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
     .documentlocation_bg{
		background-image: url(../img/sub/visual/documentlocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .schoollocation_bg{
		background-image: url(../img/sub/visual/schoollocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.factoryrelocation_bg{
		background-image: url(../img/sub/visual/factoryrelocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .labrelocation_bg{
		background-image: url(../img/sub/visual/labrelocation_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.shred_bg{
		background-image: url(../img/sub/visual/shred_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .periodicshred_bg{
		background-image: url(../img/sub/visual/periodicshred_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .HDshred_bg{
		background-image: url(../img/sub/visual/HDshred_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.containerstorage_bg{
		background-image: url(../img/sub/visual/containerstorage_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .palletstorage_bg{
		background-image: url(../img/sub/visual/palletstorage_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .warehousestorage_bg{
		background-image: url(../img/sub/visual/warehousestorage_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .Removablecontainer_bg{
		background-image: url(../img/sub/visual/Removablecontainer_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.homemoving_bg{
		background-image: url(../img/sub/visual/homemoving_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .storagemoving_bg{
		background-image: url(../img/sub/visual/storagemoving_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .roommoving_bg{
		background-image: url(../img/sub/visual/roommoving_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.cleaning_bg{
		background-image: url(../img/sub/visual/cleaning_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .officecleaning_bg{
		background-image: url(../img/sub/visual/officecleaning_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .chaircleaning_bg{
		background-image: url(../img/sub/visual/chaircleaning_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .periodiccleaning_bg{
		background-image: url(../img/sub/visual/periodiccleaning_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.scan_bg{
		background-image: url(../img/sub/visual/scan_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .indexing_bg{
		background-image: url(../img/sub/visual/indexing_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .documentstorage_bg{
		background-image: url(../img/sub/visual/documentstorage_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.project_bg{
		background-image: url(../img/sub/visual/project_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .vlog_bg{
		background-image: url(../img/sub/visual/vlog_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.inqury_bg{
		background-image: url(../img/sub/visual/inqury_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.faq_bg{
		background-image: url(../img/sub/visual/faq_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.tip_bg{
		background-image: url(../img/sub/visual/tip_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.notice_bg{
		background-image: url(../img/sub/visual/notice_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.company_bg{
		background-image: url(../img/sub/visual/company_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .certification_bg{
		background-image: url(../img/sub/visual/certification_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .staff_bg{
		background-image: url(../img/sub/visual/staff_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
    .culture_bg{
		background-image: url(../img/sub/visual/culture_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.serverMoverelocation_bg{
		background-image: url(../img/sub/visual/server_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.artMoverelocation_bg{
		background-image: url(../img/sub/visual/art_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.viewPlacerelocation_bg{
		background-image: url(../img/sub/visual/store_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
}
/*--------------- // 상품상세 비주얼 ---------------*/


.bs_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/type01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.inq_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:10;
	background-image: url(../img/sub/inq_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.subcomSidebox {
    max-width: 136rem;
    padding: 17rem 2rem 4rem 2rem;
    margin: 0 auto;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 20;
}
.subcbox{
	width:100%;
	position:relative;
}

.subcInner{
	width:100%;
	position:relative;
}

.subcbreadbox{
	display:block;
}
.subcbreadbox h1, .subVtitle {
	display:block;
	color: #fff;
	font-size: 7rem;
	font-family: 'Pretendard-Bold';
	line-height: 8rem;
	letter-spacing: 2.8px;
	text-transform: uppercase;
	margin-bottom:4rem;
}
.subcbreadbox h2, .subVtitle{
	display:block;
	color: #fff;
	font-size: 7rem;
	font-family: 'Pretendard-Bold';
	line-height: 8rem;
	letter-spacing: 2.8px;
	text-transform: uppercase;
	margin-bottom:4rem;
}

.bredbox {
    display: flex;
	cursor:pointer;
    align-items: center;
    justify-content: flex-start;
}
.bredicon {
    padding-right: 3rem;
    height: 5rem;
    margin-right: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.bredicon:after {
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 1.4rem;
    position: absolute;
    right: 0rem;
    top: 50%;
    opacity: 0.30000001192092896;
    background: #FFF;
}
.bredicon img{
	display:inline-block;
	height:1.4rem;
}

.dropdownBox {
    width: 22rem;
    height: 5rem;
	cursor: pointer;
    position: relative;
    display: inline-block;
}
.dropdownBox:nth-child(3){
	margin-left:3rem;
}

.dropbtn{
	width:100%;
	position : relative;
	display : block;
	color: #fff;
	font-size: 1.8rem;
	font-family: 'Pretendard-Medium';
	line-height: 5rem;
	text-transform: uppercase;
}
.dropbtn:after {
    content: '';
    position: absolute;
    top: 2.1rem;
    right: 0rem;
    width: 1rem;
    height: 0.6rem;
    background-image: url(../img/sub/sub_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.dropdown-content {
    overflow: hidden;
    border-radius: 0.6rem;
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 1;
    border: 1px solid #EEE;
}
.dropdown-content a:hover{
	background:#0481D7;
	color:#fff;
}
.dropdown-content a {
	background:#fff;
    line-height: 4.7rem;
    font-size: 1.6rem;
    font-family: 'Pretendard-Medium';
    padding: 0rem 1rem 0rem 1rem;
    position: relative;
    display: block;
}
.dropdown-content a:last-child:before{
	content:none;
}
.dropdown-content a:before{
	content:'';
	position:absolute;
	bottom:0rem;
	left:0rem;
	width:100%;
	height:1px;
	background:#E3E3E3;
}
.dropdownBox:hover .dropdown-content {
  display: block;
}
.subctopbg{
	position:absolute;
	right:0rem;
	top:0rem;
	width:50rem;
}
.subctopbg img{
	border-radius:1rem;
	max-width:100%;
}


 
@media (max-width:1500px) {
	.subcombox {
		height: 36rem;
	}
	.subcomSidebox {
		padding: 14rem 2rem 4rem 2rem;
	}
	.subcbreadbox h1, .subVtitle {
		font-size: 5rem;
		line-height: 6rem;
		letter-spacing: 2.8px;
		margin-bottom: 2rem;
	}
	.subcbreadbox h2, .subVtitle {
		font-size: 5rem;
		line-height: 6rem;
		letter-spacing: 2.8px;
		margin-bottom: 2rem;
	}
}
@media (max-width:767px) {
	.subcombox {
		height: 26rem;
	}
	.subcomSidebox {
		padding: 13rem 2rem 4rem 2rem;
	}
	.subcbreadbox h1, .subVtitle {
		font-size: 3rem;
		line-height: 3.6rem;
		letter-spacing: 1.2px;
		margin-bottom: 1rem;
	}
	.subcbreadbox h2, .subVtitle {
		font-size: 3rem;
		line-height: 3.6rem;
		letter-spacing: 1.2px;
		margin-bottom: 1rem;
	}
	
	
	.bredicon {
		padding-right: 2.4rem;
		height: 4.3rem;
		margin-right: 2.4rem;
	}
	.bredicon:after {
		height: 1.3rem;
	}
	.bredicon img {
		display: inline-block;
		height: 1.3rem;
	}
	.dropdownBox:nth-child(3){
		margin-left:2rem;
	}
	.dropdownBox {
		width: 100%;
		height: 4.3rem;
	}
	.dropbtn {
		font-size: 1.4rem;
		line-height: 4.3rem;
	}
	.dropbtn:after {
		top: 1.9rem;
		width: 0.9rem;
		height: 0.5rem;
		background-image: url(../img/sub/droparrow_mo.png);
	}
	.dropdown-content a {
		line-height: 4.3rem;
		font-size: 1.4rem;
		padding: 0rem 1rem 0rem 1rem;
	}
}

/* :::::::::: ====== // ~ 서브 상단 비주얼 END ====== ::::::::::  */


/* :::::::::: ======  기업이사, 특수이사  서브페이지 (type01) START ~  ====== ::::::::::*/
#companyMov {}

/* ++++++++++++++ :::: 사무실 이사 전문업체 START ~ :::: ++++++++++++++ */
.office_Intro {background:#FFF;}
.office_Intro h2 {padding-bottom:3rem; margin-bottom:3rem; position:relative;}
.office_Intro h2::before {
	content:'';
	width: 5rem;
	height: 0.1rem;
	position:absolute;
	left:0;
	bottom:0;
	background:#222;
}
.officeTxt {
	color: #666;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 3.2rem;
	text-transform: uppercase;
}

.subpifame{
	display:block;
	margin: 6rem 0 3rem;
}

.office_img {
    height: 0;
    width: 100%;
    overflow: hidden;
	margin: 6rem 0 3rem;
    padding-bottom: 56.213%;
}
.office_img img {width:100%; height:auto;}


.go_estimate {
    background: #FFF;
    padding: 2.4rem 2rem;
    border-radius: 99px;
    border: 1px solid #222;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    width: 30.304%;
    max-width: 40rem;
    margin: 0 auto;
}

.go_estimatetxt {
	color: #222;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 2rem;
	line-height: 2.2rem;
	position: relative;
}

.go_estimatetxt::before, .go_estimatetxt::after {
	content:'';
	width:4rem; 
	height:4rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.go_estimatetxt::before {
	left:0;
	width:4.2rem;
	background:url(../img/sub/circle_logo.png) no-repeat center / cover;
}

.go_estimatetxt::after {
	right:0;
	background:url(../img/sub/circle_arrow_right.png) no-repeat center / cover;
}


@media (max-width:1500px) {
	.go_estimate {
		width: 100%;
		max-width:60rem;
	}
}

@media(max-width:991px) {
	.go_estimate {padding:1.8rem 1.2rem;}
	.go_estimatetxt {font-size:1.5rem; line-height:1.7rem;}
}
@media(max-width:767px) {
	.office_Intro h2 {padding-bottom:2rem; margin-bottom:2rem;}
	.office_Intro h2::before {width: 3rem;}
	
	.officeTxt {font-size: 1.5rem; line-height: 2.3rem;}
	.subpifame{
		margin: 3rem 0 2rem;
	}
	.office_img {overflow: hidden; margin: 3rem 0 2rem; padding-bottom: 56.213%;}	
	.go_estimate {width:100%; max-width:unset;}
}
/* ++++++++++++++ :::: // ~ END 사무실 이사 전문업체 :::: ++++++++++++++ */

/* ========= 유튜브 영상 + 링크 START ~ ========= */
.linkifame {display: flex; align-items: flex-end;}
.linkifame .putcifame {
    border-radius: 1rem;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 0;
    width: 75.758%;
    background: #F8f8f8;
    padding-bottom: 42.576%;
}
.linkifame .putcifame iframe {border-radius: 1rem; position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%;}
.goYoutub {display: flex; margin-left:3rem; align-items: center;}
.goYoutubTxt {color: #222; font-family: 'Pretendard-SemiBold'; font-size: 2rem; line-height: 2.6rem; text-align: left; display: inline-block; position:relative;}
.goYoutubIcon {width:5.4rem; height:5.4rem; margin-left:1.7rem;}
.goYoutubIcon img {width:100%; height:100%;}

@media (max-width:1300px) {
	.goYoutub {margin-left:1rem;}
	.goYoutubIcon {width: 4rem; height: 4rem; margin-left: 1rem;}
}

@media (max-width:1000px) {
	.linkifame {display: block; align-items: center; flex-direction: column;}
	.linkifame .putcifame {width: 100%; padding-bottom: 56.18%;}
	.goYoutub {margin-left: 0rem; margin-top: 3rem; padding:1.6rem; border-radius: 6px; justify-content: space-between; background: linear-gradient(0deg, #F3F3F3 0%, #F3F3F3 100%), #FFF;}
}

@media (max-width:767px) {
	.goYoutub { margin-top:1rem; padding:1rem 1.6rem;}
	.goYoutubTxt {font-size: 1.6rem; line-height: 3rem;}
	.goYoutubIcon {width: 3rem; height: 3rem; margin-left: 0rem;}
}

/* ========= // ~ 유튜브 영상 + 링크 END ========= */


/* ++++++++++++++ :::: 이전 절차 START ~ :::: ++++++++++++++ */
.move_step {background:#F0F5FA;}
ul.stepList {
    display: flex;
    border-radius: 10px;
    border: 1px solid #EEE;
    overflow: hidden;
}
.stepList_li {
    padding: 2.4rem;
    border-left: 1px solid #EEE;
    background: #FFF;
    width: calc(100%/6);
}
.stepList_li:first-child {border-left:none;}
.msetpIcon {width:6rem; height:6rem; margin-bottom:4rem;}
.msetpIcon img {width:100%; height:auto;}
.msetpTxtBox {}
.msetpCount {
	color: #0481D7;
	font-family: Outfit;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4rem;
	letter-spacing: 0.84px;
	margin-bottom:1.6rem;
}
.msetpTitle {
	color: #222;
	font-size: 2rem;
	line-height: 2.5rem;
	font-family: 'Pretendard-Medium';
	position:relative;
}
.msetpTitle::Before {
	content:'';
	width:1.3rem;
	height:0.9rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:url(../img/sub/mstep-arrow.png) no-repeat center / cover;
}
.stepList_li:last-child .msetpTitle::Before {display:none;}
.msetpTxt {
	color: #666;
	font-size: 1.5rem;
	line-height: 2.2rem;
	margin-top:1.6rem;
	font-family:"pretendard-Light";
}

@media (max-width:991px) {
	ul.stepList { flex-wrap: wrap;}
	.stepList_li {width:calc(100%/3);}
	.msetpIcon {width: 5rem; height: 5rem; margin-bottom: 2rem;}
	.msetpTxt {line-height:2rem; margin-top:1rem;}
}


@media (max-width:991px) and (min-width:768px) {
	.stepList_li:nth-child(-n+3) {border-bottom:1px solid #EEE;}
	.stepList_li:nth-child(4) {border-left:none;}
}
@media (max-width:767px) {
	.contTitle {font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 2rem;}
	ul.stepList {overflow: hidden; flex-direction: column;}
	.msetpIcon {width: 4rem; height: 4rem; margin-bottom: 2rem;}
	.stepList_li {width:100%; border-left:none; border-bottom:1px solid #EEE; padding:2rem;}
	.msetpTitle::Before {transform: translateY(-50%) rotate(90deg);}
	.msetpCount	{font-size: 1.2rem; line-height: 2rem; letter-spacing: 0.72px; margin-bottom:0.8rem;}
	.msetpTitle {font-size: 1.8rem; line-height: 2.3rem;}
	.msetpTxt {font-size: 1.4rem; line-height: 2rem; margin-top: 0.8rem;}
}
/* ++++++++++++++ :::: // ~ END 이전 절차 :::: ++++++++++++++ */

/* ++++++++++++++ :::: 프로젝트 갤러리 START ~ :::: ++++++++++++++ */
.project_gall {background: #FFF; overflow:hidden;}
/* .project_gall .subInner {overflow:hidden;}  */
.project_gallSwiperWrap {width:100%; overflow:hidden;}
.pg_slideTop {
    display: flex;
    height: auto;
    /* background: #f6f6f6; */
    width: 100%;
    /* background: url(../img/sub/pg_bg.jpg) no-repeat center / cover; */
    padding: 0rem 4.3rem 0;
    align-items: center;
    justify-content: flex-start;
    border-radius: 1rem;
    margin-bottom: 1.6rem;
    position: relative;
    overflow: hidden;
}
.pg_per {
	z-index: 10;
    position: relative;
    width: 49.6%;
    height: auto;
    padding-top: 4.6rem;
}
.pg_per img {width:100%; height:auto; vertical-align: bottom;}
.pg_slideTopTxt {padding-left: 6rem; width: 69%;    z-index: 10;
    position: relative;}
.pg_Toptitle {
    color: #FFF;
    font-family: "Pretendard-Bold";
    font-size: 3.1rem;
    line-height: 4rem;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pg_Toptxt {
	color: #FFF;
	font-family: Pretendard;
	font-size: 2rem;
	line-height: 2.8rem;
	margin:2rem 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pg_vmore {
	color: #FFF;
	font-family: "Pretendard-Light";
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-decoration-line: underline;
}

.pg_slideBotm {display: flex; justify-content: space-between;}
.pg_slideBotmLeft, .pg_slideBotmRight {
    width: 49%;
    height: auto;
    background: #F3F3F3;
    position: relative;
	border-radius: 10px;
    overflow: hidden;
}
.pg_slideBotmtxt {
    padding: 2rem 2.4rem;
    position: relative;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
}
.pg_slideBotmtxtInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 2rem;
}
.pg_initial {
	
	font-family: Outfit;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 3.6rem; /* 105.882% */
}

.pg_initial.mc {color: #0481D7;}
.pg_initial.pm {color: #20B14E;}

.pg_manager {
    font-family: Outfit;
    font-size: 1.7rem;
    line-height: 2.4rem;
	font-weight: 400;
    margin: 0.6rem 0 0rem;
	opacity: 0.30000001192092896;
}
.pg_name {
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 2.8rem;
}
.pg_name span {
	font-family: "Pretendard-Bold";
	font-size: 2.2rem;
	line-height: 2.8rem; /* 127.273% */
}

.pgBotm_per {
    position: relative;
    right: 0;
    bottom: 0;
    width: 38.6%;
}

.pgBotm_per img {width:100%; height:auto; vertical-align: bottom;}

.interview {
    background: #222;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.interview p {
	color: #FFF;
	font-family: "Pretendard-SemiBold";
	font-size: 1.5rem;
	line-height: 2.3rem;
}
.interview p:hoer {text-decoration:underline;}
.interviewArrow {width:1.4rem; height:1.1rem; margin-left:1rem;}
.interviewArrow img {width:100%; height:auto;}


.project_gall .mySwiper {
    width: calc(50% - 2rem)!important;
    overflow: unset;
    margin: 0;
}
.project_gall .swiper-slide {width: 100%;}
.project_gall .swiper-slide:last-child{margin-right:0;}
.swiper-button-next, .swiper-button-prev {width: 6rem!important; height: 6rem!important; border-radius: 50%; right: unset; left: unset; top: 50%; bottom: inherit; position: absolute; transform:translateY(-50%);}
.swiper-button-next {right: -1rem; transform: translateY(-50%) translateX(100%); background: url(../img/sub/pg-slide-right.png) no-repeat center / cover;}
.swiper-button-prev {left:-1rem; transform: translateY(-50%) translateX(-100%); background:url(../img/sub/pg-slide-left.png) no-repeat center / cover;}


.galltabBtnNext.swiper-button-next {
	width:3.5rem;
	height:3.5rem;
    right: 50%;
	top: 100%;
    transform: translateX(50%) translateY(50%);    
}
.swiper-button-prev.galltabBtnPrev {
	width:3.5rem;
	height:3.5rem;
	top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
}

.galltabBtnNext.swiper-button-next {background:url(../img/sub/gallslideArrowBotm.png) no-repeat center / cover;}
.swiper-button-prev.galltabBtnPrev {background:url(../img/sub/gallslideArrowTop.png) no-repeat center / cover;}

.swiper-button-next:hover {background: url(../img/sub/gallslideArrowBotm.png) no-repeat center / cover;}
.swiper-button-prev:hover {background:url(../img/sub/gallslideArrowTop.png) no-repeat center / cover;}

.swiper-button-next:after {content:''!important;}
.swiper-button-prev:after {content:''!important;}
.swiper-button-next:hover {background: url(../img/sub/pg-slide-right-h.png) no-repeat center / cover;}
.swiper-button-prev:hover {background:url(../img/sub/pg-slide-left-h.png) no-repeat center / cover;}

.project_gall .swiper-pagination {position:relative; display:none;}
.swiper-container-thumbs {overflow: unset;}


.gallBtnGroup .swiper-button-next {background: url(../img/sub/gall-left.png) no-repeat center / cover;}
.gallBtnGroup .swiper-button-prev {background:url(../img/sub/gall-right.png) no-repeat center / cover;}


.pgallBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 5;
	-webkit-backdrop-filter: blur(5px);
}

.pgallBgDim {
	z-index: 4;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.40) 47.81%, rgba(0, 0, 0, 0.00) 100%), rgba(0, 0, 0, 0.40);
	backdrop-filter: blur(5px);
}
.pgallBg figure {
    z-index: 3;
    position: relative;
    width: 100%;
    height: 100%;
}
.pgallBg img {
    transform: translateX(-50%);
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 50%;
}
@media (max-width:1500px) {
	.swiper-button-next {right: 1rem; transform: translateY(0%) translateX(0%);}
	.swiper-button-prev {left: 0rem; transform: translateY(-50%) translateX(0%);}
}

@media (max-width:991px) {
	
	.pg_per {max-width: 23rem;}
	.project_gall .mySwiper {width: 100%!important;}
	.project_gall .swiper-slide {width: 100%!important; margin-right: 0;}
	
	.project_gallSwiperWrap {width: 100%; overflow: unset; padding-bottom: 0rem;}
	
	.pg_slideBotmLeft {margin-bottom: 0rem;}
	.swiper-button-next, .swiper-button-prev {width:5rem; height:5rem;}
	.swiper-button-next {top: unset; right: 2rem; transform: unset; bottom: 4rem;}
	.swiper-button-prev {left: 2rem; transform: unset; top: unset; bottom: 4rem;}
	
	.project_gall .swiper-button-next, .project_gall .swiper-button-prev {width:5rem!important; height:5rem!important;}
	
	.project_gall .swiper-button-next {top: unset; right: 2rem; transform: unset; bottom: 50%; transform: translateY(50%);}
	.project_gall .swiper-button-prev {left: 2rem; transform: unset; top: unset; bottom: 50%; transform: translateY(50%);}
	
	.pg_slideBotmtxt {display: flex; align-items: flex-start; justify-content: space-between;}
	.pgBotm_per {right: 0rem; bottom: -1px; width: 35.23%; position: relative;}
	.pg_slideBotmtxt {padding: 2rem 2.4rem 0; position: relative;}
	
	.swiper-container-thumbs {overflow: unset; margin: 0 0 0 0; overflow: unset!important; margin-left: 0!important; width: 100%!important;}
	
	.gallBtnGroup .swiper-button-next {background: url(../img/sub/pg-slide-right.png) no-repeat center / cover;}
	.gallBtnGroup .swiper-button-prev {background:url(../img/sub/pg-slide-left.png) no-repeat center / cover;}
	
	.gallBtnGroup .swiper-button-next:hover {background: url(../img/sub/pg-slide-right-h.png) no-repeat center / cover;}
	.gallBtnGroup .swiper-button-prev:hover {background:url(../img/sub/pg-slide-left-h.png) no-repeat center / cover;}
	
}

@media (max-width:767px) {
	.pg_slideTop {padding:0rem 2rem 0rem; margin-bottom:1rem; justify-content: space-between;}
	.pg_Toptitle {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.pg_Toptxt {font-size: 1.4rem; line-height: 1.8rem; margin: 1rem 0;}
	.pg_vmore {font-size: 1.3rem; line-height: 1.5rem;}
	.pg_slideTopTxt {padding-left: 2rem; width:125%;}
	.pg_per {width: 85%; max-width: 24rem; padding-top:2.3rem;}
	
	.pg_initial {font-size: 2.8rem; line-height: 3rem;}
	.pg_manager {font-size: 1.3rem; line-height: 1.7rem; margin: 0.3rem 0 4.1rem;}
	.pgBotm_per {width:32%; max-width:16rem;}
	.pg_name span {font-size: 1.8rem; line-height: 2.3rem;}
	.pg_name {font-size: 1.4rem; line-height: 2.3rem;}
	.pg_slideBotmtxt {padding: 2rem 2rem 0rem 2rem;}
	.interview p {font-size:1.4rem;}
	
	.project_gall .swiper-button-next {top: unset; right: 2rem; transform: unset; bottom: 4rem;}
	.project_gall .swiper-button-prev {left: 2rem; transform: unset; top: unset; bottom: 4rem;}
	
	.project_gall .mySwiper {padding-bottom:7rem;}
	.pg_slideBotm {display: flex; justify-content: space-between; flex-direction: column;}
	.pg_slideBotmLeft, .pg_slideBotmRight {width:100%;}
	.pg_slideBotmLeft {margin-bottom:1rem;}
	
	.project_gall .swiper-pagination {
		position: relative;
		display: block;
		bottom: 2.5rem;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.project_gall .swiper-pagination-bullet {
		margin: 0 0.3rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	.project_gall .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #0481D7;}
}



/* ++++++++++++++ :::: // ~ END 프로젝트 갤러리 :::: ++++++++++++++ */


/* ++++++++++++++ :::: 프로젝트 주요 실적 START ~ :::: ++++++++++++++ */

.project_Impresult {background: #F0F5FA;}
.tabBoxTitle {
	color: #222;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3rem;
	margin-top:2rem;
}
.logoGroup {
    display: flex;
    flex-wrap: wrap;
    margin-top: -2rem;
    justify-content: flex-start;
}
.logoBox {
	position:relative;
    height: 0;
	background: #FFF;
    overflow: hidden;
    margin-top: 2rem;
    border-radius: 10px;
    padding-bottom: 10.61%;
	margin-right:2rem;
    width: calc(100%/5 - 1.6rem);
}
.logoBox:nth-child(5n) {margin-right:0;}
.logoBox img {
	/* width:100%; height:auto; */
	max-width:100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width:991px) {
	.logoGroup {
    margin-top: -2rem;
}
	.logoBox:nth-child(5n) {margin-right:2rem;}
}

@media (max-width:991px) and (min-width:768px) {
	.logoBox {padding-bottom: 17.61%; width: calc(100%/3 - 1.6rem);}
	.logoBox:nth-child(3n) {margin-right:0;}
}

@media (max-width:767px) {
	.logoGroup {
		margin-top: -0.9rem;
	}
	.logoBox {margin-top: 0.9rem; padding-bottom: 28.36%; margin-right: 0.45rem; width: calc(100%/2 - 0.45rem);}
	.logoBox:nth-child(5n) {margin-right: 0.45rem;}
	.logoBox:nth-child(2n) {margin-right:0; margin-left:0.45rem;}
}
/* ++++++++++++++ :::: // ~ END 프로젝트 주요 실적 :::: ++++++++++++++ */


/* ++++++++++++++ :::: 프로젝트 실적 START ~ :::: ++++++++++++++ */
.project_result {overflow:hidden;}
.board_Table {margin-top: 6rem; margin-bottom: 2.1rem;}

.board_Table::-webkit-scrollbar {display: none;}
.board_Table {-ms-overflow-style: none; scrollbar-width: none;}

.table {overflow: hidden; height: auto; max-height: unset; transition: all 0.4s ease-in-out;}
.table.active {height:100%; max-height:inherit;}
.board_line.top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #222;
    padding-bottom: 1.6rem;
	
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 3.2rem;
	text-align: center;
}
.board_line.mid {
    display: flex;
	padding:1.7rem 0;
    text-align: center;
    justify-content: space-between;
	
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 3.2rem;
	border-bottom:1px solid #EEEEEE;
}

.board_line.mid.js-load {display:none;}
.board_line.mid.js-load.active {display:flex;}


.board_line.mid  .t_careType {
    width: 27.2%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.online p.board_case {background: #4CCEB7;}
.t_carename {
	width: 13.2%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.t_patient {
	width: 13.2%;
	overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 1;
	word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.t_area {
	width: 13.2%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.online .t_careType {width: 26.4%;}
.t_matching {width: 13.2%;}

.board_line.mid div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.t_date {width:8.11%;}
.t_client  {width:15.15%;}
.t_place {width:9.09%;}
.t_project {width:47.95%;}
.t_mc{width:9.85%;}
.t_pm {width:9.85%;}

.goSiteBtn {
    width: 100%;
	display: flex;
    background: #FFF;
    border-radius: 6px;
    border: 1px solid #EEE;
    padding: 1.9rem 2rem;
    justify-content: center;
    align-items: center;
	cursor:pointer;
	position:relative;
	cursor:pointer;
}
.goSiteBtn {padding: 0; border: none;}
.goSiteBtn .button {
    border: 1px solid #EEE;
    padding: 1.9rem 2rem;
    display: block;
    width: 100%;
    text-align: center;
	border-radius: 6px;
}
.goSiteBtnTxt {
	color: #222;
	font-family: "Pretendard";
	font-size: 1.6rem;
	line-height: 2.2rem;
	padding-right:2rem;
	position:relative;
}
.goSiteBtnTxt::before {
	content:'';
	width:1.1rem;
	height:1.4rem;
	background:url(../img/sub/arrow_down.png) no-repeat center / cover;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.goSiteBtn .button .goSiteBtnTxt {display: inline-block;}

.closelist {
    border: 1px solid #EEE!important;
    padding: 1.9rem 2rem!important;
}


.goSiteBtn.closelist .button {display:none!important;}
.goSiteBtn .close  {display:none!important;}
.closelist .button  {display:none!important;}
.closelist.goSiteBtn .close {display: inline-block!important; width:100%; text-align: center;}
.closelist.goSiteBtn .close .goSiteBtnTxt::before	{transform: translateY(-50%) rotate(180deg);}
.closelist .goSiteBtnTxt {display: inline-block;}



@media (max-width:991px) {
	.board_line.mid {padding:0; line-height:5rem;}
	.table {width: 100%;} 
	.board_Table {margin-top: 4rem; margin-bottom: 2.1rem; overflow-x: scroll;}
	.goSiteBtn .button {padding:1.4rem 1.8rem;}
	.goSiteBtnTxt {font-size:1.4rem;}
	
	.board_line.top {font-size:1.4rem; line-height:4rem;}
	.board_line.mid {font-size:1.4rem; line-height:4rem;}
	
	.project_result .subInner {padding-left:0; padding-right:0;}
	.project_result .contTitle {padding-left:2rem; padding-right:2rem;}
	.project_result .table {padding-left:2rem; padding-right:2rem;}
	.project_result .goSiteBtn {width: calc(100% - 4rem); margin: 0 auto;}
}
@media (max-width:767px) {
	.board_Table {margin-top: 2rem;}
	.board_line.top {padding-bottom:0;}
	.table {width: 100rem;} 
	
	.inqLiveList .table {width: 100%;} 
	.t_project {font-size:1.4rem;}
}
/* ++++++++++++++ :::: // ~ END 프로젝트 실적 :::: ++++++++++++++ */

/* ++++++++++++++ :::: // 고객사 후기 START ~ :::: ++++++++++++++ */
.customer_ask {background: #F0F5FA;}

.ask_wrap {
	display: flex;
	justify-content: space-between;
}

.ask_item{
	width: 32%;
}

.ask_item .img_1{
	width: 100%;
	height: 220px;
}

.ask_item .img_2{
	margin: 30px 0;
	width: 30%;
}

.ask_item .empty_box_1{
	width: 100%;
	height: 220px;
}

.ask_item .empty_box_2{
	margin: 30px 0;
	width: 30%;
}

.ask_item .img_2{
	margin: 30px 0;
	width: 30%;
}

/* 제목 */
.ask_title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* 상세 내용 */
.ask_detail {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;              /* ✅ 줄 간격 지정 (줄 수 계산 기준) */
	word-break: keep-all;
	white-space: normal;           /* ✅ pre-line 제거해야 line-clamp 정확히 작동 */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;         /* ✅ 4줄까지만 */
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	transition: all 0.3s ease;
}

.ask_detail.open {
  -webkit-line-clamp: unset;
  overflow: visible;
  max-height: none;
}

.ask_more {
  background: none;
  border: none;
  color: #218fdb;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin: 15px 0;
  display: none;
  padding: 0 !important;
}

/* 반응형 */
@media (max-width: 768px) {
	.ask_wrap {
		display: block !important;
	}

	.ask_item{
		width: 100%;
	}
}

/* ++++++++++++++ :::: // ~ END 고객사 후기 :::: ++++++++++++++ */

/* ++++++++++++++ :::: // 이사비용 START ~ :::: ++++++++++++++ */
.move_pay_title p{
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 10px;
}

.move_pay_group p{
	float: right;
    font-size: 1.5rem;
    color: red;
}

.move_pay_table {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Pretendard', '맑은 고딕', sans-serif;
	font-size: 16px;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	margin: 40px 0 20px 0;
}

.move_pay_table thead th {
	background-color: #0481d7; /* 파란색 헤더 */
	color: #fff;
	font-weight: 600;
	padding: 16px 0;
}

.move_pay_table tbody td {
	padding: 14px 0;
	border-bottom: 1px solid #9f9f9f;
	color: #333;
}

/* 반응형 */
@media (max-width: 768px) {
	.move_pay_table {
		font-size: 14px;
	}
	.officemove_pay_table_table thead th, 
	.move_pay_table tbody td {
		padding: 12px 0;
	}

	.move_pay_title p{
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 10px;
	}
}

/* ++++++++++++++ :::: // ~ END 이사비용 :::: ++++++++++++++ */

/* ++++++++++++++ :::: 자주 묻는 질문 START ~ :::: ++++++++++++++ */
.qnaArea {background: #F0F5FA;}
.faq_content_box{margin-bottom:0px;width: 100%;box-sizing: border-box;margin-bottom:1rem;}
.faq_content_box:last-child {margin-bottom:0;}
.accordion-menu {text-align: left;width: 100%;}
.accordion-menu li{overflow: hidden;z-index:400;list-style:none;border-radius: 1rem;border:1px solid #eee;}
.accordion-menu li.open_faq {
    border: 1px solid #0481D7;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
.accordion-menu li.open_faq .dropdownlink .fa-chevron-down {transform: rotate(180deg);}
.accordion-menu li.open_faq .f_list_open{}
.dropdownlink {
	padding:2.1rem 2.4rem 2.1rem 5.7rem;    
	position: relative;
	cursor: pointer;display: block;position: relative;z-index: 0;
	background-color: #fff;
	color: #222;
	font-size: 1.8rem;
	font-family: 'Pretendard-Medium';
	line-height:2.8rem;
	word-break: keep-all;
}
.dropdownlink span{
	position: absolute;
	left: 2.4rem;
	top:2.1rem;
	color: #0481D7;
	font-size: 2.3rem;
	font-family: 'Pretendard-SemiBold';
	line-height: 2.8rem;

}
.fa-chevron-down{
	position:absolute;
	right:2.4rem;
	top: 3.1rem;
	width:1.3rem;
	height:0.8rem;
	background-image: url(../img/sub/faqdroparrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.submenuItems {display: none;}
.submenuItems li {border: none; list-style: none; border-radius: 0;}

.f_list_open:before {
    width: calc(100% - 4.5rem);
    position: absolute;
    left: 2.4rem;
    top: 0rem;
    height: 1px;
    background: #eee;
    content: '';
}
.f_list_open {
	border-top: none!important;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 2.2rem 2.4rem 2.1rem 5.7rem;
}
.f_ar{position: absolute;left: 2.4rem;top: 2.2rem;
	color: #222;
	font-family: Pretendard;
	font-size: 2.3rem;
	font-style: normal;
	font-weight: 600;
	line-height:2.8rem;
}
.f_listTextBox{width:100%;position: relative;padding-top: 0px;}
.flNormalText{
	display:block;
	text-align:left;
	color: #666;
	font-family: Pretendard;
	font-size: 1.7rem;
	line-height:2.8rem;
}
@media (max-width:991px) {
	.dropdownlink {padding:1.6rem 4.6rem 1.6rem 4.3rem; font-size: 1.5rem; line-height: 2.2rem;}
	.dropdownlink span {position: absolute; left: 1.6rem; top: 1.6rem; font-size: 1.7rem; line-height: 2.2rem;}
	.f_ar {left: 1.6rem; top: 2rem; font-size: 1.7rem; line-height: 2.2rem;}
	.f_list_open {padding: 2rem 2.4rem 2.1rem 4.3rem;}
	.flNormalText {font-size:1.5rem; line-height:2.2rem;}
}
@media (max-width:767px) {
	.faq_content_box {
		margin-bottom: 0.6rem;
	}
	.dropdownlink {
		padding: 1.6rem 4rem 1.6rem 4.3rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.dropdownlink span {
		position: absolute;
		left: 1.6rem;
		top: 1.5rem;
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.fa-chevron-down {
		right: 1.6rem;
		top: 2.2rem;
		width: 1.3rem;
		height: 0.8rem;
		background-image: url(../img/sub/faqdroparrow.png);
	}
}

/* ++++++++++++++ :::: // ~ END 자주 묻는 질문 실적 :::: ++++++++++++++ */
/* :::::::::: ====== // ~ 기업이사, 특수이사  서브페이지 (type01) END ====== ::::::::::  */





/* :::::::::: ====== 문서파쇄 서브페이지 (type02) START ~  ====== ::::::::::  */


/* ++++++++++++++ :::: 일사천리쉬레드 바로가기 START ~ :::: ++++++++++++++ */
#doc_shredding {}
.figure_btn {
    display: flex;
    justify-content: space-between;
	margin-top:6rem;
}

.doc_btnimg {
	position:relative;
    height: 0;
    width: 81.819%;
    overflow: hidden;
    margin: 0;
    padding-bottom: 46%;
    display: inline-block;
}
.doc_btnimg img{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
}

.doc_btn {
    border-radius: 10px;
    background: #F3F3F3;
    padding: 2rem;
    color: #222;
    text-align: center;
    font-family: "Pretendard-SemiBold";
    font-size: 2.2rem;
    line-height: 2.8rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 16.67%;
    justify-content: center;
    flex-direction: column;
}

.doc_Gobtn {
    width: 5.4rem;
    height: 5.4rem;
    margin-top: 1.7rem;
    margin: 1.7rem  auto 0;
}
.doc_Gobtn img {width:100%; height:auto;}


@media (max-width:991px){
	.figure_btn {flex-direction: column; margin-top:4rem;}
	.doc_btnimg {width:100%; padding-bottom:unset; height:auto; margin-bottom:1rem;}
	.doc_btnimg img{
		position:relative;
		left:0rem;
		top:0rem;
		width:100%;
		height:100%;
	}
	/* .doc_btnimg img {width:100%; height:auto; vertical-align: bottom;} */
	.doc_btn {width:100%; flex-direction: row; justify-content: space-between; padding: 1.3rem 1.6rem;}
	.doc_Gobtn {margin:0; width:4.4rem; height:4.4rem;}
}
@media (max-width:767px){
	.figure_btn {margin-top:3rem;}
	.doc_btn {font-size: 1.6rem; line-height: 3rem;}
	.doc_Gobtn {width:3rem; height:3rem;}
}


/* ++++++++++++++ :::: // ~ END 일사천리쉬레드 바로가기 :::: ++++++++++++++ */



/* ++++++++++++++ :::: 갤러리 START ~ :::: ++++++++++++++ */
#doc_gall {background: #F8F8F8; overflow: hidden;}
#doc_gall .subInner {padding:8rem 2rem 12.5rem;}
.doc_gallContInner {height: 0; padding-bottom: 44.7%; overflow: unset; position: relative;}
.doc_gallCont {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    overflow: unset;
}
.doc_gallContrela{
	width:100%;
	height:100%;
	position:relative;
	    display: flex;
}
#doc_gall .swiper-wrapper {height: 100%;}
#doc_gall .swiper {width: 100%; height:100%;}
#doc_gall .swiper-slide {border-radius: 10px; overflow: hidden;position:relative;}
#doc_gall .swiper-slide img {
	max-width:100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	vertical-align: bottom;
}
#doc_gall .thumslide {
    width: 23.4%!important;
    /* height: 100%; */
    height: 14rem!important;
    max-width: 25rem;
    margin: 0 0 0 auto;
    overflow: unset;
    /* transform: translateY(15rem); */
}
#doc_gall .thumslide .swiper-slide {
    overflow: hidden;
    position: relative;
	 /* height: 14rem!important; */
}
#doc_gall .thumslide .swiper-slide img{
	max-width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#doc_gall .thumslide .swiper-slide {
    position: relative;
    cursor: pointer;
    border: none;
    margin-bottom: 1rem;
}

#doc_gall .thumslide .swiper-slide::before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#0481D7; opacity:0.8; z-index:10; opacity:0;}
#doc_gall .thumslide .swiper-slide::after {content:''; width:2.1rem; height:1.4rem; position:absolute; left:50%; top:50%;  transform:translate(-50%, -50%); background:url(../img/checkafter.png) no-repeat center / contain; z-index:10; opacity:0;}

#doc_gall .thumslide .swiper-slide:hover::before {opacity:0.8;}
#doc_gall .thumslide .swiper-slide:hover::after {opacity:0.8;}

#doc_gall .mySwiper2 {
    overflow: hidden;
    width: 91%;
    max-width: 105rem;
    margin-right: 1rem;
}
#doc_gall .thumslide .swiper-wrapper {height:100%!important; }
#doc_gall .swiper-button-prev {
	top: -1rem;
    left: unset;
    right: 11rem;
    margin-top: 0;
    width: 3.5rem!important;
    height: 3.5rem!important;
	transform: translateY(-100%) rotate(180deg);
}
#doc_gall .swiper-button-next {
	top: unset;
	bottom: -1rem;
    left: unset;
    right: 11rem;
    margin-top: 0;
    width: 3.5rem!important;
    height: 3.5rem!important;
	transform: translateY(100%) rotate(180deg);
}

@media (max-width:991px) {
	#doc_gall .subInner {
		padding: 8rem 2rem 23.5rem;
	}
	.doc_gallContInner {
		height: 100%;
		padding-bottom: 0;
	}
	.doc_gallCont {
		width: 100%;
		height: 100%;
		position: relative;
		flex-direction: column;
		overflow: unset;
	}
	.doc_gallContrela {
		width: 100%;
		height: 100%;
		position: relative;
		display: block;
	}
	#doc_gall .mySwiper2 {
		padding-bottom: 56%;
		width: 100%;
		max-width: unset;
		margin-bottom: 1rem;
		margin-right: 0;
		height:0;
	}
	#doc_gall .swiper-wrapper {
		top: 0rem;
		left: 0rem;
		width: 100%;
		/* position: absolute; */
		position: relative;
		
		height: auto;
	}
	#doc_gall .swiper-slide {border-radius: 6px; overflow: hidden;position:relative;}
	#doc_gall .thumslide {width: 100%!important; height: 5rem; max-width: unset; margin: 0 0 0 auto;}
	#doc_gall .thumslide .swiper-slide {border-radius:4px; margin-right: 0.6rem;}
	.gallBtnGroup {
		top: 14rem;
		width: 100%;
		display: flex;
		margin-top: 0rem;
		position: relative;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	#doc_gall .swiper-button-next {
		right: 0;
		top: unset;
		left: unset;
		bottom: unset;
		transform: unset;
		position: relative;
		width: 5rem!important;
		height: 5rem!important;
	}
	#doc_gall .swiper-button-prev {
		left: 0;
		top: unset;
		right: unset;
		bottom: unset;
		position: relative;
		width: 5rem!important;
		height: 5rem!important;
		transform:unset;
	}
	#doc_gall .swiper-pagination-bullets {bottom: unset; top: 50%; left: 50%; width: 70%; transform: translate(-50%,-50%);}
	#doc_gall .swiper-pagination-bullet {width: 4px; height: 4px; margin: 0 3px;}
	#doc_gall .swiper-pagination-bullet-active {background: #0481D7;}
	
	#doc_gall .thumslide {
		margin: 0;
		height: auto!important;
		max-width: unset;
		width: 100%!important;
		transform: unset;
	}
	#doc_gall .thumslide .swiper-wrapper {height: auto!important; }
	/* #doc_gall .thumslide .swiper-slide {height: 13rem!important;} */
	
	#doc_gall .thumslide .swiper-slide img {
		max-width: 100%;
		position: relative;
		top: inherit;
		left: inherit;
		-webkit-transform: inherit;
		transform: inherit;
	}
}
@media (max-width:767px) {
	#doc_gall .subInner {
		padding: 4rem 2rem 22vw;
	}
	.gallBtnGroup {
		top: 16vw;
	}
	#doc_gall .thumslide {margin: 0; height: auto; max-width: unset; width: 100%!important;}
	#doc_gall .thumslide .swiper-slide {padding-bottom: 0;}
}
@media (max-width:410px) {
	#doc_gall .subInner {
		padding: 4rem 2rem 28vw;
	}
	.gallBtnGroup {
		top: 18vw;
	}
}
/* ++++++++++++++ :::: // ~ END 갤러리 :::: ++++++++++++++ */


/* ++++++++++++++ :::: 서비스 특장점 :::: ++++++++++++++ */
#sevice_merit {background:#FFF;}

ul.meritList {display: flex; border: 1px solid #EEE;}
.meritList_li {
	padding:4rem;
	width:calc(100%/3);
	border-right:1px solid #EEE;
}
.meritList_li:last-child {border-right:none;}
.meritIcon {
    height: auto;
	width: 6rem;
    margin-bottom: 4rem;
}
.meritIcon img {width:100%; height:auto;}
.meritTitle {
	color: #222;
	font-size: 2rem;
	position:relative;
	line-height: 2.5rem;
	font-family: 'Pretendard-Medium';
	
}
.meritTxt {
    color: #666;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 1.6rem;
    font-family: "pretendard-Light";
}
@media (max-width:991px) {
	.meritIcon {width: 4rem; height: auto; margin-bottom: 2rem;}
	.meritTitle {font-size: 1.8rem; line-height: 2.3rem;}
	.meritTxt {font-size: 1.4rem; line-height: 2rem; margin-top: 0.8rem;}
}
/* ++++++++++++++ :::: // ~ 서비스 특장점 END :::: ++++++++++++++ */


/* ++++++++++++++ :::: 담당자 인터뷰 특장점 :::: ++++++++++++++ */

#sub02_interview {background:#FFF;}
#sub02_interview .interviewWrap {display: flex; justify-content: space-between;}
#sub02_interview dl {
	display: flex;
    width: calc(50% - 2rem);
	align-items: center;
    justify-content: space-between;
}
/* #sub02_interview .interviewBox { */
    /* display: flex; */
    /* width: 100%; */
    /* padding: 4.3rem 5rem 0 5rem; */
    /* background: #FFF; */
    /* border-radius: 10px; */
    /* border: 1px solid rgba(0, 0, 0, 0.05); */
    /* background: #FFF; */
	/* align-items: center; */
    /* justify-content: space-between; */
	/* position:relative; */
	/* overflow: hidden; */
	/* z-index:2; */
/* } */
#sub02_interview .interviewBox {
    min-height: 36.3rem;
    display: flex;
    width: 100%;
    padding: 0rem 5rem 0 5rem;
    background: #FFF;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #FFF;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
/* .interviewBox::before { */
    /* content: ''; */
    /* width: 41.225%; */
    /* height: 72.43%; */
    /* border-radius: 50%; */
    /* position: absolute; */
    /* left: 3rem; */
    /* top: 5rem; */
    /* background: #DCEEFC; */
    /* z-index: -1; */
/* } */
.interviewBox::before {
    content: '';
    width: 26.3rem;
    height: 26.3rem;
    border-radius: 50%;
    position: absolute;
    left: 3rem;
    top: 5rem;
    background: #DCEEFC;
    z-index: -1;
}

.interImginner{
	position:absolute;
	left:5rem;
	bottom:-0.4rem;
}
.interImg {
    height: 32rem;
    width: 22rem;
    /* padding-bottom: 59.48%; */
    overflow: hidden;
    position: relative;
}
.interImg img {
    transform: translateX(-50%);
    top: 0rem;
    left: 50%;
    position: absolute;
    height: 100%;
    max-width: 100%;
}
.interviewTBox {
    width: 28rem;
    position: relative;
    padding-left: 0rem;
    z-index: 2;
}

.teamName {
	color: #0481D7;
	text-align: right;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 4rem;
	font-family: "Pretendard-Bold";
	
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.inter_txt {
	color: #222;
	text-align: right;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin:2rem 0;
	
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.inter_name {
    font-family: "Pretendard-Light";
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-align: right;
}

.inter_name span {
	color: #222;
	font-family: "Pretendard-Bold";
	font-size: 2.2rem;
	line-height: 2.8rem;
}

@media (max-width:1200px){
	#sub02_interview dl {
		width: calc(50% - 1rem);
	}
	#sub02_interview .interviewBox {
		min-height: 32.3rem;
		padding: 0rem 3rem 0 3rem;
	}
	.interviewBox::before {
		width: 24.3rem;
		height: 24.3rem;
		left: 2rem;
		top: 5rem;
	}
	.interImginner {
		left: 4rem;
		bottom: -0.4rem;
	}
	.interImg {
		height: 28rem;
		height: 28rem;
		width: 22rem;
	}
}

@media (max-width:991px){
	.meritList_li {padding:2rem;}
	#sub02_interview dl:nth-child(1){
		margin-top:0rem;
	}
	#sub02_interview dl {
		margin-top: 2rem;
		width: 100%;
	}
	#sub02_interview .interviewWrap {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	#sub02_interview .interviewBox {min-height: 30rem;width: 100%; padding: 0rem 4rem 0 4rem;}
	.interviewBox::before {
		top: 3.5rem;
		left: 4rem;
		width: 23rem;
		height: 23rem;
	}
	
	.interImginner {
		left: 5rem;
		bottom: -0.4rem;
	}
	.interImg {
		height: 26rem;
		width: 22rem;
	}
	.interImg img {vertical-align: bottom; z-index: 1; position: relative;}
	
	.teamName {font-size: 2.8rem; line-height: 3.5rem;}
	.inter_txt {font-size: 1.6rem; line-height: 2rem; margin: 2rem 0;}
	.interviewTBox {padding-left: 0rem; width: 35rem;}



}
@media (max-width:767px){
	#sub02_interview .interviewBox {
		min-height: auto;
		height: 19rem;
		width: 100%;
		padding: 0rem 2rem 0 2rem;
	}

	.teamName {font-size: 2rem; line-height: 3.2rem;}
	.inter_txt {
		-webkit-line-clamp: 4;
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin: 1rem 0;
	}
	.interviewTBox {
		padding-left: 0rem;
		width: 16rem;
	}
	
	.inter_name span {font-size:1.6rem; line-height:2rem;}
	.inter_name {font-size: 1.3rem; line-height: 1.8rem;}
	
	.interImginner {
		left: 2rem;
		bottom: -0.4rem;
	}
	.interImg {
		width: 12rem;
		padding-bottom: unset;
		height: auto;
	}
	.interImg img {height:auto;}
	
	ul.meritList {display: flex; border:none; flex-direction: column;}
	.meritList_li {width: 100%; padding: 2rem; border: 1px solid #EEE; border-bottom: none;}
	.meritList_li:last-child {border-right: 1px solid #EEE; border-bottom: 1px solid #EEE;}
	
	.interviewBox::before {
		width: 13.8rem;
		height: 13.8rem;
		left: 1.6rem;
		top: 2.6rem;
		z-index: 0;
	}
}


/* ++++++++++++++ :::: // ~ 담당자 인터뷰 END :::: ++++++++++++++ */
/* :::::::::: ====== // ~ 기문서파쇄  서브페이지 (type02) END ====== ::::::::::  */

/* :::::::::: ====== 프로젝트 START ====== ::::::::::  */
#projectResultList {}
.projectResult_gall . {margin-bottom:6rem;}
.office_Intro {background: #FFF;}
.projectResult_gall {}
.prorG_title {display: flex; border-bottom: 1px solid #EEE; justify-content: center; margin-top:6rem;}
.prorG_title li {margin:0 2.5rem; cursor:pointer;}
.prorG_title li:first-child {margin-left:0rem;}
.prorG_title li:last-child {margin-right:0rem;}

.prorGall_menu {
	color: #666;
	text-align: center;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 7rem;
	position:relative;
}
.prorGall_menu a {
    display: block;
    height: 100%;
}
.prorGall_menu:before {
	content: '';
	width: 0%;
	left: 50%;
	bottom: 0;
	height: 0.3rem;
	transform:translateX(-50%);
	position: absolute;
	background: #0481D7;
	transition:all 0.3s ease-in-out;
}
.on .prorGall_menu {color: #0481D7; font-family: "Pretendard-Bold";}
.on .prorGall_menu:before {width:100%;}

/* .prorGtab_contGroup {display:none;} */
/* .prorGtab_contGroup.on { */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: flex-start; */
/* } */
.prorGtab_contGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.prorGtab_contBox {
    width: calc(50% - 2rem);
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-right: 4rem;
}
.prorGtab_contBox:nth-child(2n) {margin-right:0;}
.prorGtab_contTop {
    display: flex;
    height: auto;
    width: 100%;
    padding: 0rem 5rem 0;
    align-items: center;
    justify-content: flex-start;
    border-radius: 1rem;
    pointer-events: revert;
    position: relative;
    overflow: hidden;
}

@media (max-width:991px) {
	.projectResult_gall {overflow: hidden;}
	.projectResult_gall .subInner {padding-left:0; padding-right:0;}
	
	.projectResult_gall .subpTitle,
	.projectResult_gall .subpStitle {padding-left:2rem; padding-right:2rem;}
	.prorGtab_cont  {padding-left:2rem; padding-right:2rem;}
	
	.subpStitle {font-size:1.6rem; line-height:2.4rem;}
	
	.projectResult_gall .contTitle {padding-left:2rem; padding-right:2rem;}
	.projectResult_gall .table {padding-left:2rem; padding-right:2rem;}
	.projectResult_gall .goSiteBtn {width: calc(100% - 4rem); margin: 0 auto;}
	
	.prorGall_menu {font-size: 1.5rem; line-height: 2.4rem; padding-bottom: 1.3rem;}
	.prorG_title {width:100%; min-width: 87rem; margin-top:0;}
	#projectResultList .prorG_title {width:100%; min-width: 87rem!important; padding:0 2rem; justify-content: flex-start;}
	.prorG_titleWrap {overflow-x:scroll; margin-top:6rem;}
	
	.prorG_titleWrap::-webkit-scrollbar {display: none;}
	.prorG_titleWrap {-ms-overflow-style: none; scrollbar-width: none;}
	
	.prorGtab_cont {margin-top: 2rem;}
	.prorGtab_contGroup.on {flex-direction: column;}
	.prorGtab_contTop {padding:0rem 4rem 0 4rem; justify-content: center}
	
	.prorGtab_contBox {width: 100%; margin-top: 1rem; margin-bottom: 1rem; margin-right: 0rem;}		
	
	.projectList .subInner {padding-left:0; padding-right:0;}
	.projectList .contTitle {padding-left:2rem; padding-right:2rem;}
	.projectList .table {padding-left:2rem; padding-right:2rem;}
	.projectList .goSiteBtn {width: calc(100% - 4rem); margin: 0 auto;}
	
	.prorG_title li {margin:0 1.2rem; cursor:pointer;}
}

@media (max-width:991px) and (min-width:768px) {
	#projectResultList .pg_per {width: 35.6%; height: auto; padding-top:2.6rem;}
	.pg_slideTopTxt {padding-left:4rem;}
}
@media (max-width:767px) {
	.prorG_titleWrap {margin-top:4rem;}
	.prorGtab_contTop {padding:0rem 2rem 0 2rem;}
	.prorGtab_contBox {width: 100%; margin-top: 0.35rem; margin-bottom: 0.35rem; margin-right: 0;}
	#projectResultList .prorG_title {width: 100%; min-width: 60rem!important;}
}


/* :::::::::: ====== // ~ 프로젝트 End ====== ::::::::::  */



/* :::::::::: ====== 프로젝트 디테일 START ====== ::::::::::  */
#proDetailWrap {}
.proD_top {padding-bottom:6rem; border-bottom:1px solid #EEE;}
.proD_TitleBox {margin-bottom:3rem;}
.proD_Tspan {
	color: #0481D7;
	font-family: "Pretendard-SemiBold";
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.8rem;
	margin-bottom:1rem;
}
.proD_title {
	color: #000;
	font-family: "Pretendard-SemiBold";
	font-size: 3.6rem;
	line-height: 5rem;
}

.proD_Info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proD_InfoLeft, .proD_InfoRight {
    display: flex;
}
.proD_Info dl {
    display: inline-block;
    position: relative;
    margin-right: 4rem;
    display: flex;
    flex-direction: row;
}
.proD_Info dl span {
	color: #888;
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-right:1rem;
}
.proD_Info dl p {
	color: #000;
	font-family: "Pretendard-Medium";
	font-size: 1.6rem;
	line-height: 3.4rem;
}

.proD_Info dl:after {
    content: '';
    position: absolute;
    right: -2rem;
    top: 1rem;
    width: 1px;
    height: 1.4rem;
    background: #EEEEEE;
}
.proD_Info dl:last-child:after {display:none;}

.proD_Cont {
    margin-top: 6rem;
    display: block;
    margin-bottom: 6rem;
    max-width: 100rem;
    margin: 6rem auto;
}
.prodsum{
	display:block;
	text-align:center;
	margin-bottom:6rem;
}
.prodsum img{
	display:inline-block;
	max-width:100%;
	border-radius: 0.8rem;
}

.tagBox {
    display: block;
    text-align: left;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}
.tagBox a {
	text-decoration:none !important;
    margin: 0px 0.6rem 0.8rem 0px;
    display: inline-block;
}
.tagBox a h4 {
    padding: 0.8rem 1.8rem 0.8rem 1.8rem;
	border-radius: 9.9rem;
	border: 1px solid #E6E6E6;
	background: #FFF;
    font-size: 1.5rem;
    font-family: 'Pretendard';
    line-height: 2.8rem;
    text-align: center;
    color: #222;
}

.tagBox a h4:hover{border: 1px solid #0481D7; color:#0481D7;}

.proD_pnBox {
    display: flex;
    margin-top: 6rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100rem;
    margin: 6rem auto 0;
}
.proD_nextxt {
	color: #222;
	font-size: 2rem;
	line-height: 2.8rem;
	margin-bottom:1.6rem;
	font-family: "Pretendard-Medium";
}
.proD_Prev, .proD_Next {width:calc(100%/2 - 2rem);}
.proD_pnBox_Top {
    display: flex;
    height: auto;
    /* background: #f6f6f6; */
    width: 100%;
    /* background: url(../img/sub/pg_bg.jpg) no-repeat center / cover; */
    padding: 0rem 3.75rem 0;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}
.proD_pnBox .pg_Toptitle {
    color: #FFF;
    font-family: "Pretendard-Bold";
    font-size: 3rem;
    line-height: 4.5rem;
}
.proD_pnBox .pg_Toptxt {
    color: #FFF;
    font-family: Pretendard;
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin: 1.5rem 0;
}
.proD_pnBox .pg_vmore {
    color: #FFF;
    font-family: "Pretendard-Light";
    font-size: 1.2rem;
    line-height: 2.1rem;
    text-decoration-line: underline;
}
.proD_pnBox .pg_per {width: 43.7%; height: auto;}
.proD_pnBox .pg_slideTopTxt {padding-left: 2rem;}
.backList {display: flex; margin-top: 6rem; justify-content: center;}
.backList p {
	color: #222;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem;
    letter-spacing: 0.72px;
	width: 18rem;
    justify-content: center;
    margin: 0 auto;
	border-radius: 99px;
    border: 1px solid #222;
    background: #FFF;
    padding: 1.3rem 0;
    display: flex;
    align-items: center;
    display: inline-flex;
}
@media (max-width:991px) {
	.proD_top {
		padding-bottom: 4rem;
	}
	.proD_title {
		font-size: 3rem;
		line-height: 4rem;
	}
	.proD_Info dl span {
		font-size: 1.4rem;
		line-height: 3.4rem;
		margin-right: 1rem;
	}
	.proD_Info dl p {
		font-size: 1.4rem;
		line-height: 3.4rem;
	}
	.proD_Cont {
		margin: 4rem auto 6rem auto;
	}
	
	.proD_Prev, .proD_Next {
		width: calc(100%/2 - 1rem);
	}
	.proD_pnBox_Top {
		padding: 0rem 2rem 0;
	}
}
@media (max-width:767px) {
	.proD_Cont {
		margin: 3rem auto 4rem auto;
	}
	.proD_Tspan {
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 0.4rem;
	}
	.proD_title {
		font-size: 2.2rem;
		line-height: 3rem;
		    margin-bottom: 1.2rem;
	}
	.proD_top {
		padding-bottom: 3rem;
	}
	.proD_InfoRight{
		margin-top:0.6rem;
	}
	.proD_Info {
		display: block;
		justify-content: space-between;
		align-items: center;
	}
	.proD_Info dl {
		margin-right: 3.1rem;
	}
	.proD_Info dl:after {
		right: -1.5rem;
		top: 0.4rem;
		width: 1px;
		height: 0.9rem;
	}
	.proD_Info dl span {
		font-size: 1.1rem;
		line-height: 1.8rem;
		margin-right: 1rem;
	}
	.proD_Info dl p {
		font-size: 1.1rem;
		line-height: 1.8rem;
	}
	
	.tagBox a {
		text-decoration: none !important;
		margin: 0px 0.3rem 0.6rem 0px;
		display: inline-block;
	}
	.tagBox a h4 {
		padding: 0.4rem 1.2rem 0.4rem 1.2rem;
		border-radius: 9.9rem;
		font-size: 1.3rem;
		line-height: 2.4rem;
	}
	
	.proD_pnBox {
		display: block;
		margin-top: 4rem;
	}
	.proD_nextxt {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}
	.proD_Prev, .proD_Next {
		width: 100%;
	}
	.proD_Next{
		margin-top:2rem;
	}
	
	
	.proD_pnBox_Top {
		padding: 0rem 2rem 0;
	}
	.proD_pnBox .pg_per {
		width: 85%;
		max-width: 24rem;
		padding-top: 2.3rem;
	}
	.proD_pnBox .pg_slideTopTxt {
		width: 125%;
		padding-left: 2rem;
	}
	.proD_pnBox .pg_Toptitle {
		font-size: 2rem;
		line-height: 2.7rem;
	}
	.proD_pnBox .pg_Toptxt {
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin: 1rem 0;
	}
	.proD_pnBox .pg_vmore {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	
	.backList {
		display: block;
		margin-top: 4rem;
	}
	.backList a{
		display: block;
	}
	.backList p {
		text-align: center;
		font-size: 1.6rem;
		line-height: 3rem;
		letter-spacing: 0.1rem;
		width: 100%;
		margin: 0 auto;
		border-radius: 0.6rem;
		border: 1px solid #222;
		background: #FFF;
		padding: 1rem 0;
		display: block;
	}
}
/* :::::::::: ====== // ~ 프로젝트 디테일 End ====== ::::::::::  */





/* :::::::::: ====== 상담 문의  START ====== ::::::::::  */

#inqWrap .subpStitle {
	color: #666;
	font-family: "Pretendard-Light";
	font-size: 2.2rem;
	line-height: 3rem;
	text-transform: uppercase;
}


span.black {
	color: #222;
	font-family: "Pretendard-Medium";
	font-size: 2.2rem;
	line-height: 3rem;
}
span.blue {
	color: #0481D7;
	font-family: Pretendard;
	font-size: 2.2rem;
	line-height: 3rem;
}s

.imporBox {
	display: flex;
    margin-top: 6rem;
	margin-bottom: 2.4rem;
    justify-content: flex-end;
}

.important {
    color: #444;
    font-family: "Pretendard-Light";
    font-size: 1.6rem;
    line-height: 1.6rem;
    position: relative;
    padding-left: 0.9rem;
    text-align: right;
    display: inline-block;
}

.important::before {
	left:0;
	top:50%;
	content:'';
	width: 5px;
	height: 5px;
	position:absolute;
	border-radius: 50%;
	background:#0481D7;
	transform:translateY(-50%);
}

.imporBox {
    display: flex;
    justify-content: flex-end;
    margin: 6rem 0 0rem;
}


/*--------------------------------------------------------------
# 견적문의
--------------------------------------------------------------*/


.quoteWrap{
	width:100%;
	position:relative;
	margin-top:10rem;
}

.corinqwrap {
    width: 100%;
    position: relative;
    padding: 0rem 0rem 0rem 0rem;
    background: #fff;
}

#corinq input {outline: none;}
#corinq input:focus {outline:1px solid #0481D7; box-shadow: none !important; background: #FFF;}

#corinq input:-webkit-autofill,
#corinq input:-webkit-autofill:hover,
#corinq input:-webkit-autofill:focus,
#corinq input:-webkit-autofill:active {
transition: background-color 5000s;
-webkit-text-fill-color: #fff !important;
}


.corinqsidebox {
    padding: 0rem 2rem;
    max-width: 156rem;
    margin: 0 auto;
}
.corinqsidebox h1 {
    display: block;
    text-align: center;
    font-family: 'Pretendard-Bold';
    color: #222;
    font-size: 4.6rem;
}

.coinqbox {
    width: 100%;
    position: relative;
    margin-top: 0rem;
}

.cosectetbox{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    position: relative;
	padding:3rem 3rem 3rem 3rem;
	margin-top:4rem;
}
.cosectetbox h2 {
    margin-bottom: 0rem;
    display: block;
    text-align: left;
    font-family: 'Pretendard-Medium';
    color: #222;
    font-size: 2.2rem;
}
.cosectetbox:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 20;
}

.ciinputflex{display:flex;}

.ciinput{
	display:block;
	width:100%;
	text-align:left;
	margin:3rem 1rem 0rem 1rem;;
}
.ciinput label {
    position: relative;
    display: inline-block;
    font-family: 'Pretendard-Medium';
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.ciinput label dt {
    position: absolute;
    right: -1rem;
    top: -0.2rem;
	width: 5px;
    height: 5px;
	border-radius: 50%;
    background: #0481D7;

}
.ciinput input{
	margin-top:0.8rem;
	width:100%;
	height:5rem;
	border:none;
	padding:0rem 2rem;
	border: 1px solid #EEEEEE;
	border-radius:0.5rem;
	
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;

    background: #F8F8F8;
}


/* .ciinput input:focus{ */
	/* border: 1px solid #222; */
	/* background: #FFFFFF; */
	/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); */
/* } */

.ciinput input:read-only {
	background: #f9f9f9;
	border: 1px solid #EEEEEE;
}

.ciinput input::placeholder{
	font-family: Pretendard;
	font-size: 1.7rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#aaa;
}



.ciselput {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    margin: 2.4rem 0rem 0rem 0rem;
}
.ciselput:nth-child(1){
	margin-right:1.5rem;
}
.ciselput:nth-child(2){
	margin-left:1.5rem;
}
.ciselput label {
    position: relative;
    display: inline-block;
    font-family: 'Pretendard-Medium';
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.ciselput select:focus{
	background: #fff;
	border:none;
	outline: 1px solid #0481D7;

}
.ciselput select{
	z-index:20;
	background: #f9f9f9;
	    margin-top: 0.8rem;
	width:100%;
	position:relative;
	border-radius:0.5rem;
border: 1px solid #EEE;
height:5rem;
color: #222;
text-align:left;
font-size: 1.7rem;
font-family: Pretendard;
line-height: 2.6rem;
padding:0rem 2rem;
}
.ciselput:after{
	z-index:30;
	position:absolute;
	right:2rem;
	bottom: 1.6rem;
	width:1.6rem;
	height:1.6rem;
	content:'';
	
	    background-image: url(../img/icon_arrow_open.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	
}
.ciselput select {
    appearance: none;
}



.ctmar{margin-left:0rem!important;}
.ciinput textarea{
	margin-top:0.8rem;
	width:100%;
	height:20rem;
	border:none;
	padding:2rem 2rem;
	border: 1px solid #EEEEEE;
	border-radius:0.5rem;
	background: #f9f9f9;
	font-family: 'Pretendard-Medium';
	font-size: 1.8rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
}

.ciinput textarea:focus{
	border: none;
	outline: 1px solid #0481D7;
	background: #FFFFFF;
	box-shadow:none;
}

.ciinput textarea::placeholder{
	font-family: Pretendard;
	font-size: 1.7rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#aaa;
}


.paperchobox{
	display:none;
}
.paperchobox .enselbox:first-child{
	margin:3rem 1rem 0rem 0rem;;
}
.paperchobox .enselbox:last-child{
	margin:3rem 0rem 0rem 1rem;;
}

.ciinputflex .enselbox:first-child{
	margin:3rem 1rem 0rem 0rem;;
}
.ciinputflex .enselbox:last-child{
	margin:3rem 0rem 0rem 1rem;;
}
.enselbox{
	position:relative;
	width:100%;
	margin:3rem 1rem 0rem 1rem;;
}
.enselbox:last-child{
	margin-bottom:0rem;
}
.enselbox label{
    font-family: 'Pretendard-Medium';
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.enselbox select:focus{
	background: #fff;
	border: 1px solid #222;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.enselbox select{
	z-index:20;
	background: #f9f9f9;
	margin-top: 0.8rem;
	width:100%;
	position:relative;
	border-radius:0.5rem;
	border: 1px solid #EEE;
	height:5rem;
	color: #222;
	text-align:left;
	font-size: 1.7rem;
	font-family: Pretendard;
	line-height: 2.6rem;
	padding:0rem 2rem;
}
.enselbox:after{
	z-index:30;
	position:absolute;
	right:2rem;
	bottom: 1.6rem;
	width:1.6rem;
	height:1.6rem;
	content:'';
	background-image: url(../img/common/icon_arrow_open.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	
}
.enselbox select {
    appearance: none;
}



/* ==== radio 영역 ==== */
.seradio{
	position:relative;
	display:block;
	margin-top:3rem;
}
.seradio p{
	
}
.seradio dl{
	position: relative;
    display: inline-block;
    font-family: 'Pretendard-Medium';
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.seradio .popRadio .poprCheck {align-items: center;display:flex;margin: 0rem 3rem 0rem 0rem;}

.popRadio .poprCheck input[type=radio].radio:checked+label {
    color: #222;
    font-family: 'Pretendard';
}
.popRadio .poprCheck input[type=radio].radio+label em {
    position: relative;
    top: 0rem;
    display: inline-block;
    margin-right: 0.8rem;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #CCC;
    border-radius: 50%;
}
.popRadio .poprCheck input[type=radio].radio:checked+label em{
	border: 1px solid #0481D7;
}
.popRadio .poprCheck input[type=radio].radio:checked+label em dt {
    background: #0481D7;
}
.popRadio .poprCheck input[type=radio].radio+label em dt {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.poprCheck input {
    position: absolute;
    display: none;
}
.poprCheck label {
    display: flex;
    align-items: center;
    font-size: 1.7rem;
    cursor: pointer;
    position: relative;
    line-height: 2.4rem;
    color: #555;
	font-family: 'Pretendard';
    margin-bottom: 0rem;
}

.seradio .popRadio {
    align-items: center;
    display: flex;
    padding: 1.2rem 0rem 1.2rem 0rem;
}
/* ==== // radio 영역 ==== */

.cinbottombtnBox {display: block; text-align: center;}
.cinbottombtn {position: relative;}
.cinbottombtn button {
    width: 20%;
    height: 100%;
    border-radius: 30px;
    background: #0481D7;
    text-align: center;
    color: #fff;
    padding: 1.4rem 2rem;
    outline: none;
    border: none;
    font-family: "Pretendard-SemiBold";
    font-size: 2rem;
    line-height: 3.2rem;
	margin-top: 2rem;
	cursor: pointer;
}



#inqWrap .wrapper .upload-btn {
    padding: 0 1.6rem;
    display: inline-block;
    cursor: pointer;
    right: 1rem;
    top: 1rem;
    border-radius: 4px;
    height: 5.6rem;
    display: flex;
    width: 100%;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #EEE;
    background: #FFF;
    box-sizing: border-box;
    overflow: hidden;
}

#inqWrap .wrapper .upload-btn span {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
}

#inqWrap input#file {
    color: #999;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    position: relative;
    padding: 1.3rem 5.6rem;
    height: 5rem;
}
#inqWrap input#file::before {
    content: '';
    width: 2rem;
    height: 2rem;
    background: url(../img/sub/uploadicon.png) no-repeat center / cover;
    position: absolute;
    left: 2rem;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

#inqWrap input[type=file]::file-selector-button {
    border: none;
    position: absolute;
	top:0;
    right: 0;
	width:0; 
	height:0;
	font-size:1px;
	margin-right:0;
}

#inqWrap .file_email {
	color: #444;
	font-size: 1.5rem;
	line-height: 2.2rem;
	font-family: "Pretendard-Light";
	margin-top:1rem;
}

#inqWrap .person_about_wrap {
    height: 14rem;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    overflow: hidden;
    overflow-y: scroll;
    margin-bottom: 2.4rem;
    margin-top: 2.2rem;
}

#inqWrap .person_about_inner {padding: 2rem;}
#inqWrap .person_about_txt {
    color: #444;
    font-size: 1.5rem;
    line-height: 2.4rem;
	font-family: "Pretendard-Light";
}

#inqWrap .fileUpload label {
	position: relative;
	display: inline-block;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	line-height: 2.2rem;
	letter-spacing: 0em;
	text-align: left;
	color: #222;
}
#inqWrap .ciinputWrap.fileUpload {
    margin-top: 2rem;
}

#inqWrap .fileUpload .ciinput {
    margin-top: 0!important;
}

.pri_checkBox {
    margin-top: 2.4rem;
    margin-bottom: 1.4rem;
}


.formBox {
    display: flex;
    align-items: center;
}


input[type="checkbox"].per_prcie {
    -webkit-appearance: none;
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    outline: none !important;
    background: inherit;
    padding: 0;
    border-radius: 3px;
    background: #EEE;
	margin:0;
    margin-right: 0.5rem;
}

p.check {
    font-family: 'Pretendard-Light';
    font-size: 1.5rem;
    line-height: 1.8rem;
    cursor: pointer;
}

.check_more {
    font-family: Pretendard;
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-decoration-line: underline;
    margin-left: 1rem;
}

input[type="checkbox"].per_prcie:checked::after {
    transform: scale(1) translate(-50%, -50%);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    line-height: 1;
    color: #fff;
    background: url(../img/main/checked.png) no-repeat center / cover;
    width: 2rem;
    height: 2rem;
    transform: translate(-50%,-50%);
}



/* ==== 파일업로드 영역 ==== */
.file_input_flex {
    display:flex;
}
.file_input_f {
    margin-top: 0.8rem;
    position: relative;
    width: 100%;
}
.file_input_f:nth-child(1){
	margin-right:1rem;
}
.file_input_f:nth-child(2){
	margin-left:1rem;
}
.file_input_div {
    top: 0;
    left: 0;
    display: flex;
    text-align: center;
    position: absolute;
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.file_input_img_btn {
	text-align: center;
	width: 2rem;
	height: 2rem;
}

.file_input_img_btn img{
	display: inline-block;
	width: 100%;
}

.file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.file_up_load_box{
	height: 5rem;
	position:relative;
    width: 100%;
	margin-bottom:0rem;
}

.file_up_load_box input {
	border: 1px solid #EEEEEE;
    font-family: 'Pretendard-Medium';
    border-radius: 0.5rem;
    box-sizing: border-box;
    height: 5rem !important;
    width: 100% !important;
    background-color: #f8f8f8;
    font-size: 1.6rem;
    padding-left: 7rem!important;
	color:#222;
}
.file_up_load_box input::placeholder{
font-family: Pretendard;
font-size: 1.7rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#aaa;
}

.flieDelBtn{
	border-radius: 0.6rem 0rem 0rem 0.6rem;
	width: 5rem;
    height: 5rem;
    font-size: 1rem;
    position: absolute;
    left: 0px;
	background-color:#222222;
	border:1px solid #222222;
	color:#fff;
	
	background-image: url(../img/write_del.png);
        background-size: 2.2rem;
    background-repeat: no-repeat;
    background-position: center;
}
/* ==== // 파일업로드 영역 ==== */

@media (min-width:992px) {
	.ciinputflex .ciinput:first-child{margin-left:0rem;}
	.ciinputflex .ciinput:last-child{margin-right:0rem;}
}

@media (max-width:991px) {
	#inqWrap .subpStitle {font-size:1.8rem; line-height:2.6rem;}
	span.black {font-size: 1.8rem; line-height: 2.6rem;}
	span.blue {font-size: 1.8rem; line-height: 2.6rem;}
	.imporBox {margin: 4rem 0 0rem;}
	
	.ciinput {margin:1.6rem 0rem 0rem 0rem;}
	
	.ciinputflex {display: flex; flex-direction: column;}
	
	.seradio .popRadio {display: flex; flex-direction: column; padding:0.4rem 0 0 0;}
	.seradio .popRadio .poprCheck {
		align-items: center;
		display: flex;
		margin: 0;
		padding: 1rem 0;
		width: 100%;
		margin-top:0.6rem;
	}
	
	#inqWrap .file_email {
		color: #444;
		font-size: 1.3rem;
		line-height: 1.6rem;
		font-family: "Pretendard-Light";
		margin-top: 0.8rem;
	}
	
	.ciinput textarea::placeholder{font-family: "Pretendard-Light"; font-size: 1.4rem; line-height: 2rem;}
	
	#inqWrap .person_about_wrap {margin-bottom:1.6rem; margin-top:1.6rem;}
	
	.corinqwrap {padding-bottom:0;}
	
	.ciselput:nth-child(2){margin-left:0rem;}
	
	.file_input_flex {display: flex; flex-direction: column;}
	.file_input_f:nth-child(2) {margin-left: 0rem;}
	.file_up_load_box input {padding-left:5rem!important}
	.ciinput textarea {padding: 1.5rem; font-size: 1.4rem; line-height: 2rem;}
}
@media (max-width:767px) {
	.pri_checkBox {margin-top:1.6rem;}
	.cinbottombtn button {padding: 1.5rem 2rem; font-size: 1.6rem; line-height: 2.2rem;}
	.file_up_load_box input::placeholder {font-family: "Pretendard-Light"; font-size: 1.4rem; line-height: 2rem;}
}


/* :::::::::: ====== // ~ 상담 문의 END ====== ::::::::::  */

/* :::::::::: ====== 실시간 견적문의현황  START ====== ::::::::::  */
/* .inqLiveList .table {height: 100%; max-height: 35rem; overflow: hidden;} */
/* .inqLiveList .table.active {height: 100%; max-height: inherit;} */
.inqLiveList .subInner{
	    padding: 14rem 2rem 8rem 2rem;
}
.inqLiveList .board_line.top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #222;
    color: #222;
    text-align: center;
    font-family: "Pretendard-Medium";
    font-size: 1.6rem;
    line-height: 5.6rem;
    padding-bottom: 0;
}

.inqLiveList .board_line.mid {
    display: flex;
    padding: 0rem 0;
    text-align: center;
    justify-content: space-between;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 5.6rem;
    border-bottom: 1px solid #EEEEEE;
}

.inq_num {width:7.58%; padding: 0 2rem;}
.inq_title {width:66.14%; padding: 0 2rem;}
.inq_wirter {width:7.58%; padding: 0 2rem;}
.inq_date {width: 9.94%; padding: 0 2rem;}
.inq_fin {
    width: 9.85%;
    display: flex;
	padding: 0 2rem;
    align-items: center;
    justify-content: center;
}

.inqLiveList .goSiteBtn {padding: 0; border: none;}
.inqLiveList .goSiteBtn .button {
    border: 1px solid #EEE;
    padding: 1.9rem 2rem;
    display: block;
    width: 100%;
    text-align: center;
	border-radius: 6px;
}
.inqLiveList .goSiteBtn .button  .goSiteBtnTxt {display: inline-block;}


.inqLiveList .board_line.mid .inq_title {
    width: 66.14%;
    padding: 0 2rem;
    text-align: left;
    display: flex;
    align-items: center;
}
.lock {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    position: relative;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lock img {    
	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.inqLiveList .board_line.mid .inq_fin {
    width: 9.85%;
    display: flex!important;
    align-items: center;
    color: var(--gray-40, #666);
    text-align: center;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.4rem;
}

.inqLiveList .board_line.mid.js-load {display:none;}
.inqLiveList .board_line.mid.js-load.active {display:flex;}
.inqLiveList .board_line.mid.js-load.ashow {display:flex!important;}

.finised {width:2rem; height:2rem; margin-right:0.6rem; position:relative;}
.finised img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.wait {width:2rem; height:2rem; margin-right:0.6rem; position:relative;}
.wait img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.inq_titleTxt {
    width: 100%;
    padding-left: 3rem;
    position: relative;
}


@media (max-width:991px) {
	.inqLiveList .subInner {padding: 10rem 0rem 8rem 0rem;}
	.inqLiveList .contTitle {padding-left:2rem; padding-right:2rem;}
	.inqLiveList .table {padding-left:2rem; padding-right:2rem;}
	.inqLiveList .goSiteBtn {width: calc(100% - 4rem); margin: 0 auto;}
	
	.closelist {padding: 1.4rem 1.8rem!important;}
	
	
	.inqLiveList .board_line.mid .inq_fin {
		line-height: 2rem;
		font-size: 1.3rem;
		width: 30%;
	}
	.finised {
		width: 1.6rem;
		height: 1.6rem;
		margin-right: 0.4rem;
		position: relative;
	}
	
	.inq_title {width: 40%; padding: 0; font-size: 1.5rem;}
	
	.inq_date {width:22.86%;}
	.inq_wirter {
		width: 30%;
		padding: 0;
		font-size: 1.5rem;
	}
	.inq_num {width: 13.86%;}
	.inq_fin {
		padding:0;
		width: 30%;
		font-size: 1.5rem;
	}
	
	.noticeList .inq_fin {width:18.85%;}
	.noticeList .inqLiveList .board_line.mid .inq_fin {width:18.85%;}
	.noticeList .inq_date {width: 15.86%;}
	.noticeList .inq_wirter {width:19.86%;}
	.noticeList .inq_num {width: 9.86%; padding: 0;}
	.noticeList .inq_fin, .noticeList .board_line.mid .inq_fin {display:none!important;}
	
	.inqLiveList .board_line.mid .inq_title {width: 40%; padding:0;}
	.lock {width: 1.5rem; height: 1.5rem; left: 1rem;}
	
	
	


	
	.inq_num, .noticeList .inq_num {display:none!important;}
	.board_line.mid div.inq_num {display:none!important;}
	
	.inq_date, .noticeList .inq_date {display:none!important;}
	.board_line.mid div.inq_date {display:none!important;}
	
	.inqLiveList .board_Table {overflow-x: unset;}
	
	.inqLiveList .goSiteBtn .button {padding:1.4rem 1.8rem;}
	
	
	
}
@media (max-width:767px) {
	.inqLiveList .subInner {
		padding: 8rem 0rem 2rem 0rem;
	}
}
/* :::::::::: ====== // ~ 실시간 견적문의현황 END ====== ::::::::::  */








.movPopBtn {width: 9rem; height: 9rem; margin: 6rem auto 0; cursor:pointer;}
.movPopBtn img {width:100%; height:100%;}


.movPop {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -100;
	display:none;
}
.movPopDim {
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	position: absolute;
    background: rgba(0,0,0,0.8);
}
.movPop.open {z-index: 400; display: inline-flex;}
.movPopInner {
    z-index: 1;
    width: 100%;
    position: relative;
    margin-top: 3rem;
    max-width: 104rem;
    padding: 0 2rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
}

.movPopTBox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 3rem;
}

.popTitle {
	color: #FFF;
	font-family: "Pretendard-SemiBold";
	font-size: 2rem;
	line-height: 2.6rem;
}
.movPopClose {
    cursor: pointer;
    border: none;
    z-index: 1!important;
    width: 3rem;
    height: 3rem;
    padding-top: 0px;
    display: inline-block;
    background-image: url(../img/sub/popcloseBtn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.movPopCont {width:100%; height:auto;}

/* :::::::::: ====== // ~ Vlog END ====== ::::::::::  */




/* 문의를 남겨주셔서 감사합니다 */
.contactFin {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    align-content: center;
	margin-top:0;
}
.contactFInner {
    width: 100%;
    max-width: 172rem;
    padding: 0 2rem;
    margin: 0 auto;
    text-align: center;
}

.succesIcon {width:8.8rem; height:8.8rem; margin:0 auto;}
.succesIcon img {width:100%; height:auto;}

.cfTitle {
    color: #000;
    font-size: 5rem;
    line-height: 6.8rem;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 6rem 0 3rem;
    font-weight: 600;
}
.cfTxt {
	color: #000;
	text-align: center;
	font-size: 2.2rem;
	line-height: 4rem;
	letter-spacing: -0.44px;
	text-transform: uppercase;
}
.cfTxt span{
	color:#0481D7;
	display:inline-block;
	font-weight:600;
}
.cfTxt dt{
	display:inline-block;
	font-weight:600;
}
.inqcontextBtn {
    padding: 2.1rem 10rem;
    border-radius: 99px;
    background: linear-gradient(0deg, #00D1A3 0%, #00D1A3 100%), #FFF;
    display: inline-block;
    margin-top: 6rem;
}
.inqcontext {
    letter-spacing: 1px;
    color: #fff;
    /* font-family: Noto Sans KR; */
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    padding-right: 0;
    position: relative;
}


@media (max-width:991px) {
	.succesIcon {width: 7rem; height: 7rem;}
	.cfTitle {font-size: 3rem; line-height:  4.5rem; margin: 3rem 0 2rem;}
	.cfTxt {font-size: 1.8rem; line-height: 3rem;}
	.inqcontextBtn {padding: 2.1rem 6rem; margin-top: 4rem;}
	.inqcontext {font-size: 1.8rem; line-height: 2.4rem; }
}

@media (max-width:767px) {
	.succesIcon {width: 6rem; height: 6rem;}
	.cfTitle {font-size: 2rem; line-height: 3rem; margin: 2rem 0 1rem;}
	.cfTxt {font-size: 1.6rem; line-height: 2.4rem; word-break:keep-all;}
	.inqcontextBtn {padding: 1.2rem 5rem; margin-top: 2.5rem;}
	.inqcontext {font-size: 1.6rem; line-height: 2.4rem;}
}





/*--------------------------------------------------------------
# 해시태그 프로젝트
--------------------------------------------------------------*/
.tagwrap{
	width:100%;
	position:relative;
	padding:15rem 0rem 0rem 0rem;
}
@media (max-width:1300px) {
	.tagwrap .subpTitle {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 1rem;
	}
}
@media (max-width:767px) {
	.tagwrap {
		padding: 4rem 0rem 0rem 0rem;
	}
	.tagwrap .tagtitle {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 1rem;
	}
}

.slider-for .slick-slide {
    height: 59rem;
    height: 0;
    padding-bottom: 9.366%;
}
.slick-vertical .slick-slide {
    height: 0rem!important;
    padding-bottom: 56%;
}
.slick-prev {
    background: none;
    border: none;
    position: absolute;
    top: -1rem;
    transform: translateY(-100%) translateX(-50%);
    left: 50%;
    padding: 0;
    color: transparent;
    width: 3.5rem;
    height: 3.5rem;
	background: url(../img/sub/gall-left.png) no-repeat center / cover;
	cursor:pointer;
}

.slick-next {
	cursor:pointer;
    background: none;
    border: none;
    position: absolute;
    bottom:-380.2%;
    transform: translateY(-100%) translateX(-50%);
    left: 50%;
    padding: 0;
    color: transparent;
    width: 3.5rem;
    height: 3.5rem;
	background: url(../img/sub/gall-right.png) no-repeat center / cover;
}
.slick-list.draggable {
    padding: 0!important;
    width: 100%;
    height: auto;
}

.slick-track {transition:none;}
@media (max-width:991px) {
	.slick-prev {
		left: 0;
		bottom: 0;
		top: unset;
		transform: translateY(130%) translateX(0%) rotate(-90deg);
		background: url(../img/sub/gall-left.png) no-repeat center / cover;
	}

	.slick-next {
		right: 0;
		bottom: 0;
		left: unset;
		transform: translateY(130%) translateX(0%) rotate(-90deg);
		background: url(../img/sub/gall-right.png) no-repeat center / cover;
	}
	
	.slick-dots {
		display: flex!important;
		position: absolute;
		left: 50%;
		transform: translateX(-50%) translateY(50%);
		bottom: -4.5rem;
	}
	.slick-dots li {
		width: 0.4rem!important;
		height: 0.4rem!important;
		border-radius: 50%;
		background: #ccc;
		overflow:hidden;
		margin-right:0.6rem;
	}
	.slick-next {width:5rem; height:5rem;}
	.slick-prev {width:5rem; height:5rem;}
	.slick-dots li.slick-active {background: #0481D7;}
	.slick-dots li button {border: none; background: none; font-size: 0;}
}

@media (max-width:767px) {
	.slick-dots {bottom: -4rem;}
}


.new-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color: #fff;
	font-size: 1.7rem;
	cursor: pointer;
	font-weight: bold;
	width: 17%;
	transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
	font-family: Pretendard-Bold;
}
.new-button:hover{
	background-color: rgba(255,255,255,0.1) !important;
}
.serv-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	width:70%;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
}

.cont-button,
.power-button,
.insur-button,
.inte-button,
.sket-button,
.sket-plus,
.clien-button,
.tren-button,
.serv-button{
	transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
}
.cont-button:hover,
.power-button:hover,
.insur-button:hover,
.inte-button:hover,
.sket-button:hover,
.sket-plus:hover,
.clien-button:hover,
.tren-button:hover,
.serv-button:hover{
	color: white !important;
	background-color: #0481D7 !important;
	transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
	scale: 1.05;
}

.cont-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	width:15%;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 4rem;
}
.power-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	width:40%;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 4rem;
}
.insur-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 4rem;
}
.inte-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	width: 20%;
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 4rem;
}
.sket-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	min-width: 150px;
	max-width: 150px;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
.sket-button.active{
	background-color: #0481d7;
	color: white;
}
.sket-plus{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
}
.clien-button, .tren-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 4rem;
}

.inquiry-button{
	overflow: hidden;
    padding: 1.3rem 3rem;
    border: 1px solid #fff;
    border-radius: 99px;
    box-sizing: border-box;
    display: inline-block;
	background-color: unset;
	color:#0481d7;
	border-color:#0481d7;
	cursor: pointer;
	font-size: 1.7rem;
	font-weight: bold;
}

.inquiry-button.twck{
	background: #0481d7;
    color: white;
}

.incom-button{
	border: unset !important;
	width: 25%;
	border-radius: 20px;
}
.fix-up-btn{
	background: url('/public/img/ic_top.png');
	width:50px;
	height:50px;
	border:unset;
	border-radius:50%;
	cursor: pointer;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
.fix-AI-btn{
	background: url('/public/img/ic_ai.png');
	width:133px;
	height:50px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
	display: none !important;
	cursor: pointer;
	border-radius: 30px;
}
.fix-tel-btn-m, .fix-tel-btn{
	background: url('/public/img/ic_call_1.png');
	width:133px;
	height:50px;
	border:unset;
	cursor: pointer;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius: 30px;
}
.fix-tel-btn:hover{background: url('/public/img/ic_call_2.png');}

.fix-talk-btn{
	background: url('/public/img/ic_talk.png');
	width:133px;
	height:50px;
	border:unset;
	cursor: pointer;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius: 30px;
}
.fix-kakao-btn{
	background: url('/public/img/ic_katalk.png');
	width:133px;
	height:50px;
	border:unset;
	cursor: pointer;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
	border-radius: 30px;
}
.fix-tel2-btn.tel-view{
	display: block;
}
@media (max-width:991px){
	.new-button{
		width: 180px !important;
	}
	.serv-button{
		overflow: hidden;
		padding: 0.7rem;
		border: 1px solid #fff;
		border-radius: 99px;
		box-sizing: border-box;
		display: inline-block;
		background-color: unset;
		width:50%;
		color:#0481d7;
		border-color:#0481d7;
		cursor: pointer;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.cont-button{
		overflow: hidden;
		padding: 1.3rem 2.5rem;
		border: 1px solid #fff;
		border-radius: 99px;
		box-sizing: border-box;
		display: inline-block;
		background-color: unset;
		width:auto;
		color:#0481d7;
		border-color:#0481d7;
		cursor: pointer;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 0rem;
	}
	.power-button{
		overflow: hidden;
		padding: 1.3rem 2.5rem;
		border: 1px solid #fff;
		border-radius: 99px;
		box-sizing: border-box;
		display: inline-block;
		background-color: unset;
		width:auto;
		color:#0481d7;
		border-color:#0481d7;
		cursor: pointer;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 0rem;
	}
	.insur-button{
		overflow: hidden;
		padding: 1.3rem 2.5rem;
		border: 1px solid #fff;
		border-radius: 99px;
		box-sizing: border-box;
		display: inline-block;
		background-color: unset;
		color:#0481d7;
		border-color:#0481d7;
		cursor: pointer;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 0rem;
	}
	.inte-button{
		overflow: hidden;
		padding: 1.3rem 2.5rem;
		border: 1px solid #fff;
		border-radius: 99px;
		box-sizing: border-box;
		display: inline-block;
		background-color: unset;
		color:#0481d7;
		border-color:#0481d7;
		cursor: pointer;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 0rem;
		width: auto;
	}
	.tren-button{
		overflow: hidden;
		padding: 1.3rem 2.5rem;
		border: 1px solid #fff;
		border-radius: 99px;
		box-sizing: border-box;
		display: inline-block;
		background-color: unset;
		color:#0481d7;
		border-color:#0481d7;
		cursor: pointer;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 0rem;
		width: auto;
	}
	.inquiry-button{
		padding: 1rem 2rem;
		font-size: 1.4rem;
		align-items: center;
	}
	.clien-button{
		margin-top: 0rem;
		font-size: 1.4rem;
	}
	.cinbottombtn button {
		width: 50%;
	}
	.sket-button{
		font-size: 1.4rem !important;
	}
	.fix-kakao-btn, .fix-talk-btn, .fix-up-btn, .fix-tel2-btn{display: none !important;}
	
}