@charset "utf-8";


/*인사말*/
.greeting{position:relative; max-width:1400px}
.greeting .img {position:absolute; height:200px; margin-top:0px; background:url(../img/ms/sud1_1.jpg) no-repeat bottom; background-size:cover; top: 0; right: 0; width: 60%;}

.greeting .tit{position:absolute; top:0px; left: 0; width:35%; height:314px;}
.tit h3{margin:0; padding:30px 0; font-size:36px; font-weight:600;  line-height:1.6; word-break:keep-all; text-align:left; letter-spacing:-1px}
.tit p {font-size: 24px; line-height: 1.3; color: #161616; letter-spacing: -1px; font-weight: 500;}
.tit p span{ font-weight: 600;}

.greeting .colum { padding:240px 20px 70px 20px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify;  display: none;}
.greeting .colum .right{float:right; width:60%; text-align:left; }
.greeting .colum .right:before{content:''; display:block; position:absolute; bottom: 100px; left:-50px; width:450px; height:640px; background:url(../img/ms/sud1_1.png) no-repeat; background-size: contain;}

.greeting .colum .right p {font-size: 20px; color: #161616; line-height: 1.3; letter-spacing: -1px;word-break: keep-all;}
.greeting .colum .right ul li {margin: 50px 0; padding-left: 10px;}
.greeting .colum .right ul li h3 {font-size: 24px; color: #0a5222; line-height: 1.2; letter-spacing: -1px;word-break: keep-all; margin-bottom: 15px;}
.greeting .colum .right ul li p {font-size: 18px; color: #161616; line-height: 1.3; letter-spacing: -1px;word-break: keep-all;}

.greeting .sign { font-size:20px; font-weight:300; color:#000; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px; letter-spacing: -1px;}
.greeting .sign .name { font-size:24px; font-weight: 500; margin-left: 10px; letter-spacing: -1px;}


@media all and (max-width: 980px){	
	
   	.greeting .tit {position:relative; width:100%; height:auto; padding:0; top:0; right:0;}
	.tit h3{font-size:24px; line-height:1.6em; padding: 0 0 20px;}
	.tit p {font-size: 20px; word-break: keep-all;}
	.greeting .img { width: 100%; top: 10%; height: 200px;}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum { padding: 240px 10px 70px 10px;}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}
	.greeting .colum .right:before {opacity: 0.3;}
	.greeting .colum .right p {font-size: 18px;}
	.greeting .colum .right ul li {margin: 20px 0;}
	.greeting .colum .right ul li h3 {font-size: 20px;}
	.greeting .colum .right ul li p {font-size: 16px;}
	.greeting .sign .name {    font-size: 20px;}
}
/*인사말*/




/*그룹소개*/
.company_info  { width:100%; height:auto;  }

.business_sudbox {position:relative; max-width:1400px; height: 200px;}
.business_sudbox .tit { position:absolute; top:0px; left: 0; width:50%; height:100%;}
.business_sudbox .tit h3 {padding-top: 0;}
.business_sudbox .img {position:absolute; top:0px; right: 10px; width: 50%; max-width: 470px; height: 100%; background-image:url(../img/ms/sud2_1.png); background-position:center; background-repeat:no-repeat;} 


.tl_title_box_wrap {width:100%; height:auto; padding:40px 0; clear:both; background-color: #fff;}
.tl_title_box_wrap li {position:relative; width:25%; min-height:250px; background-color:#0000008e; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { background-color:#0a5222; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#6f984c}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#6f984c; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p {font-size: 16px; padding-top:50px; color: #fff; line-height: 1.2;}
.tl_title_box_wrap li:nth-child(4n+1) { margin-left:0}

.img_box {width: 100%; height: 100%; min-height: 250px;}

.img1 { background:url(../img/ms/sud2_1.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img2 { background:url(../img/ms/sud2_2.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img3 { background:url(../img/ms/sud2_3.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img4 { background:url(../img/ms/sud2_4.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img5 { background:url(../img/ms/sud2_5.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img6 { background:url(../img/ms/sud2_6.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img7 { background:url(../img/ms/sud2_7.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img8 { background:url(../img/ms/sud2_8.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img9 { background:url(../img/ms/sud2_9.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img10 { background:url(../img/ms/sud2_10.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img11 { background:url(../img/ms/sud2_11.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}
.img12 { background:url(../img/ms/sud2_12.jpg);background-position:center; background-repeat:no-repeat; background-size: cover;}

@media (max-width: 960px){
	.business_sudbox {height: 300px;}
	.business_sudbox .tit {width: 100%;}
	.business_sudbox .img {width: 100%; right: 0;top: 50%; height: 50%;}

	.tl_title_box_wrap li .txt_wrap {padding: 20px;}
	.tl_title_box_wrap li .txt_wrap .cell p {padding: 20px 0 0;}
	.tl_title_box_wrap li,.img_box {min-height: 170px;}
	.tl_title_box_wrap li .txt_wrap .cell h2{font-size: 20px;}

	.company_info .work_page ul li { width:50%; margin-bottom:20px; margin-right: 0; margin-left: 2%;}
	.company_info .work_page ul li:last-child { margin-right:0}
	.company_info .work_page ul li:nth-child(2n+2) {margin-right:0;}
}
@media (max-width: 640px){
	.company_info .tl_title_box_wrap li { width:49%; margin-left:1%; margin-bottom:1%;}
}
/*그룹소개*/





/* content03 */
.patent_wrap {position:relative; max-width:1400px;}

.patent_box { width: 100%; text-align: center; margin-bottom: 30px;}
.patent_box .tit h3 {text-align: center; padding-top: 0;}

.content_wrap .img-box { background-image: linear-gradient(to bottom, rgb(255, 255, 255), #e9e9e9); height: 60vh; position: relative; overflow: hidden;}

.patent_wrap  .img01 { width: 20%; padding: 0 0.8%; float: left; }
.patent_wrap .img01 img {width: 100%;}

.patent_wrap .img02 { width: 39%; padding: 0 1% 0 0; float: left; }
.patent_wrap .img02 img {width: 100%;}

.patent_wrap .img03 { width: 39%; padding: 0 0 0 1%; float: left; }
.patent_wrap .img03 img {width: 100%;}



@media screen and (max-width: 960px) {
	.content_wrap .img-box{height: 45vh;}
	.patent_wrap .img01 { width: 49%; padding: 0; margin: 0 1% 0 0; float: left; }
	.patent_wrap .img02 { width: 50%; padding: 0; float: left; }
	.patent_wrap .img03 { width: 50%; padding: 0; float: left; }
}

@media screen and (max-width: 640px) {
	.content03 .icon li { width:100%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}
/* content03 */




/*오시는 길*/

.location_box {position:relative; max-width:1400px; height: 200px;}
.location_box .tit { position:absolute; top:0px; left: 0; width:50%; height:100%;}
.location_box .tit h3 {padding-top: 0;}
.location_box .img {position:absolute; top:0px; right: 10px; width: 50%; max-width: 415px; height: 100%; background-image:url(../img/ms/sud4_1.png); background-position:center; background-repeat:no-repeat; background-size: cover;} 

.address_contact {width: 100%; margin: 0; padding: 20px 0 50px;}
.address_contact h2 { color: #252d27; font-size: 36px; line-height: 1.2; letter-spacing: -1px; font-weight: 600; margin-bottom: 20px;}
.address_box {width: 100%; overflow: hidden;}
.address_left {width: 50%; float: left; padding: 10px;}
.address_right {width: 50%; float: left; padding: 10px;}
.address_txtbox {border-left: 3px solid #0a5222; }
.address_txt {width: 100%; padding: 5px 10px; overflow: hidden; }
.address_txt h4 {font-size: 20px; line-height: 1.2; letter-spacing: -1px; font-weight: 400; margin:0 20px 0 0;}
.address_txt p { font-size: 20px; letter-spacing: -1px; line-height: 1.2;}
.address_txt p .point_1 {color: #fff; font-weight: 400; display: inline-block; padding: 3px 10px; border-radius: 25px;  background-color: #263c96; font-size: 18px;}
.address_txt p .point_2 {color: #fff; font-weight: 400; display: inline-block; padding: 3px 10px; border-radius: 25px;  background-color: #3cc344; font-size: 18px;}


.address_left .address_txt1 {margin-bottom: 15px;}

.address_left .address_txt h4 { width: auto; float: left;}
.address_left .address_txt p { float: left;}

.address_right .address_txt1 {margin-bottom: 20px;}

.address_right .address_txt h4 { margin:0 0 10px;}
.address_link {width: 80%;}
.address_link a {display: inline-block; width:  48%; letter-spacing: -1px;
	 padding: 20px; font-size: 20px; line-height: 1.5; float: left; text-align: center;}
.naver_link {background-color: #3cc344; color: #fff; margin: 3% 2% 0 0;}
.kakao_link {background-color: #fae100; color: #000; margin: 3% 0 0 2%;}

.wrap_btn_zoom,.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont .section_address{display: none!important;}

.root_daum_roughmap .wrap_map { height: 360px!important;}
/*오시는 길*/


	.address_br {display: none;}

@media screen and (max-width: 960px) {
	.location_box { height: 160px;}
	.location_box .tit,.address_left,.address_right,.address_link {width: 100%;}
	.location_box .img {background-size: cover; width: 90%; top: auto; bottom: 0; opacity: 0.3; right: 0;}
	
	.address_contact h2 {font-size: 28px;}
	.address_left .address_txt h4 {float: none;     margin: 0 0 10px;}
	.address_txt p {font-size: 18px;}
	.address_link a{font-size: 16px; padding: 10px;}
	.address_br {display: block;}
	.root_daum_roughmap .wrap_map { height: 300px!important;}
}