@charset "utf-8";


/****************************************************** sub 공통 */
/* sub visual */
#sv {position:relative;}
#sv .visual {width: 100%; height: 260px; background-size:cover; background-position: 55% 50%;}
#sv .txt_wrap  {width: 100%; padding: 0 15px; font-family: 'Lucida Sans'; letter-spacing: 2px;}

.s_tit {padding: 70px 0 50px; margin-bottom: 70px; font-family: 'Lucida Sans'; font-weight: 700; text-align: center; position: relative;}
.s_tit:after {content:''; display: block; width: 1px; height: 20px; background-color: #264923; position: absolute; bottom: 0; left: 50%;}

.dot_txt {padding-left: 8px; position: relative;}
.dot_txt:after {content:''; display: block; width: 4px; height: 4px; background-color: #666; border-radius:50%; position: absolute; top: 10px; left: 0;}

@media all and (max-width:768px){
	#sv .visual {height: 150px;}
}

/****************************************************** COMPANY */


#sub1_1 .img_box {max-width:595px; margin: 0 auto 70px ; position: relative; }
#sub1_1 .img_box .bg {width: 100%; height: 0; padding-bottom: 118.49%; background: url('../images/sub/sub1_1_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#sub1_1 .txt_box {position: absolute; top: 50%; left: 50%; width: 340px; text-align: center; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#sub1_1 .txt_box .tit_wrap {color: #39765c; font-family: 'Lucida Sans'; padding-bottom: 18px; margin-bottom: 10%; position: relative;}
#sub1_1 .txt_box .tit_wrap:after {content:''; display: block; width: 132px; height: 2px; background-color: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -66px;}
#sub1_1 .txt_box .txt_wrap {color: #666;}

#sub1_1 .con2 {display: flex; }
#sub1_1 .con2 > div {width: 50%; height: 409px;}
#sub1_1 .con2 .lt {background-color: #234d26;}
#sub1_1 .con2 .lt > div {display: flex; align-items:center; justify-content:flex-end; height: 100%;}
#sub1_1 .con2 .lt .txt_wrap {width: 600px; text-align: center; font-size: 0;}
#sub1_1 .con2 .lt .txt_wrap > div {display: inline-block; vertical-align: middle; color: #cecece;}
#sub1_1 .con2 .lt .txt_wrap .txt1 {padding-right: 20px;}
#sub1_1 .con2 .lt .txt_wrap .txt1 span {display: block; width: 70px; line-height: 30px; text-align: center; }
#sub1_1 .con2 .lt .txt_wrap .txt1 span.txt1_1 {border-radius:50%;height: 70px; line-height: 70px; background-color: #fff; color: #234d26;}
#sub1_1 .con2 .lt .txt_wrap .txt2 {}
#sub1_1 .con2 .lt .txt_wrap .txt2 span {display: block;line-height: 100px;}
#sub1_1 .con2 .rt .bg {width: 100%; height: 100%; background: url('../images/sub/sub1_1_con2.jpg') 50% 50% no-repeat; background-size:cover;}

.img_txt_box {margin-bottom: 55px;}
.img_txt_box li {margin-bottom: 45px;}
.img_txt_box li > div {width: 50%; height: 345px;}
.img_txt_box li .lt {float: left;}
.img_txt_box li .rt {float: right;}
.img_txt_box li .img_wrap .bg {width: 100%; height: 100%; background-position: 50% 50%; background-size:cover;}
.img_txt_box li .txt_wrap > div {display: table; width: 100%; height: 100%;  padding: 0 30px;}
.img_txt_box li .txt_wrap > div > div {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.img_txt_box li .txt_wrap h4 {padding-bottom: 20px; margin-bottom: 20px;  font-family: 'Lucida Sans';  position: relative;}
.img_txt_box li .txt_wrap h4:after {content:''; display: block; width: 132px; height: 1px; background-color: #cecece; position: absolute; bottom: 0; left: 0;}

#sub1_2 .img_txt_box li.list1 .img_wrap .bg{background-image: url('../images/sub/sub1_2_list1.jpg');}
#sub1_2 .img_txt_box li.list2 .img_wrap .bg{background-image: url('../images/sub/sub1_2_list2.jpg');}
#sub1_2 .img_txt_box li.list3 .img_wrap .bg{background-image: url('../images/sub/sub1_2_list3.jpg');}

/*********** COMPANY 반응형 ***********/
@media all and (max-width:980px){
	.img_txt_box li > div {float: none; width: 100%; height: auto;}
	.img_txt_box li .img_wrap .bg {height: 0; padding-bottom: 57.5%;}
	.img_txt_box li .txt_wrap {padding: 30px;}
	.img_txt_box li .txt_wrap > div {display: block; padding: 0; }
}

@media all and (max-width:768px){
	
	#sub1_1 .img_box {max-width: 100%;}
	#sub1_1 .con2 {flex-wrap:wrap;}
	#sub1_1 .con2 .lt,
	#sub1_1 .con2 .rt {width: 100%; height: auto;}
	#sub1_1 .con2 .lt > div {justify-content:center;}
	#sub1_1 .con2 .lt .txt_wrap {width: 100%;padding: 30px 0;}
	#sub1_1 .con2 .rt .bg {height: 0; padding-bottom: 40.9%;}
}
@media all and (max-width:486px){
	#sub1_1 .img_box .bg {padding-bottom: 150%;}
	.img_txt_box li .txt_wrap {padding: 30px 15px;}
}

/****************************************************** sub2 */

.s21 .img_txt_box li.list1 .img_wrap .bg{background-image: url('../images/sub/s21_list1.jpg');}
.s21 .img_txt_box li.list2 .img_wrap .bg{background-image: url('../images/sub/s21_list2.jpg');}


/*********** sub2 반응형 ***********/
@media all and (max-width:1100px){

}

@media all and (max-width:768px){
	.img_txt_box li .txt_wrap p br {display: none;}
}
@media all and (max-width:486px){

}


/****************************************************** sub3 */
#sub3_1 {padding: 0 0 70px;}
#sub3_1 .s_tit {margin-bottom: 25px;}
#sub3_1 ul {margin: 60px 0 0; display: flex; justify-content:space-between; }
#sub3_1 ul li {width: 275px; margin: 0 10px;}
#sub3_1 ul li .icon {text-align: center;}
#sub3_1 ul li h4 {margin: 35px 0 25px; padding-bottom: 15px; position: relative;}
#sub3_1 ul li h4:after {content:''; display: block; width: 132px; height: 1px; background-color: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -66px;}

#sub3_2 {padding: 0 0 70px; background-color: #f0efef;}
#sub3_2 .s_tit {margin-bottom: 25px; padding-bottom: 0; color: #39765c;}
#sub3_2 .s_tit:after {display: none;}



/*********** sub3 반응형 ***********/
@media all and (max-width:1100px){

}

@media all and (max-width:768px){
	#sub3_1 ul {flex-wrap:wrap; justify-content:center; width: 300px; margin: 50px auto -30px;}
	#sub3_1 ul li {width: 100%;margin: 0 0 30px;}
}
@media all and (max-width:486px){

}


/****************************************************** sub4 */

#sub4_1 {padding: 0 0 70px;}
#sub4_1 .img_txt_box li.list1 .img_wrap .bg{background-image: url('../images/sub/sub4_1_list1.jpg');}
#sub4_2 {padding: 0 0 70px; background-color: #f0efef;}
#sub4_2 .s_tit {margin-bottom: 25px;}
#sub4_2 ul {display: flex; justify-content:space-between;}
#sub4_2 li {width: 33.33%; margin: 0 18px; text-align: center;}
#sub4_2 li h5 {position: relative; padding-bottom: 15px; margin: 35px 0 20px; }
#sub4_2 li h5:after {content:''; display: block; width: 132px; height: 1px; background-color: #cecece; position: absolute; bottom: 0; left: 50%; margin-left: -66px;}
#sub4_2 li p {font-weight: 300; letter-spacing: -1px;}



/*********** sub4 반응형 ***********/
@media all and (max-width:1024px){
	#sub4_2 ul  {flex-wrap:wrap; max-width:380px; margin: 0 auto -35px;}
	#sub4_2 li {width: 100%; margin: 0 0 35px;}
}

@media all and (max-width:768px){
}
@media all and (max-width:486px){

}


/****************************************************** sub5 */
.s51 .s_tit {margin-bottom: 25px;}
.s51 #sub5_1 {padding: 0 0 70px;}
.s51 #sub5_2 {padding: 70px 0; background-color: #f0efef;}

.s51 ul {font-size: 0; margin: 0 -15px;}
.s51 ul li {display: inline-block; width: calc(50% - 30px); vertical-align: bottom; margin: 0 15px;}
.s51 ul li:after {content:''; display: block; clear: both;}
.s51 ul li > div {float: left; width: 210px;}
.s51 ul li .contact_box {padding-right: 10px; width: calc(100% - 210px); }
.s51 ul li .contact_box .contact_tit {margin-bottom: 10px; padding:6px 0 6px 30px; background: url('../images/sub/contact_tit.png') 0 50% no-repeat;}
.s51 ul li .contact_box .contact_txt { color: #666; margin-bottom: 10px; letter-spacing: -1px; line-height: 1.33;}
.s51 ul li .contact_box p {padding: 6px 0 6px 30px; font-weight: 350; color: #666;  letter-spacing: -1px;}
.s51 ul li .contact_box a {display: inline-block; padding: 9px 20px; border: 1px solid #a4a4a4; border-radius:50px; line-height: 1; color: #888; margin-bottom: 20px; transition:.25s;}
.s51 ul li .contact_box a:hover {background-color: #264923; border-color: #264923; color: #fff;}
.s51 ul li .contact_box .contact_tel {background: url('../images/sub/contact_tel.png') 0 50% no-repeat;}
.s51 ul li .contact_box .contact_fax {background: url('../images/sub/contact_fax.png') 0 50% no-repeat;}
.s51 ul li .contact_box .contact_email {background: url('../images/sub/contact_email.png') 0 50% no-repeat;}
.s51 ul li .contact_map .map {position: relative; width: 100%; height: 250px; overflow: hidden; background-position: 50% 50%; background-size:cover; background-repeat: no-repeat;}
.s51 ul li .contact_map .map iframe {position: absolute; width: 80%; height: 100%; top: 0; right: 0;}

.s51 #sub5_2 ul li {width: 100%;}
.s51 #sub5_2 ul li .contact_box {width: calc(100% - 850px);}
.s51 #sub5_2 ul li .contact_map {width: 415px;}
/*********** sub5 반응형 ***********/
@media all and (max-width:1200px){
	.s51 ul {max-width:600px; margin: 0 auto -30px;}
	.s51 ul li {display: block; width: 100%; margin: 0 0 30px;}
	.s51 #sub5_2 ul li .contact_box  {width: 100%; padding: 0 0 20px;}
	.s51 #sub5_2 ul li .contact_map {max-width: 415px; width: 100%; }
	.s51 #sub5_2 ul li .contact_map .map {height: auto;padding-bottom: 60.25%;}
}

@media all and (max-width:768px){
	.s51 ul li .contact_map .map iframe {position: absolute; width: 100%; height: 100%; top: 0; right: 0;}

}
@media all and (max-width:486px){
	.s51 ul li > div {display: block; float: none; width: 100%;}
	.s51 ul li .contact_box {width: 100%;padding: 0 0 20px;}
	.s51 ul li .contact_box .contact_txt {letter-spacing: -0.5px;}
	.s51 ul li .contact_box p {letter-spacing: -0.5px;}
	.s51 ul li .contact_map  {max-width:220px; margin: 0 auto;}
	
	.s51 ul li .contact_map .map {height: auto;padding-bottom: 119%;}
}