@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:0px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.8em}
#ctt_con h2{font-size : 20px;padding-bottom : 20px;}
#ctt_con h3{background : url("img/h3.png") 0px 5px no-repeat; font-size : 20px;padding-bottom : 20px;padding-left : 20px;}
#ctt_con img{max-width:100%;height:auto}

#ctt_con ul li{padding-left : 15px;}

/* 연혁 */
#ctt_con .h_list{float : left; width : 100%; padding : 20px;background : url("img/h_bg.png") 36px top no-repeat;}
#ctt_con .h_list .h_list_title{float : left; width : 150px; border-top : 0px solid #ddd; font-size : 34px;font-weight :bold; padding : 20px;color:#255aaf;}
#ctt_con .h_list .h_list_con{padding : 10px 20px;}
#ctt_con .h_list .h_list_con h3{float : left;margin : 10px 30px 0px 0px; padding : 0px 8px; font-size : 20px;background:#255aaf;border-radius : 40px;color:#fff;}
#ctt_con .h_list .h_list_con ul li{padding-left :15px;padding-top : 10px;}
#ctt_con .h_list .h_list_con ul li span{width : 100px; text-align : center; font-weight : bold;}

/* 주요사업 */
#ctt_con ul.info_4_list{padding-left : 0px;}
#ctt_con ul.info_4_list li{float : left; padding-left : 25px!important; padding-top: 10px; padding-bottom : 10px; margin : 5px; width : 45%;background : #f9f9f9 url("img/li.png") 10px 22px no-repeat;}
#ctt_con ul.info_4_list li:hover{background : #f1f1f1;}

	#ctt_con .l_map{display:block;}
	#ctt_con .m_map{display:none;}
	#ctt_con .s_map{display:none;}

#ctt_con table.tb03{width : 100%;}
#ctt_con table.tb03 th{background:#eee;padding : 12px;}
#ctt_con table.tb03 td{text-align : left;padding : 10px;}
#ctt_con table { border-collapse: collapse; border: 0;}
#ctt_con th,td { border: 1px solid #ddd; background-clip: padding-box; scroll-snap-align: start;}



.ctt_img {text-align:center}

.con_10{float : left; width : 10%; padding : 0px 20px;}
.con_20{float : left; width : 20%; padding : 0px 20px;}
.con_30{float : left; width : 30%; padding : 0px 20px;}
.con_40{float : left; width : 40%; padding : 0px 20px;}
.con_50{float : left; width : 50%; padding : 0px 20px;}
.con_60{float : left; width : 60%; padding : 0px 20px;}
.con_70{float : left; width : 70%; padding : 0px 20px;}
.con_80{float : left; width : 80%; padding : 0px 20px;}
.con_90{float : left; width : 90%; padding : 0px 20px;}

@media screen and ( max-width: 1024px ){
	
	#ctt_con .h_list{float : left;  width : 100%; padding : 20px;}

	
	#ctt_con ul.info_4 li{padding-left : 20px; width : 100%;}
	
	
	#ctt_con .l_map{display:none;}
	#ctt_con .m_map{display:block;}
	#ctt_con .s_map{display:none;}
	
	.con_10{float : left; width : 100%; padding : 0px 20px;}
	.con_20{float : left; width : 100%; padding : 0px 20px;}
	.con_30{float : left; width : 100%; padding : 0px 20px;}
	.con_40{float : left; width : 100%; padding : 0px 20px;}
	.con_50{float : left; width : 100%; padding : 0px 20px;}
	.con_60{float : left; width : 100%; padding : 0px 20px;}
	.con_70{float : left; width : 100%; padding : 0px 20px;}
	.con_80{float : left; width : 100%; padding : 0px 20px;}
	.con_90{float : left; width : 100%; padding : 0px 20px;}

}

@media screen and ( max-width: 768px ){
	
	#ctt_con .h_list{float : left;  width : 100%; padding : 20px;}
	#ctt_con .h_list .h_list_title{font-size : 30px;}
	
	#ctt_con .l_map{display:none;}
	#ctt_con .m_map{display:none;}
	#ctt_con .s_map{display:block;}
	
	.con_10{float : left; width : 100%; padding : 0px 20px;}
	.con_20{float : left; width : 100%; padding : 0px 20px;}
	.con_30{float : left; width : 100%; padding : 0px 20px;}
	.con_40{float : left; width : 100%; padding : 0px 20px;}
	.con_50{float : left; width : 100%; padding : 0px 20px;}
	.con_60{float : left; width : 100%; padding : 0px 20px;}
	.con_70{float : left; width : 100%; padding : 0px 20px;}
	.con_80{float : left; width : 100%; padding : 0px 20px;}
	.con_90{float : left; width : 100%; padding : 0px 20px;}
	
	#ctt_con ul.info_4_list li{width : 100%;}
	

}

