@charset "utf-8";
body{font-family:'Noto Sans KR',sans-serif;font-size:13px;background-color:#fff; letter-spacing:0px;  }

#wrap{position: absolute;width:100%; height:100%; word-break:keep-all; }
span.titl{text-align:center;font-size:25px;margin:0px auto 50px auto;font-weight:400;display:block}
h2.main_t{font-size:35px;margin:0px auto 40px auto;font-weight:500;padding-top:30px;z-index:1;}
h2.main_t img{vertical-align:middle;}
.main_wrap{width:100%;max-width:1400px;margin:0 auto;position:relative;}
@media(max-width:1000px){
	h2.main_t{font-size:28px;line-height:1.2;}
}
@media(max-width:1430px){
.main_wrap{width:94%;}
}
#mainimgContent{position:relative; width:100%;height:95%;overflow:hidden;min-height:500px;}
 
 @media  (max-width: 1000px) {
 #mainimgContent{height:550px; }
 }

  @media  (max-width: 480px) {
 #mainimgContent{height:350px; min-height:350px;}
 }

  /*news*/
  .newsarea{background:url(../image/back_news.png) no-repeat center 0;position:relative;}
  .newsarea:after{clear:both;content:'';display:block;height:50px;}
  .newtabbox{width:50%;float:left;}
  ul.Tab_sub_list{font-size:0px;}
  ul.Tab_sub_list li{width:19%;display:inline-block;margin-left:-1px;background:#f7f7f7;}
  ul.Tab_sub_list li.on{background:#fff;}
  ul.Tab_sub_list li a{color:#505050;text-align:center;padding:10px 10px;display:block;font-size:18px; border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}
  ul.Tab_sub_list li.on a{border-bottom:1px solid #fff;color:#00a9ac;font-weight:500;}

  #newscontent{position:relative;}

 ul.newslist {margin-top:30px;position:relative;width:90%;overflow:hidden;}
 ul.newslist li {position:relative;  line-height:2; font-size:15px; overflow:hidden;border-bottom: 1px solid #ececec;padding:5px 0 5px 15px; } 
 ul.newslist li:before {content:''; position:absolute; top:20px; left:0; width:4px; height:4px; background:#9e9e9e; }
 ul.newslist li a {display:block; padding-right:100px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 ul.newslist li span {position:absolute; top:0; right:10px; display:block; width:80px; text-align:right; color:#999999; } 

 
  .newsarea .newmore{font-size:15px;position:absolute;background:url(../image/icon_more.png) no-repeat 0 0px;top:-55px;right:60px;padding-left:30px;min-height:20px;}


  .activebox{width: 100%;float:left;margin-left:8%;position:relative;flex-direction: column;}
  .activebox-header{flex: 0 0 20%; display: flex; flex-direction: column; align-items: flex-start;}
  .main_active_slides{flex: 1;width: 50%;}

  .activebox .morelink a{position:static;background:url(../image/icon_more2.png) no-repeat 0 0px;float:right;margin-right:0;background-size:cover;;top:0;right:0;font-size:0;width:50px;height:50px;z-index:20}
  .activebox .morelink a{display:inline-block;}
  
  .activebox .photoarea{width:70%;margin-right:3%;float:left;overflow:hidden;}
  .activebox .photoarea img{width:100%;}
  .activebox .contenttxt{width:20%;float:left;}
  .activebox .contenttxt h3.mainh3{margin-bottom:20px;font-size:17px;font-weight:500;}
  .activebox .contenttxt h3.mainh3:after{content:'';display:block;width:20px;height:2px;background:#000;margin-top:10px}
  .activebox .contenttxt .activecontents{color:#747a82;margin-bottom:10px;font-weight:300;font-size:14px;}
  .activebox .contenttxt .activecontents h1,
  .activebox .contenttxt .activecontents strong{font-size:14px;font-weight:400;}

  .activebox .contenttxt .con_wdate{color:#19b0a1;font-size:15px;}

.activecontents {
    display: flex;
    flex-direction: column; /* 세로로 정렬 */
    align-items: center; /* 가운데 정렬 */
}

.photoarea {
    margin-bottom: 10px; /* photoarea와 contenttxt 사이 간격 */
    width: 100%; /* 전체 너비 */
    text-align: center; /* 이미지 가운데 정렬 */
}

.contenttxt {
    width: 100%; /* 전체 너비 */
    text-align: center; /* 텍스트 가운데 정렬 */
}

@media(max-width:1080px){
	 .newsarea{background:none;}
	 .newtabbox{width:100%;}
	 .activebox{width:100%;margin-left:0%;margin-top:30px;}
	  ul.newslist{width:100%; }
   .newsarea .newmore{right:10px;}
 
}
@media(max-width:1000px){
 .morelink a{top:20px;right:10px;}

 }


@media(max-width:580px){
 .activebox .photoarea{width:100%;margin-right:0%;}
 .activebox .contenttxt{width:100%;margin-top:20px;}
}

@media(max-width:450px){
  ul.Tab_sub_list li a{padding:5px;;font-size:15px;}

}
@media(max-width:380px){
ul.Tab_sub_list li{width:24%;}
 .newsarea .newmore{position:relative;top:0px;right:0;;min-height:20px;margin-top:10px;text-align:right;background:url(../image/icon_more.png) no-repeat 82% 0;padding-right:10px;}
}

/*하는일*/

#main_work{ clear:both;background:#f8f8f8;padding-top:30px;}
.workarea_in{text-align:center;}
.workarea_in:after{clear:both;content:'';display:block;position:relative;height:60px;}
.main_work_item{display:inline-block;max-width:300px;width:29%;margin:0 2% 40px 2%;vertical-align:top;}
.main_work_item a{margin:0 auto;position:relative;
 display:block;overflow:hidden;
 background:#fff;
 border:1px solid #ebebeb;
padding:0px 0 20px 0;
text-align:center;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.10);
    -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.10);
	box-shadow: 0 3px 7px 0 rgba(0,0,0,0.10);
}
.main_work_item .workimg{text-align:center;  }
.main_work_item .workimg img{width:100%; }
.main_work_item .titl{text-align:center;padding:10px 0;font-size:30px;font-weight:500;color:#ff600f;}
.main_work_item .work_info{font-size:16px;color:#333333;font-weight:300;padding:10px 20px;}
 

 @media(max-width:800px){

.main_work_item{width:96%;max-width:700px;margin:0 auto 20px auto;}
 	.main_work_item .workimg{width:50%;float:left;}
	.main_work_item .work_text{width:45%;float:left;margin-left:5%;vertical-align:middle;}
	.main_work_item a{padding:0px 0 0px 0;}
	.main_work_item .titl{padding:10px 0 3px 0;}
	.main_work_item .work_info{padding:5px 10px; }
	.workarea_in:after{height:30px;}
 }
 
 @media(max-width:520px){
.main_work_item{width:95%;}
.main_work_item .workimg{width:100%;float:none;}
.main_work_item .work_text{width:100%;float:none;margin-left:0%;}


 }

/*quickarea*/
#quickarea{background-color: #f8f8f8 no-repeat center 0px;padding:0 0;}
#quickarea:after{clear:both;display:block;content:'';height:80px;}
.popupzone{width:50%;max-width:400px;float:left;margin-right:0%;}
.popup_control{text-align:right;padding-right:30px;margin-bottom:10px;}
.popup_control img{vertical-align:middle;}
.popup_control span{margin-left:5px;}
.popupzone .imgarea img{vertical-align:middle;width:100%;height:100%;}
.popupzone .play{display:none;}

.aria-disabled .popup_control{display:none;background:red;}

.photogallery{width:50%;float:left;margin-left:3%;background:#fff;margin-top:30px;position:relative;padding-bottom:0px;min-height:400px; }

.photogallery .titlearea{margin-bottom:10px;}
.photogallery .titlearea .title{background:#e3633a;width:50%;padding:10px 30px;color:#fff;font-size:22px;text-align:center;}
.photogallery .titlearea .moreicon a{display:block;position:absolute;background:url(../image/icon_more.png) no-repeat 0 0px;width:30px;height:30px;top:20px;right:0;}
#news-container ul{width:100%;}
#news-container ul li{}
.photogallery .phototxtarea{padding:5px 10px 10px 10px;}
.photogallery .phototxtarea:after{clear:both;display:block;content:'';}

 
.photogallery .news-container_in {
    display: flex;
    flex-wrap: nowrap; /* 한 줄에 배치 */
    gap: 20px; /* 아이템 간격 */
}

.phototxtarea {
    flex: 0 0 calc(33.33% - 20px); /* 3개씩 배치 */
    box-sizing: border-box;
    text-align: center;
}

.photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.photogallery .phototxtarea .photo{float:left;width:50%;margin-right:0%; max-height:150px;position: relative; overflow: hidden;}
.photogallery .phototxtarea .photo img{width:100%;}
.photogallery .phototxtarea .txtarea{float:left;width:45%;margin-left:5%;}
.photogallery .phototxtarea .txtarea .txt_title{font-size:15px;margin-bottom:20px;}
.photogallery .phototxtarea .txtarea .gall_date{color:#7f7f7f;}

.quicklist{width:24%;float:left;margin-left:3%;margin-top:30px;}
.quicklist a{display:block;background:#5441a6;margin-bottom:14px;}
.quicklist .quickbox{padding:6% 20px;}
.quicklist .quickA{background:url(../image/icon_rnd.png) no-repeat 85% center;background-size:20%;}
.quicklist .quickB{background:url(../image/icon_docu.png) no-repeat 85% center;background-size:20%;}
.quicklist .quickC{background:url(../image/icon_video.png) no-repeat 85% center;background-size:20%;}


.quicklist .quickbox h4{color:#fff;font-size:25px;font-weight:400;}
.quicklist .quickbox .linkare{font-size:16px;letter-spacing:-1px;margin-top:10px;background:url(../image/arrow.png) no-repeat 90% center;background-size:20%;border:2px solid #7566b6;border-radius:18px;width:50%;min-width:87px;max-width:130px;color:#aaa0d3;padding:5px 0 5px 10px;}

 @media(max-width:1300px){
 
.photogallery .phototxtarea .txtarea .txt_title{margin-bottom:10px;}
.quicklist a{margin-bottom:20px;height:33%;overflow:hidden;}
 
 }
 @media(max-width:1200px){
	.photogallery{min-height:300px;}
	.photogallery:after{display:block;content:' ';padding-top:3%;background:#fff;position:relative;}
  .quicklist a{margin-bottom:5%;}

 }
  @media(max-width:1080px){
		 
		.quicklist .quickbox{padding:5% 20px;}
  }
  @media(max-width:980px){
		 
		.quicklist .quickbox{padding:4% 20px;}
  }

 @media(max-width:900px){
#quickarea:after{height:30px;}
.popupzone{margin-left:0%;width:100%;max-width:none;}
.popupzone .imgarea {position:relative;text-align:center;width:100%;}
.popupzone .imgarea > ul{position:relative;text-align:center;width:100%;}
.popupzone .imgarea > ul > li{position:relative;text-align:center;display:inline-block; }
.popupzone .imgarea > ul > li a{text-align:center;}
.popupzone .imgarea img{width:100%;min-height:200px;max-height:auto;}
 
.photogallery{width:100%;margin-left:0%; min-height:20px; ;}
.photogallery .phototxtarea .photo{max-height:250px;}


.quicklist{width:100%;margin-left:0%;}
.quicklist a{width:32%;float:left;margin-right:1%;}
.quicklist .quickbox{padding:10px 3px;}
 .quicklist .quickA{background:url(../image/icon_rnd.png) no-repeat center 15px;background-size:25%;}
.quicklist .quickB{background:url(../image/icon_docu.png) no-repeat center 15px;background-size:25%;}
.quicklist .quickC{background:url(../image/icon_video.png) no-repeat center 15px;background-size:25%;}
.quicklist .quickbox h4{text-align:center;padding:29% 0 5px 0px;font-size:18px;}
.quicklist .quickbox .linkare{margin:0 auto;}

 }

 @media(max-width:450px){
 
.quicklist .quickbox .linkare{font-size:12px;padding:2px 2px 2px 5px;}
}
/*baner*/
.banerlink {background:#fff;padding:20px;}
.banerlink ul li{display:inline-block;}

 .banerlist{margin-top:10px;}
 .banerlist ul.banerlist_in{width:100%;}
 .banerlist ul.banerlist_in li{text-align:center;}
 .banerlist ul.banerlist_in li div{position:relative;margin:0 auto; background:#fff; text-align:center;}
.banerlist ul.banerlist_in li div a{text-align:center;display:block;}
 .banerlist ul.banerlist_in li img{text-align:center;}


/*slick*/

 /* Arrows */
.popupzone .slick-prev,
.popupzone .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 0;
	right:0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
	margin-top:-28px;
    

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.popupzone .slick-prev:hover,
.popupzone .slick-prev:focus,
.popupzone .slick-next:hover,
.popupzone .slick-next:focus
{
    color: transparent;
    outline: none;
    
}



.popupzone .slick-prev
{
    right: 50px;
	background:url(../image/s_prev.png) no-repeat 0 center;
}
[dir='rtl'] .popupzone .slick-prev
{
    right: auto;
    left: 50px;

}
 

.popupzone .slick-next
{
    right: -10px;
	background:url(../image/s_next.png) no-repeat 0 center;
}
 
[dir='rtl'] .popupzone .slick-next
{
    right: auto;
    left: -10px;
}
 

/* Dots */
.popupzone .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.popupzone .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;
    padding: 0;
    margin: 0 auto;
	width:100%;

    list-style: none;

    text-align: center;
}
.popupzone .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.popupzone .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.popupzone .slick-dots li button:hover,
.popupzone .slick-dots li button:focus
{
    outline: none;
}
.popupzone .slick-dots li button:hover:before,
.popupzone .slick-dots li button:focus:before
{
    opacity: 1;
}
.popupzone .slick-dots li button:before
{
     font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;
background:url(../image/off.png) no-repeat 0 center;
    
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.popupzone .slick-dots li.slick-active button:before
{
   opacity: 1;
    
	background:url(../image/on.png) no-repeat 0 center;
}

/* filepath: d:\WorkShop\ubuntufundorkr\index.htm */
<script>
    $(document).ready(function () {
        $('.news-container_in').slick({
            slidesToShow: 3, // 한 번에 3개 표시
            slidesToScroll: 1,
            infinite: true,
            autoplay: true,
            autoplaySpeed: 3000,
            arrows: true, // 좌우 화살표 표시
            dots: true, // 하단 점 표시
        });
    });
</script>