@charset "utf-8";
@import url('font.css');

@media (min-width:1500px) {

.overview { width:80%; max-width:1500px; margin:100px auto 110px; }
.overview .title { display:block; text-align:center; }
.overview .title strong { display:block; font-size:2.4em; font-weight:600; color:#222; line-height:1.3em; }
.overview .title span { display:block; margin:25px auto; width:35%; font-size:1.1em; font-weight:400; color:#222; letter-spacing:; }
.overview_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px; }
.overview_wrap .content { border-left:1px solid #dfdfdf; width:24.8%; padding:10px 0; }
.overview_wrap .content:first-child { border-left:0;}
.overview_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.overview_wrap .content .pic img { width:; }
.overview_wrap .content p { display:block; margin-top:15px; font-size:1.0em; color:#535353; text-align:center;}
.overview_wrap .content p strong { display:block; margin:15px 0 5px; font-size:1.5em; color:#222; }

.customer { background:#f3f3f3; padding:80px 0;}
.customer .customer_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:0 auto; }
.customer .customer_wrap .content { width:48%; }
.customer .customer_wrap .content .tit { border-bottom:2px solid #333; margin-bottom:; padding-bottom:15px; font-size:1.5em; font-weight:700; color:#222; letter-spacing:0;}
.customer .customer_wrap .content .tit span a { float:right; margin-top:6px; font-size:0.6em; }
.customer .customer_wrap .content .list { clear: both; margin-top:15px;}
.customer .customer_wrap .content .job {  height:100%;}
.customer .customer_wrap .content .job a { display:flex; justify-content:center; flex-direction:column; align-items:center; background:url(../images/main_job.jpg) center; background-size:cover; height:80%; padding:10% 0; color:#fff; text-align:center; }
.customer .customer_wrap .content .job strong { font-size:1.8em; line-height:1.7em; }
.customer .customer_wrap .content .job span { background:#ffd400; border-radius:20px; margin-top:15px; padding:0 15px; font-size:1.1em; font-weight:500; color:#333; line-height:1.7em; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.0em; font-weight:400; color:#333; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}


}


@media (min-width:768px) and (max-width:1499px){

.overview { width:100%; margin:90px auto; }
.overview .title { display:block; text-align:center; }
.overview .title strong { display:block; font-size:2.0em; font-weight:600; color:#222; line-height:1.3em; }
.overview .title span { display:block; margin:20px auto; width:70%; font-size:1.0em; font-weight:400; color:#222; letter-spacing:; }
.overview_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px; }
.overview_wrap .content { border-left:1px solid #dfdfdf; width:24.8%; padding:10px 0; }
.overview_wrap .content:first-child { border-left:0;}
.overview_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.overview_wrap .content .pic img { height:60px; }
.overview_wrap .content p { display:block; margin-top:15px; font-size:0.9em; color:#535353; text-align:center;}
.overview_wrap .content p strong { display:block; margin:15px 0 0; font-size:1.2em; color:#222; }

.customer { background:#f3f3f3; padding:60px 0;}
.customer .customer_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
.customer .customer_wrap .content { width:47%; }
.customer .customer_wrap .content .tit { border-bottom:2px solid #333; margin-bottom:; padding-bottom:15px; font-size:1.3em; font-weight:700; color:#222; letter-spacing:0;}
.customer .customer_wrap .content .tit span a { float:right; margin-top:6px; font-size:0.6em; }
.customer .customer_wrap .content .list { clear: both; margin-top:15px;}
.customer .customer_wrap .content .job {  height:100%; }
.customer .customer_wrap .content .job a { display:flex; justify-content:center; flex-direction:column; align-items:center; background:url(../images/main_job.jpg) center; background-size:cover; height:80%; padding:10% 0; color:#fff; text-align:center; }
.customer .customer_wrap .content .job strong { font-size:1.6em; line-height:1.5em; }
.customer .customer_wrap .content .job span { background:#ffd400; border-radius:20px; margin-top:10px; padding:0 12px; font-size:1.1em; font-weight:500; color:#333; line-height:1.5em; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}


}



@media (max-width:767px){
	
.overview { width:100%; margin:60px auto; }
.overview .title { display:block; text-align:center; }
.overview .title strong { display:block; font-size:1.5em; font-weight:600; color:#222; line-height:1.3em; }
.overview .title span { display:block; margin:10px auto; width:70%; font-size:1.0em; font-weight:400; color:#222; line-height:1.5em; }
.overview_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:20px; }
.overview_wrap .content { border-left:1px solid #dfdfdf; width:49.5%; padding:5px 0; margin:3% 0; }
.overview_wrap .content:first-child { border-left:0;}
.overview_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.overview_wrap .content .pic img { height:50px; }
.overview_wrap .content p { display:block; margin-top:; font-size:0.9em; color:#535353; text-align:center;}
.overview_wrap .content p strong { display:block; margin:5px 0 0; font-size:1.2em; color:#222; }

.customer { background:#f3f3f3; padding:40px 0;}
.customer .customer_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; margin:0 auto; }
.customer .customer_wrap .content { width:100%; }
.customer .customer_wrap .content .tit { border-bottom:2px solid #333; margin-bottom:; padding-bottom:10px; font-size:1.3em; font-weight:700; color:#222; letter-spacing:0;}
.customer .customer_wrap .content .tit span a { float:right; margin-top:3px; font-size:0.7em; }
.customer .customer_wrap .content .list { clear: both; margin-top:10px;}
.customer .customer_wrap .content .job { margin-top:25px; }
.customer .customer_wrap .content .job a { display:flex; justify-content:center; flex-direction:column; align-items:center; background:url(../images/main_job.jpg) center; background-size:cover; padding:10% 0; height:80%; color:#fff; text-align:center; }
.customer .customer_wrap .content .job strong { font-size:1.4em; line-height:1.5em; }
.customer .customer_wrap .content .job span { background:#ffd400; border-radius:20px; margin-top:10px; padding:0 12px; font-size:1.1em; font-weight:500; color:#333; line-height:1.5em; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#222; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0;}


}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }