ul.tab_submenu{width:100%; margin-bottom:30px; display:flex; padding:10px 20px; border:1px solid #ccc; font-size:0.9em; border-radius:2em; flex-wrap:wrap }
ul.tab_submenu > li > a{display:inline-block; padding:10px 10px; color:#666; font-weight:700;   }
ul.tab_submenu > li span:after{display:inline-block; vertical-align:middle;margin:0 10px; background:#5a5a70; width:8px; height:8px; border-radius:50%; content:"";  }
ul.tab_submenu > li:last-child span:after{margin:0 0; width:0px; height:0px;  }
ul.tab_submenu > li > a.on{background:#3c3f72; color:#fff; border-radius:1.5em  }
.SubContent_in h4{font-size:1.3em; font-family: 'ONE-Mobile-Regular'; font-weight:700;  margin:0 0 20px 0; color:#333}
.SubContent_in h4 span:before{content:""; display:inline-block; width:4px; height:20px; background:#3c3f72; margin:0 10px ; vertical-align:middle}
/* 활동소개-  */
div.bun_acts{width:100%; }
dl.acts_tit_01{width:100%; min-height:320px; margin-bottom:50px; position:relative; background:url('/images/new/sub/ttimg_acts.jpg') no-repeat center center; background-size:cover }
dl.acts_tit_01> dt{min-width:1000px;background: rgba(255, 255, 255, 0.7);padding:20px;  display:flex; position:absolute; bottom:0; left:0 }
dl.acts_tit_01 > dd{width:100%; }
dl.acts_tit_01 > dt  p{font-size:1.2em; font-weight:500;}


ul.acts_cont{width:100%; display:flex; flex-wrap:wrap;; margin-bottom:50px; gap:10px; }
ul.acts_cont li{width:calc(50% - 10px);  }
ul.acts_cont li > div{width:100%; padding:10px 20px 10px 30px; border:1px solid #ccc; border-radius:1.5em;background:url('/images/04_sub/ico_dot3.jpg') 20px 20px no-repeat;  }

ul.acts_gal{width:100%; display:flex; flex-wrap:wrap;; margin-bottom:50px; gap:20px; }
ul.acts_gal > li{width: calc((100% - 40px) / 3);}
ul.acts_gal > li.acts_gal_li {width: calc((100% - 60px) / 4);}
ul.acts_gal > li dl {width:100%; background:#f2f2f2;  min-height:400px; border:1px solid #ccc;}
ul.acts_gal > li dl dt{width:100%; height:240px; overflow:hidden; background:#fff; display:flex; justify-content:center; align-items:center; position:relative }
.no_image:after{position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background: url('/images/common/noimages.jpg') no-repeat center center; background-size:cover}
ul.acts_gal > li dl dt img {width:100%; }
ul.acts_gal > li dl dd {padding:20px 10px; text-align:center; }
p.acts_title_01 {font-size:1.1em; font-weight:600; margin-bottom:10px }
p.acts_title_02 {font-size:0.9em; color:#666}
div.acts_title_03 {font-size:0.8em; display:flex; gap:10px; justify-content:center}

dl.acts_tit_02{width:100%; min-height:320px; margin-bottom:50px; position:relative; background:url('/images/new/sub/ttimg_acts_02.jpg') no-repeat center center; background-size:cover }
dl.acts_tit_02 > dt{min-width:1000px; background: rgba(255, 255, 255, 0.7);padding:20px; display:flex; flex-direction:column; gap:20px; position:absolute; bottom:0; left:0 }
dl.acts_tit_02 > dt a{display:inline-block; padding:10px 20px; font-size:0.9em; border-radius:1.5em; background:#3c3f72; color:#fff }
dl.acts_tit_02 > dt a span{display:inline-block;vertical-align:middle; margin-left:3px }
dl.acts_tit_02 > dd{width:100%; }
dl.acts_tit_02 > dt  p{font-size:1.2em; font-weight:500;}

dl.acts_tit_03{width:100%; min-height:320px; margin-bottom:50px; position:relative; background:url('/images/new/sub/ttimg_acts_03.jpg') no-repeat center center; background-size:cover }
dl.acts_tit_03 > dt{min-width:1000px; background: rgba(255, 255, 255, 0.7); padding:20px; display:flex; flex-direction:column; gap:20px;  position:absolute; bottom:0; left:0 }
dl.acts_tit_03 > dt a{display:inline-block; padding:10px 20px; font-size:0.9em; border-radius:1.5em; background:#3c3f72; color:#fff }
dl.acts_tit_03 > dt a span{display:inline-block;vertical-align:middle; margin-left:3px }
dl.acts_tit_03 > dd{width:100%; }
dl.acts_tit_03 > dt  p{font-size:1.2em; font-weight:500;}

dl.acts_tit_04{width:100%; min-height:320px; margin-bottom:50px; position:relative; background:url('/images/new/sub/ttimg_acts_04.jpg') no-repeat center center; background-size:cover }
dl.acts_tit_04 > dt{max-width:1000px; background: rgba(255, 255, 255, 0.7); padding:20px; display:flex; flex-direction:column; gap:20px;  position:absolute; bottom:0; left:0 }
dl.acts_tit_04 > dt a{display:inline-block; border:1px solid #ccc; padding:10px 20px; font-size:0.9em }
dl.acts_tit_04 > dt a span{display:inline-block;vertical-align:middle; margin-left:3px }
dl.acts_tit_04 > dd{width:100%; }
dl.acts_tit_04 > dt  p:nth-child(1){font-size:1.4em; font-weight:700; margin-bottom:20px; color:#3c3f72}

ul.hashtag{display:flex;  flex-wrap:wrap; gap:5px; margin-top:10px }
ul.hashtag > li{float:none !important}
ul.hashtag > li > a{display:block; padding:5px 10px; border:1px solid #ccc; font-size:15px; border-radius:0.25em}
ul.hashtag > li > a:hover{color:#0082a1; border:1px solid #0082a1; }

div.ins_list{width:100%;padding:0 0 100px 0;}
div.ins_top{width: 100%;background:#fff;display:flex; flex-wrap:wrap}
div.ins_top > div{border:1px solid #ccc; margin-left:-1px; font-size:1em; height:350px; overflow:hidden}
div.ins_top > div.ins_top_01{width:467px}
div.ins_top > div.ins_top_01 img{width:100%}
div.ins_top > div.ins_top_01-2{width:500px;height:375px; }
div.ins_top > div.ins_top_01-2 img{width:100%}
div.ins_top > div.ins_top_02{width: calc((100% - 467px) / 2); padding:20px 40px}
div.ins_top > div.ins_top_02-2{width: calc(100% - 500px); padding:20px 40px;height:375px; }
div.ins_top > div.ins_top_03{width: calc((100% - 467px) / 2); padding:40px 40px 20px 40px; background:#f2f2f2}
div.ins_top > div.ins_top_03 > ul > li > div{width: 100%; height:240px; overflow:hidden;  background:#f2f2f2}
div.ins_detail{width:100%;border:1px solid #ccc; border-radius:5px; margin:50px 0}
div.ins_detail > h5{width:100%;padding:10px; background:#f2f2f2; border-bottom:1px solid #ccc; font-size:1.2em; font-weight:700}
div.ins_detail > div{width:100%;padding:20px}
div.ins_top > div > ul{display:flex; flex-direction:column; gap:10px}
div.ins_top > div > ul > li{display:flex; flex-wrap:wrap}
div.ins_top > div > ul > li.ins_btn{justify-content:center; padding-top:20px;}
div.ins_top > div > ul > li.ins_btn a{display:inline-block; padding:10px 20px; border:1px solid #ccc; font-size:0.8em}
div.ins_top > div > ul > li.ins_btn a:hover{border:1px solid #0099cc; color:#0099cc;  font-size:0.8em}
div.ins_top > div > ul > li.ins_btn a > span{display:inline-block; vertical-align:middle; padding-left:3px; font-size:0.9em;color:#0099cc;}

div.ins_top > div > ul > li.ins_title{font-size:1.5em; font-weight:600}
div.ins_top > div > ul > li.ins_title > p{width:100%}
div.ins_top > div > ul > li.ins_title > p:nth-child(1){font-size:0.9rem; color:#999; font-weight:400}
div.ins_top > div > ul > li.ins_title > p:nth-child(2){margin-bottom:20px}
div.ins_top > div > ul > li.ins_area div:nth-child(2){display:flex; gap:5px; flex-wrap:wrap}
div.ins_top > div > ul > li.ins_area div:nth-child(2) span{display:inline-block; border:1px solid #ccc; border-radius:20px; padding:5px 20px; font-size:0.9em}
div.ins_top > div > ul > li > div:nth-child(1){font-size:1.1em; width:100px}
div.ins_top > div > ul > li > div:nth-child(2){font-size:0.9em; width:calc(100% - 100px)}


@media (max-width:1000px){
div.ins_top > div.ins_top_02{width: calc((100% - 360px) / 2); padding:10px 20px}
div.ins_top > div.ins_top_03{width: calc((100% - 360px) / 2); padding:10px 20px 10px 20px; background:#f2f2f2}
div.ins_top > div > ul > li > div:nth-child(1){width:100%}
div.ins_top > div > ul > li > div:nth-child(2){width:100%}
div.ins_top > div > ul > li.ins_area div:nth-child(2) span{border-radius:0px; padding:3px 10px; }
}
@media (max-width:840px){
div.ins_top > div.ins_top_01{width:100%}
div.ins_top > div.ins_top_02{width:50%}
div.ins_top > div.ins_top_03{width:50%}
}
@media (max-width:640px){
div.ins_top > div.ins_top_01{width:100%}
div.ins_top > div.ins_top_02{width:100%}
div.ins_top > div.ins_top_03{width:100%}
}

@media (max-width:1100px) {

ul.acts_gal > li.acts_gal_li {width: calc((100% - 40px) / 3);}
ul.acts_gal > li dl {height:300px; }
ul.acts_gal > li dl dt{height:200px; }
ul.acts_cont > li{width:calc(100% - 10px);  }
 }
@media (max-width:840px) {
ul.tab_submenu{width:100%; margin-bottom:20px; padding:10px 10px;  }
ul.acts_gal{margin-bottom:30px; gap:10px; }
ul.acts_gal > li{width: calc((100% - 10px) / 2);}
ul.acts_gal > li.acts_gal_li { width:calc((100% - 10px) / 2);}
ul.acts_gal > li dl {height:300px; }
ul.acts_gal > li dl dt{height:200px; }
ul.acts_cont > li{width:100%;  }
 }
@media (max-width:640px) {
ul.tab_submenu{width:100%; margin-bottom:10px; padding:5px 5px;  }
ul.acts_gal > li dl {min-height:auto; height:auto}
ul.acts_gal > li{width:100%  }
ul.acts_gal > li dl dd{height:auto; }
 }


/* 활동소개 end-  */

/* 안실련소개-인사말*/
div.intro_1{width:100%; font-family: 'ONE-Mobile-Regular';}
div.intro_1 p.title_greet{color:#333366; font-size:1.5em; line-height:1.3em;font-weight:700; margin:0 0 50px 0; text-align:center;}
div.intro_1 div.greeting{display:flex; flex-wrap:wrap; justify-content:center; gap:50px }
div.intro_1 div.greeting > div{width:calc(50% - 50px); }
div.intro_1 div.greeting > div:nth-child(1){display:flex; flex-direction:column; align-items:flex-end; padding-top:100px }
div.greet_sign{padding-top:20px; width:100%; }
div.greet_sign p:nth-child(2){font-size:1.3em; line-height:1.3em;font-weight:normal; font-weight:700 }
/* 안실련소개-설립취지문*/
div.intro_2{width:100%;}
div.intro_2_table{width:100%; border:1px solid #ccc; padding:50px 20px; background:#f7f7f7; margin-bottom:30px}

div.intro_2 table{width:100%; border:1px solid #ccc; border-radius:0.5em; overflow:hidden; padding:1px; background:#ccc;  }
div.intro_2 table th{padding:10px; background:#3399cc; color:#fff; font-weight:700; font-size:1.5em; border-bottom:1px solid #cccccc; }
div.intro_2 table th.th_left {border-right:1px solid #fff;}
div.intro_2 table td { padding:10px;  border-bottom:1px solid #cccccc; background:#fff ;text-align:left }
div.intro_2 table td.td_left {border-right:1px solid #fff; width:30%; }

/* 안실련소개-공동대표 약력*/
div.intro_3{width:100%;display:flex; flex-direction:column; gap:20px}
div.intro_3 dl{width:100%;border:1px solid #ccc; display:flex; flex-wrap:wrap;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); border-radius:1em; overflow:hidden}
div.intro_3 dl dt{width:500px;  display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:20px ; background:#f7f7f7}
div.intro_3 dl dt > div:nth-child(1){width:160px;  height:160px; border-radius:50%; overflow:hidden}
div.intro_3 dl dt > div:nth-child(2){width:calc(100% - 170px);}
div.intro_3 dl dt p.ceo_name{font-family: 'ONE-Mobile-Regular'; font-weight:700; margin-top:10px; font-size:1.1em}

div.intro_3 dl dd{width:calc(100% - 500px); padding:20px 10px; background:#fff; font-size:0.9em}

div.intro_4{width:100%;display:flex; flex-direction:row; flex-wrap:wrap; gap:15px}
div.intro_4 dl{width:calc(33.33333% - 15px);border:1px solid #ccc; display:flex; flex-direction:column;;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); border-radius:1em; overflow:hidden; overflow:hidden}
div.intro_4 dl dt{width:100%;  display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:20px ; background:#f7f7f7}
div.intro_4 dl dt > div:nth-child(1){width:160px;  height:160px; border-radius:50%; overflow:hidden}
div.intro_4 dl dt > div:nth-child(2){width:calc(100% - 170px);}
div.intro_4 dl dt p.ceo_name{font-family: 'ONE-Mobile-Regular'; font-weight:700; margin-top:10px; font-size:1.1em}

div.intro_4 dl dd{width:100%; padding:20px 20px; background:#fff;  font-size:0.9em; }

/* 안실련소개- CI*/
div.intro_5{width:100%; max-width:1300px; margin:0 auto; text-align:center}
div.intro_5 > div{width:100%; margin-bottom:50px}
p.ciBtn{width:100%; margin-top:50px;;display:flex; justify-content:center; flex-wrap:wrap; gap:10px}
p.ciBtn a{display:inline-block; background:#f7941e; border-radius:1.5em; text-align:center;  font-size:0.9em; color:#fff; padding:0.5em 1em}
p.ciBtn a:nth-child(2){ background:#ed1c24; }
p.ciBtn a span:after{content:""; display:inline-block;  border-radius:50%; margin-left:3px; vertical-align:middle; background:url('/images/new/sub/ico_down.png') no-repeat center center; background-size:cover; width:20px; height:20px}

@media (max-width:1200px) {
div.intro_3 dl dt{width:400px; }
div.intro_3 dl dd{width:calc(100% - 400px);}

 }
 @media (max-width:1000px) {
div.intro_3 dl dt{width:300px;}
div.intro_3 dl dd{width:calc(100% - 300px);}
div.intro_3 dl dt > div:nth-child(1){width:120px;  height:120px; }
div.intro_3 dl dt > div:nth-child(2){width:calc(100% - 130px);}
div.intro_4 dl dt > div:nth-child(1){width:120px;  height:120px; }
div.intro_4 dl dt > div:nth-child(2){width:calc(100% - 130px);}
div.intro_4 dl dt{padding:10px ; }
div.intro_4 dl dd{padding:10px 5px; }
 }
@media (max-width:840px) {
div.intro_1 div.greeting{gap:0 20px }
div.intro_1 div.greeting > div{width:100%; }
div.intro_1 div.greeting > div:nth-child(1){align-items:flex-start; padding-top:0px; padding-bottom:20px }
div.intro_2_table{padding:30px 10px; margin-bottom:20px}
div.intro_4 dl{width:calc(50% - 10px); }
 }
@media (max-width:640px) {
div.intro_2_table{padding:10px 10px; margin-bottom:10px}
div.intro_3 dl dt{width:100%;}
div.intro_3 dl dd{width:100% ;}
div.intro_3 dl dt > div:nth-child(1){width:100px;  height:100px; }
div.intro_3 dl dt > div:nth-child(2){width:calc(100% - 110px);}
div.intro_4 dl dt > div:nth-child(1){width:100px;  height:100px; }
div.intro_4 dl dt > div:nth-child(2){width:calc(100% - 110px);}
div.intro_4 dl{width:100%;}
 }
/* 안실련소개 end-  */

ul.spon_re_01 {width:100%; display:flex; gap:10px; flex-wrap:wrap}
ul.spon_re_01 li {width:calc(25% - 10px)}
ul.spon_re_01 li dl {width:100%; height:100%; border:1px solid #3c3f72; border-radius:5px; overflow:hidden}
ul.spon_re_01 li dl dt { font-weight:700; text-align:center; ; padding:10px 20px; background:#f2f2f2;border-bottom:1px solid #3c3f72; color:#3c3f72}
ul.spon_re_01 li dl dd { text-align:center; ; padding:20px 20px; font-size:0.9em; min-height:100px ; display:flex; align-items:center; justify-content:center}
ul.spon_re_01 li dl dd a {display:inline-block; border:2px solid #3c3f72; padding:10px 20px; border-radius:30px; text-align:center; font-size:0.9em}
ul.spon_re_01 li dl dd a span {vertical-align:middle; color:#3c3f72}

div.safe_policy{width:100%;}
div.safe_policy > div{width:100%; margin-bottom:50px}
div.safe_policy div.dia_image{background:#f2f2f2; border-radius:10px; text-align:center; padding:40px 10px}

div.safe_policy_01{width:100%;}
div.safe_policy_01 > p{margin-bottom:20px;}
div.safe_policy_01 > p:nth-child(1){font-size:1.2em; font-weight:600; color:#3c3f72; margin-bottom:40px; line-height:1.5em }
div.safe_sign{width:100%; text-align:right}
div.safe_sign span{font-size:1.2em; font-weight:700}
div.safe_policy_02{width:100%;}
div.safe_policy_02 > ul{width:100%; display:flex; flex-wrap:wrap; align-items: stretch; gap:10px}
div.safe_policy_02 > ul > li{border:1px solid #3c3f72; background:#f2f0fc;  border-radius:5px;width:calc((100% - 30px) / 3); padding:20px; height:auto; display:flex;align-items: center; flex-wrap:wrap}
/* 이미지에 있던 파란색 체크 표시 재현 */
div.safe_policy_02 > ul > li::before {
    content: '✔';
    color: #3c3f72;
    font-weight: bold; font-size:0.8em; margin-right:5px;
}


div.safe_policy_04{width:100%;}
div.safe_policy_04 > ul{width:100%; display:flex; flex-wrap:wrap; align-items: stretch; }
div.safe_policy_04 > ul > li{width:50%; }
div.safe_policy_04 > ul > li:nth-child(2){margin-left:-1px; }
div.safe_policy_04 > ul > li > dl{width:100%; height:100%;  border:1px solid #3c3f72;  }
div.safe_policy_04 > ul > li > dl > dt{width:100%; padding:10px; font-weight:600;  font-size:1.1em; background:#eee;  border-bottom:1px solid #3c3f72; color:#3c3f72; text-align:center }
div.safe_policy_04 > ul > li > dl > dd{width:100%; padding:10px;  }

div.safe_policy_05{width:100%;}
div.safe_policy_05 ul li{position:relative; padding-left:20px; padding-bottom:10px}
div.safe_policy_05 ul li span::before {
            content: "•"; position:absolute; left:5px; top:0px;
            margin-right: 8px;color:#3c3f72; 
        }

		/* 연혁 컨테이너 */
.safe_history_container {
    width: 100%;
    margin: 40px auto;
}

/* 리스트 설정 */
.history_list {
    display: flex;
    flex-wrap: wrap; /* 줄바꿈 허용 */
    gap: 20px; /* 아이템 사이 간격 */
    list-style: none;
    padding: 0;
}

/* 각 항목을 50% 너비로 설정 */
.history_list > li {
    /* (100% - 간격 20px) / 2 */
    width: calc((100% - 20px) / 2); 
    display: flex;
    flex-direction: column; /* 날짜와 내용을 세로로 배치 */
    padding: 25px;
    border: 1px solid #eee;
    border-radius: 12px;
    background-color: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* 마우스 올렸을 때 효과 */
.history_list > li:hover {
    border-color: #3c3f72;
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.1);
}

/* 날짜 스타일 */
.history_date {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 800;
    color: #3c3f72;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0; /* 날짜 아래 구분선 */
}

/* 내용 스타일 */
.history_content strong {
    display: block;
    font-size: 1em;
    color: #222;
    margin-bottom: 8px;
    word-break: keep-all;
}

.history_content p {
    margin: 0;
    font-size: 0.8em;
    color: #666;
    line-height: 1.6em;
}

/* 현재 상태 강조 */
.history_list > li.current {
    border: 2px solid #563f8a;
    background-color: #f9fcff;
}

/* 모바일 대응 (1열로 변경) */
@media (max-width: 768px) {
    .history_list > li {
        width: 100%;
    }
}

.safe_performance {
    width: 100%;
    margin-top: 50px;
}

.performance_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    list-style: none;
}

.performance_list > li {
    /* 2열 배치: 간격 20px 제외 후 50% */
    width: calc((100% - 20px) / 2);
    display: flex;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 25px;
    box-sizing: border-box;
    border-left: 5px solid #563f8a; /* 성과 강조 포인트 컬러 */
    align-items: stretch;
}

.p_year {
    width: 100px;
    flex-shrink: 0;
    font-weight: 800;
    color: #333;
    font-size: 1em;
    padding-right: 15px;
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.p_content {
    padding-left: 20px;
}

.p_content strong {
    display: block;
    font-size: 1em;
    color: #000;
    margin-bottom: 8px;
    line-height: 1.4;
    word-break: keep-all;
}

.p_content p {
    margin: 0;
    font-size: 0.8em;
    color: #666;
    line-height: 1.6em;
}

/* 모바일 대응: 768px 이하에서는 1줄로 */
@media (max-width: 768px) {
    .performance_list > li {
        width: 100%;
        flex-direction: column;
    }
    
    .p_year {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding-right: 0;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    
    .p_content {
        padding-left: 0;
    }
}
/* 활동소개 상세 내용*/
div.celbrate{width:100%; padding:20px; }
div.celbrate h4{font-size:1.3em; font-weight:700; color:#333399;  font-family: 'ONE-Mobile-Regular'; font-weight:700; margin-bottom:20px;background:url('/images/sub/ico_h4.png') 0px center no-repeat; padding-left:28px}
div.celbrate h5{font-size:1.1em; font-weight:700; margin-bottom:20px}
div.celbrate > div{padding-bottom:40px}
 .info-list {
            list-style: none;
            padding: 0;
            margin-bottom: 30px;padding-left:0px !important;
        }

        .info-list li {
            font-size: 1em;
           
            margin-bottom: 8px;
            display: flex; position:relative; padding-left:20px;
            
        }

        .info-list li span::before {
            content: "•"; position:absolute; left:0; top:0px;
            margin-right: 8px;
        }

        .info-list .sub-text {
            font-size: 0.9em;
            font-weight: normal;
            margin-left: 5px;
        }
 .highlight-text {
            color: #000;
            font-weight: 700;
        }
        /* 테이블 섹션 */
      .celbrate table {
            width: 100%;
           
            background-color: #fff;
           
            margin-bottom: 30px;
        }

      .celbrate table th, td {
            border: 1px solid #ccc;
            padding: 15px;
            text-align: center;
            font-size: 0.9em;
        }

      .celbrate table th {
            background-color: #f2f2f2;
            color: #000; border-top:2px solid #336699;
            text-align: center;
            font-weight: 700; font-size: 1em;
        }

      .celbrate  .col-category {
            width: 20%;
            background-color: #f9f9f9;
            text-align: center;
            font-weight: 700;
        }

        /* 이미지 섹션 */
      .celbrate  .image-gallery {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

      .celbrate  .image-gallery img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            object-fit: cover;
        }
/* 활동소개 상세 내용 end-  */

/* 게시판 관련 end-  */
div.content_board table.board_list{width:100%; font-size:0.9em; border-top:2px solid #3366cc }

div.content_board table.board_list td{padding:10px; border:0;  border-bottom:1px solid #e5e5e5;  font-size:0.9em;text-align:center}
div.content_board table.board_list th{padding:10px; background:#f2f2f2; border-bottom:1px solid #e5e5e5; text-align:center; font-weight:normal}

.bo_num{width:80px}
.bo_hit{width:80px}
.bo_hit2{width:100px}
.bo_gi{width:250px}
.bo_gu{width:100px}
.bo_state{width:100px}
.bo_writer{width:150px}
.bo_date{width:150px}
/* 게시판 관련 end-  */


.certificate h4{text-align:center; margin-bottom:20px !important}
.certificate h4:after{display:block; width:50px; height:1px; background:#b9b9b9; margin:20px auto 0 auto; content:""}
table.table_certificate{width:100%; }
table.table_certificate th {  border-bottom:1px solid #fff; font-size:18px;  padding:20px; background:#e7e7e7;font-weight:600;text-align:center   }
table.table_certificate th.th_top {border-top:2px solid #ebc11a !important;  }
table.table_certificate th.th_left {background:#fef7f7;  color:#666 }
table.table_certificate th.th_top02 {border-top:0px !important;   }
table.table_certificate td { padding:20px;  background:#fafafa; border-bottom:1px solid #fff; background:#fafafa ;font-size:18px; }
table.table_certificate td.td_top {border-top:2px solid #ebc11a !important;  }
table.table_certificate td ul li{background:url('/images/06_sub/ico_p.png') 20px 10px no-repeat; padding:0px 0 0px 35px}

ul.cert_process{overflow:hidden; width:100%}
ul.cert_process > li{width:33.33333%;float:left; border-radius:10px; padding:40px 40px 40px 40px !important; text-align:center; height:160px}
ul.cert_process > li > dl > dt{font-weight:600; margin-bottom:10px}
ul.cert_process > li:nth-child(1){background:#e7e7e7}
ul.cert_process > li:nth-child(2){background:#d9d9d9}
ul.cert_process > li:nth-child(3){background:#777cc3 url('/images/04_sub/ico_process.png') center 30px no-repeat;; color:#fff; padding-top:88px !important}

ul.cer_List{width:100%; border-top:2px solid #3c3f72}
ul.cer_List > li {width:100%; border-bottom:1px solid #ccc; padding:20px 0; display:flex; flex-wrap:wrap}
ul.cer_List > li > div:nth-child(1) {width:200px; font-family: 'ONE-Mobile-Regular'; font-weight:700; font-size:1.1em; color:#3c3f72; display:flex; align-items:center; padding:10px}
ul.cer_List > li > div:nth-child(2) {width:calc(100% - 200px); text-align:left}
ul.cer_List > li > div:nth-child(1) > span:before {display:inline-block; content:"";  vertical-align:middle; width:5px;  height:5px; border-radius:50%; background:#3c3f72; margin-right:5px}

div.btn_cer_list{width:100%; padding:50px 0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px}
div.btn_cer_list a{display:inline-block; padding:10px 20px; border-radius:30px; background:#f7f7f7; font-size:0.9em; border:2px solid #3c3f72; color:#000}
div.btn_cer_list a:hover{background:#3c3f72; color:#fff}
div.btn_cer_list input[type=submit]{display:inline-block; padding:10px 20px; border-radius:30px; background:#3c3f72; font-size:0.9em; border:2px solid #3c3f72; color:#fff}
div.btn_cer_list input[type=submit]:hover{background:#000;  border:2px solid #000; color:#fff}

div.btn_cer_list a > span{display:inline-block; vertical-align:middle;border-radius:50%; background:#3c3f72; color:#fff; font-size:1em; padding:3px; margin-left:3px }

/* 투명경영 */
ul.manage_01{width:100%; display:flex; flex-wrap:wrap; gap:30px;  }
ul.manage_01 > li{width:calc(33.333333% - 20px); border:1px solid #2a5082;background:#ddeefc; border-radius:10px; overflow:hidden }
ul.manage_01 > li:nth-child(1){width:100%;}
ul.manage_01 > li:nth-child(1) > dl{font-size:1.1em; font-weight:700}
ul.manage_01 > li > dl{width:100%; height:100%;  text-align:center;padding:50px 30px 50px 30px;} 
ul.manage_01 > li > dl > dt{font-size:1.2em; font-weight:600; margin-bottom:30px}
ul.manage_01 > li > dl > dt > span:before{display:block; content:""; width:100px; height:100px; margin:0 auto;}
ul.manage_01 > li:nth-child(1) dl > dt > span:before{background:url('/images/sub/ico_ma_01.png') center center no-repeat; ; background-size:cover}
ul.manage_01 > li:nth-child(2) dl > dt > span:before{background: url('/images/sub/ico_ma_02.png') center center no-repeat; ; background-size:cover}
ul.manage_01 > li:nth-child(3) dl > dt > span:before{background:url('/images/sub/ico_ma_03.png') center center no-repeat; ; background-size:cover}
ul.manage_01 > li:nth-child(4) dl > dt > span:before{background:url('/images/sub/ico_ma_04.png') center center no-repeat; ; background-size:cover}
ul.manage_01 > li > dl > dt > span:after{display:block; width:50px; height:1px; background:#76A4F4; margin:10px auto; content:""}
ul.manage_01 > li > dl > dd a{margin-top:35px; display:inline-block; background:#76A4F4; color:#fff; padding:5px 20px; border-radius:20px; font-size:0.9em;}
ul.manage_01 > li > dl > dd a:hover{background:#24be00; }


@media (max-width:840px) {
ul.manage_01 > li{width:100%;}
ul.manage_01 > li > dl{height:auto;padding:20px 20px 20px 20px;} 
ul.manage_01 > li > dl > dt > span:before{width:80px; height:80px;}
}
@media (max-width:640px) {
ul.manage_01 > li > dl > dt > span:before{width:60px; height:60px;}
ul.manage_01 > li > dl > dd a{margin-top:15px; }

}

.manage_02 h4{text-align:center; }
.manage_02 h4:after{display:block; width:50px; height:1px; background:#b9b9b9; margin:20px auto 30px auto; content:""}
.manage_02 ul{width:100%; overflow:hidden; margin-top:50px; }
.manage_02 ul li{display:inline-block;padding:0 10px; font-size:15px}
.manage_02 .graph{margin-bottom:50px; text-align:center}
.manage_02 .graph ul > li > img{margin-right:10px }
.manage_02 .graph_1{margin:0 0 50px 100px; text-align:center}
.manage_02 .graph_1 ul > li > img{margin-right:10px }

table.table_manage{width:100%; border-top:2px solid #3366cc}
table.table_manage th {  border-bottom:1px solid #cccccc; font-size:1em; color:#000; padding:10px; background:#fff;font-weight:600;text-align:center   }
table.table_manage th.th_top {border-top:2px solid #0062b0 !important; background:#e7e7e7  }
table.table_manage th.th_total {background:#3366cc;  color:#fff }
table.table_manage td.td_total {background:#3366cc;  color:#fff }
table.table_manage td { padding:10px;  border-bottom:1px solid #cccccc; background:#fff ;font-size:0.9em;text-align:center; border-right:0 }
table.table_manage td.td_top {border-top:2px solid #0062b0 !important;  }

.manage_04 ul{width:100%; overflow:hidden;}
.manage_04 ul > li{width:25%; float:left; padding:0 13px 26px 13px}
.manage_04 ul > li > dl{width:100%; float:left; border:1px solid #ccc; padding:130px 50px 50px 50px; text-align:center;background:#fafafa url('/images/02_sub/ico_isa.png') center 50px no-repeat; color:#1462b0}
.manage_04 ul > li > dl:hover{border:1px solid #1462b0; background:#badbfb url('/images/02_sub/ico_isa_on.png') center 50px no-repeat;}
.manage_04 ul > li > dl > dt{font-weight:600; font-size:20px;}
.manage_04 ul > li > dl > dt:before{display:block; width:50px; height:1px; background:#b9b9b9; margin:20px auto 30px auto; content:""}
.manage_04 ul > li > dl > dd a{margin-top:35px; display:inline-block; background:#e4e4e4 url('/images/02_sub/ico_down.png') right 10px no-repeat;; color:#000; padding:5px 40px 5px 20px; font-weight:600}
.manage_04 ul > li > dl > dd a:hover{background:#1462b0 url('/images/02_sub/ico_down_on.png') right 10px no-repeat;; color:#fff; }

@media (max-width:1200px){
.manage_02 .graph_1{margin:0 0 50px 50px;}
}

@media (max-width:840px) {
.manage_02 .graph_1{margin:0 0 50px 0;}
.manage_04 ul > li{width:50%; float:left; padding:0 13px 26px 13px}

}
@media (max-width:620px) {

.manage_04 ul > li{width:100%; float:none; padding:0 13px 26px 13px}

}