@charset "UTF-8";


/*회사소개*/
.sub_main{
	background:url(/site/fourseason/images/sub/company_main.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	height:600px;
	position:relative;
}
.company_main_txt{
	background:#fff;
	width:1200px;
	position:absolute;
	left:50%;
	margin-left:-600px;
	bottom:-180px;
	z-index:10;
	padding:100px 0;
	text-align:center;
}
.sub_main .company_main_txt span{display:inline-block;}

/*회사소개 컨텐츠1*/
.company span{display:block;}
.company_main_txt h2{
	font-size:50px;
	font-family:GothamPro;
	font-weight:600;
}
.company_main_txt p{
	font-size:25px;
	margin-top:20px;
}
.company_con01{
	background:#f2f2f2;
	padding-top:300px;
	padding-bottom:150px;
}
.company_con01_txt01{
	font-size:35px;
	font-weight:200;
	position:relative;
}
.txt_bold{
	font-weight:500;
	margin-top:50px;
}
.comapny_con01_img{
	position:absolute;
	right:0;
	bottom:-330px;
}

/*회사소개 컨텐츠2*/
.company_con02{margin-top:400px;}
.company_con02 li{
	width:50%;
	float:left;
}
.company_con02 li img{width:100%;}
.company_con02_txt{
	padding-top:10%;
	padding-right:100px;
	box-sizing:border-box;
	text-align:right;
	font-size:35px;
}
.company_con02_txt.list02{
	text-align:left;
	padding-right:0;
	padding-left:100px;
}
.company_con02_txt h3{
	font-size:50px;
	font-family:GothamPro;
	font-weight:600;
	margin-bottom:50px;
}

/*회사소개 컨텐츠3*/
.company_con03{
	margin:250px auto;
	margin-bottom:0;
}
.company_con03 h2{
	font-family:GothamPro;
	font-size:110px;
	font-weight:800;
	line-height:120px;
	margin-bottom:80px;
}
.company_con03{font-size:35px;}
.company_con03 p{margin-top:50px;}



/*갤러리*/
.gallery_main{background-image:url(/site/fourseason/images/sub/pdt_main.jpg)}

.gallery{padding-top:220px;}
.gallery_cate{margin-bottom:30px;}
.gallery_cate li{
	float:left;
	height:40px;
	font-size:25px;
	margin-right:50px;
	margin-bottom:10px;
}
.gallery_cate .on{
	font-weight:bold;
	border-bottom:3px solid #121212;
	box-sizing:border-box;
}


/*갤러리 서브카테고리*/
.gallery_sub_cate{
	background:#f2f2f2;
	padding:15px 30px;
}
.gallery_sub_cate li{
	font-size:16px;
	margin-right:30px;
	height:auto;
	margin-bottom:0px;
}
.gallery_sub_cate .on{
	border:0;
	font-weight:600;
}


.gallery_list{margin-top:50px;}
.gallery_list li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border-radius:20px;
	overflow:hidden;
	cursor:pointer;
}
.gallery_list li:nth-child(4n){
	margin-right:0;
}
.gallery_list li img{
	width:285px;
	height:200px;
}





/*갤러리 정보 팝업*/
.gallery_modal_bg{
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	z-index:1000;
}
.gallery_modal{
	width:1000px;
	height:650px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:#fff;
	overflow-y:auto;
	z-index:1001;
}
.modal_close{
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
}
.modal_close img{display:block;}

.modal_main_img img{
	width:600px;
	height:421px;
}
.modal_info{
	position:absolute;
	left:630px;
	top:200px;
}
.modal_info h2{
	font-size:25px;
	font-weight:600;
}
.modal_line{
	width:150px;
	height:5px;
	background:#121212;
	margin:20px 0;
	margin-left:-80px;
}

.modal_detail{
	margin-top:50px;
	padding-top:50px;
	border-top:1px solid #ddd;
}
.modal_detail img{
	width:100%;
	margin-bottom:20px;
}


/*시공사례*/
.con_main{background-image:url(/site/fourseason/images/sub/con_main.jpg)}

