@charset "utf-8";

.notice_board_wrap {font-family: 'nanumbarungothic', sans-serif; width:1200px; margin: 0 auto;}
.headerTextDiv1 {text-align: center;color: #5c5c5c; letter-spacing:-2px;}
.headerTextDiv1 img {margin-bottom: 10px;}
.headerTextDiv2 {text-align: center;margin-top: 29px;font-size: 15px;margin-bottom:53px;}
.headerTextDiv2 strong {font-size:12px; color:#ff0000;}
.gallery_table {clear: right;width: 100%;margin:0 auto;position: relative;max-width: 1200px;}
.gallery_table table{width:100%; }
.gallery_table thead {height:45px;}
.gallery_table th {text-align:center;height:242px; vertical-align:middle; font-size:14px;}
.gallery_table td {text-align:left; height:68px; vertical-align:middle; font-size:16px; text-indent:28px; background:#f5f5f5; }
.gallery_table caption {font-size:15px; text-align:left; margin-bottom:20px;}

.boardImgDiv {/* overflow:hidden; *//* text-align: center; *//* width: 210px; *//* height: 168px; */margin: 0 auto;/* border-radius: 10px; */padding: 9px;border-bottom: 1px solid #ececec;background: #f7f7f7;}
.gallery_table ul {overflow:hidden;/* border-top: 3px solid #ffa128; */padding-top: 40px;position:  relative;}
.gallery_table li {margin-bottom: 48px;width: 224px;float: left;box-sizing: border-box;/* height: 295px; */margin-left:8px;/* border: solid 1px #ececec; *//* border-radius:5px; *//* border-top: 4px solid #41aee9; *//* margin-right: 12px; */margin-left: 0;}
.gallery_table li:first-child {margin-left:0px;}

.gallery_table li:nth-child(5n) {/* padding-right:10px; */margin-left: 0;margin-right: 0;}
.boardImgDiv img {display: block;width: 100%;height: 130px;/* border-radius: 10px; */margin-top: 5px;text-align: center;width: 100%;}
.gallery_table li.noGallery {text-align:center;width: 100%;font-size: 9pt;}
.boardTable .sampleTr {/* background:url('/image/board/list/gallery_bg.png'); */width: 33.33333333%;/* height: 215px; */padding: 0 10px;}

.boardDiv {display:inline-block;width: 100%;position: relative;overflow: hidden;}
.boardDiv img {width:100%;/* height:100%; */transition: transform 300ms;position: absolute;}
.boardDiv img:hover {transform: scale(1.1,1.1);}
.boardSubjectDiv {width: 95%;/* border-top: solid 1px #bababa; */margin: 0 auto;/* border-bottom: solid 1px #bababa; */height: 48px;}
.boardSubject {text-indent:10px;line-height: 32px;font-size: 16px;font-weight: bold;color: #333;}
.boardSubjectBox {width: 100%;background: antiquewhite;font-size: 9pt;height: 110px;line-height: 110px;background: rgba(17, 17, 17, 0.7);color: #fff;padding-left: 30px;box-sizing: border-box;}
.boardWriteDate {height:50px;line-height: 50px;font-size:14px;}
.boardSubjectDivDiv {height:50px;line-height: 40px;font-size:20px;}
.boardSubjectDivDiv span {letter-spacing:-1.5px;}
.boardSubjectContentDiv {font-size:14px; text-indent:10px; color:#525252;}

.no_width {width:28px; background:#fff !important;}
.no_center {text-align:left !important; text-indent:10px;}
.board_control {margin: 30px 0 60px 0;}
.search_area {/* width: 1000px; */position: absolute;top: -20px;right: 0;}
.search_inner {/* width:550px; */height:60px;/* margin:0 auto; */padding-top:40px;}
.search_inner dl {overflow:hidden;}
.search_inner dl dd {display:inline-block;float: right;margin-left:5px;}
.search_inner dl dd.searchDd {width:336px;height:41px;border:1px solid #d9d9d9;border-radius:18px;box-sizing:border-box;box-shadow: 2px 6px 10px #d9d9d9 inset;padding: 7px 15px;}
.all_select {/* width:112px; */height: 30px;}
.search_input {width: 271px;height: 27px;box-sizing:border-box;float: left;outline: none;border: none;background: none;padding-left: 10px;}
.search_icon {/* width:98px; */height: 27px;float: left;margin-left: 10px;}
.search_icon p {color:#fff;text-align:center;line-height: 33px;font-size: 10pt;}

.gallery_board_wrap .sub_head {margin:100px 0 60px 0;}
.notice_board_wrap .sub_head {margin:100px 0 60px 0;}
.write {width: 95px;height: 30px;background: #5b5487;position: absolute;right: 0;bottom: -22px;}
.write a {color:#fff;text-align:center;line-height: 28px;display:block;font-size: 10pt;}

.boardDateDiv ul li {width:inherit;height:inherit;font-size:14px;color:#525252;border: none;}
.data {text-indent: 10px;margin-right:50px;font-size: 13px;}


.gallery_board_wrap {position:relative;box-sizing:border-box;}

.popup {position:fixed;top:50%;margin-top: -200px;left:50%;margin-left:-250px;background:#fff;border-top: 8px solid #f9a533;border-bottom: 8px solid #f9a533;width:400px;text-align: center;}
.cover {position:fixed;top:0;left:0;background:#111;width:100%;height: 100%;opacity: 0.7;filter: alpha(opacity:70);}
.twoPasswordTopSpan {font-weight:100;}
.twoPasswordTop {height:40px;line-height:40px;font-size:24px;font-weight:bold;background: url(/image/board/gallery/gallery_background.jpg);}
.twoPasswordTop2 {background: url(/image/board/gallery/gallery_background.jpg);padding-bottom: 9px;margin-bottom: 12px;}
.twoPasswordTop2 p {text-align:center;font-size:14px;/* margin-bottom:12px; */}
.twoPasswordMiddel input {width: 311px;height: 31px;border: 4px solid #f5f5f5;margin-bottom: 10px;text-align: center;}
.twoPasswordBottomText {font-size:10px;margin-bottom: 15px;}

.popupClose, .twoPasswordBottomBn {display:inline-block;width:111px;height: 35px;line-height: 35px;background: #8d8d8d;color: #fff;font-size: 13px;margin:0 5px;margin-bottom:15px;}
.twoPasswordBottomBn {background:#faae4e}

.intro_wrap {text-align: center;}
.head_intro>img {max-width:100%;}
.head_intro>img:last-child {margin-top:30px;margin-bottom: 30px;}
.head_intro>div {width:1200px;margin:0 auto;}

.head_basic {width:540px;margin: 0 auto;text-align:center;padding-bottom:55px;}
.head_basic h2 {font-size:31px; letter-spacing:-1px; font-weight:unset; color:#444; margin-bottom:20px;}
.head_basic .line { width:30px; height:3px; background:#2aa8e7; margin:0 auto;}
.head_basic p {margin-top:20px; color:#444; letter-spacing:-0.5px; font-size:16px; margin-left:20px;}
.head_basic p.warning {margin-top:5px;color:#fe2a29;font-size:13px;}

.totalDiv {margin-left: 5px;position: absolute;top: -10px;font-size: 13px;}

@media screen and (max-width:600px) {
    .boardTable .sampleTr {width:50%;}

    
     .searchBn {width:63px;font-size:15px;}
    .searchDiv input {width:150px;}
        .totalDiv {/* top:-30px; */}
    .search_area {width:100%;margin-left: 55px;}
}




@media screen and (max-width:1200px) {
.gallery_board_wrap {position:relative;box-sizing:border-box;padding:0 30px;}

}

@media screen and (max-width:414px) {
.gallery_board_wrap {position:relative;box-sizing:border-box;padding: 0 15px;}

}