@media screen and ( max-width: 560px ){
	
	#ctt_con .h_list{background : none;border-bottom : 1px solid #ddd;}	
	#ctt_con .h_list .h_list_title{font-size : 30px;width : 100%;}
	#ctt_con .h_list .h_list_con h3{margin : 0px 10px;}
	
}


/* 게시판 탭메뉴 START */
.lt_tab_c {overflow: hidden;margin-bottom:10px;}
/* 탭 내용 스타일 */
.lt_tabcontent_c {display: none;}
/* 탭 내용 활성화 스타일 */
.lt_tabcontent_c.active {display: block;}
/* 탭 버튼 스타일 */
.lt_tab_c button {background-color: inherit; font-size : 18px; float: left;  border: none;  outline: none;  cursor: pointer;  padding: 14px 40px;}
@media all and (max-width: 768px) {	
	.lt_tab_c button {background-color: #fff; width : 50%;font-size : 16px; padding: 14px; letter-spacing:-1px;border : 1px solid #f2f2f2;}
	.latest_top_wr .lt_more_c{display: block; position :relative; width: 200px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center;background: #222; color: #fff;margin-top: 30px; border-radius: 30px;}
}
/* 활성화된 탭 버튼 스타일 */
.lt_tab_c button.active {background-color: #ccc;}


/* 임원현황 테이블 스타일 */
        #info_3_1 .tb03 {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        
        #info_3_1 .tb03 th, 
        #info_3_1 .tb03 td {
            padding: 12px;
            border: 1px solid #ddd;
            text-align: left;
        }
        
        #info_3_1 .tb03 th {
            background: #f5f5f5;
            font-weight: bold;
        }
        
        /* 직원현황 테이블 스타일 */
        #info_3_2 .tb03 {
            width: 100%;
            border-collapse: collapse;
        }
        
        #info_3_2 .tb03 thead {
            position: sticky;
            top: 0;
            z-index: 1;
        }
        
        #info_3_2 .tb03 th {
            background: #f5f5f5;
            font-weight: bold;
            padding: 12px;
            border: 1px solid #ddd;
            text-align: left;
        }
        
        #info_3_2 .tb03 td {
            padding: 12px;
            border: 1px solid #ddd;
            text-align: left;
        }
        
        #info_3_2 .tb03 td[data-label] {
            text-align: left !important;
            white-space: normal;
            word-break: break-word;
        }
        
        /* 모바일 대응 */
        @media screen and (max-width: 768px) {
            /* 임원현황 모바일 스타일 */
            #info_3_1 .tb03 {
              
                overflow-x: auto;
                white-space: nowrap;
            }
            
            #info_3_1 .tb03 th, 
            #info_3_1 .tb03 td {
                padding: 8px;
                font-size: 14px;
            }
            
            /* 직원현황 모바일 스타일 */
            #info_3_2 .tb03, 
            #info_3_2 .tb03 tbody, 
            #info_3_2 .tb03 tr, 
            #info_3_2 .tb03 th, 
            #info_3_2 .tb03 td {
                display: block;
                width: 100%;
            }
            
            #info_3_2 .tb03 tr {
                margin-bottom: 15px;
                border: 1px solid #ddd;
                border-radius: 5px;
            }
            
            #info_3_2 .tb03 th {
                display: none;
            }
            
            #info_3_2 .tb03 td {
                text-align: left;
                padding: 8px;
                position: relative;
                padding-left: 150px !important;
                border: none;
                border-bottom: 1px solid #eee;
            }
            
            #info_3_2 .tb03 td:last-child {
                border-bottom: none;
            }
            
            #info_3_2 .tb03 td:before {
                content: attr(data-label);
                position: absolute;
                left: 8px;
                width: 140px;
                font-weight: bold;
                color: #666;
            }
            
            .lt_tablinks_c {
                padding: 10px;
                font-size: 14px;
            }
            
            #info_3_2 .tb03 thead {
                position: static;
            }
            
            #info_3_2 .tb03 th {
                display: none;
            }
        }