@charset "utf-8";



	 p{  }
	.sm1_list { margin-left: -60px; overflow: hidden; *width:100%;margin-top: -50px;transition: 1s;font-family: 'Noto Sans KR', sans-serif;}
.sm1_list li { float: left; width: 33.333%; position:relative; box-sizing:border-box; margin-top:60px;transition: 1s;}
.sm1_list li:first-child { margin-left: 0 }
.sm1_list dl { position: relative; background: #fff; margin-left: 60px;  text-align: left; }
.sm1_list dl dt { overflow: hidden; position: relative;  border: 1px solid #e7e7e7; }
.sm1_list dl dt img { margin: 0 auto; max-height: 292px; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.sm1_list dl dt p.img { position: absolute; top: -59px; left: 0; height: 292px; width: 100%; margin: 0; padding: 0;;margin: 0; padding: 0;background-color: bisque; }
.sm1_list dl dt p.img img { width: 100%;height:auto; border-radius:3px;margin: 0;padding: 0;}

.sm1_list li:hover dl dt img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.sm1_list dl dd { margin: 20px 0 0px 0; overflow: hidden; position: relative; text-align: left; overflow: hidden; }
.sm1_list dl dd:first-child { border-bottom: 1px solid #CCC }
.sm1_list dl dd p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.sm1_list dl dd h3 { color: #000; margin: 0px 0 10px 0; padding:0 !important; font-weight:500 !important; font-size: 14px ; letter-spacing: .07em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100% ; text-transform:uppercase;font-family: 'Noto Sans KR', sans-serif;}
.sm1_list dl dd h3  a{ display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*div.cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,.03), transparent); z-index: 1; border-radius: 3px }*/
.sm1_list dl dd div.con{  margin-bottom:5px; height:80px; font-weight:300;font-family: 'Noto Sans KR', sans-serif;}
.sm1_list dl dd div.more  { color:#0054b1;display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing:0; font-weight:300 ; text-decoration:underline}

.sm2_list { margin-left: -60px; overflow: hidden; width:100%;margin-top: 00px;transition: .5s;max-width: 1200px;margin: 0 auto;text-align: center; }
.sm2_list li { float: left; width: 50%; position:relative; box-sizing:border-box; margin-top:60px;transition: .5s;}
.sm2_list li:first-child { margin-left: 0 }
	
 @media screen and (max-width:1260px) {
.sm1_list { margin-top: -30px;transition: 1s; }
.sm1_list li { margin-top:30px;transition: 1s;}
.sm1_list { margin-left: -30px;}
.sm1_list dl { margin-left: 30px; }
 }

 @media screen and (max-width:860px) {
	 
.sm1_list { margin-top: -30px;transition: 1s;padding:10px; }
.sm1_list li { margin-top:30px;transition: 1s;}
	 
.sm1_list { margin-left: -20px;}
.sm1_list li { width: 50%; }
.sm1_list dl { margin-left: 20px; }
.sm1_list dl {  }
	 .sm1_list dl dd div.con{  margin-bottom:5px; height:120px; font-weight:300}
.sm1_list dl dt p.img { position: absolute; top: -59px; left: 0; height: 295px; width: 100%; margin: 0; padding: 0;;margin: 0; padding: 0;background-color: bisque; }	 
	 
.sm2_list { margin-top: -00px;transition: .5s;max-width: 1200px;margin: 0 auto;text-align: center; }
.sm2_list li { margin-top:30px;transition: .5s;}
	 
.sm2_list { margin-left: -20px;}
.sm2_list li { width: 100%; }
}

 @media screen and (max-width:350px) {
	 .sm1_list{padding:10px;}
.sm1_list li { width: 100%;transition: 1s; }	 
.sm1_list dl dd div.con{   height:auto}
	 .sm1_list dl dd div.con{  margin-bottom:5px; height:120px; font-weight:200}
	 
 }
.wrap {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	min-width: 320px;

}
section {
	padding: 30px 0;
	overflow: hidden;
}
	
	
	
/* company */
#company .photo_list{display:flex}
#company .photo_list li{width:25%;height:300px;margin-right:10px}
#company .photo_list li:nth-child(4){margin-right:0;display: block;}

#company .photo_box{width:100%;height:100%;overflow:hidden;position:relative;}
#company .photo_box img{width:100%;top:0;height:100%;position:relative;left:0;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;-o-transition: -o-transform 0.3s;transition: transform 0.3s}
#company .photo_box .sub_title{text-align:left;color:#fff;letter-spacing:-1px;position:absolute;left:35px;bottom:80px;overflow:hidden}
#company .photo_box .sub_title strong{font-size:24px;padding-bottom:20px;display:block}
#company .photo_box .sub_title p{font-size:16px;width:74%}
#company .photo_box .ovrly{background:rgba(0, 0, 0, 0.3);height:100%;left:0;top:0;position:absolute;width:100%;opacity:0.9;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
#company .photo_box:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#company .photo_box:hover .ovrly{opacity:0.1}