/*견적문의*/
.contact_main{background-image:url(/site/fourseason/images/sub/contact_main.jpg)}
.contact{padding-top:165px}
#documents {width:1000px; min-height:600px; margin:0 auto;}
.nav {/*2019. 2 이전 사용background:#f7f5f0;*/ zoom:1;}
.nav:after {content:""; display:block; clear:both;}
.nav div {float:left; width:33.3%; height:105px; padding:28px 0 0 80px; color:#a5a49f; box-sizing:border-box;}
.nav div strong {position:relative; display:block;font-size:27px; line-height:1.2;}
.nav div strong:before {content:""; position:absolute; top:0; left:-68px; width:55px; height:55px; background:#a5a49f; border-radius:50%;}
.nav div strong:after {content:""; position:absolute; top:11px; left:-53px; width:25px; height:32px; background:url("/site/fourseason/images/sub/sprite.png") no-repeat -200px 0;}
.nav div.step2 strong:after {top:13px; left:-58px; width:36px; height:26px; background-position:-240px 0;}
.nav div.step3 strong:after {top:12px; left:-54px; width:28px; height:31px; background-position:-280px 0;}
.nav div.active {position:relative; color:#31006b;}
.nav div.active:before {content:""; position:absolute; bottom:0; left:0; right:0; /*2019. 2 이전 사용height:4px; background:#e02131;*/}
.nav div.active strong:before {background:#31006b;}
.nav .login {width:100%; padding-left:353px;}

.notice-img {margin-top:55px;}
.table-style caption{font-size:20px; text-align:left; margin-top:50px; margin-bottom:30px;}
.table-style table th {padding:18px 0; font-weight:400; text-align:left; vertical-align:top; font-size:14px;}
.table-style table td {padding:18px 0;}
.table-style table th,
.table-style table td {border-top:1px solid #ebebeb;}
.table-style table tr:first-child th,
.table-style table tr:first-child td {border-top:0;}


input[type="text"],
input[type="password"],textarea,
input[type="number"]{padding:20px; background:#fcfcfc; border:2px solid #ebebeb; border-radius:6px; box-sizing:border-box;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none;}
input[type="text"]:first-child,
input[type="password"]:first-child,
input[type="number"]:first-child {margin-left:0;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {border:2px solid rgb(159,6,0); outline:none;}
select {padding:20px 34px 20px 20px; background:#fcfcfc; border:2px solid #ebebeb; border-radius:6px; box-sizing:border-box; background:#fcfcfc url("/site/fourseason/images/sub/bg_select.png") no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand {
    display: none;
}
select:focus {border:2px solid #31006b; outline:none;}
select:first-child {margin-left:0;}
.radio, 
.checkbox {display:inline-block !important; position:relative; z-index:95; line-height:1;}
.radio input[type='radio'], 
.checkbox input[type='checkbox'] {z-index:-1; width:0; height:0; display:none; -webkit-appearance:none; -moz-appearance:none; overflow:hidden; cliprect(0,0,0,0); border:0;}
.radio label, 
.checkbox label {position:relative; display:block; box-sizing:border-box;}
.radio label:before, 
.checkbox label:before {content:''; position:absolute; top:0; left:0; background:url('/site/fourseason/images/sub/sprite.png') no-repeat;}
.radio label {padding:6px 0 6px 40px;}
.radio label:before {width:31px; height:30px; margin-right:10px;}
.radio input[type='radio']:before,
.radio input[type='radio'] + label:before {width:31px; height:30px; background-position:-40px 0 ;}
.radio input[type='radio']:checked:before,
.radio input[type='radio']:checked + label:before {background-position:-80px -0;}
.checkbox label {padding:2px 0 4px 40px;}
.checkbox label:before {width:25px; height:25px; margin-right:10px;}
.checkbox input[type='checkbox']:before,
.checkbox input[type='checkbox'] + label:before {width:25px; height:25px; background-position:-120px 0 ;}
.checkbox input[type='checkbox']:checked:before,
.checkbox input[type='checkbox']:checked + label:before {background-position:-160px -0;}
textarea{width:100%;}



.btn-action {display:inline-block; height:50px; padding:0 14px; background:#000; border-radius:6px;font-size:15px; color:#fff; letter-spacing:-1px; line-height:50px; text-align:center;}
.color-main {color:#31006b;}
.form_btn{
	width:100%;
	line-height:80px;
	background:rgb(159,6,0);
	margin:0 auto;
	margin-top:50px;
	text-align:center;
}
.form_btn a{
	color:#fff;
	display:block;
}



/*고객센터*/
.news_main{
	background-image:url(/site/fourseason/images/sub/service_main.jpg);
}
.news{
	margin-top:50px;
	border-top:2px solid #333;
	margin-top:180px;
}
.news dl{	
	line-height:100px;
	position:relative;
	border-bottom:1px solid #dddddd;
}
.news dl:hover{
	background:#f9f9f9;
}
.news dl a{
	color:#333;
	height:100%;
	display:block;
	overflow:hidden;
}
.news dt{
	width:10%;
	text-indent:30px;
	color:#999999;
	font-size:20px;
}
.news dt,.news dd{
	float:left;
}
.news dd{
	width:80%;
}
.news_title{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news p{
	font-size:16px;
	float:left;
}
.news .date{
	color:#999999;
	position:absolute;
	right:0;
	line-height:30px;
	text-align:center;
	font-size:14px;
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-30px;
}
.news .date span{
	display:block;
	font-weight:600;
	font-size:35px;
}


/*news_detail*/
.news_detail_title{
	position:relative;
}
.news_detail_title h2{
	padding:30px;
	font-weight:300;
	font-size:20px;
	border-bottom:1px solid #ddd;
}
.detail_date{
	position:absolute;
	right:30px;
	top:30px;
	color:#999;
}
.news_detail_con{
	padding:20px 50px;
	font-size:14px;
	line-height:24px;
	background:#f9f9f9;
}
.news_detail_con p{float:none;}
.list_btn{
	text-align:right;
	margin-top:100px;
	font-size:13px;
}
.list_btn a{
	width:100px;
	height:45px;
	line-height:45px;
	margin-top:30px;
	text-align:center;
	display:inline-block;
	background:#333;
	color:#fff;
}