@charset "utf-8";
/* SIR 지운아빠 */

.sec_press dl,.sec_press dt,.sec_press dd,.sec_press ol,.sec_press ul,.sec_press li,.sec_press fieldset,.sec_press form,.sec_press label,.sec_press legend,.sec_press table,.sec_press caption,.sec_press tbody,.sec_press tfoot,.sec_press thead,.sec_press tr,.sec_press th,.sec_press td,.sec_press article,.sec_press aside,.sec_press canvas,.sec_press details,.sec_press embed,.sec_press figure,.sec_press figcaption,.sec_press footer,.sec_press header,.sec_press hgroup,.sec_press menu,.sec_press nav,.sec_press output,.sec_press ruby,.sec_press section,.sec_press summary,.sec_press time,.sec_press mark,.sec_press audio,.sec_press video{margin:0;padding:0;border:0;font-size:100%;}


.sec_press body, .sec_press input, .sec_press textarea, .sec_press select, .sec_press button, .sec_press table {font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:12px;}
.sec_press button, .sec_press a {outline:none;}


.btn_area .btn,.btn_area button ,.box_search button{display:inline-block; margin:auto; cursor:pointer; border:none; text-indent:200%; white-space:nowrap; overflow:hidden; vertical-align:middle;}

#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}


/* sub */
.crumb {text-align:right; margin:20px 0 10px; font-size:11px;}
.crumb a {color:#222; text-decoration:none; background:url(img/arr_crumb.png) right 7px no-repeat; padding-right:8px; margin:0 4px 0 0;}
.crumb em {background:url(img/ico_home.png) no-repeat; width:10px; height:10px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 0 -2px;}
.crumb strong {color:#ed463c}


/* press */
.tit_area {overflow:hidden; margin-bottom:30px;}
.tit_area h1 {font-size:30px;line-height:60px;;float:left;}
.tit_area .box_search {float:right;}
.box_search {border:3px solid #222; padding:2px 5px; margin:25px 0 0;}
.box_search input {border:none; width:180px}
.box_search button {background:url(img/btn_search.png) no-repeat; display:inline-block; width:15px; height:15px; text-indent:500%; white-space:nowrap; overflow:hidden;}

.lst_press ul {border-top:3px solid #262626;}
.lst_press li {border-bottom:1px solid #cccaca; padding:25px 20px; overflow:hidden; position:relative; line-height:18px; color:#444;}
.lst_press dt a {color:#222; text-decoration:none; font-size:16px; font-weight:bold;}
.lst_press .thmb {float:left; margin:0 30px 0 0; width:150px; height:100px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.lst_press .thmb img {display:block; width:150px; height:100px; object-fit:cover; object-position:center;}
.lst_press .cite {font-weight:bold; margin-top:5px;}
.lst_press .cite span {background:url(img/bar_gray.png) right 6px no-repeat; padding-right:12px; margin-right:16px;}
.lst_press .smr {margin-top:20px;}




.sec_wrtie h1 {font-size:30px;float:none; margin-bottom:30px;}

.tbl_wrt {border-collapse:collapse;border-spacing:0;width:100%; border-top:3px solid #252525; border-bottom:3px solid #252525;}
.tbl_wrt thead,
.tbl_wrt tfoot {background-color:#f8f8f8;}
.tbl_wrt tr {border-top:1px solid #c6c4c4}
.tbl_wrt th {text-align:left; font-size:16px; color:#666; padding:0 0 0 25px;}
.tbl_wrt td {padding:8px 25px 8px 0;}
.tbl_wrt td.edt {padding:0;}
.tbl_wrt input[type=text],
.tbl_wrt input[type=password]{border:1px solid #dedede; padding:4px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tbl_wrt .wr_content {padding:10px 0 10px 10px;}
.tbl_wrt textarea {border:1px solid #dedede; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:150px; overflow-y:auto}



/* buttons */
.btn_area {text-align:right; padding:30px 0; position:relative; overflow:hidden;}
.btn_area * {vertical-align:top;}
/* 기본 버튼 스타일 */
.btn_more {
    display: inline-block; /* padding, margin 등 적용을 위해 필수 */
    padding: 12px 25px; /* 상하좌우 여백 */
    background-color: #4CAF50; /* 버튼 배경색 (예: 초록색 계열) */
    color: white; /* 글자색 */
    text-align: center; /* 텍스트 가운데 정렬 */
    text-decoration: none; /* 밑줄 제거 */
    font-size: 16px; /* 글자 크기 */
    font-weight: bold; /* 글자 굵게 */
    border-radius: 8px; /* 모서리 둥글게 */
    border: none; /* 테두리 제거 */
    cursor: pointer; /* 마우스 오버 시 손가락 모양 */
    transition: background-color 0.3s ease, transform 0.2s ease; /* 부드러운 효과 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 은은한 그림자 효과 */
}

/* 마우스 오버 시 스타일 */
.btn_more:hover {
    background-color: #45a049; /* 마우스 오버 시 배경색 변경 */
    transform: translateY(-2px); /* 살짝 위로 뜨는 효과 */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* 그림자 진하게 */
}

/* 클릭 시 스타일 (선택 사항) */
.btn_more:active {
    background-color: #367c39; /* 클릭 시 배경색 변경 */
    transform: translateY(0); /* 원래 위치로 돌아오는 효과 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 그림자 연하게 */
}
.btn_list {width:110px; height:30px; background:url(img/btn_list.png) no-repeat; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden;}
.btn_send {width:110px; height:90px; background:url(img/btn_send.png) no-repeat; display:inline-block; text-indent:150%; white-space:nowrap; overflow:hidden;}
.btn_send2 {width:110px; height:30px; background:url(img/btn_send2.png) no-repeat; display:inline-block; text-indent:150%; white-space:nowrap; overflow:hidden;}
.btn_area .fl {float:left;}
.btn_area .fr {float:right;}

.btn_area a {display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden;}
.btn_prev {width:80px; height:30px; background:url(img/btn_prev.png) no-repeat;}
.btn_next {width:80px; height:30px; background:url(img/btn_next.png) no-repeat;}
.btn_modify {width:80px; height:30px; background:url(img/btn_modify.png) no-repeat;}
.btn_delete {width:80px; height:30px; background:url(img/btn_delete.png) no-repeat;}
.btn_write {width:110px; height:30px; background:url(img/btn_write.png) no-repeat;}


.atc_view {border-top:3px solid #262626;  padding:0}
.atc_view h1 {border-bottom:1px solid #ccc; line-height:50px; padding:0 10px; overflow:hidden;font-size:16px; color:#666; float:none;}
.atc_view dt,
.atc_view dl,
.atc_view dd{margin:0;padding:0;border:0;font-size:100%;}
.atc_view .info {overflow:hidden; line-height:30px; border-bottom:1px solid #ccc; padding:0 10px; font-size:12px; color:#888; text-align:right;}
.atc_view .info dt,
.atc_view .info dd {display:inline}
.atc_view .info dt img {margin-right:4px;}
.atc_view .info dt {margin-left:20px;}
.atc_view .info dt:first-child {margin-left:0;}
.atc_view .info dd {font-weight:bold;}
.atc_view .info .file {width:390px; padding-left:5px}
.atc_view .info .file a {color:#222;}
.atc_view .tit span {color:#b4b4b4; font-weight:bold;}
.atc_view .cnt {line-height:30px; color:#222; padding:20px 10px}
.atc_view .cnt img {max-width:100%;}

