.mb_100{margin-bottom:100px;}

@media (max-width:1400px){
	.mb_100{margin-bottom:8vw;}
}

@media (max-width:980px){
	.mb_100{margin-bottom:10vw;}
}


/* common */
.subCommon {height: 400px; position: relative;}
.sub_visual {height: 100%;}
.sub_visual.visualBg1 {background: url(/theme/basic/img/sub/sub_top_banner_1.jpg) no-repeat; background-size: cover;}
.sub_visual.visualBg2 {background: url(/theme/basic/img/sub/sub_top_banner_2.jpg) no-repeat; background-size: cover;}
.sub_visual.visualBg3 {background: url(/theme/basic/img/sub/sub_top_banner_3.jpg) no-repeat; background-size: cover;}
.sub_visual.visualBg4 {background: url(/theme/basic/img/sub/sub_top_banner_4.jpg) no-repeat; background-size: cover;}
.sub_visual.visualBg5 {background: url(/theme/basic/img/sub/sub_top_banner_5.jpg) no-repeat; background-size: cover;}
.sub_visual.visualBg6 {background: url(/theme/basic/img/sub/sub_top_banner_5.jpg) no-repeat; background-size: cover;}
.sub_visual .inner_container {height: 100%;}
.sub_visual .txts {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; width: 100%;}
.sub_visual .txts ul {justify-content: center;}
.sub_visual .txts ul li {font-size: 16px; font-weight: 400;}
.sub_visual .txts h2 {line-height: 1; margin-bottom: 20px;}

#subLnb_container {width: 100%; margin-top: -40px;}
#subLnb_container .subLnb.col02 li {width: 50%;}
#subLnb_container .subLnb.col03 li {width: 33.3333%;}
#subLnb_container .subLnb.col05 li {width: 20%;}
#subLnb_container .subLnb li {text-align: center; height: 80px; line-height: 80px; align-items: center; background-color: #7f9dad;}
#subLnb_container .subLnb li a {font-size: 19px; font-weight: 600; color: #fff; display: block; width: 100%; height: 100%;}
#subLnb_container .subLnb li.on {background-color: #fff;}
#subLnb_container .subLnb li.on a, #subLnb_container .subLnb li a:hover {color: #222;}

.sub_inquiry_title {margin-bottom: 30px;}



/* 견적 및 문의 */
.info_box{margin-bottom:50px;background: #f1f6f8;border:1px solid #eee; padding: 40px 60px;}
.info_box ul{flex-wrap: wrap; row-gap: 10px;}
.info_box ul li{position:relative;width: calc(100% / 3); padding-left: 25px; line-height: 1.3; word-break: keep-all; white-space: wrap;}
.info_box ul li:after{content:'';position:absolute;width:16px;height:16px;top:11px;left: 0; transform: translateY(-50%); border-radius:50%;border:5px solid #7f9dad;}

.info_box.windows ul li{width: calc(100% / 2);}
.info_box.interior ul li{width:100%;}
.info_box.realty{text-align:center;padding: 40px 0;}
.info_box.realty ul{justify-content: center; gap: 10px;}
.info_box.realty ul li{width:240px;border-radius:10px;background-color: #7f9dad;height: 60px; line-height: 60px;color:#fff;text-align:center; padding-left:0;}
.info_box.realty ul li:after{content:none;}
.info_box.realty img{display: block;margin: 35px auto 25px;}
.info_box.realty .realty_txt {font-size: 25px; word-break: keep-all; white-space: wrap;}
.inquiry_section.sub{background-color:#fff}
.inquiry_section.sub .form_box .input_col .txt_input,
.inquiry_section .form_box .input_col select,
.inquiry_section .form_box .textarea_wrap textarea,
.inquiry_section.sub .form_box .privacy_wrap .txt_wrap{background-color:#fafafa;border:1px solid #eee;}



@media (max-width:1024px){
	/* common */
	#subLnb_container {margin-top: -35px;}
	#subLnb_container .subLnb li {height: 70px; line-height: 70px;}
	#subLnb_container .subLnb li a {font-size: 18px;}

	.sub_inquiry_title {margin-bottom: 25px;}

	/* 견적 및 문의 */
	.info_box {padding: 30px 40px;}
	.info_box ul li {width: calc(100% / 3); padding-left: 22px;}
	.info_box.windows ul li{width: calc(100% / 2);}
	.info_box ul li:after {width: 14px; height: 14px; border: 4px solid #7f9dad;}
	.info_box.realty .realty_txt {font-size: 23px;}
	.info_box.realty img {width: 7%; margin: 30px auto 20px;}
	.info_box.realty ul li {width: 200px;}
}

@media (max-width:767px){
	/* common */
	.subCommon {height: 350px;}

	/* 견적 및 문의 */
	.info_box {padding: 25px 30px; margin-bottom: 40px;}
	.info_box ul li {width: calc(100% / 2);}
	.info_box.realty .realty_txt {font-size: 21px;}
	.info_box.realty ul li {width: 160px;}
	.info_box.realty img {width: 9%; margin: 20px auto 20px;}
}

@media (max-width:480px){
	/* common */
	.subCommon {height: 300px;}
	.sub_visual .txts h2 {margin-bottom: 15px;}

	#subLnb_container {margin-top: -30px;}
	#subLnb_container .subLnb li {height: 60px; line-height: 60px;}
	#subLnb_container .subLnb li a {font-size: 16px;}

	.sub_inquiry_title {margin-bottom: 15px;}

	/* 견적 및 문의 */
	.info_box {padding: 20px;}
	.info_box ul li {padding-left: 20px;}
	.info_box ul li, .info_box.windows ul li {width: 100%;}
	.info_box ul li:after {width: 12px; height: 12px; border: 3px solid #7f9dad; top: 9px;}
	.info_box.realty img {width: 13%;}
	.info_box.realty .realty_txt {width: 75%; margin: 0 auto; font-size: 18px;}
	.info_box.realty ul li {width: 180px;}
}


/* 이용약관&개인정보 */
.sub_container.etc{padding:110px 0;}
.sub_container.etc .contain_inner {width:95%; max-width:890px; margin:0 auto;}
.sub_container.etc .contain_inner h2{text-align:center;font-size: 44px; margin-bottom: 50px;}
.sub_container.etc .textarea{width: 100%;line-height: 1.5; color: #777; font-size: 15px; display: block; white-space: pre-wrap;}
.sub_container.etc .textarea div {line-height: 1.5;}
.sub_container.etc .textarea p{font-weight:bold; font-size:110%; text-align:center;}

@media (max-width:1024px){
	.sub_container.etc .contain_inner h2{text-align:center;font-size: 38px;}
	.sub_container.etc{padding:90px 0;}
}

@media (max-width:767px){
	.sub_container.etc .contain_inner h2{text-align:center;font-size: 30px; margin-bottom: 40px;}
	.sub_container.etc{padding:60px 0;}
}

@media (max-width:480px){
	.sub_container.etc .contain_inner h2{text-align:center;font-size: 24px; margin-bottom: 30px;}
	.sub_container.etc{padding:40px 0;}
}


